@charset "utf-8";

/**
 * web fonts
 * noto san 공식 지원
 * font-family:'Noto Sans KR', sans-serif;
 */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,900&subset=korean');


/* bodyclass
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:'Noto Sans KR', "Malgun Gothic", Dotum, '돋움', Helvetica, "Apple SD Gothic Neo", sans-serif;font-size:12px;font-weight:300;color:#666;line-height:1.5}
.body_covered{position:relative;overflow:hidden}
.body_covered:after{display:block;content:'';position:fixed;left:0px;top:0px;z-index:2000;width:100%;height:100vh;background-color:#000;opacity:0.5}
#body_cover{display:none;position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:2000;padding:25%;text-align:center;background-color:#000;opacity:0.4}
.body_mobile{padding-top:50px}
.body_pc.nobg{padding-top:75px}*/

/* bs 오버라이딩 */
a:hover{text-decoration:none}
a{color:#333333}
.form-control{border-radius:0;font-size:12px}
.btn{border-radius:0;font-size:12px;line-height:1.6666667}
.navbar-nav > li > .dropdown-menu{border-radius:0}
.modal-content{border-radius:0}
.input-group-lg > .form-control, 
.input-group-lg > .input-group-addon, 
.input-group-lg > .input-group-btn > .btn{font-size:12px;border-radius:0}
.form label{font-weight:500}
.form input[type="text"],
.form input[type="email"],
.form input[type="number"],
.form input[type="url"],
.form input[type="search"],
.form input[type="tel"],
.form input[type="password"],
.form input[type="date"],
.form input[type="color"],
.form select{display:inline-block;height:30px;vertical-align:middle;font-size:12px;font-weight:300;letter-spacing:1px;color:#888;border:1px solid rgba(0,0,0, .3);padding-left:10px;padding-right:10px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-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);-o-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);transition:all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000)}
.form select{font-size:12px}
.form select[multiple]{height:auto}
.form input[type="text"]:hover,
.form input[type="email"]:hover,
.form input[type="number"]:hover,
.form input[type="url"]:hover,
.form input[type="search"]:hover,
.form input[type="tel"]:hover,
.form input[type="password"]:hover,
.form input[type="date"]:hover,
.form input[type="color"]:hover,
.form select:hover{border-color:rgba(0,0,0, .4)}
.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form input[type="number"]:focus,
.form input[type="url"]:focus,
.form input[type="search"]:focus,
.form input[type="tel"]:focus,
.form input[type="password"]:focus,
.form input[type="date"]:focus,
.form input[type="color"]:focus,
.form select:focus{color:#111;border-color:rgba(0,0,0, .8);-webkit-box-shadow:0 0 3px rgba(0,0,0, .4);-moz-box-shadow:0 0 3px rgba(0,0,0, .4);box-shadow:0 0 3px rgba(0,0,0, .4);outline:none}
.form input[type="text"].input-md,
.form input[type="email"].input-md,
.form input[type="number"].input-md,
.form input[type="url"].input-md,
.form input[type="search"].input-md,
.form input[type="tel"].input-md,
.form input[type="password"].input-md,
.form input[type="date"].input-md,
.form input[type="color"].input-md,
.form select.input-md{height:37px;padding-left:13px;padding-right:13px;font-size:12px}
.form textarea{font-size:12px;font-weight:400;text-transform:uppercase !important;letter-spacing:1px;color:#777;border-color:rgba(0,0,0, .3);outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.form textarea:hover{border-color:rgba(0,0,0, .4)}
.form textarea:focus{color:#111;border-color:rgba(0,0,0, .8);-webkit-box-shadow:0 0 3px rgba(21,21,21, .4);-moz-box-shadow:0 0 3px rgba(21,21,21, .4);box-shadow:0 0 3px rgba(21,21,21, .4)}
.form input.error{border-color:#e41919}
.form div.error{margin-top:20px;padding:13px 20px;text-align:center;background:rgba(228,25,25, .75);color:#fff}
.form div.success{margin-top:20px;padding:13px 20px;text-align:center;background:rgba(50,178,95, .75);color:#fff}
.form-tip{font-size:11px;color:#aaa}
.form-tip .fa{font-size:12px}

/* form-large */
.form-large input[type="text"],
.form-large input[type="email"],
.form-large input[type="number"],
.form-large input[type="url"],
.form-large input[type="search"],
.form-large input[type="tel"],
.form-large input[type="password"],
.form-large input[type="date"],
.form-large input[type="color"],
.form-large select{height:50px;background-color:#fafafa;border-radius:0px}
.form-large .input-group{margin-bottom:15px}
.form-large .input-group-btn button{height:50px !important}
.form-large .input-group .form-control{margin-bottom:0px}
.form-large .input-group-addon, .form-large.input-group-btn{border-radius:0}
.form-large .btn{height:50px;border:0;background-image:none}


/* bs help class */
.rowSmall{margin-right:-7.49999px;margin-left:-7.49999px}
.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, .rowSmall > .col-xs-12,
.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, .rowSmall > .col-sm-12,
.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, .rowSmall > .col-md-12,
.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, .rowSmall > .col-lg-12{padding-right:7.49999px;padding-left:7.49999px}
.rowSmall::after{display:block;content:'';clear:both}


.row_np{margin-right:0px;margin-left:0px}
.row_np > .col-xs-1, .row_np > .col-xs-2, .row_np > .col-xs-3, .row_np > .col-xs-4, .row_np > .col-xs-5, .row_np > .col-xs-6, .row_np > .col-xs-7, .row_np > .col-xs-8, .row_np > .col-xs-9, .row_np > .col-xs-10, .row_np > .col-xs-11, .row_np > .col-xs-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{padding-right:0px;padding-left:0px}
.row_np::after{display:block;content:'';clear:both}


/* bs each 2.4 (20%) */
.col-xs-2_4,
.col-sm-2_4,
.col-md-2_4,
.col-lg-2_4 {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px}
.col-xs-2_4 {width: 20%;float: left}
@media (min-width: 768px) {.col-sm-2_4 {width: 20%;float: left}}
@media (min-width: 992px) {.col-md-2_4 {width: 20%;float: left}}
@media (min-width:1200px) {.col-lg-2_4 {width: 20%;float: left}}






















/* response grid header menu */
#site_nav_mobile{display:block}
#site_nav_left{display:block}
#site_nav_pc{display:none}
@media (min-width:992px){
  #site_nav_mobile{display:none}
  #site_nav_left{display:none}
  #site_nav_pc{display:block}
  #btn_modal_contentmap,
  .sitenav_okinawa,
  .sitenav_board{display:none !important}
}
@media (min-width:1200px){
  #btn_modal_contentmap,
  .sitenav_okinawa,
  .sitenav_board{display:block !important}
}

/* header */
#header_common{position:fixed;left:0px;top:0px;z-index:1000;width:100%}
#header_common.affix{-webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.3);box-shadow:0 3px 5px rgba(0, 0, 0, 0.3)}
#header_common.header_relative{background-color:#e62335}

/* mobile nav */
#site_nav_mobile{background-color:#e62335}
#site_nav_mobile:after{display:block;content:'';clear:both}
#site_nav_mobile #site_nav_logo{float:left;padding:0px 15px}
#site_nav_mobile #site_nav_logo img{height:50px}
#site_nav_options{float:right;height:21px;padding:15px 15px 14px 15px;height:100%;vertical-align:middle}
.ln_t, 
.ln_m, 
.ln_b{width:20px;height:3px;background-color:#fff;margin:3px 0;transition:0.4s}
.transform_triggerbtn .ln_t{-webkit-transform:rotate(-45deg) translate(-3px, 2px);transform:rotate(-45deg) translate(-3px, 2px)}
.transform_triggerbtn .ln_m{opacity:0}
.transform_triggerbtn .ln_b{-webkit-transform:rotate(45deg) translate(-6px, -6px);transform:rotate(45deg) translate(-6px, -6px)}

/* mobile nav ::left menu */
#site_nav_left{position:fixed;left:-100%;top:0px;width:100%;height:100vh;z-index:2001;overflow-y:scroll;opacity:0.5;background-color:#fff;
  -webkit-transition:all 0.1s ease-in-out;
  -moz-transition:all 0.1s ease-in-out;
  -o-transition:all 0.1s ease-in-out;
  -ms-transition:all 0.1s ease-in-out;
  transition:all 0.1s ease-in-out;
}
#site_nav_left.open{left:0px;opacity:1}
#site_nav_left p{margin:0px;padding:0px 15px;line-height:50px;height:50px;background-color:#fff;font-size:18px}
#site_nav_left p span{color:#e62335;font-weight:bold}
#site_nav_left p:after{display:block;content:'';clear:both}
#site_nav_left p a{padding-left:5px}
#btn_close_navleft{position:absolute;right:0px;top:0px;width:50px;height:50px;padding:0;border:0;text-align:center;line-height:50px;background-color:#ffffff;color:#d20000;font-size:24px}
#site_nav_left > ul{list-style:none;padding:0;margin:20px;border:1px solid #eee;border-bottom:0;border-top:2px solid #e8bebe}
#site_nav_left > ul > li{list-style-type:none;padding:0;margin:0;border-bottom:1px solid #f1f1f1}
#site_nav_left > ul > li a{display:block;padding:8px 0 8px 15px;width:100%;font-size:14px}
#site_nav_left > ul > li a.blank_img{padding-left:34px}
#site_nav_left > ul > li a img{height:14px;padding-right:10px}

/* pc nav */
#site_nav_pc{
  -webkit-box-shadow:0 1px 0 rgba(0,0,0,.05);
  -moz-box-shadow:0 1px 0 rgba(0,0,0,.05);
  box-shadow:0 1px 0 rgba(0,0,0,.05);
  -webkit-transition:all 0.1s ease-in-out;
  -moz-transition:all 0.1s ease-in-out;
  -o-transition:all 0.1s ease-in-out;
  -ms-transition:all 0.1s ease-in-out;
  transition:all 0.1s ease-in-out;
}
#site_nav_pc:after{display:block;content:'';clear:both}
#site_nav_pc > ul{position:relative;list-style:none;padding:0px}
#site_nav_pc > ul:after{display:block;content:'';clear:both}
#site_nav_pc > ul > li{float:left;list-style-type:none;padding:0px}
#site_nav_pc > ul > li > a{display:block;padding:0px 10px;line-height:75px;color:#fff;text-decoration:none;font-weight:500;font-size:13px;letter-spacing:1px;text-shadow:0px 0px 2px rgba(0, 0, 0, .3);cursor:pointer;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}
#site_nav_pclogo{float:left;margin:0px 0px 0px 30px;overflow:hidden}
#site_nav_pclogo img{display:block;margin:2.5px 0px;height:70px;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}
#site_nav_pcleft{float:left;margin:0px}
#site_nav_pcright{float:right;margin:0px 30px 0px 0px}
#form_header_search{margin:20.5px 0px;height:34px;
  -webkit-transition:all 0.1s ease-in-out;
  -moz-transition:all 0.1s ease-in-out;
  -o-transition:all 0.1s ease-in-out;
  -ms-transition:all 0.1s ease-in-out;
  transition:all 0.1s ease-in-out;
}
#form_header_search .input-group{height:34px;border:1px solid #ffffff}
#input_header_searchtxt{background-image:none;box-shadow:none;border:none;background-color:transparent;color:#fff}
#input_header_searchtxt::placeholder{color:#eee;opacity:1}
#input_header_searchtxt:-ms-input-placeholder{color:#eee}
#input_header_searchtxt::-ms-input-placeholder{color:#eee}
#form_header_search .input-group-btn{text-shadow:none;box-shadow:none;border:0;border-left:none}
#form_header_search .input-group-btn .btn{background-image:none;background-color:transparent;border:none;box-shadow:none;text-shadow:none;color:#fff}

/* pc nav ::scrolled */
#header_common.affix #site_nav_pclogo img{margin:0px;height:55px}
#header_common.affix #site_nav_pc{background-color:#e62335}
#header_common.affix #site_nav_pc > ul > li > a{line-height:55px}
#header_common.affix #site_nav_pc > ul > li.active > a{background-color:#ffffff;color:#cc1919}
#header_common.affix #site_nav_pc #form_header_search{margin:10.5px 0px}
#btn_modal_contentmap{cursor:pointer;background-color:#c10b31}

/* pc nav ::sub nav */
.mn-sub{display:none;position:absolute;top:100%;padding:0px;margin:-1px 0px 0px 0px;width:170px;list-style:none;background:rgba(0,0,0, .7);border:1px solid rgba(255,255,255,.2)}
.mn-sub li{list-style-type:none}
.mn-sub li{display:block;width:100%;margin:0 !important}
.mn-sub li a{display:block;position:relative;width:100%;margin:0;padding:11px 15px;font-size:13px;text-align:left;text-transform:none;border-left:none;border-right:none;letter-spacing:0;color:#b0b0b0 !important;cursor:pointer}
.mn-sub li a:hover,
.mn-sub li a.active{background:rgba(255,255,255, .09);color:#f5f5f5}

#site_nav_pcleft > li.active > a,
#site_nav_pcright > li.active > a,
#site_nav_pcleft > li:hover > a,
#site_nav_pcright > li:hover > a,
#site_nav_pc > ul > li.mn-has-sub:hover > a{background-color:#cc1919}
#site_nav_pc > ul > li.mn-has-sub:hover .mn-sub{display:block}
#site_nav_pc > ul > li.mn-has-sub:last-child .mn-sub{right:0px}


/* pc nav ::header search */
.header_searchresult_container{position:fixed;z-index:2005;height:50%;overflow-x:hidden;overflow-y:scroll;margin:0px 7.499999px;-webkit-box-shadow:0px 33px 83px -1px rgba(125,125,125,0.71);-moz-box-shadow:0px 33px 83px -1px rgba(125,125,125,0.71);box-shadow:0px 33px 83px -1px rgba(125,125,125,0.71)}
.header_searchresult_container .ui-menu-item{padding:0px;margin:0px}
.header_searchresult_container .ui-menu-item .ac_item{padding:10px;border-bottom:1px solid #eee}
.header_searchresult_container .ui-menu-item .ui-state-active{margin:0px;padding:10px;border-bottom:1px solid #eee;border-top:0;border-left:0;border-right:0;background:#d9e3ec;color:#212121;font-weight:300}
.header_searchresult_container2{position:absolute;z-index:2005;height:50%;overflow-x:hidden;overflow-y:scroll;margin:0px 7.499999px;-webkit-box-shadow:0px 33px 83px -1px rgba(125,125,125,0.71);-moz-box-shadow:0px 33px 83px -1px rgba(125,125,125,0.71);box-shadow:0px 33px 83px -1px rgba(125,125,125,0.71)}
.ac_area{margin-left:10px;background-color:aliceblue}
.ac_el{overflow:hidden}
.eventItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#c51c1c;color:#ffffff;font-size:11px}
.countryItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#0C274D;color:#ffffff;font-size:11px}
.cityItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#1870fC;color:#ffffff;font-size:13px;border-radius:7px}
.cityItem1{display:inline-block;margin:0 5px 0 0;padding:2px 3px;background:#18709C;color:#ffffff;font-size:11px}
.cityItem2{display:inline-block;margin:0 5px 0 0;padding:2px 3px;background:#18709C;color:#ffffff;font-size:11px}
.cityItem3{display:inline-block;margin:0 5px 0 0;padding:2px 3px;background:#78709C;color:#ffffff;font-size:11px}
.area1Item{display:inline-block;margin:0 5px 0 0;padding:2px 3px;background:#18709C;color:#ffffff;font-size:13px;border-radius:7px}
.area2Item{display:inline-block;margin:0 5px 0 0;padding:2px 3px;background:#18709C;color:#ffffff;font-size:13px;border-radius:7px}
.area3Item{display:inline-block;margin:0 5px 0 0;padding:2px 3px;background:#ff265c;color:#ffffff;font-size:13px;border-radius:7px}
.hotelItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#19BDC4;color:#ffffff;font-size:11px}
.ryokanItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#cc0066;color:#ffffff;font-size:11px}
.spotItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#32455E;color:#ffffff;font-size:11px}
.tourItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#5dd012;color:#ffffff;font-size:11px}
.psItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#2ba599;color:#ffffff;font-size:11px}
.carItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#F6B024;color:#ffffff;font-size:11px}
.ticketItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#F6B024;color:#ffffff;font-size:11px}
.transferItem{display:inline-block;margin:0 5px 0 0;padding:2px 4px;background:#C45C19;color:#ffffff;font-size:11px}
.ac_promo{margin-left:35px;margin-top:5px;padding:5px;background-color:#eafde8}
.ac_promo:before{content:'프로모션 진행중';display:inline-block;margin:0 5px 0 0;padding:2px;background:#1a9a11;color:#ffffff;font-size:11px}
.equal_q{ text-decoration:underline;font-weight:bold }
@media only screen and (max-width:1470px){
  #form_header_search{display:none}
}













/* footer */
#footer_common{position:relative;z-index:50;text-align:center}
#footer_nav_copyright{padding:20px 0px;background-color:#333333}
#footer_nav_copyright h3{margin:0;font-size:18px;color:#fff;font-weight:bold}
#footer_contact_tel{display:block;color:#fff;font-weight:800;font-size:24px}
#footer_contact_mail{display:block;color:#999999}
#footer_contact_serviceTime{display:block;color:#999999;font-weight:bold;font-size:10px}
#footer_nav{text-align:center;border-bottom:1px solid #484848;padding-bottom:15px;margin-bottom:15px}
#footer_nav:after{display:block;content:'';clear:both}
#footer_nav li{display:inline-block;list-style:none}
#footer_nav li:after{content:' / ';margin-right:5px;color:#aaa}
#footer_nav li:last-child:after{content:''}
#footer_nav li a{margin-right:5px;color:#aaa;font-size:11px}
#footer_logo{margin-bottom:15px}
#footer_logo img{max-width:190px}
#footer_copyright{text-align:center}
#footer_copy_title{margin-bottom:4px;color:#999}
#footer_copy_list{margin:0 0 20px 0;padding:0;line-height:180%;color:#999;font-size:10px}
#footer_copy_list a{color:#777}
#footer_copy_allrights{margin:0;padding:0;color:#999;font-size:10px}

.scroll_top_trigger{right:15px;bottom:15px;z-index:200;width:40px;height:40px;line-height:35px;text-align:center;border-radius:20px;background-color:rgba(0,0,0,.2);color:#fff;cursor:pointer}
.scroll_top_trigger.affix-top{visibility:hidden}
.scroll_top_trigger.affix{visibility:visible}


#helper_result_pos{width:100%;height:0px}





/* 컨텐츠맵 */
.closeBtn{display:inline-block;background-color:#c10b31; position:absolute;top:-80px; right:-124px;padding:10px 20px}
.closeBtn span{color:#fff; font-size:1.3rem;display:block}
.contentModalArea{position:relative}
.cont_map_btn{cursor:pointer;background-color:#c10b31}
.content_map_wrap{margin:0}
#contentModal .content_map_modal{width:auto; margin:10% 14%}
#contentModal .content_map_modal .modal-content{padding:80px 60px; background-color:rgba(222,222,222,1)}
#contentModal .content_map_modal .modal-content .col-lg-2{display:block; background-color:#fff}
#contentModal .content_map_modal div ul{list-style:none;padding:0 0 30px 0;margin:0}
#contentModal .content_map_modal div ul li{font-size:1.3rem;padding:3px 0;color:#888}
#contentModal .content_map_modal div ul li a{padding-left:5px; display:block}
#contentModal .content_map_modal div ul li:hover{background-color:#f5dfe4}
#contentModal .content_map_modal div ul li:hover a{color:#c81010}
.contentModalAreaT{font-size:2.4em;color:#242424; padding-bottom:50px}
.content_map_tit{font-size:1.4em; font-weight:600;color:#242424; border-bottom:1px solid #eee;padding:10px 0;  margin-bottom:10px}
.content_map_tit .map_num{font-size:1.8rem; color:#c10b31; margin:0; font-weight:600}
@media only screen and ( min-width:1920px ){
#contentModal .content_map_modal{ margin:10% 17%}
}
@media only screen and ( max-width:1600px ){
#contentModal .content_map_modal{width:auto; margin:10% 6%}
#contentModal .content_map_modal div ul{height:400px}
#contentModal .content_map_modal .modal-content{padding:80px 40px}
.closeBtn{right:-103px}
}
@media only screen and ( min-width:1400px ){
#contentModal .content_map_modal .col-lg-2{width:16%;margin:4px}
.content_map_wrap{display:flex}
}
@media only screen and ( max-width:1400px ){
#contentModal .content_map_modal{margin:10% 20%}
}
@media only screen and ( max-width:992px ){
#contentModal .content_map_modal{width:auto}
}
@media (min-width:768px){
#contentModal .content_map_modal .col-lg-2{ width:49%;  margin:2px}
}
@media (max-width:767px){
#contentModal .content_map_modal .col-lg-2{margin:15px}
#contentModal .content_map_modal div ul{height:auto}
}
@media only screen and ( max-width:690px ){
.contentModalAreaT{padding-top:30px}
.closeBtn{right:-20px}
}









.body_xs #form_search_total .search_option_container,
.body_sm #form_search_total .search_option_container{padding-top:7.49999px;padding-bottom:7.49999px}






.clearft{display:none;clear:both}
.ellipsis{display:block;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal}
.btn_i{padding:2px;border:0;background-color:transparent}
.lazyimg{background-image:url('https://cdn.hotelonsen.com/img/common/loading/loading_3.gif');background-repeat:no-repeat;background-position:50% 50%}









/* loading */
.loading_tira{position:relative;width:100%;max-width:390px;margin:0 auto;text-align:center}
.loading_tira:before{content:"";display:block;padding-top:100%}
.loading_world_airplane{z-index:270;position:absolute;left:0px;top:0px;background:url(//cdn.hotelonsen.com/hoteltira/img/hotellist/loading_world_airplane.png) center top no-repeat;background-size:contain;background-size:contain;width:100%;max-width:390px;height:100%;max-height:390px;-webkit-animation:circle infinite;-webkit-animation-duration:5s;animation:circle infinite;animation-duration:5s}
.loading_world_fix{z-index:269;position:absolute;left:0px;top:0px;background:url(//cdn.hotelonsen.com/hoteltira/img/hotellist/loading_world_fix.png) center top no-repeat;background-size:contain;width:100%;max-width:390px;height:100%;max-height:390px}
.loading_world_glass{z-index:271;position:absolute;left:0px;top:0px;background:url(//cdn.hotelonsen.com/hoteltira/img/hotellist/loading_world_glass.png) center top no-repeat;background-size:contain;width:100%;max-width:390px;height:100%;max-height:390px;-webkit-animation:updownmove infinite;-webkit-animation-duration:5s;animation:updownmove infinite;animation-duration:5s;transform-origin:100% 100%}
.special_req{z-index:269;position:absolute;left:0px;bottom:0px;width:100%;text-align:center;color:#2d2d2d;text-shadow:1px 1px 3px #fff}
.special_req h1{margin:0px 0px 10px 0px;padding:0px;font-weight:bold;font-size:1.8em}
.special_req h2{margin:0px;padding:0px;font-weight:bold;font-size:1.2em}

.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}

#payment_now_progress{display:none;position:fixed;left:50%;top:50%;z-index:1000;margin-top:-150px;margin-left:-150px;padding:20px;width:300px;top:300px;text-align:center;background-color:#fff;border:3px solid #dfdfe0;-webkit-border-radius:20px;border-radius:20px;-webkit-box-shadow:0px 0px 10px 1px rgba(0,0,0,0.5);-moz-box-shadow:0px 0px 10px 1px rgba(0,0,0,0.5);box-shadow:0px 0px 10px 1px rgba(0,0,0,0.5)}
#payment_now_progress img{display:inline-block;width:100px;height:100px;margin:0 auto}
#payment_now_progress .blink_text{margin-top:15px;font-size:1.4em;color:#316b90;font-weight:bold;animation:blink 1s infinite}

.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}

/* alert */
#bPopConfirm{max-width:500px;border:5px solid #75a9e6;padding:20px}
#bPopConfirm{display:none;background-color:#ffffff;border-radius:10px 10px 10px 10px}
#bPopConfirm #bPoptext{font-size:1.4em;text-align:center}
#bPopConfirm .bClose{margin-top:20px;text-align:center}














/**
 * 상품목록블럭형태
 */
.item_block_container{padding-top:15px;padding-bottom:15px}
.item_block_container .item_block{display:block;position:relative;width:100%;border:1px solid #eee;background-color:#fff}
.item_block_container .item_block .item_block_image{position:relative;overflow:hidden;width:100%;height:0px;padding-bottom:66.66666%}
.item_block_container .item_block .item_block_image img{position:absolute;top:0;left:0;z-index:20;width:100%;height:100%;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.item_block_container .item_block .item_block_image .item_block_promotion{position:absolute;left:10px;top:10px;z-index:21;padding:2px 4px;background-color:#dc3d3d;color:#fff}
.item_block_container .item_block .item_block_text{padding:10px}
.item_block_container .item_block .item_block_text .item_block_grade{min-height:20px;text-align:center;font-size:1.2em}
.item_block_container .item_block .item_block_text .item_block_grade i{background:-webkit-linear-gradient(#fff700, #d87e1b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.item_block_container .item_block .item_block_text .item_block_ln1{margin-bottom:5px;text-align:center;font-size:1.1em;font-weight:bold;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal}
.item_block_container .item_block .item_block_text .item_block_ln2{margin-bottom:5px;text-align:center;font-weight:bold}
.item_block_container .item_block .item_block_text .item_block_ln3{text-align:center;color:#a5a5a5;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal}
.item_block_container .item_block .item_block_cover{display:none;position:absolute;left:0px;top:0px;z-index:49;width:100%;height:100%;background-color:#000;opacity:0.2}
.item_block_container .item_block:hover{border:1px solid #ccc;-webkit-box-shadow:0px 0px 10px 1px rgba(199,199,199,1);-moz-box-shadow:0px 0px 10px 1px rgba(199,199,199,1);box-shadow:0px 0px 10px 1px rgba(199,199,199,1)}
.item_block_container .item_block:hover .item_block_cover{display:block;z-index:40}
.item_block_container .item_block:hover .item_block_image img{position:absolute;top:-10%;left:-10%;width:120%;height:120%}

.imgc-rt1_1{position:relative;z-index:40;overflow:hidden;width:100%;height:100%;background-color:#fff}
.imgc-rt1_1 a{display:block}
.imgc-rt1_1 .imgc-rt1_1-img{position:relative;overflow:hidden;width:100%;height:0px;padding-bottom:100%}
.imgc-rt1_1 .imgc-rt1_1-img img{position:absolute;top:0;left:0;width:100%;height:auto;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.imgc-rt1_1:hover .imgc-rt1_1-img img{position:absolute;top:5%;left:5%;width:90%;height:auto}






































































































































/**
 * design's class
 */

.btn-mod, a.btn-mod{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  padding:7px 25px;
  margin:0;
  color:#fff;
  background:#FF6B57;
  border:1px solid transparent;
  font-size:12px;
  font-weight:500;
  text-transform:capitalize;
  text-decoration:none;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}

.btn-mod-defult{
  -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);
  -o-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);
  transition:all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.btn-mod-defult:hover,
a.btn-mod-defult:hover{
  color:rgba(255,255,255, .85);
  background-color:rgba(0,0,0, .7);
  text-decoration:none;
  outline:none;
  border:1px solid transparent;
  border-color:transparent;
}

.btn-mod-defult:focus,
a.btn-mod-defult:focus{
  color:rgba(255, 255, 255, 1);
  background-color:rgb(185, 6, 6);
}

.btn-mod.btn-red{background:#fc4f4f}
.btn-mod.btn-onsenred{background:#E83928}
.btn-mod.btn-orange{background:#FF6B57}
.btn-mod.btn-yellow{background:#e69a2a}
.btn-mod.btn-green{background:#47b475}
.btn-mod.btn-skyblue{background:#32c5d2}
.btn-mod.btn-blue{background:#3498DB}
.btn-mod.btn-tirablue{background:#0098C5}
.btn-mod.btn-purple{background:#b771b0}

.btn-red{background:#fc4f4f;color:#fff}
.btn-skyblue{background:#32c5d2;color:#fff}
.btn-666{background:#666666;color:#fff}
.btn-red{background:#fc4f4f}
.btn-onsenred{background:#E83928}
.btn-orange{background:#FF6B57}
.btn-yellow{background:#e69a2a}
.btn-green{background:#47b475}
.btn-navergreen{background:#00bd39}
.btn-skyblue{background:#32c5d2}
.btn-blue{background:#3498DB}
.btn-tirablue{background:#0098C5}
.btn-purple{background:#b771b0}
.btn-white{ color:#111; border:1px solid rgba(0, 0, 0, .09); background:#fff}
.btn-fff{background:#fff; color:#111}
.btn-eee{background:#eee; color:#111}
.btn-ccc{background:#ccc}
.btn-999{background:#999}
.btn-666{background:#666}
.btn-333{background:#333}
.btn-111{background:#111}
.btn-000{background:#000}

.btn-white:hover, .btn-white:focus, a.btn-white:hover, a.btn-white:focus{border-color:transparent}
.btn-fff:hover, .btn-fff:focus, a.btn-fff:hover, a.btn-fff:focus,
.btn-eee:hover, .btn-eee:focus, a.btn-eee:hover, a.btn-eee:focus,
.btn-ccc:hover, .btn-ccc:focus, a.btn-ccc:hover, a.btn-ccc:focus,
.btn-999:hover, .btn-999:focus, a.btn-999:hover, a.btn-999:focus,
.btn-666:hover, .btn-666:focus, a.btn-666:hover, a.btn-666:focus,
.btn-333:hover, .btn-333:focus, a.btn-333:hover, a.btn-333:focus,
.btn-111:hover, .btn-111:focus, a.btn-111:hover, a.btn-111:focus,
.btn-000:hover, .btn-000:focus, a.btn-000:hover, a.btn-000:focus{
  color:#fff;
  background-color:#FF6B57;
}

.btn-red:hover{background-color:rgba(0, 0, 0,.7);color:#ffffff}
.btn-666:hover{background-color:#FF6B57;color:#ffffff}
.btn-skyblue:hover{background-color:#FF6B57;color:#ffffff}
.btn-red:focus{background-color:rgba(0, 0, 0,.7);color:#ffffff}
.btn-666:focus{background-color:#FF6B57;color:#ffffff}
.btn-skyblue:focus{background-color:#FF6B57;color:#ffffff}

/* Button-Size */
.btn-mod.btn-tiny{padding:1px 10px; font-size:11px; margin:0}
.btn-mod.btn-small{padding:3px 15px; font-size:11px; margin:0}
.btn-mod.btn-small i{font-size:11px !important}
.btn-mod.btn-vsmall{padding:5px 15px; font-size:11px; margin:0; font-size:12px}
.btn-mod.btn-medium{padding:10px 25px; font-size:14px; margin:0}
.btn-mod.btn-large{padding:18px 35px; font-size:14px; margin:0}
.btn-mod.btn-xlarge{padding:22px 55px; font-size:16px; margin:0}
.btn-mod.btn-xxlarge{padding:28px 80px; font-size:19px; margin:0}

@media only screen and (min-width:320px) and (max-width:479px){
  .btn-mod.btn-tiny{padding:1px 8px; font-size:11px; margin:0}
  .btn-mod.btn-small{padding:3px 12px; font-size:11px !important; margin:0}
  .btn-mod.btn-vsmall{padding:5px 10px; font-size:11px; margin:0; font-size:12px}
  .btn-mod.btn-medium{padding:8px 18px; font-size:14px; margin:0}
  .btn-mod.btn-large{padding:16px 20px; font-size:14px; margin:0}
  .btn-mod.btn-xlarge{padding:18px 35px; font-size:16px; margin:0}
  .btn-mod.btn-xxlarge{padding:18px 60px; font-size:19px; margin:0}
}


/* Button-Style */

.btn-mod.btn-round{
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}

.btn-mod.btn-circle{
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
}
.btn-mod.btn-xxlarge.btn-circle{
	-webkit-border-radius:110px;
  -moz-border-radius:110px;
  border-radius:110px;
}
.btn-mod.btn-xlarge.btn-circle{
	-webkit-border-radius:80px;
  -moz-border-radius:80px;
  border-radius:80px;
}
.btn-mod.btn-large.btn-circle{
	-webkit-border-radius:50px;
  -moz-border-radius:50px;
  border-radius:50px;
}

.btn-mod.btn-3d{
  border-radius:3px;
  border-bottom:3px solid rgba(0,0,0,.15);
}

/* Button-Style 2 */

.btn-mod.btn-borderW{color:#eee; border:1px solid rgba(255, 255, 255, .3); background:rgba(255, 255, 255, .09)}
.btn-mod.btn-borderW2{color:#fff;border:2px solid rgba(255,255,255, .75);  background:transparent}
.btn-mod.btn-border{ color:#111;  border:1px solid rgba(0, 0, 0, .09);  background:transparent}
.btn-mod.btn-border2{ color:#111;  border:2px solid #111;  background:transparent}
.btn-mod.btn-border3{ color:#111;  border:1px solid #111;  background:transparent}
.btn-mod.btn-glass{  color:rgba(255,255,255, .75);  background:rgba(0,0,0, .40)}

.btn-borderW:hover, .btn-borderW:focus, a.btn-borderW:hover, a.btn-borderW:focus,
.btn-borderW2:hover, .btn-borderW2:focus, a.btn-borderW2:hover, a.btn-borderW2:focus,
.btn-border:hover, .btn-border:focus, a.btn-border:hover, a.btn-border:focus,
.btn-border2:hover, .btn-border2:focus, a.btn-border2:hover, a.btn-border2:focus,
.btn-666:hover, .btn-666:focus, a.btn-666:hover, a.btn-666:focus,
.btn-border3:hover, .btn-border3:focus, a.btn-border3:hover, a.btn-border3:focus,
.btn-glass:hover, .btn-glass:focus, a.btn-glass:hover, abtn-glass:focus{
  color:#fff;
  background-color:#FF6B57;
}

.btn-file{
  position:relative;
  overflow:hidden;
}
.btn-file input[type=file]{
  position:absolute;
  top:0;
  right:0;
  min-width:100%;
  min-height:100%;
  font-size:100px;
  text-align:right;
  filter:alpha(opacity=0);
  opacity:0;
  outline:none;
  background:white;
  cursor:inherit;
  display:block;
}

.i-gold{color:gold;text-shadow:0px 0px 1px #6f6a31}
.label-hot{background-color:#ea3f3f;padding:.1em .4em;font-size:8px;font-weight:400}

.btn-naver:hover, .btn-naver:focus, a.btn-naver:hover, a.btn-naver:focus{
  background-color:#23b300 !important;
  color:#fff;
}
.btn-kakao:hover, .btn-kakao:focus, a.btn-kakao:hover, a.btn-kakao:focus{
  background-color:#fbe300 !important; color:#340705 !important;
}
.btn-facebook:hover, .btn-facebook:focus, a.btn-facebook:hover, a.btn-facebook:focus{
  background-color:#3b5998 !important;
  color:#fff;
}
.btn-google:hover, .btn-google:focus, a.btn-google:hover, a.btn-google:focus{
  background-color:#dd4b38 !important;
  color:#fff;
}
.btn-instagram:hover, .btn-instagram:focus, a.btn-instagram:hover, a.btn-instagram:focus{
  background-color:#406f95 !important;
  color:#fff;
}



/*===== COLOR =====*/

.color-fff{color:#fff}
.color-eee{color:#eee}
.color-ccc{color:#ccc}
.color-999{color:#999}
.color-666{color:#666}
.color-333{color:#333}
.color-111{color:#111}
.color-000{color:#000}
.color-red{color:#de2c41}

/*===== Background COLOR =====*/

.bg-fff{background-color:#fff}
.bg-f9f9f9{background-color:#f9f9f9}
.bg-eee{background-color:#eee}
.bg-ccc{background-color:#ccc}
.bg-999{background-color:#999}
.bg-666{background-color:#666}
.bg-333{background-color:#333}
.bg-111{background-color:#111}
.bg-000{background-color:#000}

/* ----------------------------------------------------------------
  5.margin & padding
-----------------------------------------------------------------*/

/* margin */

.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}

.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}

@media only screen and (max-width:767px){
  .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}
  .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}
}

.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{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}

.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}

@media only screen and (max-width:767px){
  .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}

  .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}
}

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

@media only screen and (max-width:767px){
  .xsmargin{margin-top:15px}
}

/* ----------------------------------------------------------------
align & float
-----------------------------------------------------------------*/

.tright{text-align:right !important}
.tleft{text-align:left !important}
.fright{float:right !important}
.fleft{float:left !important}
.fnone{float:none !important}
.center{text-align:center !important}
.divcenter{
  position:relative !important;
  float:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
}






/* ----------------------------------------------------------------
	8. flag
-----------------------------------------------------------------*/

.flag{
  width:16px;
  height:11px;
  background-image:url(//cdn.hotelonsen.com/onsen2/img/common/flags.png);
  background-repeat:no-repeat;
}
.flag.flag-eu{background-position:-48px -44px}
.flag.flag-jp{background-position:-16px -77px}
.flag.flag-kr{background-position:-144px -77px}
.flag.flag-us{background-position:-160px -154px}
.flag.flag-cn{background-position:-208px -22px}
.flag.flag-sws{background-position:-127px -22px}
.flag.flag-uk{background-position:-176px -44px}
.flag.flag-fr{background-position:-176px -121px}
.flag.flag-CZK{background-position:-64px -33px}











/**
 * animation class
 * fade, rotate
  -webkit-animation:ani_Fade 1s 1s infinite linear alternate,
                     ani_Rotate 1s 1s infinite linear alternate;

  -moz-animation:ani_Fade 1s 1s infinite linear alternate,
                  ani_Rotate 1s 1s infinite linear alternate;

  -ms-animation:ani_Fade 1s 1s infinite linear alternate,
                ani_Rotate 1s 1s infinite linear alternate;

  -o-animation:ani_Fade 1s 1s infinite linear alternate,
                ani_Rotate 1s 1s infinite linear alternate;

  animation:ani_Fade 1s 1s infinite linear alternate,
             ani_Rotate 1s 1s infinite linear alternate;
 */
@-webkit-keyframes ani_Fade{to{opacity:0}}
@-moz-keyframes ani_Fade{to{opacity:0}}
@-ms-keyframes ani_Fade{to{opacity:0}}
@-o-keyframes ani_Fade{to{opacity:0}}
@keyframes ani_Fade{to{opacity:0}}

@-webkit-keyframes ani_Rotate{to{
  -webkit-transform:rotateY(180deg);
  transform:rotateY(180deg);
}}
@-moz-keyframes ani_Rotate{to{
  -webkit-transform:rotateY(180deg);
  transform:rotateY(180deg);
}}
@-ms-keyframes ani_Rotate{to{
  -webkit-transform:rotateY(180deg);
  transform:rotateY(180deg);
}}
@-o-keyframes ani_Rotate{to{
  -webkit-transform:rotateY(180deg);
  transform:rotateY(180deg);
}}
@keyframes ani_Rotate{to{
  -webkit-transform:rotateY(180deg);
  transform:rotateY(180deg);
}}

@keyframes circle{
  0%{transform:rotate(0deg) scale(1,1)}
  50%{transform:rotate(180deg) scale(1.0,1.0)}
  100%{transform:rotate(360deg) scale(1,1)}
}
@-webkit-keyframes circle{
  0%{-webkit-transform:rotate(0deg) scale(1,1)}
  50%{-webkit-transform:rotate(180deg) scale(1.0,1.0)}
  100%{-webkit-transform:rotate(360deg) scale(1,1)}
}

@keyframes updownmove{
  0%{transform:rotate(0deg) scale(1,1)}
  50%{transform:rotate(20deg) scale(1.0,1.0)}
  100%{transform:rotate(0deg) scale(1,1)}
}
@-webkit-keyframes updownmove{
  0%{-webkit-transform:rotate(0deg) scale(1,1)}
  50%{-webkit-transform:rotate(20deg) scale(1.0,1.0)}
  100%{-webkit-transform:rotate(0deg) scale(1,1)}
}
@keyframes blink{
  0%{opacity:1.0}
  50%{opacity:0.0}
  100%{opacity:1.0}
}

/*
  -webkit-transition:all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  -moz-transition:all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  -o-transition:all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  -ms-transition:all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
  transition:all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
*/




















.stick-fixed { position: fixed !important; top: 0; left: 0}
.clearlist, .clearlist li { list-style: none; padding: 0; margin: 0; background: none; }
.full-wrapper { margin: 0 2%; }
.container2000 { max-width: 2000px; margin-left: auto; margin-right: auto}
.fullscreen { height: 100vh; }
.onsenScreen { height: 75vh; }

.clear {clear:both; display:block; font-size:0px; height:0px; line-height:0; width:100%; overflow:hidden}

@media only screen and (max-width: 767px) {
  .onsenScreen { height: 100vh; }
}
.body_sm .onsenScreen,
.body_md .onsenScreen,
.body_lg .onsenScreen{min-height: 660px}

.parallax-css {
  background-color: transparent;
  background-attachment: fixed;
  background-position: 50% 0;
  background-repeat: no-repeat;
  overflow: hidden;
}

.image-bg .container {
  position: relative;
  z-index: 1;
}

.background-image-holder {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: #fff;
  background-size: cover !important;
  background-position: 50% 50% !important;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}

.parallax > .background-image-holder {
  transition: all 0s ease !important;
  transition: opacity 0.3s ease !important;
  -webkit-transform-style: preserve-3d;
}



.parallax-window{position:relative;overflow:hidden;width:100%;height:100vh}
@media (min-width:1400px) {
  .parallax-window{height:80vh;min-height:800px}
}



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

}

@media (min-width:992px) {

}

@media (min-width:1200px) {

}
*/