@charset "utf-8";
.popupLayerTop{position: relative;z-index:10;background-color:#3378c1;}
.popupLayerBtn{position: absolute;bottom:-34px;left:50%;margin-left:-40px;width: 80px;}
.rotates{ transform:rotate(180deg); --webkit-transform: rotate(180deg); --moz-transform: rotate(180deg); transition:.3s}
.rotatesRecet{ transform:rotate(0deg); --webkit-transform: rotate(0deg); --moz-transform: rotate(0deg); transition:.3s}
.global a{font-family: 'notokr-bold', 'NanumGothicWeb', "나눔고딕", "맑은고딕", "malgun gothic", "AppleGothic", "Segoe UI", Arial, sans-serif !important}

.border1{border:1px solid #ddd;}
.notice{width: 100%;position: relative;}
.notice h3{float:left;padding-left: 5%;font-size: 20px;height: 50px;line-height: 45px;}
.notice h3 a{cursor: default;}
/* .notice div{position: absolute;display: none;}
.notice div.on{display:block;top:10px;} */
.notice div ul{width:95%;padding:0 2% 5% 3%;}
.notice div ul li{display: block;padding-left: 2%;margin-bottom: 3px;}
.notice div ul li a{overflow: hidden;display:block;width: 100%;}
.notice div ul li a span{display: inline-block;}
.notice div ul li a span.t{float:left;width:70%;text-overflow: ellipsis;position: relative;overflow: hidden;white-space: nowrap;}
.notice div ul li a span.date{float:right;width:30%; text-align: right;font-size: 14px;}
.notice div a.more{position: absolute;right: 0;top:5px;display: block;width: 70px;height:60px;font-size: 1.5em;text-align: center;}

.bdln{border-left:none;}
.faq{width: 100%;position: relative;}
.faq h3{float:left;padding-left: 5%;font-size: 20px;height: 50px;line-height: 45px;}
.faq h3 a{cursor: default;}
/* .faq div{position: absolute;display: none;}
.faq div.on{display:block;top:10px;} */
.faq div ul{width:95%;padding:0 2% 5% 3%;}
.faq div ul li{display: block;padding-left: 2%;margin-bottom: 3px;}
.faq div ul li a{overflow: hidden;display:block;width: 100%;}
.faq div ul li a span{display: inline-block;}
.faq div ul li a span.t{float:left;width:70%;height:24px;text-overflow: ellipsis;position: relative;overflow: hidden;white-space: nowrap;}
.faq div ul li a span.date{float:right;width:30%; text-align: right;font-size: 14px;}
.faq div a.more{position: absolute;right: 0;top:5px;display: block;width: 70px;height:60px;font-size: 1.5em;text-align: center;}


.serviceSet .row-fluid{padding-top: 10px;}
.serviceSet h3{border-bottom:1px solid #ddd;line-height:40px;height:40px;font-size: 20px;color:#7979ad;margin: 0;}
.serviceSet .serviceLow3 h3{border: none;}
.serviceLow1, .serviceLow2{width: 50%;float: left;}
.serviceLow2{border-left:1px solid #ddd;}
.serviceLow1 h3{color:#427373;}
.serviceLow2 h3{color:#102c49;}
.serviceLow3 h3{color:#000;}
.serviceLow3{border-top:1px solid #ddd;clear:both;height:45px}
.serviceSet .serviceLow3 a{line-height:42px;font-size:18px;display: block;color:#000;font-family:'notokr-bold', 'Nanum Gothic', "나눔고딕", "맑은고딕", Arial, sans-serif;}
.serviceSet a{display: block;margin-bottom: 3px;text-align: left;margin-left:17px;}
.serviceSet .row-fluid{height: 142px}
.serviceLink>div>ul{max-width:1200px;}
.serviceLow1 .row-fluid>div{border-left:1px solid #ddd;padding-top: 30px;height: 155px;}
.serviceLow1 .row-fluid>div:first-child{border: none;}

.serviceSet .gray{display: inline-block;background:#555;color:#fff;padding:3px 9px;margin-left: 13px;}
.serviceSet .svcQA{display:inline-block;background:#427373;color:#fff !important;padding:2px 36px;margin-left:0;}
.serviceSet .blue{background:#102c49 !important;}

.popupZone {width:392px; height:147px;margin:0;position: relative;z-index: 10}
.popupZone .btn_control { float:right;position:absolute; right:10px;bottom:0; z-index: 20}
.popupZone .btn_control button { border: none; cursor: pointer;padding: 0; display: inline-block; overflow: hidden;width:30px; height:50px; float:left;}
.popupZone .btn_control .popupZonePlay {background:url(/static/img/portal/main/popupZoneCtrlPlay.png) no-repeat 50% 50%; padding-right:1px; background-size: 100% auto;}
.popupZone .btn_control .popupZoneStop {background:url(/static/img/portal/main/popupZoneCtrlStop.png) no-repeat 50% 50%; padding-right:1px; background-size: 100% auto;}
.popupZone .btn_control .popupZoneCtrlList {background:url(/static/img/portal/main/popupZoneCtrlList.png) no-repeat 50% 50%; padding-right:1px; background-size: 100% auto;}
.popupZone ol { float:left; position:relative;margin: 0;padding: 0;z-index: 10}
.popupZone li { float: left;display: none;margin: 0;padding: 0;}
.popupZone li a { top:0; left:0;  height:147px; width: 392px;display:none;z-index: 10; position:absolute;}
.popupZone ol li button { /*background: url(/portal/images/main/main_ad_num.png) no-repeat -15px 0; height: 15px;*/ width: 14px; margin:3px 0 0 0; float:left; border:none}
.popupZone ol li button * {visibility:hidden}
.popupZone li.on button { background-position: 0 0;}
.popupZone li.on a {display: block; z-index: 10;}
.popupZone li.on{display: block;}

.visual {width:100%;margin:0;position: relative;z-index:1}
.visual .btn_control { position:absolute; left:20px;top:15px;z-index:50}
.visual .btn_control button { border: none;cursor: pointer; padding: 0; display: inline-block; overflow: hidden;width:30px; height:50px; float:left;}
.visual .btn_control .visualPlay {display: none;background:url(/static/img/portal/main/visualCtrlPlay.png) no-repeat 50% 50%; padding-right:1px; background-size: 100% auto;}
.visual .btn_control .visualStop {background:url(/static/img/portal/main/visualCtrlStop.png) no-repeat 50% 50%; padding-right:1px; background-size: 100% auto;}
.visual .btn_control2 { position:absolute; left:0;top:130px; z-index:50;width:870px;}
.visual .btn_control2 button { border: none;cursor: pointer; padding: 0; display: inline-block; overflow: hidden;width:80px; height:80px; float:left;}
.visual .btn_control2 .visualPrev {background:url(/static/img/portal/main/visualCtrlPrev.png) no-repeat 50% 50%; background-size: 100% auto;}
.visual .btn_control2 .visualNext {position: absolute;right:0;background:url(/static/img/portal/main/visualCtrlNext.png) no-repeat 50% 50%; background-size: 100% auto;}
.visual .btn_control .visualCtrlList {background:url(/static/img/portal/main/popupZoneCtrlList.png) no-repeat 50% 50%; padding-right:1px; background-size: 100% auto;}
.visual ol { float:left; position:relative;margin: 0;padding: 0;z-index:1;width: 100%;}
.visual li { float: left;display: none;margin: 0;padding:0;}
.visual li a { position: absolute; top:0; left:0;  width:100%; height:auto;display:none;z-index:5}
.visual li span.visualImgs { position: absolute; top:0; left:0;display:none; width:100%; height:auto;z-index:5}
.visual li.on span.visualImgs {display: block;}
.visual ol li button { position: relative;z-index:100;height:30px;  width:30px; margin:25px 0 0 5px; float:left;border:2px solid #fff;
	--o-border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px; border-radius: 20px; cursor:pointer;
	background:#888}
.visual ol li:first-child button{margin-left:60px;}
.visual li.on button { border:5px solid #fff;background:#000}
.visual li.on a {display: block; z-index: 10;}
.visual li.on{display: block;}



.mainVisualSet{position: relative;overflow:hidden; margin-top: 20px; height: 380px;}
.mainVisualLink{position: absolute;z-index:20;right:20px;top: 40px;width:390px;text-align: center;}
.supportSch{position: relative;padding:30px 0 0 0;height: 145px; margin-bottom: 10px}
.supportSch .spot{color:#fff;}
.supportSch .input{background:#1b1b1b;color:#fff;--o-border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;
width:160px; margin-left: 10px;height:44px; padding-left:20px; box-sizing:border-box;}
.supportSch h2{margin:0 !important; vertical-align: middle;line-height: 44px}
.SchInfo{font-size: 14px;color:#fff; margin-top: 5px;}
.inputImg{position: absolute;right: 0;top: 0;z-index: 10}
.grayBox{--o-border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background:url(/static/img/portal/main/grayBoxPat.png);}


.mainPattern01{background:#102c47 url(/static/img/portal/main/mainPat_01_01.png) no-repeat 39px 27px; text-align:left;height: 155px;}
.mainPattern02{background:#cfcfcf url(/static/img/portal/main/mainPat_01_02.png) no-repeat 39px 27px; text-align:left;height: 155px;}
.mainIco{display: inline-block;background: url(/static/img/portal/main/mains.png) no-repeat;width:80px;height:70px;}
.mServ01, .mServ02{padding:27px 0 0 160px;line-height: 0;}
.ico01{background-position:-20px 0;}
.ico02{background-position:-120px 0;}
.ico03{background-position:-220px 0;}
.ico04{background-position:-320px 0;}
.mainServiceSet{margin-bottom: 20px;float:left;width: 100%;}
.mainServiceSet .db1{background-color:#0094cd; height: 85px; line-height: 80px;}
.mainServiceSet .db2{background-color:#2a9fb8; height: 85px; line-height: 80px;}
.mainServiceSet a{display: inline-block;color:#fff;padding-right:5px;}
.mainServiceSet span{vertical-align: middle;}
.mainServiceSet em{color:#000;}
.lastestSet{margin-bottom: 20px;}

.mServBtnGp a img{border-radius:4px; box-shadow:2px 3px 5px rgba(0,0,0,0.1);}


@media only screen and (min-width:1020px){
	.mainServiceSet a{font-size:18px;}
	.visual .btn_control2{width:580px;}
	.serviceSet{border-left:none !important;}
	.mainPattern01{background:#102c49 url(/static/img/portal/main/mainPat_01_01.png) no-repeat 19px 27px;}
	.mainPattern02{background:#cfcfcf url(/static/img/portal/main/mainPat_01_02.png) no-repeat 19px 27px;}
	.mServ01, .mServ02{padding:15px 0 0 130px;line-height: 0;}
	.mServBtnGp a{width:33%;}
	.mServTitle{width:90%;margin-top: 10px;margin-bottom: 5px;}

}

@media only screen and (min-width:1300px){
	.contentWith,
	#container,
	.gnb ul,
	.gnbSet,
	.serviceLink>div>ul{max-width: 1280px;}
	.visual .btn_control2{width:870px;}
	.bannerZone .banner{width: 1050px;}
	.serviceSet{border-left:none !important;}
}




@media only screen and (max-width: 767px){
	.mainVisualSet{height:auto;}
	.visual{height:135px;margin-bottom: 10px; }
	.mainVisualLink{position:relative; left: 0;top: 0;float:left;width: 100%;}
	.visual .btn_control{left:380px;bottom:0;}
	.visual .btn_control2{top:25px;width: 100%;}
	.visual .btn_control2 button{width:40px;height: 60px;}
	.supportSch{padding:10px 0 0 0;height: 105px}
	.popupZone, .popupZone ol{width: 100%;height: 173px;margin-bottom: 10px;}
	.popupZone li, .popupZone ol li img{width: 100%;height: 173px;}
	.popupZone li a{position: relative;width: 100%;height: auto;}
	/* .popupZone{width: 100%;height: 173px;float: left;margin-bottom: 10px;}
	.popupZone li a{width: 100%;height:173px;}
	.popupZone img{width: 100%;height:173px} */
	.lastestSet .col.m6{width: 99.99999%;}
	.bdln{border-left:1px solid #ddd;}
	.mainIco{width: 80px;height:60px}

	.serviceSet a{margin-left:25px;}
	.serviceSet{margin-top: 10px;}

	.notice h3, .faq h3{height: 30px;font-size: 18px;}
	.notice div a.more{height: 40px;}
	.mServBtnGp a{width:33%;}
	.mainServiceSet a{font-size: 13px;padding-right:0;}
	.mainServiceSet a img{height:35px;width:auto;}
	.mServTitle{width:90%;margin-top: 10px;margin-bottom: 5px;}

	.mainPattern01{background:#102c47 url(/static/img/portal/main/mainPat_01_01.gif) no-repeat 10px 13px; background-size:90px; text-align:left;height: 115px;}
	.mainPattern02{background:#cfcfcf url(/static/img/portal/main/mainPat_01_02.gif) no-repeat 10px 13px; background-size:90px; text-align:left;height: 115px;}
	.mServ01, .mServ02{padding:8px 0 0 120px;}
}

@media only screen and (max-width: 479px){
	.visual{height:85px;margin-bottom: 10px; }
	.visual .btn_control{left:230px;bottom:-5px;}
	.visual .btn_control button{height: 40px;}
	.visual .btn_control2{top:-5px;width: 100%;}
	.visual .btn_control2 button{width:50px;height: 60px;}
	.supportSch{padding:10px 0 0 0;height: 115px}
	.supportSch h2{font-size:18px;}
	.SchInfo{margin-top: 0;width:60%;margin-left:20%;}
	.popupZone, .popupZone ol{height: 112px;margin-bottom: 10px;}
	.popupZone li, .popupZone ol li img{height: 112px;}

	.mainServiceSet{margin-bottom: 10px;}
	.mainServiceSet .db1, .mainServiceSet .db2{height: 60px;line-height: 55px;}
	.mainServiceSet a{padding-right: 3px;}
	.mainIco{width:40px;height: 40px;}

	.serviceSet a{margin-left: 60px;}
	.serviceLow1, .serviceLow2{width: 100%;}
	.serviceLow2 h3{border-top:1px solid #ddd;margin-top: 0;}
	.serviceLow2{border-left: none;}

	.mainPattern01{background-image:none;height:100px;}
	.mainPattern02{background-image:none;height:100px;}
	.mServ01, .mServ02{padding:27px 0 0 20px;}
	.mServ01, .mServ02{padding:8px 0 0 20px;}
}

@media only screen and (min-width: 768px) and (max-width: 1019px) {
	.mainVisualSet{height:auto;}
	.mainVisualLink{position:relative; left: 0;top: 0;float:left;width: 100%;}
	.visual{height:220px;margin-bottom: 10px; }
	.grayBox{width: 49%;float:left;}
	.supportSch{margin-right: 2%;}
	.visual .btn_control2{top:70px;width: 100%;}

	.lastestSet .col.l4{width:49.99999%;}
	.mainServiceSet .col.l6{ width: 99.99999% }
	.mainServiceSet .mainService1 .col.l6{ width: 49.99999% }
	.title01 strong{font-size: 22px;}
	.mainServiceSet a{font-size: 20px;}
	.col.m12.serviceSet{margin-top: 10px;width:99.99999%;}
	.serviceSet a{margin-left:95px;}


	.bannerZone .banner{width: 515px;}
	.bannerZone .banner ul li{width: 285px;}
}
@media only screen and (min-width: 1020px) and (max-width:1299px){
	.mainVisualLink{top: 10px;}
	.popupZone, .mainVisualLink{width: 350px;}
	.supportSch{padding:20px 0 0 0;height: 115px}
	.mainVisualSet{height: 297px;}
	.lastestSet .col.l4{width: 30%;}
	.lastestSet .col.serviceSet{width: 40%;}

	.serviceSet a{margin-left: 10px;}
	.serviceSet .row-fluid{height: 135px;}
	.mainServiceSet a img{height:45px;width:auto;}

	.bannerZone .banner{width: 772px;}
}