@charset "utf-8";

/*공통*/
#main-wrap .content_wrap{ padding-top:150px;} 
#main-wrap .content_wrap#first{padding-top: 50px;}
#main-wrap .content_wrap > .inner_wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap: 50px 0;max-width: 1400px;margin: 0 auto;}
#main-wrap .content_wrap .inner_wrap > h2.tit{background:var(--point-color);color:#fff;display:inline-block;padding:10px 20px;border-radius:20px;font-size:2rem;margin-bottom:30px;position:relative;}
#main-wrap .content_wrap .inner_wrap > h2.tit:after{content:'';position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);width:50%;height:3px;background:#8c6a4e;}
#main-wrap .content_wrap .inner_wrap > p img{     max-width: 100%; margin: 0 auto;}
#main-wrap .content_wrap.main-link > .inner_wrap{}


/*비주얼*/
.main-v{position:relative;width:100%;height:100vh;}
.main-v .swiper-container{height:100%;}
.swiper-slide{display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:relative;overflow:hidden;box-sizing:border-box;}
.main-v .swiper-slide .slide_img{width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;transform:scale(1.08);transition:transform 2.5s ease;will-change:transform;position:absolute;left:0;top:0;z-index:1;}
.main-v .swiper-slide.swiper-slide-active .slide_img{transform:scale(1);}
.main-v .swiper-slide.swiper-01 .slide_img{background-image:url('../img/main/main_bg01.jpg');}
.main-v .swiper-slide.swiper-02 .slide_img{background-image:url('../img/main/main_bg02.jpg');}
.main-v .txt{position:relative;display:inline-block;margin:0 auto;color:#fff;text-align:left;font-size:1.125rem;left:260px;position:absolute;top:220px;z-index:5;}
.main-v .txt .h2-tit{font-size:2rem;}
.main-v .txt .h2-tit{font-size:4rem;line-height:5rem;margin:20px 0;}
.main-v .txt .h2-tit b{color:--point-color;}
.main-v .swiper-slide .tit{opacity:0;transform:translateY(20px);transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .6s;color: #ffffff;}
.main-v .swiper-slide .tit strong{color: #3d2917;}

.main-v .swiper-slide.swiper-slide-active .tit{opacity:1;transform:translateY(0);}
.main-v .swiper-slide .tit01{transition-delay:0.5s;font-size:2rem;font-weight:500;color: var(--white);}
.main-v .swiper-slide .tit02{transition-delay:1s; color: #3d2917;}
.main-v .swiper-slide .tit03{transition-delay:1.5s;font-weight:500;color: var(--lightgray);}

.main-v .swiper-slide.swiper-slide-active
.main-v .swiper-container-horizontal>.swiper-pagination-bullets{bottom:50px;color:#fff;}
.main-v .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:8px;height:8px;background-color:#fff;margin:0 7px;}
.main-v .swiper-pagination-bullet{position:relative;opacity:1;}
.main-v .swiper-pagination-bullet-active:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:"";width:20px;height:20px;border-radius:50%;border:1px solid #fff;}
.main-v .scroll{position:absolute;z-index:10;bottom:80px;left:50%;width:44px;height:29px;background:url(../img/comm/ico_scroll.png) no-repeat;background-size:100%;transform:translateX(-50%);animation:toUpScroll 1s ease infinite;transition:all 1s ease;}

/*링크*/
.main-link{padding:100px 0;}
.main-link .link-item ul{overflow:hidden;}
.main-link .link-item li{float:left;width:200px;height:480px;cursor:pointer;color:#fff;text-align:center;background-color:var(--point-color);border-right:1px solid rgba(255,255,255,0.3);}
.main-link .link-item li:last-child{border-right:0;}
.main-link .link-item li.on{width: calc(100% - 400px);display:flex;background-color:#fff;border-top:5px solid var(--point-color);border-bottom:5px solid var(--point-color);}
.main-link .link-item li:nth-child(1).on .img{background:url('../img/main/84a.jpg') center/cover no-repeat;}
.main-link .link-item li:nth-child(2).on .img{background:url('../img/main/84b.jpg') center/cover no-repeat;}
.main-link .link-item li:nth-child(3).on .img{background:url('../img/main/84c.jpg') center/cover no-repeat;}
.main-link .link-item .img{}
.main-link .link-item .txt{display:flex;align-items:center;justify-content:center;height:100%;flex-direction:column;}
.main-link .link-item li.on .txt{width:20%;}
.main-link .link-item .num{font-size:1.5rem;color:#fff;font-family:'poppins';}
.main-link .link-item .subject{display:block;font-size:1rem;margin:10px 0;font-weight:normal;}
.main-link .link-item p{display:none;}
.main-link .link-item .btn-view{font-size:0;margin-top:0;}
.main-link .link-item .btn-view:after{margin-left:0;color:rgba(248, 51, 51, 0.3);font-size:4rem;font-weight:normal;}
.main-link .link-item li.on .img{text-align:left;width:80%;margin:0 auto;justify-content:flex-start;background-size:contain!important;}
.main-link .link-item li.on .num{color:var(--point-color);}
.main-link .link-item li.on .subject{font-size:1rem;color:var(--point-color);}
.main-link .link-item li.on p{display:block;}
.main-link .link-item li.on .btn-view{color:var(--point-color);font-size:.875rem;border:2px solid var(--point-color);padding:10px 35px;margin-top:20px;border-radius:10px;}
.main-link .link-item li.on .btn-view:after{font-size:.875rem;margin-left:15px;color:var(--point-color);}

/*메인 섹션3*/
.main_sec03 {}
.main_sec03 ul{display:flex;}
.main_sec03 ul li:first-child{width:53vw; background:url('../img/main/main_bg04.jpg') center/cover no-repeat;}
.main_sec03 ul li:last-child{padding:2rem;background:#f1f1f1; width:50vw;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.main_sec03 ul li:last-child>h2{color:#555;letter-spacing:-0.05em;font-size:2.4rem;margin-bottom:30px;}
.main_sec03 ul li:last-child h3{margin:12px 0;font-size:2rem;color:var(--point-color);font-weight:700;text-align:left;background:no-repeat center top;background-size:6rem auto;}
.main_sec03 ul li:last-child .stxt{margin-bottom:25px;font-size:16px;line-height:1.37;text-align:center;}
.main_sec03 ul li:last-child input[type="text"],.main_sec03 ul li:last-child select{width:100%;height:60px;padding-left:15px;border:1px solid #888;background:transparent;border-radius:3px;font-size:14px;color:#222;margin-bottom:20px;}
.main_sec03 ul li:last-child .inp_chk{padding:5px 0;display:flex;gap:0 5px;}
.main_sec03 ul li:last-child .btn_submit{width:100%;height:44px;margin-top:10px;text-align:center;border-radius:3px;font-size:15px;font-weight:700;color:#fff;background:var(--point-color);}
.main_sec03 ul li:last-child .tbox{border-radius:3px;color:var(--point-color);padding:1rem 0;line-height:1.7;text-align:center;}
.main_sec03 ul li:last-child .tbox strong{display:inline-block;font-size:15px;color:var(--point-color);font-weight:500;margin-right:7px;}
.main_sec03 ul li:last-child .tbox span{display:inline-block;color:var(--point-color);font-size:23px;font-weight:600;}


@media all and (max-width:1400px){
#main-wrap .content_wrap > .inner_wrap{max-width: 100%;}
}
/*미디어쿼리*/
@media all and (max-width:1280px){
.main-link .link-item .num{font-size:1.2rem;}
.main-link .link-item li.on .btn-view{padding:8px 0;width:100%;max-width:200px;margin-top:10px;}
.main-link .link-item li.on .btn-view:after{display:none;}
.main-link .link-item li.on .img{margin:0 20px;}
.main-link .link-item li{flex-direction:column;}
.main-link .link-item li.on .txt{width:100%;height:auto;margin-top:10px;}
.main-link .link-item li.on .img{width:calc(100% - 40px);height:80%;}
}

@media all and (max-width:1200px){
.main-v .txt{left:160px;top:160px;}
.main-v .txt .h2-tit{font-size:3rem;line-height:3.8rem;margin:15px 0;}
.main-v .swiper-slide .tit01{font-size:1.8rem;}
.main-v .txt{left:150px;top:150px;}
.main-link .cinner .img{min-width:auto;width:40%;margin-right:50px;flex-shrink:0;}
.main-link .cinner:before{font-size:6rem;}
.main-link.right .cinner .img{margin-right:0;margin-left:50px;}
.main-link.right .txt{padding-left:0;}
}

@media all and (max-width:1030px){
.main-link .link-item li{width:150px;}
.main-link .link-item li.on{width:calc(100% - 300px);}
.main_sec03 ul li:first-child{width:30vw;}
.main_sec03 ul li:last-child{width:70vw;}
.main-link .link-item .num{font-size:1.3rem;}
.main-link .link-item li.on .num{font-size:2rem;}
.main-link .link-item li.on .img{width:80%;}
.main-link .link-item li.on .subject{font-size:1.3rem;margin:5px 0;}
.main-link .link-item li a{}
}

@media all and (max-width:1000px){
.main-v .txt{padding:50px;font-size:1rem;}
.main-v .txt:before,.main-v .txt:after{width:150px;height:3px;}
.main-v .swiper-slide{}
.main-v .swiper-slide::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2);z-index:3;}
.main-v .txt{text-align:center;padding:0;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;}
}

@media all and (max-width:760px){
.main-link{padding:50px 0;}
.main-link .link-item li{width:50px;height:350px;}
.main-link .link-item .num{font-size:1.5rem;}
.main-link .link-item .subject{display:none;}
.main-link .link-item .btn-view:after{font-size:3rem;}
.main-link .link-item li.on{width:calc(100% - 100px);}
.main-link .link-item li.on .num{font-size:2rem;}
.main-link .link-item li.on .subject{display:block;font-size:1.4rem;}
.main-link .link-item li.on .btn-view{padding:6px 20px;}
.main-link .link-item li{width:100%;height:calc(100px + 30px);border-bottom:1px solid rgba(255,255,255,0.3);border-right:0;padding:15px 0;}
.main-link .link-item li:last-child{border-bottom:0;}
.main-link .link-item li.on{width:calc(100%);height:450px;padding:20px 0;gap:0 20px;border-top:0;}
.btn-view{padding:5px 0;}
.main-v .txt .h2-tit{font-size:3rem;margin:20px auto;color: #fff; line-height: 2.5rem;}
.main-v .swiper-slide .tit01,.main-v .swiper-slide .tit03{color: #fff;}
.main-link .link-item ul{border-top:5px solid var(--point-color);border-bottom:5px solid var(--point-color);}
.main_sec03 ul li:first-child{display:none;}
.main_sec03 ul li:last-child{width:100vw;}
.main-v .scroll{bottom:50px;}
.main-v .swiper-container-horizontal>.swiper-pagination-bullets{bottom:20px;}
}

@media all and (max-width:640px){
    .main-link .link-item li{height:130px;}
    .main-link .link-item li.on .img{width:calc(100% - 20px);margin:0 10px;}

    #main-wrap .content_wrap{ padding-top:100px;} 
    #main-wrap .content_wrap#first{padding-top: 0;}
    #main-wrap .content_wrap > .inner_wrap{gap: 15px 0;}
    #main-wrap .content_wrap .inner_wrap > h2.tit{padding:10px 20px;font-size:1.7rem;margin-bottom:30px;position:relative;}
    #main-wrap .content_wrap .inner_wrap > h2.tit:after{content:'';position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);width:50%;height:3px;background:#8c6a4e;}

}

@media all and (max-width:480px){
.main-v .txt{font-size:.9rem;}
.main-v .txt .h2-stit{font-size:1rem;}
.main-v .txt:before,.main-v .txt:after{width:100px;height:2px;}
}