html,body {height:100%;}
body {background-color:#ebebeb;}
#wrapper {position:relative;min-height:100%;min-width: 1150px;}

#header {
	position:relative;height:87px;padding-top:31px;
	
	-moz-box-shadow:1px 0px 0px 1px rgba(0,0,0,0.08);
	-webkit-box-shadow:1px 0px 0px 1px rgba(0,0,0,0.08);
	box-shadow:1px 0px 0px 1px rgba(0,0,0,0.08);
	background-color:#fff;
	z-index : 1000;
}

#header .fixed_nav{	
    -moz-box-shadow: 1px 0px 0px 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 1px 0px 0px 1px rgba(0,0,0,0.08);
    box-shadow: 1px 0px 0px 1px rgba(0,0,0,0.08);
    background-color: #fff;	
	border-bottom: 2px solid #ff5722;
}	

#header .area_top {position:absolute;left:0;top:0;width:100%;border-bottom:1px solid #f0f0f0;}
#header .top_head {overflow:hidden;width:1100px;height:30px;margin:0 auto;}
#header .top_head .quick_top {float:right;margin-top:8px;text-align:right;}
#header .quick_top .link_top {float:left;font-size:12px;line-height:13px;color:#767676;}
#header .quick_top .txt_bar {float:left;width:1px;height:10px;margin:2px 8px 0;background-color:#d3d3d3;}
#header .quick_top .link_top .ico_group {width:19px;height:13px;margin-right:2px;background-position:-60px -49px; vertical-align:top;}
#header .quick_top .link_top .ico_cart {width:15px;height:13px;margin-right:2px;background-position:-30px 0;vertical-align:top;}
#header .quick_top .link_top .ico_menu {width:15px;height:13px;margin-right:2px;background-position:-115px -49px;vertical-align:top;}
#header .quick_top .link_top .ico_person {width:10px;height:13px;margin-right:2px;background-position:-120px -35px;vertical-align:top;}
#header .quick_top .link_top .cart_count {display:inline-block;height:15px;margin-left:2px;background:url(/images/bg_top_count.gif) no-repeat 0 0;vertical-align:middle;}
#header .quick_top .link_top .cart_count .txt_num {display:inline-block;height:13px;margin-left:6px;padding-top:2px;padding-right:6px;font-weight:700;font-size:11px;line-height:13px;color:#fff;background:url(/images/bg_top_count.gif) no-repeat 100% 0;text-align:center;vertical-align:top;}
/* Chrome & Safari hack */
@media screen and (-webkit-min-device-pixel-ratio:0){
    #header .quick_top .link_top .cart_count {margin-top:-1px;}
    #header .quick_top .link_top .cart_count .txt_num {height:15px;padding-top:0;line-height:15px;}
}
/* Firefox hack */
#header .quick_top .link_top .cart_count, x:-moz-any-link, x:default {margin-top:-1px ;}
#header .quick_top .link_top .cart_count .txt_num, x:-moz-any-link, x:default {height:15px;padding-top:0;line-height:15px;}

#header .area_nav {width:1100px;margin:0 auto; position: relative}
#header .tit_logo2 { display: none}
#header .tit_logo3 { display: none}
#header .tit_logo {float:left;margin-top:20px;}
#header .tit_logo .link_logo {display:block; width:156px; height:42px;background: url(/images/img_logo.png) 0 0  no-repeat; text-indent:-20000px; }
#header .tit_logo .link_logo43 {display:block; width:161px; height:42px; background: url(/images/img_logo_43.gif) 0 0  no-repeat; text-indent:-20000px; }

#header .tit_logo .link_logo img {vertical-align:top;}
#header .tit_card { float: right; margin-top: 15px; display:block;}
#header .tit_card .link_card {display:block; width:149px; height:48px;background: url(/images/img-top-card-07.png) 0 0  no-repeat; text-indent:-20000px; }
#header .fixed_nav .tit_card {position: absolute;    top:-12px;    right: 0px;}

/*할인쿠폰대전 사전인증 gnb 2021.11.04 KIMMI*/
#header .tit_kto .link_kto img {vertical-align:top;}
#header .tit_kto { float: right;      margin-top: 15px; display:block;}
#header .tit_kto .link_kto {display:block; width:195px; height:50px;background: url(/images/img_top_21kto_pre_event.png) 0 0  no-repeat; text-indent:-20000px; }
#header .fixed_nav .tit_kto {position: absolute;    top:-12px;    right: 0px;}

