@charset "utf-8"; .pro_btn a { padding: 2rem; color: var(--main-color); display: flex; align-items: center; justify-content: center; transition:all .4s; max-width: 264px; border: 1px solid var(--main-color); margin-top: 4rem; } 
.pro_btn a:hover { background:var(--main-color); color: #fff; } 

/* sub_com */
.border { border: 1px solid #dcdcdc; } 
.img_box > img { width: 100%; max-width: fit-content; margin: 0 auto; display: block; } 
.sub_com { padding: 9rem 0 10rem; line-height: 1.5; } 
.sub_inner_wrap { width: 94%; max-width: 1400px; margin: 100px auto 0; font-size: 16px; position: relative; } 
.flex_box { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; align-items: center; position: relative; overflow: hidden; justify-content: space-between; } 
.flex_box.top { align-items: flex-start; } 
.flex_box.center { justify-content:center; } 
.flex_box.both { justify-content: space-between; } 
.flex_box.stretch { align-items: stretch; } 
.flex_1 > * { width: 100%; max-width: 800px; } 
.flex_2 > * { flex: 1 0 48%; margin-right: 4%; margin-bottom: 0; } 
.flex_2 > *:nth-child(2n) { margin-right:0; } 
.flex_3 > * { width: 32%; margin-right: 2%; margin-bottom: 2%; } 
.flex_3 > *:nth-child(3n) { margin-right:0; } 
.flex_4 > * { width: 24.2%; margin-right: 1%; margin-bottom: 1%; } 
.flex_4 > *:nth-child(4n) { margin-right:0; } 
.flex_5 > * { width: 19.1%; margin-right: 1%; margin-bottom: 1%; } 
.flex_5 > *:nth-child(5n) { margin-right:0; } 

/* FONT-SIZE */
.sub_com h3 { font-size: 2.6rem; position: relative; margin-bottom: 3rem; line-height: 1.4; font-weight: 700; } 
.sub_com h4 { font-size:2.4rem; padding-bottom: 2rem; } 
.sub_com h5 { font-size: 2rem; padding-bottom: 2rem; } 
.sub_com p { font-size:2rem; font-weight: 300; } 
.sub_com .p1 { font-size:1.8rem; } 
.sub_com .info_box { font-size: 1.8rem; } 
.sub_com .sli_txt { position: absolute; bottom: 2.5rem; left: 50%; transform: translateX(-50%); font-size: 1.6rem; } 
.sub_com h3.line { padding-left: 7rem; } 
.sub_com h3.line::before { content:''; width: 6rem; display: block; background: var(--main-color); height: 3px; position: absolute; left: 0; bottom: 1rem; } 
.sub_com > article { margin-bottom: 15rem; position: relative; } 
.sub_com > article:first-child { margin-bottom: 10rem; } 
.sub_com > article:last-child { margin-bottom:0; } 

/* sub visual */
.sub_visual_wrap { position: relative; border-bottom: 1px solid #dcdcdc; } 
.sub_visual_box { width: 100%; /* height: 53rem; *//* overflow: hidden; */position: relative; /* margin-top: 37rem; */ } 
.sub_page_visual { background-repeat: no-repeat; background-position: center; background-size: cover; animation: bg-active 5s; height: 100%; position: relative; } 
.sub_page_visual0 { background-image: url(../../img/sub_visual_1.jpg); } 
.sub_page_visual1 { background-image: url(../../img/sub_visual_1.jpg); } 
.sub_page_visual1.esg_visu { background-image: url(../../img/sub_visual_esg.jpg); } 
.sub_page_visual2 { background-image: url(../../img/sub_visual_2.jpg); } 
.sub_page_visual3 { background-image: url(../../img/sub_visual_3.jpg); } 
.sub_page_visual4 { background-image: url(../../img/sub_visual_4.jpg); } 
.sub_page_visual5 { background-image: url(../../img/sub_visual_5.jpg); } 
.sub_com .tit_wrap h2 { font-size: 5.0rem; font-weight: 600; position: relative; line-height: 1.2; } 
.sub_com .tit_wrap h2.tit_1, .sub_com .tit_wrap h2.bo_tit1 { text-align: center; font-weight: 600; font-size: 5rem; padding: 7rem 0 3rem; position: relative; } 
 /* 애니메이션 */
/* .sub_visual_3 { animation: bg-active 5s; } */
@keyframes bg-active { 
 0% { transform: scale(1.09); opacity: 0.9; } 
100% { transform: scale(1); opacity: 1; } 
 }
 /* sub_visual */
 .sub_visual_txt { position: absolute; top: 74%; left: 50%; z-index: 10; transform: translateX(-50%); } 
 .sub_visual_txt::before { content:''; display:block; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; background: #11111180; z-index: -1; opacity: 0.6; width: calc(100% + 40px); height: calc(100% + 30px); width: 500px; display: none; } 
 .sub_visual_txt h1 { color: #ffffff26; font-weight: 800; text-align: left; font-size: 10rem; } 
 .sub_visual_txt h2 { color: #fff; font-size: 1.8rem; padding-top: 10px; font-weight: 500; line-height: 1.5; /* text-shadow: 0 0 10px #00000094; */ } 
.sub_visual_txt p { color: #fff; font-size: 1.1em; } 
.tit_box { text-align: center; } 
.tit_box .top_sub_tit { font-weight: 700; } 
.tit_box .top_sub_tit+p { font-size: 2.2rem; color: #6a6a6a8c; } 
.tit_arrow_wrap { position: relative; top: 2rem; display: block; /* width: 10rem; *//* height: 10rem; *//* background: #dcdcdc; */ } 
.tit_arrow_wrap i { display: block; font-size: 3rem; /* position: absolute; *//* left: 50%; *//* transform: translateX(-50%); */animation: sub_point 0.8s infinite ease-in-out alternate; } 
.tit_arrow_wrap i:nth-child(2) { top: -1rem; position: relative; } 
.sub_menu_tit_wrap { color: #111; height: 37rem; position: relative; } 
.sub_menu_tit_wrap .inner { position: absolute; top: calc(50% + 6rem); transform: translateY(-50%); } 
.sub_menu_tit_wrap .inner .tit_list { padding-bottom: 1.4rem; display: flex; justify-content: flex-start; } 
.sub_menu_tit_wrap .inner .sub_tit_h3 { color: #666; font-size: 1.8rem; padding-left: 3rem; } 
.sub_menu_tit_wrap .inner .sub_tit_h3 h3 { font-size: 1.8rem; position: relative; } 
.sub_menu_tit_wrap .inner .sub_tit_h3 h3::before { content:''; display: block; position: absolute; width: 3px; height: 3px; border-radius: 50%; left: -1.5rem; top: 50%; transform: translateY(-50%); background: #666; } 
.sub_tit_h2 h2 { font-size: 6rem; font-weight: 600; } 
.sub_visu_hidd { height: 53rem; overflow: hidden; } 

@keyframes sub_point { 
 from { transform: translatey(0px); } 
 to { transform: translatey(-20px); } 
 }

.tit_box .tit_bar { width: 1px; height: 68px; display: block; background: var(--main-color); margin: 0 auto; transform: rotate(29deg); margin-bottom: 20px; } 
.tit_box h2 { font-size: 2.2em; font-family: inherit; font-weight: 300; letter-spacing: -3px; line-height: 1.5; } 
.tit_box h2 strong { font-weight: 500; } 
.tit_box p { font-size: 2.2rem; line-height: 1.5; color: #545454; } 

/* top menu */
.mobile_sub_menu { display: none; } 
/* .pc_sub_menu { display: none; } */
.sub_visual_box .visual_menu_wrap { position: relative; z-index: 1111; z-index: 10; } 
.depth_wrap { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; max-width: 1540px; margin: 0 auto; width: 100%; height: 100%; } 
.depth_wrap .depth_name { display: flex; justify-content: space-between; min-width: 100px; width: 100%; word-break: keep-all; color: #fff; font-size: 2rem; display: none; } 
.depth_wrap > div.home_btn { padding-right: 0; padding-left: 0; width: 7rem; position: relative; min-width: 36px; display: none; } 
.depth_wrap > div.home_btn i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 2.6rem; } 
.depth_wrap > div.home_btn a { color: #fff; font-size: 2.2rem; } 
.depth_wrap > div.home_btn a img { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 19px; height: 19px; } 
.depth_wrap > div { padding: 0 1rem; margin-right: 1rem; position: relative; cursor: pointer; height: 100%; display: flex; align-items: center; width: 33%; color: #fff; } 
.depth_wrap > div.second_dep { /* max-width: 400px; */min-width: 200px; width: fit-content; } 
.depth_wrap > div.second_dep.depth2 { position: relative; } 
.depth_wrap > div.second_dep.depth2::after { content:''; display:block; display: none; } 
.depth_wrap > div.second_dep.depth1 { display: none; } 
.depth_wrap > div.depth3 { display: none; } 
.sub_depth3 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; font-size: 2rem; width: 100%; } 
.sub_depth3 li { color: #fff; text-align: center; padding: 0 1rem; opacity: 0.8; } 
.sub_depth3 li.on { opacity:1 } 
.depth_wrap > div.menu_2 { width: 100%; max-width: 100%; display:none; border-right: unset; } 
.depth_wrap > div.menu_2.none { display:none; } 
.depth_wrap > div.menu_2.block { display:flex; align-items: center; justify-content: center; align-content: center; } 
.depth_wrap > div.menu_2 .get_menu { display: flex; font-size: 1.8rem; justify-content: space-between; width: 100%; align-items: center; } 
.depth_wrap > div.menu_2 .get_menu li a { display: flex; justify-content: center; align-items: center; font-family: 'Pretendard'; text-align: center; } 
.depth_wrap > div.home_btn::before { content:''; display:block; display: none; position: absolute; left:0; width: 1px; height: 40px; background:#dcdcdc; } 
.depth_wrap > div::after { content:''; display:none; position: absolute; right: -2rem; width: 1px; height: 40px; background:#dcdcdc; } 
.depth_wrap > div.depth3.show { display:block; } 
.depth_wrap > div .depth_name i { padding-left: 10px; display: flex; align-items: center; font-size: 2.6rem; display: none; } 
.visual_menu_wrap { z-index: 500; } 
.visual_menu_wrap::before { content:''; position:absolute; left:0; bottom:0; height: 70px; background: #fff; width: calc((100% - 1400px) / 2); display: none; } 
.visual_menu_wrap .com_depth { z-index: 100; text-align: center; display: flex; } 
.visual_menu_wrap .com_depth li.on { border-bottom: 2px solid #dd0f16; } 
.visual_menu_wrap .com_depth li a { font-size: 1.8rem; color: #111; padding: 1.4rem; font-weight: 600; } 
.visual_menu_wrap .com_depth li:hover a { color: var(--main-color); } 

/* COMPANY MENU */
.company_menu .depth_wrap > div:not(.block) { display: none; } 
.depth_wrap > div.menu_2 .get_menu { height: 100%; } 
.depth_wrap > div.menu_2 .get_menu li:first-child { border-left:1px solid #dcdcdc; } 
.depth_wrap > div.menu_2 .get_menu li.on { background: var(--main-color); } 
.depth_wrap > div.menu_2 .get_menu li.on a { color: #fff; } 
.depth_wrap > div.menu_2 .get_menu li { width: 20%; height: 100%; border-right: 1px solid #dcdcdc; } 

/* TAB MENU */
#esg .tab_list { display: flex; justify-content: center; } 
.tab_list { display: flex; /* flex-wrap: wrap; */flex-direction: row; position: relative; margin-bottom: 8rem; justify-content: flex-start; } 
.tab_list div:first-child { border-left: 1px solid #bc13198f; } 
.tab_list div { cursor: pointer; background: #fff; color: #454545; /* padding: 1rem 2rem; */min-height: 8rem; transition: all .4s; flex: 0 1 20%; flex: 1; border-right: 1px solid #bc13198f; border-top: 1px solid #bc13198f; border-bottom: 1px solid #bc13198f; display: flex; justify-content: center; align-items: center; font-size: 1.8rem; text-align: center; flex-wrap: wrap; } 
.tab_list div:hover { color: #fff; background: var(--main-color); } 
.tab_content { display: none; } 
.tab_content.current { display: block; } 
.tab_list .tab_link.current { color: #fff; background: var(--main-color); } 
.tab_list.nav-fixed { position: fixed; top: 100px; background: #fff; z-index: 10; width: 100%; margin: 0; left: 0; } 
.fit_img img { max-width: fit-content; display: block; margin: 0 auto; } 
/* ani */
@-webkit-keyframes cursor_circle { 
 from { transform: rotate(0deg); } 
 to { transform: rotate(360deg); } 
 }
/* 오주산업 */
#about { position: relative; } 
#about p { color: #454545; padding-bottom: 3rem; font-weight: 400; line-height: 1.6; } 
#about .about_wrap { display: flex; align-items: stretch; } 
#about .info_box p.sign { color: #111; font-weight: 600; font-size: 2.4rem; } 
#about .about_wrap .img_box { flex: 0 1 45%; margin-right: 5%; } 
#about .about_wrap .img_box img { height: 100%; object-fit: cover; } 
#about .about_wrap .info_box { flex: 1; } 
#about .about_wrap .info_box .s_tit { font-weight: 700; font-size: 2.7rem; color: #111; } 

/* 연혁 복사본*/
#history { position: relative; } 
#history .history_logo img { max-width: 180px; margin-top: 4rem; } 
#history::before { content:''; display:block; position:absolute; left: 0; top: 0; background: url(../../img/history_bg.jpg) no-repeat center center / cover; width: 100%; height: 100%; transform: scaleX(-1); z-index: -1; } 
#history .tit_box p { font-weight: 700; } 
#history .tit_box .p_wrap { margin: 4rem 0; } 
#history .contain1 .img_box { width: 82%; } 
#history .history_wrap { border-bottom: 1px #ddd solid; position: relative; width: 100%; } 
#history .history_wrap::before { content: ""; display: inline-block; width: 1px; height: 100%; border-right: 2px dotted #ddd; position: absolute; left: 50%; top: 0; } 
#history .history_wrap .month { font-weight: 600; font-size: 1.8rem; } 
#history .history_wrap .month_now { color: #b6d7f4; font-size: 12px; } 
#history .history_wrap>ul>li { position: relative; width: 100%; margin-bottom: 40px; } 
#history .history_wrap>ul>li.left div { width: 50%; margin-right: auto; padding-right: 8rem; } 
#history .history_wrap>ul>li.right div { width: 50%; margin-left: auto; padding-left: 8rem; } 
#history .history_wrap>ul>li.left div li { display:flex; justify-content: flex-end; flex-wrap: nowrap; flex-direction: row; } 
#history .history_wrap>ul>li.left div li a { display:flex; justify-content: flex-end; flex-wrap: nowrap; flex-direction: row; } 
#history .history_wrap>ul>li div li a { transition: all .4s; } 
#history .history_wrap>ul>li div li a:hover { color:var(--main-color) } 
#history .history_wrap>ul>li.left div li .month { order: 2; } 
 #history .history_wrap>ul>li::before { display: block; content: ""; width: 6px; height: 6px; border: 4px solid #f34747; position: absolute; top: 12px; left: 50%; transform: translateX(-50%); z-index: 1; background-color: #fff; box-sizing: content-box; border-radius: 50%; } 
#history .history_wrap>ul>li::after { display: block; content: ""; width: 6rem; height: 2px; position: absolute; top: 18px; transform: translateX(-50%); background: #ffd5d5; z-index: -1; } 
#history .history_wrap>ul>.left::after { right: calc(50% - 2.6rem); } 
#history .history_wrap>ul>.right::after { left: calc(50% + 3.6rem); } 
#history .history_wrap>ul>.right { margin-left: auto; } 
#history .history_wrap>ul>.left { text-align: right; position: relative; } 
#history .history_wrap>ul>.left::before { right: -9px; } 
#history .history_wrap>ul>li h4 { color: var(--main-color); padding-bottom: 1rem; font-weight: 600; } 
#history .history_wrap>ul>li> div ul>li { font-size: 19px; position: relative; line-height: 1.9; font-family: 'Pretendard', sans-serif; word-break: keep-all; display: flex; } 
#history .history_wrap>ul>li>ul>li.emph { font-size: 24px; font-weight: 600; } 
#history .history_wrap>ul>li>ul>li.emph::after { top: 18px; } 
#history .history_wrap>ul>.left> div ul>li::after { content:''; display:block; position:absolute; top: 17px; right: -18px; width: 7px; height: 7px; background:var(--main-color); border-radius: 50%; } 
#history .history_wrap>ul>.right> div ul>li::after { content:''; display:block; position:absolute; top: 1.4rem; left: -1.8rem; width: 0.7rem; height: 0.7rem; background:var(--main-color); border-radius: 50%; } 
#history .history_wrap>ul>.right span { padding-right: 10px; } 
#history .history_wrap>ul>.left span { padding-left: 10px; } 


/* 연혁 수정 */
#his_new { /* height: 100vh; *//* overflow: hidden; */position: relative; transition: all 0.3s ease; } 
#his_new .inner_wrap { display: flex; flex-wrap: wrap; align-items: flex-start; } 
#his_new .img_box { flex: 0 0 54%; background: url(../../img/history_img.jpg) no-repeat center center; position: relative; height: 100vh; transition: all 0.5s ease; } 
#his_new .img_box .tit_box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 80%; background: #1111114d; padding: 2rem 0; } 
#his_new .info_box { flex: 1; padding: 4rem 0% 4rem 5%; } 
#his_new .info_box .his_li { margin-bottom: 4rem; } 
#his_new .info_box .his_li li { padding-bottom: 0.8rem; font-size: 1.9rem; display: flex; justify-content: flex-start; } 
#his_new .info_box .his_li .month { margin-right: 1rem; display: inline-block; width: 24px; font-weight: 600; color: var(--main-color); } 
#his_new .tit_box p { font-weight: 300; font-size: 3rem; color: #444; color: #fff; font-family: 'Saira'; } 
#his_new .tit_box p b { font-weight: 500; } 
#his_new .his_li h4 { padding-bottom: 2rem; font-size: 3.2rem; } 

#his_new.fixed .img_box { position: fixed; top: auto; bottom: 0; height: 100vh; width: 50%; transition: all 0.5s ease; max-width: calc(1460px / 2 ); max-width: 788px; } 
#his_new.fixed.absol .img_box { position: absolute; } 
#his_new.fixed .info_box { width: 50%; margin-left: 54%; } 

/* CI */
#ci .info_box { margin-top: 10rem; display: flex; align-items: flex-start; } 
#ci .info_box > div { flex: 0 1 48.5%; } 
#ci .info_box h4 { font-weight: 500; } 
#ci .info_box .ci_box { border: 1px solid #dcdcdc; border-radius: 12px; overflow: hidden; height: 25rem; display: flex; justify-content: center; align-items: center; text-align: center; margin-bottom: 2rem; } 
#ci .info_box .color_wrap { display: block; } 
#ci .info_box .color_wrap .color_box { width: 100%; height: 70%; background: #a72126; } 
#ci .info_box .color_wrap .color_info { height: 30%; display: flex; justify-content: center; align-items: center; } 
.dot_list li { padding: 0.2rem 1rem 0.2rem 1.5rem; position: relative; word-break: keep-all; } 
.dot_list li::before { content:''; display:block; position:absolute; top: 1.5rem; left: 0; transform: translateY(-50%); width: 9px; height: 1px; background: #141414; } 
.dot_list.list3 li::before { width: 5px; height: 5px; top: 14px; } 

/* LOCATION */
#location .loca_tit { margin-bottom: 4rem; font-size: 4rem; font-weight: 700; color: #111; } 
#location .loca_info { width: fit-content; margin-bottom: 6rem; } 
#location .loca_info i { padding-right: 1rem; color: var(--main-color); } 
#location .loca_info p { padding-bottom: 1rem; } 
#location .loca_info p.number { white-space: nowrap; } 
#location .loca_map { /* height: 500px; */width: 100%; } 
#location .loca_map .root_daum_roughmap_landing { width: 100% !important; } 
#location .loca_map a { display: inline-block; width: inherit; } 

/* 인증서 */
.certi_wrap { justify-content: flex-start; display: flex; align-items: flex-start; } 
.certi_wrap li { text-align: center; margin-bottom: 3%; } 
.certi_wrap li p { margin-top: 2rem; } 
.certi_wrap li .img_box img { border: 1px solid #ededed; } 
/* 개인정보처리방침 */
.privacy_wrap { padding-top: 0rem; } 
.privacy_wrap textarea { width: 100%; padding: 2rem; border: 1px solid #dcdcdc; } 

/* esg */
#esg .esg_box { margin-top: 14rem; } 
#esg h3 { text-align: center; font-weight: 400; color: #454545; margin-top: 3rem; } 
#esg h3 strong { color: #131313; } 
.esg_box h4 { font-size: 3.2rem; font-weight: 700; } 
.esg_box b { font-weight: 600; color: #242424; margin-top: 1.5rem; margin-bottom: 2.4rem; display: block; } 
.esg_box p { font-size: 1.8rem; } 
.esg_box article { display: flex; justify-content: space-between; padding-bottom: 5rem; margin-bottom: 5rem; border-bottom: 1px solid #dcdcdc; } 
.esg_box article .info_box { flex: 0 1 44%; } 
.esg_box article .img_box { border-radius: 10px; overflow: hidden; flex: 1; margin-left: 3%; } 
.cyber_wrap { text-align: center; } 
.cyber_wrap h3 .img_box { position: absolute; } 
.cyber_wrap h3 .q_left { left: 0; top: 0; } 
.cyber_wrap h3 .q_right { right: 0; top: 0; } 
.cyber_wrap .section { padding-top: 8rem; } 
.cyber_wrap .section h4 { font-weight: 700; padding-bottom: 1rem; } 
.cyber_wrap .section1 ul { display: flex; justify-content: center; } 
.cyber_wrap .section1 ul li { flex: 0 1 20%; border: 1px solid #bebebe; border-radius: 10px; margin: 3rem 4rem; padding: 4rem 2rem; } 
.cyber_wrap .section1 ul li .img_box { margin-bottom: 3rem; } 
.cyber_wrap .section1 ul li p { font-size: 1.8rem; } 
.cyber_wrap .section1 ul.list_1 { margin-top: 2rem; } 
.cyber_wrap .section2 p { line-height: 1.7; } 
.cyber_wrap .section2 p b { color: #141414; font-weight: 500; } 
.process_wrap { display: flex; justify-content: center; margin: 4rem 0; flex-wrap: wrap; } 
.process_wrap li { position: relative; } 
.process_wrap li:nth-child(1) span,.process_wrap li:nth-child(2) span { color: #141414; } 
.process_wrap li span { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 2rem; word-break: keep-all; } 
#esg .section2 h4,#esg .section3 h4 { margin-bottom: 1rem; } 
.cyber_wrap .section3 p { text-align: right; } 

/* inquiry_info */
#inquiry_info h2 { width: 100%; text-align:center; font-size: 2.7rem; padding-bottom: 10rem; font-weight: 400; line-height: 1.5; } 
#inquiry_info .flex_box { display: flex; justify-content: space-between; align-items: stretch; flex-direction: row; flex-wrap: wrap; } 
#inquiry_info .box1 h3 { font-weight: 400; font-size: 3rem; padding-bottom: 3rem; } 
#inquiry_info .box1 h3 b { color: var(--main-color); } 
#inquiry_info .box1 .as_list li { line-height: 1.9; position: relative; padding-left: 12px; } 
#inquiry_info .box1 .as_list li:before { content:''; display:block; position:absolute; width: 4px; height: 4px; border-radius: 50%; background: var(--main-color); top: 1.5rem; left: 0; } 
#inquiry_info .box2 ul { text-align: center; padding-top: 2rem; } 
#inquiry_info .box2 li { background: var(--main-color); color: #ffff; line-height: 1.9; margin-top: 1rem; border-radius: 10px; padding: 3px; } 
#inquiry_info .box3 { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: space-around; justify-content: space-evenly; align-items: stretch; background: #f5f5ff; } 
#inquiry_info .box3 .contact_btn:hover { box-shadow: 2px 1px 3px 1px #c1c1f6; } 
#inquiry_info .box3 .contact_btn { background: #fff; border-radius: 10px; transition: all .3s; border: 1px solid #bebfe1; } 
#inquiry_info .box3 .contact_btn a { display: flex; flex-direction: row; justify-content: space-between; font-size: 1.8rem; color: #fff; color: var(--main-color); padding: 2rem; } 
.contact_box { width: 32%; border: 2px solid var(--main-color)47; padding: 4rem; border-radius: 20px; } 
.contact_box.box2 { display: flex; flex-direction: column; justify-content: center; } 
.contact_box.box2 .img_box img { width: 100%; } 

/* INQUIRY */
.inquiry_style1 h3 { font-size: 22px; font-weight: 400; padding-bottom: 5px; padding-top: 20px; } 
.inquiry_style1 .inquiry_tbl_style1_icon { color: var(--main-color); font-size: 17px; } 
.editor textarea { width: 100%; height: 150px; border: 1px solid #ddd; padding: 20px; font-size: 15px; font-weight: 100; color: #222; display: block; font-family: 'Noto Sans KR', sans-serif; } 
#inquiry .agree_txt { background: #eee; padding: 10px; font-size: 16px; } 
.inquiry_tbl_style1_con .write_input { border: 1px solid #ddd; padding: 15px 15px 15px 20px; font-size: 15px; font-weight: 500; color: #444; font-family: 'Noto Sans KR',sans-serif; } 
.write_input.wr_wid_100 { width: 40%; } 
.inquiry_para { margin-top:20px } 
.inquiry_tbl_style1_flex { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.tbl_style1_item { width: 32%; } 
.tbl_style1_item .write_input { width: 100%; } 
.cm_btn_controls { margin: 40px 0; } 
.btn_submit1 { border: unset; background: var(--main-color); color: #fff; text-align: center; width: 22rem; height: 6rem; font-size: 1.8rem; display: block; margin: 4rem auto; transition: all .4s; } 
.btn_submit1:hover { background:var(--main-color); } 
.sub_ex.inquiry_num h3 { font-size: 24px; font-weight: bold; } 
.sub_com .sub_com_section .sub_ex.inquiry_num p { font-size: 19px; font-weight: 500; } 
 .write-tbl td.flex_div_3 { display: flex; flex-direction: row; justify-content: space-between; } 
/* inquriy2 */
#inquiry2 { width: 100%; max-width: 1000px; margin: 0 auto; } 
#inquiry2 p.in2_p { padding-bottom: 2rem; color: #000; opacity: 0.4; } 
#inquiry2 .new_in_1 { padding-top: 2.2rem; border-top: 1px solid #dcdcdc; margin-top: 0.5rem; } 
#inquiry2 .inquiry_wrap section { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; width: 100%; margin-bottom: 2rem; align-items: center; padding: 0.5rem 0; } 
#inquiry2 .inquiry_wrap section.message_wrap { display: flex; align-items: flex-start; } 
#inquiry2 .inquiry_wrap section h4 { margin-right: 1rem; min-width: 13rem; font-size: 2rem; padding-bottom: 0; text-align: left; font-weight: 500; margin-bottom: 0; } 
#inquiry2 .inquiry_wrap section h4 span { color: var(--main-color); } 
#inquiry2 .inquiry_wrap section div { flex-grow: 1; flex-basis: 0; margin-bottom: 0; } 
#inquiry2 .inquiry_wrap section div.file_wrap { display: flex; align-content: center; align-items: center; } 
#inquiry2 .inquiry_wrap section .filebox input { flex-grow: 1; flex-basis: 0; } 
#inquiry2 .inquiry_wrap section input { /* border: unset; */padding: 0.5rem; background: unset; height: 5rem; width: 100%; /* outline: none; */-webkit-appearance : none; -moz-appearance:none; appearance:none; color: #444; font-weight: 400; border: 1px solid #dcdcdc; font-size: 1.8rem; padding: 0 2rem; } 
#inquiry2 .inquiry_wrap section input::placeholder { font-weight:400; color:#b7b7b7 } 
#inquiry2 input:focus,#inqruiy2 { outline:none; box-shadow:unset; } 
#inquiry2 textarea:focus { outline:none; box-shadow:unset; } 
#inquiry2 .width100 { width: 100% !important; } 
#inquiry2 .inquiry_wrap section textarea { border: unset; background: unset; height: 200px; flex: 1; padding: 2rem 0; border: 1px solid #dcdcdc; } 
#inquiry2 .inquiry_wrap section div.check_wrap { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; height: 7rem; justify-content: space-between; } 
#inquiry2 .inquiry_wrap section div.check { flex-grow: unset; flex-basis: auto; border: 1px solid #6b6b6b; padding: 1rem; margin-left: 1rem; display: flex; align-items: center; cursor: pointer; } 
#inquiry2 .inquiry_wrap section div.check i { margin-left: 1rem; } 
#inquiry2 .inquiry_wrap section div.check_wrap .agree_txt { display: flex; align-content: center; flex-direction: row; align-items: center; } 
#inquiry2 .inquiry_wrap section div.check_wrap .agree_txt input { display: none; } 
#inquiry2 .inquiry_wrap section div.check_wrap .agree_txt i { margin-right: 1rem; font-size: 2rem; } 
#inquiry2 .inquiry_wrap section div.check_wrap input i { height: auto; width: auto; display: none; } 
#inquiry2 .inquiry_wrap section div.check_wrap label { display: flex; align-items: flex-start; cursor: pointer; } 
.agree_txt input[id="agree1"] + label i::before { content: "\e92c"; } 
.agree_txt input[id="agree1"]:checked + label i::before { content: "\e92b"; color: #000; } 
#inquiry2 .inquiry_wrap section.message_wrap h4 { margin-top: 2rem; } 
.file_wrap input::file-selector-button { margin-right:1rem; background:#222; color:#fff; font-family:'GmarketSans'; padding:1rem; border:unset } 
#inquiry2 .inquiry_wrap section div.file_wrap input { height: 100%; margin: 0.5rem; } 
#inquiry2 .inquiry_wrap section.name_wrap { display: flex; justify-content: space-between; width: 100%; } 
#inquiry2 .inquiry_wrap section.name_wrap .name_box { display: flex; } 
#inquiry2 .inquiry_wrap section.name_wrap .check_box { max-width: 46rem; height: 5rem; margin-left: 3rem; flex-grow: unset; flex-basis: 20%; } 
#inquiry2 .inquiry_wrap section.name_wrap .check_box span { border: 1px solid #dcdcdc; display: block; flex: 1; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 1.8rem; transition: all .3s; } 
#inquiry2 .inquiry_wrap section.name_wrap .check_box span:hover,#inquiry2 .inquiry_wrap section.name_wrap .check_box span.on { color: #fff; background: var(--main-color); border: 1px solid var(--main-color); cursor: pointer; } 

.sub_tit_box { margin-bottom: 5rem; } 
.sub_tit_box h2 { font-weight: 600; } 
.eq_arti .box { margin-bottom: 2rem; width: 100%; } 
.eq_arti .left_box { } 
.eq_arti .left_box small { font-size: 1.8rem; } 
.eq_arti .left_box .img_box img { width: auto; max-height: 70rem; max-width: 700px; border: 1px solid #dcdcdc; } 
.eq_arti .right_box { flex: 1; margin-left: 4%; } 
.eq_arti .right_box p { font-weight: 500; font-size: 1.7rem; } 
.sub_com small.copy_info { font-size: 1.5rem; padding-top: 0.5rem; display: block; font-style: italic; color: #969696; } 
#equipment .tab_link { flex: 0 1 20%; word-break: keep-all; } 
#equipment .right_box h3 { font-weight: 600; } 
#equipment .right_box h4 { font-weight: 600; padding-bottom: 1rem; } 
.dot_list.list1 li { font-size: 2rem; } 
.dot_list.list1 li::before { width: 5px; height: 5px; border-radius: 50%; } 
.one_box { text-align: center; margin-bottom: 6rem; position: relative; display: flex; justify-content: center; } 
.slide_wrap { max-width: 800px; margin: 0 auto; } 
.slide_wrap .swiper-slide { display: flex; justify-content: center; align-items: center; height: 100%; } 
.slide_wrap .swiper-slide img { border: 1px solid #dcdcdc; } 
.proSwiper .swiper-slide p { position: absolute; top: 2rem; color: #444; left: 6vw; font-weight: 600; } 
.eq_arti { margin-bottom: 10rem; /* display: flex; */align-items: flex-start; } 
.youtube_box { flex: 0 0 49%; } 
.youtube_box .iframe_box { width: 100%; height: 400px; } 
.youtube_box .iframe_box iframe { width: 100%; height: 100%; } 
.eq_arti .left_box .bottom_box .logo_wrap { display: flex; align-items: center; padding: 2rem 0; } 
.eq_arti .left_box .bottom_box .logo_wrap h3 { margin-bottom: 0; } 
.eq_arti .left_box .bottom_box .logo_wrap .img_box { margin-right: 1rem; } 
.eq_arti .left_box .bottom_box .logo_wrap .img_box img { border: unset; } 
.eq_arti .box .sample_box { display: flex; align-items: stretch; justify-content: flex-start; } 
.eq_arti .box .sample_box li { flex: 1 0 32%; text-align: center; margin-right: 4%; } 
.eq_arti .box .sample_box.flex_3 li { flex: 0 0 30%; margin-right: 2%; } 
.eq_arti .box .sample_box li:last-child { margin-right:0; } 
.eq_arti .box .sample_box li .img_box { border: 1px solid #dcdcdc; } 


.proSwiper .swiper-pagination-bullet-active { background: var(--main-color); } 
.proSwiper .sw_arrow { position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); font-size: 4rem; cursor: pointer; } 
.proSwiper .sw_arrow.next_arrow { right: 0; } 
.proSwiper .sw_arrow.prev_arrow { left: 0; } 
.tb_wrap table { width: 100%; border-collapse: collapse; table-layout: fixed; } 
.tb_wrap table th { background: #dcdcdc1a; } 
.tb_wrap table td,.tb_wrap table th { border: 1px solid #dcdcdc; padding: 1rem; font-size: 1.7rem; text-align: center; word-break: keep-all; } 
.tb_wrap table th { word-break: keep-all; font-weight: 500; } 
.tb_wrap table th.tb_tit { font-size: 2rem; } 
.catal_btn { background: var(--main-color); color: #fff; max-width: 30rem; border-radius: 8px; font-size: 1.8rem; transition: all .3s; margin-bottom: 2rem; } 
.catal_btn:hover { background: #ff3535; } 
.catal_btn a { padding: 1.5rem; text-align: center; } 

.eq_list { display: flex; justify-content: center; } 
.eq_list li { border: 1px solid #dcdcdc; border-radius: 10px; flex: 0 0 23%; margin: 1%; } 
.eq_list li img { width: 100%; max-width: fit-content; } 

/* 제품리스트 */
.pro_list_wrap ul { display: flex; justify-content: flex-start; margin: 0 -2%; } 
.pro_list_wrap ul li { flex: 0 1 23%; height: 38rem; margin: 0 1%; } 
.pro_list_wrap ul li:hover .img_box { border: 1px solid var(--main-color); } 
.pro_list_wrap ul li:hover p { color: var(--main-color); } 
.pro_list_wrap ul li .img_box { border: 1px solid #dcdcdc; border-radius: 10px; margin-bottom: 1rem; height: 84%; display: flex; justify-content: center; align-items: center; transition: all .3s; } 
.pro_list_wrap ul li .img_box img { display: flex; justify-content: center; align-items: center; } 
.pro_list_wrap ul li p { text-align: center; font-weight: 600; color: #111; transition: all .3s; } 

/* 제품페이지 */
.qr_wrap { max-width: 18rem; margin-left: 4%; } 
.pro_intro_list { margin-top: 7rem; display: flex; align-items: stretch; } 
.pro_intro_list > li { border: 1px solid #dcdcdc; border-radius: 10px; flex: 0 1 31%; padding: 4rem; } 
.pro_intro_list > li .img_box { margin-bottom: 2rem; } 
.pro_intro_list > li .info_box .dot_list li { font-size: 1.8rem; } 
.pro_intro_list > li h4 { text-align: center; } 
#product table td { text-align: center; } 
.list_btn { width: 30rem; background: var(--main-color); border: 1px solid var(--main-color); /* color: var(--main-color); */
 color: #fff; margin: 0 auto; border-radius: 0; transition: all .3s; } 
.list_btn:hover { background: #930000; border-radius: 10px; } 
.list_btn a { padding: 2rem; text-align: center; font-size: 1.8rem; font-weight: 500; } 

/* 제품페이지2*/
.two_wrap .pipe_wrap { display: flex; align-items: flex-start; } 
.two_wrap .pipe_wrap .pipe_img { flex: 0 1 44%; margin-right: 4%; } 
.two_wrap .pipe_wrap .pipe_img .img_box { margin-bottom: 6rem; } 
.two_wrap .pipe_wrap .pipe_info { flex: 1; } 

.two_wrap .eq_arti { display: block; margin-bottom: 4rem; } 
.two_wrap .eq_arti .left_box h3 { display: flex; flex-wrap: nowrap; font-size: 2rem; margin-bottom: 1rem; } 
.two_wrap .eq_arti .left_box h3 b { font-weight: 600; flex: 1; } 
.two_wrap .eq_arti .left_box h3 .num { width: 3rem; height: 3rem; background: var(--main-color); border-radius: 6px; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 2rem; margin-right: 2rem; } 
.two_wrap .eq_arti .right_box > div:nth-child(2) { margin-top: 4rem; } 
.two_wrap .eq_arti .right_box .img_box { border: 1px solid #dcdcdc; border-radius: 10px; overflow: hidden; text-align: center; padding: 2rem 0; } 
.two_wrap .eq_arti .right_box p,.two_wrap .eq_arti .right_box li { font-size: 1.9rem; color: #222; } 
.two_wrap .eq_arti .right_box li { display: flex; flex-wrap: wrap; } 
.two_wrap .eq_arti .right_box li b { flex: 0 1 auto; min-width: fit-content; } 
.two_wrap .eq_arti .right_box li span { display: block; padding-left: 1rem; /* flex: 1 0 0; */ } 
.two_wrap .eq_arti .right_box span.list_tit:nth-child(1) { margin-top: 0; } 
.two_wrap .eq_arti .right_box span.list_tit { font-size: 1.7rem; padding-left: 0; font-weight: 600; margin-top: 2rem; } 

.two_wrap .right_box .bg_list li b { width: 100%; margin-bottom: 1rem; font-weight: 500; } 
.two_wrap .right_box .bg_list > li { margin-bottom: 3rem; padding: 0; } 
.two_wrap .arti2 .right_box .bg_list > li:last-child { margin-bottom: 0; } 
.two_wrap .right_box .bg_list > li .list4 li { font-size: 1.7rem; } 
.two_wrap .right_box .bg_list > li::before { display: none; } 
.two_wrap .right_box .bg_list li .list4 { background: #fff2f2; width: 100%; padding: 2rem; border-radius: 10px; } 
.architecture .slide_wrap { max-width: 1460px; width: 100%; text-align: center; } 

.frame1 .pipe_wrap { display: block; } 
.frame1.two_wrap .pipe_wrap .pipe_img { margin-right: 0; flex: 1 1 100%; display: flex; margin: 0 -2%; margin-bottom: 6rem; } 
.frame1.two_wrap .pipe_wrap .pipe_img .img_box { margin: 0 2%; } 
.frame1 .eq_arti .right_box { margin-left: 0; } 
.frame1.two_wrap .right_box .bg_list li .list4 { background: unset; padding: 0 2rem; } 
.frame1 .eq_arti.arti2 .right_box .list3 { display: flex; margin-top: 2rem; margin-left: -1%; margin-right: -1%; } 
.frame1 .eq_arti.arti2 .right_box .list3 > li { flex: 1 1 30%; display: block; border: 1px solid #dcdccd; padding: 2rem 1rem 1rem; border-radius: 15px; margin: 0 1%; } 
.frame1 .eq_arti.arti2 .right_box .list3 li b { margin-bottom: 1rem; display: block; text-align: center; font-size: 2.1rem; } 

.frame1 .eq_arti.arti3 .right_box .list3 { display: flex; margin-top: 4rem; margin-left: -1%; margin-right: -1%; } 
.frame1 .eq_arti.arti3 .right_box .list3 > li { flex: 1 1 30%; display: block; border: 1px solid #dcdccd; padding: 2.4rem 1rem 2rem; border-radius: 15px; margin: 0 1%; } 
.frame1 .eq_arti.arti3 .right_box .list3 li b { margin-bottom: 1rem; display: block; text-align: center; font-size: 2.1rem; } 
.frame1 .eq_arti.arti2 .right_box .new_design .list3 { display: block; } 
.frame1 .eq_arti.arti2 .right_box .new_design .list3 > li { margin-bottom: 2rem; display: flex; padding: 0; align-items: stretch; overflow: hidden; flex-wrap: nowrap; } 
 .frame1 .eq_arti.arti2 .right_box .new_design .list3 > li:last-child { margin-bottom: 0; } 
.frame1 .eq_arti.arti2 .right_box .new_design .list3 > li b { flex: 0 1 30%; margin-bottom: 0; background: #fff2f2; margin-right: 3rem; display: flex; justify-content: center; align-items: center; font-size: 1.9rem; padding: 1rem; } 
.frame1 .eq_arti.arti2 .right_box .new_design .list3 > li ul { flex: 1 1 0; width: unset; display: block; flex: unset; padding: 2rem; } 

/* RESPONSIVE */
@media (max-width: 1700px) { /* COMPANY */
.write-tbl th { width: 20%; } 
 }
 @media (max-width: 1430px){
 .depth_wrap > div.home_btn::before { display:none; } 
 .sub_com { width: 96%; margin: 0 auto; } 
 }
@media (max-width: 1360px){
 .depth_wrap > div.menu_2 { padding: 0; } 
 }
@media (max-width: 1300px){
 #inquiry .sub_inner_wrap { width: 90%; margin: 0 auto; } 
 .circle_scroll { bottom: 0; right: 4rem; } 
 .dot_list.list3 li::before { top: 13px; width: 4px; height: 4px; } 
 .write-tbl .write-input.input100 { width:100%; } 
 .write-tbl th { min-width: 116px; } 
 .write-tbl .write-input { width: 100%; } 
 .write-tbl .write-select { width: 30%; } 
 .depth_wrap > div.depth3 .depth_name { display: flex; } 
 .sub_depth3 li { width: 100%; text-align: left; padding: 0; } 
 .two_wrap .eq_arti .right_box p, .two_wrap .eq_arti .right_box li { font-size: 2rem; } 
 }

@media (max-width: 1080px){
 #equipment .proSwiper { height: 100%; } 
.two_wrap .eq_arti .right_box .slide_wrap { max-width: unset; height: 400px; } 
 .two_wrap .eq_arti .right_box .slide_wrap img { height: 100%; width: auto; } 
 .slide_wrap .swiper-slide img { width: 100%; height: 100%; object-fit: contain; } 
 .sub_tit_box { margin-bottom: 7rem; } 
 .sub_com p { font-size: 1.8rem; } 
 .sub_visual_txt h1 { font-size: 7rem; position: relative; bottom: 3rem; } 
 .depth_wrap > div.menu_2 { display: none; } 
 .depth_wrap > div:nth-child(3) { display: flex; } 
 .sub_visual_txt { width: 90%; } 
.sub_visu_hidd { height: 28rem; } 
 .sub_menu_tit_wrap { height: 22rem; } 
 .sub_tit_h2 h2 { font-size: 4rem; } 
 .sub_menu_tit_wrap .inner { top: calc(40% + 6rem); } 
 .pc_sub_menu .com_depth li a { font-size: 17px; } 
 .tab_list div { min-height: 7rem; font-size: 1.8rem; } 
 .iframe_box iframe { height: 580px; } 
 .sub_com > article:first-child { margin-bottom: 2rem; } 
.sub_com { padding: 9rem 0 9rem; } 
/* INQUIRY */
 .contact_box { width: 48%; } 
 .contents_wrap > div { margin-bottom: 4%; } 
 .contact_box.box1 { width: 100%; } 
 /* ABOUT */
#about .info_box { margin-top: 8rem; margin-bottom: 8rem; } 
 /* PRODUCT */
 .sub_com h3 { font-size: 2.3rem; margin-bottom: 2rem; } 
 .sub_com .info_box .box { margin-bottom: 3rem; } 
 .frag_wrap { width: 100%; } 
 .frag_wrap li { width: 20%; } 
 .sub_com .pro_tit1 { font-size: 2.8rem; } 
 #history .history_logo img { max-width: 130px; } 
 #esg h3 { font-size: 2.2rem !important; } 
 #esg #tab_1 .inner > .img_box:nth-child(1) img { max-width: 100px; } 
 .cyber_wrap .section1 ul li { margin: 1.5rem 2rem; flex: 0 1 24%; } 
 #ci .info_box .dot_list { height: 20rem; } 
 #location .loca_tit { font-size: 3.6rem; margin-bottom: 3rem; } 
 #location .loca_info { margin-top: 4rem; margin-bottom: 4rem; } 
 #location .loca_map { height: 30rem; } 
 #location .loca_map iframe { height: 100%; } 
 .eq_arti .left_box { width: 50%; } 
 .eq_arti .left_box .img_box img { width: 100%; height: auto; } 
 .pro_intro_list > li { flex: 0 1 32%; padding: 2rem; } 
 .two_wrap .eq_arti .right_box { margin-left: 3%; width: 70%; width: 100%; } 
 #his_new .tit_box p { font-size: 2.4rem; } 
 #his_new .his_li h4 { font-size: 2.6rem; padding-bottom: 1rem; } 
 #his_new .info_box .his_li { margin-bottom: 3rem; } 
 #his_new .info_box .his_li li { font-size: 1.8rem; display: flex; word-break: keep-all; } 
 .two_wrap .pipe_wrap .pipe_img .img_box { margin-bottom: 4rem; } 
 .two_wrap .eq_arti .right_box li span { flex: 1 0 0; } 
 .frame1 .eq_arti.arti2 .right_box .list3 { display: flex; flex-direction: column; } 
 .frame1 .eq_arti.arti2 .right_box .list3 > li { flex: 1 1 100%; margin-bottom: 2rem; } 
 .frame1 .eq_arti.arti2 .right_box .list3 > li:last-child { margin-bottom: 0; } 
 .frame1 .eq_arti.arti2 .right_box .new_design .list3 > li b { margin-right: 1rem; } 
 .frame1 .eq_arti.arti2 .right_box .new_design .list3 > li { display: flex; flex-direction: column; } 
 /* */
 #esg .inner_wrap .inner { margin-top: 8rem; } 
 #esg .esg_box { margin-top: 6rem; } 
 .process_wrap li { margin-bottom: 2rem; } 
 #location .loca_tit { font-size: 3.2rem; margin-bottom: 0rem; } 
 #location .contain1 .loca_info { margin-top: 0; } 
 .sub_menu_tit_wrap .inner { top: calc(40% + 6rem); left: 2.4rem; } 
 }
@media (max-width: 800px){
 .tab_list div { flex: 1 0 32%; border-bottom: unset; } 
 .tab_list div:first-child { border-left: unset; } 
 .two_wrap .eq_arti .left_box h3 .num { width: 3.2rem; height: 3.1rem; margin-right: 1.2rem; font-size: 2rem; } 
 .two_wrap .eq_arti .left_box h3 { margin-bottom: 1rem; } 
 .youtube_box { flex: 0 0 100%; margin-bottom: 4rem; } 
 .youtube_box .iframe_box { height: 260px; } 
 .slide_wrap { /* height: 40rem; */overflow: hidden; } 
 .tb_wrap { overflow-x: scroll; } 
 .tb_wrap table { width: 150%; } 
 .tb_wrap table td, .tb_wrap table th { font-size: 1.5rem; padding: 0.8rem 1rem; word-break: break-all; } 
 .sub_com { padding: 4rem 0 4rem; } 
 .flex_3 > * { width: 48%; } 
 .flex_3 > *:nth-child(3n) { margin-right: 2%; } 
 .flex_3.no_flex { display: flex; justify-content: space-between; } 
 .flex_3.no_flex > * { width: 32%; } 
 .flex_3.no_flex > *:nth-child(3n) { margin-right: 0; } 
.flex_4 > * { width: 49%; margin-right: 2%; margin-bottom: 2%; } 
.flex_4 > *:nth-child(2n) { margin-right:0; } 

 .visual_menu_wrap .com_depth { top: 54px; } 
 .pc_sub_menu .second_dep { height: 60px; width: 96%; } 
 .pc_sub_menu .com_depth li { line-height: 60px; } 
 .tab_list { margin: 3rem auto; flex-wrap: wrap; border-bottom: 1px solid #bc13198f; border-left: 1px solid #bc13198f; } 
 .depth_wrap > div { width: 44%; font-size: 12px; padding: 0 1.5rem; } 
 .depth_wrap .depth1.dep2_none { display: none; } 
 /* .depth_wrap .depth3 { display: none; } */
 #about::before { top: 24rem; height: 75%; width: 94%; left: 50%; transform: translateX(-50%); } 
 .cyber_wrap .section1 ul li { flex: 0 1 33%; margin: 1rem; padding: 3rem 2rem; } 
 .cyber_wrap .section1 ul li img { width: 80%; margin: 0 auto; } 
 #ci .info_box .dot_list { height: auto; } 

 #about .about_wrap { display: flex; flex-direction: row; flex-wrap: wrap; } 
 #about .about_wrap .img_box { margin-right: 0; flex: 100%; } 
 #about .info_box { margin-top: 4rem; margin-bottom: 2rem; } 

 #equipment .tab_link { flex: 1 1 40%; min-height: 5rem; } 
 .eq_arti .box .sample_box { display: flex; flex-wrap: wrap; } 
 .eq_arti .box .sample_box li { flex: 0 0 48%; } 
 .eq_arti .box .sample_box li:nth-child(2n) { margin-right: 0; } 

/* 오시는길 */
 #location .tab_content .loca_info p b { width: auto; } 
 #location .loca_map .wrap_map { height: 300px!important; } 
 /* INQUIRY */
 .inquiry_style1 h3 { font-size: 17px; } 
 .agree_txt { font-size: 14px } 
 .inquiry_style1 .inquiry_tbl_style1_icon { font-size:14px; padding-left: 4px; } 
 .inquiry_tbl_style1_con .write_input { font-size: 14px; } 
 .write-tbl th { font-size: 15px; } 

 /* ABOUT */
 #about .inner { width: 84%; } 
 #about .about_tit h3 { font-size: 3.6rem; line-height: 1.4; } 
 #about .inner .box2 { width: 94%; top: 70%; padding: 8rem 8rem 8rem; } 

/* HISTORY */
.history_wrap>ul>li h4 { font-size: 21px; padding-bottom: 5px; } 
.history_wrap .month { font-size: 17px; } 
.history_wrap>ul>li> div ul>li { font-size: 16px; } 
.history_wrap::after { font-size: 100px; bottom: 1%; } 

 /* PRODUCT */
 .sub_com > article { margin-bottom: 7rem; } 
 .sub_com > article::after { content:''; display:block; position:absolute; bottom: -5rem; width:100%; height:1px; /* background: #dcdcdc94; */ } 
 .sub_com > article.contain2 .flex_2 .img_box { order: 1; } 
 .sub_com > article.contain2 .flex_2 .info_box { order: 2; } 
 .sub_com h3 { margin-bottom: 2rem; } 
 .sub_com .flex_2 > div { flex: 0 0 90%; margin: 0 auto; } 
 .sub_com .flex_2 > div.img_box img { width: 90%; padding: 2rem 0; } 
 .sub_com .flex_2 > div.img_box { margin-bottom: 4rem; order: 1; } 
 .sub_com .container .order > div:nth-child(2) { margin: 0 auto; } 
 .sub_com .container .order > div:nth-child(1) { margin: 0 auto; padding-bottom: 2rem; } 
 .youtube_box iframe { height: 320px; } 
 .sub_com > article:not(.contain2) .info_box h3 { position: relative; padding-left: 1.7rem; } 
 .sub_com > article:not(.contain2) .info_box h3::before { content:''; display:block; position:absolute; left:0; top: 0rem; background: var(--sub-color); width: 0.8rem; height: 0.8rem; } 
.sub_com .pro_tit1 { font-size: 2.4rem; margin-bottom: 4rem; } 
.pro_btn a { margin: 0 auto; } 
 .sub_com .pro_flex_1 .box1 { margin-bottom: 4rem; } 
 .flex_5 > * { width: 29%; } 
 .pro_flex_1 img { height: auto; } 
 .pro_list_wrap ul li { flex: 0 1 48%; height: 30rem; } 
.pro_intro_list > li { flex: 0 1 100%; margin-bottom: 2rem; } 

 .two_wrap .eq_arti { display: flex; flex-direction: column; } 
 .two_wrap .eq_arti .left_box { width: 100%; margin-bottom: 0rem; } 
 .two_wrap .eq_arti .right_box { margin-left: 0; width: 100%; } 
 }
@media (max-width: 680px){
 .sub_tit_box { margin-bottom: 4rem; } 
 .m_none { display: none; } 
 .depth_wrap > div.depth2::after { opacity: 0; } 
 .eq_arti .left_box { width: 100%; margin-bottom: 4rem; } 
 .eq_arti .right_box { margin-left: 0; } 
 .eq_arti .left_box .img_box img { max-height: 400px; width: auto; } 
 .eq_arti { margin-bottom: 4rem; } 
 .one_box { margin-bottom: 2rem; } 
 .qr_wrap { /* max-width: 10rem; */margin-left: 0; width: 100%; } 
 .qr_wrap .img_box { max-width: 8rem; margin: 0 auto; } 
 .qr_wrap p { width: 100%; } 
 }
@media (max-width: 480px){
 .sub_menu_tit_wrap .inner .tit_list { padding-bottom: 0.5rem; } 
 .eq_arti .left_box .bottom_box .logo_wrap img { max-width: 70px; } 
 .sub_menu_tit_wrap .inner { left: 2rem; top: calc(40% + 7rem); } 
 .pro_intro_list > li h4 { padding-bottom: 1rem; } 
 .pro_intro_list > li .info_box .dot_list li { font-size: 1.7rem; } 
 .eq_arti .left_box .img_box img { max-height: 340px; max-width: 100%; object-fit: cover; width: 100%; } 
 .sub_menu_tit_wrap .inner .tit_list .img_box img { width: 18px; } 
 .depth_wrap { /* overflow: scroll; */ } 
 .sub_tit_box { margin-bottom: 2rem; } 
.visual_menu_wrap .com_depth li { padding-bottom: 0.7rem; } 
 .visual_menu_wrap .com_depth li.on a { color: var(--main-color); } .visual_menu_wrap .com_depth li.on { border-bottom: unset; } 
 .tab_list div { flex: 1 0 48%; line-height: 1; height: 4rem; } 
 .visual_menu_wrap .com_depth li a { padding: 1rem; /* padding-right: 0.8rem; */font-size: 1.6rem; white-space: nowrap; } 
 .eq_list li { flex: 0 0 48%; } 
.tab_list { margin: 0rem auto 3rem; } 
 .dot_list.list1 li { font-size: 1.6rem; padding: 0.2rem 1rem 0.2rem 1.4rem; } 
 .sub_menu_tit_wrap .inner .sub_tit_h3 h3 { font-size: 1.6rem; } 
 .sub_visual_txt h1 { font-size: 5rem; top: -2rem; left: 0; } 
 .sub_tit_h2 h2 { font-size: 2.6rem; } 
 .sub_visu_hidd { height: 18rem; } 
 .sub_com h3 { font-size: 2rem; } 
 .sub_com h4 { font-size: 1.9rem; padding-bottom: 0rem; } 
.eq_arti .right_box p { font-size: 1.6rem; } 
 .sub_com > article { margin-bottom: 4rem; } 
 .sub_com p { font-size: 1.7rem; } 
 .depth_wrap > div.second_dep.depth2 { overflow: scroll; width: 100%; min-width: 100%; } 
 .depth_wrap > div.second_dep.depth3::before { content:''; display:block; position:absolute; left: -0.5rem; width:1px; height:90%; background: #ffffff66; } 
 .depth_wrap > div.second_dep:last-child { margin-right:0; } 
 .depth_wrap > div.second_dep:last-child::after { display:none; } 
 .visual_menu_wrap { width: 100%; } 
 .depth_wrap .depth_name { font-size: 1.6rem; } 
 .visual_menu_wrap .com_depth { top: 42px; width: fit-content; } 
 .two_wrap .eq_arti .right_box p, .two_wrap .eq_arti .right_box li { font-size: 1.6rem; } 
 .two_wrap .right_box .bg_list > li .list4 li { font-size: 1.6rem; } 
 .circle_scroll::after { width: 8.9rem; height: 8.8rem; } 
 .circle_scroll { width: 5.4rem; height: 5.4rem; right: 3rem; bottom: 3rem; } 
 .circle_scroll i { font-size: 1.6rem; } 
#about .info_box p.sign { font-size: 2rem !important; padding-bottom: 0; } 
 /* esg */
 .tab_list div { min-height: unset; font-size: 1.4rem; padding: 0 1rem; } 
 .tab_list div span { height: auto; padding: 0; } 
 #esg .esg_box { margin-top: 5rem; } 
 .esg_box article .info_box { flex: 0 1 100%; margin-bottom: 3rem; } 
 .esg_box article .img_box { margin-left: 1%; } 
 .eq_arti { margin-bottom: 0; } 

 #ci .info_box { margin-top: 5rem; } 
 .cyber_wrap .section2 p { margin-bottom: 3rem; } 

 #about .about_wrap .info_box .s_tit { font-size: 2.2rem; } 

 .two_wrap .pipe_wrap .pipe_img { flex: 0 1 100%; margin-right: 0; } 
 .two_wrap .pipe_wrap .pipe_img .img_box { margin-bottom: 2rem; } 
 .two_wrap .right_box .bg_list li .list4 { padding: 1rem 2rem; border-radius: 5px; } 

 /* INQUIRY */
.inquiry_tbl_style1_flex { display: flex; } 
.tbl_style1_item { width: 100%; } 
.inquiry_tbl_style1_con .write_input { width: 100% } 
.cm_btn_controls .btn_submit1 { width: 160px; height: 50px; font-size: 15px; } 
.agree_txt label { padding-left: 8px; } 
.editor textarea { font-size: 13px; } 
.cm_btn_controls .btn_submit1 { width: 140px; height: 40px; font-size: 14px; } 
.write-tbl th, .write-tbl td { padding: 10px 2px 10px 0; min-width: 74px; word-break: keep-all; font-size: 13px; } 
.write-tbl td.flex_div_3 { display: flex; justify-content: space-between; width: 100%; align-items: center; } 
.inquiry_btn { margin-top: 20px; } 
.inquiry_btn input { font-size: 12px; width: 110px; height: 40px; } 
#inquiry .agree_txt { font-size: 13px; } 

 /* PRODUCT */
 .youtube_box iframe { height: 240px; } 
 .sub_com .flex_2 > div { flex: 0 0 94%; } 
 .sub_com .flex_2 > div.img_box img { width: 100%; padding: 0; } 
 .sub_com .info_box .box3 { padding: 2rem; } 
 .list li { font-size: 1.8rem; word-break: keep-all; } 
 .pro_btn a { margin: 3rem auto; max-width: 180px; padding: 1.5rem; } 
 .sub_com .pro_tit1 { font-size: 2.4rem; margin-bottom: 2rem; } 
 .product_info1 > .img_box .swiper-slide { padding: 0; } 
 .pro_bg { padding: 4rem 2rem; } 
 .pro_bg .img_box { margin-bottom: 3rem; } 
 .pro_bg img { width: 70px; } 
 .apply_wrap li { flex: 0 0 49%; margin-left: 0; } 
 .apply_wrap li:nth-child(2n) { margin-right:0; } 
 .pro_flex_1 { width: 100%; } 
 .pro_flex_1 .list li { font-size: 1.8rem; } 
 .depth_wrap > div { margin-right:0; padding: 0 2rem; } 
 #about .info_box { margin-top: 4rem; padding: 0 1rem; } 
 #about::before { top: 10rem; height: 86%; } 
 
 /* HISTORY */
.history_wrap::before { left: 2.2%; } 
.history_wrap>ul { margin-left: 0; margin-right: 0; } 
.history_wrap>ul>li.right div { width: 100%; padding-left: 2rem; } 
.history_wrap>ul>li.left div { width: 100%; padding-right: 0; padding-left: 2rem; } 
.history_wrap>ul>li::before { left: -3%; } 
.history_wrap>ul>.right::after { left: 3%; width: 2rem; display: none; } 
.history_wrap>ul>.left { text-align: left; } 
.history_wrap>ul>.left::after { right: unset; left: 3%; width: 2rem; display: none; } 
.history_wrap>ul>li.left div li .month { order: unset; padding-left: unset; } 
.history_wrap>ul>li.left div li { justify-content: flex-start; } 
.history_wrap>ul>.left> div ul>li::after { right: unset; left: -1.8rem; width: 0.7rem; height: 0.7rem; top: 11px; } 
.history_wrap>ul>li ul { padding-left: 1rem; } 
.history_wrap::after { font-size: 60px; } 
#history .tit_wrap { text-align: left; padding: 30px 30px 10px; } 
.history_wrap .month { font-size: 15px; } 
.history_wrap>ul>li> div ul>li { font-size: 14px; } 
.history_wrap>ul>.right> div ul>li::after { top: 11px; width: 0.7rem; height: 0.7rem; } 
 #history .history_logo img { max-width: 100px; } 
 #esg h3 { font-size: 1.8rem !important; } 
 .cyber_wrap h3 .q_left { left: 0; top: 0; display: none; } 
.cyber_wrap h3 .q_right { right: 0; top: 0; display: none; } 
 .cyber_wrap .section { padding-top: 3rem; } 
 .cyber_wrap .section1 ul li { flex: 100%; padding: 2rem; } 
 .cyber_wrap .section1 ul.list_1, .cyber_wrap .section1 ul.list_2 { display: flex; flex-wrap: wrap; flex-direction: row; } 
 .cyber_wrap .section1 ul li img { max-width: 80px; } 
 .cyber_wrap .section1 ul li .img_box { margin-bottom: 1rem; } 
 .cyber_wrap .section1 ul li p { font-size: 1.6rem; } 
 .process_wrap li { flex: 0 0 33%; margin-bottom: 1rem; } 
 .process_wrap li span { font-size: 1.7rem; } 
 #inquiry2 .inquiry_wrap section h4 { min-width: 8rem; font-size: 1.7rem; word-break: keep-all; width: 100%; margin-bottom: 0.5rem; } 
 #inquiry2 .inquiry_wrap section.name_wrap .check_box { margin-left: 1rem; width: 100%; flex-basis: 46%; } 
 #inquiry2 .inquiry_wrap section.name_wrap .name_box { display: flex; flex-wrap: wrap; flex-direction: column; flex: 0 1 50%; } 
 #inquiry2 .inquiry_wrap section.name_wrap { display: flex; align-items: flex-end; margin-bottom: 1rem; } 
 #inquiry2 .inquiry_wrap section { display: flex; } 
 .btn_submit1 { width: 20rem; height: 5rem; } 
 #ci .info_box > div { flex: 0 1 100%; margin-bottom: 4rem; } 
 #ci .info_box h4 { padding-bottom: 1rem; } 
 #location .loca_tit { font-size: 2rem; margin-bottom: 1rem; } 
 #location .loca_info { margin-top: 0; margin-bottom: 2rem; } 
 #location.sub_com > article:last-child { margin-top: 5rem; } 
 .dot_list.list1 li::before { width: 4px; height: 4px; } 
 .catal_btn { max-width: 24rem; font-size: 1.6rem; margin: 0 0 2rem; } 
 .youtube_box .iframe_box { height: 200px; } 
#inquiry2 .inquiry_wrap section.name_wrap .check_box span { font-size: 1.3rem; } 
 .pro_list_wrap ul li { height: 24rem; } 
 .pro_intro_list { margin-top: 4rem; } 
 .pro_intro_list .img_box img { max-width: 11rem; } 
 .dot_list li::before { width: 5px; } 
 .dot_list li { padding: 0.2rem 1rem 0.2rem 1.5rem; } 
 .list_btn { width: 24rem; } 
 .list_btn a { padding: 1.8rem; font-size: 1.7rem; } 
 .two_wrap .eq_arti .right_box > div:nth-child(2) { margin-top: 2rem; } 
 .two_wrap .eq_arti .right_box .slide_wrap { height: 280px; } 
 .two_wrap .eq_arti .right_box li span { flex: 1; } 
 #his_new .inner_wrap { display: flex; flex-direction: row; flex-wrap: wrap; } 
 #his_new.fixed .img_box { position: relative; height: 200px; width: 100%; flex: unset; } 
 #his_new.fixed .info_box { width: 100%; margin-left: 0; padding: 4rem 0 0 0; } 
 #his_new .img_box { flex: unset; width: 100%; height: 200px; background-size: cover; } 
 #his_new .info_box .his_li li { font-size: 1.7rem; } 
 #his_new .his_li h4 { font-size: 2.2rem; } 
 #his_new .info_box { padding: 4rem 0 4rem 0; } 
 #his_new .tit_box p { font-size: 1.9rem; } 
 .two_wrap .eq_arti .left_box h3 .num { width: 2.6rem; height: 2.6rem; font-size: 1.8rem; font-weight: 500; margin-right: 1rem; border-radius: 4px; } 
 .two_wrap .eq_arti .left_box h3 b { font-size: 2rem; } 
 .dot_list.list3 li::before { top: 9px; width: 3px; height: 3px; } 
 #ci .info_box .ci_box { height: 18rem; border-radius: 10px; } 
 #ci .info_box .color_wrap .color_info { font-size: 1.6rem; } 
 .eq_arti .left_box { margin-bottom: 0rem; } 

 .frame1 .eq_arti.arti2 .right_box .list3 > li { padding: 2rem 1rem; } 
 .frame1 .eq_arti.arti2 .right_box .new_design .list3 > li b { font-size: 1.7rem; } 
 .frame1 .eq_arti.arti2 .right_box .list3 li b { font-size: 1.8rem; } 
 .frame1.two_wrap .right_box .bg_list li .list4 { padding: 0 1rem; } 
 .frame1.two_wrap .pipe_wrap .pipe_img { margin-bottom: 4rem; } 
 .frame1.two_wrap .pipe_wrap .pipe_img { display: flex; flex-direction: column; } 
 .frame1.two_wrap .pipe_wrap .pipe_img .img_box:nth-child(1) { margin-bottom: 2rem; } 
 .sub_com small.copy_info { padding-bottom: 1rem; } 
 }