
button{}
#headerW{height:100px;}
#header{height:100px;}

#global .globalL{width:100%;}
#global .globalL li{width:32%;}
#global .globalL li:first-child{width:36%;}
#global .globalL li a{display:block;width:100%;letter-spacing: -2px;padding:10px 15px 10px 5px}
#global .globalR{display:none;}
.logo{padding:10px 0 0 5px;}
.logo img{width:130px;}
.global{display: none;}
.global ul{}
.global ul li{list}
.global ul li a{}
.loginM{display:block}

/*.gnbBg{background-color:#000;display: block;opacity:0.8;height: 100vh;top: 79px;}*/
#gnb{height: 0;margin: 0;z-index: 9999;}
#gnb>ul{
	left: -100%;
	position: absolute;background-color: rgba(255,255,255,0.99);padding-left: 15px;width: 85%;
	height: 990px;
	border-top: 4px solid #0886c3;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
	display: none;
	top:-48px;
}
#gnb .totalSch{top:15px;}
#gnb.subClose .gnbBg{display: none;}
#gnb.subClose>ul{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#gnb1_5{width: 100% !important;}
#gnb>ul>li#gnb1_5>ul{}
#gnb>ul>li#gnb1_5>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, #gnb>ul>li.hover>a{color: #000;}
#gnb>ul>li.on>a:after{display: none;}
#gnb>ul>li.on>a:after, #gnb>ul>li.hover>a:after{background: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>a:hover, #gnb>ul>li>ul>li>a:focus{background:#eee}
#gnb>ul>li>ul>li>ul{}
#gnb>ul>li>ul>li>ul li a{}
#gnb a:hover, #gnb a:focus{background:#eee}

#gnb>ul>li>ul>li.i6{position: static;}
#gnb>ul>li>ul>li.i7{position: static;}
#gnb>ul>li>ul>li.i8{position: static;}
#gnb>ul>li>ul>li>a{font-size: 14px;padding: 1px 0;}

@keyframes leftIn {
    0% {display: none;left: -100%;opacity: 0;}
    1% {display: block; opacity: 0;left: -100%;}
    100% {display: block; opacity: 1; left: 0;}
}
@keyframes leftOut {
    0% {display: block; opacity: 1; left: 0;}
    99% {display: block; opacity: 0;left: -100%; }
    100% {display: none; opacity: 0; }
}
#gnb.subOpen>ul{display: block; animation: leftIn 0.5s ease-out;}
#gnb.subClose>ul{display: block; animation: leftOut 0.5s ease-out;}

#gnb.subOpen>ul{display: block; }
#gnb.subClose>ul{display: block;}
#gnb.subOpen .gnbBg{display: none;}
#gnb .navOpen{
	position: absolute;right: 0;top:10px;
	width: 60px;
	height: 50px;
	padding: 0;
	background: url(/static/img/gw/common/navOpen.png) 20px center no-repeat;
	background-size: 27px 26px;
}
#gnb.subOpen .navClose{display: none;text-indent:-999}
#gnb .navClose{
	position: absolute;left: 0;top: 0;
	width: 67px;
	height: 60px;
	padding: 0;
	right: inherit;left: 0;
	background:#0886c3 url(/static/img/gw/common/navAllClose.png) center center no-repeat;
	background-size: 25px;
	display:none;
}
#gnb .navOpen span, #gnb .navClose span{font-size: 1px;opacity: 0;}
/*.hgroup{padding:20px 10px 60px;}*/
.hgroup{padding:5% 1%;}
.hgroup h1{cursor: pointer;padding-bottom:10px;}
.hgroup h1:after{content:'';display:inline-block;background:url(/static/img/gw/common/bu_selectM.png) right bottom no-repeat;width:32px;height:30px;}
.hgroup .hctrl{display:none;}
.hgroup .lnb2{display:block;padding:10px;margin-top:2%;text-align:center;background:#fff url(/static/img/gw/common/bu_arrDown_blue.png) 95% center no-repeat;}
.hgroup .lnb2 a{display:block;color:#1598dc;font-size:1.1em;text-decoration: underline;}
.hgroup .lnb1dept.on{display:block;background:#fff;position:absolute;width:98%;z-index:20;border-top:0;}
.hgroup .lnb2dept.on{display:block;background:#fff;position:absolute;width:98%;z-index:10;}
.hgroup .lnb1dept.on a{display:block;padding:3px 3px 3px 15px;}
.hgroup .lnb2dept.on a{display:block;padding:3px 3px 3px 12px;}
.hgroup .lnb1dept li{border-bottom:1px solid #496187;color:#fff;display: block;padding:3px;background:#203760 url(/static/img/gw/common/bu4.gif) 10px center no-repeat;}
.hgroup .lnb1dept li a{color:#fff;}
#visual{background-size:auto 160px;margin-top:100px;}
#lnb{display: none;}
#contents{float:none;width:100%;padding:0.5em;}
#contents img{max-width:100%;}
#content{float: none;width: 100%;padding: 0 0 20px;margin: 0;font-size:0.95em}
#content:after{content: '';display: block;clear: both;}

#Allmenu{top:50px;}
.AllmenuBtnClose{top:-50px;}
.AllmenuBtnClose a{padding:15px;}
.AllmenuBtn{top:20px;right:3px;}

.footer{padding:0.6em 0;}
.footer .footT{text-align:center;}
.footer .footT .footT_left{float:none;}
.footer .footerNav li{float:left;width:50%;border:1px solid #464d5d;border-width:0 0 1px 1px;margin-left:-1px;}
.footer .footerNav li a{display:block;background:#555e74;padding:5px 0;text-align:center;font-size:0.9em;}
.mobile_top{display:block;position:absolute;top:-50px;right:5px;}
.copyright .info{display:none;}
.copyright, .copyright address, .copyright p{text-align:center;display:block;float:none;width:100%;padding:3px 0;}
.copyright address{margin-top:5px;}
.copyright address span, .copyright p span{display:block;font-size:0.95em;}
.copyright p span.cor{color:#fff !important;display:inline}
.adSet{padding:0 50px 0 30px;}
.adSet .adList{width:100%}
.adSet .adList img{max-width:100%;}
.adSet{float:none;position:relative;}
.adSet .adCtrl .adLeft{right:20px;top:12px;}
.adSet .adCtrl .adStop{right:0;top:12px;}
.adSet .adCtrl .adPlay{right:0;top:12px;}
.adSet .adCtrl .adRight{left:0px;top:12px}
.mobile{display:block;}
.pcweb{display:none;}




@media screen and (max-width:767px){

	
}
@media screen and (max-width:480px){
	#global .globalTit{display:block;}
	#global .globalTit a{display:block;padding:10px 15px 10px 5px;color:#fff;background:url(/static/img/gw/common/bu_arrDown1_white.png) 95% center no-repeat;}
	#global .globalL{width:100%;display:none;position:absolute;z-index:10000;background:#fff;}
	#global .globalL.hover{display:block;}
	#global .globalL li{width:100%;height:30px;}
	#global .globalL li.on, #global .globalL li.hover{width:100%;display:block;}
	#global .globalL li.on a{background-image:none;}
	#global .globalL li a{display:block;width:100%;color:#1598dc;padding:3px 10px;background:#fff;}

}
@media screen and (max-width:360px){


}
