@charset "utf-8";


/************************************************************************
* COMMON *
************************************************************************/
.container{width:100%;position:relative;overflow:hidden;}
.contents{}
.contents.main div[id*='sec-']{padding:120px 0;}
.contents.sub{}
.contents.sub .detail{padding-top:100px;padding-bottom:100px;}
.contents.sub .detail.pt0{padding-top:0 !important;}

@media screen and (max-width:1280px) {
.contents.main div[id*='sec-']{padding:100px 0;}
.contents.sub .detail{padding-top:90px;padding-bottom:90px;}
}
@media screen and (max-width:960px) {
.contents.main div[id*='sec-']{padding:80px 0;}
.contents.sub .detail{padding-top:80px;padding-bottom:80px;}
}
@media screen and (max-width:767px) {
.contents.main div[id*='sec-']{padding:60px 0;}
.contents.sub .detail{padding-top:70px;padding-bottom:70px;}
}
@media screen and (max-width:640px) {
.contents.main div[class*='sec-']{padding:50px 0;}
.contents.sub .detail{padding-top:55px;padding-bottom:55px;}
}
@media screen and (max-width:560px) {
.contents.main div[class*='sec-']{padding:40px 0;}
.contents.sub .detail{padding-top:35px;padding-bottom:35px;}
}

