@charset "utf-8";

@import url('layout.css');

/* 비주얼 */
.visual {height:360px; padding-top:200px; background-position:center center; background-size: cover; background-repeat:no-repeat; box-sizing:border-box;}
.visual.admission-guide-bg {background-image: url(../images/sub/visual-admission-guide.jpg);}
.visual.brand-bg {background-image: url(../images/sub/visual-brand.jpg);}
.visual.community-bg {background-image: url(../images/sub/visual-community.jpg);}
.visual.mypage-bg {background-image: url(../images/sub/visual-mypage.jpg);}
.visual.program-bg {background-image: url(../images/sub/visual-program.jpg);}
.visual.support-center-bg {background-image: url(../images/sub/visual-support-center.jpg);}
.visual .title {line-height:70px; font-size:60px; color:#fff; font-weight:700; text-align:center;}

/* 페이지 로케이션 */
.location {border-top:1px solid #68c2e7; background:#27a7dd; box-sizing:border-box;}
.location .list .depth {position:relative; float:left; width:231px; border-right:1px solid #68c2e7; box-sizing:border-box;}
/*.location .list .depth {position:relative; float:left; width:206px; border-right:1px solid #68c2e7; box-sizing:border-box;}*/
.location .list .depth:after {content:''; display:block; height:0; font-size:0; clear:both;}
.location .list .depth>a {display:block; width:100%; height:60px; padding-left:30px; line-height:60px; font-size:20px; font-weight:500; color:#fff; box-sizing:border-box;}
.location .list .depth>a:after {content:''; position:absolute; width:5px; height:5px; top:26px; right:30px; border-bottom:2px solid #fff; border-left:2px solid #fff; transform:rotate(-45deg);}
.location .list .depth:hover .sub-list {display:block;}
.location .list .home {float:left; width:69px; text-align:center; border-left:1px solid #68c2e7;  border-right:1px solid #68c2e7;}
.location .list .home a {display:block; height:60px; padding-top:21px; box-sizing:border-box;}
.location .list .sub-list {display:none; position:absolute; left:-1px; top:60px; width:100%; padding-top:11px; padding-bottom:13px; border:1px solid #e8e8e8; background:#fff; box-shadow:10px 10px 10px 0px rgba(0,0,0,0.08);}
.location .list .sub-list li a {display:block; width:100%; padding:15px 30px; font-size:18px; color:#666; box-sizing:border-box;}

.text-box {margin-top:77px; margin-bottom:44px;}
.text-box .title {font-size:36px; line-height:48px; font-weight:bold; text-align:center;}
.text-box .description {margin-top:2px; font-size:18px; font-weight:300; line-height:26px; color:#8d8d8d; text-align:center;}

.title-image {margin-top:51px; margin-bottom:17px; text-align:center;}

.container {padding-bottom:113px;}
.container.type-content {padding-bottom:0;}

/* 게시판 목록 */
.board-list {width:100%; max-width:1200px; margin:0 auto;}
.board-list .search-box {display:flex; justify-content:flex-end;}
.board-list .search-box:after {content:''; display:block; height:0; font-size:0; clear:both;}
.board-list .search-box .select-box {float:left;}
.board-list .search-box .select-box select {width:120px;}
.board-list .search-box .select-box:after {content:'';} /*TODO fontawesome*/
.board-list .search-box input {float:left; width:243px; margin-left:3px;}
.board-list .search-box button {float:left; width:80px; margin-left:3px; padding:12px 0;}
.board-list .list-border {width:100%; margin-top:20px; border-top:2px solid #32abdf;}
.board-list .list-border .no {width:10%;}
.board-list .list-border .title {width:63%;}
.board-list .list-border .date {width:17%;}
.board-list .list-border .views {width:10%;}
.board-list .list-border .head div {float:left; padding:26px 0; font-size:18px; font-weight:500; line-height:26px; color:#32abdf; text-align:center;}
.board-list .list-border .list div {float:left; padding:26px 0; font-size:18px; color:#666; text-align:center; border-bottom:1px solid #e3e3e3; box-sizing:border-box;}
.board-list .list-border .head, .board-list .list-border .list li {border-bottom:1px solid #e3e3e3;}
.board-list .list-border .head:after, .board-list .list-border .list li:after {content:''; display:block; height:0; clear:both;}
.board-list .list-border .list .title {text-align:left; padding-left:28px;}
.board-list .list-border .list .title a {display:inline-block; width:100%; font-size:18px; color:#000; vertical-align:top; text-overflow:ellipsis; white-space:nowrap; overflow: hidden;}
.board-list .board-paging {margin-top:59px; text-align:center;}
.board-list .board-paging .btn-prev {margin-right:35px;}
.board-list .board-paging .btn-prev:after {content:''; display:block; width:10px; height:10px; margin-top:18px; margin-left:22px; border-top:2px solid #bdbdbd; border-left:2px solid #bdbdbd; transform:rotate(-45deg);}
.board-list .board-paging .btn-next {margin-left:35px;}
.board-list .board-paging .btn-next:after {content:''; display:block; width:10px; height:10px; margin-top:18px; margin-left:17px; border-top:2px solid #bdbdbd; border-right:2px solid #bdbdbd; transform:rotate(45deg);}
.board-list .board-paging a {display:inline-block; width:51px; height:49px; margin:0 5px; font-size:16px; line-height:49px; letter-spacing:-0.025em; color:#666; vertical-align:top; border:1px solid #ddd; border-radius:25px;}
.board-list .board-paging a.on {color:#fff; background:#32abdf;}

/* 갤러리 */
.gallery-list {width:100%; max-width:1320px; margin:0 auto; padding-top:34px;}
.gallery-list ul:after {content:''; display:block; height:0; clear:both;}
.gallery-list li {float:left; width:22.27%; margin-left:2.27%; margin-bottom:30px; border:1px solid #e8e8e8; box-shadow:10px 10px 10px 0px rgba(0,0,0, 0.15); box-sizing:border-box;}
.gallery-list li a {display:block; }
.gallery-list li a .image img {width:100%;}
.gallery-list li a .text {padding:28px 10px;}
.gallery-list li a .text strong {display:block; font-size:18px; line-height:24px; color:#000; letter-spacing:-0.025em; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow: hidden;}
.gallery-list li a .text .date {display:block; margin-top:13px; font-size:16px; line-height:22px; color:#999; text-align:center;}
.gallery-list .board-paging {margin-top:59px; text-align:center;}
.gallery-list .board-paging .btn-prev {margin-right:35px;}
.gallery-list .board-paging .btn-prev:after {content:''; display:block; width:10px; height:10px; margin-top:18px; margin-left:22px; border-top:2px solid #bdbdbd; border-left:2px solid #bdbdbd; transform:rotate(-45deg);}
.gallery-list .board-paging .btn-next {margin-left:35px;}
.gallery-list .board-paging .btn-next:after {content:''; display:block; width:10px; height:10px; margin-top:18px; margin-left:17px; border-top:2px solid #bdbdbd; border-right:2px solid #bdbdbd; transform:rotate(45deg);}
.gallery-list .board-paging a {display:inline-block; width:51px; height:49px; margin:0 5px; font-size:16px; line-height:49px; letter-spacing:-0.025em; color:#666; vertical-align:top; border:1px solid #ddd; border-radius:25px;}
.gallery-list .board-paging a.on {color:#fff; background:#32abdf;}

/*  게시판 상세 */
.board-view {width:100%; max-width:1200px; margin:0 auto;}
.board-view .view-border {border-top:2px solid #68c2e7;}
.board-view .view-border .view-title {padding-top:25px; padding-left:60px; padding-bottom:31px; background:#fafafc; box-sizing:border-box;}
.board-view .view-border .view-title h3 {font-size:22px; color:#000; letter-spacing:-0.025em; line-height:42px;}
.board-view .view-border .view-title dl {margin-top:4px;}
.board-view .view-border .view-title dl dt {display:inline-block; margin-right:11px; font-size:16px; line-height:32px; color:#666; letter-spacing:-0.025em;}
.board-view .view-border .view-title dl dd {display:inline-block; position:relative; margin-right:6%; padding-left:15px; font-size:16px; line-height:32px; color:#999; letter-spacing:-0.025em;}
.board-view .view-border .view-title dl dd:before {content:''; position:absolute; top:16px; left:0; width:3px; height:3px; background:#a7aeb1;}
.board-view .view-border .view-contents {padding:40px 60px 70px 60px; font-size:18px; font-weight:300; line-height:30px; letter-spacing:-0.025em; color:#666; border-bottom:1px solid #e3e3e3;}
.board-view .view-border .view-more div {height:70px; line-height:70px; border-bottom:1px solid #e3e3e3;}
.board-view .view-border .view-more div span {display:inline-block; margin-left:19px; font-size:18px; vertical-align:middle; color:#666;}
.board-view .view-border .view-more div a {display:inline-block; width:76%; margin-left:54px; font-size:18px; vertical-align:middle; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow: hidden;}
.board-view .view-border .view-more div:before {content:''; display:inline-block; width:9px; height:9px; margin-left:25px; vertical-align:middle; border-top:2px solid #c2c2c2; border-left:2px solid #c2c2c2;}
.board-view .view-border .view-more .prev:before {margin-top:9px; transform:rotate(45deg);}
.board-view .view-border .view-more .next:before {margin-bottom:8px; transform:rotate(-135deg);}

/* 게시판 폼 */
.board-view {width:100%; max-width:1200px; margin:0 auto;}
.board-form .form-border {border-top:2px solid #68c2e7;}
.board-form .form-border dl {display:table; width:100%; border-bottom:1px solid #e3e3e3;}
.board-form .form-border dl dt {display:table-cell; width:20.25%; height:80px; font-size:18px; text-align:center; color:#000; letter-spacing:-0.025em; vertical-align:middle; background:#fafafc;}
.board-form .form-border dl dd {display:table-cell; width:79.75%; padding:15px 30px; font-size:18px; font-weight:300; color:#666; letter-spacing:-0.025em; vertical-align:middle; box-sizing:border-box;}
.board-form .form-border dl dd input {color:#666;}
.board-form .form-border dl dd.student-info input[type=text] {margin-right:19px;}
.board-form .form-border dl dd.student-info span {margin-right:30px;}
.board-form .form-border dl dd.student-info input::placeholder {color:#fff;}
.board-form .form-border dl dd.phone select {width:113px; margin-right:5px;}
.board-form .form-border dl dd.phone input {width:113px; margin:0 5px;}
.board-form .form-border dl dd.time input {margin-right:11px;}
.board-form .form-border dl dd.time input::placeholder {color:transparent;}
.board-form .form-border dl dd.time span {margin-right:24px;}
.board-form .form-border dl dd.memo {padding:30px;}
.board-form .form-border dl dd.memo textarea {width:100%;}
.board-form .noti {display:block; margin-top:28px; margin-left:47px; font-size:18px; color:#666; letter-spacing:-0.025em;}

/* 버튼 */
.btn-area {margin-top:70px; text-align:center;}
.btn-area .btn {display:inline-block; width:158px; margin:0 3px; box-sizing:border-box;}

/* 탭 */
.tab-box {text-align:center;}
.tab-box .tab-inner {display:inline-block; max-width:1100px; vertical-align:top;}
.tab-box .tab-inner:after {content:''; display:block; height:0; clear:both;}
.tab-box .tab {float:left; width:450px; height:72px; line-height:66px; font-size:20px; color:#ccc; text-align:center; border:3px solid #efefef; border-right:none; box-sizing:border-box;}
.tab-box .tab:last-child {border-right:3px solid #efefef;}
.tab-box .tab.on {color:#000; border-color:#27a7dd; border-right:3px solid #27a7dd;}
.tab-box .tab.on + .tab {border-left:none;}
.tab-box.third .tab {width:300px;}
.tab-box.type02 .tab-inner {width:100%; max-width:1300px; padding:0 8.86vw; box-sizing:border-box;}
.tab-box.type02 .tab {float:left; width:20%; height:72px; line-height:66px; font-size:20px; color:#666; text-align:center; border-left:none; border-right:none; box-sizing:border-box;}
.tab-box.type02 .tab.on {color:#fff; border:none; background:#0e64ad;}
.tab-box.type02 .tab:first-child {border-left:3px solid #efefef;}
.tab-box.type02 .tab:last-child {border-right:3px solid #efefef;}
.tab-contents {display:none;}
.tab-contents.on {display:block;}
.type-content section .image {width:100%; margin:0 auto;}
.type-content section.type01 .image {width:90.90%; max-width:1500px;}
.type-content section.type02 .image {width:95.15%; max-width:1580px;}
.type-content section.type03 .image {width:70.30%; max-width:831px;}
.type-content section.type04 .image {width:80%; max-width:1231px;}
.type-content section.type05 .image {width:92.12%; max-width:1520px;}
.type-content section.type06 .image {width:93.33%; max-width:1540px;}
.type-content section.type07 .image {width:84.84%; max-width:1400px;}
.type-content section .image img {width:100%;}

/* 브랜드 */
.type-content .brand-bg01 {background:url(../images/sub/brand/brand01-bg.jpg) no-repeat center center; background-size:cover;}
.type-content .brand-bg03 {background:url(../images/sub/brand/brand03-bg.jpg) no-repeat center center; background-size:cover;}

/* 프로그램 */
.type-content .reading-touch-process01-bg {background:url(../images/sub/program/reading-touch-process01-bg.jpg) no-repeat center center; background-size:cover;;}
.type-content .rtp01-bg {background:url(../images/sub/program/rtp-overview-bg.jpg) no-repeat center center; background-size:cover;}
.type-content .rtp02-bg {background:url(../images/sub/program/rtp-feature01-bg.jpg) no-repeat center center; background-size:cover;}
.type-content .mind-touch01-bg {background:url(../images/sub/program/mind-touch01-bg.jpg) no-repeat center center; background-size:cover;}
.type-content .seaking-touch01-bg {background:url(../images/sub/program/speaking-touch-overview01-bg.jpg) no-repeat center center; background-size:cover;}
.type-content .seaking-touch02-bg {background:url(../images/sub/program/speaking-touch-overview03-bg.jpg) no-repeat center center; background-size:cover;}

/* 입학안내 */
.type-content .admission-guide-bg {background:url(../images/sub/admission-guide/admission-guide-bg.jpg) no-repeat center center; background-size:cover;}

.type-content .bg-sky-blue {background:#e3f1f8;}
.type-content .bg-pink {background:#fef5f9;}
.type-content .bg-purple {background:#f1eff6;}
.type-content .bg-yellow-green {background:#f0fbfb;}
.type-content .bg-green {background:#e7f8e3;}
.type-content .bg-green2 {background:#e3f8f0;}
.type-content .bg-blue {background:#27a7dd;}
.type-content .bg-yellow {background:#f8f8e3;}
.type-content .bg-gray {background:#f3f3f3;}

/* 로그인 */
.login-wrap .inner {width:100%; max-width:654px; padding-top:165px;}
.login-wrap .login-box {width:100%; padding-top:66px; padding-bottom:57px; border:3px solid #d3d3d3; border-radius:6px; box-sizing:border-box;}
.login-wrap .login-box .title {font-family:'Roboto'; font-size:60px; font-weight:500; color:#000; text-align:center;}
.login-wrap .login-box .description {font-size:18px; letter-spacing:-0.025em; color:#666; text-align:center;}
.login-wrap .login-box .login-form {margin-top:54px; padding:0 121px;}
.login-wrap .login-box .login-form .input-text {display:block; width:100%; margin-bottom:13px;}
.login-wrap .login-box .login-form .input-text input {width:100%; font-size:18px; color:#666; text-indent:21px; background:#e4e4e4; border-radius:0;}
.login-wrap .login-box .login-form label {font-size:16px; letter-spacing:-0.025em; color:#666;}
.login-wrap .login-box .login-form .btn {display:block; width:100%; margin-top:29px; padding:22px 0; font-size:24px; border-radius:0;}
.login-wrap .btn-area {margin-top:35px;}
.login-wrap .btn-area .btn {width:309px; height:120px; margin:0; padding:0 0 0 40px; font-size:24px; color:#fff; line-height:120px; border-radius:6px; background:#255098; box-shadow:8px 13px 19px 0px rgba(0,0,0,0.15);}
.login-wrap .btn-area .btn:nth-of-type(1) {margin-right:12px;}
.login-wrap .btn-area .btn:after {content:'GO'; float:right; width:52px; font-size:16px; color:#fff; text-align:center; vertical-align:top; border-top-right-radius:6px; border-bottom-right-radius:6px; background:#1a386a;}

/* 슬라이더 */
.slide-wrap {position:relative; width:90vw; max-width:1500px; padding-bottom:9vw; margin:0 auto;}
.slide-wrap .dots {text-align:center;}
.slide-wrap .dots li {display:inline-block; margin:0 4px;}
.slide-wrap .dots li button {width:12px; height:12px; border-radius:50%; text-indent:-9999em; background:#1f67ec; opacity:0.3;}
.slide-wrap .dots li.slick-active button {opacity:1;}
.slide-wrap .btn-play {position:absolute; bottom:8.4vw; left:50%; width:32px; height:30px; margin-left:-100px; border:1px solid rgba(31,103,236, 0.3); text-align:center;}
.slide-wrap .btn-play .btn-inner {display:block; width:100%; height:28px; padding-top:7px; box-sizing:border-box;}
.slide-wrap .btn-play .btn-inner:before {content:''; display:inline-block; width:3px; height:14px; vertical-align:top; border-radius:2px; background:#1f67ec;}
.slide-wrap .btn-play .btn-inner:after {content:''; display:inline-block; width:3px; height:14px; margin-left:3px; vertical-align:top; border-radius:2px; background:#1f67ec;}
.slide-wrap .btn-play.stop .btn-inner:before {content:''; width:0px; height:0px; border-top:7px solid transparent; border-bottom:7px solid transparent; border-right:none; border-left:14px solid #1f67ec; border-radius:none; background:transparent;}
.slide-wrap .btn-play.stop .btn-inner:after {display:none;}
.slide-wrap.slide-type02 {padding:3vw 0; margin:0 auto 7vw; background:#57bebb; border-radius:2vw;} /*200309*/ /* 200325 */
.slide-wrap.slide-type02 .dots {margin-top:2vw;}
.slide-wrap.slide-type02 .dots li button {background:#fff; opacity:0.3;}
.slide-wrap.slide-type02 .dots li.slick-active button {opacity:1;}
.slide-wrap.slide-type02 .btn-play {bottom:2.6vw;}
.slide-wrap.slide-type02 .btn-play {border:1px solid rgba(255,255,255, 0.3)}
.slide-wrap.slide-type02 .btn-play .btn-inner:before {background:#fff;}
.slide-wrap.slide-type02 .btn-play .btn-inner:after {background:#fff;}
.slide-wrap.slide-type02 .btn-play.stop .btn-inner:before {border-left:14px solid #fff; background:transparent;}
.slide-wrap.slide-type03 {padding:0 0 3vw; margin:0 auto 7vw; background:#e3f1f8; border-radius:2vw;} /*200317*/ /*200325*/
.slide-wrap.slide-type03 .dots li button {background:#27a7dd; opacity:0.3;}
.slide-wrap.slide-type03 .dots li.slick-active button {opacity:1;}
.slide-wrap.slide-type03 .btn-play {bottom:2.6vw; margin-left:-71px;}
.slide-wrap.slide-type03 .btn-play {border:1px solid #27a7dd}
.slide-wrap.slide-type03 .btn-play .btn-inner:before {background:#27a7dd;}
.slide-wrap.slide-type03 .btn-play .btn-inner:after {background:#27a7dd;}
.slide-wrap.slide-type03 .btn-play.stop .btn-inner:before {border-left:14px solid #27a7dd; background:transparent;}
.slide-wrap.slide-type03 .slick-slide img {margin:auto;}
.rtp-slide .slide img {padding:0 19.33vw; box-sizing:border-box;}
.speaking-slide {margin-top:43px;}
.speaking-slide .slide-wrap {max-width:618px;}
.speaking-slide .slick-prev {position:absolute; top:142px; left:-9.4vw; text-indent:-9999em;}
.speaking-slide .slick-prev:after {content:''; display:block; width:70px; height:70px; border-top:10px solid #27a7dd; border-left:10px solid #27a7dd; transform:rotate(-45deg);}
.speaking-slide .slick-next {position:absolute; top:142px; right:-9.4vw; text-indent:-9999em;}
.speaking-slide .slick-next:after {content:''; display:block; width:70px; height:70px; border-top:10px solid #27a7dd; border-right:10px solid #27a7dd; transform:rotate(45deg);}

/*슬라이더 탭*/
.slide-tab-box {margin-bottom:92px; text-align:center;}
.slide-tab-box .tab {display:inline-block; width:174px; margin:0 2px; font-size:20px; color:#000; text-align:center; line-height:63px; letter-spacing:-0.05em; border:2px solid #27a7dd; border-radius:34px; background:#fff; box-sizing:border-box; box-shadow:7px 10px 6px 0px rgba(0,0,0,0.15);}
.slide-tab-box .tab.on {color:#fff; background:#27a7dd;}

/* 찾아오시는 길 */
.location-wrap {width:95%; max-width:1000px; margin:0 auto;}
.location-wrap .map {height:572px; border:1px solid #a9a899;}
.location-wrap .location-info dl dt {display:inline-block; font-size:22px; line-height:48px; letter-spacing:-0.025em; color:#27a7dd;}
.location-wrap .location-info dl dt:before {content:''; display:inline-block; width:38px; height:39px; margin-right:19px; vertical-align:middle; background:url('../images/sub/introduction/icon.png') no-repeat 4px 0;}
.location-wrap .location-info dl dt:nth-of-type(2):before {background-position:right 0;}
.location-wrap .location-info dl dt:after {content:''; display:inline-block; margin-left:14px; width:1px; height:15px; background:#b1b1b1;}
.location-wrap .location-info dl dd {display:inline-block; padding-left:15px; font-size:22px; line-height:48px; letter-spacing:-0.025em; color:#000;}
.location-wrap .location-info dl dd:nth-of-type(1) {margin-right:3.90vw;}

/*이용약관*/
.terms-wrap .inner {width:95%; max-width:1300px;}
.terms-wrap .description {padding:47px 40px 70px; font-size:16px; line-height:26px; letter-spacing:-0.025em; color:#666; border:1px solid #d1d1d1;}
.terms-wrap .description strong {color:#000;}

@media (max-width: 1320px) {
    .tab-box .tab {width:45vw;}
    .tab-box.type02 .tab-inner {padding:0 3.125vw;}
    .tab-box.third .tab {width:30vw;}

    .rtp-slide .slide img {padding:0 10vw;}
}
@media (max-width: 900px) {
    .speaking-slide .slide-wrap {padding-left:7vw;}
    .speaking-slide .slick-prev {left:-9.4vw;}
    .speaking-slide .slick-next {right:-2.4vw;}
}
@media (max-width: 767px) {
    .inner {padding:0;}

    .btn-area {margin-top:9.062vw;}
    .btn-area .btn {margin:0; padding:3.125vw 0; font-size:3.75vw; line-height:inherit;}

    /* 비주얼 */
    .wrap {padding-top:15.625vw;}
    .visual {height:34.375vw; padding-top:11.562vw;}
    .visual.admission-guide-bg {background-image: url(../images/sub/visual-admission-guide.jpg);}
    .visual.brand-bg {background-image: url(../images/sub/visual-brand.jpg);}
    .visual.community-bg {background-image: url(../images/sub/visual-community.jpg);}
    .visual.mypage-bg {background-image: url(../images/sub/visual-mypage.jpg);}
    .visual.program-bg {background-image: url(../images/sub/visual-program.jpg);}
    .visual.support-center-bg {background-image: url(../images/sub/visual-support-center.jpg);}
    .visual .title {font-size:9.375vw; line-height:inherit;}

    /* 페이지 로케이션 */
    .location .list .home {display:none;}
    .location .list .depth {width:35.93%;}
    .location .list .depth>a {height:10.937vw; padding-left:3.125vw; font-size:3.75vw; line-height:10.937vw;}
    .location .list .depth>a:after {width:1.562vw; height:1.562vw; top:4.062vw; right:4.687vw;}
    .location .list .sub-list {top:10.937vw;}

    .text-box {margin-top:9.375vw; margin-bottom:9.375vw;}
    .text-box .title {font-size:7.5vw; line-height:1em;}
    .text-box .description {font-size:3.75vw; margin-top:3.125vw; line-height:1em;}

    .container {padding-bottom:20vw;}

    /* 게시판 목록 */
    .board-list .search-box {padding:0 3.125vw; display:block;}
    .board-list .search-box .select-box {width:21.66%;}
    .board-list .search-box .select-box select {width:100%; height:9.375vw; line-height:9.375vw; padding:0 6px; font-size:3.75vw;}
    .board-list .search-box input {width:55.5%; height:9.375vw; margin-left:1.66%; font-size:3.75vw; text-indent:2.5vw; line-height:9.375vw;}
    .board-list .search-box button {width:20%; height:9.375vw; margin-left:1.16%; padding:0; font-size:3.75vw; line-height:9.375vw;}
    .board-list .list-border {margin-top:4.68vw;}
    .board-list .list-border .no, .board-list .list-border .views {display:none;}
    .board-list .list-border .head {display:none;}
    .board-list .list-border .list .title {float:none; width:100%; padding:5.313vw 2.344vw 0 2.344vw; text-align:left; border-bottom:0;}
    .board-list .list-border .list .title a {font-size:4.06vw;}
    .board-list .list-border .list .date {float:none; width:100%; padding:0.78125vw 2.344vw 4.21vw 2.344vw; font-size:3.125vw; text-align:left;}
    .board-list .board-paging {margin-top:3.437vw;}
    .board-list .board-paging .btn-prev {margin-right:5.156vw;}
    .board-list .board-paging .btn-next {margin-left:5.156vw;}
    .board-list .board-paging a {margin:0 1.875vw;}

    /* 갤러리 */
    .gallery-list {padding:0 3.125vw; box-sizing:border-box;}
    .gallery-list li {width:49.16%; margin-left:1.66%; margin-bottom:4.843vw;}
    .gallery-list li:nth-child(odd) {margin-left:0;}
    .gallery-list li a .text {padding:3.125vw 1.562vw 4.062vw;}
    .gallery-list li a .text strong {font-size:3.75vw; line-height:inherit;}
    .gallery-list li a .text .date {margin-top:0.781vw; font-size:3.125vw; line-height:inherit;}

    /*  게시판 상세 */
    .board-view .view-border .view-title {padding-top:4.062vw; padding-left:4.687vw;}
    .board-view .view-border .view-title h3 {font-size:4.062vw; line-height:inherit;}
    .board-view .view-border .view-title dl {margin-top:0.781vw;}
    .board-view .view-border .view-title dl dt {margin-right:1.718vw; font-size:3.125vw; line-height:inherit;}
    .board-view .view-border .view-title dl dd {margin-right:1.562vw; padding-left:2.343vw; font-size:3.125vw; line-height:inherit;}
    .board-view .view-border .view-title dl dd:before {content:''; position:absolute; top:2.187vw; left:0; width:3px; height:3px; background:#a7aeb1;}
    .board-view .view-border .view-contents {padding:5.312vw 4.687vw 10.937vw; font-size:3.75vw; line-height:inherit;}
    .board-view .view-border .view-more div {height:10.781vw; line-height:10.781vw;}
    .board-view .view-border .view-more div span {margin-left:2.968vw; font-size:3.75vw;}
    .board-view .view-border .view-more div a {width:71.093vw; margin-left:3.75vw; font-size:3.75vw;}
    .board-view .view-border .view-more div:before {width:1.406vw; height:1.406vw; margin-left:3.906vw;}
    .board-view .view-border .view-more .prev:before {margin-top:1.406vw;}
    .board-view .view-border .view-more .next:before {margin-bottom:1.25vw;}
    .board-view .btn-area .btn {width:93.75vw;}

    /* 게시판 폼 */
    .board-form .form-border dl dt {width:31.25vw; height:15.468vw; font-size:3.75vw; padding:0 6vw; box-sizing:border-box;}
    .board-form .form-border dl dd {width:68.75vw; height:15.468vw; padding:2.031vw 0 2.031vw 3.125vw; font-size:3.75vw;}
    .board-form .form-border dl dd input {width:47.656vw; font-size:3.75vw; text-indent:2.343vw;}
    .board-form .form-border dl dd textarea {height:38.75vw; font-size:3.75vw;}
    .board-form .form-border dl dd.student-info input[type=text] {width:30vw; margin-right:1.406vw;}
    .board-form .form-border dl dd.student-info input[type=text]:nth-of-type(2) {width:30vw; margin-right:0;}
    .board-form .form-border dl dd.student-info input[type=checkbox] {margin-left:2vw;}
    /*.board-form .form-border dl dd.student-info label {display:none;}*/
    .board-form .form-border dl dd.student-info input::placeholder {color:#666;}
    .board-form .form-border dl dd.student-info span {display:none;}
    /*.board-form .form-border dl dd.student-info span:nth-of-type(2) {display:none;}*/
    .board-form .form-border dl dd.phone select {width:17.656vw;}
    .board-form .form-border dl dd.phone input {width:17.656vw;}
    .board-form .form-border dl dd.time span {display:none;}
    .board-form .form-border dl dd.time input {width:31.25vw; margin-right:1.25vw;}
    .board-form .form-border dl dd.time input:nth-of-type(2) {width:30vw;}
    .board-form .form-border dl dd.time input::placeholder {color:#666;}
    .board-form .form-border dl dd.memo {padding:1.875vw 3.125vw;}
    .board-form .form-border dl dd .desc {display:block; margin-top:1.5vw;}
    .board-form .btn-area .btn {width:46vw;}
    .board-form .noti {margin-top:4vw; margin-left:3vw; font-size:3.4vw;}

    /* 탭 */
    .tab-box .tab {width:46.875vw; height:11.25vw; line-height:10.25vw; font-size:3.75vw;}
    .long-text {font-size:3.3vw!important;}
    .tab-box.type02 .tab {width:33.33%; height:12.5vw; line-height:12.5vw; font-size:3.75vw;}
    .tab-box.type02 .tab:nth-child(3) {border-right:3px solid #efefef;}
    .tab-box.type02 .tab:nth-child(4) {border-top:none; border-left:3px solid #efefef;}
    .tab-box.type02 .tab:nth-child(5) {border-top:none;}

    .type-content section.type01 .image,
    .type-content section.type02 .image,
    .type-content section.type03 .image,
    .type-content section.type04 .image,
    .type-content section.type05 .image,
    .type-content section.type06 .image,
    .type-content section.type07 .image {width:100%;}

    /* 로그인 */
    .login-wrap .inner {padding:23vw 5.5556vw 0;}
    .login-wrap .login-box {padding-top:10.31vw; padding-bottom:8.9vw;}
    .login-wrap .login-box .title {font-size:9.375vw;}
    .login-wrap .login-box .description {font-size:3.5vw;}
    .login-wrap .login-box .login-form {margin-top:8vw; padding:0 8vw;}
    .login-wrap .login-box .login-form .input-text {margin-bottom:2.03vw;}
    .login-wrap .login-box .login-form .btn {margin-top:4.53vw; padding:3.43vw 0; font-size:3.75vw;}
    .login-wrap .btn-area {margin-top:5.46vw;}
    .login-wrap .btn-area .btn {width:100%;  height:17vw; font-size:3.75vw; line-height:17vw;}
    .login-wrap .btn-area .btn:nth-of-type(1) {margin-right:0; margin-bottom:2.5vw;}
    .login-wrap .btn-area .btn:after {width:10vw; font-size:3vw;}

    /* 슬라이더 */
    .slide-wrap {width:100%; margin-left:0; margin-right:0;}
    .slide-wrap .dots {margin-top:4vw;}
    .slide-wrap .dots li button {width:3.125vw; height:3.125vw; max-width:12px; max-height:12px;}
    .slide-wrap .btn-play {bottom:7.5vw;}
    .slide-wrap.slide-type02 {padding:7vw 0 5vw; background:#57bebb;} /*200309*/
    .slide-wrap.slide-type02 .dots {margin-top:5vw;}
    .slide-wrap.slide-type02 .btn-play {bottom:4vw;}
    .rtp-slide .slide img {padding:0 3vw;}
    .speaking-slide {margin-top:3.6vw;}
    .slide-tab-box {margin-bottom:11vw;}
    .slide-tab-box .tab {width:27vw; font-size:3.4vw; line-height:9.2vw;}
    .speaking-slide .slide-wrap {width:80%; margin:0 7% 0 13%; padding-left:0;}
    .speaking-slide .slick-prev {left:-9vw; top:50%; margin-top:-6.51vw;}
    .speaking-slide .slick-prev:after {width:6.51vw; height:6.51vw; border-top-width: 1.04vw; border-left-width: 1.04vw;}
    .speaking-slide .slick-next {right:-3.5vw; top:50%; margin-top:-6.51vw;}
    .speaking-slide .slick-next:after {width:6.51vw; height:6.51vw; border-top-width: 1.04vw; border-right-width: 1.04vw;}
    .slide-tab-box .tab:nth-of-type(n+3) {margin-top:10px;}
    .slide-wrap.slide-type03 .dots {margin-top:0;}

    /* 찾아오시는 길 */
    .location-wrap .map {height:78.125vw;}
    .location-wrap .location-info dl dt {width:22%; font-size:3.75vw; line-height:7.5vw; vertical-align:top;}
    .location-wrap .location-info dl dt:before {width:5.9375vw; height:6.037vw; margin-right:2.96vw; background-position:0.625vw; background-size:cover;}
    .location-wrap .location-info dl dt:after {margin-left:2.18vw; width:1px; height:2.343vw;}
    .location-wrap .location-info dl dd {width:70%; padding-left:2.343vw; font-size:3.75vw; line-height:7.5vw;}
    .location-wrap .location-info dl dd:nth-of-type(1) {margin-right:0;}

    /*이용약관*/
    .terms-wrap .description {padding:7.34375vw 6.25vw 10.9375vw;}
}