@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}
.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:var(--primary);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(106,0,46, .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 .s_tit{position:relative;display:inline-block;margin:-110px auto 0 6%;padding:25px 50px;background:var(--primary);color:#fff}
.p6 .cont_wrap .s_tit:after{position:absolute;content:'';bottom:0;right:-69px;width:80px;height:116px;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{width:500px;margin-top:15px;font-size:30px;line-height:40px;font-family:'notokr-light'}
.p6 .cont_wrap .s_tit p span{font-family:'notokr-bold'}
.p6 .cont_wrap .info{position:relative;width:80%;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:250px;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: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}
.p6 .cont_wrap .info:before{position:absolute;width:175px;height:120px;background:url('../sh_page/img/p6_bg2.png') no-repeat;top:-134px;right:-35px;content:''}
.p6 .cont_wrap .info:after{position:absolute;width:115px;height:115px;border-radius:50%;background:rgba(52,144,196, .3);top:205px;left:-65px;content:'';z-index:-1}

/*온라인 클래스*/
.class{margin-top:-67px}
.class .cont_wrap .tit{width:80%;margin:0 auto}
.class .cont_wrap .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 .cont_wrap .tit .e_tit{display:block;margin-top:35px;font-weight:600;font-size:13px;font-family:'Poppins';color:var(--primary);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(106,0,46, .2);z-index:-1}
.class .cont_wrap .tit .txt{vertical-align:super}
.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:var(--primary);color:#fff}
.class .cont_wrap .point .p_tit:after{position:absolute;bottom:-4px;left:48%;content:'';width:20px;height:20px;background:var(--primary);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-size:13px;font-family:'Poppins';letter-spacing:0}
.class .cont_wrap .point ul li span{color:var(--primary)}
.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}