@charset "utf-8";


/* **************************************** *
 * SUB layout
* @description 서브단에서만 달라지는 header, footer 정의
 * **************************************** */
#container:has(.board-page) + #footer{margin-top: 140rem;}
#header{}
#footer{}

.quick a.quick-online{background-color: transparent;border-color: var(--c-02);background: var(--w);}
.quick a.quick-online path{stroke: var(--c-02);}

@media (max-width:1200px){

}
@media all and (max-width:1023px){

}

@media (max-width: 540px){

}

/* **************************************** *
 * SUB common
 * **************************************** */

.scroll-down{left: inherit; right: var(--margin); flex-direction: row-reverse; gap: 12rem;}

.sub-content{position:relative; padding-top: 223rem}
.sub-content:has(.board-page){padding-top: var(--gap120);}

.sub-content .point-plus{left: calc(var(--sub-lnb) - 7rem);top:-10rem}
.sub-body{padding-left: var(--sub-lnb); padding-bottom: var(--gap150);}
.sub-body h3{margin-bottom:var(--gap120); font-family: var(--lang-ko);}

h3,h4{color: var(--b-01);}

@media (max-width:1200px){

    .sub-content{padding-top: 160rem;}
    .sub-body h3{margin-bottom: 100rem;}
  
}

@media all and (max-width:1023px){
    .sub-content{padding-top: 100rem;}
    .sub-body h3{margin-bottom: 80rem;}
 
	/* .sub-content:has(.board-page){padding-top:110rem;} */
}

@media (max-width: 860px){

    .sub-content{padding-top: 30rem;}
    .sub-body{padding-top:80rem;}
    .sub-body h3{margin-bottom: 50rem;}
}

@media (max-width: 540px){
	.sub-content,
	.sub-content:has(.board-page){padding-top: 0;}

    .sub-body{padding-top: 50rem;}
    .scroll-down{right: 14rem; bottom: 22rem;}
}

/* **************************************** *
 * SITE CUSTOM
 * **************************************** */

/* 회사소개 */
.sub-body.company-page h3{margin-bottom: 44rem;}
.company-page{position: relative;}
.company-page img{position: absolute;bottom: 64px;left: 265rem;z-index: -1;}
.company-bg{width: 100%; height: 358rem; border-radius: 5rem; background: url(../img/sub/company-bg.jpg) no-repeat; background-size: cover; background-position: 50% 50%;}
.company-intro strong{margin-top: 57rem; font-size: 31rem; font-weight: 700; display: block; color: var(--b-01);}
.company-intro p{margin-top: 25rem; font-size: 20rem; font-weight: 400; color: var(--b-01);}

.company-text{margin-top: 0;padding-left: 383rem;}
.company-text__sec{margin-top: var(--gap100);}
.company-text__sec p + p{margin-top: 26rem;}
.company-text__sec h4{margin-bottom: 44rem; position: relative;}
.company-text__sec h4::before{content: "";width: 8rem;height: 8rem;border-radius: 12rem;background-color: var(--c-02);position: absolute;top: -4rem;left: -15rem;}



@media (max-width:1600px){
    .company-text{padding-left: 23%;}
	/*화면 1024에 맞춰놓고 작업*/
}
@media all and (max-width:1480px){
    .company-text{margin-top: 100rem;}
}
@media all and (max-width:1200px){
   .company-text__sec h4{margin-bottom: 15rem;}
}
@media all and (max-width:1023px){
	.company-text{padding-left: 0;}
    .company-text__sec p + p{margin-top: 16rem;}
    .company-intro p{font-size: 18rem; margin-top: 16rem;}
    .company-intro strong{font-size: 25rem; margin-top: 45rem;}
    .company-page{overflow: hidden;}
    .company-page img{width: 40%; left: -10%;}
}

@media (max-width: 860px){

    .company-page img{width: 60%; left: 0;}

}
@media (max-width: 540px){
	
    .company-bg{height: 228rem;}
    .company-intro strong{font-size: 18rem;}
    .company-intro p{font-size: 15rem;}
    .company-intro p br{display: none;}
    .company-text{margin-top: 60rem;}
    .company-text__sec h4::before{width: 5rem; height: 5rem; top: -2rem; left: -5rem;}

     .company-page img{width: 110%; left: -40%}
}