/*할인쿠폰대전 본프로모션 gnb 2022.04.05 KIMMI*/
#header .tit_kto_22 .link_kto_22 img {vertical-align:top;}
#header .tit_kto_22 { float: right; margin-top: 25px; display:block;}
#header .tit_kto_22 .link_kto_22 {display:block; width: 149px; height:48px;background: url(/images/img_top_ktostay_jeju_2022.png) 0 0  no-repeat; text-indent:-20000px; }
#header .fixed_nav .tit_kto_22 {position: absolute; top:-20px; right: 0px;}

/*kb국민그린카드 발급프로모션 gnb 2021.09.14 KIMMI*/
#header .tit_kbcard .link_kbcard img {vertical-align:top;}
#header .tit_kbcard { float: right; margin-top: 25px; display:block;}
#header .tit_kbcard .link_kbcard {display:block; width:176px; height:42px;background: url(/images/img_top_KBgreencard.png) 0 0  no-repeat; text-indent:-20000px; }
#header .fixed_nav .tit_kbcard {position: absolute;    top:-12px;    right: 0px;}

/*근로자휴가비지원사업 gnb 2021.06.02 KIMMI*/
#header .tit_visit .link_visit img {vertical-align:top;}
#header .tit_visit { float: right;      margin-top: 15px; display:block;}
#header .tit_visit .link_visit {display:block; width:171px; height:48px;background: url(/images/img_top_visit.gif) 0 0  no-repeat; text-indent:-20000px; }
#header .fixed_nav .tit_visit {position: absolute;    top:-12px;    right: 0px;}

/*대한민국 숙박세일페스타 2023-05-25 by.엠버(wrko@jeju.com)*/
#header .tit_salefesta .link_salefesta img {vertical-align:top;}
#header .tit_salefesta {float: right; margin-top: 20px; display:block;}
#header .tit_salefesta .link_salefesta {display:block; width:149px; height:48px; background: url(/images/img_top_salefesta.png) 0 0  no-repeat; text-indent:-20000px; background-size: cover;}
#header .fixed_nav .tit_salefesta {position: absolute; top: 0; right: 0; margin-top: 2px;}


#header .nav_head {float:left;margin-top:35px; padding-left: 110px;}
#header .nav_head li {display:inline;float:left;margin-left:60px;position: relative;}
#header .nav_head li.on {padding-bottom:8px;border-bottom:2px solid #37b7b5;}
#header .nav_head .link_nav {display:block;height:18px;font-weight:600;font-size:17px;line-height:18px;vertical-align:top;background:url(/images/img-nav-new.gif) no-repeat;text-align:right;letter-spacing:-1px;}
#header .nav_head .link_nav.new {background:url(/images/img-nav-2024.webp) no-repeat;}
#header .nav_head .link_nav01 {width:100px;background-position:0 0;}
#header .nav_head .link_nav02 {width:63px;background-position:0 -40px;}
#header .nav_head .link_nav03 {width:32px;background-position:0 -80px;}
#header .nav_head .link_nav04 {width:48px;background-position:0 -120px;}
#header .nav_head .link_nav05 {width:69px;background-position:0 -160px;}
#header .nav_head .link_nav06 {width:69px;background-position:0 -200px;}
#header .nav_head .link_nav07 {width:68px;background-position:0 -279px;}
#header .nav_head .link_nav08 {width: 34px;background-position: 0 -318px !important;}
#header .nav_head .link_nav07_airport {width:78px;background-position:0 -240px; background-image: url(/images/img_nav_airport.gif) !important; background-repeat: no-repeat;}


.print-wrap #container{padding:0 !important}
#container {/* overflow:hidden; */width:1100px;margin:0 auto; padding:20px 0 72px ; position: relative;}
#container:after{content:''; display:block; clear:both;}

#footer {width:100%; height:250px; display: flex; align-items: center; background:#2b2d2e;}
#footer .area_comp_wrap {display: flex; justify-content: space-between;}
#footer .area_comp {width:1100px;margin:0 auto;}
#footer .area_comp .cs_comp .tit_cs {display:block;font-weight:normal;font-size:14px;line-height:16px;color:#f5f5f5;}
#footer .area_comp .cs_comp .txt_tel {display:block;margin-top:15px;font-weight:normal;font-size:22px;line-height:22px;color:#f5f5f5;}
#footer .area_comp .cs_comp .txt_tel .ico_tel {width:20px;height:22px;margin-right:12px;background-position:-55px 0;vertical-align:top;}
#footer .area_comp .cs_comp .list_cs {overflow:hidden;margin-top:15px;}
#footer .area_comp .cs_comp .list_cs dt {float:left;font-size:12px;line-height:12px;}
#footer .area_comp .cs_comp .list_cs dd {display:block;overflow:hidden;margin-left:58px;margin-bottom:6px;font-size:13px;line-height:14px;color:#707070;}
#footer .area_comp .cs_comp .list_cs dd span{font-size:11px;}
#footer .area_comp .cs_comp .list_cs dt.gcl_block{display: none}
#footer .area_comp .cs_comp .list_cs dd.gcl_block{display: none }
#footer .area_comp .cs_comp .list_cs dt.name_time {color:#c0c0c1;}
#footer .area_comp .cs_comp .list_cs dd.info_time {color:#c0c0c1;}

