.inner01{
  width: 100%;
  margin: 0 auto;
}
.inner02{
  width: 1400px;
  margin: 0 auto;
}

.dis-flex {
    align-items: center;
    bottom: -10px !important;
    height: 50px;
    display: flex;
}
.dis-flex .swiper-button-prev, .dis-flex .swiper-button-next{
  align-items: center;
  display: flex !important;
}
.none_eve{
	align-items: center;
  justify-content: center;
  display: flex;
  height: 180px;
  font-weight: 600;
  color: #85715F;
  font-size: 18px;
}
.paging_btn>li>a{
	display: flex !important;
    height: 36px;
}
.none_eve_div{
  width:100%;
  background: #f7f4f2;
  background: #f9f7f5;
}


#header{
  position: fixed;
  /* position: absolute; */
  width: 100%;
  height: 88px;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  transition: all 0s 0.4s;
  border-bottom: 1px solid transparent;

  background: #fff
}
#header.scroll{
  background: rgba(255,255,255,0.9);
}
#header .header_bx{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.header_bx:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  background: rgba(255,255,255,0.9);
  background: #fff;
  opacity: 0;
  transition: all .4s ease-in-out;
  z-index: -1;
}
.header_bx #logo{
  height: 32px;
  height: 36px;
}
#logo img{
  width: 100%;
  height: 100%;
}
.header_bx #logo a{
  display: block;
  width: 100%;
  height: 100%;
}

.header_bx .nav_area{
  height: 100%;
}
#nav{
  display: flex;
  align-items: center;
  height: 100%;
}
#nav .gnb{
  /* width: 600px; */
  height: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
}
#nav .gnb > li{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  /*width: 25%;*/
  height: 100%;
  margin-right: 40px;
}
#nav .gnb > li > a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 1.125em;
  transition: all .2s ease;
}
#nav .gnb > li .depth_menu{
  position: absolute;
  top: calc(100px - 3px);
  width: 100%;
  /*padding: 20px 0; */
  transition: all .2s ease;
  visibility: hidden;
  opacity: 0;
}
#nav .gnb > li .depth_menu:after{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-top: 3px solid #fff;
  transition: all .4s ease;
  width: 0;
  opacity: 0;
}
#nav .gnb > li .depth_menu li{
  padding-bottom: 24px;
  line-height: 1.6;
}
#nav .gnb> li .depth_menu li a{
  display: block;
  /*font-size: 1.125em;*/
  letter-spacing: -1px;
  font-weight: 300;
}

#nav .gnb > li:hover > a{
  font-weight: 700;
}

#nav .util{
  display: flex;
  gap: 8px;
}
#nav .util img{
  width: 36px;
  height: 36px;
}



/*#header:hover{
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#header:hover .header_bx:before {
  opacity: 1;
  height: 280px;
}
#header:hover #nav .gnb > li .depth_menu{
  visibility: visible;
  opacity: 1;
}
#nav .gnb > li:hover .depth_menu:after{
  width: 100%;
  opacity: 1;
}
#nav .gnb> li .depth_menu li:hover a{
  font-weight: 500;
}*/

/* 검색 */
.header_search_wrap{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  visibility: hidden;
  box-shadow: 0px 0px 1px rgba(16, 24, 40, 0.1), 0px 30px 40px rgba(52, 64, 84, 0.08);
  transition: all .3s ease;
  z-index: -1;
}
.header_search_wrap .header_search{
  padding: 120px 0 120px;
  opacity: 0;
  background: #fff;
  transition: all .4s ease;
}
.header_search_wrap .header_search .inner02{
  padding: 0 5%;
}

#search_btn {
  display: block;
  width: 28px;
  height: 28px;
  background: url(/images/search.svg);
  background-size: 28px;
}
#search_btn.on{
  background: url(/images/close.svg)
}

.header_search_wrap.on{
  visibility: visible;
}
.header_search_wrap.on .header_search{
  opacity: 1;
}


#mob_nav,
#mob_nav_btn{
  display: none;
}
.mob_nav_btn_box{
  display: flex;
  gap: 12px;
}
/* mobile 메뉴 */

