@charset "utf-8"; .section1 .main_more_wrap { margin-top: 5rem; overflow: hidden; } 

:root{
	--transition-custom: all 0.4s ease-in-out;
	--transition-custom2: all 0.8s ease-in-out; /* data-scroll */
	--font-family1: 'pretendard', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
	--font-family2: 'Sarpanch', 'pretendard', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
}

/*
.index_wrap .section1 { background: #111; } 
.section1 .main_more_btn { color: #fff; font-size: 1.7rem; font-weight: 400; } 

.main_more_btn { display: inline-block; border: 1px solid #ffffff85; transition: all .4s; color: #fff; font-size: 1.7rem; font-weight: 400; } 

.swiper-slide-active .main_more_btn { animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay: 0.5s; } 

.main_more_btn a { color: #fff; font-size: 1.7rem; font-weight: 400; padding: 2rem 4rem; } 

.main_more_btn span { display: flex; flex-direction: row; align-items: center; } 

.main_more_btn span b { font-weight: inherit; margin-right: 1.5rem; } 

.main_more_btn span i { width: 4rem; height: auto; transition: all .4s; position: relative; left: 0; } 

.main_more_btn:hover { background: #f9f9f914; backdrop-filter: blur(9px); border: 1px solid #fff; } 

.main_more_btn:hover i { position: relative; left: 1rem; } 

.line_box { position: relative; margin-top: 0rem; padding-bottom: 3rem; } 

.swiper-slide.swiper-slide-active .main_line { display: block; position: absolute; left: 0; bottom: 3rem; width: 100%; height: 2px; background: #fff; animation: line_left 2s; animation-fill-mode: forwards; } 

.index_wrap { line-height: 1; overflow: hidden; } 

.index_wrap .section { position: relative; } 

.index_wrap .section_wrap { width: 90%; margin: 0 auto; } 

.section1 .mySwiper .swiper-slide .slide_bg { height: 100vh; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } 
.section1 .mySwiper .swiper-slide .slide_bg::before { content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background: #00000036; } 
.section1 .mySwiper .swiper-slide .visual_wrap { position: absolute; top: 35%; left: 50%; transform: translateX(-50%); width: fit-content; width: 82%; max-width: 1610px; color: #fff; font-size: 1.6rem; font-weight: 200; } 

.section1 .mySwiper .swiper-slide .visual_wrap .img_box { margin-top: 4rem; } 

.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 { font-size: 7.2rem; font-weight: 600; line-height: 1.3; } 

.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 b { font-weight: 400; } 

.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info h3 { font-size: 2.4rem; font-weight: 300; line-height: 1.6; } 

.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info h4 { font-size: 1.4em; font-weight: 200; } 

.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1 { font-size: 7em; transition: all .3s; line-height: 1; position: relative; } 

.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1 img { max-width: fit-content; width: 100%; } 

.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1 strong { text-shadow: 3px 2px 4px #676767; } 

.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1 span { font-weight: 400; display: block; font-size: 1.24em; } 

.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box p { font-size: 1.7em; line-height: 1.3; font-family: 'SUIT'; font-weight: 300; } 

.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info .img_box { margin-bottom: 4rem; } 

.index_wrap .mySwiper .swiper-slide .visual_info h2 strong { font-weight: 700; } 

.main_btn { background: unset; width: 220px; border-radius: 33px; margin-top: 60px; transition: all .3s; border: 1px solid #fff; } 

.main_btn:hover { box-shadow: 1px 0px 3px 1px #787878; background: #fff; border: 1px solid #fff; } 

.main_btn:hover a { color: #222 } 

.main_btn a { padding: 2rem 3rem; display: flex; justify-content: space-between; align-items: center; flex-direction: row; font-size: 1.6rem; flex-wrap: nowrap; color: inherit; } 

.main_btn a i { font-size: 25px; } 

.index_wrap .section1 .swiper-wrapper { transition-timing-function: linear; } 

.bg-video { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; } 

.bg-video__content { height: 100%; width: 100%; object-fit: cover; } 

.index_wrap .mySwiper .swiper-slide.swiper-slide-active .title_box, .index_wrap .mySwiper .swiper-slide.swiper-slide-active .visual_info { overflow: hidden } 

.index_wrap .mySwiper .swiper-slide.swiper-slide-active .title_box h2 { animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; } 

.index_wrap .mySwiper .swiper-slide.swiper-slide-active .visual_info h3 { animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay: 0.2s; margin-right: 4px; } 

.index_wrap .mySwiper .swiper-slide.swiper-slide-active .visual_info h4 { animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay: 0.4s; margin-right: 4px; } 

.index_wrap .section3 .info_box >ul >li ul { overflow: hidden; } 
.index_wrap .section3 .info_box >ul >li.on ul li { animation: fadeInUp 1s cubic-bezier(0.4, 0, 0.2, 1) both; } 
*/
/* pagnation */
.pg_line { display: flex; flex-direction: column-reverse; flex-wrap: nowrap; align-items: center; position: absolute; } 

