@charset "utf-8"; 

section article{float:none; background:transparent; }
section{clear:both; border-radius:0; padding:0; width:100%;  height:auto; overflow:hidden; }
section .visiual{border-radius:0; width:100%;  height:auto; overflow:hidden; background:#3f74ba; }
section .visiual .rela{width:1060px; height:320px; overflow:hidden; margin:0 auto; }
section .visiual .rela .fl{width:695px; height:320px; overflow:hidden; position:relative; }
.slideBox{width:100%; height:320px; overflow:hidden; position:relative; }
.slideBox .item{width:100%; height:320px; overflow:hidden; position:relative;}
.slideBox .item img{position:absolute; right:65px; top:0px;}

section .visiual .rela .fr{width:calc( 100% - 695px ); height:320px; overflow:hidden; position:relative; }
section .visiual .rela .fr .btnLogin01{width:181px; height:63px; overflow:hidden; border:1px solid #799ecf; display:block; background:url(../images/common/m_login01.png) no-repeat center 20px; font-size:15px; color:#fff; padding-top:80px; text-align:center; position:absolute; left:0; top:30px; }
section .visiual .rela .fr .btnLogin02{width:181px; height:63px; overflow:hidden; border:1px solid #799ecf; display:block; background:url(../images/common/m_login02.png) no-repeat center 20px; font-size:15px; color:#fff; padding-top:80px; text-align:center; position:absolute; left:182px; top:30px; }
section .visiual .rela .fr .btnNew{position:absolute; left:0; top:185px; display:block; width:367px; height:95px; overflow:hidden; background:#467cc5 url(../images/common/m_join01.png) no-repeat 40px center; }
section .visiual .rela .fr .btnNew .t01{display:block; font-size:18px; color:#e2ed6f; margin-left:120px; margin-top:25px; line-height:30px;}
section .visiual .rela .fr .btnNew .t02{display:block; font-size:11px; color:rgba(255,255,255,.6); margin-left:120px; font-family:'NG'}
section .visiual .rela .member{margin-top:50px;}

.visiual .paging{position:absolute; text-align:left; bottom:60px; width:200px; left:30px; margin:0; height:20px; overflow:hidden; }
.visiual .paging .num{border:0; margin-right:2px; text-indent:-2000px; font-size:0; display:inline-block; transition:0s; width:10px; height:10px; overflow:hidden; background:#fff; border-radius:50%; }
.visiual .paging .num.on{background:#245699; }
.visiual .paging .play{border:0; text-indent:-2000px; font-size:0; display:inline-block; transition:0s; width:9px; height:12px; overflow:hidden; background:url(../images/common/etcList.png) no-repeat 0 -202px; }
.visiual .paging .play.on{background:url(../images/common/etcList.png) no-repeat 0 -188px; }

/*메인콘텐츠*/
.quickList{width:1060px; height:auto; overflow:hidden; margin:20px auto; }
.quickList ul{width:1077px; height:auto; overflow:hidden; }
.quickList ul li{position:relative; background:#fff; width:341px; height:186px; overflow:hidden; border:1px solid #ccc; margin:0 15px 15px 0; float:left; }
.quickList ul li:before{content:""; width:120px; height:120px; overflow:hidden; display:block; position:absolute; }
.quickList ul li.q01:before{background:url(../images/main/bg_quickList.png) no-repeat 0 0; right:0; top:55px; }
.quickList ul li.q02:before{background:url(../images/main/bg_quickList.png) no-repeat 0 -120px; right:0; top:65px; }
.quickList ul li.q03:before{background:url(../images/main/bg_quickList.png) no-repeat 0 -240px; left:200px; top:65px; }
.quickList ul li.q04:before{background:url(../images/main/bg_quickList.png) no-repeat 0 -360px; left:210px; top:65px; }
.quickList ul li.q05:before{background:url(../images/main/bg_quickList.png) no-repeat 0 -490px; left:200px; top:65px; }
.quickList ul li.q06:before{background:url(../images/main/bg_quickList.png) no-repeat 0 -600px; right:0; top:10px; }
.quickList ul li .subj{margin:40px 0 0 40px; color:#000; font-size:17px; font-weight:bold;}
.quickList ul li .txt{margin:10px 0 0 40px; color:#666; font-size:12px; line-height:1.3em; font-family:'NG' }
.quickList ul li a{margin:10px 0 0 40px; display:block; width:39px; height:39px; overflow:hidden; background:url(../images/common/etcList.png) no-repeat 0 -80px; font-size:0; text-indent:-2000px; }
.quickList ul li .etc{margin:15px 0 0 40px; height:auto; overflow:hidden; color:#ea484c; font-size:27px; }

/*메인공지*/
.notice{width:1060px; height:auto; overflow:hidden; margin:0 auto 30px auto; }
.notice .fl{width:516px; height:auto; overflow:hidden; float:left; }
.notice .tab{height:36px;}
.notice .tab:before{border-bottom:1px solid #ccc; background:none; }
.notice .tab .btnMore{position:absolute; right:0; top:17px; font-size:11px; }
.notice .tab p{line-height:36px; font-size:17px; color:#000;}
.notice .tab ol{left:0; top:0; width:100%; height:auto; overflow:hidden; }
.notice .tab ol li{width:122px; height:36px; overflow:hidden; border:1px solid #dbdbdb; background:#dbdbdb; float:left; margin-right:2px; border-bottom:1px solid #ccc;  }
.notice .tab ol li.on{border:1px solid #ccc; border-bottom:1px solid #fff; }
.notice .tab ol li a{display:block; width:100%; height:36px; line-height:36px; text-align:center; color:#454545;}
.notice .tab ol li.on a{ background:#fff; color:#000;  }
.notice ul{margin-top:10px; width:100%; height:auto; overflow:hidden; }
.notice ul li{position:relative; padding-left:12px; font-family:Dotum; font-size:12px;  line-height:17px; }
.notice ul li:before{content:""; width:3px; height:3px; overflow:hidden; display:block; background:url(../images/common/etcList.png) no-repeat 0 0; position:absolute; left:5px; top:10px; }
.notice ul li a{position:relative; width:calc( 100% - 70px ); color:#4b4b4b; text-overflow:ellipsis; white-space:nowrap; }
.notice ul li a.new:after{display:inline-block; content:""; position:absolute; margin:4px 0 0 5px; width:14px; height:14px; overflow:hidden; background:url(../images/common/etcList.png) no-repeat 0 -65px; }
.notice ul li span{color:#696969; font-size:11px; font-family:verdana; float:right; width:70px; overflow:hidden; text-align:center; line-height:15px; }

.faq{width:483px; float:right; overflow:hidden; }
.faq ul li{padding-left:26px; line-height:23px; letter-spacing:-1px; font-family:'NG'; font-size:14px;}
.faq ul li:before{content:""; width:20px; height:20px; overflow:hidden; display:block; background:url(../images/common/etcList.png) no-repeat 0 -44px; position:absolute; left:2px; top:2px; }

.slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer; cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
.slick-track{position:relative; top:0; left:0; display:block}
.slick-track:before,.slick-track:after{display:table; content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none; float:left; height:100%; min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden {display: none; }
.slick-next.slick-arrow, .slick-prev.slick-arrow{display:none !important; }
.slick-dots{position:absolute; left:0; bottom:30px; width:100%; text-align:center; }
.slick-dots li{display:inline-block; text-indent:-2000px; border:0; width:11px; height:11px; margin:2px; overflow:hidden; cursor:pointer; }
.slick-dots .slick-active{}
.slick-initialized .slick-slide{outline:none; }

@media (max-width:1025px){
	body section .visiual .rela{width:100%; height:260px; }
	body section .visiual .rela .fl{width:calc( 100% - 250px ); height:260px; }
	body section .visiual .rela .fr{width:250px; height:260px; }
	body section .visiual .rela .fr .btnLogin01{background:none; width:108px; height:58px; padding-top:23px; top:40px; }
	body section .visiual .rela .fr .btnLogin02{left:109px; background:none; width:126px; height:58px; padding-top:23px; top:40px; }
	body section .visiual .rela .fr .btnNew{width:237px; top:135px; height:80px; background-position:20px center; background-size:47px 38px}
	body section .visiual .rela .fr .btnNew .t01{font-size:18px; margin-left:90px; margin-top:15px; width:100px; text-align:center; line-height:}
	body section .visiual .rela .fr .btnNew .t02{display:none; }

	body .slideBox{height:260px; }
	body .slideBox .item{height:260px; }
	body .slideBox .item img{top:0px; width:490px; right:auto; left:50px; }
	body .visiual .paging{bottom:auto; top:190px; left:75px; }

	body .quickList{width:auto; padding:0 20px; }
	body .quickList ul{width:calc( 100% + 9px ); }
	body .quickList ul li{position:relative; width:calc( 25% - 9px ); height:163px; margin-right:7px; }
	body .quickList ul li .txt, body .quickList ul li.q03, body .quickList ul li.q06{display:none; }
	body .quickList ul li .subj{margin:0; font-size:16px; text-align:center; margin-top:20px; padding:0 15px; }
	body .quickList ul li a{position:absolute; left:0; top:0; width:100%; height:163px; overflow:hidden; background:rgba(0,0,0,0); }
	body .quickList ul li:before{transform: scale(.8); right:auto; }
	body .quickList ul li.q01:before{top:45px; left:50%; margin-left:-60px; }
	body .quickList ul li.q02:before{top:45px; left:50%; margin-left:-60px; }
	body .quickList ul li.q03:before{top:45px; left:50%; margin-left:-60px; }
	body .quickList ul li.q04:before{top:45px; left:50%; margin-left:-60px; }
	body .quickList ul li.q05:before{top:45px; left:50%; margin-left:-60px; }
	body .quickList ul li.q06:before{top:45px; left:50%; margin-left:-60px; }
	body .quickList ul li.q07:before{top:45px; left:50%; margin-left:-60px; }

	body .notice{width:auto; padding:0 20px; }
	body .notice .fl{width:calc( 50% - 10px ); }
	body .notice ul li{width:calc( 100% - 10px ); height:auto; overflow:hidden; }
	body .notice ul li a{float:left; overflow:hidden; }
	body .notice .faq{width:calc( 50% - 10px ); }
	body .notice .faq ul li a{float:left; overflow:hidden; width:calc( 100% - 20px ); }
}

@media (max-width:769px){ 
	body section .visiual .rela{height:auto; }
	body section .visiual .rela .fl{width:100%; height:auto; }
	body section .visiual .rela .fr{width:95%; height:auto; padding-bottom:20px; }
	body section .visiual .rela .fr .btnLogin01{width:calc( 27% - 22px ); margin-left:10px; float:left; position:static; height:41px; padding-left:10px; padding-top:10px; font-size:13px; text-align:left; }
	body section .visiual .rela .fr .btnLogin02{width:calc( 35% - 22px ); float:left; position:static; height:41px; padding-left:10px; padding-top:10px; font-size:13px; text-align:left; }
	body section .visiual .rela .fr .btnNew{width:34%; float:left; position:static; height:53px; padding-left:10px; font-size:13px; text-align:left; background-position:10px center; background-size:26px; }
	body section .visiual .rela .fr .btnNew .t01{font-size:13px; display:block; margin-left:40px; width:70px; text-align:left; margin-top:10px; line-height:17px;}
	body section .visiual .rela .member {margin-top:10px;}
	body .slideBox{height:auto; }
	body .slideBox .item{height:175px; }
	body .slideBox .item img{width:90%; max-width:400px; top:0px; left:calc(100% - 95%);}
	body .visiual .paging, footer .rela .img, .bnbList{display:none;}

	body .quickList ul li{width:calc( 50% - 9px ); margin-bottom:7px; height:70px; }
	body .quickList ul li.q01:before{transform:scale(.5); margin-left:0; top:-25px; left:auto; right:-30px; }
	body .quickList ul li.q02:before{transform:scale(.5); margin-left:0; top:-25px; left:auto; right:-30px; }
	body .quickList ul li.q03:before{transform:scale(.5); margin-left:0; top:-25px; left:auto; right:-30px; }
	body .quickList ul li.q04:before{transform:scale(.5); margin-left:0; top:-25px; left:auto; right:-30px; }
	body .quickList ul li.q05:before{transform:scale(.5); margin-left:0; top:-25px; left:auto; right:-30px; }
	body .quickList ul li.q06:before{transform:scale(.6); margin-left:0; top:-25px; left:auto; right:-30px; }
	body .quickList ul li .subj{text-align:left; font-weight:normal; width:60%; margin-top:19px; font-size:13px; padding:0 10px; }
	body .quickList ul li.q01 .subj{width:70px}
	body .quickList ul li.q02 .subj{width:70px}
	body .quickList ul li.q03 .subj{width:90px}
	body .quickList ul li.q04 .subj{width:93px; letter-spacing:-1px;}
	body .quickList ul li.q05 .subj{width:90px}
	body .quickList ul li.q06 .subj{width:90px}
	body .quickList{padding:0 10px; margin:10px auto; }
	
	body .notice{padding:0 10px; margin-top:15px;}
	body .notice .fl{width:100%; }
	body .notice .faq{width:100%; margin-top:15px;}
	body .notice .tab p{font-size:15px;}
}