#footer .policy_comp {position: relative; padding-right: 5%;}
#footer .policy_comp .list_policy {overflow:hidden;}
#footer .policy_comp .list_policy .link_policy {float:left;font-size:14px;line-height:15px;*line-height:17px;color:#fff;opacity:0.7;vertical-align:top;}
#footer .policy_comp .list_policy .txt_bar {float:left;width:1px;height:10px;margin:3px 8px 0;background-color:#414243;}
#footer .policy_comp .txt_policy {display:block;margin-top:20px;font-size:11px;line-height:20px;color:#999;}
#footer .policy_comp .txt_policy .link_license {font-size:12px;color:#999;}
#footer .policy_comp address {display:block;margin-top:18px;font-size:12px;line-height:14px;color:#999;}

#footer .policy_comp .list-sns {position: absolute; top: 0; right: 0; display: flex; column-gap: 16px;}
#footer .policy_comp .list-sns li a {display: inline-block;}
#footer .policy_comp .list-sns li a img {display: inline-block; border: 0px; width: 20px; height: 20px; opacity: 0.7;}

#footer .policy_comp .ctf_wrap{ margin:16px 0 0 0; display: flex;}
#footer .policy_comp .ctf_wrap li{float:left}
#footer .policy_comp .ctf_wrap li img {float:left;}
#footer .policy_comp .ctf_wrap li.mnuri {position: absolute; right: 0; width: 6%; bottom: -6%;}
#footer .policy_comp .ctf_wrap li.mnuri img {width: 100%;}
#footer .policy_comp .ctf_wrap li span {font-size: 11px;  color: #999; padding:0 10px ; float:left; line-height:1.5; }
#footer .policy_comp .ctf_wrap li a {color:#999;text-decoration:none;}
#footer .policy_comp .ctf_wrap li a:active, #footer .policy_comp .ctf_wrap li a:hover {text-decoration:underline;}
#footer .policy_comp .ctf_wrap .r_line{border-right:solid 1px #414243 }




/*사이드메뉴 */

/*사이드메뉴 -열림*/
/*aside#quick_mn{position:absolute; top:138px; left:50%; margin-left:570px; width:104px;}*/

aside#sidemenu{position:fixed;  bottom:0; right:0px; z-index:999999;display:block; }

#sidemenu.sidearea_open{ width:100%; display:block; background:#effafa; height:52px;border-top: 1px solid #ebebeb;}

#sidemenu.sidearea_open .side_wrap{width:1100px;  height:52px; display:block; position:relative; margin:0 auto; background:#FFFFFF;  }

#sidemenu.sidearea_open .side_close{width:19px; display:block;}
	#sidemenu .sum{width:100%; display:block; background:#fff;}
	#sidemenu .sum li{ float:left; display:block;}
	
	#sidemenu .recent dl{float:left; display:block; width:392px;}
	#sidemenu .recent dt{float:left; display:block; background:url(/images/btn_quick_mn_bg.gif) right top no-repeat; height:52px; line-height:52px; color:#fff; text-align:center; padding:0 10px;}
		#sidemenu .recent dd{ float:left; display:block;}
		#sidemenu .recent dd img{ margin-left:5px; margin-top:3px;}
		#sidemenu .recent .nav{ float:right; display:block; text-align:center; padding-top:8px; }
		#sidemenu .recent .nav img{ width:18px; height:18px; margin:0 2px;}
		

	/*#sidemenu .recent .navi{position:relative;  text-align:center;}
		.recent .navi a{position:absolute; top:0; right:0;}
		.recent .navi a:first-child{left:0; right:auto;}
		.recent .navi img{width:16px;}*/
	#sidemenu.sidearea_open .gotop{ display: block; float:right; }
	#sidemenu .side_wrap .cart{ position:relative;}
	#sidemenu .side_wrap .rsv{ position:relative;}
	#sidemenu.sidearea_open .side_wrap .paynow{bottom:110px; left:1105px; position: relative;  }
	
	
	
