@charset "utf-8";




#top_btn { position:relative;position:fixed;width:100%; height:30px; background:#2e2e2e; z-index:999999; }
/* »ó´Ü : ¾ð¾î¼±Åà ¹öÆ° */
#top_btn .btn_etc { position:absolute; list-style:none; right:50%; top:0; height:100%; margin:0; margin-right:-600px; }
#top_btn .btn_etc:after { display:block; content:""; clear:both; }
#top_btn .btn_etc > li { float:right; width:80px;height:100%; border-right:1px solid #2e2e2e;border-left:1px solid #2e2e2e;line-height:30px;text-align:center;background:#83a2d5}
#top_btn .btn_etc > li > a { position:relative; display:block; width:100%; height:100%; font-size:0.875em; color:#fff; font-weight:400; box-sizing:border-box; }


#whole{overflow:hidden;position:relative;left:-200px;}
#header{width:100%;height:90px;position:fixed;top:30px;left:0;line-height:90px;border-bottom: 1px solid rgba(255, 255, 255, .3); background-color: rgba(130,130,130,0.8);z-index:999999;transition:all 0.1s ease-out;}
.header_wrap{max-width:1300px;min-width:1200px;margin:0 auto;position:relative;}
#header h1{font-size:0;letter-spacing:0;word-spacing:0;float:left;}
#header h1 img{vertical-align:middle;}
#header h1 img.color{display:none;}
#header #gnb{float:right;height:90px;}
#header #gnb>ul>li{min-width:132px;float:left;position:relative;text-align:center;height:90px;line-height:90px}
#header #gnb>ul>li:nth-child(1){min-width:132px;}
#header #gnb>ul>li:nth-child(2){min-width:132px;}
#header #gnb>ul>li:nth-child(3){min-width:132px;}
#header #gnb>ul>li:nth-child(4){min-width:132px;}
#header #gnb>ul>li:nth-child(5){min-width:132px;}
#header #gnb>ul>li:nth-child(6){min-width:132px;}
#header #gnb>ul>li:nth-child(7){min-width:132px;}
#header #gnb>ul>li>a{padding:0 30px;color:#fff;font-size:18px;font-weight:600;display:block;letter-spacing:-0.04em;}
#header #gnb>ul>li>a.mobile{display:none;}
#header #gnb>ul>li:hover>a{color:#fff;background-color:#353330;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;-moz-transition:all 0.4s ease;}
#header #gnb>ul>li>ul{width:100%;background-color:#fff;position:absolute;top:90px;left:0;display:none;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;-moz-transition:all 0.4s ease;}

#header #gnb>ul>li:last-child>ul{left:auto;right:0;}
#header #gnb>ul>li:hover>ul{display:block;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;-moz-transition:all 0.4s ease;}
#header #gnb>ul>li>ul>li{font-size:14px;line-height:18px;text-align:left;letter-spacing:-0.04em;}
#header #gnb>ul>li>ul>li>a{padding:14px 18px;display:block;font-weight:400;transition:all 0.1s ease-out;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;position:relative;}
#header #gnb>ul>li>ul>li>a span.icon{margin-top:-8px;display:block;position:absolute;top:50%;right:10px;}
#header #gnb>ul>li>ul>li>a span.icon i{font-size:18px;color:#404c59;}
#header #gnb>ul>li>ul>li>a span.icon i.off{display:none;}
#header #gnb>ul>li>ul>li>a:hover{background-color:#252629;border-bottom:1px solid #605c56;color:#fff;}
#header #gnb>ul>li>ul>li>a:hover span.icon i{color:#fff;}
#header #gnb>ul>li>ul>li.active>a{background-color:#605c56;border-bottom:1px solid #605c56;color:#fff;}
#header #gnb>ul>li>ul>li.active>a span.icon i.on{display:none;}
#header #gnb>ul>li>ul>li.active>a span.icon{margin-top:-10px;}
#header #gnb>ul>li>ul>li.active>a span.icon i.off{display:block;color:#fff;}
#header #gnb>ul>li>ul>li>ul{display:none;}
#header #gnb>ul>li>ul>li>ul li a{padding:8px 12px;display:block;border-bottom:1px solid #a1a8ae;font-size:12px;line-height:15px;background-color:#7d8790;color:#fff;transition:all 0.25s ease-out;}
#header #gnb>ul>li>ul>li>ul li a:hover{background-color:#404c59;}
#header .mg_control{display:none;}


