@charset "utf-8";

/* ======================================== Layout ======================================== */

#skipLink a{display:block;position:fixed;top:-999px;padding:8px 0;width:150px;text-align:center;color:#fff;background:#000;z-index:999999}
#skipLink a:focus, #skipLink a:hover, #skipLink a:focus, #skipLink a:active{left:0px;top:0px}
#skipLink dt{position:absolute;height:0;width:0;left:-9999px;overflow:hidden;font-size:0;line-height:0}

#wrap{min-width:1200px;font-family:'NanumSquare';}
.inner{position:relative;margin:auto;width:1200px;}
/* header */
#header{height:156px;background:#fff;}
#header > .inner{height:100px;}
#header h1{position:absolute;top:17px;left:0;}
#header .topLink{position:absolute;top:43px;right:252px;}
#header .topLink:after{display:block;content:'';clear:both;}
#header .topLink li{float:left;font-size:13px;}
#header .topLink li a{position:relative;display:block;padding:0 18px;font-family:'Nanum Gothic';}
#header .topLink li a:after{display:block;position:absolute;content:'';top:3px;right:0;width:1px;height:10px;background:#ccc;}
#header .topLink li:last-child a:after{display:none;}
#header .topSearch{position:absolute;top:30px;right:0;padding:0 40px 0 17px;width:240px;height:40px;border:1px solid #43bdbf;border-radius:50px;box-sizing:border-box;}
#header .topSearch input[type="text"]{height:38px;border:0px none;}
#header .topSearch input[type="text"]::placeholder{font-size:13px;}
#header .topSearch input[type="submit"]{position:absolute;top:-1px;right:-1px;bottom:-1px;width:50px;text-indent:-9999px;background:#45bfc3 url(../images/main/icon_main_search.png) no-repeat center;border:0px none;border-radius:50px;}
#header #gnb{height:55px;border-top:1px solid #ddd;}
#header #gnb > .inner{position:relative;padding:0 67px 0 0;}
#header #gnb ul.depth1:after{display:block;content:'';clear:both;}
#header #gnb ul.depth1 > li{position:relative;float:left;width:14.28571%;}
#header #gnb ul.depth1 > li > a{display:block;height:55px;line-height:55px;font-size:19px;font-weight:700;text-align:center;color:#000;}
#header #gnb ul.depth1 > li:hover > a{font-weight:bold;color:#fff;background:#45bfc3;}
#header #gnb ul.depth1 > li:hover > .depth2{display:block;}
#header #gnb ul.depth2{display:none;position:absolute;top:55px;left:0;right:0;padding:23px 15px;background:#fff;border:1px solid #45bfc3;z-index:2;}
#header #gnb ul.depth2 > li{position:relative;padding:7px 0 7px 8px;}
#header #gnb ul.depth2 > li:after{display:block;position:absolute;content:'';left:0;top:16px;width:4px;height:1px;background:#444;}
#header #gnb ul.depth2 > li a{line-height:140%;font-size:15px;font-family:'Nanum Gothic';color:#444;}
#header #gnb ul.depth2 > li a:hover{text-decoration:underline;}
#header #gnb a.all_menu_open{display:block;position:absolute;top:0;right:0;bottom:0;width:67px;text-indent:-9999px;background:url(../images/main/icon_allmenu_open.png) no-repeat center;}
#header #allNav{display:none;position:absolute;top:156px;left:0;right:0;font-family:'Nanum Gothic';background-color:#fff;background-image:url(../images/main/bg_allNav01.png),url(../images/main/bg_allNav02.png);background-repeat:no-repeat,no-repeat;background-position:center top,center bottom;box-shadow:0px 5px 10px rgba(0,0,0,.1) inset;z-index:10;}
#header #allNav.active{display:block;}
#header #allNav .inner{padding:23px 67px 23px 0;}
#header #allNav ul.depth1:after{display:block;content:'';clear:both;}                                                                                                 
#header #allNav ul.depth1 > li{position:relative;float:left;width:14.28571%;}                                                                                         
#header #allNav ul.depth1 > li > a{display:none;}                                                                                                               
#header #allNav ul.depth2{padding:0 15px;}               
#header #allNav ul.depth2 > li{position:relative;padding:7px 0 7px 8px;}                                                                                              
#header #allNav ul.depth2 > li:after{display:block;position:absolute;content:'';left:0;top:16px;width:4px;height:1px;background:#444;}                                
#header #allNav ul.depth2 > li a{line-height:140%;font-size:15px;color:#444;}                                                                                         
#header #allNav a.all_menu_close{display:block;position:absolute;top:-48px;right:12px;width:42px;height:42px;text-indent:-9999px;background:#45bfc3 url(../images/main/icon_allNav_close.png) no-repeat center;}

