@charset "utf-8";


/*테이블*/
.table_info {font-size:1.6rem;}
.table {width:100%;  text-align:center;   position:relative; font-size: 1.8rem; background:transparent; line-height:1.65; }
.table thead {border-top: 3px solid #2a303a; background:#f8f8f8; }
.table thead th{ border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; font-weight: bold;  padding: 20px 12px; }
.table thead th:first-child {border-left: 0;}
.table .le_line { border-left: 1px solid #2a303a !important;}
.table .le_line2 { border-left: 1px solid #bebebe !important;}


.table tbody th {border-bottom: 1px solid #bebebe; padding: 12px; color: #000;  vertical-align: middle;  font-weight: bold;}
.table tbody td {border-bottom: 1px solid #bebebe; border-left: 1px solid #bebebe; padding: 12px; color: #555;  vertical-align: middle;  }
.table tbody td:first-child {border-left: 0; text-align:center; }
.table tbody td {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;}
}

.full_map {display: none;overflow-y: hidden;overflow-x: hidden;position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 9999;background: rgba(0, 0, 0, 0.8);}
.full_map.active {display: block;}
.full_map .full_map_wrap {position: relative;width: 100%;height: 100%;padding: 5vw;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: center;align-items: center;}
.full_map .close_box {font-size: 3.8rem;color: #fff;font-weight: 800;padding-bottom: 1rem;cursor: pointer;}
.full_map .map_info {max-width: 160.0rem;position: relative;border-radius: 3rem;overflow: hidden;}
.full_map .map_box {min-width: 160.0rem;}
.full_map .map_box .map_c {width: 100%;height: 50vh;}
.full_map .addr_box {position: absolute;top: 50%;left: 5rem;transform: translateY(-50%);background: #fff;border-radius: 3rem;padding: 5.5rem 5rem;aspect-ratio: 1;min-width: 44rem;display: flex;flex-direction: column;justify-content: space-between;}
.full_map .addr_box .info_box {}
.full_map .addr_box .info_tit {font-size: 3.0rem;font-weight: 700;position: relative;padding-bottom: 3rem;}
.full_map .addr_box .info_tit:before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #dddddd;}
.full_map .addr_box .info_txt {padding-top: 2rem;}
.full_map .addr_box .info_txt .txt {font-size: 1.8rem;color: #666666;padding: 0.9rem 0;}
.full_map .addr_box .info_txt .txt a {color: #666666;}
.full_map .addr_box .info_txt .txt .ico {}
.full_map .addr_box .info_txt .txt .ico1 {}
.full_map .addr_box .info_txt .txt .ico2 {}
.full_map .addr_box .info_txt .txt .ico3 {}
.full_map .addr_box .info_btn {display: flex;}
.full_map .addr_box .info_btn .ibtn {font-size: 1.6rem;color: #fff;font-family: 'Poppins';font-weight: 700;border-radius: 1rem;text-align: center;width: calc((100% - 1rem) / 2);margin-right: 1rem;}
.full_map .addr_box .info_btn .ibtn a {padding: 1rem;width: 100%;height: 100%;display: block;color: #fff;}
.full_map .addr_box .info_btn .ibtn1 {background: #258fff;}
.full_map .addr_box .info_btn .ibtn2 {background: #03c75a;margin-right: 0rem;}

.full_map .addr_box dl {display: flex;flex-wrap: wrap;font-size: 1.8rem;line-height: 1.6;}
.full_map .addr_box dt {width: 12rem;padding-left: 1.5rem;position: relative;}
.full_map .addr_box dt:before {content: '';position: absolute;top: 1rem;left: 0;width: 0.5rem;aspect-ratio: 1;background: #000;}
.full_map .addr_box dd {width: calc(100% - 12rem);}

@media screen and (max-width: 1650px){
	.full_map .map_box {min-width: 90vw;}
}
@media screen and (max-width: 1250px){

}
@media screen and (max-width: 1024px){
	.full_map .addr_box {display: none;}
}
@media screen and (max-width: 768px){

}


.company {}
.company .cont_top_img .bg {aspect-ratio: calc(1600 / 600);}
.company .cont_top_img .txt {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -90%);font-size: 4.0rem;color: #fff;text-align: center;font-weight: 700;letter-spacing: -0.02rem;width: 100%;}
.company .cont1 {}
.company .cont1 .detail {padding: 0 10rem;display: flex;flex-wrap: wrap;margin-top: -13rem;position: relative;}
.company .cont1 .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 4rem;background: #fff;}
.company .cont1 .detail .sub:nth-child(5n) {margin-right: 0rem;}
.company .cont1 .detail .sub .ico {display: block;width: 2.5rem;aspect-ratio: 1;transition: 0.5s;}
.company .cont1 .detail .sub .txt1 {font-size: 2.4rem;font-weight: 700;letter-spacing: -0.02rem;padding-top: 6.4rem;transition: 0.5s;}
.company .cont1 .detail .sub .txt2 {font-size: 2.0rem;color: #666666;letter-spacing: -0.02rem;padding-top: 1.5rem;transition: 0.5s;}

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

.company .cont2 {background: #f5f5f5;border-radius: 3rem;display: flex;flex-wrap: wrap;padding: 10rem;}
.company .cont2 .map_box {width: 50%;}
.company .cont2 .map_box .map {width: 100%;aspect-ratio: calc(382 / 561);background: url(../../pages/images/company_02_map.png) no-repeat center / contain;max-width: 38.2rem;margin: 0 auto;position: relative;}
.company .cont2 .map_box .map > ul {}
.company .cont2 .map_box .map > ul > li {}
.company .cont2 .map_box .map > ul > li .map-circle {}

.map-circle {position: absolute;display: block;left: 50%;top: 50%;display: inline-block;width: 3rem;aspect-ratio: 1;cursor: pointer;}
.map-circle[title="seoul"] {margin-left: -20%;margin-top: -40%;}
.map-circle[title="daegu"] {margin-left: 4.5%;margin-top: 10%;}
.map-circle[title="waegwan"] {margin-left: 12.0%;margin-top: 15.0%;}
.map-circle[title="gyeongsan"] {margin-left: 20.0%;margin-top: 18.0%;}

.map-circle > span {background-color: rgba(51, 51, 51, 0.1);border-radius: 50%;-webkit-animation-fill-mode: both;animation-fill-mode: both;position: absolute;left: 0;top: 0px;opacity: 0;margin: 0;width: 100%;height: 100%}
.map-circle.on > span {background-color: rgba(196, 20, 27, 0.1);}

.map-circle.on > span {-webkit-animation: map-circle 4s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite;animation: map-circle 4s cubic-bezier(1, 2, 0.66, 3) infinite; }
.map-circle > span {-webkit-animation: map-circle1 4s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite;animation: map-circle1 4s cubic-bezier(1, 2, 0.66, 3) infinite; }
.map-circle > span:nth-child(2) {-webkit-animation-delay: 1s;animation-delay: 1s;}
.map-circle > span:nth-child(3) {-webkit-animation-delay: 1.5s;animation-delay: 1.5s;}
.map-circle > span:nth-child(4) {-webkit-animation-delay: 2s;animation-delay:2s;}
.map-circle i {display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 2.1rem;aspect-ratio: calc(21 / 27);background: url(../../pages/images/company_02_ico_02.png) no-repeat center / contain;}
.map-circle.on i {background: url(../../pages/images/company_02_ico_01.png) no-repeat center / contain;}
.map-circle.on i:before{display: none;}
.map-circle .t1 {opacity: 0;visibility: hidden;position: absolute;top: 6rem;left: 50%;transform: translateX(-50%);width: 15rem;height: 3.8rem;line-height: 3.8rem;font-size: 1.8rem;font-weight: 700;letter-spacing: -0.02em;color: #fff;text-align: center;-webkit-border-radius: 3.1rem;border-radius: 1.9rem;background: var(--main-color);z-index: 10;transition: all 0.3s;}
.map-circle.on .t1 {opacity: 1;visibility: visible;}
.map-circle .t2 {opacity: 0;visibility: hidden;position: absolute;top: 10.5rem;left: 50%;transform: translateX(-50%);width: 20rem;font-size: 1.8rem;color: var(--main-color);font-weight: 700;letter-spacing: -0.02rem;text-align: center;}
.map-circle.on .t2 {opacity: 1;visibility: visible;}

@keyframes map-circle {
  0% {-webkit-transform: scale(0);transform: scale(0);opacity: 0.5;}
  50% {opacity: 1.0;}
  100% {-webkit-transform: scale(1.2);transform: scale(1.2);opacity: 0; }
}
@keyframes map-circle1 {
  0% {-webkit-transform: scale(0);transform: scale(0);opacity: 0.5;}
  50% {opacity: 1.0;}
  100% {-webkit-transform: scale(0.8);transform: scale(0.8);opacity: 0; }
}

.company .cont2 .info_box {width: 50%;display: flex;align-items: center;}
.company .cont2 .info_box > ul {width: 100%;}
.company .cont2 .info_box > ul > li {cursor: pointer;}
.company .cont2 .info_box .li_wrap {display: flex;width: 100%;}
.company .cont2 .info_box .li_wrap .company {font-size: 2.0rem;font-weight: 700;letter-spacing: -0.02rem;position: relative;padding-left: 3.0rem;width: 33%;}
.company .cont2 .info_box .li_wrap .company:before {content: '';position: absolute;top: 0.5rem;left: 0;width: 1.2rem;aspect-ratio: calc(12 / 15);background: url(../../pages/images/company_02_ico_04.png) no-repeat center / contain;}
.company .cont2 .info_box .li_wrap .addr {font-size: 1.8rem;color: #666666;letter-spacing: -0.02rem;}
.company .cont2 .info_box .li_wrap .txtBox {padding: 2.7rem 0rem 2.7rem 4rem;width: calc(100% - 8rem);display: flex;align-items: center;}
.company .cont2 .info_box .li_wrap .maxBox {width: 8rem;}
.company .cont2 .info_box li.on .li_wrap {border: solid 1px var(--main-color);border-radius: 4.0rem;background: #fff;overflow: hidden;}
.company .cont2 .info_box li.on .li_wrap .maxBox {background: var(--main-color) url(../../pages/images/company_02_ico_05.png) no-repeat center;}

@media screen and (max-width: 1650px){
	.company .cont1 .detail {padding: 0 2vw;}
}
@media screen and (max-width: 1400px){
	.company .cont2 {padding: 10rem 2vw;}
}
@media screen and (max-width: 1250px){
	.company .cont1 .detail .sub {width: calc((100% - 6rem) / 5);margin-right: 1.5rem;padding: 3rem 3rem;}
	.company .cont1 .detail .sub .txt1 {padding-top: 4.4rem;}
}
@media screen and (max-width: 1024px){
	.company .cont1 .detail .sub {width: calc((100% - 3rem) / 3);margin-right: 1.5rem;margin-bottom: 3rem;}
	.company .cont1 .detail .sub:nth-child(5n) {margin-right: 1.5rem;}
	.company .cont1 .detail .sub:nth-child(3n) {margin-right: 0rem;}
	.company .cont1 .detail {margin-top: 5rem;}
	.company .cont_top_img .txt {transform: translate(-50%, -50%);}
	.company .cont2 .map_box {width: 100%;}
	.company .cont2 .info_box {width: 100%;padding-top: 5rem;}
}
@media screen and (max-width: 768px){
	.company .cont_top_img .txt {font-size: 2.6rem;padding: 8rem;}
	.company .cont_top_img .bg {aspect-ratio: 1.5;}
	.company .cont1 .detail .sub {width: calc((100% - 1.5rem) / 2);}
	.company .cont1 .detail .sub:nth-child(3n) {margin-right: 1.5rem;}
	.company .cont1 .detail .sub:nth-child(2n) {margin-right: 0rem;}
	.company .cont2 .info_box li.on .li_wrap {border-radius: 3.0rem;}
	.company .cont2 .info_box .li_wrap .txtBox {padding: 2.0rem 0rem 2.0rem 2.5rem;width: calc(100% - 5rem);}
	.company .cont2 .info_box .li_wrap .company {padding-left: 2.0rem;}
	.company .cont2 .info_box .li_wrap .maxBox {width: 6rem;}
}


.greetings {display: flex;flex-wrap: wrap;}
.greetings .img_box {width: 50%;padding-right: 12.0rem;}
.greetings .img_box .img {width: 100%;height: 100%;border-radius: 3rem;overflow: hidden;clip-path: inset(0 100% 0 0);-webkit-clip-path: inset(0 100% 0 0);transition: clip-path 700ms 700ms;transition-delay: 0.5s;}
.greetings .img_box .img .bg {width: 100%;height: 100%;}
.greetings .txt_box {width: 50%;}
.greetings .txt_box .txt1 {font-size: 4.0rem;font-weight: 700;letter-spacing: -0.02rem;}
.greetings .txt_box .txt2 {font-size: 1.8rem;color: #666666;letter-spacing: -0.02rem;line-height: calc(28 / 18);padding-top: 3.7rem;}
.greetings .txt_box .txt3 {font-size: 2.4rem;letter-spacing: -0.02rem;font-weight: 800;text-align: right;padding-top: 4rem;}

.greetings.visible .img_box .img {clip-path: inset(0 0 0 0);-webkit-clip-path: inset(0 0 0 0);}


@media screen and (max-width: 1024px){
	.greetings .img_box {width: 100%;padding-right: 0;aspect-ratio: 3;margin-bottom: 5rem;}
	.greetings .txt_box {width: 100%;}
}


.vision {display: flex;flex-wrap: wrap;align-items: flex-start;}
.vision .sub {width: calc((100% - 12rem) / 3);margin-right: 6rem;position: relative;}
.vision .sub:nth-child(2) {margin-top: 5rem;}
.vision .sub:nth-child(3n) {margin-right: 0rem;}
.vision .sub .img_box {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 3rem;overflow: hidden;}
.vision .sub .img_box .bg {position: relative;width: 100%;height: 100%;display: flex;align-items: flex-end;clip-path: inset(0 100% 0 0);-webkit-clip-path: inset(0 100% 0 0);transition: clip-path 700ms 700ms;transition-delay: 0.5s;}
.vision .sub .img_box .bg .gradient {background-image: linear-gradient(to bottom, transparent 0%, rgba(196, 20, 27, 0.9) 90%);width: 100%;height: 50%;bottom: -50%;position: relative;transition: 0.5s;transition-delay: 1.2s;}
.vision .sub .txt_box {z-index: 1;position: relative;aspect-ratio: calc(426 / 600);letter-spacing: -0.02rem;color: #fff;text-align: center;display: flex;flex-direction: column;justify-content: flex-end;padding: 7.5rem 4rem;opacity: 0;transition: 0.5s;transition-delay: 1.2s;}
.vision .sub .txt_box .txt1 {font-size: 4.0rem;font-weight: 700;line-height: 1;}
.vision .sub .txt_box .txt2 {font-size: 2.0rem;line-height: calc(25 / 20);padding-top: 2.7rem;}

.vision.visible .sub .txt_box {opacity: 1;}
.vision.visible .sub .img_box .bg {clip-path: inset(0 0 0 0);-webkit-clip-path: inset(0 0 0 0);}
.vision.visible .sub .img_box .bg .gradient {bottom: 0%;}

@media screen and (max-width: 1450px){
	.vision .sub {width: calc((100% - 4rem) / 3);margin-right: 2rem;}
}
@media screen and (max-width: 1024px){
	.vision .sub {width: calc((100% - 2rem) / 3);margin-right: 1rem;}
	.vision .sub .txt_box {aspect-ratio: 0.65;padding: 4rem 3rem;}
	.vision .sub .txt_box .txt1 {font-size: 3.5rem;}
}
@media screen and (max-width: 768px){
	.vision .sub {width: 100%;margin-right: 0;margin-bottom: 2rem;}
	.vision .sub:nth-child(2) {margin-top: 0rem;}
	.vision .sub .txt_box {aspect-ratio: 1.5;}
}

.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% / 4);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: 22rem;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: 4.5rem;margin-bottom: 3.5rem;}
.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;}


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

.affiliates {background: #f5f5f5;border-radius: 3.0rem;}
.affiliates .affiliates_wrap {display: flex;flex-wrap: wrap;letter-spacing: -0.02rem;text-align: center;padding: 10rem 9.5rem;}
.affiliates .aff_left {width: 50%;display: flex;flex-direction: column;align-items: center;padding: 0 13.5rem;position: relative;}
.affiliates .aff_left:before {content: '';position: absolute;top: 0;right: 0;width: 1px;height: 0%;background: #dddddd;transition: 1.8s;transition-delay: 0.8s;}
.affiliates .aff_left .sub {width: 100%;}
.affiliates .aff_left .sub1 {margin-bottom: 3.5rem;}
.affiliates .aff_left .sub1 .logo {}
.affiliates .aff_left .sub1 .txt {font-size: 2.4rem;font-weight: 700;padding-top: 1.2rem;}
.affiliates .aff_left .sub2 {background: #fff;border-radius: 3rem;border: solid 1px #dddddd;overflow: hidden;margin-bottom: 2rem;}
.affiliates .aff_left .sub2 .logo_box {padding: 2.8rem;}
.affiliates .aff_left .sub2 .logo_box .logo {}
.affiliates .aff_left .sub2 .logo_box .logo img {max-width: 10.8rem;}
.affiliates .aff_left .sub2 .logo_box .logo_txt {font-size: 1.6rem;color: #888888;font-weight: 600;font-family: 'Poppins';}
.affiliates .aff_left .sub2 .txt_box {font-size: 1.8rem;background: #f9f9f9;padding: 1.45rem;}
.affiliates .aff_right {width: 50%;display: flex;flex-direction: column;justify-content: center;}
.affiliates .aff_right .sub {position: relative;}
.affiliates .aff_right .sub:nth-child(1) {padding-bottom: 5rem;}
.affiliates .aff_right .sub:nth-child(2) {padding-top: 5rem;}
.affiliates .aff_right .sub .sub_wrap {background: #fff;border: solid 1px #dddddd;border-radius: 3.0rem;overflow: hidden;margin: 0 13rem;}
.affiliates .aff_right .sub:nth-child(1) .sub_wrap:before {content: '';position: absolute;bottom: 0;left: 0;width: 0%;height: 1px;background: #dddddd;transition: 1.8s;transition-delay: 0.8s;}
.affiliates .aff_right .sub .logo_box {padding: 2rem;}
.affiliates .aff_right .sub .logo_box img {}
.affiliates .aff_right .sub .txt_box {font-size: 1.8rem;background: #f9f9f9;padding: 1.45rem;}
.affiliates.visible .aff_left:before {height: 100%;}
.affiliates.visible .aff_right .sub:nth-child(1) .sub_wrap:before {width: 100%;}

@media screen and (max-width: 1400px){
	.affiliates .affiliates_wrap {padding: 10rem 5vw;}
	.affiliates .aff_left {padding: 0 5vw;}
	.affiliates .aff_right .sub .sub_wrap {margin: 0 5vw;}
}
@media screen and (max-width: 768px){
	.affiliates .aff_left {width: 100%;padding: 0 0 0rem;}
	.affiliates .aff_left:before {top: auto;right: auto;bottom: 0;left: 0;width: 0%;height: 1px;}
	.affiliates.visible .aff_left:before {height: 1px;width: 100%;}
	.affiliates .aff_left .sub1 .logo img {max-width: 25rem;}
	.affiliates .aff_left .sub2 .logo_box {padding: 5.05rem;}
	.affiliates .aff_left .sub2 .logo_box .logo img {max-width: 18rem;}
	.affiliates .aff_right {width: 100%;padding-top: 2rem;}
	.affiliates .aff_right .sub:nth-child(1) {padding-bottom: 2rem;}
	.affiliates .aff_right .sub:nth-child(2) {padding-top: 2rem;}
	.affiliates .aff_right .sub .sub_wrap {margin: 0 0;}
}

.organization {}
.organization .org-chart {width: 100%;max-width: 140rem;margin: 0 auto;position: relative;letter-spacing: -0.02rem;}
.organization .top-area {display: flex;flex-direction: column;align-items: center;}
.organization .top-box {padding: 2.55rem 11rem;border-radius: 4.0rem;color: #fff;font-size: 2.4rem;font-weight: 700;}
.organization .boss {background: var(--main-color);}
.organization .ceo {background: #333;}
.organization .v-line {
  width: 3px;
  height: 30px;
  background: #222;
}
.organization .root-line {width: 100%;position: relative;margin: 5rem 0 0rem;display: flex;justify-content: center;}
.organization .h-line {
  width: 75%;
  height: 3px;
  background: #222;
}
.organization .v-line.mid {width: 1px;height: 5rem;background: #ddd;position: absolute;top: -5rem;}
.organization .departments {display: flex;justify-content: space-between;flex-wrap: wrap;}
.organization .dept-wrap {width: calc((100% - 15rem) / 4);margin-right: 5rem;position: relative;display: flex;flex-direction: column;align-items: center;}
.organization .dept-wrap:last-child {margin-right: 0rem;}
.organization .v-line-down {width: 1px;height: 5rem;background: #ddd;}
.organization .dept {background: #fff;width: 100%;border: 1px solid #dddddd;border-radius: 3rem;overflow: hidden;text-align: center;}
.organization .dept-title {background: #f6f6f6;font-size: 2.0rem;font-weight: 700;padding: 2.75rem 2rem;}
.organization .team {font-size: 1.8rem;color: #666666;font-weight: 500;padding: 2.2rem 2rem;border-bottom: 1px solid #dddddd;}
.organization .team:last-child {border-bottom: none;}
.organization .v-line {width: 1px;height: 5rem;}
.organization .v-line.mid {height: 5rem;}
.organization .v-line-down {width: 1px;height: 5rem;}
.organization .h-line {height: 1px;width: 77.9%;}
.organization .draw {animation: drawLine 0.6s ease-out forwards;}
.organization .delay-1 {animation-delay: 0.3s;}
.organization .delay-2 {animation-delay: 0.6s;}
.organization .delay-3 {animation-delay: 0.9s;}

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

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

@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축으로 그려지게 */
.organization .h-line.draw {
  transform-origin: left center;
  animation-name: drawHorizontal;
}

@keyframes drawHorizontal {
  0% {
    transform: scaleX(0);
    opacity: 1;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
@media screen and (max-width: 1400px){
	.organization .dept-wrap {width: calc((100% - 3rem) / 4);margin-right: 1rem;}
	.organization .h-line {width: 75.5%;}
}
@media screen and (max-width: 768px){
	.organization .top-area {padding-right: calc(100% - 20rem);}
	.organization .top-box {padding: 2rem;border-radius: 3.0rem;width: 100%;text-align: center;}
	.organization .dept-wrap {width: 100%;margin-right: 0;margin-bottom: 5rem;}
	.organization .departments {padding-left: 12rem;}
	.organization .v-line.mid {left: 10rem;height: 100vh;}
	.organization .root-line .h-line.draw {display: none;}
	.organization .dept-wrap .v-line-down {position: absolute;left: -2rem;top: 5rem;transform: translate(10px, 10px);width: 2rem;height: 1px;}
}

.ethical {}
.ethical .ethics-section {width: 100%;letter-spacing: -0.02rem;}

.ethical .ethics-hero {width: 100%;aspect-ratio: calc(1600 / 460);border-radius: 3rem;background: url(../../pages/images/ethical_top_bg.jpg) center / cover no-repeat;display: flex;align-items: center;}
.ethical .ethics-hero-text {font-size: 4.0rem;font-weight: 700;color: #fff;line-height: calc(50 / 40);width: 100%;padding: 10rem;}

.ethical .ethics-grid {margin-top: 6rem;display: grid;grid-template-columns: repeat(2, 1fr);gap: 2rem;position: relative;}
.ethical .ethics-item {background: #f5f5f5;padding: 7.55rem 3rem;border-radius: 3rem;text-align: center;}
.ethical .ethics-item h3 {font-size: 3.0rem;color: var(--main-color);font-weight: 700;}
.ethical .ethics-item p {font-size: 2.0rem;color: #666666;line-height: calc(30 / 20);padding-top: 1.3rem;}
.ethical .ethics-center-badge {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #c62828;color: #fff;font-size: 3.0rem;font-weight: 700;width: 27.6rem;aspect-ratio: calc(276 / 94);border-radius: 4.7rem;}
.ethical .ethics-center-badge .ethics-center-badge_wrap {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.ethical .ethics-center-badge .ethics-center-badge_wrap:before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% + 3rem);height: calc(100% + 3rem);background: rgba(196, 20, 27, 0.3);z-index: -1;border-radius: 6rem;}

.ethical.visible .ethics-hero {animation: aniContTopImg 1.8s forwards;}

@media screen and (max-width: 1650px){
	.ethical .ethics-section {padding: 0 1rem;}
}
@media screen and (max-width: 1300px){
	.ethical .ethics-item p br {display: none;}
}
@media screen and (max-width: 768px){
	.ethical .ethics-grid {grid-template-columns: repeat(1, 1fr);}
	.ethical .ethics-center-badge {position: relative;top: auto;left: auto;transform: translate(0%, 0%);order: 1;width: 100%;aspect-ratio: auto;padding: 2rem;margin-bottom: 2rem;}
	.ethical .ethics-item {order: 2;}
	.ethical .ethics-hero-text {font-size: 3.0rem;padding: 10rem 2rem;}
}

.quality {letter-spacing: -0.02rem;}
.quality .quality-hero {position: relative;border-radius: 3rem;width: 100%;aspect-ratio: calc(1600 / 460);}
.quality .hero-bg {position: absolute;width: 100%;height: 100%;background: url('../../pages/images/quality_top_bg.jpg') center/cover no-repeat;transform: translateY(0);border-radius: 3rem;}

.quality .hero-content {width: 100%;height: 100%;position: relative;display: flex;align-items: center;padding: 10rem;}

.quality .title {font-size: 4.0rem;line-height: calc(50 / 40);font-weight: 700;color: #fff;}

.quality .iso-badge {margin-top: 40px;width: 15rem;aspect-ratio: 1;position: absolute;bottom: -7.5rem;left: calc(50% - 7.5rem);}
.quality .iso-badge .iso-badge_wrap {width: 100%;height: 100%;position: relative;background: #006bb6;border-radius: 100%;}
.quality .iso-badge .iso-badge_wrap:after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% + 3rem);height: calc(100% + 3rem);background: rgba(255, 255, 255, 0.3);z-index: -1;border-radius: 100%;}

.quality .policy-box {max-width: 140.0rem;margin: 14rem auto 8.0rem;background: #fff;border-radius: 3rem;padding: 7.2rem 10rem;border: solid 1px #dddddd;}
.quality .policy-list {list-style: none;margin: 0;padding: 0;counter-reset: number 0;}
.quality .policy-list li {font-size: 2.0rem;color: #666666;padding: 0.7rem 0 0.7rem 4.8rem;position: relative;}
.quality .policy-list li:before {counter-increment: number 1;content: counter(number);font-size: 1.4rem;color: #fff;background: var(--main-color);width: 2.4rem;font-weight: 700;aspect-ratio: 1;position: absolute;top: 0.7rem;left: 0;border-radius: 100%;display: flex;justify-content: center;align-items: center;}

.quality .quality-target {display: flex;flex-wrap: wrap;}
.quality .quality-target .target_title {width: 40rem;font-size: 3.0rem;font-weight: 700;}
.quality .quality-target .target_item {width: calc(100% - 40rem);font-size: 2.0rem;color: #666666;line-height: 1.5;}

.quality.visible .hero-bg {animation: aniContTopImg 1.8s forwards;}

@media screen and (max-width: 1650px){
	.quality {padding: 0 1rem;}
	.quality .hero-content {padding: 5rem;}
	.quality .title {font-size: 3.0rem;line-height: calc(50 / 30);font-weight: 700;}
	.quality .quality-hero {aspect-ratio: 2.5;}
}
@media screen and (max-width: 1400px){
	.quality .quality-target .target_title {width: 20%;}
	.quality .quality-target .target_item {width: 80%;}
}
@media screen and (max-width: 1024px){
	.quality .policy-box {padding: 7.2rem 5rem;}
}
@media screen and (max-width: 768px){
	.quality .quality-hero {aspect-ratio: auto;}
	.quality .hero-content {padding: 10rem 2rem 12rem;}
	.quality .title {font-size: 2.4rem;line-height: 1.4;}
	.quality .policy-box {padding: 5rem 2rem;}
	.quality .policy-list li {padding: 0.7rem 0 0.7rem 3.8rem;}
	.quality .quality-target .target_title {width: 100%;}
	.quality .quality-target .target_item {width: 100%;padding-top: 1rem;}
}

.health {letter-spacing: -0.02rem;}
.health .health-hero {position: relative;border-radius: 3rem;width: 100%;aspect-ratio: calc(1600 / 460);}
.health .hero-bg {position: absolute;width: 100%;height: 100%;background: url('../../pages/images/health_top_bg.jpg') center/cover no-repeat;transform: translateY(0);border-radius: 3rem;}
.health.visible .hero-bg {animation: aniContTopImg 1.8s forwards;}
.health .hero-content {width: 100%;height: 100%;position: relative;display: flex;align-items: center;padding: 10rem;}
.health .title {font-size: 4.0rem;line-height: calc(50 / 40);font-weight: 700;color: #fff;}
.health .iso-badge {margin-top: 40px;width: 15rem;aspect-ratio: 1;position: absolute;bottom: -7.5rem;left: calc(50% - 7.5rem);}
.health .iso-badge .iso-badge_wrap {width: 100%;height: 100%;position: relative;background: #006bb6;border-radius: 100%;}
.health .iso-badge .iso-badge_wrap:after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: calc(100% + 3rem);height: calc(100% + 3rem);background: rgba(255, 255, 255, 0.3);z-index: -1;border-radius: 100%;}
.health .safe-wrap {max-width: 140rem;margin: 0 auto;padding: 13.5rem 0 0;display: flex;flex-direction: column;gap: 2rem;}
.health .safe-box {background: #f5f5f5;border-radius: 10rem;padding: 4rem 4rem;display: grid;grid-template-columns: 120px 1fr 1.75fr;align-items: center;column-gap: 8rem;}
.health .safe-icon {width: 12rem;aspect-ratio: 1;border-radius: 50%;background: #ffffff;display: flex;align-items: center;justify-content: center;}
.health .safe-icon .icon {width: 10rem;aspect-ratio: 1;}
.health .safe-icon .icon1 {background: url('../../pages/images/health_ico_01.png') center/contain no-repeat;}
.health .safe-icon .icon2 {background: url('../../pages/images/health_ico_02.png') center/contain no-repeat;}
.health .safe-icon .icon3 {background: url('../../pages/images/health_ico_03.png') center/contain no-repeat;}
.health .safe-title {font-size: 3.0rem;font-weight: 700;}
.health .safe-list {list-style: none;margin: 0;padding: 0;}
.health .safe-list li {font-size: 2.0rem;color: #666;position: relative;padding: 0.4rem 0 0.4rem 2rem;}
.health .safe-list li::before {content: "";position: absolute;left: 0;top: 1.4rem;width: 0.4rem;aspect-ratio: 1;border-radius: 100%;background: #666;}

@media screen and (max-width: 1650px){
	.health {padding: 0 1rem;}
}
@media screen and (max-width: 1250px){

}
@media screen and (max-width: 1024px){
	.health .health-hero {aspect-ratio: auto;}
	.health .hero-content {padding: 10rem 5rem 12rem;}
	.health .title {font-size: 3.0rem;line-height: calc(50 / 30);font-weight: 700;}
	.health .safe-box {column-gap: 2rem;}
}
@media screen and (max-width: 768px){
	.health .title {font-size: 2.4rem;line-height: 1.4;}
	.health .safe-box {grid-template-columns: 1fr;}
	.health .safe-box {column-gap: 2rem;border-radius: 5rem;}
	.health .safe-title {padding-top: 2rem;}
	.health .safe-list {padding-top: 2rem;}
	.health .safe-icon {width: 8rem;}
}


.environment {letter-spacing: -0.02rem;}
.environment .tabs {}
.environment .tabs > ul {display: flex;flex-wrap: wrap;background: #f5f5f5;border-radius: 2.9rem;}
.environment .tabs > ul > li {width: 50%;font-size: 1.8rem;color: #aaaaaa;font-weight: 700;text-align: center;padding: 1.85rem;cursor: pointer;}
.environment .tabs > ul > li.active {color: #000;background: #fff;border: solid 2px #000;border-radius: 2.9rem;}

.environment .cont_box {padding-top: 10rem;}
.environment .cont_box .tab_content {}
.environment .esh-wrapper {}
.environment .esh-policy {border: 1px solid #dddddd;border-radius: 3.0rem;padding: 6.6rem 10rem;background: #fff;box-sizing: border-box;}
.environment .esh-policy h1 {font-size: 3.0rem;font-weight: 700;}
.environment .esh-desc {font-size: 2.0rem;line-height: 1.5;padding-top: 1.0rem;}
.environment .esh-policy-list {list-style: none;margin: 0;padding: 0;counter-reset: esh-counter;padding-top: 3.0rem;}
.environment .esh-policy-list li {position: relative;font-size: 2.0rem;color: #666666;padding: 0.7rem 0 0.7rem 5rem;}
.environment .esh-policy-list li::before {counter-increment: esh-counter;content: counter(esh-counter);position: absolute;left: 0;top: 0.6rem;width: 2.4rem;aspect-ratio: 1;border-radius: 50%;background: var(--main-color);color: #fff;font-size: 1.4rem;font-weight: 700;display: flex;align-items: center;justify-content: center;}
.environment .esh-section-title {text-align: center;font-size: 3.0rem;font-weight: 700;margin: 9.3rem 0 4rem;}
.environment .esh-card-group {display: flex;gap: 4rem;justify-content: center;}
.environment .esh-card {position: relative;width: 100%;max-width: 44rem;aspect-ratio: 1;border-radius: 3.0rem;overflow: hidden;background-size: cover;background-position: center;}
.environment .esh-card::after {content: "";position: absolute;inset: 0;background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent 55%);}
.environment .esh-card-env {background-image: url("../../pages/images/environment_thumb_01.jpg");}
.environment .esh-card-safe {background-image: url("../../pages/images/environment_thumb_02.jpg");}
.environment .esh-card-health {background-image: url("../../pages/images/environment_thumb_03.jpg");}
.environment .esh-card-text {position: absolute;left: 50%;bottom: 4.5rem;transform: translateX(-50%);width: 100%;z-index: 1;display: flex;flex-direction: column;gap: 6px;text-align: center;}
.environment .esh-card-title {font-size: 4.0rem;font-weight: 700;color: #fff;}
.environment .esh-card-sub {font-size: 2.0rem;color: #fff;}

.environment {}
.environment .cert_group {display: flex;flex-wrap: wrap;justify-content: center;padding: 0 36rem;}
.environment .cert_group .sub {width: calc((100% - 4rem) / 2);margin-right: 4rem;cursor: pointer;}
.environment .cert_group .sub:nth-child(2n) {margin-right: 0;}
.environment .cert_group .sub .thumb {position: relative;background: #f5f5f5;border-radius: 3rem;padding: 6.5rem 5.5rem;border: solid 5px #f5f5f5;transition: border 0.5s;}
.environment .cert_group .sub .thumb img {border-radius: 2.0rem;box-shadow: 0 10px 40px rgba(0, 0, 0, .1);}
.environment .cert_group .sub .thumb .cert_more {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 8rem;aspect-ratio: 1;background: var(--main-color) url(../../pages/images/certification_ico_01.png) no-repeat center / contain;border-radius: 100%;opacity: 0;transition: opacity 0.5s;}

.environment .cert_group .sub:hover .thumb {border: solid 5px var(--main-color);}
.environment .cert_group .sub:hover .thumb .cert_more {opacity: 1;}
.environment .cert_group .sub .txt {font-size: 2.0rem;letter-spacing: -0.02rem;text-align: center;padding-top: 1.8rem;}

.environment .cert_modal {position: fixed;inset: 0;background: rgba(0,0,0,.6);display: none;justify-content: center;align-items: center;z-index: 9999;}
.environment .cert_modal_wrap {position: relative;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.environment .cert_modal_inner {max-width: 90vw;max-height: 90vh;position: relative;}
.environment .cert_full {max-width: 100%;max-height: 100%;border-radius: 12px;box-shadow: 0 10px 40px rgba(0,0,0,.5);}
.environment .cert_close {position: absolute;top: -6rem;right: 0;font-size: 5rem;color: #fff;background: none;border: none;cursor: pointer;}

@media screen and (max-width: 1650px){
	.environment .cert_group {padding: 0 20%;}
}
@media screen and (max-width: 1400px){
	.environment .esh-card-group {padding: 0 2rem;gap: 1rem;}
}
@media screen and (max-width: 1024px){
	.environment .esh-policy {padding: 6.6rem 4rem;}
	.environment .esh-card-title {font-size: 3.0rem;}
	.environment .cert_group {padding: 0 2rem;}
}
@media screen and (max-width: 768px){
	.environment .esh-policy {padding: 6rem 2rem;}
	.environment .esh-policy h1 {font-size: 2.6rem;font-weight: 700;}
	.environment .esh-policy-list li {padding: 0.7rem 0 0.7rem 3.5rem;}
	.environment .esh-policy-list li::before {top: 0.8rem;}
	.environment .esh-card-group {flex-wrap: wrap;}
}
@media screen and (max-width: 500px){
	.environment .cert_group .sub {width: 100%;margin-right: 0;margin-bottom: 5rem;}
	.environment .cert_group .sub .txt {font-size: 2.6rem;}
}

.ideal_talent {}
.ideal_talent .ideal_top {text-align: center;margin-bottom: 15rem;}

.ideal_talent .section {display: flex;align-items: center;justify-content: space-between;margin-bottom: 10rem;}
.ideal_talent .card-image {width: 50%;flex: 1.2;border-radius: 3.0rem;overflow: hidden;width: 100%;aspect-ratio: calc(700 / 360);background-size: cover;background-position: center;}
.ideal_talent .image-top-left {background-image: url("../../pages/images/ideal_talent_thumb_02.jpg");}
.ideal_talent .image-bottom-right {background-image: url("../../pages/images/ideal_talent_thumb_03.jpg");}

.ideal_talent .card-text {width: 50%;display: flex;flex-direction: column;align-items: center;text-align: center;padding: 2rem;}
.ideal_talent .title {font-size: 3.0rem;font-weight: 700;letter-spacing: -0.02rem;}
.ideal_talent .subtitle {font-size: 2.0rem;line-height: 1.5;color: #666666;letter-spacing: -0.02rem;padding-top: 1.0rem;}
.ideal_talent .tag-wrap {display: flex;flex-wrap: wrap;gap: 1rem;padding-top: 4.3rem;}
.ideal_talent .tag {display: inline-block;padding: 1.2rem 2rem;border-radius: 2.25rem;background: #777;color: #fff;font-size: 1.8rem;width: 13rem;text-align: center;}

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

}
@media screen and (max-width: 1150px){
	.ideal_talent .subtitle br {display: none;}
}
@media screen and (max-width: 1024px){
	.ideal_talent .card-text {width: 100%;}
	.ideal_talent .section {flex-wrap: wrap;flex-direction: column;}
	.ideal_talent .card-image {aspect-ratio: 3;width: 100%;}
	.ideal_talent .section-bottom {flex-direction: column-reverse;}
}
@media screen and (max-width: 768px){

}


.welfare {letter-spacing: -0.02rem;}
.welfare .life-section {}
.welfare .life-title {font-size: 3.0rem;font-weight: 700;padding-bottom: 3rem;}

.welfare .cards-wrap {display: flex;flex-wrap: wrap;padding-bottom: 5.5rem;}
.welfare .benefit-card {width: calc((100% - 4rem) / 2);margin-right: 4rem;background: #f5f5f5;border-radius: 3rem;padding: 5.7rem 5rem;display: flex;align-items: center;}
.welfare .benefit-card:nth-child(2n) {margin-right: 0rem;}

.welfare .benefit-icon-circle {width: 12rem;aspect-ratio: 1;border-radius: 100%;background: #ffffff;display: flex;align-items: center;justify-content: center;margin-right: 5rem;flex-shrink: 0;}
.welfare .benefit-icon {width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;}
.welfare .benefit-icon1 {background-image: url("../../pages/images/welfare_ico_01.png");}
.welfare .benefit-icon2 {background-image: url("../../pages/images/welfare_ico_02.png");}
.welfare .benefit-icon3 {background-image: url("../../pages/images/welfare_ico_03.png");}
.welfare .benefit-icon4 {background-image: url("../../pages/images/welfare_ico_04.png");}
.welfare .benefit-icon5 {background-image: url("../../pages/images/welfare_ico_05.png");}
.welfare .benefit-icon6 {background-image: url("../../pages/images/welfare_ico_06.png");}
.welfare .benefit-icon7 {background-image: url("../../pages/images/welfare_ico_07.png");}
.welfare .benefit-content {height: 100%;}

.welfare .benefit-title {font-size: 2.4rem;font-weight: 700;}
.welfare .benefit-list {list-style: none;padding-top: 0.8rem;}
.welfare .benefit-list li {font-size: 1.8rem;color: #666666;padding: 0.3rem 0 0.3rem 2.0rem;position: relative;}
.welfare .benefit-list li::before {content: "";position: absolute;top: 1.2rem;left: 0;width: 0.4rem;aspect-ratio: 1;background: #666;border-radius: 100%;}


@media screen and (max-width: 1400px){
	.welfare .benefit-card {width: calc((100% - 1rem) / 2);margin-right: 1rem;}
}
@media screen and (max-width: 1024px){
	.welfare .benefit-card {width: 100%;margin-right: 0;margin-bottom: 1rem;}
}
@media screen and (max-width: 768px){
	.welfare .benefit-card {flex-direction: column;align-items: flex-start;}
	.welfare .benefit-content {padding-top: 0rem;}
	.welfare .benefit-icon-circle {display: none;}
}


.directions {}
.directions .tabs {background: #f5f5f5;border-radius: 2.9rem;position: sticky;top: 0px;z-index: 9;}
.directions .tabs > ul {display: flex;flex-wrap: wrap;}
.directions .tabs > ul > li {width: calc(100% / 4);text-align: center;font-size: 1.8rem;color: #aaaaaa;letter-spacing: -0.02rem;font-weight: 700;padding: 1.6rem;cursor: pointer;}
.directions .tabs > ul > li.active {color: #000;border: solid 2px #000;border-radius: 2.9rem;background: #fff;}
.directions .cont_box {padding-top: 10rem;}
.directions .cont_box .tab_content {position: relative;}
.directions .cont_box .tab_content .map_c {height: 64rem;}
.directions .cont_box .tab_content .map_info {position: absolute;top: 50%;left: calc((100% - 140rem) / 2);transform: translateY(-50%);background: #fff;border-radius: 3rem;padding: 5.5rem 5rem;aspect-ratio: 1;min-width: 44rem;display: flex;flex-direction: column;justify-content: space-between;}
.directions .cont_box .tab_content .map_info .info_box {}
.directions .cont_box .tab_content .map_info .info_tit {font-size: 3.0rem;font-weight: 700;position: relative;padding-bottom: 3rem;}
.directions .cont_box .tab_content .map_info .info_tit:before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #dddddd;}
.directions .cont_box .tab_content .map_info .info_txt {padding-top: 2rem;}
.directions .cont_box .tab_content .map_info .info_txt .txt {font-size: 1.8rem;color: #666666;padding: 0.9rem 0;display: flex;align-items: center;column-gap: 1.5rem;}
.directions .cont_box .tab_content .map_info .info_txt .txt a {color: #666666;}
.directions .cont_box .tab_content .map_info .info_txt .txt .ico {display: inline-block;width: 2.0rem;aspect-ratio: 1;}
.directions .cont_box .tab_content .map_info .info_txt .txt .ico1 {background: url(../../pages/images/directions_ico_01.png) no-repeat center / contain;}
.directions .cont_box .tab_content .map_info .info_txt .txt .ico2 {background: url(../../pages/images/directions_ico_02.png) no-repeat center / contain;}
.directions .cont_box .tab_content .map_info .info_txt .txt .ico3 {background: url(../../pages/images/directions_ico_03.png) no-repeat center / contain;}
.directions .cont_box .tab_content .map_info .info_btn {display: flex;}
.directions .cont_box .tab_content .map_info .info_btn .ibtn {font-size: 1.6rem;color: #fff;font-family: 'Poppins';font-weight: 700;border-radius: 1rem;text-align: center;width: calc((100% - 1rem) / 2);margin-right: 1rem;}
.directions .cont_box .tab_content .map_info .info_btn .ibtn a {padding: 1rem;width: 100%;height: 100%;display: block;color: #fff;}
.directions .cont_box .tab_content .map_info .info_btn .ibtn1 {background: #258fff;}
.directions .cont_box .tab_content .map_info .info_btn .ibtn2 {background: #03c75a;margin-right: 0rem;}


@media screen and (max-width: 1450px){
	.directions .cont_box .tab_content .map_info {left: 2rem;}
}
@media screen and (max-width: 1250px){

}
@media screen and (max-width: 1024px){
	.directions .cont_box .tab_content .map_info {position: relative;top: auto;left: auto;transform: translateY(0%);background: #fff;border-radius: 3rem;aspect-ratio: auto;width: calc(100% - 2rem);margin: 1rem auto;border: solid 1px #dddddd;}
	.directions .cont_box .tab_content .map_info .info_btn {padding-top: 3rem;}
	.directions .cont_box .tab_content .map_c {height: 40rem;}
}


.online {letter-spacing: -0.02rem;padding-top: 9.5rem;}
.online .row {display: flex;align-items: flex-start;margin-bottom: 7.5rem;}

.online .row-title {width: 40rem;font-size: 3.0rem;font-weight: 700;}
.online .row-content {flex: 1;width: calc(100% - 40rem);}
.online .dot-list {list-style: none;}
.online .dot-list li {position: relative;padding-left: 2.5rem;margin-bottom: 0.6rem;font-size: 2.0rem;color: #666666;}
.online .dot-list li::before {content: "•";position: absolute;left: 0;top: -0.1rem;color: #666666;}

.online .steps-wrapper {position: relative;padding: 20px 0 10px;}

.online .steps-wrapper::before {content: "";position: absolute;left: 80px;right: 80px;top: 50%;height: 1px;background: #ddd;z-index: 1;width: 0;transition: 2.6s ease;transition-delay: 0.8s;}
.online .steps {display:flex;justify-content: space-between;position: relative;z-index: 2;}

.online .step {position: relative;width: 20rem;aspect-ratio: 1;border-radius: 100%;display: flex;align-items: center;justify-content: center;cursor: pointer;opacity: 0;top: 2.0rem;transition-duration: 0.8s;}

.online .step-inner {width: 18rem;aspect-ratio: 1;border-radius: 100%;background: #fff;display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;}

.online .step-num {font-size: 2.0rem;font-weight: 700;color: var(--main-color);margin-bottom: 0.5rem;}
.online .step-text {font-size: 2.0rem;font-weight: 700;}


.online .step-1 {border: 2.0rem solid #e1e1e1;}
.online .step-2 {border: 2.0rem solid #bbbbbb;}
.online .step-3 {border: 2.0rem solid #878787;}
.online .step-4 {border: 2.0rem solid #3e3e3e;}

.online.visible .step {opacity: 1;top: 0rem;}

.online.visible .step:nth-child(1) {transition-delay: 0.2s;}
.online.visible .step:nth-child(2) {transition-delay: 0.5s;}
.online.visible .step:nth-child(3) {transition-delay: 0.8s;}
.online.visible .step:nth-child(4) {transition-delay: 1.1s;}
.online.visible .steps-wrapper::before {width: 80%;}

.online .btn-area {margin-top: 5.5rem;display:flex;justify-content:center;}
.online .btn-report {border: none;padding: 1.45rem 8rem;border-radius: 2.9rem;background: var(--main-color);color: #fff;font-size: 2.4rem;font-weight: 700;cursor: pointer;width: 100%;font-family: 'pretendard';}

.online_tabs {padding-bottom: 9.5rem;}
.online_tabs .tabs {background: #f5f5f5;border-radius: 2.9rem;position: sticky;top: 0px;z-index: 9;}
.online_tabs .tabs > ul {display: flex;flex-wrap: wrap;}
.online_tabs .tabs > ul > li {width: calc(100% / 4);text-align: center;font-size: 1.8rem;color: #aaaaaa;letter-spacing: -0.02rem;font-weight: 700;padding: 1.6rem;cursor: pointer;}
.online_tabs .tabs > ul > li.active {color: #000;border: solid 2px #000;border-radius: 2.9rem;background: #fff;}


@media screen and (max-width: 1300px){
	.online .row-title {width: 20rem;}
	.online .row-content {width: calc(100% - 20rem);}
}
@media screen and (max-width: 1024px){
	.online .row {flex-wrap: wrap;}
	.online .row-title {width: 100%;padding-bottom: 2rem;}
	.online .row-content {width: 100%;}
}
@media screen and (max-width: 768px){
	.online.visible .steps-wrapper::before {width: 0%;}
	.online .steps {flex-wrap: wrap;}
	.online .step {width: calc((100% - 2rem) / 2);margin-bottom: 2rem;}
}

.sinmungo {padding-top: 9.5rem;}
.sinmungo .tit_box {}
.sinmungo .tit_box > p {font-size: 2.4rem;text-align: center;line-height: 1.4;}
.sinmungo .tit_box > p > span {font-weight: 700;}
.sinmungo .content {background: #f8f8f8; padding: 8rem 5rem;border-radius: 2rem;margin-top: 5rem;}
.sinmungo .content .content_wrap {width: 100%;max-width: 90.0rem;margin: 0 auto;display: flex;flex-wrap: wrap;align-items: center;}
.sinmungo .content .txt {width: 20%;margin-bottom: 1rem;}
.sinmungo .content .input {width: 80%;margin-bottom: 1rem;}
.sinmungo .content .input input {}
.sinmungo .content .submit {margin-top: 2rem;text-align: center;width: 100%;}
.sinmungo .content .submit button {padding: 0.5rem 4rem;height: auto;}

.sinmungo .biz_wrap_inner {display: flex;flex-wrap: wrap;padding-bottom: 5rem;}
.sinmungo .biz_wrap_inner .biz_left {width: 35.0rem;font-size: 3.0rem;font-weight: 700;}
.sinmungo .biz_wrap_inner .biz_right {width:calc(100% - 35.0rem);  font-size:1.8rem; color:#666;line-height:1.65;}

.sinmungo .biz_wrap_inner .biz_right ul.ul_li {}
.sinmungo .biz_wrap_inner .biz_right ul.ul_li li {position: relative;padding-left: 2.5rem;margin-bottom: 0.6rem;font-size: 2.0rem;color: #666666;}
.sinmungo .biz_wrap_inner .biz_right ul.ul_li li:before {content: '';width: 4px;height: 4px;background: #666;border-radius: 100%;position: absolute;left: 0;top: 1.0rem;}

@media screen and (max-width: 1400px){
	.sinmungo .biz_wrap_inner .biz_left {width: 20%;}
	.sinmungo .biz_wrap_inner .biz_right {width: 80%;}
}
@media screen and (max-width: 1024px){
	.sinmungo .biz_wrap_inner .biz_left {width:100%;}
	.sinmungo .biz_wrap_inner .biz_left  br {display:none;}
	.sinmungo .biz_wrap_inner .biz_right {width:100%; margin-top:3.0rem;}
}


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

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

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

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

}