/*메인*/
@import url("common.css");

.main {width:100%;}

.main .section {width:100%; padding:160px 0; min-width:280px;}
.main .section .section-title {width:96%; max-width:var(--conts-w); margin:0 auto; margin-bottom:var(--gap-60);}
.main .section .section-title h2 {font-family:var(--Barlow); font-size:var(--font-50); font-weight:700; letter-spacing:-2.5px;}
.main .section .section-title h2 span {position:relative; padding-right:17px;}
.main .section .section-title h2 span:after {content:""; width:12px; height:12px; box-sizing:border-box; border-radius:50%; border:4px solid var(--main-color); position:absolute; right:0; top:0;}
.main .section .section-title .txt {margin-top:var(--gap-16); font-size:var(--font-20);}
.main .section .section-title .title-wrap {width:100%; display:flex; align-items:flex-end; justify-content:space-between;}
.main .section .section-title .title-wrap.ty-c {align-items:center;}
.main .section .section-conts {margin:0 auto;}

.main .section .main-tab ul {display:flex; align-items:center; gap:var(--gap-40);}
.main .section .main-tab ul li a {font-size:var(--font-18); font-weight:600; position:relative;}
.main .section .main-tab ul li a:after {content:""; width:0; height:4px; background:var(--main-color); position:absolute; left:50%; bottom:-4px; transform:translateX(-50%); transition:width 0.2s linear;}
.main .section .main-tab ul li.on a {font-weight:700; color:var(--main-color) !important;}
.main .section .main-tab ul li.on a:after {width:100%;}

