@charset "utf-8";
.sub_wrap {width:100%; float:right;}
.blue_txt {color:#00699a;}

.preparing {width:100%;}
.preparing img {width:100%;}


.con_box h2{font-size:25px;display: flex;flex-wrap: wrap;gap:5px}
.con_box h2::before{content:"";display:inline-block;width:10px;height:10px;aspect-ratio:1/1;background:#db9c0a;border-radius: 50%;}


/*greetings*/
.greetings * {word-break:keep-all;}
.greetings h2 {color:#5fad85;font-size:40px;font-family: 'Jalnan', 'NanumSquareRound', 'Noto Sans KR', Sans-serif;}
.greetings h3 {color:#5fad85;font-family: 'Noto Sans KR', Sans-serif;}
.greetings p, .greetings span {font-family: 'Noto Sans KR', Sans-serif;}
.intro_01 {width: 100%;overflow: hidden;padding-bottom: 100px;border-bottom: #ddd 1px solid;}
.int01_01 {width: 100%;overflow: hidden;padding-bottom: 100px;}
.int01_02 {clear:both;width: 100%;overflow: hidden;}

.int0101_img {width: 31%;float: right;animation: jumpjump_5 4s infinite;}
@keyframes jumpjump_5{0%,20%,40%,100%{transform:translateY(0)}10%,30%{transform:translateY(-5px)}}
.int0101_con {width: calc(100% - 40%);float: left;}
.int0101_con h2 {margin-bottom:40px;}
.int0101_con h3 {font-size:30px;margin-bottom:20px;font-weight:600;}
.int0101_con p {font-size:20px;line-height:1.4;}
.int0102_img {width: 23%;float: left;animation: jumpjump_5 4s infinite;}
.int0102_con {width: calc(100% - 30%);float: right;}
.int0102_con h3 {font-size:30px;margin:40px 0 20px 0;font-weight:600;}
.int0102_con p {font-size:20px;line-height:1.4;}


.intro_02 {width: 100%;overflow: hidden;padding-bottom: 100px;border-bottom: #ddd 1px solid;margin-top:100px;clear:both;}
.intro_02 h2 {text-align: center;margin-bottom: 50px;}
.intro_02 ul {text-align: center;}
.intro_02 li {display: inline-block;width: 33%;text-align: center;max-width: 400px;margin: 0 2%;}
.intro_02 li:nth-child(4) {clear:both;}
.intro_02 li:nth-child(4), .intro_02 li:nth-child(5) {margin-top:40px;}
.intro_02 li img {display:block;margin-bottom:20px;border-radius:30px;}
.intro_02 li h3 {font-size:30px;color:#333;font-family: 'Noto Sans KR', Sans-serif;font-weight:500;margin-bottom:20px;}
.intro_02 li p {display:block;font-size:20px;line-height:1.4;}

.intro_03 {width: 100%;overflow: hidden;padding-bottom: 100px;clear:both;margin-top:100px;}
.intro_03 h2 {text-align: center;margin-bottom: 50px;}
.intro_03 li {width: 22%;float: left;margin-right: 4%;}
.intro_03 li:last-child {margin-right: 0;}
.intro_03 li span {display:block;font-size:17px;line-height:1.4;}


.intro_04 {width: 100%;overflow: hidden;clear:both;text-align: center;}
.intro_04 h2 {text-align: center;margin-bottom: 50px;}
.int04_con {display: inline-block;min-width:1100px;}
.int04_con > img {display: inline-block;float: left;margin-right: 40px;}
.int04_con ul {float:left;text-align: left;padding-top:30px;}
.int04_con li {clear:both;padding:10px;font-size:20px;font-family: 'Noto Sans KR', Sans-serif;}
.int04_con li i {display: inline-block;margin-right:20px;text-align: left;}

.lesson * {word-break:keep-all;}
.lesson h2 {color:#5fad85;font-size:40px;font-family: 'Jalnan', 'NanumSquareRound', 'Noto Sans KR', Sans-serif;}
.lesson h3 {color:#5fad85;font-family: 'Noto Sans KR', Sans-serif;}
.lesson p {font-family: 'Noto Sans KR', Sans-serif;}
.lessong_title {width: 100%;overflow: hidden;margin-bottom: 50px;}

.lessong_title h2 {text-align:center;margin-bottom:30px;}
.lessong_title p {text-align:center;color:#5fad85;font-size:20px;font-family: 'Noto Sans KR', Sans-serif;font-weight:500;}
.lessong_con {width: 100%;clear: both;overflow: hidden;}
.lessong_con > div {width: 48%;float: left;overflow: hidden;border: #ddd 2px solid;padding: 45px;border-radius: 30px;min-height:360px;}
.lessong_con > div:last-child {float:right;}
.lessong_con > div h3 {color:#232323;font-size:30px;font-family: 'Jalnan', 'NanumSquareRound', 'Noto Sans KR', Sans-serif;margin-bottom:20px;}
.lessong_con > div li {clear:both;padding:5px 0;font-size:20px;font-family: 'Noto Sans KR', Sans-serif;}
.lessong_con > div li i {display: inline-block;margin-right:15px;text-align: left;}

.lessong_img {padding-top: 100px;border-top: #ddd 1px solid;width: 100%;overflow: hidden;clear:both;margin-bottom: 100px;}
.lessong_img .slick-slide img {display:block;width:100%;height:auto;border-radius:30px;aspect-ratio: 439 / 400;}
.lessong_img .slick-slide {margin:0 20px;}
.lessong_img .slick-list {margin:0 -20px;}



.lessong_img .slick-dots {display: block !important;position: relative;bottom: auto;margin-top: 20px;}

.lessong_img .slick-dots li, .lessong_img .slick-dots li {width: auto;height: auto;}
.lessong_img .slick-dots li button {width: 15px;height: 15px;background:#fcc70f;border-radius:50%;}
.lessong_img .slick-dots li.slick-active button {background:#4e9772;}

.lessong_img .slick-dots li button:before {display: none !important;}


/* location */
.map .root_daum_roughmap .cont {display:none;}
.location{text-align:center;}
.location iframe .gmnoprint{display: none !important;}
.location .title{margin-bottom: 30px;}
.location table{font-size:18px;border-top:2px solid #db9c0a;margin-top:80px;}
.location table th{border-bottom:1px solid #fff;color:#fff;border-bottom:1px dotted #ddd;}
.location table td{padding:20px;border-bottom:1px dotted #ddd;text-align:left;background:#ffffffa1;}
.location table th span{padding:5px 0;width:100%;border-radius:30px;color:#fff;background:#ffa800;display: block;}

.edu_con01 {clear: both;overflow: hidden;width: 100%;}
.edu_con02 {clear: both;overflow: hidden;width: 100%;margin-top: 100px;padding-top: 100px;border-top: #ddd 1px solid;}
.edu_con03 {clear: both;overflow: hidden;width: 100%;margin-top: 100px;padding-top: 100px;border-top: #ddd 1px solid;}


.edu_img {width: 40%;float: left;text-align: center;}
.edu_img img {display:inline-block;animation: shakeY_10 2.5s ease-in-out infinite;}
@keyframes shakeY_10{0%,100%{transform:translateY(5px)}50%{transform:translateY(-5px)}}
.edu_txt {width:60%;float:right;}
.edu_txt h2 {color: #5fad85;font-size: 40px;font-family: 'Jalnan', 'NanumSquareRound', 'Noto Sans KR', Sans-serif;margin-bottom:20px;}
.edu_txt * {word-break:keep-all;}
.edu_txt p {margin-bottom:20px;font-size: 25px;font-family: 'Noto Sans KR', Sans-serif;font-weight:500;}
.edu_txt ul {overflow:hidden;}
.edu_txt li {font-family: 'Noto Sans KR', Sans-serif;font-size: 20px;position:relative;padding:5px 0 5px 22px;}
.edu_txt li:before {content: '';display: inline-block;width: 10px;height: 10px;background: #5fad85;border-radius: 50%;position: absolute;left: 0;top: 15px;}



.edu_con02 .edu_img {float:right} 
.edu_con02 .edu_txt {float:left;} 

#Agreement h2 {margin:40px 0 10px;text-align:left;}
#Agreement {font-size:16px;line-height: 30px;word-break:keep-all; }
.Agreement_first h2 {margin-top:0;}
.Agreement_first, .terms > div { color: #666; line-height: 24px; }
.terms { background: #f8f8f8; padding:25px; border: 1px solid #dedede; }

.privateD {width: 99.9%; border: 1px solid #ddd; overflow: hidden; padding: 30px; box-sizing: border-box; background: #f5f5f5; font-size: 16px; line-height: 26px;}
.privateD p {font-size: 20px;  font-weight: 500; margin-bottom: 20px;}



/* ---------반응형---------- */

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

}

@media screen and (max-width: 1200px) {
.con_title {font-size:38px;}

}



@media screen and (max-width: 1000px) {
.intro_02 li { width: 48%;max-width: unset;float:left;margin:0;}
.intro_02 li:nth-child(2n) {float:right;}
.intro_02 li:nth-child(3), .intro_02 li:nth-child(3) {margin-top: 40px;}
.intro_02 li:nth-child(4) {clear: none;}
.intro_02 li:nth-child(2n+1) {clear:both;}

.intro_03 li {width: 48%;margin-right: 0;}
.intro_03 li:nth-child(2n) {float:right;}
.intro_03 li:nth-child(2n+1) {clear:both;}
.intro_03 li:nth-child(3), .intro_03 li:nth-child(4) {margin-top: 40px;}

.lessong_con > div li {position: relative;padding-left: 30px;}
.lessong_con > div li i {position: absolute;left: 0;}

}



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

.title {margin-bottom: 25px;}



/* location */
.location table{font-size: 18px;}
.location table td{padding:18px 20px;}
.location iframe{height:350px !important;}

}



@media screen and (max-width: 800px) {
.greetings h2, .lesson h2 {font-size:30px;}
.int0101_con h2 {margin-bottom: 25px;}
.int0101_con h3 {font-size: 20px;}
.int0102_con h3 {font-size: 20px;}
.int0102_con h3 {font-size: 20px; margin: 0 0 20px 0;}
.int0101_con p, .int0102_con p, .intro_02 li p, .int04_con li {font-size: 16px;}
.intro_02 li h3 {font-size: 20px;}
.intro_03 li span {font-size: 15px;}
.age_img h3 {min-height: 42px;}
.int04_con {display: block;min-width: auto;width:100%;}
.int04_con > img {display: inline-block;float: left;margin-right: 20px;width: 200px;}
.int04_con ul {padding-top: 0;}
.lessong_con > div h3 {font-size: 24px;}
.lessong_con > div li {font-size: 16px;}
/* location */
.location table{font-size: 16px;}
.lessong_con > div {width:100%;    padding: 30px;border-radius: 20px;min-height: auto;}
.lessong_con > div:last-child {margin-top:30px;}
.edu_txt h2 {font-size:30px;}
.edu_txt p {font-size: 20px;}
.edu_txt li{font-size: 16px;}
}


@media screen and (max-width: 768px) {
.con_wrap{margin-top:30px}
.sub_title h1{font-size:30px}


/* equipment */
.facility_cont .tabs li{width:calc(100% / 3)}
.rental_box p{font-size:20px}



}


@media screen and (max-width: 740px) {
.con_title {font-size:28px;}


}


@media screen and (max-width: 700px) {
/* location */
.location table td{padding:15px 20px;}
.location iframe{height:310px !important;}


.intro_01, .int01_01 {padding-bottom: 50px;}
.intro_02, .intro_03 {padding-bottom: 50px;margin-top:50px;}
.int04_con > img {margin-right: 0;}
.int04_con ul {width: calc(100% - 200px);float: right;}
.lessong_img { padding-top: 50px; margin-bottom: 50px;}
#Agreement h2 {font-size:28px;}
.edu_con02, .edu_con03 {margin-top: 50px;padding-top: 50px;}
.edu_img {width:100%;}
.edu_txt {clear:both;width:100%;padding-top: 50px;}
}



@media screen and (max-width: 650px) {
#section2 .img{height: 280px;}
/* greeting */
.sub_title h1{font-size:25px}
.con_wrap .wrap .sub_title h1 span{font-size:13px}
.con_wrap .wrap .title_box1 .sub_mini_tit{font-size:20px}
.con_wrap .wrap .title_box1 .sub_mini_tit::before, .con_wrap .wrap .title_box1 .sub_mini_tit::after{font-size:40px}


}



@media screen and (max-width: 600px) {
#container #content{padding:50px 0 ;}
.con_wrap{margin-top:0}
.sub_title h1{margin:50px 0 0}
.int0101_con{width:100%;}
.int0101_img, .int0102_img {width:100%;text-align:center;}
.int0102_con {width:100%;float:left;}

/* location */
.location h3{display:block;text-align:left;}
.lessong_con > div {border:none;border-radius:0;padding:0;}
.lessong_con > div li i img {display: inline-block;width: 20px;}
.int04_con li i img {display: inline-block;width: 20px;}
}




@media screen and (max-width: 500px) {
.title {font-size:22px;margin-bottom: 20px;}
.title::before{top: 0px;}

/* location */
.location table td{padding:15px 20px;width:100%;text-align:center;}
.location table th{width:100%;padding:8px 0;}
.location table {display: flex; flex-direction: column;}
.location table tr{display: flex; flex-direction: column;width:100%;}
.location iframe{height:260px !important;}
.location table th span{width: auto;}
.intro_04 h2, .intro_03 h2, .intro_02 h2 {margin-bottom:30px;}
.greetings h2, .lesson h2 {	font-size: 25px;}
.int0101_con p, .int0102_con p, .intro_02 li p, .int04_con li {	font-size: 15px;}
.int04_con > img {display:none;}
.int04_con ul {width:100%;}
.int04_con li {position:relative;padding-left: 34px;}
.int04_con li i {display: inline-block;margin-right: 0;text-align: left;position: absolute;left: 0;}
.lessong_img .slick-list {margin: 0;}
.lessong_img .slick-slide {margin: 0;}
.lessong_title p {text-align:left;}
.edu_txt h2 {font-size:25px;}
.edu_txt p {font-size: 18px;}
.edu_txt li{font-size: 15px;padding: 5px 0 5px 18px;}
.edu_txt li:before {width: 7px;height: 7px;top: 14px;}
.edu_img img {width:60%;}
.int0101_img img, .int0102_img img {width:60%;} 
}



@media screen and (max-width: 450px) {
.con_box h2{font-size:18px}



}


@media screen and (max-width: 400px) {
#container #content{padding: 60px 0 0;}

#Agreement h2 {font-size:24px;}
.con_box h2 {font-size: 17px;}
.greetings h2, .lesson h2 {font-size: 22px;line-height:1.3}
.lessong_title p {font-size: 17px;}
.intro_02 li img, .intro_03 .age_img {border-radius: 20px;}
.intro_02 li h3 {
        font-size: 18px;
    }
}

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



}