@charset "utf-8";
/**
 * 2019-09-09 17:47:20
 * 2019-09-26 11:57:00
 */

/**
 * base
 */
html{font-size:14px}
*{ font-family: 'SCoreDream', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif }
a{color:#333}
a:hover{text-decoration:none}
ul, ol{margin:0px;padding:0px;list-style:none}
h1, h2, h3, h4{ font-family: 'SCoreDream'; font-weight:500; }
.clearft{margin:0px;padding:0px;height:0px;width:0px;clear:both}


/**
 * body
 */
body{overflow-x:hidden;width:100%}
.body_covered{position:relative;height:100%;overflow:hidden;width:100%;height:100%}
.body_covered:after{display:block;content:'';position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;background-color:#000;opacity:.3}
.side_nav_lefton #side_nav_left{left:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .3s ease-in-out}


/**
 * helper
 */
.show{display:block!important}
.hide{display:none!important}
.transition{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

/*
row padding small
*/
.row_s{margin-right:-5px;margin-left:-5px}
.row_s>.col,.row_s>.col-1,.row_s>.col-2,.row_s>.col-3,.row_s>.col-4,.row_s>.col-5,.row_s>.col-6,.row_s>.col-7,.row_s>.col-8,.row_s>.col-9,.row_s>.col-10,.row_s>.col-11,.row_s>.col-12,.row_s>.col-sm-1,.row_s>.col-sm-2,.row_s>.col-sm-3,.row_s>.col-sm-4,.row_s>.col-sm-5,.row_s>.col-sm-6,.row_s>.col-sm-7,.row_s>.col-sm-8,.row_s>.col-sm-9,.row_s>.col-sm-10,.row_s>.col-sm-11,.row_s>.col-sm-12,.row_s>.col-md-1,.row_s>.col-md-2,.row_s>.col-md-3,.row_s>.col-md-4,.row_s>.col-md-5,.row_s>.col-md-6,.row_s>.col-md-7,.row_s>.col-md-8,.row_s>.col-md-9,.row_s>.col-md-10,.row_s>.col-md-11,.row_s>.col-md-12,.row_s>.col-lg-1,.row_s>.col-lg-2,.row_s>.col-lg-3,.row_s>.col-lg-4,.row_s>.col-lg-5,.row_s>.col-lg-6,.row_s>.col-lg-7,.row_s>.col-lg-8,.row_s>.col-lg-9,.row_s>.col-lg-10,.row_s>.col-lg-11,.row_s>.col-lg-12,.row_s>.col-xl-1,.row_s>.col-xl-2,.row_s>.col-xl-3,.row_s>.col-xl-4,.row_s>.col-xl-5,.row_s>.col-xl-6,.row_s>.col-xl-7,.row_s>.col-xl-8,.row_s>.col-xl-9,.row_s>.col-xl-10,.row_s>.col-xl-11,.row_s>.col-xl-12{padding-right:5px;padding-left:5px}
.row_np{margin-right:0px;margin-left:0px}
.row_np>.col,.row_np>.col-1,.row_np>.col-2,.row_np>.col-3,.row_np>.col-4,.row_np>.col-5,.row_np>.col-6,.row_np>.col-7,.row_np>.col-8,.row_np>.col-9,.row_np>.col-10,.row_np>.col-11,.row_np>.col-12,.row_np>.col-sm-1,.row_np>.col-sm-2,.row_np>.col-sm-3,.row_np>.col-sm-4,.row_np>.col-sm-5,.row_np>.col-sm-6,.row_np>.col-sm-7,.row_np>.col-sm-8,.row_np>.col-sm-9,.row_np>.col-sm-10,.row_np>.col-sm-11,.row_np>.col-sm-12,.row_np>.col-md-1,.row_np>.col-md-2,.row_np>.col-md-3,.row_np>.col-md-4,.row_np>.col-md-5,.row_np>.col-md-6,.row_np>.col-md-7,.row_np>.col-md-8,.row_np>.col-md-9,.row_np>.col-md-10,.row_np>.col-md-11,.row_np>.col-md-12,.row_np>.col-lg-1,.row_np>.col-lg-2,.row_np>.col-lg-3,.row_np>.col-lg-4,.row_np>.col-lg-5,.row_np>.col-lg-6,.row_np>.col-lg-7,.row_np>.col-lg-8,.row_np>.col-lg-9,.row_np>.col-lg-10,.row_np>.col-lg-11,.row_np>.col-lg-12,.row_np>.col-xl-1,.row_np>.col-xl-2,.row_np>.col-xl-3,.row_np>.col-xl-4,.row_np>.col-xl-5,.row_np>.col-xl-6,.row_np>.col-xl-7,.row_np>.col-xl-8,.row_np>.col-xl-9,.row_np>.col-xl-10,.row_np>.col-xl-11,.row_np>.col-xl-12{padding-right:0px;padding-left:0px}

/*
col-xs- 대응
*/
.col-xs-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%;}
.col-xs-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;}
.col-xs-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}
.col-xs-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}
.col-xs-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%;}
.col-xs-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
.col-xs-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;}
.col-xs-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}
.col-xs-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;}
.col-xs-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%;}
.col-xs-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%;}
.col-xs-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}

