@charset "utf-8";

*{font-family:'Malgun Gothic' !important;}
/**스타일가이드**/

/* Space */
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}
.mt55 {margin-top: 55px;}
.mt60 {margin-top: 60px;}
.mt65 {margin-top: 65px;}
.mt70 {margin-top: 70px;}
.mt75 {margin-top: 75px;}
.mt80 {margin-top: 80px;}
.mt85 {margin-top: 85px;}
.mt90 {margin-top: 90px;}
.mt95 {margin-top: 95px;}
.mt100 {margin-top: 100px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}
.mb55 {margin-bottom: 55px;}
.mb60 {margin-bottom: 60px;}
.mb65 {margin-bottom: 65px;}
.mb70 {margin-bottom: 70px;}
.mb75 {margin-bottom: 75px;}
.mb80 {margin-bottom: 80px;}
.mb85 {margin-bottom: 85px;}
.mb90 {margin-bottom: 90px;}
.mb95 {margin-bottom: 95px;}
.mb100 {margin-bottom: 100px;}

.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.ml45 {margin-left: 45px;}
.ml50 {margin-left: 50px;}
.ml55 {margin-left: 55px;}
.ml60 {margin-left: 60px;}
.ml65 {margin-left: 65px;}
.ml70 {margin-left: 70px;}
.ml75 {margin-left: 75px;}
.ml80 {margin-left: 80px;}
.ml85 {margin-left: 85px;}
.ml90 {margin-left: 90px;}
.ml95 {margin-left: 95px;}
.ml100 {margin-left: 100px;}

.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.mr45 {margin-right: 45px;}
.mr50 {margin-right: 50px;}
.mr55 {margin-right: 55px;}
.mr60 {margin-right: 60px;}
.mr65 {margin-right: 65px;}
.mr70 {margin-right: 70px;}
.mr75 {margin-right: 75px;}
.mr80 {margin-right: 80px;}
.mr85 {margin-right: 85px;}
.mr90 {margin-right: 90px;}
.mr95 {margin-right: 95px;}
.mr100 {margin-right: 100px;}

