@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 .service_area{background:url(../images/main/bg_service_area.jpg) no-repeat 50% 0% #2f4872;}
.container .service_wrap{max-width:1024px;margin:0 auto;overflow:hidden;}
.container .service_area .title{display:block;font-size:26px;color:#97bcff;float:left;padding-top:65px;width:120px;letter-spacing:-1px;}
.container .service_area .title span{display:block;font-size:30px;font-weight:500;color:#fff;margin-top:12px;}
.container .service_area ul{display:block;float:left;overflow:hidden;width: calc(100% - 120px);}
.container .service_area ul li{float:left;width:16.66666666666667%;padding:30px 0 34px;}
.container .service_area ul li a{float:right;display:block;text-align:center;}
.container .service_area ul li a .thumb img{display:block;margin:0 auto;}
.container .service_area ul li a .name{color:#fff;font-size:16px;font-weight:300;padding-top:8px;display:block;text-align:center;}

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

@media screen and (max-width:768px) {
    .container .service_area .title{display:none;}
    .container .service_area ul{width:100%;}
    .container .service_area ul li a{float:none;margin:0 auto;}
    .container .service_wrap{padding:0 5px;}
}

@media screen and (max-width:639px) {
    .container .service_area ul li{width:33.3%;padding-bottom:23px;}
    .container .service_area ul li:nth-child(n+4){padding-top:0;}
}

@media screen and (max-width:414px) {
    .container .service_area ul li a .thumb img{width:80px;}
}

/*정보영역*/
.container .info_area{position:relative;}
.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 -3px;}
.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{}
.container .info_area .colgroup_1 .lesson_area ul{overflow:hidden;padding:32px 0 0;}
.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;font-weight:300;color:#1d1d1d;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:11px 21px;width:503px;position:relative;}
.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:#0950a0;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:10px;}
.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;}
    .container .info_area .colgroup_3 .lesson_area ul{overflow:hidden;padding:32px 0 0;}
    .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%;}
    .container .info_area .colgroup_3 .lesson_area ul li:last-child{text-align:right;width:23%}
    .container .info_area .colgroup_3 .lesson_area ul li .title{display:block;font-weight:300;color:#1d1d1d;font-size:16px;padding-top:7px;letter-spacing:-1px;}

}

@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;}
    .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;}
}


.photo_area{position:relative;padding-bottom:15px;}
.photo_area .info_wrap{padding-top:0;}
.photo_area h2{height:45px;line-height:45px;font-size:18px;color:#3c3c3c;border-bottom:1px solid #c9c9c9;position:relative;}
.photo_area h2:after{content:'';display:block;width:68px;height:3px;background:#0950a0;position:absolute;top:41px;left:0px;}
.photo_area .slick-photo{position:relative;margin:20px -5px 0;}
.photo_area .slick-photo .slick-slide{padding:0 5px;}
.photo_area .slick-photo span{display:block;line-height:1.2;margin-top:7px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;font-weight:300;}
.photo_area .slick-arrow{position:absolute;right:5px;top:-50px;width:30px;height:30px;overflow:hidden;font-size:0;display:flex !important;align-items:center;justify-content:center;background:rgba(0,0,0,.8)}
.photo_area .slick-arrow.slick-prev{right:40px;}
.photo_area .slick-arrow:after{content:'';width:9px;height:18px;background:url(../images/main/sp_main.png) no-repeat -2px -149px;}
.photo_area .slick-arrow.slick-next:after{background-position-x:-39px;}

@media screen and (max-width:1023px) {
    .photo_area .info_wrap{padding-bottom:15px;}
    .photo_area .slick-arrow{display:none !important;}
    .photo_area .slick-photo{margin:20px -20px 0;}
    .photo_area .slick-photo .slick-slide{width:240px;}
}

@media screen and (max-width:716px) {
    .photo_area .slick-photo .slick-slide{width:230px;}
}