@charset "utf-8";

/*테이블*/
.table_info {font-size:1.6rem;}
.table {width: 100%;text-align: center;position: relative;font-size: 1.8rem;background: transparent;}
.table .t_line {border-top: 1px solid #000 !important;}

.table tbody th {border-bottom: 1px solid #ddd;padding: 2rem 5rem;color: #000;vertical-align: middle;background: #f8f8f8;text-align: left;}
.table tbody td {border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;padding: 2rem 5rem;color: #666666;vertical-align: middle;font-size: 1.8rem;text-align: left;}
.table tbody td:first-child {border-left: 0; text-align:center; }
.table tbody td strong {color:#000;}

.cont_top_img {overflow: hidden;position: relative;}
.cont_top_img .bg {width: 100%;opacity: 0;}
.cont_top_img .txt {}

.cont_top_img.visible .bg {animation: aniContTopImg 1.8s forwards;}

@keyframes aniContTopImg {
	0% {transform: translateY(10.0rem);opacity: 0;}
	80% {transform: translateY(0);opacity: 1;}
	100% {border-radius: 3rem;opacity: 1;}
}

.cont1 {letter-spacing: -0.02rem;display: flex;flex-wrap: wrap;}
.cont1 .cont_left {font-size: 4.0rem;font-weight: 700;width: 40rem;}
.cont1 .cont_left > span {}
.cont1 .cont_right {font-size: 2.0rem;color: #666666;line-height: 1.5;width: calc(100% - 40rem);}

@media screen and (max-width: 1024px){
	.cont1 .cont_left {width: 100%;}
	.cont1 .cont_right {width: 100%;padding-top: 3rem;}
}
@media screen and (max-width: 768px){
	.table tbody th {padding: 2rem 2rem;}
	.table tbody td {padding: 2rem 2rem;}
}


.introduce {}
.introduce .cont_top_img .bg {aspect-ratio: calc(1600 / 460);}
.introduce .cont_top_img .txt {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 4.2rem;color: #fff;text-align: center;font-weight: 700;letter-spacing: -0.02rem;width: 100%;padding: 2rem;}
.introduce .intro_sec1 {}
.introduce .intro_sec1 .txt_box {text-align: center;letter-spacing: -0.02rem;padding-top: 10.5rem;}
.introduce .intro_sec1 .txt_box .txt1 {font-size: 4.0rem;font-weight: 700;}
.introduce .intro_sec1 .txt_box .txt2 {font-size: 2.0rem;color: #666666;line-height: 1.5;padding-top: 1.6rem;}
.introduce .cont_box {padding-top: 9.6rem;}
.introduce .org-chart {width: 100%;max-width: 140rem;margin: 0 auto;position: relative;letter-spacing: -0.02rem;}
.introduce .top-area {display: flex;flex-direction: column;align-items: center;}
.introduce .top-box {position: relative;padding: 2.1rem 7.65rem;border-radius: 4.7rem;color: #fff;font-size: 2.2rem;font-weight: 700;text-align: center;z-index: 1;}
.introduce .top-box:before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% + 3rem);height: calc(100% + 3rem);border-radius: 6rem;z-index: -1;}
.introduce .boss {background: var(--main-color);}
.introduce .boss:before {background: rgba(196, 20, 27, 0.15);}
.introduce .ceo {background: #333;}
.introduce .ceo:before {background: rgba(51, 51, 51, 0.15);}
.introduce .v-line {width: 3px;height: 30px;background: #222;}
.introduce .root-line {width: 100%;position: relative;margin: 5rem 0 0rem;display: flex;justify-content: center;}
.introduce .h-line {width: 75%;height: 3px;background: #222;}
.introduce .v-line.mid {width: 1px;height: 5rem;background: #ddd;position: absolute;top: -5rem;}
.introduce .departments {display: flex;justify-content: space-between;flex-wrap: wrap;}
.introduce .dept-wrap {width: calc((100% - 10rem) / 5);margin-right: 2.5rem;position: relative;display: flex;flex-direction: column;align-items: center;}
.introduce .dept-wrap:last-child {margin-right: 0rem;}
.introduce .v-line-down {width: 1px;height: 5rem;background: #ddd;}
.introduce .dept {background: #333;width: 100%;border: 0.5rem solid #333;border-radius: 3rem;overflow: hidden;text-align: center;}
.introduce .dept-title {background: #333;font-size: 2.0rem;font-weight: 700;color: #fff;padding: 2.1rem 2rem;}
.introduce .team {font-size: 1.8rem;color: #666666;font-weight: 500;padding: 1.7rem 2rem;border-bottom: 1px solid #dddddd;background: #fff;min-height: 8.6rem;display: flex;justify-content: center;align-items: center;line-height: calc(28 / 20);}
.introduce .team:last-child {border-bottom: none;}
.introduce .v-line {width: 1px;height: 5rem;}
.introduce .v-line.mid {height: 5rem;}
.introduce .v-line-down {width: 1px;height: 5rem;}
.introduce .h-line {height: 1px;width: 81.5%;}
.introduce .draw {animation: drawLine 0.6s ease-out forwards;}
.introduce .delay-1 {animation-delay: 0.3s;}
.introduce .delay-2 {animation-delay: 0.6s;}
.introduce .delay-3 {animation-delay: 0.9s;}

.introduce .v-line,
.introduce .v-line-down,
.introduce .h-line {background: #ddd;transform-origin: top left;opacity: 0;}

.introduce .box {opacity: 0;}
.introduce .fade-in {animation: fadeIn 0.7s ease forwards;}

.introduce .arrow_box {padding: 2.7rem 0;}
.introduce .arrow {display: block;font-size: 1.6rem;font-weight: 900;color: var(--main-color);animation: arrow-motion 1.2s infinite ease-in-out;}
.introduce .arrow:nth-child(1) {animation-delay: 0.0s;}
.introduce .arrow:nth-child(2) {animation-delay: 0.2s;}
.introduce .arrow:nth-child(3) {animation-delay: 0.4s;}

@keyframes arrow-motion {
	0% {
		transform: translateY(0);
		opacity: 1;
	}
	80% {
		opacity: 0;
	}
	100% {
		transform: translateY(20px);
		opacity: 0;
	}
}
@keyframes fadeIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes drawLine {
  0% {
    transform: scaleY(0) scaleX(0);
    opacity: 1;
  }
  100% {
    transform: scaleY(1) scaleX(1);
    opacity: 1;
  }
}

/* 가로선은 X축으로 그려지게 */
.introduce .h-line.draw {
  transform-origin: left center;
  animation-name: drawHorizontal;
}

.introduce .cont2 {padding-top: 20rem;}
.introduce .cont2 .cont_top_img .bg {aspect-ratio: calc(1600 / 600);}
.introduce .cont_top_img .txt {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;text-align: center;letter-spacing: -0.02rem;width: 100%;padding: 2rem;}
.introduce .cont_top_img .txt .txt1 {font-size: 4.0rem;font-weight: 700;}
.introduce .cont_top_img .txt .txt2 {font-size: 2.0rem;font-weight: 400;padding-top: 2.2rem;}
.introduce .cont2 .detail {padding: 0 10rem;display: flex;flex-wrap: wrap;margin-top: -13rem;position: relative;}
.introduce .cont2 .detail .sub {width: calc((100% - 10rem) / 5);margin-right: 2.5rem;aspect-ratio: 1;border-radius: 3rem;box-shadow: 3px 3px 5px 4px rgba(0, 0, 0, 0.03);padding: 3rem 3rem;background: #fff;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.introduce .cont2 .detail .sub:nth-child(5n) {margin-right: 0rem;}
.introduce .cont2 .detail .sub .ico {display: block;width: 2.5rem;aspect-ratio: 1;transition: 0.5s;}
.introduce .cont2 .detail .sub .txt1 {font-size: 1.8rem;font-weight: 400;letter-spacing: -0.02rem;padding-top: 3.4rem;transition: 0.5s;text-align: center;line-height: 1.4;}


.introduce .cont2 .detail .sub.active {background: var(--main-color);transition: 0.5s;}
.introduce .cont2 .detail .sub.active .ico {filter: brightness(10%) invert(1);}
.introduce .cont2 .detail .sub.active .txt1 {color: #fff;}
.introduce .cont2 .detail .sub.active .txt2 {color: #fff;}

.introduce .cont3 {display: flex;flex-wrap: wrap;padding-top: 15rem;}
.introduce .cont3 .sub {width: calc((100% - 8rem) / 3);margin-right: 4rem;aspect-ratio: calc(440 / 293);border-radius: 3rem;}
.introduce .cont3 .sub:nth-child(3n) {margin-right: 0rem;}



@keyframes drawHorizontal {
  0% {
    transform: scaleX(0);
    opacity: 1;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
@media screen and (max-width: 1400px){
	.introduce .dept-wrap {width: calc((100% - 4rem) / 5);margin-right: 1rem;}
	.introduce .h-line {width: 80.6%;}
	.introduce .team br {display: none;}
}
@media screen and (max-width: 1300px){
	.introduce .cont2 .detail {padding: 0 3rem;margin-top: -5rem;}
	.introduce .cont2 .detail .sub {justify-content: flex-start;}
	.introduce .cont3 .sub {width: calc((100% - 2rem) / 3);margin-right: 1rem;}
}
@media screen and (max-width: 1024px){
	.introduce .top-area {padding-right: calc(100% - 30rem);padding-left: 2rem;}
	.introduce .top-box {padding: 2rem;width: 100%;text-align: center;}
	.introduce .dept-wrap {width: 100%;margin-right: 0;margin-bottom: 5rem;}
	.introduce .departments {padding-left: 12rem;}
	.introduce .v-line.mid {left: 10rem;height: 84vh;}
	.introduce .root-line .h-line.draw {display: none;}
	.introduce .dept-wrap .v-line-down {position: absolute;left: -2rem;top: 5rem;transform: translate(10px, 10px);width: 2rem;height: 1px;}
	.introduce .cont2 .detail {margin-top: 5rem;}
	.introduce .cont2 .detail .sub {width: calc((100% - 6rem) / 3);margin-right: 3rem;margin-bottom: 3rem;}
	.introduce .cont2 .detail .sub:nth-child(5n) {margin-right: 3rem;}
	.introduce .cont2 .detail .sub:nth-child(3n) {margin-right: 0rem;}

}
@media screen and (max-width: 768px){
	.introduce .cont_top_img .bg {aspect-ratio: 2;}
	.introduce .v-line.mid {display: none;}
	.introduce .cont_top_img .txt {font-size: 3.2rem;}
	.introduce .cont_top_img .txt .txt1 {font-size: 3.0rem;}
	.introduce .intro_sec1 .txt_box .txt1 {font-size: 3.0rem;}
	.introduce .cont2 .detail .sub {width: calc((100% - 3rem) / 2);}
	.introduce .cont2 .detail .sub:nth-child(3n) {margin-right: 3rem;}
	.introduce .cont2 .detail .sub:nth-child(2n) {margin-right: 0rem;}
	.introduce .cont2 .cont_top_img .bg {aspect-ratio: 1.5;}
	.introduce .cont3 .sub {width: 100%;margin-right: 0;margin-bottom: 1rem;max-width: 44rem;}
}

.history {}
.history .tabs {background: #f5f5f5;border-radius: 2.9rem;position: sticky;top: 0px;z-index: 9;}
.history .tabs > ul {display: flex;flex-wrap: wrap;}
.history .tabs > ul > li {width: calc(100% / 2);text-align: center;font-size: 1.8rem;color: #aaaaaa;letter-spacing: -0.02rem;font-weight: 700;padding: 1.6rem;cursor: pointer;}
.history .tabs > ul > li.active {color: #000;border: solid 2px #000;border-radius: 2.9rem;background: #fff;}
.history .cont_box {display: flex;flex-wrap: wrap;padding-top: 9.2rem;}
.history .cont_box .img_box {width: 50%;padding-right: 21rem;overflow: auto;position: -webkit-sticky;position: sticky;top: 10%;height: 60rem;}
.history .cont_box .img_box .txt {font-size: 4.0rem;letter-spacing: -0.02rem;line-height: calc(50 / 40);font-weight: 700;}
.history .cont_box .img_box .img {padding-top: 6rem;}
.history .cont_box .img_box .img > ul {}
.history .cont_box .img_box .img > ul > li {width: 100%;aspect-ratio: 0;border-radius: 5rem;overflow: hidden;opacity: 0;visibility: hidden;}
.history .cont_box .img_box .img > ul > li.active {aspect-ratio: calc(480 / 320);opacity: 1;visibility: visible;}
.history .cont_box .img_box .img > ul > li .bg {width: 100%;height: 100%;clip-path: inset(0 100% 0 0);-webkit-clip-path: inset(0 100% 0 0);transition: clip-path 700ms 700ms;transition-delay: 0.5s;}
.history .cont_box .img_box .img > ul > li.active .bg {clip-path: inset(0 0 0 0);-webkit-clip-path: inset(0 0 0 0);}
.history .cont_box .detail_box {width: 50%;}
.history .cont_box .detail_box .tab_content {}
.history .cont_box .detail_box .tab_content ul {}
.history .cont_box .detail_box .tab_content ul > li {letter-spacing: -0.02rem;display: flex;flex-wrap: wrap;align-items: center;border-bottom: solid 1px #ddd;padding-bottom: 3.6rem;margin-bottom: 2.6rem;}
.history .cont_box .detail_box .tab_content ul > li .his_sec {width: calc(100% - 15rem);display: flex;flex-wrap: wrap;align-items: center;}
.history .cont_box .detail_box .tab_content ul > li .his_logo {width: 15rem;}
.history .cont_box .detail_box .tab_content ul > li .his_logo img {border: solid 1px #dddddd;border-radius: 1rem;}
.history .cont_box .detail_box .tab_content .date {width: 16rem;font-size: 2.4rem;font-weight: 800;}
.history .cont_box .detail_box .tab_content .info {width: calc(100% - 16rem);font-size: 1.8rem;color: #666666; padding-right:2.0rem;}


@media screen and (max-width: 1400px){
	.history .cont_box .img_box {width: 40%;padding-right: 10rem;}
	.history .cont_box .detail_box {width: 60%;}
}
@media screen and (max-width: 1250px){

}
@media screen and (max-width: 1024px){
	.history .cont_box .img_box {width: 100%;padding-right: 0rem;position: -webkit-relative;position: relative;top: 0;height: auto;}
	.history .cont_box .detail_box {width: 100%;padding-top: 5rem;}
	.history .cont_box .img_box .img > ul > li.active {aspect-ratio: 2;}
}
@media screen and (max-width: 768px){
	.history .tabs {top: 10.5rem;}
	.history .cont_box .detail_box .tab_content ul > li {padding-bottom: 1.5rem;margin-bottom: 1.5rem;}
	.history .cont_box .detail_box .tab_content .date {width: 11rem;font-size: 2.0rem;font-weight: 700;}
	.history .cont_box .detail_box .tab_content .info {width: calc(100% - 11rem);}
}

.performance {}
.performance .bar1 {width: 100%;height: 1px;background: #ddd;}
.performance .tit_rule1 {font-size: 4.0rem;font-weight: 700;letter-spacing: -0.02rem;}
.performance .cont_top_img .bg {aspect-ratio: calc(1600 / 460);}
.performance .cont_top_img .txt {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 4.0rem;font-weight: 700;line-height: calc(50 / 40);color: #fff;text-align: center;letter-spacing: -0.02rem;width: 100%;padding: 2rem;}
.performance .cont1 {position: relative;margin-top: 6.5rem;}
.performance .cont1 .left {width: 40rem;}
.performance .cont1 .right {width: calc(100% - 40rem);}
.performance .cont1 .right .txt1 {font-size: 3.0rem;letter-spacing: -0.02rem;padding-bottom: 3rem;}
.performance .cont1 .right .txt2 {font-size: 2.0rem;color: #666666;letter-spacing: -0.02rem;padding-bottom: 9rem;line-height: 1.5;}
.performance .cont1 .right .img_box {display: flex;flex-wrap: wrap;}
.performance .cont1 .right .img_box img {border: solid 1px #dddddd;border-radius: 2.0rem;}
.performance .cont2 {}
.performance .cont2 .cont_tit {text-align: center;padding: 14.2rem 1rem 14.7rem;}
.performance .cont2 .cont_sec {letter-spacing: -0.02rem;display: flex;flex-wrap: wrap;margin-bottom: 20rem;}
.performance .cont2 .cont_sec .left {width: 60rem;}
.performance .cont2 .cont_sec .left img {border-radius: 3rem;overflow: hidden;border: solid 1px #dddddd;}
.performance .cont2 .cont_sec .right {width: calc(100% - 60rem);padding-left: 10rem;display: flex;flex-direction: column;justify-content: space-between;}
.performance .cont2 .cont_sec .right .txt_box {}
.performance .cont2 .cont_sec .right .spec_box {}
.performance .cont2 .cont_sec .right .txt1 {font-size: 4.0rem;font-weight: 700;color: var(--main-color);}
.performance .cont2 .cont_sec .right .txt2 {font-size: 2.0rem;color: #666666;line-height: 1.5;padding-top: 2.2rem;}
.performance .cont2 .cont_sec .right .txt3 {font-size: 2.4rem;font-weight: 700;padding-bottom: 2rem;}
.performance .cont2 .cont_sec .right .txt4 {font-size: 2.2rem;font-weight: 600;padding-top: 1rem;}

.performance .cont2 .cont_sec1 {}
.performance .cont2 .cont_sec1 .sec_txt {font-size: 3.0rem;font-weight: 700;line-height: 1.5;}
.performance .cont2 .cont_sec1 .sec_box {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;border-top: solid 1px #ddd;}
.performance .cont2 .cont_sec1 .sec_box:last-child {border-bottom: solid 1px #ddd;}
.performance .cont2 .cont_sec1 .sec_box .txt_box {}
.performance .cont2 .cont_sec1 .sec_box .txt_box .txt1 {font-size: 3.0rem;font-weight: 600;}
.performance .cont2 .cont_sec1 .sec_box .txt_box .txt2 {font-size: 2.4rem;font-weight: 500;padding-top: 2rem;}
.performance .cont2 .cont_sec1 .sec_box .img_box {}



@media screen and (max-width: 1400px){
	.performance .cont1 .left {width: 30rem;}
	.performance .cont1 .right {width: calc(100% - 30rem);}
	.performance .cont2 .cont_sec .right {padding-left: 5rem;}
}
@media screen and (max-width: 1200px){
	.performance .cont2 .cont_sec .left {width: 40%;}
	.performance .cont2 .cont_sec .right {width: 60%;}
	.performance .cont2 .cont_sec .right .spec_box {padding-top: 5rem;}
}
@media screen and (max-width: 1024px){
	.performance .cont1 .left {width: 100%;padding-bottom: 3rem;}
	.performance .cont1 .right {width: 100%;}
	.performance .cont2 .cont_sec {flex-direction: column-reverse;}
	.performance .cont2 .cont_sec .left {width: 100%;}
	.performance .cont2 .cont_sec .right {width: 100%;padding-left: 0rem;padding-bottom: 5rem;}
}
@media screen and (max-width: 768px){
	.performance .cont_top_img .bg {aspect-ratio: 1.5;}
	.performance .cont_top_img .txt {font-size: 3.0rem;}
	.performance .cont2 .cont_sec1 .sec_txt {font-size: 2.6rem;font-weight: 600;}
	.performance .cont2 .cont_sec1 .sec_box .txt_box {width: 100%;}
	.performance .cont2 .cont_sec1 .sec_box .img_box {width: 100%;text-align: center;}
	.performance .cont2 .cont_sec1 .sec_box {padding: 3rem 0 0;}
}

.contact {display: flex;flex-wrap: wrap;}
.contact .sub {width: calc((100% - 8rem) / 3);margin-right: 4rem;background: #f5f5f5;border-radius: 3rem;padding: 5rem;}
.contact .sub:nth-child(3n) {margin-right: 0rem;}
.contact .sub .tit_box {padding-bottom: 3rem;}
.contact .sub .tit_box .tit1 {font-size: 2.0rem;color: var(--main-color);font-weight: 700;}
.contact .sub .tit_box .tit2 {font-size: 3.0rem;font-weight: 700;padding-top: 1.0rem;}
.contact .sub .info_box {position: relative;}
.contact .sub .info_box:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 1px;background: #cccccc;}
.contact .sub .info_box .txt {font-size: 1.8rem;color: #666666;padding: 0.9rem 0;display: flex;align-items: center;column-gap: 1.5rem;padding-top: 2.5rem;}
.contact .sub .info_box .txt > a {color: #666666;}
.contact .sub .info_box .txt .ico {width: 2.0rem;aspect-ratio: 1;display: block;}
.contact .sub .info_box .txt .ico1 {background: url(../../pages/images/directions_ico_02.png) no-repeat center / contain;}
.contact .sub .info_box .txt .ico2 {background: url(../../pages/images/directions_ico_04.png) no-repeat center / contain;}
.contact .sub .info_box .txt .ico3 {background: url(../../pages/images/directions_ico_03.png) no-repeat center / contain;}

@media screen and (max-width: 1400px){
	.contact .sub {width: calc((100% - 2rem) / 3);margin-right: 1rem;}
}
@media screen and (max-width: 1024px){
	.contact .sub {width: 100%;margin-right: 0rem;margin-bottom: 1rem;}
}
/**/
@media screen and (max-width: 1600px){

}
@media screen and (max-width: 1400px){

}
@media screen and (max-width: 1024px){

}
@media screen and (max-width: 768px){

}