@charset "utf-8";

@font-face {
	font-family:NanumBarunGothic;
	font-weight:normal;
	src:../../../_component/static/font/NanumBarunGothic.eot');
	src:local('NanumBarunGothic'), local('나눔바른고딕'),
		url('../../../_component/static/font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
		url('../../../_component/static/font/NanumBarunGothic.woff') format('woff');
}
@font-face {
	font-family:NanumBarunGothicBold;
	font-weight:bold;
	src:url('../../../_component/static/font/NanumBarunGothicBold.eot');
	src:local('NanumBarunGothicBold'), local('나눔바른고딕'),
		url('../../../_component/static/font/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
		url('../../../_component/static/font/NanumBarunGothicBold.woff') format('woff');
}

/* reset */
body{margin:0;font: normal 13px NanumBarunGothic, Dotum;background:#595f6a; }
fieldset, dl, dt, dd { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { margin:0; font-size:inherit; }
table { width:100%; }
th,td{padding:0;}
ol, ul { list-style: none;margin:0 ;padding:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; margin: 0;padding:0;}
p{margin:0;padding:0;}
a{color:#000; text-decoration: none;}


/* skip */
#skip{position: absolute;left:0;top:0;width:100%;z-index: 2;}
#skip a{position: absolute;left:0;top:-100px;width:100%;height:30px;padding:10px 0;font-size:20px;line-height:30px;text-align:center;background:#595f6a;}
#skip a:active, #skip a:focus {top:0;color:#fff;}

/*header*/
#header{background-color:#fff;}
#header .tit_1depth{font-size:0;line-height:60px;background:url("../img/logo.png")center center no-repeat;background-size: 254px 60px;}
#header .tit_1depth a{display: block;height: 60px;padding:33px 33px 21px 33px;}
#gnb{padding:0 10px;} 
#gnb ul li{float:left;list-style: none;text-align: center;/*margin-left:16px;*/}
#gnb ul li a{border-bottom: 3px solid #fff;display: inline-block;/*padding-top:6px;padding-bottom:10px;*/ text-decoration: none;color:#284a7c;;padding:6px 10px 10px;font-size:1.08em;}
/*#gnb ul li:nth-child(1){width:33px;margin-left:0;}
#gnb ul li:nth-child(2){width:45px;}
#gnb ul li:nth-child(3){width:44px;}
#gnb ul li:nth-child(4){width:68px;}
#gnb ul li:nth-child(5){width:46px;}*/
#gnb ul li:nth-child(1){width:12%;margin-left:0;}
#gnb ul li:nth-child(2){width:20%;}
#gnb ul li:nth-child(3){width:20%;}
#gnb ul li:nth-child(4){width:28%;}
#gnb ul li:nth-child(5){width:20%;}
#gnb ul li:nth-child(1).on a{font-family:NanumBarunGothicBold; border-bottom: 3px solid #39557e;}
#gnb ul li:nth-child(2).on a{font-family:NanumBarunGothicBold;color:#008776; border-bottom: 3px solid #007a6a;}
#gnb ul li:nth-child(3).on a{font-family:NanumBarunGothicBold;color:#973369; border-bottom: 3px solid #973369;}
#gnb ul li:nth-child(4).on a {font-family:NanumBarunGothicBold;color:#00b2b3; border-bottom: 3px solid #00b2b3;}
#gnb ul li:nth-child(5).on a{font-family:NanumBarunGothicBold;color:#29426a; border-bottom: 3px solid #29426a;}
#gnb ul li:nth-child(6).on a{font-family:NanumBarunGothicBold;color:#9b4e34; border-bottom: 3px solid #9b4e34;}
#gnb ul li:nth-child(7).on a{font-family:NanumBarunGothicBold;color:#284a7c; border-bottom: 3px solid #284a7c;}
#gnb:after{content:"";display: block; clear: both;}


/* 2018-05월 프로모션 gnb개수 많음  */
#gnb.gnb2018_05 {padding:0}
#gnb.gnb2018_05 ul {display:table; width:100%; box-sizing:border-box;}
#gnb.gnb2018_05 ul li{float:none; display:table-cell; vertical-align:middle; box-sizing:border-box; height:51px; box-sizing:border-box;}
#gnb.gnb2018_05 ul li a {height:100%;}
#gnb.gnb2018_05 ul li:nth-of-type(1){width:10%;}
#gnb.gnb2018_05 ul li:nth-of-type(2){width:16%;}
#gnb.gnb2018_05 ul li:nth-of-type(3){width:16%;}
#gnb.gnb2018_05 ul li:nth-of-type(4){width:16%;}
#gnb.gnb2018_05 ul li:nth-of-type(5){width:16%; text-align:center;}
#gnb.gnb2018_05 ul li:nth-of-type(6){width:16%; text-align:center;}

/* container */
#container{background:#e8ebf2;}

/* main_con */
.main{background:url(../img/bg_home.jpg) no-repeat;background-size:100% 100%; }
.main .main_con{position:relative; height:310px; background:url(../img/bg_main_all.png) no-repeat center 29px; background-size:262px 246px; padding:29px 32px 28px 25px; width:262px; margin:0 auto; box-sizing:border-box;}
/*.main_con a{position: relative; display:inline-block; width:50%; height:126px;float:left;box-sizing: border-box;}*/
/*.main_con a:nth-child(1){background:url(../img/bg_basic.png)0 0 no-repeat; background-size:126px 126px;margin-bottom:5px;}*/
/*.main_con a:nth-child(2){background:url(../img/bg_detail.png)0 0 no-repeat; background-size:126px 126px;margin-bottom:5px;}*/
/*.main_con a:nth-child(4){background:url(../img/bg_premium.png)0 0 no-repeat; background-size:126px 126px;padding-right:5px;}*/
/*.main_con a:nth-child(5){background:url(../img/bg_stay2.png)0 0 no-repeat; background-size:126px 126px;}*/
.main_con:after{content:"";display: block; clear: both;}
.main_con a {display:block; position:absolute;top:0;left:0; width:93px; height:97px; border-radius:60px;}
/*.main_con p{display: inline-block; position: absolute;font-size: 1em;text-align: center;}*/
/*.main_con a:nth-child(1) p{top:60px;right:32px;color:#008775;}*/
/*.main_con a:nth-child(2) p{top:60px;left:26px;color:#a55781;}*/
/*.main_con a:nth-child(4) p{top:57px;right:24px;color:#5473a8;}*/
/*.main_con a:nth-child(5) p{top:57px;left:27px;color:#c36746;}*/

.main_con a.ba {top:30px;left:83px;color:#008775;}
.main_con a.de {top:87px;left:166px;color:#a55781;}
.main_con a.pr {top:87px;left:0px;color:#5473a8;}
.main_con a.st {top:182px;left:30px;color:#c36746;}
.main_con a.si {top:182px;left:136px;color:#00b2b3;}
.main_con a.pr span {margin-left:13px;}
.main_con a.st p,.main_con a.si p {padding-top:40px;}
.main_con a p {width:93px; padding-top:45px; display: inline-block;  font-size: 1em;text-align: center;}
.main_con p span{margin-left:14px; height:16px; padding-right:18px; font-family:NanumBarunGothicBold;font-size: 17px;}
.main_con .ico_basic{background:url(../img/ico_basic.jpg) 98% 3px no-repeat;background-size:13px 13px;}
.main_con .ico_detail{background:url(../img/ico_detail.jpg) 98% 3px  no-repeat;background-size:13px 13px;}
.main_con .ico_premium{background:url(../img/ico_premium.jpg) 98% 3px no-repeat;background-size:13px 13px;}
.main_con .ico_stay{background:url(../img/ico_stay.png) 98% 3px no-repeat;background-size:13px 13px;}
.main_con .ico_silver{background:url(../img/ico_silver.jpg) 98% 3px no-repeat;background-size:13px 13px;}

/* footer */
#footer{height:143px; background-color:#595f6a;}
#footer .reserve_info{padding-top:10px;padding-bottom:20px;text-align: center;}
#footer .reserve_info p{margin-top:10px;color:#fff;font-size: 0.85em;line-height: 10px;}
#footer .reserve_info p span{display:inline-block; color:#fff; line-height: 10px;}
#footer .reserve_info p span a{color:#fff;}/* 아이폰 전화번호 링크 색상적용 */
#footer .reserve_info p span:nth-child(2){padding-left:5px;border-left:1px solid #adb2b9;}
#footer .copyright{margin-top:12px;color:#888d96;font-size: 0.70em;text-align: center;}
#footer .btn_m {float:left; box-sizing:border-box;}
#footer .btn_m.btn_line_w {width:36%;margin-right:5px;}
#footer .btn_m.btn_gray{width:62%}
#footer .btn_wrap:after{content:"";display: block; clear: both;}
#footer .btn_wrap{padding:0 30px;}


/* info */
.info{padding:16px 10px 18px 10px;font-size:1.08em;color:#fff;line-height:19px;}
.info .info_title{margin-bottom:19px;}
.info .list_square_w li{text-indent:9px;}
.info ul li.total_t{margin-bottom:19px;}
.info span{display: block; font-family:NanumBarunGothicBold; letter-spacing:0;}
.info .info_etc{font-size:0.92em;}
.info.stay{background-color:#ac6b54;}
.info.basic{background-color:#249386;}
.info.detail{background-color:#905075;}
.info.silver{background-color:#00b2b3;}
.info.premium{background-color:#506384;}
.info .info_price{font-family:NanumBarunGothicBold;}

/* box_wrap */
.box{padding:30px 0 50px 0; background-color:#e8ebf2;}
.box_wrap{position: relative;padding:35px 10px 19px 10px; }
.box_wrap .tit_3depth{display:inline;height:35px;font-size:1.07em; line-height: 35px;font-family:NanumBarunGothicBold;color:#3b3e43;}
.box_wrap .btn_m a{color:#394464;}
.box_wrap .btn_m{float:right;width:29%;}
.box_wrap .btn_m:after{content:"";display: block; clear: both;}
.box_wrap.stay{padding-top:0;}
/* 상세안내 옆에 버튼 경우 */
.box_wrap .btn_layout{position:absolute; top:0; right:10px;}
/* box_con */
.box_wrap .box_con{padding:20px 15px;background-color:#fff; border-radius:3px;}
.box_con .list_square_b li{padding-left:10px;color:#6e7178;font-size:1.08em;line-height:19px;}

/* table */
.tbl_default{width:100%;font-size: 1.05em;text-align: center;border-collapse:collapse;box-sizing: border-box;}
.tbl_default caption{position:absolute;left:10px; top:0;height:35px;font-size:1.07em; line-height: 35px;font-family:NanumBarunGothicBold;color:#3b3e43;}
.tbl_default thead{color:#374464;}
.tbl_default thead th{height:43px;border-bottom:1px solid #babec7;border-top:2px solid #374464;border-left:1px solid #e1e5e8;}
.tbl_default thead th:first-child{border-left:0;}
.tbl_default tbody th, .tbl_default td{padding:10px 0 7px 0;border-left:1px solid #e1e5e8;border-bottom:1px solid #e1e5e8;box-sizing: border-box;line-height:19px;}
.tbl_default tbody th{border-left:0;color:#373b47;background-color:#f8f8f8;}
.tbl_default tbody tr{color:#383c48;}


/* common */
.btn_m {height:25px; text-align: center; border-radius: 3px;box-sizing:border-box;}
.btn_m a {display: inline-block; font-size: 0.85em; color: #fff; line-height: 25px}
.btn_m .ico {padding-left:17px}
.btn_gray {background:#86909f}
.btn_line_w {border: 1px solid #b6bcc6}
.btn_line_b {border: 1px solid #394464;background:#e8ebf2;}

.ico_phone_w {background: url(../img/ico_phone_w.png) 0 50% no-repeat; background-size: 12px 13px}
.ico_phone_b {background: url(../img/ico_phone_b.jpg) 0 50% no-repeat; background-size: 12px 13px}

.list_square_w li{background:url(../img/list_square_w.jpg)0 6px  no-repeat;background-size:3px 3px;}
.list_square_b li{background:url(../img/list_square_b.jpg)0 5px no-repeat;background-size:3px 3px;}
.list_none {list-style: none;}

.hide{visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;} 

.ico_heart{background:url(../img/ico_haert.jpg)center center no-repeat; background-size:12px 12px;}

/* flick */
#container {position:relative; z-index:20; overflow:hidden;}
#container .flick {overflow:hidden; visibility:hidden; position:relative;}
#container .flick {-webkit-transition:height 0.2s;transition:height 0.2s}
#container .flick-wrap {overflow:hidden; position:relative;}
#container .flick-panel {float:left; width:100%; position:relative; min-height:200px; overflow:hidden;}

/* tutorial */
#tutorial {position:fixed; left:0; top:0; width:100%; height:100%; z-index:999}
#tutorial .bg_tutorial {position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.8}
#tutorial .wrap_tutorial {position:relative; height:100%; text-align:center;}
#tutorial .tutorial_info {display:inline-block; text-align:center; vertical-align:middle;}
#tutorial .tutorial_info .txt {display:inline-block; width:196px; height:210px; font-size:0; line-height:0; text-indent:-9999px; background: url(../img/intro_img_txt.png) 0 0 no-repeat; background-size:100% auto}
#tutorial .wrap_tutorial:after {display:inline-block; content:""; width:0; height:100%; vertical-align:middle}
#tutorial .wrap_tutorial .btn_close {display:block; position:absolute; right:0; top:0; width:43px; height:43px; background: url(../img/btn_close.png) 10px 10px no-repeat; background-size:23px 23px}
#tutorial .wrap_tutorial .btn_close span {position:absolute; top:-9999px; font-size:0; line-height:0}