@charset "utf-8";

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

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

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

@media (max-width:1497px) {

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

	.ssro_1 .container {justify-content:space-between; gap:50px; padding:0 50px;}
	.ssro_1 .title_wrap {flex:1 1 auto; padding-top:clamp(30px, 5vw, 112px);}
	.ssro_1 .ssro_1_img {flex-basis:calc(50% - 50px); padding:3vw 0;}
	
}



/* TABLET */

@media (min-width:1025px) and (max-width:1280px) {
	
	/* 홈 *********************************************************/
	
	.slider_01 {max-width:clamp(900px, 80%, 1200px);}
	
	/* 스스로 *********************************************************/
	
	.steps_module {padding-left:clamp(50px, 5vw, 90px);}
	.steps_module ol {margin-left:clamp(50px, 7vw, 160px);}
	.steps_module .__wrap::after {width:clamp(600px, 60vw, 774px);}
	
	/* 채용안내 *********************************************************/
	
	.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;}	

}



/* 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_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; transition:background 0.2s;}
	[data-header="hidden"][selected-gnb-sub="true"] .header_wrap {min-height:128px;}
	[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 {transform:translateY(64px);}
	[data-header="hidden"] .gnb_sub ul {height:64px;}
	[data-header="hidden"] .header_logo, 
	[data-header="hidden"] .header_btns {display: none; justify-content:center;}
	[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;}

	.gnb_on .header_wrap {height:100svh !important; max-height:100%;}
	.gnb_on .gnb_container { position: absolute; left: 0; top: 64px; width:100%; max-height:calc(100svh - 64px); 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%; 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:85px; height:64px;}
	.header_btns {right:0;}
	.header_btns a {height:100%;}
	.header_btns a.btn_menu {display:block;}

	[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:50px; border-bottom:0;}

	.gnb_on .header_btns a.btn_ssro {display: none;}
	.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 h2 {margin-bottom:10px; line-height:20px;}
		.footer_wrap address h2 img {height:20px;}
		.footer_wrap .__copy {font-size:12px;}
	.footer_wrap .__right {display:flex; flex-direction:column;}
		.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; background-image:url("../images/visual/main_banner_1_m.jpg");}
	.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 {background-image:url("../images/ssro_visual_1_m.jpg");} 
	.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_wrap {padding:0 24px; margin-bottom:52px;}
	.ssro_1 .title_wrap .title_02 {margin-bottom:20px;}
	.ssro_1 .title_wrap .title_02 .__primary {font-size:28px; line-height:36px;}
	.ssro_1 .title_wrap p {color:#000; font-size:16px; margin-bottom:46px;}
	.btn.__link_05 {font-size:16px; line-height:24px; padding-right:50px; background-size:auto 100%;}
	.ssro_1 .title_wrap ul li ~ li {margin-top:20px;}
	.ssro_1 .title_wrap .btn {width:180px;}
	.ssro_1 .ssro_1_img {padding:0 24px;}
	.ssro_1 .ssro_1_img img {max-width:none; max-height:450px; object-fit:cover; border-radius:10px;}
	.ssro_2 {padding-top:0; padding-bottom:100px;}
	.ssro_2 .container {padding:0 24px;}
	.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 {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; text-align:center;}
	.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;}
	.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_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");}

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

	.brand_wrap {padding-top:166px; padding-bottom:100px;}
	.brand_wrap .title_01 {margin-bottom:80px;}
	.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 .text_01 {font-size:16px;}
	.brand_clipping {height:184px; margin-left:-20px; margin-right:-20px;}
	.brand_2 .title_02 {margin-bottom:20px;}
	.identity_wrap {flex-direction:column; margin-bottom:40px;}
	.identity_wrap .__logo {padding-top:52%;}
	.identity_wrap .__logo img {width:30%; max-width:60px; left:50%; transform:translateX(-50%);}
		.identity_wrap > div:nth-child(2) .__logo img {max-width:103px;}
	.identity_wrap .__title {font-size:16px; line-height:22px; margin-bottom:6px;}
	.identity_wrap p {color:#7d7d7d; font-size:14px; line-height:23px}
	.brand_btn_wrap {gap:14px;}

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

	.form_element select,
	.form_element input[type="text"] {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"] {padding-left:10px;}
	.search_wrap select {background-color:#fff;}
	.search_wrap input[type="text"] {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 li {position:relative; padding-left:60px;}
	.view_bottom li::before {content:"이전 글"; color:rgb(0 0 0 / 50%); position:absolute; left:0; line-height:40px;}
	.view_bottom li ~ li::before {content:"다음 글";}
	.view_bottom li ~ li {border-top:1px solid rgb(0 0 0 / 20%);}
	.view_bottom li a,
	.view_bottom li ~ li a {padding:8px 0; background:none;}
	.view_bottom li a span {display:none;}
	.view_bottom li a span + span {display:block;}

	/* 사람&문화 - 인재상 *******************************************************/

	.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 .title_02 {margin-bottom:50px;}
	.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;}
	.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%);}
	.people_2 {flex-direction:column; margin-bottom:0;}
	.people_2 .title_01 {margin-bottom:50px;}

	.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; padding:15px; border-radius: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 {width:100%; margin-bottom:10px;}
	.dl_box dl dd {font-size:16px;}
	.dl_box.__style_02 {}
	.dl_box.__style_02 dl {padding:15px;}
	.dl_box.__style_02 dl dt {margin-bottom:20px;}
	.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 {padding:15px;}
	.dl_box.__style_02 dl.__style_02 dt ~ dt {padding-top:15px; margin-top:15px;}

	/* 사람&문화 - 복지 */
	.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 {height:220px; margin-bottom:50px;}
	.benefit_1 .info_list_module ~ .info_list_module {padding-top:50px;}
	.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 .__image {height:100%; clip-path:none !important;}
	.task_2 .container {padding:0;}
	.nav_info_list {flex-direction:column;}
	.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;}

	.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_main > ul > li a.__active + .gnb_sub {background:#f6f6f6;}
	[data-header="hidden"] .gnb_sub ul { gap: 0; overflow-x: auto; justify-content:center;}
	[data-header="hidden"] .gnb_sub ul li a {padding:0 20px; display: block; word-break: keep-all; white-space: nowrap; color:rgb(0 0 0 / 30%); font-size:16px;}
	[data-header="hidden"] .gnb_main > ul > li:nth-child(2) .gnb_sub ul {justify-content:flex-start; padding-right: 10px;}
	
}



@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 .__title {margin-bottom: 45px;}
	.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;}
	
}