@charset "utf-8";
/*  font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
.conTit{text-align: center;font-size: 40px;line-height: 1.2;margin-bottom: 60px;}
.conTit span{display: block;}
.conBox{border-radius:30px ;overflow: hidden;background-color: #fff;}
.greet{max-width: 680px;margin: 0 auto;overflow: hidden;}
.greet p{font-size: 20px;line-height: 1.4;text-align: justify;margin-bottom: 30px;font-weight: 400;}
.greet p._btm{text-align: right}
.greet h4{color: #a76601;}
.greet p.tit{color: #048534;font-size: 21px;margin-bottom: 20px;}
.greet .lst{margin-bottom: 40px;}
.greet .lst p{font-size: 19px;margin-bottom: 10px;}
@media screen and (max-width:1024px) {
.greet p{font-size: 18px;}
.conTit{font-size: 32px;margin-bottom: 30px;}
}
@media screen and (max-width:580px) {
.greet p br{display: none;}
.greet p{margin-bottom: 20px;line-height: 1.3;}
}
@media screen and (max-width:500px) {
.conBox{border-radius:calc(17/450 * 100vh)}
.conTit{font-size: calc(22px + (32 - 22) * ((100vw - 300px) / (500 - 300)))}
.conTit em.mm{display: block;}
}
/************
vision
***************/
.vsn{max-width: 1244px;margin: 0 auto;}
@font-face {font-family: 'iceJaram-Rg'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/iceJaram-Rg.woff2') format('woff2');font-weight: normal;font-style: normal;font-display:block}
.vsnCon{border-radius:28px;text-align: center;background-color: #ccc;letter-spacing: -1px;background: #cff9fc url(../img/cont/con_2.png) center 0 no-repeat;height: 1270px;}
.vsnCon ul,.vsnCon li{margin: 0;padding: 0;list-style-type: none;}
.vsnCon h3{font-size: 88px;font-family: 'iceJaram-Rg';font-weight: normal;line-height: 90%;margin-bottom: 30px;padding-top: 105px;}
.vsnCon h3 span{display: block;}
.vsnCon h4{font-size: 32px;font-weight: 600;border-radius:2.5em;color: #fff;line-height: 64px;background-color: #645950;margin:0 auto 85px;max-width: 770px;height: 64px;overflow: hidden;width: 90%;}
.vsnCon h4 em{font-style: normal;font-weight: 300;display: inline-block;font-size: 24px;font-size: 0.75em;}
.vsnCon p{font-size: 28px;line-height: 1.3;position: relative;}
.vsnCon .symt{text-align: left;max-width: 920px;margin: 0 auto 70px;overflow: hidden;width: 90%;}
.vsnCon .symt>div{max-width: 294px;/*width: 50%; border: 1px solid #000;overflow: hidden;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; */}
.vsnCon .symt p{padding-right: 95px;font-weight: 600;color: #424241;line-height: 1;display: inline-block;}
.vsnCon .symt .frt p{padding-right: 0;padding-left: 95px;/* margin-left:163px;margin-right: 0; */}
.vsnCon .symt p:after,.vsnCon .symt p:before{display: block;content: '';position: absolute;}
.vsnCon .symt p:before{height: 1px;background-color: #000;width: 66px;right: 10px;top: 50%;margin-top: -1px;}
.vsnCon .symt p:after{height: 7px;width: 7px;background-color: #fff;border: 3px solid #000;right: 0;top: 50%;margin-top: -7px;border-radius:50% }
.vsnCon .symt .frt p::before{right: auto;left: 10px;}
.vsnCon .symt .frt p::after{right: auto;left: 0;}

.circ {display: flex;gap:0;max-width: 1044px;margin: 0 auto;justify-content: space-between;width: 95%;}
.circ div{width: calc(100%/3 - 12px);height: 0;position: relative;padding-top: calc(100%/3 - 12px);box-sizing: border-box;margin: 0 6px;}
.circ div::after{display: block;content: '';background-color: #f0f0f0;border-radius:50% ;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.circ div p{position: absolute;left: 50%;top: 10px;transform: translateX(-50%);z-index: 1;width: 100%;box-sizing: border-box;color: #fff;}
.circ p span.br{display: block;}
.circ p .ic{height: 130px;margin-top: 10px;background-repeat: no-repeat;background-position: center;display: block;}
.circ .cir1::after{background-color: #6c9682;}
.circ .cir2::after{background-color: #98c187;}
.circ .cir3::after{background-color: #8d8680;}
.circ .cir1 .ic{background-image: url(../img/cont/con_2_i_1.png);}
.circ .cir2 .ic{background-image: url(../img/cont/con_2_i_2.png);}
.circ .cir3 .ic{background-image: url(../img/cont/con_2_i_3.png);}

.vsnFt::before{max-width: 622px;display: block;content: '';border-right: 1px solid #000;height: 160px;margin-top: -40px;width: 50%;}
.vsnFt dt{font-size: 40px;text-align: center;font-weight: bold;padding: 35px 0 65px;}
.vsnFt dd{display: flex;justify-content: space-between;gap:3.697%}
.vsnFt dd p{border-top: 1px solid #000;line-height: 1.35;padding-top: 15px;font-size: 20px;}

@media screen and (max-width:1280px) {
.vsnCon h3{font-size: 88px;font-size: calc(60px + (88 - 60) * ((100vw - 1000px) / (1280 - 1000)))}
.circ p .ic{height:calc(130/1280 * 100vw);}

.vsnFt dd p span.br{display: none;}
}
@media screen and (max-width:1280px) and (min-width:1025px) {
.vsnCon .circ div p{font-size: calc(20px + (28 - 20) * ((100vw - 1000px) / (1280 - 1000)));line-height: 1.2;}
}
@media screen and (max-width:1024px) {
.vsnCon{height: 800px;background-size:cover}
.vsnCon h3{padding-top: 50px;font-size: calc(40px + (70 - 40) * ((100vw - 600px) / (1024 - 600)));margin-bottom: 20px;}
.vsnCon h4{font-size: calc(21px + (32 - 21) * ((100vw - 600px) / (1024 - 600)));margin-bottom: 55px;}
.circ p .ic{background-size:auto calc(48/1024 * 100vw);}
.vsnCon .symt p,
.vsnCon .circ div p{font-size: calc(18px + (24 - 18) * ((100vw - 600px) / (1024 - 600)));}
}
@media screen and (max-width:1024px) and (min-width:651px) {

}
@media screen and (max-width:850px) {
.vsnFt::before{margin-top: 0;height: 45px;border-right-color: #83bb7f;}
.vsnFt dt::after{height: 40px;display: block;content: '';border-right: 1px solid #83bb7f;width: 50%;margin-top: 15px;}
.vsnFt dt{font-size: 34px;padding: 15px 0 0;}
.vsnFt dd{display: block;}
.vsnFt dd p{padding-bottom: 15px;text-align: center;border: 1px solid #83bb7f;margin-bottom: 10px;border-radius:20px}
.vsnFt dd p span.br{display: block;}
}
@media screen and (max-width:650px) {
.vsnCon{height: auto;padding-bottom: 15px;}
.vsnCon h3{padding-top:25px;font-size: calc(30px + (50 - 30) * ((100vw - 300px) / (650 - 300)));}
.vsnCon .symt>div{width: 50%;}
.vsnCon .symt,
.vsnCon h4{margin-bottom: 20px;}
.vsnCon h4 em{display: none;}
.vsnCon h4{font-size: 20px;line-height: 1.3;border-radius:16px;height: auto;padding: 15px 0; }
.vsnCon h4 span{display: block;}
.vsnCon .symt p{padding-right: 25px;font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (650 - 300)))}
.vsnCon .symt .frt p{padding-left:25px;}
.vsnCon .symt p:before{width: 10px;}
.vsnCon .symt .flt p{float: right;display: block;margin-right:1%;}
.vsnCon .symt .frt p{float: left;display: block;margin-left:1%;}
.circ{display: block;}
.circ div{width: 95%;height: auto;position: relative;padding: 10px 5% 25px;margin: 10px auto;}
.circ div::after{border-radius:20px ;}
.circ div p{position: relative;left: auto;top: auto;transform: translateX(0);}
.vsnCon .circ div p{font-size: calc(18px + (28 - 18) * ((100vw - 300px) / (650 - 300)));line-height: 1.2;}
.circ p .ic{background-size:auto calc(35/600 * 100vw);height: calc(100/600 * 100vw);margin-top: 0;}
}
@media screen and (max-width:420px) {
.circ p .ic{background-size:auto calc(45/500 * 100vw);}
}
@media screen and (max-width:360px) {
.vsnCon h4{font-size: 18px;}
.vsnCon .symt{overflow: visible;margin-bottom: 0;}
.vsnCon .symt>div{width: auto;float: none !important;overflow: visible;}
.vsnCon .symt p{padding: 25px 0 20px !important;float: none !important;text-align: center;}
.vsnCon .symt p:after,.vsnCon .symt .frt p:after{top: 0;left: auto;right: 50%;margin-right: -5px;margin-top: 0;}
.vsnCon .symt p:before,.vsnCon .symt .frt p:before{width: 1px;height: 13px;right: 50%;top: 9px;margin-top: 0;left: auto;margin-right: 1px;}
}
/******************
eduLocs
*******************/
.eduLocs,.eduLocs li{padding: 0;margin: 0;list-style-type: none;}
.eduLocs{max-width: 1244px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;gap:2.974%}
.eduLocs li{flex:0 0 31.35%;margin-bottom: 50px;}
.eduLocs .locImg{border-radius:20px ;overflow: hidden;margin-bottom: 15px;position: relative;background-color: #fff;transition:  .3s ease-out;}
.eduLocs .locImg img{max-width: 100%;display: block;}
.eduLocs .locNm{display: block;font-size: 26px}
.eduLocs .locNm a{padding: 10px  0 ;display: block;}
.eduLocs .locNm a[target="_blank"]::after{display: inline-block;content: '';width: 9px;height: 9px;background:  url(../img/cont/win.gif) 0 0 no-repeat;vertical-align: top;margin-left: 5px;}
.eduLocs .locAdr{font-size: 18px;line-height: 1.2;font-weight: 300;color: #666;}
.locImg img {transform: scale3d(1, 1, 1);transition:  .3s ease-out;}
.locImg:hover {background-color: #000;transition:  .3s ease-in-out}
.locImg:hover img,.locImg:focus img {transform: scale3d(1.2, 1.2, 1);opacity:.8;transition:.3s ease-in-out;}
@media screen and (max-width:1350px) {
.eduLocs .locNm{font-size: 23px;letter-spacing: -1px;}
.eduLocs{gap:10px}
.eduLocs li{flex:0 0 calc(100%/3 - 10px);margin-bottom: 35px;}
}
@media screen and (max-width:1180px) {
.eduLocs .locNm{font-size: 20px;}
}
@media screen and (max-width:870px) {
.eduLocs .locNm{font-size: 20px;}
.eduLocs{gap:20px}
.eduLocs li{flex:0 0 calc(100%/2 - 10px);margin-bottom: 10px;}
.eduLocs .locImg img{width: 100%;}
}
@media screen and (max-width:585px) {
.eduLocs{display: block;max-width: 390px;margin: 0 auto;width: 95%;}
.eduLocs li{margin-bottom: 25px;}
.eduLocs .locImg {max-width: 390px;margin-bottom: 5px;}
.eduLocs .locImg img{width: auto}
.eduLocs .locAdr{font-size: 16px;}
}
/******************
progInfos
*******************/
.progInfos,.progInfos li{padding: 0;margin: 0;list-style-type: none;}
.progInfos{max-width: 1240px;margin: 0 auto;}
.progInfos li{display: flex;justify-content: space-between;border-bottom: 1px solid #ddd;margin-bottom: 60px;padding: 0 80px 60px;}
.progInfos h3{color: #fff;font-size: 26px;line-height: 60px;padding-left: 30px;font-weight: 600;margin-bottom: 25px;border-radius:2.5em ;background-color: #0e9f98;}
.progInfos p{padding: 0 0 25px 30px;line-height: 1.2;font-size: 22px;}
.progInfos p b{display: block;margin-bottom: 5px;}
.progInfos .progImg{flex:0 0 380px}
.progInfos .progImg img{max-width: 100%;}
.progInfos .progImg.none{border-radius:20px ;background:  #eee ;max-width: 380px;max-height: 240px;position: relative;}
.progInfos .progImg.none::after{display: block;content: '';background:  url(../img/common/logo.png) center  no-repeat;position: absolute;top: 0;right: 0;left: 0;bottom: 0;z-index: 1;opacity: .20;background-size: 220px auto;}
.progInfos .progImg.none img{opacity: 0.0;display: block;}
.progInfos .progTxt{flex:0 0 calc(100% - 500px)}
.progInfosTip{font-size: 14px;text-align: center;}
@media screen and (max-width:1500px) {
.progInfos li{padding: 0 4% 40px;margin-bottom: 40px;}
.progInfos .progTxt{flex:0 0 calc(100% - 450px)}
}
@media screen and (max-width:1200px) {
.progInfos .progImg{flex:0 0 300px}
.progInfos .progTxt{flex:0 0 calc(100% - 350px)}
.progInfos p{font-size: 20px;}
}
@media screen and (max-width:850px) {
.progInfos li{display: block;border-bottom: none;padding-bottom: 0;}
.progInfos h3{line-height: 45px;padding: 0;text-align: center;margin-bottom: 15px;font-size: 20px;border-radius:8px ;}
.progInfos p{padding: 0 0 20px 0;line-height: 1.2;font-size: 18px;}
.progInfos .progTxt{padding-bottom: 15px;}
.progInfos .progImg{text-align: center;}
.progInfos .progImg.none{margin: 0 auto;}
}




/************
yeyak
***************/
.rbx{border-radius:20px;overflow: hidden;padding: 40px;background-color: #fff;box-sizing: border-box;position: relative;border: 1px solid #cdcdcd;margin-bottom: 24px;box-shadow:0 0 30px 0 rgba(0,0,0,0.1)}

.yykWrp{height: 814px;}
.yykWrp:after{display: block;content: '';clear: both;}
.yykWrp .flt::after{display: block;content: '';clear: both;}
.yykWrp > .flt{width: 464px;margin-right: 24px;}
.yykWrp > .frt{width: calc(100% - 488px);height: 100%;}
.yykWrp .selType{height: 340px;}
.yykWrp .selDate{height:450px ;}
.yykWrp .selProg{height:100% ;}

.rbx .blank{text-align: center;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-color: #fff;z-index: 11;display: flex;align-items: center;justify-content: center;transition:.2s ease-out}
.rbx .blank b{display: block;font-size: 20px;color: #606060;}
.rbx .blank b::before{display: block;content: '';margin: 0 auto 12px;height: 47px;background-repeat: no-repeat;background-position: center bottom;}
.selDate.rbx .blank b::before{background-image: url(../img/cont/schedule_icon_2.png);}
.selProg.rbx .blank b::before{background-image: url(../img/cont/schedule_icon_1.png);}
.rbx .blank.out{position: absolute;opacity: 0;z-index: -11;transform:scale(0,0)}
/* .yykWrp:has( .selTypeBx input[type=radio]:checked) .blank{position: absolute;opacity: 0;z-index: -11;transform:scale(0,0)} */
/* .yykWrp:has( .selTypeBx input[type=radio]:checked) .selDate.rbx .blank{position: absolute;opacity: 0;z-index: -11;transform:scale(0,0)}
.yykWrp:has( .selDate td a:focus) .selProg.rbx .blank{position: absolute;opacity: 0;z-index: -11;transform:scale(0,0)} */

.rbx .blank.out{position: absolute;opacity: 0;z-index: -11;transform:scale(0,0)}
.rbx h3{font-size: 24px;line-height: 1.2;margin-bottom: 25px;}
.selTypeBx {position: relative;margin-bottom: 10px;}
.selTypeBx:last-of-type{margin-bottom: 0;}
.selTypeBx input[type="radio"]{position: absolute;font-size: 0;z-index: -1;width: 0;height: 0;}
.selTypeBx input[type="radio"]+label{background-color: #ececec;border-radius:10px ;height: 100px;box-sizing: border-box;display: flex;padding: 0 30px 0 35px;align-items: center;justify-content: space-between;transition:.25s ease-out;cursor: pointer;}

.selTypeBx b{font-size: 22px;display: block;margin-bottom: 5px;transition:.25s ease-out}
.selTypeBx em{display: block;font-style: normal;transition:.25s ease-out}
.selTypeBx span.chk{background-color: #cacaca;transition:.25s ease-out ;width: 30px;height: 30px;border-radius:50%;text-align: center;line-height: 30px;}
.selTypeBx i{font-size: 17px;color: #fff;transition:.25s ease-out ;top: 2px;position: relative;font-weight: bold;}
.selTypeBx span.txt{display: block;padding-left: 52px;position: relative;}
.selTypeBx span.txt::before{display: block;content: '';position: absolute;top: 0;bottom: 0;left: 0;width: 52px;background-repeat: no-repeat;background-position: 0 center;transition:.25s ease-out}

.selTypeBx.ptype1 span.txt::before{background-image: url(../img/cont/schedule_type_1.png);}
.selTypeBx.ptype2 span.txt::before{background-image: url(../img/cont/schedule_type_2.png);}

.selTypeBx input[type="radio"]:focus+label,
.selTypeBx input[type="radio"]:checked +label{background-color: #3e3e40;color: #fff;}
.selTypeBx input[type="radio"]:focus +label span.chk,
.selTypeBx input[type="radio"]:checked +label span.chk{background-color: #d42a4a;}
.selTypeBx.ptype1 input[type="radio"]:focus +label span.txt::before,
.selTypeBx.ptype1 input[type="radio"]:checked +label span.txt::before{background-image: url(../img/cont/schedule_type_1o.png);}
.selTypeBx.ptype2 input[type="radio"]:focus +label span.txt::before,
.selTypeBx.ptype2 input[type="radio"]:checked +label span.txt::before{background-image: url(../img/cont/schedule_type_2o.png);}
/* wMonth */
.dateWrp{position: relative;}
.monHead {overflow: visible;margin-bottom: 20px;position: absolute;top: -45px;right: 0;}
.monHead::after{display: block;content: '';clear: both;}
.monHead .nav {margin-top:0 ;position: relative;width: 100px;padding: 0 15px;float: right;}
.monHead .nav a {position: absolute;display: block;top: 0;width: 15px;height: 20px;color: transparent;text-indent: -999em;}
.monHead .nav a:first-child {	left: 0;}
.monHead .nav a:last-child {	right: 0;}
.monHead .nav a::before {border-style:solid;border-color:#333;border-width:0 0 2px 2px;display:block;line-height: 0;content:'';padding:3px;transform:rotate(45deg);position:absolute;top:50%;left:50%;margin-top: -3px;margin-left: -4px;transition:.2s ease-out}
.monHead .nav a:last-child::before{border-width:2px 2px 0 0 ;}
.monHead .nav a:focus::before,
.monHead .nav a:hover::before {}
.monHead .monDate {	text-align: center;display: inline-block;vertical-align: top;}
.monHead .monDate input[type="text"] {	text-align: center;display: inline-block;vertical-align: top;line-height: 18px;height: 20px;letter-spacing: 0;font-size:22px;color: #000;font-weight: 700;background: none;border: none;text-align: center;text-indent:0;width: 100px;margin: 0 auto;}
.monTbl {position: relative;;padding-top: 5px;}
.monTbl th,.monTbl td{font-weight: 600;width: calc(100%/7);}
.monTbl thead th{font-size: 14px;text-align: center;padding-bottom: 8px;letter-spacing: 0;}
.monTbl td{text-align: center;font-size: 17px;padding:6px;height:48px;box-sizing: border-box;position: relative;z-index: 2;}
.monTbl .ds{color: #c50000 }
.monTbl td a{display: block;background-color: #ececec;height: 36px;line-height: 36px;width: 36px;border-radius:5px ;margin: 0 auto;position: relative;z-index: 2;}
.monTbl td .on{background-color: #d42a4a;color: #fff;}
.monTbl td .today{display: block;position: relative;height: 36px;line-height: 36px;}
.monTbl td .today::after{display: block;content: '';position: absolute;top: -4px;left: 50%;width: 6px;height: 6px;border: 2px solid #fff;background-color: #c50000;border-radius:50%;margin-left: -4px;z-index: 10;}

.progWrp{position: relative;}
.progWrp ._total{font-size: 18px;position: absolute;right: 0;top: -45px;text-align: right;}
.progLst {height: 676px;overflow: auto;margin-right: -40px;padding-right: 40px;}
.progLst::-webkit-scrollbar {  width: 3px;}
.progLst::-webkit-scrollbar-track {  background: #f9f9f9; }
.progLst::-webkit-scrollbar-thumb {  background: #111;   border-radius:0;}

/* .progLst p::after{display: block;content: '';clear: both;} */
.progLst p{display: flex;border-radius:10px ;border: 1px solid #ddd;margin-bottom: 12px;box-sizing: border-box;height: 110px;padding: 0 20px 0 30px;line-height: 1.3;justify-content: space-between;align-items: center;position: relative;}
.progLst p:last-of-type{margin-bottom: 0;}
.progLst p:hover{border-color: #d42a4a;border-width: 2px;padding: 0 19px 0 29px;}
.progLst p ._tit{display: block;margin-bottom: 5px;font-size: 20px;font-weight: 500;}
.progLst p ._tit b{display:block;position: relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-right:10px;}
.progLst p a:hover._tit b,
.progLst p:hover ._tit b{color: #d42a4a;}
.progLst p ._txt{width: calc(100% - 150px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.progLst p ._bts{width:  130px;}
.progLst p a._zm{font-size: 0;width: 40px;height: 40px;border-radius:50% ;background-color: #f1f1f1;margin-right: 4px;display: inline-block;line-height: 40px;vertical-align: middle;text-align: center;transition:.25s ease-out}
.progLst p a._zm::after{display:inline-block;content: '\e63b';font-size: 18px ;color: #444;font-family : 'xeicon';font-weight: bold;}
.progLst p a._zm:hover{background-color: #d42a4a;}
.progLst p a._zm:hover::after{color: #fff;}
.progLst p ._ykBt{color: #fff;font-size: 14px;font-weight: 600;width: 80px;text-align: center;line-height: 40px;border-radius:2.5em ;background-color: #d42a4a;display: inline-block;transition:.25s ease-out;box-sizing: border-box;}
.progLst p a._ykBt:hover{text-decoration: underline;}
.progLst p ._ykBt.done{background-color: #f1f1f1;color: #606060;}
.progLst p ._ykBt.cancel{background-color: #fafafa;color: #ff0000;}
/* mypage */
.progLst p ._aplid{font-style: normal;font-size: 14px;color: #be546a;}
.progLst p ._dash{display: inline-block;text-indent: -999em;vertical-align: middle;position: relative;margin-right: 2px;}
.progLst p ._dash::before{display: inline-block;text-indent: 0;content: '/';color: #999;position: absolute;top: 2px;left: 0;font-size: 12px;}
.progLst p ._when2{color: #3675b9;}
.progLst p.nothing{height: 100%;padding: 0;text-align: center;justify-content: center;background-color: #f5f5f5;text-indent: -999em;font-size: 0;}
.progLst p.nothing:hover{border: 1px solid #ddd;}
.progLst p.nothing::before{display: block;content: '';position: absolute;top: 0;right: 0;left: 0;bottom: 0;background:  url(../img/common/logo.png) center  no-repeat;opacity: .4;}
@media screen and (max-width:1600px) {
.yykWrp > .flt{width: calc(464/1240 * 100%);margin-right: 0;}
.yykWrp > .frt{width: calc(100% - (464/1240 * 100%) - 20px)}
}
@media screen and (max-width:1400px) {
.rbx{padding: 25px;}
.monHead,
.progWrp ._total{top: -50px;}
.progLst {margin-right: -25px;padding-right: 25px;height: 706px;}
.progLst p{padding-left: 20px;}
.progLst p:hover{padding-left: 19px;}
.selTypeBx input[type="radio"]+label{height: 110px;padding: 0 20px 0 25px;}
}
@media screen and (max-width:1200px) {
.progWrp ._total span{display: none;}
.selTypeBx em{font-size: 14px;}
}
@media screen and (max-width:1000px) {
.yykWrp{height: auto;}
.yykWrp .selType{height: auto;}
.yykWrp .selDate{height:auto ;}
.yykWrp .selProg{height:auto ;}
.yykWrp > .flt,
.yykWrp > .frt{float: none;width: auto;}
.monHead {position: relative;top: auto;right: auto;margin-top: -20px;margin-bottom: 30px;}
.monHead .nav {float: none;margin: 0 auto;}
.progLst {height: auto;overflow: auto;margin-right: 0;padding-right: 0;}
.progLst p.nothing{height: 350px;}
}
@media screen and (max-width:600px) {
.rbx h3{font-size: 15px;margin-bottom: 15px;}
.monTbl td{padding: 0;}
.progWrp ._total{font-size: 15px;top: -30px;}
.progLst p:hover{border-color: #d42a4a;border-width: 1px;padding:20px;}
.progLst p {display: block;padding-top: 20px;padding-bottom: 20px;height: auto;}
.progLst p ._txt,.progLst p ._tit b{white-space: normal;text-overflow: initial;padding-right: 0;}
.progLst p ._bts{display: block;float: right;padding-top: 20px;}
.progLst p::after{display: block;content: '';clear: both;}

.progLst p.nothing{height: 240px}

.progLst p.nothing::before{background-size:220px auto}

}
@media screen and (max-width:380px) {
.rbx {border: none;border-radius:0 ;box-shadow: none;padding: 0 4%;}
.rbx.selDate{padding: 20px 0;border-bottom: 1px solid #e0e0e0;}
.rbx.selProg{padding: 20px 0;}
.monTbl td{font-size: 16px;}
.progLst p{padding: 5% !important;}
.progLst p ._tit b{font-size: 18px;}
}
@media screen and (max-width:340px) {
.rbx.selDate{padding: 15px;}
.monTbl td{font-size: 15px;}
.monTbl td a{width: 30px;}
}
/************
yeyak _form
***************/
.yykWrp._form{/* display: flex; */height: auto;justify-content: space-between; align-content: stretch;}
.yykWrp._form:after{display: none}
/* .yykWrp._form > ._formLt{width:calc(756/1244 * 100%);} */
.yykWrp._form > ._formRt{/* width:calc(464/1244 * 100%); */position: relative;}
.yykWrp._form > ._formLt>.rbx{margin-bottom: 15px;}
/* .yykWrp._form > ._formRt>div.rbx{position: absolute;left: 0;right: 0;bottom: 100px;top: 0;margin-bottom: 10px;}
.yykWrp._form > ._formRt>div.yykBtns{position: absolute;left: 0;right: 0;bottom: 0;} */
.yykBtns{display: table;width: calc(100% + 20px);border-spacing:10px;margin:0 -10px}
.yykBtns a{line-height: 74px;text-align: center;box-sizing: border-box;font-size: 20px;border: 1px solid #cdcdcd;box-shadow:0 0 30px 0 rgba(0,0,0,0.1);border-radius:11px ;display: table-cell;}
.yykBtns a.key{color: #fff;background-color: #d42a4a;font-weight: 500;border-color: #d42a4a;width: 66%;}
._form i{font-weight: bold;color: #e00;}
._form input[type="text"]{box-sizing: border-box;border: 1px solid #ccc;padding: 0 5px;font-size: 17px;height: 34px;width: 90%;font-weight:500;color: #111;}
.dls {border-top: 2px solid #000;}
.dls dl{display: flex;margin-bottom: 0;padding-bottom: 15px;padding-top: 15px;font-size: 18px;border-bottom: 1px solid #d0d0d0;align-items: center;}
.dls dt{flex:0 0 145px;/* padding-top: 3px; */padding-left: 5px;font-weight: bold;}

.dls dd{flex:0 0 calc(100% - 150px);line-height: 1.4;}
.dls ._name input[type="text"]{width: 180px;}
.dls ._mail input[type="text"]{width:80%;}
.dls ._tel input[type="text"]{width: 60px;text-align: center;}
.dls ._tel label{font-size: 0;z-index: -1;position: absolute;}
.dls ._addr input[type="text"]{margin-bottom: 5px;}
.dls .tips{font-size: 0.833em;font-weight: 300;}

a.zBtn{background-color: #d42a4a;color: #fff;height: 34px;display: inline-block;line-height: 34px;font-size: 16px;padding: 0 20px;vertical-align: top;margin-left: 0;transition: 0.2s ease-out; }
a.zBtn:hover{background-color: #202123;}

.rdOpt input[type=radio] {position: absolute;overflow: hidden;clip: rect(0, 0, 0, 0);width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;}
.rdOpt input[type=radio]+label {position: relative;top: 0px;padding-left: 30px;color: #999;line-height:18px;vertical-align: middle;display: inline-block;padding-right: 20px;cursor: pointer;}
.rdOpt input[type=radio]:focus-visible +label{color: #000;font-weight: 500;outline:dashed 1px #d42a4a}
.rdOpt input[type=radio]:checked +label{color: #000;font-weight: 500;}
.rdOpt input[type=radio]+label:after,
.rdOpt input[type=radio]+label:before {position: absolute;left: 0;display: block;box-sizing: border-box;content: '';}
.rdOpt input[type=radio]+label:before {width: 18px;height: 18px;text-align: center;border: 1px solid #999;background: none;top: 0;border-radius: 50%;transition: 0.2s ease-out;opacity: .5;}
.rdOpt input[type=radio]+label:after{position:absolute;content: '';top: 50%;left: 5px;width: 8px;height: 8px;margin-top: -4px;transform: scale(1);background-color: #999;border-radius: 50%;transition: 0.2s ease-out;opacity: .5;}
.rdOpt input[type=radio]:checked+label:before{border-color: #d42a4a;border-width: 5px;opacity: 1;}
.rdOpt input[type=radio]:checked+label:after {transform: scale(0);opacity: 1;}

/* .classic.white{table-layout: fixed;}
.classic.white th,
.classic.white td{border-left: none;font-size: 16px;}
.classic.white thead th{background: none;font-size: 18px;}
.classic.white td{padding: 10px .5%;}
.classic.white td label{display: inline-block;vertical-align: middle;font-size: 16px;font-weight: 400;}
.classic.white td input{text-align: center;width: 100%;} */
.classic.white{table-layout: fixed;}
.classic.white th,
.classic.white td{border-left: none;font-size: 16px;}
.classic.white thead th{background: none;font-size: 18px;}
.classic.white td{padding: 10px 1%;}
.classic.white td label{font-size: 0;z-index: -1;position: absolute;}
.classic.white td input{text-align: center;}
/*
추가 부분 [S]
*/
.classic2.white{table-layout: fixed;}
.classic2.white th,
.classic2.white td{border-left: none;font-size: 16px;}
.classic2.white thead th{background: none;font-size: 18px;}
.classic2.white td{padding: 10px 1%;}
.classic2.white td label{font-size: 0;z-index: -1;position: absolute;}
.classic2.white td input{text-align: center;}
/*
추가 부분 [E]
*/

.tblScroll {height: calc(100% - 50px);overflow: auto;margin-right: -40px;padding-right: 40px;}
.tblScroll::-webkit-scrollbar {  width: 1px;}
.tblScroll::-webkit-scrollbar-track {  background: #fff; }
.tblScroll::-webkit-scrollbar-thumb {  background: #111;   border-radius:0;}
@media screen and (max-width:1000px) {
.yykWrp._form{display: block;}
.yykWrp._form > ._formLt{width:auto;margin-bottom: 20px;}
.yykWrp._form > ._formRt{width:auto;position: relative;}
.yykWrp._form > ._formLt>.rbx{margin-bottom: 10px;}
.yykWrp._form > ._formRt>div.rbx,
.yykWrp._form > ._formRt>div.yykBtns{position: static;}
}
@media screen and (max-width:780px) {
.dls dt{flex:0 0 80px;font-size: 15px;}
.dls dd{flex:0 0 calc(100% - 85px);}
}
@media screen and (max-width:600px) {
.classic.white thead th{font-size: 15px;}
.classic2.white thead th{font-size: 15px;} /* 추가 부분 */
.dls dd span.tips{display: block;}
.dls dd span.tips{display: block;padding-top: 10px;}
.yykBtns a{line-height: 50px;font-size: 18px;}
}
@media screen and (max-width:380px) {
.dls dl{display: block;padding-bottom: 12px;}
.dls dt{padding-left: 0;padding-bottom:10px;}
.dls dt::before{display: inline-block;content: '';width: 6px;height: 6px;background-color: #d42a4a;margin-right: 4px;border-radius:2px ;position: relative;top: -3px;}
.dls dd{padding-left: 10px;}
.dls ._addr input[type="text"],
.dls ._name input[type="text"],
.dls ._mail input[type="text"]{width:98%;}
.yykBtns{padding: 0 ;width: 100%;margin: 0;}
}
/************
yeyak pop view
***************/
.ykViewHd{padding-bottom: 20px;border-bottom: 2px solid #000;line-height: 1.2;position: relative;padding-right: 230px;}
.ykViewHd h3{font-size: 32px;font-weight: 600;letter-spacing: -1px;padding-bottom: 15px;}
.ykViewHd p{font-size: 18px;font-weight: 300;padding-bottom: 15px;}
.ykViewHd .ykViewBtn {position: absolute;top: 0;right: 0;}

.ykViewInfo {margin-bottom: 50px;display: flex;flex-wrap: wrap}
.ykViewInfo dl{display: flex;padding: 18px 0 ;line-height: 1.4;font-size: 18px;flex:0 0 50%;border-bottom: 1px solid #e0e0e0;}
.ykViewInfo dl dt{font-weight: 600;flex:0 0 100px;padding-left: 5px;}
.ykViewInfo dl dd{flex:0 0 calc(100% - 90px);font-weight: 300;}

.ykViewCon{padding-bottom: 40px;border-bottom: 1px solid #000;margin-bottom: 40px;min-height: 100px;}
.ykViewBtn {text-align: center;}
.ykViewBtn a{display: inline-block;line-height: 40px;font-size: 16px;padding: 0 30px;background-color: #f1f1f1;border-radius:2.5em;font-weight: 600;}
.ykViewBtn a.key{color: #fff;background-color: #d42a4a;}
.ykViewBtn a em.x{font-style: normal;display: inline-block;vertical-align: middle;font-size: 18px;top: -1px;position: relative;margin-right: 3px;opacity: .8;}
.ykViewBtn a em.x::after{content:" \2715";}

.yykPop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.85);z-index:9999;overflow:hidden;display: none;}
#detail_view .yykPop{display: block;}
.yykPop .modalWrap{position: fixed; top: 50%; left: 50%;transform:translate(-50%,-50%);width: 95%;max-width: 1244px;max-height:95%;overflow: auto;}
.modalWrap::-webkit-scrollbar {  width: 1px;}
.modalWrap::-webkit-scrollbar-track {  background: #fff; }
.modalWrap::-webkit-scrollbar-thumb {  background: #111;   border-radius:0;}

.yykPop .modalWrap .modalTit{overflow:hidden; margin-bottom: 10px;}
.yykPop .modalWrap .modalTit h4{font-size: 22px; font-weight: 600; color: #000; float:left; width: calc(100% - 40px); line-height: 40px; letter-spacing: -.5px;}
.yykPop .modalWrap .modalCont{position: relative;background-color: #fff;border-radius:24px ;padding: 70px;;margin: 0 auto ;box-sizing: border-box;}
.yykPop .modalWrap a.modalX{ font-size: 0;right:0;position:absolute;top:-60px;right: 0;}
.yykPop .modalWrap a.modalX::after{content:" \2715";display:block;color:#fff;font-size:30px;line-height:60px;height:60px;width:60px;text-align: center;}

@media screen and (max-width:1024px) {
.ykViewHd{padding-bottom: 15px;}
.ykViewHd h3{font-size: 25px;}
.ykViewHd p{font-size: 16px;padding-bottom: 10px;}
.ykViewInfo {margin-bottom: 30px;}
.ykViewInfo dl{padding: 10px 0 ;line-height: 1.3;font-size: 16px;}
.ykViewInfo dl dt{flex:0 0 65px;}
.ykViewInfo dl dd{flex:0 0 calc(100% - 70px);}
.ykViewCon{margin-bottom: 20px;}
.yykPop .modalWrap .modalCont{padding: 40px;}
}
@media screen and (max-width:680px) {
.ykViewHd{padding-right: 0;}
.ykViewHd .ykViewBtn{position: static;text-align: right;}
.ykViewInfo{display: block;padding: 10px 0;border-bottom: 1px solid #666;}
.ykViewInfo dl{border-bottom: none;padding: 5px 0 ;}
.yykPop .modalWrap .modalCont{padding: 25px;}
}
@media screen and (max-width:450px) {
.yykPop .modalWrap{top: 0;left: 0;transform:translate(0,0);width: 100%;max-height: 100%;height: 100%;}
.yykPop .modalWrap .modalCont{border-radius:0}
.ykViewHd h3{font-size: 22px;}
}
/************
yeyak form view
***************/
._form:not(.yykWrp) h3{max-width: 680px;text-align: center;font-weight: 300;margin-left: auto;margin-right: auto;}
._form:not(.yykWrp) .dls{max-width: 680px;margin: 0 auto 30px;}
@media screen and (max-width:600px) {
._form:not(.yykWrp) h3{padding-bottom: 25px;}
._form:not(.yykWrp) .rbx h3{font-size: 17px;}
}
/************
privacyWrap
*************/
.privacyWrap{width: 100%;margin-bottom: 50px;}
.privacyWrap .st{font-weight: 600;font-size: 1.688em;border-bottom: 2px solid #000;padding-bottom: 20px;margin-bottom: 15px;}
.check_g{border-top: 1px solid #999;;padding-top: 20px;text-align: center;font-size: 1.1em;}
.check_g input{vertical-align: middle;top: -2px;}
.privacyWrap .privacyText{height: 250px;overflow-y: auto;padding: 0 25px;margin-bottom: 15px;line-height: 1.4;font-weight: 300;letter-spacing: -0.5px;word-break: keep-all;}
.privacyWrap .privacyText::-webkit-scrollbar{width: 6px;}
.privacyWrap .privacyText::-webkit-scrollbar-thumb {background-color: #ccc;}
.privacyWrap .privacyText::-webkit-scrollbar-track {background-color:#f5f5f5;}
.privacyWrap pre{/* font-family: 'Noto Sans KR',sans-serif; */white-space: pre-line;font-size: 17px;}
.privacyWrap pre strong{font-size: 20px;}
.privacyWrap pre b{font-size: 18px;}
@media screen  and (max-width:1024px) {
.privacyWrap pre{font-size: 16px;}
}
@media screen  and (max-width:600px) {
.privacyWrap {margin: 35px 0;}
.privacyWrap h3.st{font-size: 20px;padding-bottom: 15px;}
.privacyWrap .privacyText{height: 154px;line-height: 1.4;padding: 0 20px 0 0;}
}
/***************
예약안내
***************/
.entLst {border-top: 1px solid #e5e5e5;padding-bottom: 35px;margin: 30px auto;}
.entLst > div{display: flex;border-bottom: 1px solid #e5e5e5;padding: 37px 0 ;}
.entLst > div h4{flex:0 0 20%;font-size: 30px;font-weight: bold;padding-top: 5px;}
.entOrder,.entOrder li,
ul.dot,ul.dot li,ul.dot ul{margin: 0;padding: 0;list-style-type: none;}
ul.dot li{padding-left: 12px;position: relative;margin-bottom: 5px;line-height: 1.4;font-size: 21px;}
ul.dot li::before{display: block;content: '';position: absolute;top: 10px;left: 0;background-color: #389f31;width: 7px;height: 8px;border-radius:0 5px 0 5px}
.entLst li strong{color: #198911}
.entOrder{display: flex;gap:.5%;justify-content: space-between;width: 100%;box-sizing: border-box;counter-reset: stepNumber;}
.entOrder li{background-color: #f5f5f7;border-radius:20px;flex:0 0 19.5%;margin-bottom: 20px;padding: 40px 0 35px;box-sizing: border-box;font-size: 21px;text-align: center;font-weight: 600;letter-spacing: -1px;counter-increment: stepNumber;position: relative;border: 1px solid #389f31;}
.entOrder li::before{ content: counter(stepNumber, decimal);display: block;width: 34px;height: 34px;border-radius:50%;color: #fff;background-color: #389f31;text-align: center;line-height: 34px;position: absolute;top: -17px;left: 50%;margin-left: -17px;font-size: 18px;font-weight: bold;}

@media screen and (max-width:850px) {
.entLst{margin-top: 0;padding-bottom: 0;}
.entLst > div{display: block;padding: 25px 0 ;}
.entLst > div h4{margin-bottom: 15px;padding-top: 0;}
.entOrder{margin-top: 40px;}
.entOrder li{font-size: 19px;}
}
@media screen and (max-width:680px) {
.entOrder li{padding: 30px 0 20px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.entOrder li span{display: block;}

}
@media screen and (max-width:600px) {
.entLst > div h4{font-size: 24px;}
ul.dot li{font-size: 18px}
ul.dot li::before{top: 7px;}

}
@media screen and (max-width:500px) {
.entOrder{display: block}
.entOrder li{margin-bottom: 30px;border-radius:2.5em ;}
.entOrder li span{display: none;}
ul.dot li .mbrk{display: block;}
}
/*****************
참여자정보
***************/

._form .likeTbLst select{height: 34px !important;padding: 2px 10px ;border: 1px solid #ccc;font-size: 17px;font-weight: 400;width: calc(100% - 20px);appearance:auto !important;background: #FFF;box-sizing: border-box;}

.likeTbLst{border-top: 2px solid #000;}
.likeTbLst ul,.likeTbLst li{list-style-type: none;margin: 0;padding: 0;}
.likeTbLst ul{padding: 10px 0 ;overflow: hidden;border-bottom: 1px solid #d0d0d0;margin-bottom: 10px;}
.likeTbLst li {float: left;box-sizing: border-box;}
.likeTbLst li p{font-size: 0;box-sizing: border-box;}
.likeTbLst li p label{display: inline-block;text-align: center;font: 400px;font-size: 16px;vertical-align: middle;line-height: 34px;}
.likeTbLst li p input{text-align: center;width: 100%;}
.likeTbLst li.cel1 {width: 27.5%;}
.likeTbLst li.cel2{width: 17%;}
.likeTbLst li.cel3 {width: 30%;}
.likeTbLst li.cel4 {width: 25%;}
.likeTbLst li.cel1 label{width: 135px;}
.likeTbLst li.cel1 input{width: calc(100% - 135px);}
.likeTbLst li.cel2 label{width: 93px;}
.likeTbLst li.cel2 input{width: calc(100% - 93px);}
.likeTbLst li.cel3 label{width: 92px;}
.likeTbLst li.cel3 select{width: calc(100% - 92px);}
.likeTbLst li.cel4 label{width: 70px;}
.likeTbLst li.cel4 input{width: calc(100% - 70px);}

@media screen and (max-width:1200px) {
.likeTbLst li p label{font-size: 15px;box-sizing: border-box;}
._form .likeTbLst li p input,
._form .likeTbLst li p select{padding: 0;font-size: 16px;box-sizing: border-box;}
.likeTbLst li.cel2{width: 20%;}
.likeTbLst li.cel3 {width: 32%;}
.likeTbLst li.cel4 {width: 20%;}
.likeTbLst li.cel1 label{width: 115px;}
.likeTbLst li.cel1 input{width: calc(100% - 115px);}
.likeTbLst li.cel2 label{width: 83px;}
.likeTbLst li.cel2 input{width: calc(100% - 83px);}
.likeTbLst li.cel3 label{width: 82px;}
.likeTbLst li.cel3 select{width: calc(100% - 82px);}
.likeTbLst li.cel4 label{width: 60px;}
.likeTbLst li.cel4 input{width: calc(100% - 60px);}

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

.likeTbLst {padding-top: 7px;}
.likeTbLst ul{border-bottom:dashed #999 1px;padding-top: 0;}
.likeTbLst li{padding: 3px 0 ;}
.likeTbLst li.cel1,
.likeTbLst li.cel2,
.likeTbLst li.cel3,
.likeTbLst li.cel4 {width: auto;float: none;}
.likeTbLst li p label{width: 110px !important;}
.likeTbLst li input,
.likeTbLst li select {width: calc(100% - 115px)  !important;}
}