@charset "utf-8";
/*
<UPLEAT> UI Dev Team
{Oh Young Ju}, {An Se Jung}, {Lee Yun Hee}, Hwang Mi Ae, Kim So Young, Cho Han Sol, {Kang Young Sun}
commnet : mobile layout
 */

html {display:block;}
body.js_left_view, body.js_right_view, html.layer_open, html.layer_open body{overflow-y:hidden;-webkit-user-select:none;-webkit-touch-callout:none;}
#wrap{overflow:hidden}
body.js_left_view #wrap:before, body.js_right_view #wrap:before{display:block;position:fixed;left:0;width:100%;height:100%;content:'';background-color:rgba(0, 0, 0, 0.4);z-index:110}
.progressbar{position:fixed;width:0;height:1px;top:0;left:0;background:#5e2bb8;-webkit-transition:width .3s ease;-moz-transition:width .3s ease;transition:width .3s ease;z-index:20}
.header_wrap{position:fixed;top:0;left:0;right:0;z-index:1000;/*-webkit-transition:top .2s ease-in-out;-moz-transition:top .2s ease-in-out;transition:top .2s ease-in-out;*/max-width:1024px; margin:0 auto}
.header_wrap > div:not(.ribbon_popup) {background:#fff}

/* =header */
#header{background-color:rgba(255,255,255,1);height:5rem;position:relative;text-align:center;z-index:100}
#header.mainType{height:9.2rem;overflow:hidden}
#header.type{background-color:rgba(255,255,255,0);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}
.srch_top.scrolled #header.type{background-color:rgba(255,255,255,1)}
#header.type h1.title{color:#fff}
#header h1{position:relative}
#header h1.title{display:inline-block;font-size:1.6rem;font-weight:600;color:#111;margin:1.4rem auto 0;text-align:center}
#header h1.logo{display:inline-block;position:absolute;top:1.8rem;left:2rem;width:11.5rem;height:2rem}
#header h1.logo a{display:block;height:2rem;font-size:0;position:relative}
#header h1.logo a:before{width:11.5rem;height:2rem;position:absolute;top:0;left:0;background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/logo.png')}

#header>a, .slide .lypop_header>a{display:inline-block;position:absolute;top:1rem;width:3rem;height:3rem;white-space:nowrap;z-index:10}
#header>a:after, .slide .lypop_header>a:after{position:absolute;top:.5rem;left:.5rem;width:2rem;height:2rem}
#header>a>span:not(.alarm),.btn_share>span, .slide .lypop_header>a>span {text-indent:-999rem;display:inline-block}

#header.mainType .js_tabs{margin-top:6rem}

#header .btn_prev, .lypop_header .btn_prev{left:1.5rem}
#header .btn_prev:after, .slide .lypop_header .btn_prev:after{background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico-gnb-arrow-back-40.png')}
#header.type:not(.black) .btn_prev:after{background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico-gnb-arrow-back-40-w.png')}
.srch_top.scrolled #header.type .btn_prev:after{background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico-gnb-arrow-back-40.png')}
#header .btn_search{right:5.2rem}
.srch_top.scrolled #header .btn_search{z-index:100;}
#header .searchform_com .btn_search{right:0}
/* #header .btn_search:after{background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico-gnb-search-40.png')} */
#header.type:not(.black) .btn_search:after{background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico_gnb_search_40_white.png')}
.srch_top.scrolled #header.type .btn_search:after{background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico-gnb-search-40.png')}
#header .btn_right_menu{right:1.5rem}
.srch_top.scrolled #header .btn_right_menu{z-index:100;}
#header .btn_right_menu:after{background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/icn-gnb-menu-40.png')}
#header.type:not(.black) .btn_right_menu:after{background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/icn_gnb_menu_40_white.png')}
.srch_top.scrolled #header.type .btn_right_menu:after{background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/icn-gnb-menu-40.png')}
#header .btn_cart{right:5.3rem}
#header .btn_cart:after{background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/btn_header_cart.png')}
.btn_share{display:inline-block;position:relative;width:3rem;height:3rem;white-space:nowrap;z-index:10}
.right_cont .btn_share{vertical-align:top}
#header .btn_share{position:absolute;right:1.5rem;background-color:transparent}
.btn_share:after{position:absolute;top:.5rem;left:.5rem;width:2rem;height:2rem;background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico-gnb-share-40.png')}
.right_cont .btn_share:after{top:.5rem;left:.5rem;width:2rem;height:2rem;background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico-share-bk-40.png')}
#header .alarm, #footer .alarm{position:absolute;top:-.2rem;right:-.8rem;color:#fff;background-color:#e81e6f;width:auto;height:auto;min-width:1.5rem;min-height:1.5rem;border-radius:10rem;line-height:1;font-size:1.1rem;font-weight:400 !important;letter-spacing:-.1rem;text-align:center;cursor:pointer;padding:.2rem .4rem;z-index:10}
.iOS #header .alarm, .iOS #footer .alarm {padding:.3rem .4rem .1rem}
.ribbon_popup{height:6rem;position:relative;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out;background-color:#fdf4f7;z-index:100}
.ribbon_popup.off{height:0;padding:0;overflow:hidden}
.ribbon_popup span{display:inline-block;font-size:1.3rem;line-height:1.6rem;color:#111;position:relative;padding:.22rem 0 0 5rem;margin:1.2rem 0 0 2rem}
.ribbon_popup span:before{width:3.6rem;height:3.6rem;background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/app-logo.png');position:absolute;top:0;left:0}
.ribbon_popup span strong{font-size:1.4rem;line-height:2rem;color:#111;display:block}
.ribbon_popup a{display:inline-block;position:absolute;top:.5rem;font-size:1.3rem}
.ribbon_popup .btn{right:4.4rem;top:50%;margin-top:-1.65rem;}
.ribbon_popup .btn.sml.em{background-color:transparent !important}
.ribbon_popup a.btn_cls{right:.6rem;top:1.2rem;width:3.5rem;height:3.5rem;font-size:0;}
.ribbon_popup a.btn_cls:before{width:1.5rem;height:1.5rem;background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico-close-pk.png');position:absolute;top:1rem;left:1rem}
.Android .ribbon_popup .btn.sml.em {line-height:3rem}
.Android .ribbon_popup span {padding-top:.1rem}

.co_brand{background-color:#f4f5f9;height:6.8rem;border-bottom:.2rem solid #fff;padding:1.4rem 0 0 2.5rem;position:relative;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;transition:all .4s ease-out;z-index:100}
.co_brand.html {overflow:hidden}
.co_brand>strong{display:block;float:left;font-weight:600;width:30%;color:#111}
.co_brand>p{width:70%;float:right;display:block;flex:3;justify-content:center;align-items:start;font-size:1.3rem;line-height:1.9rem;}
.co_brand>p>em{color:#111}


.page_pop_header {position:fixed;width:100%;display:flex;justify-content:left;padding:0 2rem;height:5rem;left:0;background:#fff;top:0;z-index:999}
.page_pop_header .tit {margin-top:1.8rem;font-size:1.6rem;color:#111;font-weight:600;line-height:1.3}
.page_pop_header button.btn_cls {width:4rem;height:4rem;position:absolute;top:.5rem;right:1rem;z-index:5000;}
.page_pop_header button.btn_cls:before {content:'';position:absolute;top:1rem;left:1rem;width:2rem;height:2rem;background:url("https://image.hanatour.com/usr/static/img/mobile/com/ico_close.png") no-repeat 50% 50% / 100% auto}
.page_pop_header button.btn_cls span {display:block;font-size:.1rem;text-indent:-999rem}

/* .header_wrap .gnb{height:3.5rem;padding:.8rem 2rem 0 0;background-color:#fff;position:relative;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out;z-index:100;overflow:hidden}
.header_wrap .gnb.on{height:10.5rem;border-bottom:1px solid #ddd}
.header_wrap .gnb.cuc{text-align:center}
.header_wrap .gnb ul{margin-top:-1rem} */
/* .header_wrap .gnb ul li{display:inline-block;margin-top:1rem;margin-left:2rem}
.header_wrap .gnb ul li a{font-size:1.5rem;line-height:2.3rem;color:#111}
.header_wrap .gnb .btn_show{width:2.4rem;height:2.4rem;position:absolute;top:.7rem;right:2rem;font-size:0;border:1px solid #c2c2c2;background-color:rgba(255, 255, 255, 0.9);border-radius:.3rem;}
.header_wrap .gnb .btn_show:before{display:block;content:'';background-position:center center;background-repeat:no-repeat;background-size:cover;width:1.2rem;height:1.2rem;position:relative;left:.5rem;top:.6rem;background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico_arrow_down_26.png')}
.header_wrap .gnb.on .btn_show:before{background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico-arrow-up-26.png')} */

.btn_bell{position:absolute;bottom:4rem;right:2rem;display:inline-block;background:rgba(255, 255, 255, 0.15);height:2.5rem;line-height:2.5rem;padding:0 1rem 0 3.1rem;color:#fff;border-radius:1.2rem;z-index:999}
.htl .btn_bell,.air .btn_bell {z-index:1001}
.scrolled .btn_bell{z-index:1;}
.btn_bell:before{content:'';position:absolute;left:0;top:0;background-repeat:no-repeat;background-position:0 50%;width:2.5rem;height:2.5rem;background-size:100%;}
.htl .btn_bell:before{background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico_bell_50.png')}
.air .btn_bell:before{background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico_bell_bl_50.png')}

/* .contents */
.gnb{background-color:#fff;min-height:2.3rem;width:100%;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out;white-space:nowrap;padding:2rem 2rem 0;top:0;z-index:10;border-radius:1.5rem 1.5rem 0 0}
.header_wrap .gnb{margin-top:-1rem}
.gnb .tit{display:none}
.gnb ul{height:2.3rem;overflow:hidden}
.gnb ul li{display:inline-block;}
.gnb ul li + li{margin-left:2rem;}
.gnb ul li a{font-size:1.5rem;line-height:2.1rem;color:#111}
.gnb .btn_show{width:2.4rem;height:2.4rem;position:absolute;top:1.8rem;right:2rem;font-size:0;border:1px solid #c2c2c2;background-color:rgba(255, 255, 255, 0.9);border-radius:.5rem;z-index:1}
.gnb .btn_show:before{display:block;content:'';background-position:center center;background-repeat:no-repeat;background-size:cover;width:1.2rem;height:1.2rem;position:relative;left:.5rem;top:.6rem;background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico_arrow_down_26.png')}

.gnb.on{position:absolute;box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.08);border-radius:1.5rem;padding-bottom:1.3rem;height:auto;min-height:2.3rem;}
.gnb.on .btn_show:before{background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico-arrow-up-26.png')}
.gnb.on .tit{display:inline-block;font-size:1.5rem;color:#111;}
.gnb.on ul{height:auto;overflow:auto;flex-wrap:wrap;display:flex;flex:1;margin-top:1.5rem}
.gnb.on ul li{width:49%;border:1px solid #ddd;border-radius:.5rem;text-align:center;margin-bottom:.7rem;height:4rem;line-height:4rem}
.gnb.on ul li + li{margin-left:2%;}
.gnb.on ul li a{display:block;width:100%;height:100%;line-height:inherit;font-size:1.4rem;}
.gnb.on ul li:nth-child(2n+1){margin-left:0;}

.gnb_wrap{position:relative;height:2.3rem;border-radius:0;margin-bottom:1.5rem;}
.gnb_wrap .gnb ul {overflow-x:scroll;-ms-overflow-style: none;-webkit-overflow-scrolling:touch;will-change:scroll-position}
.gnb_wrap .gnb ul::-webkit-scrollbar {display: none !important}
.gnb_wrap .gnb ul li:last-child{padding-right:3rem}
.gnb_wrap .gnb.on ul li:last-child{padding-right:0}

.header_wrap .gnb_wrap{height:4.3rem}
.contents.type .top_visual.zeus ~ .gnb_wrap{height:4.3rem;}
.contents.type .top_visual.zeus ~ .gnb .btn_show{top:2.7rem}

.visual.pkg ~ .gnb_wrap{margin-top:-1.5rem;border-radius:1.5rem 1.5rem 0 0;height:4.3rem;}
.small .visual.pkg ~ .gnb_wrap{margin-top:-3rem}

.srch_top #header{text-align:left}
.srch_top #header h1.title{position:relative;font-size:1.7rem;font-weight:600;color:#111;margin:5rem 0 0;padding-left:2rem;text-align:left;width:100%;z-index:99;/*line-height:5rem;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out*/}
.srch_top #header.type h1.title{color:#fff;font-size:2.4rem;line-height:3.2rem;margin-top:6rem}
.srch_top #header.type.no_tit h1.title{text-indent:-999rem}
.srch_top #header.type.black h1.title{color:#111}
.srch_top.scrolled #header h1.title{margin:1.6rem 0 0 4.5rem;font-size:1.6rem;line-height:1.4;padding-left:0}/* width:calc(100% - 12.7rem); */
.Android .srch_top.scrolled #header h1.title{margin-top:1.4rem}
.srch_top.scrolled #header.type h1.title{color:#111;font-size:1.6rem; padding-left:.5rem;line-height:1.4;}
.srch_top.scrolled #header.type.no_tit h1.title{text-indent:0}
.srch_top #header h1.title>a{position:relative;font-size:1.8rem;max-width:calc(100% - 6rem);font-weight:600;color:#111;display:inline-block;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;/*-webkit-transition:font-size .2s ease-out;-moz-transition:font-size .2s ease-out;transition:font-size .2s ease-out*/}
.srch_top.scrolled #header h1.title>a{position:relative;font-size:1.6rem;;white-space:normal; padding-left:.5rem}
.srch_top #header h1.title i{position:absolute;top:.6rem;display:inline-block;width:1.1rem;height:1.1rem;background:url('https://image.hanatour.com/usr/static/img/mobile/com/ico-arrow-dropdown-26.png') no-repeat right top;background-size:100%;margin-left:.5rem}
.srch_top.scrolled #header h1.title i{top:.3rem}
.Android .srch_top.scrolled #header h1.title i{top:.5rem}
.srch_top .header_srch_wrap{text-align:left;margin-top:8.4rem;padding:0;background-color:#fff;z-index:100;/*-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out*/}
.srch_top.scrolled .header_srch_wrap{position:fixed;left:0;right:0;margin-top:5rem;}
.srch_top .header_srch_wrap .btn_wrap{margin-top:0;padding:0 2rem 0;height:3rem;opacity:1;text-align:left;/*-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;*/}
.srch_top.scrolled .header_srch_wrap .btn_wrap{height:0;padding:0;opacity:0}
.srch_top.scrolled .header_srch_wrap .btn_wrap.block{display:block}
.srch_top .header_srch_wrap .btn_wrap a{display:inline-block;font-size:1.3rem;color:#111}
.srch_top .header_srch_wrap.htl_type .btn_wrap a{width:50%}
.srch_top .header_srch_wrap .btn_wrap a:not(:first-child){margin-left:2rem}
.srch_top .header_srch_wrap .btn_wrap a span{display:inline;position:relative;padding-left:1.9rem}
.srch_top .header_srch_wrap .btn_wrap a span.bl{padding-left:.6rem}
.srch_top .header_srch_wrap .btn_wrap a span:before{display:block;content:'';background-position:center center;background-repeat:no-repeat;background-size:cover;width:1.5rem;height:1.5rem;position:absolute;left:0;top:0}
.srch_top .header_srch_wrap .btn_wrap a span.pos:before{background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico-location-30.png')}
.srch_top .header_srch_wrap .btn_wrap a span.cal:before{background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico-calandar-30.png')}
.srch_top .header_srch_wrap .btn_wrap a span.person:before{background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico-2-person-30.png')}
.srch_top.scrolled .header_srch_wrap+#container {padding-top:10rem}
.srch_top hr.shape {height:6.4rem}
.srch_top hr.shape:before {height:2rem}

/* ES 호텔 리스트 개편에 추가 */
.header_srch_wrap .btn_wrap a:not(:first-child){margin-left:2rem}
.header_srch_wrap .btn_wrap a span{display:inline;position:relative;padding-left:1.9rem}
.header_srch_wrap .btn_wrap a span.bl{padding-left:.6rem}
.header_srch_wrap .btn_wrap a span:before{display:block;content:'';background-position:center center;background-repeat:no-repeat;background-size:cover;width:1.5rem;height:1.5rem;position:absolute;left:0;top:0}
.header_srch_wrap .btn_wrap a span.cal:before{background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico-calandar-30.png')}
.header_srch_wrap .btn_wrap a span.person:before{background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico-2-person-30.png')}

.filter_top_wrap{overflow:hidden;margin:.7rem 0 0 2rem;vertical-align:top}
.scrolled .filter_top_wrap{margin-top:0}
.panels .filter_top_wrap{margin-left:0;margin-right:-2rem;margin-top:1.5rem}
.filter_top_wrap:after{content:'';display:table;clear:both}
.filter_top_wrap .inr{float:left;width:5.2rem;padding-top:.3rem; position:relative}
.filter_top_wrap .inr:first-child:after {content:''; width:1.7rem; height:9.3rem; position:absolute; left:100%;top:0;background: -webkit-gradient(linear,left top,right top,color-stop(0%,#fff),color-stop(100%,rgba(255,255,255,0)));z-index:1}
.scrolled .filter_top_wrap .inr, .filter_top_wrap.type .inr{width:auto}
.filter_top_wrap .inr.right{float:right;width:calc(100% - 5.2rem);overflow:hidden;overflow-x:scroll;white-space:nowrap; padding-left:1.5rem}
.filter_top_wrap .inr.right::-webkit-scrollbar{display:none}
.scrolled .filter_top_wrap .inr.right{display:flex;white-space:normal}
.scrolled .filter_top_wrap .inr.right, .filter_top_wrap.type .inr.right{width:calc(100% - 6.7rem);}
.filter_top_wrap .right > span,
.filter_top_wrap .inr>a{display:inline-block;position:relative;vertical-align:top;padding-top:6rem;width:5.2rem;text-align:center;color:#111; font-size:1.2rem}
.scrolled .filter_top_wrap .right > span{padding-top:0;width:auto}
.scrolled .filter_top_wrap .right > span > a,
.scrolled .filter_top_wrap .inr>a,
.filter_top_wrap.type .right > span,
.filter_top_wrap.type .inr>a{display:inline-block;position:relative;vertical-align:top;padding-top:0;width:auto;text-align:center}
.filter_top_wrap .right > span:before,
.filter_top_wrap .inr>a:before{display:inline-block;content:'';width:5.2rem;height:5.2rem;border-radius:1rem;border-top-right-radius:0;vertical-align:top;position:absolute;top:0;left:0;box-sizing:border-box}
.scrolled .filter_top_wrap .right > span:before,
.scrolled .filter_top_wrap .inr>a:before,
.filter_top_wrap.type .right > span:before,
.filter_top_wrap.type .inr>a:before {display:none}
.filter_top_wrap .right > span{flex:none;position:relative;white-space:normal;font-size:1.3rem;padding-top:6.2rem}
.filter_top_wrap.type .right > span a{display:block;z-index:10;position:absolute;top:0;left:0;right:0;bottom:0;padding-top:0;padding-right:1.9rem;color:#111}
.filter_top_wrap .right > span:not(:first-child){margin-left:1rem}
.filter_top_wrap .right > span:last-child, .scrolled .filter_top_wrap .right > span:last-child a.cls{margin-right:2rem}

.filter_top_wrap .inr .btn_filter {width:5.2rem}
.filter_top_wrap .inr .btn_filter:before{background:#f4f5f9 url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-64.png) no-repeat 50% 50% / 3.2rem 3.2rem;/*-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out*/}

.filter_top_wrap .right > span a {color:#111;min-height:3rem; font-size:1.2rem; margin:0 -0.2rem;line-height:1.45rem; letter-spacing:-0.02em;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.scrolled .filter_top_wrap .right > span a {line-height:inherit;margin:0; min-height:inherit}
.scrolled .filter_top_wrap .right > span a.tg_btn { color:#ccc}
.filter_top_wrap .right > span.on a.tg_btn {color:#5e2bb8}
.filter_top_wrap .right > span a.tg_btn:before { content:''; position:absolute;left:0;top:0; width:100%; height:100%; z-index:1}
.filter_top_wrap .right > span:before {background:#f4f5f9 no-repeat 50% 50% / 3.2rem 3.2rem}
.filter_top_wrap .tg_item01:before,.filter_top_wrap .tg_item02:before,.filter_top_wrap .tg_item03:before,.filter_top_wrap .tg_item04:before {background-color:#fff !important; border:1px solid #eaeaea}
.filter_top_wrap .right > span.on:before {background-color:#5e2bb8 !important; border:none !important}
.filter_top_wrap .right > span.filter_no:before{content:none}

.filter_top_wrap .right > span.tg_item01:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-tg01-off.png)}
.filter_top_wrap .right > span.tg_item01.on:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-tg01-on.png)}
.filter_top_wrap .right > span.tg_item02:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-tg02-off.png)}
.filter_top_wrap .right > span.tg_item02.on:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-tg02-on.png)}
.filter_top_wrap .right > span.tg_item03:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-tg03-off.png)}
.filter_top_wrap .right > span.tg_item03.on:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-tg03-on.png)}
.filter_top_wrap .right > span.tg_item04:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-tg04-off.png)}
.filter_top_wrap .right > span.tg_item04.on:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-tg04-on.png)}
.filter_top_wrap .right > span.item01_1:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-01-1.png)}
.filter_top_wrap .right > span.item01_2:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-01-2.png)}
.filter_top_wrap .right > span.item01_3:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-01-1.png)}
.filter_top_wrap .right > span.item01_4:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-01-1.png)}
.filter_top_wrap .right > span.item02:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-02.png)}
.filter_top_wrap .right > span.item03:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-03.png)}
.filter_top_wrap .right > span.item04:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-04.png)}
.filter_top_wrap .right > span.item05:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-05.png)}
.filter_top_wrap .right > span.item06:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-06.png)}
.filter_top_wrap .right > span.item07_1:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-07-1.png)}
.filter_top_wrap .right > span.item07_2:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-07-2.png)}
.filter_top_wrap .right > span.item07_3:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-07-3.png)}
.filter_top_wrap .right > span.item07_4:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-07-4.png)}
.filter_top_wrap .right > span.item07_5:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-07-5.png)}
.filter_top_wrap .right > span.item07_6:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-07-6.png)}
.filter_top_wrap .right > span.item08:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-08.png)}
.filter_top_wrap .right > span.item09_1:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-09-1.png)}
.filter_top_wrap .right > span.item09_2:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-09-2.png)}
.filter_top_wrap .right > span.item09_3:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-09-3.png)}
.filter_top_wrap .right > span.item09_4:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-09-4.png)}
.filter_top_wrap .right > span.item09_5:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-09-5.png)}
.filter_top_wrap .right > span.item09_6:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-09-6.png)}
.filter_top_wrap .right > span.item09_7:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-09-7.png)}
.filter_top_wrap .right > span.item09_8:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-09-8.png)}
.filter_top_wrap .right > span.item09_9:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-09-9.png)}
.filter_top_wrap .right > span.item10:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-10.png)}
.filter_top_wrap .right > span.item11:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-11.png)}
.filter_top_wrap .right > span.item12:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-12.png)}
.filter_top_wrap .right > span.item13:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-13.png)}
.filter_top_wrap .right > span.item14:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-14.png)}
.filter_top_wrap .right > span.item15:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-15.png)}
.filter_top_wrap .right > span.item16:before{background-image:url(https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-16.png)}