.contentsBg{background:#f0f0fa;}
.contentsBg-gray{background:#fbfbfb;}





/************************************************************************
* ul *
*************************************************************************/
.list li{width:100%;line-height:150%;font-weight:400;position:relative;word-wrap:break-word;display:block;word-break:keep-all;}
.list li:last-child{padding-bottom:0 !important;}
.list li b,
.list li u,
.list li a{word-wrap:break-word;display:inline-block;word-break:keep-all;}

.list.type1 li{padding-left:14px;padding-bottom:8px;color:#333;font-size:22px;text-align:left;font-family:'Pretendard-Medium';}
.list.type1 li:after{width:5px;height:5px;display:block;content:"";position:absolute;top:13px;left:0;background:#333;border-radius:50%;}

.list.type2 li{padding-left:16px;padding-top:5px;padding-bottom:0 !important;color:#636363;font-size:28px;text-align:left;font-family:'Pretendard-Medium';}
.list.type2 li:after{width:5px;height:5px;border-radius:50%;display:block;content:"";position:absolute;top:22px;left:0;background:#636363;}

@media screen and (max-width:1500px){
.list.type1 li{font-size:20px;}
.list.type1 li:after{top:10px;}
}
@media screen and (max-width:1280px){
.list.type1 li{font-size:18px;}
.list.type1 li:after{top:10px;}
}
@media screen and (max-width:1100px){
.list.type1 li{font-size:17px;}
.list.type1 li:after{width:4px;height:4px;top:9px;}
}
@media screen and (max-width:767px){
.list.type1 li{padding-left:10px;font-size:16px;}
.list.type1 li:after{top:9px;}
}
@media screen and (max-width:640px){
.list.type1 li{padding-left:8px;font-size:15px;}
}






/************************************************************************
* table *
************************************************************************
.table{width:100%;border-collapse:collapse;border-spacing:0;empty-cells:show;word-wrap:break-word;}
.table tr th,
.table tr td{padding:14px 12px;color:#292929;line-height:150%;font-size:20px;text-align:center;vertical-align:middle;border-bottom:solid 1px #d5d5d5;border-right:solid 1px #d5d5d5;word-wrap:break-word;display:table-cell;word-break:keep-all;}
.table tr th:last-child,
.table tr td:last-child{border-right:none;}
.table tr th{background:#f9f9f9;}
.table tr .blr{border-right:solid 1px #d5d5d5 !important;}
.mThide{display:none;}

.mobileHide{width:100%;padding:30px;border:solid 1px #214cce;border-radius:30px;}
.table.type1{border-radius:25px;overflow:hidden;}
.table.type1 tr:first-child{border-top:solid 1px #d5d5d5;}
.table.type1 tr th{background:#214cce;color:#fff;}
.table.type1 tr b{color:#bedeff;font-size:18px;font-family:'Pretendard-Light';font-weight:normal;}
.table.type1 tr td b{color:#999;}

@media screen and (max-width:1500px){
.table tr th,
.table tr td{padding:12px 10px;font-size:18px;}

.mobileHide{padding:20px;}
.table.type1 tr b{color:#bedeff;font-size:16px;}
}
@media screen and (max-width:1280px){
.table tr th,
.table tr td{padding:10px 8px;font-size:16px;}

.mobileHide{padding:20px;border-radius:25px;}
.table.type1{border-radius:20px;}
.table.type1 tr b{font-size:14px;}
}
@media screen and (max-width:800px){
.mThide{display:block;padding-bottom:5px;}

.mobileHide{width:100%;overflow-x:auto;}
.mobileHide .table{min-width:800px;}
}
@media screen and (max-width:640px){
.table tr th,
.table tr td{padding:8px 6px;font-size:14px;}

.mobileHide{padding:10px;border-radius:20px;}
.table.type1{border-radius:15px;}
.table.type1 tr b{font-size:13px;}

/*
.table.responsiveT,
.table.responsiveT thead,
.table.responsiveT tbody,
.table.responsiveT tr,
.table.responsiveT th,
.table.responsiveT td{display:block !important;}
.table.responsiveT .hide{display:none !important;}*
}*/





/************************************************************************
* button *
************************************************************************
.button{width:310px;margin:0 auto;padding:20px 30px;text-align:left;font-family:'GmarketSansBold';display:block;position:relative;transition:all 0.2s ease;}
.button:after{width:10px;height:10px;border:solid rgba(255,255,255,1);border-width:3px 3px 0 0;position:absolute;top:50%;right:30px;display:block;content:"";transform:translateY(-50%) rotate(45deg);transition:all 0.2s ease;}
.button font{color:#fff;}

.button:hover{background:#2a3265;transition:all 0.2s ease;}
.button:hover:after{right:40px;transition:all 0.2s ease;}

.button.blue{background:#1b44be;}
.button.blue font{color:#fff;}

@media screen and (max-width:1100px){
.button{width:280px;padding:18px 25px;}
.button:after{width:8px;height:8px;right:25px !important;}
}
@media screen and (max-width:960px){
.button{width:250px;padding:17px 20px;}
.button:after{width:6px;height:6px;border-width:2px 2px 0 0;right:20px !important;}
}
@media screen and (max-width:640px){
.button{width:230px;padding:16px 18px;}
.button:after{right:18px !important;}
}
@media screen and (max-width:420px){
.button{width:200px;padding:14px 16px;}
}*/






/************************************************************************
* MAIN_CONTENTS *
************************************************************************/
/******************************* sec-1 *******************************/
.main #sec-1 .disF .txtBox{margin-right:5%;}
.main #sec-1 .disF .txtBox a{display:flex;align-items:center;}
.main #sec-1 .disF .txtBox a i{width:20px;height:1px;margin-left:10px;background:#2316cb;display:block;position:relative;transition:all 0.2s ease;}
.main #sec-1 .disF .txtBox a:hover i{margin-left:20px;transition:all 0.2s ease;}
.main #sec-1 .disF .txtBox a i:after{width:6px;height:6px;border:solid #2316cb;border-width:1px 1px 0 0;position:absolute;top:calc(50% - 3px);right:0;display:block;content:"";transform:rotate(45deg);}

@media screen and (max-width:1280px) {
.main #sec-1 .disF .txtBox{width:calc(100% - 400px);margin-right:0;}
.main #sec-1 .disF img.m1i1{width:400px;}
}
@media screen and (max-width:1100px) {
.main #sec-1 .disF .txtBox{width:calc(100% - 350px);}
.main #sec-1 .disF img.m1i1{width:350px;}
}
@media screen and (max-width:960px) {
.main #sec-1 .disF .txtBox{width:calc(100% - 300px);}
.main #sec-1 .disF img.m1i1{width:300px;}
.main #sec-1 .disF .txtBox a i{width:15px;}
.main #sec-1 .disF .txtBox a i:after{width:4px;height:4px;}
}
@media screen and (max-width:767px) {
.main #sec-1 .disF .txtBox{width:calc(100% - 250px);}
.main #sec-1 .disF img.m1i1{width:250px;}
.main #sec-1 .disF .txtBox a i:after{top:calc(50% - 2px);}
}
@media screen and (max-width:640px) {
.main #sec-1 .disF .txtBox{width:calc(100% - 200px);}
.main #sec-1 .disF img.m1i1{width:200px;}
}
@media screen and (max-width:560px) {
.main #sec-1 .disF{width:100%;}
.main #sec-1 .disF .txtBox{width:100%;}
.main #sec-1 .disF img.m1i1{width:30%;margin-top:-10%;margin-left:70%;}
}







/******************************* sec-3 *******************************/
.main #sec-3 .txtBox{width:450px;}
.main #sec-3 .txtBox a{width:160px;padding:12px 40px 12px 30px;background:#000;border-radius:30px;color:#fff;display:flex;justify-content:space-between;transition:all 0.2s ease;}
.main #sec-3 .txtBox a i{width:9px;height:9px;margin-top:6px;border:solid 1px rgba(255,255,255,01);border-width:1px 1px 0 0;display:inline-block;position:relative;}
.main #sec-3 .txtBox a i:after{width:9px;height:1px;background:rgba(255,255,255,1);position:absolute;top:4px;right:0;display:block;content:"";transform:rotate(-45deg);}
.main #sec-3 .txtBox a:hover{padding-right:30px;transition:all 0.2s ease;}

.main #sec-3 .boardBox{width:calc(100% - 450px);padding-left:50px;}
.main #sec-3 .b-list{width:100%;border:solid 3px #000;border-left:none;border-right:none;}
.main #sec-3 .b-list a{padding:40px;display:flex;align-items:center;border-bottom:solid 1px #e6e6e6;}
.main #sec-3 .b-list a:last-child{border-bottom:none;}
.main #sec-3 .b-list .dateBox{width:80px;}
.main #sec-3 .b-list .dateBox *{text-align:center;transition:all 0.2s ease;}
.main #sec-3 .b-list .dateBox .date{color:#c3c3c3;}

.main #sec-3 .b-list .conBox{width:calc(100% - 80px);padding-left:50px;}
.main #sec-3 .b-list .conBox *{width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all 0.2s ease;}
.main #sec-3 .b-list .conBox .con{opacity:0.8;}

.main #sec-3 .b-list a:hover{background:#2316cb;transition:all 0.2s ease;}
.main #sec-3 .b-list a:hover *{color:#fff;transition:all 0.2s ease;}

@media screen and (max-width:1700px){
.main #sec-3 .txtBox{width:400px;}
.main #sec-3 .boardBox{width:calc(100% - 400px);padding-left:40px;}
}
@media screen and (max-width:1600px){
.main #sec-3 .txtBox{width:350px;}
.main #sec-3 .boardBox{width:calc(100% - 350px);padding-left:30px;}
}
@media screen and (max-width:1500px){
.main #sec-3 .txtBox{width:300px;}
.main #sec-3 .boardBox{width:calc(100% - 300px);padding-left:20px;}
}
@media screen and (max-width:1280px){
.main #sec-3 .txtBox{width:100%;display:flex;justify-content:space-between;align-items:flex-end;}
.main #sec-3 .txtBox br{display:none;}
.main #sec-3 .txtBox a{width:140px;padding:10px 25px !important;}

.main #sec-3 .boardBox{width:100%;padding-left:0;margin-top:30px;}
.main #sec-3 .b-list{border-width:2px;}
.main #sec-3 .b-list a{padding:35px;padding-left:30px;}
.main #sec-3 .b-list .dateBox{width:70px;}
.main #sec-3 .b-list .conBox{width:calc(100% - 70px);padding-left:40px;}
}
@media screen and (max-width:960px){
.main #sec-3 .txtBox a{width:130px;padding:10px 20px !important;}

.main #sec-3 .b-list a{padding:30px;padding-left:20px;}
.main #sec-3 .b-list .dateBox{width:60px;}
.main #sec-3 .b-list .conBox{width:calc(100% - 60px);padding-left:30px;}
}
@media screen and (max-width:640px){
.main #sec-3 .txtBox a{width:120px;}

.main #sec-3 .b-list a{padding:25px;padding-left:15px;}
.main #sec-3 .b-list .conBox{padding-left:20px;}
.main #sec-3 .b-list .conBox .con{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal;text-overflow:clip;}
}
@media screen and (max-width:460px){
.main #sec-3 .txtBox{display:block;}
.main #sec-3 .b-list a{display:block;padding:20px 15px;}
.main #sec-3 .b-list .dateBox{width:100%;display:flex;justify-content:flex-start;align-items:flex-end;}
.main #sec-3 .b-list .dateBox .date{order:-1;margin-right:3px;font-size:19px !important;font-family:'Pretendard-ExtraBold';color:#000;}
.main #sec-3 .b-list .conBox{width:100%;padding-left:0;margin-top:10px;}
}
@media screen and (max-width:360px){
.main #sec-3 .b-list a{padding:15px 10px;}
}






/******************************* sec-4 *******************************/
.main #sec-4{background:#fbfbfb;}
.main #sec-4 .txtBox{padding:0 3%;}
.main #sec-4 .txtBox a{width:160px;padding:12px 40px 12px 30px;background:#000;border-radius:30px;color:#fff;display:flex;justify-content:space-between;transition:all 0.2s ease;}
.main #sec-4 .txtBox a i{width:9px;height:9px;margin-top:6px;border:solid 1px rgba(255,255,255,01);border-width:1px 1px 0 0;display:inline-block;position:relative;}
.main #sec-4 .txtBox a i:after{width:9px;height:1px;background:rgba(255,255,255,1);position:absolute;top:4px;right:0;display:block;content:"";transform:rotate(-45deg);}
.main #sec-4 .txtBox a:hover{padding-right:30px;transition:all 0.2s ease;}

@media screen and (max-width:1280px){
.main #sec-4 .txtBox{width:100%;display:flex;justify-content:space-between;align-items:flex-end;}
.main #sec-4 .txtBox br{display:none;}
.main #sec-4 .txtBox a{width:140px;padding:10px 25px !important;}
}
@media screen and (max-width:960px){
.main #sec-4 .txtBox a{width:130px;padding:10px 20px !important;}
}
@media screen and (max-width:640px){
.main #sec-4 .txtBox a{width:120px;}
}
@media screen and (max-width:560px){
.main #sec-4 .txtBox{display:block;}
}


.main #sec-4 .banner{position:relative;font-size:0;line-height:0;}
.main #sec-4 .banner .slick-track{display:flex;align-items:center;justify-content:center;padding-bottom:2px;}

.main #sec-4 .banner_title{position:absolute;top:38px;left:0;}
.main #sec-4 .banner_list{padding:30px 0 30px 0;overflow:hidden;}
.main #sec-4 .banner_item{display:inline-block;position:relative;}
.main #sec-4 .banner_item + .banner_item{margin-left:25px;padding-left:25px;}
.main #sec-4 .banner_item + .banner_item:before{width:1px;height:9px;display:block;position:absolute;top:0;left:0;bottom:0;margin-top:auto;margin-bottom:auto;border-left:1px dotted #848484;}

.main #sec-4 .banner_anchor{position:relative;display:block;}
.main #sec-4 .banner_anchor img{width:92%;margin:0 auto;display:block;border-radius:30px;aspect-ratio:5 / 5;}

.main #sec-4 .banner_control{width:100%;}
.main #sec-4 .slick-arrow,
.main #sec-4 .banner_more{display:inline-block;position:relative;width:42px;height:42px;border:2px solid #2316cb;border-radius:50%;vertical-align:middle;}
.main #sec-4 .banner_auto{margin-right:4px;margin-left:4px;}
.main #sec-4 .banner_more{margin-left:4px;}

.main #sec-4 .banner_control .slick-arrow{position:absolute;top:50%;bottom:auto;transform:translateY(-50%);background:#fff;}
.main #sec-4 .banner_control .slick-arrow.banner_prev{left:-10px;}
.main #sec-4 .banner_control .slick-arrow.banner_next{right:-10px;}

.main #sec-4 .slick-arrow:before,
.main #sec-4 .banner_more:before{width:30px;height:30px;margin:auto;display:block;position:absolute;top:0;bottom:0;background-image:url(/img/banner_sprite.png);background-repeat:no-repeat;content:'';}
.main #sec-4 .banner_prev:before{background-position:left top;content:'';}
.main #sec-4 .banner_next:before{background-position:left 75%;content:'';}

.main #sec-4 .banner_auto.slick-play:before{background-position:left 25%;content:'';}
.main #sec-4 .banner_auto.slick-pause:before{background-position:left 50%;content:'';}
.main #sec-4 .banner_more:before{background-position:left 100%;content:'';}

@media screen and (max-width:1500px){
.main #sec-4 .banner{padding:15px 0;}

.main #sec-4 .banner_control .slick-arrow.banner_prev{left:0;}
.main #sec-4 .banner_control .slick-arrow.banner_next{right:0;}
}
@media screen and (max-width:1280px){
.main #sec-4 .banner_anchor img{width:95%;border-radius:20px;}
}
@media screen and (max-width:767px){
.main #sec-4 .banner{padding:0;}

.main #sec-4 .banner_anchor img{width:98%;border-radius:10px;}
}







/************************************************************************
* playschool *
************************************************************************/
.playschool{overflow:hidden;position:relative;padding:120px 0;}
.playschool h1{font-size:120px;line-height:100%;position:absolute;bottom:-30px;right:5%;color:#f6f6fc;}
.playschool .ms2tit .fCS{padding:0 3%;}

.playschool .ms2bt a{width:calc(100%/3 - 60px);margin:0 30px;}
.playschool .ms2bt a .efi-wrap{position:relative;}
.playschool .ms2bt a .efi-wrap button{width:200px;height:60px;padding:12px;padding-bottom:0 !important;padding-right:0 !important;background:#f0f0fa;border-top-left-radius:30px;position:absolute;bottom:0;right:0;}
.playschool .ms2bt a .efi-wrap button font{width:85%;background:#928be8;border-radius:30px;padding:10px 18px 10px 25px;text-align:left;color:#fff;display:flex;justify-content:space-between;align-items:center;transition:all 0.2s ease;}
.playschool .ms2bt a:hover .efi-wrap button font{background:#2316cb;transition:all 0.2s ease;}
.playschool .ms2bt a .efi-wrap button font i{width:21px;height:21px;display:block;}
.playschool .ms2bt a .efi-wrap button font i img{width:100%;display:block;}

.playschool .ms2bt a .efi-wrap .resrbtimg{position:absolute;top:-65px;right:-25px;opacity:0;transition:all 0.2s ease;animation:css3translate linear 3.5s infinite;z-index:9999;}
.playschool .ms2bt a:hover .efi-wrap .resrbtimg{top:-85px;opacity:1;transition:all 0.2s ease;}

.playschool .ms2bt a .concave-box{width:30px;height:30px;overflow:hidden;position:absolute;}
.playschool .ms2bt a .concave-box>div{width:60px;}
.playschool .ms2bt a .concave-box svg{z-index:999;}
.playschool .ms2bt a .concave-box.cb-1{bottom:0;right:200px;}
.playschool .ms2bt a .concave-box.cb-2{bottom:60px;right:0;}


.playschool .ms2bt a .imgBox{position:relative;overflow:hidden;border-radius:30px;}
.playschool .ms2bt a .imgBox figure{width:100%;padding-top:70%;display:block;overflow:hidden;position:relative;}
.playschool .ms2bt a .imgBox figure img{width:100%;position:absolute;top:0;left:0;display:block;transition:all 0.2s ease;}
.playschool .ms2bt a:hover .imgBox figure img{transform:scale(1.1);transition:all 0.2s ease;}

.playschool .ms2bt a .imgBox span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;top:0;left:0;opacity:0;transition:all 0.2s ease;}
.playschool .ms2bt a:hover .imgBox span{background:rgba(0,0,0,0.5);opacity:1;transition:all 0.2s ease;}
.playschool .ms2bt a:hover .imgBox span *{color:#fff;}

.playschool .ms2bt .txtBox{padding-top:30px;}
.playschool .ms2bt .txtBox .titB{}
.playschool .ms2bt .txtBox .titB font:first-child{padding-right:5px;}
.playschool .ms2bt .txtBox p{width:80%;margin:0 auto;padding:12px 5px;border-radius:30px;border:solid 1px #5d5db9;color:#5d5db9;background:#fff;display:block;text-align:center;word-wrap:break-word;display:block;word-break:keep-all;}
.playschool .ms2bt .txtBox .price font{line-height:45px !important;}
.playschool .ms2bt .txtBox .price font:first-child{padding-right:5px;}


@media screen and (max-width:1500px) {
.playschool h1{font-size:110px;bottom:-20px;right:2%;}

.playschool .ms2bt a{width:calc(100%/3 - 40px);margin:0 20px;}
.playschool .ms2bt a .efi-wrap button{width:180px;height:55px;padding:10px;}
.playschool .ms2bt a .efi-wrap button font{width:90%;padding:8px 16px 8px 20px;}
.playschool .ms2bt a .efi-wrap button font i{width:20px;height:20px;}

.playschool .ms2bt a .efi-wrap .resrbtimg{width:120px;top:-55px;}
.playschool .ms2bt a:hover .efi-wrap .resrbtimg{top:-75px;}

.playschool .ms2bt a .concave-box.cb-1{right:180px;}
.playschool .ms2bt a .concave-box.cb-2{bottom:55px;}

.playschool .ms2bt .txtBox .titB font:first-child{padding-right:3px;}
.playschool .ms2bt .txtBox p{width:90%;padding:10px 5px;}
.playschool .ms2bt .txtBox .price font:first-child{padding-right:3px;}
}
@media screen and (max-width:1280px) {
.playschool{padding:100px 0;}
.playschool h1{font-size:100px;right:-1%;}

.playschool .ms2bt a .efi-wrap button{width:160px;}
.playschool .ms2bt a .efi-wrap button font{padding:6px 14px 6px 18px;}
.playschool .ms2bt a .efi-wrap button font i{width:18px;height:18px;}

.playschool .ms2bt a .efi-wrap .resrbtimg{width:100px;top:-45px;}
.playschool .ms2bt a:hover .efi-wrap .resrbtimg{top:-65px;}

.playschool .ms2bt a .concave-box.cb-1{right:160px;}

.playschool .ms2bt .txtBox p{width:98%;padding:8px 5px;}
}
@media screen and (max-width:1100px) {
.playschool h1{font-size:90px;right:-3%;}

.playschool .ms2tit{padding-left:20px;}
.playschool .ms2tit .fCS{padding:0 3% 0 0;}

.playschool .ms2bt a{width:calc(100%/3 - 20px);margin:0 10px;}
.playschool .ms2bt a .efi-wrap button{width:100%;position:relative;}
.playschool .ms2bt a .efi-wrap button font{padding:8px 15px 8px 20px;margin:0 auto;}
.playschool .ms2bt a .efi-wrap button font i{width:16px;height:16px;}

.playschool .ms2bt a .efi-wrap .resrbtimg{width:85px;top:-55px !important;opacity:1;}

.playschool .ms2bt a .concave-box{display:none;}

.playschool .ms2bt .txtBox{padding-top:20px;}
.playschool .ms2bt .txtBox p{width:98%;padding:8px 5px;border-radius:10px;}
}
@media screen and (max-width:960px) {
.playschool{padding:80px 0;}
.playschool h1{font-size:80px;right:-5%;}

.playschool .ms2tit{padding-left:10px;}
.playschool .ms2tit .fCS{padding:0;}
.playschool .ms2tit font{width:100%;margin-top:15px;}

.playschool .ms2bt a .efi-wrap button font{padding:6px 12px 6px 18px;}

.playschool .ms2bt .txtBox{padding-top:10px;}
.playschool .ms2bt .txtBox .titB{display:block;}
.playschool .ms2bt .txtBox .titB font{text-align:center;}
.playschool .ms2bt .txtBox .titB font:first-child{padding-right:0;padding-bottom:3px;}

.playschool .ms2bt .txtBox p{padding:6px 5px;border-radius:5px;}
}
@media screen and (max-width:767px) {
.playschool{padding:60px 0;}
.playschool h1{font-size:70px;bottom:-10px;right:-5%;}

.playschool .ms2bt a{width:100%;margin:10px 0;}
.playschool .ms2bt a .efi-wrap button{width:200px;position:absolute;}

.playschool .ms2bt a .concave-box{display:block;}
.playschool .ms2bt a .concave-box.cb-1{right:200px;}

.playschool .ms2bt .txtBox{padding-top:20px;}
}
@media screen and (max-width:640px) {
.playschool{padding:50px 0;}
.playschool h1{font-size:60px;}

.playschool .ms2tit{padding-left:0;}

.playschool .ms2bt a .efi-wrap button{width:170px;padding:8px;}

.playschool .ms2bt a .concave-box.cb-1{right:170px;}
}
@media screen and (max-width:560px) {
.playschool{padding:40px 0;}
}
@media screen and (max-width:550px) {
.playschool h1{font-size:50px;}
}
@media screen and (max-width:460px) {
.playschool h1{font-size:40px;}

.playschool .ms2bt a .efi-wrap button{width:100%;position:relative;}

.playschool .ms2bt a .concave-box{display:none;}

.playschool .ms2bt .txtBox{padding-top:10px;}
}







/************************************************************************
* SUB_CONTENTS *
************************************************************************/
/********************************* 체험장소개 *********************************/
.grBox img{width:40%;border-radius:var(--common-border-radius);}
.grBox .txtBox{width:60%;padding-left:8%;}
.grBox .txtBox font b{padding:0 10px;border-radius:5px;background:#da3c6d;color:#fff;display:inline-block;}

#daumRoughmapContainer1745383382206{border:none !important;}
#daumRoughmapContainer1745383382206 .wrap_controllers{display:none !important;}

@media screen and (max-width:1280px){
.grBox img{width:30%;}
.grBox .txtBox{width:70%;padding-left:6%;}
.grBox .txtBox font b{padding:0 8px;border-radius:3px;}
}
@media screen and (max-width:860px){
.grBox img{width:100%;}
.grBox .txtBox{width:100%;padding-left:0;padding-top:10px;}
}






/********************************* 체험프로그램 *********************************/
.programWrap{background:url(/sub2/img/c1i1.jpg) repeat-y center center;background-size:cover;padding:0 70px;border-radius:var(--common-border-radius);overflow:hidden;}
.programWrap *{color:#fff;}
.programWrap .titBox{width:425px;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.programWrap .titBox img{width:80%;max-width:240px;display:block;margin:0 auto;}
.programWrap .conBox{width:calc(100% - 425px);padding-left:50px;}
.programWrap .conBox dl{margin-bottom:30px;display:flex;align-items:flex-start;flex-wrap:wrap;}
.programWrap .conBox dl:last-child{margin-bottom:0 !important;}
.programWrap .conBox dl dt{width:130px;background:#2419b4;border-radius:30px;padding:10px 0;text-align:center;}
.programWrap .conBox dl dd{width:calc(100% - 130px);padding-left:30px;padding-top:10px;}

@media screen and (max-width:1500px){
.programWrap{padding:0 60px;}
.programWrap .titBox{width:400px;}
.programWrap .conBox{width:calc(100% - 400px);padding-left:40px;}
.programWrap .conBox dl dt{width:120px;padding:8px 0;}
.programWrap .conBox dl dd{width:calc(100% - 120px);padding-left:20px;padding-top:8px;}
}
@media screen and (max-width:1400px){
.programWrap{padding:0 50px;}
.programWrap .titBox{width:350px;}
.programWrap .conBox{width:calc(100% - 350px);padding-left:30px;}
}
@media screen and (max-width:1280px){
.programWrap{padding:0 40px;}
.programWrap .titBox{width:300px;}
.programWrap .conBox{width:calc(100% - 300px);padding-left:20px;}
.programWrap .conBox dl{margin-bottom:20px;}
.programWrap .conBox dl dt{width:110px;padding:6px 0;}
.programWrap .conBox dl dd{width:calc(100% - 110px);padding-top:6px;}
}
@media screen and (max-width:1100px){
.programWrap{padding:0 30px;}
.programWrap .titBox{width:250px;}
.programWrap .conBox{width:calc(100% - 250px);}
.programWrap .conBox dl dt{width:100px;padding:4px 0;}
.programWrap .conBox dl dd{width:calc(100% - 100px);padding-top:4px;}
}
@media screen and (max-width:960px){
.programWrap{padding:0 40px;}
.programWrap .titBox{width:100%;}
.programWrap .conBox{width:100%;margin-top:20px;padding-left:0;}
.programWrap .conBox dl dt{width:90px;}
.programWrap .conBox dl dd{width:calc(100% - 90px);}
}
@media screen and (max-width:767px){
.programWrap .conBox dl dt{width:80px;}
.programWrap .conBox dl dd{width:calc(100% - 80px);}
}
@media screen and (max-width:560px){
.programWrap{padding:0 30px;}
.programWrap .conBox dl dt{width:70px;padding:3px 0 2px 0;}
.programWrap .conBox dl dd{width:100%;padding-left:0;padding-top:12px;}
}
@media screen and (max-width:460px){
.programWrap{padding:0 25px;}
}




.programBox-1 .txtBox{width:calc(100% - 780px);padding:0 5%;}
.programBox-1 img{width:780px;border-radius:var(--common-border-radius);}

@media screen and (max-width:1700px){
.programBox-1 .txtBox{width:calc(100% - 700px);padding:0 2%;}
.programBox-1 img{width:700px;}
}
@media screen and (max-width:1500px){
.programBox-1 .txtBox{width:calc(100% - 600px);padding:0 1%;}
.programBox-1 img{width:600px;}
}
@media screen and (max-width:1280px){
.programBox-1 .txtBox{width:calc(100% - 550px);}
.programBox-1 img{width:550px;}
}
@media screen and (max-width:1100px){
.programBox-1 .txtBox{width:100%;padding:0;}
.programBox-1 img{width:100%;margin-top:30px;}
}
@media screen and (max-width:640px){
.programBox-1 img{margin-top:20px;}
}




.programBox-2 .tit{padding-left:5%;}
.programBox-2 .tit img{margin-right:15px;}

.programBox-2 .disF .item{position:relative;}
.programBox-2 .disF .item:after{width:26px;height:2px;background:#2316cb;position:absolute;top:calc(50% - 1px);right:-10px;display:block;content:"";}
.programBox-2 .disF .item:before{width:18px;height:18px;border:solid #2316cb;border-width:2px 2px 0 0;position:absolute;top:calc(50% - 10px);right:-9px;display:block;content:"";transform:rotate(45deg);}
.programBox-2 .disF .item:last-child:after,
.programBox-2 .disF .item:last-child:before{display:none;}
.programBox-2 .disF .item div{width:330px;height:330px;margin:0 auto;border:solid 12px #dedcf7;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.programBox-2 .disF .item:nth-child(even) div{border-color:#feeae0;}
.programBox-2 .disF .item div *{text-align:center;}
.programBox-2 .disF .item div i{width:36px;height:36px;line-height:36px;margin:0 auto;display:block;text-align:center;color:#fff;background:#2316cb;border-radius:50%;}
.programBox-2 .disF .item div font{line-height:120% !important;}

.programBox-2.num4 .disF .item{width:calc(100%/4);}
.programBox-2.num3 .disF .item{width:calc(100%/3);}
.programBox-2.num3 .WRAP-1700{padding:0 7%;}

@media screen and (max-width:1700px){
.programBox-2 .tit{padding-left:2%;}
}
@media screen and (max-width:1600px){
.programBox-2.num3 .WRAP-1700{padding:0 5%;}

.programBox-2 .disF .item:after{width:24px;}
.programBox-2 .disF .item:before{width:16px;height:16px;top:calc(50% - 9px);}
.programBox-2 .disF .item div{width:300px;height:300px;border-width:10px;}
.programBox-2 .disF .item div i{width:34px;height:34px;line-height:34px;}
}
@media screen and (max-width:1500px){
.programBox-2 .tit{padding-left:1%;}
.programBox-2 .tit img{margin-right:10px;width:22px;}

.programBox-2 .disF .item:after{width:22px;}
.programBox-2 .disF .item:before{width:14px;height:14px;top:calc(50% - 8px);}
.programBox-2 .disF .item div{width:260px;height:260px;border-width:8px;}
.programBox-2 .disF .item div i{width:32px;height:32px;line-height:32px;}

.programBox-2.num3 .WRAP-1700{padding:0 3%;}
}
@media screen and (max-width:1300px){
.programBox-2.num3 .WRAP-1700{padding:0 1%;}
}
@media screen and (max-width:1280px){
.programBox-2 .tit img{margin-right:8px;width:20px;}

.programBox-2 .disF .item:after{width:20px;}
.programBox-2 .disF .item:before{width:12px;height:12px;top:calc(50% - 7px);}
.programBox-2 .disF .item div{width:220px;height:220px;border-width:8px;}
.programBox-2 .disF .item div i{width:30px;height:30px;line-height:30px;}

.programBox-2.num3 .WRAP-1700{padding:0;}
}
@media screen and (max-width:1100px){
.programBox-2 .tit{padding-left:0;}

.programBox-2 .disF .item div{width:280px;height:280px;}

.programBox-2.num4 .disF .item{width:calc(100%/3);margin:10px 0;}
}
@media screen and (max-width:960px){
.programBox-2 .disF .item:after{width:18px;}
.programBox-2 .disF .item:before{width:10px;height:10px;top:calc(50% - 6px);}
.programBox-2 .disF .item div{width:250px;height:250px;border-width:7px;}
}
@media screen and (max-width:860px){
.programBox-2 .disF .item:after{width:18px;}
.programBox-2 .disF .item:before{width:8px;height:8px;top:calc(50% - 5px);}
.programBox-2 .disF .item div{width:230px;height:230px;border-width:6px;}
}
@media screen and (max-width:820px){
.programBox-2 .disF .item div{width:280px;height:280px;}

.programBox-2.num4 .disF .item{width:calc(100%/2);}
.programBox-2.num3 .disF .item{width:calc(100%/2);margin:10px 0;}
}
@media screen and (max-width:767px){
.programBox-2 .tit img{margin-right:6px;width:18px;}

.programBox-2 .disF .item div{width:260px;height:260px;}
}
@media screen and (max-width:640px){
.programBox-2 .tit img{width:16px;}

.programBox-2 .disF .item div{width:230px;height:230px;}
}
@media screen and (max-width:540px){
.programBox-2 .disF .item div{width:200px;height:200px;}
}
@media screen and (max-width:470px){
.programBox-2 .disF .item div{width:100%;height:auto;padding:25px 0;border-radius:20px;}
.programBox-2 .disF .item:after{width:2px;height:16px;top:auto;bottom:-16px;right:auto;left:calc(50% - 1px);}
.programBox-2 .disF .item:before{border-width:0 2px 2px 0;top:auto;bottom:-17px;right:auto;left:calc(50% - 5px);}

.programBox-2.num4 .disF .item{width:100%;}
.programBox-2.num3 .disF .item{width:100%;}
}




.programBox-youtBox iframe{height:500px;border-radius:var(--common-border-radius);}

@media screen and (max-width:1100px){
.programBox-youtBox iframe{height:450px;}
}
@media screen and (max-width:960px){
.programBox-youtBox iframe{height:400px;}
}
@media screen and (max-width:767px){
.programBox-youtBox iframe{height:350px;}
}
@media screen and (max-width:640px){
.programBox-youtBox iframe{height:300px;}
}
@media screen and (max-width:560px){
.programBox-youtBox iframe{height:250px;}
}
@media screen and (max-width:460px){
.programBox-youtBox iframe{height:200px;}
}







/********************************* 체험예약하기 *********************************/
.appCon{padding:70px;background:#f0f0fa;border-radius:var(--common-border-radius);}
.appCon .titBox{width:250px;}
.appCon .txtBox{width:calc(100% - 250px);}
.appCon .txtBox ul li a{padding:2px 5px;background:#2316cb;color:#fff;border-radius:5px;}

@media screen and (max-width:1500px) {
.appCon{padding:50px;}
.appCon .titBox{width:240px;}
.appCon .txtBox{width:calc(100% - 240px);}
}
@media screen and (max-width:1280px) {
.appCon{padding:40px;}
.appCon .titBox{width:200px;}
.appCon .txtBox{width:calc(100% - 200px);}
}
@media screen and (max-width:1100px) {
.appCon{padding:30px;}
.appCon .titBox{width:100%;}
.appCon .txtBox{width:100%;margin-top:10px;}
}
@media screen and (max-width:640px) {
.appCon{padding:20px;}
}





.appBox i.star{width:7px;height:7px;margin:7px;margin-left:12px;border-radius:50%;background:#e12d34;display:inline-block;}

.appBox .appBox-D{padding:70px;box-shadow:2px 2px 20px rgba(0,0,0,0.1);border-radius:var(--common-border-radius);}

.appBox .appBox-D div.disF{padding:20px;border-bottom:solid 1px #f1f1f1;}
.appBox .appBox-D .titBox{align-items:flex-end;}
.appBox .appBox-D .conaBox{align-items:flex-start;}
.appBox .appBox-D .conaBox .ttit{width:220px;padding:14px 0;background:#2316cb;border-radius:30px;color:#fff;text-align:center;}
.appBox .appBox-D .conaBox .ccon{width:calc(100% - 220px);padding-left:5%;padding-top:10px;}
.appBox.alogin .appBox-D .conaBox .ccon{padding-top:0;}
.appBox .appBox-D .conaBox .ccon span{margin-top:8px;display:flex;flex-wrap:wrap;}
.appBox .appBox-D .conaBox .ccon span:first-child{margin-top:0;}
.appBox .appBox-D .conaBox .ccon.three font{line-height:280%;margin-right:10px;}
.appBox .appBox-D .conaBox .ccon i{margin-right:15px;display:flex;align-items:center;justify-content:center;}
.appBox .appBox-D .conaBox .ccon i:last-child{margin-right:0 !important;}
.appBox .appBox-D .conaBox .ccon i input{margin-right:5px;}
.appBox .appBox-D .conaBox .ccon font{color:#555;}
.appBox .appBox-D .conaBox .ccon.date_stay .ui-datepicker-trigger{width:130px;height:52px;line-height:52px !important;padding:0 !important;border-radius:10px;font-size:18px;color:#fff;text-align:center;border:none;cursor:pointer;background:#999;}

.appBox .appBox-D .conaBox.prBox{border-bottom:none;}
.appBox .appBox-D .conaBox.prBox .ccon{display:flex;align-items:flex-end;justify-content:flex-start;}
.appBox .appBox-D .conaBox.prBox .ccon font{line-height:40px !important;}
.appBox .appBox-D .conaBox.prBox .ccon font:last-child{margin-left:5px;}

@media screen and (max-width:1500px) {
.appBox .appBox-D{padding:50px;}

.appBox .appBox-D div.disF{padding:15px 20px;}
.appBox .appBox-D .conaBox .ttit{width:200px;border-radius:10px;}
.appBox .appBox-D .conaBox .ccon{width:calc(100% - 200px);}
}
@media screen and (max-width:1280px) {
.appBox .appBox-D{padding:40px;}

.appBox .appBox-D div.disF{padding:10px 15px;}
.appBox .appBox-D .conaBox .ttit{width:180px;}
.appBox .appBox-D .conaBox .ccon{width:calc(100% - 180px);}
.appBox .appBox-D .conaBox .ccon font{margin-right:5px;}
.appBox .appBox-D .conaBox .ccon.date_stay .ui-datepicker-trigger{width:120px;height:50px;line-height:50px !important;border-radius:5px;font-size:16px;}
}
@media screen and (max-width:1100px) {
.appBox .appBox-D{padding:30px;}

.appBox .appBox-D div.disF{padding:10px 10px;}
.appBox .appBox-D .conaBox .ttit{width:160px;border-radius:5px;}
.appBox .appBox-D .conaBox .ccon{width:calc(100% - 160px);}
}
@media screen and (max-width:960px) {
.appBox .appBox-D{padding:20px;}

.appBox .appBox-D .conaBox .ttit{width:140px;}
.appBox .appBox-D .conaBox .ccon{width:calc(100% - 140px);}
.appBox .appBox-D .conaBox .ccon.date_stay .ui-datepicker-trigger{width:110px;height:48px;line-height:48px !important;font-size:14px;}
}
@media screen and (max-width:860px) {
.appBox i.star{width:5px;height:5px;margin:5px;margin-left:10px;}

.appBox .appBox-D div.disF{padding:10px 5px;}
.appBox .appBox-D .conaBox .ttit{width:100%;padding-top:0;padding-bottom:5px;background:#fff;border-radius:0;color:#2316cb;text-align:left;}
.appBox .appBox-D .conaBox .ttit font{font-family:'Pretendard-Bold';}
.appBox .appBox-D .conaBox .ttit i.star{margin-top:10px;}
.appBox .appBox-D .conaBox .ccon{width:100%;padding-left:0;}
.appBox .appBox-D .conaBox .ccon.date_stay .ui-datepicker-trigger{width:100px;}

.appBox .appBox-D .conaBox.prBox .ccon{padding-top:0 !important;}
}
@media screen and (max-width:767px) {
.appBox .appBox-D .conaBox .ccon.three input,
.appBox .appBox-D .conaBox .ccon.three select{width:29% !important;}
.appBox .appBox-D .conaBox .ccon.date_stay .ui-datepicker-trigger{width:80px;height:46px;line-height:46px !important;font-size:13px;}
}
@media screen and (max-width:640px) {
.appBox .appBox-D{padding:15px;}
.appBox .appBox-D .conaBox .ccon.date_stay .ui-datepicker-trigger{width:70px;}
}
@media screen and (max-width:420px) {
.appBox .appBox-D .conaBox .ccon.three input,
.appBox .appBox-D .conaBox .ccon.three select{width:28% !important;margin-right:4px;}
.appBox .appBox-D .conaBox .ccon.three select{padding-right:9px !important;padding-left:10px !important;}
.appBox .appBox-D .conaBox .ccon.three font{margin-right:4px;}
}
@media screen and (max-width:360px) {
.appBox .appBox-D .conaBox .ccon.date_stay input[type=text]{margin-right:4px;width:calc(100% - 64px);}
.appBox .appBox-D .conaBox .ccon.date_stay .ui-datepicker-trigger{width:60px;}
}



.appBox .appBox-D .agrBox{padding:20px 25px;border-bottom:solid 1px #f3f3f3;}
.appBox .appBox-D .agrBox span{padding:10px 0;} 
.appBox .appBox-D .agrBox span u{color:#808080;cursor:pointer;}

@media screen and (max-width:640px) {
.appBox .appBox-D .agrBox{padding:10px 15px;}
}
@media screen and (max-width:360px) {
.appBox .appBox-D .agrBox{padding:10px 5px;}
}



.appBox input[type=text],
.appBox select,
.appBox textarea{padding:12px 20px;margin-right:10px;border:solid 1px #ccc;border-radius:10px;}
.appBox input[type=text],
.appBox select,
.appBox textarea,
.appBox label{font-size:20px;}
.appBox input[type=text]:last-child{margin-right:0;}
.appBox input[type=text]::-webkit-input-placeholder{color:#000 !important;}
.appBox input[type=text]::-moz-input-placeholder{color:#000 !important;}
.appBox input[type=text]::-ms-input-placeholder{color:#000 !important;}

.appBox select{padding-right:80px;background:url(/img/select_arrow.png) no-repeat right 20px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.appBox select:last-child{margin-right:0 !important;}
.appBox select::-ms-expand{display:none;}

.appBox input[type=checkbox]{display:inline-block;}
.appBox input[type=checkbox] + label{padding-left:10px;display:inline-block;position:relative;}

.appBox textarea{width:100%;min-height:150px;}

@media screen and (max-width:1500px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{padding:12px 17px;margin-right:8px;border-radius:5px;}
.appBox input[type=text],
.appBox select,
.appBox textarea,
.appBox label{font-size:18px;}
.appBox select{padding-right:55px;}
}
@media screen and (max-width:1280px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{padding:11px 15px;}
.appBox input[type=text],
.appBox select,
.appBox textarea,
.appBox label{font-size:16px;}
.appBox select{padding-right:50px;background-position:right 15px center;background-size:12px;margin-right:6px;}
}
@media screen and (max-width:640px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{max-width:100% !important;border-radius:2px;}
.appBox input[type=text],
.appBox select,
.appBox textarea,
.appBox label{font-size:15px;}
}
@media screen and (max-width:400px) {
.appBox input[type=text],
.appBox textarea,
.appBox select{padding:10px 12px;}
.appBox input[type=text],
.appBox select,
.appBox textarea,
.appBox label{font-size:14px;}
.appBox select{padding-right:30px;background-position:right 10px center;background-size:10px;margin-right:4px;}
}



.appBox .btnBox{width:300px;margin:0 auto;padding:24px 0 20px 0;background:#2316cb;border-radius:50px;transition:all 0.2s ease;}
.appBox .btnBox:hover{width:340px;transition:all 0.2s ease;}
.appBox .btnBox a{color:#fff;text-align:center;display:block;font-weight:bold;}

@media screen and (max-width:1280px) {
.appBox .btnBox{width:280px;}
.appBox .btnBox:hover{width:300px;}
}
@media screen and (max-width:1100px) {
.appBox .btnBox{width:260px;padding:20px 0 18px 0;}
.appBox .btnBox:hover{width:280px;}
}
@media screen and (max-width:960px) {
.appBox .btnBox{width:240px !important;}
}
@media screen and (max-width:767px) {
.appBox .btnBox{width:220px !important;padding:18px 0 16px 0;}
}
@media screen and (max-width:640px) {
.appBox .btnBox{width:200px !important;}
}
@media screen and (max-width:420px) {
.appBox .btnBox{width:180px !important;}
}







/********************************* 체험예약하기 > 체험예약확인 ********************************
.alogin{max-width:767px;margin:0 auto;}
.alogin .appBox-D{padding:50px;box-shadow:2px 2px 20px rgba(0,0,0,0.1);border-radius:var(--common-border-radius);}

.alogin .appBox-D div.disF{padding:10px;margin-bottom:10px;background:#f0f0fa;border-radius:50px;}
.alogin .appBox-D div.disF:last-child{margin-bottom:0 !important;}
.alogin .appBox-D .titBox{align-items:flex-end;}
.alogin .appBox-D .conaBox{align-items:flex-start;}
.alogin .appBox-D .conaBox *{line-height:60px;}
.alogin .appBox-D .conaBox .ttit{width:180px;text-align:center;}
.alogin .appBox-D .conaBox .ccon{width:calc(100% - 180px);}

.alogin input[type=text]{width:100%;padding-left:20px;background:#fff;border-radius:30px;font-size:20px;}

@media screen and (max-width:1500px) {
.alogin .appBox-D{padding:40px;}

.alogin .appBox-D div.disF{padding:8px;border-radius:20px;}
.alogin .appBox-D .conaBox *{line-height:57px;}
.alogin .appBox-D .conaBox .ttit{width:160px;}
.alogin .appBox-D .conaBox .ccon{width:calc(100% - 160px);}

.alogin input[type=text]{padding-left:17px;font-size:18px;border-radius:15px;}
}
@media screen and (max-width:1280px) {
.alogin .appBox-D{padding:30px;}

.alogin .appBox-D div.disF{border-radius:10px;}
.alogin .appBox-D .conaBox *{line-height:55px;}
.alogin .appBox-D .conaBox .ttit{width:140px;}
.alogin .appBox-D .conaBox .ccon{width:calc(100% - 140px);}

.alogin input[type=text]{padding-left:15px;font-size:16px;border-radius:5px;}
}
@media screen and (max-width:767px) {
.alogin .appBox-D{padding:20px;}

.alogin .appBox-D div.disF{padding:6px;border-radius:5px;}
.alogin .appBox-D .conaBox *{line-height:52px;}
.alogin .appBox-D .conaBox .ttit{width:120px;}
.alogin .appBox-D .conaBox .ccon{width:calc(100% - 120px);}

.alogin input[type=text]{border-radius:2px;}
}
@media screen and (max-width:640px) {
.alogin .appBox-D{padding:10px;}

.alogin .appBox-D .conaBox *{line-height:49px;}
.alogin .appBox-D .conaBox .ttit{width:100px;}
.alogin .appBox-D .conaBox .ccon{width:calc(100% - 100px);}

.alogin input[type=text]{font-size:15px;}
}
@media screen and (max-width:400px) {
.alogin .appBox-D .conaBox *{line-height:44px;}
.alogin .appBox-D .conaBox .ttit{width:80px;}
.alogin .appBox-D .conaBox .ccon{width:calc(100% - 80px);}

.alogin input[type=text]{padding-left:12px;font-size:14px;}
}




.alogin .btnBox{width:300px;margin:0 auto;padding:24px 0 20px 0;background:#2316cb;border-radius:50px;transition:all 0.2s ease;}
.alogin .btnBox:hover{width:340px;transition:all 0.2s ease;}
.alogin .btnBox a{color:#fff;text-align:center;display:block;font-weight:bold;}

@media screen and (max-width:1280px) {
.alogin .btnBox{width:280px;}
.alogin .btnBox:hover{width:300px;}
}
@media screen and (max-width:1100px) {
.alogin .btnBox{width:260px;padding:20px 0 18px 0;}
.alogin .btnBox:hover{width:280px;}
}
@media screen and (max-width:960px) {
.alogin .btnBox{width:240px !important;}
}
@media screen and (max-width:767px) {
.alogin .btnBox{width:220px !important;padding:18px 0 16px 0;}
}
@media screen and (max-width:640px) {
.alogin .btnBox{width:200px !important;}
}
@media screen and (max-width:420px) {
.alogin .btnBox{width:180px !important;}
}*/






/********************************* 체험예약하기 > 체험예약확인 > 리스트 *********************************/
.alist{padding:70px;box-shadow:2px 2px 20px rgba(0,0,0,0.1);border-radius:var(--common-border-radius);}

.alist div.disF{margin-bottom:10px;padding:20px;border-radius:50px;}
.alist div.disF:last-child{margin-bottom:0 !important;}
.alist div.disF *{text-align:center;}
.alist div.disF .date{width:15%;}
.alist div.disF .cate{width:11%;}
.alist div.disF .num{width:11%;}
.alist div.disF .meal{width:15%;}
.alist div.disF .price{width:18%;}
.alist div.disF .mody{width:15%;}
.alist div.disF .del{width:15%;}

.alist .titBox{background:#f0f0fa;}
.alist .titBox *{font-family:'Pretendard-SemiBold';}
.alist .conBox{border:solid 1px #ddd;}
.alist .conBox *{font-family:'Pretendard-Bold';}
.alist .conBox b{display:none;}
.alist .conBox a{width:90%;margin:0 auto;padding:14px 0;display:block;border-radius:30px;color:#fff;}
.alist .conBox .mody a{background:#2316cb;}
.alist .conBox .del a{background:#333;}

@media screen and (max-width:1500px){
.alist{padding:55px;}

.alist div.disF{margin-bottom:8px;padding:15px;border-radius:20px;}

.alist .conBox a{width:95%;padding:12px 0;border-radius:15px;}
}
@media screen and (max-width:1280px){
.alist{padding:45px;}

.alist div.disF{margin-bottom:6px;padding:10px 5px;border-radius:10px;}

.alist .conBox a{width:97%;padding:10px 0;border-radius:5px;}
}
@media screen and (max-width:1100px){
.alist{padding:35px;}

.alist div.disF{margin-bottom:4px;border-radius:5px;}

.alist .conBox a{border-radius:2px;}
}
@media screen and (max-width:960px){
.alist{padding:25px;}

.alist div.disF .date,
.alist div.disF .cate,
.alist div.disF .num,
.alist div.disF .meal,
.alist div.disF .price{width:100%;padding:5px 10px 5px 20px;}
.alist div.disF .price{padding-bottom:15px !important;}
.alist div.disF .mody,
.alist div.disF .del{width:50% !important;}
.alist div.disF .mody *,
.alist div.disF .del *{text-align:center !important;}

.alist .titBox{display:none;}
.alist .conBox{display:flex;justify-content:flex-start;}
.alist .conBox *{text-align:left !important;}
.alist .conBox b{display:inline-block;margin-right:5px;color:#999;font-family:'Pretendard-Light';}
}
@media screen and (max-width:767px){
.alist{padding:20px;}

.alist div.disF .date,
.alist div.disF .cate,
.alist div.disF .num,
.alist div.disF .meal,
.alist div.disF .price{padding:4px 5px 4px 15px;}
}
@media screen and (max-width:640px){
.alist div.disF .date,
.alist div.disF .cate,
.alist div.disF .num,
.alist div.disF .meal,
.alist div.disF .price{padding-left:10px;}
}







/********************************* 체험예약하기 *********************************/
.ndvBox{display:block !important;}
.ndvBox i{justify-content:flex-start !important;align-items:flex-start !important;width:100%;margin-bottom:10px;text-align:left;}
.ndvBox i input{margin-top:5px;margin-right:10px !important;}
.ndvBox i label{display:flex;flex-wrap:wrap;}
.ndvBox i label b:first-child{width:110px;}
.ndvBox i label b:last-child{width:calc(100% - 110px);font-weight:normal;font-size:18px !important;word-wrap:break-word;display:block;word-break:keep-all;}

@media screen and (max-width:1280px) {
.ndvBox i input{margin-top:3px;}
.ndvBox i label b:first-child{width:100px;}
.ndvBox i label b:last-child{width:calc(100% - 100px);font-size:17px !important;}
}
@media screen and (max-width:1100px) {
.ndvBox i label b:first-child{width:90px;}
.ndvBox i label b:last-child{width:calc(100% - 90px);font-size:16px !important;}
}
@media screen and (max-width:960px) {
.ndvBox i label b:first-child{width:80px;}
.ndvBox i label b:last-child{width:calc(100% - 80px);font-size:15px !important;}
}
@media screen and (max-width:640px) {
.ndvBox i label b:first-child{width:100%;}
.ndvBox i label b:last-child{width:100%;}
}