.main .section .section-title.ty-w h2 {color:#fff;}
.main .section .section-title.ty-w .txt {color:#ccc;}
.main .section .section-title.ty-w .main-tab ul li a {color:#fff;}

.main .section .btn-arrow {width:48px; height:48px; border-radius:50%; background:#fff; border:1px solid #ccc; font-size:0; cursor:pointer; position:relative; transition:background 0.2s ease-in-out; display:block;}
.main .section .btn-arrow:before {content:""; width:100%; height:100%; background:url(/img/main/icon_arrow.svg) center no-repeat; position:absolute; left:0; top:0;}
.main .section .btn-arrow.next:before {transform:scaleX(-1);}
.main .section .btn-arrow:hover {border-color:#333; background:#333;}
.main .section .btn-arrow:hover:before {background-image:url(/img/main/icon_arrow_w.svg);}

.main .com-btn {width:160px; height:48px; border-radius:30px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; font-size:var(--font-16); font-weight:600; transition:background 0.2s ease-in-out; color:#fff; border:solid #ccc; border-width:1px; color:#000;}

@media screen and (max-width: 1024px){
	.main .section {padding:120px 0;}
}

@media screen and (max-width: 900px) {
	.main .section .section-title .title-wrap {flex-wrap:wrap;}
	.main .section .main-tab {width:100%; margin-top:var(--gap-24);}
	.main .section .main-tab ul {justify-content:center;}
}

@media screen and (max-width: 768px) {
	.main .section {padding:100px 0;}	
	.main .section .btn-arrow:before {background-size:12px auto;}
	.main .com-btn {width:120px; height:32px;}
}

@media screen and (max-width: 600px) {
	.main .section .btn-arrow {width:32px; height:32px;}
	.main .section .btn-arrow:before {background-size:10px auto;}
}

@media screen and (max-width: 480px){
	.main .section {padding:80px 0;}
	.main .section .main-tab ul li a:after {height:2px;}
	.main .com-btn {width:100px; height:30px;}
}

.main .section .tab-conts-wrap .tab-box {display:none;}
.main .section .tab-conts-wrap .tab-box.active {display:block;}


.main .visual {height:var(--nvh); background:#000; padding:0; position:relative; overflow:hidden;}
.main .visual[data-aos-duration="0"] {transition-duration:0s;}
.main .visual:after {content:""; width:100%; max-width:1400px; height:200px; background:url(/img/main/keyvisual_pattern.png) center bottom no-repeat; background-size:100% auto; position:absolute; left:50%; bottom:0; transform:translateX(-50%); z-index:11; opacity:0; animation:visualAni 1.5s 0.3s ease-in-out both;}
.main .visual .visual-wrap {position:relative; z-index:10;}
.main .visual .visual-wrap .visual-list .visual-box {width:100%; height:var(--nvh); position:relative;}
.main .visual .visual-wrap .visual-list .visual-box .bg {width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.main .visual .visual-wrap .visual-list .visual-box .bg span {display:block; width:100%; height:100%; position:relative;}
/*.main .visual .visual-wrap .visual-list .visual-box .bg span video {height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}*/
.main .visual .visual-wrap .visual-list .visual-box .bg span video {background-size:cover; height:auto; min-width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.main .visual .visual-wrap .visual-list .visual-box .bg:after {content:""; width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0;}

.main .visual .visual-conts {width:100%; height:100%; position:relative; z-index:2; display:flex; align-items:center; justify-content:center; text-align:center; margin:0 auto; position:absolute; left:0; top:0; z-index:1;}
.main .visual .visual-conts > .inner {width:80%; margin:0 auto;}
.main .visual .visual-conts .title-txt {width:100%; color:#fff;}
.main .visual .visual-conts .title-txt img {display:block; max-width:100%; margin:0 auto;}
.main .visual .visual-conts .title-txt .ani-txt-wrap {display:inline-block; vertical-align:middle; overflow:hidden;}
.main .visual .visual-conts .title-txt .ani-txt {display:inline-block; transform:translateY(-100%); opacity:0; transition:all 1.2s ease-in-out;}
.main .visual .visual-conts .conts {width:100%; margin-top:var(--gap-16); font-size:var(--font-20); color:#fff;}
.main .visual .visual-conts .conts em {font-weight:700;}
.main .visual .visual-conts .conts .ani-txt-wrap {display:inline-block; vertical-align:middle; overflow:hidden;}
.main .visual .visual-conts .conts .ani-txt-wrap .ani-txt {display:block; transform:translateY(100%); opacity:0; transition:all 0.8s ease-in-out;}

.main .visual.aos-animate .visual-conts .conts .ani-txt-wrap .ani-txt {transform:translateY(0); opacity:1;}
.main .visual.aos-animate .visual-conts .title-txt .ani-txt {transform:translateY(0); opacity:1;}
.main .visual.aos-animate .visual-conts .conts p:nth-child(1) .ani-txt-wrap .ani-txt {transition-delay:0.6s;}
.main .visual.aos-animate .visual-conts .conts p:nth-child(2) .ani-txt-wrap .ani-txt {transition-delay:0.8s;}

/*.main .visual .visual-wrap .visual-list .visual-box .visual-conts .title-txt .ani-txt-wrap .ani-txt {transform:translateY(-100%); opacity:0; transition:all 1.2s ease-in-out;}
.main .visual .visual-wrap .visual-list .visual-box.active .visual-conts .title-txt .ani-txt-wrap .ani-txt {transform:translateY(0); opacity:1;}
.main .visual .visual-wrap .visual-list .visual-box .visual-conts .conts {width:100%; margin-top:var(--gap-16); font-size:var(--font-20); color:#fff;}
.main .visual .visual-wrap .visual-list .visual-box .visual-conts .conts span {font-weight:700;}
.main .visual .visual-wrap .visual-list .visual-box .visual-conts .conts .ani-txt-wrap {display:inline-block; vertical-align:middle; overflow:hidden;}
.main .visual .visual-wrap .visual-list .visual-box .visual-conts .conts .ani-txt-wrap .ani-txt {display:block; transform:translateY(100%); opacity:0; transition:all 0.8s ease-in-out;}
.main .visual .visual-wrap .visual-list .visual-box.active .visual-conts .conts .ani-txt-wrap .ani-txt {transform:translateY(0); opacity:1;}
.main .visual .visual-wrap .visual-list .visual-box.active .visual-conts .conts p {background:Red;}
.main .visual .visual-wrap .visual-list .visual-box.active .visual-conts .conts p:nth-child(1) .ani-txt-wrap .ani-txt {transition-delay:0.6s; color:red;}
.main .visual .visual-wrap .visual-list .visual-box.active .visual-conts .conts p:nth-child(2) .ani-txt-wrap .ani-txt {transition-delay:0.9s;}*/

.main .visual .visual-nav {position:absolute; left:2.5%; top:50%; transform:translateY(-50%); z-index:10;}
.main .visual .visual-nav span {display:block; width:26px; height:26px; box-sizing:border-box; font-size:0; position:relative;}
.main .visual .visual-nav span svg {position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box;}
.main .visual .visual-nav span:before {content:""; width:6px; height:6px; box-sizing:border-box; border-radius:50%; background:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

.main .visual .scroll {width:30px; height:46px; box-sizing:border-box; border-radius:17px; border:2px solid #EEEEEE; font-size:0; position:absolute; left:50%; bottom:5%; transform:translateX(-50%); z-index:12;}
.main .visual .scroll:before {content:""; width:6px; height:6px; border-radius:50%; background:#eee; position:absolute; left:50%; top:10px; transform:translateX(-50%); animation:scrollAni 1.2s infinite ease-in-out forwards;}

@keyframes visualAni {
	0% {opacity:0; bottom:-10%;}
	100% {opacity:1; bottom:0;}
}

@keyframes scrollAni {
	0% {top:10px;}
	50% {top:25px; opacity:1;}
	100% {top:30px; opacity:0;}
}

@media screen and (max-width: 480px){
	.main .visual .visual-conts > .inner {width:calc(100% - 140px);}
	.main .visual .visual-nav span {width:20px; height:20px;}
	.main .visual .visual-nav span:before {width:4px; height:4px;}
}

.main .business .section-conts {width:96%; max-width:var(--max-w); position:relative;}
.main .business .section-conts .conts-wrap {width:100%; max-width:1540px; overflow:hidden;}
.main .business .business-wrap {position:relative;}
.main .business .business-wrap .business-list {width:100%; display:flex; align-items:flex-end;}
.main .business .business-wrap .business-list.trans {transition:transform 0.8s ease-in-out;}
.main .business .business-wrap .business-list .item {flex:0 0 auto; margin-right:80px; height:680px; position:relative; display:flex; align-items:flex-end;}
.main .business .business-wrap .business-list .item:last-child {margin-right:0;}
.main .business .business-wrap .business-list .item .business-conts {width:100%; display:flex; align-items:center;}
.main .business .business-wrap .business-list .item .business-conts .img-box {width:260px; transition:width 0.5s ease-in-out;}
.main .business .business-wrap .business-list .item .business-conts .img-box img {max-width:100%; display:block; margin:0 auto;}
.main .business .business-wrap .business-list .item .business-conts .conts-box {display:none;}
.main .business .business-wrap .business-list .item .business-conts .conts-box .conts-inner {width:100%; padding-left:80px;}
.main .business .business-wrap .business-list .item .business-conts .conts-box .conts-title {font-size:var(--font-50); font-weight:700; letter-spacing:-2.5px; color:var(--main-color); margin-bottom:var(--gap-32);}
.main .business .business-wrap .business-list .item .business-conts .conts-box .conts {width:100%; max-width:400px; font-size:var(--font-18); margin-bottom:var(--gap-80);}
.main .business .business-wrap .business-list .item .business-conts .conts-box .btn-detail {background:#fff; border:1px solid #ccc;}
.main .business .business-wrap .business-list .item .business-conts .conts-box .btn-detail:hover {background:#333; color:#fff; border-color:#333;}

.main .business .business-wrap .business-list .item.active {width:calc(100% - 260px - 80px); padding-bottom:var(--gap-40); align-items:center;}
.main .business .business-wrap .business-list .item.active .business-conts .img-box {width:600px;}
.main .business .business-wrap .business-list .item.active .business-conts .conts-box {display:block; width:calc(100% - 600px);}
.main .business .business-wrap .business-list .item.active .business-conts .conts-box .conts-title {animation:fadeInUp 0.6s 0.5s ease-in-out both;}
.main .business .business-wrap .business-list .item.active .business-conts .conts-box .conts {animation:fadeInUp 0.6s 0.7s ease-in-out both;}
.main .business .business-wrap .business-list .item.active .business-conts .conts-box .btn-detail {animation:fadeInUp 0.6s 0.9s ease-in-out both;}

.main .business .business-wrap .slide-control {position:absolute; right:0; bottom:10%; z-index:10; display:flex; align-items:center; gap:var(--gap-8); z-index:10;}

/*.main .business .business-wrap .business-list .item .item-wrap {height:680px; display:flex; align-items:flex-end;}
.main .business .business-wrap .business-list .item .business-conts {width:100%; display:flex; align-items:center;}
.main .business .business-wrap .business-list .item .business-conts .img-box img {max-width:100%; display:block; margin:0 auto;}
.main .business .business-wrap .business-list .item .business-conts .conts-box .conts-title {font-size:var(--font-50); font-weight:700; letter-spacing:-2.5px; color:var(--main-color); margin-bottom:var(--gap-32);}
.main .business .business-wrap .business-list .item .business-conts .conts-box .conts {width:100%; max-width:400px; font-size:var(--font-18); margin-bottom:var(--gap-80);}
.main .business .business-wrap .business-list .item .business-conts .conts-box .btn-detail {background:#fff; border:1px solid #ccc;}
.main .business .business-wrap .business-list .item .business-conts .conts-box .btn-detail:hover {background:#333; color:#fff; border-color:#333;}

.main .business .business-wrap .business-list .swiper-slide {width:auto; margin-right:80px;}
.main .business .business-wrap .business-list .swiper-slide .business-conts .img-box {width:260px; transition:all 0.5s ease-in-out;}
.main .business .business-wrap .business-list .swiper-slide .business-conts .conts-box {width:0; height:0; visibility:hidden; opacity:0;}

.main .business .business-wrap .business-list .swiper-slide-active + .swiper-slide {width:1200px;}
.main .business .business-wrap .business-list .swiper-slide-active + .swiper-slide .item-wrap {align-items:center;}
.main .business .business-wrap .business-list .swiper-slide-active + .swiper-slide .business-conts .img-box {width:600px;}
.main .business .business-wrap .business-list .swiper-slide-active + .swiper-slide .business-conts .conts-box {width:calc(100% - 600px); padding-left:100px; height:100%; visibility:visible; opacity:1;}
.main .business .business-wrap .business-list .swiper-slide-active + .swiper-slide .business-conts .conts-box .conts-title {animation:fadeInUp 0.6s 0.5s ease-in-out both;}
.main .business .business-wrap .business-list .swiper-slide-active + .swiper-slide .business-conts .conts-box .conts {animation:fadeInUp 0.6s 0.7s ease-in-out both;}
.main .business .business-wrap .business-list .swiper-slide-active + .swiper-slide .business-conts .conts-box .btn-detail {animation:fadeInUp 0.6s 0.9s ease-in-out both;}

.main .business .business-wrap .swiper-notification {position:absolute; right:0; bottom:10%; z-index:10; display:flex; align-items:center; gap:var(--gap-8); z-index:10;}*/

.main .business .obj-box .obj {position:absolute; z-index:10; background-size:cover; background-position:center; background-repeat:no-repeat;}
.main .business .obj-box .obj-1 {width:280px; height:280px; background-image:url(/img/main/business_obj_01.svg); right:0; top:-100px; animation:ItemBounce 3s infinite linear both;}
.main .business .obj-box .obj-2 {width:100px; height:100px; background-image:url(/img/main/business_obj_02.svg); left:60%; bottom:-30px; margin-left:-50px; animation:ItemBounce 3s infinite linear both;}


@keyframes fadeInUp {
	0% {opacity:0; transform:translateY(50px);}
	100% {opacity:1; transform:translateY(0);}
}

@keyframes ItemBounce {
	form, 20%, 60%, 75%, 90%, to {
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  	}
	
	form {
		opacity:0;
		transform: translate3d(0, -10px, 0);
	}

	20% {
		opacity:1;
		transform: translate3d(0, 5px, 0);
	}

	75% {
		transform: translate3d(0, -10px, 0);
	}

	100% {
		transform: none;
	}
}


@media screen and (max-width: 1580px) {
	.main .business .business-wrap .business-list .item {margin-right:50px;}
	.main .business .business-wrap .business-list .item .business-conts .conts-box .conts-inner {padding-left:60px;}
	.main .business .business-wrap .business-list .item.active {width:calc(100% - 260px - 50px);}
	/*.main .business .business-wrap .business-list .swiper-slide {margin-right:50px;}
	
	.main .business .business-wrap .business-list .swiper-slide-active + .swiper-slide .business-conts .img-box {width:550px;}
	.main .business .business-wrap .business-list .swiper-slide-active + .swiper-slide .business-conts .conts-box {width:calc(100% - 550px); padding-left:60px;}*/
}

@media screen and (max-width: 1440px) {
	.main .business .section-conts .conts-wrap {max-width:1200px;}
	.main .business .business-wrap .business-list .item {margin-right:40px; height:550px;}
	.main .business .business-wrap .business-list .item .business-conts .img-box {width:200px;}
	.main .business .business-wrap .business-list .item.active {width:calc(100% - 200px - 40px);}
	.main .business .business-wrap .business-list .item.active .business-conts .img-box {width:450px;}
	.main .business .business-wrap .business-list .item.active .business-conts .conts-box {width:calc(100% - 450px);}
	.main .business .business-wrap .business-list .item .business-conts .conts-box .conts-inner {padding-left:40px;}
	/*.main .business .business-wrap .business-list .item .item-wrap {height:550px;}
	.main .business .business-wrap .business-list .swiper-slide {margin-right:40px;}
	.main .business .business-wrap .business-list .swiper-slide .business-conts .img-box {width:200px;}
	.main .business .business-wrap .business-list .swiper-slide-active + .swiper-slide {width:960px;}
	.main .business .business-wrap .business-list .swiper-slide-active + .swiper-slide .business-conts .img-box {width:450px;}
	.main .business .business-wrap .business-list .swiper-slide-active + .swiper-slide .business-conts .conts-box {width:calc(100% - 450px); padding-left:40px;}*/
	.main .business .obj-box .obj-1 {width:220px; height:220px;}
	.main .business .obj-box .obj-2 {width:80px; height:80px; margin-left:-40px; bottom:-20px;}
}

@media screen and (max-width: 1280px) {
	.main .business .section-conts .conts-wrap {max-width:970px;}
	.main .business .business-wrap .business-list .item {margin-right:20px; height:500px;}
	.main .business .business-wrap .business-list .item .business-conts .img-box {width:150px;}
	.main .business .business-wrap .business-list .item.active {width:calc(100% - 150px - 20px);}
	.main .business .business-wrap .business-list .item.active .business-conts .img-box {width:350px;}
	.main .business .business-wrap .business-list .item.active .business-conts .conts-box {width:calc(100% - 350px);}
	.main .business .business-wrap .business-list .item .business-conts .conts-box .conts-inner {padding-left:30px;}
	/*.main .business .business-wrap .business-list .item .item-wrap {height:500px;}
	.main .business .business-wrap .business-list .swiper-slide {margin-right:20px;}
	.main .business .business-wrap .business-list .swiper-slide .business-conts .img-box {width:150px;}
	.main .business .business-wrap .business-list .swiper-slide-active + .swiper-slide {width:800px;}
	.main .business .business-wrap .business-list .swiper-slide-active + .swiper-slide .business-conts .img-box {width:350px;}
	.main .business .business-wrap .business-list .swiper-slide-active + .swiper-slide .business-conts .conts-box {width:calc(100% - 350px); padding-left:30px;}*/
	.main .business .obj-box .obj-1 {width:180px; height:180px;}
	.main .business .obj-box .obj-2 {width:60px; height:60px; margin-left:-30px; bottom:-15px;}
}

@media screen and (max-width: 1024px) {
	.main .business .section-conts .conts-wrap {max-width:720px; margin:0 auto;}
	.main .business .business-wrap .business-list {align-items:center;}
	.main .business .business-wrap .business-list .item {height:100%;}
	.main .business .business-wrap .business-list .item .business-conts {flex-wrap:wrap;}
	.main .business .business-wrap .business-list .item.active {padding-bottom:0;}
	.main .business .business-wrap .business-list .item.active .business-conts .img-box {width:420px; height:455px; margin:0 auto;}
	.main .business .business-wrap .business-list .item.active .business-conts .conts-box {width:100%; text-align:center; padding-left:0; margin-top:var(--gap-40);}
	.main .business .business-wrap .business-list .item .business-conts .conts-box .conts-inner {padding-left:0;}
	.main .business .business-wrap .business-list .item.active .business-conts .conts-box .conts {margin-left:auto; margin-right:auto; margin-bottom:var(--gap-40);}
	.main .business .business-wrap .business-list .item.active .business-conts .conts-box .btn-detail {margin:0 auto;}
	.main .business .business-wrap .slide-control {all:unset;}
	.main .business .business-wrap .slide-control .btn-arrow {position:absolute; top:205px; z-index:10;}
	.main .business .business-wrap .slide-control .btn-arrow.prev {right:461px;}
	.main .business .business-wrap .slide-control .btn-arrow.next {right:41px;}
	/*.main .business .business-wrap .business-list .item .item-wrap {height:100%;}
	.main .business .business-wrap .business-list .item .business-conts {flex-wrap:wrap;}
	.main .business .business-wrap .swiper-wrapper {align-items:center;}
	.main .business .business-wrap .business-list .swiper-slide-active + .swiper-slide {width:550px;}
	.main .business .business-wrap .business-list .swiper-slide-active + .swiper-slide .business-conts .img-box {width:420px; height:455px; margin:0 auto;}
	.main .business .business-wrap .business-list .swiper-slide-active + .swiper-slide .business-conts .conts-box {width:100%; padding-left:0; margin-top:var(--gap-40); text-align:center;}
	.main .business .business-wrap .business-list .swiper-slide-active + .swiper-slide .business-conts .conts-box .conts {margin-left:auto; margin-right:auto; margin-bottom:var(--gap-40);}
	.main .business .business-wrap .business-list .swiper-slide-active + .swiper-slide .business-conts .conts-box .btn-detail {margin:0 auto;}
	.main .business .business-wrap .swiper-notification {all:unset;}
	.main .business .business-wrap .swiper-notification .btn-arrow {position:absolute; top:205px; z-index:10;}
	.main .business .business-wrap .swiper-notification .btn-arrow.prev {right:461px;}
	.main .business .business-wrap .swiper-notification .btn-arrow.next {right:41px;}*/
	.main .business .obj-box .obj-1 {width:140px; height:140px; top:-120px;}
	.main .business .obj-box .obj-2 {left:15%; margin-left:0;}
}

@media screen and (max-width: 768px) {
	.main .business .section-conts .conts-wrap {max-width:560px;}
	.main .business .business-wrap .business-list .item .business-conts .img-box {width:100px;}
	.main .business .business-wrap .business-list .item.active {width:calc(100% - 100px - 20px);}
	.main .business .business-wrap .business-list .item.active .business-conts .img-box {width:340px; height:368px;}
	.main .business .business-wrap .slide-control .btn-arrow.prev {right:372px;}
	.main .business .business-wrap .slide-control .btn-arrow.next {right:32px;}
	/*.main .business .business-wrap .business-list .item .business-conts .conts-box .btn-detail {width:120px; height:42px;}
	.main .business .business-wrap .business-list .swiper-slide .business-conts .img-box {width:100px;}
	.main .business .business-wrap .business-list .swiper-slide-active + .swiper-slide {width:440px;}
	.main .business .business-wrap .business-list .swiper-slide-active + .swiper-slide .business-conts .img-box {width:340px; height:368px;}
	.main .business .business-wrap .swiper-notification .btn-arrow.prev {right:372px;}
	.main .business .business-wrap .swiper-notification .btn-arrow.next {right:32px;}*/
	.main .business .obj-box .obj-1 {width:140px; height:140px; top:-120px;}
	.main .business .obj-box .obj-2 {left:15%; margin-left:0;}
}

@media screen and (max-width: 600px) {
	.main .business .section-conts .conts-wrap {max-width:320px;}
	.main .business .business-wrap .business-list .item {margin-right:0;}
	.main .business .business-wrap .business-list .item .business-conts .img-box {width:80px;}
	.main .business .business-wrap .business-list .item.active {width:calc(100% - 80px);}
	.main .business .business-wrap .business-list .item.active .business-conts .img-box {width:200px; height:216px;}
	.main .business .business-wrap .slide-control .btn-arrow {top:92px;}
	.main .business .business-wrap .slide-control .btn-arrow.prev {right:210px;}
	.main .business .business-wrap .slide-control .btn-arrow.next {right:0px;}
	/*.main .business .business-wrap .business-list .item .business-conts .conts-box .btn-detail {width:120px; height:42px;}
	.main .business .business-wrap .business-list .swiper-slide {margin-right:0;}
	.main .business .business-wrap .business-list .swiper-slide .business-conts .img-box {width:60px;}
	.main .business .business-wrap .business-list .swiper-slide-active + .swiper-slide {width:260px;}
	.main .business .business-wrap .business-list .swiper-slide-active + .swiper-slide .business-conts .img-box {width:220px; height:238px;}
	.main .business .business-wrap .swiper-notification .btn-arrow {top:108px;}
	.main .business .business-wrap .swiper-notification .btn-arrow.prev {right:230px;}
	.main .business .business-wrap .swiper-notification .btn-arrow.next {right:0px;}*/
	.main .business .obj-box .obj-1 {width:100px; height:100px; top:-120px;}
	.main .business .obj-box .obj-2 {width:40px; height:40px;}
}


:root {
	--work-img-box : 100%;
}

.main .work {padding-top:0; overflow:hidden;}
.main .work .section-conts {width:100%;}
.main .work .section-conts .conts-wrap {width:96%; max-width:var(--conts-w); position:relative; overflow:hidden; margin:0 auto;}
.main .work .works-wrap {width:100%;}
.main .work .works-wrap .work-list {width:100%; display:flex; position:relative; transition:all 0.15s ease-in-out;}
.main .work .works-wrap .work-list .work-box {width:120px; border-radius:10px; overflow:hidden; margin-right:24px; flex:1 0 auto; position:relative;}
.main .work .works-wrap .work-list .work-box:last-child {margin-right:0;}
.main .work .works-wrap .work-list .work-box:after {content:""; display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:0;}
.main .work .works-wrap .work-list .work-box .img-box {width:calc(var(--work-img-box) - 240px - 48px); overflow:hidden; position:relative; z-index:10;}
.main .work .works-wrap .work-list .work-box .img-box a {display:block; width:100%; height:100%; left:0; top:0; right:0; bottom:0; position:absolute; z-index:2}
.main .work .works-wrap .work-list .work-box .img-box span {display:block; width:100%; height:0; padding-bottom:calc(600 / 1110 * 100%); position:relative; overflow:hidden;}
.main .work .works-wrap .work-list .work-box .img-box span img {width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:left 0.6s ease-in-out; z-index:1;}
.main .work .works-wrap .work-list .work-box.active {width:calc(var(--work-img-box) - 240px - 48px); border-radius:200px 10px 10px 10px;}
.main .work .works-wrap .work-list .work-box.active .img-box {width:100%;}
.main .work .works-wrap .work-list .work-box.active .img-box span img {left:0; top:50%; transform:translateY(-50%);}
.main .work .works-wrap .work-list .work-box .com-btn {position:absolute; right:var(--gap-30); bottom:var(--gap-30); z-index:11; background:rgba(255,255,255,0.3); border-color:rgba(255,255,255,0.3); color:var(--black); visibility:hidden;}
.main .work .works-wrap .work-list .work-box:hover .com-btn {background:rgba(255,255,255,1); color:#000;}
.main .work .works-wrap .work-list .work-box.active .com-btn {visibility:visible;}
.main .work .works-conts {width:100%; display:flex; margin-top:var(--gap-40); gap:0 24px; justify-content:space-between; flex-direction:row-reverse;}
.main .work .works-conts .work-conts-wrap {width:calc(var(--work-img-box) - 240px - 48px);}
.main .work .works-conts .work-conts-wrap .conts-box {width:100%; display:none;}
.main .work .works-conts .work-conts-wrap .conts-box.active {display:block;}
.main .work .works-conts .work-conts-wrap .conts-box > .inner {width:100%; display:flex;}
.main .work .works-conts .work-conts-wrap .conts-box.active > .inner {animation:op 1s ease-in-out forwards;}
.main .work .works-conts .work-conts-wrap .conts-box > .inner > * {flex:1 1 auto;}
.main .work .works-conts .work-conts-wrap .conts-box .title-box {width:100%;}
.main .work .works-conts .work-conts-wrap .conts-box .title-box .title {font-size:var(--font-24); font-weight:700;}
.main .work .works-conts .work-conts-wrap .conts-box .title-box .title span {position:relative; padding-left:calc(var(--gap-8) + 4px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; display:block;}
.main .work .works-conts .work-conts-wrap .conts-box .title-box .title span:before {content:""; width:4px; height:20px; border-radius:10px; background:var(--main-color); position:absolute; left:0; top:5px;}
.main .work .works-conts .work-conts-wrap .conts-box .title-box .info {margin-top:var(--gap-8); display:flex; align-items:center; gap:0 var(--gap-16); flex-wrap:wrap;}
.main .work .works-conts .work-conts-wrap .conts-box .title-box .info span {display:block; position:relative; font-size:var(--font-16); color:#666;}
.main .work .works-conts .work-conts-wrap .conts-box .title-box .info span:before {content:""; width:1px; height:40%; box-sizing:border-box; border-left:1px solid #aaa; position:absolute; left:calc((var(--gap-16) / 2) * -1); top:50%; transform:translateY(-50%);}
.main .work .works-conts .work-conts-wrap .conts-box .title-box .info span:first-child:before {display:none;}
.main .work .works-conts .work-conts-wrap .conts-box .conts {width:75%; padding-left:var(--gap-80); font-size:var(--font-18);}
.main .work .works-conts .slide-control {display:flex; align-items:center; gap:0 var(--gap-16);}
.main .work .works-conts .slide-control .counter {display:flex; align-items:center; gap:0 var(--gap-16);}
.main .work .works-conts .slide-control .counter span {font-size:var(--gap-16); position:relative; color:#999; display:block; min-width:25px; text-align:center;}
.main .work .works-conts .slide-control .counter span.current {color:var(--main-color);}
.main .work .works-conts .slide-control .counter span.current:after {content:""; width:1px; height:40%; box-sizing:border-box; border-left:1px solid #aaa; position:absolute; right:-9px; top:50%; transform:translateY(-50%);}

@keyframes op {
	0% {opacity:0;}
	100% {opacity:1;}
}

@media screen and (max-width: 1280px) {
	.main .work .works-wrap .work-list .work-box {width:90px; margin-right:20px;}
	.main .work .works-wrap .work-list .work-box.active {width:calc(var(--work-img-box) - 180px - 40px); border-radius:100px 10px 10px 10px;}
	.main .work .works-wrap .work-list .work-box .img-box {width:calc(var(--work-img-box) - 180px - 40px);}
	.main .work .works-conts .work-conts-wrap {width:calc(var(--work-img-box) - 180px - 40px);}
	.main .work .works-conts .work-conts-wrap .conts-box .conts {padding-left:40px;}
}

@media screen and (max-width: 1024px) {
	.main .work .works-wrap .work-list .work-box {width:60px; margin-right:15px;}
	.main .work .works-wrap .work-list .work-box.active {width:calc(var(--work-img-box) - 120px - 30px); border-radius:80px 10px 10px 10px;}
	.main .work .works-wrap .work-list .work-box .img-box {width:calc(var(--work-img-box) - 120px - 30px);}
	.main .work .works-conts .work-conts-wrap {width:calc(var(--work-img-box) - 120px - 30px);}
	.main .work .works-conts .work-conts-wrap .conts-box .conts {padding-left:30px;}
}

@media screen and (max-width: 900px) {
	.main .work .works-conts {flex-wrap:wrap; gap:var(--gap-24) 0;}
	.main .work .works-conts .work-conts-wrap {width:100%;}
	.main .work .works-conts .slide-control {width:100%; justify-content:center;}
}


@media screen and (max-width: 768px) {
	.main .work .works-wrap .work-list .work-box.active {width:calc(var(--work-img-box) - 60px - 15px);}
	.main .work .works-wrap .work-list .work-box .img-box {width:calc(var(--work-img-box) - 60px - 15px);}
	.main .work .works-conts .work-conts-wrap .conts-box > .inner {flex-wrap:wrap; gap:var(--gap-16) 0;}
	.main .work .works-conts .work-conts-wrap .conts-box .title-box {width:100%; margin-top:20px;}
	.main .work .works-conts .work-conts-wrap .conts-box .title-box .title {text-align:center;}
	.main .work .works-conts .work-conts-wrap .conts-box .title-box .title span {padding-left:0; padding-top:12px;}
	.main .work .works-conts .work-conts-wrap .conts-box .title-box .title span:before {width:20px; height:4px; left:50%; top:0; transform:translateX(-50%);}
	.main .work .works-conts .work-conts-wrap .conts-box .title-box .info {justify-content:center;}
	.main .work .works-conts .work-conts-wrap .conts-box .title-box .info span {flex:0 0 auto;}
	.main .work .works-conts .work-conts-wrap .conts-box .conts {width:100%; padding-left:0; text-align:center;}
}

@media screen and (max-width: 600px) {
	.main .work .works-wrap .work-list .work-box {width:40px; margin-right:10px; border-radius:8px;}
	.main .work .works-wrap .work-list .work-box.active {width:calc(var(--work-img-box) - 40px - 10px); border-radius:60px 8px 8px 8px;}
	.main .work .works-wrap .work-list .work-box .img-box {width:calc(var(--work-img-box) - 40px - 10px);}
}

@media screen and (max-width: 480px) {
	.main .work .works-wrap .work-list .work-box {width:20px; margin-right:8px; border-radius:5px;}
	.main .work .works-wrap .work-list .work-box.active {width:calc(var(--work-img-box) - 20px - 8px); border-radius:40px 5px 5px 5px;}
	.main .work .works-wrap .work-list .work-box .img-box {width:calc(var(--work-img-box) - 20px - 8px);}
}

.main .work .work-logo-list {margin-top:100px; padding:var(--gap-24) 0; border:solid #DCDCDC; border-width:1px 0;}
.main .work .work-logo-list .logo-wrap .logo-list li {width:auto;}
.main .work .work-logo-list .logo-wrap .logo-list li .logo-box {width:180px;}
.main .work .work-logo-list .logo-wrap .logo-list li .logo-box span {display:block; width:100%; height:0; padding-bottom:calc(70 / 180 * 100%); position:relative; overflow:hidden;}
.main .work .work-logo-list .logo-wrap .logo-list li .logo-box span img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.main .work .work-logo-list .swiper-wrapper {transition-timing-function: linear;}
.main .work .work-logo-list .swiper-slide {margin-right:80px;}

@media screen and (max-width: 1024px) {
	.main .work .work-logo-list .logo-wrap .logo-list li .logo-box {width:140px;}
	.main .work .work-logo-list .swiper-slide {margin-right:60px;}
}

@media screen and (max-width: 768px) {
	.main .work .work-logo-list {margin-top:80px;}
	.main .work .work-logo-list .logo-wrap .logo-list li .logo-box {width:120px;}
	.main .work .work-logo-list .swiper-slide {margin-right:40px;}
}

@media screen and (max-width: 480px) {
	.main .work .work-logo-list {margin-top:60px;}
	.main .work .work-logo-list .logo-wrap .logo-list li .logo-box {width:80px;}
	.main .work .work-logo-list .swiper-slide {margin-right:20px;}
}


.main .entertainer {background:#222222; position:relative; overflow:hidden;}
.main .entertainer .cursor {width:100px; height:100px; background:url(/img/main/cursor.svg) center no-repeat; background-size:cover; position:absolute; left:0; top:0; transform:translate(-50%,-50%); font-size:0; line-height:0; z-index:10000; opacity:0; visibility:hidden; transition:visibility 0.2s linear, opacity 0.2 linear;}
.main .entertainer .cursor.on {visibility:visible; opacity:1;}
.main .entertainer .profile-wrap {z-index:10;}
.main .entertainer .profile-wrap .profile-list li.profile {width:auto;}
.main .entertainer .profile-wrap .profile-list li.profile .profile-box {position:relative;}
.main .entertainer .profile-wrap .profile-list li.profile .profile-box .img-box {position:relative;}
.main .entertainer .profile-wrap .profile-list li.profile .profile-box .img-box img {display:block; max-width:100%; margin:0 auto;}
.main .entertainer .profile-wrap .profile-list li.profile .profile-box .img-box:after {content:""; width:100%; height:0; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(242,101,57,1) 100%); position:absolute; left:0; bottom:0; opacity:0; transition:all 0.3s linear;}
.main .entertainer .profile-wrap .profile-list li.profile .profile-box .name {display:flex; align-itmes:center; gap:0 var(--gap-16); margin-top:var(--gap-24); font-size:var(--font-18); color:#fff; flex-wrap:wrap;}
.main .entertainer .profile-wrap .profile-list li.profile .profile-box .name span:first-child {font-weight:600;}
.main .entertainer .profile-wrap .profile-list li.profile .profile-box .name span:last-child {font-family:var(--font-e);}
.main .entertainer .profile-wrap .profile-list li.profile:hover .profile-box .img-box:after {height:100%; opacity:1;}
.main .entertainer .profile-wrap .swiper-wrapper {transition-timing-function: linear;}
.main .entertainer .profile-wrap .profile-list .swiper-slide {margin:0 var(--gap-16);}
.main .entertainer .btn-box {width:100%; margin-top:var(--gap-80); display:flex; align-items:center; justify-content:center; gap:0 var(--gap-40);}
.main .entertainer .btn-box .btn-dir {width:240px; height:48px; border-radius:24px; border:1px solid #fff; box-sizing:border-box; display:flex; align-items:center; justify-content:center; font-size:var(--font-16); color:#fff; font-weight:600; transition:background 0.2s ease-in-out;}
.main .entertainer .btn-box .btn-dir span {position:relative; padding-right:24px;}
.main .entertainer .btn-box .btn-dir span:after {content:""; width:16px; height:16px; background:url(/img/main/icon_more.svg) center no-repeat; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.main .entertainer .btn-box .btn-dir:hover {background:var(--main-color); border-color:var(--main-color);}

@media screen and (max-width: 768px) {
	.main .entertainer .profile-wrap .profile-list li.profile .profile-box .img-box {width:260px;}
	.main .entertainer .btn-box .btn-dir {width:200px; height:42px;}
	.main .entertainer .btn-box .btn-dir span {padding-right:20px;}
	.main .entertainer .btn-box .btn-dir span:after {background-size:auto 12px;}
}

@media screen and (max-width: 480px) {
	.main .entertainer .profile-wrap .profile-list li.profile .profile-box .img-box {width:160px;}
	.main .entertainer .btn-box {gap:0 8px;}
	.main .entertainer .btn-box .btn-dir {width:200px; height:auto; min-height:42px; padding:5px 0; text-align:center;}
	.main .entertainer .btn-box .btn-dir span {padding-right:20px;}
	.main .entertainer .btn-box .btn-dir span:after {background-size:auto 12px;}
}

.main .entertainer .director-wrap {width:92%; display:flex; max-width:var(--conts-w); margin:0 auto;}
.main .entertainer .director-wrap .img-box {width:55%;}
.main .entertainer .director-wrap .img-box span {width:100%; display:block; height:0; padding-bottom:calc(446 / 860 * 100%); position:relative; border-radius:10px; overflow:hidden;}
.main .entertainer .director-wrap .img-box span img {width:100%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.main .entertainer .director-wrap .img-box ul.img-list {width:100%;}
.main .entertainer .director-wrap .img-box ul.img-list li {display:none;}
.main .entertainer .director-wrap .img-box ul.img-list li span {width:100%; display:block; height:0; padding-bottom:calc(446 / 860 * 100%); position:relative; border-radius:10px; overflow:hidden;}
.main .entertainer .director-wrap .img-box ul.img-list li span img {width:100%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.main .entertainer .director-wrap .img-box ul.img-list li.active {display:block;}
.main .entertainer .director-wrap .director {width:45%; padding-left:100px;}
.main .entertainer .director-wrap .director ul.director-list {display:flex; flex-wrap:wrap; align-items:center; gap:var(--gap-60) 0;}
.main .entertainer .director-wrap .director ul.director-list li {width:50%; padding:0 var(--gap-8);}
.main .entertainer .director-wrap .director ul.director-list li > a {display:flex; gap:var(--gap-16); color:#fff; font-size:var(--font-18); align-items:center;}
.main .entertainer .director-wrap .director ul.director-list li span:first-child {font-weight:600;}
.main .entertainer .director-wrap .director ul.director-list li span:last-child {font-family:var(--font-e);}
.main .entertainer .director-wrap .director ul.director-list li.active,
.main .entertainer .director-wrap .director ul.director-list li:hover span {color:var(--main-color);}

@media screen and (max-width: 1280px) {
	.main .entertainer .director-wrap {flex-wrap:wrap; gap:var(--gap-60);}
	.main .entertainer .director-wrap .img-box {width:100%; max-width:860px; margin:0 auto;}
	.main .entertainer .director-wrap .director {width:100%; padding-left:0;}
	.main .entertainer .director-wrap .director ul.director-list {gap:var(--gap-60) 0;}
	.main .entertainer .director-wrap .director ul.director-list li {width:25%; flex:0 1 auto;}
}

@media screen and (max-width: 900px) {
	.main .entertainer .director-wrap .director ul.director-list li {width:33.33%;}
}

@media screen and (max-width: 768px) {
	.main .entertainer .director-wrap .director ul.director-list li {width:50%;}
	.main .entertainer .director-wrap .director ul.director-list li > a {justify-content:center;}
}

@media screen and (max-width: 480px) {
	.main .entertainer .director-wrap .director ul.director-list li a {flex-wrap:wrap; gap:var(--gap-8);}
	.main .entertainer .director-wrap .director ul.director-list li span:last-child {width:100%; text-align:center;}
}


.main .entertainer .writer-wrap {width:92%; max-width:var(--conts-w); margin:0 auto;}
.main .entertainer .writer-wrap  ul.writer-list {width:100%; display:flex; flex-wrap:wrap; gap:var(--gap-40) 0;}
.main .entertainer .writer-wrap  ul.writer-list li {width:16.66%; padding:0 var(--gap-8); box-sizing:border-box;}
.main .entertainer .writer-wrap  ul.writer-list li span {display:block; text-align:center; font-size:var(--font-18); color:#fff;}
.main .entertainer .writer-wrap  ul.writer-list li span:first-child {font-weight:600;}
.main .entertainer .writer-wrap  ul.writer-list li span:last-child {font-family:var(--font-e);}
.main .entertainer .writer-wrap  ul.writer-list li:hover span {color:var(--main-color);}

@media screen and (max-width: 1280px) {
	.main .entertainer .writer-wrap  ul.writer-list li {width:25%;}
}

@media screen and (max-width: 900px) {
	.main .entertainer .writer-wrap  ul.writer-list li {width:33.33%;}
}

@media screen and (max-width: 600px) {
	.main .entertainer .writer-wrap  ul.writer-list li {width:50%;}
}



.main .ir {background:#F6F6F6; overflow:hidden; position:relative;}
.main .ir:before {content:""; width:280px; height:140px; background:url(/img/main/ir_obj_02.png) center no-repeat; background-size:cover; position:absolute; left:60%; top:0; transform:translateX(-50%); z-index:0;}
.main .ir:after {content:""; width:370px; height:370px; background:url(/img/main/ir_obj_01.png) center no-repeat; background-size:cover; position:absolute; left:-175px; bottom:0; z-index:0;}
.main .ir .section-conts {width:96%; max-width:var(--conts-w); margin:0 auto; position:relative; z-index:10;}
.main .ir .ir-wrap {width:100%; display:flex; align-items:center; gap:0 80px;}
.main .ir .ir-wrap > * {flex:0 1 auto; min-height:320px; border-radius:10px; display:flex; align-items:center;}
.main .ir .ir-wrap > * > .inner {width:100%; box-sizing:border-box; padding:10px 40px;}
.main .ir .ir-wrap .ir-title {width:30%; background:var(--main-color); color:#fff;}
.main .ir .ir-wrap .ir-title em {display:block; font-size:var(--font-40); font-weight:700; letter-spacing:-2px;}
.main .ir .ir-wrap .ir-title span {display:block; font-size:var(--font-18); margin:var(--gap-16) 0 var(--gap-40) 0;}
.main .ir .ir-wrap .ir-title .btn-detail {background:rgba(255,255,255,0.1); border:1px solid #fff; color:#fff;}
.main .ir .ir-wrap .ir-title .btn-detail:hover {background:rgba(255,255,255,1); color:var(--main-color);}
.main .ir .ir-wrap .ir-detail {width:calc(70% - 80px); background:#fff;}
.main .ir .ir-wrap .ir-detail .title-box {width:100%; display:flex; align-items:center; justify-content:space-between;}
.main .ir .ir-wrap .ir-detail .title-box .title {font-size:var(--font-30); font-weight:700; letter-spacing:-2px; color:var(--main-color);}
.main .ir .ir-wrap .ir-detail .title-box .title span {font-weight:400;}
.main .ir .ir-wrap .ir-detail .title-box .number {display:flex; align-items:center; gap:0 var(--gap-16); font-size:var(--font-18); font-weight:600;}
.main .ir .ir-wrap .ir-detail .title-box .number .counting {font-size:var(--font-50); letter-spacing:-2px;}
.main .ir .ir-wrap .ir-detail .detail-conts {width:100%; margin-top:var(--gap-16); border-top:1px solid #000; padding-top:var(--gap-30);}
.main .ir .ir-wrap .ir-detail .detail-conts ul {width:100%; display:flex; align-items:center;}
.main .ir .ir-wrap .ir-detail .detail-conts ul li {flex:1; text-align:center; position:relative;}
.main .ir .ir-wrap .ir-detail .detail-conts ul li:before {content:""; width:1px; height:100%; box-sizing:border-box; border:solid #DCDCDC; border-width:0 0 0 1px; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.main .ir .ir-wrap .ir-detail .detail-conts ul li:first-child:before {display:none;}
.main .ir .ir-wrap .ir-detail .detail-conts ul li .tlt {font-size:var(--font-18); font-weight:600;}
.main .ir .ir-wrap .ir-detail .detail-conts ul li .conts {width:100%; margin-top:var(--font-16); font-size:var(--font-24); font-weight:700;}
.main .ir .ir-wrap .ir-detail .detail-conts ul li .conts span {position:relative;}
.main .ir .ir-wrap .ir-detail .detail-conts ul li .conts .up {color:#F23939;}
.main .ir .ir-wrap .ir-detail .detail-conts ul li .conts .up:before {content:"▲ "; font-size:var(--font-16);}

@media screen and (max-width: 1280px) {
	.main .ir .ir-wrap {gap:0 40px;}
	.main .ir .ir-wrap .ir-detail {width:calc(70% - 40px);}
}

@media screen and (max-width: 1024px) {
	.main .ir:before {width:220px; height:110px;}
	.main .ir:after {width:300px; height:300px; left:-150px;}
	.main .ir .ir-wrap {gap:var(--gap-16) 0; flex-wrap:wrap;}
	.main .ir .ir-wrap > * {min-height:100%;}
	.main .ir .ir-wrap > * > .inner {padding:30px;}
	.main .ir .ir-wrap .ir-title {width:100%;}
	.main .ir .ir-wrap .ir-title > .inner {display:flex; align-items:center; justify-content:space-between;}
	.main .ir .ir-wrap .ir-title span {margin:var(--gap-16) 0 0 0;}
	.main .ir .ir-wrap .ir-detail {width:100%;}
}

@media screen and (max-width: 768px) {
	.main .ir:before {width:160px; height:80px;}
	.main .ir:after {width:240px; height:240px; left:-120px;}
	.main .ir .ir-wrap .ir-title > .inner {flex-wrap:wrap; gap:var(--gap-24) 0; justify-content:center;}
	.main .ir .ir-wrap .ir-title .tlt {width:100%; text-align:center;}
	.main .ir .ir-wrap .ir-detail .title-box {flex-wrap:wrap; justify-content:center; gap:var(--gap-8) 0;}
	.main .ir .ir-wrap .ir-detail .title-box .title {width:100%; text-align:center;}
	.main .ir .ir-wrap .ir-detail .detail-conts ul {flex-wrap:wrap;}
	.main .ir .ir-wrap .ir-detail .detail-conts ul li {width:100%; flex:0 0 auto; padding:30px 0;}
	.main .ir .ir-wrap .ir-detail .detail-conts ul li:before {width:80%; height:1px; border-width:1px 0 0 0; left:50%; top:0; transform:translateX(-50%);}
	.main .ir .ir-wrap .ir-detail .detail-conts ul li:first-child {padding-top:0;}
	.main .ir .ir-wrap .ir-detail .detail-conts ul li:last-child {padding-bottom:0;}
}

@media screen and (max-width: 480px) {
	.main .ir:before {width:100px; height:50px;}
	.main .ir:after {width:140px; height:140px; left:-70px;}
	.main .ir .ir-wrap .ir-detail .detail-conts ul li {padding:20px 0;}
}

.main .ir .ir-wrap .ir-detail ul.tb {width:100%;}
.main .ir .ir-wrap .ir-detail ul.tb li {display:flex; min-height:64px; align-items:center; border-bottom:1px solid #EBEBEB;}
.main .ir .ir-wrap .ir-detail ul.tb li:last-child {border-bottom:none;}
.main .ir .ir-wrap .ir-detail ul.tb li span {padding:var(--gap-8); box-sizing:border-box; font-size:var(--font-16); text-align:center;}
.main .ir .ir-wrap .ir-detail ul.tb li span.subject {text-align:left; padding:0 var(--gap-16);}
.main .ir .ir-wrap .ir-detail ul.tb li span.subject a {font-size:var(--font-16); display:inline-block; max-width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.main .ir .ir-wrap .ir-detail ul.tb li span.subject a:hover {color:var(--main-color);}
.main .ir .ir-wrap .ir-detail ul.tb li.head {background:rgba(242,101,57,0.1); border-radius:10px 10px 0 0;}
.main .ir .ir-wrap .ir-detail ul.tb li.head span {font-weight:600;}
.main .ir .ir-wrap .ir-detail ul.tb li.head span.subject {text-align:center;}

.main .ir .ir-wrap .ir-detail ul.ir-tb li .no {width:15%;}
.main .ir .ir-wrap .ir-detail ul.ir-tb li .subject {width:42%;}
.main .ir .ir-wrap .ir-detail ul.ir-tb li .date {width:18%;}
.main .ir .ir-wrap .ir-detail ul.ir-tb li .submit {width:25%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.main .ir .ir-wrap .ir-detail ul.nt-tb li .no {width:15%;}
.main .ir .ir-wrap .ir-detail ul.nt-tb li .subject {width:67%;}
.main .ir .ir-wrap .ir-detail ul.nt-tb li .date {width:18%;}

@media screen and (max-width: 480px) {
	.main .ir .ir-wrap .ir-detail ul.tb li {min-height:45px;}

	.main .ir .ir-wrap .ir-detail ul.ir-tb li .no {display:none;}
	.main .ir .ir-wrap .ir-detail ul.ir-tb li .subject {width:70%;}
	.main .ir .ir-wrap .ir-detail ul.ir-tb li .date {display:none;}
	.main .ir .ir-wrap .ir-detail ul.ir-tb li .submit {width:30%;}

	.main .ir .ir-wrap .ir-detail ul.nt-tb li .no {display:none;}
	.main .ir .ir-wrap .ir-detail ul.nt-tb li .subject {width:70%;}
	.main .ir .ir-wrap .ir-detail ul.nt-tb li .date {width:30%;}
}


.main .news .section-conts {width:96%; max-width:var(--max-w);}
.main .news .section-conts .conts-wrap {width:100%; max-width:var(--conts-w); margin:0 auto; overflow:hidden;}
.main .news .bd-wrap .bd-list li.conts .thumnail {width:100%;}
.main .news .bd-wrap .bd-list li.conts .thumnail span {display:block; width:100%; height:0; padding-bottom:calc(280 / 440 * 100%); position:relative; overflow:hidden;}
.main .news .bd-wrap .bd-list li.conts .thumnail span img {display:block; max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:transform 0.5s ease-in-out;}
.main .news .bd-wrap .bd-list li.conts .subject {width:100%; margin-top:var(--gap-32); font-size:var(--font-20); font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .news .bd-wrap .bd-list li.conts .subject span {position:relative;}
.main .news .bd-wrap .bd-list li.conts .subject span:after {content:""; width:0; height:1px; border-top:1px solid var(--main-color); position:absolute; left:0; bottom:-2px; transition:width 0.3s linear;}
.main .news .bd-wrap .bd-list li.conts:hover .thumnail:not(.non) span img {transform:translate(-50%,-50%) scale(1.05);}
.main .news .bd-wrap .bd-list li.conts:hover .subject {color:var(--main-color);}
.main .news .bd-wrap .bd-list li.conts:hover .subject span:after {width:100%;}
.main .news .bd-wrap .bd-list .swiper-slide {margin-right:var(--gap-40); width:440px;}
.main .news .bd-wrap .bd-list .swiper-slide:last-child {margin-right:0;}
.main .news .slide-scroll {width:100%; margin-top:var(--gap-60); height:1px; border-top:1px solid #DCDCDC; box-sizing:border-box; position:relative;}
.main .news .slide-scroll .scroll-bar {display:block; height:1px; box-sizing:border-box; border-top:1px solid #666; position:absolute; left:0; top:0; z-index:10; width:100px;}
.main .news .btn-box {width:100%; margin-top:var(--gap-60); display:flex; justify-content:center;}
.main .news .btn-more {border-color:#CCCCCC; color:#000;}
.main .news .btn-more:hover {background:#333; border-color:#333; color:#fff;}
.main .news .txt-obj {width:100%; margin-top:120px; position:relative;}
.main .news .txt-obj span {display:block; width:100%; height:0; padding-bottom:calc(102 / 1760 * 100%); background:url(/img/main/background_text.svg) center no-repeat; background-size:cover; position:absolute; left:0; top:0; font-size:0;}

@media screen and (max-width: 768px) {
	.main .news .txt-obj {margin-top:80px;}
	.main .news .bd-wrap .bd-list .swiper-slide {width:320px;}
}

@media screen and (max-width: 480px) {
	.main .news .txt-obj {margin-top:60px;}
	.main .news .bd-wrap .bd-list .swiper-slide {width:100%;}
}


.main .career {width:100%; padding-bottom:20px;}
.main .career .section-conts {width:96%; margin:0 auto;}
.main .career .banner-wrap {width:100%; display:flex; align-items:center; justify-content:center; gap:0 var(--gap-24);}
.main .career .banner-wrap .banner-box {position:relative; border-radius:10px; overflow:hidden; flex:1 1 auto; max-width:608px;}
.main .career .banner-wrap .banner-box .img-box {width:100%; position:relative;}
.main .career .banner-wrap .banner-box .img-box span {display:block; width:100%; height:0; padding-bottom:calc(400 / 608 * 100%); position:relative; overflow:hidden;}
.main .career .banner-wrap .banner-box .img-box span img {display:block; max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:transform 0.5s ease-in-out;}
.main .career .banner-wrap .banner-box .conts {width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:10; text-align:center;}
.main .career .banner-wrap .banner-box .conts em {display:block; font-size:var(--font-40); font-weight:700; letter-spacing:-2px; color:#fff; margin-bottom:var(--gap-24);}
.main .career .banner-wrap .banner-box .conts .btn-detail {border-color:#fff; color:#fff; margin:0 auto;}
.main .career .banner-wrap .banner-box .conts .btn-detail:hover {background:#fff; color:#000;}
.main .career .banner-wrap .banner-box .dim {width:100%; height:100%; position:absolute; left:0; top:0; z-index:9; background:rgba(0,0,0,0.3); transition:background 0.5s ease-in-out;}
.main .career .banner-wrap .banner-box:hover .img-box span img {transform:translate(-50%,-50%) scale(1.05);}
.main .career .banner-wrap .banner-box:hover .conts .btn-detail {background:#fff; color:#000;}
.main .career .banner-wrap .banner-box:hover .dim {background:rgba(0,0,0,0.5);}

@media screen and (max-width: 1024px) {
	.main .career .banner-wrap {gap:0 var(--gap-16);}
	.main .career .banner-wrap .banner-box .conts em {font-size:24px;}
}

@media screen and (max-width: 768px) {
	.main .career .banner-wrap {flex-wrap:wrap; gap:var(--gap-24) 0;}
	.main .career .banner-wrap .banner-box {width:100%; flex:0 0 auto;}
	.main .career .banner-wrap .banner-box .conts em {font-size:var(--font-30);}
}