@charset "utf-8";
ul {margin:0;padding:0}
li{list-style:none}
img {border:0}
a {text-decoration:none}

@font-face {font-family:ngb;src:url(http://www.hdweb.co.kr/NanumGothicBold.eot)}
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
#comingsoon {width:100%;padding-top:100px;text-align:center}

/* 공통 */
dl, dd, dt {margin:0;padding:0;border:0}
a, input {outline:none}
.clearfix {overflow:auto}
.clear {clear:both;display:inline}
.blk {text-indent:-9999px;font-size:0;line-height:0}
.h10 {height:10px}
.h15 {height:15px}
.h20 {height:20px}
.h25 {height:25px}
.h30 {height:30px}
.h35 {height:35px}
.h40 {height:40px}
.h45 {height:45px}
.h50 {height:50px}
.pt5 {padding-top:5px}
.pt10 {padding-top:10px}
.pt20 {padding-top:20px}
.pt30 {padding-top:30px}
.pt40 {padding-top:40px}
.pt50 {padding-top:50px}
.str_b {color:#424242;font-weight:bold}
.strb_red {font-weight:bold;color:#fe5556}
.strb_black {font-weight:bold;color:#333333}


/* 타이틀 공통 */
h4 {font-size:1.5em;line-height:1.4em;letter-spacing:-0.05em;color:#333} /* 컨텐츠 메인타이틀 */
h4 b{font-size:1.15em;line-height:1.4em;letter-spacing:-0.075em;color:#e95d00}
h5 {background:url('../sh_page/img/h6_arr.png') 0 0 no-repeat;font-weight:bold;font-size:1.5em;padding-top:10px;color:#000;padding-bottom:10px} /* 컨텐츠 중분류 타이틀 */
h6 {background:url('../sh_page/img/h6_arr.png') 0 0 no-repeat;font-weight:bold;font-size:1.5em;padding-top:10px;color:#000;padding-bottom:10px} /* 컨텐츠 중분류 타이틀 */


/* 테이블 공통 */
.tbl_basic {margin:-20px 0 10px;width:100%}
.tbl_basic caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_basic thead th {padding:10px 0;border-top:2px solid #fe5556;border-bottom:1px solid #727272;border-right:1px solid #727272;background:#565656;color:#ffffff;font-size:0.95em;text-align:center;letter-spacing:-0.02em}
.tbl_basic thead th.last {border-right:none}
.tbl_basic tbody th {padding:8px 0;border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea;background:#f8f8f8;text-align:center}
.tbl_basic tbody th.last {border-right:none}
.tbl_basic td {padding:5px 15px;border-bottom:1px solid #eaeaea;line-height:1.5em;word-break:break-all}
.tbl_basic .in_td {border-right:1px solid #eaeaea} /* 오른쪽 라인 */
.tbl_basic .ct {text-align:center} /* 센터정렬 */


/* 페이지 스타일 공통 */
#pageCm{padding-bottom:50px;position:relative;font-size:16px;letter-spacing:-.3px;line-height:1.8;color:#777;font-family:'notokr-regular'  !important}
#pageCm .br{white-space:pre-line}
#Page {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#Page .cont {margin-top:30px;font-size:15px;line-height:25px;color:#666;letter-spacing:-0.03px}
.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);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(106, 137, 88, .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:var(--primary);color:#fff}
#p6 .cont_wrap .s_tit:after{position:absolute;content:'';bottom:0;right:-69px;width:80px;height:120px;background:var(--primary)}
#p6 .cont_wrap .s_tit:before{position:absolute;content:'';top:23px;right:-62px;width:91px;height:58px;transform:rotate(40deg);background:var(--primary)}
#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:var(--primary);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 .tit .num{padding:10px 30px;border-radius:0 0 100px 100px;font-weight:600;font-size:13px;font-family:'Poppins';background:var(--primary);color:#fff;letter-spacing:0}
#class .tit .e_tit{display:block;margin-top:35px;font-weight:600;font-size:13px;font-family:'Poppins';color:var(--primary);letter-spacing:0}
#class .tit p{position:relative;display:inline-block;margin:0 60px 35px 0;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(106, 137, 88, .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:var(--primary);color:#fff}
#class .point .p_tit:after{position:absolute;bottom:-4px;left:48%;content:'';width:20px;height:20px;background:var(--primary);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:var(--primary)}
#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{margin:0 auto;padding:30px 0}
#class .tit .e_tit{margin-top:20px}
}
@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] */