@charset "utf-8";
.container {width:92%; max-width:128rem; margin-left:auto; margin-right:auto; word-break:keep-all;}

#about_visual {display:flex; justify-content:center; align-items:flex-end; height:100vh; background:url('../images/sub/about_visual.jpg') no-repeat center/cover;}
#about_visual .txt {color:#fff; text-align:center;}
#about_visual .txt strong {display:block; font-family: 'Paperlogy',sans-serif; font-size:6.5rem; font-weight:600; line-height:1.3;}
#about_visual .txt div {margin-top:3rem; padding-bottom:22%; font-size:3rem; line-height:1.4;}
@media screen and (max-width:1024px){
	#about_visual .txt strong {font-size:3.2rem;}
	#about_visual .txt div {font-size:2rem;}
}

.stit1 {font-family: 'Paperlogy',sans-serif; font-size:5.5rem; font-weight:700;}
.stxt1 {margin-top:4rem; font-size:2.2rem; line-height:1.4;}
.stit2 {margin:8rem 0 2rem; font-size:2.4rem; font-weight:600; line-height:1.4;}
@media screen and (max-width:1024px){
	.stit1 {font-size:3.3rem;}
}

.about_c1 {padding-top:25rem; text-align:center;}
.about_c1 .t1 {font-size:3.6rem; line-height:1.5;}
.about_c1 .t1+.t1 {margin-top:10rem;}
.about_c1 .cbox1 {display:flex; margin-top:30rem;}
.about_c1 .cbox1 .img {width:39.84375%; border-radius:1rem; background:url('../images/sub/about_c1_img1.jpg') no-repeat center/cover;}
.about_c1 .cbox1 .img::before {display:block; padding-bottom:166.6666%; content:'';}
.about_c1 .cbox1 .cont {flex:1; min-width:0; padding-top:10rem; margin-left:-30rem; text-align:right;}
.about_c1 .cbox1 .cont > div {display:inline-block; text-align:center;}
.about_c1 .cbox1 .cont .stit1 {white-space:nowrap; text-align:left;}
.about_c1 .cbox1 .cont .t2 {margin-top:4rem; font-size:2.2rem; line-height:1.4;}
.about_c1 .cbox1 .cont .t3 {margin-top:10rem; font-size:1.6rem; line-height:1.4; text-align:right;}
.about_c1 .cbox1 .cont .simg {overflow:hidden; max-width:38rem; margin:7rem auto 0; border-radius:1rem;}
.about_c1 .cbox1 .cont .simg img {width:100%;}
.about_c1 .cbox2 {display:flex; align-items:center; gap:5rem; margin-top:9rem;}
.about_c1 .cbox2 .cont {flex:1; min-width:0; font-size:3.6rem; line-height:1.5; text-align:left;}
.about_c1 .cbox2 .img {width:56.25%; border-radius:1rem; background:url('../images/sub/about_c1_img3.jpg') no-repeat center/cover;}
.about_c1 .cbox2 .img::before {display:block; padding-bottom:55.555%; content:'';}
@media screen and (max-width:1024px){
	.about_c1 {padding-top:15rem;}
	.about_c1 .t1 {font-size:2.1rem;}
	.about_c1 .t1+.t1 {margin-top:5rem;}
	.about_c1 .cbox1 {margin-top:10rem;}
	.about_c1 .cbox1 {flex-wrap:wrap; gap:5rem;}
	.about_c1 .cbox1 .img {width:100%; background-position:center 90%;}
	.about_c1 .cbox1 .img::before {padding-bottom:80%;}
	.about_c1 .cbox1 .cont {flex:initial; margin-left:0; width:100%; padding:0;}
	.about_c1 .cbox1 .cont .stit1 {white-space:normal;}
	.about_c1 .cbox1 .cont .t2 {text-align:left;}
	.about_c1 .cbox1 .cont .t3 {margin-top:5rem; padding-right:3rem;}
	
	.about_c1 .cbox2 {flex-wrap:wrap;}
	.about_c1 .cbox2 .cont {font-size:2.1rem;}
	.about_c1 .cbox2 .img {width:100%;}
}

