@charset "utf-8";

@font-face {
	font-family:NanumBarunGothicBold;
	font-weight:bold;
	src:url('/_newhome/ui/_component/static/font/NanumBarunGothicBold.eot');
	src:local('NanumBarunGothicBold'), local('나눔바른고딕'),
		url('/_newhome/ui/_component/static/font/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
		url('/_newhome/ui/_component/static/font/NanumBarunGothicBold.woff') format('woff');
}
@font-face {
	font-family:NanumBarunGothic;
	font-weight:normal;
	src:url('/_newhome/ui/_component/static/font/NanumBarunGothic.eot');
	src:local('NanumBarunGothic'), local('나눔바른고딕'),
		url('/_newhome/ui/_component/static/font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
		url('/_newhome/ui/_component/static/font/NanumBarunGothic.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;}
.hide {position:absolute;top:-9999px;left:-9999px; font-size:1px; line-height:1px;}
#header .tit_1depth a {display: block;height: 60px;padding:22px 33px 28px 33px; text-align:center;}
#header .tit_1depth .smc_pkg {display:block; clear:both; margin:18px auto 0 auto;width:254px; height:30px; background:url("../img/logo2.png") center -37px no-repeat; background-size: 254px 66px; text-indent:-9999px; font-size:0; line-height:0;}
/* #header .tit_1depth .smc_logo {display:inline-block; width:146px; height:21px; background:url("../img/smc_logo.png") 0 0 no-repeat; background-size: 146px 21px; text-indent:-9999px; font-size:0; line-height:0;} */
#header .tit_1depth .smc_logo {display:inline-block; vertical-align:bottom;}
#header .tit_1depth .smc_logo img { width:146px; height:21px;}
#header .tit_1depth .smc_hm {display:inline-block; color:#1428a0; margin-left:8px; font-size:14px; line-height:13px;  vertical-align:bottom;}
#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:#2f251d;;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;   color:#986f49;}
#gnb ul li:nth-child(2).on a{font-family:NanumBarunGothicBold;color:#249386;  }
#gnb ul li:nth-child(3).on a{font-family:NanumBarunGothicBold;color:#973369;  }
#gnb ul li:nth-child(4).on a {font-family:NanumBarunGothicBold;color:#b27e4d;  }
#gnb ul li:nth-child(5).on a{font-family:NanumBarunGothicBold;color:#29426a; }
#gnb ul li:nth-child(6).on a{font-family:NanumBarunGothicBold;color:#489746;  }
#gnb ul li:nth-child(7).on a{font-family:NanumBarunGothicBold;color:#e78b7c;}

#gnb:after{content:"";display: block; clear: both;}


/* 2018-05월 프로모션 gnb개수 많음  */
#gnb.gnb2018_05 {padding:0; overflow-x:auto; overflow-y:hidden;}
#gnb.gnb2018_05 ul {display:table; width:107%; 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:88%;} 


#gnb.gnb2018_05 ul li:nth-child(1){width:5%;margin-left:0;}
#gnb.gnb2018_05 ul li:nth-child(2){width:12%;}
#gnb.gnb2018_05 ul li:nth-child(3){width:12%;}
#gnb.gnb2018_05 ul li:nth-child(4){width:12%;}
#gnb.gnb2018_05 ul li:nth-child(5){width:12%;}
#gnb.gnb2018_05 ul li:nth-child(6){width:17%;}
#gnb.gnb2018_05 ul li:nth-child(7){width:12%; text-align:center;}
#gnb.gnb2018_05 ul li:nth-child(8){width:12%; text-align:center;}

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

/* main_con */
.main{background:url(../img/bg_home.jpg) no-repeat;background-size:100% 100%; padding-bottom:25px;}
.main .main_con{position:relative; height:310px; background:url(../img/bg_main_all4.png) no-repeat center 29px; background-size:317px 276px; padding:29px 32px 28px 25px; width:317px; 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:84px; height:81px; border-radius:30px; box-sizing:border-box;}
/*.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:#e07c6b;}*/

.main_con a p {padding-top:43px; display: inline-block;  font-size:14px; }
.main_con p span{height:16px; font-size: 17px; font-weight:bold;}
.main_con a.ba {top:46px;left:162px;color:#518f87; padding-left:5px;}
.main_con a.de {top:124px;left:203px;color:#a6698d;}
.main_con a.de p {padding-top:24px;}
.main_con a.st {top:46px;left:72px;color:#e07c6b; text-align:right; letter-spacing:-0.5px; padding-right:4px;}
.main_con a.st p {padding-top:43px;}
.main_con a.pr {top:199px;left:71px;color:#69839c;  text-align:right; padding-right:7px;}
.main_con a.pr p {padding-top:31px;}
.main_con a.si {top:201px;left:160px;color:#b27e4d;  padding-left:11px;}
.main_con a.si p {padding-top:29px;}
.main_con a.prt {top:124px;left:27px;color:#489746; text-align:right; width:93px; letter-spacing:-0.5px; }
.main_con a.prt p {padding-top:25px;}

/* 
.main_con .ico_basic{background:url(../img/ico_basic2.jpg) 98% 3px no-repeat;background-size:13px 13px;}
.main_con .ico_detail{background:url(../img/ico_detail2.jpg) 98% 3px  no-repeat;background-size:13px 13px;}
.main_con .ico_premium{background:url(../img/ico_premium2.jpg) 98% 3px no-repeat;background-size:13px 13px;}
.main_con .ico_stay{background:url(../img/ico_stay2.png) 98% 3px no-repeat;background-size:13px 13px;}
.main_con .ico_silver{background:url(../img/ico_silver2.jpg) 98% 3px no-repeat;background-size:13px 13px;}*/

/* footer */
#footer{height:160px; 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:#e78b7c;}
.info.prestige{background-color:#489746;}
.info.basic{background-color:#619c94;}
.info.detail{background-color:#a57491;}
.info.silver{background-color:#b78b62;}
.info.premium{background-color:#748ca3;}
.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;}
.tbl_default thead th:nth-child(3),
.tbl_default thead th:nth-child(4){color:#5c4c33;}


/* 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_ok.png)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}


.box_wrap .box_con.prestige_escort {padding:55px 15px 10px 15px; margin-bottom:13px;}
.prestige_escort:after {display:block; content:""; clear:both;}
/*.prestige_escort ol:after{display:block; content:""; clear:both;}
.prestige_escort ol {width:310px; margin:0 auto; }*/
.prestige_escort li {float:left; width:12%; font-size:12px; line-height:12px; padding:4px 0; text-align:center; color:#6e7179;}
.prestige_escort li.location {background-color:#e8ebf1; border-radius:3px;}
.prestige_escort li.move {position:relative; width:17.3%;}
.prestige_escort li.move em {display:block; position:absolute;top:0;left:0; width:100%; height:10px; border-bottom:1px solid #e8ebf1;}
/*.prestige_escort li.move img {position:absolute;top:-48px;left:-8px; width:64px; height:44px;}*/
.prestige_escort li.move div {position:absolute;top:-48px;left:-8px; width:100%; height:44px; text-align:center;}
.prestige_escort li.move img {width:64px; height:44px;}