@charset "utf-8";

/*------------------------------------*\
	RWD
	
	1. PC :		1281 ~ 1920
	2. TABLET :	1025 ~ 1280
	3. MOBILE :	~ 1024

	0 ~ 1024 : 모바일
	1025 ~ : 유동구간

\*------------------------------------*/

@media (max-width:1700px) {
	
	/* 스스로 *********************************************************/

	.ssro_1 {padding-left:24px; padding-right:24px;}
	.ssro_1 .container {max-width:none; padding-left:calc((100vw - var(--max-width)) / 2 - 20px);}

}

@media (max-width:1497px) {

	.header_container {display:flex; justify-content:space-between;}
	.header_logo, .header_btns {position:initial;}
	.header_wrap .container {width:auto; margin-left:0;}
	
}

@media (width < 1400px){
	.affi_info {flex-direction: column;  gap: 10px; margin-top: 20px;}
	.affi_item p {max-width:100%;}
}



/* TABLET */

@media (min-width:1025px) and (max-width:1320px) {
	
	/* 채용안내 *********************************************************/
	
	.process_module ol {gap:24px; justify-content:center;}
	.process_module ol li {transform:scale(1); transform-origin:left;}
	.process_module ol li ~ li::before {top:calc(50% - 3px); left:-23px;}
	.process_module ol li div,
	.process_module ol li:nth-child(3) ol li:nth-child(2) div {width:180px; height:180px;}
	.process_module ol li:nth-child(3) ol li:first-child div {width:140px; height:140px;}
	.process_module ol li:nth-child(3) div {width:auto;}	

}


@media (min-width:1025px) and (max-width:1280px) {
	
	/* 홈 *********************************************************/
	
	.slider_01 {max-width:clamp(900px, 80%, 1200px);}
	
	/* 스스로 *********************************************************/
	
	.steps_module {left:calc(50% - 160px);}
	.steps_module ol li {width:62vw; max-width:700px; padding:0 100px;}
	.steps_module .__wrap::after {width:clamp(600px, 62vw, 774px);}

	/* 사업분야 - 사회공헌 ********************************************/
	
	.slider_3 ul li .__text {padding-top:4%;}
	.slider_3 .__title .__primary {font-size:36px; margin-bottom:0.6em;}

}



/* MOBILE */

