@charset "utf-8";
#include01_wrapper{letter-spacing:-.3px;font-family:'notokr-regular'}
#include01_wrapper:after {content:""; display:block; clear:both}

/* OurProgram */
.index01{float:left;width:900px}
.index01 .tit{padding:46px 0 29px}
.index01 .tit span{margin-left:15px;font-size:14px;color:#888;font-weight:normal;font-family:'notokr-regular'}

.index01 ul{width:900px;height:600px}
.index01 ul:after {content:""; display:block; clear:both}
.index01 ul li{float:left;width:300px;height:300px;;background:#fff}
.index01 ul li > a{display:block;position:relative;width:300px;height:300px;padding:30px;border:1px solid #ddd;background:#fff}
.index01 ul li:nth-child(1) a{border-right:none;border-bottom:none}
.index01 ul li:nth-child(2) a{border-right:none;border-bottom:none}
.index01 ul li:nth-child(3) a{border-bottom:none}
.index01 ul li:nth-child(4) a{border-right:none}
.index01 ul li:nth-child(5) a{border-right:none}
.index01 ul li a::after{content:'';display:block;position:absolute;top:37px;left:30px;width:40px;height:32px}
.index01 ul li:nth-child(1) a::after{background:url(/sh_img/make24/include/include_01/img/index01_icon01.png)no-repeat}
.index01 ul li:nth-child(2) a::after{background:url(/sh_img/make24/include/include_01/img/index01_icon02.png)no-repeat}
.index01 ul li:nth-child(3) a::after{background:url(/sh_img/make24/include/include_01/img/index01_icon03.png)no-repeat}
.index01 ul li:nth-child(4) a::after{background:url(/sh_img/make24/include/include_01/img/index01_icon04.png)no-repeat}
.index01 ul li:nth-child(5) a::after{background:url(/sh_img/make24/include/include_01/img/index01_icon05.png)no-repeat}

.index01 ul li .box_tit{padding-top:116px;font-size:19px;color:#222;font-family:'notokr-bold'}
.index01 ul li .box_txt{padding-top:19px;font-size:15px;line-height:26px;color:#888}
.index01 ul li .more{display:block;position:absolute;top:50px;right:45px;width:23px;height:1px;background:#222}
.index01 ul li .more::after{display:block;content:'';position:absolute;top:0px;right:0px;width:23px;height:1px;background:#fff;transition:.5s;opacity:0}

/* OurProgram:hover */
.index01 ul li:not(.cont_box) a{transition:.3s}


/* 교육특강 */
.index01 .cont_box{position:relative;text-align:center;background:url(/sh_img/make24/include/include_01/img/index01_box_bg.png)no-repeat;background-size:cover;cursor:pointer}
.index01 .cont_box a{border:none;background:none}
.index01 .cont_box .cont_tit{padding-top:50px;font-size:20px;color:#fff;font-family:'notokr-bold'}
.index01 .cont_box .cont_txt{padding:10px 0 20px;font-size:15px;line-height:25px;color:#fff;opacity:.65}
.index01 .cont_box span{display:inline-block;position:relative;padding:0 5px 10px;font-size:14px;color:#fff;font-family:'notokr-medium'}
.index01 .cont_box span:before, .index01 .cont_box span:after{content:'';display:block;position:absolute;bottom:0;width:80%;height:3px;-webkit-transition:width .4s;transition:width .4s;-webkit-transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000);transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000)}
.index01 .cont_box span:before{width:100%;right:0;background:#fff;-webkit-transition-delay:.2s;transition-delay:.2s}
.index01 .cont_box span:after{width:0;left:0;background:#ffae00;-webkit-transition-delay:0s;transition-delay:0s}
.index01 .cont_box:hover span:before{width:0;transition-delay:0s}
.index01 .cont_box:hover span:after{width:100%;-webkit-transition-delay:.2s;transition-delay:.2s} 
.index01 .cont_box span img{margin-left:5px}

/*라테스트 뉴스*/
.index02{float:right;width:300px;height:415px;padding:52px 0px 73px 40px;color:#222}
.index02 .tit{position:relative;cursor:pointer}
.index02 .tit::after{content:'';display:block;width:100%;height:1px;margin-top:23px;background:#222}
.index02 .tit span{position:absolute;right:0;top:13%;font-size:13px;margin-top:-1px;font-family:'notokr-regular'}
.index02 .sh_latest .subj{margin-bottom:10px;line-height:24px;color:#333;font-size:14px;font-family:'notokr-medium'}
.index02 .sh_latest ul li{font-size:14px;color:#888;font-family:'notokr-regular'}
.index02 .sh_latest ul li:first-child{padding-bottom:50px;margin:35px 0 19px;border-bottom:1px solid #e1e1e1}

/* 반응형 [s] */
@media(hover:hover){
.index01 ul li:not(.cont_box):hover a{z-index:999;background:#ffae00;box-shadow: 0px 0px 20px 12px rgba(255,174,0,0.21)}
.index01 ul li:hover .box_tit{color:#fff}
.index01 ul li:hover .box_txt{color:#fff}
.index01 ul li:hover .more{background:#fff}
.index01 ul li:hover .more::after{opacity:1;transform:rotate(90deg)}
.index01 ul li:nth-child(1):hover a::after{background:url(/sh_img/make24/include/include_01/img/index01_icon01_hover.png)no-repeat}
.index01 ul li:nth-child(2):hover a::after{background:url(/sh_img/make24/include/include_01/img/index01_icon02_hover.png)no-repeat}
.index01 ul li:nth-child(3):hover a::after{background:url(/sh_img/make24/include/include_01/img/index01_icon03_hover.png)no-repeat}
.index01 ul li:nth-child(4):hover a::after{background:url(/sh_img/make24/include/include_01/img/index01_icon04_hover.png)no-repeat}
.index01 ul li:nth-child(5):hover a::after{background:url(/sh_img/make24/include/include_01/img/index01_icon05_hover.png)no-repeat}
}
@media (max-width:1400px){
#include01_wrapper{padding:0 50px}
.index01{float:none;width:100%}
.index01 ul{width:100%;height:auto}
.index01 ul li{width:33.33%}
.index01 ul li > a{width:100%}
.index02{float:none;width:100%;height:auto;padding:50px 0}
}
@media (max-width:940px){
#include01_wrapper{padding:0 20px}
.index01 ul li{width:50%;height:auto}
.index01 ul li .box_tit{padding-top:60px}
.index01 ul li > a{height:auto}
.index01 ul li:nth-child(2) a{border-right:1px solid #e1e1e1}
.index01 ul li:nth-child(4) a{border-left:none;border-right:1px solid #e1e1e1}
.index01 .cont_box{height:221px}
.index01 .cont_box .cont_tit{padding-top:0}
.index01 .cont_box .cont_txt{padding:20px 0}
}
@media (max-width:600px){
.index01 .tit span{display:block;margin-left:0}
.index01 ul li{width:100%}
.index01 ul li a{border:1px solid #e1e1e1 !important}
.index01 ul li+li{margin-top:-1px}
.index01 .cont_box{height:auto}
.index01 .cont_box .cont_tit{padding-top:0}
}
@media (max-width:320px){
#include01_wrapper{padding:0 15px}
.index02 .tit span{display:block;position:unset;margin-top:12px}
}
/* 반응형 [e] */