@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
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,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 {    margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}
caption {display:none;}
.skipNav {position:absolute;top:-30px;height:30px;width:100%;left:0;line-height:30px;color:#fff;background:#038bf0;font-size:18px;text-decoration:none;text-align:center;}
.skipNav:hover,
.skipNav:focus,
.skipNav:active {top:0;}
a {text-decoration:none}
::-moz-selection{background-color:#26a4eb;color:#fff}
::selection{background-color:#26a4eb;color:#fff}
.cmt_editor .itx_wrp{display:block;position:relative;z-index:10;width:100%;height:40px;} /* read페이지 댓글영역 */
.cmt_editor .itx_wrp label{white-space: nowrap;line-height:40px;margin:2px 0;}
.edit_opt .itx_wrp{display:block;position:relative;z-index:10;width:100%;height:40px;} /* write페이지 댓글영역 */
.edit_opt .itx_wrp label{white-space: nowrap;line-height:40px;margin:2px 0;}

.hide {font-size:0;overflow:hidden;color:transparent;height:0;}
.group {overflow:hidden;*zoom:1;}
.group:after {content:'';display:block;clear:both;}
.hidden {display:none !important;}
.mainArea{display:none;}
.inner{display:block;max-width:1160px;margin:0 auto !important;}
.center{display:block;text-align:center}

.skip_navigation,.skip_navigation ul{height:0}
.skip_navigation a{position:absolute;top:-9999px;background:#000;width:100%;height:30px;text-align:center;color:#fff;line-height:30px;font-weight:bold;z-index:100;opacity: 0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60)}
.skip_navigation a:focus,
.skip_navigation a:hover,
.skip_navigation a:active{top:0}

body {font-family:'Noto Sans KR','나눔고딕','맑은 고딕',dotum,sans-serif;-webkit-text-size-adjust:none;}
#wrap {z-index:1;position:relative;width:100%;overflow:hidden;}
#header {position:relative;width:100%;z-index:100;background:#fff;}
#header .inner {max-width:1160px;margin:0 auto;position:relative;min-height:100px;}
#header .logo {position:absolute;top:15px;left:4px;}

#header .gnb {position:absolute;right:3px;top:22px}
#header .gnb ul li{position:relative; z-index:10;float:left}
#header .gnb ul li a {display:inline-block;color:#3e494e;font-size:16px;padding:0 30px;}
#header .gnb ul > li > a{line-height:50px}
#header .gnb ul ul{display:none;position:absolute;top:95px;left:0px;box-shadow:0 5px 15px rgba(0,0,0,0.1)}
#header .gnb ul ul li{position:relative;background:#fff;}
#header .gnb ul ul li a{display:block;color:#7e7e7e;width:130px;padding:15px 20px;margin:0;font-size:13px;line-height:20px;font-weight:normal;}
#header .gnb ul ul li a:hover{color:#222;}
#header .gnb ul ul ul{left:150px;top:-1px}
.gnb-btn {display:none;}

.mainVisual {position:relative;overflow:hidden;}
.mainVisual li {float:left;}
.mainVisual li .img {float:left;width:100%;z-index:1;}
.mainVisual li .img.mobile {display:none;}
.mainVisual li.group{position:relative;}
.bx-controls {}
.bx-controls .bx-pager {position:absolute;bottom:10px;left:0;width:100%;text-align:center;}
.bx-controls .bx-pager .bx-pager-item {display:inline-block;margin:0 2px;}
.bx-controls .bx-pager .bx-pager-item a {display:inline-block;width:37px;height:7px;background:rgba(38,164,235,0.5);font-size:0;color:transparent;}
.bx-controls .bx-pager .bx-pager-item a.active {background:#26a4eb;}
.bx-controls .bx-controls-direction {position:absolute;top:50%;left:0;width:100%;height:0;}
.bx-controls .bx-controls-direction a {width:60px;height:60px;position:absolute;top:0;font-size:0;color:transparent;margin-top:-30px;}
.bx-controls .bx-controls-direction a.bx-prev {left:20px;background:url(../images/main/btn_iprev.png) no-repeat;}
.bx-controls .bx-controls-direction a.bx-next {right:20px;background:url(../images/main/btn_inext.png) no-repeat;}
/* IE8 only */  
@media \0screen {
.bx-controls .bx-pager .bx-pager-item a { border:1px solid #fff; }  
}  

.bnlist {padding:40px 0 0;position:relative;}
.bnlist a {display:block;float:left;width:32.3%;padding:0%;margin:10px 0 10px 1%;}
.bnlist a:first-child,.bnlist a.first{width:32.3%;margin:10px 1% 10px 0;}
.bnlist a.mobile{display:none;}
.bnlist a img {width:100%;float:left;}

.fourBn{margin:20px 0;}
.fourBn a {display:block;float:left;width:33.3% !important;margin:0 !important;}
.fourBn a img {float:left;width:100%;}
.fourBn a.hidden{display:none;}

.spot{width:100%;margin:20px 0;text-align:center;}
.spot a:first-child{width:100%;}
.spot img{width:100%;float:none !important;}

.btmBan{width:100%;margin:20px 0;text-align:center;}
.btmBan a.kakao{width:100%;background:#fae100;margin-bottom:20px;}
.btmBan a.kakao img{max-width:530px;float:none !important;}
.btmBan a.rental{width:100%;background:#13c8fc;float:left;margin:0;padding:0;}
.btmBan a.rental img{max-width:530px;float:none !important;}

.subVisual{position:relative;width:100%;background-size:cover;}
.subVisual img{width:100%;float:left;}
.subVisual .tit{position:absolute;left:0;bottom:0;z-index:10;width:100%;line-height:3em;background:rgba(0,0,0,0.3);text-align:center;font-size:30px;color:rgba(255,255,255,0.5);)}
/* IE8 only */  
@media \0screen {
.subVisual .tit { background:url(../images/comm/subvisual_ie8.png) repeat;color:#fff; }  
}  

.lnb{text-align:center;margin-top:20px;}
.lnb li{display:inline-block;padding-left:5px;}
.lnb li:first-child{padding-left:0;}
.lnb li a{display:block;padding:10px 20px;border:1px solid #e5e7e1;border-radius:3px;color:#5a5a55;transition:all 0.3s ease;}
.lnb li a.on{background:#0ec5f7;color:#fff;}
.lnb li a:hover{background:#26a4eb;color:#fff;transition:all 0.3s ease;border-color:#26a4eb;}
.lnb li a:hover.on{background:#0ec5f7;color:#fff;border-color:#e5e7e1;}

#content{max-width:1160px;margin:40px auto 0;}

.sub_bottom_ban {padding:20px 0 0;}
.sub_bottom_ban a {display:block;float:left;width:49%;padding:0%;margin:0 0 0 1%;}
.sub_bottom_ban a:first-child{width:49%;margin:0 1% 0 0;}
.sub_bottom_ban a img {width:100%;float:left;max-width:570px;}


#footer {background:#c6dae1;color:#2a6377;font-size:14px;margin-top:25px !important;}
#footer .inner {position:relative;z-index:1;max-width:1160px;margin:0 auto;padding:50px 0 55px 0;}
#footer .tit {position:relative;display:block;font-size:16px;color:#2a6377;padding-bottom:24px;}
#footer .info {position:absolute;left:50%;margin-left:0px;max-width:430px;}
#footer .copy,#footer .info {line-height:1.6;}
#footer .br {display:block;}
.copyright{width:100%;font-size:14px;background:#e1e8eb;color:#648793;line-height:4em;}

.btn_top{display:none;position:fixed;right:20px;bottom:20px;z-index:200;}

.offset,
.offdan {transition:all .7s ease;}
.offset.pgHide,
.offdan.pgHide {visibility:hidden;margin-top:30px;opacity:0;}

@media all and (max-width:1160px) {
	#header .logo {left:15px;}
	#header .gnb ul li a {padding:0 10px;}
	#footer .inner {padding:30px 15px 35px 15px;}
	#footer .info {margin-left:100px;}
	.copyright .inner {padding-left:15px;}
	.bx-controls .bx-controls-direction a.bx-prev {left:62px;}
	.bx-controls .bx-controls-direction a.bx-next {right:62px;}
	#content{padding:0 10px;}
}

@media all and (max-width:980px) {
	#header .gnb ul li a {font-size:15px;padding:0 10px;}
	.bnlist {padding:20px 0 20px;}
	#footer .copy,#footer .info {font-size:13px;}
	
}

@media all and (max-width:768px) {
	#header .logo {width:140px;top:15px;}
	#header .logo img {width:100%;}
	#header .inner {min-height:68px;}

	#header .gnb {position:fixed;top:0;right:-100%;width:100%;height:100%;z-index:110;transition:all .3s ease;}
	body.gnbOn #header .gnb {right:0;}
	#header .gnb ul li a {color:#fff;font-size:16px;padding:0 20px;}
	#header .gnb .ginner {width:100%;position:absolute;z-index:111;top:50%;margin-top:-200px;left:0;height:500px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
	#header .gnb .bg {position:absolute;top:0;left:0;width:100%;height:100%;z-index:110;background:rgba(0,0,0,0.7);}
	#header .gnb li{width:100%;}
	#header .gnb a {display:block !important;text-align:center;padding:15px 0;margin:10px 15px;}
	#header .gnb ul ul{display:none !important;}
	#menu > li > a{line-height:20px}

	.gnb-btn {position:absolute;top:9px;right:10px;width:42.5px;height:33px;display:block;padding-top:17px;}
	.gnb-btn span {display:block;width:22px;height:2px;background:#3e494e;margin:0 auto 3px 0;}
	body.gnbOn .gnb-btn {position:fixed;z-index:120;transition:all .3s ease;}
	body.gnbOn .gnb-btn span {display:none;transition:all .5s ease;}
	body.gnbOn .gnb-btn span:first-child,
	body.gnbOn .gnb-btn span:last-child {display:block;background:#fff;}
	body.gnbOn .gnb-btn span:first-child {-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:4px;}
	body.gnbOn .gnb-btn span:last-child {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:-5px;}
	.bx-controls .bx-controls-direction a {width:30px;height:30px;margin-top:-15px;}
	.bx-controls .bx-controls-direction a.bx-prev {left:15px;background-size:30px 30px;}
	.bx-controls .bx-controls-direction a.bx-next {right:15px;background-size:30px 30px;}
	.bx-controls .bx-pager {bottom:0px;}
	.bx-controls .bx-pager .bx-pager-item {margin:0 2px;}
	.bx-controls .bx-pager .bx-pager-item a {width:8px;height:3px;border-width:1px;}	
	
	.mainVisual li .img {display:none;}
	.mainVisual li .img.mobile {display:block;}

	.subVisual .tit{font-size:15px;line-height:2.3em;}
	.lnb{width:100%;}
	.lnb li{display:block;padding:0;}
	.lnb li a{display:block;float:left;width:47%;font-size:13px;margin:4px 1%;padding:0;line-height:30px;text-align:center;}
	.lnb li a.on{}
	
	.bnlist{padding-bottom:0;}
	.bnlist a {width:90%;margin:0 5% 10px 5%;}
	.bnlist a.pc{display:none !important;}
	.bnlist a.mobile{display:block;}
	.fourBn {width:90%;margin:0 auto !important;}
	.fourBn a {float:left;width:50% !important;display:block !important;}
	.fourBn a.hidden{display:block !important;}
	.fourBn a img {float:left;width:100%;}
	.kakao,.rental{width:90%;margin:0 auto;}
	.kakao a,.rental a{display:block !important;}
	.spot{width:90%;margin:0 5% 10px 5%;}
	.spot a{width:100%;display:block !important;margin:0 !important;padding:0 !important;}

	#content{margin:20px auto 0;}
	
	.sub_bottom_ban a{width:50%;margin:0;}
	.sub_bottom_ban a:first-child{width:50%;margin:0;}

	#footer {margin-top:0px !important;}
	#footer .inner {padding:25px 15px 30px 15px;}
	#footer .info {position:static;margin:0 0 20px 0;max-width:100%;}
	#footer .tit {display:block;padding-bottom:7px;font-size:12px;}
	#footer .info .tit {width:100% !important;display:block !important;}
	#footer .copy,#footer .info {font-size:11px;}
	#footer .copy .url {padding-top:20px;}
	.copyright{font-size:11px;line-height:4em;}


}