/* CSS Document utf-8 */
#wrap {position:relative; overflow:hidden; min-width:320px; max-width:1200px; margin:0 auto; background:#fff;}
#header,#contents,#footer {position:relative; float:left; 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 {overflow:hidden; color:#666; background:#fff;}
#contents>div {position:relative; display:block; overflow:hidden; float:left; vertical-align:top; width:100%;}

#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;}
#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%;}

/* 태블릿,모바일 */
@media all and (max-width:999px){
	#header {z-index:90; position:relative; width:100%; height:50px;}
	#header .headWrap {position:relative; width:100% !important; height:50px; margin:0; background:none !important; 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 .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;}
	#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:#000; background:url(../images/common/bg_black.png)\0/IE8; opacity:0.5;}
	#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;}
	
	.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%; 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 15px;}
	/* .subCon>div {padding:20px 15px;} */
	
	.pc {display:none !important;}
}

/* pc */
@media all and (min-width:1000px){
	#header {text-align:center;}
	#header .headWrap {width:300px; position:fixed; top:0;}
	#header .headWrap .gnbView {display:none;} /* 전체메뉴보기 상단 버튼 */
	#header .headWrap h1 {display:block;}
	#header .headWrap h1 img {padding-top:50px;}
	#header .headWrap h1 span {display:none;}
	#header .loginWrap {padding:20px;}
	#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 {margin-top:30px; left:0; background:none !important;}
	#header .gnbWrap .head {display:none;}
	#gnb>ul>li {display:block; margin:15px;}
	#gnb>ul>li>a {font-size:18px; color:#000;}
	#gnb>ul>li>a:hover {text-decoration:underline;}
	#gnb>ul>li>ul {display:none;}
	
	.subTit {overflow:hidden; width:100%; padding:50px 0 20px 50px;}
	.subTit h2 {font-size:30px; 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 {visibility:hidden;}
	.lnb {height:45px; overflow:hidden; width:100%; margin-bottom:50px;}
	.lnb li {float:left; text-align:center;}
	.lnb li a {display:block; padding:10px 5px; width:100%; font-size:14px; color:#fff; background:none; border-left:1px solid #fff;}
	.lnb li.on a {background:url(../images/common/lnb_bg.png) no-repeat 50% 100%;}
	.lnb li:first-child a {border:none;}
	
	.lnb.sub_gallery ul li:last-child a {font-size:11px;} /* 19-03-20 추가*/
	
	
	.subCon {width:100%; padding:0; overflow:hidden; padding:0 50px 50px 50px;}
	/* .subCon>div {overflow:hidden; width:100%; padding:0 50px 50px 50px;}	 */

}