.main_visual{
  position: relative;
  padding: 0;
  height: 100vh;
  overflow: hidden;
}
.main_visual article{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.main_visual article ul li{
  background: #fff;
}
.main_visual .main_visual_bg{
  position: absolute;
  top: 0;
  left: calc(((100% - 1400px)/2) + 420px);
  width: 100%;
  height: 100%;
}
.main_visual_bg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-slide .main_visual_bg img{
  transition-duration: 0.6s;
  opacity: 0;
}
.swiper-slide-active .main_visual_bg img {
  opacity: 1;
}
.swiper-slide .main_visual_bg{
  transition-duration: 0.8s;
  padding-left: 20px;
}
.swiper-slide-active .main_visual_bg {
  padding-left: 0;
}



.visual-control{
	position: absolute;
	width: 1400px;
	top: 60%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;

  padding-top: 120px;
}
.visual-control .swiper-button-prev,
.visual-control .swiper-button-next{
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #E4E7EC;
	transition: all .2s ease;
  top: 0;
}
.visual-control .swiper-button-prev:hover,
.visual-control .swiper-button-next:hover{
	background: #E4E7EC;
}
.visual-control .swiper-button-next {
  left: calc(52px + 20px);
}

.visual-control .swiper-pagination {
  position: static;
  text-align: left;
  font-size: 1.5em;
}
.visual-control .swiper-pagination .swiper-pagination-current{
	color: #667085;
}





.main_visual .main_visual_txt{
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  width: 1400px;
  color: #101828;
  line-height: 1;
}
.main_visual .main_visual_txt span{
  display: block;
  color: #ADB5C2;
  font-size: 1.125em;
  font-weight: 700;
}
.main_visual .main_visual_txt p{
  font-size: 3.5em;
  font-weight: 500;
  line-height: 1.2em;
  margin-top: 20px;
  margin-bottom: 12px;
}
.main_visual .main_visual_txt strong{
  display: block;
  font-size: 4em;
}

.mv_txt1{
  transition-delay: 0.2s;
}
.mv_txt2{
  transition-delay: 0.3s;
}
.mv_txt3{
  transition-delay: 0.4s;
}
.swiper-slide .main_visual_txt > *{
  transform: translateY(-30px);
  opacity: 0;
  transition-duration: 0.8s;
}
.swiper-slide-active .main_visual_txt > *{
  transform: none;
  opacity: 1;
}


#main_container{}
#main_container > section{
  padding-top: 80px;
  padding-bottom: 80px;
}
#main_container > section > article{}
#main_container > section > article .main_title{
}
#main_container > section > article .main_title h2{
  font-size: 3em;
  color: #101828;
}
#main_container > section > article .main_title h3{
  font-size: 2.5em;
}
#main_container > section > article .main_title .bar{
  display: block;
  width: 72px;
  height: 6px;
  background: #101828;
  margin: 28px 0;
}
#main_container > section > article .main_title p{
  font-size: 1.125em;
  color: #485365;
}
#main_container .more_btn{
  padding: 0 48px;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  font-weight: 500;
}
#main_container .more_btn.type01{
  padding: 0 48px;
  background: transparent;
  color: #101828;
  color: #344054;
  border: 1px solid #D0D5DD;
}
#main_container .more_btn:hover{
  background: #fff;
  color: #101828;
}
#main_container .more_btn.type01:hover{
  background: #344054;
  color: #fff;
  border: 1px solid #D0D5DD;
}
#main_container .more_btn_sm{
  font-size: 0.9em;
  font-weight: 600;
}
#main_container .more_btn_sm img{
  vertical-align: top;
  margin-left: 4px;
  transition: all .2s ease;
}
#main_container .more_btn_sm:hover img{
  margin-left: 8px;
}
#main_container > section > article .main_cont{
  position: relative;
}
#main_container > section > article .main_cont h3{
  font-size: 1.5em;
}

.main_content01{
  display: flex;
  justify-content: space-between;
}
.main_content01 .main_title{
  padding-right: 100px;
  width: 420px;
}
.main_content01 .main_title .more_btn{
  margin-top: 60px;
}
.main_content01 .main_cont{
  width: calc(100% - 420px);
}
.main_content02{}
.main_content02 .main_title{
  text-align: center;
  margin-bottom: 60px;
}
.main_content02 .main_title h2{
  margin-bottom: 20px;
}
.main_content02 .main_cont{}