*:is(.sub01_02) #header {
    border-bottom: 0;
}
*:is(.sub01_02) #header.on {
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
*:is(.sub01_02) #header:is(.color-on, .on) #logo a{    background-image: url(../img/layout/logo_w.svg);}

*:is(.sub01_02) :is(#header:is(.color-on, .on) #gnb .gnb-item > a, #header:is(.color-on, .on) .lang-menu a,#header:is(.color-on, .on) .gnb-full-btn .text){color:var(--w);}
*:is(.sub01_02) #header:is(.color-on, .on) .gnb-full-icon > span{background:var(--w);}


.sub01_02 #sub-visual{display: none;}
.sub01_02 .sub-lnb{display: none;}
.sub01_02 .sub-content{padding-top: 0;}
.sub01_02 .sub-top-line{display: none;}

.mission-intro{display: flex; height: 100vh; justify-content: center; position: relative; }
.mission-intro{background :url(../img/sub/mission-bg.jpg) no-repeat; background-size: cover; background-position: 50% 50%;}
.mission-intro__container,.mission-last__container{height: 100%;}
.mission-intro__wrapper,.mission-last__wrapper{height: 100vh; display: flex; justify-content: center; align-items: center;}

#text-opacity {display:flex;flex-direction:column;justify-content:center;align-items: center;height:200vh; font-size:70px;font-weight:900;line-height:1.15;color: rgba(255, 255, 255, .2);}
#text-opacity  h2{position:relative;width:max-content;background:linear-gradient(to right, #fff, #fff) no-repeat;-webkit-background-clip:text;background-clip:text;background-size:0%;transition:background-size cubic-bezier(.1,.5,.5,1) 0.5s;font-weight: 700;text-align: center;line-height: 1; margin: 0 auto;}

.mission-second{height: 100vh; background-color: var(--w); display: flex; align-items: center; justify-content: center;}
.mission-second div{text-align: center; display: inline-block; padding: 40rem; background-color: var(--w); position: relative; z-index: 3;}
.mission-second strong{font-weight: 700; color: var(--c-02); font-family: var(--lang-point);  font-size: 90rem;    transform: scale(.3); display: block;}
.mission-second h3{background-color: var(--w); position: relative; z-index: 1;}
.mission-second h3.h3-top{transform:translateY(60rem)}
.mission-second h3.h3-bottom{transform:translateY(-60rem)}
.mission-second .line{background-color: #cacaca; position: absolute;/*  transition-duration:1s; transition: all 3s; */}
.mission-second .line.left,
.mission-second .line.right{top: 50%;width: 0; height: 1px;}
.mission-second .line.left{left: 0; }
.mission-second .line.right{right: 0;}
.mission-second .line.top,
.mission-second .line.bottom{width: 1px; height:0; left: 50%;}
.mission-second .line.top{top: 0}
.mission-second .line.bottom{bottom:0}

.mission-last{height: 100vh; position: relative;} 
.mission-last  h2, .mission-last  h2 > div{color: var(--b-01); display: inline-block; font-weight:700;}
.mission-last span{font-size:289rem; font-family: var(--lang-point); font-weight: 700; color: var(--c-02); opacity: .13; position: absolute; top: 50%; transform: translateY(-50%);}

.value-sec{background-color: #050E2C; padding: var(--gap150) 0; }
.value-inn{margin: 0 var(--margin);}
.value-title {text-align: center;}
.value-title span{color: var(--c-02);}
.value-title h3{color: var(--w); font-family: var(--lang-ko); margin-top: 8rem;}

.value-list{justify-content: space-between; position: relative; margin-top: 84rem; display: flex;/*  flex-wrap: wrap; gap: 40rem; */}
.value-list__item{width: clamp(280rem, 31vw, 600rem);} /* 최소 280, 최대 600, 뷰포트 기준 반응형 */
.value-list__item:nth-child(2){position: absolute; left: 50%; transform: translateX(-50%);}
.value-list__round{width: 100%; aspect-ratio: 1 / 1; border:1px solid var(--op-w30); display: flex; align-items: center; justify-content: center; border-radius: 50%; position: relative; overflow: visible;}
.value-list__round figure{width: 55%; aspect-ratio: 1 / 1; border-radius: 50%; position: relative; overflow: hidden;}
.value-list__round figure img{width: 100%; height: 100%; object-fit: cover;}
.value-list__round::before{content: ""; width: 3%; aspect-ratio: 1 / 1; border-radius: 50%; background-color: var(--w); position: absolute; top: 50%; left: 50%; transform: rotate(0deg) translateX(50%); transform-origin: center center; animation: spin 8s linear infinite;}
.value-list__item:nth-child(2) .value-list__round{border-color: var(--c-02);}

@keyframes spin{
  0%   {transform: rotate(0deg) translateY(-50%);}
  100% {transform: rotate(360deg) translateY(-50%);}
}
.value-list__text{text-align: center;}
.value-list__text *{color: var(--w);}
.value-list__text h4{color:var(--w); margin-top: 48rem;}
.value-list__text p{margin-top: 26rem; display: block;}

@media (max-width:1600px){

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

}
@media all and (max-width:1200px){
	/*화면 1024에 맞춰놓고 작업*/
}
@media all and (max-width:1023px){

    .mission-intro__wrapper{padding:0 30rem;}
    .mission-second strong{font-size: 70rem;}

   .mission-second h3.h3-top{transform:translateY(44rem)}
.mission-second h3.h3-bottom{transform:translateY(-44rem)}
.mission-last span{font-size: 230rem;}

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

     /* .mission-second h3.h3-top{transform:translateY(42rem)}
.mission-second h3.h3-bottom{transform:translateY(-42rem)} */
}
@media (max-width: 540px){

    #text-opacity h2{font-size: 30rem;}
    .mission-second strong{font-size: 50rem;}

    .value-list{flex-direction: column; align-items: center; gap: 44rem;}
    .value-list__text h4{margin-top: 20rem;}
    .value-list__text p{margin-top: 16rem;}
    .value-list__item:nth-child(2){position: relative; left: 0; transform: none;}
    .mission-last h2{padding: 0 20rem;}
    .mission-last h2,.mission-last h2 span{font-size:32rem; text-align: center;}
    .mission-last span{font-size: 180rem;}
    .mission-last{overflow: hidden;}

    .mission-second h3.h3-top{transform: translateY(32rem);}
    .mission-second h3.h3-bottom{transform: translateY(-32rem);}

}


.history-contents{margin-top: 135rem;}
.history-list{position: relative;/* justify-content: flex-end; */padding-left: 374rem;}
.history-list [class^="year"]{font-size:50rem; font-family: var(--lang-point); color:var(--b-01)}
.history-item{align-items: flex-start;}
.history-item:last-child .history-list-wrap{padding-bottom: 0;}
.history-item .year-back{min-width: 180rem;}
.history-item .year-back i{/* position: relative; */}
.history-item .year-back i::before{content: "";position: absolute;right: 0;top: 23rem;width: 12rem;height: 12rem;border-radius: 30rem;background-color: var(--c-02);}
.history-list-wrap{padding-bottom: 150rem; position: relative; padding-left: 107rem;}
.history-sticky{position: sticky; top: 40vh; height: 64rem;}
.history-list__in li{display: flex;}
.history-list__in li + li{margin-top: 34rem;}
.history-list__in span{font-size: 16rem; font-weight: 700; width: 140rem;}
.history-list__in em{flex: 1; font-weight: 300;}
.history-lin--wrap{width: 2rem;  overflow: hidden; }
.history-line{width: 1px;height: 100%;background-color: var(--br-01);overflow: hidden;display: block;top: 26rem;position: absolute;left: 650px;}
.history-line__bar{display:block;position:absolute;top:0;left:0;z-index: 50;width:100%;background:var(--c-02);}


@media (max-width:1600px){

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

    .history-list{padding-left: 214rem;}
    .history-line{left: 468rem;}
    .history-contents{margin-top: 100rem;}
}
@media all and (max-width:1200px){
	
    .history-list{padding-left: 0;}
    .history-list [class^="year"]{font-size: 40rem;}
    .history-line{left: 257rem;}
    .history-item .year-back i::before{width: 10rem; height: 10rem;}
}
@media all and (max-width:1023px){
	/*화면 768에 맞춰놓고 작업*/
}
@media (max-width:860px){
    .history-list-wrap{padding-bottom: 100rem;}

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


    .history-contents{margin-top: 50rem;}
    .history-list [class^="year"]{font-size: 22rem;}
    .history-item .year-back{min-width: 60rem; width: 60rem;}
    .history-item .year-back i::before{width: 6rem; height: 6rem; top: 13rem;}
    .history-list-wrap {padding-left: 26rem; padding-bottom: 56rem;}
    .history-line{top: 20rem; left: 100rem; ;}
}


/* 파트너 */
.partner-sec + .partner-sec{margin-top: var(--gap130)}
.partner-sec{justify-content: space-between;}
.partner-sec div{min-width: 994rem;}
.partner-sec ul{gap:0; }
.partner-sec li{height: 134rem; border:1px solid #e1e1e1; display: inline-flex; align-items: center; justify-content: center;}
.partner-sec li:nth-child(3),
.partner-sec li:nth-child(2),
.partner-sec li:nth-child(5){margin-left: -1px;}
.partner-sec li:nth-child(n + 4){margin-top: -1px;}
.partner-sec li img{max-width: 80%; max-height: 80%;}

@media (max-width:1800px){
	.partner-sec div{min-width: 70%; width: 70%;}
}
@media all and (max-width:1400px){
	/*화면 768에 맞춰놓고 작업*/
    .partner-sec li{height: 114rem;}
}
@media all and (max-width:1200px){
    .partner-sec div{min-width: 77%; width: 77%;}
}
@media all and (max-width:1023px){
	/*화면 768에 맞춰놓고 작업*/
    .partner-sec{flex-direction: column; gap: 16rem;}
    .partner-sec div{min-width:100%; width:100%;}
    .partner-sec li{height: 100rem;}
}
@media (max-width:860px){
    .partner-sec li img{max-height: 46rem;}
}
@media (max-width: 540px){

     .partner-sec li:nth-child(n + 2){margin-top: -1px !important;}
    .partner-sec li:nth-child(3), .partner-sec li:nth-child(2), .partner-sec li:nth-child(5){margin-left: 0;}
	
}

.product-page h3{font-family: var(--lang-point); color: var(--b-01); font-weight: 600; margin-bottom: 10rem;}
.product-nav {display: flex;gap: 15rem;}
.product-nav *:not(i){font-size: 15rem;  font-weight: 600; color: var(--b-03);}
.product-nav *:last-child{color: var(--c-02);}
.product-nav i{width: 1px;height: 14rem;background-color: #b9b9b9;display: block;transform: rotate(30deg);position: relative;top: 3rem;}
.product-total{text-align: right; margin-bottom: 38rem;}
.product-total *{font-family: var(--lang-ko);}
.product-total span{font-size: 14rem;}
.product-total em{color: var(--b-01); font-weight: 700; margin-left: 3rem;}
.product-catalog{text-align: right;}
.product-catalog__download{border: 1px solid #d3d3d3;border-radius: 4rem;padding: 13rem 18rem;display: inline-flex;gap: 30rem;transition: var(--trans-01);}
.product-catalog__download span{font-size: 13rem;font-family: var(--lang-point);color: var(--b-01);font-weight: 700;transition: var(--trans-01);}
.product-catalog__download svg *{transition: all .3s;}
.product-catalog__download:hover path{stroke: var(--c-02); fill: var(--c-02);}
.product-catalog__download:hover {border-color: var(--c-02);}
.product-catalog__download:hover span {color: var(--c-02);}

/* .product-list{margin-top: 44rem;} */
.product-list ul{gap: 60rem 30rem;}
.product-list figure{ background-color: var(--bg-02); border-radius: 5rem; aspect-ratio: 660 / 440; display: flex; align-items: center; justify-content: center;}
.product-list em{display: block; text-align: center; margin-top: 24rem;}

.product-image figure{background-color: var(--bg-02); aspect-ratio: 631 / 514; flex: 1; position: sticky; top: 50rem; border-radius: 5rem; }

.product-desc{width: 720rem; max-width: 720rem; padding-left: 70rem;}
.product-desc .board-title{margin-bottom: 10rem; display: block;}
.product-desc__sec{margin-bottom: 64rem; }
.product-desc__sec:last-child{margin-bottom: 0;}

table.product-spec{width: 100%; border:1px solid var(--br-01); border-bottom: 0; table-layout: fixed;}
.product-spec tbody{width: 100%; display: table;}
.product-spec tbody th{font-weight: 700; color: var(--b-01); text-align: left; width: 130rem;}
.product-spec tbody tr > *{padding: 20rem 24rem; font-size: 15rem; border-bottom: 1px solid var(--br-01);}
.product-spec tbody td{padding-left: 0; }

.product-info--wrap{margin-top: 21rem}
.product-info--wrap figure{}

.video-wrap{width: 100%; position: relative ; aspect-ratio: 16/9;}
.video-wrap video{ width: 100%; height: 100%; object-fit: cover;  position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%);}

.product-detail{padding-top: 80rem; border-top: 1px dashed #cacaca; margin-top: var(--gap130);}
.product-detail__image {margin-top: 63rem;}
.product-detail__image ul{gap: 20rem;}
.product-detail__image ul li{position: relative;}
.product-detail__image ul li span{position: absolute; bottom: 20rem; right: 20rem; font-size: 12rem; font-weight: 700; color: var(--b-03);}
.product-detail__image figure{width: 100%; aspect-ratio: 438/328; border-radius: 5rem;  background: var(--bg-02);}
.prodcut-detail__video iframe{aspect-ratio: 16 / 9;}
.product-page .no-data{display:flex;justify-content:center;align-items:center;height:320rem;/* background:var(--bg-02); */border-top: 1px solid var(--border-01);font-size: 18rem;}

@media (max-width:1600px){

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

}
@media all and (max-width:1200px){
	/*화면 1024에 맞춰놓고 작업*/
}
@media all and (max-width:1023px){
    .product-total{margin-bottom: 18rem;}
	.product-list em{margin-top: 18rem;}
    .product-list ul{gap: 40rem 26rem;}


    .product-info{flex-direction: column;}
    .product-desc{width: 100%; max-width: 100%; padding-left: 0; margin-top: 34rem;}
    .product-detail__image ul{grid-template-columns: 1fr 1fr;}
    .product-catalog{margin-bottom: 20rem;}

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

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

    .product-list ul{grid-template-columns: 1fr;}
    .product-list em{font-size: 16rem; margin-top: 14rem;}
    .product-total span{font-size: 12rem;}

    .product-nav{margin-bottom: 11rem; gap: 10rem;}
    .product-nav i{height: 12rem; left: 1rem; transform: rotate(26rdeg);}
    .product-nav *:not(i){font-size: 12rem;}
    .product-catalog__download{gap:20rem;}
    .product-catalog__download span{font-size: 10rem;}

    .product-spec tbody th{width: 110rem;}
    .product-spec tbody tr > *{padding: 14rem; font-size: 14rem;}

    .product-desc__sec{margin-bottom: 44rem;}
    .product-detail{padding-top: var(--gap120);}
    .product-detail__image ul{grid-template-columns: 1fr;}
}




/* tehcnology */
.tech-sec + .tech-sec{margin-top:var(--gap130);}
.tech-sec .tech-tit span{color:var(--c-02)}
.tech-sec .tech-tit h4{margin-top: 8rem;}

.tec-desc{margin-top: 30rem;}
.tec-desc em{color: var(--b-01); font-weight: 700; display: block; margin-bottom: 6rem;}
.tec-desc p{}
.tech-tit--wrap{margin-bottom: 80rem;}

.tech-table{width: 100%;display: flex;}
.tech-table .tech-table__box{flex: 1;}
.tech-table .tech-table__box strong{font-weight: 600; padding: 15rem; display: block; width: 100%; text-align: center;}
.tech-table .tech-table__box:not(.acitve) strong{background-color: var(--br-01); color: var(--b-01); }
.tech-table .tech-table__box.active strong{color: var(--w); background-color: var(--c-02); position: relative; top: -10rem; z-index: 10;}
.tech-table .tech-table__box.active strong::before{content: "";width: 100%;;height: calc(100% + 20rem);bottom: -11rem;background-color: var(--c-02);position: absolute;left: 0;z-index: -1;}
.tech-table .tech-table__box > div{min-height: 424rem; padding: 60rem;}
.tech-table .tech-table__box:not(.active) > div{border-bottom: 1px solid var(--br-01); border-left: 1px solid var(--br-01);}
.tech-table .tech-table__box.active > div{border-left: 4rem solid var(--c-02); border-bottom: 4rem solid var(--c-02); border-right: 4rem solid var(--c-02); }
.tech-table .tech-table__box img{margin: 0 auto; max-width: 90%;} 

.tech-table.tech03-table table thead  > tr > th{color: var(--b-02);}
.tech03-table .tech-table__box > div > figure{position: relative; aspect-ratio: 270 / 258; width: 270rem; margin: 0 auto;}
.tech03-table .tech-table__box > div > figure img{position: absolute; left: 0; top: 0;}
.tech03-table .tech-table__box > div:last-child{border-right: 1px solid var(--br-01);}

.tech-list{gap: 0;}
.tech-list > li{ border:1px solid var(--br-01) }
.tech-list > li:nth-child(2n){margin-left: -1px;}
.tech-list > li:nth-child(n + 3){margin-top: -1px;}
.tech-list > li img{margin: 0 auto; max-width: 80%;}

.tech-list.tech02-list > li{padding: 54rem 20rem;}
.tech-list.tech03-list > li{padding: 60rem}

@media (max-width:1480px){

     .tech03-table.tech-table .tech-table__box > div{display: flex; align-items: center; }
    .tech03-table .tech-table__box > div > figure{width: 80%;}
    .tech-table .tech-table__box > div{padding: 30rem; min-height: 334rem;}
      .tech01-table img{max-height: 550rem;} 
}

@media all and (max-width:1200px){
	.tech01-table img{max-height: 450rem;} 
    .tech-table .tech-table__box > div{min-height: 254rem;}
    
}
@media all and (max-width:1023px){
	.tech-tit--wrap{margin-bottom: 40rem;}
}
@media (max-width:860px){
     .tec-desc p br{display: none;}

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

    .tech-table{flex-direction: column;}
    .tech-list{grid-template-columns: 1fr;}
    .tech-list > li:nth-child(2n){margin-left: 0;}
    .tech-list > li:nth-child(n + 2){margin-top: -1px;}

    .tech-list.tech03-list > li{padding: 20rem;}
   .tech-list.tech03-list > li img{max-width: 100%;}
}


/* 오시는 길 */
.location-sec + .location-sec{margin-top: var(--gap130);}
.location-map{margin-bottom: 55rem; height: 504rem; position: relative;}
.location-map iframe{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.location-info span{color:var(--c-02); display: block;}
.location-info strong{font-size: 27rem; font-weight: 700; color: var(--b-01); margin-top: 16rem; display: block;}
.location-info dl{align-items: center; gap: 32rem; margin-top: 64rem;}
.location-info dl dt{font-weight: 700; color: var(--b-01); margin-right: 12rem;}
.location-info dl *{font-size: 17rem; display: inline-block; vertical-align: middle;}
.location-info dl i{width: 1px; height: 16rem; border-right: 1px solid #3c3c3c; opacity: 0.3;}

.inq-title{width: 100%;}
.inq-title strong{color: var(--b-01); display: block; margin-bottom: 16rem;}
.inq-title .line{width: 100%; height: 1px; background-color: var(--b-01); display: block; margin-bottom: 27rem;}
.form-area.contents{width: 100%;}
.inq-title.v2{ margin-top: var(--gap120);}
[lang="en-US"] .inq-title {display: none;}

.cs-page .btn-wrap{margin-top: 80rem; justify-content: flex-end;}
.cs-page h3{margin-bottom: 22rem !important}
.cs-page h3 + p{margin-bottom: var(--gap120); }
.cs-page h3 + p b{color: var(--b-01); font-weight: 600;}
.inq-box{border:1px solid var(--br-01); height: 162rem; overflow-y: scroll;  width: 100%; padding: 30rem; margin-bottom: 40rem;}
.form-area[data-form="agree"] em i{color: var(--b-01); text-decoration: underline;}

@media all and (max-width:1200px){
	
    .location-info dl{margin-top: 44rem;}
}
@media all and (max-width:1023px){
	
    .location-info dl *{font-size: 16rem;}
    .location-info strong{font-size: 24rem;}
    .inq-title.v2{margin-top: 50rem;}
    .cs-page .form-area > em{min-width: 90rem; width: 90rem; font-size: 15rem;}
        
    
}
@media (max-width:860px){

    .location-info strong{font-size: 22rem;}
    .location-info dl{gap: 20rem;}
}
@media (max-width: 540px){

    .location-map{height: 250rem; margin-bottom: 24rem;}
    .location-info strong{font-size: 18rem; margin-top: 8rem;}
    .location-info dl{flex-direction: column; align-items: flex-start; gap: 10rem; margin-top: 27rem;}
    .location-info dl i{display: none;}

    .cs-page .btn-wrap{margin-top: 40rem;}
}