/* CSS Document utf-8 */
body {
	color:#666;
	font-size:14px; font-family:"나눔고딕",NanumGothic,"돋움","굴림","맑은고딕",sans-serif; line-height:1.6;
	background:#fff;
}
#wrap {position:relative; overflow:hidden; min-width:320px; height:100%; margin:0 auto;}
#header {position:relative; margin:0; padding:0;}
#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 {clear:both; position:relative; margin:0; padding:0;}
#wrap .main {}

#contents {overflow:hidden; color:#666;}
#contents>div {position:relative; display:block; overflow:hidden; float:left; vertical-align:top; }
.location {position:absolute !important; right:15px; top:30px; border:10px red; font-size:12px; color:#999;}
.location span {display:inline-block; margin:0 10px;}

#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; background:#a7a7a7;}
#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; font-size:14px;}
#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:14px; color:#666; line-height:140%;}

/* 태블릿,모바일 */
@media all and (max-width:991px){
	html,body {font-family:AppleSDGothicNeo-Light,DroidSans,HelveticaNeue,sans-serif;}	
	.pc {display:none !important;}
	#header {z-index:90; position:relative; width:100%; height:50px !important;  border:1px solid rgba(255,255,255,.2);}
	#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;}
	.main #header .loginWrap {display:none !important;}
	#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:70%; 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; padding-top:30px;}
	#contents.main .icon_wrap {margin:5px 0px ; height:180px; font-size:0; line-height:0; letter-spacing:-4px;}
	#contents.main .icon_wrap div {padding:5px; font-size:14px; line-height:120%;}
	#contents.main .icon_wrap a {position:relative; display:inline-block; text-align:center; padding:20px 0; width:100%; min-width:120px;margin:0; border-radius: 10px; background: #f5f5f5; line-height:40px; }
	#contents.main .icon_wrap a>p {position:relative; font-size:17px; color:#000; }
	
	.subTit {overflow:hidden; width:100%; padding:13px 0; border-bottom:1px solid #efefef; background:#f5f5f5}
	.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 15px; overflow:hidden; margin-bottom:40px;}
	.subCon {width:100%; padding:0; overflow:hidden; padding:0 15px; background:#fff;}
	/* .subCon>div {padding:20px 15px;} */
	
	
}

@media all and (max-width:767px){
	.main #header .loginWrap {display:block !important;}
	#header .loginWrap {display:block !important;}
}

/* pc */
@media all and (min-width:992px){
	#header {height:80px !important; border:1px solid rgba(255,255,255,.2);}
	#header .headWrap {width:100%; height:110px !important; z-index:5;}
	#header .headWrap .gnbView {display:none;}
	#header .headWrap h1 {float:left;}
	#header .headWrap h1 img {padding-top:20px;}
	#header .headWrap h1 span {display:none;}
	.main #header .loginWrap {display:none;}
	#header .loginWrap {display:block; !important; position:absolute; top:5px; right:0px; z-index:999;}
	#header .loginWrap a {display:inline-block; padding:0 10px; overflow:hidden; color:#fff; font-size:12px;}
	#header .gnbWrap {display:block; left:0; }
	#header .gnbWrap .head {display:none;}
	#gnb {float:right;  padding-top:35px;}
	#gnb>ul {overflow:hidden;}
	#gnb>ul>li {float:left; margin-left:60px;}
	#gnb>ul>li:first-child {margin-left:0;}
	#gnb>ul>li>a {font-size:18px; color:#fff;}
	#gnb>ul>li>a:hover {text-decoration:none;}
	#gnb>ul>li>ul {display:none !important;}

	#contents {position:relative; max-width:1200px; margin:0 auto; padding-top:80px;}
	#contents.main .icon_wrap {margin:20px 0px; font-size:0; line-height:0; letter-spacing:-4px;}
	#contents.main .icon_wrap div {width:100px; font-size:14px; line-height:120%; }
	#contents.main .icon_wrap a {position:relative; display:inline-block; text-align:center; padding:30px 0; width:160px; height:160px; margin:0; border-radius: 100px; background: #f5f5f5; line-height:40px; }
	#contents.main .icon_wrap a>p {position:relative; font-size:17px; color:#000; }
	#contents .con {width:100%;}
	
	.subTit {position:relative; overflow:hidden; width:100%; height:180px; text-align:center;}
	.subTit .subText {position: relative; z-index: 1;}
	.subTit .subTheme {position:absolute; top:0px; width:100%; height:190px; z-index: 0;}/*theme.css에도 css있음.*/
	.subTit h2 {font-size:24px; color:#fff; line-height:130%; padding-top:50px; font-weight: normal;}
	.subTit span {display:block; font-size:17px; color:#333; font-weight:normal; z-index: 2;}
	.subTit img {max-width:1200px; width:100%; position:absolute; left:50%; margin-left:-600px; bottom:0px;}

    .lnb {position:absolute; bottom:0; left:50%; width:800px; margin:0 auto; margin-left:-400px; z-index:10;}
	.lnb ul {overflow:hidden; width:100%; margin-top:-50px;}
	.lnb li {float:left; text-align:center; margin-right:0px;}
	.lnb li a {display:block; height:50px; line-height:50px; font-size:16px; color:#fff; background:rgba(0,0,0,.1); margin-left:1px;}
	.lnb li.on a {background:#fff !important; color:#000;}
	.lnb li:first-child {border-left:0;}
	.main .bottom_wrap {padding:0 45px;}
	.subWrap {width:100%; padding:0 0 70px 0; overflow:hidden;}
	.subCon {width:100%; padding:30px; background:#fff; border:1px solid #fff;}
	/* .subCon>div {overflow:hidden; width:100%; padding:0 50px 50px 50px;}	 */
}