/*서브*/

.sub {width:100%; padding-top:100px; overflow:hidden;}
.sub > .inner {width:92%; max-width:var(--conts-w); margin:0 auto; position:relative; padding-top:140px;}
.sub > .inner:before {content:""; width:360px; height:360px; background:url(/img/conts/sub_obj_01.png) center no-repeat; background-size:cover; position:absolute; right:0; top:-180px; animation:ItemBounce 3s infinite ease-in-out;}
.sub > .inner:after {content:""; width:80px; height:80px; background:url(/img/conts/sub_obj_02.png) center no-repeat; background-size:cover; position:absolute; right:380px; top:130px; animation:ItemBounce 3s 0.5s infinite ease-in-out;}

.sub.dep > .inner:before, .sub.dep > .inner:after {display:none;}
.sub.dep .contents {padding-top:0;}

.sub.wid-sub {padding:0; min-height:var(--nvh);}
.sub.wid-sub > .inner {padding:0; width:100%; max-width:100%;}
.sub.wid-sub > .inner:before, .sub.wid-sub > .inner:after {display:none;}


@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;
	}
}

.sub .page-title {width:100%; margin-bottom:var(--gap-40);}
.sub .page-title .title-box h1 {display:inline-block; font-size:var(--font-60); font-weight:700; letter-spacing:-8px;}
.sub .page-title .title-box h1 span {display:inline-block; animation:loading 0.7s;}
.sub .page-title .title-box h1 span:nth-child(2) {animation-delay:0.1s;}
.sub .page-title .title-box h1 span:nth-child(3) {animation-delay:0.2s;}
.sub .page-title .title-box h1 span:nth-child(4) {animation-delay:0.3s;}
.sub .page-title .title-box h1 span:nth-child(5) {animation-delay:0.4s;}
.sub .page-title .title-box h1 span:nth-child(6) {animation-delay:0.5s;}
.sub .page-title .title-box h1 span:nth-child(7) {animation-delay:0.6s;}
.sub .page-title .title-box h1 span:nth-child(8) {animation-delay:0.7s;}
.sub .page-title .title-box h1 span:nth-child(9) {animation-delay:0.8s;}
.sub .page-title .title-box h1 span:nth-child(10) {animation-delay:0.9s;}

