@import url('fonts.css');

.content{

overflow-x: hidden;

}

.contain{

margin-top: 90px;

}

.contain.brand_01{

margin-bottom: 0;

}
.w_70 {text-align:center}
.w_70 img {width:70% !important
}
.contain .middle_banner{

position: relative;

}

.contain .middle_banner h4 {

font-weight: normal;

position: absolute;

left: 50%;

top: calc(50% - 40px);

transform: translate(-50%,-50%);

color: #fff;

font-size: 50px;
.teacher .content .content_wrap .txt h2
}

.contain.subject .middle_banner h4, .contain.inquiry .middle_banner h4 {

top: 50%;

}

.contain img{

width: 100%;

}

.contain img.mo{

display: none;

}

.contain .gnb{

background-color: #fff;

height: 80px;

z-index: 5;

border-bottom: 1px solid #f7f7f7;

}

.contain .gnb ul{

max-width: 1200px;

height: 100%;

width: 80%;

margin: auto;

}

.contain .gnb ul li{

padding: 0 20px;

text-align: center;

float: left;

height: 100%;

line-height: 80px;

}

.contain .gnb ul li a{

display: inline-block;


font-weight:300;


height: 100%;

opacity: .7;

}

.contain .gnb ul li.active a{

opacity: 1;



color: #2aa7d8;

}

.contain .content{

padding: 100px 0 100px;

overflow-y: auto;


}



.contain .content .content_wrap .txt_box{

text-align: center;

margin-bottom: 40px;

}

.contain .content .content_wrap .txt_box h3.tit{

font-size: 40px;

margin-bottom: 20px;

}

.contain .content .content_wrap .txt_box h5.desc{

font-size: 20px;

line-height: 32px;

font-weight:300;


font-weight: normal;

}

.product .content._01 .content_wrap,

.brand_01 .content._01 .content_wrap,

.teacher .content._01 .content_wrap,

.subject .content._01 .content_wrap,

.center .content._01 .content_wrap,

.experience .content._01 .content_wrap,

.inquiry .content._01 .content_wrap,

.faq .content._01 .content_wrap{

padding: 0;

}

.content._01 .content_wrap._01{

display: block;

}

.content .content_wrap._01 .text_box{

text-align: center;

margin-bottom: 100px;

}

.content  .content_wrap._01 .text_box .atc{

width: 42px;

height: 42px;

background-image: url('../img/main/atc1.png');

position: absolute;

left: -50px;

top:-50px;

animation: circle2-rotate 12s linear infinite;

}

@keyframes circle2-rotate {

from {

transform: rotate(0deg);

}

to {

transform: rotate(359deg);

}

}

.content .content_wrap._01 .text_box p{

font-size: 30px;

margin-bottom: 20px;

}

.content .content_wrap._01 .text_box p span{

color: #2aa7d8;

}

.content .content_wrap._01 .text_box h4{

font-size: 76px;

position: relative;

line-height: 90px;

display: inline;

font-weight: normal;

}

.content._01 .content_wrap._01 .text_box h4 span{


font-weight:800;


}


.m3 {width:1200px;margin:0 auto;padding:100px 0}
.m3 h2 {text-align:center;font-size:35px}

.content .content_wrap._01 .text_box .desc{

font-size: 20px;

line-height: 36px;


font-weight:300;


margin-top: 30px;

}

.content .content_wrap._02 .img_box{

border-radius: 20px;

overflow: hidden;

margin-right: 10%;

position: relative;

}

.content .content_wrap._02 .circle{

width: 180px;

height: 180px;

background-color: #2aa7d8;

opacity: .1;

border-radius: 50%;

position: absolute;

left: -90px;

top: -15px;

z-index: -1;

animation: move1 4s linear infinite;

}

@keyframes move1 {

0%{

top: -30px;

}

50% {

top: -15px;

}

100% {

top: -30px;

}

}

.content .content_wrap._02 .img_box img{

width: 100%;

}

.content .content_wrap._02 .text_box{

position: relative;

}

.content .content_wrap._02 .text_box .atc{

width: 97px;

height: 97px;

animation: circle2-rotate 18s linear infinite;

position: absolute;

right: 0;

top: -100px;

background-image: url('../img/main/atc2.png');

}

.content .content_wrap._02 .text_box h2{

font-size: 40px;

font-weight: normal;

line-height: 60px;

}

.content .content_wrap._02 .text_box h2 span{


font-weight:800;


}

.brand_01 .content._03 .text_box .desc,

.content .content_wrap._02 .text_box .desc{

font-weight:300;


font-size: 18px;

line-height: 30px;

margin: 40px 0;

opacity: .7;

}

.teacher .content._02,

.brand_01 .content._02{

background-image: none;

background-color: #f7f7f7;

border-radius: 0 200px 0 0;

}

.brand_01 .content .content_wrap .tit{

text-align: center;

font-size: 40px;

margin-bottom: 40px;

}

.brand_01 .content._02 .icon_wrap ul{

display: flex;

justify-content: space-between;

text-align: center;

}

.brand_01 .content._02 .icon_wrap ul li{

cursor: pointer;

width: 18%;

}

.brand_01 .content._02 .icon_wrap ul li:hover span.bold{

padding-top: 15px;

}

.brand_01 .content._02 .icon_wrap ul li span.img{

width: 100%;

padding-bottom: 100%;

background-color: #fff;

border-radius: 50%;

display: inline-block;

background-repeat: no-repeat;

background-position: center;

background-image: url('../img/brand/icon_01.png');

}

.brand_01 .content._02 .icon_wrap ul li:nth-child(2) span.img{

background-image: url('../img/brand/icon_02.png');

}

.brand_01 .content._02 .icon_wrap ul li:nth-child(3) span.img{

background-image: url('../img/brand/icon_03.png');


}

.brand_01 .content._02 .icon_wrap ul li:nth-child(4) span.img{

background-image: url('../img/brand/icon_04.png');

}

 

.brand_01 .content._02 .icon_wrap ul li span.bold{

font-weight:800;


font-size: 30px;

color: #2aa7d8;

transition: .2s;

display: block;

padding: 20px 0 10px;

}

.brand_01 .content._02 .icon_wrap ul li span.bold span{

font-size: 24px;

}

.brand_01 .content._03{

background-color: transparent;

height: auto;

padding: 70px 0 50px;

position: relative;

}

.brand_01 .content._03 .content_wrap{

display: flex;

align-items: center;

justify-content: space-between;

}

.brand_01 .content._03 .content_wrap .content3_left{

width: 40%;

}

.brand_01 .content._03 .text_box h2{

font-size: 40px;

line-height: 60px;

font-weight: normal;

}

.brand_01 .content._03 .text_box h2 span{


font-weight:800;


}

.brand_01 .content._03 .brand_gnb ul li{

height: 50px;

border-bottom: 1px solid #eee;

line-height: 50px;

width: 190px;

cursor: pointer;

position: relative;

padding: 0 10px;

color: #aaaaaa;

font-size: 20px;

}

.brand_01 .content._03 .brand_gnb ul li::after{

content: "";

width: 13px;

height: 12px;

background-image: url('../img/main/arrow_black.png');

opacity: .2;

position: absolute;

right: 0;

top: 50%;

transition: .2s;

transform: translateY(-50%);

}

.brand_01 .content._03 .brand_gnb ul li.active::after{

opacity: 1;

background-image: url('../img/main/arrow_blue.png');

}

