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

/*학원소개*/
.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:#594775;letter-spacing:0}
.p6 .cont_wrap .tit .tit_txt{position:relative;margin:8px 0 60px;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(89, 71, 117, .2);z-index:-1}
.p6 .cont_wrap .tit .tit_txt:after{position:absolute;width:65px;height:1px;margin-left:-40px;background:#e1e1e1;content:'';bottom:-30px;left:50%}
.p6 .cont_wrap img{width:100%}
.p6 .cont_wrap .s_tit{position:relative;display:inline-block;margin:-110px auto 0 6%;padding:25px 50px;background:#594775;color:#fff}
.p6 .cont_wrap .s_tit:after{position:absolute;content:'';bottom:0;right:-69px;width:80px;height:116px;background:#594775}
.p6 .cont_wrap .s_tit:before{position:absolute;content:'';top:23px;right:-62px;width:91px;height:58px;transform: rotate(40deg);background:#594775}
.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{width:500px;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 .info{position:relative;width:96%;margin:70px auto 0}
.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:''}
.p6 .cont_wrap .info ul li:nth-child(1):after{background:url('../sh_page/img/p6_icon01.png') no-repeat}
.p6 .cont_wrap .info ul li:nth-child(2):after{background:url('../sh_page/img/p6_icon02.png') no-repeat}
.p6 .cont_wrap .info ul li:nth-child(3):after{background:url('../sh_page/img/p6_icon03.png') no-repeat}
.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:#594775;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}
.p6 .cont_wrap .info:before{position:absolute;width:175px;height:120px;background:url('../sh_page/img/p6_bg2.png') no-repeat;top:-134px;right:15px;content:''}
.p6 .cont_wrap .info:after{position:absolute;width:115px;height:115px;border-radius:50%;background:rgba(89, 71, 117, .3);top:205px;left:-13px;content:'';z-index:-1}

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

/* 반응형 [s] */
@media (max-width:1280px){
.pagecommon{font-size:15px}
#pageCm{font-size:15px}
.pagecommon .br{white-space:normal;word-break:keep-all}
#pageCm .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% !important}
.class .cont_wrap .tit{text-align:center}
.class .cont_wrap .tit p{margin-right:0}
.class .cont_wrap .tit p:after{display:none}
.class .cont_wrap .tit .txt{display:block;padding:0 10px}
}
@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{padding:0 10px;font-size:14px;line-height:1.8}
.p6 .cont_wrap .info{margin-top:40px}
.p6 .cont_wrap .info:before{display:none}
.class{margin:0}
.class .cont_wrap .tit{margin:0 auto;padding:30px 0}
.class .cont_wrap .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,.p6 .cont_wrap .info: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 .cont_wrap .point .p_tit{margin-top:-30px;font-size:20px}
.class .cont_wrap .point ul{margin:40px 0}
.class .cont_wrap .point ul li{float:none;width:100%;padding:35px 0 35px 130px;text-align:left;background-size:85px !important}
.class .cont_wrap .point ul li{background-position:20px !important}
.class .cont_wrap .point ul li+li{margin-top:25px}
.class .cont_wrap .point ul li + li:after{top:-12px;width:100%;height:1px}
.class .cont_wrap .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 .cont_wrap .tit p{font-size:24px}
.class .cont_wrap .point{width:100%;padding:0 15px}
.class .cont_wrap .point .p_tit{padding:10px 0;font-size:18px}
.class .cont_wrap .point ul li{padding:25px 0 25px 130px;line-height:1.6}
.class .cont_wrap .point ul li p{display:block} 
}
/* 반응형 [e] */