/*
반응형 마진 패딩
m - margin
p - padding
r - responsive
*/
.m-r{margin:2rem!important;}
.my-r,.mt-r{margin-top:2rem!important;}
.my-r,.mb-r{margin-bottom:2rem!important;}
.ml-r,.mx-r{margin-left: 2rem!important;}
.mr-r,.mx-r{margin-right: 2rem!important;}
.p-r{padding:2rem!important;}
.py-r,.pt-r{padding-top:2rem!important;}
.py-r,.pb-r{padding-bottom:2rem!important;;}
.pl-r,.px-r{padding-left: 2rem!important;}
.pr-r,.px-r{padding-right: 2rem!important;}

@media (min-width:576px){
.m-r{margin:2.5rem!important;}
.my-r,.mt-r{margin-top:2.5rem!important;}
.my-r,.mb-r{margin-bottom:2.5rem!important;}
.ml-r,.mx-r{margin-left: 2.5rem!important;}
.mr-r,.mx-r{margin-right: 2.5rem!important;}
.p-r{padding:2.5rem!important;}
.py-r,.pt-r{padding-top:2.5rem!important;}
.py-r,.pb-r{padding-bottom:2.5rem!important;;}
.pl-r,.px-r{padding-left: 2.5rem!important;}
.pr-r,.px-r{padding-right: 2.5rem!important;}
}

@media (min-width:768px){
.m-r{margin:3rem!important;}
.my-r,.mt-r{margin-top:3rem!important;}
.my-r,.mb-r{margin-bottom:3rem!important;}
.ml-r,.mx-r{margin-left: 3rem!important;}
.mr-r,.mx-r{margin-right: 3rem!important;}
.p-r{padding:3rem!important;}
.py-r,.pt-r{padding-top:3rem!important;}
.py-r,.pb-r{padding-bottom:3rem!important;;}
.pl-r,.px-r{padding-left: 3rem!important;}
.pr-r,.px-r{padding-right: 3rem!important;}
}

@media (min-width:992px){
.m-r{margin:3.5rem!important;}
.my-r,.mt-r{margin-top:3.5rem!important;}
.my-r,.mb-r{margin-bottom:3.5rem!important;}
.ml-r,.mx-r{margin-left: 3.5rem!important;}
.mr-r,.mx-r{margin-right: 3.5rem!important;}
.p-r{padding:3.5rem!important;}
.py-r,.pt-r{padding-top:3.5rem!important;}
.py-r,.pb-r{padding-bottom:3.5rem!important;;}
.pl-r,.px-r{padding-left: 3.5rem!important;}
.pr-r,.px-r{padding-right: 3.5rem!important;}
}

@media (min-width:1200px){
.m-r{margin:4rem!important;}
.my-r,.mt-r{margin-top:4rem!important;}
.my-r,.mb-r{margin-bottom:4rem!important;}
.ml-r,.mx-r{margin-left: 4rem!important;}
.mr-r,.mx-r{margin-right: 4rem!important;}
.p-r{padding:4rem!important;}
.py-r,.pt-r{padding-top:4rem!important;}
.py-r,.pb-r{padding-bottom:4rem!important;;}
.pl-r,.px-r{padding-left: 4rem!important;}
.pr-r,.px-r{padding-right: 4rem!important;}
}

/*
.m-7{margin:3rem!important;}
.my-7,.mt-7{margin-top:3rem!important;}
.my-7,.mb-7{margin-bottom:3rem!important;}
.ml-7,.mx-7 {margin-left: 3rem!important;}
.mr-7,.mx-7 {margin-right: 3rem!important;}
.p-7{padding:3rem!important;}
.py-7,.pt-7{padding-top:3rem!important;}
.py-7,.pb-7{padding-bottom:3rem!important;;}
.pl-7,.px-7 {padding-left: 3rem!important;}
.pr-7,.px-7 {padding-right: 3rem!important;}

.m-8{margin:4rem!important;}
.my-8,.mt-8{margin-top:4rem!important;}
.my-8,.mb-8{margin-bottom:4rem!important;}
.ml-8,.mx-8 {margin-left: 4rem!important;}
.mr-8,.mx-8 {margin-right: 4rem!important;}
.p-8{padding:4rem!important;}
.py-8,.pt-8{padding-top:4rem!important;}
.py-8,.pb-8{padding-bottom:4rem!important;;}
.pl-8,.px-8 {padding-left: 4rem!important;}
.pr-8,.px-8 {padding-right: 4rem!important;}
*/

/**
 * header
 */
#site_header{background-color:#fff;box-shadow:0px 2px 4px 2px rgba(0,0,0,0.2)}
#g_sitenav_area{display:none; background-color:#facc5b; /* background: linear-gradient(to right, #f28f22, #ffcc70, #f28f22);*/  }

