/* 공통 */
.mo_show {display:none;}
.select {position:relative; display:flex; align-items:center; height:43px; padding:0 12px; border-radius:6px; border:1px solid #EEE; background:#FFF;}
.select_mo {display:none;}
.select .selected {display:flex; gap:10px; align-items:center; padding-left:18px; background:url(../images/ic_location.svg)no-repeat 0 50%; cursor:pointer;}
.select .selected:after {content:''; display:inline-block; width:14px; height:14px; background:url(../images/ic_select.svg)no-repeat 100% 50%;}
.select .selected.on:after {transform:rotate(180deg)}
.select .items {display:none; position:absolute; left:0; top:41px; width:100%; border-radius:8px; border:1px solid #EEE; background:#fff; box-shadow:4px 4px 10px 0 rgba(0, 0, 0, 0.05);}
.select .items div {padding:10px; font-size:14px; color:#666;}
.flag {display:inline-block; padding:2px 6px; font-size:12px; line-height:1; border-radius:4px; background:#F9F9F9;}
.flag.ro {color:#9849AC}
.flag.fa {color:#4B8AC5}
.flag.di {color:#DBA861}
.mai_tit,.sub_tit {margin-bottom:40px;}
.mai_tit h2, .sub_tit h2 {font-size:42px; font-weight:600;}
.mai_tit p {color:#666; opacity:0.8;}
.sub_tit p {margin-top:10px; color:#666;}
.sub_layout {max-width:1280px; width:100%; min-height:calc(100vh - 546px); margin:0 auto 140px;}

/*헤더*/
header {position:fixed; left:0; top:0; width:100%; height:80px; background:rgba(255, 255, 255, 0.70); backdrop-filter:blur(10px); z-index:1;}
header .inn {display:flex; justify-content:space-between; align-items:center; height:100%; padding:0 60px;}
header h1, header h1 a {line-height:1;}
header nav {display:inline-flex;  align-items:center;}
header nav a {padding:0 20px;}
header nav .on {color:#BFA980;}
header .menu_srch {display:block; font-size:0; width:26px; height:26px; padding:0; background:url(../images/ic_search.svg)no-repeat 0 50%;}
header .menu_srch.on {background:url(../images/ic_search_on.svg)no-repeat 50% 50%;}
.mo_nav {display:none;}

/*푸터*/
footer {padding:40px 0 80px; background:#27272C;}
footer .inn {position:relative; max-width:1280px; width:100%; margin:0 auto;}
footer .logo img {width:185px;}
footer .info {margin:20px 0;}
footer .info > p {color:#FFF; font-size:14px; font-weight:600; margin-bottom:8px;}
footer .info ul {display:flex; gap:20px;}
footer .info li {display:flex; align-items:center; gap:4px;}
footer .info li * {color:#CCC; font-size:14px;}
footer .info li em {font-weight:600;}
footer .info li span {display:block; width:1px; height:10px; opacity:0.2; background:#FFF;}
footer .copyright {font-size:12px; color:#727278;}
footer .btn_top {position:absolute; right:0; top:0; width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:6px; background:#707079; box-shadow:4px 4px 20px 0px rgba(0, 0, 0, 0.10);}

/*메인비주얼*/
.mai_vi {overflow:hidden; position:relative; padding-top:80px; height:700px;}
.mai_vi .bg {position:absolute; max-height:100%; top:0; right:0; animation:scaleFadeIn 1.2s ease-out 1ms forwards;}
.mai_vi .inn {max-width:1280px; width:100%; margin:0 auto;}
.mai_vi .txt {margin-top:100px;}
.mai_vi .txt .lg {font-family:'Montserrat', sans-serif; font-size:80px; letter-spacing:-4px; animation:txtClip 1.2s ease-out 1ms forwards;}
.mai_vi .txt .sm {margin:36px 0 34px; font-size:18px; color:#666; opacity:0; animation:fadeIn 0.8s ease-out 1.4s forwards;}
.mai_vi .txt a {display:inline-block; line-height:46px; padding:0 30px; color:#FFF; border-radius:8px; background:#222; opacity:0; animation:fadeIn 0.8s ease-out 1.4s forwards;}

/* 첫 번째 버튼 (사용 가맹점 보기) */
.mai_vi .txt .btn-primary {
    background: #FFF;
    color:#000000;
    border: 1px solid #DDD;
}

/* 두 번째 버튼 (구입 안내) - 회색 테두리 추가 */
.mai_vi .txt .btn-secondary {
    color:#FFF;
    background: #000000;
}


@keyframes fadeIn {
    from {opacity:0;}
    to {opacity:1;}
}
@keyframes scaleFadeIn {
    from {opacity:0; scale:1.25;}
    to {opacity:1; scale:1;}
}
@keyframes txtClip {
    from {
        transform:translateY(100%);
        clip-path:polygon(0 0, 100% 0, 100% 0, 0 0);
    }
    to {
        transform:translateY(0);
        clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}

/*상품권 사용방법 안내 */
.mai_con1 {padding-top:100px;}
.mai_con1 .inn {max-width:1280px; width:100%; margin:0 auto;}
.mai_con1 .cont {display:flex; gap:80px;}
.mai_con1 .cont > div {flex-grow:1;}
.mai_con1 dl {display:flex; gap:14px; padding:30px; border-bottom:1px solid #EFEFEF;}
.mai_con1 dt {color:#CCC; font-size:21px; font-weight:600; line-height:1.2;}
.mai_con1 dd p {font-size:18px;}
.mai_con1 dd span {display:block; margin-top:4px; color:#999;}

/*프리미엄 호텔 통합 상품권 사용 가맹점 안내*/
.mai_con2 {padding:140px 0;}
.mai_con2 .inn {max-width:1280px; width:100%; margin:0 auto;}
.mai_con2 .filter {display:flex; border-bottom:1px solid #DDD; background:#fff;}
.mai_con2 .filter li {position:relative; width:100px; padding:58px 0 10px; text-align:center; color:#999; cursor:pointer;}
.mai_con2 .filter li.on {color:#BFA980; font-weight:600;}
.mai_con2 .filter li.on:After {content:""; position:absolute; left:0; bottom:-1px; width:100%; height:3px; background:#BFA980;}
.mai_con2 .filter li:nth-child(1) {background:url(../images/ic_all.svg)no-repeat 50% 0;}
.mai_con2 .filter li.on:nth-child(1) {background:url(../images/ic_all_on.svg)no-repeat 50% 0;}
.mai_con2 .filter li:nth-child(2) {background:url(../images/ic_room.svg)no-repeat 50% 0;}
.mai_con2 .filter li.on:nth-child(2) {background:url(../images/ic_room_on.svg)no-repeat 50% 0;}
.mai_con2 .filter li:nth-child(3) {background:url(../images/ic_facility.svg)no-repeat 50% 0;}
.mai_con2 .filter li.on:nth-child(3) {background:url(../images/ic_facility_on.svg)no-repeat 50% 0;}
.mai_con2 .filter li:nth-child(4) {background:url(../images/ic_dining.svg)no-repeat 50% 0;}
.mai_con2 .filter li.on:nth-child(4) {background:url(../images/ic_dining_on.svg)no-repeat 50% 0;}
.mai_con2 .filter li:nth-child(5) {background:url(../images/ic_global_hotel.svg)no-repeat 50% 0;}
.mai_con2 .filter li.on:nth-child(5) {background:url(../images/ic_global_hotel_on.svg)no-repeat 50% 0;}

.mai_con2 .list_top {display:flex; justify-content:space-between; align-items:center; width:100%; height:70px; margin-bottom:40px; padding:0 20px; background:#F4F4F4;}
.mai_con2 .list_top .num em {font-weight:600;}

/*호텔리스트*/
.hotel_lst {display:flex; flex-wrap:wrap; gap:60px 20px; width:100%;}
.hotel_lst li {width:calc((100% - 60px) / 4); display:flex; flex-direction:column; gap:12px; cursor:pointer;}
.hotel_lst .img {width: 100%; height: 207px; overflow:hidden; border-radius:16px; transition: box-shadow 0.3s ease;}
.hotel_lst .img img {width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease;}
.hotel_lst .img:hover img{height: 100%;transform: scale(1.1);}
.hotel_lst .info .name {font-weight:600; margin-bottom:6px;}
.hotel_lst .info .loca {padding-left:18px; color:#999; font-size:14px; background:url(../images/ic_location_line.svg)no-repeat 0 50%;}
.hotel_lst .flag_box {display:flex; gap:6px;}

/*PCM 프리미엄호텔 통합상품권 상세내용*/
.mai_con3 {background:#404047;}
.mai_con3 .inn {max-width:1280px; width:100%; margin:0 auto; padding:100px 0;}
.mai_con3 .mai_tit h2 {color:#fff;}
.mai_con3 .cont {display:flex; gap:80px;}
.mai_con3 .txt {position:relative; width:calc((100% - 80px) / 2);}
.mai_con3 .txt + .txt:before {content:""; position:absolute; left:-40px; top:0; width:1px; height:100%; background:rgba(255,255,255,0.1);}
.mai_con3 .txt ul {display:flex; flex-direction:column; gap:12px;}
.mai_con3 .txt li {position:relative; padding-left:6px; color:#ccc;}
.mai_con3 .txt li:before {content:''; position:absolute; left:0; top:9px; width:2px; height:2px; background:#ccc;}
.mai_con3 .txt li a {color:#ccc; text-decoration:underline;}
.mai_con3 .txt li p {color:#999;}
.mai_con3 .txt h3 {display:flex; gap:6px; margin-bottom:20px; font-size:28px; font-weight:600; color:#CCC;}

/*호텔 상세 팝업*/
.pop_wrap {display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:1;}
.pop_wrap .dim {width:100%; height:100%; background:rgba(0,0,0,0.5);}
.pop_wrap .pop {position:absolute; left:50%; transform:translateX(-50%); top:0; max-width:700px; width:100%; height:100vh; overflow:hidden; overflow-y:auto; scrollbar-width:none;}
.pop_wrap .pop::-webkit-scrollbar {display:none;}
.pop_wrap .pop_hea {position:sticky; top:0; display:flex; justify-content:space-between; align-items:center; width:100%; height:56px; padding:0 20px; background:#222; z-index:99;}
.pop_wrap .pop_hea h4 {font-size:18px; font-weight:600; color:#fff;}
.pop_wrap .tab_menu {position:sticky; top:56px; display:flex; height:54px; padding:0 20px; border-bottom:1px solid #EEE; background:#FFF; z-index:99;}
.pop_wrap .tab_menu a {position:relative; line-height:53px; padding:0 14px; color:#999;}
.pop_wrap .tab_menu a.on {font-weight:600; color:#222;}
.pop_wrap .tab_menu a.on:after {content:''; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:#222;}
.pop_wrap .pop_con {background:#fff;}
.pop_wrap .sec_tit {padding:0 20px; line-height:50px; font-size:21px; font-weight:600; background:#F4F4F4;}
.pop_wrap .sec_con {padding:20px 20px 60px;}
.pop_wrap .sec_con + .sec_con {padding-top:0;}
.pop_wrap .sec_con .img {overflow:hidden; border-radius:16px;}
.pop_wrap .sec_con .img img {width:100%;}
.pop_wrap .sec_con dl {margin-top:20px;}
.pop_wrap .sec_con dt {margin-bottom:7px; font-size:18px; color:#666; font-weight:600;}
.pop_wrap .sec_con dt b {display:block; padding-bottom:1px; font-size:24px; color:#222; font-weight:600;}
.pop_wrap .sec_con dd, .pop_wrap .sec_con dd li, .pop_wrap .sec_con dd a {color:#666;}
.pop_wrap .sec_con dd li {display:flex; gap:4px;}
.pop_wrap .sec_con dd li:before {/*content:"";*/ display:block; margin-top:8px; width:2px; height:2px; border-radius:50%; background:#666;}
.pop_wrap .sec_con dd li + li {margin-top:7px;}
.pop_wrap .sec_con .cs_link {padding-left:20px; background:url(../images/ic_home.svg)no-repeat 0 50%;}
.pop_wrap .sec_con .btn_call {display:none; width:100%; height:40px; margin-top:20px; line-height:38px; border-radius:4px; border:1px solid #DDD; text-align:center; font-size:14px; background:#FFF;}
.pop_wrap .sec_con .cs_map {position:relative; color:#666; display:inline-flex; gap:4px;}
.pop_wrap .sec_con .cs_map:before {content:""; flex-shrink: 0; display:block; width:16px; height:17px; background:url(../images/ic_location_g.svg)no-repeat 0 50%;}
.pop_wrap .sec_con .map {overflow:hidden; width:100%; height:clamp(200px,53.33vw,393px); margin-bottom:10px; border-radius:16px; border:1px solid #ddd;}
.pop_wrap .sec_con .btn_view_map + .map {display:none; margin-top:12px;}
.pop_wrap .sec_con dd div + div {margin-top:12px;}
.pop_wrap .btn_view_map {display:inline-flex; gap:2px; align-items:center; line-height:22px; margin-left:4px; padding:0 4px 0 6px; border-radius:2px; background:#F9F9F9; font-size:12px; color:#666; vertical-align:text-bottom;}
.pop_wrap .btn_view_map.on img {transform:rotate(180deg);}
.pop_wrap .branch {padding:26px 0; border-bottom:1px solid #eee;}
.pop_wrap .branch:first-child {padding-top:0;}
.pop_wrap .branch dl:first-child {margin-top:0;}
.pop_wrap .branch:last-child {border-bottom:0;}
.pop_wrap .pop_close {margin:0 20px 60px; width:calc(100% - 40px); height:50px; border-radius:8px; background:#BFA980; font-size:18px; font-weight:600; color:#fff; text-align:center; line-height:50px;}

/*서브배너*/
.sub_banner {margin:140px 0 100px;}
.sub_banner .tit {max-width:1280px; margin:0 auto 40px; font-size:60px; font-weight:600;}
.sub_banner img {width:100%;}

/*Q&A*/
.qna dl {border-radius:14px; background:#F9F9F9; padding:0 30px;}
.qna dl + dl {margin-top:20px;}
.qna dt {position:relative; display:flex; align-items:center; min-height:90px; padding:21px 32px 21px 44px; font-size:18px; font-weight:600;}
.qna dt:before {content:"Q"; position:absolute; left:0; top:50%; transform:translateY(-50%); color:#BFA980; font-size:34px; font-weight:300;}
.qna dt:after {content:""; position:absolute; right:0; top:50%; width:18px; height:18px; margin-top:-9px; background:url(../images/ic_arr.svg)no-repeat 0 50%; cursor:pointer;}
.qna dt.on:after {transform:rotate(180deg);}
.qna dd {display:none; position:relative; padding:21px 0 40px 44px; color:#666; border-top:1px solid #ddd;}
.qna dd:before {content:"A"; position:absolute; left:0; top:10px; color:#BFA980; font-size:34px; font-weight:300;}
.cs_info {display:flex; justify-content:space-between; margin-top:100px;}
.cs_info .con {width:620px; height:300px; padding:40px 40px 46px 40px; border-radius:20px; background:#F8F6F2; display:flex; flex-direction:column; justify-content:space-between;}
.cs_info .con h3 {margin-bottom:20px; font-size:42px; font-weight:600;}
.cs_info .con p, .cs_info .con a {color:#666;}
.cs_info .bott > a {font-size:32px; font-weight:600;}
.cs_info .bott dl {display:flex; align-items:center; gap:6px;}
.cs_info .bott dt, .cs_info .bott dd a {font-size:21px; color:#666;}
.cs_info .bott .bar {width:2px; height:14px; background:#ddd;}
.qna_tab_menu {display:table; table-layout:fixed; width:100%; height:56px; margin-bottom:40px;}
.qna_tab_menu li {display:table-cell; border:1px solid #ddd; text-align:center;}
.qna_tab_menu li:nth-child(1) {border-radius:8px 0 0 8px;}
.qna_tab_menu li:nth-child(2) {border-radius:0 8px 8px 0;}
.qna_tab_menu li a {display:block; font-size:21px; color:#666; line-height:54px;}
.qna_tab_menu li.on {border-color:#222; background:#222;}
.qna_tab_menu li.on a {font-weight:600; color:#FFF;}


/*페이징*/
.paging {display:flex; justify-content:center; align-items:center; gap:10px; margin-top:60px;}
.paging a {width:26px; height:26px; line-height:26px; text-align:center; border-radius:4px; color:#666;}
.paging a.on {font-weight:600; color:#fff; background:#222;}

/*검색*/
.search_layout {max-width:1280px; width:100%; min-height:calc(100vh - 546px); margin:0 auto 140px;}
.search_inp {position:relative; max-width:800px; margin:160px auto 40px;}

/* s 07/22 수정사항  */
.search_inp input {width:100%; height:60px; padding:0 66px 0 20px; border-radius:12px; background:#F6F6F6;}
.search_inp input:focus{outline:none; /*box-shadow: 0 1px 10px 2px rgba(0,0,0,0.2);*/}
/* e 07/22 수정사항  */

.search_inp button {position:absolute; right:20px; top:50%; transform:translateY(-50%);}
.search_area {border-top:1px solid #222;}
.search_area .srch_list {padding:40px 0 30px;}
.search_area .srch_list + .srch_list {border-top:10px solid #F9F9F9}
.search_area .srch_list h3 {margin-bottom:20px; font-size:24px; font-weight:400;}
.search_area .srch_list h3 em {font-size:24px; font-weight:600;}
.search_area .srch_list .nodata {font-size:18px; color:#999; text-align:center; padding:18px 0 20px;}

/* s 07/22 수정사항  */
.recent_keywords ul {display:flex; flex-wrap:nowrap; gap:14px;}
.recent_keywords li {/*display:flex;*/width:auto; padding:10px 10px 10px 14px;height:39px; align-items:center; gap:10px; border-radius:100px; background:#F6F6F6;}
/* e 07/22 수정사항  */

.recent_keywords button {line-height:1;}
.recent_places {margin-top:40px;}

@media all and (max-width:1280px) {
    /*푸터*/
    footer {padding:30px 20px 50px;}
}

@media all and (max-width:1024px) {
    /* 공통 */
    body.fixed{height:100%;overflow-y: hidden;}
    .mo_show {display:block;}
    .pc_show {display:none;}
    .select {height:38px; padding:0 10px; border-radius:4px;}
    .select .selected {padding-left:16px; font-size:14px;}
    .select_mo {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:1;}
 /* s 07/22 수정사항  */
    .select_mo .box {position:absolute; left:0; bottom:-100%; width:100%; padding:0 20px 40px; border-radius:20px 20px 0 0; background:#fff; transition:all .2s;}
 /* e 07/22 수정사항  */
    .select_mo.on .box {bottom:0;z-index:9}
    .select_mo .btn_notch {display:flex; align-items:center; justify-content:center; width:100%; height:32px;}
    .select_mo .items div {padding:16px 20px; border-bottom:1px solid #EEE;}
    .select_mo .items div.checked {font-weight:600; color:#222;}
    .flag {font-size:11px;}
    .mai_tit,.sub_tit {margin-bottom:20px;}
    .mai_tit h2 {font-size:24px;}
    .mai_tit p {margin-top:12px; font-size:14px; color:#999;}
    .sub_tit p {margin-top:12px; font-size:14px;}
    .sub_layout {padding:0 20px; margin-bottom:60px;}

    /*헤더*/
    header {background:rgba(255,255,255,0); backdrop-filter:none;}
    header.on {background:rgba(255,255,255,1);}
    header,.mo_nav .inn {height:60px;}
    header .inn, .mo_nav .inn {padding:0 20px;}
    header h1 img {width:132px;}
    /* s 07/22 수정사항  */
    .mo_nav {display:block; position:fixed; right:-100%; top:0; width:100%; height:100%; background:rgba(36, 37, 45, 1); transition:right 0.2s; z-index:9;}
    .mo_nav.on {right:0;}
    .mo_nav .inn {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;}
    .mo_nav nav {padding-left:20px;}
    .mo_nav nav a {display:block; padding:0 10px; line-height:80px; font-size:21px; font-weight:600; color:#FFF; border-bottom:1px solid rgba(255, 255, 255, 0.20);}
    header .btn_menu{margin-left:20px}
    /* e 07/22 수정사항  */

    /*푸터*/
    footer {padding:30px 20px 50px;}
    footer .logo img {width:122px;}
    footer .info > p {color:#ccc; font-size:12px; font-weight:400;}
    footer .info ul {flex-direction:column; gap:8px;}
    footer .info li * {font-size:12px;}
    footer .info li span {height:8px;}
    footer .btn_top {width:30px; height:30px;}

    /*메인비주얼*/
    .mai_vi {padding:60px 20px 0; height:clamp(556px,148.27vw,1150px);}
    .mai_vi .bg {width:100%; max-height:initial; top:auto; bottom:0;}
    .mai_vi .txt {margin-top:30px;}
    .mai_vi .txt .lg {font-size:clamp(40px,10.67vw,80px); letter-spacing:-2px;}
    .mai_vi .txt .sm {margin:10px 0 0; font-size:clamp(14px,3.73vw,18px);}
    .mai_vi .txt a {display:none;}
    .mai_vi .txt .btn-secondary {margin-top:10px; display:inline-block;}

    /*상품권 사용방법 안내 */
    .mai_con1 {padding-top:50px;}
    .mai_con1 .inn {padding:0 20px;}
    .mai_con1 .cont {display:block;}
    .mai_con1 dl {gap:10px; padding:20px 10px;}
    .mai_con1 dt,.mai_con1 dd p  {font-size:16px;}
    .mai_con1 dd span {margin-top:6px; font-size:14px;}

    /*프리미엄 호텔 통합 상품권 사용 가맹점 안내*/
    .mai_con2 {margin:60px 0; padding:50px 0 0 0; border-top:10px solid #F9F9F9;}
    .mai_con2 .mai_tit {padding:0 20px;}
    .mai_con2 .filter {padding:0 20px; max-width:100%; overflow-x: auto; overflow-y:hidden;}
    .mai_con2 .filter li {min-width:20%; max-width:78px; padding:46px 10px 13px; background-size:40px !important; transition:padding 0.3s ease;}
    .mai_con2 .filter.sticky {position:fixed; left:0; top:60px; width:100%; z-index:1;}
    .mai_con2 .filter.sticky li {padding-top:0; background:none;}
    .mai_con2 .filter.sticky li.on {background:none;}
    .mai_con2 .list_top {height:60px; margin-bottom:30px;}

    .no-scrollbar {overflow: auto;-webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none;}
    .no-scrollbar::-webkit-scrollbar {display: none;}

    /*호텔리스트*/
    .hotel_lst {gap:30px 10px; padding:0 20px;}
    .hotel_lst li {width:calc((100% - 10px) / 2); gap:10px;}
    /*.hotel_lst .img {border-radius:8px; width: 162px; height: 110px;}*/
    .hotel_lst .img {border-radius:8px; width: 100%;}
    .hotel_lst .info .name {margin-bottom:4px; font-size:14px;}
    .hotel_lst .info .loca {font-size:12px;}

    /*PCM 프리미엄호텔 통합상품권 상세내용*/
    .mai_con3 .inn {padding:50px 20px;}
    .mai_con3 .cont {flex-direction:column; gap:44px;}
    .mai_con3 .txt {width:100%;}
    .mai_con3 .txt + .txt:before {left:0; top:-22px; width:100%; height:1px;}
    .mai_con3 .txt ul {gap:8px;}
    .mai_con3 .txt li {font-size:13px;}
    .mai_con3 .txt li:before {top:7px;}
    .mai_con3 .txt li a {color:#ccc; text-decoration:underline;}
    .mai_con3 .txt li p {color:#999;}
    .mai_con3 .txt h3 {margin-bottom:10px; font-size:16px;}
    .mai_con3 .txt h3 img {width:18px;}

    /*호텔 상세 팝업*/
    .pop_wrap { z-index: 99;}
    .pop_wrap .pop_hea {font-size:16px;}
    .pop_wrap .tab_menu {height:44px;}
    .pop_wrap .tab_menu a {line-height:43px; padding:0 10px; font-size:14px;}
    .pop_wrap .tab_menu a.on:after {height:1px;}
    .pop_wrap .pop_con > img {width:100%;}
    .pop_wrap .sec_tit {line-height:43px; font-size:16px;}
    .pop_wrap .sec_con .img {border-radius:8px;}
    .pop_wrap .sec_con dt {margin-bottom:6px; font-size:16px;}
    .pop_wrap .sec_con dt b {padding-bottom:2px; font-size:18px;}
    .pop_wrap .sec_con dd, .pop_wrap .sec_con dd li, .pop_wrap .sec_con dd a {font-size:14px;}
    .pop_wrap .sec_con dd li:before {margin-top:8px;}
    .pop_wrap .sec_con dd .btn_call {display:block;}
    .pop_wrap .sec_con > .map {border-radius:8px;}
    .pop_wrap .pop_close {height:42px; line-height:42px; border-radius:4px; font-size:16px;}

    /*서브배너*/
    .sub_banner {margin:90px 0 50px;}
    .sub_banner .tit {margin:0 0 20px 20px; font-size:28px;}
/* s 07/22 수정사항  */
    .sub_tit h2{font-size:24px;}
    .pop_wrap .branch:first-child {padding-top:20px}
    .pop_wrap .sec_con{padding:0px 20px 60px}
/* e 07/22 수정사항  */

     /*Q&A*/
    .qna dl {border-radius:8px; padding:0 14px;}
    .qna dl + dl {margin-top:14px;}
    .qna dt {min-height:52px; padding:14px 28px 14px 24px; font-size:14px;}
    .qna dt:before, .qna dd:before {font-size:24px;}
    .qna dd {padding:14px 0 14px 22px;}
    .cs_info {flex-direction:column; gap:13px; margin-top:60px;}
    .cs_info .con {width:100%; height:auto; gap:20px; padding:30px 20px; border-radius:8px;}
    .cs_info .con h3 {margin-bottom:6px; font-size:24px;}
    .cs_info .con p {font-size:14px;}
    .cs_info .bott > a {font-size:21px;}
    .cs_info .bott dt, .cs_info .bott dd a {font-size:16px;}
    .cs_info .bott .bar {width:2px; height:10px;}
    .qna_tab_menu {height:40px; margin-bottom:30px;}
    .qna_tab_menu li:nth-child(1) {border-radius:4px 0 0 4px;}
    .qna_tab_menu li:nth-child(2) {border-radius:0 4px 4px 0;}
    .qna_tab_menu li a {font-size:14px; line-height:38px;}



    /*검색*/
    .search_layout {position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; overflow-y:auto; z-index:99;}
    .search_hea {display:flex; align-items:center; gap:10px; width:100%; height:60px; padding:10px 20px 10px 10px}
    .search_inp {margin:0; flex-grow:1;}
    .search_inp input {height:36px; padding:0 50px 0 14px; border-radius:8px; font-size:14px;}
    .search_inp button {right:14px;}
    .search_inp button img {width:22px;}
    .search_area {border-top:0;}
    .search_area .srch_list {padding:20px;}
    .search_area .srch_list h3,.search_area .srch_list h3 em {font-size:16px;}
    .search_area .srch_list .nodata {font-size:14px; padding:0;}
 /* s 07/22 수정사항  */
    /*.recent_keywords ul {flex-wrap:nowrap; width:fit-content; display:inline-flex;}*/
    /*.recent_keywords li {white-space:nowrap; font-size:14px; padding:5px 10px 5px 14px;}*/
/* e 07/22 수정사항  */
    .recent_keywords .hotel_lst {padding:0;}
    .recent_places {margin:20px 0 30px;}
    .recent_places .hotel_lst { padding:0;}
}