@charset'utf-8';
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');

html,body{height:100%;}
article, aside, hgroup, header, footer, figure, figcaption, nav, section {display: block;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, address, big, cite, code, del, dfn, em, font, img, ins,q, s, samp, small, strike, 
strong, sub, sup, tt, var, b,u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: none 0; }
html, body { width:100%; height:100%;}
body, input, button, textarea,table, td {font-family:'Malgun Gothic','Nanum Gothic', 'Lato', sans-serif, Verdana, "µ¸¿ò", Dotum, Helvetica, AppleGothic; color:#444;}
img, fieldset, iframe {border:0 none;}
table, div {border-collapse: collapse;}
address, caption, cite, code, dfn, em, strong, th, var { font-style : normal; font-weight : normal; }
ul, li, ol { list-style-type: none;}
legend,  caption { display: none; }
hr { border-collapse:collapse; display:none; }
strong{font-weight:bold;}
img{border:0;}
a {
	color: #555;
	text-decoration: none;
	outline: none;
}


/************************************************************************************/
#newwrap{width:100%; position:relative;}
#newwrap > header{width:100%; height:120px; background:#fff; position:fixed; top:0; z-index:99; box-shadow:0 2px 2px #696969}

#newwrap > header .topsection{width:100%; position:relative; height:120px;}

#newwrap > header .topsection h1{position:relative; text-align:center; top:10px;}
#newwrap > header .topsection span{position:absolute; right:0; top:0;z-index:9999999}
@media screen and (min-width: 320px) and (max-width: 400px){
  #newwrap > header .topsection h1 img{width:30%;}
}

#newwrap > header .topsection nav {width:100%; position:absolute; bottom:10px; border-top:1px solid #e6e6e6; padding-top:10px;}
#newwrap > header .topsection nav > ul{overflow:hidden;}
#newwrap > header .topsection nav > ul li{float:left; font-size:13px; text-transform:uppercase; letter-spacing:-1px; width:18%; text-align:center}
#newwrap > header .topsection nav > ul li a{display:block; color:#222; font-weight:600;}
#newwrap > header .topsection nav > ul li a:hover{color:#76b5bd;}
#newwrap > header .topsection nav > ul li a.selected{color:#76b5bd;}
#newwrap > header .topsection nav > ul li:nth-child(5){width:28%}

#newwrap > article{position:relative; margin-top:120px;}
#newwrap article > article p img{width:100%; display:block;}
#newwrap article > article p{margin-top:10px}

footer{width:100%; background:#000; padding:20px 0}
footer > ul{overflow:hidden; width:98%; margin:0 auto;}
footer > ul li{float:left; text-align:center; width:20%; font-size:12px;}
footer > ul li a > p{margin-bottom:8px; color:#fff;}
footer > ul li a{display:block;}
footer > ul li img{vertical-align:middle; width:30px}
.copy{width:95%; margin:25px auto 0; border-top:1px solid #a2a2a2; padding-top:20px; text-align:center; font-size:11px; color:#999}
.copy p{margin-bottom:5px; letter-spacing:-1px; line-height:150%;}
.copy p strong{color:#fff; font-size:16px;letter-spacing:0px;}
.copy p span{color:#fff; font-size:14px;}
/************************************************************************************/

.subnav{position:fixed; top:120px; z-index:99; background:#1c679c; width:100%;}

/*room*/
#newwrap article.subcontent{width:100%; position:relative; margin-top:200px;}

.subnav .innernav{padding:10px 15px; overflow:hidden;}
.subnav .innernav ul{float:left; width:25%;}
.subnav .innernav ul li{font-size:11px; padding:2px 5px; text-align:center}
.subnav .innernav ul li a{display:block; color:#dbdbdb; border-bottom:1px dashed #96b0c3; padding:0 0 5px 0}
.subnav .innernav ul li a.active{color:#fff;}

.room_list{overflow:hidden; padding-bottom:10px;}
.room_list li{float:left; width:50%;}
.room_list li span{display:block; text-align:center; font-size:13px; font-weight:600; color:#555}
.room_list li img{width:100%;}
.room_list li a{display:block; padding:10px 10px 5px 10px;}

.room_view{}
.room_view li{width:100%; margin-bottom:10px;}
.room_view li img{display:block; width:100%;}
.room_view li:first-child{margin-bottom:0;}
.room_view li:last-child{margin-bottom:0;}
.room_view li p{padding:10px; font-size:13px;}
.room_view li p span{display:block; line-height:150%; text-align:center;}

/*½ºÆä¼È*/
article.subcontent_service{width:100%; position:relative; margin-top:170px;}
.subnav .innernav_service{padding:10px 15px;}
.subnav .innernav_service ul{overflow:hidden;}
.subnav .innernav_service ul li{float:left; font-size:11px; width:25%;}
.subnav .innernav_service ul li a{display:block; color:#dbdbdb; padding:2px 5px; text-align:center;}
.subnav .innernav_service ul li a.active{color:#fff;}

/*°ü±¤*/
.tour_view{}
.tour_view li{width:100%; margin-bottom:10px;}
.tour_view li img{display:block; width:100%;}
.tour_view li:first-child{margin-bottom:0;}
.tour_view li:last-child{margin-bottom:0;}
.tour_view li p{padding:10px; font-size:13px;}
.tour_view li p b{font-size:15px;}
.tour_view li p span{display:block; line-height:150%; text-align:center;}

/*Ææ¼Ç¼Ò°³*/
article.subcontent_about{width:100%; position:relative; margin-top:170px;}
.subnav .innernav_about{padding:10px 15px;}
.subnav .innernav_about ul{overflow:hidden;}
.subnav .innernav_about ul li{float:left; font-size:11px; width:50%;}
.subnav .innernav_about ul li a{display:block; color:#dbdbdb; padding:2px 5px; text-align:center;}
.subnav .innernav_about ul li a.active{color:#fff;}

.map{width:95%; margin:0 auto 15px; border:1px solid #ccc;}
.map_infor{width:95%; margin:0 auto 20px; font-size:12px; color:#555;}
.map_infor h2{color:#000; font-size:13px;}
.map_infor p{padding:5px 10px; border-bottom:1px dotted #ccc; line-height:150%;}
.hp{height:20px;}