@media (max-width:1024px){
	
	/* 공통 *********************************************************/
	
	::placeholder {font-size:16px;}

	.desktop_only {display:none;}
	.mobile_only,
	.show_tbl {display: block;}

	.btn.link_04 {font-size:12px;}
	.btn.link_04::before {clip-path:circle(9% at 89% 50%);}
	.btn.__link_07 {font-size:18px; line-height:58px; max-width:none;}
	.btn_x {width:30px; height:30px;}
	.btn_x::before,
	.btn_x::after {width:18px; left:calc(50% - 9px);}
	.form_element select {padding-right:30px; background-size:10px; background-position:right 18px center;}
	.title_01 .__primary {font-size:30px; line-height:40px;}
	.title_01 .__secondary {font-size:16px; line-height:24px;}
	.title_02 .__primary {font-size:28px; line-height:36px;}
	.title_02 .__secondary {font-size:16px; line-height:22px;}
	.title_03 .__primary {font-size:24px; line-height:32px;}
	.title_03 .__secondary {font-size:14px; line-height:20px;}

	/* 1. 헤더 *******************************************************/

	[data-mode="mobile"]::before {visibility:hidden; opacity:0; content:''; position:fixed; top:0; bottom:0; left:0; right:0; background:#fff; z-index:2; transition:0.2s;}
	.header_wrap { min-height:64px; height:64px; max-height:64px;}
	.header_container {padding:0 0 0 16px;}
	[data-header="hidden"][selected-gnb-sub="true"] .header_wrap {min-height:64px;}
	[data-header="hidden"][selected-gnb-sub="true"]:has(.hnav_on) .header_wrap {transform:translateY(-17px);}
	[data-header="hidden"] .header_wrap {transform:translateY(-64px);}	
	[data-header="hidden"] .gnb_main > ul > li:has(a.__active) .gnb_sub {width:100lvw;}
	[data-header="hidden"] .gnb_sub {z-index:3;}
	[data-header="hidden"] .gnb_sub ul {height:64px;}
	[data-header="hidden"] .gnb_sub ul li a {font-size:20px; transition:0s;}
	[data-header="visible"][data-header-hover="true"] .header_wrap {background:#fff;}
	.gnb_main > ul > li > a {display: none;}
	.gnb_sub {transition:0s;}
	.header_wrap .container {padding:0;}

	.header_wrap::before {opacity:0; content:''; position:absolute; left:0; right:0; bottom:70px; height:1px; background:#C6CCD2; transition:0s;}
	.gnb_on .header_wrap {height:100svh !important; max-height:100%;}
		.gnb_on .header_wrap::before {opacity:1; transition:0.2s 0.3s;}
	.gnb_on .gnb_container { position: absolute; left: 0; top: 64px; width:100%; max-height:calc(100svh - 134px); overflow-y:auto; padding-top:22px;}

	.gnb_on .gnb_main ul {flex-direction:column;}
	.gnb_on	.gnb_main ul li a {display:block; width:100%; color:#000; font-size:20px; line-height:68px; padding-left:22px;}
	.gnb_on	.gnb_main .gnb_sub {overflow:hidden; position:static; padding:0 22px; transform:none; transition-delay:0s;}
	[data-header="hidden"].gnb_on .gnb_main > ul > li:has(a.__active) .gnb_sub {width:100%;}
	.gnb_on	.gnb_main .gnb_sub::before {display:none;}
	.gnb_on	.gnb_main .gnb_sub ul {}
	[data-theme="dark"][data-header="visible"].gnb_on .gnb_main .gnb_sub ul li a {color:#444;}
	.gnb_on	.gnb_main .gnb_sub ul li a {color:#444; font-size:16px; line-height:43px; padding-left:0;}
	.gnb_on	.gnb_main > ul > li {display:grid; grid-template-rows:1em 0fr; transition:0.3s; font-size:68px;}
	.gnb_on	.gnb_main > ul > li > a {position:relative; padding-right:45px;}
	.gnb_on	.gnb_main > ul > li > a::before {content:''; position:absolute; top:0; right:0; width:45px; height:68px; background:url("../images/common/ico_arrowdown.svg") no-repeat left center;}
	.gnb_on	.gnb_main > ul > li.__open {grid-template-rows:1em 1fr;}
	.gnb_on	.gnb_main > ul > li.__open > a::before {transform:scaleY(-1);}

	.gnb_on	.gnb_main > ul > li > a.__active {color:#000 !important;}
	.gnb_on	.gnb_sub ul li a.__active {font-weight: 500;}
	
	.header_logo a {width:54px; height:64px; background-position-x:center;}
	.header_btns {right:0;}
	.header_btns a {height:40px;}
	.header_btns .btn_menu {display:block; height:100%;}
	
	.btn_lang,
	.btn_ssro {visibility:hidden; opacity:0; position:fixed; bottom:15px; height:40px; transition:0;}
	.btn_lang {left:12px;}
	.btn_ssro {right:20px;}
	.btn_lang .__btns {top:auto; bottom:100%;}
	.btn_lang button::after {transform:none;}
	.btn_lang.__active button::after {transform:scaleY(-1);}
	
	.gnb_on .btn_lang,
	.gnb_on .btn_ssro {visibility:visible; opacity:1; transition:0.2s 0.5s;}
	.gnb_on .btn_lang button::before {color:#000;}
	
	
	.btn_lang::before {width:60px; height:60px; top:calc(50% - 30px); left:calc(50% - 30px);}
	.btn_lang span {display:flex; align-items:center; justify-content:center;}
	.btn_lang span::before {position:static; font-size:16px; font-weight:500;}
	.btn_lang span::after {display:none;}

	[data-mode="mobile"].gnb_on::before {visibility:visible; opacity:1;}
	.gnb_on .header_logo a {background-image:url("../images/common/logo_jei_black.svg") !important;}
	.gnb_on .header_wrap {padding-bottom:70px; border-bottom:0;}
	.gnb_on .gnb_main {display:block; transform:none; opacity:1; visibility:visible; transition:0.3s; width: 100%;}
	.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;}

	/* 2. 푸터 *******************************************************/

	.footer_wrap {padding:32px 0 40px;}
	.footer_wrap .container {flex-direction:column; padding:0 24px;}
	.footer_wrap .__left {margin-bottom:20px;}
		.footer_wrap address {font-size:12px; line-height:20px; margin-bottom:0;}
		.footer_wrap address .__logo {margin-bottom:10px; line-height:20px;}
		.footer_wrap address .__logo img {width:auto; height:20px;}
		.footer_wrap .__copy {font-size:12px;}
	.footer_wrap .__right {display:flex; flex-direction:column; text-align:left;}
		.footer_family_wrap {order:1; text-align:left; margin-bottom:20px;}
		.footer_family_wrap .btn_family {width:100%; max-width:500px; font-size:12px;}
		.footer_family_wrap .family_sub {top:auto; bottom:72px; left:24px; right:24px; overflow:auto; max-width:500px; height:calc(100vh - 200px); max-height:600px; padding:10px;}
		.footer_family_wrap .family_sub > ul {flex-direction:column;}
		.footer_family_wrap .family_sub > ul > li > span,
		.footer_family_wrap .family_sub > ul > li > ul,
		.footer_family_wrap .family_sub > ul > li:first-child > span,
		.footer_family_wrap .family_sub > ul > li:first-child > ul {padding-left:15px;}
		.footer_family_wrap .family_sub > ul > li > span {line-height:40px; border-radius:5px; box-shadow:0 0 10px rgb(0 0 0 / 5%);}
		.footer_family_wrap .family_sub > ul > li > ul {padding-top:4px;}
		.footer_wrap .__sns {gap:15px; justify-content:flex-start; margin-bottom:14px; margin-right:0;}
		.footer_wrap .__sns a {width:32px;}
		.footer_wrap .__links {order:-1; font-size:12px; line-height:20px; margin-bottom:30px;}

	/* 홈 *******************************************************/

	.main_visual .swiper-wrapper .container, 
	.main_visual .swiper_controls div.container {margin-left:0; padding-left:50px;}
	.main_visual .title_01 {transform:translateY(50%);}
	.main_visual .title_01 .__primary {font-size:36px; line-height:48px; margin-bottom:0;}
	.main_visual .btn.__link_06 {display:none;}
	.main_visual .swiper_controls {top:auto; transform:none; bottom:60px;}
	.main_visual .swiper_controls div.container {gap:10px;}
	.main_visual .swiper_controls .swiper-index {width:26px; font-size:20px; font-weight:500; line-height:1;}
	.main_visual .swiper_controls .swiper-progress {width:90px;}
	.main_visual .swiper_controls .swiper-button-prev {margin-left:65px; margin-right:10px;}
	.visual_slider .swiper-slide-active .title_01 .__primary {}
	.main_1 {margin-bottom:90px;}
	.m2_title_wrap .title_01 {padding:0 48px;}
	.m2_title_wrap .title_01 .__primary {font-size:28px; line-height:46px;}
	.main_4 .title_01 .__primary {font-size:28px; line-height:36px;}
	.main_2 {margin-bottom:130px;}
	.slider_01 {height:auto; padding:0 15px;}
	.slider_01 ul {flex-direction:column; gap:18px;}
	.slider_01 ul li {width:100%; height:184px;}
	.slider_01 ul li ~ li {margin-left:0;}
	.slider_01 ul li .container {border-radius:10px;}
	.slider_01 ul li .container::after {opacity:1;}
	.slider_01 ul li .slide_title {opacity:1; visibility:visible;}
	.slider_01 ul li.active .container::before {transform:none;}
	.slider_01 .__primary {font-size:18px; line-height:22px; margin-bottom:6px;}
	.slider_01 .__secondary {font-size:14px; line-height:16px; padding-right:24px;}
	.slider_01 .__secondary::before {width:16px; height:16px; background-size:cover;}
	.slider_01_nav {display:none;}
	.main_3 {margin-bottom:132px;}
	.main_3 .container {padding:0 25px;}
	.card_01 {gap:12px;}
	.card_01 .card_item {flex:1 0 auto;}
	.card_01 .__title {font-size:20px; line-height:24px;}
	.card_01 .__desc {font-size:12px;}
	.main_4 {margin-bottom:90px;}
	.main_4 .title_02 {margin-bottom:58px;}
	.banner_01 .container {flex-direction:column;}
	.banner_01 .container::before {width:calc(100% - 46px); height:1px; transform:translateX(-50%);}
	.banner_01 .banner_item {width:100%; opacity:1; padding:70px 0;}
	.banner_01 .banner_item > * {transform:none;}
	.banner_01 .container:hover .banner_item {opacity:1;}
	.banner_01 .banner_item a {opacity:1;}
	.banner_01 .banner_item .__primary {font-size:18px;}
	.banner_01 .banner_item .__primary b {font-size:26px; margin-bottom:10px;} 

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

	.ssro_visual {} 
	.ssro_visual .container {justify-content:center;}
	.ssro_visual .title_01 {font-size:30px; text-align:center;}
	.ssro_visual .title_01 .__primary {font-size:30px; line-height:44px;}
	.ssro_1 {padding-top:103px; padding-bottom:0; margin-bottom:100px;}
	.ssro_1 .container {flex-direction:column; padding:0;}
	.ssro_1 .title_02 .__primary {font-size:28px; line-height:36px;}
	.ssro_1 .title_02 .__secondary {color:#000; font-size:16px; margin-bottom:46px;}
	.ssro_1_btn {flex-direction:column; gap:10px; max-width:300px; margin:0 auto 30px;}
	.btn.__link_05 {font-size:16px; line-height:24px; padding-right:50px; background-size:auto 100%;}
	.ssro_1_img {width:100%; padding:0; text-align:center;}
	.ssro_1_img img {max-width:280px;}
	.ssro_2 {padding:100px 0;}
	.ssro_2 .container {padding:0 50px;}
	.ssro_2 .title_02 {margin-bottom:47px;}
	.ssro_2 .title_02 .__primary {font-size:28px;}
	.module_content_card {flex-direction:column;}
	.module_content_card .module_item,
	.module_content_card .module_item:nth-child(3) ~ .module_item {width:100%;}
	.module_content_card .item_img {width:80px; margin-bottom:20px;}
	.module_content_card .item_title {font-size:20px; line-height:1.2; margin-bottom:10px;}
	.module_content_card .item_desc {font-size:14px; line-height:24px;}
	.ssro_3 {padding:122px 0;}
	.ssro_3 .container {padding:0;}
	.ssro_3 .title_02 {text-align:center; margin-bottom:60px;}
	.ssro_3 .title_02 .__secondary {font-size:14px;}
	.system_wrap {flex-direction:column; padding:0;}
	.system_wrap .system_title {display:none;}
	.steps_module {position:static; width:100%; height:auto; padding-left:0; transform:none;}
	.steps_module::before {content:''; position:absolute; top:180px; left:0; right:0; height:2px; background:#fff;}
	.steps_module .__wrap {width:calc(100% - 60px); max-width:460px; margin:0 auto; padding:80px 0; border-radius:170px; border:1px solid #fff; transform:none;}
	.steps_module .__wrap::after {display:none;}
	.steps_module ol {margin-left:0;}
	.steps_module ol li {display:flex; flex-direction:column; height:auto; padding:0; text-align:center; width:100%; }
	.steps_module ol li ~ li {margin-left:0;}
	.steps_module ol li .__title {font-size:20px; line-height:1.7; margin-bottom:55px;}
	.steps_module ol li .__title::before {opacity:1; bottom:-39px; left:calc(50% - 7px);}
	.steps_module ol li .__desc {width:calc(100% - 70px); max-width:360px; margin:0 auto; font-size:14px; line-height:26px;}
		html[lang="en"] .steps_module ol li .__desc {height:auto;}
	.steps_pagination {display:block; transform:translateY(55px); color:rgb(255 255 255 / 40%); font-size:14px;}
	.steps_pagination [class *= current] {color:#fff;}
	.ssro_4 {padding:110px 0 100px;}
	.ssro_4 .container {padding:0 50px;}
	.ssro_4 .title_02 {text-align:left; margin-bottom:76px;}
	.module_content_card.style_v2 {gap:80px;}
	.module_content_card.style_v2 .module_item {width:100% !important; padding:0; border:0 !important;}
	.module_content_card.style_v2 .item_img {position:static; width:48px; margin-bottom:8px;}
	.module_content_card.style_v2 .item_title {margin-bottom:20px;}
	.module_content_card.style_v2 .item_title span {font-size:16px; line-height:1.5; margin-top:4px; word-break:keep-all;}
	.module_content_card.style_v2 .item_desc {opacity:1; visibility:visible; transform:none; color:#444;}

	/* 레이어팝업 */
	.layer_pop.__ratio .layer_content .container {height:min(calc((100vw - 40px) * 0.7), 690px);}
	.layer_content .btn_x {top:5px; right:5px;}
	.layer_pop.__system .layer_content .container .layer_inner_container {padding:64px 20px 40px;}
	.layer_pop.__system .__head {padding-bottom:0;}
	.layer_pop.__system .__head .title_01 .__primary {font-size:22px;}
	.layer_pop.__system .__body {padding-top:30px;}
	.layer_pop.__system .__body .__image img {width:100%;}
	#system_pop_1 .keyword_list_module.__style_01 {margin-top:30px;}
	.keyword_list_module.__style_01 ul li,
	.keyword_list_module.__style_01 ul li:last-child {font-size:16px; padding:12px 0;}
	.keyword_list_module.__style_01 ul li ~ li {margin-top:10px;}
	/* 인재상 */
	.dl_list_01 dl {flex-direction:column; gap:10px; padding:20px 15px;}
	.dl_list_01 dl dd ul li ~ li {margin-top:15px;}
	/* 스스로 */
	.dl_list_02 dl {gap:22px; padding:24px 2px;}
	.dl_list_02 dl .__image {flex-basis:62px;}
	.dl_list_02 dl .__info dt {font-size:16px; margin-bottom:8px;}
	.dl_list_02 dl .__info dd {font-size:14px; line-height:1.5;}
	#system_pop_2 .layer_inner_container {padding-top:64px;}
	#system_pop_2 .tabs_nav {display:none;}
	.img_info_list {position:relative; overflow:hidden; width:calc(100% - 80px); margin:0 auto; padding-bottom:83px;}
	.img_info_list .__content .__item {display:block !important;}
	.effect_pagination {position:absolute; bottom:0; display:flex; justify-content:center;}
	.effect_pagination .swiper-pagination-bullet {width:10px; height:10px; background:rgb(0 0 0 / 10%); opacity:1; border-radius:5px; transition:0.3s;}
	.effect_pagination .swiper-pagination-bullet-active {width:34px; background:#000;}
	.effect_navigation {opacity:1 !important; width:30px; height:30px; background:no-repeat center / 28px;}
	.effect_navigation.swiper-button-next {background-image:url("../images/common/btn_right_active.svg");}
	.effect_navigation.swiper-button-next.swiper-button-disabled {background-image:url("../images/common/btn_right_default.svg");}
	.effect_navigation.swiper-button-prev {background-image:url("../images/common/btn_left_active.svg");}
	.effect_navigation.swiper-button-prev.swiper-button-disabled {background-image:url("../images/common/btn_left_default.svg");}

	/* 그룹소개 History *******************************************************/
	
	html[lang="en"] .history_area .term h4 {font-size:22px;}
	

	/* 그룹소개 BRAND *******************************************************/

	.brand_wrap {padding-top:166px;}
	.brand_wrap .title_02 {margin-bottom:14px;}
	.brand_wrap .title_02 .__primary {font-size:20px; line-height:1.2;}
	.brand_1 {margin-bottom:100px;}
	.brand_1 .container {flex-direction:column; gap:32px;}
	.brand_1 .__title_wrap {}
	.brand_1 .__title_wrap .title_01 {margin-bottom:80px;}
	.brand_1 .__title_wrap .text_01 {font-size:16px;}
	.brand_1 .__img_wrap {width:100%;  text-align:center;}
	
	/*
	.brand_clipping {height:184px; margin-left:-20px; margin-right:-20px;}*/
	
	.brand_2 {padding:60px 0 80px;}
	.brand_2 .title_02 {margin-bottom:20px;}
	.identity_wrap {gap:40px;}
	.identity_wrap .__item {flex-direction:column; gap:20px;}
	.identity_wrap .__title {font-size:16px; line-height:22px; margin-bottom:6px;}
	.identity_wrap .__text p {color:#7d7d7d; font-size:14px; line-height:23px}
	.identity_wrap .__logo {order:-1; flex-basis:auto; max-width:none; height:200px;}
	.identity_wrap .__logo img {}
	.identity_wrap .__text .btn {margin-top:20px;}

	/* 그룹소개 CONTACT *******************************************************/

	.form_element select,
	.form_element input[type="text"],
	.form_element input[type="search"] {height:40px; font-size:16px;}

	.title_wrap {flex-direction:column; gap:30px; align-items:flex-start; position:relative; margin-bottom:20px; z-index:1;}
	.title_wrap .title_02 {margin-bottom:0;}
	.title_wrap .title_02 .__primary {font-size:30px;}
	
	.title_wrap .search_wrap {position:relative; gap:10px;}
	.search_wrap select,
	.search_wrap input[type="text"],
	.search_wrap input[type="search"] {padding-left:10px;}
	.search_wrap select {background-color:#fff;}
	.search_wrap input[type="text"],
	.search_wrap input[type="search"] {width:calc(100% - 50px); padding-right:40px;}
	.search_wrap .btn {position:absolute; right:0; width:40px !important; height:40px; background:url("../images/common/btn_search.svg") no-repeat center; font-size:0; outline:0;}
	.search_wrap .btn span {display:none;}
	.search_wrap .btn:hover,
	.search_wrap .btn:active,
	.search_wrap .btn:focus {outline:none;}

	.contact_wrap {padding-top:140px;}
	.contact_wrap .title_01 {margin-bottom:30px;}
	.contact_wrap .title_01 .__primary {font-size:30px; line-height:40px;}
	
	.contact_map {height:300px; margin-bottom:50px;}
		
	.contact_1 {padding-bottom:30px; margin-bottom:50px;}
	.contact_1 .title_02 {margin-bottom:35px;}
	.contact_1 .title_02 .__primary,
	.contact_2 .title_02 .__primary {font-size:20px; line-height:24px;}
	.contact_2 {margin-bottom:90px;}
	.contact_list ul li {flex-direction:column; padding:30px 0;}
	.contact_list .contact_label {width:auto; font-size:20px; margin-bottom:20px;}
	.contact_list .contact_label button::before {transform:none; opacity:0.5;}
	.contact_list .contact_address p {font-size:16px;}
	.contact_list .contact_address p ~ p {margin-top:10px;}

	.contact_4 {margin-bottom:0;}
	.contact_4 .container {border-radius:0;}
	.sec_banner .container {padding:70px 0 60px;}

	.board_list_01 {}
	.board_list_01 ul li {flex-direction:column; align-items:flex-start; position:relative; padding:0 0 30px;}
	.board_list_01 .list_num {position:absolute; top:0; left:0; width:78px; font-size:14px; line-height:33px; padding-top:22px; text-align:center;}
	.board_list_01 .list_title {max-width:none; width:100%; padding-left:78px; line-height:33px; padding-top:22px;}
	.board_list_01 .list_date {width:auto; font-size:12px; line-height:14px; padding-left:78px;}

	.qna_wrap {padding-top:80px;}
	.qna_wrap .title_01 {width:100%; height:240px; border-radius:0;}
	.qna_wrap .title_01 .__primary {font-size:28px;}
	.qna_wrap .title_02 .__primary {font-size:20px;}
	.privacy {padding:20px;}
	.privacy,
	.privacy h5,
	.privacy ul li {font-size:16px; line-height:1.45;}
	.table_01 table {font-size:16px;}
	
	.view_wrap {padding-top:120px; margin-bottom:90px;}
	.view_head {font-size:16px; line-height:1.5; padding:10px 0;}
	.view_head .view_title {flex-basis:100%; font-size:20px; line-height:1.5; padding:7px 0; margin-bottom:20px;}
	.view_con {font-size:16px; padding:20px 0 50px;}
	.view_bottom {flex-direction:column; font-size:16px; line-height:1.5;}
	.view_bottom a {position:relative; padding-left:60px;}
	.view_bottom a::before {content:"이전 글"; color:rgb(0 0 0 / 50%); position:absolute; top:0; left:0; line-height:40px;}
	.view_bottom a:nth-child(2)::before {content:"다음 글";}
	.view_bottom a:nth-child(2) {border-top:1px solid rgb(0 0 0 / 20%);}
	.view_bottom a,
	.view_bottom a:nth-child(2) {background:none;}
	.view_bottom a span {display:none;}
	.view_bottom a span + span {display:block;}
	
	/* 사업분야 *******************************************************/
	
	.affiliate_wrap .__item ~ .__item {padding-top:50px;}
	.affiliate_wrap .__item .container {flex-direction:column; gap:30px;}
	.affiliate_wrap .__item .__content,
		html[lang="en"] .affiliate_wrap .__item .__content {max-width:none;}
	.affiliate_wrap .__item .affi_item ~ .affi_item {padding-top:50px;}
	
	.affi_info p,
	.contri_wrap .affi_item p {font-size: 14px; line-height: 1.5;}
	.contri_wrap .affi_item .btn_link {font-size: 24px;line-height: 1.5;}
	.affi_item .btn_link:not(.none_arrow)::after,
	.contri_wrap .affi_item .btn_link::after {width:26px; height:26px; background-size:56px; background-position:-31px -2px; margin-left: 10px;}
	
	.affi_item .btn_link {font-size:20px; line-height:1.4;}
	.affi_item .thumb {min-height:210px; padding-bottom:0; display:flex; jusitfy-conten:center;}
	.affi_item .thumb img {min-width:100%; width:auto; min-height: 100%; max-width: initial; max-height: 100%;}
	.affi_item .link span {font-size: 18px; padding:5px 0 10px;}

	.business_area {padding:30px 16px 0; margin-top:30px; margin-bottom:0;}	
	.business_area h4 {font-size:20px; margin-bottom:10px;}
	.business_area li {padding:24px;}
	.business_area h5 {margin-bottom:10px;}

	.contribute_2 {height:auto; padding:60px 0 80px;}
	.contribute_2 .title_02 {display:block; margin-bottom:30px;}
	.slider_3 {max-width:686px; height:auto; padding-left:0; margin:0 auto; word-break:keep-all;}
	.slider_3 .__title .__primary {display:none;}
	.slider_3 .__title .__secondary {font-size:24px; line-height:1.5;}
	.slider_3 ul li .__text .__title .__secondary,
	.slider_3 ul li .__p {opacity:1; transform:translateY(0);}
	.slider_3 ul li {flex-direction:column; gap:20px; cursor:grab;}
	.slider_3 ul li .__image, 
	.slider_3 ul li .__text {transform:none; opacity:1;}
	.slider_3 ul li .__image {flex-basis:auto;}
	.slider_3 ul li .__text {padding:0 20px;}
	
	.slider_3 .__pagination {display:none;}
	.slider_3 .slider_3_pagination {display:flex; top:min(calc((100vw - 40px) * 0.56), 390px); bottom:auto; right:0; gap:0; flex-direction:row; margin-top:0;}
	.slider_3 .slider_3_pagination span.swiper-pagination-bullet-active {width:50px; background:#364146;}
	
	
	/* 사람&문화 - 인재상 *******************************************************/

	.people_visual {margin-bottom:67px;}
	.people_visual .__visual_1 {height:clamp(120px, 35%, 460px)}
	.people_visual .__visual_2 .container {justify-content:center;}
	.people_visual .__visual_2 .title_01 .__secondary {font-size:18px; text-align:center;}
	.people_wrap .tabs .container {padding-left:20px;}
	.people_1 {margin-bottom:109px;}
	.people_1 .title_02 {margin-bottom:36px;}
	
	.key_info_wrap {flex-direction:column; padding:40px 36px 32px;}
	.key_info_wrap .__shadow div {transform:translateY(-90%) scale(0.95);}
	.key_info_wrap .__key {width:min(100%, 300px); margin:0 auto 60px;}
	.key_info_wrap .__key ul li {min-height:100px;}
	.key_info_wrap .__key ul li::before {top:-10px; bottom:-10px;}
	.key_info_wrap .__key ul li strong {font-size:16px; line-height:1.25;}
	.key_info_wrap .__key ul li span {display:block;}
	.key_info_wrap .__info {padding-left:0;}
	.key_info_wrap .__info ul li {min-height:auto; padding:0;}
	.key_info_wrap .__info ul li ~ li {margin-top:30px;}
	.key_info_wrap .__info ul li::before {display:none;}
	.key_info_wrap .__info ul li strong {font-size:16px;}
	.key_info_wrap .__info ul li span {font-size:14px;}

	.card_02 {flex-direction:column;}
	.card_02 .item_img {margin-bottom:30px;}
	.card_02 .__title {font-size:24px; margin-bottom:10px;}
	.card_02 .__title span {font-size:18px; line-height:22px; margin-bottom:3px;}
	.card_02 .__desc {font-size:16px;}

	.people_2 .container {flex-direction:column; margin-bottom:0;}
	.people_2 .title_01 {margin-bottom:50px;}
	.people_2 .dl_list_wrap {max-width:none;}
	.dl_list_wrap .title_03 {margin-bottom:10px;}
	.dl_list_wrap .dl_list_01 {margin-bottom:60px;}
	.dl_list_01 dl {gap:30px; padding:26px 0;}
	.dl_list_01 dl ~ dl {border-top:1px solid #000;}
	.dl_list_01 dl dt {font-size:20px; line-height:1.2;}
		html[lang="en"] .dl_list_01 dl dt {width:auto;}
	.dl_list_01 dl dd ul li ~ li {padding-top:16px; border-top:1px solid #cbcbcb;}
	.dl_list_01 dl dd ul li strong {font-size:16px;}
	.dl_list_01 dl dd ul li p {color:rgb(0 0 0 / 60%);}

	.layer_pop.__director .__head {padding:30px 20px 20px;}
	.layer_pop.__director .__head .title_01 {padding-bottom:30px;}
	.layer_pop.__director .__head .title_01 .__primary {font-size:24px; line-height:30px;}
	.dl_box {}
	.dl_box dl {flex-direction:column; gap:10px; padding:15px; border-radius:10px;}
		html[lang="en"] .dl_box dl {gap:10px;}
	.layer_pop.__director .__body {padding:30px 20px;}
	.layer_pop.__director .__body .title_02 {margin-bottom:20px;}
	.layer_pop.__director .__body .title_02 .__primary {font-size:24px;}
	.tabs_nav {flex-wrap:wrap; gap:8px; margin-bottom:20px;}
	.tabs_nav a {min-width:auto; padding:0 10px;}
	.tabs_nav a.active {}
	.dl_box dl dt,
		html[lang="en"] .dl_box dl dt,
		html[lang="en"] .dl_box.__style_02 dl dt {width:100%;}
	.dl_box dl dd {font-size:16px;}
	.dl_box.__style_02 {}
	.dl_box.__style_02 dl {gap:20px; padding:15px;}
	.dl_box.__style_02 dl dd {}
	.dl_box.__style_02 dl dd div ~ div {padding-top:15px; margin-top:15px;}
	.keyword_module > div {width:100%;}
	.dl_box.__style_02 dl.__style_02 {gap:0; padding:15px;}
	.dl_box.__style_02 dl.__style_02 dt ~ dt {padding-top:15px; margin-top:15px;}

	/* 사람&문화 - 복지 */
	.img_banner img {object-position:center top;}
	.img_banner.__video {min-height:100vh;}
	.benefit_1 {padding-top:60px; margin-top:64px; margin-bottom:23px;}
	.benefit_1 .title_01 {margin-bottom:40px;}
	.benefit_1 .img_banner,
	.benefit_2 .img_banner {height:150px; margin-bottom:0;}
	.benefit_1 .img_banner img,
	.benefit_2 .img_banner img {object-position:right center;}
	.benefit_1 .info_list_module ~ .info_list_module {padding-top:50px;}
	.info_list_module.__style_01 {flex-direction:column; gap:60px; padding-top:90px;}
	.info_list_module.__style_01 ul {max-width:none; gap:40px;}
	.info_list_module.__style_01 ul li {width:100%;}
	.info_list_module.__style_02 {padding-top:70px;}
	.info_list_module.__style_02 ul li strong { min-width: 100px;}
	.info_list_module.__style_02 ul { flex-direction: column; gap: 40px;}
	.info_list_module.__style_02 ul li { width: 100%;}
	.benefit_2 {margin-bottom:0;}
	.benefit_2 .__content {padding:110px 0;}

	/* 사람&문화 - 직무소개 */
	.task_1 {padding-top:60px; margin-top:64px; margin-bottom:40px;}
	.task_1 .title_01 {margin-bottom:23px;}
	.img_clip_visual {height:180px; margin-bottom:46px;}
	.img_clip_visual .container { padding:0; }
	.img_clip_visual .__image {height:100%; clip-path:none !important;}
	.task_2 .container {padding:0;}
	.nav_info_list {flex-direction:column; gap:0;}
	.nav_info_list .__nav_wrap {display:block; position:sticky; top:64px; left:0; width:100%; background:#fff;}
	.nav_info_list .__nav_wrap .__nav {flex-direction:row; gap:10px; padding:10px 20px; overflow:auto;}
	.nav_info_list .__nav button {flex-shrink:0; width:100px; font-size:14px; line-height:34px; font-weight:400; color:rgb(0 0 0 / 20%); background:#F5F5F5; border-radius:30px;}
	.nav_info_list .__nav button.__active {color:#fff; background:#FF3033; font-weight:600;}
	.nav_info_list .__nav button.__active::before {display:none;}

	.info_list_module h4 {display: block; font-family: var(--font-Proxima);color: #000;font-size:28px;line-height: 36px;font-weight: 700; padding-bottom:10px; margin-bottom:30px; border-bottom:1px solid #000;}
	.info_list_module.__style_03 ul {gap:50px;}
	.info_list_module.__style_03 ul li {width:100%;}
	.info_list_module.__style_03 ul li strong {font-size:20px; margin-bottom:0.5em;}
	.info_list_module.__style_03 ul li p {min-height:auto;}
	.nav_info_list .__info_list {padding:30px 20px; margin-bottom:90px;}
	.nav_info_list .__info_list .info_list_module ~ .info_list_module {display:none; padding-top:0; border-top:0;}
		.nav_info_list .__info_list .info_list_module.__hidden {display:none;}
		.nav_info_list .__info_list .info_list_module.__active {display:block;}

	/* 사람&문화 - 채용안내 */
	.recruit_1 {padding-top:60px; margin-top:64px; margin-bottom:16px;}
	.recruit_1 .title_01 {margin-bottom:40px;}
	.recruit_1 .title_01 .__primary {font-size:32px; line-height:40px;}
	.recruit_1 .img_banner {height:187px; margin-bottom:0;}
	.recruit_2 .process_module {display:none;}
		.recruit_2 .toggle_content_list {margin-bottom:90px;}
		.recruit_2 .toggle_content_list .__list_wrap ~ .__list_wrap {display:none;}
		.recruit_2 .toggle_content_list .__list_wrap li:nth-child(even) {display:block;}
	.recruit_1 .title_02 {margin-bottom:50px;}
	.recruit_3 {margin-bottom:10px;}
	.recruit_3 .title_02 {margin-bottom:30px;}
	.recruit_3 .title_02 .__primary {font-size:28px; line-height:36px;}
	.toggle_content_list .__list_wrap li.on {padding-bottom:20px;}
	.toggle_content_list .__list_wrap li {padding:10px 0;}
	.toggle_content_list .__list_wrap li.on {padding-bottom:20px;}
	.toggle_content_list .__list_wrap li .__title {font-size:18px; padding:10px 34px 10px 10px; background-size:15px; background-position:right 8px center;}
	.toggle_content_list .__list_wrap li .__content p {font-size:16px; padding:20px;}
		/*자주묻는질문 */
	.toggle_content_list.__style_02 .__list_wrap li .__title {line-height:1.3; padding:10px 34px 10px 10px;}

	/* 개인정보처리방침 *******************************************************/
	
	.privacy_wrap {padding-top:10px;}
	.join_agree ul.number_style1 {float:none; width:100%;}
	.join_agree ul.number_style1 ~ ul {margin:0;}
	
}



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

	/* 공통 *********************************************************/
	
	.layer_content .container {max-height:calc(100% - 40px);}	
	
	/* 헤더 *******************************************************/
	
	.header_wrap::after {display: none;}	
	[data-header="hidden"] .gnb_sub ul { gap: 0; overflow-x: auto; justify-content:center;}
	[data-header="hidden"] .gnb_main > ul > li:nth-child(2) .gnb_sub ul {justify-content:flex-start; padding-right: 10px;}
	
	/* 스스로 - */
	
	.layer_pop.__ratio .layer_content .container {height:100%;}
	
	/* 인재상 - 스스로디렉터 팝업 *********************************************************/
	
	.layer_pop.__director .__head .title_01 p {padding:0 20px;}
	.layer_pop.__director .__head .title_01 p br {display:none;}
	
}



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

	/* 공통 *********************************************************/
	
	.show_m {display: block;}
	.paging { flex-wrap:wrap; align-items:center; margin-left:-20px; margin-right:-20px; gap:0;}
	.paging a {min-width:auto; font-size:14px;}
	.paging a.btn {height:20px; flex-basis:20px;}
	.paging a.btn_next,
	.paging a.btn_last {order:unset;}
	.paging a.btn::before {background-size:auto 14px;}
	
	.img_banner:has(video) {min-height:100vh;}
	.layer_pop.char_pop.__system .layer_content .layer_inner_container { border-radius:0;}

	/* 사람&문화 - 복지 *******************************************************/
	
	.benefit_1 {margin-bottom: 0;}
	.info_list_module ul {gap:40px;}
	.info_list_module ul li {width: 100%;}
	.info_list_module.__style_02 ul li {flex-direction: column; gap: 10px;}
	.info_list_module {padding-bottom: 50px;}

}



@media (max-height:450px){

	/* 홈 *********************************************************/
	
	.main_visual .title_01 {transform:none;}
	
}

















/* placeholder-rewritten clone of rwd.css — 이미지 참조는 자작 플레이스홀더 SVG */