@charset "utf-8";

/*
* File       : layout.css
* Author     : B-WORKER
* Dependency : css/reset.css
*      
 * SUMMARY:
 * 1) MAIN Layout
 * 2) MAIN CONTENTS
*/

/* **************************************** *
 * Main animation set
 * **************************************** */
[data-txt-motion]{}
[data-txt-motion="hidden"]{overflow:hidden;}
[data-txt-motion="hidden"] > span{display:block; opacity:0;}

.swiper-slide-active [data-txt-motion="hidden"] > span{animation:text_hidden_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="left"]{animation:text_left_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="right"]{animation:text_right_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="up"]{animation:text_up_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="down"]{animation:text_down_motion 1.6s ease 0.1s forwards;}

@keyframes text_hidden_motion {
 from{opacity:0; transform:translateY(70rem);}
 to{opacity:1; transform:translateY(0);}
}
@keyframes text_left_motion {
 from{opacity:0; transform:translateX(70rem);}
 to{opacity:1; transform:translateX(0);}
}
@keyframes text_right_motion {
 from{opacity:0; transform:translateX(-70rem);}
 to{opacity:1; transform:translateX(0);}
}
@keyframes text_up_motion {
 from{opacity:0; transform:translateY(70rem);}
 to{opacity:1; transform:translateX(0);}    
}
@keyframes text_down_motion {
 from{opacity:0; transform:translateY(-70rem);}
 to{opacity:1; transform:translateX(0);}
}

/* **************************************** *
 * MAIN COMMON
 * **************************************** */
