@charset "utf-8";

.main {}


.main .visual-wrap { width:100%; max-width:1400px; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:start; text-align:left; position:absolute; left:50%; transform:translateX(-50%); top:0;  z-index:9;}
.main .visual-wrap h2 {color: #FFF;font-size:var(--fs60);font-weight:700; line-height:120%;}
.main .visual-wrap h2 span {color:var(--c_base3);}
.main .visual-wrap p {font-weight:500; line-height:160%; color:rgba(255,255,255,0.7); margin-top:30px;}

.main .visual-btns {display:flex; gap:20px; margin-top:70px; z-index:11;}
.main .visual-btns a {display:inline-block; color:#fff; text-align:center; padding:30px 70px; font-weight:600; font-size:var(--fs20); border-radius:15px; transition:all 0.3s;}
.main .visual-btns a:hover {transform:translateY(-10px);}
.main .visual-btns a .icons {display:flex; justify-content:center; align-items:center; width:55px; height:50px; margin:0 auto 20px;}
.main .visual-btns a img {margin:0 auto;}
.main .visual-btns a.chat {background:var(--c_base1);}
.main .visual-btns a.vacancy {background:var(--c_base2);}

.main .sliderV2 {width:100%; height:100vh;}
.main .sliderV2 .sliderObj {height:100% !important;}
.main .sliderV2 .sliderObj>li {transform:scale(1.1); background:#000;}
.main .sliderV2 .sliderObj>li:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2);}
.main .sliderV2 .sliderObj>li>div {position:relative;}
.main .sliderV2 .sliderObj>li.on {transform:scale(1)}
.main .sliderV2 .sliderButton {display:none;}

.main .sliderV2 .sliderObj>li:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3);}
.main .sliderV2 .pageType1 button:after {display:none;}

.main .slider .slogan div {position:relative; text-shadow:5px 5px 5px rgba(0,0,0,.5); font-weight:600;}
.main .slider .slogan div p {margin:0;}
.main .slider .slogan div p:last-child {padding-left:295px;}
.main .slider .slogan div p span {margin-left:30px; font-size:18px; line-height:1;}