#header.changed{ background-color: rgba(85,85,85,0.7);}



#visual{position:relative;}
#visual p.scroll_down{margin-left:-45px;padding-bottom:52px;background:url(/image/scroll_down.png) no-repeat center bottom;position:absolute;bottom:30px;left:49.6%;z-index:6666;cursor:pointer;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;-moz-transition:all 0.4s ease;}
#visual p.scroll_down:hover{transform:translatey(10px);-ms-transform:translatey(10px);-webkit-translatey:translate(10px);
-webkit-transition:all 0.6s ease;transition:all 0.6s ease;-moz-transition:all 0.6s ease;}
#visual p.scroll_down span{color:#fff;font-weight:300;font-size:15px;}
#visual .slide_box *:focus{outline:0;}
#visual .slide_box .slick-list, #visual .slide_box .slick-track{width:100%;overflow:hidden;zoom:1;}
#visual .slide_box button{width:45px;height:83px;margin-top:-40px;position:absolute;top:50%;left:10px;z-index:10;border:0;font-size:0;background:none;z-index:9998;}
#visual .slide_box button.slick-next{left:auto;right:10px;background:none;}
#visual .slide_box button:hover{background-position:center bottom;}
#visual .slide_box .slick-slide{width:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed;float:left;position:relative;}
/**
#visual .slide_box .slide_01{background-image:url(/image/main/visual1.jpg);}
#visual .slide_box .slide_02{background-image:url(/image/main/visual2.jpg);}
#visual .slide_box .slide_03{background-image:url(/image/main/visual3.jpg);}
#visual .slide_box .slide_04{background-image:url(/image/main/visual4.jpg);}
**/

#visual .slide_box ul.text{width:100%;clear:both;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-25%,-50%);-ms-transform:translate(-25%,-50%);-webkit-transform:translate(-25%,-50%);-webkit-transition:all 0.6s ease;transition:all 0.6s ease;-moz-transition:all 0.6s ease;}
#visual .slide_box ul.text li{color:#fff;text-align:center;letter-spacing:-0.04em;float:left;-webkit-transition:all 0.6s ease;transition:all 0.6s ease;-moz-transition:all 0.6s ease;}
#visual .slide_box ul.text li.big{padding-right:40px;margin-right:40px;font-size:78px;font-weight:bold;line-height:84px;text-transform:uppercase;text-shadow:1px 1px 0 rgba(0,0,0,.75);border-right:solid 2px #FFFFFF;text-align:right;}
#visual .slide_box ul.text li.big>font{color:#c6e176;}
#visual .slide_box ul.text li.small{margin-top:160px;font-size:16px;line-height:30px;font-weight:200;text-shadow:1px 1px 0 rgba(0,0,0,.75);text-align:left;}
#visual .slide_box ul.text li.small>font{font-size:22px;font-weight:500;}








#mainvisual{min-width:1200px;border:0px solid #ed5f00;height:100%;position:relative;overflow:hidden;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-mos-box-sizing:border-box;-webkit-box-sizing:border-box;}

.main_con{width:80%;height:100%;position:absolute;left:50%;top:100px;transform:translatex(-50%);-ms-transform:translatex(-50%);-webkit-transform:translatex(-50%);z-index:9999;}
.mcon1{width:500px;position:absolute;left:0px;top:50%;transform:translatey(-50%);-ms-transform:translatey(-50%);-webkit-transform:translatey(-50%);}
.mcon1 li{width:50%;height:250px;text-align:center;}