#main{background-color:var(--bg-dark); transition: var( --trans-03); /* padding-bottom: 170rem; */}
#main h3,#main h4{color: var(--font-f);}
#main p{color: var(--g-01);}
.main #gnb .gnb-item > a{color: #222; opacity: 1;}
.main .gnb-side__lang{border-color: #D1D1D1;}
.main .gnb-side .gnb-side__lang{color: #bcbcbc;}
.main .gnb-side__lang i{background: url(../img/layout/lang_b.svg); background-size: contain;}
.main #header.on{background-color: #fff;}

#footer{padding-top: 170rem; background-color: #1e1e1e;}
#footer address strong{color: #fff !important;}
[data-mode="bright"] .footer-info{border-top-color: #777;}
[data-mode="bright"] .footer-copyright .wrap-wide{border-top-color: #373737;}
@media all and (max-width:1023px){
    #footer{padding-top: 100rem;}
}
@media (max-width:860px){

}
@media (max-width: 540px){
    #main p{font-size: 14rem;}
    #footer{padding-top: 64rem;}
}
/* **************************************** *
 * SITE CUSTOM
 * **************************************** */

/* main visual */
.main-visual{height:var(--height-full); padding: 120rem 40rem 40rem; box-sizing: border-box;}
.main-visual-container,
.main-visual-wrapper,
.main-visual .swiper-slide{height:100% !important;}
.main-visual .swiper-slide::before{content:'';position:absolute;background-position:50% 50%;transition:all 1s ease;transform:scale(1);inset:0;background-repeat:no-repeat;background-size: cover;}
.main-visual .swiper-slide .wrap-wide{width:100%;}
.main-visual .swiper-pagination{display:flex; gap:30rem;}
.main-visual .swiper-pagination-bullet{background: transparent; width: auto; height: auto; color: #fff; font-size: 20rem; font-weight: 600;}
.main-visual__bg{position:absolute; top:0; left:0; width:100%; height:100%;}
.main-visual__bg i{display:block; height:100%; background-position:50% 50%; background-size: cover;}
.main-visual__btn{position:relative;width:30rem;height:30rem;cursor:pointer;display: flex;align-items: center;margin: 0 25rem;font-size: 16rem;color: #fff;font-weight: 600;}
.main-visual__btn::after{content:"";display:block;min-width: 30rem;height: 30rem;background:url(../img/common/arrow-basic_w.svg) no-repeat 50% 50%;background-size: 14rem;}
.main-visual__btn.button-prev{flex-direction: row-reverse;}
.main-visual__controls{position:absolute;bottom: 78rem;left:0;z-index:999;width:100%;}
.main-visual__controls > div{display:flex;align-items:center;justify-content: left;}
.main-visual__count{display:flex; align-items:center; margin:0 50rem; font-size:17rem; color:#fff;}
.main-visual__count i{display:flex; align-items:center; position:relative;}
.main-visual__count i::after{content:""; display:block; width:3rem; height:3rem; margin:0 10rem; background:#fff;}
.main-visual__btn.button-next::after{transform:rotate(-90deg);}
.main-visual__btn.button-prev::after{transform: rotate(90deg);}
.main-visual__btn.swiper-button-disabled{opacity: 0.5;}

.main-visual__text{position:absolute; top:24vh; width:100%; color:#fff;}
.main-visual__text h2{overflow:hidden;line-height:1.307;font-weight:700;font-size: 76rem;letter-spacing:-0.5rem;}
#main .main-visual__text p{margin-bottom:15rem; font-weight:500; font-size:19rem; color: #fff !important; font-weight: 300;}

.main-visual__bar{position:absolute; bottom:0; z-index:50; width:100%; height:10rem; background:rgba(255,255,255,0.3);}
.main-visual__bar > i{position:absolute; width:0%; height:100%; background:var(--c-01);}

.main-visual__progress{position: absolute; width: 60px; height: 60px; right: 120rem; bottom: 70rem; border-radius: 50%;  overflow: hidden; transform: rotate(-90deg); }
.main-visual__progress svg{width: 60px; height: 60px; z-index: 10;}
.main-visual__progress svg circle{ width: 60px; height: 60px; cx:30; cy:30; r:28; fill: none; stroke: rgba(255,255,255,0.5); stroke-width: 5rem; stroke-linecap: round; }

.main-visual .swiper-slide-active .main-visual__progress svg circle:nth-child(2){stroke: var(--c-01);  stroke-dasharray:830; animation: stroke-ani 8s ease-in-out;}

@keyframes stroke-ani {
    from {
      stroke-dashoffset: 830;
    }
    to {
      stroke-dashoffset: 0;
    }
  }


.main-visual .swiper-slide-active .main-visual__bar > i{width:100%; transition:all 5s ease;}
.main-visual__play.pause.on{ right: 144rem; bottom: 89rem; background: url(../img/main/pause.svg) no-repeat; background-size: contain;  width: 11rem; height: 16rem;  }
.main-visual__play.play.on{width: 21rem; height: 17rem; background: url(../img/main/play.svg) no-repeat; background-size: contain; right: 134rem; bottom: 90rem; }
.main-visual__play{position:absolute; z-index:99999; cursor:pointer;}
.main-visual__play:not(.on){opacity:0; visibility:hidden;}
.main-visual__play.on{opacity:1; visibility:visible;}

[lang="en-US"] #main .main-visual__text p{font-size: 20rem;}
[lang="en-US"] .main-visual__text h2{font-size: 70rem;}

@media all and (max-width:1480px){
    .main-visual__progress{right: 60rem;}
    .main-visual__play.pause.on{right: 86rem; bottom: 92rem; }
    .main-visual__play.play.on{right: 74rem; bottom: 92rem;}
    .main-visual__progress svg circle{stroke-width: 3rem;}
    [lang="en-US"] #main .main-visual__text p{font-size: 18rem;}
}
@media all and (max-width:1240px){
    .main-visual__progress,
    .main-visual__progress svg,
    .main-visual__progress svg circle{ width: 40px; height: 40px;}
    .main-visual__progress svg circle{cx:20; cy:20; r:19;}
    .main-visual__progress{right: 65rem; bottom: 75rem;}

}
@media all and (max-width:1023px){
    .main-visual{height: 70vh; padding: 90rem 32rem 32rem;}
    .main-visual__text{top: 16vh;}
    #main .main-visual__text p{font-size: 16rem;}
    .main-visual__text h2{font-size: 50rem;}
    .main-visual .swiper-pagination-bullet{font-size: 16rem;}
    .main-visual__progress{right: 40rem; bottom: 50rem;}
    .main-visual__play.play.on{right: 43rem; bottom: 64rem;}
    .main-visual__play.pause.on{right: 56rem; bottom: 64rem;}
    
    [lang="en-US"] #main .main-visual__text p{font-size: 16rem;}
    [lang="en-US"] .main-visual__text h2{font-size: 50rem;}
}

@media all and (max-width:860px){
	.main-visual{height: 830rem;padding: 90rem 26rem 26rem;}
    .main-visual__progress{display: none;}
    .main-visual__text{top: 260rem;}
    .main-visual__text h2,[lang="en-US"] .main-visual__text h2{font-size: 44rem;}
}

@media all and (max-width:540px){
    .main-visual{height: var(--height-full);padding: 76rem 16rem 16rem;}
	.main-visual__text{top: 170rem;text-align: center;padding: 0rem 8rem;}
	.main-visual__text h2{line-height:1.2; font-size:28rem;}
	.main-visual__text p{margin-top:10rem; font-size:15rem;}
	.main-visual__count{margin:0 10rem; font-size:15rem;}
	.main-visual__btn{font-size:14rem;}
    .main-visual__controls{bottom: 38rem;}
    .main-visual .swiper-pagination{gap:16rem}
    .main-visual .swiper-pagination-bullet{font-size: 14rem;}
    .main-visual__play.pause.on{right: 20rem; bottom: 34rem;}
    .main-visual__play.play.on{right: 13rem; bottom: 30rem;}
    .main-visual__controls > div{justify-content:center; align-items:center;}
    .main-visual__play-wrap{display:none;}
    
    [lang="en-US"] #main .main-visual__text p{font-size: 15rem;}
    [lang="en-US"] .main-visual__text h2{font-size: 28rem;}
}

.main-about__tit{padding-top: 157rem;}
.main-about__tit h3{color: #fff;}
.main-about__detail{margin-top: 77rem;}
.main-about__detail > *{width: 50%;}
.main-about__detail img{width: 100%; height: 100%; object-fit: cover;}
.main-about__conts{padding-left: 157rem; box-sizing: border-box;}
.main-about__conts h4{margin-bottom: 14rem;}
.main-about__conts a{margin-top: 31rem; width: 116rem;}
@media (max-width:1480px){
    .main-about__tit {padding-top: 100rem;}
    .main-about__conts{padding-left: 78rem;}
}
@media all and (max-width:1023px){
	
}
@media (max-width:860px){
    .main-about__tit{padding-top: 50rem;}
    .main-about__detail{flex-direction: column; margin-top: 40rem;}
    .main-about__image{width: 70%;}
    .main-about__conts{padding-left: 0; width: 100%; margin-top: 40rem;}
    .main-about__conts a{width: 124rem;}
}
@media (max-width: 540px){
    .main-about__image{width: 100%;}
    .main-about__conts{margin-top: 26rem;}
}
.main-wedo {padding-top: 258rem; position: relative; padding-bottom: var(--padding80); background-color: var(--bg-dark); transition: var( --trans-03); overflow: hidden; z-index: 2; border-radius: 0 0  40rem 40rem;}
.main-wedo .wrap{position: relative;}
.main-wedo .wrap > *:not(.main-wedo__bg){position: relative; z-index: 2;}
.main-wedo .main-wedo__list{justify-content: space-between; flex-wrap: wrap;}
.main-wedo h2{font-family: var(--lang-en); display: flex; justify-content: center; font-size: 90rem; color: var(--font-f); text-align: center; font-weight: 600; margin-bottom: 80rem;}
.main-wedo h2 span{color: var(--c-01);}
.main-wedo h2 > div{overflow: hidden;}
.main-wedo h2 > div i{display: block; opacity: 0}
.main-wedo h2 > i{width: 30rem;}
.main-wedo h2.is_moved > div i{animation: visualTxtMotion 1.3s ease 0.1s forwards}
.main-wedo h2.is_moved > .step01 i{animation-delay: .1s;}
.main-wedo h2.is_moved > .step02 i{animation-delay: .3s;}
.main-wedo h2.is_moved > .step03 i{animation-delay: .5s;}
.main-wedo h2.is_moved > .step04 i{animation-delay: .7s;}
.main-wedo h2.is_moved > .step05 i{animation-delay: .9s;}
.main-wedo h2.is_moved > .step06 i{animation-delay: 1s;}
.main-wedo h2.is_moved > .step07 i{animation-delay: 1.2s;}
.main-wedo h2.is_moved > .step08 i{animation-delay: 1.4s;}
@keyframes visualTxtMotion {
	from {
		transform: translateY(100rem);
		opacity: 0;
        
	}
	to {
		transform: translateY(0);
        opacity: 1;
		
	}
}
.main-wedo ul{width: 50%;}
.main-wedo ul > li{width: calc(100% - 17rem);}
.main-wedo ul > li + li{margin-top: 34rem;}
.main-wedo ul > li img{width: 100%;}
.main-wedo ul:nth-child(1){}
.main-wedo ul:nth-child(2){padding-top: 120rem;}
.main-wedo ul:nth-child(2) li{margin-left: auto;}
.main-wedo__list p{font-size: var(--font-16);}
.main-wedo h4{position: relative; box-sizing: border-box; padding-left: 32rem;}
.main-wedo h4::before{content: ""; width: 15rem; height: 15rem; border-radius: 80rem 80rem 0 80rem; background-color: var(--c-01); position: absolute; left: 0; top: 11rem;}
.main-wedo [data-box="conts"] p{margin-top: 13rem;}
.main-wedo__bg{position: absolute; z-index: 0; opacity: 0.02; right: 0; top: -148rem; width: 420rem;}
.main-wedo__bg.white{opacity: 0; visibility: hidden;}
.main-wedo__title > span{font-size: 21rem; color: var(--c-01); display: block; margin-bottom: 12rem;}
.main-wedo__title p{margin-top: 28rem;}
.main-wedo__title p b{font-weight: 300; color: #D1D1D1;}
.main-wedo__title a{margin-top: 70rem;}
.main-wedo__manage{margin-top: 205rem; padding-bottom: 50rem;}
.main-inquiry{height: calc(85lvh + var(--padding80) * 2);width: 100%; position: relative; margin: calc(var(--padding80)*-1) 0;}
.main-inquiry .wrap{height: 100%; display: flex; align-items: center;}
.main-inquiry__bg{display: block; position: absolute; width: 100%; height: 100%; object-fit: cover;  }
.main-inquiry__bg img{width: 100%; height: 100%; position: absolute; left: 0 ; top: 0; object-fit: cover;}
.main-inquiry__text h3{color: #fff !important;}
.main-inquiry__text h3 span{color: var(--c-01);}
.main-inquiry__text a{margin-top: 56rem;}
[data-mode="bright"]  .main-wedo__title > span{font-weight: 600;}
[data-mode="bright"] .main-wedo__bg.bright{opacity: .06; visibility: visible;}
[data-mode="bright"] .main-wedo__bg.dark{opacity: 0; visibility: hidden;}

.main-wedo__map{max-width: 420rem; width: 100%;  position: relative; margin-left: 149rem; top: -14rem;}
.main-wedo__map img{width: 100%; }
.main-wedo__map > img{position: relative;  }
.main-wedo__arrow{position: absolute; z-index: 2;}
.main-wedo__arrow img{transition: all 1.4s; transition-delay: .4s; opacity: 0; z-index: 3; position: absolute; width: 0;}
.main-wedo__arrow.first{width: 178rem;top: 310rem;left: 90rem;}
.main-wedo__arrow.first img{right: 60rem;}
.main-wedo__arrow.first i{right: 56rem; bottom: -11rem;}
.main-wedo__arrow.second{width: 178rem;bottom: 192rem;right: 12rem;}
.main-wedo__arrow.second img{right: 30rem; bottom: 15rem;}
.main-wedo__arrow.second i{right: 26rem; bottom: 8rem;}
.main-wedo__arrow.third{width: 112rem;bottom: 51rem;left: 40rem;}
.main-wedo__arrow.third img{right: 43rem; bottom: 40rem;}
.main-wedo__arrow.third i{right: 33rem; bottom: 25rem;}
.main-wedo__arrow i{width: 32rem; height: 32rem; border-radius: 100%; background-color: #FFD43C; position: absolute; transform: scale(0); transition: .3s; animation-delay: .6s; animation: scaleRound 2s ease 0.7s infinite }
.main-wedo__arrow i::before{width: calc(100% + 16rem); height: calc(100% + 16rem); border-radius: 100%; content: ""; position: absolute; left: 50%; transform: translate(-50%,-50%); top: 50%; background-color: rgba(255,212,60,.2);}
.main-wedo__map.is_moved .main-wedo__arrow img{width: 100%; opacity: 1; right: 0; bottom: 0;}

@keyframes scaleRound {
	from {
		transform: scale(0);
		opacity: 0;
        
	}
	to {
		transform: scale(1);
        opacity: 1;
		
	}
}


@media (max-width:1480px){
    .main-wedo{padding-top: 188rem;}
    .main-wedo h2{font-size: 80rem; margin-bottom: 50rem;}
    .main-wedo__manage{justify-content: space-between;}
    .main-inquiry__bg{background-position: 50% 50%;}
    .main-wedo__manage{margin-top: 135rem;}
}
@media all and (max-width:1023px){
    .main-wedo{padding-top: 108rem;}
    .main-wedo ul:nth-child(2){padding-top: 90rem;}
    .main-wedo ul > li + li{margin-top: 24rem;}
    .main-wedo ul > li{width: calc(100% - 10rem);}
	.main-wedo h2{font-size: 70rem;}
    .main-wedo__map{ margin-left: 0; min-width:320rem; width: 100%; max-width: 320rem;}
    .main-wedo__arrow.first{width: 116rem;}
    .main-wedo__arrow.first i{right: 31rem; bottom: -11rem;}
    .main-wedo__arrow.second{width: 128rem; ;}
    .main-wedo__arrow.second i{right: 16rem; bottom: 4rem;}
    .main-wedo__manage{margin-top: 100rem;}
    .main-inquiry__bg{background-attachment: scroll;}
}
@media (max-width:860px){
    [data-mode="bright"] #main p br{display: none;}
    .main-wedo__manage{flex-direction: column; padding-bottom: 0;}
    .main-wedo__map{width: 400rem; margin: 80rem  auto 0;}
    .main-wedo__title > span{font-size: 17rem;}
    .main-wedo ul > li img{height: 204rem; object-fit: cover;}
    .main-wedo [data-box="conts"] p{margin-top: 7rem;}
    .main-wedo__manage{margin-top: 90rem;}
    .main-wedo{border-radius: 0 0 24rem 24rem;}
    .main-wedo h2 > i{width: 17rem;}
}
@media (max-width: 540px){
    .main-wed{padding-top: 68rem;}
    .main-wedo h4{padding-left: 27rem;}
    .main-wedo h4::before{top: 5rem;}
    .main-wedo h2{font-size: 40rem; margin-bottom: 20rem;}
    .main-wedo ul,.main-wedo ul > li{width: 100%;}
    .main-wedo ul > li + li{margin-top: 20rem;}
    .main-wedo .main-wedo__list{flex-direction: column;}
    .main-wedo ul:nth-child(2){padding-top: 20rem;}
    .main-wedo__manage{margin-top: 70rem;}
    .main-wedo__title > span{font-size: 15rem;}
    .main-wedo__title a{margin-top: 40rem;}
    .main-wedo__map{width: 230rem; margin: 60rem auto 0; min-width: 230rem;}
    .main-wedo__title p{margin-top: 16rem;}
    .main-wedo__bg{top: -90rem;width: 210rem;}
    .main-wedo__arrow.first{width: 76rem; top: 180rem; left: 50rem;}
    .main-wedo__arrow.first i{right: 21rem; bottom: -6rem;}
    .main-wedo__arrow.first img{right: 30rem;}
    .main-wedo__arrow.second{width: 78rem;bottom: 102rem; right: 12rem;}
    .main-wedo__arrow.second i{right: 10rem; bottom: 4rem;}
    .main-wedo__arrow.second img{right: 16rem; bottom: 10rem;}
    .main-wedo__arrow.third{width: 72rem; bottom: 28rem; left: 20rem;}
    .main-wedo__arrow.third i{right: 23rem; bottom: 15rem;}
    .main-wedo__arrow.third img{right: 31rem; bottom: 24rem;}
    .main-wedo__arrow i{width: 18rem; height: 18rem;}
    .main-wedo__arrow i::before{width: calc(100% + 10rem); height: calc(100% + 10rem);}
} 

#main .main-board h3{color: #222}
.main-board{background-color: #fff; padding-top: calc(var(--padding80)*2); padding-bottom:  185rem; position: relative; z-index: 2; border-radius: 40rem}
.main-board .wrap{justify-content: space-between; /* padding-bottom: 107rem; */}
.main-board__title a{margin-top: 52rem;}
.main-board__list{width: calc(50% + 30rem);}
@media (max-width:1480px){
    .main-board__list{width: calc(62% + 30rem);}
    .main-board{padding-bottom: 155rem;}
    
}
@media all and (max-width:1023px){

    .main-board{padding-top: calc((var(--padding80)*2 - 60rem)); padding-bottom: 140rem;}
	.main-board .wrap{flex-direction: column;}
    .main-board__list{width: 100%;}
    .main-board__title{margin-bottom: 40rem;}
    .main-board__title a{position: absolute; right: 0; margin-top: 0 ; top:0;}
}
@media (max-width:860px){
    .main-inquiry{height: calc(50vh + var(--padding80) * 2);}
    .main-board{padding-bottom: 100rem; border-radius: 24rem;}
}
@media (max-width: 540px){
    #main .main-board h3 {display: inline-block;margin-right: 140rem;}
    #main .main-board h3 + h3{margin-left: 0;}
    .main-board{padding-bottom: 160rem;}
    .main-board__title{margin-bottom: 20rem;}
    .main-board__title a{top: inherit; bottom: -100rem; left: 50%; transform: translateX(-50%);}
}


.main-location{padding-top: 140rem; background-color: #1e1e1e; position: relative;}
.main-location::before{content: ""; width: 100%; background-color: #1e1e1e; height: 100rem; position: absolute; top: -80rem; left: 0;}
.main-location h3{text-align: center; color: #fff !important;}
.main-location h3 + *{margin-top: 87rem;}
.main-location h4{color: #fff !important;}
.main-location [data-grid]{grid-template-columns: 1fr 1fr; gap: 34rem;}
.main-location__item.first{grid-column: 1 / span 2;}
.main-location__item.first > div{width: 50%;}
.main-location__item.first .main-location__bottom{border-top: 1px solid #373737; padding-top: 34rem; margin-top: 50rem;}
.main-location__item:not(.first){padding:38rem 40rem 30rem 40rem;}
.main-location__item h4{font-size: 24rem; margin-bottom:46rem; font-weight: 600;}
.main-location__item h4 span{color: var(--c-01);}
.main-location__bottom{justify-content: space-between; align-items: center;}
.main-location__bottom p{font-size:var(--font-16); color: var(--g-01);}
.main-location__map{padding: 10rem;}
.root_daum_roughmap{width: 100% !important; position: relative; opacity: 0.82;}
.root_daum_roughmap_landing{border-radius: 12rem;}
.root_daum_roughmap .wrap_controllers{display: none;}
.root_daum_roughmap .wrap_map{height: 340rem !important;}
.main-location__address i{color: var(--c-01); display: block; font-weight: 500; }
.main-location__address strong{display: block; font-size: 26rem; font-weight: 600; color:#fff; margin-top: 25rem;}
.main-location__address p{font-family: var(--font-16); color: var(--g-01) !important; margin-top: 3rem; margin-bottom: 17rem;}
.main-location__address span{color: #bcbcbc;  font-family: var(--font-16); font-weight: 300;}
.main-location__address span b{font-weight: 500;}
.main-location__address span + span{margin-left: 24rem;}
.main-location__info{flex-direction: column; justify-content: space-between;}
.main-location__item[data-box]{border-color: #373737 !important;}
.main-location__item [data-linkBtn].dark{border:1px solid #5f5f5f !important; background-color: transparent !important;}
.main-location__item [data-linkBtn].dark:hover{border-color: var(--c-01) !important;}

[lang="en-US"] .main-location__address strong{margin-bottom: 17rem;}

/* bright mode */
[data-mode="bright"] #main p{color: #a8a8a8; font-weight: 400;}
[data-mode="bright"] .main-wedo__title p b{color: #222; font-weight: 600;}

#main .gallery-list{border-top: 1px solid #cecece;}
#main .gallery-list li{border-bottom-color: #cecece;}
#main .gallery-list li a{align-items: center;}
#main .gallery-list__img{min-width: 275rem; width: 275rem; height: 179rem;}
#main .gallery-list__title{margin-left: 34rem; padding-top: 0;} 
#main .gallery-list__title strong{font-size: 20rem;}
#main .gallery-list__title p{max-width: 100%; font-size: 16rem; margin-top: 18rem;}
#main .gallery-list__link{display: none;}
#main  .gallery-list__title i{position: relative; bottom:0; color: rgba(0,0,0,0.2); font-weight: 500; margin-top: 31rem;}

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

 
}

@media all and (max-width:1023px){
   
    .main-location__item.first{flex-direction: column-reverse;}
    .main-location__item.first > div{width: 100%;}
    .main-location__item.first .main-location__bottom{margin-top: 24rem; padding-top: 24rem;}
    .main-location__item:not(.first) .main-location__bottom{flex-direction: column; align-items: flex-start;}
    .main-location__item h4{margin-bottom: 17rem;}
    .main-location__item:not(.first) p{margin-bottom: 22rem;}
    .main-location__item:not(.first){padding: 32rem 22rem;}
    .main-location h3 + *{margin-top: 47rem;}
}

@media all and (max-width:860px){
    .main-location [data-grid]{gap: 24rem; grid-template-columns: 1fr;}
    .main-location__item.first{grid-column: 1;}
    .main-location__item:not(.first) p{margin-bottom: 0;}
    .main-location__item:not(.first) .main-location__bottom{margin-left: auto; align-items: center; flex-direction: row;}

    .main-location h3 + *{margin-top: 38rem;}
}

@media (max-width: 540px){
    #main .gallery-list li a{margin:  22rem 0;}
    #main .gallery-list li a{flex-direction: column;}
    #main .gallery-list__img{width: 100%;}
    #main .gallery-list__title{margin-left: 0; margin-top: 20rem; width: 100%;}
    #main .gallery-list__title strong{font-size: 16rem;}
    #main .gallery-list__title p{font-size: 14rem;margin-top: 8rem;}
    #main .gallery-list__title i{margin-top: 20rem; font-size: 14rem;}
    #main .gallery-list li{border-bottom-color: #f1f1f1;}
    #main .gallery-list{border-top: 1px solid #ebebeb;}
    .main-location__item:not(.first){padding: 24rem 20rem;}
    .main-location{padding-top: 60rem;}
    .main-location h3 + *{margin-top: 30rem;}
    .main-location__item h4{font-size: 18rem;}
    .root_daum_roughmap .wrap_map{ height: 260rem !important;}
    .main-location__address strong{margin-top: 17rem; font-size: 18rem;}
    .main-location__address span + span{margin-left: 13rem;}
    .main-location [data-grid]{gap: 14rem}
    .main-location__item p,
    .main-location__item:not(.first) p{margin-bottom: 22rem;}
    .main-location__bottom,
    .main-location__item:not(.first) .main-location__bottom{flex-direction: column; align-items: flex-start;}    
    #main, .main-wedo{transition: var( --trans-01);}

    [lang="en-US"] .privacy-menu{display: none;}
}