@charset "utf-8";

/* mVisual */
#mVisual{width: 100%; height: 100dvh; position: relative;}
#mVisual .visual{width: 100%; height: 100%;}
#mVisual .visual > div{height: 100% !important;}
#mVisual .visual > div > div{height: 100% !important;}
#mVisual .visual .mv{width: 100%; height: 100%; position: relative;}
#mVisual .visual .mv .img{height: 100%;}
#mVisual .visual .mv .img img{width: 100%; height: 100%; object-fit: cover;}
#mVisual .visual .mv .inner{position: absolute; left: 50%; transform: translateX(-50%); height: 100%; display: flex; flex-direction: column; justify-content: center; top: 0;text-align: center;}
#mVisual .visual .mv .txt h4{color: var(--color2); font-family: 'montserrat';letter-spacing: 0.3em; font-size: 1.3rem;}
#mVisual .visual .mv .txt h3{font-size: 6rem; color: #fff; margin: 3rem 0 5rem;}
#mVisual .visual .mv .txt > p{font-size: 2rem; color: #fff; margin-bottom: 7rem; line-height: 1.6;}
.btn{display: flex; align-items: center; justify-content: center;gap: 2rem; width: 22rem; height: 6rem; background: linear-gradient(to right, var(--color1), var(--color2)); border-radius: 100px;font-size: 2rem; margin: 0 auto; color: #fff; font-weight: bold;}
.btn span{font-family: 'suit'; font-weight: normal;}

#mScroll {position:absolute; left:50%; bottom:30px; transform:translateX(-50%); z-index:10}
#mScroll {position:absolute; bottom:50px; left:50%; transform:translate(-50%, 0); z-index:101;  text-align:center}
#mScroll .circle {width:2.6rem; height:4rem; border:0.2rem solid #FFF; border-radius:50px; position:relative; margin:0 auto}
#mScroll .ball{width:0.6rem; height:0.6rem; border-radius:100%; background-color:#FFF; position:absolute; top:8px; left:50%; transform:translateX(-50%); animation:aniMouse 1.5s ease-out infinite;}
#mScroll .t2 {margin-top:0.7em; font-size:1.3rem; opacity:.7; color:#FFF}
@keyframes aniMouse {0%{top:8px;}50%{top:16px;}100%{top:8px;}}


@media all and (max-width:1280px){
    #mVisual .visual .mv .txt h3{font-size: 5rem;}
    #mVisual .visual .mv .txt > p{font-size: 1.8rem; margin-bottom: 5rem;}
    .btn{font-size: 1.8rem; height: 5rem;width: 20rem;}
}
@media all and (max-width:768px){
    #mVisual .visual .mv .txt h3{font-size: 4rem;}
}
@media all and (max-width:480px){
    #mVisual .visual .mv .txt h4{font-size: 1.2rem;}
    #mVisual .visual .mv .txt > p{font-size: 1.6rem;}
    .btn{font-size: 1.6rem; height: 4.5rem;width: 18rem;}
}



.m_txt{text-align: center; margin-bottom: 7rem;}
.m_txt h4{font-family: 'montserrat'; font-size: 1.3rem; letter-spacing: 0.3em; color: var(--color2);}
.m_txt h3{font-size: 5rem; margin: 2.5rem 0 3.5rem; line-height: 1.3;}
.m_txt p{font-size: 1.8rem; color: #555; line-height: 1.5;}

@media all and (max-width:1280px){
    .m_txt{margin-bottom: 6rem;}
    .m_txt h3{font-size: 4.5rem;}
}
@media all and (max-width:980px){
    .m_txt h3{font-size: 4rem;margin: 2rem 0 3rem;}
}
@media all and (max-width:768px){
    .m_txt{margin-bottom: 5rem;}
    .m_txt h4{font-size: 1.1rem;}
    .m_txt h3{font-size: 3.5rem;}
    .m_txt p{font-size: 1.6rem;}
}


#sec1 ul{display: flex;gap: 2rem;}
#sec1 ul li{width: calc(50% - 1rem); border-radius: 2rem; overflow: hidden; box-shadow: 1px 1px 10px 5px rgba(0,0,0,0.05); display: flex; flex-direction: column; justify-content: space-between; height: 50rem; color: #fff; padding: 6rem; background-position: center center;}
#sec1 ul li .top h3{font-size: 3.7rem;}
#sec1 ul li .top p{font-size: 2.3rem;margin-top: 2rem; line-height: 1.5;}
#sec1 ul li .list p{font-size: 2rem; position: relative; padding-left: 4rem;}
#sec1 ul li .list p:after{content: ''; width: 2.6rem; height: 2.6rem; background: url('/images/main/check.png') center center / cover no-repeat; position: absolute; left: 0;top: 0;}
#sec1 ul li .list p + p{margin-top: 2rem;}


@media all and (max-width:1280px){
    #sec1 ul li{padding: 5rem 4rem;}
    #sec1 ul li .top h3{font-size: 3.2rem;}
    #sec1 ul li .top p{font-size: 2rem;}
    #sec1 ul li .list p{font-size: 1.8rem; padding-left: 3.5rem;}
    #sec1 ul li .list p:after{width: 2.3rem; height: 2.3rem;}
}
@media all and (max-width:980px){
    #sec1 ul li .top h3{font-size: 2.7rem;}
    #sec1 ul li .top p{font-size: 1.8rem;}
}
@media all and (max-width:880px){
    #sec1 ul{flex-wrap: wrap;}
    #sec1 ul li{width: 100%; height: 40rem;}
}
@media all and (max-width:480px){
    #sec1 ul li{padding: 4rem;height: 35rem; border-radius: 1rem;}
    #sec1 ul li .top h3{font-size: 2.5rem;}
    #sec1 ul li .top p{font-size: 1.6rem;}
    #sec1 ul li .list p{font-size: 1.6rem; padding-left: 3rem;}
    #sec1 ul li .list p:after{width: 2rem; height: 2rem;}
}



#sec2{position: relative; background: url('../images/main/sec2_bg.jpg') no-repeat center center / cover; overflow: hidden; color: #fff;}

#sec2 .m_txt h3 .dot{position: relative; display: inline-block;}
#sec2 .m_txt h3 .dot::before{content: ''; position: absolute; top: -1rem; left: 50%; transform: translateX(-50%); width: 0.6rem; height: 0.6rem; background: #fff; border-radius: 50%;}

#sec2 .rolling_wrap{width: 100%; overflow: hidden;}
#sec2 .rolling{width: 100%;}
#sec2 .rolling .item{padding: 0 2.5rem;}
#sec2 .rolling .item span{display: flex; align-items: center; justify-content: center; width: max-content; height: 9rem; padding: 0 6rem; background: rgba(255,255,255,0.3); border-radius: 100px; color: #fff; font-size: 2.5rem; font-weight: 600; white-space: nowrap;}
#sec2 .slick-list{overflow: visible;}
#sec2 .slick-track{display: flex; align-items: center;}
#sec2 .slick-slide{width: auto; height: auto;}
#sec2 .line{width: 1px; height: 10rem; background: rgba(255,255,255,0.5); margin: 6rem auto;}

#sec2 .bottom_txt{position: relative; text-align: center;padding: 0 2rem;}
#sec2 .bottom_txt p{font-size: 3rem; font-weight: 400; line-height: 1.5; margin-bottom: 5rem; color: #fff;}
#sec2 .bottom_txt p span{font-weight: bold;}
#sec2 .btn{ border: 1px solid rgba(255,255,255,0.8); background: transparent; color: #fff; transition: 0.3s;}
#sec2 .btn:hover{background: #fff; color: #0a4595;}

@media all and (max-width:1280px){
    #sec2 .rolling .item{padding: 0 2rem;}
    #sec2 .rolling .item span{height: 8rem; padding: 0 4rem; font-size: 2.2rem;}
    #sec2 .bottom_txt p{font-size: 2.7rem;}
}

@media all and (max-width:768px){
    #sec2 .rolling .item{padding: 0 1rem;}
    #sec2 .rolling .item span{height: 7rem; padding: 0 4rem; font-size: 2rem;}
    #sec2 .line{height: 8rem;}
    #sec2 .bottom_txt p{font-size: 2.3rem;}
}

@media all and (max-width:480px){
    #sec2 .m_txt h3 .dot::before{width: 0.4rem; height: 0.4rem;}
    #sec2 .rolling .item span{height: 5.5rem; padding: 0 3rem; font-size: 1.8rem;}
}

#sec3 {background: #f6f8fb;}
#sec3 ul{display: flex;gap: 2.5rem; flex-wrap: wrap; justify-content: center;}
#sec3 ul li{width: calc(100%/5 - 10rem/5); border-radius: 2rem; background: #fff; text-align: center;padding: 3rem 1rem;}
#sec3 ul li h3{margin: 3.5rem 0 2rem; font-size: 2.5rem;}
#sec3 ul li p{font-size: 1.8rem; line-height: 1.5;}

@media all and (max-width:1480px){
    #sec3 ul li{width: calc(100%/3 - 5rem/3);}
}
@media all and (max-width:1280px){
    #sec3 ul li .img{width: 10rem;margin: 0 auto;}
    #sec3 ul li .img img{width: 100%;}
    #sec3 ul li h3{font-size: 2.2rem;}
    #sec3 ul li p{font-size: 1.6rem;}
}
@media all and (max-width:768px){
    #sec3 ul{justify-content: start;}
    #sec3 ul li{width: calc(100%/2 - 2.5rem/2);}
}
@media all and (max-width:480px){
    #sec3 ul li .img{width: 8rem;}
    #sec3 ul li{width: 100%;}
    #sec3 ul li h3{margin: 3rem 0 2rem;}
}



#sec4{overflow: hidden;}
#sec4 .service_slide{width: 100%;}
#sec4 .service_slide .slick-list{overflow: visible;}
#sec4 .service_slide .slick-track{display: flex; align-items: center;}
#sec4 .service_slide .slick-slide{float: none; height: auto;}
#sec4 .service_slide .item{position: relative; width: 85rem; height: 50rem; margin: 0 1.5rem; padding: 6rem; border-radius: 2rem; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; color: #fff; display: flex !important; flex-direction: column; justify-content: space-between;}
#sec4 .service_slide .item::before{content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.6); z-index: 0; transition: background 0.5s ease;}
#sec4 .service_slide .item.slick-center::before{background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 40%, rgba(10,69,149,0.7) 70%, rgba(10,69,149,0.95) 100%);}
#sec4 .service_slide .item .num{position: relative; z-index: 1; align-self: flex-end; font-family: 'montserrat'; font-size: 1.6rem; font-weight: bold; letter-spacing: 0.2em; color: #fff; opacity: 0.3;}
#sec4 .service_slide .item .txt{position: relative; z-index: 1;}
#sec4 .service_slide .item .txt h3{font-size: 3.2rem; font-weight: bold; margin-bottom: 2rem; line-height: 1.3; color: #fff;}
#sec4 .service_slide .item .txt p{font-size: 2rem; font-weight: 400; line-height: 1.6; color: #fff;}

@media all and (max-width:1280px){
    #sec4 .service_slide .item{width: 70rem; height: 43rem; padding: 5rem;}
    #sec4 .service_slide .item .txt h3{font-size: 3rem;}
    #sec4 .service_slide .item .txt p{font-size: 1.8rem;}
}

@media all and (max-width:768px){
    #sec4 .service_slide .item{width: 55rem; height: 38rem; padding: 4rem; margin: 0 1rem;}
    #sec4 .service_slide .item .num{font-size: 1.3rem;}
    #sec4 .service_slide .item .txt h3{font-size: 2.6rem;}
    #sec4 .service_slide .item .txt p{font-size: 1.7rem;}
}

@media all and (max-width:480px){
    #sec4 .service_slide .item{width: 38rem; height: 36rem; padding: 3rem; margin: 0 0.8rem; border-radius: 1.5rem;}
    #sec4 .service_slide .item .num{font-size: 1.2rem;}
    #sec4 .service_slide .item .txt h3{font-size: 2.4rem; margin-bottom: 1.5rem;}
    #sec4 .service_slide .item .txt p{font-size: 1.6rem;}
}





#sec5{position: relative; background: #fbfcfe url('../images/main/sec5_bg.jpg') no-repeat center center / cover; overflow: hidden;}
#sec5 .inner{position: relative; display: flex; align-items: center; justify-content: space-between; min-height: 660px; margin: 0 auto; padding: 10rem 0 14rem;}
#sec5 .lt{position: relative; z-index: 2; width: 34%;}
#sec5 .lt .m_txt{text-align: left;}
#sec5 .lt .quote{position: relative; display: inline-block; margin-top: 10rem; padding: 0 8rem; font-size: 3.5rem; line-height: 1.5; text-align: center; font-weight: 500; color: #333;    font-family: 'KimjungchulScript-Regular';}
#sec5 .lt .quote::before{content: '“'; position: absolute; top: -3rem; left: 0; font-size: 20rem; font-family: 'ELAND_Choice_B'; font-weight: bold; line-height: 1; color: #0a4595; opacity: 0.2;}
#sec5 .lt .quote::after{content: '”'; position: absolute; bottom: -17rem; right: 0; font-size: 20rem; font-family: 'ELAND_Choice_B'; font-weight: bold; line-height: 1; color: #0a4595; opacity: 0.2;}
#sec5 .lawyer_img{position: absolute; z-index: 1; bottom: 0; left: 50%; transform: translateX(-50%); width: 36%; max-width: 45rem;}
#sec5 .lawyer_img img{display: block; width: 100%; height: auto;}
#sec5 .rt{position: relative; z-index: 2; width: 27%; padding: 0 0 0 7rem; isolation: isolate;}
#sec5 .rt::before{content: ''; position: absolute; z-index: -1; top: -100vh; bottom: -100vh; left: -2rem; right: -100vw; background: #fbfcfe;}
#sec5 .rt h4{font-size: 2.5rem; font-weight: 700; color: var(--color1); margin-bottom: 0.5rem;}
#sec5 .rt h3{font-size: 3.7rem; font-weight: 700; color: #222;}
#sec5 .rt h3 span{font-size: 3rem; font-weight: 400;}
#sec5 .rt .line{width: 7rem; height: 3px; background: var(--color1); margin: 3rem 0;}
#sec5 .rt ul{display: flex; flex-direction: column; gap: 0.5rem;}
#sec5 .rt ul li{position: relative; padding-left: 1.5rem; font-size: 2rem; line-height: 1.5; color: #444;}
#sec5 .rt ul li::before{content: ''; position: absolute; top: 1.1rem; left: 0; width: 4px; height: 4px; background: var(--color1); border-radius: 50%;}

@media all and (max-width:1480px){
    #sec5 .rt{padding-left: 4rem;}
    #sec5 .lt .quote{padding: 0 5rem;}
}
@media all and (max-width:1280px){
    #sec5 .inner{min-height: 600px; padding: 0rem 0 10rem; flex-wrap: wrap;}
    #sec5 .lt{width: 50%;}
    #sec5 .lt .m_txt{margin-bottom: 20rem;}
    #sec5 .lt .quote{font-size: 3rem; padding: 0 3rem; margin-top: 6rem;}
    #sec5 .lawyer_img{width: 40%; left: auto; top: 0; transform: translatex(0); bottom: auto; right: 10%;}
    #sec5 .rt{width: 100%; background: #fff; padding: 5rem;}
    #sec5 .rt::before{display: none;}
    #sec5 .rt h4{font-size: 2.2rem;}
    #sec5 .rt h3{font-size: 3rem;}
    #sec5 .rt h3 span{font-size: 2.5rem;}
    #sec5 .rt ul li{font-size: 1.8rem;}
    #sec5 .lt .quote::before{font-size: 15rem;}
    #sec5 .lt .quote::after{font-size: 15rem; bottom: -13rem;}
}

@media all and (max-width:980px){
    #sec5 .lt .m_txt{margin-bottom: 10rem;}
}


@media all and (max-width:768px){
    #sec5{background-position: 39% top;}
    #sec5 .inner{flex-direction: column; min-height: auto; padding: 0rem 0 8rem;}
    #sec5 .lt{width: 100%;}
    #sec5 .lt .m_txt{text-align: center;margin-bottom: 5rem;}
    #sec5 .lt .quote{font-size: 3.5rem; margin-top: 4rem; padding: 0 5rem;}
    #sec5 .lt .quote::before{top: 0;}
    #sec5 .lawyer_img{position: relative; top: auto; bottom: auto; left: auto; right: auto; transform: none; width: 65%; max-width: 420px; margin: 0 auto;}
}


@media all and (max-width:480px){
    #sec5 .lt{padding: 0 2rem;}
    #sec5 .lt .quote{font-size: 2.5rem; padding: 0 3rem; margin-top: 4rem;}
    #sec5 .lt .quote::before{font-size: 10rem;}
    #sec5 .lt .quote::after{font-size: 10rem; bottom: -8rem;}
    #sec5 .lawyer_img{width: 70%;}
    #sec5 .rt{padding: 4rem 2rem;}
    #sec5 .rt h4{font-size: 1.6rem;}
    #sec5 .rt h3{font-size: 2.5rem;}
    #sec5 .rt h3 span{font-size: 1.8rem;}
    #sec5 .rt .line{margin: 2rem 0;}
    #sec5 .rt ul li{font-size: 1.6rem;}
}




#sec6{position: relative; padding: 12rem 0; background: url('/images/main/sec6_bg.jpg') center center / cover no-repeat; overflow: hidden;}
#sec6 .inner{position: relative; z-index: 2; min-height: 55rem; display: flex; align-items: center; pointer-events: none;}
#sec6 .lt{width: fit-content; pointer-events: auto;}
#sec6 .lt .m_txt{text-align: left; margin-bottom: 12rem;}
#sec6 .arrow{display: flex; align-items: center; gap: 1rem;}
#sec6 .arrow button{display: flex; align-items: center; justify-content: center; width: 6rem; height: 6rem; border: 1px solid var(--color1); border-radius: 50%; background: transparent; color: var(--color1); font-size: 2.5rem; cursor: pointer; transition: 0.3s; font-family: 'suit';}
#sec6 .arrow button:hover{background: var(--color1); color: #fff;}
#sec6 .rt{position: absolute; top: 50%; left: max(calc((100% - 1600px) / 2 + 40rem), 30%); transform: translateY(-50%); width: calc(100% - max(calc((100% - 1600px) / 2 + 40rem), 30%)); overflow: hidden;}
#sec6 .case_slide{width: 100%;}
#sec6 .case_slide .slick-list{overflow: hidden;}
#sec6 .case_slide .slick-track{display: flex; align-items: center; padding: 1rem;}
#sec6 .case_slide .slick-slide{height: auto;}
#sec6 .case_slide .item{width: 37rem; margin-right: 5rem; box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.05);}
#sec6 .case_slide .item img{display: block; width: 100%; height: 48rem; object-fit: contain; background: #fff;}

@media all and (max-width:1280px){
    #sec6{padding: 10rem 0;}
    #sec6 .rt{left: 35%; width: 65%;}
    #sec6 .case_slide .item{width: 32rem; margin-right: 2rem;}
    #sec6 .case_slide .item img{height: 44rem;}
}

@media all and (max-width:880px){
    #sec6{padding: 8rem 0;}
    #sec6 .inner{min-height: auto;}
    #sec6 .lt{width: 100%; display: flex; justify-content: space-between; align-items: flex-end;}
    #sec6 .lt .m_txt{margin-bottom: 0;}
    #sec6 .lt .m_txt h3 br{display: none;}
    #sec6 .rt{position: relative; top: auto; left: auto; transform: none; width: 100%; margin-top: 4rem; padding-left: 3rem;}
    #sec6 .case_slide .item{width: 30rem; margin-right: 2rem;}
    #sec6 .case_slide .item img{height: 40rem;}
    #sec6 .arrow button{width: 5rem; height: 5rem;font-size: 2rem;}
}

@media all and (max-width:480px){
    #sec6{padding: 7rem 0;}
    #sec6 .rt{padding-left: 2rem;}
    #sec6 .lt .m_txt h3 br{display: block;}
    #sec6 .case_slide .item{width: 24rem; margin-right: 1.5rem;}
    #sec6 .case_slide .item img{height: 32rem;}
    #sec6 .arrow{gap: 0.5rem;}
    #sec6 .arrow button{width: 4rem; height: 4rem; font-size: 1.6rem;}
}


#sec7 .m_txt h3{margin-bottom: 0;}
#sec7 ul{display: flex; flex-wrap: wrap;gap: 5rem;}
#sec7 ul li{width: calc(100%/3 - 10rem/3);}
#sec7 ul li .img{width: 100%;border-radius: 2rem; overflow: hidden;}
#sec7 ul li .img img{width: 100%;}
#sec7 ul li p{font-weight: bold; font-size: 2rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding: 3rem 2rem; line-height: 1.5;}

#sec7 .column_wrap{position: relative;}
#sec7 .column_wrap .slick-arrow{position: absolute; z-index: 5; top: 40%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; border-radius: 50%; background: rgba(255,255,255,0.7); color: #0a4595; font-size: 0; cursor: pointer; transition: 0.3s;}
#sec7 .column_wrap .slick-prev{left: 1rem;}
#sec7 .column_wrap .slick-next{right: 1rem;}
#sec7 .column_wrap .slick-prev::before{content: ''; width: 1rem; height: 1rem; border-left: 2px solid #0a4595; border-bottom: 2px solid #0a4595; transform: rotate(45deg); margin-left: 0.5rem;}
#sec7 .column_wrap .slick-next::before{content: ''; width: 1rem; height: 1rem; border-right: 2px solid #0a4595; border-top: 2px solid #0a4595; transform: rotate(45deg); margin-right: 0.5rem;}

@media all and (max-width:1280px){
    #sec7 ul{gap: 2rem;}
    #sec7 ul li{width: calc(100%/3 - 4rem/3);}
    #sec7 ul li p{font-size: 1.8rem; padding: 2rem;}
}


@media all and (max-width:980px){
    #sec7 ul{display: block; margin: 0 -1rem;}
    #sec7 ul li{width: auto; margin: 0 1rem;}
    #sec7 ul li p{ padding: 2rem 1rem 0;}
    #sec7 .slick-list{overflow: hidden;}
    #sec7 .slick-slide{height: auto;}
}

@media all and (max-width:480px){
    #sec7 ul{margin: 0 -0.7rem;}
    #sec7 ul li{margin: 0 0.7rem;}
    #sec7 ul li p{ padding: 2rem 1rem 0;}    
    #sec7 .column_wrap .slick-arrow{width: 4rem; height: 4rem;}
    #sec7 .column_wrap .slick-prev{left: 0.5rem;}
    #sec7 .column_wrap .slick-next{right: 0.5rem;}
}




#sec8{position: relative; background: #f6f8fb;}
#sec8 .m_txt{margin-bottom: 6rem;}
#sec8 .faq_list{border-top: 3px solid var(--color1);}
#sec8 .faq_item{border-bottom: 1px solid #dce3ed;}
#sec8 .question{display: flex; align-items: center; width: 100%; min-height: 7rem; padding: 1.5rem 3rem; border: 0; background: #fff; text-align: left; cursor: pointer; gap: 3rem; font-family: inherit;}
#sec8 .question .q{flex-shrink: 0; font-size: 2.8rem; font-weight: 700; color: var(--color1);}
#sec8 .question .tit{flex: 1; font-size: 2rem; font-weight: 600; color: #222; line-height: 1.5;}
#sec8 .question .icon{position: relative; flex-shrink: 0; width: 2rem; height: 2rem;}
#sec8 .question .icon::before{content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background: var(--color1); transform: translateY(-50%);}
#sec8 .question .icon::after{content: ''; position: absolute; top: 0; left: 50%; width: 2px; height: 100%; background: var(--color1); transform: translateX(-50%); transition: 0.3s;}
#sec8 .faq_item.active .question .icon::after{transform: translateX(-50%) rotate(90deg); opacity: 0;}
#sec8 .answer{display: none; padding: 0 2rem 2rem; background: #fff;}
#sec8 .answer_inner{padding: 3rem; background: #f3f6fa; border-radius: 1.5rem; font-size: 1.8rem; font-weight: 400; line-height: 1.8; color: #555;}
#sec8 .question:hover .tit{color: var(--color1);}

@media all and (max-width:1280px){
    #sec8 .question{padding: 1.5rem 2rem; gap: 2rem;}
    #sec8 .question .tit{font-size: 1.8rem;}
    #sec8 .answer_inner{font-size: 1.7rem;}
}

@media all and (max-width:768px){
    #sec8 .m_txt{margin-bottom: 4rem;}
    #sec8 .question{min-height: 6rem; padding: 1.5rem; gap: 1.5rem;}
    #sec8 .question .q{font-size: 2.3rem;}
    #sec8 .question .tit{font-size: 1.7rem;}
    #sec8 .question .icon{width: 1.6rem; height: 1.6rem;}
    #sec8 .answer{padding: 0 1.5rem 1.5rem;}
    #sec8 .answer_inner{padding: 2rem; font-size: 1.6rem;}
}

@media all and (max-width:480px){
    #sec8 .m_txt{margin-bottom: 3rem;}
    #sec8 .question{min-height: 6rem; gap: 1rem; padding: 1.5rem 1rem;}
    #sec8 .question .q{font-size: 2rem;}
    #sec8 .question .tit{font-size: 1.6rem;}
    #sec8 .question .icon{width: 1.4rem; height: 1.4rem;}
    #sec8 .answer{padding: 0 1rem 1rem;}
    #sec8 .answer_inner{padding: 1.8rem; font-size: 1.5rem; line-height: 1.5;}
    #sec8 .answer_inner br{display: none;}
}




#sec9{position: relative; background: url('../images/main/sec9_bg.jpg') no-repeat 70% center / cover; color: #fff;}
#sec9 .inner{width: calc(100% - 4rem); max-width: 1280px; margin: 0 auto;}
#sec9 .m_txt{margin-bottom: 7rem;}
#sec9 .m_txt h4{color: #fff;}
#sec9 .m_txt h3{color: #fff;}
#sec9 .contact_wrap{display: flex; justify-content: space-between; gap: 4rem;}
#sec9 .lt{width: 60%; min-width: 0;}
#sec9 .rt{width: 36%; min-width: 0;}
#sec9 .contact_wrap h3{font-size: 3rem; font-weight: 700; color: #fff; padding-bottom: 2rem; margin-bottom: 3rem; border-bottom: 1px solid rgba(255,255,255,0.4);}
#sec9 .form_wrap{display: flex; flex-wrap: wrap; gap: 1rem;}
#sec9 .input_box{position: relative; display: flex; align-items: center; width: calc(50% - 0.5rem); height: 7rem; background: #fff; border-radius: 1rem; overflow: hidden;}
#sec9 .input_box.full{width: 100%;}
#sec9 .input_box label{flex-shrink: 0; padding-left: 3rem; font-size: 1.8rem; font-weight: 600; color: #222;}
#sec9 .input_box label em{font-style: normal; color: #e43c3c;}
#sec9 .input_box input{width: 100%; min-width: 0; height: 100%; padding: 0 2rem; border: 0; outline: 0; background: transparent; font-family: inherit; font-size: 1.8rem; color: #222;}
#sec9 .input_box input::placeholder{color: #aaa;}
#sec9 .input_box:focus-within{box-shadow: inset 0 0 0 2px #4d96e8;}
#sec9 .agree{display: flex; align-items: center; gap: 1rem; margin: 2rem 0 3rem;}
#sec9 .agree label{display: flex; align-items: center; gap: 1rem; cursor: pointer;}
#sec9 .agree input{width: 1.8rem; height: 1.8rem; margin: 0; accent-color: var(--color1); cursor: pointer;}
#sec9 .agree span{font-size: 1.6rem; color: #fff;}
#sec9 .privacy_open{padding: 0; border: 0; background: transparent; color: #ddd; font-size: 1.4rem; cursor: pointer; text-decoration: underline;}
#sec9 .submit_btn{display: flex; align-items: center; justify-content: center; width: 100%; height: 7rem; border: 0; border-radius: 0.8rem; background: #0a4595; color: #fff; font-size: 2.2rem; font-weight: 700; cursor: pointer; transition: 0.3s;}
#sec9 .submit_btn:hover{background: #1764c4;}
#sec9 .consult_list_wrap{position: relative; height: 28.5rem; overflow: hidden; border-bottom: 1px solid rgba(255, 255, 255, 0.4);padding-bottom: 3rem;}
#sec9 .consult_list{display: block; width: 100%;}
#sec9 .consult_list .slick-list{overflow: hidden;}
#sec9 .consult_list .slick-slide{height: 5.3rem; overflow: hidden;}
#sec9 .consult_list li{display: flex !important; align-items: center; gap: 2rem; width: 100%; height: 5.6rem;}
#sec9 .consult_list .status{display: flex; align-items: center; justify-content: center; flex-shrink: 0; min-width: 9rem; height: 3.5rem; padding: 0 1.5rem; background: #1262c5; border-radius: 5rem; color: #fff; font-size: 1.6rem; font-weight: 600;}
#sec9 .consult_list .status.st_wait{background: #5ba4e6;}
#sec9 .consult_list .status.st_ing{background: #1262c5;}
#sec9 .consult_list .status.st_done{background: #0a3a7a;}
#sec9 .consult_list .name{flex: 1; color: #fff; font-size: 1.8rem; font-weight: 600;}
#sec9 .consult_list .date{color: #fff; font-size: 1.5rem;}

.privacy_modal{position: fixed; z-index: 99999; inset: 0; display: none; align-items: center; justify-content: center; padding: 2rem;}
.privacy_modal.active{display: flex;}
.privacy_modal .modal_bg{position: absolute; inset: 0; background: rgba(0,0,0,0.7);}
.privacy_modal .modal_content{position: relative; z-index: 1; width: 100%; max-width: 650px; max-height: 85vh; display: flex; flex-direction: column; background: #fff; border-radius: 1.5rem; overflow: hidden; color: #222;}
.privacy_modal .modal_head{display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; padding: 2.5rem 3rem; border-bottom: 1px solid #eee;}
.privacy_modal .modal_head h3{font-size: 2.4rem; font-weight: 700;}
.privacy_modal .privacy_close{border: 0; background: transparent; color: #333; font-size: 3.5rem; line-height: 1; cursor: pointer;}
.privacy_modal .modal_body{padding: 3rem; overflow-y: auto;}
.privacy_modal .modal_body h4{font-size: 1.8rem; font-weight: 700; margin-bottom: 1rem; color: #222;}
.privacy_modal .modal_body p{font-size: 1.6rem; color: #666; line-height: 1.7; margin-bottom: 3rem;}
.privacy_modal .modal_body p:last-child{margin-bottom: 0;}
.privacy_modal .modal_foot{padding: 2rem 3rem; border-top: 1px solid #eee;}
.privacy_modal .modal_confirm{width: 100%; height: 5rem; border: 0; border-radius: 0.5rem; background: #0a4595; color: #fff; font-size: 1.8rem; font-weight: 600; cursor: pointer;}
body.modal_open{overflow: hidden;}

@media all and (max-width:1280px){
    #sec9 .contact_wrap{gap: 3rem;}
    #sec9 .lt{width: 58%;}
    #sec9 .rt{width: 38%;}
    #sec9 .input_box label{padding-left: 2rem;}
}

@media all and (max-width:980px){
    #sec9 .contact_wrap{gap: 2rem;}
    #sec9 .lt{width: 56%;}
    #sec9 .rt{width: 40%;}
    #sec9 .input_box{height: 6rem;}
    #sec9 .input_box label{font-size: 1.6rem; padding-left: 1.5rem;}
    #sec9 .input_box input{font-size: 1.6rem; padding: 0 1rem;}
    #sec9 .consult_list li{gap: 1rem;}
    #sec9 .consult_list .status{min-width: 7rem; padding: 0 1rem; font-size: 1.4rem;}
    #sec9 .consult_list .name{font-size: 1.6rem;}
    #sec9 .consult_list .date{font-size: 1.3rem;}
}

@media all and (max-width:768px){
    #sec9 .m_txt{margin-bottom: 5rem;}
    #sec9 .contact_wrap{flex-direction: column; gap: 6rem;}
    #sec9 .lt{width: 100%;}
    #sec9 .rt{width: 100%;}
    #sec9 .contact_wrap h3{font-size: 2.6rem;}
    #sec9 .input_box{height: 6rem;}
    #sec9 .submit_btn{height: 6rem; font-size: 2rem;}
    #sec9 .consult_list_wrap{height: fit-content; padding-bottom: 3rem;}
    #sec9 .consult_list .slick-slide{height: auto;}
    #sec9 .consult_list .slick-slide +.slick-slide{margin-top: 0.5rem;}
}

@media all and (max-width:480px){
    #sec9 .inner{width: calc(100% - 4rem);}
    #sec9 .m_txt{margin-bottom: 4rem;}
    #sec9 .contact_wrap{gap: 5rem;}
    #sec9 .contact_wrap h3{font-size: 2.4rem; margin-bottom: 2rem;}
    #sec9 .form_wrap{gap: 1rem;}
    #sec9 .input_box{width: 100%; height: 5.5rem;}
    #sec9 .input_box label{font-size: 1.6rem; padding-left: 1.5rem;}
    #sec9 .input_box input{font-size: 1.6rem; padding: 0 1rem;}
    #sec9 .agree{margin: 1.5rem 0 2rem;}
    #sec9 .agree span{font-size: 1.4rem;}
    #sec9 .privacy_open{font-size: 1.3rem;}
    #sec9 .submit_btn{height: 5.5rem; font-size: 1.8rem;}
    #sec9 .consult_list .status{font-size: 1.5rem; height: 3.2rem;}
    #sec9 .consult_list .name{font-size: 1.6rem;}
    #sec9 .consult_list .date{font-size: 1.4rem;}
    .privacy_modal .modal_head{padding: 2rem;}
    .privacy_modal .modal_head h3{font-size: 2rem;}
    .privacy_modal .modal_body{padding: 2rem;}
    .privacy_modal .modal_body h4{font-size: 1.7rem;}
    .privacy_modal .modal_body p{font-size: 1.6rem;}
    .privacy_modal .modal_foot{padding: 1.5rem 2rem;}
}