body{overflow-y:scroll;}
#wrapW{background:url(/static/images/common/mainBgx.png) repeat-x}


#mVisual{position:relative;overflow:hidden;}
#mVisual .visualArea{position:relative;z-index:10;margin-top:100px;max-height:600px;overflow:hidden;}
#mVisual .visualArea>div{float:left;max-height:600px;min-height:300px;width:100%;position:relative;z-index:1;}
#mVisual .visualArea>div>img{text-align:center;	width: 100%;height:100%;min-height:300px;position:relative;z-index:1;}
#mVisual .visualArea>div>.visualCon{position:absolute;top:0;z-index:2;margin:0 auto;height:100%;}
#mVisual .visualArea>div>.visualCon>div{position:relative;max-width:1300px;margin:0 auto;padding-top:8%;}
#mVisual .visualArea>div>.visualCon img{max-width:100%;width:auto;}
.visualCtrl{position:absolute;width:90%;z-index:10;top:48%;left:5%;right:5%;}
.visualCtrl .VSleft{float:left}
.visualCtrl .VSright{float:right;}
.visualCtrl>div{padding:5px;}
.visualCtrl>div>a{display:inline-block;}
.VSplay{display:none;width:12px;height:14px;background:url(/static/img/gweng/main/VSplay.png) no-repeat center top;vertical-align: bottom;}
.VSpagingArea{text-align:center;position:absolute;z-index: 20;width:100%;margin-top:-70px;}
.visualPagin{text-align:center;display:inline-block;}
.visualPagin a{text-align:center;background:url(/static/img/gweng/main/slidePaging_off.png) no-repeat left top;width:15px;height:15px;display:inline-block;margin-right:3px;text-indent:-999em;font-size:0;}
.visualPagin a.selected{background:url(/static/img/gweng/main/slidePaging_on.png) no-repeat left top;}
#mVisual .VSstop{background:url(/static/img/gweng/main/pop_stopBtn2.png) no-repeat left top;width:11px;height:13px;display:inline-block;margin-top:16px;vertical-align: top}