/*사이드메뉴 -닫힘*/
#sidemenu.sidearea_close .side_open{width:19px; position: absolute; left: -19px; z-index:; bottom:0; display:block;}
#sidemenu.sidearea_close .side_wrap{ position:relative; width:100px; }
#sidemenu.sidearea_close .side_wrap a{ float:left;}
#sidemenu .side_wrap .cart_count{display: block;
    height: 15px;
    margin-left: 2px;
    vertical-align: middle; z-index:2222; position:absolute; right:3px; top:3px; background:#ff6738; border-radius:8px;}


#sidemenu .side_wrap .cart_count .txt_num{display: inline-block;
    height: 13px;
    margin-left: 6px;
    padding-top: 2px;
    padding-right: 6px;
    font-weight: 700;
    font-size: 10px;
    line-height: 13px;
    color: #fff;
  /*  background: url(/images/bg_top_count.png) no-repeat 100% 0;*/
    text-align: center;
    vertical-align: top;} 
	
	
#sidemenu .side_wrap .rsv .cart_count{right:20px; }
#sidemenu.sidearea_open .side_wrap .cart .cart_count{right:10px; }


#sidemenu.sidearea_close .side_wrap .gotop{ margin:0;}
#sidemenu.sidearea_close .side_wrap .paynow{bottom:4px; right:2px; position:absolute; }
	


	
	

/* 전체메뉴 */
#totalmenu{position: absolute; top:30px; width:1100px; min-height:200px; border:#bcbcbc 1px solid; background:#fff; z-index:1111; left:50%; margin-left: -550px;}
#totalmenu .btn_close{ display:block; right:0; top:0; background:#ff5722 ; width:40px; height:40px; position:absolute; z-index:11111; text-align:center; }
#totalmenu .btn_close img{ margin-top:10px;}
#totalmenu .menuList01, #totalmenu .menuList02{ width:1100px; display: flex;}
#totalmenu dl{display:block; min-height:350px; flex: 1;}
#totalmenu dl dt{ display:block; width: 100%; height:40px; line-height:40px;  box-sizing:border-box; border-right:#eaeaea 1px solid; border-bottom:#eaeaea 1px solid; border-top:#eaeaea 1px solid;  background:#f3f3f3; text-align: left; font-size:16px; font-weight:bold; padding-left:15px;}
#totalmenu dl dd{ display:block;box-sizing:border-box; padding:15px;border-right:#eaeaea 1px solid; }
#totalmenu .menuList01 dd, #totalmenu .menuList02 dd{height:300px;}

#totalmenu dl ul{ width:100%; display:block; }
#totalmenu dl ul li{ width:100%; clear:both; float:left; background:url(/images/bul_dot01.gif)0 12px no-repeat; padding-left:10px; display:block;  line-height:2.2em;}

#totalmenu dl ul li a{ color:#808080; text-decoration:none;}
#totalmenu dl ul li a:hover{ color:#ff5722;text-decoration: underline;}