.brand_01 .content._03 .brand_gnb ul li.active{

opacity: 1;

color: #2aa7d8;

border-bottom: 1px solid #2aa7d8;

}

.brand_01 .content._03 .brand_gnb ul li:hover::after{

right: -5px;

}

.brand_01 .content._03 .brand_img_wrap{

width: 50%;

}

.brand_01 .content._03 .brand_img_wrap .text{


font-weight:300;

font-size: 16px;

opacity: .5;

line-height: 24px;

}

.brand_01 .content._03 .brand_img_wrap span{

padding: 10px 0;

font-size: 20px;

display: inline-block;

}

.brand_01 .content._03 .brand_img_wrap .brand_img:not(:first-child){

display: none;

}

.brand_01 .content._04{

background-repeat: no-repeat;

background-image: url('../img/brand/brand_story_bottom_img.png');

height: 400px;

margin-top: 80px;

padding: 50px 0;

background-color: #fff;

}

 

.brand_01 .content._04 .content_wrap{

align-items: center;

display: flex;

justify-content: center;

height: 100%;

}

.brand_01 .content._04 .content_wrap .text_box{

text-align: center;

color: #fff;

}

.brand_01 .content._04 .content_wrap .text_box h2{

font-size: 40px;


font-weight: normal;
color:#fff;


}

.brand_01 .content._04 .content_wrap .text_box h2 span{
color:#fff;
font-weight:800;

}

.brand_01 .content._04 .content_wrap .text_box .desc{


font-size: 25px;
color:#fff;

margin: 25px 0 50px;

}

.brand_01 .content._04 .content_wrap .text_box .btn{

width: 250px;

height: 85px;

border-radius: 80px;

line-height: 85px;

background-color: #2aa7d8;

color: #fff;


font-weight:800;


font-size: 26px;

position: relative;

left: 50%;

box-sizing: border-box;

cursor: pointer;

border:3px solid #2aa7d8;

transform: translateX(-50%);

}

.brand_01 .content._04 .content_wrap .text_box .btn:hover{

color: #2aa7d8;

background-color: #fff;

}

.center .content .content_wrap .center_info_wrap .center_info_box{

clear: both;

position: relative;


overflow:hidden;

margin-bottom: 30px;

}

.center .content .content_wrap .center_info_wrap .center_info_box .img{

border-radius: 20px;

overflow: hidden;


width: 50%;
float:left;


}

.center .content .content_wrap .center_info_wrap .center_info_box .circle{

width: 190px;

height: 190px;

border-radius: 50%;

opacity: .1;

background-color: #2aa7d8;

position: absolute;

left: -85px;

bottom: -85px;

z-index: -1;

animation: move_circle 3s linear infinite;

}

.center .content .content_wrap .center_info_wrap .center_info_box .circle2{

width: 353px;

height: 350px;

background-image: url('../img/brand/circle2.png');

position: absolute;

right: -120px;

top: -150px;

z-index: -1;

}

.center .content .content_wrap .center_info_wrap .center_info_box .atc2{

width: 97px;

height: 97px;

position: absolute;

animation: circle2-rotate 18s infinite linear;

right: 51%;

bottom: -0px;

z-index: -1;

background-image: url('../img/main/atc2.png');

}

@keyframes move_circle {

0%{

bottom: -85px;

}

50% {

bottom: -105px;

}

100% {

bottom: -85px;

}

}

.center .content .content_wrap .center_info_wrap .center_info_box .atc{

width: 42px;

height: 42px;

background-image: url('../img/main/atc1.png');

position: absolute;

left: 120px;

top:-80px;

animation: circle2-rotate 12s linear infinite;

}

.center .content .content_wrap .center_info_wrap .center_info_box:nth-child(2) .img{
float:right;

}

.center .content .content_wrap .center_info_wrap .center_info_box .right_txt{

width: 50%;

padding:80px  50px;


box-sizing: border-box;
float:right;


}


.center .content .content_wrap .center_info_wrap .center_info_box:nth-child(2) .right_txt{
float:left;
}

.center .content .content_wrap .center_info_wrap .center_info_box h2{

font-size: 30px;

margin-bottom: 35px;

}

.center .content .content_wrap .center_info_wrap .center_info_box p{

line-height: 32px;


font-weight:300;


opacity: .7;

font-size: 18px;

}

.center .content .content_wrap .seacrh_center{

clear: both;

text-align: center;

margin-top: 100px;

}

.center .content .content_wrap .seacrh_center h2{

font-size: 40px;

}

.center .content .content_wrap .seacrh_center .search_center_box{

width: 100%;

height: 120px;

border-radius: 20px;

border: 1px solid #e5e5e5;

display: flex;

align-items: center;

justify-content: center;

margin: 50px 0 20px;

box-sizing: border-box;

padding: 0 150px;

}

.center .content .content_wrap .seacrh_center .search_center_box select{

border: 0;

border-bottom: 1px solid #e5e5e5;

width: 200px;

height: 50px;

font-size: 20px;

padding: 0 10px;

margin: 0 10px;

color: #000;

background-image: url('../img/brand/faq_arrow.png');

position: relative;

cursor: pointer;

}

.center .content .content_wrap .seacrh_center .search_center_show .search_center_item{

float: left;

box-sizing: border-box;

padding: 10px;

width: calc(100% / 3);

height: 240px;

cursor: pointer;

}

.center .content .content_wrap .seacrh_center .search_center_show .search_center_item .search_center_item_wrap{

border-radius: 20px;

background-color: #f7f7f7;

height: 100%;

text-align: left;

padding:30px;

box-sizing: border-box;

}

.center .content .content_wrap .seacrh_center .search_center_show .search_center_item .search_center_item_wrap .title{

font-size: 20px;

position: relative;

display: inline-block;

margin-bottom: 15px;

padding-left: 25px;

}

.center .content .content_wrap .seacrh_center .search_center_show .search_center_item .search_center_item_wrap .title::after{

content: "";

background-image: url('../img/brand/address_icon.png');

width: 18px;

height: 23px;

left: 0;

top: 50%;

position: absolute;

transform: translateY(-50%);

}

.center .content .content_wrap .seacrh_center .search_center_show .search_center_item .search_center_item_wrap .tel,

.center .content .content_wrap .seacrh_center .search_center_show .search_center_item .search_center_item_wrap .address{


font-weight:300;


font-size: 16px;

}

.center .content .content_wrap .seacrh_center .search_center_show .search_center_item .search_center_item_wrap .tel{

margin-top: 50px;

}

 

 

 

.teacher .content .content_wrap .txt{

text-align: center;

}

.teacher .content .content_wrap .txt h2{

font-size: 40px;

line-height: 60px;

font-weight: normal;

margin: 25px 0 ;


}


.teacher .content._04 .content_wrap .txt h2,
.teacher .content._04 .content_wrap .txt h2 em{
color:#fff;

}
.teacher .content._02 .content_wrap .txt h2{

margin-top: 0;

}

 

.teacher .content .content_wrap .txt h2 em{


font-weight:800;


}

.teacher .content .content_wrap .txt p{

font-size: 18px;


font-weight:300;


line-height: 30px;

opacity: .7;

}

.teacher .content._01 .content_wrap .teacher2_wrap .title_img,

.teacher .content._01 .content_wrap .teacher_wrap .title_img{

border-radius: 20px;

overflow: hidden;

height: auto;

}

.teacher .content._01 .content_wrap .teacher2_wrap{

display: flex;

margin-top: 100px;

align-items: center;

}

