@charset "utf-8";

/** common **/
.wrap-content:has(:not([class*='section-0'])){padding:0;}
[class*='section-0']{padding-right:var(--inner-spacer-2);padding-left:var(--inner-spacer-2);}
.section-area{width:100%;max-width:var(--inner-max);margin:0 auto;}

/** section 01 **/
.section-01{padding-top:clamp(110px,9.4vw,160px);height:clamp(380px,32.6vw,560px);background:url(../images/main/visual_bg.jpg) no-repeat center left / cover;}
.visual-txt{padding-left:15px;}
.visual-txt *{font-family:'SCoreDream';text-shadow:0 7px 6px rgba(0, 0, 0, .5);word-break:keep-all;}
.visual-txt p{margin-bottom:clamp(9px,.8vw,15px);color:var(--white);font-size:clamp(22px,1.7vw,26px);font-weight:400;}
.visual-txt strong{color:#6cecff;font-size:clamp(29px,2.4vw,39px);font-weight:500;}

/** section 02 **/
.wrap-service{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:clamp(45px,3.5vw,55px);}
.wrap-service [class*='service-0']{display:flex;flex-direction:column;justify-content:space-between;padding:30px clamp(25px,1.9vw,30px) 30px;border-radius:18px;}
.wrap-service .service-head{margin-bottom:30px;text-align:center;}
.wrap-service .service-head *{color:var(--white);}
.wrap-service .service-head .tit{display:block;margin-bottom:16px;font-size:clamp(22px,1.7vw,27px);font-weight:700;}
.wrap-service .service-head p{line-height:1.4em;font-size:clamp(16px,1.1vw,17px);font-weight:500;word-break:keep-all;}
.wrap-service .service-body{position:relative;padding:0 10px 0 155px;}
.wrap-service .service-body:before{content:'';position:absolute;top:50%;left:12px;width:124px;height:124px;border-radius:50%;transform:translateY(-50%);background-color:rgba(255,255,255,.28);background-repeat:no-repeat;background-position:center;}
.wrap-service .service-body .menu-btn{overflow:hidden;display:block;position:relative;width:100%;padding:13px 10px;color:var(--white);font-size:clamp(16px,1.2vw,18px);text-align:center;border:1px solid var(--white);border-radius:5px;z-index:1;}
.wrap-service .service-body .menu-btn:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;transition:all .3s cubic-bezier(.62,.16,.13,1.01);transform:translateX(-100%);background:var(--white);z-index:-1;}
.wrap-service .service-body .menu-btn+.menu-btn{margin-top:10px;}
.wrap-service .service-body .menu-btn i{font-weight:600;}
.wrap-service .service-body .menu-btn:last-child{color:var(--black);background:var(--white);}

.wrap-service .service-body .menu-btn:is(:hover,:focus){color:var(--black);}
.wrap-service .service-body .menu-btn:is(:hover,:focus):before{transform:translateX(0);}
.wrap-service .service-body .menu-btn:is(:hover,:focus):last-child{color:var(--white);}

