@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');



html{overflow:auto;}
body{background:#fff; box-sizing:border-box;}
#wrap {width:100%; min-width:1200px;}



#header, #mainVisual, #subVisual, #container, #foot{width:100%; position:relative;}
.inner {width:1200px; margin:0 auto; position:relative;}
.inner:after {content:''; display:block; clear:both;}

/* 헤더 */
#header{width:100%; height:137px; z-index:69; position:fixed; width:100%; background:#fff;}
.headerWrap:after {content:''; display:block; clear:both;}
.headerWrap	h1{padding:26px 0; float:left;}
.utilWrap {width:100%; background:#f6f6f6; line-height:40px;}
.utilWrap ul {text-align:right; font-size:0; width:1200px; margin:0 auto;}
.utilWrap li {display:inline-block; margin-left:25px;}
.utilWrap li a {font-size:14px; font-weight:300; color:#555;}
.utilWrap li a img {vertical-align:middle; margin-top:-2px;}

#topmenu {position:absolute; top:0; right:-14px; width:1000px; color:#333333; z-index:100;}
#topmenu ul:after {display:block; content:""; clear:both;}
#topmenu ul a {display:block;}
#topmenu > ul > li {position:relative; float:left; width:110px; height:22px; line-height:22px; padding:38px 0px 48px 0px;}
#topmenu ul li.m7 {padding-left:20px;}
#topmenu ul li.m3 { width:110px;}
#topmenu ul li.m6 { width:160px;}
#topmenu > ul > li > a {display:block; width:100%; text-align:center; font-family:'NanumSquare'; font-size:17px; font-weight:600; color:#000;}
#topmenu ul li.active, #topmenu > ul > li:hover {background:url('/images/common/bg_menu_active.png') no-repeat center top;}
#topmenu ul li.m_active a, #topmenu ul li a.on {color:#d2232a;}
#topmenu div.submenu {position:absolute; top:105px; z-index:100; border-top:0px; width:110px; height:0; overflow:hidden; opacity:0;}
#topmenu div.submenu ul {margin:0; padding-left:0px; font-size:16px;}
#topmenu div.submenu ul li {position:relative; height:auto; width:100%; text-align:center;}
#topmenu div.submenu ul li a {display:block; padding:8px 10px; font-weight:normal; color:#333; font-weight:300;}
#topmenu div.submenu ul li a:hover {text-decoration:underline; font-weight:400; color:#222;}
#topmenu ul li.m1 div.submenu{left:0px;}
#topmenu ul li.m2 div.submenu{left:-5px; width:120px;}
#topmenu ul li.m3 div.submenu{left:0px; width:110px;}
#topmenu ul li.m4 div.submenu{left:0px;}
#topmenu ul li.m5 div.submenu{left:0px;}
#topmenu ul li.m6 div.submenu{left:0px;}
#topmenu ul li.m7 div.submenu{left:0px;}

.submenu_bg {position:absolute; width:100%; left:0; top:137px; background:#fff; z-index:10; height:0; overflow:hidden;}

/* 퀵 메뉴 */
#quick {width:105px; position:fixed; left:50%; margin-left:685px; z-index:9; top:137px;}
#quick img {vertical-align:top;}

#mainVisual{width:100%; position:relative; z-index:1; !important; overflow:hidden; padding-top:137px;}
#mainVisual .mainSlide { min-width:1200px;}
#mainVisual li {text-align:center; left:50%; transform: translateX(-50%);}
#mainVisual .text-pager {position:absolute; width:1200px; left:50%; margin-left:-600px; bottom:0; text-align:center; z-index:99; height:45px; line-height:45px;}
#mainVisual .text-pager a {color:#fff; display:inline-block; width:12.5%; /* width: 11.1%; */ text-align:center; background:url('/images/main/bg_pager.png') repeat 0 0; float:left; font-size:15px; font-weight:300; letter-spacing:-1px;}
#mainVisual .text-pager a.active {background:transparent;}

#subVisual {padding-top:137px; height:315px; overflow:hidden; text-align:center; color:#fff; position:relative;}
#subVisual h2 {font-size:50px; font-family:'NanumSquare'; font-weight:700; line-height:50px; margin:90px 0 20px 0;}
#subVisual h3 {font-size:25px; font-family:'NanumSquare'; font-weight:400; line-height:25px;}
#subVisual h3 .font-sc {font-family:"Noto Sans SC", sans-serif;}

.subVisual00 {background:url('/images/common/subVisual00.jpg') no-repeat center bottom;}
.subVisual01 {background:url('/images/common/subVisual01.jpg') no-repeat center bottom;}
.subVisual02 {background:url('/images/common/subVisual02.jpg') no-repeat center bottom;}
.subVisual03 {background:url('/images/common/subVisual03.jpg') no-repeat center bottom;}
.subVisual04 {background:url('/images/common/subVisual04.jpg') no-repeat center bottom;}
.subVisual05 {background:url('/images/common/subVisual05.jpg') no-repeat center bottom;}
.subVisual06 {background:url('/images/common/subVisual08.jpg') no-repeat center bottom;}
.subVisual07 {background:url('/images/common/subVisual11.jpg') no-repeat center bottom;}
.subVisual08 {background:url('/images/common/subVisual03.jpg') no-repeat center bottom;}

/* 메인 컨텐츠 */
.mainConWrap {}
.mainConWrap .boardLatest {background:#1e1e1e; line-height:65px; color:#bbb; font-size:16px;}
.mainConWrap .boardLatest h3 {font-family:'NanumSquare'; font-weight:600; color:#fff; font-size:17px; float:left; width:20%;}
.mainConWrap .boardLatest h3 img {vertical-align:middle; margin-top:-2px;}
.mainConWrap .boardLatest .col1 {float:left; width:50%; border-right:1px solid #4f4f4f; box-sizing:border-box;}
.mainConWrap .boardLatest .col2 {float:right; width:50%; box-sizing:border-box; padding-left:25px;}
.mainConWrap .boardLatest .latestWrap {float:left; position:relative; width:80%;}
.mainConWrap .latestWrap .bx-controls-direction {width:10px; position:absolute; left:94%; top:20px;}
.mainConWrap .latestWrap .bx-controls-direction .bx-prev {font-size:0; line-height:0; display:block; width:10px; height:11px; background:url('/images/main/ico_board_arrow.png') no-repeat left top;}
.mainConWrap .latestWrap .bx-controls-direction .bx-next {font-size:0; line-height:0; display:block; width:10px; height:11px; background:url('/images/main/ico_board_arrow.png') no-repeat left bottom;}

.latest{width:100%;}
.latest.basic a {display:inline-block; color:#bbb; font-size:16px;}
.latest.basic img {vertical-align:middle}
.latest.basic strong {margin-right:5px}

.mainConWrap .section {position:relative;}
.mainConWrap .section h3 {font-size:23px; color:#000; font-weight:600; font-family:'NanumSquare'; margin-bottom:20px;}
.mainConWrap .section .tab {margin-bottom:20px;}
.mainConWrap .section .tab ul {border-bottom:1px solid #000; height:46px;}
.mainConWrap .section .tab ul:after {content:''; display:block; clear:both;}
.mainConWrap .section .tab ul li {width:82px; height:45px; float:left; border:1px solid #d0d0d0; border-bottom:1px solid #000; font-weight:300; font-size:16px; color:#999; margin-left:-1px; text-align:center; line-height:47px; background:#fff; position:relative; cursor:pointer;}
.mainConWrap .section .tab ul li.active {font-size:17px; height:46px; z-index:1; border-color:#000; color:#000; border-bottom:none; font-weight:400;}
.mainConWrap .section_mid {padding:60px 0;}
.mainConWrap .section_mid .teacher {width:565px; float:left; position:relative;}
.mainConWrap .section_mid .teacherSlideWrap {position:relative;}
.mainConWrap .section_mid .teacherSlideWrap .teacherWrap {position:absolute; left:0; top:0; width:100%; background:#fff; z-index:-999; height:258px;}
.mainConWrap .section_mid .teacherSlideWrap .teacherWrap01 {z-index:1;}
.mainConWrap .section_mid .teacherSlideWrap .teacherWrap li span {display:block; background:#000;   background-color: rgba( 255, 255, 255, 0.85 ); text-align:center; color:#4c4c4c; line-height:22px; padding:10px 5px; box-sizing:border-box; position:absolute; width:101%; left:0; bottom:0;}
.mainConWrap .section_mid .teacherSlideWrap .teacherWrap li dt {font-size:17px; font-weight:400;}
.mainConWrap .section_mid .teacherSlideWrap .teacherWrap li dd {font-size:13px; font-weight:300;}
.mainConWrap .section_mid .teacherSlideWrap .teacherWrap li:hover span {}
.mainConWrap .section_mid .event {width:565px; float:right;}
.mainConWrap .section_mid .bx-controls {position:absolute; right:0; top:-52px;}
.mainConWrap .section_mid .bx-controls-direction .bx-prev {vertical-align:top; font-size:0; line-height:0; display:inline-block; width:25px; height:21px; background:url('/images/main/ico_teacher_arrow.png') no-repeat left top;}
.mainConWrap .section_mid .bx-controls-direction .bx-next {vertical-align:top; font-size:0; line-height:0; display:inline-block; width:24px; height:21px; background:url('/images/main/ico_teacher_arrow.png') no-repeat right top;}
/* .mainConWrap .section_mid .event li img {border:1px solid #c5c5c5;} */

.mainConWrap .section_bott {background:#f6f6f6; padding:60px 0;}
.mainConWrap .box {box-sizing:border-box; padding:30px; float:left;}
.mainConWrap .box .txt {font-size:17px; font-weight:300; line-height:25px;}
.mainConWrap .box .review dt {font-size:16px; color:#000; margin-bottom:15px;}
.mainConWrap .box .review dt img {vertical-align:middle; margin-top:-2px; padding-right:5px;}
.mainConWrap .box .review dd {line-height:24px; font-size:14px;}
.mainConWrap .box .review dd .date {color:#999; display:block; margin-top:15px;}
.mainConWrap .box .review dd .date img {vertical-align:middle; margin-top:-2px;}
.mainConWrap .box01 {width:666px; height:452px; background:url('/images/main/img_banner01.jpg') no-repeat 0 0; color:#fff;}
.mainConWrap .box01 .title {color:#fff;}
.mainConWrap .box01 .btnArea {margin-top:25px;}
.mainConWrap .box02 {width:265px; height:452px; background:url('/images/main/img_banner02.jpg') no-repeat 0 0;}
.mainConWrap .box02 dl {height:160px;}
.mainConWrap .box03 {width:267px; height:452px; background:url('/images/main/img_banner03.jpg') no-repeat 0 0; color:#fff;}
.mainConWrap .box03 h3 {color:#fff;}
.mainConWrap .box03 .btnArea {margin-top:82px;}
.mainConWrap .box03 .btnArea li {margin-top:10px;}
.mainConWrap .box03 .btnArea li:first-child {margin-top:0;}
.mainConWrap .box04 {width:666px; height:226px; background:url('/images/main/img_banner04.jpg') no-repeat 0 0; clear:both; float:left;}
.mainConWrap .box04 .btnArea {margin-top:25px;}
.mainConWrap .box05 {width:265px; height:226px; background:url('/images/main/img_banner05.jpg') no-repeat 0 0;}
.mainConWrap .box06 {width:267px; height:226px; background:url('/images/main/img_banner06.jpg') no-repeat 0 0;}

/*sub contents*/
#container {width:100%; overflow:hidden; margin:80px auto 0;}
.sub #contents .titleArea {text-align:center; margin:0 0 40px 0;}
.sub #contents .titleArea h2 {font-family:'NanumSquare'; font-size:45px; font-weight:700; color:#222; line-height:45px; margin-bottom:20px;}
.sub #contents .titleArea p {font-weight:300; color:#777; font-size:20px; line-height:20px;}
.sub #contents .centerTitle {text-align:center; margin-bottom:35px;}
.sub #contents .centerTitle h3 {font-family:'NanumSquare'; font-size:35px; color:#222; margin-bottom:20px;}
.sub #contents .centerTitle p {font-weight:300; color:#555; font-size:20px; line-height:28px;}
.sub #contents .centerTitle p strong {font-weight:400; color:#222;}
.sub #contents .redTitle {text-align:center; margin-bottom:40px;}
.sub #contents .redTitle h3 {font-family:'NanumSquare', sans-serif; font-size:28px; font-weight:700; padding-bottom:20px; margin-bottom:20px; background:url('/images/common/bg_title_red.gif') no-repeat center bottom; color:#222;}
.sub #contents .redTitle p {font-weight:300; font-size:16px; line-height:24px; color:#555;}
.sub #contents .section {width:1200px; margin:0 auto 75px;}
.sub #contents .section h3.leftTitle {font-size:28px; color:#222; font-weight:700; font-family:'NanumSquare'; margin-bottom:30px;}
.sub #contents .section h3.leftTitle_w {font-size:28px; color:#fff; font-weight:700; font-family:'NanumSquare'; margin-bottom:30px;}
.sub #contents .section h3.leftTitle2 {font-size:23px; color:#222; font-weight:700; font-family:'NanumSquare'; margin-bottom:15px;}
.sub #contents .section h3.leftTitle2_w {font-size:23px; color:#fff; font-weight:700; font-family:'NanumSquare'; margin-bottom:15px;}
.sub #contents .grayWrap {background:#282828; padding:75px 0;}
.sub #contents .grayWrap .section {margin:0 auto;}
.sub #contents .inner_section {border-top:1px solid #dfdfdf; padding-top:40px;}
.sub #contents .inner_section p {font-size:16px; font-weight:300; line-height:24px; color:#555;}

/* 테이블 세팅 */
.tblType01 {border-top:1px solid #dfdfdf; overflow:hidden;}
.tblType01 table {margin-left:-1px;}
.tblType01 th, .tblType01 td {padding:20px 25px; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf;}
.tblType01 thead th {font-weight:400;}
.tblType01 th {font-weight:600; text-align:center;}
.tblType01 td {font-weight:300; line-height:24px;}
.tblType01 thead th, .tblType01 thead td {background:#f8f8f8; color:#222; padding:15px 25px;}
.tblType01 tbody strong {display:block;}

.tblType02 {border-top:1px solid #d2232a; overflow:hidden;}
.tblType02 th, .tblType02 td {padding:20px 25px; border-bottom:1px solid #dfdfdf;}
.tblType02 thead th {font-weight:400;}
.tblType02 th {font-weight:600; text-align:center;}
.tblType02 td {font-weight:300; line-height:24px; text-align:center;}
.tblType02 thead th, .tblType02 thead td {background:#f8f8f8; color:#222; padding:15px 25px;}
.tblType02 tbody strong {display:block;}

/* 학원소개 */
.contentsArea .aboutWrap {border-top:1px solid #dfdfdf;}
.contentsArea .aboutWrap li {padding:25px 0; border-bottom:1px solid #dfdfdf; padding-left:215px;}
.contentsArea .aboutWrap li.about01 {background:url('/images/about/ico_about01.png') no-repeat 70px center;}
.contentsArea .aboutWrap li.about02 {background:url('/images/about/ico_about02.png') no-repeat 70px center;}
.contentsArea .aboutWrap li.about03 {background:url('/images/about/ico_about03.png') no-repeat 70px center;}
.contentsArea .aboutWrap li dt {font-family:'NanumSquare'; font-size:23px; color:#d2232a; margin-bottom:10px; font-weight:700;}
.contentsArea .aboutWrap li dd {font-family:'NanumSquare'; font-size:19px; color:#222;}
.contentsArea .aboutWrap li dd p {font-family:'NanumBarunGothic'; font-size:16px; font-weight:300; line-height:24px; color:#555; margin-top:10px;}
.contentsArea .aboutWrap li dd p strong {font-weight:500;}
.contentsArea .promiseWrap .promise {display:table; width:100%;}
.contentsArea .promiseWrap .promise .left, .contentsArea .promiseWrap .promise .right {display:table-cell; width:50%; vertical-align:middle; background:#f5f5f5;}
.contentsArea .promiseWrap .promise img {vertical-align:top;}
.contentsArea .promiseWrap .promise dl {padding:0 55px;}
.contentsArea .promiseWrap .promise dt {background:url('/images/common/bg_line01.gif') no-repeat left bottom; font-size:23px; color:#222; font-family:'NanumSquare'; font-weight:700; padding-bottom:15px; margin-bottom:15px;}
.contentsArea .promiseWrap .promise dd.orange {font-size:19px; color:#f28d20; font-family:'NanumSquare'; font-weight:400; margin-bottom:10px;}
.contentsArea .promiseWrap .promise dd {font-weight:300; line-height:24px;}
.contentsArea .campusWrap dl {color:#fff; padding:20px 0; border-bottom:1px solid #494949;}
.contentsArea .campusWrap dl:first-child {padding-top:0;}
.contentsArea .campusWrap dl.last {border:none;}
.contentsArea .campusWrap dt {font-family:'NanumSquare'; font-weight:700; font-size:23px; margin-bottom:10px;}
.contentsArea .campusWrap dt span {font-family:'NanumBarunGothic';}
.contentsArea .campusWrap dd {font-weight:300; line-height:24px;}
.contentsArea .part ul {background:#fff; overflow:hidden;}
.contentsArea .part ul li {float:left; width:25%; box-sizing:border-box; text-align:center; font-family:'NanumSquare'; font-size:19px; color:#222; padding:30px 0; border-left:1px solid #dfdfdf;}
.contentsArea .part ul li:first-child {border-left:none;}
.contentsArea .part ul li img {display:block; margin:0 auto 15px;}
.contentsArea .historyWrap {background:url('/images/about/bg_history.gif') repeat-y center top;}
.contentsArea .historyWrap dt {font-family:'NanumSquare', sans-serif; margin-bottom:10px; font-weight:700; color:#222; font-size:23px ;}
.contentsArea .historyWrap dd {font-weight:300; color:#555; line-height:26px;}
.contentsArea .historyWrap dd strong {font-weight:400;}
.contentsArea .historyWrap div {position:relative; overflow:hidden; margin-bottom:30px; min-height: 100px;}
.contentsArea .historyWrap .left .img {float:left; width:574px; margin-right:20px; text-align:right;}
.contentsArea .historyWrap .left dl {float:left; width:605px; box-sizing:border-box; padding-left:25px; text-align:left; background:url('/images/about/ico_year.png') no-repeat left 7px;}
.contentsArea .historyWrap .right {text-align:right;}
.contentsArea .historyWrap .right .img {float:left; width:572px; text-align:left;}
.contentsArea .historyWrap .right dl {float:left; width:607px; margin-right:20px; box-sizing:border-box; padding-right:25px; text-align:right; background:url('/images/about/ico_year.png') no-repeat right 7px;}
.contentsArea .historyWrap .y2018 {margin-bottom:0;}
.contentsArea .locationWrap dl {margin-bottom:20px;}
.contentsArea .locationWrap dt {font-family:'NanumSquare', sans-serif; font-size:23px; color:#222; margin-bottom:15px;}
.contentsArea .locationWrap dd {font-weight:300;}
.contentsArea .locationWrap dd strong {font-weight:400;}
.contentsArea .locationWrap dd img {vertical-align:middle; margin-top:-2px;}
.contentsArea .locationWrap dd span {display:inline-block;}
.contentsArea .locationWrap dd .tel {background:url('/images/about/bg_dash.gif') no-repeat left 2px; padding-left:35px; margin-left:35px;}

/* 강의안내 */
.tabList {margin-bottom:60px;}
.tabList ul:after {content:''; display:block; clear:both;}
.tabList ul li {float:left; box-sizing:border-box; text-align:center; height:60px; line-height:60px; background:#f5f5f5; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; position:relative;}
.tabList ul.list2 li {width:50%;}
.tabList ul.list4 li {width:25%;}
.tabList ul.list5 li {width:20%;}
.tabList ul.list6 li {width:16.6666%;}
.tabList ul li a {font-size:18px; font-weight:400; color:#777; display:block; line-height: 1.2; display: flex; align-items: center; justify-content: center; height: 100%;}
.tabList ul li.active {background:#fff; border:1px solid #d2232a; border-bottom:none; z-index:1;}
.tabList ul li.active a {color:#d2232a;}

.list_circle li dl {position:relative; margin:5px 0; line-height:24px;}
.list_circle li dl:after {content:''; display:block; clear:both;}
.list_circle li dt {position:absolute; left:0; font-weight:400; color:#222; background:url('/images/common/bullet_circle.png') no-repeat left center; padding-left:10px;}
.list_circle li dd {margin-left:80px; padding-left:12px; font-weight:300; background:url('/images/common/list_dash.gif') no-repeat left 10px}

.list_circle2 li {font-weight:300; color:#555; padding-left:12px; background:url('/images/common/bullet_circle.png') no-repeat left 10px; font-size:16px; line-height:24px;}

.classList {border-bottom:1px solid #dfdfdf; margin-top:40px;}
.classList table {padding:25px 30px 15px 30px; border-top:1px solid #dfdfdf;}
.classList table th, .classList table td {vertical-align:top; letter-spacing:-0.8px;}
.classList table .class_title {font-family:'NanumSquare', sans-serif; color:#222; height:100%; padding-bottom:10px;}
.classList table .class_title dt {font-size:23px; font-weight:700;}
.classList table .class_title dd {font-size:19px; margin-top:10px;}

.meritWrap ul {border:1px solid #dfdfdf; border-left:none;}
.meritWrap ul:after {content:''; display:block; clear:both;}
.meritWrap ul li {width:25%; padding:30px 0; box-sizing:border-box; float:left; border-left:1px solid #dfdfdf; font-family:'NanumSquare', sans-serif; color:#222; font-weight:400; font-size:19px; text-align:center;}
.meritWrap ul li .light {font-weight:300;}
.meritWrap ul li img {display:block; margin:0 auto 15px;}
.recommendWrap {display:table; width:100%;}
.recommendWrap .img {display:table-cell; width:601px;}
.recommendWrap .txt {display:table-cell; width:599px; vertical-align:middle; background:#f8f8f8;}
.recommendWrap .list_circle2 {padding-left:40px;}
.recommendWrap .list_circle2 li {line-height:40px;}
.juniorWrap {background : #fbae3b; padding:100px 0; box-sizing: border-box;}

/* .juniorWrap {background: url('/images/class/bg_junior.jpg') no-repeat center top; padding: 450px 0 70px 0; height: 804px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} */
.juniorWrap02 {background: url('/images/class/bg_junior2.jpg') no-repeat center top; padding: 370px 0 70px 0; height: 727px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} 
 .juniorWrap03 {background: url('/images/class/bg_junior3.jpg') no-repeat center top; padding: 540px 0 70px 0; height: 850px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} 
/* .juniorWrap04 {background: url('/images/class/bg_junior4.jpg') no-repeat center top; padding: 640px 0 70px 0; height: 991px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}  */
/* .juniorWrap05 {background: url('/images/class/bg_junior5.jpg') no-repeat center top; padding: 840px 0 70px 0; height: 1195px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} */
.juniorWrap .inner ul:after {content:''; display: block; clear: both;}
.juniorWrap .inner ul {border: 1px solid #c5c5c5;}
.juniorWrap .inner ul li {float: left; width: 33.3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; text-align: center; border-left: 1px solid #c5c5c5; padding: 50px 0;}
.juniorWrap .inner ul li img {vertical-align: top;}
.juniorWrap .inner ul li:first-child {border-left: none;}
.juniorWrap .inner ul li dl {margin-top: 15px;}
.juniorWrap .inner ul li dt {font-family: 'NanumSquare', sans-serif; color: #222; font-size: 23px; font-weight: 400; line-height: 23px; margin-bottom: 10px;}
.juniorWrap .inner ul li dd {font-size: 18px; line-height: 24px; color: #555; font-weight: 300;}



/* 강의안내-영어 20210706 */
/* 키즈영어-주니어영어*/
.sub #contents .processTitle {text-align:center; margin-bottom:40px;}
.sub #contents .processTitle h3 {font-family:'NanumSquare', sans-serif; font-size:28px; font-weight:700; padding-bottom:20px; margin-bottom:20px; color:#222;}
.sub #contents .processTitle p {font-weight:300; font-size:16px; line-height:24px; color:#555;}
.processBox01 {width: 100%;}
.proboxImg:after {content:''; display: block; clear: both;}
.proboxImg img {float:left;}
.proboxImg img:nth-of-type(1) {margin-right:4%;}

.processBox02 {width: 100%;}
.proBox {width: 100%;}
.proBox:after {content:''; display: block; clear: both;}
.proImg {display:inline-block; width: 50%; float:left;}
.proTxt {display:inline-block; width: 50%; float:left;}
.proTxt h4 {font-family:'NanumSquare'; font-size:28px; font-weight:700; padding-bottom:40px; padding-top:100px; color:#333; position:relative;}
.hr_yellow:after {content:''; display:inline-block; position:absolute; bottom:20px; left:0; width:30px; height:3px; background:#f6a835;}
.hr_red:after {content:''; display:inline-block; position:absolute; bottom:20px; right:0; width:30px; height:3px; background:#d2232a;}
.proTxt p {font-family:'NanumBarunGothic'; font-size:20px; font-weight:400; padding-bottom:20px; color:#555; line-height:1.4; }
.pi_left {text-align: left; padding-left: 50px; box-sizing: border-box;}
.pi_right {text-align: right; padding-right: 50px; box-sizing: border-box;}




/* 강사소개 */
.contentsArea .teacherWrap ul:after {content:''; display:block; clear:both;}
.contentsArea .teacherWrap ul li {width:25%; float:left; margin-bottom:50px;}
.contentsArea .teacherWrap ul li a {display:block; margin:0 auto; width:264px; position:relative; overflow:hidden;}
.contentsArea .teacherWrap ul li a dl {position:absolute; width:100%; bottom:0; left:0; box-sizing:border-box; background-color: rgba( 255, 255, 255, 0.9 ); color:#4c4c4c; font-weight:300; padding:20px;}
.contentsArea .teacherWrap ul li a dt {font-family:'NanumSquare', sans-serif; font-size:23px; font-weight:700; margin-bottom:5px;}
.contentsArea .teacherWrap ul li a dt span {font-size:19px; font-weight:400;}
/* .contentsArea .teacherWrap ul li a:hover dl {background:url('/images/teacher/bg_teacher_info.png') no-repeat left top; background-size:cover;} */
.contentsArea .teacherView:after {content:''; display:block; clear:both;}
.contentsArea .teacherView .img {float:left; text-align:right; width:570px;}
.contentsArea .teacherView .detail {float:right; text-align:left; width:580px;}
.contentsArea .teacherView .detail dl {font-family:'NanumSquare', sans-serif; font-weight:400;}
.contentsArea .teacherView .detail dt {color:#d2232a; font-size:23px; margin-bottom:10px;}
.contentsArea .teacherView .detail dd {font-size:35px; color:#222; font-weight:700;}
.contentsArea .teacherView .detail dd span {font-size:23px;}
.contentsArea .teacherView .detail .detailBox {margin:15px 0 25px 0;}
.contentsArea .teacherView .detail .detailBox p.tt {padding-top:15px; background:url('/images/teacher/bg_detail_title.gif') no-repeat left top; font-family:'NanumSquare', sans-serif; font-size:19px; font-weight:700; margin-bottom:10px;}
.contentsArea .teacherView .detail .detailBox ul li {font-weight:300; line-height:26px;}

/* 온라인프로그램 */
.programList { margin-top:40px;}
.programList ul li { margin-bottom:50px;}
.programList ul li p {font-family: 'NanumSquare', sans-serif; color: #222; font-size: 28px; font-weight: 700; margin-bottom: 20px;}
.programList ul li a {display:block; }
.programList ul li a img {display:block; width:100%;}

@media only screen and (max-width:1280px){
	.programList {padding: 0 50px; box-sizing: border-box;}
}

/* 중국유학 */
.contentsArea .abroadWrap {margin-bottom: 35px;}
.contentsArea .abroadWrap > div {float: left; width: 50%;}
.contentsArea .abroadWrap .left h3 {margin-top: 40px;}
.contentsArea .abroadWrap .left p {font-weight:300; color:#555; font-size:20px; line-height:28px; letter-spacing:-1px;}
.contentsArea .abroadWrap .left p strong {font-weight:400; color: #222;}

.contentsArea .aboutWrap.abroad {border-top: 0;}
.sub #contents .section .aboutWrap.abroad h3.leftTitle {margin-bottom: 16px;}
.contentsArea .aboutWrap.abroad li {padding: 50px 0; padding-left: 215px;}
.contentsArea .aboutWrap.abroad li.about01 {background:url('/images/abroad/ico_abroad01.png') no-repeat 70px center; border-top: 1px solid #dfdfdf;}
.contentsArea .aboutWrap.abroad li.about02 {background:url('/images/abroad/ico_abroad02.png') no-repeat 70px center;}
.contentsArea .aboutWrap.abroad li.about03 {background:url('/images/abroad/ico_abroad03.png') no-repeat 70px center;}

/* 직업현장중국어 */
.contentsArea .careerWrap {margin-bottom: 35px;}
.contentsArea .careerWrap > div {float: left; width: 50%;}
.contentsArea .careerWrap .left h3 {margin-top: 40px;}
.contentsArea .careerWrap .left p {font-weight:300; color:#555; font-size:20px; line-height:28px; letter-spacing:-1px;}
.contentsArea .careerWrap .left p strong {font-weight:400; color: #222;}

.contentsArea .introduceWrap .introduce {display:table; width:100%;}
.contentsArea .introduceWrap .introduce .left, .contentsArea .introduceWrap .introduce .right {display:table-cell; width:50%; vertical-align:middle; background:#f5f5f5;}
.contentsArea .introduceWrap .introduce .right {text-align: center;}
.contentsArea .introduceWrap .introduce .right span {display: inline-block; text-align: left; font-size: 16px; font-weight: 300; line-height: 24px;}

.sub #contents .careerSection03 .titleArea {text-align:left; margin: 0;}
.sub #contents .careerSection03 .titleArea p {font-weight:300; color:#555; font-size:20px; line-height: 24px;}
.sub #contents .careerSection03 .titleArea p strong {font-weight:400; color:#222;}
.targetWrap .inner {margin-top: 4px; font-weight:300; color:#555; font-size:20px;}
.targetWrap .inner ul {border: 1px solid #c5c5c5; margin-top: 16px;}
.targetWrap .inner ul:after {content:''; display: block; clear: both;}
.targetWrap .inner ul li {float: left; width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; text-align: center; border-left: 1px solid #c5c5c5; padding: 50px 0 74px;}
.targetWrap .inner ul .target02 {padding-bottom: 50px;}
.targetWrap .inner ul li img {vertical-align: top;}
.targetWrap .inner ul li:first-child {border-left: none;}
.targetWrap .inner ul li .txt {margin-top: 12px; font-family: 'NanumSquare', sans-serif; color: #222; font-size: 19px; font-weight: 400; line-height: 23px;}
.targetWrap .inner ul li .txt span {display: block; font-size: 16px; color: #555; font-weight: 300;}

.targetWrap .inner2 {margin-top: 4px; font-weight:300; color:#555; font-size:20px; width:82%}
.targetWrap .inner2 ul { margin-top: 16px;}
.targetWrap .inner2 ul:after {content:''; display: block; clear: both;}
.targetWrap .inner2 ul li {float: left; width: 33.3%;  background: #fff; text-align: center; padding: 0px 0 74px;}
.targetWrap .inner2 ul .target02 {padding-bottom: 50px;}
.targetWrap .inner2 ul li img {vertical-align: top;}
.targetWrap .inner2 ul li:first-child {border-left: none;}
.targetWrap .inner2 ul li .txt {margin-top: 6px; font-family: 'NanumSquare', sans-serif; color: #222; font-size: 19px; font-weight: 400; line-height: 23px;}
.targetWrap .inner2 ul li .txt span {display: block; font-size: 16px; color: #555; font-weight: 300;}

/*sub navigation bar*/
#SNB {}
#SNB .SNBWrap {position:absolute; background:url('/images/common/bg_snb.png') repeat 0 0; width:100%; height:60px; left:0; bottom:0;}
#SNB ul {width:1200px; margin:0 auto;}
#SNB ul:after {content:''; display:block; clear:both;}
#SNB ul li {float:left; line-height:60px;}
#SNB ul.list2 li {width:50%;}
#SNB ul.list3 li {width:33.3%;}
#SNB ul.list4 li {width:25%;}
#SNB ul.list5 li {/* width:16.6%; */width: 12.5%;}
#SNB ul.list6 li {width:16.666%;}

#SNB ul li a {color:#fff; font-size:18px; display:block;}
#SNB ul li.snb_on {background:#fff; height:68px; line-height:68px; margin-top:-8px;}
#SNB ul li.snb_on a {color:#222;}

/*foot*/
#foot{width:100%; background:#fff; padding:50px 0; border-top:1px solid #dfdfdf;}
.footWrap {width:1200px; height:100px; margin:0 auto; position:relative;}
.footWrap h3 {float:left; margin-right:35px;}
.footWrap .footCnt {float:left; font-size:13px; line-height:21px; font-weight:300; color:#555; margin-top:7px;}
.footWrap .footCnt a {color:#000; font-size:15px;}
.footWrap .footCnt p {color:#555; font-size:13px;}
.footWrap .footCnt p a {color:#555; font-size:13px;}
.footWrap .footCnt address {margin-top:15px;}
.footWrap .customer {float:right;}
.footWrap .customer dt {font-family:'Lato', sans-serif; font-size:31px; font-weight:400; color:#d42829; margin-bottom:10px;}
.footWrap .customer dt img {vertical-align:middle; margin-top:-2px;}
.footWrap .customer dd {font-size:15px; font-weight:300; line-height:21px; color:#777;}

/* 이용안내 */
.policyTextarea {box-sizing:border-box; width:100%; height:500px !important; resize:none; padding:10px !important; font-weight:300;}

/* 관리자 로그인 */
.divbox {display:none; left:50%; position:absolute;	z-index: 1;}
.divbox .text {width:150px;}
div#box {width:400px; margin-left:-200px; text-align:center; background-color:#fff; position:fixed; left:50%; bottom:300px; z-index:9999; padding:40px 30px 20px 30px; border:5px solid #eee;}
div#box .login_center{overflow:hidden; padding:30px 0;  border-top:1px solid #222;  border-bottom:1px solid #bbb;}
div#p_input {text-align:center;}
div#p_input span.label {display:inline-block; width:60px;}
div.login_foot {clear:both; text-align:center; margin-top:20px;}

/*전자결제(pay)*/
.sub table {border: 0 none;}
.sub table th, .sub table td{border:0 none; padding: 10px;}

.sub .type4{width:100%; display:inline-block; overflow:hidden; border-top:2px solid #dd0000;}
.sub .type4 caption{display:none}
.sub .type4 table{width:100%; margin-top:-1px; margin-left:-1px; border-top:1px solid #ccc;}
.sub .type4 th{border-bottom:1px solid #ddd; font-weight: 400;}
.sub .type4 td{border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-weight: 300;}
.sub .type4 thead th{color:#d60000; border-bottom:1px solid #c2c2c2;}
.sub .type4 thead th.f{background:url("/images/common/type2_th_left.gif") left top no-repeat}
.sub .type4 thead th.r{background:url("/images/common/type2_th_right.gif") right top no-repeat}
.sub .type4 tbody th{color:#333; text-align:left; padding-left:15px; background:#fafafa;}
.sub .type4 td{padding-left:15px; color:#666; text-align:left}

.pay {background:#fff; width:94%; padding:3%; margin: 0;}
.pay h3 {color: #000; font-family: 'NanumSquare', sans-serif; font-weight: 600; font-size: 24px; margin-bottom: 40px;}
.pay h3 img {vertical-align: middle; height: 40px;}
.pay h4 {color: #000; font-family: 'NanumSquare', sans-serif; font-weight: 600; font-size: 20px; margin-bottom: 10px;}
.pay .btnArea {text-align:center; margin-top:25px}



/* 20230629 김은하 수정 */
.magin-top-10 {margin-top: 20px;}
.padding-bottom-20 {padding-bottom: 20px;}
.padding-top-30 {padding-top: 30px;}
.bullet-none {background: none !important;}




/* 20240405 김은하 수정 */


/* 한중유학사무국 */
.secretariat {line-height: 1.5;}

.contentsArea .aboutWrap.secretariat li.about01 {background:url("/images/abroad/secretariat-ison-01.svg") no-repeat 70px center; background-size: 70px; padding-right: 80px;}
.contentsArea .aboutWrap.secretariat li.about02 {background:url("/images/abroad/secretariat-ison-02.svg") no-repeat 70px center; background-size: 70px; padding-right: 80px;}
.contentsArea .aboutWrap.secretariat li.about03 {background:url("/images/abroad/secretariat-ison-03.svg") no-repeat 70px center; background-size: 70px; padding-right: 80px;}
.contentsArea .aboutWrap.secretariat li.about04 {background:url("/images/abroad/secretariat-ison-04.svg") no-repeat 70px center; background-size: 70px; padding-right: 80px;}
.contentsArea .aboutWrap.secretariat li.about05 {background:url("/images/abroad/secretariat-ison-05.svg") no-repeat 70px center; background-size: 70px; padding-right: 80px;}
.contentsArea .aboutWrap.secretariat li.about06 {background:url("/images/abroad/secretariat-ison-06.svg") no-repeat 70px center; background-size: 70px; padding-right: 80px;}

.text-primary {color: #d2232a !important;}

.contentsArea .link-area {font-size: 19px;   margin-top: 20px; margin-bottom: 20px;}

.contentsArea .link-area a {display: block;padding: 8px 15px; color: #d2232a; width: fit-content; border-radius: 30px; border: 1px solid #d2232a;width: fit-content;}
.contentsArea .link-area a:hover {background-color: #d2232a; color: #ffffff;}

.text-22 {font-size: 22px;}
.fw-bold {font-weight: bold;}

.mt-100 {margin-top: 100px;}
.mb-100 {margin-bottom: 100px !important;}
.mt-50 {margin-top: 50px;}
.mb-50 {margin-bottom: 50px;}
.mt-20 {margin-top: 20px;}
.mb-20 {margin-bottom: 20px;}
.mb-5 {margin-bottom: 5px;}

.dot-list>div {padding-left: 15px; position: relative; font-size: 20px; word-break: keep-all;}
.dot-list>div::before {content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: #d2232a; position: absolute; left: 0; top: 12px;}

.inquiry-benner {background-image: url("/images/abroad/secretariat-img-02.jpg"); background-repeat: no-repeat; width: 100%; height: 358px; padding: 70px;display: flex; align-items: flex-start; justify-content: center; font-size: 36px; box-sizing: border-box; flex-direction: column;}

.inquiry-benner a{ min-width: 120px; padding: 10px 15px; text-align: center; border: 1px solid #d2232a; font-size: 1rem; color: #d2232a; margin-top: 20px; box-sizing: border-box;}
.inquiry-benner a:hover {color: #ffffff; background-color: #d2232a;}


/* 기업 프로그램< */
.translation-wrap {line-height: 1.5;}
.translation .translation-text-area{background-color: #f5f5f5; width: 100%; max-width: 1200px; display: flex;}
.translation .translation-text-area>div {width: 50%; font-size: 20px; font-weight: 300;}
.margin-left-20 {margin-left: 20px;}

.translation-text-area .text-area {padding: 50px; display: flex; align-items: center;}

.mainConWrap .section_bott {background:#f6f6f6; padding:60px 0;}


/* 이번달 인기수업 , 우리외국어학원의 다양한 채널 */
.main-bottom-section .inner{display: flex; gap: 70px;}
.main-bottom-section .inner>div .img-box {display: block; border: 1px solid #d0d0d0;}
.main-bottom-section .inner>div .img-box img {vertical-align: bottom;}

.main-sns .img-box{position: relative;}
.sns-link-area {position: absolute; bottom: 90px; left: 0;  width: 100%; height: 92px; /* border: 1px solid #dddddd; */}
.sns-link-area a{display: block;}
.sns-link-area .sns-link-01 {width: 92px; height: 92px;  position: absolute; top: 0; left: 64px;}
.sns-link-area .sns-link-02 {width: 92px; height: 92px;  position: absolute; top: 0; left: 238px;}
.sns-link-area .sns-link-03 {width: 92px; height: 92px;  position: absolute; top: 0; left: 422px;}

/* 우리비즈컨설팅 버튼 */
.new-link-btn-area {text-align: center;width: 100%; margin-top: 80px;}
.new-link-btn { border: 1px solid #d2232a; width: 200px; height: 50px;  font-weight: bold; color: #d2232a; display: flex; align-items: center; justify-content: center; padding: 10px; font-size: 20px; margin-left: auto; margin-right: auto;}

.new-link-btn:hover { border: 1px solid #d2232a;}

/* 영어 */
/* 국제학교 대비 */

.box-layout-01 { display: flex; flex-wrap: wrap; gap: 50px; word-break: keep-all;}
.box-layout-01 li { width: calc(50% - 25px); padding: 50px; box-sizing: border-box; border: 1px solid #e3e3e3;}

.box-layout-01 li img {margin-bottom: 50px;}
.box-layout-01 li .tt {display: flex;align-items: baseline; padding-bottom: 50px; gap: 15px; font-size: 19px; color: #333333;}

.box-layout-01 li h4 {font-family: 'NanumSquare'; font-size: 28px; font-weight: 800; /* padding-bottom: 20px; */ color: #333; position: relative;}
.box-layout-01 li h4::after{content: ''; display: inline-block; position: absolute; bottom: -20px; left: 0; width: 30px; height: 3px; background: #f6a835;}

/* .box-layout-01 li .tt-02 h4::after {background-color: #f6a835;} */

.box-layout-01 li p {font-size: 18px; line-height: 1.4;}

.box-layout-01 h5 {font-size: 20px; margin-bottom: 10px; color: #333333;}
.box-layout-01 p.dot {padding-left: 10px;}
.box-layout-01 p.dot::after {background-color: #f6a835;}

.box-layout-01 .text-area div:not(:last-child){margin-bottom: 30px;}
.box-layout-01 .text-area div p:not(:last-child) {margin-bottom:  5px;}


.box-layout-01 .text-red {color: #d2232a; font-size: 18px; display: flex; align-items: flex-start; gap: 7px;}
.new-content .text-red span {margin-top: 8px;}


.last-dot {font-size: 18px; margin-top: 20px;}
.last-dot::after {background-color: #f6a835 !important;}


/* 글로벌유학센터 */
/* 말레이시아·베트남·대만 */
.new-content {margin-top: 50px;    /* font-family: 'NanumSquare'; */ line-height: 1.5;}
.new-content .content  {border-bottom: 1px solid #dedede; margin-bottom: 50px; padding-bottom: 50px;}
.new-content .content-01 {margin-top: 50px;}

.sub #contents .newtitleArea h2{font-size: 35px;}

.sub #contents .newtitleArea p{line-height: 1.5;}

/* .new-content .leftTitle {margin-top: 80px;} */
.sub #contents .section .new-content h3.leftTitle {margin-bottom: 16px;}
.new-content .img-box {box-shadow: 3px 5px 5px rgba( 0, 0, 0, 0.05 );}
.new-content .img-box ul {display: flex;  width: 100%; height: 100%; padding-left: 50px; gap: 45px; padding-top: 24px; box-sizing: border-box;  display: none;}
.new-content .img-box ul li {display: flex; align-items: center; justify-content: flex-start; flex-direction: column; text-align: center;}

.new-content .img-box .icon {width: 85px; height: 85px; border-radius: 50%; background-color:#ffffff; display: flex; align-items: center; justify-content: center;}
.new-content .img-box .icon img {width: 54px; height: auto;}
.new-content .img-box .icon-02 img {width: 40px; height: auto;}
.new-content .img-box .icon-09 img {width: 50px; height: auto;}

.new-content  .img-box-01 {width: 100%; height: 212px; background-image: url("/images/abroad/study-abroad-bag-01.jpg");}
.new-content  .img-box-02 {width: 100%; height: 239px; background-image: url("/images/abroad/study-abroad-bag-02.jpg");}
.new-content  .img-box-03 {width: 100%; height: 246px; background-image: url("/images/abroad/study-abroad-bag-03.jpg");}

.new-content .img-box h5 {font-size: 22px; color: #d2232a; margin-top: 20px; font-weight: 700;}
.new-content .img-box p {font-size: 19px; color: #222222; font-weight: 400;}


.new-content .text-box {margin-top: 30px;}
.new-content .text-box  h4 {font-size: 23px; color: #222222; margin-bottom: 16px;font-family: 'NanumSquare';}

.new-content .text-box ul {font-size: 19px;}
.new-content .text-box ul li {display: flex; color: #222222; font-weight: 300;}
.new-content p.dot {min-width: 185px; font-weight: 400; color: #222222;}
p.dot {position: relative; padding-left: 15px;}
p.dot::after {content: ""; width: 4px; height: 4px; background-color: #222222; border-radius: 50%; position: absolute; top: 8px; left: 0; display: block;}

.new-content .text-box ul p span {font-weight: 600;}

.new-content  .text-red {color: #d2232a; font-size: 16px; display: flex; align-items: center; gap: 5px;}
.new-content  .text-red span {margin-top: 4px; }

.new-content .content-02 p.dot{ min-width: 220px;}


.new-content .last-content-area {margin-top: 80px;}
.new-content .last-content>div {display: flex;}
.new-content .last-content>div>div {width: 50%;}
.new-content .last-content .img-box {height: 248px;}
.new-content .last-content .text {background-color: #f5f5f5; padding: 60px;  box-sizing: border-box; height: 248px;}
.new-content .last-content .text h4 {color: #f28d20; font-size: 23px; padding-bottom: 15px; position: relative; margin-bottom: 20px;font-family: 'NanumSquare';}
.new-content  .last-content .text h4::after {content: ""; position: absolute; left: 0; bottom: 0; width: 16px; height: 1px; background-color: #555555;}
.new-content  .last-content .text p {font-size: 19px; font-family: 'NanumSquare'; color: #222222;}

.mt-80 {margin-top: 80px;}
.new-content .last-content-area>p {font-size: 22px; margin-top: 24px; font-family: 'NanumSquare';color: #222222;}
.new-content .last-content-area>p  span {color: #f28d20; font-weight: 700;}