.mcon1 .mcb1 a{background-color:#83a2d5;}
.mcon1 .mcb2 a{background-color:#0ba651;}
.mcon1 .mcb3 a{background-color:#e8a81e;}
.mcon1 .mcb4 a{background-color:#ed6647;}






.main_con li{-webkit-transition:all 0.6s ease;transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;-ms-transition:all 0.6s ease;}
.main_con li a{width:100%;height:100%;color:#FFFFFF;display:block;position:relative;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;-ms-transition:all .4s;}
.main_con li a:hover,.main_con li a:active{overflow:hidden;border-radius:50%;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;-ms-transition:all .2s;}
.main_con li a div{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-webkit-transition:all 0.6s ease;transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;-ms-transition:all 0.6s ease;}
.main_con li a:hover div{-webkit-transition:all 0.6s ease;transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;-ms-transition:all 0.6s ease;}
.main_con li a div.on{opacity:1;}
.main_con li a div.off{opacity:0;}
.main_con li a:hover div.on{opacity:0;}
.main_con li a:hover div.off{opacity:1;}
.main_con li p{padding-top:20px;font-size:18px;text-decoration:none;font-weight:600}


.content1 {position:relative;height:260px;width:1180px;margin:80px auto  auto  auto; padding:0; border:0px solid #ed5f00;}
.content1 .boardbox {float:left;width:400px;height:260px;}
.content1 .board {float:left;width:400px;height:50px;border:0px solid #ed5f00;}
.content1 .board li{height:40px;line-height:40px;}
.content1 .board .title{float:left;font-size:17px}
.boardlist li{width:400px;height:210px;float:left;padding:0px;height:30px;font-size:13px; overflow:hidden}
.content1 .content1box{float:left;width:335px;height:250px;border:1px solid #cdcdcd;}
.content1 .content1box li{width:335px;height:125px}

.afterboardcontent {position:relative;height:180px;width:1180px;margin:10px auto auto auto; padding:0;}
.afterboardcontent .afterboardbox {width:1180px;margin:auto}
.afterboardcontent .afterboard {width:1180px;height:40px}
.afterboardcontent .afterboard li{height:40px;line-height:40px;}
.afterboardcontent .afterboard .title{float:left;font-size:17px}
.afterboardcontent .afterboardlist {padding-left:10px;width:1180px;height:140px;overflow:hidden;margin-top:10px;border:0px solid #ed5f00;}
.afterboardcontent .afterboardlist li{float:left;width:110px;height:140px;padding:0px;;font-size:13px;border:0px solid #ed5f00;}
.afterboardcontent .afterboardlist .timg{overflow:hidden}
.afterboardcontent .afterboardlist .tit{width:110px;overflow:hidden;text-align:center;}
.afterboardcontent .afterboardlist img{vertical-align:top;}


.leftline{border-left:1px solid #cdcdcd}
.rightline{border-right:1px solid #cdcdcd}
.bottomline{border-bottom:1px solid #cdcdcd}
.rightlinedotte{border-right:1px  dotted solid #cdcdcd}



#contentbar {width:100%;text-align:center;margin:50px auto;background-color:#f3f3f3;padding:15px 0;border:0px solid #ed5f00;}
.contentteacher{width:1200px;}
.content_teacher {position:relative;height:330px; width:1180px; margin:50px auto; padding:0; border:0px solid #ed5f00;}
.content_teacher li{float:left;width:260px;height:330px;background:#fff;box-shadow:0 5px 5px 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 5px 5px 0 rgba(0,0,0,0.1);box-sizing:border-box;}
.content_teacher .tit{line-height:30px;width:230px;margin:10px auto;overflow:hidden}
.content_teacher .timg{width:230px;height:140px;margin:10px auto;overflow:hidden}
.content_teacher .ttxt{width:230px;height:100px;margin:15px auto;overflow:hidden}
.content_teacher img{vertical-align:top;}

.btn_blud1 {width:200px;background-color:#fff;border:1px solid #cdcdcd;padding:8px 10px;display:}
.btn_blud1:hover{color:#fff;display:block;background-color:#83a2d5;padding:8px 10px; display:block}


#contentbar {width:100%;text-align:center;margin:50px auto;background-color:#f3f3f3;padding:15px 0;border:0px solid #ed5f00;}
.content4 {position:relative;height:330px; width:1180px; margin:50px auto; padding:0; border:0px solid #ed5f00;}
.content4 li{float:left;width:260px;height:330px;background:#fff;box-shadow:0 5px 5px 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 5px 5px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 5px 5px 0 rgba(0,0,0,0.1);box-sizing:border-box;}



.content3 {position:relative;height:200px;width:1200px;margin:80px auto; padding:0;;border:0px solid #ed5f00;height:550px;}

.content3 .everydaybox {width:1180px;border:0px solid #ed5f00;margin:auto auto 50px auto}
.content3 .everyday {width:1180px;height:40px;border:0px solid #ed5f00;}
.content3 .everyday li{height:40px;line-height:40px;}
.content3 .everyday .title{float:left;font-size:17px}
.content3 .everydaylist{width:1180px;height:85px}
.content3 .everydaylist li{text-align:left;width:1180px;height:85px;line-height:85px;overflow:hidden;background-color:#eadbbd;padding:0 20px 0 20px;box-sizing:border-box;border:0px solid #cdcdcd;border-radius: 0.5em;}
.content3 .everydaylist li span{margin-top:20px;float:left;width:910px;height:50px;line-height:25px;font-size:17px;font-weight:400;margin-left:30px;display:inline-block;overflow:hidden;border:0px solid #cdcdcd;}

.content3 .contentbanner {width:1180px;height:80px;padding:0; border:0px solid #ed5f00;;margin:auto auto 50px auto}
.content3 .contentbanner li{text-align:left;float:left;width:260px;height:80px;line-height:80px;border:1px solid #cdcdcd;border-radius: 0.5em;background-color:#f6f6f6}
.content3 .contentbanner li span{margin-left:10px;font-size:20px;font-weight:500;}


.content3 .content3inner {width:1180px;border:0px solid #ed5f00;margin:auto;height:200px;}
.content3 .content3inner li{float:left;width:32%;height:200px;text-align:center;}
.content3 .content3inner .title{font-size:17px}



.left_area { float:left}
.center_area { float:left;}
.right_area { float:left}


.btn_go {margin-top:15px;}
.btn_go a {padding:5px 15px 5px 15px;font-size:13px;border:1px solid #d5d5d5;background-color:#f1f1f1}
.btn_go a:hover{padding:5px 15px 5px 15px;font-size:13px;color:#fff;border:1px solid #d5d5d5;background-color:#ed5f00}



.CLEAR{zoom:1;}
.CLEAR:after{content:"";clear:both;display:block;}
.fl{float:left;}
.fr{float:right;}

.LEFT{zoom:1;}
.LEFT:after{content:"";clear:both;display:block;}
.LEFT li{float:left;}





#footer {min-width:1200px;position:relative;text-align:center;background-color:#333333;padding:15px 0;border:0px solid #ed5f00;}
#footer .foot_wrap{width:1200px;margin:0 auto;position:relative;}

#footer .footer_btn { width:1200px;height:40px; margin:0 auto;overflow:hidden;border:0px solid #ed5f00;}
#footer .footer_btn p{float:left;margin:9px auto;font-size:12px;border:1px dotted #e5e5e5; color:#fff;height:23px;padding:0px 10px 0px 10px}
#footer .footer_txt {padding:20px 0; width:1200px; margin:0 auto;overflow:hidden;border:0px solid #ed5f00;text-align:center; color:#ccc; }
#footer .footer_txt span{ font-size:12px; color:#ccc; line-height:2; }


#footer_txt { width:1200px; margin:0 auto;overflow:hidden;border:0px solid #ed5f00;}
/**00%;position:bottom:0;z-index:9999;}**/