@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,input,select,textarea,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{	
	padding:0px;
	margin:0px;

	
}
html {overflow-y:auto; font-family:'nbg','맑은 고딕','Malgun Gothic','dotum'; color:#555; font-size:13px; line-height:1.5;}

html, body {width:100%;-webkit-text-size-adjust:none}
body {position:relative; min-width:320px; overflow:hidden; font-family:'nbg','맑은 고딕','Malgun Gothic','dotum';}
ul, ol {list-style:none}

table{border-collapse:collapse;border-spacing:0}
img,fieldset{border:0; outline:none}
label {cursor:pointer}
i, em, address {font-style:normal}
caption,legend{visibility:hidden;width:0px;height:0px;font-size:0px;line-height:0px}
iframe,object,video,embed{position:relative;top:0;left:0;max-width:100%}



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

input,select,textarea, button {font-family:'맑은 고딕','Malgun Gothic','나눔 고딕','NanumGothic','dotum';}
button {border:0; margin:0;padding:0; *overflow:visible; cursor:pointer;}
button::-moz-focus-inner {border:0; padding:0}

textarea{resize:none; border:none; background:none}

a {text-decoration:none; color:#555; cursor:pointer;}
a:link, a:visited {text-decoration:none; color:#555;}
a:hover, a:focus, a:active{background:none; text-decoration:none;}

iframe, object, video, embed {position:relative; top:0; left:0; max-width:100%}*/
img {vertical-align:top;}




/*체크*/
blockquote,q{quotes:none}:focus{outline:0}
img, audio, video, canvas {max-width:100%}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}


@font-face{
font-family:"nbg";
src:url("/m/font/NanumBarunGothic.eot");
src:local(※), url("/m/font/NanumBarunGothic.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face{
font-family:"nbgb";
src:url("/m/font/NanumBarunGothicBold.eot");
src:local(※), url("/m/font/NanumBarunGothicBold.woff") format("woff");
font-weight: normal;
font-style: normal;}



#wrap {position:relative; width:100%; min-height:100%; left:0; top:0; overflow:hidden;}

#wrap.lnbOpen{left:245px; 
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#wrap.lnbClose{left:0px; 
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}


/*************************** 96 탑 배경색 변경 ******************************************/
/*************************** 98,99 로고 이미지 사이즈 조절 ******************************************/
/* header */
#header {position:absolute; top:0; left:0; width:100%; z-index:1000;}
#header {background:#040404 !important;-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2); box-shadow:0 3px 3px rgba(0,0,0,0.2);}
#header .header_wrap {position:relative; height:85px; text-align:center;}
#header .header_wrap h1 {padding-top:23px}
#header .header_wrap h1 img {width:160px}

/*#header .btn_gnb {position:absolute; top:50%; left:20px; margin-top:-22px;}
#header .btn_gnb span {position:relative; display:block; width:34px; height:34px; background:#c1c1d9; margin:5px 0; background:url(/m/images/btn_gnb_w.png) left top no-repeat;  border: 1px solid #5f5d5d;}
#header .btn_loc {position:absolute; top:50%; right:23px; margin-top:-17px;  border: 1px solid #5f5d5d;}
#header .btn_loc img {width:80%; }*/

#header .btn_gnb,
#header .btn_loc {position:absolute; top:50%; left:17px; width:32px; height:32px; padding:5px; margin-top: -16px; border:1px solid #4f4d4d; z-index:10;}
#header .btn_gnb:before,
#header .btn_gnb:after {position:absolute; top:6px;	left:5px; content:''; width:20px; height:13px; border-top:3px solid rgba(255, 255, 255, 0.8); border-bottom:3px solid rgba(255, 255, 255, 0.8)}
#header .btn_gnb:after {top:14px; width:20px; height:0;	border-bottom:none;}
#header .btn_gnb {text-indent:-9999px;}
#header .btn_loc {left:auto; right:17px;}
#header .btn_loc img {width:15px;}


#lnb {position:absolute;top:0; right:0; width:100%; height:100%; text-align:left; z-index:5000; display:none}
#lnb .lnb_wrap {
	position:absolute;
	top:0;
	left:-245px;
	width:245px;
	height:100%;
	background:#efefef;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index:100
}
#lnb .lnb_wrap.open{left:0;}
#lnb .lnb_wrap.default{left:-253px;}
#lnb .lnb_bg{position:absolute;top:0;left:0;width:100%;height:100%}

#lnb .lnb_wrap .lnb {position:relative; display:block;}
#lnb .lnb_wrap .lnb>li {position:relative; border-bottom: 1px dotted rgba(0, 0, 0, 0.2); }
#lnb .lnb_wrap .lnb>li img {vertical-align:middle;}
#lnb .lnb_wrap .lnb>li.on {background:#fff} 
#lnb .lnb_wrap .lnb>li:before {display:block; position:absolute; content:''; right:33px; top:1.53em; width:10px; height:10px; /*background:url(../images/common/btn_arrDown.png) left top no-repeat; background-size:100% auto;*/ }
/*#lnb .lnb_wrap .lnb>li.on:before {background-image:url(../images/common/btn_arrUp.png);}*/
#lnb .lnb_wrap .lnb>li.no_sub {}
#lnb .lnb_wrap .lnb>li>a {display:block; padding:15px 0 14px 35px; font-size:13px; color:#555;} 
/* 하위메뉴
#lnb .lnb_wrap .lnb>li>ul {display:none;}
#lnb .lnb_wrap .lnb>li>ul li {position:relative;}
#lnb .lnb_wrap .lnb>li>ul li a {display:block; padding:11px 0 14px 40px; border-top:1px solid #2a2a2a; font-size:12px; color:#999; font-weight:bold;}
#lnb .lnb_wrap .lnb>li>ul li a:hover {color:#ccc;}*/


#lnb .lnb_top {overflow:hidden; background:#222}
#lnb .lnb_top p {float:left; width:50%; height:70px}
#lnb .lnb_top p a {display:block; height:70px; font-size:12px; color:#999; font-weight:bold; text-align:center; border-left:1px solid #444}
#lnb .lnb_top p.top01 a {border-left:none}
#lnb .lnb_top p a span {display:block; padding-top:42px}
#lnb .lnb_top p.top01 a span {
	background:url('/m/images/common/lnb_top_icon01.png') center 17px no-repeat;
	-webkit-background-size:22px auto;
	-moz-background-size:22px auto;
	-o-background-size:22px auto;
	background-size:22px auto;
}
#lnb .lnb_top p.top02 a span {
	background:url('/m/images/common/lnb_top_icon02.png') center 17px no-repeat;
	-webkit-background-size:22px auto;
	-moz-background-size:22px auto;
	-o-background-size:22px auto;
	background-size:22px auto;
}