.about_c2 {margin-top:30rem;}
.about_c2 .cbox {display:flex; gap:6rem; margin-top:10rem; background:#F8F8F8;}
.about_c2 .cbox+.cbox {margin-top:2rem;}
.about_c2 .cont {flex:1; min-width:0; position:relative; z-index:3; padding:10rem 0 10rem 10rem;}
.about_c2 .cont::after {position:absolute; top:0; left:0; z-index:-1; width:167%; height:100%; background: linear-gradient(90deg, #F8F8F8 70.19%, rgba(248, 248, 248, 0.00) 100%); content:'';}
.about_c2 .t1 {font-size:3.6rem; font-weight:700; line-height:1.4;}
.about_c2 .t2 {margin-top:2rem; font-size:1.8rem; font-weight:400; line-height:1.6;}
.about_c2 .img {width:50%; background:no-repeat center/cover;}
.about_c2 .img::before {display:block; padding-bottom:56.25%; content:'';}
.about_c2 .s1 .img {z-index:20; background-image:url('../images/sub/about_c2_img1.png');}
.about_c2 .s2 .img {background-image:url('../images/sub/about_c2_img2.jpg');}
.about_c2 .s3 .img {background-image:url('../images/sub/about_c2_img3.jpg');}
@media screen and (max-width:1024px){
	.about_c2 {margin-top:18rem;}
	
	.about_c2 .cbox {flex-direction:column-reverse; gap:0; overflow:hidden;}
	.about_c2 .cont {flex:initial; width:100%; padding:5rem 4rem;}
	.about_c2 .cbox.s1 .cont {padding-top:0;}
	.about_c2 .cont::after {display:none;}
	.about_c2 .t1 {font-size:2.7rem;}
	.about_c2 .img {width:110%; margin-left:-8%;}
}

.about_c3 {padding:22rem 0 30rem;}
.about_c3 ul {display:flex; justify-content:space-between; padding:0 4rem; margin-top:10rem;}
.about_c3 li {position:relative; text-align:center;}
.about_c3 .step {display:flex; align-items:center; justify-content:center; position:relative; z-index:10; width:20rem; height:20rem; font-family: 'Paperlogy',sans-serif; color:#fff; text-align:center; font-size:2rem; font-weight:700; letter-spacing:0;}
.about_c3 .step::after {position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; border-radius:100%; background:url('../images/sub/about_c3_step.jpg') no-repeat center/contain; content:'';}
.about_c3 .step i {position:absolute; top:50%; left:-30rem; width:30rem; height:18rem; margin-top:-9rem; background:url('../images/sub/about_c3_arr.svg') no-repeat right center/contain; content:'';}
.about_c3 .step i::after {position:absolute; top:50%; left:0; width:1.2rem; height:1.2rem; margin-top:-0.6rem;  border-radius:100%; background:#1aa7a8; content:'';}
.about_c3 li:nth-child(2) .step::after {transform:rotate(142deg);}
.about_c3 li:nth-child(3) .step::after {transform:rotate(243deg);}
.about_c3 .t1 {margin-top:3rem; font-size:3.6rem; font-weight:700; line-height:1.4; color:#00BABB;}
.about_c3 .t2 {margin-top:1rem; font-size:2rem; line-height:1.4;}
@media screen and (max-width:1024px){
	.about_c3 {padding:18rem 0;}
	.about_c3 ul {flex-direction:column; gap:12rem; margin-top:5rem; padding:0;}
	.about_c3 ul li {display:flex; justify-content:center; align-items:center; gap:1rem;}
	.about_c3 ul li .cont {width:18rem;}
	.about_c3 ul li .t1 {margin:0;}
	.about_c3 .step {width:17rem; height:17rem;}
	.about_c3 .step i {top:-10.2rem; left:2.5rem; height:8rem; width:12.5rem; transform:rotate(90deg); margin:0; background-size:30rem auto;}
	.about_c3 .t1 {font-size:2.8rem;}
	/*
	.about_c3 ul {flex-wrap:wrap; gap:0rem; margin-top:5rem; padding:0;}
	.about_c3 ul li {width:50%;}
	.about_c3 .step {margin:auto;}
	.about_c3 .step i {display:none; top:-8rem; left:-5rem; height:6rem; width:10rem; transform:rotate(90deg); margin:0; background-size:30rem auto;}
	*/
}



.swiper-button-prev::after,
.swiper-button-next::after {display:none;}

.about_c4 {position:relative; overflow:hidden; margin-bottom:25rem;}
.about_c4 .cbox {display:flex; gap:16.6rem;}
.about_c4 .controls {position:relative; display:flex; justify-content:space-between; width:15rem; height:6.5rem; margin-top:10rem;}
.about_c4 .controls .swiper-button-prev,
.about_c4 .controls .swiper-button-next {position:relative; top:auto; left:auto; right:auto; width:6.5rem; height:6.5rem; margin:0; border-radius:100%; background:#EEEEEE; transition:all 0.4s;}
.about_c4 .controls .swiper-button-prev::before,
.about_c4 .controls .swiper-button-next::before {position:absolute; top:0; left:0; right:0; bottom:0; border-radius:100%; background:url('../images/sub/icon_swiper_arr.svg') no-repeat center/contain; content:''; transition:all 0.4s;}
.about_c4 .controls .swiper-button-prev {transform:rotate(180deg);}
.about_c4 .controls .swiper-button-prev:hover,
.about_c4 .controls .swiper-button-next:hover {background:#00BABB;}
.about_c4 .controls .swiper-button-prev:hover::before,
.about_c4 .controls .swiper-button-next:hover::before {filter: brightness(0) invert(1);}
.about_c4 .rcont {flex:1; min-width:0;}
#about_c4_swiper {overflow:hidden; margin-right:-120rem; border-radius:1rem;}
#about_c4_swiper .swiper-container {width:140rem;}
#about_c4_swiper .swiper-slide {overflow:hidden; position:relative; width:25rem; height:75rem; background:#000; transition:all 0.6s;}
#about_c4_swiper .swiper-slide .bg {position:absolute; top:0; left:0; right:0; bottom:0; background:no-repeat center/cover; transition:all 0.6s;}
#about_c4_swiper .swiper-slide .bg::after {position:absolute; top:0; left:0; right:0; bottom:0; background:#000; opacity:0.4; content:''; transition:all 0.6s;}
#about_c4_swiper .swiper-slide.slide01 .bg {background-image:url('../images/sub/about_c4_img1.jpg');}
#about_c4_swiper .swiper-slide.slide02 .bg {background-image:url('../images/sub/about_c4_img2.jpg');}
#about_c4_swiper .swiper-slide.slide03 .bg {background-image:url('../images/sub/about_c4_img3.jpg');}
#about_c4_swiper .swiper-slide.slide04 .bg {background-image:url('../images/sub/about_c4_img4.jpg');}
#about_c4_swiper .swiper-slide.slide05 .bg {background-image:url('../images/sub/about_c4_img5.jpg');}
#about_c4_swiper .swiper-slide.slide06 .bg {background-image:url('../images/sub/about_c4_img6.jpg');}
#about_c4_swiper .swiper-slide-active {width: 51rem !important;} 
#about_c4_swiper .swiper-slide::before {position:absolute; left:0; right:0; bottom:0; height:27rem; z-index:10; opacity:0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); content:''; transition:all 0.6s 0s;}
#about_c4_swiper .swiper-slide a {position:absolute; left:0; right:0; bottom:0; top:0; z-index:13; pointer-events:none;}
#about_c4_swiper .txt {position:absolute; left:5rem; bottom:1rem; z-index:20; color:#fff; opacity:0; white-space:nowrap; transform:translateY(5rem); transition:all 0.6s 0s;}
#about_c4_swiper .txt .date {font-size:1.6rem; line-height:1.5;}
#about_c4_swiper .txt .tit {margin-top:0.5rem; font-size:3.2rem; line-height:1.4; font-weight:700;}
#about_c4_swiper .txt .date {font-size:1.6rem; line-height:1.5;}
#about_c4_swiper .txt a {display:inline-flex; align-items:center; gap:1rem; margin-top:2.5rem;}
#about_c4_swiper .txt a i {position:relative; width:2.6rem; height:2.6rem; border-radius:100%; background:#00BABB;}
#about_c4_swiper .txt a i::after {position:absolute; top:0; left:0; right:0; bottom:0; filter: brightness(0) invert(1); background:url('../images/main/icon_arr.svg') no-repeat center/contain; content:''; transition:all 0.4s;}
#about_c4_swiper .txt ul {opacity:0; margin-top:1.5rem; transition:all 0.4s;}
#about_c4_swiper .txt li {position:relative; padding-left:0.8rem; font-size:1.6rem; line-height:1.4;}
#about_c4_swiper .txt li::before {position:absolute; top:1rem; left:0; width:0.3rem; height:0.3rem; border-radius:100%; background:#D9D9D9; content:'';}
#about_c4_swiper .txt li+li {margin-top:0.5rem;}
#about_c4_swiper .swiper-slide-active {background:#fff;}
#about_c4_swiper .swiper-slide-active a {pointer-events:initial;}
#about_c4_swiper .swiper-slide-active .bg::after {opacity:0;}
#about_c4_swiper .swiper-slide-active::before {opacity:0.7;}
#about_c4_swiper .swiper-slide-active .txt {opacity:1;}



@media screen and (min-width:1024.1px){
	#about_c4_swiper .swiper-slide-active:hover {background:#fff;}
	#about_c4_swiper .swiper-slide-active:hover ul {opacity:1;}
	#about_c4_swiper .swiper-slide-active:hover .bg::after {opacity:0;}
	#about_c4_swiper .swiper-slide-active:hover .txt {opacity:1; transform:translateY(-5rem);}
}
@media screen and (max-width:1024px){
	.about_c4 {overflow:hidden; margin-bottom:15rem;}
	.about_c4 .cbox {flex-wrap:wrap; gap:5rem;}
	.about_c4 .lcont {width:100%;}
	.about_c4 .controls {margin-top:5rem;}
	#about_c4_swiper {margin:0 -20%;}
	#about_c4_swiper .swiper-container {width:auto;}
	#about_c4_swiper .swiper-slide-active,
	#about_c4_swiper .swiper-slide {width:80vw !important; height:40rem !important; border-radius:1rem;}	
	#about_c4_swiper .swiper-slide {transform:scale(0.9);}
	#about_c4_swiper .swiper-slide-active {transform:scale(1);}
	#about_c4_swiper .txt {left:3.5rem;}
	#about_c4_swiper .txt .tit {font-size:2.6rem;}
}

.about_c5 {position:relative; overflow:hidden;}
.about_c5::before {position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); content:'';}
.about_c5 video {display:block; width:100%; height:100vh; object-fit:cover;}
.about_c5 .cbox {position:absolute; top:0; left:0; right:0; bottom:0; z-index:20; padding:20rem 0;}
.about_c5 .container {position:relative; height:100%;}
.about_c5 .stit1 {color:#fff;}
.about_c5 .sbox {position:absolute; right:0; bottom:0; color:#fff;}
.about_c5 .txt {position:absolute; top:0; left:0; max-width:50rem; height:22rem; opacity:0; transition:opacity 0.4s}
.about_c5 .txt:first-child {position:relative;}
.about_c5 .txt strong {font-size:3.6rem; font-weight:700; line-height:1.4;}
.about_c5 .txt p {margin-top:2rem; font-size:1.7rem; line-height:1.5; word-break:keep-all;}
.about_c5 .txt.active {opacity:1;}
.about_c5 .progress {position: relative; width:64rem; height:1px; background:rgba(255,255,255,0.2);}
.about_c5 .progress span {position:absolute; top:-1px; left:0; width:0; height:3px; background:#fff;}
@media screen and (max-width:1024px){
	.about_c5 video {height:150vw;}
	.about_c5 .cbox {padding:12rem 0;}
	.about_c5 .sbox {left:0;}
	.about_c5 .txt {}
	.about_c5 .progress {width:100%;}
}
/*
.about_c5 .txt { display: none; opacity: 0; transition: opacity 0.5s; }
.about_c5 .txt.active { display: block; opacity: 1; }
*/


.about_c6 {padding:23.7rem 0; text-align:center; background:url('../images/sub/about_c6_bg.jpg') #eafeff no-repeat center/cover;}
@media screen and (max-width:1024px){
	.about_c6 {padding:10rem 0; background:url('../images/sub/about_c6_bg_m.jpg') #eafeff no-repeat center/cover;}
}


.about_c7 {padding:12rem 0; text-align:center;}
.about_c7 .stit1 {margin-bottom:5rem;}
.about_c7 .clist {display:flex; margin:-1.2rem;}
.about_c7 .clist li {width:25%; padding:1.2rem;}
.about_c7 .card {width: 100%; padding-bottom: 100%; position: relative; transition: .4s; transform-style: preserve-3d;}
.about_c7 .card .front,
.about_c7 .card .back {position: absolute;width: 100%;height: 100%;top: 0; backface-visibility: hidden;border-radius: 4rem; background:no-repeat center/cover;}
.about_c7 .card .front {display: block; width: 100%; height: 100%; background:no-repeat center/cover;}
.about_c7 .card .back {transform: rotateY(180deg); overflow: hidden; }

.about_c7 li:nth-child(1) .front {background-image:url('../images/sub/brand_view_01_front.jpg');}
.about_c7 li:nth-child(1) .back {background-image:url('../images/sub/brand_view_01_back.jpg');}
.about_c7 li:nth-child(2) .front {background-image:url('../images/sub/brand_view_02_front.jpg');}
.about_c7 li:nth-child(2) .back {background-image:url('../images/sub/brand_view_02_back.jpg');}
.about_c7 li:nth-child(3) .front {background-image:url('../images/sub/brand_view_03_front.jpg');}
.about_c7 li:nth-child(3) .back {background-image:url('../images/sub/brand_view_03_back.jpg');}
.about_c7 li:nth-child(4) .front {background-image:url('../images/sub/brand_view_04_front.jpg');}
.about_c7 li:nth-child(4) .back {background-image:url('../images/sub/brand_view_04_back.jpg');}

@media screen and (min-width:1024px){
	.about_c7 li:hover .card {transform: rotateY(180deg);}
}
@media screen and (max-width:1024px){
	.about_c7 .clist {margin:-0.6rem;}
	.about_c7 .clist li {padding:0.6rem;}
	.about_c7 .card .front,
	.about_c7 .card .back {border-radius:3rem;}
}



body.sub5 {background:#F8F8F8;}
.consult_top {display:flex; flex-wrap:wrap; gap:0 2rem;}
.consult_top .mtit {width:100%;}
.consult_top .tel,
.consult_top .kakao {overflow:hidden; flex:1; min-width:0; border-radius:1rem; line-height:1.4; text-align:center;}
.consult_top .tel {padding:3.2rem; border: 1px solid #E0E0E0; background:#ECEDF0}
.consult_top .tel strong {display:inline-block; padding-left:4.8rem; font-size:2.4rem; line-height:1.4; font-weight:600; line-height:4rem; background:url('../images/consult/icon_tel.svg') no-repeat 0 center; background-size:3.8rem auto;}
.consult_top .tel p {margin-top:2rem; font-size:2.2rem; font-weight:600;}
.consult_top .tel span {font-size:1.5rem;}
.consult_top .kakao a {display:block; height:100%; padding:4.1rem 3rem; background: #FFE600;}
.consult_top .kakao a::before {display:block; width:6.3rem; height:5.8rem; margin:0 auto 1rem; background:url('../images/consult/icon_kakao.svg') no-repeat center/contain; content:'';}
.consult_top .kakao strong {font-size:2.4rem; color:#392020; font-weight:600;}
@media screen and (max-width:1024px){
	.consult_top .tel,
	.consult_top .kakao {flex:initial; width:100%;}
	.consult_top .kakao {margin-top:2rem;}
}

.consult_process ul {display:flex; gap:1rem; text-align:center;}
.consult_process li {flex:1; min-width:0; padding:2.5rem 0; border: 1px solid #E0E0E0; border-radius:1rem; background:#fff;}
.consult_process li::before {display:block; width:6rem; height:6rem; margin:0 auto 2rem; background:no-repeat center/contain; content:'';}
.consult_process li:nth-child(1)::before {background-image:url('../images/consult/icon_step1.svg');}
.consult_process li:nth-child(2)::before {background-image:url('../images/consult/icon_step2.svg');}
.consult_process li:nth-child(3)::before {background-image:url('../images/consult/icon_step3.svg');}
.consult_process li:nth-child(4)::before {background-image:url('../images/consult/icon_step4.svg');}
.consult_process li:nth-child(5)::before {background-image:url('../images/consult/icon_step5.svg');}
.consult_process li span {font-size:1.6rem; font-weight:600; color:#00BABB;}
.consult_process li strong {display:block; margin-top:0.5rem; font-size:2rem; font-weight:700;}
.consult_process li p {margin-top:0.5rem; font-size:1.5rem; line-height:1.4;}
@media screen and (max-width:1024px){
	.consult_process ul {flex-wrap:wrap; gap:1rem 2%;}
	.consult_process li {flex:initial; width:48%;}
	/*
	.consult_process ul {flex-direction:column;}
	.consult_process li {display:flex; justify-content:center; align-items:center; gap:3rem;}
	.consult_process li::before {margin:0;}
	.consult_process li > div {text-align:left; width:14rem;}
	*/
}

.faq_list {border-top:1px solid #051014;}
.faq_list li {border-bottom: 1px solid #E0E0E0; padding:3rem 0;}
.faq_list li > button {display:flex; gap:2rem; align-items:center; position:relative; width:100%;}
.faq_list li > button > .q_txt {width:5rem; height:5rem; border-radius:100%; border-radius:100%; font-size:1.6rem; font-weight:700; color:#fff; text-align:center; line-height:5rem; background:#051014;}
.faq_list li > button > strong {flex:1; min-width:0; font-size:1.8rem; font-weight:500; line-height:1.5; text-align:left;}
.faq_list li > button::after {width:5rem; height:5rem; border-radius:100%; background:url('../images/consult/icon_faq_arr.svg') no-repeat center; background-size:2.4rem auto; content:''; transform:rotate(180deg); transition:all 0.4s;}
.faq_list li > button:hover::after {background-color:#D7DCE6;}
.faq_list li .cont {display:none;}
.faq_list li .tcont {display:flex; gap:2rem; margin-top:1.5rem;}
.faq_list li .tcont > div {flex:1; min-width:0; padding-top:1.3rem; font-size:1.6rem; line-height:1.5;}
.faq_list li .a_txt {width:5rem; height:5rem; border-radius:100%; border-radius:100%; font-size:1.6rem; font-weight:700; color:#051014; text-align:center; line-height:5rem; background:#fff;}
.faq_list li.on > button::after {transform:rotate(0deg); background-color:#D7DCE6;}


.fs-globe-container {position:relative; width: 100rem !important; height:  100rem !important; }
.globe-tooltip {
    position: absolute;
    background: rgba(0,0,0,0.8);
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 14px;
    pointer-events: none;
    display: none;
  }
  .pin {
    width: 12px;
    height: 12px;
    background: #ff5f57;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
  }