@charset "utf-8";

/*------------------------------------*\
	STYLE
	- 레이아웃, 서브 페이지

	font-family : 'Pretendard Variable', sans-serif;
\*------------------------------------*/

:root{
	--color-active: #FF4848;
	--max-width: min(100vw, 1460px);
	--easing1 : cubic-bezier(0.68, 0.03, 0.33, 1);
	--ease-in-out-quart: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.container {position:relative; width:100%; max-width:var(--max-width); padding:0 20px; margin:0 auto;}

/* 헤더 */

/* 초기 상태 설정 - 서브 메뉴 없을 때 - 홈, 스스로, 개인정보처리방침 */
.header_wrap {position:fixed; top:0; left:0; right:0; height:80px; min-height:80px; z-index:999; background:#fff; transition:height 0.2s, box-shadow 0.3s, transform 0.3s, background 0.3s; transform:translateY(0);
	 overflow:hidden; overflow:visible;
}
.header_wrap > * {z-index:1;}

.header_container {position:relative; max-width:1460px; margin:0 auto; padding:0 20px;}
.header_logo {position:absolute; left:20px;}
.header_logo a {display:flex; align-items:center; justify-content:center; width:90px; height:80px; background:url("../images/common/logo_jei_black.svg") no-repeat left center / 40px; font-size:0;}
.gnb_container {padding:0; margin-left:90px;}

body:has(.header_transparent) .header_wrap {background:transparent;}
body:has(.header_transparent) .gnb_main ul li a {color:#fff;}
body:has(.header_transparent) .header_logo a {background-image: url("../images/common/logo_jei_white.svg");}
body:has(.header_transparent) .header_btns .btn_menu {background-image: url("../images/common/btn_hamburger_white.svg");}

.gnb_main {display:inline-flex;}
.gnb_main ul {display:flex;}
.gnb_main ul li {position:relative;}
.gnb_main ul li a {position:relative; display:block; color:#000; line-height:80px; font-size:18px; font-weight:600; z-index:2; transition: color 0.2s;}
.gnb_main ul li.__active > a,
.gnb_main ul li a.__active {color:var(--color-active) !important;}
.gnb_main > ul > li > a {padding-right:60px;}

.gnb_sub {opacity:0; visibility:hidden; position:absolute; left:0; right:0; transform:translateY(14px); transition:0s;}
	[data-gnb-hover="true"] .gnb_sub {transition:opacity 0.2s 0.0s, transform 0.5s 0.0s, visibility 0.2s 0.0s;}
.gnb_sub ul {flex-direction:column; align-items:flex-start;}
.gnb_sub ul li ~ li {margin-left:0;}
.gnb_sub ul li a {display:flex; gap:3px; color:#444; font-size:16px; line-height:40px; font-weight:500; z-index:1;}
.gnb_sub ul li a.__active {font-weight:700;}
.gnb_sub ul li a span {}


.header_btns {position:absolute; top:0; right:20px; display:flex; align-items:center; gap:16px;}
.header_btns a {height:80px;}

.nav_section {display:none; flex-direction:row; gap:50px;}
	[data-mode="mobile"] .nav_section {display:none !important;}
.nav_section button {color:#565656; font-size:18px; font-weight:400; transition:color 0.2s;}
.nav_section button:hover,
.nav_section button.__active {color:#000; font-weight:600;}

/* 초기 상태 - 서브 메뉴 있을 때 */
[selected-gnb-sub] .header_wrap {background:#fff; transition:height 0.2s, box-shadow 0.3s, transform 0.3s, background 0.3s;}

/* 초기상태 - 다크 */
[data-theme="dark"] .header_wrap {background:none;}
[data-theme="dark"] .header_logo a {background-image:url("../images/common/logo_jei_white.svg");}
[data-theme="dark"] .gnb_main ul li a {color:#fff;}
[data-theme="dark"] .btn_lang button::before {color:#fff; }
[data-theme="dark"] .btn_lang button::after {background-image:url("../images/common/ico_arrow_up_white.svg");}
[data-theme="dark"] .header_btns .btn_menu {background-image: url("../images/common/btn_hamburger_white.svg");}

/* 스크롤 할 때 */
[data-header="visible"][data-scroll] .header_wrap {box-shadow:0 4px 10px rgb(0 0 0 / 10%);}
[data-header="visible"][data-scroll="top"] .header_wrap {box-shadow:none;}
[data-header="visible"][data-scroll="up"] .btn_lang button::after {background-image:url("../images/common/ico_arrow_up.svg");}

/* 스크롤 내릴 때 - 헤더 사라짐 */
[data-header="hidden"] .header_wrap {transform:translateY(-80px);}
[data-header="hidden"][selected-gnb-sub] .header_wrap {transform:none; box-shadow:0 4px 10px rgb(0 0 0 / 10%); background:rgba(255,255,255,0.8); backdrop-filter:blur(10px);}
[data-header="hidden"][selected-gnb-sub] .header_logo,
[data-header="hidden"][selected-gnb-sub] .gnb_main > ul > li > a,
[data-header="hidden"][selected-gnb-sub] .header_btns {opacity:0; visibility:hidden;}
[data-header="hidden"][selected-gnb-sub] .gnb_sub {transform:none;}
[data-header="hidden"] .gnb_main > ul > li:has(a.__active)  { opacity:1;}
[data-header="hidden"] .gnb_sub ul li:not(:has(a.__active)) {display:none;}
[data-header="hidden"] .gnb_main:not(.hnav_on) ul li a.__active + .gnb_sub {display: block;}
[data-header="hidden"] .gnb_sub {display: none; position:fixed; top:0; left:0; right:0; width: 100%; opacity: 1; visibility: visible; padding-top: 0; transition:0s; z-index:3;}
[data-header="hidden"] .gnb_sub ul {max-width:var(--max-width); margin:0 auto; padding:0 20px; height: 80px; display:flex; flex-direction:row; align-items:center;}
[data-header="hidden"] .gnb_sub ul li {display:block;}
[data-header="hidden"] .gnb_sub ul li a {width:auto; color:#000 !important; font-size:24px; font-weight:700; pointer-events:none;}
[data-header="hidden"] .gnb_sub ul li:has(a.__active) {display:flex; justify-content:space-between; align-items:center; width:100%;}
[data-header="hidden"] .gnb_sub ul li:has(a.__active) .nav_section {display:flex;}

/* 스크롤 올릴 때 - 헤더 나타남 */
[data-scroll="up"][data-theme="dark"] .header_logo a {background-image:url("../images/common/logo_jei_black.svg");}
[data-scroll="up"][data-theme="dark"] .gnb_main ul li a {color:#000;}
[data-scroll="up"][data-theme="dark"] .header_btns .btn_lang button::before {color:#000;}
[data-scroll="up"][data-theme="dark"] .header_btns .btn_menu {background-image:url("../images/common/btn_hamburger_black.svg");}
[data-scroll="up"][data-theme="dark"].gnb_on .gnb_main ul li a {color:#000;}
[data-scroll="up"][data-header="visible"] .header_wrap {background:#fff;}

/* PC ONLY */
[data-mode="desktop"] .header_btns .btn_menu {display:none;}
[data-mode="desktop"] .gnb_main > ul > li:hover > a {color:var(--color-active);}
[data-mode="desktop"] .gnb_sub ul li a:hover {text-decoration:underline;}
[data-mode="desktop"] .header_wrap::before {opacity:0; content:''; position:absolute; left:-50%; right:-50%; top:80px; height:1px; background:#C6CCD2; transform:scale(.5); transition:0.3s;}
[data-mode="desktop"][data-gnb-hover="true"] .header_wrap::before {opacity:1;}
[data-mode="desktop"][data-gnb-hover="true"] .header_wrap .gnb_sub {opacity:1; visibility:visible; transition-delay:0.2s;}
/* PC - 포커스 */
[data-mode="desktop"][data-header="visible"] .header_wrap:has(.gnb_main:focus-within) {overflow:visible; height:300px !important;}
[data-mode="desktop"] .header_wrap:has(.gnb_main:focus-within) .gnb_sub {opacity:1; visibility:visible;}

/* 마우스 호버 */
[data-gnb-hover="true"][data-header="visible"] .header_wrap {box-shadow:0 4px 10px rgb(0 0 0 / 10%);}
[data-header-hover="true"][data-theme="dark"] .header_wrap {background:#fff;}
[data-header-hover="true"][data-theme="dark"] .header_logo a {background-image:url("../images/common/logo_jei_black.svg");}
[data-header-hover="true"][data-theme="dark"] .header_btns .btn_menu {background-image:url("../images/common/btn_hamburger_black.svg");}
[data-header-hover="true"][data-theme="dark"] .header_btns .btn_lang button::before {color:#000;}
[data-header-hover="true"][data-theme="dark"] .header_btns .btn_lang button::after {background-image:url("../images/common/ico_arrow_up.svg");}
[data-header-hover="true"][data-theme="dark"] .header_btns a.btn_lang:hover::before {border-color:#fff;}
[data-header-hover="true"][data-theme="dark"] .header_btns a.btn_lang:hover span {color:#fff;}
[data-header-hover="true"][data-theme="dark"] .gnb_main ul li a {color:#000;}
[data-header-hover="true"][data-theme="dark"] .gnb_main > ul > li:hover > a {color:var(--color-active);}

/* 푸터 */
.footer_wrap {padding:60px 0; color:rgb(0 0 0 / 60%); background:#fff; border-top:1px solid rgb(0 0 0 / 10%);}
.footer_wrap .container {display:flex; justify-content:space-between;}
.footer_wrap .__left { }
	.footer_wrap address {margin-bottom:110px;}
	.footer_wrap address .__logo {line-height:28px; margin-bottom:20px;}
	.footer_wrap address .__logo img {height:28px;}
	.footer_wrap address p {display: flex; flex-wrap: wrap; align-items: center; color:rgb(0 0 0 / 60%); font-size:14px; line-height:24px; font-weight:400;}
	.footer_wrap address p a {color: inherit;}
	.footer_wrap address p span {position: relative; padding-right: 10px; margin-right: 10px;}
	.footer_wrap address p span::after {content: '';    position: absolute;    top: 50%;    right: 0;    width: 1px;    height: 12px;    background: rgb(0 0 0 / 40%); transform: translateY(-50%);}
	.footer_wrap address p span:last-child {padding-right:0; margin-right:0;}
	.footer_wrap address p span:last-child::after {display:none;}
	.footer_wrap address p span a.btn {display:block; padding:0 6px; color:#fff; background:#999; border-radius:4px; font-size:inherit; line-height:24px;}
	.footer_wrap address p.copy  {font-family:var(--font-Proxima); line-height:20px; margin-top:16px; word-break:keep-all;}
	.footer_wrap address p.copy img {height:10px;}
	.footer_wrap .__copy {color:rgb(0 0 0 / 60%); font-size:14px; line-height:24px;}
	.footer_wrap .__copy p {display:flex; align-items:center;}
.footer_wrap .__right {text-align:right;}
	.footer_family_wrap {text-align:right; margin-bottom:12px;}
	.footer_family_wrap .btn_family {position:relative; cursor:pointer; display:inline-block; color:rgb(0 0 0 / 40%); width:174px; font-size:14px; line-height:40px; text-align:left; padding-left:12px; background:#ECECEC; border-radius:30px; font-weight:600;}
	.footer_family_wrap .btn_family::before {content:''; position:absolute; top:calc(50% - 12px); right:8px; width:24px; height:24px; background:url("../images/common/ico_plus_gray.svg") no-repeat center;}
	.footer_family_wrap .btn_family.on::before {transform:rotate(45deg);}

	.footer_family_wrap .__include .family,
	.footer_family_wrap .family_sub::before,
	.footer_family_wrap .__include .btn_family {display:none;}

	.footer_family_wrap .family_sub { border: 1px solid rgba(0, 0, 0, 0.1); display:none; transform:none; width:auto; height:auto; position:absolute; top:-320px; right:20px; /*  padding:38px 48px; */ padding:0; background:#fff; box-shadow: 0px 0px 10px 0px #0000000D; border-radius:15px; backdrop-filter:none !important;}
	.footer_family_wrap .family_sub .btn_footer {display: none;}
	.footer_family_wrap .family_sub ul li a {padding-left: 0; font-weight:500;}
	.footer_family_wrap .family_sub > ul {display:flex; text-align:left;}
	.footer_family_wrap .family_sub > ul > li {float:none; width:auto; border-left:none;height:auto;}
	.footer_family_wrap .family_sub > ul > li > span {background:rgba(0,0,0,0.05); line-height: 50px; color:rgba(0,0,0,0.3); padding: 0; font-size: 14px; font-size: 14px; font-weight: 600; letter-spacing: -0.04em;}
	.footer_family_wrap .family_sub > ul > li > span em {padding-left:0;}
	.footer_family_wrap .family_sub > ul > li:first-child,
	.footer_family_wrap .family_sub ul li,
	.footer_family_wrap .family_sub ul li.third,
	.footer_family_wrap .family_sub ul li.fourth,
	.footer_family_wrap .family_sub ul li.last {width:auto !important;}
	.footer_family_wrap .family_sub > ul > li > ul {padding-top:16px; padding-bottom:16px; padding-right: 60px; display: flex; flex-direction: column;}
	.footer_family_wrap .family_sub > ul > li.last > ul {padding-right: 58px;}
	.footer_family_wrap .family_sub > ul > li:first-child > ul,
	.footer_family_wrap .family_sub > ul > li:first-child > span {padding-left: 48px;}
	.footer_family_wrap .family_sub > ul > li > ul > li ~ li {margin-top:0;}
	.footer_family_wrap .family_sub > ul > li > ul > li a {display:block; color:#000; font-size:14px; line-height:32px;}
	.footer_family_wrap .family_sub > ul > li > ul > li a:hover {color:var(--color-active); text-decoration:none; font-weight:500;}

	.footer_wrap .__sns {display:flex; justify-content:flex-end; gap:20px; margin-bottom:90px; margin-right:-5px;}
	.footer_wrap .__sns a {transition:0.2s;}
	.footer_wrap .__sns a:hover {transform:scale(1.1);}

	.footer_wrap .__links a {display:inline-block; vertical-align:top;}
	.footer_wrap .__links a:first-child:not(:last-child) {color:var(--color-active); font-weight:700; margin-right:32px;}
	.footer_wrap .__links a:nth-of-type(3) {position: relative; padding-left: 8px; margin-left: 4px;}
	.footer_wrap .__links a:nth-of-type(3)::before {content: '';    position: absolute;    top: 50%;    left: 0;    width: 1px;    height: 12px;    background: rgb(0 0 0 / 40%); transform: translateY(-50%);}
	.footer_wrap .__links a:hover {text-decoration:underline;}


/* 본문 */
#contentWrap { min-height:calc(100vh - 350px);}
.section {position:relative;}

/*---------------------------
	메인
-----------------------------*/

/* 메인 비주얼 */
.main_visual {position:relative; height:100vh;}
.main_visual .swiper-wrapper .container {position:absolute; top:0; bottom:0; left:0; right:0; display:flex; align-items:center; color:#fff; z-index:1;}
.main_visual .title_01 {text-align:left; transform:translateY(8vh);}
.main_visual .title_01 .__primary {font-size:60px; line-height:calc(1 + (1 / 3)); margin-bottom:0.584em;}
.main_visual .title_01 .__primary a {display:flex; flex-direction:column; align-items:flex-start; gap:22px;}
.visual_slider {height:100%;}
.visual_slider .swiper-slide {height:100%; background:no-repeat center top / cover;}
.visual_slider .swiper-slide::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; background:rgb(0 0 0 / 30%); z-index:1;}
.visual_slider .swiper-slide video,
.visual_slider .swiper-slide picture {position:absolute; inset:0; width:100vw; height:100vh; object-fit:cover;}
.visual_slider .swiper-slide picture img {width:100vw; height:100vh; object-fit:cover;}
.visual_slider .title_01 .__primary {opacity:0; transform:translateY(30%);}
.visual_slider .swiper-slide-active .title_01 .__primary {animation:visualContentShow 0.7s ease-in forwards;}
@keyframes visualContentShow {
	from {opacity:0; transform:translateY(50%);}
	to {opacity:1; transform:none;}
}
.visual_slider .slide_1::before {background:rgb(0 0 0 / 40%);}
.visual_slider .swiper-slide-visible {position:relative;}
.swiper_controls {position:absolute; top:50%; transform:translateY(28vh); left:0; right:0; z-index:1;}
.swiper_controls div {position:static; width:auto; margin:0;}
.swiper_controls div.container {display:flex; align-items:center; gap:21px; margin:0 auto;}
	
.swiper_controls .swiper-index {display:block; width:29px; color:#fff; font-size:24px; line-height:40px; font-weight:700; text-align:center;}
.swiper_controls .swiper-progress {position:relative; display:flex; align-items:center; width:122px; height:2px; background:rgb(255 255 255 / 40%);}
.swiper_controls .swiper-progress span {position:absolute; top:0; left:0; height:100%; width:calc(100% * var(--progress)); background:#fff;}
.swiper_controls [class ^= swiper-button] {width:24px; height:24px; background:url("../images/common/btn_arrow3_white.svg") no-repeat center 100%;}
.swiper_controls [class ^= swiper-button]::before {opacity:0; content:''; position:absolute; width:40px; height:40px; background-color:rgb(0 0 0 / 10%); border-radius:50%; transition:opacity 0.2s;}
.swiper_controls [class ^= swiper-button]:hover::before {opacity:1;}
.swiper_controls .swiper-button-prev {transform:scaleX(-1);}

/* 끊임없는 변화 / 도전하는 자세 / 스스로의 가치 */
.main_1 {margin-bottom:272px; background:#000;}
.border_svg {position:absolute; top:0; left:0; width:100%; height:100%;}

.m2_title_wrap {height:100lvh; z-index:2;}
	.m2_title_wrap .container {position:absolute; top:0; bottom:0; left:0; right:0; padding:0; max-width:none;}
	.m2_title_wrap .title_01 {width:100%; height:100%; max-width:1200px; margin:0 auto;}
	.m2_title_wrap .title_01 .__primary {position:relative; height:100%; color:#fff; font-size:48px; line-height:68px; text-align:center;}
	.m2_title_wrap .title_01 .__primary p {position:absolute; top:50%; left:0; right:0; text-align:center; transform:translateY(-50%);}
	.m2_title_wrap .title_01 .__primary p:first-child {transform:translateY(calc(-50% - 1.5em));}
	.m2_title_wrap .title_01 .__primary p:nth-child(3) {transform:translateY(calc(-50% + 1.5em));}
	.m2_title_wrap .title_01 .__primary p span {display:inline-block;}

	.m2_title_wrap .m2_t0 {opacity:0;}
	.m2_title_wrap .m2_t1 .title_01 {max-width:none;}
	.m2_title_wrap .m2_t1 .clipped_wrapper {width:100%; height:100%;}
	.m2_title_wrap .m2_t1 .clipped_content {overflow:hidden; position:absolute; top:50%; left:50%; width:100vmax; height:100vmax; transform:translate(-50%, -50%); clip-path:url(#clipPath);-webkit-clip-path: url(#clipPath);}
	.m2_title_wrap .m2_t2,
	.m2_title_wrap .m2_t2 .title_out {opacity:0;}

	.m2_title_wrap .m2_t3 {opacity:0;}
	.m2_title_wrap .m2_t3 .title_01 .__primary p {color:rgb(255 255 255 / 40%); font-weight:700; text-align:left; transition:color 0.2s}
	.m2_title_wrap .m2_t3 .title_01 .__primary p.active {color:#fff;}

.m2_img_wrap .__spacing {height:500vh;}
.m2_img_wrap .__images {position:relative;}
.m2_img_wrap .__images .__img span {position:relative; display:block;}
.m2_img_wrap .__images .__img span::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; background:rgb(0 0 0 / 30%); z-index:1;}
.m2_img_wrap .__images .__img:first-child span::before {background:linear-gradient(to right, rgb(0 0 0 / 10%), transparent);}
.m2_img_wrap .__images .__img span picture {text-align:center;}
.m2_img_wrap .__images .__img span img {transform:scale(0.8); height:100%; border-radius:min(50px, 10vw); object-fit:cover;}

/* 궁금증을 해결하는 과정에서 / 새로움을 발견하는 경험까지 */
.main_2 {margin-bottom:256px;}
.main_2 > .container {overflow:hidden; width:100%; max-width:none; padding:0;}
.main_2 .title_02 {margin-bottom:60px;}
.slider_01 {width:100%; max-width:1200px; height:600px; margin:0 auto; text-align:center;}
.slider_01 ul {display:flex; height:100%; transition:0.5s;}
.slider_01 ul li {aspect-ratio:2 / 1; flex:1 0 auto; width:calc((100vw - 100%) / 4); cursor:pointer; transition:0.5s;}
.slider_01 ul li ~ li {margin-left:20px;}
.slider_01 ul li .container {overflow:hidden; height:100%; display:flex; align-items:center; justify-content:center; border-radius:15px;}
.slider_01 ul li .container::before,
.slider_01 ul li .container::after {content:''; position:absolute; top:0; bottom:0; left:0; right:0;}
.slider_01 ul li .container::before {background:no-repeat center / cover; transition:0.2s;}
.slider_01 ul li .container::after {opacity:0; background:rgb(0 0 0 / 40%); transition:0.2s;}
.slider_01 .slide_1 .container::before {
	background-image:url("../images/main/main_slider_01_1.svg");
}
.slider_01 .slide_2 .container::before {
	background-image:url("../images/main/main_slider_01_2.svg");
}
.slider_01 .slide_3 .container::before {
	background-image:url("../images/main/main_slider_01_3.svg");
}
.slider_01 .slide_4 .container::before {
	background-image:url("../images/main/main_slider_01_4.svg");
}
.slider_01 .slide_5 .container::before {
	background-image:url("../images/main/main_slider_01_5.svg");
}
.slider_01 ul li .slide_title {position:relative; visibility:hidden; opacity:0; color:#fff; transition:0.5s; cursor:pointer; z-index:1;}
.slider_01 .__primary {font-size:44px; line-height:53px; margin-bottom:17px; white-space:nowrap;}
.slider_01 .__secondary {position:relative; font-size:24px; line-height:38px; font-weight:600; display:inline-block; padding-right:68px; transition:0.3s; vertical-align:top;}
.slider_01 .__secondary::before {opacity:1; content:''; position:absolute; top:0; right:0; width:38px; height:38px; background:url("../images/common/ico_arrow_right_circle.svg") no-repeat right center; transition:0.4s;}
.slider_01 ul li.active {width:100%; cursor:default;}
.slider_01 ul li.active .container::before {transform:scale(1.2); transition:0.5s 0.3s;}
.slider_01 ul li.active .container::after {opacity:1;}
.slider_01 ul li.active .slide_title {opacity:1; visibility:visible;}
.slider_01 ul li.active .slide_title:hover .__secondary::before {opacity:1; right:0;}
.slider_01 ul li.active .slide_title:not(:hover) .__secondary::before {transition:opacity 0.1s, transform 0.4s;}
.slider_01_nav {display:flex; justify-content:center; max-width:1200px; margin:40px auto 0; padding:0 40px;}
.slider_01_nav button {font-family:var(--font-Proxima); flex:1 1 auto; color:rgb(0 0 0 / 20%); font-size:24px; line-height:24px; font-weight:700; text-align:center; transition:0.2s;}
.slider_01_nav button.active {color:#000;}

.main_3 {margin-bottom:320px;}
.main_3 .container {max-width:1472px;}
.main_3 .title_02 {margin-bottom:60px;}
.card_01 {display:flex; justify-content:space-between; gap:28px;}
.card_01 .card_item {flex:1; cursor:pointer;}
.card_01 .item_img {position:relative; overflow:hidden; padding-top:100%; margin-bottom:20px; border-radius:15px; transition:0.2s;}
.card_01 .item_img img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.card_01 .__title {font-size:28px; line-height:34px; margin-bottom:8px;}
.card_01 .__desc {color:#444; font-size:20px; line-height:1.6;}
	[data-mode="desktop"] .card_01 .card_item:hover .item_img {transform:translateY(-10px); box-shadow:0 2px 8px 0 rgb(0 0 0 / 10%);}

.main_4 {margin-bottom:240px;}
.main_4 .title_02 {margin-bottom:60px;}
.banner_01 {color:#fff; text-align:center;}
.banner_01 .container {max-width:100%; display:flex; padding:0; background:no-repeat center / cover;
	background-image:url("../images/main/main_banner_1.svg"); transition:0.5s;}
.banner_01 .container::before {content:""; position:absolute; top:50%; left:50%; width:1px; height:calc(100% - 40px); max-height:224px; background:rgb(255 255 255 / 40%); transform:translateY(-50%);}
.banner_01 .banner_item {width:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:82px 0; transition:0.5s;}
.banner_01 .banner_item > * {transform:translateY(50px); transition:0.5s;}
.banner_01 .banner_item .__primary {font-size:22px; font-weight:500; margin-bottom:40px;}
.banner_01 .banner_item .__primary b {font-family:var(--font-Proxima); display:block; font-size:34px; font-weight:700;}
.banner_01 .banner_item a {opacity:0; transition:0.5s;}
.banner_01 .container:hover .banner_item {opacity:0.5;}
.banner_01 .container:hover .banner_item:hover {opacity:1;}
.banner_01 .banner_item:hover > * {transform:none;}
.banner_01 .banner_item:hover a {opacity:1;}
	.banner_01.active .container {width:calc(100% - 40px); max-width:1470px; border-radius:24px;}

/*---------------------------
	스스로
-----------------------------*/

.ssro_wrap {}
.ssro_visual {position:relative; height:100vh; background:no-repeat center / cover;
	background-image:url("../images/ssro/ssro_visual_1.svg");
}
.ssro_visual::before {opacity:0; content:''; position:absolute; top:0; bottom:0; left:0; right:0; background:rgb(0 0 0 / 50%);}
.ssro_visual .container {position:relative; height:100%; display:flex; align-items:center; z-index:1;}
.ssro_visual .title_01 {text-align:left; color:#fff;}
.ssro_visual .title_01 .__primary {font-size:60px; line-height:calc(1 + (1 / 3));}
.ssro_1 {padding:160px 0 190px; background:#fff;}
	.ssro_1 .container {max-width:1280px;}
	.ssro_1 .title_02 {margin-bottom:40px;}
	.ssro_1 .title_02 .__primary {font-size:48px; line-height:68px;}
	.ssro_1 .title_02 .__secondary {color:#777; font-size:24px; line-height:1.67; margin-top:24px;}
	.ssro_1_btn {display:flex; gap:30px; justify-content:center; margin-bottom:116px;}
	.ssro_1_btn button {width:300px;}
	.ssro_1_img {width:min(80%, 976px); margin:0 auto;}
	.ssro_1_img img {width:100%; height:auto;}
.ssro_2 {padding:115px 0; background:#f6f6f6;}
	.ssro_2 .container {max-width:1240px;}
	.ssro_2 .title_02 {margin-bottom:86px;}
	.module_content_card {display:flex; flex-wrap:wrap; gap:60px 50px;}
	.module_content_card .module_item {width:calc(100% / 3 - 100px / 3);}
	.module_content_card .module_item:nth-child(3) ~ .module_item {width:calc(50% - 25px);}
	.module_content_card .item_img {margin-bottom:24px;}
	.module_content_card .item_title {font-size:24px; font-weight:700; margin-bottom:20px;} 
	.module_content_card .item_desc {color:#444;}
.ssro_3 {color:#fff; background:#000; padding:180px 0 266px;}
.ssro_3::before {opacity:0; visibility:hidden; transition:0.3s; content: ''; position: fixed; top:0; bottom:0; left:0; right:0; background:#000;}
.ssro_3.__active::before {opacity:1; visibility:visible;}
	.ssro_3 .title_02 {text-align:left; margin-bottom:80px;}
	.ssro_3 .title_02 .__secondary {color:#999; font-weight:400; margin-top:15px;}
	.system_wrap {position:relative; display:flex; align-items:center; padding:112px 0 88px;}
	.system_wrap .system_title {flex-shrink:0; position:relative; transform:translateY(-55px);}
	.system_wrap .system_title::before {content:''; position:absolute; top:102px; left:0; width:100vw; height:2px; background:#fff;}
	.system_wrap .system_title .item_title {font-size:24px; line-height:40px; font-weight:700; margin-bottom:58px;}
	.system_wrap .system_title .item_title span {display:block; font-size:16px; line-height:30px; font-weight:400;}
	.system_wrap .system_title .step_nav {display:flex; gap:4px; font-size:18px; line-height:30px; font-weight:500; color:rgb(255 255 255 / 40%);}
	.system_wrap .system_title .step_nav .step_now {color:#fff;}
	.system_wrap .system_title .step_nav .step_total {}
	.steps_module {position:absolute; width:100vw; height:468px; left:calc(50% - 220px); transform:translateY(-70px);}
	.steps_module .__wrap {overflow:hidden;  position:relative; display:flex; align-items:center; height:100%; border-radius:300px 0 0 300px; transform:translateY(72px);}
	.steps_module .__wrap::after {content:''; position:absolute; top:0; left:0; bottom:0; width:774px; border: 1px solid #fff; border-radius: 300px;}
	.steps_module ol {display:flex; width:100%; height:auto; will-change:transform; transition:0.2s;}
	.steps_module ol li {position:relative; width:700px; padding-left:160px; padding-right:80px; word-break:keep-all;}
	.steps_module ol li .__title {position:relative; font-size:24px; line-height:40px; font-weight:700; margin-bottom:50px; z-index:1;}
	.steps_module ol li .__title::before {opacity:0; transition:0.2s; content:''; position:absolute; bottom:-30px; left:0; width:15px; height:15px; background:#fff; border-radius:50%; filter:drop-shadow(0 0 5px #fff);}
	.steps_module ol li .__desc {position:relative; font-size:16px; line-height:28px; z-index:1;}
	.steps_module ol li.__active .__title::before {opacity:1;}
	.steps_pagination {display:none;}	
.ssro_4 {padding:160px 0 240px;}
	.ssro_4 .container {max-width:min(100%, 1190px);}
	.ssro_4 .title_02 {margin-bottom:80px;}
	.ssro_4 .title_02 .__secondary {color:#777;}
	.module_content_card.style_v2 {gap:0;}
	.module_content_card.style_v2 .module_item {overflow:hidden; position:relative; width:50% !important; padding:50px; background:#fff; border-bottom:1px solid #dbdbdb; transition:background 0.4s;}
	.module_content_card.style_v2 .module_item:nth-child(even) {border-left:1px solid #dbdbdb;}
	.module_content_card.style_v2 .item_img {position:absolute; right:30px; bottom:30px; margin-bottom:0; transition:0.8s;}
	.module_content_card.style_v2 .item_title {margin-bottom:30px;}
	.module_content_card.style_v2 .item_title span {display:block; font-size:18px; font-weight:400;}
	.module_content_card.style_v2 .item_desc {opacity:0; visibility:hidden; transform:translateY(50px); color:rgb(255 255 255 / 70%); transition:0.4s;}
	[data-mode="desktop"] .module_content_card.style_v2 .module_item {cursor:pointer;}
	[data-mode="desktop"] .module_content_card.style_v2 .module_item:hover {color:#fff; background:#000;}
	[data-mode="desktop"] .module_content_card.style_v2 .module_item:hover .item_img {opacity:0; visibility:hidden; transform:translateY(200%);}
	[data-mode="desktop"] .module_content_card.style_v2 .module_item:hover .item_desc {opacity:1; visibility:visible; transform:none;}
.layer_pop {display:none; position:fixed; top:0; bottom:0; left:0; right:0; z-index:999;}
.layer_bg {opacity:0; visibility:hidden; position:absolute; top:0; bottom:0; left:0; right:0; background:rgb(0 0 0 / 40%); transition:0.5s;}
.layer_content {position:absolute; top:0; bottom:0; left:0; right:0; display:flex; align-items:center;}
.layer_content .container {opacity:0; visibility:hidden; transform:translateY(50px); width:calc(100% - 40px); height:100%; max-width:800px; max-height:calc(100% - 160px); padding:40px 20px 50px; background:#fff; border-radius:10px; box-shadow:4px 4px 20px rgb(0 0 0 / 20%); transition:0.5s;}
.layer_content .container .layer_inner_container {display:flex; flex-direction:column; height:100%; overflow:auto;}
.btn_x {position:relative; display:inline-block; width:42px; height:42px; font-size:0;}
.btn_x::before, 
.btn_x::after {content:''; position:absolute; top:calc(50% - 1px); left:calc(50% - 14px); width:28px; height:1px; background:#998; transform:rotate(45deg);}
.btn_x::after {transform:rotate(-45deg);}
.layer_content .btn_x {position:absolute; top:24px; right:24px; z-index:2;}
	.layer_pop.active .layer_bg,
	.layer_pop.active .layer_content .container {opacity:1; visibility:visible;}
	.layer_pop.active .layer_content .container {transform:none;}
.layer_pop.__system {}
.layer_pop.__system .layer_bg {background:rgb(0 0 0 / 60%);}
.layer_pop.__system .layer_content .container {overflow:hidden; max-width:980px; background:#fbfbfb; padding:0;}
.layer_pop.__system .layer_content .container .layer_inner_container {padding:80px 66px;}
.layer_pop.__system .__head {padding-bottom:30px;}
.layer_pop.__system .__head .title_01 .__primary {font-size:36px; line-height:1.2;}
.layer_pop.__system .__body {padding-top:40px;}
.keyword_list_module.__style_01 {max-width:700px; margin:0 auto; text-align:center;}
.keyword_list_module.__style_01 ul {}
.keyword_list_module.__style_01 ul li {color:#fff; font-size:22px; line-height:1.4; font-weight:500; text-align:center; padding:25px 0; background:rgb(0 0 0 / 30%); border-radius:10px;}
.keyword_list_module.__style_01 ul li ~ li {margin-top:20px;}
.keyword_list_module.__style_01 ul li:nth-child(2) {background:rgb(0 0 0 / 40%);}
.keyword_list_module.__style_01 ul li:nth-child(3) {background:rgb(0 0 0 / 50%);}
.keyword_list_module.__style_01 ul li:nth-child(4) {background:rgb(0 0 0 / 60%);}
.keyword_list_module.__style_01 ul li:nth-child(5) {background:rgb(0 0 0 / 70%);}
.keyword_list_module.__style_01 ul li:nth-child(6) {background:rgb(0 0 0 / 80%);}
.keyword_list_module.__style_01 ul li:last-child {font-size:24px; background:#000;}
#system_pop_1 {}
#system_pop_1::before {display:none;  content:''; position:absolute; top:0; left:0; right:0; height:50%; background:#EAEAEA; clip-path:polygon(0 0, 100% 0, 100% 100%, 50% 80%, 0 100%);}
#system_pop_1 .layer_inner_container {position:relative; z-index:1;}
#system_pop_1 .layer_inner_container .__body .__image {text-align:center;}
#system_pop_1 .layer_inner_container .__body .__image img {width:80%; max-width:660px;}
#system_pop_1 .keyword_list_module.__style_01 {margin-top:70px;}
/* 레이어팝업 - 스스로 - 효과 */
.layer_pop.__ratio .layer_content .container {height:min(calc((100vw - 40px) * 0.7), 690px);}
.layer_pop.__system #system_pop_2 .__body {padding-top:0;}
.layer_pop.__system .layer_content .container #system_pop_2 .layer_inner_container {padding-bottom:40px;}
.effect_pagination {display:none;}
.img_info_list {}
.img_info_list .__content {}
.img_info_list .__content .__item {}
.img_info_list .__content .__item ~ .__item {display:none;}
.img_info_list .__content .__item .__item_content {display:flex; flex-direction:column; align-items:center;}
.img_info_list .__content .__item img {margin-bottom:30px;}
.img_info_list .__content .__item strong {font-size:20px; line-height:1.2; margin-bottom:10px;}
.img_info_list .__content .__item p {width:min(calc(100% - 40px), 450px); font-size:16px; line-height:25px;}
/* 레이어팝업 - 스스로 - 10가지 좋은점 */
.dl_list_02 {position:relative; overflow:hidden;}
.dl_list_02::before,
.dl_list_02::after{content:''; position:absolute; left:0; width:100%; height:1px; background:#000; transform:scale(1.5);}
.dl_list_02::before {top:0;}
.dl_list_02::after {bottom:0;}
.dl_list_02 dl {display:flex; align-items:center; gap:30px; padding:30px 10px;}
.dl_list_02 dl ~ dl {border-top:1px solid #cbcbcb;}
.dl_list_02 dl .__image {flex:0 0 auto;}
.dl_list_02 dl .__info {}
.dl_list_02 dl .__info dt {font-size:20px; line-height:1.2; font-weight:700; margin-bottom:12px;}
.dl_list_02 dl .__info dd {font-size:16px; line-height:25px;}

/*---------------------------
	그룹소개
-----------------------------*/

/* 그룹소개 - 브랜드 */
.brand_wrap {padding-top:220px;}
.brand_wrap .title_01 {text-align:left;}
.brand_wrap .title_02 {text-align:left; margin-bottom:30px;}
.brand_wrap .title_02 .__primary {font-size:28px; line-height:33px;}
.brand_1 {margin-bottom:180px;}	
.brand_1 .container {display:flex; gap:min(8vw, 140px); }
.brand_1 .__title_wrap {display:flex; flex-direction:column; justify-content:flex-end; flex:1 1 auto;}
.brand_1 .__title_wrap .title_01 {margin-bottom:auto;}
.brand_1 .__title_wrap .text_01 {word-break:keep-all;}
.brand_1 .__img_wrap {flex:1 0 auto; width:min(46%, 552px);}
.brand_1 .__img_wrap video {height:auto; border:1px solid #dfdfdf; border-radius:20px;}

/* 클리핑 미사용
.brand_clipping {position:relative; height:600px; background:#000;}
.brand_clipping img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:scale-down;}
.brand_clipping img.__i1 {z-index:1;}
.brand_clipping img.__i2 {opacity:0; visibility:hidden;}

	.brand_clipping img.__i1 {clip-path: url(#brandClipPath);}
	.brand_clipping .clipped_content {position:absolute; top:0; bottom:0; left:0; right:0;} */

.brand_2 {padding:110px 0 100px; background:#FAFAFA;}
.identity_wrap {display:flex; flex-direction:column; gap:100px;}
.identity_wrap .__item {flex:1; display:flex; gap:90px;}
.identity_wrap .__text {flex-basis:50%; display:flex; flex-direction:column;}
.identity_wrap .__title {font-size:24px; line-height:29px; margin-bottom:10px;}
.identity_wrap .__text .btn {margin-top:50px;}
.identity_wrap .__logo {flex-basis:74%; max-width:790px; height:300px; background:#fff; border-radius:10px;}
.identity_wrap .__logo img {width:100%; height:100%; object-fit:scale-down;}
.identity_wrap p {font-size:16px; line-height:26px;}
.brand_btn_wrap {display:flex; justify-content:center; gap:28px;}

/* 그룹소개 - Contact us */
.contact_wrap {padding-top:206px;}
.contact_wrap .title_01 {text-align:left; margin-bottom:80px;}
.contact_wrap .title_01 .__primary {font-size:48px; line-height:68px;}
.contact_wrap .title_02 {text-align:left; margin-bottom:50px;}
.contact_wrap .title_02 .__primary {font-size:38px;}

.contact_map {width:100%; height:55vh; min-height:280px; max-height:555px; margin-bottom:80px;}
.contact_1 {border-bottom:1px solid rgb(0 0 0 / 20%); padding-bottom:40px; margin-bottom:80px;}
.contact_list ul li {display:flex; justify-content:space-between; padding:38px 0; font-weight:500; border-bottom:1px solid #CBCBCB;}
.contact_list ul li:first-child {padding-top:0;}
.contact_list ul li:first-child:last-child {border-bottom:0;}
.contact_list .contact_label {width:36.5%; font-size:24px; font-weight:600;}
.contact_list .contact_label button {overflow:hidden; position:relative; color:#000; padding-right:30px; text-align:left;}
.contact_list .contact_label button:hover {text-decoration:underline;}
.contact_list .contact_label button::before {transform:translateY(100%); opacity:0;  content:""; position:absolute; top:calc(50% - 13px); right:0; width:26px; height:26px; background:url("../images/common/map_picker.svg") no-repeat center / contain; transition:0.3s; filter:grayscale(1);}
	.contact_list ul li:hover .contact_label button::before {transform:none; opacity:0.5;}
	.contact_list .contact_label button.__active::before {transform:none; opacity:0.5; filter:none;}
.contact_list .contact_address {flex:1;}
.contact_list .contact_address p {font-size:18px;}
.contact_list .contact_address p span {color:rgb(0 0 0 / 40%);}
.contact_list .contact_address p ~ p {margin-top:30px;}
.contact_2 {margin-bottom:240px;}
.contact_2 .contact_list {margin-bottom:50px;}
.contact_3 {margin-bottom:80px;}
	/* 검색 */
	.title_wrap {display:flex;justify-content:space-between; align-items:center; margin-bottom:80px;}
	.title_wrap .title_02 {margin-bottom:0;}
	.title_wrap .title_02 .__primary {line-height:60px;}
	.search_wrap {display:flex; gap:16px;}
	.title_wrap .btn.search_trigger {display:none;}
.board_list_01 {border-top:1px solid #000; width:100%; font-size:16px; line-height:68px; text-align:center;}
.board_list_01 ul li {display:flex; border-bottom:1px solid #CBCBCB;}
.board_list_01 ul li.__important {color:var(--color-active); font-weight:500;}
.board_list_01 .list_num {width:80px;}
.board_list_01 .list_title {flex:1; max-width:calc(100% - 200px); text-align:left; padding-left:70px;}
.board_list_01 .list_title a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_list_01 .list_title a:hover {text-decoration:underline;}
.board_list_01 .list_date {width:120px; color:#B4B4B4;}
.paging {margin:40px auto; display:flex; justify-content:center; gap:4px;}
	.paging a {font-family:var(--font-Proxima); min-width:30px; line-height:30px; padding:0 5px; text-align:center;}
	.paging a.btn {position:relative; width:30px; padding:0; font-size:0;}
	.paging a.btn::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; background:url("../images/common/ico_prev_2.svg") no-repeat center;}
	.paging a.btn_first::before,
	.paging a.btn_last::before {background-image:url("../images/common/ico_first.svg");}
	.paging a.btn_first {order:-2; background-position:center 14px;}
	.paging a.btn_prev {order:-1;}
	.paging a.btn_next {order:1;}
	.paging a.btn_next::before,
	.paging a.btn_last::before {transform:scaleX(-1);}
	.paging a.btn_last {order:2;}	
	.paging a.btn img {position:absolute; opacity:0; visibility:hidden;}
	.paging a:hover {background-color:rgb(0 0 0 / 10%);}

.contact_4 {margin-bottom:290px;}
	.sec_banner .container {display:flex; flex-direction:column; align-items:center; justify-content:center; padding:64px 0 54px; cursor:pointer;}
	.sec_banner .title_02 {position:relative; text-align:center; z-index:1;}
	.contact_wrap .sec_banner .title_02 {margin-bottom:26px;}	
	.sec_banner .title_02 .__primary {color:#fff; font-size:28px; line-height:33px; margin-bottom:8px;}
	.sec_banner .title_02 .__secondary {color:#fff; font-size:18px; line-height:20px;}
	.sec_banner .btn.link {position:relative; z-index:1;}
	.contact_4 .container {overflow:hidden; border-radius:20px;}
	.contact_4 .container::before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/customer/company_contact_qna.svg") no-repeat center / cover; transition:0.5s;}
	.contact_4 .container::after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgb(0 0 0 / 60%);}
	.contact_4 .container:hover::before {transform:scale(1.2);}

/* 그룹소개 - Contact us - 뷰 */
.view_wrap {padding-top:185px; margin-bottom:80px;}
.view_wrap .title_01 {text-align:left; margin-bottom:40px;}
.view_head {display:flex; flex-direction:column;color:#B4B4B4; font-size:18px; line-height:70px; padding-bottom:16px; padding-right:16px; border-bottom:1px solid #000;}
.view_head > span {padding:0 20px;}
.view_head .view_tags {}
.view_head .view_tags span {color:#F40102; font-size: 16px; font-weight: 600; line-height: 19px;}
.view_head .view_title {flex:1; color:#000; font-size:38px; line-height:46px; font-weight:500; margin-bottom:50px;}
.view_head .__subtitle {display:flex; gap:14px; color:rgb(119 119 119 / 60%); font-size:14px; line-height:32px; font-weight:500;}
.view_head .view_count {}
.view_head .view_date {}
.view_file {color:rgb(0 0 0 / 60%); padding:10px 10px 10px 40px; background:#f8f8f8 url("../images/common/ico_attach_file.svg") no-repeat 15px 10px;}
.view_file a {color:#1683e9; text-decoration:underline;}
.view_con {overflow:auto; font-size:18px; padding:58px 0 100px; border-bottom:1px solid #CBCBCB;}
.view_bottom {display:flex; justify-content:space-between; margin-bottom:50px; font-size:18px; line-height:70px;}
.view_bottom {display:flex;}
.view_bottom a {padding:8px 0 8px 30px; background:url("../images/common/ico_prev.svg") no-repeat left center;}
.view_bottom a:nth-child(2) {padding-left:0; padding-right:30px; background:url("../images/common/ico_next.svg") no-repeat right center;}
.view_bottom a:hover {text-decoration:underline;}
.view_bottom a span + span {display:none;}
.view_bottom .view_bottom_none {padding:8px 0; background:none; opacity:0.5;}
.view_bottom .view_bottom_none:hover {text-decoration:none; cursor:default;}

/* 그룹소개 - 문의하기 */
.qna_wrap {padding-top:122px; margin-bottom:240px;}
	.qna_wrap .title_01 {position:relative; display:flex; flex-direction:column; justify-content:center; width:calc(100% - 80px); max-width:1420px; height:364px; color:#fff; margin:0 auto 80px; background:url("../images/customer/company_qna.svg") no-repeat center / cover; border-radius:20px; overflow:hidden;}
	.qna_wrap .title_01::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; background:rgb(0 0 0 / 60%);}
	.qna_wrap .title_01 > * {position:relative;}
	.qna_wrap .title_01 .__primary {font-size:48px;}
	.qna_wrap .title_01 .__secondary {font-weight:400;}
	.qna_wrap .container {max-width:1020px;}
	.qna_wrap .title_02 {text-align:left; margin-bottom:10px;}
	.qna_wrap .title_02 .__primary {font-size:22px; line-height:26px;}
	.qna_wrap textarea {height:142px; font-size:18px; line-height:1.2; font-weight:500;}

	.privacy_scroll_wrap {margin-bottom:50px;}
	.privacy_scroll_wrap .privacy {height:170px;}
	.privacy_scroll_wrap .privacy {margin-bottom:10px;}
	.privacy_scroll_wrap .form_element label {color:rgb(0 0 0 / 40%);}

	.privacy {font-size:18px; line-height:26px; color:rgb(0 0 0 / 40%);background:#f7f7f7;padding:20px 36px;padding-bottom:0;overflow:auto;}
	.privacy h5 {font-size:18px; font-weight:500; margin-bottom:5px;}
	.privacy ul {margin-bottom:10px;}
	.privacy ul li {font-size:18px;}
	.privacy p {margin-bottom:5px;}

	.table_01 {border-top:1px solid #000; padding-top:30px; padding-bottom:30px; margin-bottom:50px;}
	.table_01 table {table-layout:fixed; font-size:18px; text-align:left;}
	.table_01 table input[type="text"] {height:46px; padding:0 18px; border:1px solid transparent;}
	.table_01 table input[type="text"]:focus {outline:none; border-color:#000;}
	.table_01 table select {height:46px; padding-left:18px;}
	.table_01 table tbody th, 
	.table_01 table tbody td {height:46px; line-height:46px; padding:10px 0;}
	.table_01 table tbody th {font-weight:600; vertical-align:top;}
	.table_01 table tbody th span {display:block;}
	.table_01 table tbody th span.__required::after {content:"*"; position:absolute; color:var(--color-active); font-size:18px; font-weight:600;}
	.table_01 table tbody td {}

	.qna_table input[type="text"] {width:100%;}
	.qna_code_list {padding:12px 5px; padding-left:18px; display:flex; flex-wrap:wrap; gap:14px 24px;}

	.table_01 .file_input_div {position:relative; font-weight:500;}
	.table_01 .file_input_div input[type="text"] {border:1px solid rgb(0 0 0 / 10%); background:url("../images/common/ico_attach_file.svg") no-repeat right 13px center;}
	.table_01 .file_input_div input[type="text"]::placeholder {color:rgb(0 0 0 / 20%);}
	.table_01 .file_input_div label {position:absolute; top:0; bottom:0; left:0; right:0; font-size:0; cursor:pointer;}

	.bottom_btns {display:flex; justify-content:center; gap:15px;}

/*---------------------------
	사람&문화
-----------------------------*/

.people_visual {margin-bottom:160px;}
.people_visual .title_01 {text-align:left;}
.people_visual .__visual_1 {position:absolute; top:0; left:0; width:100%; height:460px; padding-top:80px; background:#fff; z-index:1;}
.people_visual .__visual_2 {position:relative; height:100vh; background:no-repeat center / cover; transform:translateY(25vh);
	background-image:url("../images/people/people_top_visual.svg");
}
.people_visual .__visual_2::before {opacity:0; content:''; position:absolute; top:0; bottom:0; left:0; right:0; background:rgb(0 0 0 / 70%); transition:0.5s;}
.people_visual .__visual_2 .title_01 {opacity:0; transform:translateY(200%); margin-bottom:0; transition:1s;}
.people_visual .__visual_2 .title_01 .__secondary {color:#fff; font-size:36px; line-height:1.5; font-weight:400; margin-top:0;}
.people_visual .__visual_2.active::before {opacity:1;}
.people_visual .__visual_2.active .title_01 {opacity:1; transform:none;}
.people_visual .container {display:flex; align-items:center; height:100%;}

.people_wrap .section .title_01,
.people_wrap .section .title_02,
.people_wrap .section .title_03 {text-align:left;}

.tab_btn_module {position:relative; z-index:2;}
.tab_btn_module.__style_01 {margin-bottom:120px; background:#fff; box-shadow:0 4px 8px rgb(0 0 0 / 5%);}
.tab_btn_module .container {display:flex; gap:20px; padding-top:24px; padding-bottom:24px;}
.tab_btn_module a {display:block; width:110px; color:rgb(0 0 0 / 20%); font-size:20px; line-height:52px; font-weight:500; padding:0 5px; text-align:center; border-radius:50px; cursor:pointer;}
.tab_btn_module a.active {color:#fff; font-weight:600; background:var(--color-active);}

/* 인재상 - 3카드 슬라이더 */

.people_1 {display:flex; flex-direction:column; margin-bottom:125px;}
.people_1 .title_02 {margin-bottom:60px;}
.people_1 .title_02 .__primary {margin-bottom:24px;}
.people_1 .btn {width:300px; margin:40px auto 0;}

.key_info_wrap {display:flex; justify-content:center; padding:130px min(8%, 105px); background:#F6F6F6; border-radius:20px;}
.key_info_wrap .__key {position:relative; flex-shrink:0; width:min(50%, 518px);}
.key_info_wrap .__shadow {position:absolute; top:90%; left:0; right:0; height:100%;}
.key_info_wrap .__shadow div {position:absolute; top:0; bottom:0; left:0; right:0; transform:translateY(-90%) scale(0.98);}
.key_info_wrap .__shadow div::before,
.key_info_wrap .__shadow div::after {content:''; position:absolute; top:5%; bottom:-5%; left:0; right:0; border-radius:0 0 48% 48% / 20%;}
.key_info_wrap .__shadow div::before {background:linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 50%)); filter:drop-shadow(0px 4px 10px #000) blur(20px);}
.key_info_wrap .__shadow div::after {background:linear-gradient(to bottom, rgb(255 255 255 / 5%), rgb(255 255 255 / 30%)); filter:blur(20px); z-index:1;}
.key_info_wrap .__key ul {position:relative; display:flex; flex-direction:column; height:100%; z-index:2;}
.key_info_wrap .__key ul li {position:relative; flex:1; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; text-align:center;}
.key_info_wrap .__key ul li:first-child {z-index:2;}
.key_info_wrap .__key ul li:nth-child(2) {z-index:1;}
.key_info_wrap .__key ul li:nth-child(3) {}
.key_info_wrap .__key ul li::before {content:''; position:absolute; top:-26px; bottom:-26px; left:0; right:0; border-radius:50%; z-index:-1;}
.key_info_wrap .__key ul li:first-child::before {background:#000;}
.key_info_wrap .__key ul li:nth-child(2)::before {background:#3B3B3B;}
.key_info_wrap .__key ul li:nth-child(3)::before {background:#6F6F6F;}
.key_info_wrap .__key ul li strong {font-family:var(--font-Proxima); font-size:24px; line-height:30px; font-weight:700;}
.key_info_wrap .__key ul li span {display:none; font-size:14px; line-height:20px;}
.key_info_wrap .__info {position:relative; padding-left:min(11%, 111px); z-index:2;}
.key_info_wrap .__info ul li {position:relative; display:flex; flex-direction:column; justify-content:center; min-height:140px;}
.key_info_wrap .__info ul li::before {content:''; position:absolute; top:50%; left:0; width:min(37%, 145px); height:1px; background:rgb(0 0 0 / 20%); transform:translateX(calc(-100% - 24px));}
.key_info_wrap .__info ul li strong {font-size:20px; line-height:1.2; font-weight:700; margin-bottom:8px;}
.key_info_wrap .__info ul li span {color:rgb(0 0 0 / 60%); font-size:18px; line-height:1.5; word-break:keep-all;}

.card_02 {display:flex; justify-content:space-between; gap:50px;}
.card_02 .card_item {flex:1;}
.card_02 .item_img {position:relative; overflow:hidden; padding-top:100%; margin-bottom:40px; border-radius:10px; transition:0.2s;}
.card_02 .item_img img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.card_02 .__title {font-size:32px; line-height:38px; margin-bottom:24px;}
.card_02 .__title span {display:block; color:#FF3838; font-size:20px; line-height:1.2; margin-bottom:16px;}
.card_02 .__desc {color:#444; font-size:18px; line-height:1.6;}

.slider_02 {width:100%; max-width:1200px; height:420px; margin:0 auto; text-align:left;}
.slider_02 ul {display:flex; height:100%; transition:0.5s;}
.slider_02 ul li {flex:1 0 auto; width:calc(100% / 3 / 2 - 20px); cursor:pointer; transition:0.5s;}
.slider_02 ul li.active {width:calc(100% / 3 * 2); cursor:default;}
.slider_02 ul li ~ li {margin-left:20px;}
.slider_02 ul li .container {display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; height:100%; padding:min(56px); border-radius:15px; background:no-repeat center / cover;}
.slider_02 ul li .container::before,
.slider_02 ul li .container::after {content:''; position:absolute; top:0; bottom:0; left:0; right:0;}
.slider_02 ul li .container::before {background:no-repeat center / cover; transition:0.5s;}

.slider_02 .slide_1 .container::before {background-image:url("../images/people/people_home_slider_1.svg");}
.slider_02 .slide_2 .container::before {background-image:url("../images/people/people_home_slider_2.svg");}
.slider_02 .slide_3 .container::before {background-image:url("../images/people/people_home_slider_3.svg"); background-position:66% 50%;}

.slider_02 ul li .container::after {background:rgb(0 0 0 / 60%);}
.slider_02 ul li .slide_title {position:relative; visibility:hidden; opacity:0; color:#fff; cursor:pointer; z-index:1;}
.slider_02 ul li:not(.active):hover .container::before {opacity:1;}
.slider_02 ul li .__primary {font-size:32px; line-height:1.2; white-space:nowrap;}
.slider_02 ul li .__primary span {display:block; color:#FF3838; font-size:20px; line-height:1.2; margin-bottom:0.8em;}
.slider_02 ul li p {visibility:hidden; opacity:0; position:relative; color:#fff; font-size:18px; line-height:28px; font-weight:500; z-index:1;}
	.slider_02 ul li.active .container::before {transform:scale(1.2); transition:0.5s 0.4s;}
	.slider_02 ul li.active .slide_title,	
	.slider_02 ul li.active p {transition:0.5s 0.5s; opacity:1; visibility:visible;}

/* 인재상 - 우리는 */
.people_2 {padding:120px 0; background:#f6f6f6}
.people_2 .container {display:flex; justify-content:space-between; gap:50px;}
.people_2 .dl_list_wrap {flex:1; max-width:774px;}
.dl_list_wrap .title_03 {margin-bottom:40px;}
.dl_list_wrap .dl_list_01:not(:last-child) {margin-bottom:120px;}
.dl_list_01 {border-top:2px solid #000; border-bottom:2px solid #000;}
.dl_list_01 dl {display:flex; gap:61px; padding:40px 0;}
.dl_list_01 dl ~ dl {border-top:1px solid rgb(0 0 0 / 20%);}
.dl_list_01 dl dt {flex-shrink:0; font-size:24px; line-height:35px; font-weight:700;}
.dl_list_01 dl dd {flex:1;}
.dl_list_01 dl dd ul {}
.dl_list_01 dl dd ul li {}
.dl_list_01 dl dd ul li ~ li {margin-top:28px;}
.dl_list_01 dl dd ul li strong {font-size:18px; line-height:1.4; font-weight:500;}
.dl_list_01 dl dd ul li p {font-size:16px; line-height:1.4;}

/* 인재상 - 스스로교육디렉터 팝업 */
.layer_pop.__director .layer_content .container {overflow:hidden; padding:0; max-width:974px; background:#ebedf0;}
.layer_pop.__director .__head {padding:116px 92px 42px; background:#EBEDF0;}
.layer_pop.__director .__head .title_01 {padding-bottom:54px;}
.layer_pop.__director .__head .title_01 .__primary {font-size:36px; line-height:43px; margin-bottom:20px;}
.layer_pop.__director .__body {padding:56px 92px 92px; background:#fff; clip-path:rect(0% 100% 100% 0% round 10px);}
.layer_pop.__director .__body .title_02 {text-align:center; margin-bottom:34px;}
.layer_pop.__director .__body .title_02 .__primary {font-size:28px; line-height:33px;}
.tabs_nav {display:flex; justify-content:center; gap:10px; margin-bottom:64px;}
.tabs_nav a {display:block; min-width:100px; color:#CFD5DF; font-size:14px; line-height:34px; font-weight:400; padding:0 12px; text-align:center; background:#EFF2F7; border-radius:20px; transition:0.2s;}
.tabs_nav a.active {color:#fff; font-weight:600; background:#232323;}
.tabs_content ~ .tabs_content {display:none;}
.dl_box {display:flex; flex-direction:column; gap:14px;}
.dl_box dl {display:flex; gap:77px; padding:34px 100px; background:#fff; border-radius:20px;}
.dl_box dl dt {flex-shrink:0; font-size:18px; line-height:21px; font-weight:700;}
.dl_box dl dd {flex:1; font-size:18px; word-break:keep-all;}

.dl_box.__style_02 {}
.dl_box.__style_02 dl {display:flex; gap:60px; padding:34px 80px;border:1px solid #CFD5DF; border-radius:20px;}
.dl_box.__style_02 dl dt {width:auto; }
.dl_box.__style_02 dl dd {font-size:16px; line-height:25px;}
.dl_box.__style_02 dl dd div {}
.dl_box.__style_02 dl dd div ~ div {padding-top:27px; margin-top:27px; border-top:1px solid #CBCBCB;}
.dl_box.__style_02 dl:has(dd.keyword_module) dt {padding-top:13px;}
.keyword_module {display:flex; flex-wrap:wrap; gap:10px;} /* 아이덴티티 - 핵심가치*/
.keyword_module > div {display:flex; align-items:center; gap:25px; width:calc(50% - 5px); padding:20px; background:#F7F9FB; border-radius:20px; border-top:0 !important; margin:0 !important;}
.keyword_module > div span {display:flex; justify-content:center; align-items:center; width:64px; line-height:62px; border:1px solid #CFD5DF; border-radius:20px;}
.keyword_module > div span strong {font-size:28px; font-weight:700;}

/* 스스로교육디렉터 팝업 - 스스로학습지도법 */
.dl_box.__style_02 dl.__style_02 {flex-direction:column; gap:4px; padding:60px 130px;}
.dl_box.__style_02 dl.__style_02 dt {width:100%; font-size:16px;}
.dl_box.__style_02 dl.__style_02 dt ~ dt {padding-top:26px; margin-top:26px; border-top:1px solid #CBCBCB;}
.dl_box.__style_02 dl.__style_02 dd {flex:1; font-size:16px;}

/* 복지 */
.benefit_1 {padding-top:200px; margin-bottom:15px;}
.benefit_1 .title_01 {margin-bottom:90px;}
.benefit_1 .title_02 {margin-bottom:80px;}
.benefit_1 .title_03 {}
.img_banner {position:relative; height:320px; margin-bottom:15px;}
.img_banner picture {width:100%; height:100%;}
.img_banner img {width:100%; height:100%; object-fit:cover; max-width:none;}
.img_banner video {width:100%; height:100%; object-fit:cover; object-position:center 70%;}
.img_banner.__video::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; background:rgb(0 0 0 / 20%);}
.benefit_1 .info_list_module ~ .info_list_module {border-top:1px solid #bdbdbd;}
.info_list_module {display:flex; justify-content:space-between; padding:80px 0 70px;}
.info_list_module ul {flex:1; max-width:60%; display:flex; flex-wrap:wrap; gap:60px 50px;}
.info_list_module ul li {width:calc(100% / 2 - 25px);}
.info_list_module ul li img {display:block; margin-bottom:10px;}
.info_list_module ul li strong {display:block; font-size:18px; line-height:1.25; font-weight:700; margin-bottom:8px;}
.info_list_module ul li p {color:#444; font-size:16px; line-height:1.625; word-break:keep-all;}
.benefit_2 {position:relative; overflow:hidden;}
.benefit_2 .__video {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:center 70%;}
.benefit_2 .__content {padding:174px 0 220px; transform:translateY(100%);}
.benefit_2 .__bg {opacity:0; position:absolute; top:0; bottom:0; left:0; right:0; background:rgb(0 0 0 / 80%);}
.benefit_2 .container {display:flex; height:100%; align-items:center;}
.info_list_module.__style_02 {flex-direction:column; gap:60px; padding:127px 0;}
.info_list_module.__style_02 ul {max-width:100%; gap:73px;}
.info_list_module.__style_02 ul li {width:auto; flex:1;}
.info_list_module.__style_02 ul li strong {margin-bottom:15px;}
.benefit_2 .img_banner {height:auto;\;}

/* 직무소개 */
.task_1 {padding-top:200px; margin-bottom:200px;}
.task_1 .title_01 {margin-bottom:163px;}
.img_clip_visual {margin-bottom:200px;}
.img_clip_visual .container {height:100%;}
.img_clip_visual .__image {height:460px; background:no-repeat center / cover;
	background-image:url("../images/people/people_visual.svg");
	font-size:0;}
.nav_info_list {display:flex; justify-content:space-between; gap:100px;}
.nav_info_list .__nav {display:flex; flex-direction:column; align-items:flex-start; gap:35px;}
.nav_info_list .__nav button {position:relative; font-family:var(--font-Proxima); color:rgb(0 0 0 / 30%); font-size:32px; line-height:38px; font-weight:600; transition:0.2s;}
.nav_info_list .__nav button::before {content:''; position:absolute; bottom:0; left:0; height:2px; background:transparent; transition:0.3s ease-out;}
.nav_info_list .__nav button.__active {color:#000; font-weight:700;}
.nav_info_list .__nav button.__active::before {right:0; background:#000;}
.info_list_module.__style_03 {max-width:910px;}
.info_list_module.__style_03 ul {max-width:none; gap:20px 50px;}
.info_list_module.__style_03 ul li {width:calc(50% - 25px);}
.info_list_module.__style_03 ul li strong {font-size:24px; margin-bottom:22px;}
.info_list_module.__style_03 ul li p {line-height:1.5; min-height:200px;}
.nav_info_list .__info_list {margin-bottom:200px;}
.nav_info_list .__info_list .info_list_module {padding-bottom:40px;}
.nav_info_list .__info_list .info_list_module ~ .info_list_module {padding-top:100px; border-top:1px solid #bdbdbd;}
.people_wrap .task_2 .title_01 {text-align:center; margin-bottom:52px;}
.people_wrap .task_2 .gallery_module_01 {margin-bottom:216px;}

.gallery_module_01 {}
.gallery_module_01 ul {display:flex; gap:28px;}
.gallery_module_01 ul li {flex:1;}
.gallery_module_01 ul li a {}
.gallery_module_01 ul li .__thumb {height:210px; background:#d9d9d9; margin-bottom:26px;}
.gallery_module_01 ul li .__thumb img {width:100%; height:100%; object-fit:scale-down; filter:gray(0);}
.gallery_module_01 ul li .__title {}
.gallery_module_01 ul li .__title strong {display:block; font-size:24px; line-height:1.2; font-weight:700; margin-bottom:8px;}
.gallery_module_01 ul li .__title p {color:#444; font-size:18px; line-height:1.45;}
.gallery_module_01.__style_02 ul {flex-wrap:wrap; gap:60px 28px;}
.gallery_module_01.__style_02 ul li {flex:0 0 auto; width:calc(100% / 3 - 56px / 3 );}
.gallery_module_01.__style_02 ul li .__title {display:flex;}
.gallery_module_01.__style_02 ul li .__title strong {margin-bottom:0; line-height:30px;}
.gallery_module_01.__style_02 ul li .__title p {position:relative; padding-left:26px; color:#999; font-size:24px; line-height:30px; font-weight:700;}
.gallery_module_01.__style_02 ul li .__title p::before {content:''; position:absolute; left:10px; top:calc(50% - 9px); width:1px; height:18px; background:#cbcbcb;}
/* 직무소개 - 인터뷰*/
#interviewContainer {height:100%;}
.view_wrap.__style_02 {margin-bottom:0;}
.view_wrap.__style_02 .view_head {flex-direction:column; border:0; margin-bottom:30px;}
.view_wrap.__style_02 .view_head .view_tags {display:flex; margin-bottom:16px; gap:6px;}
.view_wrap.__style_02 .view_head .view_tags span {color:#fff; font-size:16px; line-height:30px; background:#000; padding:0 10px;}
.view_wrap.__style_02 .view_head .view_title {font-size:38px; line-height:46px; margin-bottom:30px;}
.view_wrap.__style_02 .view_head .view_date {color:rgb(119 119 119 / 60%); font-size:14px; line-height:17px; font-weight:500;}
.view_wrap.__style_02 .view_con {flex:1; overflow:auto; padding:20px; background:#f5f5f5; border-radius:10px; margin-bottom:0;}
.view_wrap.__style_02 .view_bottom {display:flex; justify-content:space-between;}
.view_wrap.__style_02 .view_bottom li {flex-direction:column; gap:0; border-bottom:0; padding:0;}
.view_wrap.__style_02 .view_bottom li a {padding-left:30px; background:url("../images/common/ico_prev.svg") no-repeat left center;}
.view_wrap.__style_02 .view_bottom li ~ li a {padding-left:0; padding-right:30px; background:url("../images/common/ico_next.svg") no-repeat right center;}
.view_wrap.__style_02 .view_bottom li a.view_bottom_none {padding:0; background:none; opacity:0.5;}
.view_wrap.__style_02 .view_bottom li a.view_bottom_none:hover {text-decoration:none; cursor:default;}

/* 채용안내 */
.recruit_1 {padding-top:200px;}
.recruit_1 .title_01 {text-align:left; margin-bottom:80px;}
.recruit_1 .title_01 .__primary {font-family:var(--font-Proxima); font-size:54px; line-height:66px;}
.recruit_1 .title_01 .__secondary {color:#777; font-weight:400;}
.recruit_1 .img_banner {margin-bottom:116px;}
.recruit_2 .process_module {margin-bottom:90px;}
.process_module {}
.process_module ol {display:flex; justify-content:space-between; align-items:center;}
.process_module ol li {position:relative;}
.process_module ol li div {display:flex; flex-direction:column; align-items:center; justify-content:center; width:260px; height:260px; border-radius:50%;}
.process_module ol li:first-child div {background:#f4f4f4;}
.process_module ol li:nth-child(2) div {background:#e8e8e8;}
.process_module ol li:nth-child(3) {padding:10px; box-shadow:0 0 1px 1px #000; border-radius:200px;}
.process_module ol li:nth-child(3) div {background:#dedede; width:auto; border-radius:200px;}
.process_module ol li:nth-child(3) ol li {padding:0;}
.process_module ol li:nth-child(3) ol li::before {display:none;}
.process_module ol li:nth-child(3) ol li:first-child div {width:210px; background:none; transform:translateX(10px);}
.process_module ol li:nth-child(3) ol li:nth-child(2) div {width:260px; background:#cfcfcf;}
.process_module ol li:nth-child(4) div {background:#000; color:#fff;}
.process_module ol li ~ li::before {content:''; position:absolute; top:calc(50% - 12px); left:-31px; width:24px; height:24px; background:url("../images/common/ico_arrow_right_black_single.svg") no-repeat center -11px;
	display:none;
}
.process_module ol li span {font-size:22px; font-weight:700;}
.process_module ol li strong {font-size:20px; font-weight:600;}

.recruit_2 .toggle_content_list {display:flex; gap:40px; margin-bottom:200px;}
.recruit_2 .toggle_content_list .__list_wrap {flex:1;}
	.recruit_2 .toggle_content_list .__list_wrap li:nth-child(even) {display:none;}
	.recruit_2 .toggle_content_list .__list_wrap + .__list_wrap li:nth-child(even) {display:block;}
	.recruit_2 .toggle_content_list .__list_wrap + .__list_wrap li:nth-child(odd) {display:none;}
.toggle_content_list .__list_wrap {display:flex; flex-direction:column;}
.toggle_content_list .__list_wrap li {border-bottom:1px solid #cbcbcb; cursor:pointer; transition:0.3s; padding:14px 0;}
.toggle_content_list .__list_wrap li .__title {position:relative; display:flex; align-items:center; font-size:22px; line-height:25px; font-weight:600; padding:28px 0; padding-right:50px; background:url("../images/common/ico_plus.svg") no-repeat right 20px center;}
.toggle_content_list .__list_wrap li .__title span {width:48px; font-weight:700;}
.toggle_content_list .__list_wrap li .__content {display:none;}
.toggle_content_list .__list_wrap li .__content p {color:#777; background:#f4f4f4; padding:36px 44px; border-radius:16px;}
	.toggle_content_list .__list_wrap li.on {padding-bottom:42px;}
	.toggle_content_list .__list_wrap li.on .__title {color:#FF3033; background-image:url("../images/common/ico_x.svg");}

	.toggle_content_list.__style_02 .__list_wrap {gap:0;}
	.toggle_content_list.__style_02 .__list_wrap li {width:100%;}
	.toggle_content_list.__style_02 .__list_wrap li .__title {line-height:1.5; padding:19px 0; padding-right:50px;}

.recruit_3 {margin-bottom:186px;}
.recruit_3 .title_02 {text-align:left; margin-bottom:40px;}
.recruit_3 .title_02 .__primary {font-size:42px; line-height:50px;}

/*---------------------------
	개인정보처리방침
-----------------------------*/

.privacy_wrap .title_01 {margin-bottom:40px;}
.join_agree{padding:22px 0; padding-top:0; margin:0 auto 20px auto;}
.join_agree h4 {margin-bottom:15px; font-weight:600; font-size:18px;}
.join_agree h5 {font-weight:600;font-size:18px;padding:30px 0 5px 0;height:1%;overflow:hidden;}
.join_agree h6 {font-weight:600;padding:10px 0 5px 0;font-size:18px;margin:0;height:1%;overflow:hidden;}
.join_agree p {margin:8px 0;}
.number_styleWrap {overflow:hidden; zoom:1; padding:10px 10px 0; margin-bottom:10px; background:#f2f2f2;}
.join_agree ul {height:1%;overflow:hidden;}
.join_agree ul.number_style1 {float:left; width:49%; font-size:16px;}
.join_agree ul.number_style1 ~ ul {margin-left:2%;}
.join_agree ul.number_style1 li {padding-left:15px; margin-bottom:10px;}
.join_agree ul.number_style1 li a {display:block; line-height:1.4; padding:5px 0;}
.join_agree ul.number_style1 li a:hover {text-decoration:underline;}
.join_agree ul.number_style1 li ul {margin:10px 0;}
.join_agree ul.number_style1 li ul li {list-style:none;margin-left:0;}
.join_agree ul li .number_style1 li {margin-left:20px;}
.join_agree li {margin-bottom:5px;}
.join_agree .info_box {border:solid 1px #e7e7e7; background-color:#f7f7f7;padding:0 20px 20px 20px;margin-top:20px;}
.join_agree .tbl01 {text-align:center;}
.join_agree .tbl01 table {width:100%;}
.join_agree .tbl01 table thead th,
.join_agree .tbl01 table tbody td {height:40px; padding:5px;}
.join_agree .tbl01 table thead th {font-weight:600; background:#f2f2f2;}
.join_agree .tbl01 table tbody td {border-bottom:1px solid #e7e7e7; padding:0 5px;}
.join_agree .tbl01 table tbody td.td_left {text-align:left;}


/* 영문버전 *******************************************************/

html[lang="en"] {

	/* footer */
	.footer_wrap .__sns {gap:10px;}
	
	/* SSRO */
	.steps_module ol li {padding-left:110px; padding-right:50px;}
	.steps_module ol li .__desc {height:143px;}
	
	.ceo_content {display:block;}
	.ceo_content .__title {position:static; margin-bottom:40px;}	
		
	.history .__primary {font-size:46px; line-height:1.5;}
	.history_area .term h4 {font-size:38px;}
	
	.affi_item .link {flex-basis:38%;}
			.affi_item p {max-width:none;}
	.affiliate_wrap .__item .__content {max-width:min(calc(100% - 280px), 1400px);}
	
	.dl_list_01 dl dt {width:110px;}
	
	.dl_box dl {gap:0;}
	.dl_box dl dt {width:120px;}
	
	.dl_box.__style_02 dl dt {width:160px;}
	
	.dl_box.__style_02 dl.__style_02 dt {width:100%;}
	
	
}
/* placeholder-rewritten clone of style.css — 이미지 참조는 자작 플레이스홀더 SVG */