#side_quick{display:block;position:fixed;top:20%;left:50%;margin-left:650px;}
#side_quick ul{width:90px;background:#fff;border:1px solid #ccc;border-radius:20px;box-sizing:border-box;}
#side_quick ul li{border-bottom:1px dashed #ccc;}
#side_quick ul li:last-child{border:0px none;}
#side_quick ul li a{display:block;padding:70px 0 20px;font-size:14px;font-family:'Nanum Gothic';text-align:center;color:#333;}
#side_quick ul li.type1 a{background:url(../images/main/icon_side_quick01.png) no-repeat center 20px;}
#side_quick ul li.type2 a{background:url(../images/main/icon_side_quick02.png) no-repeat center 20px;}
#side_quick ul li.type3 a{background:url(../images/main/icon_side_quick03.png) no-repeat center 20px;}
#side_quick ul li.type4 a{background:url(../images/main/icon_side_quick04.png) no-repeat center 20px;}
#side_quick ul li.type5 a{background:url(../images/main/icon_side_quick05.png) no-repeat center 20px;}
#side_quick > a{display:block;margin:8px auto 0;padding-top:22px;width:46px;height:46px;font-size:13px;text-align:center;color:#fff;background:#b2b2b2 url(../images/main/icon_side_quick_top.png) no-repeat center 11px;border-radius:100%;box-sizing:border-box;}

#footer{background:#404146;}
#footer .inner{padding:40px 0 50px 270px;font-family:'Nanum Gothic';}
#footer span.footerLogo{position:absolute;top:35px;left:0;width:208px;height:55px;}
#footer ul{margin-bottom:14px;}
#footer ul:after{display:block;content:'';clear:both;}
#footer ul li{position:relative;float:left;padding:0 20px;}
#footer ul li:after{display:block;position:absolute;content:'';left:0;top:5px;width:1px;height:10px;background:#c6c6c8;}
#footer ul li:first-child{padding-left:0;}
#footer ul li:first-child:after{display:none;}
#footer ul li a{font-size:14px;font-weight:600;color:#d2d2d3;}
#footer ul li a:hover{text-decoration:underline;}
#footer p{margin:0;line-height:160%;font-size:14px;color:#b1b1b2;}
#footer p span{display:inline-block;position:relative;padding:0 18px;}
#footer p span:after{display:block;position:absolute;content:'';left:0;top:7px;width:1px;height:10px;background:#aeafb0;}
#footer p span:first-child{padding-left:0;}
#footer p span:first-child:after{display:none;}
/* ======================================== //Layout ======================================== */