.teacher .content._01 .content_wrap .teacher2_wrap .title_img{

float: left;

width: 50%;

}

.teacher .content._01 .content_wrap .teacher2_wrap .txt{

text-align: left;

box-sizing: border-box;

padding: 50px;

display: inline-block;

width: 50%;

}

.teacher .content._01 .content_wrap .teacher2_wrap .txt h2{

margin-top: 0;

}

.teacher .content._02{

background-position: right top;

}

.teacher .content._02 .content_wrap .circle_wrap{

overflow-y: auto;

margin: 50px 0;

}

.teacher .content._02 .content_wrap .circle_wrap ul li{

width:calc(100% / 6);

text-align: center;

position: relative;

float: left;

display: flex;

justify-content: center;

}

.teacher .content._02 .content_wrap .circle_wrap ul li .circle{

background-color: #fff;

border-radius: 50%;

box-sizing: border-box;

width: 150px;

height: 150px;

}

.teacher .content._02 .content_wrap .circle_wrap ul li .step{

color: #2aa7d8;


font-weight:800;


font-size: 12px;

padding-top: 30%;

margin-bottom: 15px;

display: block;

}

.teacher .content._02 .content_wrap .circle_wrap ul li .title{

font-size: 18px;

}

.teacher .content._02 .content_wrap .circle_wrap ul li:not(:last-child)::after{

content: "";

position: absolute;

right: -6px;

width: 12px;

height: 16px;

top: 50%;

transform: translateY(-50%);

background-image: url('../img/brand/teacher_content2_arrow.png');

}

.teacher .content._02 .content_wrap .img_wrap{

display: flex;

justify-content: space-between;

margin-top: 50px;

}

.teacher .content._02 .content_wrap .img_wrap .img{

width: 49%;

border-radius: 20px;

overflow: hidden;

}

.teacher .content._03{

background-color: #fff;

}

.teacher .content._03 .content_wrap .card_wrap .card_item{

width: 25%;

float:left;

padding: 20px;

box-sizing: border-box;

}

.teacher .content._03 .content_wrap .card_wrap .card_item .card_item_wrap{

padding: 20px 40px;

background-color: #f7f7f7;

border-radius: 20px;

}

.teacher .content._03 .content_wrap .card_wrap .card_item .card_item_wrap .icon{

width: 56px;

height:56px;

background-repeat:no-repeat;

background-image: url('../img/brand/teacher_content3_icon.png');

background-position: left bottom;

margin-bottom: 10px;

}

.teacher .content._03 .content_wrap .card_wrap .card_item:nth-child(2) .card_item_wrap .icon{

background-position:-83px;

width: 48px;

}

.teacher .content._03 .content_wrap .card_wrap .card_item:nth-child(3) .card_item_wrap .icon{

width: 47px;

background-position: -160px;

}

.teacher .content._03 .content_wrap .card_wrap .card_item:nth-child(4) .card_item_wrap .icon{

width: 33px;

background-position: right top;

}

.teacher .content._03 .content_wrap .card_wrap .card_item .card_item_wrap .title{

font-size: 28px;

margin-bottom: 10px;

}

.teacher .content._03 .content_wrap .card_wrap .card_item .card_item_wrap ul li{

opacity: 0.7;

padding:20px 0;

}

.teacher .content._04{

background-repeat: no-repeat;

background-size: cover;

height: 400px;

background-image: url('../img/brand/teacher_bottom_img.jpg');

color: #fff;

}

.teacher .content._04 .content_wrap{

display: flex;

align-items: center;

justify-content: center;

height: 100%;

}

.teacher .content._04 .content_wrap .btn{

width: 250px;

height: 85px;

border-radius: 80px;

line-height: 85px;

background-color: #2aa7d8;

color: #fff;


font-weight:800;


font-size: 26px;

position: relative;

left: 50%;

text-align: center;

box-sizing: border-box;

cursor: pointer;

border: 3px solid #2aa7d8;

transform: translateX(-50%);

}

.teacher .content._04 .content_wrap .btn:hover{

color: #2aa7d8;

background-color: #fff;

}

.modal_bg{

width: 100%;

height: 100%;

background-color: rgba(0,0,0,0.8);

position: fixed;

left: 0;

top: 0;

z-index: 15;

display: none;

}

.modal_bg .modal_wrap{

width: 80%;

height: 80%;

left: 10%;

top:10%;

position: absolute;

background-color: #fff;

border-radius: 20px;

box-sizing: border-box;

overflow-y: auto;

}

.modal_bg .modal_wrap .modal{

width: 80%;

margin:100px auto;

}

.modal_bg .modal_wrap .tit{

font-size: 30px;

margin-bottom: 50px;

}

.modal_bg .modal_wrap .layout-form .form-row .form-cell.limit input{

width: 50%;

}

.modal_bg .modal_wrap .layout-form .form-row .check_gender{

display: inline-block;

width: 44%;

margin-left: 5%;

}

.modal_bg .modal_wrap .layout-form .form-row .check_gender .check{

float: left;

margin-right: 10px;

}

.modal_bg .modal_wrap .layout-form .form-row .check_gender .check label{

font-size: 20px;

cursor: pointer;

}

.modal_bg .modal_wrap .layout-form .form-row .check_gender .check input{

cursor: pointer;

width: 18px;

height: 18px;

}

.modal_bg .modal_wrap .btn_wrap{

width: 100%;

height: 50px;

border-radius: 50px;

background-color: #2aa7d8;

color: #fff;

text-align: center;

line-height: 50px;

}

.modal_bg .close_wrap{

z-index: 20;

right: 10%;

top:10%;

}

.modal_bg .close_wrap >div{

background-color: #000;

}

 

.subject .content_wrap .subject_wrap .subject_item{

width: 100%;

overflow: hidden;

border-radius: 20px;

background-color: #f7f7f7;

margin-bottom: 45px;

}

.subject .content_wrap .subject_wrap .subject_item .text{

padding: 60px 130px;

display: inline-block;

box-sizing: border-box;

width: 52%;

}

.subject .content_wrap .subject_wrap .subject_item .text h2{

font-size: 40px;

}

.subject .content_wrap .subject_wrap .subject_item .text p{


font-weight:300;


line-height: 32px;

margin: 30px 0 45px;

}

.subject .content_wrap .subject_wrap .subject_item .text .btn{

font-size: 16px;

position: relative;

display: inline-block;

cursor: pointer;

}

.subject .content_wrap .subject_wrap .subject_item .text .btn::after{

content: "";

width: 14px;

height: 14px;

position: absolute;

right: -20px;

top: 4px;

transition: .2s;

background-repeat: no-repeat;

background-image: url('../img/main/arrow_blue.png');

}

.subject .content_wrap .subject_wrap .subject_item .text .btn:hover::after{

right: -25px;

}

.subject .content_wrap .subject_wrap .subject_item .img{

width: 48%;

overflow: hidden;

float: right;

}

.subject .content_wrap .subject_wrap .subject_item:nth-child(even) .img{

float: left;

}

.subject .content_wrap .subject_wrap .subject_item .img img{

height: 100%;

width: auto;

}

 

 

 

 

 

.subject .content_wrap .subject_gnb ul{

display: flex;

justify-content: space-between;

margin-bottom: 35px;

flex-wrap: wrap;

}

