@charset "UTF-8";

.sub_sct_tit{font-size: 70px;font-weight: 600;color: #191919;text-align: center;line-height: 1.4;}
@media screen and (max-width:1024px) {
  .sub_sct_tit{font-size: 48px;}
}
@media screen and (max-width:768px) {
  .sub_sct_tit{font-size: 32px;}
}

.sub_wrap section{position: relative;}
.sub_wrap section .sct_anchor{position: absolute;top: -100px;width: 0;height: 0;}
@media screen and (max-width:1024px) {
  .sub_wrap section .sct_anchor{top: -80px;}
}


/* ABOUT */
.sub01_sct1{padding: 100px 0;}
.sub01_sct1 .inner{display: flex;gap: 20px;flex-wrap: wrap;}
.sub01_sct1 .left{width: 100%;}
/* .sub01_sct1 .right{width: calc(50% - 10px);} */
.sub01_sct1 .left .img_box{padding-bottom: 60px;}
.sub01_sct1 .left h2{font-size: 32px;font-weight: 600;color: #191919;line-height: 1.3;}
.sub01_sct1 .left p{font-size: 18px;font-weight: 400;color: #191919;line-height: 1.6;margin-top: 30px;}
.sub01_sct1 .left p + p{margin-top: 16px;}
.sub01_sct1 .left p b{font-weight: 600;}
.sub01_sct1 .right{display: flex;justify-content: right;align-items: end;}

@media screen and (max-width:1024px) {
  .sub01_sct1{padding: 80px 0;}
  .sub01_sct1 .left .img_box{padding-bottom: 40px;}
  .sub01_sct1 .left h2{font-size: 24px;}
  .sub01_sct1 .left p{font-size: 16px;margin-top: 20px;}
  .sub01_sct1 .left p + p{margin-top: 12px;}
}
@media screen and (max-width:768px) {
  .sub01_sct1{padding: 60px 0;}
  .sub01_sct1 .inner{gap: 40px;}
  /* .sub01_sct1 .left,
  .sub01_sct1 .right{width: 100%;} */
  .sub01_sct1 .left .img_box{padding-bottom: 20px;}
  .sub01_sct1 .left h2{font-size: 22px;}
  .sub01_sct1 .left p{margin-top: 20px;}
  .sub01_sct1 .left p + p{margin-top: 12px;}
}



.sct01_sct2{padding: 120px 0;}
.sct01_sct2 .sct_desc{font-size: 28px;font-weight: 600;color: #191919;text-align: center;line-height: 1.4;margin-top: 24px;}
.sct01_sct2 .map_box{width: 100%;height: 500px;margin-top: 70px;}
.sct01_sct2 .map_box .wrap_map{height: 100%;}
.sct01_sct2 .map_box .root_daum_roughmap{width:100% !important;height: 100% !important;}
.sct01_sct2 .map_box .map{width: 100%;height: 500px;}
.sct01_sct2 .map_box .map_border{display: none;}
.sct01_sct2 .detail_info{display: flex;gap: 54px;flex-wrap: wrap;margin-top: 70px;}
.sct01_sct2 .detail_info > li{width: calc(33.333% - 36px);border-top: solid 2px;border-color: linear-gradient(135deg,rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 1) 100%);}
.sct01_sct2 .detail_info > li h3{font-size: 22px;font-weight: 500;color: #191919;line-height: 1.5;margin-top: 20px;}
.sct01_sct2 .detail_info > li p{font-size: 22px;font-weight: 300;color: #191919;line-height: 1.4;margin-top: 6px;}

@media screen and (max-width:1024px) {
  .sct01_sct2{padding: 100px 0;}
  .sct01_sct2 .sct_desc{font-size: 24px;margin-top: 18px;}
  .sct01_sct2 .map_box{height: 360px;margin-top: 40px;}
  .sct01_sct2 .map_box .map{height: 360px;}
  .sct01_sct2 .detail_info{gap: 36px;margin-top: 40px;}
  .sct01_sct2 .detail_info > li{width: calc(33.333% - 24px);}
  .sct01_sct2 .detail_info > li h3{font-size: 18px;margin-top: 16px;}
  .sct01_sct2 .detail_info > li p{font-size: 18px;}
}
@media screen and (max-width:768px) {
  .sct01_sct2{padding: 80px 0;}
  .sct01_sct2 .sct_desc{font-size: 18px;margin-top: 12px;}
  .sct01_sct2 .map_box{height: 300px;}
  .sct01_sct2 .map_box .map{height: 300px;}
  .sct01_sct2 .detail_info{gap: 20px;}
  .sct01_sct2 .detail_info > li{width: 100%;}
  .sct01_sct2 .detail_info > li h3{font-size: 16px;margin-top: 12px;}
  .sct01_sct2 .detail_info > li p{font-size: 16px;margin-top: 4px;}
}



.sct01_sct3{padding: 120px 0;background: url(/html/img/sub01_img02.jpg) no-repeat center/cover;}
.sct01_sct3 span.eng{display: block;font-size: 22px;font-weight: 400;color: rgba(255, 255, 255, 0.7);text-align: center;}
.sct01_sct3 h2{font-size: 40px;font-weight: 700;color: #fff;text-align: center;margin-top: 24px;}
.sct01_sct3 .sns_link{display: flex;gap: 40px;flex-wrap: wrap;margin-top: 80px;}
.sct01_sct3 .sns_link > li{position: relative;width: calc(33.333% - (80px / 3));background-color: rgba(0, 0, 0, 0.4);backdrop-filter: blur(20px);border-radius: 24px;box-shadow: rgba(255, 255, 255, 0.1) -16px -16px 50px 0;}
.sct01_sct3 .sns_link > li a{position: relative;display: block;padding: 50px 20px;z-index: 22;}
.sct01_sct3 .sns_link > li .img_box{text-align: center;}
.sct01_sct3 .sns_link > li .txt_box{display: flex;gap: 4px;justify-content: center;align-items: center;margin-top: 30px;font-size: 28px;font-weight: 600;color: #fff;text-align: center;}

.sct01_sct3 .sns_link > li .border_img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 11;}

@media screen and (max-width:1024px) {
  .sct01_sct3{padding: 100px 0;}
  .sct01_sct3 span.eng{font-size: 18px;}
  .sct01_sct3 h2{font-size: 32px;margin-top: 20px;}
  .sct01_sct3 .sns_link{gap: 18px;margin-top: 60px;}
  .sct01_sct3 .sns_link > li{width: calc(33.333% - 12px);}
  .sct01_sct3 .sns_link > li a{padding: 30px 20px;}
  .sct01_sct3 .sns_link > li .txt_box{margin-top: 20px;font-size: 20px;}
}
@media screen and (max-width:768px) {
  .sct01_sct3{padding: 80px 0;}
  .sct01_sct3 span.eng{font-size: 16px;}
  .sct01_sct3 h2{font-size: 26px;margin-top: 16px;}
  .sct01_sct3 .sns_link{gap: 10px;margin-top: 40px;}
  .sct01_sct3 .sns_link > li{width: 100%;}
  .sct01_sct3 .sns_link > li a{padding: 20px;}
  .sct01_sct3 .sns_link > li .img_box img{width: 100%;max-width: 60px;}
  .sct01_sct3 .sns_link > li .txt_box{font-size: 16px;margin-top: 12px;}
}











/* SHOW ROOM */
.sub04{height: 1080px;padding: 80px 0;text-align: center;background: url(/html/img/sub04_img01.jpg) no-repeat center/cover;}

@media screen and (max-width:1024px) {
  .sub04{height: 480px;}
}













/* PROCESS */
#sub_container.sub05_bg{background: url(/html/img/sub05_bg.jpg) no-repeat center/cover;}

.sub05_sct1{padding: 60px 0 120px;}
.sub05_sct1 .inner{max-width: 1140px;}
.sub05_sct1 .top_box .sub_sct_tit{color: #fff;}
.sub05_sct1 .top_box .down{text-align: center;margin-top: 40px;}
.sub05_sct1 .process_list{margin-top: 60px; position: relative;}
.sub05_sct1 .process_list > li{position: relative;display: flex;flex-direction: column;justify-content: center;height: 272px;padding: 10px 130px;}
.sub05_sct1 .process_list > li .step{display: block;font-size: 18px;font-weight: 800;color: rgba(255, 255, 255, 0.5);line-height: 1.4;}
.sub05_sct1 .process_list > li h3{font-size: 28px;font-weight: 600;color: #fff;line-height: 1.4;margin-top: 8px;}
.sub05_sct1 .process_list > li p{font-size: 20px;font-weight: 500;color: rgba(255, 255, 255, 0.7);line-height: 1.7;margin-top: 8px;}

/* .sub05_sct1 .process_list > li:nth-child(2n)::before{content: '';} */
/* .sub05_sct1 .process_list > li:nth-child(2n)::before{content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: url(/html/img/sub05_line1.svg) no-repeat center right/contain;}
.sub05_sct1 .process_list > li:nth-child(2n + 1)::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/html/img/sub05_line2.svg) no-repeat center left/contain;} */

.sub05_sct1 .process_list1 > li{
  margin-left: 130px;
}
.sub05_sct1 .process_list2{
  margin-top: 0 !important;
}
.sub05_sct1 .process_list2::before{
  content: "";
  display: block;
  aspect-ratio : 1100/1104;
  background: url(../img/process-bg.svg) no-repeat center top / 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.sub05_sct1 .process_list2 > li:nth-child(2){
  margin-top: 2px;
}
.sub05_sct1 .process_list2 > li:nth-child(4){
  margin-top: 3px;
}
.sub05_sct1 .process_list2 > li:nth-child(5){
  margin-top: 3px;
}

.sub05_sct1 .process_list2 > li:nth-child(2n + 1) .step,
.sub05_sct1 .process_list2 > li:nth-child(2n + 1) h3,
.sub05_sct1 .process_list2 > li:nth-child(2n + 1) p{text-align: right;}


@media(max-width:1200px){
  .sub05_sct1 .process_list1 > li{
    margin-left: 0px;
  }
  .sub05_sct1 .process_list2::before{
    display: none;
  }
  .sub05_sct1 .process_list2 > li:nth-child(2){
    margin-top: 0px;
  }
  .sub05_sct1 .process_list2 > li:nth-child(4){
    margin-top: 0px;
  }
  .sub05_sct1 .process_list2 > li:nth-child(5){
    margin-top: 0px;
  }
  .sub05_sct1 .process_list > li::after{
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border: 2px solid #fff;
    background: rgb(25,25,25);
    position: absolute;
    top: 0;
    left: 0;
  }
  .sub05_sct1 .process_list > li::before{
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 7.5px;
    background: #fff;
  }
  .sub05_sct1 .process_list2 > li:last-child::before{
    display: none;
  }
  .sub05_sct1 .process_list > li .step,
  .sub05_sct1 .process_list > li h3,
  .sub05_sct1 .process_list > li p{
    text-align: left !important; 
  }
  .sub05_sct1 .process_list > li{height: auto; padding: 0 0 30px 60px;}
}

@media(max-width:1024px){
  .sub05_sct1{padding: 60px 0 100px;}
  .sub05_sct1 .top_box .down{margin-top: 30px;}
  .sub05_sct1 .process_list{margin-top: 80px;}
  .sub05_sct1 .process_list > li{height: auto; padding: 0 0 30px 30px;}
  .sub05_sct1 .process_list > li .step{font-size: 14px;}
  .sub05_sct1 .process_list > li h3{font-size: 20px;margin-top: 6px;}
  .sub05_sct1 .process_list > li p{font-size: 16px;line-height: 1.5;margin-top: 6px;}

  /* .sub05_sct1 .process_list > li:nth-child(2n)::before{content: '';} */
  /* .sub05_sct1 .process_list > li:nth-child(2n)::before{content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: url(/html/img/sub05_line1.svg) no-repeat center right/contain;}
  .sub05_sct1 .process_list > li:nth-child(2n + 1)::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/html/img/sub05_line2.svg) no-repeat center left/contain;} */

  

  
}










/* CONSULT */
.sub06{padding: 120px 0;background-color: #191919;}
.sub06_sct1 a.inq_check{display: block;width: 100%;max-width: 320px;margin: 0 auto 20px;padding: 12px;font-size: 20px;font-weight: 500;color: #fff;text-align: center;border: #fff solid 1px;border-radius: 8px;}
.consult_wrap{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.consult_wrap .left{position: relative;width: 55.55%;border-radius: 40px;-webkit-backdrop-filter: blur(30px);backdrop-filter: blur(30px);border: solid 1px rgba(255, 255, 255, 0.04);background-color: rgba(0, 0, 0, 0.14);padding: 60px;box-shadow: rgba(255, 255, 255, 0.1) -16px -16px 50px 0;}
.consult_wrap .right{width: 35.41%;}

.consult_wrap .left form{position: relative;z-index: 22;}
.consult_wrap .left .border_img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 11;}
.consult_wrap .left .frm-box + .frm-box{margin-top: 80px;}
.consult_wrap .left .inq_tit{font-size: 24px;font-weight: 700;color: #fff;}
.consult_wrap .left .n-iptbox{display: flex;gap: 24px;flex-wrap: wrap;margin-top: 30px;}
.consult_wrap .left .n-iptbox .ipt_tit{display: block;width: 110px;font-size: 18px;font-weight: 500;color: #fff;padding: 14px 0;}
.consult_wrap .left .n-iptbox input,
.consult_wrap .left .n-iptbox textarea{width: calc(100% - 134px);padding: 14px 20px;border-radius: 10px;border: solid 1px rgba(255, 255, 255, 0.2);background-color: rgba(255, 255, 255, 0.05);outline: none;font-size: 18px;font-weight: 400;letter-spacing: -0.15px;color: rgba(255, 255, 255, 1);}
.consult_wrap .left .n-iptbox input::placeholder,
.consult_wrap .left .n-iptbox textarea::placeholder{color: rgba(255, 255, 255, 0.6);}
.consult_wrap .left .n-iptbox textarea{resize: none;height: 130px;}
.consult_wrap .left .submitbox button{border: none;outline: none;width: 100%;padding: 20px 5px;border-radius: 10px;background-color: #fff;font-size: 18px;font-weight: 700;color: #191919;text-align: center;transition: all 0.3s ease-in-out;margin-top: 40px;border: #191919 solid 1px;}
.consult_wrap .left .n-iptbox input:focus,
.consult_wrap .left .n-iptbox textarea:focus{border: solid 1px rgba(255, 255, 255, 1);}
.consult_wrap .left .submitbox button:hover{background-color: #191919;color: #fff;border: #fff solid 1px;}
.consult_wrap .left .n-iptbox .chk_list{display: flex;gap: 6px;flex-wrap: wrap;width: calc(100% - 134px);}
.consult_wrap .left .n-iptbox .chk_list > li{position: relative;}
.consult_wrap .left .n-iptbox .chk_list > li input{position: absolute;top: 0;left: 0;opacity: 0;font-size: 0;}
.consult_wrap .left .n-iptbox .chk_list > li label{display: flex;gap: 4px;align-items: center;font-size: 16px;font-weight: 500;color: rgba(255, 255, 255, 0.9);padding: 14px 16px;background-color: rgba(255, 255, 255, 0.05);border: rgba(255, 255, 255, 0.2) solid 1px;border-radius: 10px;cursor: pointer;}
.consult_wrap .left .n-iptbox .chk_list > li input:checked + label{color: #040F20;background-color: rgba(255, 255, 255, 0.9);}
.consult_wrap .left .n-iptbox .chk_list > li input:checked + label img{filter: invert(1);}


.consult_wrap .right > li{padding: 40px 0;}
.consult_wrap .right > li:nth-child(n + 2){border-top: rgba(255, 255, 255, 0.6) solid 1px;}
.consult_wrap .right > li .tit{display: block;font-size: 20px;font-weight: 400;color: rgba(255, 255, 255, 0.5);}
.consult_wrap .right > li .con{font-size: 24px;font-weight: 500;color: #fff;line-height: 1.7;margin-top: 4px;}

@media screen and (max-width:1024px) {
  .sub06{padding: 80px 0;}
  .sub06_sct1 a.inq_check{padding: 8px;font-size: 16px;}

  .consult_wrap{gap: 40px;}
  .consult_wrap .left{width: 100%;padding: 40px 20px;}
  .consult_wrap .right{width: 100%;}

  .consult_wrap .left .frm-box + .frm-box{margin-top: 40px;}
  .consult_wrap .left .inq_tit{font-size: 18px;}
  .consult_wrap .left .n-iptbox{gap: 0;margin-top: 12px;}
  .consult_wrap .left .n-iptbox .ipt_tit{width: 100%;font-size: 16px;padding: 10px 0;}
  .consult_wrap .left .n-iptbox input,
  .consult_wrap .left .n-iptbox textarea{width: 100%;padding: 8px 12px;border-radius: 6px;font-size: 16px;}
  .consult_wrap .left .n-iptbox textarea{height: 120px;}
  .consult_wrap .left .submitbox button{font-size: 16px;border-radius: 8px;padding: 12px 5px;margin-top: 20px;}
  .consult_wrap .left .n-iptbox .chk_list{width: 100%;}
  .consult_wrap .left .n-iptbox .chk_list > li label{font-size: 15px;padding: 6px 8px;border-radius: 8px;}

  .consult_wrap .right > li{padding: 20px 0;}
  .consult_wrap .right > li .tit{font-size: 16px;}
  .consult_wrap .right > li .con{font-size: 18px;}
}
@media screen and (max-width:768px) {

}