/* ======================================== main ======================================== */
#container{margin:0;}
#container.main{font-family:'NanumSquare';}
#mainVisual{margin-bottom:40px;height:445px;background:url(../images/main/bg_main_visual.jpg) no-repeat center top;}
#mainVisual > .inner{padding-top:60px;height:100%;box-sizing:border-box;}
#mainVisual .visual_txt p{margin:0;line-height:220%;font-size:19px;font-weight:600;color:#000;}
#mainVisual .visual_txt p b{display:block;font-size:32px;}
#mainVisual .visual_txt p b.green{color:#078846;}
#mainVisual .visual_txt p b.green span{font-weight:800;}
#mainVisual .visual_txt p b.white_green{color:#51b939;font-weight:800;}
#mainVisual .mainSlider{position:absolute;top:50px;right:0;width:267px;height:370px;background:#fff;border:8px solid #fff;overflow:hidden;box-sizing:border-box;box-shadow:0px 0px 8px rgba(0,0,0,0.2);}
#mainVisual .mainSlider li img{width:100%;height:355px;}
#mainVisual .bx-wrapper .bx-controls{bottom:24px;left:auto;right:20px;}
#mainVisual .bx-wrapper .bx-pager-item{vertical-align:middle;}
#mainVisual .bx-wrapper .bx-pager-item a{display:block;margin:0 2px;width:12px;height:12px;text-indent:-9999px;background:#fff;border:1px solid #aeaea7;box-sizing:border-box;}
#mainVisual .bx-wrapper .bx-pager-item a.active{width:29px;background:#41a744;border:0px none;border-radius:50px;}
.bx-controls-auto{position:relative;top:2px;left:2px;height:12px;}
#mainVisual .bx-wrapper .bx-controls-auto-item a.bx-start{display:none;height:12px;width:7px;text-indent:-9999px;background:url(../images/main/icon_slide_start.png) no-repeat center;}
#mainVisual .bx-wrapper .bx-controls-auto-item a.bx-stop{display:block;height:12px;width:7px;text-indent:-9999px;background:url(../images/main/icon_slide_stop.png) no-repeat center;}

#mainSection{margin-bottom:25px;}
#mainSection:after{display:block;content:'';clear:both;}
#mainQuick{margin-bottom:32px;}
#mainQuick ul{padding:0 29px;}
#mainQuick ul:after{display:block;content:'';clear:both;}
#mainQuick ul li{float:left;padding:0 32px;width:20%;box-sizing:border-box;}
#mainQuick ul li a{display:block;padding-top:185px;font-size:19px;font-weight:600;color:#000;text-align:center;background-position:center top;background-repeat:no-repeat;}
#mainQuick ul li.icon1 a{background-image:url(../images/main/icon_main_quick01.png)}
#mainQuick ul li.icon2 a{background-image:url(../images/main/icon_main_quick02.png)}
#mainQuick ul li.icon3 a{background-image:url(../images/main/icon_main_quick03.png)}
#mainQuick ul li.icon4 a{background-image:url(../images/main/icon_main_quick04.png)}
#mainQuick ul li.icon5 a{background-image:url(../images/main/icon_main_quick05.png)}