.subject .content_wrap .subject_gnb ul li{

border-radius: 20px;

text-align: center;

width: calc((100% - 80px) / 4);

background-color: #f7f7f7;

height: 50px;

border: 1px solid #eee;

font-size: 24px;

cursor: pointer;

line-height: 50px;

}

.subject .content_wrap .subject_gnb ul li a{

display: inline-block;

width: 100%;

height: 100%;

}

.subject .content_wrap .subject_gnb ul li.active{

background-color: #2aa7d8;

color: #fff;

border: 1px solid #2aa7d8;

}

.subject .content_wrap .subject_gnb ul li.active a{

color: #fff;

}


 .subject_pro_wrap{
display:flex;
flex-wrap:wrap;
justify-content: center;
}


.content_wrap .subject_pro_item{

float: left;

cursor: pointer;

box-sizing: border-box;

padding: 10px 10px 35px;

width: 33.3%;
text-align:center

}

.content_wrap .subject_pro_item.s4{
width:50%

}


.content_wrap .subject_pro_item .img{

border-radius: 20px;

overflow: hidden;

position: relative;

}

.content_wrap .subject_pro_item .img .bg{

position: absolute;

width: 100%;

cursor: pointer;

height: 100%;

left: 0;

display: none;

background-color: rgba(0,0,0,0.8);

text-align: center;

color: #fff;

box-sizing: border-box;

}

.content_wrap .subject_pro_item .img .bg .tag_wrap{

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%,-50%);

}

.content_wrap .subject_pro_item .img .bg span{

font-weight:300;


margin: 3px 5px;

font-size: 16px;

display: inline-block;

}

.content_wrap .subject_pro_item .img .bg .btn{

padding: 10px ;

background-color: #fff;

color: #2aa7d8;

border-radius: 30px;

width: 100px;

display: block;

margin: 10px auto;

}

.content_wrap .subject_pro_item .title{

font-size: 24px;

margin: 15px 0 15px;

}

.content_wrap .subject_pro_item .desc{


font-weight:300;


line-height: 24px;

font-size: 16px;

opacity: .7;

}

.product .product_top{

display: flex;

justify-content: space-between;

}

.product .product_top .product_top_left{

width: 40%;

}

.product .product_top .product_top_left .img{

width: 100%;

overflow: hidden;

border-radius: 20px;

}

.product .product_top .product_top_right{

width: 50%;

display: flex;

align-items: center;

}

.product .product_top .product_top_right .pd_right{

width: 100%;

}

.product .product_top .product_top_right .pd_right .product_right_tit{

border-bottom: 1px solid #ddd;

padding-bottom: 30px;

}

.product .product_top .product_top_right .pd_right .product_right_tit span{

font-weight:300;


color: #2aa7d8;

margin-right: 10px;

}

.product .product_top .product_top_right .pd_right .product_right_tit h2{

font-weight: normal;

font-size: 45px;

margin: 10px 0;

}

.product .product_top .product_top_right .pd_right .product_right_tit .desc_txt{

font-size: 20px;

}

.product .product_top .product_top_right .pd_right .list{

padding: 30px 0;

}

.product .product_top .product_top_right .pd_right .list>ul> li{

padding: 10px 0;

}

.product .product_top .product_top_right .pd_right .list ul li .left{

width: 20%;

float: left;

opacity: .5;

}

.product .product_top .product_top_right .pd_right .list ul li .right{

display: inline-block;

width: 80%;

}

.product .product_top .product_top_right .pd_right .list ul li .right ul li{

margin-bottom: 15px;

}

.product .product_top .product_top_right .pd_right .list ul li .right ul li .list_desc{


font-weight:300;


opacity: .7;

font-size: 14px;

margin-top: 5px;

}

.product .product_top .product_top_right .pd_right .prdview_btn{

width: 100%;

border-radius: 40px;

background-color: #2aa7d8;

padding: 20px 0;

color: #fff;

text-align: center;

}

.product .product_bottom{

margin-top: 150px;

text-align: center;

}

.product .product_bottom .pd_bottom_tit{

font-size: 30px;

}

 

 

.experience .content._01{

padding: 0 0 100px;

}

.experience .content._01 .content_wrap{

display: block;

}

.experience .content._01 .experience_banner{

background-image: url('https://illuwa66.cafe24.com/bizdemo145842/component/board/board_10/u_image/3/1836385605_4-1.jpg');

width: 100%;

background-repeat: no-repeat;

height: 300px;

display: flex;

align-items: center;

background-position: center;

justify-content: center;

}

.experience .content._01 .experience_banner .txt{

text-align: center;

color: #fff;

}

.experience .content._01 .experience_banner .txt h2{

font-size: 50px;

line-height: 62px;

font-weight: normal;

color: #fff;

margin-bottom: 10px;

}

.experience .content._01 .experience_banner .txt h2 em{

color: #fff;

font-weight:800;


}

.experience .content._01 .experience_banner .txt p{

font-size: 20px;

color: #fff;

line-height: 32px;

}

.experience .content._01 .experience_banner .txt .btn{

width: 250px;

height: 85px;

border-radius: 80px;

line-height: 85px;

background-color: #2aa7d8;

color: #fff;


font-weight:800;


font-size: 26px;

position: relative;

left: 50%;

text-align: center;

box-sizing: border-box;

cursor: pointer;

border: 2px solid #2aa7d8;

transform: translateX(-50%);

margin-top: 50px;

}

.content_wrap .btn_wrap a:hover,

.experience .content._01 .experience_banner .txt .btn:hover{

color: #2aa7d8;

background-color: #fff;

}

.experience .content._01 .video_wrap,

.experience .content._01 .awarded_wrap{

padding:100px 0;

text-align: center;

}

.experience .content._01 .awarded_wrap .txt span{

color: #2aa7d8;

font-size: 24px;

}

.experience .content._01 .awarded_wrap .txt h3{


font-weight:800;


font-size: 64px;

margin: 25px 0 70px;

}

.experience .content._01 .awarded_wrap .img img{

width: 80%;

}

.experience .content._01 .awarded_wrap .awarded_list{

display: flex;

width: 80%;

margin: 100px auto 50px;

justify-content: space-between;

}

.experience .content._01 .awarded_wrap .awarded_list .awarded_item{

margin: 20px 40px;

}

.experience .content._01 .awarded_wrap .awarded_list .awarded_item span{

font-size: 20px;

}

.experience .content._01 .awarded_wrap .awarded_desc{

font-size: 24px;


font-weight:300;


line-height: 44px;

}

.experience .content._02 .content_wrap .txt h2,

.experience .content._01 .video_wrap .txt h2{

font-size: 40px;

line-height: 60px;

font-weight: normal;

}

 

.experience .content._01 .video_wrap{

background-color: #f7f7f7;

padding-bottom: 150px;

}

.experience .content._01 .video_wrap .content_wrap{

width: 50%;

margin: auto;

}

.experience .content._01 .video_wrap .txt h2 em{

font-weight:800;


color: #2aa7d8;

}

.experience .content._01 .video_wrap .video_wrap_list ul{

display: flex;

align-items: center;

justify-content: space-between;

margin-top: 50px;

}

.experience .content._01 .video_wrap .video_wrap_list ul li{

background-color: #f7f7f7;

text-align: center;

color: #555;

height: 65px;

width: 100%;

line-height: 65px;

font-size: 24px;

cursor: pointer;

border-radius: 20px 20px 0 0;

}

.experience .content._01 .video_wrap .video_wrap_list ul li.active{

background-color: #2aa7d8;

color: #fff;

}

