@charset "utf-8";

/* ******************* *
* COMMON
* ******************* */
.sub-page {width: 100%;padding: 280px 0 150px;}

@media all and (max-width: 1199px){
	.sub-page {padding: 260px 0 150px;}
}
@media all and (max-width: 1024px){
	.sub-page {padding: 180px 0 150px;}
}
@media all and (max-width: 768px){
    
}

/* c-tit */
.c-tit1 {margin-bottom: 40px;font-size: 2.0em;font-weight: 500;text-align: center;}


/* SUB VISUAL */
#subvisual {}
#subvisual .visual__img {min-height: 320px;width: 100%;/* height: 500px; */aspect-ratio: 96 / 25;background-size: cover;background-position: center;background-repeat: no-repeat;}
#subvisual .visual__content {padding: 70px 0 120px;}
#subvisual .visual__title {margin-bottom: 54px;font-size: 2.25em;font-weight: 500;position: relative;}
#subvisual .visual__title::before {content: '';display: block;width: 55px;aspect-ratio: 11 / 12;margin-bottom: 10px;background: url(../img/symbol.png) center / cover no-repeat;}
#subvisual .visual__text {color: #333;font-size: 1.10em;text-align: right;line-height: 1.6;}

@media all and (max-width: 1199px){
	#subvisual .visual__content {/* padding: 70px 0 100px; */}
	#subvisual .visual__title {font-size: 2.0em;}
}
@media all and (max-width: 1024px){
	#subvisual .visual__content {/* padding: 70px 0 90px; */}
	#subvisual .visual__title {margin-bottom: 45px;font-size: 2.0em;}
	#subvisual .visual__title::before {width: 45px;}
	#subvisual .visual__text {max-width: 800px;margin-left: auto;}
	#subvisual .visual__text .line-br {display: inline;}
}
@media all and (max-width: 768px){
	#subvisual .visual__content {/* padding: 50px 0 70px; */}
	#subvisual .visual__title {margin-bottom: 35px;font-size: 32px;}
	#subvisual .visual__title::before {width: 40px;}
	
}
@media all and (max-width: 640px){
	#subvisual .visual__content {padding: 70px 0 100px;}
	#subvisual .visual__title {margin-bottom: 30px;font-size: 30px;}
	#subvisual .visual__title::before {width: 35px;}
	#subvisual .visual__text {font-size: 18px;}
}
@media all and (max-width: 480px){
	#subvisual .visual__title .line-br {display: inline;}
}


