/*메인비주얼*/
.mv{position:relative;}
/* .mv .control_box{position:absolute; z-index: 13 !important; bottom:195px; left:10%;  font-size:0; }
.mv .control_box > *{display:inline-block; vertical-align:middle;}
.mv .control_box span{font-size:16px; font-weight:700; color:#fff; line-height:1;}
.mv .control_box .swiper-progress-bar {position: relative; width: 100px; z-index: 1; height: 3px; margin:0 17px;}
.mv .control_box .swiper-progress-bar .slide_progress-bar {position: absolute; height: 2px; background-color: rgba(255,255,255,0.3); width: auto; clear: both; opacity: 0; bottom: 0; left: 0; right: 0;}
.mv .control_box .swiper-progress-bar .slide_progress-bar:after {position: absolute; top: 0; left: 0; background-color: #0cae73; height: 100%; width: 0; content: "";}
.mv .control_box .swiper-progress-bar.active .slide_progress-bar {opacity: 1;}
.mv .control_box .swiper-progress-bar.animate .slide_progress-bar:after {transition: width linear; transition-delay: unset; width: 100%; transition-duration: 5s;}
.mv .control_box .stop_btn{width:9px; height:9px; background:url(../images/stop_icon_off.png) center top no-repeat; margin:2px 0 0 20px; }
.mv .control_box .stop_btn:hover{background:url(../images/stop_icon_on.png) center top no-repeat; background-size:cover;}
.mv .control_box .stop_btn.play{width:9px; height:9px; background:url(../images/play_icon_off.png) center top no-repeat; background-size:cover;}
.mv .control_box .stop_btn.play:hover{width:9px; height:9px; background:url(../images/play_icon_on.png) center top no-repeat; background-size:cover;} */
.mv .arrow_box{width:100%; max-width:1600px; position:absolute; bottom:170px; left:50%; z-index: 11 !important; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); text-align:left; font-size:0;}
.mv .arrow_box div{position:relative; display:inline-block; vertical-align:top; width:100px; height:65px; box-sizing:border-box; top:auto; margin-top:0;}
.mv .arrow_box .mv-button-prev{background:url(../images/slide_prev.png) left no-repeat; left:auto; }
.mv .arrow_box .mv-button-next{background:url(../images/slide_next.png) right no-repeat; right:auto; z-index: 14}
.mv .mv_slide .swiper-slide{width:100%; height:980px; position:relative; overflow:hidden;}
.mv .mv_slide .swiper-slide .bg {height:100%; -webkit-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); transition: all 3s ease;}
.mv .mv_slide .swiper-slide .bg.on {-webkit-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
.mv .mv_slide .swiper-slide.type01 .bg{background:url(../../img/main_visu01.jpg) center top no-repeat; background-size:cover;}
.mv .mv_slide .swiper-slide.type02 .bg{background:url(../../img/main_visu02.jpg) center top no-repeat; background-size:cover;}
.mv .mv_slide .swiper-slide.type03 .bg{background:url(../../img/main_visu03.jpg) center top no-repeat; background-size:cover;}
/* .mv .mv_slide .swiper-slide .txt{width:100%; max-width:1320px; position:absolute; top:340px; left:10%; }
.mv .mv_slide .swiper-slide .txt p.txt_1{font-size:24px; font-weight:700; color:#fff; line-height:1.2em; font-family: 'Play', sans-serif; position:relative; text-shadow: 2px 2px 2px rgba(0,0,0,.3); transition: all 1s ease; -webkit-transform:translateY(50px); -ms-transform:translateY(50px); -moz-transform:translateY(50px); -o-transform:translateY(50px); transform:translateY(50px); opacity:0; transition-delay: 0.3s;}
.mv .mv_slide .swiper-slide .txt p.txt_2{font-size:82px; font-weight:700; color: #fff;line-height:1.2em; text-transform:uppercase; padding-bottom:55px; position:relative; text-shadow: 2px 2px 2px rgba(0,0,0,.3); transition: all 1s ease; -webkit-transform:translateY(50px); -ms-transform:translateY(50px); -moz-transform:translateY(50px); -o-transform:translateY(50px); transform:translateY(50px); opacity:0; transition-delay: 0.6s;}
.mv .mv_slide .swiper-slide .txt span{display:block; font-size:24px; letter-spacing:-0.03em; color:#fff; line-height:1.4em; position:relative; opacity:0; text-shadow: 2px 2px 2px rgba(0,0,0,.3); transition: all 1s ease; -webkit-transform:translateY(50px); -ms-transform:translateY(50px); -moz-transform:translateY(50px); -o-transform:translateY(50px); transform:translateY(50px); transition-delay: 0.9s;}
.mv .mv_slide .swiper-slide .txt a.common_more_btn{margin-top:70px; color:#fff; position:relative; opacity:0; transition: all 1s ease; -webkit-transform:translateY(50px); -ms-transform:translateY(50px); -moz-transform:translateY(50px); -o-transform:translateY(50px); transform:translateY(50px); transition-delay: 1.1s; padding:5px 0;}
.mv .mv_slide .swiper-slide .txt a.common_more_btn:before{height:1px; background:none #fff;}
.mv .mv_slide .swiper-slide .txt a.common_more_btn:after{border-color:#fff;}
.mv .mv_slide .swiper-slide .txt a.common_more_btn:hover:after{border-color:#ee1c25;}
.mv .mv_slide .swiper-slide.on .txt p.txt_1, .mv .mv_slide .swiper-slide.on .txt p.txt_2,
.mv .mv_slide .swiper-slide.on .txt span,
.mv .mv_slide .swiper-slide.on .txt a.common_more_btn{-webkit-transform:translateY(0); -ms-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); opacity:1;}

.mv .mv_slide .swiper-slide .txt_border{display:block; width:292px; height:308px; position:absolute; top:240px; left: 10%; opacity:0;}
.mv .mv_slide .swiper-slide.on .txt_border{opacity:1;}
.mv .mv_slide .swiper-slide.on .txt_border .l1,
.mv .mv_slide .swiper-slide.on .txt_border .l2,
.mv .mv_slide .swiper-slide.on .txt_border .l3,
.mv .mv_slide .swiper-slide.on .txt_border .l4{position:absolute; background:0; width:0; height:0; animation-duration:.3s; animation-iteration-count:1; animation-timing-function:ease-in-out; animation-fill-mode:forwards}
.mv .mv_slide .swiper-slide.on .txt_border .l1{right:0; top:0px; width:17px; animation-name:txt_border-l1; animation-delay:.3s}
.mv .mv_slide .swiper-slide.on .txt_border .l2{top:0; right:2%; height:17px; animation-name:txt_border-l2; animation-delay:.8s}
.mv .mv_slide .swiper-slide.on .txt_border .l3{left:0; top:15px; width:17px; animation-name:txt_border-l3; animation-delay:1.2s}
.mv .mv_slide .swiper-slide.on .txt_border .l4{bottom:0; left:0; height:17px; animation-name:txt_border-l4; animation-delay:1.6s} */

.scroll_btn{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%) rotate(0.001deg);z-index: 5;display: flex;flex-direction: column;align-items: center;}
.scroll_txt{margin-bottom: 18px; font-size: 15px; font-weight: 200; letter-spacing: 0.1em; color: #fff; text-transform: uppercase;}
.scroll_line_wrap{height: 100px;width: 3px;overflow: hidden;position: relative;display: flex;justify-content: center;}
.scroll_line{width: 1px;height: 100%;background: #fff;}
.scroll_line::after{content: '';height: 25px;width: 3px;background: #fff;position: absolute;top: -25px;left: 0;animation-name: scroll_line;animation-duration: 2s;animation-iteration-count: infinite;transition-timing-function: ease-in-out;}
@keyframes scroll_line {
    0% {top: -25px;}
    100% {top: 125px;}
}
.main_visual_slide .txt_wrap{position: absolute;top: 50%;left: 15%;transform: translateY(-50%);z-index: 1;display: flex;flex-direction: column;/*justify-content: center;*/}
.main_visual_slide .ttl{color: #fff;font-size: 72px;font-weight: 300;letter-spacing: -0.045em;margin-top: 10px;line-height: 80px;transform: translateY(150px) rotate(0.001deg);transition: all 1.2s; transition-timing-function: linear; opacity: 0;text-align: left;white-space: nowrap; cursor: default; }
.main_visual_slide .ttl strong {font-weight: 700;}
.main_visual_slide .ttl_s{color: #fff;font-size: 18px;font-weight: 500;letter-spacing: 7px; line-height: 28px;transform: translateY(150px) rotate(0.001deg);transition: all 1s; transition-timing-function: linear; opacity: 0;text-align: left;white-space: nowrap; cursor: default; font-family: 'Exo 2', sans-serif; text-transform: uppercase;}
.main_visual_slide .desc{color: #fff;font-size: 20px;font-weight: 500;margin: 50px 0 70px;transform: translateY(150px) rotate(0.001deg);transition: all 1.4s;transition-timing-function: linear;opacity: 0;text-align: left;letter-spacing: -0.045em; cursor: default;white-space: nowrap;}
.main_visual_slide .jt_btn_point {display: inline-block;position: relative;vertical-align: middle;line-height: 1;text-align: center;min-width: 150px; padding: 20px 23px 20px 35px; font-size: 16px;font-weight: 400;letter-spacing: 0.05em;color: #fff;transform: translateY(150px) rotate(0.001deg);transition: all 1.6s; transition-timing-function: linear; opacity: 0;}
.main_visual_slide .jt_btn_point em{position:absolute;width: 56px;height: 56px;background: rgba(255,255,255,.3);top: 0;left: 0;border-radius: 99px;transition: .5s ease-out;}
.main_visual_slide .jt_btn_point:hover em {width: 250px;}
.main_visual_slide .jt_btn_point span { position:absolute; font-weight: 500;letter-spacing: -0.01em; left: 35px;}
.main_visual_slide .jt_btn_point i {font-size: 30px; position:absolute; left: 190px; top: 11px;}


.main_visual_slide .swiper-slide-active .ttl{transform: translateY(0) rotate(0);opacity: 1;}
.main_visual_slide .swiper-slide-active .ttl_s{transform: translateY(0) rotate(0);opacity: 1;}
.main_visual_slide .swiper-slide-active .desc{transform: translateY(0) rotate(0);opacity: 1;}
.main_visual_slide .swiper-slide-active .jt_btn_point{transform: translateY(0) rotate(0);opacity: 1;}

.main_inner{max-width: 1760px; margin: 0 auto; width: 90%;}
.main_tit{font-size: 48px;font-family: 'Exo 2', sans-serif;font-weight: 400; margin-bottom:30px ;}
.main_tit span{font-size: 20px;color: var(--main-color); display: block;font-weight: 500; letter-spacing: 8px;}
.main_tit span em{font-size: 20px; color: #000; font-style: normal;}

/* Point Button */
.jt_btn_point2 {display: inline-block;position: relative;vertical-align: middle;line-height: 1;text-align: center;min-width: 150px; padding: 20px 23px 20px 35px; font-size: 16px;font-weight: 400;letter-spacing: 0.05em;color: #000000; left: 50%; transform: translateX(-115px);}
.jt_btn_point2 em{position:absolute;width: 56px;height: 56px;background: rgba(192,182,83,.3);top: 0;left: 0;border-radius: 99px;transition: .5s ease-out;}
.jt_btn_point2:hover em {width: 230px;}
.jt_btn_point2 span { position:relative; font-weight: 500;letter-spacing: -0.01em; display: inline-block;}
.jt_btn_point2 i {font-size: 30px; position:absolute; right: -25px; top: 11px;}

.jt_btn_point3 {display: inline-block;position: relative;vertical-align: middle;line-height: 1;text-align: center;min-width: 150px; padding: 20px 23px 20px 35px; font-size: 16px;font-weight: 400;letter-spacing: 0.05em;color: #222222; z-index: 2}
.jt_btn_point3 em{position:absolute;width: 56px;height: 56px;background: rgba(154,154,154,.3);top: 0;left: 0;border-radius: 99px;transition: .5s ease-out;}
.jt_btn_point3:hover em {width: 230px;}
.jt_btn_point3 span { position:relative; font-weight: 500;letter-spacing: -0.01em; display: inline-block;}
.jt_btn_point3 i {font-size: 30px; position:absolute; right: -25px; top: 11px;}

/*메인2*/
.main_section2{padding: 150px 0; overflow: hidden;}
.main_section2 .main_2{display: flex;  align-items: center; justify-content: space-between;}
.main_section2 .main_2 li:nth-child(1){width: 55%;}
.main_section2 .main_2 li:nth-child(2){width: 25%;}
.main_section2 .main_2 li:nth-child(3){width: 13%;}
.main_section2 .main_2 li:nth-child(3) img{border-radius: 30px;}
.main_section2 .main_2 li p{font-size: 20px;font-weight: lighter;}
.main_section2 .main_2 li p span{color: var(--main-color);}

/*메인프로젝트*/
.main_section3{}
.main_section3 .main_tit{text-align: center;}
.main_sec3_top p{text-align: center; font-size: 20px; font-weight: lighter;}

.main-project .all {display: block}
.main-project .small {display: none;}
.main-project-list {position:relative; display:flex; flex-wrap:wrap; margin:60px -2px;}
.main-project-list .main-project-item {position:relative; width:calc(33.33% - 10px); overflow:hidden; margin:5px; height: 320px;}
.main-project-list .main-project-item a {display:block; width:100%; height:100%;}
.main-project-list .main-project-item .hover-img{display:block; position: relative; overflow: hidden;width: 100%; height: 100%;}
.main-project-list .main-project-item .tit {font-size:18px; letter-spacing:-0.35px; font-weight: 400;}
.main-project-list .main-project-item .bg {display:block; position:relative; overflow: hidden;width: 100%; height: 100%;}
.main-project-list .main-project-item .bg img {width:100%; position:relative; z-index:-1; max-height: 350px; max-width: 100%; height: 100%; display: block;object-fit:cover;}
.main-project-list .main-project-item .bg .tit {position:absolute; font-size: 20px; color: #fff; left:0; bottom:0; padding:20px; width:100%;z-index:0;  /* opacity:0;filter:Alpha(opacity=0);  */ transition: all 0.4s;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.main-project-list .gall_chk {position: absolute !important; top: 10px; left: 10px; z-index: 10}

.main-project-list .main-project-item:hover .bg .tit {opacity:0;filter:Alpha(opacity=0);}

.main-project-list .main-project-item .overlay{
position: absolute; overflow:hidden;
z-index: 0;
width:100%;
height:100%;
top:0;
left:0;
color:#fff;
pointer-events: none;
background: rgba(0,0,0,0.7);
-webkit-transform: rotate3d(1, 0, 0, 90deg);
transform: rotate3d(1, 0, 0, 90deg);
}
.main-project-list .main-project-item .overlay .inner-box { position:absolute; width:100%; height:100%; display:flex; align-items: flex-end; text-align:center; bottom:0; left:0; padding:30px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
/*.main-project-list .main-project-item .overlay:before {content:""; width:6.77vw; height:6.77vw; background-color: #e63312; position:absolute; left:0; top:0; }*/
.main-project-list .main-project-item .overlay .txt {display:block; width:100%; letter-spacing:-0.35px; color:#fff; padding-bottom: 90px;}
.main-project-list .main-project-item .overlay .txt .txt1 {font-size: 18px; padding-bottom: 10px;}
.main-project-list .main-project-item .overlay .txt .txt2 {font-size: 24px; line-height: 34px;}

@-webkit-keyframes in_top {
	from {
		   transform: translateY(-100%);
	   }
	   to {
		   transform: translateY(0%);
	   }
   }
   @keyframes in_top {
	from {
		   transform: translateY(-100%);
	   }
	   to {
		   transform: translateY(0%);
	   }
   }
   @-webkit-keyframes in_right {
	 from {
		   transform: translateX(100%);
	   }
	   to {
		   transform: translateX(0%);
	   }
   }
   @keyframes in_right {
	from {
		   transform: translateX(100%);
	   }
	   to {
		   transform: translateX(0%);
	   }
   }
   @-webkit-keyframes in_bottom {
	 from {
		   transform: translateY(100%);
	   }
	   to {
		   transform: translateY(0%);
	   }
   }
   @keyframes in_bottom {
	 from {
		   transform: translateY(100%);
	   }
	   to {
		   transform: translateY(0%);
	   }
   }
   @-webkit-keyframes in_left {
	from {
		   transform: translateX(-100%);
	   }
	   to {
		   transform: translateX(0%);
	   }
   }
   @keyframes in_left {
	 from {
		   transform: translateX(-100%);
	   }
	   to {
		   transform: translateX(0%);
	   }
   }
   @-webkit-keyframes out_top {
	from {
		   transform: translateY(0%);
	   }
	   to {
		   transform: translateY(-100%);
	   }
   }
   @keyframes out_top {
	from {
		   transform: translateY(0%);
	   }
	   to {
		   transform: translateY(-100%);
	   }
   }
   @-webkit-keyframes out_right {
	from {
		   transform: translateX(0%);
	   }
	   to {
		   transform: translateX(100%);
	   }
   }
   @keyframes out_right {
	 from {
		   transform: translateX(0%);
	   }
	   to {
		   transform: translateX(100%);
	   }
   }
   @-webkit-keyframes out_bottom {
	 from {
		   transform: translateY(0%);
	   }
	   to {
		   transform: translateY(100%);
	   }
   }
   @keyframes out_bottom {
	 from {
		   transform: translateY(0%);
	   }
	   to {
		   transform: translateY(100%);
	   }
   }
   @-webkit-keyframes out_left {
	 from {
		   transform: translateX(0%);
	   }
	   to {
		   transform: translateX(-100%);
	   }
   }
   @keyframes out_left {
	 from {
		   transform: translateX(0%);
	   }
	   to {
		   transform: translateX(-100%);
	   }
   }
   
   /* in */
   .in-top .overlay{
	 -webkit-transform-origin: 50% 0;
	 -moz-transform-origin: 50% 0;
	 -ms-transform-origin: 50% 0;
	 -o-transform-origin: 50% 0;
	 transform-origin: 50% 0;
	 -webkit-animation: in_top .3s ease forwards;
	 -o-animation: in_top .3s ease forwards;
	 animation: in_top .3s ease forwards;
   }
   .in-right .overlay{
	 -webkit-transform-origin: 100% 50%;
	 -moz-transform-origin: 100% 50%;
	 -ms-transform-origin: 100% 50%;
	 -o-transform-origin: 100% 50%;
	 transform-origin: 100% 50%;
	 -webkit-animation: in_right .3s ease forwards;
	 -o-animation: in_right .3s ease forwards;
	 animation: in_right .3s ease forwards;
   }
   .in-bottom .overlay{
	 -webkit-transform-origin: 50% 100%;
	 -moz-transform-origin: 50% 100%;
	 -ms-transform-origin: 50% 100%;
	 -o-transform-origin: 50% 100%;
	 transform-origin: 50% 100%;
	 -webkit-animation: in_bottom .3s ease forwards;
	 -o-animation: in_bottom .3s ease forwards;
	 animation: in_bottom .3s ease forwards;
   }
   .in-left .overlay{
	 -webkit-transform-origin: 0% 0%;
	 -moz-transform-origin: 0% 0%;
	 -ms-transform-origin: 0% 0%;
	 -o-transform-origin: 0% 0%;
	 transform-origin: 0% 0%;
	 -webkit-animation: in_left .3s ease forwards;
	 -o-animation: in_left .3s ease forwards;
	 animation: in_left .3s ease forwards;
   }
   /* out */
   .out-top .overlay{
	 -webkit-transform-origin: 50% 0;
	 -moz-transform-origin: 50% 0;
	 -ms-transform-origin: 50% 0;
	 -o-transform-origin: 50% 0;
	 transform-origin: 50% 0;
	 -webkit-animation: out_top .3s ease forwards;
	 -o-animation: out_top .3s ease forwards;
	 animation: out_top .3s ease forwards;
	 margin-top:-1px;
   }
   .out-right .overlay{
	 -webkit-transform-origin: 100% 50%;
	 -moz-transform-origin: 100% 50%;
	 -ms-transform-origin: 100% 50%;
	 -o-transform-origin: 100% 50%;
	 transform-origin: 100% 50%;
	 -webkit-animation: out_right .3s ease forwards;
	 -o-animation: out_right .3s ease forwards;
	 animation: out_right .3s ease forwards;
	 margin-left:1px;
   }
   .out-bottom .overlay{
	 -webkit-transform-origin: 50% 100%;
	 -moz-transform-origin: 50% 100%;
	 -ms-transform-origin: 50% 100%;
	 -o-transform-origin: 50% 100%;
	 transform-origin: 50% 100%;
	 -webkit-animation: out_bottom .3s ease forwards;
	 -o-animation: out_bottom .3s ease forwards;
	 animation: out_bottom .3s ease forwards;
	 margin-top:1px;
   }
   .out-left .overlay{
	 -webkit-transform-origin: 0% 50%;
	 -moz-transform-origin: 0% 50%;
	 -ms-transform-origin: 0% 50%;
	 -o-transform-origin: 0% 50%;
	 transform-origin: 0% 50%;
	 -webkit-animation: out_left .3s ease forwards;
	 -o-animation: out_left .3s ease forwards;
	 animation: out_left .3s ease forwards;
	 margin-left:-1px;
   }
   
   .ie-browser .main-project-list .main-project-item .overlay {animation-duration: 0.4s}
   
   .over-img{overflow:hidden;}
   .over-img img{
	   -webkit-transition:transform 0.3s;
	   -moz-transition:transform 0.3s;
	   -o-transition:transform 0.3s;
	   -ms-transition:transform 0.3s;
	   transition:transform 0.3s
   }
   a:hover .over-img img{
	   -ms-transform: scale(1.1) rotate(0.002deg);
		 -o-transform: scale(1.1) rotate(0.002deg);
		 -moz-transform: scale(1.1) rotate(0.002deg);
		 -webkit-transform: scale(1.1) rotate(0.002deg);
		 transform: scale(1.1) rotate(0.002deg);
   }
   .over-bg{
	   overflow:hidden;
	   -webkit-transition:transform 0.3s;
	   -moz-transition:transform 0.3s;
	   -o-transition:transform 0.3s;
	   -ms-transition:transform 0.3s;
	   transition:transform 0.3s
   }
   a:hover .over-bg{
	   -ms-transform: scale(1.1) rotate(0.002deg);
		 -o-transform: scale(1.1) rotate(0.002deg);
		 -moz-transform: scale(1.1) rotate(0.002deg);
		 -webkit-transform: scale(1.1) rotate(0.002deg);
		 transform: scale(1.1) rotate(0.002deg);
   }

/*메인제품*/
.clearfix::after{content: "";display: block;clear: both;}
.blind {position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden;}
.scrollFix{overflow: hidden; width: 100%; height: 100%;}
#mainProduct{ padding:250px 0; position: relative; overflow: hidden;}
/*#mainProduct:before {position: absolute; background: url("../images/main_pro_bg1.png") right top no-repeat; content: ''; z-index: 1; right: 0; top: 0; width: 574px; height: 612px;}
#mainProduct:after {position: absolute; background: url("../images/main_pro_bg2.png") left bottom no-repeat; content: ''; z-index: 1; left: 0; bottom: 0; width: 612px; height: 612px;}*/
#mainProduct .inner {position: relative; ;max-width:1460px;padding:0 20px;margin:0 auto}
.main-product__text-wrap {text-align: center; margin-bottom: 50px;}
.main-product__text-wrap .title-small {font-weight:500; color: #999300; font-size: 20px; letter-spacing: 10px; text-align: left}
.main-product__text-wrap .title-small span {color: #222;}
.main-product__text-wrap .title-large {margin:10px 0 30px; font-weight:400; color: #222222; font-size: 50px; line-height: 55px; text-align: left; font-family: 'Exo 2', sans-serif; text-align: center;}
.main-product__text-wrap .text-medium {margin:50px 0; color:#222222; font-size: 18px; line-height: 28px; text-align: center; }
.main-product__text-wrap .text-medium span {color: #c0b653}
.main-pro-con{position:relative;  z-index:2; transition:margin-left 1.8s 0.3s !important; padding-bottom:50px}
.main-pro-con .main-pro-slide{}
.main-pro-con .main-pro-slide li{width:352px; margin-right:20px; margin-bottom: 20px; border: 1px solid #a1a1a1; background: #fff;}
.main-pro-con .main-pro-slide li a{display:block; backface-visibility:hidden}
.main-pro-con .main-pro-slide li a:hover{box-shadow: rgba(0, 0, 0, 0.3) 7px 7px 7px;}
.main-pro-con .main-pro-slide li a .new-thum:after{ content:""; display:block; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.02);}
.main-pro-con .main-pro-slide li a .new-thum .thum-img{position:relative; display:block; padding-top:100%}
.main-pro-con .main-pro-slide li a .new-thum .thum-img img{position:absolute; top:0; left:0; width:100%; height:100%}
.main-pro-con .main-pro-slide li a .pro-txt{width:100%; box-sizing:border-box; padding:0px 30px 35px; color:#222; }
.main-pro-con .main-pro-slide li a .pro-txt .category{font-weight:500; font-size:24px; letter-spacing:-1px; line-height:1.5;overflow:hidden;}
.main-pro-con .main-pro-slide li a .pro-txt .tit{font-size:18px; letter-spacing:-0.25px; line-height:1.91;overflow:hidden;}
.main-pro-con .main-pro-slide li a .pro-txt .more {width: 100%; border: 1px solid #a6a6a6; padding: 13px 25px; margin-top: 20px;transition: .3s ease-out; background: url("../../img/more_arrow_black.png") right 25px center no-repeat;}
.main-pro-con .main-pro-slide li a:hover .pro-txt .more {background: #c0b653 url("../../img/more_arrow_white.png") right 25px center no-repeat;;border: 1px solid #c0b653; color: #fff;}
/* #mainProduct.aos-animate .main-pro-con{margin-left:-250px} */
/* 슬라이드 콘트롤 */
#mainProduct .sub-slide-control{ position:relative; z-index:10}
#mainProduct .sub-slide-control > div > div{box-sizing:border-box}
#mainProduct .sub-slide-control .progress{background: linear-gradient(to right, black, black) 0% 0% / 0% 100% no-repeat rgb(217, 217, 217);display: block;width:calc(100% - 120px); height:2px; overflow: hidden;transition: background-size 0.4s ease-in-out 0s; float:left;position: absolute;transform: translateY(-50%);top: 50%;}
#mainProduct .sub-slide-control .arrow_box{display: -ms-flexbox;display: flex;z-index: 1; width: 80px; float:right}
#mainProduct .sub-slide-control .sub-slide-arrow{display: block;position: relative;width: 40px;height: 30px;outline: none; transition: all .4s ease-in-out; cursor:pointer; top: 5px;}
#mainProduct .sub-slide-control .sub-slide-arrow span{position: absolute;top: 0px;width: 29px; height: 7px;transition: all .2s ease-in-out;}
#mainProduct .sub-slide-control .sub-slide-arrow.prev span{left:0px}
#mainProduct .sub-slide-control .sub-slide-arrow.next span{right:0px}
#mainProduct .sub-slide-control .sub-slide-arrow span i{ position:absolute; top:0; display:inline-block;width:30px; height:8px; color: #d9d9d9; transition: .3s ease-out; font-size: 24px; font-weight: 600;}
#mainProduct .sub-slide-control .sub-slide-arrow.prve span i{left: -1px;}
#mainProduct .sub-slide-control .sub-slide-arrow.next span i{right: -1px;}
@media all and ( min-width: 801px ){	
    /*hover active*/
    #mainProduct .sub-slide-control .sub-slide-arrow:hover{}
    #mainProduct .sub-slide-control .sub-slide-arrow:hover span{}
    #mainProduct .sub-slide-control .sub-slide-arrow:hover span i{color: #000}
    #mainProduct .sub-slide-control .sub-slide-arrow.next:hover span i{}
}


/*메인문의하기*/
.main_section4{background: url(../../img/main_section4_bg.jpg) no-repeat; width: 100%; height:630px; display: flex;align-items: center; background-size: cover;}
.main_section4 .main_tit{text-align: center; color: #fff;}
.main_section4 p{font-size: 20px; text-align: center; color: #fff;}
.main_section4 .inquiry_btn{background-color: #151620; display: flex; justify-content: space-around; align-items: center; height:70px ;width: 270px; margin: 50px auto 0;}
.main_section4 .inquiry_btn span{color: #fff; font-size: 17px;}
.main_section4 .inquiry_btn i{font-size: 24px; color: #fff; transition: all .3s;}
.main_section4 .inquiry_btn:hover i{transform: translateX(10px);}




/******************반응형****************************/
@media all and ( max-width: 1580px ){	

	/*메인비주얼*/
	.main_visual_slide .txt_wrap{left: 10%;}
	.main_visual_slide .ttl{font-size: 55px;}

	/*about*/
	.main_section2 .main_2 li:nth-child(1) img{width: 100%;}
	.main_section2 .main_2 li:nth-child(2){margin: 0 20px;}
    /*메인제품*/
	#mainProduct{padding: 250px 0}

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

	.main_tit{font-size: 40px;}
    /*메인제품*/
	#mainProduct{padding: 150px 0}
    .main-product__text-wrap {position: static; width: 100%; margin-bottom: 50px;}
    .main-product__text-wrap .title-small {font-size: 20px; letter-spacing: 10px; text-align: center}
    .main-product__text-wrap .title-large {margin:10px 0; font-weight:400; color: #222222; font-size: 50px; line-height: 55px; text-align: center}
    .main-product__text-wrap .title-large br {display: none;}
    .main-product__text-wrap .text-medium {margin:30px 0; color:#222222; font-size: 18px; line-height: 28px; text-align: center}
    .main-product__text-wrap .text-medium br {display: none;}
	.main-product__text-wrap .main_tit{text-align: center;}

	#mainProduct.aos-animate .main-pro-con{left:0; margin-left:0}
}
@media all and ( max-width: 1280px ){

	.main_tit{font-size: 34px;}
	.main_tit span{font-size: 18px;}
	/*메인비주얼*/
	.mv .mv_slide .swiper-slide{height: 800px;}

	/*메인비주얼*/
	.main_visual_slide .ttl{font-size: 40px; line-height: 55px;}
	.main_visual_slide .desc{font-size: 18px; margin: 30px 0 50px;}


	/*about*/
	.main_section2 .main_2 li:nth-child(1){width: 55%;}
	.main_section2 .main_2 li:nth-child(2){width: 30%; margin-left: 50px;}
	.main_section2 .main_2 li:nth-child(3){display: none;}

	/*문의하기*/
	.main_section4{height: 500px;}

}
@media all and ( max-width: 1024px ){	
	.main_tit{font-size: 32px;}

	/*메인비주얼*/
	.main_visual_slide .ttl{font-size: 32px; line-height: 45px;}

	/*about*/
	.main_section2 .main_2{width: 90%; margin: 0 auto; position: relative;}
	.main_section2 .main_2 li:nth-child(1){width: 100%;}
	.main_section2 .main_2 li:nth-child(1) img{border-radius: 30px;}
	.main_section2 .main_2 li:nth-child(2){width: 100%; position: absolute; margin: 0; height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 0 30px; background-color: rgba(0, 0, 0, 0.5); border-radius: 30px;}
	.main_section2 .main_2 li:nth-child(2) h2{color: #fff;}
	.main_section2 .main_2 li p{color: #fff; font-size: 18px; font-weight: 400;}

    /*메인제품*/	
    .main-product__text-wrap .title-small {font-size: 18px; letter-spacing: 5px; text-align: center}
    .main-product__text-wrap .title-large {font-size: 30px; line-height:30px;}
	.main-pro-con .main-pro-slide li{width:380px}

	.main-pro-con .main-pro-slide li a .pro-txt .category{font-size: 22px;}
}
@media all and ( max-width: 800px ){	
	.main_tit{font-size: 28px;}
	
	.scroll_btn{display: none;}

	/*about*/
	.main_section2{padding: 100px 0;}

	/*프로젝트*/
	.main-project .all {display: none}
    .main-project .small {display: block}
	.main-project-list .main-project-item {width:calc(50% - 10px)}
	.main-project-list .main-project-item .overlay {display:none;}
	.main-project-list .main-project-item .bg .tit {padding:12px; font-size:14px;}
    .main-project-list .main-project-item .overlay .inner-box { position:absolute; width:100%; height:100%; display:flex; align-items: flex-end; text-align:left; bottom:0px; left:0; padding:30px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }

    /*메인제품*/
	#mainProduct{padding: 100px 0}
	.main-pro-con{left:1000px; transition:left 1.8s 0.3s !important; margin-left:0; padding: 30px 0 50px;}
    .main-product__text-wrap {position: static; width: 100%; margin-bottom: 0px;}
    .main-product__text-wrap .text-medium {margin:30px 0; color:#222222; font-size: 15px; line-height: 25px; text-align: center}
    .main-product__text-wrap .jt_btn_point3 {display: inline-block;position: relative;vertical-align: middle;line-height: 1;text-align: center;min-width: 150px; padding: 20px 23px 20px 35px; font-size: 16px;font-weight: 400;letter-spacing: 0.05em;color: #000000; }
	.main-pro-con .main-pro-slide{margin:0 -5px}
	.main-pro-con .main-pro-slide li{margin:0 5px;}
	.main-pro-con .main-pro-slide li a .new-thum .new-cate{width:42px; height:42px; line-height:42px; left:10px}
	.main-pro-con .main-pro-slide li a .pro-txt{ padding:10px;}
	.main-pro-con .main-pro-slide li a .pro-txt .tit{font-size:15px;}
	#mainProduct.aos-animate .main-pro-con{left:0;}
	#mainProduct .sub-slide-control{}
	#mainProduct .sub-slide-control .progress{width: calc(100% - 120px);}
	#mainProduct .sub-slide-control .arrow_box{ width:80px}
	#mainProduct .sub-slide-control .sub-slide-arrow{ width:40px; height:30px; top: -20px}
	#mainProduct .sub-slide-control .sub-slide-arrow span{ top:26px}
	#mainProduct .sub-slide-control .sub-slide-arrow.prev span{ right:14px}
	#mainProduct .sub-slide-control .sub-slide-arrow.next span {left: 14px;}
	.main-pro-con .main-pro-slide li a .pro-txt .category{font-size: 18px;}
	.main-product__text-wrap .title-large{font-size: 20px;}

	/*문의하기*/
	.main_section4{height: 400px;}
	.main_section4 p{font-size: 18px;}
	.main_section4 .inquiry_btn{margin: 30px auto 0;}
	
}
/********프로젝트******/
@media all and (min-width:1025px) and (max-width:1366px) {
	.main-project-list .main-project-item .tit {font-size:16px; padding:15px;}
	.main-project-list .main-project-item .overlay .inner-box {padding:20px;}
}
@media all and (min-width:1025px) and (max-height:850px) {
	.main-project-list .main-project-item .tit {font-size:16px; padding:15px;}
	.main-project-list .main-project-item .overlay .inner-box {padding:20px;}
	.main-project-list .main-project-item .overlay:before {width:60px; height:60px;}
}


@media all and ( max-width:650px ){	
	.main_tit{font-size: 24px; margin-bottom: 20px;}
	.main_tit span{font-size: 16px;}

	/*메인비주얼*/
	.mv .mv_slide .swiper-slide{height: 700px;}
	.main_visual_slide .ttl{font-size: 28px;}
	.main_visual_slide .ttl_s{font-size: 16px;}
	.main_visual_slide .desc{font-size: 16px;}

	/*프로젝트*/
	.main-project {padding:60px 0;}
    .main-project__text-wrap {padding:0px;}
    .main-project .text-medium {font-size: 15px; line-height: 25px;}
    .main-project-list {margin:40px -2px;}

    /*메인제품*/
	#mainProduct{padding: 80px 0}
	.main-pro-con .main-pro-slide li a .pro-txt{position:inherit}
	.main-pro-con .main-pro-slide li a .pro-txt .category{ font-size:17px}
	.main-pro-con .main-pro-slide li a .pro-txt .tit{font-size:14px;}
}
@media all and ( max-width:480px ){
	.main_tit{font-size: 22px;}

	/*메인비주얼*/
	.mv .mv_slide .swiper-slide{height: 600px;}
	.main_visual_slide .ttl{font-size: 24px; line-height: 35px;}
	.main_visual_slide .ttl_s{letter-spacing: 5px; font-size: 15px;}
	.main_visual_slide .desc{font-size: 15px;}
	.main_visual_slide .jt_btn_point{font-size: 14px;}
	.main_visual_slide .jt_btn_point i{top: 18px; font-size: 20px;}

	/*about*/
	.main_section2{padding: 80px 0;}
	.main_section2 .main_2{width: 95%;}
	.main_section2 .main_2 li:nth-child(1){height: 300px;}
	.main_section2 .main_2 li:nth-child(1) img{border-radius: 20px; height: 100%;}
	.main_section2 .main_2 li:nth-child(2){padding: 10px; border-radius: 20px;}
	.main_section2 .main_2 li:nth-child(2) h2{margin-bottom:15px ;}
	.main_section2 .main_2 li p{font-size: 16px;}
	

    /*메인제품*/
	.main-pro-con{ padding-bottom:30px}
	.main-pro-con .main-pro-slide li a .pro-txt .category{ font-size:16px; text-align: center;}	
	.main-pro-con .main-pro-slide li a .pro-txt .tit{font-size:15px;}
	#mainProduct .sub-slide-control .progress{width: calc(100% - 100px);}
	#mainProduct .sub-slide-control .arrow_box{ width:60px}
	#mainProduct .sub-slide-control .sub-slide-arrow{ width:30px; height:30px; top: -15px}
	#mainProduct .sub-slide-control .sub-slide-arrow span{ top:19px;width: 20px;}
	#mainProduct .sub-slide-control .sub-slide-arrow span i{ width:22px}

	/*문의하기*/
	.main_section4 p{font-size: 16px;}
	.main_section4 .inquiry_btn{width: 250px; height: 60px;}
}
@media all and ( max-width:460px ){
    /*메인제품*/
    .main-pro-con .main-pro-slide li a .pro-txt .more {background: none; text-align: center; font-size: 13px;}
}
@media all and ( max-width:360px ){
    /*메인제품*/
	
    .main-pro-con .main-pro-slide li a .pro-txt .more {background: none; text-align: center; font-size: 13px;}
}