/*******************************************************
 * common
 *******************************************************/
.bg-image{background-position: center;background-repeat: no-repeat;background-size: cover;}


body .swiper-button-prev{width:60px;height:60px;background:#333;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;position: relative;left: 0;top: 0;margin-top: 0;}
body .swiper-button-next{width:60px;height:60px;background:#333;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;position: relative;right: 0;top: 0;margin-top: 0;}
body .swiper-button-prev:hover,body .swiper-button-next:hover{background:#ff6b35;}
body .swiper-button-prev i,body .swiper-button-next i{color:#fff;font-size:24px;}
body .swiper-button-prev:after,body .swiper-button-next:after{display:none;}
body .swiper-pagination-bullets{display:flex;gap:10px;}
body .swiper-pagination-bullet{width:12px;height:12px;opacity:1;border-radius:3px;background: var(--gray-200);}
body .swiper-pagination-bullet-active{background:var(--primary);}
body .swiper-nav{display: flex;align-items: center;gap: 10px;}

@media (max-width:1024px) {
    body .swiper-button-prev{width:40px;height:40px;}
    body .swiper-button-next{width:40px;height:40px;}
    body .swiper-button-prev i, body .swiper-button-next i{font-size: 1rem;}
}

.sec-title{position: relative;z-index: 2;}
.sec-title h5{color:#fff;font-weight:400;text-align: center;}
.sec-title a{color:#0D0E0F;text-decoration: none;min-width:5.786rem;height:30px;font-size:14px;padding: 6px 12px;border: 1px solid #D4D6D6;border-radius: 20px;transition: all 0.25s ease;display: inline-flex;align-items: center;justify-content: center;position: relative;z-index: 100;}
.sec-title a:hover{background:#0D0E0F;color:#fff;}
.sec-title div{font-weight:900;color:#fff;width:100%;display:block;text-align: center;}
body .sec-title h2{font-weight:700;text-align: center;line-height:1.3;font-family:'NanumSquareNeo';}
.sec-title h6{color:var(--gray-600);font-weight:400;text-align: center;}


.content-body{padding:0 1rem;}

.main-sec .container {z-index: 1;}

.btn.submit-btn {  position: relative; z-index: 1; transform: translateZ(0);width: 180px; height: 60px; background: var(--variant); border: 0; position: relative; border-radius: 100px; color: #fff; cursor: pointer; overflow: hidden; display: flex; justify-content: center; align-items: center; text-decoration: none; }
.btn.submit-btn .text { position: relative; z-index: 2; }
.btn.submit-btn .icon-container { position: relative; z-index: 2; width: 25px; height: 25px; margin-left: 10px; transition: transform 500ms ease; }
.btn.submit-btn .icon-container .icon { position: absolute; left: 0; top: 0; width: 25px; height: 25px; transition: transform 500ms ease, opacity 250ms ease; display: flex; justify-content: center; align-items: center; }
.btn.submit-btn .icon-container .icon i { color: #fff; font-size: 20px; }
/*.btn.submit-btn::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--primary); border-radius: 100px; z-index: 1; transition: transform 500ms ease; }*/
.btn.submit-btn:hover::after { transform: translateX(65%); }
.btn.submit-btn:hover .icon-container { transform: translateX(125%); }

.btn.submit-btn.white-type{background: rgba(255, 255, 255, 0.6) !important;color:black;}
.btn.submit-btn.white-type .icon-container .icon i { color: #000;}
.btn.submit-btn.white-type::after{background: rgba(255, 255, 255, 0.7);}
.btn.submit-btn.white-type:hover::after{background: rgba(255, 255, 255, 1);}


/*******************************************************
 * sec 01
 *******************************************************/

#section1 {padding:90px 0 0; position: relative;width:100%;height:100%;overflow: hidden;}
#sec01_sli{height:720px;width:100%;}

.sec01_sli .swiper-slide{display:flex;align-items:center;justify-content:flex-start;}

.sec01_sli .image {position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 100%;height: 100%;overflow: hidden;z-index: -1;}
.sec01_sli .image img{width: 100%;height: 100%;object-fit: cover;}

.sec01_sli .text-box{position: relative;z-index: 1;}
.sec01_sli .text-box .subtitle{color: rgba(255,255,255,0.8);font-weight: 400;display: block;}
.sec01_sli .text-box div{color:#fff;font-weight:800;line-height: 1.3;margin-bottom: 0;font-family:'NanumSquareNeo';}

.sec01_sli .navi-bar{background-color: #fff;position: absolute;bottom: 0;right: 0px;z-index:10;padding:30px 0 0 60px;border-radius: 40px 0 0 0;}
.sec01_sli .navi-area{width:100%;max-width: 365px;display: flex;align-items: center;gap: 10px;justify-content: flex-end;position: relative;}
.sec01_sli .navi-bar:before{content: "";position: absolute;left: -3rem;bottom: 0;width: 3rem;height: 3rem;overflow: hidden;border-radius: 50%;box-shadow: 1.5rem 1.5rem 0 0 #fff;}
.sec01_sli .navi-bar:after{content: "";position: absolute;right:0;top: -3rem;width: 3rem;height: 3rem;overflow: hidden;border-radius: 50%;box-shadow: 1.5rem 1.5rem 0 0 #fff;}


.sec01_sli .swiper-btn{margin-right:20px;display: flex;}
.sec01_sli .swiper-btn .pausebtn{width:20px;height:20px;background:none;border:0;cursor:pointer;color:#333;font-size:16px;display:flex;align-items:center;justify-content:center;}
.sec01_sli .swiper-btn .playbtn{width:20px;height:20px;background:none;border:0;cursor:pointer;color:#333;font-size:16px;display:flex;align-items:center;justify-content:center;}
.sec01_sli .navi-bar .custom-pagination {display: flex;box-sizing:border-box;align-items:center;color:#fff;font-size:18px;width: 100px;margin-right:30px;}
.sec01_sli .navi-bar .progress__bar {position:relative;width:80%;height: 2px;margin:0 20px;background-color:#e6e6e6;border-radius:1px;}
.sec01_sli .navi-bar .progress__fill {position:absolute;top:0;left:0;height: 2px;background-color: #000;border-radius:1px;transition:width 0.1s linear;}
.sec01_sli .navi-bar span{opacity:0.5;color:#000}

.sec01_sli .navi-bar .current {opacity:1}
.sec01_sli .navi-bar .playbtn{display: none;}

@media (max-width:1400px) {
    #section1{padding-bottom: 0 !important;}
}
@media (max-width:1024px) {
    #sec01_sli{height:650px;}
    .sec01_sli .navi-bar{padding: 20px 0 0 40px;}
}
@media (max-width:768px) {
    #sec01_sli{height:564px;}
    .sec01_sli .navi-bar .custom-pagination{margin-right:10px;}
    .sec01_sli .swiper-btn{margin-right: 10px;}
}
@media (max-width:480px) {
    #sec01_sli{height:510px;}

}
@media (max-width:480px) {
    .sec01_sli .navi-bar:before {display: none;}
    .sec01_sli .navi-bar:after{display: none;}
    .sec01_sli .navi-bar {margin-top:10px;padding: 0;position: relative;z-index: 2;border-radius: 0;bottom: auto;right: auto;left: auto;top: auto;width: 100%;background: transparent;}
    #sec01_sli {height: 560px;display: flex;flex-flow: column;}
    .sec01_sli .navi-area{justify-content:center;max-width:100%;}
}


/*******************************************************
 * sec 02
 *******************************************************/
.sec02_pt_wrap{display:flex;position: relative;}

.sec02_pt.pt_lf{width:55%;margin-right: 20px;}
.sec02_pt.pt_rt{width:45%;background:var(--variant);position: relative;}

.sec02_pt.pt_lf .img_box{display:flex;align-items:center;justify-content:center;}
.sec02_pt.pt_lf .img_box img{width:100%;height:100%;object-fit: cover;}

.name-overlay {position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(transparent, rgba(0,0,0,0.9));padding: 60px 30px 30px;color: white;transform: translateY(100%);transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index: 10;text-align: center;}
.name-overlay.active {transform: translateY(0);}
.name-overlay.active .expert-name, .name-overlay.active .expert-title {opacity: 1;transform: translateY(0);font-weight: 400;}

.sec02_pt.pt_rt #sec02_sli1{width:100%;height:100%;display: flex;flex-flow: column;}
.sec02_pt.pt_rt .sec02_sli1{background:var(--variant);width:100%;height:auto;}
.sec02_pt.pt_rt .text-box h4{font-family: 'NanumSquareNeo';font-weight:800;}
.sec02_pt.pt_rt .text-box ul{background: #fff;}
.sec02_pt.pt_rt .swiper-controls{display:flex;align-items:center;justify-content: space-between;}

@media (max-width:1200px) {
    .sec02_pt.pt_rt #sec02_sli1{padding:0;}
}

@media (max-width:1024px) {
    .sec02_pt_wrap{flex-flow: column;gap:10px;}
    .sec02_pt.pt_lf{width:100%;margin-right: 0;}
    .sec02_pt.pt_rt{width:100%;}
}




/*******************************************************
 * sec 03
 *******************************************************/
#section3{padding:0 !important;}
.partner-body .content-area p{margin-top:5px;}

@media (max-width:480px) {
    .partner-body .grid-cols-6 {grid-template-columns: repeat(2, 1fr);}
}



/*******************************************************
 * sec 04
 *******************************************************/
#section4{}
.sec04-wrap{gap:20px;}

.sec04-area{position: relative;}
.sec04-area .text-box{text-align: center;position: relative;z-index: 10;}
.sec04-area h5{ color: white; font-weight: 300; line-height: 1.3;}
.sec04-area h2{ color: white; font-weight:700; line-height: 1.3;font-family:'NanumSquareNeo';}
.sec04-area .highlight { background: linear-gradient(45deg, #ff6b35, #ff8c42); color: white; padding:0 3px;display: inline-block; font-weight: bold; position: relative; box-shadow: 0 4px 15px rgba(255,107,53,0.3); }

.button::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; }
.button.full-button { background: #fff; color: #fff; transition: 0.4s; transform: perspective(1px) translateZ(0); border-radius: 100px; overflow: hidden; display: flex; align-items: center; justify-content: space-between; position: relative; }
.button.full-button p { color:var(--primary); margin-bottom: 0; transition: 0.4s; }
.full-button span { width: 24px; height: 24px; background: #ff6b35; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: 0.4s; }
.full-button span i { color: white; font-size: 12px; }

.full-button::before { clip-path: circle(0% at 50% 50%); background: var(--primary); transition: clip-path 0.6s ease-in-out, opacity 0.3s ease-out; opacity: 0; }
.full-button:hover { color: #fff; background-color: #000; transform: translateY(-5px); }
.full-button:hover p { color: #fff; }
.full-button:hover::before { clip-path: circle(150% at 50% 50%); opacity: 1; }
.full-button:hover span { background: #fff; }
.full-button:hover span i { color: var(--primary); }

.sec04-bg {background-size: cover !important;background-position: center center;position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;animation: backgroundZoomRotate 5s ease-out forwards;transform: scale(1.1);}
.sec04-bg.bg-01{background-image: url('../img/main/sec04-01.jpg');}
.sec04-bg.bg-02{background-image: url('../img/main/sec04-02.jpg');}
@keyframes backgroundZoomRotate { 0% {transform: scale(1.1) rotate(0deg);} 100% {transform: scale(1.0) rotate(0.002deg);} }



/*******************************************************
 * form
 *******************************************************/

.contact-form{background: #fff;}

#apply{width:100%;max-width:800px;height:auto;}
.apply-area {width: 100%;height: 100%;max-height:600px;flex: 1;display: flex;flex-direction: column;min-height: 0;}
.apply-form {overflow-y: auto;width: 100%;flex: 1;min-height: 0;scrollbar-width: thin;scrollbar-color: #cbd5e0 #f7fafc;}
.apply-form .form-field { flex-direction: column; height: auto; }
.apply-form .form-field .form-label { max-width: 100%; width: 100%; min-width: auto; padding:1rem 1rem; border-right: none; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.apply-form .form-field .form-input { width: 100%; padding: 1rem; }
.apply-form .form-field.form-textarea .form-input { padding: 1rem; }
.apply-form .form-field.form-textarea .form-label { padding:1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.apply-form .check-field { max-width: 100%; }


@media (max-width:1024px) {

}