/* list-imgtype */
.sect:has(.list-imgtype) {padding: 100px 0;background: #F6F5F4;}
.list-imgtype .list {display: flex;gap: 100px;}
.list-imgtype .item {width: calc(33.333% - 66.667px);}
.list-imgtype .item__img {margin-bottom: 30px;border-radius: 15px;overflow: hidden;}
.list-imgtype .item__img > img {width: 100%;}
.list-imgtype .item__content {text-align: center;}
.list-imgtype .item__title {font-size: 1.25em;font-weight: 500;}
.list-imgtype .item__desc {color: #333;font-size: max(.90em, 17px);line-height: 1.5;}

@media all and (max-width: 1399px){
	.list-imgtype .list {gap: 70px;}
	.list-imgtype .item {width: calc(33.333% - 46.667px);}
}
@media all and (max-width: 1199px){
	.list-imgtype .list {gap: 50px;}
	.list-imgtype .item {width: calc(33.333% - 33.333px);}
}
@media all and (max-width: 1024px){
	.list-imgtype .list {gap: 30px;}
	.list-imgtype .item {width: calc(33.333% - 20px);}
	.list-imgtype .item__desc .line-br {display: inline;}
}
@media all and (max-width: 768px){
	.list-imgtype .list {flex-direction: column;gap: 60px;max-width: 520px;margin: 0 auto;}
	.list-imgtype .item {width: 100%;}
	.list-imgtype .item__img {border-radius: 10px;}
	.list-imgtype .item__desc .line-br {display: block;}
}
@media all and (max-width: 480px){
	.list-imgtype .item__desc .line-br {display: inline;}
}


/* ico-imgtype */
.sect:has(.ico-imgtype) {padding: 100px 0 0;}
.ico-imgtype .list {display: flex;gap: 80px;}
.ico-imgtype .item {display: flex;flex-direction: column;align-items: center;gap: 30px;width: calc(33.333% - 53.333px);}
.ico-imgtype .item__ico {max-width: 200px;background: var(--color-main);border-radius: 50%;}
.ico-imgtype .item__ico > img {width: 100%;}
.ico-imgtype .item__content {text-align: center;}
.ico-imgtype .item__title {font-size: 1.25em;font-weight: 500;}
.ico-imgtype .item__desc {color: #333;font-size: max(.90em, 17px);line-height: 1.5;}

@media all and (max-width: 1199px){
	.ico-imgtype .list {gap: 50px;}
	.ico-imgtype .item {width: calc(33.333% - 33.333px);}
	.ico-imgtype .item__ico {max-width: 180px;}
	.ico-imgtype .item__desc .line-br {display: inline;}
}
@media all and (max-width: 1024px){
	.ico-imgtype .item__ico {max-width: 150px;}
}
@media all and (max-width: 768px){
	.ico-imgtype .list {flex-direction: column;gap: 60px;}
	.ico-imgtype .item {width: 100%;}
	.ico-imgtype .item__desc .line-br {display: block;}
	
}



/* 여백 */
.gap80 {display: block;width: 100%;height: 80px;}
.gap100 {display: block;width: 100%;height: 100px;}

@media all and (max-width: 1199px){
	.gap80 {height: 60px;}
	.gap100 {height: 80px;}
}
@media all and (max-width: 768px){
	.gap80 {height: 40px;}
	.gap100 {height: 60px;}
}



/* font */
/* .fts30 {font-size: 1.50em;}
.fts40 {font-size: 2.0em;}
 */






/* cont-slide */
/* .cont-slide {position: relative;}
.cont-slide ul {}
.cont-slide ul li {margin-top: 40px;border-radius: 15px;overflow: hidden;opacity: .2;transform: scale(0.82) !important;transform-origin: center bottom;transition: .35s;}
.cont-slide ul li.swiper-slide-active {margin-top: 0;opacity: 1;transform: scale(1.0) !important;}
.cont-slide-ctrls {display: flex;justify-content: space-between;align-items: center;max-width: 758px;width: 40%;padding: 0 30px;box-sizing: border-box;position: absolute;top: calc(50% - 20px);left: 50%;transform: translate(-50%, -50%);z-index: 90;}
.cont-slide-ctrls button {display: block;width: 60px;aspect-ratio: 1 / 1;border-radius: 50%;background: #fff;position: relative;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.14);-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.14);}
.cont-slide-ctrls button::before {content: '';display: block;width: 44%;aspect-ratio: 1 / 1;border-style: solid;border-color: #000;position: absolute;inset: 0;margin: auto;}
.cont-slide-ctrls .btn-prev::before {border-width: 0 0 1px 1px;transform: rotate(45deg) translate(4px, -4px);}
.cont-slide-ctrls .btn-next::before {border-width: 1px 1px 0 0;transform: rotate(45deg) translate(-4px, 4px);}

@media all and (max-width: 1399px){
    .cont-slide-ctrls {padding: 0 20px;}
    .cont-slide-ctrls button {width: 50px;}
    .cont-slide-ctrls button::before {width: 36%;}
}
@media all and (max-width: 1199px){
    .cont-slide-ctrls {max-width: 540px;width: 45%;}
}
@media all and (max-width: 1024px){
    .cont-slide ul li {margin-top: 20px;}    
    .cont-slide-ctrls {max-width: 564px;width: 55%;padding: 0 10px;top: calc(50% - 10px);}
}
@media (max-width: 768px){
    .cont-slide ul li {border-radius: 10px;transform: scale(0.88) !important;}
    .cont-slide-ctrls button {width: 40px;}
    .cont-slide-ctrls .btn-prev::before {transform: rotate(45deg) translate(2px, -2px);}
    .cont-slide-ctrls .btn-next::before {transform: rotate(45deg) translate(-2px, 2px);}
}
@media (max-width: 640px){
    .cont-slide ul li {transform: scale(0.9) !important;}
    .cont-slide-ctrls {max-width: 422px;width: 66%;padding: 0 5px;}
    .cont-slide-ctrls button {width: 32px;}
    .cont-slide-ctrls button::before {width: 30%;}
}
@media (max-width: 480px){
    .cont-slide ul li {transform: scale(0.95) !important;}
    .cont-slide-ctrls {max-width: 366px;width: 77%;}
} */


/* cont-listtype01 */
/* .cont-listtype01 .list-item {display: flex;align-items: flex-start;gap: 50px;padding: 64px 0;position: relative;}
.cont-listtype01 .list-item:not(:last-child)::after {content: '';width: 100%;height: 1px;background: repeating-linear-gradient(to right, #B9B9B9 0px, #B9B9B9 4px, transparent 4px, transparent 8px);position: absolute;left: 0;bottom: 0;}
.cont-listtype01 .list-item .title {flex: 0 0 auto;width: calc(28% - 50px);}
.cont-listtype01 .list-item .cont {width: 100%;}
.cont-listtype01 .list-item .cont > .desc {color: #313131;line-height: 1.6;}

@media all and (max-width: 1399px){
    .cont-listtype01 .list-item .title {width: calc(23% - 50px);}
}
@media all and (max-width: 1199px){
    .cont-listtype01 .list-item .cont > .desc br {display: none;}
}
@media all and (max-width: 1024px){
    .cont-listtype01 .list-item {flex-direction: column;gap: 20px;padding: 48px 0;}
    .cont-listtype01 .list-item .title {width: 100%;}
    .cont-listtype01 .list-item .cont {max-width: none;width: 100%;}
}
@media all and (max-width: 768px){
    .cont-listtype01 .list-item {padding: 40px 0;}
    .cont-listtype01 .list-item .cont > .desc .line-br {display: inline;}
} */



/* de_list */
/* [class*=de_list] {font-size: .90em;} */

/* de_list01 */
/* .de_list01 > li {display: flex;flex-wrap: wrap;align-items: baseline;gap: 0 5px;line-height: 1.9;}
.de_list01 > li > .tag {padding-left: 22px;font-weight: 600;position: relative;}
.de_list01 > li > .tag::before {content: '';display: block;border: 2px solid var(--color-main--deep);border-top: 0;border-right: 0;width: 15px;height: 8px;transform: rotate(-45deg);position: absolute;top: 9px;left: 0;} */

/* de_list02 */
/* .de_list02 {display: flex;flex-wrap: wrap;gap: 14px 30px;}
.de_list02 > li {width: calc(33.333% - 20px);padding-left: 22px;position: relative;}
.de_list02.col2 > li {width: calc(50% - 15px);}
.de_list02.col3 > li {width: calc(33.333% - 20px);}
.de_list02 > li::before {content: '';display: block;border: 2px solid var(--color-main--deep);border-top: 0;border-right: 0;width: 15px;height: 8px;transform: rotate(-45deg);position: absolute;top: 5px;left: 0;}

@media all and (max-width: 1199px){
	.de_list02.col3 > li {width: calc(50% - 15px);}
}
@media all and (max-width: 1024px) {
	[class*=de_list] {font-size: 17px;}
	.de_list02.col2 > li {max-width: none;}
    .de_list01 > li > .txt .line-br {display: inline;}
}
@media all and (max-width: 768px) {
	.de_list02 {gap: 14px 16px;}
	.de_list02.col2 > li,
	.de_list02.col3 > li {width: calc(50% - 8px);}
}
@media all and (max-width: 640px) {
	.de_list02.col2 > li,
	.de_list02.col3 > li {width: 100%;}
} */



/* 테이블 */
.tb-wrap > table {/* min-width: 768px; */}
/* .tb1 {border-collapse: collapse;table-layout: fixed;width: 100%;background: #fff;color: #333;text-align: center;position: relative;clear: both;}
.tb1 thead {}
.tb1 td,
.tb1 th {position: relative;border-width:0; border-style:solid; border-color:#D9D9D9;}
.tb1 tr > :not(:first-child):last-child,
.tb1 tr > :not(:first-child):last-child {border-right: 0;}
.tb1 thead th {padding: 15px 16px;background-color: var(--color-main--deep);border-right-width: 1px;color: #fff;font-size: 1.10em;font-weight: 600;}
.tb1 thead th:first-child {border-radius: 5px 0 0 5px;}
.tb1 thead th:last-child {border-radius: 0 5px 5px 0;}
.tb1 tbody th {padding: 21px 14px;background-color: #F7FDF6;border-bottom-width:1px;border-right-width: 1px;color: #496046;font-weight: 600;}
.tb1 td {padding: 21px 16px;border-bottom-width:1px;border-left-width:1px;border-right-width: 1px;}
.tb1 td:first-child {border-left-width:0;}
.tb1 td:last-child {border-right:none;}
.tb1 td b {color: #000;font-weight: 600;}
.tb-wrap .scroll-box {min-width: 965px;}
.tb-wrap .scroll-visible {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 8px;width: 150px;height: 130px;border-radius: 8px;background: rgba(0,0,0,.5);backdrop-filter: blur(10px);color: #fff;font-size: 15px;font-weight: 500;text-align: center;line-height: 1.2;position: absolute;top: 35%;left: 50%;transform: translateX(-50%);opacity: 0;transition: opacity .3s ease;}
.tb-wrap .scroll-visible::before {content: '!';display: block;width: 24px;height: 24px;border: 2px solid #fff;box-sizing: border-box;border-radius: 50%;line-height: 23px;}
.tb-wrap .scroll-visible.active {opacity: 0;pointer-events: none;}

@media all and (max-width: 1199px){
	.tb1 {font-size: 18px;}
	.tb1 thead th {font-size: 1.11em;}
}
@media all and (max-width: 1024px){
	.tb-wrap {overflow-x: auto;position: relative;}
	.tb1 {min-width: 965px;font-size: 17px;}
    .tb-wrap .scroll-visible {opacity: 1;}
} */



/* .box-txt {padding: 36px 70px;background: #F6F6F6;color: #313131;font-weight: 500;text-align: center;} 

@media all and (max-width: 1199px){
	.box-txt {padding: 36px 50px;}
	.box-txt > .line-br {display: inline;}
}
@media all and (max-width: 1024px){
	.box-txt {padding: 28px 30px;}
}
@media all and (max-width: 1024px){
	.box-txt {padding: 28px 20px;}
	.box-txt {font-size: 18px;}
} */




/* ******************* *
* 회사소개 > CEO인사말
* ******************** */
#greeting {position: relative;}
#greeting::after {content: '';width: 100%;height: 124px;background: url(../img/sub/greeting-img_bg_txt.png) center / cover no-repeat;position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;}
#greeting .visual {min-height: 740px;max-height: 980px;width: 100%;height: 51.44vw;background: url(../img/sub/greeting-img_visual_bg.png) center / cover no-repeat;position: relative;overflow: hidden;}
#greeting .visual__content {display: flex;flex-direction: column;justify-content: center;align-items: center;max-width: 600px;width: 85%;aspect-ratio: 1 / 1;margin: 0 auto;border-radius: 50%;background: url(../img/sub/greeting-img_bg_circle01.svg) center / cover no-repeat;backdrop-filter: blur(2px);text-align: center;position: absolute;inset: 0;z-index: 10;margin: auto;opacity: 0;transform: translateY(50px);transition: .35s;}
#greeting .visual__content::before {content: '';max-width: 440px;width: 74%;aspect-ratio: 1 / 1;background: url(../img/sub/greeting-img_bg_circle02.svg) center / cover no-repeat;position: absolute;inset: 0;margin: auto;z-index: 1;}
#greeting .visual__content.active {opacity: 1;transform: translateY(0);}
#greeting .visual__text {margin-bottom: 15px;color: var(--color-main);font-family: var(--font-Montserrat);font-weight: 700;position: relative;z-index: 10;}
#greeting .visual__title {font-size: 2.50em;font-weight: 800;position: relative;z-index: 10;}
#greeting .visual__circle {display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: .45s;z-index: 1;opacity: 0;}
#greeting .visual__circle.active {top: auto;left: auto;transform: none;opacity: 1;}
#greeting .visual__circle > img {width: 100%;}
#greeting .circle01.active {top: 0;right: 16.5vw;transform: translateY(-50%);}
#greeting .circle02.active {top: 3.15vw;left: 22.60vw;}
#greeting .circle03.active {top: 14.72vw;right: 9.46vw;}
#greeting .circle04.active {left: 5.52vw;bottom: 5.78vw;}
#greeting .circle05.active {right: 20.50vw;bottom: 5.78vw;}
#greeting .visual__circle.w-350 {width: 18.40vw;}
#greeting .visual__circle.w-260 {width: 13.67vw;}
#greeting .visual__circle.w-185 {width: 9.73vw;}
#greeting .sect {padding: 35px 0 365px;position: relative;z-index: 10;}
.greeting__content {max-width: 670px;}
.greeting__subtitle {margin-bottom: 28px;color: var(--color-main);font-family: var(--font-Montserrat);font-weight: 700;}
.greeting__title {margin-bottom: 36px;font-size: 2.0em;font-weight: 700;}
.greeting__title em {color: var(--color-main);}
.greeting__title br {display: none;}
.greeting__text > p {line-height: 1.6;}
.greeting__text > p:not(:last-child) {margin-bottom: 32px;}
.greeting__ceo {position: absolute;right: 0;bottom: 0;z-index: 5;}
.greeting__ceo .ceo__text {display: flex;align-items: center;gap: 8px;min-width: 413px;position: absolute;left: 0;bottom: 250px;transform: translateX(calc(-100% - 10px));z-index: 10;}
.greeting__ceo .ceo__img {max-width: 500px;}
.greeting__ceo .ceo__img > img {width: 100%;}

@media all and (max-width: 1399px){
	.greeting__ceo .ceo__img {max-width: 470px;}
	#greeting .visual__circle.w-350 {width: 250px;}
	#greeting .visual__circle.w-260 {width: 200px;}
	#greeting .visual__circle.w-185 {width: 140px;}
}
@media all and (max-width: 1199px){
	#greeting .sect {padding: 35px 0 285px;position: relative;}
	#greeting .circle02.active {left: 17.6vw;}
	#greeting .circle03.active {top: 17.72vw;right: 7.46vw;}
	#greeting .circle05.active {right: 17.5vw;}
	#greeting .visual__circle.w-350 {width: 220px;}
	#greeting .visual__circle.w-260 {width: 180px;}
	#greeting .visual__circle.w-185 {width: 125px;}
	.greeting__content {max-width: 620px;}
	.greeting__ceo {right: -20px;}
	.greeting__ceo .ceo__img {max-width: 380px;}
	.greeting__ceo .ceo__text {bottom: 180px;}
}
@media all and (max-width: 1024px){
	#greeting .sect {padding: 35px 0 0;}
	#greeting .circle02.active {top: 7.15vw;left: 10.6vw;}
	#greeting .circle04.active {left: 2.52vw;}
	#greeting .visual__circle.w-350 {width: 200px;}
	#greeting .visual__circle.w-260 {width: 160px;}
	#greeting .visual__circle.w-185 {width: 110px;}
	.greeting__content {max-width: none;}
	.greeting__title br {display: block;}
	.greeting__ceo {display: flex;justify-content: flex-end;align-items: flex-end;gap: 30px;position: relative;right: auto;bottom: auto;}
	.greeting__ceo .ceo__text {flex-direction: column;align-items: flex-end;min-width: auto;margin-bottom: 15vw;text-align: right;position: relative;left: auto;bottom: auto;transform: none;}
	.greeting__ceo .ceo__text .sign > img {width: 100px;}
	.greeting__ceo .ceo__img {flex: 0 0 auto;}
}
@media all and (max-width: 768px){
	#greeting .visual {min-height: 700px;}
	#greeting .circle02.active {top: 12.15vw;left: 5.6vw;}
	#greeting .circle03.active {top: 25.72vw;right: 3.46vw;}
	#greeting .circle05.active {right: 5.5vw;}
	.greeting__ceo .ceo__img {max-width: 340px;}
}
@media all and (max-width: 640px){
	#greeting .visual {min-height: 600px;}
	#greeting .visual__content::before {width: 80%;}
	#greeting .visual__title {font-size: 38px;}
	#greeting .visual__circle.w-350 {width: 170px;}
	#greeting .visual__circle.w-260 {width: 135px;}
	#greeting .visual__circle.w-185 {width: 90px;}
	.greeting__title > .line-br:last-child {display: inline;}
	.greeting__text > p:not(:last-child) {margin-bottom: 25px;}
	.greeting__ceo {flex-direction: column;align-items: flex-start;gap: 0;margin-top: 30px;}
	.greeting__ceo .ceo__text {align-items: flex-start;margin-bottom: 0;text-align: left;font-size: 16px;}
	.greeting__ceo .ceo__text .sign > img {width: 80px;}
	.greeting__ceo .ceo__img {max-width: 300px;margin-top: -30px;margin-left: auto;}
}
@media all and (max-width: 480px){
	#greeting .circle04.active {bottom: 14.78vw;}
	#greeting .circle05.active {bottom: 8.78vw;}
	#greeting .visual__circle.w-350 {width: 135px;}
	#greeting .visual__circle.w-260 {width: 105px;}
	#greeting .visual__circle.w-185 {width: 80px;}
	.greeting__ceo .ceo__img {margin-top: -15px;}
}



/* ******************* *
* 회사소개 > 비전 & 미션
* ******************** */
#vision {}
#vision .sect {}
.vcnt__box {text-align: center;position: relative;z-index: 20;}
.vcnt__box .label {width: 200px;margin: 0 auto 22px;padding: 5px 0;border-radius: 26px;background: var(--color-main-hover);color: #fff;font-size: 1.50em;font-weight: 900;}
.vcnt__box .desc {font-size: 1.50em;font-weight: 600;}
.vcnt__box-mission {/* margin-bottom: 90px; */padding: 31px 70px;border-radius: 110px;background: var(--color-main-hover);color: #fff;position: relative;}
.vcnt__box-mission .label {background: #fff;color: var(--color-main-hover);}
.mission__arrow {max-width: 495px;width: 85%;aspect-ratio: 495 / 171;margin: -58px auto -22px;}
.mission__arrow > img {width: 100%;height: 100%;object-fit: cover;}
.vcnt__box-vision {margin-bottom: 130px;position: relative;z-index: 10;}
.vcnt__box-vision::before {content: '';max-width: 1066px;width: 100%;height: 530px;background: url(../img/sub/vision-img_bg.png) center center / cover no-repeat;position: absolute;top: 40px;left: 0;right: 0;margin: auto;z-index: -1;}
.vcnt__box-vision .label {}
.vcnt__box-value .label {display: flex;justify-content: center;align-items: center;width: 150px !important;aspect-ratio: 1 / 1;margin-bottom: 88px;border-radius: 50%;position: relative;}
.vcnt__box-value .label::after {content: '';width: 1px;height: 88px;background: #D9D9D9;position: absolute;top: 100%;left: 0;right: 0;margin: auto;/* transform: translateX(-50%); */}
.vcnt__box-value .value__list {display: flex;gap: 69px;padding-top: 50px;position: relative;}
.vcnt__box-value .value__list::before {content: '';width: calc(100% - ((100% - 138px) / 3));height: 1px;background: #D9D9D9;position: absolute;bottom: 100%;left: 0;right: 0;margin: auto;}
.vcnt__box-value .value__item {width: calc(33.333% - 46px);border: 1px solid #E9E9E9;border-radius: 20px;position: relative;}
.vcnt__box-value .value__item::before {content: '';width: 1px;height: 52px;background: #D9D9D9;position: absolute;bottom: 100%;left: 0;right: 0;margin: auto;transform: translateX(50%);}
.vcnt__box-value .value__img {display: block;border-radius: 20px 20px 0 0;overflow: hidden;}
.vcnt__box-value .value__img > img {width: 100%;}
.vcnt__box-value .value__content {padding: 40px 20px;box-sizing: border-box;}
.vcnt__box-value .value__content .subtitle {color: var(--color-main);font-family: var(--font-Montserrat);font-weight: 600;}
.vcnt__box-value .value__content .title {margin-bottom: 15px;font-size: 1.50em;font-weight: 700;}
.vcnt__box-value .value__content .desc {color: #5C5C5C;font-size: max(.90em, 17px);text-align: center;}

@media all and (max-width: 1199px){
	.vcnt__box-value .value__list {gap: 30px;}
	.vcnt__box-value .value__list::before {width: calc(100% - ((100% - 63px) / 3));}
	.vcnt__box-value .value__item {width: calc(33.333% - 20px);}
	.vcnt__box-value .value__content .desc .line-br {display: inline;}
}
@media all and (max-width: 1024px){
	.vcnt__box .desc {font-size: 1.44em;}
	.vcnt__box-mission .desc .line-br {display: inline;}
	.vcnt__box-vision {margin-bottom: 90px;}
	.vcnt__box-value .value__list {gap: 15px;}
	.vcnt__box-value .value__list::before {width: calc(100% - ((100% - 33px) / 3));}
	.vcnt__box-value .value__item {width: calc(33.333% - 10px);border-radius: 15px;}
	.vcnt__box-value .value__img {border-radius: 15px 15px 0 0;}
}
@media all and (max-width: 768px){
	.vcnt__box .label {width: 160px;margin: 0 auto 15px;font-size: 24px;}
	.vcnt__box .desc {font-size: 22px;}
	.vcnt__box-value .value__item {border-radius: 10px;}
	.vcnt__box-value .value__img {border-radius: 10px 10px 0 0;}
	.vcnt__box-value .value__content {padding: 30px 15px;}
	.vcnt__box-value .value__content .subtitle {font-size: 15px;}
	.vcnt__box-value .value__content .title {margin-bottom: 10px;font-size: 22px;}
}
@media all and (max-width: 640px){
	.vcnt__box-mission {padding: 25px 40px;border-radius: 40px;}
	.mission__arrow {margin: -38px auto -22px;}
	/* .vcnt__box-value .label::after {width: 100%;height: 1px;top: 50%;left: auto;right: calc(100% - 22px);transform: translateY(-50%);z-index: -1;}
	.vcnt__box-value .value__list {flex-direction: column;max-width: 408px;margin: 0 auto;}
	.vcnt__box-value .value__list::before {width: 1px;height: calc(100% - 121px);top: -90px;right: auto;bottom: auto;}
	.vcnt__box-value .value__item {width: calc(100% - 30px);margin-left: auto;}
	.vcnt__box-value .value__item::before {width: 30px;height: 1px;top: 0;left: auto;right: 100%;bottom: 0;transform: none;} */
	.vcnt__box-value .value__list {flex-direction: column;gap: 30px;max-width: 408px;margin: 0 auto;}
	.vcnt__box-value .value__list::before {display: none;}
	.vcnt__box-value .value__item {width: 100%;}
	.vcnt__box-value .value__item::before {height: 30px;}
	.vcnt__box-value .value__item:first-child::before {display: none;}
}
@media all and (max-width: 480px){
	.mission__arrow {margin: -20px auto;}
	.vcnt__box-vision .desc .line-br {display: inline;}
}



/* ******************* *
* 제품소개 > 제품 경쟁력
* ******************** */
#strength .sect02 {padding-top: 100px;}
#strength .sect02 .c-tit1 {margin-bottom: 10px;}
#strength .sect02 .c-txt1 {margin-bottom: 48px;color: #333;font-size: max(.90em, 17px);text-align: center;}
#strength .sect02 .c-txt1 br {display: none;}
#strength .sect02 .product__list {display: flex;flex-wrap: wrap;gap: 25px;}
#strength .sect02 .product__item {width: calc(33.333% - 16.667px);aspect-ratio: 45 / 28;}
#strength .sect02 .product__link {display: block;width: 100%;height: 100%;position: relative;overflow: hidden;}
#strength .sect02 .product__link > img {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: .35s;}
#strength .sect02 .product__link:hover > img {transform: translate(-50%, -50%) scale(1.05);}
#strength .sect02 .btn-more {display: flex;justify-content: center;align-items: center;max-width: 250px;height: 60px;margin: 50px auto 0;background: var(--color-main);color: #fff;font-size: max(.90em, 17px);text-align: center;transition: .35s;}
#strength .sect02 .btn-more:hover,
#strength .sect02 .btn-more:focus {background: var(--color-main-hover);}

@media all and (max-width: 1024px){
	#strength .sect02 .c-txt1 br {display: block;}
	#strength .sect02 .product__list {gap: 15px;}
	#strength .sect02 .product__item {width: calc(33.333% - 10px);}
	#strength .sect02 .btn-more {max-width: 200px;height: 50px;}
}
@media all and (max-width: 768px){
	#strength .sect02 .product__list {gap: 30px;}
	#strength .sect02 .product__item {width: calc(50% - 15px);}
}
@media all and (max-width: 640px){
	#strength .sect02 .product__list {gap: 20px;}
	#strength .sect02 .product__item {width: calc(50% - 10px);}
}
@media all and (max-width: 480px){
	#strength .sect02 .product__list {gap: 10px;}
	#strength .sect02 .product__item {width: calc(50% - 5px);}
}



/* ******************* *
* R&D > 식품 기술 · 품질관리
* ******************** */
#quality {}
#quality .sect02 {padding-top: 100px;}
#quality .sect02 .banner {display: flex;flex-direction: column;justify-content: center;width: 100%;min-height: 275px;aspect-ratio: 4 / 1;padding: 0 6.72vw;border-radius: 15px;box-sizing: border-box;background: url(../img/sub/quality-img_04.jpg) 60% center / cover no-repeat;color: #fff;position: relative;overflow: hidden;}
#quality .sect02 .banner::before {content: '';width: 100%;height: 100%;background: #000000;background: linear-gradient(0deg,rgba(0,0,0,.5) 30%, rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(0deg,rgba(0,0,0,.5) 30%, rgba(0,0,0,0) 100%);background: -moz-linear-gradient(0deg,rgba(0,0,0,.5) 30%, rgba(0,0,0,0) 100%);position: absolute;inset: 0;margin: auto;}
#quality .sect02 .banner__title {margin-bottom: 12px;font-size: 2.0em;font-weight: 600;position: relative;z-index: 10;}
#quality .sect02 .banner__text {font-weight: 500;line-height: 1.5;position: relative;z-index: 10;}

@media all and (max-width: 480px){
	#quality .sect02 .banner__text .line-br {display: inline;}
}