/* 
 * Define Custom variables
 * Template Name : common-template-v2
 * Author : Da-eun Ryu
 * File : less
 */
/****************************
 * Color System
 ****************************/
/* ADDITIONAL COLOR */
/* ADDITIONAL PALE COLOR */
/* THEME COLOR */
/* THEME PALE COLOR */
/* THEME LIGHTEN  COLOR */
/****************************
 * Body
 ****************************/
/****************************
 * Main
 ****************************/
/* 사이드 메뉴와 미니 메뉴 */
/* 메가 메뉴 */
/****************************
 * Font
 ****************************/
/****************************
 * Components
 ****************************/
/* Text */
/* Background */
/* Border */
/* Read Only */
/* Focus */
/* Hover */
/* Active */
/* Disabled */
/* Selected - List 계열이 상속받는 변수 */
/* Selected Item Disabled - List 계열이 상속받는 변수 */
/* Transition */
/****************************
 * Input Group
 ****************************/
/* Text */
/* Background */
/* Border */
/* Hover */
/* Focus */
/* Disabled */
/* Readonly */
/****************************
 * List Group (Selection)
 ****************************/
/* List */
/* List Text */
/* List Background */
/* List Border */
/* List Hover */
/* List Focus */
/* List Disabled */
/* Item */
/* Item Text */
/* Item Background */
/* Item Hover */
/* Item Focus */
/* Item Selected */
/* Item Disabled */
/****************************
 * Button
 ****************************/
/* Use When AutoSize=true */
/* Text */
/* Background */
/* Border */
/* Hover */
/* Focus */
/* Active */
/* Disabled */
/****************************
 * Form
 ****************************/
/****************************
 * Table
 ****************************/
/*Header */
/*Footer */
/* Detail */
/* Row - even, odd */
/* Row - Insert */
/* Row - Update */
/* Row - Delete */
/* Row - Hover */
/* Row - Select */
/* Row - Edit */
/****************************
 * Modal
 ****************************/
/****************************
 * Tab
 ****************************/
/* Tab Text */
/* Tab Background */
/* Tab Border */
/* Tab Disabled */
/* Tab Item  */
/* Item Text */
/* Item Background */
/* Item Border */
/* Item Hover */
/* Item Selected */
/* Item Disabled */
/****************************
 * Alert
 ****************************/
/****************************
 * Calendar
 ****************************/
/* Calendar Root */
/* Header */
/* Content header */
/* Other month */
/* Dates */
/* Footer */
/****************************
 * File Upload
 ****************************/
/************************************************
 * Segoe
 ************************************************/
@font-face {
  font-family: "Segoe";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("../fonts/SEGOEUI.TTF"), url("../theme/fonts/SEGOEUI.TTF") format("truetype");
}
/************************************************
 * Roboto
 ************************************************/
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto Regular"), local("Roboto-Regular"), url("../theme/fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("../theme/fonts/Roboto-Medium.ttf") format("truetype");
}
/************************************************
 * 본고딕 (Noto Sans KR)
 ************************************************/
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Noto Sans KR Light"), local("Noto Sans KR-Light"), url("../theme/fonts/NotoSansKR-Light.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Noto Sans KR Regular"), local("Noto Sans KR-Regular"), url("../theme/fonts/NotoSansKR-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local("Noto Sans KR Medium"), local("Noto Sans KR-Medium"), url("../theme/fonts/NotoSansKR-Medium.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Noto Sans KR Bold"), local("Noto Sans KR-Bold"), url("../theme/fonts/NotoSansKR-Bold.otf") format("opentype");
}
.swal2-container {
  font-family: "Noto Sans KR";
}
.swal2-container.regular {
  border-radius: 4px;
  background-color: white;
}
.swal2-container .swal2-popup {
  padding: 0;
  border-radius: 4px;
  overflow: hidden;
}
.swal2-container .swal2-popup .swal2-html-container {
  margin: 0;
  padding: 27px 19px;
  border-bottom: solid 1px #e3e4e6;
  line-height: 20px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.swal2-container .swal2-popup .swal2-html-container.regular {
  font-weight: 400;
  font-family: "Noto Sans KR";
}
.swal2-container .swal2-popup .swal2-actions {
  flex-direction: row-reverse;
  margin: 0;
}
.swal2-container .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled {
  flex-grow: 1;
  margin: 0;
  padding: 12px 0;
  background-color: #fff;
  border-radius: 0;
  line-height: 20px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.swal2-container .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled.swal2-default-outline:focus {
  box-shadow: initial;
}
.swal2-container .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled.swal2-confirm {
  font-weight: 700;
  color: #09f;
}
.swal2-container .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled.swal2-confirm.regular {
  font-weight: 500;
  font-family: "Noto Sans KR";
}
.swal2-container .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled.swal2-confirm:focus {
  box-shadow: initial;
}
.swal2-container .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled.swal2-confirm~.swal2-cancel {
  border-right: solid 1px #e3e4e6;
}
.swal2-container .swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
  background-image: initial;
}
.swal2-container.swal2-backdrop-show {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.cl-button.slide-button {
  background-image: none;
  background-color: transparent;
  border-radius: 0px;
  border: none;
  color: white;
  text-shadow: none;
  background-position: center center;
  background-repeat: no-repeat;
}
.cl-button.slide-button.slide-prev-button {
  background-image: url("images/common/action_right_50px.svg");
  transform: rotate(180deg);
}
.cl-button.slide-button.slide-prev-button.text_navi {
  left: 10px !important;
}
.cl-button.slide-button.slide-prev-button.text_navi2 {
  left: 10px !important;
  top: 20px !important;
}
.cl-button.slide-button.slide-prev-button.text_navi3 {
  left: 10px !important;
  top: 34px !important;
}
.cl-button.slide-button.slide-prev-button.text_navi4 {
  left: 7px !important;
  top: 70px !important;
}
.cl-button.slide-button.slide-prev-button.text_navi5 {
  left: 7px !important;
  top: 35px !important;
}
.cl-button.slide-button.slide-prev-button.text_navi6 {
  left: 10px !important;
}
.cl-button.slide-button.slide-prev-button.text_navi7 {
  left: 10px !important;
  top: -30px !important;
}
.cl-button.slide-button.slide-prev-button.banner {
  background-image: url("images/common/75780.svg");
}
.cl-button.slide-button.slide-prev-button.disabled {
  background-image: url("images/common/action_left_50px.svg");
  transform: rotate(0deg);
}
.cl-button.slide-button.slide-next-button {
  background-image: url("images/common/action_right_50px.svg");
  transform: rotate(0deg);
}
.cl-button.slide-button.slide-next-button.text_navi {
  left: 920px !important;
}
.cl-button.slide-button.slide-next-button.text_navi2 {
  left: 920px !important;
  top: 20px !important;
}
.cl-button.slide-button.slide-next-button.text_navi3 {
  left: 920px !important;
  top: 34px !important;
}
.cl-button.slide-button.slide-next-button.text_navi4 {
  left: 945px !important;
  top: 70px !important;
}
.cl-button.slide-button.slide-next-button.text_navi5 {
  left: 945px !important;
  top: 35px !important;
}
.cl-button.slide-button.slide-next-button.text_navi6 {
  left: 945px !important;
}
.cl-button.slide-button.slide-next-button.text_navi7 {
  left: 945px !important;
  top: -30px !important;
}
.cl-button.slide-button.slide-next-button.text_navi8 {
  left: 950px !important;
  top: 20px !important;
}
.cl-button.slide-button.slide-next-button.banner {
  background-image: url("images/common/75779.svg");
}
.cl-button.slide-button.slide-next-button.disabled {
  background-image: url("images/common/action_left_50px.svg");
  transform: rotate(180deg);
}
.cl-button.slide-button:hover,
.cl-button.slide-button.cl-hover {
  background-color: transparent;
  border-radius: 0px;
  border: none;
  color: white;
  text-shadow: none;
}
.cl-button.slide-button:active,
.cl-button.slide-button.cl-ativated {
  background-color: transparent;
  border-radius: 0px;
  border: none;
  color: white;
  text-shadow: none;
}
.cl-button.slide-page-button:not(.custom-button) {
  background-image: none;
  border: none;
  background-color: #e3e4e6;
  min-width: 5px;
  min-height: 5px;
  max-height: 5px;
  border-radius: 5px;
}
.cl-button.slide-page-button:not(.custom-button).active {
  background-color: #0099ff;
}
.cl-button.slide-page-button.custom-button {
  margin-top: 45px;
  width: 10px !important;
  height: 10px !important;
  background-color: #c7c7cc !important;
  background-image: none !important;
  border-radius: 5px !important;
  border: none !important;
}
.cl-button.slide-page-button.custom-button.active {
  width: 20px !important;
  background-color: #7165E3 !important;
}
.click-opacity.cl-focus {
  opacity: 0.4;
}
.click-opacity:not(.cl-focus) *:focus {
  opacity: 0.4;
}
.cl-output.cl-focus,
.cl-button.cl-focus,
.cl-image.cl-focus {
  opacity: 0.4;
}
.cl-output:not(.cl-focus) *:focus,
.cl-button:not(.cl-focus) *:focus,
.cl-image:not(.cl-focus) *:focus {
  opacity: 0.4;
}
.cl-layout cl-scrollbar {
  overflow: hidden;
}
.scroll {
  -ms-overflow-style: none;
  /* 인터넷 익스플로러 */
  scrollbar-width: none;
  /* 파이어폭스 */
}
.cl-container.header_wrapper_gradient {
  z-index: 10;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 20%, transparent 80%);
}
.cl-image.common_img img {
  object-fit: cover;
}
.cl-button.com_linebreack_btn .cl-text {
  white-space: pre-line;
}
.cl-output.com_linebreack_output .cl-text {
  white-space: pre-line;
}
.click-opacity_btn {
  background-color: transparent;
  border: none;
  /* 버튼을 클릭했을 때의 스타일 */
}
.click-opacity_btn.cl-focus {
  background-color: transparent;
  opacity: 0.4;
  border: solid 1px #0099FF;
}
.click-opacity_btn.cl-focus .opacity_img {
  opacity: 0.4;
}
.click-opacity_btn:not(.cl-focus) *:focus {
  opacity: 0.4;
  background-color: transparent;
}
.click-opacity_btn:not(.cl-disabled):hover {
  background-color: transparent;
}
.click-opacity_btn:not(.cl-disabled).cl-activated,
.click-opacity_btn:not(.cl-disabled):active {
  background-color: transparent;
  border: solid 1px #0099FF;
}
.click-opacity-focus {
  opacity: 0.4;
}
.loding-opacity-focus {
  opacity: 0.3;
  background: black;
}
/***********************************
 * control - checkbox group
 ***********************************/
.cl-checkboxgroup.cbg .cl-checkbox {
  text-align: center;
  padding: 0;
}
.cl-checkboxgroup.cbg .cl-checkbox .cl-checkbox-field {
  height: 100%;
  padding: 0 30px;
  background-color: #ff0000;
}
.cl-checkboxgroup.cbg .cl-checkbox .cl-checkbox-field .cl-icon-wrapper {
  display: none !important;
}
.cl-checkboxgroup.cbg .cl-checkbox .cl-checkbox-field .cl-text {
  padding: 0;
}
/*****************************************
 * accordion content
 ******************************************/
.cl-accordion.acc_content .cl-accordion-header {
  border: none;
  padding: 16px 0;
  background-color: #ffffff;
  text-decoration: none;
}
.cl-accordion.acc_content .cl-accordion-header .cl-text {
  font-size: 16px;
  letter-spacing: -0.4px;
  font-weight: 500;
  text-decoration: none;
}
.cl-accordion.acc_content .cl-accordion-header.cl-activated {
  background-color: #ffffff;
  border-bottom: 1px solid #e3e4e6;
  text-decoration: none;
  color: inherit;
}
.cl-accordion.acc_content .cl-accordion-header.cl-focus {
  background-color: #ffffff;
  text-decoration: none;
  color: inherit;
}
.cl-accordion.acc_content .cl-accordion-header:hover:not(.cl-disabled) {
  background-color: #ffffff;
  text-decoration: none;
  color: inherit;
}
.cl-accordion.acc_content .cl-accordion-section.cl-last {
  padding-bottom: 20px;
}
.cl-accordion.acc_content .cl-accordion-section:not(.cl-accordion-placeholder) .cl-accordion-content {
  border: none;
}
/***********************************
 * control function
 ***********************************/
.com_layout .cl-dialog {
  position: absolute !important;
}
.com_layout.back_gray {
  background-color: #f5f6f8;
}
/*
background-position:center;
background-repeat:no-repeat;
background-size:cover;
*/
.cl-vscrollbar {
  position: absolute;
  box-sizing: border-box;
  left: 0;
  right: 0;
  bottom: 0;
  width: 0px;
}
.cl-hscrollbar {
  position: absolute;
  box-sizing: border-box;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0px;
}
*::-webkit-scrollbar {
  display: none;
}
.cl-container.contact_detail_web_content_scrollbox {
  border: 1px solid #E3E4E6;
  border-radius: 4px;
}
.cl-container.contact_detail_web_content_scrollbox ::-webkit-scrollbar {
  display: block;
}
.cl-container.contact_detail_web_content_scrollbox::-webkit-scrollbar {
  display: block;
}
/************************************************
 * mobile - app navi bottom
 ************************************************/
.cl-container.udc_com_bottom_navi {
  background-color: #ffffff;
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
}
.cl-container.udc_com_bottom_navi .cl-button {
  background: none;
  border: none;
}
.cl-container.udc_com_bottom_navi .cl-button .cl-text {
  margin-top: 2px;
  font-size: 12px !important;
  letter-spacing: -0.3px;
  color: #000000 !important;
  font-weight: 400 !important;
}
.cl-container.udc_com_bottom_navi .cl-button .cl-icon {
  width: 24px;
  height: 24px;
}
.cl-container.udc_com_bottom_navi .cl-button.cl-focus {
  border: none;
}
.cl-container.udc_com_bottom_navi .cl-button.selected .cl-icon {
  background-image: url("images/com/com/bottom_1_on.svg") !important;
}
.cl-container.udc_com_bottom_navi .cl-button.selected .cl-text {
  font-weight: 500 !important;
  color: #0099FF !important;
}
.cl-container.udc_com_bottom_navi .cl-button.btn_navi_1.selected .cl-icon {
  background-image: url("images/com/com/bottom_1_on.svg") !important;
}
.cl-container.udc_com_bottom_navi .cl-button.btn_navi_1.selected .cl-text {
  font-weight: 500 !important;
  color: #0099FF !important;
}
.cl-container.udc_com_bottom_navi .cl-button.btn_navi_2.selected .cl-icon {
  background-image: url("images/com/com/bottom_2_on.svg") !important;
}
.cl-container.udc_com_bottom_navi .cl-button.btn_navi_2.selected .cl-text {
  font-weight: 500 !important;
  color: #0099FF !important;
}
.cl-container.udc_com_bottom_navi .cl-button.btn_navi_3.selected .cl-icon {
  background-image: url("images/com/com/bottom_3_on.svg") !important;
}
.cl-container.udc_com_bottom_navi .cl-button.btn_navi_3.selected .cl-text {
  font-weight: 500 !important;
  color: #0099FF !important;
}
.cl-container.udc_com_bottom_navi .cl-button.btn_navi_4.selected .cl-icon {
  background-image: url("images/com/com/bottom_4_on.svg") !important;
}
.cl-container.udc_com_bottom_navi .cl-button.btn_navi_4.selected .cl-text {
  font-weight: 500 !important;
  color: #0099FF !important;
}
.cl-container.udc_com_bottom_navi .cl-button.btn_navi_5.selected .cl-icon {
  background-image: url("images/com/com/bottom_5_on.svg") !important;
}
.cl-container.udc_com_bottom_navi .cl-button.btn_navi_5.selected .cl-text {
  font-weight: 500 !important;
  color: #0099FF !important;
}
.cl-container.udc_coupon_body {
  background-color: #ffffff;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.31);
  border-radius: 8px;
}
.cl-container.udc_coupon_body .cl-container.udc_text_form {
  border-right-style: dashed;
  border-right-color: #c9c9ce;
  border-right-width: 1px;
}
.cl-container.udc_coupon_body .cl-output {
  background-color: #ffffff !important;
}
.cl-container.udc_coupon_body .cl-output.regular_12 .cl-text {
  color: #868b92;
  font-weight: 400;
}
@media (max-width: 939px) {
  .cl-container.udc_coupon_body .cl-output.regular_12 .cl-text {
    font-size: 12px;
    letter-spacing: -0.3px;
  }
}
@media (min-width: 940px) {
  .cl-container.udc_coupon_body .cl-output.regular_12 .cl-text {
    font-size: 14px;
    letter-spacing: -0.35px;
  }
}
.cl-container.udc_coupon_body .cl-output.medium_18 .cl-text {
  color: #0099FF;
  letter-spacing: -0.45px;
  font-weight: 500;
  font-size: 18px;
}
.cl-container.common_terms_info {
  background-color: #ffffff;
}
.cl-container.common_terms_info .cl-image.selected img {
  content: url("images/common/toggle_check_box_selected.svg");
}
.cl-container.common_terms_info .cl-container.cart_terms_title_box {
  border-bottom: 1px solid #e3e4e6;
  margin-bottom: 14px;
}
.cl-container.common_terms_info .cl-container.cart_terms_title_box .cl-output.cart_terms_title {
  font-size: 16px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.4px;
  word-break: keep-all;
}
.cl-container.common_terms_info .cl-output.cart_terms_subtitle {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.common_terms_info .cl-output.cart_terms_show {
  font-size: 14px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
/*	예약 로딩화면	*/
.cl-container.rez_loading_layout .cl-output {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  text-align: center;
}
.cl-container.rez_loading_layout .cl-output.bold_output {
  font-weight: 500;
}
.cl-container.rez_loading_layout .cl-output.gray_output {
  color: #868b92;
}
/*	예약 완료화면  */
.cl-container.rez_com_layout .cl-output {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  text-align: center;
  font-weight: 500;
}
.cl-container.rez_com_layout .cl-output.title_output {
  text-align: left;
}
.cl-container.rez_com_layout .cl-output.right_detail_output,
.cl-container.rez_com_layout .cl-output.left_detail_output,
.cl-container.rez_com_layout .cl-output.left_detail_gray_output {
  text-align: right;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
}
.cl-container.rez_com_layout .cl-output.left_detail_output {
  text-align: left;
}
.cl-container.rez_com_layout .cl-output.rez_border_output {
  background-color: #f5f6f8;
}
.cl-container.rez_com_layout .cl-output.right_detail_sub_output {
  font-size: 12px;
  text-align: right;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #868b92;
}
.cl-container.rez_com_layout .cl-output.right_output {
  font-size: 18px;
  text-align: right;
}
.cl-container.rez_com_layout .cl-output.left_detail_gray_output {
  color: #868b92;
  text-align: left;
}
.cl-container.rez_com_layout .cl-container.complete_layout {
  border-top: 1px solid #e3e4e6;
  border-bottom: 1px solid #e3e4e6;
}
.cl-container.rez_com_layout .cl-container.complete_layout.web_border {
  border-top: none;
}
.cl-container.rez_com_layout .cl-container.bottom_btn_layout {
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
}
.cl-container.rez_com_layout .cl-button {
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.35px;
}
.cl-container.rez_com_layout .cl-button.rez_history_btn {
  border: 1px solid #e3e4e6;
  background-color: #ffffff;
  color: #000000;
}
.cl-container.rez_com_layout .cl-button.home_btn {
  border: 1px solid #0099FF;
  background-color: #0099FF;
  color: #ffffff;
}
.cl-container.rez_com_layout .cl-htmlsnippet {
  text-align: center;
  background-color: #f5f6f8;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  border-radius: 5px;
  font-weight: normal;
  display: block;
  vertical-align: middle;
}
.cl-container.rez_com_layout .cl-htmlsnippet .span1,
.cl-container.rez_com_layout .cl-htmlsnippet .span2 {
  display: block;
}
.cl-container.rez_com_layout .cl-htmlsnippet .span_style {
  font-weight: bold;
  box-shadow: inset 0 -10px 0 rgba(255, 240, 148);
}
/* 통합검색 레이아웃 */
.cl-container.search_main_layout .cl-output.top_search {
  border: solid 1px #e3e4e6;
  border-radius: 17px;
  background-color: #ffffff;
}
.cl-container.search_main_layout .cl-output.top_search .cl-text {
  padding-left: 12px;
  padding-right: 12px;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.35px;
  color: #000000;
}
.cl-container.search_main_layout .cl-output.all_remove_text {
  color: #0099FF;
  font-size: 14px;
  text-align: right;
  letter-spacing: -0.35px;
  line-height: 24px;
}
.cl-container.search_main_layout .cl-output.recent_search {
  border-bottom: 1px solid #e3e4e6;
  min-width: 152px;
  margin: 0px !important;
}
.cl-container.search_main_layout .cl-radiobutton.categry_radiobutton .cl-radiobutton-item {
  border-radius: 16px;
  border: 1px solid #e3e4e6;
  /* 선택된 라디오아이템 아이콘 스타일 */
}
.cl-container.search_main_layout .cl-radiobutton.categry_radiobutton .cl-radiobutton-item .cl-text {
  font-size: 14px;
  line-height: 24px;
  color: #000000;
  letter-spacing: -0.35px;
  padding: 0px 16px;
}
.cl-container.search_main_layout .cl-radiobutton.categry_radiobutton .cl-radiobutton-item.cl-selected {
  outline: none;
  border-color: #0099FF;
  background-color: #0099FF;
}
.cl-container.search_main_layout .cl-radiobutton.categry_radiobutton .cl-radiobutton-item.cl-selected .cl-text {
  color: #ffffff;
  outline: none !important;
}
/*	최근검색어 udc*/
.cl-container.recent_search_udc .cl-container.recent_search_layout {
  border-bottom: 1px solid #e3e4e6;
}
.cl-container.recent_search_udc .cl-output {
  font-size: 14px;
  line-height: 24px;
}
/* 결제창 임베디드 페이지 */
.cl-embeddedpage.reservation_ep {
  background-color: #ffffff;
}
body.stop_scrolling {
  height: 100%;
  overflow: hidden;
}
.cl-container.dlg_order {
  background-color: white;
}
.cl-container.dlg_order .cl-output .cl-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.dlg_order .cl-output.dlg_order_header .cl-text {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
}
.cl-container.dlg_order .cl-output.dlg_order_header.selected {
  color: #0099FF !important;
}
.cl-container.dlg_order .cl-output.dlg_order_list.selected .cl-text {
  font-weight: 500;
  color: #0099FF;
}
.cl-container.container_allcategory .cl-container.mypage_box .cl-button {
  background-color: #ffffff;
  border: none;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.35px;
}
.cl-container.container_allcategory .cl-container.category_menu .cl-output.category_A .cl-text {
  font-size: 16px;
  font-weight: 500;
}
.cl-container.allcategory_trf_btn .cl-htmlsnippet {
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
}
.cl-container.allcategory_trf_btn .cl-htmlsnippet a {
  text-decoration-line: none;
  color: #000000;
}
.cl-container.allcategory_trf_btn .cl-htmlsnippet a img {
  width: 24px;
  height: 24px;
  object-fit: cover;
}
.cl-container.allcategory_trf_btn .cl-htmlsnippet a:visited {
  color: black;
  text-decoration: none;
}
.cl-container.allcategory_trf_btn .cl-htmlsnippet a:link {
  color: black;
  text-decoration: none;
}
.cl-container.allcategory_trf_btn_web .cl-htmlsnippet {
  text-decoration: none;
  font-size: 20px;
  font-weight: 500;
}
.cl-container.allcategory_trf_btn_web .cl-htmlsnippet a {
  text-decoration-line: none;
  color: #000000;
}
.cl-container.allcategory_trf_btn_web .cl-htmlsnippet a img {
  width: 24px;
  height: 24px;
  object-fit: cover;
}
.cl-container.allcategory_trf_btn_web .cl-htmlsnippet a:visited {
  color: black;
  text-decoration: none;
}
.cl-container.allcategory_trf_btn_web .cl-htmlsnippet a:link {
  color: black;
  text-decoration: none;
}
/************************************************
 * mobile - app res common
 ************************************************/
.text-primary {
  color: #7165e3;
}
.text-white {
  color: #ffffff;
}
.text-regualr .cl-text {
  font-weight: 400 !important;
}
.text-medium .cl-text {
  font-weight: 500 !important;
}
/************************************************
 * mobile - app rsr main
 ************************************************/
.cl-container.rsr_main_body {
  background-color: #ffffff;
}
.cl-container.rsr_main_body .cl-container.tab-buttons .cl-button {
  background: none;
  border: none;
  border-radius: 0px;
}
.cl-container.rsr_main_body .cl-container.tab-buttons .cl-button .cl-text {
  color: #000 !important;
  font-size: 16px;
  line-height: 24px !important;
  letter-spacing: -0.4px !important;
  font-weight: 400 !important;
}
.cl-container.rsr_main_body .cl-container.tab-buttons .cl-button.selected {
  border-bottom: solid 2px #0099FF;
}
.cl-container.rsr_main_body .cl-container.tab-buttons .cl-button.selected .cl-text {
  color: #0099FF;
}
.cl-container.rsr_main_body .cl-container.rsr_rst_body .cl-container.rst_location .cl-output:not(.rst_location_choice_text) .cl-text {
  font-size: 18px;
  line-height: 24px !important;
  letter-spacing: -0.45px;
}
.cl-container.rsr_main_body .cl-container.rsr_rst_body .cl-container.rst_location .cl-output.rst_location_choice_text .cl-text {
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: -0.35px !important;
  color: #0099FF !important;
}
.cl-container.rsr_main_body .cl-container.rsr_rst_body .cl-container.rst_fmres .cl-output:not(.rst-fmres-title,
.cl-container.rsr_main_body .cl-container.rsr_rst_body .cl-container.rst_fmres .rst-fmres-title-sub) {
  margin-left: 20px;
}
.cl-container.rsr_main_body .cl-container.rsr_rst_body .cl-container.rst_fmres .cl-output:not(.rst-fmres-title .cl-text,
.cl-container.rsr_main_body .cl-container.rsr_rst_body .cl-container.rst_fmres .rst-fmres-title-sub) .cl-text {
  font-size: 18px;
  line-height: 24px !important;
  letter-spacing: -0.45px;
}
.cl-container.rsr_main_body .cl-container.rsr_rst_body .cl-container.rst_rsrvt .cl-output.main_text {
  margin-left: 20px;
}
.cl-container.rsr_main_body .cl-container.rsr_rst_body .cl-container.rst_rsrvt .cl-output.main_text .cl-text {
  font-size: 18px;
  line-height: 24px !important;
  letter-spacing: -0.45px;
}
.cl-container.rsr_main_body .cl-container.rsr_rst_body .cl-container.rst_rsrvt .cl-container.rst_rsrvt_menu_slide {
  margin-left: 20px;
}
.cl-container.rsr_main_body .cl-container.rsr_rst_body .cl-container.rst_rsrvt .cl-container.rst_rsrvt_menu_slide .cl-button.rst_menu_btn {
  padding: 6px 16px;
  background: none;
  border-radius: 16px;
  border: solid 1px #e3e4e6;
}
.cl-container.rsr_main_body .cl-container.rsr_rst_body .cl-container.rst_rsrvt .cl-container.rst_rsrvt_menu_slide .cl-button.rst_menu_btn .cl-text {
  text-shadow: none !important;
  font-size: 14px !important;
  line-height: 24px !important;
  letter-spacing: -0.35px;
  color: #000000 !important;
  font-weight: 400 !important;
}
.cl-container.rsr_main_body .cl-container.rsr_rst_body .cl-container.rst_rsrvt .cl-container.rst_rsrvt_menu_slide .cl-button.rst_menu_btn.selected {
  background-color: #0099FF;
}
.cl-container.rsr_main_body .cl-container.rsr_rst_body .cl-container.rst_rsrvt .cl-container.rst_rsrvt_menu_slide .cl-button.rst_menu_btn.selected .cl-text {
  color: #ffffff !important;
  font-weight: 500 !important;
}
.cl-container.rsr_main_body .cl-container.rsr_exp_body .cl-container.act_location .cl-output:not(.act_location_choice_text) .cl-text {
  font-size: 18px;
  line-height: 24px !important;
  letter-spacing: -0.45px;
  font-weight: 500;
}
.cl-container.rsr_main_body .cl-container.rsr_exp_body .cl-container.act_location .cl-output.act_location_choice_text .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  color: #0099ff;
  font-weight: 500;
}
.cl-container.rsr_main_body .cl-container.rsr_exp_body .cl-container.act_best .cl-output:not(.act-best-title,
.cl-container.rsr_main_body .cl-container.rsr_exp_body .cl-container.act_best .act-best-title-sub) {
  margin-left: 20px;
}
.cl-container.rsr_main_body .cl-container.rsr_exp_body .cl-container.act_best .cl-output:not(.act-best-title .cl-text,
.cl-container.rsr_main_body .cl-container.rsr_exp_body .cl-container.act_best .act-best-title-sub) .cl-text {
  font-size: 18px;
  line-height: 24px !important;
  letter-spacing: -0.45px;
  font-weight: 500;
}
.cl-container.rsr_main_body .cl-container.rsr_exp_body .cl-container.act_rsrvt .cl-output.act_rsrvt_main_text {
  margin-left: 20px;
}
.cl-container.rsr_main_body .cl-container.rsr_exp_body .cl-container.act_rsrvt .cl-output.act_rsrvt_main_text .cl-text {
  font-size: 18px;
  line-height: 24px !important;
  letter-spacing: -0.45px;
  font-weight: 500;
}
/************************************************
 * 221102 김영광 UDC - /rsr/tab_button.clx
 ************************************************/
.cl-container.udc_tab_button_wrap .cl-container.udc_tab_button_layout .cl-button {
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
  word-break: keep-all;
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
  word-break: keep-all;
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
}
.cl-container.udc_tab_button_wrap .cl-container.udc_tab_button_layout .cl-button:hover {
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
  word-break: keep-all;
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
}
.cl-container.udc_tab_button_wrap .cl-container.udc_tab_button_layout .cl-button.cl-activated {
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
  word-break: keep-all;
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
}
.cl-container.udc_tab_button_wrap .cl-container.udc_tab_button_layout .cl-button.cl-focus {
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
  word-break: keep-all;
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
}
.cl-container.udc_tab_button_wrap .cl-container.udc_tab_button_layout .cl-button.cl-selected {
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
  word-break: keep-all;
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
}
.cl-container.udc_tab_button_wrap .cl-container.udc_tab_button_layout .cl-button.cl-unselectable {
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
  word-break: keep-all;
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
}
.cl-container.udc_tab_button_wrap .cl-container.udc_tab_button_layout .cl-button:hover {
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
  word-break: keep-all;
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
}
.cl-container.udc_tab_button_wrap .cl-container.udc_tab_button_layout .cl-button.cl-activated {
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
  word-break: keep-all;
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
}
.cl-container.udc_tab_button_wrap .cl-container.udc_tab_button_layout .cl-button.cl-focus {
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
  word-break: keep-all;
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
}
.cl-container.udc_tab_button_wrap .cl-container.udc_tab_button_layout .cl-button.cl-selected {
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
  word-break: keep-all;
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
}
.cl-container.udc_tab_button_wrap .cl-container.udc_tab_button_layout .cl-button.cl-unselectable {
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
  word-break: keep-all;
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
}
.cl-container.udc_tab_button_wrap .cl-container.udc_tab_button_layout .cl-button.select {
  border-bottom: 2px solid #0099FF;
  color: #0099FF;
}
@media (max-width: 939px) {
  .cl-output.txt_25_Setting {
    text-align: center;
  }
  .cl-output.txt_25_Setting .cl-text {
    font-size: 10px;
    line-height: 20px;
    letter-spacing: -0.25px;
  }
  .cl-output.txt_25_Setting.center {
    text-align: center;
  }
  .cl-output.txt_28_Setting {
    text-align: center;
  }
  .cl-output.txt_28_Setting .cl-text {
    font-size: 11px;
    line-height: 22px;
    letter-spacing: -0.28px;
  }
  .cl-output.txt_28_Setting.center {
    text-align: center;
  }
  .cl-output.txt_28_Setting2 {
    text-align: left;
  }
  .cl-output.txt_28_Setting2 .cl-text {
    font-size: 11px;
    line-height: 22px;
    letter-spacing: -0.28px;
  }
  .cl-output.txt_28_Setting2.center {
    text-align: left;
  }
  .cl-output.txt_30_Setting {
    text-align: left;
  }
  .cl-output.txt_30_Setting .cl-text {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.3px;
  }
  .cl-output.txt_30_Setting.center {
    text-align: center;
  }
  .cl-output.txt_30_Setting2 {
    text-align: left;
  }
  .cl-output.txt_30_Setting2 .cl-text {
    font-size: 12px;
    line-height: 24px;
    letter-spacing: -0.3px;
  }
  .cl-output.txt_30_Setting2.center {
    text-align: center;
  }
  .cl-output.txt_30_Setting3 {
    text-align: left;
  }
  .cl-output.txt_30_Setting3 .cl-text {
    font-size: 12px;
    letter-spacing: -0.3px;
  }
  .cl-output.txt_30_Setting3.center {
    text-align: center;
  }
  .cl-output.txt_30_Setting4 {
    text-align: left;
  }
  .cl-output.txt_30_Setting4 .cl-text {
    font-size: 12px;
    line-height: 22px;
    letter-spacing: -0.3px;
  }
  .cl-output.txt_30_Setting4.center {
    text-align: center;
  }
  .cl-output.txt_35_Setting {
    text-align: left;
  }
  .cl-output.txt_35_Setting .cl-text {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.35px;
  }
  .cl-output.txt_35_Setting.center {
    text-align: center;
  }
  .cl-output.txt_35_Setting.color .cl-text {
    color: #0099FF;
    font-weight: 500;
  }
  .cl-output.txt_35_Setting2 {
    text-align: left;
  }
  .cl-output.txt_35_Setting2 .cl-text {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.35px;
  }
  .cl-output.txt_35_Setting2.center {
    text-align: center;
  }
  .cl-output.txt_35_Setting3 {
    text-align: left;
  }
  .cl-output.txt_35_Setting3 .cl-text {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.35px;
  }
  .cl-output.txt_35_Setting3.center {
    text-align: center;
  }
  .cl-output.txt_35_Setting4 {
    text-align: left;
  }
  .cl-output.txt_35_Setting4 .cl-text {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.35px;
  }
  .cl-output.txt_35_Setting5 {
    text-align: left;
  }
  .cl-output.txt_35_Setting5 .cl-text {
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.35px;
  }
  .cl-output.txt_35_Setting6 {
    text-align: left;
  }
  .cl-output.txt_35_Setting6 .cl-text {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.35px;
  }
  .cl-output.txt_35_Setting7 .cl-text {
    font-size: 14px;
    letter-spacing: -0.35px;
  }
  .cl-output.txt_40_Setting {
    text-align: left;
  }
  .cl-output.txt_40_Setting .cl-text {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.4px;
  }
  .cl-output.txt_40_Setting.center {
    text-align: center;
  }
  .cl-output.txt_40_Setting2 {
    text-align: left;
  }
  .cl-output.txt_40_Setting2 .cl-text {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.4px;
  }
  .cl-output.txt_40_Setting2.center {
    text-align: center;
  }
  .cl-output.txt_40_Setting3 {
    text-align: left;
  }
  .cl-output.txt_40_Setting3 .cl-text {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.4px;
  }
  .cl-output.txt_40_Setting3.center {
    text-align: center;
  }
  .cl-output.txt_40_Setting4 {
    text-align: left;
  }
  .cl-output.txt_40_Setting4 .cl-text {
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.4px;
  }
  .cl-output.txt_40_Setting4.center {
    text-align: center;
  }
  .cl-output.txt_40_Setting5 {
    text-align: left;
  }
  .cl-output.txt_40_Setting5 .cl-text {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.4px;
  }
  .cl-output.txt_40_Setting5.center {
    text-align: center;
  }
  .cl-output.txt_40_Setting6 {
    text-align: left;
  }
  .cl-output.txt_40_Setting6 .cl-text {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.4px;
  }
  .cl-output.txt_40_Setting6.center {
    text-align: center;
  }
  .cl-output.txt_43_Setting {
    text-align: left;
  }
  .cl-output.txt_43_Setting .cl-text {
    font-size: 17px;
    letter-spacing: -0.43px;
  }
  .cl-output.txt_43_Setting.center {
    text-align: center;
  }
  .cl-output.txt_45_Setting {
    text-align: left;
  }
  .cl-output.txt_45_Setting .cl-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.45px;
    color: #000000;
  }
  .cl-output.txt_45_Setting.center {
    text-align: center;
  }
  .cl-output.txt_45_Setting2 {
    text-align: left;
  }
  .cl-output.txt_45_Setting2 .cl-text {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.45px;
  }
  .cl-output.txt_45_Setting2.center {
    text-align: center;
  }
  .cl-output.txt_45_Setting3 {
    text-align: left;
  }
  .cl-output.txt_45_Setting3 .cl-text {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.45px;
    color: #000000;
  }
  .cl-output.txt_45_Setting3.center {
    text-align: center;
  }
  .cl-output.txt_45_Setting4 {
    text-align: left;
  }
  .cl-output.txt_45_Setting4 .cl-text {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.45px;
    font-weight: bold;
  }
  .cl-output.txt_45_Setting4.center {
    text-align: center;
  }
  .cl-output.txt_55_Setting {
    text-align: left;
  }
  .cl-output.txt_55_Setting .cl-text {
    font-size: 22px;
    line-height: 22px;
    letter-spacing: -0.55px;
    color: #0099FF;
    font-weight: 600;
  }
  .cl-output.txt_60_Setting {
    text-align: left;
  }
  .cl-output.txt_60_Setting .cl-text {
    font-size: 24px;
    line-height: 26px;
    letter-spacing: -0.6px;
  }
  .cl-output.txt_60_Setting.center {
    text-align: center;
  }
  .cl-output.txt_86_Setting {
    text-align: left;
  }
  .cl-output.txt_86_Setting .cl-text {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.86px;
  }
  .cl-output.txt_86_Setting.center {
    text-align: center;
  }
  .cl-output.txt_50_Setting {
    text-align: left;
  }
  .cl-output.txt_50_Setting .cl-text {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.5px;
  }
  .cl-output.txt_50_Setting.center {
    text-align: center;
  }
  .cl-output.txt_103_Setting {
    text-align: left;
  }
  .cl-output.txt_103_Setting .cl-text {
    font-size: 24px;
    line-height: 34px;
    letter-spacing: -1.03px;
  }
  .cl-container.app_res_dialog_order {
    background-color: #ffffff;
  }
  .cl-container.app_res_dialog_order .cl-output .cl-text {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.4px;
  }
  .cl-container.app_res_dialog_order .cl-output.app_res_dialog_order_header .cl-text {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.45px;
  }
  .cl-container.app_res_dialog_order .cl-output.app_res_dialog_order_header.selected {
    color: #0099ff;
  }
  .cl-container.app_res_dialog_order .cl-output.app_res_dialog_order_list.selected {
    color: #0099ff;
  }
  .cl-calendar.cl-focus .cl-calendar-content .cl-calendar-current {
    box-shadow: none;
  }
  .cl-output.calender_font {
    text-align: center;
  }
  .cl-output.calender_font .cl-text {
    font-size: 14px;
    letter-spacing: -0.35px;
    font-weight: 400;
  }
  .cl-calendar.acm_calendar {
    border-radius: 0;
    border: none;
    margin: 0px 5px;
  }
  .cl-calendar.acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-sun,
  .cl-calendar.acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-mon,
  .cl-calendar.acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-thu,
  .cl-calendar.acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-sat,
  .cl-calendar.acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-fri,
  .cl-calendar.acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-wed,
  .cl-calendar.acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-tue {
    height: 0px;
  }
  .cl-calendar.acm_calendar .cl-calendar-content .cl-calendar-content-day {
    text-align: center;
  }
  .cl-calendar.acm_calendar .cl-calendar-content .cl-calendar-content-day .cl-text {
    font-size: 14px;
    line-height: 20px;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year {
    border-radius: 0;
    border-color: transparent;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-range-selected,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-range-selected,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-range-selected {
    background-color: #E5F5FF;
    color: #1f2b3a;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-calendar-defaultdate,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-calendar-defaultdate,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-calendar-defaultdate {
    color: #000000;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-calendar-defaultdate:hover,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-calendar-defaultdate:hover,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-calendar-defaultdate:hover {
    color: #ffffff;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-disabled,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-disabled,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-disabled {
    background-color: #ffffff;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-disabled .cl-text,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-disabled .cl-text,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-disabled .cl-text {
    color: #c9c9ce;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-selected,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-selected,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-selected {
    color: #ffffff;
    background-color: #ffffff;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-selected:before,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-selected:before,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-selected:before {
    content: " ";
    position: absolute;
    left: 2px;
    top: 2px;
    right: 2px;
    bottom: 2px;
    background-color: #0099ff;
    border-radius: 50%;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-range-start.cl-selected,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-range-start.cl-selected,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-range-start.cl-selected {
    border-radius: 50% 0 0 50%;
    background-color: #E5F5FF;
    color: #ffffff;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-range-start.cl-selected:before,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-range-start.cl-selected:before,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-range-start.cl-selected:before {
    content: " ";
    position: absolute;
    left: 2px;
    top: 2px;
    right: 2px;
    bottom: 2px;
    background-color: #0099ff;
    border-radius: 50%;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-range-start.cl-selected:hover,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-range-start.cl-selected:hover,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-range-start.cl-selected:hover {
    background-color: #E5F5FF;
    border-radius: 0%;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-range-end.cl-selected,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-range-end.cl-selected,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-range-end.cl-selected {
    border-radius: 0 50% 50% 0;
    background-color: #E5F5FF;
    color: #ffffff;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-range-end.cl-selected:before,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-range-end.cl-selected:before,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-range-end.cl-selected:before {
    content: " ";
    position: absolute;
    left: 2px;
    top: 2px;
    right: 2px;
    bottom: 2px;
    background-color: #0099ff;
    border-radius: 50%;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-range-end.cl-selected:hover,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-range-end.cl-selected:hover,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-range-end.cl-selected:hover {
    background-color: #E5F5FF;
  }
  .cl-calendar.current-month:not(.cl-disabled) .cl-calendar-content-day.cl-calendar-defaultdate,
  .cl-calendar.current-month:not(.cl-disabled) .cl-calendar-content-month.cl-calendar-defaultdate,
  .cl-calendar.current-month:not(.cl-disabled) .cl-calendar-content-year.cl-calendar-defaultdate {
    border-radius: 50%;
    background-color: #f5f6f8;
    color: #000000;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-range-start.cl-selected:hover,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-range-start.cl-selected:hover,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-range-start.cl-selected:hover {
    background-color: #DAEFFC;
    border-radius: 50% 0% 0% 50%;
  }
  .cl-calendar .cl-calendar-content .cl-calendar-content-header {
    background-color: #ffffff;
  }
  .cl-container.tab-buttons .cl-button {
    background: none;
    border: none;
    border-radius: 0px;
    color: #000;
    font-size: 16px;
  }
  .cl-container.tab-buttons .cl-button .cl-text {
    line-height: 24px !important;
    letter-spacing: -0.4px;
  }
  .cl-container.tab-buttons .cl-button.selected {
    color: #0099FF;
    border-bottom: solid 2px #0099FF;
  }
  .cl-container.m_header_body {
    background-color: #ffffff;
  }
  .cl-container.m_header_body .cl-output.title {
    text-align: left;
  }
  .cl-container.m_header_body .cl-output.title .cl-text {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.45px;
    color: #000000;
  }
  .cl-container.m_header_body .cl-output.title.center {
    text-align: center;
  }
  .cl-tabfolder .cl-tabfolder-body {
    background-color: white;
    color: #333;
    border: none;
  }
  .cl-tabfolder {
    background-color: #0099ff;
    color: #0099ff;
  }
  .cl-container.app_res_dialog_filter {
    background-color: #ffffff;
  }
  .cl-container.app_res_dialog_filter .cl-output.filter_location {
    text-align: center;
    border-radius: 16px;
    border: solid 1px #e3e4e6;
  }
  .cl-container.app_res_dialog_filter .cl-output.filter_location .cl-text {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.35px;
  }
  .cl-container.app_res_dialog_filter .cl-output.filter_location.selected {
    background-color: #0099FF;
  }
  .cl-container.app_res_dialog_filter .cl-output.filter_location.selected .cl-text {
    color: #ffffff;
  }
  .cl-container.app_res_dialog_filter .cl-container.app_res_dialog_filter_grp {
    box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
  }
  .cl-container.app_res_dialog_filter .cl-container.app_res_dialog_filter_grp .cl-button.app_res_dialog_filter_grp_btn {
    border-radius: 8px;
    border: none;
    background-color: #0099FF;
    background-image: none;
    border: none;
  }
  .cl-container.app_res_dialog_filter .cl-container.app_res_dialog_filter_grp .cl-button.app_res_dialog_filter_grp_btn .cl-text {
    font-size: 14px;
    color: #ffffff !important;
  }
  .cl-container.app_fst_filter {
    background-color: #ffffff;
  }
  .cl-container.app_fst_filter .cl-container.app_up .cl-output.filter_location {
    text-align: center;
    border-radius: 16px;
    border: solid 1px #e3e4e6;
  }
  .cl-container.app_fst_filter .cl-container.app_up .cl-output.filter_location .cl-text {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.35px;
  }
  .cl-container.app_fst_filter .cl-container.app_up .cl-output.filter_location.selected {
    background-color: #ffffff;
    border: solid 1px #0099ff;
  }
  .cl-container.app_fst_filter .cl-container.app_up .cl-output.filter_location.selected .cl-text {
    color: #0099ff;
  }
  .cl-container.app_fst_filter .cl-container.app_down .cl-output.filter_location {
    text-align: center;
    border-radius: 16px;
    border: solid 1px #e3e4e6;
  }
  .cl-container.app_fst_filter .cl-container.app_down .cl-output.filter_location .cl-text {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.35px;
  }
  .cl-container.app_fst_filter .cl-container.app_down .cl-output.filter_location.selected {
    background-color: #0099ff;
    border: solid 1px #0099ff;
  }
  .cl-container.app_fst_filter .cl-container.app_down .cl-output.filter_location.selected .cl-text {
    color: #ffffff;
  }
  .cl-container.app_res_dialog_filter_grp {
    box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
  }
  .cl-container.app_res_dialog_filter_grp .cl-button.app_res_dialog_filter_grp_btn {
    border-radius: 8px;
    border: none;
    background-color: #0099FF;
    background-image: none;
    border: none;
  }
  .cl-container.app_res_dialog_filter_grp .cl-button.app_res_dialog_filter_grp_btn .cl-text {
    font-size: 14px;
    color: #ffffff !important;
  }
  .cl-container.list_filter {
    background-color: #f5f6f8;
  }
  .cl-container.list_filter .cl-output .cl-text {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.35px;
  }
  .cl-container.list_filter .cl-output.res_list_filter_right {
    text-align: right;
  }
  .cl-container.payment_input_box .cl-combobox {
    color: #48484a;
  }
  .cl-container.payment_input_box .cl-combobox .cl-text {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.35px;
  }
  .cl-container.payment_input_box .cl-combobox .cl-text.cl-placeholder {
    color: #868b92 !important;
  }
  .cl-container.payment_input_box .cl-button {
    background-color: #ffffff;
    border: 1px solid #e3e4e6;
  }
  .cl-container.payment_input_box .cl-button .cl-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: -0.35px;
    color: #000000 !important;
  }
  .cl-container.payment_input_box .cl-button.credit_Select {
    border-radius: 8px 0px 0px 8px;
  }
  .cl-container.payment_input_box .cl-button.credit_Select.selected {
    border: 1px solid #0099ff;
  }
  .cl-container.payment_input_box .cl-button.credit_Select.selected .cl-text {
    color: #0099ff !important;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.35px;
  }
  .cl-container.payment_input_box .cl-button.cash_Select {
    border-radius: 0px 8px 8px 0px;
  }
  .cl-container.payment_input_box .cl-button.cash_Select.selected {
    border: 1px solid #0099ff;
  }
  .cl-container.payment_input_box .cl-button.cash_Select.selected .cl-text {
    color: #0099ff !important;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.35px;
  }
  .cl-container.payment_input_box .cl-combobox {
    margin-top: 0px;
  }
  .cl-container.location_select .cl-inputbox .cl-text {
    font-size: 14px;
  }
  .cl-container.location_select .cl-inputbox .cl-text.cl-placeholder {
    color: #8e8e93 !important;
  }
  .cl-container.location_select .cl-output.category_text .cl-text {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000000 !important;
  }
  .cl-output.basket_text {
    border-radius: 4px;
    background-color: #0099FF;
    text-align: center;
    padding: 6px 9px;
  }
  .cl-output.basket_text .cl-text {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.35px;
    color: #ffffff;
    font-weight: 400 !important;
  }
  .cl-output.basket_tri {
    border-bottom: 13px solid #0099FF;
    border-top: 1px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
  }
  .cl-output.basket_num {
    border-radius: 100%;
    background-color: #0099FF;
    text-align: center;
  }
  .cl-output.basket_num .cl-text {
    font-size: 10px;
    color: #ffffff;
    font-family: "Roboto";
    font-weight: 500;
  }
  .coupon_udc {
    border: 1px solid #e3e4e6;
    border-radius: 8px;
  }
  .coupon_udc .cl-image {
    background-image: url("../../../images/common/radio_button_default.svg");
  }
  .coupon_udc_select {
    border: 1px solid #0099ff;
    border-radius: 8px;
  }
  .coupon_udc_select .cl-image {
    background-image: url("../../../images/common/radio_button_selected.svg");
  }
  .cl-output.res_banner {
    opacity: 0.53;
    border-radius: 10px;
    background-color: #000000;
  }
  .cl-output.res_banner .cl-text {
    text-align: center;
    color: #ffffff;
    line-height: 20px;
    opacity: 10;
  }
  .cl-output.banner_text {
    opacity: 0.53;
    border-radius: 10px;
    background-color: #000000;
  }
  .cl-output.banner_text .cl-text {
    font-size: 12px;
    text-align: center;
    color: #ffffff;
    line-height: 20px;
  }
  .cl-container.setting_price_sale .cl-output .cl-text {
    text-decoration: line-through;
  }
  .cl-container.acm_location {
    border-radius: 45px;
  }
  .cl-container.acm_location .cl-output {
    text-align: center;
  }
  .cl-container.acm_location .cl-output .cl-text {
    font-weight: 500;
    font-size: 16px;
    color: #ffffff;
  }
  .cl-container.udc_location_all_body {
    background-color: #E5F5FF;
    border-radius: 100%;
  }
  .cl-container.udc_location_all_body .cl-output.text {
    text-align: center;
  }
  .cl-container.udc_location_all_body .cl-output.text .cl-text {
    font-size: 16px !important;
    color: #0099FF;
  }
  .cl-container.udc_location_all_body .cl-output.arrow {
    background-color: #0099FF;
  }
}
.cl-container.check_group .cl-checkbox.check .cl-checkbox-icon {
  background-size: 24px;
  width: 23px;
  height: 23px;
  outline: none;
}
.dash_swiper_wrapper .dash_banner-swiper .dash_banner-swiper {
  width: 100% !important;
  height: 200px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.acm_main3_swiper_wrapper .acm_detail .swiper-slide {
  width: 100% !important;
  aspect-ratio: 1.68421053;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 10px;
}
.acm_main3_swiper_wrapper .acm_detail .slide-index-box {
  position: absolute;
  right: 20px;
  bottom: 12px;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.53);
  border-radius: 10px;
}
.acm_main3_swiper_wrapper .acm_detail .slide-index-box span {
  line-height: 20px;
  font-family: 'Roboto';
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.acm_main3_swiper_wrapper .acm-banner-swiper .swiper-slide {
  width: 100% !important;
  aspect-ratio: 1.8;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.acm_main3_swiper_wrapper .acm-banner-swiper .slide-index-box {
  position: absolute;
  right: 20px;
  bottom: 15px;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.53);
  border-radius: 10px;
}
.acm_main3_swiper_wrapper .acm-banner-swiper .slide-index-box span {
  line-height: 20px;
  font-family: 'Roboto';
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.acm_detail_swiper_wrapper .zindex10 {
  z-index: 10;
}
.acm_detail_swiper_wrapper .acm-banner-swiper .swiper-slide {
  height: 260px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.acm_detail_swiper_wrapper .acm-banner-swiper .slide-index-box {
  position: absolute;
  right: 20px;
  bottom: 15px;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.53);
  border-radius: 10px;
}
.acm_detail_swiper_wrapper .acm-banner-swiper .slide-index-box span {
  line-height: 20px;
  font-family: 'Roboto';
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.acm_detail_room_swiper_wrapper .zindex10 {
  z-index: 10;
}
.acm_detail_room_swiper_wrapper .acm-banner-swiper .swiper-slide {
  width: 100% !important;
  height: 240px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.acm_detail_room_swiper_wrapper .acm-banner-swiper .slide-index-box {
  position: absolute;
  right: 20px;
  bottom: 15px;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.53);
  border-radius: 10px;
}
.acm_detail_room_swiper_wrapper .acm-banner-swiper .slide-index-box span {
  line-height: 20px;
  font-family: 'Roboto';
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.review_list_back_grp .acm-review-swiper .swiper-slide {
  width: 100% !important;
  height: 220px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 8px;
}
/**
 * 반응형 테스트용
 */
@media (min-width: 940px) {
  /**
 * web용 클래스 추가
 * 
 */
  .cl-output.txt_30_Setting {
    text-align: left;
  }
  .cl-output.txt_30_Setting .cl-text {
    font-size: 14px !important;
    line-height: 20px !important;
    letter-spacing: -0.35px !important;
  }
  .cl-output.txt_30_Setting.center {
    text-align: center;
  }
  .cl-output.txt_30_Setting.gray .cl-text {
    color: #868b92 !important;
    line-height: 0px !important;
    letter-spacing: 0px !important;
  }
  .cl-output.txt_30_Setting.review .cl-text {
    font-size: 14px;
    font-weight: 500;
    color: #868b92;
  }
  .cl-output.txt_30_Setting2 {
    text-align: left;
  }
  .cl-output.txt_30_Setting2 .cl-text {
    font-size: 12px;
    line-height: 24px;
    letter-spacing: -0.3px;
  }
  .cl-output.txt_30_Setting2.center {
    text-align: center;
  }
  .cl-output.txt_35_Setting {
    text-align: left;
  }
  .cl-output.txt_35_Setting .cl-text {
    font-weight: 500;
    font-size: 24px !important;
    letter-spacing: -0.6px !important;
  }
  .cl-output.txt_35_Setting.web .cl-text {
    font-size: 16px !important;
  }
  .cl-output.txt_35_Setting.web_detail .cl-text {
    font-weight: 400;
    font-size: 16px !important;
    letter-spacing: -0.4px !important;
    color: #000000;
  }
  .cl-output.txt_35_Setting.web_detail.hegiht_zero .cl-text {
    line-height: 0px !important;
  }
  .cl-output.txt_35_Setting.web_filter .cl-text {
    font-weight: 400;
    font-size: 16px !important;
  }
  .cl-output.txt_35_Setting.web_filter.right {
    text-align: right;
  }
  .cl-output.txt_35_Setting.web_list .cl-text {
    font-weight: 400 !important;
    font-size: 18px !important;
    letter-spacing: -0.45px !important;
    color: #000000;
  }
  .cl-output.txt_35_Setting.web_list.medium .cl-text {
    font-weight: 500 !important;
  }
  .cl-output.txt_35_Setting.center {
    text-align: center;
  }
  .cl-output.txt_35_Setting.color .cl-text {
    color: #0099FF;
  }
  .cl-output.txt_35_Setting2 {
    text-align: left;
  }
  .cl-output.txt_35_Setting2 .cl-text {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.35px;
  }
  .cl-output.txt_35_Setting2.center {
    text-align: center;
  }
  .cl-output.txt_35_Setting2.web {
    border: 1px solid #e3e4e6;
    border-radius: 4px;
  }
  .cl-output.txt_35_Setting2.web .cl-text {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000000;
  }
  .cl-output.txt_35_Setting2.review_output {
    border-radius: 19px;
    border: 1px solid #e3e4e6;
    text-align: center;
  }
  .cl-output.txt_35_Setting2.review_output .cl-text {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.45px;
    color: #000000;
  }
  .cl-output.txt_35_Setting2.info_hint .cl-text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: -0.4px;
    color: #868b92;
  }
  .cl-output.txt_35_Setting2.info_hint.con .cl-text {
    color: #000000;
  }
  .cl-output.txt_35_Setting3 {
    text-align: left;
  }
  .cl-output.txt_35_Setting3 .cl-text {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.35px;
  }
  .cl-output.txt_35_Setting3.center {
    text-align: center;
  }
  .cl-output.txt_35_Setting3.web .cl-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.5px;
    color: #000000;
  }
  .cl-output.txt_35_Setting4 {
    text-align: left;
  }
  .cl-output.txt_35_Setting4 .cl-text {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.35px;
  }
  .cl-output.txt_35_Setting4.center {
    text-align: center;
  }
  .cl-output.setting_bignumber {
    text-align: center;
  }
  .cl-output.setting_bignumber .cl-text {
    font-family: "Roboto";
    font-weight: 500;
    font-size: 48px;
    line-height: 24px;
    color: #000000;
  }
  .cl-output.hint_web_gray .cl-text {
    font-weight: 400;
    color: #868b92;
    font-size: 14px;
    line-height: 20px;
  }
  .cl-output.hint_web_gray.detail .cl-text {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.4px;
  }
  .cl-output.hint_web_gray.weight .cl-text {
    font-weight: 500 !important;
  }
  .cl-output.hint_web_gray.review .cl-text {
    font-size: 18px;
    letter-spacing: -0.45px;
  }
  .cl-output.light_gray {
    background-color: #f5f6f8;
    border-radius: 4px;
    text-align: center;
  }
  .cl-output.light_gray .cl-text {
    color: #868b92;
    font-size: 14px;
    letter-spacing: -0.35px;
  }
  .cl-output.web_red .cl-text {
    color: #ff3838;
    font-size: 18px;
    font-weight: 500;
  }
  .cl-output.web_bold {
    text-align: left;
  }
  .cl-output.web_bold .cl-text {
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.45px;
    color: #000000;
  }
  .cl-output.web_rectangle {
    text-align: center;
    background-color: rgba(0, 153, 255, 0.1);
    border-radius: 4px;
  }
  .cl-output.web_rectangle .cl-text {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #0099FF;
  }
  .cl-output.web_title .cl-text {
    font-weight: 500;
    font-size: 32px;
    line-height: 26px;
    letter-spacing: -0.38px;
    color: #000000;
  }
  .cl-output.txt_40_Setting {
    text-align: left;
  }
  .cl-output.txt_40_Setting .cl-text {
    color: #000000;
    font-weight: 500;
    font-size: 20px !important;
    line-height: 24px;
    letter-spacing: -0.5px !important;
  }
  .cl-output.txt_40_Setting.center {
    text-align: center;
  }
  .cl-output.txt_40_Setting.loc .cl-text {
    font-weight: 400 !important;
    letter-spacing: -0.4px !important;
    font-size: 16px !important;
  }
  .cl-output.txt_40_Setting.info_title {
    vertical-align: top;
  }
  .cl-output.txt_40_Setting.info_title .cl-text {
    font-size: 18px !important;
    letter-spacing: -0.45px !important;
  }
  .cl-output.txt_40_Setting2 {
    text-align: left;
  }
  .cl-output.txt_40_Setting2 .cl-text {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.4px;
  }
  .cl-output.txt_40_Setting2.center {
    text-align: center;
  }
  .cl-output.txt_40_Setting3 {
    text-align: left;
  }
  .cl-output.txt_40_Setting3 .cl-text {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.4px;
  }
  .cl-output.txt_40_Setting3.center {
    text-align: center;
  }
  .cl-output.txt_45_Setting {
    text-align: left;
  }
  .cl-output.txt_45_Setting .cl-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.45px;
    color: #000000;
  }
  .cl-output.txt_45_Setting.center {
    text-align: center;
  }
  .cl-output.txt_45_Setting.center_web {
    text-align: center;
  }
  .cl-output.txt_45_Setting.center_web .cl-text {
    font-size: 28px;
    letter-spacing: -0.7px;
  }
  .cl-output.txt_45_Setting2 {
    text-align: left;
  }
  .cl-output.txt_45_Setting2 .cl-text {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.45px;
  }
  .cl-output.txt_45_Setting2.center {
    text-align: center;
  }
  .cl-output.output_gubun {
    background-color: #e3e4e6;
  }
  .cl-output.web_banner_text {
    border-radius: 16px;
    background-color: rgba(0, 0, 0, 0.5) !important;
    text-align: center;
  }
  .cl-output.web_banner_text .cl-text {
    font-family: "Roboto";
    font-weight: 500;
    font-size: 16px !important;
    color: #ffffff !important;
  }
  .cl-container.app_res_dialog_order {
    background-color: #ffffff;
  }
  .cl-container.app_res_dialog_order .cl-output .cl-text {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.4px;
  }
  .cl-container.app_res_dialog_order .cl-output.app_res_dialog_order_header .cl-text {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.45px;
  }
  .cl-container.app_res_dialog_order .cl-output.app_res_dialog_order_header.selected {
    color: #0099ff;
  }
  .cl-container.app_res_dialog_order .cl-output.app_res_dialog_order_list.selected {
    color: #0099ff;
  }
  .cl-calendar.cl-focus .cl-calendar-content .cl-calendar-current {
    box-shadow: none;
  }
  .cl-output.calender_font {
    text-align: center;
  }
  .cl-output.calender_font .cl-text {
    font-size: 14px;
    letter-spacing: -0.35px;
    font-weight: 400;
  }
  .cl-calendar.acm_calendar {
    border-radius: 0;
    border: none;
    margin: 0px 5px;
  }
  .cl-calendar.acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-sun,
  .cl-calendar.acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-mon,
  .cl-calendar.acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-thu,
  .cl-calendar.acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-sat,
  .cl-calendar.acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-fri,
  .cl-calendar.acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-wed,
  .cl-calendar.acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-tue {
    height: 0px;
  }
  .cl-calendar.acm_calendar .cl-calendar-content .cl-calendar-content-day {
    text-align: center;
  }
  .cl-calendar.acm_calendar .cl-calendar-content .cl-calendar-content-day .cl-text {
    font-size: 14px;
    line-height: 20px;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year {
    border-radius: 0;
    border-color: transparent;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-range-selected,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-range-selected,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-range-selected {
    background-color: #E5F5FF;
    color: #1f2b3a;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-calendar-defaultdate,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-calendar-defaultdate,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-calendar-defaultdate {
    color: #000000;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-calendar-defaultdate:hover,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-calendar-defaultdate:hover,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-calendar-defaultdate:hover {
    color: #ffffff;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-disabled,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-disabled,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-disabled {
    background-color: #ffffff;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-disabled .cl-text,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-disabled .cl-text,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-disabled .cl-text {
    color: #c9c9ce;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-selected,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-selected,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-selected {
    color: #ffffff;
    background-color: #ffffff;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-selected:before,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-selected:before,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-selected:before {
    content: " ";
    position: absolute;
    left: 2px;
    top: 2px;
    right: 2px;
    bottom: 2px;
    background-color: #0099ff;
    border-radius: 50%;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-range-start.cl-selected,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-range-start.cl-selected,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-range-start.cl-selected {
    border-radius: 50% 0 0 50%;
    background-color: #E5F5FF;
    color: #ffffff;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-range-start.cl-selected:before,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-range-start.cl-selected:before,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-range-start.cl-selected:before {
    content: " ";
    position: absolute;
    left: 2px;
    top: 2px;
    right: 2px;
    bottom: 2px;
    background-color: #0099ff;
    border-radius: 50%;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-range-start.cl-selected:hover,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-range-start.cl-selected:hover,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-range-start.cl-selected:hover {
    background-color: #E5F5FF;
    border-radius: 0%;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-range-end.cl-selected,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-range-end.cl-selected,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-range-end.cl-selected {
    border-radius: 0 50% 50% 0;
    background-color: #E5F5FF;
    color: #ffffff;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-range-end.cl-selected:before,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-range-end.cl-selected:before,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-range-end.cl-selected:before {
    content: " ";
    position: absolute;
    left: 2px;
    top: 2px;
    right: 2px;
    bottom: 2px;
    background-color: #0099ff;
    border-radius: 50%;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-range-end.cl-selected:hover,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-range-end.cl-selected:hover,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-range-end.cl-selected:hover {
    background-color: #E5F5FF;
  }
  .cl-calendar.current-month:not(.cl-disabled) .cl-calendar-content-day.cl-calendar-defaultdate,
  .cl-calendar.current-month:not(.cl-disabled) .cl-calendar-content-month.cl-calendar-defaultdate,
  .cl-calendar.current-month:not(.cl-disabled) .cl-calendar-content-year.cl-calendar-defaultdate {
    border-radius: 50%;
    background-color: #f5f6f8;
    color: #000000;
  }
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-range-start.cl-selected:hover,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-range-start.cl-selected:hover,
  .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-range-start.cl-selected:hover {
    background-color: #DAEFFC;
    border-radius: 50% 0% 0% 50%;
  }
  .cl-calendar .cl-calendar-content .cl-calendar-content-header {
    background-color: #ffffff;
  }
  .cl-container.tab-buttons .cl-button {
    background: none;
    border: none;
    border-radius: 0px;
    color: #000000;
  }
  .cl-container.tab-buttons .cl-button .cl-text {
    font-size: 18px !important;
    letter-spacing: -0.45px !important;
    font-weight: 400 !important;
  }
  .cl-container.tab-buttons .cl-button.selected {
    font-weight: 500 !important;
    color: #0099FF !important;
    border-bottom: solid 3px #0099FF !important;
  }
  .cl-container.m_header_body {
    background-color: #ffffff;
  }
  .cl-container.m_header_body .cl-output.title {
    text-align: left;
  }
  .cl-container.m_header_body .cl-output.title .cl-text {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.45px;
    color: #000000;
  }
  .cl-container.m_header_body .cl-output.title.center {
    text-align: center;
  }
  .cl-tabfolder .cl-tabfolder-body {
    background-color: white;
    color: #333;
    border: none;
  }
  .cl-tabfolder {
    background-color: #0099ff;
    color: #0099ff;
  }
  .cl-container.app_res_dialog_filter {
    background-color: #ffffff;
  }
  .cl-container.app_res_dialog_filter .cl-output.filter_location {
    text-align: center;
    border-radius: 16px;
    border: solid 1px #e3e4e6;
  }
  .cl-container.app_res_dialog_filter .cl-output.filter_location .cl-text {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.35px;
  }
  .cl-container.app_res_dialog_filter .cl-output.filter_location.selected {
    background-color: #0099FF;
  }
  .cl-container.app_res_dialog_filter .cl-output.filter_location.selected .cl-text {
    color: #ffffff;
  }
  .cl-container.app_res_dialog_filter .cl-container.app_res_dialog_filter_grp {
    box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
  }
  .cl-container.app_res_dialog_filter .cl-container.app_res_dialog_filter_grp .cl-button.app_res_dialog_filter_grp_btn {
    border-radius: 8px;
    border: none;
    background-color: #0099FF;
    background-image: none;
    border: none;
  }
  .cl-container.app_res_dialog_filter .cl-container.app_res_dialog_filter_grp .cl-button.app_res_dialog_filter_grp_btn .cl-text {
    font-size: 14px;
    color: #ffffff !important;
  }
  .cl-container.app_res_dialog_filter_grp {
    box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
  }
  .cl-container.app_res_dialog_filter_grp .cl-button.app_res_dialog_filter_grp_btn {
    border-radius: 8px;
    border: none;
    background-color: #0099FF;
    background-image: none;
    border: none;
  }
  .cl-container.app_res_dialog_filter_grp .cl-button.app_res_dialog_filter_grp_btn .cl-text {
    font-size: 14px;
    color: #ffffff !important;
  }
  .cl-container.list_filter {
    background-color: #f5f6f8;
  }
  .cl-container.list_filter .cl-output .cl-text {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.35px;
  }
  .cl-container.list_filter .cl-output.res_list_filter_right {
    text-align: right;
  }
  .cl-container.payment_input_box .cl-combobox {
    color: #48484a;
  }
  .cl-container.payment_input_box .cl-combobox .cl-text {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.35px;
  }
  .cl-container.payment_input_box .cl-combobox .cl-text.cl-placeholder {
    color: #868b92 !important;
  }
  .cl-container.payment_input_box .cl-button {
    background-color: #ffffff;
    border: 1px solid #e3e4e6;
  }
  .cl-container.payment_input_box .cl-button .cl-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: -0.35px;
    color: #000000 !important;
  }
  .cl-container.payment_input_box .cl-button.credit_Select {
    border-radius: 8px 0px 0px 8px;
  }
  .cl-container.payment_input_box .cl-button.credit_Select.selected {
    border: 1px solid #0099ff;
  }
  .cl-container.payment_input_box .cl-button.credit_Select.selected .cl-text {
    color: #0099ff !important;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.35px;
  }
  .cl-container.payment_input_box .cl-button.cash_Select {
    border-radius: 0px 8px 8px 0px;
  }
  .cl-container.payment_input_box .cl-button.cash_Select.selected {
    border: 1px solid #0099ff;
  }
  .cl-container.payment_input_box .cl-button.cash_Select.selected .cl-text {
    color: #0099ff !important;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.35px;
  }
  .cl-container.payment_input_box .cl-combobox {
    margin-top: 0px;
  }
  .cl-container.location_select .cl-inputbox .cl-text {
    font-size: 14px;
  }
  .cl-container.location_select .cl-inputbox .cl-text.cl-placeholder {
    color: #8e8e93 !important;
  }
  .cl-container.location_select .cl-output.category_text .cl-text {
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 24px !important;
    letter-spacing: -0.5px !important;
    color: #000000 !important;
  }
  .cl-output.basket_text {
    border-radius: 4px;
    background-color: #0099FF;
    text-align: center;
    padding: 6px 9px;
  }
  .cl-output.basket_text .cl-text {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.35px;
    color: #ffffff;
    font-weight: 400 !important;
  }
  .cl-output.basket_tri {
    border-bottom: 13px solid #0099FF;
    border-top: 1px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
  }
  .cl-output.basket_num {
    border-radius: 100%;
    background-color: #0099FF;
    text-align: center;
  }
  .cl-output.basket_num .cl-text {
    font-size: 10px;
    color: #ffffff;
    font-family: "Roboto";
    font-weight: 500;
  }
  .coupon_udc {
    border: 1px solid #e3e4e6;
    border-radius: 8px;
  }
  .coupon_udc .cl-image {
    background-image: url("../../../images/common/radio_button_default.svg");
  }
  .coupon_udc_select {
    border: 1px solid #0099ff;
    border-radius: 8px;
  }
  .coupon_udc_select .cl-image {
    background-image: url("../../../images/common/radio_button_selected.svg");
  }
  .cl-container.acm_banner .cl-container.acm_form {
    border-radius: 19px;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .cl-container.acm_banner .cl-container.acm_form .cl-output {
    text-align: center;
  }
  .cl-container.acm_banner .cl-container.acm_form .cl-output .cl-text {
    font-weight: 500;
    font-family: "Roboto";
    font-size: 20px;
    color: #ffffff;
  }
  .cl-container.setting_price_sale .cl-output .cl-text {
    text-decoration: line-through;
  }
  .cl-container.acm_location .cl-output {
    text-align: center;
  }
  .cl-container.acm_location .cl-output .cl-text {
    font-weight: 500;
    font-size: 29px;
    color: #ffffff;
  }
  .cl-container.acm_location .cl-output.web_small .cl-text {
    font-size: 16px !important;
  }
  .cl-container.acm_location .cl-image.location_img {
    border-radius: 100%;
  }
  .cl-container.udc_location_all_body {
    background-color: #E5F5FF;
    border-radius: 100%;
  }
  .cl-container.udc_location_all_body .cl-output.text {
    text-align: center;
  }
  .cl-container.udc_location_all_body .cl-output.text .cl-text {
    font-weight: 500;
    font-size: 28px !important;
    color: #0099FF;
  }
  .cl-container.udc_location_all_body .cl-output.text.web_small .cl-text {
    font-size: 16px !important;
  }
  .cl-container.udc_location_all_body .cl-output.arrow {
    background-color: #0099FF;
  }
  .cl-button.web_loc_choice {
    background-color: #ffffff;
    border: none;
  }
  .cl-button.web_loc_choice .cl-text {
    font-size: 24px !important;
    font-weight: 400 !important;
    letter-spacing: -0.6px;
    color: #0099FF !important;
  }
  .cl-button.web_loc_choice:hover {
    background-color: #ffffff;
    border: none;
  }
  .cl-container.list_body {
    background-color: #f5f6f8;
  }
  .cl-container.list_body .cl-container.light_body_white {
    background-color: #ffffff;
  }
  .cl-container.grp_banner_body .pointer {
    visibility: hidden;
  }
  .cl-container.grp_banner_body:hover .pointer {
    visibility: visible;
  }
  .cl-container.acm_udc_list_web .cl-output.acm_list_udc_from_title .cl-text {
    font-size: 20px !important;
    line-height: 24px !important;
    color: #000000;
    letter-spacing: -0.5px !important;
    font-weight: 500 !important;
  }
  .cl-container.acm_udc_list_web .cl-output.hint .cl-text {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px;
    color: #868b92 !important;
  }
  .cl-container.acm_udc_list_web .cl-output.percentRed .cl-text {
    color: #ff3838;
    font-size: 18px !important;
    font-weight: 500 !important;
  }
  .cl-container.acm_udc_list_web .cl-output.price_bold .cl-text {
    color: #000000;
    font-size: 20px !important;
    font-weight: 500 !important;
  }
  .cl-container.acm_udc_list_web .cl-output.price_hint .cl-text {
    color: #c9c9ce;
    font-size: 14px !important;
    line-height: 20px;
    font-weight: 400 !important;
    letter-spacing: -0.35px !important;
    text-decoration: line-through;
  }
  .cl-container.acm_udc_list_web .cl-output.sub .cl-text {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.35px;
    line-height: 20px;
    color: #0099FF;
  }
  .cl-container.noborder {
    border-bottom: none !important;
  }
  .cl-container.grp_form_plan {
    border-radius: 8px;
    border: 1px solid #e3e4e6;
  }
  .cl-container.image_container .cl-button {
    visibility: hidden;
    background-color: #000000;
    opacity: 0.7;
    border: none;
    border-radius: 0px;
  }
  .cl-container.image_container.cl-focus {
    border: none;
  }
  .cl-container.image_container:hover .cl-button {
    visibility: visible;
  }
  .cl-container.udc_web_detail {
    border-radius: 4px;
    border: 1px solid #e3e4e6;
  }
}
 cbg_mobile.cl-checkboxgroup .cl-checkbox {
  width: auto;
  height: auto;
}
 cbg_mobile.cl-checkboxgroup .cl-checkbox .cl-text {
  display: block !important;
  width: 100%;
  box-sizing: border-box;
  padding: 5px 16px;
  border: solid 1px #e3e4e6;
  border-radius: 16px;
  line-height: 20px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
  outline: none !important;
}
 cbg_mobile.cl-checkboxgroup .cl-checkbox .cl-text:focus {
  outline: none !important;
}
 cbg_mobile.cl-checkboxgroup .cl-checkbox.cl-checked .cl-text {
  border: solid 1px #09f;
  font-weight: 500;
  color: #09f;
}
 cbg_mobile.cl-checkboxgroup.cl-iconalign-none .cl-checkbox .cl-text {
  padding: 5px 16px;
}
/************************************************
 * mobile - app res dialog 
 ************************************************/
.text-primary {
  color: #7165e3;
}
.text-white {
  color: #ffffff;
}
.cl-overlay {
  background-color: rgba(54, 74, 99, 0.35);
}
/************************************************
 * mobile_udc - app_pm_form 
 ***********************************************/
.cl-container.app_pm_form {
  background-color: #ffffff;
}
.cl-container.app_pm_form .cl-button.pm_button {
  background: none;
  border: none;
}
@media (min-width: 940px) {
  .cl-container.app_pm_form .cl-button.pm_button.web .cl-icon {
    width: 30px;
    height: 30px;
  }
}
.cl-container.app_pm_form .cl-output.pm_text {
  text-align: center;
}
.cl-container.app_pm_form .cl-output.pm_text .cl-text {
  line-height: 24px;
  letter-spacing: -0.4px;
  font-weight: 400 !important;
  color: #000000;
}
@media (min-width: 940px) {
  .cl-container.app_pm_form .cl-output.pm_text .cl-text {
    font-size: 18px;
    letter-spacing: -0.45px;
    line-height: 25px;
  }
}
.cl-image.border_8px img {
  border-radius: 8px;
}
.cl-button.btn_coupon {
  background-color: #ff6e0d;
  border-radius: 4px;
  border: none;
}
.cl-button.btn_coupon.cl-focus {
  border: none;
}
.cl-button.btn_coupon:hover {
  background-color: #ff6e0d;
  border: none;
}
.cl-button.btn_coupon .cl-text {
  font-weight: 500 !important;
  color: #ffffff !important;
}
@media (min-width: 940px) {
  .cl-button.btn_coupon .cl-text {
    font-size: 16px !important;
    letter-spacing: -0.4px !important;
  }
}
@media (max-width: 939px) {
  .cl-button.btn_coupon .cl-text {
    font-size: 12px !important;
    letter-spacing: -0.3px !important;
  }
}
@media (min-width: 940px) {
  .cl-button.btn_coupon .cl-image {
    width: 17px !important;
    height: 17px !important;
  }
}
@media (max-width: 939px) {
  .cl-button.btn_coupon .cl-image {
    width: 16px !important;
    height: 16px !important;
  }
}
/************************************************
 * mobile - app res common
 ************************************************/
.text-primary {
  color: #7165e3;
}
.text-main {
  color: #0099FF;
}
.text-white {
  color: #ffffff;
}
.font-coupon_1 {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.35px;
  color: #000000;
}
.font-coupon_2 {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.35px;
  color: #0099FF;
}
.text-regualr .cl-text {
  font-weight: 400 !important;
}
.text-medium .cl-text {
  font-weight: 500 !important;
}
/************************************************
 * mobile - app res 도형
 ************************************************/
.cl-output.basket_rect {
  border-radius: 4px;
  background-color: #0099FF;
  text-align: center;
  padding: 6px 9px;
}
.cl-output.basket_rect .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  color: #ffffff;
  font-weight: 400 !important;
}
.cl-output.basket_tri {
  border-bottom: 13px solid #0099FF;
  border-top: 1px solid transparent;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.cl-output.basket_num {
  border-radius: 100%;
  background-color: #0099FF;
  text-align: center;
}
.cl-output.basket_num .cl-text {
  font-size: 10px;
  color: #ffffff;
  font-family: "Roboto";
  font-weight: 500;
}
/************************************************
 * mobile - app res main
 ************************************************/
.cl-container.rst_main_body {
  background-color: #ffffff;
}
.cl-container.rst_main_body .cl-container.tab-buttons .cl-button {
  background: none;
  border: none;
  border-radius: 0px;
  color: #000;
  font-size: 16px;
}
.cl-container.rst_main_body .cl-container.tab-buttons .cl-button .cl-text {
  line-height: 24px !important;
  letter-spacing: -0.4px;
  font-weight: 400 !important;
}
.cl-container.rst_main_body .cl-container.tab-buttons .cl-button.selected {
  color: #0099FF;
  border-bottom: solid 2px #0099FF;
}
.cl-container.rst_main_body .cl-container.rst_location .cl-output:not(.rst_location_choice_text) .cl-text {
  font-size: 18px;
  line-height: 24px !important;
  letter-spacing: -0.45px;
}
.cl-container.rst_main_body .cl-container.rst_location .cl-output.rst_location_choice_text .cl-text {
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: -0.35px !important;
  color: #0099FF !important;
}
.cl-container.rst_main_body .cl-container.rst_fmres .cl-output:not(.rst-fmres-title .cl-text,
.cl-container.rst_main_body .cl-container.rst_fmres .rst-fmres-title-sub) .cl-text {
  font-size: 18px;
  line-height: 24px !important;
  letter-spacing: -0.45px;
}
.cl-container.rst_main_body .cl-container.rst_rsrvt .cl-output.main_text {
  margin-left: 20px;
}
.cl-container.rst_main_body .cl-container.rst_rsrvt .cl-output.main_text .cl-text {
  font-size: 18px;
  line-height: 24px !important;
  letter-spacing: -0.45px;
}
.cl-container.rst_main_body .cl-container.rst_rsrvt .cl-container.rst_rsrvt_menu_slide {
  margin-left: 20px;
}
.cl-container.rst_main_body .cl-container.rst_rsrvt .cl-container.rst_rsrvt_menu_slide .cl-radiobutton.categry_radiobutton .cl-radiobutton-item {
  border-radius: 16px;
  border: 1px solid #e3e4e6;
  /* 선택된 라디오아이템 아이콘 스타일 */
}
.cl-container.rst_main_body .cl-container.rst_rsrvt .cl-container.rst_rsrvt_menu_slide .cl-radiobutton.categry_radiobutton .cl-radiobutton-item .cl-text {
  font-size: 14px;
  line-height: 15px;
  color: #000000;
  letter-spacing: -0.35px;
  padding: 6px 16px;
}
.cl-container.rst_main_body .cl-container.rst_rsrvt .cl-container.rst_rsrvt_menu_slide .cl-radiobutton.categry_radiobutton .cl-radiobutton-item.cl-selected {
  outline: none;
  border-color: #0099FF;
  background-color: #0099FF;
}
.cl-container.rst_main_body .cl-container.rst_rsrvt .cl-container.rst_rsrvt_menu_slide .cl-radiobutton.categry_radiobutton .cl-radiobutton-item.cl-selected .cl-text {
  color: #ffffff;
  outline: none !important;
}
.cl-container.rst_main_body .rst_main .swiper-slide {
  width: 100% !important;
  aspect-ratio: 1.8;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.cl-container.rst_main_body .rst_main .slide-index-box {
  position: absolute;
  right: 20px;
  bottom: 12px;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.53);
  border-radius: 10px;
}
.cl-container.rst_main_body .rst_main .slide-index-box span {
  line-height: 20px;
  font-family: 'Roboto';
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
/************************************************
 * mobile - app res list
 ************************************************/
.cl-container.app_menu_slide .cl-container.menu_slide .cl-radiobutton.menu_radiobutton .cl-radiobutton-item {
  border: none;
  /* 선택된 라디오아이템 아이콘 스타일 */
}
.cl-container.app_menu_slide .cl-container.menu_slide .cl-radiobutton.menu_radiobutton .cl-radiobutton-item .cl-text {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  letter-spacing: -0.4px;
}
.cl-container.app_menu_slide .cl-container.menu_slide .cl-radiobutton.menu_radiobutton .cl-radiobutton-item.cl-selected {
  outline: none;
  border-bottom: 2px solid #e3e4e6;
  border-color: #0099FF;
}
.cl-container.app_menu_slide .cl-container.menu_slide .cl-radiobutton.menu_radiobutton .cl-radiobutton-item.cl-selected .cl-text {
  color: #0099FF;
  outline: none !important;
}
.cl-container.app_menu_slide .cl-output.output_gubun {
  background-color: #e3e4e6;
}
.cl-container.m_res_list_body {
  background-color: #ffffff;
}
.cl-container.m_res_list_body .cl-container.res_list_search {
  margin-left: 20px;
  margin-right: 20px;
  border: solid 1px #e3e4e6;
  border-radius: 4px;
}
.cl-container.m_res_list_body .cl-container.res_list_search .cl-output .cl-text {
  font-size: 14px;
  line-height: 24px !important;
  letter-spacing: -0.35px;
}
.cl-container.m_res_list_body .cl-container.res_list_filter {
  background-color: #f5f6f8;
}
.cl-container.m_res_list_body .cl-container.res_list_filter .cl-output .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
}
.cl-container.m_res_list_body .cl-container.res_list_filter .cl-output.res_list_filter_right {
  text-align: right;
}
.cl-container.m_res_list_body .cl-output.output_gubun {
  background-color: #e3e4e6;
}
/************************************************
 * mobile - app res_list_detail
 ************************************************/
.cl-container.app_res_detail {
  background-color: #ffffff;
  /************************************************
	 * mobile - app res_list_detail에서 TAB 부분
	 ************************************************/
}
.cl-container.app_res_detail .cl-container.app_res_detail_slide {
  height: 240px !important;
}
.cl-container.app_res_detail .cl-container.app_res_detail_slide .no_image_banner {
  background-image: url("images/common/no_image.svg") !important;
  background-color: #f5f6f8 !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.cl-container.app_res_detail .cl-container.app_res_detail_slide .rst_detail-swiper .swiper-slide {
  width: 100% !important;
  height: 240px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.cl-container.app_res_detail .cl-container.app_res_detail_slide .rst_detail-swiper .slide-index-box {
  position: absolute;
  right: 20px;
  bottom: 15px;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.53);
  border-radius: 10px;
}
.cl-container.app_res_detail .cl-container.app_res_detail_slide .rst_detail-swiper .slide-index-box span {
  line-height: 20px;
  font-family: 'Roboto';
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.cl-container.app_res_detail .cl-container.app_res_detail_info {
  margin-left: 20px;
}
.cl-container.app_res_detail .cl-container.app_res_detail_info .cl-output.app_res_detail_info_hashtag .cl-text {
  font-size: 12px;
  font-weight: 400 !important;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #c9c9ce;
}
.cl-container.app_res_detail .cl-container.app_res_detail_info .cl-output.app_res_detail_info_name .cl-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
  color: #000000;
}
.cl-container.app_res_detail .cl-container.app_res_detail_info .cl-output.app_res_detail_info_name_sub .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  color: #868b92;
}
.cl-container.app_res_detail .cl-container.app_res_detail_info .cl-output.res_sm {
  border-radius: 4px;
  background-color: #E5FBEE;
  text-align: center;
  padding: 1px 5px;
}
.cl-container.app_res_detail .cl-container.app_res_detail_info .cl-output.res_sm .cl-text {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #00d55c;
}
.cl-container.app_res_detail .cl-container.app_res_detail_info .cl-output.res_rsv {
  border-radius: 4px;
  background-color: #FBF0E5;
  text-align: center;
  padding: 1px 5px;
}
.cl-container.app_res_detail .cl-container.app_res_detail_info .cl-output.res_rsv .cl-text {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #ff870d;
}
.cl-container.app_res_detail .cl-container.app_res_detail_info_rate .cl-output {
  padding-left: 3px;
}
.cl-container.app_res_detail .cl-container.app_res_detail_info_rate .cl-output .cl-text {
  font-size: 12px;
  line-height: 20px;
  color: #868b92;
}
.cl-container.app_res_detail .cl-container.app_res_detail_grp_btn {
  margin: 0px 20px;
}
.cl-container.app_res_detail .cl-container.app_res_detail_grp_btn .cl-output {
  background-color: #e3e4e6;
}
.cl-container.app_res_detail .cl-container.app_res_detail_grp_btn .cl-button.app_res_detail_grp_btn_menu {
  background: none;
  border: none;
}
.cl-container.app_res_detail .cl-container.app_res_detail_grp_btn .cl-button.app_res_detail_grp_btn_menu .cl-text {
  font-size: 14px !important;
  line-height: 24px !important;
  letter-spacing: -0.35px;
  color: #868b92 !important;
}
.cl-container.app_res_detail .cl-container.app_res_detail_grp_btn .cl-button.app_res_detail_grp_btn_menu .cl-icon.app_res_detail_grp_btn_menu_img {
  width: 24px;
  height: 24px;
}
.cl-container.app_res_detail .cl-container.app_res_detail_grp_btn .cl-button.app_res_rsvrt_btn {
  border-radius: 4px;
  border: solid 1px #ff870d;
  background: none;
}
.cl-container.app_res_detail .cl-container.app_res_detail_grp_btn .cl-button.app_res_rsvrt_btn .cl-icon {
  width: 20px;
  height: 20px;
}
.cl-container.app_res_detail .cl-container.app_res_detail_grp_btn .cl-button.app_res_rsvrt_btn .cl-text {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: -0.35px !important;
  color: #ff870d !important;
  font-weight: 400 !important;
}
.cl-container.app_res_detail .cl-container.app_res_detail_address .cl-output {
  background-color: #e3e4e6;
}
.cl-container.app_res_detail .cl-container.app_res_detail_address .cl-output.app_res_detail_info_address {
  background: none;
}
.cl-container.app_res_detail .cl-container.app_res_detail_address .cl-output.app_res_detail_info_address .cl-text {
  padding-left: 4px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: -0.35px;
  color: #000000;
}
.cl-container.app_res_detail .cl-container.app_res_detail_amenities {
  margin: 0px 20px;
}
.cl-container.app_res_detail .cl-container.app_res_detail_amenities .cl-output.app_res_detail_amenities_text {
  background: none;
}
.cl-container.app_res_detail .cl-container.app_res_detail_amenities .cl-output.app_res_detail_amenities_text .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  color: #000000;
}
.cl-container.app_res_detail .cl-container.app_res_detail_amenities .cl-container.app_res_detail_amenities_grp .cl-output {
  border: solid 1px #e3e4e6;
  border-radius: 4px;
  background: none !important;
  padding: 3px 8px;
}
.cl-container.app_res_detail .cl-container.app_res_detail_amenities .cl-container.app_res_detail_amenities_grp .cl-output .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  color: #000000;
}
.cl-container.app_res_detail .cl-output.app_line_gubun {
  background-color: #f5f6f8;
}
.cl-container.app_res_detail .cl-container.tab-buttons {
  margin: 0px 20px;
}
.cl-container.app_res_detail .cl-container.tab-buttons .cl-button {
  background: none;
  border: none;
  border-radius: 0px;
}
.cl-container.app_res_detail .cl-container.tab-buttons .cl-button .cl-text {
  color: #000;
  font-size: 16px;
  line-height: 24px !important;
  letter-spacing: -0.4px;
}
.cl-container.app_res_detail .cl-container.tab-buttons .cl-button.selected {
  color: #0099FF;
  border-bottom: solid 2px #0099FF;
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-container.app_res_detail_main_tab_menu_slide {
  margin: 0px 20px;
  padding: 12px 0px;
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-container.app_res_detail_main_tab_menu_slide .cl-radiobutton.menu_radiobutton .cl-radiobutton-item {
  border-radius: 16px;
  border: 1px solid #e3e4e6;
  /* 선택된 라디오아이템 아이콘 스타일 */
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-container.app_res_detail_main_tab_menu_slide .cl-radiobutton.menu_radiobutton .cl-radiobutton-item .cl-text {
  font-size: 14px;
  line-height: 15px;
  color: #000000;
  letter-spacing: -0.35px;
  padding: 6px 16px;
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-container.app_res_detail_main_tab_menu_slide .cl-radiobutton.menu_radiobutton .cl-radiobutton-item.cl-selected {
  outline: none;
  border-color: #0099FF;
  background-color: #0099FF;
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-container.app_res_detail_main_tab_menu_slide .cl-radiobutton.menu_radiobutton .cl-radiobutton-item.cl-selected .cl-text {
  color: #ffffff;
  outline: none !important;
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-output.app_line_gubun.menu {
  margin: 0px 20px;
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-container.app_res_detail_main_tab_info .cl-output.title .cl-text {
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-container.app_res_detail_main_tab_info .cl-output.content_title .cl-text {
  padding-right: 30px;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.35px;
  font-weight: 400 !important;
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-container.app_res_detail_main_tab_info .cl-output.content_title.right {
  text-align: right;
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-container.app_res_detail_main_tab_info .cl-output.content_sub .cl-text {
  color: #868b92;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.35px;
  font-weight: 400 !important;
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-container.app_res_detail_main_tab_info .cl-output.content_sub.top {
  vertical-align: top;
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-container.app_res_detail_main_tab_info .cl-image.location_img {
  border-radius: 8px;
  border: 1px solid #707070;
  max-height: 160px;
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-container.app_res_detail_main_tab_review .cl-container.main_tab_review_rate {
  margin-top: 20px;
  margin-right: 20px;
  margin-left: 20px;
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-container.app_res_detail_main_tab_review .cl-container.main_tab_review_rate .cl-output.review_rate_title .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  font-weight: 500;
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-container.app_res_detail_main_tab_review .cl-container.main_tab_review_rate .cl-output.review_rate_title_pop .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #868b92;
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-container.app_res_detail_main_tab_review .cl-container.main_tab_review_rate .cl-output.main_tab_review_keyword_box {
  border-radius: 16px;
  border: solid 1px #e3e4e6;
  padding: 6px 16px;
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-container.app_res_detail_main_tab_review .cl-container.main_tab_review_rate .cl-output.main_tab_review_keyword_box .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  font-weight: 400 !important;
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-container.app_res_detail_main_tab_review .cl-container.main_tab_review_rate .cl-output.main_tab_review_keyword_box.selected {
  background-color: #0099FF;
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-container.app_res_detail_main_tab_review .cl-container.main_tab_review_rate .cl-output.main_tab_review_keyword_box.selected .cl-text {
  color: #ffffff;
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-container.app_res_detail_main_tab_review .cl-container.main_tab_review_rate .cl-container.main_tab_review_rate_img {
  margin-top: 10px;
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-container.app_res_detail_main_tab_review .cl-container.main_tab_review_rate .cl-container.main_tab_review_rate_img .cl-output.review_rate_big_num .cl-text {
  text-align: center;
  font-size: 32px;
  line-height: 24px;
  font-weight: bold;
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-container.app_res_detail_main_tab_review .cl-container.main_tab_review_rate .cl-container.main_tab_review_rate_img .cl-output.review_rate_fileter_text .cl-text {
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.3px;
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-container.app_res_detail_main_tab_review .cl-container.main_tab_review_rate .cl-container.main_tab_review_rate_img .cl-output.review_rate_pop_text .cl-text {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.3px;
  color: #868b92;
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-container.app_res_detail_main_tab_review .cl-container.main_tab_review_rate .cl-container.main_tab_review_rate_img .cl-progress.pgr {
  background-image: none;
  background-color: #f5f6f8;
  border: solid 1px #f5f6f8;
  border-radius: 2px;
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-container.app_res_detail_main_tab_review .cl-container.main_tab_review_rate .cl-container.main_tab_review_rate_img .cl-progress.pgr .cl-progress-bar.pgr_bar {
  border-radius: 2px;
  background-color: #ffdb00;
  background-image: none;
  height: 2px;
  min-height: 2px;
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-container.app_res_detail_main_tab_review .cl-container.main_tab_review_filter {
  background-color: #f5f6f8;
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-container.app_res_detail_main_tab_review .cl-container.main_tab_review_filter .cl-output.review_text .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  font-weight: 400 !important;
}
.cl-container.app_res_detail .cl-tabfolder.app_res_detail_main_tab .cl-container.app_res_detail_main_tab_review .cl-checkboxgroup.chk_grp .cl-checkbox .cl-text {
  outline: none;
}
.cl-container.app_res_detail .rst_detail_swiper_wrapper .zindex10 {
  z-index: 10;
}
.cl-container.app_res_detail .rst_detail_swiper_wrapper .rst-banner-swiper .swiper-slide {
  width: 100% !important;
  height: 260px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.cl-container.app_res_detail .rst_detail_swiper_wrapper .rst-banner-swiper .slide-index-box {
  position: absolute;
  right: 20px;
  bottom: 15px;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.53);
  border-radius: 10px;
}
.cl-container.app_res_detail .rst_detail_swiper_wrapper .rst-banner-swiper .slide-index-box span {
  line-height: 20px;
  font-family: 'Roboto';
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
/************************************************
 * mobile - app_res_list_menu_grp
 ************************************************/
.cl-container.app_res_list_menu_grp {
  background-color: #ffffff;
}
.cl-container.app_res_list_menu_grp .cl-output.output_gubun {
  background-color: #e3e4e6;
}
.cl-container.app_res_list_menu_grp .cl-output.form_header_text {
  padding: 2px 0px;
}
.cl-container.app_res_list_menu_grp .cl-output.form_header_text .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
}
.cl-container.app_res_list_menu_grp .cl-output.form_header_text.form_header_text_regular .cl-text {
  font-weight: 400 !important;
}
.cl-container.app_res_list_menu_grp .cl-output.form_header_text.form_header_text_price {
  text-align: right;
  padding: 0px 0px;
}
.cl-container.app_res_list_menu_grp .cl-output.form_header_text.form_header_text_price .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.cl-container.app_res_list_menu_grp .cl-output.form_header_text.form_header_text_right_red {
  padding: 0px 0px;
  text-align: right;
}
.cl-container.app_res_list_menu_grp .cl-output.form_header_text.form_header_text_right_red .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  color: #ff3838;
}
.cl-container.app_res_list_menu_grp .cl-output.btn_text .cl-text {
  letter-spacing: -0.35px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.cl-container.app_res_list_menu_grp .cl-output.btn_text.won {
  text-align: right;
}
.cl-container.app_res_list_menu_grp .cl-output.btn_text.won .cl-text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400 !important;
}
.cl-container.app_res_list_menu_grp .cl-output.btn_text.price {
  text-align: right;
}
.cl-container.app_res_list_menu_grp .cl-output.btn_text.price .cl-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
}
.cl-container.app_res_list_menu_grp .cl-output.default_output .cl-text {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.35px;
  font-weight: 400 !important;
}
.cl-container.app_res_list_menu_grp .cl-output.default_output.right {
  text-align: right;
}
.cl-container.app_res_list_menu_grp .cl-output.default_output.right .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  font-weight: 400 !important;
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_menu_info {
  margin: 0px 20px;
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_menu_info .cl-output.menu_tilte .cl-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_menu_info .cl-output.menu_tilte_sub .cl-text {
  font-weight: 400 !important;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  color: #868b92;
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_menu_info_price {
  margin: 0px 20px;
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_menu_quantity .cl-container.app_res_menu_quantity_form {
  background-color: #f5f6f8;
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_menu_quantity .cl-container.app_res_menu_quantity_necessary {
  margin: 0px 20px;
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_menu_quantity .cl-container.app_res_menu_quantity_necessary .cl-radiobutton.rdb {
  padding: 0px;
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_menu_quantity .cl-container.app_res_menu_quantity_necessary .cl-radiobutton.rdb .cl-text {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.35px;
  font-weight: 400 !important;
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_menu_quantity .cl-container.app_res_menu_quantity_necessary .cl-radiobutton.rdb .cl-radiobutton-icon {
  width: 24px;
  height: 24px;
  margin-left: -5px;
  background-image: url("images/common/radio_button_default.svg") !important;
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_menu_quantity .cl-container.app_res_menu_quantity_necessary .cl-radiobutton.rdb.selected .cl-radiobutton-icon {
  background-image: url("images/common/radio_button_selected.svg") !important;
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_menu_quantity .cl-output.necessary_price {
  text-align: right;
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_menu_quantity .cl-container.app_res_menu_side_choice {
  margin: 0px 20px;
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_menu_quantity .cl-container.app_res_menu_side_choice .cl-checkbox .cl-checkbox-icon {
  outline: none;
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_menu_quantity .cl-container.app_res_menu_side_choice .cl-checkboxgroup.sidechoice_cbg .cl-checkbox.cl-checked {
  background-color: #ffffff;
  color: #000000;
  padding: 3px;
  font-size: 1em;
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_menu_quantity .cl-container.app_res_menu_side_choice .cl-checkboxgroup.sidechoice_cbg .cl-text {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.35px;
  font-weight: 400 !important;
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_menu_quantity .cl-container.app_res_menu_side_choice .cl-checkboxgroup.sidechoice_cbg .cl-checkbox-icon {
  outline: none;
  width: 24px;
  height: 24px;
  background-image: url("images/common/toggle_check_box_off.svg") !important;
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_menu_quantity .cl-container.app_res_menu_side_choice .cl-checkboxgroup.sidechoice_cbg .cl-checkbox {
  /* 체크박스 hover시 아이콘 스타일 */
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_menu_quantity .cl-container.app_res_menu_side_choice .cl-checkboxgroup.sidechoice_cbg .cl-checkbox:hover .cl-checkbox-icon,
.cl-container.app_res_list_menu_grp .cl-container.app_res_menu_quantity .cl-container.app_res_menu_side_choice .cl-checkboxgroup.sidechoice_cbg .cl-checkbox.cl-hover .cl-checkbox-icon {
  background-image: url("images/common/toggle_check_box_off.svg");
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_menu_quantity .cl-container.app_res_menu_side_choice .cl-checkboxgroup.sidechoice_cbg .cl-checkbox.cl-checked {
  /* 체크된 체크박스 hover시 아이콘 스타일 */
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_menu_quantity .cl-container.app_res_menu_side_choice .cl-checkboxgroup.sidechoice_cbg .cl-checkbox.cl-checked .cl-checkbox-icon {
  background-image: url("images/common/toggle_check_box_selected.svg") !important;
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_menu_quantity .cl-container.app_res_menu_side_choice .cl-checkboxgroup.sidechoice_cbg .cl-checkbox.cl-checked:hover .cl-checkbox-icon,
.cl-container.app_res_list_menu_grp .cl-container.app_res_menu_quantity .cl-container.app_res_menu_side_choice .cl-checkboxgroup.sidechoice_cbg .cl-checkbox.cl-checked.cl-hover .cl-checkbox-icon {
  background-image: url("images/common/toggle_check_box_selected.svg");
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_btn_grp {
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_btn_grp_form_btn .cl-button.btn_basket {
  border: solid 1px #e3e4e6;
  background: none;
  border-radius: 8px;
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_btn_grp_form_btn .cl-button.btn_basket .cl-text {
  color: #000000 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  letter-spacing: -0.35px;
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_btn_grp_form_btn .cl-button.btn_basket:hover {
  color: #000000 !important;
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_btn_grp_form_btn .cl-button.btn_instant {
  background: none;
  background-color: #0099FF;
  border-radius: 8px;
  border: none;
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_btn_grp_form_btn .cl-button.btn_instant .cl-text {
  text-shadow: none;
  font-size: 14px !important;
  line-height: 16px !important;
  letter-spacing: -0.35px;
  color: #ffffff !important;
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_btn_grp_form_btn .cl-button.btn_instant.no-shadow .cl-text {
  text-shadow: none;
}
.cl-container.app_res_list_menu_grp .cl-container.app_res_btn_grp_form_btn .cl-button.btn_instant:hover {
  color: #0099FF !important;
}
/************************************************
 * mobile - app_res_date_calendar 식당-상세-예약날짜선택
 ************************************************/
.cl-container.res_date_calendar {
  background-color: #ffffff;
}
.cl-container.res_date_calendar .cl-output.output_gubun {
  background-color: #e3e4e6;
}
.cl-container.res_date_calendar .cl-output.output_gubun.depth {
  background-color: #f5f6f8;
}
.cl-container.res_date_calendar .cl-output.form_header_text .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.res_date_calendar .cl-output.cal_header {
  padding: 12px 0px;
}
.cl-container.res_date_calendar .cl-output.cal_header .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.res_date_calendar .cl-calendar.cl-focus .cl-calendar-content .cl-calendar-current {
  box-shadow: none;
}
.cl-container.res_date_calendar .cl-calendar.res_cal {
  border: none;
  margin: 0px 20px;
}
.cl-container.res_date_calendar .cl-calendar.res_cal .cl-calendar-header-wrapper {
  height: 48px;
}
.cl-container.res_date_calendar .cl-calendar.res_cal .cl-calendar-content .cl-calendar-content-header {
  width: 36px;
  height: 36px;
}
.cl-container.res_date_calendar .cl-calendar.res_cal .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-sun {
  background-color: #ffffff;
  text-align: center;
  color: #ff3838;
  font-size: 14px;
  letter-spacing: -0.35px;
  font-weight: 400 !important;
}
.cl-container.res_date_calendar .cl-calendar.res_cal .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-mon,
.cl-container.res_date_calendar .cl-calendar.res_cal .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-tue,
.cl-container.res_date_calendar .cl-calendar.res_cal .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-wed,
.cl-container.res_date_calendar .cl-calendar.res_cal .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-thu,
.cl-container.res_date_calendar .cl-calendar.res_cal .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-fri {
  background-color: #ffffff;
  text-align: center;
  color: #000000;
  font-size: 14px;
  letter-spacing: -0.35px;
  font-weight: 400 !important;
}
.cl-container.res_date_calendar .cl-calendar.res_cal .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-sat {
  background-color: #ffffff;
  text-align: center;
  color: #5592ed;
  font-size: 14px;
  letter-spacing: -0.35px;
  font-weight: 400 !important;
}
.cl-container.res_date_calendar .cl-calendar.res_cal .cl-calendar-content .cl-calendar-content-day {
  width: 36px;
  height: 36px;
  text-align: center;
}
.cl-container.res_date_calendar .cl-calendar.res_cal .cl-calendar-content .cl-calendar-content-day .cl-text {
  font-size: 14px;
  font-weight: 400 !important;
  letter-spacing: -0.35px;
}
.cl-container.res_date_calendar .cl-calendar.res_cal .cl-calendar-content .cl-calendar-content-day.cl-calendar-current {
  background-color: #0099FF;
  border-radius: 36px;
}
.cl-container.res_date_calendar .cl-calendar.res_cal .cl-calendar-content .cl-calendar-content-day.cl-calendar-current .cl-text {
  color: #ffffff;
}
.cl-container.res_date_calendar .cl-calendar.res_cal .cl-calendar-content .cl-calendar-content-day.cl-disabled {
  background-color: #ffffff;
}
.cl-container.res_date_calendar .cl-calendar.res_cal .cl-calendar-content .cl-calendar-content-day.cl-disabled .cl-text {
  color: #c9c9ce;
}
.cl-container.res_date_calendar .cl-calendar.res_cal .cl-calendar-content .cl-calendar-content-day.cl-calendar-defaultdate:not(.cl-calendar-current) {
  background: none;
}
.cl-container.res_date_calendar .cl-calendar.res_cal .cl-calendar-content .cl-calendar-content-day.cl-calendar-defaultdate:not(.cl-calendar-current).cl-selected {
  background-color: #0099FF;
  border-radius: 36px;
}
.cl-container.res_date_calendar .cl-calendar.res_cal .cl-calendar-content .cl-calendar-content-day.cl-calendar-defaultdate:not(.cl-calendar-current).cl-selected .cl-text {
  color: #ffffff;
}
.cl-container.res_date_calendar .cl-calendar.res_cal .cl-calendar-content .cl-calendar-content-day.cl-selected {
  background-color: #0099FF;
  border-radius: 36px;
}
.cl-container.res_date_calendar .cl-calendar.res_cal .cl-calendar-content .cl-calendar-content-day.cl-selected .cl-text {
  color: #ffffff;
}
.cl-container.res_date_calendar .cl-calendar.res_cal .cl-calendar-content .cl-other-month {
  visibility: hidden;
}
.cl-container.res_date_calendar .cl-container.time_grp .cl-button.time_text {
  border-radius: 4px;
  border: solid 1px #e3e4e6;
  text-align: center;
  padding: 6px 8px;
  background-image: none !important;
  background: none;
}
.cl-container.res_date_calendar .cl-container.time_grp .cl-button.time_text .cl-text {
  text-shadow: none !important;
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: -0.35px !important;
  font-weight: 400 !important;
  color: #000000 !important;
}
.cl-container.res_date_calendar .cl-container.time_grp .cl-button.time_text.disabled {
  background-color: #c9c9ce !important;
  opacity: 1;
}
.cl-container.res_date_calendar .cl-container.time_grp .cl-button.time_text.disabled .cl-text {
  color: #ffffff !important;
}
.cl-container.res_date_calendar .cl-container.time_grp .cl-button.time_text.selected {
  background-color: #0099FF;
}
.cl-container.res_date_calendar .cl-container.time_grp .cl-button.time_text.selected .cl-text {
  color: #ffffff !important;
}
.cl-container.res_date_calendar .cl-container.btn_grp {
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
}
.cl-container.res_date_calendar .cl-container.btn_grp .cl-button.btn {
  background: none;
  background-color: #0099FF;
}
.cl-container.res_date_calendar .cl-container.btn_grp .cl-button.btn .cl-text {
  text-shadow: none;
  font-size: 14px !important;
  color: #ffffff !important;
}
/************************************************
 * mobile - app 식당-상세-예약(처음)
 ************************************************/
.cl-container.res_detail_rsvrt {
  background-color: #ffffff;
}
.cl-container.res_detail_rsvrt .cl-output.output_gubun {
  background-color: #f5f6f8;
}
.cl-container.res_detail_rsvrt .cl-output.output_gubun.other_color {
  background-color: #e3e4e6 !important;
}
.cl-container.res_detail_rsvrt .cl-output.bold_text .cl-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.cl-container.res_detail_rsvrt .cl-output.bold_text.max {
  text-align: right;
  padding-right: 3px;
}
.cl-container.res_detail_rsvrt .cl-output.bold_text.max .cl-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
}
.cl-container.res_detail_rsvrt .cl-output.bold_text.mini .cl-text {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.35px;
}
.cl-container.res_detail_rsvrt .cl-output.bold_text.mini.mini_right {
  text-align: right;
}
.cl-container.res_detail_rsvrt .cl-output.bold_text.regular .cl-text {
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: -0.35px !important;
}
.cl-container.res_detail_rsvrt .cl-output.bold_text.regular.hint .cl-text {
  color: #868b92;
}
.cl-container.res_detail_rsvrt .cl-output.bold_text.color .cl-text {
  color: #0099FF;
}
.cl-container.res_detail_rsvrt .cl-output.bold_text.color.right {
  text-align: right;
}
.cl-container.res_detail_rsvrt .cl-output.bold_text.color.right .cl-text {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #0099FF;
}
.cl-container.res_detail_rsvrt .cl-output.coupon {
  text-align: right;
}
.cl-container.res_detail_rsvrt .cl-output.coupon .cl-text {
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #868b92;
}
.cl-container.res_detail_rsvrt .cl-container.app_background_red {
  background-color: #FFF1F1;
  border-radius: 4px;
  margin: 0px 20px;
}
.cl-container.res_detail_rsvrt .cl-container.app_background_red .cl-output .cl-text {
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.33px;
  font-weight: 400 !important;
}
.cl-container.res_detail_rsvrt .cl-container.grp_btn {
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
}
.cl-container.res_detail_rsvrt .cl-container.grp_btn .cl-button.disabled {
  background: none;
  border: none;
  border-radius: 8px;
  background-color: #c9c9ce;
}
.cl-container.res_detail_rsvrt .cl-container.grp_btn .cl-button.disabled .cl-text {
  text-shadow: none;
  font-size: 14px !important;
  color: #ffffff !important;
}
.cl-container.res_detail_rsvrt .cl-container.grp_btn .cl-button.disabled.abled {
  background: none;
  background-color: #0099FF;
}
.cl-container.res_detail_rsvrt .cl-container.grp_btn .cl-button.disabled.abled .cl-text {
  text-shadow: none;
}
.cl-container.res_detail_rsvrt .cl-container.grp_coupon .cl-linkedcombobox.lcb1 > div {
  display: flex !important;
}
.cl-container.res_detail_rsvrt .cl-container.grp_coupon .cl-linkedcombobox.lcb1 > div .cl-linkedcombobox-combo {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  width: 100% !important;
}
.cl-container.res_detail_rsvrt .cl-container.grp_card .cl-button {
  background-color: #ffffff;
  border: 1px solid #e3e4e6;
}
.cl-container.res_detail_rsvrt .cl-container.grp_card .cl-button .cl-text {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.35px;
  color: #000000 !important;
}
.cl-container.res_detail_rsvrt .cl-container.grp_card .cl-button.btn_left {
  border-radius: 8px 0px 0px 8px;
}
.cl-container.res_detail_rsvrt .cl-container.grp_card .cl-button.btn_left.selected {
  border: 1px solid #0099FF;
}
.cl-container.res_detail_rsvrt .cl-container.grp_card .cl-button.btn_left.selected .cl-text {
  color: #0099FF !important;
}
.cl-container.res_detail_rsvrt .cl-container.grp_card .cl-button.btn_right {
  border-radius: 0px 8px 8px 0px;
}
.cl-container.res_detail_rsvrt .cl-container.grp_card .cl-button.btn_right.selected {
  border: 1px solid #0099FF;
}
.cl-container.res_detail_rsvrt .cl-container.grp_card .cl-button.btn_right.selected .cl-text {
  color: #0099FF !important;
}
.cl-container.res_detail_rsvrt .cl-container.grp_card .cl-linkedcombobox.lcb2 > div {
  display: flex !important;
}
.cl-container.res_detail_rsvrt .cl-container.grp_card .cl-linkedcombobox.lcb2 > div .cl-linkedcombobox-combo {
  border: none;
  background-color: #f5f6f8;
  border-radius: 8px;
  width: 100% !important;
}
.cl-container.res_detail_rsvrt .cl-container.grp_card .cl-linkedcombobox.lcb2 > div .cl-linkedcombobox-combo .cl-text {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.35px;
  color: #868b92;
}
.cl-container.res_detail_rsvrt .cl-container.rst_detail_rsvrt_prd_lst_box .cl-container.grp_add_menu {
  border-top: 1px solid #e3e4e6;
  padding: 16px 0;
}
/************************************************
 * mobile - app - header
 ************************************************/
.cl-container.m_header_body {
  background-color: #ffffff;
}
.cl-container.m_header_body .cl-output.header_title_text {
  text-align: left;
}
.cl-container.m_header_body .cl-output.header_title_text .cl-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
  color: #000000;
}
.cl-container.m_header_body .cl-output.header_title_text.center {
  text-align: center;
}
/************************************************
 * mobile - app - res-banner
 ************************************************/
.cl-container.rst_banner .cl-image.rst_banner_img img {
  object-fit: cover;
}
.cl-container.rst_banner .cl-output.rst_banner_text {
  opacity: 0.53;
  border-radius: 10px;
  background-color: #000000;
}
.cl-container.rst_banner .cl-output.rst_banner_text .cl-text {
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
}
/************************************************
 * mobile - app - res-location
 ************************************************/
.cl-container.rst_location .cl-output.rst_location_text .cl-text {
  font-size: 16px !important;
  color: #ffffff;
}
/************************************************
 * mobile - app - res-fmres
 ************************************************/
.cl-container.rst-fmres .cl-image.rst-img {
  border-radius: 8px;
}
.cl-container.rst-fmres .cl-image.rst-img img {
  border-radius: 8px;
}
.cl-container.rst-fmres .cl-output.rst-fmres-title .cl-text {
  text-align: left;
  font-weight: 500;
  line-height: 24px !important;
  font-size: 16px !important;
  letter-spacing: -0.4px !important;
  color: #000000;
}
.cl-container.rst-fmres .cl-output.rst-fmres-title-sub .cl-text {
  text-align: left;
  line-height: 20px !important;
  font-size: 12px !important;
  color: #868b92;
  font-weight: 400 !important;
}
/************************************************
 * mobile - app - res-rsrvt
 ************************************************/
.cl-container.rst-rsrvt .cl-image.rst-rsrvt-img {
  border-radius: 8px;
}
.cl-container.rst-rsrvt .cl-output.rst-rsrvt-img-num {
  border-top-left-radius: 8px;
  background-color: #000000;
}
.cl-container.rst-rsrvt .cl-output.rst-rsrvt-img-num .cl-text {
  text-align: center;
  font-size: 14px !important;
  line-height: 24px !important;
  color: #ffffff;
}
.cl-container.rst-rsrvt .cl-output.rst-rsrvt-sub-title-1 .cl-text {
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: -0.4px !important;
  color: #000000;
}
.cl-container.rst-rsrvt .cl-output.rst-rsrvt-sub-title-2 .cl-text {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: -0.35px !important;
  color: #0099FF;
  background: linear-gradient(#ffffff 50%, #E5F5FF 50%);
}
.cl-container.rst-rsrvt .cl-output.rst-rsrvt-sub-title-3 .cl-text {
  font-size: 12px !important;
  line-height: 20px !important;
  color: #868b92;
  font-weight: 400 !important;
}
.cl-container.rst-rsrvt .cl-image.rst-rsrvt-img img {
  border-radius: 8px;
  object-fit: cover;
}
/************************************************
 * mobile - app res_list_udc
 ************************************************/
.cl-container.res_list_udc_body {
  background-color: #ffffff;
}
.cl-container.res_list_udc_body .cl-image.res_list_udc_img_url img {
  border-radius: 8px;
  object-fit: cover;
}
.cl-container.res_list_udc_body .cl-button.btn_coupon {
  background-color: #ff6e0d;
  border-radius: 4px;
  border: none;
}
.cl-container.res_list_udc_body .cl-button.btn_coupon.cl-focus {
  border: none;
}
.cl-container.res_list_udc_body .cl-button.btn_coupon .cl-text {
  font-weight: 500 !important;
  font-size: 12px !important;
  letter-spacing: -0.3px;
  color: #ffffff !important;
}
.cl-container.res_list_udc_body .cl-button.btn_coupon .cl-image {
  width: 16px;
  height: 16px;
}
.cl-container.res_list_udc_body .cl-output.res_list_udc_from_title .cl-text {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.4px;
}
.cl-container.res_list_udc_body .cl-output.res_list_udc_from_smartOrder {
  border-radius: 4px;
  background-color: rgba(0, 213, 92, 0.1);
  text-align: center;
}
.cl-container.res_list_udc_body .cl-output.res_list_udc_from_smartOrder .cl-text {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #00d55c;
}
.cl-container.res_list_udc_body .cl-output.res_list_udc_from_rsv {
  border-radius: 4px;
  background-color: #FBF0E5;
  text-align: center;
}
.cl-container.res_list_udc_body .cl-output.res_list_udc_from_rsv .cl-text {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #ff870d;
}
.cl-container.res_list_udc_body .cl-container.res_list_udc_text .res_list_udc_text_detail .cl-text {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: -0.35px !important;
  color: #0099FF;
  background: linear-gradient(#ffffff 50%, #E5F5FF 50%);
}
.cl-container.res_list_udc_body .cl-container.res_list_udc_text .cl-container.res_list_udc_text_star_rate .cl-output.rate_pop .cl-text {
  font-size: 12px;
  line-height: 20px;
  color: #868b92;
}
/************************************************
 * mobile - app select_region_udc
 ************************************************/
.cl-container.app_res_select_region_udc .cl-output.app_res_select_region_name .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.cl-container.app_res_select_region_udc .cl-output.app_res_select_region_underline {
  background-color: #e3e4e6;
}
.cl-container.app_res_select_region_udc .cl-output .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
}
/************************************************
 * mobile - app res_list_detail_udc
 ************************************************/
.cl-container.app_res_detail_banner .cl-output.app_res_detail_banner_text {
  opacity: 0.53;
  border-radius: 10px;
  background-color: #000000;
}
.cl-container.app_res_detail_banner .cl-output.app_res_detail_banner_text .cl-text {
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
}
.cl-container.app_res_detail_banner .cl-image.res_detail_banner_img img {
  object-fit: cover;
}
/************************************************
 * mobile - app_res_detail_menu_list
 ************************************************/
.cl-container.app_res_detail_menu_list_udc {
  margin-left: 20px;
  margin-right: 20px;
}
.cl-container.app_res_detail_menu_list_udc .cl-image.app_res_detail_menu_list_img {
  border-radius: 8px;
}
.cl-container.app_res_detail_menu_list_udc .cl-image.app_res_detail_menu_list_img img {
  object-fit: cover;
}
.cl-container.app_res_detail_menu_list_udc .cl-output.app_res_detail_menu_list_title .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.app_res_detail_menu_list_udc .cl-output.app_res_detail_menu_list_title_sub .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  color: #868b92;
}
.cl-container.app_res_detail_menu_list_udc .cl-output.app_res_detail_menu_list_title_price .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  color: #000000;
}
/************************************************
 * mobile - app_review_list_back_grp
 ************************************************/
.cl-container.review_list_back_grp {
  background-color: #ffffff;
  margin: 0px 20px;
}
.cl-container.review_list_back_grp .cl-output.review_list_name .cl-text {
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.35px;
}
.cl-container.review_list_back_grp .cl-output.review_list_date .cl-text {
  text-align: right;
  font-size: 12px;
  line-height: 18px;
  color: #868b92;
}
.cl-container.review_list_back_grp .cl-output.review_list_output .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  font-weight: 400 !important;
}
.cl-container.review_list_back_grp .cl-container.grp_review img {
  border-radius: 8px;
  background-color: #e3e4e6;
  height: 220px !important;
}
.cl-container.review_list_back_grp .cl-container.user_profile img {
  border-radius: 50%;
}
.cl-container.review_list_back_grp .cl-container.review_keyword_grp {
  background-color: #E5F5FF;
  border-radius: 4px;
}
.cl-container.review_list_back_grp .cl-container.review_keyword_grp .cl-output .cl-text {
  color: #0099FF;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.3px;
}
/************************************************
 * mobile_udc - app_rsvrt_list_udc
 ************************************************/
.cl-container.app_rsvrt_list_udc {
  background-color: #ffffff;
}
.cl-container.app_rsvrt_list_udc .cl-output.title .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  font-weight: 400 !important;
  color: #000000;
}
.cl-container.app_rsvrt_list_udc .cl-output.title.hint .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  font-weight: 400 !important;
  color: #868b92;
}
.cl-container.app_rsvrt_list_udc .cl-output.app_line_gubun {
  background-color: #e3e4e6;
}
.cl-container.app_rsvrt_list_udc .cl-container.udc_web_detail {
  border-radius: 4px;
  border: 1px solid #e3e4e6;
  background-color: #ffffff;
}
.cl-container.app_rsvrt_list_udc .cl-container.udc_web_detail .cl-output.prd_cpn_text {
  font-size: 12px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  color: #000000 !important;
}
.cl-container.app_rsvrt_list_udc .cl-container.udc_web_detail .cl-output.cart_cpn_count {
  font-size: 12px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
}
/************************************************
 * mobile - app res list_ 식당-상세-예약(상품선택)
 ***********************************************/
.cl-container.app_dialog_menu {
  background-color: #ffffff;
}
.cl-container.app_dialog_menu .cl-output.app_line_gubun {
  background-color: #e3e4e6;
}
.cl-container.app_dialog_menu .cl-output.app_line_gubun.margin {
  margin: 0px 20px;
}
.cl-container.app_dialog_menu .cl-container.menu_slide {
  margin: 0px 20px;
}
.cl-container.app_dialog_menu .cl-container.menu_slide .cl-output.menu_slide_box {
  background-color: #ffffff;
  text-align: center;
}
.cl-container.app_dialog_menu .cl-container.menu_slide .cl-output.menu_slide_box .cl-text {
  color: #000000;
  line-height: 24px;
  letter-spacing: -0.4px;
  font-size: 16px;
  font-weight: 400 !important;
}
.cl-container.app_dialog_menu .cl-container.menu_slide .cl-output.menu_slide_box.selected {
  border-bottom: solid 2px #0099FF;
}
.cl-container.app_dialog_menu .cl-container.menu_slide .cl-output.menu_slide_box.selected .cl-text {
  color: #0099FF;
}
.cl-container.app_dialog_menu .cl-container.menu_slide .cl-radiobutton.menu_radiobutton .cl-radiobutton-item {
  border: none;
  /* 선택된 라디오아이템 아이콘 스타일 */
}
.cl-container.app_dialog_menu .cl-container.menu_slide .cl-radiobutton.menu_radiobutton .cl-radiobutton-item .cl-text {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  letter-spacing: -0.4px;
}
.cl-container.app_dialog_menu .cl-container.menu_slide .cl-radiobutton.menu_radiobutton .cl-radiobutton-item.cl-selected {
  outline: none;
  border-bottom: 2px solid #e3e4e6;
  border-color: #0099FF;
}
.cl-container.app_dialog_menu .cl-container.menu_slide .cl-radiobutton.menu_radiobutton .cl-radiobutton-item.cl-selected .cl-text {
  color: #0099FF;
  outline: none !important;
}
/************************************************
 * mobile - app rst main 전체
 ***********************************************/
/************************************************
 * mobile - app res dialog 
 ************************************************/
.text-primary {
  color: #7165e3;
}
.text-white {
  color: #ffffff;
}
/************************************************
 * mobile - app res list_filter 
 ***********************************************/
.cl-container.rst_dialog_filter {
  background-color: #ffffff;
}
.cl-container.rst_dialog_filter .text-color {
  color: #0099FF;
}
.cl-container.rst_dialog_filter .cl-output.rst_dialog_filter_header .cl-text {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
}
.cl-container.rst_dialog_filter .cl-output.rst_dialog_filter_sub_title .cl-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.cl-container.rst_dialog_filter .cl-output.rst_dialog_filter_time .cl-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.35px;
}
.cl-container.rst_dialog_filter .cl-output.rst_dialog_filter_time.right {
  text-align: right;
}
.cl-container.rst_dialog_filter .cl-output.rst_dialog_filter_time.right.color .cl-text {
  color: #0099FF;
}
.cl-container.rst_dialog_filter .cl-output.rst_dialog_filter_location {
  text-align: center;
  border-radius: 16px;
  border: solid 1px #e3e4e6;
}
.cl-container.rst_dialog_filter .cl-output.rst_dialog_filter_location .cl-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.35px;
}
.cl-container.rst_dialog_filter .cl-output.rst_dialog_filter_location.selected {
  border: solid 1px #0099FF;
}
.cl-container.rst_dialog_filter .cl-output.rst_dialog_filter_location.selected .cl-text {
  font-weight: 500;
  color: #0099FF;
}
.cl-container.rst_dialog_filter .cl-checkboxgroup.chk_grp .cl-checkbox {
  border: 1px solid #e3e4e6;
  border-radius: 16px;
  font-size: 14px;
  width: auto;
  padding: 6px 16px;
}
.cl-container.rst_dialog_filter .cl-checkboxgroup.chk_grp .cl-checkbox .cl-text {
  color: #000000;
  outline: none;
  border: none;
}
.cl-container.rst_dialog_filter .cl-checkboxgroup.chk_grp .cl-checkbox.cl-checked {
  border-color: #0099ff;
  background-color: #ffffff;
}
.cl-container.rst_dialog_filter .cl-checkboxgroup.chk_grp .cl-checkbox.cl-checked .cl-text {
  color: #0099ff;
}
.cl-container.rst_dialog_filter .cl-container.rst_dialog_filter_grp {
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
}
.cl-container.rst_dialog_filter .cl-container.rst_dialog_filter_grp .cl-button.btn_filter_apply {
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  text-shadow: none;
}
.cl-container.rst_dialog_filter .cl-container.rst_dialog_filter_grp .cl-button.btn_filter_apply .cl-text {
  font-weight: 500;
  font-size: 14px;
  color: #ffffff !important;
}
.cl-container.rst_dialog_filter .cl-container.rst_dialog_filter_grp .cl-button.btn_filter_reset {
  border-radius: 8px;
  border: 1px solid #e3e4e6;
  background-color: #ffffff;
  background-image: none;
  text-shadow: none;
}
.cl-container.rst_dialog_filter .cl-container.rst_dialog_filter_grp .cl-button.btn_filter_reset .cl-text {
  font-weight: 500;
  font-size: 14px;
  color: #000000 !important;
}
.cl-container.rst_dialog_filter .cl-container.rst_dialog_filter_grp .cl-button.btn_filter_reset .cl-icon.reset_icon {
  width: 20px;
  height: 20px;
}
/************************************************
 * mobile - app select_region
 ************************************************/
.cl-container.rst_select_region_body {
  background-color: #ffffff;
}
.cl-container.rst_select_region_body .cl-output.region_text .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.rst_select_region_body .cl-output.output_gubun {
  background-color: #f5f6f8;
}
/************************************************
 * mobile - app rst-detail-plan
 ************************************************/
.cl-container.rst_dialog_plan_body {
  background-color: #ffffff;
}
.cl-container.rst_dialog_plan_body .cl-output.rst_dialog_header .cl-text {
  color: #000000;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
}
.cl-container.rst_dialog_plan_body .cl-container.grp_plan_plus {
  border: 1px solid #e3e4e6;
  border-radius: 22px;
  padding: 0;
}
.cl-container.rst_dialog_plan_body .cl-container.grp_plan_plus .cl-output .cl-text {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.35px;
  color: #0099FF;
}
.cl-container.rst_dialog_plan_body .cl-container.grp_btn .cl-button.btn_cancel {
  background: none;
  border: 1px solid #e3e4e6;
}
.cl-container.rst_dialog_plan_body .cl-container.grp_btn .cl-button.btn_cancel .cl-text {
  font-size: 14px;
  font-weight: 400;
  color: #000000 !important;
}
.cl-container.rst_dialog_plan_body .cl-container.grp_btn .cl-button.btn_complete {
  border: none;
  background: #c9c9ce;
  text-shadow: none;
}
.cl-container.rst_dialog_plan_body .cl-container.grp_btn .cl-button.btn_complete .cl-text {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff !important;
}
.cl-container.rst_dialog_plan_body .cl-container.grp_btn .cl-button.btn_complete.active {
  background: #0099FF;
}
.cl-container.rst_dialog_plan_body .cl-container.grp_btn .cl-button.btn_complete.active .cl-text {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff !important;
}
.cl-container.rst_dialog_plan_body .cl-container.grp_content {
  background-color: #f5f6f8;
  border-bottom: 2px solid rgba(0, 0, 0, 0.08);
}
.cl-container.rst_dialog_plan_body .cl-container.grp_content .cl-embeddedapp.udc_plan_body {
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #e3e4e6;
}
.cl-container.rst_dialog_plan_body .cl-container.grp_content .cl-embeddedapp.udc_plan_body .cl-image img {
  border-radius: 4px;
}
.cl-container.rst_dialog_plan_body .cl-container.grp_content .cl-embeddedapp.udc_plan_body .cl-output.title .cl-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.rst_dialog_plan_body .cl-container.grp_content .cl-embeddedapp.udc_plan_body .cl-output.title_sub .cl-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #717377;
}
.cl-container.rst_dialog_plan_body .cl-container.grp_content .cl-embeddedapp.udc_plan_body .cl-output.tag {
  border-radius: 4px;
  border: 1px solid #e3e4e6;
  padding: 0px 8px;
}
.cl-container.rst_dialog_plan_body .cl-container.grp_content .cl-embeddedapp.udc_plan_body .cl-output.tag .cl-text {
  font-weight: 500;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #868b92;
}
.cl-container.rst_dialog_plan_body .cl-container.grp_content .cl-embeddedapp.udc_plan_body .cl-output.day {
  border-radius: 16px;
  border: 1px solid #e3e4e6;
  text-align: center;
  padding: 0px 12px;
}
.cl-container.rst_dialog_plan_body .cl-container.grp_content .cl-embeddedapp.udc_plan_body .cl-output.day .cl-text .span_one {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  color: #000000;
}
.cl-container.rst_dialog_plan_body .cl-container.grp_content .cl-embeddedapp.udc_plan_body .cl-output.day .cl-text .span_two {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.3px;
  color: #868b92;
}
.cl-container.rst_dialog_plan_body .cl-container.grp_content .cl-embeddedapp.udc_plan_body .cl-output.day.selected {
  background-color: #0099FF;
}
.cl-container.rst_dialog_plan_body .cl-container.grp_content .cl-embeddedapp.udc_plan_body .cl-output.day.selected .cl-text .span_one {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  font-weight: 500;
  color: #ffffff;
}
.cl-container.rst_dialog_plan_body .cl-container.grp_content .cl-embeddedapp.udc_plan_body .cl-output.day.selected .cl-text .span_two {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.3px;
  color: #e3e4e6;
}
.cl-container.rst_dialog_plan_body .cl-container.grp_content .cl-embeddedapp.udc_plan_body.selected {
  border: 1px solid #0099FF;
}
/************************************************
 * mobile - app udc_rst-detail-plan
 ************************************************/
/* 슬라이더 */
.cl-slider.slide_bar {
  /* 슬라이더 바 */
  /*슬라이드 조정시 테두리 색*/
}
.cl-slider.slide_bar.cl-horizontal {
  min-width: 42px;
  min-height: 20px;
}
.cl-slider.slide_bar .cl-slider-bar {
  border: 1px solid white;
  width: calc(100% - 24px);
  /* 슬라이더 가로 바 */
  /* 슬라이드 조정시 내부 색*/
  /* 슬라이더 핸들 */
  /* 슬라이더 선택 영역 표시 바 
		 * 이동한 만큼의 슬라이드 색
		 */
}
.cl-slider.slide_bar .cl-slider-bar.cl-horizontal {
  background-image: linear-gradient(#e3e4e6, #e3e4e6);
}
.cl-slider.slide_bar .cl-slider-bar .cl-slider-handle {
  /* 슬라이더 handle */
  background-size: 24px 24px !important;
  background-image: url("images/common/slider_button.svg") !important;
  /* 슬라이더 가로바 핸들 */
  /* 슬라이더 세로바 핸들 */
}
@media (min-width: 940px) {
  .cl-slider.slide_bar .cl-slider-bar .cl-slider-handle {
    background-size: 27px 27px !important;
    width: 27px !important;
    height: 27px !important;
  }
}
@media (max-width: 939px) {
  .cl-slider.slide_bar .cl-slider-bar .cl-slider-handle {
    background-size: 24px 24px !important;
    width: 24px !important;
    height: 24px !important;
  }
}
.cl-slider.slide_bar .cl-slider-bar .cl-slider-handle.cl-horizontal {
  top: -8px;
  left: 2%;
}
.cl-slider.slide_bar .cl-slider-bar .cl-slider-range {
  background-color: #0099ff;
}
.cl-slider.slide_bar.cl-focus {
  /* 슬라이더 바 - focus 처음 눌렀을때 테두리 색상 */
}
.cl-slider.slide_bar.cl-focus .cl-slider-bar {
  border-color: white;
}
.cl-slider.slide_bar.cl-disabled {
  /* 슬라이더 바 핸들 - disabled */
  /* 슬라이더 바 선택 영역 - disabled */
}
.cl-slider:not(.cl-disabled).slide_bar .cl-slider-bar .cl-slider-handle {
  /* 슬라이더 바 핸들 - hover */
}
/************************************************
 * mobile - app act dialog 
 ************************************************/
.text-primary {
  color: #7165e3;
}
.text-white {
  color: #ffffff;
}
.cl-overlay {
  background-color: rgba(54, 74, 99, 0.35);
}
.cl-dialog {
  border: solid 1px #ffffff;
}
/************************************************
 * mobile - app act list_order 
 ***********************************************/
.cl-container.exp_dialog_order {
  background-color: #ffffff;
}
.cl-container.exp_dialog_order .cl-output .cl-text {
  font-size: 16px;
  line-height: 25px;
  letter-spacing: -0.4px;
  font-weight: 400 !important;
}
.cl-container.exp_dialog_order .cl-output.exp_dialog_order_header .cl-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
  font-weight: 500 !important;
}
.cl-container.exp_dialog_order .cl-output.exp_dialog_order_header.selected {
  color: #0099ff !important;
}
.cl-container.exp_dialog_order .cl-output.exp_dialog_order_list.selected {
  color: #0099ff;
}
.cl-container.exp_dialog_order .cl-output.exp_dialog_order_list.selected .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  font-weight: 500 !important;
}
.cl-container.exp_dialog_order .cl-button.exp_dialog_order_list {
  border: none;
  background-color: inherit;
  color: #333;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  font-weight: 400;
}
.cl-container.exp_dialog_order .cl-button.exp_dialog_order_list.selected {
  color: #0099ff;
  font-weight: 500;
}
/************************************************
 * mobile - app act list_filter 
 ***********************************************/
.cl-container.act_dialog_filter {
  border: solid 1px white;
  background-color: white;
}
.cl-container.act_dialog_filter .cl-output.act_dialog_filter_header .cl-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
  font-weight: 500;
}
.cl-container.act_dialog_filter .cl-output.act_dialog_filter_location {
  text-align: center;
  border-radius: 16px;
  border: solid 1px #e3e4e6;
}
.cl-container.act_dialog_filter .cl-output.act_dialog_filter_location .cl-text {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.35px;
  font-weight: 400 !important;
}
.cl-container.act_dialog_filter .cl-output.act_dialog_filter_location.selected {
  border: solid 1px #0099ff;
  background-color: white;
}
.cl-container.act_dialog_filter .cl-output.act_dialog_filter_location.selected .cl-text {
  color: #0099ff;
  font-weight: 500 !important;
}
.cl-container.act_dialog_filter .cl-container.act_dialog_range {
  background-color: white;
}
.cl-container.act_dialog_filter .cl-container.act_dialog_range .act_dialog_filter_sub_title {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  font-weight: 500 !important;
}
.cl-container.act_dialog_filter .cl-container.act_dialog_range .cl-container.act_dialog_price .price_val {
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500 !important;
  text-align: left;
}
.cl-container.act_dialog_filter .cl-container.act_dialog_range .cl-container.act_dialog_price .cl-slider.slide_bar.cl-focus .cl-slider-handle:focus {
  border: 1px dotted #000000;
}
.cl-container.act_dialog_filter .cl-container.act_dialog_range .cl-container.act_dialog_price .start_price {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  font-weight: 500 !important;
  text-align: left;
}
.cl-container.act_dialog_filter .cl-container.act_dialog_range .cl-container.act_dialog_price .last_price {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  font-weight: 500 !important;
  text-align: left;
}
.cl-container.act_dialog_filter .cl-container.act_dialog_facility .cl-output.act_dialog_select .cl-text {
  font-size: 16px !important;
  text-align: left;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: black;
  font-weight: 500;
}
.cl-container.act_dialog_filter .cl-container.act_dialog_facility .cl-output.total .cl-text {
  font-size: 14px !important;
  text-align: right;
  line-height: 24px;
  letter-spacing: -0.35px;
  color: #0099ff;
  padding-right: 5px;
  font-weight: 500;
}
.cl-container.act_dialog_filter .cl-container.act_dialog_facility .cl-output.select .cl-text {
  font-size: 14px !important;
  text-align: left;
  line-height: 24px;
  letter-spacing: -0.35px;
  color: black;
  font-weight: 500;
}
.cl-container.act_dialog_filter .cl-container.act_dialog_filter_grp {
  box-shadow: 0px -3px 3px 0px rgba(0, 0, 0, 0.08);
}
.cl-container.act_dialog_filter .cl-container.act_dialog_filter_grp .cl-button.btn_filter_apply {
  border-radius: 8px;
  border: none;
  background-color: #0099ff !important;
  background-image: none;
}
.cl-container.act_dialog_filter .cl-container.act_dialog_filter_grp .cl-button.btn_filter_apply .cl-text {
  font-size: 14px;
  color: white !important;
}
.cl-container.act_dialog_filter .cl-container.act_dialog_filter_grp .cl-button.btn_filter_reset {
  border: solid 1px #e3e4e6;
  border-radius: 8px;
  background-color: white !important;
  background-image: none;
}
.cl-container.act_dialog_filter .cl-container.act_dialog_filter_grp .cl-button.btn_filter_reset .cl-text {
  font-size: 14px;
  color: black !important;
}
.cl-container.act_dialog_filter .cl-container.act_dialog_filter_grp .cl-button.btn_filter_reset .cl-icon {
  width: 20px;
  height: 20px;
}
.cl-container.m_exp_select_region_body .app_exp_select_delimeter {
  background-color: #f5f6f9;
}
.cl-container.m_header_body .title_name {
  font-size: 18px;
  text-align: left;
  line-height: 24px;
  letter-spacing: -0.45px;
}
.cl-container.select_sub .region_text {
  font-size: 16px;
  text-align: left;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.cl-container.app_exp_select_region_udc .cl-output.text {
  text-align: left;
}
.cl-container.app_exp_select_region_udc .cl-output.text .cl-text {
  font-size: 120px;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.cl-container.app_exp_select_region_udc .cl-output.text.center {
  text-align: center;
}
.cl-combobox {
  margin-top: 20px;
}
.cl-combobox .cl-text {
  font-size: 16px;
  text-align: left;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.cl-combobox .cl-placeholder {
  color: #e3e4e6 !important;
}
.cl-combobox.cl-focus {
  border-color: #c9c9ce !important;
}
.cl-combobox-list {
  border: solid 1px #c9c9ce !important;
}
.cl-combobox-list .cl-viewport {
  height: 97px;
}
.cl-combobox-list .cl-combobox-item {
  background-color: white !important;
  border: solid 1px #e3e4e6 !important;
  height: 48px;
}
.cl-combobox-list .cl-combobox-item .cl-text {
  color: black;
}
.cl-combobox-list.exp_option {
  border: solid 1px #c9c9ce !important;
}
.cl-combobox-list.exp_option .cl-viewport {
  overflow: auto;
  height: auto;
}
.cl-combobox-list.exp_option .cl-combobox-item {
  border: none !important;
}
.cl-combobox-list.exp_option .cl-combobox-item.cl-hover {
  background-color: #e3e4e6 !important;
}
.cl-combobox-list.exp_option .cl-vscrollbar {
  display: none;
}
.cl-combobox.second_select .cl-text {
  font-size: 16px;
  text-align: left;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.cl-combobox.second_select .cl-placeholder {
  color: #e3e4e6 !important;
}
.cl-container.cmb_select .cl-container.option_result {
  margin-top: 20px;
  background-color: #f5f6f8 !important;
  border-radius: 4px;
}
.cl-container.cmb_select .number {
  background-color: white;
  border: solid 1px #e3e4e6;
}
.cl-container.cmb_select .number .cl-text {
  font-size: 16px;
  text-align: center;
  line-height: 24px;
}
.cl-container.cmb_select .number_total .cl-text {
  font-size: 16px;
  text-align: right;
  line-height: 26px;
  letter-spacing: -0.4px;
  font-weight: 500 !important;
}
.cl-container.cmb_select .option1 .cl-text {
  font-size: 16px;
  text-align: left;
  line-height: 26px;
  letter-spacing: -0.4px;
  color: black;
  font-weight: 400 !important;
}
.cl-container.cmb_select .option2 .cl-text {
  font-size: 16px;
  text-align: left;
  line-height: 26px;
  letter-spacing: -0.4px;
  color: black;
  font-weight: 400 !important;
}
.cl-container.cmb_select .won .cl-text {
  font-size: 14px;
  text-align: left;
  line-height: 24px;
  letter-spacing: -0.35px;
  color: black;
  font-weight: 400 !important;
}
.cl-container.cmb_select .total_item .cl-text {
  font-size: 14px;
  text-align: left;
  line-height: 24px;
  letter-spacing: -0.35px;
  font-weight: 500 !important;
}
.cl-container.cmb_select .cart_input {
  background-color: white;
  border: solid 1px #e3e4e6;
  color: black;
}
.cl-container.cmb_select .cart_input .cl-text {
  font-size: 14px;
  text-align: center;
  line-height: 16px;
  letter-spacing: -0.35px;
  font-weight: 500;
}
.cl-container.cmb_select .menu_price_sum {
  font-size: 18px;
  text-align: right;
  line-height: 26px;
  letter-spacing: -0.45px;
  margin-right: 2px;
  font-weight: 500 !important;
}
.cl-container.cmb_select .cl-container.bottom_grp3 .cl-button.cart_buy {
  background-color: #0099ff !important;
  background-image: none !important;
}
.cl-container.cmb_select .cl-container.bottom_grp3 .cl-button.cart_buy .cl-text {
  font-size: 14px;
  color: white !important;
}
.cl-container.cmb_select .cl-container.bottom_grp3 .cl-button.cart_input {
  background-color: white !important;
  background-image: none;
}
.cl-container.cmb_select .cl-container.bottom_grp3 .cl-button.cart_input .cl-text {
  font-size: 14px;
  color: black !important;
}
/************************************************
 * mobile Dialog - exp_item_select
 ************************************************/
.cl-container.exp_item_select {
  background-color: #ffffff;
}
.cl-container.exp_item_select .cl-container.exp_item_select_option_layout {
  margin-top: 10px;
  margin-bottom: 10px;
}
.cl-container.exp_item_select .cl-container.exp_item_select_option_layout .cl-combobox {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
  padding: 12px 0 12px 15px;
  margin: 0;
}
.cl-container.exp_item_select .cl-container.exp_item_select_option_layout .cl-combobox .cl-text {
  padding: 0;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
  word-break: keep-all;
}
.cl-container.exp_item_select .cl-container.exp_item_select_option_layout .cl-combobox.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
}
.cl-container.exp_item_select .cl-container.exp_item_select_option_layout .cl-combobox.cl-opened {
  border-radius: 4px 4px 0 0;
}
.cl-container.exp_item_select .cl-container.exp_item_total_option_layout {
  background-color: #fff;
}
.cl-container.exp_item_select .cl-container.exp_item_total_option_layout .cl-output.exp_item_total_string {
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.exp_item_select .cl-container.exp_item_total_option_layout .cl-output.exp_item_total_price {
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
}
.cl-container.exp_item_select .cl-container.exp_item_total_option_layout .cl-output.exp_item_total_won {
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.exp_item_select .cl-container.exp_item_total_option_layout .cl-button.epx_item_input_cart {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_item_select .cl-container.exp_item_total_option_layout .cl-button.epx_item_input_cart:hover {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_item_select .cl-container.exp_item_total_option_layout .cl-button.epx_item_input_cart.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_item_select .cl-container.exp_item_total_option_layout .cl-button.epx_item_input_cart.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_item_select .cl-container.exp_item_total_option_layout .cl-button.epx_item_input_cart.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_item_select .cl-container.exp_item_total_option_layout .cl-button.epx_item_input_cart.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_item_select .cl-container.exp_item_total_option_layout .cl-button.epx_item_input_cart:hover {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_item_select .cl-container.exp_item_total_option_layout .cl-button.epx_item_input_cart.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_item_select .cl-container.exp_item_total_option_layout .cl-button.epx_item_input_cart.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_item_select .cl-container.exp_item_total_option_layout .cl-button.epx_item_input_cart.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_item_select .cl-container.exp_item_total_option_layout .cl-button.epx_item_input_cart.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_item_select .cl-container.exp_item_total_option_layout .cl-button.exp_item_order {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_item_select .cl-container.exp_item_total_option_layout .cl-button.exp_item_order:hover {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_item_select .cl-container.exp_item_total_option_layout .cl-button.exp_item_order.cl-activated {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_item_select .cl-container.exp_item_total_option_layout .cl-button.exp_item_order.cl-focus {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_item_select .cl-container.exp_item_total_option_layout .cl-button.exp_item_order.cl-selected {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_item_select .cl-container.exp_item_total_option_layout .cl-button.exp_item_order.cl-unselectable {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_item_select .cl-container.exp_item_total_option_layout .cl-button.exp_item_order:hover {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_item_select .cl-container.exp_item_total_option_layout .cl-button.exp_item_order.cl-activated {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_item_select .cl-container.exp_item_total_option_layout .cl-button.exp_item_order.cl-focus {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_item_select .cl-container.exp_item_total_option_layout .cl-button.exp_item_order.cl-selected {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_item_select .cl-container.exp_item_total_option_layout .cl-button.exp_item_order.cl-unselectable {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
}
/************************************************
 * mobile Dialog - exp_item_selectm_web
 ************************************************/
.cl-container.exp_item_select .cl-container.exp_item_select_option_layout {
  margin-top: 10px;
  margin-bottom: 10px;
}
.cl-container.exp_item_select .cl-container.exp_item_select_option_layout .cl-combobox {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
  padding: 12px 0 12px 15px;
  margin: 0;
}
.cl-container.exp_item_select .cl-container.exp_item_select_option_layout .cl-combobox .cl-text {
  padding: 0;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
  word-break: keep-all;
}
.cl-container.exp_item_select .cl-container.exp_item_select_option_layout .cl-combobox.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
}
.cl-container.exp_item_select .cl-container.exp_item_select_option_layout .cl-combobox.cl-opened {
  border-radius: 4px 4px 0 0;
}
/************************************************
 * mobile - app act main
 ************************************************/
.text-primary {
  color: #7165e3;
}
.text-white {
  color: #ffffff;
}
.cl-container.m_act_main_body {
  background-color: #ffffff;
}
.cl-container.m_act_main_body .swiper.exp_detail_slider .swiper-slide {
  width: 100% !important;
  aspect-ratio: 1.8;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.cl-container.m_act_main_body .swiper.exp_detail_slider .slide-index-box {
  position: absolute;
  right: 20px;
  bottom: 15px;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.53);
  border-radius: 10px;
}
.cl-container.m_act_main_body .swiper.exp_detail_slider .slide-index-box span {
  line-height: 20px;
  font-family: 'Roboto';
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.cl-container.m_act_main_body .cl-container.tab-buttons .cl-button {
  background-color: transparent !important;
  border: none;
  border-radius: 0px;
  color: #000;
  font-size: 16px;
}
.cl-container.m_act_main_body .cl-container.tab-buttons .cl-button .cl-text {
  line-height: 24px !important;
  letter-spacing: -0.4px;
}
.cl-container.m_act_main_body .cl-container.tab-buttons .cl-button.selected {
  color: #0099ff;
  border-bottom: solid 2px #0099ff;
}
.cl-container.m_act_main_body .cl-container.act_location {
  border-radius: 45px;
}
.cl-container.m_act_main_body .cl-container.act_location .cl-output:not(.act_location_choice_text) .cl-text {
  font-size: 18px;
  line-height: 24px !important;
  letter-spacing: -0.45px;
  font-weight: 500;
}
.cl-container.m_act_main_body .cl-container.act_location .cl-output.act_location_choice_text .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  color: #0099FF;
  font-weight: 500;
}
.cl-container.m_act_main_body .cl-container.act_location .cl-button.act_location_choice_text {
  background-color: inherit;
  border: none;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  color: #0099FF;
  font-weight: 500;
}
.cl-container.m_act_main_body .cl-container.act_best {
  /*.cl-output:not(.act-best-title, .act-best-title-sub){
 			margin-left: 20px;
 			 .cl-text{
 				font-size : 18px;
 				line-height : 24px !important;
				letter-spacing: -0.45px;
				font-weight: 500;
 			}
 		}*/
}
.cl-container.m_act_main_body .cl-container.act_best .act-best-img {
  border-radius: 8px;
}
.cl-container.m_act_main_body .cl-container.act_rsrvt .cl-output.act_rsrvt_main_text {
  margin-left: 20px;
}
.cl-container.m_act_main_body .cl-container.act_rsrvt .cl-output.act_rsrvt_main_text .cl-text {
  font-size: 18px;
  line-height: 24px !important;
  letter-spacing: -0.45px;
  font-weight: 500;
}
.cl-container.m_act_main_body .cl-container.act_rsrvt .app-act-rsrvt-img {
  border-radius: 8px;
}
.cl-container.m_act_main_body .cl-container.exp_best .cl-output.exp_best_title {
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
}
.cl-container.m_act_main_body .cl-container.exp_rsrvt .cl-output.exp_rsrvt_title {
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
}
/************************************************
 * mobile - app act list
 ************************************************/
.cl-container.m_act_list_body {
  background-color: #ffffff;
}
.cl-container.m_act_list_body .cl-container.tab-buttons {
  border-bottom: solid 1px #e3e4e6;
}
.cl-container.m_act_list_body .cl-container.tab-buttons .cl-button {
  position: sticky;
  background: none;
  border: none;
  border-radius: 0px;
  color: #000;
  font-size: 16px;
}
.cl-container.m_act_list_body .cl-container.tab-buttons .cl-button .cl-text {
  line-height: 24px !important;
  letter-spacing: -0.4px;
}
.cl-container.m_act_list_body .cl-container.tab-buttons .cl-button.selected {
  color: #0099ff;
  border-bottom: solid 2px #0099ff;
}
.cl-container.m_act_list_body .cl-container.act_list_search {
  margin-left: 20px;
  margin-right: 20px;
  border: solid 1px #e3e4e6;
  border-radius: 4px;
}
.cl-container.m_act_list_body .cl-container.act_list_search .cl-output .cl-text {
  font-size: 14px;
  line-height: 24px !important;
  letter-spacing: -0.35px;
  font-weight: 400 !important;
}
.cl-container.m_act_list_body .cl-container.act_list_filter {
  background-color: #f5f6f8;
}
.cl-container.m_act_list_body .cl-container.act_list_filter .cl-output .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  font-weight: 400 !important;
}
.cl-container.m_act_list_body .cl-container.act_list_filter .cl-output.act_list_filter_right {
  text-align: right;
  font-weight: 400 !important;
}
.cl-container.m_act_list_body .cl-container.act_list_no_data .cl-output {
  font-size: 16px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: -0.4px;
  word-break: keep-all;
}
/************************************************
 * mobile - app act_list_detail
 ************************************************/
.cl-container.app_act_detail {
  background-color: #ffffff;
  /************************************************
	 * mobile - app act_list_detail에서 TAB 부분
	 ************************************************/
}
.cl-container.app_act_detail .cl-image.exp_detail_banner_icon {
  z-index: 1;
}
.cl-container.app_act_detail .exp_banner_swiper.exp_detail_slider .swiper-slide {
  width: 100% !important;
  height: 260px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.cl-container.app_act_detail .exp_banner_swiper.exp_detail_slider .slide-index-box {
  position: absolute;
  right: 20px;
  bottom: 15px;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.53);
  border-radius: 10px;
}
.cl-container.app_act_detail .exp_banner_swiper.exp_detail_slider .slide-index-box span {
  line-height: 20px;
  font-family: 'Roboto';
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.cl-container.app_act_detail .cl-container.app_act_detail_slide {
  height: 240px !important;
}
.cl-container.app_act_detail .cl-container.app_act_detail_info {
  margin-left: 20px;
}
.cl-container.app_act_detail .cl-container.app_act_detail_info .cl-output.app_act_detail_info_hashtag .cl-text {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #c9c9ce;
}
.cl-container.app_act_detail .cl-container.app_act_detail_info .cl-output.app_act_detail_info_name .cl-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
  font-weight: 500 !important;
}
.cl-container.app_act_detail .cl-container.app_act_detail_info_rate .cl-output {
  padding-left: 3px;
}
.cl-container.app_act_detail .cl-container.app_act_detail_info_rate .cl-output .cl-text {
  font-size: 12px;
  line-height: 20px;
  color: #868b92;
}
.cl-container.app_act_detail .cl-container.app_act_detail_grp_btn {
  margin: 0px 20px;
}
.cl-container.app_act_detail .cl-container.app_act_detail_grp_btn .cl-output {
  background-color: #e3e4e6;
}
.cl-container.app_act_detail .cl-container.app_act_detail_grp_btn .cl-button.app_act_detail_grp_btn_menu {
  background: none;
  border: none;
}
.cl-container.app_act_detail .cl-container.app_act_detail_grp_btn .cl-button.app_act_detail_grp_btn_menu .cl-icon {
  height: 24px;
  width: 24px;
}
.cl-container.app_act_detail .cl-container.app_act_detail_grp_btn .cl-button.app_act_detail_grp_btn_menu .cl-text {
  font-size: 14px !important;
  line-height: 24px !important;
  letter-spacing: -0.35px;
  color: #868b92 !important;
  font-weight: 400 !important;
}
.cl-container.app_act_detail .cl-container.app_act_detail_address .cl-output {
  background-color: #e3e4e6;
}
.cl-container.app_act_detail .cl-container.app_act_detail_address .cl-output.app_act_detail_info_address {
  background: none;
}
.cl-container.app_act_detail .cl-container.app_act_detail_address .cl-output.app_act_detail_info_address .cl-text {
  font-weight: 400 !important;
  padding-left: 4px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  color: #000000;
}
.cl-container.app_act_detail .cl-container.app_act_detail_amenities {
  margin: 0px 20px;
}
.cl-container.app_act_detail .cl-container.app_act_detail_amenities .cl-output.app_act_detail_amenities_text {
  background: none;
}
.cl-container.app_act_detail .cl-container.app_act_detail_amenities .cl-output.app_act_detail_amenities_text .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  color: #000000;
}
.cl-container.app_act_detail .cl-container.app_act_detail_amenities .cl-container.app_act_detail_amenities_grp .cl-output {
  border: solid 1px #e3e4e6;
  border-radius: 4px;
  background: none !important;
  padding: 3px 8px;
}
.cl-container.app_act_detail .cl-container.app_act_detail_amenities .cl-container.app_act_detail_amenities_grp .cl-output .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  color: #000000;
}
.cl-container.app_act_detail .cl-output.app_line_gubun {
  background-color: #f5f6f8;
}
.cl-container.app_act_detail .cl-container.exp_detail_no_data .cl-output {
  font-size: 16px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: -0.4px;
  word-break: keep-all;
}
.cl-container.app_act_detail .cl-container.tab-buttons {
  margin: 0px 20px;
}
.cl-container.app_act_detail .cl-container.tab-buttons .cl-button {
  background: none;
  border: none;
  border-radius: 0px;
}
.cl-container.app_act_detail .cl-container.tab-buttons .cl-button .cl-text {
  font-size: 16px;
  line-height: 24px !important;
  letter-spacing: -0.4px;
  text-align: center;
  font-weight: 400 !important;
}
.cl-container.app_act_detail .cl-container.tab-buttons .cl-button.selected {
  color: #0099ff;
  border-bottom: solid 2px #0099ff;
}
.cl-container.app_act_detail .cl-container.tab-buttons .cl-button.selected .cl-text {
  font-size: 16px;
  line-height: 24px !important;
  letter-spacing: -0.4px;
  font-weight: 500 !important;
}
.cl-container.app_exp_detail_main_tab_info .cl-output.title .cl-text {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500 !important;
  letter-spacing: -0.4px;
}
.cl-container.app_exp_detail_main_tab_info .cl-output.content_title .cl-text {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.35px;
  font-weight: 400 !important;
}
.cl-container.app_exp_detail_main_tab_info .cl-output.content_sub .cl-text {
  color: #868b92;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.35px;
  font-weight: 400 !important;
}
.cl-container.app_exp_detail_main_tab_review .app_line_gubun {
  border-bottom: solid 1px #e3e4e6;
}
.cl-container.app_exp_detail_main_tab_review .cl-container.main_tab_review_rate {
  margin-top: 20px;
  margin-right: 20px;
  margin-left: 20px;
}
.cl-container.app_exp_detail_main_tab_review .cl-container.main_tab_review_rate .cl-output.review_rate_title .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  text-align: left;
  font-weight: 500;
}
.cl-container.app_exp_detail_main_tab_review .cl-container.main_tab_review_rate .cl-output.review_rate_title_pop .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #868b92;
  font-weight: 500;
}
.cl-container.app_exp_detail_main_tab_review .cl-container.main_tab_review_rate .cl-output.main_tab_review_keyword_box .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  font-weight: 400 !important;
}
.cl-container.app_exp_detail_main_tab_review .cl-container.main_tab_review_rate .cl-output.main_tab_review_keyword_box.selected {
  background-color: #0099FF;
}
.cl-container.app_exp_detail_main_tab_review .cl-container.main_tab_review_rate .cl-output.main_tab_review_keyword_box.selected .cl-text {
  color: #ffffff;
}
.cl-container.app_exp_detail_main_tab_review .cl-container.main_tab_review_rate .cl-container.main_tab_review_rate_img {
  margin-top: 10px;
}
.cl-container.app_exp_detail_main_tab_review .cl-container.main_tab_review_rate .cl-container.main_tab_review_rate_img .cl-output.review_rate_big_num .cl-text {
  text-align: center;
  font-size: 32px;
  line-height: 24px;
  font-weight: 500;
}
.cl-container.app_exp_detail_main_tab_review .cl-container.main_tab_review_rate .cl-container.main_tab_review_rate_img .cl-output.review_rate_fileter_text .cl-text {
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.cl-container.app_exp_detail_main_tab_review .cl-container.main_tab_review_rate .cl-container.main_tab_review_rate_img .cl-output.review_rate_pop_text .cl-text {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.3px;
  color: #868b92;
  font-weight: 500;
}
.cl-container.app_exp_detail_main_tab_review .cl-container.main_tab_review_rate .cl-container.main_tab_review_rate_img .cl-progress.pgr {
  background-image: none;
  background-color: #f5f6f8;
  border: solid 1px #f5f6f8;
  border-radius: 2px;
}
.cl-container.app_exp_detail_main_tab_review .cl-container.main_tab_review_rate .cl-container.main_tab_review_rate_img .cl-progress.pgr .cl-progress-bar.pgr_bar {
  border-radius: 2px;
  background-color: #ffdb00;
  background-image: none;
  height: 2px;
  min-height: 2px;
}
.cl-container.app_exp_detail_main_tab_review .cl-container.main_tab_review_filter {
  background-color: #f5f6f8;
}
.cl-container.app_exp_detail_main_tab_review .cl-container.main_tab_review_filter .cl-output.review_text .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  font-weight: 400 !important;
}
.cl-container.review_list_back_grp {
  background-color: #ffffff;
  margin: 0px 20px;
}
.cl-container.review_list_back_grp .cl-output.review_list_name .cl-text {
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.35px;
}
.cl-container.review_list_back_grp .cl-output.review_list_date .cl-text {
  text-align: right;
  font-size: 12px;
  line-height: 18px;
  color: #868b92;
}
.cl-container.review_list_back_grp .cl-output.review_list_output .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  font-weight: 400 !important;
}
.cl-container.review_list_back_grp .cl-image.review_list_img {
  border-radius: 8px;
  background-color: #e3e4e6;
}
.cl-container.review_list_back_grp .cl-container.review_keyword_grp {
  background-color: #E5F5FF;
  border-radius: 4px;
}
.cl-container.review_list_back_grp .cl-container.review_keyword_grp .cl-output .cl-text {
  color: #0099FF;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.3px;
}
.cl-container.review_list_back_grp .review_img_slide .swiper-slide {
  height: 220px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  border-radius: 8px;
  overflow: hidden;
}
.cl-container.review_list_back_grp .review_img_slide .swiper-slide img {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cl-container.review_list_back_grp .review_img_slide .swiper-slide img.onerror {
  object-fit: contain;
}
/************************************************
 * mobile - app_act_detail_menu_list
 ************************************************/
.cl-container.app_act_detail_menu_list_udc {
  margin-left: 20px;
  margin-right: 20px;
  border: solid 1px #e3e4e6 !important;
  border-radius: 8px;
}
.cl-container.app_act_detail_menu_list_udc .cl-output.app_act_detail_menu_list_title .cl-text {
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #000000;
  font-weight: 500;
}
.cl-container.app_act_detail_menu_list_udc .cl-output.app_act_detail_menu_list_title_sub .cl-text {
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  color: #868b92;
  font-weight: 500 !important;
}
.cl-container.app_act_detail_menu_list_udc .cl-output.app_act_detail_menu_list_title_price .cl-text {
  text-decoration: line-through;
  text-align: right;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #c9c9ce;
}
.cl-container.app_act_detail_menu_list_udc .cl-output.app_act_detail_menu_list_title_sale {
  text-align: left;
}
.cl-container.app_act_detail_menu_list_udc .cl-output.app_act_detail_menu_list_title_sale .cl-text {
  line-height: 20px;
  font-size: 14px;
  color: #e85347;
  font-weight: 500 !important;
}
.cl-container.app_act_detail_menu_list_udc .cl-output.app_act_detail_menu_list_title_sale_price {
  text-align: left;
}
.cl-container.app_act_detail_menu_list_udc .cl-output.app_act_detail_menu_list_title_sale_price .cl-text {
  font-size: 14px;
  color: #000000;
  font-weight: 500 !important;
}
/************************************************
 * mobile - app select_region
 ************************************************/
.cl-container.m_act_select_region_body {
  background-color: #ffffff;
}
.cl-container.m_act_select_region_body .cl-output.region_text .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.m_act_select_region_body .cl-output.app_act_select_bottom {
  background-color: #f5f6f8;
}
/************************************************
 * mobile - app select_region_udc
 ************************************************/
.cl-container.app_act_select_region_udc .cl-output.app_act_select_region_name .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.cl-container.app_act_select_region_udc .cl-output.app_act_select_region_bottom {
  background-color: #e3e4e6;
}
.cl-container.app_act_select_region_udc .cl-output .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
}
/************************************************
 * mobile - app - header
 ************************************************/
.cl-container.m_header_body {
  background-color: #ffffff;
}
.cl-container.m_header_body .cl-output.header_title_text {
  text-align: left;
}
.cl-container.m_header_body .cl-output.header_title_text .cl-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
  color: #000000;
  font-weight: 500;
}
.cl-container.m_header_body .cl-output.header_title_text.center {
  text-align: center;
}
/* 마이페이지 로그인 정보*/
.cl-container.header_body {
  background-color: #f3f4f6;
}
.cl-container.header_body .cl-output.header_title_text {
  text-align: left;
}
.cl-container.header_body .cl-output.header_title_text .cl-text {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #868b92;
}
.cl-container.header_body .cl-output.header_sub_title_text {
  text-align: left;
}
.cl-container.header_body .cl-output.header_sub_title_text .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #000000;
  font-weight: 500;
}
/************************************************
 * mobile - app - act-banner
 ************************************************/
.cl-container.act_banner .cl-output.act_banner_text {
  opacity: 0.53;
  border-radius: 10px;
  background-color: #000000;
}
.cl-container.act_banner .cl-output.act_banner_text .cl-text {
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
}
.cl-container.act_banner .cl-output.act_banner_title .cl-text {
  font-size: 22px !important;
  text-align: left;
  line-height: 30px;
  font-weight: 500;
  letter-spacing: -0.55px !important;
  color: white;
}
.cl-container.act_banner .cl-output.act_banner_sub_title .cl-text {
  font-size: 14px !important;
  text-align: left;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: -0.35px !important;
  color: white;
}
.cl-container.act_banner .cl-output.act_banner_gradation {
  background-image: linear-gradient(to left, rgba(90, 127, 237, 0) 10%, rgba(90, 127, 237, 0.3) 20%, #5a7fed 56%);
}
/************************************************
 * mobile - app - act-location
 ************************************************/
.cl-container.act_location .cl-output.act_location_text .cl-text {
  font-size: 16px !important;
  color: #ffffff;
}
.cl-container.act_location_first {
  background-color: rgba(0, 153, 255, 0.1);
  border-radius: 50px;
  width: 90px;
  height: 90px;
}
.cl-container.act_location_first .cl-output.act_location_text .cl-text {
  font-size: 16px;
  color: #0099ff;
  font-weight: 500 !important;
}
/************************************************
 * mobile - app - act-best
 ************************************************/
.cl-container.exp_best_layout .cl-container.best_image_layout {
  border-radius: 8px;
}
.cl-container.exp_best_layout .cl-container.best_image_layout .cl-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.cl-container.exp_best_layout .cl-container.best_image_layout .cl-image.act_best_favorite.favorite img {
  content: url("../../common/theme/images/common/action_favorite.svg");
}
.cl-container.exp_best_layout .cl-container.best_data_layout .cl-output.exp_best_title {
  font-size: 16px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.4px;
  word-break: keep-all;
}
.cl-container.exp_best_layout .cl-container.best_data_layout .cl-output.exp_best_title_sub {
  font-size: 12px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: 0;
  word-break: keep-all;
}
.cl-container.exp_best_layout .cl-container.best_data_layout .cl-output.exp_best_address {
  font-size: 12px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: 0;
  word-break: keep-all;
}
.cl-container.exp_best_layout .cl-container.best_data_layout .cl-output.exp_best_sale {
  font-size: 14px;
  color: #ff3838;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
}
.cl-container.exp_best_layout .cl-container.best_data_layout .cl-output.exp_best_price {
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
}
/************************************************
 * mobile - app - act-rsrvt
 ************************************************/
.cl-container.exp_rsrvt_layout .cl-container.rsrvt_image_layout {
  border-radius: 8px;
}
.cl-container.exp_rsrvt_layout .cl-container.rsrvt_image_layout .cl-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.cl-container.exp_rsrvt_layout .cl-container.rsrvt_image_layout .cl-image.exp_rsrvt_favorite.favorite img {
  content: url("../../common/theme/images/common/action_favorite.svg");
}
.cl-container.exp_rsrvt_layout .cl-container.rsrvt_data_layout .cl-output.rsrvt_title {
  font-size: 16px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.4px;
  word-break: keep-all;
}
.cl-container.exp_rsrvt_layout .cl-container.rsrvt_data_layout .cl-output.exp_rsrvt_title_sub {
  font-size: 12px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: 0;
  word-break: keep-all;
}
.cl-container.exp_rsrvt_layout .cl-container.rsrvt_data_layout .cl-output.exp_rsrvt_address {
  font-size: 12px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: 0;
  word-break: keep-all;
}
.cl-container.exp_rsrvt_layout .cl-container.rsrvt_data_layout .cl-output.exp_rsrvt_price {
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
}
/************************************************
 * mobile - app act_list_udc
 ************************************************/
.cl-container.act_list_udc_body {
  background-color: #ffffff;
}
.cl-container.act_list_udc_body .cl-container.coupon_icon_layout {
  background-color: #ff6e0d;
  border-radius: 4px;
}
.cl-container.act_list_udc_body .cl-container.coupon_icon_layout .cl-output {
  margin-top: -2px;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
}
.cl-container.act_list_udc_body .cl-image.favorite_image.favorite img {
  content: url("../../common/theme/images/common/action_favorite.svg");
}
.cl-container.act_list_udc_body .act_list_udc_img_url {
  border-radius: 8px;
}
.cl-container.act_list_udc_body .act_list_udc_img_url >img {
  object-fit: cover;
}
.cl-container.act_list_udc_body .cl-output.act_list_udc_from_title .cl-text {
  text-align: left;
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: -0.4px;
  color: #000000 !important;
  font-weight: 500;
}
.cl-container.act_list_udc_body .cl-container.act_list_udc_text .act_list_udc_text_detail .cl-text {
  text-align: left;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #ff3838 !important;
  font-weight: 500 !important;
}
.cl-container.act_list_udc_body .cl-container.act_list_udc_text .act_list_udc_text_price .cl-text {
  text-align: left;
  font-size: 14px !important;
  color: #000000 !important;
  font-weight: 500 !important;
}
.cl-container.act_list_udc_body .cl-container.act_list_udc_text .act_list_udc_text_price_pv .cl-text {
  text-align: left;
  font-size: 12px !important;
  line-height: 20px !important;
  letter-spacing: -0.3px;
  text-decoration: line-through;
  color: #c9c9ce !important;
  font-weight: 400 !important;
}
.cl-container.act_list_udc_body .cl-container.act_list_udc_text .cl-container.act_list_udc_text_star_rate .cl-output.act_list_udc_text_star_rate_pop .cl-text {
  text-align: left;
  font-size: 12px !important;
  line-height: 20px !important;
  color: #868b92;
  font-weight: 400 !important;
}
.cl-container.act_list_udc_body .cl-container.act_list_udc_text .cl-container.act_list_udc_text_star_rate .cl-output.act_list_udc_text_star_rate_add .cl-text {
  text-align: left;
  font-size: 12px !important;
  line-height: 20px !important;
  color: #868b92;
  font-weight: 400 !important;
}
/************************************************
 * web - app act_list_web_udc
 ************************************************/
.cl-container.act_list_web_udc_body {
  background-color: #ffffff;
}
.cl-container.act_list_web_udc_body .cl-container.coupon_icon_layout {
  background-color: #ff6e0d;
  border-radius: 4px;
}
.cl-container.act_list_web_udc_body .cl-container.coupon_icon_layout .cl-output {
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.4px;
  word-break: keep-all;
}
.cl-container.act_list_web_udc_body .cl-image.favorite_image.favorite img {
  content: url("../../common/theme/images/common/action_favorite.svg");
}
.cl-container.act_list_web_udc_body .act_list_udc_img_url {
  border-radius: 8px;
}
.cl-container.act_list_web_udc_body .act_list_udc_img_url >img {
  object-fit: cover;
}
.cl-container.act_list_web_udc_body .cl-container.act_list_udc_from {
  margin-top: 14px;
  margin-bottom: 4px;
}
.cl-container.act_list_web_udc_body .cl-output.act_list_udc_from_title .cl-text {
  font-size: 20px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.5px;
  word-break: keep-all;
}
.cl-container.act_list_web_udc_body .cl-container.act_list_udc_text .act_list_udc_text_detail .cl-text {
  font-size: 18px;
  color: #ff3838;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
}
.cl-container.act_list_web_udc_body .cl-container.act_list_udc_text .act_list_udc_text_price .cl-text {
  font-size: 20px;
  color: #000000;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
}
.cl-container.act_list_web_udc_body .cl-container.act_list_udc_text .act_list_udc_text_price_pv .cl-text {
  text-decoration: line-through;
  font-size: 14px;
  color: #c9c9ce;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.act_list_web_udc_body .cl-container.act_list_udc_text .cl-container.act_list_udc_text_star_rate .cl-output.act_list_udc_text_star_rate_pop .cl-text {
  font-size: 14px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: 0;
  word-break: keep-all;
}
.cl-container.act_list_web_udc_body .cl-container.act_list_udc_text .cl-container.act_list_udc_text_star_rate .cl-output.act_list_udc_text_star_rate_add .cl-text {
  font-size: 14px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: 0;
  word-break: keep-all;
}
/************************************************
 * mobile - app act_list_detail_udc
 ************************************************/
.cl-container.app_act_detail_banner {
  background-size: cover;
}
.cl-container.app_act_detail_banner .cl-output.app_act_detail_banner_text {
  opacity: 0.53;
  border-radius: 10px;
  background-color: #000000;
}
.cl-container.app_act_detail_banner .cl-output.app_act_detail_banner_text .cl-text {
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
}
/*마이페이지 상단 부분*/
.cl-container.app_mypage_detail_grp_btn {
  background-color: #f3f4f6;
  /* 마이페이지 하단 버튼 */
}
.cl-container.app_mypage_detail_grp_btn .cl-button.app_mypage_detail_grp_btn_menu {
  border-radius: 4px;
  background: #ffffff;
  border: none;
}
.cl-container.app_mypage_detail_grp_btn .cl-button.app_mypage_detail_grp_btn_menu .cl-text {
  font-size: 14px !important;
  line-height: 24px !important;
  letter-spacing: -0.35px;
  color: #000000 !important;
}
.cl-container.app_mypage_detail_grp_btn .cl-button.app_mypage_detail_grp_btn_menu .cl-icon {
  height: 24px;
  width: 24px;
}
.cl-container.app_mypage_detail_grp_btn .cl-button.app_mypage_detail_bottom1 {
  border-radius: 0px 0px 0px 0px;
  background: #ffffff !important;
  border: none;
  font-size: 12px !important;
  color: black;
}
.cl-container.app_mypage_detail_grp_btn .cl-button.app_mypage_detail_bottom1 .cl-icon {
  height: 24px;
  width: 24px;
  margin-bottom: 2px;
  background-image: url("images/common/bottom_1_off.svg") !important;
}
.cl-container.app_mypage_detail_grp_btn .cl-button.app_mypage_detail_bottom1.selected .cl-icon {
  background-image: url("images/common/bottom_1_on.svg") !important;
}
.cl-container.app_mypage_detail_grp_btn .cl-button.app_mypage_detail_bottom1.selected {
  color: #0099ff !important;
}
.cl-container.app_mypage_detail_grp_btn .cl-button.app_mypage_detail_bottom2 {
  border-radius: 0px 0px 0px 0px;
  background: #ffffff !important;
  border: none;
  font-size: 12px !important;
  color: black;
}
.cl-container.app_mypage_detail_grp_btn .cl-button.app_mypage_detail_bottom2 .cl-icon {
  height: 24px;
  width: 24px;
  margin-bottom: 2px;
  background-image: url("images/common/bottom_2_off.svg") !important;
}
.cl-container.app_mypage_detail_grp_btn .cl-button.app_mypage_detail_bottom2.selected .cl-icon {
  background-image: url("images/common/bottom_2_on.svg") !important;
}
.cl-container.app_mypage_detail_grp_btn .cl-button.app_mypage_detail_bottom2.selected {
  color: #0099ff !important;
}
.cl-container.app_mypage_detail_grp_btn .cl-button.app_mypage_detail_bottom3 {
  border-radius: 0px 0px 0px 0px;
  background: #ffffff !important;
  border: none;
  font-size: 12px !important;
  color: black;
}
.cl-container.app_mypage_detail_grp_btn .cl-button.app_mypage_detail_bottom3 .cl-icon {
  height: 24px;
  width: 24px;
  margin-bottom: 2px;
  background-image: url("images/common/bottom_3_off.svg") !important;
}
.cl-container.app_mypage_detail_grp_btn .cl-button.app_mypage_detail_bottom3.selected .cl-icon {
  background-image: url("images/common/bottom_3_on.svg") !important;
}
.cl-container.app_mypage_detail_grp_btn .cl-button.app_mypage_detail_bottom3.selected {
  color: #0099ff !important;
}
.cl-container.app_mypage_detail_grp_btn .cl-button.app_mypage_detail_bottom4 {
  border-radius: 0px 0px 0px 0px;
  background: #ffffff !important;
  border: none;
  font-size: 12px !important;
  color: black;
}
.cl-container.app_mypage_detail_grp_btn .cl-button.app_mypage_detail_bottom4 .cl-icon {
  height: 24px;
  width: 24px;
  margin-bottom: 2px;
  background-image: url("images/common/bottom_4_off.svg") !important;
}
.cl-container.app_mypage_detail_grp_btn .cl-button.app_mypage_detail_bottom4.selected .cl-icon {
  background-image: url("images/common/bottom_4_on.svg") !important;
}
.cl-container.app_mypage_detail_grp_btn .cl-button.app_mypage_detail_bottom4.selected {
  color: #0099ff !important;
}
.cl-container.app_mypage_detail_grp_btn .cl-button.app_mypage_detail_bottom5 {
  border-radius: 0px 0px 0px 0px;
  background: #ffffff !important;
  border: none;
  font-size: 12px !important;
  color: black;
}
.cl-container.app_mypage_detail_grp_btn .cl-button.app_mypage_detail_bottom5 .cl-icon {
  height: 24px;
  width: 24px;
  margin-bottom: 2px;
  background-image: url("images/common/bottom_5_off.svg") !important;
}
.cl-container.app_mypage_detail_grp_btn .cl-button.app_mypage_detail_bottom5.selected .cl-icon {
  background-image: url("images/common/bottom_5_on.svg") !important;
}
.cl-container.app_mypage_detail_grp_btn .cl-button.app_mypage_detail_bottom5.selected {
  color: #0099ff !important;
}
/* 구매내역 밑으로 css*/
.cl-container.app_mypage_detail_content {
  border: none;
  border-radius: 16px 16px 0px 0px;
  background-color: white;
}
.cl-container.app_mypage_detail_content .cl-output.app_mypage_detail_content1 {
  margin-left: 20px;
}
.cl-container.app_mypage_detail_content .cl-output.app_mypage_detail_content1 .cl-text {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.35px;
  text-align: left;
  color: #868b92;
}
.cl-container.app_mypage_detail_content .cl-output.app_mypage_detail_content2 {
  margin-left: 20px;
}
.cl-container.app_mypage_detail_content .cl-output.app_mypage_detail_content2 .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  text-align: left;
  color: #000000;
}
.cl-container.app_mypage_detail_content .cl-output.app_mypage_gubun {
  margin-left: 20px;
  margin-right: 20px;
  background-color: #e3e4e6;
}
.cl-container.grp_root_change .cl-container.email_change_body {
  background-color: #ffffff;
  margin: 0px 20px;
}
.cl-container.grp_root_change .cl-container.email_change_body .cl-output.output_hint .cl-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.35px;
  color: #868b92;
}
.cl-container.grp_root_change .cl-container.email_change_body .cl-output.before_ph {
  background-color: #f5f6f8;
  border-radius: 8px;
  text-align: center;
}
.cl-container.grp_root_change .cl-container.email_change_body .cl-output.before_ph .cl-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.35px;
  color: #000000;
}
.cl-container.grp_root_change .cl-container.email_change_body .cl-output.output_gubun {
  background-color: #e3e4e6;
}
.cl-container.grp_root_change .cl-container.email_change_body .cl-output.output_gubun.active {
  background-color: #0099FF;
}
.cl-container.grp_root_change .cl-container.email_change_body .cl-inputbox.ipb_ph {
  border: none;
  border-bottom: solid 1px #e3e4e6;
  border-radius: 0px;
  background: none;
}
.cl-container.grp_root_change .cl-container.email_change_body .cl-inputbox.ipb_ph .cl-placeholder {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  font-weight: 400;
  color: #c9c9ce !important;
}
.cl-container.grp_root_change .cl-container.email_change_body .cl-inputbox.ipb_ph.active {
  border-bottom: solid 1px #0099FF;
}
.cl-container.grp_root_change .cl-container.email_change_body .cl-inputbox.ipb_ph .cl-inputbox-clear {
  width: 24px;
  height: 24px;
  margin-top: 4px;
  margin-bottom: 8px;
}
.cl-container.grp_root_change .cl-container.email_change_body .cl-inputbox.ipb_ph .cl-text {
  padding: 0px;
}
.cl-container.grp_root_change .cl-container.email_change_body .cl-button {
  background: none;
  background-color: #c9c9ce;
  border: none;
  border-radius: 4px;
  text-shadow: none;
}
.cl-container.grp_root_change .cl-container.email_change_body .cl-button.btn_certified .cl-text {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  letter-spacing: -0.35px;
  color: #ffffff !important;
}
.cl-container.grp_root_change .cl-container.email_change_body .cl-button.btn_certified.active {
  background-color: #0099ff;
}
.cl-container.grp_root_change .cl-container.email_change_body .cl-container.grpTime_form .cl-inputbox {
  border: none;
  background: none;
}
.cl-container.grp_root_change .cl-container.email_change_body .cl-container.grpTime_form .cl-inputbox .cl-placeholder {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #c9c9ce !important;
}
.cl-container.grp_root_change .cl-container.email_change_body .cl-container.grpTime_form .cl-inputbox .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.grp_root_change .cl-container.email_change_body .cl-container.grpTime_form .cl-output.limit_time .cl-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.35px;
  color: #ff3838;
}
.cl-container.grp_root_change .cl-aside .cl-container.grp_bottom_navi.bottom {
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
}
.cl-container.grp_root_change .cl-aside .cl-container.grp_bottom_navi.bottom .cl-button {
  border-radius: 0px !important;
}
.cl-container.grp_root_change .cl-aside .cl-container.grp_bottom_navi .cl-button.btn_ok {
  background: none;
  background-color: #c9c9ce;
  border: none;
  text-shadow: none;
  border-radius: 8px;
}
.cl-container.grp_root_change .cl-aside .cl-container.grp_bottom_navi .cl-button.btn_ok .cl-text {
  font-size: 14px !important;
  color: #ffffff !important;
}
.cl-container.grp_root_change .cl-aside .cl-container.grp_bottom_navi .cl-button.btn_ok.active {
  background-color: #0099FF;
}
/************************************************
 * mobile - exp_order
 ************************************************/
.cl-container.exp_order_layout {
  background-color: #f5f6f8;
}
.cl-container.exp_order_layout .cl-container.exp_order_header_layout {
  background-color: #ffffff;
}
.cl-container.exp_order_layout .cl-container.exp_order_header_layout .cl-output {
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_content_header_layout .cl-output {
  font-size: 16px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.4px;
  word-break: keep-all;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_data_form .cl-output.exp_order_sub_title {
  font-size: 14px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_data_form .cl-output.exp_order_data {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_product_info {
  background-color: #ffffff;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_product_info .cl-container.exp_order_add_product {
  border-top: 1px solid #e3e4e6;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_product_info .cl-container.exp_order_add_product .cl-output {
  font-size: 16px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.4px;
  word-break: keep-all;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_product_info .cl-container.exp_order_add_product .cl-button {
  border: none;
  background-color: transparent;
  font-size: 16px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.4px;
  word-break: keep-all;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_consumer_info {
  background-color: #ffffff;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_sale_info {
  background-color: #ffffff;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_sale_info .cl-combobox {
  margin-top: 0;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  padding: 12px 12px 12px 14px;
  margin: 0;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_sale_info .cl-combobox .cl-text {
  padding: 0;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_sale_info .cl-combobox.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_sale_info .cl-combobox.cl-opened {
  border-radius: 8px 8px 0 0;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_sale_info .cl-combobox .cl-placeholder {
  font-size: 14px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info {
  background-color: #ffffff;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_card {
  border: 1px solid #e3e4e6;
  border-radius: 8px 0 0 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 0 0 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  border: 1px solid #e3e4e6;
  border-radius: 8px 0 0 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 0 0 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_card:hover {
  border: 1px solid #e3e4e6;
  border-radius: 8px 0 0 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 0 0 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_card.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 8px 0 0 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 0 0 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_card.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 8px 0 0 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 0 0 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_card.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 8px 0 0 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 0 0 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_card.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 8px 0 0 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 0 0 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_card:hover {
  border: 1px solid #e3e4e6;
  border-radius: 8px 0 0 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 0 0 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_card.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 8px 0 0 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 0 0 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_card.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 8px 0 0 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 0 0 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_card.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 8px 0 0 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 0 0 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_card.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 8px 0 0 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 0 0 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_card.selected {
  color: #0099FF;
  border: 1px solid #0099FF;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_free {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_free:hover {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_free.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_free.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_free.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_free.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_free:hover {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_free.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_free.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_free.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_free.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_free.selected {
  color: #0099FF;
  border: 1px solid #0099FF;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-combobox {
  margin-top: 0;
  border: none;
  border-radius: 8px;
  background-color: #f5f6f8;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #f5f6f8;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  padding: 12px 12px 12px 14px;
  margin: 0;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-combobox .cl-text {
  padding: 0;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-combobox.cl-selected {
  border: none;
  border-radius: 8px;
  background-color: #f5f6f8;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #f5f6f8;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-combobox.cl-opened {
  border-radius: 8px 8px 0 0;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-combobox .cl-placeholder {
  font-size: 14px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_detail_info {
  background-color: #ffffff;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_detail_info .cl-output.exp_order_use_coupon {
  font-size: 12px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: -0.3px;
  word-break: keep-all;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_total_info {
  background-color: #ffffff;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_total_info .cl-output.exp_order_total_text {
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_total_info .cl-output.exp_order_total_price {
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
}
.cl-container.exp_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_total_info .cl-output.exp_order_total_currency {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.exp_order_layout .cl-container.exp_order_order_layout {
  background-color: #ffffff;
  box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.08);
}
.cl-container.exp_order_layout .cl-container.exp_order_order_layout .cl-container.exp_rder_order_btn {
  background-color: #0099FF;
  border-radius: 8px;
}
.cl-container.exp_order_layout .cl-container.exp_order_order_layout .cl-container.exp_rder_order_btn .cl-output {
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
}
/************************************************
  * mobile UDC - exp_order_product_row
  ************************************************/
.cl-container.exp_order_udc_product_layout {
  border-top: 1px solid #e3e4e6;
}
.cl-container.exp_order_udc_product_layout .cl-output.exp_order_product_title {
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
  word-break: keep-all;
}
.cl-container.exp_order_udc_product_layout .cl-container.exp_order_product_detail_layout {
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.exp_order_udc_product_layout .cl-container.exp_order_product_detail_layout .cl-output {
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.exp_order_udc_product_layout .cl-image.exp_udc_minus.unactive img {
  content: url("images/rsr/rst/action_minus_button_disabled.svg");
}
.cl-container.exp_order_udc_product_layout .cl-output.exp_order_product_price {
  padding-right: 2px;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
  word-break: keep-all;
}
.cl-container.exp_order_udc_product_layout .cl-container.udc_web_detail {
  border-radius: 4px;
  border: 1px solid #e3e4e6;
  background-color: #ffffff;
}
.cl-container.exp_order_udc_product_layout .cl-container.udc_web_detail .cl-output.prd_cpn_text {
  font-size: 12px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  color: #000000 !important;
}
.cl-container.exp_order_udc_product_layout .cl-container.udc_web_detail .cl-output.cart_cpn_count {
  font-size: 12px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
}
/************************************************
  * mobile UDC - exp_product_option
  ************************************************/
.cl-container.exp_product_option {
  border-radius: 4px;
  background-color: #f5f6f8;
}
.cl-container.exp_product_option .cl-container.exp_product_option_top .cl-text {
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
  word-break: keep-all;
  margin-top: 9px;
}
.cl-container.exp_product_option .cl-container.exp_product_option_btm .cl-container.exp_product_option_cnt .cl-numbereditor.product_option_cnt_ipb {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: 0;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: 0;
  padding: 5px;
}
.cl-container.exp_product_option .cl-container.exp_product_option_btm .cl-container.exp_product_option_cnt .cl-numbereditor.product_option_cnt_ipb .cl-text {
  padding: 0 !important;
}
.cl-container.exp_product_option .cl-container.exp_product_option_btm .cl-container.exp_product_option_cnt .cl-numbereditor.product_option_cnt_ipb.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: 0;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: 0;
}
.cl-container.exp_product_option .cl-container.exp_product_option_btm .cl-container.exp_product_option_cnt .cl-numbereditor.product_option_cnt_ipb .cl-text {
  font-family: Roboto;
}
.cl-container.exp_product_option .cl-container.exp_product_option_btm .cl-container.exp_product_option_cnt .cl-numbereditor.product_option_cnt_ipb .cl-numbereditor-clear {
  display: none;
}
.cl-container.exp_product_option .cl-container.exp_product_option_btm .cl-container.exp_product_option_price .cl-text {
  font-size: 16px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.4px;
  word-break: keep-all;
}
/************************************************
  * mobile UDC - exp_rvw_keyword_icon
  ************************************************/
.cl-container.exp_rvw_keyword_icon {
  border-radius: 16px;
  border: solid 1px #e3e4e6;
}
.cl-container.exp_rvw_keyword_icon .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  font-weight: 400 !important;
}
.cl-container.exp_rvw_keyword_icon.selected {
  background-color: #0099FF;
}
.cl-container.exp_rvw_keyword_icon.selected .cl-text {
  color: #ffffff;
}
.cl-button.exp_rvw_keyword_btn {
  border-radius: 16px;
  border: solid 1px #e3e4e6;
  background-color: inherit;
  color: #000000;
  padding: 6px 16px;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
  font-weight: 400 !important;
}
.cl-button.exp_rvw_keyword_btn:not(.cl-disabled):hover {
  background-color: inherit;
  border-color: inherit;
  color: inherit;
}
.cl-button.exp_rvw_keyword_btn.selected {
  border: solid 1px #0099FF;
  background-color: #0099FF;
  color: #ffffff;
}
.cl-button.exp_rvw_keyword_btn.selected:hover {
  border: solid 1px #0099FF;
  background-color: #0099FF;
  color: #ffffff;
}
/************************************************
 * web
 ************************************************/
.cl-container.exp_order_web_layout {
  background-color: #f5f6f8;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_header_layout {
  background-color: #ffffff;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_header_layout .cl-output {
  font-size: 28px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.7px;
  word-break: keep-all;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_content_header_layout .cl-output {
  font-size: 22px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.55px;
  word-break: keep-all;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_data_form .cl-output.exp_order_sub_title {
  font-size: 14px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_data_form .cl-output.exp_order_data {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_product_info {
  background-color: #ffffff;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_product_info .cl-container.exp_order_add_product .cl-output {
  font-size: 18px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_product_info .cl-container.exp_order_add_product .cl-button {
  border: none;
  background-color: transparent;
  font-size: 16px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.4px;
  word-break: keep-all;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_consumer_info {
  background-color: #ffffff;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_sale_info {
  background-color: #ffffff;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_sale_info .cl-combobox {
  margin-top: 0;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  padding: 12px 12px 12px 14px;
  margin: 0;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_sale_info .cl-combobox .cl-text {
  padding: 0;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_sale_info .cl-combobox.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_sale_info .cl-combobox.cl-opened {
  border-radius: 8px 8px 0 0;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_sale_info .cl-combobox .cl-placeholder {
  font-size: 14px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info {
  background-color: #ffffff;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_web_btn_card {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_web_btn_card:hover {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_web_btn_card.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_web_btn_card.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_web_btn_card.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_web_btn_card.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_web_btn_card:hover {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_web_btn_card.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_web_btn_card.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_web_btn_card.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_web_btn_card.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_web_btn_card.selected {
  color: #0099FF;
  border: 1px solid #0099FF;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_web_btn_free {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_web_btn_free:hover {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_web_btn_free.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_web_btn_free.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_web_btn_free.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_web_btn_free.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_web_btn_free:hover {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_web_btn_free.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_web_btn_free.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_web_btn_free.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_web_btn_free.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_web_btn_free.selected {
  color: #0099FF;
  border: 1px solid #0099FF;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_detail_info {
  background-color: #ffffff;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_detail_info .cl-output.marginright1 {
  margin-right: 1px;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_content_layout .cl-container.exp_order_detail_info .cl-output.marginright2 {
  padding-right: 2px;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_order_layout {
  background-color: #ffffff;
  box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.08);
}
.cl-container.exp_order_web_layout .cl-container.exp_order_order_layout .cl-container.exp_rder_order_btn {
  background-color: #0099FF;
  border-radius: 8px;
}
.cl-container.exp_order_web_layout .cl-container.exp_order_order_layout .cl-container.exp_rder_order_btn .cl-output {
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
}
/************************************************
 * app exp_add_product
 ************************************************/
.cl-container.exp_add_product_layout .cl-container.exp_add_product_header_layout .cl-output {
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
}
/************************************************
 * web exp_add_product
 ************************************************/
.cl-container.exp_web_add_product_layout .cl-container.exp_add_product_header_layout .cl-output {
  font-size: 20px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.5px;
  word-break: keep-all;
}
@media (min-width: 940px) {
  .cl-container.exp__web_main .cl-container.content_header .cl-output.content_header_title {
    font-size: 28px;
    color: #000000;
    font-weight: 500;
    letter-spacing: -0.7px;
    word-break: keep-all;
  }
  .cl-container.exp__web_main .cl-container.content_header .cl-output.content_header_location {
    font-size: 24px;
    color: #0099FF;
    font-weight: 400;
    letter-spacing: -0.6px;
    word-break: keep-all;
  }
}
/*
 * UDC - exp_region_220
 */
.cl-container.exp_web_region_220 .cl-container.exp_web_region_220_layout .cl-output.exp_web_location_text {
  font-size: 24px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
}
.cl-container.exp_web_region_220 .cl-container.exp_web_region_220_layout .cl-output.exp_web_location_text_total {
  font-size: 24px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
}
/*
 * UDC - exp_web_slide_item
 */
.cl-container.exp_web_slide_item .cl-container.exp_web_slide_item_img_layout {
  border-radius: 8px;
}
.cl-container.exp_web_slide_item .cl-container.exp_web_slide_item_img_layout .cl-image.exp_web_slide_favorite_img.selected img {
  content: url("images/common/action_favorite_28px.svg");
}
.cl-container.exp_web_slide_item .cl-output.exp_web_slide_item_title .cl-text {
  font-size: 20px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.5px;
  word-break: keep-all;
}
.cl-container.exp_web_slide_item .cl-output.exp_web_slide_item_detail .cl-text {
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
}
.cl-container.exp_web_slide_item .cl-output.exp_web_slide_item_sale .cl-text {
  font-size: 18px;
  color: #ff3838;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
}
.cl-container.exp_web_slide_item .cl-output.exp_web_slide_item_price .cl-text {
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
}
.cl-container.cart_top .cl-output.cart_title .cl-text {
  font-size: 18px;
  text-align: center;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: 500 !important;
}
.cl-container.cart_none_body .cl-container.tab-buttons .cl-button {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.4px;
}
.cl-container.cart_main_body .cl-container.cart_choice {
  background-color: #f8f8f8;
}
.cl-container.cart_main_body .cl-container.cart_choice .check {
  margin-top: -3px;
}
.cl-container.cart_main_body .cl-container.cart_choice .all_select {
  font-size: 14px;
  text-align: left;
  line-height: 24px;
  letter-spacing: -0.35px;
}
.cl-container.cart_main_body .cl-container.cart_choice .select_count {
  font-family: "Noto Sans KR Medium";
  font-size: 14px;
  text-align: left;
  line-height: 24px;
  letter-spacing: -0.35px;
}
.cl-container.cart_main_body .cl-container.cart_choice .select_delete {
  font-size: 14px;
  text-align: left;
  line-height: 24px;
  letter-spacing: -0.35px;
  color: #868b92;
}
.cl-container.cart_main_body .cl-container.pay_reservation {
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
}
.cl-container.cart_main_body .cl-container.pay_reservation .total {
  font-size: 14px;
  text-align: left;
  line-height: 24px;
  letter-spacing: -0.35px;
  font-weight: 500;
}
.cl-container.cart_main_body .cl-container.pay_reservation .total_price {
  font-size: 18px;
  text-align: right !important;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: 500;
}
.cl-container.cart_main_body .cl-container.pay_reservation .won {
  font-size: 14px;
  text-align: left;
  line-height: 24px;
  letter-spacing: -0.35px;
  font-weight: 500;
}
.cl-container.cart_main_body .cl-container.pay_reservation .pay_button {
  border-radius: 8px;
  background-color: #0099ff;
  background-image: none;
}
.cl-container.cart_main_body .cl-container.tab-buttons .cl-output {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  font-weight: 500;
}
.cl-container.cart_main_body .cl-container.tab-buttons .cart_tab_btn.selected {
  border-bottom: 2px solid #0099FF;
}
.cl-container.cart_main_body .cl-container.tab-buttons .cart_tab_btn.selected .cl-output {
  color: #0099FF;
}
.cl-container.cart_empty .empty {
  font-size: 14px;
  text-align: center;
  line-height: 24px;
  letter-spacing: -0.35px;
  color: #868b92;
}
.cl-container.cart_empty .item_search {
  border: solid 1px #0099ff !important;
  border-radius: 20px;
}
.cl-container.cart_empty .item_search .cl-text {
  font-size: 14px;
  text-align: center;
  line-height: 22px;
  letter-spacing: -0.35px;
  color: #0099ff;
}
.cl-container.cart_main_udc .cart_title {
  font-size: 14px;
  text-align: left;
  color: black;
  font-weight: 500;
  margin-left: 20px;
}
.cl-container.cart_main_udc .cart_name {
  font-size: 14px;
  text-align: left;
  line-height: 23px;
  letter-spacing: -0.49px;
  color: #212123;
  font-weight: 500;
  margin-left: 10px;
}
.cl-container.cart_main_udc .cart_info1 {
  font-size: 12px;
  text-align: left;
  line-height: 18px;
  color: #868b92;
  margin-left: 10px;
}
.cl-container.cart_main_udc .cart_info2 {
  font-size: 12px;
  text-align: left;
  line-height: 18px;
  color: #868b92;
  font-weight: 500;
  margin-left: 10px;
}
.cl-container.cart_main_udc .cart_info3 {
  font-size: 12px;
  text-align: left;
  line-height: 18px;
  color: #868b92;
  font-weight: 500;
  margin-left: 10px;
}
.cl-container.cart_main_udc .cart_price {
  font-size: 14px;
  text-align: right !important;
  margin-right: 3px;
}
.cl-container.cart_main_udc .won {
  font-size: 14px;
  text-align: left;
}
.cl-container.cart_main_udc .underline {
  background-color: #e3e4e6 !important;
}
.cl-container.cart_main_udc .example_image {
  border-radius: 4px;
  margin-left: 2px;
}
.cl-container.acm_info .title {
  margin-left: 20px;
  font-size: 14px;
}
.cl-container.acm_info .title1 {
  font-size: 14px;
  line-height: 23px;
  letter-spacing: -0.49px;
}
.cl-container.acm_info .title2 {
  font-size: 12px;
  line-height: 18px;
  color: #868b92;
}
.cl-container.acm_info .title3 {
  font-size: 14px;
}
.cl-container.acm_info .title4 {
  font-size: 14px;
  text-align: right;
}
.cl-container.exp_info .title {
  margin-left: 20px;
  font-size: 14px;
}
.cl-container.exp_info .title1 {
  font-size: 14px;
  line-height: 23px;
  letter-spacing: -0.49px;
}
.cl-container.exp_info .title3 {
  font-size: 14px;
}
.cl-container.exp_info .title4 {
  font-size: 14px;
  text-align: right;
}
.cl-container.trs_info .title {
  margin-left: 20px;
  font-size: 14px;
}
.cl-container.trs_info .title1 {
  font-size: 14px;
  line-height: 23px;
  letter-spacing: -0.49px;
}
.cl-container.trs_info .title2 {
  font-size: 12px;
  line-height: 18px;
  color: #868b92;
}
.cl-container.trs_info .title3 {
  font-size: 14px;
}
.cl-container.trs_info .title4 {
  font-size: 14px;
  text-align: right;
}
/*****************************************
 * 221101 김영광 mypage/cart/cart_main.clx UI 수정 
 ******************************************/
.cl-container.cart_main_body .cl-container.cart_sub .cl-container.cart_emptied_list_main .cl-container.empty_image_layout {
  margin-bottom: 12px;
}
.cl-container.cart_main_body .cl-container.cart_sub .cl-container.cart_emptied_list_main .cl-output.empty_text {
  margin-bottom: 16px;
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.cart_main_body .cl-container.cart_sub .cl-container.cart_emptied_list_main .cl-container.empty_btn_layout .cl-button.empty_btn {
  border: 1px solid #0099FF;
  border-radius: 20px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #0099FF;
  border-radius: 20px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.35px;
  border: 1px solid #0099FF;
  border-radius: 20px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #0099FF;
  border-radius: 20px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_main_body .cl-container.cart_sub .cl-container.cart_emptied_list_main .cl-container.empty_btn_layout .cl-button.empty_btn:hover {
  border: 1px solid #0099FF;
  border-radius: 20px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #0099FF;
  border-radius: 20px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_main_body .cl-container.cart_sub .cl-container.cart_emptied_list_main .cl-container.empty_btn_layout .cl-button.empty_btn.cl-activated {
  border: 1px solid #0099FF;
  border-radius: 20px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #0099FF;
  border-radius: 20px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_main_body .cl-container.cart_sub .cl-container.cart_emptied_list_main .cl-container.empty_btn_layout .cl-button.empty_btn.cl-focus {
  border: 1px solid #0099FF;
  border-radius: 20px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #0099FF;
  border-radius: 20px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_main_body .cl-container.cart_sub .cl-container.cart_emptied_list_main .cl-container.empty_btn_layout .cl-button.empty_btn.cl-selected {
  border: 1px solid #0099FF;
  border-radius: 20px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #0099FF;
  border-radius: 20px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_main_body .cl-container.cart_sub .cl-container.cart_emptied_list_main .cl-container.empty_btn_layout .cl-button.empty_btn.cl-unselectable {
  border: 1px solid #0099FF;
  border-radius: 20px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #0099FF;
  border-radius: 20px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_main_body .cl-container.cart_sub .cl-container.cart_emptied_list_main .cl-container.empty_btn_layout .cl-button.empty_btn:hover {
  border: 1px solid #0099FF;
  border-radius: 20px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #0099FF;
  border-radius: 20px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_main_body .cl-container.cart_sub .cl-container.cart_emptied_list_main .cl-container.empty_btn_layout .cl-button.empty_btn.cl-activated {
  border: 1px solid #0099FF;
  border-radius: 20px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #0099FF;
  border-radius: 20px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_main_body .cl-container.cart_sub .cl-container.cart_emptied_list_main .cl-container.empty_btn_layout .cl-button.empty_btn.cl-focus {
  border: 1px solid #0099FF;
  border-radius: 20px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #0099FF;
  border-radius: 20px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_main_body .cl-container.cart_sub .cl-container.cart_emptied_list_main .cl-container.empty_btn_layout .cl-button.empty_btn.cl-selected {
  border: 1px solid #0099FF;
  border-radius: 20px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #0099FF;
  border-radius: 20px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_main_body .cl-container.cart_sub .cl-container.cart_emptied_list_main .cl-container.empty_btn_layout .cl-button.empty_btn.cl-unselectable {
  border: 1px solid #0099FF;
  border-radius: 20px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #0099FF;
  border-radius: 20px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.pay_reservation {
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
}
.cl-container.pay_reservation .cl-container.pay_total_info .cl-output.total_cnt {
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.pay_reservation .cl-container.pay_total_info .cl-output.total_price {
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
}
.cl-container.pay_reservation .cl-container.pay_total_info .cl-output.total_price_text {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.pay_reservation .cl-button.pay_button {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.pay_reservation .cl-button.pay_button:hover {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.pay_reservation .cl-button.pay_button.cl-activated {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.pay_reservation .cl-button.pay_button.cl-focus {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.pay_reservation .cl-button.pay_button.cl-selected {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.pay_reservation .cl-button.pay_button.cl-unselectable {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.pay_reservation .cl-button.pay_button:hover {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.pay_reservation .cl-button.pay_button.cl-activated {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.pay_reservation .cl-button.pay_button.cl-focus {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.pay_reservation .cl-button.pay_button.cl-selected {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.pay_reservation .cl-button.pay_button.cl-unselectable {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.35px;
}
/*****************************************
 * 221101 김영광 UDC mypage/cart/cart_main.clx UI 수정 
 ******************************************/
.cl-container.body .cl-container.cart_main_list_row_title .cl-output.list_row_title {
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
}
.cl-container.body .cl-container.cart_main_list_row_layout {
  border-bottom: 1px solid #e3e4e6;
}
.cl-container.body .cl-container.cart_main_list_row_layout .cl-checkbox.check_box {
  padding: 0;
  vertical-align: top;
}
.cl-container.body .cl-container.cart_main_list_row_layout .cl-checkbox.check_box .cl-checkbox-field {
  width: 20px;
  height: 20px;
}
.cl-container.body .cl-container.cart_main_list_row_layout .cl-checkbox.check_box .cl-checkbox-field .cl-icon-wrapper {
  width: 100%;
  height: 100%;
}
.cl-container.body .cl-container.cart_main_list_row_layout .cl-checkbox.check_box .cl-checkbox-field .cl-icon-wrapper .cl-checkbox-icon {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.cl-container.body .cl-container.cart_main_list_row_layout .cl-image.cart_row_image {
  border-radius: 4px;
  border: 1px solid #e3e3e3;
}
.cl-container.body .cl-container.cart_main_list_row_layout .cl-container.cart_row_data_layout .cl-output.cart_row_data_title {
  font-size: 14px;
  color: #212123;
  font-weight: 500;
  letter-spacing: -0.5px;
  word-break: keep-all;
}
.cl-container.body .cl-container.cart_main_list_row_layout .cl-container.cart_row_data_layout .cl-container.cart_row_data_sub_layout .cl-output.cart_row_data_sub {
  font-size: 12px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: 0;
  word-break: keep-all;
}
.cl-container.body .cl-container.cart_main_list_row_layout .cl-container.cart_row_data_layout .cl-output.cart_row_data_price {
  font-family: "Roboto";
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
}
.cl-container.body .cl-container.cart_main_list_row_layout .cl-container.cart_row_data_layout .cl-output.cart_row_data_currency {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: 0;
  word-break: keep-all;
}
/*****************************************
 * 221223 김영광 장바구니 결제하기
 ******************************************/
.cl-container.cart_order_layout {
  background-color: #f5f6f8;
}
.cl-container.cart_order_layout .cl-container.exp_order_header_layout {
  background-color: #ffffff;
}
.cl-container.cart_order_layout .cl-container.exp_order_header_layout .cl-output {
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_content_header_layout .cl-output {
  font-size: 16px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.4px;
  word-break: keep-all;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_data_form .cl-output.exp_order_sub_title {
  font-size: 14px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_data_form .cl-output.exp_order_data {
  padding-right: 1px;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_product_info {
  background-color: #ffffff;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_product_info .cl-container.exp_order_add_product {
  border-top: 1px solid #e3e4e6;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_product_info .cl-container.exp_order_add_product .cl-output {
  font-size: 16px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.4px;
  word-break: keep-all;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-accordion.exp_order_product_info .cl-accordion-header {
  padding: 16px 20px;
  border: none;
  border-radius: 0;
  border-top: 1px solid #e3e4e6;
  height: auto;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-accordion.exp_order_product_info .cl-accordion-header.cl-activated {
  background-color: #ffffff;
  color: #000000;
  border-bottom: 1px solid #e3e4e6;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-accordion.exp_order_product_info .cl-accordion-header.cl-activated .cl-accordion-expander {
  background-image: url("images/common/navigation_arrow_drop_up_gray.svg");
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-accordion.exp_order_product_info .cl-accordion-header:hover:not(.cl-disabled) {
  background-color: #ffffff;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-accordion.exp_order_product_info .cl-accordion-header.cl-title-collapse:focus {
  text-decoration: none;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-accordion.exp_order_product_info .cl-accordion-header .cl-accordion-expander {
  background-image: url("images/com/com/navigation_arrow_drop_down.svg");
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-accordion.exp_order_product_info .cl-accordion-header .cl-text {
  font-size: 16px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.4px;
  word-break: keep-all;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_consumer_info {
  background-color: #ffffff;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_sale_info {
  background-color: #ffffff;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_sale_info .cl-combobox {
  margin-top: 0;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  padding: 12px 12px 12px 14px;
  margin: 0;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_sale_info .cl-combobox .cl-text {
  padding: 0;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_sale_info .cl-combobox.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_sale_info .cl-combobox.cl-opened {
  border-radius: 8px 8px 0 0;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_sale_info .cl-combobox .cl-placeholder {
  font-size: 14px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info {
  background-color: #ffffff;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_card {
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_card:hover {
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_card.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_card.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_card.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_card.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_card:hover {
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_card.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_card.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_card.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_card.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_card.selected {
  color: #0099FF;
  border: 1px solid #0099FF;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_free {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_free:hover {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_free.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_free.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_free.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_free.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_free:hover {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_free.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_free.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_free.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_free.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_card_info .cl-button.exp_order_btn_free.selected {
  color: #0099FF;
  border: 1px solid #0099FF;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_detail_info {
  background-color: #ffffff;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_detail_info .cl-output.exp_order_use_coupon {
  font-size: 12px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: -0.3px;
  word-break: keep-all;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_total_info {
  background-color: #ffffff;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_total_info .cl-output.exp_order_total_text {
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_total_info .cl-output.exp_order_total_price {
  font-size: 18px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
}
.cl-container.cart_order_layout .cl-container.exp_order_content_layout .cl-container.exp_order_total_info .cl-output.exp_order_total_currency {
  font-size: 14px;
  color: #0099FF;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.cart_order_layout .cl-container.exp_order_order_layout {
  background-color: #ffffff;
  box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.08);
}
.cl-container.cart_order_layout .cl-container.exp_order_order_layout .cl-container.exp_rder_order_btn {
  background-color: #0099FF;
  border-radius: 8px;
}
.cl-container.cart_order_layout .cl-container.exp_order_order_layout .cl-container.exp_rder_order_btn .cl-output {
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
}
.cl-container.cart_order_layout .cl-container.cart_terms_info {
  background-color: #ffffff;
}
.cl-container.cart_order_layout .cl-container.cart_terms_info .cl-image.selected img {
  content: url("images/common/toggle_check_box_selected.svg");
}
.cl-container.cart_order_layout .cl-container.cart_terms_info .cl-container.cart_terms_title_box {
  border-bottom: 1px solid #e3e4e6;
  margin-bottom: 14px;
}
.cl-container.cart_order_layout .cl-container.cart_terms_info .cl-container.cart_terms_title_box .cl-output.cart_terms_title {
  font-size: 16px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.4px;
  word-break: keep-all;
}
.cl-container.cart_order_layout .cl-container.cart_terms_info .cl-output.cart_terms_subtitle {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.cart_order_layout .cl-container.cart_terms_info .cl-output.cart_terms_show {
  font-size: 14px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
/*****************************************
  * UDC cart_order_list_row
  ******************************************/
.cl-container.cart_order_list_row {
  border-bottom: 1px solid #e3e4e6;
}
.cl-container.cart_order_list_row .cl-output.cart_facility_title {
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
}
.cl-container.cart_order_list_row .cl-output.cart_prd_title {
  font-size: 14px;
  color: #212123;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.cart_order_list_row .cl-output.cart_prd_option {
  font-size: 12px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: 0;
  word-break: keep-all;
}
.cl-container.cart_order_list_row .cl-output.cart_prd_price_title {
  font-size: 12px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: -0.3px;
  word-break: keep-all;
}
.cl-container.cart_order_list_row .cl-output.cart_prd_cusprice {
  padding-right: 1px;
  font-size: 12px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.3px;
  word-break: keep-all;
}
.cl-container.cart_order_list_row .cl-output.cart_prd_saleprice {
  padding-right: 1px;
  font-size: 12px;
  color: #0099FF;
  font-weight: 400;
  letter-spacing: -0.3px;
  word-break: keep-all;
}
.cl-container.cart_order_list_row .cl-combobox.cart_cpn_cmb {
  margin-top: 0;
  border: 1px solid #e3e5e6;
}
.cl-container.cart_order_list_row .cl-combobox.cart_cpn_cmb .cl-text {
  font-size: 12px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
}
.cl-container.cart_order_list_row .cl-combobox.cart_cpn_cmb .cl-placeholder {
  font-size: 12px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  color: #000000 !important;
}
.cl-container.cart_order_list_row .cl-combobox.cart_cpn_cmb .cl-combobox-button {
  width: 30px;
}
.cl-container.cart_order_list_row .cl-container.udc_web_detail {
  border-radius: 4px;
  border: 1px solid #e3e4e6;
  background-color: #ffffff;
}
.cl-container.cart_order_list_row .cl-container.udc_web_detail .cl-output.prd_cpn_text {
  font-size: 12px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  color: #000000 !important;
}
.cl-container.cart_order_list_row .cl-container.udc_web_detail .cl-output.cart_cpn_count {
  font-size: 12px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
}
.cl-combobox-item.cart_cpn_cmb_item .cl-text {
  font-size: 12px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
}
.cl-accordion.exp_order_product_info .cl-last-row .cl-container.cart_order_list_row {
  border-bottom: none;
}
/*****************************************
  * UDC cart_order_select_paycop
  ******************************************/
.cl-container.order_pay_udc_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_card {
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.order_pay_udc_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_card:hover {
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.order_pay_udc_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_card.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.order_pay_udc_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_card.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.order_pay_udc_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_card.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.order_pay_udc_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_card.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.order_pay_udc_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_card:hover {
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.order_pay_udc_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_card.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.order_pay_udc_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_card.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.order_pay_udc_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_card.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.order_pay_udc_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_card.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 8px 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.order_pay_udc_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_card.selected {
  font-size: 14px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.order_pay_udc_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_free {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.order_pay_udc_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_free:hover {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.order_pay_udc_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_free.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.order_pay_udc_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_free.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.order_pay_udc_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_free.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.order_pay_udc_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_free.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.order_pay_udc_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_free:hover {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.order_pay_udc_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_free.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.order_pay_udc_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_free.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.order_pay_udc_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_free.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.order_pay_udc_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_free.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.order_pay_udc_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_free.selected {
  color: #0099FF;
  border: 1px solid #0099FF;
}
.cl-container.order_pay_udc_layout .cl-container.cart_order_payCop_layout {
  border-radius: 8px;
  background-color: #f5f6f8;
}
.cl-container.order_pay_udc_layout .cl-container.cart_order_payCop_layout .cl-output {
  font-size: 14px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.order_pay_udc_layout .cl-container.cart_order_payCop_layout.selected .cl-output {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
/*****************************************
  * UDC cart_order_select_paycop_web
  ******************************************/
.cl-container.order_pay_udc_web_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_card {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
}
.cl-container.order_pay_udc_web_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_card:hover {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
}
.cl-container.order_pay_udc_web_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_card.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
}
.cl-container.order_pay_udc_web_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_card.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
}
.cl-container.order_pay_udc_web_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_card.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
}
.cl-container.order_pay_udc_web_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_card.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
}
.cl-container.order_pay_udc_web_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_card:hover {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
}
.cl-container.order_pay_udc_web_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_card.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
}
.cl-container.order_pay_udc_web_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_card.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
}
.cl-container.order_pay_udc_web_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_card.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
}
.cl-container.order_pay_udc_web_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_card.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
}
.cl-container.order_pay_udc_web_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_card.selected {
  font-size: 14px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.order_pay_udc_web_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_free {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
}
.cl-container.order_pay_udc_web_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_free:hover {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
}
.cl-container.order_pay_udc_web_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_free.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
}
.cl-container.order_pay_udc_web_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_free.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
}
.cl-container.order_pay_udc_web_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_free.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
}
.cl-container.order_pay_udc_web_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_free.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
}
.cl-container.order_pay_udc_web_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_free:hover {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
}
.cl-container.order_pay_udc_web_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_free.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
}
.cl-container.order_pay_udc_web_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_free.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
}
.cl-container.order_pay_udc_web_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_free.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
}
.cl-container.order_pay_udc_web_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_free.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
}
.cl-container.order_pay_udc_web_layout .cl-container.order_content_pay_btn_layout .cl-button.order_btn_free.selected {
  color: #0099FF;
  border: 1px solid #0099FF;
}
.cl-container.order_pay_udc_web_layout .cl-linkedcombobox.lcb1_cart > div {
  width: 100%;
}
.cl-container.order_pay_udc_web_layout .cl-linkedcombobox.lcb1_cart .cl-linkedcombobox-combo {
  border: none;
  background-color: #f5f6f8;
  border-radius: 8px;
}
.cl-container.order_pay_udc_web_layout .cl-linkedcombobox.lcb1_cart .cl-linkedcombobox-combo .cl-text {
  padding: 0px 16px;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.45px;
  color: #000000 !important;
}
.cl-container.order_pay_udc_web_layout .cl-linkedcombobox.lcb1_cart .cl-linkedcombobox-combo .cl-linkedcombobox-button {
  background-image: url("images/common/navigation_arrow_drop-down_24px.svg");
  width: 24px;
  height: 100%;
  object-fit: contain;
  margin-right: 8px;
}
.cl-container.order_pay_udc_web_layout .cl-linkedcombobox.lcb1_cart .cl-linkedcombobox-combo.cl-focus {
  border: none;
}
.cl-container.order_pay_udc_web_layout .cl-linkedcombobox.lcb1_cart .cl-linkedcombobox-combo .cl-placeholder {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.45px;
  color: #000000 !important;
}
.cl-container.order_pay_udc_web_layout .cl-combobox.lcb1_cart {
  border: none;
  background-color: #f5f6f8;
  border-radius: 8px;
}
.cl-container.order_pay_udc_web_layout .cl-combobox.lcb1_cart .cl-text {
  padding: 0px 16px;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.45px;
  color: #000000 !important;
}
/* 콤보 박스 리스트 박스 */
.cl-linkedcombobox-list.cart_lcb1_info {
  background-color: #ffffff;
  border: none !important;
  border-radius: 0px;
  color: #000000;
  direction: rtl;
}
.cl-linkedcombobox-list.cart_lcb1_info .cl-viewport {
  margin-right: auto;
}
.cl-linkedcombobox-list.cart_lcb1_info .cl-scrollbar::-webkit-scrollbar {
  display: block;
  width: 6px;
  /*스크롤바의 너비*/
}
.cl-linkedcombobox-list.cart_lcb1_info .cl-scrollbar::-webkit-scrollbar-thumb {
  background-color: #868b92;
  /*스크롤바의 색상*/
  border-radius: 3px;
}
.cl-linkedcombobox-list.cart_lcb1_info .cl-scrollbar::-webkit-scrollbar-track {
  background-color: #e3e4e6;
  /*스크롤바 트랙 색상*/
}
.cl-output.white .cl-text {
  color: #ffffff;
}
.cl-output.black .cl-text {
  color: #000000;
}
.cl-output.gray .cl-text {
  color: #8e8e93;
}
.cl-output.font18 .cl-text {
  font-size: 18px;
}
.cl-output.font14 .cl-text {
  font-size: 14px;
}
.cl-output.font20 .cl-text {
  font-size: 20px;
}
.cl-output.font32 .cl-text {
  font-size: 32px;
}
.cl-output.main_title .cl-text {
  font-weight: 500;
  color: #000000;
  font-size: 28px;
}
.cl-output.center {
  text-align: center;
}
.cl-button.center {
  text-align: center;
}
.cl-output.right {
  text-align: right;
}
.cl-button.right {
  text-align: right;
}
.cl-output.left {
  text-align: left;
}
.cl-button.left {
  text-align: left;
}
.cl-output.font_regular .cl-text {
  font-weight: 400;
}
.cl-output.font_medium .cl-text {
  font-weight: 500;
}
.font_light {
  font-weight: 300;
}
.font_medium {
  font-weight: 500;
}
.font-web-coupon_1 {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.45px;
  color: #000000;
}
.font-web-coupon_2 {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.45px;
  color: #0099FF;
}
.font_detail1 {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 26px;
  color: #000000;
}
.font_detail2 {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.35px;
  line-height: 24px;
  color: #000000;
}
.cl-container.web_main_body .cl-container.grp_today_dc {
  background-color: rgba(113, 101, 227, 0.09);
}
.cl-container.web_main_body .cl-container.grp_today_dc .cl-output.text_sub .cl-text {
  font-weight: 400;
  color: #ff6d66;
}
.cl-container.web_main_body .cl-container.grp_today_dc .cl-output.text_name .cl-text {
  font-size: 16px;
}
.cl-container.web_main_body .cl-container.grp_today_dc .cl-output.output_middleline .cl-text {
  font-size: 13px;
  font-weight: 400;
  color: #8e8e93;
  text-decoration: line-through;
}
.cl-container.web_main_body .cl-container.grp_today_dc .cl-container.grp_price_dc .cl-button {
  background: none;
  background-color: #ffffff;
  border-radius: 100%;
}
.cl-container.web_main_body .cl-container.grp_today_dc .cl-container.grp_price_dc .cl-button .cl-icon {
  width: 24px;
  height: 24px;
}
.cl-container.web_main_body .cl-container.grp_today_dc .cl-container.grp_slide_btn .cl-button {
  background: none;
  border-radius: 0px;
}
.cl-container.web_main_body .cl-container.grp_today_dc .cl-container.grp_slide_btn .cl-button.prev {
  background-image: url("images/web/main/70950.svg");
}
.cl-container.web_main_body .cl-container.grp_today_dc .cl-container.grp_slide_btn .cl-button.next {
  background-image: url("images/web/main/70951.svg");
}
.cl-container.web_main_body .cl-container.grp_today_dc .swiper.web_price_dc {
  width: 100%;
  height: 100%;
}
.cl-container.web_main_body .cl-container.grp_today_dc .swiper.web_price_dc .swiper-slide {
  margin-top: 46px;
  z-index: 1;
  height: 258px;
  width: 258px !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.cl-container.web_main_body .cl-container.grp_today_dc .swiper.web_price_dc .swiper-slide .img {
  z-index: 2;
  width: 48px !important;
  height: 48px !important;
  background-image: url("images/web/main/certificate-solid.svg");
  background-size: cover;
  margin-top: 13px;
  margin-left: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cl-container.web_main_body .cl-container.grp_today_dc .swiper.web_price_dc .swiper-slide .img span {
  color: #ffffff;
}
.cl-container.web_main_body .cl-container.grp_today_dc .swiper.web_price_dc .swiper-slide.swiper-slide-active {
  margin-top: 0px;
  z-index: 1;
  height: 350px;
  width: 350px !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.cl-container.web_main_body .cl-container.grp_today_dc .swiper.web_price_dc .swiper-slide.swiper-slide-active .img {
  z-index: 2;
  width: 76px !important;
  height: 76px !important;
  background-image: url("images/web/main/certificate-solid.svg");
  background-size: cover;
  margin-top: 13px;
  margin-left: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cl-container.web_main_body .cl-container.grp_today_dc .swiper.web_price_dc .swiper-slide.swiper-slide-active .img span {
  color: #ffffff;
  font-size: 24px;
}
.cl-container.grp_flow_menu_sub .cl-layout-content {
  text-align: center !important;
}
.cl-container.grp_flow_menu_sub .cl-radiobutton.categry_radiobutton > div {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.cl-container.grp_flow_menu_sub .cl-radiobutton.categry_radiobutton .cl-radiobutton-item {
  border-radius: 22px;
  border: 1px solid #e3e4e6;
  /* 선택된 라디오아이템 아이콘 스타일 */
}
.cl-container.grp_flow_menu_sub .cl-radiobutton.categry_radiobutton .cl-radiobutton-item .cl-text {
  font-size: 18px;
  line-height: 33px;
  color: #000000;
  letter-spacing: -0.45px;
  padding: 0px 23px;
}
.cl-container.grp_flow_menu_sub .cl-radiobutton.categry_radiobutton .cl-radiobutton-item.cl-selected {
  outline: none !important;
  border-color: #0099FF;
  background-color: #0099FF;
}
.cl-container.grp_flow_menu_sub .cl-radiobutton.categry_radiobutton .cl-radiobutton-item.cl-selected .cl-text {
  color: #ffffff;
  outline: none !important;
}
/**
 * 반응형
 */
.cl-embeddedapp.has_box_shadow {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  z-index: 5;
}
.cl-container.udc_web_main_header {
  background-color: #ffffff;
  /**
	 * output
	 */
}
.cl-container.udc_web_main_header .cl-output.output_form_gubun .cl-text {
  color: #c9c9ce;
}
.cl-container.udc_web_main_header .cl-container.web_header_form .search {
  border: 1px solid #868b92;
  border-radius: 22px;
  padding: 0px 20px;
}
.cl-container.udc_web_main_header .cl-container.web_header_form .search .cl-placeholder {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #868b92 !important;
}
.cl-container.udc_web_main_header .cl-container.web_header_form .search.selected {
  border: 1px solid #0099FF;
}
.cl-container.udc_web_main_header .cl-container.web_header_form .search.cl-focus {
  border: 1px solid #0099FF;
}
.cl-container.udc_web_main_header .cl-container.grp_sub_menu {
  background-color: #64686d;
}
.cl-container.udc_web_main_header .cl-container.grp_sub_menu .cl-container.grp_flow .cl-button {
  border-radius: 0px;
  background-color: #64686d;
}
.cl-container.udc_web_main_header .cl-container.grp_sub_menu .cl-container.grp_flow .cl-button .cl-text {
  color: #ffffff;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 25px !important;
  letter-spacing: -0.45px !important;
}
.cl-container.udc_web_main_header .cl-container.grp_sub_menu .cl-container.grp_flow .cl-button.selected {
  border-bottom: 3px solid #ffffff;
}
.cl-container.udc_web_main_header .cl-container.grp_sub_menu .cl-container.grp_flow .cl-button.selected .cl-text {
  font-weight: 500 !important;
}
.cl-container.udc_web_main_header .cl-button {
  background: none;
  border: none;
  background-color: #ffffff;
}
.cl-container.udc_web_main_header .cl-button.cl-focus {
  border: none;
}
.cl-container.udc_web_main_header .cl-button.web_logo {
  background-image: url("images/common/logo_home (2).svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.cl-container.udc_web_main_header .cl-button.web_logo.cl-focus {
  border: solid 1px #0099FF;
}
.cl-container.udc_web_main_header .cl-button.hint .cl-text {
  color: #868b92 !important;
  letter-spacing: -0.4px;
  color: #868b92 !important;
  font-weight: 400 !important;
  font-size: 16px !important;
}
.cl-container.udc_web_main_header .cl-button.hint.cl-focus {
  border: solid 1px #0099FF;
}
.cl-container.udc_web_main_header .cl-button.header_icon .cl-icon {
  width: 36px;
  height: 36px;
}
.cl-container.udc_web_main_header .cl-button.header_icon.cl-focus {
  border: solid 1px #0099FF;
}
.cl-container.udc_web_main_header .cl-button.menu .cl-text {
  font-weight: 400 !important;
  font-size: 18px !important;
  color: #000000 !important;
}
.cl-container.udc_web_main_header .cl-button.menu.selected .cl-text {
  font-weight: 700 !important;
  color: #0099FF !important;
}
.cl-container.udc_web_main_header .cl-button.menu.cl-focus {
  border: solid 1px #0099FF;
}
.cl-container.udc_web_main_header .cl-button.drawer {
  background-image: url("images/web/main/75412.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.cl-container.udc_web_main_header .cl-button.drawer.cl-focus {
  border: solid 1px #0099FF;
}
.cl-container.udc_web_main_header .cl-button.tabfocus_move {
  background-color: #000000 !important;
  border: none;
  border-radius: 0px;
  opacity: 0.6;
}
.cl-container.udc_web_main_header .cl-button.tabfocus_move:not(.cl-focus) {
  width: 0px !important;
  height: 0px !important;
  border: none;
}
.cl-container.web_grp_footer {
  background-color: #ffffff;
  border-top: solid 1px #868b92;
}
.cl-container.web_grp_footer .cl-container.grp_info_btn .cl-button.btn_info {
  background-color: #ffffff;
  border: none;
}
.cl-container.web_grp_footer .cl-container.grp_info_btn .cl-button.btn_info .cl-text {
  color: #111111 !important;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.4px;
  white-space: pre-line;
}
.cl-container.web_grp_footer .cl-container.grp_info_btn .cl-button.btn_info.cl-focus {
  border: solid 1px #0099FF;
}
.cl-container.web_grp_footer .cl-container.grp_info_btn .cl-button.noBtn {
  background-image: none;
  background-color: transparent;
  border: none;
}
.cl-container.web_grp_footer .cl-container.grp_info_btn .cl-button.noBtn.cl-focus {
  border: solid 1px #0099FF;
}
.cl-container.web_grp_footer .cl-container.grp_info_btn .cl-button.noBtn .cl-icon {
  width: 30px;
  height: 30px;
}
.cl-container.web_grp_footer .cl-container.grp_info_btn .cl-container.info_lang_cmb {
  border: none;
  border-radius: 0px;
  border-left: solid 1px #e3e4e6;
  border-right: solid 1px #e3e4e6;
}
.cl-container.web_grp_footer .cl-container.grp_info_btn .cl-linkedcombobox.lcb1_lang > div {
  width: 100%;
}
.cl-container.web_grp_footer .cl-container.grp_info_btn .cl-linkedcombobox.lcb1_lang.cl-focus {
  border: solid 1px #0099FF;
}
.cl-container.web_grp_footer .cl-container.grp_info_btn .cl-linkedcombobox.lcb1_lang .cl-linkedcombobox-combo {
  border: none;
  border-radius: 0px;
}
.cl-container.web_grp_footer .cl-container.grp_info_btn .cl-linkedcombobox.lcb1_lang .cl-linkedcombobox-combo .cl-text {
  padding: 0px 0px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.4px;
  color: #111111;
}
.cl-container.web_grp_footer .cl-container.grp_info_btn .cl-linkedcombobox.lcb1_lang .cl-linkedcombobox-combo .cl-linkedcombobox-button {
  background-image: url("images/common/navigation_arrow_drop-down_24px.svg");
  background-size: 100%;
  object-fit: contain;
}
.cl-container.web_grp_footer .cl-container.grp_info_btn .cl-linkedcombobox.lcb1_lang .cl-linkedcombobox-combo.cl-focus {
  border: solid 1px #0099FF;
}
.cl-container.web_grp_footer .cl-container.grp_info .cl-container.border_right {
  border-right: solid 1px #868b92;
}
.cl-container.web_grp_footer .cl-container.grp_info .cl-output.fontSegoe .cl-text {
  font-family: "Segoe";
  font-size: 13px;
  color: #868b92;
  font-weight: 400;
}
.cl-container.web_grp_footer .cl-container.grp_info .cl-output.info_gray .cl-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.35px;
  color: #868b92;
}
.cl-container.web_grp_footer .cl-container.grp_info .cl-output.info_flow1 .cl-text {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.33px;
  color: #a4a4a4 !important;
}
.cl-container.web_grp_footer .cl-container.grp_info .cl-output.info_flow2 .cl-text {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.33px;
  color: #868b92 !important;
}
.cl-container.web_grp_footer .cl-container.grp_info .cl-output.info_flow3 {
  width: 1px;
  background-color: #868b92;
}
.cl-container.web_grp_footer .cl-container.grp_info .cl-button {
  background-color: #ffffff;
  border: solid 1px #868b92;
  border-radius: 4px;
}
.cl-container.web_grp_footer .cl-container.grp_info .cl-button .cl-text {
  font-size: 11px !important;
  letter-spacing: -0.28px;
  color: #868b92 !important;
}
.cl-container.web_grp_footer .cl-container.grp_info .cl-button.cl-focus {
  border: solid 1px #0099FF;
}
.cl-container.rst-fmres .no_image_banner {
  background-image: url("images/common/no_image.svg") !important;
  background-color: #f5f6f8 !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border-radius: 8px;
}
/* 콤보 박스 리스트 박스 */
.cl-linkedcombobox-list.lcb1_lang_list {
  background-color: #ffffff;
  border: none !important;
  border-radius: 0px;
  color: #000000;
}
.cl-dialog.web_dialog_aside {
  border: none;
  box-shadow: none;
  z-index: 7 !important;
}
.cl-dialog.web_dialog_aside2 {
  z-index: 7 !important;
}
.cl-dialog.web_dialog_category {
  border: none;
  box-shadow: none;
  border-radius: 0px;
  border-top: solid 1px #e3e4e6;
  z-index: 7 !important;
}
.cl-container.web_dialog {
  background-color: #ffffff;
}
.cl-container.web_dialog .cl-button {
  background-color: transparent;
  border: none;
  /* 버튼을 클릭했을 때의 스타일 */
}
.cl-container.web_dialog .cl-button.cl-focus {
  background-color: transparent;
  opacity: 0.4;
  border: solid 1px #0099FF;
}
.cl-container.web_dialog .cl-button.cl-focus .opacity_img {
  opacity: 0.4;
}
.cl-container.web_dialog .cl-button:not(.cl-focus) *:focus {
  opacity: 0.4;
  background-color: transparent;
}
.cl-container.web_dialog .cl-button:not(.cl-disabled):hover {
  background-color: transparent;
}
.cl-container.web_dialog .cl-button:not(.cl-disabled).cl-activated,
.cl-container.web_dialog .cl-button:not(.cl-disabled):active {
  background-color: transparent;
  border: solid 1px #0099FF;
}
.cl-container.web_dialog .pointer {
  cursor: pointer;
}
.cl-container.web_dialog.mypage {
  background-color: transparent;
}
.cl-container.web_dialog .cl-container.web_acm_filter .cl-container.back_light {
  border-radius: 8px;
  background-color: #f5f6f8;
}
.cl-container.web_dialog .cl-container.web_acm_filter .cl-container.back_white {
  background-color: #ffffff;
}
.cl-container.web_dialog .cl-container.web_acm_filter .cl-output.filter_location {
  text-align: center;
  border-radius: 16px;
  border: solid 1px #e3e4e6;
}
.cl-container.web_dialog .cl-container.web_acm_filter .cl-output.filter_location .cl-text {
  font-weight: 400 !important;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.web_dialog .cl-container.web_acm_filter .cl-output.filter_location.selected {
  border: solid 1px #0099FF;
}
.cl-container.web_dialog .cl-container.web_acm_filter .cl-output.filter_location.selected .cl-text {
  font-weight: 500 !important;
  color: #0099FF;
}
.cl-container.web_dialog .cl-container.web_acm_filter .cl-output.grade .cl-text {
  color: #000000;
  letter-spacing: -0.4px;
  font-weight: 400;
  font-size: 16px;
}
.cl-container.web_dialog .cl-container.web_acm_filter .cl-output.grade.color .cl-text {
  color: #0099FF;
}
.cl-container.web_dialog .cl-container.web_acm_filter .cl-output.grade.color.right {
  text-align: right;
}
.cl-container.web_dialog .cl-container.web_acm_filter .cl-output.grade.medium .cl-text {
  font-weight: 500;
}
.cl-container.web_dialog .cl-container.web_acm_filter .cl-output.grade.font25 {
  text-align: right;
}
.cl-container.web_dialog .cl-container.web_acm_filter .cl-output.grade.font25 .cl-text {
  font-size: 25px;
  letter-spacing: -0.63px;
}
.cl-container.web_dialog .cl-container.web_acm_filter .cl-output.day {
  background-color: #ffffff;
  border-radius: 8px;
  text-align: center;
}
.cl-container.web_dialog .cl-container.web_acm_filter .cl-output.day .cl-text {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}
.cl-container.web_dialog .cl-container.web_acm_filter .cl-output.time {
  text-align: center;
}
.cl-container.web_dialog .cl-container.web_acm_filter .cl-output.time .cl-text {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.45px;
  color: #000000;
}
.cl-container.web_dialog .cl-container.web_acm_filter .cl-output.time.left {
  text-align: left;
}
.cl-container.web_dialog .cl-container.web_acm_filter .cl-output.time.left .cl-text {
  font-weight: 500;
}
.cl-container.web_dialog .cl-container.web_acm_filter .cl-button.filter_location {
  text-align: center;
  border-radius: 16px;
  border: solid 1px #e3e4e6;
}
.cl-container.web_dialog .cl-container.web_acm_filter .cl-button.filter_location .cl-text {
  font-weight: 400 !important;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.web_dialog .cl-container.web_acm_filter .cl-button.filter_location.selected {
  border: solid 1px #0099FF;
}
.cl-container.web_dialog .cl-container.web_acm_filter .cl-button.filter_location.selected .cl-text {
  font-weight: 500 !important;
  color: #0099FF;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-output.text .cl-text {
  font-weight: 500 !important;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  color: #000000;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-output.num {
  text-align: center;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-output.num .cl-text {
  font-weight: 400 !important;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-output.month {
  text-align: center;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-output.month .cl-text {
  font-weight: 400 !important;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: -0.45px;
  color: #000000;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-output.range {
  border-radius: 8px;
  background-color: #f5f6f8;
  border: solid 1px #e3e4e6;
  padding: 0px 16px;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-output.range .cl-text {
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-button {
  background: none;
  border: none;
  background-color: #ffffff;
  /* 버튼을 클릭했을 때의 스타일 */
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-button.minus {
  background-image: url("images/rsr/rst/action_minus_button.svg");
  object-fit: contain;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-button.minus.disabled {
  background-image: url("images/common/action_minus_button_disabled.svg");
  object-fit: contain;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-button.plus {
  background-image: url("images/common/action_plus_button.svg");
  object-fit: contain;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-button.cl-focus {
  background-color: transparent;
  opacity: 0.4;
  border: solid 1px #0099FF;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-button.cl-focus .opacity_img {
  opacity: 0.4;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-button:not(.cl-focus) *:focus {
  opacity: 0.4;
  background-color: transparent;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-button:not(.cl-disabled):hover {
  background-color: transparent;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-button:not(.cl-disabled).cl-activated,
.cl-container.web_dialog .cl-container.web_date_filter .cl-button:not(.cl-disabled):active {
  background-color: transparent;
  border: solid 1px #0099FF;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar {
  border-radius: 0px;
  border: none;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-sun,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-mon,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-thu,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-sat,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-fri,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-wed,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-tue {
  height: 20px;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-sun >div,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-mon >div,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-thu >div,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-sat >div,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-fri >div,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-wed >div,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-tue >div {
  height: 20px;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-sun >div >div,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-mon >div >div,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-thu >div >div,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-sat >div >div,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-fri >div >div,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-wed >div >div,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-tue >div >div {
  color: #000000;
  height: 20px;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.35px;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-sun > div >div {
  color: #ff3838;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-sat > div >div {
  color: #5592ed;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar-content .cl-calendar-content-day {
  text-align: center;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar-content .cl-calendar-content-day .cl-text {
  font-size: 14px;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-day,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-month,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-year {
  border-radius: 0;
  border-color: transparent;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-calendar-current,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-calendar-current,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-calendar-current {
  color: #ffffff;
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  background-color: #0099FF;
  border-radius: 50%;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-range-selected,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-range-selected,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-range-selected {
  background-color: rgba(0, 153, 255, 0.1);
  color: #1f2b3a;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-calendar-defaultdate:not(.cl-range-selected),
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-calendar-defaultdate:not(.cl-range-selected),
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-calendar-defaultdate:not(.cl-range-selected) {
  border-radius: 100%;
  color: #000000;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-calendar-defaultdate:not(.cl-range-selected):hover,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-calendar-defaultdate:not(.cl-range-selected):hover,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-calendar-defaultdate:not(.cl-range-selected):hover {
  color: #ffffff;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-disabled,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-disabled,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-disabled {
  background-color: #ffffff;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-disabled .cl-text,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-disabled .cl-text,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-disabled .cl-text {
  color: #c9c9ce;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-selected,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-selected,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-selected {
  color: #ffffff;
  background-color: #ffffff;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-selected:before,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-selected:before,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-selected:before {
  content: " ";
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  background-color: #0099FF;
  border-radius: 50%;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-range-start.cl-selected,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-range-start.cl-selected,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-range-start.cl-selected {
  border-radius: 50% 0 0 50%;
  background-color: #E5F5FF;
  color: #ffffff;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-range-start.cl-selected:before,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-range-start.cl-selected:before,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-range-start.cl-selected:before {
  content: " ";
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  background-color: #0099FF;
  border-radius: 50%;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-range-start.cl-selected:hover,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-range-start.cl-selected:hover,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-range-start.cl-selected:hover {
  background-color: #E5F5FF;
  border-radius: 0%;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-range-end.cl-selected,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-range-end.cl-selected,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-range-end.cl-selected {
  border-radius: 0 50% 50% 0;
  background-color: #E5F5FF;
  color: #ffffff;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-range-end.cl-selected:before,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-range-end.cl-selected:before,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-range-end.cl-selected:before {
  content: " ";
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  background-color: #0099FF;
  border-radius: 50%;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-range-end.cl-selected:hover,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-range-end.cl-selected:hover,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-range-end.cl-selected:hover {
  background-color: #E5F5FF;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar.current-month:not(.cl-disabled) .cl-calendar-content-day.cl-calendar-defaultdate,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar.current-month:not(.cl-disabled) .cl-calendar-content-month.cl-calendar-defaultdate,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar.current-month:not(.cl-disabled) .cl-calendar-content-year.cl-calendar-defaultdate {
  border-radius: 50%;
  background-color: #f5f6f8;
  color: #000000;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-range-start.cl-selected:hover,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-range-start.cl-selected:hover,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar.web_acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-range-start.cl-selected:hover {
  background-color: #DAEFFC;
  border-radius: 50% 0% 0% 50%;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_acm_calendar .cl-calendar .cl-calendar-content .cl-calendar-content-header {
  background-color: #ffffff;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_rst_calendar {
  border: none;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_rst_calendar.cl-focus .cl-calendar-content .cl-calendar-current {
  box-shadow: none;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_rst_calendar .cl-calendar-header-wrapper {
  height: 48px;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_rst_calendar .cl-calendar-content .cl-calendar-content-header {
  width: 36px;
  height: 36px;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_rst_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-sun {
  background-color: #ffffff;
  text-align: center;
  color: #ff3838;
  font-size: 14px;
  letter-spacing: -0.35px;
  font-weight: 400 !important;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_rst_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-mon,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_rst_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-tue,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_rst_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-wed,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_rst_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-thu,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_rst_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-fri {
  background-color: #ffffff;
  text-align: center;
  color: #000000;
  font-size: 14px;
  letter-spacing: -0.35px;
  font-weight: 400 !important;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_rst_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-sat {
  background-color: #ffffff;
  text-align: center;
  color: #5592ed;
  font-size: 14px;
  letter-spacing: -0.35px;
  font-weight: 400 !important;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_rst_calendar .cl-calendar-content .cl-calendar-content-day {
  width: 36px;
  height: 36px;
  text-align: center;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_rst_calendar .cl-calendar-content .cl-calendar-content-day .cl-text {
  font-size: 14px;
  font-weight: 400 !important;
  letter-spacing: -0.35px;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_rst_calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-current {
  background-color: #0099FF;
  border-radius: 100%;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_rst_calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-current .cl-text {
  color: #ffffff;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_rst_calendar .cl-calendar-content .cl-calendar-content-day.cl-disabled {
  background-color: #ffffff;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_rst_calendar .cl-calendar-content .cl-calendar-content-day.cl-disabled .cl-text {
  color: #c9c9ce;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_rst_calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-defaultdate:not(.cl-calendar-current) {
  background-color: #f5f6f8;
  border-radius: 100%;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_rst_calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-defaultdate:not(.cl-calendar-current) .cl-text {
  color: #000000;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_rst_calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-defaultdate:not(.cl-calendar-current).cl-selected {
  background-color: #0099FF;
  border-radius: 100%;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_rst_calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-defaultdate:not(.cl-calendar-current).cl-selected .cl-text {
  color: #ffffff;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_rst_calendar .cl-calendar-content .cl-calendar-content-day.cl-hover,
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_rst_calendar .cl-calendar-content .cl-calendar-content-day:hover {
  border-radius: 100%;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_rst_calendar .cl-calendar-content .cl-calendar-content-day.cl-selected {
  background-color: #0099FF;
  border-radius: 100%;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_rst_calendar .cl-calendar-content .cl-calendar-content-day.cl-selected .cl-text {
  color: #ffffff;
}
.cl-container.web_dialog .cl-container.web_date_filter .cl-calendar.web_rst_calendar .cl-calendar-content .cl-other-month {
  visibility: hidden;
}
.cl-container.web_dialog .cl-container.web_exp_filter {
  background-color: #ffffff;
}
.cl-container.web_dialog .cl-container.web_exp_filter .cl-combobox {
  background-color: #ffffff;
  border-radius: 4px;
}
.cl-container.web_dialog .cl-container.web_exp_filter .cl-combobox.cl-focus {
  border-color: #e3e4e6 !important;
}
.cl-container.web_dialog .cl-container.web_exp_filter .cl-combobox.cmb_opt {
  margin-top: 0px;
  border: solid 1px #e3e4e6 !important;
}
.cl-container.web_dialog .cl-container.web_exp_filter .cl-combobox.cmb_opt .cmb_opt_btn.cl-combobox-button {
  width: 28px;
  margin: 11px 0px;
  background-size: 28px;
  padding-right: 14px;
}
.cl-container.web_dialog .cl-container.web_exp_filter .cl-combobox.cmb_opt .cl-text {
  padding-left: 18px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.4px;
  color: #000000 !important;
}
.cl-container.web_dialog .cl-container.web_exp_filter .cl-combobox.cmb_opt.cl-disabled .cl-text {
  color: #c9c9ce !important;
}
.cl-container.web_dialog .cl-container.web_exp_filter .cl-combobox.cmb_opt.cl-opened {
  border-color: #868b92 !important;
}
.cl-container.web_dialog .cl-container.crt_filter.box {
  border-radius: 8px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.18);
  background-color: #ffffff;
}
.cl-container.web_dialog .cl-container.crt_filter.box .cl-output.map_col {
  border-radius: 100%;
  text-align: center;
}
.cl-container.web_dialog .cl-container.crt_filter.box .cl-output.map_col .cl-text {
  font-family: Roboto;
  line-height: 31px;
  font-size: 20px;
  color: #ffffff;
  font-weight: 500;
}
.cl-container.web_dialog .cl-container.crt_filter.box .cl-image.hasborder {
  border-radius: 4px;
  border: solid 1px #707070;
}
.cl-container.web_dialog .cl-container.crt_filter .marker-label-selected {
  width: 34px;
  height: 34px;
  margin: 40px 0 0 42px;
  background-color: #fff;
  border-radius: 100%;
  line-height: 38px;
  font-size: 25px !important;
}
.cl-container.web_dialog .cl-container.crt_filter .marker-label {
  font-size: 16px !important;
  line-height: 27px;
}
.cl-container.web_dialog .cl-container.crt_filter .cl-container.map_tab {
  background-color: #ffffff;
  border-radius: 20px 20px 8px 8px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
}
.cl-container.web_dialog .cl-container.crt_filter .cl-container.map_tab .cl-button {
  border-radius: 22px;
  border: solid 1px #e3e4e6;
  background-color: white;
  padding: 9px 24px;
}
.cl-container.web_dialog .cl-container.crt_filter .cl-container.map_tab .cl-button .cl-text {
  font-size: 18px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.45px;
  word-break: keep-all;
  line-height: 33px;
  color: #000000 !important;
}
.cl-container.web_dialog .cl-container.crt_filter .cl-container.map_tab .cl-button.selected {
  background-color: #0099FF;
}
.cl-container.web_dialog .cl-container.crt_filter .cl-container.map_tab .cl-button.selected .cl-text {
  font-size: 18px;
  color: #ffffff;
  font-weight: 400;
  letter-spacing: -0.45px;
  word-break: keep-all;
  line-height: 27px;
  color: #ffffff !important;
}
.cl-container.web_dialog .cl-container.mypage.line {
  border-bottom: solid 1px #e3e4e6;
  border-top: solid 1px #e3e4e6;
}
.cl-container.web_dialog .cl-container.mypage .cl-inputbox .cl-text {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.web_dialog .cl-container.mypage .cl-inputbox.padding {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
}
.cl-container.web_dialog .cl-container.mypage .cl-inputbox.padding .cl-text {
  padding: 0px 16px;
}
.cl-container.web_dialog .cl-container.mypage .cl-inputbox.pl {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
}
.cl-container.web_dialog .cl-container.mypage .cl-inputbox.pl .cl-text {
  padding: 0px 16px;
}
.cl-container.web_dialog .cl-container.mypage .cl-inputbox.pl .cl-text.cl-placeholder {
  color: #c9c9ce;
}
.cl-container.web_dialog .cl-container.mypage .cl-inputbox.pl.vertop {
  vertical-align: top;
}
.cl-container.web_dialog .cl-container.mypage .cl-searchinput.dlg_search_web {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
}
.cl-container.web_dialog .cl-container.mypage .cl-searchinput.dlg_search_web .cl-text {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.web_dialog .cl-container.mypage .cl-searchinput.dlg_search_web .cl-text.cl-placeholder {
  color: #868b92 !important;
}
.cl-container.web_dialog .cl-container.mypage .cl-searchinput.dlg_search_web .cl-searchinput-search {
  width: 24px;
  height: 24px;
  background-size: auto;
  margin-top: 14px;
  margin-left: 20px;
}
.cl-container.web_dialog .cl-container.mypage .cl-container.back_gray {
  background-color: #f5f6f8;
}
.cl-container.web_dialog .cl-container.mypage .cl-container.back_gray .cl-text {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.4px;
  color: #868b92;
}
.cl-container.web_dialog .cl-container.mypage .cl-container.back_gray_2 {
  border-radius: 4px;
  background-color: #f5f6f8;
}
.cl-container.web_dialog .cl-container.mypage .cl-container.back_gray_filter {
  background-color: #f5f6f8;
}
.cl-container.web_dialog .cl-container.mypage .cl-container.back_gray_filter .cl-output .cl-text {
  font-weight: 400;
  letter-spacing: -0.4px !important;
  font-size: 16px !important;
  color: #000000;
}
.cl-container.web_dialog .cl-container.mypage .cl-container.back_gray_filter .cl-output.isRight {
  text-align: right;
}
.cl-container.web_dialog .cl-container.mypage .cl-radiobutton.rdb_info .cl-radiobutton-item .cl-text {
  padding-left: 4px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.4px;
  color: #868b92;
}
.cl-container.web_dialog .cl-container.mypage .cl-radiobutton.rdb_info .cl-radiobutton-icon:focus {
  border: #000000 dotted 1px;
}
.cl-container.web_dialog .cl-container.mypage .cl-radiobutton.rdb_info_2 .cl-radiobutton-item .cl-text {
  padding-left: 4px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.web_dialog .cl-container.mypage .cl-radiobutton.rdb_joinout .cl-radiobutton-item .cl-text {
  padding-left: 6px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.4px;
  color: #868b92;
}
.cl-container.web_dialog .cl-container.mypage .cl-radiobutton.cl-focus .cl-radiobutton-item .cl-radiobutton-icon:focus {
  outline: none !important;
}
.cl-container.web_dialog .cl-container.mypage .cl-output.select_gender_n {
  border: solid 1px #e3e4e6;
  border-radius: 4px;
  text-align: center;
}
.cl-container.web_dialog .cl-container.mypage .cl-output.select_gender_n .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #868b92;
}
.cl-container.web_dialog .cl-container.mypage .cl-output.select_gender {
  border: solid 1px #0099FF;
  border-radius: 4px;
  background-color: #0099FF;
  text-align: center;
}
.cl-container.web_dialog .cl-container.mypage .cl-output.select_gender .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #868b92;
}
.cl-container.web_dialog .cl-container.mypage .cl-linkedcombobox.lcb1_lang > div {
  width: 100%;
}
.cl-container.web_dialog .cl-container.mypage .cl-linkedcombobox.lcb1_lang .cl-linkedcombobox-combo {
  border: solid 1px #e3e4e6;
  border-radius: 8px;
}
.cl-container.web_dialog .cl-container.mypage .cl-linkedcombobox.lcb1_lang .cl-linkedcombobox-combo .cl-text {
  padding: 0px 16px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.web_dialog .cl-container.mypage .cl-linkedcombobox.lcb1_lang .cl-linkedcombobox-combo .cl-linkedcombobox-button {
  background-image: url("images/common/navigation_arrow_drop-down_24px.svg");
  width: 24px;
  height: 100%;
  object-fit: contain;
  margin-right: 8px;
}
.cl-container.web_dialog .cl-container.mypage .cl-linkedcombobox.lcb1_lang .cl-linkedcombobox-combo.cl-focus {
  border: solid 1px #e3e4e6;
}
.cl-container.web_dialog .cl-container.mypage .cl-checkbox .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #000000;
  font-weight: 400;
}
.cl-container.web_dialog .cl-container.mypage .cl-checkbox .cl-checkbox-icon {
  width: 24px;
  min-height: 24px;
}
.cl-container.web_dialog .cl-container.mypage .cl-checkbox.ver_top {
  padding: 0px;
  vertical-align: top;
}
.cl-container.web_dialog .cl-container.web_filter .cl-container.border8_grayborder {
  border: solid 1px #e3e4e6;
  border-radius: 8px;
}
.cl-container.web_dialog .cl-container.web_filter .cl-container.border8_grayborder .cl-container.back_gray {
  background-color: #f5f6f8;
}
.cl-container.web_dialog .cl-output.title .cl-text {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #000000;
}
.cl-container.web_dialog .cl-output.title.height_16 .cl-text {
  line-height: 16px;
}
.cl-container.web_dialog .cl-output.title.font22 .cl-text {
  font-size: 22px;
  letter-spacing: -0.55px;
}
.cl-container.web_dialog .cl-output.title.font26 .cl-text {
  font-size: 26px;
  letter-spacing: -0.65px;
}
.cl-container.web_dialog .cl-output.title.font28 .cl-text {
  font-size: 28px;
  letter-spacing: -0.7px;
}
.cl-container.web_dialog .cl-output.title.font14 .cl-text {
  font-size: 14px;
  letter-spacing: -0.35px;
}
.cl-container.web_dialog .cl-output.title.font16 .cl-text {
  font-size: 16px;
  letter-spacing: -0.4px;
}
.cl-container.web_dialog .cl-output.title.font18 .cl-text {
  font-size: 18px;
  letter-spacing: -0.45px;
}
.cl-container.web_dialog .cl-output.title.center {
  text-align: center;
}
.cl-container.web_dialog .cl-output.title.right {
  text-align: right;
}
.cl-container.web_dialog .cl-output.title.weight400 .cl-text {
  font-weight: 400;
}
.cl-container.web_dialog .cl-output.output_gubun {
  background-color: #e3e4e6;
}
.cl-container.web_dialog .cl-output.output_gray {
  background-color: #f5f6f8;
}
.cl-container.web_dialog .cl-output.rst_time .cl-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.35px;
}
.cl-container.web_dialog .cl-output.rst_time.right {
  text-align: right;
}
.cl-container.web_dialog .cl-output.rst_time.right.color .cl-text {
  color: #0099FF;
}
.cl-container.web_dialog .cl-output.rst_loc {
  text-align: center;
  border-radius: 16px;
  border: solid 1px #e3e4e6;
}
.cl-container.web_dialog .cl-output.rst_loc .cl-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.35px;
}
.cl-container.web_dialog .cl-output.rst_loc.selected {
  border: solid 1px #0099FF;
}
.cl-container.web_dialog .cl-output.rst_loc.selected .cl-text {
  font-weight: 500;
  color: #0099FF;
}
.cl-container.web_dialog .cl-output.sub_title .cl-text {
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.45px;
  color: #000000;
}
.cl-container.web_dialog .cl-output.sub_title.menu_choice {
  text-align: center;
  border: solid 1px #e3e4e6;
  border-radius: 22px;
  padding: 9px 23px;
}
.cl-container.web_dialog .cl-output.sub_title.menu_choice .cl-text {
  font-weight: 400;
}
.cl-container.web_dialog .cl-output.sub_title.menu_choice.selected {
  background-color: #0099FF;
}
.cl-container.web_dialog .cl-output.sub_title.menu_choice.selected .cl-text {
  color: #ffffff;
}
.cl-container.web_dialog .cl-output.sub_title.keyword_choice {
  text-align: center;
  border: solid 1px #e3e4e6;
  border-radius: 18px;
}
.cl-container.web_dialog .cl-output.sub_title.keyword_choice .cl-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.web_dialog .cl-output.sub_title.keyword_choice.selected {
  background-color: #0099FF;
}
.cl-container.web_dialog .cl-output.sub_title.keyword_choice.selected .cl-text {
  font-weight: 500;
  color: #ffffff;
}
.cl-container.web_dialog .cl-output.sub_title.padding {
  padding: 6px 14px;
}
.cl-container.web_dialog .cl-output.sub_title.right {
  text-align: right;
}
.cl-container.web_dialog .cl-output.center {
  text-align: center;
}
.cl-container.web_dialog .cl-output.exp_pr .cl-text {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #868b92;
}
.cl-container.web_dialog .cl-output.exp_pr.right {
  text-align: right;
}
.cl-container.web_dialog .cl-output.exp_pr.center {
  text-align: center;
}
.cl-container.web_dialog .cl-output.exp_pr.weight400 .cl-text {
  font-weight: 400;
}
.cl-container.web_dialog .cl-output.exp_pr.font14 .cl-text {
  font-size: 14px;
  letter-spacing: -0.35px;
  font-weight: 400;
}
.cl-container.web_dialog .cl-output.exp_pr.font14.weight .cl-text {
  font-weight: 500;
}
.cl-container.web_dialog .cl-output.exp_pr.col_black .cl-text {
  color: #000000;
}
.cl-container.web_dialog .cl-output.loc_border {
  border: solid 1px #e3e4e6;
  border-radius: 16px;
  background-color: #ffffff;
  padding: 0px 15px;
}
.cl-container.web_dialog .cl-output.loc_border .cl-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.35px;
  color: #000000;
}
.cl-container.web_dialog .cl-output.loc_border.red {
  border-radius: 19px;
  padding: 0px 25px;
  text-align: center;
}
.cl-container.web_dialog .cl-output.loc_border.red .cl-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #ff3838;
}
.cl-container.web_dialog .cl-output.gray_text {
  text-align: center;
}
.cl-container.web_dialog .cl-output.gray_text .cl-text {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.35px;
  color: #c9c9ce;
}
.cl-container.web_dialog .cl-output.main_col_text .cl-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #0099FF;
}
.cl-container.web_dialog .cl-output.main_col_text_2 .cl-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.web_dialog .cl-output.main_col_text_2.selected .cl-text {
  font-weight: 500;
  color: #0099FF;
}
.cl-container.web_dialog .cl-output.fa_roboto {
  text-align: right;
}
.cl-container.web_dialog .cl-output.fa_roboto .cl-text {
  font-family: Roboto;
  font-weight: 500;
  font-size: 20px;
  color: #000000;
}
.cl-container.web_dialog .cl-output.roboto_red {
  text-align: right;
}
.cl-container.web_dialog .cl-output.roboto_red .cl-text {
  font-family: Roboto;
  font-weight: 500;
  font-size: 29px;
  letter-spacing: -0.73px;
  color: #ff3838;
}
.cl-container.web_dialog .cl-output.roboto_red.weight400 .cl-text {
  font-weight: 400;
  font-size: 15px;
  letter-spacing: -0.38px;
}
.cl-container.web_dialog .cl-container.web_btn {
  background-color: #ffffff;
}
.cl-container.web_dialog .cl-container.web_btn.hidden_container {
  background-color: #f5f6f8;
}
.cl-container.web_dialog .cl-container.web_btn.hidden_container .cl-button.btn_time {
  background-color: #ffffff;
  border-radius: 4px;
  border: solid 1px #e3e4e6;
  text-align: center;
  padding: 8px 10px;
  background-image: none;
}
.cl-container.web_dialog .cl-container.web_btn.hidden_container .cl-button.btn_time .cl-text {
  text-shadow: none !important;
  font-size: 16px !important;
  letter-spacing: -0.4px;
  font-weight: 400 !important;
  color: #000000 !important;
}
.cl-container.web_dialog .cl-container.web_btn.hidden_container .cl-button.btn_time.disabled {
  background-color: #c9c9ce;
}
.cl-container.web_dialog .cl-container.web_btn.hidden_container .cl-button.btn_time.disabled .cl-text {
  color: #ffffff !important;
}
.cl-container.web_dialog .cl-container.web_btn.hidden_container .cl-button.btn_time.selected {
  background-color: #0099FF;
}
.cl-container.web_dialog .cl-container.web_btn.hidden_container .cl-button.btn_time.selected .cl-text {
  color: #ffffff !important;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.btn_apply {
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  text-shadow: none;
  border: none;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.btn_apply .cl-text {
  font-weight: 500 !important;
  font-size: 17px !important;
  color: #ffffff;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.btn_apply.notweight .cl-text {
  font-size: 16px !important;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.btn_apply.date .cl-text {
  font-weight: 400 !important;
  font-size: 16px !important;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.btn_apply.random .cl-icon {
  padding-right: 3px;
  width: 24px;
  height: 24px;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.btn_apply.random .cl-text {
  font-weight: 400 !important;
  font-size: 16px !important;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.btn_apply.disabled {
  background-color: #c9c9ce;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.btn_apply.disabled .cl-text {
  color: #000000 !important;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.btn_reset {
  border-radius: 8px;
  border: 1px solid #e3e4e6;
  background-color: #ffffff;
  background-image: none;
  text-shadow: none;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.btn_reset .cl-text {
  font-weight: 500 !important;
  font-size: 17px !important;
  color: #000000 !important;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.btn_reset .cl-icon.reset_icon {
  width: 24px;
  height: 24px;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.btn_reset.font16 .cl-text {
  font-size: 16px !important;
  letter-spacing: -0.4px !important;
  color: #000000 !important;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.btn_choice {
  border-radius: 8px;
  background-color: #c9c9ce;
  background-image: none;
  text-shadow: none;
  border: none;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.btn_choice .cl-text {
  font-size: 16px;
  color: #ffffff;
  letter-spacing: -0.4px;
  font-weight: 400;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.btn_choice.selected {
  background-color: #0099FF;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.filter_border {
  border-radius: 18px;
  border: solid 1px #e3e4e6;
  background-color: #ffffff;
  background-image: none;
  text-shadow: none;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.filter_border .cl-text {
  color: #000000 !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 20px !important;
  letter-spacing: -0.4px;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.filter_border.checked {
  border: solid 1px #0099FF;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.filter_border.checked .cl-text {
  color: #0099FF !important;
  font-weight: 500 !important;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.filter_border.font18 {
  padding: 5px 16px;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.filter_border.font18 .cl-text {
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: -0.45px;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.filter_border.font18.selected {
  background-color: #0099FF;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.filter_border.font18.selected .cl-text {
  color: #ffffff !important;
  font-weight: 500 !important;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.filter_border.filter_btn {
  padding: 6px 14px;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.filter_border.filter_btn.selected {
  background-color: #0099FF;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.filter_border.filter_btn.selected .cl-text {
  color: #ffffff !important;
  font-weight: 500 !important;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.mypage_btn_1 .cl-text {
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #000000 !important;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.mypage_btn_1.btn1 {
  border-radius: 8px;
  border: solid 1px #c9c9ce;
  background-color: #ffffff;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.mypage_btn_1.btn1 .cl-text {
  font-weight: 500;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.mypage_btn_1.btn1.cl-focus {
  border: solid 1px #c9c9ce;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.mypage_btn_1.btn2 {
  border-radius: 8px;
  border: solid 1px #0099FF;
  background-color: #ffffff;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.mypage_btn_1.btn2 .cl-text {
  color: #0099FF !important;
  font-weight: 500 !important;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.mypage_btn_1.btn2.cl-focus {
  border: solid 1px #0099FF;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.mypage_btn_1.btn3 {
  background-color: #ffffff;
  border: none;
  text-align: left;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.mypage_btn_1.btn3.cl-focus {
  border: none;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.mypage_btn_1.btn4 {
  border-radius: 20px;
  border: solid 1px #0099FF;
  background-color: #ffffff;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.mypage_btn_1.btn4 .cl-text {
  font-size: 14px !important;
  letter-spacing: -0.35px;
  color: #0099FF !important;
  font-weight: 400 !important;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.mypage_btn_1.btn4.cl-focus {
  border: solid 1px #0099FF;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.menu_btn {
  background-image: none;
  background-color: #ffffff;
  border-radius: 0px;
  border: none;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.menu_btn .cl-text {
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -0.45px;
  color: #000000 !important;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.menu_btn.selected {
  border-bottom: 3px solid #0099FF !important;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.menu_btn.selected .cl-text {
  color: #0099FF !important;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.back_main_btn {
  background-image: none;
  background-color: #ffffff;
  border-radius: 4px;
  padding-right: 10px;
  padding-left: 10px;
  border: solid 1px #0099ff;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.back_main_btn .cl-text {
  font-weight: 500 !important;
  font-size: 16px !important;
  letter-spacing: -0.4px;
  color: #0099FF !important;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.all_category {
  background-color: #ffffff;
  background-image: none;
  border: none;
  text-align: left;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.all_category .cl-text {
  color: #000000 !important;
  font-weight: 500 !important;
  font-size: 20px !important;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.all_category.font14 .cl-text {
  color: #000000 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.all_category :hover .cl-text {
  color: #0099FF !important;
}
.cl-container.web_dialog .cl-container.web_btn .cl-button.all_category.cl-focus {
  border: solid 1px #0099FF;
}
.cl-container.web_dialog .cl-pageindexer.pixr {
  padding: 0px;
}
.cl-container.web_dialog .cl-pageindexer.pixr .cl-pageindexer-first {
  display: none;
}
.cl-container.web_dialog .cl-pageindexer.pixr .cl-pageindexer-last {
  display: none;
}
.cl-container.web_dialog .cl-pageindexer.pixr .cl-pageindexer-next.pixr_next {
  width: 24px;
  height: 24px;
  margin: 0;
  border: none;
  background-image: url("images/common/75908.svg") !important;
}
.cl-container.web_dialog .cl-pageindexer.pixr .cl-pageindexer-prev.pixr_prev {
  width: 24px;
  height: 24px;
  margin: 0;
  border: none;
  background-image: url("images/common/75908.svg") !important;
  transform: rotate(180deg);
}
.cl-container.web_dialog .cl-pageindexer.pixr .cl-pageindexer-index-area .cl-pageindexer-index.pixr_btn {
  width: 35px;
  height: 35px;
  padding: 0;
  margin: 0px;
  border: none;
  border-radius: 0;
}
.cl-container.web_dialog .cl-pageindexer.pixr .cl-pageindexer-index-area .cl-pageindexer-index.pixr_btn .cl-text {
  font-family: Roboto;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.web_dialog .cl-pageindexer.pixr .cl-pageindexer-index-area .cl-pageindexer-index.pixr_btn.cl-selected {
  background-color: #ffffff;
  border: solid 1px #e3e4e6;
  border-radius: 4px;
}
.cl-container.web_dialog .cl-pageindexer.pixr .cl-pageindexer-index-area .cl-pageindexer-index.pixr_btn.cl-selected .cl-text {
  font-weight: 500;
}
.cl-container.web_dialog .cl-checkboxgroup.chk_grp .cl-checkbox {
  border: 1px solid #e3e4e6;
  border-radius: 18px;
  padding: 0px 14px;
  font-size: 16px;
  height: 36px;
}
.cl-container.web_dialog .cl-checkboxgroup.chk_grp .cl-checkbox .cl-checkbox-field {
  width: 100%;
}
.cl-container.web_dialog .cl-checkboxgroup.chk_grp .cl-checkbox .cl-text {
  color: #000000;
  line-height: 34px;
  outline: none;
  border: none;
}
.cl-container.web_dialog .cl-checkboxgroup.chk_grp .cl-checkbox.cl-checked {
  border-color: #0099ff;
  background-color: #ffffff;
}
.cl-container.web_dialog .cl-checkboxgroup.chk_grp .cl-checkbox.cl-checked .cl-text {
  color: #0099ff;
}
/* 콤보 박스 리스트 박스 */
.cl-linkedcombobox-list.lcb1_lang_list_info {
  background-color: #ffffff;
  border: none !important;
  border-radius: 0px;
  color: #000000;
  direction: rtl;
}
.cl-linkedcombobox-list.lcb1_lang_list_info .cl-viewport {
  margin-right: auto;
}
.cl-button.select_sort_detail {
  text-align: center;
  border-radius: 16px;
  border: solid 1px #e3e4e6;
  color: #000000;
}
.cl-button.select_sort_detail.selected {
  color: #0099FF;
}
@media (max-width: 939px) {
  .cl-image.img_cover img {
    object-fit: cover;
  }
}
@media (min-width: 940px) {
  .font16_medium_black {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: -0.4px;
    color: #000000;
  }
  .font16_medium_black_2 {
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    letter-spacing: -0.4px;
    color: #000000;
  }
  .font16_regular_black {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    letter-spacing: -0.4px;
    color: #000000;
  }
  .font16_regular_black_2 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: -0.4px;
    color: #000000;
  }
  .font16_regular_main2_2 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: -0.4px;
    color: #0099FF;
  }
  .font16_medium_main2_3 {
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    letter-spacing: -0.4px;
    color: #0099FF;
  }
  .font18_medium_black {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: -0.45px;
    color: #000000;
  }
  .font18_medium_red {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: -0.45px;
    color: #ff3838;
  }
  .font18_regular_deep_gray {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: -0.45px;
    color: #868b92;
  }
  .font18_medium_main_col {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: -0.45px;
    color: #0099FF;
  }
  .font20_me_70 {
    line-height: 26px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.5px;
    color: #000000;
  }
  .font20_re_70 {
    line-height: 24px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.35px;
    color: #000000;
  }
  .font24_reg_70 {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -0.6px;
    color: #707070;
  }
  .font24_medium_main_col {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.6px;
    color: #0099FF;
  }
  .font28_medium_black {
    font-size: 28px;
    font-weight: 500;
    letter-spacing: -0.7px;
    color: #000000;
  }
  .font28_medium_main_col {
    font-size: 28px;
    font-weight: 500;
    letter-spacing: -0.7px;
    color: #0099FF;
  }
  .cl-container.web_body {
    scrollbar-width: none;
  }
  .cl-container.web_body .pointer {
    cursor: pointer;
  }
  .cl-container.web_body .pointer.cl-focus {
    border: solid 1px #0099FF;
  }
  .cl-container.web_body.bgc {
    background-color: #f5f6f8;
  }
  .cl-container.web_body.bgc .cl-container.light_body {
    background-color: #ffffff;
  }
  .cl-container.web_body.bgc .cl-container.light_body.cl-focus {
    border: solid 1px #0099FF;
  }
  .cl-container.web_body .cl-embeddedapp.selected_child {
    background-color: rgba(0, 153, 255, 0.1);
  }
  .cl-container.web_body .cl-container.web_banner .pointer {
    visibility: hidden;
  }
  .cl-container.web_body .cl-container.web_banner:hover .pointer {
    visibility: visible;
  }
  .cl-container.web_body .cl-container.has_border {
    border-radius: 4px;
    border: solid 1px #e3e4e6;
  }
  .cl-container.web_body .cl-container.has_border.border8 {
    border-radius: 8px;
  }
  .cl-container.web_body .cl-container.has_border.border0 {
    border-radius: 0px;
  }
  .cl-container.web_body .cl-container.has_border.blue {
    border: solid 1px #0099FF;
  }
  .cl-container.web_body .cl-container.has_border.red {
    border: solid 1px #ff3838;
  }
  .cl-container.web_body .cl-container.isFilter {
    background-color: #f5f6f8;
  }
  .cl-container.web_body .cl-container.isFilter .cl-output .cl-text {
    font-weight: 400;
    letter-spacing: -0.6px !important;
    font-size: 16px !important;
    color: #000000;
  }
  .cl-container.web_body .cl-container.isFilter .cl-output.isRight {
    text-align: right;
  }
  .cl-container.web_body .cl-container.isFilter .cl-output.text_filter .cl-text {
    font-weight: 500;
    letter-spacing: -0.45px !important;
    font-size: 18px !important;
  }
  .cl-container.web_body .cl-container.isFilter .cl-output.text_filter_2 .cl-text {
    font-weight: 400;
    letter-spacing: -0.4px !important;
    font-size: 16px !important;
    color: #868b92;
  }
  .cl-container.web_body .cl-container.isFilter .cl-output.text_filter_3 .cl-text {
    letter-spacing: -0.4px !important;
  }
  .cl-container.web_body .cl-container.isFilter .cl-output.isRed {
    text-align: right;
  }
  .cl-container.web_body .cl-container.isFilter .cl-output.isRed .cl-text {
    letter-spacing: -0.4px !important;
    font-size: 16px !important;
    color: #ff3838;
  }
  .cl-container.web_body .cl-container.isFilter .cl-output.web_tmp {
    text-align: center;
  }
  .cl-container.web_body .cl-container.isFilter .cl-output.web_tmp .cl-text {
    font-size: 20px !important;
    color: #707070;
    letter-spacing: -0.5px !important;
  }
  .cl-container.web_body .cl-container.back_light {
    background-color: #f5f6f8;
  }
  .cl-container.web_body .cl-container.back_light.border8 {
    border-radius: 8px;
  }
  .cl-container.web_body .cl-container.image_container .cl-button {
    visibility: hidden;
    background-color: #000000;
    opacity: 0.7;
    border: none;
    border-radius: 0px;
  }
  .cl-container.web_body .cl-container.image_container .cl-button.prev {
    background-image: url("images/common/navigation_picture_left.svg");
  }
  .cl-container.web_body .cl-container.image_container .cl-button.next {
    transform: rotate(180deg);
    background-image: url("images/common/navigation_picture_left.svg");
  }
  .cl-container.web_body .cl-container.image_container.cl-focus {
    border: none;
  }
  .cl-container.web_body .cl-container.image_container:hover .cl-button {
    visibility: visible;
  }
  .cl-container.web_body .cl-container.noborder {
    border-bottom: none !important;
  }
  .cl-container.web_body .cl-container.detail_form {
    border-bottom: solid 1px #e3e4e6 !important;
    border-top: solid 1px #e3e4e6 !important;
  }
  .cl-container.web_body .cl-container.detail_form.border_all {
    border-left: solid 1px #e3e4e6 !important;
    border-right: solid 1px #e3e4e6 !important;
  }
  .cl-container.web_body .cl-container.rst_back_red {
    background-color: #FFF1F1;
    border-radius: 4px;
  }
  .cl-container.web_body .cl-container.rst_back_red .cl-output .cl-text {
    color: #000000;
    font-size: 16px;
    letter-spacing: -0.4px;
    font-weight: 400 !important;
  }
  .cl-container.web_body .cl-container.grp_box_shadow {
    background-color: #ffffff;
    box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
  }
  .cl-container.web_body .cl-container.back_main_col {
    background-color: #0099FF;
  }
  .cl-container.web_body .cl-container.web_tmp {
    border: solid 1px #cccccc;
  }
  .cl-container.web_body .cl-container.isBlue {
    background-color: rgba(0, 153, 255, 0.1);
  }
  .cl-container.web_body .cl-container.back_white {
    background-color: #ffffff;
  }
  .cl-container.web_body .cl-container.border_bottom.web {
    border-bottom: solid 1px #e3e4e6;
  }
  .cl-container.web_body .cl-container.hasScroll >.cl-layout::-webkit-scrollbar {
    display: block;
    width: 6px;
    /*스크롤바의 너비*/
    height: 6px;
    /*스크롤바의 너비*/
  }
  .cl-container.web_body .cl-container.hasScroll >.cl-layout::-webkit-scrollbar-thumb {
    background-color: #868b92;
    /*스크롤바의 색상*/
    border-radius: 3px;
  }
  .cl-container.web_body .cl-container.hasScroll >.cl-layout::-webkit-scrollbar-track {
    background-color: #e3e4e6;
    /*스크롤바 트랙 색상*/
  }
  .cl-container.web_body .cl-container.hasScroll.margin >.cl-layout::-webkit-scrollbar {
    display: block;
    width: 6px;
    /*스크롤바의 너비*/
    margin-right: 24px;
  }
  .cl-container.web_body .cl-container.grp_category {
    border: none;
    background-color: #ffffff;
    border-radius: 28px;
    padding: 16px 27px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.16);
  }
  .cl-container.web_body .cl-container.grp_category .cl-button.category {
    border: none;
    background-color: #ffffff;
  }
  .cl-container.web_body .cl-container.grp_category .cl-button.category.cl-focus {
    border: none;
  }
  .cl-container.web_body .cl-container.grp_category .cl-button.category .cl-text {
    color: #000000 !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    letter-spacing: -0.4px;
  }
  .cl-container.web_body .cl-container.grp_category .cl-button.category .cl-icon {
    margin-right: 3px;
    width: 24px;
    height: 24px;
  }
  .cl-container.web_body .cl-container.map_ui .cl-output.output_gubun {
    background-color: #E8E9EA;
  }
  .cl-container.web_body .cl-container.map_ui .cl-button {
    border: none;
    border-radius: 4px;
    background-color: #ffffff;
    background-position: center;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.31);
  }
  .cl-container.web_body .cl-container.map_ui .cl-button.cl-focus {
    border: none;
  }
  .cl-container.web_body .cl-container.map_ui .cl-button.btn_reset {
    background-image: url("images/com/cmn/a078_ard/nvirons_setting.svg");
    background-size: 26px;
  }
  .cl-container.web_body .cl-container.map_ui .cl-button.btn_zoom_minus {
    background-image: url("images/com/cmn/a078_ard/nvirons_minus_button.svg");
    background-size: 26px;
  }
  .cl-container.web_body .cl-container.map_ui .cl-button.btn_zoom_plus {
    background-image: url("images/com/cmn/a078_ard/nvirons_plus_button.svg");
    background-size: 26px;
  }
  .cl-container.web_body .cl-container.grp_animate {
    background-color: #ffffff;
  }
  .cl-container.web_body .cl-container.web_review .cl-layout::-webkit-scrollbar {
    display: none;
  }
  .cl-container.web_body .cl-container.web_review .review_photo_browser_web {
    border: dashed 2px #e3e4e6;
    border-radius: 4px;
  }
  .cl-container.web_body .cl-container.web_review .review_photo_browser_web .review_photo_info .cl-text {
    font-family: Roboto;
    line-height: 14px;
    font-size: 14px;
    font-weight: 500;
    color: #c9c9ce;
  }
  .cl-container.web_body .cl-container.web_review .review_photo_input {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: none;
    border-radius: 4px;
  }
  .cl-container.web_body .cl-container.web_review .review_photo_input .cl-text {
    width: 100%;
    height: 100%;
    color: transparent;
  }
  .cl-container.web_body .cl-container.web_review .review_photo_input.cl-focus {
    border: solid 1px #0099FF;
  }
  .cl-container.web_body .cl-container.web_review .review_photo_input .cl-fileinput-clear {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
  }
  .cl-container.web_body .cl-container.web_review .review_photo_input::before {
    display: none;
  }
  .cl-container.web_body .cl-container.grp_box_shadow {
    box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
  }
  .cl-container.web_body .cl-container.tab-buttons .cl-button {
    background: none;
    border: none;
    border-radius: 0px;
    color: #000000;
  }
  .cl-container.web_body .cl-container.tab-buttons .cl-button .cl-text {
    font-size: 18px !important;
    letter-spacing: -0.45px !important;
    font-weight: 400 !important;
  }
  .cl-container.web_body .cl-container.tab-buttons .cl-button.selected {
    font-weight: 500 !important;
    color: #0099FF !important;
    border-bottom: solid 3px #0099FF !important;
  }
  .cl-container.web_body .cl-output.black_Setting {
    background-color: #000000;
    opacity: 0.3;
  }
  .cl-container.web_body .cl-output.output_gubun {
    background-color: #e3e4e6;
  }
  .cl-container.web_body .cl-output.line_gubun {
    background-color: #f5f6f8;
  }
  .cl-container.web_body .cl-output.tmp_gubun {
    background-color: #707070;
  }
  .cl-container.web_body .cl-output.black_gubun {
    background-color: #000000;
  }
  .cl-container.web_body .cl-output.gray_gubun {
    background-color: #c9c9ce;
  }
  .cl-container.web_body .cl-output.gray_gubun.circle {
    border-radius: 100%;
  }
  .cl-container.web_body .cl-output.subtitle {
    text-align: center;
  }
  .cl-container.web_body .cl-output.subtitle .cl-text {
    font-weight: 500;
    font-size: 28px;
    letter-spacing: -0.7px;
    color: #000000;
  }
  .cl-container.web_body .cl-output.subtitle.line24 .cl-text {
    line-height: 24px;
  }
  .cl-container.web_body .cl-output.subtitle.font32 {
    text-align: left;
  }
  .cl-container.web_body .cl-output.subtitle.font32 .cl-text {
    font-size: 32px;
    line-height: 26px;
    letter-spacing: -0.38px;
  }
  .cl-container.web_body .cl-output.subtitle.font32.letter8 .cl-text {
    letter-spacing: -0.8px;
  }
  .cl-container.web_body .cl-output.subtitle.font32.line30 .cl-text {
    line-height: 30px;
  }
  .cl-container.web_body .cl-output.subtitle.font32.noLine .cl-text {
    line-height: 41px;
  }
  .cl-container.web_body .cl-output.subtitle.font16 {
    text-align: left;
  }
  .cl-container.web_body .cl-output.subtitle.font16 .cl-text {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.6px;
  }
  .cl-container.web_body .cl-output.subtitle.font16.center {
    text-align: center;
  }
  .cl-container.web_body .cl-output.subtitle.font16.spacing .cl-text {
    font-weight: 500;
    letter-spacing: -0.4px;
  }
  .cl-container.web_body .cl-output.subtitle.font16.spacing2 .cl-text {
    letter-spacing: -0.4px;
  }
  .cl-container.web_body .cl-output.subtitle.font18 {
    text-align: left;
  }
  .cl-container.web_body .cl-output.subtitle.font18 .cl-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.5px;
  }
  .cl-container.web_body .cl-output.subtitle.font18.vert_top {
    vertical-align: top;
  }
  .cl-container.web_body .cl-output.subtitle.font18.medium .cl-text {
    font-weight: 500 !important;
  }
  .cl-container.web_body .cl-output.subtitle.font18_2 {
    text-align: left;
  }
  .cl-container.web_body .cl-output.subtitle.font18_2 .cl-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.45px;
    color: #000000;
  }
  .cl-container.web_body .cl-output.subtitle.font18_2.regular .cl-text {
    font-weight: 400 !important;
  }
  .cl-container.web_body .cl-output.subtitle.font48 {
    text-align: center;
  }
  .cl-container.web_body .cl-output.subtitle.font48 .cl-text {
    font-family: Roboto;
    font-weight: 500;
    font-size: 48px;
    line-height: 24px;
    color: #000000;
  }
  .cl-container.web_body .cl-output.subtitle.font48_2 {
    text-align: left;
  }
  .cl-container.web_body .cl-output.subtitle.font48_2 .cl-text {
    font-weight: 500;
    font-size: 48px;
    letter-spacing: -1.2px;
    line-height: 48px;
  }
  .cl-container.web_body .cl-output.subtitle.font24 {
    text-align: right;
  }
  .cl-container.web_body .cl-output.subtitle.font24 .cl-text {
    font-weight: 500;
    font-size: 24px;
    color: #000000;
  }
  .cl-container.web_body .cl-output.subtitle.font24_2 {
    text-align: left;
  }
  .cl-container.web_body .cl-output.subtitle.font24_2 .cl-text {
    font-weight: 500;
    font-size: 24px;
    color: #000000;
    letter-spacing: -0.6px;
  }
  .cl-container.web_body .cl-output.subtitle.font14 {
    text-align: left;
  }
  .cl-container.web_body .cl-output.subtitle.font14 .cl-text {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.35px;
  }
  .cl-container.web_body .cl-output.subtitle.web_border {
    border: 1px solid #e3e4e6;
    border-radius: 4px;
  }
  .cl-container.web_body .cl-output.subtitle.web_border .cl-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #000000;
  }
  .cl-container.web_body .cl-output.subtitle.web_border_2 {
    border-radius: 19px;
    border: 1px solid #e3e4e6;
    text-align: center;
  }
  .cl-container.web_body .cl-output.subtitle.web_border_2 .cl-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.45px;
    color: #000000;
  }
  .cl-container.web_body .cl-output.subtitle.web_border_2.selected {
    background-color: #0099FF;
  }
  .cl-container.web_body .cl-output.subtitle.web_border_2.selected .cl-text {
    font-weight: 500;
    color: #ffffff;
  }
  .cl-container.web_body .cl-output.subtitle.left {
    text-align: left;
  }
  .cl-container.web_body .cl-output.subtitle.right {
    text-align: right;
  }
  .cl-container.web_body .cl-output.subtitle.medium .cl-text {
    font-weight: 500 !important;
  }
  .cl-container.web_body .cl-output.subtitle.regular .cl-text {
    font-weight: 400;
  }
  .cl-container.web_body .cl-output.subtitle.detail_title .cl-text {
    font-size: 22px;
    letter-spacing: -0.55px;
  }
  .cl-container.web_body .cl-output.subtitle.font20 .cl-text {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.5px;
  }
  .cl-container.web_body .cl-output.subtitle.line26 .cl-text {
    line-height: 26px;
  }
  .cl-container.web_body .cl-output.subtitle.main_col .cl-text {
    color: #0099FF;
  }
  .cl-container.web_body .cl-output.filter .cl-text {
    font-weight: 400 !important;
    font-size: 18px !important;
    letter-spacing: -0.45px !important;
    color: #000000;
  }
  .cl-container.web_body .cl-output.filter.review_keyword {
    border-radius: 16px;
    border: solid 1px #e3e4e6;
    padding: 0px 16px;
  }
  .cl-container.web_body .cl-output.filter.review_keyword .cl-text {
    font-size: 18px;
    letter-spacing: -0.45px;
    font-weight: 400 !important;
  }
  .cl-container.web_body .cl-output.filter.review_keyword.selected {
    background-color: #0099FF;
  }
  .cl-container.web_body .cl-output.filter.review_keyword.selected .cl-text {
    color: #ffffff;
  }
  .cl-container.web_body .cl-output.filter.rst_plus .cl-text {
    color: #0099FF;
    font-weight: 500;
  }
  .cl-container.web_body .cl-output.filter.medium .cl-text {
    font-weight: 500;
  }
  .cl-container.web_body .cl-output.rec {
    text-align: center;
    background-color: rgba(0, 153, 255, 0.1);
    border-radius: 4px;
  }
  .cl-container.web_body .cl-output.rec .cl-text {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #0099FF;
  }
  .cl-container.web_body .cl-output.rec.font16 .cl-text {
    font-size: 16px;
    letter-spacing: -0.4px;
  }
  .cl-container.web_body .cl-output.rec.only {
    text-align: left;
    background-color: #ffffff;
    border-radius: 0px;
  }
  .cl-container.web_body .cl-output.rec.only .cl-text {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #0099FF;
  }
  .cl-container.web_body .cl-output.rec.rec_noangle {
    border-radius: 0px;
  }
  .cl-container.web_body .cl-output.rec.rec_noangle .cl-text {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.5px;
  }
  .cl-container.web_body .cl-output.hint_gray .cl-text {
    font-weight: 400;
    color: #868b92;
    font-size: 14px;
    line-height: 20px;
  }
  .cl-container.web_body .cl-output.hint_gray.font16 .cl-text {
    font-size: 16px;
    letter-spacing: -0.4px;
  }
  .cl-container.web_body .cl-output.hint_gray.font14 .cl-text {
    font-size: 14px;
    line-height: 0px;
    letter-spacing: 0px;
  }
  .cl-container.web_body .cl-output.hint_gray.font18 .cl-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 0px;
    letter-spacing: -0.45px;
  }
  .cl-container.web_body .cl-output.hint_gray.col_bl .cl-text {
    color: #000000 !important;
  }
  .cl-container.web_body .cl-output.hint_gray.pad_left16 {
    padding-left: 16px;
  }
  .cl-container.web_body .cl-output.hint_gray.back_gray {
    background-color: #f5f6f8;
  }
  .cl-container.web_body .cl-output.hint_gray.center {
    text-align: center;
  }
  .cl-container.web_body .cl-output.hint_gray.medium .cl-text {
    font-weight: 500;
  }
  .cl-container.web_body .cl-output.hint_gray.font20 .cl-text {
    font-size: 20px;
  }
  .cl-container.web_body .cl-output.hint_gray.line30 .cl-text {
    line-height: 30px;
  }
  .cl-container.web_body .cl-output.hint_gray.roboto .cl-text {
    font-family: Roboto;
  }
  .cl-container.web_body .cl-output.hint_gray.red .cl-text {
    color: #ff3838 !important;
  }
  .cl-container.web_body .cl-output.light_gray {
    background-color: #f5f6f8;
    border-radius: 4px;
    text-align: center;
  }
  .cl-container.web_body .cl-output.light_gray .cl-text {
    font-weight: 500;
    color: #868b92;
    font-size: 14px;
    letter-spacing: -0.35px;
  }
  .cl-container.web_body .cl-output.web_red {
    text-align: right;
  }
  .cl-container.web_body .cl-output.web_red .cl-text {
    color: #ff3838;
    font-size: 18px;
    font-weight: 500;
  }
  .cl-container.web_body .cl-output.web_red.weigth_r .cl-text {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.35px;
  }
  .cl-container.web_body .cl-output.web_red.web_tmp {
    text-align: left;
  }
  .cl-container.web_body .cl-output.web_red.web_tmp .cl-text {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.5px;
  }
  .cl-container.web_body .cl-output.web_red.left {
    text-align: left;
  }
  .cl-container.web_body .cl-output.web_line .cl-text {
    color: #c9c9ce;
    font-size: 14px !important;
    line-height: 20px;
    font-weight: 400 !important;
    letter-spacing: -0.35px !important;
    text-decoration: line-through;
  }
  .cl-container.web_body .cl-output.web_gray .cl-text {
    color: #c9c9ce;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.4px;
  }
  .cl-container.web_body .cl-output.web_gray.font14 .cl-text {
    font-size: 14px;
    letter-spacing: -0.35px;
  }
  .cl-container.web_body .cl-output.web_gray.font22 .cl-text {
    font-size: 22px;
    letter-spacing: -0.55px;
  }
  .cl-container.web_body .cl-output.rst_sm_main {
    border-radius: 4px;
    background-color: rgba(0, 213, 92, 0.1);
    text-align: center;
    padding: 2px 6px;
  }
  .cl-container.web_body .cl-output.rst_sm_main .cl-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.35px;
    color: #00d55c;
  }
  .cl-container.web_body .cl-output.rst_rsv_main {
    border-radius: 4px;
    background-color: #FBF0E5;
    text-align: center;
    padding: 2px 6px;
  }
  .cl-container.web_body .cl-output.rst_rsv_main .cl-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.35px;
    color: #ff870d;
  }
  .cl-container.web_body .cl-output.rst_slide_menu {
    background-color: #ffffff;
    border-radius: 22px;
    padding: 9px 23px;
    border: solid 1px #e3e4e6;
  }
  .cl-container.web_body .cl-output.rst_slide_menu .cl-text {
    color: #000000;
    letter-spacing: -0.45px;
    font-size: 18px;
    font-weight: 400 !important;
  }
  .cl-container.web_body .cl-output.rst_slide_menu.selected {
    background-color: #0099FF;
  }
  .cl-container.web_body .cl-output.rst_slide_menu.selected .cl-text {
    color: #ffffff;
    font-weight: 400 !important;
  }
  .cl-container.web_body .cl-output.web_tmp_output {
    text-align: left;
  }
  .cl-container.web_body .cl-output.web_tmp_output .cl-text {
    font-weight: 400;
    font-size: 24px;
    letter-spacing: -0.6px;
    color: #707070;
  }
  .cl-container.web_body .cl-output.web_tmp_output.black .cl-text {
    color: #000000;
  }
  .cl-container.web_body .cl-output.web_tmp_output.auth {
    text-align: center;
  }
  .cl-container.web_body .cl-output.web_tmp_output.auth .cl-text {
    letter-spacing: -0.85px;
    font-size: 34px;
    color: #0099FF;
  }
  .cl-container.web_body .cl-output.web_tmp_output.font20 .cl-text {
    font-size: 20px;
    letter-spacing: -0.5px;
  }
  .cl-container.web_body .cl-output.web_dash .cl-text {
    color: #000000;
  }
  .cl-container.web_body .cl-output.web_dash.line30 .cl-text {
    line-height: 30px;
  }
  .cl-container.web_body .cl-output.web_dash.letter05 .cl-text {
    letter-spacing: -0.5px;
  }
  .cl-container.web_body .cl-output.web_dash.weight500 .cl-text {
    font-weight: 500;
  }
  .cl-container.web_body .cl-output.web_dash.weight400 .cl-text {
    font-weight: 500;
  }
  .cl-container.web_body .cl-output.web_dash.font20 .cl-text {
    font-size: 20px;
  }
  .cl-container.web_body .cl-output.web_dash.font32 .cl-text {
    font-size: 32px;
  }
  .cl-container.web_body .cl-output.web_dash_banner {
    text-align: right;
    background-color: #ffffff;
  }
  .cl-container.web_body .cl-output.web_dash_banner .cl-text {
    font-size: 20px;
    font-weight: 500;
    font-family: Roboto;
    color: #000000;
  }
  .cl-container.web_body .cl-output.tag_web {
    padding-top: 9px;
  }
  .cl-container.web_body .cl-output.tag_web .cl-text {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e3e4e6;
    border-radius: 4px;
    color: #868b92;
    font-size: 14px;
    letter-spacing: -0.35px;
    padding: 3px 9px;
  }
  .cl-container.web_body .cl-output.tag_web.hot_tag::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -1px;
    width: 34px;
    height: 15px;
    background-image: url("images/tvl/crt/75787.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .cl-container.web_body .cl-output.col_main .cl-text {
    color: #0099FF;
  }
  .cl-container.web_body .cl-output.col_main.crt_loc .cl-text {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.4px;
    line-height: 20px;
  }
  .cl-container.web_body .cl-output.col_main.ev_text .cl-text {
    font-size: 16px;
    font-family: Roboto;
    font-weight: 500;
    line-height: 24px;
  }
  .cl-container.web_body .cl-output.gray_border {
    border-radius: 4px;
    border: solid 1px #e3e4e6;
    padding: 3px 9px;
  }
  .cl-container.web_body .cl-output.gray_border .cl-text {
    font-size: 14px;
    color: #868b92;
    font-weight: 500;
    letter-spacing: -0.35px;
    word-break: keep-all;
    line-height: 20px;
  }
  .cl-container.web_body .cl-checkbox.web_check_cart {
    width: 24px;
    height: 100%;
    padding: 0px;
  }
  .cl-container.web_body .cl-checkbox.web_check_cart .cl-checkbox-icon {
    width: 24px;
    height: 24px;
  }
  .cl-container.web_body .cl-checkbox.web_check_cart.ver_top {
    vertical-align: top;
  }
  .cl-container.web_body .cl-checkbox.web_check_cart.cl-focus {
    border: solid 1px #0099FF;
  }
  .cl-container.web_body .cl-checkbox.web_check_cart ver_top.cl-focus {
    border: solid 1px #0099FF;
  }
  .cl-container.web_body .cl-button.web_loc_choice {
    background-color: #ffffff;
    border: none;
  }
  .cl-container.web_body .cl-button.web_loc_choice .cl-text {
    font-size: 24px !important;
    font-weight: 400 !important;
    letter-spacing: -0.6px;
    color: #64686d !important;
  }
  .cl-container.web_body .cl-button.web_loc_choice:hover {
    background-color: #ffffff;
    border: none;
  }
  .cl-container.web_body .cl-button.web_loc_choice.cl-focus {
    border: solid 1px #64686d;
  }
  .cl-container.web_body .cl-button.btn_apply {
    border: none;
    border-radius: 8px;
    background-color: #0099FF;
    text-align: center;
  }
  .cl-container.web_body .cl-button.btn_apply .cl-text {
    font-weight: 500 !important;
    color: #ffffff !important;
    text-shadow: none !important;
    font-size: 17px !important;
  }
  .cl-container.web_body .cl-button.btn_apply.font16 .cl-text {
    font-weight: 400 !important;
    font-size: 16px !important;
  }
  .cl-container.web_body .cl-button.btn_apply.cl-focus {
    border: none;
  }
  .cl-container.web_body .cl-button.btn_apply.disabled {
    background-color: #c9c9ce;
  }
  .cl-container.web_body .cl-button.btn_apply.disabled .cl-text {
    color: #000000 !important;
  }
  .cl-container.web_body .cl-button.btn_border_gray {
    border: solid 1px #e3e4e6;
    background-color: #ffffff;
    text-align: center;
  }
  .cl-container.web_body .cl-button.btn_border_gray.border0 {
    border-radius: 0px;
  }
  .cl-container.web_body .cl-button.btn_border_gray.cl-focus {
    border: solid 1px #e3e4e6;
  }
  .cl-container.web_body .cl-button.btn_border_gray .cl-text {
    font-size: 18px !important;
    font-weight: 400;
    letter-spacing: -0.45px !important;
    color: #000000 !important;
  }
  .cl-container.web_body .cl-button.btn_border_gray.border18 {
    border-radius: 18px;
  }
  .cl-container.web_body .cl-button.btn_border_gray.font17 .cl-text {
    font-size: 17px !important;
    font-weight: 500 !important;
    letter-spacing: -0.43px !important;
    color: #000000 !important;
  }
  .cl-container.web_body .cl-button.btn_border_gray.text_gray .cl-text {
    color: #e3e4e6 !important;
    font-size: 14px !important;
    letter-spacing: -0.35px !important;
  }
  .cl-container.web_body .cl-button.btn_border_gray.selected {
    border: 1px solid #0099FF !important;
  }
  .cl-container.web_body .cl-button.btn_border_gray.selected .cl-text {
    font-weight: 500 !important;
    color: #0099FF !important;
  }
  .cl-container.web_body .cl-button.btn_border_gray.border_percent_50 {
    border-radius: 22px;
    padding: 9px 25px;
  }
  .cl-container.web_body .cl-button.btn_border_gray.border_percent_50.selected_border {
    background-color: #0099FF;
  }
  .cl-container.web_body .cl-button.btn_border_gray.border_percent_50.selected_border .cl-text {
    font-weight: 500 !important;
    color: #ffffff !important;
  }
  .cl-container.web_body .cl-button.btn_border_gray.border_percent_50.weight .cl-text {
    font-weight: 400 !important;
  }
  .cl-container.web_body .cl-button.btn_border_gray.border_percent_50.weight.cl-focus {
    border: solid 1px #0099FF;
  }
  .cl-container.web_body .cl-button.btn_border_gray.border_percent_50_2 {
    border-radius: 22px;
  }
  .cl-container.web_body .cl-button.btn_border_gray.border_percent_50_2.selected_border {
    background-color: #0099FF;
  }
  .cl-container.web_body .cl-button.btn_border_gray.border_percent_50_2.selected_border .cl-text {
    font-weight: 400 !important;
    color: #ffffff !important;
  }
  .cl-container.web_body .cl-button.btn_border_gray.border8 {
    border-radius: 8px;
  }
  .cl-container.web_body .cl-button.rsrvt_btn {
    border-radius: 4px;
    border: solid 1px #ff870d;
    background: none;
  }
  .cl-container.web_body .cl-button.rsrvt_btn .cl-icon {
    width: 20px;
    height: 20px;
  }
  .cl-container.web_body .cl-button.rsrvt_btn .cl-text {
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: -0.35px !important;
    color: #ff870d !important;
    font-weight: 400 !important;
  }
  .cl-container.web_body .cl-button.web_tmp_btn {
    border: none;
    border-radius: 0px;
    background-color: #0099FF;
  }
  .cl-container.web_body .cl-button.web_tmp_btn .cl-text {
    font-weight: 500 !important;
    font-size: 24px !important;
    letter-spacing: -0.6px;
  }
  .cl-container.web_body .cl-button.slid_navi {
    border: none;
    border-radius: 5px;
    background-color: #c9c9ce;
  }
  .cl-container.web_body .cl-button.slid_navi.selected {
    background-color: #0099FF;
  }
  .cl-container.web_body .cl-button.slid_navi.cl-focus {
    border: solid 1px #0099FF;
  }
  .cl-container.web_body .cl-button.btn_map {
    background-color: #f5f6f8;
    border-radius: 4px;
    border: none;
  }
  .cl-container.web_body .cl-button.btn_map.cl-focus {
    border: none;
  }
  .cl-container.web_body .cl-button.btn_map .cl-text {
    font-size: 14px !important;
    color: #000000 !important;
    letter-spacing: -0.35px;
    line-height: 24px !important;
  }
  .cl-container.web_body .cl-button.btn_map .cl-icon {
    padding-right: 5px !important;
    width: 24px;
    height: 24px;
  }
  .cl-container.web_body .cl-button.tab_btn {
    background: none;
    border: none;
    border-radius: 0px;
    color: #000000;
  }
  .cl-container.web_body .cl-button.tab_btn .cl-text {
    font-size: 18px !important;
    letter-spacing: -0.45px !important;
    font-weight: 400 !important;
  }
  .cl-container.web_body .cl-button.tab_btn.deepGray .cl-text {
    color: #868b92 !important;
  }
  .cl-container.web_body .cl-button.tab_btn.left {
    text-align: left;
  }
  .cl-container.web_body .cl-button.tab_btn.selected_nobottm .cl-text {
    font-weight: 500 !important;
    color: #0099FF !important;
  }
  .cl-container.web_body .cl-button.tab_btn.selected {
    border-bottom: solid 3px #0099FF !important;
  }
  .cl-container.web_body .cl-button.tab_btn.selected .cl-text {
    font-weight: 500 !important;
    color: #0099FF !important;
  }
  .cl-container.web_body .cl-button.tab_btn.padding {
    padding: 0px 22px;
  }
  .cl-container.web_body .cl-button.border_gray_text {
    border: solid 1px #c9c9ce;
    background-color: #ffffff;
  }
  .cl-container.web_body .cl-button.border_gray_text .cl-text {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #868b92 !important;
    letter-spacing: -0.4px;
  }
  .cl-container.web_body .cl-button.border_gray_text.cl-focus {
    border: solid 1px #0099FF;
  }
  .cl-container.web_body .cl-button.btn_rotate_270 {
    transform: rotate(270deg);
    background: none;
    border: none;
  }
  .cl-container.web_body .cl-button.btn_rotate_270.cl-focus {
    border: solid 1px #0099FF;
  }
  .cl-container.web_body .cl-button.btn_rotate_270 .cl-icon {
    width: 24px;
    height: 24px;
  }
  .cl-container.web_body .cl-button.rec {
    text-align: center;
    background-color: rgba(0, 153, 255, 0.1);
    border: none;
    border-radius: 4px;
    color: #0099FF;
  }
  .cl-container.web_body .cl-button.rec .cl-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.4px;
    color: #0099FF;
  }
  .cl-container.web_body .cl-button.rec.font16 .cl-text {
    font-size: 16px;
    letter-spacing: -0.4px;
  }
  .cl-container.web_body .cl-progress.pgr {
    background-image: none;
    background-color: #f5f6f8;
    border: solid 1px #f5f6f8;
    border-radius: 2px;
  }
  .cl-container.web_body .cl-progress.pgr .cl-progress-bar.pgr_bar {
    border-radius: 2px;
    background-color: #ffdb00;
    background-image: none;
    height: 2px;
    min-height: 2px;
  }
  .cl-container.web_body .cl-slider.slide_opa {
    opacity: 0;
  }
  .cl-container.web_body .cl-pageindexer.pixr {
    padding: 0px;
  }
  .cl-container.web_body .cl-pageindexer.pixr .cl-pageindexer-first {
    display: none;
  }
  .cl-container.web_body .cl-pageindexer.pixr .cl-pageindexer-last {
    display: none;
  }
  .cl-container.web_body .cl-pageindexer.pixr .cl-pageindexer-next.pixr_next {
    width: 24px;
    height: 24px;
    margin: 0;
    border: none;
    background-image: url("images/common/75908.svg") !important;
  }
  .cl-container.web_body .cl-pageindexer.pixr .cl-pageindexer-prev.pixr_prev {
    width: 24px;
    height: 24px;
    margin: 0;
    border: none;
    background-image: url("images/common/75908.svg") !important;
    transform: rotate(180deg);
  }
  .cl-container.web_body .cl-pageindexer.pixr .cl-pageindexer-index-area .cl-pageindexer-index.pixr_btn {
    width: 35px;
    height: 35px;
    padding: 0;
    margin: 0px;
    border: none;
    border-radius: 0;
  }
  .cl-container.web_body .cl-pageindexer.pixr .cl-pageindexer-index-area .cl-pageindexer-index.pixr_btn .cl-text {
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #000000;
  }
  .cl-container.web_body .cl-pageindexer.pixr .cl-pageindexer-index-area .cl-pageindexer-index.pixr_btn.cl-selected {
    background-color: #ffffff;
    border: solid 1px #e3e4e6;
    border-radius: 4px;
  }
  .cl-container.web_body .cl-pageindexer.pixr .cl-pageindexer-index-area .cl-pageindexer-index.pixr_btn.cl-selected .cl-text {
    font-weight: 500;
  }
  .cl-container.web_body .cl-combobox.cmb {
    margin-top: 0px !important;
    border: none;
    border-radius: 8px;
    background-color: #f5f6f8;
  }
  .cl-container.web_body .cl-combobox.cmb .cl-text {
    font-size: 18px !important;
    letter-spacing: -0.45px !important;
    font-weight: 400;
    color: #000000 !important;
  }
  .cl-container.web_body .cl-image {
    object-fit: contain;
  }
  .cl-container.web_body .cl-image.rotate270 {
    transform: rotate(270deg);
  }
  .cl-container.web_body .cl-image.objectfit {
    object-fit: contain;
  }
  .cl-container.web_body .cl-image.object_cover {
    object-fit: cover;
  }
  .cl-container.web_body .cl-image.border4 {
    border-radius: 4px;
  }
  .cl-container.web_body .cl-image.border8 {
    border-radius: 8px;
  }
  .cl-container.web_body .cl-image.web_hotpl {
    background-color: rgba(227, 228, 230, 0);
  }
  .cl-container.web_body .cl-image.opa4 {
    opacity: 0.4;
  }
  .cl-container.web_body .cl-image.back_black {
    background-color: #000000;
  }
  .cl-container.web_body .cl-image.grad_black {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(133, 133, 133, 0));
  }
  .cl-container.web_body .cl-image.grad_black_2 {
    background: linear-gradient(to right, #000000, rgba(84, 84, 84, 0));
  }
  .cl-container.web_body .cl-image.no_bottom {
    background-color: #c9c9ce;
    border-radius: 8px 8px 0px 0px;
  }
  .cl-container.web_body .cl-image.border8_body {
    border-radius: 8px;
  }
  .cl-container.web_body .cl-image.col_70_border {
    border: solid 1px #707070;
  }
  .cl-container.web_body .cl-image.noimg_body {
    background-color: #f5f6f8;
  }
  .cl-container.web_body .cl-inputbox.ipb_chge .cl-text {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #000000;
  }
  .cl-container.web_body .cl-inputbox.ipb_chge.padding {
    border: 1px solid #e3e4e6;
    border-radius: 8px;
  }
  .cl-container.web_body .cl-inputbox.ipb_chge.padding .cl-text {
    padding: 0px 16px;
  }
  .cl-container.web_body .cl-inputbox.ipb_chge.nopadding {
    border: 1px solid #e3e4e6;
    border-radius: 8px;
  }
  .cl-container.web_body .cl-inputbox.text_hint {
    border: none;
  }
  .cl-container.web_body .cl-inputbox.text_hint .cl-text {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.4px;
    color: #000000;
  }
  .cl-container.web_body .cl-inputbox.text_hint .cl-text.cl-placeholder {
    color: #c9c9ce !important;
  }
  .cl-container.web_body .cl-linkedcombobox.lcb1_cart > div {
    width: 100%;
  }
  .cl-container.web_body .cl-linkedcombobox.lcb1_cart .cl-linkedcombobox-combo {
    border: none;
    background-color: #f5f6f8;
    border-radius: 8px;
  }
  .cl-container.web_body .cl-linkedcombobox.lcb1_cart .cl-linkedcombobox-combo .cl-text {
    padding: 0px 16px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.4px;
    color: #000000;
  }
  .cl-container.web_body .cl-linkedcombobox.lcb1_cart .cl-linkedcombobox-combo .cl-linkedcombobox-button {
    background-image: url("images/common/navigation_arrow_drop-down_24px.svg");
    width: 24px;
    height: 100%;
    object-fit: contain;
    margin-right: 8px;
  }
  .cl-container.web_body .cl-linkedcombobox.lcb1_cart .cl-linkedcombobox-combo.cl-focus {
    border: none;
  }
  .cl-container.web_body .cl-textarea.review {
    border: 1px solid #e3e4e6;
    border-radius: 8px;
  }
  .cl-container.web_body .cl-textarea.review .cl-text {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.4px;
    color: #000000 !important;
    padding: 20px !important;
  }
  .cl-container.web_body .cl-textarea.review .cl-text.cl-placeholder {
    color: #c9c9ce !important;
  }
  .cl-container.web_body .cl-checkboxgroup.keyword_chk_grp .cl-checkbox {
    border: 1px solid #e3e4e6;
    border-radius: 18px;
    font-size: 16px;
    height: 36px;
  }
  .cl-container.web_body .cl-checkboxgroup.keyword_chk_grp .cl-checkbox .cl-checkbox-field {
    width: 100%;
  }
  .cl-container.web_body .cl-checkboxgroup.keyword_chk_grp .cl-checkbox .cl-text {
    color: #000000;
    line-height: 34px;
    outline: none;
    border: none;
  }
  .cl-container.web_body .cl-checkboxgroup.keyword_chk_grp .cl-checkbox.cl-checked {
    border-color: #0099FF;
    background-color: #0099FF;
  }
  .cl-container.web_body .cl-checkboxgroup.keyword_chk_grp .cl-checkbox.cl-checked .cl-text {
    color: #ffffff;
  }
  .cl-container.web_body .cl-checkboxgroup.sidechoice_cbg .cl-checkbox.cl-checked {
    background-color: #ffffff;
    color: #000000;
    padding: 3px;
    font-size: 1em;
  }
  .cl-container.web_body .cl-checkboxgroup.sidechoice_cbg .cl-text {
    line-height: 24px;
    letter-spacing: -0.35px;
    font-weight: 400 !important;
  }
  .cl-container.web_body .cl-checkboxgroup.sidechoice_cbg .cl-checkbox-icon {
    outline: none;
    width: 24px;
    height: 24px;
    background-image: url("images/common/toggle_check_box_off.svg") !important;
  }
  .cl-container.web_body .cl-checkboxgroup.sidechoice_cbg .cl-checkbox {
    /* 체크박스 hover시 아이콘 스타일 */
  }
  .cl-container.web_body .cl-checkboxgroup.sidechoice_cbg .cl-checkbox:hover .cl-checkbox-icon,
  .cl-container.web_body .cl-checkboxgroup.sidechoice_cbg .cl-checkbox.cl-hover .cl-checkbox-icon {
    background-image: url("images/common/toggle_check_box_off.svg");
  }
  .cl-container.web_body .cl-checkboxgroup.sidechoice_cbg .cl-checkbox.cl-checked {
    /* 체크된 체크박스 hover시 아이콘 스타일 */
  }
  .cl-container.web_body .cl-checkboxgroup.sidechoice_cbg .cl-checkbox.cl-checked .cl-checkbox-icon {
    background-image: url("images/common/toggle_check_box_selected.svg") !important;
  }
  .cl-container.web_body .cl-checkboxgroup.sidechoice_cbg .cl-checkbox.cl-checked:hover .cl-checkbox-icon,
  .cl-container.web_body .cl-checkboxgroup.sidechoice_cbg .cl-checkbox.cl-checked.cl-hover .cl-checkbox-icon {
    background-image: url("images/common/toggle_check_box_selected.svg");
  }
  .cl-container.web_udc.back_white {
    background-color: #ffffff;
  }
  .cl-container.web_udc.hasborder {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.18);
  }
  .cl-container.web_udc.hasborder_gray {
    background-color: #ffffff;
    border-radius: 8px;
    border: 1px solid #e3e4e6;
  }
  .cl-container.web_udc .cl-container.web_loc_all {
    background-color: #E5F5FF;
    border-radius: 100%;
  }
  .cl-container.web_udc .cl-container.web_loc_all .cl-output.arrow {
    background-color: #0099FF;
  }
  .cl-container.web_udc .cl-container.web_loc_all.cl-focus {
    background-color: red;
    border: solid 1px #0099FF;
    opacity: 0.4;
  }
  .cl-container.web_udc .cl-container.grp_rec {
    background-color: rgba(0, 153, 255, 0.1);
    border-radius: 4px;
  }
  .cl-container.web_udc .cl-container.grp_rec .cl-text {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.35px;
    color: #0099FF;
  }
  .cl-container.web_udc .cl-container.udc_web_banner .cl-container.udc_form {
    border-radius: 19px;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .cl-container.web_udc .cl-container.udc_web_banner .cl-container.udc_form .cl-output {
    text-align: center;
  }
  .cl-container.web_udc .cl-container.udc_web_banner .cl-container.udc_form .cl-output .cl-text {
    font-weight: 500;
    font-family: Roboto;
    font-size: 20px;
    color: #ffffff;
  }
  .cl-container.web_udc .cl-container.udc_web_banner.only_text .cl-output {
    border-radius: 16px;
    background-color: rgba(0, 0, 0, 0.5) !important;
    text-align: center;
  }
  .cl-container.web_udc .cl-container.udc_web_banner.only_text .cl-output .cl-text {
    font-family: Roboto;
    font-weight: 500;
    font-size: 16px !important;
    color: #ffffff !important;
  }
  .cl-container.web_udc .cl-container.udc_web_detail {
    border-radius: 4px;
    border: 1px solid #e3e4e6;
  }
  .cl-container.web_udc .cl-container.udc_web_detail.border8 {
    border-radius: 8px;
  }
  .cl-container.web_udc .cl-container.udc_web_detail .cl-output.prd_cpn_text {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.3px;
  }
  .cl-container.web_udc .cl-container.udc_web_detail .cl-output.cart_cpn_count {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.3px;
    color: #868b92;
  }
  .cl-container.web_udc .cl-container.rdb_cbx_container .cl-checkbox {
    vertical-align: top;
    padding: 0px;
  }
  .cl-container.web_udc .cl-container.rdb_cbx_container .cl-checkbox .cl-checkbox-icon {
    width: 24px;
    height: 24px;
  }
  .cl-container.web_udc .cl-container.rdb_cbx_container .cl-checkbox.rdb .cl-checkbox-icon {
    width: 24px;
    height: 24px;
    background-image: url("images/common/radio_button_default.svg");
  }
  .cl-container.web_udc .cl-container.rdb_cbx_container .cl-checkbox.rdb .cl-checkbox-icon .cl-text {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.4px;
    color: #000000;
  }
  .cl-container.web_udc .cl-container.rdb_cbx_container .cl-checkbox.rdb.cl-checked .cl-checkbox-icon {
    background-image: url("images/common/radio_button_selected.svg");
  }
  .cl-container.web_udc .cl-container.border_bottom {
    border-bottom: solid 1px #e3e4e6;
  }
  .cl-container.web_udc .cl-container.exp_filter {
    border-radius: 4px;
    background-color: #f5f6f8;
  }
  .cl-container.web_udc .cl-container.exp_filter .cl-numbereditor.cnt {
    text-align: center;
  }
  .cl-container.web_udc .cl-container.exp_filter .cl-numbereditor.cnt .cl-text {
    font-size: 16px;
    font-family: Roboto;
    font-weight: 400;
    color: #000000;
  }
  .cl-container.web_udc .cl-container.opa {
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.8);
  }
  .cl-container.web_udc .cl-container.photo_list .cl-output.gubun .cl-text {
    font-size: 18px;
    line-height: 18px;
    color: #717377;
    font-weight: 400;
  }
  .cl-container.web_udc .cl-container.photo_list .cl-output.ph_title .cl-text {
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -0.63px;
    color: #212123;
    font-weight: 500;
  }
  .cl-container.web_udc .cl-container.back_light_gray {
    background-color: #f5f6f8;
  }
  .cl-container.web_udc .cl-container.back_light_gray .cl-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.35px;
    color: #000000;
  }
  .cl-container.web_udc .cl-container.web_cart_layout.no_content .cl-output .cl-text {
    color: #e3e4e6;
  }
  .cl-container.web_udc .cl-output.small {
    text-align: center;
  }
  .cl-container.web_udc .cl-output.small .cl-text {
    font-weight: 500;
    font-size: 16px;
    color: #ffffff;
  }
  .cl-container.web_udc .cl-output.small.weight_r {
    text-align: left;
  }
  .cl-container.web_udc .cl-output.small.weight_r .cl-text {
    font-weight: 400;
    color: #000000;
    letter-spacing: -0.4px;
  }
  .cl-container.web_udc .cl-output.small.bgc .cl-text {
    color: #0099FF;
  }
  .cl-container.web_udc .cl-output.small.inf_text {
    text-align: left;
  }
  .cl-container.web_udc .cl-output.small.inf_text .cl-text {
    font-size: 18px;
    letter-spacing: -0.45px;
  }
  .cl-container.web_udc .cl-output.small.inf_text.big .cl-text {
    font-size: 20px;
    letter-spacing: -0.5px;
  }
  .cl-container.web_udc .cl-output.big {
    text-align: center;
  }
  .cl-container.web_udc .cl-output.big .cl-text {
    font-weight: 500;
    font-size: 28px;
    color: #ffffff;
  }
  .cl-container.web_udc .cl-output.big.bgc .cl-text {
    color: #0099FF;
  }
  .cl-container.web_udc .cl-output.white_col .cl-text {
    color: #ffffff;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.6px;
  }
  .cl-container.web_udc .cl-output.white_col.roboto .cl-text {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.45px;
  }
  .cl-container.web_udc .cl-output.white_col.font_14_weight {
    text-align: center;
  }
  .cl-container.web_udc .cl-output.white_col.font_14_weight .cl-text {
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
  }
  .cl-container.web_udc .cl-output.white_col.font42 .cl-text {
    font-size: 42px;
    letter-spacing: -1.05px;
  }
  .cl-container.web_udc .cl-output.white_col.weight_light .cl-text {
    font-weight: 300;
  }
  .cl-container.web_udc .cl-output.white_col.font16 .cl-text {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.4px;
  }
  .cl-container.web_udc .cl-output.white_col.font20 .cl-text {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.5px;
  }
  .cl-container.web_udc .cl-output.white_col.vertical_down {
    vertical-align: bottom !important;
  }
  .cl-container.web_udc .cl-output.title .cl-text {
    color: #000000;
    font-weight: 500;
    font-size: 20px !important;
    line-height: 24px;
    letter-spacing: -0.5px !important;
  }
  .cl-container.web_udc .cl-output.title.regular .cl-text {
    font-weight: 400;
  }
  .cl-container.web_udc .cl-output.title.right {
    text-align: right;
  }
  .cl-container.web_udc .cl-output.title.roboto_won .cl-text {
    font-family: Roboto;
  }
  .cl-container.web_udc .cl-output.title_noheight .cl-text {
    color: #000000;
    font-weight: 500;
    font-size: 20px !important;
  }
  .cl-container.web_udc .cl-output.title_noheight.regular .cl-text {
    font-weight: 400;
  }
  .cl-container.web_udc .cl-output.title_noheight.right {
    text-align: right;
  }
  .cl-container.web_udc .cl-output.title_noheight.roboto_won .cl-text {
    font-family: Roboto;
  }
  .cl-container.web_udc .cl-output.hint_gray .cl-text {
    font-weight: 400;
    color: #868b92;
    font-size: 14px;
    line-height: 20px;
  }
  .cl-container.web_udc .cl-output.hint_gray.weight .cl-text {
    font-weight: 500 !important;
  }
  .cl-container.web_udc .cl-output.hint_gray.vertop {
    vertical-align: top;
  }
  .cl-container.web_udc .cl-output.hint_gray.font16 .cl-text {
    font-size: 16px;
  }
  .cl-container.web_udc .cl-output.hint_gray.right {
    text-align: right;
  }
  .cl-container.web_udc .cl-output.hint_gray.spacing .cl-text {
    line-height: 23px;
    letter-spacing: -0.35px;
  }
  .cl-container.web_udc .cl-output.hint_gray2 .cl-text {
    font-weight: 400;
    color: #868b92;
    font-size: 14px;
    line-height: 20px;
  }
  .cl-container.web_udc .cl-output.hint_gray2.weight .cl-text {
    font-weight: 500 !important;
  }
  .cl-container.web_udc .cl-output.hint_gray2.vertop {
    vertical-align: top;
  }
  .cl-container.web_udc .cl-output.hint_gray2.font16 .cl-text {
    font-size: 16px;
  }
  .cl-container.web_udc .cl-output.hint_gray2.right {
    text-align: right;
  }
  .cl-container.web_udc .cl-output.hint_gray2.spacing .cl-text {
    line-height: 23px;
    letter-spacing: -0.35px;
  }
  .cl-container.web_udc .cl-output.udc_red .cl-text {
    color: #ff3838;
    font-size: 18px;
    font-weight: 500;
  }
  .cl-container.web_udc .cl-output.udc_red.font20 .cl-text {
    font-size: 20px;
  }
  .cl-container.web_udc .cl-output.udc_red.font24 .cl-text {
    font-size: 24px;
  }
  .cl-container.web_udc .cl-output.udc_red.right {
    text-align: right;
  }
  .cl-container.web_udc .cl-output.udc_red.vertical_bottom {
    vertical-align: bottom;
  }
  .cl-container.web_udc .cl-output.udc_red.roboto .cl-text {
    font-family: Roboto;
  }
  .cl-container.web_udc .cl-output.udc_bold {
    text-align: left;
  }
  .cl-container.web_udc .cl-output.udc_bold .cl-text {
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.45px;
    color: #000000;
  }
  .cl-container.web_udc .cl-output.udc_bold.list .cl-text {
    font-size: 20px;
  }
  .cl-container.web_udc .cl-output.udc_bold.font14 .cl-text {
    font-size: 14px;
  }
  .cl-container.web_udc .cl-output.udc_bold.font14_2 .cl-text {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.35px;
  }
  .cl-container.web_udc .cl-output.udc_bold.font16 .cl-text {
    font-size: 16px;
    letter-spacing: -0.4px;
  }
  .cl-container.web_udc .cl-output.udc_bold.font16.ok .cl-text {
    color: #0099FF;
  }
  .cl-container.web_udc .cl-output.udc_bold.font16.cancel .cl-text {
    color: #ff3838;
  }
  .cl-container.web_udc .cl-output.udc_bold.font18 .cl-text {
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.45px;
  }
  .cl-container.web_udc .cl-output.udc_bold.right {
    text-align: right;
  }
  .cl-container.web_udc .cl-output.udc_bold.ver_top {
    vertical-align: top;
  }
  .cl-container.web_udc .cl-output.udc_bold.weight_400 .cl-text {
    font-weight: 400;
  }
  .cl-container.web_udc .cl-output.udc_line .cl-text {
    color: #c9c9ce;
    font-size: 14px !important;
    line-height: 20px;
    font-weight: 400 !important;
    letter-spacing: -0.35px !important;
    text-decoration: line-through;
  }
  .cl-container.web_udc .cl-output.udc_line.noline .cl-text {
    text-decoration: none;
  }
  .cl-container.web_udc .cl-output.udc_line.right {
    text-align: right;
  }
  .cl-container.web_udc .cl-output.udc_line.font18 .cl-text {
    font-size: 18px !important;
    letter-spacing: -0.45px !important;
  }
  .cl-container.web_udc .cl-output.udc_line.black .cl-text {
    color: black;
    font-size: 20px !important;
    line-height: 24px;
    font-weight: 500 !important;
    letter-spacing: -0.5px !important;
    text-decoration: underline;
  }
  .cl-container.web_udc .cl-output.info .cl-text {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.35px;
    line-height: 20px;
    color: #0099FF;
  }
  .cl-container.web_udc .cl-output.info.right {
    text-align: right;
  }
  .cl-container.web_udc .cl-output.light_gray {
    background-color: #f5f6f8;
    border-radius: 4px;
    text-align: center;
  }
  .cl-container.web_udc .cl-output.light_gray .cl-text {
    color: #868b92;
    font-size: 14px;
    letter-spacing: -0.35px;
  }
  .cl-container.web_udc .cl-output.img_num {
    border-top-left-radius: 8px;
    background-color: rgba(0, 0, 0, 0.8);
  }
  .cl-container.web_udc .cl-output.img_num .cl-text {
    font-family: Roboto;
    font-weight: 500;
    text-align: center;
    font-size: 18px !important;
    line-height: 33px !important;
    color: #ffffff;
  }
  .cl-container.web_udc .cl-output.grad_text .cl-text {
    font-weight: 400;
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: -0.4px !important;
    color: #0099FF;
    background: linear-gradient(#ffffff 50%, #E5F5FF 50%);
  }
  .cl-container.web_udc .cl-output.rst_sm {
    border-radius: 4px;
    background-color: rgba(0, 213, 92, 0.1);
    text-align: center;
  }
  .cl-container.web_udc .cl-output.rst_sm .cl-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.35px;
    color: #00d55c;
  }
  .cl-container.web_udc .cl-output.rst_rsv {
    border-radius: 4px;
    background-color: #FBF0E5;
    text-align: center;
  }
  .cl-container.web_udc .cl-output.rst_rsv .cl-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.35px;
    color: #ff870d;
  }
  .cl-container.web_udc .cl-output.fivestar_web {
    border-radius: 4px;
    background-color: rgba(0, 153, 255, 0.1);
    padding: 2px 6px;
  }
  .cl-container.web_udc .cl-output.fivestar_web .cl-text {
    font-weight: 500;
    color: #0099FF;
    font-size: 14px;
    letter-spacing: -0.35px;
  }
  .cl-container.web_udc .cl-output.smartorder_web {
    border-radius: 4px;
    background-color: rgba(0, 213, 92, 0.1);
    padding: 2px 6px;
  }
  .cl-container.web_udc .cl-output.smartorder_web .cl-text {
    font-weight: 500;
    color: #00d55c;
    font-size: 14px;
    letter-spacing: -0.35px;
  }
  .cl-container.web_udc .cl-output.rst_rsv_web {
    border-radius: 4px;
    background-color: #FBF0E5;
    padding: 2px 6px;
  }
  .cl-container.web_udc .cl-output.rst_rsv_web .cl-text {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.35px;
    color: #ff870d;
  }
  .cl-container.web_udc .cl-output.col_main .cl-text {
    color: #0099FF;
  }
  .cl-container.web_udc .cl-output.col_main.roboto .cl-text {
    font-family: Roboto;
    font-weight: 500;
    line-height: 20px;
  }
  .cl-container.web_udc .cl-output.color_71 .cl-text {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.4px;
    color: #717377;
  }
  .cl-container.web_udc .cl-output.color_71.font14 .cl-text {
    font-size: 14px;
    letter-spacing: -0.35px;
  }
  .cl-container.web_udc .cl-output.color_21 .cl-text {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.4px;
    color: #212123;
  }
  .cl-container.web_udc .cl-output.color_21.spacing .cl-text {
    font-weight: 400;
    letter-spacing: -0.56px;
  }
  .cl-container.web_udc .cl-output.color_21.font18 .cl-text {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.63px;
  }
  .cl-container.web_udc .cl-image {
    object-fit: contain;
  }
  .cl-container.web_udc .cl-image.web_location_img {
    border-radius: 100%;
  }
  .cl-container.web_udc .cl-image.web_location_img.cl-focus {
    border: solid 1px #0099FF;
  }
  .cl-container.web_udc .cl-image.border8 {
    border-radius: 8px;
  }
  .cl-container.web_udc .cl-image.border4 {
    border-radius: 4px;
  }
  .cl-container.web_udc .cl-image.noimg {
    border: solid 1px #707070;
  }
  .cl-container.web_udc .cl-image.noimg_inset {
    border-style: inset !important;
    border: solid 1px #707070;
  }
  .cl-container.web_udc .cl-image.noimg2 {
    background-color: #e3e4e6;
  }
  .cl-container.web_udc .cl-image.noimg3 {
    background-color: #868b92;
  }
  .cl-container.web_udc .cl-image.noimg4 {
    background-color: #c9c9ce;
  }
  .cl-container.web_udc .cl-button.btn_choice {
    border-radius: 8px;
    border: none;
    background-color: #c9c9ce;
    background-image: none;
    border: none;
    text-align: center;
  }
  .cl-container.web_udc .cl-button.btn_choice .cl-text {
    font-size: 16px;
    color: #ffffff;
    letter-spacing: -0.4px;
    font-weight: 400;
  }
  .cl-container.web_udc .cl-button.btn_choice.selected {
    background-color: #0099FF;
  }
  .cl-container.web_udc .cl-button.btn_choice.selected .cl-text {
    font-weight: 500;
  }
  .cl-container.web_udc .cl-button.btn_select {
    border-radius: 4px;
    border: solid 1px #c9c9ce;
    background-color: #ffffff;
    background-image: none;
    text-align: center;
  }
  .cl-container.web_udc .cl-button.btn_select .cl-text {
    font-size: 16px !important;
    font-weight: 400 !important;
    letter-spacing: -0.4px;
    color: #000000 !important;
  }
  .cl-container.web_udc .cl-button.btn_banner {
    border: solid 2px #ffffff;
    border-radius: 25px;
    background-color: transparent;
  }
  .cl-container.web_udc .cl-button.btn_banner .cl-text {
    font-weight: 300 !important;
    font-size: 20px !important;
    line-height: 20px !important;
    letter-spacing: -0.5px !important;
  }
  .cl-container.web_udc .cl-button.btn_banner.cl-focus {
    border: solid 2px #0099FF;
  }
  .cl-container.web_udc .cl-button.btn_coupon {
    background-color: #ff6e0d;
    border-radius: 4px;
    border: none;
  }
  .cl-container.web_udc .cl-button.btn_coupon.cl-focus {
    border: none;
  }
  .cl-container.web_udc .cl-button.btn_coupon .cl-text {
    font-weight: 500 !important;
    font-size: 16px !important;
    letter-spacing: -0.4px;
    color: #ffffff !important;
  }
  .cl-container.web_udc .cl-button.btn_coupon .cl-image {
    width: 17px;
    height: 17px;
    padding-right: 3px;
  }
  .cl-container.web_udc .cl-button.btn_reveiw {
    background-color: #ffffff;
    border: solid 1px #0099FF;
    border-radius: 4px;
  }
  .cl-container.web_udc .cl-button.btn_reveiw.cl-focus {
    border: solid 1px #0099FF;
  }
  .cl-container.web_udc .cl-button.btn_reveiw .cl-text {
    font-weight: 500 !important;
    font-size: 14px !important;
    letter-spacing: -0.35px;
    color: #0099FF !important;
  }
  .cl-container.web_udc .cl-button.btn_good {
    border: none;
    background-color: rgba(0, 153, 255, 0.1);
    border-radius: 4px;
    opacity: 1;
    padding: 0px 10px;
  }
  .cl-container.web_udc .cl-button.btn_good .cl-text {
    font-weight: 500 !important;
    font-size: 14px !important;
    letter-spacing: -0.35px;
    color: #0099FF !important;
  }
  .cl-container.web_udc .cl-button.btn_good .cl-icon {
    width: 20px;
    height: 20px;
    margin-left: 1px;
  }
  .cl-container.web_udc .cl-button.noBtn {
    background-image: none;
    background-color: transparent;
    border: none;
  }
  .cl-container.web_udc .cl-button.noBtn.cl-focus {
    border: solid 1px #0099FF;
  }
  .cl-container.web_udc .cl-embeddedapp.web_coupon {
    border: 1px solid #e3e4e6;
    border-radius: 8px;
  }
  .cl-container.web_udc .cl-embeddedapp.web_coupon .cl-image {
    object-fit: contain;
    background-image: url("images/common/radio_button_default.svg");
  }
  .cl-container.web_udc .cl-embeddedapp.web_coupon.selected {
    border: 1px solid #0099ff;
    border-radius: 8px;
  }
  .cl-container.web_udc .cl-embeddedapp.web_coupon.selected .cl-image {
    background-image: url("images/common/radio_button_selected.svg");
  }
  .cl-radiobutton.menu_radiobutton .cl-radiobutton-item {
    border-radius: 22px;
    border: 1px solid #e3e4e6;
    /* 선택된 라디오아이템 아이콘 스타일 */
  }
  .cl-radiobutton.menu_radiobutton .cl-radiobutton-item .cl-text {
    font-size: 18px;
    line-height: 27px;
    color: #000000;
    letter-spacing: -0.45px;
    padding: 4px 16px;
  }
  .cl-radiobutton.menu_radiobutton .cl-radiobutton-item.cl-selected {
    outline: none;
    border-color: #0099FF;
    background-color: #0099FF;
  }
  .cl-radiobutton.menu_radiobutton .cl-radiobutton-item.cl-selected .cl-text {
    color: #ffffff;
    outline: none !important;
  }
  .swiper.review_list .swiper-slide {
    width: 345px;
    height: 237px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px;
    background-color: #e3e4e6;
  }
  .main_swiper_wrapper .zindex10 {
    z-index: 10;
  }
  .main_swiper_wrapper .main-banner-swiper .swiper-slide-prev {
    filter: brightness(50%);
  }
  .main_swiper_wrapper .main-banner-swiper .swiper-slide-next {
    filter: brightness(50%);
  }
  .main_swiper_wrapper .main-banner-swiper .swiper-slide {
    width: 940px !important;
    height: 500px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .main_swiper_wrapper .main-banner-swiper .slide-index-box {
    position: absolute;
    right: 32px;
    bottom: 32px;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 98px;
    height: 38px;
    background-color: rgba(0, 0, 0, 0.53);
    border-radius: 19px;
  }
  .main_swiper_wrapper .main-banner-swiper .slide-index-box span {
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: 500;
    color: #fff;
  }
  .detail_swiper_wrapper .zindex10 {
    z-index: 10;
  }
  .detail_swiper_wrapper .detail-banner-swiper .swiper-slide {
    width: 486px !important;
    height: 350px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .detail_swiper_wrapper .detail-banner-swiper .slide-index-box {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 61px;
    height: 32px;
    background-color: rgba(0, 0, 0, 0.53);
    border-radius: 16px;
  }
  .detail_swiper_wrapper .detail-banner-swiper .slide-index-box span {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 500;
    color: #fff;
  }
}
/* 콤보 박스 리스트 박스 */
.cl-linkedcombobox-list.lcb1_cart_info {
  background-color: #ffffff;
  border: none !important;
  border-radius: 0px;
  color: #000000;
  direction: rtl;
}
.cl-linkedcombobox-list.lcb1_cart_info .cl-viewport {
  margin-right: auto;
}
.cl-linkedcombobox-list.lcb1_cart_info .cl-scrollbar::-webkit-scrollbar {
  display: block;
  width: 6px;
  /*스크롤바의 너비*/
}
.cl-linkedcombobox-list.lcb1_cart_info .cl-scrollbar::-webkit-scrollbar-thumb {
  background-color: #868b92;
  /*스크롤바의 색상*/
  border-radius: 3px;
}
.cl-linkedcombobox-list.lcb1_cart_info .cl-scrollbar::-webkit-scrollbar-track {
  background-color: #e3e4e6;
  /*스크롤바 트랙 색상*/
}
/**
 * 모바일 공통
 */
.cl-overlay {
  background-color: black;
  opacity: 50%;
}
/**
 * [모바일] 로그인 페이지
 */
.cl-container.m_login_body {
  height: 100% !important;
  /* Disable 상태의 버튼 */
  /* 인풋 박스 - 클리어 버튼 */
}
.cl-container.m_login_body .cl-container.splash_layout {
  height: 100%;
}
.cl-container.m_login_body .cl-container.splash_layout.splash_img {
  min-height: 740px;
  max-height: 100%;
  width: auto;
}
.cl-container.m_login_body .cl-htmlsnippet .naver_btn img {
  border-radius: 50%;
}
.cl-container.m_login_body .cl-htmlsnippet .apple_btn {
  width: 44px;
}
.cl-container.m_login_body .cl-htmlsnippet .apple_btn.cl-focus {
  opacity: 0.4;
}
.cl-container.m_login_body .cl-htmlsnippet .apple_btn:not(.cl-focus) *:focus {
  opacity: 0.4;
}
.cl-container.m_login_body .cl-inputbox {
  background-image: none;
  background-color: #ffffff;
  border: none;
  border-bottom: 1px solid #e3e4e6;
  color: #48484a;
  border-radius: 0px;
}
.cl-container.m_login_body .cl-inputbox .cl-text {
  font-size: 16px;
  padding: 0px;
}
.cl-container.m_login_body .cl-inputbox .cl-text.cl-placeholder {
  color: #c9c9ce !important;
}
.cl-container.m_login_body .cl-inputbox.cl-focus {
  border-color: #0099FF;
}
.cl-container.m_login_body .cl-inputbox.web_output {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
}
.cl-container.m_login_body .cl-inputbox.web_output .cl-text {
  padding-left: 18px;
}
.cl-container.m_login_body .cl-inputbox.web_output .cl-inputbox-clear {
  margin: 12px 16px;
}
.cl-container.m_login_body .cl-inputbox.web_output.cl-focus {
  border-color: #0099FF;
}
.cl-container.m_login_body .cl-inputbox.web_pw_output {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
}
.cl-container.m_login_body .cl-inputbox.web_pw_output .cl-text {
  padding-left: 18px;
}
.cl-container.m_login_body .cl-inputbox.web_pw_output .cl-inputbox-clear {
  margin: 10px 44px;
}
.cl-container.m_login_body .cl-inputbox.web_pw_output.cl-focus {
  border-color: #0099FF;
}
.cl-container.m_login_body .cl-inputbox.en_text {
  ime-mode: inactive;
}
.cl-container.m_login_body .cl-button {
  color: #000;
  background-image: linear-gradient(#FCFEFF, #E0E1E2);
  border-radius: 4px;
  border: solid 1px #959697;
  text-shadow: 0px 1px 0px white;
  /* 버튼위에 마우스를 올렸을 때의 스타일 */
  /* 버튼이 포커스를 가졌을 때의 스타일 */
}
.cl-container.m_login_body .cl-button:not(.cl-disabled):hover {
  color: #ffffff;
}
.cl-container.m_login_body .cl-button:focus,
.cl-container.m_login_body .cl-button.cl-focus {
  border: solid 1px #0099ff;
}
.cl-container.m_login_body .cl-button.cl-disabled {
  border-color: #c9c9ce;
  color: #ffffff;
}
.cl-container.m_login_body .cl-button.btn-login {
  background-image: none;
  background-color: #0099ff;
  border: none;
  border-radius: 8px;
  color: #ffffff;
  font-weight: 500;
  text-shadow: none;
}
.cl-container.m_login_body .cl-container.login-utils .cl-button {
  background-image: none;
  background-color: transparent;
  border: none;
  border-radius: 0px;
  color: #48484a;
  text-shadow: none;
}
.cl-container.m_login_body .cl-container.login-utils .cl-layout-wrap:not(:first-child):after {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  top: calc(50% - 5px);
  left: -20px;
  background-color: #d1d1d6;
}
.cl-container.m_login_body .cl-container.login-options .cl-container.tit .cl-output {
  background-color: #ffffff;
  color: #000000;
  font-size: 14px;
  padding: 0px 20px;
  text-align: center;
}
.cl-container.m_login_body .cl-container.login-options .cl-button {
  background-image: none;
  background-color: transparent;
  border: none;
  border-radius: 0px;
  color: #000000;
  font-size: 12px;
  text-shadow: none;
}
.cl-container.m_login_body .cl-container.login-options .cl-button .cl-text {
  letter-spacing: -0.3px;
}
.cl-container.m_login_body .cl-container.login-options .cl-button .cl-icon {
  width: 48px;
  height: 48px;
}
.cl-container.m_login_body .cl-container.login-options .cl-button.cl-icon-align-top .cl-icon {
  margin-bottom: 6px;
}
.cl-container.m_login_body .cl-inputbox-clear {
  width: 24px;
  height: 24px;
}
.cl-container.m_login_body .cl-checkbox .cl-checkbox-icon {
  width: 20px;
  min-height: 20px;
}
/*
 *	이용동의화면 
 */
.cl-container.m_signup {
  height: auto;
  min-height: 760px;
  /* Disable 상태의 버튼 */
}
.cl-container.m_signup .cl-button {
  background-image: none;
  background-color: #0099ff;
  border: none;
  border-radius: 8px;
  color: #ffffff;
  font-weight: 500;
  text-shadow: none;
  /* 버튼위에 마우스를 올렸을 때의 스타일 */
  /* 버튼이 포커스를 가졌을 때의 스타일 */
  /* 버튼을 클릭했을 때의 스타일 */
}
.cl-container.m_signup .cl-button:not(.cl-disabled):hover {
  color: #ffffff;
}
.cl-container.m_signup .cl-button:focus,
.cl-container.m_signup .cl-button.cl-focus {
  border: solid 1px #0099ff;
}
.cl-container.m_signup .cl-button:not(.cl-disabled).cl-activated,
.cl-container.m_signup .cl-button:not(.cl-disabled):active {
  background-image: linear-gradient(#ddd, #eee 5px, #ddd);
  border-color: #c9c9ce;
}
.cl-container.m_signup .cl-button.cl-disabled {
  border-color: #c9c9ce;
  color: #ffffff;
  background-image: none;
  background-color: #c9c9ce;
}
.cl-container.m_signup .cl-checkbox.check {
  font-size: 16px;
  font-weight: 500;
}
.cl-container.m_signup .cl-checkbox .cl-checkbox-icon {
  width: 20px;
  min-height: 20px;
}
.cl-container.m_signup .cl-output {
  font-size: 14px;
  font-weight: 500;
}
.cl-container.m_signup .cl-output.m_header {
  font-size: 16px;
}
.cl-container.m_signup .cl-output.underline_output .cl-text {
  text-decoration: underline !important;
  text-underline-offset: 4px;
}
/*	아이디,비밀번호 찾기	*/
.cl-container.m_idpw_find_body {
  /* tabfolder*/
  /* Disable 상태의 버튼 */
}
.cl-container.m_idpw_find_body .cl-tabfolder {
  color: #000000;
  background-color: white;
  /* 헤더 */
  /* 탭폴더 바디 */
}
.cl-container.m_idpw_find_body .cl-tabfolder .cl-tabfolder-header {
  text-align: center;
  /* 탭 헤더 아이템 */
  /* 헤더 위치 스타일 */
}
.cl-container.m_idpw_find_body .cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item {
  background-color: white;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  border-bottom: 1px solid #babfc7 !important;
  width: 140px;
  margin: 0px 10px;
  display: block !important;
  /* 탭 헤더 아이템 - 선택됨 */
  /*	탭 텍스트 선택시 이벤트*/
  /* 탭 헤더 아이템 - 호버 */
}
.cl-container.m_idpw_find_body .cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-selected {
  background-color: white;
  color: #0099ff;
  text-decoration-line: none;
  /* 탭 헤더 아이템 닫기 버튼 - 선택 됨 */
}
.cl-container.m_idpw_find_body .cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item .cl-text:focus {
  text-decoration: none;
}
.cl-container.m_idpw_find_body .cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item:not(.cl-selected):hover {
  background-color: white;
}
.cl-container.m_idpw_find_body .cl-tabfolder .cl-tabfolder-header.cl-top {
  background-image: linear-gradient(#BABFC7, #BABFC7);
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: 0px 100%;
}
.cl-container.m_idpw_find_body .cl-tabfolder .cl-tabfolder-header.cl-top .cl-tabfolder-prev,
.cl-container.m_idpw_find_body .cl-tabfolder .cl-tabfolder-header.cl-top .cl-tabfolder-next {
  border-bottom: #BABFC7 !important;
}
.cl-container.m_idpw_find_body .cl-tabfolder .cl-tabfolder-header.cl-top .cl-tabfolder-item.cl-selected {
  border-bottom: 3px solid !important;
}
.cl-container.m_idpw_find_body .cl-tabfolder .cl-tabfolder-body {
  background-color: white;
  color: #000000;
  border: none;
}
.cl-container.m_idpw_find_body .cl-button {
  background-image: none;
  background-color: #0099ff;
  border: none;
  border-radius: 8px;
  color: #ffffff;
  font-weight: 500;
  text-shadow: none;
  /* 버튼위에 마우스를 올렸을 때의 스타일 */
  /* 버튼이 포커스를 가졌을 때의 스타일 */
  /* 버튼을 클릭했을 때의 스타일 */
}
.cl-container.m_idpw_find_body .cl-button:not(.cl-disabled):hover {
  color: #ffffff;
}
.cl-container.m_idpw_find_body .cl-button:focus,
.cl-container.m_idpw_find_body .cl-button.cl-focus {
  border: solid 1px #0099ff;
}
.cl-container.m_idpw_find_body .cl-button:not(.cl-disabled).cl-activated,
.cl-container.m_idpw_find_body .cl-button:not(.cl-disabled):active {
  background-image: linear-gradient(#ddd, #eee 5px, #ddd);
  border-color: #c9c9ce;
}
.cl-container.m_idpw_find_body .cl-button.cl-disabled {
  border-color: #c9c9ce;
  color: #ffffff;
  background-image: none;
  background-color: #c9c9ce;
}
.cl-container.m_idpw_find_body .cl-inputbox {
  background-image: none;
  background-color: #ffffff;
  border: none;
  border-bottom: 1px solid #e3e4e6;
  color: #48484a;
  border-radius: 0px;
}
.cl-container.m_idpw_find_body .cl-inputbox .cl-text {
  font-size: 16px;
  padding: 0px;
}
.cl-container.m_idpw_find_body .cl-inputbox .cl-text.cl-placeholder {
  color: #c9c9ce !important;
}
.cl-container.m_idpw_find_body .cl-inputbox.cl-focus {
  border-color: #0099ff;
}
/*
 * 아이디 찾기 완료
 */
.cl-container.id_find_layout .cl-button {
  background-image: none;
  background-color: #0099ff;
  border: none;
  border-radius: 8px;
  color: #ffffff;
  font-weight: 500;
  text-shadow: none;
  /* 버튼위에 마우스를 올렸을 때의 스타일 */
  /* 버튼이 포커스를 가졌을 때의 스타일 */
  /* 버튼을 클릭했을 때의 스타일 */
}
.cl-container.id_find_layout .cl-button:not(.cl-disabled):hover {
  color: #ffffff;
}
.cl-container.id_find_layout .cl-button:focus,
.cl-container.id_find_layout .cl-button.cl-focus {
  border: solid 1px #0099ff;
}
.cl-container.id_find_layout .cl-button:not(.cl-disabled).cl-activated,
.cl-container.id_find_layout .cl-button:not(.cl-disabled):active {
  background-image: none;
}
.cl-checkbox.chkbox_text .cl-text {
  text-decoration: underline;
  text-underline-position: under;
  outline: none;
}
.cl-button.pwfind_btn {
  background-color: white !important;
  color: #0099ff !important;
  /* 버튼을 클릭했을 때의 스타일 */
}
.cl-button.pwfind_btn:not(.cl-disabled).cl-activated,
.cl-button.pwfind_btn:not(.cl-disabled):active {
  background-image: none;
}
.cl-button.pwfind_btn.cl-focus {
  border: none;
}
.content {
  font-size: 12px;
  color: #868b92;
  letter-spacing: -0.3px;
  line-height: 20px;
}
.cl-button.click_btn {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  color: #868b92;
  /* 버튼을 클릭했을 때의 스타일 */
}
.cl-button.click_btn:not(.cl-disabled).cl-activated,
.cl-button.click_btn:not(.cl-disabled):active {
  background-image: none;
}
/*
 * [모바일]회원가입 페이지
 * 
 */
.cl-container.m_sign_up_body {
  /* Disable 상태의 버튼 */
  /* 인풋 박스 - 클리어 버튼 */
}
.cl-container.m_sign_up_body .cl-button {
  background-image: none;
  background-color: #0099ff;
  border: none;
  border-radius: 8px;
  color: #ffffff;
  font-weight: 500;
  text-shadow: none;
  /* 버튼위에 마우스를 올렸을 때의 스타일 */
  /* 버튼이 포커스를 가졌을 때의 스타일 */
  /* 버튼을 클릭했을 때의 스타일 */
}
.cl-container.m_sign_up_body .cl-button:not(.cl-disabled):hover {
  color: #ffffff;
}
.cl-container.m_sign_up_body .cl-button:focus,
.cl-container.m_sign_up_body .cl-button.cl-focus {
  border: solid 1px #0099ff;
}
.cl-container.m_sign_up_body .cl-button:not(.cl-disabled).cl-activated,
.cl-container.m_sign_up_body .cl-button:not(.cl-disabled):active {
  background-image: linear-gradient(#ddd, #eee 5px, #ddd);
  border-color: #c9c9ce;
}
.cl-container.m_sign_up_body .cl-button.cl-disabled {
  border-color: #c9c9ce;
  color: #ffffff;
  background-image: none;
  background-color: #c9c9ce;
}
.cl-container.m_sign_up_body .cl-inputbox {
  background-image: none;
  background-color: #ffffff;
  border: none;
  border-bottom: 1px solid #e3e4e6;
  color: #48484a;
  border-radius: 0px;
}
.cl-container.m_sign_up_body .cl-inputbox .cl-text {
  font-size: 16px;
}
.cl-container.m_sign_up_body .cl-inputbox .cl-text.cl-placeholder {
  color: #c9c9ce !important;
}
.cl-container.m_sign_up_body .cl-inputbox.cl-focus {
  border-color: #0099ff;
}
.cl-container.m_sign_up_body .cl-button.btn_save {
  border-radius: 0px;
}
.cl-container.m_sign_up_body .cl-inputbox-clear {
  width: 24px;
  height: 24px;
}
.cl-container.m_idpw_find_body {
  /* 인풋 박스 - 클리어 버튼 */
}
.cl-container.m_idpw_find_body .cl-inputbox {
  background-image: none;
  background-color: #ffffff;
  border: none;
  border-bottom: 1px solid #e3e4e6;
  color: #48484a;
}
.cl-container.m_idpw_find_body .cl-inputbox .cl-text {
  font-size: 16px;
}
.cl-container.m_idpw_find_body .cl-inputbox .cl-text.cl-placeholder {
  color: #c9c9ce !important;
}
.cl-container.m_idpw_find_body .cl-inputbox.cl-focus {
  border-color: #0099ff;
}
.cl-container.m_idpw_find_body .cl-button.btn_save {
  border-radius: 0px;
}
.cl-container.m_idpw_find_body .cl-inputbox-clear {
  background-image: url("images/common/action_cross_circle.svg");
  width: 24px;
  height: 24px;
}
.cl-container.m_idpw_find_body .cl-button.radio_btn {
  background-image: url("../image/APP/images/radio_button_default.svg");
  background-color: white;
  border: none;
  /* 버튼을 클릭했을 때의 스타일 */
}
.cl-container.m_idpw_find_body .cl-button.radio_btn:not(.cl-disabled).cl-activated,
.cl-container.m_idpw_find_body .cl-button.radio_btn:not(.cl-disabled):active {
  border: none;
}
/*
 * 새비밀번호입력
 */
.cl-container.m_new_pw_body {
  /* Disable 상태의 버튼 */
  /* 인풋 박스 - 클리어 버튼 */
}
.cl-container.m_new_pw_body .cl-inputbox {
  background-image: none;
  background-color: #ffffff;
  border: none;
  border-bottom: 1px solid #e3e4e6;
  color: #48484a;
  border-radius: 0px;
}
.cl-container.m_new_pw_body .cl-inputbox .cl-text {
  padding: 0px;
  font-size: 16px;
}
.cl-container.m_new_pw_body .cl-inputbox .cl-text.cl-placeholder {
  color: #c9c9ce !important;
}
.cl-container.m_new_pw_body .cl-inputbox.cl-focus {
  border-color: #0099ff;
}
.cl-container.m_new_pw_body .cl-button {
  background-image: none;
  background-color: #0099ff;
  border: none;
  border-radius: 8px;
  color: #ffffff;
  font-weight: 500;
  text-shadow: none;
  /* 버튼위에 마우스를 올렸을 때의 스타일 */
  /* 버튼이 포커스를 가졌을 때의 스타일 */
  /* 버튼을 클릭했을 때의 스타일 */
}
.cl-container.m_new_pw_body .cl-button:not(.cl-disabled):hover {
  color: #ffffff;
}
.cl-container.m_new_pw_body .cl-button:focus,
.cl-container.m_new_pw_body .cl-button.cl-focus {
  border: solid 1px #0099ff;
}
.cl-container.m_new_pw_body .cl-button:not(.cl-disabled).cl-activated,
.cl-container.m_new_pw_body .cl-button:not(.cl-disabled):active {
  background-image: none;
}
.cl-container.m_new_pw_body .cl-button.cl-disabled {
  border-color: #c9c9ce;
  color: #ffffff;
  background-image: none;
  background-color: #c9c9ce;
}
.cl-container.m_new_pw_body .cl-button.btn_save {
  border-radius: 0px;
}
.cl-container.m_new_pw_body .cl-inputbox-clear {
  background-image: url("images/common/action_cross_circle.svg");
  width: 24px;
  height: 24px;
}
.cl-output.timer {
  color: red;
}
.cl-output.error {
  color: red;
  font-size: 12px;
}
.cl-checkbox.swich_button {
  position: relative !important;
  display: inline-block;
  background-color: red;
}
.cl-checkbox.swich_button .switch-button input {
  opacity: 0;
  width: 0;
  height: 0;
}
.cl-checkbox.swich_button .onoff-switch {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 20px;
  background-color: #ccc;
  box-shadow: inset 1px 5px 1px #999;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.cl-checkbox.swich_button .onoff-switch:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 4px;
  background-color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.4s;
  border-radius: 20px;
}
.cl-checkbox.swich_button .switch-button input:checked + .onoff-switch {
  background-color: #F2D522;
  box-shadow: inset 1px 5px 1px #E3AE56;
}
.cl-checkbox.swich_button .switch-button input:checked + .onoff-switch:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/*	회원가입 추가입력 */
.cl-container.profile_add_body {
  /* Disable 상태의 버튼 */
}
.cl-container.profile_add_body .cl-inputbox {
  background-image: none;
  background-color: #ffffff;
  border: none;
  border-bottom: 1px solid #e3e4e6;
  color: #48484a;
  border-radius: 0px;
}
.cl-container.profile_add_body .cl-inputbox .cl-text {
  font-size: 16px;
  padding: 0px;
}
.cl-container.profile_add_body .cl-inputbox .cl-text.cl-placeholder {
  color: #c9c9ce !important;
}
.cl-container.profile_add_body .cl-inputbox.cl-focus {
  border-color: #0099ff;
}
.cl-container.profile_add_body .cl-button {
  background-image: none;
  background-color: #0099ff;
  border: none;
  border-radius: 8px;
  color: #ffffff;
  font-weight: 500;
  text-shadow: none;
  /* 버튼위에 마우스를 올렸을 때의 스타일 */
  /* 버튼이 포커스를 가졌을 때의 스타일 */
  /* 버튼을 클릭했을 때의 스타일 */
}
.cl-container.profile_add_body .cl-button:focus,
.cl-container.profile_add_body .cl-button.cl-focus {
  border: solid 1px #0099ff;
}
.cl-container.profile_add_body .cl-button:not(.cl-disabled).cl-activated,
.cl-container.profile_add_body .cl-button:not(.cl-disabled):active {
  background-image: none;
}
.cl-container.profile_add_body .cl-button.click_btn {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  color: #868b92;
  /* 버튼을 클릭했을 때의 스타일 */
}
.cl-container.profile_add_body .cl-button.click_btn:not(.cl-disabled).cl-activated,
.cl-container.profile_add_body .cl-button.click_btn:not(.cl-disabled):active {
  background-image: none;
}
.cl-container.profile_add_body .cl-button.cl-disabled {
  border-color: #c9c9ce;
  color: #ffffff;
  background-image: none;
  background-color: #c9c9ce;
}
.cl-container.profile_add_body .cl-maskeditor {
  background-image: none;
  background-color: #ffffff;
  border: none;
  border-bottom: 1px solid #e3e4e6;
  border-radius: 0px;
}
.cl-container.profile_add_body .cl-dateinput {
  background-image: none;
  background-color: #ffffff;
  border: none;
  border-bottom: 1px solid #e3e4e6;
  /* 데이트 인풋 버튼 */
}
.cl-container.profile_add_body .cl-dateinput .cl-dateinput-button {
  background-image: none;
}
.cl-container.profile_add_body .cl-combobox {
  margin-top: 0;
  border-radius: 0px;
}
.cl-container.profile_add_body .cl-combobox .cl-text {
  margin-left: -10px;
}
.cl-container.profile_add_body .cl-container.interest_list .cl-checkboxgroup.chk_group .cl-checkbox {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  padding: 0px;
  font-size: 14px;
  padding: 6px 16px;
  min-width: 57px;
  width: auto;
}
.cl-container.profile_add_body .cl-container.interest_list .cl-checkboxgroup.chk_group .cl-checkbox .cl-text {
  color: #868b92;
  outline: none;
  border: none;
}
.cl-container.profile_add_body .cl-container.interest_list .cl-checkboxgroup.chk_group .cl-checkbox.cl-checked {
  border-color: #0099ff;
  background-color: #ffffff;
}
.cl-container.profile_add_body .cl-container.interest_list .cl-checkboxgroup.chk_group .cl-checkbox.cl-checked .cl-text {
  color: #0099ff;
}
.cl-combobox-list.nation_list .cl-combobox-item {
  border: none !important;
  border-top: solid 1px #e3e4e6 !important;
}
.cl-combobox-list.nation_list .cl-combobox-item.cl-selected {
  background-color: #09f !important;
}
.cl-combobox-list.nation_list .cl-combobox-item.cl-selected .cl-text {
  color: #fff;
}
.cl-combobox-list.nation_list .cl-viewport {
  height: 250px;
}
.cl-combobox-list.nation_list .cl-vscrollbar {
  left: auto;
  width: 18px;
}
/*
 * 회원가입 완료
 */
.cl-container.sign_up_com_layout .cl-button {
  background-image: none;
  background-color: #0099ff;
  border: none;
  border-radius: 8px;
  color: #ffffff;
  font-weight: 500;
  text-shadow: none;
}
/*
 * 간편 회원가입
 */
.cl-container.easy_sign_up_layout {
  /* Disable 상태의 버튼 */
}
.cl-container.easy_sign_up_layout .cl-inputbox {
  background-image: none;
  background-color: #ffffff;
  border: none;
  border-bottom: 1px solid #e3e4e6;
  color: #48484a;
  border-radius: 0px;
}
.cl-container.easy_sign_up_layout .cl-inputbox .cl-text {
  font-size: 16px;
  padding: 0px;
}
.cl-container.easy_sign_up_layout .cl-inputbox .cl-text.cl-placeholder {
  color: #c9c9ce !important;
}
.cl-container.easy_sign_up_layout .cl-inputbox.cl-focus {
  border-color: #0099ff;
}
.cl-container.easy_sign_up_layout .cl-button {
  background-image: none;
  background-color: #0099ff;
  border: none;
  border-radius: 8px;
  color: #ffffff;
  font-weight: 500;
  text-shadow: none;
  /* 버튼위에 마우스를 올렸을 때의 스타일 */
  /* 버튼이 포커스를 가졌을 때의 스타일 */
  /* 버튼을 클릭했을 때의 스타일 */
}
.cl-container.easy_sign_up_layout .cl-button:not(.cl-disabled):hover {
  color: #ffffff;
}
.cl-container.easy_sign_up_layout .cl-button:focus,
.cl-container.easy_sign_up_layout .cl-button.cl-focus {
  border: solid 1px #0099ff;
}
.cl-container.easy_sign_up_layout .cl-button:not(.cl-disabled).cl-activated,
.cl-container.easy_sign_up_layout .cl-button:not(.cl-disabled):active {
  background-image: none;
}
.cl-container.easy_sign_up_layout .cl-button.click_btn {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  color: #868b92;
  /* 버튼을 클릭했을 때의 스타일 */
}
.cl-container.easy_sign_up_layout .cl-button.click_btn:not(.cl-disabled).cl-activated,
.cl-container.easy_sign_up_layout .cl-button.click_btn:not(.cl-disabled):active {
  background-image: none;
}
.cl-container.easy_sign_up_layout .cl-button.cl-disabled {
  border-color: #c9c9ce;
  color: #ffffff;
  background-image: none;
  background-color: #c9c9ce;
}
.cl-container.easy_sign_up_layout .cl-fileinput {
  border: none;
  background: none;
}
.cl-container.easy_sign_up_layout .cl-fileinput:before {
  background-image: url("images/common/profile_photo_button.svg");
  content: "";
  width: 34px;
  height: 34px;
  border: none;
  background-color: transparent;
}
.cl-container.easy_sign_up_layout .cl-fileinput .cl-text {
  display: none;
}
/*	toggle switch css*/
.cl-container.toggle_body_2 {
  background-color: #c9c9ce;
  border-radius: 10px;
  box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
  transition: all 0.2s ease-in;
}
.cl-container.toggle_body_2.active {
  background-color: #0099ff;
}
.cl-container.toggle_body_2 .cl-output.btn {
  background-color: white;
  border-radius: 8px;
  border: solid 0.5px #e3e4e6;
  transition: all 0.2s ease-in;
}
.cl-container.toggle_body_2 .cl-output.btn.active {
  left: calc(100% - 1.2rem) !important;
}
/*내 관심사*/
.cl-output.list_interest {
  border: solid 1px #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
}
.cl-output.list_interest .cl-text {
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.35px;
  color: #868b92;
  font-family: "Noto Sans KR Regular";
}
.cl-output.select_list {
  border: 1px solid #0099ff;
}
.cl-output.select_list .cl-text {
  color: #0099ff;
}
/*	콤보 박스	*/
.cl-combobox {
  border: none;
  border-bottom: 1px solid #e3e4e6;
}
.cl-combobox .cl-text {
  font-size: 16px;
}
.cl-combobox .cl-text.cl-placeholder {
  color: #c9c9ce !important;
}
/* tabfolder*/
.cl-tabfolder {
  color: #000000;
  background-color: white;
  /* 헤더 */
  /* 탭폴더 바디 */
}
.cl-tabfolder .cl-tabfolder-header {
  text-align: center;
  /* 탭 헤더 아이템 */
  /* 헤더 위치 스타일 */
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item {
  background-color: white;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  border-bottom: 1px solid #e3e4e6 !important;
  width: 140px;
  margin: 0px 10px;
  display: block !important;
  /* 탭 헤더 아이템 - 선택됨 */
  /*	탭 텍스트 선택시 이벤트*/
  /* 탭 헤더 아이템 - 호버 */
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-selected {
  background-color: white;
  color: #0099ff;
  border-color: #0099ff !important;
  text-decoration-line: none;
  /* 탭 헤더 아이템 닫기 버튼 - 선택 됨 */
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item .cl-text:focus {
  text-decoration: none;
}
.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item:not(.cl-selected):hover {
  background-color: white;
}
.cl-tabfolder .cl-tabfolder-header.cl-top {
  background-image: linear-gradient(#e3e4e6, #e3e4e6);
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: 0px 100%;
}
.cl-tabfolder .cl-tabfolder-header.cl-top .cl-tabfolder-prev,
.cl-tabfolder .cl-tabfolder-header.cl-top .cl-tabfolder-next {
  border-bottom: #e3e4e6 !important;
}
.cl-tabfolder .cl-tabfolder-header.cl-top .cl-tabfolder-item.cl-selected {
  border-bottom: 2px solid !important;
}
.cl-tabfolder .cl-tabfolder-body {
  background-color: white;
  color: #000000;
  border: none;
}
/***********************************	web 회원가입, 로그인	******************************************************/
.cl-container.web_login_layout {
  /* tabfolder*/
  /* Disable 상태의 버튼 */
  /* 체크 박스 */
}
.cl-container.web_login_layout .cl-container.shadows_layout {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  min-width: 520px !important;
}
.cl-container.web_login_layout .cl-container.id_info_web {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
}
.cl-container.web_login_layout .cl-container.bottom_border_layout {
  border-bottom: 1px solid #e3e4e6;
}
.cl-container.web_login_layout .cl-container.login-utils .cl-button {
  background-image: none;
  background-color: transparent;
  border: none;
  border-radius: 0px;
  color: #48484a;
  text-shadow: none;
}
.cl-container.web_login_layout .cl-container.login-utils .cl-layout-wrap:not(:first-child):after {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  top: calc(50% - 5px);
  left: -20px;
  background-color: #d1d1d6;
}
.cl-container.web_login_layout .cl-container.login-options .cl-container.tit .cl-output {
  background-color: #ffffff;
  color: #000000;
  font-size: 14px;
  padding: 0px 20px;
  text-align: center;
}
.cl-container.web_login_layout .cl-container.login-options .cl-button {
  background-image: none;
  background-color: transparent;
  border: none;
  border-radius: 0px;
  color: #000000;
  font-size: 12px;
  text-shadow: none;
}
.cl-container.web_login_layout .cl-container.login-options .cl-button .cl-text {
  letter-spacing: -0.3px;
}
.cl-container.web_login_layout .cl-container.login-options .cl-button .cl-icon {
  width: 48px;
  height: 48px;
}
.cl-container.web_login_layout .cl-container.login-options .cl-button.cl-icon-align-top .cl-icon {
  margin-bottom: 6px;
}
.cl-container.web_login_layout .cl-tabfolder {
  color: #000000;
  background-color: white;
  /* 헤더 */
  /* 탭폴더 바디 */
}
.cl-container.web_login_layout .cl-tabfolder .cl-tabfolder-header {
  text-align: center;
  font-weight: 500;
  /* 탭 헤더 아이템 */
  /* 헤더 위치 스타일 */
}
.cl-container.web_login_layout .cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item {
  background-color: white;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  border-bottom: 1px solid #e3e4e6;
  width: 200px;
  padding: 8px;
  margin: 0px;
  display: block !important;
  /* 탭 헤더 아이템 - 선택됨 */
  /*	탭 텍스트 선택시 이벤트*/
  /* 탭 헤더 아이템 - 호버 */
}
.cl-container.web_login_layout .cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-selected {
  background-color: white;
  color: #0099FF;
  border-color: #0099FF !important;
  text-decoration-line: none;
  border: 3px;
}
.cl-container.web_login_layout .cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item .cl-text:focus {
  text-decoration: none;
}
.cl-container.web_login_layout .cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item:not(.cl-selected):hover {
  background-color: white;
}
.cl-container.web_login_layout .cl-tabfolder .cl-tabfolder-header.cl-top .cl-tabfolder-prev,
.cl-container.web_login_layout .cl-tabfolder .cl-tabfolder-header.cl-top .cl-tabfolder-next {
  border-bottom: #e3e4e6 !important;
}
.cl-container.web_login_layout .cl-tabfolder .cl-tabfolder-header.cl-top .cl-tabfolder-item.cl-selected {
  border-bottom: 3px solid !important;
}
.cl-container.web_login_layout .cl-tabfolder .cl-tabfolder-body {
  background-color: white;
  color: #000000;
  border: none;
}
.cl-container.web_login_layout .cl-output.tab_output {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  font-weight: 500;
}
.cl-container.web_login_layout .cl-output.gray_output {
  font-weight: 400;
  color: #868b92;
  line-height: 24px;
  letter-spacing: -0.35px;
}
.cl-container.web_login_layout .cl-output.red_output {
  font-size: 12px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: red;
}
.cl-container.web_login_layout .cl-output.black_output {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
}
.cl-container.web_login_layout .cl-output.title_output {
  font-size: 32px;
  text-align: center;
  letter-spacing: -0.8px;
  font-weight: 500;
}
.cl-container.web_login_layout .cl-output.title_sub_output {
  font-size: 14px;
  text-align: center;
  letter-spacing: -0.35px;
  line-height: 24px;
}
.cl-container.web_login_layout .cl-inputbox {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
}
.cl-container.web_login_layout .cl-inputbox .cl-text {
  padding-left: 18px;
}
.cl-container.web_login_layout .cl-inputbox .cl-inputbox-clear {
  margin: 12px 16px;
}
.cl-container.web_login_layout .cl-inputbox.cl-focus {
  border-color: #0099FF;
}
.cl-container.web_login_layout .cl-button {
  background-image: none;
  background-color: #0099FF;
  border: none;
  border-radius: 8px;
  color: #ffffff;
  font-weight: 500;
  text-shadow: none;
  font-size: 17px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.43px;
}
.cl-container.web_login_layout .cl-button.white_btn {
  border: 1px solid #e3e4e6;
  background-color: #ffffff;
  color: #000000;
}
.cl-container.web_login_layout .cl-button.cl-disabled {
  border-color: #c9c9ce;
  color: #ffffff;
  background-image: none;
  background-color: #c9c9ce;
}
.cl-container.web_login_layout .cl-checkbox {
  padding: 0px 3px;
}
.cl-container.web_login_layout .cl-checkbox .cl-text {
  line-height: 20px;
  outline: none;
}
.cl-container.web_login_layout .cl-checkbox .cl-checkbox-icon {
  background-size: 24px;
  width: 23px;
  height: 23px;
  outline: none;
}
.cl-container.web_login_layout .cl-checkbox.cl-checked {
  /* 체크된 체크박스 hover시 아이콘 스타일 */
}
.cl-container.web_login_layout .cl-checkbox.cl-checked .cl-checkbox-icon {
  background-size: 24px;
  width: 23px;
  height: 23px;
}
.cl-container.web_login_layout .cl-checkbox.cl-checked:hover .cl-checkbox-icon,
.cl-container.web_login_layout .cl-checkbox.cl-checked.cl-hover .cl-checkbox-icon {
  background-size: 24px;
  width: 23px;
  height: 23px;
}
.cl-container.web_login_layout .cl-combobox {
  margin-top: 0px;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
}
.cl-container.web_login_layout .cl-combobox .cl-combobox-button {
  background-size: 24px;
  width: calc(24px + 12px);
}
.cl-container.web_login_layout .cl-checkboxgroup.chk_grp.chk_grp .cl-checkbox {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  font-size: 16px;
  text-align: center;
  width: 137.5px;
  height: 48px;
}
.cl-container.web_login_layout .cl-checkboxgroup.chk_grp.chk_grp .cl-checkbox .cl-checkbox-field {
  width: 100%;
}
.cl-container.web_login_layout .cl-checkboxgroup.chk_grp.chk_grp .cl-checkbox .cl-text {
  color: #868b92;
  line-height: 45px;
  outline: none;
  border: none;
}
.cl-container.web_login_layout .cl-checkboxgroup.chk_grp.chk_grp .cl-checkbox.cl-checked {
  border-color: #0099ff;
  background-color: rgba(0, 153, 255, 0.1);
}
.cl-container.web_login_layout .cl-checkboxgroup.chk_grp.chk_grp .cl-checkbox.cl-checked .cl-text {
  color: #0099ff;
}
.cl-container.web_login_layout .cl-radiobutton .cl-radiobutton-icon {
  outline: none;
}
.cl-container.web_login_layout .cl-radiobutton .cl-radiobutton-icon:focus {
  outline: none;
}
/**
 * 모바일 공통
 */
.cl-button.loc_btn_udc {
  border: solid 1px #e3e4e6;
  padding: 0px 14px 0px 4px;
  background-color: white !important;
  border-radius: 20px;
}
.cl-button.loc_btn_udc .cl-text {
  font-size: 15px;
  font-weight: 500;
  color: #000000 !important;
}
.cl-button.loc_btn_udc .cl-icon {
  border-radius: 100%;
  width: 32px;
  height: 32px;
  padding-right: 5px;
}
.cl-button.loc_btn_udc.cl-focus {
  border: solid 1px #e3e4e6;
}
.cl-overlay {
  background-color: black;
  opacity: 50%;
}
/* 다이얼로그 헤더 */
.cl-dialog-header {
  color: white;
  border-bottom: 1px solid #e5e5e5;
  display: none !important;
}
.cl-container.dialog_body {
  border: 1px solid #e5e5e5;
  border-radius: 16px 16px 0px 0px;
  background-color: #ffffff;
}
.cl-container.dialog_body .cl-container.reg_body {
  border: 1px solid #c9c9ce;
  border-radius: 8px;
}
.cl-container.dialog_body .type_txt {
  font-size: 16px;
}
.cl-container.dialog_body .ex_txt {
  font-size: 12px;
  color: #868b92;
}
.cl-container.dialog_body .cl-button {
  background-image: none;
  background-color: #0099ff;
  border: none;
  border-radius: 8px;
  color: #ffffff;
  font-weight: 500;
  text-shadow: none;
}
/************************************************
 * mobile - app mypage-setting
 ************************************************/
.cl-container.setting_body {
  background-color: #ffffff;
  margin: 0px 20px;
}
.cl-container.setting_body .cl-output .cl-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.setting_body .cl-output.output_gubun {
  background-color: #e3e4e6;
}
.cl-container.setting_body .cl-output.output_hint .cl-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.35px;
  color: #868b92;
}
.cl-container.setting_body .cl-output.output_underline {
  text-decoration: #c9c9ce underline;
}
.cl-container.setting_body .cl-output.output_underline .cl-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.35px;
  color: #c9c9ce;
}
/************************************************
 * mobile - app mypage-setting - alarm
 ************************************************/
.cl-container.alarm_body {
  background-color: #ffffff;
  margin: 0px 20px;
}
.cl-container.alarm_body .cl-output .cl-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.alarm_body .cl-output.output_gubun {
  background-color: #e3e4e6;
}
.cl-container.alarm_body .cl-output.output_hint .cl-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.35px;
  color: #868b92;
}
.cl-container.alarm_body .cl-image.img_arrow {
  padding: 12px 0px;
}
.cl-container.alarm_body .cl-container.disabled .cl-output .cl-text {
  color: #c9c9ce;
}
/************************************************
 * mobile - app toggle
 ************************************************/
.cl-container.toggle_body .cl-image.back {
  transition: all 0.2s ease-in;
}
.cl-container.toggle_body .cl-image.btn {
  transition: all 0.2s ease-in;
}
.cl-container.toggle_body .cl-image.btn.active {
  left: calc(100% - 1.4rem) !important;
}
.cl-container.toggle_body_2 {
  background-color: #c9c9ce;
  border-radius: 10px;
  box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
  transition: all 0.2s ease-in;
}
.cl-container.toggle_body_2.active {
  background-color: #0099FF;
}
.cl-container.toggle_body_2 .cl-output.btn {
  background-color: #ffffff;
  border-radius: 8px;
  border: solid 0.5px #e3e4e6;
  transition: all 0.2s ease-in;
}
.cl-container.toggle_body_2 .cl-output.btn.active {
  left: calc(100% - 1.2rem) !important;
}
.swal2-title swal-title_alarm .cl-text {
  font-size: 5px;
  color: #868b92;
}
.cl-container.dash_filter_box .cl-container.dash_box {
  background-color: #ffffff;
}
.cl-container.dash_filter_box .cl-container.dash_box .cl-output.filter_location {
  text-align: center;
  border-radius: 16px;
  border: solid 1px #e3e4e6;
}
.cl-container.dash_filter_box .cl-container.dash_box .cl-output.filter_location .cl-text {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.35px;
  color: #000000;
}
.cl-container.dash_filter_box .cl-container.dash_box .cl-output.filter_location.selected {
  background-color: #0099FF;
}
.cl-container.dash_filter_box .cl-container.dash_box .cl-output.filter_location.selected .cl-text {
  color: #ffffff;
  font-weight: 500;
}
.cl-container.dash_filter_box .cl-container.list_filter {
  background-color: #f5f6f8;
}
.cl-container.dash_filter_box .cl-container.list_filter .cl-output .cl-text {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.35px;
}
.cl-container.dash_filter_box .cl-container.list_filter .cl-output.res_list_filter_right {
  text-align: right;
}
.cl-container.sale_box {
  background-color: #ffffff;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.18);
}
.cl-container.dash_board_banner .cl-image.img_cover {
  object-fit: cover;
}
.cl-container.dash_board_banner .cl-output.black_Setting {
  background-color: #000000;
  opacity: 0.2;
}
.cl-output.black_Setting2 {
  background-color: #000000;
  opacity: 0.3;
}
.cl-container.course .cl-output.black_Setting {
  background-color: #000000;
  opacity: 0.4;
}
.cl-container.dash_photoreview .cl-output.black_Setting {
  background-color: #000000;
  opacity: 0.6;
}
.cl-container.dash_photoreview .cl-output.black_Setting {
  background: linear-gradient(to bottom, transparent, #000000);
  opacity: 0.73;
}
.cl-container.dash_event .cl-output.black_Setting {
  background: linear-gradient(to left, transparent, #000000);
  opacity: 0.73;
}
.cl-container.dash_whether .cl-output.line_Setting {
  opacity: 0.4;
}
.cl-container.dash_banner_count .cl-output.dash_banner_back {
  opacity: 0.53;
}
.cl-container.dash_trfc_btn .cl-htmlsnippet {
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
}
.cl-container.dash_trfc_btn .cl-htmlsnippet div {
  text-align: center;
}
.cl-container.dash_trfc_btn .cl-htmlsnippet a {
  text-decoration-line: none;
  color: #000000;
}
.cl-container.dash_trfc_btn .cl-htmlsnippet a img {
  width: 38px;
  height: 38px;
  object-fit: cover;
}
.cl-container.dash_trfc_btn .cl-htmlsnippet a:visited {
  color: black;
  text-decoration: none;
}
.cl-container.dash_trfc_btn .cl-htmlsnippet a:link {
  color: black;
  text-decoration: none;
}
.cl-image.banner_img {
  width: 100% !important;
  aspect-ratio: 3.2;
}
.cl-container.dash_tourpage .cl-pageindexer.pixr {
  padding: 0px;
}
.cl-container.dash_tourpage .cl-pageindexer.pixr .cl-pageindexer-first {
  display: none;
}
.cl-container.dash_tourpage .cl-pageindexer.pixr .cl-pageindexer-last {
  display: none;
}
.cl-container.dash_tourpage .cl-pageindexer.pixr .cl-pageindexer-next.pixr_next {
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 16px 30px;
  border-radius: 4px border:solid 1px #e3e4e6;
  background-image: url("images/common/75908.svg") !important;
}
.cl-container.dash_tourpage .cl-pageindexer.pixr .cl-pageindexer-prev.pixr_prev {
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 16px 30px;
  border-radius: 4px border:solid 1px #e3e4e6;
  background-image: url("images/common/75908.svg") !important;
  transform: rotate(180deg);
}
.cl-container.dash_tourpage .cl-pageindexer.pixr .cl-pageindexer-index-area {
  margin: 0px 24px;
}
.cl-container.dash_tourpage .cl-pageindexer.pixr .cl-pageindexer-index-area .cl-text {
  font-family: Roboto;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.35px;
  color: #000000;
}
.dashboard_swiper_wrapper .dashboard_detail .swiper-slide {
  width: 100% !important;
  aspect-ratio: 2.25;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 12px;
}
.dashboard_swiper_wrapper .dashboard_detail .slide-index-box {
  position: absolute;
  right: 20px;
  bottom: 12px;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.53);
  border-radius: 10px;
}
.dashboard_swiper_wrapper .dashboard_detail .slide-index-box span {
  line-height: 20px;
  font-family: 'Roboto';
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.dashboard_swiper_wrapper .dashboard-banner-swiper .swiper-slide {
  width: 100% !important;
  aspect-ratio: 2.25;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 12px;
}
.dashboard_swiper_wrapper .dashboard-banner-swiper .slide-index-box {
  position: absolute;
  right: 20px;
  bottom: 15px;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 24px;
  background-color: rgba(0, 0, 0, 0.53);
  border-radius: 10px;
}
.dashboard_swiper_wrapper .dashboard-banner-swiper .slide-index-box span {
  line-height: 20px;
  font-family: 'Roboto';
  font-size: 13px;
  font-weight: 500;
  color: #fff;
}
.banner_group_dash_web .dashboard-banner-swiper .swiper-slide {
  width: 100% !important;
  height: 700px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.banner_group_dash_web .banner_navigation {
  z-index: 10;
}
.banner_group_dash .dashboard-banner-swiper .swiper-slide {
  width: 100% !important;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.banner_group_dash .dashboard-banner-swiper .slide-index-box {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.53);
  border-radius: 10px;
}
.banner_group_dash .dashboard-banner-swiper .slide-index-box span {
  line-height: 20px;
  font-family: 'Roboto';
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.banner_first_group .banner_recommend_group {
  background-color: #0074bd;
  border-radius: 12px;
  background-image: url("images/com/cmn/dashboard/banner_img_2.svg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 130px;
}
.banner_first_group .banner_recommend_group .banner_text_first {
  line-height: 27px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.45px;
}
.banner_first_group .banner_recommend_group .banner_text_second {
  line-height: 33px;
  font-size: 22px;
  font-weight: bold;
  color: #ffdb00;
  letter-spacing: -0.55px;
}
.banner_first_group .banner_count {
  text-align: center;
  vertical-align: middle;
  line-height: 20px;
  font-size: 12px;
  background-color: #000000;
  opacity: 0.5;
  border-radius: 12px;
  color: #fff;
  letter-spacing: -0.45px;
}
.cl-output.txt_30_Setting {
  text-align: left;
}
.cl-output.txt_30_Setting .cl-text {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.3px;
}
.cl-output.txt_30_Setting.center {
  text-align: center;
}
.cl-output.txt_35_Setting2 {
  text-align: left;
}
.cl-output.txt_35_Setting2 .cl-text {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.35px;
}
.cl-output.txt_35_Setting2.center {
  text-align: center;
}
.cl-output.txt_40_Setting {
  text-align: left;
}
.cl-output.txt_40_Setting .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.cl-output.txt_40_Setting.center {
  text-align: center;
}
.cl-output.txt_45_Setting3 {
  text-align: left;
}
.cl-output.txt_45_Setting3 .cl-text {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
}
.cl-output.txt_45_Setting3.center {
  text-align: center;
}
.cl-container.setting_price_sale .cl-output .cl-text {
  text-decoration: line-through;
}
.cl-container.eventmain_exhibition .cl-output.black_Setting {
  background: linear-gradient(to bottom, transparent, #000000);
  opacity: 0.82;
}
.cl-container.tab-buttons .cl-button {
  background: none;
  border: none;
  border-radius: 0px;
  color: #000;
  font-size: 16px;
}
.cl-container.tab-buttons .cl-button .cl-text {
  line-height: 24px !important;
  letter-spacing: -0.4px;
}
.cl-container.tab-buttons .cl-button.selected {
  color: #0099FF;
  border-bottom: solid 2px #0099FF;
}
.cl-container.m_header_body {
  background-color: #ffffff;
}
.cl-container.m_header_body .cl-output.title {
  text-align: left;
}
.cl-container.m_header_body .cl-output.title .cl-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
  color: #000000;
}
.cl-container.m_header_body .cl-output.title.center {
  text-align: center;
}
.cl-container.m_header_body .cl-image.common_img img {
  object-fit: cover;
}
.cl-tabfolder .cl-tabfolder-body {
  background-color: white;
  color: #333;
  border: none;
}
.cl-container.bottom_container {
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
}
.cl-container.bottom_container .cl-button.bottom_button {
  border-radius: 8px;
  border: none;
  background-color: #0099FF;
  background-image: none;
  border: none;
}
.cl-container.bottom_container .cl-button.bottom_button .cl-text {
  font-size: 14px;
  color: #ffffff !important;
}
.cl-container.history_tab_layout .cl-inputbox.search_inputbox {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  padding: 10px 32px;
}
.cl-container.history_tab_layout .cl-inputbox.search_inputbox .cl-text {
  font-size: 14px;
}
.cl-container.history_tab_layout .purchase_list_main {
  background-color: #f5f6f8;
}
.cl-container.history_tab_layout .list_filter {
  background-color: #f5f6f8;
}
.cl-container.history_tab_layout .reservation_list_main {
  background-color: #f5f6f8;
}
.cl-container.history_tab_layout .cl-output.nohistory_output {
  color: #868b92;
  text-align: center;
}
.cl-container.history_tab_layout .cl-output.nohistory_output .cl-text {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.4px;
}
.cl-container.history_tab_layout .cl-button.nohistory_btn {
  background-color: #ffffff;
  border: 1px solid #0099FF;
  color: #0099FF;
  border-radius: 20px;
}
.cl-container.history_tab_layout .cl-button.nohistory_btn .cl-text {
  font-size: 14px;
}
.cl-container.history_tab_layout .cl-output.main_dot {
  background-color: #0099FF;
  width: 4px;
  height: 4px;
  margin-top: 9px;
}
.cl-container.history_tab_layout .cl-tabfolder {
  color: #000000;
  background-color: white;
  /* 헤더 */
  /* 탭폴더 바디 */
}
.cl-container.history_tab_layout .cl-tabfolder .cl-tabfolder-header {
  text-align: center;
  /* 탭 헤더 아이템 */
  /* 헤더 위치 스타일 */
}
.cl-container.history_tab_layout .cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item {
  background-color: white;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  border-bottom: 1px solid #babfc7 !important;
  width: 140px;
  margin: 0px 10px;
  display: block !important;
  /* 탭 헤더 아이템 - 선택됨 */
  /*	탭 텍스트 선택시 이벤트*/
  /* 탭 헤더 아이템 - 호버 */
}
.cl-container.history_tab_layout .cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-selected {
  background-color: white;
  color: #0099ff;
  border-color: #0099ff !important;
  text-decoration-line: none;
  /* 탭 헤더 아이템 닫기 버튼 - 선택 됨 */
}
.cl-container.history_tab_layout .cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item .cl-text:focus {
  text-decoration: none;
}
.cl-container.history_tab_layout .cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item:not(.cl-selected):hover {
  background-color: white;
}
.cl-container.history_tab_layout .cl-tabfolder .cl-tabfolder-header.cl-top {
  background-image: linear-gradient(#BABFC7, #BABFC7);
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: 0px 100%;
}
.cl-container.history_tab_layout .cl-tabfolder .cl-tabfolder-header.cl-top .cl-tabfolder-prev,
.cl-container.history_tab_layout .cl-tabfolder .cl-tabfolder-header.cl-top .cl-tabfolder-next {
  border-bottom: #BABFC7 !important;
}
.cl-container.history_tab_layout .cl-tabfolder .cl-tabfolder-header.cl-top .cl-tabfolder-item.cl-selected {
  border-bottom: 2px solid !important;
}
.cl-container.history_tab_layout .cl-tabfolder .cl-tabfolder-body {
  background-color: white;
  color: #000000;
  border: none;
}
/************************************************
 * mobile - app rez_list_udc
 ************************************************/
.cl-container.rez_list_udc_body {
  background-color: #ffffff;
}
.cl-container .cl-layout .cl-layout-wrap.cl-last-row .cl-container.pur_detail_udc_body {
  border-bottom: none;
}
.cl-container.pur_detail_udc_body {
  background-color: #ffffff;
  border-bottom: 1px solid #e3e4e6;
}
.cl-container.pur_detail_udc_body .purchase_img {
  border-radius: 4px;
}
.cl-container.pur_detail_udc_body .cl-output {
  text-align: left;
}
.cl-container.rez_complete_list .cl-layout .cl-layout-wrap.cl-last-row .cl-container.pur_detail_udc_body {
  border-bottom: none;
}
/************************************************
 * mobile - app 구매/예약 상세내역
 ************************************************/
.cl-container.purchase_detail_layout .pur_detail_layout {
  background-color: #f5f6f8;
}
.cl-container.purchase_detail_layout .pur_detail_layout_detail {
  background-color: #ffffff;
}
.cl-container.purchase_detail_layout .btn_grp_layout {
  background-color: #ffffff;
}
.cl-container.purchase_detail_layout .cl-output.detail_information {
  color: #000000;
  line-height: 24px;
  letter-spacing: -0.4px;
  font-weight: 500;
}
.cl-container.purchase_detail_layout .cl-output.detail_information .cl-text {
  font-size: 16px;
}
.cl-container.purchase_detail_layout .cl-output.detail_output {
  line-height: 20px;
  letter-spacing: -0.35px;
}
.cl-container.purchase_detail_layout .cl-output.detail_output .cl-text {
  font-size: 14px;
}
.cl-container.purchase_detail_layout .cl-output.datavalue_right {
  text-align: right;
}
.cl-container.purchase_detail_layout .cl-output.datavalue_right .cl-text {
  font-size: 14px;
}
.cl-container.purchase_detail_layout .cl-output.detail_output_color {
  line-height: 20px;
  letter-spacing: -0.35px;
  color: #868b92;
}
.cl-container.purchase_detail_layout .cl-output.detail_output_color .cl-text {
  font-size: 14px;
}
.cl-container.purchase_detail_layout .cl-output.datavalue_right_cmn {
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #868b92;
  text-align: right;
}
.cl-container.purchase_detail_layout .cl-output.datavalue_right_cmn .cl-text {
  font-size: 12px;
}
.cl-container.purchase_detail_layout .cl-button.cancel_pay_btn {
  border-radius: 4px;
  border: 1px solid #e3e4e6;
  background-color: #ffffff;
  color: #000000;
}
.cl-container.purchase_detail_layout .cl-button.cancel_pay_btn .cl-text {
  font-size: 14px;
}
.cl-container.purchase_detail_layout .cl-button.use_btn {
  border-radius: 4px;
  background-color: #0099FF;
  border: 1px solid #0099FF;
}
.cl-container.purchase_detail_layout .cl-button.rez_btn {
  border-radius: 4px;
  border: 1px solid #e3e4e6;
  background-color: #ffffff;
  color: black;
}
.cl-container.purchase_detail_layout .cl-button.rez_btn .cl-text {
  font-size: 14px;
}
/*
  *	예약 내역 취소 
  */
.cl-container.reservation_cancel_layout .prod_info_layout {
  border-bottom: 1px solid #e3e4e6;
  background-color: #ffffff;
}
.cl-container.reservation_cancel_layout .cancel_prod_layout {
  background-color: #ffffff;
}
.cl-container.reservation_cancel_layout .cancel_info_layout {
  background-color: #ffffff;
}
.cl-container.reservation_cancel_layout .cancel_bottom_layout {
  background-color: #ffffff;
}
.cl-container.reservation_cancel_layout .bottom_btn_layout {
  background-color: #ffffff;
}
.cl-container.reservation_cancel_layout .bottom_btn_layout .cl-button {
  border-radius: 4px;
}
.cl-container.reservation_cancel_layout .cl-output.prod_border_output {
  background-color: #f5f6f8;
}
.cl-container.reservation_cancel_layout .cl-output.cancel_price_output {
  font-size: 14px;
  color: #868b92;
  line-height: 20px;
  letter-spacing: -0.35px;
}
.cl-container.reservation_cancel_layout .cl-output.cancel_output {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
}
.cl-container.reservation_cancel_layout .cl-output.cancel_price_info_output {
  font-size: 14px;
  text-align: right;
  line-height: 20px;
  letter-spacing: -0.35px;
}
.cl-container.reservation_cancel_layout .cl-output.checkin_info_output {
  color: #868b92;
  font-size: 12px;
  letter-spacing: -0.3px;
  line-height: 24px;
  font-family: Noto Sans KR regular;
}
.cl-container.reservation_cancel_layout .cl-button {
  background-image: none;
  background-color: #0099ff;
  border: none;
  border-radius: 8px;
  color: #ffffff;
  font-weight: 500;
  text-shadow: none;
  /* 버튼위에 마우스를 올렸을 때의 스타일 */
  /* 버튼이 포커스를 가졌을 때의 스타일 */
  /* 버튼을 클릭했을 때의 스타일 */
}
.cl-container.reservation_cancel_layout .cl-button:not(.cl-disabled):hover {
  color: #ffffff;
}
.cl-container.reservation_cancel_layout .cl-button:focus,
.cl-container.reservation_cancel_layout .cl-button.cl-focus {
  border: solid 1px #0099ff;
}
.cl-container.reservation_cancel_layout .cl-button:not(.cl-disabled).cl-activated,
.cl-container.reservation_cancel_layout .cl-button:not(.cl-disabled):active {
  background-image: none;
}
.cl-container.cancel_prod_udc {
  border-bottom: 1px solid #e3e4e6;
  /* 체크 박스 */
}
.cl-container.cancel_prod_udc .cl-checkbox {
  padding: 0;
  margin: 0;
}
.cl-container.cancel_prod_udc .cl-checkbox .cl-checkbox-icon {
  background-size: 20px;
  width: 18px;
  height: 18px;
}
.cl-container.cancel_prod_udc .cl-checkbox.cl-checked {
  /* 체크된 체크박스 hover시 아이콘 스타일 */
}
.cl-container.cancel_prod_udc .cl-checkbox.cl-checked .cl-checkbox-icon {
  background-size: 20px;
  width: 18px;
  height: 18px;
}
.cl-container.cancel_prod_udc .cl-checkbox.cl-checked:hover .cl-checkbox-icon,
.cl-container.cancel_prod_udc .cl-checkbox.cl-checked.cl-hover .cl-checkbox-icon {
  background-size: 20px;
  width: 18px;
  height: 18px;
}
.cl-container.cancel_prod_udc .cl-output.check_box {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.35px;
  color: #ff3838;
}
.cl-container.cancel_prod_udc .cl-output.check_box.cl-text {
  padding: 0px 28px 0px 28px;
}
.cl-container.cancel_prod_udc .cl-output.cancel_main {
  font-size: 18px;
  line-height: 16px;
  letter-spacing: -0.45px;
}
.cl-container.cancel_prod_udc .cl-output.cancel_font {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.cl-container.cancel_prod_udc .cl-output.price_info_output {
  color: #868b92;
  font-size: 14px;
  letter-spacing: -0.35px;
  line-height: 20px;
  font-family: Noto Sans KR regular;
}
.cl-container.cancel_prod_udc .cl-output.price_output {
  font-size: 14px;
  letter-spacing: -0.35px;
  line-height: 20px;
  text-align: right;
  font-family: Noto Sans KR regular;
}
.cl-container.cancel_prod_udc .cl-output.price_output2 {
  font-size: 24px;
  letter-spacing: -0.6px;
  line-height: 24px;
  color: #ff3838;
}
.cl-container.cancel_prod_udc .cl-output.prod_output {
  font-size: 14px;
  line-height: 23px;
  letter-spacing: -0.49px;
}
.cl-container.cancel_prod_udc .cl-output.prod_detail_output {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #868b92;
}
.cl-container.cancel_prod_udc .cl-output.prod_price_output {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  text-align: right;
  font-weight: 500;
}
.cl-container.his_dialog_filter {
  background-color: #ffffff;
  border-radius: 8px 8px 0px 0px;
  /* Disable 상태의 버튼 */
}
.cl-container.his_dialog_filter .text-color {
  color: #0099FF;
}
.cl-container.his_dialog_filter .cl-output.his_dialog_filter_header .cl-text {
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.45px;
}
.cl-container.his_dialog_filter .cl-output.his_dialog_filter_sub_title .cl-text {
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.cl-container.his_dialog_filter .cl-output.his_dialog_filter_time .cl-text {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.cl-container.his_dialog_filter .cl-output.his_dialog_filter_time.right {
  text-align: right;
}
.cl-container.his_dialog_filter .cl-output.his_dialog_filter_time.right.color .cl-text {
  color: #0099FF;
}
.cl-container.his_dialog_filter .cl-output.his_dialog_filter_location {
  text-align: center;
  border-radius: 16px;
  border: solid 1px #e3e4e6;
}
.cl-container.his_dialog_filter .cl-output.his_dialog_filter_location .cl-text {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.35px;
}
.cl-container.his_dialog_filter .cl-output.his_dialog_filter_location.selected {
  background-color: #0099FF;
}
.cl-container.his_dialog_filter .cl-output.his_dialog_filter_location.selected .cl-text {
  color: #ffffff;
}
.cl-container.his_dialog_filter .his_dialog_filter_radiobutton .cl-radiobutton-item {
  text-align: center;
  border-radius: 16px;
  border: solid 1px #e3e4e6;
}
.cl-container.his_dialog_filter .his_dialog_filter_radiobutton .cl-text {
  font-size: 15px;
  line-height: 24px;
  letter-spacing: -0.35px;
  padding: 0px 13px;
}
.cl-container.his_dialog_filter .his_dialog_filter_radiobutton .cl-selected {
  background-color: #0099FF;
}
.cl-container.his_dialog_filter .his_dialog_filter_radiobutton .cl-selected .cl-text {
  color: #ffffff;
}
.cl-container.his_dialog_filter .his_dialog_filter_radiobutton .cl-text:focus {
  outline: none;
}
.cl-container.his_dialog_filter .cl-button {
  background-image: none;
  background-color: #0099ff;
  border: none;
  border-radius: 8px;
  color: #ffffff;
  font-weight: 500;
  text-shadow: none;
  /* 버튼이 포커스를 가졌을 때의 스타일 */
}
.cl-container.his_dialog_filter .cl-button:focus,
.cl-container.his_dialog_filter .cl-button.cl-focus {
  border: solid 1px #0099ff;
}
.cl-container.his_dialog_filter .cl-button.cl-disabled {
  border-color: #c9c9ce;
  color: #ffffff;
  background-image: none;
  background-color: #c9c9ce;
}
.cl-container.his_dialog_filter .cl-container.his_dialog_filter_grp {
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
}
.cl-container.his_dialog_filter .cl-container.his_dialog_filter_grp .cl-button.his_dialog_filter_grp_btn {
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
}
.cl-container.his_dialog_filter .cl-container.his_dialog_filter_grp .cl-button.his_dialog_filter_grp_btn .cl-text {
  font-size: 14px;
  color: #ffffff !important;
}
/************************************************
 * mobile - app his list_order 
 ***********************************************/
.cl-container.his_dialog_order {
  border-radius: 8px 8px 0px 0px;
  background-color: #ffffff;
}
.cl-container.his_dialog_order .cl-output .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.cl-container.his_dialog_order .cl-output.his_dialog_order_header .cl-text {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
}
.cl-container.his_dialog_order .cl-output.his_dialog_order_list.selected {
  color: #0099FF;
  font-weight: 500 !important;
}
/*
 * 
 */
.cl-container.reservation_cancel_layout {
  background-color: #f5f6f8;
  border: 1px solid #e3e4e6;
  border-radius: 8px 8px 0px 0px;
}
.cl-container.reservation_cancel_layout .cl-output {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.35px;
  font-weight: 500;
}
.cl-container.reservation_cancel_layout .cl-output.price_info_output {
  color: #868b92;
}
.cl-container.reservation_cancel_layout .cl-output.price_output {
  font-weight: 400;
  text-align: right;
}
.cl-container.reservation_cancel_total_layout {
  border: 1px solid #e3e4e6;
  border-radius: 0px 0px 8px 8px;
}
.cl-container.reservation_cancel_total_layout .cl-output {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.cl-container.reservation_cancel_total_layout .cl-output.right_output {
  text-align: right;
}
.cl-container.reservation_cancel_btn_layout {
  border-radius: 16px 16px 0 0;
  background-color: #ffffff;
}
.cl-container.reservation_cancel_btn_layout .cl-button {
  border-radius: 4px;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.35px;
}
.cl-container.reservation_cancel_btn_layout .cl-button.cancel_no_btn {
  border: 1px solid #e3e4e6;
  background-color: #ffffff;
  color: #000000;
}
.cl-container.reservation_cancel_btn_layout .cl-button.cancel_yes_btn {
  border: 1px solid #0099ff;
  background-color: #0099ff;
  color: #ffffff;
}
.cl-container.reservation_cancel_btn_layout .cl-output.count_output {
  color: red;
  text-align: right;
}
.cl-inputbox .cl-inputbox-clear {
  width: 2em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("icons/clear-button.png");
  background-origin: content-box;
  box-sizing: content-box;
  cursor: pointer;
}
.cl-container.travel_interest .cl-output.list_travel {
  border: solid 1px #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
}
.cl-container.travel_interest .cl-output.list_travel .cl-text {
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.35px;
  color: #868b92;
  font-family: "Noto Sans KR Regular";
}
.cl-container.travel_interest .cl-output.select_list {
  border: solid 1px #0099ff;
  border-radius: 4px;
}
.cl-container.travel_interest .cl-output.select_list .cl-text {
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.35px;
  color: #0099ff;
  font-family: "Noto Sans KR Regular";
}
.cl-container.my_info_management .cl-output.select_gender {
  border: solid 1px #0099ff;
  border-radius: 4px;
  background-color: #0099ff;
  text-align: center;
}
.cl-container.my_info_management .cl-output.select_gender .cl-text {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.35px;
  color: #ffffff;
  font-family: "Noto Sans KR Regular";
}
.cl-container.my_info_management .cl-output.select_gender_n {
  border: solid 1px #e3e4e6;
  border-radius: 4px;
  text-align: center;
}
.cl-container.my_info_management .cl-output.select_gender_n .cl-text {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.35px;
  color: #e3e4e6;
  font-family: "Noto Sans KR Regular";
}
.cl-container.profile_edit .cl-inputbox .cl-text.cl-placeholder {
  color: #c9c9ce !important;
}
.cl-container.profile_edit .select_button:hover {
  background-color: #c9c9ce;
  color: #fff;
}
.cl-container.profile_edit .select_button.cl-activated {
  background-image: none;
}
.cl-container.profile_edit .select_button.active {
  background-color: #09f;
}
.cl-container.profile_edit .select_button.active:hover {
  background-color: #09f;
}
/************************************************
 * mobile - app mypage-info-info_manage - phChange
 ************************************************/
.cl-container.grp_root_change .cl-container.ph_change_body {
  background-color: #ffffff;
  margin: 0px 20px;
}
.cl-container.grp_root_change .cl-container.ph_change_body .cl-output.output_hint .cl-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.35px;
  color: #868b92;
}
.cl-container.grp_root_change .cl-container.ph_change_body .cl-output.before_ph {
  background-color: #f5f6f8;
  border-radius: 8px;
  text-align: center;
}
.cl-container.grp_root_change .cl-container.ph_change_body .cl-output.before_ph .cl-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.35px;
  color: #000000;
}
.cl-container.grp_root_change .cl-container.ph_change_body .cl-output.output_gubun {
  background-color: #e3e4e6;
}
.cl-container.grp_root_change .cl-container.ph_change_body .cl-output.output_gubun.active {
  background-color: #0099FF;
}
.cl-container.grp_root_change .cl-container.ph_change_body .cl-inputbox.ipb_ph {
  border: none;
  border-bottom: solid 1px #e3e4e6;
  border-radius: 0px;
  background: none;
}
.cl-container.grp_root_change .cl-container.ph_change_body .cl-inputbox.ipb_ph .cl-placeholder {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  font-weight: 400;
  color: #c9c9ce !important;
}
.cl-container.grp_root_change .cl-container.ph_change_body .cl-inputbox.ipb_ph.active {
  border-bottom: solid 1px #0099FF;
}
.cl-container.grp_root_change .cl-container.ph_change_body .cl-inputbox.ipb_ph .cl-inputbox-clear {
  width: 24px;
  height: 24px;
  margin-top: 4px;
  margin-bottom: 8px;
}
.cl-container.grp_root_change .cl-container.ph_change_body .cl-inputbox.ipb_ph .cl-text {
  padding: 0px;
}
.cl-container.grp_root_change .cl-container.ph_change_body .cl-button {
  background: none;
  background-color: #c9c9ce;
  border: none;
  border-radius: 4px;
  text-shadow: none;
}
.cl-container.grp_root_change .cl-container.ph_change_body .cl-button.btn_certified .cl-text {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  letter-spacing: -0.35px;
  color: #ffffff !important;
}
.cl-container.grp_root_change .cl-container.ph_change_body .cl-button.btn_certified.active {
  background-color: #0099FF;
}
.cl-container.grp_root_change .cl-container.ph_change_body .cl-container.grpTime_form .cl-inputbox {
  border: none;
  background: none;
}
.cl-container.grp_root_change .cl-container.ph_change_body .cl-container.grpTime_form .cl-inputbox .cl-placeholder {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #c9c9ce !important;
}
.cl-container.grp_root_change .cl-container.ph_change_body .cl-container.grpTime_form .cl-inputbox .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.grp_root_change .cl-container.ph_change_body .cl-container.grpTime_form .cl-output.limit_time .cl-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.35px;
  color: #ff3838;
}
.cl-container.grp_root_change .cl-aside .cl-container.grp_bottom_navi.bottom {
  right: 20px !important;
  bottom: 0px !important;
  left: 20px !important;
}
.cl-container.grp_root_change .cl-aside .cl-container.grp_bottom_navi.bottom .cl-button {
  border-radius: 8px !important;
}
.cl-container.grp_root_change .cl-aside .cl-container.grp_bottom_navi .cl-button.btn_ok {
  background: none;
  background-color: #c9c9ce;
  border: none;
  text-shadow: none;
  border-radius: 8px;
}
.cl-container.grp_root_change .cl-aside .cl-container.grp_bottom_navi .cl-button.btn_ok .cl-text {
  font-size: 14px !important;
  color: #ffffff !important;
}
.cl-container.grp_root_change .cl-aside .cl-container.grp_bottom_navi .cl-button.btn_ok.active {
  background-color: #0099FF;
}
.coupon_wrapper {
  background-color: #f5f6f8;
}
.coupon_wrapper.empty {
  background-color: #fff;
}
.coupon_wrapper .coupon_top {
  background-color: #fff;
}
.coupon_wrapper .coupon_top .coupon_title {
  text-align: center;
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.45px;
}
.coupon_wrapper .coupon_header {
  background-color: #fff;
}
.coupon_wrapper .coupon_header .coupon_tab::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  height: 1px;
  background-color: #e3e4e6;
}
.coupon_wrapper .coupon_header .coupon_tab .coupon_tab_title {
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0;
  line-height: 24px;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  letter-spacing: -0.4px;
}
.coupon_wrapper .coupon_header .coupon_tab .coupon_tab_title.selected {
  font-weight: 500;
  color: #09f;
}
.coupon_wrapper .coupon_header .coupon_tab .coupon_tab_title.selected::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0px;
  left: 0;
  z-index: 10;
  height: 2px;
  background-color: #09f;
}
.coupon_wrapper .coupon_sub_tab {
  padding: 12px 20px;
  background-color: #fff;
}
.coupon_wrapper .coupon_sub_tab .coupon_sub_tab_title {
  padding: 6px 15px;
  background-color: transparent;
  background-image: none;
  border: solid 1px #e3e4e6;
  border-radius: 16px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  letter-spacing: -0.35px;
}
.coupon_wrapper .coupon_sub_tab .coupon_sub_tab_title.selected {
  background-color: #09f;
  border: solid 1px #09f;
  color: #fff;
}
.coupon_wrapper .coupon_main .coupon_count_box .cl-text {
  line-height: 20px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.coupon_wrapper .coupon_main .coupon_count_box .coupon_count {
  margin-left: 4px;
}
.coupon_wrapper .coupon_main .coupon_count_box .coupon_count .cl-text {
  font-weight: 500;
}
.coupon_udc {
  background-color: #fff;
  border: solid 1px #e3e4e6;
  border-radius: 8px;
}
.coupon_udc .coupon_title {
  line-height: 20px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.coupon_udc .coupon_discount_condition {
  line-height: 18px;
  font-size: 12px;
  color: #868b92;
  letter-spacing: -0.3px;
}
.coupon_udc .coupon_discount {
  margin-right: 4px;
  line-height: 27px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.45px;
}
.coupon_udc .coupon_category {
  border: solid 1px #09f;
  text-align: center;
  line-height: 18px;
  font-size: 12px;
  color: #09f;
  letter-spacing: -0.3px;
}
.coupon_udc .coupon_bar {
  border-bottom: dashed 1px #e3e4e6;
}
.coupon_udc .coupon_deadline {
  margin-right: 6px;
  line-height: 20px;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  color: #ff3838;
}
.coupon_udc .coupon_date_bar {
  margin-top: 5px;
  background-color: #e3e4e6;
}
.coupon_udc .coupon_period {
  margin-left: 6px;
  line-height: 20px;
  font-size: 12px;
  color: #c9c9ce;
  letter-spacing: -0.3px;
}
.coupon_down_udc {
  background-color: #fff;
  border: solid 1px #e3e4e6;
  border-radius: 8px;
}
.coupon_down_udc_title {
  line-height: 20px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.coupon_down_udc_discount_condition {
  line-height: 18px;
  font-size: 12px;
  color: #868b92;
  letter-spacing: -0.3px;
}
.coupon_down_udc_discount {
  line-height: 27px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.45px;
}
.coupon_down_udc_period {
  line-height: 18px;
  font-size: 12px;
  color: #868b92;
  letter-spacing: -0.3px;
}
.coupon_udc_empty .coupon_empty_text {
  text-align: center;
  line-height: 28px;
  font-size: 16px;
  color: #868b92;
  letter-spacing: -0.4px;
}
.joinout_wrapper .joinout_title {
  text-align: center;
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.45px;
}
.joinout_wrapper .joinout_subtitle {
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.45px;
}
.joinout_wrapper .joinout_notice {
  background-color: #f5f6f8;
  border-radius: 4px;
}
.joinout_wrapper .joinout_notice .joinout_notice_title {
  line-height: 16px;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.35px;
}
.joinout_wrapper .joinout_notice .joinout_notice_content {
  padding-left: 8px;
  line-height: 24px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.joinout_wrapper .joinout_notice .joinout_notice_content::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  width: 4px;
  height: 4px;
  background-color: #000;
  border-radius: 2px;
}
.joinout_wrapper .cl-checkbox {
  padding: 0;
}
.joinout_wrapper .cl-checkbox .cl-checkbox-icon {
  width: 24px;
  height: 24px;
  background-image: url("images/common/toggle_check_box_off.svg");
}
.joinout_wrapper .cl-checkbox.cl-checked .cl-checkbox-icon {
  width: 24px;
  height: 24px;
  background-image: url("images/common/toggle_check_box_selected.svg");
}
.joinout_wrapper .cl-checkbox.cl-focus .cl-checkbox-icon {
  width: 24px;
  height: 24px;
  outline: none;
}
.joinout_wrapper .cl-checkbox .cl-checkbox-field {
  line-height: 24px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.joinout_wrapper .joinout_input_group .joinout_input_group_title {
  line-height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #868b92;
  letter-spacing: -0.35px;
}
.joinout_wrapper .joinout_input_group .selectbox {
  border-bottom: solid 1px #e3e4e6;
}
.joinout_wrapper .joinout_input_group .selectbox .cl-inputbox {
  padding-bottom: 7px;
  background-image: none;
  border: none;
}
.joinout_wrapper .joinout_input_group .selectbox .cl-inputbox .cl-text,
.joinout_wrapper .joinout_input_group .selectbox .cl-inputbox .cl-placeholder {
  padding-bottom: 7px;
  border: none;
  line-height: 28px;
  font-size: 16px;
  font-weight: 500;
  color: #000 !important;
  letter-spacing: -0.4px;
}
.joinout_wrapper .joinout_input_group .cl-inputbox:not(.joinout_reason_input) {
  padding-bottom: 7px;
  background-image: none;
  border: none;
  border-bottom: solid 1px #e3e4e6;
  caret-color: #09f;
}
.joinout_wrapper .joinout_input_group .cl-inputbox:not(.joinout_reason_input).cl-focus {
  border-bottom: solid 1px #09f;
}
.joinout_wrapper .joinout_input_group .cl-inputbox:not(.joinout_reason_input) .cl-text {
  line-height: 24px;
  font-size: 16px;
  color: #000 !important;
  letter-spacing: 3px;
}
.joinout_wrapper .joinout_input_group .cl-inputbox:not(.joinout_reason_input) .cl-placeholder {
  color: #c9c9ce !important;
  letter-spacing: -0.4px;
}
.joinout_wrapper .joinout_input_group .joinout_input_error {
  visibility: hidden;
  line-height: 18px;
  font-size: 12px;
  font-weight: 500;
  color: #ff3838;
}
.joinout_wrapper .joinout_input_group .joinout_input_error.error {
  visibility: visible;
}
.joinout_wrapper .joinout_submit {
  right: 20px;
  bottom: 16px;
  left: 20px;
  height: 48px;
  background-color: #c9c9ce;
  background-image: none;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-shadow: unset;
}
.joinout_wrapper .joinout_submit:hover {
  background-color: #c9c9ce;
  color: #fff;
}
.joinout_wrapper .joinout_submit.cl-activated {
  background-image: none;
}
.joinout_wrapper .joinout_submit.active {
  background-color: #09f;
}
.joinout_wrapper .joinout_submit.active:hover {
  background-color: #09f;
}
.joinout_wrapper .cl-dialog {
  border: none;
  background-color: unset;
  border-radius: unset;
  box-shadow: unset;
}
.joinout_wrapper .cl-dialog .dialog_wrapper {
  background-color: #fff;
  border-radius: 16px 16px 0 0;
}
.joinout_wrapper .cl-dialog .dialog_wrapper .dialog_header .dialog_title {
  line-height: 27px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.45px;
}
.joinout_wrapper .cl-dialog .dialog_wrapper .dialog_header .dialog_close_icon {
  background-color: transparent;
  background-image: url("images/common/navigation_close.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px;
  border: none;
}
.joinout_wrapper .cl-dialog .dialog_wrapper .dialog_main .cl-listbox {
  border: none;
}
.joinout_wrapper .cl-dialog .dialog_wrapper .dialog_main .cl-listbox-item {
  height: 48px;
  padding: 12px 0;
  line-height: 24px;
  font-size: 16px;
  color: #000;
  letter-spacing: -0.4px;
}
.joinout_wrapper .cl-dialog .dialog_wrapper .dialog_main .cl-listbox-item.cl-selected {
  background-color: #fff;
  font-weight: 500;
  color: #09f;
  background-image: url("images/common/action_check.svg");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 24px;
}
.joinout_wrapper .cl-dialog .dialog_wrapper .dialog_footer .dialog_button_complete {
  height: 48px;
  background-color: #09f;
  background-image: none;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-shadow: unset;
}
.joinout_wrapper .cl-dialog .dialog_wrapper .dialog_footer .dialog_button_complete:hover {
  color: #fff;
}
.joinout_wrapper .cl-dialog .dialog_wrapper .dialog_footer .dialog_button_complete.cl-activated {
  background-image: none;
}
.notice_wrapper {
  background-color: #fff;
}
.notice_wrapper.empty {
  background-color: #fff;
}
.notice_wrapper .notice_top {
  background-color: #fff;
}
.notice_wrapper .notice_top .notice_title {
  text-align: center;
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.45px;
}
.notice_wrapper .notice_header {
  background-color: #fff;
}
.notice_wrapper .notice_header .notice_tab::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  height: 1px;
  background-color: #e3e4e6;
}
.notice_wrapper .notice_header .notice_tab .notice_tab_title {
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0;
  line-height: 24px;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  letter-spacing: -0.4px;
}
.notice_wrapper .notice_header .notice_tab .notice_tab_title.selected {
  font-weight: 500;
  color: #09f;
}
.notice_wrapper .notice_header .notice_tab .notice_tab_title.selected::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: -12px;
  left: 0;
  z-index: 10;
  height: 2px;
  background-color: #09f;
}
.reservepay_udc {
  background-color: #fff;
  border: solid 1px #e3e4e6;
  border-radius: 8px;
}
.reservepay_udc .reservepay_status {
  line-height: 24px;
  font-size: 14px;
  font-weight: 500;
  color: #09f;
  letter-spacing: -0.35px;
}
.reservepay_udc .reservepay_status.reservepay_cancel {
  color: #ff3838;
}
.reservepay_udc .reservepay_date {
  font-family: Roboto;
  text-align: right;
  line-height: 17px;
  font-size: 14px;
  color: #868b92;
}
.reservepay_udc .reservepay_info_box .reservepay_category {
  margin-right: 4px;
}
.reservepay_udc .reservepay_info_box .cl-text {
  line-height: 18px;
  font-size: 12px;
  color: #717377;
}
.reservepay_udc .reservepay_sub {
  line-height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #212123;
  letter-spacing: -0.49px;
}
.reservepay_udc .reservepay_date_box .cl-text {
  line-height: 20px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.reservepay_udc .reservepay_img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 4px;
}
.notice_udc {
  background-color: #fff;
  border: solid 1px #e3e4e6;
  border-radius: 8px;
}
.notice_udc .notice_status {
  line-height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #09f;
  letter-spacing: -0.35px;
}
.notice_udc .notice_date {
  font-family: Roboto;
  text-align: right;
  line-height: 17px;
  font-size: 14px;
  color: #868b92;
}
.notice_udc .notice_title {
  line-height: 20px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.notice_udc .notice_discount_condition {
  line-height: 18px;
  font-size: 12px;
  color: #868b92;
  letter-spacing: -0.3px;
}
.notice_udc .notice_discount {
  margin-right: 4px;
  line-height: 27px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.45px;
}
.notice_udc .notice_category {
  border: solid 1px #09f;
  text-align: center;
  line-height: 18px;
  font-size: 12px;
  color: #09f;
  letter-spacing: -0.3px;
}
.notice_empty_text {
  text-align: center;
  line-height: 24px;
  font-size: 16px;
  color: #868b92;
  letter-spacing: -0.4px;
}
.review_wrapper .review_top {
  background-color: #fff;
}
.review_wrapper .review_top .review_title {
  text-align: center;
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.45px;
}
.review_wrapper .review_header {
  background-color: #fff;
}
.review_wrapper .review_header .review_tab::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  height: 1px;
  background-color: #e3e4e6;
}
.review_wrapper .review_header .review_tab .review_tab_title {
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0;
  line-height: 24px;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  letter-spacing: -0.4px;
}
.review_wrapper .review_header .review_tab .review_tab_title.selected {
  font-weight: 500;
  color: #09f;
}
.review_wrapper .review_header .review_tab .review_tab_title.selected::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0px;
  left: 0;
  z-index: 10;
  height: 2px;
  background-color: #09f;
}
.review_wrapper .review_sub_tab {
  padding: 9px 20px;
}
.review_wrapper .review_sub_tab .cl-radiobutton.categry_radiobutton .cl-radiobutton-item {
  border-radius: 16px;
  border: 1px solid #e3e4e6;
  /* 선택된 라디오아이템 아이콘 스타일 */
}
.review_wrapper .review_sub_tab .cl-radiobutton.categry_radiobutton .cl-radiobutton-item .cl-text {
  font-size: 14px;
  line-height: 15px;
  color: #000000;
  letter-spacing: -0.35px;
  padding: 4px 16px;
}
.review_wrapper .review_sub_tab .cl-radiobutton.categry_radiobutton .cl-radiobutton-item.cl-selected {
  outline: none;
  border-color: #09f;
  background-color: #09f;
}
.review_wrapper .review_sub_tab .cl-radiobutton.categry_radiobutton .cl-radiobutton-item.cl-selected .cl-text {
  color: white;
  outline: none !important;
}
.review_wrapper .review_sub_tab .review_sub_tab_title {
  padding: 6px 15px;
  background-color: transparent;
  background-image: none;
  border: solid 1px #e3e4e6;
  border-radius: 16px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  letter-spacing: -0.35px;
}
.review_wrapper .review_sub_tab .review_sub_tab_title.selected {
  background-color: #09f;
  border: solid 1px #09f;
  color: #fff;
}
.review_wrapper .review_filter_sort {
  background-color: #f5f6f8;
}
.review_wrapper .review_filter_sort .review_filter .review_filter_img {
  background-image: url("images/common/content_filter.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px;
}
.review_wrapper .review_filter_sort .review_filter .review_filter_text {
  margin-left: 2px;
  line-height: 24px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.review_wrapper .review_filter_sort .review_filter.filtered .review_filter_img {
  background-image: url("images/common/content_filter_color.svg");
}
.review_wrapper .review_filter_sort .review_filter.filtered .review_filter_text {
  padding-right: 3px;
  color: #09f;
}
.review_wrapper .review_filter_sort .review_filter.filtered .review_filter_text::after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  right: 0;
  width: 4px;
  height: 4px;
  background-color: #09f;
  border-radius: 2px;
}
.review_wrapper .review_filter_sort .review_sort .review_sort_img {
  background-image: url("images/com/cmn/mypage/review/navigation_arrow_drop_down.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px;
}
.review_wrapper .review_filter_sort .review_sort .review_sort_text {
  margin-left: 2px;
  line-height: 24px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.review_wrapper .review_main .review_list {
  background-color: #f5f6f8;
}
.review_udc {
  background-color: #fff;
}
.review_udc .review_udc_date {
  line-height: 18px;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  color: #868b92;
}
.review_udc .review_udc_dialog {
  background-color: initial;
  border: none;
  color: #868b92;
}
.review_udc .review_udc_dialog:hover {
  background-color: initial;
  color: #868b92;
}
.review_udc .review_udc_dialog.cl-activated {
  background-color: initial;
  background-image: initial;
  border: initial;
}
.review_udc .review_udc_dialog.cl-focus {
  background-color: initial;
  border: initial;
}
.review_udc .review_udc_img {
  border-radius: 4px;
}
.review_udc .review_udc_category {
  line-height: 18px;
  font-size: 12px;
  color: #09f;
  letter-spacing: -0.3px;
}
.review_udc .review_udc_title {
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.4px;
}
.review_udc .review_udc_sub {
  line-height: 20px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.review_udc .review_udc_button {
  background-color: #f5f6f8;
  background-image: none;
  border: none;
  border-radius: 20px;
  line-height: 24px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
  text-shadow: none;
}
.review_udc .review_udc_button:hover {
  background-color: #f5f6f8;
  color: #000;
}
.review_udc .review_udc_button.cl-activated {
  background-color: #f5f6f8;
  background-image: initial;
  border: initial;
}
.review_udc .review_udc_button.cl-focus {
  background-color: #f5f6f8;
  border: initial;
}
.review_udc .review_udc_bar {
  background-color: #e3e4e6;
}
.review_udc .review_udc_star_text {
  line-height: 20px;
}
.review_udc .review_udc_star {
  margin: 2px 0 2px 8px;
}
.review_udc .review_udc_star .cl-image {
  vertical-align: top;
}
.review_udc .review_img_slide .swiper-slide {
  height: 160px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 8px;
}
.review_udc .review_udc_comment {
  line-height: 24px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.review_udc .review_udc_tag {
  padding: 0 9px 0 12px;
  background-color: rgba(0, 153, 255, 0.1);
  border-radius: 4px;
}
.review_udc .review_udc_tag .review_udc_tag_text {
  line-height: 20px;
  font-size: 12px;
  font-weight: 500;
  color: #09f;
  letter-spacing: -0.3px;
}
.review_empty {
  background-color: #fff;
}
.review_empty .review_empty_text {
  text-align: center;
  line-height: 26px;
  font-size: 16px;
  color: #868b92;
  letter-spacing: -0.4px;
}
.review_empty .review_empty_button {
  margin-top: 4px;
  background-color: transparent;
  background-image: none;
  border: solid 1px #09f;
  border-radius: 20px;
  line-height: 22px;
  font-size: 14px;
  color: #09f;
  letter-spacing: -0.35px;
  text-shadow: none;
}
.review_empty .review_empty_button.cl-focus {
  background-image: none;
  color: #09f;
}
.cl-container.review_complete_list .swiper.review_complete_slider .swiper-slide {
  height: 237px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 8px;
  overflow: hidden;
}
.cl-container.review_complete_list .swiper.review_complete_slider .slide-index-box {
  position: absolute;
  right: 20px;
  bottom: 15px;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.53);
  border-radius: 10px;
}
.cl-container.review_complete_list .swiper.review_complete_slider .slide-index-box span {
  line-height: 20px;
  font-family: 'Roboto';
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.review_wrapper .review_top {
  background-color: #fff;
}
.review_wrapper .review_top .review_title {
  text-align: center;
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.45px;
}
.review_wrapper .review_info_wrapper .review_info_date {
  line-height: 18px;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  color: #868b92;
}
.review_wrapper .review_info_wrapper .review_info_img {
  border-radius: 4px;
}
.review_wrapper .review_info_wrapper .review_info_category {
  line-height: 18px;
  font-size: 12px;
  color: #000;
  letter-spacing: -0.3px;
}
.review_wrapper .review_info_wrapper .review_info_title {
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.4px;
}
.review_wrapper .review_info_wrapper .review_info_sub {
  line-height: 20px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.review_wrapper .review_info_wrapper .review_info_bar {
  background-color: #e3e4e6;
}
.review_wrapper .review_write_wrapper {
  padding: 20px 20px 40px;
}
.review_wrapper .review_write_wrapper .review_write_title {
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.4px;
}
.review_wrapper .review_write_wrapper .review_star_box .review_star_radio .cl-radiobutton-item {
  padding: 0;
}
.review_wrapper .review_write_wrapper .review_star_box .review_star_radio .cl-radiobutton-item .cl-radiobutton-field {
  width: 22px;
  height: 40px;
}
.review_wrapper .review_write_wrapper .review_star_box .review_star_radio .cl-radiobutton-item:first-child .cl-radiobutton-field,
.review_wrapper .review_write_wrapper .review_star_box .review_star_radio .cl-radiobutton-item:last-child .cl-radiobutton-field {
  width: 20px;
}
.review_wrapper .review_write_wrapper .review_satisfied_box .cl-checkbox {
  margin-right: 8px;
  padding: 0;
}
.review_wrapper .review_write_wrapper .review_satisfied_box .cl-checkbox .cl-text {
  display: block !important;
  padding: 5px 16px;
  border: solid 1px #e3e4e6;
  border-radius: 16px;
  line-height: 20px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.review_wrapper .review_write_wrapper .review_satisfied_box .cl-checkbox .cl-text:focus {
  outline: none;
}
.review_wrapper .review_write_wrapper .review_satisfied_box .cl-checkbox.cl-checked .cl-text {
  border: solid 1px #09f;
  font-weight: 500;
  color: #ffffff;
}
.review_wrapper .review_write_wrapper .review_satisfied_box .cl-radiobutton {
  margin-right: 8px;
  padding: 0;
}
.review_wrapper .review_write_wrapper .review_satisfied_box .cl-radiobutton .cl-text {
  display: block !important;
  padding: 5px 16px;
  border: solid 1px #e3e4e6;
  border-radius: 16px;
  line-height: 20px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.review_wrapper .review_write_wrapper .review_satisfied_box .cl-radiobutton .cl-text:focus {
  outline: none;
}
.review_wrapper .review_write_wrapper .review_satisfied_box .cl-radiobutton.cl-selected .cl-text {
  border: solid 1px #09f;
  font-weight: 500;
  color: #ffffff;
}
.review_wrapper .review_write_wrapper .review_comment_box .cl-textarea .cl-placeholder {
  line-height: 24px;
  font-size: 14px;
  color: #c9c9ce;
  letter-spacing: -0.35px;
}
.review_wrapper .review_write_wrapper .review_comment_box .cl-textarea .cl-text {
  padding: 14px !important;
  line-height: 24px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.review_wrapper .review_write_wrapper .review_photo_box .review_write_title {
  display: flex;
}
.review_wrapper .review_write_wrapper .review_photo_box .review_write_title .cl-text::after {
  display: inline-block;
  font-weight: 400;
  color: #c9c9ce;
  letter-spacing: -0.4px;
}
.review_wrapper .review_write_wrapper .review_photo_box .review_photo .cl-layout::-webkit-scrollbar {
  display: none;
}
.review_wrapper .review_write_wrapper .review_photo_box .review_photo .review_photo_browser {
  border: dashed 2px #e3e4e6;
  border-radius: 4px;
}
.review_wrapper .review_write_wrapper .review_photo_box .review_photo .review_photo_browser .review_photo_info .cl-text {
  font-family: Roboto;
  line-height: 17px;
  font-size: 14px;
  font-weight: 500;
  color: #c9c9ce;
}
.review_wrapper .review_write_wrapper .review_photo_box .review_photo .review_photo_input {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: none;
  border-radius: 4px;
}
.review_wrapper .review_write_wrapper .review_photo_box .review_photo .review_photo_input .cl-text {
  display: none;
}
.review_wrapper .review_write_wrapper .review_photo_box .review_photo .review_photo_input .cl-fileinput-clear {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
}
.review_wrapper .review_write_wrapper .review_photo_box .review_photo .review_photo_input::before {
  display: none;
}
.review_wrapper .review_button_wrapper {
  padding: 16px 20px;
}
.review_wrapper .review_button_wrapper .review_button {
  background-color: #c9c9ce;
  border: none;
  color: #fff;
}
.review_wrapper .review_button_wrapper .review_button:hover {
  background-color: #c9c9ce;
  color: #fff;
}
.review_wrapper .review_button_wrapper .review_button.cl-activated {
  background-color: #c9c9ce;
  background-image: initial;
  border: initial;
}
.review_wrapper .review_button_wrapper .review_button.cl-focus {
  background-color: #c9c9ce;
  border: initial;
}
.review_wrapper .review_button_wrapper .review_button.activated {
  background-color: #09f;
  color: #fff;
}
.review_wrapper .review_button_wrapper .review_cancel_button {
  background-color: #fff;
  border: solid 1px #e3e4e6;
  color: #000;
}
.review_wrapper .review_button_wrapper .review_cancel_button:hover {
  background-color: #fff;
  color: #000;
}
.review_wrapper .review_button_wrapper .review_cancel_button.cl-activated {
  background-color: #fff;
  background-image: initial;
  border: initial;
}
.review_wrapper .review_button_wrapper .review_cancel_button.cl-focus {
  background-color: #fff;
  border: initial;
}
.review_wrapper .cl-dialog {
  border: none;
  background-color: unset;
  border-radius: unset;
  box-shadow: unset;
}
.review_wrapper .cl-dialog .dialog_wrapper {
  background-color: #fff;
  border-radius: 16px 16px 0 0;
}
.review_wrapper .cl-dialog .dialog_wrapper .dialog_header .dialog_title {
  line-height: 27px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.45px;
}
.review_wrapper .cl-dialog .dialog_wrapper .dialog_header .dialog_close_icon {
  background-color: transparent;
  background-image: url("images/common/navigation_close.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px;
  border: none;
}
.review_wrapper .cl-dialog .dialog_wrapper .dialog_main {
  padding-bottom: 20px;
}
.review_wrapper .cl-dialog .dialog_wrapper .dialog_main .dialog_button {
  padding: 12px 20px;
  background-color: initial;
  border: none;
  border-radius: 0;
  text-align: left;
  line-height: 24px;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  letter-spacing: -0.4px;
}
.review_wrapper .cl-dialog .dialog_wrapper .dialog_main .dialog_button:hover {
  background-color: initial;
  color: #000;
}
.review_wrapper .cl-dialog .dialog_wrapper .dialog_main .dialog_button.cl-activated {
  background-color: #f5f6f8 !important;
  background-image: initial;
  border: initial;
}
.review_wrapper .cl-dialog .dialog_wrapper .dialog_main .dialog_button.cl-focus {
  background-color: initial;
  border: initial;
}
.review_wrapper .cl-dialog .dialog_wrapper .dialog_main .dialog_button.sorted {
  background-image: url("images/common/action_check.svg");
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: 24px;
  color: #09f;
}
.review_wrapper .cl-dialog .dialog_wrapper .dialog_main .dialog_button.sorted:hover {
  color: #09f;
}
.review_wrapper .cl-dialog .dialog_wrapper .dialog_main.dialog_main_filter {
  padding: 10px 20px;
}
.review_wrapper .cl-dialog .dialog_wrapper .dialog_main.dialog_main_filter .review_filter_wrapper .review_filter_title {
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.4px;
}
.review_wrapper .cl-dialog .dialog_wrapper .dialog_main.dialog_main_filter .review_filter_wrapper .review_filter_content .cl-checkbox {
  margin-right: 8px;
  padding: 0;
}
.review_wrapper .cl-dialog .dialog_wrapper .dialog_main.dialog_main_filter .review_filter_wrapper .review_filter_content .cl-checkbox .cl-text {
  display: block !important;
  padding: 5px 16px;
  border: solid 1px #e3e4e6;
  border-radius: 16px;
  line-height: 20px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.review_wrapper .cl-dialog .dialog_wrapper .dialog_main.dialog_main_filter .review_filter_wrapper .review_filter_content .cl-checkbox .cl-text:focus {
  outline: none;
}
.review_wrapper .cl-dialog .dialog_wrapper .dialog_main.dialog_main_filter .review_filter_wrapper .review_filter_content .cl-checkbox.cl-checked .cl-text {
  background-color: #09f;
  border: solid 1px #09f;
  color: #fff;
}
.review_wrapper .cl-dialog .dialog_wrapper .dialog_footer .dialog_button_complete {
  height: 48px;
  background-color: #09f;
  background-image: none;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-shadow: unset;
}
.review_wrapper .cl-dialog .dialog_wrapper .dialog_footer .dialog_button_complete:hover {
  color: #fff;
}
.review_wrapper .cl-dialog .dialog_wrapper .dialog_footer .dialog_button_complete.cl-activated {
  background-image: none;
}
.review_wrapper .cl-dialog .dialog_wrapper .dialog_footer.dialog_footer_shadow {
  box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
}
.wish_wrapper .wish_top {
  background-color: #fff;
}
.wish_wrapper .wish_top .wish_title {
  text-align: center;
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.45px;
}
.wish_wrapper .wish_header {
  background-color: #fff;
}
.wish_wrapper .wish_header .wish_tab::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  height: 1px;
  background-color: #e3e4e6;
}
.wish_wrapper .wish_header .wish_tab .wish_tab_title {
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0;
  line-height: 24px;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  letter-spacing: -0.4px;
}
.wish_wrapper .wish_header .wish_tab .wish_tab_title.selected {
  font-weight: 500;
  color: #09f;
  border-bottom: solid 2px #09f;
}
.wish_wrapper .wish_header .wish_tab .wish_tab_title.selected::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: -12px;
  left: 0;
  z-index: 10;
  height: 2px;
  background-color: #09f;
}
.wish_wrapper .wish_header .wish_tab .cl-radiobutton.category_rdb .cl-radiobutton-item {
  border: none;
  /* 선택된 라디오아이템 아이콘 스타일 */
}
.wish_wrapper .wish_header .wish_tab .cl-radiobutton.category_rdb .cl-radiobutton-item .cl-text {
  font-size: 16px;
  line-height: 24px;
  color: black;
  letter-spacing: -0.4px;
}
.wish_wrapper .wish_header .wish_tab .cl-radiobutton.category_rdb .cl-radiobutton-item.cl-selected {
  outline: none;
  border-bottom: 2px solid #e3e4e6;
  border-color: #09f;
}
.wish_wrapper .wish_header .wish_tab .cl-radiobutton.category_rdb .cl-radiobutton-item.cl-selected .cl-text {
  color: #09f;
  outline: none !important;
}
.wish_udc .wish_udc_img {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 8px;
}
.wish_udc .wish_udc_title {
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.4px;
}
.wish_udc .wish_udc_info .wish_udc_star {
  margin-top: 1px;
  vertical-align: top;
}
.wish_udc .wish_udc_info .cl-text {
  line-height: 18px;
  font-size: 12px;
  color: #868b92;
}
.wish_empty .wish_empty_text {
  text-align: center;
  line-height: 26px;
  font-size: 16px;
  color: #868b92;
  letter-spacing: -0.4px;
}
.wish_empty .wish_empty_button {
  margin-top: 4px;
  background-color: transparent;
  background-image: none;
  border: solid 1px #09f;
  border-radius: 20px;
  line-height: 22px;
  font-size: 14px;
  color: #09f;
  letter-spacing: -0.35px;
  text-shadow: none;
}
.wish_empty .wish_empty_button.cl-focus {
  background-image: none;
  color: #09f;
}
.contact_wrapper .contact_top {
  background-color: #fff;
}
.contact_wrapper .contact_top .contact_title {
  text-align: center;
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.45px;
}
.contact_wrapper .contact_header {
  background-color: #fff;
}
.contact_wrapper .contact_header .contact_tab::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  height: 1px;
  background-color: #e3e4e6;
}
.contact_wrapper .contact_header .contact_tab .contact_tab_title {
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0;
  line-height: 24px;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  letter-spacing: -0.4px;
}
.contact_wrapper .contact_header .contact_tab .contact_tab_title.selected {
  font-weight: 500;
  color: #09f;
}
.contact_wrapper .contact_header .contact_tab .contact_tab_title.selected::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0px;
  left: 0;
  z-index: 10;
  height: 2px;
  background-color: #09f;
}
.contact_wrapper .contact_sub_tab_box {
  padding: 16px 20px 4px;
}
.contact_wrapper .contact_sub_tab_box .contact_sub_tab .contact_sub_tab_img {
  background-image: url("images/common/radio_button_default.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}
.contact_wrapper .contact_sub_tab_box .contact_sub_tab .contact_sub_tab_text {
  line-height: 24px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  letter-spacing: -0.35px;
}
.contact_wrapper .contact_sub_tab_box .contact_sub_tab.selected .contact_sub_tab_img {
  background-image: url("images/common/radio_button_selected.svg");
}
.contact_wrapper .contact_count_filter .contact_count .cl-text {
  line-height: 24px;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.35px;
}
.contact_wrapper .contact_count_filter .contact_count .contact_count_value {
  margin-left: 4px;
}
.contact_wrapper .contact_count_filter .contact_filter .contact_filter_img {
  background-image: url("images/com/cmn/contact/navigation_arrow_drop_down.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px;
}
.contact_wrapper .contact_count_filter .contact_filter .contact_filter_text {
  margin-left: 2px;
  line-height: 24px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.contact_wrapper .contact_write_main .contact_selectbox {
  margin-top: 4px;
  border-bottom: solid 1px #e3e4e6;
}
.contact_wrapper .contact_write_main .contact_selectbox .cl-inputbox {
  background-image: none;
  border: none;
}
.contact_wrapper .contact_write_main .contact_selectbox .cl-inputbox .cl-text {
  line-height: 24px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.contact_wrapper .contact_write_main .contact_selectbox .cl-inputbox .cl-placeholder {
  line-height: 24px;
  font-size: 14px;
  color: #868b92 !important;
  letter-spacing: -0.35px;
}
.contact_wrapper .contact_write_main .contact_title_input.cl-inputbox {
  padding: 14px 16px;
  border: solid 1px #e3e4e6;
}
.contact_wrapper .contact_write_main .contact_title_input.cl-inputbox .cl-text {
  padding: 0;
  line-height: 24px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.contact_wrapper .contact_write_main .contact_title_input.cl-inputbox .cl-placeholder {
  line-height: 24px;
  font-size: 14px;
  color: #868b92 !important;
  letter-spacing: -0.35px;
}
.contact_wrapper .contact_write_main .contact_content_box .contact_content_input.cl-textarea {
  padding: 14px 0;
  border: solid 1px #e3e4e6;
  border-radius: 0;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
.contact_wrapper .contact_write_main .contact_content_box .contact_content_input.cl-textarea .cl-text {
  padding: 0 16px !important;
  line-height: 24px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.contact_wrapper .contact_write_main .contact_content_box .contact_content_input.cl-textarea .cl-placeholder {
  line-height: 24px;
  font-size: 14px;
  color: #868b92 !important;
  letter-spacing: -0.35px;
}
.contact_wrapper .contact_write_main .contact_content_box .contact_content_size .cl-text {
  font-family: Roboto;
  line-height: 17px;
  font-size: 14px;
  color: #c9c9ce;
}
.contact_wrapper .contact_write_main .contact_notice {
  line-height: 20px;
  font-size: 12px;
  color: #c9c9ce;
  letter-spacing: -0.3px;
}
.contact_wrapper .contact_list {
  padding: 0 20px;
}
.contact_wrapper .contact_detail_info {
  padding: 22px 20px 16px;
}
.contact_wrapper .contact_detail_info .contact_detail_title {
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.4px;
}
.contact_wrapper .contact_detail_info .contact_detail_date {
  padding: 3px 0 12px;
  line-height: 18px;
  font-size: 12px;
  color: #c9c9ce;
  letter-spacing: -0.3px;
}
.contact_wrapper .contact_detail_info .contact_detail_cate_box .contact_detail_cate_title {
  line-height: 22px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.contact_wrapper .contact_detail_info .contact_detail_cate_box .contact_detail_cate {
  line-height: 22px;
  font-size: 14px;
  color: #868b92;
  letter-spacing: -0.35px;
}
.contact_wrapper .contact_detail_info .contact_detail_status {
  padding: 0 6px;
  background-color: #09f;
  border-radius: 4px;
  line-height: 20px;
  font-size: 12px;
  color: #fff;
  letter-spacing: -0.3px;
}
.contact_wrapper .contact_detail_info .contact_detail_status.answer_completed {
  background-color: #000;
}
.contact_wrapper .contact_detail_info .contact_detail_delete {
  padding: 0 6px;
  background-color: #000;
  border-radius: 4px;
  line-height: 20px;
  font-size: 12px;
  color: #fff;
  letter-spacing: -0.3px;
}
.contact_wrapper .contact_answer_info {
  border-top: 1px solid #e3e4e6;
}
.contact_wrapper .contact_answer_info .contact_detail_date {
  line-height: 18px;
  font-size: 12px;
  color: #c9c9ce;
  letter-spacing: -0.3px;
}
.contact_wrapper .contact_detail_bar {
  background-color: #e3e4e6;
}
.contact_wrapper .contact_detail_content {
  line-height: 24px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.contact_wrapper .contact_detail_answer_box {
  padding: 20px;
}
.contact_wrapper .contact_detail_answer_box .contact_detail_answer_date {
  line-height: 20px;
  font-size: 12px;
  color: #c9c9ce;
  letter-spacing: -0.3px;
}
.contact_wrapper .contact_detail_answer_box .contact_detail_answer_content {
  line-height: 24px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.contact_wrapper .contact_button_box .contact_button {
  border: none;
  background-color: #c9c9ce;
}
.contact_wrapper .contact_button_box .contact_button:hover {
  background-color: #c9c9ce;
  color: #fff;
}
.contact_wrapper .contact_button_box .contact_button.cl-focus {
  background-color: #c9c9ce;
  background-image: none;
}
.contact_wrapper .contact_button_box .contact_button.cl-activated {
  background-color: #c9c9ce;
  background-image: none;
}
.contact_wrapper .contact_button_box .contact_button.activated {
  background-color: #09f;
}
.contact_wrapper .contact_button_box .contact_button.activated:hover {
  background-color: #09f;
  color: #fff;
}
.contact_wrapper .contact_button_box .contact_button.activated.cl-focus {
  background-color: #09f;
  background-image: none;
}
.contact_wrapper .contact_button_box .contact_button.activated.cl-activated {
  background-color: #09f;
  background-image: none;
}
.contact_list .cl-layout-wrap:not(.cl-last-row) .contact_udc {
  border-bottom: solid 1px #e3e4e6;
}
.contact_udc_title {
  line-height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.35px;
}
.contact_udc_status {
  padding: 0 6px;
  background-color: #09f;
  border-radius: 4px;
  line-height: 22px;
  font-size: 12px;
  color: #fff;
  letter-spacing: -0.3px;
}
.contact_udc_status.completed {
  background-color: #000;
}
.contact_udc_date {
  line-height: 22px;
  font-size: 12px;
  color: #c9c9ce;
  letter-spacing: -0.3px;
}
.contact_empty_text {
  margin-bottom: 4px;
  line-height: 24px;
  font-size: 16px;
  color: #868b92;
  letter-spacing: -0.4px;
}
.contact_empty_button {
  background-color: transparent;
  border: solid 1px #09f;
  border-radius: 20px;
  padding: 0 23px;
  line-height: 23px;
  font-size: 14px;
  font-weight: 400;
  color: #09f;
  letter-spacing: -0.35px;
}
.contact_empty_button:hover,
.contact_empty_button:active,
.contact_empty_button.cl-focus,
.contact_empty_button.cl-activated {
  background-color: transparent !important;
  background-image: none !important;
  border: solid 1px #09f !important;
  color: #09f !important;
}
.cl-dialog.contact_write_cate_dialog {
  border: none;
  background-color: unset;
  border-radius: unset;
  box-shadow: unset;
}
.cl-dialog.contact_write_cate_dialog .dialog_wrapper {
  background-color: #fff;
  border-radius: 16px 16px 0 0;
}
.cl-dialog.contact_write_cate_dialog .dialog_wrapper .dialog_header .dialog_title {
  line-height: 27px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.45px;
}
.cl-dialog.contact_write_cate_dialog .dialog_wrapper .dialog_header .dialog_close_icon {
  background-color: transparent;
  background-image: url("images/common/navigation_close.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px;
  border: none;
}
.cl-dialog.contact_write_cate_dialog .dialog_wrapper .dialog_main {
  padding-bottom: 20px;
}
.cl-dialog.contact_write_cate_dialog .dialog_wrapper .dialog_main .cl-listbox {
  border: none;
}
.cl-dialog.contact_write_cate_dialog .dialog_wrapper .dialog_main .cl-listbox-item {
  height: 48px;
  padding: 12px 0;
  line-height: 24px;
  font-size: 16px;
  color: #000;
  letter-spacing: -0.4px;
}
.cl-dialog.contact_write_cate_dialog .dialog_wrapper .dialog_main .cl-listbox-item.cl-selected {
  background-color: #fff;
  font-weight: 500;
  color: #09f;
  background-image: url("images/common/action_check.svg");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 24px;
}
.cl-dialog.contact_write_cate_dialog .dialog_wrapper .dialog_main .dialog_button {
  padding: 12px 20px;
  background-color: initial;
  border: none;
  border-radius: 0;
  text-align: left;
  line-height: 24px;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  letter-spacing: -0.4px;
}
.cl-dialog.contact_write_cate_dialog .dialog_wrapper .dialog_main .dialog_button:hover {
  background-color: initial;
  color: #000;
}
.cl-dialog.contact_write_cate_dialog .dialog_wrapper .dialog_main .dialog_button.cl-activated {
  background-color: #f5f6f8 !important;
  background-image: initial;
  border: initial;
}
.cl-dialog.contact_write_cate_dialog .dialog_wrapper .dialog_main .dialog_button.cl-focus {
  background-color: initial;
  border: initial;
}
.cl-dialog.contact_write_cate_dialog .dialog_wrapper .dialog_main .dialog_button.filtered {
  background-image: url("images/common/action_check.svg");
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: 24px;
  color: #09f;
}
.cl-dialog.contact_write_cate_dialog .dialog_wrapper .dialog_main .dialog_button.filtered:hover {
  color: #09f;
}
.cl-dialog.contact_write_cate_dialog .dialog_wrapper .dialog_footer .dialog_button_complete {
  height: 48px;
  background-color: #09f;
  background-image: none;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-shadow: unset;
}
.cl-dialog.contact_write_cate_dialog .dialog_wrapper .dialog_footer .dialog_button_complete:hover {
  color: #fff;
}
.cl-dialog.contact_write_cate_dialog .dialog_wrapper .dialog_footer .dialog_button_complete.cl-activated {
  background-image: none;
}
.cl-dialog.plan_detail_wrapper .dialog_wrapper {
  background-color: #fff;
  border-radius: 16px 16px 0 0;
}
.cl-dialog.plan_detail_wrapper .dialog_wrapper .dialog_header .dialog_title {
  line-height: 27px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.45px;
}
.cl-dialog.plan_detail_wrapper .dialog_wrapper .dialog_header .dialog_close_icon {
  background-color: transparent;
  background-image: url("images/common/navigation_close.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px;
  border: none;
}
.cl-dialog.plan_detail_wrapper .dialog_wrapper .dialog_main {
  padding-bottom: 20px;
}
.cl-dialog.plan_detail_wrapper .dialog_wrapper .dialog_main .cl-listbox {
  border: none;
}
.cl-dialog.plan_detail_wrapper .dialog_wrapper .dialog_main .cl-listbox-item {
  height: 48px;
  padding: 12px 0;
  line-height: 24px;
  font-size: 16px;
  color: #000;
  letter-spacing: -0.4px;
}
.cl-dialog.plan_detail_wrapper .dialog_wrapper .dialog_main .cl-listbox-item.cl-selected {
  background-color: #fff;
  font-weight: 500;
  color: #09f;
  background-image: url("images/common/action_check.svg");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 24px;
}
.cl-dialog.plan_detail_wrapper .dialog_wrapper .dialog_main .dialog_button {
  padding: 12px 20px;
  background-color: initial;
  border: none;
  border-radius: 0;
  text-align: left;
  line-height: 24px;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  letter-spacing: -0.4px;
}
.cl-dialog.plan_detail_wrapper .dialog_wrapper .dialog_main .dialog_button:hover {
  background-color: initial;
  color: #000;
}
.cl-dialog.plan_detail_wrapper .dialog_wrapper .dialog_main .dialog_button.cl-activated {
  background-color: #f5f6f8 !important;
  background-image: initial;
  border: initial;
}
.cl-dialog.plan_detail_wrapper .dialog_wrapper .dialog_main .dialog_button.cl-focus {
  background-color: initial;
  border: initial;
}
.cl-dialog.plan_detail_wrapper .dialog_wrapper .dialog_main .dialog_button.filtered {
  background-image: url("images/common/action_check.svg");
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: 24px;
  color: #09f;
}
.cl-dialog.plan_detail_wrapper .dialog_wrapper .dialog_main .dialog_button.filtered:hover {
  color: #09f;
}
.cl-dialog.plan_detail_wrapper .dialog_wrapper .dialog_footer .dialog_button_complete {
  height: 48px;
  background-color: #09f;
  background-image: none;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-shadow: unset;
}
.cl-dialog.plan_detail_wrapper .dialog_wrapper .dialog_footer .dialog_button_complete:hover {
  color: #fff;
}
.cl-dialog.plan_detail_wrapper .dialog_wrapper .dialog_footer .dialog_button_complete.cl-activated {
  background-image: none;
}
.announce_wrapper .announce_top {
  background-color: #fff;
}
.announce_wrapper .announce_top .announce_title {
  text-align: center;
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.45px;
}
.announce_wrapper .announce_list {
  padding: 0 20px;
}
.announce_wrapper .announce_detail_info {
  padding: 22px 20px 20px;
}
.announce_wrapper .announce_detail_info .announce_detail_date {
  line-height: 18px;
  font-size: 12px;
  color: #c9c9ce;
  letter-spacing: -0.3px;
}
.announce_wrapper .announce_detail_info .announce_detail_title {
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.4px;
}
.announce_wrapper .announce_detail_bar {
  background-color: #e3e4e6;
}
.announce_wrapper .announce_detail_content {
  padding: 20px;
}
.announce_wrapper .announce_detail_content_text {
  line-height: 24px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.announce_wrapper .announce_detail_answer_box {
  padding: 20px;
}
.announce_wrapper .announce_detail_answer_box .announce_detail_answer_date {
  line-height: 20px;
  font-size: 12px;
  color: #c9c9ce;
  letter-spacing: -0.3px;
}
.announce_wrapper .announce_detail_answer_box .announce_detail_answer_content {
  line-height: 24px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.announce_wrapper .announce_button_box .announce_button {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.35px;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.announce_wrapper .announce_button_box .announce_button:hover {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.announce_wrapper .announce_button_box .announce_button.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.announce_wrapper .announce_button_box .announce_button.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.announce_wrapper .announce_button_box .announce_button.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.announce_wrapper .announce_button_box .announce_button.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.announce_wrapper .announce_button_box .announce_button:hover {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.announce_wrapper .announce_button_box .announce_button.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.announce_wrapper .announce_button_box .announce_button.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.announce_wrapper .announce_button_box .announce_button.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.announce_wrapper .announce_button_box .announce_button.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.announce_list .cl-layout-wrap:not(.cl-last-row) .announce_udc {
  border-bottom: solid 1px #e3e4e6;
}
.announce_udc_date {
  line-height: 18px;
  font-size: 12px;
  color: #c9c9ce;
  letter-spacing: -0.3px;
}
.announce_udc_title {
  line-height: 20px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.announce_empty_text {
  line-height: 20px;
  font-size: 14px;
  color: #868b92;
  letter-spacing: -0.35px;
}
.faq_wrapper .faq_top {
  background-color: #fff;
}
.faq_wrapper .faq_top .faq_title {
  text-align: center;
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.45px;
}
.faq_wrapper .faq_tab {
  padding: 12px 20px 14px;
}
.faq_wrapper .faq_tab .faq_tab_title {
  padding: 6px 15px;
  background-color: transparent;
  background-image: none;
  border: solid 1px #e3e4e6;
  border-radius: 16px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  letter-spacing: -0.35px;
}
.faq_wrapper .faq_tab .faq_tab_title.selected {
  background-color: #09f;
  border: solid 1px #09f;
  color: #fff;
}
.faq_list .cl-layout-wrap:not(.cl-last-row) .faq_udc_bar {
  background-color: #e3e4e6;
}
.faq_list .cl-layout-wrap:not(.cl-last-row) .faq_udc.active .faq_udc_bar {
  display: none;
}
.faq_udc_question {
  line-height: 24px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.faq_udc_updown {
  background-image: url("images/common/navigation_arrow_drop_down_gray.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.faq_udc_answer {
  display: none;
  padding: 20px;
  background-color: #f5f6f8;
  line-height: 24px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.faq_udc.active .faq_udc_updown {
  background-image: url("images/common/navigation_arrow_drop_up_gray.svg");
}
.faq_udc.active .faq_udc_answer {
  display: block;
}
/************************************************
 * mobile - app navi bottom
 ************************************************/
.cl-container.map_info_body #map > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(3) > div {
  background-color: rgba(0, 153, 255, 0.21);
  border-radius: 100%;
  z-index: -1 !important;
  left: -29px !important;
  top: -51px !important;
}
.cl-container.map_info_body #map > div > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(3) > div img {
  z-index: 3 !important;
}
.cl-container.map_info_body .cl-container.map_info .cl-searchinput.search {
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.16);
  z-index: 1;
}
.cl-container.map_info_body .cl-container.map_info .cl-searchinput.search .search_icon.cl-searchinput-search {
  background-size: 24px;
}
.cl-container.map_info_body .cl-container.map_info .cl-searchinput.search .cl-text {
  padding: 0px 0px 0px 8px;
  font-weight: 400;
  font-size: 16px;
  color: #8e8e93;
}
.cl-container.map_info_body .cl-container.map_info .cl-container.grp_category {
  z-index: 5;
}
.cl-container.map_info_body .cl-container.map_info .cl-container.grp_category .cl-button.category {
  border: none;
  background-color: #ffffff;
  border-radius: 16px;
  padding: 6px 12px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.16);
  z-index: 1;
}
.cl-container.map_info_body .cl-container.map_info .cl-container.grp_category .cl-button.category.cl-focus {
  border: none;
}
.cl-container.map_info_body .cl-container.map_info .cl-container.grp_category .cl-button.category .cl-text {
  color: #000000 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  letter-spacing: -0.35px;
}
.cl-container.map_info_body .cl-container.map_info .cl-container.grp_category .cl-button.category .cl-icon {
  margin-right: 1px;
}
.cl-container.map_info_body .cl-container.map_info .cl-container.grp_btn .cl-output.output_gubun {
  background-color: #E8E9EA;
}
.cl-container.map_info_body .cl-container.map_info .cl-container.grp_btn .cl-button {
  border: none;
  border-radius: 4px;
  background-color: #ffffff;
  background-position: center;
}
.cl-container.map_info_body .cl-container.map_info .cl-container.grp_btn .cl-button.cl-focus {
  border: none;
}
.cl-container.map_info_body .cl-container.map_info .cl-container.grp_btn .cl-button.btn_reset {
  background-image: url("images/com/cmn/a078_ard/nvirons_setting.svg");
}
.cl-container.map_info_body .cl-container.map_info .cl-container.grp_btn .cl-button.btn_zoom_minus {
  background-image: url("images/com/cmn/a078_ard/nvirons_minus_button.svg");
}
.cl-container.map_info_body .cl-container.map_info .cl-container.grp_btn .cl-button.btn_zoom_plus {
  background-image: url("images/com/cmn/a078_ard/nvirons_plus_button.svg");
}
.cl-container.app_float .cl-aside .grp_all {
  background-color: #ffffff;
  border-radius: 16px 16px 0px 0px;
}
.cl-container.app_float .cl-aside .grp_all .sstr_black {
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  line-height: 20px;
  letter-spacing: -0.35px;
}
.cl-container.app_float .cl-aside .grp_all .sstr_main {
  font-weight: 400;
  font-size: 14px;
  color: #0099FF;
  line-height: 20px;
  letter-spacing: -0.35px;
}
.cl-container.app_float .cl-aside .grp_all .cl-output.output_draw {
  background-color: #868b92;
}
.cl-container.app_float .cl-aside .grp_all .cl-container.grp_tab_header {
  border-bottom: 1px solid #e3e4e6;
}
.cl-container.app_float .cl-aside .grp_all .cl-container.grp_tab_header .cl-button.output_tab {
  border: none;
  background: none;
  border-radius: 0px;
}
.cl-container.app_float .cl-aside .grp_all .cl-container.grp_tab_header .cl-button.output_tab .cl-text {
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 25px !important;
  letter-spacing: -0.4px !important;
  color: #000000 !important;
}
.cl-container.app_float .cl-aside .grp_all .cl-container.grp_tab_header .cl-button.output_tab.cl-focus {
  border: none;
}
.cl-container.app_float .cl-aside .grp_all .cl-container.grp_tab_header .cl-button.output_tab.selected {
  border-bottom: 2px solid #0099FF;
}
.cl-container.app_float .cl-aside .grp_all .cl-container.grp_tab_header .cl-button.output_tab.selected .cl-text {
  color: #0099FF;
}
.cl-container.app_float .cl-aside .grp_all .cl-container.grp_header .cl-output.title .cl-text {
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: -0.45px;
  color: #000000;
}
.cl-container.app_float .cl-aside .grp_all .cl-container.grp_header .cl-output.sstr_text {
  text-align: right;
}
.cl-container.grp_around_loc {
  background-color: #ffffff;
  border-radius: 16px 16px 0px 0px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
}
.cl-container.grp_around_loc .sstr_black {
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  line-height: 20px;
  letter-spacing: -0.35px;
}
.cl-container.grp_around_loc .sstr_main {
  font-weight: 400;
  font-size: 14px;
  color: #0099FF;
  line-height: 20px;
  letter-spacing: -0.35px;
}
.cl-container.grp_around_loc .cl-output.output_draw {
  background-color: #868b92;
}
.cl-container.grp_around_loc .cl-container.grp_tab_header {
  border-bottom: 1px solid #e3e4e6;
}
.cl-container.grp_around_loc .cl-container.grp_tab_header .cl-button.output_tab {
  background: none;
  border-radius: 0px;
}
.cl-container.grp_around_loc .cl-container.grp_tab_header .cl-button.output_tab .cl-text {
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 25px !important;
  letter-spacing: -0.4px !important;
  color: #000000 !important;
}
.cl-container.grp_around_loc .cl-container.grp_tab_header .cl-button.output_tab.cl-focus {
  border: none;
}
.cl-container.grp_around_loc .cl-container.grp_tab_header .cl-button.output_tab.selected {
  border-bottom: 2px solid #0099FF;
}
.cl-container.grp_around_loc .cl-container.grp_tab_header .cl-button.output_tab.selected .cl-text {
  color: #0099FF;
}
.cl-container.grp_around_loc .cl-container.grp_header .cl-output.title .cl-text {
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: -0.45px;
  color: #000000;
}
.cl-container.grp_around_loc .cl-container.grp_header .cl-output.sstr_text {
  text-align: right;
}
/**
 * A078-around-att
 */
.cl-container.grp_ard_com_body {
  background-color: #ffffff;
}
.cl-container.grp_ard_com_body .sstr_black {
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  line-height: 20px;
  letter-spacing: -0.35px;
}
.cl-container.grp_ard_com_body .sstr_main {
  font-weight: 400;
  font-size: 14px;
  color: #0099FF;
  line-height: 20px;
  letter-spacing: -0.35px;
}
.cl-container.grp_ard_com_body .cl-container.grp_header {
  box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.08);
  z-index: 1;
}
.cl-container.grp_ard_com_body .cl-container.grp_header .cl-container.grp_search {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
}
.cl-container.grp_ard_com_body .cl-container.grp_header .cl-container.grp_search .cl-inputbox.ipb1 {
  border: none;
  border-bottom: none;
}
.cl-container.grp_ard_com_body .cl-container.grp_header .cl-container.grp_search .cl-inputbox.ipb1 .cl-text {
  font-weight: 400;
  font-size: 16px;
  color: #000000;
}
.cl-container.grp_ard_com_body .cl-container.grp_header .cl-container.grp_search .cl-inputbox.ipb1 .cl-placeholder .cl-text {
  font-size: 16px;
  color: #868b92;
}
.cl-container.grp_ard_com_body .cl-container.grp_header .cl-container.grp_search .cl-inputbox.ipb1 .cl-inputbox-clear.icon_clear {
  width: 24px;
  height: 24px;
  margin-top: 11px;
  margin-bottom: 9px;
}
.cl-container.grp_ard_com_body .cl-container.grp_header .cl-container.grp_filter .cl-output .cl-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  color: #000000;
}
.cl-container.grp_ard_com_body .cl-container.grp_header .cl-container.grp_filter .cl-output.sstr_text {
  text-align: right;
}
.cl-container.grp_ard_com_body .cl-container.grp_btn .cl-output.output_gubun {
  background-color: #E8E9EA;
}
.cl-container.grp_ard_com_body .cl-container.grp_btn .cl-button {
  border-radius: 4px;
  background-color: #ffffff;
  background-position: center;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.31);
  z-index: 1;
  border: none;
}
.cl-container.grp_ard_com_body .cl-container.grp_btn .cl-button.cl-focus {
  border: none;
}
.cl-container.grp_ard_com_body .cl-container.grp_btn .cl-button.btn_reset {
  background-image: url("images/com/cmn/a078_ard/nvirons_setting.svg");
}
.cl-container.grp_ard_com_body .cl-container.grp_btn .cl-button.btn_zoom_minus {
  background-image: url("images/com/cmn/a078_ard/nvirons_minus_button.svg");
}
.cl-container.grp_ard_com_body .cl-container.grp_btn .cl-button.btn_zoom_plus {
  background-image: url("images/com/cmn/a078_ard/nvirons_plus_button.svg");
}
.cl-container.grp_ard_com_body .cl-container.grp_flow {
  -webkit-overflow-scrolling: touch;
}
.cl-container.grp_ard_com_body .cl-container.grp_search_word {
  border-top: 1px solid #e3e4e6;
  background-color: #ffffff;
}
.cl-container.grp_ard_com_body .cl-container.grp_search_word .cl-output.btn_delete {
  text-align: right;
}
.cl-container.grp_ard_com_body .cl-container.grp_search_word .cl-output.btn_delete .cl-text {
  font-size: 14px;
  font-weight: 400;
  color: #0099FF;
  letter-spacing: -0.35px;
}
.cl-container.grp_ard_com_body .cl-container.grp_search_word .cl-output.text1 .cl-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #000000;
  letter-spacing: -0.4px;
}
.cl-container.grp_ard_com_body .cl-container.grp_search_word .cl-container.grp_word_history .cl-image.nohistory {
  padding: 17px 94px 0px 94px;
}
.cl-container.grp_ard_com_body .cl-container.grp_search_word .cl-container.grp_word_history .cl-image.nohistory img {
  object-fit: contain;
}
.cl-container.grp_ard_com_body .cl-container.grp_search_word .cl-container.grp_word_history .cl-output.nohistory {
  text-align: center;
}
.cl-container.grp_ard_com_body .cl-container.grp_search_word .cl-container.grp_word_history .cl-output.nohistory .cl-text {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.4px;
  line-height: 24px;
  color: #868b92;
}
.cl-container.grp_ard_com_body .cl-container.grp_categroy .cl-button.btn_category {
  border: none;
  background: none;
}
.cl-container.grp_ard_com_body .cl-container.grp_categroy .cl-button.btn_category.cl-focus {
  border: none;
}
.cl-container.grp_ard_com_body .cl-container.grp_categroy .cl-button.btn_category .cl-text {
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: -0.35px !important;
  color: #000000 !important;
}
.cl-container.grp_ard_com_body .cl-container.grp_categroy .cl-button.btn_category .cl-icon {
  width: 18px;
  height: 18px;
}
.cl-container.grp_ard_com_body .cl-container.grp_categroy .cl-layout-wrap.grp_categroy_child:first-child {
  margin: 0px 8px 0px 0px !important;
}
/************************************************
 * mobile - app navi bottom
 ************************************************/
.cl-container.udc_around_loc_body {
  background-color: #ffffff;
}
.cl-container.udc_around_loc_body .cl-image.img_big img {
  border-radius: 8px;
  background-color: #ffffff;
  border: 1px solid #707070;
}
.cl-container.udc_around_loc_body .cl-output.text_loc .cl-text {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #868b92;
}
.cl-container.udc_around_loc_body .cl-output.text_title .cl-text {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.35px;
  color: #000000;
}
.cl-container.udc_around_com_body {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 2px 0px 3px rgba(0, 0, 0, 0.08);
}
.cl-container.udc_around_com_body .cl-image.loc_img img {
  border-style: inset !important;
  background-color: #ffffff;
  border: 1px solid #707070;
  border-radius: 4px;
  object-fit: cover;
}
.cl-container.udc_around_com_body .cl-button.btn_coupon {
  background-color: #ff6e0d;
  border-radius: 4px;
  border: none;
}
.cl-container.udc_around_com_body .cl-button.btn_coupon.cl-focus {
  border: none;
}
.cl-container.udc_around_com_body .cl-button.btn_coupon .cl-text {
  font-weight: 500 !important;
  font-size: 12px !important;
  letter-spacing: -0.3px;
  color: #ffffff !important;
}
.cl-container.udc_around_com_body .cl-button.btn_coupon .cl-image {
  width: 16px;
  height: 16px;
}
.cl-container.udc_around_com_body .cl-button.btn_amn {
  background: none;
  background-color: #ffffff;
  border-radius: 15px;
  border: 1px solid #e3e4e6;
  padding: 6px 13px;
}
.cl-container.udc_around_com_body .cl-button.btn_amn .cl-text {
  font-weight: 500;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #0099FF !important;
}
.cl-container.udc_around_com_body .cl-button.btn_amn .cl-icon {
  width: 16px;
  height: 16px;
}
.cl-container.udc_around_com_body .cl-output.tag .cl-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.3px;
  color: #c9c9ce;
}
.cl-container.udc_around_com_body .cl-output.title .cl-text {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
  color: #000000;
  text-decoration: underline;
}
.cl-container.udc_around_com_body .cl-output.rate .cl-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #868b92;
}
.cl-container.udc_around_com_body .cl-output.loc .cl-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #868b92;
  letter-spacing: -0.35px;
}
.cl-container.udc_around_com_body .cl-output.fivestar {
  border-radius: 4px;
  background-color: rgba(0, 153, 255, 0.1);
  padding: 1px 5px;
}
.cl-container.udc_around_com_body .cl-output.fivestar .cl-text {
  font-weight: 500;
  color: #0099FF;
  font-size: 12px;
  letter-spacing: -0.3px;
}
.cl-container.udc_around_com_body .cl-output.smartorder {
  border-radius: 4px;
  background-color: rgba(0, 213, 92, 0.1);
  padding: 1px 5px;
}
.cl-container.udc_around_com_body .cl-output.smartorder .cl-text {
  font-weight: 500;
  color: #00d55c;
  font-size: 12px;
  letter-spacing: -0.3px;
}
/*
 * search word
 */
.cl-container.udc_search_word_body {
  background-color: #ffffff;
}
.cl-container.udc_search_word_body .cl-output.output_gubun {
  background-color: #e3e4e6;
}
.cl-container.udc_search_word_body .cl-output.word .cl-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #000000;
}
/************************************************
 * mobile - app navi bottom
 ************************************************/
.cl-container.app_plan_body {
  background-color: #ffffff;
}
.cl-container.app_plan_body .cl-output.grp_title .cl-text {
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.45px;
  color: #000000;
}
.cl-container.app_plan_body .cl-container.grp_ready_travel .cl-button.btn_mytrip {
  border: none;
  background: none;
}
.cl-container.app_plan_body .cl-container.grp_ready_travel .cl-button.btn_mytrip.cl-focus {
  border: none;
}
.cl-container.app_plan_body .cl-container.grp_ready_travel .cl-button.btn_mytrip .cl-text {
  height: 20px !important;
  font-weight: 500 !important;
  color: #0099FF !important;
  font-size: 14px !important;
  letter-spacing: -0.35px;
  line-height: 19px !important;
}
.cl-container.app_plan_body .cl-container.grp_ready_travel .cl-button.btn_mytrip .cl-icon {
  width: 20px;
  height: 20px;
}
.cl-container.app_plan_body .cl-container.grp_ready_travel .cl-button.btn_new_plan {
  background: none;
  border-radius: 23px;
  border: 1px solid #e3e4e6;
}
.cl-container.app_plan_body .cl-container.grp_ready_travel .cl-button.btn_new_plan.cl-focus {
  border: 1px solid #e3e4e6;
}
.cl-container.app_plan_body .cl-container.grp_ready_travel .cl-button.btn_new_plan .cl-text {
  line-height: 24px !important;
  height: 24px !important;
  font-weight: 500 !important;
  color: #0099FF !important;
  font-size: 16px !important;
  letter-spacing: -0.4px;
}
.cl-container.app_plan_body .cl-container.grp_ready_travel .cl-button.btn_new_plan .cl-icon {
  width: 18px;
  height: 18px;
}
/**
 * loc_select
 */
.cl-container.plan_loc_select_body {
  background-color: #ffffff;
}
.cl-container.plan_loc_select_body .cl-output.category_text .cl-text {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #000000;
  line-height: 24px;
}
.cl-container.plan_loc_select_body .cl-container.grp_ipb_body {
  border-bottom: 1px solid #c9c9ce;
}
.cl-container.plan_loc_select_body .cl-container.grp_ipb_body .cl-container.grp_ipb .cl-searchinput.ipb1 {
  border: none;
}
.cl-container.plan_loc_select_body .cl-container.grp_ipb_body .cl-container.grp_ipb .cl-searchinput.ipb1 .cl-text.cl-placeholder {
  font-weight: 400;
  font-size: 14px;
  color: #8e8e93 !important;
}
.cl-container.plan_loc_select_body .cl-container.grp_ipb_body .cl-container.grp_ipb .cl-searchinput.ipb1.cl-focus {
  border: none;
}
.cl-container.plan_loc_select_body .cl-container.grp_ipb_body .cl-container.grp_ipb .cl-button.btn_search {
  background: none;
  border: none;
}
.cl-container.plan_loc_select_body .cl-container.grp_ipb_body .cl-container.grp_ipb .cl-button.btn_search .cl-icon {
  width: 24px;
  height: 24px;
}
.cl-container.plan_loc_select_body .cl-container.grp_ipb_body .cl-container.grp_ipb .cl-button.btn_search.cl-focus {
  border: none;
}
.cl-container.plan_loc_select_body .cl-container.grp_btn {
  background-color: #ffffff;
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
}
.cl-container.plan_loc_select_body .cl-container.grp_btn .cl-button {
  border: none;
  background: none;
  background-color: #c9c9ce;
  border-radius: 8px;
  text-shadow: none;
}
.cl-container.plan_loc_select_body .cl-container.grp_btn .cl-button .cl-text {
  color: #ffffff !important;
  font-weight: 500;
  font-size: 14px;
}
.cl-container.plan_loc_select_body .cl-container.grp_btn .cl-button.actived {
  background-color: #0099FF;
}
.cl-container.plan_loc_select_body .cl-container.grp_btn .cl-output.chocie_Text .cl-text {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.35px;
  color: #000000;
  line-height: 20px;
}
.cl-container.plan_loc_select_body .cl-container.grp_btn .cl-output.hint .cl-text {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #868b92;
  line-height: 18px;
}
/**
 * plan_theme_body
 */
.cl-container.plan_theme_body {
  background-color: #ffffff;
}
.cl-container.plan_theme_body .cl-output.theme_title .cl-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.plan_theme_body .cl-output.theme_category {
  border-radius: 4px;
  border: 1px solid #e3e4e6;
  background-color: #ffffff;
  padding: 6px 16px;
  text-align: center;
}
.cl-container.plan_theme_body .cl-output.theme_category .cl-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  color: #868b92;
}
.cl-container.plan_theme_body .cl-output.theme_category.selected {
  border: 1px solid #0099FF;
}
.cl-container.plan_theme_body .cl-output.theme_category.selected .cl-text {
  font-weight: 500;
  color: #0099FF;
}
.cl-container.plan_theme_body .cl-container.grp_btn .cl-output.text_after {
  text-align: center;
}
.cl-container.plan_theme_body .cl-container.grp_btn .cl-output.text_after .cl-text {
  font-weight: 500;
  font-size: 14px;
  color: #868b92;
  text-decoration: underline;
}
.cl-container.plan_theme_body .cl-container.grp_btn .cl-container.btn_body {
  background-color: #ffffff;
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
}
.cl-container.plan_theme_body .cl-container.grp_btn .cl-container.btn_body .cl-button.btn_ok {
  background: none;
  border: none;
  background-color: #0099FF;
  border-radius: 8px;
  text-shadow: none;
}
.cl-container.plan_theme_body .cl-container.grp_btn .cl-container.btn_body .cl-button.btn_ok .cl-text {
  color: #ffffff !important;
  font-weight: 500;
  font-size: 14px;
}
/**
 * plan_title_body
 */
.cl-container.plan_title_body .cl-output.header .cl-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.plan_title_body .cl-button.btn_ok {
  background: none;
  border: none;
  background-color: #0099FF;
  border-radius: 8px;
  text-shadow: none;
}
.cl-container.plan_title_body .cl-button.btn_ok .cl-text {
  color: #ffffff !important;
  font-weight: 500;
  font-size: 14px;
}
.plan_all_detail_layout .plan_all_detail .swiper-slide {
  width: 100% !important;
  height: 250px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.plan_all_detail_layout .plan_all_detail .slide-index-box {
  position: absolute;
  right: 20px;
  bottom: 15px;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.53);
  border-radius: 10px;
}
.plan_all_detail_layout .plan_all_detail .slide-index-box span {
  line-height: 20px;
  font-family: 'Roboto';
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
/**
 * float* 
 */
/************************************************
 * mobile - app navi bottom
 ************************************************/
.cl-container.udc_header_body {
  background-color: #ffffff;
}
/**
 * udc_plan_trip
 */
.cl-container.udc_plan_trip .cl-container.grp_img img {
  border-radius: 100%;
}
.cl-container.udc_plan_trip .cl-container.grp_img .cl-output {
  text-align: center;
}
.cl-container.udc_plan_trip .cl-container.grp_img .cl-output .cl-text {
  font-size: 16px;
  font-family: "Roboto";
  font-weight: 500;
  color: #ffffff;
}
.cl-container.udc_plan_trip .cl-output.title .cl-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.udc_plan_trip .cl-output.tag .cl-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.35px;
  color: #868b92;
}
.cl-container.udc_plan_trip .cl-output.date .cl-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.35px;
  color: #000000;
}
/**
 * udc_plan_loc
 */
.cl-container.udc_plan_loc {
  background-color: #ffffff;
}
.cl-container.udc_plan_loc .cl-output {
  text-align: center;
}
.cl-container.udc_plan_loc .cl-output .cl-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.udc_plan_loc .cl-image.first {
  border-radius: 100%;
  background-color: rgba(0, 153, 255, 0.1);
}
.cl-container.udc_plan_loc .cl-image.first img {
  padding: 20%;
}
/**
 * udc_plan_journal
 */
.cl-container.udc_plan_journal {
  border-radius: 8px;
  background-color: #ffffff;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid rgba(0, 0, 0, 0.18);
  border-right: 1px solid rgba(0, 0, 0, 0.18);
}
.cl-container.udc_plan_journal .cl-container.grp_text .cl-output.name .cl-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  color: #000000;
}
.cl-container.udc_plan_journal .cl-container.grp_text .cl-output.title .cl-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.udc_plan_journal .cl-container.grp_text .cl-output.tag .cl-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #717377;
}
.cl-container.udc_plan_journal .cl-container.grp_text .cl-output.hint .cl-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #868b92;
}
.cl-container.udc_plan_journal .cl-container.grp_text .cl-output.count .cl-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #c9c9ce;
}
.cl-container.udc_plan_journal .cl-container.grp_text .cl-output.output_line {
  background-color: #c9c9ce;
}
/**
 * udc_
 */
.cl-container.udc_loc_select_small {
  background-color: #ffffff;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
}
.cl-container.udc_loc_select_small .cl-output.loc_text .cl-text {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.35px;
  color: #000000;
  line-height: 14px;
}
/************************************************
 * mobile - app navi bottom
 ************************************************/
.cl-container.dlg_plan_setting_body {
  background-color: #ffffff;
}
.cl-container.dlg_plan_setting_body .cl-output.header .cl-text {
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.45px;
  color: #000000;
}
.cl-container.dlg_plan_setting_body .cl-container.choice .cl-output.title .cl-text {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.4px;
  color: #000000;
}
/************************************************
 * mobile - app navi bottom
 ************************************************/
/*	나의 여행 메인화면*/
.cl-container.my_tvl_main_layout .cl-output.list_header_output {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.cl-container.my_tvl_main_layout .cl-output.trip_content_output {
  color: #868b92;
  font-size: 16px;
  line-height: 25px;
  text-align: center;
}
.cl-container.my_tvl_main_layout .cl-output.trip_cnt_text {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #0099FF;
  letter-spacing: -0.4px;
}
.cl-container.my_tvl_main_layout .none_layout {
  background-color: #ffffff;
}
.cl-container.my_tvl_main_layout .shared_trip_list_layout {
  background-color: #f5f6f8;
}
.cl-container.my_tvl_main_layout .cl-button.creat_trip_btn {
  border: 1px solid #0099FF;
  border-radius: 20px;
  background-color: #ffffff;
  color: #0099FF;
  font-size: 14px;
  line-height: 22px;
}
.cl-container.my_tvl_main_layout .cl-tabfolder {
  color: #000000;
  background-color: white;
  /* 헤더 */
  /* 탭폴더 바디 */
}
.cl-container.my_tvl_main_layout .cl-tabfolder .cl-tabfolder-header {
  text-align: center;
  /* 탭 헤더 아이템 */
  /* 헤더 위치 스타일 */
}
.cl-container.my_tvl_main_layout .cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item {
  background-color: white;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  border-bottom: 1px solid #babfc7 !important;
  width: 140px;
  margin: 0px 10px;
  display: block !important;
  /* 탭 헤더 아이템 - 선택됨 */
  /*	탭 텍스트 선택시 이벤트*/
  /* 탭 헤더 아이템 - 호버 */
}
.cl-container.my_tvl_main_layout .cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-selected {
  background-color: white;
  color: #0099ff;
  border-color: #0099ff !important;
  text-decoration-line: none;
  /* 탭 헤더 아이템 닫기 버튼 - 선택 됨 */
}
.cl-container.my_tvl_main_layout .cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item .cl-text:focus {
  text-decoration: none;
}
.cl-container.my_tvl_main_layout .cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item:not(.cl-selected):hover {
  background-color: white;
}
.cl-container.my_tvl_main_layout .cl-tabfolder .cl-tabfolder-header.cl-top {
  background-image: linear-gradient(#BABFC7, #BABFC7);
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: 0px 100%;
}
.cl-container.my_tvl_main_layout .cl-tabfolder .cl-tabfolder-header.cl-top .cl-tabfolder-prev,
.cl-container.my_tvl_main_layout .cl-tabfolder .cl-tabfolder-header.cl-top .cl-tabfolder-next {
  border-bottom: #BABFC7 !important;
}
.cl-container.my_tvl_main_layout .cl-tabfolder .cl-tabfolder-header.cl-top .cl-tabfolder-item.cl-selected {
  border-bottom: 2px solid !important;
}
.cl-container.my_tvl_main_layout .cl-tabfolder .cl-tabfolder-body {
  background-color: white;
  color: #000000;
  border: none;
}
/*	나의 여행 udc*/
.cl-container.trip_plan_layout .cl-output.trip_d-day_output {
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  line-height: 24px;
  font-weight: 500;
}
.cl-container.trip_plan_layout .cl-output.trip_name_output {
  font-size: 16px;
  line-height: 24px;
}
.cl-container.trip_plan_layout .cl-output.trip_tag_output {
  font-size: 14px;
  color: #868b92;
  line-height: 24px;
}
/*	공유한 일정 udc*/
.cl-container.shared_trip_layout {
  background-color: #ffffff;
}
.cl-container.shared_trip_layout .cl-output.title_output {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
}
.cl-container.shared_trip_layout .cl-output.main_output {
  font-size: 14px;
  line-height: 24px;
}
.cl-container.shared_trip_layout .cl-output.trip_date {
  font-size: 12px;
  line-height: 20px;
  color: #868b92;
}
.cl-container.shared_trip_layout .cl-output.like_cnt {
  font-size: 12px;
  line-height: 18px;
  color: #c9c9ce;
}
.cl-container.shared_trip_layout .cl-container.img_slide_layout {
  border-radius: 8px;
}
.cl-container.shared_trip_layout .tvl_info_layout {
  border-radius: 8px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.18);
}
/*	udc header	*/
.cl-container.dialog_my_plan {
  background-color: #ffffff;
}
.cl-container.dialog_my_plan .cl-output.header {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.45px;
}
/* 슬라이드 이미지 */
.cl-container.my_tvl_slide_img_layout .cl-container.my_tvl_slide_count {
  background-color: rgba(0, 0, 0, 0.53);
  border-radius: 10px;
}
.cl-container.my_tvl_slide_img_layout .cl-container.my_tvl_slide_count .cl-text {
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  font-family: Roboto;
}
.shared_trip_layout .plan_all_detail .swiper-slide {
  width: 100% !important;
  height: 250px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 8px;
}
.shared_trip_layout .plan_all_detail .slide-index-box {
  position: absolute;
  right: 20px;
  bottom: 15px;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.53);
  border-radius: 10px;
}
.shared_trip_layout .plan_all_detail .slide-index-box span {
  line-height: 20px;
  font-family: 'Roboto';
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.cl-container.calender_container {
  border-radius: 0;
  border: none;
  margin: 0px 5px;
}
.cl-container.calender_container .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-sun,
.cl-container.calender_container .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-mon,
.cl-container.calender_container .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-thu,
.cl-container.calender_container .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-sat,
.cl-container.calender_container .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-fri,
.cl-container.calender_container .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-wed,
.cl-container.calender_container .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-tue {
  height: 0px;
}
.cl-container.calender_container .cl-calendar-content .cl-calendar-content-day {
  text-align: center;
}
.cl-container.calender_container .cl-calendar-content .cl-calendar-content-day .cl-text {
  font-size: 14px;
  line-height: 20px;
}
.cl-container.calender_container .first:not(.cl-disabled) .cl-calendar-content-day.cl-calendar-defaultdate:not(.cl-selected) .cl-text,
.cl-container.calender_container .first:not(.cl-disabled) .cl-calendar-content-month.cl-calendar-defaultdate:not(.cl-selected) .cl-text,
.cl-container.calender_container .first:not(.cl-disabled) .cl-calendar-content-year.cl-calendar-defaultdate:not(.cl-selected) .cl-text {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 50%;
  background-color: #f5f6f8;
}
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-day,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-month,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-year {
  border-radius: 0;
  border-color: transparent;
}
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-day.cl-calendar-defaultdate,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-month.cl-calendar-defaultdate,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-year.cl-calendar-defaultdate {
  border-radius: 0;
  background-color: inherit;
  color: #000000;
}
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-day.cl-calendar-defaultdate:hover,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-month.cl-calendar-defaultdate:hover,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-year.cl-calendar-defaultdate:hover {
  color: #ffffff;
}
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-day.cl-calendar-defaultdate.cl-range-selected,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-month.cl-calendar-defaultdate.cl-range-selected,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-year.cl-calendar-defaultdate.cl-range-selected {
  background-color: #E5F5FF;
  color: #1f2b3a;
}
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-day.cl-disabled,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-month.cl-disabled,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-year.cl-disabled {
  background-color: #ffffff;
}
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-day.cl-disabled .cl-text,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-month.cl-disabled .cl-text,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-year.cl-disabled .cl-text {
  color: #c9c9ce;
}
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-day.cl-selected,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-month.cl-selected,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-year.cl-selected {
  color: #ffffff;
  background-color: #ffffff;
}
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-day.cl-selected:before,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-month.cl-selected:before,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-year.cl-selected:before {
  content: " ";
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  background-color: #0099ff;
  border-radius: 50%;
}
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-day.cl-range-start.cl-selected,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-month.cl-range-start.cl-selected,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-year.cl-range-start.cl-selected {
  border-radius: 50% 0 0 50%;
  background-color: #E5F5FF;
  color: #ffffff;
}
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-day.cl-range-start.cl-selected:before,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-month.cl-range-start.cl-selected:before,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-year.cl-range-start.cl-selected:before {
  content: " ";
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  background-color: #0099ff;
  border-radius: 50%;
}
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-day.cl-range-start.cl-selected:hover,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-month.cl-range-start.cl-selected:hover,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-year.cl-range-start.cl-selected:hover {
  background-color: #E5F5FF;
  border-radius: 0%;
}
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-day.cl-range-end.cl-selected,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-month.cl-range-end.cl-selected,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-year.cl-range-end.cl-selected {
  border-radius: 0 50% 50% 0;
  background-color: #E5F5FF;
  color: #ffffff;
}
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-day.cl-range-end.cl-selected:before,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-month.cl-range-end.cl-selected:before,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-year.cl-range-end.cl-selected:before {
  content: " ";
  position: absolute;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  background-color: #0099ff;
  border-radius: 50%;
}
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-day.cl-range-end.cl-selected:hover,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-month.cl-range-end.cl-selected:hover,
.cl-container.calender_container:not(.cl-disabled) .cl-calendar-content-year.cl-range-end.cl-selected:hover {
  background-color: #E5F5FF;
}
.cl-container.calender_container .cl-output.calender_font {
  text-align: center;
}
.cl-container.calender_container .cl-output.calender_font .cl-text {
  font-size: 14px;
  letter-spacing: -0.35px;
  font-weight: 400;
}
.cl-container.calender_container .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-day.cl-range-start.cl-selected:hover,
.cl-container.calender_container .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-month.cl-range-start.cl-selected:hover,
.cl-container.calender_container .cl-calendar.acm_calendar:not(.cl-disabled) .cl-calendar-content-year.cl-range-start.cl-selected:hover {
  background-color: #DAEFFC;
  border-radius: 50% 0% 0% 50%;
}
.cl-container.bottom_style .cl-output.setting_title {
  text-align: center;
  color: #868b92;
}
.cl-container.bottom_style .cl-output.setting_title .cl-text {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.cl-container.bottom_style .cl-output.setting_date {
  text-align: center;
  color: #000000;
}
.cl-container.bottom_style .cl-output.setting_date .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  font-weight: 500;
}
.cl-container.bottom_style .cl-container.button_back {
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
}
.cl-container.bottom_style .cl-container.button_back .cl-button.select_btn {
  border-radius: 8px;
  border: none;
  background-color: #0099FF;
  background-image: none;
  border: none;
}
.cl-container.bottom_style .cl-container.button_back .cl-button.select_btn .cl-text {
  font-size: 14px;
  color: #ffffff !important;
}
/*****************************************
 * A056-plan-share
 ******************************************/
.cl-container.plan_share_layout {
  background-color: #f5f6f8;
}
.cl-container.plan_share_layout .cl-container.plan_share_content_layout .cl-container.plan_share_input_layout {
  background-color: #ffffff;
}
.cl-container.plan_share_layout .cl-container.plan_share_content_layout .cl-container.plan_share_input_layout .cl-inputbox.plan_share_input_title {
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.4px;
  word-break: keep-all;
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.4px;
  padding: 10px 0;
  border-bottom: 1px solid #e3e4e6;
  margin-bottom: 18px;
}
.cl-container.plan_share_layout .cl-container.plan_share_content_layout .cl-container.plan_share_input_layout .cl-inputbox.plan_share_input_title .cl-text {
  padding: 0 !important;
}
.cl-container.plan_share_layout .cl-container.plan_share_content_layout .cl-container.plan_share_input_layout .cl-inputbox.plan_share_input_title.cl-selected {
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.4px;
  word-break: keep-all;
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 16px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.4px;
}
.cl-container.plan_share_layout .cl-container.plan_share_content_layout .cl-container.plan_share_input_layout .cl-inputbox.plan_share_input_title .cl-placeholder {
  font-size: 16px;
  color: #c9c9ce;
  font-weight: 500;
  letter-spacing: -0.4px;
  word-break: keep-all;
  word-break: keep-all !important;
}
.cl-container.plan_share_layout .cl-container.plan_share_content_layout .cl-container.plan_share_input_layout .cl-textarea.plan_share_input_review {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.34px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.34px;
  padding: 14px;
}
.cl-container.plan_share_layout .cl-container.plan_share_content_layout .cl-container.plan_share_input_layout .cl-textarea.plan_share_input_review .cl-text {
  padding: 0 !important;
}
.cl-container.plan_share_layout .cl-container.plan_share_content_layout .cl-container.plan_share_input_layout .cl-textarea.plan_share_input_review.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.34px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 0;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.34px;
}
.cl-container.plan_share_layout .cl-container.plan_share_content_layout .cl-container.plan_share_input_layout .cl-textarea.plan_share_input_review .cl-placeholder {
  font-size: 14px;
  color: #c9c9ce;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
  word-break: keep-all !important;
}
.cl-container.plan_share_layout .cl-container.plan_share_content_layout .cl-container.plan_share_input_layout .cl-container.share_photo_box {
  margin-top: 32px;
}
.cl-container.plan_share_layout .cl-container.plan_share_content_layout .cl-container.plan_share_input_layout .cl-container.share_photo_box .cl-output.review_write_title {
  font-size: 16px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.4px;
  word-break: keep-all;
}
.cl-container.plan_share_layout .cl-container.plan_share_content_layout .cl-container.plan_share_input_layout .cl-container.share_photo_box .cl-output.review_write_title .cl-text::after {
  display: inline-block;
  font-size: 16px;
  color: #c9c9ce;
  font-weight: 500;
  letter-spacing: -0.4px;
  word-break: keep-all;
}
.cl-container.plan_share_layout .cl-container.plan_share_content_layout .cl-container.plan_share_input_layout .cl-container.share_photo_box .cl-container.share_photo .cl-container.share_photo_browser {
  border: dashed 2px #e3e4e6;
  border-radius: 4px;
}
.cl-container.plan_share_layout .cl-container.plan_share_content_layout .cl-container.plan_share_input_layout .cl-container.share_photo_box .cl-container.share_photo .cl-container.share_photo_browser .cl-container.share_photo_info .cl-output {
  font-family: Roboto;
  font-size: 14px;
  color: #c9c9ce;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
}
.cl-container.plan_share_layout .cl-container.plan_share_content_layout .cl-container.plan_share_input_layout .cl-container.share_photo_box .cl-container.share_photo .cl-fileinput.review_photo_input {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: none;
  border-radius: 4px;
}
.cl-container.plan_share_layout .cl-container.plan_share_content_layout .cl-container.plan_share_input_layout .cl-container.share_photo_box .cl-container.share_photo .cl-fileinput.review_photo_input .cl-text {
  display: none;
}
.cl-container.plan_share_layout .cl-container.plan_share_content_layout .cl-container.plan_share_input_layout .cl-container.share_photo_box .cl-container.share_photo .cl-fileinput.review_photo_input .cl-fileinput-clear {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
}
.cl-container.plan_share_layout .cl-container.plan_share_content_layout .cl-container.plan_share_input_layout .cl-container.share_photo_box .cl-container.share_photo .cl-fileinput.review_photo_input::before {
  display: none;
}
.cl-container.plan_share_layout .cl-container.plan_share_content_layout .cl-container.list_layout {
  background-color: #ffffff;
}
.cl-container.plan_share_layout .cl-container.plan_share_btn_layout {
  background-color: #ffffff;
}
.cl-container.plan_share_layout .cl-container.plan_share_btn_layout .cl-button.plan_share_btn_unactive {
  border: none;
  border-radius: 8px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  border: none;
  border-radius: 8px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
}
.cl-container.plan_share_layout .cl-container.plan_share_btn_layout .cl-button.plan_share_btn_unactive:hover {
  border: none;
  border-radius: 8px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
}
.cl-container.plan_share_layout .cl-container.plan_share_btn_layout .cl-button.plan_share_btn_unactive.cl-activated {
  border: none;
  border-radius: 8px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
}
.cl-container.plan_share_layout .cl-container.plan_share_btn_layout .cl-button.plan_share_btn_unactive.cl-focus {
  border: none;
  border-radius: 8px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
}
.cl-container.plan_share_layout .cl-container.plan_share_btn_layout .cl-button.plan_share_btn_unactive.cl-selected {
  border: none;
  border-radius: 8px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
}
.cl-container.plan_share_layout .cl-container.plan_share_btn_layout .cl-button.plan_share_btn_unactive.cl-unselectable {
  border: none;
  border-radius: 8px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
}
.cl-container.plan_share_layout .cl-container.plan_share_btn_layout .cl-button.plan_share_btn_unactive:hover {
  border: none;
  border-radius: 8px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
}
.cl-container.plan_share_layout .cl-container.plan_share_btn_layout .cl-button.plan_share_btn_unactive.cl-activated {
  border: none;
  border-radius: 8px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
}
.cl-container.plan_share_layout .cl-container.plan_share_btn_layout .cl-button.plan_share_btn_unactive.cl-focus {
  border: none;
  border-radius: 8px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
}
.cl-container.plan_share_layout .cl-container.plan_share_btn_layout .cl-button.plan_share_btn_unactive.cl-selected {
  border: none;
  border-radius: 8px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
}
.cl-container.plan_share_layout .cl-container.plan_share_btn_layout .cl-button.plan_share_btn_unactive.cl-unselectable {
  border: none;
  border-radius: 8px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
}
.cl-container.plan_share_layout .cl-container.plan_share_btn_layout .cl-button.plan_share_btn_active {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
}
.cl-container.plan_share_layout .cl-container.plan_share_btn_layout .cl-button.plan_share_btn_active:hover {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
}
.cl-container.plan_share_layout .cl-container.plan_share_btn_layout .cl-button.plan_share_btn_active.cl-activated {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
}
.cl-container.plan_share_layout .cl-container.plan_share_btn_layout .cl-button.plan_share_btn_active.cl-focus {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
}
.cl-container.plan_share_layout .cl-container.plan_share_btn_layout .cl-button.plan_share_btn_active.cl-selected {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
}
.cl-container.plan_share_layout .cl-container.plan_share_btn_layout .cl-button.plan_share_btn_active.cl-unselectable {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
}
.cl-container.plan_share_layout .cl-container.plan_share_btn_layout .cl-button.plan_share_btn_active:hover {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
}
.cl-container.plan_share_layout .cl-container.plan_share_btn_layout .cl-button.plan_share_btn_active.cl-activated {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
}
.cl-container.plan_share_layout .cl-container.plan_share_btn_layout .cl-button.plan_share_btn_active.cl-focus {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
}
.cl-container.plan_share_layout .cl-container.plan_share_btn_layout .cl-button.plan_share_btn_active.cl-selected {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
}
.cl-container.plan_share_layout .cl-container.plan_share_btn_layout .cl-button.plan_share_btn_active.cl-unselectable {
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
  border: none;
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
}
/*****************************************
 * A053-plan-all
 ******************************************/
.cl-container.plan_all_layout .cl-container.search_region_layout {
  border-bottom: 1px solid #c9c9ce;
}
.cl-container.plan_all_layout .cl-container.search_region_layout .cl-output.search_region_title {
  font-size: 14px;
  color: #8e8e93;
  font-weight: 400;
  letter-spacing: 0;
  word-break: keep-all;
}
.cl-container.plan_all_layout .cl-container.region_flow_layout .cl-button.select_region_btn {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  padding: 6px 10px;
}
.cl-container.plan_all_layout .cl-container.region_flow_layout .cl-button.select_region_btn:hover {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
}
.cl-container.plan_all_layout .cl-container.region_flow_layout .cl-button.select_region_btn.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
}
.cl-container.plan_all_layout .cl-container.region_flow_layout .cl-button.select_region_btn.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
}
.cl-container.plan_all_layout .cl-container.region_flow_layout .cl-button.select_region_btn.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
}
.cl-container.plan_all_layout .cl-container.region_flow_layout .cl-button.select_region_btn.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
}
.cl-container.plan_all_layout .cl-container.region_flow_layout .cl-button.select_region_btn:hover {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
}
.cl-container.plan_all_layout .cl-container.region_flow_layout .cl-button.select_region_btn.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
}
.cl-container.plan_all_layout .cl-container.region_flow_layout .cl-button.select_region_btn.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
}
.cl-container.plan_all_layout .cl-container.region_flow_layout .cl-button.select_region_btn.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
}
.cl-container.plan_all_layout .cl-container.region_flow_layout .cl-button.select_region_btn.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
}
.cl-container.plan_all_layout .cl-container.region_flow_layout .cl-button.select_region_btn .cl-text {
  margin-left: 5px;
}
.cl-container.plan_all_layout .cl-container.region_flow_layout .cl-button.select_region_btn:hover {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
}
.cl-container.plan_all_layout .cl-container.region_flow_layout .cl-button.select_region_btn.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
}
.cl-container.plan_all_layout .cl-container.region_flow_layout .cl-button.select_region_btn.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
}
.cl-container.plan_all_layout .cl-container.region_flow_layout .cl-button.select_region_btn.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
}
.cl-container.plan_all_layout .cl-container.region_flow_layout .cl-button.select_region_btn.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
}
.cl-container.plan_all_layout .cl-container.region_flow_layout .cl-button.select_region_btn:hover {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
}
.cl-container.plan_all_layout .cl-container.region_flow_layout .cl-button.select_region_btn.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
}
.cl-container.plan_all_layout .cl-container.region_flow_layout .cl-button.select_region_btn.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
}
.cl-container.plan_all_layout .cl-container.region_flow_layout .cl-button.select_region_btn.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
}
.cl-container.plan_all_layout .cl-container.region_flow_layout .cl-button.select_region_btn.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.35px;
}
.cl-container.plan_all_layout .cl-container.region_flow_layout .cl-button.select_region_btn .cl-text {
  margin-left: 5px;
  margin-left: 0;
  margin-right: 14px;
}
.cl-container.plan_all_layout .cl-container.counting_layout .cl-output {
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  letter-spacing: -0.4px;
  word-break: keep-all;
}
.cl-container.plan_all_layout .cl-container.list_layout>.cl-layout>.cl-layout-content>.cl-layout-wrap {
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.18);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.18);
}
/*****************************************
 * A053-plan-all UDC
 ******************************************/
.cl-container.plan_all_list_row_layout {
  background-color: #ffffff;
}
.cl-container.plan_all_list_row_layout .cl-container.plan_img_layout .cl-image.plan_img {
  border-radius: 8px 8px 0 0;
  background-size: cover;
  background-position: center;
}
.cl-container.plan_all_list_row_layout .cl-container.plan_info .cl-container.plan_info_layout {
  margin-bottom: 10px;
}
.cl-container.plan_all_list_row_layout .cl-container.plan_info .cl-container.plan_info_layout .cl-output.plan_info_data_name {
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.plan_all_list_row_layout .cl-container.plan_info .cl-container.plan_info_layout .cl-output.plan_info_data_pipe {
  font-size: 12px;
  color: #c9c9ce;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
}
.cl-container.plan_all_list_row_layout .cl-container.plan_info .cl-container.plan_info_layout .cl-output.plan_info_data_calender {
  font-size: 12px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: 0;
  word-break: keep-all;
}
.cl-container.plan_all_list_row_layout .cl-container.plan_info .cl-output.plan_info_data_title {
  margin-bottom: 4px;
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
}
.cl-container.plan_all_list_row_layout .cl-container.plan_info .cl-output.plan_info_data_tag {
  margin-bottom: 13px;
  font-size: 14px;
  color: #717377;
  font-weight: 400;
  letter-spacing: 0;
  word-break: keep-all;
}
.cl-container.plan_all_list_row_layout .cl-container.plan_info .cl-container.plan_info_icon_layout .cl-output {
  font-size: 12px;
  color: #c9c9ce;
  font-weight: 400;
  letter-spacing: 0;
  word-break: keep-all;
}
/*****************************************
 * A053-plan-all-detail
 ******************************************/
.cl-container.plan_all_detail_layout {
  background-color: #f5f6f8;
}
.cl-container.plan_all_detail_layout .cl-container.plan_all_detail_header {
  background-color: #ffffff;
}
.cl-container.plan_all_detail_layout .cl-container.plan_all_detail_content .cl-container.reivew_info {
  background-color: #ffffff;
}
.cl-container.plan_all_detail_layout .cl-container.plan_all_detail_content .cl-container.reivew_info .cl-container.review_title_layout .cl-output.review_title {
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
}
.cl-container.plan_all_detail_layout .cl-container.plan_all_detail_content .cl-container.reivew_info .cl-container.review_title_layout .cl-container.review_data_layout .cl-output.user_name {
  font-size: 14px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.plan_all_detail_layout .cl-container.plan_all_detail_content .cl-container.reivew_info .cl-container.review_title_layout .cl-container.review_data_layout .cl-output.review_pipe {
  font-size: 12px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.plan_all_detail_layout .cl-container.plan_all_detail_content .cl-container.reivew_info .cl-container.review_title_layout .cl-container.review_data_layout .cl-output.plan_calender {
  font-size: 12px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: 0;
  word-break: keep-all;
}
.cl-container.plan_all_detail_layout .cl-container.plan_all_detail_content .cl-container.reivew_info .cl-container.reivew_content_layout .cl-output {
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
.cl-container.plan_all_detail_layout .cl-container.plan_all_detail_content .cl-container.plan_info_layout {
  background-color: #ffffff;
}
/*****************************************
 * A053-plan-all-detail day-UDC
 ******************************************/
.cl-container.plan_all_detail_day_layout .cl-container.plan_info_layout .cl-container.plan_day_layout .cl-output {
  font-size: 16px;
  color: #0099FF;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
}
.cl-container.plan_all_detail_day_layout .cl-container.plan_info_layout .cl-container.plan_place_layout .cl-output {
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
}
/*****************************************
 * A053-plan-all-detail place-UDC
 ******************************************/
.cl-container.plan_all_detail_place_layout .cl-container.plan_all_detail_place_top_layout .cl-container.plan_all_detail_place_top {
  border: 1px solid #e3e4e6;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
}
.cl-container.plan_all_detail_place_layout .cl-container.plan_all_detail_place_top_layout .cl-container.count_flag {
  background-color: #0099FF;
}
.cl-container.plan_all_detail_place_layout .cl-container.plan_all_detail_place_top_layout .cl-container.count_flag .cl-output {
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0;
  word-break: keep-all;
}
.cl-container.plan_all_detail_place_layout .cl-container.plan_all_detail_place_content {
  margin-top: 15px;
  border: 1px solid #e3e4e6;
  border-top: none;
  border-radius: 0 0 8px 8px;
}
.cl-container.plan_all_detail_place_layout .cl-container.plan_all_detail_place_content .cl-container.place_info_layout .cl-container.place_text_layout .cl-output {
  font-size: 16px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.4px;
  word-break: keep-all;
}
.cl-container.plan_all_detail_place_layout .cl-container.plan_all_detail_place_content .cl-container.place_info_layout .cl-container.place_text_layout .cl-container.place_content_data .cl-output {
  font-size: 12px;
  color: #868b92;
  font-weight: 400;
  letter-spacing: 0;
  word-break: keep-all;
}
.plan_detail_wrapper .plan_detail_top {
  background-color: #fff;
}
.plan_detail_wrapper .plan_detail_info .plan_detail_period {
  line-height: 20px;
  font-size: 14px;
  color: #868b92;
  letter-spacing: -0.35px;
}
.plan_detail_wrapper .plan_detail_info .plan_detail_title {
  line-height: 27px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.45px;
}
.plan_detail_wrapper .plan_detail_info .plan_detail_tag {
  line-height: 20px;
  font-size: 14px;
  color: #868b92;
  letter-spacing: -0.35px;
}
.plan_detail_wrapper .plan_detail_tab_box {
  background-color: #fff;
}
.plan_detail_wrapper .plan_detail_tab_box .plan_detail_tab::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  height: 1px;
  background-color: #e3e4e6;
}
.plan_detail_wrapper .plan_detail_tab_box .plan_detail_tab .plan_detail_tab_title {
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0;
  line-height: 24px;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  letter-spacing: -0.4px;
}
.plan_detail_wrapper .plan_detail_tab_box .plan_detail_tab .plan_detail_tab_title.selected {
  font-weight: 500;
  color: #09f;
}
.plan_detail_wrapper .plan_detail_tab_box .plan_detail_tab .plan_detail_tab_title.selected::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: -12px;
  left: 0;
  z-index: 1;
  height: 2px;
  background-color: #09f;
}
.plan_detail_wrapper .plan_detail_float .plan_detail_map .map_box {
  height: 100%;
}
.plan_detail_wrapper .plan_detail_float .plan_detail_map_button {
  background-color: #fff;
}
.plan_detail_wrapper .plan_detail_content_day {
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #09f;
}
.plan_detail_wrapper .plan_detail_content_date {
  line-height: 20px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.plan_detail_wrapper .plan_detail_content_edit {
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.35px;
}
.plan_detail_wrapper .plan_detail_content_text {
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  color: #868b92;
  letter-spacing: -0.35px;
}
.plan_detail_wrapper .plan_detail_content_new {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}
.plan_detail_wrapper .plan_detail_content_new .cl-text {
  line-height: 20px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.35px;
}
.plan_detail_wrapper .plan_detail_content_add {
  background-color: #f5f6f8;
  border-radius: 8px;
}
.plan_detail_wrapper .plan_detail_content_add .cl-text {
  line-height: 20px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.35px;
  color: #000;
}
.plan_detail_content_list .plan_detail_udc_num {
  background-color: #09f;
  border-radius: 2px;
  text-align: center;
  line-height: 22px;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.plan_detail_content_list .plan_detail_udc_form {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.18);
}
.plan_detail_content_list .plan_detail_udc_title {
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.4px;
}
.plan_detail_content_list .plan_detail_udc_cate,
.plan_detail_content_list .plan_detail_udc_place {
  line-height: 18px;
  font-size: 12px;
  color: #868b92;
}
.plan_detail_content_list .plan_detail_udc_bar {
  background-color: #868b92;
}
/* 모든 컨트롤에 적용될 기본 폰트 */
/* 기본 텍스트 색상 */
/* disable 상태를 나타내는 텍스트 색상 */
/* 기본 보더 색상 */
/* 포커스 보더 색상 */
/* Disable 상태의 보더 색상. */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템에 마우스 호버시의 텍스트 색상 */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템에 마우스 호버시의 배경 색상 */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템에 선택된 경우 텍스트 색상 */
/* 내부에 아이템을 갖는 컨트롤의 경우, 각 아이템이 선택된 경우 배경 색상 */
/* 내부에 아이템을 갖는 컨트롤이 Disabled된 경우, 각 아이템에 선택된 경우 텍스트 색상 */
/* 내부에 아이템을 갖는 컨트롤의 Disabled된 경우, 각 아이템이 선택된 경우 배경 색상 */
.plan_detail_wrapper .cl-dialog {
  border: none;
  border-radius: 0;
}
.plan_detail_wrapper .dialog_wrapper .dialog_top {
  background-color: #fff;
}
.plan_detail_wrapper .dialog_wrapper .dialog_top .dialog_title {
  text-align: center;
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.45px;
}
.plan_detail_wrapper .dialog_wrapper .dialog_top .dialog_search {
  border: none;
  line-height: 24px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  letter-spacing: -0.35px;
}
.plan_detail_wrapper .dialog_wrapper .dialog_top .dialog_search .cl-placeholder {
  color: #868b92 !important;
}
.plan_detail_wrapper .dialog_wrapper .dialog_select {
  padding: 5px 20px 16px;
  background-color: #f5f6f8;
}
.plan_detail_wrapper .dialog_wrapper .dialog_select::-webkit-scrollbar {
  display: none;
}
.plan_detail_wrapper .dialog_wrapper .dialog_select_unit_img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 4px;
}
.plan_detail_wrapper .dialog_wrapper .dialog_select_unit_title {
  line-height: 18px;
  font-size: 12px;
  color: #868b92;
  letter-spacing: -0.3px;
}
.plan_detail_wrapper .dialog_wrapper .dialog_select_unit_button {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.plan_detail_wrapper .dialog_wrapper .dialog_tab {
  padding: 12px 20px;
  background-color: #fff;
}
.plan_detail_wrapper .dialog_wrapper .dialog_tab .dialog_tab_title {
  padding: 6px 15px;
  background-color: transparent;
  background-image: none;
  border: solid 1px #e3e4e6;
  border-radius: 16px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  letter-spacing: -0.35px;
}
.plan_detail_wrapper .dialog_wrapper .dialog_tab .dialog_tab_title.selected {
  background-color: #09f;
  border: solid 1px #09f;
  color: #fff;
}
.plan_detail_wrapper .dialog_wrapper .dialog_list_title {
  padding: 0 20px;
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.4px;
}
.plan_detail_wrapper .dialog_wrapper .dialog_list {
  padding: 16px 20px;
}
.plan_detail_wrapper .dialog_wrapper .dialog_udc_img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 4px;
}
.plan_detail_wrapper .dialog_wrapper .dialog_udc_title {
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.4px;
}
.plan_detail_wrapper .dialog_wrapper .dialog_udc_sub_text .cl-text {
  line-height: 18px;
  font-size: 12px;
  color: #868b92;
}
.plan_detail_wrapper .dialog_wrapper .dialog_udc_bar {
  background-color: #c9c9ce;
}
.plan_detail_wrapper .dialog_wrapper .dialog_udc_button.abled {
  color: #000 !important;
}
.plan_detail_wrapper .dialog_wrapper .dialog_confirm_box {
  padding: 16px 20px;
  background-color: #fff;
  box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.08);
}
/****************************************************
 * A054_detail_map 
 ****************************************************/
.cl-container.plan_detail_select_items_dialog {
  background-color: #ffffff;
}
.cl-container.plan_detail_select_items_dialog .dialog_top {
  background-color: #fff;
}
.cl-container.plan_detail_select_items_dialog .dialog_top .dialog_title {
  text-align: center;
  line-height: 24px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.45px;
}
.cl-container.plan_detail_select_items_dialog .dialog_top .dialog_search {
  border: none;
  line-height: 24px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  letter-spacing: -0.35px;
}
.cl-container.plan_detail_select_items_dialog .dialog_top .dialog_search .cl-placeholder {
  color: #868b92 !important;
}
.cl-container.plan_detail_select_items_dialog .dialog_select {
  padding: 5px 20px 16px;
  background-color: #f5f6f8;
}
.cl-container.plan_detail_select_items_dialog .dialog_select::-webkit-scrollbar {
  display: none;
}
.cl-container.plan_detail_select_items_dialog .dialog_select_unit_img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 4px;
}
.cl-container.plan_detail_select_items_dialog .dialog_select_unit_title {
  line-height: 18px;
  font-size: 12px;
  color: #868b92;
  letter-spacing: -0.3px;
}
.cl-container.plan_detail_select_items_dialog .dialog_select_unit_button {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.cl-container.plan_detail_select_items_dialog .dialog_tab {
  padding: 12px 20px;
  background-color: #fff;
}
.cl-container.plan_detail_select_items_dialog .dialog_tab .dialog_tab_title {
  padding: 6px 15px;
  background-color: transparent;
  background-image: none;
  border: solid 1px #e3e4e6;
  border-radius: 16px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  letter-spacing: -0.35px;
}
.cl-container.plan_detail_select_items_dialog .dialog_tab .dialog_tab_title.selected {
  background-color: #09f;
  border: solid 1px #09f;
  color: #fff;
}
.cl-container.plan_detail_select_items_dialog .dialog_list_title {
  padding: 0 20px;
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.4px;
}
.cl-container.plan_detail_select_items_dialog .dialog_list {
  padding: 16px 20px;
}
.cl-container.plan_detail_select_items_dialog .dialog_udc_img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 4px;
}
.cl-container.plan_detail_select_items_dialog .dialog_udc_title {
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.4px;
}
.cl-container.plan_detail_select_items_dialog .dialog_udc_sub_text .cl-text {
  line-height: 18px;
  font-size: 12px;
  color: #868b92;
}
.cl-container.plan_detail_select_items_dialog .dialog_udc_bar {
  background-color: #c9c9ce;
}
.cl-container.plan_detail_select_items_dialog .dialog_udc_button.abled {
  color: #000 !important;
}
.cl-container.plan_detail_select_items_dialog .dialog_confirm_box {
  padding: 16px 20px;
  background-color: #fff;
  box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.08);
}
/*
 * A054_detail_map 
 */
.cl-container.plan_detail_map_dialog {
  background-color: #fff;
}
.cl-container.plan_detail_map_dialog .cl-container.app_cur_detail_map_tab .cl-container.app_cur_detail_main_tab_menu_slide .cl-output.app_A054_detail_main_tab_menu_slide_box {
  background-color: #fff;
  border-radius: 16px;
  padding: 8px 16px;
  border: solid 1px #e3e4e6;
}
.cl-container.plan_detail_map_dialog .cl-container.app_cur_detail_map_tab .cl-container.app_cur_detail_main_tab_menu_slide .cl-output.app_A054_detail_main_tab_menu_slide_box .cl-text {
  color: #000;
  line-height: 14px;
  font-size: 14px;
  font-family: "Roboto", "Noto Sans KR", "맑은 고딕", "Malgun Gothic", sans-serif;
  font-weight: 500;
}
.cl-container.plan_detail_map_dialog .cl-container.app_cur_detail_map_tab .cl-container.app_cur_detail_main_tab_menu_slide .cl-output.app_A054_detail_main_tab_menu_slide_box.selected {
  background-color: #09f;
  border-color: #09f;
}
.cl-container.plan_detail_map_dialog .cl-container.app_cur_detail_map_tab .cl-container.app_cur_detail_main_tab_menu_slide .cl-output.app_A054_detail_main_tab_menu_slide_box.selected .cl-text {
  color: #fff;
}
.cl-container.plan_detail_map_dialog .map_box {
  width: 100%;
  height: 100%;
}
.cl-container.plan_detail_map_dialog .marker-label-selected {
  width: 26px;
  height: 26px;
  margin: 31.5px 0 0 31.5px;
  background-color: #fff;
  border-radius: 13px;
  line-height: 26px;
  font-size: 20px !important;
}
.cl-container.plan_detail_map_dialog .marker-label {
  line-height: 24px;
}
.cl-container.plan_detail_map_dialog .app_cur_dialog_list {
  width: 100%;
  height: 106px;
  padding: 0 20px;
}
.cl-container.plan_detail_map_dialog .app_cur_dialog_list .swiper-wrapper .swiper-slide {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 94px;
  margin: 6px 0;
  padding: 12px 10px;
  border-radius: 8px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.18);
}
.cl-container.plan_detail_map_dialog .app_cur_dialog_list .swiper-wrapper .swiper-slide .swiper-slide-num {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  text-align: center;
  line-height: 24px;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  margin-right: 10px;
}
.cl-container.plan_detail_map_dialog .app_cur_dialog_list .swiper-wrapper .swiper-slide .swiper-slide-img {
  width: 70px;
  height: 70px;
  margin: 0 13px 0 8px;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.cl-container.plan_detail_map_dialog .app_cur_dialog_list .swiper-wrapper .swiper-slide .swiper-slide-img-web {
  width: 80px;
  height: 80px;
  margin: 0 13px 0 8px;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.cl-container.plan_detail_map_dialog .app_cur_dialog_list .swiper-wrapper .swiper-slide .swiper-slide-info .swiper-slide-title {
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.4px;
}
.cl-container.plan_detail_map_dialog .app_cur_dialog_list .swiper-wrapper .swiper-slide .swiper-slide-info .swiper-slide-middle {
  display: flex;
  align-items: center;
  margin: 2px 0 8px;
}
.cl-container.plan_detail_map_dialog .app_cur_dialog_list .swiper-wrapper .swiper-slide .swiper-slide-info .swiper-slide-middle .swiper-slide-star {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.cl-container.plan_detail_map_dialog .app_cur_dialog_list .swiper-wrapper .swiper-slide .swiper-slide-info .swiper-slide-bottom {
  display: flex;
  align-items: center;
}
.cl-container.plan_detail_map_dialog .app_cur_dialog_list .swiper-wrapper .swiper-slide .swiper-slide-info .swiper-slide-bottom .swiper-slide-bar {
  width: 1px;
  height: 9px;
  margin: 0 4px;
  background-color: #c9c9ce;
}
.cl-container.plan_detail_map_dialog .app_cur_dialog_list .swiper-wrapper .swiper-slide .swiper-slide-info .swiper-slide-text {
  line-height: 18px;
  font-size: 12px;
  color: #868b92;
  overflow: hidden;
  white-space: nowrap;
}
.app_cur_wrapper .app_cur_detail .swiper-slide {
  height: 240px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.app_cur_wrapper .app_cur_detail .slide-index-box {
  position: absolute;
  right: 20px;
  bottom: 15px;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.53);
  border-radius: 10px;
}
.app_cur_wrapper .app_cur_detail .slide-index-box span {
  line-height: 20px;
  font-family: 'Roboto';
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.app_cur_wrapper .app_cur_detail_info_tag {
  padding: 1px 8px;
  border: solid 1px #e3e4e6;
  border-radius: 4px;
  line-height: 20px;
  font-size: 12px;
  font-weight: 500;
  color: #868b92;
}
.app_cur_wrapper .app_cur_detail_main_tab.cl-tabfolder .cl-container.app_cur_detail_main_tab_menu_slide {
  padding: 0px 20px;
  border-bottom: solid 1px #e3e4e6;
}
.app_cur_wrapper .app_cur_detail_main_tab.cl-tabfolder .cl-container.app_cur_detail_main_tab_menu_slide .cl-output.app_cur_detail_main_tab_menu_slide_box {
  background-color: #fff;
  border-radius: 16px;
  padding: 8px 16px;
  border: solid 1px #e3e4e6;
}
.app_cur_wrapper .app_cur_detail_main_tab.cl-tabfolder .cl-container.app_cur_detail_main_tab_menu_slide .cl-output.app_cur_detail_main_tab_menu_slide_box .cl-text {
  color: #000;
  line-height: 14px;
  letter-spacing: -0.35px;
  font-size: 14px;
  font-family: "Noto Sans KR";
}
.app_cur_wrapper .app_cur_detail_main_tab.cl-tabfolder .cl-container.app_cur_detail_main_tab_menu_slide .cl-output.app_cur_detail_main_tab_menu_slide_box.selected {
  background-color: #09f;
  border-color: #09f;
}
.app_cur_wrapper .app_cur_detail_main_tab.cl-tabfolder .cl-container.app_cur_detail_main_tab_menu_slide .cl-output.app_cur_detail_main_tab_menu_slide_box.selected .cl-text {
  color: #fff;
}
.app_cur_wrapper .app_cur_detail_main_tab.cl-tabfolder .cl-tabfolder-header {
  height: auto;
}
.app_cur_wrapper .app_cur_detail_main_tab.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-header-viewport {
  justify-items: center;
}
.app_cur_wrapper .app_cur_detail_main_tab.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item {
  background-color: white;
  border-bottom: solid 2px #fff !important;
  /* 탭 아이템 체크 박스 */
  /* 탭 헤더 아이템 닫기 버튼 */
  /* 탭 헤더 아이템 - 선택됨 */
  /* 탭 헤더 아이템 - 호버 */
  /* 비활성 탭 아이템 */
}
.app_cur_wrapper .app_cur_detail_main_tab.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-selected {
  color: #09f;
  border-bottom: solid 2px #09f !important;
  /* 탭 헤더 아이템 닫기 버튼 - 선택 됨 */
}
.app_cur_wrapper .app_cur_detail_main_tab.cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item .cl-text:focus {
  text-decoration: none;
}
.app_cur_wrapper .app_cur_detail_main_tab.cl-tabfolder .cl-tabfolder-header.cl-top {
  background: none;
}
.app_cur_wrapper .app_cur_detail_map_tab .cl-container.app_cur_detail_main_tab_menu_slide {
  padding: 0px 20px;
}
.app_cur_wrapper .app_cur_detail_map_tab .cl-container.app_cur_detail_main_tab_menu_slide .cl-output.app_cur_detail_main_tab_menu_slide_box {
  background-color: #fff;
  border-radius: 16px;
  padding: 8px 16px;
  border: solid 1px #e3e4e6;
}
.app_cur_wrapper .app_cur_detail_map_tab .cl-container.app_cur_detail_main_tab_menu_slide .cl-output.app_cur_detail_main_tab_menu_slide_box .cl-text {
  color: #000;
  line-height: 14px;
  letter-spacing: -0.35px;
  font-size: 14px;
  font-family: "Noto Sans KR";
}
.app_cur_wrapper .app_cur_detail_map_tab .cl-container.app_cur_detail_main_tab_menu_slide .cl-output.app_cur_detail_main_tab_menu_slide_box.selected {
  background-color: #09f;
  border-color: #09f;
}
.app_cur_wrapper .app_cur_detail_map_tab .cl-container.app_cur_detail_main_tab_menu_slide .cl-output.app_cur_detail_main_tab_menu_slide_box.selected .cl-text {
  color: #fff;
}
.app_cur_wrapper .app_cur_header .app_cur_header_title {
  display: none;
}
.app_cur_wrapper .app_cur_header .app_cur_header_back,
.app_cur_wrapper .app_cur_header .app_cur_header_back.cl-activated {
  background-image: url("images/common/navigation_chevron_left_white.svg");
}
.app_cur_wrapper .app_cur_header .app_cur_header_map,
.app_cur_wrapper .app_cur_header .app_cur_header_map.cl-activated {
  background-image: url("images/common/map_map_white.svg");
}
.app_cur_wrapper .app_cur_header .app_cur_header_share,
.app_cur_wrapper .app_cur_header .app_cur_header_share.cl-activated {
  background-image: url("images/common/social_share.svg");
}
.app_cur_wrapper .app_cur_header.header_active {
  background-color: #fff;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.08);
}
.app_cur_wrapper .app_cur_header.header_active .app_cur_header_title {
  display: block;
}
.app_cur_wrapper .app_cur_header.header_active .app_cur_header_back {
  background-image: url("images/common/navigation_chevron_left.svg");
}
.app_cur_wrapper .app_cur_header.header_active .app_cur_header_map {
  background-image: url("images/common/map_map_black.svg");
}
.app_cur_wrapper .app_cur_header.header_active .app_cur_header_share {
  background-image: url("images/common/social_share_black.svg");
}
.app_cur_wrapper .app_cur_detail_main_tab {
  background-color: transparent;
}
.app_cur_wrapper .app_cur_detail_list_bar {
  margin-top: 5px;
}
.app_cur_wrapper .app_cur_detail_list_next_bar.no_next {
  display: none;
}
.app_cur_wrapper .app_cur_detail_recommend {
  background-color: #f5f6f8;
  background-image: url("images/common/content_like_deepgray.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 48px;
}
.app_cur_wrapper .app_cur_detail_recommend:hover {
  background-color: #f5f6f8 !important;
}
.app_cur_wrapper .app_cur_detail_recommend.cl-focus {
  background-color: #f5f6f8 !important;
}
.app_cur_wrapper .app_cur_detail_recommend.cl-activated {
  background-color: #f5f6f8 !important;
  background-image: url("images/common/content_like_deepgray.svg") !important;
}
.app_cur_wrapper .app_cur_detail_recommend.like_active {
  background-image: url("images/common/content_like.svg");
}
.app_cur_wrapper .cl-dialog {
  border: none;
  background-color: unset;
  border-radius: unset;
  box-shadow: unset;
}
.app_cur_wrapper .cl-dialog .curation_schedule_input {
  background-color: #fff;
  border-radius: 16px 16px 0 0;
}
.app_cur_wrapper .cl-dialog .curation_schedule_input .app_cur_detail_dialog_list_group .dialog_list_selected > div {
  border: solid 1px #09f !important;
}
.app_cur_wrapper .cl-dialog .curation_schedule_input .app_cur_detail_dialog_list_group .dialog_list_selected > div::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #09f;
  opacity: 0.1;
}
.app_cur_wrapper .cl-dialog .curation_schedule_input .app_cur_detail_dialog_select.dialog_list_selected {
  background-color: #09f !important;
}
.app_cur_wrapper .cl-dialog .curation_date_input {
  background-color: #fff;
  border-radius: 8px;
}
.app_cur_wrapper .cur-calendar-header-prev {
  background-image: url("images/common/action_circle_left_disabled.svg");
  background-size: 24px;
}
.app_cur_wrapper .cur-calendar-header-prev:hover {
  background-image: url("images/common/action_circle_left.svg");
}
.app_cur_wrapper .cur-calendar-header-next {
  background-image: url("images/common/action_circle_right_disabled.svg");
  background-size: 24px;
}
.app_cur_wrapper .cur-calendar-header-next:hover {
  background-image: url("images/common/action_circle_right.svg");
}
.app_cur_wrapper .curation_date_input_calendar {
  border: none;
}
.app_cur_wrapper .curation_date_input_calendar .cl-calendar-content .cl-calendar-content-header {
  margin-bottom: 6px;
  background-color: transparent;
  font-size: 14px;
  color: #000;
}
.app_cur_wrapper .curation_date_input_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-sun {
  color: #ff3838;
}
.app_cur_wrapper .curation_date_input_calendar .cl-calendar-content .cl-calendar-content-header.cl-calendar-content-sat {
  color: #5592ed;
}
.app_cur_wrapper .curation_date_input_calendar .cl-calendar-content .cl-calendar-content-day {
  width: 32px;
  height: 32px;
  margin: 0 auto;
  border-radius: 100%;
  line-height: 32px;
  font-size: 14px;
}
.app_cur_wrapper .curation_date_input_calendar .cl-calendar-content .cl-calendar-content-day:hover {
  background-color: transparent !important;
}
.app_cur_wrapper .curation_date_input_calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-current {
  background-color: transparent;
  box-shadow: unset;
}
.app_cur_wrapper .curation_date_input_calendar .cl-calendar-content .cl-calendar-content-day.cl-selected {
  background-color: #09f !important;
  color: #fff !important;
}
.app_cur_wrapper .curation_date_input_calendar .cl-calendar-content .cl-calendar-content-day.cl-selected.cl-calendar-defaultdate {
  color: #fff;
}
.app_cur_wrapper .curation_date_input_calendar .cl-calendar-content .cl-calendar-content-day.cl-calendar-defaultdate {
  background-color: transparent;
  font-weight: 500;
  color: #09f;
}
.app_cur_wrapper .curation_date_input_calendar .cl-calendar-content .cl-calendar-content-day.cl-disabled {
  background-color: #fff;
  color: #c9c9ce;
}
.app_cur_wrapper .curation_date_input_calendar .cl-calendar-content .cl-hidden:hover {
  background-color: transparent !important;
}
.app_cur_wrapper .crt_map_dialog {
  background-color: #fff;
}
.app_cur_wrapper .crt_map_dialog .map_box {
  width: 100%;
  height: 100%;
}
.app_cur_wrapper .crt_map_dialog .marker-label-selected {
  width: 26px;
  height: 26px;
  margin: 31.5px 0 0 31.5px;
  background-color: #fff;
  border-radius: 13px;
  line-height: 26px;
  font-size: 20px !important;
}
.app_cur_wrapper .crt_map_dialog .marker-label {
  line-height: 24px;
}
.app_cur_wrapper .crt_map_dialog .app_cur_dialog_list {
  width: 100%;
  height: 106px;
  padding: 0 20px;
}
.app_cur_wrapper .crt_map_dialog .app_cur_dialog_list .swiper-wrapper .swiper-slide {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 94px;
  margin: 6px 0;
  padding: 12px 10px;
  border-radius: 8px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.18);
}
.app_cur_wrapper .crt_map_dialog .app_cur_dialog_list .swiper-wrapper .swiper-slide .swiper-slide-num {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  text-align: center;
  line-height: 24px;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}
.app_cur_wrapper .crt_map_dialog .app_cur_dialog_list .swiper-wrapper .swiper-slide .swiper-slide-img {
  width: 70px;
  height: 70px;
  margin: 0 13px 0 8px;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.app_cur_wrapper .crt_map_dialog .app_cur_dialog_list .swiper-wrapper .swiper-slide .swiper-slide-info .swiper-slide-title {
  width: 160px;
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app_cur_wrapper .crt_map_dialog .app_cur_dialog_list .swiper-wrapper .swiper-slide .swiper-slide-info .swiper-slide-middle {
  display: flex;
  align-items: center;
  margin: 2px 0 8px;
}
.app_cur_wrapper .crt_map_dialog .app_cur_dialog_list .swiper-wrapper .swiper-slide .swiper-slide-info .swiper-slide-middle .swiper-slide-star {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.app_cur_wrapper .crt_map_dialog .app_cur_dialog_list .swiper-wrapper .swiper-slide .swiper-slide-info .swiper-slide-bottom {
  display: flex;
  align-items: center;
}
.app_cur_wrapper .crt_map_dialog .app_cur_dialog_list .swiper-wrapper .swiper-slide .swiper-slide-info .swiper-slide-bottom .swiper-slide-bar {
  width: 1px;
  height: 9px;
  margin: 0 4px;
  background-color: #c9c9ce;
}
.app_cur_wrapper .crt_map_dialog .app_cur_dialog_list .swiper-wrapper .swiper-slide .swiper-slide-info .swiper-slide-text {
  width: 35px;
  line-height: 18px;
  font-size: 12px;
  color: #868b92;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app_cur_wrapper .crt_map_dialog .app_cur_dialog_list .swiper-wrapper .swiper-slide .swiper-slide-info .swiper-slide-text2 {
  width: 110px;
  line-height: 18px;
  font-size: 12px;
  color: #868b92;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.display_none {
  display: none;
}
.cl-aside .curation_schedule_input {
  background-color: #fff;
  border-radius: 16px 16px 0 0;
}
.cl-aside .curation_schedule_input .app_cur_detail_dialog_list_group .dialog_list_selected > div {
  border: solid 1px #09f !important;
}
.cl-aside .curation_schedule_input .app_cur_detail_dialog_list_group .dialog_list_selected > div::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #09f;
  opacity: 0.1;
}
.cl-aside .curation_schedule_input .app_cur_detail_dialog_select.dialog_list_selected {
  background-color: #09f !important;
}
.cl-aside .curation_schedule_input .app_cur_detail_info_tag {
  padding: 1px 8px;
  border: solid 1px #e3e4e6;
  border-radius: 4px;
  line-height: 20px;
  font-size: 12px;
  font-weight: 500;
  color: #868b92;
}
.cl-aside .curation_date_input {
  background-color: #fff;
  border-radius: 8px;
}
.cl-aside .app_cur_detail_recommend {
  background-color: #f5f6f8;
  background-image: url("images/common/content_like_deepgray.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 48px;
}
.cl-aside .app_cur_detail_recommend:hover {
  background-color: #f5f6f8 !important;
}
.cl-aside .app_cur_detail_recommend.cl-focus {
  background-color: #f5f6f8 !important;
}
.cl-aside .app_cur_detail_recommend.cl-activated {
  background-color: #f5f6f8 !important;
  background-image: url("images/common/content_like_deepgray.svg") !important;
}
.cl-aside .app_cur_detail_recommend.like_active {
  background-image: url("images/common/content_like.svg");
}
.m_res_list_body {
  /********************************
	* mobile - app - dialog - sort
	********************************/
  /********************************
	* mobile - app - dialog - filter
	********************************/
}
.m_res_list_body .cl-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}
.m_res_list_body .cl-container.dia_curation_sort_layout {
  background-color: #fff;
  border-radius: 16px 16px 0 0;
}
.m_res_list_body .cl-container.dia_curation_sort_layout .cl-container.dia_curation_sort_header .cl-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
  font-weight: 700;
}
.m_res_list_body .cl-container.dia_curation_sort_layout .cl-container.dia_curation_sort_grid .cl-container.sort_row .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  font-weight: 400;
  color: #000;
}
.m_res_list_body .cl-container.dia_curation_sort_layout .cl-container.dia_curation_sort_grid .cl-container.sort_row img {
  content: none;
}
.m_res_list_body .cl-container.dia_curation_sort_layout .cl-container.dia_curation_sort_grid .cl-container.sort_row.checked .cl-text {
  color: #09f;
}
.m_res_list_body .cl-container.dia_curation_sort_layout .cl-container.dia_curation_sort_grid .cl-container.sort_row.checked img {
  content: url("images/common/action_check.svg");
}
.m_res_list_body .cl-container.dia_curation_filter_layout {
  background-color: #fff;
  border-radius: 16px 16px 0 0;
}
.m_res_list_body .cl-container.dia_curation_filter_layout .cl-container.dia_curation_filter_header .cl-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
  font-weight: 700;
}
.m_res_list_body .cl-container.dia_curation_filter_layout .cl-container.dia_curation_filter_title .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  font-weight: 700;
}
.m_res_list_body .cl-container.dia_curation_filter_layout .cl-container.dia_curation_select_layout .toggle_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 16px;
  border: 1px solid #e3e4e6;
  border-radius: 16px;
  color: #000;
  font-size: 14px;
  letter-spacing: -0.35px;
  text-align: center;
}
.m_res_list_body .cl-container.dia_curation_filter_layout .cl-container.dia_curation_select_layout .toggle_btn.checked {
  color: #fff;
  border-color: #09f;
  background-color: #09f;
}
.m_res_list_body .cl-container.dia_curation_filter_layout .cl-container.dia_curation_filter_btn_layout {
  box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.08);
}
.m_res_list_body .cl-container.dia_curation_filter_layout .cl-container.dia_curation_filter_btn_layout .filter_btn {
  padding: 14px 0;
  background-color: #09f;
  border-radius: 8px;
  color: #fff;
  text-align: center;
}
.cl-aside .cl-container.dia_curation_filter_layout {
  background-color: #fff;
  border-radius: 16px 16px 0 0;
}
.cl-aside .cl-container.dia_curation_filter_layout .cl-container.dia_curation_filter_header .cl-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
  font-weight: 700;
}
.cl-aside .cl-container.dia_curation_filter_layout .cl-container.dia_curation_filter_title .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  font-weight: 700;
}
.cl-aside .cl-container.dia_curation_filter_layout .cl-container.dia_curation_select_layout .toggle_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 16px;
  border: 1px solid #e3e4e6;
  border-radius: 16px;
  color: #000;
  font-size: 14px;
  letter-spacing: -0.35px;
  text-align: center;
}
.cl-aside .cl-container.dia_curation_filter_layout .cl-container.dia_curation_select_layout .toggle_btn.checked {
  color: #fff;
  border-color: #09f;
  background-color: #09f;
}
.cl-aside .cl-container.dia_curation_filter_layout .cl-container.dia_curation_filter_btn_layout {
  box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.08);
}
.cl-aside .cl-container.dia_curation_filter_layout .cl-container.dia_curation_filter_btn_layout .filter_btn {
  padding: 14px 0;
  background-color: #09f;
  border-radius: 8px;
  color: #fff;
  text-align: center;
}
/********************************
* mobile - app - header
********************************/
.cl-container.m_header_body {
  background-color: #fff;
}
.cl-container.m_header_body .cl-output.header_title_text {
  text-align: left;
}
.cl-container.m_header_body .cl-output.header_title_text .cl-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
  color: #000;
}
.cl-container.m_header_body .cl-output.header_title_text.center {
  text-align: center;
}
/********************************
* mobile - app - list
********************************/
.cl-container.res_list_udc_body {
  background-color: #fff;
}
.cl-container.res_list_udc_body .cl-container.res_curation_list_img_layout .res_list_udc_like.like img {
  content: url("images/common/action_favorite.svg");
}
.cl-container.res_list_udc_body .cl-container.res_curation_list_img_layout .res_list_udc_like.unlike img {
  content: url("images/common/action_favorite_border_white.svg");
}
.cl-container.res_list_udc_body .cl-container.res_curation_list_img_layout .res_list_udc_like {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.cl-container.res_list_udc_body .cl-container.res_curation_list_img_layout .cl-container.res_curation_list_count_layout .cl-text {
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
}
.cl-container.res_list_udc_body .cl-container.res_curation_list_title_layout .cl-text {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  font-weight: 700;
}
.cl-container.res_list_udc_body .cl-container.res_curation_list_info_layout .cl-text {
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
}
.cl-container.res_list_udc_body .cl-container.res_curation_list_info_layout .info_region {
  color: #09f;
}
.cl-container.res_list_udc_body .cl-container.res_curation_list_info_layout .info_bar {
  color: #c9c9ce;
}
.cl-container.res_list_udc_body .cl-container.res_curation_list_info_layout .info_date {
  color: #868b92;
}
.cl-container.res_list_udc_body .cl-container.res_curation_list_info_layout .info_count {
  color: #868b92;
}
.cl-container.res_list_udc_body .cl-container.tag_flow_layout .cl-layout .cl-output.tag {
  padding-top: 8px;
}
.cl-container.res_list_udc_body .cl-container.tag_flow_layout .cl-layout .cl-output.tag .cl-text {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e3e4e6;
  border-radius: 4px;
  color: #868b92;
  font-size: 12px;
  letter-spacing: -0.3px;
  padding: 2px 8px;
}
.cl-container.res_list_udc_body .cl-container.tag_flow_layout .cl-layout .cl-output.tag.hot_tag {
  padding-left: 1px;
}
.cl-container.res_list_udc_body .cl-container.tag_flow_layout .cl-layout .cl-output.tag.hot_tag::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -1px;
  width: 30px;
  height: 13px;
  background-image: url("images/tvl/crt/75787.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/********************************
* mobile - app - list
********************************/
.cl-container.m_res_list_body {
  background-color: #fff;
}
.cl-container.m_res_list_body .cl-container.curation_list_search_layout {
  margin: 0px 20px;
}
.cl-container.m_res_list_body .cl-container.curation_list_search_layout .cl-container.curation_list_search {
  border: solid 1px #e3e4e6;
  border-radius: 4px;
}
.cl-container.m_res_list_body .cl-container.curation_list_search_layout .cl-container.curation_list_search .cl-output .cl-text {
  font-size: 14px;
  line-height: 24px !important;
  letter-spacing: -0.35px;
}
.cl-container.m_res_list_body .cl-container.curation_list_search_layout .cl-container.curation_list_weather {
  background-color: #FFFFFF;
  border-radius: 4px;
  margin-left: 8px;
}
.cl-container.m_res_list_body .cl-container.curation_list_search_layout .cl-container.curation_list_weather .cl-text {
  color: #000000;
  font-size: 14px;
}
.cl-container.m_res_list_body .cl-container.curation_list_search_layout.selected .cl-container.curation_list_search {
  border: solid 1px #e3e4e6;
  color: #000000;
}
.cl-container.m_res_list_body .cl-container.curation_list_filter {
  background-color: #f5f6f8;
}
.cl-container.m_res_list_body .cl-container.curation_list_filter .filter_img {
  content: url("images/common/content_filter.svg");
}
.cl-container.m_res_list_body .cl-container.curation_list_filter .filter_img.selected {
  content: url("images/common/content_filter_color.svg");
}
.cl-container.m_res_list_body .cl-container.curation_list_filter .filter_text {
  color: #000;
}
.cl-container.m_res_list_body .cl-container.curation_list_filter .filter_text.selected {
  color: #09f;
}
.cl-container.m_res_list_body .cl-container.curation_list_filter .filter_marker {
  background-color: #09f;
  border-radius: 2px;
  margin-top: 9px;
  display: none;
}
.cl-container.m_res_list_body .cl-container.curation_list_filter .filter_marker.selected {
  display: block;
}
.cl-container.m_res_list_body .cl-container.curation_list_filter .cl-output .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
}
/********************************
* mobile - app - list - region
********************************/
.cl-container.curation_list_region {
  background-color: #f5f6f8;
}
.cl-container.curation_list_region .cl-container.list_region_header_layout {
  background-color: #fff;
}
.cl-container.curation_list_region .cl-container.list_region_tree {
  background-color: #fff;
}
.cl-container.curation_list_region .cl-container.list_region_tree .cl-tree.tre1 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  font-weight: 500;
  color: #000;
  background-color: transparent;
}
.cl-container.curation_list_region .cl-container.list_region_tree .cl-tree.tre1 .cl-tree-treeicon {
  display: none;
}
.cl-container.curation_list_region .cl-container.list_region_tree .cl-tree.tre1 .cl-folder {
  padding: 16px 0 6px 0;
}
.cl-container.curation_list_region .cl-container.list_region_tree .cl-tree.tre1 .cl-folder .cl-tree-itemicon {
  display: none;
}
.cl-container.curation_list_region .cl-container.list_region_tree .cl-tree.tre1 .cl-folder.cl-selected {
  background-color: #fff;
  color: #000;
}
.cl-container.curation_list_region .cl-container.list_region_tree .cl-tree.tre1 .sub-items .cl-tree-item {
  height: auto;
  border-bottom: 1px solid #e3e4e6;
  padding: 10px 0 10px 0;
}
.cl-container.curation_list_region .cl-container.list_region_tree .cl-tree.tre1 .sub-items .cl-tree-item .cl-tree-itemicon {
  width: 36px;
  height: 36px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.cl-container.curation_list_region .cl-container.list_region_tree .cl-tree.tre1 .sub-items .cl-tree-item .cl-text {
  padding-left: 8px;
}
.cl-output.txt_30_Setting {
  text-align: left;
}
.cl-output.txt_30_Setting .cl-text {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.3px;
}
.cl-output.txt_30_Setting.center {
  text-align: center;
}
.cl-output.txt_35_Setting {
  text-align: left;
}
.cl-output.txt_35_Setting .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
}
.cl-output.txt_35_Setting.center {
  text-align: center;
}
.cl-output.txt_35_Setting2 {
  text-align: left;
}
.cl-output.txt_35_Setting2 .cl-text {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.35px;
}
.cl-output.txt_35_Setting2.center {
  text-align: center;
}
.cl-output.txt_35_Setting3 {
  text-align: left;
}
.cl-output.txt_35_Setting3 .cl-text {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.35px;
}
.cl-output.txt_35_Setting3.center {
  text-align: center;
}
.cl-output.txt_35_Setting4 {
  text-align: left;
}
.cl-output.txt_35_Setting4 .cl-text {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.35px;
}
.cl-output.txt_40_Setting {
  text-align: left;
}
.cl-output.txt_40_Setting .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.cl-output.txt_40_Setting.center {
  text-align: center;
}
.cl-output.txt_40_Setting2 {
  text-align: left;
}
.cl-output.txt_40_Setting2 .cl-text {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.4px;
}
.cl-output.txt_40_Setting2.center {
  text-align: center;
}
.cl-output.txt_40_Setting3 {
  text-align: left;
}
.cl-output.txt_40_Setting3 .cl-text {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.4px;
}
.cl-output.txt_40_Setting3.center {
  text-align: center;
}
.cl-output.txt_45_Setting {
  text-align: left;
}
.cl-output.txt_45_Setting .cl-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
}
.cl-output.txt_45_Setting.center {
  text-align: center;
}
.cl-output.txt_45_Setting2 {
  text-align: left;
}
.cl-output.txt_45_Setting2 .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.45px;
}
.cl-output.txt_45_Setting2.center {
  text-align: center;
}
.cl-output.txt_45_Setting3 {
  text-align: left;
}
.cl-output.txt_45_Setting3 .cl-text {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
}
.cl-output.txt_45_Setting3.center {
  text-align: center;
}
.cl-container.tab-buttons .cl-button {
  background: none;
  border: none;
  border-radius: 0px;
  color: #000;
  font-size: 16px;
}
.cl-container.tab-buttons .cl-button .cl-text {
  line-height: 24px !important;
  letter-spacing: -0.4px;
}
.cl-container.tab-buttons .cl-button.selected {
  color: #0099FF;
  border-bottom: solid 2px #0099FF;
}
.cl-container.app_res_dialog_order {
  background-color: #ffffff;
}
.cl-container.app_res_dialog_order .cl-output .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.cl-container.app_res_dialog_order .cl-output.app_res_dialog_order_header .cl-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
}
.cl-container.app_res_dialog_order .cl-output.app_res_dialog_order_header.selected {
  color: #0099ff;
}
.cl-container.app_res_dialog_order .cl-output.app_res_dialog_order_list.selected {
  color: #0099ff;
}
.cl-container.app_res_dialog_filter {
  background-color: #ffffff;
}
.cl-container.app_res_dialog_filter .cl-output.filter_location {
  text-align: center;
  border-radius: 16px;
  border: solid 1px #e3e4e6;
}
.cl-container.app_res_dialog_filter .cl-output.filter_location .cl-text {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.35px;
}
.cl-container.app_res_dialog_filter .cl-output.filter_location.selected {
  background-color: #0099FF;
}
.cl-container.app_res_dialog_filter .cl-output.filter_location.selected .cl-text {
  color: #ffffff;
}
.cl-container.list_filter {
  background-color: #f5f6f8;
}
.cl-container.list_filter .cl-output .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
}
.cl-container.list_filter .cl-output.res_list_filter_right {
  text-align: right;
}
/*	티켓 메인화면*/
.cl-container.ticket_main_laypout .cl-tabfolder {
  color: #000000;
  background-color: white;
  /* 헤더 */
  /* 탭폴더 바디 */
}
.cl-container.ticket_main_laypout .cl-tabfolder .cl-tabfolder-header {
  text-align: center;
  /* 탭 헤더 아이템 */
  /* 헤더 위치 스타일 */
}
.cl-container.ticket_main_laypout .cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item {
  background-color: white;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  border-bottom: 1px solid #e3e4e6 !important;
  display: block !important;
  margin: 0px 10px;
  padding: 5px 0px !important;
  /* 탭 헤더 아이템 - 선택됨 */
  /*	탭 텍스트 선택시 이벤트*/
  /* 탭 헤더 아이템 - 호버 */
}
.cl-container.ticket_main_laypout .cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item.cl-selected {
  background-color: white;
  color: #0099ff;
  border-color: #0099ff !important;
  text-decoration-line: none;
  /* 탭 헤더 아이템 닫기 버튼 - 선택 됨 */
}
.cl-container.ticket_main_laypout .cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item .cl-text:focus {
  text-decoration: none;
}
.cl-container.ticket_main_laypout .cl-tabfolder .cl-tabfolder-header .cl-tabfolder-item:not(.cl-selected):hover {
  background-color: white;
}
.cl-container.ticket_main_laypout .cl-tabfolder .cl-tabfolder-header.cl-top {
  background-image: linear-gradient(#e3e4e6, #e3e4e6);
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: 0px 100%;
  padding: 0px;
}
.cl-container.ticket_main_laypout .cl-tabfolder .cl-tabfolder-header.cl-top .cl-tabfolder-prev,
.cl-container.ticket_main_laypout .cl-tabfolder .cl-tabfolder-header.cl-top .cl-tabfolder-next {
  border-bottom: #e3e4e6 !important;
}
.cl-container.ticket_main_laypout .cl-tabfolder .cl-tabfolder-header.cl-top .cl-tabfolder-item.cl-selected {
  border-bottom: 2px solid !important;
}
.cl-container.ticket_main_laypout .cl-tabfolder .cl-tabfolder-body {
  background-color: white;
  color: #000000;
  border: none;
}
.cl-container.ticket_main_laypout .cl-tabfolder.tab_main {
  /* 헤더 */
}
.cl-container.ticket_main_laypout .cl-tabfolder.tab_main .cl-tabfolder-header {
  /* 탭 헤더 아이템 */
}
.cl-container.ticket_main_laypout .cl-tabfolder.tab_main .cl-tabfolder-header .cl-tabfolder-item {
  width: auto;
  margin: 0px 16px;
}
.cl-container.ticket_main_laypout .cl-tabfolder.tab_detail {
  /* 탭 헤더 아이템 */
}
.cl-container.ticket_main_laypout .cl-tabfolder.tab_detail .cl-tabfolder-header {
  background-image: none !important;
}
.cl-container.ticket_main_laypout .cl-tabfolder.tab_detail .cl-tabfolder-header .cl-tabfolder-item {
  border: none !important;
}
.cl-container.ticket_main_laypout .cl-tabfolder.tab_detail .cl-tabfolder-item {
  width: 60px !important;
  margin: 0px 14px 0px 0px !important;
}
.cl-container.ticket_main_laypout .cl-output.use_ticket_cnt {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
}
/*	티켓 디테일화면 */
.cl-container.ticket_detail_laypout {
  /* Disable 상태의 버튼 */
}
.cl-container.ticket_detail_laypout .cl-output.border_line {
  border: 1px solid #e3e4e6;
  margin-right: 20px;
}
.cl-container.ticket_detail_laypout .cl-output.ticket_guide {
  font-size: 12px;
  text-align: center;
  color: #ff3838;
  line-height: 18px;
  letter-spacing: -0.3px;
}
.cl-container.ticket_detail_laypout .cl-output.ticket_info_text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  font-weight: 500;
}
.cl-container.ticket_detail_laypout .cl-output.period_output {
  border-radius: 4px;
  background-color: rgba(213, 107, 0, 0.1);
  color: #ff870d;
  font-size: 12px;
  text-align: center;
  line-height: 20px;
  letter-spacing: -0.3px;
}
.cl-container.ticket_detail_laypout .cl-output.info_point_output {
  color: #0099ff;
  text-decoration: underline;
  text-underline-position: under;
}
.cl-container.ticket_detail_laypout .cl-button.white_btn {
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  color: #000000;
  font-weight: 500;
  text-shadow: none;
  /* 버튼위에 마우스를 올렸을 때의 스타일 */
}
.cl-container.ticket_detail_laypout .cl-button.white_btn:not(.cl-disabled):hover {
  color: #000000;
}
.cl-container.ticket_detail_laypout .cl-container.ticket_box .cl-button {
  background-image: none;
  background-color: #e3e4e6;
  border: none;
  border-radius: 8px;
  color: #ffffff;
  font-weight: 500;
  text-shadow: none;
  /* 버튼위에 마우스를 올렸을 때의 스타일 */
  /* 버튼이 포커스를 가졌을 때의 스타일 */
  /* 버튼을 클릭했을 때의 스타일 */
}
.cl-container.ticket_detail_laypout .cl-container.ticket_box .cl-button:not(.cl-disabled):hover {
  color: #ffffff;
}
.cl-container.ticket_detail_laypout .cl-container.ticket_box .cl-button:focus,
.cl-container.ticket_detail_laypout .cl-container.ticket_box .cl-button.cl-focus {
  border: solid 1px #0099ff;
}
.cl-container.ticket_detail_laypout .cl-container.ticket_box .cl-button:not(.cl-disabled).cl-activated,
.cl-container.ticket_detail_laypout .cl-container.ticket_box .cl-button:not(.cl-disabled):active {
  background-image: none;
}
.cl-container.ticket_detail_laypout .cl-container.pur_detail_layout_detail .cl-button {
  background-image: none;
  border: none;
  border-radius: 8px;
  color: #ffffff;
  font-weight: 500;
  text-shadow: none;
  /* 버튼위에 마우스를 올렸을 때의 스타일 */
  /* 버튼을 클릭했을 때의 스타일 */
}
.cl-container.ticket_detail_laypout .cl-container.pur_detail_layout_detail .cl-button:not(.cl-disabled):hover {
  color: #ffffff;
}
.cl-container.ticket_detail_laypout .cl-container.pur_detail_layout_detail .cl-button:not(.cl-disabled).cl-activated,
.cl-container.ticket_detail_laypout .cl-container.pur_detail_layout_detail .cl-button:not(.cl-disabled):active {
  background-image: none;
}
.cl-container.ticket_detail_laypout .cl-button.cl-disabled {
  border-color: #c9c9ce;
  color: #ffffff;
  background-image: none;
  background-color: #c9c9ce;
}
/* 티켓 메인화면 udc list*/
.cl-container.ticket_list_layout {
  min-height: 145px !important;
  border-bottom: 1px solid #e3e4e6;
}
.cl-container.ticket_list_layout .img_layout {
  border-radius: 4px;
}
.cl-container.ticket_list_layout .img_layout.opa {
  background-color: black;
}
.cl-container.ticket_list_layout .img_layout.opa .cl-image.back_img {
  opacity: 0.5;
}
.cl-container.ticket_list_layout .cl-output {
  line-height: 24px;
}
.cl-container.ticket_list_layout .cl-output.rst_name {
  font-size: 16px;
  letter-spacing: -0.4px;
}
.cl-container.ticket_list_layout .cl-output.menu_name {
  font-size: 14px;
  color: #0099ff;
  letter-spacing: -0.35px;
  box-shadow: inset 0 -7px 0 rgba(0, 153, 255, 0.1);
}
.cl-container.ticket_list_layout .cl-output.order_gb {
  border-radius: 4px;
  color: #00d55c;
  font-size: 12px;
  letter-spacing: -0.3px;
  background-color: rgba(0, 213, 92, 0.1);
  text-align: center;
}
.cl-container.ticket_list_layout .cl-output.menu_detail {
  font-size: 12px;
  line-height: 16px;
}
.cl-container.ticket_list_layout .cl-output.pay_date {
  font-size: 12px;
  color: #969b92;
}
.cl-container.ticket_list_layout .cl-output.d-day_output {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  font-weight: 500;
}
/*	티켓 디테일 udc list*/
.cl-container.ticket_detai_listl_layout .cl-output.detail_menu_name {
  font-size: 18px;
  color: #0099ff;
  text-align: center;
  line-height: 26px;
  letter-spacing: -0.45px;
  font-weight: 500;
}
.cl-container.ticket_detai_listl_layout .cl-output.detail_menu_detail_name {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.35px;
  text-align: center;
}
/******************************************
 * UDC
 ******************************************/
.cl-container.udc_smartorder_list_row {
  border-bottom: 1px solid #e3e4e6;
}
.cl-container.udc_smartorder_list_row .cl-container.smartorder_list_row_layout .cl-container.smartorder_row_right .cl-output.smartorder_order_title .cl-text {
  font-size: 16px;
  letter-spacing: -0.4px;
  font-weight: 400;
}
.cl-container.udc_smartorder_list_row .cl-container.smartorder_list_row_layout .cl-container.smartorder_row_right .cl-container.smartorder_order_detail_layout .cl-output .cl-text {
  padding-left: 8px;
  font-size: 12px;
  letter-spacing: -0.4px;
  font-weight: 400;
}
.cl-container.udc_smartorder_list_row .cl-container.smartorder_list_row_layout .cl-container.smartorder_row_right .cl-container.smartorder_order_detail_layout .cl-output::before {
  content: "·";
  position: absolute;
  margin-top: -4px;
  display: block;
}
/*****************************************
 * accordion content
 ******************************************/
.cl-accordion .cl-accordion-section:not(.cl-accordion-placeholder) .cl-accordion-content {
  border: none;
}
.cl-accordion.acc_content .cl-accordion-header {
  border: none;
  padding: 16px 0;
  background-color: #ffffff;
  text-decoration: none;
}
.cl-accordion.acc_content .cl-accordion-header .cl-text {
  font-size: 16px;
  letter-spacing: -0.4px;
  font-weight: 500;
  text-decoration: none;
}
.cl-accordion.acc_content .cl-accordion-header.cl-activated {
  background-color: #ffffff;
  border-bottom: 1px solid #e3e4e6;
  text-decoration: none;
  color: inherit;
}
.cl-accordion.acc_content .cl-accordion-header.cl-focus {
  background-color: #ffffff;
  text-decoration: none;
  color: inherit;
}
.cl-accordion.acc_content .cl-accordion-header:hover:not(.cl-disabled) {
  background-color: #ffffff;
  text-decoration: none;
  color: inherit;
}
.cl-accordion.acc_content .cl-accordion-section.cl-last {
  padding-bottom: 20px;
}
/*****************************************
 * smartorder_order
 ******************************************/
.cl-container.smartorder_order {
  background-color: #f5f6f8;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info {
  background-color: #ffffff;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_title_layout {
  margin-bottom: 4px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_title_layout .cl-output.map_info_title .cl-text {
  font-size: 16px;
  letter-spacing: -0.4px;
  font-weight: 500;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_title_layout .cl-container.order_detail_btn_layout .cl-button {
  padding: 3px 8px;
  border-radius: 4px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_title_layout .cl-container.order_detail_btn_layout .cl-button.order_detail_btn {
  border: none;
  border-radius: 4px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  border: none;
  border-radius: 4px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
  border: none;
  border-radius: 4px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  border: none;
  border-radius: 4px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_title_layout .cl-container.order_detail_btn_layout .cl-button.order_detail_btn:hover {
  border: none;
  border-radius: 4px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  border: none;
  border-radius: 4px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_title_layout .cl-container.order_detail_btn_layout .cl-button.order_detail_btn.cl-activated {
  border: none;
  border-radius: 4px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  border: none;
  border-radius: 4px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_title_layout .cl-container.order_detail_btn_layout .cl-button.order_detail_btn.cl-focus {
  border: none;
  border-radius: 4px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  border: none;
  border-radius: 4px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_title_layout .cl-container.order_detail_btn_layout .cl-button.order_detail_btn.cl-selected {
  border: none;
  border-radius: 4px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  border: none;
  border-radius: 4px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_title_layout .cl-container.order_detail_btn_layout .cl-button.order_detail_btn.cl-unselectable {
  border: none;
  border-radius: 4px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  border: none;
  border-radius: 4px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_title_layout .cl-container.order_detail_btn_layout .cl-button.order_detail_btn:hover {
  border: none;
  border-radius: 4px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  border: none;
  border-radius: 4px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_title_layout .cl-container.order_detail_btn_layout .cl-button.order_detail_btn.cl-activated {
  border: none;
  border-radius: 4px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  border: none;
  border-radius: 4px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_title_layout .cl-container.order_detail_btn_layout .cl-button.order_detail_btn.cl-focus {
  border: none;
  border-radius: 4px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  border: none;
  border-radius: 4px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_title_layout .cl-container.order_detail_btn_layout .cl-button.order_detail_btn.cl-selected {
  border: none;
  border-radius: 4px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  border: none;
  border-radius: 4px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_title_layout .cl-container.order_detail_btn_layout .cl-button.order_detail_btn.cl-unselectable {
  border: none;
  border-radius: 4px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  border: none;
  border-radius: 4px;
  background-color: #c9c9ce;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_title_layout .cl-container.order_detail_btn_layout .cl-button.order_detail_btn_active {
  border: none;
  border-radius: 4px;
  background-color: #0099FF;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  border: none;
  border-radius: 4px;
  background-color: #0099FF;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
  border: none;
  border-radius: 4px;
  background-color: #0099FF;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  border: none;
  border-radius: 4px;
  background-color: #0099FF;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_title_layout .cl-container.order_detail_btn_layout .cl-button.order_detail_btn_active:hover {
  border: none;
  border-radius: 4px;
  background-color: #0099FF;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  border: none;
  border-radius: 4px;
  background-color: #0099FF;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_title_layout .cl-container.order_detail_btn_layout .cl-button.order_detail_btn_active.cl-activated {
  border: none;
  border-radius: 4px;
  background-color: #0099FF;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  border: none;
  border-radius: 4px;
  background-color: #0099FF;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_title_layout .cl-container.order_detail_btn_layout .cl-button.order_detail_btn_active.cl-focus {
  border: none;
  border-radius: 4px;
  background-color: #0099FF;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  border: none;
  border-radius: 4px;
  background-color: #0099FF;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_title_layout .cl-container.order_detail_btn_layout .cl-button.order_detail_btn_active.cl-selected {
  border: none;
  border-radius: 4px;
  background-color: #0099FF;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  border: none;
  border-radius: 4px;
  background-color: #0099FF;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_title_layout .cl-container.order_detail_btn_layout .cl-button.order_detail_btn_active.cl-unselectable {
  border: none;
  border-radius: 4px;
  background-color: #0099FF;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  border: none;
  border-radius: 4px;
  background-color: #0099FF;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_title_layout .cl-container.order_detail_btn_layout .cl-button.order_detail_btn_active:hover {
  border: none;
  border-radius: 4px;
  background-color: #0099FF;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  border: none;
  border-radius: 4px;
  background-color: #0099FF;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_title_layout .cl-container.order_detail_btn_layout .cl-button.order_detail_btn_active.cl-activated {
  border: none;
  border-radius: 4px;
  background-color: #0099FF;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  border: none;
  border-radius: 4px;
  background-color: #0099FF;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_title_layout .cl-container.order_detail_btn_layout .cl-button.order_detail_btn_active.cl-focus {
  border: none;
  border-radius: 4px;
  background-color: #0099FF;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  border: none;
  border-radius: 4px;
  background-color: #0099FF;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_title_layout .cl-container.order_detail_btn_layout .cl-button.order_detail_btn_active.cl-selected {
  border: none;
  border-radius: 4px;
  background-color: #0099FF;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  border: none;
  border-radius: 4px;
  background-color: #0099FF;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_title_layout .cl-container.order_detail_btn_layout .cl-button.order_detail_btn_active.cl-unselectable {
  border: none;
  border-radius: 4px;
  background-color: #0099FF;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
  word-break: keep-all;
  border: none;
  border-radius: 4px;
  background-color: #0099FF;
  background-image: none;
  font-size: 12px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_layout {
  margin-bottom: 16px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_layout .cl-output.map_info_around .cl-text {
  font-size: 16px;
  letter-spacing: -0.4px;
  font-weight: 500;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-container.map_info_content_layout .cl-output.map_info_distance .cl-text {
  font-size: 16px;
  letter-spacing: -0.4px;
  font-weight: 500;
  color: #0099FF;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.map_info .cl-output.map_info_content_guide .cl-text {
  font-size: 12px;
  letter-spacing: -0.3px;
  font-weight: 400;
  color: #868b92;
  word-break: keep-all;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.store_info {
  background-color: #ffffff;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.store_info .cl-container.store_info_content_layout .cl-output.store_info_subtitle .cl-text {
  font-size: 14px;
  letter-spacing: -0.35px;
  font-weight: 400;
  color: #868b92;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.store_info .cl-container.store_info_content_layout .cl-output.store_info_data .cl-text {
  font-size: 14px;
  letter-spacing: -0.35px;
  font-weight: 400;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.order_info {
  background-color: #ffffff;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.package_info {
  background-color: #ffffff;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.package_info .cl-container.package_info_subtitle_layout .cl-output.package_info_subtitle .cl-text {
  font-size: 16px;
  letter-spacing: -0.4px;
  font-weight: 500;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.package_info .cl-container.package_info_btn_layout .cl-button {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.package_info .cl-container.package_info_btn_layout .cl-button:hover {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.package_info .cl-container.package_info_btn_layout .cl-button.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.package_info .cl-container.package_info_btn_layout .cl-button.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.package_info .cl-container.package_info_btn_layout .cl-button.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.package_info .cl-container.package_info_btn_layout .cl-button.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.package_info .cl-container.package_info_btn_layout .cl-button:hover {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.package_info .cl-container.package_info_btn_layout .cl-button.cl-activated {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.package_info .cl-container.package_info_btn_layout .cl-button.cl-focus {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.package_info .cl-container.package_info_btn_layout .cl-button.cl-selected {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.package_info .cl-container.package_info_btn_layout .cl-button.cl-unselectable {
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
  word-break: keep-all;
  border: 1px solid #e3e4e6;
  border-radius: 8px;
  background-color: #ffffff;
  background-image: none;
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.package_info .cl-container.package_info_btn_layout .cl-button.on {
  border: 1px solid #0099FF;
  color: #0099FF;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.package_info .cl-container.package_info_btn_layout .cl-button.package_info_btn_nopakage {
  border-radius: 8px 0 0 8px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.package_info .cl-container.package_info_btn_layout .cl-button.package_info_btn_pakage {
  border-radius: 0 8px 8px 0;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.caution_info {
  background-color: #ffffff;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.caution_info .cl-container.caution_info_layout {
  background-color: #f5f6f8;
  border-radius: 8px;
}
.cl-container.smartorder_order .cl-container.smartorder_order_content .cl-container.caution_info .cl-container.caution_info_layout .cl-output.caution_info_text .cl-text {
  font-size: 12px;
  letter-spacing: -0.3px;
  font-weight: 400;
  word-break: keep-all;
}
.cl-container.smartorder_order .cl-container.order_btn_layout {
  background-color: #ffffff;
}
.cl-container.smartorder_order .cl-container.order_btn_layout .cl-button.over_distance_btn {
  background-color: #c9c9ce;
  color: #ffffff;
  border: none;
}
.cl-container.smartorder_order .cl-container.order_btn_layout .cl-button.receipt_btn {
  background-color: #c9c9ce;
  color: #ffffff;
  border: none;
}
/*****************************************
 * smartorder_detail
 ******************************************/
.cl-container.smartorder_detail {
  background-color: #f5f6f8;
}
.cl-container.smartorder_detail .cl-container.smartorder_detail_content .cl-container.state_info {
  background-color: #ffffff;
}
.cl-container.smartorder_detail .cl-container.smartorder_detail_content .cl-container.state_info .cl-output.info_text .cl-text {
  font-size: 18px;
  letter-spacing: -0.45px;
  font-weight: 500;
  word-break: keep-all;
}
.cl-container.smartorder_detail .cl-container.smartorder_detail_content .cl-container.state_info .cl-output.info_text:last-child {
  margin-bottom: 6px;
}
.cl-container.smartorder_detail .cl-container.smartorder_detail_content .cl-container.state_info .cl-output.alert_text {
  margin-bottom: 30px;
}
.cl-container.smartorder_detail .cl-container.smartorder_detail_content .cl-container.state_info .cl-output.alert_text .cl-text {
  font-size: 14px;
  letter-spacing: -0.35px;
  color: #868b92;
  font-weight: 500;
  word-break: keep-all;
}
.cl-container.smartorder_detail .cl-container.smartorder_detail_content .cl-container.state_info .cl-container.state_info_data_layout {
  margin-bottom: 21px;
}
.cl-container.smartorder_detail .cl-container.smartorder_detail_content .cl-container.state_info .cl-container.state_info_data_layout .cl-output .cl-text {
  font-size: 14px;
  letter-spacing: -0.35px;
  font-weight: 400;
  word-break: keep-all;
}
.cl-container.smartorder_detail .cl-container.smartorder_detail_content .cl-container.state_info .cl-container.state_info_texture_layout .cl-container.state_info_texture_bar_1 {
  background-color: #e3e4e6;
  width: calc(50% - 24px) !important;
}
.cl-container.smartorder_detail .cl-container.smartorder_detail_content .cl-container.state_info .cl-container.state_info_texture_layout .cl-container.state_info_texture_bar_2 {
  background-color: #e3e4e6;
  width: calc(50% - 24px) !important;
}
.cl-container.smartorder_detail .cl-container.smartorder_detail_content .cl-container.state_info .cl-container.state_info_texture_layout .cl-image.gone img {
  content: url("../../../../images/com/cmn/ticket/ticket_circle_gone.svg");
}
.cl-container.smartorder_detail .cl-container.smartorder_detail_content .cl-container.state_info .cl-container.state_info_texture_layout .cl-image.current img {
  content: url("../../../../images/com/cmn/ticket/ticket_circle_current.svg");
}
.cl-container.smartorder_detail .cl-container.smartorder_detail_content .cl-container.state_info .cl-container.state_info_texture_layout .cl-text {
  font-size: 14px;
  letter-spacing: -0.35px;
  color: #868b92;
  font-weight: 500;
  word-break: keep-all;
}
.cl-container.smartorder_detail .cl-container.smartorder_detail_content .cl-container.order_info {
  background-color: #ffffff;
}
.cl-container.smartorder_detail .cl-container.smartorder_detail_content .cl-container.order_info .cl-container.order_info_title_layout {
  border-bottom: 1px solid #e3e4e6;
}
.cl-container.smartorder_detail .cl-container.smartorder_detail_content .cl-container.order_info .cl-container.order_info_title_layout .cl-text {
  font-size: 16px;
  letter-spacing: -0.4px;
  font-weight: 500;
  word-break: keep-all;
}
.cl-container.smartorder_detail .cl-container.smartorder_detail_content .cl-container.order_info .cl-container.order_info_package_layout .cl-output.package_title .cl-text {
  font-size: 16px;
  letter-spacing: -0.4px;
  font-weight: 500;
  word-break: keep-all;
}
.cl-container.smartorder_detail .cl-container.smartorder_detail_content .cl-container.order_info .cl-container.order_info_package_layout .cl-output.package_data .cl-text {
  font-size: 16px;
  letter-spacing: -0.4px;
  font-weight: 400;
  word-break: keep-all;
}
/***********************************
 * control function
 ***********************************/
.cl-output.txt_30_Setting {
  text-align: left;
}
.cl-output.txt_30_Setting .cl-text {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.3px;
}
.cl-output.txt_30_Setting.center {
  text-align: center;
}
.cl-output.txt_30_Setting2 {
  text-align: left;
}
.cl-output.txt_30_Setting2 .cl-text {
  font-size: 12px;
  line-height: 24px;
  letter-spacing: -0.3px;
}
.cl-output.txt_30_Setting2.center {
  text-align: center;
}
.cl-output.txt_35_Setting {
  text-align: left;
}
.cl-output.txt_35_Setting .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
}
.cl-output.txt_35_Setting.center {
  text-align: center;
}
.cl-output.txt_35_Setting2 {
  text-align: left;
}
.cl-output.txt_35_Setting2 .cl-text {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.35px;
}
.cl-output.txt_35_Setting2.center {
  text-align: center;
}
.cl-output.txt_35_Setting3 {
  text-align: left;
}
.cl-output.txt_35_Setting3 .cl-text {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.35px;
}
.cl-output.txt_35_Setting3.center {
  text-align: center;
}
.cl-output.txt_35_Setting4 {
  text-align: left;
}
.cl-output.txt_35_Setting4 .cl-text {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.35px;
}
.cl-output.txt_40_Setting {
  text-align: left;
}
.cl-output.txt_40_Setting .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.cl-output.txt_40_Setting.center {
  text-align: center;
}
.cl-output.txt_40_Setting2 {
  text-align: left;
}
.cl-output.txt_40_Setting2 .cl-text {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.4px;
}
.cl-output.txt_40_Setting2.center {
  text-align: center;
}
.cl-output.txt_40_Setting3 {
  text-align: left;
}
.cl-output.txt_40_Setting3 .cl-text {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.4px;
}
.cl-output.txt_40_Setting3.center {
  text-align: center;
}
.cl-output.txt_45_Setting {
  text-align: left;
}
.cl-output.txt_45_Setting .cl-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
}
.cl-output.txt_45_Setting.center {
  text-align: center;
}
.cl-output.txt_45_Setting2 {
  text-align: left;
}
.cl-output.txt_45_Setting2 .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.45px;
}
.cl-output.txt_45_Setting2.center {
  text-align: center;
}
.cl-output.banner_text {
  opacity: 0.53;
  border-radius: 10px;
  background-color: #000000;
}
.cl-output.banner_text .cl-text {
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  line-height: 20px;
}
.cl-container.inf_filter_box .cl-button {
  background-color: transparent;
  background-image: none;
  border: solid 1px #e3e4e6;
  border-radius: 16px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  letter-spacing: -0.35px;
}
.cl-container.inf_filter_box .cl-button.selected {
  background-color: #09f;
  border: solid 1px #09f;
  color: #fff;
}
.cl-container.app_res_dialog_order {
  background-color: #ffffff;
}
.cl-container.app_res_dialog_order .cl-output .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.cl-container.app_res_dialog_order .cl-output.app_res_dialog_order_header .cl-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
}
.cl-container.app_res_dialog_order .cl-output.app_res_dialog_order_header.selected {
  color: #0099ff;
}
.cl-container.app_res_dialog_order .cl-output.app_res_dialog_order_list.selected {
  color: #0099ff;
}
.cl-container.tab-buttons .cl-button {
  background: none;
  border: none;
  border-radius: 0px;
  color: #000;
  font-size: 16px;
}
.cl-container.tab-buttons .cl-button .cl-text {
  line-height: 24px !important;
  letter-spacing: -0.4px;
}
.cl-container.tab-buttons .cl-button.selected {
  color: #0099FF;
  border-bottom: solid 2px #0099FF;
}
.cl-container.m_header_body {
  background-color: #ffffff;
}
.cl-container.m_header_body .cl-output.title {
  text-align: left;
}
.cl-container.m_header_body .cl-output.title .cl-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
  color: #000000;
}
.cl-container.m_header_body .cl-output.title.center {
  text-align: center;
}
.cl-tabfolder .cl-tabfolder-body {
  background-color: white;
  color: #333;
  border: none;
}
.cl-container.location_select .cl-inputbox .cl-text {
  font-size: 14px;
}
.cl-container.location_select .cl-inputbox .cl-text.cl-placeholder {
  color: #8e8e93 !important;
}
.cl-container.location_select .cl-output.category_text .cl-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #000000 !important;
}
.cl-container.bottom_container {
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
}
.cl-container.bottom_container .cl-button.bottom_button {
  border-radius: 8px;
  border: none;
  background-color: #0099FF;
  background-image: none;
  border: none;
}
.cl-container.bottom_container .cl-button.bottom_button .cl-text {
  font-size: 14px;
  color: #ffffff !important;
}
.cl-checkboxgroup .cl-checkbox.cl-checked {
  padding: 0px 15px;
  border-radius: 16px;
  background-color: #09f;
  color: white;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.35px;
}
.cl-checkboxgroup.cl-iconalign-none .cl-checkbox {
  padding: 0px 15px;
  border-radius: 16px;
  border: solid 1px #e3e4e6;
  font-size: 14px;
  letter-spacing: -0.35px;
}
.inf_main .swiper-slide {
  width: 100% !important;
  aspect-ratio: 1.8;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.inf_main .slide-index-box {
  position: absolute;
  right: 20px;
  bottom: 12px;
  z-index: -1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.53);
  border-radius: 10px;
}
.inf_main .slide-index-box span {
  line-height: 20px;
  font-family: 'Roboto';
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.main_banner_slide .swiper-slide {
  width: 100% !important;
  height: 450px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.main_banner_slide .slide-index-box {
  position: absolute;
  right: 20px;
  bottom: 12px;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.53);
  border-radius: 10px;
}
.main_banner_slide .slide-index-box span {
  line-height: 20px;
  font-family: 'Roboto';
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.cl-image.inf_detail_banner_icon {
  z-index: 1;
}
.inf_detail .swiper-slide {
  width: 100% !important;
  height: 260px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.inf_detail .slide-index-box {
  position: absolute;
  right: 20px;
  bottom: 12px;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.53);
}
.inf_detail .slide-index-box span {
  line-height: 20px;
  font-family: 'Roboto';
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.inf_detail3 .swiper-slide {
  width: 100% !important;
  aspect-ratio: 1.68421053;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 10px;
}
.inf_detail3 .slide-index-box {
  position: absolute;
  right: 20px;
  bottom: 12px;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.53);
  border-radius: 10px;
}
.inf_detail3 .slide-index-box span {
  line-height: 20px;
  font-family: 'Roboto';
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.inf_detail2 .swiper-slide {
  width: 100% !important;
  height: 240px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.inf_detail2 .slide-index-box {
  position: absolute;
  right: 20px;
  bottom: 12px;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.53);
  border-radius: 10px;
}
.inf_detail2 .slide-index-box span {
  line-height: 20px;
  font-family: 'Roboto';
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.cl-button.filter_location_web {
  text-align: center;
  border-radius: 16px;
  background-color: #ffffff;
  color: #000000;
  border: solid 1px #e3e4e6;
}
.cl-button.filter_location_web .cl-text {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.35px;
}
.cl-button.filter_location_web.selected {
  background-color: #0099FF;
  color: #ffffff;
}
.inf_main2_app .opt_bar {
  background-color: #f3f4f6;
}
.inf_main2_app .opt_text {
  font-size: 14px;
  color: #868b92;
}
.inf_main2_app .shl_popular .inf_popular .swiper-wrapper .swiper-slide {
  width: 100% !important;
}
/************************************************
 * mobile - app res common
 ************************************************/
.cl-container.tfr_main_layout .html_btn button {
  background-color: #ffffff;
  border: none;
  color: #000000;
  min-width: 60px;
  height: 72px;
  font-size: 14px;
  line-height: 120px;
}
.cl-container.tfr_main_layout .html_btn .trf_btn1 {
  background: url("images/common/traffic_ktx.svg") no-repeat;
}
.cl-container.tfr_main_layout .html_btn .trf_btn2 {
  background: url("images/common/traffic_bus.svg") no-repeat;
}
.cl-container.tfr_main_layout .html_btn .trf_btn3 {
  background: url("images/common/traffic_citytour.svg") no-repeat;
  background: url("images/common/traffic_citytour.svg") no-repeat;
}
.cl-container.tfr_main_layout .html_btn .trf_btn4 {
  background: url("images/common/traffic_car.svg") no-repeat;
}
.cl-container.tfr_main_layout .html_btn .trf_btn5 {
  background: url("images/common/traffic_car.svg") no-repeat;
}
.cl-container.tfr_main_layout .html_btn .trf_btn6 {
  background: url("images/common/traffic_taxi.svg") no-repeat;
}
.cl-container.tfr_main_layout .html_btn .trf_btn7 {
  background: url("images/common/traffic_private.svg") no-repeat;
}
.cl-container.tfr_main_layout .html_btn .trf_btn8 {
  background: url("images/common/traffic_ship.svg") no-repeat;
}
.cl-container.tfr_main_layout .cl-button {
  color: #000000;
}
.cl-container.tfr_main_layout .cl-button.notice_btn {
  background-color: rgba(0, 153, 255, 0.1);
  border: none;
  font-size: 14px;
  text-align: left;
  padding-left: 14px;
  background-image: url("images/common/navigation_arrow_drop_right.svg");
  background-repeat: no-repeat;
  background-position: right center;
}
/************************************************
 * mobile - banner_main
 ************************************************/
.cl-container.banner_main_layout {
  background-color: #c4e7ff;
}
.cl-container.banner_main_layout .cl-button {
  border: none;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.16);
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.45px;
  word-break: keep-all;
}
/************************************************
 * mobile - banner_filter
 ************************************************/
.cl-container.banner_filter_layout {
  background-color: #c4e7ff;
}
.cl-container.banner_filter_layout .cl-output.banner_filter_question {
  text-align: center;
  font-size: 26px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.65px;
  word-break: keep-all;
}
.cl-container.banner_filter_layout .cl-output.banner_filter_select_text {
  text-align: center;
  font-size: 16px;
  color: #6d6d6d;
  font-weight: 400;
  letter-spacing: -0.4px;
  word-break: keep-all;
}
.cl-container.banner_filter_layout .cl-button.banner_filter_button {
  background-color: #ffffff;
  border: none;
  border-radius: 12px;
  font-size: 22px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.55px;
  word-break: keep-all;
}
.cl-container.banner_filter_layout .cl-button.banner_filter_button.selected {
  border: 2px solid #0099ff;
  font-size: 22px;
  color: #0099ff;
  font-weight: 700;
  letter-spacing: -0.55px;
  word-break: keep-all;
}
.cl-container.banner_filter_layout .cl-button.banner_filter_button.cl-focus {
  opacity: 1;
}
.cl-container.banner_filter_layout .cl-image.cl-focus {
  opacity: 1;
}
/************************************************
 * mobile - banner_loading
 ************************************************/
.cl-container.banner_loading_layout {
  background-color: #c4e7ff;
}
.cl-container.banner_loading_layout .cl-output.banner_loading_question {
  text-align: center;
  font-size: 24px;
  color: #000000;
  font-weight: 500;
  letter-spacing: -0.6px;
  word-break: keep-all;
}
/************************************************
 * UDC - banner_header
 ************************************************/
.cl-container.banner_header_layout .cl-output {
  font-size: 16px;
  color: #868b92;
  font-weight: 500;
  letter-spacing: -0.32px;
  word-break: keep-all;
}
/************************************************
 * UDC - banner_tail
 ************************************************/
.cl-container.banner_tail_layout {
  background-color: #ffffff;
}
.promotion {
  background-color: #fff;
}
.promotion .cl-button {
  background-color: transparent;
  border: none;
  color: #000;
}
.promotion .cl-button:hover {
  background-color: transparent;
  color: #000;
}
.promotion .cl-button.active {
  background-color: transparent;
  color: #000;
}
.promotion .promotion-header {
  background-color: #fff;
}
.promotion .promotion-header .btn-header-close {
  background-image: url("images/common/navigation_close.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.promotion .promotion-header .btn-header-back {
  background-image: url("images/common/navigation_chevron_left.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.promotion .promotion-header .opt-header-title {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.45px;
}
.promotion.dialog .dialog-title {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.45px;
}
.promotion.dialog .dialog-close {
  background-image: url("images/common/navigation_close.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.promotion.dialog .dialog-select .select-item {
  border: solid 1px #e3e4e6;
  border-radius: 19px;
  font-size: 16px;
  letter-spacing: -0.4px;
}
.promotion.dialog .dialog-select .select-item.selected {
  background-color: #09f;
  border: solid 1px #09f;
  color: #fff;
  opacity: 1;
}
.promotion.dialog .dialog-select .select-item.cl-disabled {
  background-color: #f5f6f8;
  color: #ccc;
}
.promotion.dialog .dialog-spinner .select-item {
  padding: 10px 0;
  font-size: 20px;
  letter-spacing: -0.5px;
}
.promotion.dialog .dialog-spinner .select-item.selected {
  background-color: #09f;
  color: #fff;
  opacity: 1;
}
.promotion.dialog .dialog-spinner .select-item.cl-disabled {
  background-color: #f5f6f8;
  color: #ccc;
}
.promotion.dialog .dialog-confirm {
  background-color: #09f;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}
.promotion.dialog .dialog-confirm.cl-disabled {
  background-color: #c9c9ce;
}
.promotion.accom-discount {
  /* &.accom-discount-main {
			&.hometown {
				.grp-image {
					background-image:url(images/com/cmn/promotion/event_hometown.svg);
					background-position:bottom center;
					background-size:cover;
					
					&::before {
						background-image:unset;
					}
					
					.grp-slogan {
						background-image:url(images/com/cmn/promotion/e_1_1.png);
						background-repeat:no-repeat;
						background-position:center;
						background-size:314px;
						
						.opt-slogan {
							text-align:center;
							font-size:16px;
							font-weight:500;
							color:#fff;
						}
					}
					
					.opt-title1 {
						text-align:center;
						font-size:30px;
						font-weight:500;
						color:#017dc3;
					}
					
					.opt-title2 {
						text-align:center;
						line-height:63px;
						font-size:56px;
						font-weight:bold;
						color:#ff4f45;
					}
					
					.opt-cate {
						text-align:center;
						font-size:16px;
						font-weight:bold;
					}
					
					.opt-text1 {
						text-align:center;
						font-size:24px;
						font-weight:bold;
						line-height:34px;
					}
					
					.opt-text2 {
						padding: 0 20px;
						background-color:#ff4f45;
						border-radius:20px;
						text-align:center;
						line-height:29px;
						font-size:20px;
						font-weight:bold;
						color:#fff;
					}
				}	
			}
			
			.grp-image {
				position:relative;
				background-image:url(images/com/cmn/promotion/event_1_1.png);
				background-repeat:no-repeat;
				background-position:center 14px;
				background-size:contain;
				
				&::before {
					position:absolute;
					content:"";
					display:block;
					background-image:linear-gradient(#7778f5, #4722d7);
					inset:0;
					z-index:-1;
				}
				
				.btn-normal {
					background-color:#09f;
					border-radius:16px;
					font-size:18px;
					font-weight:500;
					color:#fff;
				}
				
				.btn-supporters {
					background-color:#fff;
					border-radius:16px;
					font-size:18px;
					font-weight:500;
					color:#09f;
				}
			}
			
			.grp-info {
				background-color:#f5f6f8;
				
				.opt-info-title {
					font-size:18px;
					font-weight:500;
					letter-spacing:-0.45px;
				}
				
				.grp-info-list {
					.opt-info-list {
						display:grid!important;
						grid-template: auto / 15px 1fr;
						align-items:start;
						gap:5px;
						font-size:14px;
						color:#61656a;
						letter-spacing:-0.35px;
						
						&::before {
							content:"";
							display:block;
							width:15px;
							height:15px;
							margin-top:3px;
							background-image:url(images/com/cmn/promotion/ic_dot_gray.svg);
							background-repeat:no-repeat;
							background-position:center;
							background-size:contain;
						}
						
						.notice {
							color: red;
						}
					}
				}
			}
		} */
}
.promotion.accom-discount ~ .swal2-container .hometown-visit .hometown-visit-table {
  border-spacing: 0;
  border-collapse: collapse;
  padding: 0;
}
.promotion.accom-discount ~ .swal2-container .hometown-visit .hometown-visit-table td {
  padding: 3px 5px;
  border: solid 1px #ccc;
}
.promotion.accom-discount ~ .swal2-container .hometown-visit .hometown-visit-table td.hometown-visit-head {
  font-weight: 500;
}
.promotion.accom-discount ~ .swal2-container .hometown-visit .hometown-visit-notice {
  margin-top: 20px;
  text-align: left;
  font-weight: bold;
  color: #f00;
}
.promotion.accom-discount ~ .swal2-container .hometown-visit .hometown-visit-link {
  margin-top: 20px;
  text-align: left;
}
.promotion.accom-discount ~ .swal2-container .hometown-visit .hometown-visit-link .hometown-visit-button {
  padding: 0;
  background-color: unset;
  border: none;
  text-decoration: underline;
  font-family: Noto Sans KR;
  font-size: 14px;
}
.promotion.accom-discount.accom-discount-main.hometown .grp-image {
  background-image: url("images/com/cmn/promotion/event_hometown.svg");
  background-position: bottom center;
  background-size: cover;
}
.promotion.accom-discount.accom-discount-main.hometown .grp-image::before {
  background-image: unset;
}
.promotion.accom-discount.accom-discount-main.hometown .grp-image .grp-slogan {
  background-image: url("images/com/cmn/promotion/e_1_1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 314px;
}
.promotion.accom-discount.accom-discount-main.hometown .grp-image .grp-slogan .opt-slogan {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}
.promotion.accom-discount.accom-discount-main.hometown .grp-image .opt-title1 {
  text-align: center;
  font-size: 30px;
  font-weight: 500;
  color: #017dc3;
}
.promotion.accom-discount.accom-discount-main.hometown .grp-image .opt-title2 {
  text-align: center;
  line-height: 63px;
  font-size: 56px;
  font-weight: bold;
  color: #ff4f45;
}
.promotion.accom-discount.accom-discount-main.hometown .grp-image .opt-cate {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.promotion.accom-discount.accom-discount-main.hometown .grp-image .opt-text1 {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  line-height: 34px;
}
.promotion.accom-discount.accom-discount-main.hometown .grp-image .opt-text2 {
  padding: 0 20px;
  background-color: #ff4f45;
  border-radius: 20px;
  text-align: center;
  line-height: 29px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
.promotion.accom-discount.accom-discount-main .grp-image {
  position: relative;
  background-image: url("images/com/cmn/promotion/banner_main_734_px_new20250429.jpg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
.promotion.accom-discount.accom-discount-main .grp-image .opt-title {
  background-image: url("images/com/cmn/promotion/img_banner_title_1_3.svg");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}
.promotion.accom-discount.accom-discount-main .grp-image .opt-title2 {
  background-image: url("images/com/cmn/promotion/accom-info3.png");
  background-repeat: no-repeat;
  background-position: bootom center;
  background-size: cover;
}
.promotion.accom-discount.accom-discount-main .grp-image .opt-bigevent {
  background-image: url("images/com/cmn/promotion/img_banner_title_2_3.svg");
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
}
.promotion.accom-discount.accom-discount-main .grp-image .opt-text1 {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #00294f;
  letter-spacing: -0.36px;
}
.promotion.accom-discount.accom-discount-main .grp-image .opt-text2 {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #00294f;
  letter-spacing: -0.56px;
}
.promotion.accom-discount.accom-discount-main .grp-image .opt-text3 {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  color: #ff822e;
  letter-spacing: -0.56px;
}
.promotion.accom-discount.accom-discount-main .grp-image .opt-text4 {
  text-align: center;
  font-size: 25px;
  font-weight: 500;
  color: #0074dd;
  letter-spacing: -0.36px;
}
.promotion.accom-discount.accom-discount-main .grp-image .opt-text4 .notice {
  font-weight: 900;
}
.promotion.accom-discount.accom-discount-main .grp-image .opt-text5 {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #0074dd;
  letter-spacing: -0.36px;
}
.promotion.accom-discount.accom-discount-main .grp-image .opt-text5 .span {
  text-align: center;
  font-size: 17px;
  font-weight: 900;
  color: #0074dd;
  letter-spacing: -0.36px;
}
.promotion.accom-discount.accom-discount-main .grp-image .opt-text6 {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #0074dd;
  letter-spacing: -0.36px;
}
.promotion.accom-discount.accom-discount-main .grp-image .opt-text6 .span {
  text-align: center;
  font-size: 17px;
  font-weight: 900;
  color: #0074dd;
  letter-spacing: -0.36px;
}
.promotion.accom-discount.accom-discount-main .grp-image .cl-button {
  border-radius: 16px;
  font-size: 21px;
  font-weight: 900;
  color: #0074dd;
  /*
					&.btn-normal {
						background-color:#ff822e;
					}
					
					&.btn-supporters {
						background-color:#aaccdd;
					}
					
					&.btn-join {
						background-color:#eebb88;
					}*/
}
.promotion.accom-discount.accom-discount-main .grp-image .cl-button.btn-normal {
  background-color: #F5FBFF;
}
.promotion.accom-discount.accom-discount-main .grp-image .cl-button.btn-supporters {
  background-color: #F5FBFF;
}
.promotion.accom-discount.accom-discount-main .grp-image .cl-button.btn-join {
  background-color: #F5FBFF;
}
.promotion.accom-discount.accom-discount-main .grp-info {
  background-color: #f5f6f8;
}
.promotion.accom-discount.accom-discount-main .grp-info .opt-info-title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.45px;
}
.promotion.accom-discount.accom-discount-main .grp-info .grp-info-list .opt-info-list {
  display: grid !important;
  grid-template: auto/15px 1fr;
  align-items: start;
  gap: 5px;
  font-size: 14px;
  color: black;
  letter-spacing: -0.35px;
}
.promotion.accom-discount.accom-discount-main .grp-info .grp-info-list .opt-info-list::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  margin-top: 3px;
  background-image: url("images/com/cmn/promotion/ic_dot_gray.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.promotion.accom-discount.accom-discount-main .grp-info .grp-info-list .opt-info-list .notice {
  color: red;
}
.promotion.accom-discount.accom-discount-write .grp-write .opt-write-title {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -0.6px;
}
.promotion.accom-discount.accom-discount-write .grp-write .opt-write-text {
  text-align: center;
  line-height: 24px;
  font-size: 16px;
  letter-spacing: -0.4px;
}
.promotion.accom-discount.accom-discount-write .grp-write .opt-info-key {
  font-size: 16px;
  color: #868b92;
  letter-spacing: -0.4px;
}
.promotion.accom-discount.accom-discount-write .grp-write .opt-info-value {
  font-size: 16px;
  letter-spacing: -0.4px;
}
.promotion.accom-discount.accom-discount-write .grp-write .opt-bar {
  border-top: dashed 1px #c9c9ce;
}
.promotion.accom-discount.accom-discount-write .grp-write .grp-input .opt-input-title {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.4px;
}
.promotion.accom-discount.accom-discount-write .grp-write .grp-input .opt-input-notice {
  padding: 4px 0 12px;
  font-size: 14px;
  color: #ff3838;
  letter-spacing: -0.35px;
}
.promotion.accom-discount.accom-discount-write .grp-write .grp-input .opt-input-text {
  padding-top: 8px;
  font-size: 14px;
  color: #868b92;
  letter-spacing: -0.35px;
}
.promotion.accom-discount.accom-discount-write .grp-write .grp-input .btn-input-select {
  padding: 11px 17px 11px 19px;
  border: solid 1px #e3e4e6;
  border-radius: 8px;
  line-height: 24px;
  font-size: 16px;
  letter-spacing: -0.4px;
}
.promotion.accom-discount.accom-discount-write .grp-write .grp-input .btn-input-select .cl-text-wrapper {
  width: 100% !important;
  justify-content: space-between !important;
}
.promotion.accom-discount.accom-discount-write .grp-write .grp-input .btn-input-file {
  padding: 13px 0 11px;
  border: solid 1px #09f;
  border-radius: 8px;
  line-height: 22px;
  font-size: 15px;
  color: #09f;
  letter-spacing: -0.38px;
}
.promotion.accom-discount.accom-discount-write .grp-write .grp-input .fi-input-file {
  padding: 13px 17px 11px 16px;
  border: solid 1px #e3e4e6;
  border-radius: 8px;
  line-height: 22px;
  font-size: 15px;
  color: #000;
  letter-spacing: -0.38px;
}
.promotion.accom-discount.accom-discount-write .grp-write .grp-input .fi-input-file::before {
  display: none;
}
.promotion.accom-discount.accom-discount-write .grp-write .grp-input .fi-input-file .cl-fileinput-clear {
  width: 20px;
  height: 20px;
}
.promotion.accom-discount.accom-discount-write .grp-write .grp-agree .cbx-agree.cl-checkbox {
  display: grid !important;
  grid-template-columns: 1fr 20px;
  align-items: center;
  padding: 0;
  vertical-align: top;
  font-size: 16px;
  letter-spacing: -0.4px;
}
.promotion.accom-discount.accom-discount-write .grp-write .grp-agree .cbx-agree.cl-checkbox .cl-checkbox-icon {
  width: 24px;
  height: 24px;
  background-image: url("images/common/toggle_check_box_off.svg");
}
.promotion.accom-discount.accom-discount-write .grp-write .grp-agree .cbx-agree.cl-checkbox.cl-checked .cl-checkbox-icon {
  background-image: url("images/common/toggle_check_box_selected.svg");
}
.promotion.accom-discount.accom-discount-write .grp-write .grp-agree .cbx-agree.cl-checkbox .cl-text {
  padding-left: 8px;
}
.promotion.accom-discount.accom-discount-write .grp-write .grp-agree .btn-agree {
  background-image: url("images/com/cmn/promotion/navigation_arrow_drop_right_gray_20_px.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.promotion.accom-discount.accom-discount-write .grp-write .btn-apply {
  background-color: #09f;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.35px;
}
.promotion.accom-discount.accom-discount-write .grp-write .btn-apply.cl-disabled {
  background-color: #c9c9ce;
}
.promotion.accom-discount.accom-discount-coupon.hometown .grp-banner {
  background-image: url("images/com/cmn/promotion/event_hometown.svg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
.promotion.accom-discount.accom-discount-coupon.hometown .grp-banner .grp-slogan {
  background-image: url("images/com/cmn/promotion/e_1_1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 314px;
}
.promotion.accom-discount.accom-discount-coupon.hometown .grp-banner .grp-slogan .opt-slogan {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}
.promotion.accom-discount.accom-discount-coupon.hometown .grp-banner .opt-title1 {
  text-align: center;
  font-size: 30px;
  font-weight: 500;
  color: #017dc3;
}
.promotion.accom-discount.accom-discount-coupon.hometown .grp-banner .opt-title2 {
  text-align: center;
  line-height: 63px;
  font-size: 56px;
  font-weight: bold;
  color: #ff4f45;
}
.promotion.accom-discount.accom-discount-coupon.hometown .grp-banner .opt-cate {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.promotion.accom-discount.accom-discount-coupon.hometown .grp-banner .opt-text1 {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  line-height: 34px;
}
.promotion.accom-discount.accom-discount-coupon.hometown .grp-banner .opt-text2 {
  padding: 0 20px;
  background-color: #ff4f45;
  border-radius: 20px;
  text-align: center;
  line-height: 29px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
.promotion.accom-discount.accom-discount-coupon.hometown .grp-banner .grp_info {
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
}
.promotion.accom-discount.accom-discount-coupon.hometown .grp-banner .grp_info .applyinfo {
  text-align: center;
  font-size: 16px;
  letter-spacing: -0.4px;
}
.promotion.accom-discount.accom-discount-coupon.hometown .grp-banner .grp_info .applydata {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #0099ff;
  letter-spacing: -0.45px;
}
.promotion.accom-discount.accom-discount-coupon.hometown .grp-banner .grp_info .seperateline {
  background-color: #e3e4e6;
}
.promotion.accom-discount.accom-discount-coupon.hometown .coupon-background {
  background-color: rgba(0, 0, 0, 0.8);
}
.promotion.accom-discount.accom-discount-coupon.hometown .coupon-background .coupon-background-text {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.5px;
}
.promotion.accom-discount.accom-discount-coupon.hometown .coupon-background .coupon-background-button {
  border: solid 2px #fff;
  border-radius: 12px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.5px;
}
.promotion.accom-discount.accom-discount-coupon.hometown .coupon_udc .category {
  font-size: 16px;
  font-weight: bold;
  color: #FF4F45;
  letter-spacing: -0.35px;
}
.promotion.accom-discount.accom-discount-coupon .grp-banner {
  background-color: #f5f6f8;
}
.promotion.accom-discount.accom-discount-coupon .grp-banner .subtitle {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: #5f4de9;
  letter-spacing: -0.5px;
}
.promotion.accom-discount.accom-discount-coupon .grp-banner .title {
  padding: 0px 10px;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: -0.9px;
}
.promotion.accom-discount.accom-discount-coupon .grp-image {
  height: 87vw;
}
.promotion.accom-discount.accom-discount-coupon .grp-image .grp_info {
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.16);
}
.promotion.accom-discount.accom-discount-coupon .grp-image .grp_info .applyinfo {
  text-align: center;
  font-size: 16px;
  letter-spacing: -0.4px;
}
.promotion.accom-discount.accom-discount-coupon .grp-image .grp_info .applydata {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #0099ff;
  letter-spacing: -0.45px;
}
.promotion.accom-discount.accom-discount-coupon .grp-image .grp_info .seperateline {
  background-color: #e3e4e6;
}
.promotion.accom-discount.accom-discount-coupon .coupon_udc .coupon {
  border: 1px solid #e3e4e6;
  box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.16);
}
.promotion.accom-discount.accom-discount-coupon .coupon_udc .coupon .select {
  background-image: url("images/com/cmn/promotion/coupon_download_button.svg");
}
.promotion.accom-discount.accom-discount-coupon .coupon_udc .coupon .cancel {
  background-image: url("images/com/cmn/promotion/coupon_download_button_disabled.svg");
}
.promotion.accom-discount.accom-discount-coupon .coupon_udc .coupon_cnt {
  padding: 0px 14px;
  border-radius: 14px;
  background-color: #404244;
  color: #ffffff;
  font-weight: 300;
  text-align: center;
  font-size: 14px;
  letter-spacing: -0.35px;
}
.promotion.accom-discount.accom-discount-coupon .coupon_udc .category {
  font-size: 16px;
  font-weight: bold;
  color: #0099ff;
  letter-spacing: -0.35px;
}
.promotion.accom-discount.accom-discount-coupon .coupon_udc .coupon_name {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.6px;
}
.promotion.accom-discount.accom-discount-coupon .coupon_udc .coupon_infomation {
  font-size: 14px;
  color: #868b92;
  letter-spacing: -0.35px;
}
.promotion.accom-discount.accom-discount-coupon .coupon_udc .top-half-circle {
  background-color: #ffffff;
  border-radius: 0px 0px 150px 150px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0px;
}
.promotion.accom-discount.accom-discount-coupon .coupon_udc .bottom-half-circle {
  background-color: #ffffff;
  border-buttom: none;
  border-radius: 150px 150px 0px 0px;
  box-shadow: 0 -2px 0px rgba(0, 0, 0, 0.2);
}
.promotion.supporters-intro .cl-output {
  text-align: center;
}
.promotion.supporters-intro .cl-output .notice {
  color: #09f;
}
.promotion.supporters-intro .grp-header {
  background-color: #e4f4ff;
}
.promotion.supporters-intro .grp-header .opt-title {
  line-height: 50px;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: -0.9px;
}
.promotion.supporters-intro .grp-header .opt-text {
  line-height: 25px;
  font-size: 16px;
  letter-spacing: -0.4px;
}
.promotion.supporters-intro .grp-header .img-1 img {
  width: 100% !important;
  max-width: 360px;
}
.promotion.supporters-intro .grp-header .cl-button {
  border-radius: 28px;
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}
.promotion.supporters-intro .grp-header .cl-button.btn-go {
  background-color: #09f;
}
.promotion.supporters-intro .grp-header .cl-button.btn-join {
  background-color: #6f60f2;
}
.promotion.supporters-intro .grp-header .cl-button .cl-text-wrapper {
  gap: 1px;
}
.promotion.supporters-intro .grp-header .cl-button .cl-text-wrapper .cl-icon {
  width: 24px;
  height: 24px;
}
.promotion.supporters-intro .grp-content.last {
  background-color: #f3f4f6;
}
.promotion.supporters-intro .grp-content .opt-benefit {
  background-color: #000;
  border-radius: 18px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.45px;
}
.promotion.supporters-intro .grp-content .opt-title {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: -0.7px;
}
.promotion.supporters-intro .grp-content .opt-text {
  line-height: 27px;
  font-size: 18px;
  letter-spacing: -0.45px;
}
.promotion.supporters-intro .grp-content .img-2 img {
  width: 100% !important;
  max-width: 249px;
}
.promotion.supporters-intro .grp-content .img-3 img {
  width: 100% !important;
  max-width: 310px;
}
.promotion.supporters-check .opt-title {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.6px;
}
.promotion.supporters-check .opt-text {
  font-size: 16px;
  letter-spacing: -0.4px;
}
.promotion.supporters-check .opt-input-title {
  font-size: 14px;
  font-weight: 500;
  color: #868b92;
  letter-spacing: -0.35px;
}
.promotion.supporters-check .ipb-input {
  border: none;
  border-bottom: solid 1px #e3e4e6;
  border-radius: 0;
  font-size: 16px;
  letter-spacing: -0.4px;
}
.promotion.supporters-check .ipb-input .cl-placeholder {
  font-size: 16px;
  color: #c9c9ce;
  letter-spacing: -0.4px;
}
.promotion.supporters-check .ipb-input .cl-text {
  padding: 7px 0;
}
.promotion.supporters-check .ipb-input .cl-inputbox-clear {
  width: 24px;
}
.promotion.supporters-check .ipb-input.cl-focus {
  border-bottom: solid 1px #09f;
}
.promotion.supporters-check .ipb-input:not(.cl-focus) .cl-inputbox-clear {
  display: none !important;
}
.promotion.supporters-check .ipb-input.cl-readonly {
  background-color: #f3f4f6;
}
.promotion.supporters-check .btn-auth {
  background-color: #09f;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.35px;
}
.promotion.supporters-check .btn-auth.cl-disabled {
  background-color: #c9c9ce;
}
.promotion.supporters-check .grp-auth .ipb-auth {
  font-weight: 500;
}
.promotion.supporters-check .grp-auth .opt-auth-time {
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  color: #ff3838;
  letter-spacing: -0.35px;
}
.promotion.supporters-check .cbx-agree-all {
  padding: 0;
  vertical-align: top;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.4px;
}
.promotion.supporters-check .cbx-agree-all .cl-checkbox-icon {
  width: 24px;
  height: 24px;
  background-image: url("images/common/toggle_check_box_off.svg");
}
.promotion.supporters-check .cbx-agree-all.cl-checked .cl-checkbox-icon {
  background-image: url("images/common/toggle_check_box_selected.svg");
}
.promotion.supporters-check .cbx-agree-all .cl-text {
  padding-left: 8px;
  vertical-align: middle !important;
}
.promotion.supporters-check .grp-agree .cbx-agree.cl-checkbox {
  display: grid !important;
  grid-template-columns: 1fr 20px;
  align-items: center;
  padding: 0;
  vertical-align: top;
  font-size: 14px;
  letter-spacing: -0.35px;
}
.promotion.supporters-check .grp-agree .cbx-agree.cl-checkbox .cl-checkbox-icon {
  width: 20px;
  height: 20px;
  background-image: url("images/com/cmn/promotion/toggle_check_mini_off.svg");
}
.promotion.supporters-check .grp-agree .cbx-agree.cl-checkbox.cl-checked .cl-checkbox-icon {
  background-image: url("images/com/cmn/promotion/toggle_check_mini_on.svg");
}
.promotion.supporters-check .grp-agree .cbx-agree.cl-checkbox .cl-text {
  padding-left: 7px;
}
.promotion.supporters-check .grp-agree .btn-agree {
  background-image: url("images/com/cmn/promotion/navigation_arrow_drop_right_gray_20_px.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.promotion.supporters-check .btn-confirm {
  background-color: #09f;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.35px;
}
.promotion.supporters-check .btn-confirm.cl-disabled {
  background-color: #c9c9ce;
}
.promotion.forest .grp-info {
  background-image: url("images/com/cmn/promotion/banner_main_841_px.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
.promotion.forest .grp-info .opt-reserve {
  box-sizing: border-box;
  border: solid 1.5px #0f3f2d;
  border-radius: 35px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #0f3f2d;
  letter-spacing: -0.36px;
}
.promotion.forest .grp-info .opt-title {
  background-color: rgba(247, 255, 220, 0.82);
  border-radius: 14px;
  text-align: center;
  line-height: 24px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.32px;
}
.promotion.forest .grp-info .opt-text {
  line-height: 24px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.32px;
}
.promotion.forest .grp-info .opt-text2 {
  line-height: 20px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.26px;
}
.promotion.forest .grp-list {
  background-image: linear-gradient(to bottom, #26a075, #033538);
}
.promotion.forest .grp-list .list-item {
  background-color: #fff;
  border-radius: 16px;
}
.promotion.forest .grp-list .list-item .grp-cate {
  background-color: #00af63;
  border-radius: 18px;
}
.promotion.forest .grp-list .list-item .grp-cate .opt-location,
.promotion.forest .grp-list .list-item .grp-cate .opt-dot,
.promotion.forest .grp-list .list-item .grp-cate .opt-open {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.32px;
}
.promotion.forest .grp-list .list-item .opt-title {
  padding: 12px 0;
  line-height: 41px;
  font-size: 28px;
  font-weight: bold;
  color: #033538;
  letter-spacing: -0.56px;
}
.promotion.forest .grp-list .list-item .opt-text {
  padding: 11px 0 9px;
  line-height: 24px;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  letter-spacing: -0.32px;
}
.promotion.forest .grp-list .list-item .opt-paragraph {
  line-height: 23px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.28px;
}
.promotion.forest .grp-list .list-item .opt-text-fee {
  padding-top: 20px;
  text-align: right;
  line-height: 24px;
  font-size: 16px;
  font-weight: bold;
  color: #555;
  letter-spacing: -0.32px;
}
.promotion.forest .grp-list .list-item .opt-fee {
  line-height: 41px;
  font-size: 28px;
  font-weight: bold;
  color: #000;
  letter-spacing: -0.56px;
}
.promotion.forest .grp-list .list-item .opt-fee.discount {
  position: relative;
  line-height: 29px;
  font-size: 20px;
  color: #adadad;
}
.promotion.forest .grp-list .list-item .opt-fee.discount::after {
  content: "";
  display: block;
  position: absolute;
  inset: auto 0 12px 0;
  height: 1px;
  background-color: #adadad;
}
.promotion.forest .grp-list .list-item .opt-text-native {
  padding-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  letter-spacing: -0.32px;
}
.promotion.forest .grp-list .list-item .opt-native-fee {
  line-height: 41px;
  font-size: 28px;
  font-weight: bold;
  color: #ff2d5f;
  letter-spacing: -0.56px;
}
.promotion.forest .grp-list .list-item .btn-reserve {
  background-color: #f9dd5d;
  border-radius: 12px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  letter-spacing: -0.36px;
}
.promotion.garden .grp-info {
  background-image: url("images/com/cmn/promotion/garden_bg1.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.promotion.garden .grp-info .opt-reserve {
  box-sizing: border-box;
  border: solid 1.5px #0f3f2d;
  border-radius: 35px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #0f3f2d;
  letter-spacing: -0.36px;
}
.promotion.garden .grp-info .opt-title {
  background-color: #174925;
  border-radius: 8px;
  text-align: center;
  line-height: 24px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.32px;
  color: white;
}
.promotion.garden .grp-info .opt-text {
  line-height: 25px;
  font-size: 13.5px;
  color: #333333;
  text-align: center;
  letter-spacing: -0.32px;
}
.promotion.garden .grp-info .opt-text2 {
  line-height: 20px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.26px;
}
.promotion.garden .grp-info .opt-space {
  background-color: #F3FCEC;
  text-align: center;
  line-height: 2px;
  letter-spacing: -0.32px;
  color: #F3FCEC;
}
.promotion.garden .reservation_cancel_layout {
  background-color: white;
  border: 0px solid white;
  border-radius: 8px 8px 0px 0px;
}
.promotion.garden .grp-info2 {
  background-image: url("images/com/cmn/promotion/garden_bg2.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.promotion.garden .grp-list .list-item .grp-cate {
  background-color: #00af63;
  border-radius: 18px;
}
.promotion.garden .grp-list .list-item .grp-cate .opt-location,
.promotion.garden .grp-list .list-item .grp-cate .opt-dot,
.promotion.garden .grp-list .list-item .grp-cate .opt-open {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  letter-spacing: -0.32px;
}
.promotion.garden .grp-list .list-item .opt-title {
  padding: 12px 0;
  line-height: 41px;
  font-size: 28px;
  font-weight: bold;
  color: #033538;
  letter-spacing: -0.56px;
}
.promotion.garden .grp-list .list-item .opt-text {
  padding: 11px 0 9px;
  line-height: 24px;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  letter-spacing: -0.32px;
}
.promotion.garden .grp-list .list-item .opt-paragraph {
  line-height: 23px;
  font-size: 14px;
  color: #000;
  letter-spacing: -0.28px;
}
.promotion.garden .grp-list .list-item .opt-text-fee {
  padding-top: 20px;
  text-align: right;
  line-height: 24px;
  font-size: 16px;
  font-weight: bold;
  color: #555;
  letter-spacing: -0.32px;
}
.promotion.garden .grp-list .list-item .opt-fee {
  line-height: 41px;
  font-size: 28px;
  font-weight: bold;
  color: #000;
  letter-spacing: -0.56px;
}
.promotion.garden .grp-list .list-item .opt-fee.discount {
  position: relative;
  line-height: 29px;
  font-size: 20px;
  color: #adadad;
}
.promotion.garden .grp-list .list-item .opt-fee.discount::after {
  content: "";
  display: block;
  position: absolute;
  inset: auto 0 12px 0;
  height: 1px;
  background-color: #adadad;
}
.promotion.garden .grp-list .list-item .opt-text-native {
  padding-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  letter-spacing: -0.32px;
}
.promotion.garden .grp-list .list-item .opt-native-fee {
  line-height: 41px;
  font-size: 28px;
  font-weight: bold;
  color: #ff2d5f;
  letter-spacing: -0.56px;
}
.promotion.garden .grp-list .list-item .btn-reserve {
  background-color: #f9dd5d;
  border-radius: 12px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  letter-spacing: -0.36px;
}
.promotion.garden .grp-list .list-item .garden_btn_udc {
  border: solid 1px #174925;
  padding: 0px 4px 0px 4px;
  background-color: #FFF7D2 !important;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
}
.promotion.garden .grp-list .list-item .garden_btn_udc .cl-text {
  font-size: 15px;
  font-weight: 500;
  color: #000000 !important;
}
.promotion.garden .grp-list .list-item .garden_btn_udc .cl-icon {
  border-radius: 100%;
  width: 32px;
  height: 32px;
  padding-right: 5px;
}
.promotion.garden .grp-list .list-item .garden_btn_udc.cl-focus {
  border: solid 1px #e3e4e6;
}
.cl-container.ard_dlg_distance {
  background-color: white;
}
.cl-container.ard_dlg_distance .cl-output .cl-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  letter-spacing: -0.4px;
  color: #000000;
}
.cl-container.ard_dlg_distance .cl-output.ard_dlg_distance_header .cl-text {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.45px;
  color: #000000;
}
.cl-container.ard_dlg_distance .cl-output.ard_dlg_distance_list.selected .cl-text {
  color: #0099FF;
  font-weight: 500;
}
.cl-container.ard_filter {
  background-color: #ffffff;
}
.cl-container.ard_filter .text-color {
  color: #0099FF;
}
.cl-container.ard_filter .sstr_black {
  font-weight: 500;
  font-size: 16px;
  color: #000000;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.cl-container.ard_filter .sstr_main {
  font-weight: 400;
  font-size: 16px;
  color: #0099FF;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.cl-container.ard_filter .cl-output.ard_filter_header .cl-text {
  font-weight: 500;
  color: #000000;
}
@media (min-width: 940px) {
  .cl-container.ard_filter .cl-output.ard_filter_header .cl-text {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.5px;
  }
}
@media (max-width: 939px) {
  .cl-container.ard_filter .cl-output.ard_filter_header .cl-text {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.45px;
  }
}
.cl-container.ard_filter .cl-output.ard_filter_sub .cl-text {
  font-weight: 500;
  color: #000000;
}
@media (min-width: 940px) {
  .cl-container.ard_filter .cl-output.ard_filter_sub .cl-text {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.5px;
  }
}
@media (max-width: 939px) {
  .cl-container.ard_filter .cl-output.ard_filter_sub .cl-text {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.4px;
  }
}
@media (min-width: 940px) {
  .cl-container.ard_filter .cl-output.ard_filter_sub.font14 .cl-text {
    font-size: 16px;
    font-weight: 400;
  }
}
@media (max-width: 939px) {
  .cl-container.ard_filter .cl-output.ard_filter_sub.font14 .cl-text {
    font-size: 14px;
    font-weight: 500;
  }
}
.cl-container.ard_filter .cl-output.ard_filter_list_text_1 .cl-text {
  font-weight: 400;
  line-height: 24px;
  color: #000000;
}
@media (min-width: 940px) {
  .cl-container.ard_filter .cl-output.ard_filter_list_text_1 .cl-text {
    font-size: 16px;
    letter-spacing: -0.4px;
  }
}
@media (max-width: 939px) {
  .cl-container.ard_filter .cl-output.ard_filter_list_text_1 .cl-text {
    font-size: 14px;
    letter-spacing: -0.35px;
  }
}
.cl-container.ard_filter .cl-output.ard_filter_list_text_1.right {
  text-align: right;
}
.cl-container.ard_filter .cl-output.ard_filter_list_text_1.right .cl-text {
  line-height: 24px;
  color: #0099FF;
}
.cl-container.ard_filter .cl-output.ard_filter_list_text_2 {
  text-align: center;
  border-radius: 16px;
  border: solid 1px #e3e4e6;
}
.cl-container.ard_filter .cl-output.ard_filter_list_text_2 .cl-text {
  font-weight: 400;
  color: #000000;
}
@media (min-width: 940px) {
  .cl-container.ard_filter .cl-output.ard_filter_list_text_2 .cl-text {
    font-size: 16px;
    letter-spacing: -0.4px;
  }
}
@media (max-width: 939px) {
  .cl-container.ard_filter .cl-output.ard_filter_list_text_2 .cl-text {
    font-size: 14px;
    letter-spacing: -0.35px;
  }
}
.cl-container.ard_filter .cl-output.ard_filter_list_text_2.selected {
  border: solid 1px #0099FF;
}
.cl-container.ard_filter .cl-output.ard_filter_list_text_2.selected .cl-text {
  font-weight: 500;
  color: #0099FF;
}
.cl-container.ard_filter .cl-output.ard_filter_list_text_3 .cl-text {
  font-family: "Roboto";
  color: #c9c9ce;
  font-size: 14px;
  font-weight: 500;
}
.cl-container.ard_filter .cl-output.ard_filter_list_text_3.selected .cl-text {
  color: #ffffff;
}
.cl-container.ard_filter .cl-output.ard_filter_list_text_4 .cl-text {
  color: #868b92;
  font-weight: 500;
}
@media (min-width: 940px) {
  .cl-container.ard_filter .cl-output.ard_filter_list_text_4 .cl-text {
    font-size: 16px !important;
    letter-spacing: -0.4px;
  }
}
@media (max-width: 939px) {
  .cl-container.ard_filter .cl-output.ard_filter_list_text_4 .cl-text {
    font-size: 14px !important;
    letter-spacing: -0.35px;
  }
}
.cl-container.ard_filter .cl-output.ard_filter_list_text_4.right {
  text-align: right;
}
.cl-container.ard_filter .cl-output.ard_filter_list_text_5 {
  text-align: center;
}
.cl-container.ard_filter .cl-output.ard_filter_list_text_5 .cl-text {
  color: black;
  font-weight: 500;
}
@media (min-width: 940px) {
  .cl-container.ard_filter .cl-output.ard_filter_list_text_5 .cl-text {
    font-size: 22px !important;
    letter-spacing: -0.55px;
  }
}
@media (max-width: 939px) {
  .cl-container.ard_filter .cl-output.ard_filter_list_text_5 .cl-text {
    font-size: 20px !important;
    letter-spacing: -0.5px;
  }
}
.cl-container.ard_filter .cl-container.ard_dlg_btn {
  background-color: #ffffff;
}
@media (min-width: 940px) {
  .cl-container.ard_filter .cl-container.ard_dlg_btn {
    box-shadow: none;
  }
}
@media (max-width: 939px) {
  .cl-container.ard_filter .cl-container.ard_dlg_btn {
    box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
  }
}
.cl-container.ard_filter .cl-container.ard_dlg_btn .cl-button.btn_filter_apply {
  border-radius: 8px;
  background-color: #0099FF;
  background-image: none;
  text-shadow: none;
  border: none;
}
.cl-container.ard_filter .cl-container.ard_dlg_btn .cl-button.btn_filter_apply .cl-text {
  font-weight: 500;
  color: #ffffff !important;
}
@media (min-width: 940px) {
  .cl-container.ard_filter .cl-container.ard_dlg_btn .cl-button.btn_filter_apply .cl-text {
    font-size: 17px !important;
  }
}
@media (max-width: 939px) {
  .cl-container.ard_filter .cl-container.ard_dlg_btn .cl-button.btn_filter_apply .cl-text {
    font-size: 14px !important;
    letter-spacing: -0.35px;
  }
}
.cl-container.ard_filter .cl-container.ard_dlg_btn .cl-button.btn_filter_reset {
  border-radius: 8px;
  border: 1px solid #e3e4e6;
  background-color: #ffffff;
  background-image: none;
  text-shadow: none;
}
.cl-container.ard_filter .cl-container.ard_dlg_btn .cl-button.btn_filter_reset .cl-text {
  font-weight: 500 !important;
  color: #000000 !important;
}
@media (min-width: 940px) {
  .cl-container.ard_filter .cl-container.ard_dlg_btn .cl-button.btn_filter_reset .cl-text {
    font-size: 17px !important;
  }
}
@media (max-width: 939px) {
  .cl-container.ard_filter .cl-container.ard_dlg_btn .cl-button.btn_filter_reset .cl-text {
    font-size: 14px !important;
    letter-spacing: -0.35px;
  }
}
@media (min-width: 940px) {
  .cl-container.ard_filter .cl-container.ard_dlg_btn .cl-button.btn_filter_reset .cl-icon.reset_icon {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 939px) {
  .cl-container.ard_filter .cl-container.ard_dlg_btn .cl-button.btn_filter_reset .cl-icon.reset_icon {
    width: 20px;
    height: 20px;
  }
}
.cl-container.location_rst_dialog_filter {
  border: solid 1px white;
  background-color: white;
}
.cl-container.location_rst_dialog_filter .cl-output.act_dialog_filter_header .cl-text {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
  font-weight: 500;
}
.cl-container.location_rst_dialog_filter .cl-output.act_dialog_filter_location {
  text-align: center;
  border-radius: 16px;
  border: solid 1px #e3e4e6;
}
.cl-container.location_rst_dialog_filter .cl-output.act_dialog_filter_location .cl-text {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.35px;
  font-weight: 400 !important;
}
.cl-container.location_rst_dialog_filter .cl-output.act_dialog_filter_location.selected {
  border: solid 1px #0099FF;
  background-color: white;
}
.cl-container.location_rst_dialog_filter .cl-output.act_dialog_filter_location.selected .cl-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  color: #0099FF;
  font-weight: 500 !important;
}
.cl-container.location_rst_dialog_filter .cl-container.act_dialog_range {
  background-color: white;
}
.cl-container.location_rst_dialog_filter .cl-container.act_dialog_range .act_dialog_filter_sub_title {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
  font-weight: 500 !important;
}
.cl-container.location_rst_dialog_filter .cl-container.act_dialog_range .cl-container.act_dialog_price .price_val {
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-weight: 500 !important;
  text-align: left;
}
.cl-container.location_rst_dialog_filter .cl-container.act_dialog_range .cl-container.act_dialog_price .start_price {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  font-weight: 500 !important;
  text-align: left;
}
.cl-container.location_rst_dialog_filter .cl-container.act_dialog_range .cl-container.act_dialog_price .last_price {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  font-weight: 500 !important;
  text-align: left;
}
.cl-container.location_rst_dialog_filter .cl-container.act_dialog_facility .cl-output.act_dialog_select .cl-text {
  font-size: 16px !important;
  text-align: left;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: black;
  font-weight: 500;
}
.cl-container.location_rst_dialog_filter .cl-container.act_dialog_facility .cl-output.total .cl-text {
  font-size: 14px !important;
  text-align: right;
  line-height: 24px;
  letter-spacing: -0.35px;
  color: #0099FF;
  padding-right: 5px;
  font-weight: 500;
}
.cl-container.location_rst_dialog_filter .cl-container.act_dialog_facility .cl-output.select .cl-text {
  font-size: 14px !important;
  text-align: left;
  line-height: 24px;
  letter-spacing: -0.35px;
  color: black;
}
.cl-container.location_rst_dialog_filter .cl-container.location_rst_select {
  box-shadow: 0px -3px 3px 0px rgba(0, 0, 0, 0.08);
}
.cl-container.location_rst_dialog_filter .cl-container.location_rst_select .btn_filter_apply {
  background-color: #0099FF;
  background-image: none;
  border-radius: 8px;
}
.cl-container.location_rst_dialog_filter .cl-container.location_rst_select .btn_filter_reset {
  border: solid 1px #e3e4e6;
  background-color: white;
  background-image: none;
  color: black;
}
.cl-container.location_rst_dialog_filter .cl-container.location_rst_select .btn_filter_reset .cl-icon {
  width: 20px;
  height: 20px;
}