@charset "utf-8";

/* =========================================================================
   공통
   ========================================================================= */
/* 준비중 */
.img_ready {display:flex;justify-content:center;align-items:center;}
.img_ready .left img {width:41.7rem;}
.img_ready .right {padding-left:2rem;}
.img_ready .right strong {line-height:1.2;font-size:4rem;color:var(--black);font-weight:300;}
.img_ready .right strong em {font-weight:800;color:var(--primary)}
.img_ready .right p {margin-top:2.5rem;line-height:1.5;font-size:1.8rem;color:#767676;}
	@media only screen and (max-width:767px) {
	.img_ready {flex-direction:column;gap:4rem;text-align:center;}
	.img_ready .right strong em br {display:none;}
	}

/* 탭 */
.tab_box .tab_select_btn {display:none;}
.tab_box [class^="tab_menu_box"] {display:flex;flex-wrap:wrap;padding:1rem;background:#f4f4f4;border-radius:5rem;}
.tab_box [class^="tab_menu_box"] li {min-height:5rem;flex-grow:1;}
.tab_box [class^="tab_menu_box"] li a {position:relative;z-index:0;display:flex;align-items:center;justify-content:center;height:100%;font-size:1.8rem;font-weight:500;transition:0.4s;text-align:center;padding:1rem 2rem;}
.tab_box [class^="tab_menu_box"] li.on a {background:var(--primary2);color:#fff;font-weight:700;border-radius:5rem;}
.tab_box [class^="tab_menu_box"] li a:is(:hover,:focus,:active) {background:var(--primary2);color:#fff;font-weight:700;border-radius:5rem;}
	@media only screen and (max-width:767px){
		.tab_box {position:relative;height:6rem;z-index:10;}
		.tab_box .tab_select_btn {display:flex;align-items:center;justify-content:flex-start;width:100%;height:6rem;padding:0 4.5rem 0 2.5rem;background:var(--primary2);color:#fff;font-size:1.8rem;font-weight:700;border-radius:5rem;border:none;text-align:left;cursor:pointer;position:relative;box-sizing:border-box;}
		.tab_box .tab_select_btn::after {content:"\ea4e";font-family:'remixicon' !important;position:absolute;right:2.5rem;top:50%;transform:translateY(-50%);font-size:2.2rem;color:#fff;transition:transform 0.3s;pointer-events:none;}
		.tab_box.open .tab_select_btn::after {transform:translateY(-50%) rotate(180deg);}
		.tab_box [class^="tab_menu_box"] {display:block;position:absolute;top:calc(100% + 0.8rem);left:0;right:0;z-index:20;padding:0;background:#fff;border:1px solid #e2e8f0;border-radius:1.2rem;box-shadow:0 10px 30px rgba(0, 0, 0, 0.08);max-height:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-height 0.3s ease, opacity 0.2s ease;}
		.tab_box.open [class^="tab_menu_box"] {max-height:35rem;opacity:1;pointer-events:auto;overflow-y:auto;}
		.tab_box [class^="tab_menu_box"] li {display:block;min-height:5.5rem;width:100%;border-bottom:1px solid #f1f5f9;box-sizing:border-box;}
		.tab_box [class^="tab_menu_box"] li:last-child {border-bottom:none;}
		.tab_box [class^="tab_menu_box"] li a {display:flex;align-items:center;justify-content:flex-start;height:5.5rem;padding:0 2.5rem;font-size:1.6rem;color:#334155;font-weight:600;background:#fff;border-radius:0 !important;text-align:left;transition:background 0.2s, color 0.2s;}
		.tab_box [class^="tab_menu_box"] li.on a {background:#f8fafc;color:var(--primary2);font-weight:700;}
		.tab_box [class^="tab_menu_box"] li a:is(:hover, :focus, :active) {background:#f1f5f9;color:var(--primary2);}
	}

/* 타이틀 */
.en_tit {display:block;color:var(--primary);font-weight:600;font-size:1.8rem;letter-spacing:0.1em;margin-bottom:0.6rem;font-family:var(--en_font);}
.ko_tit {font-size:5rem;font-weight:800;color:var(--primary2);}
.ko_tit span {color:var(--primary);}
	@media only screen and (max-width:1023px) {
		.ko_tit {font-size:4rem;}
	}
	@media only screen and (max-width:767px) {
		.en_tit {font-size:1.6rem;}
		.ko_tit {font-size:3.2rem;}
	}


/* =========================================================================
   sub01_기업소개
   ========================================================================= */
/* 기업개요 */
.con_body:has(.co_wrapper) {padding-bottom:0;}
.co_intro {padding-bottom:10rem;align-items:center;}
.co_intro_img {margin:5rem 0 6rem;border-radius:2rem;overflow:hidden;}
.co_intro_img img {width:100%;height:auto;display:block;transition:transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);}
.co_intro_img:hover img {transform:scale(1.04);}
.co_intro_con {display:flex;}
.co_intro_con em {width:32.5%;font-size:3.4rem;line-height:1.3;color:var(--black);font-weight:700;transition:transform 0.3s ease;}
.co_intro_con em:hover {transform:translateX(5px);}
.co_intro_con em span {color:var(--primary);}
.co_intro_con p {width:calc(100% - 32.5%);font-size:1.8rem;font-weight:500;line-height:1.5;}
.co_info {padding:10rem 0;background:#f5f5f5;}
.co_info .tit_wrap {margin-bottom:5rem;}
.co_info .co_grid {display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;}
.co_info .co_grid li {border-radius:2rem;background:#fff;padding:4rem 5rem;box-shadow:0 10px 30px rgba(0,0,0,0.03);border:1px solid rgba(0,0,0,0.02);transition:all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);}
.co_info .co_grid li.co_address {grid-column:span 3;}
.co_info .co_grid li .co_card_icon {font-size:4.8rem;margin-bottom:3rem;transition:all 0.4s ease;}
.co_info .co_grid li .co_card_info {text-align:right;}
.co_info .co_grid li .co_card_label {display:block;font-weight:700;font-size:2.4rem;color:var(--black);margin-bottom:1rem;transition:color 0.4s;}
.co_info .co_grid li .co_card_value {font-weight:700;font-size:2.2rem;color:var(--black);transition:color 0.4s;}
.co_info .co_grid li .co_card_value span {display:block;font-size:2rem;margin-bottom:.5rem;transition:color 0.4s;}
.co_info .co_grid li:is(:hover,:focus,:active) {background:var(--primary);color:#fff;box-shadow:8px 8px 24px 9px var(--wm30);}
.co_info .co_grid li:is(:hover,:focus,:active) .co_card_label {color:#fff;}
.co_info .co_grid li:is(:hover,:focus,:active) .co_card_value {color:#fff;}
.co_info .co_grid li:is(:hover,:focus,:active) .co_card_value span {color:#fff;}
	@media only screen and (max-width:1299px){
		.co_info .co_grid li {padding:4rem;}
		.co_info .co_grid li .co_card_value {font-size:2rem;}
	}
	@media only screen and (max-width:1023px){
		.co_info .co_grid {grid-template-columns:repeat(2,1fr);}
		.co_info .co_grid li {padding:3rem;}
		.co_info .co_grid li.co_address {grid-column:span 1;}
	}
	@media only screen and (max-width:767px){
		.co_intro_con {flex-direction:column;}
		.co_intro_con em {width:100%;margin-bottom:2rem;}
		.co_intro_con em br {display:none;}
		.co_intro_con p {width:100%;}
		.co_info .co_grid {grid-template-columns:repeat(1,1fr);}
		.co_info .co_grid li {padding:3rem 2rem;}
	}

/* 인사말 */
.ceo_wrapper {display:flex;gap:6.5rem;align-items:flex-start;}
.ceo_img_box {width:38%;border-radius:2.4rem;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,0.08);}
.ceo_img_box img {width:100%;height:auto;display:block;transition:transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);}
.ceo_img_box:hover img {transform:scale(1.05);}
.ceo_txt_box {width:62%;padding-top:1rem;}
.ceo_tit {font-size:3.2rem;font-weight:700;color:var(--black);line-height:1.45;margin:2.5rem 0 3.5rem;text-wrap:balance;}
.ceo_desc {display:flex;flex-direction:column;gap:2rem;}
.ceo_desc p {font-size:1.8rem;line-height:1.75;}
.ceo_sign {margin-top:5rem;text-align:right;}
.ceo_sign span {font-size:2.2rem;color:var(--black);font-weight:700;display:inline-block;position:relative;}
.ceo_sign span strong {font-family:'NostalgicDesertYeonwoo';font-size:3rem;font-weight:400;display:inline-block;margin-left:.5rem;}
	@media only screen and (max-width:1023px) {
		.ceo_wrapper {flex-direction:column;gap:4rem;}
		.ceo_img_box {width:100%;max-width:50rem;margin:0 auto;}
		.ceo_txt_box {width:100%;padding-top:0;}
		.ceo_tit {font-size:2.8rem;margin:1.5rem 0 2.5rem;}
		.ceo_desc p {font-size:1.7rem;line-height:1.7;}
		.ceo_sign {margin-top:4rem;padding-top:2.5rem;}
	}
	@media only screen and (max-width:767px) {
		.ceo_img_box {border-radius:1.6rem;}
		.ceo_tit {font-size:2.2rem;line-height:1.4;margin:1.2rem 0 2rem;}
		.ceo_desc p {font-size:1.6rem;line-height:1.65;}
		.ceo_sign {margin-top:3rem;padding-top:2rem;}
		.ceo_sign span {font-size:1.8rem;}
		.ceo_sign strong {font-size:2rem;}
	}

/* 연혁 */
.history {position:relative;padding-bottom:6rem;}
.history_list {position:relative;}
.history_list .sticky {display:grid;grid-template-columns:42% 52%;gap:6%;margin-bottom:25rem;align-items:flex-start;}
.history_list .sticky:last-child {margin-bottom:0;}
.history_list .sticky .img {position:sticky;top:14rem;grid-column:1;overflow:hidden;border-radius:2.4rem;height:48rem;box-shadow:0 20px 40px rgba(0, 0, 0, 0.15);background:#111;transition:all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);}
.history_list .sticky .img::after {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.7) 100%);z-index:1;pointer-events:none;transition:background 0.6s ease;}
.history_list .sticky .img .background {width:100% !important;height:100% !important;object-fit:cover;z-index:0;transform:scale(1.02);transition:transform 1.5s cubic-bezier(0.25, 0.8, 0.25, 1), filter 0.6s ease;filter:brightness(0.95);}
.history_list .sticky:hover .img .background {transform:scale(1.08);}
.history_list .sticky .img .background.fullscreen {transform:scale(1.1);}
.history_list .sticky .img strong {position:absolute;bottom:4.5rem;left:4.5rem;right:4.5rem;color:#fff;font-size:5rem;font-weight:800;line-height:1.25;z-index:2;text-align:left;transform:none;top:auto;font-family:var(--en_font), sans-serif;text-shadow:0 4px 12px rgba(0, 0, 0, 0.3);}
.history_list .sticky .img strong em {display:block;font-size:1.8rem;font-weight:500;opacity:0.7;letter-spacing:0.1em;color:#fff;font-family:'Pretendard', sans-serif;}
.history_list .contents_wrap {grid-column:2;}
.history_list .contents {margin-bottom:12rem;position:relative;}
.history_list .contents:last-of-type {margin-bottom:0;}
.history_list .contents .h_title {color:var(--black);}
.history_list .contents .h_title .year {font-family:var(--en_font), sans-serif;font-size:6rem;font-weight:800;color:var(--primary);position:relative;display:block;margin-bottom:4rem;}
.history_list .contents .h_list {position:relative;padding-left:3rem;border-left:2px solid #eaeaea;}
.history_list .contents .h_list::before {content:'';position:absolute;top:0;left:-4px;width:6px;height:6px;background:#eaeaea;border-radius:50%;}
.history_list .contents .h_list li {position:relative;padding:2.5rem 0;border-bottom:1px solid #f0f0f0;transition:all 0.4s ease;}
.history_list .contents .h_list li:first-child {padding-top:0;}
.history_list .contents .h_list li:last-child {border-bottom:none;padding-bottom:0;}
.history_list .contents .h_list li::before {content:'';position:absolute;left:calc(-3rem - 6px);top:3.5rem;width:1rem;height:1rem;border-radius:50%;background:#fff;border:2px solid #ccc;z-index:2;transition:all 0.3s ease;}
.history_list .contents .h_list li:first-child::before {top:1rem;}
.history_list .contents .h_list .data {display:flex;align-items:flex-start;}
.history_list .contents .h_list li dt {font-family:var(--en_font), sans-serif;font-size:2.4rem;width:7rem;font-weight:700;transition:color 0.3s ease;line-height:1.2;}
.history_list .contents .h_list li dd {width:calc(100% - 7rem);font-size:1.8rem;color:var(--black);line-height:1.5;transition:color 0.3s ease;}
.history_list .contents .h_list li:hover::before, .history_list .contents .h_list li.active::before {border-color:var(--primary2);background:var(--primary2);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary2) 10%, #fff);transform:scale(1.2);}
.history_list .contents .h_list li:hover dt, .history_list .contents .h_list li.active dt {color:var(--primary2);}
.history_list .contents .h_list li:hover dd, .history_list .contents .h_list li.active dd {color:var(--black);font-weight:500;}
	@media screen and (max-width:1399px) {
		.history_list .sticky {grid-template-columns:45% 50%;gap:5%;margin-bottom:18rem;}
		.history_list .sticky .img {height:42rem;}
		.history_list .sticky .img strong {font-size:4rem;bottom:3.5rem;left:3.5rem;right:3.5rem;}
		.history_list .contents .h_title {font-size:5rem;}
	}
	@media screen and (max-width:1023px) {
		.history_list .sticky {grid-template-columns:1fr;gap:4rem;margin-bottom:12rem;}
		.history_list .sticky .img {position:relative;top:0;grid-column:1;height:35rem;border-radius:2rem;}
		.history_list .sticky .img strong {font-size:3.6rem;bottom:3rem;left:3rem;}
		.history_list .contents_wrap {grid-column:1;}
		.history_list .contents {margin-bottom:8rem;}
		.history_list .contents:last-of-type {margin-bottom:0;}
		.history_list .contents .h_title {position:relative;top:0;width:100%;font-size:4rem;margin-bottom:2rem;padding-top:0;}
		.history_list .contents .h_list {width:100%;padding-left:2.5rem;}
		.history_list .contents .h_list li::before {left:calc(-2.5rem - .5rem);width:.8rem;height:.8rem;}
	}
	@media screen and (max-width:767px) {
		.history_list .sticky {margin-bottom:8rem;gap:3rem;}
		.history_list .sticky .img {height:25rem;border-radius:1.6rem;}
		.history_list .sticky .img strong {font-size:2.8rem;bottom:2rem;left:2rem;}
		.history_list .sticky .img strong em {font-size:1.5rem;letter-spacing:0.1em;margin-bottom:0.6rem;}
		.history_list .contents {margin-bottom:5rem;}
		.history_list .contents .h_title {font-size:3.2rem;margin-bottom:1.5rem;}
		.history_list .contents .h_list li {padding:1.8rem 0;}
		.history_list .contents .h_list li::before {top:2.4rem;}
		.history_list .contents .h_list li:first-child::before {top:1rem;}
		.history_list .contents .h_list li dt {font-size:2rem;width:5.5rem;}
		.history_list .contents .h_list li dd {width:calc(100% - 5.5rem);font-size:1.6rem;}
	}

/* 사업장 안내 */
.biz_container {padding:6rem 0 10rem;}
.biz_sec_title {font-size:2.8rem;font-weight:700;color:var(--black);margin-bottom:3.5rem;position:relative;padding-left:1.8rem;}
.biz_sec_title::before {content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:0.6rem;height:1.8rem;background:var(--primary);border-radius:0.3rem;}
.biz_list {display:flex;flex-direction:column;gap:5rem;}
.biz_item {display:flex;gap:5rem;background:#fff;border-radius:2.4rem;padding:4rem;box-shadow:0 10px 30px rgba(0,0,0,0.03);border:1px solid #f2f2f2;transition:all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);align-items:stretch;}
.biz_item:hover {transform:translateY(-8px);box-shadow:0 20px 45px rgba(0,0,0,0.08);border-color:rgba(217, 95, 41, 0.15);}
.biz_info {width:42%;display:flex;flex-direction:column;justify-content:center;}
.biz_name {font-size:2.4rem;font-weight:800;color:var(--primary2);margin-bottom:2.5rem;display:block;position:relative;}
.biz_details {display:flex;flex-direction:column;gap:1.6rem;}
.biz_details li {display:flex;align-items:flex-start;gap:1.2rem;}
.biz_details li .label {display:flex;align-items:center;gap:0.6rem;font-size:1.6rem;font-weight:700;color:var(--primary);width:8.5rem;flex-shrink:0;padding-top:0.2rem;}
.biz_details li .label i {font-size:1.8rem;}
.biz_details li .value {font-size:1.7rem;line-height:1.5;color:var(--black);font-weight:500;}
.biz_map {width:58%;height:32rem;border-radius:2rem;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.04);border:1px solid #e5e5e5;position:relative;}
.biz_map iframe {border:none;display:block;}
	@media only screen and (max-width:1023px) {
	.biz_container {padding:4rem 0 8rem;}
	.biz_sec_title {font-size:2.4rem;margin-bottom:2.5rem;}
	.biz_item {flex-direction:column;gap:3rem;padding:3rem;}
	.biz_info {width:100%;}
	.biz_name {font-size:2.2rem;margin-bottom:2rem;}
	.biz_details {gap:1.2rem;}
	.biz_map {width:100%;height:30rem;border-radius:1.6rem;}
	}
	@media only screen and (max-width:767px) {
	.biz_container {padding:3rem 0 6rem;}
	.biz_sec_title {font-size:2rem;margin-bottom:2rem;padding-left:1.5rem;}
	.biz_sec_title::before {width:0.5rem;height:1.5rem;}
	.biz_item {padding:2.5rem 2rem;border-radius:1.6rem;gap:2.5rem;}
	.biz_name {font-size:1.9rem;}
	.biz_details li {flex-direction:column;gap:0.5rem;}
	.biz_details li .label {width:auto;font-size:1.4rem;}
	.biz_details li .value {font-size:1.5rem;line-height:1.4;}
	.biz_map {height:24rem;border-radius:1.2rem;}
	}


/* =========================================================================
   sub02_인프라
   ========================================================================= */
/* 인프라 공통 타이틀 */ 
.infra_sec_title {font-size:3.2rem;font-weight:800;color:var(--primary2);margin-bottom:4.5rem;text-transform:uppercase;font-family:var(--en_font);position:relative;padding-bottom:1.8rem;letter-spacing:-0.01em;}
.infra_sec_title::after {content:'';position:absolute;left:0;bottom:0;width:5.5rem;height:4px;background:var(--primary);border-radius:2px;}
	@media only screen and (max-width:1023px) {
	.infra_sec_title {font-size:2.8rem;margin-bottom:3rem;}
	}
	@media only screen and (max-width:767px) {
	.infra_sec_title {font-size:2.4rem;margin-bottom:2.5rem;}
	.infra_sec_title::after {width:4.5rem;height:3px;}
	}

/* 생산시스템 */
.sys_section {margin-bottom:8rem;}
.sys_section:last-child {margin-bottom:0;}
.sys_grid {display:grid;grid-template-columns:repeat(3,1fr);gap:4rem 3rem;}
.sys_card {background:#fff;border-radius:2rem;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.03);border:1px solid #f2f2f2;transition:all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);}
.sys_card:hover {transform:translateY(-8px);box-shadow:0 20px 45px rgba(0,0,0,0.08);border-color:rgba(217, 95, 41, 0.15);}
.sys_img_box {width:100%;height:25rem;overflow:hidden;position:relative;}
.sys_img_box img {width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);}
.sys_card:hover .sys_img_box img {transform:scale(1.06);}
.sys_title_box {padding:2.5rem;text-align:center;}
.sys_name {font-size:2rem;font-weight:700;color:var(--black);transition:color 0.3s;}
.sys_card:hover .sys_name {color:var(--primary);}
	@media only screen and (max-width:1023px) {
	.sys_section {margin-bottom:6rem;}
	.sys_grid {grid-template-columns:repeat(2,1fr);gap:3rem 2rem;}
	.sys_img_box {height:22rem;}
	}
	@media only screen and (max-width:767px) {
	.sys_section {margin-bottom:5rem;}
	.sys_grid {grid-template-columns:1fr;gap:2.5rem;}
	.sys_title_box {padding:2rem;}
	}

/* 제조설비 */
.fac_grid {display:grid;grid-template-columns:repeat(3,1fr);gap:4rem 3rem;align-items:stretch;}
.fac_card {background:#fff;border-radius:2rem;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.03);border:1px solid #f2f2f2;transition:all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);display:flex;flex-direction:column;height:100%;}
.fac_card:hover {transform:translateY(-8px);box-shadow:0 20px 45px rgba(0,0,0,0.08);border-color:rgba(217, 95, 41, 0.15);}
.fac_img_box {width:100%;height:24rem;overflow:hidden;position:relative;background:#f8f9fa;padding:2rem;box-sizing:border-box;}
.fac_img_box img {width:100%;height:100%;object-fit:contain;display:block;transition:transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);}
.fac_card:hover .fac_img_box img {transform:scale(1.06);}
.fac_info_box {padding:3rem 2.5rem;display:flex;flex-direction:column;}
.fac_meta {display:flex;flex-wrap:wrap;gap:0.8rem;margin-bottom:1.5rem;}
.fac_badge {font-size:1.3rem;font-weight:700;padding:0.4rem 1rem;border-radius:0.4rem;display:inline-block;line-height:1.2;letter-spacing:-0.02em;}
.fac_badge.maker {background:#fff3eb;color:var(--primary);}
.fac_badge.model {background:#f4f4f4;color:#666;}
.fac_name {font-size:2.2rem;font-weight:800;color:var(--primary2);line-height:1.35;margin-top:0.5rem;display:block;} /* 마진바텀->탑*/
/*.fac_spec_list {display:flex;flex-direction:column;gap:1rem;margin-top:auto;padding-top:2rem;border-top:1px dashed #eee;}
.fac_spec_list li {display:flex;align-items:flex-start;gap:1.2rem;}
.fac_spec_list li .label {font-size:1.5rem;font-weight:700;width:5.5rem;flex-shrink:0;padding-top:0.2rem;}
.fac_spec_list li .value {font-size:1.5rem;line-height:1.4;color:var(--black);font-weight:500;}*/
	@media only screen and (max-width:1023px) {
		.fac_grid {grid-template-columns:repeat(2,1fr);gap:3rem 2rem;}
		.fac_img_box {height:22rem;}
		.fac_info_box {padding:2.5rem 2rem;}
		.fac_name {font-size:2rem;margin-bottom:1.6rem;}
	}
	@media only screen and (max-width:767px) {
		.fac_grid {grid-template-columns:1fr;gap:2.5rem;}
		.fac_img_box {height:18rem;padding:1.5rem;}
		.fac_info_box {padding:2rem;}
		.fac_name {font-size:1.8rem;margin-bottom:1.2rem;min-height:auto;}
		/*.fac_spec_list {padding-top:1.5rem;}
		.fac_spec_list li {flex-direction:column;gap:0.4rem;}
		.fac_spec_list li .label {width:auto;font-size:1.3rem;}
		.fac_spec_list li .value {font-size:1.4rem;}*/
	}


/* 자동화시스템-> 제조설비와 동일한 형태를 가지도록 수정 */
.auto_list {display:grid;grid-template-columns:repeat(3,1fr);gap:4rem 3rem;align-items:stretch;}
.auto_card {background:#fff;border-radius:2rem;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.03);border:1px solid #f2f2f2;transition:all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);display:flex;flex-direction:column;height:100%;}
.auto_card:hover {transform:translateY(-8px);box-shadow:0 20px 45px rgba(0,0,0,0.08);border-color:rgba(217, 95, 41, 0.15);}
.auto_img_box {width:100%;height:24rem;overflow:hidden;position:relative;background:#f8f9fa;padding:2rem;box-sizing:border-box;}
.auto_img_box img {width:100%;height:100%;object-fit:contain;display:block;transition:transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);}
.auto_card:hover .auto_img_box img {transform:scale(1.06);}
.auto_info_box {padding:3rem 2.5rem;display:flex;flex-direction:column;}
.auto_name {font-size:2.2rem;font-weight:800;color:var(--primary2);line-height:1.35;margin-top:0.5rem;display:block;} /* 마진바텀->탑*/
/*.auto_spec_list {display:flex;flex-direction:column;gap:1rem;margin-top:auto;padding-top:2rem;border-top:1px dashed #eee;}
.auto_spec_list li {display:flex;align-items:flex-start;gap:1.2rem;}
.auto_spec_list li .label {font-size:1.5rem;font-weight:700;width:5.5rem;flex-shrink:0;padding-top:0.2rem;}
.auto_spec_list li .value {font-size:1.5rem;line-height:1.4;color:var(--black);font-weight:500;}*/

	@media only screen and (max-width:1023px) {
		.auto_list {grid-template-columns:repeat(2,1fr);gap:3rem 2rem;}
		.auto_img_box {height:22rem;}
		.auto_info_box {padding:2.5rem 2rem;}
		.auto_name {font-size:2rem;margin-bottom:1.6rem;}
		/*.auto_spec_list {padding-top:1.5rem;}
		.auto_spec_list li {flex-direction:column;gap:0.4rem;}
		.auto_spec_list li .label {width:auto;font-size:1.3rem;}
		.auto_spec_list li .value {font-size:1.4rem;}*/
	}

	@media only screen and (max-width:767px) {
		.auto_list {grid-template-columns:1fr;gap:2.5rem;}
		.auto_img_box {height:18rem;padding:1.5rem;}
		.auto_info_box {padding:2rem;}
		.auto_name {font-size:1.8rem;margin-bottom:1.2rem;min-height:auto;}
		/*.auto_spec_list {padding-top:1.5rem;}
		.auto_spec_list li {flex-direction:column;gap:0.4rem;}
		.auto_spec_list li .label {width:auto;font-size:1.3rem;}
		.auto_spec_list li .value {font-size:1.4rem;}*/
	}
	
/* =========================================================================
   sub03_제품소개
   ========================================================================= */
/* 목록 */
.prod_wrap .cate {display:flex;justify-content:center;}
.prod_wrap .cate span {padding:.5rem 1.5rem;background:var(--primary);font-weight:500;font-size:1.5rem;color:#fff;border-radius:3rem;}

/* 상세 */
.con_body:has(.prodect_detail) {padding-bottom:0;}
.prod_detail_type {background:linear-gradient(180deg, #fff 0%, var(--wm10) 100%);padding-bottom:10rem;}
.prodect_detail {position:relative;display:flex;gap:8rem;flex-wrap:wrap;align-items:flex-start;}
.prodect_detail .txt_box {width:calc(45% - 4rem);position:sticky;top:12rem;}
.prodect_detail .txt_box .cate {justify-content:flex-start;}
.prodect_detail .txt_box .prod_tit {font-size:9rem;font-weight:800;line-height:1.2;font-family:"Saira", sans-serif;background:linear-gradient(-68deg, rgba(34, 34, 34, 0.8) 0%, rgba(17, 17, 17, 0.9) 45%, rgba(34, 34, 34, 0.8) 100%);-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important;color:transparent !important;text-transform:uppercase;letter-spacing:-0.02em;}
.prodect_detail .spec_list {display:flex;flex-direction:column;gap:2.5rem;list-style:none;padding:0;margin:0;}
.prodect_detail .spec_list li {display:flex;align-items:flex-start;}
.prodect_detail .spec_value {padding:0;margin:4rem 0 0;}
.prodect_detail .spec_value li {position:relative;padding-left:1.5rem;margin-bottom:1rem;font-size:1.8rem;line-height:1.6;display:block;}
.prodect_detail .spec_value li:last-child {margin-bottom:0;}
.prodect_detail .spec_value li::before {content:"";position:absolute;left:0;top:1.1rem;width:0.6rem;height:0.6rem;background-color:var(--primary);border-radius:50%;}
.prodect_detail .img_box_wrap {width:calc(55% - 4rem);}
.prodect_detail .img_box {position:relative;border-radius:3rem;background:#ffffff;padding:4rem;box-shadow:0 25px 60px rgba(0,0,0,0.06);border:1px solid rgba(0,0,0,0.04);display:flex;justify-content:center;align-items:center;min-height:48rem;max-height:80vh;overflow:hidden;}
.prodect_detail .img_box img {max-width:100%;height:auto;object-fit:contain;transition:transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);}
.prodect_detail .img_box:hover img {transform:scale(1.03);}
.prod_detail_type .btn_area a {font-size:1.8rem;font-weight:700;color:var(--black);text-align:center;padding:1.6rem 6rem;border-radius:99.9rem;transition:all 0.3s;background-color:rgba(255, 255, 255, 0.85);backdrop-filter:blur(5px);border:1px solid rgba(255, 255, 255, 0.5);display:inline-block;height:auto;line-height:1;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,0.05);}
.prod_detail_type .btn_area a:hover {background-color:#fff;color:var(--primary);border-color:var(--primary);box-shadow:0 10px 25px rgba(217, 95, 41, 0.15);transform:translateY(-2px);}
	@media only screen and (max-width:1023px) {
		.prodect_detail {gap:4rem;}
		.prodect_detail .txt_box {width:100%;position:relative;top:0;}
		.prodect_detail .txt_box h3.play {font-size:4.8rem;}
		.prodect_detail .detail_list {margin-top:3rem;}
		.prodect_detail .img_box_wrap {width:100%;}
		.prodect_detail .img_box {min-height:30rem;padding:3rem;border-radius:2rem;}
	}
	@media only screen and (max-width:767px) {
		.prod_detail_type .btn_area a {padding:1.2rem 4rem;font-size:1.6rem;}
	}


/* =========================================================================
   sub04_홍보센터
   ========================================================================= */
/* CI */
.intro_txt {border-left:5px solid var(--primary);padding:2.5rem 3rem;background:#f7f7f7;}
.intro_txt em {font-weight:500;color:var(--primary);}
.ci .line_box {border:1px solid var(--border);}
.ci .line_box .logo_box {display:flex;justify-content:center;padding:8rem 5%;background:#fff;}
.ci .line_box .logo_box img {width:40rem;}
.ci .gray {background:#f4f4f4;padding:4rem 5%;}
.ci .btn_box {display:flex;justify-content:center;flex-wrap:wrap;gap:0.5rem 1rem;}
.ci .ci_color {display:grid;grid-template-columns:repeat(4, 1fr);gap:2.4rem;width:100%;}
.ci .ci_color .color_box {display:flex;flex-direction:column;border:1px solid var(--border);border-radius:2rem;overflow:hidden;}
.ci .ci_color .pantone {width:100%;height:15rem;position:relative;display:flex;align-items:flex-end;padding:2rem;}
.ci .ci_color .pantone span {color:#fff;font-size:1.8rem;font-weight:700;line-height:1.35;}
.ci .ci_color .pantone_1 {background:#182758;}
.ci .ci_color .pantone_2 {background:#d95f29;}
.ci .ci_color .pantone_3 {background:#84754e;}
.ci .ci_color .pantone_4 {background:#8c8e90;}
.ci .ci_color .cmyk {width:100%;padding:2rem;}
.ci .ci_color .cmyk ul {display:flex;flex-direction:column;gap:1.2rem;width:100%;}
.ci .ci_color .cmyk ul li {display:flex;align-items:center;justify-content:space-between;padding-bottom:1.2rem;border-bottom:1px solid #f1f3f5;}
.ci .ci_color .cmyk ul li:last-child {padding-bottom:0;border-bottom:none;}
.ci .ci_color .cmyk ul li strong {font-weight:700;font-size:1.6rem;}
.ci .ci_color .cmyk ul li p {font-weight:600;font-size:1.7rem;color:var(--black);}
.slogan {font-weight:900;font-style:italic;font-size:12rem;color:var(--primary);opacity:.2;letter-spacing:-0.02em;}
.slogan em {font-style:italic;color:var(--primary2);}
    @media only screen and (max-width:1499px){
        .slogan {font-size:10rem;}
    }
    @media only screen and (max-width:1199px){
        .ci .ci_color {gap:1.6rem;}
        .ci .ci_color .pantone {height:13rem;}
        .ci .ci_color .cmyk {padding:1.8rem 1.6rem 2rem;}
        .slogan {font-size:8rem;}
	}
    @media only screen and (max-width:1023px){
        .ci .ci_color {display:grid;grid-template-columns:repeat(2, 1fr);gap:1.4rem;}
        .ci .ci_color .pantone {height:12rem;}
	}
    @media only screen and (max-width:767px){
        .intro_txt {border-left:3px solid var(--primary);}
        .ci .gray {padding:2rem 5%;}
        .ci .gray p {font-size:1.4rem;}
		.ci .gray p br {display:none;}
        .ci .ci_color {flex-direction:column;gap:1.8rem;}
        .ci .ci_color li {width:100%;}
        .ci .ci_color .pantone {height:11rem;}
        .ci .ci_color .pantone span {font-size:1.6rem;}
        .ci .ci_color .cmyk {padding:1.8rem;}
        .slogan {font-size:6rem;}
        .slogan em {display:block;}
	}
    @media only screen and (max-width:375px){
        .ci .ci_color {display:grid;grid-template-columns:repeat(1, 1fr);}
    }


/* =========================================================================
   sub05_지속가능경영
   ========================================================================= */
/* 공통 */
.esg_wrap {position:relative;overflow:hidden;}
.esg_wrap::before {position:absolute;content:"";display:inline-block;width:100%;height:100%;left:0;top:20rem;background:var(--wm5);z-index:-1;}
.esg_wrap .esg_top .flex {gap:4rem;}
.esg_wrap .esg_top .flex > div {flex-basis:50%;}
.esg_wrap .esg_top .esg_img img {max-width:100%;}
.esg_wrap .esg_top .esg_tit {padding:4rem 2rem 0 6rem;}
.esg_wrap .esg_top .esg_tit .tit_point img {height:3rem;}
.esg_wrap .esg_top .esg_tit .tit {font-size:5rem;color:var(--black);margin-top:4rem;}
.esg_wrap .esg_top .esg_tit .esg_intro {margin-top:10rem;font-size:1.9rem;line-height:1.5;text-wrap:balance;}
.esg_wrap .esg_top .bg_text {position:absolute;left:-3rem;top:32rem;font-size:20rem;color:var(--wm20);font-weight:900;letter-spacing:0.2em;z-index:-1;white-space:nowrap;opacity:.4;}
.esg_wrap .esg_bottom .charter_wrap {padding:7rem 8rem;}
.esg_wrap .esg_bottom .charter_wrap .sub_intro {margin-bottom:5rem;line-height:1.4;text-align:center;}
.esg_wrap .esg_bottom .charter_wrap .charter_list {display:grid;grid-template-columns:repeat(2,1fr);gap:6rem 4rem;}
.esg_wrap .esg_bottom .charter_wrap .charter_list li .num {display:flex;justify-content:center;align-items:center;width:5rem;height:5rem;background:var(--primary2);font-weight:700;font-size:2rem;color:#fff;border-radius:50%;}
.esg_wrap .esg_bottom .charter_wrap .charter_list li h5 {font-size:2.2rem;line-height:1.3;color:var(--black);margin-top:2rem;}
.esg_wrap .esg_bottom .charter_wrap .charter_list li p {line-height:1.4;margin-top:1rem;text-wrap:balance;}
.esg_wrap .esg_bottom .charter_wrap .promise {margin-top:6rem;font-weight:500;font-size:2rem;line-height:1.4;color:var(--black);text-align:center;text-wrap:balance;}
    @media only screen and (max-width:1199px){
        .esg_wrap .esg_top .esg_tit {padding:4rem 2rem 0;}
		.esg_wrap .esg_top .bg_text {font-size:15rem;}
    }
    @media only screen and (max-width:1023px){
        .esg_wrap .esg_top .flex {flex-direction:column;gap:0;}
        .esg_wrap .esg_top .esg_img {text-align:center;}
		.esg_wrap .esg_top .bg_text {top:30rem;letter-spacing:0.2em;}
        .esg_wrap .esg_top .esg_tit .esg_intro {margin-top:5rem;}
        .esg_wrap .esg_bottom .charter_wrap {padding:5rem 6rem;}
        .esg_wrap .esg_bottom .charter_wrap .promise {margin-top:4rem;}
    }
    @media only screen and (max-width:767px){
        .esg_wrap .esg_top .esg_tit {padding:4rem 4rem 0 4rem;}
        .esg_wrap .esg_bottom .charter_wrap {padding:5rem 4rem;}
        .esg_wrap .esg_bottom .charter_wrap .charter_list {grid-template-columns:1fr;gap:4rem;}
    } 

/* ESG */
.esg_wrap .esg_bottom .charter_wrap .esg_list {display:grid;grid-template-columns:repeat(3,1fr);gap:4rem;margin-bottom:6rem;}
.esg_wrap .esg_bottom .charter_wrap .esg_list li {background:#fff;border:1px solid #e9ecef;border-radius:2rem;padding:5rem 4rem;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.02);transition:all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);position:relative;overflow:hidden;}
.esg_wrap .esg_bottom .charter_wrap .esg_list li::before {content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary2);opacity:0;transition:opacity 0.3s ease;}
.esg_wrap .esg_bottom .charter_wrap .esg_list li .esg_icon {display:flex;justify-content:center;align-items:center;width:8rem;height:8rem;margin:0 auto 2rem;background:var(--primary2);border-radius:50%;color:#fff;font-size:3.6rem;transition:all 0.4s ease;}
.esg_wrap .esg_bottom .charter_wrap .esg_list li h5 {font-size:2.4rem;font-weight:700;color:var(--black);margin-bottom:2.5rem;}
.esg_wrap .esg_bottom .charter_wrap .esg_list li h5 span {display:block;font-size:1.6rem;font-weight:500;color:var(--primary2);margin-bottom:0.5rem;text-transform:uppercase;font-family:var(--en_font);letter-spacing:0.05em;}
.esg_wrap .esg_bottom .charter_wrap .esg_list li .esg_desc {display:flex;flex-direction:column;align-items:center;}
.esg_wrap .esg_bottom .charter_wrap .esg_list li .esg_desc p {width:100%;position:relative;text-align:center;font-size:1.7rem;}
.esg_wrap .esg_bottom .charter_wrap .esg_list li .esg_desc p:not(:last-child) {border-bottom:1px dotted var(--border);margin-bottom:1rem;padding-bottom:1rem;}
	@media only screen and (max-width:1199px){
		.esg_wrap .esg_bottom .charter_wrap .esg_list {gap:2.5rem;}
		.esg_wrap .esg_bottom .charter_wrap .esg_list li {padding:4rem 2.5rem;}
    }
    @media only screen and (max-width:1023px){
		.esg_wrap .esg_bottom .charter_wrap .esg_list {grid-template-columns:1fr;gap:3rem;max-width:60rem;margin:0 auto 5rem;}
		.esg_wrap .esg_bottom .charter_wrap .esg_list li {padding:4rem 3rem;}
    }
    @media only screen and (max-width:767px){
		.esg_wrap .esg_bottom .charter_wrap .esg_list {gap:2.5rem;}
		.esg_wrap .esg_bottom .charter_wrap .esg_list li {padding:3.5rem 2rem;}
    }


/* =========================================================================
   sub06_인재채용
   ========================================================================= */
/* 인재상 */
.talent_wrap {overflow:hidden;}
.talent_wrap .talent_type {margin-top:3rem;}
.talent_wrap .talent_type > li {display:flex;gap:10rem;align-items:center;flex-wrap:wrap;padding:8rem 0;}
.talent_wrap .talent_type > li:nth-child(n + 2) {border-top:var(--border) solid 1px;}
.talent_wrap .talent_type > li h5 {position:relative;display:flex;gap:3rem;align-items:center;width:64.5rem;font-size:5.6rem;font-weight:800;color:var(--black);}
.talent_wrap .talent_type > li h5::after {content:'';position:absolute;top:50%;right:0;width:1.5rem;height:1.7rem;background:url("../../images/fs/content/sub06/sub06_1_right.png") no-repeat center/contain;transform:translateY(-50%);}
.talent_wrap .talent_type > li h5 .icon_box {line-height:1;}
.talent_wrap .talent_type > li .detail {width:calc(100% - 74.5rem);}
.talent_wrap .talent_type > li .detail h6 {font-size:3.6rem;font-weight:800;color:var(--primary);}
.talent_wrap .talent_type > li .detail p {font-size:2rem;font-weight:400;line-height:1.6;margin-top:0.8rem;}
.talent_wrap .talent_intro {margin-top:3rem;font-size:2rem;font-weight:400;line-height:1.6;color:var(--black);text-align:center;text-wrap:balance;}
.talent_wrap .benefit_list {display:flex;gap:2rem;flex-wrap:wrap;margin-top:7rem;}
.talent_wrap .benefit_list > li {width:calc(50% - (4rem / 2));background-color:#f5f5f5;border-radius:2rem;padding:4rem;}
.talent_wrap .benefit_list > li i {font-size:6rem;color:var(--primary2);line-height:1;}
.talent_wrap .benefit_list > li h5 {font-size:2.4rem;font-weight:800;color:var(--black);margin-top:3rem;}
.talent_wrap .benefit_list > li p {font-size:2rem;font-weight:400;line-height:1.6;margin-top:0.8rem;}
	@media only screen and (max-width:1199px) {
		.talent_wrap .talent_type > li {gap:5rem;padding:6rem 0;}
		.talent_wrap .talent_type > li h5 {width:50rem;font-size:4.5rem;}
		.talent_wrap .talent_type > li .detail {width:calc(100% - 55rem);}
		.talent_wrap .benefit_list > li {padding:3.5rem 3rem;}
		.talent_wrap .benefit_list > li i {font-size:5rem;}
		.talent_wrap .benefit_list > li h5 {font-size:2.2rem;}
		.talent_wrap .benefit_list > li p {font-size:1.8rem;}
	}
	@media only screen and (max-width:1023px) {
		.talent_wrap .talent_type > li {flex-direction:column;gap:3rem;align-items:flex-start;padding:5rem 0;}
		.talent_wrap .talent_type > li h5 {width:100%;font-size:3.8rem;}
		.talent_wrap .talent_type > li h5::after {display:none;}
		.talent_wrap .talent_type > li .detail {width:100%;}
		.talent_wrap .talent_type > li .detail h6 {font-size:3rem;}
		.talent_wrap .talent_type > li .detail p {font-size:1.8rem;}
		.talent_wrap .talent_intro {font-size:1.8rem;}
		.talent_wrap .benefit_list {gap:2rem;}
		.talent_wrap .benefit_list > li {width:calc(50% - 1rem);padding:3rem;}
		.talent_wrap .benefit_list > li i {font-size:4.5rem;}
		.talent_wrap .benefit_list > li h5 {font-size:2rem;margin-top:2rem;}
		.talent_wrap .benefit_list > li p {font-size:1.7rem;}
	}
	@media only screen and (max-width:767px) {
		.talent_wrap .talent_type > li {padding:4rem 0;}
		.talent_wrap .talent_type > li h5 {font-size:3rem;gap:2rem;}
		.talent_wrap .talent_type > li .detail h6 {font-size:2.4rem;}
		.talent_wrap .talent_type > li .detail p {font-size:1.6rem;}
		.talent_wrap .talent_intro {font-size:1.6rem;margin-top:2rem;}
		.talent_wrap .benefit_list {flex-direction:column;gap:2rem;margin-top:4rem;}
		.talent_wrap .benefit_list > li {width:100%;padding:3rem 2rem;text-align:center;}
		.talent_wrap .benefit_list > li i {font-size:4rem;}
		.talent_wrap .benefit_list > li h5 {font-size:1.8rem;margin-top:2rem;}
		.talent_wrap .benefit_list > li p {font-size:1.5rem;line-height:1.5;margin-top:0.5rem;}
	}

/* 인사복지제도 */
.benefit_sec01 .benefit_list > li {width:calc(33.333% - (4rem / 3));}
	@media only screen and (max-width:1023px) {
		.benefit_sec01 .benefit_list > li {width:calc(50% - (2rem / 2));}
	}
	@media only screen and (max-width:767px) {
		.benefit_sec01 .benefit_list > li {width:100%;}
	}

/* 입사지원 */
.apply_wrap {overflow:hidden;}
.apply_intro {display:flex;flex-direction:column;align-items:center;gap:3rem;margin-bottom:10rem;}
.apply_intro i {font-size:3rem;color:var(--primary2);opacity:.5;}
.apply_intro p {font-size:4rem;color:var(--black);text-align:center;text-wrap:balance;}
.apply_intro p strong {color:var(--primary2);}
.doc_list {display:flex;gap:2rem;align-items:stretch;}
.doc_list li {flex:1;background:#fff;border:1px solid #e2e8f0;border-radius:1.6rem;border-top-right-radius:3.5rem;padding:5rem 3rem 4rem;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.02);transition:all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;}
.doc_list li:hover {transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.08);border-color:rgba(217, 95, 41, 0.2);}
.doc_list li .watermark {position:absolute;right:-1.5rem;bottom:-1.5rem;font-size:11rem;color:var(--primary2);opacity:0.03;pointer-events:none;transition:all 0.4s ease;z-index:1;}
.doc_list li:hover .watermark {transform:scale(1.1) rotate(-5deg);opacity:0.06;color:var(--primary);}
.doc_list li .icon_box {display:flex;justify-content:center;align-items:center;width:8rem;height:8rem;border-radius:50%;background:var(--wm10);color:var(--primary);font-size:3.6rem;margin:0 auto 2.5rem;transition:all 0.4s ease;position:relative;z-index:2;}
.doc_list li:hover .icon_box {background:var(--primary);color:#fff;transform:scale(1.05);}
.doc_list li strong {display:block;font-size:2.2rem;color:var(--black);font-weight:700;position:relative;z-index:2;margin-bottom:1rem;}
.doc_list li span {display:block;font-size:1.6rem;color:#666;line-height:1.6;position:relative;z-index:2;margin-top:0.5rem;}
.apply_sec04 .process_slide {display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;}
.apply_sec04 .process_slide li {position:relative;aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:space-between;padding:4rem;border-radius:2rem;background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden;transition:all 0.4s ease;}
.apply_sec04 .process_slide .con1 {grid-column:1;grid-row:1;}
.apply_sec04 .process_slide .con2 {grid-column:2;grid-row:1;}
.apply_sec04 .process_slide .con3 {grid-column:1;grid-row:2;}
.apply_sec04 .process_slide .con4 {grid-column:2;grid-row:2;}
.apply_sec04 .process_slide .con5 {grid-column:3;grid-row:2;}
.apply_sec04 .process_slide li::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.7) 100%);z-index:1;transition:all 0.3s ease;}
.apply_sec04 .process_slide li:hover {transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,0.15);}
.apply_sec04 .process_slide .con1{background-image:url("../../images/fs/content/sub06/sub0603_img01.jpg");}
.apply_sec04 .process_slide .con2{background-image:url("../../images/fs/content/sub06/sub0603_img02.jpg");}
.apply_sec04 .process_slide .con3{background-image:url("../../images/fs/content/sub06/sub0603_img03.jpg");}
.apply_sec04 .process_slide .con4{background-image:url("../../images/fs/content/sub06/sub0603_img04.jpg");}
.apply_sec04 .process_slide .con5{background-image:url("../../images/fs/content/sub06/sub0603_img05.jpg");}
.apply_sec04 .process_slide .num{position:relative;z-index:2;display:block;font-size:2.4rem;font-weight:600;color:#fff;}
.apply_sec04 .process_slide .txt_box{position:relative;z-index:2;}
.apply_sec04 .process_slide .txt_box h5{font-size:3.2rem;font-weight:700;color:#fff;}
.apply_sec04 .process_slide .txt_box p{font-size:1.8rem;font-weight:500;color:rgba(255, 255, 255, 0.8);line-height:1.6;margin-top:1.6rem;}
.apply_sec05 .doc_list li {padding:4rem 1.5rem;}
.fields_note {margin-top:2.5rem;font-size:1.6rem;font-weight:500;}
	@media only screen and (max-width:1199px){
		.apply_intro p {font-size:3.6rem;}
	}
	@media only screen and (max-width:1023px){
		.apply_intro {margin-bottom:6rem;gap:2rem;}
		.apply_intro p {font-size:3rem;}
		.doc_list {flex-wrap:wrap;}
		.apply_sec01 .doc_list li {flex:0 0 calc(50% - 1rem);}
		.apply_sec01 .doc_list li:last-child {flex:0 0 100%;}
		.apply_sec02 .doc_list li {flex:0 0 calc(50% - 1rem);}
		.apply_sec04 .process_slide {display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;}
		.apply_sec04 .process_slide li {padding:3rem;}
		.apply_sec05 .doc_list li {flex:0 0 calc(33.333% - 1.34rem);padding:3.5rem 1.5rem;}
	}
	@media only screen and (max-width:767px){
		.apply_intro {margin-bottom:4rem;gap:1.5rem;}
		.apply_intro p {font-size:2.2rem;}
		.doc_list {flex-direction:column;}
		.doc_list li {padding:4rem 2rem;}
		.apply_sec01 .doc_list li {flex:1 0 auto;}
		.apply_sec01 .doc_list li:last-child {flex:1 0 auto;}
		.apply_sec02 .doc_list li {flex:1 0 auto;}
		.apply_sec04 .process_slide {grid-template-columns:1fr;gap:1.5rem;}
		.apply_sec04 .process_slide li {aspect-ratio:auto;min-height:16rem;padding:2.5rem;grid-column:auto;grid-row:auto;}
		.apply_sec05 .doc_list li {flex:1 0 auto;padding:3rem 1.5rem;}
		.fields_note {text-align:center;margin-top:1.5rem;}
	}

/* 병역특례 */
.army_desc {font-size:1.8rem;line-height:1.8;}
.table_scroll_wrap {position:relative;margin-top:2rem;}
.table_scroll_wrap .scroll_info {display:none;justify-content:center;align-items:center;gap:0.8rem;font-size:1.4rem;margin-bottom:1rem;font-weight:500;}
.table_scroll_wrap .scroll_info i {font-size:1.8rem;color:var(--primary);animation:swipeIcon 1.5s infinite ease-in-out;}
.table_x_scroll {width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.table_scroll_wrap .tableA tbody td .list1 li {position:relative;padding-left:1.5rem;text-align:left;word-break:keep-all;}
.table_scroll_wrap .tableA tbody td .list1 li strong {display:block;color:var(--primary);font-weight:800;font-size:1.7rem;margin-bottom:0.4rem;}
@keyframes swipeIcon {0% {transform:translateX(0);} 50% {transform:translateX(5px);} 100% {transform:translateX(0);}}
	@media only screen and (max-width:1023px){
		.table_scroll_wrap .scroll_info {display:flex;}
		.table_scroll_wrap .tableA {display:table;min-width:800px;border-collapse:collapse;}
		.table_scroll_wrap .tableA thead {display:table-header-group;}
		.table_scroll_wrap .tableA thead tr {display:table-row;}
		.table_scroll_wrap .tableA thead th {display:table-cell;width:auto;padding:1.8rem 2rem;}
		.table_scroll_wrap .tableA tbody {display:table-row-group;}
		.table_scroll_wrap .tableA tbody tr {display:table-row;border-bottom:1px solid var(--border);}
		.table_scroll_wrap .tableA tbody th {display:table-cell;width:auto;min-width:auto;background:#f8fafc;padding:1.8rem 2rem;border-bottom:none;}
		.table_scroll_wrap .tableA tbody td {display:table-cell;width:auto;padding:1.8rem 2rem;border-bottom:none;}
	}
	@media only screen and (max-width:767px){
		.table_scroll_wrap .tableA thead th {padding:1.5rem;}
		.table_scroll_wrap .tableA tbody th {padding:1.5rem;}
		.table_scroll_wrap .tableA tbody td {padding:1.5rem;}
	}


/* =========================================================================
   영문
   ========================================================================= */
/* 제조설비 */
:lang(en) .fac_spec_list li .label {width:12.5rem;}

/* CI */
:lang(en) .slogan {font-size:8rem;line-height:1.2;}
:lang(en) .slogan em {display:block;}
    @media only screen and (max-width:1499px){
        :lang(en) .slogan {font-size:7rem;}
    }
    @media only screen and (max-width:1199px){
        :lang(en) .slogan {font-size:6rem;}
	}
    @media only screen and (max-width:1023px){
        :lang(en) .slogan {font-size:5rem;}
	}
    @media only screen and (max-width:767px){
        :lang(en) .slogan {font-size:4rem;}
	}


/* =========================================================================
   중문
   ========================================================================= */
/* 인사말 */
:lang(zh) .ceo_sign span strong {font-family:"Zhi Mang Xing", cursive;}

/* CI */
:lang(zh) .slogan {font-size:9rem;}
    @media only screen and (max-width:1499px){
        :lang(zh).slogan {font-size:8rem;}
    }
    @media only screen and (max-width:1199px){
        :lang(zh) .slogan {font-size:7rem;}
	}
    @media only screen and (max-width:1199px){
        :lang(zh) .slogan {font-size:6rem;}
	}