#main_container > .main_service {
  padding: 0;
  background: url(/images/circle.svg) no-repeat left bottom;
}
.main_service .main_title{
  padding-top: 160px;
}
.main_service .main_title > div{
  position: sticky;
  top: 180px;
  padding-bottom: 180px;
}
.service_cont {
}
.service_cont > ul{
  display: flex;
  flex-wrap: wrap;
}
.service_cont > ul > li{
  width: 50%;
  padding-top: 80px;
  border-left: 1px solid #E4E7EC;
}
.service_cont > ul > li .img_box{
  height: 240px;
}
.service_cont > ul > li:nth-child(1){
  padding-top: 345px;
}
.service_cont > ul > li:nth-child(2){
}
.service_cont > ul > li:nth-child(3){
  padding-top: 70px;
  padding-bottom: 100px;
}
.service_cont > ul > li:nth-child(4){
  margin-top: -275px;
}
.service_cont .txt_box{
  padding: 24px;
  position: relative;
}
.service_cont .txt_box span{
  color: #ADB5C2;
  font-size: 0.8em;
  font-weight: bold;
  margin-bottom: 4px;
}
.service_cont .txt_box h3{
  margin-bottom: 16px;
}
.service_cont .txt_box p{
  color: #667085;
  line-height: 1.6;
  letter-spacing: -1px;
  width: 80%;
}
.service_cont .txt_box em{
  color: #F2F4F7;
  font-size: 100px;
  font-weight: 900;
  font-style: normal;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

#main_container .main_banner{
  padding: 60px 0;

  position: relative;
  background: url(/images/spacelease.png) no-repeat;
  color: #fff;
  text-align: right;
  background-position: center;
  background-size: 100% 100%;
  transition: background-size .4s ease-in-out;
  -moz-transition: background-size .4s ease;
  -web-kit-transition: background-size .4s ease;
  overflow: hidden;
}
#main_container .main_banner:hover{
  background-size: 110% 110%;
  
}
.main_banner span{
  display: block;
  margin: 16px 0 40px;
  line-height: 1.7em;
}


.main_exhibitions{}
.main_exhibitions .main_cont{}
.main_exhibitions .main_cont .exhibitions{
  border-bottom: 1px solid #e4e7ec;
}
.main_exhibitions .main_cont .exhibitions:before{
  content: "";
  display: block;
  border: 1px solid #e4e7ec;
  border-top: 0;
  border-bottom: 0;
  width: 33.3333%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
}
.main_exhibitions .main_cont .exhibitions > ul > li{
  padding: 0 28px 28px;
}
.main_exhibitions .main_cont .txt_box{
  padding-top: 16px;
}
.main_exhibitions .main_cont .txt_box h3{
  font-weight: 600;
  color: #101828;
}
.main_exhibitions .main_cont .txt_box ul{
  margin: 24px 0;
  color: #667085;
}
.main_exhibitions .main_cont .txt_box ul li{
  margin: 8px 0;
}
.main_exhibitions .button-wrapper{
  position: absolute;
  top: calc(50% - 30px - 28px);
  left: -40px;
  right: -40px;
}
.main_exhibitions .button-wrapper > div{
  width: 60px;
  height: 60px;
}
.main_exhibitions .button-wrapper > div img{
  width: 100%;
}