.filter_top_wrap .right > span.filter_no{width:77%;padding:0 2rem 0 0;text-align:left;white-space:normal; font-size:1.2rem; height:5.2rem; display:table-cell; vertical-align:middle; position:relative; z-index:2}
.filter_top_wrap .alarm, .option_wrap .right_cont .alarm{display:inline-block;color:#fff;background-color:#5e2bb8;width:1.9rem;height:1.9rem;border-radius:50%;line-height:2rem;font-size:1.1rem;font-weight:400;letter-spacing:-.1rem;text-align:center;cursor:pointer;z-index:10;margin-left:.3rem}
.filter_top_wrap .alarm{vertical-align:top;position:relative;top:-2px; line-height:2.2rem;letter-spacing:0}
.Android .filter_top_wrap .alarm {line-height:1.85rem}

.scrolled .filter_top_wrap, .filter_top_wrap.type{margin-bottom:1.2rem !important}
.panels .scrolled .filter_top_wrap{margin-bottom:0 !important}
.filter_top_wrap .right span a.cls:after{display:block;content:''}
.filter_top_wrap .right span a.cls:after{display:inline-block;font-size:1.3rem;width:13px;height:13px;position:absolute;top:-.3rem;right:-.3rem;background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico-close-circle-lg-26.png');background-repeat:no-repeat;background-size:13px auto}
.filter_top_wrap.type .right span a.cls:after{top:.1rem;right:0}
.scrolled .filter_top_wrap .right span a.cls, .filter_top_wrap.type .right span a.cls{position:relative;margin-left:.5rem;vertical-align:top;left:0;top:0}
.scrolled .filter_top_wrap .inr .btn_filter, .filter_top_wrap.type .inr .btn_filter{position:relative;padding-left:2.1rem}
/* .scrolled .filter_top_wrap .inr .btn_filter:before, .filter_top_wrap.type .inr .btn_filter:before, .option_wrap .right_cont .btn_filter:before{display:inline-block;content:'';width:1.5rem;height:1.5rem;background:#fff url('https://image.hanatour.com/usr/static/img/mobile/pkg/ico-filter-30.png');background-size:cover;margin-top:1px; border-radius:0} */
.scrolled .prod_selected>span, .filter_top_wrap.type .prod_selected>span{font-size:1.3rem;line-height:1.9rem;padding-left:1.9rem;position:relative;color:#666;margin-top:.5rem}
.scrolled .prod_selected>span:last-child, .filter_top_wrap.type .prod_selected>span:last-child{margin-left:1.5rem}
.scrolled .prod_selected>span:before,
.filter_top_wrap.type .prod_selected>span:before{display:block;content:'';width:1.3rem;height:1.3rem;position:absolute;top:0;left:0;background:url('https://image.hanatour.com/usr/static/img/mobile/com/ico_list_check_disable.png') no-repeat 0 0;background-size:1.3rem}
.scrolled .prod_selected>span.clk,.filter_top_wrap.type .prod_selected>span.clk{color:#5e2bb8}
.scrolled .prod_selected>span.clk:before,
.filter_top_wrap.type .prod_selected>span.clk:before{display:block;content:'';width:1.3rem;height:1.3rem;position:absolute;top:0;left:0;background:url('https://image.hanatour.com/usr/static/img/mobile/com/ico_list_check.png') no-repeat 0 0;background-size:1.3rem;color:#5e2bb8}
.scrolled .filter_top_wrap .right span a.cls{display:inline-block;padding-right:1.9rem;position:relative;color:#111} /* 190620 sejung font color modify */
.scrolled .filter_top_wrap .right span a.cls:after{width:13px;height:13px;background-position:100% 40%;background-size:13px;position:absolute;top:.15rem;right:.3rem}
.scrolled .filter_top_wrap .right > span.filter_no{width:auto;padding:0 2rem 0 0; height:auto}
.scrolled .filter_top_wrap .inr .btn_filter:after,.filter_top_wrap.type .inr .btn_filter:after,.option_wrap .right_cont .btn_filter:after{display:inline-block;content:'';width:1.4rem;height:1.4rem;margin-bottom:.3rem;margin-left:.3rem;background:#fff url('https://image.hanatour.com/usr/static/img2/mobile/htl/ico_filter_26.png') no-repeat 0 0 / 1.4rem 1.4rem;border-radius:0;vertical-align:middle}
.progressBox {position:relative;margin-bottom:4rem}
.progressBox .header {margin-bottom:2rem;display:block;font-size:1.5rem;color:#111;font-weight:600}
/* end 20200122 수정 */

/* =left_menu */
.left_menu{overflow-y:scroll;position:fixed;top:0;left:-80%;width:80%;height:100%;-webkit-transition:all .4s ease-out;transition:all .4s ease-out;-webkit-overflow-scrolling:touch;background-color:pink;z-index:20}
body.js_left_view .left_menu {left:0}
.left_menu .inr{position:relative;padding:1rem}
.left_menu .btn_left_menu_close{display:block;position:absolute;top:1rem;right:1rem;width:3rem;height:3rem;padding:1rem;text-indent:-999rem;white-space:nowrap}
.left_menu .btn_left_menu_close:after{position:absolute;top:0;left:0;width:3rem;height:3rem;background-color:hotpink}

/* =right_menu */
.right_menu{overflow-y:scroll;position:fixed;top:0;right:-100%;width:100%;height:100%;-webkit-transition:all .4s ease-out;transition:all .4s ease-out;-webkit-overflow-scrolling:touch;background-color:#fff;z-index:5000;padding:0 2rem 2rem}
body.js_right_view .right_menu {right:0}
.right_menu .inr{position:relative;padding:1rem}
.right_menu .btn_right_menu_close{display:block;width:4rem;height:4rem;position:absolute;top:1.2rem;right:1rem;z-index:5000;font-size:0}
.right_menu .btn_right_menu_close:after{position:absolute;top:1rem;left:1rem;width:2rem;height:2rem;background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico_close.png')}
.right_menu .cont_unit{margin-top:0}
.right_menu .text_wrap:first-child {margin:4rem 0 -1rem}
.right_menu hr.shape:before,.right_menu hr.shape:after {border-radius:0}
.right_menu .tbl table {border-top:none}
.right_menu .tbl {border-top:1px solid #111}
.right_menu .text_wrap strong.tit {font-size:1.9rem}

/* =footer */
#footer{position:relative;background-color:#fff;z-index:999} /* 2000에서 999로 수정. 문제시 원복 */
#footer small{display:block;font-size:1.1rem;line-height:1.9rem;margin-top:1rem}
#footer .quick_menu{overflow:hidden;position:fixed;height:6.5rem;bottom:0;left:0;right:0;z-index:10;background-color:#fff;-webkit-transition:all .4s ease-out;transition:all .4s ease-out;max-width:1024px; margin:0 auto;border-top:1px solid #eaeaea}
#footer .quick_menu.off{height:0}
#footer .quick_menu ul{overflow:hidden;display:flex;height:6.5rem}
#footer .quick_menu li{display:flex;flex:1;position:relative}
#footer .quick_menu li:nth-child(3){flex:1.1}
#footer .quick_menu li:nth-child(4){flex:1.05}
#footer .quick_menu li:nth-child(5){flex:1.2}
#footer .quick_menu li a {display:flex;height:6.5rem;flex:1;justify-content:center;align-items:center;font-size:1.1rem;line-height:1.9rem;padding-top:3.6rem;padding-bottom:1rem;color:#111}
#footer .quick_menu li a:before{width:2rem;height:2rem;position:absolute;top:1.1rem;left:50%;margin-left:-1rem}
#footer .quick_menu li a.btn_home:before{background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico-tabbar-home-40.png')}
#footer .quick_menu li a.btn_totalmenu:before{background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico-tabbar-menu-40.png')}
#footer .quick_menu li a.btn_basket:before{background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico-tabbar-shopping-basket.png')}
#footer .quick_menu li a.btn_my:before{background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico-tabbar-mypage-40.png')}
#footer .quick_menu li a.btn_recent:before{background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico-tabbar-lastproduct-40.png')}
#footer .btn_top{display:none;position:fixed;right:2rem;bottom:12.5rem;width:4rem;height:4rem;border-radius:50%;border:1px solid #ddd;background-color:#fff;font-size:0;z-index:4000}
#footer .btn_top:after{width:1.5rem;height:1.5rem;background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico-fab-top-30.png');position:absolute;top:50%;left:50%;margin:-.75rem 0 0 -.75rem}
#footer .btn_top>span{display:inline-block;text-indent:-999rem;white-space:nowrap}

#footer .alarm{top:.3rem;left:calc(50% + .5rem);right:auto}
#footer .global_link{border-top:1px solid #666;border-bottom:1px solid #ddd;height:4rem;overflow:hidden}
#footer .global_link li{width:33.3%;float:left;text-align:center;border-left:1px solid #ddd}
#footer .global_link li:first-child{border-left:none}
#footer .global_link li:nth-child(2){width:33.4%}
#footer .global_link li a{display:block;height:4rem;line-height:4.2rem;text-align:center;font-size:1.3rem;color:#111}
#footer .global_link li a.tel{display:inline-block}
#footer .global_link li a.tel:before{display:inline-block;content:'';clear:both;width:1.3rem;height:1.3rem;background-image:url('https://image.hanatour.com/usr/static/img/mobile/com/ico-tel-26.png');position:relative;top:.2rem}
#footer .office_info_wrap{padding:2rem 2rem 1rem}
#footer .office_info_wrap + .office_info_wrap{padding-top:1rem;padding-bottom:8rem}
#footer .office_info_wrap > .office_info_wrap{padding:0}
#footer .office_info_wrap.type{padding-bottom:7rem}
#footer .office_info_wrap address{font-size:1.1rem;line-height:1.7rem}
#footer .office_info_wrap address strong{font-weight:600;display:block}
#footer .office_info_wrap address span{display:block}
#footer .office_info li{font-size:1.2rem;line-height:1.9rem}
#footer .office_info li a{text-decoration:underline;color:#5e2bb8;display:inline-block}
#footer .link_etc{overflow:hidden}
#footer .link_etc li{float:left;position:relative;padding-left:.9rem;margin-right:.6rem}
#footer .link_etc li:first-child{padding-left:0}
#footer .link_etc li:before{display:block;content:'';clear:both;width:.3rem;height:.3rem;border-radius:50%;background-color:#c2c2c2;position:absolute;top:50%;left:0;margin-top:-.2rem}
#footer .link_etc li:first-child:before{display:none}
#footer .link_etc li a{font-size:1.2rem;line-height:1.9rem;}
#footer .link_etc li a strong{color:#111;font-weight:600}

#footer .office_info_wrap.js_acc {border-top:0}
#footer .office_info_wrap.js_acc .header {font-size:1.2rem;padding:0 2rem 0 0;display:inline-block;background-size:1.3rem auto;border-bottom:0;font-weight:600;color:#666;margin-bottom:2rem}
#footer .office_info_wrap.js_acc .header.active {margin-bottom:0}
#footer .office_info_wrap.js_acc .view {border-bottom:0;padding-bottom:0}

/* iphoneX */
@media only screen and (-webkit-device-pixel-ratio: 3) and (device-height: 812px) and (device-width: 375px) {
	#footer .quick_menu {height:8rem}
}

/* iphoneXs Max , iphoneXr */
@media only screen and (device-width : 414px) and (device-height : 896px) {
	#footer .quick_menu {height:8.5rem}
}

/* =contents */
#container {min-height:100vh}
.header_srch_wrap.htl_type+#container {min-height:initial}
.contents{padding-top:6rem;padding-bottom:6rem}
.preview .contents{padding-top:2rem}
/* .contents.air, .contents.htl{padding-bottom:0} */
.ribbon .contents{padding-top:12rem}
.coBrand.ribbon .contents{padding-top:22.1rem} /* 18.8rem */
.coBrand .contents{padding-top:16.1rem}/* 12.8rem */
.coBrand.showGnb .contents{padding-top:16.3rem}
.coBrand.ribbon.showGnb .contents{padding-top:22.3rem}
.contents.type{padding-top:5rem;}
.ribbon .contents.type{padding-top:11rem}
.coBrand.ribbon .contents.type{padding-top:17.8rem}
.coBrand .contents.type{padding-top:6.8rem}
.coBrand.pmt .contents.type,.coBrand.mpg .contents.type{padding-top:11.8rem}
.coBrand.showGnb .contents.type{padding-top:11.8rem}
.coBrand.ribbon.showGnb .contents.type{padding-top:17.8rem}
.contents.main{padding-bottom:9rem}
.srch_top .contents{padding-top:0}
.gnbInsert .contents{padding-top:9.5rem}
.admin_br {white-space:pre-line}

/* 20200107 메인 개편 */
.hn_mainTop .js_tabs.link.scroll {position:relative;z-index:2;padding:0;height:3.2rem}
.hn_mainTop .js_tabs.link.scroll>.scroll_wrap .tabs{display:-webkit-box;display:-webkit-flex;display:flex;background-color:#fff;overflow:visible;border-bottom:none; padding:0 2rem}
.hn_mainTop .js_tabs.link.scroll:after {content:'';position:absolute;right:1.5rem;top:-.5rem;bottom:0;width:2rem;height:3.5rem;background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0.7), #fff);background:linear-gradient(to right, rgba(255, 255, 255, 0.7), #fff);z-index:110; display:none}
.hn_mainTop .js_tabs.link.scroll>.scroll_wrap{position:relative;top:-33px;z-index:100;background:#fff;overflow-y:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;border-bottom:none;transition:top .4s ease-out;-webkit-transition:top .4s ease-out}
.hn_mainTop .js_tabs.link.scroll>.scroll_wrap.on{top:0;border-bottom:1px solid #eaeaea;margin-top:-.1rem}
.Android .hn_mainTop .js_tabs.link.scroll>.scroll_wrap.on {margin-top:-.2rem}
.hn_mainTop .js_tabs.scroll.sticky_add .tabs.box {margin:0 !important}
.hn_mainTop .js_tabs.scroll.sticky_add li {margin:0 0 0 1rem !important}
.hn_mainTop .js_tabs.scroll.sticky_add li:first-child {margin-left:0 !important}
.hn_mainTop .js_tabs.scroll.prevShadow:before {display:none}
.hn_mainTop .scroll_wrap_x .sp_list_wrap .item_unit.box {min-height:19.4rem}
.hn_mainTop .tabs li a:not(.btn_tooltip) {line-height:2.2rem}
.hn_mainTop .text_wrap {margin-top:7rem}
.hn_mainTop .hn_travel_event .text_wrap {margin-top:0}
.hn_mainTop #header {background:none;height:5rem} 
.hn_mainTop.scroll_fixed_out #header {height:9.2rem;background:linear-gradient(to top, rgba(255, 255, 255, 0) 34%, #fff 0%);background:-webkit-linear-gradient(to top, rgba(255, 255, 255, 0) 34%, #fff 0%);}
.hn_mainTop .contents {padding-top:0}
.ribbon .hn_mainTop .contents {padding-top:6rem} 
.hn_mainTop .main_visual{padding-top:6rem !important; background:no-repeat right top / auto 25.5rem}
.hn_mainTop .sp_list_wrap .scroll_wrap .sc_item .item_text {letter-spacing:-0.03rem}

/* 20200818 메인변경 : 수정 */
.hn_mainTop .quick_search {background:none; padding-bottom:2.5rem; margin-bottom:1rem;box-shadow:0 10px 0 #f4f5f9}
.hn_mainTop .contents .quick_search .srch_find_wrap {position:relative;}
.hn_mainTop .contents .srch_find {height:4.8rem;line-height:4.8rem;margin-bottom:1rem;padding-left:2rem;border-radius:10rem;font-size:1.4rem;background-color:#f8f8f8;color:#aaa;border-color:#eee;font-weight:400;}
.hn_mainTop .contents .quick_search .srch_find_wrap .rcm_find {position:absolute;right:0;top:0;width:4.8rem;height:4.8rem;background:url('https://image.hanatour.com/usr/static/img/mobile/com/ico-gnb-search-40.png') no-repeat 1rem center / 1.7rem 1.7rem;}
.hn_mainTop_tit {font-size:2rem; color:#111; margin:0 0 2.9rem; font-weight:600}
.Android .hn_mainTop_tit {font-weight:bold}
.hn_mainTop_tit a {display:inline-block;color:#fff; background-color:#000; padding:.5rem .9rem .4rem; border-radius:50px; font-size:1rem; margin:0 0 0 1rem; position:relative;top:-0.4rem}
.hn_mainTop_quick01 {overflow:hidden;border-top:1px solid #f5f6f9; margin:0 -2rem; background:#fff}
.hn_mainTop_quick01 li {float:left;width:50%; box-sizing:border-box; border-bottom:1px solid #f5f6f9}
.hn_mainTop_quick01 li:nth-child(odd) {border-right:1px solid #f5f6f9}
.hn_mainTop_quick01 li a {display:block;color:#666;background: no-repeat 80% 50% / 35px 35px;padding:2.4rem 2.5rem; font-size:1.3rem}
.hn_mainTop_quick01 li a strong {font-weight:600; font-size:1.5rem;color:#111;display:block;margin-bottom:0.5rem}
.hn_mainTop_quick01 li.bg_ico01 a {background-image:url(https://image.hanatour.com/usr/static/img/mobile/main/ico_newtop_quick01_01.png)}
.hn_mainTop_quick01 li.bg_ico02 a {background-image:url(https://image.hanatour.com/usr/static/img/mobile/main/ico_newtop_quick01_02.png)}
.hn_mainTop_quick01 li.bg_ico03 a {background-image:url(https://image.hanatour.com/usr/static/img/mobile/main/ico_newtop_quick01_03.png)}
.hn_mainTop_quick01 li.bg_ico04 a {background-image:url(https://image.hanatour.com/usr/static/img/mobile/main/ico_newtop_quick01_04.png)}
.hn_mainTop_quick02 {margin:0 -.5rem 2.5rem;}
.hn_mainTop_quick02 ul:after {display:block;content:'';clear:both;}
.hn_mainTop_quick02 li {float:left;width:25%;}
.hn_mainTop_quick02 li:nth-child(-n + 4) {margin-bottom:2rem;}
.hn_mainTop_quick02 li a {position:relative;display:block;padding-top:37px;font-size:1.2rem;background: center 0 / 32px 32px no-repeat;text-align:center;color:#000; font-weight:600;}
.hn_mainTop_quick02 li.bg_ico01 a {background-image:url(https://image.hanatour.com/usr/static/img/mobile/main/ico_newtop_quick02_01.png)}
.hn_mainTop_quick02 li.bg_ico02 a {background-image:url(https://image.hanatour.com/usr/static/img/mobile/main/ico_newtop_quick02_02.png)}
.hn_mainTop_quick02 li.bg_ico03 a {background-image:url(https://image.hanatour.com/usr/static/img/mobile/main/ico_newtop_quick02_03.png)}
.hn_mainTop_quick02 li.bg_ico03.label a:after {content:'';position:absolute;left:50%;top:-18px;width:47px;height:17px;background:url(https://image.hanatour.com/usr/static/img/mobile/main/ico_newtop_quick02_03_label.png) 0 0 / 47px 17px no-repeat;transform:translate(-50%, 0);}
.hn_mainTop_quick02 li.bg_ico04 a {background-image:url(https://image.hanatour.com/usr/static/img/mobile/main/ico_newtop_quick02_04.png)}
.hn_mainTop_quick02 li.bg_ico05 a {background-image:url(https://image.hanatour.com/usr/static/img/mobile/main/ico_newtop_quick02_05.png)}
.hn_mainTop_quick02 li.bg_ico06 a {background-image:url(https://image.hanatour.com/usr/static/img/mobile/main/ico_newtop_quick02_06.png)}
.hn_mainTop_quick02 li.bg_ico07 a {background-image:url(https://image.hanatour.com/usr/static/img/mobile/main/ico_newtop_quick02_07.png)}
.hn_mainTop_quick02 li.bg_ico08 a {background-image:url(https://image.hanatour.com/usr/static/img/mobile/main/ico_newtop_quick02_08.png)}
.hn_mainTop_quick03 {display:none;overflow:hidden; padding-top:3rem; background:#fff}
.hn_mainTop_quick03 li {float:left;width:50%; border-radius:5px; overflow:hidden; box-sizing:border-box}
.hn_mainTop_quick03 li:nth-child(odd) {padding-right:0.6rem}
.hn_mainTop_quick03 li:nth-child(even) {padding-left:0.6rem}
.hn_mainTop_quick03 li a {display:block;background: no-repeat 0 0 / 100% 100%; color:#fff; box-sizing:border-box; padding:1.8rem 1rem 0 1.8rem; height:16.4rem; font-size:1.3rem; overflow:hidden; border-radius:5px}
.hn_mainTop_quick03 li a strong {display:block; font-size:1.5rem; margin-bottom:0.5rem}
/* 20200818 메인변경 : 수정 */

.hn_mainTop .right_cont .btn.txt.line{font-size:1.3rem}
.hn_mainTop .js_banner_wrap .banner_tit{font-size:1.7rem}
.hn_mainTop .sp_list_wrap .thumbnail img {border-radius:.5rem}

/* 20200812 메인변경 : 수정 */
@media all and (min-width:768px) { /* 768이상 */
.hn_mainTop_quick03 li a {background: no-repeat 0 -10rem / 100% 190%; height:20rem}
}
@media all and (min-width:1024px) { /* 1024이상 */
.hn_mainTop_quick02 {min-height:18rem;} /*20200730 퀵서치영역 변경*/
}
/* // 20200812 메인변경 : 수정 */

/* 안드로이드 폰트 굵기적용 */
.Android #header h1.title,.Android .co_brand>strong,.Android .srch_top #header h1.title,.Android .srch_top #header h1.title>a,.Android #footer .office_info_wrap address strong,.Android #footer .link_etc li a strong{font-weight:bold}

/* 알럿 아코디언 대응 */
.js_acc.alert_acc {border:0; margin-top:1.5rem}
.js_acc.alert_acc .header {font-size: 1.4rem;padding: 0 2rem 0 0;display: inline-block;background-size: 1.3rem auto;border-bottom: 0;color: #666;}
.js_acc.alert_acc .header .imagine_tit:before {content:'자세히보기';font-weight:normal}
.js_acc.alert_acc .header.active {margin-bottom:1rem}
.js_acc.alert_acc .header.active .imagine_tit:before {content:'닫기'}
.js_acc.alert_acc .view {border:0;padding: 0;}
.js_acc.alert_acc .view .message_code {font-size:1.2rem;color:#666;background-color:#f4f5f9;padding:2rem;max-height:7rem; overflow-y:auto}

/* 로딩 v2.0 */
.loading_wrap {
  z-index: 5000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 !important;
  max-width: 100vw !important;
  width: 100%;
  max-height: 100vh;
}
.loading_wrap .dix_fix {
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  opacity: 85%;
}
.loading_wrap .loading_cont {
  display: flex;
  height: 100vh;
}
.loading_wrap .loading_cont .content {
  flex: 1;
  align-self: center;
}
.loading_wrap .loading_cont .content .sort_tit {
  text-align: center;
}
.loading_wrap .loading_cont .content .sort_tit em {
  font-size: 1.4rem;
  font-weight: bold;
  color: #111;
  letter-spacing: -0.84px;
  line-height: 2.2rem;
}
.loading_wrap .loading_cont .content .sort_tit.comm em {
  color: #522bb8;
}
.loading_wrap .loading_cont .content .wait_txt {
  font-size: 1.2rem;
  text-align: center;
  color: #666;
  letter-spacing: -0.48px;
  line-height: 1.7rem;
}

.list_loading_wrap {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}
.list_loading_wrap .content {
  flex: 1;
  padding: 1rem 0 4rem;
  background-color: #fff;
  align-self: flex-end;
}
.list_loading_wrap .content .more_txt {
  font-size: 1.4rem;
  color: #666;
  text-align: center;
  letter-spacing: -0.84px;
  line-height: 2.2rem;
}
.list_loading_wrap.v2{position:relative}
.list_loading_wrap.v2 .content{padding:0.4rem 0 2rem}
.list_loading_wrap.v2 .content .more_txt strong{display:block;color:#5e2bb8}