#g_sitenav_container ul:after{display:block;content:'';clear:both}
#g_sitenav_container ul li{float:left}
#g_sitenav_container ul li a{display:block;padding:6px 10px 6px 10px;border-left:1px solid rgba(255,255,255,0.6);font-family: 'SCoreDream'; font-size:12px;color:#fff}
#g_sitenav_container ul li:last-child a{border-right:1px solid rgba(255,255,255,0.6)}
#g_sitenav_container ul li a.active{color:#242424;background-color:#fcecc7;font-weight:bold}
@media (min-width:768px){#g_sitenav_area{display:block}}

#header_logo_cn{padding:10px}
#header_logo_cn:after{display:block;content:'';clear:both}
#header_logo{float:left}
#header_logo a{display:block}
#header_logo a img{
  height:37px;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  /*transition-delay: 1s;*/
}
#header_cn{display:none}

#btn_toggle_sidemenu{float:right;padding:4px 0px;width:35px;height:35px;background:#facc5b;cursor:pointer}
#btn_toggle_sidemenu .line{width:20px;height:2px;background-color:#fff;display:block;margin:5px auto}

.sticky#site_header{position:fixed;left:0px;top:0px;z-index:100;width:100%;background-color:#fff;
-webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.sticky #g_sitenav_area{display:none}
.sticky #header_logo a img{height:37px}

@media (min-width:768px){
    #header_logo_cn{padding:15px}
    #header_cn{display:block;float:right}
    #header_cn:after{display:block;content:'';clear:both}
    #header_cn ul{float:left;padding:8px 0px}
    #header_cn ul:after{display:block;content:'';clear:both}
    #header_cn ul li{float:left;margin-left:12px;font-size:14px}
    #header_cn ul li a{display:block;padding-left:24px;cursor:pointer}
    #header_cn ul li:hover a{color:#ffb400}
    #header_cn ul.subnav{display:none}
    #cn_login{background:url(img/hf/util_logo_login_off.png) no-repeat 0px 0px}
    #cn_login:hover{background-image:url(img/hf/util_logo_login_on.png)}
    #cn_logout{background:url(img/hf/util_logo_login_off.png) no-repeat 0px 0px}
    #cn_logout:hover{background-image:url(img/hf/util_logo_login_on.png)}
    #cn_member_input{background:url(img/hf/util_logo_join_off.png) no-repeat 0px 0px}
    #cn_member_input:hover{background-image:url(img/hf/util_logo_join_on.png)}
    #cn_mypage{background:url(img/hf/util_logo_reserve_off.png) no-repeat 0px 0px}
    #cn_mypage:hover{background-image:url(img/hf/util_logo_reserve_on.png)}
    #cn_subnav{background:url(img/hf/util_logo_join_off.png) no-repeat 0px 0px}
    #cn_subnav:hover{background-image:url(img/hf/util_logo_join_on.png)}
    .sticky #header_logo_cn{padding:7px 15px;
        -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
        -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
        -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
        -ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
        transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    }
    .sticky #gnb_eu > li > a{padding:8px 11px;letter-spacing:-1px;
        -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
        -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
        -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
        -ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
        transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    }
    .sticky .gnb_sub > li > a{padding:8px 8px;
        -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
        -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
        -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
        -ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
        transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    }
}

#sidenav{position:fixed;right:-100%;top:0;z-index:1999;width:0px;height:100%;overflow-y:auto}
#sidenav.open{right:0;width:100%;-webkit-transition: all .3s ease-in-out;-moz-transition: all .35s ease-in-out;transition: all .3s ease-in-out}
#sidenav.open #l_goodsnav_area{position:absolute;top:0;right:0px;z-index:2001;width:80%;min-height:100%;margin:0;overflow-y:auto;background-color:#fff;-webkit-box-shadow:0 0 10px 1px rgba(0,0,0,.3);-moz-box-shadow:0 0 10px 1px rgba(0,0,0,.3);box-shadow:0 0 10px 1px rgba(0,0,0,.3)}
#sidenav_cover{display:block;position:absolute;left:0px;top:0px;z-index:2000;width:100%;height:100%}