.experience .content._01 .video_wrap .video_wrap_video img:not(:first-child){

display: none;

}

.experience .content._02{

background-color: #caeaf6;

padding-top: 50px;

background-image: none;

margin-top: -100px;

overflow: unset;

text-align: center;

}

.experience .content._02 .wave{

background-image: url('../img/main/content4_wave.png');

width: 100%;

height: 100px;

position: absolute;

top: -100px;

z-index: 10;

animation: wave 6s infinite linear;

}

.experience .content._02 .content_wrap{

overflow-y: auto;

}

.experience .content._02 .review_wrap .review_item_wrap{

float: left;

width: 50%;

}

.experience .content._02 .review_wrap .review_item_wrap .review_item{

padding: 20px;

cursor: pointer;

}

.experience .content._02 .review_wrap .review_item_wrap .review_item:hover img{

transform: scale(1.1);

}

.experience .content._02 .review_wrap .review_item_wrap .review_item .img{

border-radius: 20px;

overflow: hidden;

}

.experience .content._02 .review_wrap .review_item_wrap .review_item .title{

font-size: 20px;

margin: 20px 0 10px;

display: inline-block;

}

.experience .content._02 .review_wrap .review_item_wrap .review_item .desc{

font-weight:300;


line-height: 24px;

}

.experience .content._03{

clear: both;

padding-bottom: 50px;

background-color: transparent;

}

.experience .content._04{

background-color: #fff;

padding: 100px 0;

}

.experience .content._04 .content_wrap{

display: flex;

justify-content: space-between;

padding: 10px 0;

align-items: center;

}

.experience .content._04 .content_wrap .noticeInner_left h2{


font-weight:800;


font-size: 30px;

font-weight: normal;

padding-bottom: 20px;

}

.experience .content._04 .content_wrap .noticeInner_left ul li{


font-weight:300;


padding: 5px 0;

}

.experience .content._04 .content_wrap .noticeInner_right ul{

display: flex;

justify-content: space-between;

align-items: center;

}

.experience .content._04 .content_wrap .noticeInner_right ul li{

border-radius: 50%;

background-color: #fff;

width: 100px;

margin: 10px;

padding: 5px;

height: 100px;

text-align: center;

display: flex;

align-items: center;

position: relative;

}

.experience .content._04 .content_wrap .noticeInner_right ul li span{


font-weight:300;


font-size: 14px;

position: absolute;

left: 50%;

transform: translateX(-50%);

width: 80%;

}

.layout-form .form-row{

display: flex;

align-items: flex-start;

margin-top: 15px;

}

.layout-form .form-row .form-head{

width: 150px;

display: inline-block;

margin: 12px 0 12px 15px;

position: relative;

}

.layout-form .form-row .form-head::after{

content: "*";

position: absolute;

left: -15px;

top: 2px;


font-weight:300;

color: red;

font-size: 15px;

}

.layout-form .form-row .form-cell{

display: inline-block;

width: 100%;

}

.layout-form .form-row .form-cell.limit input{

width: 70%;

}

.layout-form .form-row .form-cell .btn{

padding: 10px 25px;

background-color: #666;

border-radius: 2px;

color: #fff;

}

.layout-form .form-row .form-cell input{

padding: 10px ;

border: 1px solid #dddddd;

width: 100%;

box-sizing: border-box;

}

.layout-form .form-row .form-cell .input-address{

margin-bottom: 15px;

}

.layout-form .form-row .form-cell .input-msg{

font-size: 12px;

color: #a0a0a0;

margin: 5px 0;

}

.layout-form .form-row .form-cell .input-desc textarea{

border: 1px solid #ddd;

box-sizing: border-box;

padding: 10px;

color: #555;

width: 100%;

height: 250px;

}

.chklist {

margin-top: 50px;

}

.chklist .all .txtInfo{

font-size: 14px;


font-weight:300;


color: #666;

border: 1px solid #eee;

padding: 10px;

box-sizing: border-box;

line-height: 24px;

margin-bottom: 20px;

}

.chklist ul li{

margin: 10px 0;

}

.chklist ul li label{


font-weight:300;


cursor: pointer;

}

.chklist ul li label em{

color: #2aa7d8;

}

.chklist .req .txtBtnSm{

height: 21px;

line-height: 21px;

font-size: 0.75rem;

color: #aaaaaa;

border: 1px solid #ddd;

padding: 0 11px;

border-radius: 10px;

}

.content_wrap .btn_wrap{

text-align: center;

margin: 40px 0 0 ;

}

.content_wrap .btn_wrap a{

padding: 0 100px;

border-radius: 50px;

box-sizing: border-box;

background-color: #2aa7d8;

text-align: center;

color: #fff;

cursor: pointer;

height: 70px;

line-height: 70px;

font-size: 24px;

display: inline-block;

border: 2px solid #2aa7d8;

}

 

 

 

 

.faq .content .content_wrap .faq_wrap{

text-align: center;

}

.faq .content .content_wrap .faq_wrap #Accordion_wrap>div{

display: flex;

align-items: center;

}

.faq .content .content_wrap .faq_wrap .que:first-child{

border-top: 2px solid black;

}

.faq .content .content_wrap .faq_wrap .que{

position: relative;

padding: 20px 0;

cursor: pointer;

border-bottom: 1px solid #dddddd;

}

.faq .content .content_wrap .faq_wrap .que::after{

content: '';

width: 17px;

height: 9px;

margin-right: 50px;

margin-left: auto;

background-image: url('../img/brand/faq_arrow.png');

}

.faq .content .content_wrap .faq_wrap .que::before{

display: inline-block;

content: 'Q';

font-size: 30px;

font-family: 'jalnan';

color: #2aa7d8;

padding: 0 50px;

}

.faq .content .content_wrap .faq_wrap .anw span,

.faq .content .content_wrap .faq_wrap .que span{

padding-left: 160px;

}

.faq .content .content_wrap .faq_wrap .anw span{

font-weight:300;


}

.faq .content .content_wrap .faq_wrap .que.on::after{

transform: rotate(180deg);

}

.faq .content .content_wrap .faq_wrap .anw {

display: none;

overflow: hidden;

font-size: 14px;

background-color: #f7f7f7;

padding: 27px 0;

}

.faq .content .content_wrap .faq_wrap .anw::before {

display: inline-block;

content: 'A';

font-size: 30px;

font-weight: bold;

font-family: 'jalnan';

padding: 0 50px;

color: #666;

}

.faq .content .content_wrap .faq_wrap .btn{

background-color: #2aa7d8;

border-radius: 50px;

padding: 15px 45px;

display: inline-block;

margin:45px auto 0;

color: #fff;

border: 2px solid #2aa7d8;

cursor: pointer;

}

.faq .content .content_wrap .faq_wrap .btn:hover{

background-color: #fff;

color: #2aa7d8;

box-sizing: border-box;

}

 

.faq .content .content_wrap .faq_wrap .total{

float: left;

}

.faq .content .content_wrap .faq_wrap .total span{

color: #2aa7d8;

}

.faq .content .content_wrap .faq_wrap .notice_search_wrap{

float: right;

margin-bottom: 10px;

}

.faq .content .content_wrap .faq_wrap .notice_search_wrap .search_box{

border-bottom: 1px solid #666;

height: 30px;

position: relative;

}

