/* CSS Document utf-8 */
html,body {letter-spacing:-0.5px; font-family:"NotoSansKR", sans-serif !important; font-size:15px; line-height:1.6; width:100%; position:static;}

/*gnb*/
.loginWrap a {display:block; color:#fff; line-height:40px; font-size:13px;}
.loginWrap>div {padding:0 !important;}
.loginWrap>div:nth-child(1) {border-right:1px solid rgba(255,255,255,.3);}
.loginWrap>div:hover {background:rgba(255,255,255,.3);}

nav {z-index:900; visibility:hidden; position:fixed; height:100%; right:0; top:0; overflow-y:auto;}
nav .gnbClose {
	display:block; height:50px; padding:15px 15px 0 0px; color:#666; font-size:11px; line-height:1.4; text-align:right;
	background:url(../images/common/icon_gnbclose.png) 15px 50% no-repeat;
	background-size:25px;
}
nav .wrap {position:relative; display:block; margin:0 auto;}
nav .navbg {position:absolute; left:0; top:0; width:100%; height:100%;}
nav .gnb {position:relative; display:block;}
nav .gnb a.on {color:#3366cc;}
nav .gnb a:hover,nav .navWrap a:focus {background:rgba(255,255,255,.3);}
nav .gnb>ul {margin:0 !important;}
nav .gnb>ul>li {position:relative; padding:0 !important; border-bottom:1px solid rgba(255,255,255,.1);}
nav .gnb>ul>li>a {display:block; width:100%; padding:15px; font-size:16px; color:rgba(255,255,255,1)}
nav .gnb>ul>li.on {background:#fff;}
nav .gnb>ul>li.on>ul {display:block;}
nav .gnb>ul>li.on>a {background:rgba(255,255,255,.2); color:#000;}
nav .gnb>ul>li>ul {display:none; overflow:hidden; padding:0;}
nav .gnb>ul>li>ul>li a {display:block; padding:6px 15px 6px 35px; color:rgba(0,0,0,.7); line-height:1.; background:url(../images/common/icon_dot.png) no-repeat 25px 15px; font-size:14px;}
nav .gnb>ul>li>ul>li:last-child {margin-bottom:20px;}
nav .gnb>ul>li>ul>li a:hover {color:rgba(0,0,0,1); background:url(../images/common/icon_dot_on.png) no-repeat 25px 15px; }
nav .gnb>ul>li>ul>li.on {background:rgba(0,0,0,.04);}
nav .gnb>ul>li>ul>li.on a {color:#000;}
nav.on {box-shadow:0 0 10px #000 !important;}
.gnbCover {z-index:800; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.2);}

h2.con_tit {text-align:center; margin-top:-100px; margin-bottom:60px; color:#fff; font-size:36px;}
.lnb {width:100%; overflow:hidden; visibility:hidden; background:#e0e0e0; box-sizing:border-box; z-index:500;}
.lnb ul {max-width:1200px; margin:0 auto; overflow:hidden;}
.lnb li {float:left; text-align:center; background:#e0e0e0;}
.lnb li a {display:block; width:100%; padding:10px 0; font-size:15px; color:#5a5a5a; border-left:1px solid #fff;}
.lnb li.on {background:#fff; border:0;}
.lnb li.on a {color:#000;}
.lnb li:first-child a {border:none;}

#contents {position:relative; overflow:hidden; color:#666; width:100%; max-width:1200px; margin:0 auto; padding:50px 15px 80px 15px; }
#contents .con {background:#fff;}
#contents>div {position:relative; overflow:hidden; vertical-align:top;}

.subTit {position:relative; overflow:hidden; width:100%; height:150px; text-align:center;}
.subTit .subText {position: relative; z-index: 1;}
.subTit h3 {font-size:40px; color:#333; line-height:130%; padding-top:50px; font-weight: normal;}
.subTit span {display:block; width:70px; height:1px; margin:40px auto 0 auto; background:#000;}


#footer {clear:both; padding:0 !important; font-size:12px; text-align:center; background-image:url(../images/common/bg_white90.png);}
#footer>div {display:block; overflow:hidden; color:#fff; padding:10px;}
#footer>div>ul{max-width:1200px; margin:0 auto;}
#footer .gotop {display:block; padding:15px 0 15px; color:#000; text-align:center; line-height:100%; border-top:1px solid #eee;}
#footer .gotop img {width:15px;}
#footer .gotop span {display:block; padding-top:10px !important; margin:0 !important; font-size:12px !important;}
#footer li {float:left; padding:3px}
#footer .sideA a {display:inline-block; margin:0 5px; color:#fff;}
#footer .sideB a {display:inline-block; margin-left:5px; padding:3px 10px; background:#fff; border-radius:5px;}
#footer .sideB a:first-child {padding:3px 10px 3px 30px; background:url(../images/common/icon_admin.png) no-repeat 7px 50% #fff;}
#footer  address {display:block; padding:20px 30px;}
#footer  address span {display:block; font-size:11px; color:#666; line-height:140%;}

/* 태블릿,모바일 */
@media (min-width: 992px){ 
	.mobile {display:none !important;}

	/*헤더*/
	header {position:relative; width:100%; max-width:1200px; margin:0 auto; height:170px; overflow:hidden;}
	header h1 {float:left; display:block; margin:0; padding:30px 0 0 15px; font-size:36px; font-weight:bold; line-height:1;}
	header h1 a img {height:120px !important; width:auto;}
	header .side {position:absolute; right:15px; top:30px; font-size:12px; line-height:1;}
	header .side>* {float:left; color:#fff;}
	header .select>a {color:#fff !important; padding:2px !important;}
	header .side .gnbView {
		display:block; padding:5px 30px 5px 5px;
		background-image:url(../images/common/icon_allmenu_w.png);
	}
	header .side .menu {padding:7px 10px; border-radius:5px;}
	header .loginWrap {position:absolute; left:0; top:0px;}
	header .loginWrap a {display:inline-block; overflow:hidden; color:#000; padding:5px 10px 5px 30px; font-size:12px; background:#fff; border:1px solid #fff; border-radius:5px;}
	header .loginWrap a:hover {border:1px solid #000;}
	header .loginWrap a.btn1 {background:url(../images/common/icon_key.png) no-repeat 10px 50% #fff;}
	ㄴheader .loginWrap a.btn2 {background:url(../images/common/icon_man.png) no-repeat 10px 50% #fff;}
	nav {width:300px;}
	nav .gnbClose {width:100%; height:70px; padding-top:30px;}
	
	#footer .sideA {float:left !important;}
	#footer .sideB {float:right !important;}
}

/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 991px) {
	.pc {display:none !important;}
	body {font-size:14px !important;}

	/*헤더*/
	header {position:relative; height:50px;}
	header .gnbView {
		position:absolute; display:block; width:50px; height:50px; right:0; top:0;
		background:url(../images/common/icon_allmenu_w.png) 50% 50% no-repeat;
		background-position:50% !important; background-size:40% !important;
	}
	header h1 {z-index:1; position:relative; display:block; margin:0; padding:0; top:14px; left:0; font-size:0; line-height:0;}
	header h1 a img {height:24px !important; width:auto;}
	header h1 a p {font-size:18px; text-align:center; padding-top:10px; color:#fff; font-weight:bold; width:100%;}
	header .side {position:absolute; top:0; right:0; width:100%; height:50px;}
	header .side .login a {display:block; width:50px; height:50px; border-left:1px solid #ddd; background:url(../images/common/icon_login.png) 50% 50% no-repeat; background-size:40%;}
	header .side .logout a {display:block; width:50px; height:50px; border-left:1px solid #ddd; background:url(../images/common/icon_logout.png) 50% 50% no-repeat; background-size:40%;}
	header .side .login span {display:none;}
	header .side .logout span {display:none;}
	header .side .join {display:none;}
	header .side .home {display:none;}
	header .side>div {height:50px !important;}
	header .side .menu {border-radius:0 !important;}

	nav {width:70%; max-width:400px;}
	nav .gnbClose {width:100%; height:50px; top:0; padding-top:16px; font-size:12px;}
	nav .gnb>ul>li>a {padding:15px; font-size:14px !important;}
	nav .gnb>ul>li>ul>li a {font-size:13px !important;}
	
	.subTit {position:relative; overflow:hidden; width:100%; height:auto !important; text-align:center; padding:13px 0; border-bottom:1px solid #efefef; background:#f5f5f5}
	.subTit h3 {font-size:16px; color:#828282; text-align:center; line-height:100%; padding:0 !important;}		
	
	#contents {padding:15px !important;}
	
	#footer div ul {text-align:center !important;}
	#footer .sideA {display:block !important; float:left !important;}
	#footer .sideB {display:block !important; float:left !important;}
	
}