.main_gallery{}
.main_gallery .main_title{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main_gallery .swiper-button-lock,
.main_gallery .swiper-pagination-lock {
  display: block;
}
.main_gallery .button-wrapper{
  bottom: 0;
  width: 160px;
}
.main_gallery .button-wrapper .swiper-pagination{
  position: unset;
  font-size: 1.125em;
}
.main_gallery .button-wrapper .swiper-pagination .swiper-pagination-current{
  color: #344054;
  font-weight: 700;
  margin-right: 4px;
}
.main_gallery .button-wrapper .swiper-pagination .swiper-pagination-total{
  color: #838B9C;
  margin-left: 4px;
}

.gallery {}
.gallery .img_box{
  height: 240px;
  margin-bottom: 20px;
}
.gallery .txt_box{}
.gallery .txt_box strong{
  font-weight: 700;
  margin-bottom: 8px;
  font-size: 1.25em;
  color: #101828;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 96%; 
  letter-spacing: -1px;
}
.gallery ul li a:hover strong{
  text-decoration: underline;
}
.gallery .txt_box p{
  color: #667085;
  margin-bottom: 20px;
  
  line-height: 1.5em;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: calc(1em * 1.5 * 2);
  height: calc(1em * 1.5 * 2);
}
.gallery ul li .date{
  color: #8F90A6;
}

.main_card{
  display: flex;
  background: #FFF7F1;
}
section > .main_card:last-child{
  margin-top: 40px;
  background: #E8F4ED;
}
.main_card .img_box{
  width: 50%;
}
.main_card .txt_box{
  width: 50%;
  padding: 60px;
}
.main_card .txt_box span{
  color: #ADB5C2;
  font-size: 0.9em;
  font-weight: 600;
}
.main_card .txt_box h3{
  font-size: 1.75em;
  color: #101828;
  margin-bottom: 40px;
}
.main_card .txt_box .cont_box{}
.main_card .txt_box .cont_box strong{
  display: block;
  font-weight: 500;
  font-size: 1.125em;
  margin-bottom: 20px;
}
.main_card .txt_box .cont_box ul{}
.main_card .txt_box .cont_box ul li{
  display: flex;
  align-items: center;
  margin: 12px 0;
  color: #667085;
}
.main_card .txt_box .cont_box ul li img{
  margin-right: 8px;
}

#footer{
  background: #615B56;
  color: #fff;
}
#footer .inner02{
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  justify-content: space-between;
}
#footer > article:last-child{
  padding: 16px;
  text-align: center;
  background: rgb(0 0 0 / 20%);
}
#footer > article:last-child em{
  opacity: 0.4;
  font-style: normal;
  font-size: 0.8em;
}
.ft_logo{
  display: block;
  margin-bottom: 40px;

  opacity: 50%;
  height: 80px;
}
.ft_logo img{
  height: 100%;
}
#footer .ft_info {
  font-size: 0.9em;
}
#footer .ft_info p{
  margin: 6px 0;
}
#footer .ft_info p b{
  opacity: 0.6;
  padding-right: 4px;
  font-weight: 500;
}
#footer .ft_info p a.btn{
  line-height: 24px;
  padding: 0px 8px;
  font-size: 0.9em;
  vertical-align: baseline;

  background-color: transparent;
  border-color: rgba(255,255,255,0.4);
  color: #fff;

  margin-left: 8px;
}
#footer .ft_info p a.btn:hover{
  background-color: #fff;
  color: #615b56;
  font-weight: 500;
}

#footer .ft_right{}
#footer .ft_right dl{
  margin-bottom: 28px;
}
#footer .ft_right dl dt{
  margin-bottom: 12px;
  font-weight: 700;
}
#footer .ft_right dl dd p{
  margin: 8px 0;
}
#footer .ft_right dl dd p b{
  opacity: 1;
  font-weight: 700;
  margin-right: 4px;
}
#footer .ft_right dl dd p span{
  opacity: 0.8;
}





/* sub layout */
#sub_visual{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 320px;
  padding-top: 88px;
  background: url(/images/sub_visual.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#sub_visual.sub0601{
  background-image: url(/images/sub_visual0601.png);
}
#sub_visual.black_filter:before {
  background: #30211F;
  opacity: 0.4;
}
#sub_visual .location_box{
  position: relative;
  z-index: 1;
  color: #fff;
  text-align: center;
}
#sub_visual .location_box h2{
  display:block;
  font-size: 3em;
  overflow: hidden;
  margin-bottom: 12px;
}
#sub_visual .location_box p{
  display:block;
  opacity: 0.8;
}
.breadcrumb_wrap{
  padding: 12px 0;
  background: #F4F5F8;
}
.breadcrumb{
  display: inline-flex;
  align-items: center;
  font-size: 0.9em;
  color: #838B9C;
}
.breadcrumb li{
  margin-right: 12px;
}
.breadcrumb li:last-child{
  margin-right: 0;
}
.breadcrumb li a{
  display: block;
}
.breadcrumb li img{
  width: 12px;
  opacity: 0.8;
}
.breadcrumb li:first-child img{
  width: 16px;
  opacity: 1;
  /* vertical-align: middle; */
}
.breadcrumb li b{
  opacity: 1;
  font-weight: 500;
  color: #101828;
}

