@charset "utf-8";
/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/


/* Pretendard */
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(../font/Pretendard/woff2/Pretendard-Black.woff2) format('woff2'), url(../font/Pretendard/woff/Pretendard-Black.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url(../font/Pretendard/woff2/Pretendard-ExtraBold.woff2) format('woff2'), url(../font/Pretendard/woff/Pretendard-ExtraBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(../font/Pretendard/woff2/Pretendard-Bold.woff2) format('woff2'), url(../font/Pretendard/woff/Pretendard-Bold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(../font/Pretendard/woff2/Pretendard-SemiBold.woff2) format('woff2'), url(../font/Pretendard/woff/Pretendard-SemiBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(../font/Pretendard/woff2/Pretendard-Medium.woff2) format('woff2'), url(../font/Pretendard/woff/Pretendard-Medium.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(../font/Pretendard/woff2/Pretendard-Regular.woff2) format('woff2'), url(../font/Pretendard/woff/Pretendard-Regular.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(../font/Pretendard/woff2/Pretendard-Light.woff2) format('woff2'), url(../font/Pretendard/woff/Pretendard-Light.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url(../font/Pretendard/woff2/Pretendard-ExtraLight.woff2) format('woff2'), url(../font/Pretendard/woff/Pretendard-ExtraLight.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(../font/Pretendard/woff2/Pretendard-Thin.woff2) format('woff2'), url(../font/Pretendard/woff/Pretendard-Thin.woff) format('woff');
}



/* NanumMyeongjo */
@font-face {
	font-family: 'NanumMyeongjo';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard Thin'), url(../font/NanumMyeongjo/NanumMyeongjoExtraBold.ttf) format('truetype');
}
@font-face {
	font-family: 'NanumMyeongjo';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Thin'), url(../font/NanumMyeongjo/NanumMyeongjoBold.ttf) format('truetype');
}
@font-face {
	font-family: 'NanumMyeongjo';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Thin'), url(../font/NanumMyeongjo/NanumMyeongjo.ttf) format('truetype');
}



/* Cafe24ClassicType */
@font-face {
    font-family: 'Cafe24ClassicType';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Cafe24ClassicType-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


/* ===========================================================================================
basic style reset
=========================================================================================== */

html{position:relative;height:100vh;font-size:10px;box-sizing:border-box;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;letter-spacing:normal;}
*,::after,::before{box-sizing:border-box;}
body{margin:0;padding:0;font-size:1.6rem;font-weight:400;font-family:'Cafe24ClassicType', 'Noto Sans KR','Malgun Gothic','맑은 고딕',Dotum,'돋움',sans-serif;line-height:1.25;color:#fff}

dd,dl,dt,li,ol,ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}
a{color:inherit;text-decoration:none}
img{border:0;vertical-align:middle;font-size:0;max-width:100%;image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast;  image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; }
table{border-collapse:collapse;width:100%;table-layout:fixed;}
caption,legend{width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
input,select,textarea{color:#fff;font-size:1.6rem}
input,select{vertical-align:middle}
input::-moz-placeholder { color: rgba(255,255,255,.5); opacity: 1;}
/*input:-ms-input-placeholder { color: #908B8B;}*/
input::-webkit-input-placeholder { color: rgba(255,255,255,.5);}
textarea::-webkit-input-placeholder { color: rgba(255,255,255,.5);}
input[type=password],
input[type=text],
input[type=number],
select{padding:0 2.2rem;min-height:4.7rem;color:inherit;background-color:rgba(255,255,255,.1);background-image:none;border:0 solid rgba(255,255,255,.1);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; border-radius:1rem; font-size:1.6rem;}
textarea{padding:2rem 2.2rem; color:inherit;background-color:rgba(255,255,255,.1);background-image:none;border:0 solid rgba(255,255,255,.1);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; border-radius:1rem; font-size:1.6rem;}
/* input[type=password]:focus,
input[type=text]:focus,
input[type=number]:focus,
select:focus,
textarea:focus {border-color: #ABABAB;} */
/* input[disabled],
input[readonly] {  background-color: #eee;  color:#908B8B; opacity: 1;}
input[disabled] {  cursor: not-allowed;} */
address,em,i{font-style:normal}
button{color:inherit;border:0;padding:0;background:0 0;cursor:pointer}
hr{margin:0;border:none;padding:0;display:block}
figcaption,figure,form{padding:0;margin:0}
fieldset{border:none;padding:0;margin:0}
input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
button,input,optgroup,pre,select,textarea{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;margin:0}
iframe{border:0}
textarea{resize:none;}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none;}
input{outline:none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

/* rem rool */
/* pc */
	/* @media all and (max-width:1280px) { html{font-size:9px;} }
	@media all and (max-width:1180px) { html{font-size:8px;} }
	@media all and (max-width:1080px) { html{font-size:7px;} }
	@media all and (max-width:980px) { html{font-size:6px;} } */
/* // pc */

/* mobile */
	/* @media all and (max-width:768px) { html{font-size:10px;} }
	@media all and (max-width:393px) { html{font-size:10px;} }
	@media all and (max-width:360px) { html{font-size:9px;} }
	@media all and (max-width:340px) { html{font-size:8px;} }
	@media all and (max-width:320px) { html{font-size:7px;} } */
/* // mobile */

/* m_only */
/* @media all and (min-width:769px) {
	.m_only{display:none;}
}
@media all and (max-width:768px){
	.m_none{display:none;}
} */

/* layout */
.wrap{width:100%; min-width:1200px; background-color:#000;}
.guide{width:1200px; margin-left:auto; margin-right:auto;}
.container{min-height:calc(100vh);}

.bg_brown{background-color:#E5DDD0;}

/* full_img_sect */
.full_img_sect{width:100%; overflow:hidden; height:max-content; display:flex; justify-content:center; position:relative;}
.full_img_sect .full_img{width:100%; min-width:1920px;}
.full_img_sect .full_img_inner{position:absolute; inset:0; z-index:9;}


/* header */
.header{position:fixed; left:0; right:0; top:0; background-color:rgba(0,0,0,.7); height:7rem; z-index:10; font-family:'NanumMyeongjo';}
.header .guide{height:100%; display:flex; justify-content:space-between; align-items:center;}
.header .main_logo{height:4.2rem;}
.header .main_logo a,
.header .main_logo img{height:100%; display:block;}
.header .gnb_wrap{display:flex; justify-content:space-between; align-items:center; gap:4.6rem; height:100%;}
.header .gnb{display:flex; align-items:center; height:100%; gap:1px;}
.header .gnb a{height:100%; padding:0 2rem; display:flex; align-items:center; position:relative; font-size:1.6rem;}
.header .gnb a ~ a:before{content:''; display:block; width:1px; height:1.6rem; background-color:#fff; position:absolute; left:-1px; top:50%; margin-top:-.8rem;}
.header .gnb_wrap .tel_btn{font-size:1.6rem;}
.header .m_burger_btn{display:none;}


/* footer */
.footer{padding:7.4rem 0 7.8rem; background-color:#1a1918; font-family:'Pretendard';}
.footer .guide{display:flex; justify-content:space-between; align-items:flex-end;}
.footer .foot_logo{height:5.6rem; margin-bottom:3.1rem;}
.footer .foot_logo img{height:100%; display:block;}
.footer .sns_btns{display:flex; align-items:center; gap:1rem; justify-content:flex-end; margin-bottom:2.2rem;}
.footer .sns_btns a{display:flex; height:2.7rem;}
.footer .address_wrap{font-size:1.6rem; line-height:2.2rem;}
.footer ._right .address_wrap{text-align:right;}

/* view_more_btn */
.view_more_btn{height:3rem; display:flex; width:max-content; margin-left:auto; margin-right:auto; align-items:center; padding:0 2.8rem; color:#46423d; border:1px solid #46423d; border-radius:1.5rem;}
.view_more_btn.white{color:#fff; border-color:#fff;}

/* sub_page_title */
.sub_page_title{height:5rem; display:flex; width:34.2rem; margin-left:auto; margin-right:auto; align-items:center; justify-content:center; color:rgba(255,255,255,.7); border:1px solid rgba(255,255,255,.7); border-radius:2.5rem; font-size:2.5rem; margin-top:33rem;}

/* contact_us_quick_btn */
.contact_us_quick_btn{display:block; width:22.9rem; height:22.9rem; position:fixed; z-index:10; right:5.9rem; bottom:0; background:url('../image/icon/contact_us_quick.png') no-repeat center/contain;}



/* swiper */
.swiper.type01{height:58rem;}
.swiper.type01 .swiper-slide{width:30rem; display:flex; flex-direction:column; text-align:center; position:relative; margin-left:0;}
.swiper.type01 .swiper-slide .img{width:30rem; height:40rem; background-color:#fff; border-radius:2rem; overflow:hidden; transition:all .5s}
.swiper.type01 .swiper-slide .img img{width:100%; height:100%; object-fit:cover;}
.swiper.type01 .swiper-slide .desc_wrap{color:#46423d; margin-top:2.2rem; opacity:0; transition:opacity .5s;}
.swiper.type01 .swiper-slide .desc_wrap .tit{font-size:3rem;}
.swiper.type01 .swiper-slide .desc_wrap .date{margin-top:.8rem; font-size:1.6rem;}
.swiper.type01 .swiper-slide-active .desc_wrap{opacity:1;}

.swiper.type01 .swiper-slide-active .img{margin-left:-6.5rem; width:43rem; height:50rem;}

.swiper.type01 .swiper-slide-prev .img,
.swiper.type01 .swiper-slide._prev .img{margin-left:-6.5rem;}
.swiper.type01 .swiper-slide-next .img,
.swiper.type01 .swiper-slide._next .img{margin-left:6.5rem;}

.vre_projects_sect{padding:11rem 0 9.6rem;}
.vre_projects_sect .tit_img{display:block; height:7.4rem; margin:0 auto;}
.vre_projects_sect .view_more_btn{margin-top:5.3rem;}
.vre_projects_sect .swiper.type01{margin-top:7.3rem;}




.swiper.type02{height:60rem;}
.swiper.type02 .swiper-slide{width:60.8rem; display:flex; flex-direction:column; text-align:center; position:relative; margin-left:0; justify-content:center;}
.swiper.type02 .swiper-slide .img{width:60.8rem; height:45.6rem; background-color:#fff; border-radius:2rem; overflow:hidden; transition:all .5s}
.swiper.type02 .swiper-slide .img img{width:100%; height:100%; object-fit:cover;}

.swiper.type02 .swiper-slide-active .img{margin-left:-9.6rem; width:80rem; height:60rem;}

.swiper.type02 .swiper-slide-prev .img,
.swiper.type02 .swiper-slide._prev .img{margin-left:-9.6rem;}
.swiper.type02 .swiper-slide-next .img,
.swiper.type02 .swiper-slide._next .img{margin-left:9.6rem;}
.swiper.type02 .swiper_type02_prev,
.swiper.type02 .swiper_type02_next{width:5.3rem; height:5.3rem; position:absolute; top:50%; background:no-repeat center/contain; z-index:2;}
.swiper.type02 .swiper_type02_prev{transform:translate(-100%, -50%); left:50%; margin-left:-40.9rem; background-image:url('../image/icon/swiper_arrow_l.png');}
.swiper.type02 .swiper_type02_next{transform:translate(100%, -50%); right:50%; margin-right:-40.9rem; background-image:url('../image/icon/swiper_arrow_r.png');}
.swiper.type02 .view_more_btn{background-color:#fff; border-color:#fff; color:#000; position:absolute; bottom:2.1rem; left:50%; transform:translateX(-50%); z-index:2;}
.swiper02_wrap .desc_wrap{margin-top:4.4rem; text-align:center;}
.swiper02_wrap .desc_wrap .tit{font-size:4rem;}
.swiper02_wrap .desc_wrap .key_val_list{margin-top:1.8rem; font-family:'Pretendard'; display:flex; gap:3rem; justify-content:center;}
.swiper02_wrap .desc_wrap .key_val_list li{display:flex; align-items:center; gap:.6rem; font-size:1.6rem;}
.swiper02_wrap .desc_wrap .key_val_list .key{color:rgba(255,255,255,.5); text-transform:uppercase;}





.swiper03_wrap{position:relative;}
.swiper.type03 .swiper-slide{height:67.5rem;}
.swiper.type03 .swiper-slide img{width:100%; height:100%; object-fit:cover;}
.swiper.type03_thumb{margin-top:2rem;}
.swiper.type03_thumb .swiper-slide{height:18.4rem;}
.swiper.type03_thumb .swiper-slide img{width:100%; height:100%; object-fit:cover;}
.swiper03_wrap .swiper_type03_prev,
.swiper03_wrap .swiper_type03_next{width:5.3rem; height:5.3rem; position:absolute; top:50%; background:no-repeat center/contain; z-index:2;}
.swiper03_wrap .swiper_type03_prev{left:-4.7rem; transform:translate(-100%, -50%); background-image:url('../image/icon/swiper_arrow_l.png');}
.swiper03_wrap .swiper_type03_next{right:-4.7rem; transform:translate(100%, -50%); background-image:url('../image/icon/swiper_arrow_r.png');}
.swiper03_wrap .desc_wrap{position:absolute; inset:0; z-index:2; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.56), rgba(0, 0, 0, 0) 23%); padding:3.1rem 5rem; display:flex; justify-content:space-between; font-family:'Pretendard';}
.swiper03_wrap .desc_wrap .tit{font-size:3.6rem; font-weight:600;}
.swiper03_wrap .desc_wrap .address{margin-top:2rem; font-size:1.8rem;}
.swiper03_wrap .desc_wrap .modal_close_btn{width:3.1rem; height:3.1rem; background:url('../image/icon/close_icon_w.png') no-repeat center/contain;}






/* main */
.main .sect01 .guide{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:right; display:flex; flex-direction:column; align-items:flex-end;}
.main .sect01 .guide .tit_img{height:11.4rem;}
.main .sect01 .guide .view_more_btn{margin:3.3rem 0 0;}
.main .sect03 .view_more_btn{margin-top:26.7rem;}
.main .sect04 .view_more_btn{margin-top:31.8rem;}


/* projects */
.projects .full_img_sect{height:100rem; position:relative; display:block;}
.projects .full_img_sect img{height:auto; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.projects_list{display:flex; flex-wrap:wrap; align-items:center; gap:3rem 3rem;}
.projects_list li{width:58.5rem; height:32.8rem; position:relative; border-radius:2rem; overflow:hidden; cursor:pointer;}
.projects_list li .img,
.projects_list li .img img{width:100%; height:100%; object-fit:cover;}
.projects_list li .desc{position:absolute; inset:0; background-color:rgba(0,0,0,.65); padding:3rem 4rem; font-family:'Pretendard'; display:flex; justify-content:space-between; align-items:flex-start; opacity:0; transition:opacity .3s;}
.projects_list li .desc .tit{font-size:2.4rem; font-weight:600;}
.projects_list li .desc .address{font-size:1.6rem; color:rgba(255,255,255,.6); margin-top:1rem;}
.projects_list li .desc .date{font-size:1.6rem; font-weight:400;}
.projects_list li:hover .desc{opacity:1;}

.projects .sect02{padding-bottom:16.8rem;}
.projects .sect02 .view_more_btn{margin-top:7.2rem;}

.project_modal{position:fixed; inset:0; z-index:100; display:none;}
.project_modal._active{display:block;}
.project_modal .dimlayer{position:absolute; inset:0; background-color:rgba(0,0,0,.5); -webkit-backdrop-filter:blur(20.4px); backdrop-filter:blur(20.4px);}
.project_modal .modal_pop{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); animation:fadeInAni .4s forwards}




/* details */
.details .full_img_sect{height:103.8rem; position:relative; display:block;}
.details .full_img_sect img{height:auto; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.details .swiper_list_sect{padding-bottom:18rem;}
.details .swiper_list_sect .swiper02_wrap{margin-top:19.8rem;}
.details .swiper_list_sect .view_more_btn.white{margin-top:16.1rem;}

.details_modal{position:fixed; inset:0; z-index:100; display:none; flex-direction:column; align-items:center;}
.details_modal._active{display:flex;}
.details_modal .dimlayer{position:absolute; inset:0; background-color:rgba(0,0,0,.5); -webkit-backdrop-filter:blur(28px); backdrop-filter:blur(28px);}
.details_modal .modal_pop{position:relative; height:100%; overflow:auto; width:100%; padding:10rem 0; animation:fadeInAni .4s forwards}
.details_modal .modal_pop .img{width:140rem; margin:0 auto; border-radius:3rem; overflow:hidden; border:1px solid #fff; position:relative;}
.details_modal .modal_pop .img img{width:100%;}
.details_modal .modal_pop .modal_close_btn{width:5rem; height:5.2rem; background:url('../image/icon/details_modal_close_icon.png') no-repeat center/contain; position:absolute; top:2rem; right:2.3rem;}
.details_modal .modal_pop::-webkit-scrollbar {
    width: 0px;  
    height: 0px;  
}

@keyframes fadeInAni {
	0%{opacity:0;}
	100%{opacity:1;}
}


/* contact_us */
.contact_form{height:100%; display:flex; flex-direction:column; justify-content:flex-end; padding-bottom:20.7rem; font-family:'Pretendard';}
.contact_form .row{display:flex; width:82rem; gap:5.4rem;}
.contact_form .row ~ .row{margin-top:5.7rem;}
.contact_form .row.type2{margin-top:1.8rem;}
.contact_form .row.type3{width:100%;}
.contact_form .inp_wrap{display:flex; flex-direction:column; gap:2rem; flex:1;}
.contact_form .inp_wrap label{font-size:1.8rem; line-height:2.4rem; display:flex; align-items:center; gap:1.4rem}
.contact_form .inp_wrap label:after{content:''; display:block; width:.6rem; height:.6rem; background-color:#fff; border-radius:50%;}
.contact_form .send_btn{display:flex; width:22.3rem; height:5.1rem; align-items:center; border-radius:.5rem; background-color:rgba(136,177,213,.5); font-size:2rem; font-weight:800; padding:0 .5rem; margin-top:3.6rem;}
.contact_form .send_btn:before{content:''; display:block; width:4rem; height:4rem; background:url('../image/icon/send_icon.png') no-repeat center/contain;}
.contact_form .send_btn span{flex:1;}
.contact_form .inp_wrap .with_btn{position:relative;}
.contact_form .inp_wrap .with_btn input{width:100%;}
.contact_form .inp_wrap .with_btn button{height:4.7rem; width:16.6rem; display:flex; align-items:center; justify-content:center; background-color:rgba(255,255,255,.1); border-radius:1rem; font-size:1.7rem; position:absolute; right:0; top:0;}


@media (min-width: 2400px) {
  .main .sect03 .view_more_btn {
    margin-top: 34rem;
  }

  .main .sect04 .view_more_btn {
    margin-top: 43rem;
  }
}