@charset "utf-8";
#include02_wrapper{position:relative;padding-top:241px;background:url('./img/inc02_bg.png') no-repeat right 296px}

/*달력*/
#calendar_area{position:relative;max-width:1200px;margin:0 auto}
#calendar_area:before{position:absolute;left:0;top:13px;content:'';width:1px;height:1154px;background:#e5e5e5}
#calendar_area #calendar_wrap{overflow:hidden}
#calendar_area #calendar_wrap .inner{position:relative;width:100%}
#calendar_area #calendar_wrap .calendar_tit{margin-bottom:22px;font-size:13px;font-weight:600;color:#aaa;font-family:'Poppins', sans-serif}
#lat_calendar_Wrap{position:relative;float:left;width:50%;padding:120px 50px 0;clear:both}
#lat_calendar_Wrap .cal_wrap{overflow:hidden;position:relative;width:100%;margin-top:19px}

#lat_calendar_Wrap .cal_wrap .notdate{display:none;position:absolute;top:0;left:0;width:90%;padding:8px 5%;margin:0;color:#fff;text-align:center;z-index:10;background:#000;background:rgba(0,0,0,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)}
#lat_calendar_Wrap table.tbl_calendar{width:92%;height:100%;margin:0 auto;border-collapse:collapse}
#lat_calendar_Wrap table.tbl_calendar .ca_red{color:#eb4141}
#lat_calendar_Wrap table.tbl_calendar .ca_blue{color:#208de1}
#lat_calendar_Wrap table.tbl_calendar thead th{width:34px;height:40px;font-weight:normal;font-size:15px;color:#444;line-height:40px;font-family:'Noto Sans KR'}
#lat_calendar_Wrap table.tbl_calendar tbody#change_area td {position:relative;padding:0;text-align:center;vertical-align:middle}
#lat_calendar_Wrap table.tbl_calendar tbody#change_area td p{padding:0}
#lat_calendar_Wrap table.tbl_calendar tbody#change_area td button{position:relative;display:block;width:100%;height:40px;font-size:15px;line-height:24px;font-family:'Poppins', sans-serif;outline:none !important}
#lat_calendar_Wrap table.tbl_calendar tbody#change_area .select button{color:#fff;outline:none;background:url('./img/select_bg.png') no-repeat center}

#lat_calendar_Wrap table.tbl_calendar tbody#change_area td button.subject{cursor:pointer}
#lat_calendar_Wrap table.tbl_calendar tbody#change_area td button.subject:before{position:absolute;top:1px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:100%;background:#e56666;content:""}
#lat_calendar_Wrap table.tbl_calendar tbody#change_area .select button.subject:before{background:#fff}
#lat_calendar_Wrap table.tbl_calendar tbody#change_area td.gray{color:#bbb}
#lat_calendar_Wrap table.tbl_calendar tbody#change_area td.exist a:before{position:absolute;left:calc(50% - 2px);bottom:8px;content:'';width:4px;height:4px;border-radius:4px;background:#c40009}
#lat_calendar_Wrap table.tbl_calendar tbody#change_area td.today a{border-radius:48px;color:#fff;background:#c40009}

#lat_calendar_Wrap .title_wrap{position:absolute;right:0;top:47px;width:83px;height:36px;border-radius:50px;background:#f2f2f2;z-index:100}
#lat_calendar_Wrap .title_wrap:before{position:absolute;left:41px;top:13px;content:'';width:1px;height:10px;background:rgba(106,171,50,.2)}
#lat_calendar_Wrap .title_wrap .np_btn{display:block;float:left;width:50%;height:36px;color:#9a9a9a;transition:all .3s;cursor:pointer}
#lat_calendar_Wrap .title_wrap .prev_btn{background:url('./img/prev_off.png') no-repeat 19px center}
#lat_calendar_Wrap .title_wrap .prev_btn:hover{background:url('./img/prev_on.png') no-repeat 19px center}
#lat_calendar_Wrap .title_wrap .next_btn{background:url('./img/next_off.png') no-repeat 17px center}
#lat_calendar_Wrap .title_wrap .next_btn:hover{background:url('./img/next_on.png') no-repeat 17px center}