.pg_line em { font-family: var(--font-fam); font-style: normal; color: #fff; transform: rotate(270deg); font-size: 1.4rem; margin-bottom: 1.3rem; opacity: 0; transition: all .3s; } 

.control_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active::before { animation:LoadingBar 13s both; animation-delay: 0.3s; content:''; display:block; position:absolute; width: 100%; height: 100%; background: #fff; border-radius: unset; bottom: 0; } 

.control_wrap { position: absolute; top: 50%; left: 4%; } 

.control_wrap .swiper-pagination { text-align: left; position: relative; display: flex; justify-content: space-between; align-items: center; top: 0; } 

.control_wrap .swiper-pagination-bullet { border-radius: 0; height: 1rem; width: 1rem; background: unset; opacity: 1; display: block; } 

.control_wrap .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .control_wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin-left: 0; width: 2px; height: 120px; background: #ffffff45; position: relative; transition: all .4s; margin: 0; } 

.control_wrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet em { position: absolute; top: -1px; color: #fff; font-style: normal; font-size: 1.4rem; opacity: 0; opacity: 1; font-family: 'SCoreDream'; } 

.control_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active+em { opacity: 1; } 

/* arrow_wrap */
.arrow_wrap { position: absolute; color: #fff; left: 8.5%; bottom: 18%; z-index: 10; display: flex; width: 13rem; justify-content: space-between; } 

.arrow_wrap .custom_prev, .arrow_wrap .custom_next { cursor: pointer; border: 1px solid #fff; border-radius: 50%; width: 6rem; height: 6rem; display: flex; align-items: center; justify-content: center; } 

.arrow_wrap .custom_prev i, .arrow_wrap .custom_next i { font-size: 2.3rem; } 

/* 로딩바 애니메이션 */
@-webkit-keyframes LoadingBar { 
 from { height: 0px; } 
 to { height: 100%; } 
 }
@keyframes LoadingBar { 
 from { height: 0px; } 

 to { height: 100%; } 
 }

/* SECTION 공통 */
.index_wrap .inner { max-width: 1610px; margin: 0 auto; width: 90%; } 

.main_tit_1 { font-size: 4.8rem; font-weight: 700; padding-bottom: 4rem; } 

.main_tit_2 { font-size: 3.6rem; font-weight: 600; } 

.main_tit_3 { font-size: 3rem; font-weight: 700; } 

.main_wrapper .main_p1 { font-size: 4.8rem; line-height: 1.3; letter-spacing: -1px; } 
.index_wrap .section2 .swiper { padding: 4rem 0 } 


/* main */

.main-visual .caption .tit {font-family:'NanumSquare'; font-size:50px; font-weight:600; letter-spacing:-.03em; line-height:1.200em;}
.main-visual .caption .tit span {color:#00a6ea; font-weight:700;}
.main-visual .caption .con-wrap {width:100%; margin:0 auto; /*max-width:1460px;*/ text-align:left; /*padding-left:30px; padding-right:30px;*/}
.main-visual .caption .con-wrap.right {text-align:right;}
.main-visual .caption .con-wrap.center {text-align:center;}
.main-visual .caption .con-wrap .btn {font-family:'Montserrat', sans-serif; font-size:20px; font-weight:600; letter-spacing:-.03em; display:inline-flex; align-items:center;}
.main-visual .caption .con-wrap .btn span img {margin-left:25px;}

.auto-control {position:absolute; bottom:140px; display:flex; align-items:center;}

.auto-control .paging {font-family:'Montserrat', sans-serif; font-size:12px; font-weight:600; margin-right:10px; color:#fff; line-height:1.3em; letter-spacing:0; display: flex; white-space: nowrap; position:absolute; right:0;}
.auto-control .paging .current {position:absolute; left:0; letter-spacing:-.1em;}

.auto-control .progress {position:relative; width:170px; height:3px; background:#898989; margin-top:-2.5px;}
.auto-control .progress:after {content:""; position:absolute; top:0; left:0; width:0; height:100%; background:#fff;}
.auto-control .progress.active:after {width:100%; transition:4s;}
.auto-control .current {width:27px; font-size:14px; color:#fff; letter-spacing:-.03em; font-weight:700; line-height:1.3em; text-align:left;}

.auto-control .total {width:24px; text-align:right; font-size:14px; color:rgba(255, 255, 255, 0.4); letter-spacing:-.03em; font-weight:700; line-height:1.3em;}

.main-visual .slick-dots {}
.main-visual .slick-dots li {position:relative; display:inline-block; padding:0 10px;}
.main-visual .slick-dots li button {position:relative; display:block; background:rgba(255, 255, 255, 0.4); width:7px; height:7px; border:0; border-radius:100%; overflow:hidden; text-indent:-9999px;}
.main-visual .slick-dots li.slick-active button {border-color:transparent; background:#fff; }
.main-visual .custom_paging {margin-right:25px;}

.main-visual .prev {width:35px; height:18px; background:url('../../images/btn_prev.png') 50% 50% no-repeat; margin-top: -2.5px;-webkit-appearance:none;-webkit-border-radius:0; border:0;}
.main-visual .next {width:35px; height:18px; background:url('../../images/btn_next.png') 50% 50% no-repeat; margin-top: -2.5px;-webkit-appearance:none;-webkit-border-radius:0; border:0;} 
.main-visual .stop {width:34px; height:18px; background:url('../images/main/btn_stop.svg') 50% 50% no-repeat; background-size:11px; margin-top: -2.5px;}
.main-visual .play {display:none; position:relative; width:16px; height:16px; background-color:transparent; border:0;}
.main-visual .play:after {content:""; position:absolute; transform:translate(-50%,-50%); width:0; height:0; display:inline-block; border-left:11px solid #fff; border-top:6px solid transparent; border-bottom:6px solid transparent; }

.main-news .prev {width:18px; height:18px; background:url('../images/main/btn_prev.svg') 50% 50% no-repeat; margin-top: -2.5px;}
.main-news .next {width:18px; height:18px; background:url('../images/main/btn_next.svg') 50% 50% no-repeat; margin-top: -2.5px;}
.main-news .stop {width:34px; height:18px; background:url('../images/main/btn_stop.svg') 50% 50% no-repeat; background-size:11px; margin-top: -2.5px;}
.main-news .play {display:none; position:relative; width:16px; height:16px; background-color:transparent; border:0;}
.main-news .play:after {content:""; position:absolute; transform:translate(-50%,-50%); width:0; height:0; display:inline-block; border-left:11px solid #fff; border-top:6px solid transparent; border-bottom:6px solid transparent; left:-30px;}


@keyframes proBar{
    0%{width:0;}
    100%{width:170px;}
}

@keyframes m_proBar{
    0%{width:0;}
    100%{width:100px;}
}


#fp-nav.right {display:none !important;}
#rightMenu {position:absolute; top:50%; left:40px; transform:translateY(-50%); z-index:10; display:none !important;}
#rightMenu li {margin-bottom:10px;}
#rightMenu li a {position:relative; display:block; width:36px; height:36px; border-radius:100%;}
#rightMenu li a:after {content:""; position:absolute; top:50%; left:50%; width:6px; height:6px; background:#fff; border-radius:100%; transform:translate(-50%,-50%);}
#rightMenu li.active a {background:rgba(255, 255, 255, 0.3);}
#rightMenu li.last {display:none;}

.main-visual .contain {max-width:1620px;}
.main-visual .cnt:before {content:""; position:absolute; width:3px; height:40%; background:#fc7f34; left:0; top:-180px;}
.main-visual .cnt {position:relative; display:flex; justify-content: space-between;}
.main-visual .cnt .txt p {font-family:'NanumSquare',sans-serif; font-size:20px; line-height:1.7em; font-weight:400; letter-spacing:-0.05em; color:#a1a1a1; margin-bottom:40px;}
.main-visual h3 {font-family:'NanumSquare'; font-size:20px; font-weight:400; letter-spacing:-.03em; color:#fff; line-height:1.700em; margin:30px 0 65px;}
.main-visual h3 span {display:block;}
.main-visual .box {width:620px; margin-right:110px;}
.main-visual .box ul {display:flex; flex-wrap:wrap; margin-left:-20px; margin-bottom:-20px;}
.main-visual .box ul li {font-family:'NEXEN_TIRE'; font-size:20px; font-weight:700; line-height:1.5em; color:#daff01; width:calc(50% - 20px); max-width:300px; margin-left:20px; margin-bottom:20px; padding:20px 25px; border:3px solid #9eb806; border-radius:15px; background:rgb(0 0 0 / 70%);}
.main-visual .box ul li span {display:block;font-family:'GmarketSans'; color:#fff; font-size:32px; font-weight:700; margin-bottom:10px;}

.board-scroll {height:600px; overflow:auto}
.main-visual {position:relative; width:100%; height: 100vh; top:0; line-height:0; overflow:hidden; z-index:1;}
.main-visual .item {position:relative; height:100vh;}
.main-visual .video-area video {position:absolute; top:0; left:0; width:100%; height:100%; background-color: black; background-position: center center; background-size: contain; object-fit: cover;}

.main-visual h2 {font-size:68px; font-weight:800; letter-spacing:-.04em; line-height:1.15em; margin-bottom:30px; text-shadow: 5px 5px 4px rgb(0, 0, 0, .3);}
.main-visual h2 span {margin:0 -.15em} 
.main-visual p {font-size:22px; letter-spacing:-.04em; line-height:1.5em; font-weight:500;}
.main-visual .item {position:relative; width:100%; z-index:1; background-repeat: no-repeat; background-size: cover; background-position:50% 50%;}
.main-visual .img {display:block; position:relative; height:100vh; background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; background-size:cover; overflow:hidden;}
.main-visual .img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.main-visual .caption {height:100vh; justify-content:center; display:flex; flex-direction:column; justify-content center; position:absolute; top:50%; left: 0; width: 100%; padding: 0 150px; text-align: center; z-index: 45; color: #fff;  transform:translateY(-50%);}
.main-visual .caption.top {top:50%;}
.main-visual .caption.top .con-wrap {text-align:left;}
.main-visual .caption.top .con-wrap .btn {justify-content: center}
.main-visual .caption.right .capwrap {text-align:right;}
.main-visual .caption .capwrap {width:100%; max-width:1200px; text-align:left; margin:0 auto;}
.main-visual .content {position:absolute; top:50%; left:0; color:#fff; width:100%; transform:translateY(-50%); text-align:center; z-index:10}
.main-visual .content .text {display:inline-block; position:relative; padding:170px 0;}
.main-visual .content .text:before,
.main-visual .content .text:after {content:"";position:absolute; left:50%; margin-left:-37%; width:74%; height:135px; border:30px solid #fff; opacity:.3;}
.main-visual .content .text:before {top:0; border-bottom:0;}
.main-visual .content .text:after {bottom:0; border-top:0;}
.main-visual .content p {font-size:30px; letter-spacing:0.2em; line-height:1.3em; font-weight:300;}
.main-visual .content p strong {font-weight:700;}
.main-visual .content .tit {font-size:80px; color:#b88a4c; font-weight:700; letter-spacing:0.2em; line-height:1.3em;}
.main-visual .slick-list {line-height:0;}

.visual-scroll-wrap {position:absolute; width:147px; height:147px; right:100px; bottom:60px; z-index: 99999;}
.visual-scroll-wrap img {width: 100%;}
.visual-scroll-wrap:before {-webkit-animation: bounce2 .9s linear infinite alternate; -moz-animation: bounce2 .9s linear infinite alternate; -o-animation: bounce2 .9s linear infinite alternate; -ms-animation: bounce2 .9s linear infinite alternate; animation: bounce2 .9s linear infinite alternate; position:absolute; content:""; background:url('../../images/scroll.png')50% 50% no-repeat; background-size:contain; top:50%; margin-top:-7.5px; left:50%; margin-left:-7.5px; width:16px; height:21px;}
.visual-scroll {animation: rotate_image 6s linear infinite;}

@-moz-keyframes bounce2{from{bottom:80px;}to{bottom:90px;}}
@-webkit-keyframes bounce2{from{bottom:80px;}to{bottom:90px;}}
@-o-keyframes bounce2{from{bottom:80px;}to{bottom:90px;}}
@keyframes bounce2{from{bottom:80px;}to{bottom:90px;}}


@keyframes rotate_image{
    100% {
        transform: rotate(360deg);
    }
} 

@-moz-keyframes bounce2{from{bottom:80px;}to{bottom:90px;}}
@-webkit-keyframes bounce2{from{bottom:80px;}to{bottom:90px;}}
@-o-keyframes bounce2{from{bottom:80px;}to{bottom:90px;}}
@keyframes bounce2{from{bottom:80px;}to{bottom:90px;}}

@media (max-width: 1280px) {
    .auto-control {bottom:50px;}
    
	.main-visual .fp-tableCell {padding:0;} 
	
	.main-visual .item {height:100vh;}
	.main-visual .caption {padding:0 30px; height:100vh;}
	.main-visual .img {height:100vh;}

	.main-visual h2 {font-size:60px;}
	.main-visual p {}    
}

@media (max-width: 1024px) {
	.main-visual .item {height:100%;} 
	
	.main-visual h2 {font-size:44px; margin-bottom:20px;}
	.main-visual p {font-size:18px; margin-bottom:40px;}
	.visual-scroll-wrap {width:130px; height:130px; right:50px; bottom:30px;}
}

@media (max-width: 900px) {
	.main-visual h2 {font-size:40px;}
	.main-visual p {font-size:16px; margin-bottom:20px;}
	.main-visual .caption .con-wrap .btn {font-size:15px;}
	.main-visual .caption .con-wrap .btn span img {width:50px; margin-left:15px;}
	.main-visual h2 {font-size:30px;}
	.visual-scroll-wrap {width:100px; height:100px; right:30px; bottom:20px;}
	.visual-scroll-wrap:before {width:14px; margin-left:-7px;}
}

/* SECTION2 */
.feature { padding: 170px 0; }
.feature .grid { display: flex; }
.feature .grid .box { flex: 1 1 50%; }
.feature .grid .box:first-child { padding: 30px 5% 0 0; }
.feature .image_wrap { overflow: hidden; text-align: right; border-radius: 20px;}
.feature .image_wrap img { display: block; transition: transform ease 0.8s; width: 100%;}
.feature .image_wrap:hover img { transform: scale(1.1); }

.setion_tit {position: relative; font-family: 'play'; color: #ed1c24; font-size: 2rem; font-weight: bold; padding-bottom: 10rem; margin-bottom: 3.5rem;}
.setion_tit:after {content: ''; position: absolute; left: 0; bottom: 0; width: 1px; height: 65px; background: #333;}
.act_btn.sec_btn { display: inline-block; overflow: hidden; margin-top: 5rem; }
.act_btn.sec_btn.non_top {margin-top: 0rem; }
.act_btn.sec_btn span { font-size: 1.8rem; color: #111; font-weight: 600;}
.act_btn.sec_btn:hover span { color: #ed1c24;}
.act_btn.sec_btn span::after { content:''; background:url('../../images/section2_arrow.png') no-repeat center; width:8px; height:14px; position:relative; display:inline-block; margin-left: 30px;}
.act_btn.sec_btn:hover span::after { background:url('../../images/section2_arrow_on.png') no-repeat center; }

.section-text { position: relative; }
.section-text .title { line-height: 1.3; font-size: 4.8rem; font-weight: 700; color: #333; letter-spacing: -0.03em; }
.section-text .text { margin-top: 4rem; font-size: 2.4rem; color: #666666; line-height: 1.6;}

.section-main { position: relative; width: 100%; height: 100vh; z-index:1; overflow: hidden; }
.section-main .scroll-down { z-index: 2; position: absolute; bottom: 40px; right: 0; left: 0; margin: auto; width: 40px; height: 21px; }
.section-main .scroll-down::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/images/main/scroll_down.png') no-repeat center / auto 100%; animation: scroll-down ease 1.5s infinite; opacity: 0; transform: translateY(-20px); }
@keyframes scroll-down {
    0% { transform: translateY(-20px); opacity: 0; }
    40%, 60% { transform: translateY(0px); opacity: 0.7; }
    100% { transform: translateY(20px); opacity: 0; }
}

@media screen and (max-width: 1400px){
    .section-text .text br {display: none;}
}

@media screen and (max-width: 1200px){
    .feature .grid .box:first-child { padding: 0 5% 0 0; }
    .setion_tit {font-size: 2rem; padding-bottom: 5rem; margin-bottom: 1.5rem;}
    .setion_tit:after {height: 30px;}
    .section-text .title {font-size: 3.8rem;}
    .section-text .text { margin-top: 3rem; font-size: 2rem; }
}

@media screen and (max-width: 768px){
    .feature { padding: 60px 0; }
    .feature .grid { flex-direction: column; }
    .feature .grid .box:first-child { padding: 30px 0 0; }
    .feature .image_wrap {margin-top: 3rem;}
    .section-text .title br {display: none;}
    .section-text .text { margin-top: 2rem; font-size: 2rem; }
    .act_btn.sec_btn {margin-top: 3rem; }
}

@media screen and (max-width: 480px){
    .section-text .title {font-size: 3rem;}
    .section-text .text { margin-top: 3rem; font-size: 1.7rem; }
    .act_btn.sec_btn span { font-size: 1.6rem;}
}

/* SECTION3 */
.main-product-tit-box{display: flex; align-items:flex-end; margin-top:2rem;}
.main-tit-box .main-tit {font-family: 'play'; color: #ed1c24; font-size: 2rem; font-weight: bold; margin-bottom: 3.5rem;}
.main-product-tit-box .tit{font-size:4.8rem; line-height:1.3; letter-spacing:-0.05em; color:#333; font-weight:700;margin-right: auto;}
.main-product-tit-box .txt{font-size:1.8rem; line-height:1; letter-spacing:-0.05em; color:#000; opacity:0.8; margin-left:5rem; margin-bottom:0.5rem; text-align: right;}

.main-product-list{display: flex !important; justify-content:space-between; margin-top:3.3rem; /* overflow:hidden; */}
.main-product-list .list-item{width:calc(20% - 2rem); transition:var(--transition-custom2);}
.main-product-list .list-item .main-txt-effect.splitting .char{transition:var(--transition-custom2);}
.main-product-list .list-item a{position: relative; display: block; width:100%; height:0; /* padding-top:100%; */ padding-top:126.67%; background:#f9f9f9; border-radius:15px; transition:var(--transition-custom);}
.main-product-list .list-item .tit-box{position: absolute; width:100%; top:0; left:0; padding:3.5rem 4rem; box-sizing:border-box; color:#000; transition:var(--transition-custom);}
.main-product-list .list-item .tit-box .tit{font-size:2.4rem; letter-spacing:-0.025em; font-weight:600; margin-bottom:1.3rem; color: #333;}
.main-product-list .list-item .tit-box .txt{font-size:1.8rem; letter-spacing:-0.05em; margin-bottom:1.7rem; color: #666666}
.main-product-list .list-item a:hover .tit-box .tit{color: #fff;}
.main-product-list .list-item a:hover .tit-box .txt{color: #f3f3f3}
.main-product-list .list-item .tit-box i{font-size:2.4rem;}
.main-product-list .list-item .img-box{position: absolute; bottom:0; right:0;}
.main-product-list .list-item .img-box img{/* max-width:100%; */ max-width:80%; float:right;}

/* 오버효과 */
.main-product-list .list-item a:hover{background:var(--main-color); box-shadow: 0.7rem 0.6rem 2.673rem 0.27px rgba(0, 80, 143, 0.2);}
.main-product-list .list-item a:hover .tit-box{color:#fff !important;}
.main-product-list .list-item a:hover .main-txt-effect.splitting .char{transition-delay:0s;}
.main-product-list .list-item .main-txt-effect.splitting .char{transition:transform 0.8s ease-in-out, opacity 0.8s ease-in-out}


@media all and (max-width:1280px){
	.main-product-tit-box .tit{width:50%; font-size: 3.8rem}
	.main-product-tit-box .txt{width:50%; margin-left:0;}

	.main-product-list{flex-wrap:wrap;}
	.main-product-list .list-item{width:calc(50% - 2.6rem); margin-bottom:5.2rem;}
	.main-product-list .list-item a{padding-top:60%;}
	.main-product-list .list-item .img-box{width:50%;}
	.main-product-list .list-item .img-box span{display: block; text-align:right;}
}
@media all and (max-width:800px){
    .main-tit-box .main-tit {margin-bottom: 1.5rem;}
	.main-product-tit-box{display: block; margin-top: 0;}
	.main-product-tit-box .tit{width:100%; padding-bottom: 3rem}
    .main-product-tit-box .tit br {display: none;}
	.main-product-tit-box .txt{width:100%;}
	.main-product-list .list-item{width:calc(50% - 1.6rem); margin-bottom:3.2rem;}
	.main-product-list .list-item a{padding-top:110%;}
	.main-product-list .list-item .tit-box{padding:2rem;}
}
@media all and (max-width:480px){
	.main-product-list .list-item{width:100%; margin-bottom:1.5rem;}
	.main-product-list .list-item a{padding-top:100%;}
	.main-product-list .list-item .tit-box{padding:4rem;}
    .main-product-tit-box .tit{font-size: 3rem}
}

/* SECTION4 */
.equipment{padding: 15rem 0; position: relative; z-index: 1; overflow: hidden;}

.c_hero {position:relative;z-index:0;width:100%; height: 0;}
.c_marquee {position:absolute; right: 91px; transform: translateX(-50%);}
.c_marquee .cm_wrap {width:100%; height:180px; display:flex; justify-content:center; align-items:center;}
.c_marquee .marquee,
.c_marquee .marqueereverse {position:absolute; display:inline-block; white-space:nowrap; font-family:'Play'; font-size:25.5rem; font-weight:900; line-height:180px;}
 .c_marquee .marqueereverse {color: #eeeeee; opacity: .5; animation:slidereversemarquee 120s linear infinite;}
 .c_marquee .marqueereverse.t1 {animation-delay:-60s;}
@keyframes slidemarquee {0% {transform:translateX(-100%);}100% { transform:translateX(100%);}}
@keyframes slidereversemarquee {0% {transform:translateX(100%);}100% { transform:translateX(-100%);}}


.main-quick-con{margin-top: 10rem;}
/* 오른쪽 텍스트 영역 */
.main-quick-right{float: right; margin-top: 245px; width: 650px;}
.main-quick-right .main-quick-tit-box{}
.main-quick-right .main-quick-tit-box .tit{font-size: 90px; font-weight: 700; line-height: 0.8; letter-spacing: -0.025em; color: var(--main-color);}
.main-quick-right .main-quick-tit-box .tit.cm-word-split-JS.splitting .word{line-height: 1;}
.main-quick-right .main-quick-tit-box .tit b{display: inline-block; color: var(--main-color); font-weight: 700;}
.main-quick-right .main-quick-tit-box .txt01 {margin-top: 45px; font-size: 20px; font-weight: 700; line-height: 1.3; letter-spacing: -0.025em; color: #083250;}
.main-quick-right .main-quick-tit-box .txt02 {margin-top: 25px; font-size: 17.5px; line-height: 1.8; color: #55585b;}

.main-quick-tit-box .txt01,
.main-quick-tit-box .txt02{opacity: 0;}
.main-quick-tit-box .tit.splitting .char{opacity:0;}
.animated .main-quick-tit-box .tit.splitting .char,
.animated .main-quick-tit-box .txt01,
.animated .main-quick-tit-box .txt02{
	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.animated .main-quick-tit-box .txt01{animation-delay: 0.2s;}
.animated .main-quick-tit-box .txt02{animation-delay: 0.4s;}

/* 왼쪽 이미지 영역 */
.main-quick-left{max-width: 848px; width: calc(100% - 650px); float: left;}
.main-quick-wrapper{position: relative;}
.main-quick-list{width: 46.76%;}
.main-quick-list.list01{float: left; }
.main-quick-list.list02{margin-top: 155px; float: right;}
.main-quick-item{position: relative;}
.main-quick-list.list01 .main-quick-item, .main-quick-list.list02 .main-quick-item {box-shadow: 40px 40px 40px 0px rgba(0, 0, 0, 0.16);}
.main-quick-item .quick-item-inner {display: block; position: relative; width: 100%; height: 0; padding-top: 131.15%; -webkit-box-shadow: 55px 55px 150px -75px rgba(0,0,0,0.26); box-shadow: 55px 55px 150px -75px rgba(0,0,0,0.26); overflow: hidden;border-radius: 15px; }
.main-quick-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.7s; transition: all 0.7s;}
.main-quick-txt{position: absolute; left: 10%; padding-right: 10%; top: 7%;}
/* 내부 텍스트 영역 */
.main-quick-txt p{font-size: 2.4rem; font-weight: 500; line-height: 1.5em; color: #fff;}
.quick-txt-bottom {margin-top: 10px; display: flex; align-items: center; justify-content: space-between;}
.quick-txt-bottom p{font-size: 16px; font-weight: bold; line-height: 2.8em; letter-spacing: -0.025em; color: rgba(255, 255, 255,0.55);}
.quick-txt-bottom span{display: inline-block; position: relative; font-size: 1.6rem; font-family: 'play'; letter-spacing: -0.025em; color: #fff;}
.quick-txt-bottom span:after{content:''; background:url('../../images/section4_arrow.png') no-repeat center; width:8px; height:14px; position:relative; display:inline-block; margin-left: 30px;}

@media all and (min-width:801px){	
	.main-quick-item a:hover .main-quick-bg{-webkit-transform: scale(1.2); transform: scale(1.2);}
	.main-quick-item a:hover .quick-txt-bottom span:before{width: 30px;}
}

/* 왼쪽 이미지 영역 23-06-01 수정 */
.quick-txt-bottom span {left: 0rem;}
.main-quick-txt .quick-link {display: block; margin-bottom: 0.6rem;}
.main-quick-txt .quick-link:last-of-type {margin-bottom: 0;}
.main-quick-item .quick-link:hover ~ .quick-txt-bottom span:before {width: 30px;}
.main-quick-item .quick-link:hover .main-quick-bg{-webkit-transform: scale(1.2); transform: scale(1.2);}

@media all and (max-width:1650px){
	.main-quick-right {width: 38%;}
	.main-quick-left {width: calc(62% - 60px);}
	.main-quick-tit-box .txt02 .pc-br{display: none;}
}
@media all and (max-width:1220px){
	.main-quick-right {width: 42%;}
	.main-quick-left {width: calc(58% - 60px);}
	.main-quick-list .main-quick-item .quick-txt-bottom {flex-direction: column; align-items: flex-start;}
	.main-quick-list .main-quick-item .quick-txt-bottom a:nth-child(2)::before {left: auto; right: -35px;}
}
@media all and (max-width:1024px){
	.equipment {padding: 50px 0 160px;}
	.main-quick-right{float: none; width: 100%; margin-top: 0;}
	.main-quick-left{float: none; width: 100%;}
	.main-quick-list{position: relative; float: left;}
	.main-quick-list.list02{margin-top: 0; float: right;}
	.main-quick-wrapper {margin-top: 3rem;}
}
@media all and (max-width:800px){
	.equipment {padding: 35px 0 130px;}
	/* 오른쪽 텍스트 영역 */
	.main-quick-txt{left: 10%; bottom: 10%;}
	.main-quick-right .main-quick-tit-box .tit{font-size: 50px;}
	.main-quick-right .main-quick-tit-box .txt01 {margin-top: 25px; font-size: 15px;}
	.main-quick-right .main-quick-tit-box .txt02 {margin-top: 15px; font-size: 14px;}
	/* 내부 텍스트 영역 */
	.quick-txt-bottom {margin-top: 15px;}
	.main-quick-list.list02 .quick-txt-bottom{margin-top: 10px;}
	.quick-txt-bottom span{padding-left: 0px;}
	.quick-txt-bottom span:before{right: auto; left: 0;}
}
@media all and (max-width:640px){
	.main-quick-list .main-quick-item .quick-txt-bottom {flex-direction: column; align-items: flex-start;}
}

@media all and (max-width:460px) {
	.main-quick-txt p br {display: none;}
	.main-quick-wrapper {display:flex; flex-direction: column;}
	.main-quick-list {width: 100%;}
	.quick-txt-bottom, .main-quick-list.list02 .quick-txt-bottom {margin-top: 30px;}
    .main-quick-list.list02{margin-top: 3rem;}
}


/* SECTION5 */
.career {background: url("../../images/section5_bg.jpg") center center no-repeat; position: relative; padding: 17rem 0;}
.main-sub-txt {font-size:4.8rem; line-height:1.3; letter-spacing:-0.05em; color:#333; font-weight:700;}

@media all and (max-width:1280px){
	.main-sub-txt{font-size: 3.8rem}
}
@media all and (max-width:800px){
	.main-sub-txt{padding-bottom: 3rem}
}
@media all and (max-width:640px){
	.career {padding: 16rem 0;}
}
@media all and (max-width:480px){
    .career {padding: 15rem 0;}
}