.faq .content .content_wrap .faq_wrap .notice_search_wrap .search_box::after{

content: "";

background-image: url('../img/main/search_icon.png');

background-repeat: no-repeat;

background-size: contain;

width: 28px;

height: 28px;

position: absolute;

top: -00px;

right: 0;

}

.faq .content .content_wrap .faq_wrap .notice_search_wrap .search_box input{

height: 100%;

border: 0;

}

.content .content_wrap .faq_wrap ul{

clear: both;

border-top: 2px solid #000;

}

.content .content_wrap .faq_wrap ul li a{

display: flex;

align-items: center;

border-bottom: 1px solid #dddddd;

padding:25px 0;

width: 100%;

height: 100%;


}

.faq .content .content_wrap .faq_wrap ul li span.board_list_box,
td.bbsno{

padding: 2px 10px;

border-radius: 20px;

display:inline-block;
font-weight:300;

margin:25px;
background-color: #2aa7d8;

color: #fff;

float:left;

font-size: 14px;


}









td.bbsnewf5 span.notice_subject,
.content .content_wrap .faq_wrap ul li .title{

display: inline-block;

padding-left: 100px;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;


}
td.bbsetc_dateof_write,

.content .content_wrap .faq_wrap ul li .date{

font-weight:300;



width:15%;


margin-left: auto;

margin-right: 50px;

font-size: 14px;

opacity: 0.5;

}

.faq .content .content_wrap .pagination{

text-align: center;

margin-top: 50px;

}

.faq .content .content_wrap .pagination a{

color: #666;

width: 30px;

height: 30px;

display: inline-block;

line-height: 30px;

font-weight:300;


}

.faq .content .content_wrap .pagination a.active{

background-color: #2aa7d8;

border-radius: 50%;

color: #fff;

}

.faq .content .content_wrap .review_wrap .review_box{

float: left;

width: 25%;

box-sizing: border-box;

padding: 10px;

}

.faq .content .content_wrap .review_wrap .review_box:hover img{

transform: scale(1.1);

}

.faq .content .content_wrap .review_wrap .review_box .img{

border-radius: 20px;

overflow: hidden;

}

.faq .content .content_wrap .review_wrap .review_box .id{

opacity: 0.7;

padding: 20px 0 35px 20px;

}

.faq .content .content_wrap .review_wrap .review_box .desc{


font-weight:300;


line-height: 32px;

padding: 0 20px;

font-size: 16px;

}

.faq .content .content_wrap .notice_total_wrap .cs_head{

border-bottom: 1px solid #a0a0a0;

padding: 10px;

display: flex;

justify-content: space-between;

align-items: center;

}

.faq .content .content_wrap .notice_total_wrap .cs_head .title{

font-size: 30px;

display: inline-block;

}

.faq .content .content_wrap .notice_total_wrap .cs_head .time{


font-weight:300;


font-size: 14px;

opacity: .5;

}

.faq .content .content_wrap .notice_total_wrap .cs_body p{

padding: 50px 10px;

}

.faq .content .content_wrap .notice_total_wrap .cs_body .fille_wrap{

border-top: 1px solid #a0a0a0;

padding: 10px;

margin-top: 100px;

}

.faq .content .content_wrap .notice_total_wrap .cs_body .fille_wrap ul{

display: flex;

}

.faq .content .content_wrap .notice_total_wrap .cs_body .fille_wrap ul li a,

.faq .content .content_wrap .notice_total_wrap .cs_body .fille_wrap ul li{


font-weight:300;


padding-right: 25px;

position: relative;

opacity: .8;

}

.faq .content .content_wrap .notice_total_wrap .cs_body .fille_wrap ul li a{

text-decoration: underline;

}

.faq .content .content_wrap .notice_total_wrap .cs_body .fille_wrap ul li:first-child::after{

content: "";

width: 1px;

height: 10px;

background-color: #000;

position: absolute;

right: 13px;

top: 50%;

transform: translateY(-50%);

}

.faq .content .content_wrap .notice_total_wrap .cs_btn{

text-align: center;

}

.faq .content .content_wrap .notice_total_wrap .cs_btn button{

width: 100px;

display: inline-block;

height: 35px;

background-color: #234f72;

line-height: 35px;

}

.faq .content .content_wrap .notice_total_wrap .cs_btn button a{

color: #fff;

display: inline-block;

width: 100%;

height: 100%;

}

.faq .content .content_wrap .notice_total_wrap .view_notice_wrap ul{

display: flex;

justify-content: space-between;

}

.faq .content .content_wrap .notice_total_wrap .view_notice_wrap ul li a{

position: relative;

padding: 10px;

}

.faq .content .content_wrap .notice_total_wrap .view_notice_wrap ul li a::after{

content: "";

background-image: url('../img/main/main_arrow.png');

width: 7px;

height: 12px;

position: absolute;

top: 50%;

transform: translateY(-50%);

left: 0;

}

.faq .content .content_wrap .notice_total_wrap .view_notice_wrap ul li:last-child a::after{

left: auto;

right: 0;

transform: translateY(-50%) rotate(180deg);

}

.search .content .content_wrap .search_input_wrap .search_box{

width: 50%;

background-color: #f7f7f7;

height: 50px;

line-height: 50px;

border-radius: 20px;

margin: auto;

position: relative;

}

.search .content .content_wrap .search_input_wrap .search_box::after{

content: "";

position: absolute;

width: 28px;

height: 26px;

right: 20px;

top: 50%;

cursor: pointer;

transform: translateY(-50%);

background-image: url('../img/main/search_icon.png');

}

.search .content .content_wrap .search_input_wrap .search_box input{

width: 100%;

height: 100%;

background-color: transparent;

padding: 0 20px;

box-sizing: border-box;

border: 0;

}

.search .content .content_wrap .search_total_wrap{

margin-top: 20px;

}

.search .content .content_wrap .search_total_wrap .total_num{

color: #2aa7d8;

}

.search .content .content_wrap .total_pd{

font-size: 20px;

margin: 50px 0 20px;

clear: both;

}

.search .content .content_wrap .search_total_pd_wrap{

overflow-y: auto;

}

 

.privacy_policy .privacy_policy_wrap{

box-shadow: 0 0 5px 5px #f7f7f7;

padding: 50px;


font-weight:300;


box-sizing: border-box;

border-radius: 20px;

line-height: 28px;

height: 500px;

overflow: hidden;

overflow-y: scroll;

}

.privacy_policy .privacy_policy_wrap span{

color: #2aa7d8;

font-weight:800;


}

 

 

 

 

 

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

.contain .gnb ul{

width: 90%;

}

}

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



.m3 {width:100%;margin:0 auto;padding:100px 0}
.m3 h2 {text-align:center;font-size:25px}

.faq .content .content_wrap .review_wrap .review_box,

.subject .content_wrap .subject_pro_wrap .subject_pro_item{

width: calc(100% / 3);

}

.teacher .content._02 .content_wrap .circle_wrap ul li .circle{

width: 120px;

height: 120px;

}

}