#lat_calendar_Wrap .calbtn.year,#lat_calendar_Wrap .calbtn.month{position:relative;width:100%;padding-bottom:5px;border-bottom:1px solid #aaa;line-height:48px}

#lat_calendar_Wrap .calbtn .day_select .h3_box{display:inline-block;font-size:22px;font-weight:700;color:#333;font-family:'Poppins', sans-serif}
#lat_calendar_Wrap .calbtn .day_select .h3_box span{color:#77bf39}
#lat_calendar_Wrap .calbtn .day_select h3{display:inline-block;font-weight:700;font-family:'Poppins', sans-serif}
#lat_calendar_Wrap .calbtn .day_select ul {display:none;position:absolute;left:-30px;z-index:9999;width:120px;border:1px solid #ddd;font-size:14px;line-height:28px;background:#fff;font-family:'Noto Sans KR';font-weight:500}
#lat_calendar_Wrap .calbtn .day_select li a {display:block;padding:0 2px;color:#444}
#lat_calendar_Wrap .calbtn .day_select li a:hover {background:#2f333a;color:#ddd}
#lat_calendar_Wrap .calbtn .day_select .monthwrap{left:-40px}

.subja{display:block;overflow:hidden;padding:4px 0;width:100%;border:0;background:none;font-size:14px;color:#666;text-overflow:ellipsis;white-space:nowrap;font-family:'Noto Sans KR'}
.bo_0s{border-bottom:0!important}
.close_vinf{display:block;position:absolute;top:10px;right:10px;width:25px;height:25px;font-size:14px;color:#333;text-align:center;font-size:16px;font-family:'Noto Sans KR';font-weight:700}

/*스케줄 리스트*/
.schedule_wrap{float:left;width:50%;min-height:596px;padding:70px 50px 102px 50px;background:#f5f5f5}
.schedule_tit{padding:87px 0 19px 14px;border-bottom:1px solid #a5a5a5;font-size:28px;color:#222;font-family:'Noto Sans KR';font-weight:700}
.schedule_tit a{float:right;margin-top:24px;font-size:14px;font-family:'Noto Sans KR';font-weight:500}
.calendar_list{list-style:none}
.calendar_list li{border-bottom:1px dashed #ddd;line-height:25px}
.calendar_list li.no{padding:112px 0;text-align:center}
.calendar_list li a{display:block;height:100%;padding:16px 0;overflow:hidden}
.calendar_list li:last-child{border-bottom:none}
.calendar_list li .lt_date{float:left;width:108px;height:52px;padding:0 17px;border:1px solid #b6da97;border-radius:50px;font-size:12px;font-weight:600;line-height:52px;color:rgba(51,51,51,.8);background-color:#fafafa;transition:all .2s;font-family:'Poppins', sans-serif}
.calendar_list li .lt_date .day{display:block;float:right;font-size:18px;color:#77bf39;transition:all .2s}
.calendar_list li .lt_tit{float:left;width:calc(100% - 108px);padding-left:16px;font-family:'Noto Sans KR';overflow:hidden}
.calendar_list li .lt_tit .tit{width:100%;font-size:15px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:'Noto Sans KR';font-weight:500}
.calendar_list li .lt_tit .date{width:100%;font-size:13px;color:#888;font-family:'Poppins', sans-serif}

/* 교육안내 */
.info_wrap{position:relative;max-width:1200px;height:471px;margin:0 auto}
.info_wrap:after{position:absolute;right:0;bottom:-149px;content:'';width:50%;height:149px;background:#f5f5f5}
.info_wrap .img{position:relative;float:right;width:58%;height:100%;background:url('./img/info_bg.jpg') no-repeat center;background-size:cover}
.info_wrap .img:before{position:absolute;left:-44px;top:55px;content:'';width:87px;height:87px;background:url('./img/icon.png') no-repeat center #77be3a}
.info_wrap .txt{position:relative;float:left;width:38%;padding-left:50px}

.info_wrap .info_tit{padding-top:118px;font-size:33px;color:#222;font-family:'Noto Sans KR';font-weight:300}
.info_wrap .info_tit span{font-family:'Noto Sans KR';font-weight:700}
.info_wrap .info_txt{padding-top:24px;font-size:15px;line-height:26px;color:#888;white-space:pre-line;font-family:'Noto Sans KR'}
.info_wrap .info_btn{display:block;width:229px;height:62px;margin-top:53px;border:1px solid #ddd;border-radius:3px;font-size:14px;text-align:center;line-height:62px;color:#444;background:#fff;transition:all .3s;font-family:'Noto Sans KR';font-weight:500}

/* 반응형 [s] */
@media (hover:hover) {
.calendar_list li a:hover .lt_date{border:1px solid #77bf39;color:rgba(255,255,255,.8);background-color:#77bf39}
.calendar_list li a:hover .lt_date .day{color:#fff}
.info_wrap .info_btn:hover{border:1px solid #77be3a;color:#fff;background:#77be3a}
}
@media (max-width:1400px){
#include02_wrapper{padding-top:0;margin-top:-150px}
#calendar_area:before{display:none}
#calendar_area #calendar_wrap{padding-top: 32px;}
}
@media (max-width:1024px){
#lat_calendar_Wrap{padding:120px 20px 0}
.schedule_wrap{min-height:540px;padding:70px 20px 0}
.info_wrap{height:400px;background-color:#000}
.info_wrap .img{position:absolute;width:100%;left:0;top:0;opacity:.6}
.info_wrap .img:before{display:none}
.info_wrap .txt{position:absolute;float:none;left:0;top:50%;width:100%;padding:0 20px;z-index:1;transform:translateY(-50%)}
.info_wrap .info_tit{padding-top:0;font-size:29px;color:#fff}
.info_wrap .info_txt{color:rgba(255, 255, 255, 0.75)}
.info_wrap .info_btn{width:168px;margin-top:30px;border:none;color:#fff;background-color:#77bf39}
.schedule_tit a{margin-top:0;padding:7px 10px;border-radius:3px;color:#fff;background-color:#484848}
.info_wrap:after{display:none}
}
@media (max-width:768px){
#include02_wrapper{margin:0;background:none}
#lat_calendar_Wrap{float:none;width:100%;padding:0 20px 20px}
#lat_calendar_Wrap .calbtn .day_select .h3_box{display:block;text-align:center}
#lat_calendar_Wrap .title_wrap{top:20px}
#calendar_area #calendar_wrap .calendar_tit{margin-bottom:0;text-align:center}
#calendar_area{padding:30px 20px 50px}
#calendar_area #calendar_wrap{padding-top:30px;border:solid 1px #e1e1e1;background:url('./img/inc02_bg.png') no-repeat right 180%}
.schedule_wrap{float:none;width:100%;min-height:auto;padding:30px 20px;border-top:dashed 1px #e1e1e1;background:none}
.schedule_tit{padding:0 0 15px;font-size:23px}
.calendar_list li .lt_date{background:none}
.info_wrap .info_tit{font-size:29px}
.info_wrap .info_btn{height:56px;line-height:56px}
}
@media (max-width:480px){
#lat_calendar_Wrap .calbtn .day_select .h3_box, #calendar_area #calendar_wrap .calendar_tit{text-align:left}
.info_wrap{height:360px}
.info_wrap .info_tit{font-size:25px;font-family:'Noto Sans KR';font-weight:700}
.calendar_list li .lt_date{height:45px;width:58px;padding:3px 0;border:none;line-height:1.3;text-align:center}
.calendar_list li .lt_date .day{float:none}
.calendar_list li .lt_tit{width:calc(100% - 58px);padding-left:10px}
}
@media (max-width:380px){
.info_wrap .info_txt{ white-space:normal}
}
/* 반응형 [e] */