.main .controler {position:absolute; max-width:1400px; height:100vh; top:0; left:50%; transform:translateX(-50%); z-index:10; width:100%;}
.main .controler .c-inner {position:relative; height:100%;}
.main .sliderV2 .pageType1 {position:static; height:100%; display:flex; align-items:center;
justify-content:flex-end;}
.main .sliderV2 .pageType1.sliderPage>div {display:flex; flex-direction:column; align-items: center; gap:30px;}
.main .sliderV2 .pageType1 button {opacity:1; background:#fff; width:20px;}
.main .sliderV2 .pageType1 button+button {margin-left:0;}
.main .sliderV2 .pageType1 button.on, .main .sliderV2 .pageType1 button:hover {background:var(--c_base3); width:40px;}

.scroll-indicator{position:absolute; left:50%; bottom:40px; transform:translateX(-50%); display:inline-flex; align-items:center; justify-content:center; width:16px; height:40px; text-decoration:none; -webkit-tap-highlight-color:transparent;}
.scroll-indicator .mouse{width:16px; height:40px; border:2px solid #fff; border-radius:999px;
position:relative; box-sizing:border-box; background:rgba(0,0,0,0.5);}
.scroll-indicator .wheel{position:absolute; left:50%; top:5px; transform:translateX(-50%);
width:4px; height:10px; border-radius:999px; background:#fff; animation:wheelDown 2s ease-in-out infinite;}

@keyframes wheelDown{
  0%   { transform:translate(-50%, 0);   opacity:1; }
  55%  { transform:translate(-50%, 16px); opacity:1; }
  85%  { transform:translate(-50%, 24px); opacity:0; }
  100% { transform:translate(-50%, 0);   opacity:0; }
}

@media (prefers-reduced-motion: reduce){
  .scroll-indicator .wheel{ animation:none; }
}

/* (선택) 키보드 포커스 표시 */
.scroll-indicator:focus-visible{
  outline:3px solid rgba(255,255,255,.6);
  outline-offset:6px;
  border-radius:999px;
}

.mainworks-wrap {padding:100px 0; background:#F8FAFE;}
.mainworks-titles {display:flex; justify-content:space-between; align-items:center; gap:30px;}
.mainworks-titles h2 {color:#000; font-size:var(--fs40); line-height:1.2;}
.mainworks-titles h2 span {color:var(--c_base2);}
.mainworks-titles p {margin-top:30px;}
.mainworks-titles .btns a {display:flex; align-items:center; justify-content: space-between;padding:25px 40px; border-radius: 15px; background: var(--c_base3); color:#000; text-decoration:none; font-size: var(--fs20); transition: var(--ani); font-weight:600; line-height:1; gap:20px; white-space:nowrap;}
.mainworks-titles .btns a:after {content: ""; display:block; width:28px; height:14px; background:url(/images/management/tap-type1_arrow.svg) no-repeat center / contain;}
.mainworks-titles .btns a:hover {background:var(--c_base1); color:#fff;}
.mainworks-titles .btns a:hover:after {background:url(/images/management/tap-type1_arrowW.svg) no-repeat center / contain;}
.mainworks-wrap {position:relative;}
.mainworks-wrap .mainworks {position:relative; margin-top:50px; max-width:1600px; margin:50px auto 0;}
.mainworks-wrap .mainworks-swiper {max-width:1440px; margin:0 auto; transform:translateX(20px); }
.mainworks-wrap .works-img {margin-right:40px;  box-shadow: 30px 30px 20px 0 rgba(0, 0, 0, 0.15); border-radius:20px; overflow:hidden; aspect-ratio:320/300; box-sizing:border-box; overflow:hidden;}
.mainworks-wrap .works-img img {aspect-ratio:320/300; object-fit:cover; transition:all 0.3s; width:100%;  }
.mainworks-wrap .swiper-slide>a:hover .works-img img {transform:scale(1.05);}
.mainworks-wrap .works-txt {margin-top:20px; text-align:center; font-weight:600; font-size:var(--fs20); padding-right:40px; color:#000; transition:all 0.3s;}
.mainworks-wrap .swiper-slide>a:hover .works-txt {color:var(--c_base1);}
.mainworks-wrap .swiper-button-next, .mainworks-wrap .swiper-button-prev {width:27px; height:52px; top:50%; transform:translateY(-50%); color:transparent;}
.mainworks-wrap .swiper-button-prev {background:url(/images/main/works_banner1_prev.svg) no-repeat center / contain;}
.mainworks-wrap .swiper-button-prev:hover {background:url(/images/main/works_banner1_prev-on.svg) no-repeat center / contain;}
.mainworks-wrap .swiper-button-next {background:url(/images/main/works_banner1_next.svg) no-repeat center / contain;}
.mainworks-wrap .swiper-button-next:hover {background:url(/images/main/works_banner1_next-on.svg) no-repeat center / contain;}


.notices-wrap {display:flex; padding:100px 0;}
.notices-titles {width:400px;}
.notices-titles h2 {position:relative; font-size:var(--fs40); color:#000; line-height:1; display:inline-flex; gap:20px; align-items:center;}
.notices-titles h2:after {content:""; display:block; width:40px; height:43px; background:url(/images/main/i-main-notices.svg) no-repeat center / contain;}
.notices-titles .small-txt {margin-top:30px;}
.notices-titles .small-txt .english {color:#777;}
.notices-titles .small-txt .korean {color:#000; line-height:1.4; margin-top:10px;}
.notices-wrap .not-list {display:grid; grid-template-columns:repeat(3,1fr); gap:50px; width:calc(100% - 400px);}

.notices-wrap .not-list .detail p {white-space:normal; display:-webkit-box; -webkit-line-clamp:2;
-webkit-box-orient:vertical; overflow:hidden; line-height:1.4; margin:17px 0 20px; padding-top:20px;  border-top:2px solid #000; transition:all 0.3s;}
.notices-wrap .not-list li>a:hover .detail p {color:var(--c_base1); border-top:2px solid var(--c_base1);}
.notices-wrap .not-list .not-tit {font-size:var(--fs20); font-weight:500; letter-spacing:-0.5px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:#000; transition:all 0.3s;}
.notices-wrap .not-list li>a:hover .not-tit {color:var(--c_base1);}
/* ************************ 모바일 (~1199) ************************ */
@media screen and (max-width:1199px) {
	
.main .visual-wrap {padding:0 30px; padding-right:90px;}	
.main .controler .c-inner {padding:0 30px; }	
.main .visual-btns {margin-top:40px;}
.main .visual-btns a {padding:25px 40px;}
.main .visual-btns a img {width:35px;}
.main .controler {height:80vh;}

.mainworks-wrap {padding:80px 0;}
.mainworks-wrap .mainworks {margin:40px auto 0; padding: 0 45px;}
.mainworks-wrap .mainworks-swiper {}
.mainworks-wrap .works-img { margin:0 auto; margin-right:30px; transition:all 0.3s; border-radius:20px; box-shadow:none;}
.mainworks-wrap .works-img img {}
.mainworks-wrap .swiper-button-next, .mainworks-wrap .swiper-button-prev {width:20px; height:40px;}
.mainworks-titles {padding:0 30px; align-items:flex-start;}
.mainworks-titles p {margin-top:25px;}
.mainworks-titles .btns a {padding:20px 30px;}

.mainworks-wrap .mainworks-swiper {transform:translateX(0);}
.mainworks-wrap .works-img {margin-right:0;}

.notices-wrap {padding:80px 30px;}
.notices-wrap .not-list {gap:30px;}
.notices-titles {width:300px;}
.notices-wrap {flex-direction:column; gap:30px;}
.notices-wrap .not-list {width:100%;}
.notices-titles {width:100%;}
.notices-titles .small-txt {margin-top:20px;}

}


/* ************************ 모바일 (~767) ************************ */
@media screen and (max-width:767px) { 
.main .sliderV2 {height:80vh;}
.main .controler .c-inner {padding:0 20px;}
.main .visual-wrap {padding:0 70px 0 20px;}
.main .visual-btns a {padding:20px 30px; font-size:var(--fs18);}
.main .visual-btns a .icons {margin:0 auto 5px;}
.main .visual-wrap h2 {font-size:var(--fs36);}


.scroll-indicator {display:none;}

.mainworks-titles {flex-direction:column; gap:20px;}
.mainworks-titles h2 {font-size:var(--fs30);}
.mainworks-titles p {margin-top:20px;}
.mainworks-wrap {padding:60px 0;}
.mainworks-wrap .works-img img {margin:0 auto;}

.notices-wrap {padding:60px 20px;}
.notices-titles h2 {font-size:var(--fs30);}
.notices-titles h2:after {width:30px; height:30px;}
.notices-wrap .not-list {grid-template-columns:1fr;}
.notices-wrap .not-list .detail p {margin:15px 0 15px;}
.notices-titles .small-txt {margin-top:10px;}

.main .sliderV2 .pageType1.sliderPage>div {gap:25px;}
.main .sliderV2 .sliderObj>li.img {background-position:40% 60%;}

} 


/* ************************ 모바일 (~767) ************************ */
@media screen and (max-width:500px) { 
	
	
	
	
}