@charset "UTF-8"; 

/* --------------------------- 서브공통 */
/** 이미지 처리 **/
.images { width:auto; max-width: 100%; } 

.img_m { display: none; } 

@media screen and (max-width:640px) { 
.img_m { display: block; } 
.img_pc { display: none; } 
}



/** 공통 타이틀 **/
.headline { display: flex; gap:2.5rem; flex-direction: column; margin-bottom:6.875rem; } 
.headline .desc { font-size: 3.875rem; font-weight: 700; line-height: 140%; color: var(--gray-900, #1A1A1A); letter-spacing: -2.48px; word-break: keep-all;} 

.headline .en { display: block; font-family: var(--kanit); font-size: 3.125rem; font-weight: 300; line-height: 130%; color: var(--second, #3F2825); letter-spacing: 0; } 

html[lang="en"] .headline .desc { font-size: 2.75rem;} 


@media screen and (max-width:1024px) { 
 .headline { margin-bottom:4rem; } 
 .headline .desc { font-size: 3rem; } 
 .headline .en { font-size: 2.75rem; } 

}

@media screen and (max-width:640px) { 
 .headline .desc { font-size: 2rem; letter-spacing: -1px; word-break: keep-all; } 
  html[lang="en"] .headline .desc { font-size: 2rem;} 
 .headline .desc br { display: none; } 
 .headline .en { font-size: 1.875rem; } 

}



/** 탑 이미지 **/
.top_img { width:100%; height:23.25rem; background-repeat: no-repeat; background-position: center; border-radius: 2.5rem 2.5rem 0rem 0rem; } 
#history .top_img { background-image: url("../../images/sub/bg_history.png"); } 
#quality .top_img { background-image: url("../../images/sub/bg_quality_policy.png"); } 

@media screen and (max-width:640px) { 
.top_img { height:15.625rem; } 
#quality .top_img { background-position: center right; background-size: cover; } 
}




/** 리스트_점 **/
ul.dot_list li { display: flex; gap:0.25rem; font-size: 1.375rem; line-height: 150%; color: var(--gray-700, #4D4D4D); letter-spacing: -0.88px; } 
ul.dot_list.bold li { font-size: 1.25rem; font-weight: 500; line-height: 160%; color: var(--gray-900, #1A1A1A); letter-spacing: -0.8px; } 
ul.dot_list li::before { content: "·"; } 
ul.dot_list li.star::before { content: "*"; } 

@media screen and (max-width:640px) { 
 ul.dot_list li { font-size: 1.25rem; } 
}


/** 버튼 **/
.btn_download { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; padding: 0 2.5rem; width: 100%; height:5rem; background: var(--second, #3F2825); font-size: 1.25rem; font-weight: 600; line-height: 170%; color: #FFF; letter-spacing: -0.8px; transition: color 0.3s; transition: all 0.3s; border-radius: 0.625rem; } 
.btn_download::after { display: block; width:1.5625rem; height:2rem; background: url("../../images/sub/ico_download.svg") no-repeat; background-size: cover; content: ""; } 
.btn_download:hover { background-color: var(--primary); } 

@media screen and (max-width:640px) { 
.btn_download { padding: 0 1.875rem; height:4rem; } 
}




/* --------------------------- 회사소개 */
/* 경영방침 */
#management article { margin-top:7.5rem; } 
#management article:first-of-type { margin-top:0 } 
#management .management_list { display: flex; gap:1.25rem; align-items: center; justify-content: center; padding-bottom:13.125rem; } 
#management .management_list li { display: flex; align-items: center; justify-content: center; flex:1; flex-direction: column; position: relative; } 
#management .management_list li:nth-child(2) { position: relative; top:13.125rem; } 
#management .management_list li:nth-child(2)::before { position: relative; top:-3.125rem; max-width: 100%; content: url("../../images/sub/logo_gray.svg"); } 
#management .management_list li .img { overflow: hidden; border-radius: 40px 40px 0 0; } 
#management .management_list li .img img { display: block; width:100%; } 
#management .management_list li .txt { padding:2.5rem; border: 1px solid var(--gray-150, #D9D9D9); border-top:0 none; width:100%; text-align: center; } 
#management .management_list li .txt { display: flex; gap:1.625rem; flex-direction: column; line-height: 140%; text-align: center; letter-spacing: -1.36px; } 
#management .management_list li .txt .tit { font-size: 2.125rem; font-weight: 600; color: #3F2825; } 
#management .management_list li .txt .desc { font-size: 1.25rem; font-weight: 500; color: rgba(63, 40, 37, 0.60); text-align: center; } 
html[lang="en"] .management_list li .txt .desc {font-size: 1.125rem !important}

@media screen and (max-width:960px) { 
 #management .management_list li:nth-child(2)::before { display: none; } 
}

@media screen and (max-width:768px) { 
 #management .management_list { flex-direction: column; padding-bottom:0; } 
 #management .management_list li:nth-child(2) { top:0; } 
 #management .management_list li .txt .tit { font-size: 2rem; } 
}



/** 인재상/채용 **/
#talent .talent_box { display: flex; margin-bottom:9.375rem; } 
#talent .talent_box:last-child { margin-bottom:0; } 
#talent .talent_box h3 { width:25%; font-size: 2.625rem; font-weight: 600; line-height: 140%; letter-spacing: -1.68px; } 
#talent .talent_box .box { flex:1; } 

@media screen and (max-width:1024px) { 
 #talent .talent_box { gap:2.25rem; flex-direction: column; margin-bottom:5rem; } 
 #talent .talent_box h3 { width:100%; } 
}

#talent .top_desc { margin-bottom:3.75rem; font-size: 1.875rem; font-weight: 600; line-height: 160%; color: var(--gray-900, #1A1A1A); letter-spacing: -1.2px; word-break: keep-all; } 

@media screen and (max-width:640px) { 
 #talent .top_desc { font-size: 1.5rem; } 
}

#talent .talent_list { display: grid; gap:1.25rem; grid-template-columns: repeat(3,1fr); } 
#talent .talent_list li { display: flex; gap:1.625rem; align-items: center; flex-direction: column; padding-bottom:3.125rem; border: 1px solid var(--gray-150, #D9D9D9); overflow: hidden; text-align: center; border-radius: 40px; } 
#talent .talent_list li .img_box { overflow: hidden; border-radius: 40px; } 
#talent .talent_list li .img_box img { display: block; } 
#talent .talent_list li .txt_box { padding:0 1rem; font-size: 1.1875rem; font-weight: 600; line-height: 140%; color: rgba(63, 40, 37, 0.60); text-align: center; letter-spacing: -0.76px; } 
#talent .talent_list li .txt_box p { margin-top:1.625rem; word-break: keep-all; } 

@media screen and (max-width:798px) { 
 #talent .talent_list { grid-template-columns: repeat(1,1fr); } 
 #talent .talent_list li .txt_box p br { display: none; } 
 #talent .talent_list li .img_box { width:100%; } 
 #talent .talent_list li .img_box img { width:100%; } 
}


#talent .principle_list { display: grid; position: relative; grid-template-columns: repeat(3,1fr); } 
#talent .principle_list::after { position: absolute; top:calc(15.25rem / 2); left:50%; width:80%; height:2px; background: #A48F7A; content: ""; transform: translateX(-50%); } 
#talent .principle_list li { display: flex; align-items: center; flex-direction: column; position: relative; z-index: 1; } 
#talent .principle_list .ico { display: flex; align-items: center; justify-content: center; width:15.25rem; height:15.25rem; background: #A48F7A; border-radius: 6.6875rem; } 
#talent .principle_list .txt { margin-top:2.5rem; background-color: #fff; font-size: 1.1875rem; font-weight: 600; line-height: 160%; color: var(--gray-900, #1A1A1A); text-align: center; letter-spacing: -0.76px; } 
#talent .principle_list .txt b { font-weight: 700; color: #A48F7A; text-align: center; letter-spacing: -0.76px; } 

@media screen and (max-width:798px) { 
 #talent .principle_list { gap:2rem; grid-template-columns: repeat(1,1fr); } 
 #talent .principle_list::after { position: absolute; top:0; left:50%; width:2px; height:100%; background: #A48F7A; content: ""; transform: translateX(-50%); } 
 #talent .principle_list .txt { margin-top:2rem; padding:2rem 0; } 
}

#talent .process_list { display: flex; gap:1.25rem; flex-direction: column; } 
#talent .process_list li { display: flex; gap:2.5rem; align-items: center; } 
#talent .process_list li .ico { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width:8.125rem; height:8.125rem; background-color: #638BBE; border-radius: 20px; } 
#talent .process_list li p { font-size: 1.125rem; font-weight: 500; line-height: 160%; color: var(--gray-900, #1A1A1A); letter-spacing: -0.72px; } 
#talent .process_list li .tit { font-size: 1.5rem; font-weight: 600; line-height: 160%; letter-spacing: -0.96px; } 

@media screen and (max-width:640px) { 
 #talent .process_list li { gap:1.5rem; } 
}



/* 연혁 */
#history .history_box { display: flex; justify-content: space-between; margin-top:8.125rem; padding:0 9%; } 
#history .history_box h3 { position: sticky; top:5rem; width:22.5rem; height:6.25rem; font-family: var(--kanit); font-size: 4.375rem; font-weight: 700; color: var(--secondary, #3F2825); } 
#history .history_box ul { display: flex; gap:1.625rem; flex:1; flex-direction: column; padding-top:5rem; border-left:1px solid #DFDFDF; position: relative; } 
#history .history_box ul::before { display: block; position: absolute; top:0; left:-7.5px; width:15px; height:15px; background-color: var(--gray-800, #2A2A2A); content: ""; border-radius: 100%; } 
#history .history_box ul li { display: flex; align-items: flex-start; padding-left:6.25rem; position: relative; } 
#history .history_box ul li p.year { flex-shrink: 0; position: relative; width:6.25rem; font-size: 2rem; font-weight: 700; color: var(--secondary, #3F2825); letter-spacing: -0.64px; } 
#history .history_box ul li p.year::before { display: block; position: absolute; top:50%; left:-6.25rem; width:78px; height:1px; background-color: #949494; content: ""; transform: translateY(-50%); } 
#history .history_box ul li p.year::after { display: block; border:2px solid #949494; position: absolute; top:50%; left: calc(-6.25rem - 7.5px); width:15px; height:15px; background-color: #fff; content: ""; border-radius: 100%; transform: translateY(-50%); } 
#history .history_box ul li p.desc { font-size: 1.25rem; font-weight: 500; line-height: 160%; color: var(--gray-700, #4D4D4D); letter-spacing: -0.4px; } 
#history .history_box ul li:last-child::after { border:1px solid #fff; position: absolute; top:23.5px; left:-1px; height:100%; content: ""; } 

@media screen and (max-width:1240px) { 
 #history .history_box { padding:0 5%; } 
}

@media screen and (max-width:1024px) { 
 #history .history_box { padding:0; } 
 #history .history_box h3 { width:20rem; } 
}

@media screen and (max-width:768px) { 
 #history .history_box { gap:3rem; flex-direction: column; margin-top:6rem; } 
 #history .history_box h3 { position: static; top:0; height:auto; font-size: 4rem; } 
 #history .history_box ul li { gap:1rem; flex-direction: column; padding-left:2.5rem; } 
 #history .history_box ul li p.year::before { left:-2.5rem; width:2rem; } 
 #history .history_box ul li p.year::after { left: calc(-2.5rem - 7.5px); } 
}



/* 오시는길 */
#map .map_box { display: flex; gap:2.5rem; justify-content: space-between; flex-direction: column; margin-bottom:5.625rem; } 
#map .map_box:last-child { margin-bottom:0; } 
#map .map_box .txt_box { padding:1.875rem 3.125rem; background: var(--gray-50, #F8F8F8); border-radius: 40px 40px 0px 0px; } 
#map .map_box .txt_box h3 { margin-bottom:0.625rem; font-size: 2.125rem; font-weight: 700; line-height: 160%; color: var(--gray-900, #1A1A1A); letter-spacing: -1.36px; } 
#map .map_box .txt_box ul { display: flex; gap:0 3.125rem; flex-wrap: wrap; } 
#map .map_box .txt_box ul li { font-size: 1.25rem; font-weight: 500; line-height: 170%; color: var(--gray-700, #4D4D4D); text-align: left; letter-spacing: -0.8px; } 
#map .map_box .txt_box ul li.full { width:100%; } 
#map .map_box .txt_box ul li b { font-size: 1.25rem; font-weight: 600; color: var(--gray-000, #000); } 
#map .map_box .iframe_box { padding-top:40%; overflow: hidden; position: relative; width:100%; border-radius: 20px; } 
#map .map_box .iframe_box iframe { position: absolute; top:0; left:0; width:100%; height:100%; } 

#map .map_box .contact_list { display: grid; gap:1.25rem; grid-template-columns: repeat(4,1fr); } 
#map .map_box .contact_list li { padding:1.75rem; border: 1px solid var(--gray-150, #D9D9D9); height:100%; background: #FFF; text-align: center; border-radius: 20px; } 
#map .map_box .contact_list li p { font-size: 1.375rem; font-weight: 500; line-height: 170%; color: var(--gray-700, #4D4D4D); letter-spacing: -0.88px; } 
#map .map_box .contact_list li p.tit { display: flex; gap:1.25rem; align-items: center; justify-content: center; flex-direction: column; margin-bottom:1.25rem; font-weight: 600; color: var(--gray-900, #1A1A1A); letter-spacing: -1.2px; } 
#map .map_box .contact_list li p.tit::after { display: block; width:1.75rem; height:2px; background-color: var(--secondary, #3F2825); content: ""; } 


@media screen and (max-width:1024px) { 
 #map .map_box .txt_box { padding:1.875rem; } 
 #map .map_box .txt_box h3 { font-size: 2rem; } 
 #map .map_box .iframe_box { padding-top:60%; } 
 #map .map_box .contact_list { grid-template-columns: repeat(2,1fr); } 
}

@media screen and (max-width:640px) { 
 #map .map_box .iframe_box { padding-top:100%; } 
 #map .map_box .contact_list { grid-template-columns: repeat(1,1fr); } 
}



/* 계열사 */
#affiliate .tab_nav { display: flex; flex-wrap: wrap; margin-bottom:6.25rem; border: 1px solid #D7D0C8; overflow: hidden; background: var(--gray-0, #FFF); border-radius: 2.5rem; } 
#affiliate .tab_nav li { flex:1; border-right:1px solid #D7D0C8; height:8.75rem; } 
#affiliate .tab_nav li:last-child { border-right:0 none; } 
#affiliate .tab_nav li a { display: flex; align-items: center; justify-content: center; padding:0.625rem; width:100%; height:100%; font-size: 1.25rem; font-weight: 500; line-height: 170%; text-align: center; letter-spacing: -0.8px; } 
#affiliate .tab_nav li.active a { background: var(--primary, #D81F36); font-size: 1.5rem; font-weight: 600; color: #FFF; letter-spacing: -0.96px; } 

@media screen and (max-width:640px) { 
 #affiliate .tab_nav { margin-bottom:4rem; } 
 #affiliate .tab_nav li { flex:auto; border-top:1px solid #D7D0C8; width:33.333333%; height:5rem; } 
 #affiliate .tab_nav li:nth-child(-n+3) { border-top: none; } 
 #affiliate .tab_nav li:nth-child(3n) { border-right:none; } 
 #affiliate .tab_nav li a { font-size: 1rem; } 
 #affiliate .tab_nav li.active a { font-size: 1.2rem; } 
}

#affiliate .tab_content .tab_item { display: none; } 
#affiliate .tab_content .tab_item.active { display: block; } 
#affiliate .tab_content h2 { display: flex; gap:1.25rem; align-items: center; justify-content: center; margin-bottom:3.25rem; font-size: 2.875rem; font-weight: 600; line-height: 170%; color: #A4937A; text-align: center; letter-spacing: -1.84px; } 

@media screen and (max-width:640px) { 
 #affiliate .tab_content h2 { margin-bottom:3rem; font-size: 2rem; } 
}

#affiliate .aff_item { margin-bottom:3.75rem; background: var(--gray-50, #F8F8F8); border-radius: 2.5rem 2.5rem 0rem 0rem; } 
#affiliate .aff_item h3 { padding:1.875rem 3.125rem 0; font-size: 2.125rem; font-weight: 700; line-height: 160%; color: var(--gray-900, #1A1A1A); letter-spacing: -1.36px; } 
#affiliate .aff_item .desc { padding:0 3.125rem 1.875rem; font-size: 1.375rem; font-weight: 500; line-height: 170%; color: var(--gray-700, #4D4D4D); letter-spacing: -0.88px; } 

#affiliate .aff_item .box { display: grid; gap:10%; align-items: center; justify-content: space-between; padding-top:1.25rem; background-color: #fff; grid-template-columns: 1fr 1fr; } 
#affiliate .aff_item .box .info { min-height:22.5rem; background-color: #fff; border-radius: 0.625rem; } 
#affiliate .aff_item .box .info li { display: flex; align-items: center; padding:1.25rem 0; border-bottom: 1px solid #E5E5E5; line-height: 1.2; } 
#affiliate .aff_item .box .info li:last-child { border-bottom: 0; } 
#affiliate .aff_item .box .info li .tit { flex-shrink: 0; border-right: 2px solid var(--gray-100, #E5E5E5); width:8.125rem; font-size: 20px; font-weight: 600; text-align: center; letter-spacing: -0.8px; } 

#affiliate .aff_item .box .info li .txt { flex:1; padding:0rem 1.875rem; font-size: 20px; font-weight: 500; color: var(--gray-650, #595959); letter-spacing: -0.8px; word-break: keep-all; } 
#affiliate .aff_item .box .info li .txt a:hover { text-decoration: underline; } 

#affiliate .aff_item .box .info li .txt a { display: flex; gap:12px; align-items: center; } 
#affiliate .aff_item .box .info li .txt a::after { content: url("../../images/sub/ico_blank.svg"); } 

#affiliate .aff_item .box .img { overflow: hidden; position: relative; height:100%; border-radius: 1.25rem; } 
#affiliate .aff_item .box .img img { width:100%; max-width:100%; height:100%; object-fit: cover; } 

@media screen and (max-width:1024px) { 
 #affiliate .aff_item .box { grid-template-columns: 1fr; } 
}
@media screen and (max-width:640px) { 
 #affiliate .aff_item h3 { padding:1.5rem 1rem 0; font-size:2rem; text-align: center; } 
 #affiliate .aff_item .desc { padding:0 1rem 1.5rem; text-align: center; word-break: keep-all; } 
 #affiliate .aff_item .box { gap:0; } 
 #affiliate .aff_item .box .info { order:2; } 
 #affiliate .aff_item .box .info li { gap:0.375rem; flex-direction: column; } 
 #affiliate .aff_item .box .info li .tit { border-right:0 none; width:100%; } 
 #affiliate .aff_item .box .info li .txt { padding:0 1rem; text-align: center; } 
 #affiliate .aff_item .box .img { order:1; } 
}

/* 계열사_eng */
html[lang="en"] #affiliate .tab_nav li a span.txt { gap:1rem; } 
html[lang="en"] #affiliate .aff_item .box .info li .tit { width:9.375rem; } 

@media screen and (max-width:640px) { 
html[lang="en"] #affiliate .aff_item .box .info li .tit { width:100%; } 
}

/* 글로벌 네트워크 */
#affiliate .aff_item.global h3 { padding-bottom:30px; } 
#affiliate .aff_item.global .box { grid-template-columns: 1fr } 
#affiliate .aff_item.global .box .info { min-height:auto } 

#affiliate .global_img { margin-bottom:5.625rem; border:1px solid #D9D9D9; overflow: hidden; border-radius: 20px; } 
#affiliate .global_img img { display: block; max-width: 100%; } 

#affiliate .global_nav { display: grid; margin-bottom:5rem; padding:1.875rem; background: var(--gray-50, #F8F8F8); grid-template-columns: repeat(6,1fr); border-radius: 2.5rem; } 
#affiliate .global_nav li { flex: 1; } 
#affiliate .global_nav li a { display: flex; align-items: center; justify-content: center; padding:1rem; width: 100%; height:100%; font-size: 1.25rem; font-weight: 600; line-height: 140%; color: var(--gray-700, #4D4D4D); text-align: center; letter-spacing: -0.88px; border-radius: 2.375rem; } 
#affiliate .global_nav li.active a { background: var(--primary); color: #fff; } 

#affiliate .global_tab { display: none; } 
#affiliate .global_tab.active { display: block; } 

#affiliate .global_tab .top_txt { margin-bottom: 3.75rem; } 
#affiliate .global_tab .top_txt p { font-size: 1.25rem; font-weight: 500; line-height: 170%; color: var(--gray-700, #4D4D4D); letter-spacing: -0.8px; } 
#affiliate .global_tab .top_txt p.tit { margin-bottom:1.875rem; font-size: 3.4375rem; font-weight: 800; line-height: normal; color: var(--gray-900, #1A1A1A); text-align: center; letter-spacing: -2.2px; } 


@media screen and (max-width:1024px) { 
 #affiliate .global_nav { grid-template-columns: repeat(5,1fr); } 
 #affiliate .global_nav li a { padding-right:0; padding-left:0; font-size: 1.25rem; } 
}

@media screen and (max-width:768px) { 
 #affiliate .global_img { display: none; } 

 #affiliate .global_nav { padding:0; position: relative; background-color: transparent; grid-template-columns: repeat(1,1fr); } 
 #affiliate .global_nav::after { position: absolute; top:30px; right: 2.5rem; color:#fff; content: '▼'; pointer-events: none; transform: translateY(-50%); } 
 #affiliate .global_nav.active::after { content: '▲'; } 
 #affiliate .global_nav li { display: none; background: var(--gray-50, #F8F8F8); } 
 #affiliate .global_nav.active li { display: block; } 
 #affiliate .global_nav.active li.active { display: none; } 
 #affiliate .global_nav::before { display: block; display: flex; align-items: center; justify-content: center; padding: 1rem; width: 100%; height:60px; background-color: #402A29; font-size: 1.5rem; font-weight: bold; font-weight: 600; color:#fff; text-align: center; letter-spacing: -0.88px; content: attr(data-selected); cursor: pointer; border-radius: 2.375rem; } 
}



/* --------------------------- 제품정보 */
/** 카다로그 & 지명원 **/
.catalog .catalog_box { display: flex; gap:10%; } 
.catalog .catalog_box .img_box { position: relative; width:50%; height:100%; } 
.catalog .catalog_box .img_box img { display: block; width:100%; } 
.catalog .catalog_box .txt_box { display: flex; gap:4.875rem; justify-content: space-between; flex:1; flex-direction: column; } 
.catalog .catalog_box .txt_box dl.dl_contents dt { margin-bottom:2.5rem; padding:1.875rem 3.125rem; background: var(--gray-50, #F8F8F8); font-size: 2.125rem; font-weight: 700; line-height: 160%; color: var(--gray-900, #1A1A1A); letter-spacing: -1.36px; border-radius: 2.5rem 2.5rem 0 0; } 
.catalog .catalog_box .txt_box dl.dl_contents dd { display: flex; gap:0.9375rem; align-items: center; margin-bottom:1.25rem; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.96px; } 
.catalog .catalog_box .txt_box dl.dl_contents dd span { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width:3.875rem; height:2.75rem; background: var(--gray-200, #CCC); font-family: var(--kanit); font-size: 1.5rem; font-weight: 400; color: var(--gray-0, #FFF); text-align: center; letter-spacing: -0.96px; border-radius: 2.5rem; } 

.catalog .catalog_box .txt_box dl.dl_annex { flex:1; } 
.catalog .catalog_box .txt_box dl.dl_annex dt { display: inline-flex; 
gap: 0.625rem; align-items: center; justify-content: center; margin-bottom:1rem; padding: 0.625rem 50px; background: var(--gray-50, #F8F8F8); font-size: 1.5rem; font-weight: 600; letter-spacing: -0.96px; border-radius: 2.5rem; } 
.catalog .catalog_box .txt_box dl.dl_annex dd { font-size: 1.25rem; font-weight: 500; line-height: 160%; letter-spacing: -0.8px; } 

@media screen and (max-width:1024px) { 
 .catalog .catalog_box { gap:6%; } 
 .catalog .catalog_box .img_box { width:40%; } 
}

@media screen and (max-width:768px) { 
 .catalog .catalog_box { gap:4rem; flex-direction: column; } 
 .catalog .catalog_box .img_box { width:100%; } 
}

@media screen and (max-width:640px) { 
 .catalog .catalog_box .txt_box dl dt { margin-bottom:2rem; font-size: 2rem; } 
 .catalog .catalog_box .txt_box dl dd { font-size: 1.25rem; } 
 .catalog .catalog_box .txt_box dl dd span { font-size: 1.25rem; } 
}


/** 제품소개 **/
.product .product_nav { display: flex; align-items: center; justify-content: center; padding:0.625rem 0; position: sticky; top:0; left:0; background-color: #fff; } 
.product .product_nav ul { display: flex; gap:0.625rem; } 
.product .product_nav ul li a { display: flex; align-items: center; justify-content: center; padding:0.625rem 2.5rem; height:5.625rem; background: var(--gray-50, #F8F8F8); font-size: 1.25rem; font-weight: 500; line-height: 140%; color: var(--gray-700, #4D4D4D); text-align: center; letter-spacing: -0.8px; transition: all 0.3s; border-radius: 5.625rem; } 
.product .product_nav ul li.active a { background-color: var(--primary); color:#fff; } 

html[lang="en"] .product .product_nav ul li a { font-size: 1.125rem;  } 

@media screen and (max-width:1024px) { 
.product .headline { margin-bottom:0; } 
.product .product_nav { display: none; } 
}



.product .product_wrap { padding-top:7.5rem; } 
.product .product_wrap .tit_box { display: flex; gap:0.625rem; flex-direction: column; margin-bottom:1.875rem; padding:1.875rem 3.125rem; background: var(--gray-50, #F8F8F8); border-radius: 2.5rem 2.5rem 0 0 } 
.product .product_wrap .tit_box h3 { font-size: 2.125rem; font-weight: 700; line-height: 160%; color: var(--gray-900, #1A1A1A); letter-spacing: -1.36px; } 
.product .product_wrap .tit_box .desc { font-size: 1.375rem; line-height: 150%; color: var(--gray-700, #4D4D4D); letter-spacing: -0.88px; word-break: keep-all; } 

.product .product_wrap .cont_box { display: flex; gap:1.25rem; justify-content: space-between; overflow: hidden; } 
.product .product_wrap .cont_box .img { flex:1; } 
.product .product_wrap .cont_box .img img { width:100%; } 
.product .product_wrap .cont_box .cont { padding-top:1.875rem; width:66%; } 
.product .product_wrap .cont_box .cont ul.catalog_list { display: grid; gap:1.25rem; background: #FFF; grid-template-columns: repeat(2,1fr); } 
.product .product_wrap .cont_box .cont ul.catalog_list li { display: flex; gap:1.5rem; justify-content: space-between; flex-direction: column; padding:1.75rem 1.875rem; border: 1px solid var(--gray-150, #D9D9D9); min-height:14.25rem; border-radius: 1.25rem; } 
.product .product_wrap .cont_box .cont ul.catalog_list li p { font-size: 1.5rem; font-weight: 600; line-height: 120%; color: var(--gray-900, #1A1A1A); letter-spacing: -0.96px; } 


@media screen and (max-width:1024px) { 
 .product .product_wrap .tit_box { padding:1.875rem; } 
 .product .product_wrap .tit_box h3 { font-size: 2rem; } 
 .product .product_wrap .cont_box .img { width:50%; } 
 .product .product_wrap .cont_box .cont ul.catalog_list { grid-template-columns: repeat(1,1fr); } 
}

@media screen and (max-width:768px) { 
 .product .product_wrap .tit_box .desc { word-break:unset; } 
 .product .product_wrap .tit_box .desc { font-size: 1.25rem; } 
 
 .product .product_wrap .cont_box { gap:0; flex-direction: column; } 
 .product .product_wrap .cont_box .img { width:100%; } 
 .product .product_wrap .cont_box .cont { width:100%; } 
}

@media screen and (max-width:640px) { 
.product .product_wrap { padding-top:4rem; } 
}


.product .scroll_wrap { overflow-x: auto; width: 100%; -webkit-overflow-scrolling: touch; } 
.product .scroll_wrap table { width: 100%; min-width: 700px; border-collapse: collapse; } 

.product .product_table { margin-top:50px; } 
.product .product_table th { background: var(--gray-50, #F8F8F8); font-weight: 600; } 
.product .product_table th, 
.product .product_table td { padding:10px; border-bottom: 1px solid var(--gray-700, #4D4D4D); border-left:1px solid var(--gray-300, #B2B2B2); font-size: 18px; line-height: 160%; text-align: center; 
letter-spacing: -0.72px; } 
.product .product_table th[rowspan]:first-child,
.product .product_table td:first-child { border-left: none; } 
.product .product_table td img { width:100%; } 



/* --------------------------- 퓸질관리 */
/** 품질/환경방침 **/
#quality .desc2 { margin-bottom:3.125rem; font-size: 1.875rem; font-weight: 600; line-height: 160%; color: var(--gray-900, #1A1A1A); word-break: keep-all; } 
#quality .quality_list { display: flex; gap:1.25rem; flex-direction: column; margin-top:3.75rem; } 
#quality .quality_list li { display: flex; gap:1rem; padding:1.875rem 3.125rem; background: var(--gray-50, #F8F8F8); border-radius: 40px 40px 0 0; } 
#quality .quality_list li p { padding-top:0.375rem; font-size: 1.5rem; font-weight: 500; line-height: 160%; color: var(--gray-900, #1A1A1A); } 
#quality .quality_list li span { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width:5.25rem; height:3.125rem; background: #A48F7A; font-size: 1.875rem; font-weight: 600; line-height: 140%; color: #FFF; text-align: center; border-radius: 30px; } 

#quality .sign_box { margin-top:7.5rem; text-align: right; } 
#quality .sign_box .lg { font-size: 1.875rem; font-weight: 600; line-height: 160%; color: var(--gray-900, #1A1A1A); text-align: right; word-break: keep-all; } 
#quality .sign_box .name { margin-top:3.125rem; font-size: 1.5rem; font-weight: 600; line-height: 160%; } 
#quality .sign_box .name span { font-size: 1.125rem; font-weight: 600; line-height: 160%; color: var(--gray-500, #808080); } 


@media screen and (max-width:1024px) { 
 #quality .desc2 { font-size: 1.5rem; } 
 #quality .desc2 br { display: none; } 
 #quality .quality_list li p { padding-top:0.25rem; } 

 #quality .sign_box .lg { font-size: 1.5rem; } 
 #quality .sign_box .lg br { display: none; } 
}


@media screen and (max-width:640px) { 
 #quality .desc2 { font-size: 1.25rem; } 
 #quality .quality_list li { flex-direction: column; padding:1.5rem; } 
 #quality .quality_list li p { padding-top:0; font-size: 1.25rem; } 
 #quality .quality_list li span { width:4rem; height:2.5rem; font-size: 1.5rem; } 

 #quality .sign_box .lg { font-size: 1.25rem; } 

}




/* --------------------------- 글로벌네트워크 (KBI그룹 복사) */
/* global */
#global_network .global__map-wrap { position:relative; height:580px; background:linear-gradient(#d7e1ec 25%, #eef3f8) } 
#global_network .global__map { margin:0 auto; position:relative; width:1540px; height:100% } 
#global_network .global__map-bg { width:100%; height:100%; background:url('../../images/sub/global/img_map.png') center no-repeat } 
#global_network .global__map-link { display:inline-block; position:absolute; text-align:center } 
#global_network .global__map-link img { transform:translateX(4px) } 
#global_network .global__map-link .text { display:block; font-size:0.875rem; font-weight:700; text-transform:uppercase; transform:translateY(-10px) } 
#global_network .global__map-link.kr { top:248px; left:615px } 
#global_network .global__map-link.jp { top:227px; left:679px } 
#global_network .global__map-link.cn { top:275px; left:530px } 
#global_network .global__map-link.in { top:324px; left:409px } 
#global_network .global__map-link.uae { top:319px; left:301px } 
#global_network .global__map-link.cz { top:212px; left:144px } 
#global_network .global__map-link.de { top:175px; left:82px } 
#global_network .global__map-link.es { top:239px; left:60px } 
#global_network .global__map-link.mx { top:323px; left:1172px } 
#global_network .global__map-link.vi { top:390px; left:520px } 
#global_network .global__map-link.usa { top:249px; left:1085px } 
#global_network .global__map-link.my { top:340px; left:480px } 


#global_network .line { margin:2.5rem 0; width:100%; height:1px; background:#333 } 

#global_network .img-paragraph { display: flex; gap:2.5rem; } 
#global_network .img-paragraph .img { position:relative; width:40% } 
#global_network .img-paragraph .img img { width:100% } 
#global_network .img-paragraph .icon { display: flex; align-items: center; justify-content: center; position:absolute; top:1rem; left:1rem; z-index:150; width:3.75rem; height:3.75rem; background-color:#d9e3ee; border-radius:100% } 
#global_network .img-paragraph .icon img { position: relative; top:2px; left:2px; width:42px; height:32px; } 
#global_network .img-paragraph .text { flex:1; word-break:keep-all; } 
#global_network .img-paragraph .text .title { margin-bottom:1.5rem; font-size:2.375rem; font-weight:700; } 
#global_network .img-paragraph .text p { font-size:1.25rem; line-height: 1.5; } 
#global_network .img-paragraph .global_slider {padding-bottom:1.875rem;}
#global_network .img-paragraph .global_slider .swiper-pagination {bottom:0;}
#global_network .img-paragraph .global_slider .swiper-pagination .swiper-pagination-bullet {width:0.875rem; height:0.875rem;}
#global_network .img-paragraph .global_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:var(--primary);}

#global_network .addr-wrap .addr-name {margin-bottom:1.875rem; font-size:1.5rem; font-weight: 600; line-height: 1.4; word-break:keep-all;} 
#global_network .addr-wrap dl {margin-top:1rem;}
#global_network .description__list { display: flex; font-size:1.125rem; line-height: 160%;} 
#global_network .description__list dt { margin-right:1rem; width:100px; font-weight: 500; color:#d71837; } 
#global_network .description__list dd { color:#666;  } 




@media screen and (max-width:1280px) { 
 #global_network .global__map-wrap { height:40vw } 
 #global_network .global__map { width:100% } 
 #global_network .global__map-bg { background-image:url('../../images/sub/global/img-map-non-full.png'); background-position:center 0; background-size:contain } 
 #global_network .global__map-link { display:none; } 
}
@media screen and (max-width:768px) { 
 #global_network .img-paragraph { display:block } 
 #global_network .img-paragraph .img,
 #global_network .img-paragraph .text { width:100% } 
 #global_network .img-paragraph .text { margin-top:2em } 
 #global_network .img-slide-small { max-width:initial } 
}

@media screen and (max-width:599px) { 
 #global_network .global__map-wrap { margin:2em 0 } 
 #global_network .line { margin:1.5em 0 } 
 #global_network .description__list { flex-wrap:wrap } 
 #global_network .description__list dt,
 #global_network .description__list dd { width:100% } 
 #global_network .addr-name { font-size:1.25rem; font-weight:bold } 
}


 #global_network .btn {display: inline-block; margin-top:20px; padding:16px 24px; background-color: #97939f; color:#fff; transition: all 0.3s;}
 #global_network .btn:hover {background-color: #000;}



/* 글로벌 네트워크 > 탭 */
#global_network .tab-wrap {padding-top:4.375rem;}
#global_network .tab { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom:2.25rem; width:100%; } 
#global_network .tab__item { display:block; padding-bottom:1rem; position:relative;  font-size:1.6rem; font-weight:700; color:#999; text-align:center; transition:all 300ms; cursor:pointer; } 
#global_network .tab__item:before { position:absolute; bottom:0; left:0; width:0; height:4px; background:#d81f36; transition:width 300ms; content:'' } 

#global_network .tab__item:hover { color:#333 } 
#global_network .tab__item:hover:before { width:100%; } 
#global_network .tab__item.is-active { color:#333 } 
#global_network .tab__item.is-active:before { width:100% } 

#global_network .tab__content-inn { overflow:hidden; height:0 } 
#global_network .tab__content-inn.is-active { height:auto } 

@media screen and (max-width:1280px) {  
 #global_network .tab { display: grid; gap:20px; grid-template-columns: repeat(4,1fr); } 
 #global_network .tab__item { width:100%; } 
}

@media screen and (max-width:640px) { 
 #global_network .tab-wrap { padding-top:2rem; overflow:hidden; overflow-x:scroll; width:100% }  
 #global_network .tab { display: flex; margin-bottom:0; padding-bottom:0; width:max-content } 
 #global_network .tab .tab__item { margin:0!important; padding-right:10px; padding-left:10px; width:auto; font-size:1.25rem } 
 #global_network .tab .tab__item:before { display:none } 
}