`1@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

::-webkit-scrollbar {

display:none;

} 

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
body{ line-height:1.5; font-family:'Dotum'; font-size:16px; color:#333; background:#fff;-ms-overflow-style: none; } 
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0;}
ul,ol,li{list-style:none}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
fieldset,img{border:0}
hr{height:0;}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
address,caption,em,var{font-style:normal;font-weight:normal}
a{text-decoration:none;cursor:pointer;color: inherit;}
a[href^="tel"]{font-style:normal}
a:hover,a:active,a:focus{text-decoration:none !important;}
b,strong{font-weight:bold}
dfn{font-style:italic}
img{border:0;vertical-align:top}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0;}
legend, caption{overflow:hidden;text-indent:-9999999px; height:0 !important; width:0 !important;line-height:0 !important;margin:0;padding:0;}
input{vertical-align:middle;margin:0;padding:0;}
input[type="text"],input[type="password"],input[type="email"]{-webkit-appearance:none;border-radius:0;font-family:'Dotum';}
input:checked[type="checkbox"]{-webkit-appearance:checkbox}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{border-radius:0;-webkit-appearance:button;font-family:'Dotum';}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible;border:none;cursor:pointer;margin:0;padding:0;}
a,input,button,select{outline:none}
button,select{text-transform:none}
optgroup{font-weight:bold}
textarea{border:1px solid #bcbcbc;overflow:auto;-webkit-appearance:none}
input::-ms-clear{display:none;}


body { width: 100%; margin: auto; font-family: 'Pretendard'; }

/*body.main { overflow-y: hidden; }*/

/**/

.sc_bar{width: 50px; height: 30px; line-height: 30px; background: #000; color: #fff;position: fixed; z-index: 999999;top: 0; right: 0;text-align: center;}
.winHeight{width: 50px; height: 30px; line-height: 30px; background: #000; color: #fff;position: fixed; z-index: 999999;top: 50px; right: 0;text-align: center;}
.all_wrap { width: 100%; position: relative; top: 0; z-index: 989; background-color: #fff; font-family: 'Pretendard'; }


.main_wrap { width: 100%; height: 100vh; position: fixed; top: 0; left: 0;right: 0; margin: auto; overflow: hidden;background-color: #fff; max-width:1920px; }

.main_txt_box { position: absolute; margin: auto; left: 0; right: 0; /*top: 360px;*/ margin: auto; text-align: center; color: #000;z-index: 9999;  transform: translateY(-3rem); }
.main_txt_box h2 { font-size: 100px; line-height: 100%; margin-top: 0.75rem; font-weight: 600;font-family: 'Carisma Gothic'; animation: main_txt 1.2s .2s both;}
.main_txt_box h4 { font-size: 23px; line-height: 100%; font-weight: 300; font-family: 'Carisma Gothic';animation: main_txt 1.2s .5s both;}

.main_txt_mo_box { position: fixed; margin: auto; left: 0; right: 0;top: 20%; margin: auto; text-align: center; color: #000;z-index: 9999; }
.main_txt_mo_box h2 { font-size: 14vw; line-height: 100%; margin-top: 0.75rem; font-weight: 700;font-family: 'Carisma Gothic'; animation: main_txt 1.2s .2s both;}
.main_txt_mo_box h4 { font-size: 4.5vw; line-height: 100%; margin-top: 3vw; font-weight: 300; font-family: 'Carisma Gothic';animation: main_txt 1.2s .5s both;}

.main_txt_box.white { color: #fff; }
.main_logo { position: absolute; left: 0; right: 0; margin: auto; bottom: 5%; z-index: 9; }
.main_txt { position: absolute; right: 6%; bottom: 4%; z-index: 9; }


/* .main_txt_box.active h2 { opacity: 1; transform: translateY(-40px);transition: 1.2s .2s; }
.main_txt_box.active h4 {  opacity: 1; transform: translateY(-40px);transition: 1.2s .5s;  }
.main_txt_box.active h3 { animation: main_txt 1.2s .2s both; } */

.main_circle_wrap{width: 150vw; height: 150vw; position: fixed; left: 0; right: 0; bottom: 0; margin: auto; top: 0; z-index: 20; margin-left: -25vw;}
.main_circle{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto; width: 0; height:0; border: 1px solid #9d9d9d; border-radius: 50%;z-index: 9; background: #fff;overflow: hidden;}
.main_circle::after{content: ''; position: absolute;top: 0;left: 0;right: 0;bottom: 0; margin: auto; width: 100%; height: 100vh; background: url(../img/main_bg.jpg) center center no-repeat;opacity: 0; transition: .5s; background-size: cover;
}
.main_circle.active::after{opacity: 1; transition: .5s;}

.main_circle_wrap_mo{width: 400vw; height: 400vw; position: fixed; left: 0; right: 0; bottom: 0; margin: auto; top: 0; z-index: 20; margin-left: -150vw; display: none;}
.main_circle_mo{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto; width: 1px; height:1px; border: 1px solid #9d9d9d; border-radius: 50%;z-index: 9; background: #fff;overflow: hidden;}
.main_circle_mo::after{content: ''; position: absolute;top: 0;left: 0;right: 0;bottom: 0; margin: auto; width: 100%; height: 100vh; background: url(../img/main_bg.jpg) center center no-repeat;opacity: 0; transition: .5s; background-size: cover;
}
.main_circle_mo.active::after{opacity: 1; transition: .5s;}



@keyframes main_img {
	from { transform: scale(1.22); }
	to {  }
}
@keyframes main_txt {
	from { opacity: 0; transform: translateY(-40px); }
	to {  }
}
@keyframes main_txt2 {
	from { opacity: 0; }
	to {  }
}



@keyframes bullet {
	from { width: 0; }
	to {  }
}



.main_scroll_box { width: 51px; height: 135px; position: fixed; left: 0;right: 0; bottom: 225px; margin: auto; text-align: center; z-index: 9999; transform: translateY(20px); color:#fff; }
.scroll_w { opacity: 0; transition: 0.3s; }
.scroll_b { position: absolute; left: 0; right: 0; top: 0; margin: auto; opacity: 1; transition: 0.3s; }
.main_scroll { width: 13px; height: 83px; margin: auto; margin-top: 12px; position: relative; overflow: hidden; }
.main_scroll span { position: absolute; left: 0; right: 0; margin: auto; top: -100%; width: 1px; height: 100%; background-color: #fff; transition: 0.3s; }
.main_scroll:after { position: absolute; content:''; width: 8px; height: 8px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); left: 0; bottom: 2px; right: 0; margin: auto; transition: 0.3s; }
.scroll_circle { content:''; position: absolute; left: 0; right: 0; bottom: -22px; margin: auto; width: 50px; height: 50px; z-index: -1; }
.scroll_circle span { content:''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; background-color: #fff; width: 100%; height: 100%; border-radius: 100%; opacity: 0.2; transition: 0.3s; }

.main_scroll_box.active .scroll_w { opacity: 0; }
.main_scroll_box.active .scroll_b { opacity: 1; }
.main_scroll_box.active .main_scroll span { background-color: #fff; }
.main_scroll_box.active .main_scroll:after { border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.main_scroll_box.active .scroll_circle span { background-color: #fff; }


.mainSwiper {
  width: 100%;  position:relative;
  height: 100vh;
}

.mainSwiper .swiper-slide { position:relative; display: flex; justify-content: center; align-items: center;  }

.main_bg { position:relative; width: 100%; height: 100%; left:0; right:0; margin:0 auto; }
.main_bg.bg01:after { position: absolute; content:'';  background: url(../img/main_bg01.jpg) center center no-repeat; background-size: cover;  width: 100%; height: 100%; } 
.main_bg.bg02:after { position: absolute; content:'';  background: url(../img/main_bg02.jpg) center center no-repeat; background-size: cover;  width: 100%; height: 100%; } 
.main_bg.bg03:after { position: absolute; content:'';  background: url(../img/main_bg03.jpg) center center no-repeat; background-size: cover;  width: 100%; height: 100%; } 
.main_bg.bg04:after { position: absolute; content:'';  background: url(../img/main_bg04.jpg) center center no-repeat; background-size: cover; width: 100%; height: 100%;  } 
.main_bg.bg05:after { position: absolute; content:'';  background: url(../img/main_bg05.jpg) center center no-repeat; background-size: cover; width: 100%; height: 100%;  } 
.main_bg.bg06:after { position: absolute; content:'';  background: url(../img/main_bg06.jpg) center center no-repeat; background-size: cover; width: 100%; height: 100%;  } 
.main_bg.bg07:after { position: absolute; content:'';  background: url(../img/main_bg07.jpg) center center no-repeat; background-size: cover; width: 100%; height: 100%;  } 
.main_bg.bg08:after { position: absolute; content:'';  background: url(../img/main_bg08.jpg) center center no-repeat; background-size: cover; width: 100%; height: 100%;  } 



/* 하단 컨트롤 */
.swiper-control {
  position: absolute;
  bottom: 3rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 0.5rem; z-index:10;
}

/* 페이지네이션 (점 스타일) */
.swiper-control .swiper-pagination-main .swiper-pagination-bullet {
  background: none;
  opacity: 0.5; border:1px solid #fff;
}
.swiper-control .swiper-pagination-main .swiper-pagination-bullet-active {
  opacity: 1; background: #fff;
}

/* 버튼 */
.swiper-control .swiper-toggle {
  background: rgba(0,0,0,0);
  color: #fff;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
}



@media (max-width: 1000px) {

	.main_txt_box {  transform: translateY(-7rem); }
	.main_bg.bg01:after { background: url(../img/main_bg01.jpg) center center no-repeat; background-size: cover; } 
	.main_bg.bg02:after { background: url(../img/main_bg02.jpg) left center no-repeat; background-size: cover; } 
	.main_bg.bg03:after { background: url(../img/main_bg03.jpg) left center no-repeat; background-size: cover; } 
	.main_bg.bg04:after { background: url(../img/main_bg04.jpg) left center no-repeat; background-size: cover;  } 
	.main_bg.bg05:after { background: url(../img/main_bg05.jpg) center center no-repeat; background-size: cover;  } 
	.main_bg.bg06:after { background: url(../img/main_bg06.jpg) center center no-repeat; background-size: cover;  } 
	.main_bg.bg07:after { background: url(../img/main_bg07.jpg) center center no-repeat; background-size: cover;  } 
	.main_bg.bg08:after { background: url(../img/main_bg08.jpg) center center no-repeat; background-size: cover;  } 

}

/* 모바일 대응 */
@media (max-width: 768px) {
  .mainSwiper {
    /*height: 60vh;*/
  }

 .main_txt_box {  transform: translateY(-5rem); }
 .main_txt_box h2 { font-size:3rem;}
 .main_txt_box h4 { margin-top:1rem; }

 .swiper-control { left:0; right:0; margin:0 auto; transform:translateX(0); width:60%; }


}

/**/

.content { width: 100%; position: relative; margin: auto; font-family: 'Pretendard'; height: auto; opacity: 1; margin-top: 3000px; margin-top: 100dvh; }
.content::after{width: 200%;position: absolute;left: 0;right: 0;margin: auto ;top: 0; background: #fff;content:'';}

/**/
.sec01{width: 100%; height: ; background: #fff; position: relative;  margin: auto;}

.sec01_box{display: flex; width: 100%; justify-content: space-between;max-width:1920px; margin: auto; position: relative; }
.sec01_box_left{}
.sec01_box_left_tit{margin-left: 180px; margin-top: 160px;position: relative;}
.sec01_box_left_tit::after {content: '';position: absolute; width: 16px; height: 0;left: -50px;top:-63px;background: #000; transition:.2s }
.sec01_box_left_tit h4{font-size: 24px; line-height: 34px;font-weight: 200;transform: translateX(-20px); opacity: 0; transition: .2s;}
.sec01_box_left_tit h2{font-size: 44px;font-weight: 700;transform: translateX(-20px); opacity: 0; transition: .2s;}

.sec01_box_left_txt{width: 748px; height: 668px; background: #eeeeee; margin-top: 45px;position: relative;transform: translateX(-20px); opacity: 0; transition: .2s; }
.sec01_box_left_txt p{font-size: 14px; line-height: 34px; position: absolute;top: 80px; left: 180px;}
.sec01_box_left_logo{position: absolute;bottom: 67px;right: 73px;}

.sec01_box_right{}
.sec01_box_right::after{content: '';position: absolute;width: 246px; height: 0; background: #000;top: 0;right: 180px;z-index: 0; transition: .2s ;}
.sec01_box_right_img{width: 960px; height: 602px;margin-top: 130px; background: url(../img/sec01_right_img.jpg) center center no-repeat; background-size: cover;position: relative; z-index: 1;  transform: translateX(50px); transition: .2s; opacity: 0; }
.sec01_box_right_sign{position: absolute; bottom: 70px; right: 324px;z-index: 2;transform: translateX(-20px); transition: .2s; opacity: 0;}


.sec01_box.active .sec01_box_left_tit::after{height: 127px; transition: 1s 0s; }
.sec01_box.active .sec01_box_left_tit h4{transform: translateX(0); opacity: 1; transition: 1s .5s;}
.sec01_box.active .sec01_box_left_tit h2{transform: translateX(0); opacity: 1; transition: 1s .5s;}
.sec01_box.active .sec01_box_left_txt {transform: translateX(0); opacity: 1; transition: 1s .8s;}
.sec01_box.active .sec01_box_right::after{height: 100%;transition: 1s 1s;}
.sec01_box.active .sec01_box_right_img{transform: translateX(0); opacity: 1; transition: 1s 1.2s;}
.sec01_box.active .sec01_box_right_sign{transform: translateX(0); opacity: 1; transition: 1s 1.4s;}

/**/

.sec02{width: 100%; height: 100vh;top: 0; background: #132332; position: relative;overflow: hidden;}
.sec02_box{width: 100%; height: 100%;}
.sec02_line_wrap>div{position: absolute;}
.sec02_line_wrap .line01{top: 0;left: 0;right: 0;margin: auto; width: 1px; height: 0; background: rgba(255,255,255,.33); transition: .5s;}
.sec02_line_wrap .line02{top: 0;bottom: 0; left: 0;margin: auto; width: 0; height: 1px; background: rgba(255,255,255,.33);transition: .5s;}

.swiper1{position: absolute;width: 100%; height: 100vh; top: 0;left: 0;right: 0; margin: auto;opacity: 0; transform: translateY(-20px); transition: .2s; display: block;}
.swiper1_mo{display: none;opacity: 0; transform: translateY(-20px); transition: .2s; }

.sec02_con{width: 1120px; height: 100vh; position: relative;top: 0; margin: auto;}
.sec02_img_box{position: absolute;top: 0;bottom: 0; left: 0;right: 0;margin: auto; width: 457px; height: 688px;}

.sec02_img_box01{background: url(../img/sec02_img01.jpg) center no-repeat; background-size: cover;}
.sec02_img_box02{background: url(../img/sec02_img02.jpg) center no-repeat; background-size: cover;}
.sec02_img_box03{background: url(../img/sec02_img03.jpg) center no-repeat; background-size: cover;}
.sec02_img_box04{background: url(../img/sec02_img04.jpg) center no-repeat; background-size: cover;}

.sec02_txt{position: absolute; height: 215px; top: 0;bottom: 0; margin: auto; right:20px;opacity: 0;transform: translateX(20px); transition: .6s;}
.sec02_txt h2{font-family: 'Carisma Gothic'; font-size: 77px; font-weight: 600;    -webkit-text-stroke: 0.3px rgba(255,255,255,.44);
    color: rgba(255, 255, 255, .0); }
.sec02_txt h4{font-family: 'Carisma Gothic'; font-size: 1.55rem; font-weight: 600; line-height:120%;   margin-top:1rem;
    color: rgba(255, 255, 255, 1); }
.sec02_txt p{color: rgba(255, 255, 255, .33); margin-top:1rem;} 
.sec02_sign{position: absolute;left: 0;bottom: 142px;opacity: 0;transform: translateX(-20px); transition: .6s;}

.swiper_bt{position: absolute;top: calc( 50% - 46.5px );   left: 0;right: 0; margin: auto; z-index: 10;display: flex; justify-content: space-between; width: calc( 65% + 200px); height: 100%; opacity: 0; transform: translateY(-20px); transition: .2s; }
.swiper-button-prev10{height:93px ; cursor:pointer;}
.swiper-button-next10{height:93px ;cursor:pointer;}
.swiper-slide-active .sec02_txt{transform: translateX(0); opacity: 1; transition: 1s .5s;}
.swiper-slide-active .sec02_sign{transform: translateX(0); opacity: 1; transition: 1s .5s;}

.sec02_box.active .line01{ height: 100vh; transition: 2s .5s;}
.sec02_box.active .line02{ width:100%; transition: 2s .5s;}
.sec02_box.active .swiper1{opacity: 1; transform: translateY(0); transition: 1.8s 1.2s;}
.sec02_box.active .swiper1_mo{opacity: 1; transform: translateY(0); transition: 1.8s 1.2s;}
.sec02_box.active .swiper_bt{opacity: 1; transform: translateY(0); transition: 1.8s 1.2s;}


/**/

.sec03{width: 100%; height: 1127px; background: #fff; position: relative;}
.sec03_box{width: 100%; height: 100%;  position: relative;}

.sec03_tit{ position: absolute;top: 160px; left: 0;right: 0;margin: auto; width: 100%; text-align: center; color: #000; font-size: 44px; line-height: 55px; font-weight: 200;opacity: 0;transform: translateY(-20px); transition: .2; display: block;}
.sec03_tit_mo{display: none;}

.planning_wrap {display: flex; justify-content: space-between; position: absolute; top: 315px; left: 0; right: 0; margin: auto; width: 1540px; height: ;}
.planning_img{width: 840px; height: 630px; background: url(../img/planning_img.jpg)center no-repeat; background-size: cover; position: relative; transform: translateX(-50px); opacity: 0; transition: .2s;}
.planning_img::after{content: ''; width: 0; height: 16px; background: #000; position: absolute;top: 72px;right:-35px ;}

.planning_txt_wrap { width: 40%; height: 400px;  text-align: left; }
.planning_txt_box { width: 100%; margin-top: 190px; transform: translateX(50px); opacity: 0; transition: .2s;}
.planning_txt_box ul { box-sizing: border-box; }
.planning_txt_box ul li { height: 45px; line-height: 45px; box-sizing: border-box; padding-left: 20px; color: #000; }
.planning_tit { width: 30%; float: left; }
.planning_tit li {  }
.planning_txt { width: 70%; float: right;  }
.planning_txt li {  font-size: 14px; color: #9f9f9f !important; }

.sec03_box.active .sec03_tit{opacity: 1;transform: translate(0); transition: 1s .5s;}
.sec03_box.active .planning_img{opacity: 1;transform: translate(0); transition: 1s .5s;}
.sec03_box.active .planning_img::after{width: 128px; transition: 1s .8s;}
.sec03_box.active .planning_txt_box{opacity: 1;transform: translate(0); transition: 1s .5s;}


.sub_ov_wrap .sec03_tit { position: relative; top:0; margin-top:160px;}
.sub_ov_wrap .planning_wrap { position: relative; top:0; margin-top:4rem; margin-bottom:10rem; }

/**/

.sec04{width: 100%; height: 640px; background: #fff; position: relative;}
.sec04_box{width: 100%; height: 100%;}
.sec04_con_wrap{display: flex;width: 100%; height: 100%;}
.swiper2_mo{display: none;}

.sec04_con_wrap li:nth-child(1){transform: translateX(600px); opacity: 0; transition: .2;}
.sec04_con_wrap li:nth-child(2){transform: translateX(0); opacity: 0; transition: .2;}
.sec04_con_wrap li:nth-child(3){transform: translateX(-600px); opacity: 0; transition: .2;}

.sec04_con_wrap li{width: 100%; height: 100%; overflow: hidden; position: relative;transform: scale(1);transition: .5s;}
.sec04_con_box { display: flex; justify-content: center; align-items: center;}

.sec04_con_wrap li:nth-child(1)::after {content: '';position: absolute;top: 0;left: 0;right: 0;margin: auto; width: 100%; height: 100%; background: url(../img/sec04_img01.jpg) center no-repeat; background-size: cover;transform: scale(1);transition: .5s;}

.sec04_con_wrap li:nth-child(2)::after {content: '';position: absolute;top: 0;left: 0;right: 0;margin: auto; width: 100%; height: 100%;background: url(../img/sec04_img02.jpg) center no-repeat; background-size: cover;transform: scale(1);transition: .5s;}

.sec04_con_wrap li:nth-child(3)::after {content: '';position: absolute;top: 0;left: 0;right: 0;margin: auto; width: 100%; height: 100%;background: url(../img/sec04_img03.jpg) center no-repeat; background-size: cover;transform: scale(1);transition: .5s;}

.sec04_con_wrap li:nth-child(1)::before {content: '';position: absolute;top: 0;left: 0;right: 0;margin: auto; width: 100%; height: 100%; background: url(../img/sec04_img01_bg.png) center no-repeat; background-size: cover;z-index: 2; opacity: 0;transition: .5s;}

.sec04_con_wrap li:nth-child(2)::before {content: '';position: absolute;top: 0;left: 0;right: 0;margin: auto; width: 100%; height: 100%;background: url(../img/sec04_img02_bg.png) center no-repeat; background-size: cover;z-index: 2; opacity: 0;transition: .5s;}

.sec04_con_wrap li:nth-child(3)::before {content: '';position: absolute;top: 0;left: 0;right: 0;margin: auto; width: 100%; height: 100%;background: url(../img/sec04_img01_bg.png) center no-repeat; background-size: cover; z-index: 2; opacity: 0;transition: .5s;}

.sec04_con_wrap li:hover::after{ transform: scale(1.2); transition: .5s;}
.sec04_con_wrap li:hover::before{ opacity: 1; transition: .5s;}
.sec04_con_wrap li:hover .cross{transform: rotate(180deg); transition: .7s;}

.sec04_txt{color: #fff;text-align: center; position: absolute;z-index: 3; left: 0;right: 0; margin: auto; /*height: 115px; top: 0;bottom: 0; */ transform: translateY(-20px); transition: .2s; opacity: 0;}
.sec04_txt h2{font-family: 'Carisma Gothic'; font-weight: 200; font-size: 36px; margin-bottom: 25px; }
.sec04_txt p{font-size: 14px; line-height: 25px; }

.cross{width: 45px; height: 45px; position: absolute;top: 48px; right: 48px; cursor:pointer; z-index: 9; transform: rotate(0);transition: .7s;}
.cross::after{content: '';width: 1px ;height: 100%; background: #fff; position: absolute;left: 0;right: 0;margin: auto;}
.cross::before{content: '';width: 100% ;height: 1px; background: #fff; position: absolute;bottom: 0;top: 0;margin: auto;}

.sec04_box.active .sec04_con_wrap li{transform: translate(0); opacity: 1; transition: 1s;}
.sec04_box.active .sec04_con_wrap li:nth-child(1) .sec04_txt{transform: translate(0); opacity: 1; transition: 1s 1s;}
.sec04_box.active .sec04_con_wrap li:nth-child(2) .sec04_txt{transform: translate(0); opacity: 1; transition: 1s 1.2s;}
.sec04_box.active .sec04_con_wrap li:nth-child(3) .sec04_txt{transform: translate(0); opacity: 1; transition: 1s 1.3s;}

/*  */
[data-slideInBottom] { opacity: 0; position: relative; top: 40px; transition: 0.6s 0.2s ease-out; }
[data-slideInBottom].active { opacity: 1; top: 0; }

[data-fadeIn] { opacity: 0; transition: 0.5s 0.2s ease-out; }
[data-fadeIn].active { opacity: 1; }

/*[data-active] { transition: 0.6s 0.1s ease-out; }*/

.sec04_list {  position: relative; /*display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap:wrap; */ display: grid;  grid-template-columns: repeat(2, 1fr); gap:0.5rem 0rem; 
text-align:left; width:65%; left:0; right:0; margin:0 auto; margin-top:3rem;}
.sec04_list li::before { background: none; display:none;}
.sec04_list li::after { background: none!important; content: '·'; position: absolute; left:-1rem;  display:none;}
.sec04_list li { margin-left:1rem;  }
 


/**/

.footer_pc{display: block;}
.footer_mo{display: none;}
footer { width: 100%; height: auto; background: #fff; position: relative; left: 0; bottom: 0; z-index: 999; text-align: center; font-family: 'Pretendard'; margin: auto; color: #000; padding-bottom: 100px; border-top: 1px solid #eee;}



footer h2{ display:inline-block;  font-family: 'Carisma Gothic'; transition: 0.3s; font-size: 28px; margin-top: 60px; font-weight: 700; text-align: center; }


footer p { font-size: 0.75rem; line-height: 1.375rem; font-weight: 400; margin-top: 45px; letter-spacing: 0px; opacity: 0.7; }
footer h6 { font-size: 0.75rem; line-height: 100%; font-weight: 400; margin-top: 2.5rem; letter-spacing: 0px; opacity: 0.7; }



/* sub */

#all_wrap { width: 100%; height: auto; overflow: hidden; margin: auto; position: relative; font-family: 'Pretendard'; }

.sub_top { width: 100%; height: 590px; position: relative; overflow: hidden; margin-top: 0px; z-index: 98; background-color: #000; }

.sub_top_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.sub_top_img.img01 { background: url(../img/sub_top01.jpg) center no-repeat; background-size: cover; }
.sub_top_img.img02 { background: url(../img/sub_top02.jpg) center no-repeat; background-size: cover; }
.sub_top_img.img03 { background: url(../img/sub_top03.jpg) center no-repeat; background-size: cover; }
.sub_top_img.img04 { background: url(../img/sub_top04.jpg) center no-repeat; background-size: cover; }
.sub_top_img.img05 { background: url(../img/sub_top05.jpg) center no-repeat; background-size: cover; }
.sub_top_img.img06 { background: url(../img/sub_top06.jpg) center no-repeat; background-size: cover; }

.sub_top_img { width: 100%; position: absolute; left: 0; right: 0; top: 0; margin: auto; opacity: 1; z-index: 1; animation: sub_top_img 3s 0s both; }
.sub_top_bg { width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 2; }

.sub_top_txt { width: 100%; height: 80px; position: absolute; left: 0; right: 0; top: 47%; margin: auto; z-index: 9; color: #111; text-align: center;  }
.sub_top_txt h1 { font-family: 'Carisma Gothic'; font-size: 44px; line-height: 100%; text-transform: uppercase; font-weight: 700; letter-spacing: 0; display: inline-block; position: relative;animation: sub_top_txt 1.5s 0.2s both; width: 200%; transform:translateX(-25%)}

.sub_top_txt h5 { font-size: 18px; line-height: 100%; margin-top: 5px; font-weight: 300; letter-spacing: -0.5px; animation: sub_top_txt2 1.2s 1s both;}

@keyframes sub_top_bg {
	from { transform:: scale(1.2); }
	to{ }
}
@keyframes sub_top_txt {
	from { opacity: 0; letter-spacing:150px }
	to{ }
}
@keyframes sub_top_txt2 {
	from { opacity: 0; transform: translateY(40px);}
	to{ }
}
@keyframes sub_top_line {
	from { width: 0; }
	to{ }
}


.sub_scroll_box { width: 51px; height: 135px; /*position: absolute;*/ position: fixed; right: 50px; bottom: 0; top: 0; margin: auto; text-align: center; z-index: 999; transform: translateY(20px); animation: sub_scroll 0.8s 1.0s both; }
.sub_scroll { width: 13px; height: 83px; margin: auto; margin-top: 12px; position: relative; overflow: hidden; }
.sub_scroll span { position: absolute; left: 0; right: 0; margin: auto; top: -100%; width: 1px; height: 100%; background-color: #000; }
.sub_scroll:after { position: absolute; content:''; width: 8px; height: 8px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(45deg); left: 0; bottom: 2px; right: 0; margin: auto; }
.scroll_circle { content:''; position: absolute; left: 0; right: 0; bottom: -22px; margin: auto; width: 50px; height: 50px; z-index: -1; }
.sub_scroll_box .scroll_circle span { content:''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; background-color: #000; width: 100%; height: 100%; border-radius: 100%; opacity: 0.2; }


@keyframes sub_scroll {
	from {  transform: translateX(-170px); opacity: 0; };
	to { };
}
@keyframes sub_top_img {
/*	from {  transform: scale(1.2); };*/
	to { };
}
@keyframes sub_txt {
	from {  transform: translateY(-60px); opacity: 0; };
	to { };
}
@keyframes sub_txt2 {
	from {  transform: translateX(120px); opacity: 0; };
	to { };
}


.snb { width: auto; height: 40px; margin: auto; text-align: center; margin-top: 10px; }
.snb>li { display: inline-block; height: 40px; font-size: 14px; position: relative; line-height: 38px; text-align: center; text-transform: uppercase; vertical-align: top; margin: 0 25px; }
.snb>li:after { content:''; width: 7px; height: 7px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(-45deg); position: absolute; right: -30px; top: 0; bottom: 0; margin: auto; }
.snb>li:last-child:after { display: none; }
.snb li a { width: 100%; height: 100%; display: block; padding: 0 0px; box-sizing: border-box; }
.snb>li:nth-child(1) { width: 40px; min-width: 40px; }
.snb>li:nth-child(1) a { width: 100%; height: 100%; display: block; }
.snb>li:nth-child(1) img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.snb>li:nth-child(2) { min-width: 100px; }
.snb>li:nth-child(3) { min-width: 85px; }

.snb>li>ul { margin: auto; border-top: 1px solid #fff; padding-top: 5px; display: none; }
.snb>li>ul>li { font-size: 13px; height: 31px; line-height: 30px; opacity: 0.6; letter-spacing: 0; }

.snb>li:hover ul { display: block; }
.snb>li>ul>li:hover { opacity: 1; }

/**/

.sub { position: relative; width: 100%; margin: auto; text-align: center; font-family: 'Pretendard'; z-index: 9; }
#sub_container { position: relative; width: 100%; margin: auto; text-align: center; font-family: 'Pretendard'; margin-top:10rem;}

.sub_tit { position: relative; display: inline-block; font-family: 'Pretendard'; text-align: center; margin:0 auto; margin-top: 5.7%; color: #1c1c1c; width:100%;}
.sub_tit>h1{ font-size: 2.8rem; line-height: 100%; font-weight: 600; letter-spacing:-1px; z-index: 2; }
.sub_tit>p { font-size: 0.875rem; line-height: 100%; font-weight: 500; margin-top: 1rem; opacity: 0.5; }
.sub_tit_line { width: 5px; height: 5px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(45deg); margin: auto; margin-top: 2rem; opacity: 0.8; } 

.sub_page { width: 100%; position: relative; margin-top: 6.25%; padding-bottom: 150px; font-family: 'Pretendard'; text-align: center; }

.sub_ori { width: 100%; box-sizing: border-box; text-align: center; position: relative; margin-top: 60px; color: #404040; }
/*.sub_ori.planning_ori { width: 1400px; margin-left: -150px; }*/
/*.ori_bg { width: 52px; height: 52px; background: #192642 url(../sub/ori_bg.png) center no-repeat; position: absolute; left: 30px; top: 0; bottom: 0; margin: auto; border-radius: 100%; }*/
.sub_ori ul { position: relative; top: 50%; }
.sub_ori ul li { font-size: 12px; line-height: 20px; color: #6e6e6e; letter-spacing: -0.5px; }

/**/

.sub_logo_box { width: 100%; height: 100vh; position: absolute; left: 0; top: 2.5%; display: flex; justify-content: center; align-items: center; z-index: -1; }
.sub_logo { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }


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

	.sub_tit { margin-top: 3rem; }
	.sub_tit>h1{ font-size: 2rem;  }

}
/**/

.ov_tit{margin: auto; width: 100%; text-align: center; color: #000; font-size: 35px; line-height: 44px; font-weight: 200;opacity: 0;transform: translateY(-20px); transition: .2; display: block;padding-top: 30px;margin-bottom: 60px;}
.ov_tit_mo{margin: auto; width: 100%; text-align: center; color: #000; font-size: 5.5vw; line-height: 8.5vw; font-weight: 200;opacity: 0;transform: translateY(-20px); transition: .2;display: none;}
.ov_tit_mo b{ font-size: 6.5vw;   }

.sub_ov_wrap{width: 1400px;margin: auto;position: relative;padding-top: 30px;}
.sub_ov_top{width: 100%; display: flex; justify-content:space-between;gap:20px; /* height: 720px;*/ height: 602px; flex-flow:row wrap;}

/*.sub_ov_top li{width: 58%;}*/

.sub_ov_top li{width: 32%;}

.sub_ov_top li:nth-child(1){ width: 64%; height: 100%;position: relative; cursor:pointer; overflow: hidden;opacity: 0;transform: translateY(-50px);}
.sub_ov_top li:nth-child(1)::after{content:'';background: url(../img/sec01_right_img.jpg) center no-repeat; background-size:cover;width: 100%; height: 100%; position: absolute;transition:.7s; left:0;}
.sub_ov_top li:nth-child(1):hover::after{transform:scale(1.15);}
/*
.sub_ov_top li:nth-child(1){ height: 100%;position: relative; cursor:pointer; overflow: hidden;opacity: 0;transform: translateY(-50px);}
.sub_ov_top li:nth-child(1)::after{content:'';background: url(../sub/ov_img01.jpg) center no-repeat; background-size:cover;width: 100%; height: 100%; position: absolute;transition:.7s}
.sub_ov_top li:nth-child(1):hover::after{transform:scale(1.15);}

.sub_ov_top li:nth-child(2){height: 100%;position: relative;cursor:pointer;overflow: hidden;opacity: 0;transform: translateY(50px);}
.sub_ov_top li:nth-child(2)::after{content:'';background: url(../sub/ov_img02.jpg) center no-repeat; background-size:cover;width: 100%; height: 100%; position: absolute;transition:.7s}
.sub_ov_top li:nth-child(2):hover::after{transform:scale(1.15);}
*/
.sub_ov_top li:nth-child(2){opacity: 0;transform: translateX(50px);}
.sub_ov_top li:nth-child(2) p{font-size:14px;padding: 80px 0 80px 70px ;line-height: 35px;}
.sub_ov_top li:nth-child(2) img{padding-left:70px ;}

.sub_ov_planning{width: 100%;display: flex; justify-content:space-between;gap:60px; height: 508px;flex-flow:row wrap;margin-top: 105px;position: relative; margin-bottom: 250px;transition: .3s;}
.sub_ov_planning li{width: 64%;}

.sub_ov_planning>li:nth-child(2){width: 48%; height: 100%;position: absolute;top: 0;right: 0; cursor:pointer;overflow: hidden;opacity: 0; transition: .3s;}
.sub_ov_planning>li:nth-child(2)::after{content:''; background: url(../img/planning_img.jpg) center no-repeat; left:0; /*background: url(../sub/ov_img03.jpg) center no-repeat; */ background-size:cover;width: 100%; height: 100%; position: absolute;transition:.7s}
.sub_ov_planning>li:nth-child(2):hover::after{transform:scale(1.15);}

.sub_ov_planning .planning_txt_wrap{width: 100%;height: 508px;transition: .3s;}
.sub_ov_planning .planning_txt_box{margin-top: 45px;}
.sub_ov_planning .planning_txt{float: left;	}

.sub_ov_planning .planning_txt_box ul li{padding-left: 0;}

.sub_ov_wrap.active .ov_tit{opacity: 1;transform: translate(0); transition: 1s .5s;}
.sub_ov_wrap.active .ov_tit_mo{opacity: 1;transform: translate(0); transition: 1s .5s;}
.sub_ov_planning.active .planning_txt_box{opacity: 1;transform: translate(0); transition: 1s .5s;}
.sub_ov_wrap.active .sub_ov_top li:nth-child(1){opacity: 1;transform: translate(0); transition: 1s .6s;}
.sub_ov_wrap.active .sub_ov_top li:nth-child(2){opacity: 1;transform: translate(0); transition: 1s .8s;}
.sub_ov_wrap.active .sub_ov_top li:nth-child(3){opacity: 1;transform: translate(0); transition: 1s 1s;}
.sub_ov_planning.active li:nth-child(2){opacity: 1;transform: translate(0); transition: 1.4s .9s;}

/*  */
.structures_wrap {width: 1395px; margin: 180px auto 350px;font-size:20px; font-family: 'Noto Sans KR', sans-serif;text-align: center;}
/* .structures_wrap img{width: 100%; margin: auto;}
 */
.st01{width: 310px; height: 70px; line-height:120%; background: #000; color: #fff; ; margin: auto; border-radius:10px;  display: flex; justify-content: center; align-items: center; font-size:1.275rem; font-weight:500;	}
.st01 span { font-size:0.975rem; font-weight:400; margin-top:0.3rem; line-height:120%; }

.st01_line{width: 1px; height: 67px; background: #c7c7c7;margin: auto;display: block;}
.st02_line{width: 1130px; display: flex; justify-content:space-between;	margin: auto;position: relative;}
.st02_line::before{content:'';width: 100%; height: 1px; background: #c7c7c7; position: absolute;top: 0;left: 0;right: 0;margin: auto;}
.st02_line li{width: 1px; height: 67px;background: #c7c7c7;}	
.st02{width: 100%;display: flex; justify-content:space-between;	margin: auto; gap:1rem;}
/*.st02 li{text-align: center;	width: 100%; height: 130px;  color: #fff;border-radius:10px;position: relative;  display: flex; justify-content: center; align-items: center;}*/
.st02 li { text-align: center;	width: 100%; color: #000; position: relative; }
/*.st02 li::after{content:'';border:1px solid #fff; border-radius:10px; background: none; position: absolute;top: 0;left: 0;right: 0;bottom: 0;width:95%; height:90%; margin: auto;}
.st02 li:nth-child(1){background: url(../sub/st_bg01.jpg) center no-repeat; background-size:cover;  }*/
.st02 li p {line-height: 120%; font-size:1.275rem; font-weight:500; }
.st02 li h3 { font-size:0.975rem; font-weight:400; margin-top:0.3rem; line-height:120%; }

/*.st02 li:nth-child(2){background: url(../sub/st_bg02.jpg) center no-repeat; background-size:cover;}
.st02 li:nth-child(3){background: url(../sub/st_bg03.jpg) center no-repeat; background-size:cover;position: relative;}
.st02 li:nth-child(4){background: url(../sub/st_bg02.jpg) center no-repeat; background-size:cover;position: relative;}
.st02 li:nth-child(5){background: url(../sub/st_bg03.jpg) center no-repeat; background-size:cover;position: relative;}
*/

.dep_box { text-align: center;	width: 100%; height: 130px;  color: #fff; border-radius:10px;position: relative;  display: flex; justify-content: center; align-items: center; }
.dep_box::after{content:'';border:1px solid #fff; border-radius:10px; background: none; position: absolute;top: 0;left: 0;right: 0;bottom: 0;width:95%; height:90%; margin: auto;}

.st02 li>div { width: 100%; }
.dep_box.box01 { background: url(../sub/st_bg01.jpg) center no-repeat; background-size:cover; }
.dep_box.box02 { background: url(../sub/st_bg02.jpg) center no-repeat; background-size:cover; }
.dep_box.box03 { background: url(../sub/st_bg03.jpg) center no-repeat; background-size:cover; }
.dep_box.box04 { background: url(../sub/st_bg02.jpg) center no-repeat; background-size:cover; }
.dep_box.box05 { background: url(../sub/st_bg03.jpg) center no-repeat; background-size:cover; }

.st02_sp_wrap { position: relative; }
/*.st02 li:nth-child(3) p{line-height: 26px;padding-top: 22px;}*/

.st02_sp {text-align: center;	width: 100%; height: 80px; background: #fff;border:2px solid #000; color: #000;border-radius:10px; position: relative;right: 0; top: 0rem;  
display: flex; justify-content: center; align-items: center; z-index:-1; margin-top:4rem;}
.st02_sp::after{content:'';border:1px solid #626262; border-radius:10px; background: none; position: absolute;top: 0;left: 0;right: 0;bottom: 0; width:95%; height: 80%; margin: auto;}
.st02_sp::before{content:''; background:#c7c7c7 ; width: 1px; position: absolute; top:-4rem; left: 0;right: 0;margin: auto;height: 4rem;}

.st03_line{width: 1px; height: 67px; background: #c7c7c7;margin: auto;display: block;}

.st03_line2{width: 415px; display: flex; justify-content:space-between;	margin: auto;position: relative;}
.st03_line2::before{content:'';width: 100%; height: 1px; background: #c7c7c7; position: absolute;top: 0;left: 0;right: 0;margin: auto;}
.st03_line2 li{width: 1px; height: 67px;background: #c7c7c7;}	

.st03{width: 725px;display: flex; justify-content:space-between;	margin: auto;}
.st03 li{text-align: center;	width: 315px; height: 70px; line-height: 70px; background: #fff;border:2px solid #000; color: #000;border-radius:10px;position: relative;}
.st03 li::after{content:'';border:1px solid #626262; border-radius:10px; background: none; position: absolute;top: 0;left: 0;right: 0;bottom: 0;width:295px; height: 54px; margin: auto;}



/**/

.ci_wrap  {position: relative; width: 1100px;  font-family: 'Noto Sans KR', sans-serif; text-align: center;  margin:5rem auto;}
.ci_box { width:100%; height:30rem; background-color: #fafafa; background-image:  linear-gradient(rgba(0,0,0,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,0.05) 1px, transparent 1px);
 background-size: 10px 10px;  display: flex; justify-content: center;  align-items: center; border:1px solid #ddd;}

.ci_box img { width:40%;} 
.ci_wrap h3 { font-size:2.12rem; line-height:160%; margin-top:4rem; letter-spacing:-1px; font-weight:500; }
.ci_wrap h3 b { font-weight:700; }

.ci_btn { width:25%;  height:4rem; background:#ff5400; position: relative; left:0; right:0; margin:0 auto; margin-top:5rem; display: flex; justify-content: center;  align-items: center; transition: 0.5s; }
.ci_btn a { width:100%; color:#fff;}  
   
.ci_btn:hover { background:#000; transition: 0.5s; }
 
/**/

.exe_wrap  {position: relative; width: 1100px;  font-family: 'Noto Sans KR', sans-serif; text-align: center;  margin:5rem auto;}
.exe_box_wrap { display: flex; justify-content:space-between; align-items: flex-start; }
.exe_txt {margin-top:1rem; }
.exe_txt h1 { font-size:1.42rem; }
.exe_txt p { font-size:0.975rem; }

/*  */

.project_wrap{width: 1300px; display: flex; justify-content:space-between;gap:;flex-flow:row wrap; margin: auto; margin-top: 0px; }
.project_wrap1{}
.project_wrap2{display: none;}
.project_wrap li{width: 30%;}		
.project_wrap li:nth-child(n+4){margin-top: 90px;}
.project_con{width: 100%;height: 580px;position: relative; cursor:pointer; transition:.5s;box-sizing:border-box; border-collapse: collapse; border:1px solid #b0b0b0	;}
.project_con .planning_txt{display: none;}
.project_con_img{width: 100%; height: 300px; transition:.5s;position: relative;overflow: hidden;}

.project_con:hover{ box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); box-sizing:border-box; border-collapse: collapse;}
.project_con:hover .project_con_img::after{transform:scale(1.2)}
.project_con:hover .project_con_txt{ border:none; height: 430px;	}
.project_con:hover .project_con_txt::after{border:none;background:  url(../sub/project_thumb_bg.png) left bottom no-repeat; background-size:cover; height: 430px;	opacity: 1;transition: 1s .2s;}

.project_con_img::after{position: absolute;top: 0;left: 0;right: 0;margin: auto;width: 100%; height: 100%;transition:.5s}
.project_con_img.img01_01::after{background: url(../sub/project01_01.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_02::after{background: url(../sub/project01_02.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_03::after{background: url(../sub/project01_03.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_04::after{background: url(../sub/project01_04.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_05::after{background: url(../sub/project01_05.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_06::after{background: url(../sub/project01_06.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_07::after{background: url(../sub/project01_07.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_08::after{background: url(../sub/project01_08.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_09::after{background: url(../sub/project01_09.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_10::after{background: url(../sub/project01_10.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_11::after{background: url(../sub/project01_11.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_12::after{background: url(../sub/project01_12.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_13::after{background: url(../sub/project01_13.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_14::after{background: url(../sub/project01_14.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_15::after{background: url(../sub/project01_15.jpg) center no-repeat; background-size:cover;content:'';}


.project_con_txt{width: 100%; height: 280px; padding: 43px 0 0 38px; position: absolute;bottom: 0;left: 0;right: 0;margin: auto; background: #fff;color: #000; text-align: left; border-top: none;box-sizing:border-box;border-collapse: collapse;transition:.5s;}
.project_con_txt::after{ width: 100%;content:''; background: url(../sub/project_thumb_bg.png) left bottom no-repeat; background-size:100%; height: 430px; transition:.3s; opacity: 0; position: absolute;right: 0;bottom: 0;z-index: 1;}
.project_con_txt h2{font-size:22px;line-height: 100%;margin-bottom: 20px;}
.project_con_txt h4{color: #6d6d6d; font-size:14px;line-height: 22px;margin-bottom: 35px;} 
.project_con_txt span{color: #989898; font-size:14px;font-family:'Carisma Gothic'; font-weight: 400; margin-bottom: 5px; position: relative;display: inline-block;	}
.project_con_txt p{color: #ff5400; font-size:11px; position: relative;display: inline-block;	}
.project_con_txt p a{width: 100%; height: 100%; display: block;}
.project_con_txt p::after{content:'';width: 100%; height: 1px; background:#ff5400; position: absolute;bottom: -2px;left: 0;	}

.project_num_bt_wrap{margin: 30px auto 0; width: 80px;height: 36px;position: relative;}
.project_bt_left{position: absolute; top: 0;bottom: 0;left: -30px; height: 15px;margin: auto;}
.project_bt_right{position: absolute; top: 0;bottom: 0;right: -30px;height: 15px;margin: auto;}

.project_num_bt{width: 100%;display: flex; justify-content:space-between;gap:}
.project_num_bt li{width: 36px; height: 36px; border-radius:50px;line-height: 36px; text-align: center;}
.project_num_bt li.project_num_bt_selected{background: #000; color: #fff;}

.project_active_wrap{position: fixed; z-index: 9999999999999;top: 0;left: 0;right: 0;margin: auto; width: 100%; height: 100vh; background: rgba(0,0,0,.8); opacity: 0; display: none;	}

.project_active_wrap.active{display: block; opacity: 1;transition:.5s; width: 100%;}

.project_active_close{position: fixed; top: 50px;  right: calc( 50% - 650px);}
.project_active_close_pc{display: block;}
.project_active_close_m{display: none;  right: calc( 50% - 400px);}
.project_active_con{width: 1300px; height: 704px; position: absolute;top: 0;left: 0;right: 0; bottom: 0;margin: auto; background: #fff url(../sub/project_thumb_bg.png) right bottom no-repeat; ; display: flex;transform:translateY(100vh);opacity: 0; transition:1s;}
.project_active_con_img{width: 421px; height: 550px; margin: 78px 0 0 95px; transition:.5s; }

.project_active_con_img.img01_01{background: url(../sub/project01_01_active.jpg) center no-repeat;}

.project_active_con_txt{margin-left: 90px; }
.project_active_con_txt h4{margin-top: 95px; font-size:30px}

.project_active_con_txt .planning_wrap{display: flex; justify-content: space-between;width: 1540px; height: ;}
.project_active_con_txt .planning_img{width: 840px; height: 630px; background: url(../img/planning_img.jpg)center no-repeat; background-size: cover; position: relative; transform: translateX(-0px); opacity: 1; transition: .2s;}
.project_active_con_txt .planning_img::after{content: ''; width: 0; height: 16px; background: #000; position: absolute;top: 72px;right:-35px ;}

.project_active_con_txt .planning_txt_wrap { width: 130%; height: 400px;  text-align: left; }
.project_active_con_txt .planning_txt_box { width: 100%; margin-top: 45px; transform: translateX(0px); opacity: 1; transition: .2s;}
.project_active_con_txt .planning_txt_box ul { box-sizing: border-box; }
.project_active_con_txt .planning_txt_box ul li { height: 40px; line-height: 40px; box-sizing: border-box; padding-left: 0; color: #000; }
.project_active_con_txt .planning_tit { width: 70px; float: left; }
.project_active_con_txt .planning_tit li {  }
.project_active_con_txt .planning_txt { width: 70%; float: left;  }
.project_active_con_txt .planning_txt li {  font-size: 14px; color: #9f9f9f !important; position: relative; display: flex; align-items:center;}
.project_active_con_txt .planning_txt li::before{width: 1px; height: 15px; display: inline-block; background: #6d6d6d; content:'';margin-right: 5%;	}

.project_active_wrap.active .project_active_con{transform:translate(0); opacity: 1;transition:1s;}


.project_active_wrap .sub_scroll_box { width: 51px; height: 135px; position: absolute; right: 30px; bottom: 0; top: 0; margin: auto; text-align: center; z-index: 9; transform: translateY(20px); animation: sub_scroll 0.8s 1.0s both; display: none;}
.project_active_wrap .sub_scroll { width: 13px; height: 83px; margin: auto; margin-top: 12px; position: relative; overflow: hidden; }
.project_active_wrap .sub_scroll span { position: absolute; left: 0; right: 0; margin: auto; top: -100%; width: 1px; height: 100%; background-color: #000; }
.project_active_wrap .sub_scroll:after { position: absolute; content:''; width: 8px; height: 8px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(45deg); left: 0; bottom: 2px; right: 0; margin: auto; }
.project_active_wrap .scroll_circle { content:''; position: absolute; left: 0; right: 0; bottom: -22px; margin: auto; width: 50px; height: 50px; z-index: -1; }
.project_active_wrap .sub_scroll_box .scroll_circle span { content:''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; background-color: #000; width: 100%; height: 100%; border-radius: 100%; opacity: 0.2; }




.project_allwrap { padding-top: 80px; position: relative; }
.project_bt_wrap { width: 100%; position: absolute; right: 0; left: 0; margin: auto; top: 0; max-width: 1300px; display: flex;justify-content: flex-end; align-items: flex-end; }
.project_bt_wrap>div { position: relative; margin-left: 20px; }

/*.project_all_bt { width: 70px; height: 35px; line-height: 35px; background-color: #fff; border: 1px solid #555; color: #555 !important; text-align: center; margin-right: 10px; }*/
.project_all_bt { width: 42px; height: 42px; line-height: 42px; background-color: #fff; border: 1px solid #777; color: #333 !important; text-align: center; margin-right: 0px; font-size: 16px; border-radius: 100%; }
.project_all_bt:hover { background-color: #ff5400; color: #fff !important; border: 1px solid #ff5400; }
.project_all_bt.active { background-color: #ff5400; color: #fff !important; border: 1px solid #ff5400; }

.project_bt_wrap>div select { padding-right: 40px; padding-left: 5px; border: none; background: none; outline: none; -webkit-appearance:none; -moz-appearance:none; appearance: none; border-bottom: 1px solid #ccc; 
height: 45px; font-size: 16px; position: relative; }

.project_bt_wrap>div.active select { border-bottom: 1px solid #ff5400; color: #ff5400; }
.project_bt_wrap>div.active select option { color: #333; }
.project_bt_wrap>div.active .select_arrow { border-right: 1px solid #ff5400; border-bottom: 1px solid #ff5400; }

.project_bt_wrap .sc_box input { border-bottom: 1px solid #ccc; }

/**/


.select_arrow { width: 10px; height: 10px; position: absolute; right: 15px; top: 0; bottom: 0; margin: auto; border-right: 1px solid #999; border-bottom: 1px solid #999; transform: rotate(45deg) translateY(-6px); z-index: -1; }


/*  */


.contact_map_wrap{width: 1100px; margin:145px auto 65px; }
.contact_txt{text-align: left;color: #000;width: 1100px;margin:0 auto 250px;}
.contact_txt li{display: flex;justify-content: left; align-items:center; width: 100%; margin-bottom: 30px;	}
.contact_txt li h2{width: 90px; height: 90px; background: #000; line-height: 90px;text-align: center; color: #fff;	margin-right: 40px; font-size:13px;}
.contact_txt li h4{font-size:20px;margin-right: 25px;	}
.contact_txt li h5{font-size:20px;display: flex;align-items:center;}
.contact_txt li h5::before{content:'';width: 1px;height: 25px; background: #7f7f7f;display: inline-block;margin-right: 25px;}



.contact_bt_box { width: 100%; max-width: 650px; height: auto; margin: auto; margin-top: 70px; display: flex; justify-content: space-between; }
.contact_bt { width: 100%; height: 55px; line-height: 53px; text-align: center; margin-top: 0px; background: none; padding: 0; font-size: 18px; }
.contact_bt a { width: 100%; height: 100%; display: block; padding: 0; }
/*.contact_bt.bt01 { background-color: #2db400; color: #fff; margin-right: 10px; }
.contact_bt.bt02 { background-color: #fae100; color: #371d1e; font-weight: 500; }*/
.contact_bt.bt01 { background-color: #fff; color: #8c6f4f; border: 1px solid #8c6f4f; margin-right: 10px; }
.contact_bt.bt01 span { background: url(../sub/naver.png) left center no-repeat; padding-left: 25px; }
.contact_bt.bt02 { background-color: #8c6f4f; color: #fff; font-weight: 500; }
.contact_bt.bt02 span { background: url(../sub/kakao.png) left center no-repeat; padding-left: 24px; }


/**/


.recruit_wrap { width: 100%; max-width: 1100px; margin: auto; margin-top: 100px; margin-bottom: 160px; overflow: hidden; position: relative; }
.sc_box { position: absolute; right: 0; top: 0; height: 45px; display: flex; }
.sc_box button { background: none; outline: none; border: none; margin-left: 10px; }
.sc_box button img { width: 35px; }
.sc_box input { width: 160px; font-family: 'Noto Sans KR', sans-serif; border: none; background: none; outline: none; font-size: 16px; border-bottom: 1px solid #ccc; padding-left: 5px; }

.recruit_box { width: 100%; clear: both; margin-top: 75px; font-family: 'Noto Sans KR', sans-serif; border-top: 2px solid #ff5400; }
.recruit_content { display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid #ddd;  align-items:center; }
.recruit_content>div { box-sizing: border-box; padding: 4.5% 3.5%; }
.recruit_content .date { width: 12%; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 500; color: #333; background-color: #f8f8f8; padding: 0; }
.recruit_content .txt { width: 88%; position: relative; text-align:left; }

/*.recruit_content .txt a { display: flex; justify-content: center; align-items:center;  }*/

.recruit_content .txt h3 { font-size: 20px; line-height: 100%; font-weight: 500; color: #333; margin-bottom: 10px; }
/*.recruit_content .txt p { font-size: 14px; line-height: 24px; margin-top: 15px; color: #888; font-weight: 300; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }*/
.recruit_content .txt p { float: left; font-size: 16px; line-height: 100%; color: #888; }
.recruit_content .txt h6 { float: left; font-size: 16px; line-height: 100%; color: #888; margin-left: 10px; padding-left: 10px; position: relative; }
.recruit_content .txt h6:before { content:''; width: 1px; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-color: #aaa; transform: translateY(1px); }

.recruit_status { width: 75px; height: 35px; font-size: 15px; line-height: 34px; background-color: #fff; background-color: #999; color: #fff; text-align: center; position: absolute; right: 3.5%; top: 0; bottom: 0; margin: auto; }
.recruit_status.active { background-color: #ff5400; }

.recruit_board { width: 100%; position: relative; font-family: 'Noto Sans KR', sans-serif; }

.recruit_board_tit_box { overflow: hidden; border-top: 2px solid #ff5400; }
.recruit_board_tit_box>div { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; }
.recruit_board_tit_box>div h2 { width: 9%; text-align: center; background-color: #f8f8f8; font-size: 14px; height: 55px; line-height: 55px; }
.recruit_board_tit_box>div h3 { width: 91%; font-size: 18px; line-height: 120%; font-weight: 500; color: #333; padding-left: 2.5%; }
.recruit_board_date h3 { font-size: 14px !important; font-weight: 400 !important; color: #555 !important; letter-spacing: 0; }

.recruit_board_content { padding-top: 40px; padding-bottom: 60px; border-bottom: 1px solid #ddd; font-size: 14px; line-height: 24px; color: #555; position: relative; padding-left: 2.5%; }
.recruit_file { margin-top: 40px; color: #999; }
.recruit_file h5 { color: #ff5400; font-weight: 500; display: none; }
.recruit_file a { display: inline-block; margin-top: 5px; padding: 10px 20px; color: #555; background-color: #fff; border: 1px solid #ff5400; }
.recruit_file a:hover { color: #fff; background-color: #ff5400; }

/*.recruit_board_date { font-size: 13px; line-height: 100%; color: #999; letter-spacing: 0; float: right; margin-top: 10px; }*/

.recruit_back { width: 120px; height: 45px; line-height: 45px; margin: auto; margin-top: 60px; text-align: center; background-color: #999; color: #fff; text-transform: uppercase; letter-spacing: 0.5px; }
.recruit_back a { width: 100%; height: 100%; display: block; }

/**/

.pr_wrap { width: 100%; max-width: 1100px; margin: auto; margin-top: 100px; margin-bottom: 160px; overflow: hidden; position: relative; }

.pr_box { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }


.pr_content { width: 32%; position: relative; overflow: hidden; margin-bottom: 5%; }

.pr_content img { width: 100%; transition: 0.8s; }
.pr_content h5 { width: 100%; padding: 3.5% 0; background-color: rgba(0,0,0,0.65); color: #fff; text-align: center; position: absolute; left: 0; bottom: 0; font-weight: 300; font-size: 16px; }

.pr_content:hover img { transform: scale(1.1); }



.pr_board { width: 100%; position: relative; font-family: 'Noto Sans KR', sans-serif; margin-top: 50px;  }

.pr_board_tit_box { overflow: hidden; border-top: 2px solid #ff5400; }
.pr_board_tit_box>div { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; }
.pr_board_tit_box>div h2 { width: 9%; text-align: center; background-color: #f8f8f8; font-size: 14px; height: 55px; line-height: 55px; }
.pr_board_tit_box>div h3 { width: 91%; font-size: 18px; line-height: 120%; font-weight: 500; color: #333; padding-left: 2.5%; }
.pr_board_date h3 { font-size: 14px !important; font-weight: 400 !important; color: #555 !important; letter-spacing: 0; }

.pr_board_content { padding-top: 40px; padding-bottom: 60px; border-bottom: 1px solid #ddd; font-size: 14px; line-height: 24px; color: #555; position: relative; text-align: center; }
.pr_board_content p { padding-top: 20px; }

.pr_back { width: 120px; height: 45px; line-height: 45px; margin: auto; margin-top: 60px; text-align: center; background-color: #999; color: #fff; text-transform: uppercase; letter-spacing: 0.5px; }
.pr_back a { width: 100%; height: 100%; display: block; }


/**/

.awards_wrap { width: 100%; max-width: 1100px; margin: auto; margin-top: 100px; margin-bottom: 160px; overflow: hidden; position: relative; }

.awards_box { width: 100%; clear: both; margin-top: 75px; font-family: 'Noto Sans KR', sans-serif; border-top: 1px solid #ddd; }
.awards_content { display: flex; justify-content: space-between; flex-wrap: wrap; border-bottom: 1px solid #ddd; }
.awards_content>div { box-sizing: border-box; display: flex; justify-content: center; align-items: center; }
.awards_content .awards_img { width: 48%; padding: 2%; }
.awards_content .awards_img img { width: 100%; height: auto; display: block; }
.awards_content .awards_txt { width: 52%; position: relative; color: #333; justify-content: flex-start; padding-left: 2.5%; text-align:left;}
.awards_content .awards_txt h5 { font-size: 14px; line-height: 100%; letter-spacing: 0; }
.awards_content .awards_txt h2 { font-size: 24px; line-height: 100%; font-weight: 500; margin-top: 10px; }
.awards_content .awards_txt ul { margin-top: 25px; }
.awards_content .awards_txt ul li { font-size: 14px; line-height: 24px; }

/**/

.qna_wrap { width: 100%; max-width: 1100px; margin: auto; margin-top: 100px; margin-bottom: 160px; overflow: hidden; position: relative; }

.qna_box { position: relative; width: 100%; clear: both; margin-top: 75px; font-family: 'Noto Sans KR', sans-serif; border-top: 2px solid #ff5400; }
.qna_box ul { display: flex; justify-content: space-between; border-bottom: 1px solid #ddd; }
.qna_box ul li { line-height: 45px; text-align: center; font-size: 16px; box-sizing: border-box; }
.qna_box ul li:nth-child(1) { width: 6%; }
.qna_box ul li:nth-child(2) { width: 73%; }
.qna_box ul li:nth-child(3) { width: 10%; }
.qna_box ul li:nth-child(4) { width: 11%; }
/*.qna_box ul li a { width: 100%; height: 100%; display: block; }*/

.qna_tit { width: 100%; background-color: #f8f8f8; color: #000; }

.qna_content { width: 100%; color: #444; }
.qna_content ul li { font-size: 15px; }
.qna_content ul li:nth-child(2) { text-align: left; background: url(../sub/lock.png) top 16px left no-repeat; background-size: 12px; }
.qna_content ul li:nth-child(2) a { line-height: 45px; padding-left: 22px; }

.qna_write_bt { width: 70px; height: 38px; line-height: 36px; font-size: 14px; margin-top: 12px; background-color: #000; color: #fff; font-weight: 300; text-align: center; float: right; }
.qna_write_bt a { width: 100%; height: 100%; display: block; }

.qna_board { width: 100%; position: relative; font-family: 'Noto Sans KR', sans-serif; }

.qna_board_tit_box { overflow: hidden; border-top: 2px solid #ff5400; }
.qna_board_tit_box>div { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; }
.qna_board_tit_box>div h2 { width: 9%; text-align: center; background-color: #f8f8f8; font-size: 14px; height: 55px; line-height: 55px; }
.qna_board_tit_box>div h3 { width: 91%; font-size: 18px; line-height: 120%; font-weight: 500; color: #333; padding-left: 2.5%; }
.qna_board_date { justify-content: flex-start !important; }
.qna_board_date h2 { width: 8.775% !important; }
.qna_board_date h3 { font-size: 14px !important; font-weight: 400 !important; color: #555 !important; letter-spacing: 0; width: 15% !important; }

.qna_board_content { padding-top: 40px; padding-bottom: 60px; border-bottom: 1px solid #ddd; font-size: 14px; line-height: 24px; color: #555; position: relative; padding-left: 2.5%; }

.qna_answer { width: 100%; position: relative; margin-top: 40px; padding-top: 40px; }
.qna_answer:before { content:''; width: 50%; height: 1px; border-top: 1px dashed #ccc; position: absolute; left: 0; top: 0; }

.qna_back { width: 120px; height: 45px; line-height: 45px; margin: auto; margin-top: 60px; text-align: center; background-color: #999; color: #fff; text-transform: uppercase; letter-spacing: 0.5px; }
.qna_back a { width: 100%; height: 100%; display: block; }


.qna_form { width: 100%; position: relative; font-family: 'Noto Sans KR', sans-serif; overflow: hidden; }
.qna_form h5 { font-size: 12px; float: right; line-height: 100%; position: relative; margin-bottom: 12px; }
.qna_form h5:before { content:'*'; position: absolute; left: -10px; top: 1px; line-height: 100%; font-size: 14px; color: #ff4200; }

.qna_form ul { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; border-top: 1px solid #ddd; }
.qna_form ul li { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; font-size: 16px; text-align: left; box-sizing: border-box; padding: 15px 20px; border-bottom: 1px solid #ddd; }
.qna_form ul li span { position: relative; }
.qna_form ul li span:after { content:'*'; position: absolute; right: -14px; top: 6px; line-height: 100%; font-size: 16px; color: #ff4200; }
.qna_form ul li:nth-child(2n-1) { width: 15%; }
.qna_form ul li:nth-child(2n) { width: 85%; }
.qna_form ul li input { font-size: 14px; font-family: 'Noto Sans KR', sans-serif; height: 33px; line-height: 31px; border: 1px solid #dfdfdf; background-color: #f3f3f3; color: #333; padding-left: 10px; text-align: left; box-sizing: border-box; }
.qna_form ul li textarea { font-size: 14px; font-family: 'Noto Sans KR', sans-serif; line-height: 22px; border: 1px solid #dfdfdf; background-color: #f3f3f3; color: #333; padding: 10px; height: 300px;
text-align: left; box-sizing: border-box; outline: none; resize: none; }
.qna_form ul li h6 { width: 100%; font-size: 12px; line-height: 100%; margin-top: 12px; color: #555; }

#qna_tit { width: 100%; }
#qna_txt { width: 100%; }
#qna_name { width: 230px; }
#qna_password { width: 230px; }


.qna_write_bt_box { display: flex; justify-content: center; align-items: center; margin-top: 60px; }
.qna_cancle { width: 120px; height: 45px; line-height: 45px; margin: 0 5px; text-align: center; background: none; border: 1px solid #333; color: #333; text-transform: uppercase; letter-spacing: 0.5px; }
.qna_cancle a { width: 100%; height: 100%; display: block; }
.qna_register { width: 120px; height: 45px; line-height: 45px; margin: 0 5px; text-align: center; border: 1px solid #ff5400; background-color: #ff5400; color: #fff; text-transform: uppercase; letter-spacing: 0.5px; }
.qna_register a { width: 100%; height: 100%; display: block; }

/**/

.news_wrap { width: 100%; max-width: 1100px; margin: auto; margin-top: 100px; margin-bottom: 160px; overflow: hidden; position: relative; }

.news_box { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }

.news_content { width: 31.8%; height: 300px; border: 1px solid #ccc; }
.news_content:nth-child(n+4) { margin-top: 2%; }

.news_content a { width: 100%; height: 100%; display: block; padding: 35px 30px; box-sizing: border-box; }

.news_content h5 { font-size: 14px; line-height: 100%; color: #8c6f4f; font-weight: 500; }
.news_content h2 { font-size: 18px; line-height: 22px; margin-top: 5px; }
.news_content p { font-size: 16px; line-height: 22px; margin-top: 15px; height: 65px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #999; font-weight: 300; }
.news_content h6 { font-size: 12px; line-height: 100%; margin-top: 38px; color: #ff4200; }

.news_content:hover { background-color: #f8f8f8; } 

/**/

.sub_page_bt_wrap { width: 100%; margin: auto; display: flex; justify-content: center; align-items: center; margin-top: 50px; }

.sub_page_bt_wrap>div { height: 35px; position: relative; }

.sub_page_bt_wrap ul { height: 100%; display: flex; justify-content: center; align-items: center; }
.sub_page_bt_wrap ul li { width: 35px; height: 100%; font-size: 16px; line-height: 35px; border-radius: 100%; text-align: center; background: none; color: #111; margin: 0 2px; }
.sub_page_bt_wrap ul li a { width: 100%; height: 100%; display: block; border-radius: 100%; }
.sub_page_bt_wrap ul li.active { background-color: #000; color: #fff; }

.sub_page_bt_prev { width: 12px; height: 12px; transform: rotate(45deg); position: absolute; left: -27px; top: 0; bottom: 0; margin: auto; cursor: pointer; border-left: 1px solid #999; border-bottom: 1px solid #999; }
.sub_page_bt_next { width: 12px; height: 12px; transform: rotate(-135deg); position: absolute; right: -27px; top: 0; bottom: 0; margin: auto; cursor: pointer; border-left: 1px solid #999; border-bottom: 1px solid #999; }

/**/
.mo {display: none!important;}

ul.tabs2.complex_tab { font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    font-size:14px;
	height:60px !important;
}
ul.tabs2.complex_tab>li{
    height: 60px !important;
    line-height: 60px;
}


ul.tabs2 { font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    font-size:14px;
	height:40px;
}


ul.tabs2 li { margin-bottom:-1px; color:#232222; margin-left:5px;
    float: left;
    text-align:center;
    cursor: pointer;
    height: 45px;
    line-height: 45px;
    border: 1px solid #e9eaec;
    font-weight: 400;
    background: #e9eaec;
    overflow: hidden;
    position: relative;
	
}


 ul.tabs2 li.selected, ul.tabs li.selected:hover
{
    position: relative;
    top: 0px;
	color:#fff; background: #000; border: 1px solid #192642;  }
	
ul.tabs2 li.selected a, ul.tabs li.selected a:hover { color:#fff;}
        
ul.tabs2 li a { padding:10px 180px; color:#707070;}
        
ul.tabs2 li.selected a:hover
{
    text-decoration: none;
}

ul.tabs2 li.active { color:#fff; background: #192642; border:1px solid #192642; }


.tab_container2 {
    border: none;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;max-width:900px;
}
.tab_content2 { position: absolute;
    margin:40px 0px 0px 0px; padding-right:60px;
    font-size: 1em;
    display: none;
}
.tab_container2 .tab_content2 ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container2 .tab_content2 ul li {
    padding:5px;
    list-style:none;
}
 #container2 {
    width: 1100px;
    margin: 0 auto;
}

/**/


ul.tabs3 { font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    font-size:14px;
	height:40px;
}


ul.tabs3 li { margin-bottom:-1px; color:#232222; margin-left:10px;
    float: left;
    text-align:center;
    cursor: pointer;
    width:16.5%;
    height: 45px;
    line-height: 45px;
    border: 1px solid #ccc;
    font-weight: 400;
    background: #fff;
    overflow: hidden;
    position: relative;
	
}


ul.tabs3 li.selected, ul.tabs li.selected:hover
{
    position: relative;
    top: 0px;
	color:#fff; background: #ccc;  }
	
ul.tabs3 li.selected a, ul.tabs li.selected a:hover { color:#fff;}
        

ul.tabs3 li a { padding:10px 180px; color:#444;}
        
ul.tabs3 li.selected a:hover
{
    text-decoration: none;
}

ul.tabs3 li.active { color:#fff; background: #ad987c; border:1px solid #ad987c; }


.tab_container2 {
    border: none;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;max-width:900px;
}
.tab_content2 { position: absolute;
    margin:40px 0px 0px 0px; padding-right:60px;
    font-size: 1em;
    display: none;
}
.tab_container2 .tab_content2 ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container2 .tab_content2 ul li {
    padding:5px;
    list-style:none;
}
 #container2 {
    width: 1100px;
    margin: 0 auto;
}


@media screen and (-webkit-min-device-pixel-ratio:0){
}


@media all and (max-width: 1360px) { 
	
#sub_page{padding:0 7%;}

.sub_top { width: 100%; height: 450px; position: relative; overflow: hidden; margin-top: 0px; z-index: 98; background-color: #000; }

.sub_top_img { width: 100%; position: absolute; left: 0; right: 0; top: 0; margin: auto; opacity: 1; z-index: 1; animation: sub_top_img 3s 0s both; }
.sub_top_bg { width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 2; }

.sub_top_txt { width: 100%; height: 80px; position: absolute; left: 0; right: 0; top: 47%; margin: auto; z-index: 9; color: #111; text-align: center; animation: sub_top_txt 0.8s 0.2s both; }
.sub_top_txt h1 { font-family: 'Carisma Gothic'; font-size: 44px; line-height: 100%; text-transform: uppercase; font-weight: 700; letter-spacing: 0; display: inline-block; position: relative; }

.sub_top_txt h5 { font-size: 18px; line-height: 100%; margin-top: 5px; font-weight: 300; letter-spacing: -0.5px; }


/**/


.ov_tit{font-size: 30px; line-height: 45px;padding-top: 180px;margin-bottom: 60px;}
.sub_ov_wrap{width: 100%;padding: 30px 0 0;}
.sub_ov_top{width: 100%; height: auto;}
.sub_ov_top li{width: 48%;}

.sub_ov_top li:nth-child(1){ height: 720px; width:100%;}

/*.sub_ov_top li:nth-child(2){height: 720px;}*/


.sub_ov_top li:nth-child(2){width: 100%; opacity: 0;transform: translateX(50px);}
.sub_ov_top li:nth-child(2) p{font-size:14px;padding: 80px 0 80px 0px ;line-height: 35px;text-align: center;}
.sub_ov_top li:nth-child(2) img{padding-left:0px ; text-align: center;margin: auto;display: block;	}

.sub_ov_planning{width: 100%;display: flex; justify-content:space-between;gap:60px; height: 1000px;flex-flow:row wrap;margin-top: 105px;position: relative; margin-bottom: 250px; overflow: hidden;}
.sub_ov_planning li{width: 640px;margin:0 auto;}

.sub_ov_planning>li:nth-child(2){width: 100%; height: 508px;position: absolute;top: calc(100% - 508px);right: 0; left: 0; margin: auto; opacity: 0; }
.sub_ov_planning>li:nth-child(2)::after{content:''; background: url(../img/planning_img.jpg) center no-repeat; background-size:cover;width: 100%; height: 100%; position: absolute;transition:.7s}
.sub_ov_planning>li:nth-child(2):hover::after{transform:scale(1.3);}

.sub_ov_planning .planning_txt_wrap{width: 100%;height: 508px;}
.sub_ov_planning .planning_txt_box{margin-top: 45px;}
.sub_ov_planning .planning_txt{float: left;	}
/*  */
.structures_wrap{width: 90%; margin: 180px auto 350px;}
.structures_wrap img{width: 100%; margin: auto;}
.structures_wrap{font-size:17px; font-family: 'Noto Sans KR', sans-serif;text-align: center;}
/* .structures_wrap img{width: 100%; margin: auto;}
 */
.st01{width: 28%; height: 70px; background: #000; color: #fff; ; margin: auto; border-radius:10px;	}
.st01_line{width: 1px; height: 67px; background: #c7c7c7;margin: auto;display: block;}
.st02_line{width: 81%; display: flex; justify-content:space-between;	margin: auto;position: relative;}
.st02_line::before{content:'';width: 100%; height: 1px; background: #c7c7c7; position: absolute;top: 0;left: 0;right: 0;margin: auto;}
.st02_line li{width: 1px; height: 67px;background: #c7c7c7;}	
.st02{width: 100%;display: flex; justify-content:space-between;	margin: auto;}
/*.st02 li{text-align: center;	width: 28%; height: 98px; line-height: 98px; color: #fff;border-radius:10px;position: relative;}
.st02 li::after{content:'';border:1px solid #fff; border-radius:10px; background: none; position: absolute;top: 0;left: 0;right: 0;bottom: 0;width:95%; height: 85%; margin: auto;}
.st02 li:nth-child(1){background: url(../sub/st_bg01.jpg) center no-repeat; background-size:cover;  }
.st02 li:nth-child(1) p{line-height: 26px;padding-top: 22px;}
.st02 li:nth-child(2){background: url(../sub/st_bg02.jpg) center no-repeat; background-size:cover;}
.st02 li:nth-child(3){background: url(../sub/st_bg03.jpg) center no-repeat; background-size:cover;position: relative;}
.st02 li:nth-child(3) p{line-height: 26px;padding-top: 22px;}

.st02_sp{text-align: center;	width: 92%; height: 70px; line-height: 70px; background: #fff;border:2px solid #000; color: #000;border-radius:10px; position: absolute;right: 0;top: 350px;}
.st02_sp::after{content:'';border:1px solid #626262; border-radius:10px; background: none; position: absolute;top: 0;left: 0;right: 0;bottom: 0;width:95%; height: 54px; margin: auto;}
.st02_sp::before{content:''; background:#c7c7c7 ; width: 1px; position: absolute;top:-254px; left: 0;right: 0;margin: auto;height: 252px;}
*/
.st03_line{width: 1px; height: 67px; background: #c7c7c7;margin: auto;display: block;}

.st03_line2{width: 40%; display: flex; justify-content:space-between;	margin: auto;position: relative;}
.st03_line2::before{content:'';width: 100%; height: 1px; background: #c7c7c7; position: absolute;top: 0;left: 0;right: 0;margin: auto;}
.st03_line2 li{width: 1px; height: 67px;background: #c7c7c7;}	

.st03{width: 65%;display: flex; justify-content:space-between;	margin: auto;}
.st03 li{text-align: center;	width: 38%; height: 70px; line-height: 70px; background: #fff;border:2px solid #000; color: #000;border-radius:10px;position: relative;}
.st03 li::after{content:'';border:1px solid #626262; border-radius:10px; background: none; position: absolute;top: 0;left: 0;right: 0;bottom: 0;width:95%; height: 54px; margin: auto;}


/**/

.ci_wrap  { width:100%;  }
.ci_box { width:100%; height:20rem; }

.ci_box img { width:40%;} 
.ci_btn {  width:40%; }


/*  */
.project_wrap{width: 100%; display: flex; justify-content:space-between;gap:;flex-flow:row wrap;}
.project_wrap li{width: 48%;}		
.project_wrap li:nth-child(n+3){margin-top: 50px;}
.project_con{width: 100%;height: 580px;position: relative; cursor:pointer; transition:.5s;box-sizing:border-box; border-collapse: collapse;}
.project_con_img{width: 100%; height: 300px; transition:.5s;position: relative;overflow: hidden;}

.project_con:hover{ box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); border:1px solid #b0b0b0;box-sizing:border-box; border-collapse: collapse;}
.project_con:hover .project_con_img::after{transform:scale(1.2)}
.project_con:hover .project_con_txt{border:none;height: 430px;	}
.project_con:hover .project_con_txt::after{border:none;background: # url(../sub/project_thumb_bg.png) left bottom no-repeat; background-size:cover; height: 430px;	opacity: 1;transition: 1s .2s;}

.project_con_img::after{position: absolute;top: 0;left: 0;right: 0;margin: auto;width: 100%; height: 100%;transition:.5s}
.project_con_img.img01_01::after{background: url(../sub/project01_01.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_02::after{background: url(../sub/project01_02.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_03::after{background: url(../sub/project01_03.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_04::after{background: url(../sub/project01_04.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_05::after{background: url(../sub/project01_05.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_06::after{background: url(../sub/project01_06.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_07::after{background: url(../sub/project01_07.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_08::after{background: url(../sub/project01_08.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_09::after{background: url(../sub/project01_09.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_10::after{background: url(../sub/project01_10.jpg) center no-repeat; background-size:cover;content:'';}

.project_con_txt{width: 100%; height: 280px; padding: 43px 0 0 38px; position: absolute;bottom: 0;left: 0;right: 0;margin: auto; background: #fff;color: #000; text-align: left; border-top: none;box-sizing:border-box;border-collapse: collapse;transition:.5s;}
.project_con_txt::after{ width: 100%;content:''; background: url(../sub/project_thumb_bg.png) left bottom no-repeat; background-size:100%; height: 430px; transition:.3s; opacity: 0; position: absolute;right: 0;bottom: 0;z-index: 1;}
.project_con_txt h2{font-size:22px;line-height: 100%;margin-bottom: 20px;}
.project_con_txt h4{color: #6d6d6d; font-size:14px;line-height: 22px;margin-bottom: 35px;} 
.project_con_txt span{color: #989898; font-size:14px;font-family:'Carisma Gothic'; font-weight: 400; margin-bottom: 5px; position: relative;display: inline-block;	}
.project_con_txt p{color: #ff5400; font-size:11px; position: relative;display: inline-block;	}
.project_con_txt p a{width: 100%; height: 100%; display: block;}
.project_con_txt p::after{content:'';width: 100%; height: 1px; background:#ff5400; position: absolute;bottom: -2px;left: 0;	}


.project_num_bt_wrap{margin: 30px auto 160px; width: 160px;height: 36px;position: relative;}
.project_bt_left{position: absolute; top: 0;bottom: 0;left: -30px; height: 15px;margin: auto;}
.project_bt_right{position: absolute; top: 0;bottom: 0;right: -30px;height: 15px;margin: auto;}

.project_num_bt{width: 100%;display: flex; justify-content:space-between;gap:}
.project_num_bt li{width: 36px; height: 36px; border-radius:50px;line-height: 36px; text-align: center;}
.project_num_bt li.selected{background: #000; color: #fff;}


.project_active_wrap{	}
.project_wrap1{}
.project_wrap2{display: none;}
.project_active_wrap.active{display: block; opacity: 1;transition:.5s; width: 100%;}


.project_active_close{position: fixed; top: 70px;  right: calc( 50% - 350px);}
.project_active_close_pc{display: none;}
.project_active_close_m{display: block;}
.project_active_con{width: 600px; height: 704px; position: absolute;top: 0;left: 0;right: 0; bottom: 0;margin: auto; background: #fff url(../sub/project_thumb_bg.png) right bottom no-repeat; ; display: flex; flex-flow:row wrap; overflow: scroll; transform:translateY(100vh);opacity: 0; transition:1s;}
.project_active_con_img{width: 77%; height: 550px; margin: 60px auto 0; transition:.5s; }

.project_active_con_img.img01_01{background: url(../sub/project01_01_active.jpg) center no-repeat;}

.project_active_con_txt{margin-left: 70px; }
.project_active_con_txt h4{margin-top: 65px; font-size:30px}

.project_active_con_txt .planning_wrap{display: flex; justify-content: space-between;width: 1540px; height: ;}
.project_active_con_txt .planning_img{width: 840px; height: 630px; background: url(../img/planning_img.jpg)center no-repeat; background-size: cover; position: relative; transform: translateX(-0px); opacity: 1; transition: .2s;}
.project_active_con_txt .planning_img::after{content: ''; width: 0; height: 16px; background: #000; position: absolute;top: 72px;right:-35px ;}

.project_active_con_txt .planning_txt_wrap { width: 130%; height: 400px; margin-bottom: 100px; text-align: left; }
.project_active_con_txt .planning_txt_box { width: 100%; margin-top: 45px; transform: translateX(0px); opacity: 1; transition: .2s;}
.project_active_con_txt .planning_txt_box ul { box-sizing: border-box; }
.project_active_con_txt .planning_txt_box ul li { height: 40px; line-height: 40px; box-sizing: border-box; padding-left: 0; color: #000; }
.project_active_con_txt .planning_tit { width: 70px; float: left; }
.project_active_con_txt .planning_tit li {  }
.project_active_con_txt .planning_txt { width: 70%; float: left;  }
.project_active_con_txt .planning_txt li {  font-size: 14px; color: #9f9f9f !important; position: relative; display: flex; align-items:center;}
.project_active_con_txt .planning_txt li::before{width: 1px; height: 15px; display: inline-block; background: #6d6d6d; content:'';margin-right: 5%;	}



.project_active_wrap.active .project_active_con{transform:translate(0); opacity: 1;transition:1s;}


.project_active_wrap .sub_scroll_box { width: 51px; height: 135px; position: absolute; right: 10px; bottom: 0; top: 0; margin: auto; text-align: center; z-index: 9; transform: translateY(20px)scale(.8); animation: sub_scroll2 0.8s 1.0s both; display: block;}
.project_active_wrap .sub_scroll { width: 13px; height: 83px; margin: auto; margin-top: 12px; position: relative; overflow: hidden; }
.project_active_wrap .sub_scroll span { position: absolute; left: 0; right: 0; margin: auto; top: -100%; width: 1px; height: 100%; background-color: #000; }
.project_active_wrap .sub_scroll:after { position: absolute; content:''; width: 8px; height: 8px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(45deg); left: 0; bottom: 2px; right: 0; margin: auto; }
.project_active_wrap .scroll_circle { content:''; position: absolute; left: 0; right: 0; bottom: -22px; margin: auto; width: 50px; height: 50px; z-index: -1; }
.project_active_wrap .sub_scroll_box .scroll_circle span { content:''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; background-color: #000; width: 100%; height: 100%; border-radius: 100%; opacity: 0.2; }

/**/

.project_allwrap { margin-top: 60px; }
.project_bt_wrap { display: flex;justify-content: center; }
.project_bt_wrap>div { position: relative; }

/*  */


@keyframes sub_scroll2 {
	from {transform: translateX(170px);opacity: 0;};
	to { };
}

.mo_br{display: none;}

/*  */


.contact_map_wrap{ width: 100%; max-width: 800px; margin:145px auto 65px; }
.contact_txt{text-align: left;color: #000;width: 100%; max-width: 800px; margin:0 auto 250px;}
.contact_txt li{display: flex;justify-content: left; align-items:center; width: 100%; margin-bottom: 30px;	}
.contact_txt li h2{width: 80px; height: 80px; background: #000; line-height: 80px;text-align: center; color: #fff;	margin-right: 30px; font-size:13px;}
.contact_txt li h4{font-size:16px;margin-right: 20px;	}
.contact_txt li h5{font-size:16px;display: flex;align-items:center;}
.contact_txt li h5::before{content:'';width: 1px;height: 25px; background: #7f7f7f;display: inline-block;margin-right: 20px;}



}

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

	.exe_wrap { width: 100%; }

	}

	
/* max-width: 800px */

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

.mo { display:block!important; }

#sub_container { margin-top:5rem; }


.all_wrap { width: 100%; position: relative; top: 0; z-index: 989; background-color: #fff; font-family: 'Pretendard'; max-width: 800px; overflow: hidden; margin: auto; }

.main_circle_wrap{display: none;}
.main_circle_wrap_mo{display: block;}

.main_scroll_box { width: 51px; height: 135px; position: fixed; left: 0;right: 0; bottom: 30vw; margin: auto; text-align: center; z-index: 9999; transform: translateY(20px); color:#fff;}

.content { width: 100%; position: relative; margin: auto; font-family: 'Pretendard'; height: auto; opacity: 1; margin-top: 2000px; margin-top: 100dvh; }
/*  */

.sec01{width: 100%; height: ; background: #fff; position: relative;  margin: auto; }

.sec01_box{display: flex; width: 100%; flex-flow: row wrap; justify-content: space-between; margin: auto; position: relative; }
.sec01_box_left{width: 100%;}
.sec01_box_left_tit{margin-left: 15vw; margin-top: 30vw;position: relative;}
.sec01_box_left_tit::after {content: '';position: absolute; width: 16px; height: 0;left: -10vw;top:-17vw;background: #000; transition:.2s }
.sec01_box_left_tit h4{font-size: 4vw; line-height: 34px;font-weight: 200;transform: translateX(-20px); opacity: 0; transition: .2s;}
.sec01_box_left_tit h2{font-size: 7vw;font-weight: 700;transform: translateX(-20px); opacity: 0; transition: .2s;}

.sec01_box_left_txt{width: 100%; height: 150vw; background: #eeeeee; margin-top: 7vw;position: relative;transform: translateX(-20px); opacity: 0; transition: .2s; }
.sec01_box_left_txt p{font-size: 3vw; line-height: 8vw; letter-spacing: -0.2vw; position: absolute;top: 12vw; left: 15vw;}
.sec01_box_left_logo{position: absolute;bottom: 67px;right: 5vw; width: 55vw;}
.sec01_box_left_logo img{width: 100%;}

.sec01_box_right{width: 100%; margin-bottom: 35vw; position: relative;}
.sec01_box_right::after{content: '';position: absolute;width: 30vw; height: 0; background: #000;top: 0;right:7vw;z-index: 0; transition: .2s ; }
.sec01_box_right_img{width: 100%; height: 60vw;margin-top: 15vw; background: url(../img/sec01_right_img.jpg) center center no-repeat; background-size: cover;position: relative; z-index: 1;  transform: translateX(50px); transition: .2s; opacity: 0; }
.sec01_box_right_sign{position: absolute;width: 70%; bottom: -30vw; right: 15vw;z-index: 2;transform: translateX(-20px); transition: .2s; opacity: 0;}



.sec01_box.active .sec01_box_left_tit::after{height: 127px; transition: 1s 0s; }
.sec01_box.active .sec01_box_left_tit h4{transform: translateX(0); opacity: 1; transition: 1s .5s;}
.sec01_box.active .sec01_box_left_tit h2{transform: translateX(0); opacity: 1; transition: 1s .5s;}
.sec01_box.active .sec01_box_left_txt {transform: translateX(0); opacity: 1; transition: 1s .8s;}
.sec01_box.active .sec01_box_right::after{height: 180%;transition: 2s 1s;}
.sec01_box.active .sec01_box_right_img{transform: translateX(0); opacity: 1; transition: 2.2s 1.2s;}
.sec01_box.active .sec01_box_right_sign{transform: translateX(0); opacity: 1; transition: 2.4s 1.4s;}

/*  */

.sec02{width: 100%; height: 200vw;top: 0; background: #132332; position: relative;overflow: hidden;}
.sec02_box{width: 100%; height: 100%;}

.swiper1{position: absolute;width: 100%; height: 200vw; top: 0;left: 0;right: 0; margin: auto;opacity: 0; transform: translateY(-20px); transition: .2s; display: none; }
.swiper1_mo{display: block;}
.sec02_con{width: 100%; height: 200vw; position: relative;top: 0; margin: auto;}
.sec02_img_box{position: absolute; top: -60vw; left: 0;right: 0;margin: auto; width: 60vw; height: 85vw;}

.sec02_txt{position: absolute; height: 215px; top: 95vw;margin: auto;  left: 20vw;opacity: 0;transform: translateX(20px); transition: .6s;}
.sec02_txt h2{font-family: 'Carisma Gothic'; /*font-size: 12vw;*/ font-size: 12vw; font-weight: 600;    -webkit-text-stroke: 0.3px rgba(255,255,255,.44); margin-top:1rem;
    color: rgba(255, 255, 255, .0); }
.sec02_txt h4{font-family: 'Carisma Gothic'; font-size: 5vw; font-weight: 600;    
    color: rgba(255, 255, 255, 1); }
.sec02_txt p{color: rgba(255, 255, 255, .33); font-size: 4vw; line-height: 5vw;} 
.sec02_sign{position: absolute;left: 20%; margin: auto;  bottom: 10vw;width: 50vw; opacity: 0;transform: translateX(-20px); transition: .6s;}

.swiper_bt{position: absolute;top: calc( 50% - 25.25px );   left: 0;right: 0; margin: auto; z-index: 10;display: flex; justify-content: space-between; width: 100%; height: 100%; opacity: 0; transform: translateY(-20px); transition: .2s; }
.swiper-button-prev10{ height: 49.59px;}
.swiper-button-next10{height: 49.59px;}

.swiper-button-prev10 img{width: 40px;}
.swiper-button-next10 img{width: 40px;}


.sec02_box.active .line01{ height: 200vw;}

/*  */

.sec03{width: 100%; height: 260vw; background: #fff; position: relative;}
.sec03_box{width: 100%; height: 100%;}

.sec03_tit{display: none; }
.sec03_tit_mo{position: absolute;top: 20vw; left: 0;right: 0;margin: auto; width: 100%; text-align: center; color: #000; font-size: 5.5vw; line-height: 8.5vw; font-weight: 200;opacity: 0;transform: translateY(-20px); transition: .2;display: block;}
.sec03_tit_mo b{ font-size: 6.5vw;   }


.planning_wrap{display: flex; justify-content: space-between;position: absolute;top: 65vw;left: 0;right: 0;margin: auto; width: 100%; flex-flow: row wrap; height: ;}
.planning_img{width: 90vw; height: 55vw; background: url(../img/planning_img.jpg)center center no-repeat; background-size: cover; position: relative; transform: translateX(-50px); opacity: 0; transition: .2s; margin: auto;}
.planning_img::after{content: ''; width: 0; height: 4vw; background: #000; position: absolute;top: 40vw;left:-10vw ;}

.planning_txt_wrap { width: 90%; height: 400px; margin: auto; text-align: left; }
.planning_txt_box { width: 100%; margin-top: 10vw; transform: translateX(50px); opacity: 0; transition: .2s;}
.planning_txt_box ul { box-sizing: border-box; }
.planning_txt_box ul li { height: 12vw; line-height: 12vw; box-sizing: border-box; padding-left:0; color: #000; }
.planning_tit { width: 35%; float: left; }
.planning_tit li { font-size: 3.2vw;  }


.planning_txt { width: 65%; float: right; padding-left: 3vw;  }
.planning_txt li {  font-size: 3.2vw; color: #9f9f9f !important; }
.planning_txt li:nth-child(4){line-height: 4.5vw; padding-top: 2.2vw;}
.planning_txt li:nth-child(5){line-height: 4.5vw;padding-top: 2.2vw;}



.sec03_box.active .sec03_tit_mo{opacity: 1;transform: translate(0); transition: 1s .5s;}
.sec03_box.active .planning_img{opacity: 1;transform: translate(0); transition: 1s .5s;}
.sec03_box.active .planning_img::after{width: 25vw; transition: 1s .8s;}
.sec03_box.active .planning_txt_box{opacity: 1;transform: translate(0); transition: 1s .5s;}



.sec04{width: 100%; height: 300vw; background: #fff; position: relative;}
.sec04_box{width: 100%; height: 100%; ;}
.sec04_con_wrap{display: flex;width: 100%; height: 300vw; flex-flow:row wrap;}
.sec04_con_wrap li{height: 100vw;}
.swiper2_mo{display:none;width: 100%; height: 100%;}


.sec04_con_wrap li:nth-child(1){transform: translateX(-50px); opacity: 0; transition:.2s;}
.sec04_con_wrap li:nth-child(2){transform: translateX(-50px); opacity: 0; transition: .2s;}
.sec04_con_wrap li:nth-child(3){transform: translateX(-50px); opacity: 0; transition: .2s;}


.swiper2_mo .swiper-slide{height: 100%;}
.sec04_con{width: 100%; height: 100%; overflow: hidden; position: relative;transform: scale(1);transition: .5s;}

.sec04_con01::after {content: '';position: absolute;top: 0;left: 0;right: 0;margin: auto; width: 100%; height: 100%; background: url(../img/sec04_img01.jpg) center no-repeat; background-size: cover;transform: scale(1);transition: .5s;}

.sec04_con02::after {content: '';position: absolute;top: 0;left: 0;right: 0;margin: auto; width: 100%; height: 100%;background: url(../img/sec04_img02.jpg) center no-repeat; background-size: cover;transform: scale(1);transition: .5s;}

.sec04_con03::after {content: '';position: absolute;top: 0;left: 0;right: 0;margin: auto; width: 100%; height: 100%;background: url(../img/sec04_img03.jpg) center no-repeat; background-size: cover;transform: scale(1);transition: .5s;}

.sec04_con01::before {content: '';position: absolute;top: 0;left: 0;right: 0;margin: auto; width: 100%; height: 100%; background: url(../img/sec04_img01_bg.png) center no-repeat; background-size: cover;z-index: 2; opacity: 0;transition: .5s;}

.sec04_con02::before {content: '';position: absolute;top: 0;left: 0;right: 0;margin: auto; width: 100%; height: 100%;background: url(../img/sec04_img02_bg.png) center no-repeat; background-size: cover;z-index: 2; opacity: 0;transition: .5s;}

.sec04_con03::before {content: '';position: absolute;top: 0;left: 0;right: 0;margin: auto; width: 100%; height: 100%;background: url(../img/sec04_img01_bg.png) center no-repeat; background-size: cover; z-index: 2; opacity: 0;transition: .5s;}

.sec04_con li:hover::after{ transform: scale(1.2); transition: .5s;}
.sec04_con li:hover::before{ opacity: 1; transition: .5s;}
.sec04_con li:hover .cross{transform: rotate(180deg); transition: .7s;}

.sec04_txt{color: #fff;text-align: center; position: absolute;z-index: 3; top: 0;bottom: 0;left: 0;right: 0; margin: auto; height: 115px;transform: translateY(-20px); transition: .2s; opacity: 0;}
.sec04_txt h2{font-family: 'Carisma Gothic'; font-weight: 200; font-size: 7vw; margin-bottom: 25px; }
.sec04_txt p{font-size: 3vw; line-height: 5.5vw; }

.cross{width: 45px; height: 45px; position: absolute;top: 48px; right: 48px; cursor:pointer; z-index: 9; transform: rotate(0);transition: .7s;}
.cross::after{content: '';width: 1px ;height: 100%; background: #fff; position: absolute;left: 0;right: 0;margin: auto;}
.cross::before{content: '';width: 100% ;height: 1px; background: #fff; position: absolute;bottom: 0;top: 0;margin: auto;}

.swiper-pagination2{position: absolute;bottom: 15vw !important; left: 0;right: 0; margin: auto;z-index: 99;}
.swiper-pagination2 .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    display: inline-block;
    margin: 0 6px;
    border-radius: 100%;
    background: rgba(255, 255, 255, .0);
    border: 1px solid #fff;
}
.swiper-pagination2 .swiper-pagination-bullet-active{ background: #fff;opacity: 1; }


.sec04_box.active .sec04_con li{transform: translate(0); opacity: 1; transition: 1s;}
.swiper-slide-active .sec04_con .sec04_txt{transform: translate(0); opacity: 1; transition: 1s .5s;}

.swiper-slide-active .sec04_con::before{transform: translate(0); opacity: 1; transition: 1s .5s;}


.sec04_box.active .sec04_con_wrap li:nth-child(1) .sec04_txt{transform: translate(0); opacity: 1; transition: 1s 0.7s;}
.sec04_box.active .sec04_con_wrap li:nth-child(2) .sec04_txt{transform: translate(0); opacity: 1; transition: 1s 0.8s;}
.sec04_box.active .sec04_con_wrap li:nth-child(3) .sec04_txt{transform: translate(0); opacity: 1; transition: 1s 0.9s;}

.sec04_box.active .sec04_con_wrap li:nth-child(1){transform: translate(0); opacity: 1; transition: 1s .0s;}
.sec04_box.active .sec04_con_wrap li:nth-child(2){transform: translate(0); opacity: 1; transition: 1s .3s;}
.sec04_box.active .sec04_con_wrap li:nth-child(3){transform: translate(0); opacity: 1; transition: 1s .7s;}

/*  */

.footer_pc{display: none;}
.footer_mo{display: block;}

footer { width: 100%; height: auto; background: #fff; position: relative; left: 0; bottom: 0; z-index: 950; text-align: center; font-family: 'Pretendard'; margin: auto; color: #000; padding-bottom: 100px; }



footer h2{ display:inline-block;  font-family: 'Carisma Gothic'; transition: 0.3s; font-size: 28px; margin-top: 60px; font-weight: 700; text-align: center; }


footer p { font-size: 2.8vw; line-height:5vw; font-weight: 400; margin-top: 30px; letter-spacing: -0.5px; opacity: 0.7; }
footer h6 { font-size: 2.8vw; line-height: 100%; font-weight: 400; margin-top: 2.5rem; letter-spacing: 0px; opacity: 0.7; }

.sec04_list { width:80%;}

.sub_top { width: 100%; height: 300px; position: relative; overflow: hidden; margin-top: 0px; z-index: 98; background-color: #000; }

.sub_top_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.sub_top_img { width: 100%; position: absolute; left: 0; right: 0; top: 0; margin: auto; opacity: 1; z-index: 1; animation: sub_top_img 3s 0s both; }
.sub_top_bg { width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 2; }

.sub_top_txt { width: 100%; height: 80px; position: absolute; left: 0; right: 0; top: 47%; margin: auto; z-index: 9; color: #111; text-align: center; animation: sub_top_txt 0.8s 0.2s both; }
.sub_top_txt h1 { font-family: 'Carisma Gothic'; font-size: 38px; line-height: 100%; text-transform: uppercase; font-weight: 700; letter-spacing: 0; display: inline-block; position: relative; }

.sub_top_txt h5 { font-size: 18px; line-height: 100%; margin-top: 5px; font-weight: 300; letter-spacing: -0.5px; }


.sub_scroll_box{display: none;}

#sub_page{padding: 20px;}
.ov_tit{display: none !important; }
.ov_tit_mo{margin: auto; width: 100%; text-align: center; color: #000; font-size: 5.5vw; line-height: 8.5vw; font-weight: 200;opacity: 0;transform: translateY(-20px); transition: .2;display: block !important;}
.ov_tit_mo b{ font-size: 6.5vw;   }

.sub_ov_wrap{width: 100%;padding: 30px 0 0;}
.sub_ov_top{width: 100%; height: auto;margin-top: 10vw;}
.sub_ov_top li{width: 100% !important;}

.sub_ov_top li:nth-child(1){ height: 60vw !important;transition: .3s;}
/*
.sub_ov_top li:nth-child(2){ height: 120vw !important; transition: .3s;}*/


.sub_ov_top li:nth-child(2){width: 100%; opacity: 0;transform: translateX(50px);transition: .3s;}
.sub_ov_top li:nth-child(2) p{font-size:3.5vw;padding: 80px 0 80px 0px ;line-height: 9vw;text-align: center;}
.sub_ov_top li:nth-child(2) img{padding-left:0px ; text-align: center;margin: auto;display: block;	}

.sub_ov_planning{width: 100%;display: flex; justify-content:space-between;gap:60px; height: 214vw;flex-flow:row wrap;margin-top: 10vw;position: relative; margin-bottom: 30px; overflow: hidden;}
.sub_ov_planning li{width: 640px;margin:0 auto;}

/*
.sub_ov_planning>li:nth-child(2){width: 100%; height: 90vw;position: absolute;top: calc(100% - 90vw);right: 0; left: 0; margin: auto; opacity: 0;transition: .3s; }
.sub_ov_planning>li:nth-child(2)::after{content:'';background: url(../sub/ov_img03.jpg) center no-repeat; background-size:cover;width: 100%; height: 100%; position: absolute;transition:.7s;}

*/

.sub_ov_planning .planning_wrap{display: flex; justify-content: space-between;margin: auto; width: 100%; flex-flow: row wrap; height: ;transition: .3s;}
.sub_ov_planning .planning_txt_wrap { width: 100%; margin: auto; text-align: left; }
.sub_ov_planning .planning_txt_box { width: 100%; margin-top: 10vw; transform: translateX(50px); opacity: 0; transition: .2s;}
.sub_ov_planning .planning_txt_box ul { box-sizing: border-box; }
.sub_ov_planning .planning_txt_box ul li { height: 12vw; line-height: 12vw; box-sizing: border-box; padding-left:0; color: #000; }
.sub_ov_planning .planning_tit { width: 29vw; float: left; }
.sub_ov_planning .planning_tit li { font-size: 3.2vw;  }

.sub_ov_planning>li:nth-child(2) { width:100%; top:calc(100% - 208px); height:208px;}

.sub_ov_planning .planning_txt { width: 53vw; float: left; padding-left: 3vw;  transition: .3s;}
.sub_ov_planning .planning_txt li {  font-size: 3.2vw; color: #9f9f9f !important;width: 100%; }
.sub_ov_planning .planning_txt li:nth-child(4){line-height: 4.5vw; padding-top: 2.2vw;}
.sub_ov_planning .planning_txt li:nth-child(5){line-height: 4.5vw;padding-top: 2.2vw;}

.structures_wrap{width: 100%; /*margin: 100px auto 50vw;*/ margin: 30px auto 50vw; }
.structures_wrap img{width: 100%; margin: auto;}
.structures_wrap{font-size:17px; font-family: 'Noto Sans KR', sans-serif;text-align: center;}
/* .structures_wrap img{width: 100%; margin: auto;}
 */
.st01{width: 30%; height: 70px; background: #000; color: #fff; ; margin: auto; border-radius:10px;	}

.st02 { flex-direction: column; gap: 2rem; }
.st02_line {  display: none;   }
.st01_line { height: 40px;  }
.dep_box { height: 100px;  }

.st02 li p { font-size:1rem; }
.dep_box::after {  }
.st02_sp { margin-top:2rem; height: 70px;}
.st02_sp::after { }
.st02_sp::before { top:-2rem; height:2rem; }
/*.st02 li{text-align: center;	width: 30%; height: 15vw; line-height: 15vw; color: #fff;border-radius:10px;position: relative;font-size:3vw;}
.st02 li::after{content:'';border:1px solid #fff; border-radius:10px; background: none; position: absolute;top: 0;left: 0;right: 0;bottom: 0;width:93%; height: 85%; margin: auto;}
.st02 li:nth-child(1){background: url(../sub/st_bg01.jpg) center no-repeat; background-size:cover;  }
.st02 li:nth-child(1) p{line-height: 4vw;padding-top: 3.5vw;}
.st02 li:nth-child(2){background: url(../sub/st_bg02.jpg) center no-repeat; background-size:cover;}
.st02 li:nth-child(2) p{line-height: 4vw;padding-top: 3.5vw;}
.st02 li:nth-child(3){background: url(../sub/st_bg03.jpg) center no-repeat; background-size:cover;position: relative;}
.st02 li:nth-child(3) p{line-height: 4vw;padding-top: 3.5vw;}

.st02_sp{text-align: center;	width: 92%; height: 15vw; line-height: 15vw; background: #fff;border:2px solid #000; color: #000;border-radius:10px; position: absolute;right: 0;top: 70vw;}
.st02_sp::after{content:'';border:1px solid #626262; border-radius:10px; background: none; position: absolute;top: 0;left: 0;right: 0;bottom: 0;width:95%; height: 85%; margin: auto;}
.st02_sp::before{content:''; background:#c7c7c7 ; width: 1px; position: absolute;top:-55.5vw; left: 0;right: 0;margin: auto;height: 55vw;}



  .structures_wrap{
    width: 100%;
    margin: 60px auto 100px;
    padding: 0 16px;
    font-size:16px;
  }*/


   
   
 

.st03_line{width: 1px; height: 15vw; background: #c7c7c7;margin: auto;display: block;}


.st03_line2{width: 40%; display: flex; justify-content:space-between;	margin: auto;position: relative;}
.st03_line2::before{content:'';width: 100%; height: 1px; background: #c7c7c7; position: absolute;top: 0;left: 0;right: 0;margin: auto;}
.st03_line2 li{width: 1px; height: 15vw;background: #c7c7c7;}	

.st03{width: 68%;display: flex; justify-content:space-between;	margin: auto;}
.st03 li{text-align: center;	width: 40%; height: 15vw; line-height: 15vw; background: #fff;border:2px solid #000; color: #000;border-radius:10px;position: relative;font-size:3vw;}
.st03 li::after{content:'';border:1px solid #626262; border-radius:10px; background: none; position: absolute;top: 0;left: 0;right: 0;bottom: 0;width:95%; height: 85%; margin: auto;}
.st03 li p{line-height: 4vw;padding-top: 3.5vw;}


/**/

.ci_wrap  { width: 90%; margin:2rem auto; }
.ci_box { width:100%; height:15rem; flex-wrap:wrap; flex-direction: column; }

.ci_box img { width:70%;} 
.ci_btn {  width:80%; margin-top:3rem;}
.ci_wrap h3 { font-size:1rem; margin-top:2rem;}


/**/

.exe_wrap { margin:2rem auto; }
.exe_box_wrap { flex-wrap:wrap; gap:2rem;}
.exe_box { width:100%; }
.exe_box img { width:70%; }
/**/

	.recruit_wrap { margin-top: 60px; margin-bottom: 100px; }
	.sc_box { height: 35px; justify-content: center; }
	.project_allwrap .sc_box { position: absolute !important; left: 0; right: 0; margin: auto; bottom: 0; top: revert; height: 35px; justify-content: center; }
	.sc_box button { margin-left: 8px; }
	.sc_box button img { width: 30px; }
	.sc_box input { width: 150px; line-height: 30px; font-size: 14px; padding-left: 5px; }

	.recruit_box { margin-top: 60px; }
	.recruit_content {  }
	.recruit_content>div { padding: 5% 4.5%; }
	.recruit_content .date { width: 15%; font-size: 14px; }
	.recruit_content .txt { width: 85%; }
	.recruit_content .txt h3 { font-size: 16px; width:75%; line-height:120%; }
	.recruit_content .txt p { font-size: 12px; }
	.recruit_content .txt h6 { font-size: 12px; margin-left: 7px; padding-left: 7px; }
	.recruit_content .txt h6:before { transform: translateY(1px); }

	.recruit_status { width: 55px; height: 25px; font-size: 12px; line-height: 24px; right: 4.5%; }

	.recruit_board_tit_box>div h2 { width: 15%; font-size: 12px; height: 45px; line-height: 45px; }
	.recruit_board_tit_box>div h3 { width: 85%; font-size: 15px; padding-left: 4.5%; }
	.recruit_board_date h3 { font-size: 12px !important; }

	.recruit_board_content { padding-top: 30px; padding-bottom: 40px; font-size: 12px; line-height: 20px; padding: 30px 4.5% 40px; }
	.recruit_file { margin-top: 40px; color: #999; }
	.recruit_file h5 { color: #ff5400; font-weight: 500; display: none; }
	.recruit_file a { display: inline-block; margin-top: 5px; padding: 10px 20px; color: #555; background-color: #fff; border: 1px solid #ff5400; }
	.recruit_file a:hover { color: #fff; background-color: #ff5400; }

	/*.recruit_board_date { font-size: 13px; line-height: 100%; color: #999; letter-spacing: 0; float: right; margin-top: 10px; }*/

	.recruit_back { width: 100px; height: 40px; line-height: 40px; margin-top: 40px; font-size: 14px; }


	/**/

	.sub_page_bt_wrap { margin-top: 40px; }

	.sub_page_bt_wrap>div { height: 30px; }

	.sub_page_bt_wrap ul {  }
	.sub_page_bt_wrap ul li { width: 30px; height: 100%; font-size: 14px; line-height: 30px; margin: 0 2px; }
	.sub_page_bt_wrap ul li a { }
	.sub_page_bt_wrap ul li.active { }

	.sub_page_bt_prev { width: 10px; height: 10px; left: -25px; }
	.sub_page_bt_next { width: 10px; height: 10px; right: -25px; }

/**/


	.project_allwrap { padding-top: 130px; margin-top: 0px; }
	
	.project_bt_wrap { padding-bottom: 50px; }

	.project_all_bt { width: 32px; height: 32px; line-height: 32px; font-size: 14px; }
	
	.project_bt_wrap>div { margin-left: 10px; }
	.project_bt_wrap>div select { padding-right: 30px; padding-left: 5px; height: 35px; font-size: 14px; }

/**/


	.select_arrow { width: 7px; height: 7px; right: 10px; transform: rotate(45deg) translateY(-5px); }


/**/

	.contact_bt_box { width: 100%; margin-top: 40px; display: block; }
	.contact_bt { width: 70%; margin: auto; height: 40px; line-height: 40px; margin-top: 5px; font-size: 14px; }
	.contact_bt a { width: 100%; height: 100%; display: block; padding: 0; }
	.contact_bt.bt01 { margin-right: auto; }
	.contact_bt.bt01 span { background: url(../sub/naver.png) left center no-repeat; padding-left: 20px; background-size: 13px; }
	.contact_bt.bt02 { font-weight: 500; }
	.contact_bt.bt02 span { background: url(../sub/kakao.png) left center no-repeat; padding-left: 16px; background-size: 8px; }

/**/

	.pr_wrap { width: 100%; margin-top: 60px; margin-bottom: 80px; }

	.pr_content { width: 49%; }

	.pr_content h5 { padding: 3.5% 0; font-size: 16px; }

	.pr_board_tit_box>div h2 { width: 15%; font-size: 12px; height: 45px; line-height: 45px; }
	.pr_board_tit_box>div h3 { width: 85%; font-size: 15px; padding-left: 4.5%; }
	.pr_board_date h3 { font-size: 12px !important; }

	.pr_board_content { padding-top: 30px; padding-bottom: 40px; font-size: 12px; line-height: 20px; padding: 30px 4.5% 40px; }
	.pr_board_content p { padding-top: 12px; }

	.pr_back { width: 100px; height: 40px; line-height: 40px; margin-top: 40px; font-size: 14px; }


/**/

	.awards_wrap { margin-top: 50px; margin-bottom: 110px; }

	.awards_box { margin-top: 65px; }
	.awards_content .awards_img { width: 48%; padding: 2%; }
	.awards_content .awards_txt { width: 52%; padding-left: 2.5%; }
	.awards_content .awards_txt h5 { font-size: 12px; }
	.awards_content .awards_txt h2 { font-size: 20px; margin-top: 10px; }
	.awards_content .awards_txt ul { margin-top: 20px; }
	.awards_content .awards_txt ul li { font-size: 12px; line-height: 20px; }

/**/

	.qna_wrap { width: 100%; margin-top: 60px; margin-bottom: 80px; }

	.qna_box { margin-top: 60px; }

	.qna_box ul li { line-height: 40px; font-size: 14px; }
	.qna_box ul li:nth-child(1) { width: 7%; }
	.qna_box ul li:nth-child(2) { width: 74%; }
	.qna_box ul li:nth-child(3) { width: 10%; }
	.qna_box ul li:nth-child(4) { width: 11%; }


	.qna_content ul li { font-size: 13px; }
	.qna_content ul li:nth-child(2) { background: url(../sub/lock.png) top 14px left no-repeat; background-size: 10px; }
	.qna_content ul li:nth-child(2) a { line-height: 40px; padding-left: 18px; }

	.qna_write_bt { width: 60px; height: 34px; line-height: 32px; font-size: 12px; margin-top: 12px;}


	.qna_board_tit_box>div h2 { width: 12%; font-size: 12px; height: 45px; line-height: 45px; }
	.qna_board_tit_box>div h3 { width: 88%; font-size: 16px; padding-left: 2.5%; }
	.qna_board_date { justify-content: flex-start !important; }
	.qna_board_date h2 { width: 11.697% !important; }
	.qna_board_date h3 { font-size: 12px !important; font-weight: 400 !important; color: #555 !important; letter-spacing: 0; width: 15% !important; }

	.qna_board_content { padding-top: 30px; padding-bottom: 40px; font-size: 12px; line-height: 20px; padding: 30px 4.5% 40px; }

	.qna_answer { margin-top: 30px; padding-top: 30px; }
	.qna_answer:before { width: 80%; }


	.qna_back { width: 100px; height: 40px; line-height: 40px; margin-top: 40px; font-size: 14px; }


	.qna_form h5 { font-size: 11px; margin-bottom: 10px; }

	.qna_form ul li { font-size: 14px; padding: 12px 15px; }
	.qna_form ul li span:after { right: -12px; top: 4px; font-size: 14px; }
	.qna_form ul li:nth-child(2n-1) { width: 15%; }
	.qna_form ul li:nth-child(2n) { width: 85%; }
	.qna_form ul li input { font-size: 12px; height: 33px; line-height: 31px; }
	.qna_form ul li textarea { font-size: 12px; line-height: 18px; height: 250px; }
	.qna_form ul li h6 { width: 100%; font-size: 11px; line-height: 100%; margin-top: 10px; color: #555; }

	#qna_tit { width: 100%; }
	#qna_txt { width: 100%; }
	#qna_name { width: 40%; }
	#qna_password { width: 40%; }


	.qna_write_bt_box { margin-top: 40px; }
	.qna_cancle {  width: 100px; height: 40px; line-height: 40px; font-size: 14px; }
	.qna_register {  width: 100px; height: 40px; line-height: 40px; font-size: 14px; }

/**/

	.news_wrap { margin-top: 60px; margin-bottom: 80px; overflow: hidden; position: relative; }

	.news_content { width: 48.5%; height: 300px; border: 1px solid #ccc; }
	.news_content:nth-child(n+3) { margin-top: 2.5%; }


/**/

 }
	
/* max-width: 600px */

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

.sub_top { width: 100%; height: 230px; position: relative; overflow: hidden; margin-top: 0px; z-index: 98; background-color: #000; }

.sub_top_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.sub_top_img { width: 100%; position: absolute; left: 0; right: 0; top: 0; margin: auto; opacity: 1; z-index: 1; animation: sub_top_img 3s 0s both; }
.sub_top_bg { width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 2; }

.sub_top_txt { width: 100%; height: 80px; position: absolute; left: 0; right: 0; top: 47%; margin: auto; z-index: 9; color: #111; text-align: center; animation: sub_top_txt 0.8s 0.2s both; }
.sub_top_txt h1 { font-family: 'Carisma Gothic'; font-size: 32px; line-height: 100%; text-transform: uppercase; font-weight: 700; letter-spacing: 0; display: inline-block; position: relative; }

.sub_top_txt h5 { font-size: 18px; line-height: 100%; margin-top: 5px; font-weight: 300; letter-spacing: -0.5px; }




.project_wrap{width: 100%; display: flex; justify-content:space-between;gap:;flex-flow:row wrap;}
.project_wrap li{width: 100%;}		
.project_wrap li:nth-child(n+2){margin-top: 50px;}
.project_con{width: 100%;height: 580px;position: relative; cursor:pointer; transition:.5s;box-sizing:border-box; border-collapse: collapse;}
.project_con_img{width: 100%; height: 300px; transition:.5s;position: relative;overflow: hidden;}

.project_con:hover{ box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); border:1px solid #b0b0b0;box-sizing:border-box; border-collapse: collapse;}
.project_con:hover .project_con_img::after{transform:scale(1.2)}
.project_con:hover .project_con_txt{border:none;height: 430px;	}
.project_con:hover .project_con_txt::after{border:none;background: # url(../sub/project_thumb_bg.png) left bottom no-repeat; background-size:cover; height: 430px;	opacity: 1;transition: 1s .2s;}

.project_con_img::after{position: absolute;top: 0;left: 0;right: 0;margin: auto;width: 100%; height: 100%;transition:.5s}
.project_con_img.img01_01::after{background: url(../sub/project01_01.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_02::after{background: url(../sub/project01_02.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_03::after{background: url(../sub/project01_03.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_04::after{background: url(../sub/project01_04.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_05::after{background: url(../sub/project01_05.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_06::after{background: url(../sub/project01_06.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_07::after{background: url(../sub/project01_07.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_08::after{background: url(../sub/project01_08.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_09::after{background: url(../sub/project01_09.jpg) center no-repeat; background-size:cover;content:'';}
.project_con_img.img01_10::after{background: url(../sub/project01_10.jpg) center no-repeat; background-size:cover;content:'';}

.project_con_txt{width: 100%; height: 280px; padding: 43px 0 0 38px; position: absolute;bottom: 0;left: 0;right: 0;margin: auto; background: #fff;color: #000; text-align: left;border-top: none;box-sizing:border-box;border-collapse: collapse;transition:.5s;}
.project_con_txt::after{ width: 100%;content:''; background: url(../sub/project_thumb_bg.png) left bottom no-repeat; background-size:100%; height: 430px; transition:.3s; opacity: 0; position: absolute;right: 0;bottom: 0;z-index: 1;}
.project_con_txt h2{font-size:22px;line-height: 100%;margin-bottom: 20px;}
.project_con_txt h4{color: #6d6d6d; font-size:14px;line-height: 22px;margin-bottom: 35px;} 
.project_con_txt span{color: #989898; font-size:14px;font-family:'Carisma Gothic'; font-weight: 400; margin-bottom: 5px; position: relative;display: inline-block;	}
.project_con_txt p{color: #ff5400; font-size:11px; position: relative;display: inline-block;	}
.project_con_txt p a{width: 100%; height: 100%; display: block;}
.project_con_txt p::after{content:'';width: 100%; height: 1px; background:#ff5400; position: absolute;bottom: -2px;left: 0;	}


.project_num_bt_wrap{margin: 30px auto 160px; width: 87px;height: 36px;position: relative;}
.project_bt_left{position: absolute; top: 0;bottom: 0;left: -30px; height: 15px;margin: auto;}
.project_bt_right{position: absolute; top: 0;bottom: 0;right: -30px;height: 15px;margin: auto;}

.project_num_bt{width: 100%;display: flex; justify-content:space-between;gap:}
.project_num_bt li{width: 36px; height: 36px; border-radius:50px;line-height: 36px; text-align: center;}
.project_num_bt li.selected{background: #000; color: #fff;}


.project_active_wrap{	}
.project_wrap1{}
.project_wrap2{display: none;}
.project_wrap3{display: flex;}
.project_active_wrap.active{display: block; opacity: 1;transition:.5s; width: 100%;}


.project_active_close{position: fixed; top: 6vw;  right: 5vw;}
.project_active_close_pc{display: block;}
.project_active_close_m{display: none;}
.project_active_con{width: 90%; /*height: 150vw; */ height: 80%; position: absolute;top: 18vw;left: 0;right: 0; margin: auto; background: #fff url(../sub/project_thumb_bg.png) right bottom no-repeat; ; display: flex; flex-flow:row wrap; overflow: scroll; transform:translateY(100vh);opacity: 0; transition:1s;}
.project_active_con_img{width: 90%; height: 88vw; margin: 40px auto 0; transition:.5s; }

.project_active_con_img.img01_01{background: url(../sub/project01_01_active.jpg) center no-repeat;}

.project_active_con_txt{width: 90%; margin: auto; }
.project_active_con_txt h4{margin-top: 10vw; font-size:6vw}

.project_active_con_txt .planning_wrap{display: flex; justify-content: space-between;width: 1540px; height: ;}
.project_active_con_txt .planning_img{width: 840px; height: 630px; background: url(../img/planning_img.jpg)center no-repeat; background-size: cover; position: relative; transform: translateX(-0px); opacity: 1; transition: .2s;}
.project_active_con_txt .planning_img::after{content: ''; width: 0; height: 16px; background: #000; position: absolute;top: 72px;right:-35px ;}

.project_active_con_txt .planning_txt_wrap { width: 100%; height: 400px; margin-bottom: 100px; text-align: left; }
.project_active_con_txt .planning_txt_box { width: 100%; margin-top: 5vw; transform: translateX(0px); opacity: 1; transition: .2s;}
.project_active_con_txt .planning_txt_box ul { box-sizing: border-box; }
.project_active_con_txt .planning_txt_box ul li { height: 8vw; line-height: 8vw; box-sizing: border-box; padding-left: 0; color: #000; }
.project_active_con_txt .planning_tit { width: 12vw; float: left; }
.project_active_con_txt .planning_tit li { font-size:3vw; }
.project_active_con_txt .planning_txt { width: 68vw; float: left;  }
.project_active_con_txt .planning_txt li {  font-size: 3vw; color: #9f9f9f !important; position: relative; display: flex; align-items:center;}
.project_active_con_txt .planning_txt li::before{width: 1px; height: 15px; display: inline-block; background: #6d6d6d; content:'';margin-right: 5%;	}

.project_active_con_txt .planning_txt li:nth-child(4){line-height:8vw ; padding-top: 0;}
.project_active_con_txt .planning_txt li:nth-child(5){line-height: 8vw;padding-top: 0;}



.project_active_wrap.active .project_active_con{transform:translate(0); opacity: 1;transition:1s;}

.mo_br {line-height: 4vw; }

.project_active_wrap .sub_scroll_box { width: 51px; height: 135px; position: absolute; right: 10px; bottom: 0; top: 0; margin: auto; text-align: center; z-index: 9; transform: translateY(20px)scale(.8); animation: sub_scroll2 0.8s 1.0s both; display: none;}

@keyframes sub_scroll2 {
	from {transform: translateX(170px);opacity: 0;};
	to { };
}


.contact_map_wrap{width: 100%; margin:10vw auto 12vw; }
.contact_txt{text-align: left;color: #000;width: 100% ;margin:0 auto 80px;}
.contact_txt li{display: flex;justify-content: left; align-items:center; width: 100%; margin-bottom: 30px; flex-flow:row wrap; position: relative;	}
.contact_txt li:nth-child(2){margin-bottom: 20vw;}
.contact_txt li h2{width: 15vw; height: 15vw; background: #000; line-height: 15vw;text-align: center; color: #fff;	margin-right: 7vw; font-size:2.5vw;}
.contact_txt li h4{font-size:3vw;margin-right: 25px;	width: 60%;}
.contact_txt li h5{font-size:3vw;display: flex;align-items:center; position: absolute;bottom: -10vw;left: 23vw;}
.contact_txt li h5::before{content:'';width: 1px;height: 25px; background: #7f7f7f;display: inline-block;margin-right: 25px;display: none;}


/**/

	.recruit_wrap { margin-top: 40px; margin-bottom: 80px; }
	.sc_box { height: 35px; }
	.sc_box button { margin-left: 8px; }
	.sc_box button img { width: 30px; }
	.sc_box input { width: 140px; line-height: 30px; font-size: 14px; padding-left: 5px; }

	.recruit_box { margin-top: 55px; }
	.recruit_content>div { padding: 8.5% 6%; }
	.recruit_content .date { width: 100%; height: 24px; font-size: 13px; text-align: left; justify-content: flex-start; padding-left: 6%; }
	.recruit_content .txt { width: 100%; }

	.recruit_board_tit_box>div h2 { width: 25%; height: auto; line-height: 25px; padding: 4.5% 0; }
	.recruit_board_tit_box>div h3 { width: 75%; }

	/**/

	.sub_page_bt_wrap { margin-top: 30px; }


/**/


	.pr_wrap { width: 100%; margin-top: 40px; margin-bottom: 60px; }

	.pr_content { width: 100%; }

	.pr_content h5 { padding: 3% 0; font-size: 14px; }

	.pr_board_tit_box>div h2 { width: 25%; }
	.pr_board_tit_box>div h3 { width: 75%; }

	.pr_board_content img { width: 100%; }

/**/

	.awards_wrap { margin-top: 40px; margin-bottom: 80px; }

	.awards_box { margin-top: 65px; }
	.awards_content { padding: 10% 0; }
	.awards_content .awards_img { width: 92%; padding: 0%; margin: auto; }
	.awards_content .awards_txt { width: 80%; margin: auto; padding: 0; margin-top: 25px; }
	.awards_content .awards_txt h5 { font-size: 12px; }
	.awards_content .awards_txt h2 { font-size: 18px; margin-top: 8px; }
	.awards_content .awards_txt ul { margin-top: 16px; }
	.awards_content .awards_txt ul li { font-size: 12px; line-height: 20px; }

/**/


	.qna_wrap { margin-top: 40px; margin-bottom: 80px; }

	.qna_box { margin-top: 55px; }

	.qna_box ul li { line-height: 40px; font-size: 12px; }
	.qna_box ul li:nth-child(1) { width: 12%; }
	.qna_box ul li:nth-child(2) { width: 48%; }
	.qna_box ul li:nth-child(3) { width: 18%; }
	.qna_box ul li:nth-child(4) { width: 22%; }

	.qna_content ul li { font-size: 11px; }
	.qna_content ul li:nth-child(2) { background: url(../sub/lock.png) top 15px left no-repeat; background-size: 9px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; }
	.qna_content ul li:nth-child(2) a { line-height: 40px; padding-left: 15px; }

	.qna_write_bt { width: 60px; height: 32px; line-height: 31px; font-size: 11px; margin-top: 8px; }


	.qna_board_tit_box>div h2 { width: 25%; font-size: 12px; height: auto; line-height: 25px; padding: 4.5% 0; }
	.qna_board_tit_box>div h3 { width: 75%; font-size: 15px; padding-left: 3.5%; }
	.qna_board_date { justify-content: flex-start !important; }
	.qna_board_date h2 { width: 24.12% !important; }
	.qna_board_date h3 { font-size: 12px !important; font-weight: 400 !important; color: #555 !important; letter-spacing: 0; width: 22% !important; }

	.qna_board_content { padding-top: 30px; padding-bottom: 40px; font-size: 12px; line-height: 20px; padding: 30px 4.5% 40px; }

	.qna_answer { margin-top: 30px; padding-top: 30px; }


	.qna_back { width: 100px; height: 40px; line-height: 40px; margin-top: 40px; font-size: 14px; }


	.qna_form h5 { font-size: 10px; margin-bottom: 10px; }

	.qna_form ul li { font-size: 12px; padding: 3% 2.5%; }
	.qna_form ul li span:after { right: -10px; top: 4px; font-size: 12px; }
	.qna_form ul li:nth-child(2n-1) { width: 24%; }
	.qna_form ul li:nth-child(2n) { width: 76%; }
	.qna_form ul li input { font-size: 12px; height: 30px; line-height: 29px; }
	.qna_form ul li textarea { font-size: 12px; line-height: 18px; height: 200px; }
	.qna_form ul li h6 { font-size: 10px; margin-top: 8px; }

	#qna_tit { width: 100%; }
	#qna_txt { width: 100%; }
	#qna_name { width: 80%; }
	#qna_password { width: 80%; }

/**/

	.news_wrap { margin-top: 40px; margin-bottom: 80px; }

	.news_content { width: 100%; height: 280px; border: 1px solid #ccc; }
	.news_content:nth-child(n+2) { margin-top: 2.5%; }

	.news_content a { padding: 35px 30px; }

	.news_content h5 { font-size: 12px; }
	.news_content h2 { font-size: 16px; line-height: 20px; margin-top: 5px; }
	.news_content p { font-size: 14px; line-height: 20px; margin-top: 12px; height: 65px; }
	.news_content h6 { font-size: 11px; margin-top: 34px; }

}

.gj_bt { width: 9.5rem; height: 5rem; position: absolute; z-index: 9; right: 6.25rem; top: 9rem; color: #fff; display: flex; justify-content: center; align-items: center; background-color: #9f7a3e; border-radius:0.5rem; cursor: pointer; animation:scrollTopBt 1.0s 0.4s ease forwards; opacity:0; transform:translateX(3rem); }
.gj_bt span { display: inline-block; width: 1.75rem; height: 0.5rem; position: absolute; right: 2rem; top: 1.375rem; }
.gj_bt span::before { content: ''; width: 100%; height: 1px; position: absolute; top: 0; bottom: 0; margin: auto; right: 0; background-color: #fff; }
.gj_bt span::after { content: ''; width: 6px; height: 6px; position: absolute; border-right: 1px solid #fff; border-bottom: 1px solid #fff; right: -1px; top: 0; bottom: 0; margin: auto; transform: rotate(-45deg); }
.gj_bt p { font-size: 1rem; line-height: 100%; }
 

/* .gj_vd_box { position: relative; left: 0; top: 0; width: 100%; height: 100dvh; z-index: 1; background-color: #f0f0f0; overflow: hidden; transition: 1.6s; display: flex; justify-content: center; align-items: center;  }
.gj_vd_box>div { width: 100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center; transform: translateY(2rem); }
.gj_vd { position: relative; width: 100%; max-width: 1100px; padding-bottom: 56.25%; height: 0; z-index: 2; }
.gj_vd iframe { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 100%; height: 100%; z-index: 2; opacity: 1; transition: 1.2s; } */

/* .gj_vd_box { position: relative; left: 0; top: 0; width: 100%; height: auto; z-index: 1; background-color: #f0f0f0; overflow: hidden; transition: 1.6s; display: flex; justify-content: center; align-items: center; }
.gj_vd_box>div { width: 100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center; transform: translateY(0rem); margin-top: 5rem; }
.gj_vd { position: relative; width: 100%; max-width: 1680px; padding-bottom: 56.25%; height: 0; z-index: 2; }
.gj_vd iframe { position: absolute; top: 50%; trangj_img_boxsform: translate(-50%,-50%); left: 50%; width: 100%; height: 100%; z-index: 2; opacity: 1; transition: 1.2s; } */

.gj_vd_box { position: relative; left: 0; top: 0; width: 100%; height: 100dvh; z-index: 1; background-color: #000; overflow: hidden; transition: 1.6s; }
.gj_vd_box>div { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; }
.gj_vd { position: absolute; left: 50%; bottom: 0; width: max(100vw,177.7778dvh); height: max(56.25vw,100dvh); transform: translateX(-50%); }
.gj_vd iframe { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; border: 0; z-index: 2; opacity: 1; transition: 1.2s; }

/* .gj_box { position: relative; width: 100%; position: relative; margin-top: 5rem; padding-top: 20rem; } */
.gj_box { position: relative; width: 100%; position: relative; margin-top: 5rem; padding-top: 5rem; }

.gj_img_box { width: 100%; margin: auto; max-width: 1400px; padding-bottom: 6rem; margin-top: 5rem; }
.gj_img_box img { width: 100%; display: none; position: relative; }
.gj_img_box.mo { display: none; }
.gj_img_box img.active { display: block; }

.gj_tab_bt_box { width: 100%; z-index: 9; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; right: 0; margin: auto; top: 0; padding-top: 1rem; }
/* .gj_tab_bt_box::before { content: ''; width: 100%; height: 5.75rem; position: absolute; left: 0; top: 0; background-color: #fff; z-index: -1; } */
/* .gj_tab_bt { width: 100%; max-width: 1100px; margin: auto; display: flex; justify-content: center; align-items: flex-start; gap: 6rem; z-index: 9; position: relative; } */
.gj_tab_bt { width: auto; background-color: #fff; border: 1px solid #ddd; border-radius: 6.25rem; padding: 0.375rem; box-sizing: border-box; margin: auto; display: flex; justify-content: center; align-items: flex-start; gap: 0rem; z-index: 9; position: relative; }
/* .gj_tab_bt>div { width: 100%; max-width: 16.25rem; display: flex; justify-content: flex-start; align-items: center; gap: 1.5rem; opacity: 0.5; cursor: pointer; flex-direction: column; } */
.gj_tab_bt>div { width: 12rem; height: 4rem; display: flex; justify-content: center; align-items: center; gap: 1.5rem; opacity: 0.5; cursor: pointer; flex-direction: column; border-radius: 10rem; }
/* .gj_tab_bt p { font-size: 1.375rem; line-height: 100%; font-weight: 600; position: relative; padding: 0 0.75rem; padding-bottom: 0.75rem; } */
.gj_tab_bt p { font-size: 1.375rem; line-height: 100%; font-weight: 600; position: relative; }

.gj_tab_bt>div img { transition: 0.6s; }

.gj_tab_bt>div:nth-child(1) img { width: 9.875rem; }
.gj_tab_bt>div:nth-child(2) img { width: 15.125rem; transform: translateX(2rem); }
.gj_tab_bt>div:nth-child(3) img { width: 12rem; }

.gj_tab_bt>div.active { opacity: 1; background-color: #ff5400; }
.gj_tab_bt>div.active p { color: #fff; }
/* .gj_tab_bt>div.active p::after { content: ''; width: 100%; height: 4px; position: absolute; left: 0; bottom: 0; background-color: #ff5400; } */

.gj_tab_bt_box.active { position: fixed; left: 0; right: 0; margin: auto; top: 70px; }
.gj_tab_bt_box.active::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; right: 0; margin: auto; top: 5rem; z-index: 99; }
.gj_tab_bt_box.active img { opacity: 0; z-index: -1; transition: 0s; }

.scroll_top_bt { position:fixed; right: 2rem; bottom: 2rem; font-size: 1rem; line-height: 100%; z-index:999; width: 4rem; height: 4rem; display:flex; justify-content:center; align-items:center; border-radius:50%; background:#9f7a3e; color:#fff; cursor:pointer; user-select:none; animation:scrollTopBt 1.0s 0.4s ease forwards; opacity: 0; opacity:0; transform:translateX(3rem); letter-spacing: 0; }
@keyframes scrollTopBt {
	from { opacity:0; transform:translateX(3rem); }
	to { opacity:1; transform:translateY(0); }
}
@keyframes scrollTopBt2 {
	from { opacity:0; transform:translateY(100%); }
	to { opacity:1; transform:translateY(0); }
}

@media (max-width: 768px) {

    .gj_vd_box { height: auto; margin-bottom: 3rem; }
    .gj_vd_box>div { height: auto; padding: 3rem 0 2rem; }
    
    .gj_vd_box { position: relative; left: 0; top: 0; width: 100%; height: auto; z-index: 1; background-color: #f0f0f0; overflow: hidden; transition: 1.6s; display: flex; justify-content: center; align-items: center; margin-bottom: 0rem; background: none; }
    .gj_vd_box>div { width: 100%; height: auto; position: relative; display: flex; justify-content: center; align-items: center; transform: translateY(2rem); padding: 3rem 0 2rem; }
    .gj_vd { position: relative; width: 100%; max-width: 1100px; padding-bottom: 56.25%; height: 0; z-index: 2; }
    .gj_vd iframe { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 100%; height: 100%; z-index: 2; opacity: 1; transition: 1.2s; }

    .gj_img_box.pc { display: none; }
    .gj_img_box.mo { display: block; margin-top: 3rem; }

    .scroll_top_bt { width: 3.25rem; height: 3.25rem; right: 4%; font-size: 0.875rem; bottom: 1rem; }
    

    .gj_box { margin-top: 2rem; padding-top: 10rem; padding-top: 4rem; }

    .gj_tab_bt { gap: 0.75rem; gap: 0; white-space: nowrap; }
    .gj_tab_bt>div { width: 9rem; height: 3.5rem; }
    .gj_tab_bt p { font-size: 1.125rem; }

    .gj_tab_bt>div:nth-child(1) img { width: 3.25rem; }
    .gj_tab_bt>div:nth-child(2) img { width: 5rem; transform: translateX(1rem); }
    .gj_tab_bt>div:nth-child(3) img { width: 4rem; }
        
    .gj_bt { width: 100%; height: 2.375rem; border-radius: 0; bottom: 0; top: revert; right: 0; transform:translateY(100%); animation:scrollTopBt2 1.0s 0.4s ease forwards; }
    .gj_bt p { font-size: 0.875rem; }
    .gj_bt p br { display: none; }
    .gj_bt span { width: 1.125rem; height: 0.5rem; position: absolute; top: 0; bottom: 0; margin: auto; right: 6rem; }

}
/*      */