@charset "utf-8";


/************************************************************************
* COMMON *
************************************************************************/
.container{width:100%;position:relative;overflow:hidden;}
.contents{position:relative;}
.contents.sub{padding-top:20px;padding-bottom:200px;}
.contents.sub .detail{padding-top:100px;}
.contents.sub .detail.pt0{padding-top:0 !important;}

.contentsBg{background:#f3f3f3;}

@media screen and (max-width:1280px) {
.contents.sub{padding-top:10px;padding-bottom:180px;}
.contents.sub .detail{padding-top:90px;}
}
@media screen and (max-width:960px) {
.contents.sub{padding-top:0;padding-bottom:150px;}
.contents.sub .detail{padding-top:80px;}
}
@media screen and (max-width:767px) {
.contents.sub{padding-bottom:120px;}
.contents.sub .detail{padding-top:70px;}
}
@media screen and (max-width:640px) {
.contents.sub{padding-bottom:90px;}
.contents.sub .detail{padding-top:60px;}
}
@media screen and (max-width:560px) {
.contents.sub{padding-bottom:60px;}
.contents.sub .detail{padding-top:40px;}
}






/************************************************************************
* SUB_CONTENTS *
************************************************************************/

/********************************* 전주영화종합촬영소 *********************************/
/******* 소개 *******/
.grBox .imgBox{width:32%;}
.grBox .txtBox{width:68%;padding-left:max(10%, 100px);}

@media screen and (max-width:1100px) {
.grBox .txtBox br.hide{display:none;}
}
@media screen and (max-width:960px) {
.grBox .txtBox{padding-left:max(8%, 80px);}
}
@media screen and (max-width:860px) {
.grBox .txtBox{padding-left:max(6%, 60px);}
}
@media screen and (max-width:767px) {
.grBox .txtBox{padding-left:max(4%, 40px);}
}
@media screen and (max-width:640px) {
.grBox{justify-content:flex-end;}
.grBox .imgBox{width:50%;margin-top:-20px;margin-left:50%;}
.grBox .txtBox{width:100%;padding-left:0;order:-1;}
}





.vsBox>div{width:calc(100%/3 - 30px);position:relative;}
.vsBox .txtBox{width:100%;padding:50px;aspect-ratio:5 / 4;border-radius:40px;box-shadow:2px 2px 20px rgba(0,0,0,0.1);}
.vsBox .txtBox .tit{margin-bottom:25px;padding-bottom:25px;border-bottom:solid 1px rgba(0,0,0,0.1);}
.vsBox figure{width:50%;max-width:200px;margin:0 auto;margin-top:-80px;aspect-ratio:5 / 5;border-radius:50%;box-shadow:2px 2px 20px rgba(0,0,0,0.1);}
.vsBox figure img{width:100%;display:block;}

@media screen and (max-width:1500px) {
.vsBox>div{width:calc(100%/3 - 20px);}
.vsBox .txtBox{padding:40px;border-radius:30px;}
.vsBox .txtBox .tit{margin-bottom:20px;padding-bottom:20px;}
}
@media screen and (max-width:1280px) {
.vsBox>div{width:calc(100%/3 - 10px);}
.vsBox .txtBox{padding:30px;aspect-ratio:5 / 3.5;border-radius:20px;}
.vsBox .txtBox .tit{margin-bottom:15px;padding-bottom:15px;}
.vsBox figure{margin-top:-60px;}
}
@media screen and (max-width:1180px) {
.vsBox .txtBox{aspect-ratio:5 / 4;border-radius:10px;}
.vsBox figure{margin-top:-30px;}
}
@media screen and (max-width:960px) {
.vsBox>div{width:100%;margin-bottom:30px;display:flex;align-items:center;}
.vsBox .txtBox{width:calc(80% + 20px);aspect-ratio:auto;}
.vsBox figure{width:20%;margin-top:0;margin-left:-20px;}
.vsBox>div:nth-child(2) figure{order:-1;margin-left:0;margin-right:-20px;}
}
@media screen and (max-width:640px) {
.vsBox>div{margin-bottom:20px;}
.vsBox .txtBox{width:calc(70% + 20px);aspect-ratio:auto;padding:20px;padding-right:35px;}
.vsBox>div:nth-child(2) .txtBox{padding-right:20px;padding-left:35px;}
.vsBox figure{width:30%;}
}





.ciWrap{width:85%;margin:0 auto;}
.ciWrap .ciBox{width:100%;padding:80px 0;background:url(/sub1/img/c1i3_bg.png) repeat 0 0;background-size:cover;}
.ciWrap .ciBox img{width:60%;max-width:640px;margin:0 auto;display:block;}
.ciWrap .cicBox{background:#fceadc;padding:50px;border-radius:30px;}
.ciWrap .cicBox *{text-align:center;color:#6a6a6a;}
.ciWrap .colorBox{padding:50px;border-radius:30px;border:solid 1px #ccc;}
.ciWrap .colorBox .tit{padding:20px 30px;border-radius:20px;background:#ed6708;color:#fff;}
.ciWrap .colorBox dl{display:flex;flex-wrap:wrap;}
.ciWrap .colorBox dl *{font-size:22px;line-height:160%;}
.ciWrap .colorBox dt{width:250px;padding-left:50px;font-weight:300;}
.ciWrap .colorBox dd{width:calc(100% - 250px);font-weight:100;}

@media screen and (max-width:1500px) {
.ciWrap{width:100%;}
.ciWrap .colorBox dl *{font-size:20px;}
.ciWrap .colorBox dt{width:200px;padding-left:30px;}
.ciWrap .colorBox dd{width:calc(100% - 200px);}
}
@media screen and (max-width:1280px) {
.ciWrap .cicBox{padding:40px;border-radius:20px;}
.ciWrap .colorBox{padding:40px;border-radius:20px;}
.ciWrap .colorBox .tit{padding:15px 25px;border-radius:10px;}
.ciWrap .colorBox dl *{font-size:19px;}
.ciWrap .colorBox dt{width:180px;padding-left:20px;}
.ciWrap .colorBox dd{width:calc(100% - 180px);}
}
@media screen and (max-width:1100px) {
.ciWrap .ciBox{padding:60px 0;}
.ciWrap .colorBox dl *{font-size:18px;}
.ciWrap .colorBox dt{width:150px;padding-left:10px;}
.ciWrap .colorBox dd{width:calc(100% - 150px);}
}
@media screen and (max-width:960px) {
.ciWrap .cicBox{padding:30px;border-radius:10px;}
.ciWrap .colorBox{padding:30px;border-radius:10px;}
.ciWrap .colorBox .tit{padding:10px 20px;border-radius:5px;}
.ciWrap .colorBox dl *{font-size:17px;}
.ciWrap .colorBox dt{width:130px;}
.ciWrap .colorBox dd{width:calc(100% - 130px);}
}
@media screen and (max-width:767px) {
.ciWrap .colorBox{padding:20px;}
.ciWrap .colorBox dl *{font-size:16px;}
.ciWrap .colorBox dt{width:110px;}
.ciWrap .colorBox dd{width:calc(100% - 110px);}
}
@media screen and (max-width:640px) {
.ciWrap .ciBox{padding:40px 0;}
.ciWrap .cicBox{padding:20px;}
.ciWrap .colorBox{padding:10px;}
.ciWrap .colorBox dl *{font-size:15px;}
.ciWrap .colorBox dt{width:100px;}
.ciWrap .colorBox dd{width:calc(100% - 100px);}
}
@media screen and (max-width:560px) {
.ciWrap .ciBox img{width:70%;}
.ciWrap .colorBox dl *{font-size:14px;}
.ciWrap .colorBox dt{width:90px;}
.ciWrap .colorBox dd{width:calc(100% - 90px);}
}
@media screen and (max-width:460px) {
.ciWrap .ciBox img{width:80%;}
}




.sp1btWrap a{width:250px;margin:0 5px;font-weight:900;}
.sp1btWrap a:hover{padding-left:50px;padding-right:50px;}
.sp1btWrap a font{font-weight:normal;}
.sp1btWrap a svg{width:1.1em;height:1.1em;display:inline-block;vertical-align:middle;color:#333;}
.sp1btWrap a:hover svg{color:#fff;}
.sp1btWrap a.bline:hover svg{color:#333;}

@media screen and (max-width:1100px){
.sp1btWrap a{width:230px;}
.sp1btWrap a:hover{padding-left:28px;padding-right:28px;}
}
@media screen and (max-width:960px){
.sp1btWrap a{width:210px;}
.sp1btWrap a:hover{padding-left:26px;padding-right:26px;}
}
@media screen and (max-width:767px) {
.sp1btWrap a{width:180px;}
.sp1btWrap a{margin:0 3px;}
}
@media screen and (max-width:640px){
.sp1btWrap a:hover{padding-left:25px;padding-right:25px;}
}
@media screen and (max-width:420px){
.sp1btWrap a{width:100%;margin:3px 0;}
.sp1btWrap a:hover{padding-left:22px;padding-right:22px;}
}




.banner_list{position:relative;display:flex !important;align-items:center;}
.banner_list .slick-list{width:calc(100% - 136px);}

.banner_list>li{float:left;overflow:hidden;list-style:none;}
.banner_list li a{width:95%;height:142px;margin:0 auto;padding:10px;background:#fff;border:solid 1px #ddd;border-radius:10px;display:flex;justify-content:center;align-items:center;}
.banner_list li img{width:100%;display:block;}

.banner_list .slick-arrow{width:58px;height:58px;border-radius:50%;background:#fff;border:solid 1px #ddd;font-size:0;cursor:pointer;transition:all 0.2s ease;}
.banner_list .slick-arrow:after{width:10px;height:10px;border:solid #555;position:absolute;top:calc(50% - 5px);display:block;content:"";transform:rotate(45deg);}

.banner_list .slick-arrow.slick-next{left:auto;right:0;margin-left:10px;}
.banner_list .slick-arrow.slick-prev{left:0;margin-right:10px;}
.banner_list .slick-arrow.slick-next:after{border-width:2px 2px 0 0;right:25px;}
.banner_list .slick-arrow.slick-prev:after{border-width:0 0 2px 2px;left:25px;}

.banner_list .slick-arrow:hover{transition:all 0.2s ease;}
.banner_list .slick-dots{display:none;}

@media screen and (max-width:1280px){
.banner_list .slick-list{width:calc(100% - 124px);}
.banner_list li a{height:120px;padding:5px;border-radius:5px;}

.banner_list .slick-arrow{width:52px;height:52px;}
.banner_list .slick-arrow:after{width:6px;height:6px;top:calc(50% - 3px);}

.banner_list .slick-arrow.slick-next:after{right:21px;}
.banner_list .slick-arrow.slick-prev:after{left:21px;}
}
@media screen and (max-width:767px){
.banner_list .slick-list{width:calc(100% - 112px);}
.banner_list li a{height:100px;}

.banner_list .slick-arrow{width:46px;height:46px;}

.banner_list .slick-arrow.slick-next:after{right:19px;}
.banner_list .slick-arrow.slick-prev:after{left:19px;}
}
@media screen and (max-width:560px){
.banner_list .slick-list{width:calc(100% - 100px);}
.banner_list li a{height:80px;}

.banner_list .slick-arrow{width:40px;height:40px;}

.banner_list .slick-arrow.slick-next:after{right:17px;}
.banner_list .slick-arrow.slick-prev:after{left:17px;}
}
@media screen and (max-width:420px){
.banner_list li a{height:70px;}
.banner_list li img{width:auto;height:90%;}
}





/*********** 연혁 ***********/
.his{position:relative;}
.his:before,
.his:after{display:none;}/*
.his:before{width:2px;background:rgba(0,0,0,0.15);position:absolute;top:0;bottom:0;left:calc(50% - 1px);display:block;content:"";z-index:1;}
.his:after{width:6px;height:200px;background:#ed6708;position:absolute;top:0;left:calc(50% - 3px);display:block;content:"";z-index:1;}*/

.his>div{margin-bottom:30px;}
.his>div:last-child{margin-bottom:0 !important;}

.his>div .imgBox{width:50%;padding-right:50px;opacity:0;}
.his>div .imgBox img{width:100%;}
.his>div .txtBox{width:50%;opacity:0;}
.his>div .txtBox .item{width:100%;padding-left:50px;margin-bottom:70px;}
.his>div .txtBox .item .year{width:100%;}
.his>div .txtBox .item ul{width:100%;float:left;}
.his>div .txtBox .item ul li{padding-bottom:5px;font-size:22px;line-height:130%;color:#848383;font-weight:500;word-wrap:break-word;display:block;word-break:keep-all;}

.his>div:nth-child(even) .imgBox{padding-right:0;padding-left:50px;}
.his>div:nth-child(even) .txtBox{order:-1;}
.his>div:nth-child(even) .txtBox .item{padding-left:0;padding-right:50px;}
.his>div:nth-child(even) .txtBox .item .year{text-align:right;}
.his>div:nth-child(even) .txtBox .item ul li{text-align:right;}

.his>div.in-view .imgBox{animation-name:moveLeft;animation-duration:1s;animation-fill-mode:forwards;}
.his>div.in-view .txtBox{animation-name:moveRight;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.3s;}
.his>div.in-view:nth-child(even) .imgBox{animation-name:moveRight;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.3s;}
.his>div.in-view:nth-child(even) .txtBox{animation-name:moveLeft;animation-duration:1s;animation-fill-mode:forwards;}

@media all and (max-width:1500px){
.his>div .imgBox{padding-right:40px;}
.his>div .txtBox .item{padding-left:40px;margin-bottom:60px;}
.his>div .txtBox .item ul li{font-size:20px;}

.his>div:nth-child(even) .imgBox{padding-left:40px;}
.his>div:nth-child(even) .txtBox .item{padding-right:40px;}
}
@media all and (max-width:1280px){
.his>div{margin-bottom:20px;}

.his>div .txtBox .item ul li{font-size:19px;}
}
@media all and (max-width:1100px){
.his>div .txtBox .item ul li{font-size:18px;}
}
@media all and (max-width:960px){
.his>div{padding-left:40px;}
.his>div .imgBox{width:100%;padding-right:0;}
.his>div .txtBox{width:100%;}
.his>div .txtBox .item{padding-left:0;margin-bottom:40px;}
.his>div .txtBox .item ul li{font-size:17px;}

.his>div:nth-child(even) .imgBox{padding-left:0;}
.his>div:nth-child(even) .txtBox{order:0;}
.his>div:nth-child(even) .txtBox .item{padding-right:0;}
.his>div:nth-child(even) .txtBox .item .year{text-align:left;}
.his>div:nth-child(even) .txtBox .item ul li{text-align:left;}

.his>div.in-view:nth-child(even) .imgBox{animation-name:moveLeft;animation-duration:1s;animation-fill-mode:forwards;}
.his>div.in-view:nth-child(even) .txtBox{animation-name:moveRight;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.3s;}
}
@media all and (max-width:640px){
.his>div{padding-left:30px;}

.his>div .txtBox .item{margin-bottom:30px;}
.his>div .txtBox .item ul li{font-size:16px;}
}
@media all and (max-width:560px){
.his>div .txtBox .item{margin-bottom:20px;}
}



.history-con-wrap{position:relative;}
.history-percent-bar{width:2px;height:100%;position:absolute;top:0;left:calc(50% - 1px);background:rgba(0,0,0,0.15);}
.history-percent-bar .percent-bar-child{width:100%;height:0;position:absolute;content:"";background-color:#ed6708;z-index:1;}
.percent-bar-child .point{width:16px;height:16px;border-radius:50%;display:block;background-color:#ed6708;position:absolute;bottom:-16px;left:calc(50% - 8px);content:"";z-index:5;}

@media all and (max-width:1280px){
.percent-bar-child .point{width:14px;height:14px;bottom:-14px;left:calc(50% - 7px);}
}
@media all and (max-width:1100px){
.percent-bar-child .point{width:12px;height:12px;bottom:-12px;left:calc(50% - 6px);}
}
@media all and (max-width:960px){
.history-percent-bar{width:1px;left:5px;}
.percent-bar-child .point{width:10px;height:10px;bottom:-10px;left:calc(50% - 5px);}
}







/*********** 조직도 ***********/
.org{width:100%;position:relative;}

.org .fstBox{width:360px;margin:0 auto 40px auto;padding:30px 0;text-align:center;background:#333;position:relative;}
.org .fstBox:after{width:1px;height:40px;background:#d9d9d9;position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);display:block;content:"";z-index:-1;}
.org .fstBox:before{width:14px;height:14px;border:solid 4px #fff;background:#ed6708;border-radius:50%;position:absolute;top:-10px;left:50%;transform:translateX(-50%);display:block;content:"";}
.org .fstBox .tit{color:#fff;}

.org .fourth{width:70%;margin:0 auto;position:relative;}
.org .fourth:after{width:calc(100% - ((100%/2) - 1px));height:1px;background:#d9d9d9;position:absolute;top:0;left:50%;transform:translateX(-50%);display:block;content:"";z-index:-1;}
.org .fourth div{width:calc(100%/2 - 80px);margin:40px auto;margin-top:45px;position:relative;}
.org .fourth div:after{width:1px;height:45px;background:#d9d9d9;position:absolute;top:-45px;left:calc(50% + 1px);transform:translateX(-50%);display:block;content:"";z-index:-1;}
.org .fourth .titBox{width:100%;padding:30px 0;margin-bottom:25px;text-align:center;background:#ed6708;position:relative;}
.org .fourth .titBox:before{width:14px;height:14px;border:solid 4px #fff;background:#000;border-radius:50%;position:absolute;top:-10px;left:50%;transform:translateX(-50%);display:block;content:"";}/*
.org .fourth .titBox:after{width:1px;height:25px;background:#d9d9d9;position:absolute;bottom:-25px;left:calc(50% + 1px);transform:translateX(-50%);display:block;content:"";}*/
.org .fourth .titBox .tit{color:#fff;}

.org .fourth .conBox{width:100%;display:flex;justify-content:space-between;position:relative;}
.org .fourth .conBox:after{width:calc(100% - ((100%/2) - 5px));height:1px;background:#d9d9d9;position:absolute;top:0;left:calc(50% + 2px);transform:translateX(-50%);display:block;content:"";}
.org .fourth .conBox font{width:calc(100%/2 - 5px);margin-top:25px;padding:20px 0;background:#fff;text-align:center;border:solid 1px #d9d9d9;position:relative;}
.org .fourth .conBox font:after{width:1px;height:25px;background:#d9d9d9;position:absolute;top:-25px;left:calc(50% + 1px);transform:translateX(-50%);display:block;content:"";}

@media screen and (max-width:1280px) {
.org .fstBox{width:320px;padding:25px 0;}
.org .fstBox:before{width:10px;height:10px;border-width:2px;top:-6px;}

.org .fourth{width:80%;}
.org .fourth div{width:calc(100%/2 - 60px);}
.org .fourth .titBox{padding:25px 0;}
.org .fourth .titBox:before{width:10px;height:10px;border-width:2px;top:-6px;}
}
@media screen and (max-width:1100px) {
.org .fstBox{width:300px;padding:20px 0;}

.org .fourth{width:90%;}
.org .fourth div{width:calc(100%/2 - 40px);}
.org .fourth .titBox{padding:20px 0;}
}
@media screen and (max-width:960px) {
.org .fstBox{width:280px;margin-bottom:30px;}
.org .fstBox:after{height:30px;bottom:-30px;}

.org .fourth{width:100%;}
.org .fourth div{width:calc(100%/2 - 30px);margin:30px auto;margin-top:35px;}
.org .fourth div:after{height:35px;top:-35px;}
.org .fourth .titBox{margin-bottom:20px;}
.org .fourth .titBox:after{height:20px;bottom:-20px;}

.org .fourth .conBox font{margin-top:20px;}
.org .fourth .conBox font:after{height:20px;top:-20px;}
}
@media screen and (max-width:767px) {
.org .fstBox{width:260px;padding:15px 0;}

.org .fourth div{width:calc(100%/2 - 20px);}
.org .fourth .titBox{padding:15px 0;}
.org .fourth .conBox font{padding:15px 0;}
}
@media screen and (max-width:640px) {
.org .fstBox{width:240px;}
}
@media screen and (max-width:560px) {
.org .fstBox{width:220px;}
}





/*********** 홍보동영상 ***********/
.videoBox iframe{width:80%;margin:0 auto;aspect-ratio:16 / 9;border-radius:30px;}

@media screen and (max-width:1500px) {
.videoBox iframe{border-radius:20px;}
}
@media screen and (max-width:1280px) {
.videoBox iframe{border-radius:10px;}
}
@media screen and (max-width:1100px) {
.videoBox iframe{width:90%;}
}
@media screen and (max-width:767px) {
.videoBox iframe{width:100%;}
}





/********************************* 촬영대여시설 *********************************/
.sp2ve .imgBox{width:53%;background:#000;border-radius:50px;overflow:hidden;position:relative;}
.sp2ve .imgBox img{width:100%;display:block;opacity:0.8;}
.sp2ve .imgBox .imtit{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;z-index:9;}
.sp2ve .imgBox .imtit .titst{color:#fff;text-align:center;}
.sp2ve .txtBox{width:47%;padding-left:max(50px, 5%);}
.sp2ve .txtBox table{width:100%;border-top:solid 2px #000;border-collapse:collapse;border-spacing:0;empty-cells:show;word-wrap:break-word;}
.sp2ve .txtBox table tr{border-bottom:solid 1px #eee;}
.sp2ve .txtBox table tr *{padding:16px 5px;font-size:22px;line-height:140%;text-align:left;}
.sp2ve .txtBox table th{font-weight:700;color:#000;}
.sp2ve .txtBox table td{font-weight:600;color:#8a8a8a;}

@media screen and (max-width:1500px) {
.sp2ve .imgBox{width:50%;border-radius:40px;}
.sp2ve .txtBox{width:50%;}
.sp2ve .txtBox table tr *{padding:15px 5px;font-size:20px;}
}
@media screen and (max-width:1280px) {
.sp2ve .imgBox{border-radius:30px;}
.sp2ve .txtBox table tr *{padding:14px 5px;font-size:18px;}
}
@media screen and (max-width:1024px) {
.sp2ve .imgBox{width:100%;border-radius:20px;}
.sp2ve .txtBox{width:100%;margin-top:30px;padding-left:0;}
.sp2ve .txtBox table tr *{padding:13px 5px;}
}
@media screen and (max-width:767px) {
.sp2ve .imgBox{border-radius:10px;}
.sp2ve .txtBox table tr *{padding:12px 5px;font-size:16px;}
}
@media screen and (max-width:640px) {
.sp2ve .txtBox table tr{display:flex;flex-wrap:wrap;}
.sp2ve .txtBox table tr *{width:100%;padding:10px 5px;font-size:14px;}
.sp2ve .txtBox table th{padding-bottom:5px;}
.sp2ve .txtBox table td{padding-top:0;}
}



/* 도면 */
.fplan .fpimgBox{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
.fplan .fpimgBox figure{padding:20px;}
.fplan .fpimgBox figure img{width:100%;display:block;border-radius:50px;border:solid 1px #e5e5e5;overflow:hidden;box-shadow:2px 10px 15px rgba(0,0,0,0.05);}

@media screen and (max-width:1500px) {
.fplan .fpimgBox figure img{border-radius:40px;}
}
@media screen and (max-width:1280px) {
.fplan .fpimgBox figure{padding:10px;}
.fplan .fpimgBox figure img{border-radius:30px;}
}
@media screen and (max-width:960px) {
.fplan .fpimgBox figure img{border-radius:20px;}
}
@media screen and (max-width:767px) {
.fplan .fpimgBox{grid-template-columns:repeat(1,minmax(0,1fr));}
.fplan .fpimgBox figure{padding:10px 0;}
.fplan .fpimgBox figure img{border-radius:10px;}
}




/* 주요시설 및 부대시설 */
.sub_complex{position:relative;overflow:hidden;}
.sub_complex .slider_wrap{margin:0 auto;overflow:visible;}

.sub_complex .slider_wrap .swiper-slide{padding:0 max(8px, 0.833vw);width:max(272px, 28.333vw);height:max(320px, 33.333vw);position:relative;cursor:pointer;}
.sub_complex .slider_wrap .swiper-slide .imgBox{width:100%;height:100%;position:relative;padding:max(65px, 6.771vw) 0;z-index:1;transition:.4s;}
.sub_complex .slider_wrap .swiper-slide .imgBox .img{width:100%;height:100%;position:relative;overflow:hidden;border-radius:50px;transition:.4s;background:#000;}
.sub_complex .slider_wrap .swiper-slide .imgBox .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;left:0;top:0;z-index:1;opacity:0.8;}

.sub_complex .slider_wrap .swiper-slide .txtBox{width:100%;position:absolute;left:0;top:max(60px, 10vw);padding:0 max(22px, 2.292vw);text-align:center;z-index:2;}
.sub_complex .slider_wrap .swiper-slide .txtBox *{color:#fff;}

.sub_complex .slider_wrap .swiper-slide-active .imgBox{padding:0;}
.sub_complex .slider_wrap .swiper-slide-active .imgBox .img{box-shadow:2px 10px 20px rgba(0,0,0,0.05);}
.sub_complex .slider_wrap .swiper-slide-active .imgBox .img img{opacity:0.9;}
.sub_complex .slider_wrap .swiper-slide-active .txtBox{top:auto !important;bottom:max(50px, 4.25vw) !important;}


.sub_complex .bot{width:max(256px, 26.667vw);margin:max(20px, 2.083vw) auto 0;}

.sub_complex .bot .controller{display:flex;justify-content:space-between;gap:max(30px, 3.125vw);}
.sub_complex .bot .controller .prev_btn{width:max(30px, 3vw);height:max(30px, 3vw);font-size:25px;border-radius:50%;border:2px solid #000;background:#fff;color:#000;}
.sub_complex .bot .controller .next_btn{width:max(30px, 3vw);height:max(30px, 3vw);font-size:25px;border-radius:50%;border:2px solid #000;background:#fff;color:#000;}

.sub_complex .bot .controller .pagination{width:calc(100% - max(120px, 12.5vw));display:flex;justify-content:space-between;align-items:center;gap:max(5px, 0.521vw);}
.sub_complex .bot .controller .pagination .number{font-size:max(9px, 0.938vw);line-height:1;letter-spacing:-0.02em;font-weight:500;line-height:1.3;color:#161d27;width:max(12.5px, 1.302vw);text-align:center;}
.sub_complex .bot .controller .pagination .progress{width:calc(100% - max(35px, 3.646vw));height:3px;background:#e5e5e5;position:relative;overflow:hidden;}
.sub_complex .bot .controller .pagination .progress .swiper-pagination-progressbar-fill{height:100%;background:#ed6708;}
.sub_complex .bot .btn_wrap{display:flex;gap:max(4px, 0.417vw);}
.sub_complex .bot .btn_wrap .btn{flex:1;}

@media screen and (max-width:1500px) {
.sub_complex .slider_wrap .swiper-slide .imgBox .img{border-radius:40px;}
}
@media screen and (max-width:1280px) {
.sub_complex .slider_wrap .swiper-slide .imgBox .img{border-radius:30px;}
}
@media screen and (max-width:1024px) {
.sub_complex .slider_wrap{left:50%;transform:translateX(-50%);}
.sub_complex .slider_wrap .swiper-slide{padding:0 10px;width:340px;height:400px;}
.sub_complex .slider_wrap .swiper-slide .imgBox{padding:85px 0;}
.sub_complex .slider_wrap .swiper-slide .imgBox .img{border-radius:20px;}
.sub_complex .slider_wrap .swiper-slide .txtBox{padding:0 26px;top:max(100px, 14vw);}

.sub_complex .slider_wrap .swiper-slide-active .imgBox{padding:0;}

.sub_complex .bot{width:320px;margin:38px auto 0;}
.sub_complex .bot .controller{gap:32px;}
.sub_complex .bot .controller .prev_btn{width:52px;height:52px;font-size:22px;}
.sub_complex .bot .controller .next_btn{width:52px;height:52px;font-size:22px;}
.sub_complex .bot .controller .pagination{width:calc(100% - 168px);}
.sub_complex .bot .controller .pagination .number{font-size:16px;line-height:1;letter-spacing:-0.02em;width:20px;}
.sub_complex .bot .controller .pagination .progress{width:calc(100% - 52px);}
}
@media screen and (max-width:960px) {
.sub_complex .slider_wrap .swiper-slide .imgBox .img{border-radius:10px;}
}
@media screen and (max-width:767px) {
.sub_complex .slider_wrap .swiper-slide .txtBox{top:max(100px, 18vw);}
}
@media screen and (max-width:640px) {
.sub_complex .slider_wrap .swiper-slide{width:282px;height:282px;}
.sub_complex .slider_wrap .swiper-slide .imgBox{padding:40px 0;}
.sub_complex .slider_wrap .swiper-slide .txtBox .sltit{transform:scale(0.8);}

.sub_complex .slider_wrap .swiper-slide-active .imgBox{padding:0;}
.sub_complex .slider_wrap .swiper-slide-active .txtBox .sltit{transform:scale(1);}

.sub_complex .bot{width:280px;}
.sub_complex .bot .controller{gap:20px;}
.sub_complex .bot .controller .prev_btn{width:45px;height:45px;font-size:20px;}
.sub_complex .bot .controller .next_btn{width:45px;height:45px;font-size:20px;}
.sub_complex .bot .controller .pagination .number{font-size:14px;}
.sub_complex .bot .controller .pagination .progress{width:calc(100% - 45px);}
}







/********************************* 촬영장비 *********************************/
/*********** 촬영장비 구성 ***********/
.sp3tit{padding:18px 30px;border:solid 1px #ed6708;font-size:22px;line-height:120%;font-weight:600;text-align:left;border-radius:60px;color:#ed6708;display:table;}

@media all and (max-width:1280px) {
.sp3tit{padding:16px 20px;font-size:20px;}
}
@media all and (max-width:1100px) {
.sp3tit{padding:16px 18px;font-size:18px;}
}
@media all and (max-width:960px) {
.sp3tit{padding:14px 15px;font-size:16px;}
}
@media all and (max-width:767px) {
.sp3tit{padding:12px 15px;font-size:15px;}
}
@media all and (max-width:640px) {
.sp3tit{font-size:14px;}
}
@media all and (max-width:460px) {
.sp3tit{font-size:13px;}
}




/* 리스트 */
.filmeqBox{display:flex;flex-wrap:wrap;}
.filmeqItem{width:calc(100%/3 - 2rem);margin:1rem;overflow:hidden;border-radius:30px;position:relative;}
.filmeqItem a{width:100%;aspect-ratio:1 / 1.15;display:flex;flex-direction:column;justify-content:center;overflow:hidden;transition:all 0.3s ease;position:relative;}

.filmeqItem .imgBox{width:100%;background:#000;position:absolute;top:0;left:0;transition:all 0.3s ease;}
.filmeqItem .imgBox img{width:100%;display:block;opacity:0.75;}
.filmeqItem:hover .imgBox{opacity:0;transition:all 0.3s ease;}

.filmeqItem .txtBox{width:100%;padding:max(20px, 2%);position:absolute;top:max(70px, 7%);left:0;}
.filmeqItem .txtBox *{width:100%;color:#fff;text-align:center;}
.filmeqItem .txtBox img{width:40%;max-width:128px;margin:0 auto;padding-top:20px;display:block;opacity:0;transition:all 0.3s ease;}
.filmeqItem:hover .txtBox img{padding-top:0;opacity:1;transition:all 0.3s ease;}


.filmeqItem .btn-svg-box{width:100%;height:100%;position:absolute;top:0;left:0;display:block;opacity:0;transition:all 0.3s ease;}
.filmeqItem .btn-svg-box .btn-svg{height:120%;position:absolute;top:-10rem;right:0;transition:all 0.3s ease;}
.filmeqItem .btn-svg-box .morph-svg-show{visibility:hidden !important;}
.filmeqItem .btn-svg-box .morph-svg-full{display:none;}
.filmeqItem .btn-svg-box .morph-svg-round{visibility:visible !important;}
.filmeqItem .btn-svg-box .btn-svg path{fill:#ed6708;transition-property:fill;}

.filmeqItem .btn-point{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;opacity:0;position:absolute;bottom:auto;left:auto;top:0.5rem;right:0.5rem;transform:translate(50%, -50%);background:#000;border-radius:50%;z-index:2;transition:all 0.3s ease;}
.filmeqItem .btn-point i{font-size:2rem;color:#fff;transform:rotate(-45deg);}

.filmeqItem a:hover .btn-svg-box{opacity:1;}
.filmeqItem a:hover .btn-svg-box .morph-svg-show{visibility:hidden !important;}
.filmeqItem a:hover .btn-svg-box .morph-svg-round{visibility:visible !important;}
.filmeqItem a:hover .btn-svg-box .btn-svg{bottom:auto;top:0;left:auto;right:0;height:120%;}

.filmeqItem a:hover .btn-point{opacity:1;transform:translate(0,0);transition:transform .3s cubic-bezier(.55,.09,.68,.53) 0s, opacity .3s cubic-bezier(.55,.09,.68,.53) 0s;}

@media screen and (max-width:1500px) {
.filmeqItem{width:calc(100%/3 - 1rem);margin:0.5rem;border-radius:20px;}

.filmeqItem .txtBox{top:max(50px, 5%);}

.filmeqItem .btn-point{width:3.5rem;height:3.5rem;}
.filmeqItem .btn-point i{font-size:1.8rem;}
}
@media screen and (max-width:1350px) {
.filmeqItem .txtBox{top:max(40px, 4%);}

.filmeqItem .btn-point{width:3rem;height:3rem;}
.filmeqItem .btn-point i{font-size:1.5rem;}
}
@media screen and (max-width:1220px) {
.filmeqItem .btn-point{width:2.5rem;height:2.5rem;}
.filmeqItem .btn-point i{font-size:1.2rem;}
}
@media screen and (max-width:1024px) {
.filmeqItem .txtBox h4{font-size:27px !important;}
.filmeqItem .txtBox img{width:25%;margin-top:20px !important;}

.filmeqItem .btn-point{width:2rem;height:2rem;}
.filmeqItem .btn-point i{font-size:1rem;}
}
@media screen and (max-width:960px) {
.filmeqItem .txtBox h4{font-size:24px !important;}

.filmeqItem .btn-point{width:1.5rem;height:1.5rem;}
.filmeqItem .btn-point i{font-size:0.8rem;}
}
@media screen and (max-width:860px) {
.filmeqItem .txtBox{top:max(30px, 3%);}
.filmeqItem .txtBox h4{font-size:22px !important;}
}
@media screen and (max-width:767px) {
.filmeqItem{width:calc(100%/2 - 1rem);margin:0.5rem;border-radius:10px;}

.filmeqItem .txtBox{top:max(20px, 2%);}
.filmeqItem .txtBox h4{font-size:20px !important;}

.filmeqItem .btn-point{width:2.5rem;height:2.5rem;}
.filmeqItem .btn-point i{font-size:1.2rem;}
}
@media screen and (max-width:670px) {
.filmeqItem .txtBox h4{font-size:18px !important;}

.filmeqItem .btn-point{width:2rem;height:2rem;}
.filmeqItem .btn-point i{font-size:1rem;}
}
@media screen and (max-width:580px) {
.filmeqItem .btn-point{width:1.5rem;height:1.5rem;}
.filmeqItem .btn-point i{font-size:0.8rem;}
}
@media screen and (max-width:480px) {
.filmeqItem{width:100%;margin:0.5rem 0;}

.filmeqItem .txtBox{top:max(50px, 5%);}
.filmeqItem .txtBox h4{font-size:30px !important;}

.filmeqItem .btn-point{width:3rem;height:3rem;}
.filmeqItem .btn-point i{font-size:1.5rem;}
}
@media screen and (max-width:380px) {
.filmeqItem .txtBox h4{font-size:27px !important;}

.filmeqItem .btn-point{width:2.5rem;height:2.5rem;}
.filmeqItem .btn-point i{font-size:1.2rem;}
}
@media screen and (max-width:320px) {
.filmeqItem .txtBox h4{font-size:25px !important;}

.filmeqItem .btn-point{width:2rem;height:2rem;}
.filmeqItem .btn-point i{font-size:1rem;}
}





/* 팝업 */
.filmeqPop{display:none;width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.8);z-index:99999;}
.filmeqPop .popup_wrap{width:96%;max-width:767px;margin:0 auto;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);}

.filmeqPop .popup_wrap .close{width:44px;height:44px;background:#fff;border-radius:50%;display:block;position:absolute;top:10px;right:0;cursor:pointer;z-index:9;}
.filmeqPop .popup_wrap .close:after,
.filmeqPop .popup_wrap .close:before{content:"";width:3px;height:24px;background:#000;position:absolute;top:calc(50% - 12px);left:21px;display:block;}
.filmeqPop .popup_wrap .close:after{transform:rotate(45deg);}
.filmeqPop .popup_wrap .close:before{transform:rotate(-45deg);}

.filmeqPop .popup_wrap .conArea{width:100%;}
.filmeqPop .popup_wrap .conArea *{color:#fff;text-align:center;}
.filmeqPop .popup_wrap .conArea .imgBox{width:80%;max-width:560px;margin:0 auto;background:#000;}
.filmeqPop .popup_wrap .conArea .imgBox img{width:100%;aspect-ratio:1 / 1.15;margin:0 auto;background:#000;box-shadow:2px 2px 20px rgba(0,0,0,0.1);border-radius:70px;overflow:hidden;opacity:0.9;}
.filmeqPop .popup_wrap .conArea span{display:flex;justify-content:center;flex-wrap:wrap;}
.filmeqPop .popup_wrap .conArea span font{padding:0 8px;}

@media screen and (max-height:800px) {
.filmeqPop{height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#fff #ddd;}
.filmeqPop .popup_wrap{width:auto;max-width:96%;height:100%;}

.filmeqPop .popup_wrap .close{top:55px;right:10px;box-shadow:2px 2px 10px rgba(0,0,0,0.1);}

.filmeqPop .popup_wrap .conArea{padding:40px 0;}
}
@media screen and (max-width:1500px) {
.filmeqPop .popup_wrap .conArea .imgBox img{border-radius:60px;}
}
@media screen and (max-width:1280px) {
.filmeqPop .popup_wrap .close{width:40px;height:40px;top:10px;}
.filmeqPop .popup_wrap .close:after,
.filmeqPop .popup_wrap .close:before{width:3px;height:20px;top:calc(50% - 10px);left:19px;}

.filmeqPop .popup_wrap .conArea .imgBox img{border-radius:50px;}
}
@media screen and (max-width:1100px) {
.filmeqPop .popup_wrap .conArea .imgBox img{border-radius:40px;}
}
@media screen and (max-width:960px) {
.filmeqPop .popup_wrap .conArea .imgBox img{border-radius:30px;}
.filmeqPop .popup_wrap .conArea span font{padding:0 5px;}
}
@media screen and (max-width:860px) {
.filmeqPop{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#fff #ddd;}

.filmeqPop .popup_wrap .conArea .imgBox img{border-radius:20px;}
}
@media screen and (max-width:767px) {
.filmeqPop{height:auto;}
.filmeqPop .popup_wrap{height:auto;}

.filmeqPop .popup_wrap .close{width:35px;height:35px;}
.filmeqPop .popup_wrap .close:after,
.filmeqPop .popup_wrap .close:before{width:3px;height:16px;top:calc(50% - 8px);left:16px;}

.filmeqPop .popup_wrap .conArea{padding:10px 0;}
.filmeqPop .popup_wrap .conArea .imgBox img{border-radius:10px;}
}






/********************************* 대여 및 신청 *********************************/
.sp4tit{padding:18px 40px;background:#ed6708;font-size:22px;line-height:120%;font-weight:900;text-align:left;border-radius:60px;color:#fff;display:table;}

@media all and (max-width:1280px) {
.sp4tit{padding:16px 35px;font-size:20px;}
}
@media all and (max-width:1100px) {
.sp4tit{padding:16px 30px;font-size:18px;}
}
@media all and (max-width:960px) {
.sp4tit{padding:14px 25px;font-size:16px;}
}
@media all and (max-width:767px) {
.sp4tit{padding:12px 20px;font-size:15px;}
}
@media all and (max-width:640px) {
.sp4tit{font-size:14px;}
}
@media all and (max-width:460px) {
.sp4tit{font-size:13px;}
}




/* 스케줄 - 월 */
.calenderBox .month div{display:flex;justify-content:center;align-items:flex-end;margin:0 80px;}
.calenderBox .month a.controller{width:68px;height:68px;font-size:25px;border-radius:50%;border:2px solid #000;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;}
.calenderBox .month a.controller:hover{background:#000;color:#fff;transition:all 0.2s ease;}

@media screen and (max-width:1500px){
.calenderBox .month div{margin:0 70px;}
.calenderBox .month a.controller{width:60px;height:60px;font-size:22px;}
}
@media screen and (max-width:1280px){
.calenderBox .month div{margin:0 60px;}
.calenderBox .month a.controller{width:55px;height:55px;font-size:20px;}
}
@media screen and (max-width:960px){
.calenderBox .month div{margin:0 50px;}
.calenderBox .month a.controller{width:50px;height:50px;font-size:18px;}
}
@media screen and (max-width:767px){
.calenderBox .month a.controller{width:45px;height:45px;font-size:16px;}
}
@media screen and (max-width:640px){
.calenderBox .month div{margin:0 40px;}
.calenderBox .month a.controller{width:40px;height:40px;}
}
@media screen and (max-width:460px){
.calenderBox .month div{margin:0 30px;}
.calenderBox .month div h1{font-size:35px !important;}
.calenderBox .month a.controller{width:35px;height:35px;font-size:16px;}
}
@media screen and (max-width:360px){
.calenderBox .month div{margin:0 20px;}
.calenderBox .month div h1{font-size:30px !important;}
.calenderBox .month a.controller{width:30px;height:30px;font-size:15px;}
}




/* 스케줄 - 범례 */
.colstBox span{margin-left:20px;display:flex;align-items:center;}
.colstBox span i{width:7px;height:7px;margin-right:5px;background:#000;border-radius:50%;display:block;}
.colstBox span i.col-orange{background:#ff7200;}
.colstBox span i.col-green{background:#007005;}
.colstBox span i.col-red{background:#ff0000;}
.colstBox span i.col-purple{background:#8409da;}
.colstBox span i.col-blue{background:#12378d;}
.colstBox span i.col-black{background:#000;}
.colstBox span font{font-size:12px;line-height:120%;color:#848484;}

@media all and (max-width:1100px){
.colstBox span{margin-left:15px;}
.colstBox span i{width:6px;height:6px;}
.colstBox span font{font-size:11px;}
}
@media all and (max-width:640px){
.colstBox span{margin-left:10px;}
.colstBox span i{width:5px;height:5px;}
.colstBox span font{font-size:10px;}
}
@media all and (max-width:460px){
.colstBox span{margin-left:0;width:100%;text-align:right;justify-content:flex-end;}
}



/* 스케줄 - 캘린더 */
.calendar_newstyle{width:100%;border-top:1px solid #ccc;border-left:1px solid #ccc;}
.calendar_newstyle .today{background-color:rgba(231,151,33,0.1);}
.calendar_newstyle .date_blank{background-color:rgba(0,0,0,0.02);}
.calendar_newstyle .pholiday{margin-left:5px;margin-top:3px;font-size:12px;font-weight:bold;line-height:120%;display:inline-block;}
.calendar_newstyle .sun{color:#c70f12;}
.calendar_newstyle .sat{color:#0488E8;}

.calendar_newstyle .dayWeek{width:100%;border-bottom:1px solid #ccc;overflow:hidden;background-color:#f1f1f1;}
.calendar_newstyle .dayWeek .dayWeekTxt{width:calc(100%/7);padding:10px;font-size:13px;font-weight:800;float:left;text-align:center;}
.calendar_newstyle .dayWeek .dayWeekTxt:last-child{border-right:1px solid #ccc;}

.calendar_newstyle .weekWrap{width:100%;}
.calendar_newstyle .weekWrap>div{position:relative;height:208px;} /* 높이고정추가 */
.calendar_newstyle .weekWrap .dayBox{width:100%;overflow:hidden;position:absolute;top:0;right:0;left:0;bottom:0;border-bottom:1px solid #ccc;}
.calendar_newstyle .weekWrap .dayBox .day{width:calc(100%/7);height:100%;float:left;border-right:1px solid #cccccc;}
.calendar_newstyle .weekWrap .dayBox .day .dayTxt{text-align:left;padding-top:10px;padding-left:10px;font-size:16px;font-weight:800;}

.calendar_newstyle .weekWrap .scheduleBox{width:100%;overflow:hidden;padding-top:19px;}
.calendar_newstyle .weekWrap .scheduleBox .schedule{width:calc(100%/7);padding-bottom:12%;padding-top:15px;height:0;float:left;}
.calendar_newstyle .weekWrap .scheduleBox .schedule .schTxtBox{width:100%;position:relative;}


.calendar_newstyle .schTxt{width:1%;padding:4px 10px;margin-left:1%;margin-bottom:10px;font-size:12px;color:#000;font-weight:600;border:solid 1px #000;border-radius:50px;background:#fff;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default !important;}
.calendar_newstyle .schTxt.start{border-right:none !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;}
.calendar_newstyle .schTxt.end{border-left:none !important;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;}
.calendar_newstyle .scedule0{width:0;padding-left:0 !important;padding-right:0 !important;border:none !important;}

.calendar_newstyle .sceduleW1{width:98%;}
.calendar_newstyle .sceduleW2{width:198%;}
.calendar_newstyle .sceduleW3{width:298%;}
.calendar_newstyle .sceduleW4{width:398%;}
.calendar_newstyle .sceduleW5{width:498%;}
.calendar_newstyle .sceduleW6{width:598%;}
.calendar_newstyle .sceduleW7{width:698%;}

.calendar_newstyle .schTxt.sct-bg-orange{border-color:#ff7200;color:#ff7200;}
.calendar_newstyle .schTxt.sct-bg-green{border-color:#007005;color:#007005;}
.calendar_newstyle .schTxt.sct-bg-red{border-color:#ff0000;color:#ff0000;}
.calendar_newstyle .schTxt.sct-bg-purple{border-color:#8409da;color:#8409da;}
.calendar_newstyle .schTxt.sct-bg-blue{border-color:#12378d;color:#12378d;}
.calendar_newstyle .schTxt.sct-bg-black{border-color:#000;color:#000;}

@media all and (max-width:1500px){
.calendar_newstyle .pholiday{margin-left:3px;font-size:11px;}

.calendar_newstyle .weekWrap .scheduleBox .schedule{height:auto;}
}
@media all and (max-width:860px){
.calendar_newstyle .pholiday{margin-top:2px;font-size:10px;}

.calendar_newstyle .dayWeek .dayWeekTxt{font-size:12px;}

.calendar_newstyle .weekWrap .dayBox .day .dayTxt{padding-top:8px;padding-left:8px;font-size:14px;}
.calendar_newstyle .weekWrap .scheduleBox .schedule{padding-top:10px;}

.calendar_newstyle .schTxt{padding:2px 7px;margin-bottom:5px;}
}
@media all and (max-width:640px){
.calendar_newstyle .pholiday{font-size:9px;}

.calendar_newstyle .dayWeek .dayWeekTxt{font-size:11px;}

.calendar_newstyle .weekWrap .dayBox .day .dayTxt{padding-top:5px;padding-left:5px;font-size:12px;}

.calendar_newstyle .schTxt{font-size:11px;}
}




/* 스케줄 - 버튼 */
.sp4btWrap a{margin:0 5px;font-weight:900;}
.sp4btWrap a:hover{padding-left:50px;padding-right:50px;}
.sp4btWrap .button i{width:10px;height:10px;border-width:3px 3px 0 0;}

@media screen and (max-width:1100px){
.sp4btWrap a:hover{padding-left:28px;padding-right:28px;}
}
@media screen and (max-width:960px){
.sp4btWrap a:hover{padding-left:26px;padding-right:26px;}
}
@media screen and (max-width:767px) {
.sp4btWrap a{margin:0 3px;}
.sp4btWrap .button i{width:8px;height:8px;}
}
@media screen and (max-width:640px){
.sp4btWrap a:hover{padding-left:25px;padding-right:25px;}
}
@media screen and (max-width:420px){
.sp4btWrap a{width:100%;margin:3px 0;}
.sp4btWrap a:hover{padding-left:22px;padding-right:22px;}
.sp4btWrap .button i{width:8px;height:8px;}
}





/********************************* 신청하기 *********************************/
/* 신청폼 - 레이아웃 */
.appBox{padding:70px;border:solid 1px #ddd;border-radius:50px;}
.appBox .cmb5>*{margin-bottom:5px;}
.appBox .commentBox{padding:30px 40px;border:solid 1px #ddd;background:rgba(0,0,0,0.05);border-radius:10px;}

.appBox .titBox{border-bottom:solid 1px #000;padding-bottom:20px;}
.appBox .titBox font{font-weight:900;}

.appBox .fileBox{padding:5px;padding-left:0;border-bottom:solid 1px #eee;display:flex;align-items:center;}
.appBox .fileBox:last-child{border-bottom:none;}
.appBox .fileBox dt{width:200px;padding:10px;border-radius:5px;font-size:18px;line-height:120%;background:#f1f1f1;}
.appBox .fileBox dd{width:calc(100% - 200px);padding-left:10px;}

.appBox .conaBox.disF{padding:15px;align-items:center;border-bottom:solid 1px #eee;}

.appBox .conaBox .ttit{width:170px;text-align:left;}
.appBox .conaBox .ttit font{font-weight:800;}

.appBox .conaBox .ccon{width:calc(100% - 170px);}

.appBox .conaBox .ccon span{display:flex;flex-wrap:wrap;}
.appBox .conaBox .ccon span:first-child{margin-top:0;}
.appBox .conaBox .ccon.three font{line-height:280%;margin-right:10px;}
.appBox .conaBox .ccon i{margin-right:15px;display:flex;align-items:center;justify-content:center;}
.appBox .conaBox .ccon i:last-child{margin-right:0 !important;}
.appBox .conaBox .ccon i input{margin-right:5px;}
.appBox .conaBox .ccon font{color:#555;}


@media screen and (max-width:1500px) {
.appBox{padding:50px;border-radius:40px;}
.appBox .commentBox{padding:25px 30px;}

.appBox .titBox{padding-bottom:15px;}

.appBox .fileBox dt{font-size:17px;}

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

.appBox .fileBox{padding:4px;}
.appBox .fileBox dt{width:180px;font-size:16px;}
.appBox .fileBox dd{width:calc(100% - 180px);}

.appBox .conaBox.disF{padding:10px;}
.appBox .conaBox .ttit{width:180px;}
.appBox .conaBox .ccon{width:calc(100% - 180px);}
.appBox .conaBox .ccon font{margin-right:5px;}
}
@media screen and (max-width:1100px) {
.appBox{padding:30px;border-radius:20px;}
.appBox .commentBox{padding:20px 25px;}

.appBox .titBox{padding-bottom:10px;}

.appBox .fileBox dt{width:160px;padding:8px;font-size:15px;}
.appBox .fileBox dd{width:calc(100% - 160px);padding-left:8px;}

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

.appBox .conaBox .ttit{width:140px;}
.appBox .conaBox .ccon{width:calc(100% - 140px);}
}
@media screen and (max-width:860px) {
.appBox .fileBox{padding-left:0;}
.appBox .fileBox dt{width:150px;font-size:14px;}
.appBox .fileBox dd{width:calc(100% - 150px);}

.appBox .conaBox .ttit{width:100%;padding-top:0;padding-bottom:5px;background:#fff;border-radius:0;text-align:left;}
.appBox .conaBox .ccon{width:100%;padding-left:0;}
}
@media screen and (max-width:767px) {
.appBox .commentBox{padding:15px;border-radius:5px;}

.appBox .conaBox.disF{padding:10px 5px;}
.appBox .conaBox .ccon.three input,
.appBox .conaBox .ccon.three select{width:29% !important;}
}
@media screen and (max-width:640px) {
.appBox{padding:15px;}
}
@media screen and (max-width:420px) {
.appBox .fileBox{padding:7px 0;flex-wrap:wrap;}
.appBox .fileBox dt{width:100%;font-size:13px;}
.appBox .fileBox dd{width:100%;padding-left:0;padding-top:8px;}

.appBox .conaBox .ccon.three input,
.appBox .conaBox .ccon.three select{width:28% !important;margin-right:4px;}
.appBox .conaBox .ccon.three select{padding-right:9px !important;padding-left:10px !important;}
.appBox .conaBox .ccon.three font{margin-right:4px;}
}






.appBox .ffctBox .dateBox,
.appBox .ffctBox .periodBox{display:flex;justify-content:center;align-items:center;}
.appBox .ffctBox .dateBox font{margin:0 10px;}
.appBox .ffctBox .periodBox input[type=text]{width:100px;}

@media screen and (max-width:640px) {
.appBox .ffctBox .dateBox font{margin:0 5px;}
.appBox .ffctBox .periodBox input[type=text]{width:80px;}
}
@media screen and (max-width:460px) {
.appBox .ffctBox .periodBox input[type=text]{width:60px;}
}


.appBox input.datePicker{margin:0 !important;cursor:pointer;background-image:url(/img/calendar-check-line.svg);background-position:right 20px center;background-repeat:no-repeat;background-size:20px auto;}

@media screen and (max-width:767px) {
.appBox input.datePicker{background-position:right 15px center;background-size:18px auto;}
}
@media screen and (max-width:640px) {
.appBox input.datePicker{background-size:16px auto;}
}
@media screen and (max-width:460px) {
.appBox input.datePicker{background-size:13px auto;}
}







/* 신청폼 - 장비 */
.appBox .feTbox table td{text-align:left;}
.appBox .feTbox table td.active{background:rgba(237,103,8,0.2);}
.appBox .feTbox table td,
.appBox .feTbox table td font{word-wrap:break-word;word-break:keep-all;line-height:120% !important;}
.appBox .feTbox table td input.datePicker{width:200px;}

@media screen and (max-width:1280px) {
.appBox .feTbox table td input.datePicker{width:180px;}
}
@media screen and (max-width:920px){
.appBox .feTbox table td input.datePicker{width:170px;}
}
@media screen and (max-width:640px){
.appBox .feTbox table td input.datePicker{width:160px;}
}




.fesearchBox font{margin:0 10px;}
.fesearchBox .fedateBox{margin-right:10px;}
.fesearchBox .fedateBox input.datePicker{background-color:#fff;margin:0 !important;}
.fesearchBox input.feBut{background:#000;color:#fff;border:none;cursor:pointer;}

@media screen and (max-width:1100px) {
.fesearchBox .fedateBox input.datePicker{width:200px;}
}
@media screen and (max-width:960px) {
.fesearchBox .fedateBox input.datePicker{width:170px;}
}
@media screen and (max-width:640px) {
.fesearchBox .fedateBox input.datePicker{width:160px;}
}
@media screen and (max-width:560px) {
.fesearchBox .fedateBox input.datePicker{width:140px;}
}
@media screen and (max-width:520px) {
.fesearchBox .fedateBox{width:100%;margin-bottom:5px;}
.fesearchBox .fedateBox span{width:calc(100%/2 - 10px);}
.fesearchBox .fedateBox input.datePicker{width:100%;}
.fesearchBox .fedateBox font{margin:0 5px;width:10px;}
.fesearchBox input.feBut{width:100%;}
}
@media screen and (max-width:380px) {
.fesearchBox .fedateBox span{width:100%;}
.fesearchBox .fedateBox font{margin:0;width:100%;text-align:center;}
}



.equBox .dateBox{margin-right:10px;}
.equBox .dateBox font{margin-right:5px;margin-left:5px;}
.equBox .dateBox input[type=text]{width:200px;}
.equBox .periodBox input[type=text]{width:100px;}

@media screen and (max-width:1280px) {
.equBox .dateBox input[type=text]{width:180px;}
.equBox .periodBox input[type=text]{width:80px;}
}
@media screen and (max-width:640px) {
.equBox .dateBox input[type=text]{width:150px;}
.equBox .periodBox input[type=text]{width:60px;}
}




/* 신청폼 - 입력폼 */
.appBox input[type=submit],
.appBox input[type=button],
.appBox input[type=text],
.appBox select,
.appBox textarea{padding:12px 20px;margin-right:10px;border:solid 1px #ccc;border-radius:10px;}
.appBox input[type=submit],
.appBox input[type=button],
.appBox input[type=text],
.appBox input[type=file],
.appBox select,
.appBox textarea,
.appBox label{font-size:18px;}
.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;}

.appBox label{display:flex;}
.appBox label>*:first-child{margin-right:10px;}

@media screen and (max-width:1500px) {
.appBox input[type=submit],
.appBox input[type=button],
.appBox input[type=text],
.appBox textarea,
.appBox select{padding:12px 17px;margin-right:8px;border-radius:5px;}
.appBox input[type=submit],
.appBox input[type=text],
.appBox input[type=file],
.appBox select,
.appBox textarea,
.appBox label{font-size:17px;}
.appBox select{padding-right:55px;}
}
@media screen and (max-width:1280px) {
.appBox input[type=submit],
.appBox input[type=button],
.appBox input[type=text],
.appBox textarea,
.appBox select{padding:11px 15px;}
.appBox input[type=submit],
.appBox input[type=text],
.appBox input[type=file],
.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=submit],
.appBox input[type=button],
.appBox input[type=text],
.appBox textarea,
.appBox select{max-width:100% !important;border-radius:2px;}
.appBox input[type=submit],
.appBox input[type=text],
.appBox input[type=file],
.appBox select,
.appBox textarea,
.appBox label{font-size:15px;}
.appBox label>*:first-child{margin-right:5px;}
}
@media screen and (max-width:400px) {
.appBox input[type=submit],
.appBox input[type=button],
.appBox input[type=text],
.appBox textarea,
.appBox select{padding:10px 12px;}
.appBox input[type=submit],
.appBox input[type=text],
.appBox input[type=file],
.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;}
}




.classification{padding:0 20%;}
.classification span{width:calc(100%/2 - 10px);margin:5px;}
.radio-input{position:absolute;opacity:0;pointer-events:none;}
.radio-label{padding:30px 0;text-align:center;display:inline-flex;align-items:center;justify-content:center;border-radius:20px;background:#ddd;cursor:pointer;transition:all 0.25s ease;font-weight:500;user-select:none;}
.radio-label:hover{background:#f0f0f0;border-color:#bbb;}
.radio-input:checked+.radio-label{background:#ed6708;color:#fff;}

@media screen and (max-width:1500px) {
.radio-label{padding:25px 0;}
}
@media screen and (max-width:1280px) {
.classification{padding:0 10%;}
.radio-label{padding:20px 0;border-radius:10px;}
}
@media screen and (max-width:1100px) {
.classification{padding:0 5%;}
}
@media screen and (max-width:640px) {
.classification{padding:0;}
.radio-label{padding:15px 0;}
}
@media screen and (max-width:460px) {
.classification span{width:calc(100%/2 - 4px);margin:5px 2px;}
}










/********************************* 국제협력 *********************************/
.incollItem{width:calc(100%/2);padding:1rem;overflow:hidden;border-radius:30px;position:relative;}
.incollItem a{width:98%;aspect-ratio:16 / 12;display:flex;flex-direction:column;justify-content:center;overflow:hidden;transition:all 0.3s ease;position:relative;}

.incollItem .imgBox{width:100%;background:#000;position:absolute;top:0;left:0;transition:all 0.3s ease;}
.incollItem .imgBox img{width:100%;display:block;opacity:0.75;}
.incollItem:hover .imgBox{opacity:0;transition:all 0.3s ease;}

.incollItem .txtBox{width:100%;height:100%;padding:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;top:0;left:0;}
.incollItem .txtBox *{width:100%;color:#fff;text-align:center;}

@media screen and (max-width:1520px) {
.incollItem{padding:0.5rem;border-radius:20px;}
}
@media screen and (max-width:1100px) {
.incollItem{padding:0.3rem;border-radius:10px;}
}
@media screen and (max-width:767px) {
.incollItem{width:100%;margin:5px 0;padding:0;}
}




.incollBox{padding:0 10%;}
.incollBox .btn-svg-box{width:100%;height:100%;position:absolute;top:0;left:0;display:block;opacity:0;transition:all 0.3s ease;}
.incollBox .btn-svg-box .btn-svg{width:100%;position:absolute;top:-10rem;right:0;transition:all 0.3s ease;}
.incollBox .btn-svg-box .morph-svg-show{visibility:hidden !important;}
.incollBox .btn-svg-box .morph-svg-full{display:none;}
.incollBox .btn-svg-box .morph-svg-round{visibility:visible !important;}
.incollBox .btn-svg-box .btn-svg path{fill:#ed6708;transition-property:fill;}

.incollBox .btn-point{width:3.3rem;height:3.3rem;display:flex;align-items:center;justify-content:center;opacity:0;position:absolute;bottom:auto;left:auto;top:0.5rem;right:0.5rem;transform:translate(50%, -50%);background:#000;border-radius:50%;z-index:2;transition:all 0.3s ease;}
.incollBox .btn-point i{font-size:1.7rem;color:#fff;transform:rotate(-45deg);}

.incollBox a:hover .btn-svg-box{opacity:1;}
.incollBox a:hover .btn-svg-box .morph-svg-show{visibility:hidden !important;}
.incollBox a:hover .btn-svg-box .morph-svg-round{visibility:visible !important;}
.incollBox a:hover .btn-svg-box .btn-svg{bottom:auto;top:0;left:auto;right:0;width:100%;}

.incollBox a:hover .btn-point{opacity:1;transform:translate(0,0);transition:transform .3s cubic-bezier(.55,.09,.68,.53) 0s, opacity .3s cubic-bezier(.55,.09,.68,.53) 0s;}

@media screen and (max-width:1520px) {
.incollBox{padding:0 5%;}
}
@media screen and (max-width:1350px) {
.incollBox .btn-point{width:3rem;height:3rem;}
.incollBox .btn-point i{font-size:1.4rem;}
}
@media screen and (max-width:1190px) {
.incollBox{padding:0;}
}
@media screen and (max-width:1024px) {
.incollBox .btn-point{width:2.5rem;height:2.5rem;}
.incollBox .btn-point i{font-size:1.2rem;}
}
@media screen and (max-width:820px) {
.incollBox .btn-point{width:2rem;height:2rem;}
.incollBox .btn-point i{font-size:1rem;}
}
@media screen and (max-width:767px) {
.incollBox .btn-point{width:3.8rem;height:3.8rem;}
.incollBox .btn-point i{font-size:2.2rem;}
}
@media screen and (max-width:670px) {
.incollBox .btn-point{width:3.4rem;height:3.4rem;}
.incollBox .btn-point i{font-size:2rem;}
}
@media screen and (max-width:580px) {
.incollBox .btn-point{width:2.9rem;height:2.9rem;}
.incollBox .btn-point i{font-size:1.8rem;}
}
@media screen and (max-width:460px) {
.incollBox .btn-point{width:2.5rem;height:2.5rem;}
.incollBox .btn-point i{font-size:1.6rem;}
}
@media screen and (max-width:380px) {
.incollBox .btn-point{width:1.8rem;height:1.8rem;}
.incollBox .btn-point i{font-size:1rem;}
}






/* 비전 */
.visionBox{padding:100px 0;border-radius:30px;background:url(/sub6/img/c1bg.jpg) no-repeat center center fixed;background-size:cover;}
.visionBox *{text-align:center;color:#fff;}

@media screen and (max-width:1500px) {
.visionBox{padding:90px 0;border-radius:20px;}
}
@media screen and (max-width:1280px) {
.visionBox{padding:80px 0;border-radius:10px;}
}
@media screen and (max-width:960px) {
.visionBox{padding:70px 30px;}
}
@media screen and (max-width:640px) {
.visionBox{padding:60px 25px;}
}





/* 각페이지이미지 */
.icimgBox img{width:calc(100%/2 - 10px);margin:10px 0;border-radius:30px;}
.icimgBox.inu4 img{width:calc(100%/4 - 10px);}

.iclist li{padding-bottom:10px;padding-top:10px;border-bottom:solid 1px #ddd;font-size:20px;line-height:150%;font-weight:400;color:#292929;text-align:left;display:flex;align-items:flex-start;}
.iclist li .v-icon{width:1.1em;height:1.2em;padding-top:3px;stroke:currentColor;vertical-align:middle;display:inline-block;}
.iclist li font{width:calc(100% - 1.2em);padding-left:10px;word-wrap:break-word;display:block;word-break:keep-all;}

@media screen and (max-width:1500px) {
.icimgBox img{border-radius:20px;}

.iclist li{font-size:19px;}
}
@media screen and (max-width:1280px) {
.icimgBox img{width:calc(100%/2 - 5px);margin:5px 0;border-radius:10px;}
.icimgBox.inu4 img{width:calc(100%/4 - 5px);}

.iclist li{padding-bottom:8px;padding-top:8px;font-size:18px;}
}
@media screen and (max-width:960px) {
.icimgBox img{width:calc(100%/2 - 3px);margin:3px 0;}
.icimgBox.inu4 img{width:calc(100%/4 - 3px);}

.iclist li{padding-bottom:7px;padding-top:7px;font-size:17px;}
.iclist li font{padding-left:8px;}
}
@media screen and (max-width:767px) {
.icimgBox.inu4 img{width:calc(100%/2 - 3px);}

.iclist li{font-size:16px;}
.iclist li font{padding-left:5px;}
}
@media screen and (max-width:640px) {
.iclist li{font-size:15px;}
}
@media screen and (max-width:520px) {
.icimgBox img{width:100%;margin:2px;}
.icimgBox.inu4 img{width:100%;}
}








/********************************* 지역인재 양성 *********************************/
.cltItem{width:calc(100%/3);padding:1rem;overflow:hidden;border-radius:30px;position:relative;}
.cltItem a{width:98%;aspect-ratio:16 / 12;display:flex;flex-direction:column;justify-content:center;overflow:hidden;transition:all 0.3s ease;position:relative;}

.cltItem .imgBox{width:100%;background:#000;position:absolute;top:0;left:0;transition:all 0.3s ease;}
.cltItem .imgBox img{width:100%;display:block;opacity:0.75;}
.cltItem:hover .imgBox{opacity:0;transition:all 0.3s ease;}

.cltItem .txtBox{width:100%;height:100%;padding:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;top:0;left:0;}
.cltItem .txtBox *{width:100%;color:#fff;text-align:center;}

@media screen and (max-width:1520px) {
.cltItem{padding:0.5rem;border-radius:20px;}
}
@media screen and (max-width:1100px) {
.cltItem{padding:0.3rem;border-radius:10px;}
}
@media screen and (max-width:767px) {
.cltItem{width:100%;margin:5px 0;padding:0;}
}




.cltBox .btn-svg-box{width:100%;height:100%;position:absolute;top:0;left:0;display:block;opacity:0;transition:all 0.3s ease;}
.cltBox .btn-svg-box .btn-svg{width:100%;position:absolute;top:-10rem;right:0;transition:all 0.3s ease;}
.cltBox .btn-svg-box .morph-svg-show{visibility:hidden !important;}
.cltBox .btn-svg-box .morph-svg-full{display:none;}
.cltBox .btn-svg-box .morph-svg-round{visibility:visible !important;}
.cltBox .btn-svg-box .btn-svg path{fill:#ed6708;transition-property:fill;}

.cltBox .btn-point{width:3.3rem;height:3.3rem;display:flex;align-items:center;justify-content:center;opacity:0;position:absolute;bottom:auto;left:auto;top:0.5rem;right:0.5rem;transform:translate(50%, -50%);background:#000;border-radius:50%;z-index:2;transition:all 0.3s ease;}
.cltBox .btn-point i{font-size:1.7rem;color:#fff;transform:rotate(-45deg);}

.cltBox a:hover .btn-svg-box{opacity:1;}
.cltBox a:hover .btn-svg-box .morph-svg-show{visibility:hidden !important;}
.cltBox a:hover .btn-svg-box .morph-svg-round{visibility:visible !important;}
.cltBox a:hover .btn-svg-box .btn-svg{bottom:auto;top:0;left:auto;right:0;width:100%;}

.cltBox a:hover .btn-point{opacity:1;transform:translate(0,0);transition:transform .3s cubic-bezier(.55,.09,.68,.53) 0s, opacity .3s cubic-bezier(.55,.09,.68,.53) 0s;}

@media screen and (max-width:1520px) {
.cltBox .btn-point{width:3rem;height:3rem;}
.cltBox .btn-point i{font-size:1.4rem;}
}
@media screen and (max-width:1350px) {
.cltBox .btn-point{width:2.5rem;height:2.5rem;}
.cltBox .btn-point i{font-size:1.2rem;}
}
@media screen and (max-width:1190px) {
.cltBox .btn-point{width:2rem;height:2rem;}
.cltBox .btn-point i{font-size:1rem;}
}
@media screen and (max-width:1024px) {
.cltBox .btn-point{width:1.5rem;height:1.5rem;}
.cltBox .btn-point i{font-size:0.8rem;}
}
@media screen and (max-width:840px) {
.cltBox .btn-point{width:1.2rem;height:1.2rem;}
.cltBox .btn-point i{font-size:0.6rem;}
}
@media screen and (max-width:767px) {
.cltBox .btn-point{width:3.5rem;height:3.5rem;}
.cltBox .btn-point i{font-size:2.2rem;}
}
@media screen and (max-width:670px) {
.cltBox .btn-point{width:3.2rem;height:3.2rem;}
.cltBox .btn-point i{font-size:2rem;}
}
@media screen and (max-width:580px) {
.cltBox .btn-point{width:2.9rem;height:2.9rem;}
.cltBox .btn-point i{font-size:1.8rem;}
}
@media screen and (max-width:460px) {
.cltBox .btn-point{width:2.5rem;height:2.5rem;}
.cltBox .btn-point i{font-size:1.6rem;}
}
@media screen and (max-width:380px) {
.cltBox .btn-point{width:2.2rem;height:2.2rem;}
.cltBox .btn-point i{font-size:1.4rem;}
}
@media screen and (max-width:320px) {
.cltBox .btn-point{width:1.8rem;height:1.8rem;}
.cltBox .btn-point i{font-size:1rem;}
}




/* 팝업 */
.cltpopup .btn-svg-box{width:100%;height:200px;overflow:hidden;position:absolute;top:0;left:0;display:block;z-index:99990;}
.cltpopup .btn-svg-box .btn-svg{width:50%;position:absolute;top:0;right:0;}
.cltpopup .btn-svg-box .morph-svg-show{visibility:hidden !important;}
.cltpopup .btn-svg-box .morph-svg-full{display:none;}
.cltpopup .btn-svg-box .morph-svg-round{visibility:visible !important;}
.cltpopup .btn-svg-box .btn-svg path{fill:#fff;transition-property:fill;}

.cltpopup .btn-point{width:3.3rem;height:3.3rem;display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;background:#000;border-radius:50%;transition:transform .3s cubic-bezier(.55,.09,.68,.53) 0s, opacity .3s cubic-bezier(.55,.09,.68,.53) 0s;cursor:pointer;z-index:99993;}
.cltpopup .btn-point i{font-size:0;margin-top:-22px;position:relative;}
.cltpopup .btn-point i:after{content:"";width:2px;height:26px;background:#fff;position:absolute;top:50%;left:50%;display:block;transform:rotate(45deg) translateX(-50%);}
.cltpopup .btn-point i:before{content:"";width:2px;height:26px;background:#fff;position:absolute;top:calc(50% - 1px);left:50%;display:block;transform:rotate(-45deg) translateX(-50%);}

@media screen and (max-width:1520px) {
.cltpopup .btn-point{width:3rem;height:3rem;}
}
@media screen and (max-width:1350px) {
.cltpopup .btn-point{width:3rem;height:3rem;}
}
@media screen and (max-width:767px) {
.cltpopup .btn-svg-box .btn-svg{width:60%;}
}
@media screen and (max-width:640px) {
.cltpopup .btn-svg-box .btn-svg{width:70%;}
}
@media screen and (max-width:560px) {
.cltpopup .btn-svg-box .btn-svg{width:80%;}
}
@media screen and (max-width:480px) {
.cltpopup .btn-svg-box .btn-svg{width:90%;}
}
@media screen and (max-width:380px) {
.cltpopup .btn-svg-box .btn-svg{width:100%;}
}
@media screen and (max-width:340px) {
.cltpopup .btn-point{width:2.5rem;height:2.5rem;}
.cltpopup .btn-point i{margin-top:-20px;}
.cltpopup .btn-point i:after{height:22px;}
.cltpopup .btn-point i:before{height:22px;}
}



.cltpopup{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);justify-content:center;align-items:center;z-index:9999;}
.cltpopup.on{display:flex;}
.cltpopup .inner{width:98%;max-width:860px;margin:0 auto;padding:70px;background:#fff;border-radius:30px;border-top-right-radius:200px;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);}
.cltpopup .inner .cond{position:relative;z-index:99995;}

.cltpopup .inner .cond .univ img{width:30%;max-width:200px;}
.cltpopup .inner .cond .univ .txtBox{width:100%;}
.cltpopup .inner .cond .univ:first-child{padding-bottom:50px;border-bottom:solid 1px #ddd;}

.cltpopup .inner .cond .arrgTit{padding-right:10%;}

@media screen and (max-width:1280px) {
.cltpopup .inner{padding:60px;}
.cltpopup .inner .cond .univ:first-child{padding-bottom:38px;}
}
@media screen and (max-width:960px) {
.cltpopup .inner{padding:50px;}
}
@media screen and (max-width:767px) {
.cltpopup .inner{padding:40px;}
}
@media screen and (max-width:640px) {
.cltpopup .inner{padding:30px;}
.cltpopup .inner .cond .univ:first-child{padding-bottom:25px;}
}





/* 기대효과 */
.exeffWrap{padding:100px 0;border-radius:30px;background:url(/sub7/img/c1bg.jpg) no-repeat center center fixed;background-size:cover;position: relative;}
.exeffWrap *{text-align:center;color:#fff;}
.exeffBox{padding:0 10%;}
.exeffBox div{width:calc(100%/4 - 10px);aspect-ratio:5 / 5;padding:30px;border-radius:50%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);isolation:isolate;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;flex-direction:column;}

@media screen and (max-width:1520px) {
.exeffWrap{padding:90px 0;border-radius:20px;}
.exeffBox{padding:0 5%;}
.exeffBox div{padding:20px;}
}
@media screen and (max-width:1400px) {
.exeffBox div .tit br{display:none;}
}
@media screen and (max-width:1280px) {
.exeffWrap{padding:80px 0;border-radius:10px;}
.exeffBox{padding:0 1%;}
}
@media screen and (max-width:960px) {
.exeffWrap{padding:70px 30px;}
.exeffBox div{width:calc(100%/2 - 10px);margin:10px 0;aspect-ratio:auto;border-radius:20px;}
.exeffBox div .tit br{display:block;}
}
@media screen and (max-width:640px) {
.exeffWrap{padding:60px 25px;}
.exeffBox div{width:calc(100%/2 - 5px);margin:5px 0;}
}








@media screen and (max-width:1500px) {
}
@media screen and (max-width:1280px) {
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:560px) {
}