@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,400;0,500;0,600;0,700;0,800;1,200;1,400;1,500;1,600;1,700;1,800&display=swap');
/* @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css"); */

/* Reset */
*{margin:0;padding:0;}
html,body{width:100%;}
html{overflow-y:scroll; overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}

body,h1,h2,h3,h4,input,button{font-family: "Poppins", sans-serif; font-size:14px; font-weight:500; letter-spacing:0px; color:#333;}
body{height:100%; background:#FFF; word-break:keep-all; padding:0; margin:0; position:relative;}
body.noScroll {position:fixed; width:100%; height:100%; left:0; top:0; overflow:hidden;}
img,fieldset,iframe{border:0 none}
div {display:block; box-sizing:border-box;}
li{list-style:none; box-sizing:border-box;}
input,select,button{vertical-align:middle; font-family: "Poppins", sans-serif; font-size:14px; font-weight:400; letter-spacing:0px; outline:none; color:#333; box-sizing:border-box;}
textarea {font-family: "Poppins", sans-serif; font-weight:500; box-sizing:border-box;}
input {letter-spacing:0;}
input, select:focus {outline: none;}
*:focus {outline:none; box-shadow: none;}
optgroup {font-weight: bolder;}
img{vertical-align:middle; width:100%;}
em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0; border:0; background:none; cursor:pointer;}
a{color:#333;text-decoration:none}
a:hover{text-decoration:none;}
button *{position:relative}
legend,hr{visibility:hidden;width:0;height:0;font-size:0;line-height:0}
caption{display:none; overflow:hidden;}
table{border-collapse:collapse;table-layout:fixed; border-collapse:collapse;border-spacing:0;}
table caption{display:none;}
table th, table td {box-sizing:border-box;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #999;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #999;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #999;
}
:-moz-placeholder { /* Firefox 18- */
    color: #999;
}

input, textarea, button {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
input, textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; }
.embed-container iframe, .embed-container object, .embed-container embed , .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.chkB {display:inline-block;}
.chkB input {position:absolute; visibility:hidden;}
.chkB input + span {display:inline-flex; justify-content:flex-start; align-items:center; gap:5px; position:relative;}
.chkB input + span:before {content:''; display:inline-block; width:18px; height:18px; background:url(/pub/img/bg_chk_off.svg) no-repeat 50% 50%; background-size:100%;}
.chkB input:checked + span:before {background:url(/pub/img/bg_chk_on.svg) no-repeat 50% 50%; background-size:100%;}

.radioB {display:inline-block;}
.radioB input {position:absolute; visibility:hidden;}
.radioB input + span {display:inline-flex; justify-content:flex-start; align-items:center; gap:5px; position:relative;}
.radioB input + span:before {content:''; display:inline-block; width:20px; height:20px; background:url(/pub/img/bg_radio_off.svg) no-repeat 50% 50%; background-size:100%;}
.radioB input:checked + span:before {background:url(/pub/img/bg_radio_on.svg) no-repeat 50% 50%; background-size:100%;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #999;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #999;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #999;
}
:-moz-placeholder { /* Firefox 18- */
    color: #999;
}

.wrap {position:relative;}

.gloHeader {position:fixed; left:0; top:0; display:block; width:100%; height:auto; border-bottom:1px solid #eee; background:rgba(255, 255, 255, 0.9); z-index:110; backdrop-filter: blur(39px); -webkit-backdrop-filter: blur(39px);}
.gloHeader .inner {display:flex; justify-content:space-between; align-items:center; width:100%; max-width:1440px; margin:0 auto; position:relative;}
.gloHeader .inner .brName {position:absolute; left:150px; top:22px; height:30px; line-height:30px; font-size:18px; font-weight:700; color:#ed0080;}
.gloHeader .inner .logo {display:block;}
.gloHeader .inner .logo a {display:block; width:124px; height:30px; background:url(../img/logo.svg) no-repeat 50% 50%; background-size:100%;}
.gloHeader .inner .naviSec {display:flex; justify-content:flex-start; align-items:center;}
.gloHeader .inner .naviSec nav {display:flex; justify-content:flex-start; align-items:center; gap:0;}
.gloHeader .inner .naviSec nav .dep01Menu {display:block; position:relative;}
.gloHeader .inner .naviSec nav .dep01Menu > a {display:block; color:#222; font-size:16px; padding:26px 24px; position:relative; font-weight:500;}
.gloHeader .inner .naviSec nav .dep01Menu > a:after {content:''; position:absolute; left:50%; bottom:20px; width:0; transform:translate(-50%, 0); height:2px; background:#53CDB5; opacity:0; transition:.4s all;}
.gloHeader .inner .naviSec nav .dep01Menu ul {height:0; position:absolute; left:50%; transform:translate(-50%, 0); top:77px; width:100%; background:#FFF; border:1px solid #eee; border-top:0; border-radius:0 0 16px 16px; box-sizing:border-box; opacity:0; padding:0 24px; z-index:-1; transition:.4s all; backdrop-filter: blur(39px); -webkit-backdrop-filter: blur(39px);}
.gloHeader .inner .naviSec nav .dep01Menu ul li {display:block; height:0;}
.gloHeader .inner .naviSec nav .dep01Menu ul li > a {display:block; color:#444; font-size:0; opacity:0;}
.gloHeader .inner .naviSec nav .dep01Menu ul li > a:hover {color:#53CDB5; text-decoration:underline;}
.gloHeader .inner .naviSec nav .dep01Menu ul.sub01 {width:130px;}
.gloHeader .inner .naviSec nav .dep01Menu ul.sub02 {width:165px;}
.gloHeader .inner .naviSec nav .dep01Menu ul.sub03 {width:226px;}
.gloHeader .inner .naviSec nav .dep01Menu ul.sub08 {width:220px;}
.gloHeader .inner .naviSec nav .dep01Menu.over > a {color:#53CDB5;}
.gloHeader .inner .naviSec nav .dep01Menu.over > a:after {width:calc(100% - 46px); opacity:1.0;}
.gloHeader .inner .naviSec nav .dep01Menu > a.active {color:#53CDB5;}
.gloHeader .inner .naviSec nav .dep01Menu > a.active:after {width:calc(100% - 46px); opacity:1.0;}
.gloHeader .inner .naviSec nav .dep01Menu.over ul {height:auto; padding:12px 24px 24px; opacity:1.0; top:77px; z-index:10; background:rgba(255, 255, 255, 0.9); backdrop-filter: blur(39px); -webkit-backdrop-filter: blur(39px); z-index:110;}
.gloHeader .inner .naviSec nav .dep01Menu.over ul li {height:auto;}
.gloHeader .inner .naviSec nav .dep01Menu.over ul li a {opacity:1.0; padding:6px 0; font-size:16px;}
.gloHeader .inner .naviSec .icoMenu {display:none;}
.gloHeader .inner .naviSec nav .navFunc {display:none;}

.mainVisual {position:relative; margin-top:78px; overflow:hidden;}
.mainVisual .mVisualBox {position:relative;}
.mainVisual .mVisualBox img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%;}
.mainVisual .mVisualBox:after {content:''; display:block; height:auto; padding-bottom:42%;}
.mainVisual .mVisualBox.v01 {background:url(../img/main_visual.jpg) no-repeat center/cover; background-size:cover;}
.mainVisual .mVisualBox.v02 {background:url(../img/main_visual.jpg) no-repeat center/cover; background-size:cover;}
.mainVisual .mVisualBox.v03 {background:url(../img/main_visual.jpg) no-repeat center/cover; background-size:cover;}
.mainVisual .mVisualBox .txtSec {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; max-width:1440px; height:auto;}
.mainVisual .mVisualBox .txtSec .desc {color:#FFF; font-size:24px;}
.mainVisual .mVisualBox .txtSec .headCopy {color:#FFF; font-size:68px; font-weight:700;}
.mainVisual .mVisualBox .txtSec .headCopy em {color:#FF0000;}
.mainVisual .visualFunc {position:absolute; left:50%; bottom:56px; transform:translate(-50%, 0); width:100%; max-width:1440px; height:auto; display:flex; justify-content:flex-start; align-items:center; z-index:10; gap:12px;}
.mainVisual .visualFunc .visual-prev {display:block; width:30px; height:30px; background:url(../img/ar_dir.svg) no-repeat 50% 50%; background-size:100%; transform:rotate(180deg); cursor:pointer;}
.mainVisual .visualFunc .visual-next {display:block; width:30px; height:30px; background:url(../img/ar_dir.svg) no-repeat 50% 50%; background-size:100%; cursor:pointer;}
.mainVisual .visualFunc .visual-pagination.swiper-pagination-fraction {display:block; width:auto; color:#FFF; font-size:16px; width:38px; text-align:center;}

.mainVisual .fcName {position:absolute; width:100%; max-width:1440px; left:50%; bottom:-48px; transform:translate(-50%, 0); text-align:center; color:#FFF; font-size:110px; font-weight:900; z-index:10; text-shadow: 0px 0px 10px rgba(0,0, 0, 0.2);}
section {position:relative;}
section.bgMint {background:#1ABC9C;}
section.bgGray {background:#F8F8F8;}
section.footer {background:#181818;}
section.footer .inner {padding:0;}
section .inner {position:relative; width:100%; max-width:1440px; margin:0 auto; padding:140px 0;}
section .inner.short {padding:0;}
section .inner.short .mainPrts {padding-bottom:0;}
section .inner.short .mainPrts.main {padding-bottom:140px;}
section .inner.btmNoPad {padding-bottom:0;}
section .comnTitle {color:#1ABC9C; font-size:44px; font-weight:700; line-height:1.3; text-transform:uppercase;}
section .comnTitle em {color:#FF0000;}
section .comnTitle.tBlack {color:#222;}
section .comnDesc {color:#333; font-size:20px; line-height:1.4;}
section .comnDesc.subGreeting {margin-bottom:10px; text-transform:uppercase;}
section .topDesc {color:#333; font-size:20px; line-height:1.4; margin-bottom:12px;}
section .proTitle {color:#36C4A8; font-size:42px; font-weight:700; text-align:center; margin-bottom:80px; text-transform:uppercase;}
section .proTitle span {display:block; text-align:center; color:#777; font-size:16px; line-height:1.4; font-weight:500; text-transform:capitalize;}
section.bgMint .proTitle{color:#FFF;}
section.bgMint .proTitle span {color:#FFF;}
section.bgMint .proTitle span.marTop {margin-top:24px;}
section.bgMint .proTitle span.strong {font-weight:700; margin-top:12px;}
section.bgMint.kor .inner {padding:80px 0;}
section.bgMint .regist {color:#FFF; text-align:center; font-size:20px; font-weight:700; margin-top:10px;}
section.bgGray .proTitle{color:#222;}
section.guide .inner {padding:80px 0;}
.comnTitleSec {display:flex; justify-content:flex-start; align-items:flex-start;}
.comnTitleSec .titleSec {width:50%;}
.comnTitleSec .descSec {width:50%;}
.comnTitleSec .descSec .desc {color:#222; font-size:20px; line-height:1.4;}
.comnTitleSec .descSec .descItems {position:relative; margin-top:16px;}
.comnTitleSec .descSec .descItems li {display:block; text-align:left; padding-left:10px; position:relative; color:#222; font-size:20px; line-height:1.4;}
.comnTitleSec .descSec .descItems li:after {content:''; position:absolute; left:0; top:8px; width:2px; height:2px; background:#222; border-radius:50%;}
.comnTitleSec .descSec .viewMore {display:inline-block; color:#999; font-size:20px; font-weight:400; margin-top:24px; text-decoration:underline;}

.mainPrts {display:flex; justify-content:flex-start; align-items:stretch; gap:56px 36px; flex-wrap:wrap; padding-bottom:140px;}
.mainPrts.black .prtInfo .prtName {color:#222;}
.mainPrts.black .prtInfo .prtDescItems li {color:#777;}
.mainPrts.evenly .perPrts {width:calc(50% - 18px);}
.deviceSec {display:flex; justify-content:flex-start; align-items:stretch; gap:56px 36px; flex-wrap:wrap;}

.perPrts {display:block; width:calc(33.33334% - 24px);}
.perPrts a {display:block;}
.perPrts .thumb {border-radius:40px; overflow:hidden;}
.perPrts .prtInfo {margin-top:24px;}
.perPrts .prtInfo .prtName {color:#1ABC9C; font-size:24px; font-weight:700; margin-bottom:16px; text-transform:uppercase;}
.perPrts .prtInfo .prtName a {display:block; color:#1ABC9C;}
.perPrts .prtInfo .prtName span {font-weight:400;}
.perPrts .prtInfo .prtDesc {color:#222; font-size:16px; line-height:1.4;}
.perPrts .prtInfo .prtDescItems li {display:block; color:#222; font-size:16px; line-height:1.4; position:relative; padding-left:14px;}
.perPrts .prtInfo .prtDescItems li:after {content:''; position:absolute; left:0; top:8px; width:3px; height:3px; background:#777; border-radius:50%;}

section.bgGray .contProgram .proTitle {color:#36C4A8;}
section.bgGray .contProgram .mainPrts {padding:0;}
section.bgGray .contProgram .mainPrts .perPrts .prtInfo .prtDescItems li {margin-bottom:8px;}

.fullCont {display:flex; justify-content:flex-start; align-items:stretch;}
.fullCont.reverse {flex-direction:row-reverse;}
.fullCont.reverse .txtSec {justify-content:flex-start; padding:140px 0 140px 120px;}
.fullCont .txtSec {width:50%; background:#F8F8F8; padding:140px 120px 140px 0; display:flex; justify-content:flex-end; align-items:center;}
.fullCont .txtSec.white {background:#FFF;}
.fullCont .txtSec .txtBox {width:100%; max-width:calc(720px - 120px);}
.fullCont .txtSec .txtBox .title {color:#1ABC9C; font-size:42px; font-weight:700; margin-bottom:52px; text-transform:uppercase;}
.fullCont .txtSec .txtBox .txtGroup {margin-bottom:24px;}
.fullCont .txtSec .txtBox .txtGroup:last-child {margin-bottom:0;}
.fullCont .txtSec .txtBox .txtGroup .tgTitle {color:#333; font-size:28px; font-weight:700; margin-bottom:4px; text-transform:uppercase;}
.fullCont .txtSec .txtBox .txtGroup .tgDesc {color:#777; font-size:16px; line-height:1.4;}
.fullCont .txtSec .txtBox .txtGroup .tgDesc li {display:block; color:#777; font-size:16px; line-height:1.4; padding-left:12px; position:relative;}
.fullCont .txtSec .txtBox .txtGroup .tgDesc li:after {content:''; position:absolute; left:0; top:8px; width:3px; height:3px; background:#777; border-radius:50%;}
.fullCont .imgSec {width:50%; background:url(../img/main_why.jpg) no-repeat center/cover; background-size:cover;}
.fullCont.preschool .imgSec {background:url(../img/pre_curri.jpg) no-repeat center/cover; background-size:cover;}
.fullCont .imgSec.musicImg01 {background:url(../img/music_img01.jpg) no-repeat center/cover; background-size:cover;}
.fullCont .imgSec.musicImg02 {background:url(../img/music_img02.jpg) no-repeat center/cover; background-size:cover;}
.fullCont .imgSec.sportsImg01 {background:url(../img/sports_img01.jpg) no-repeat center/cover; background-size:cover;}
.fullCont .imgSec.sportsImg02 {background:url(../img/sports_img02.jpg) no-repeat center/cover; background-size:cover;}
.fullCont .imgSec.summerImg01 {background:url(../img/summer_diff_img.jpg) no-repeat center/cover; background-size:cover;}

.appSec {display:flex; justify-content:flex-start; align-items:flex-start; gap:86px;}
.appSec .imgSec {display:block; width:496px; text-align:center;}
.appSec .imgSec img {width:100%; max-width:432px;}
.appSec .txtSec {display:block; width:calc(100% - 496px - 86px);}
.appSec .txtSec .subDesc {color:#333; font-size:20px; line-height:1.4; margin-bottom:12px;}
.appSec .txtSec .appTitle {color:#1ABC9C; font-size:42px; font-weight:700; line-height:1.2; margin-bottom:40px; text-transform:uppercase;}
.appSec .txtSec .chkPoint {display:block; margin-bottom:32px;}
.appSec .txtSec .chkPoint .chkTitle {color:#222; font-size:24px; font-weight:700; line-height:1.4; padding-left:28px; position:relative;}
.appSec .txtSec .chkPoint .chkTitle:before {content:''; position:absolute; left:0; top:8px; width:20px; height:16px; background:url(../img/ico_v.svg) no-repeat 50% 50%; background-size:100%;}
.appSec .txtSec .chkPoint .chkDesc {color:#888; font-size:16px; line-height:1.4; padding-left:28px;}
.appSec .txtSec .appBtns {display:flex; justify-content:flex-start; align-items:center; gap:16px; margin-top:64px;}
.appSec .txtSec .appBtns .apBtn {display:flex; justify-content:center; align-items:center; width:224px; padding:25px 0; border-radius:8px; border:1px solid #222;}
.appSec .txtSec .appBtns .apBtn img {width:120px;}

.mainGallery {}
.mainGallery .titleSec {position:relative;}
.mainGallery .titleSec .smTitle {color:#FFF; font-size:20px; margin-bottom:12px;}
.mainGallery .titleSec .smSlogan {color:#FFF; font-size:42px; font-weight:700; line-height:1.3; text-transform:uppercase;}
.mainGallery .titleSec .smSlogan a.viewMore {display:inline-block; color:#FFF; font-size:20px; position:relative; font-weight:400; margin-left:32px;}
.mainGallery .titleSec .smSlogan a.viewMore:after {content:''; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#FFF;}
.mainGallery .titleSec .galleryFunc {position:absolute; right:0; bottom:0; display:flex; justify-content:flex-start; align-items:center; z-index:10; gap:13px;}
.mainGallery .titleSec .galleryFunc .gallery-prev {display:block; width:50px; height:50px; background:url(../img/ico_dir.svg) no-repeat 50% 50%; background-size:100%; cursor:pointer;}
.mainGallery .titleSec .galleryFunc .gallery-next {display:block; width:50px; height:50px; background:url(../img/ico_dir.svg) no-repeat 50% 50%; background-size:100%; cursor:pointer; transform:rotate(180deg);}
.mainGallery .galleryRolling {margin-top:80px; overflow:visible;}
.mainGallery .galleryRolling .swiper-slide {width:23.75%; border-radius:40px; overflow:hidden;}
.mainGallery .galleryRolling .swiper-slide a {display:block;}

.btmInfo {display:flex; justify-content:flex-start; align-items:stretch; padding:80px 0;}
.btmInfo .perInfo {width:33.33334%;}
.btmInfo .perInfo .piTitle {color:#FFF; font-size:16px; font-weight:700; margin-bottom:16px;}
.btmInfo .perInfo li {display:block; color:#ddd; font-size:14px; line-height:1.8;}
.btmInfo .perInfo li a {display:block; color:#ddd;}
.btmInfo .perInfo .snsList {display:flex; justify-content:flex-start; align-items:flex-start; gap:16px;}
.btmInfo .perInfo .snsList .snsBtn {display:block; width:70px; height:70px;}
.btmInfo .perInfo .snsList .snsBtn.google {background:url(../img/sns_google.svg) no-repeat 50% 50%; background-size:100%;}
.btmInfo .perInfo .snsList .snsBtn.apple {background:url(../img/sns_apple.svg) no-repeat 50% 50%; background-size:100%;}
.btmInfo .perInfo .snsList .snsBtn.youtube {background:url(../img/sns_youtube.svg) no-repeat 50% 50%; background-size:100%;}
.btmInfo .perInfo .snsList .snsBtn.insta {background:url(../img/sns_insta.svg) no-repeat 50% 50%; background-size:100%;}
.btmInfo .perInfo .snsList .snsBtn.kakao {background:url(../img/sns_kakao.svg) no-repeat 50% 50%; background-size:100%;}
.copyright {padding:18px 0; text-align:center; border-top:1px solid #333; color:#555; font-size:12px; font-weight:400; line-height:1.4;}

.comnSubTitle {position:relative; background:#FFF; padding:100px 0; margin-top:78px;}
.comnSubTitle .pageTitle {color:#222; font-size:52px; font-weight:700; text-align:center; text-transform:uppercase;}
.comnSubTitle .pageLocation {color:#222; font-size:14px; display:flex; justify-content:center; align-items:center; text-align:center;}
.comnSubTitle .pageLocation span {position:relative; display:flex; justify-content:center; align-items:center; text-transform:uppercase;}
.comnSubTitle .pageLocation span:after {content:''; display:inline-block; width:21px; height:7px; background:url(../img/ar_lot.svg) no-repeat 50% top;}
.comnSubTitle .pageLocation span:last-child:after {display:none;}

.floatBnr {position:fixed; right:52px; top:596px; width:100px; background:#FFF; border-radius:16px; overflow:hidden; z-index:20; filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.10));}
.floatBnr .perBnr {display:block; border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.floatBnr .perBnr a {display:block; text-align:center; padding:16px 0 18px;}
.floatBnr .perBnr a img {width:40px;}
.floatBnr .perBnr a .ico {display:block; margin:0 auto; width:40px; height:40px;}
.floatBnr .perBnr a .ico.rClub {background:url(../img/ico_readingclub.svg) no-repeat 50% 50%; background-size:100%;}
.floatBnr .perBnr a .ico.docu {background:url(../img/ico_document.svg) no-repeat 50% 50%; background-size:100%;}
.floatBnr .perBnr a .txt {text-align:center; color:#222; font-size:11px; line-height:1.2;}
.floatBnr .perBnr a .txt strong {display:block; font-weight:700;}
.floatBnr > a {background:#222; padding:8px 0; text-align:center; color:#FFF; font-size:11px; display:block;}

.subVisual {position:relative;}
.subVisual:after {content:''; display:block; height:auto; padding-bottom:27%;}
.subVisual.gallery {background:url(../img/sv_gallery.jpg) no-repeat center/cover; background-size:cover;}
.subVisual.careers {background:url(../img/sv_careers.jpg) no-repeat center/cover; background-size:cover;}
.subVisual.franchise {background:url(../img/sv_franchise.jpg) no-repeat center/cover; background-size:cover;}
.subVisual.about {background:url(../img/sv_about.jpg) no-repeat center/cover; background-size:cover;}
.subVisual.afterschool {background:url(../img/sv_afterschool.jpg) no-repeat center/cover; background-size:cover;}
.subVisual.preschool {background:url(../img/sv_preschool.jpg) no-repeat center/cover; background-size:cover;}
.subVisual.art {background:url(../img/sv_art.jpg) no-repeat center/cover; background-size:cover;}
.subVisual.music {background:url(../img/sv_music.jpg) no-repeat center/cover; background-size:cover;}
.subVisual.academy {background:url(../img/sv_academy.jpg) no-repeat center/cover; background-size:cover;}
.subVisual.sports {background:url(../img/sv_sports.jpg) no-repeat center/cover; background-size:cover;}
.subVisual.summer {background:url(../img/sv_summer.jpg) no-repeat center/cover; background-size:cover;}
.subVisual.spring {background:url(../img/sv_spring.jpg) no-repeat center/cover; background-size:cover;}
.subVisual.winter {background:url(../img/sv_winter.jpg) no-repeat center/cover; background-size:cover;}
.subVisual.allday {background:url(../img/sv_allday.jpg) no-repeat center/cover; background-size:cover;}
.subVisual.contact {background:url(../img/sv_contact.jpg) no-repeat center/cover; background-size:cover;}
.subVisual.faq {background:url(../img/sv_faq.jpg) no-repeat center/cover; background-size:cover;}
.subVisual.tours {background:url(../img/sv_tours.jpg) no-repeat center/cover; background-size:cover;}
.subVisual.international {background:url(../img/sv_international.jpg) no-repeat center/cover; background-size:cover;}
.subVisual.study {background:url(../img/sv_studyhall.jpg) no-repeat center/cover; background-size:cover;}

.subVisual .fcName {position:absolute; width:100%; left:0; bottom:50px; text-align:center; color:#B87A1D; font-size:46px; font-weight:600; text-shadow: 0px 2px 4px #EBC900; text-transform:uppercase;}

.bbsWrap {position:relative;}
.bbsWrap .bbsTitle {text-align:center; color:#222; font-size:42px; font-weight:700; line-height:1.3; text-transform:uppercase;}
.bbsWrap .bbsCate {display:flex; justify-content:center; align-items:center; gap:16px; margin:64px 0 72px;}
.bbsWrap .bbsCate .cateMenu a {display:block; padding:5px 14px; border-radius:50px; color:#555; font-size:14px; font-weight:400; background:#eee; text-transform:uppercase; transition:.4s all;}
.bbsWrap .bbsCate .cateMenu a.on {background:#36C4A8; color:#FFF;}
.bbsWrap .bbsCate .cateMenu a:hover {background:#36C4A8; color:#FFF;}

.bbsWrap .bbsList {display:flex; flex-wrap:wrap;}
.bbsWrap .bbsList.gallery {justify-content:flex-start; align-items:stretch; gap:56px 36px;}
.bbsWrap .category {display:inline-block; padding:5px 14px; border-radius:50px; color:#555; font-size:14px; font-weight:400; background:#eee; text-transform:uppercase; margin-bottom:12px;}
.galleryBox {display:block; width:calc(33.33334% - 24px);}
.galleryBox a {display:block;}
.galleryBox .thumb {border-radius:40px; overflow:hidden; position:relative;}
.galleryBox .thumb:after {content:''; display:block; height:auto; padding-bottom:68%;}
.galleryBox .thumb img {position:absolute; left:50%; top:50%; width:100%; height:auto; transform:translate(-50%, -50%);}
.galleryBox .article {margin-top:32px;}
.galleryBox .article .cont {color:#36C4A8; font-size:24px; font-weight:700; line-height:1.4; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

.writeInfo {position:relative; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ddd;}
.writeInfo .wDate {margin-left:10px; color:#999;}
.writeInfo .subject {color:#1ABC9C; font-size:20px; font-weight:600; line-height:1.3;}
.bbsCont {color:#333; line-height:1.4;}
.bbsCont p {color:#333; line-height:1.4;}
.bbsCont img {border-radius:40px; padding:30px 0;}
.bbsFunc {display:flex; justify-content:space-between; align-items:center; margin-top:120px;}
.bbsFunc .btnArticle {display:block; width:40px; height:40px; text-indent:-9999px;}
.bbsFunc a {display:block; width:100%; height:100%;}
.bbsFunc .btnArticle.prev {background:url(../img/bbs_dir.svg) no-repeat 50% 50%; background-size:100%;}
.bbsFunc .btnArticle.next {background:url(../img/bbs_dir.svg) no-repeat 50% 50%; background-size:100%; transform:rotate(180deg);}
.bbsFunc .btnList {display:block; width:50px; height:50px; background:url(../img/ico_list.svg) no-repeat 50% 50%; background-size:100%; text-indent:-9999px;}

.docuList {display:block; width:100%; max-width:1200px; margin:72px auto 0; border-top:1px solid #222; border-bottom:1px solid #222;}
.docuList .perDocu {display:block; border-bottom:1px solid #eee;}
.docuList .perDocu:last-child {border-bottom:0;}
.docuList .perDocu a {display:flex; justify-content:space-between; align-items:center; gap:20px; padding:20px;}
.docuList .perDocu a .subject {display:block; color:#222; font-size:20px;}
.docuList .perDocu a .btnDown {display:flex; justify-content:center; align-items:center; padding:10px 20px; border-radius:100px; color:#222; font-size:18px; font-weight:500; background:#eee; gap:10px;}
.docuList .perDocu a .btnDown img {width:auto; height:20px;}

.pagingWrap {display:flex; justify-content:center; align-items:center; gap:12px; margin-top:72px;}
.pagingWrap .dir {display:block; width:24px; height:24px; margin-top:2px;}
.pagingWrap .dir a {display:block; text-indent:-99999px; width:100%; height:100%;}
.pagingWrap .dir.prev {background:url(../img/dir_paging.svg) no-repeat 50% 50%;}
.pagingWrap .dir.next {background:url(../img/dir_paging.svg) no-repeat 50% 50%; transform:rotate(-180deg);}
.pagingWrap .num {display:block; width:24px; height:24px; text-align:center; font-size:18px;}
.pagingWrap .num a {display:block; position:relative; width:100%; height:100%; color:#999;}
.pagingWrap .num a:hover {color:#222;}
.pagingWrap .num a.on {color:#222;}
.pagingWrap .num a.on:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#222;}

.comnForm {display:flex; justify-content:flex-start; align-items:flex-start; gap:158px;}
.comnForm .txtSec {display:block; width:456px;}
.comnForm .txtSec .comnTitle {margin-bottom:60px;}
.comnForm .txtSec .perCareers {display:flex; justify-content:flex-start; align-items:flex-start; background:#F8F8F8; border-radius:40px; padding:40px; gap:24px; margin-bottom:40px;}
.comnForm .txtSec .perCareers:last-child {margin-bottom:0;}
.comnForm .txtSec .perCareers .pcTitle {color:#36C4A8; font-size:24px; font-weight:700; line-height:1.4; width:120px; flex:0 0 auto;}
.comnForm .txtSec .perCareers li {display:block; padding-left:12px; color:#777; font-size:16px; line-height:1.4; position:relative; margin-bottom:10px;}
.comnForm .txtSec .perCareers li:last-child {margin-bottom:0;}
.comnForm .txtSec .perCareers li:after {content:''; position:absolute; left:0; top:9px; width:2px; height:2px; background:#777; border-radius:50%;}
.comnForm .txtSec .perCareers li span {display:block; font-size:12px;}

.comnForm .formSec {width:calc(100% - 456px - 158px);}
.comnForm .formSec .formTitleSec {margin-bottom:88px;}
.comnForm .formSec .formTitleSec .title {color:#222; font-size:42px; font-weight:700; line-height:1.3; margin-bottom:12px;}
.comnForm .formSec .formTitleSec .desc {color:#333; font-size:20px; line-height:1.4; text-transform:uppercase;}
.comnForm .formSec .inForm {position:relative; display:flex; justify-content:flex-start; align-items:flex-start; gap:40px 26px; flex-wrap:wrap;}
.comnForm .formSec .inForm .formBlock {width:100%; flex:0 0 auto;}
.comnForm .formSec .inForm .formBlock.half {width:calc(50% - 13px); flex:0 0 auto;}
.comnForm .formSec .inForm .formBlock .fbTitle {display:flex; justify-content:flex-start; align-items:center; gap:5px; color:#222; font-size:16px; font-weight:700; position:relative; text-transform:uppercase; margin-bottom:16px;}
.comnForm .formSec .inForm .formBlock .fbTitle:after {content:'*';}
.comnForm input[type="text"], .comnForm input[type="number"], .comnForm input[type="password"] {display:inline-block; width:100%; height:60px; background:#FFF; border:1px solid #999; padding:0 20px; border-radius:8px; font-size:16px;}
.comnForm select {display:inline-block; width:100%; height:60px; background:#FFF url(../img/ar_select.svg) no-repeat right 50%; background-size:32px 6px; border:1px solid #999; padding:0 20px; border-radius:8px; font-size:16px; -webkit-appearance: none; -moz-appearance:none; appearance: none;}
.comnForm select::-ms-expand {display: none;}
.comnForm select.dis {background:#f0f0f0;}
.comnForm textarea {display:inline-block; width:100%; background:#FFF; height:120px; border:1px solid #999; padding:20px; border-radius:8px; font-size:16px;}

.comnForm .file {position:relative; display:flex; justify-content:flex-start; align-items:flex-start; gap:10px;}
.comnForm .file .inputFile {display:inline-block; width:calc(100% - 132px); height:60px; background:#FFF; border:1px solid #999; padding:0 20px; border-radius:8px; font-size:16px;}
.comnForm .file label{display:block;position:absolute;right:0;top:0;width:122px;height:60px;line-height:60px;background:#999;border-radius:8px;text-align:center;font-size:16px;color:#fff;font-weight:400;text-align:center;}
.comnForm .file input[type="file"]{position: absolute;left:-9999px;overflow:hidden;width: 0;height: 0;padding: 0; border: 0;}
.comnForm .btnArea {position:relative; margin-top:40px;}
.comnForm .formCau {color:#333; font-size:12px; font-weight:400; line-height:1.4; margin-top:-30px;}

.faqList {position:relative;}
.faqSet {display:block; background:#F8F8F8; padding:32px 56px; border-radius:40px; margin-bottom:40px; cursor:pointer;}
.faqSet .question {position:relative; padding:0 44px 0 52px; min-height:40px; transition:.4s all;}
.faqSet .ico {position:absolute; left:0; top:0; width:40px; height:40px; line-height:40px; color:#FFF; font-size:24px; font-weight:700; text-align:center; border-radius:50%;}
.faqSet .ico.q {background:#222;}
.faqSet .ico.a {background:#F8F8F8; color:#222;}
.faqSet .question.on .ico.q {background:#36C4A8;}
.faqSet .question.on .qTxt {color:#36C4A8;}
.faqSet .icoFold {position:absolute; right:0; top:12px; width:34px; height:18px; background:url(../img/ico_down.svg) no-repeat 50% 50%; background-size:100%; transition:.4s all;}
.faqSet .icoFold.down {background:url(../img/ico_up.svg) no-repeat 50% 50%; background-size:100%; transform:rotate(0deg);}
.faqSet .qTxt {color:#222; font-size:24px; line-height:1.3; padding-top:5px;}
.faqSet .answer {position:relative; margin-top:16px; padding:0 0 0 52px; display:none;}
.faqSet .aTxt {color:#222; font-size:20px; line-height:1.3; padding-top:5px;}

.btn {display:block; padding:19px 0; text-align:center; color:#FFF; font-size:16px; font-weight:700; border-radius:8px; text-transform:uppercase; transition:.4s all;}
.btn.confirm {background:#36C4A8;}
.btn.confirm:hover {background:#0DB593;}

.differList {position:relative; margin-top:140px;}
.differList .perDiff {position:relative; background:#FFF; border-radius:40px; padding:32px 56px; margin-bottom:40px;}
.differList .perDiff:last-child {margin-bottom:0;}
.differList .perDiff .title {display:flex; justify-content:space-between; align-items:flex-end; gap:20px; color:#333; font-size:28px; font-weight:700; line-height:1.4; text-transform:uppercase;}
.differList .perDiff .title .number {color:#ECECEC; font-size:82px; font-weight:100; line-height:1.0;}
.differList .perDiff .desc {color:#777; font-size:16px; line-height:1.4; margin-top:16px;}
.differList .perDiff .descItems {margin-top:16px;}
.differList .perDiff .descItems li {color:#777; font-size:16px; line-height:1.4; position:relative; padding-left:10px;}
.differList .perDiff .descItems li:after {content:''; position:absolute; left:0; top:8px; width:2px; height:2px; background:#777; border-radius:50%;}
.differList .perDiff .descItems.two {display:block; height:auto; overflow:hidden;}
.differList .perDiff .descItems.two li {float:left; width:50%; padding:0 20px 0 10px;}

.fcContact {display:flex; justify-content:space-evenly; align-items:stretch;}
.fcContact .perContact {display:block; width:20%; text-align:center;}
.fcContact .perContact a {display:flex; justify-content:center; align-items:center; flex-direction:column;}
.fcContact .perContact .ico {width:100px; margin:0 auto 24px; text-align:center;}
.fcContact .perContact .fcTitle {color:#222; font-size:24px; font-weight:700; margin-bottom:5px; text-align:center; text-transform:uppercase;}
.fcContact .perContact .fcDesc {color:#777; font-size:16px; line-height:1.4; text-align:center;}
.fcContact .perContact .fcDesc span {display:block; margin-bottom:6px;}
.fcContact .perContact .fcDesc span em {color:#222;}
.fcContact .perContact .fcDesc span:last-child {margin-bottom:0px;}

.scrollTableSec {position:relative; overflow:hidden; overflow-x:auto; display:flex; justify-content:flex-start; align-items:stretch;}
.scrollTableSec .tHead {position:sticky; left:0; top:0; width:236px; z-index:10;}
.scrollTableSec .tHead table {width:236px;}
.scrollTableSec .tHead td {background:#F8F8F8;}
.scrollTableSec .tBody {min-width:730px;}
.scrollTableSec .tBody th:first-child {border-left:0;}
.scrollTableSec .tBody td:first-child {border-left:0;}
.scrollTableSec .tBody.color tr:nth-child(even) {background:#eafbf8;}
.scrollTableSec .tBody.color td {background:transparent;}
.scrollTableSec .tBody .imTxt {color:#36C4A8;}
.scrollTableSec table {padding:0; margin:0; table-layout:fixed; width:100%;}
.scrollTableSec th, .scrollTableSec td {border:1px solid #E5E5E5; color:#222; text-align:center; padding:16px;}
.scrollTableSec th {font-size:16px; font-weight:700; background:#F8F8F8; text-transform:uppercase;}
.scrollTableSec td {font-size:16px; background:#FFF; line-height:1.4; padding:0 5px; word-break:keep-all; height:76px; vertical-align:middle;}
.scrollTableSec td .inDesc {color:#777; font-size:14px; line-height:1.4;}
.scrollTableSec td.empty {background:#FCFCFC;}
.scrollTableSec td.tdTy01 {background:#FFFBD9;}
.scrollTableSec td.tdTy02 {background:#FFF7E9;}
.scrollTableSec td.tdTy03 {background:#F7FFEF;}
.scrollTableSec td.tdTy04 {background:#E9FBFF;}
.scrollTableSec td.tdTy05 {background:#F9F2FF;}
.scrollTableSec .tHead .icoGesture {display:none;}

.scrollTableSec td .tdItems li {display:block; position:relative; color:#777; font-size:14px; line-height:1.4;}
.scrollTableSec.calendar2 td {height:90px;}
.scrollTableSec.calendar2 .tHead {width:80px;}
.scrollTableSec.calendar2 .tHead table {width:80px;}
.scrollTableSec.calendar2 .tBody {min-width:770px;}

.comnTableSec {position:relative; overflow:hidden; overflow-x:auto;}
.comnTableSec table {padding:0; margin:0; width:100%; min-width:720px; table-layout:fixed;}
.comnTableSec.noScroll {position:relative; overflow:hidden; overflow-x:hidden;}
.comnTableSec.noScroll table {padding:0; margin:0; width:100%; min-width:100%; table-layout:fixed;}
.comnTableSec.campTable th, .comnTableSec.campTable td {vertical-align:middle;}
.comnTableSec th, .comnTableSec td {border:1px solid #E5E5E5;}
.comnTableSec th {padding:16px; color:#222; font-size:16px; font-weight:700; text-align:center; background:#F8F8F8; text-transform:uppercase;}
.comnTableSec th.sampleTxt {font-size:14px; font-weight:400;}
.comnTableSec td {padding:12px; color:#222; font-size:16px; text-align:center; vertical-align:top;}
.comnTableSec td.major {background:#eaf2f5;}
.comnTableSec td.item {padding:16px; color:#222; font-size:16px; font-weight:700; text-align:center; background:#F8F8F8; text-transform:uppercase; vertical-align:middle;}
.comnTableSec td .tdItem li {display:block; text-align:left; padding-left:10px; position:relative;}
.comnTableSec td .tdItem li:after {content:''; position:absolute; left:0; top:12px; width:2px; height:2px; background:#222; border-radius:50%;}
.comnTableSec td .inDesc {color:#777; font-size:14px; line-height:1.4;}
.comnTableSec td.empty {background:#FCFCFC;}

.pageGuide {position:relative; margin-top:32px;}
.pageGuide .pgTitle {color:#222; font-size:18px; font-weight:600; display:flex; justify-content:flex-start; align-items:center; gap:4px; margin-bottom:8px;}
.pageGuide .pgTitle:before {content:''; display:block; width:50px; height:50px; background:url(../img/ico_info.svg) no-repeat 50% 50%; background-size:100%;}
.pageGuide ul {padding:0 10px;}
.pageGuide li {display:block; color:#999; font-size:18px; line-height:1.4; margin-bottom:5px; padding-left:10px; position:relative;}
.pageGuide li:after {content:''; position:absolute; left:0; top:12px; width:2px; height:2px; background:#999; border-radius:50%;}

.pageGuide.btm {margin:0;}
.pageGuide.btm .pgTitle {flex-direction:column; justify-content:center; align-items:center;}
.pageGuide.btm .pgDesc {text-align:center; color:#999; font-size:18px; line-height:1.6;}

/* about */
.inner.contAbout {}
.inner.arCenter {text-align:center;}
.contAbout .eplexSlogan {color:#FFF; font-size:52px; font-weight:700; line-height:1.4; text-align:center; text-transform:uppercase;}
.contAbout .eplexSlogan.mint {color:#36C4A8;}
.contAbout .subDesc {display:inline-block; color:#777; font-size:20px; text-align:center; margin-top:10px; line-height:1.6;}
.contAbout .subDesc.underline {text-decoration:underline;}
.contAbout .subDesc.tWhite {color:#FFF;}
.contAbout .mainPrts {margin-top:120px; padding-bottom:0;}
.contAbout .locationSec {display:flex; justify-content:flex-start; align-items:center; gap:4%;}
.contAbout .locationSec .mapSec {width:50%; position:relative; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.05)) drop-shadow(0px -4px 4px rgba(0, 0, 0, 0.05)); overflow:hidden; border:1px solid #ddd; border-radius:40px;}
.contAbout .locationSec .mapSec:after {content:''; display:block; height:auto; padding-bottom:63%;}
.contAbout .locationSec .mapSec iframe {position:absolute; left:0; top:0; width:100%; height:100%;}
.contAbout .locationSec .txtSec {width:46%;}
.contAbout .locationSec .txtSec .franchiseName {color:#1ABC9C; font-size:32px; font-weight:700; text-transform:uppercase;}
.contAbout .locationSec .txtSec .franchiseName br {display:none;}
.contAbout .locationSec .txtSec .prts {position:relative; display:flex; justify-content:flex-start; align-items:center; text-transform:uppercase;}
.contAbout .locationSec .txtSec .prts span {color:#222; font-size:16px; padding-right:10px; margin-right:10px; position:relative;}
.contAbout .locationSec .txtSec .prts span:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:12px; background:#222;}
.contAbout .locationSec .txtSec .prts span:last-child:after {display:none;}
.contAbout .locationSec .txtSec .contactInfo {display:block; margin:30px 0;}
.contAbout .locationSec .txtSec .contactInfo li {display:flex; justify-content:flex-start; align-items:flex-start; gap:4px; color:#777; font-size:16px; line-height:1.4; margin-bottom:5px;}
.contAbout .locationSec .txtSec .contactInfo li a {display:flex; justify-content:flex-start; align-items:flex-start; gap:4px; color:#777; font-size:16px; line-height:1.4;}
.contAbout .locationSec .txtSec .contactInfo li .ico {display:block; width:30px; height:30px; flex:0 0 auto;}
.contAbout .locationSec .txtSec .contactInfo li .ico.address {background:url(../img/about_ico_address.svg) no-repeat 50% 50%; background-size:100%;}
.contAbout .locationSec .txtSec .contactInfo li .ico.tel {background:url(../img/about_ico_tel.svg) no-repeat 50% 50%; background-size:100%;}
.contAbout .locationSec .txtSec .contactInfo li .ico.mail {background:url(../img/about_ico_mail.svg) no-repeat 50% 50%; background-size:100%;}
.contAbout .locationSec .txtSec .contactInfo li p {margin-top:4px;}
.contAbout .locationSec .txtSec .fTime {color:#777; font-size:16px; line-height:1.4;}
.contAbout .locationSec .txtSec .ownSnsCh {display:flex; justify-content:flex-start; align-items:stretch; gap:12px; margin-top:40px;}
.contAbout .locationSec .txtSec .ownSnsCh .sns {width:60px; height:60px;}
.contAbout .locationSec .txtSec .ownSnsCh .sns a {display:block; width:100%; height:100%;}
.contAbout .locationSec .txtSec .ownSnsCh .sns.insta {background:url(../img/about_sns_insta.svg) no-repeat 50% 50%; background-size:100%;}
.contAbout .locationSec .txtSec .ownSnsCh .sns.kakao {background:url(../img/about_sns_kakao.svg) no-repeat 50% 50%; background-size:100%;}

/* program */
.proPhotos {padding-bottom:140px;}
.proPhotos > div {margin-bottom:36px;}
.proPhotos > div:last-child {margin-bottom:0;}
.proPhotos .preschoolRolling .swiper-wrapper {transition-timing-function:linear;}
.proPhotos .preschoolRolling .swiper-slide {width:auto !important;}
.proPhotos .preschoolRolling .swiper-slide img {height:360px;}
.proPhotos .preschoolRolling .swiper-slide.ty01 img {border-radius:800px;}
.proPhotos .preschoolRolling .swiper-slide.ty02 img {border-radius:90px 90px 0 90px;}
.proPhotos .preschoolRolling .swiper-slide.ty03 img {border-radius:40px;}

.academyPrts {display:flex; justify-content:flex-start; align-items:center; gap:60px; margin-bottom:120px;}
.academyPrts:last-child {margin-bottom:0;}
.academyPrts .imgSec {width:46%; flex:0 0 auto; border-radius:40px; overflow:hidden;}
.academyPrts .txtSec {width:calc(54% - 60px);}
.academyPrts .txtSec .apTitle {color:#222; font-size:42px; font-weight:700; line-height:1.3; margin-bottom:30px; text-transform:uppercase;}
.academyPrts .txtSec .unitInfo {position:relative; margin-bottom:24px;}
.academyPrts .txtSec .unitInfo .unitTitle {color:#36C4A8; font-size:28px; font-weight:600; text-transform:uppercase;}
.academyPrts .txtSec .unitInfo ul {position:relative; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap;}
.academyPrts .txtSec .unitInfo ul li {display:block; color:#777; font-size:16px; line-height:1.4; position:relative; padding-left:14px; width:100%;}
.academyPrts .txtSec .unitInfo ul li:after {content:''; position:absolute; left:0; top:8px; width:3px; height:3px; background:#777; border-radius:50%;}
.academyPrts .txtSec .unitInfo ul.devide li {width:40%;}
.academyPrts .txtSec .unitInfo ul.devide li:nth-child(2n) {width:60%;}

.otherSche {display:flex; justify-content:center; align-items:stretch; gap:24px 36px; flex-wrap:wrap;}
.otherSche.marTop {margin-top:40px;}
.otherSche .othTxt {width:100%; color:#222; font-size:18px; text-align:center; flex:0 0 100%; display:block;}
.otherSche .perSche {display:block; border-radius:40px; width:calc(25% - 16px); border:1px solid #1ABC9C; padding:30px; flex:1; background:#FFF;}
.otherSche .perSche.point {background:#effffc;}
.otherSche .perSche .schTitle {color:#222; font-size:18px; text-align:center; font-weight:600; padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:20px;}
.otherSche .perSche .schCon {text-align:center;}

/********************* franchise *********************/
.mainMap {position:relative; height:550px;}
.mainMap iframe {position:absolute; left:0; top:0; width:100%; height:100%;}

.contProgram {position:relative;}
.contProgram .proClass {display:flex; justify-content:flex-start; align-items:stretch; gap:36px; flex-wrap:wrap;}
.contProgram .proClass .perClass {display:flex; justify-content:center; align-items:stretch; flex-direction:column; width:calc(25% - 27px); background:#F8F8F8; border-radius:40px; padding:40px 26px 60px;}
.contProgram .proClass.two .perClass {width:calc(50% - 18px);}
.contProgram .proClass .perClass .title {color:#36C4A8; font-size:28px; font-weight:700; text-align:center; text-transform:uppercase;}
.contProgram .proClass .perClass .ico {display:block; margin:24px auto 32px; text-align:center;}
.contProgram .proClass .perClass .ico img {width:130px;}
.contProgram .proClass.two .perClass .ico.three img:first-child {margin-right:-20px;}
.contProgram .proClass.two .perClass .ico.three img:last-child {margin-left:-20px;}
.contProgram .proClass.two .perClass .ico.two img:first-child {margin-right:-10px;}
.contProgram .proClass.two .perClass .ico.two img:last-child {margin-left:-10px;}

.contProgram .proClass.two .perClass .ico.four img:first-child {margin-right:-10px;}
.contProgram .proClass.two .perClass .ico.four img:nth-child(2) {margin-right:-20px; margin-left:-10px;}
.contProgram .proClass.two .perClass .ico.four img:last-child {margin-left:-20px; margin-right:0;}
.contProgram .proClass .perClass .period {color:#222; font-size:28px; margin-bottom:10px; text-align:center; font-weight:700;}
.contProgram .proClass .perClass .desc li {display:block; text-align:center; color:#777; font-size:16px; line-height:1.4; margin-bottom:10px;}
.contProgram .proClass .perClass .desc li:last-child {margin-bottom:0;}

.contProgram .proClass .perClass .descItem {display:block; margin-top:30px; padding:0 20px;}
.contProgram .proClass .perClass .descItem li {padding-left:10px; position:relative; color:#222; font-size:16px; margin-bottom:10px;}
.contProgram .proClass .perClass .descItem li:last-child {margin-bottom:0;}
.contProgram .proClass .perClass .descItem li:after {content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background:#222; border-radius:50%;}
.contProgram .mainPrts {padding:140px 0 0 0;}
.contProgram .mainPrts.black {padding:0;}

.fcCurri {display:flex; justify-content:flex-start; align-items:stretch; gap:50px 36px; flex-wrap:wrap;}
.fcCurri .perCurri {display:block; width:calc(50% - 18px); background:#F8F8F8; border-radius:40px; padding:40px;}
.fcCurri .perCurri .stepBox {display:flex; justify-content:flex-start; align-items:center; gap:16px; color:#333; font-size:28px; font-weight:700; line-height:1.4; text-transform:uppercase;}
.fcCurri .perCurri .stepBox .Num {width:100px; color:#ECECEC; font-size:82px; font-weight:200;}
.fcCurri .perCurri .currDesc {color:#777; font-size:16px; line-height:1.4;}

.programSet {display:flex; justify-content:flex-start; align-items:flex-start; gap:36px;}
.programSet .comnProgram {display:block; width:calc(100% - 492px);}
.programSet .comnProgram .comnTableSec th {height:75px;}
.programSet .example {display:block; width:456px;}
.programSet .example table td {text-align:left; padding:12px; line-height:1.3; font-size:14px;}
.programSet .example table td.time {text-align:center; vertical-align:middle; font-size:14px;}
.programSet .example table tr.timeAm {background:#f2fffc;}
.programSet .example table tr.timePm {background:#fff9f2;}
.cauTxt {display:flex; justify-content:flex-start; align-items:flex-start; margin-top:10px; color:#777; font-size:14px; position:relative; gap:5px;}
.cauTxt:before {content:'※';}

.perScheduleSec {position:relative; margin-bottom:40px;}
.perScheduleSec .paTitle {color:#1ABC9C; font-size:16px; font-weight:700; padding-left:22px; position:relative; text-transform:uppercase; margin-bottom:20px;}
.perScheduleSec .paTitle:after {content:''; position:absolute; left:0; top:5px; width:16px; height:16px; background:#1ABC9C; border-radius:50%;}
.perScheduleSec:last-child {margin-bottom:0px;}

.departPrts {display:flex; justify-content:center; align-items:stretch; flex-wrap:wrap; gap:56px 36px;}
.departPrts .perDepart {display:block; width:calc(25% - 27px); background:#FFF; border-radius:40px; padding:32px;}
.departPrts .perDepart .img {display:block; border-radius:16px; overflow:hidden; margin-bottom:24px;}
.departPrts .perDepart .prtsDesc {position:relative;}
.departPrts .perDepart .prtsDesc .pdTitle {color:#36C4A8; font-size:28px; font-weight:700; text-transform:uppercase; letter-spacing:-0.5px;}
.departPrts .perDepart .prtsDesc .desc {margin:8px 0 16px; color:#777; font-size:16px; line-height:1.4; min-height:90px;}
.departPrts .perDepart .prtsDesc .desc li {color:#777; font-size:16px; line-height:1.4; padding-left:10px; position:relative;}
.departPrts .perDepart .prtsDesc .desc li:after {content:''; position:absolute; left:0; top:8px; width:3px; height:3px; background:#777; border-radius:50%;}
.departPrts .perDepart .prtsDesc .subPrts {position:relative;}
.departPrts .perDepart .prtsDesc .subPrts span {display:inline-block; padding:5px 14px; background:#eee; border-radius:100px; color:#222; font-size:14px; text-transform:uppercase;}

.departPrts.art .perDepart {width:calc(33.33334% - 27px);}
.departPrts.art .perDepart .desc {min-height:auto;}
.departPrts.art .perDepart ul {display:block; height:auto; overflow:hidden; margin-bottom:30px;}
.departPrts.art .perDepart ul li {display:block; position:relative; padding-left:18px;}
.departPrts.art .perDepart ul li:after {content:''; position:absolute; left:10px; top:8px; width:3px; height:3px; background:#222; border-radius:50%;}

.departPrts.study .perDepart ul {display:block; height:auto; overflow:hidden; margin-bottom:30px;}
.departPrts.study .perDepart ul li {display:block; position:relative; padding-left:18px;}
.departPrts.study .perDepart ul li:after {content:''; position:absolute; left:10px; top:8px; width:3px; height:3px; background:#222; border-radius:50%;}
.departPrts.study .perDepart .prtsDesc .pdTitle {line-height:1.2; margin-bottom:10px; height:70px;}

.contProgram .btnArea {display:block; margin-top:72px;}
.contProgram .btnArea a.btnOutLink {display:block; width:314px; border:1px solid #FFF; text-align:center; text-decoration:underline; border-radius:16px; color:#FFF; font-size:20px; padding:30px 0; margin:0 auto;}

.perScheImg {display:block; overflow:hidden; overflow-x:auto; padding:0 60px;}

/* camp */
.campCurri {position:relative;}
.campCurri .perCurri {position:relative; padding:56px; background:#FFF; border-radius:40px; margin-bottom:40px;}
.campCurri .perCurri:last-child {margin-bottom:0;}
.campCurri .perCurri .cuTitle {display:flex; justify-content:flex-start; align-items:center; gap:8px; color:#222; font-size:28px; font-weight:700; text-transform:uppercase;}
.campCurri .perCurri .cuTitle span {display:inline-block; padding:5px 14px; background:#eee; border-radius:100px; color:#222; font-size:14px; text-transform:uppercase; font-weight:400;}
.campCurri .perCurri .cuDesc {color:#777; font-size:16px; line-height:1.4; margin:12px 0 48px;}
.campCurri .perCurri .cuItem {position:relative; margin-bottom:24px;}
.campCurri .perCurri .cuItem:last-child {margin-bottom:0;}
.campCurri .perCurri .cuItem .perStep {display:inline-block; padding:5px 14px; background:#36C4A8; border-radius:100px; color:#FFF; font-size:14px; text-transform:uppercase; font-weight:400; margin-bottom:8px;}
.campCurri .perCurri .cuItem .itemTxt {color:#222; font-size:16px; line-height:1.4; padding-left:0px;}
section.bgMint .contCamp .cauTxt {text-align:center; color:#FFF; font-size:16px; justify-content:center; align-items:center; margin-top:32px;}

.campSche {display:flex; justify-content:flex-start; align-items:stretch; gap:36px;}
.campSche .comnTableSec {width:calc(33.33334% - 18px);}
.contCamp .mainPrts {padding:140px 0 0 0;}

.featureInfo {display:flex; justify-content:flex-start; align-items:stretch; gap:36px; flex-wrap:wrap;}
.featureInfo .perInfo {display:block; width:calc(33.33334% - 24px); background:#F8F8F8; padding:40px; border-radius:40px; position:relative;}
.featureInfo .perInfo .piTitle {display:flex; justify-content:flex-start; align-items:center; position:relative; gap:5px; color:#222; font-size:28px; font-weight:700; margin-bottom:26px; text-transform:uppercase;}
.featureInfo .perInfo .piTitle:before {content:''; display:inline-block; width:30px; height:30px;}
.featureInfo .perInfo .piTitle.date:before {background:url(../img/ico_date.svg) no-repeat 50% 50%; background-size:100%;}
.featureInfo .perInfo .piTitle.enroll:before {background:url(../img/ico_enroll.svg) no-repeat 50% 50%; background-size:100%;}
.featureInfo .perInfo .piTitle.fees:before {background:url(../img/ico_fees.svg) no-repeat 50% 50%; background-size:100%;}
.featureInfo .perInfo .piTitle.push:before {background:url(../img/ico_push.svg) no-repeat 50% 50%; background-size:100%;}
.featureInfo .perInfo .piTitle.support:before {background:url(../img/ico_support.svg) no-repeat 50% 50%; background-size:100%;}
.featureInfo .perInfo .piTitle.genius:before {background:url(../img/ico_genius.svg) no-repeat 50% 50%; background-size:100%;}
.featureInfo .perInfo .piTitle.explo:before {background:url(../img/ico_explo.svg) no-repeat 50% 50%; background-size:100%;}
.featureInfo .perInfo .piDesc {color:#777; font-size:16px; line-height:1.4; margin-bottom:100px;}
.featureInfo .perInfo .piNum {position:absolute; right:0; bottom:40px; width:100%; text-align:right; color:#ECECEC; font-size:82px; font-weight:100; line-height:1.0; padding:0 40px;}
.featureInfo.evenly .perInfo {width:calc(50% - 18px);}
.featureInfo.evenly .perInfo .piDesc {margin-bottom:80px;}

.forDesk {display:block;}
.forMo {display:none;}

.dim {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:110; display:none;}

.viewDetail {display:none;}
.closeDetail {display:none;}

.singleItem {display:flex; justify-content:flex-start; align-items:stretch; gap:24px; flex-wrap:wrap;}
.singleItem .perItem {border-radius:40px; background:#F8F8F8; padding:40px; width:calc(33.33334% - 16px); color:#222; font-size:16px; text-align:center; display:flex; justify-content:center; align-items:center;}

.commingSoonWrap {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(220, 220, 220, 1.0); z-index:100000;}
.commingSoonWrap .inner {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:90%; max-width:1024px; border-radius:40px; border:1px solid #ddd; padding:60px; background:#FFF;}
.commingSoonWrap .inner .logo {display:block; width:300px; height:73px; margin:0 auto 30px;}
.commingSoonWrap .inner .logo a {display:block; width:100%; height:100%; background:url(../img/logo.svg) no-repeat 50% 50%; background-size:100%;}
.commingSoonWrap .inner .imgSec {display:block; border-radius:20px; overflow:hidden; margin-bottom:30px;}
.commingSoonWrap .inner .fcName {display:block; color:#222; font-size:48px; font-weight:700; text-align:center;}

@media only screen and (max-width:1440px) {
	.gloHeader .inner {padding:0 20px;}
	section .inner {padding:140px 20px;}
}

@media only screen and (max-width:1024px) {
    .forDesk {display:none;}
    .forMo {display:block;}
	section.footer {padding-bottom:54px;}
    .floatBnr {right:unset; top:unset !important; left:0; bottom:0; width:100%; height:auto; border-radius:0; background:#222; display:flex; justify-content:flex-start; align-items:center; filter:none; box-sizing:border-box;}
	.floatBnr .perBnr {width:42%; position:relative;}
	.floatBnr .perBnr:after {content:''; position:absolute; right:0; top:0; width:1px; height:100%; background:#FFF; opacity:0.1;}
	.floatBnr .perBnr a {display:flex; justify-content:flex-start; align-items:center; gap:8px; padding:10px; box-sizing:border-box; width:100%;}
	.floatBnr .perBnr a .ico {width:30px; height:30px; flex:0 0 auto; margin:0;}
	.floatBnr .perBnr a .ico.rClub {background:url(../img/ico_readingclub_w.svg) no-repeat 50% 50%; background-size:100%;}
	.floatBnr .perBnr a .ico.docu {background:url(../img/ico_document_w.svg) no-repeat 50% 50%; background-size:100%;}
	.floatBnr .perBnr a .txt {color:#FFF; text-align:left;}
	.floatBnr .btnTop {width:16%; text-align:center; box-sizing:border-box;}
    .scrollTableSec .tHead .icoGesture {display:block; position:absolute; right:7px; top:10px; width:18px; height:25px; background:url(../img/ico_gesture.svg) no-repeat 50% 50%; z-index:10;}
    .gloHeader .inner {padding:20px;}
    .gloHeader .inner .logo a {width:102px; height:25px;}
    .gloHeader .inner .naviSec nav {position:fixed; right:-110%; top:0; width:90%; height:100vh; overflow-y:auto; background:#FFF; z-index:210; flex-direction:column; justify-content:flex-start; padding:0 0 60px 0; transition:.4s all;}
    .gloHeader .inner .naviSec nav.on {right:0; opacity:1.0;}
    .gloHeader .inner .naviSec nav .navFunc {display:block; padding:23px 20px 24px; width:100%; border-bottom:1px solid #ddd; position:relative;
        -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
    }
    .gloHeader .inner .naviSec nav .navFunc .menuClose {position:absolute; right:10px; top:50%; transform:translate(0, -50%); z-index:10; width:40px; height:40px;}
    .gloHeader .inner .naviSec nav .navFunc .menuClose:after {content:''; position:absolute; left:50%; top:50%; width:2px; height:18px; background:#999; transform:translate(-50%, -50%) rotate(45deg);}
    .gloHeader .inner .naviSec nav .navFunc .menuClose:before {content:''; position:absolute; left:50%; top:50%; width:2px; height:18px; background:#999; transform:translate(-50%, -50%) rotate(-45deg);}

    .gloHeader .inner .naviSec nav .navFunc .logo a {width:102px; height:25px; background:url(../img/logo.svg) no-repeat 50% 50%; background-size:100%;}
    .gloHeader .inner .naviSec nav .dep01Menu {width:100%;}
    .gloHeader .inner .naviSec nav .dep01Menu > a {padding:16px 30px; border-bottom:1px solid #eee;}
    .gloHeader .inner .naviSec nav .dep01Menu > a:after {display:none;}
    .gloHeader .inner .naviSec nav .dep01Menu > a:before {content:''; position:absolute; right:10px; top:10px; width:40px; height:40px; background:url(../img/ico_menu_tail.svg) no-repeat 50% 50%; background-size:30px; transform:rotate(90deg); transition:.4s all;}
    .gloHeader .inner .naviSec nav .dep01Menu > a.ar:before {transform:rotate(-90deg);}
    .gloHeader .inner .naviSec nav .dep01Menu ul {display:block; top:unset; left:unset; transform:none; border-radius:0; position:relative; z-index:1; padding:6px 0; height:auto; opacity:1.0; width:100%; border:0; background:#f1f1f1; display:none; transition:none;}
    .gloHeader .inner .naviSec nav .dep01Menu ul li {height:auto;}
    .gloHeader .inner .naviSec nav .dep01Menu ul li a {font-size:14px; opacity:1.0; width:100%; color:#222; padding:8px 30px; border-bottom:1px solid rgba(0, 0, 0, 0.1); position:relative;}
    .gloHeader .inner .naviSec nav .dep01Menu ul li:last-child > a {border-bottom:0;}
    .gloHeader .inner .naviSec nav .dep01Menu ul.sub01 {width:100%;}
    .gloHeader .inner .naviSec nav .dep01Menu ul.sub02 {width:100%;}
    .gloHeader .inner .naviSec nav .dep01Menu ul.sub03 {width:100%;}
    .gloHeader .inner .naviSec nav .dep01Menu ul.sub08 {width:100%;}

    .gloHeader .inner .naviSec nav .dep01Menu:nth-child(n+5):nth-child(-n+8) > a:before {display:none;}

    .gloHeader .inner .naviSec nav .dep01Menu.over ul {display:block; top:unset; left:unset; transform:none; border-radius:0; position:relative; z-index:1; padding:6px 0; height:auto; opacity:1.0; width:100%; border:0; background:#f1f1f1;}
    .gloHeader .inner .naviSec nav .dep01Menu.over ul li a {font-size:14px; opacity:1.0; width:100%; color:#222; padding:8px 30px;}

    .gloHeader .inner .naviSec .icoMenu {display:block; width:30px; height:30px; background:url(../img/ico_menu.svg) no-repeat 50% 50%;}

    .mainVisual {margin-top:70px;}
    /* .mainVisual .mVisualBox {height:calc(100vh - 100px);} */
	.mainVisual .mVisualBox:after {padding-bottom:169%;}
    .mainVisual .mVisualBox img {width:100%; height:auto; top:0; transform:translate(-50%, 0);}
    .mainVisual .mVisualBox .txtSec {padding:0 20px;}
    .mainVisual .mVisualBox .txtSec .desc {font-size:14px; margin-bottom:10px;}
    .mainVisual .mVisualBox .txtSec .headCopy {font-size:40px; line-height:1.2;}
    .mainVisual .visualFunc {padding:0 20px; bottom:86px; justify-content:center;}
    .mainVisual .visualFunc .visual-prev {width:20px; height:20px;}
    .mainVisual .visualFunc .visual-pagination.swiper-pagination-fraction {font-size:12px;}
    .mainVisual .visualFunc .visual-next {width:20px; height:20px;}

    section .inner {padding:60px 30px;}
    section .inner.short {padding:0 30px;}
    section .inner.short .mainPrts.main {padding-bottom:60px;}
    section .comnTitle {font-size:32px;}
    section .comnDesc.subGreeting {font-size:14px;}

    section .proTitle {font-size:32px; margin-bottom:30px;}

    .comnTitleSec {flex-direction:column; gap:24px;}
    .comnTitleSec .titleSec {width:100%;}
    .comnTitleSec .descSec {width:100%;}
    .comnTitleSec .descSec .desc {font-size:16px;}
    .comnTitleSec .descSec .viewMore {font-size:16px;}

    .mainPrts {flex-wrap:wrap;}
    .perPrts {width:100%;}
    .perPrts .prtInfo {padding:0px;}

    .fullCont {flex-direction:column-reverse;}
    .fullCont .txtSec {width:100%; padding:60px 30px;}
    .fullCont .txtSec .txtBox .title {font-size:32px; margin-bottom:32px;}
    .fullCont .txtSec .txtBox .txtGroup .tgTitle {font-size:24px;}
    .fullCont .imgSec {width:100%; height:320px;}
    .fullCont.preschool {flex-direction:column-reverse;}

    .appSec {flex-direction:column;}
    .appSec .imgSec {width:100%;}
    .appSec .txtSec {width:100%;}
    .appSec .txtSec .subDesc {font-size:14px;}
    .appSec .txtSec .appTitle {font-size:32px;}
    .appSec .txtSec .appTitle br {display:none;}
    .appSec .txtSec .chkPoint .chkTitle {padding-left:0; padding-right:30%;}
    .appSec .txtSec .chkPoint .chkTitle:before {display:none;}
    .appSec .txtSec .chkPoint .chkDesc {padding-left:0;}
    .appSec .txtSec .appBtns {margin-top:32px; flex-direction:column; gap:12px;}
    .appSec .txtSec .appBtns .apBtn {width:100%;}

    .mainGallery .titleSec .smTitle {font-size:14px;}
    .mainGallery .titleSec .smSlogan {font-size:32px;}
    .mainGallery .titleSec .galleryFunc {display:none;}
    .mainGallery .titleSec .smSlogan a.viewMore {display:block; margin-left:0; font-size:16px; margin-top:32px;}
    .mainGallery .titleSec .smSlogan a.viewMore:after {width:90px;}
    .mainGallery .galleryRolling {overflow:hidden; margin-top:40px;}

    .btmInfo {flex-direction:column; padding:30px; gap:32px;}
    .btmInfo .perInfo {width:100%;}

    .comnSubTitle {padding:30px 0 48px 0;}
    .comnSubTitle .pageTitle {font-size:36px; padding:0 30px; line-height:1.2;}
    .subVisual:after {padding-bottom:42.6%;}
    .contAbout .eplexSlogan {font-size:34px; line-height:1.3;}
    .contAbout .subDesc {font-size:16px;}
    .contAbout .mainPrts {margin-top:60px;}

    .contAbout .locationSec {flex-direction:column; gap:16px;}
    .contAbout .locationSec .mapSec {width:100%; margin-bottom:20px; border-radius:16px;}
    .contAbout .locationSec .txtSec {width:100%;}
    .contAbout .locationSec .txtSec .franchiseName {line-height:1.3;}
    .contAbout .locationSec .txtSec .franchiseName br {display:block;}
    .contAbout .locationSec .txtSec .prts {flex-wrap:wrap;}

    .proPhotos {padding-bottom:60px;}
    .proPhotos .preschoolRolling .swiper-slide img {height:120px;}
    .contProgram .mainPrts {padding-top:60px;}

    section.bgGray .contProgram .mainPrts .perPrts .prtInfo .prtDescItems li {margin-bottom:5px;}

    .featureInfo.evenly .perInfo {width:100%;}
    .featureInfo .perInfo .piTitle {font-size:24px; line-height:1.4; align-items:flex-start; gap:8px; margin-bottom:16px;}

    .fullCont.reverseMobile {flex-direction:column-reverse;}
    .fullCont.reverseMobile .txtSec {padding:72px 30px;}
    .fullCont.reverse {flex-direction:column-reverse;}
    .fullCont.reverse .txtSec {padding:72px 30px;}
    section.guide .inner {padding:72px 30px;}
    .pageGuide.btm .pgDesc {font-size:16px;}

    .academyPrts {flex-direction:column; gap:24px; margin-bottom:40px;}
    .academyPrts .imgSec {width:100%;}
    .academyPrts .txtSec {width:100%;}
    .academyPrts .txtSec .apTitle {font-size:32px; margin-bottom:16px;}
    .academyPrts .txtSec .unitInfo .unitTitle {font-size:24px; line-height:1.3; margin-bottom:10px;}
    .academyPrts .txtSec .unitInfo ul.devide li {display:block; width:100%;}

    .contCamp .mainPrts {padding-top:70px;}
    .mainPrts.evenly .perPrts {width:100%;}

    .fcContact {flex-direction:column; justify-content:flex-start; gap:48px;}
    .fcContact .perContact {width:100%; padding:0 40px;}

    .bbsWrap .bbsCate {margin:40px -30px; overflow:hidden; overflow-x:auto; white-space:nowrap; justify-content:flex-start; padding:0 30px;}
    .bbsWrap .bbsCate  .cateMenu {display:inline-block;}

    .bbsWrap .bbsList.gallery {flex-direction:column;}
    .galleryBox {width:100%;}

	.comnForm {flex-direction:column; gap:30px;}
	.comnForm .txtSec {width:100%;}
	.comnForm .txtSec .perCareers {flex-direction:column; box-sizing:border-box; padding:30px; gap:10px;}
	.comnForm .txtSec .perCareers .pcTitle br {display:none;}
	.comnForm .formSec {width:100%;}
	.detailForMo {display:none; margin-top:-30px;}
	.viewDetail {display:block;}
	section .comnTitle .viewDetail em {color:#999; font-size:14px; position:relative;}
	section .comnTitle .viewDetail em:after {content:''; position:absolute; left:0; bottom:-3px; width:calc(100% - 20px); height:1px; background:#999;}
	.closeDetail {display:block; text-align:right; color:#999; font-size:14px; position:relative;}
	.closeDetail span {position:relative;}
	.closeDetail span:after {content:''; position:absolute; left:0; bottom:-3px; width:calc(100% - 20px); height:1px; background:#999;}

	.comnForm .formSec .formTitleSec {margin-bottom:40px;}
	.comnForm .formSec .formTitleSec .title {font-size:32px;}
	.comnForm .formSec .formTitleSec .desc {font-size:18px;}

	.differList {margin-top:60px;}
	.differList .perDiff {padding:30px 30px 140px; position:relative;}
	.differList .perDiff .title .number {position:absolute; right:30px; bottom:30px;}

	.contProgram .proClass {flex-direction:column;}
	.contProgram .proClass .perClass {width:100%;}
	.contProgram .proClass.two .perClass {width:100%;}
	.contProgram .proClass .perClass .ico img {width:80px;}
	.fcCurri {flex-direction:column;}
	.fcCurri .perCurri {width:100%; padding:30px;}
	.fcCurri .perCurri .stepBox {flex-direction:column; align-items:flex-start; font-size:24px; text-align:left; gap:0;}
	.fcCurri .perCurri .stepBox .Num {text-align:right; width:100%; line-height:1.0;}

	.programSet {flex-direction:column;}
	.programSet .comnProgram {width:100%;}
	.programSet .example {width:100%;}

	.departPrts {flex-direction:column;}
	.departPrts .perDepart {width:100%;}
	.departPrts.art .perDepart {width:100%;}
	.departPrts.study .perDepart {width:100%;}
	.departPrts.study .perDepart .prtsDesc .pdTitle {height:auto;}
	.departPrts.study .perDepart .prtsDesc .pdTitle br {display:none;}

	.comnTableSec th {font-size:14px;}
	.comnTableSec td {font-size:14px; padding:6px;}
	.departPrts .perDepart .prtsDesc .desc {min-height:auto;}
	.departPrts .perDepart .prtsDesc .pdTitle {font-size:24px;}
	.contProgram .btnArea a.btnOutLink {width:100%; padding:16px 0;}

	.campCurri .perCurri {padding:30px;}
	.campCurri .perCurri .cuTitle {flex-direction:column; align-items:flex-start;}
	section.bgMint .contCamp .cauTxt {text-align:left; align-items:flex-start; line-height:1.3;}

	.scrollTableSec .tHead {width:130px;}
	.scrollTableSec .tHead table {width:130px;}

	.featureInfo {flex-direction:column; align-items:flex-start;}
	.featureInfo .perInfo {width:100%; padding:30px;}

	.faqSet {padding:20px; border-radius:16px; margin-bottom:20px;}
	.faqSet .qTxt {font-size:18px; padding-top:3px;}
	.faqSet .ico {font-size:18px; width:30px; height:30px; line-height:30px;}
	.faqSet .question {padding:0 30px 0 38px;}
	.faqSet .icoFold {width:16px; height:10px; top:9px;}

	.faqSet .answer {padding:0 0 0 38px;}
	.faqSet .aTxt {font-size:18px; padding-top:3px; word-break:break-all;}

	.comnForm .formSec .inForm .formBlock.half {width:100%;}
	.comnForm .txtSec .comnTitle {margin-bottom:0px;}

	.singleItem .perItem {width:100%; font-size:14px; padding:30px;}
	.comnTitleSec .descSec .descItems li {font-size:16px; }
	.gloHeader .inner .brName {font-size:14px; left:132px; top:18px;}

	.differList .perDiff .descItems.two li {float:none; display:block; width:100%;}
	.perScheImg {padding:0;}

	.mainVisual .fcName {font-size:36px; padding:0 30px; bottom:120px; line-height:1.1; display:block;}

	.commingSoonWrap .inner {padding:30px;}
	.commingSoonWrap .inner .logo {width:124px; height:30px;}
	.commingSoonWrap .inner .fcName {font-size:24px;}


}

@media only screen and (max-width:768px) {

}



/* 공통 스타일 */
.popup {
    position: fixed;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5); /* 반투명 배경 */
    top: 0 !important;
    left: 0 !important;
    width: 100vw; /* 화면 전체 너비 */
    height: 100vh; /* 화면 전체 높이 */
}

.popup-content {
    position: relative;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    padding: 20px;
    max-width: 800px;
    width: 90%; /* 디폴트로 90% 너비 */
    max-height: 90%; /* 최대 높이 제한 */
    overflow-y: auto; /* 내용이 많으면 스크롤 */
}

/* 이미지 스타일 */
.popup-content img {
    display: block;
    margin: 0 auto; /* 이미지 가운데 정렬 */
    max-width: 100% !important; /* 부모 컨테이너 크기에 맞게 */
    height: auto;
    border-radius: 4px;
}

/* 버튼 스타일 */
.popup-content .close-pop-btn {
    background-color: #f44336; /* 빨간색 버튼 */
    color: white;
    border: none;
    border-radius: 4px;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 14px;
}

.popup-content .close-pop-btn:hover {
    background-color: #d32f2f;
}

.popup-content .noshow-pop-btn {
    margin-left: 5px;
    cursor: pointer;
}

/* 반응형 설정 */
@media screen and (min-width: 1024px) {
    /* PC 화면 */
    .popup-content {
        max-width: 800px; /* 최대 너비 */
        padding: 30px; /* PC는 여백 증가 */
    }
}

@media screen and (max-width: 1023px) {
    /* 모바일 화면 */
    .popup-content {
        max-width: 90%; /* 화면 크기에 맞게 너비 조정 */
        padding: 15px; /* 모바일에서 여백 축소 */
    }

    .popup-content img {
        max-width: 100% !important; /* 이미지가 화면에 맞도록 */
        height: auto !important;
    }

    .popup-content .close-pop-btn {
        font-size: 12px; /* 모바일에서 버튼 글씨 크기 조정 */
        padding: 5px 8px;
    }

    .popup-content .noshow-pop-btn {
        font-size: 12px;
    }
}