#pager {margin-top: 5px;width: 600px;}
#pager a, #pager span {display: block;height: 10px;}
#pager a {width: 30%;margin-right: 3%;float: left;background-color: rgba(255 ,255 ,255 ,0.5);}
#pager a:hover {border-color: #999;}
/*#pager span {width: 0px;background-color: rgba(255 ,255 ,255 ,0.5);}*/
#pager span{width: 0px;background:#1598dc;}
.linkgo{position:absolute;top:120px;right:0;width:260px;height:300px;z-index:30;}
.linkgo>.linkgoBox{background-color: rgba(0 ,0 ,0 ,0.5);border-radius: 5px;overflow:hidden;}
.linkgo>.linkgoBox>ul>li{float:left;width:46%;margin:2% 0 0 2%;text-align:center;padding:5px 0 10px 5px;}
.linkgo>.linkgoBox>ul>li>a{display:block;}
.linkgo>.linkgoBox>ul>li span{display: block;color:#fff;font-size:0.95em;font-weight:bold;padding-top:6px;}
.linkgo>.linkgoBox>.btnLinkgo{background:url(/static/img/gweng/main/btn_goUp.png) no-repeat center 5px;height:15px;width:100%;}
.linkgo>.linkgoBox>.btnLinkgo+ul{display:block;}
.linkgo>.linkgoBox>.btnLinkgo.on{background:url(/static/img/gweng/main/btn_goDown.png) no-repeat center 5px;height:15px;width:100%;}
.linkgo>.linkgoBox>.btnLinkgo.on+ul{display:none;}
.linkgo>.linkgoBox>.btnLinkgo>a{display:block;height:12px;width:100%;}

#content{max-width:100%;}
#content h2{font-size:2.6em;text-align:center;letter-spacing: -1px}

 #information .container{max-width:1360px;position:relative;width:auto;padding:0;overflow:;}
#information{position:relative;clear:both;width: 100%;height: 405px;background:#f3f3f3 url(/static/img/gweng/main/inforBg.png) no-repeat 50% 100%;}
#information h2{margin-bottom:2%;}
#information .subTitle{position: absolute;left: 50%;top:80px;background: url(/static/img/gweng/main/inforTitle.png) no-repeat 50% 100%;width: 280px;height: 94px;margin-left: -140px;}
#information .inforLeft{float: left;width: 500px;margin-top:3%;}
#information .inforLeft>ul>li{float: left;margin-bottom: 14px;text-align:center;width:24%;margin-bottom:6%;}
#information .inforLeft>ul>li img{display:inline-block;}
#information .inforLeft>ul>li p{padding-top:2px;font-size:0.85em;line-height:100%;height:28px;}
#information .inforLeft .rev{text-align:center;width:50%}
#information .inforLeft .rev a{color:#fff;}
#information .inforLeft .rev p{background:#1598dc;border-radius: 3px;padding:5% 1%;color:#fff;font-weight:bold;font-size:0.95em;text-align:center;margin:0 6%;}
#information .inforLeft .rev span{display:inline-block;background: url(/static/img/gweng/main/ico_cal.png) no-repeat left center;width:42px;height:38px;vertical-align: middle;margin-right:3px;}
#information .inforRight{float: right;width: 420px;text-align:center;margin-bottom:20px;}
#information .inforRight img{max-width:100%;}



@media (max-width:1500px) {
	.visualCtrl{position:absolute;width:100%;z-index:10;top:48%;left:0;right:0;}
	#mVisual .visualArea > div > .visualCon img{margin-left:50px;}
}
@media (max-width:1200px) {
	#mediGuide .area>ul{overflow: hidden;height: 171px;margin-left:0;margin-right:0;width:100%;padding-left: 5%;padding-right: 5%;text-align: center;}
	#mediGuide .area>ul>li{padding: 0 1px 0 0;display: inline-block;float: none;}
	#mediGuide .area>ul>li img{height: 150px;}
	.notice{max-width:100%}
	#community .con1{width:34%;}
	#community .con2{width:20%;}
	#community .con3{width:25%;}
	#community .con4{width:19%;}
	#information{background-image:none;float: left;height: auto;}
	#information .subTitle{display: none;}
	/*#mVisual .visualArea>div>.visualCon img{width:50%;margin-left:5%;max-width:auto;}*/
	.visualCtrl{position:absolute;width:100%;z-index:10;top:48%;left:0;right:0;}
	#mVisual .visualArea > div > .visualCon img{width:500px;margin-left:8%;max-width:auto;}
}

@media(max-width:999px) {
	/*.edu{width:36%;background:#7bb0d6;color:#fff;padding:2%;}*/
	#community .con1{width:43%;}
	#community .con2{width:30%;}
	#community .con3{display:none;}
	#community .con4{width:25%;}
	#information .inforLeft{width:50%;}
	#information .inforRight{width:50%;}
	#mVisul li[class*="visual"]{background-size: 100% auto}
	.visualCtrl{top:210px;}
	#mVisual .visualArea > div > .visualCon > div{padding-top:100px;}
	#mVisual .visualArea > div > .visualCon img{width:350px;}
	

	
}

@media (max-width:767px){

	.global{display: none;}
	/*.gnbBg{background-color:#000;display: block;opacity:0.8;height: 100vh;top: 79px;}*/
	#gnb{height: auto;margin: 0;z-index: 9999;}
	#gnb>ul{
		left: -100%;
		position: absolute;background-color: rgba(255,255,255,0.99);padding-left: 15px;width: 75%;
		/*height: 200vh;*/
		border-top: 4px solid #0886c3;
		box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
	}

	#gnb.subClose .gnbBg{display: none;}
	#gnb.subOpen>ul{display: block;left: 0;}
	#gnb>ul>li{float: left;width: 50% !important;}
	#gnb>ul>li:nth-child(odd){clear: both;}
	#gnb>ul>li#gnb5{width: 100% !important;}
	#gnb>ul>li#gnb5>ul{}
	#gnb>ul>li#gnb5>ul>li{width: 50%;float: left;}
	#gnb>ul>li.end{}
	#gnb>ul>li.end a{}
	#gnb>ul>li>a{color: #000;}
	#gnb>ul>li.on>a{color: #000;}
	#gnb>ul>li.on>a:after{display: none;}
	#gnb>ul>li>ul{display: block;position: static;padding-top:0}
	#gnb>ul>li>ul>li>a{color: #000;}
	#gnb>ul>li>ul>li>ul{}
	#gnb>ul>li>ul>li>ul li a{}

	#gnb.subOpen .navClose{display: none;}
	
	#gnb .navOpen span{font-size: 1px;opacity: 0;}
	#gnb .mobileGnb{display:block}
	#gnb .pcweb{display:none}
	#mVisual .visualArea{margin-top:100px;}
	.visualSet{width: auto;float: none;height: auto;}
	.visualSet .visualCtrl{bottom: inherit;top: 20px;}
	.visualCtrl > div img {width:20px;}
	.visualSet .visualCtrl button{top:20px;}
	.visualSet .visualCtrl input{bottom:inherit;}
	.visualSet .visualCtrl .btnVisualPlay{}
	.visualSet .visualCtrl .btnVisualPause{}
	.visualSet .visualList ul li a{}
	.visualSet .visualList ul li a:after{display: none;}
	.visualSet .visualList ul li a img{width: 100%;}
	.visualSet .visualList ul li a .cate{top: 20px;}
	.visualSet .visualList ul li a .txt{bottom: 0;padding: 10px 10px;text-align: center;white-space: normal;background-color: #000;opacity: 0.75;line-height: 1.5;}
	.visualSet .visualList ul li a .txt span{display: block;min-height:40px;padding:0}
	.visualSet .visualList ul li.xs-left a .txt{text-align: left;}

	.adSet{background-color: #0e4273;border-top: 4px solid #dddddd;padding: 20px 30px 5px;}
	.adSet .ctrl{}
	.adSet .adList{overflow: hidden;}
	.adSet .adList:after{}
	.adSet .adList ul{}
	.adSet .adList ul li{}
	.adSet .adList ul li a{}
	.adSet .adList ul li a img{width: 125px;}
	.adSet .adCtrl{position: static;}
	.adSet .adCtrl button{}
	.adSet .adLeft{}
	.adSet .adStop{}
	.adSet .adRight{}

	/*.footer{padding: 0 10px;}*/
	.footer .footerNav:after{}
	.footer .footerNav li{}
	.footer .footerNav li a{color: #959595;padding: 0;font-size: 14px;padding-left: 10px;}
	.footer .footerNav li:first-child a{padding-left:0}
	.footer .footerNav li.policy a{color: #f8c05e;padding-right:0}
	.footer .footerNav li.newsletter{display: none;}
	.footer .footerNav li.newsletter a{}
	.copyright{padding: 10px;font-size: 11px;}
	.copyright address{color: #fff;}
	.copyright p{color: #a5a5a5;}

	.linkgo{top:100px;}

	#community .con1{width:100%;}
	#community .con2{width:60%;padding:0 2%;}
	#community .con4{width:40%;padding:4% 3%;}
	#community .con2 .etc{padding-top:5%;margin-top:5%;}
	#information .inforLeft > ul > li{width:33%;}
	#information .inforLeft .rev{width:98%;margin:0 1% 3% 1%;}
	#information .inforLeft .rev p{margin:0;}
	.noticeArea.type > ul > li{margin:1.8% 0;}
	#mVisual .visualArea > div > .visualCon img{width:300px;margin:0 0 0 30px;}
	
}


@media (max-width:640px){
	#information .inforLeft{width:100%;}
	#information .inforRight{width:100%;}
	.noticeArea.type > ul > li{margin:2.5% 0;}
}

@media (max-width:480px){
	#community .con1{width:100%;}
	#community .con2{width:100%;height: auto;min-height:100%;}
	#community .con2 .txt{min-height:auto;}
	#community .con2 .etc{margin:5% 0;padding-top:5%;}
	#community .con3{width:100%;}
	#community .con4{width:100%;height: auto;min-height:100%;}
	#mVisual .visualArea>div>.visualCon img{width:250px;}
	
}

@media (max-width:360px){
	/*#mVisual .visualArea > div g, .popup002 img { width: 100%;} */}

.mainpopup > div {
	position: absolute;
    display: block;
    width: 500px;
    max-width: 90%;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;   
}

.mainpopup > div img {width: 100%;} 

.mainpopup .popup-close {line-height: 16px;}

.mainpopup .popup-close label {margin-left: 22px;}

.mainpopup .popup-close input[type="checkbox"] + label:before,
.mainpopup .popup-close input[type="checkbox"]:checked + label:after {display: none;}
