.inner{width:1600px; margin:0 auto;}
.con{width:1600px; margin:0 auto;}

.tit-zone p{color:#A8B2FF; text-align: center; font-size: 0.8rem; font-style: normal; font-weight: 700; line-height: 0.9rem; /* 112.5% */ letter-spacing: 0.12rem;}
.tit-zone h3{color: #FFF; text-align: center; font-size: 2.65rem; font-style: normal; font-weight: 600; line-height: 3.25rem;margin-top:1.5rem;}
.tit-zone h3 em {color: #7B3DEA;}


@media (max-width:1600px){
	.con{width:100%;padding:0 1rem;}
	.inner{width:100%;padding:0 1rem;}
}


@media (max-width:1030px){
	.tit-zone h3{font-size:1.75rem;line-height:2.2rem;}

}

/*회사개요*/
.vision-list { margin-top:4rem;}
.vision-list > div {width:49.7rem;height:4.75rem;background:url(/images/default/content/vision-box.png)no-repeat center center;background-size:cover;margin:0 auto;padding:0 2.75rem;display:flex;align-items:center;gap:0.75rem;}
.vision-list > div .num {width:2.25rem;height:2.25rem;border:1px solid #A8B2FF;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:0.9rem;font-weight:700;color:#A8B2FF}
.vision-list > div p {font-size:1rem;line-height:1.15rem;color:#fff;flex:1;}
.vision-list > div:not(:last-child) {margin-bottom:1.5rem;}
.vision-list-img {display:flex;gap:1.8rem;margin-top:4rem;}
.vision-list-img > div {width:calc((100% - (1.8rem * 3)) / 4);height:25rem;border-radius:1rem;display:flex;flex-direction:column;justify-content:flex-end;padding:0 2rem 2.7rem 2rem;}
.vision-list-img > div:first-child {background:url(/images/default/content/vision-img01.png)no-repeat center center;background-size:cover;}
.vision-list-img > div:nth-child(2) {background:url(/images/default/content/vision-img02.png)no-repeat center center;background-size:cover;}
.vision-list-img > div:nth-child(3) {background:url(/images/default/content/vision-img03.png)no-repeat center center;background-size:cover;}
.vision-list-img > div:nth-child(4){background:url(/images/default/content/vision-img04.png)no-repeat center center;background-size:cover;}
.vision-list-img > div strong {color: #FFF; font-size: 1.3rem; font-weight: 700; line-height: 1.65rem;}
.vision-list-img > div p {color:#F2F2F2; font-size: 0.9rem; font-weight: 400; line-height: 1.4rem;opacity: 0.7;margin-top:1rem;}
.vision-list-img > div:nth-child(even) {transform:translateY(3.6rem);}

@media (max-width:1400px){
	.vision-list-img > div{padding:0 1rem 1rem 1rem;height: auto;aspect-ratio: 0.6 / 1;}
	.vision-list-img > div p br{display:none;}
}

@media (max-width:1030px){
	.vision-list > div{width:100%;border-radius: 5rem;
	border: 1px solid rgba(168, 178, 255, 0.5);
	background: var(--4, linear-gradient(151deg, #262652 1.16%, #13132E 52.45%, #13132E 78.84%, #262652 103.1%));padding:1rem;height:auto;}
	.vision-list > div p {line-height:1.3;}
}

@media (max-width:900px){
	.vision-list-img{gap:1.5rem;flex-wrap:wrap;}
	.vision-list-img > div {    width: calc((100% - 1.5rem) / 2);aspect-ratio: 0.8 / 1;}
	.vision-list-img > div:nth-child(even){transform: translateY(1.5rem);}
}


.cont1-1 .ctn02 {padding-top:13.6rem;position:relative;z-index:1;}
.cont1-1 .ctn02 .con {position:relative;z-index:1;}
.cont1-1 .ctn02 .area-wrap{display:flex;padding-left:2rem;margin-top:4rem;justify-content:space-between;    align-items: flex-start;gap:1rem;}
.cont1-1 .ctn02 .area-wrap .left-con {position:relative;}
.cont1-1 .ctn02 .area-wrap .left-con > div{position:relative;cursor:pointer;}
.cont1-1 .ctn02 .area-wrap .left-con > div.on .tab-cont {height:auto;opacity:1;}
.cont1-1 .ctn02 .area-wrap .left-con > div:before{content:'';position:absolute;width:0.15rem;height:0; background: linear-gradient(180deg, #A8B2FF 0%, #7B3DEA 100%);left:-2rem;top:0;border-radius:5px;transition-duration: 0.5s;}
.cont1-1 .ctn02 .area-wrap .left-con > div.on:before{height:100%;transition-duration: 0.5s;}
.cont1-1 .ctn02 .area-wrap .left-con .tit {color: rgba(242,242,242,0.5); font-size: 1.65rem; font-weight: 700; line-height: 1.65rem;padding:1.25rem 0;}
.cont1-1 .ctn02 .area-wrap .left-con > div.on .tit {color: #A8B2FF; }
.cont1-1 .ctn02 .area-wrap .left-con .tab-cont {height:0;opacity:0;}
.cont1-1 .ctn02 .area-wrap .left-con .tab-cont .txt {color:#F2F2F2; font-size: 1rem; font-weight: 700; line-height: 1.5rem;opacity: 0.8;}
.cont1-1 .ctn02 .area-wrap .left-con .tab-cont .list-box {margin-top:1.75rem;}
.cont1-1 .ctn02 .area-wrap .left-con .tab-cont .list-box .list-tit {color:#A8B2FF; font-size: 1rem; font-weight: 700; line-height: 1.5rem;}
.cont1-1 .ctn02 .area-wrap .left-con .tab-cont .list-box ul{margin-top:0.5rem;}
.cont1-1 .ctn02 .area-wrap .left-con .tab-cont .list-box ul li {color: #9F9F9F; font-size: 0.9rem; font-weight: 400; line-height: 0.9rem;padding-left:0.58rem;position:relative;line-height:1.3;}
.cont1-1 .ctn02 .area-wrap .left-con .tab-cont .list-box ul li:before{content:'';position:absolute;width:0.15rem;height:0.15rem;background:#fff;border-radius:50%;left:0;top:0.5rem;}
.cont1-1 .ctn02 .area-wrap .left-con .tab-cont .list-box ul li span {color:#F2F2F2; font-size: 0.9rem; font-weight: 700; line-height: 0.9rem;}
.cont1-1 .ctn02 .area-wrap .left-con .tab-cont .list-box ul li:not(:last-child){margin-bottom:0.75rem;}

@media (max-width:1400px){
	.cont1-1 .ctn02 .area-wrap .left-con{width:60%;}
	.cont1-1 .ctn02 .area-wrap .right-cont {width:40%;}
	.cont1-1 .ctn02 .area-wrap .right-cont img {max-width:100%;}
}
@media (max-width:1030px){
	.cont1-1 .ctn02 {padding-top:8.6rem;}
}
@media (max-width:990px){
	.cont1-1 .ctn02 .area-wrap{flex-direction: column-reverse;padding-left:0;margin-top:1.5rem;}
	.cont1-1 .ctn02 .area-wrap .left-con{width:100%;padding-left:1rem;}
	.cont1-1 .ctn02 .area-wrap .right-cont {width:100%;text-align:center;}
	.cont1-1 .ctn02 .area-wrap .left-con > div:before{left:-1rem;}

}

.cont1-1 .ctn03 {padding-top:10rem;}


.cont1-1 {position:relative;}
.cont1-1 .con{position:relative;z-index:1;}
.cont1-1 .bg {position:absolute;left:0;top:-30rem;z-index:0;}

.cont1-1 .box-list {margin-top:4rem;}
.cont1-1 .box-list .fx-box {display:flex;gap:4.7rem;padding-bottom:4rem;}
.cont1-1 .box-list .fx-box .left {width:11.5rem;border-top:2px solid #F2F2F2;padding-top:4rem;}
.cont1-1 .box-list .fx-box .left strong {display:block;font-size:1.65rem;color:#fff;line-height:1.65rem;}
.cont1-1 .box-list .fx-box .right{flex:1;border-top:1px solid rgba(242,242,242,0.2);padding-top:4rem;}
.cont1-1 .box-list .fx-box .right .dot li {color:rgba(242,242,242,1);font-size:1rem;opacity:0.8;padding-left:0.7rem;position:relative;line-height: 2rem;}
.cont1-1 .box-list .fx-box .right .dot li:before{content:'';position:absolute;width:4px;height:4px;border-radius:50%;left:0;top:1rem;background:#A8B2FF;border-radius:50%;}

.cont1-1 .box-list .fx-box .right .certi-list {margin-top:2.5rem;display:flex;gap:1.25rem;}
.cont1-1 .box-list .fx-box .right .certi-list > img {width:calc((100% - (1.25rem * 3 )) / 4);}

.cont1-1 .box-list .fx-box:last-child {padding-bottom:0;}

@media (max-width:1030px){
	.cont1-1 {padding-top:5rem;}
	.cont1-1 .box-list .fx-box {display:block;}
	.cont1-1 .box-list .fx-box .left{width:100%;}
	.cont1-1 .box-list .fx-box .right{width:100%;padding-top:0;border-top:none;}
	.cont1-1 .box-list .fx-box .left{padding:1.5rem 0;}
	.cont1-1 .box-list .fx-box .right .certi-list{margin-top:1.5rem;}
	.cont1-1 .ctn03{padding-top:5rem;}
	
}

.cont1-1 .ctn04 .logoSwiper {animation: scroll 18s linear infinite;margin-top:4rem;}
.cont1-1 .ctn04 .logoSwiper .swiper-slide {background:#fff;border-radius:10px;height:4rem;display:flex;justify-content:center;align-items:center;}
.cont1-1 .ctn04 .logoSwiper .swiper-slide img {max-width:100%;max-height:100%;}

.cont1-1 .ctn04 .logoSwiper02 {animation: scroll02 18s linear infinite;margin-top:2.25rem}

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* 원래 슬라이드 절반만큼 이동 */+
}

@keyframes scroll02 {
  0% { transform: translateX(0); }
  100% { transform: translateX(50%); } /* 원래 슬라이드 절반만큼 이동 */
}


.cont1-1 .ctn04 {position:relative;padding-top:10rem;}
.cont1-1 .ctn04 .logo-list:before{content:'';position:absolute;width:17.65rem;height:100%;    background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(19, 19, 46, 0.8));z-index:1;left:0;top:0;}
.cont1-1 .ctn04 .logo-list:after{content:'';position:absolute;width:17.65rem;height:100%;    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(19, 19, 46, 0.8));z-index:1;right:0;top:0;}

@media (max-width:1400px){
	.ctn04 {padding-top:8rem;}
	.cont1-1 .ctn04 .logo-list:before{width:7.5%;}
	.cont1-1 .ctn04 .logo-list:after{width:7.5%;}
}
@media (max-width:1030px){
	.ctn04 {padding-top:5rem;}
	.cont1-1 .ctn04{padding-top:5rem;}

}


@media (max-width:1600px){
	.inner{width:100%; padding:0 1rem;}
}



/*연혁*/
.his {display:flex;gap:5rem;margin-top:4rem;align-items: flex-start;}

.his .img-box {position: sticky;
    top: 2rem;}
.his .img-box strong{display:block; font-weight: 700;
font-size: 2.5rem; line-height: 2.5rem;transform: translateY(-50%);color:#fff; }

.his .his-box  {border-top: 2px solid #F2F2F2;flex:1;}
.his .his-box > div {padding:4rem 0;display:flex;gap:5.5rem;align-items: flex-start;border-bottom:1px solid rgba(242,242,242,0.2)}
.his .his-box > div ul li {display:flex;gap:0.5rem;height:3rem;}
.his .his-box > div ul li span { font-weight: 700; font-size: 1rem; line-height: 1rem;color:#A8B2FF;}
.his .his-box > div ul li p {flex:1; font-weight: 400; font-size: 1rem; 
line-height: 1rem;color:rgba(242,242,242,0.8);line-height:1.3; }
.his .his-box > div .year { font-weight: 700; font-size: 2.5rem; color:#fff; line-height:3.5rem;}
.his .his-box > div .cont {flex:1;}
.his .his-box > div:last-child {border-bottom:none;padding-bottom:0;}


@media (max-width:1600px){
.his .img-box {width:35%;}
.his .img-box img {max-width:100%;}
.his .his-box > div ul li {height:auto;}
.his .his-box > div ul li:not(:last-child){margin-bottom:0.75rem;}
.his .his-box > div {gap:3rem;}
.his .his-box > div .year{font-size:2rem;}
}
@media (max-width:767px){
	.his {display:block;}
	.his .img-box{width:100%;position:relative;}
	.his .img-box img {width:100%;}
	.his .his-box{margin-top:5rem;}
	.his .his-box > div{padding:2rem 0;}
}
@media (max-width:500px){
	.his .his-box > div{display:block;}
	.his .his-box > div .cont{margin-top:1rem;}

}

/*ceo인사말*/
.ceo-txt {
font-weight: 400;
font-size:1rem;
line-height: 1.5rem;
text-align: center;color:rgba(242,242,242,0.8);margin-top:4rem;
}
.name-txt {text-align:center;margin-top:4rem;}
.name-txt p { font-weight: 400; font-size: 0.9rem; line-height: 1.5rem;color:#fff; }
.name-txt .name-box {display:flex;align-items:center;justify-content:center;gap:0.35rem;margin-top:0.75rem;}
.name-txt .name-box span { font-weight: 600; font-size: 1.15rem; line-height: 1.5rem;color:#fff;}
.ceo-cont {margin-top:10rem;}

.experience{margin-top:3rem;display:flex;align-items:flex-end;gap:9rem;}
.experience .tit{ font-weight: 600; font-size: 1.3rem; line-height: 1.65rem;color:#A8B2FF; }
.experience .list-box{display:flex;gap:4rem;}
.experience .list-box ul {margin-top:1.5rem;}
.experience .list-box ul li{ font-weight: 400; font-size: 0.9rem; line-height: 1.5rem;color:rgba(242,242,242,0.8);}
.experience .cont-box {position:relative;padding-left:2.5rem;}
.experience .cont-box:before{content: ''; position: absolute; width: 0.15rem; 
height: 100%; background: linear-gradient(180deg, #A8B2FF 0%, #7B3DEA 100%); left: 
0; top: 0; border-radius: 5px; transition-duration: 0.5s;}

@media (max-width:1600px){
	.experience > img {width:40%;}
	.experience{gap:3rem;}
}
@media (max-width:1030px){
	.experience{display:block;}
	.experience > img {width:auto;margin-top:3rem;display:block;margin-left:auto;max-width:100%;}
	.experience .list-box ul{width:50%;}
	.experience .list-box{gap:1.5rem;}
	.ceo-cont{margin-top:5rem;}
}
@media (max-width:500px){
	.experience .list-box{display:block;}
	.experience .list-box ul{width:100%;}
	.experience .cont-box{padding-left:1rem;}
	.experience .list-box ul{margin-top:0;}
	.experience .list-box ul:first-child{margin-top:1.5rem;}
}


/*조직도*/
.org{margin-top:4rem;width:1430px;margin:0 auto;margin-top:4rem;}
.org .org01 {text-align:center;}
.org .org02{padding-left:calc(50% + 9rem);padding-top:4rem;padding-bottom:5.5rem;position:relative;}
.org .org02:after{content:'';position:absolute;width:1px;height:100%;background:rgba(242,242,242,0.25);left:50%;top:0;}
.org .org02 span {display:flex;width:12rem;height:3.65rem;border-radius:10px;background:#7B3DEA;color:#fff;justify-content:center;align-items:center;
font-weight: 700; font-size: 1.15rem; line-height: 1.65rem; position:relative;text-align:center;}
.org .org02 span:after{content:'';position:absolute;left:-9rem;top:50%;background:rgba(242,242,242,0.25);height:1px;width:9rem;}
.org .org03  {display:flex;gap:2.5rem;}
.org .org03 .org-tit {background: var(--4, linear-gradient(151deg, #262652 
1.16%, #13132E 52.45%, #13132E 78.84%, #262652 103.1%)); border:1px solid 
rgba(242,242,242,0.25);height:3.65rem;display:flex;justify-content:center; 
align-items:center; font-weight: 700; font-size: 1rem; line-height: 
1.65rem;color:#fff;border-radius:0.5rem;text-align:center; }
.org .org03 > div {width:calc((100% - (2.5rem * 3) ) / 4);margin-top:5.25rem;position:relative;}
.org .org03 > div:before{content:'';position:absolute;top:-5.25rem;left:50%;background:rgba(242,242,242,0.25);height:5.25rem;width:1px;}
.org .org03 > div:after{content:'';position:absolute;top:-5.25rem;left:0;background:rgba(242,242,242,0.25);height:1px;width:calc(100% + 2.5rem);}
.org .org03 > div:first-child:after {width:calc(50% + 2.5rem)  ;left:50%;}
.org .org03 > div:last-child:after {width:50% ;left:0;}
.org .org03 > div ul{margin-top:0.9rem;}
.org .org03 > div ul li {height:3rem;position:relative;padding-left:0.7rem;color:rgba(242,242,242,0.8);display: flex;
align-items: center;}
.org .org03 > div ul li:before{content:'';position:absolute;width:4px;height:4px;background:#A8B2FF;border-radius:50%;left:0;top:50%;}


@media (max-width:1430px){
	.org{width:100%;}
	.org .org03 > div ul li {height:auto;display:block;}
	.org .org03 > div ul li:before{top:0.5rem;}
	.org .org03 > div ul li:not(:last-child){margin-bottom:0.75rem;}
}
@media (max-width:767px){
	.org .org01 img {width:11.5rem;}
	.org .org03{display:block;}
	.org .org03 > div {width:100%;margin-top:1.5rem;}
	.org .org03 > div:after{display:none;}
	.org .org03 > div:before{display:none;}
	.org .org03 > div:first-child{margin-top:0;}
	.org .org02{padding-left:0;padding-bottom:3.5rem;}
	.org .org02 span {width:100%;position:relative;z-index:1;}
	.org .org02 span:after{display:none;}
	
}

/*찾아오시는 길*/
.map-con {width:1100px;margin:0 auto;margin-top:4rem;}
.map-con .map-btn-zone{display:flex;justify-content:center;align-items:center;gap:1rem;}
.map-con .map-btn-zone a {width:9.5rem;height:3rem;display:flex;justify-content:center;align-items:center;font-size:0.8rem;color:#fff;gap:0.5rem;border-radius:2.5rem;border:1px solid #fff;}
.map {margin-top:2.5rem;}
.map-con .root_daum_roughmap {width:100% !important;height:25rem !important;border-radius:1rem 1rem 0 0 }
.root_daum_roughmap .wrap_map{height:100% !important;}
.map-info {display:flex;    background: var(--4, linear-gradient(151deg, #262652 1.16%, #13132E 52.45%, #13132E 78.84%, #262652 103.1%));padding:2.5rem 1.5rem 3rem 1.5rem;border-radius:0 0 1rem 1rem;}
.map-info .tit{ font-weight: 600; font-size: 0.9rem; line-height: 0.9rem; color:#A8B2FF;display:flex;gap:0.5rem}
.map-info .txt {font-size:1rem;color:#fff;padding-left:1.45rem;margin-top:0.75rem;}
.map-info > div {padding: 0 3rem;}
.map-info > div:first-child{padding-left:0;position:relative;width:60%;}
.map-info > div:first-child:after{content:'';position:absolute;width:1px;height:3.15rem;background:rgba(242,242,242,0.25);right:0;top:0;}
.map-info > div:last-child{padding-right:0;}

@media (max-width:1100px){
	.map-con {width:100%;}
	.map-info{display:block;padding:2rem 1rem;}
	.map-info > div {padding:0;}
	.map-info > div:nth-child(2) {margin-top:1.5rem;}
	.map-info .txt{margin-top:0.5rem;}
	.map-info > div:first-child:after{display:none;}
	.map-info > div:first-child{width:100%;}
}


.solutionSwiper {position:relative;width:30rem;height:20rem;overflow:hidden;margin:0 auto;margin-top:3rem;border-radius:1rem;}
.solutionSwiper img {max-width:100%;}
.flex-box-list{margin-top:4rem;}
.flex-box-list .flex-box {display:flex;gap:4.5rem;padding-bottom:7.5rem;}
.flex-box-list .flex-box .left{border-top:2px solid #F2F2F2;width:11.5rem;padding-top:4rem;}
.flex-box-list .flex-box .left strong {display:block; font-weight: 700; 
font-size: 1.65rem; line-height: 1.65rem;color:#fff;}
.flex-box-list .flex-box .right {border-top:1px solid rgba(242,242,242,0.2);flex:1;padding-top:4rem;}
.flex-box-list .flex-box .right .g-txt { font-weight: 400; font-size: 1rem; 
line-height: 1.65rem;color:rgba(242,242,242,0.8)}
.flex-box-list .flex-box .right .swiper-pagination {text-align:center;position:relative;display: flex;    justify-content: center;gap: 0.6rem;margin-top:1.55rem;}
.flex-box-list .flex-box .right .swiper-pagination-bullet {width:0.6rem;height:0.6rem;background:rgba(255,255,255,0.2);opacity:1;}
.flex-box-list .flex-box .right .swiper-pagination-bullet-active {background:#7B3DEA;}

@media (max-width:1600px){
	.flex-box-list .flex-box .left{width:20%;padding-top:2rem;}
	.flex-box-list .flex-box{gap:1.5rem;padding-bottom:5rem;}
	.flex-box-list .flex-box .right{padding-top:2rem;}

}
@media (max-width:767px){
	.flex-box-list .flex-box{display:block;}
	.flex-box-list .flex-box .left{width:100%;}
	.flex-box-list .flex-box .right{border-top:none;}

}


.skill-list {display:flex;gap:1.75rem;}
.skill-list > div {width:calc((100% - (1.75rem * 3)) / 4);    background: var(--4, linear-gradient(151deg, #262652 1.16%, #13132E 52.45%, #13132E 78.84%, #262652 103.1%));padding:2.5rem 2rem;border-radius:1rem;}
.skill-list > div .num {color:#A8B2FF;font-weight:700;font-size:0.9rem;}
.skill-list > div strong {font-size:1.15rem;font-weight: 700;display:block;margin:3.25rem 0 1.25rem;color:#fff;}
.skill-list > div .txt {color:#F2F2F2;opacity: 0.8;font-size:0.9rem;line-height:1.5rem;}

.flex-box-list .flex-box .right .icon-list {display:flex;gap:1.75rem 2rem;flex-wrap:wrap;}
.flex-box-list .flex-box .right .icon-list > div { background: var(--4, linear-gradient(151deg, #262652 1.16%, #13132E 52.45%, #13132E 78.84%, #262652 103.1%));width:calc((100% - 2rem) / 2);padding:1.75rem;border-radius:1rem;display:flex;align-items:center;gap:1.25rem;}
.flex-box-list .flex-box .right .icon-list > div .icon-box {width:5rem;height:5rem;border-radius:1rem;background:#fff;display:flex;justify-content:center;align-items:center;}
.flex-box-list .flex-box .right .icon-list > div p {color:#F2F2F2;font-size:1rem;line-height:1.5rem;flex:1;}

@media (max-width:1600px){
	.skill-list > div{padding:1.5rem 1rem;}
	.skill-list > div strong{margin:1.25rem 0;}
}
@media (max-width:1200px){
	.skill-list{flex-wrap:wrap;}
	.skill-list > div {width:calc((100% - 1.75rem) / 2);   }
	.flex-box-list .flex-box .right .icon-list > div .icon-box{width:4rem;height:4rem;}
	.flex-box-list .flex-box .right .icon-list > div .icon-box img {width:2.5rem;}
}
@media (max-width:600px){
	.flex-box-list .flex-box .right .icon-list{gap:1rem;}
	.flex-box-list .flex-box .right .icon-list > div{width:100%;}
}


.accordion .cont-bx { display: none; /* 처음엔 모두 숨김 */ padding: 10px;border-bottom: 1px solid rgba(242, 242, 242, 0.20);
background: #181838;padding:1.5rem;color:#F2F2F2;font-size:1rem;opacity:0.8;font-weight:400;}
.accordion .q-bx { cursor: pointer; padding: 12px;font-size:1.15rem;color:#F2F2F2;border-bottom: 1px solid rgba(242, 242, 242, 0.20);padding:2rem 1.5rem;position:relative;}
.accordion .q-bx p {opacity:0.8;}
.accordion .q-bx:after{content:'';position:absolute;width:1.5rem;height:1.5rem;background:url(/images/default/content/chevron-down.svg)no-repeat center center;background-size:cover;right:0;top:2rem;transition-duration: 0.25s;}
.accordion .q-bx.active {opacity:1; font-weight:700;}
.accordion .q-bx.active:after{transform: rotate(180deg); transition-duration: 0.25s;}

.bottom-box {background:url(/images/default/content/banner-bg.png)no-repeat center center;background-size:cover;border-radius:1rem;padding:5.5rem 1rem;text-align:center;}
.bottom-box p {color: #FFF; text-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); font-size: 1.3rem; font-weight: 700; line-height: 1.3rem;}
.bottom-box strong {display:block;color: #FFF; text-shadow: 0 4px 10px rgba(0, 0, 0, 0.10); font-size: 2.25rem; font-weight: 700; line-height: 2.5rem;margin-top:1.25rem;}
.bottom-box .tit-box a {width:9rem;height:2.75rem;display:flex;justify-content:center;align-items:center;border-radius: 2.5rem;background:#13132E;color:#A8B2FF; text-align: center; font-size: 0.9rem; font-weight: 700; line-height: 0.9rem;margin:0 auto;margin-top:3.5rem;}

.bottom-box .tit-box a {background:#13132E;color:#A8B2FF;width:9rem;height:2.75rem;display:flex;align-items: center;justify-content: center;border-radius:100px;z-index: 9999;position:relative;font-size:0.9rem;font-weight:700;}
.bottom-box .tit-box a .link-box {display: flex;align-items: center;overflow: hidden;position: relative;}
.bottom-box .tit-box a .link-box span {display:flex;align-items:center;transition: all .2s;  transform: translateY(0) rotate(0.00001deg);    --animation-bounce: 0.4s cubic-bezier(0.35, 1.5, 0.6, 1);font-size:0.8rem;font-weight:500;}
.bottom-box .tit-box a .link-box span.duplicate {position: absolute;transform: translateY(100%) rotate(0.00001deg);     transition: all .2s;}
.bottom-box .tit-box a .link-box span img{margin-left:0.5rem;}
.bottom-box .tit-box a:hover .link-box span {    transform: translateY(-100%) rotate(0.0001deg);}
.bottom-box .tit-box a:hover .link-box span.duplicate {    transform: translateY(0) rotate(0.0001deg);}




@media (max-width:1030px){
	.bottom-box{padding:4rem 1rem;}
	.bottom-box .tit-box a{margin-top:1.5rem;}
}

.expect-img {display:flex;gap:1.75rem;}
.expect-img > div {width:calc((100% - (1.75rem * 3 )) / 4 );text-align:center;}
.expect-img > div img {max-width:100%;}
.expect-img > div p {color:#F2F2F2; text-align: center; font-size: 1rem; font-weight: 400; line-height: 1.5rem;margin-top:1.25rem; }
.icon-list03 {display:flex;}
.icon-list03 > div {width:calc(100% / 3);text-align:center;}
.icon-list03 > div .icon-box {width:5rem;height:5rem;border-radius:1rem;background:#fff;display:flex;justify-content:center;align-items:center;margin:0 auto;}
.icon-list03 > div strong {display:block;color:#A8B2FF; text-align: center; font-size: 1.15rem; font-weight: 700; line-height: 1.15rem;margin:2rem 0 0.5rem 0}
.icon-list03 > div p {color:#F2F2F2; font-size: 1rem; font-weight: 400; line-height: 1.5rem;}

.expect-img03 > div{width:calc((100% - (1.75rem * 2 )) / 3 );}

@media (max-width:1030px){
	.expect-img {flex-wrap:wrap;}
	.expect-img > div {width:calc((100% - (1.75rem * 1 )) / 2 );}
	.expect-img > div img {max-width:100%;}
}
@media (max-width:600px){
	.solutionSwiper {width:100%;height:auto;}
}

/*채용절차*/
.step-list{display:flex;gap:7.7rem;margin-top:4rem;}
.step-list > div {width:calc((100% - (7.7rem * 2)) / 3);background: var(--4, linear-gradient(151deg, #262652 1.16%, #13132E 52.45%, #13132E 78.84%, #262652 103.1%));padding:3rem 3.5rem;
    border-radius: 2.5rem;text-align:center;position:relative;}
.step-list > div:after{content:""; display:block; position:absolute; right:calc(-4.0rem - 0.75rem); top:50%; transform:translateY(-50%); width:3.0rem; height:1.2rem; background:url(/images/default/content/step-arr.svg) center no-repeat; }
.step-list > div:last-child:after{display:none;}
.step-list > div strong {display:block;color: #FFF; text-align: center; font-size: 1.3rem; font-weight: 700; line-height: 1.5rem;}
.step-list > div .icon-on {display:none;}
.step-list > div.active {background:#7B3DEA;}
.step-list > div.active .icon-on {display:block;}
.step-list > div.active .icon {display:none;}
.step-list > div img{display:block;margin:2.17rem auto;}
.step-list > div .step {color: #FFF; text-align: center; font-size: 0.9rem; font-weight: 700; line-height: 1.5rem;}
.step-list > div .txt {color:#F2F2F2; text-align: center; font-size: 1rem; font-weight: 400; line-height: 1.5rem;opacity: 0.8;margin-top:0.5rem}

.process-list {margin-top:4rem;border-top:2px solid #F2F2F2}
.process-list > li {border-bottom:1px solid rgba(242, 242, 242, 0.20);padding:1.75rem 0;color:rgba(255, 255, 255, 1);position:relative;padding:1rem 1.7rem 1rem 2.7rem;}
.process-list > li:before{content:'';position:absolute;width:1rem;height:1rem;background:url(/images/default/content/check-circle-broken.svg)no-repeat center center;background-size:cover;left:1rem;top:1.25rem;}

@media (max-width:1600px){
	.step-list{gap:5rem;}
	.step-list > div {padding:3rem 1rem;width: calc((100% - (5rem * 2)) / 3);}
}
@media (max-width:767px){
	.step-list{flex-wrap:wrap;gap:1.5rem 5rem;}
	.step-list > div{width: calc((100% - (5rem * 1)) / 2);}
}
@media (max-width:500px){
	.step-list > div{width:100%;padding:1.5rem 1rem;}
	.step-list > div:after{display:none;}
	.step-list > div img {width:3rem;margin:1.5rem auto;}

}

/*복리후생*/
.benefit-list {display:flex;gap:2.5rem 4.65rem;flex-wrap:wrap;margin-top:4rem;}
.benefit-list > div {width:calc((100% - 4.65rem) / 2);background: var(--4, linear-gradient(151deg, #262652 1.16%, #13132E 52.45%, #13132E 78.84%, #262652 103.1%));display:flex;align-items:center;padding:1.75rem;border-radius:1rem;gap:1.25rem;}
.benefit-list > div .icon-box {width:5rem;height:5rem;border-radius:1rem;display:flex;justify-content:center;align-items:center;background:#fff;}
.benefit-list > div .cont {flex:1;}
.benefit-list > div .cont strong {color: #FFF; font-size: 1rem; font-weight: 700; line-height: 1.5rem;display:block;}
.benefit-list > div .cont .txt{color:#F2F2F2; font-size: 0.9rem; font-weight: 400; line-height: 1.5rem;opacity: 0.8;margin-top:1rem;}

@media (max-width:1200px){
	.benefit-list {gap:1.5rem;}
	.benefit-list > div {width:calc((100% - 1.5rem) / 2);}

}
@media (max-width:767px){
	.benefit-list > div .icon-box{width:4rem;height:4rem;}
	.benefit-list > div .icon-box img {width:2.3rem;}

}
@media (max-width:600px){
	.benefit-list > div{width:100%;padding:1rem;}
	.benefit-list > div .cont .txt{margin-top:0.5rem;}
}


/*채용공고*/
.job-list {display:flex;gap:2.65rem;margin-top:4rem;}
.job-list > div {width:calc((100% - (2.65rem * 3)) / 4);background:rgba(24, 24, 56, 1);border-radius:1rem;padding:2.5rem 2rem;}
.job-list > div .job-txt {color:#A8B2FF; font-size: 0.9rem; font-weight: 400; line-height: 1.5rem;}
.job-list > div strong {color: #FFF; font-size: 1rem; font-weight: 700; line-height: 1.5rem;margin:1.25rem 0 2.5rem 0;display:block;}
.job-list > div ul li {color: #FFF; font-size: 0.9rem; font-weight: 400; line-height: 1.5rem;opacity: 0.7;display:flex;gap:0.65rem;}
.job-list > div ul li span {color:#F2F2F2; font-size: 0.9rem; font-weight: 700; line-height: 1.5rem;width:3.1rem;}
.job-list > div a{display:flex;justify-content:center;align-items:center;border-radius: 0.5rem; background:#A8B2FF;color:#13132E; font-size: 0.8rem; font-weight: 400; line-height: 1.5rem;height:2.75rem;margin-top:2.5rem;}
.job-list > div a.end {background:#13132E;color:#F2F2F2;}

@media (max-width:1200px){
	.job-list > div{padding:1.5rem 1rem;}
	.job-list{gap:1.5rem;}
	.job-list > div {width: calc((100% - (1.5rem * 3)) / 4);}
	.job-list > div strong{margin:1.25rem 0 1.5rem 0;}
	.job-list > div a{margin-top:1.25rem;}

}
@media (max-width:1030px){
	.job-list{flex-wrap:wrap;}
	.job-list > div {width: calc((100% - (1.5rem * 1)) / 2);}
}
@media (max-width:500px){
	.job-list > div {width:100%;}
}


/*채용공고 뷰*/
.job-view-tit {padding:2.65rem 1rem;background: var(--4, linear-gradient(151deg, #262652 1.16%, #13132E 52.45%, #13132E 78.84%, #262652 103.1%));border-radius: 1rem;text-align:center;margin-top:4rem;}
.job-view-tit strong {color: #FFF; font-size: 1.65rem; font-weight: 700; line-height: 2.15rem;}


.job-view .job-view-cont {margin-top:2.5rem;}

.job-view .job-view-cont .job-info{border-radius: 1rem 1rem 0 0; background:#F2F2F2;}
.job-view .job-view-cont .job-info ul {display:flex;justify-content:center;align-items:center;padding:2.25rem 1rem;gap:2.5rem;}
.job-view .job-view-cont .job-info ul li {color: #333; font-size: 1rem; font-weight: 400; line-height: 1.5rem;}
.job-view .job-view-cont .job-info ul span {color: #333; font-size: 1rem; font-weight: 700; line-height: 1.5rem;margin-right:0.5rem;}

.job-view .job-view-cont .job-cont {background:#fff;padding:2.75rem;color: #333; font-size: 0.9rem; font-weight: 400; line-height: 1.5rem;}

.job-view .job-view-cont .job-support {padding:2.5rem 1rem;background:#fff;border-radius: 0 0 1rem 1rem;text-align:center;border-top: 1px solid #DDD;}
.job-view .job-view-cont .job-support a{display: flex; width: 11.5rem; height: 3rem; padding: 0.5rem; justify-content: center; align-items: center; gap: 0.5rem;border-radius: 0.5rem;
background: var(--2, linear-gradient(270deg, #A8B2FF 0%, #7B3DEA 100%));color:#fff;margin:0 auto;}
.job-view .list-btn {margin-top:2.5rem;}


@media (max-width:767px){
	.job-view .job-view-cont .job-info ul {flex-wrap:wrap;gap:0.75rem;padding:1.5rem 1rem;}
	.job-view .job-view-cont .job-info ul li{width:100%;}
	.job-view .job-view-cont .job-cont{padding:1.5rem 1rem;}
}

.apply-tit {padding:2.65rem 1rem;background: var(--4, linear-gradient(151deg, #262652 1.16%, #13132E 52.45%, #13132E 78.84%, #262652 103.1%));border-radius: 1rem;text-align:center;margin-top:4rem;}
.apply-tit strong {color: #FFF; font-size: 1.65rem; font-weight: 700; line-height: 2.15rem;}


.apply-cont {width:25rem;margin:4rem auto;}
.apply-cont > div {padding:2.5rem 0;}
.apply-cont > div:first-child{padding-top:0;}
.apply-cont > div:last-child{padding-bottom:0;}

.apply-cont > div:not(:last-child){border-bottom:1px solid #F2F2F2}
.apply-cont .cont-text > div:not(:last-child) {margin-bottom:1.15rem;}
.apply-cont .cont-text > div label{color: #FFF; font-size: 0.9rem; font-weight: 600; line-height: 0.9rem; letter-spacing: -0.0045rem;margin-bottom:0.5rem;display:block;}
.apply-cont .cont-text > div label span {color: #A8B2FF; font-size: 0.9rem; font-weight: 600; line-height: 0.9rem; letter-spacing: -0.0045rem;}
.apply-cont .cont-text input[type="text"],
.apply-cont .cont-text input[type="email"] {height:50px;border-radius:0.4rem;border:none;}
.apply-cont .cont-text input[type="text"]::placeholder,
.apply-cont .cont-text input[type="email"]::placeholder {color:rgba(153, 153, 153, 1);font-size:16px;}
.file-box { display: inline-block; width: 100%; height: 50px; border: 1px solid #ccc; border-radius: 6px; line-height: 40px; padding: 0 10px; color: #555; cursor: pointer; background: #f9f9f9; position: relative; overflow: hidden; text-align: left; box-sizing: border-box;display: flex
;align-items: center;font-size:16px;}
.file-input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;   /* input 숨기기 */ cursor: pointer; }
.file-label { display: inline-block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; color: #999; }
.file-label.active{ color: #333; }

.cont-file > div:not(:last-child) {margin-bottom:2.5rem;}
.cont-file .tit{color: #FFF; font-size: 0.9rem; font-weight: 600; line-height: 0.9rem; letter-spacing: -0.0045rem;margin-bottom:0.5rem;}
.cont-file .txt {color: #9F9F9F; font-size: 0.8rem; font-weight: 400; line-height: 1.15rem; letter-spacing: -0.004rem;margin-bottom:0.5rem;}
.cont-file .txt span {color:#A8B2FF;}

.cont-file .stxt {margin-top:0.5rem;color:#F2F2F2; font-size: 0.8rem; font-weight: 400; line-height: 1.15rem; letter-spacing: -0.004rem;position:relative;padding-left:0.5rem;}
.cont-file .stxt span{position:absolute;color: #A8B2FF; font-size: 0.8rem; font-weight: 400; line-height: 1.15rem; letter-spacing: -0.004rem;left:0;}


.apply-cont > div .agree-box {display:flex;justify-content:space-between;}
.apply-cont > div .agree-box > div span {color: #FFF; font-size: 0.8rem; font-weight: 400; line-height: 0.9rem; letter-spacing: -0.004rem;}
.apply-cont > div .agree-box > a {color: rgba(255,255,255,0.6); font-family: Pretendard; font-size: 0.8rem; font-style: normal; font-weight: 600; line-height: 0.9rem;letter-spacing: -0.004rem; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font;}
.agree-cont > label:not(:last-child) {margin-bottom :1rem;}

.apply-cont > div .agree-box input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;width: 1.25rem; height: 1.25rem; border: 1px solid #ccc; border-radius: 3px; position: relative; vertical-align: middle; margin-right: 10px; cursor: pointer;transition: border-color 0.2s, background-color 0.2s;margin-bottom:0;}
.apply-cont > div .agree-box input[type="checkbox"]::after {content:'';position:absolute;width:1rem;height:1rem;left:50%;top:50%;transform:translate(-50%,-50%);
background:url(/images/default/main/check.svg)no-repeat center center;background-size:cover; 
}
.apply-cont > div .agree-box input[type="checkbox"]:checked { border-color: #7B3DEA; background-color: #7B3DEA; }
.apply-cont > div .agree-box input[type="checkbox"]:checked::after {background:url(/images/default/main/check.svg)no-repeat center center;background-size:cover; }

.submit-wrap {width:25rem;margin:0 auto;display:flex;gap:1.25rem;}
.submit-wrap > a {width:calc((100% - 1.25rem) / 2);border-radius: 0.5rem;
border: 1px solid #F2F2F2; background:#13132E;height:3rem;display:flex;justify-content:center;align-items:center;color: #FFF;
text-align: center; font-size: 0.9rem; font-style: normal; font-weight: 700; line-height: 0.9rem;}
.submit-wrap > input {width:calc((100% - 1.25rem) / 2);height:3rem;border:none;border-radius: 0.5rem;
background: var(--2, linear-gradient(270deg, #A8B2FF 0%, #7B3DEA 100%));color: #FFF; text-align: center; font-size: 0.9rem; font-style: normal; font-weight: 700; line-height: 0.9rem;cursor:pointer;} 


@media (max-width:767px){
	.apply-cont {width:100%;}
	.submit-wrap{width:100%;}
} 

.popup  {position:fixed;left:50%;top:50%;width:25rem;transform:translate(-50%,-50%);background:#fff;border-radius:1rem;display:none;    z-index: 100;}
.popup .pop-tit{border-radius: 1rem 1rem 0 0; background: #F8F8F8;color: #222; text-align: center; font-size: 1.15rem; font-weight: 700; line-height: 0.8rem; letter-spacing: -0.00575rem;height:4.25rem;display:flex;justify-content:center;align-items:center;}

.popup .popup-cont {background:#fff;padding:1.2rem 1.75rem 1.8rem 1.75rem;border-radius:0 0 1rem 1rem;}
.popup .popup-cont > div {height:15.6rem;overflow-y:scroll;color: #333; font-size: 0.8rem; font-weight: 400; line-height: 1.3rem; letter-spacing: -0.004rem;}
.popup .popup-cont > div b {display:block;font-weight:700;}
a.check-btn {display:flex;width:7.5rem;height:2.75rem;border-radius: 2.5rem;
background: #222;color: #FFF; text-align: center; font-size: 0.8rem; font-weight: 400; line-height: 0.8rem; /* 100% */ letter-spacing: -0.004rem;justify-content:center;align-items:center;margin:0 auto;margin-top:2.2rem;}

.job-agree-end {padding:3.1rem 1rem 2.15rem 1rem}
.job-agree-end  strong {color: #222; text-align: center; font-size: 1.15rem; font-style: normal; font-weight: 700; line-height: 1.35rem; letter-spacing: -0.00575rem;display:block;}

@media (max-width:767px){
	.popup{width:90%;}
}

.contact {width:1200px;margin:0 auto;margin-top:4rem;padding:3.5rem 6.9rem;border-radius:1rem;background:url(/images/default/main/contact-bg.png)no-repeat center top;}
.contact .items-flex{display:flex;gap:1.15rem;}
.contact .items-flex > div {width:calc((100% - 1.15rem) / 2);}
.contact .items .contact-tit label {font-size:0.9rem;color:#fff;font-weight:600;margin-bottom:0.5rem;display:block;}
.contact .items .contact-tit label span {color:#A8B2FF;}
.contact > div:not(:last-child) {margin-bottom:1.25rem;}
.contact > div input[type="text"] {height:50px;border-radius:8px;background:#fff;font-size:16px;padding:0 1rem;}
.contact > div input[type="text"]::placeholder {color: #999;}
.contact > div input[type="email"] {height:50px;border-radius:8px;background:#fff;font-size:16px;padding:0 1rem;}
.contact > div input[type="email"]::placeholder {color: #999;}
.contact > div textarea {height:6.5rem;border-radius:1rem;}
.contact > div textarea::placeholder {color: #999;}

.contact .agree-box {display:flex;justify-content:space-between;margin-top:1rem;    align-items: center;}
.contact .agree-box input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;width: 1.25rem; height: 1.25rem; border: 1px solid #ccc; border-radius: 3px; position: relative; vertical-align: middle; margin-right: 10px; cursor: pointer;transition: border-color 0.2s, background-color 0.2s;margin-bottom:0;}
.contact .agree-box input[type="checkbox"]::after {content:'';position:absolute;width:1rem;height:1rem;left:50%;top:50%;transform:translate(-50%,-50%);
background:url(/images/default/main/check.svg)no-repeat center center;background-size:cover; 
}
.contact .agree-box input[type="checkbox"]:checked { border-color: #7B3DEA; background-color: #7B3DEA; }
.contact .agree-box input[type="checkbox"]:checked::after {background:url(/images/default/main/check.svg)no-repeat center center;background-size:cover; }

.contact .agree-box > div > span {color:#fff;font-size:0.8rem;}
.contact .agree-box > div {display: flex ; align-items: center;}
.contact .agree-box > a {font-size:0.8rem;line-height:0.9rem;color:rgba(255,255,255,0.6);font-weight:600;text-decoration : underline;
  text-underline-offset : 5px;}

.contact .submit-btn{ background: linear-gradient(to right, #A8B2FF, #7B3DEA);width:9rem;height:2.75rem;color:#fff;font-weight:700;font-size:0.9rem;border:none;border-radius:2.5rem;margin:0 auto;display:block;margin-top:2rem;cursor:pointer;}


@media (max-width:1400px){
	{padding-top:8rem;}
}
@media (max-width:1200px){
	.contact {width:100%;background-size:cover;padding:3.5rem 1rem;}
}
@media (max-width:1030px){
	{padding-top:5rem;}
}
@media (max-width:620px){
	.contact .items-flex{flex-direction:column;gap:1.25rem;}
	.contact .items-flex > div{width:100%;}
}


.article-command{display:flex;gap:0.5rem;margin-top:1rem;}
.article-command a {width:calc((100% - 0.5rem ) / 2);background:#fff;color:#333;display:flex !important;border-radius:0.5rem;justify-content:center;align-items:center;height:2rem;text-align:center;}
.article-command a:first-child{display:none !important;}

.job-list > div.no-box {width:100%;text-align:center;padding:8rem 0;}
.job-list > div.no-box .b-tit {color: #FFF; font-size: 1rem; font-weight: 700; line-height: 1.5rem;margin:0.9rem 0 0.45rem 0;}
.job-list > div.no-box .b-tit span {color:#A8B2FF;}
.job-list > div.no-box .s-txt {color: #FFF; font-size: 0.9rem; font-weight: 400; line-height: 1.5rem;}