@charset "utf-8";

/* 페이지 스타일 공통 */
.pagecommon{padding-bottom:50px;position:relative;font-size:16px;letter-spacing:-.3px;line-height:1.8;color:#777;font-family:'notokr-regular'  !important}
.pagecommon .br{white-space:pre-line}

/*학원소개*/
#p6 .cont_wrap .tit{margin-bottom:60px;text-align:center}
#p6 .cont_wrap .tit .e_tit{margin-bottom:20px;font-weight:600;font-size:13px;font-family:'Poppins';color:var(--primary-r);letter-spacing:0}
#p6 .cont_wrap .tit .tit_txt{position:relative;margin:8px 0 0;font-size:30px;color:#222}
#p6 .cont_wrap .tit .tit_txt b{font-weight:normal;font-family:'notokr-bold'}
#p6 .cont_wrap .tit .tit_txt span{display:inline-block;position:relative;font-size:36px;font-family:'notokr-light'}
#p6 .cont_wrap .tit  .br{font-size:17px;line-height:30px}
#p6 .cont_wrap .tit .tit_txt span:before{display:block;content:"";position:absolute;left:-15px;bottom:4px;width:calc(100% + 30px);height:20px;background:rgba(21, 136, 169, .2);z-index:-1}
#p6 .cont_wrap .tit .tit_txt:after{display:block;width:65px;height:1px;margin:30px auto;background:#e1e1e1;content:'';}
#p6 .cont_wrap .s_tit{position:relative;display:inline-block;height:180px;margin:-110px auto 0 6%;padding:25px 80px 25px 50px;background:#3699d7;color:#fff}
#p6 .cont_wrap .s_tit:after{position:absolute;content:'';bottom:0;right:-69px;width:80px;height:120px;background:#3699d7}
#p6 .cont_wrap .s_tit:before{position:absolute;content:'';top:23px;right:-62px;width:91px;height:58px;transform:rotate(40deg);background:#3699d7}
#p6 .cont_wrap .s_tit .e_tit{font-weight:600;font-size:13px;font-family:'Poppins';letter-spacing:0}
#p6 .cont_wrap .s_tit p{margin-top:15px;font-size:30px;line-height:1.4;font-family:'notokr-light'}
#p6 .cont_wrap .s_tit p span{font-family:'notokr-bold'}
#p6 .cont_wrap .img{max-width:1070px;width:100%}
#p6 .cont_wrap .info{position:relative;margin:70px auto 0;padding-left:calc(6% + 50px)}
#p6 .cont_wrap .info ul{overflow:hidden;margin:35px 0;white-space:normal}
#p6 .cont_wrap .info ul li{position:relative;float:left;width:30%;height:175px;padding:25px;border:1px solid #e1e1e1;background:#fff}
#p6 .cont_wrap .info ul li:after{position:absolute;width:65px;height:65px;top:16px;right:15px;content:'';background:no-repeat}
#p6 .cont_wrap .info ul li:nth-child(1):after{background-image:url('/sh_page/img/p6_icon01.png')}
#p6 .cont_wrap .info ul li:nth-child(2):after{background-image:url('/sh_page/img/p6_icon02.png')}
#p6 .cont_wrap .info ul li:nth-child(3):after{background-image:url('/sh_page/img/p6_icon03.png')}
#p6 .cont_wrap .info ul li + li{margin-left:17px}
#p6 .cont_wrap .info ul li i{display:inline-block;margin-bottom:35px;padding:3px 8px;font-style:normal;font-weight:600;font-size:13px;font-family:'Poppins';background:#3699d7;color:#fff;letter-spacing:0}
#p6 .cont_wrap .info ul li p{font-size:18px;font-family:'notokr-bold';color:#333}
#p6 .cont_wrap .info span{font-family:'notokr-medium';color:#333}
#p6 .cont_wrap .info .line{text-decoration:underline}

/*온라인 클래스*/
#class{margin-top:-67px}
#class .tit{width:80%;margin:0 auto 35px}
#class .tit .num{padding:10px 30px;border-radius:0 0 100px 100px;font-weight:600;font-size:13px;font-family:'Poppins';background:#3699d7;color:#fff;letter-spacing:0}
#class .tit .e_tit{display:block;margin-top:35px;font-weight:600;font-size:13px;font-family:'Poppins';color:#3699d7;letter-spacing:0}
#class .tit p{position:relative;display:inline-block;margin-right:60px;font-size:30px;font-family:'notokr-light';color:#222}
#class .tit p:after{position:absolute;top:15px;right:-30px;content:'';width:1px;height:20px;background:#e1e1e1}
#class .tit p span{position:relative;font-family:'notokr-bold'}
#class .tit p span:before{display:block;content:"";position:absolute;left:-5px;bottom:4px;width:calc(100% + 10px);height:20px;background:rgba(21, 136, 169, .2);z-index:-1}
#class .tit .txt{vertical-align:super}
#class .img{max-width:1070px;width:100%}
#class .point{width:75%;margin:0 auto}
#class .point .p_tit{position:relative;margin-top:-50px;padding:20px;font-size:24px;font-family:'notokr-medium';text-align:center;background:#3699d7;color:#fff}
#class .point .p_tit:after{position:absolute;bottom:-4px;left:48%;content:'';width:20px;height:20px;background:#3699d7;transform:rotate(45deg);}
#class .point ul{overflow:hidden;margin:50px 0 70px}
#class .point ul li{float:left;position:relative;width:33%;padding-top:150px;font-size:18px;font-family:'notokr-medium';text-align:center;color:#222;word-break:keep-all;background:top no-repeat}
#class .point ul li + li:after{position:absolute;top:15px;left:0;content:'';width:1px;height:140px;background:#e1e1e1}
#class .point ul li span{color:#3699d7}
#class .point ul li:nth-child(1){background-image:url('/sh_page/img/p10_icon01.png')}
#class .point ul li:nth-child(2){background-image:url('/sh_page/img/p10_icon02.png')}
#class .point ul li:nth-child(3){background-image:url('/sh_page/img/p10_icon03.png')}
#class .point .br{text-align:center}
#class .point .br span{font-family:'notokr-medium';color:#333;text-decoration:underline}

/* 반응형 [s] */
@media (max-width:1280px){
.pagecommon{font-size:15px}
.pagecommon .br{white-space:normal;word-break:keep-all}
#p6 .cont_wrap .s_tit p{font-size:26px}
#p6 .cont_wrap .info ul li{height:190px}
#p6 .cont_wrap .info{padding-left:6%}
#p6 .cont_wrap .info ul li:after{width:45px;height:45px;background-size:100%}
#class .tit{text-align:center}
#class .tit p{margin-right:0}
#class .tit p:after{display:none}
#class .tit .txt{display:block}
}
@media (max-width:1024px){
.pagecommon{font-size:14px}
#p6 .cont_wrap .tit{margin-bottom:40px}
#p6 .cont_wrap .tit .tit_txt span{font-size:32px}
#p6 .cont_wrap .tit .br{font-size:14px;line-height:1.8}
#p6 .cont_wrap .info{margin-top:40px}
#class{margin:0}
#class .tit p{font-size:}
#class .tit{margin:0 auto;padding:30px 0}
}
@media (max-width:768px){
#p6 .cont_wrap .tit .tit_txt span{font-size:28px}
#p6 .cont_wrap .s_tit{display:block;width:calc(100% - 30px);height:auto;margin:-30px auto 40px;padding:25px 30px}	
#p6 .cont_wrap .s_tit p{width:auto;font-size:24px}
#p6 .cont_wrap .s_tit:before, #p6 .cont_wrap .s_tit:after{display:none}
#p6 .cont_wrap .info{padding:0 15px}
#p6 .cont_wrap .info ul li{width:calc((100% / 3) - 8px);padding:15px 0 0 15px;word-break:keep-all}
#p6 .cont_wrap .info ul li+li{margin-left:12px}	
#p6 .cont_wrap .info ul li p{font-size:16px}
#class .tit p{font-size:28px}
#class .point .p_tit{margin-top:-30px;font-size:20px}
#class .point ul{margin:40px 0}
#class .point ul li{float:none;width:100%;padding:35px 0 35px 130px;text-align:left; background-size:85px}
#class .point ul li{background-position:20px !important}
#class .point ul li+li{margin-top:25px}
#class .point ul li + li:after{top:-12px;width:100%;height:1px}
#class .point ul li p{display:inline-block}
}
@media (max-width:480px){
#p6{padding-top:30px}
#p6 .cont_wrap .tit .tit_txt:after{margin:20px auto}
#p6 .cont_wrap .tit .tit_txt span{font-size:24px}
#p6 .cont_wrap .s_tit p{font-size:20px}
#p6 .cont_wrap .info ul li{float:none;width:100%;height:auto;padding:15px}
#p6 .cont_wrap .info ul li+li{margin:10px 0 0}
#p6 .cont_wrap .info ul li i{margin-bottom:15px}
#class .tit p{font-size:24px}
#class .point{width:100%;padding:0 15px}
#class .point .p_tit{padding:10px 0;font-size:18px}
#class .point ul li{padding:25px 0 25px 130px;line-height:1.6}
#class .point ul li p{display:block}
}
/* 반응형 [e] */