/* common */
.ban_res {background:#425777;}
.ban_res a {display:block; height:50px; line-height:50px; color:#fff; text-align:center;}
.ban_res a img {vertical-align:middle; margin-right:10px; margin-bottom:3px}


footer {width:100%; margin-top:0px; padding:20px; background:#222; font-size:11px; line-height:18px; font-family:'맑은 고딕','Malgun Gothic'; text-align:center;}
.footer_info {color:#c5c5c5;} 
.copyright {margin:10px 0 0 0; color:#777;}



/* main */
.main {position:relative; overflow:hidden;}
.main_visual {position:relative; overflow:hidden;}
.main_visual li {width:100%; height:100%; background-size:cover; background-position: center center; background-repeat: no-repeat; background-repeat:no-repeat;}
.main_cont {position:absolute; top:0px; left:20px; right:0; max-width:300px; height:250px; z-index:200}
.main_cont .tit_area {position:absolute; top:200px; opacity:0;}

@media screen and (min-width:361px) and (max-width:767px){
.main_cont img {width:60%}
}

@media screen and (max-width:360px){
.main_cont img {width:80%}
}

.pager {position:absolute; bottom:25px; z-index:100; width:100%; text-align:center}
.pager .pages li {display:inline;}
.pager .pages li a {display:inline-block;zoom:1;*display:inline; width:12px; height:12px; margin:0 4px; background:#fff; opacity:0.5;-webkit-border-radius:8px;-moz-border-radius:8px; border-radius:8px; text-indent:-9999em}
.pager .pages li.on a,.pager .pages li a:hover,.pager .pages li a.active {background:#197fa9;/*#ffe40f*/; opacity:1}




/* sub */
.top_img {margin-top:70px;}
.top_img img {width:100%;}

.sub_container {position:relative; overflow:hidden; width:92%; margin:0 auto;}
.title {position:relative; margin:15px auto 0; }
.title h2 {font-size:11px;text-align:left; text-transform:uppercase; letter-spacing:2px}
.title .border {display:block; width:60px; height:2px; background:#060606; margin-bottom:15px;}
.sub_content {overflow:hidden; margin:20px auto 30px;; max-width:800px; font-size:14px;}


.about {margin-top:20px; font-size:14px; text-align:center; color:#606060; line-height:1.6em;}

.titleArea2 {margin-bottom:15px; color:#fff; height:39px; line-height:40px; font-size:16px; background:#555; text-align:center;}
.landscape {position:relative; overflow:hidden; margin-top:10px; }
.landscape li {float:left; margin-bottom:7px;}


.tabmenu {position:relative; overflow:hidden; width:100%; margin-bottom:10px;}
.tabmenu li {float:left; width:49.4%; margin-right:2px; margin-bottom:2px; border:1px solid #e3e3e3; text-align:center;}
.tabmenu li a {display:block; color:#000; font-size:12px; padding:7px 0;}
.tabmenu li.menu_on {background:#5170ad;}
.tabmenu li.menu_on a {color:#fff; font-size:12px;}


/* sub room_ js/room_swipe.js */
.swipe {position:relative; overflow:hidden; border:1px solid #555; line-height: 0px; }
.swipe-wrap {position:relative; }
.swipe-wrap li {position:relative; float:left;}

/*.swipe-btn img {width:14px}
.swipe-btn .btn_prev {position:absolute; left:1%; top:45%; z-index:10;}
.swipe-btn .btn_next {position:absolute; right:1%; top:45%; z-index:10;}*/

.bx-controls-direction > a {overflow:hidden; position:absolute; top:50%; display:block; margin:-15px 0; width:30px; height:30px; background:rgba(0,0,0,0.3);font-size:0;line-height:0;}
.bx-controls-direction > a:after {content:'';display:block; position:absolute; top:50%; margin:-4px 0; width:7px; height:7px; border:2px solid #fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.bx-controls-direction .bx-prev {left:0;border-radius:0 50% 50% 0;}
.bx-controls-direction .bx-prev:after {left:10px; border-right:0; border-bottom:0;}
.bx-controls-direction .bx-next {right:0;border-radius:50% 0 0 50%;}
.bx-controls-direction .bx-next:after {right:10px; border-left:0; border-top:0;}	

.info_list {position:relative; overflow:hidden; margin-top:20px;}
.info_list li {padding-left:10px; margin-bottom:7px; background:url('/m/images/common/icon_02.gif') no-repeat 2px 6px; line-height:18px; font-size:13px;}

.reserve_list {position:relative; overflow:hidden; margin-top:20px;}
.reserve_list li {padding-left:10px; margin-bottom:7px; background:url('/m/images/common/icon_02.gif') no-repeat 2px 6px; line-height:18px; font-size:14px;}

.data_table_01 {border-top:2px solid #6e6e6e; line-height:18px; font-size:12px;}
.data_table_01 table * {vertical-align:middle;}
.data_table_01 table {width:100%;}
.data_table_01 table th {padding:7px 0 6px 0; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; background:#f4f4f4; text-align:center; font-weight:normal; color:#333}
.data_table_01 table td {padding:10px 0 8px;  border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; text-align:center;}
.data_table_01 table .first {border-left:none;}

.etc_txt {display:block; margin-top:20px; border:1px solid #e3e3e3; font-size:12px; padding:10px; line-height:16px;}
.etc_txt dt {font-weight:bold; text-decoration:underline; font-size:13px; margin-bottom:3px; color:#a1b6c5;}
.etc_txt dd {color:#888;}

.tour_cont {margin-top:20px; font-size:14px; color:#424242; line-height:1.6em; text-align:justify;}



.fc_blue {color:#0000cc;}
.fc_red {color:#ff0000;}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt_cont {margin-top:85px} /* sub 메뉴 이미지없는 높이 조절 */