@media (max-width: 1024px){
.center .content .content_wrap .center_info_wrap .center_info_box .right_txt{
padding:70px 40px;

}
.center .content .content_wrap .center_info_wrap .center_info_box h2{
font-size:26px;
margin-bottom:30px;

}







}
@media (max-width: 960px){

.brand_01 .content._01 {

margin: 0 0;

}

.experience .content._01 .video_wrap, .experience .content._01 .awarded_wrap{

padding: 50px 0 150px;

}

.contain .content{

margin: 0;

padding: 50px 0;

}

.product .content._01,

.experience .content._01{

padding: 0;

margin: 0;

}

.content._01 .content_wrap._02 .img_box{

margin:auto;

width: 80%;

}


.v_div {width:100% !important}

.content._01 .content_wrap._02 .circle{

left: -0;

}

.content._01 .content_wrap._02 .text_box{

text-align: center;

margin-top: 20px;

}

.brand_01 .content .content_wrap .tit{

display: block;

}

.brand_01 .content._02 .icon_wrap ul li span.img{

background-size: 60%;

}

.brand_01 .content._02 .icon_wrap ul li span.bold{

font-size: 28px;

}

.brand_01 .content._03 .content_wrap{

display: block;

}

 

.brand_01 .content._03 .content_wrap .content3_left{

width: 100%;

}

.brand_01 .content._03 .brand_gnb{

margin-bottom: 20px;

}

.brand_01 .content._03 .brand_gnb ul{

display: flex;

justify-content: space-between;

}

.brand_01 .content._03 .brand_img_wrap{

width: 80%;

margin: auto;

}

.teacher .content .content_wrap .txt h2{

margin-bottom: 10px;

}

.teacher .content._02 .content_wrap .circle_wrap ul li{

width: calc(100% / 3);

margin-bottom: 20px;

}

.teacher .content._02 .content_wrap .circle_wrap ul li:nth-child(3)::after{

display: none;

}

.teacher .content._02 .content_wrap .circle_wrap ul li .circle{

width: 150px;

height: 150px;

}

.teacher .content._03 .content_wrap .card_wrap .card_item {

width: 50%;

}

.center .content .content_wrap .center_info_wrap .center_info_box .circle2{

display: none;

}

.center .content .content_wrap .center_info_wrap .center_info_box .right_txt{

width: 50%;

}

 

.teacher .content .content_wrap .txt p,

.center .content .content_wrap .center_info_wrap .center_info_box p{

font-size: 16px;

line-height: 28px;


}
.center .content .content_wrap .center_info_wrap .center_info_box h2{
margin-bottom:20px;


}

.center .content .content_wrap .center_info_wrap .center_info_box .right_txt{
  padding: 50px 30px;
}
.center .content .content_wrap .seacrh_center .search_center_show .search_center_item{

width: 50%;

}

 

.subject .content_wrap .subject_wrap .subject_item .img{

float: unset;

width: 100%;

height: 300px;

}

.subject .content_wrap .subject_wrap .subject_item .img img{

width: 100%;

height: auto;

margin: auto;

}

.subject .content_wrap .subject_wrap .subject_item .text{

width: 100%;

padding: 50px 130px;

}

 

.subject .content_wrap .subject_gnb ul li{

font-size: 24px;

}

.experience .content._01 .awarded_wrap .awarded_list .awarded_item{

margin: 20px;

}

.experience .content._02{

margin-top: 0;

}

.experience .content._02 .review_wrap .review_item_wrap{

width: calc(100% / 3);

}

.experience .content._02 .review_wrap .review_item_wrap:nth-child(7),

.experience .content._02 .review_wrap .review_item_wrap:nth-child(8){

display: none;

}

.experience .content._02 .review_wrap .review_item_wrap .review_item .title{

font-size: 20px;

}

.experience .content._02 .review_wrap .review_item_wrap .review_item .desc{

font-size: 16px;

line-height: 24px;

}

.experience .content._04 .content_wrap{

display: block;

}

.experience .content._04 .content_wrap .noticeInner_left{

margin-bottom: 10px;

}

td.bbsnewf5 span.notice_subject{

padding-left: 60px;

}

.product .product_top{

display: block;

}

.product .product_top .product_top_left{

width: 50%;

margin: auto;

margin-bottom: 20px;

}

.product .product_top .product_top_right{

width: 100%;

}

 

 

 

}