.sub .page-tab ul {display:flex; align-items:center; gap:0 var(--gap-16);}
.sub .page-tab ul li {flex:0 0 auto;}
.sub .page-tab ul li a {font-size:var(--font-18); font-weight:600; height:50px; display:flex; align-items:center; justify-content:center; padding:0 var(--gap-32); box-sizing:border-box; background:#fff; border:1px solid #CCCCCC; border-radius:25px;}
.sub .page-tab ul li.on a {border-color:var(--main-color); background:var(--main-color); color:#fff;}
.sub .page-tab .scroll-wrap::-webkit-scrollbar-thumb {background:#f8f8f8;}

.sub .contents {width:100%; padding:120px 0 160px 0;}
.sub .contents .conts-wrap {width:100%;}
.sub .contents section {width:100%; margin-top:160px; position:relative;}
.sub .contents section:nth-child(1) {margin-top:0;}

.sub .contents article {width:100%; padding:120px 0;}
.sub .contents article > .wrap {width:92%; max-width:var(--conts-w); margin:0 auto;}

.sub .sub-title {width:100%; display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:var(--gap-80);}
.sub .sub-title.ty-2 {margin-bottom:var(--gap-40);}
.sub .sub-title .title h2 {font-size:var(--font-40); font-weight:700; letter-spacing:-2px;}
.sub .sub-title .title .txt {font-size:var(--font-24); font-weight:600; margin-top:var(--gap-40);}

.sub .dep-title {width:100%; display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:var(--gap-60);}
.sub .dep-title .title h3 {font-size:var(--font-40); font-weight:700; letter-spacing:-2px;}
.sub .dep-title.ty-c {justify-content:center;}
.sub .dep-title.ty-2 {display:block;}
.sub .dep-title.ty-2 .txt {width:100%; margin-top:var(--gap-24); font-size:var(--font-20);}

.sub .category ul {display:flex; align-items:center; gap:0 var(--gap-40);}
.sub .category ul li a {font-size:var(--font-18); font-weight:600; position:relative;}
.sub .category ul li a:after {content:""; width:0; height:3px; background:var(--main-color); position:absolute; left:50%; bottom:-5px; transform:translateX(-50%); transition:width 0.5s ease-in-out;}
.sub .category ul li.on a {color:var(--main-color); font-weight:700;}
.sub .category ul li.on a:after {width:100%;}

.sub .page-dep {width:100%; padding:var(--gap-40); border:solid #EBEBEB; border-width:1px 0; margin-bottom:var(--gap-80);}
.sub .page-dep ul {display:flex; align-items:center; flex-wrap:wrap; gap:var(--gap-40) 0;}
.sub .page-dep ul li {text-align:center; flex:0 1 16.66%;}
.sub .page-dep ul:has(li:only-child),
.sub .page-dep ul:has(li:first-child:nth-last-child(2)),
.sub .page-dep ul:has(li:first-child:nth-last-child(3)),
.sub .page-dep ul:has(li:first-child:nth-last-child(4)),
.sub .page-dep ul:has(li:first-child:nth-last-child(5)) {justify-content:center;}
.sub .page-dep ul li a {font-size:var(--font-20); color:#666; background-image:linear-gradient(180deg, rgba(242,101,57,1) 0%, rgba(242,101,57,1) 100%); background-position:center bottom; background-size:0 2px; background-repeat:no-repeat; transition:background 0.3s ease-in-out;}
.sub .page-dep ul li.on a,
.sub .page-dep ul li:hover a {font-weight:600; color:var(--main-color); background-size:100% 2px;}

.sub .raound-tab {width:100%; margin-bottom:var(--gap-80); display:flex; align-items:center; justify-content:center;}
.sub .raound-tab ul {height:50px; background:#fff; border-radius:25px; flex:initial; display:flex; align-items:center; justify-content:center; overflow:hidden; position:relative;}
.sub .raound-tab ul:before {content:""; width:100%; height:100%; border-radius:25px; box-sizing:border-box; border:1px solid #ccc; position:absolute; left:0; top:0; z-index:0;}
.sub .raound-tab ul li {height:100%; flex:inital; position:relative;}
.sub .raound-tab ul li a {height:100%; display:flex; align-items:center; justify-content:center; flex:inital; position:relative; padding:0 var(--gap-32); z-index:3; font-size:var(--font-18); font-weight:600; color:#666;}
.sub .raound-tab ul li.on:before {content:""; width:100%; height:100%; background:rgba(242,101,57,0.05); position:absolute; left:0; top:0; border-radius:25px; border:1px solid var(--main-color); z-index:2; box-sizing:border-box;}
.sub .raound-tab ul li.on a {color:var(--main-color);}

.sub .bar-tab {width:100%; margin-bottom:var(--gap-80);}
.sub .bar-tab .scroll-wrap::-webkit-scrollbar-thumb {background:#f8f8f8;}
.sub .bar-tab ul {display:flex; align-items:center; justify-content:center; border-bottom:1px solid #EBEBEB;}
.sub .bar-tab ul li {flex:initial; min-width:160px;}
.sub .bar-tab ul li a {width:100%; height:70px; position:relative; display:flex; align-items:center; justify-content:center; color:#999; font-size:var(--font-18); font-weight:700; padding:0 var(--gap-16);}
.sub .bar-tab ul li.on a {color:var(--main-color);}
.sub .bar-tab ul li.on a:after {content:""; width:100%; height:2px; background:var(--main-color); position:absolute; left:0; bottom:0;}

.sub .button-box {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:var(--gap-8); margin-top:var(--gap-80);}

@keyframes loading {
	0%, 100% {transform:translateY(0); filter:blur(0); opacity:1;}
	50% {transform:translateY(15px); filter:blur(5px); opacity:0.2;}
}

@media screen and (max-width: 1024px) {
	.sub > .inner {padding-top:120px;}
	.sub > .inner:before {width:280px; height:280px; top:-140px;}
	.sub > .inner:after {width:60px; height:60px; right:300px; top:100px;}

	.sub .contents {padding:100px 0 140px 0;}
	.sub .contents section {margin-top:140px;}
	.sub .contents article {padding:100px 0;}
}

@media screen and (max-width: 900px) {
	.sub .sub-title {flex-wrap:wrap; gap:var(--gap-24) 0;}
	.sub .sub-title .title {width:100%;}
	.sub .category {width:100%;}
	.sub .category ul {justify-content:center;}
}

@media screen and (max-width: 768px) {
	.sub {padding-top:80px;}
	.sub > .inner {padding-top:80px;}
	.sub > .inner:before {width:160px; height:160px; top:-80px;}
	.sub > .inner:after {width:35px; height:35px; right:170px; top:70px;}

	.sub .contents article {padding:80px 0;}

	.sub .page-title .title-box h1 {letter-spacing:-7px;}

	.sub .page-tab ul li a {height:46px;}

	.sub .page-dep ul li {flex:0 0 auto; width:25%;}
	.sub .page-dep ul:has(li:first-child:nth-last-child(5)) {justify-content:flex-start;}

	.sub .bar-tab ul {justify-content:flex-start;}
	.sub .bar-tab ul li {flex:0 0 auto; min-width:auto;}
	.sub .bar-tab ul li a {height:64px; padding:0 var(--gap-24);}

	.sub .contents {padding:80px 0 120px 0;}
	.sub .contents section {margin-top:120px;}
}

@media screen and (max-width: 480px) {
	.sub {padding-top:70px;}
	.sub > .inner {padding-top:60px;}
	.sub > .inner:before {width:100px; height:100px; top:-50px;}
	.sub > .inner:after {width:25px; height:25px; right:110px; top:40px;}

	.sub .contents article {padding:60px 0;}

	.sub .page-title .title-box h1 {letter-spacing:-5px;}

	.sub .page-tab ul li a {height:42px;}

	.sub .raound-tab ul {height:42px;}

	.sub .page-dep ul li {width:33.33%;}

	.sub .contents {padding:60px 0 100px 0;}
	.sub .contents section {margin-top:100px;}
}


.business .main-conts-wrap {width:100%; display:flex; align-items:flex-start;}
.business .main-conts-wrap > * {flex:0 0 auto;}
.business .main-conts-wrap .conts-box {width:600px; z-index:2;}
.business .main-conts-wrap .conts-box .conts {width:100%; background:#fff; border:1px solid var(--main-color); border-radius:10px 160px 10px 10px; padding:40px 40px 60px 40px; font-size:var(--font-20); font-weight:600;}
.business .main-conts-wrap .conts-box .conts > .wrap {width:100%; padding-top:calc(var(--gap-32) + var(--gap-24)); position:relative;}
.business .main-conts-wrap .conts-box .conts > .wrap:before {content:""; width:100%; height:var(--gap-32); background:url(/img/conts/icon_star.svg) left center no-repeat; background-size:auto 100%; position:absolute; left:0; top:0;}
.business .main-conts-wrap .img-box {margin:40px 0 0 -130px; border-radius:160px 0 0 10px; overflow:hidden;}
.business .main-conts-wrap .img-box img {display:block; max-width:100%; margin:0 auto;}

.business .portfolio-tb {gap:80px 40px;}
.business .portfolio-tb .list {width:calc((100% - 80px) / 3);}
.business .portfolio-tb .list .thumnail {border-radius:4px;}
.business .portfolio-tb .list .thumnail span {padding-bottom:calc(620 / 440 * 100%);}
.business .portfolio-tb .list .thumnail:after {content:""; width:100%; height:100%; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(242,101,57,1) 100%); position:absolute; left:0; top:0; z-index:11; opacity:0; transition:opacity 0.3s ease-in-out;}
.business .portfolio-tb .list .thumnail.square span {padding-bottom:100%;}
.business .portfolio-tb .list:hover .thumnail:after {opacity:0.6;}

.business .portfolio-view {width:100%; display:flex;}
.business .portfolio-view .poster {width:40%; border-radius:10px; overflow:hidden;}
.business .portfolio-view .poster img {display:block; max-width:100%; margin:0 auto;}
.business .portfolio-view .portfolio-conts {width:60%; padding-left:140px;}
.business .portfolio-view .portfolio-conts .conts-box {width:100%; padding:var(--gap-40) 0; border-top:1px solid #EBEBEB;}
.business .portfolio-view .portfolio-conts .conts-box:first-child {padding-top:0; border-top:none;}
.business .portfolio-view .portfolio-conts .conts-box:last-child {padding-bottom:0;}
.business .portfolio-view .portfolio-conts .conts-box ul li {width:100%; display:flex; gap:var(--gap-8) var(--gap-24); margin-top:var(--gap-24); font-size:var(--font-18);}
.business .portfolio-view .portfolio-conts .conts-box ul li:nth-child(1) {margin-top:0;}
.business .portfolio-view .portfolio-conts .conts-box ul li .head {width:80px; font-weight:700;}
.business .portfolio-view .portfolio-conts .conts-box ul li .conts {width:calc(100% - 80px - var(--gap-24));}
.business .portfolio-view .portfolio-conts .conts-box ul li.wid {flex-wrap:wrap;}
.business .portfolio-view .portfolio-conts .conts-box ul li.wid > * {width:100% !important;}
.business .portfolio-view .thumnail {width:40%; overflow:hidden;}
.business .portfolio-view .thumnail .main-img {width:100%;}
.business .portfolio-view .thumnail .main-img ul li .img-box {width:100%; border-radius:10px; overflow:hidden;}
.business .portfolio-view .thumnail .main-img ul li .img-box span {display:block; width:100%; height:0; padding-bottom:100%; position:relative;}
.business .portfolio-view .thumnail .main-img ul li .img-box span img {display:block; max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.business .portfolio-view .thumnail .thumnail-img-wrap {width:100%; position:relative; margin-top:var(--gap-32);}
.business .portfolio-view .thumnail .thumnail-img-wrap .slide-nav {width:20px; height:20px; font-size:0; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); margin-top:0;}
.business .portfolio-view .thumnail .thumnail-img-wrap .slide-nav:after {content:""; width:100%; height:100%; background:url(/img/conts/paging_arrow.svg) center no-repeat;}
.business .portfolio-view .thumnail .thumnail-img-wrap .slide-nav.swiper-button-prev {left:0;}
.business .portfolio-view .thumnail .thumnail-img-wrap .slide-nav.swiper-button-next {right:0;}
.business .portfolio-view .thumnail .thumnail-img-wrap .slide-nav.swiper-button-next:after {transform:scaleX(-1);}
.business .portfolio-view .thumnail .thumnail-img-wrap .slide-nav:hover:after {background-image:url(/img/conts/paging_arrow_on.svg);}
.business .portfolio-view .thumnail .thumnail-img {width:calc(100% - 80px); margin:0 auto; overflow:hidden;}
.business .portfolio-view .thumnail .thumnail-img ul li .img-box {width:100%; border-radius:4px; overflow:hidden; position:relative; cursor:pointer;}
.business .portfolio-view .thumnail .thumnail-img ul li .img-box span {display:block; width:100%; height:0; padding-bottom:100%; position:relative;}
.business .portfolio-view .thumnail .thumnail-img ul li .img-box span img {display:block; max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.business .portfolio-view .thumnail .thumnail-img ul .swiper-slide-active .img-box:after {content:""; width:100%; height:100%; box-sizing:border-box; border-radius:4px; border:2px solid #F26539; position:absolute; left:0; top:0;}
.business .portfolio-view .thumnail .recored-info {width:100%; margin-top:var(--gap-60); border-radius:10px; padding:var(--gap-32); background:#F6F6F6; font-size:var(--font-18);}
.business .portfolio-view .thumnail .recored-info .tlt {font-weight:700; margin-bottom:var(--gap-24);}
.business .portfolio-view .thumnail .recored-info .sub-tlt {font-weight:600; margin-bottom:var(--gap-16);}
.business .portfolio-view .slide-conts-box {display:none;}
.business .portfolio-view .slide-conts-box.active {display:block;}


@media screen and (max-width: 1280px) {
	.business .main-conts-wrap .conts-box {width:45%;}
	.business .main-conts-wrap .conts-box .conts .br {display:inline-block;}
	.business .main-conts-wrap .img-box img {height:350px;}

	.business .portfolio-view .portfolio-conts {padding-left:80px;}
}

@media screen and (max-width: 1024px) {
	.business .main-conts-wrap .conts-box .conts {border-radius:10px 120px 10px 10px; padding:30px 30px 50px 30px;}
	.business .main-conts-wrap .img-box {margin:40px 0 0 -100px; border-radius:120px 0 0 10px;}
	.business .main-conts-wrap .img-box img {height:300px;}

	.business .portfolio-tb {gap:60px 20px;}
	.business .portfolio-tb .list {width:calc((100% - 40px) / 3);}

	.business .portfolio-view .portfolio-conts {padding-left:50px;}
}

@media screen and (max-width: 900px) {
	.business .main-conts-wrap {flex-wrap:wrap;}
	.business .main-conts-wrap .conts-box {width:100%;}
	.business .main-conts-wrap .conts-box .conts {width:70%;}	
	.business .main-conts-wrap .img-box {margin:-40px 0 0 0; width:105%; height:300px; position:relative;}
	.business .main-conts-wrap .img-box img {max-width:unset; width:auto; height:100%; position:absolute; left:50%; top:0; transform:translateX(-50%);}

	.business .portfolio-view {flex-wrap:wrap; gap:var(--gap-40) 0;}
	.business .portfolio-view .poster,
	.business .portfolio-view .thumnail {width:100%; max-width:570px; margin:0 auto;}
	.business .portfolio-view .portfolio-conts {width:100%; padding-left:0;}
}

@media screen and (max-width: 768px) {
	.business .main-conts-wrap .conts-box .conts {border-radius:10px 80px 10px 10px;}
	.business .main-conts-wrap .img-box {border-radius:80px 0 0 10px;}

	.business .portfolio-tb {gap:50px 20px;}

	.business .portfolio-view .portfolio-conts .conts-box ul li .head {width:75px;}
	.business .portfolio-view .portfolio-conts .conts-box ul li .conts {width:calc(100% - 75px - var(--gap-24));}
}

@media screen and (max-width: 600px) {
	.business .portfolio-tb {gap:40px 30px;}
	.business .portfolio-tb .list {width:calc((100% - 30px) / 2);}
}

@media screen and (max-width: 480px) {
	.business .main-conts-wrap .conts-box .conts {width:85%; border-radius:8px 60px 8px 8px; padding:20px 20px 40px 20px; font-size:14px;}
	.business .main-conts-wrap .img-box {border-radius:60px 0 0 8px; height:220px;}

	.business .portfolio-tb {gap:40px 15px;}
	.business .portfolio-tb .list {width:calc((100% - 15px) / 2);}

	.business .portfolio-view .portfolio-conts .conts-box ul li .head {width:60px;}
	.business .portfolio-view .portfolio-conts .conts-box ul li .conts {width:calc(100% - 60px - var(--gap-24));}
}

.management .mng {position:relative; height:1070px;}
.management .mng[data-aos-duration="0"] {transition-duration:0s;}
.management .img-area {width:100vw; min-width:280px; max-width:var(--max-w); height:1070px; display:flex; position:absolute; left:50%; top:0; transform:translateX(-50%); justify-content:center; text-align:center;}
.management .img-area:before,
.management .img-area:after {content:""; background-size:cover; background-repeat:no-repeat; background-position:center; position:absolute; z-index:0;}
.management .img-area:before {width:420px; height:420px; background-image:url(/img/conts/mng_obj_01.png); left:12.5%; top:5.6%;}
.management .img-area:after {width:620px; height:620px; background-image:url(/img/conts/mng_obj_02.png); left:40%; bottom:-160px;}
.management .img-area .conts-box {position:relative; z-index:11; transform:translateY(25%); width:80%; margin:0 auto;}
.management .img-area .conts-box > * {transform:translateY(30px); opacity:0; transition:all 0.5s ease-in-out;}
.management .img-area .conts-box em {display:block; font-size:var(--font-30); font-weight:700;}
.management .img-area .conts-box .conts {font-size:var(--font-18); margin:var(--gap-32) 0 var(--gap-40) 0;}
.management .img-area .conts-box .btn {display:flex; justify-content:center;}
.management .img-area .img-obj .obj {position:absolute; z-index:10; opacity:0; transform:translateY(30px); transition:all 0.7s ease-in-out;}
.management .img-area .img-obj .obj img {display:block; max-width:100%; height:auto;}
.management .img-area .img-obj .img-obj-1 {width:20.45%; left:10px; top:18.7%;}
.management .img-area .img-obj .img-obj-2 {width:14.28%; left:26%; top:3.27%;}
.management .img-area .img-obj .img-obj-3 {width:25%; right:8%; top:0;}
.management .img-area .img-obj .img-obj-4 {width:18%; left:16%; bottom:12.15%;}
.management .img-area .img-obj .img-obj-5 {width:13.63%; right:25.56%; bottom:26.17%;}
.management .img-area .img-obj .img-obj-6 {width:19.31%; right:10px; bottom:0;}

.management .mng.aos-animate .img-area .conts-box > * {transform:translateY(0); opacity:1;}
.management .mng.aos-animate .img-area .conts-box .conts {transition-delay:0.2s;}
.management .mng.aos-animate .img-area .conts-box .btn {transition-delay:0.4s;}

.management .mng.aos-animate .img-area .img-obj .obj {opacity:1; transform:translateY(0);}
.management .mng.aos-animate .img-area .img-obj .img-obj-2 {transition-delay:0.6s;}
.management .mng.aos-animate .img-area .img-obj .img-obj-3 {transition-delay:0.2s;}
.management .mng.aos-animate .img-area .img-obj .img-obj-4 {transition-delay:0.4s;}
.management .mng.aos-animate .img-area .img-obj .img-obj-5 {transition-delay:0.8s;}
.management .mng.aos-animate .img-area .img-obj .img-obj-6 {transition-delay:1s;}

@media screen and (max-width: 1024px) {
	.management .mng, .management .img-area {height:800px;}
	.management .img-area:before {width:320px; height:320px;}
	.management .img-area:after {width:520px; height:520px; bottom:-140px;}
}

@media screen and (max-width: 768px) {
	.management .mng, .management .img-area {height:900px;}
	.management .img-area:before {width:240px; height:240px;}
	.management .img-area:after {width:440px; height:440px; bottom:-120px;}
	.management .img-area .img-obj .img-obj-1 {width:24%;}
	.management .img-area .img-obj .img-obj-2 {width:17%;}
	.management .img-area .img-obj .img-obj-3 {width:30%;}
	.management .img-area .img-obj .img-obj-4 {width:22%;}
	.management .img-area .img-obj .img-obj-5 {width:18%; right:27%;}
	.management .img-area .img-obj .img-obj-6 {width:24%;}
}

@media screen and (max-width: 480px) {
	.management .mng, .management .img-area {height:640px;}
	.management .img-area:before {width:140px; height:140px; left:0;}
	.management .img-area:after {width:280px; height:280px; bottom:-100px;}
	.management .img-area .conts-box {transform:translateY(32%);}
	.management .img-area .conts-box .br {display:inline-block;}
	.management .img-area .img-obj .img-obj-1 {width:26%;}
	.management .img-area .img-obj .img-obj-2 {width:19%;}
	.management .img-area .img-obj .img-obj-3 {width:38%; top:10%;}
	.management .img-area .img-obj .img-obj-4 {width:24%; left:5%;}
	.management .img-area .img-obj .img-obj-5 {width:20%; right:40%; bottom:20%;}
	.management .img-area .img-obj .img-obj-6 {width:30%;}
}


.entertainer .com-profile-wrap {width:100%; display:flex;}
.entertainer .com-profile-wrap .img-box {width:40%; overflow:hidden;}
.entertainer .com-profile-wrap .img-box span {display:block; width:100%; height:0; padding-bottom:calc(720 / 560 * 100%); position:relative; overflow:hidden; border-radius:10px;}
.entertainer .com-profile-wrap .img-box span img {display:block; max-width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.entertainer .com-profile-wrap .profile-box {width:60%; padding-left:140px;}
.entertainer .com-profile-wrap .profile-box .name {margin-bottom:var(--gap-40);}
.entertainer .com-profile-wrap .profile-box .name em {display:block; width:100%; font-size:var(--font-30); font-weight:700;}
.entertainer .com-profile-wrap .profile-box .name span {display:block; width:100%; font-size:var(--font-20); color:#666; margin-top:10px;}
.entertainer .com-profile-wrap .profile-box .profile-conts .conts-box {margin-top:var(--gap-80); padding-top:var(--gap-40); border-top:1px solid #ccc;}
.entertainer .com-profile-wrap .profile-box .profile-conts .conts-box:nth-child(1) {margin-top:0;}
.entertainer .com-profile-wrap .profile-box .profile-conts .conts-box .tlt {font-size:var(--font-18); color:var(--main-color); font-weight:700; margin-bottom:var(--gap-32);}
.entertainer .com-profile-wrap .profile-box .profile-conts .conts-box ul li {width:100%; display:flex; gap:0 var(--gap-32); margin-top:var(--gap-16); font-size:var(--font-18);}
.entertainer .com-profile-wrap .profile-box .profile-conts .conts-box ul li:nth-child(1) {margin-top:0;}
.entertainer .com-profile-wrap .profile-box .profile-conts .conts-box ul li .year {width:50px; color:#999;}
.entertainer .com-profile-wrap .profile-box .profile-conts .conts-box ul li .conts {width:calc(100% - 50px - var(--gap-32));}


@media screen and (max-width: 1280px) {
	.entertainer .com-profile-wrap .profile-box {padding-left:100px;}
}

@media screen and (max-width: 1024px) {
	.entertainer .com-profile-wrap .profile-box {padding-left:60px;}
}

@media screen and (max-width: 768px) {
	.entertainer .com-profile-wrap {flex-wrap:wrap; gap:var(--gap-40) 0;}
	.entertainer .com-profile-wrap .img-box {width:100%; max-width:560px; margin:0 auto;}
	.entertainer .com-profile-wrap .profile-box {width:100%; padding-left:0;}
}

.artist-list .artist-list-wrap {width:100%; max-width:1160px; margin:0 auto; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; gap:80px; position:relative; z-index:10;}
.artist-list .artist-list-wrap > * {width:calc((100% - 80px) / 2); display:flex; flex-wrap:wrap; gap:80px;}
.artist-list .artist-list-wrap .rt-box {margin-top:180px;}
.artist-list .artist-list-wrap .artist {width:100%; position:relative; border-radius:10px; overflow:hidden;}
.artist-list .artist-list-wrap .artist .img-box {width:100%; position:relative; z-index:10;}
.artist-list .artist-list-wrap .artist .img-box span {display:block; width:100%; height:0; padding-bottom:calc(720 / 540 * 100%); position:relative; overflow:hidden;}
.artist-list .artist-list-wrap .artist .img-box span img {display:block; width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.artist-list .artist-list-wrap .artist .name {width:100%; padding:var(--gap-40); position:absolute; left:0; bottom:0; z-index:11; color:#fff; text-align:right;}
.artist-list .artist-list-wrap .artist .name em {display:block; font-size:var(--font-30); font-weight:700; margin-bottom:5px;}
.artist-list .artist-list-wrap .artist .name span {display:block; font-size:var(--font-20);}
.artist-list .artist-list-wrap .artist .mark {width:100%; height:100%; background:var(--main-color); position:absolute; left:0; top:0; transform:translateY(0); z-index:12; transition:transform 0.8s ease-in-out;}
.artist-list .artist-list-wrap .artist .cover {width:100%; position:absolute; left:0; top:0; z-index:10; display:none;}
.artist-list .artist-list-wrap .artist .cover span {display:block; width:100%; height:0; padding-bottom:calc(720 / 540 * 100%); position:relative; overflow:hidden;}
.artist-list .artist-list-wrap .artist .cover span img {display:block; width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.artist-list .artist-list-wrap .artist.aos-animate .mark {transform:translateY(-105%);}
.artist-list .artist-list-wrap .artist:hover .cover {display:block;}
.artist-list .obj-box .obj {position:absolute; z-index:0; background-size:cover; background-position:center; background-repeat:no-repeat;}
.artist-list .obj-box .blur {width:480px; height:480px; background-image:url(/img/conts/obj_circle.png);}
.artist-list .obj-box .circle {width:120px; height:120px; border-radius:50%; background:rgba(242,101,57,0.1);}
.artist-list .obj-box .obj-1 {left:-20%; top:22%;}
.artist-list .obj-box .obj-2 {right:-5%; top:47%;}
.artist-list .obj-box .obj-3 {right:-8%; top:78%;}

@media screen and (max-width: 1024px) {
	.artist-list .artist-list-wrap {gap:40px;}
	.artist-list .artist-list-wrap > * {width:calc((100% - 40px) / 2); gap:40px;}
	.artist-list .artist-list-wrap .rt-box {margin-top:120px;}
	.artist-list .obj-box .blur {width:360px; height:360px;}
	.artist-list .obj-box .circle {width:90px; height:90px;}
}

@media screen and (max-width: 768px) {
	.artist-list .artist-list-wrap {gap:30px;}
	.artist-list .artist-list-wrap > * {width:calc((100% - 30px) / 2); gap:30px;}
	.artist-list .artist-list-wrap .rt-box {margin-top:100px;}
	.artist-list .obj-box .blur {width:200px; height:200px;}
	.artist-list .obj-box .circle {width:50px; height:50px;}
	.artist-list .obj-box .obj-3 {top:85%;}
}

@media screen and (max-width: 480px) {
	.artist-list .artist-list-wrap {gap:20px;}
	.artist-list .artist-list-wrap > * {width:calc((100% - 20px) / 2); gap:20px;}
	.artist-list .artist-list-wrap .rt-box {margin-top:70px;}
	.artist-list .artist-list-wrap .artist {border-radius:8px;}
	.artist-list .artist-list-wrap .artist .name em {font-size:var(--font-20); margin-bottom:0;}
	.artist-list .artist-list-wrap .artist .name span {font-size:var(--font-16);}
	.artist-list .obj-box .blur {width:120px; height:120px;}
	.artist-list .obj-box .circle {width:30px; height:30px;}
}


.artist-view {padding:0; min-height:var(--nvh);}
.artist-view > .inner {padding:0; width:100%; max-width:100%;}
.artist-view .artist-main {width:100%; height:var(--nvh); background-position:right bottom; background-repeat:no-repeat; display:flex; align-items:center; position:fixed; left:0; top:0; z-index:0;}
.artist-view .artist-main > .wrap {width:92%; max-width:var(--conts-w); margin:0 auto;}
.artist-view .artist-main .profile-img {width:100%; max-width:var(--conts-w); height:100%; background-position:right bottom; background-repeat:no-repeat; background-size:auto 85%; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:0;}
.artist-view .artist-main .profile .name em {display:block; width:100%; font-size:var(--font-60); font-weight:700; letter-spacing:-2.5px;}
.artist-view .artist-main .profile .name .en {display:block; width:100%; font-size:var(--font-40); font-weight:600; letter-spacing:-2px; margin-top:var(--gap-16);}
.artist-view .artist-main .profile ul {width:100%; margin-top:var(--gap-60);}
.artist-view .artist-main .profile ul li {width:100%; margin-top:var(--gap-60); display:flex; gap:0 var(--gap-24); flex-wrap:wrap; margin-top:var(--gap-16); color:#333; font-size:var(--font-18);}
.artist-view .artist-main .profile ul li:first-child {margin-top:0;}
.artist-view .artist-main .profile ul li .head {width:60px;}
.artist-view .artist-main .profile ul li .conts {width:calc(100% - 60px - var(--gap-24)); font-weight:600;}
.artist-view .contents {position:relative; margin-top:var(--nvh); background:#fff; overflow:hidden;}
.artist-view section > .wrap {width:92%; max-width:var(--conts-w); margin:0 auto; position:relative; z-index:10;}
.artist-view .filmography {z-index:10;}
.artist-view .filmography .filmography-wrap {width:100%; display:flex; flex-wrap:wrap; gap:var(--gap-80);}
.artist-view .filmography .filmography-wrap .filmography-box {width:calc((100% - var(--gap-80)) / 2); padding-top:var(--gap-24); border-top:1px solid #CCCCCC;}
.artist-view .filmography .filmography-wrap .filmography-box .tlt {font-size:var(--font-18); font-weight:700; color:var(--main-color); margin-bottom:var(--gap-32);}
.artist-view .filmography .filmography-wrap .filmography-box ul li {width:100%; display:flex; gap:0 var(--gap-32); margin-top:var(--gap-16); font-size:var(--font-18);}
.artist-view .filmography .filmography-wrap .filmography-box ul li:first-child {margin-top:0;}
.artist-view .filmography .filmography-wrap .filmography-box ul li .year {width:50px; color:#999;}
.artist-view .filmography .filmography-wrap .filmography-box ul li .conts {width:calc(100% - 50px - var(--gap-32));}
.artist-view .photo {z-index:9; padding-top:120px;}
.artist-view .photo:before {content:""; width:100%; height:calc(100% + 160px); background:#F6F6F6; position:absolute; left:0; top:0;}
.artist-view .photo .photo-wrap {width:100%; display:flex; gap:var(--gap-40); flex-wrap:wrap;}
.artist-view .photo .photo-wrap .photo-box {width:calc((100% - (var(--gap-40) * 2)) / 3); border-radius:4px; overflow:hidden;}
.artist-view .photo .photo-wrap .photo-box .img {width:100%; height:0; padding-bottom:calc(500 / 440 * 100%); position:relative; overflow:hidden; transform:translateY(-100%); transform-origin:center center; transition:transform 1s ease;}
.artist-view .photo .photo-wrap .photo-box .img span {display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.artist-view .photo .photo-wrap .photo-box .img span img {display:block; max-width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(1.5); transform-origin:center center; transition:transform 0.8s ease;}
.artist-view .photo .photo-wrap .photo-box.aos-animate .img {transform:translateY(0);}
.artist-view .photo .photo-wrap .photo-box.aos-animate .img span img {transform:translate(-50%,-50%) scale(1);}

@media screen and (max-width: 1280px) {
	.artist-view .filmography .filmography-wrap {gap:var(--gap-80) 50px;}
	.artist-view .filmography .filmography-wrap .filmography-box {width:calc((100% - 50px) / 2);}
}

@media screen and (max-width: 1024px) {
	.artist-view .photo {padding-top:100px;}
	.artist-view .photo:before {height:calc(100% + 140px);}
}

@media screen and (max-width: 900px) {
	.artist-view .filmography .filmography-wrap .filmography-box {width:100%;}
}

@media screen and (max-width: 768px) {
	.artist-view .artist-main .profile-img {background-position:right 15% bottom;}
	.artist-view .artist-main .profile ul li .head {width:55px;}
	.artist-view .artist-main .profile ul li .conts {width:calc(100% - 55px - var(--gap-24));}
	.artist-view .photo {padding-top:80px;}
	.artist-view .photo:before {height:calc(100% + 120px);}
	.artist-view .photo .photo-wrap {gap:var(--gap-24);}
	.artist-view .photo .photo-wrap .photo-box {width:calc((100% - (var(--gap-24) * 2)) / 3);}
}

@media screen and (max-width: 480px) {
	.artist-view .artist-main {background-position:right 28% bottom; align-items:flex-end; padding-bottom:var(--gap-80);}
	.artist-view .artist-main .profile ul li .head {width:50px;}
	.artist-view .artist-main .profile ul li .conts {width:calc(100% - 50px - var(--gap-24));}
	.artist-view .photo {padding-top:60px;}
	.artist-view .photo:before {height:calc(100% + 100px);}
	.artist-view .photo .photo-wrap {gap:var(--gap-24);}
	.artist-view .photo .photo-wrap .photo-box {width:calc((100% - var(--gap-24)) / 2);}
}


.audition .audition-main {width:100%; position:relative;}
.audition .audition-main:before {content:""; width:50%; height:100%; background:url(/img/conts/audition_txt.svg) left top no-repeat; background-size:100% auto; position:absolute; left:0; top:0; z-index:0;}
.audition .audition-main .conts {width:70%; margin-left:auto; margin-right:0; padding-top:var(--gap-60); font-size:var(--font-20); position:relative; z-index:10;}
.audition .audition-main .conts .under {background-image:linear-gradient(#FDE0D7, #FDE0D7); background-position:left 0 bottom 0; background-repeat:no-repeat; background-size:100% 45%; font-weight:600;}

@media screen and (max-width: 1440px) {
	.audition .audition-main .conts {width:80%;}
	.audition .audition-main .conts .br {display:inline-block;}
}

@media screen and (max-width: 1024px) {
	.audition .audition-main:before {width:70%;}
}

@media screen and (max-width: 768px) {
	.audition .audition-main .conts {padding-top:40px;}
}

@media screen and (max-width: 480px) {
	.audition .audition-main:before {width:80%;}
	.audition .audition-main .conts {width:85%; padding-top:30px;}
}


.audition .audition-category {width:100%; display:flex; flex-wrap:wrap; gap:var(--gap-40);}
.audition .audition-category .conts-box {width:calc((100% - (var(--gap-40) * 3)) / 4); background:#fff; border:1px solid #DCDCDC; border-radius:10px; position:relative;}
.audition .audition-category .conts-box:after {content:""; width:32.5%; height:100%; position:absolute; right:var(--gap-32); bottom:0; background-position:left bottom var(--gap-32); background-repeat:no-repeat; background-size:100% auto; z-index:0;}
.audition .audition-category .conts-box > .inner {width:100%; height:0; padding-bottom:calc(400 / 320 * 100%); position:relative; z-index:10;}
.audition .audition-category .conts-box .bx {width:100%; padding:var(--gap-32);}
.audition .audition-category .conts-box .tlt {width:100%; font-size:var(--font-24); font-weight:700;}
.audition .audition-category .conts-box .conts {width:100%; margin-top:var(--gap-32);}
.audition .audition-category .conts-box .conts ul li {width:100%; display:flex; gap:0 var(--gap-8); position:relative; padding-left:calc(var(--gap-8) + 5px); font-size:var(--font-18);}
.audition .audition-category .conts-box .conts ul li:before {content:""; width:5px; height:5px; border-radius:50%; background:var(--main-color); position:absolute; left:0; top:10px;}
.audition .audition-category .conts-box .conts ul li .head {font-weight:600; color:var(--main-color); flex:initial;}
.audition .audition-category .conts-box .conts ul li .conts {flex:auto;}
.audition .audition-category .conts-box.sing:after {background-image:url(/img/conts/icon_sing.svg);}
.audition .audition-category .conts-box.composition:after {background-image:url(/img/conts/icon_composition.svg);}
.audition .audition-category .conts-box.talent:after {background-image:url(/img/conts/icon_talent.svg);}
.audition .audition-category .conts-box.model:after {background-image:url(/img/conts/icon_model.svg);}

@media screen and (max-width: 1280px) {
	.audition .audition-category .conts-box {width:calc((100% - var(--gap-40)) / 2);}
	.audition .audition-category .conts-box > .inner {padding-bottom:calc(300 / 400 * 100%);}
}

@media screen and (max-width: 768px) {
	.audition .audition-category .conts-box > .inner {padding-bottom:calc(400 / 400 * 100%);}
	.audition .audition-category .conts-box .conts {margin-top:var(--gap-16);}
	.audition .audition-category .conts-box .conts ul li {padding-left:calc(var(--gap-8) + 4px);}
	.audition .audition-category .conts-box .conts ul li:before {width:4px; height:4px; top:9px;}
}

@media screen and (max-width: 600px) {
	.audition .audition-category .conts-box {width:100%;}
	.audition .audition-category .conts-box > .inner {padding-bottom:calc(240 / 400 * 100%);}
}

@media screen and (max-width: 480px) {
	.audition .audition-category .conts-box > .inner {padding-bottom:calc(280 / 400 * 100%);}
}


.audition .audition-step {width:100%; display:flex; gap:80px; flex-wrap:wrap;}
.audition .audition-step .step-box {width:calc((100% - 80px) / 2); padding:0 var(--gap-24); padding-top:var(--gap-40); border-top:1px solid #CCCCCC;}
.audition .audition-step .step-box .title-box {width:100%; margin-bottom:var(--gap-24);}
.audition .audition-step .step-box .title-box .title {width:100%; display:flex; gap:16px;}
.audition .audition-step .step-box .title-box .title .num {font-size:var(--font-18); color:var(--main-color); font-weight:700; flex:initial;}
.audition .audition-step .step-box .title-box .title .subject {font-size:var(--font-20); font-weight:700; flex:auto;}
.audition .audition-step .step-box .title-box .title .subject .sub-txt {font-weight:600;}
.audition .audition-step .step-box .conts {width:100%; padding-left:calc(var(--gap-16) + 20px); font-size:var(--font-18);}
.audition .audition-step .step-box .conts ul.number li {width:100%; padding-left:15px; text-indent:-15px;}
.audition .audition-step .step-box .conts ul.hyphen li {position:relative; padding-left:11px; text-indent:-11px;}
.audition .audition-step .step-box .conts ul.hyphen li:before {content:"- ";}
.audition .audition-step .step-box .conts .point {width:100%; margin-top:var(--gap-16); font-weight:700;}
.audition .audition-step .step-box .conts .point span {color:var(--main-color);}
.audition .audition-step .step-box .conts dl {width:100%; display:flex;}
.audition .audition-step .step-box .conts dl dt {width:95px;}
.audition .audition-step .step-box .conts dl dd {width:calc(100% - 95px);}

@media screen and (max-width: 1280px) {
	.audition .audition-step {gap:40px;}
	.audition .audition-step .step-box {width:calc((100% - 40px) / 2);}
}

@media screen and (max-width: 1024px) {
	.audition .audition-step .step-box {width:100%;}
}

@media screen and (max-width: 768px) {
	.audition .audition-step .step-box .conts ul.number li {padding-left:13px; text-indent:-13px;}
	.audition .audition-step .step-box .conts ul.hyphen li {padding-left:9px; text-indent:-9px;}
	.audition .audition-step .step-box .conts dl dt {width:80px;}
	.audition .audition-step .step-box .conts dl dd {width:calc(100% - 80px);}
}

@media screen and (max-width: 480px) {
	.audition .audition-step {gap:30px;}
	.audition .audition-step .step-box .conts {padding-left:calc(var(--gap-16) + 18px);}
	.audition .audition-step .step-box .conts ul.number li {padding-left:11px; text-indent:-11px;}
	.audition .audition-step .step-box .conts ul.hyphen li {padding-left:8px; text-indent:-8px;}
	.audition .audition-step .step-box .conts dl {flex-wrap:wrap;}
	.audition .audition-step .step-box .conts dl dt {width:100%;}
	.audition .audition-step .step-box .conts dl dd {width:100%;}
}


.audition .audition-notice {width:100%; background:#F6F6F6; padding:var(--gap-40); border-radius:4px;}
.audition .audition-notice ul li {width:100%; margin-top:var(--gap-24); font-size:var(--font-18); position:relative; padding-left:15px; text-indent:-15px;}
.audition .audition-notice ul li:nth-child(1) {margin-top:0;}
.audition .audition-notice ul li:before {content:"※ ";}
.audition .audition-notice ul li em {font-weight:700;}
.audition .audition-notice ul li span {color:var(--main-color);}
.audition .audition-notice ul li:has(span):before {color:var(--main-color);}

@media screen and (max-width: 768px) {
	.audition .audition-notice ul li {padding-left:13px; text-indent:-13px;}
}

@media screen and (max-width: 480px) {
	.audition .audition-notice ul li {padding-left:11px; text-indent:-11px;}
}

.about-us .contents section {margin-top:0;}

.about-us .about-main {width:100%; background-color:#000; position:relative; overflow:hidden;}
.about-us .about-main[data-aos-duration="0"] {transition-duration:0s;}
.about-us .about-main:before {content:""; width:100%; height:100%; background:url(/img/conts/about_us.png) center no-repeat; background-size:cover; position:absolute; left:0; top:0; transform:scale(1.08); transition:transform 5s ease-in-out;}
.about-us .about-main.aos-animate:before {transform:scale(1);}
.about-us .about-main .conts-box {width:100%; height:var(--nvh); display:flex; justify-content:center; position:relative; z-index:10;}
.about-us .about-main .conts-box > .wrap {width:90%; margin:0 auto; color:#fff; text-align:center;}
.about-us .about-main .conts-box.main-conts {align-items:center;}
.about-us .about-main .conts-box.main-conts > .wrap {padding-bottom:10%;}
.about-us .about-main .conts-box.main-conts .title h1 {font-size:var(--font-60); font-weight:700; letter-spacing:-7px; color:#fff; line-height:1;}
.about-us .about-main .conts-box.main-conts .title h1 > span {display:inline-block; animation:loading 0.7s;}
.about-us .about-main .conts-box.main-conts .title h1 > span:nth-child(2) {animation-delay:0.1s;}
.about-us .about-main .conts-box.main-conts .title h1 > span:nth-child(3) {animation-delay:0.2s;}
.about-us .about-main .conts-box.main-conts .title h1 > span:nth-child(4) {animation-delay:0.3s;}
.about-us .about-main .conts-box.main-conts .title h1 > span:nth-child(5) {animation-delay:0.4s;}
.about-us .about-main .conts-box.main-conts .title h1 > span:nth-child(6) {animation-delay:0.5s;}
.about-us .about-main .conts-box.main-conts .title h1 > span:nth-child(7) {animation-delay:0.6s;}
.about-us .about-main .conts-box.main-conts .title h1 > span:nth-child(8) {animation-delay:0.7s;}
.about-us .about-main .conts-box.main-conts .title h1 > span:nth-child(9) {animation-delay:0.8s;}
.about-us .about-main .conts-box.main-conts .title h1 > span:nth-child(10) {animation-delay:0.9s;}
.about-us .about-main .conts-box.main-conts .title h1 > span:nth-child(11) {animation-delay:1s;}
.about-us .about-main .conts-box.main-conts .title h1 > span:nth-child(12) {animation-delay:1.1s;}
.about-us .about-main .conts-box.main-conts .title h1 > span:nth-child(13) {animation-delay:1.2s;}
.about-us .about-main .conts-box.main-conts .title h1 > span:nth-child(14) {animation-delay:1.3s;}
.about-us .about-main .conts-box.main-conts .title h1 > span:nth-child(15) {animation-delay:1.4s;}
.about-us .about-main .conts-box.main-conts .title h1 > span:nth-child(16) {animation-delay:1.5s;}
.about-us .about-main .conts-box.main-conts .title h1 > span:nth-child(17) {animation-delay:1.6s;}
.about-us .about-main .conts-box.main-conts .title > span {font-size:var(--font-30); display:block; margin-bottom:var(--gap-16);}
.about-us .about-main .conts-box.sub-conts {align-items:center;}
.about-us .about-main .conts-box.sub-conts > .wrap {padding-top:15%;}
.about-us .about-main .conts-box.sub-conts .tlt {font-size:var(--font-30); font-weight:600; margin-bottom:var(--gap-32); letter-spacing:-1.5px;}
.about-us .about-main .conts-box.sub-conts .conts {font-size:var(--font-18);}

@media screen and (max-width: 1024px) {
	.about-us .about-main .conts-box {height:800px;}
}

@media screen and (max-width: 768px) {
	.about-us .about-main .conts-box {height:540px;}
}

@media screen and (max-width: 480px) {
	.about-us .about-main .conts-box {height:360px;}
	.about-us .about-main .conts-box.main-conts .title h1 {font-size:26px; letter-spacing:-2px;}
	.about-us .about-main .conts-box.main-conts .title > span {font-size:18px;}
}

.about-us .about-us-wrap {width:100%; max-width:1920px; margin:0 auto;}
.about-us .about-us-wrap .about-box {width:100%; display:flex; align-items:center;}
.about-us .about-us-wrap .about-box:nth-child(even) {flex-direction:row-reverse;}
.about-us .about-us-wrap .about-box > * {width:50%;}
.about-us .about-us-wrap .about-box .img-box {position:relative; overflow:hidden;}
.about-us .about-us-wrap .about-box .img-box span {display:block; position:relative;}
.about-us .about-us-wrap .about-box .img-box span img {max-width:100%; display:block; margin:0 auto;}
.about-us .about-us-wrap .about-box .img-box .cover {width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; transform:translateY(0); transition:transform 1.2s ease-in-out;}
.about-us .about-us-wrap .about-box .img-box.aos-animate .cover {transform:translateY(-105%);}
.about-us .about-us-wrap .about-box .img-box[data-aos-duration="0"] {transition-duration:0s;}
.about-us .about-us-wrap .about-box .conts-box > .wrap {width:100%; max-width:410px; margin:0 auto;}
.about-us .about-us-wrap .about-box .conts-box span {display:block; font-size:var(--font-24); font-weight:600; color:var(--main-color);}
.about-us .about-us-wrap .about-box .conts-box em {display:block; font-size:var(--font-30); font-weight:700; margin:var(--gap-16) 0 var(--gap-32) 0;}
.about-us .about-us-wrap .about-box .conts-box .conts {font-size:var(--font-18);}

@media screen and (max-width: 1024px) {
	.about-us .about-us-wrap .about-box {flex-wrap:wrap;}
	.about-us .about-us-wrap .about-box:nth-child(odd) {flex-direction:row;}
	.about-us .about-us-wrap .about-box > * {width:100%;}
	.about-us .about-us-wrap .about-box .conts-box {padding:var(--gap-60) 0; text-align:center;}
	.about-us .about-us-wrap .about-box .conts-box > .wrap  {width:90%;}
}


.about-us .pan-ent {padding:240px 0;}
.about-us .pan-ent .txt-box {width:90%; max-width:1212px; margin:0 auto; position:relative;}
.about-us .pan-ent .txt-box .bg {width:100%; transition:transform 1s 0.2s ease-in-out;}
.about-us .pan-ent .txt-box .bg span {display:block; width:100%; height:0; padding-bottom:calc(108 / 1212 * 100%); background-size:cover; background-repeat:no-repeat; background-position:center; font-size:0;}
.about-us .pan-ent .txt-box .bg span:last-child {margin-top:var(--gap-24);}
.about-us .pan-ent .txt-box .bg.bg-txt-1 {transform:translateX(-300px) scale(1.2);}
.about-us .pan-ent .txt-box .bg.bg-txt-2 {transform:translateX(300px) scale(1.2);}
.about-us .pan-ent .txt-box .bg.bg-txt-1 span {background-image:url(/img/conts/about_txt_01.png);}
.about-us .pan-ent .txt-box .bg.bg-txt-2 span {background-image:url(/img/conts/about_txt_02.png);}
.about-us .pan-ent .txt-box .txt {width:70%; max-width:844px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(0.9); transition:all 0.8s 1s ease-in-out; opacity:0;}
.about-us .pan-ent .txt-box .txt span {display:block; width:100%; height:0; padding-bottom:calc(101 / 844 * 100%); font-size:0; background:url(/img/conts/pan_txt.svg) center no-repeat; background-size:auto 100%;}

.about-us .pan-ent.aos-animate .txt-box .bg.bg-txt-1 {transform:translateX(0) scale(1);}
.about-us .pan-ent.aos-animate .txt-box .bg.bg-txt-2 {transform:translateX(0) scale(1);}
.about-us .pan-ent.aos-animate .txt-box .txt {transform:translate(-50%,-50%) scale(1); opacity:1;}


@media screen and (max-width: 1024px) {
	.about-us .pan-ent {padding:150px 0;}
}

@media screen and (max-width: 768px) {
	.about-us .pan-ent {padding:100px 0;}
}

@media screen and (max-width: 480px) {
	.about-us .pan-ent {padding:70px 0;}
}


.about-us .ceo-message {width:92%; max-width:var(--conts-w); margin:0 auto; position:relative;}
.about-us .ceo-message .sub-title .title {width:100%;}
.about-us .ceo-message .sub-title .title .txt {width:63%;}
.about-us .ceo-message .message-wrap {width:100%; display:flex; align-items:center; transform:translateY(calc((var(--gap-80) + 20px) * -1)); position:relative; z-index:10;}
.about-us .ceo-message .message-wrap .conts-box {width:63%;}
.about-us .ceo-message .message-wrap .conts-box > .inner {width:90%; padding-left:15%;}
.about-us .ceo-message .message-wrap .conts-box .tlt {font-size:var(--font-20); font-weight:700; margin-bottom:var(--gap-16);}
.about-us .ceo-message .message-wrap .conts-box .conts {font-size:var(--font-18); width:100%; max-width:460px;}
.about-us .ceo-message .message-wrap .conts-box .sign-box {width:100%; display:flex; margin-top:var(--gap-80); gap:var(--gap-16);}
.about-us .ceo-message .message-wrap .conts-box .sign-box .head {font-size:var(--font-16); padding-top:3px;}
.about-us .ceo-message .message-wrap .conts-box .sign-box .name em {font-size:var(--font-20); font-weight:700;}
.about-us .ceo-message .message-wrap .conts-box .sign-box .name .sign {margin-top:var(--gap-8);}
.about-us .ceo-message .message-wrap .conts-box .sign-box .name .sign img {max-width:100%; display:block;}
.about-us .ceo-message .message-wrap .img-box {width:37%; border-radius:10px; overflow:hidden;}
.about-us .ceo-message .message-wrap .img-box img {max-width:100%; display:block; margin:0 auto;}
.about-us .ceo-message .obj {position:absolute; z-index:0; background-size:cover; background-position:center; background-repeat:no-repeat;}
.about-us .ceo-message .obj-1 {width:240px; height:240px; background-image:url(/img/conts/about_obj_01.png); right:-120px; top:0; animation:ItemBounce 3s infinite ease-in-out;}
.about-us .ceo-message .obj-2 {width:160px; height:160px; background-image:url(/img/conts/about_obj_02.png); left:40%; bottom:0; animation:ItemBounce 3s infinite 0.5s ease-in-out;}
.about-us .ceo-message .obj-3 {width:40px; height:40px; background-image:url(/img/conts/icon_sparkle.svg); left:0; top:40%;}

@media screen and (max-width: 1024px) {
	.about-us .ceo-message .message-wrap {transform:translateY(calc(var(--gap-60) * -1));}
	.about-us .ceo-message .obj-1 {width:180px; height:180px; right:-20px; top:13%;}
	.about-us .ceo-message .obj-2 {width:100px; height:100px;}
	.about-us .ceo-message .obj-3 {width:30px; height:30px;}
}

@media screen and (max-width: 900px) {
	.about-us .ceo-message .sub-title .title .txt {width:100%;}
	.about-us .ceo-message .message-wrap {transform:translateY(0);}
	.about-us .ceo-message .obj-1 {top:24%;}
}

@media screen and (max-width: 768px) {
	.about-us .ceo-message .message-wrap {flex-direction:column-reverse; flex-wrap:wrap; padding-top:60px; gap:var(--gap-32);}
	.about-us .ceo-message .message-wrap .conts-box {width:100%; text-align:center;}
	.about-us .ceo-message .message-wrap .conts-box > .inner {padding-left:0; margin:0 auto; max-width:460px;}
	.about-us .ceo-message .message-wrap .img-box {width:100%; max-width:520px; margin:0 auto;}
	.about-us .ceo-message .message-wrap .conts-box .sign-box {justify-content:center; text-align:left; padding-left:60px;}
	.about-us .ceo-message .obj-1 {top:13%;}
	.about-us .ceo-message .obj-2 {left:20%}
	.about-us .ceo-message .obj-3 {top:80%;}
}

@media screen and (max-width: 600px) {
	.about-us .ceo-message .sub-title .title .txt .br {display:inline-block;}
}

@media screen and (max-width: 480px) {
	.about-us .ceo-message .message-wrap {padding-top:0;}
	.about-us .ceo-message .message-wrap .conts-box .sign-box {padding-left:50px;}
	.about-us .ceo-message .obj-1 {width:120px; height:120px; right:-5px; top:17%;}
	.about-us .ceo-message .obj-2 {width:50px; height:50px; left:10%;}
	.about-us .ceo-message .obj-3 {width:15px; height:15px; top:65%;}
}


.history {padding-bottom:0;}
.history .history-wrap {width:100%; position:relative; max-width:1280px; margin:0 auto;}
.history .history-wrap:before {content:""; width:1px; height:calc(100% - 20px); box-sizing:border-box; border-left:1px solid var(--main-color); position:absolute; left:50%; top:10px; transform:translateX(-50%);}
.history .history-wrap .history-box {width:100%; display:flex; justify-content:flex-end;}
.history .history-wrap .history-box .history-conts {width:50%; position:relative;}
.history .history-wrap .history-box .history-conts .year {font-size:var(--font-50); font-weight:600; letter-spacing:-2px; margin-bottom:var(--gap-16); position:relative;}
.history .history-wrap .history-box .history-conts .year:before {content:""; width:20px; height:20px; border-radius:50%; background:rgba(242,101,57,0.3); position:absolute; top:50%; transform:translateY(-50%);}
.history .history-wrap .history-box .history-conts .year:after {content:""; width:10px; height:10px; border-radius:50%; background:rgba(242,101,57,1); position:absolute; top:50%; transform:translateY(-50%);}
.history .history-wrap .history-box .history-conts .img-box {width:100%; border-radius:4px; overflow:hidden; margin-bottom:var(--gap-32);}
.history .history-wrap .history-box .history-conts .img-box span {width:100%; height:0; padding-bottom:calc(300 / 560 * 100%); position:relative; display:block;}
.history .history-wrap .history-box .history-conts .img-box span img {display:block; max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.history .history-wrap .history-box .history-conts .conts ul li {width:100%; display:flex; gap:var(--gap-16); font-size:var(--font-18); margin-top:var(--gap-16);}
.history .history-wrap .history-box .history-conts .conts ul li:nth-child(1) {margin-top:0;}
.history .history-wrap .history-box .history-conts .conts ul li .month {width:50px; font-weight:700;}
.history .history-wrap .history-box .history-conts .conts ul li .txt {width:calc(100% - 50px - var(--gap-16));}
.history .history-wrap .history-box:nth-child(even) {justify-content:flex-start;}
.history .history-wrap .history-box:nth-child(odd) .history-conts {padding-left:80px;}
.history .history-wrap .history-box:nth-child(even) .history-conts {padding-right:80px;}
.history .history-wrap .history-box:nth-child(odd) .history-conts .year:before {left:-90px;}
.history .history-wrap .history-box:nth-child(even) .history-conts .year:before {right:-90px;}
.history .history-wrap .history-box:nth-child(odd) .history-conts .year:after {left:-85px;}
.history .history-wrap .history-box:nth-child(even) .history-conts .year:after {right:-85px;}


@media screen and (max-width: 1024px) {
	.history .history-wrap .history-box:nth-child(odd) .history-conts {padding-left:50px;}
	.history .history-wrap .history-box:nth-child(even) .history-conts {padding-right:50px;}
	.history .history-wrap .history-box:nth-child(odd) .history-conts .year:before {left:-60px;}
	.history .history-wrap .history-box:nth-child(even) .history-conts .year:before {right:-60px;}
	.history .history-wrap .history-box:nth-child(odd) .history-conts .year:after {left:-55px;}
	.history .history-wrap .history-box:nth-child(even) .history-conts .year:after {right:-55px;}
}

@media screen and (max-width: 768px) {
	.history .history-wrap:before {left:10px; transform:none;}
	.history .history-wrap .history-box {margin-top:var(--gap-60);}
	.history .history-wrap .history-box:nth-child(1) {margin-top:0;}
	.history .history-wrap .history-box .history-conts {width:100%;}
	.history .history-wrap .history-box .history-conts .img-box {max-width:560px;}

	.history .history-wrap .history-box:nth-child(odd) .history-conts {padding-left:50px;}
	.history .history-wrap .history-box:nth-child(even) .history-conts {padding-left:50px; padding-right:0;}
	.history .history-wrap .history-box:nth-child(odd) .history-conts .year:before {left:-50px;}
	.history .history-wrap .history-box:nth-child(even) .history-conts .year:before {left:-50px; right:0;}
	.history .history-wrap .history-box:nth-child(odd) .history-conts .year:after {left:-45px;}
	.history .history-wrap .history-box:nth-child(even) .history-conts .year:after {left:-45px; right:0;}
}

@media screen and (max-width: 480px) {
	.history .history-wrap .history-box .history-conts .year:before {width:16px; height:16px;}
	.history .history-wrap .history-box .history-conts .year:after {width:8px; height:8px;}

	.history .history-wrap .history-box:nth-child(odd) .history-conts {padding-left:30px;}
	.history .history-wrap .history-box:nth-child(even) .history-conts {padding-left:30px;}
	.history .history-wrap .history-box:nth-child(odd) .history-conts .year:before {left:-28px;}
	.history .history-wrap .history-box:nth-child(even) .history-conts .year:before {left:-28px;}
	.history .history-wrap .history-box:nth-child(odd) .history-conts .year:after {left:-24px;}
	.history .history-wrap .history-box:nth-child(even) .history-conts .year:after {left:-24px;}
}


.history .contents {padding-bottom:0;}
.history .award {width:100%; padding:120px 0 160px 0; position:relative;}
.history .award:before {content:""; width:300%; height:100%; background:#FBFBFB; position:absolute; left:50%; top:0; z-index:0; transform:translateX(-50%);}
.history .award > *:not(.obj-box) {position:relative; z-index:10;}
.history .award-wrap {width:100%; display:flex; gap:80px; flex-wrap:wrap;}
.history .award-wrap .award-box {width:calc((100% - 160px) / 3);}
.history .award-wrap .award-box .year {width:100%; height:50px; position:relative; display:flex; align-items:center; justify-content:center; font-size:var(--font-40); font-weight:600; letter-spacing:-2px; color:var(--main-color); margin-bottom:var(--gap-16);}
.history .award-wrap .award-box .year:before,
.history .award-wrap .award-box .year:after {content:""; width:50%; height:100%; position:absolute; z-index:0; top:0; background:url(/img/conts/award_deco.png) left center no-repeat; background-size:auto 100%;}
.history .award-wrap .award-box .year:before {left:0;}
.history .award-wrap .award-box .year:after {right:0; transform:scaleX(-1);}
.history .award-wrap .award-box .conts {width:100%; border-top:4px solid var(--main-color); padding:var(--gap-32) var(--gap-16); padding-bottom:0;}
.history .award-wrap .award-box ul li {width:100%; font-size:var(--font-20); font-weight:600; position:relative; padding-left:calc(5px + var(--gap-8)); margin-top:var(--gap-8);}
.history .award-wrap .award-box ul li:before {content:""; width:5px; height:5px; border-radius:50%; background:var(--main-color); position:absolute; left:0; top:11px;}
.history .award-wrap .award-box ul li:first-child {margin-top:0;}
.history .award-wrap .award-box ul li span {font-weight:400; display:block;}
.history .award-wrap .award-box:nth-child(3n+2) {margin-top:80px;}
.history .award-wrap .award-box:nth-child(3n+0) {margin-top:160px;}
.history .obj-box .obj {position:absolute; z-index:0; background-repeat:no-repeat; display:block;}
.history .obj-box .obj-1 {width:360px; height:200px; background-image:url(/img/conts/award_obj_01.png); background-size:cover; background-position:center; right:-180px; top:0;}
.history .obj-box .obj-2 {width:50%; height:120px; background-image:url(/img/conts/award_obj_02.png); background-size:100% auto; background-position:left bottom; left:0; bottom:0;}

@media screen and (max-width: 1280px) {
	.history .award-wrap {gap:50px;}
	.history .award-wrap .award-box {width:calc((100% - 100px) / 3);}
}

@media screen and (max-width: 1024px) {
	.history .award {padding:100px 0 140px 0;}
	.history .award-wrap {gap:80px;}
	.history .award-wrap .award-box {width:calc((100% - 80px) / 2);}
	.history .award-wrap .award-box:nth-child(3n+2) {margin-top:0;}
	.history .award-wrap .award-box:nth-child(3n+0) {margin-top:0px;}
	.history .award-wrap .award-box:nth-child(2n+0) {margin-top:80px;}
	.history .obj-box .obj-1 {width:260px; height:144px; right:-5%;}
}

@media screen and (max-width: 768px) {
	.history .award {padding:80px 0 120px 0;}
	.history .award-wrap .award-box .year {height:46px;}
	.history .award-wrap {gap:60px;}
	.history .award-wrap .award-box {width:calc((100% - 60px) / 2);}
	.history .award-wrap .award-box:nth-child(2n+0) {margin-top:60px;}
	.history .obj-box .obj-1 {width:200px; height:111px;}
	.history .obj-box .obj-2 {width:60%;}
}

@media screen and (max-width: 600px) {
	.history .award-wrap .award-box {width:100%;}
	.history .award-wrap .award-box:nth-child(2n+0) {margin-top:0px;}
}

@media screen and (max-width: 480px) {
	.history .award {padding:60px 0 100px 0;}
	.history .award-wrap .award-box .year {height:40px;}
	.history .award-wrap {gap:40px;}
	.history .award-wrap .award-box .conts {border-top-width:3px;}
	.history .award-wrap .award-box ul li {padding-left:calc(4px + var(--gap-8));}
	.history .award-wrap .award-box ul li:before {width:4px; height:4px; top:10px;}
	.history .obj-box .obj-1 {width:140px; height:78px;}
	.history .obj-box .obj-2 {width:100%; height:80px;}

}


.ethics .ethics-wrap {width:100%; padding-top:var(--gap-40); border-top:1px solid #CCCCCC;}
.ethics .ethics-wrap .ethics-box .txt em {font-weight:700;}
.ethics .ethics-wrap .ethics-box .txt em.point {color:var(--main-color);}
.ethics .ethics-wrap .ethics-box ul.number {counter-reset:number;}
.ethics .ethics-wrap .ethics-box ul.number > li {margin-top:5px; font-size:var(--font-18); padding-left:16px; text-indent:-16px;}
.ethics .ethics-wrap .ethics-box ul.number > li:first-child {margin-top:0;}
.ethics .ethics-wrap .ethics-box ul.number > li:before {counter-increment:number; content:counter(number)". ";}
.ethics .ethics-wrap .ethics-box .hyphen {width:100%; padding-left:6px;}
.ethics .ethics-wrap .ethics-box .hyphen span {display:block; margin-top:5px; position:relative; padding-left:11px; text-indent:-11px;}
.ethics .ethics-wrap .ethics-box .hyphen span:before {content:"- ";}
.ethics .ethics-wrap .ethics-box .bracket {width:100%; counter-reset:bracket;}
.ethics .ethics-wrap .ethics-box .bracket span {display:block; margin-top:5px; position:relative; padding-left:16px; text-indent:-16px;}
.ethics .ethics-wrap .ethics-box .bracket span:before {counter-increment:bracket; content:counter(bracket)") ";}
.ethics .ethics-wrap .ethics-box .tb {width:100%; border-top:1px solid #666; margin-top:var(--gap-24);}
.ethics .ethics-wrap .ethics-box .tb > li {width:100%; display:flex; align-items:center; position:relative; min-height:70px; padding:var(--gap-16); border-bottom:1px solid #EBEBEB; font-size:var(--font-18); boz-sizing:border-box;}
.ethics .ethics-wrap .ethics-box .tb > li:before {content:""; width:1px; height:100%; box-sizing:border-box; border-left:1px solid #ebebeb; position:absolute; left:calc(28% + var(--gap-16)); top:0;}
.ethics .ethics-wrap .ethics-box .tb > li .tb-head {font-weight:600; width:28%; text-align:center;}
.ethics .ethics-wrap .ethics-box .tb > li .tb-conts {width:72%; padding:0 var(--gap-40);}
.ethics .ethics-wrap .ethics-box .tb > li:last-child {background:#F6F6F6;}
.ethics .ethics-wrap .ethics-box .conts-box {width:100%; margin-top:var(--gap-32);}
.ethics .ethics-wrap .ethics-box .conts-box:nth-child(1) {margin-top:0;}
.ethics .ethics-wrap .ethics-box .conts-box .txt {font-size:var(--font-20);}
.ethics .ethics-wrap .ethics-box .conts-box .txt.small {font-size:var(--font-18);}
.ethics .ethics-wrap .ethics-box .bg-box {width:100%; padding:var(--gap-32); background:#F6F6F6;}
.ethics .ethics-wrap .ethics-box .padding-box {width:100%; padding:var(--gap-16);}
.ethics .ethics-wrap .ethics-box .ethics-conts {width:100%; margin-top:var(--gap-40);}
.ethics .ethics-wrap .ethics-box .ethics-conts:first-child {margin-top:0;}
.ethics .ethics-wrap .ethics-box .ethics-conts h3 {font-size:var(--font-24); font-weight:700; margin-bottom:var(--gap-32);}
.ethics .ethics-wrap .ethics-box .ethics-conts .conts-inner {width:100%;}
.ethics .ethics-wrap .ethics-box .ethics-conts .conts-inner .conts {width:100%; margin-top:var(--gap-40);}
.ethics .ethics-wrap .ethics-box .ethics-conts .conts-inner .conts:first-child {margin-top:0;}
.ethics .ethics-wrap .ethics-box .ethics-conts .conts-inner .conts h4 {font-size:var(--font-18); font-weight:600; margin-bottom:var(--gap-16);}
.ethics .ethics-wrap .ethics-box .ethics-conts .conts-inner .conts .txt {font-size:var(--font-18);}

@media screen and (max-width: 768px) {
	.ethics .ethics-wrap .ethics-box ul.number > li {padding-left:15px; text-indent:-15px;}
	.ethics .ethics-wrap .ethics-box .hyphen {padding-left:0;}
	.ethics .ethics-wrap .ethics-box .hyphen span {padding-left:10px; text-indent:-10px;}
	.ethics .ethics-wrap .ethics-box .bracket span {padding-left:15px; text-indent:-15px;}
}

@media screen and (max-width: 480px) {
	.ethics .ethics-wrap .ethics-box ul.number > li {padding-left:12px; text-indent:-12px;}
	.ethics .ethics-wrap .ethics-box .hyphen span {padding-left:9px; text-indent:-9px;}
	.ethics .ethics-wrap .ethics-box .bracket span {padding-left:12px; text-indent:-12px;}
	.ethics .ethics-wrap .ethics-box .tb > li {flex-wrap:wrap;}
	.ethics .ethics-wrap .ethics-box .tb > li:before {display:none;}
	.ethics .ethics-wrap .ethics-box .tb > li .tb-head {width:100%; padding:0 0 var(--gap-16) 0; border-bottom:1px solid #EBEBEB;}
	.ethics .ethics-wrap .ethics-box .tb > li .tb-conts {width:100%; padding:var(--gap-16) 0 0 0; text-align:center;}
	.ethics .ethics-wrap .ethics-box .tb > li:last-child .tb-conts {text-align:left;}
}


.ci .ci-wrap .ci-box {width:100%;}
.ci .ci-wrap .ci-box .conts-top {width:100%; display:flex; flex-wrap:wrap;}
.ci .ci-wrap .ci-box .conts-top .title {width:37%; font-size:var(--font-40); letter-spacing:-2px; font-weight:700;}
.ci .ci-wrap .ci-box .conts-top .conts {width:63%;}
.ci .ci-wrap .ci-box .conts-top .conts em {width:100%; display:block; font-size:var(--font-24); font-weight:600; margin-bottom:var(--gap-16);}
.ci .ci-wrap .ci-box .conts-top .conts .txt {font-size:var(--font-18);}
.ci .ci-wrap .ci-box .conts-bottom {width:100%; margin-top:var(--gap-40);}
.ci .ci-wrap .ci-box .basic-system-box {width:100%; height:323px; background:url(/img/conts/graph_paper.png) center repeat; display:flex; align-items:center; justify-content:center; border:1px solid #999;}
.ci .ci-wrap .ci-box .basic-system-box span img {display:block; margin:0 auto;}
.ci .ci-wrap .ci-box .signature-wrap {width:100%; display:flex; gap:var(--gap-40); flex-wrap:wrap;}
.ci .ci-wrap .ci-box .signature-wrap .signature-box {width:calc((100% - var(--gap-40)) / 2);}
.ci .ci-wrap .ci-box .signature-wrap .signature-box .img-box {width:100%; border-radius:4px; overflow:hidden; background:#F6F6F6;}
.ci .ci-wrap .ci-box .signature-wrap .signature-box .img-box span {display:block; width:100%; height:0; padding-bottom:calc(280 / 680 * 100%); position:relative;}
.ci .ci-wrap .ci-box .signature-wrap .signature-box .img-box span img {display:block; max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.ci .ci-wrap .ci-box .signature-wrap .signature-box .tlt {width:100%; font-size:var(--font-20); font-weight:600; margin-top:var(--gap-16);}
.ci .ci-wrap .ci-box .color-wrap .color-box {width:100%; height:80px; border-radius:4px; display:flex; padding:var(--gap-16) var(--gap-24); align-items:flex-end; background:var(--main-color); margin-bottom:var(--gap-24);}
.ci .ci-wrap .ci-box .color-wrap .color-box span {color:#fff; font-size:var(--font-20); font-weight:600;}
.ci .ci-wrap .ci-box .color-wrap ul li {width:100%; margin-top:var(--gap-16); font-size:var(--font-18); position:relative; padding-left:13px;}
.ci .ci-wrap .ci-box .color-wrap ul li:first-child {margin-top:0;}
.ci .ci-wrap .ci-box .color-wrap ul li:before {content:""; width:5px; height:5px; border-radius:50%; background:var(--main-color); position:absolute; left:0; top:11px;}
.ci .ci-wrap .ci-box .color-wrap ul li span {font-weight:600;}

@media screen and (max-width: 900px) {	
	.ci .ci-wrap .ci-box .conts-top {gap:var(--gap-32);}
	.ci .ci-wrap .ci-box .conts-top .title {width:100%;}
	.ci .ci-wrap .ci-box .conts-top .conts {width:100%;}
	.ci .ci-wrap .ci-box .basic-system-box {height:280px;}
	.ci .ci-wrap .ci-box .basic-system-box span img {height:120px;}
}

@media screen and (max-width: 768px) {
	.ci .ci-wrap .ci-box .basic-system-box {height:220px;}
	.ci .ci-wrap .ci-box .basic-system-box span img {height:90px;}
	.ci .ci-wrap .ci-box .signature-wrap .signature-box {width:100%;}
	.ci .ci-wrap .ci-box .color-wrap .color-box {height:72px;}
}

@media screen and (max-width: 480px) {
	.ci .ci-wrap .ci-box .basic-system-box {height:140px;}
	.ci .ci-wrap .ci-box .basic-system-box span img {height:50px;}
	.ci .ci-wrap .ci-box .color-wrap .color-box {height:60px;}
}


.recruit .recruit-wrap .img-slide-box .img-slide .img-box {width:100%; position:relative; overflow:hidden; border-radius:10px;}
.recruit .recruit-wrap .img-slide-box .img-slide .img-box span {display:block; width:100%; height:400px; position:relative; z-index:10;}
.recruit .recruit-wrap .img-slide-box .img-slide .img-box span img {display:block; height:100%; position:absolute; left:50%; top:0; transform:translateX(-50%);}
.recruit .recruit-wrap .img-slide-box .img-slide .img-box p {width:100%; text-align:right; font-size:var(--font-30); font-weight:600; color:#fff; position:absolute; right:0; bottom:0; padding:var(--gap-40); z-index:11;}
.recruit .recruit-wrap .recruit-inner .recruit-box {width:100%; display:flex; padding:var(--gap-24) 0; min-height:300px; align-items:center; border-bottom:1px solid #CCCCCC; position:relative;}
.recruit .recruit-wrap .recruit-inner .recruit-box:after {content:""; width:8.5%; height:100%; background-size:100% auto; background-position:center; background-repeat:no-repeat; position:absolute; right:0; top:0; z-index:0;}
.recruit .recruit-wrap .recruit-inner .recruit-box > .wrap {width:100%; display:flex; flex-wrap:wrap;}
.recruit .recruit-wrap .recruit-inner .recruit-box > .wrap > * {flex:1;}
.recruit .recruit-wrap .recruit-inner .recruit-box .title {font-size:var(--font-30); font-weight:700;}
.recruit .recruit-wrap .recruit-inner .recruit-box .title span {color:var(--main-color);}
.recruit .recruit-wrap .recruit-inner .recruit-box .conts-box ul li {width:100%; position:relative; margin-top:var(--gap-16); font-size:var(--font-18); font-weight:600;}
.recruit .recruit-wrap .recruit-inner .recruit-box .conts-box ul li:first-child {margin-top:0;}
.recruit .recruit-wrap .recruit-inner .recruit-box .conts-box ul li:before {content:"· ";}
.recruit .recruit-wrap .recruit-inner .recruit-box.talant:after {background-image:url(/img/conts/recruit_bg_01.svg);}
.recruit .recruit-wrap .recruit-inner .recruit-box.system:after {background-image:url(/img/conts/recruit_bg_02.svg);}
.recruit .recruit-wrap .recruit-inner .recruit-box.benefit:after {background-image:url(/img/conts/recruit_bg_03.svg);}

@media screen and (max-width: 1024px) {
	.recruit .recruit-wrap .recruit-inner .recruit-box {min-height:260px;}
}

@media screen and (max-width: 768px) {
	.recruit .recruit-wrap .img-slide-box .img-slide .img-box span {height:320px;}
	.recruit .recruit-wrap .recruit-inner .recruit-box {min-height:220px;}
}

@media screen and (max-width: 600px) {	
	.recruit .recruit-wrap .recruit-inner .recruit-box:after {width:15%;}
	.recruit .recruit-wrap .recruit-inner .recruit-box > .wrap {gap:var(--gap-24);}
	.recruit .recruit-wrap .recruit-inner .recruit-box > .wrap > * {flex:auto; width:100%;}
}

@media screen and (max-width: 480px) {
	.recruit .recruit-wrap .img-slide-box .img-slide .img-box {border-radius:8px;}
	.recruit .recruit-wrap .img-slide-box .img-slide .img-box span {height:240px;}
}


.recruit .contents {padding-bottom:0;}
.recruit .apply {width:100%; padding:120px 0 160px 0; position:relative;}
.recruit .apply:before {content:""; width:300%; height:100%; background:#FBFBFB; position:absolute; left:50%; top:0; z-index:0; transform:translateX(-50%);}
.recruit .apply > * {position:relative; z-index:10;}
.recruit .apply .apply-wrap .apply-box {width:100%; margin-top:120px;}
.recruit .apply .apply-wrap .apply-box:first-child {margin-top:0;}
.recruit .apply .apply-wrap .apply-box h3 {font-size:var(--font-24); font-weight:700; margin-bottom:var(--gap-40);}
.recruit .apply .apply-wrap .apply-box .apply-conts .qualification-wrap {width:100%; display:flex; flex-wrap:wrap; gap:var(--gap-40);}
.recruit .apply .apply-wrap .apply-box .apply-conts .qualification-wrap .qualification-box {width:calc((100% - (var(--gap-40) * 3)) / 4); background:#fff; border-radius:10px; padding:var(--gap-40) var(--gap-32);}
.recruit .apply .apply-wrap .apply-box .apply-conts .qualification-wrap .qualification-box .no {display:block; width:100%; text-align:center; font-size:var(--font-18); font-weight:700; color:var(--main-color);}
.recruit .apply .apply-wrap .apply-box .apply-conts .qualification-wrap .qualification-box .icon {width:47%; max-width:120px; margin:0 auto;}
.recruit .apply .apply-wrap .apply-box .apply-conts .qualification-wrap .qualification-box .icon span {width:100%; height:0; padding-bottom:100%; position:relative; background-size:cover; background-repeat:no-repeat; background-position:center; display:block;}
.recruit .apply .apply-wrap .apply-box .apply-conts .qualification-wrap .qualification-box .icon.university span {background-image:url(/img/conts/icon_university.svg);}
.recruit .apply .apply-wrap .apply-box .apply-conts .qualification-wrap .qualification-box .icon.challenge span {background-image:url(/img/conts/icon_challenge.svg);}
.recruit .apply .apply-wrap .apply-box .apply-conts .qualification-wrap .qualification-box .icon.global span {background-image:url(/img/conts/icon_globe.svg);}
.recruit .apply .apply-wrap .apply-box .apply-conts .qualification-wrap .qualification-box .icon.travel span {background-image:url(/img/conts/icon_travel.svg);}
.recruit .apply .apply-wrap .apply-box .apply-conts .qualification-wrap .qualification-box .conts {width:100%; margin-top:var(--gap-24); text-align:center; font-size:var(--font-18); font-weight:600;}
.recruit .apply .apply-wrap .apply-box .apply-conts .download-banner {width:100%; height:120px; border-radius:10px; background:url(/img/conts/banner_bg.png) center no-repeat; background-size:cover; display:flex; align-items:center; justify-content:space-between; padding:0 calc(var(--gap-80) * 2);}
.recruit .apply .apply-wrap .apply-box .apply-conts .download-banner .title {font-size:var(--font-20); font-weight:700; color:#fff;}
.recruit .apply .apply-wrap .apply-box .apply-conts .application-wrap {width:100%; background:#fff; border-radius:10px; display:flex; align-items:center; padding:var(--gap-60) 0; position:relative;}
.recruit .apply .apply-wrap .apply-box .apply-conts .application-wrap:before {content:""; width:1px; height:calc(100% - (var(--gap-60)) * 2); position:absolute; left:40%; top:50%; transform:translateY(-50%); box-sizing:border-box; border-left:1px solid #DCDCDC;}
.recruit .apply .apply-wrap .apply-box .apply-conts .application-wrap .application-box {padding:0 var(--gap-80); position:relative;}
.recruit .apply .apply-wrap .apply-box .apply-conts .application-wrap .application-box:first-child {width:40%;}
.recruit .apply .apply-wrap .apply-box .apply-conts .application-wrap .application-box:last-child {width:60%;}
.recruit .apply .apply-wrap .apply-box .apply-conts .application-wrap .application-box ul li {width:100%; font-size:var(--font-18); font-weight:600; margin-top:var(--gap-16);}
.recruit .apply .apply-wrap .apply-box .apply-conts .application-wrap .application-box ul li:first-child {margin-top:0;}
.recruit .apply .apply-wrap .apply-box .apply-conts .application-wrap .application-box .conts {font-size:var(--font-18);}
.recruit .apply .apply-wrap .apply-box .apply-conts .application-wrap .application-box .conts span {font-weight:700;}
.recruit .apply .apply-wrap .apply-box .apply-conts .application-wrap .application-box .email-box {width:100%; height:60px; border-radius:4px; border:1px solid var(--main-color); display:flex; align-items:center; justify-content:center; font-size:var(--font-18); font-weight:700; color:var(--main-color); margin-top:var(--gap-40);}

@media screen and (max-width: 1280px) {
	.recruit .apply .apply-wrap .apply-box .apply-conts .application-wrap .application-box {padding:0 var(--gap-32);}
}

@media screen and (max-width: 1024px) {
	.recruit .applyd {padding:100px 0 140px 0;}
	.recruit .apply .apply-wrap .apply-box .apply-conts .qualification-wrap .qualification-box {width:calc((100% - var(--gap-40)) / 2);}	
	.recruit .apply .apply-wrap .apply-box .apply-conts .download-banner {padding:0 calc(var(--gap-40) * 2);}
}

@media screen and (max-width: 900px) {	
	.recruit .apply .apply-wrap .apply-box .apply-conts .application-wrap {flex-wrap:wrap; gap:var(--gap-60);}
	.recruit .apply .apply-wrap .apply-box .apply-conts .application-wrap:before {display:none;}
	.recruit .apply .apply-wrap .apply-box .apply-conts .application-wrap .application-box:first-child {width:100%;}
	.recruit .apply .apply-wrap .apply-box .apply-conts .application-wrap .application-box:last-child {width:100%;}
	.recruit .apply .apply-wrap .apply-box .apply-conts .application-wrap .application-box:first-child:before {content:""; width:100%; height:1px; box-sizing:border-box; border-top:1px solid #DCDCDC; position:absolute; left:0; bottom:calc((var(--gap-60) / 2) * -1);}
}

@media screen and (max-width: 768px) {
	.recruit .apply {padding:80px 0 120px 0;}
	.recruit .apply .apply-wrap .apply-box .apply-conts .download-banner {height:100px;}
}

@media screen and (max-width: 480px) {
	.recruit .apply {padding:60px 0 100px 0;}
	.recruit .apply .apply-wrap .apply-box .apply-conts .qualification-wrap .qualification-box {width:100%;}	
	.recruit .apply .apply-wrap .apply-box .apply-conts .qualification-wrap .qualification-box[data-aos-delay="300"],
	.recruit .apply .apply-wrap .apply-box .apply-conts .qualification-wrap .qualification-box[data-aos-delay="600"],
	.recruit .apply .apply-wrap .apply-box .apply-conts .qualification-wrap .qualification-box[data-aos-delay="900"]{transition-delay:0s;}
	.recruit .apply .apply-wrap .apply-box .apply-conts .qualification-wrap .qualification-box .icon {width:42%; max-width:70px;}
	.recruit .apply .apply-wrap .apply-box .apply-conts .download-banner {height:100%; min-height:100px; flex-wrap:wrap; padding:var(--gap-24) var(--gap-60); gap:var(--gap-16);}
	.recruit .apply .apply-wrap .apply-box .apply-conts .download-banner > * {width:100%; text-align:center;}
	.recruit .apply .apply-wrap .apply-box .apply-conts .application-wrap .application-box .email-box {height:52px;}

}


.contact .contact-wrap {width:100%; display:flex;}
.contact .contact-wrap .company-info {width:38%; height:480px; display:flex; align-items:center; padding-right:var(--gap-16);}
.contact .contact-wrap .company-info .company {font-size:var(--font-40); font-weight:700; letter-spacing:-2px; position:relative; padding-top:calc(var(--gap-16) + var(--gap-32));}
.contact .contact-wrap .company-info .company:before {content:""; width:var(--gap-32); height:var(--gap-32); position:absolute; left:0; top:0; background:url(/img/conts/icon_sparkle.svg) center no-repeat; background-size:cover;}
.contact .contact-wrap .company-info .addr {width:100%; margin-top:var(--gap-16); font-size:var(--font-20); font-weight:600;}
.contact .contact-wrap .company-info ul {width:100%; margin-top:var(--gap-32);}
.contact .contact-wrap .company-info ul li {width:100%; display:flex; gap:var(--gap-8); font-size:var(--font-18); margin-top:var(--gap-8);}
.contact .contact-wrap .company-info ul li:nth-child(1) {margin-top:0;}
.contact .contact-wrap .company-info ul li .head {font-weight:600; color:var(--main-color); flex:inital;}
.contact .contact-wrap .company-info ul li .conts {flex:auto;}
.contact .contact-wrap .location {width:62%;}
.contact .contact-wrap .location .map-box {width:100%; height:480px; border-radius:10px; overflow:hidden;}
.contact .contact-wrap .location .map-box .root_daum_roughmap {width:100%; height:100%;}
.contact .contact-wrap .location .map-box .root_daum_roughmap .wrap_controllers {display:none;}
.contact .contact-wrap .location .map-box .root_daum_roughmap .wrap_map {height:100%;}
.contact .contact-wrap .location .map-box .root_daum_roughmap .map_border {display:none;}
.contact .contact-wrap .location .location-wrap {width:100%; margin-top:var(--gap-24);}
.contact .contact-wrap .location .tab-wrap {width:100%; border-bottom:1px solid #EBEBEB;}
.contact .contact-wrap .location .location-tab {display:flex; align-items:center; justify-content:center;}
.contact .contact-wrap .location .location-tab span {flex:1; max-width:160px; height:70px; display:flex; align-items:center; justify-content:center; position:relative; font-size:var(--font-18); font-weight:700; color:#999; cursor:pointer; background-image:linear-gradient(var(--main-color), var(--main-color)); background-position:left 0 bottom 0; background-repeat:no-repeat; background-size:0 2px; transition:background-size 0.3s ease-in-out;}
.contact .contact-wrap .location .location-tab span.on {color:var(--main-color); background-size:100% 2px;}
.contact .contact-wrap .location .location-conts .tab-conts {width:100%; padding:var(--gap-40); padding-bottom:0 !important; display:none;}
.contact .contact-wrap .location .location-conts .tab-conts .conts {font-size:var(--font-18);}
.contact .contact-wrap .location .location-conts .tab-conts ul li {width:100%; margin-top:var(--gap-40); position:relative; padding-left:13px; font-size:var(--font-18);}
.contact .contact-wrap .location .location-conts .tab-conts ul li:first-child {margin-top:0;}
.contact .contact-wrap .location .location-conts .tab-conts ul li:before {content:""; width:5px; height:5px; border-radius:50%; background:var(--main-color); position:absolute; left:0; top:11px;}
.contact .contact-wrap .location .location-conts .tab-conts ul li em {display:block; width:100%; font-weight:600; margin-bottom:var(--gap-16);}
.contact .contact-wrap .location .location-conts .tab-conts .conts-box {width:100%; margin-top:var(--gap-40);}
.contact .contact-wrap .location .location-conts .tab-conts .conts-box:first-child {margin-top:0;}
.contact .contact-wrap .location .location-conts .tab-conts .conts-box .subway-title {width:100%; display:flex; align-items:center; gap:var(--gap-16); font-size:var(--font-18); font-weight:600; margin-bottom:var(--gap-16);}
.contact .contact-wrap .location .location-conts .tab-conts .conts-box .subway-title .line {flex:initial; padding-left:32px; position:relative;}
.contact .contact-wrap .location .location-conts .tab-conts .conts-box .subway-title .line:before {width:24px; height:24px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:var(--font-14); color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%); font-weight:400;}
.contact .contact-wrap .location .location-conts .tab-conts .conts-box .subway-title .line.line-2 {color:#3CB44A;}
.contact .contact-wrap .location .location-conts .tab-conts .conts-box .subway-title .line.line-2:before {content:"2"; background:#3CB44A;}
.contact .contact-wrap .location .location-conts .tab-conts .conts-box .subway-title .line.line-6 {color:#B5500B;}
.contact .contact-wrap .location .location-conts .tab-conts .conts-box .subway-title .line.line-6:before {content:"6"; background:#B5500B;}
.contact .contact-wrap .location .location-conts .tab-conts .conts-box .subway-title em {font-weight:600;}
.contact .contact-wrap .location .location-conts .tab-conts.active {display:block;}

@media screen and (max-width: 1280px) {
	.contact .contact-wrap .location .location-conts .tab-conts .conts .br {display:inline-block;}
}

@media screen and (max-width: 1024px) {
	.contact .contact-wrap {flex-wrap:wrap; gap:var(--gap-24);}
	.contact .contact-wrap .company-info {width:100%; height:100%;}
	.contact .contact-wrap .location {width:1100%;}
}

@media screen and (max-width: 768px) {
	.contact .contact-wrap .location .map-box {height:320px;}
	.contact .contact-wrap .location .location-tab span {height:64px;}
	.contact .contact-wrap .location .location-conts .tab-conts .conts-box .subway-title .line {padding-left:28px;}
	.contact .contact-wrap .location .location-conts .tab-conts .conts-box .subway-title .line:before {width:20px; height:20px;}
	.contact .contact-wrap .location .location-conts .tab-conts ul li:before {top:9px;}
}

@media screen and (max-width: 480px) {
	.contact .contact-wrap .location .map-box {height:250px; border-radius:8px;}
	.contact .contact-wrap .location .location-tab span {height:50px;}
	.contact .contact-wrap .location .location-conts .tab-conts {padding:var(--gap-40) var(--gap-16);}
	.contact .contact-wrap .location .location-conts .tab-conts .conts-box .subway-title .line {padding-left:23px;}
	.contact .contact-wrap .location .location-conts .tab-conts .conts-box .subway-title .line:before {width:18px; height:18px;}
	.contact .contact-wrap .location .location-conts .tab-conts ul li {padding-left:8px;}
	.contact .contact-wrap .location .location-conts .tab-conts ul li:before {width:3px; height:3px; top:9px;}
}


.stock .up {color:#F23939; position:relative; display:flex; align-items:center; justify-content:flex-end; gap:0 var(--gap-8);}
.stock .up:after {content:"▲ "; font-size:var(--font-14);}
.stock .down {color:#2284E3; position:relative; display:flex; align-items:center; justify-content:flex-end; gap:0 var(--gap-8);}
.stock .down:after {content:"▼ "; font-size:var(--font-14);}
.stock .stock-title {width:100%; margin-bottom:var(--gap-80); display:flex; align-items:flex-end; gap:var(--gap-8) var(--gap-24); flex-wrap:wrap;}
.stock .stock-title h2 {font-size:var(--font-40); font-weight:700; letter-spacing:-2px;}
.stock .stock-title span {font-size:var(--font-20);}
.stock .stock-conts-wrap {width:100%;}
.stock .stock-conts-wrap .stock-conts {width:100%; margin-top:var(--gap-80);}
.stock .stock-conts-wrap .stock-conts:nth-child(1) {margin-top:0;}
.stock .stock-conts-wrap .stock-conts h3 {font-size:var(--font-24); font-weight:700; margin-bottom:var(--gap-40);}
.stock .stock-conts-wrap .stock-conts .stock-main {width:100%; min-height:160px; border-radius:10px; padding:var(--gap-16); background:url(/img/conts/stock_bg.png) left center no-repeat; background-size:cover; background-color:var(--main-color); display:flex; align-items:center; justify-content:center; gap:0 var(--gap-40); color:#fff;}
.stock .stock-conts-wrap .stock-conts .stock-main .tlt {font-size:var(--font-30);}
.stock .stock-conts-wrap .stock-conts .stock-main .tlt em {font-weight:700;}
.stock .stock-conts-wrap .stock-conts .stock-main .conts {display:flex; align-items:center; gap:var(--gap-40); font-size:var(--font-18);}
.stock .stock-conts-wrap .stock-conts .stock-main .conts .counter {font-size:var(--font-50); font-weight:600; letter-spacing:-2px;}
.stock .stock-conts-wrap .stock-conts .stock-sub {width:100%; min-height:160px; box-sizing:border-box; padding:var(--gap-16); border:1px solid var(--main-color); border-radius:10px; display:flex; align-items:center; justify-content:center; margin-top:var(--gap-24);}
.stock .stock-conts-wrap .stock-conts .stock-sub .conts-box {flex:0 1 auto; padding:0 60px; text-align:center; position:relative;}
.stock .stock-conts-wrap .stock-conts .stock-sub .conts-box: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%);}
.stock .stock-conts-wrap .stock-conts .stock-sub .conts-box:first-child:before {display:none;}
.stock .stock-conts-wrap .stock-conts .stock-sub .conts-box .tlt {font-size:var(--font-18); font-weight:600; margin-bottom:var(--gap-16);}
.stock .stock-conts-wrap .stock-conts .stock-sub .conts-box .conts {font-size:var(--font-24); font-weight:700;}
.stock .stock-conts-wrap .stock-conts .stock-sub .conts-box .stock-up {color:#F23939;}
.stock .stock-conts-wrap .stock-conts .stock-sub .conts-box .stock-up:before {content:"▲ ";}
.stock .stock-conts-wrap .stock-conts .stock-sub .conts-box .stock-down {color:#2284E3;}
.stock .stock-conts-wrap .stock-conts .stock-sub .conts-box .stock-down:before {content:"▼ ";}
.stock .stock-conts-wrap .stock-conts .tb-wrap {width:100%; display:flex; gap:var(--gap-40) var(--gap-80);}
.stock .stock-conts-wrap .stock-conts .tb-wrap .tb-box {flex:1;}
.stock .stock-conts-wrap .stock-conts .tb-wrap .tb-box table.stock-main-tb {width:100%; table-layout:fixed; border-top:1px solid #666;}
.stock .stock-conts-wrap .stock-conts .tb-wrap .tb-box table.stock-main-tb tr {border-bottom:1px solid #EBEBEB;}
.stock .stock-conts-wrap .stock-conts .tb-wrap .tb-box table.stock-main-tb tr th,
.stock .stock-conts-wrap .stock-conts .tb-wrap .tb-box table.stock-main-tb tr td {height:70px; box-sizing:border-box; padding:var(--gap-8) var(--gap-32); font-size:var(--font-18);}
.stock .stock-conts-wrap .stock-conts .tb-wrap .tb-box table.stock-main-tb tr th {background:#F6F6F6; font-weight:700; width:45%;}
.stock .stock-conts-wrap .stock-conts .tb-wrap .tb-box table.stock-main-tb tr td {text-align:right; width:55%;}
.stock .stock-conts-wrap .stock-conts .tb-wrap .tb-box table.stock-main-tb tr th[rowspan] {border-right:1px solid #ebebeb; padding:var(--gap-8);}

@media screen and (max-width: 1280px) {
	.stock .stock-conts-wrap .stock-conts .tb-wrap {gap:var(--gap-40) var(--gap-40);}
}

@media screen and (max-width: 1024px) {
	.stock .stock-conts-wrap .stock-conts .stock-main {flex-wrap:wrap; padding:var(--gap-32) var(--gap-16);}
	.stock .stock-conts-wrap .stock-conts .stock-main .tlt {width:100%; text-align:center;}
	.stock .stock-conts-wrap .stock-conts .stock-main .conts {width:100%; justify-content:center;}
	.stock .stock-conts-wrap .stock-conts .stock-sub {flex-wrap:wrap;}
	.stock .stock-conts-wrap .stock-conts .stock-sub .conts-box {width:100%; padding:var(--gap-32) var(--gap-24);}
	.stock .stock-conts-wrap .stock-conts .stock-sub .conts-box:before {border-width:1px 0 0 0; width:100%; height:1px; top:0; transform:none;}
	.stock .stock-conts-wrap .stock-conts .tb-wrap {flex-wrap:wrap;}
	.stock .stock-conts-wrap .stock-conts .tb-wrap .tb-box {width:100%; flex:auto;}
}

@media screen and (max-width: 768px) {
	.stock .stock-conts-wrap .stock-conts .stock-main {min-height:120px;}
	.stock .stock-conts-wrap .stock-conts .tb-wrap .tb-box table.stock-main-tb tr th,
	.stock .stock-conts-wrap .stock-conts .tb-wrap .tb-box table.stock-main-tb tr td {height:60px;}
}

.stock .dep-category {width:100%; display:flex; align-items:center; gap:var(--gap-40); justify-content:flex-end; margin-bottom:var(--gap-40);}
.stock .dep-category span {font-size:var(--font-18); font-weight:600; cursor:pointer; background-image:linear-gradient(var(--main-color), var(--main-color)); background-repeat:no-repeat; background-position:left 0 bottom 0; background-size:0 3px; transition:background-size 0.3s ease-in-out;}
.stock .dep-category span.on {color:var(--main-color); background-size:100% 3px;}
.stock .dep-conts-wrap {width:100%;}
.stock .dep-conts-wrap .dep-conts ul.tb {width:fit-content; min-width:100%; border-top:1px solid #666;}
.stock .dep-conts-wrap .dep-conts ul.tb li {width:fit-content; min-width:100%; display:flex; min-height:70px; border-bottom:1px solid #EBEBEB; align-items:center; font-size:var(--font-18); text-align:center; padding:0 var(--gap-60);}
.stock .dep-conts-wrap .dep-conts ul.tb li.head {background:#F6F6F6; font-weight:600;}

.stock .dep-conts-wrap .dep-conts {visibility:hidden; opacity:0; height:0; transition:all 0.5s ease-in-out;}
.stock .dep-conts-wrap .dep-conts ul.tb-1 li span {flex:1; min-width:150px;}
.stock .dep-conts-wrap .dep-conts ul.tb-2 li {text-align:right;}
.stock .dep-conts-wrap .dep-conts ul.tb-2 li span:first-child {text-align:center;}
.stock .dep-conts-wrap .dep-conts ul.tb-2 li span {flex:1; min-width:120px;}
.stock .dep-conts-wrap .dep-conts ul.tb-3 li span {flex:1; width:150px;}
.stock .dep-conts-wrap .dep-conts ul.tb-4 li {padding:0 var(--gap-24); text-align:right;}
.stock .dep-conts-wrap .dep-conts ul.tb-4 li span {flex:1; width:150px;}
.stock .dep-conts-wrap .dep-conts ul.tb-4 li span:first-child {text-align:center;}
.stock .dep-conts-wrap .dep-conts.active {visibility:visible; opacity:1; height:100%;}

@media screen and (max-width: 768px) {
	.stock .dep-conts-wrap .dep-conts ul.tb li {min-height:62px;}
}

@media screen and (max-width: 480px) {
	.stock .dep-conts-wrap .dep-conts ul.tb li {min-height:56px;}
}

.ppl .page-title {margin-bottom:0;}
.ppl .ppl-main {width:100%; height:360px; display:flex; align-items:center; border-radius:10px; background:url(/img/conts/ppl_img.png) right center no-repeat; background-size:cover; padding:var(--gap-60);}
.ppl .ppl-main .conts-box .conts {font-size:var(--font-20); color:#fff;}
.ppl .ppl-main .conts-box .conts em {margin-top:var(--gap-40); display:block; font-size:var(--font-30);}
.ppl .ppl-main .conts-box .conts em span {color:var(--main-color); font-weight:700;}

@media screen and (max-width: 768px) {
	.ppl .ppl-main {height:700px; align-items:flex-end; background-image:url(/img/conts/ppl_img_mo.png);}
	.ppl .ppl-main .conts-box {width:100%; text-align:center;}
}

@media screen and (max-width: 480px) {
	.ppl .ppl-main {height:500px; padding:20px;}
	.ppl .ppl-main .conts-box .conts .br {display:inline-block;}
}

.ppl .ppl-contact {width:100%; display:flex; align-items:center; gap:var(--gap-40);}
.ppl .ppl-contact .contact-box {flex:1; border:1px solid #DCDCDC; border-radius:4px; padding:var(--gap-32); height:180px; position:relative;}
.ppl .ppl-contact .contact-box:before {content:""; width:100px; height:100px; background-size:cover; background-position:center; background-repeat:no-repeat; position:absolute; right:var(--gap-32); top:50%; transform:translateY(-50%);}
.ppl .ppl-contact .contact-box .tlt {width:100%; height:50%; display:flex; font-size:var(--font-18); font-weight:500;}
.ppl .ppl-contact .contact-box .conts {width:100%; height:50%; display:flex; align-items:flex-end; font-size:var(--font-20); font-weight:700;}
.ppl .ppl-contact .contact-box.tel:before {background-image:url(/img/conts/icon_phone.svg);}
.ppl .ppl-contact .contact-box.email:before {background-image:url(/img/conts/icon_mail.svg);}

@media screen and (max-width: 1024px) {
	.ppl .ppl-contact .contact-box {height:150px;}
	.ppl .ppl-contact .contact-box:before {width:70px; height:70px;}
}

@media screen and (max-width: 768px) {
	.ppl .ppl-contact {flex-wrap:wrap;}
	.ppl .ppl-contact .contact-box {width:100%; flex:auto;}
}


@media screen and (max-width: 1024px) {
	.ppl .ppl-contact .contact-box {height:120px;}
	.ppl .ppl-contact .contact-box:before {width:50px; height:50px;}
}