/* CSS Document utf-8 */
#wrap {position:relative; overflow:hidden; min-width:320px; max-width:1300px; margin:0 auto; background:#fff;}
#header {position:relative; margin:0; padding:0; background:#fff;}
#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;}
#contents,#footer {position:relative; margin:0; padding:0;}
#wrap .main {padding:0 45px 20px 45px;}

#contents {overflow:hidden; color:#666; background:#eaeaea;}
#contents>div {position:relative; display:block; overflow:hidden; float:left; vertical-align:top;}

#footer {width:100%; height:auto !important; padding:0 !important; font-size:12px; text-align:center;}
#footer>ul {display:block; overflow:hidden; color:#fff; padding:10px 20px;}
#footer .gotop {display:block; padding:15px 0 15px; color:#000; text-align:center; line-height:100%; border-top:1px solid #eee; background:#f9f9f9; }
#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%;}

.subCon * {word-break:keep-all;}

/* 태블릿,모바일 */
@media all and (max-width:999px){
	html,body {font-family:AppleSDGothicNeo-Light,DroidSans,HelveticaNeue,sans-serif;}	
	.bg_top {display:none;}
	#header {z-index:90; position:relative; width:100%; height:50px !important; background:#bfb2aa;}
	#header .headWrap {position:relative; width:100% !important; height:50px !important; margin:0; top:0; border:0;}
	#header .headWrap h1 {display:block; text-align:center; padding-top:0; z-index:5;}
	#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 .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; z-index:777;}
	#header .loginWrap a.btn2 {display:none;}
	#header .loginWrap a span {display:none;}
	#header .gnbWrap {overflow:hidden; position:fixed; top:0; left:-10000px; width:50%; border-right:1px solid #000;  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:scroll;}
	#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.on>a{color:#000;  background:url(../images/common/arrow_down.png) no-repeat 95% 50% #fff; background-size:25px; opacity:0.5; background:none\0/IE8 !important;}
	#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:#666; background:url(../images/common/arrow_dot.png) no-repeat 25px 50%; background-size:3px;  background:none\0/IE8 !important; border-top:1px solid #f5f5f5;}
	#gnb>ul>li>ul>li.on a {color:#000; background:url(../images/common/arrow_dot2.png) no-repeat 25px 50%; background-size:5px;}
	#contents {min-width:320px;}
	
	.subTit {overflow:hidden; width:100%; padding:13px 0; border-bottom:1px solid #efefef;}
	.subTit a {display:block; position:absolute; top:8px; right:10px; padding:6px 8px; font-size:12px; line-height:100%; background:#fff; border:1px solid #fff; border-radius:5px;}
	.subTit h2 {font-size:16px; color:#828282; text-align:center; line-height:100%;}		
	
	.subWrap {width:100%; padding:0; overflow:hidden;}
	.subCon {width:100%; padding:0; overflow:hidden; padding:20px 15px; background:#fff;}
	.subCon.intro>div {padding:0 !important;}
	.subCon.intro>div+div {padding-top:40px !important;}
	/* .subCon>div {padding:20px 15px;} */
}

/* pc */
@media all and (min-width:1000px){
	.bg_top {position:absolute; left:0; top:0; width:100%; height:60px; z-index:500;}
	#header {height:140px !important; background:#fff;}
	#header .headWrap {width:100%; height:140px !important; background:#fff; z-index:5;}
	#header .headWrap .gnbView {display:none;}
	#header .headWrap h1 {float:left;}
	#header .headWrap h1 img {padding:50px 0 0 50px;}
	#header .headWrap h1 span {display:none;}
	#header .loginWrap {position:absolute; top:5px; right:20px; z-index:999;}
	#header .loginWrap a {display:inline-block; padding:0 5px; overflow:hidden; color:#fff; font-size:12px;}
	#header .gnbWrap {display:block; margin-top:30px; left:0; }
	#header .gnbWrap .head {display:none;}
	#gnb {float:right;  padding:60px 20px 0 0;}
	#gnb>ul {overflow:hidden;}
	#gnb>ul>li {float:left; margin-left:50px;}
	#gnb>ul>li:first-child {margin-left:0;}
	#gnb>ul>li>a {font-size:18px; color:#000;}
	#gnb>ul>li>a:hover {text-decoration:underline;}
	#gnb>ul>li>ul {display:none !important;}
	
	#contents {min-width:1000px;}
	
	.subTit {overflow:hidden; width:100%; height:160px; text-align:center;}
	.subTit h2 {font-size:30px; color:#828282; line-height:100%; padding-top:70px;}
	.subTit span {display:block; font-size:13px; color:#9e9e9e; font-weight:normal;}
	.subTit img {width:100%; position:absolute; left:0; bottom:0}

	.lnb {}
	.lnb ul {overflow:hidden; width:100%;}
	.lnb li {float:left; text-align:center; border-left:1px solid #eaeaea;height:47px;}
	.lnb li a {display:flex;align-items:center;height:100%;padding:10px 0; font-size:16px; color:#fff; background:#9da9b7; border:1px solid #9da9b7; border-radius:5px 5px 0 0;justify-content: center;line-height: 20px;}
	.lnb li.on a {background:#fff; color:#000; border:1px solid #fff; border-radius:5px 5px 0 0;}
	.lnb li:first-child {border-left:0;}
	.main .bottom_wrap {padding:0 45px;}
	.subWrap {width:100%; padding:0 50px 50px 50px; overflow:hidden;}
	.subCon {overflow:hidden; padding:50px; background:#fff; border:1px solid #fff; border-radius:0 0 10px 10px;}
	/* .subCon>div {overflow:hidden; width:100%; padding:0 50px 50px 50px;}	 */
}