.wrap-service .service-01 .service-body .menu-btn:is(:hover,:focus):last-child:before{background:#1c56ff;}
.wrap-service .service-02 .service-body .menu-btn:is(:hover,:focus):last-child:before{background:#394fca;}
.wrap-service .service-03 .service-body .menu-btn:is(:hover,:focus):last-child:before{background:#0475de;}

.wrap-service .service-01{background:#1c56ff;}
.wrap-service .service-01 .service-body:before{background-image:url(../images/main/service_01.png);}
.wrap-service .service-02{background:#394fca;}
.wrap-service .service-02 .service-body:before{background-image:url(../images/main/service_02.png);}
.wrap-service .service-03{background:#0475de;}
.wrap-service .service-03 .service-body:before{background-image:url(../images/main/service_03.png);}

/** section 03 **/
.section-03{margin-top:clamp(45px,3.5vw,55px);padding-top:clamp(49px,3.8vw,59px);padding-bottom:clamp(54px,4.4vw,74px);border-radius:clamp(55px,6.8vw,205px) 0 0 0;background:#f3f6f9;}
.section-03 .section-area{display:flex;flex-wrap:wrap;}
.section-03 h2.tit{color:var(--black);font-size:20px;font-weight:600;}
.section-03 .more-btn{display:block;position:absolute;top:4px;right:0;color:#555;font-size:15px;font-weight:500;}
.section-03 .more-btn span{padding:2px 0;}
.section-03 .more-btn span:after{content:'';display:inline-block;width:16px;height:16px;margin-left:7px;vertical-align:text-top;background:url(../images/ico/ico_more01.png);}
.section-03 .more-btn i{overflow:hidden;display:block;position:relative;width:0;height:0;text-indent:-9999px;border:0;clip:rect(0, 0, 0, 0);}

.section-03 .more-btn:is(:hover,:focus) span{color:var(--black);}
.section-03 .more-btn:is(:hover,:focus) span:after{filter:var(--hover-black);}

.wrap-notice+.wrap-notice,[class*='quick']+[class*='quick']{margin-left:clamp(20px,1.5vw,24px);}
.wrap-notice+[class*='quick']{margin-left:clamp(29px,2.3vw,37px);}
.wrap-notice{position:relative;width:clamp(260px,20.1vw,320px);}
.wrap-notice > .tit{margin-bottom:21px;}
.notice-cont{display:block;padding:34px clamp(24px,1.8vw,28px);border:1px solid #d0d3d6;border-radius:15px;background:var(--white);}
.notice-cont *{display:block;color:#1d1d1d;}
.notice-cont .tit{overflow:hidden;margin-bottom:25px;font-size:18px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;}
.notice-cont .txt{overflow:hidden;display:-webkit-box;height:2.8em;margin-bottom:28px;line-height:1.4em;font-size:17px;font-weight:400;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.notice-cont .date{color:#555;font-weight:500;}

.notice-cont:is(:hover,:focus){border-color:#243cc0;}
.notice-cont:is(:hover,:focus) .tit{color:#243cc0;}

[class*='quick']{flex:1;position:relative;margin-top:45px;padding:33px 0 0 clamp(23px,1.9vw,33px);border-radius:15px;}
[class*='quick']:after{content:'';position:absolute;bottom:0;right:10px;width:clamp(80px,6.6vw,110px);height:clamp(86px,7vw,116px);background-repeat:no-repeat;background-size:contain;}
[class*='quick'] .tit{display:inline-block;position:relative;padding-right:35px;}
[class*='quick'] .tit:after{content:'';position:absolute;top:-2px;right:0;width:26px;height:26px;border-radius:50%;transform:translateX(0);transition:all .3s cubic-bezier(.62,.16,.13,1.01);background:var(--white) url(../images/ico/ico_arr02.png) no-repeat center;}
.quick-01{background:#dce5ff;}
.quick-01:after{background-image:url(../images/main/quick_01.png);}
.quick-02{background:#cde6fe;}
.quick-02:after{background-image:url(../images/main/quick_02.png);}

[class*='quick']:is(:hover,:focus) .tit:after{transform:translateX(10px);}

.wrap-faq{position:relative;width:100%;margin-top:clamp(51px,4.3vw,65px);}
.wrap-faq > .tit{margin-bottom:35px;}
.wrap-faq .more-btn{top:-10px;padding:12px 19px 12px 21px;border:1px solid #d6dadd;border-radius:25px;background:var(--white);}
.faq-list{display:grid;grid-template-columns:repeat(2,1fr);}
.faq-list li{min-width:0;padding-right:clamp(31px,2.6vw,45px);}
.faq-list [class*='faq']{display:block;position:relative;padding-left:clamp(110px,8vw,120px);}
.faq-list [class*='faq']:before{content:'';position:absolute;top:50%;left:0;width:90px;height:90px;border-radius:15px;transform:translateY(-50%);background-color:#dee8f1;background-repeat:no-repeat;background-position:center;}
.faq-list [class*='faq'] *{display:block;font-weight:600;}
.faq-list [class*='faq'] .tag{color:#243cc0;}
.faq-list [class*='faq'] :is(.txt,.tit i){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.faq-list [class*='faq'] .tit{margin:8px 0 10px;}
.faq-list [class*='faq'] .tit i{display:inline-block;max-width:100%;position:relative;color:#2e2e2f;font-size:19px;z-index:1;}
.faq-list [class*='faq'] .tit i:before{content:'';position:absolute;bottom:0;left:0;width:0;height:12px;transition:all .4s cubic-bezier(.62,.16,.13,1.01);background:#cfd6ff;z-index:-1;}
.faq-list [class*='faq'] .txt{color:#1d1d1d;font-size:17px;font-weight:400;}

.faq-list .faq-01:before{background-image:url(../images/main/faq_01.png);}
.faq-list .faq-02:before{background-image:url(../images/main/faq_02.png);}

.wrap-faq .more-btn:is(:hover,:focus){border-color:var(--black);}
.faq-list [class*='faq']:is(:hover,:focus) .tit i:before{width:100%;}

/** section 04 **/
.section-04{padding-top:clamp(38px,3vw,48px);padding-bottom:clamp(38px,3vw,48px);}
.swiper-site{padding:0 59px;}
.swiper-site .slider-cont{padding:0 1px;}
.swiper-site .swiper-slide a{display:block;border:1px solid #d8d8d8;border-radius:8px;}
.swiper-site .swiper-slide img{display:block;width:100%;}
.swiper-site .swiper-navi [class*='swiper']{display:block;position:absolute;top:calc(50% - 18px);width:36px;height:36px;text-indent:-9999px;border:1px solid #d8d8d8;border-radius:50%;background:url(../images/ico/ico_arr02.png) no-repeat center;z-index:10;}
.swiper-site .swiper-navi .swiper-prev{left:0;transform:scaleX(-1);}
.swiper-site .swiper-navi .swiper-next{right:0;}

.swiper-site .swiper-slide a:is(:hover,:focus){border-color:#243cc0;}
.swiper-site .swiper-navi [class*='swiper']:is(:hover,:focus){border-color:var(--black);}

/** 1200px 시작 **/
@media screen and (max-width:1200px){
    /** section 01 **/
    .section-01{height:clamp(360px,36.1vw,380px);}
    .visual-txt p{font-size:clamp(18px,1.9vw,20px);}
    .visual-txt strong{font-size:clamp(25px,2.5vw,27px);}

    /** section 02 **/
    .wrap-service{gap:20px;}
    .wrap-service .service-head{margin-bottom:20px;}
    .wrap-service .service-head .tit{font-size:clamp(20px,2.1vw,22px);}
    .wrap-service .service-head p > br{display:none;}
    .wrap-service .service-body{padding:0;}
    .wrap-service .service-body:before{content:none;}
    .wrap-service [class*='service-0']{padding:28px 20px 20px;}

    /** section 03 **/
    .section-03 .more-btn{font-size:14px;}

    .notice-cont{padding:23px 20px;}
    .notice-cont .tit{margin-bottom:20px;}

    [class*='quick']{padding:24px 20px;}

    .wrap-faq > .tit{margin-bottom:25px;}
    .wrap-faq .more-btn{padding:8px 12px;}
}			
/** 1200px 끝 **/

/** 1024px 시작 **/
@media screen and (max-width:1024px){
    /** section 03 **/
    .section-03 h2.tit{font-size:18px;}
    .wrap-notice,[class*='quick']{width:calc(50% - 10px);}
    .wrap-notice+[class*='quick']{margin-left:0;}
    .wrap-notice > .tit{margin-bottom:15px;}

    .notice-cont .tit{margin-bottom:10px;}
    .notice-cont .txt{margin-bottom:15px;font-size:16px;}

    [class*='quick']{flex:none;margin-top:20px;}
    [class*='quick']:after{content:none;}
    [class*='quick'] .tit{display:block;}
    [class*='quick']:is(:hover,:focus) .tit:after{transform:translateX(0);}

    .wrap-faq{margin-top:40px;}
    .faq-list [class*='faq']{padding-left:90px;}
    .faq-list [class*='faq']:before{width:75px;height:75px;}
    .faq-list li{padding-right:25px;}
    .faq-list [class*='faq'] .tit{margin:5px 0;}
    .faq-list [class*='faq'] .tit i{font-size:17px;}
    .faq-list [class*='faq'] .txt{font-size:16px;}
}			
/** 1024px 끝 **/

/** 820px 시작 **/
@media screen and (max-width:820px){
    /** section 01 **/
    .section-01{display:flex;align-items:center;padding-top:0;padding-bottom:50px;height:clamp(250px,43vw,300px);}
    .visual-txt{padding:0;text-align:center;}
    .visual-txt p{font-size:clamp(16px,2.7vw,18px);margin-bottom:5px;}
    .visual-txt strong{font-size:clamp(20px,3.4vw,25px);}

    /** section 02 **/
    .wrap-service{grid-template-columns:repeat(1,1fr);gap:15px;}
    .wrap-service [class*='service-0']{align-items:center;padding:20px 15px 15px;}
    .wrap-service .service-head .tit{margin-bottom:10px;}
    .wrap-service .service-body{display:flex;flex-wrap:wrap;max-width:400px;width:100%;}
    .wrap-service .service-body .menu-btn{width:calc(50% - 6px);}
    .wrap-service .service-body .menu-btn+.menu-btn{margin:0 0 0 12px;}

    /** section 03 **/
    .section-03{margin-top:35px;padding-top:35px;padding-bottom:35px;border-radius:0;}

    /** section 04 **/
    .section-04{padding-top:25px;padding-bottom:25px;}
}			
/** 820px 끝 **/

/** 767px 시작 **/
@media screen and (max-width:767px){
    /** section 03 **/
    .wrap-faq > .tit{margin-bottom:18px;}
    .faq-list{grid-template-columns:repeat(1,1fr);}
    .faq-list li{padding-right:0;}
    .faq-list li+li{margin-top:25px;}

    /** section 04 **/
    .swiper-site{padding:0 40px;}
    .swiper-site .swiper-navi [class*='swiper']{top:calc(50% - 15px);width:30px;height:30px;}
}			
/** 767px 끝 **/

/** 640px 시작 **/
@media screen and (max-width:640px){
}			
/** 640px 끝 **/

/** 520px 시작 **/
@media screen and (max-width:520px){
    /** section 03 **/
    .section-03{margin-top:25px;padding-top:25px;}

    .wrap-notice,[class*='quick']{width:100%;}
    .wrap-notice+.wrap-notice{margin:20px 0 0 0;}
    .notice-cont{padding:18px 15px;}

    [class*='quick'],[class*='quick']+[class*='quick']{margin:15px 0 0 0;}
    [class*='quick']{padding:18px 15px;}
}			
/** 520px 끝 **/

/** 414px 시작 **/
@media screen and (max-width:414px){
    /** section 01 **/
    .visual-txt p{font-size:15px;}
    .visual-txt strong{font-size:18px;}

    /** section 03 **/
    .faq-list [class*='faq']{padding:0;}
    .faq-list [class*='faq']:before{content:none;}
    .faq-list li+li{margin-top:15px;padding-top:15px;border-top:1px dashed #b0b7bd;}
}			
/** 414px 끝 **/

/** 320px 시작 **/
@media screen and (max-width:320px){
    /** section 02 **/
    .wrap-service .service-body .menu-btn{width:100%;}
    .wrap-service .service-body .menu-btn+.menu-btn{margin:10px 0 0 0;}
}			
/** 320px 끝 **/