@charset "utf-8";


.container{overflow:hidden;z-index:10;}

/*비주얼 영역*/
.container .visual_area{overflow:hidden;}
.container .visual_area>div{position:relative}
.container .visual_area>div img{display:block;width:100%;}

.pc_only{display:block;}
.pad_only{display:none;}
.pad2_only{display:none;}
.mobile_only{display:none;}

@media screen and (max-width:1024px) {

    .pc_only{display:none;}
    .pad_only{display:block;}
    .pad2_only{display:none;}
    .mobile_only{display:none;}
}


@media screen and (max-width:768px) {

    .pc_only{display:none;}
    .pad_only{display:none;}
    .pad2_only{display:block;}
    .mobile_only{display:none;}
}


@media screen and (max-width:414px) {

    .pc_only{display:none;}
    .pad_only{display:none;}
    .pad2_only{display:none;}
    .mobile_only{display:block;}
}

/*메인 배너 부분*/
.container .section_1 .layer_1 .img_list_area{width:100%;height:400px;position:relative;overflow:hidden;}
.container .section_1 .layer_1 .img_list_area .img_wrap{position:relative;display:block;width:100%;}
.container .section_1 .layer_1 .img_list_area .background_box{display:block;width:100%;height:400px}
.container .section_1 .layer_1 .img_list_area .slick-active .background_box{opacity:1;}
.container .section_1 .layer_1 .img_list_area .banner_control{position:absolute;left:50%;margin-left:-50px;border-radius:13px;bottom:82px;padding-left:5px;z-index:1000;background-color:rgba(0,0,0,.5)}
.container .section_1 .layer_1 .img_list_area .banner_control button{display:inline-block;vertical-align:top}
.container .section_1 .layer_1 .img_list_area .banner_control .append_dots{display:inline-block;vertical-align:top}
.container .section_1 .layer_1 .img_list_area .banner_control .append_dots li{display:inline-block;vertical-align:top}
.container .section_1 .layer_1 .img_list_area .banner_control .banner_control_box{display:inline-block;vertical-align:top;height:20px;padding-right:14px}
.container .section_1 .layer_1 .img_list_area .banner_control .btn_prev{display:none}
.container .section_1 .layer_1 .img_list_area .banner_control .btn_next{display:none}
.container .section_1 .layer_1 .img_list_area .banner_control .btn_pause{width:11px;height:11px;overflow:hidden;text-indent:-9999px;background:url(../images/main/sp_main.png) no-repeat -40px -220px;margin:10px 0 10px 9px}
.container .section_1 .layer_1 .img_list_area .banner_control .btn_play{width:11px;height:11px;overflow:hidden;text-indent:-9999px;background:url(../images/main/sp_main.png) no-repeat -61px -220px;margin:10px 0 10px 9px}
.container .section_1 .layer_1 .img_list_area .banner_control .slick-dots button{width:11px;height:11px;overflow:hidden;text-indent:-9999px;background:url(../images/main/sp_main.png) no-repeat -20px -220px;margin-right:9px;margin:10px 0 10px 9px}
.container .section_1 .layer_1 .img_list_area .banner_control .slick-dots .slick-active button{width:11px;height:11px;overflow:hidden;text-indent:-9999px;background:url(../images/main/sp_main.png) no-repeat 0 -220px}


