@charset "UTF-8";

body::-webkit-scrollbar { display: none; }
body { -ms-overflow-style: none; scrollbar-width: none; }
#fp-nav .home_icon { display: block; width: 14px; height: 11px; margin: 0 auto 10px; background: url("/kor/images/main/home_icon_white.png") no-repeat center; }
#fp-nav ul { position: relative; }
#fp-nav ul li { margin: 0 auto; position: relative; width: 1px; }
#fp-nav ul li:before { display: block; content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.2); }
#fp-nav ul li:last-child { display: none; }
#fp-nav ul li a { box-sizing: border-box; display: block; height: 35px; position: relative; width: 100%; }
#fp-nav ul li a:before { background-color: #96ca49; content: ""; height: 0; left: 50%; transform: translateX(-50%); position: absolute; top: 0; transition: height 0.4s; width: 100%; }
#fp-nav ul li a span { background-color: #fff; height: 100%; opacity: 0.1; transition: all 0.4s; width: 1px; }
#fp-nav ul li a span.fp-sr-only { display: none; }
#fp-nav ul li a.active:before { width: 3px; height: 100%; }
#fp-nav .cur { color: #fff; display: block; font-size: 14px; font-weight: 700; line-height: 20px; margin: 10px 0 15px; }
#fp-nav .total { color: #fff; display: block; font-size: 14px; font-weight: 700; line-height: 20px; margin-top: 24px; opacity: 0.3; }
#fp-nav.black ul li:before { background-color: #cccccc; }
#fp-nav.black ul li a:not(.active):before,#fp-nav.black ul li a.active:before { background-color: #96ca49; }
#fp-nav.black ul li a:not(.active) span { background-color: #000; }
#fp-nav.black { color: #333; }
#fp-nav.black i { color: #222; }
#fp-nav.black .cur { color: #222; }
#fp-nav.black .total { color: #222; }
#fp-nav.black .home_icon { background-image: url("/kor/images/main/home_icon_black.png"); }
#fp-nav #scroll_down { margin: 15px 0 0; }
#fp-nav #scroll_down a { cursor: pointer; display: block; position: relative; }
#fp-nav #scroll_down .fig:after { animation: lineActiveAnimation 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite; background: #fff; content: ""; display: inline-block; height: 6px; left: 50%; margin-left: -1px; position: absolute; top: 5px; transform: scaleY(0); width: 2px; }
#fp-nav #scroll_down .txt { color: #fff; display: block; font-size: 12px; font-weight: 400; line-height: 16px; margin-bottom: 15px; writing-mode: vertical-rl; transform: rotate(180deg)}
#fp-nav #scroll_down .txt .ft_c { color: #666666; }
#fp-nav #scroll_down .fig { border: 1px solid #fff; border-radius: 8px; height: 22px; margin: 0 auto; position: relative; width: 16px; }
#fp-nav.black #scroll_down .txt { color: #000; }
#fp-nav.black #scroll_down .fig { border-color: #000}
#fp-nav.black #scroll_down .fig:after { background: #000; }
.fp-viewing-12 #fp-nav { display: none; }
.fp-viewing-13 #fp-nav { display: none; }
@keyframes lineActiveAnimation {
	0% { transform: scaleY(1); transform-origin: center bottom; webkit-transform: scaleY(1); webkit-transform-origin: center top; }
	49% { transform: scaleY(0); transform-origin: center bottom; webkit-transform: scaleY(0); webkit-transform-origin: center top; }
	50% { transform: scaleY(0); transform-origin: center top; webkit-transform: scaleY(0); webkit-transform-origin: center bottom; }
	99% { transform: scaleY(1); transform-origin: center top; webkit-transform: scaleY(1); webkit-transform-origin: center bottom; }
	100% { transform: scaleY(1); transform-origin: center top; webkit-transform: scaleY(1); webkit-transform-origin: center bottom; }
}
.main_title_area { display: flex; flex-direction: column; gap: 30px; margin-top: 20px;}
.main_title_area .title { font-weight: 700; font-size: 66px; line-height: 70px; color: #000000; }
.main_title_area .text { font-weight: 300; font-size: 18px; line-height: 26px; color: #333333;; }
.main_title_area .text2 { font-weight: 300; font-size: 24px; line-height: 30px; color: #333333;; }
.main_title_area .sub_title { font-weight: 700; font-size: 24px; line-height: 26px; color: #333333; }
.view_btn { display: block; width: 180px; background-color: #88be40; border: 2px solid #88be40; text-align: center; }
.view_btn .txt { display: inline-block; padding: 0 60px 0 0; background: url("/kor/images/main/view_icon.png") no-repeat right center; font-weight: 500; font-size: 16px; line-height: 41px; color: #ffffff; }
.view_btn:hover,.view_btn:focus { background-color: #fff; }
.view_btn:hover .txt,.view_btn:focus .txt { background-image: url("/kor/images/main/view_icon_on.png"); color: #88be40; }
.sec01 {}
.sec01 .main_visual_area { position: relative; overflow: hidden; height: 100dvh; }
.sec01 .main_visual_area .main_slide_area { font-size: 0; }
.sec01 .main_visual_area .main_slide_area .list {}
.sec01 .main_visual_area .main_slide_area .list li { height: 100dvh; }
.sec01 .main_visual_area .main_slide_area .list li .box { position: relative; height: 100%; }
.sec01 .main_visual_area .main_slide_area .list li .box .bg_img_box { height: 100%; }
.sec01 .main_visual_area .main_slide_area .list li .box .bg_img_box video { position: relative; height: 100%; width: 100%; object-fit: cover; transform: scale(1.4);
 transition: 6s ease
}
.sec01 .main_visual_area .main_slide_area .list li .box .bg_img_box img { position: relative; height: 100%; width: 100%;  object-fit: cover; }
.sec01 .main_visual_area .main_slide_area .list li .box .text_box { display: flex; flex-direction: column; gap: 50px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 1520px; padding: 0 10px; z-index: 10; text-align: center; }
.sec01 .main_visual_area .main_slide_area .list li .box .text_box>* { position: relative; opacity: 0; }
.sec01 .main_visual_area .main_slide_area .list li .box .text_box .title { font-weight: 100; font-size: 94px; line-height: 1; color: #ffffff; gap: 10px; }
.main .sec01 .main_visual_area .main_slide_area .list li .box .text_box .title { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.sec01 .main_visual_area .main_slide_area .list li .box .text_box .text { font-weight: 400; font-size: 30px; line-height: 34px; color: #ffffff; }
/* .sec01 .main_visual_area .main_slide_area .list li.swiper-slide-active .box .bg_img_box img { transform: scale(1); } */

.sec01 .main_visual_area .main_slide_area .list li.swiper-slide-active .box .bg_img_box video {transform: scale(1);}
.sec01 .main_visual_area .main_slide_area .list li.swiper-slide-active .box .text_box>* { animation: text_box 2s forwards; }
.sec01 .main_visual_area .main_slide_area .list li.swiper-slide-active .box .text_box .title { animation-delay: .2s; }
.sec01 .main_visual_area .main_slide_area .list li.swiper-slide-active .box .text_box .title.splitting .char { --char-index: 1; animation: slide-in .8s ease both; animation-delay: calc(.8s + (.06s * var(--char-index))); will-change: transform; transform-origin: top left; }
.sec01 .main_visual_area .main_slide_area .list li.swiper-slide-active .box .text_box .text { animation-delay: 1s; }
.sec01 .main_visual_area .main_control_box { display: none; position: absolute; top: 70%; left: 50%; transform: translate(-50%, 0); width: 100%; max-width: 1420px; margin: 0 auto; z-index: 100; }
.sec01 .main_visual_area .main_control_box .slick-dots-wrapper { position: relative; display: flex; justify-content: center; gap: 0 10px; }
.sec01 .main_visual_area .main_control_box .slick-dots-wrapper button { position: relative; display: flex; align-items: center; width: 22px; height: 22px; margin: 0px; padding: 0px; background: none; border-radius: 50%; font-size: 0; vertical-align: top; opacity: 1; }
.sec01 .main_visual_area .main_control_box .slick-dots-wrapper button:after { position: absolute; top: 50%; content: ""; left: 50%; width: 8px; height: 8px; transform: translate(-50%, -50%); background: #fff; border-radius: 50%; }
.sec01 .main_visual_area .main_control_box .slick-dots-wrapper button svg { position: absolute; top: 0; transform: scale(0) rotate(-90deg); left: 0; width: 100%; height: 100%; }
.sec01 .main_visual_area .main_control_box .slick-dots-wrapper button svg circle { fill: transparent; stroke: #fff; stroke-dasharray: 100; stroke-dashoffset: 50; stroke-linecap: round; stroke-width: 2px; }
.sec01 .main_visual_area .main_control_box .slick-dots-wrapper button.swiper-pagination-bullet-active svg { transform: scale(1) rotate(-90deg); }
html:not(.ios-os) .sec01 .main_visual_area .main_control_box button.swiper-pagination-bullet-active svg circle { animation: draw-circle 4.6s cubic-bezier(0.4, 0, 0.2, 1) both; }
.ios-os .sec01 .main_visual_area .main_control_box button.swiper-pagination-bullet-active svg circle { animation: draw-circle-ios 4.6s cubic-bezier(0.4, 0, 0.2, 1) both; }
@keyframes text_box {
	0% { top: 50px; opacity: 0; }
	100% { top: 0; opacity: 1; }
}

.sec01 .main_visual_area .main_slide_area .list li .box .bg_img_box img { position: relative; width: 100%; height: 100%; object-fit: cover; transform: scale(1.2); will-change: transform; transition: none; }
.sec01 .main_visual_area .main_slide_area.zoom-ready .list li .box .bg_img_box img { transition: transform 6s ease; }
.sec01 .main_visual_area .main_slide_area.zoom-run .list li.swiper-slide-active .box .bg_img_box img { transform: scale(1); }


/* ✅ Swiper 초기화 전: 첫 슬라이드만 보여서 오른쪽 비침 제거 */
.main_slide_area:not(.swiper-initialized) .swiper-slide {
	opacity: 0;
}

.main_slide_area:not(.swiper-initialized) .swiper-slide:first-child {
	opacity: 1;
}

/* (이미 넣었으면 생략) 혹시 몰라서 */
.sec01 .main_visual_area,
.sec01 .main_visual_area .main_slide_area {
	overflow: hidden;
}
.main_slide_area:not(.swiper-initialized) .swiper-wrapper {
	transform: translate3d(0, 0, 0) !important;
}

.main_slide_area:not(.swiper-initialized) .swiper-slide {
	width: 100%;
	flex-shrink: 0;
}

.sec02 {}
.sec02 .info_area { height: 100vh; }
.sec02 .info_area .list { display: flex; }
.sec02 .info_area .list li { width: 25%; height: 100vh; transition: all 0.5s; }
.sec02 .info_area .list li .box { position: relative; height: 100%; }
.sec02 .info_area .list li .box .bg_box { height: 100%; }
.sec02 .info_area .list li .box .bg_box img { width: 100%; height: 100%; object-fit: cover; }
.sec02 .info_area .list li .box .text_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 50px; align-content: center; background-color: rgba(0, 0, 0, 0.7); transition: all 0.5s; }
.sec02 .info_area .list li .box .text_box .title { font-weight: 500; font-size: 32px; line-height: 40px; color: #fdfcfc; }
.sec02 .info_area .list li .box .text_box .text { margin: 20px 0 0; font-weight: 300; font-size: 16px; line-height: 24px; color: #ffffff; }
.sec02 .info_area .list li .box .text_box .view_btn { display: none; margin: 60px 0 0; }
.sec02 .info_area .list li:hover { width: 50%; }
.sec02 .info_area .list li:hover .box .text_box { align-content: start; padding: 180px 50px 0; background-color: rgba(0, 0, 0, 0); }
.sec02 .info_area .list li:hover .box .text_box .view_btn { display: block; }
.sec02 .info_area .list li:hover .box .text_box .title { font-size: 48px; }
.sec03 {}
.sec03 .num_area {}
.sec03 .num_area .main_title_area {}
.sec03 .num_area .num_list { margin: 140px 0 0; padding: 0 75px; }
.sec03 .num_area .num_list .list { display: flex; gap: 10px; justify-content: space-between; }
.sec03 .num_area .num_list .list li { width: 100%; max-width: 235px; border-top: 1px solid #cccccc; }
.sec03 .num_area .num_list .list li .box { padding: 35px 0 0; text-align: center; }
.sec03 .num_area .num_list .list li .box .title { font-weight: 300; font-size: 18px; line-height: 24px; color: #333333; }
.sec03 .num_area .num_list .list li .box .num_box { margin: 55px 0 0; font-weight: 700; font-size: 106px; line-height: 1; color: #000000; }
.sec03 .num_area .num_list .list li .box .num_box .count {}
.sec04 { background-color: #f7f7f7; }
.sec04 .service_area { margin: 60px 0 0; }
.sec04 .service_area .list { display: flex; gap: 60px; flex-wrap: wrap; }
.sec04 .service_area .list li { width: calc(33.3333% - 40px); }
.sec04 .service_area .list li .box { position: relative; border-radius: 20px; overflow: hidden; }
.sec04 .service_area .list li .box .bg_box { overflow: hidden; }
.sec04 .service_area .list li .box .bg_box img { transition: all 0.5s; }
.sec04 .service_area .list li .box .text_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); align-content: center; text-align: center; transition: all 0.5s; }
.sec04 .service_area .list li .box .text_box .title { font-weight: 700; font-size: 24px; line-height: 30px; color: #ffffff; }
.sec04 .service_area .list li .box .text_box .text { margin: 20px 0 0; font-weight: 400; font-size: 18px; line-height: 24px; color: #ffffff; }
.sec04 .service_area .list li .box:hover .text_box { background-color: rgba(0, 0, 0, 0.2); }
.sec04 .service_area .list li .box:hover .bg_box img { transform: scale(1.1)}
.sec05 { position: relative; overflow: hidden; }
.sec05 .prj_slide_area { height: 100vh; }
.sec05 .prj_slide_area .list {}
.sec05 .prj_slide_area .list li {}
.sec05 .prj_slide_area .list li .box { position: relative; height: 100%; }
.sec05 .prj_slide_area .list li .box .bg_img_box { height: 100%; }
.sec05 .prj_slide_area .list li .box .bg_img_box img { position: relative; height: 100%; width: 100%; transform: scale(1.2); object-fit: cover; transition: 6s ease}
.sec05 .prj_slide_area .list li .box .text_area { position: absolute; left: 50%; bottom: 100px; transform: translate(-50%, 0); width: 100%; max-width: 1380px; padding: 0 190px 0 0; z-index: 10; }
.sec05 .prj_slide_area .list li .box .text_area .text_box .sub_title { font-weight: 300; font-size: 21px; line-height: 30px; color: #ffffff; }
.sec05 .prj_slide_area .list li .box .text_area .text_box .title { margin: 30px 0 0; font-weight: 700; font-size: 60px; line-height: 1; color: #ffffff; }
.sec05 .prj_slide_area .list li .box .text_area .text_box .tag { margin: 40px 0 0; }
.sec05 .prj_slide_area .list li .box .text_area .text_box .tag .list { display: flex; flex-wrap: wrap; gap: 5px; }
.sec05 .prj_slide_area .list li .box .text_area .text_box .tag .list li { font-weight: 200; font-size: 18px; line-height: 20px; color: #ffffff; }
.sec05 .prj_slide_area .list li .box .text_area .view_btn { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.sec05 .prj_slide_area .list li.swiper-slide-active .box .bg_img_box img { transform: scale(1); }
.sec06 {}
.sec06 .prj_info_area { display: flex; align-items: center; }
.sec06 .prj_info_area .img_list { width: 58.8541%; }
.sec06 .prj_info_area .img_list .list {}
.sec06 .prj_info_area .img_list .list li { height: 100vh; display: none; }
.sec06 .prj_info_area .img_list .list li.on { display: block; }
.sec06 .prj_info_area .img_list .list li .img_box { height: 100%}
.sec06 .prj_info_area .img_list .list li .img_box img { height: 100%; object-fit: cover; }
.sec06 .prj_info_area .text_area { width: 41.1459%; padding: 0 50px; }
.sec06 .prj_info_area .text_area .sub_title { margin: 0 0 20px; font-weight: 300; font-size: 18px; line-height: 20px; color: #999999; }
.sec06 .prj_info_area .text_area .main_title_area {}
.sec06 .prj_info_area .text_area .text_list { position: relative; margin: 60px 0 0; border-left: 1px solid #b2b2b2; }
.sec06 .prj_info_area .text_area .text_list .list {}
.sec06 .prj_info_area .text_area .text_list .list li { padding: 24px 0 0; }
.sec06 .prj_info_area .text_area .text_list .list li:first-child { padding: 0; }
.sec06 .prj_info_area .text_area .text_list .list li .box { display: block; text-align: left; }
.sec06 .prj_info_area .text_area .text_list .list li .box .text { position: relative; display: inline-block; padding: 0 0 0 20px; font-weight: 500; font-size: 18px; line-height: 20px; color: #333333; text-underline-offset: 2px; text-decoration-thickness: 1px; text-decoration-color: #88be40; }
.sec06 .prj_info_area .text_area .text_list .list li .box .text:before { display: none; content: ""; position: absolute; left: -10px; top: 0; width: 19px; height: 19px; background: #fff url("/kor/images/main/arrow_icon.png") no-repeat center / cover; }
.sec06 .prj_info_area .text_area .text_list .list li.on .box .text { color: #88be40; text-decoration: underline; }
.sec06 .prj_info_area .text_area .text_list .list li.on .box .text:before { display: block; }
.sec06 .prj_info_area .text_area .text_list .list li .box:hover .text { color: #88be40; text-decoration: underline; }
.sec06 .prj_info_area .text_area .text_list .list li .box:hover .text:before { display: block; }
.sec07 { background-color: #f7f7f7; }

/* .sec07 .fp-tableCell {vertical-align: bottom;} */
.sec07 .portfolio_area { margin: 20px 0 0; }
.sec07 .portfolio_area .list { display: flex; flex-wrap: wrap; }
.sec07 .portfolio_area .list li { width: 25%; }
.sec07 .portfolio_area .list li .box { position: relative; display: block; }
.sec07 .portfolio_area .list li .box .img_box { position: relative; padding: 0 0 69.792%; overflow: hidden; transition: all 0.5s; }
.sec07 .portfolio_area .list li .box .img_box img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; }
.sec07 .portfolio_area .list li .box .text_box { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 5px; background-color: rgba(0, 0, 0, 0.6); align-content: center; text-align: center; transition: all 0.5s; }
.sec07 .portfolio_area .list li:hover .box .text_box{display: block;}
.sec07 .portfolio_area .list li .box .text_box .text { font-weight: 700; font-size: 20px; line-height: 24px; color: #fff; }

/* .sec07 .portfolio_area .list li .box:hover .text_box {background-color: rgba(0, 0, 0, 0);} */
.sec07 .portfolio_area .list li .box:hover .img_box img { transform: translate(-50%, -50%) scale(1.1); }
.sec08 { background-color: #f7f7f7; }
.sec08 .map_area { display: flex; align-items: center; }
.sec08 .map_area .left_box { width: 47.8261%; padding: 0 80px 0 0; }
.sec08 .map_area .left_box .main_tab_cont {}
.sec08 .map_area .left_box .main_tab_cont .list { display: flex; gap: 0 2px; }
.sec08 .map_area .left_box .main_tab_cont .list li { width: 205px; }
.sec08 .map_area .left_box .main_tab_cont .list li .box { display: block; width: 100%; background-color: #c6c6c6; font-weight: 300; font-size: 21px; line-height: 50px; color: #ffffff; text-align: center; }
.sec08 .map_area .left_box .main_tab_cont .list li.on .box { font-weight: 500; background-color: #006f45; }
.sec08 .map_area .left_box .main_tab_cont .list li .box:hover { font-weight: 500; background-color: #006f45; }
.sec08 .map_area .left_box .text { display: none; margin: 55px 0 0; padding: 0 0 0 22px; background: url("/kor/images/main/map_icon.png") no-repeat left top 3px; font-weight: 300; font-size: 20px; line-height: 24px; color: #000000; }
.sec08 .map_area .left_box .text.on { display: block; }
.sec08 .map_area .left_box .input_area { margin: 20px 0 0; }
.sec08 .map_area .left_box .input_area .list { display: flex; flex-wrap: wrap; gap: 10px 15px; }
.sec08 .map_area .left_box .input_area .list li { width: calc(50% - 7.5px); }
.sec08 .map_area .left_box .input_area .list li.w100 { width: 100%; }
.sec08 .map_area .left_box .input_area .list li .box {}
.sec08 .map_area .left_box .input_area .list li .box input { width: 100%; padding: 0 20px; border: 1px solid #cccccc; background-color: #fff; font-weight: 300; font-size: 14px; line-height: 43px; color: #000000; }
.sec08 .map_area .left_box .input_area .list li .box select { width: 100%; padding: 0 20px; background: #fff url("/kor/images/main/slt_arrow.png") no-repeat right 20px center; border: 1px solid #cccccc; font-weight: 300; font-size: 14px; line-height: 43px; color: #000000; }
.sec08 .map_area .left_box .input_area .list li .box select option {}
.sec08 .map_area .left_box .send_btn { display: block; width: 205px; margin: 25px 0 0; border: 2px solid #000000; background-color: #000000; font-weight: 500; font-size: 16px; line-height: 41px; color: #ffffff; text-align: center; }
.sec08 .map_area .left_box .send_btn:hover { background-color: #fff; color: #000; }
.sec08 .map_area .left_box .txt_box { margin: 70px 0 0; }
.sec08 .map_area .left_box .txt_box .tit { font-weight: 700; font-size: 24px; line-height: 30px; color: #000000; }
.sec08 .map_area .left_box .txt_box .txt { margin: 15px 0 0; font-weight: 300; font-size: 18px; line-height: 24px; color: #999999; }
.sec08 .map_area .right_box { width: 52.1739%; }
.sec08 .map_area .right_box .map_cont { display: none; }
.sec08 .map_area .right_box .map_cont.on { display: block; }
.sec08 .map_area .right_box .map_cont .map { height: 670px; border: 1px solid #cccccc; }
.sec08 .map_area .right_box .map_cont .gm-style .gm-style-iw-d { overflow: inherit !important; background-color: #d87229; }
.sec08 .map_area .right_box .map_cont .gm-style .gm-style-iw-c { padding: 0 !important; background-color: #d87229; }
.sec08 .map_area .right_box .map_cont .gm-style .gm-style-iw-tc { display: none; }
.sec08 .map_area .right_box .map_cont .gm-style-iw-ch { display: none; }
.sec08 .map_area .right_box .map_cont .gm-ui-hover-effect>span { background-color: #d87229; }
.sec08 .map_area .right_box .map_cont button { display: none !important; }
.sec08 .map_area .right_box .map_cont .gmnoprint { display: none !important; }
.sec09 {}
.sec09 .news_area {}
.sec09 .news_area .main_title_wrap { position: relative; padding: 0 190px 0 0; }
.sec09 .news_area .main_title_wrap .main_title_area {}
.sec09 .news_area .main_title_wrap .view_btn { position: absolute; right: 0; top: 0; }
.sec09 .news_area .news_list { margin: 40px 0 0; }
.sec09 .news_area .news_list .list { display: flex; border: 1px solid #cccccc; }
.sec09 .news_area .news_list .list li { width: 100%; border-right: 1px solid #cccccc}
.sec09 .news_area .news_list .list li:last-child { border-right: none; }
.sec09 .news_area .news_list .list li .box { display: block; height: 100%; padding: 35px; background-color: #f7f7f7; transition: all 0.5s; }
.sec09 .news_area .news_list .list li .box:hover { background-color: #fff; }
.sec09 .news_area .news_list .list li .box .img_box { position: relative; padding: 0 0 61.805%; border-radius: 10px; overflow: hidden; }
.sec09 .news_area .news_list .list li .box .img_box img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; }
.sec09 .news_area .news_list .list li .box .text_box { margin: 25px 0 0; }
.sec09 .news_area .news_list .list li .box .text_box .title { font-weight: 500; font-size: 21px; line-height: 30px; color: #000000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }
.sec09 .news_area .news_list .list li .box .text_box .text { margin: 30px 0 0; font-weight: 300; font-size: 16px; line-height: 20px; color: #000000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }
.sec09 .news_area .news_list .list li .box .text_box .date { margin: 100px 0 0; font-weight: 300; font-size: 14px; line-height: 18px; color: #000000; }
.sec09 .news_area .news_list .list li .box:hover .img_box img { transform: translate(-50%, -50%) scale(1.1)}
.sec10 { background-color: #f7f7f7; }
.sec10 .main_title_area {}
.sec10 .logo_area { margin: 60px 0 0; }
.sec10 .logo_area>.list {}
.sec10 .logo_area>.list>li { margin: 80px 0 0; }
.sec10 .logo_area>.list>li:first-child { margin: 0; }
.sec10 .logo_area>.list>li .box {}
.sec10 .logo_area>.list>li .box .title { margin: 0 0 45px; font-weight: 700; font-size: 46px; line-height: 50px; color: #333333; text-align: center; }
.sec10 .logo_area>.list>li .box .logo_slide_area { position: relative; padding: 0 60px; }
.sec10 .logo_area>.list>li .box .logo_slide_area .logo_btn { position: absolute; top: 50%; transform: translateY(-50%); }
.sec10 .logo_area>.list>li .box .logo_slide_area .logo_btn.prev { left: 20px; }
.sec10 .logo_area>.list>li .box .logo_slide_area .logo_btn.next { right: 20px; }

/* .sec10 .logo_area > .list > li .box .logo_slide_area .logo_btn.swiper-button-disabled {display: none;} */
.sec10 .logo_area>.list>li .box .logo_slide_area .logo_btn img {}
.sec10 .logo_area>.list>li .box .logo_slide_area .logo_slide { overflow: hidden; }
.sec10 .logo_area>.list>li .box .logo_slide_area .logo_slide .list { align-items: end; }
.sec10 .logo_area>.list>li .box .logo_slide_area .logo_slide .list li {}
.sec10 .logo_area>.list>li .box .logo_slide_area .logo_slide .list li .img_box { display: flex; align-items: center; justify-content: center; height: 90px; padding: 5px; border: 1px solid #cccccc; background-color: #fff; }
.sec10 .logo_area>.list>li .box .logo_slide_area .logo_slide .list li .img_box img {}
.sec11 { height: auto !important; padding: 40px 0 45px; }
.sec11 .fp-tableCell { height: auto !important; }
.sec11 .contact_area { text-align: center; }
.sec11 .contact_area .title { font-weight: 700; font-size: 64px; line-height: 1; color: #cccccc; }
.sec11 .contact_area .contact_btn { display: block; width: 200px; margin: 20px auto 0; border: 2px solid #88be40; background-color: #88be40; font-weight: 700; font-size: 18px; line-height: 41px; color: #ffffff; text-align: center; }
.sec11 .contact_area .contact_btn:hover { background-color: #fff; color: #88be40; }
.sec12 { height: auto !important; }
.sec12 .fp-tableCell { height: auto !important; }


/* 260204 추가 수정 */
textarea{padding: 0 20px; border: 1px solid #cccccc; background-color: #fff; font-weight: 300; font-size: 14px; line-height: 43px; color: #000000;}
.sec08 .map_area .main_title{font-size: 30px;}
.sub_main02 .sec08 .map_area .left_box .text{margin-top: 43px;}
.sub_main03 .sec08 .map_area .main_title { font-size: 30px; }
.sub_main03 .sec08 .map_area .left_box .text { margin-top: 43px;}
.sub_main .ft_area .ft_top .info_list>.list>li .box .info_box .list li .box .seoul_text{ display: block; font-weight: 300; font-size: 18px; line-height: 24px; color: #ffffff;}


@media screen and (max-width:1600px) {
}
@media screen and (max-width:1400px) {
	.main_title_area { gap: 20px; }
	.main_title_area .title { font-size: 50px; line-height: 54px; }
	.main_title_area .sub_title { font-size: 20px; line-height: 24px; }
	.main_title_area .text { font-size: 16px; line-height: 22px; }
	.main_title_area .text2 { font-size: 20px; line-height: 24px; }
	.view_btn { width: 140px; }
	.view_btn .txt { padding: 0 40px 0 0; font-size: 14px; line-height: 31px; }
	.main .sec01 .main_visual_area .main_slide_area .list li .box .text_box .title{ flex-direction: column; align-items: center; }
	.sec01 .main_visual_area .main_slide_area .list li .box .text_box .title { font-size: 70px; }
	.sec01 .main_visual_area .main_slide_area .list li .box .text_box .text { font-size: 24px; line-height: 30px; }
	.sec02 .info_area .list li .box .text_box { padding: 0 30px; }
	.sec02 .info_area .list li .box .text_box .title { font-size: 24px; line-height: 30px; }
	.sec02 .info_area .list li:hover .box .text_box { padding: 100px 30px 0; }
	.sec02 .info_area .list li:hover .box .text_box .title { font-size: 34px; }
	.sec02 .info_area .list li .box .text_box .text { margin: 10px 0 0; font-size: 14px; line-height: 20px; }
	.sec02 .info_area .list li .box .text_box .view_btn { margin: 30px 0 0; }
	.sec03 .num_area .num_list { margin: 90px 0 0; padding: 0 30px; }
	.sec03 .num_area .num_list .list li .box { padding: 20px 0 0; }
	.sec03 .num_area .num_list .list li .box .num_box { margin: 30px 0 0; font-size: 80px; }
	.sec04 .service_area { margin: 40px 0 0; }
	.sec04 .service_area .list { gap: 30px; }
	.sec04 .service_area .list li { width: calc(33.3333% - 20px); }
	.sec04 .service_area .list li .box .text_box { padding: 5px; }
	.sec04 .service_area .list li .box .text_box .title { font-size: 20px; line-height: 24px; }
	.sec04 .service_area .list li .box .text_box .text { margin: 10px 0 0; font-size: 16px; line-height: 20px; }
	.sec05 .prj_slide_area .list li .box .text_area { bottom: 80px; padding: 0 160px 0 10px; }
	.sec05 .prj_slide_area .list li .box .text_area .text_box .sub_title { font-size: 18px; line-height: 24px; }
	.sec05 .prj_slide_area .list li .box .text_area .text_box .title { margin: 20px 0 0; font-size: 40px; }
	.sec05 .prj_slide_area .list li .box .text_area .text_box .tag { margin: 20px 0 0; }
	.sec05 .prj_slide_area .list li .box .text_area .view_btn { right: 10px; }
	.sec06 .prj_info_area .text_area .sub_title { margin: 0 0 10px; font-size: 16px; }
	.sec06 .prj_info_area .text_area { padding: 0 30px; }
	.sec06 .prj_info_area .text_area .text_list { margin: 30px 0 0; }
	.sec06 .prj_info_area .text_area .text_list .list li { padding: 20px 0 0; }
	.sec06 .prj_info_area .text_area .text_list .list li .box .text { padding: 0 0 0 15px; font-size: 16px; }
	.sec07 .portfolio_area { margin: 30px 0 0; }
	.sec08 .map_area .left_box { padding: 0 50px 0 0; }
	.sec08 .map_area .left_box .main_tab_cont .list li .box { font-size: 18px; line-height: 40px; }
	.sec08 .map_area .left_box .text { margin: 30px 0 0; font-size: 18px; line-height: 20px; }
	.sec08 .map_area .left_box .input_area .list { gap: 5px 10px; }
	.sec08 .map_area .left_box .input_area .list li { width: calc(50% - 5px); }
	.sec08 .map_area .left_box .send_btn { width: 180px; margin: 15px 0 0; font-size: 14px; line-height: 30px; }
	.sec08 .map_area .left_box .txt_box { margin: 40px 0 0; }
	.sec08 .map_area .left_box .txt_box .tit { font-size: 20px; line-height: 24px; }
	.sec08 .map_area .left_box .txt_box .txt { margin: 10px 0 0; font-size: 16px; line-height: 20px; }
	.sec08 .map_area .right_box .map_cont .map { height: 500px }
	.sec09 .news_area .main_title_wrap { padding: 0 160px 0 0; }
	.sec09 .news_area .news_list { margin: 20px 0 0; }
	.sec09 .news_area .news_list .list li .box { padding: 25px; }
	.sec09 .news_area .news_list .list li .box .text_box { margin: 15px 0 0; }
	.sec09 .news_area .news_list .list li .box .text_box .title { font-size: 18px; line-height: 26px; }
	.sec09 .news_area .news_list .list li .box .text_box .text { margin: 20px 0 0; font-size: 14px; line-height: 18px; }
	.sec09 .news_area .news_list .list li .box .text_box .date { margin: 70px 0 0; font-size: 12px; line-height: 16px; }
	.sec10 .logo_area { margin: 30px 0 0; }
	.sec10 .logo_area>.list>li { margin: 50px 0 0; }
	.sec10 .logo_area>.list>li .box .title { margin: 0 0 30px; font-size: 30px; line-height: 34px; }
	.sec10 .logo_area>.list>li .box .logo_slide_area .logo_slide .list li .img_box { height: 80px; }
	.sec10 .logo_area>.list>li .box .logo_slide_area { padding: 0 30px; }
	.sec10 .logo_area>.list>li .box .logo_slide_area .logo_btn.prev { left: 10px; }
	.sec10 .logo_area>.list>li .box .logo_slide_area .logo_btn.next { right: 10px; }
	.sec10 .logo_area>.list>li .box .logo_slide_area .logo_btn img { width: 12px; }
	.sec11 { padding: 30px 0; }
	.sec11 .contact_area .title { font-size: 50px; }
	.sec11 .contact_area .contact_btn { width: 160px; font-size: 16px; line-height: 31px; }
}
@media screen and (max-width:1080px) {
	.main_title_area { gap: 10px; }
	.main_title_area .title { font-size: 34px; line-height: 40px; }
	.main_title_area .sub_title { font-size: 18px; line-height: 20px; }
	.main_title_area .text { font-size: 14px; line-height: 20px; }
	.main_title_area .text2 { font-size: 18px; line-height: 20px; }
	.view_btn { width: 120px; }
	.view_btn .txt { padding: 0 20px 0 0; background-size: 12px auto; line-height: 26px; }
	.sec01 .main_visual_area .main_slide_area .list li .box .text_box .title { font-size: 50px; }
	.sec01 .main_visual_area .main_slide_area .list li .box .text_box .text { font-size: 20px; line-height: 26px; }
	.main .sec01 .main_visual_area .main_slide_area .list li .box .text_box .title span{ padding: 0 190px; }
	.sec02 { display: block !important; height: auto !important; }
	.sec02 .fp-tableCell { display: block !important; height: auto !important; }
	.sec02 .info_area { height: 500px; }
	.sec02 .info_area .list li .box .text_box { padding: 0 10px; }
	.sec02 .info_area .list li .box .text_box .title { font-size: 20px; line-height: 24px; }
	.sec02 .info_area .list li { height: 500px; }
	.sec02 .info_area .list li:hover .box .text_box { padding: 60px 10px 0; }
	.sec02 .info_area .list li:hover .box .text_box .title { font-size: 24px; }
	.sec02 .info_area .list li .box .text_box .text { margin: 6px 0 0; }
	.sec02 .info_area .list li .box .text_box .view_btn { margin: 20px 0 0; }
	.sec03 { display: block !important; height: auto !important; padding: 60px 0; }
	.sec03 .fp-tableCell { display: block !important; height: auto !important; }
	.sec03 .num_area .num_list { margin: 50px 0 0; padding: 0; }
	.sec03 .num_area .num_list .list li .box { padding: 10px 0 0; }
	.sec03 .num_area .num_list .list li .box .title { font-size: 16px; line-height: 20px; }
	.sec03 .num_area .num_list .list li .box .num_box { margin: 20px 0 0; font-size: 50px; }
	.sec04 { display: block !important; height: auto !important; padding: 60px 0; }
	.sec04 .fp-tableCell { display: block !important; height: auto !important; }
	.sec04 .service_area { margin: 30px 0 0; }
	.sec04 .service_area .list { gap: 10px; }
	.sec04 .service_area .list li { width: calc(33.3333% - 6.666px); }
	.sec04 .service_area .list li .box { border-radius: 10px; }
	.sec04 .service_area .list li .box .text_box { padding: 5px; }
	.sec04 .service_area .list li .box .text_box .title { font-size: 18px; line-height: 20px; }
	.sec04 .service_area .list li .box .text_box .text { margin: 6px 0 0; font-size: 14px; line-height: 18px; }
	.sec05 { display: block !important; height: auto !important; }
	.sec05 .fp-tableCell { display: block !important; height: auto !important; }
	.sec05 .prj_slide_area { height: 500px; }
	.sec05 .prj_slide_area .list li .box .text_area { bottom: 40px; padding: 0 140px 0 10px; }
	.sec05 .prj_slide_area .list li .box .text_area .text_box .sub_title { font-size: 16px; line-height: 20px; }
	.sec05 .prj_slide_area .list li .box .text_area .text_box .title { margin: 10px 0 0; font-size: 30px; }
	.sec05 .prj_slide_area .list li .box .text_area .text_box .tag { margin: 10px 0 0; }
	.sec05 .prj_slide_area .list li .box .text_area .text_box .tag .list li { font-size: 16px; line-height: 20px; }
	.sec06 { display: block !important; height: auto !important; }
	.sec06 .fp-tableCell { display: block !important; height: auto !important; }
	.sec06 .prj_info_area .img_list .list li { height: 500px; }
	.sec06 .prj_info_area .text_area .sub_title { margin: 0 0 6px; font-size: 14px; }
	.sec06 .prj_info_area .text_area { padding: 0 10px; }
	.sec06 .prj_info_area .text_area .text_list { margin: 20px 0 0; }
	.sec06 .prj_info_area .text_area .text_list .list li { padding: 10px 0 0; }
	.sec06 .prj_info_area .text_area .text_list .list li .box .text { padding: 0 0 0 10px; font-size: 14px; line-height: 15px; }
	.sec06 .prj_info_area .text_area .text_list .list li .box .text:before { width: 15px; height: 15px; left: -8px; }
	.sec07 { display: block !important; height: auto !important; padding: 60px 0; }
	.sec07 .fp-tableCell { display: block !important; height: auto !important; }
	.sec07 .portfolio_area { margin: 20px 0 0; }
	.sec08 { display: block !important; height: auto !important; padding: 60px 0; }
	.sec08 .fp-tableCell { display: block !important; height: auto !important; }
	.sec08 .map_area .left_box { padding: 0 20px 0 0; }
	.sec08 .map_area .left_box .main_tab_cont .list li .box { font-size: 16px; line-height: 32px; }
	.sec08 .map_area .left_box .text { margin: 20px 0 0; padding: 0 0 0 16px; background-size: 12px auto; background-position: left top; font-size: 16px; line-height: 18px; }
	.sec08 .map_area .left_box .input_area { margin: 10px 0 0; }
	.sec08 .map_area .left_box .input_area .list { gap: 5px; }
	.sec08 .map_area .left_box .input_area .list li { width: calc(50% - 2.5px); }
	.sec08 .map_area .left_box .input_area .list li .box select { padding: 0 10px; background-position: right 10px center; line-height: 33px; }
	.sec08 .map_area .left_box .input_area .list li .box input { padding: 0 10px; line-height: 33px; }
	.sec08 .map_area .left_box .send_btn { width: 140px; margin: 10px 0 0; }
	.sec08 .map_area .left_box .txt_box { margin: 20px 0 0; }
	.sec08 .map_area .left_box .txt_box .tit { font-size: 18px; line-height: 20px; }
	.sec08 .map_area .left_box .txt_box .txt { margin: 6px 0 0; font-size: 14px; line-height: 18px; }
	.sec08 .map_area .right_box .map_cont .map { height: 400px }
	.sec09 { display: block !important; height: auto !important; padding: 30px 0; }
	.sec09 .fp-tableCell { display: block !important; height: auto !important; }
	.sec09 .news_area .main_title_wrap { padding: 0 130px 0 0; }
	.sec09 .news_area .news_list { margin: 10px 0 0; }
	.sec09 .news_area .news_list .list li .box { padding: 15px; }
	.sec09 .news_area .news_list .list li .box .text_box { margin: 10px 0 0; }
	.sec09 .news_area .news_list .list li .box .text_box .title { font-size: 16px; line-height: 22px; }
	.sec09 .news_area .news_list .list li .box .text_box .text { margin: 10px 0 0; }
	.sec09 .news_area .news_list .list li .box .text_box .date { margin: 50px 0 0; }
	.sec10 { display: block !important; height: auto !important; padding: 30px 0; }
	.sec10 .fp-tableCell { display: block !important; height: auto !important; }
	.sec10 .logo_area { margin: 20px 0 0; }
	.sec10 .logo_area>.list>li { margin: 30px 0 0; }
	.sec10 .logo_area>.list>li .box .title { margin: 0 0 20px; font-size: 24px; line-height: 30px; }
	.sec10 .logo_area>.list>li .box .logo_slide_area { padding: 0 20px; }
	.sec10 .logo_area>.list>li .box .logo_slide_area .logo_slide .list li .img_box { height: 80px; }
	.sec10 .logo_area>.list>li .box .logo_slide_area .logo_btn img { width: 10px; }
	.sec10 .logo_area>.list>li .box .logo_slide_area .logo_btn.prev { left: 0; }
	.sec10 .logo_area>.list>li .box .logo_slide_area .logo_btn.next { right: 0; }
	.sec11 { padding: 20px 0; }
	.sec11 .contact_area .title { font-size: 30px; }
	.sec11 .contact_area .contact_btn { width: 140px; margin: 10px auto 0; font-size: 14px; line-height: 26px; }
}
@media screen and (max-width:767px) {
	.main_title_area { gap: 6px; }
	.main_title_area .title { font-size: 24px; line-height: 30px; }
	.main_title_area .sub_title { font-size: 16px; line-height: 18px; }
	.main_title_area .text2 { font-size: 16px; line-height: 18px; }
	.main .sec01 .main_visual_area .main_slide_area .list li .box .text_box .title span{ padding: 0 60px; }
	.sec01 .main_visual_area .main_slide_area .list li .box .text_box { gap: 10px; }
	.sec01 .main_visual_area .main_slide_area .list li .box .text_box .title { font-size: 30px; }
	.sec01 .main_visual_area .main_slide_area .list li .box .text_box .text { font-size: 16px; line-height: 22px; }
	.sec02 .info_area { height: auto; }
	.sec02 .info_area .list { flex-wrap: wrap; }
	.sec02 .info_area .list li { width: 50%; height: 300px; }
	.sec02 .info_area .list li .box .text_box .title { font-size: 16px; line-height: 20px; }
	.sec02 .info_area .list li:hover .box .text_box .title { font-size: 20px; line-height: 24px; }
	.sec02 .info_area .list li .box .text_box .text br { display: none; }
	.sec03 { padding: 30px 0; }
	.sec03 .num_area .num_list { margin: 30px 0 0; }
	.sec03 .num_area .num_list .list { flex-wrap: wrap; }
	.sec03 .num_area .num_list .list li { width: calc(50% - 5px); }
	.sec03 .num_area .num_list .list li .box .title { font-size: 14px; line-height: 18px; }
	.sec03 .num_area .num_list .list li .box .num_box { margin: 10px 0 0; font-size: 30px; }
	.sec04 { padding: 30px 0; }
	.sec04 .service_area { margin: 20px 0 0; }
	.sec04 .service_area .list { gap: 5px; }
	.sec04 .service_area .list li { width: calc(50% - 2.5px); }
	.sec04 .service_area .list li .box .bg_box img { width: 100%; height: 180px; }
	.sec05 .prj_slide_area { height: 400px; }
	.sec05 .prj_slide_area .list li .box .text_area { bottom: 30px; padding: 0 10px; }
	.sec05 .prj_slide_area .list li .box .text_area .text_box .sub_title { font-size: 14px; }
	.sec05 .prj_slide_area .list li .box .text_area .text_box .title { margin: 6px 0 0; font-size: 20px; }
	.sec05 .prj_slide_area .list li .box .text_area .text_box .tag { margin: 6px 0 0; }
	.sec05 .prj_slide_area .list li .box .text_area .text_box .tag .list li { font-size: 14px; line-height: 18px; }
	.sec05 .prj_slide_area .list li .box .text_area .view_btn { position: relative; right: inherit; top: inherit; transform: translateY(0); margin: 10px 0 0; }
	.sec06 .prj_info_area { flex-direction: column; }
	.sec06 .prj_info_area .img_list { width: 100%; }
	.sec06 .prj_info_area .img_list .list li { height: 300px; }
	.sec06 .prj_info_area .img_list .list li .img_box img { width: 100%; }
	.sec06 .prj_info_area .text_area { width: 100%; padding: 10px; }
	.sec06 .prj_info_area .text_area .text_list { margin: 10px 0 0; }
	.sec07 { padding: 30px 0; }
	.sec07 .portfolio_area .list li { width: 50%; }
	.sec08 { padding: 30px 0; }
	.sec08 .map_area { flex-direction: column; gap: 10px; }
	.sec08 .map_area .left_box .main_tab_cont .list li { width: 100%; }
	.sec08 .map_area .left_box { width: 100%; padding: 0; }
	.sec08 .map_area .right_box { width: 100%; }
	.sec08 .map_area .right_box .map_cont .map { height: 240px; }
	.sec09 { padding: 20px 0; }
	.sec09 .news_area .main_title_wrap { padding: 0; }
	.sec09 .news_area .main_title_wrap .view_btn { position: inherit; right: inherit; top: inherit; margin: 10px 0 0; }
	.sec09 .news_area .news_list .list li .box { padding: 10px; }
	.sec09 .news_area .news_list .list li .box .img_box { border-radius: 5px; }
	.sec09 .news_area .news_list .list li .box .text_box .title { line-height: 18px; }
	.sec09 .news_area .news_list .list li .box .text_box .date { margin: 25px 0 0; }
	.sec10 .logo_area { margin: 10px 0 0; }
	.sec10 .logo_area>.list>li { margin: 20px 0 0; }
	.sec10 .logo_area>.list>li .box .title { margin: 0 0 10px; font-size: 18px; line-height: 24px; }
	.sec10 .logo_area>.list>li .box .logo_slide_area .logo_slide .list li .img_box { height: 60px; }
	.sec11 { padding: 10px 0; }
	.sec11 .contact_area .title { font-size: 24px; }
	.sec11 .contact_area .contact_btn { width: 120px; }
}
@media screen and (max-width:480px) {
	.sec02 .info_area .list li { height: 240px; }
	.sec02 .info_area .list li .box .text_box .view_btn { margin: 10px 0 0; }
	.sec02 .info_area .list li:hover .box .text_box { padding: 0 10px; align-content: center; }
	.sec04 .service_area .list li { width: 100%; }
	.sec05 .prj_slide_area { height: 300px; }
	.sec06 .prj_info_area .img_list .list li { height: 240px; }
	.sec08 .map_area .left_box .txt_box { margin: 10px 0 0; }
	.sec08 .map_area .left_box .text { margin: 10px 0 0; font-size: 14px; }
	.sec09 .news_area .news_list { display: initial; width: 100%; height: 100%; white-space: nowrap; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.sec09 .news_area .news_list .list { margin: 20px 0 0; display: block;; overflow-y: hidden; font-size: 0; white-space: inherit; }
	.sec09 .news_area .news_list .list li { display: inline-block; width: 100%; max-width: 200px; }
	.sec09 .news_area .news_list .list li .box .text_box .title { white-space: initial; }
	.sec09 .news_area .news_list .list li .box .text_box .text { white-space: initial; }
	.sec09 .news_area .news_list .list li .box .text_box .date { margin: 15px 0 0; }
	.sec09 .news_area .news_list *::-webkit-scrollbar { height: 4px; }
	.sec09 .news_areas .news_list *::-webkit-scrollbar-track { background: #ccc; border-radius: 3px; }
	.sec09 .news_area .news_list *::-webkit-scrollbar-thumb { background: #88be40; border-radius: 3px; }
	.sec09 .news_area .news_list *::-webkit-scrollbar-thumb:hover { background: #88be40; }
}