@charset "utf-8";

.company {}
.company .sub_overview_wrap {width: 100%;padding-bottom: 10rem;}
.company .overview_info_sec {position: relative;max-width: 172.0rem;margin: 0 auto;}
.company .overview_bg {width: 100%;aspect-ratio: calc(1720 / 550);border-radius: 5rem;background-color: #e0e0e0;background-repeat: no-repeat;background-position: center;background-size: cover;}
.company .info_card_wrap {display: flex;justify-content: space-between;gap: 4rem;margin-top: -23rem;position: relative;z-index: 10;padding: 0 0rem;}
.company .info_card {flex: 1;background: #ffffff;border-radius: 3rem;padding: 4.7rem 4rem;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);position: relative;aspect-ratio: 1;display: flex;flex-direction: column;transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;}
.company .info_card .info_tit {font-size: 2.4rem;font-weight: 700;margin-bottom: 2.2rem;transition: color 0.3s ease;}
.company .info_card .info_desc {font-size: 2.0rem;color: #666666;line-height: 1.5;word-break: keep-all;transition: color 0.3s ease;}
.company .info_card .ico {position: absolute;bottom: 5rem;right: 5rem;width: 2.8rem;aspect-ratio: 1;transition: filter 0.3s ease;}

.company .info_card.point_bg {background-color: var(--main-color, #21a650);}
.company .info_card.point_bg .info_tit,
.company .info_card.point_bg .info_desc {color: #ffffff;}
.company .info_card.point_bg .ico {filter: invert(1);}
.company .overview_biz_sec {margin-top: 17.5rem;text-align: center;}
.company .sec_main_tit {font-size: 6rem;font-weight: 800;margin-bottom: 6.5rem;font-family: var(--point-font, inherit);}
.company .biz_card_wrap {display: flex;justify-content: space-between;align-items: flex-start;gap: 6rem;}
.company .biz_card {flex: 1;aspect-ratio: calc(427 / 550);border-radius: 3rem;background-color: #f5f5f5;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;overflow: hidden;}
.company .biz_card:nth-child(2) {margin-top: 5rem;}
.company .biz_card::before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 60%;background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);z-index: 1;}
.company .biz_card .txt_box {position: absolute;bottom: 8rem;left: 0;width: 100%;text-align: center;z-index: 2;}
.company .biz_card .biz_tit {display: block;font-size: 3rem;font-weight: 700;color: #fff;line-height: calc(35 / 30);font-family: var(--point-font);}



@media all and (max-width: 1720px) {
	.company .overview_info_sec {padding: 0 1rem;}
}
@media all and (max-width: 1450px) {
	.company .info_card_wrap {gap: 2rem;padding: 0 5rem !important;}
}
@media all and (max-width: 1200px) {
	.company .info_card_wrap {flex-wrap: wrap;margin-top: 5rem;}
	.company .info_card {flex: 0 0 calc(50% - 1.5rem);aspect-ratio: 2;}
	.company .biz_card_wrap {gap: 2rem;}
}
@media all and (max-width: 768px) {
	.company .overview_bg {height: 250px;border-radius: 20px;}
	.company .info_card_wrap {flex-direction: column;gap: 1.5rem;padding: 0 1rem !important;}
	.company .info_card {flex: 1;padding: 3rem 2.5rem;}
	.company .biz_card:nth-child(2) {margin-top: 0rem;}
	.company .overview_biz_sec {margin-top: 8rem;}
	.company .sec_main_tit {font-size: 4.5rem;margin-bottom: 3rem;}
	.company .biz_card_wrap {flex-direction: column;gap: 2rem;}
	.company .biz_card {width: 100%;aspect-ratio: calc(2);}
}


@charset "utf-8";

.history {padding-bottom: 15rem;}
.history .history_tabs {display: flex;background: #f5f5f5;border-radius: 4rem;padding: 0rem;margin-bottom: 10rem;list-style: none;}
.history .history_tabs li {flex: 1;text-align: center;padding: 1.5rem 0;font-size: 1.8rem;font-weight: 700;color: #aaa;cursor: pointer;border-radius: 2.9rem;transition: 0.2s;}
.history .history_tabs li.active {background: #fff;color: #000;border: 2px solid #000;}
.history .history_content {display: none;align-items: center;justify-content: space-between;}
.history .history_content.active {display: flex;}
.history .history_visual {flex: 0 0 50%;}
.history .history_visual .circle_img {width: 100%;aspect-ratio: 1;border-radius: 50%;display: flex;justify-content: center;align-items: center;position: relative;overflow: hidden;max-width: 58rem;}
.history .history_visual .year_txt {position: relative;z-index: 2;font-size: 8rem;color: #fff;font-weight: 900;}
.history .history_timeline {flex: 1;position: relative;padding-left: 4rem;}.history
.history .timeline_list {list-style: none;padding-left: 6rem;}
.history .timeline_list li {position: relative;padding-bottom: 5rem;display: flex;align-items: flex-start;gap: 0.7rem;}
.history .timeline_list li::before {content: '';position: absolute;left: -4.4rem;top: 1.2rem;width: 0.9rem;aspect-ratio: 1;background: var(--main-color);border-radius: 50%;z-index: 2;}
.history .timeline_list li::after {content: '';position: absolute;left: -4.0rem;top: 2rem;bottom: 1rem;width: 1px;height: 100%;background: #ddd;z-index: 1;}
.history .timeline_list li:last-child::after {height: 0;}
.history .timeline_list .year {font-size: 3.2rem;font-weight: 900;flex: 0 0 12rem;}
.history .timeline_list .details_group {}
.history .timeline_list .detail_item {display: flex;align-items: baseline;gap: 1.5rem;margin-bottom: 2rem;padding-top: 0.5rem;}
.history .timeline_list .detail_item strong {font-size: 2.0rem;color: var(--main-color);font-weight: 900;}
.history .timeline_list .detail_item p {font-size: 1.8rem;color: #666666;}

@media (max-width: 1200px) {
	.history .history_visual {padding-right: 5rem;}
	.history .history_visual .year_txt {font-size: 6rem;}

}
@media (max-width: 1024px) {
	.history .history_content {flex-direction: column;gap: 5rem;}
	.history .history_visual {flex: 1;width: 100%;}
	.history .history_visual .circle_img {width: 100%;aspect-ratio: 3;border-radius: 0;}
	.history .history_timeline {flex: 1;width: 90%;}
}
@media (max-width: 768px) {
	.history .timeline_list li {flex-direction: column;gap: 1rem;}
	.history .history_visual .circle_img {aspect-ratio: 2;}
	.history .timeline_list .year {flex: 0 0 0rem;}
	.history .history_timeline {padding-left: 2rem;}
	.history .timeline_list li::before {left: -2.4rem;}
	.history .timeline_list li::after {left: -2.0rem;}
}


.certification {}
.certification .cert_title_area {text-align: center;margin-bottom: 7rem;padding-top: 7rem;}
.certification .cert_main_tit {font-size: 4rem;font-weight: 700;letter-spacing: -0.02em;}
.certification .cert_grid {display: flex;flex-wrap: wrap;gap: 3rem;justify-content: flex-start;}
.certification .cert_item {flex: 0 0 calc(25% - 2.25rem);text-align: center;margin-bottom: 4rem;}
.certification .cert_item .img_box {background: #f5f5f5;border-radius: 5rem;padding: 6rem 4rem;margin-bottom: 2.8rem;transition: all 0.4s ease;display: flex;justify-content: center;align-items: center;}
.certification .cert_item .img_box img {max-width: 100%;height: auto;box-shadow: 0 2rem 4rem rgba(0,0,0,0.12);border-radius: 5px;transition: transform 0.4s ease;}
.certification .cert_item .cert_name {font-size: 1.8rem;color: #666666;}
.certification .cert_item:hover .img_box {background: #e9e9e9;}
.certification .cert_item:hover .img_box img {transform: scale(1.03);}
.cert_modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10000;display: none;align-items: center;justify-content: center;}
.cert_modal .modal_overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.85);cursor: pointer;}
.cert_modal .modal_content {position: relative;z-index: 10;max-width: 90%;max-height: 90%;display: flex;justify-content: center;}
.cert_modal .modal_content img {max-width: 100%;max-height: 85vh;object-fit: contain;box-shadow: 0 0 5rem rgba(0,0,0,0.5);border-radius: 5px;}
.cert_modal .modal_close_btn {position: absolute;top: -5rem;right: 0;background: none;border: none;color: #fff;font-size: 4rem;cursor: pointer;transition: transform 0.2s;}
.cert_modal .modal_close_btn:hover {transform: rotate(90deg);}

body.modal_open {overflow: hidden;}


@media (max-width: 1200px) {
	.certification .cert_main_tit {font-size: 4rem;}
	.certification .cert_grid {gap: 1.5rem;flex-wrap: wrap;}
	.certification .cert_item {flex: 0 0 calc((100% / 3) - 1rem);}
}

@media (max-width: 768px) {
	.certification .cert_main_tit {font-size: 3.2rem;}
	.certification .cert_item {flex: 0 0 calc((100% / 2) - 1rem);max-width: 45rem;margin-bottom: 4rem;}
	.certification .cert_item .img_box {padding: 4rem 3rem;border-radius: 3rem;}
}
@media (max-width: 500px) {
	.certification .cert_item {flex: 0 0 100%;max-width: 100%;}
}



.organization {}
.organization .org_visual_sec {max-width: 172.0rem;margin: 0 auto 10rem;}
.organization .org_visual_sec .org_bg {width: 100%;aspect-ratio: 1720 / 480;border-radius: 5rem;}
.organization .org_chart_sec {padding-top: 4rem;text-align: center;}
.organization .ceo_wrap {display: flex;justify-content: center;margin-bottom: 9rem;position: relative;}
.organization .ceo_wrap::after {content: '';position: absolute;left: 50%;bottom: -46%;width: 1px;height: 100%;background: #ddd;transform: translateX(-50%);}
.organization .ceo_node {width: 19.5rem;aspect-ratio: 1;border-radius: 50%;background: var(--main-color, #21a650);display: flex;flex-direction: column;align-items: center;justify-content: center;color: #fff;position: relative;z-index: 2;box-shadow: 0 0 0 2.2rem rgba(27, 173, 84, 0.2), 0 0 0 4.4rem rgba(27, 173, 84, 0.05);}
.organization .ceo_node .yj_logo {width: 2.4rem;aspect-ratio: 24 / 31;}
.organization .ceo_node .ceo_tit {font-size: 3.8rem;font-weight: 700;font-family: var(--point-font);}
.organization .team_list {display: flex;width: 100%;position: relative;}
.organization .team_item {flex: 1;position: relative;padding: 6.2rem 1.5rem 0;}
.organization .team_item::before {content: '';position: absolute;top: 0;left: 50%;width: 50%;height: 1px;background: #ddd;z-index: 1;}
.organization .team_item::after {content: '';position: absolute;top: 0;right: 50%;width: 50%;height: 1px;background: #ddd;z-index: 1;}
.organization .team_item:first-child::after {display: none;}
.organization .team_item:last-child::before {display: none;}
.organization .team_item .line_v {position: absolute;top: 0;left: 50%;width: 1px;height: 6.5rem;background: #ddd;transform: translateX(-50%);z-index: 1;}
.organization .team_item .dot {position: absolute;top: 0;left: 50%;width: 0.9rem;aspect-ratio: 1;border-radius: 50%;background: var(--main-color, #21a650);transform: translate(-50%, -50%);z-index: 2;}
.organization .team_card {border: 1px solid #eaeaea;border-radius: 3rem;overflow: hidden;background: #fff;height: 100%;display: flex;flex-direction: column;transition: transform 0.3s ease, box-shadow 0.3s ease;z-index: 1;position: relative;}
.organization .team_card:hover {transform: translateY(-1rem);box-shadow: 0 2rem 4rem rgba(0,0,0,0.08);}
.organization .team_top {background: #f5f5f5;padding: 3.6rem 1rem;font-size: 1.8rem;font-weight: 700;font-family: var(--point-font);flex: 1;display: flex;align-items: center;justify-content: center;line-height: calc(24 / 18);}
.organization .team_bot {padding: 3.9rem 1rem;font-size: 1.8rem;color: #808080;font-weight: 500;}

@media (max-width: 1200px) {
	.organization .team_item {padding: 4rem 0.5rem 0;}
	.organization .team_top {font-size: 1.8rem;padding: 3.5rem 1rem;}
	.organization .team_bot {font-size: 1.5rem;}
}
@media (max-width: 900px) {
	.organization .ceo_wrap::after {display: none;}
	.organization .team_list {flex-wrap: wrap;justify-content: center;gap: 3rem;}
	.organization .team_item {flex: 0 0 calc(50% - 1.5rem);padding: 0;}
	.organization .team_item::before, .team_item::after, .team_item .line_v, .team_item .dot {display: none;}
}

@media (max-width: 600px) {
	.organization .org_visual_sec .org_bg {aspect-ratio: 16 / 9;border-radius: 3rem;}
	.organization .ceo_node {width: 15rem;height: 15rem;box-shadow: 0 0 0 10px rgba(33, 166, 80, 0.15), 0 0 0 20px rgba(33, 166, 80, 0.05);}
	.organization .ceo_node .ceo_tit {font-size: 3.2rem;}
	.organization .team_item {flex: 0 0 100%;}
	.organization .team_card {max-width: 40rem;margin: 0 auto;}
}




.partners {padding-bottom: 15rem;background: #fff;}
.partners .partners_visual_sec {max-width: 172.0rem;margin: 0 auto;}
.partners .partners_bg {width: 100%;aspect-ratio: 1720 / 600;border-radius: 5rem;background-color: #0b1528;}
.partners .partners_list_sec {margin-top: -16rem;z-index: 10;}
.partners .partner_list {display: flex;justify-content: space-between;gap: 4rem;}
.partners .partner_item {flex: 1;text-align: center;}
.partners .logo_box {background: #fff;border-radius: 5rem;aspect-ratio: 1;display: flex;align-items: center;justify-content: center;box-shadow: 0 1.5rem 2rem rgba(0, 0, 0, 0.08);margin-bottom: 2.2rem;overflow: hidden;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.partners .logo_box:hover {transform: translateY(-1rem);box-shadow: 0 2rem 5rem rgba(0,0,0,0.12);}
.partners .logo_box img {max-width: 100%;max-height: 100%;object-fit: contain;}
.partners .desc_box {font-size: 1.8rem;color: #666666;line-height: calc(28 / 18);word-break: keep-all;}

@media (max-width: 1200px) {
	.partners .partner_list {flex-wrap: wrap;justify-content: center;gap: 3rem;margin-top: 5rem;}
	.partners .partners_list_sec {margin-top: -8rem;}
	.partners .partner_item {flex: 0 0 calc(33.333% - 2rem);}
}
@media (max-width: 900px) {
	.partners .partner_item {flex: 0 0 calc(50% - 1.5rem);}
	.partners .logo_box {border-radius: 3rem;padding: 3rem;}
}
@media (max-width: 600px) {
	.partners .partners_visual_sec .partners_bg {aspect-ratio: 16 / 9;border-radius: 3rem;}
	.partners .partners_list_sec {margin-top: -5rem;}
	.partners .partner_list {gap: 4rem;}
	.partners .partner_item {flex: 0 0 100%;}
	.partners .logo_box {max-width: 30rem;margin: 0 auto 2rem;}
}



.service {padding-bottom: 15rem;background: #fff;}
.service .pc_only {display: block;}
.service .service_visual_sec {max-width: 172.0rem;padding-top: 8rem;margin: 0 auto 6rem;}
.service .service_bg {width: 100%;aspect-ratio: 1720 / 480;border-radius: 5rem;background-color: #f5f5f5;}
.service .vision_wrap,
.service .text_wrap {display: flex;justify-content: space-between;align-items: flex-start;margin-top: 0rem;}
.service .vision_tit,
.service .sec_tit {font-size: 6.8rem;font-weight: 800;font-family: var(--point-font, inherit);flex: 0 0 50%;}
.service .vision_desc,
.service .sec_desc {font-size: 1.8rem;line-height: calc(28 / 18);word-break: keep-all;flex: 1;padding-top: 1rem;}
.service .feature_list {border-top: 1px solid #ddd;margin-top: 7.5rem;}
.service .feature_item {padding: 4rem 0 4rem;border-bottom: 1px solid #ddd;display: flex;justify-content: space-between;align-items: center;}
.service .f_title_area {flex: 0 0 50%;display: flex;align-items: center;gap: 2.5rem;}
.service .f_ico {width: 10rem;aspect-ratio: 1;border-radius: 50%;background-color: var(--main-color, #21a650);background-size: cover;background-position: center;}
.service .f_name {font-size: 2.8rem;color: var(--main-color, #21a650);font-weight: 700;}
.service .f_desc_area {flex: 1;font-size: 1.8rem;color: #666666;line-height: calc(28 / 18);word-break: keep-all;}

@media (max-width: 1200px) {
	.service .vision_tit, .service .sec_tit {font-size: 5rem;}
	.service .vision_desc, .service .sec_desc {font-size: 2rem;}
	.service .f_name {font-size: 2.2rem;}
	.service .f_desc_area {font-size: 1.6rem;}
}

@media (max-width: 900px) {
	.service .vision_wrap, .service .text_wrap {flex-direction: column;gap: 2rem;margin-top: 6rem;}
	.service .vision_tit, .service .sec_tit {flex: auto;font-size: 4.5rem;}
	.service .vision_desc, .service .sec_desc {flex: auto;padding-top: 0;}
	.service .pc_only {display: inline;}

	.service .feature_list {margin-top: 6rem;}
	.service .feature_item {flex-direction: column;gap: 2.5rem;align-items: flex-start;}
	.service .f_title_area {flex: auto;}
	.service .f_desc_area {flex: auto;}
}

@media (max-width: 600px) {
	.service .service_visual_sec .service_bg {aspect-ratio: 16 / 9;border-radius: 3rem;}
	.service .vision_tit, .service .sec_tit {font-size: 3.5rem;}
	.service .vision_desc, .service .sec_desc {font-size: 1.8rem;}

	.service .f_ico {width: 6rem;height: 6rem;}
}




.product {padding-bottom: 30rem;background: #fff;overflow: hidden;}
.product .pc_only {display: block;}
.product .prod_text_sec {padding-top: 8rem;padding-bottom: 6rem;}
.product .text_wrap {display: flex;justify-content: space-between;align-items: flex-start;}
.product .prod_tit {font-size: 6.8rem;font-weight: 800;flex: 0 0 50%;line-height: 1.1;}
.product .prod_desc {font-size: 1.8rem;line-height: calc(28 / 18);word-break: keep-all;flex: 1;padding-top: 1rem;}
.product .prod_desc p {margin-bottom: 2.7rem;}
.product .prod_desc p:last-child {margin-bottom: 0;}
.product .desc_note {font-size: 1.8rem;color: #999999;line-height: calc(28 / 18);}
.product .prod_visual_sec {max-width: 172.0rem;margin: 0 auto;position: relative;overflow: visible;}
.product .prod_bg {width: 100%;aspect-ratio: 1720 / 650;border-radius: 5rem;background-color: #f5f5f5;}
.product .prod_items_wrap {position: relative;z-index: 10;max-width: 140rem;margin: -25rem auto 0;padding: 3rem 2rem 8rem;box-sizing: border-box;overflow: hidden;}
.product .prod_items {overflow: visible !important;width: 100%;box-sizing: border-box;}
.product .swiper-wrapper {display: flex;justify-content: flex-start !important;align-items: stretch;}
.product .is-locked .swiper-wrapper {justify-content: flex-end !important;}
.product .item {position: relative;aspect-ratio: 1 / 1;border-radius: 5rem;background: #fff;display: flex;align-items: center;justify-content: center;box-shadow: 0 2rem 2.2rem rgba(0,0,0,0.04);transition: transform 0.4s ease, border-radius 0.4s ease;flex-shrink: 0;overflow: hidden;}

.product .item .img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: opacity 0.5s ease;}
.product .item .img1 {opacity: 1;}
.product .item .img2 {opacity: 0;}
.product .item:hover .img1 {opacity: 0;}
.product .item:hover .img2 {opacity: 1;}
.product .item:hover {border-radius: 50%;}
.product .badge_scf {position: absolute;top: 2.5rem;left: 2.5rem;background: var(--main-color, #21a650);color: #fff;font-size: 1.4rem;font-weight: 700;padding: 0.5rem 1.5rem;border-radius: 3rem;z-index: 5;}
.product .swiper-scrollbar {left: 2rem !important;right: 2rem !important;width: auto !important;bottom: -7.6rem !important;height: 1px !important;background: #ddd;border-radius: 10px;}
.product .swiper-scrollbar-drag {left: 2rem !important;right: 2rem !important;width: auto !important;top: -2px !important;bottom: -7.6rem !important;height: 5px !important;background: #000;border-radius: 10px;}

.product.prod_insole {padding-top: 8rem;}
.product.prod_insole .prod_bg {position: relative;}
.product.prod_insole .text_wrap {position: absolute;top: 19%;left: 50%;transform: translateX(-50%);width: 100%;display: block;z-index: 5;}
.product.prod_insole .prod_tit {color: #fff;margin-bottom: 2.2rem;flex: none;}
.product.prod_insole .prod_desc {color: #fff;width: 42%;flex: none;font-weight: 400;}

@media (max-width: 1500px) {
	.product .prod_items_wrap {max-width: calc(100% - 6rem);}
}
@media (max-width: 1400px) {
	.product .prod_items_wrap {margin: -15rem auto 0;}
}
@media (max-width: 1200px) {
	.product .prod_tit {font-size: 5rem;}
	.product .prod_desc {font-size: 1.7rem;}
}
@media (max-width: 900px) {
	.product .text_wrap {flex-direction: column;gap: 2rem;}
	.product .prod_tit {flex: auto;font-size: 4.5rem;}
	.product .prod_desc {flex: auto;padding-top: 0;}
	.product .pc_only {display: inline;}
	.product .prod_items_wrap {margin-top: -10rem;padding: 2rem 1.5rem 6rem;}
	.product .item {border-radius: 4rem;}

	.product.prod_insole .prod_desc {width: 70%;}
}

@media (max-width: 600px) {
	.product {padding-bottom: 10rem;}
	.product .prod_tit {font-size: 3.5rem;}
	.product .prod_bg {aspect-ratio: 16 / 9;border-radius: 3rem;}
	.product .prod_items_wrap {margin-top: -6rem;padding: 1.5rem 1rem 5rem;}
	.product .item {border-radius: 3rem;}
	.product .swiper-scrollbar {left: 1rem !important;right: 1rem !important;}
	.product .is-locked .swiper-wrapper {justify-content: center !important;}

	.product.prod_insole {padding-top: 4rem;}
	.product.prod_insole .text_wrap {top: 10%;}
	.product.prod_insole .prod_desc {width: 100%;font-size: 1.5rem;}
}



.esg {background: #fff;padding-bottom: 15rem;}
.esg .esg_section {padding-top: 10rem;}
.esg .esg_section .esg_inner {display: flex;align-items: center;justify-content: space-between;}
.esg .esg_section .img_area {flex: 0 0 50%;overflow: hidden;}
.esg .esg_section .img_area img {width: 100%;height: 100%;object-fit: cover;aspect-ratio: 1 / 1;border-radius: 50%;max-width: 58rem;}
.esg .esg_section .txt_area {flex: 1;}
.esg .esg_section .en_tit {font-size: 6.8rem;font-weight: 800;font-family: var(--point-font);margin-bottom: 2.7rem;}
.esg .esg_section .ko_tit {font-size: 4rem;font-weight: 700;margin-bottom: 2.7rem;}
.esg .esg_section .desc {font-size: 1.8rem;color: #666666;line-height: calc(28 / 18);word-break: keep-all;}
.esg .esg_img {text-align: center;padding: 5rem 1rem 0rem;}


@media (max-width: 1200px) {
	.esg .esg_section .esg_inner {gap: 4rem;}
	.esg .esg_section .en_tit {font-size: 5rem;}
	.esg .esg_section .ko_tit {font-size: 2.8rem;margin-bottom: 2rem;}
	.esg .esg_section .desc {font-size: 1.7rem;}
}
@media (max-width: 900px) {
	.esg .esg_section .esg_inner {flex-direction: column;text-align: center;gap: 5rem;}
	.esg .esg_section .img_area {flex: auto;width: 70%;}
}
@media (max-width: 600px) {
	.esg .esg_section {padding-top: 6rem;}
	.esg .esg_section .img_area {width: 90%;}

	.esg .esg_section .en_tit {font-size: 4rem;margin-bottom: 1.5rem;}
	.esg .esg_section .ko_tit {font-size: 2.4rem;}
	.esg .esg_section .desc {font-size: 1.6rem;}
}




.directions {padding: 8rem 2rem 15rem;}
.directions .map_container {position: relative;width: 100%;height: 60rem;border-radius: 4rem;overflow: hidden;background-color: #e5e3df;max-width: 172.0rem;margin: 0 auto;border: 0 none;}
.directions .map_area {width: calc(100% + 2px);height: calc(100% + 2px);margin-top: -1px;margin-left: -1px;}
.directions .map_area .map {width: 100%;height: 100%;}
.directions .map_area .root_daum_roughmap .wrap_map {height: 100%;}
.directions .info_card {position: absolute;top: 50%;right: 16rem;transform: translateY(-50%);width: 44rem;background: #fff;padding: 5rem 5rem;border-radius: 3rem;box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.15);z-index: 10;}
.directions .info_card .title {font-size: 4rem;font-weight: 700;margin-bottom: 3rem;padding-bottom: 2.5rem;border-bottom: 1px solid #ddd;}
.directions .info_card .info_list {margin-bottom: 3rem;}
.directions .info_card .info_list li {display: flex;align-items: center;font-size: 1.8rem;color: #666666;line-height: calc(40 / 18);}
.directions .info_card .info_list li a {color: #666666;}
.directions .info_card .info_list .icon {width: 1.6rem;aspect-ratio: 1;margin-right: 1.7rem;}
.directions .info_card .btn_wrap {display: flex;gap: 1.0rem;}
.directions .info_card .btn {flex: 1;display: block;text-align: center;padding: 1rem;font-size: 1.6rem;font-weight: 700;color: #fff;font-family: var(--point-font);border-radius: 1.0rem;transition: all 0.3s ease;height: auto;line-height: normal;}
.directions .info_card .btn_kakao {background: #258fff;}
.directions .info_card .btn_naver {background: #03c75a;}
.directions .info_card .btn:hover {transform: translateY(-3px);box-shadow: 0 1rem 2rem rgba(0,0,0,0.1);}


@media (max-width: 1200px) {
	.directions .info_card {right: 4rem;width: 380px;padding: 4rem 3rem;}
}
@media (max-width: 900px) {
	.directions .map_section {padding-top: 5rem;padding-bottom: 10rem;}
	.directions .map_container {height: auto;display: flex;flex-direction: column;}
	.directions .map_area {height: 450px;border-radius: 4rem 4rem 0 0;}
	.directions .info_card {position: relative;top: auto;right: auto;transform: none;width: 100%;border-radius: 0 0 4rem 4rem;box-shadow: none;background: #fafafa;}
}
@media (max-width: 600px) {
	.directions .info_card .title {font-size: 2.8rem;}
	.directions .info_card .btn_wrap {flex-direction: column;gap: 1rem;}
}