@charset "utf-8";

/* common */
.pc { display:block; }
.mobile { display:none; }
.show_in { display:inline; }
.show_ib { display:inline-block; }
.show_bl { display:block; }
.hide { display:none; }
.widthFull { width:100%; }

/****************************** nav ******************************/
header { position:fixed; top:0; left:0; width:100%; height:95px; z-index:9999; }
header .tnb { position:absolute; top:-3px; right:-5px; height:100%; z-index:7; }
header .tnb li { float:left; width:100px; height:100%; font-size:0; background:#fff; }
header .tnb li.res_btn { background: url("../image/common/header_reservation.png") no-repeat center; }
header .tnb li.res_btn:hover { background: url("../image/common/header_reservation_on.png") no-repeat center; }
header .tnb li.nav_btn {position:relative;left:10px; background:url("../image/common/header_close.png") no-repeat center; }
/*header .tnb li.nav_btn:hover, header .tnb li.nav_btn_on { background:url("../image/common/header_nav.png") no-repeat center; }*/
header .tnb li a { display:block; width:100px; height:100%; text-align:center; line-height:95px;}
header .tnb li a img { vertical-align:middle; }

.nav_pc{width:100%; height:90px;  background:rgba(0,0,0,0.60);}
/*.gnb { position:absolute; top:0; left:-100%; width:calc(100% - 300px); height:95px; background:#7e9ba8; z-index:8; }*//* ÁÂÃø¾Ö´Ï¸ÞÀÌ¼Ç */
.gnb {position:relative; top:20px; right:190px; height:95px;float:right;z-index:9;}
.gnb > li { position:relative; float:left; margin-top:23px;margin-right:40px;}
.gnb > li > a { display:inline-block; width:100%; padding:10px 0; font-size:18px; color:#fff; font-weight:300; text-align:center; }
/*.gnb > li:hover .sub_gnb { display:block; }*/
.gnb > li:hover > a, .gnb > li.select > a { font-weight:700; }
.gnb > li > ul, .sub_gnb_rooms { display:none; }

.gnb > li > ul { position:absolute; top:42px; left:-10px;border-top:1px solid #263E50; background:#fff; }
.gnb > li > ul > li { height:33px; border-bottom:1px solid #ddd; }
.gnb > li > ul > li a { display:inline-block; width:100%; height:100%; font-size:13px; color:#2e2e2e; font-weight:400; text-indent:8px; }
.gnb > li > ul > li a:hover, .gnb > li > ul > li.select a { color:#7e9ba8; }

.gnb_rooms ul li .dark{background-color:rgba(0,0,0,0.5); width:115px;height:64px; position:absolute; opacity:0;transition:opacity 0.5s;}

.gnb_rooms ul li .dark:hover {
     opacity:1;
}

.gnb > li > div.sub_gnb_rooms { position:absolute; top:42px; left:10px; width:347px; border-top:1px solid #263E50; background:#fff; }
.gnb > li > div.sub_gnb_rooms .sub_gnb_title { height:31px; font-size:13px; color:#2e2e2e; font-weight:400; text-indent:8px; line-height:33px; }
.gnb > li > div.sub_gnb_rooms li { float:left; margin-right:1px; }
.gnb > li > div.sub_gnb_rooms li:nth-child(3n) { margin-right:0; }

.gnb > li > div.sub_gnb_rooms li a:hover span, .gnb > li > div.sub_gnb_rooms li.select a span { color:#3e53a3; }
.gnb > li > div.sub_gnb_rooms li span { display:block; width:100%; height:33px; font-size:13px; color:#2e2e2e; font-weight:400; text-indent:6px; line-height:28px; }
.gnb > li > div.sub_gnb_rooms li .span_over{font-size:10px;}
.gnb > li > div.sub_gnb_rooms li img { display:block; }



header .nav_mobile_btn { display:none; position:absolute; top:25px; right:40px; width:40px; height:40px; text-indent:-99999px; font-size:0; z-index:99999; }
header .nav_mobile_btn.ready { background:url("../image/common/header_nav_mobile.png") no-repeat; background-size:100%; }
header .nav_mobile_btn.active { background:url("../image/common/header_nav_mobile_close.png") no-repeat; background-size:100%; }
header .nav_mobile { display:none; position:fixed; top:0; left:0; padding-top:100px; width:100%; height:calc(100% - 100px); overflow-y:scroll; background:#2254ba;/*rgba(255, 255, 255, 0.7)*/ z-index:9999; }
header .nav_mobile > li > a { font-size:18px; font-weight:bold; color:#fff; text-indent:12px; }
header .nav_mobile > li > ul a { font-size:18px; color:#fff; text-indent:12px; }
header .nav_mobile > li { clear:both; display:block; padding:15px 5px; line-height:30px; text-align:center; }
header .nav_mobile > li > ul, header .nav_mobile > li > div { display:none; }
/*header .nav_mobile > li:hover > ul, header .nav_mobile > li:hover > div { display:block; }*/
header .nav_mobile > li a:hover, header .nav_mobile > li.select a { padding-top:15px; border:none; opacity:0.5; }
.nav_mobile > li:hover .sub_gnb { position:relative; width:90%; margin:0 auto; border-top:1px solid #fff; }
header .nav_mobile div.sub_gnb_rooms { position:relative; width:90%; margin:0 auto; border-top:1px solid #263E50; background:#fff; text-align:center; font-size:0; }
header .nav_mobile div.sub_gnb_rooms .sub_gnb_title { height:31px; font-size:13px; color:#2e2e2e; font-weight:400; text-indent:8px; line-height:33px; }
header .nav_mobile div.sub_gnb_rooms li { display:inline-block; margin-right:1px; }
header .nav_mobile div.sub_gnb_rooms li:nth-child(3n) { margin-right:0; }

header .nav_mobile div.sub_gnb_rooms li a:hover span, .gnb > li > div.sub_gnb_rooms li.select a span { color:#3e53a3; }
header .nav_mobile div.sub_gnb_rooms li span { display:block; width:100%; height:33px; font-size:13px; color:#2e2e2e; font-weight:400; text-indent:6px; line-height:28px; }
header .nav_mobile div.sub_gnb_rooms li img { display:block; }

header .res_btn_mobile { display:none; position:absolute; top:100px; right:32px; z-index:9; }

@media all and (min-width:1366px){
	.nav_mobile { display:none; }
}
@media all and (max-width:1365px){
	.nav_pc  { display:none; }
	header .nav_mobile_btn { display:block; }
	header .res_btn_mobile { display:block; }
	header .tnb li { display:none; }
}

.gnb li.gnb_sway ul{width:120px; }
.gnb li.gnb_special ul{ width:115px; }
.gnb li.gnb_travel ul{ width:105px; }
.gnb li.gnb_reservation ul{ width:140px; }
.gnb li.gnb_traffic ul{ width:95px; }
.gnb li.gnb_community ul{ width:130px; }


header h1.logo { position:absolute; top:30px; left:33px; z-index:9; }


footer { clear:both; position:relative; width:100%; height:150px; background:#484848; text-align:center;}

footer .copyright {padding:40px 10% 0 10%;font-size:13px; color:#a7a7a7; font-family:"Noto Sans KR";word-break:keep-all;}
footer .copyright2{font-size:13px;color:#a7a7a7; font-family:"Noto Sans KR"; padding:0 10%;word-break:keep-all;}


@media all and (max-width:380px;){
	footer{padding-bottom:50px;}
}