.container .section_1 .layer_1 .text_list_area{position:absolute;width:320px;top:108px;left:50%;margin-left:-160px;text-align:center;letter-spacing:-1px}
.container .section_1 .layer_1 .text_list_area .title{position:relative;display:inline-block;font-weight:normal;margin-bottom:31px;font-size:40px;line-height:42px;color:#fff;text-shadow:0px 2px 8px #000}
.container .section_1 .layer_1 .text_list_area .title:after{position:absolute;left:0;right:0;bottom:-10px;height:3px;background-color:#fff;content:'';}
.container .section_1 .layer_1 .text_list_area p{font-size:16px;line-height:22px;color:#fff;text-shadow:0px 0px 6px #000}


/* 서브메뉴 */
.container .submain_menu_area{border-bottom:1px solid #cdcdcd;}
.container .submain_menu{position:relative;overflow:hidden;max-width:1024px;height:50px;margin:-50px auto 0;background-color:#ebeff5;}
.container .submain_menu ul{text-align:right}
.container .submain_menu li{position:relative;display:inline-block;padding:0 23px;font-size:19px;color:#1d1d1d;line-height:50px;letter-spacing:-1px}
.container .submain_menu li:after{position:absolute;top:0;right:0;content:'|';color:#acacac;vertical-align:top}
.container .submain_menu li:last-child:after{display:none}

@media screen and (max-width:1024px) {
    .container .submain_menu{padding:0 20px;}
}

@media screen and (max-width:768px) {
    .container .submain_menu{display:none}
}


/*정보영역*/
.container .info_area{position:relative;background-color:#ebeff5;}
.container .info_area:before{position:absolute;top:400px;left:50%;margin-left:-720px;width:181px;height:156px;background:url(../images/main/bg_info_area_left.png) no-repeat;content:''}
.container .info_area:after{position:absolute;top:0;left:50%;margin-left:570px;width:181px;height:156px;background:url(../images/main/bg_info_area_right.png) no-repeat;content:''}
.container .info_wrap{max-width:1025px;margin:0 auto;padding:30px 0 28px;overflow:hidden;}
.container .info_area .colgroup_1{float:left;}
.container .info_area .colgroup_1 .pop_list_area{position:relative;width:512px;height:300px;}
.container .info_area .colgroup_1 .pop_list_area .pop_control{position:absolute;bottom:0;right:0;font-size:0px;}
.container .info_area .colgroup_1 .pop_list_area .pop_control .count{display:inline-block;width:55px;height:33px;line-height:33px;font-size:16px;color:#fff;text-align:center;background:rgba(0,0,0,.8);font-weight:300;vertical-align:bottom;}
.container .info_area .colgroup_1 .pop_list_area .pop_control .count .cnt{color:#ffe400;}
.container .info_area .colgroup_1 .pop_list_area .pop_control button{width:33px;height:33px;background:rgba(0,0,0,.8);overflow:hidden;text-indent:-9999px;margin-left:1px;position:relative;}
.container .info_area .colgroup_1 .pop_list_area .pop_control button.btn_prev:before{content:'';display:block;width:9px;height:18px;background:url(../images/main/sp_main.png) no-repeat -2px -149px;position:absolute;top:50%;left:50%;margin:-8px 0 0 -6px;}
.container .info_area .colgroup_1 .pop_list_area .pop_control button.btn_next:before{content:'';display:block;width:9px;height:18px;background:url(../images/main/sp_main.png) no-repeat -39px -149px;position:absolute;top:50%;left:50%;margin:-8px 0 0 -3px;}
.container .info_area .colgroup_1 .pop_list_area .pop_control button.btn_pause:before{content:'';display:block;width:10px;height:18px;background:url(../images/main/sp_main.png) no-repeat -71px -149px;position:absolute;top:50%;left:50%;margin:-8px 0 0 -4px;}
.container .info_area .colgroup_1 .pop_list_area .pop_control button.btn_play:before{content:'';display:block;width:10px;height:18px;background:url(../images/main/sp_main.png) no-repeat -99px -149px;position:absolute;top:50%;left:50%;margin:-8px 0 0 -3px;}

.container .info_area .colgroup_1 .lesson_area{margin-top:10px;border:1px solid #4776af;background:url(../images/main/bg_lesson_area.jpg) repeat}
.container .info_area .colgroup_1 .lesson_area ul{overflow:hidden;padding:24px 0 18px;}
.container .info_area .colgroup_1 .lesson_area ul li{display:block;float:left;width:24%;text-align:center;}
.container .info_area .colgroup_1 .lesson_area ul li a{display:inline-block;}
.container .info_area .colgroup_1 .lesson_area ul li a .thumb{width:99px;height:96px;}
.container .info_area .colgroup_1 .lesson_area ul li a .thumb img{width:100%;height:100%;}
.container .info_area .colgroup_1 .lesson_area ul li:first-child{text-align:left;width:26%;padding-left:20px}
.container .info_area .colgroup_1 .lesson_area ul li:last-child{text-align:right;width:26%;padding-right:20px}
.container .info_area .colgroup_1 .lesson_area ul li .title{display:block;text-align:center;font-weight:300;color:#fff;font-size:16px;padding-top:7px;letter-spacing:-1px;}

.container .info_area .colgroup_2{float:left;margin-left:10px;}
.container .info_area .colgroup_2 .notice_area{border:1px solid #c9c9c9;padding:10px 21px;width:503px;position:relative;background-color:#fff}
.container .info_area .colgroup_2 .notice_area .title{height:45px;line-height:45px;font-size:18px;color:#3c3c3c;border-bottom:1px solid #c9c9c9;position:relative;}
.container .info_area .colgroup_2 .notice_area .title:after{content:'';display:block;width:68px;height:3px;background:#007754;position:absolute;top:41px;left:0px;}
.container .info_area .colgroup_2 .notice_area ul{padding:22px 0 18px;}
.container .info_area .colgroup_2 .notice_area ul li + li{margin-top:6px;}
.container .info_area .colgroup_2 .notice_area ul li:before{content:'';display:block;float:left;width:3px;height:3px;border-radius:3px;background:#3c3c3c;margin:10px 7px 0 0;}
.container .info_area .colgroup_2 .notice_area ul li a{font-weight:300;font-size:16px;color:#3c3c3c;position:relative;display:block;position:relative;}
.container .info_area .colgroup_2 .notice_area ul li a .cont{display:block;padding-right:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.container .info_area .colgroup_2 .notice_area ul li a .date{display:inline-block;position:absolute;top:0px;right:0px;}
.container .info_area .colgroup_2 .more{display:block;width:18px;height:18px;position:absolute;top:23px;right:25px;}
.container .info_area .colgroup_2 .more:before{content:'';display:block;width:18px;height:2px;background:#878787;position:absolute;left:0;top:8px;}
.container .info_area .colgroup_2 .more:after{content:'';display:block;width:2px;height:18px;background:#878787;position:absolute;left:8px;top:0px;}

.container .info_area .colgroup_2 .notice_area + .notice_area{margin-top:-1px;}
.container .info_area .colgroup_2 .notice_area.v2{background:#f6f4f5;}
.container .info_area .colgroup_3{display:none;}

@media screen and (max-width:1041px) {
    .container .info_wrap{padding:30px 20px 28px;}
    .container .info_area .colgroup_2{margin-left:10px;width:calc(100% - 522px);}
    .container .info_area .colgroup_2 .notice_area{width:100%}
}

@media screen and (max-width:860px) {
    .container .info_area .colgroup_1{float:none;}
    .container .info_area .colgroup_1 .pop_list_area{width:100%;height:auto;}
    .container .info_area .colgroup_1 .pop_list_area a{display:block}
    .container .info_area .colgroup_1 .pop_list_area .img_wrap img{display:block;width:100%;max-width:100%;max-height:100%;}
    .container .info_area .colgroup_1 .lesson_area{display:none;}
    .container .info_area .colgroup_2{margin:20px 0 0;width:100%;float:none;}

    .container .info_area .colgroup_3{display:block;margin-top:20px;border:1px solid #4776af;background:url(../images/main/bg_lesson_area.jpg) repeat}
    .container .info_area .colgroup_3 .lesson_area ul{overflow:hidden;padding:24px 0 18px;}
    .container .info_area .colgroup_3 .lesson_area ul li{display:block;float:left;width:27%;text-align:center;}
    .container .info_area .colgroup_3 .lesson_area ul li a{display:inline-block;}
    .container .info_area .colgroup_3 .lesson_area ul li a .thumb{width:99px;height:96px;}
    .container .info_area .colgroup_3 .lesson_area ul li a .thumb img{width:100%;height:100%;}
    .container .info_area .colgroup_3 .lesson_area ul li:first-child{text-align:left;width:23%;padding-left:20px}
    .container .info_area .colgroup_3 .lesson_area ul li:last-child{text-align:right;width:23%;padding-right:20px}
    .container .info_area .colgroup_3 .lesson_area ul li .title{display:block;font-weight:300;color:#fff;font-size:16px;padding-top:7px;letter-spacing:-1px;}

}
@media screen and (max-width:520px) {
    .container .info_area .colgroup_3 .lesson_area ul li{width:50% !important;text-align:center !important;}
    .container .info_area .colgroup_3 .lesson_area ul li:nth-child(n+3){margin-top:25px;}
}

@media screen and (max-width:460px) {
    .container .info_area .colgroup_2{margin-top:10px;}
    .container .info_area .colgroup_2 .notice_area.v2{margin-top:10px;}
    .container .info_area .colgroup_1 .pop_list_area .pop_control .count{width:43px;height:25px;line-height:25px;font-size:12px;}
    .container .info_area .colgroup_1 .pop_list_area .pop_control button{width:25px;height:25px;}
    .container .info_area .colgroup_1 .pop_list_area .pop_control button.btn_prev:before{width:8px;height:13px;margin: -6px 0 0 -4px;background-position:0 -183px;}
    .container .info_area .colgroup_1 .pop_list_area .pop_control button.btn_next:before{width:8px;height:13px;margin: -6px 0 0 -4px;background-position:-27px -183px;}
    .container .info_area .colgroup_1 .pop_list_area .pop_control button.btn_pause:before{width:7px;height:13px;margin: -6px 0 0 -4px;background-position:-51px -183px;}
    .container .info_area .colgroup_1 .pop_list_area .pop_control button.btn_play:before{width:8px;height:13px;margin: -6px 0 0 -4px;background-position:-76px -183px;}
    
}