@media (max-width: 768px){
.formmail_title_bgcolor {width:
0px !important}
.formmail_title_bgcolor {width:80px !important}
.formmail_cell_bgcolor input[name="mobile_no1"], .formmail_cell_bgcolor input[name="mobile_no2"], .formmail_cell_bgcolor input[name="mobile_no3"] {width:25%  !important}
.contain .content .content_wrap .txt_box h3.tit{

font-size: 30px;

}

.teacher .content._02, .brand_01 .content._02{

border-radius: 0 100px 0 0;

}

.subject.contain .gnb{

height: 100px;

}

.contain .gnb ul{

width: 100%;

}

.content._01 .content_wrap._01 .text_box p{

font-size: 24px;

}

.subject.contain .gnb ul li{

width:calc(100% / 3);

padding: 0;

height: 50px;

line-height: 50px;

box-sizing: border-box;

}

.subject.contain .gnb ul li:nth-child(1),

.subject.contain .gnb ul li:nth-child(2),

.subject.contain .gnb ul li:nth-child(3){

border-bottom: 1px solid #f7f7f7;

}

.brand_01 .content._03 .content_wrap img.mb,

.contain img.mo{

display: block;

}

.brand_01 .content._03 .atc,

.brand_01 .content._03 .content_wrap img.pc,

.contain img.pc{

display: none;

}

.content._01 .content_wrap._01 .text_box h4{

font-size: 40px;

line-height: 60px;

}

.brand_01 .content._03 .text_box .desc,

.content._01 .content_wrap._01 .text_box .desc{

font-size: 18px;

line-height: 28px;

}

.experience .content._02 .content_wrap .txt h2,

.experience .content._01 .video_wrap .txt h2,

.teacher .content .content_wrap .txt h2,

.center .content .content_wrap .center_info_wrap .center_info_box h2,

.brand_01 .content._04 .content_wrap .text_box h2,

.brand_01 .content._03 .text_box h2,

.content._01 .content_wrap._02 .text_box h2{

font-size: 30px;

line-height: 50px;

}

.content._01 .content_wrap._02 .text_box .desc{

font-size: 18px;

line-height: 32px;

}

.brand_01 .content .content_wrap .tit{

font-size: 36px;

}

.teacher .content._02

.brand_01 .content._02{

border-radius: 0 100px 0 0 ;

}

.teacher .content._02,

.brand_01 .content._02{

background-size: unset;

background-position: -50px right;

background-image: url('../img/main/mb_content2_bg.png');

}

 

.brand_01 .content._02 .icon_wrap ul{

flex-wrap: wrap;

}

.brand_01 .content._02 .icon_wrap ul li{

width: 35%;

margin-bottom: 20px;

}

.brand_01 .content._02 .icon_wrap ul li span.bold{

padding: 20px 0 10px;

}

.brand_01 .content._03 .content_wrap .history_img{

background-size: 100%;

background-image: url('../img/brand/mb_brand_history.jpg');

background-repeat: no-repeat;

height: 1753px;

}

.brand_01 .content._04{

height: 400px;

padding: 0;

background-image: url('../img/brand/mb_brand_story_bottom_img.png');

}

.brand_01 .content._04 .content_wrap .text_box .desc{

font-size: 18px;

margin: 20px 0 40px;

}

.teacher .content._04 .content_wrap .btn,

.experience .content._01 .experience_banner .txt .btn,

.brand_01 .content._04 .content_wrap .text_box .btn{

width: 150px;

height: 50px;

font-size: 20px;

line-height: 50px;

}

.center .content .content_wrap .center_info_wrap .center_info_box{


display: block;
overflow:unset;



}
.center .content .content_wrap .center_info_wrap .center_info_box:nth-child(2) img,

.center .content .content_wrap .center_info_wrap .center_info_box:nth-child(2) .right_txt,

.center .content .content_wrap .center_info_wrap .center_info_box .right_txt,

.center .content .content_wrap .center_info_wrap .center_info_box .img{


width: 100%;
float:unset;


}

.center .content .content_wrap .center_info_wrap .center_info_box .right_txt{

margin-top: 20px;

padding: 0;

}

.center .content .content_wrap .center_info_wrap .center_info_box:nth-child(2) {

}

.center .content .content_wrap .center_info_wrap .center_info_box .atc{

left: 0;

top: -60px;

}

.center .content .content_wrap .center_info_wrap .center_info_box .atc2{

right: 10%;

bottom: -50px;

}

.center .content .content_wrap .seacrh_center .search_center_box{

padding: 0;

}

.teacher .content .content_wrap .teacher2_wrap .txt{

width: 100%;

padding:25px 0 0;

text-align: center;

}

.center .content .content_wrap .seacrh_center .search_center_show .search_center_item{

width: 100%;

}

.teacher .content._04{

background-image: url('../img/brand/mb_teacher_bottom_img.jpg');

}

 

.teacher .content._01 .content_wrap .teacher2_wrap{

display: block;

margin-top: 50px;

}

.teacher .content._01 .content_wrap .teacher2_wrap .title_img{

width: 100%;

float: unset;

}

.teacher .content._02 .content_wrap .circle_wrap ul li{

width: 50%;

}

.teacher .content._02 .content_wrap .circle_wrap ul li .circle{

width: 120px;

height: 120px;

}

.teacher .content._02 .content_wrap .circle_wrap ul li:nth-child(2):after,

.teacher .content._02 .content_wrap .circle_wrap ul li:nth-child(4):after{

display: none;

}

.teacher .content._02 .content_wrap .circle_wrap ul li:nth-child(3):after{

display: block;

}

.teacher .content._02 .content_wrap .img_wrap{

display: block;

}

.teacher .content._02 .content_wrap .img_wrap .img{

width: 100%;

margin-bottom: 20px;

}

.teacher.contain .content{

padding: 50px 0;

}

.experience .content._01 .experience_banner .txt h2{

font-size: 40px;

line-height:60px;

}

.experience .content._01 .experience_banner .txt p{

font-size: 18px;

}

.experience .content._01 .awarded_wrap .txt h3{

font-size: 40px;

}

.experience .content._01 .awarded_wrap .img img{

width: 100%;

}

.experience .content._01 .awarded_wrap .awarded_list{

margin-top: 20px;

}

.experience .content._01 .awarded_wrap .awarded_desc{

font-size: 18px;

line-height: 28px;

}

.experience .content._01 .video_wrap{

width:100%;

}

.experience .content._01 .video_wrap .content_wrap{

width: 90%;

}

.experience .content._01 .video_wrap .video_wrap_list ul li{

font-size: 18px;

}

.experience .content._02 .review_wrap .review_item_wrap{

width: 50%;

}

.experience .content._04 .content_wrap .noticeInner_right ul{

flex-wrap: wrap;

}

.subject .content_wrap .subject_wrap .subject_item .text{

padding: 50px;

}

.subject .content_wrap .subject_wrap .subject_item .img{

height: 250px;

}

.subject .content_wrap .subject_wrap .subject_item .img img{

width: 100%;

height: auto;

}

 

.subject .content_wrap .subject_gnb ul li{

width: calc((100% - 20px) / 2);

margin-bottom: 10px;

}

.faq .content .content_wrap .review_wrap .review_box,

.subject .content_wrap .subject_pro_wrap .subject_pro_item{

width:50%;

}

.layout-form .form-row{

display: block;

margin: 0;

}
td.bbsnewf5 span.notice_subject{

padding-left: 0;

}

.faq .content .content_wrap .faq_wrap .anw span, .faq .content .content_wrap .faq_wrap .que span{

padding-left: 80px;

}

 

.product .product_top .product_top_left{

width: 80%;

}

 

}



@media (max-width: 480px){
.contain .gnb ul {
justify-content: space-between;

display:flex;

}
.experience .content._02 .review_wrap .review_item_wrap {width:100%}
.contain .gnb ul li{

padding: 0 10px;
width:100%;

line-height:70px;
box-sizing:border-box;

}


.contain .middle_banner h4{

font-size: 30px;

}

.layout-form .form-row .form-cell.limit input{

width: 100%;

}


.contain .gnb{
height:58px;


width: 100%;

}

.contain .gnb ul li a{

font-size: 16px;

}
.experience .content._02 .content_wrap .txt h2, .experience .content._01 .video_wrap .txt h2, .teacher .content .content_wrap .txt h2, .center .content .content_wrap .center_info_wrap .center_info_box h2, .brand_01 .content._04 .content_wrap .text_box h2, .brand_01 .content._03 .text_box h2, .content._01 .content_wrap._02 .text_box h2{
font-size:24px;
}
.content._01 .content_wrap._01 .text_box p{

font-size: 18px;

}

.content._01 .content_wrap._01 .text_box h4{

font-size: 30px;

line-height: 50px;

}

.contain .content .content_wrap .txt_box{

margin-bottom: 30px;

}

.brand_01 .content .content_wrap .tit{

font-size: 30px;

}

.teacher .content .content_wrap .txt h2{

font-size: 30px;

line-height: 50px;

}

.teacher .content .content_wrap .txt p{

font-size: 18px;

line-height: 28px;

}

.teacher .content._02 .content_wrap .circle_wrap ul li{

width: 100%;

margin-bottom: 40px;

}

.teacher .content._02 .content_wrap .circle_wrap ul li:nth-child(2)::after,

.teacher .content._02 .content_wrap .circle_wrap ul li:nth-child(4)::after{

display: block;

}

.teacher .content._02 .content_wrap .circle_wrap ul li:not(:last-child)::after{

transform: rotate(90deg) translate(0,0);

right: auto;

bottom: -30px;

top: auto;

}

.teacher .content._03 .content_wrap .card_wrap .card_item{

padding: 10px;

}

.teacher .content._03 .content_wrap .card_wrap .card_item{

width: 100%;

}

.teacher .content._03 .content_wrap .card_wrap .card_item .card_item_wrap ul li{

padding: 10px 0;

}

 

.experience .content._01 .awarded_wrap .awarded_list .awarded_item{

margin: 5px;

}

.faq .content .content_wrap .review_wrap .review_box .img{

height: 200px;

}

.faq .content .content_wrap .review_wrap .review_box,

.subject .content_wrap .subject_pro_wrap .subject_pro_item{

width: 100%;

}

.faq .content .content_wrap .faq_wrap .anw span, .faq .content .content_wrap .faq_wrap .que span{

padding-left: 20px;

}

.faq .content .content_wrap .faq_wrap .que::before{

padding: 0 20px;

}

.faq .content .content_wrap .faq_wrap .que::after{

margin-right: 20px;

}

.faq .content .content_wrap .faq_wrap ul li .title{

overflow: hidden;

text-overflow: ellipsis;

width: auto;

}

.faq .content .content_wrap .faq_wrap ul li span.board_list_box{

margin: 0 10px;

}

.faq .content .content_wrap .faq_wrap ul li .date{

margin-right: 10px;

}

}

@media (max-width: 380px){

.center .content .content_wrap .center_info_wrap .center_info_box:nth-child(2){



}

}