@charset 'utf-8';

/* JJC ::: 기본설정 변경 ::: 2017-11-14 */
ul,ol,li,td,dl,dt,dd {list-style:none;}


/* JJC ::: 우측날개배너 ::: 배경색 변경 ::: 2017-10-30 */
.fly_right .exchange {background-color:#fff;}


/* JJC ::: 팝업 css 티플 5 버전 ::: 2017-11-02 */
/* ●●●●●●●●●● 관리자설정 팝업창 */
.popup {/* position:absolute; */ z-index:999999; display:inline-block; position:relative;}
.popup .img {overflow:hidden;}
.popup .img img {float:left;}
.popup .btn_area {position:relative; overflow:hidden; background:#4d4d4d;}
.popup .btn_area label {overflow:hidden; color:#ccc; font-size:11px; letter-spacing:-1px; float:left; padding:9px 10px 7px 6px}
.popup .btn_area label:hover {color:#fff;}
.popup .btn_area input {margin:1px 3px 0 0; width:0; height:0;}
.popup .btn_close {float:right; padding:10px 10px; background:#333}
.popup .btn_close:before { content:''; float:left; background:#333 url('../images/cm_images/member_pop_close.gif') center center no-repeat; width:11px; height:11px; }


/* JJC ::: 상품상세 이메일 팝업 ::: 2017-11-07 */
.cm_ly_pop_tp .form_box .textarea_design {background:#eee; line-height:18px; width:94%; height:100px; border-radius:5px; box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1); border:0; padding:10px;}
.cm_ly_pop_tp .form_box .textarea_design:focus {color:#000; background-color:#fafafa;}

.cm_step_agree {background:#f1f1f1; position:relative; border-bottom:1px solid #b7b7b7; padding:20px; margin:0 0 20px 0; text-align:center;}
.cm_step_agree textarea {width:98%; border:1px solid #ccc; background:#fff; height:66px; padding:10px; line-height:18px; color:#999}
.cm_step_agree textarea:focus {border:1px solid #666;}
.cm_step_agree label {padding:15px 10px 0 10px; color:#555; overflow:hidden;}
.cm_step_agree label input {margin:1px 5px 0 0; float:left;}
.cm_step_agree .arrow {position:absolute; left:50%; bottom:0; margin:0 0 -16px -16px;}


/* JJC ::: 아동나이 부분 ::: 2017-11-09 */
.age_box {float:left; position: relative; margin-left:-2px; display:inline-block;}
.age_box a.age_btn {background:#4ba6df; color:#fff; height:37px; line-height:37px; line-height:33px; display:inline-block; font-size:11px; letter-spacing:-1px; padding:0 10px; }



/* JJC ::: 상품후기 등록폼 ::: 2017-11-10 */
.input_file_box {background:#fff; border:1px solid #ddd; overflow:hidden; position:relative;  float:left; height:32px; width:100%;}
.input_file_box:first-child {margin-top:0}
.input_file_box .fakeFileTxt {background:#fff; float:left; width:100%; color:#999; margin-top:10px; text-indent:10px; border:0;}
.input_file_box .fileDiv { background:#fff; width:100px; height:100%; overflow: hidden; }
.input_file_box .buttonImg {background:#ddd; width:120px; height:100%; position: absolute; top:0; right:0; color:#333; border:0; font-weight:600;}
.input_file_box:hover .buttonImg {background:#ccc}
.input_file_box:hover {border:1px solid #ddd;}
.input_file_box .realFile {position:absolute; right:0px; top:0px; width:100%; font-size:200px; height:100%;  cursor:pointer !important; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;}


/* JJC ::: 상품후기 - 함께 구매하면 좋은 상품 ::: 2017-11-10 */
/*.view_relative {margin-bottom: 50px;}*/
.view_relative .item_list .thumb img {height:auto !important;}/*height:164px;*/

/* JJC ::: 장바구니 썸네일 조정 ::: 2017-11-13 */
.shop_order_area .order_tb .item_box .thumb {width:100%; height:100%;}


/* JJC ::: 일반페이지 ::: 2017-11-13  */
.common {background:transparent url('/pages/images/common/common_icon.png') no-repeat; display:inline-block;}
.common_area {width:1000px; padding-left:25px;}
.common_area .board_form {width:100%;}
.common_area .board_list {width:100%;}
.common_area .board_view {width:100%;}


/* ●●●●●●●●●● 달러 표시 스타일  */

.unit_dollar {font-size:inherit;color:inherit;margin-right:2px;}/*font-family: '돋움';*/

/* 장바구니 */
.shop_order_area .order_tb .amount .unit_dollar {font-weight:400}
.shop_order_area .sum_first .price .unit_dollar {float:none; font-weight:400}
.shop_order_area .sum_first .orange .unit_dollar {color:#ff6600;}

/* 주문결제 */
.shop_order_area .sum_last .price .unit_dollar {float:none !important; padding:0 !important; margin:0 2px 0 0 !important; font-size:18px !important;}
.shop_order_area .sum_last .equal .white .unit_dollar {font-size:24px !important; margin:-4px 2px 0 0 !important;}
.shop_order_area .sum_last .blue {color:#00aeff}
.shop_order_area .sum_last .yellow {color:#fffc00}
.shop_order_area .form_TB td .unit_dollar {color:#ff6600;}

/* 마이페이지 */
.common_area .mypage .info_title .unit_dollar {color:#ff0000;}



/* JJC ::: 공통-3차메뉴 - FAQ 전용 ::: 2017-11-13 */
.sub_contents .depth3.faq {margin-top: 0px  !important; margin-bottom: 30px; text-align:center;}
.sub_contents .depth3.faq .btn {padding: 0 10px !important; }

/* ARA :: 메뉴줄이기 - FAQ 전용 :: 2017-11-14 */
.sub_contents .depth3.faq .btn {height:35px; line-height:33px;}


/* 최종계산2 수정 :: 2017-10-11 :: ARA */
.sum_last2 {overflow:hidden; background:#f6f6f6;}
.sum_last2 ul {border-bottom:1px solid #dedede; display:table; width:100%; box-sizing:border-box; table-layout:fixed;}
.sum_last2 li {text-align:center; padding:25px 35px; font-weight:600; font-size:14px; color:#000; position:relative; border-left:1px solid #ddd; display:table-cell; vertical-align:middle;}
.sum_last2 li:first-child {border-left:0}
.sum_last2 li .opt_name {font-weight: 400; font-size: 14px; color: #666;  display:block; text-align:right; margin-bottom:5px;}
.sum_last2 li .opt_value {font-weight: 600; font-size: 17px; color: #000; display:block; text-align:right; font-family:helvetica;}
.sum_last2 li .opt_value.color {color:#FF0000;}
.sum_last2 li .icon {position:absolute; right:-11px; z-index:2; top:50%; margin-top:-12px; width:24px; height:24px; background:transparent url('../images/new_order_cal.png') left top no-repeat;}
.sum_last2 .ic_plus {background-position:left top;}
.sum_last2 .ic_minus {background-position:right top !important;}
.sum_last2 .ic_equal {background-position:left bottom !important;}

.order_tb+ .sum_last2 {margin-top:15px;  border-top:1px solid #333;}




/* ●●●●●●●●●● 마이페이지 무료쿠폰다운로드 페이지 */
/* 쿠폰리스트 추가 */
.service_tab { margin-top: 20px; height: 60px;}
.service_tab li { list-style: none; border:1px solid #ddd; border-radius: 0px 20px 0px 0px; border-left:1px solid #ddd; width: 498px; height:40px;  float: left;   text-align: center;   padding: 18px 0 0 0; font-size: 20px;   font-weight: bold; cursor:pointer;}
/*.service_tab li:hover {color:#fff;background:#0BACFF;}*/
.service_tab .on {color:#fff;background:#0BA2FF;}
.service_tab li:first-child { border-radius: 20px 0px 0px 0px;border-left:1px solid #ddd; border-right:0; width: 498px;}


.coupon_download_area_mypage {overflow:hidden; }
.coupon_download_area_mypage .coupon_top .layout_fix {padding:50px 0; background:transparent url('../images/coupon/page_img.png') right 10px no-repeat}
.coupon_download_area_mypage .coupon_top {background:#ececec; border-bottom:1px solid #d6d6d6}
.coupon_download_area_mypage .upper_border1 {width:1px; height:100%; position:absolute; left:387px; top:0; background:#fff;border-left:1px dashed #ddd;}
.coupon_download_area_mypage .upper_border2 {width:1px; height:100%; position:absolute; left:66.66%; top:0; background:#eee;}

.coupon_download_area_mypage .coupon_list {overflow:hidden; position:relative; margin:0px 0 40px 0; background:#fff; border:1px solid #ddd;border-top:0px;}
.coupon_download_area_mypage .coupon_list ul {overflow:hidden; padding-top:20px}
.coupon_download_area_mypage .coupon_list li {position:relative; float:left; list-style:none; width:50%;  min-height:160px; border-bottom:1px solid #ddd; height:360px;}
.coupon_download_area_mypage .coupon_list li:nth-of-type(2n)+ li {clear:both}
.coupon_download_area_mypage .coupon_list li:last-child {border-bottom:0;}

.coupon_download_area_mypage .coupon_box {position:relative; margin:20px; float:left; width:346px; max-height:216px;}
/*
.coupon_download_area_mypage .upper_link {position:absolute; left:0; top:0; width:100%; height:100%; z-index:555}
.coupon_download_area_mypage .upper_link img {width:100%; height:100%;}
*/

.coupon_download_area_mypage .design_left {position:absolute; left:0; top:0; background:transparent url('../images/coupon/box_left.png') left center no-repeat; width:14px; height:100%; z-index:33}
.coupon_download_area_mypage .design_right {position:absolute; right:0; top:0; background:transparent url('../images/coupon/box_right.png') left center no-repeat; width:14px; height:100% ;z-index:33}
.coupon_download_area_mypage .design_edge1 {position:absolute; right:60px; top:0; background:transparent url('../images/coupon/edge_t.gif') left top no-repeat; width:6px; height:3px; z-index:33}
.coupon_download_area_mypage .design_edge2 {position:absolute; right:60px; bottom:0; background:transparent url('../images/coupon/edge_b.gif') left top no-repeat; width:6px; height:3px; z-index:33}
.coupon_download_area_mypage .design_border {position:absolute; right:61px; bottom:0; background:transparent url('../images/coupon/box_bd.png') left top repeat-y; width:2px; height:100%; z-index:22}
.coupon_download_area_mypage .design_txt {position:absolute; right:30px; bottom:0; background:transparent url('../images/coupon/ext.png') left center no-repeat; width:16px; height:100%; z-index:22}

.coupon_download_area_mypage .discount_box {position:relative; background:#ea2c31; height:110px; overflow:hidden;}
.coupon_download_area_mypage .price_box {position:relative; background:#8131b5; height:110px; overflow:hidden;}

.coupon_download_area_mypage .coupon_info {  position: absolute;  left: 148px;  top:75px; width: 200px;}
.coupon_download_area_mypage .coupon_info dt {font-size:15px; letter-spacing:-1.5px; font-weight:600; color:#000; text-align:center; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:15px}
.coupon_download_area_mypage .coupon_info dd {position:relative; margin-bottom:5px}
.coupon_download_area_mypage .coupon_info .opt {position:absolute; left:5px; top:0; color:#999; /*background:transparent url('../images/coupon/bullet.gif') left center no-repeat; padding-left:5px*/}
.coupon_download_area_mypage .coupon_info .value span, .coupon_download_area_mypage .coupon_info .value span p {font-size: 10px;line-height: 10px;}
.coupon_download_area_mypage .coupon_info .value span.red {color:#ff0000}
.coupon_download_area_mypage .coupon_info .value.coupon {  position: absolute;  top: 80px; left: 45px; }

.coupon_download_area_mypage .coupon_btn {/*overflow:hidden;*/float:left;width:100%; text-align:center; margin-top:20px}
.coupon_download_area_mypage .coupon_btn a {border:1px solid #999; padding:10px 30px; color:#000; border-radius:60px; font-weight:600; letter-spacing:-1px; overflow:hidden; line-height:1.5; margin-right:10px;}
.coupon_download_area_mypage .coupon_btn img {float:left; margin-right:5px}
.coupon_download_area_mypage .coupon_btn a:hover {background-color:#eee; border:1px solid #333}
/*
.coupon_download_area_mypage .number {text-align:center; overflow:hidden; padding-right:35px;}
.coupon_download_area_mypage .number .num_discount {font-family:"lato"; color:#fff; font-size:70px; font-weight:600; float:left; margin:15px 0 0 0}
.coupon_download_area_mypage .number .unit {font-family:"lato"; color:#fff; font-size:40px; float:left; margin:25px 0 0 5px}
.coupon_download_area_mypage .number .num_price {font-family:"lato"; color:#fff; font-size:48px; font-weight:600; float:left; margin:28px 0 0 0}
*/

.coupon_download_area_mypage .coupon_img {overflow:hidden; position:relative; width:100%; float:left; }
.coupon_download_area_mypage .coupon_img span img {width:100%}
.coupon_download_area_mypage .upper_close {z-index:10; display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:transparent url('../images/coupon/upper_75.png') left top repeat; text-align:center; color:#ddd; line-height:140px;}
.coupon_download_area_mypage .upper_link {z-index:5; position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; color:#ddd; line-height:140px;}
.coupon_download_area_mypage .coupon_close .upper_close {display:block}

/* 내용없을경우  */
.coupon_download_area_mypage .contents_none {background:transparent url('../images/coupon/none.png') center top no-repeat; padding:110px 0 0 0; text-align:center; margin:80px 0}
.coupon_download_area_mypage .contents_none b {font-weight:normal; color:#999}


.coupon_download_area_mypage.if_popup .coupon_list li {height:auto !important}




/* 맞춤제작 : sns로그인 */
.customize_snslogin {width:500px; margin:20px auto 0 auto; overflow:hidden; text-align:center; padding:0 0 10px 0;}
.customize_snslogin .btn {text-align:left; float:left; width:250px; overflow:hidden; height:60px; line-height:62px; color:#fff; font-size:14px; letter-spacing:-1.5px}
.customize_snslogin .btn:hover {text-decoration:underline}
.customize_snslogin .logo {float:left; height:40px; margin:10px 15px 0 0; width:60px;}
.customize_snslogin .naver {background:#2db400}
.customize_snslogin .facebook {background:#004a9a}
.customize_snslogin .naver .logo {background:transparent url('../images/customize/sns_naver.png') center center no-repeat; border-right:1px solid #57c333}
.customize_snslogin .facebook .logo {background:transparent url('../images/customize/sns_facebook.png') center center no-repeat; border-right:1px solid #336eae}

.customize_snsmypage {overflow:hidden; padding:20px 0 0 0}
.customize_snsmypage .btn {text-align:left; float:left; margin-right:15px; overflow:hidden; height:52px; line-height:52px; color:#fff; font-size:14px; letter-spacing:-1.5px; padding:0 30px 0 10px; border-radius:100px}
.customize_snsmypage .btn:hover {text-decoration:underline}
.customize_snsmypage .logo {float:left; height:30px; margin:10px 15px 0 0; width:60px;}
.customize_snsmypage .naver {background:#2db400}
.customize_snsmypage .facebook {background:#004a9a}
.customize_snsmypage .naver .logo {background:transparent url('../images/customize/sns_naver.png') center center no-repeat; border-right:1px solid #57c333}
.customize_snsmypage .facebook .logo {background:transparent url('../images/customize/sns_facebook.png') center center no-repeat; border-right:1px solid #336eae}





/* ◆◆◆◆◆ 콤보상품 검색/목록 */
.new_combo_box {clear:both; padding:30px 0}
.new_combo_box select {height:100%; border:1px solid #c4c4c4; width:100%; color:#333;}
.new_combo_box select:focus {border:1px solid #333;}
.new_combo_box .select_design {height:35px; }
.new_combo_box .select_design.fc_red select {color:#ff0000;}
.new_combo_box .select_design.fc_blue select {color:#0078ff;}

.new_combo_box .combo_search {background:#dfdfdf; border:1px solid #333; padding:20px; position:relative;}
.new_combo_box .combo_search ul {overflow:hidden;}
.new_combo_box .combo_search li {float:left; list-style:none; overflow:hidden; margin-right:30px}
.new_combo_box .combo_search .opt_value {overflow:hidden; margin-right:10px; float:left;}
.new_combo_box .combo_search .opt_value dt {color:#333; letter-spacing:-0.5px; margin-bottom:5px}
.new_combo_box .combo_search .btn_search {position:absolute; right:20px; bottom:20px; background:#333 url('../images/combo/ic_search.png') 22px center no-repeat;; border-radius:3px; text-align:center; min-width:120px}
.new_combo_box .combo_search .btn_search {color:#fff; font-size:15px; height:35px; font-family: "NanumSquare"; letter-spacing:0px; padding:0 25px 0 42px}
.new_combo_box .combo_search .btn_search:hover {background-color:#0052cc;}
.new_combo_box .combo_search .btn_search:focus {color:#fff!important;}

.new_combo_box .combo_search .input_design {background:#fff; border:1px solid #c4c4c4; height:33px; line-height:37px; width:100px; padding-left:50px}
.new_combo_box .combo_search .input_design:focus {border:1px solid #008ce2;}
.new_combo_box .combo_search .input_design:disabled {background-color:#efefef;color: #555555;}
.new_combo_box .combo_search .ic_chcekin {background-image:url('../images/combo/ic_checkin.png'); background-position:8px center; background-repeat:no-repeat;}
.new_combo_box .combo_search .ic_chcekout {background-image:url('../images/combo/ic_checkout.png'); background-position:8px center; background-repeat:no-repeat;}
.new_combo_box .combo_search .select_design {width:80px;}


.new_combo_box .combo_list_hotel_info {border: 1px solid #cccccc;/* padding: 0px 10px!important; */}

.new_combo_box .combo_list {margin-top:15px;}
.new_combo_box .combo_list .title_box {background:#3a3a3e; overflow:hidden; }
.new_combo_box .combo_list .combo_num {background:#00a8ff; height:55px; width:55px; line-height:55px; font-size:22px; font-weight:600; text-align:center; color:#fff; display:inline-block; float:left; font-family: "NanumSquare";}
.new_combo_box .combo_list .title_box .title_txt {color:#fff; font-size:20px; font-family: "NanumSquare"; float:left; padding:0 20px; height:55px; line-height:55px;}
.new_combo_box .combo_list .title_box .title_txt strong {color:#00a8ff; font-weight:400;}
.new_combo_box .combo_list .title_box .add_txt {float:right; font-size:11px; letter-spacing:-1px; font-weight:400; color:#757578; margin:8px 0 0 0; padding:15px 20px;}
.new_combo_box .combo_list .title_box .guide_txt {font-size:11px; letter-spacing:-1px; font-weight:400; color:#757578; margin-top:8px; float:left; padding:15px 0;}
.new_combo_box .combo_list .info_hotel {float:right; background:#1e1e21; overflow:hidden; height:55px;}
.new_combo_box .combo_list .info_hotel dl {float:left; padding:0 30px; border-left:1px solid #404042}
.new_combo_box .combo_list .info_hotel dt {float:left; color:#fff; line-height:55px; margin-right:5px}
.new_combo_box .combo_list .info_hotel dd {float:left; color:#ffcc00; line-height:55px;}
.new_combo_box .combo_list .info_hotel .checkin {background:transparent url('../images/combo/ic_checkin_w.png') 20px 18px no-repeat; padding-left:65px}
.new_combo_box .combo_list .info_hotel .checkout {background:transparent url('../images/combo/ic_checkout_w.png') 20px 18px no-repeat; padding-left:65px}

.new_combo_box .combo_list .list_box {}
.new_combo_box .combo_list .list_box .people_li {display:none;width:100%;}
.new_combo_box .combo_list .list_box .people_li:first-child {display:inline-block;width:100%;}
.new_combo_box .combo_list table {width:100%}
.new_combo_box .combo_list th {background:#f7f7f7; font-weight:400; padding:15px 10px; border:1px solid #d1d1d1; color:#333; border-top:0}
.new_combo_box .combo_list td {padding:10px; border:1px solid #d1d1d1; /*position:relative; */border-top:0}
.new_combo_box .combo_list tr:hover {background:#fafafa;}
.new_combo_box .combo_list label {display:block; text-align:center; padding:5px 0;}
.new_combo_box .combo_list label input {float:none; margin:0}
.new_combo_box .combo_list .room_name {font-weight:600; color:#000; text-align:center;}
.new_combo_box .combo_list .room_count {font-weight:600; color:#0084ff; text-align:center;}
.new_combo_box .combo_list .meal_ok {color:#f64444; height:22px; line-height:24px;}
.new_combo_box .combo_list .meal_ok .icon {width:22px; height:22px; background:#f64444 url('../images/combo/ic_meal.png') center center no-repeat; display:block; float:left; margin-right:5px}
.new_combo_box .combo_list .meal_no {color:#adadad;  height:22px; line-height:24px}
.new_combo_box .combo_list .meal_no .icon {width:22px; height:22px; background:#d4d4d4 url('../images/combo/ic_meal.png') center center no-repeat; display:block; float:left; margin-right:5px}
.new_combo_box .combo_list .select_design {width:60px; height:30px; margin:0 auto}
.new_combo_box .combo_list .price {text-align:right}
.new_combo_box .combo_list .price dt {color:#ff0000; font-weight:600;}
.new_combo_box .combo_list .price dd {color:#006de7; margin-top:3px}
.new_combo_box .combo_list .opt_value {margin-right:10px; float:left;}
.new_combo_box .combo_list .opt_value dt {color:#333; letter-spacing:-0.5px; margin-bottom:5px; font-size:11px;}
.new_combo_box .combo_list .opt_value dt strong {font-weight:400;}
.new_combo_box .combo_list .input_design {background:#fff; border:1px solid #c4c4c4; height:28px; line-height:30px; width:15px; padding:0 10px; float:left; text-align:right; color:#000; font-weight:600;}
.new_combo_box .combo_list .input_design:focus {border:1px solid #008ce2;}
.new_combo_box .combo_list .input_design {background:#d5d5d5 !important;}

.new_combo_box .combo_list .btn_age {background:#4ba6df; color:#fff; height:30px; line-height:30px; line-height:33px\0; display:inline-block; font-size:11px; letter-spacing:-1px; padding:0 10px; }
.new_combo_box .combo_list .age_wrapping {float:left; margin-left:1px; position:relative; display:inline-block}
.new_combo_box .combo_list .auto_age_box {display:none; position:absolute; right:0; top:29px; background:#fff; width:340px; border:1px solid #0074bd; z-index:5}
.new_combo_box .combo_list .auto_age_box.combo {left:0;}
/*.new_combo_box .combo_list .age_wrapping:hover .auto_age_box {display:block;}*/
.new_combo_box .combo_list .age_wrapping:hover .btn_age {background:#0074bd;}
.new_combo_box .combo_list .auto_age_box dt {background:#ededed; text-align:center; color:#969696; font-size:11px; letter-spacing:-1px; padding:12px 0; overflow:hidden; margin:0}
.new_combo_box .combo_list .auto_age_box dt strong {font-weight:400; color:#007ecd; display:block; font-size:15px; margin-bottom:5px}
.new_combo_box .combo_list .auto_age_box dd {border-top:1px solid #d8d8d8; overflow:hidden; padding:10px;}
.new_combo_box .combo_list .auto_age_box .txt {color:#000; font-size:11px; height:30px; line-height:32px; float:left; letter-spacing:-1px; margin-right:20px; font-weight:600;}
.new_combo_box .combo_list .auto_age_box .select_design {float:left; margin-right:5px; height:30px;}
.new_combo_box .combo_list .auto_age_box .result_age {background:transparent url('../images/combo/ic_arrow.gif') left center no-repeat; overflow:hidden; padding-left:15px; margin-left:5px; float:left;}
.new_combo_box .combo_list .auto_age_box .unit_next {color:#7f7f7f; font-size:11px; height:30px; line-height:32px; float:left; letter-spacing:-1px; margin-left:3px}
.new_combo_box .combo_list .auto_age_box .btn_box {border-top:1px solid #d8d8d8; overflow:hidden; padding:15px 0; text-align:center;}
.new_combo_box .combo_list .auto_age_box .btn_box ul {display:inline-block}
.new_combo_box .combo_list .auto_age_box .btn_box li {display:inline-block; list-style:none; float:left;}
.new_combo_box .combo_list .auto_age_box .btn_box a {letter-spacing:-1px; color:#fff; height:30px; line-height:30px; display:block; padding:0 20px; margin-left:1px}
.new_combo_box .combo_list .auto_age_box .age_btn_ok {background:#4ba6df;}
.new_combo_box .combo_list .auto_age_box .age_btn_ok:hover {background:#0074bd;}
.new_combo_box .combo_list .auto_age_box .age_btn_no {background:#c2c2c2;}
.new_combo_box .combo_list .auto_age_box .age_btn_no:hover {background:#666;}




.new_combo_box .if_rentcar td {text-align:center; color:#0066ff;}
.new_combo_box .if_rentcar .select_design {width:120px;}

.new_combo_box .if_optiontour td {text-align:center; color:#0066ff;}
.new_combo_box .if_optiontour .select_design {width:200px;}
.new_combo_box .if_optiontour .opt_value {float:none}
.new_combo_box .if_optiontour .opt_value dt {font-size:12px;}

.new_combo_box .sub_price_box {overflow:hidden; background:#e2e3e9; padding:20px; position:relative; text-align:center;}
.new_combo_box .sub_price_box ul {background:#fff; overflow:hidden; border-radius:100px; border:1px solid #c1c1c1; display:inline-block;}
.new_combo_box .sub_price_box li {float:left; text-align:center; list-style:none; position:relative;}
.new_combo_box .sub_price_box .icon_equal {width:23px; height:23px; position:absolute; right:-11px; top:50%; background:transparent url('../images/combo/ic_equal.png') left top no-repeat; margin-top:-11px}
.new_combo_box .sub_price_box .txt {font-size:15px; font-weight:600; letter-spacing:-1px;  color:#000; height:45px; line-height:45px; padding:8px 70px}
.new_combo_box .sub_price_box .txt:before {content:""; background:#c5c6cc; width:1px; height:100%; position:absolute; right:0; top:0;}
.new_combo_box .sub_price_box .total {font-size:15px; font-weight:600; letter-spacing:0;  color:#006de7; height:45px; line-height:45px; padding:8px 50px}
.new_combo_box .sub_price_box .total strong {color:#ff0000; margin:0 5px}
.new_combo_box .sub_price_box .btn_order {color:#fff; font-size:18px; font-family: "NanumSquare"; background:#1844c8; border-radius:100px; padding:0 50px; height:45px; line-height:45px; display:inline-block; margin:8px}
.new_combo_box .sub_price_box .btn_order:hover {background:#001c6e;}

/* JJC : 바로구매 : 2020-07-11 */
.new_combo_box .sub_price_box .btn_cart {color:#fff; font-size:15px; font-family: "NanumSquare"; background:#0ba2ff; border-radius:100px; padding:0 50px; height:45px; line-height:45px; display:inline-block; margin:8px}
.new_combo_box .sub_price_box .btn_cart:hover {background:#0a8cdc;}


/* 콤보상품 자녀상품이 출력되는 장바구니/주문/배송 스타일 */
.combo_child_product_tb {border-bottom: 0px!important;}
.combo_child_product_tb .item_box {width:150px;border-top: 0px!important;}
.combo_child_product_tb .option {width:750px;border-top: 0px!important;}
.combo_child_product_tb .opt_price {display:none;}
.combo_child_product_tb .opt_amount {display:none;}

.combo_child_product_tb .option {width:400px!important;}




/* ◆◆◆◆◆ 콤보상품 주문관련 디자인추가 */
.new_combo_orderbox {text-align:left; background:transparent url('../images/combo/ic_combo_order.png') 65px center no-repeat; padding-left:110px; position:relative; }
.new_combo_orderbox dl { background:#fff; overflow:hidden; border:1px solid #e6e6e6; padding-left:127px; min-height:120px; position:relative;}
.new_combo_orderbox dl:before {content:""; width:1px; height:100%; background:#e6e6e6; position:absolute; left:127px; top:0;}
.new_combo_orderbox dt {color:#000; font-weight:600; font-size:15px; letter-spacing:-1px; padding:10px 15px; background:#f2f2f2;}
.new_combo_orderbox .thumb {position:absolute; left:125px; top:10px; z-index:2}
.new_combo_orderbox .option_value {padding:6px 15px; position:relative; overflow:hidden; border-top:1px solid #e6e6e6}
.new_combo_orderbox .txt_value {float:left; color:#333; font-size:11px; letter-spacing:-0.5px; position:relative; padding-left:10px; margin-left:10px; line-height:28px;}
.new_combo_orderbox .txt_value:before {content:""; width:3px; height:3px; background:#008eef; position:absolute; left:0; top:11px}
.new_combo_orderbox .date_value {float:right; font-size:11px; letter-spacing:-0.5px; color:#068cfd; border:1px solid #0096ff; padding:4px 0; width:130px; text-align:center; line-height:16px;}
.new_combo_orderbox .date_value.rent {width:160px!important;}
.new_combo_orderbox .date_value strong {letter-spacing:0px;}

.new_combo_orderbox+ .new_combo_orderbox {margin-top:10px}
tr:hover .new_combo_orderbox dl {border:1px solid #999;}



.view_top .view_default li .calendar_box_disabled {margin-left:9px}
.view_top .calendar_box_disabled {width:193px; position:relative;}
.view_top .calendar_box_disabled .input_box {float:left; width:100%; height:35px; border:1px solid #ccc; position:relative; box-sizing:border-box; background:#fff;}
.view_top .calendar_box_disabled .shape {position:absolute; left:-1px; top:-1px; width:34px; height:100%; background:#efefef url('../images/new2017/view_calendar.png') center center no-repeat; border:1px solid #ccc; border-right:0;z-index:2}
.view_top .calendar_box_disabled .input_date {padding:9px 30px 9px 45px;  background-color:#efefef; color:#000; height:33px; position:absolute; left:0; top:0; box-sizing:border-box; width:100%;  z-index:1}




/* JJC - 달력 --- 기존 view_top 클래스 이외에 combo_wrap 클래스에서도 사용할 수 있도록 변경 ::: 2017-11-16 */
.combo_wrap .calendar_box {width:193px; position:relative;}
.combo_wrap .calendar_box .input_box {float:left; width:100%; height:35px; border:1px solid #ccc; position:relative; box-sizing:border-box; background:#fff;}
.combo_wrap .calendar_box .arrow {position:absolute; right:0px; top:0; width:33px; height:100%; background:transparent url('../images/new2017/calendar_ar.gif') center center no-repeat; z-index:2}
.combo_wrap .calendar_box .shape {position:absolute; left:-1px; top:-1px; width:34px; height:100%; background:#f5f5f5 url('../images/new2017/view_calendar.png') center center no-repeat; border:1px solid #ccc; border-right:0;}
.combo_wrap .calendar_box .shape.disabled {background-color:#efefef; z-index:2}
.combo_wrap .calendar_box .input_date {padding:9px 30px 9px 45px;  color:#000; height:33px; position:absolute; left:0; top:0; box-sizing:border-box; width:100%;  z-index:1}
.combo_wrap .calendar_box .input_date:disabled {background-color:#efefef; color:#333;}
.combo_wrap .calendar_box .input_date_num {line-height:33px; position:absolute; left:0; top:0; padding:0 30px 0 45px; width:100%; box-sizing:border-box; letter-spacing:-0.5px; color:#999;}

.combo_wrap .calendar_box.selected .shape {background:#0ba2ff url('../images/new2017/view_calendar_hit.png') center center no-repeat;}
.combo_wrap .calendar_box.selected .input_date {color:#000; font-size:13px; font-weight:600; }

/************* JJC ::: 콤보/호텔상품에서 달력 위치 조정 ::: 오전 11:15 ***************/
.combo_wrap .view_calendar_box {position:absolute; left:20px; top:75px; width:393px; z-index:100; background:#fff; border:1px solid #333; overflow:hidden; display:none;}

.combo_wrap .view_calendar_box .month {position:relative; text-align:center; padding:13px 15px 16px; }
.combo_wrap .view_calendar_box .month_tt {font-size:15px; font-weight:600; color:#000; position:relative; padding:0 36px; letter-spacing:-0.5px;}
.combo_wrap .view_calendar_box .pvnx {position:absolute; top:50%; padding:10px; margin-top:-15px}
.combo_wrap .view_calendar_box .pvnx .icon {width:7px; height:12px; background:transparent url('../images/new2017/month_arrow.gif') left top no-repeat;}
.combo_wrap .view_calendar_box .pvnx:hover .icon {background-position:left bottom}
.combo_wrap .view_calendar_box .prev {left:0}
.combo_wrap .view_calendar_box .next {right:0}
.combo_wrap .view_calendar_box .next .icon {background-position:right top}
.combo_wrap .view_calendar_box .next:hover .icon {background-position:right bottom}

.combo_wrap .view_calendar_box .today_btn {position:absolute; right:16px; top:13px; border:1px solid #ccc; border-radius:30px; color:#888; font-size:11px; height:21px; line-height:19px; box-sizing:border-box; padding:0 7px}

.combo_wrap .view_calendar_box .date {/* padding:10px 20px 0 20px; */ overflow:hidden; margin-left:-1px}
.combo_wrap .view_calendar_box table {width:100%; text-align:center; table-layout:fixed;}
.combo_wrap .view_calendar_box th { color:#999; font-size:11px; font-weight:400; padding:3px 0;}
.combo_wrap .view_calendar_box td { border:1px solid #ddd; border-right:0;}
.combo_wrap .view_calendar_box td .link {  padding:5px 0;  display:block; background:#f5f5f5;}
.combo_wrap .view_calendar_box td .num {color:#aaa; font-family:"OpenSans"; font-size:12px;  border-radius:100px;  width:26px; height:26px; text-align:center; line-height:26px; font-weight:500; border:1px solid #f5f5f5;}

.combo_wrap .view_calendar_box .ready .link {  color:#fff}
.combo_wrap .view_calendar_box .ready .num {color:#0ba2ff; background:#fff; border-color:#fff}
.combo_wrap .view_calendar_box .ready:hover .link {background:#ddd;}
.combo_wrap .view_calendar_box .none .link {}
.combo_wrap .view_calendar_box .none .num {}
.combo_wrap .view_calendar_box .selected .link {background:#0ba2ff !important; position:relative;}
.combo_wrap .view_calendar_box .selected .num {color:#fff !important; border-color:#0ba2ff !important; background:#0ba2ff;}
.combo_wrap .view_calendar_box .selected .link:before {content:""; position:absolute; right:4px; top:3px; width:8px; height:8px; background:transparent url('../images/new2017/calendar_ready.png') left top no-repeat;}
.combo_wrap .view_calendar_box .today .num {border-color:#acacac; background:#fff;}

.combo_wrap .view_calendar_box .guide {padding:15px 20px 11px; overflow:hidden;}
.combo_wrap .view_calendar_box .guide .txt {float:left; font-size:11px; margin-right:17px}
.combo_wrap .view_calendar_box .guide .icon {width:11px; height:11px; float:left; background:#ddd;  margin-right:3px; border:1px solid #ddd; box-sizing:border-box; margin-top:2px}
.combo_wrap .view_calendar_box .guide .ready .icon {background:#fff; border-color:#0ba2ff; border-radius:50px;}
.combo_wrap .view_calendar_box .guide .none .icon {background:#ddd; border-color:#ddd}
.combo_wrap .view_calendar_box .guide .selected .icon {background:#0ba2ff; border-color:#0ba2ff}
.combo_wrap .view_calendar_box .guide .today .icon {background:#fff; border-color:#ccc; border-radius:50px;}

.combo_wrap .calendar_box:hover .input_box {background:#333; border:1px solid #333;}
.combo_wrap .calendar_box:hover .input_box:before {background:transparent url('../images/new2017/calendar_ar_hit.gif') left center no-repeat;}
.combo_wrap .calendar_box:hover .input_date:disabled { background-color:#efefef; color:#333; }

.combo_wrap .calendar_box:hover .shape {background:#000 url('../images/new2017/view_calendar_hit.png') center center no-repeat;  position:relative;}
.combo_wrap .calendar_box:hover .shape:before {content:""; position:absolute; left:-1px; top:-1px; bottom:-1px; right:0; border:1px solid #000; z-index:1}
.combo_wrap .calendar_box:hover .shape:after {content:""; position:absolute; left:-1px; bottom:-1px; right:0; height:1px; background:#000; z-index:101}
.combo_wrap .calendar_box:hover .shape.disabled {z-index:2 ;background:#efefef url('../images/new2017/view_calendar.png') center center no-repeat; }

.combo_wrap .calendar_box:hover .input_date {color:#fff;}
.combo_wrap .calendar_box:hover .input_date::-webkit-input-placeholder{color:#fff !important;}
.combo_wrap .calendar_box:hover .input_date:-ms-input-placeholder{color:#fff !important;}



.combo_wrap .calendar_box:hover .input_date_num {color:#fff;}
.combo_wrap .calendar_box:hover .view_calendar_box {display:block}

.combo_wrap .view_default ul {margin-left:-9px}
.combo_wrap .view_default li {list-style:none; width:50%; float:left;}
.combo_wrap .view_default li .select {margin-left:9px; width:193px;}
.combo_wrap .view_default li .calendar_box {margin-left:9px}
.combo_wrap .view_default li .age_box {margin-left:9px; }

.combo_wrap .car_txt {padding-left:43px; color:#ff3300; font-weight:600; line-height:16px; margin-left:9px; background:transparent url('../images/new2017/view_car.png') 8px center no-repeat;}
.combo_wrap .money {color:#000; font-size:15px; font-weight:600;}


/* 아동나이 */
.combo_wrap .age_box {width:193px; position:relative; margin-left:0}
.combo_wrap .age_box .input_box {overflow:hidden; float:left; width:100%;  overflow:hidden; position:relative; box-sizing:border-box; background:#fff;}
.combo_wrap .age_box .age_btn {position:absolute; right:0px; top:0px; width:50px; height:35px; background:#999; color:#fff; z-index:11; text-align:center; font-size:12px; letter-spacing:-0.5px; line-height:35px;}
.combo_wrap .age_box .input_age {padding:9px 70px 9px 45px;  color:#000; height:35px; border:1px solid #ccc; width:100%; box-sizing:border-box; background:transparent url('../images/new2017/view_baby.png') 8px center no-repeat; cursor:pointer; letter-spacing:-0.5px;}
.combo_wrap .age_box .close_btn {position:absolute; right:13px; top:12px; background:transparent url('../images/new2017/baby_close.gif') left top no-repeat; z-index:10; width:11px; height:11px; display:none;}
.combo_wrap .view_default ul+ ul .age_box {margin-top:5px}

/* 나이 자동계산박스 */
.combo_wrap .age_select_box {position:absolute; right:0; top:34px; background:#fff; border:2px solid #333; z-index:100; width:275px; padding:14px 15px 12px; box-sizing:border-box; overflow:hidden; display:none;}
.combo_wrap .view_default li+ li .age_select_box {left:auto; right:0}
.combo_wrap .age_select_box .select {float:left; margin:0 !important}
.combo_wrap .age_select_box .select+ .select {margin-left:5px !important}
.combo_wrap .age_select_box .select select {padding-left:7px}
.combo_wrap .age_select_box .select.year {width:90px;}
.combo_wrap .age_select_box .select.month {width:70px;}
.combo_wrap .age_select_box .select.day {width:70px;}
.combo_wrap .result_num {float:left; padding-left:30px; background:transparent url('../images/new2017/age_result_ar.gif') 5px center no-repeat; margin-top:15px;}
.combo_wrap .result_num .input_design {width:45px; height:35px; background:#f5f5f5; border:1px solid #333; box-sizing:border-box; font-size:12px; color:#000; font-weight:600; text-align:center; padding:9px 5px 10px; float:left;}
.combo_wrap .result_num .result_txt {float:left; line-height:35px; margin-left:5px;}
.combo_wrap .btn_age {background:#0ba2ff; height:35px; line-height:35px; width:120px; text-align:center; margin-top:15px; float:right;}
.combo_wrap .btn_age .txt {color:#fff; padding-left:15px; background:transparent url('../images/new2017/age_btn_icon.png') left center no-repeat; letter-spacing:-0.5px;}
.combo_wrap .btn_age.if_open {background-color:#005bcb;}

.combo_wrap .age_box.if_open .input_age  {background:#333 url('../images/new2017/view_baby_hit.png') 8px center no-repeat; border:1px solid #333; padding-right:30px}
.combo_wrap .age_box.if_open .input_age::-webkit-input-placeholder{color:#fff !important;}
.combo_wrap .age_box.if_open .input_age:-ms-input-placeholder{color:#fff !important;}
.combo_wrap .age_box.if_open .age_btn {display:none;}

.combo_wrap .age_box.if_open .close_btn {display:block}
.combo_wrap .age_box.if_open .age_select_box {display:block}

.combo_wrap .age_box.selected .input_age {color:#000; font-weight:600; letter-spacing:0px;}
.combo_wrap .age_box.selected.if_open .input_age {color:#fff;}

.combo_wrap .opt_none {display:table; width:100%; table-layout:fixed}
.combo_wrap .opt_none div {display:table-cell; vertical-align:middle;}
.combo_wrap .counter { text-align:right}
.combo_wrap .counter .counter_box {width:70px; overflow:hidden; display:inline-block;}
.combo_wrap .counter .counter_box .updown_input {float:left; border:1px solid #ccc; background:#fff; width:15px; height:29px; padding:3px 0 6px; text-align:center; width:42px; box-sizing:border-box; border-right:0;}
.combo_wrap .counter .counter_box .updown_input {font-size:13px; color:#000;}
.combo_wrap .counter .counter_box .updown {display:inline-block; width:28px; overflow:hidden; float:right;}
.combo_wrap .counter .counter_box .updown a {display:inline-block; width:26px; height:15px; float:left; border:1px solid #ccc; box-sizing:border-box;}
.combo_wrap .counter .counter_box .updown .btn_up {background:#fafafa url('../images/new2017/count_up.gif') center 4px no-repeat;}
.combo_wrap .counter .counter_box .updown .btn_down {background:#fafafa url('../images/new2017/count_down.gif') center 5px no-repeat; margin-top:-1px}
.combo_wrap .counter .counter_box .updown a:hover {background-color:#f5f5f5;}

.combo_wrap .opt_none .price_box {text-align:right; width:75px;  box-sizing:border-box; padding-right:10px}
.combo_wrap .opt_none .price {display:inline-block}
.combo_wrap .opt_none .price .sign {float:left; color:#000; font-size:16px; margin-top:0px; font-family:"OpenSans"; font-weight:500;}
.combo_wrap .opt_none .price strong {float:left; font-family:"OpenSans"; color:#000; font-size:16px; font-weight:500;}

/* 2017-11-20 ::: 콤보 */
.new_combo_box .combo_list .select_design.wide {width:200px !important;}


/* 2017-11-27 ::: 좌우 하단 margin 주기 */
/*.view_top .left_box {margin-bottom:30px;}*/
/*.view_top .right_box {margin-bottom:30px;}*/


/* JJC ::: 요청에 의한 수정 - 판매량 삭제 ::: 2017-12-04 */
.view_top .view:before {content:""; width:0px; height:11px; background:#ccc; position:absolute; left:15px; top:50%; margin-top:-5px;}
.view_top .salecnt:after {content:""; width:1px; height:11px; background:#ccc; position:absolute; right:-15px; top:50%; margin-top:-5px;}


/* JJC : 달력 - 클릭 변경 : 2017-12-04 */
.view_top .calendar_box.hover .input_box {background:#333; border:1px solid #333;}
.view_top .calendar_box.hover .input_box:before {background:transparent url('../images/new2017/calendar_ar_hit.gif') left center no-repeat;}
.view_top .calendar_box.hover .shape {background:#000 url('../images/new2017/view_calendar_hit.png') center center no-repeat;  position:relative;}
.view_top .calendar_box.hover .shape:before {content:""; position:absolute; left:-1px; top:-1px; bottom:-1px; right:0; border:1px solid #000; z-index:1}
.view_top .calendar_box.hover .shape:after {content:""; position:absolute; left:-1px; bottom:-1px; right:0; height:1px; background:#000; z-index:101}
.view_top .calendar_box.hover .input_date {color:#fff !important; }
.view_top .calendar_box.hover .input_date::-webkit-input-placeholder{color:#fff !important;}
.view_top .calendar_box.hover .input_date:-ms-input-placeholder{color:#fff !important;}
.view_top .calendar_box.hover .input_date_num {color:#fff;}
.view_top .calendar_box.hover .view_calendar_box {display:block}


/* JJC ::: 상세설명 중앙정렬 요청 ::: 2017-12-07  */
.view_conts .editor.comment2 {text-align:center;}


/* JJC : 포토후기 모아보기 : 2018-05-24 */
.view_conts .view_board .total_photo {float:right; color:#999; margin-top:6px; padding-right:6px}


/* --------- JJC : 취소기능 : 2018-12-04 --------- */
/* 2016-09-12 ::: 자동발급 - 선발급 상품쿠폰 ::: JJC */
.item_coupon_wrap .item_coupon {overflow:hidden; margin-top:10px}
.item_coupon_wrap .item_coupon .one_coupon {background:#fff; color:#333; padding:0 7px; line-height:28px; height:27px; border-radius:0 30px 30px 0; border:1px solid #ff0000; overflow:hidden; letter-spacing:-1px;}
.item_coupon_wrap .item_coupon .one_coupon input {float:left; margin:7px 3px 0 0}
.item_coupon_wrap .item_coupon strong {color:#ff4800}
.item_coupon_wrap .item_coupon .txt_icon {float:left; background:#ff0000; color:#fff; font-family:calibri; font-size:14px; font-weight:600; letter-spacing:0px; padding:0 12px; line-height:29px; height:29px; border-radius:30px 0 0 30px;}


/* SSJ : 프로그램 기능강화 : 2020-03-30 - CSS 추가 */
.order_tb.js_guest_order tbody tr:hover {background:none !important;}
.guest_table { width:100%; }
.guest_table tbody tr:hover {background:#f4f4f4 !important;}
.guest_table td { padding:10px 0px !important; text-align: center; }
.guest_table tr:first-child td{ border-top:0px !important; }
.guest_table td input { border: 1px solid #ccc; height: 23px; line-height: 23px; padding: 0 5px; color: #333; margin-right: 5px; float: left; display: inline-block; }
.guest_table td .age_result {background: #d5d5d5!important; border: 1px solid #c4c4c4; height: 28px; line-height: 30px; width: 15px; padding: 0 10px; float: left; text-align: right; color: #000; font-weight: 600;}
.guest_table td .age_wrapping  {float: left; margin-left: 1px; position: relative; display: inline-block;}
.guest_table td .btn_age {background: #4ba6df; color: #fff; height: 30px; line-height: 30px; line-height: 33px\0; display: inline-block; font-size: 11px; letter-spacing: -1px; padding: 0 10px;}
.guest_table td .auto_age_box {display:none; position:absolute; right:0; top:29px; background:#fff; width:340px; border:1px solid #0074bd; z-index:5}
.guest_table td .auto_age_box.combo {/*left:0;*/}
/*.guest_table td .age_wrapping:hover .auto_age_box {display:block;}*/
.guest_table td .age_wrapping:hover .btn_age {background:#0074bd;}
.guest_table td .auto_age_box dt {background:#ededed; text-align:center; color:#969696; font-size:11px; letter-spacing:-1px; padding:12px 0; overflow:hidden; margin:0}
.guest_table td .auto_age_box dt strong {font-weight:400; color:#007ecd; display:block; font-size:15px; margin-bottom:5px}
.guest_table td .auto_age_box dd {border-top:1px solid #d8d8d8; overflow:hidden; padding:10px;}
.guest_table td .auto_age_box .txt {color:#000; font-size:11px; height:30px; line-height:32px; float:left; letter-spacing:-1px; margin-right:20px; font-weight:600;}
.guest_table td .auto_age_box .select_design {float:left; margin-right:5px; height:30px;}
.guest_table td .auto_age_box .result_age {background:transparent url('/pages/images/combo/ic_arrow.gif') left center no-repeat; overflow:hidden; padding-left:15px; margin-left:5px; float:left;}
.guest_table td .auto_age_box .unit_next {color:#7f7f7f; font-size:11px; height:30px; line-height:32px; float:left; letter-spacing:-1px; margin-left:3px}
.guest_table td .auto_age_box .btn_box {border-top:1px solid #d8d8d8; overflow:hidden; padding:15px 0; text-align:center;}
.guest_table td .auto_age_box .btn_box ul {display:inline-block}
.guest_table td .auto_age_box .btn_box li {display:inline-block; list-style:none; float:left;}
.guest_table td .auto_age_box .btn_box a {letter-spacing:-1px; color:#fff; height:30px; line-height:30px; display:block; padding:0 20px; margin-left:1px}
.guest_table td .auto_age_box .age_btn_ok {background:#4ba6df;}
.guest_table td .auto_age_box .age_btn_ok:hover {background:#0074bd;}
.guest_table td .auto_age_box .age_btn_no {background:#c2c2c2;}
.guest_table td .auto_age_box .age_btn_no:hover {background:#666;}

.guest_table td {clear:both; padding:30px 0}
.guest_table td select {height:100%; border:1px solid #c4c4c4; width:100%; color:#333;}
.guest_table td select:focus {border:1px solid #333;}
.guest_table td .select_design {height:35px; }
.guest_table td .select_design.fc_red select {color:#ff0000;}
.guest_table td .select_design.fc_blue select {color:#0078ff;}
.guest_table td input.input_design {background: #fff; border: 1px solid #c4c4c4; height: 28px; line-height: 30px; width: 15px; padding: 0 10px; float: left; text-align: right; color: #000; font-weight: 600; background: #d5d5d5!important; }
.guest_table td .input_guest {float:none; width:90%; box-sizing: border-box; margin: 0 auto;}
.guest_table td .js_pic_day {text-align: center;}
.guest_table td .label_wrap {margin: 0 auto;}
/* SSJ : 프로그램 기능강화 : 2020-03-30 - CSS 추가 */


/* // JJC : 바로구매 : 2020-07-11 */
.direct_buy_btn { margin-bottom:5px; height: 45px; line-height: 45px; width: 500px; text-align: center; font-size:14px;}
.direct_buy_btn.color {background:#cd3726 !important; border-color:#cd3726 !important; color:#fff !important;  }
a.direct_buy_btn.color:hover {background:#cb1500 !important; border-color:#cb1500 !important; }


/* SSJ : 호텔개선v2 : 2021-10-26 */
.gph_filter .bar_range .handle.max {margin-left:0 !important;}

/* LCY : 2023-09-06 : PC 퀵메뉴 환율숨김처리  */
.fly_right .exchange{ display:none; }





/* 날씨 추가 :: 2023-08-28 KHY ======================================== */
:root {--root_main_color:#a3459b;} /* 사이트별 포인트색상 변경 */

.add_Weather {position:absolute; left:380px; top:0; height:45px; z-index:10; display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.add_Weather * {font-family:'Heebo', Noto Sans CJK KR, 'Noto';}
.add_Weather .icon {}
.add_Weather .icon .wi {font-size:22px; color:var(--root_main_color);}
.add_Weather .temperature {line-height:1; display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; white-space:nowrap; margin-left:5px; margin-top:5px; color:var(--root_main_color);}
.add_Weather .temperature strong {font-size:24px; color:inherit; font-weight:500;}
.add_Weather .temperature em {font-size:27px; color:inherit; font-weight:700;}
.add_Weather .arrow {width:20px; height:20px; background:transparent url('../images/customize/weather_arrow.svg') center no-repeat; background-size:12px 7px !important;}
.add_Weather .arrow {transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}

/* 날씨 열림(레이어) */
.add_Weather_layer {position:absolute; left:50%; top:85px; background:#fff; border-radius:20px; box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.3); margin-left:-350px; z-index:100;}
.add_Weather_layer {padding:50px 60px; box-sizing:border-box; width:700px; display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; gap:40px;}
.add_Weather_layer {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); visibility:hidden; transform:translateY(30px); transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.add_Weather_layer * {font-family:'Heebo', Noto Sans CJK KR, 'Noto';}

.add_Weather_layer .btn_close {position:absolute; right:10px; top:10px; width:42px; height:42px; background:transparent url('../images/customize/weather_close.svg') center center no-repeat;}
.add_Weather_layer .btn_close {background-size:12px !important; z-index:10;}
.add_Weather_layer .today {width:280px; border-radius:20px; box-sizing:border-box; padding:20px 0; text-align:center; border:1px solid var(--root_main_color);}
.add_Weather_layer .date_info {}
.add_Weather_layer .date_info .date {font-size:19px; color:#000; font-weight:300; letter-spacing:-0.6px;}
.add_Weather_layer .date_info .time {display:flex; flex-direction:column; justify-content:flex-start; align-items:center; margin-top:5px; line-height:1;}
.add_Weather_layer .date_info .time strong {font-size:18px; color:#000; font-weight:700;}
.add_Weather_layer .date_info .time .local {font-size:12px; color:#a7a9b2; letter-spacing:-0.4px; margin-top:5px; padding-left:15px; box-sizing:border-box;}
.add_Weather_layer .date_info .time .local {background:transparent url('../images/customize/weather_time.svg') left center no-repeat; background-size:12px !important;}
.add_Weather_layer .current {margin-top:30px;display:flex; flex-direction:column; justify-content:flex-start; align-items:center;}
.add_Weather_layer .current .icon .wi {font-size:64px; color:var(--root_main_color);}
.add_Weather_layer .current .condition {font-size:15px; color:#000; font-weight:700; margin-top:20px; position:relative; padding:0 5px; box-sizing:border-box; line-height:1;}
.add_Weather_layer .current .condition:before {content:''; position:absolute; left:0; bottom:-1px; width:100%; height:8px; border-radius:100px; z-index:-1;}
.add_Weather_layer .current .condition:before {opacity:0.3; filter:alpha(opacity=30); -ms-filter:alpha(opacity=30); background:var(--root_main_color);}
.add_Weather_layer .current .temperature {line-height:1; margin-top:25px; position:relative; color:var(--root_main_color);}
.add_Weather_layer .current .temperature strong {font-size:70px; font-weight:500;}
.add_Weather_layer .current .temperature em {position:absolute; right:-20px; top:4px; font-size:50px; font-weight:700;}
.add_Weather_layer .range {display:flex; flex-direction:row; justify-content:center; align-items:center; margin-top:10px; line-height:1;}
.add_Weather_layer .range .temperature {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; color:var(--root_main_color);}
.add_Weather_layer .range .temperature em {font-size:12px; font-weight:500;}
.add_Weather_layer .range .temperature strong {font-size:18px; font-weight:500; margin-left:3px; line-height:1;}
.add_Weather_layer .range .temperature.type_low {color:#ff2e2e;}
.add_Weather_layer .range .temperature.type_high {color:#3b69ff;}
.add_Weather_layer .range .split {font-size:17px; color:#ccc; margin:0 5px;}

.add_Weather_layer .weather_list {flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;}
.add_Weather_layer .weather_list ul {flex:1; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; border-top:1px solid #e6e9f1; box-sizing:border-box;}
.add_Weather_layer .weather_list li {flex:1; border-bottom:1px solid #e6e9f1; box-sizing:border-box; display:flex; flex-direction:column; justify-content:center; align-items:stretch;}
.add_Weather_layer .one_weather {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.add_Weather_layer .one_weather .week {font-size:13px; color:#000; font-weight:800; width:30px; text-align:left;}
.add_Weather_layer .one_weather .date {margin-left:10px; font-size:13px; color:#3c4156;}
.add_Weather_layer .one_weather .condition {margin-left:auto; display:flex; flex-direction:row; justify-content:flex-end; align-items:center;}
.add_Weather_layer .one_weather .temperature {font-size:19px; color:#000; font-weight:500;}
.add_Weather_layer .one_weather .temperature em:before {content:"/"; margin-right:2px;}
.add_Weather_layer .one_weather .temperature em {font-size:0.7em; margin-left:2px; opacity:0.4; filter:alpha(opacity=40); -ms-filter:alpha(opacity=40);}
.add_Weather_layer .one_weather .icon {width:50px; height:50px; display:flex; flex-direction:column; justify-content:center; align-items:center; margin-left:5px;}
.add_Weather_layer .one_weather .icon .wi {font-size:22px; color:var(--root_main_color);}

.if_open_weather .add_Weather .arrow {transform:rotate(180deg);}
.if_open_weather .add_Weather_layer {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); visibility:visible; transform:translateY(0);}


/* 셀렉트박스를 라벨로 수정 :: 2023-09-14 ARA ========================================= */
.add_Pickup_label {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:15px}
.add_Pickup_label label {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; height:30px;}
.add_Pickup_label label input {position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
.add_Pickup_label .tx {position:relative; font-weight:500; padding-left:22px;}
.add_Pickup_label .tx:before {content:""; width:18px; height:18px; position:absolute; left:0; top:0; background:#ddd url('../images/customize/pickup_check.svg') center center no-repeat; background-size:8px; border-radius:100px;}
.add_Pickup_label label input:checked+ .tx {color:var(--root_main_color);}
.add_Pickup_label label input:checked+ .tx:before {background-color:var(--root_main_color);}



/* SNS로그인 수정 :: 2023-08-28 ARA ========================================= */
.add_Otherlink {margin-top:10px;}
.add_Otherlink ul {display:flex; justify-content:center; align-items:center; flex-direction:row}
.add_Otherlink li {position:relative; list-style:none;}
.add_Otherlink li+ li:before {content:""; width:3px; height:3px; border-radius:100px; background:#ccc; position:absolute; left:-1px; top:50%; transform:translateY(-50%);}
.add_Otherlink .btn_link {color:#; font-size:14px; letter-spacing:-1px; padding:5px 15px;}
.add_Otherlink .btn_link:hover {color:#000; text-decoration:underline;}

.add_Snslogin {width:450px; margin:0 auto; padding-top:25px; display:flex; justify-content:center; align-items:stretch; flex-direction:column; gap:10px}
.add_Snslogin .or {display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative; margin-bottom:10px;}
.add_Snslogin .or strong {background:#fff; color:#000; padding:0 20px; font-size:14px; position:relative;}
.add_Snslogin .or:before {content:""; width:100%; height:1px; background:#000; position:absolute; left:0; top:50%;}
.add_Snslogin .btn_sns {display:flex; justify-content:center; align-items:center; flex-direction:row; height:50px; border-radius:5px; border:1px solid #d5dae6; background:#fff; box-sizing:border-box; position:relative;}
.add_Snslogin .btn_sns {transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; padding:0 15px;}
.add_Snslogin .btn_sns .logo {height:48px; width:50px; background-repeat:no-repeat !important; background-position:center center !important; position:absolute; left:0; top:0;}
.add_Snslogin .btn_sns strong {flex:1; text-align:center; font-size:14px; color:#fff; font-weight:500; letter-spacing:-0.5px;}
.add_Snslogin .btn_sns.naver {background:#03c75a; border-color:#03c75a;}
.add_Snslogin .btn_sns.naver .logo {background-image:url('../images/customize/sns_naver.svg'); background-size:18px;}
.add_Snslogin .btn_sns.kakao {background:#fae100; border-color:#fae100;}
.add_Snslogin .btn_sns.kakao .logo {background-image:url('../images/customize/sns_kakao.svg'); background-size:24px;}
.add_Snslogin .btn_sns.kakao strong {color:#3e2723;}
.add_Snslogin .btn_sns.google {}
.add_Snslogin .btn_sns.google .logo {background-image:url('../images/customize/sns_google.svg');  background-size:22px !important;}
.add_Snslogin .btn_sns.google strong {color:#000;}
.add_Snslogin .btn_sns.facebook {background:#1b74e4; border-color:#1b74e4;}
.add_Snslogin .btn_sns.facebook .logo {background-image:url('../images/customize/sns_facebook.svg'); background-size:22px !important;}
.add_Snslogin .btn_sns:hover {box-shadow:5px 5px 10px rgba(0,0,0,0.3);}

.add_Snslogin.this_join {width:100%; flex-direction:row; margin-top:20px;}
.add_Snslogin.this_join .btn_sns {width:160px; justify-content:flex-end;}
.add_Snslogin.this_join .btn_sns strong {font-size:13px; text-align:right}
.add_Snslogin.this_join .btn_sns .logo {background-size:auto 20px !important;}


/* 기존수정 */
.cm_member_login .btn_login { background:var(--root_main_color) !important;}
.cm_member_login .btn_login.nomember {color:var(--root_main_color); border:1px solid var(--root_main_color);;}

.form_TB .add_Snslogin {padding-top:0px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; flex-wrap:wrap; width:auto;}
.form_TB .add_Snslogin .btn_sns {filter:grayscale(100%);-webkit-filter:grayscale(100%); height:35px; justify-content:flex-start; padding:0 10px; gap:5px}
.form_TB .add_Snslogin .btn_sns strong {font-size:12px;}
.form_TB .add_Snslogin .btn_sns .logo {height:28px; width:13px; background-size:13px !important; position:relative;}
.form_TB .add_Snslogin .btn_sns.hit {filter:grayscale(0);-webkit-filter:grayscale(0);}

.cm_member_login {padding:30px; border:0;}
.cm_member_login .title_box {font-size:25px; text-align:center;}
.cm_member_login .form_box {width:450px;}
.cm_member_login .form_box .save_id {font-size:13px; overflow:hidden; margin-bottom:15px;}
.cm_member_login .form_box li {margin:0px;}
.cm_member_login .form_box li+ li {margin-top:-1px;}
.cm_member_login .form_box .input_design {background-color:#fff; background-size:15px !important; font-size:15px; height:55px;}
.cm_member_login .btn_login {position:static; width:100%; height:60px; border-radius:5px; font-size:17px;}
.cm_member_login .btn_login {display:flex; justify-content:center; align-items:center; flex-direction:column; box-sizing:border-box;}
.cm_member_login .btn_login.nomember {margin-top:10px; background:#fff !important; font-size:15px;}



/* JJC : 2024-01-01 : 렌트카 - 옵션상품 추가개발 (제주도플레이 적용 불가) */
.select select option:disabled {text-shadow:1px 1px #fff; color:#999;}



/* 챗봇추가작업 :: 2024-03-14 ARA ========================================= */
.view_btn.with_row {display:flex; justify-content:space-between; align-items:flex-end; flex-direction:row; flex-wrap:wrap;}
.view_btn.with_row ul {width:100%;}
.view_btn.with_row .add_Chatbot_btn {margin-left:10px;}

:root {
    --color-Chatbot:#a3459b;
}

.add_Chatbot_btn {margin-bottom:15px; position:relative; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.add_Chatbot_btn .tie_circle {width:66px; height:66px; border-radius:100px; overflow:hidden; box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2); position:relative;}
.add_Chatbot_btn .picto {width:66px; height:66px; border-radius:100px; display:flex; justify-content:center; align-items:center; flex-direction:column; position:relative;}
.add_Chatbot_btn .picto {background:var(--color-Chatbot) url('../images/chatbot/picto_chatbot.svg') center 16px no-repeat;}
.add_Chatbot_btn .picto:before {content:""; width:5px; height:5px; background:#1e1e33; position:absolute; left:25px; top:29px; transform-origin:left top}
.add_Chatbot_btn .picto:after {content:""; width:5px; height:5px; background:#1e1e33; position:absolute; right:25px; top:29px; transform-origin:left top}
.add_Chatbot_btn .bubble {position:absolute; right:-12px; top:-8px; background:transparent url('../images/chatbot/ic_chat_bubble.svg') center center no-repeat; width:26px; height:26px; background-size:100%;}
.add_Chatbot_btn .bubble {display:flex; justify-content:center; align-items:center; flex-direction:column; color:#fff; font-weight:500; font-size:12px;}

.add_Chatbot_btn {animation:mv_chatbot_btn 0.8s infinite; -webkit-animation:mv_chatbot_btn 0.8s infinite; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.add_Chatbot_btn .bubble {animation:mv_chatbot_bubble 0.8s infinite; -webkit-animation:mv_chatbot_bubble 0.8s infinite; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.add_Chatbot_btn .picto:before {animation:mv_chatbot_eye 1.6s infinite; -webkit-animation:mv_chatbot_eye 1.6s infinite; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;}
.add_Chatbot_btn .picto:after {animation:mv_chatbot_eye 1.6s infinite; -webkit-animation:mv_chatbot_eye 1.6s infinite; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}

/* 공통노출 */
.add_Chatbot_btn.type_common {position:fixed; right:100px; bottom:100px; margin:0px; z-index:10000; border:2px solid var(--color-Chatbot); box-sizing:border-box; border-radius:100px;}
.add_Chatbot_btn.type_common {backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); background-color:rgba(255, 255, 255, 0.9); box-shadow:5px 5px 10px rgba(0,0,0,0.1);}
.add_Chatbot_btn.type_common {display:flex; justify-content:center; align-items:center; flex-direction:row; padding:6px;}
.add_Chatbot_btn.type_common .tie_circle {box-shadow:none}
.add_Chatbot_btn.type_common .bubble {width:32px; height:32px; font-size:15px;}
.add_Chatbot_btn.type_common .tx {color:#000; font-weight:500; font-size:21px; margin:0 12px; letter-spacing:-1px;}

.add_Chatbot_btn.if_open {transform:translateY(100px);}


@-webkit-keyframes mv_chatbot_btn {
    0% {transform:translateY(0);}
    50% {transform:translateY(-6px);}
	100% {transform:translateY(0);}
}
@keyframes mv_chatbot_btn {
    0% {transform:translateY(0);}
    50% {transform:translateY(-6px);}
	100% {transform:translateY(0);}
}

/* @-webkit-keyframes mv_chatbot_bubble {
    0% {transform:scale(1.0); -webkit-transform:scale(1.0);}
    10% {transform:scale(0.7); -webkit-transform:scale(0.7);}
	30% {transform:scale(1.1); -webkit-transform:scale(1.1);}
	60% {transform:scale(1.0); -webkit-transform:scale(1.0);}
	100% {transform:scale(1.0); -webkit-transform:scale(1.0);}
}
@keyframes mv_chatbot_bubble {
    0% {transform:scale(1.0); -webkit-transform:scale(1.0);}
    10% {transform:scale(0.7); -webkit-transform:scale(0.7);}
	30% {transform:scale(1.1); -webkit-transform:scale(1.1);}
	60% {transform:scale(1.0); -webkit-transform:scale(1.0);}
	100% {transform:scale(1.0); -webkit-transform:scale(1.0);}
} */

@-webkit-keyframes mv_chatbot_eye {
    0% {transform:scale(1,0); -webkit-transform:scale(1,0);}
	20% {transform:scale(1,0); -webkit-transform:scale(1,0);}
	30% {transform:scale(1,1); -webkit-transform:scale(1,1);}
    40% {transform:scale(1,0); -webkit-transform:scale(1,0);}
    100% {transform:scale(1,0); -webkit-transform:scale(1,0);}
}
@keyframes mv_chatbot_eye {
    0% {transform:scale(1,0); -webkit-transform:scale(1,0);}
	20% {transform:scale(1,0); -webkit-transform:scale(1,0);}
	30% {transform:scale(1,1); -webkit-transform:scale(1,1);}
    40% {transform:scale(1,0); -webkit-transform:scale(1,0);}
    100% {transform:scale(1,0); -webkit-transform:scale(1,0);}
}

.add_Chatbot {position:fixed; right:0; bottom:0; z-index:100000; padding:0 50px 50px 0; box-sizing:border-box; max-height:100%; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column;}
.add_Chatbot {transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; transform:translateX(500px);}
.add_Chatbot * {font-family:"SUITE";}
.add_Chatbot .wrapping {overflow:hidden; display:flex; justify-content:stretch; align-items:stretch; flex-direction:column; background:var(--color-Chatbot); box-sizing:border-box;}
.add_Chatbot .wrapping {box-shadow:10px 10px 50px 0 rgba(5, 9, 32, 0.3); border-radius:30px 30px 10px 10px; height:720px; width:400px;}

.add_Chatbot .site_name {flex:none; border-radius:30px 30px 0 0; height:60px; padding:0 15px; display:flex; justify-content:space-between; align-items:center; flex-direction:row;}
.add_Chatbot .site_name strong {color:#fff; font-size:18px; font-weight:600; margin-left:5px;}
.add_Chatbot .site_name .btn_out {width:33px; height:30px; background:transparent url('../images/chatbot/chat_close.svg') center center no-repeat; background-size:13px;}

.add_Chatbot .chatting {overflow-y:auto; flex:1; background:#fff; border-radius:0 40px 0 0; padding:0 20px 40px !important; box-sizing:border-box !important;}
.add_Chatbot .chatting::-webkit-scrollbar {width:6px !important;}
.add_Chatbot .chatting::-webkit-scrollbar-thumb {background-color:#e5e5e5 !important; border-radius:100px;}
.add_Chatbot .chatting::-webkit-scrollbar-track {background-color:transparent !important;}
.add_Chatbot .chatting:hover::-webkit-scrollbar-thumb {background:#222 !important;}
.add_Chatbot .chatting .day {text-align:center; color:var(--color-Chatbot); font-size:11px; font-weight:600; margin:20px 0;}
.add_Chatbot .chatting li {display:flex; align-items:flex-start; flex-direction:row; gap:5px}
.add_Chatbot .chatting li+ li {margin-top:20px;}
.add_Chatbot .chatting .profile {background:var(--color-Chatbot) url('../images/chatbot/picto_chatbot.svg') center center no-repeat; width:30px; height:30px; background-size:20px; border-radius:100px; flex:none; }
.add_Chatbot .chatting .chat {padding:15px; font-size:13px; line-height:1.4; word-wrap:break-word; word-break:keep-all; white-space:normal}
.add_Chatbot .chatting .chat img {mix-blend-mode:multiply; height:60px; display:block; margin-bottom:10px;}
.add_Chatbot .chatting .time {margin-top:auto; font-size:10px; color:#bbb; flex:none; font-weight:500;}
.add_Chatbot .chatting li.iam_bot {justify-content:flex-start; padding-right:20px;}
.add_Chatbot .chatting li.iam_bot .chat {border-radius:5px 20px 5px 20px; background:#ebf3ff; color:#1a1b1e; font-weight:700;}
.add_Chatbot .chatting li.iam_bot .chat a {display:inline; text-decoration:underline;}
.add_Chatbot .chatting li.iam_user {justify-content:flex-end; padding-left:20px;}
.add_Chatbot .chatting li.iam_user .chat {background:#1a1b1e; color:#fff; border-radius:20px 20px 20px 5px;  font-weight:600;}
.add_Chatbot .chatting .roading {width:70px; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:5px;}
.add_Chatbot .chatting .roading .dot {width:6px; height:6px; border-radius:100px; background:#1a1b1e; opacity:0.2; filter:alpha(opacity=20); -ms-filter:alpha(opacity=20);}
.add_Chatbot .chatting .roading .dot {animation:mv_chatbot_roading 0.8s infinite; -webkit-animation:mv_chatbot_roading 0.8s infinite; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}
.add_Chatbot .chatting .roading .dot2 {animation-delay:0.2s; -webkit-animation-delay:0.2s; }
.add_Chatbot .chatting .roading .dot3 {animation-delay:0.4s; -webkit-animation-delay:0.4s; }

.add_Chatbot .chat_item {position:sticky; top:0; box-sizing:border-box; padding:10px; padding-bottom:0px; z-index:10; margin:0 -20px; border-radius:0 40px 0 0;}
.add_Chatbot .chat_item {backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); background-color:rgba(255, 255, 255, 0.8);}
.add_Chatbot .chat_item .tie {border:1px solid #eee; box-shadow:5px 5px 10px rgba(0,0,0,0.05); border-radius:10px 30px 10px 10px; display:flex; justify-content:flex-start; align-items:stretch; flex-direction:row;}
.add_Chatbot .chat_item .tie {padding:10px; position:relative; background:#fff;}
.add_Chatbot .chat_item .thumb {overflow:hidden; font-size:0px; flex:noen; border-radius:5px; margin-right:10px; width:55px;}
.add_Chatbot .chat_item .thumb img {width:100%; height:100%; object-fit:cover}
.add_Chatbot .chat_item dl {flex:1}
.add_Chatbot .chat_item dt {color:#000; font-weight:700; font-size:15px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; padding-right:15px;}
.add_Chatbot .chat_item dd {font-size:13px; margin-top:3px; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:3px}
.add_Chatbot .chat_item dd strong {color:#ff0b0b; font-weight:800;}
.add_Chatbot .chat_item dd em {color:#000; font-weight:800;}
.add_Chatbot .chat_item dd.subtext {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; color:#888; font-size:12px;}
.add_Chatbot .chat_item .btn_fold {position:absolute; right:15px; top:8px; background:transparent url('../images/chatbot/ic_item_close.svg') center center no-repeat; width:20px; height:20px; background-size:10px; z-index:10}
.add_Chatbot .chat_item.if_fold {display:none;}

@-webkit-keyframes mv_chatbot_roading {
    0% {opacity:0.2; filter:alpha(opacity=20); -ms-filter:alpha(opacity=20); transform:translateY(0);}
    30% {opacity:0.6; filter:alpha(opacity=60); -ms-filter:alpha(opacity=60); transform:translateY(2px);}
	60% {opacity:0.6; filter:alpha(opacity=60); -ms-filter:alpha(opacity=60); transform:translateY(-2px);}
	100% {opacity:0.2; filter:alpha(opacity=20); -ms-filter:alpha(opacity=20); transform:translateY(0);}
}
@keyframes mv_chatbot_roading {
    0% {opacity:0.2; filter:alpha(opacity=20); -ms-filter:alpha(opacity=20); transform:translateY(0);}
    30% {opacity:0.6; filter:alpha(opacity=60); -ms-filter:alpha(opacity=60); transform:translateY(2px);}
	60% {opacity:0.6; filter:alpha(opacity=60); -ms-filter:alpha(opacity=60); transform:translateY(-2px);}
	100% {opacity:0.2; filter:alpha(opacity=20); -ms-filter:alpha(opacity=20); transform:translateY(0);}
}

.add_Chatbot .send_form {flex:none; background:#fff; position:relative; border-top:0.8px solid rgba(5,9,32,0.1);}
.add_Chatbot .send_form .input_send {height:70px; width:100%; box-sizing:border-box; padding:0 60px 0 20px; font-size:16px; color:#1e1e33 !important; font-weight:700;}
.add_Chatbot .send_form .input_send:focus {background:#EEF4F8;}
.add_Chatbot .send_form .btn_send {position:absolute; right:10px; top:50%; height:50px; width:44px; transform:translateY(-50%); display:flex; justify-content:center; align-items:center; flex-direction:column;}
.add_Chatbot .send_form .btn_send svg {width:24px; height:24px; fill:var(--color-Chatbot);}
.add_Chatbot .send_form .btn_send.if_before {filter:grayscale(100%);-webkit-filter:grayscale(100%); opacity:0.3; filter:alpha(opacity=30); -ms-filter:alpha(opacity=30);}

.add_Chatbot .chatting li.if_show {animation:mv_chatbot_show 0.4s ease-in-out; -webkit-animation:mv_chatbot_show 0.4s ease-in-out; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}

@-webkit-keyframes mv_chatbot_show {
    0% {transform:translateY(10px); opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
    100% {transform:translateY(0); opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
}
@keyframes mv_chatbot_show {
    0% {transform:translateY(10px); opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}
    100% {transform:translateY(0); opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
}

@media screen and (max-height:650px) {
	.add_Chatbot .wrapping {height:100%;}
}

html.if_open_chatbot .add_Chatbot {transform:translateX(0);}


/* 호텔상픔일때 */
.gpv_wrap .add_Chatbot_btn {margin-top:30px; display:inline-block;}
.gpv_wrap .add_Chatbot .chatting.scroll-wrapper {padding:0 !important; border-radius:0px !important; background:transparent !important; overflow:hidden;}
.gpv_wrap .add_Chatbot .chatting.scroll-content {max-height:100% !important; box-sizing:border-box !important;}
.gpv_wrap .add_Chatbot .scroll-element {display:none !important;}


/* 상품공지 수정 :: 2024-06-14 ARA */
.gpv_news .news_wrap {padding:12px !important; justify-content:stretch !important; display:block !important;}
.gpv_news .js_editor_wrap {height:auto !important;}
.gpv_news .cont {background-image:none !important; padding:0px !important; text-overflow:none !important; display:block !important}
.gpv_news .btn_more {display:none !important;}
.editor img {vertical-align:bottom;} /* 이미지공백제거 */



/* 콤보상품 UI변경 :: 2024-08-21 ARA ========================================= */
.combo_item_name {font-weight:600; font-size:19px; color:var(--root_main_color); line-height:1.4; padding-bottom:10px; padding-right:170px; margin-top:10px;}
.combo_item_name strong {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; letter-spacing:-1.2px; }

.view_top .view_price.type_combo {margin-top:20px;}
.view_top .view_price.type_combo .price_box {text-align:left;}
.view_top .view_price.type_combo .price_box * {font-size:25px !important; font-family:"Heebo"; line-height:1; height:auto; padding:0px !important;}
.view_top .view_price.type_combo .price_box .before {margin-right:0px; padding:0px;}
.view_top .view_price.type_combo .price_box .before:before {margin-top:-2px;}
.view_top .view_price.type_combo .price_box .after {margin-left:10px;}

.view_top .view_default.type_combo {display:block; position:relative; padding-bottom:15px;}
.view_top .view_default.type_combo dl {display:flex; justify-content:center; align-items:center; flex-direction:row; border:0 !important;}
.view_top .view_default.type_combo dt {width:80px; padding:0px; color:#000;}
.view_top .view_default.type_combo dd {padding:0px; padding-top:5px; flex:1; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:5px}
.view_top .view_default.type_combo .tit:before {display:none;}
.view_top .view_default.type_combo .tit {padding:0px; font-weight:500; font-size:12px;}

.view_top .view_default.type_combo .select {margin:0px; flex:1;}
.view_top .view_default.type_combo .select select {padding-left:10px;}
.view_top .view_default.type_combo .calendar_box {width:100%; margin:0px;}
.view_top .view_default.type_combo ul {flex:1; margin:0px;}
.view_top .view_default.type_combo li {float:none; width:100%;}
.view_top .view_default.type_combo .view_calendar_box {left:auto; right:0; width:100%; box-sizing:border-box;}

.view_top .view_default.type_combo dl:first-of-type {position:absolute; right:0; top:-5px; z-index:3; width:150px;}
.view_top .view_default.type_combo dl:first-of-type dt {display:none;}

.view_top .view_default.type_combo .calendar_box .shape {background-color:transparent !important; left:auto; right:0; border:0; top:0}
.view_top .view_default.type_combo .calendar_box .input_date {padding-left:10px}
.view_top .view_default.type_combo .calendar_box.hover .shape {display:none;}
.view_top .view_default.type_combo .calendar_box.selected .shape {background-image:url('../images/new2017/view_calendar.png');}

.view_top .view_option.result .opt_box.this_before .opt {text-align:center; padding-left:10px;}
.view_top .view_option.result .opt_box.this_before .opt_txt {font-weight:400; padding:0px; float:none}

.view_top .view_option.type_combo {padding:0px;}
.view_top .view_option.type_combo ul {display:flex; justify-content:stretch; align-items:stretch; flex-direction:row; padding:0px;}
.view_top .view_option.type_combo li {flex:1; display:block; padding:10px; border-top:0 !important;}
.view_top .view_option.type_combo li+ li {border-left:1px dashed #ccc;}
.view_top .view_option.type_combo li.if_none {pointer-events:none;}
.view_top .view_option.type_combo li.if_none .opt_box {opacity:0.3;}

.view_top .view_option.type_combo .opt_box {display:flex; justify-content:stretch; align-items:center; flex-direction:column}
.view_top .view_option.type_combo .opt_box * {float:none; }
.view_top .view_option.type_combo .opt_box > div {display:block; padding:0px;}
.view_top .view_option.type_combo .delete {display:none !important;}
.view_top .view_option.type_combo .opt_txt {padding:0px; font-size:13px; font-weight:500; color:#000;}
.view_top .view_option.type_combo .price_box {width:95px !important; margin-top:8px;}
.view_top .view_option.type_combo .price_box * {font-weight:600; font-size:15px;}
.view_top .view_option.type_combo .opt {flex:1}
.view_top .view_option.type_combo .counter {margin-top:6px;}

.view_top .view_option.type_single {border:1px solid rgba(11,162,255,0.2); margin-bottom:30px; border-radius:10px;}
.view_top .view_option.type_single li {border-color:rgba(11,162,255,0.3) !important;}
.view_top .view_option.type_comb {border:2px solid #000; border-bottom:0; background:#fff; margin-top:20px;}




/* 콤보상품 장바구니 수정 :: 2024-08-28 ARA ========================================= */
.p_Combo_cart {text-align:left; margin-left:100px; position:relative; display:flex; justify-content:center; align-items:flex-start; flex-direction:row; border:1px solid #e6e6e6; background:#fff;}
.p_Combo_cart:before {content:""; width:50px; height:100%; position:absolute; left:-50px; top:0; background:transparent url('../images/combo/ic_combo_order.png') left center no-repeat; }
.p_Combo_cart dl {background:#fff; overflow:hidden; position:relative; flex:1; border-left:1px solid #ddd;}
.p_Combo_cart dt {color:#000; font-weight:600; font-size:14px; letter-spacing:-1px; padding:10px; background:#f2f2f2; padding-right:130px; box-sizing:border-box;}
.p_Combo_cart dd {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; flex-wrap:wrap; padding:10px; gap:5px 15px;}
.p_Combo_cart .thumb {font-size:0px; padding:10px;}
.p_Combo_cart .thumb img {width:60px !important; height:auto !important;}
.p_Combo_cart .option_value {display:flex; justify-content:flex-start; align-items:center; flex-direction:row; flex-wrap:wrap; gap:10px; line-height:1; gap:3px}
.p_Combo_cart .txt_value {color:#333; letter-spacing:-0.5px; position:relative;}
.p_Combo_cart .date_value {font-size:11px; letter-spacing:-0.5px; color:var(--root_main_color); border:1px solid var(--root_main_color); padding:3px 5px; text-align:center; border-radius:100px; background:#fff;}
.p_Combo_cart .date_value {position:absolute; right:8px; top:7px; display:none;}
.p_Combo_cart .date_value.rent {width:160px !important;}
.p_Combo_cart .date_value strong {letter-spacing:0px;}
.p_Combo_cart .txt_value.mount {color:#999;}
.p_Combo_cart .line_division {width:100%; border-top:1px dashed #ddd;}

.p_Combo_cart .option_value:first-of-type .date_value {display:block;}
.p_Combo_cart .option_value.ui_count {gap:0}
.p_Combo_cart .option_value.ui_count:before {content:""; width:1px; height:10px; display:inline-block; background:#ccc; margin-right:15px; margin-top:2px;}
.p_Combo_cart .option_value.ui_original .txt_value:nth-of-type(1) {font-size:13px; font-weight:500; color:var(--root_main_color); margin-right:15px;}
.p_Combo_cart .option_value.ui_original+ .option_value.ui_original .txt_value:nth-of-type(1) {display:none;}





/* CTM-504233 : ARA -- QR쿠폰형 ========================================= */
.add_QRCoupon {position:relative;}
.add_QRCoupon * {color:#000;}
.add_QRCoupon .card_bg {}
.add_QRCoupon .card_bg img {display:block; width:100%;}
.add_QRCoupon .qr_code {width:260px; display:flex; justify-content:center; align-items:stretch; flex-direction:column; position:absolute; left:20px; top:50%; height:calc(100% - 40px); transform:translateY(-50%);}
.add_QRCoupon .qr_code {flex:none; }
.add_QRCoupon .qr_code .code {flex:1; display:flex; justify-content:center; align-items:center; flex-direction:column; box-sizing:border-box;}
.add_QRCoupon .qr_code .code img {display:block; max-height:100%; width:100px;}
.add_QRCoupon .qr_code .code+ .code {border-top:1px solid rgba(0,0,0,0.05);}
.add_QRCoupon .qr_code .tie {background:#fff; padding:5px; border-radius:5px;}
.add_QRCoupon .qr_code .benefit {margin-top:5px; font-size:14px; line-height:1; font-weight:500;}
.add_QRCoupon .qr_code .code:only-of-type img {width:150px;}

/* 쿠폰목록에서 */
.sub_contents .add_QRCoupon .qr_code {width:140px; left:15px}
.sub_contents .add_QRCoupon .qr_code .benefit {font-size:12px;}
.sub_contents .add_QRCoupon .qr_code .code img {width:40px;}
.sub_contents .add_QRCoupon .qr_code .code:only-of-type img {width:80px;}