#mainEvent{float:left;width:770px;height:410px;box-sizing:border-box;}
#mainEvent > div{position:relative;float:left;border:1px solid #ddd;border-radius:10px;box-sizing:border-box;}
#mainEvent .mainCalendar{padding:20px 10px 25px;width:350px;height:100%;box-sizing:border-box;}
#mainEvent .mainCalendar:before{display:block;position:absolute;content:'';top:8px;right:-2px;width:2px;height:390px;background:#fff;z-index:1;}
#mainEvent .mainCalendar:after{display:block;position:absolute;content:'';top:8px;right:-2px;width:2px;height:390px;border:1px dashed #d9d9d9;box-sizing:border-box;z-index:1;}
#mainEvent .mainCalendar .ctrl{position:relative;margin:0 auto 15px;padding:0 30px;width:242px;height:29px;text-align:center;box-sizing:border-box;}
#mainEvent .mainCalendar .ctrl > b{line-height:29px;font-size:20px;font-weight:600;color:#000;}
#mainEvent .mainCalendar .ctrl > a{position:absolute;display:block;top:0;width:29px;height:29px;text-indent:-9999px;background-color:#8e8e8e;background-repeat:no-repeat;background-position:center;border-radius:100%;box-sizing:border-box;}
#mainEvent .mainCalendar .ctrl > a.btn_monthPrev{left:0;background-image:url(../images/main/icon_schedule_prev.png);}
#mainEvent .mainCalendar .ctrl > a.btn_monthNext{right:0;background-image:url(../images/main/icon_schedule_next.png);}
#mainEvent .mainCalendar table{margin-bottom:10px;width:100%;}
#mainEvent .mainCalendar table th,
#mainEvent .mainCalendar table td{}
#mainEvent .mainCalendar table th{padding:14px 0;}
#mainEvent .mainCalendar table th.sun{color:#f52c38;}
#mainEvent .mainCalendar table th.sat{color:#3f6fbf;}
#mainEvent .mainCalendar table td{position:relative;padding:12px 0;text-align:center;}
#mainEvent .mainCalendar table td a.sun{color:#f52c38;}
#mainEvent .mainCalendar table td a{position:relative;display:block;}
#mainEvent .mainCalendar table td b{display:block;position:relative;color:#505050;text-align:center;}
#mainEvent .mainCalendar table td a b{color:#fff;}
#mainEvent .mainCalendar table td a b:after{display:inline-block;content:'';position:absolute;left:50%;top:50%;margin-left:-13px;margin-top:-13px;width:26px;height:26px;background:#daa300;border-radius:50%;z-index:-1;}
#mainEvent .mainCalendar table td .markArea{position:absolute;bottom:-18px;left:0;right:0;text-align:center;}
#mainEvent .mainCalendar table td .markArea .mark{display:inline-block;margin:0 1px;width:5px;height:5px;}
#mainEvent .mainCalendar table td .markArea .mark.type1{background:#e4ad04;}
#mainEvent .mainCalendar table td .markArea .mark.type2{background:#26a028;}
#mainEvent .mainCalendar table td .markArea .mark.type3{background:#db7700;}
#mainEvent .mainCalendar table td .markArea .mark.type4{background:#f5828a;}
#mainEvent .mainCalendar table td:hover .eventBox {display:block;}
#mainEvent .mainCalendar table td span.arrow {position:absolute;display:block;width:7px;height:4px;top:-3px;left:20px;background:url(../images/main/eventBox_arrow.png) no-repeat left top;z-index:10;}
#mainEvent .mainCalendar table td .eventBox {position:absolute;display:none;top:38px;left:0;max-width:300px;text-align:left;z-index:9;display:none;}
#mainEvent .mainCalendar table td .eventBox > ul {padding:10px 10px 10px 5px;border:1px solid #727272;background-color:#fff;}
#mainEvent .mainCalendar table td .eventBox > ul:after {display:block;content:"";clear:both;}
#mainEvent .mainCalendar table td .eventBox > ul > li > a {display:block;width:100%;height:20px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#mainEvent .mainCalendar .explain{text-align:center;}
#mainEvent .mainCalendar .explain span.mark{position:relative;display:inline-block;margin:0 8px;padding-left:16px;font-size:13px;font-family:'Nanum Gothic';color:#333;}
#mainEvent .mainCalendar .explain span.mark:after{display:block;position:absolute;content:'';top:3px;left:0;width:9px;height:9px;}
#mainEvent .mainCalendar .explain span.mark.type1:after{background:#e4ad04;}
#mainEvent .mainCalendar .explain span.mark.type2:after{background:#26a028;}
#mainEvent .mainCalendar .explain span.mark.type3:after{background:#db7700;}
#mainEvent .mainCalendar .explain span.mark.type4:after{background:#f5828a;}
#mainEvent .eduList{padding-bottom:26px;width:420px;height:100%;box-sizing:border-box;overflow:hidden;}
#mainEvent .eduList h3{padding-left:52px;height:68px;line-height:68px;font-size:20px;font-weight:600;color:#000;background:#f1f1f1 url(../images/main/icon_main_schedule.png) no-repeat 24px 25px;}
#mainEvent .eduList ul{padding:26px 22px;height:342px;font-family:'Nanum Gothic';overflow-y:auto;box-sizing:border-box;}
#mainEvent .eduList ul li{margin-bottom:19px;}
#mainEvent .eduList ul li a{display:block;position:relative;padding:4px 0 0 32px;}
#mainEvent .eduList ul li a .mark{position:absolute;top:0;left:0;width:25px;height:25px;line-height:25px;font-size:14px;text-align:center;color:#fff;border-radius:100%;}
#mainEvent .eduList ul li a .mark.child{background:#e67c00;}
#mainEvent .eduList ul li a .mark.weekend{background:#26a028;}
#mainEvent .eduList ul li a .mark.online{background:#e4ad04;}
#mainEvent .eduList ul li a .mark.special{background:#f5828a;}
#mainEvent .eduList ul li a .subject{display:inline-block;margin-bottom:6px;font-size:14px;font-weight:bold;color:#4d4d4d;}
#mainEvent .eduList ul li a .etc{position:relative;display:block;padding-left:43px;font-size:13px;color:#898888;}
#mainEvent .eduList ul li a .etc span{position:absolute;left:0;top:0;padding-left:8px;}
#mainEvent .eduList ul li a .etc span:after{display:block;position:absolute;content:'';top:8px;left:0;width:5px;height:1px;background:#898888;}

