@charset "utf-8";

#container {overflow: hidden;}
.slideControl {display: flex; align-items: center; gap: .5rem;}
.slideControl .pause-btn {position: relative; cursor: pointer;}
.slideControl .pause-btn i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: .5s ease;}
.slideControl .pause-btn .play {opacity: 0; transform: translate(-50%, -50%) scale(.5);}
.slideControl .pause-btn.on .play {opacity: 1; transform: translate(-50%, -50%);}
.slideControl .pause-btn.on .pause {opacity: 0; transform: translate(-50%, -50%) scale(.5);}
.slideControl .slick-dots {position: static; display: flex; gap: .9rem;}
.slideControl .slick-dots li {margin: 0; width: 10px; height: 10px;}
.slideControl .slick-dots li button {padding: 0; width: 100%; height: 100%; border-radius: 50%; background: #dcdcdc;}
.slideControl .slick-dots li button:before {display: none;}
.slideControl .slick-dots li.slick-active button {background: var(--red);}

.arrow-btn-wrap {display: flex; align-items: center; gap: .9rem;}
.arrow-btn-wrap .slick-disabled, .arrow-btn-wrap .swiper-button-disabled {opacity: .3;}
.view-more.type1 {position: relative; width: clamp(180px, 50%, 240px); height: 3.3rem; border: 1px solid #D4D4D4; border-radius: 5rem; display: flex; align-items: center; padding: .3rem; box-sizing: border-box; margin: 0 auto; background: #fff;}
.view-more.type1 .arrow {width: 2.6rem; height: calc(100% - .6rem); border-radius: 5rem; background: #d42a1e; display: flex; align-items: center; justify-content: center; color: #fff; position: absolute; top: 50%; right: .3rem; transform: translateY(-50%); transition: .5s ease;}
.view-more.type1 .arrow i {transition: .5s ease;}
.view-more.type1 > span {width: 100%; text-align: center; color: #474747; font-weight: 500; position: relative; z-index: 1; transition: .5s ease; padding-right: 2.6rem; box-sizing: border-box;}

/* 비주얼 ---------------------------------------------- */
.visual-wrap {position: relative;}
.visual {height: 100vh; height: var(--100vh); width: 100%; position: relative; overflow: hidden; min-height: clamp(33rem, 101vw, 760px); padding-top: var(--header-height); box-sizing: border-box; color: #fff; overflow: hidden; display: flex; align-items: center; justify-content: center; will-change: transform, opacity;}
.visual .videoBg {position: absolute; width: 100%; height: 100%; padding-top: var(--header-height); padding-bottom: 20px; box-sizing: border-box; top: 0; left: 0; overflow: hidden;}
.visual .videoBg > img {width: 100%; height: 100%; object-fit: cover;}
.visual .videoBg .slick-wrap {width: 100%; height: 100%;}
.visual .videoBg .slick-wrap .slick-track, .visual .videoBg .slick-wrap .slick-slide {will-change: transform;}
.visual .videoBg .slick-wrap .slick-list, .visual .videoBg .slick-wrap .slick-track {height: 100%;}
.visual .videoBg .slick-wrap .slide {position: relative;}
.visual .videoBg .slick-wrap .slick-slide .box {width: calc(100% - 30px); height: 100%; border-radius: 30px; overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.visual .videoBg .slick-wrap .slick-slide .box > * {width: 100%; height: 100%; object-fit: cover; position: absolute; box-sizing: border-box;}
.visual .videoBg .slick-wrap .slick-slide .box video + img {display: none;}
.visual .inner {position: relative; z-index: 1; display: flex; align-items: center;}
.visual .inner .cont-box {width: 100%; display: flex; flex-direction: column; gap: 1.9rem; padding: 0 10px;}
.visual .inner .cont-box .text-box {display: flex; flex-direction: column; gap: .85rem;}
.visual .inner .cont-box .text-box .title {font-size: clamp(3rem, 3.6vw, 3.6vw); font-weight: 700; text-transform: uppercase; width: 100%;}
.visual .inner .cont-box .text-box .title p {position: relative; overflow: hidden;}
/*.visual .inner .cont-box .text-box .title p span {animation: upMove100 1s .05s cubic-bezier(0.61, -0.11, 0.32, 0.95) both; position: relative;}*/
.visual .inner .cont-box .text-box .title p:last-child:after {animation-delay: .1s;}
.visual .inner .cont-box .text-box .title.mo {display: none;}
.visual .inner .cont-box .text-box .text {font-size: clamp(1.1rem, 1.5vw, 1.5vw); overflow: hidden;}
.visual .inner .slideControl {display: flex; align-items: center; gap: 1rem; overflow: hidden;}
.visual .inner .slideControl .num-box {display: flex; align-items: center; gap: .85rem; font-weight: 500;}
.visual .inner .slideControl .num-box .now {width: 1.3em; text-align: center;}
.visual .inner .slideControl .num-box .total:before {content: ""; width: 1px; height: .85rem; background: #fff; display: inline-block; margin-right: .85rem;}
.visual .inner .slideControl .bar {position: relative; width: 40%; max-width: 177px; height: 2px; background: rgb(255 255 255 / 60%);}
.visual .inner .slideControl .bar .active {position: absolute; background: #fff; width: 0%; left: 0; top: 0; height: 100%; transition: .5s ease; animation: widthMove 7.9s linear both;;}
.visual .inner .slideControl .pause-btn {width: 1.5rem; height: 1.5rem; background: #D42A1E; border-radius: 50%; color: #fff;}
.visual .inner .slideControl .pause-btn i {font-size: .85rem;}
.visual .scroll-down {position: absolute; bottom: calc(6vh + 20px); right: calc(var(--inner-padding) + 10px); width: clamp(80px, 15vw, 136px);}
.visual .scroll-down .out {animation: rotateMove 8s .4s linear both infinite; transform-origin: 50% 50%;}
.visual .scroll-down .out .circle circle {animation: scroll_down_circle 2s ease both infinite;}
.visual .scroll-down .out .circle circle:first-child {transform-origin: 15% 25%;}
.visual .scroll-down .out .circle circle:nth-child(2) {transform-origin: 84% 74%;}
.visual .scroll-down .out .circle circle:nth-child(3) {transform-origin: 87% 68%;}
.visual .scroll-down .out .circle circle:nth-child(4) {transform-origin: 12% 28%;}
@keyframes scroll_down_circle {0%, 20% {transform: scale(0);} 50%, 100% {transform: none;}}
.visual .scroll-down .mouse {animation: scroll_down_mouse 4s ease both infinite;}
@keyframes scroll_down_mouse {50% {filter: drop-shadow(0 0 10px #fff);} 70%, 100% {filter: none;}}
.visual .scroll-down .mouse line {animation: scroll_down_mouse_line 4s .5s ease both infinite ;}
@keyframes scroll_down_mouse_line {0%, 40%, 80%, 100% {transform: none;} 20% {transform: translateY(5px);} 60% {transform: translateY(10px);}}
.visual.lvh {height: 100lvh !important;}


.sec {position: relative; overflow: hidden;}
.sec > .bg {position: absolute; max-width: 100%; max-height: 100%; right: 0; bottom: 0; pointer-events: none;}
.sec > .bg + .inner {position: relative; z-index: 1;}

.sec02 {/*padding-top: 5.3rem;*/ padding-bottom: 3.5rem;}
.sec02 .bg {opacity: .02;}
.sec02.show .bg path {animation: sec_bg_line_move 4s cubic-bezier(0.49, 0.21, 0.49, 0.77) both infinite alternate;}
@keyframes sec_bg_line_move {0% {clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); fill: var(--black)} 50% {fill: var(--black);} 80%, 100% {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); fill: var(--red)}}
.sec02 .top-box {display: flex; row-gap: 2rem; justify-content: space-between; margin-bottom: 4.2rem; flex-wrap: wrap; padding-left: clamp(20px, 8.5%, 8.5%); padding-right: clamp(20px, 8.5%, 8.5%);}
.sec02 .top-box .text-box {display: flex; flex-direction: column; gap: 1rem;}
.sec02 .top-box .text-box .title-box {display: flex; flex-direction: column; gap: .5rem;}
.sec02 .top-box .text-box .title-box .eng {color: #6C6C6C; font-size: .8rem;}
.sec02 .top-box .text-box .title-box .sec-title {font-size: clamp(1.8rem, 2vw, 2.4rem); font-weight: 700;}
.sec02 .top-box .text-box .text {line-height: 1.6; font-size: .95rem; color: #acacac; font-weight: 300;}
.sec02 .top-box .slideControl {gap: 1.7rem;}
.sec02 .top-box .slideControl .arrow-btn-wrap {display: flex; gap: .9rem; align-items: center;}
.sec02 .top-box .slideControl .arrow-btn-wrap .arrow-btn {position: relative; width: 2.2rem; height: 2.2rem; border-radius: 50%; background: var(--black); color: #fff; display: flex; align-items: center; justify-content: center;}
.sec02 .top-box .slideControl .arrow-btn-wrap .arrow-btn:after {content: ""; position: absolute; width: 100%; height: 100%; padding: 2px; border-radius: 50%; border: 1px solid var(--black); top: 50%; left: 50%; transform: translate(-50%, -50%) scale(.9); opacity: 0; transition: .5s ease;}
.sec02 .top-box .slideControl .num-box {font-size: .9rem; display: flex; gap: .3rem;}
.sec02 .top-box .slideControl .num-box .now {width: 1.5em; text-align: right;}
.sec02 .top-box .slideControl .pause-btn {position: relative; width: 2.2rem; height: 2.2rem; border-radius: 50%; background: #D42A1E; color: #fff; display: flex; align-items: center; justify-content: center;}
.sec02 .top-box .slideControl .pause-btn:after {content: ""; position: absolute; width: 100%; height: 100%; padding: 2px; border-radius: 50%; border: 1px solid var(--red); top: 50%; left: 50%; transform: translate(-50%, -50%) scale(.9); opacity: 0; transition: .5s ease;}
.sec02 .top-box .slideControl .pause-btn i {transition: .5s ease;}
.sec02 .slick-wrap {margin-bottom: 3.3rem;}
.sec02 .slick-wrap .slick-track {display: flex; align-items: center; left: 9vw;}
.sec02 .slick-wrap .slick-slide {transition: .5s ease;}
.sec02 .slick-wrap .slick-slide .slide {box-sizing: border-box; position: relative; padding: 0 1rem; cursor: pointer; transition: .5s ease;}
.sec02 .slick-wrap .slick-slide .slide .img-box {position: relative; overflow: hidden; border-radius: 10px; border: 1px solid #e5e5e5; width: clamp(240px, 21vw, 21vw); aspect-ratio: 404 / 311; display: flex; align-items: center; justify-content: center; padding: 1.5rem; box-sizing: border-box; background: #fff; transition: .5s ease;}
.sec02 .slick-wrap .slick-slide .slide .img-box:before {content: "\e97a"; font-family: xeicon !important; position: absolute; width: 5.5rem; height: 5rem; bottom: 0; right: 0; background: var(--red); color: #fff; display: flex; align-items: center; justify-content: center; padding: 2rem .5rem 0 2.5rem; font-size: 1.35rem; box-sizing: border-box; text-align: center; line-height: 1; opacity: 0; clip-path: polygon(100% 100%, 100% 100%, 100% 100%); transition: .5s ease;}
.sec02 .slick-wrap .slick-slide .slide .img-box:after {content: ""; position: absolute; width: 100%; height: 0; bottom: 0; left: 0; background: linear-gradient(0deg, #F5F5F5, #F5F5F5); z-index: -1; transition: .5s ease;}
.sec02 .slick-wrap .slick-slide .slide .img-box img {max-height: 140px; max-width: 80%; transition: .5s ease;}
.sec02 .slick-wrap .slick-current .slide .img-box img {max-height: 204px;}
.sec02 .slick-wrap .slick-slide .slide .text-box {width: 100%; position: relative; margin-top: .5rem; border-radius: 10px; overflow: hidden; text-align: center; display: flex; align-items: center; flex-direction: column; gap: .5rem; padding: .9rem .5rem; box-sizing: border-box; transition: .5s ease;}
.sec02 .slick-wrap .slick-slide .slide .text-box:before, .sec02 .slick-wrap .slick-slide .slide .text-box:after {content: ""; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; background: #D42A1E; clip-path: circle(0% at 50% 100%); transition: 1s .1s ease; z-index: -1;}
.sec02 .slick-wrap .slick-slide .slide .text-box:before {opacity: .4;}
.sec02 .slick-wrap .slick-slide .slide .text-box:after {transition-delay: .2s;}
.sec02 .slick-wrap .slick-slide .slide .text-box .cate {color: #5D5D5D; font-size: .9rem;}
.sec02 .slick-wrap .slick-slide .slide .text-box .name {font-size: clamp(1.2rem, 2vw, 1.35rem); font-weight: 500;}
.sec02 .slick-wrap .slick-current + .slick-slide + .slick-slide .slide {left: -2.1vw;}
.sec02 .slick-wrap .slick-current + .slick-slide + .slick-slide + .slick-slide .slide {left: -4.2vw;}
.sec02 .slick-wrap .slick-current + .slick-slide + .slick-slide + .slick-slide + .slick-slide .slide {left: -6.3vw;}
.sec02 .slick-wrap .slick-slide.slick-current .slide .img-box {border-color: transparent; background: transparent;}
.sec02 .slick-wrap .slick-slide.slick-current .slide .img-box:after {height: 100%;}
.sec02 .slick-wrap .slick-slide.slick-current .slide .text-box > * {color: #fff !important;}
.sec02 .slick-wrap .slick-slide.slick-current .slide .text-box:before, .sec02 .slick-wrap .slick-slide.slick-current .slide .text-box:after {clip-path: circle(150% at 50% 100%);}
.sec02 .slick-wrap .slick-slide:not(.slick-current) .slide .img-box {scale: .8; transform: translateY(11px);}
.sec02 .slick-wrap .slick-slide:not(.slick-current) .slide .text-box {transform: translateY(-11px); opacity: .4;}
.sec02 .slick-wrap .slick-slide:has( + .slick-current) .slide .text-box {opacity: 0;}



.sec03 {padding-top: 3.2rem; padding-bottom: 9.2rem;}
.sec03 .bg {overflow: hidden; width: 100%; height: 100%; display: flex; width: 100%; height: 100%; align-items: flex-end; transition: .5s ease;}
.sec03 .bg svg {opacity: .2; width: clamp(500px, 80%, 941px); height: auto; flex: none; margin-left: auto;}
.sec03 .bg .line line {stroke-dashoffset: 300;}
.sec03:not(.show) .bg {opacity: 0;}
.sec03.show .bg .line line {animation: draw_move 5s 1s ease both infinite alternate;}
.sec03.show .bg .circle path {animation: sec03_bg_circle 2s 1s ease both infinite alternate;}
@keyframes draw_move {0% {stroke-dasharray: 0 300;} 70%, 100% {stroke-dasharray: 300 0;}}
@keyframes sec03_bg_circle {0% {opacity: 0;} 70%, 100% {opacity: 1;}}

.sec03 .title-box {display: flex; flex-direction: column; gap: .9rem; text-align: center; margin-bottom: 4.5rem;}
.sec03 .title-box .eng {color: #d42a1e; font-weight: 600;}
.sec03 .title-box .sec-title {font-size: clamp(2rem, 3vw, 3rem); font-weight: 600; overflow: hidden;}
.sec03 .bot-box {display: flex; gap: 2%;}
.sec03 .bot-box > div {display: flex; flex-direction: column; gap: 1.2rem;}
.sec03 .bot-box .box-title {font-size: 1.5rem; font-weight: 600; display: flex; align-items: center; gap: .8rem;}
.sec03 .bot-box .box-title:before {content: ""; clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); width: 13px; height: 12px; background: #D42A1E; display: inline-block;}
.sec03 .bot-box .location-box {flex: 1;}
.sec03 .bot-box .location-box .map-box {flex: 1; border-radius: 20px; overflow: hidden;}
.sec03 .bot-box .data-box {width: 35.5%; min-width: 350px;}
.sec03 .bot-box .data-box .list {border-radius: 10px; border: 1px solid #e4e4e4; padding: 6%; background: #fff; display: flex; flex-direction: column; gap: clamp(.4rem, 2vw, .9rem); height: 17.9rem;}
.sec03.show .bot-box .data-box .list:not(:has(li:hover)) li:nth-child(4) a > div > * {animation-delay: 9s;}
.sec03 .bot-box .data-box .list li a {display: flex; gap: 2%;}
.sec03 .bot-box .data-box .list li a > div {position: relative; height: 3.8rem; background: #E4E4E4; border-radius: 10px; color: #ACACAC; overflow: hidden; transition: .5s ease;}
.sec03 .bot-box .data-box .list li a > div:after {content: ""; position: absolute; background: #D42A1E; top: 0; left: 0; width: 100%; height: 100%; clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); transition: .5s ease;}
.sec03 .bot-box .data-box .list li a > div > * {position: relative; z-index: 1;}
.sec03 .bot-box .data-box .list li a .title {flex: 1; display: flex; align-items: center; padding: 1rem clamp(20px, 5%, 5%); box-sizing: border-box;}
.sec03 .bot-box .data-box .list li a .title p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; position: relative; line-height: 1.3; width: auto; font-weight: 400; word-break: break-all; color: transparent;}
.sec03 .bot-box .data-box .list li a .title p:before, .sec03 .bot-box .data-box .list li a .title p:after {content: attr(data-text); position: absolute; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 1.3; width: auto; font-weight: 400; word-break: break-all; transition: 1s ease; color: transparent;}
.sec03 .bot-box .data-box .list li a .title p:before {top: 0; color: #ACACAC;}
.sec03 .bot-box .data-box .list li a .title p:after {top: 100%; color: #fff; transform: rotateX(-90deg);}
.sec03 .bot-box .data-box .list li a .link-btn {aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; flex: none;}
.sec03 .bot-box .data-box .list li a .link-btn i {position: relative; width: 1rem; height: 1rem; overflow: hidden;}
.sec03 .bot-box .data-box .list li a .link-btn i:before, .sec03 .bot-box .data-box .list li a .link-btn i:after {position: absolute; top: 0; transition: .5s ease;}
.sec03 .bot-box .data-box .list li a .link-btn i:before {color: #ACACAC; left: 0;}
.sec03 .bot-box .data-box .list li a .link-btn i:after {content: "\e907"; font-family: xeicon !important; color: #fff; left: -100%;}
.sec03.show .bot-box .data-box .list:not(:has(li:hover)) li a > div:after {animation: sec03_data_list_bg 12s .5s ease both infinite;}
.sec03.show .bot-box .data-box .list:not(:has(li:hover)) li a .title p:before {animation: sec03_data_list_text_top 12s .5s ease both infinite;}
.sec03.show .bot-box .data-box .list:not(:has(li:hover)) li a .title p:after {animation: sec03_data_list_text_bot 12s .5s ease both infinite;}
.sec03.show .bot-box .data-box .list:not(:has(li:hover)) li a .link-btn i:before {animation: sec03_data_list_link_left 12s .5s ease both infinite;}
.sec03.show .bot-box .data-box .list:not(:has(li:hover)) li a .link-btn i:after {animation: sec03_data_list_link_right 12s .5s ease both infinite;}
@keyframes sec03_data_list_bg {10%, 20% {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);} 30%, 100% {clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);}}
@keyframes sec03_data_list_text_top {10%, 20% {top: -100%; transform: rotateX(90deg);} 30%, 100% {top: 0; transform: none;}}
@keyframes sec03_data_list_text_bot {10%, 20% {top: 0; transform: none;} 30%, 100% {top: 100%; transform: rotateX(-90deg);}}
@keyframes sec03_data_list_link_left {10%, 20% {left: 100%;} 30%, 100% {left: 0;}}
@keyframes sec03_data_list_link_right {10%, 20% {left: 0;} 30%, 100% {left: -100%}}
.sec03.show .bot-box .data-box .list:not(:has(li:hover)) li:nth-child(2) a > div:after {animation-delay: 3.5s;}
.sec03.show .bot-box .data-box .list:not(:has(li:hover)) li:nth-child(2) a > div > *:before, .sec03.show .bot-box .data-box .list:not(:has(li:hover)) li:nth-child(2) a > div > *:after {animation-delay: 3.5s;}
.sec03.show .bot-box .data-box .list:not(:has(li:hover)) li:nth-child(3) a > div:after {animation-delay: 6.5s;}
.sec03.show .bot-box .data-box .list:not(:has(li:hover)) li:nth-child(3) a > div > *:before, .sec03.show .bot-box .data-box .list:not(:has(li:hover)) li:nth-child(3) a > div > *:after {animation-delay: 6.5s;}
.sec03.show .bot-box .data-box .list:not(:has(li:hover)) li:nth-child(4) a > div:after {animation-delay: 9.5s;}
.sec03.show .bot-box .data-box .list:not(:has(li:hover)) li:nth-child(4) a > div > *:before, .sec03.show .bot-box .data-box .list:not(:has(li:hover)) li:nth-child(4) a > div > *:after {animation-delay: 9.5s;}
.sec03 .company {display: flex; margin-top: 1rem; margin-left: auto; box-shadow: 4px 4px 4px rgb(0 0 0 / 15%); width: clamp(13.3rem, 47%, 16.1rem); border-radius: 5px;}
.sec03 .company > * {height: 2.4rem;}
.sec03 .company .text {background: var(--red); color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 5px; text-align: center; width: 4rem; flex: none; box-shadow: 4px 4px 4px rgb(0 0 0 / 15%); position: relative;}
.sec03 .company .shinwoo {padding: .5rem .8rem; padding-left: 1rem; margin-left: -.2rem; box-sizing: border-box; display: flex; gap: .5rem; align-items: center; font-weight: 600; background: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px; font-size: clamp(.85rem, 3vw, 1rem);}
.sec03 .company .shinwoo img {width: clamp(60px, 10vw, 118px);}

@media screen and (min-width: 1201px) {
	.view-more.type1:hover {box-shadow: 0 0 5px #d42a1e3d; border-color: #d42a1e35;}
	.view-more.type1:hover .arrow {background: linear-gradient(265deg, #d42a1e3d, transparent); right: calc(100% - calc(100% - .6rem) - .3rem); animation: view_more_arrow 1.5s ease both;}
	@keyframes view_more_arrow {30% {right: calc(100% - 2.6rem - .3rem); width: 2.6rem;} 100% {width: calc(100% - .6rem);}}
	.view-more.type1:hover .arrow i {animation: view_more_arrow_i 1.5s .8s ease both;}
	@keyframes view_more_arrow_i {0% {opacity: 0; transform: translateX(60px);} 100% {opacity: 1; transform: translateX(60px);}}
	.view-more.type1:hover > span, .view-more.type1:hover .arrow i {color: var(--red);}
	.view-more.type1:hover > span span {animation: rotateYMove360 1s ease both;}

  
  .visual-wrap:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; animation: background_hide .5s .1s linear both; pointer-events: none;}
  @keyframes background_hide {0% {bacground: #fff;} 100% {background: transparent;}}

	.sec02 .top-box .slideControl .arrow-btn-wrap .arrow-btn:not(.slick-disabled):hover:after {transform: translate(-50%, -50%); opacity: 1;}
	.sec02 .top-box .slideControl .arrow-btn-wrap .arrow-btn:not(.slick-disabled).prev:hover i {animation: clip_path_width_right .5s cubic-bezier(0.61, -0.11, 0.32, 0.95) both;}
	.sec02 .top-box .slideControl .arrow-btn-wrap .arrow-btn:not(.slick-disabled).next:hover i {animation: clip_path_width .5s cubic-bezier(0.61, -0.11, 0.32, 0.95) both;}
	.sec02 .top-box .slideControl .pause-btn:hover:after {transform: translate(-50%, -50%); opacity: 1;}
	.sec02 .top-box .slideControl .pause-btn:hover i {transform: translate(-50%, -50%) scale(1.3);}


	.sec02 .slick-wrap:has(.slick-slide:hover) .slick-slide:not(:hover):not(.slick-current) .slide {opacity: .4;}
	.sec02 .slick-wrap .slick-slide:not(.slick-current):hover .slide .img-box:before {opacity: 1; clip-path: polygon(100% 0, 0% 100%, 100% 100%);}
	.sec02 .slick-wrap .slick-slide :not(.slick-current):hover .slide .text-box {opacity: 1;}
	

	.sec03 .bot-box .data-box .list li:hover a > div {box-shadow: 0 0 10px #ff938c;}
	.sec03 .bot-box .data-box .list li:hover a .title p:before {animation: sec03_data_list_text_hover_top 1s ease both;}
	.sec03 .bot-box .data-box .list li:hover a .title p:after {animation: sec03_data_list_text_hover_bot 1s ease both;}
	.sec03 .bot-box .data-box .list li:hover a > div:after {animation: sec03_data_list_hover_bg 1s ease both;}
	.sec03 .bot-box .data-box .list li:hover a .link-btn i:before {animation: sec03_data_list_link_hover_left 1s ease both;}
	.sec03 .bot-box .data-box .list li:hover a .link-btn i:after {animation: sec03_data_list_link_hover_right 1s ease both;}
	@keyframes sec03_data_list_hover_bg {100% {clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}
	@keyframes sec03_data_list_text_hover_top {100% {top: -100%; transform: rotateX(90deg);}}
	@keyframes sec03_data_list_text_hover_bot {100% {top: 0; transform: none;}}
	@keyframes sec03_data_list_link_hover_left {100% {left: 100%;}}
	@keyframes sec03_data_list_link_hover_right {100% {left: 0;}}
	.sec03 .bot-box .data-box .list:has(li:hover) li:not(:hover) a {opacity: .4;}
}
@media screen and (max-width: 1024px) {
	.sec03 .bot-box {flex-direction: column; gap: 2rem;}
	.sec03 .bot-box .location-box .map-box {flex: unset; width: 100%; height: 17rem;}
	.sec03 .bot-box .data-box {min-width: auto; width: 100%;}
	.sec03 .bot-box .data-box .list {padding: clamp(1rem, 3%, 3%); height: auto;}
}
@media screen and (max-width: 640px) {
	.visual .inner .cont-box .text-box .title.pc {display: none;}
	.visual .inner .cont-box .text-box .title.mo {display: block;}
  .sec02 .top-box .text-box .text {color: #474747; font-weight: 400;}
  .sec02 .top-box .text-box .text br {display: none;}
	.sec02 .slick-wrap .slick-slide .slide {padding: 0;}
	.sec02 .slick-wrap .slick-current + .slick-slide + .slick-slide .slide {left: -3.8vw;}
}
@media screen and (max-width: 480px) {
	.visual .inner .cont-box .text-box .title {font-size: 2.7rem}
	.sec02 .slick-wrap .slick-track {left: 0vw;}
  /* .sec03 .company {flex-direction: column;}
  .sec03 .company .text {border-bottom-left-radius: 0; border-bottom-right-radius: 0; height: 2rem;}
  .sec03 .company .shinwoo {border-radius: 5px; border-top-left-radius: 0; margin-left: 0; padding-left: .8rem;} */
}