/*풋터 인증서 레이어*/
.ctf-layer .grey-box{background:#acacb6; padding:20px; color:#fff; font-family:Lato,'Apple SD Gothic Neo','NanumBarunGothic','NanumBarunGothic','나눔바른고딕','맑은 고딕','Malgun Gothic','나눔고딕',NanumGothic,'돋움',dotum,sans-serif;}
.ctf-layer .grey-box h1{font-size:40px; line-height:1.2}
.ctf-layer .ctf-con{margin-top:20px; padding:20px 0px}
.ctf-layer .ctf-con h3 { margin-top:50px; font-size:24px; font-family:Lato,'Apple SD Gothic Neo','NanumBarunGothic','NanumBarunGothic','나눔바른고딕','맑은 고딕','Malgun Gothic','나눔고딕',NanumGothic,'돋움',dotum,sans-serif;}
.ctf-layer .ctf-con strong{color:#37b7b5}
.ctf-layer .iso-link{text-align:right}
.ctf-layer .iso-link a {color:#37b7b5;text-decoration:underline; }
.ctf-layer .iso-link a:active, #dialog_iso .ctf-con a:hover {text-decoration:underline;}


/*크로스셀링 레이어팝업 Cross Selling Layer Popup*/

.cross_pop_layer {
	width: 360px;
	background-color: #fff;
	/*box-shadow: 4px 4px 100px rgba(0,0,0,0.05);*/
	box-shadow: 4px 4px 20px rgba(0,0,0,0.1);
	border-radius: 20px;
	display: none;		
	position: absolute;
	/* 위치 스크립트로 처리  2020-02-24 by hclee@jeju.com 
	top: 300px;
	left : 750px;
	*/
	z-index: 10000;
}

.cross_pop_layer button:hover {cursor: pointer;}
.cross_bt_clear:hover {cursor: pointer;}

/*_Cross Selling_title*/
.cross_title {
	background-color: #37b7b6;
	border-radius: 20px 20px 0 0;
	position : relative;
}

.cross_title h3 {
	color: #fff;
	font-size: 21px;
	font-weight: 400;
	text-align: center;
	padding: 20px 0;
}

.cross_title span {font-weight: 600;}

.cross_bt_clear {
	position: absolute;
	top: 24px;
	right: 12px;
}


/*Cross Sellingcontents*/

.cross_list h4 {
	color: #333333;
	font-size : 21px;
	letter-spacing: -0.025em;
}

.cross_list p {
	color: #757575;
	font-size : 14px;
	letter-spacing: -0.025em;
	padding: 8px 0 26px 0;
}

.cross_list button, .cross_list a {
	color: #fff;
	background-color: #37b7b6;
	padding: 0 32px;
	height: 40px;
	border-radius: 10px;
	box-shadow: 6px 2px 15px rgba(0,0,0,0.1);
	/* a태그 추가 2020-02-24 by hclee@jeju.com */
	display: block;
    line-height: 40px;
    text-decoration: none;
    font-size:1.2em;
}



.cross_list img {
	margin-right: 40px;
	float : left;
	box-shadow: 6px 6px 15px rgba(0,0,0,0.1);
}

.cross_text_wrap{
	display: inline-block;
}

.cross_list li {margin : 20px 0 0 18px;}

.cross_contents .cross_list li:last-child {padding-bottom:20px;}

/*크로스세일링 이벤트 팝업 교체 2022-10-11 iskim@jeju.com*/
.event-pop {width: 884px}
.event-pop .cross_bt_clear{   position: absolute;
    top: 10px;    right: 50px;}
.event-pop .cross_title .cross_bt_clear2{}


/* 키워드 탭 20200224 kimmi */
.key-word{ margin-top: 25px; padding-left: 10px}
.key-word h2{ font-size: 24px}    
.key-word .keyword-scroll{	position: relative;	margin: 10px 0 10px;	padding-right: 71px;}   
.key-word .keyword-scroll>div{	/*overflow: hidden;	height: 38px;*/}
.key-word .keyword-scroll .tab-btn:after
{    display: none;
	content: '';
	position: absolute;
	z-index: 2;
	right: 71px;
	top: 0;
	width: 60px;
	height: 36px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)),color-stop(30%, rgba(255,255,255,1)),to(rgba(255,255,255,1)));
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 100%);
}

.key-word .keyword-scroll .tab-btn.scrolled:before
{
	content: '';
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 50px;
	height: 36px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,1)),to(rgba(255,255,255,0)));
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}

.key-word .keyword-scroll ul
{
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.77,0.2,0.05,1.0);
	transition: -webkit-transform 1s cubic-bezier(0.77,0.2,0.05,1.0);
	transition: transform 1s cubic-bezier(0.77,0.2,0.05,1.0);
	transition: transform 1s cubic-bezier(0.77,0.2,0.05,1.0), -webkit-transform 1s cubic-bezier(0.77,0.2,0.05,1.0);
}

.key-word .keyword-scroll ul:after
{	content: '';
	display: block;
	clear: both;
}

.key-word .keyword-scroll li{	float: left; padding-right: 6px; margin-top: 5px}

.key-word .keyword-scroll li + li{	;}
.key-word .keyword-scroll li>*
{	position: relative;
	display: block;
	height: 36px;
	border: 1px solid #ccc;
	border-radius: 18px;
	padding: 0 20px;
	line-height: 33px;
    font-size: 16px;
}

.key-word .keyword-scroll li>*.on{	border-color: #37b7b5;	color: #37b7b5;}
/*.key-word .keyword-scroll li>a>em{ color:#666}*/
.key-word .keyword-scroll>button
{
	position: absolute;
	top: 0;
	z-index: 1;
	overflow: hidden;
	width: 36px;
	height: 0;
	padding-top: 34px;
	border: 1px solid #ccc;
}


/* 투어 메뉴 위 아이콘 애니메이션 2024-04-23 by.Amber(wrko@jeju.com) */

#header .nav_head li .badge {position: absolute; top: -25x; left: 2px; font-size: 10px; line-height: 10px; display: inline-block; color: #fff; background-color: #374dff; padding: 4px; border-radius: 20px;}

.floating {
	animation-name: floating;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

@keyframes floating {
	from { transform: translate(0,  0px); }
	50%  { transform: translate(0, 4px); }
	to   { transform: translate(0, 0px); }    
}