#mainNotice{float:right;padding:30px 28px 17px;width:410px;height:410px;border:1px solid #ddd;border-radius:10px;box-sizing:border-box;}
#mainNotice .tabBar{margin-bottom:33px;height:37px;border-bottom:1px solid #dfdfdf;}
#mainNotice .tabBar li a{position:relative;margin-right:28px;padding:0 0 11px;height:auto;line-height:135%;font-size:19px;color:#000;border:0px none;box-sizing:border-box;}
#mainNotice .tabBar li.active a{font-weight:600;color:#10902e;}
#mainNotice .tabBar li.active a:after{display:block;position:absolute;content:'';left:0;right:0;bottom:0;height:3px;background:#10902e;}
#mainNotice .conList li{display:block;position:relative;padding:10px 0;padding-left:11px;}
#mainNotice .conList li:after{display:block;position:absolute;content:'';top:16px;left:0;width:3px;height:3px;background:#333;}
#mainNotice .conList li a{display:inline-block;max-width:95%;font-size:14px;font-family:'Nanum Gothic';overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#mainNotice .conList li.first{margin-bottom:26px;padding:0;height:64px;}
#mainNotice .conList li.first:after{display:none;}
#mainNotice .conList li.first a{display:block;padding-left:82px;width:100%;height:100%;background:url(../images/main/icon_notice_first.png) no-repeat left top;overflow:visible;text-overflow:initial;white-space:initial;box-sizing:border-box;}
#mainNotice .conList li.first a b{display:block;margin-bottom:2px;line-height:135%;font-size:17px;color:#000;}
#mainNotice .conList li.first a span{font-size:13px;color:#555;}
#mainNotice .tabPage{position:relative;}
#mainNotice .tabPage a.btnMore{position:absolute;top:-68px;right:0;width:16px;height:16px;text-indent:-9999px;background:url(../images/main/icon_main_more.png) no-repeat center;}

#mainBanner{position:relative;margin-bottom:82px;padding:25px 0 0 168px;height:100px;border:1px solid #ddd;border-radius:10px;box-sizing:border-box;}
#mainBanner h3{position:absolute;top:40px;left:27px;font-size:18px;}
#mainBanner li{height:50px;line-height:50px;text-align:center;}
#mainBanner li img{width:auto;height:auto;}
#mainBanner .bx-controls{top:12px;right:auto;left:-95px;width:73px;height:25px;}
#mainBanner .bx-controls .bx-controls-direction{display:block;}
#mainBanner .bx-controls .bx-controls-direction a{display:block;width:25px;height:25px;text-indent:-9999px;border:1px solid #c9c9c9;box-sizing:border-box;}
#mainBanner .bx-controls .bx-controls-direction a.bx-prev{float:left;background:#fff url(../images/main/icon_banner_prev.png) no-repeat center;}
#mainBanner .bx-controls .bx-controls-direction a.bx-next{float:right;background:#fff url(../images/main/icon_banner_next.png) no-repeat center;}
#mainBanner .bx-controls .bx-controls-auto{position:absolute;top:0px;left:25px;}
#mainBanner .bx-controls .bx-controls-auto-item a{position:absolute;top:0px;left:0px;width:23px;height:25px;text-indent:-9999px;border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;box-sizing:border-box;}
#mainBanner .bx-controls .bx-controls-auto-item a.bx-start{display:none;background:url(../images/main/icon_slide_start.png) no-repeat center;}
#mainBanner .bx-controls .bx-controls-auto-item a.bx-stop{background:url(../images/main/icon_slide_stop.png) no-repeat center;}

/* ======================================== //main ======================================== */

.footer_csname {display:block; margin-bottom:6px;font-size:14px; font-weight:600; color:#b1b1b2;}