/* 공통 */
.main {overflow: hidden;}
.imgbox img {border-radius: 50px;}
.no-scroll {overflow: hidden;}

/* 회사소개 */
.pride .bg_logo {position: absolute; right: 0; top: 0;}
.pride ul.tabs {gap: 4.5rem; position: relative;}
.pride ul.tabs li {cursor: pointer; position: relative;}
.pride ul.tabs li:after {position: absolute; top: 50%; transform: translate(300%, -50%); width: 3rem; height: 3rem; background: linear-gradient(-130deg, var(--pointcolor), #87bbf6);; border-radius: 50%; content: ""; opacity: 0; transition: 1.25s;}
.pride ul.tabs li:nth-child(1):after {left: -1.625rem;}
.pride ul.tabs li:nth-child(2):after {left: -1.375rem;}
.pride ul.tabs li:nth-child(3):after {left: -1.375rem;}
.pride ul.tabs li.current:after {opacity: 1; transform: translate(0%, -50%);}
.pride ul.tabs li:nth-child(1).current:after {left: -1.625rem;}
.pride ul.tabs li:nth-child(2).current:after {left: -1.375rem;}
.pride ul.tabs li:nth-child(3).current:after {left: -1.375rem;}

.pride ul.tabs li.current {color: var(--pointcolor); font-weight: 700;}
.pride ul.tabs li.current span {color: #fff; position: relative; z-index: 1;}
.pride .tab-content {display: none;}
.pride .tab-content.current { display: block;}

.pride .imgbox {position: relative; padding-right: 6.25rem;}
.pride .imgbox img {opacity: 0; visibility: hidden; transition: 0.75s; height: 0;}
.pride .imgbox img.current {opacity: 1; visibility: visible; height: auto;}

.pride #cursor {border-left: 2px solid var(--pointcolor); animation: blink 0.7s infinite; display: inline-block; margin-left: 5px; height: 3.750rem; /* 폰트 크기와 동일하게 설정 */ vertical-align: middle; margin-bottom: 4px;}


@media (max-width: 990px) {
    .pride .container {
        padding: 0 5%;
    }
    .pride .imgbox {padding-right: 0;}
    .pride .flexList{--y-gap: 3.5rem;}
}


/* SUCCESS */
.bg_wrap {clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#success .bg_wrap .bg {position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100vh;  background-position: top !important; background-size: cover !important; transform: translateZ(0); will-change: transform; background: url("/img/main/success_bg.jpg") no-repeat;filter: brightness(20%);opacity : 0.8;}
.success li span.cir {width: 3.5rem; height: 3.5rem; border: 1px solid #393939; border-radius: 50%; margin-right: 1rem;}
.success .box{border-radius: 15px;;}
@media(max-width:990px) {
    /* .make {background: url("/img/main/make_bgm.png") no-repeat;} */
    .success .bg_wrap .bg {background: url("/img/main/success_bg.jpg") no-repeat;}
    .success .tit {padding: 0 5%;}
    .success .flexList {--y-gap: 5.625rem;}

    .success li.mt-20 {margin-top: 2rem;}
    .success li span.cir {width: 4.175rem; height: 4.375rem;}
    .success li span:last-child {width: calc(100% - 4.175rem);}

    .success h3.mt-100 {margin-top: 3.75rem; padding: 0 10%;}
}

@media(max-width:500px) {
    /* .success .tit {padding: 0 3%;} */
    .success .box:last-child {padding: 0 5%;}
    .success li span.cir {width: 3.8rem; height: 3.8rem;}
    .success li span.cir img {transform: scale(0.8);}
}

@media(max-width:770px) {
.pride ul.tabs li:nth-child(1).current:after {left: -1.155rem;}
.pride ul.tabs li:nth-child(2).current:after {left: -1.155rem;}
.pride ul.tabs li:nth-child(3).current:after {left: -1.155rem;}
}


/* trans1 */
.trans .iconbox {width: 100%; border: 1px solid var(--light-gray); border-radius: 50px; aspect-ratio: 4 / 3.5;}
.trans img.icon {position: absolute; left: -40px; bottom: -35px;}

@media(max-width:990px) {
    .trans .tit.mb-90 {margin-bottom: 4.375rem;}
    .trans .flexList {--y-gap: 3rem;}
    /* .trans .iconbox {padding: 0 10%;} */
    .trans h3.mt-100 {margin-top: 3.75rem; padding: 0 10%;}
}

@media(max-width:768px) {
    .trans .iconbox {width: 80%; margin: auto;}
}

@media(max-width:500px) {
    .trans .iconbox img:first-child {transform: scale(0.8);}
    .trans .iconbox img.icon {width: 50%; left: -10px; bottom: -5px;}
}

@media(max-width:360px) {
    .trans .iconbox img:first-child {transform: scale(0.6);}
    .trans .iconbox img.icon {width: 35%; left: -0px; bottom: 10px;}
}


/* support */
.support .flexList {--y-gap: 0rem;}
.support .box {border: 1px solid var(--light-gray); border-radius: 50px; aspect-ratio: 1 / 1; background: #fff;}
/* .support .box:nth-child(even) {margin-top: 5rem;} */
.support .box p {width: 100%; padding: 2.5rem 3.5rem;}
.support .box .icon {position: absolute; left: 2rem; bottom: 1rem;}
.support .box .material-symbols-outlined{font-size: 40px;color:rgba(var(--pointcolor-rgb), 0.7)}
.section.support .box{cursor: pointer;}

@media(max-width:1440px) {
    .support .box p  {padding: 2.5rem 3.5rem;}
    
}

@media(max-width:1240px) {
    .support .box:nth-child(4) {margin-top: 3rem;}
    .support .box:nth-child(5) {margin-top: 3rem;}
}

@media(max-width:990px) {
    .support .tit.mb-90 {margin-bottom: 3.75rem;}

    /* .support .box:nth-child(even) {margin-top: 3.75rem;}*/
    /* .support .box:nth-child(3) {margin-top: 3rem;}  */
    .support .box:nth-child(4) {margin-top: 3rem;} 
    .support .box:nth-child(5) {margin-top: 3rem;}
    .support .icon img {width: 50px;}
}

@media(max-width:768px) {

    .support .box:nth-child(3) {margin-top: 3rem;}
    .support .box:nth-child(4) {margin-top: 3rem;}
}
@media(max-width:420px) {
    .support .box {border-radius: 35px;}
    /* .support .box:nth-child(even) {margin-top: 3rem;}
    .support .box:nth-child(4) {margin-top: 3rem;} */
    .support .box p {padding: 2rem 3rem 0;}
    .support .box .icon {right: 3rem; bottom: 2rem;}
    .support .icon img {width: 35px;}
    .support .box .icon {position: absolute; right: 1.5rem; bottom: 1rem;}
    .support .box .material-symbols-outlined{font-size: 30px;;}
}

@media(max-width:350px) {
    .support .flexList {--count: 1;}
    .support .box {margin-top: 3rem !important;}
    .support .icon img {width: auto;}
}

/* no.1 *//* 
.no1 .bg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: -1;}

.no1 .contbox .box > div {margin: 5rem; border-bottom: 1px solid var(--light-gray); width: 100%;}
.no1 .contbox .chart-wrap {width: 70%; margin: auto; align-items: flex-end; height: 15rem;}
.no1 .contbox .chart-wrap .chart {width: 9.5rem; }
.no1 .contbox .chart-wrap .chart .bar {height: 0; width: 100%; border-radius: 20px 20px 0 0; position: relative;}
.no1 .contbox .chart-wrap .chart .bar:after {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 1.250rem; color: #fff; width: 100%; text-align: center; font-weight: 600; }
.no1 .contbox .chart-wrap .chart.chart01 .bar {background: #1e3652; height: 5rem;}
.no1 .contbox .chart-wrap .chart.chart01 .bar:after {content: "타사 업계";}
.no1 .contbox .chart-wrap .chart.chart02 .bar { background: url("/img/main/chart_bg.png") no-repeat; background-size: auto; background-position: center; background-color: var(--pointcolor); height: 10rem;}

.no1 .contbox .chart-wrap .chart.chart02 .bar:after {content: "달용이용달";}
.no1 .contbox .arrow {position: absolute; left: 50%; transform: translateX(-70%); top: 0; z-index: 1;}

@media(max-width:1440px) {
    .no1 .contbox .arrow  img {transform: scale(0.8);}
}

@media(max-width:1240px) {
    .no1 .contbox .chart-wrap {width: 80%;}
}

@media(max-width:1024px) {
    .no1 .contbox .arrow  img {transform: scale(0.6);}
}

@media(max-width:990px) {
    .no1 .tit.mb-90 {margin-bottom: 3.75rem;}
    .no1 .flexList {--y-gap: 3.75rem;}
    .no1 .contbox .chart-wrap {gap: 6.25rem; height: 25rem;}
    .no1 .contbox .chart-wrap .chart {width: 50%;}
    .no1 .contbox .arrow img {transform: scale(1);}
    .no1 .contbox .chart-wrap .chart .bar:after {font-size: 1.750rem;}
    .no1 .contbox .chart-wrap .chart.chart01.aos-animate .bar {height: 8rem;}
    .no1 .contbox .chart-wrap .chart.chart02.aos-animate .bar {height: 15rem;}

    .no1 .contbox .box.width45 {width: 100%;}
} 

@media(max-width:768px) {
    .no1 .contbox .arrow img {transform: scale(0.9);}
}

@media(max-width:580px) {
}

@media(max-width:500px) {
    .no1 .contbox .chart-wrap {gap: 3.5rem;}
    .no1 .contbox .chart-wrap .font-38 {font-size: 2.5rem;}
}

@media(max-width:420px) {
    .no1 .contbox .box > div {margin: 3.5rem;}
    .no1 .contbox .chart-wrap {width: 90%; height: 20rem; gap: 2.5rem;}
    .no1 .contbox .chart-wrap .chart.chart02 .bar {background-size: 50%;}
    .no1 .contbox .arrow {top: -10%;}
    .no1 .contbox .arrow img {transform: scale(0.7);}
}
*/

.looking .flexList {background: url("/img/main/looking_bg.jpg") no-repeat; background-size: cover; --x-gap: 0rem; --y-gap: 0rem; height: 100%; overflow: hidden;}
.looking .box { position: relative;}
.looking .box .imgslide {width: 100%; height: 100%;}
.looking .box .imgslide img {height: 100%;}
.looking .box .txt {position: absolute; bottom: 6.25rem; left: 0; width: 100%; height: auto; z-index: 1;}

/* 슬라이드1 */
.slide_section1 .bg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: -1;}
.num {position: relative; padding:  4.375rem 0 0 8rem;}
.slide_section1 .Swiper01{color:white;}
.slide_section1 .Swiper01 .txt-box{position: absolute; bottom: 10%; left: 10%;}

.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite
{background-color: #262626;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: var(--pointcolor);}
.slide_section1 .swiper-button-next{content: url(/img/main/s-right.png); width: 76px; height: 76px;}
.slide_section1 .swiper-button-prev{content: url(/img/main/s-left.png); width: 76px; height: 76px;}
.slide_section1 .swiper-button-next:hover{content: url(/img/main/s-right_on.png); width: 76px; height: 76px;filter: brightness(120%);}
.slide_section1 .swiper-button-prev:hover{content: url(/img/main/s-left_on.png); width: 76px; height: 76px;filter: brightness(120%);}
.swiper-button-next, .swiper-rtl .swiper-button-prev{right: 0; bottom: 0; top: auto;}
.slide_section1 .swiper-button-prev, .swiper-rtl .swiper-button-next{left: auto; right: 7%; top: auto; bottom: 0;}
/* 슬라이드 2 */
.slide_section2 {margin-top:100px;background: url("/img/main/slide02_bg.jpg") no-repeat; background-size: cover; --x-gap: 0rem; --y-gap: 0rem; overflow: hidden;}
.slide_section2 .Swiper02{margin-left: 30%}
.slide_section2 .Swiper02 .swiper-slide{height: auto !important; height: 550px !important;}
.slide_section2 .swiper-pagination-vertical.swiper-pagination-bullets, .slide_section2 .swiper-vertical>.swiper-pagination-bullets{right: auto; left: 15%; top: 20%;}
.slide_section2 .swiper-pagination-bullet-active{background-color: var(--pointcolor) !important;}
.slide_section2 .swiper-pagination-bullet{background-color: #666666; opacity: 1;}
.slide_section2 .swiper-wrapper, .slide_section1 .swiper-wrapper{height:auto;}
@media(max-width:1350px){
.slide_section2 .Swiper02 .swiper-slide{height: 450px !important;}
}

@media(max-width:1250px){
.slide_section1 .swiper-button-prev, .swiper-rtl .swiper-button-next{right: 9%;}
}

@media(max-width:1100px){
    .slide_section1 .swiper-button-prev, .swiper-rtl .swiper-button-next{right: 10%;}
    .slide_section2 .Swiper02 .swiper-slide{height: 400px !important;}
}
@media(max-width:990px){
  .num::after{position: relative;padding: 3rem 0 0;}
  .slide_section1 .flex-between{margin-bottom: 150px;}
  .slide_section1 .swiper-button-next, .swiper-rtl .swiper-button-prev{bottom: -50px;}
  .slide_section1 .swiper-button-prev, .swiper-rtl .swiper-button-next{bottom: -50px;}
  .slide_section1 .swiper-button-prev, .swiper-rtl .swiper-button-next{right: 9%;}
  .slide_section1 .swiper-button-next, .slide_section1 .swiper-button-next:hover{content: url(/img/main/ms-right_on.png); width: 50px; height: 50px;}
  .slide_section1 .swiper-button-prev, .slide_section1 .swiper-button-prev:hover{content: url(/img/main/ms-left_on.png); width: 50px; height: 50px;}
  
  .slide_section2 .Swiper02{margin-left: 0; width: 100%;}
  .slide_section2 .Swiper02 .swiper-slide{height: 450px !important;}
}
@media(max-width:768px){
  .slide_section1 .swiper-button-prev, .swiper-rtl .swiper-button-next{right: 12%;}
  .slide_section2 .Swiper02 .swiper-slide{height: 400px !important;}
  .font-20 {font-size: 1.5rem;}
  .font-40 {font-size: 2.5rem;}
  .font-60 {font-size: 3rem;}

}
@media(max-width:500px){
  .slide_section1 .swiper-button-prev, .swiper-rtl .swiper-button-next{right: 18%;}
  .slide_section1 .swiper-button-prev, .swiper-rtl .swiper-button-next{right: 15%;} 
  .slide_section2 .Swiper02_1 .swiper-slide .flex {flex-direction: column;}
  .slide_section2 .Swiper02_1 .swiper-slide .width20{width: 100%;}
  .slide_section2 .Swiper02_1 .swiper-slide .width80{width: 100%; padding-left: 0; margin-top: 30px;}
}

@media(max-width:380px){
  .slide_section1 .swiper-button-prev, .swiper-rtl .swiper-button-next{right: 16%;}  
}


/* 견적내기 */
.estimation .contbox {background: url("/img/main/estimation_bg.jpg") no-repeat; background-size: cover !important;}
.estimation .contbox p{font-size: 28px;}
.estimation .contbox .box:first-child {padding-left: calc((100% - var(--layoutwidth)) / 2);}
.estimation .contbox .box:last-child {width: 40.25rem; transition: 0.45s;}
.estimation .contbox .box:last-child:hover {background: rgba(var(--pointcolor-rgb), 0.7); cursor: pointer;}
.estimation .contbox .box:last-child a {padding: 9.375rem 0;}
.estimation .contbox .box:last-child img {transition: 0.45s;}
.estimation .contbox .box:last-child:hover img {position: relative; transform: translateX(80%);}

@media(max-width:1550px) {
    .estimation .contbox .box:first-child {padding-left: 5%;}
}

@media(max-width:990px) {
    .num {position: relative;padding: 3rem 0 0;}
    .estimation .contbox {background: url("/img/main/estimation_bgm.jpg") no-repeat; background-position: 60%;}
    .estimation .contbox > .flex-between {flex-direction: column;}
    .estimation .contbox .box:first-child,
    .estimation .contbox .box:last-child {width: 100%;}
    .estimation .contbox .box:first-child {padding: 12.5rem 10%; border-bottom: 1px solid rgba(255,255,255,0.65);}

    .estimation .contbox .box:last-child a {padding: 12.5rem 0;}
}

@media(max-width:500px) {
    .estimation .contbox .box:last-child img  {transform: scale(0.8);}
    .estimation .contbox .box:last-child:hover img  {transform: scale(0.8) translateX(80%);}
}

@media(max-width:480px) {
    .estimation .tit br.visible-sm {display: none !important;}
}