#sub_container{
  padding: 80px 0 120px;
}
#sub_container .sub_content{
  padding-top: 60px;
  padding-bottom: 60px;
}
#sub_container .sub_content.bg{
  background: #F2F4F7;
}
.sub_title{
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}
.sub_title h3{
  flex: 0 0 auto;
  color: #101828;
  font-size: 2em;
  font-weight: 700;
  margin-right: 20px;
}
.sub_title em {
  display: block;
  flex: 1;
  background: #101828;
  height: 1.5px;
}
.desc_box{
  line-height: 1.6;
}
.desc_box > div{
  margin-bottom: 24px;
}
.desc_box > div > p{
  margin-bottom: 12px;
  color: #667085;
}
#snb{}
#snb .sub_menu{
  padding-top: 40px;
}
.sub_menu > ul{
  display: flex;
}
.sub_menu > ul > li{
  margin-right: 12px;
}
.sub_menu > ul > li a{
  display: block;
  font-size: 1.125em;
  padding: 12px 32px;
  border-radius: 50px;
  border: 1px solid #D0D5DD;
  color: #838B9C;
  transition: all .3s ease;
  text-align: center;
}
.sub_menu > ul > li:hover a{
  color: #344054;
}
.sub_menu > ul > li.on a{
  background: #85715F;
  color: #fff;
  border: 1px solid #85715F;
  font-weight: 500;
}


/* 모바일메뉴 */
@media (max-width: 850px) {
  #header .header_bx {
    background: #fff;
  }
  #nav{
    gap: 12px;
  }
  #nav .util {
    gap: 6px;
  }
  #nav .util img{
    width: 28px;
    height: 28px;
  }
  #header {
    height: 60px;
    border: 0;
  }
  #header:hover{
    border: 0;
  }
  #header:hover .header_bx:before {
    opacity: 0;
    display: none;
  }
  #header:hover #nav .gnb > li .depth_menu{
    display: none;
    opacity: 0;
  }
  #nav .gnb > li:hover > a{
    font-weight: 700;
  }
  #nav .gnb > li:hover .depth_menu:after{
    width: 100%;
    opacity: 1;
  }
  #nav .gnb> li .depth_menu li:hover a{
    font-weight: 500;
  }
  .header_bx .nav_area {
    height: auto;
  } 
  #nav .gnb{
    display: none
  }
  #header .header_left {
    padding: 20px; 
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #mob_nav_btn{
    display: flex;
  }
  .header_bx #logo{
    width: 128px;
    height: 26px;
  }

  .header_right {
    height: auto;
  }
  #mob_nav{
    display: block;
    z-index: 10;
    position: fixed;
    top: -100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: #fff;
    transition: all .3s ease;
    padding-top: 60px;
  }
  #mob_nav.active{
    display: block;
    top: 0;
    transition: all .3s ease;
  }
  .hamberger_box.active{
    display: block;
    background: url(/images/close_btn.svg) no-repeat;
    width: 32px;
    height: 32px;
    background-size: 100%;
    z-index: 99;
    position: relative;
  }
  .hamberger_box.active img{
    display: none;
  }

  #mob_nav #mob_gnb{
    background: #fff;
  }
  #mob_nav #mob_gnb li{}
  #mob_nav #mob_gnb > li > a{
    font-size: 1.25em;
    padding: 20px;
    display: block;
    text-align: center;
  }
  #mob_nav #mob_gnb > li.active > a{
    color: #85715F;
    font-weight: bold;
  }
  #mob_nav #mob_gnb li .depth_menu{
    padding: 20px;
    background: #f2edea;
    display: none;
  }
  #mob_nav #mob_gnb li .depth_menu li{}
  #mob_nav #mob_gnb li .depth_menu > li{
    position: relative;
    text-align: center;
  }
  #mob_nav #mob_gnb li .depth_menu li a{
    padding: 12px 12px 12px 16px;
    display: block;
  }
  .header_search_wrap .header_search {
    padding: 80px 0 40px;
  }
}



.main_visual .swiper-button-next svg, .main_visual .swiper-button-prev svg{
  display: none;

}