.sidenav_header{position:relative;padding:15px;border-bottom:1px solid #eaebeb}
.sidenav_mn{margin:0;padding:0;list-style:none}
.sidenav_mn li{display:inline-block}
.sidenav_mn li:after{display:inline-block;content:'/';margin:0px 5px}
.sidenav_mn li:last-child:after{content:''}
.sidenav_mn li a{font-size:12px;font-weight:bold}
.btn_sidenav_close{position:absolute;right:15px;top:50%;width:40px;height:40px;cursor:pointer;transform:translateY(-50%)}
.btn_sidenav_close .line{display:block;position:absolute;top:50%;left:50%;width:30px;height:2px;background-color:#777673}
.btn_sidenav_close .line:nth-child(1){transform:translate(-50%, -50%) rotate(45deg)}
.btn_sidenav_close .line:nth-child(2){transform:translate(-50%, -50%) rotate(-45deg)}

.sidenav_body{position:relative;height:calc(100vh - 68px)}
.sidenav_body:after{display:block;content:'';clear:both}
.sidenav_ctgy{float:left;margin:0;padding:0;width:70px;list-style:none;background-color:#403e3a}
.sidenav_ctgy li{position:relative;width:70px;height:70px;line-height:70px;border-bottom:1px solid #757471;text-align:center;color:#eaeaea;font-size:14px;letter-spacing:-1px;cursor:pointer}
.sidenav_ctgy li a{display:block;width:70px;height:70px;color:#eaeaea}
.sidenav_ctgy li.active,
.sidenav_ctgy li.active a{background:#ffffff;color:#3f3e3a}
.sidenav_ctgy li.active:after{display:block;content:"";position:absolute;top:0;left:0;width:5px;height:70px;background:#ffb400}
.sidenav_links{float:left;width:calc(100% - 70px);margin:0;padding:0;list-style:none}
.sidenav_links .sidenav_links_group{display:none;margin:0;padding:0;list-style:none}
.sidenav_links .active{display:block}

.sidenav_links_group .card{background-image:none;border:none;border-radius:0px}
.sidenav_links_group .card .card-header{background-color:#fff;border:none;padding:0px}
.sidenav_links_group .card .card-header .card-link{display:block;position:relative;padding:.75rem 1.25rem;border-bottom:1px solid #eee}
.sidenav_links_group .card .card-header .card-link i{position:absolute;right:20px}
.sidenav_links_group .card .card-body{padding:0px 20px;background-color:#f5f5f5}
.sidenav_links_group .card .card-body ul li{padding:10px}

.sidenav_normal a{
  display: block;
  position: relative;
  padding: .75rem 1.25rem;
  border-bottom: 1px solid #eee;
}

@media (min-width:576px){
    #l_goodsnav_area{width:70%}
}

@media (min-width:768px){
    #l_goodsnav_area{width:60%}
}

@media (min-width:992px){
    #l_goodsnav_area{width:50%}
}

@media (min-width:1200px){
    #l_goodsnav_area{width:40%}
}

/* pc nav 영역 */
.site_nav_pc{position:relative;width:100%;border-top:1px solid #eaebeb}
.gnb{overflow:auto;white-space:nowrap;/*-ms-overflow-style:none;*/}
/*.gnb::-webkit-scrollbar {display:none;}*/
.gnb:after{display:block;content:'';clear:both}
.gnb::-webkit-scrollbar{width:10px;height:5px;}
.gnb::-webkit-scrollbar-track{background:#f1f1f1;}
.gnb::-webkit-scrollbar-thumb{background:#999;}
.gnb::-webkit-scrollbar-thumb:hover{background:#000;}
.gnb > li{display:inline-block;}
.gnb > li.community{background-color:#eee}
.gnb > li > a{display:block;position:relative;padding:12px 16px;font-family: 'SCoreDream';font-size:16px;font-weight:400;color:#393737;letter-spacing:-1px;/*transition:all 0.25s cubic-bezier(0.300, 0.100, 0.580, 1.000);*/}
.gnb > li > a:after{display:block;content:'';clear:both;position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:17px;background:#eee}
.gnb > li:first-child > a:after{display:none}
.gnb > .active > a{background:#facd5d;color:#000}
.gnb > li > a:hover,
.gnb > .over_active > a{background:#ffb833;color:#fff}

#gnb_eu > li > a{padding:12px 11px;letter-spacing:-1px}
.gnb_subs{display:none;width:100%;height:auto;width:100%;background-color:#555}
.gnb_subs.open,
.gnb_subs.tmp_open{display:block}
.gnb_subs .gnb_sub{display:none;width:100%}
.gnb_subs .active,
.gnb_subs .tmp_active{display:block}
.gnb_sub:after{display:block;content:'';clear:both}
.gnb_subs ul{overflow:auto;white-space:nowrap;/*-ms-overflow-style:none;*/}
/*.gnb_subs ul::-webkit-scrollbar {display:none;}*/
.gnb_subs ul::-webkit-scrollbar{width:10px;height:5px;}
.gnb_subs ul::-webkit-scrollbar-track{background:#f1f1f1;}
.gnb_subs ul::-webkit-scrollbar-thumb{background:#999;}
.gnb_subs ul::-webkit-scrollbar-thumb:hover{background:#000;}
.gnb_sub > li{display:inline-block}
.gnb_sub > li > a{display:block;position:relative;padding:12px 8px;font-family: 'SCoreDream'; font-size:14px;font-weight:400;color:#fff;letter-spacing:-1px;/*transition:all 0.25s cubic-bezier(0.300, 0.100, 0.580, 1.000);*/}

#gnb_jp > li > a{ padding:12px 10px;letter-spacing:-1px;}






@media (min-width:576px){

}
@media (min-width:768px){

}
@media (min-width:992px){

}
@media (min-width:1200px){
  .gnb > li{display:block;float:left}
  .gnb > li.community{float:right}
  .gnb_sub > li{display:block;float:left}
  .gnb_sub > li.current_gnb_sub a{color:#facc5b;}
}

/**
 * footer
 */
#site_footer{margin:0;border-top:1px solid #eee;text-align:left;font-size:12px}
#site_footer p,
#site_footer h4,
#site_footer h5{margin:0px}
#site_footer h4,
#site_footer h5{letter-spacing:-1px}
#site_footer h5{font-weight:bold;font-size:14px}
#footer_contect{margin:30px auto}
#ars{letter-spacing:-1px;font-weight:500;color:#666;border-right:1px solid #edecec}
#ars span{font-size:16px;color:#666;font-weight:500}
#ars h4{font-size:36px;color:#242424;font-family:'Roboto';font-weight:500}
#ars p{font-size:16px;padding-top:14px;padding-top:5px;padding-bottom:15px}
#ars p span{color:#242424}
.cscenter_tit{margin-bottom:10px;padding:10px;background-color:#f7f7f7;}
.cscenter_tit h4{margin:0;font-size:1.5em;color:#515151;line-height:1.4em;}
.cscenter_tit h4 img{display:inline-block;vertical-align:text-top;height:24px;}
.eu_phone p,
.jp_phone p,
.america_phone p,
.luxury_phone p{color:#242424;font-size:24px;font-family:'Roboto';font-weight:400}
.eu_phone h5{color:#0d8fda}
.jp_phone h5{color:#ec644b}
.america_phone h5{color:#118268}
.luxury_phone h5{color:#2e2921}
#footer_bankaccount .bank{padding-top:10px}
#footer_bankaccount .bank h5{font-size:14px;color:#888;padding-bottom:5px}
#footer_bankaccount .bank p{font-size:12px;color:#242424;font-family:'Roboto'}
#footer_nav_iosinfo{border-top:1px solid #eee;color:#bbb;background-color:#f7f7f7}
#footer_nav_iosinfo ul li{display:inline-block;line-height:1.7}
#footer_nav{padding:8px 0;font-size:1.1em;text-align:center;border-bottom:1px solid #d7d5d5;margin:0}

#footer_ios_info{padding:20px 0 10px}
#footer_ios_info h4{font-size:16px;color:#242424;font-weight:bold;display:inline-block}
#footer_ios_info ul li::after{content:"";display:inline-block;clear:both;width:1px;height:10px;background-color:#c7c4c4;margin:0 0 0 5px}
#footer_ios_info ul li:nth-child(4)::after,
#footer_ios_info ul li:last-of-type::after{display:none}
#footer_ios_info ul li span{color:#666}
#footer_ios_info p{color:#666;padding-top:5px}
#footer_ios_info p a{text-decoration:underline}

#footer_copyright{background-color:#e6e6e6;color:#666;;font-family:'Roboto';font-size:13px;padding:8px 0;text-align:center}
@media only screen and ( max-width:991px ){
    #ars{text-align:center;border-right:none;padding-bottom:50px}
    .cscenter_tit{text-align:center;}
}
@media only screen and ( max-width:767px ){
    #ars{border-bottom:1px solid #eee;padding-bottom:30px;margin-bottom:30px}
    #footer_bankaccount{text-align:center}
    .cscenter_cnt{margin-bottom:20px}
    .cscenter_cnt .bank{padding-bottom:20px;border-bottom:1px solid #eee}
}
@media only screen and ( max-width:414px ){
    #footer_nav_iosinfo ul li{display:block}
    #footer_ios_info ul li::after{display:none}
}

#btn_scroll_top {display:none;position:fixed;right:20px;bottom:20px;z-index:100;width:40px;height:40px;box-shadow:0 2px 4px 2px rgba(0, 0, 0, 0.05);overflow:hidden;text-indent:100%;white-space:nowrap;background:#1CCDCA url(http://cdn.ios.co.kr/common/img/hm-top-arrow.svg) no-repeat center 50%;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;cursor:pointer}


#link { text-align: center; }

/**
 * common
 */
/* section old*/
.s_o{position:relative;text-align:center;}
.s_o:after{display:block;content:'';clear:both;}
.s_o img{max-width:100%;}
.tgs_wrap{margin:0 auto;}
.tgs_ctns{max-width:1140px;margin:0 auto;}

.s{position:relative;text-align:center;}
.s:after{display:block;content:'';clear:both;}
.s img{max-width:100%;}
.s_h{margin-bottom:2rem;padding-top:2rem;padding-bottom:2rem;background-color:#eff7fd;}
.s_h .t1{margin-bottom:1rem;text-align:center;font-size:3rem;font-weight:bold;color:#000;}
.s_h .t1_sub,
.s_h .s_h_txt{text-align:center;color:#444;}
@media (min-width:768px){
  .s_h .t1{font-size:1.8rem;}
}
@media (min-width:992px){
  .s_h .t1{font-size:2.2rem;}
}
.cm_img{display:inline-block;position:absolute;left:50%;top:50%;z-index:30;transform:translate(-50%, -50%);}
.cm_img_top{display:inline-block;position:absolute;left:50%;top:15%;z-index:30;transform:translate(-50%, 0%);}
.cm_b{position:absolute;left:50%;top:50%;z-index:30;transform:translate(-50%, -50%);}

.s_header{margin-bottom:2rem;padding-top:2rem;padding-bottom:2rem;background-color:#eff7fd;}
.s_header .s_name{margin-bottom:0;text-align:center;font-size:1.4rem;font-weight:bold;color:#000;}
.s_header .s_name small{display:block;}
.s_header .t1{margin-bottom:1rem;text-align:center;font-size:3rem;font-weight:bold;color:#000;}
.s_header .t1_sub,
.s_header .s_header_txt{text-align:center;color:#444;}
@media (min-width:768px){
  .s_header .s_name{font-size:1.8rem;}
}
@media (min-width:992px){
  .s_header .s_name{font-size:2.2rem;}
}


/* pagination */
.bs_pagination .bs_pagination_nav{text-align:center}
.bs_pagination .bs_pagination_nav:after{display:block;content:'';clear:both}
.bs_pagination .bs_pagination_nav .pagination{margin:10px 0}
.bs_pagination .bs_pagination_status{text-align:center}
.bs_pagination .bs_pagination_status:after{display:block;content:'';clear:both}
.bs_pagination .bs_pagination_status .bs_pagination_page_no{text-align:center}
.bs_pagination .bs_pagination_status .bs_pagination_total{float:right}


/* good_list */
.gls{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem;flex:1 1 auto;padding:1.25rem}
.gls:after{display:block;content:'';clear:both}
.gl_w{position:relative;font-size:14px}
.gl_photo{position:relative;width:100%}
.gl_photo:before{content:"";display:block;padding-top:70%}
.gl_photo img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}
.gl_name{font-size:1.2em;font-weight:bold}
.gl_desc{font-size:1em;color:#3f3e3a}
.gl_price{text-align:right;font-size:1.2em}
.gl_link{text-align:right}
.gl_link a{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;color:#fff;background-color:#17a2b8}


/* section basic container */
.sc{position:relative;font-size:14px}
.sc_t{position:relative;display:inline-block;margin:0 auto;color:#324545;font-size:2em;font-weight:400;letter-spacing:1px;padding-bottom:10px}
.sc_t span{font-size:1em;font-weight:700}
.sc_t .accent_blue{color:#89bbd6; font-size:1em;font-weight:700}
.sc_t_line{background:rgba(0, 0, 0, 0.07);bottom:0;height:1px;position:absolute;width:100%}
.sc_t_line:before {display:block;position:absolute;left:50%;width:100px;height:1px;content:"";background:#1cc6df;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);transition:all 0.4s ease}
.sc_t:hover .sc_t_line:before {width:100%;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;-ms-transition:all 0.4s ease;transition:all 0.4s ease}
.sc_bg_gray{background:#f9fafc;border-top:1px solid #eaebed;border-bottom:1px solid #eaebed}
.sc_t_accent{text-align:center;font-weight: 800;font-size: 30px;}
.accent_red {font-size: 1em;font-weight: 700;color:#e74c3c}
.hover_shadow a:hover{box-shadow:0px 10px 15px -2px rgba(0,0,0,.12); transition: all 0.3s ease-in-out;}
.eu_border{border: 10px solid #d9f0ff;padding:0px;}
@media (min-width:768px){
  .eu_border{border: 15px solid #d9f0ff;padding:20px;}
}


/* tour good */
.link_tgv8 {display:block;margin:15px 0px;text-align:left;-webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);-moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);-ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);-o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000)}
.tgv8_wrap {position:relative; border:1px solid #d7d7d7}
.tgv8_img {position:relative; z-index:20; overflow:hidden; width:100%;height:0px;padding-bottom:60%}
.tgv8_img img{position:absolute;left:0px;top:0px;width:100%;height:100%;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
.tgv8_img_plus {display:none;position:absolute;left:50%;top:50%;margin:-17px 0px 0px -17px;width:35px;height:35px;background:url(../../cs.ios.co.kr/images/detail_glass.png) 0px 0px no-repeat;z-index:21}
.btn_tg_admin{display:block;position:absolute;right:5px;top:5px;width:40px;height:40px;line-height:40px;border:1px solid #fff;border-radius:50%;color:#fff;background-color:#dc2222;text-align:center;font-size:11px;font-family:dotum,gulim/*-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)*/}
.tgv8_ctns {padding:15px;background-color:#ffffff}
.tgv8_name {height:3rem;font-weight:bold} /* height = 2line * 1.5line-height */
.tgv8_ln1 {margin-top:0.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url('ellipsis.html#ellipsis');height:1.5rem;font-size:0.9rem;color:#666} /* height = 1line * 1.5line-height * 1rem */
.tgv8_ln2 {overflow:hidden;height:4.05rem;color:#E74C3C;font-size:0.9rem} /* height = 3line * 1.5line-height * 0.9rem */
.tgv8_price {font-size:1.4rem; font-weight:bold; text-align:right}
.tgv8_price .tgv8_currency {font-size:.7em}
.link_tgv8:hover .tgv8_wrap {border:1px solid #666}
.link_tgv8:hover .tgv8_img_plus {display:block}
.link_tgv8:hover .tgv8_img img {transform:scale(1.1);}
.tgl_ele_best{position:absolute;left:0px;top:0px;width:78px;height:78px;background:url(../tour_good/read/corner_label_bestseller.png) 0px 0px no-repeat}
.tgl_ele_rcmd{position:absolute;left:0px;top:0px;width:78px;height:78px;background:url(../tour_good/read/corner_label_recommend.png) 0px 0px no-repeat}


.evt_tgw{margin:30px auto;padding:30px 0px;border-top:2px dashed #ccc}
.evt_tgw .evt_tit{margin-bottom:20px;font-weight:bold;font-size:22px;text-align:center;color:#2f7532}





.loading_bar{width:128px;height:15px;margin:10px auto;background:url(../../cdn.hotelonsen.com/img/common/loading/loading_bar_128x15.gif) 0px 0px no-repeat}
.loading_circle{width:128px;height:128px;margin:10px auto;background:url(../../cdn.hotelonsen.com/hoteltira/img/common/loading_circle_128.gif) 0px 0px no-repeat}
.loading_circle_covered{position:absolute;left:0px;top:0px;width:100%;height:100%;background:#fff url(../../cdn.hotelonsen.com/hoteltira/img/common/loading_circle_128.gif) 50% 50% no-repeat;opacity:0.6}
.loading:before{display:block;content:'';position:absolute;left:0px;top:0px;z-index:2000;width:100%;height:100%;background-color:#000;opacity:0.5}
.loading:after{display:block;content:'';position:absolute;left:50%;top:50%;margin-left:-64px;margin-top:-64px;width:128px;height:128px;background:url(../../cdn.hotelonsen.com/hoteltira/img/common/loading_circle_128.gif) 0px 0px no-repeat}


.modal-header .close{position:absolute;right:10px;top:5px;}
.cfm{font-size:0px;text-indent:-9999;height:0px;width:0px;}

.blink{animation: blinker 1s linear infinite;}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.color-fff{color:#fff}


.inipay_modal.fade.in{opacity:1!important}

/*
@media (min-width:576px){}

@media (min-width:768px){}

@media (min-width:992px){}

@media (min-width:1200px){}


display:block;content:'';clear:both

transform:scale(1.1);
-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;


-webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
-ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);






overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
-moz-binding:url('ellipsis.xml#ellipsis');
*/



img:not([draggable]), embed, object, video {
    max-width: 100%;
    height: auto;
}


/* ----------------------------------------------------------------
	6. margin & padding
-----------------------------------------------------------------*/

/* margin */
.allmargin-lg { margin: 80px !important; }
.leftmargin-lg { margin-left: 80px !important; }
.rightmargin-lg { margin-right: 80px !important; }
.topmargin-lg { margin-top: 80px !important; }
.bottommargin-lg { margin-bottom: 80px !important; }

.allmargin { margin: 50px !important; }
.leftmargin { margin-left: 50px !important; }
.rightmargin { margin-right: 50px !important; }
.topmargin { margin-top: 50px !important; }
.bottommargin { margin-bottom: 50px !important; }

.allmargin-sm { margin: 30px !important; }
.leftmargin-sm { margin-left: 30px !important; }
.rightmargin-sm { margin-right: 30px !important; }
.topmargin-sm { margin-top: 30px !important; }
.bottommargin-sm { margin-bottom: 30px !important; }

.allmargin-xs { margin: 15px !important; }
.leftmargin-xs { margin-left: 15px !important; }
.rightmargin-xs { margin-right: 15px !important; }
.topmargin-xs { margin-top: 15px !important; }
.bottommargin-xs { margin-bottom: 15px !important; }

@media only screen and (max-width: 767px) {
  .allmargin-lg { margin: 50px !important; }
  .leftmargin-lg { margin-left: 50px !important; }
  .rightmargin-lg { margin-right: 50px !important; }
  .topmargin-lg { margin-top: 50px !important; }
  .bottommargin-lg { margin-bottom: 50px !important; }

	.allmargin { margin: 30px !important; }
	.leftmargin { margin-left: 30px !important; }
	.rightmargin { margin-right: 30px !important; }
	.topmargin { margin-top: 30px !important; }
	.bottommargin { margin-bottom: 30px !important; }
	.topmargin-m { margin-top: 30px !important; }

	.allmargin-sm { margin: 20px !important; }
	.leftmargin-sm { margin-left: 20px !important; }
	.rightmargin-sm { margin-right: 20px !important; }
	.topmargin-sm { margin-top: 20px !important; }
	.bottommargin-sm { margin-bottom: 20px !important; }
	.topmargin-sm-m { margin-top: 20px !important; }

	.allmargin-xs { margin: 10px !important; }
	.leftmargin-xs { margin-left: 10px !important; }
	.rightmargin-xs { margin-right: 10px !important; }
	.topmargin-xs { margin-top: 10px !important; }
	.bottommargin-xs { margin-bottom: 10px !important; }
}

.nomargin {margin: 0 !important; }
.noleftmargin { margin-left: 0 !important; }
.norightmargin { margin-right: 0 !important; }
.notopmargin { margin-top: 0 !important; }
.nobottommargin { margin-bottom: 0 !important; }

/* padding */

.allpadding-lg { padding: 80px !important; }
.leftpadding-lg { padding-left: 80px !important; }
.rightpadding-lg { padding-right: 80px !important; }
.toppadding-lg { padding-top: 80px !important; }
.bottompadding-lg { padding-bottom: 80px !important; }

.allpadding { padding: 50px !important; }
.leftpadding { padding-left: 50px !important; }
.rightpadding { padding-right: 50px !important; }
.toppadding { padding-top: 50px !important; }
.bottompadding { padding-bottom: 50px !important; }

.allpadding-sm { padding: 30px !important; }
.leftpadding-sm { padding-left: 30px !important; }
.rightpadding-sm { padding-right: 30px !important; }
.toppadding-sm { padding-top: 30px !important; }
.bottompadding-sm { padding-bottom: 30px !important; }

.allpadding-xs { padding: 15px !important; }
.leftpadding-xs { padding-left: 15px !important; }
.rightpadding-xs { padding-right: 15px !important; }
.toppadding-xs { padding-top: 15px !important; }
.bottompadding-xs { padding-bottom: 15px !important; }

@media only screen and (max-width: 767px) {

  .allpadding-lg { padding: 50px !important; }
  .leftpadding-lg { padding-left: 50px !important; }
  .rightpadding-lg { padding-right: 50px !important; }
  .toppadding-lg { padding-top: 50px !important; }
  .bottompadding-lg { padding-bottom: 50px !important; }

	.allpadding { padding: 30px !important; }
	.leftpadding { padding-left: 30px !important; }
	.rightpadding { padding-right: 30px !important; }
	.toppadding { padding-top: 30px !important; }
	.bottompadding { padding-bottom: 30px !important; }
	.toppadding-m { padding-top: 30px !important; }

	.allpadding-sm { padding: 20px !important; }
	.leftpadding-sm { padding-left: 20px !important; }
	.rightpadding-sm { padding-right: 20px !important; }
	.toppadding-sm { padding-top: 20px !important; }
	.bottompadding-sm { padding-bottom: 20px !important; }
	.toppadding-sm-m { padding-top: 20px !important; }

	.allpadding-xs { padding: 10px !important; }
	.leftpadding-xs { padding-left: 10px !important; }
	.rightpadding-xs { padding-right: 10px !important; }
	.toppadding-xs { padding-top: 10px !important; }
	.bottompadding-xs { padding-bottom: 10px !important; }
}

.nopadding { padding: 0 !important; }
.noleftpadding { padding-left: 0 !important; }
.norightpadding { padding-right: 0 !important; }
.notoppadding { padding-top: 0 !important; }
.nobottompadding { padding-bottom: 0 !important; }


/* ----------------------------------------------------------------
	7. Samll Row
-----------------------------------------------------------------*/

.rowSmall { margin-right: -5px; margin-left: -5px; }
.rowSmall > .col-xs-1, .rowSmall > .col-xs-2, .rowSmall > .col-xs-3, .rowSmall > .col-xs-4, .rowSmall > .col-xs-5, .rowSmall > .col-xs-6, .rowSmall > .col-xs-7, .rowSmall > .col-xs-8, .rowSmall > .col-xs-9, .rowSmall > .col-xs-10, .rowSmall > .col-xs-11 { padding-right: 5px; padding-left: 5px; }
.rowSmall > .col-sm-1, .rowSmall > .col-sm-2, .rowSmall > .col-sm-3, .rowSmall > .col-sm-4, .rowSmall > .col-sm-5, .rowSmall > .col-sm-6, .rowSmall > .col-sm-7, .rowSmall > .col-sm-8, .rowSmall > .col-sm-9, .rowSmall > .col-sm-10, .rowSmall > .col-sm-11 { padding-right: 5px; padding-left: 5px; }
.rowSmall > .col-md-1, .rowSmall > .col-md-2, .rowSmall > .col-md-3, .rowSmall > .col-md-4, .rowSmall > .col-md-5, .rowSmall > .col-md-6, .rowSmall > .col-md-7, .rowSmall > .col-md-8, .rowSmall > .col-md-9, .rowSmall > .col-md-10, .rowSmall > .col-md-11 { padding-right: 5px; padding-left: 5px; }
.rowSmall > .col-lg-1, .rowSmall > .col-lg-2, .rowSmall > .col-lg-3, .rowSmall > .col-lg-4, .rowSmall > .col-lg-5, .rowSmall > .col-lg-6, .rowSmall > .col-lg-7, .rowSmall > .col-lg-8, .rowSmall > .col-lg-9, .rowSmall > .col-lg-10, .rowSmall > .col-lg-11 { padding-right: 5px; padding-left: 5px; }