@charset "utf-8";

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

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

html, body {min-width:1600px !important; overflow-x:auto;}
.header_wrap,
.layer_pop {min-width:1600px;}

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

/* 레프트 메뉴 */
.lnb {display:none;}

/* 헤더 */
.header_wrap {position:fixed; top:0; left:0; right:0; height:80px; z-index:999; transition:0.3s 0s; transform:translateY(-100%);}
.header_wrap::before {opacity:0; content:''; position:absolute; top:0; left:0; width:100%; height:80px; border-bottom:1px solid transparent; transition:0.3s;}
.header_wrap > * {z-index:1;}
.header_container {position:relative; max-width:1920px; margin:0 auto;}
.header_logo {position:absolute; left:0;}
.header_logo a {display:flex; align-items:center; justify-content:center; width:120px; height:80px; background:url("../images/common/logo_jei_black.svg") no-repeat center / 40px; font-size:0;}
.gnb_main {transform:translateX(-5%); }
.gnb_main ul {display:flex;}
.gnb_main ul li {position:relative;}
.gnb_main ul li a {position:relative; display:block; width:180px; line-height:80px; font-size:16px; font-weight:600; padding-left:60px; z-index:2; transition:0.2s;}
/* .gnb_main > ul > li > a::before {opacity:0; content:""; position:absolute; bottom:0; left:10%; width:80%; height:1px; background:#000; transition:0.3s;} */
	
	.color_mode_dark .header_wrap:not(:hover) .header_logo a {background-image:url("../images/common/logo_jei_white.svg");}
	.color_mode_dark .header_wrap:not(:hover) .gnb_main ul li a {color:#fff;}
	.color_mode_dark[data-scroll="up"] .header_wrap:not(:hover) .header_logo a {background-image:url("../images/common/logo_jei_black.svg");}
	.color_mode_dark[data-scroll="up"] .header_wrap:not(:hover) .gnb_main ul li a {color:#000;}

.gnb_main .gnb_sub {opacity:0; visibility:hidden; position:absolute; left:0; padding-top:10px; transform:translateY(-50px);
	transition:opacity 0.2s 0.2s, transform 0.5s 0.0s, visibility 0.2s 0.1s;}
.gnb_main .gnb_sub ul {flex-direction:column;}
.gnb_main .gnb_sub ul li ~ li {margin-left:0;}
.gnb_main .gnb_sub ul li a {display:block; color:#444; font-size:14px; line-height:40px; font-weight:500; z-index:1;}
.gnb_main .gnb_sub ul li a.active {color:#FF4848; font-weight:700;}

.header_wrap:hover {background:#fff;}
.header_wrap:not(:hover) {transition-delay:0.1s;} /* mouse leave */
.header_wrap:hover::before {opacity:1;}
.header_wrap:hover .gnb_sub {transform:none; opacity:1; visibility:visible;}
.header_wrap:not(:hover) .gnb_sub {transition:opacity 0.2s 0s, transform 0.5s 0.0s, visibility 0.2s 0.1s;}
.gnb_main > ul > li:hover > a {color:#FF4848;}
.gnb_main .gnb_sub ul li a:hover {text-decoration:underline;}

.header_btns {position:absolute; top:0; right:40px; display:flex;}
.header_btns a {display:flex; align-items:center; justify-content:center; height:80px;}
.header_btns a.btn_ssro {width:68px; background:url("../images/common/btn_ssro.svg") no-repeat center / 100%; font-size:0;}
	.color_mode_dark .header_wrap:not(:hover) .header_btns a.btn_ssro {background-image:url("../images/common/btn_ssro_white.svg");}
	.color_mode_dark[data-scroll="up"] .header_wrap:not(:hover) .header_btns a.btn_ssro {background-image:url("../images/common/btn_ssro.svg");}
.header_btns a.btn_menu {display:none;}
[data-header="visible"] .header_wrap {transform:none;}
[data-scroll="up"] .header_wrap {background:#fff;}
[data-header="hidden"] .header_wrap {transform:translateY(-100%);}
[data-header="hidden"] .header_wrap .gnb_sub {display:none !important;}
.header_wrap.bg {background:#fff;}
.header_wrap.bg .gnb a {color:#000;}

html::before {visibility:hidden; opacity:0; content:''; position:fixed; top:0; bottom:0; left:0; right:0; background:#fff; z-index:2; transition:0.2s;}
.gnb_on::before {visibility:visible; opacity:1;}
.gnb_on .header_wrap {padding-bottom:50px;}
.gnb_on .header_wrap::before {content:''; position:absolute; top:80px; left:0; right:0; height:1px; background:#000;}
.gnb_on .gnb_main > ul > li:hover > a {color:#000; border-bottom-color:transparent;}
.gnb_on .gnb_sub {opacity:1; visibility:visible; position:relative;}
.gnb_on .gnb_sub::before {display:none; transition:0s; background:transparent; box-shadow:none;}
.gnb_on .gnb_sub ul li a {color:#000;}

/* 푸터 */
.footer_wrap {height:330px; padding:60px 0; color:rgb(0 0 0 / 60%); background:#fff; border-top:1px solid rgb(0 0 0 / 10%);}
.footer_wrap .container {}
.footer_wrap .__top {display:flex; justify-content:space-between; margin-bottom:90px;}
	.footer_wrap address {flex:1;}
	.footer_wrap address h2 {line-height:22px; margin-bottom:32px;}
	.footer_wrap address h2 img {height:22px;}
	.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_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:-367px; 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.2); 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: 22px; padding-bottom: 22px; padding-right: 60px; display: flex; flex-direction: column; gap: 12px;}
		.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 a {display:block; color:#000; font-size:14px; line-height:20px;}
		.footer_family_wrap .family_sub > ul > li > ul > li a:hover {color:#FF4848; text-decoration:none; font-weight:500;}

	.sns_wrap {display:flex; gap:20px; height:42px;}
	.sns_wrap a {transition:0.2s;}
	.sns_wrap a:hover {transform:scale(1.1);}

.footer_wrap .__bottom {display:flex; justify-content:space-between; }
.footer_wrap .__bottom .__copy {color:rgb(0 0 0 / 60%); font-size:14px; line-height:24px;}
.footer_wrap .__bottom .__copy p {display:flex; align-items:center;}
.footer_wrap .__bottom .__links a {display:inline-block; vertical-align:top;}
.footer_wrap .__bottom .__links a:first-child {color:#FF4848; font-weight:700; margin-right:32px;}
.footer_wrap .__bottom .__links a:nth-child(3) {position: relative; padding-left: 8px; margin-left: 4px;}
.footer_wrap .__bottom .__links a:nth-child(3)::before {content: '';    position: absolute;    top: 50%;    left: 0;    width: 1px;    height: 12px;    background: rgb(0 0 0 / 40%); transform: translateY(-50%);}
.footer_wrap .__bottom .__links a:hover {text-decoration:underline;}


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

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

/* 메인 비주얼 */
.main_visual {position:relative; height:100dvh; min-height:600px;}
.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(12dvh);}
.main_visual .title_01 .title_primary {font-size:60px; line-height:80px; margin-bottom:0.584em;}
.main_visual .btn {width:200px; padding:0; text-align:center;}
.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 {position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.visual_slider .title_01 .title_primary {opacity:0; transform:translateY(30%);}
.visual_slider .swiper-slide-active .title_01 .title_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 {background-image:url("../images/visual/main_visual_1.jpg");} */
.visual_slider .slide_1::before {background:rgb(0 0 0 / 40%);}
/* .visual_slider .slide_2 {background-image:url("../images/visual/main_visual_2.jpg");} */
/* .visual_slider .slide_3 {background-image:url("../images/visual/main_visual_3.jpg");} */
.visual_slider .swiper-slide-visible {position:relative;}
.swiper_controls {position:absolute; top:50%; transform:translateY(29dvh); 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:24px; 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;}
.bound_svg,
.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 .title_primary {position:relative; height:100%; color:#fff; font-size:48px; line-height:68px; text-align:center;}
	.m2_title_wrap .title_01 .title_primary p {position:absolute; top:50%; left:0; right:0; text-align:center; transform:translateY(-50%);}
	.m2_title_wrap .title_01 .title_primary p:first-child {transform:translateY(calc(-50% - 1.5em));}
	.m2_title_wrap .title_01 .title_primary p:nth-child(3) {transform:translateY(calc(-50% + 1.5em));}
	.m2_title_wrap .title_01 .title_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%; clip-path: url(#mainClipPath);}
	.m2_title_wrap .m2_t1 .clipped_content {position:absolute; top:0; bottom:0; left:0; right:0; }
	.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 .title_primary p {color:rgb(255 255 255 / 40%); font-size:48px; line-height:68px; font-weight:700;  text-align:left; transition:color 0.2s}
	.m2_title_wrap .m2_t3 .title_01 .title_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 img {transform:scale(0.8); height:100%; border-radius:min(50px, 10vw);}

/* 궁금증을 해결하는 과정에서 / 새로움을 발견하는 경험까지 */
.main_2 {margin-bottom:256px;}
.main_2 > .container {overflow:hidden; width:100%; max-width:none; padding:0;}
.main_2 .title_01 {margin-bottom:60px;}
.main_2 .title_01 .title_secondary {font-weight:400;}
.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 {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_slider_01_1.jpg");}
.slider_01 .slide_2 .container::before {background-image:url("../images/main_slider_01_2.jpg");}
.slider_01 .slide_3 .container::before {background-image:url("../images/main_slider_01_3.jpg");}
.slider_01 .slide_4 .container::before {background-image:url("../images/main_slider_01_4.jpg");}
.slider_01 .slide_5 .container::before {background-image:url("../images/main_slider_01_5.jpg");}
.slider_01 ul li .slide_title {position:relative; visibility:hidden; opacity:0; color:#fff; transition:0.5s; cursor:pointer; z-index:1;}
/* .slider_01 ul li:not(.active):hover .container::before {opacity:1;} */
.slider_01 .title_primary {font-size:44px; line-height:53px; margin-bottom:17px; white-space:nowrap;}
.slider_01 .title_secondary {position:relative; font-size:24px; line-height:38px; font-weight:600; display:inline-block; padding-right:68px; transition:0.3s;}
.slider_01 .title_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 .title_secondary::before {opacity:1; right:0;}
.slider_01 ul li.active .slide_title:not(:hover) .title_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_01 {margin-bottom:60px;}
.main_3 .title_01 .title_secondary {font-weight:400;}
.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_01 {margin-bottom:60px;}
.main_4 .title_01 .title_primary {font-size:48px; line-height:1.42;}
.main_4 .title_01 .title_secondary {line-height:1.34; font-weight:500; margin-top:16px;}
.banner_01 {color:#fff; text-align:center;}
.banner_01 .container {max-width:100%; display:flex; padding:0; background:url("../images/visual/main_banner_1.jpg") no-repeat center / cover; 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 .title_primary {font-size:22px; font-weight:500; margin-bottom:40px;}
.banner_01 .banner_item .title_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 {max-width:1470px; border-radius:24px;}

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

.ssro_wrap {}
.ssro_visual {position:relative; height:100dvh; background:url("../images/ssro_visual_1.jpg") no-repeat center / cover;}
.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_1 {padding:68px 0; background:#fff;}
	.ssro_1 .container {display:flex; max-width:1920px; padding-left:calc((100% - 1240px) / 2 + 20px); padding-right:68px; margin:0;}
	.ssro_1 .title_wrap {flex:1; flex-direction:center; justify-content:flex-start; align-items:flex-start; padding:112px 0 160px; margin:0;}
	.ssro_1 .title_01 {text-align:left; margin-bottom:18px;}
	.ssro_1 .title_01 .title_primary {font-size:48px; line-height:1.42;}
	.ssro_1 .title_wrap p {color:#777; font-size:24px; line-height:40px; margin-bottom:80px;}
	.ssro_1 .title_wrap ul {}
	.ssro_1 .title_wrap ul li {text-align:left;}
	.ssro_1 .title_wrap ul li ~ li {margin-top:36px;}
	.ssro_1 .title_wrap .btn {width:300px;}
	.ssro_1 .ssro_1_img {}
	.ssro_1 .ssro_1_img img {}
.ssro_2 {padding:200px 0;}
	.ssro_2 .container {}
	.ssro_2 .title_01 {text-align:left; margin-bottom:92px;}
	.ssro_2 .title_01 .title_primary {font-size:48px; line-height:1.42;}
	.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:rgb(0 0 0 / 60%);}
.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_01 {text-align:left; margin-bottom:80px;}
	.ssro_3 .title_01 .title_secondary {color:#999; font-size:24px; line-height:40px; 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:relative; height:468px; padding-left:90px; transform:translateY(-55px);}
	.steps_module .__wrap {position:relative; overflow:hidden; display:flex; align-items:center; height:100%; border-radius:300px 0 0 300px; transform:translateY(55px);}
	.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; margin-left:160px;}
	.steps_module ol li {position:relative; width:450px; word-break:keep-all;}
	.steps_module ol li ~ li {margin-left:240px;}
	.steps_module ol li .__title {position:relative; font-size:24px; line-height:40px; font-weight:700; margin-bottom:48px; 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; }
	
.ssro_4 {padding:160px 0 200px;}
	.ssro_4 .title_01 {margin-bottom:164px;}
	.module_content_card.style_v2 {gap:120px 0;}
	.module_content_card.style_v2 .module_item {width:50%; padding-right:10%;}
	.module_content_card.style_v2 .item_img {margin-bottom:20px;}
	.module_content_card.style_v2 .item_title {margin-bottom:20px;}
	.module_content_card.style_v2 .item_title span {display:block; font-size:18px; font-weight:400;}
.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 {display:block;} */
	.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 .title_primary {font-size:36px; line-height:1.2;}
.layer_pop.__system .__body {padding-top:40px;}
.layer_pop.__system .__body .__image {text-align:center;}
.layer_pop.__system .__body .__image img {width:77%; max-width:640px;}
.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 .keyword_list_module.__style_01 {margin-top:70px;}

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

/* 그룹소개 - 브랜드 */
.brand_wrap {padding-top:206px; padding-bottom:240px;}
.brand_wrap .title_01 {text-align:left; margin-bottom:80px;}
.brand_wrap .title_01 .title_primary {font-size:48px; line-height:68px;}
.brand_1 {margin-bottom:160px;}
.brand_1 .title_02 {margin-bottom:30px;}
.brand_1 .title_02 .title_primary {font-size:28px; line-height:33px;}
.brand_1 .text_01 {margin-bottom:30px;}
.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 .title_02 {margin-bottom:30px;}
.brand_2 .title_02 .title_primary {font-size:28px; line-height:33px;}
.identity_wrap {display:flex; gap:40px; margin-bottom:86px;}
.identity_wrap > div {flex:1;}
.identity_wrap .id_logo {position:relative; padding-top:60%; margin-bottom:24px; border:1px solid rgb(0 0 0 / 20%); border-radius:10px;}
.identity_wrap .id_logo img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:scale-down;}
.identity_wrap .id_title {font-size:24px; line-height:29px; margin-bottom:10px;}
.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,
.contact_wrap .view_wrap .title_01 {line-height:68px; text-align:left; margin-bottom:80px;}
.contact_map {width:100%; height:55dvh; 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_wrap .title_02 {margin-bottom:40px;}
.contact_wrap .title_02 .title_primary {font-size:38px;}
.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:last-child {border-bottom:0;}
.contact_list ul li:nth-child(4) ~ li {display:none;}
.contact_list .contact_label {width:36.5%; font-size:24px; font-weight:600;}
.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:320px;}
.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;}
	.search_wrap {display:flex; gap:16px;}
.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 .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 {min-width:30px; line-height:30px; padding:0 5px; text-align:center;}
	.paging a.btn {position:relative; width:30px; padding:0; background:url("../images/common/ico_select_arrow.svg") no-repeat center;  transform:rotate(90deg); font-size:0;}
	.paging a.btn img {display:none;}
	.paging a.btn_first {order:-2; background-position:center 14px;}
	.paging a.btn_first::before,
	.paging a.btn_last::before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:url("../images/common/ico_select_arrow.svg") no-repeat center 9px; opacity:0.7;}
	.paging a.btn_prev {order:-1;}
	.paging a.btn_next {order:1; transform:rotate(-90deg);}
	.paging a.btn_last {order:2; transform:rotate(-90deg); background-position:center 14px;}
	.paging a:hover {background-color:rgb(0 0 0 / 10%);}
	.paging a.btn,
	.paging a.btn::before {background-size:10px;}

.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; color:#fff; text-align:center; z-index:1;}
	.sec_banner .title_02 .title_primary {font-size:28px; line-height:33px; margin-bottom:8px;}
	.sec_banner .title_02 .title_secondary {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/company_contact_qna.png") 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 {margin-bottom:80px;}
.view_wrap .title_01 {text-align:left; margin-bottom:40px;}
.view_head {display:flex; color:#B4B4B4; font-size:18px; line-height:70px; border-top:1px solid #000; border-bottom:1px solid #CBCBCB;}
.view_head > span {padding:0 20px;}
.view_head .view_title {flex:1; color:#000; font-size:20px; 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 center;}
.view_file a {color:#1683e9; text-decoration:underline;}
.view_con {padding:20px; font-size:18px; margin-bottom:80px;}
.view_bottom {margin-bottom:50px; font-size:18px; line-height:70px; border-top:1px solid #CBCBCB;}
.view_bottom li {display:flex; gap:20px; padding:0 20px; border-bottom:1px solid #CBCBCB;}
.view_bottom li span {flex-shrink:0; color:#B4B4B4;}
.view_bottom li a {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.view_bottom li a:hover {text-decoration:underline;}

/* 그룹소개 - 문의하기 */
.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); height:364px; color:#fff; margin:0 auto 80px; background:url("../images/company_qna.jpg") 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 .title_primary {font-size:48px;}
	.qna_wrap .title_01 .title_secondary {font-weight:400;}
	.qna_wrap .container {max-width:1020px;}
	.qna_wrap .title_02 {margin-bottom:10px;}
	.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 {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:#ff4848; 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 input[type="file"] {position:absolute; clip-path:rect(0 0 0 0);}
	.table_01 .file_input_div label {position:absolute; top:0; bottom:0; left:0; right:0; font-size:0; cursor:pointer;}

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

.people_visual .title_01 {text-align:left; margin-bottom:80px;}
.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:url("../images/people_top_visual.jpg") no-repeat center / cover;}
.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 .title_secondary {color:#fff; font-size:36px; line-height:1.5; font-weight:400;}
.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 {text-align:left;}
.people_wrap .section .title_01 .title_primary {font-size:48px; line-height:1.4;}
.people_wrap .section .title_01 .title_secondary {font-weight:400; margin-top:24px;}
.people_wrap .section .title_02 .title_primary {font-size:32px; line-height:1.25;}

.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:#FF4848;}

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

.people_1 {margin-bottom:420px;}
.people_1 .title_01 {margin-bottom:60px;}
.people_1 .title_01 .title_primary {margin-bottom:24px;}
.people_1 .title_01 .btn {width:auto; font-size:20px; line-height:30px; background-size:24px; padding-right:36px;}

.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_home_slider_1.jpg");}
.slider_02 .slide_2 .container::before {background-image:url("../images/people_home_slider_2.jpg");}
.slider_02 .slide_3 .container::before {background-image:url("../images/people_home_slider_3.jpg"); 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 .title_primary {font-size:32px; line-height:1.2; white-space:nowrap;}
.slider_02 ul li .title_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 {display:flex; justify-content:space-between; margin-bottom:120px;}
.people_2 .dl_list_wrap {}
.dl_list_wrap .title_02 {margin-bottom:40px;}
.dl_list_wrap .dl_list_01 {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 {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;}
	/* 스스로 - 레이어팝업 */
	.dl_list_01.__style_02 dl {padding-left:20px; padding-right:20px;}
	.dl_list_01.__style_02 dl dt {flex-basis:25%; font-size:20px; word-break:keep-all;}

/* 인재상 - 스스로교육디렉터 팝업 */
.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 .title_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 .title_primary {font-size:28px; line-height:33px; margin-bottom:34px;}
.tabs_nav {display:flex; justify-content:center; gap:10px; margin-bottom:28px;}
.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; padding:34px 100px; background:#fff; border-radius:20px;}
.dl_box dl dt {flex-shrink:0; width:150px; font-size:18px; line-height:21px; font-weight:700;}
.dl_box dl dd {flex:1; font-size:18px;}

.dl_box.__style_02 {}
.dl_box.__style_02 dl {display:flex; padding:34px 92px;border:1px solid #CFD5DF; border-radius:20px;}
.dl_box.__style_02 dl dt {}
.dl_box.__style_02 dl dd {}
.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_box.__style_02 dl.__style_02 {flex-direction:column; padding:60px 150px;}
.dl_box.__style_02 dl.__style_02 dt {width:100%; font-size:16px; margin-bottom:4px;}
.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 {margin-bottom:120px;}
.benefit_1 .title_01 {margin-bottom:80px;}
.img_banner {position:relative; height:320px; margin-bottom:136px;}
.img_banner img {width:100%; height:100%; object-fit:cover;}
.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 {padding-top:120px; border-top:1px solid #bdbdbd;}
.info_list_module {padding-bottom:120px; }
.info_list_module .__title {margin-bottom:85px;}
.info_list_module ul {display:flex; flex-wrap:wrap; gap:60px 50px;}
.info_list_module ul li {width:calc(100% / 3 - 100px / 3);}
.info_list_module ul li strong {display:block; font-size:18px; line-height:1.25; font-weight:700; margin-bottom:6px;}
.info_list_module ul li p {color:#444; font-size:16px; line-height:1.25; word-break:keep-all;}
.info_list_module.__style_02 ul {gap:120px 106px;}
.info_list_module.__style_02 ul li {display:flex; width:calc(50% - 53px); gap:65px;}
.info_list_module.__style_02 ul li strong {flex-shrink:0; margin-bottom:0;}

.benefit_2 {position:relative; padding-top:620px; margin-bottom:240px;}
.benefit_2 .img_banner {position:absolute; top:0; left:0; width:100%; height:620px; margin-bottom:0;}
.benefit_2 .img_banner .__bg {opacity:0; position:absolute; top:100%; bottom:0; left:0; right:0; background:rgb(0 0 0 / 80%);}
.benefit_2 .info_list_module {position:relative; height:620px; display:flex; align-items:center; padding:0;}
.benefit_2 .info_list_module .container {}
.benefit_2 .info_list_module .container * {color:#fff;}
.benefit_2 .info_list_module .container ul li p {color:rgb(255 255 255 / 60%);}

/* 직무소개 */
.task_1 {margin-bottom:200px;}
.task_1 .title_01 {margin-bottom:163px;}
.img_clip_visual {margin-bottom:200px;}
.img_clip_visual .__image {height:460px; background:url("../images/people_visual.jpg") no-repeat center / cover; clip-path: inset(0% 38% 0 10% round 230px); font-size:0;}
.navi_info_list {display:flex; justify-content:space-between;}
.navi_info_list .__nav {display:flex; flex-direction:column; align-items:flex-start; gap:35px; }
.navi_info_list .__nav button {font-family:var(--font-Proxima); color:rgb(0 0 0 / 30%); font-size:32px; line-height:38px; font-weight:600; transition:0.2s;}
.navi_info_list .__nav button.active {color:#000; font-weight:700;}
.info_list_module.__style_03 {max-width:780px;}
.info_list_module.__style_03 ul {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;}
.navi_info_list .__info_list {margin-bottom:200px;}
.navi_info_list .__info_list .info_list_module {padding-bottom:40px;}
.navi_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 .title_01 {text-align:left; margin-bottom:80px;}
.recruit_1 .title_01 .title_secondary {color:#777; font-weight:400;}
.recruit_1 .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:220px; height:220px; 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:180px; background:none; transform:translateX(10px);}
.process_module ol li:nth-child(3) ol li:nth-child(2) div {width:220px; 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;} 
.process_module ol li span {font-size:22px; font-weight:700;}
.process_module ol li strong {font-size:20px; font-weight:600;}

.recruit_1 .toggle_content_list {display:flex; gap:40px; margin-bottom:200px;}
.recruit_1 .toggle_content_list .__list_wrap {flex:1;}
	.recruit_1 .toggle_content_list .__list_wrap li:nth-child(even) {display:none;}
	.recruit_1 .toggle_content_list .__list_wrap + .__list_wrap li:nth-child(even) {display:block;}
	.recruit_1 .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 {padding-bottom:28px; 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_2 {margin-bottom:186px;}
.recruit_2 .title_01 {text-align:left; margin-bottom:40px;}
.recruit_2 .title_01 .title_primary {font-size:42px;}

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

.privacy_wrap {padding-top:206px;}
.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; margin-bottom:10px;}
.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 { height:33px; padding-left:15px; margin-bottom:10px; background:#f2f2f2;}
.join_agree ul.number_style1 li a {line-height:33px;}
.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;}