/* CSS Document utf-8 */
/* #wrap {position:relative; overflow:hidden; min-width:320px; margin:0 auto;} */
#wrap {overflow:hidden;}
.bgFull {z-index:-1; position:fixed; left:0; top:0;}	
#header,#contents,#footer {display:block; position:relative; margin:0; padding:0;}
#header,#contents {max-width:1000px; margin:0 auto;}
#gnbOpen {position:fixed; z-index:80; display:none; overflow:hidden; width:39px; height:39px; left:10px; bottom:10px; border-radius:50%; border:2px solid #fff; text-align:center; padding-top:11px;}
#gnbOpen img {width:15px;}
#header .gnbWrap {position:absolute; display:block; top:0; left:-10000px; width:50%; overflow:hidden; border-right:1px solid #000; background:#fff; box-shadow:0 0 5px #000}
#header .gnbWrap .head {height:50px; padding:8px 10px 20px 10px;}
#header .gnbWrap .head .gnbClose {display:inline-block; overflow:hidden; width:33px; height:33px; padding-top:9px; text-align:center; border:2px solid #fff; border-radius:50%;}
#header .gnbWrap .head .gnbClose img {height:12px}
#header .gnbWrap .head span {display:inline-block; padding:5px 0 0 1px; color:#fff;}
#header .gnbCover {z-index:0; display:none; position:fixed; left:0; top:0; background:url(../images/common/bg_black.png);}
#gnb {overflow-y:auto;}
#gnb>ul {z-index:10; position:relative; overflow:hidden;}
#gnb>ul>li>a {position:relative; display:block; padding:10px 20px; background:#f9f9f9; font-size:16px; border-top:1px solid #ddd;}
#gnb>ul>li>a:hover {background-color:#f5f5f5;}
#gnb>ul>li.on>a{color:#000;  background:url(../images/common/arrow_down_white.png) no-repeat 95% 50%; background-size:15px;  background-image:none\0/IE8 !important; opacity:0.8;}
#gnb>ul>li.on>a span {position:absolute; display:block; width:25px; right:15px; top:12px;}
#gnb>ul>li>a span img {width:100%;}
#gnb>ul>li>ul {display:none; background:#fff;}
#gnb>ul>li>ul>li a {display:block; padding:7px 2px 7px 35px; font-size:14px; color:#777; background:url(../images/common/arrow_right_gray.png) no-repeat 25px 50%; background-size:3px;  background-image:none\0/IE8 !important; border-top:1px solid #f5f5f5;}
#gnb>ul>li>ul>li a:hover {background-color:#fafafa;}
#gnb>ul>li>ul>li.on a {color:#000;}

#contents {position:relative; overflow:hidden; color:#666; background:#fff;}
#contents>div {position:relative; overflow:hidden; vertical-align:top;}

#footer {bottom:0; padding:0 !important; font-size:12px; text-align:center;background-image:url(../images/common/bg_white90.png);}
#footer>ul {display:block; overflow:hidden; color:#fff; padding:10px;}
#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 all and (max-width:999px){
	html,body {font-family:AppleSDGothicNeo-Light,DroidSans,HelveticaNeue,sans-serif;}		
	#header {z-index:90; position:relative; width:100%; min-width:320px; height:50px !important;}
	#header .headWrap {position:relative; width:100% !important; height:50px; margin:0; top:0; border:0; }
	#header .headWrap h1 {display:block; text-align:center; padding-top:0;}
	#header .headWrap h1 a img {display:none;}
	#header .headWrap h1 a {display:inline-block; font-size:16px; margin-top:13px; color:#fff;}
	#header .headWrap .gnbView {position:absolute; left:10px; top:8px; width:33px; height:33px; padding-top:9px; text-align:center; border:2px solid #fff; border-radius:50%;}
	#header .headWrap .gnbView img {height:12px;}
	#header .headWrap .gnbView span {display:none;}
	#header .loginWrap {position:absolute; right:10px; top:8px;}
	#header .loginWrap a {display:block; border-radius:50%; min-width:33px; min-height:33px;}
	#header .loginWrap a.btn1 {position:absolute; right:0; top:0;}
	#header .loginWrap a.btn1.in {background:url(../images/common/icon_key.png) no-repeat 50% #fff;}
	#header .loginWrap a.btn1.out {background:url(../images/common/icon_key_out.png) no-repeat 50% #fff;}
	#header .loginWrap a.btn2 {display:none;}
	#header .loginWrap a span {display:none;}
	
	#contents {min-width:320px; margin:15px auto; border-radius:10px;}
	#footer {min-width:320px; }
	.subTit {overflow:hidden; width:100%; padding:20px 0; border-bottom:1px solid #efefef; background-color:#fafafa; border-radius:10px 10px 0 0;}
	.subTit a {display:block; position:absolute; top:15px; right:10px; background-color:#fff !important; padding:6px 8px; font-size:12px; line-height:100%; border:1px solid #ccc; border-radius:5px;}
	.subTit h2 {font-size:16px; color:#000; text-align:center; line-height:100%;}		
	
	.subCon {width:100%; padding:0; overflow:hidden; padding:20px;}
	
	.main .wrap>div a img {width:50%;}
	/* .subCon>div {padding:20px 15px;} */
}

/* pc */
@media all and (min-width:1000px){	
	#header .headWrap {z-index:100; position:relative; height:150px !important; background-color:transparent !important;}
	#header .headWrap .gnbView {position:absolute; overflow:hidden; height:35px; right:0; top:60px; padding:0 10px; color:#fff; border-radius:5px;}
	#header .headWrap .gnbView * {display:inline-block; vertical-align:top; line-height:100%;}
	#header .headWrap .gnbView img {padding-top:10px; width:15px;}
	#header .headWrap .gnbView span {font-size:12px; padding-top:10px; margin-left:10px}
	#header .headWrap h1 {display:block; text-align:center; padding-top:63px;}
	#header .headWrap h1 a {font-size:36px; color:#000;}
	#header .gnbWrap .head {overflow:hidden; height:100px; padding:35px 10px 20px 10px;}
	#header .loginWrap {position:absolute; left:0; top:60px;}
	#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;}
	#header .gnbCover {display:none;}
	#header .gnbWrap {position:absolute; display:block; top:0; left:-10000px; width:50%; overflow:hidden; border-right:1px solid #000; background:#fff; box-shadow:0 0 5px #000}
	
	#contents {min-width:1000px; margin-bottom:50px;border-radius:20px;}
	
	.subTit {overflow:hidden; width:100%; padding:50px 0 20px 50px;}
	.subTit h2 {font-size:24px; color:#000; line-height:100%;}
	.subTit span {display:block; font-size:13px; color:#777; font-weight:normal;}
	.subTit img {position:absolute; right:50px; bottom:0}

	.lnb {width:100%; overflow:hidden; visibility:hidden; margin-bottom:50px;}
	.lnb li {float:left;text-align:center; border:1px solid #f0f0f0; background:#f9f9f9; border-left:0; border-right:0;}
	.lnb li a {display:block; padding:10px 5px; width:100%; font-size:16px; color:#000; background-color:#; border-left:1px solid #f0f0f0;}
	.lnb li.on {background-color:transparent; }
	.lnb li.on a {color:#fff;}
	.lnb li:first-child a {border:none;}
	
	.subCon {width:100%; padding:0; overflow:hidden; padding:0 50px 50px 50px;}
	
	.main .wrap>div a img {width:80px !important;}
	.main #footer {position:fixed; bottom:0;}
}