@charset "utf-8";

/* css reset */
html,body{height:100%}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd,form,textarea,button,img,fieldset{margin:0;padding:0;zoom:1}
ul,ol{list-style:none}
body{font-size:12px; color:#000; font-family:'맑은 고딕','Malgun Gothic',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif}
a,img,iframe,fieldset{border:0 none}
iframe{overflow:hidden}
a{text-decoration:none; color:#565656}
input,textarea{box-sizing:content-box; font-size:inherit}
address{font-style:normal}
body{background:#ececec; zoom:1}

body.noScroll{overflow:hidden}

.mainBg{position:fixed; top:0; right:0; bottom:0; left:0; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; background-attachment:fixed}
.wrapper{height:100%}
@media screen and (min-width:1281px){
	.wrapper{min-width:1024px}
}
@media screen and (min-width:1024px){
	.inner{width:1024px; margin:0 auto}
	._inner{width:1024px; margin:0 auto}
}

.mask{position:absolute; z-index:2; top:0; right:0; bottom:0; left:0; border:1px solid rgba(0, 0, 0, .2)}
.Tmask{position:absolute; z-index:2; left:0; right:0; top:0; height:1px; background:rgba(0, 0, 0, .2)}
.Rmask{position:absolute; z-index:2; right:0; top:0; bottom:0; width:1px; background:rgba(0, 0, 0, .2)}
.Bmask{position:absolute; z-index:2; left:0; right:0; bottom:0; height:1px; background:rgba(0, 0, 0, .2)}
.Lmask{position:absolute; z-index:2; left:0; top:0; bottom:0; width:1px; background:rgba(0, 0, 0, .2)}

.txtCenter{text-align:center}
.txtNowrap{white-space:nowrap}

._pdtn{padding-top:0}
._pdrn{padding-right:0}
._pdbn{padding-bottom:0}
._pdln{padding-left:0}

._img{position:relative; overflow:hidden}
._img:before{content:''; display:block}
._img100:before{padding:50% 0}
._img90:before{padding:45% 0}
._img80:before{padding:40% 0}
._img75:before{padding:75% 0 0 0}
._img70:before{padding:35% 0}
._img60:before{padding:30% 0}
._img50:before{padding:25% 0}
._img40:before{padding:20% 0}
._img30:before{padding:15% 0}
._img25:before{padding:25% 0 0 0}
._img20:before{padding:10% 0}
._img10:before{padding:5% 0}
._img > img{position:absolute; display:block; left:-100%; right:-100%; top:-100%; bottom:-100%; min-width:100%; min-height:100%; margin:auto}

ul._row{overflow:hidden}
ul._row > li._fl{float:left; box-sizing:border-box}
ul._row > li._fl > div._bx{position:relative}
ul._row > li._fl > div._bx:after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid rgba(0,0,0,.1)}
ul._row > li._fl p._title{background:#28bebd; color:#fff; font-weight:600}
ul._row > li._fl dd{color:#777}
@media screen and (max-width:414px){
	ul._row > li._fl2{width:100%; padding:0 0 10px 0 !important}
	ul._row > li._fl3{width:100%; padding:0 0 10px 0 !important}
}
@media screen and (min-width:415px) and (max-width:1280px){
	ul._row > li._fl2{width:50%}
	ul._row > li._fl3{width:50%}
	ul._row > li._fl2:nth-child(odd){padding-right:3px}
	ul._row > li._fl2:nth-child(even){padding-left:3px}
	ul._row > li._fl3:nth-child(odd){padding-right:3px}
	ul._row > li._fl3:nth-child(even){padding-left:3px}
}
@media screen and (max-width:1280px){
	ul._row > li._fl{padding-bottom:6px}
	ul._row > li._fl p._title{padding:6px}
	ul._row > li._fl dl{padding:4px}
	ul._row > li._fl dt{font-size:14px}
	ul._row > li._fl dd{padding:0 0 0 3px; font-size:12px}
}
@media screen and (min-width:1281px){
	ul._row > li._fl2{width:50%}
	ul._row > li._fl3{width:calc(100% / 3)}	
	ul._row > li._fl{padding-bottom:12px}
	ul._row > li._fl2:nth-child(odd){padding-right:6px}
	ul._row > li._fl2:nth-child(even){padding-left:6px}
	ul._row > li._fl3:nth-child(3n+0){padding-right:8px}
	ul._row > li._fl3:nth-child(3n+1){padding-right:4px; padding-left:4px}
	ul._row > li._fl3:nth-child(3n+2){padding-left:8px}
	ul._row > li._fl p._title{padding:10px}
	ul._row > li._fl dl{padding:8px}
	ul._row > li._fl dt{font-size:15px}
	ul._row > li._fl dd{padding:0 0 0 6px; font-size:13px}
}

@media screen and (max-width:1280px){
	#contents{margin:10px 0}
	#contents div.contents{min-height:100%; background:#fff; font-size:16px}
	#contents div.contents div.section{padding:10px; border-bottom:1px solid #ddd}
	#contents div.contents div.section:last-child{border-bottom:0 none}
}
@media screen and (min-width:1281px){
	#contents{padding:20px 0; background:#eee}
	#contents > .inner > ._row{position:relative; border-top:2px solid #667184; border-left:1px solid #c9ced4; border-right:1px solid #c9ced4; border-bottom:1px solid #c9ced4; overflow:hidden}
	#contents div.contents{float:right; width:776px; min-height:100%; border-left:1px solid #ddd; background:#fff; font-size:16px}
	#contents div.lnbNot{float:none !important; width:100% !important; border-left:0 none !important}
	#contents div.contents div.section{padding:25px; border-bottom:1px solid #ddd}
	#contents div.contents div.section:last-child{border-bottom:0 none}
}

@media screen and (min-width:1281px){
	#lnb{position:absolute; width:245px; min-height:100%; box-sizing:border-box; padding:20px 0; background:#fafafa}
}