.color1{color:#005baa !important;}
.color2{color:#0d83ea !important;}
.color3{color:#ff8500 !important;}

.wrap-contents .align-l {text-align:left;}
.wrap-contents .align-c {text-align:center;}
.wrap-contents .align-r {text-align:right;}

.wrap-contents .objHeading_h2 {margin-top: 35px;font-family: 'Noto Medium';display:block;line-height:1.3;font-size: 30px;color:#111;font-weight: 500;}
.wrap-contents .objHeading_h3 {margin-top: 25px;font-family: 'Noto Regular';display:block;line-height:1.3;font-size: 20px;color: #333;padding: 0 0 0 25px;background:url('../../images/common/bull_h4.png') no-repeat left 5px;}

.wrap-contents .con-list > li {line-height: 1.6;padding: 0 0 0 20px;color:#666;background: url('../../images/common/bul_list.png') no-repeat left 11px;}
.wrap-contents .con-list.visa > li{color:#333;font-family:'Noto Regular';}
.wrap-contents .con-list strong {font-family:'Noto DemiLight'; font-weight:normal; color:#222;}
.wrap-contents .con-list2 > li {position:relative; padding: 0 0 0 20px; color:#666;}
.wrap-contents .con-list2 > li:after {content:''; position:absolute; left:0px; top:11px; width:4px; height:4px; background:#018cff;}

.wrap-contents .ol_num > li{position:relative; padding-left:25px;}
.wrap-contents .ol_num > li strong{margin-bottom:10px; color:#000;}
.wrap-contents .ol_num > li span{position:absolute; left:0; top:5px; display:block; margin:-2px 5px 0 0; background-color:#239ed7; color:#fff; border-radius:10px; width:20px; height:20px; text-align:center; font-size:12px;}
.wrap-contents .ol_num > li > ul{margin-top: 10px;}

.wrap-contents span.icon1 {display:block;padding: 5px 0 5px 40px;background: url('../../images/common/ico_noti01.png') no-repeat left 6px;font-style:normal;font-size: 16px;color:#183d93;}

.wrap-contents .con-table {position:relative;}
.wrap-contents .con-table:after {content:''; position: absolute; right:-1px; top:0px; width:2px; height:100%; background:#fff;}
.wrap-contents .con-table table {font-family:'Noto DemiLight'; position:relative;}
.wrap-contents .con-table table:after {content:''; position:absolute; top:0px; left:0px; width:100%; height:2px; background:#43505d;}
.wrap-contents .con-table table:before {content:''; position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:#43505d;}
.wrap-contents .con-table thead th {padding:15px 10px;background: #f7f8f9;color: #000;border-right:1px solid #ccd0d7;border-bottom:1px solid #ccd0d7;font-size: 17px;font-family: 'Noto Medium';font-weight: normal;}
.wrap-contents .con-table tbody th {padding:15px 10px;background: #fbfbfb;font-weight: normal;color: #000;border-right:1px solid #ccd0d7;border-bottom:1px solid #ccd0d7;font-size:16px;font-family: 'Noto Regular';}
.wrap-contents .con-table tbody th.color {background:#e4ebf2; font-size: 18px; color: #1b1b1b; font-weight: normal;}
.wrap-contents .con-table tbody td {padding:15px; background:#fff; color:#666; border-right:1px solid #ccd0d7; border-bottom:1px solid #ccd0d7; font-size:16px;}
.wrap-contents .con-table .align-l {text-align:left;}
.wrap-contents .con-table .align-c {text-align:center;}
.wrap-contents .con-table .align-r {text-align:right;}

.wrap-contents .con-table.table-l tbody td{text-align:left;}
.wrap-contents .con-table .inside-table:after{display:none;}

@media all and (max-width:860px) {
  .wrap-contents .con-table {overflow-x: hidden;}
  .wrap-contents .con-table table {width:1000px;}
  .wrap-contents .con-table:after {content:''; position:absolute; right:0px; top:0px; width:100%; height:100%; background:url('../../images/common/img_mobile_text.png') no-repeat center center;}
  .wrap-contents .con-table.on:after {display:none;}
  .wrap-contents .con-table.table-s table{width:100%;}
  .wrap-contents .con-table.table-s:after{display:none;}
}


/*박스 스타일*/
.wrap-contents .menu-box {background:url('../../images/contents/pattern-menu-box.png') left top; padding:6px;}
.wrap-contents .menu-box .inner {background:#fff; padding:25px;border:1px solid #ebebeb;}
.wrap-contents .menu-box .inner strong{display: block;font-family: 'Noto Medium';font-size: 20px;margin-bottom: 15px;}

.wrap-contents .menu-box .inner div > ul > li > ul{padding-left:15px;}
.wrap-contents .menu-box .inner div > ul > li > ul > li span{color:#000;font-family: 'Noto Medium';display: block;}

/**
.wrap-contents .menu-box.using .inner li{background:none;float:none;width:100%;padding:0;margin:0;}
.wrap-contents .menu-box.using .inner li:after{display:none;}**/

@media all and (max-width:860px) {
}

@media all and (max-width:760px) {
}

.wrap-contents .box-type01{padding: 30px 0;border:5px solid #e4e4e4;}
.wrap-contents .box-type01 .icon{display:inline-block;vertical-align:top;padding: 0 35px;width: 200px;text-align: center;margin-bottom: 20px;}
.wrap-contents .box-type01 .text{display:inline-block;vertical-align:top;border-left:1px solid #ced4da;padding-left: 40px;width: 80%;}
.wrap-contents .box-type01 .text strong{font-family:'Noto Medium'; color:#000; font-size:20px;display:block;margin-bottom:10px;}

@media all and (max-width:767px) {
  .wrap-contents .box-type01 .icon{display:none;}
  .wrap-contents .box-type01 .text{display:block;border-left:none;padding-left:25px;}
}

/**버튼**/
.wrap-contents .btn-style {font-family:'Noto DemiLight'; color:#43505d; padding:10px 20px 10px 45px; margin-left: 10px; font-size:15px;}
.wrap-contents .btn-style.small {font-size:14px; padding:6px 10px 6px 30px;}

.wrap-contents .btn-style.type1 {display:inline-block; position:relative; background:url('../../images/common/bg_btn.png') repeat left 8px; border:1px solid #cccccc;}
.wrap-contents .btn-style.type1:after {content:''; position:absolute; left:14px; top:11px; width:22px; height:23px; background:url('../../images/common/ico_btn1.png') no-repeat center center;}
.wrap-contents .btn-style.type1:hover:after {background:url('../../images/common/ico_btn1_ov.png') no-repeat center center;}
.wrap-contents .btn-style.type1:hover {background:#018cff; color:#fff; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .btn-style.type1.small:after {width:15px; height:16px; background-size:contain; left:9px; top:9px;}

.wrap-contents .btn-style.type2 {display:inline-block; position:relative; background:url('../../images/common/bg_btn.png') repeat left 8px; border:1px solid #cccccc;}
.wrap-contents .btn-style.type2:after {content:''; position:absolute; left:14px; top:9px; width:22px; height:23px; background:url('../../images/common/ico_btn2.png') no-repeat center center;}
.wrap-contents .btn-style.type2:hover:after {background:url('../../images/common/ico_btn2_ov.png') no-repeat center center;}
.wrap-contents .btn-style.type2:hover {background:#183d93; color:#fff; transition:all 0.3s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-contents .btn-style.type2.small:after {width:15px; height:16px; background-size:contain; left:10px; top:9px;}


/**지도**/
.mapWrap iframe{width:100%; height:600px;}
.mapWrap{position:relative; background-color:#eee;}
.mapWrap .txts{position:absolute; bottom:0; left:0; z-index:1; display:table; table-layout:fixed; width:100%; height:100px; padding-right:100px; background-color:rgba(0,0,0,0.7); box-sizing:border-box;}
.mapWrap .txts .cells{display:table-cell; width:100%; height:100%; padding:0 5%; vertical-align:middle;}
.mapWrap .txts .cells ul{overflow:hidden;}
.mapWrap .txts .cells ul li{float:left; line-height:25px; font-size:17px; color:#fff;}
.mapWrap .txts .cells ul li:first-child{margin-right:5%;}
.mapWrap .txts .cells ul li strong{display:inline-block; margin-right:10px; font-weight:400; color:rgb(161 190 245 / 95%);}
.mapWrap .kakao_link{position:absolute; bottom:0; right:0; z-index:1; width:100px; height:100px;}
.mapWrap .kakao_link a{overflow:hidden;display:block;width:100%;height:100%;background: rgb(60 96 165 / 95%) url(../../images/contents/map-point.png) center center no-repeat;text-indent:-2000px;}
.mapWrap .kakao_link a:hover{background-color: rgba(12, 44, 103, 0.95);}

/***********************************************************/

/**원장 인사말**/
.greeting .imgwrap{width:47%;display:inline-block;}
.greeting .textwrap{width: 55%;display:inline-block;vertical-align:top;padding:60px 0 0 120px;border-top:6px solid #0672cf;margin-left: -55px;margin-top: 35px;}
.greeting .textwrap > strong{font-size:40px;color:#000;font-family: 'Noto Regular';display:block;margin-bottom:45px;line-height: 1.3;}
.greeting .textwrap > strong i{color:#0672cf;}
.greeting .textwrap .conts p{font-size:18px;font-family:"Noto Light";color:#666;margin-bottom:25px;}
.greeting .textwrap .greeting_name{margin-top:80px;text-align:right;color:#000;}
.greeting .textwrap .greeting_name span{display:block;font-size:20px;font-family:'Noto Regular'}
.greeting .textwrap .greeting_name strong{display:block;font-size:40px;font-family:'Noto Regular'}

@media all and (max-width:1023px) {
  .greeting .imgwrap{width:40%;}
  .greeting .textwrap{width: 65%;padding: 60px 0 0 90px;}
}

@media all and (max-width:767px) {
  .greeting .imgwrap{width: 80%;margin: 0 auto;display:block;}
  .greeting .textwrap{width:100%;padding: 50px 25px;margin-left: 0;}
  .greeting .textwrap > strong{font-size:32px;}
}

/**신청절차 및 환불규정**/

.box_refund ul{width:60%;margin:20px auto 0;}
.box_refund ul li{padding-bottom: 100px;text-align:center;position:relative;}
.box_refund ul li > div{border:2px solid #ccc;padding: 30px 80px;}
.box_refund ul li img{position:absolute;bottom: 40px;left:50%;transform: translate(-50%, 0) rotate(90deg);}
.box_refund ul li strong{font-size:20px;font-family:'Noto Regular';display:block;margin-bottom:10px;}
.box_refund ul li p{color:#666;margin-bottom:10px;}

@media all and (max-width:1023px) {
  .box_refund ul{width:100%;}
  .box_refund ul li > div{padding:30px 40px;}
}

@media all and (max-width:767px) {
  .box_refund ul li > div{padding:30px 20px;}
}

/**외국어강의 수강신청안내**/

.box_refund.forign ul{width:100%;}
.box_refund.forign ul.con-list2.mt10{margin-top:10px;}
.box_refund.forign ul li{text-align:left;} 
.box_refund.forign ul li > div{padding:30px  35px;}

/*페이지 준비중*/
.wrap-contents .con-ready {border:1px solid #cccccc; text-align:center; padding:60px 0;}
.wrap-contents .con-ready .img,
.wrap-contents .con-ready .text{display:inline-block; vertical-align:middle; margin:0 20px;} 
.wrap-contents .con-ready .text strong{display:block; font-size:30px; color:#131313; font-family:'noto Medium';}
.wrap-contents .con-ready .text span{display:block; font-size:18px; color:#666;} 

@media all and (max-width:420px) {
  .wrap-contents .con-ready .text {font-size: 26px;}
  .wrap-contents .con-ready .text span:after {top:8px;}
}

.wrap-visual .control .paging li button[type="button"]{width:25px;}