@charset "utf-8"; /* sub_com */
.sub_com { padding: 0 0 100px; line-height: 1.3; } 
.sub_inner_wrap { width: 94%; max-width: 1400px; margin: 100px auto 0; font-size: 16px; position: relative; } 

/* sub visual */
.sub_visual_wrap { position: relative; } 
.sub_visual_box { width: 100%; height: 490px; overflow: hidden; position: relative; } 
.sub_page_visual { background-repeat: no-repeat; background-position: center; background-size: cover; animation: bg-active 5s; height: 100%; } 

.sub_page_visual1 { background-image: url(../../img/sub_visual_1.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_page_visual6 { background-image: url(../../img/sub_visual_5.jpg); } 

 /* 애니메이션 */
/* .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: 60%; left: 14%; transform: translateY(-50%); z-index: 10; font-size: 18px; } 
.sub_visual_txt h1 { color: #fff; font-size: 2.6em; font-weight: 400; font-family: 'GmarketSans' , sans-serif; } 
.sub_visual_txt h2 { color: #ffffffbf; font-size: 1.2em; padding-top: 10px; font-weight: 400; font-family: 'Rajdhani' , sans-serif; } 
.sub_visual_txt p { color: #fff; font-size: 1.1em; } 

.tit_box { font-size: 18px; padding-top: 70px; /* padding-bottom: 80px; */font-family: 'GmarketSans' , sans-serif; } 
.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 { padding: 40px 0; font-size: 1.24em; font-family: 'SUIT'; line-height: 1.5; color: #4c4c4c; } 

/* top menu */
.mobile_sub_menu { display: none; } 
/* .pc_sub_menu { display: none; } */
.sub_visual_box .visual_menu_wrap { padding-top: 60px; position: relative; z-index: 1111; } 
.depth_wrap { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; max-width: 1400px; margin: 0 auto; font-size: 18px; width: 100%; height: 100%; } 
.depth_wrap .depth_name { display: flex; justify-content: space-between; min-width: 87px; width: 100%; } 
.depth_wrap > div.home_btn { padding-right: 0; padding-left: 0; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; width: 60px; position: relative; } 
.depth_wrap > div.home_btn i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.depth_wrap > div.home_btn a { color: var(--main-color); font-size: 22px; } 
.depth_wrap > div:last-child { background: var(--main-color); color: #fff; } 
.depth_wrap > div { padding: 0 20px; position: relative; border-right: 1px solid #dcdcdc; cursor: pointer; height: 60px; display: flex; align-items: center; width: 33%; max-width: 320px; } 
.depth_wrap > div.depth2 { } 
.depth_wrap > div.depth3 { } 
.depth_wrap > div.depth3.show { display:block; } 
.depth_wrap > div
.depth_wrap > div:last-child { border-right: unset; } 
.depth_wrap > div .depth_name i { padding-left: 10px; display: flex; align-items: center; } 
.visual_menu_wrap { position: relative; margin: 0 auto; height: 60px; border-bottom: 1px solid #dcdcdc; } 
.visual_menu_wrap .com_depth { position: absolute; background: #2a4116; padding: 10px 5px; border-radius: 0 0 12px 12px; width: 100%; left: 50%; transform: translateX(-50%); top: 60px; z-index: 5; } 
.visual_menu_wrap .com_depth li a { color: #fff; text-align: center; padding: 5px; font-size: 16px; } 

/* TAB MENU */
.tab_list { display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; flex-direction: row; /* border-top: 1px solid #dcdcdc; */border-bottom: 1px solid #dcdcdc; width: 74%; margin: 40px auto 80px; position: relative; } 
.tab_list div {cursor: pointer;background: #fff;color: #222222bf;width: 120px;height: 70px;font-size: 17px;font-weight: 700;transition: all .4s;font-family: 'SUIT', sans-serif;text-align: center;line-height: 70px;} 
.tab_list div:first-child { margin-right: 7px; } 
.tab_list div:hover { color: var(--main-color); font-weight: 700; border: unset; } 
.tab_content { display: none; } 
.tab_content.current { display: block; } 
.tab_list .tab_link.current { font-weight: 700; border: unset; color: var(--main-color); } 

.tab_list.nav-fixed { position: fixed; top: 100px; background: #fff; z-index: 10; width: 100%; margin: 0; } 
.tab_list.nav-down { } 


/* COMPANY */
.mission_tit h2 { position:relative; padding-bottom: 80px; padding-top: 24px; } 
 .mission_tit h2:before { /* color:var(--main-color); */
 color: #abd690; /* opacity: 0.5; */
 font-weight:500; display:block; position:absolute; top: -57px; left: -4%; font-size: 2.5em; z-index: -1; font-family: Rajdhani; } 
.mission_tit h2:nth-child(1)::before { content:'MISSION'; } 
.mission_tit h2:nth-child(3)::before { content:'VISION'; } 

.sub_tit { position: absolute; top: 0; font-size: 1.4em; padding-top: 10px; } 
.sub_tit::before { content:''; display:block; position:absolute; left: 0; width: 20px; height: 3px; background:var(--main-color); top: 0; } 
.frame1 .container { padding-bottom: 80px; position: relative; } 
.frame1 .contain1 { position: relative; } 
 .frame1 .contain2::before { content:'VISION'; display:block; position:absolute; left: 0; bottom: 5%; color: #979797bd; opacity: 19%; font-size: 9em; font-family: 'Rajdhani'; font-weight: 800; writing-mode: vertical-lr; line-height: 0.5; } 
.frame1 .contain2 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; position: relative; padding-bottom: 20px; } 
.frame1 .contain1 .img_box { position:relative; } 
.frame1 .vision_list { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: row; } 
.frame1 .vision_list > li { width: 32.3%; margin: 0.5%; position: relative; } 
.frame1 .vision_list > li:nth-child(3) { } 
.frame1 .vision_list .img_box img { max-width: 443px; height: auto; width: 100%; } 
.frame1 .vision_list .info_box { padding: 40px; max-height: 224px; height: 12vw; } 
.frame1 .vision_list h4 { color:var(--main-color); font-size: 19px; position: relative; } 
.frame1 .vision_list h4::before { content:''; display:block; position:absolute; width: 5px; height: 5px; border-radius:50%; background:var(--main-color); top: 50%; left: -17px; transform: translateY(-50%); } 
.frame1 .vision_list p { line-height: 1.5; padding-top: 14px; font-size: 1.04em; } 
/* vision icon list */

.frame1 .vision_list > li .vision_list2 li { position:relative; } 
#company ul li .icon_box { width: 90px; height: 90px; border-radius: 50%; background: #fff; box-shadow: 1px 0px 3px 1px #dbdbdb; position: absolute; z-index: 1; right: 10%; top: 45%; } 
#company ul li:nth-child(1) .icon_box span { background:url(../../img/vision_icon1.png) no-repeat center center; } 
#company ul li:nth-child(2) .vision_list2 li:nth-child(1) .icon_box span { background:url(../../img/vision_icon2.png) no-repeat center center; } 
#company ul li:nth-child(2) .vision_list2 li:nth-child(2) .icon_box span { background:url(../../img/vision_icon3.png) no-repeat center center; } 
#company ul li:nth-child(3) .icon_box span { background:url(../../img/vision_icon4.png) no-repeat center center; } 
#company ul li .icon_box span { width: 71px; height: 73px; background-size: contain; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 111; } 

#company { padding:0; position: relative; } 
#company .contain3 { background: url(../../img/mision_bg.jpg) no-repeat center center; width: 100%; height: 600px; /* background-size: contain; */
 position: relative; } 
#company .contain3 .mission_box { position: absolute; right: 8%; top: 50%; width: 22%; background: linear-gradient( to bottom,#00000057, #00b18266, #14487cde); height: 60%; transform: translateY(-50%); } 
#company .contain3 .mission_box::before { content:'MISSION'; display:block; position:absolute; right: 5%; top: 7%; color: #0cbdb3; opacity: 19%; font-size: 3em; font-family: 'Rajdhani'; font-weight: 600; writing-mode: vertical-rl; } 
#company .contain3 .mission_list { color: #ffffffe3; position: absolute; bottom: 10px; left: 40px; } 
#company .contain3 .mission_list li { position: relative; padding-left: 20px; padding-bottom: 30px; font-size: 1.1em; } 
#company .contain3 .mission_list li i { position: absolute; left: -9px; color: #ffffff94; } 
 
/* TG인재상 */
.value_box { text-align: center; margin-top: 80px; position: relative; } 
.value_box .img_box { display: inline-block; width: 100%; max-width: 924px; position: relative; } 
.value_box .img_box img { width: 100%; } 
.tg_list { position: absolute; top: 0; width: 100%; height: 100%; } 
.tg_list li:nth-child(1) {left: 10%;} 
.tg_list li:nth-child(2) {left: 34%;} 
.tg_list li:nth-child(3) {left: 55%;} 
.tg_list li:nth-child(4) {right: 9%;} 
.tg_list li {font-size: 23px;font-weight: 600;position: absolute;top: 37%;} 


/* 인재육성제도 */
.edu_box { margin-top: 100px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; position: relative; } 
.edu_box::before { content:''; display:block; position:absolute; background: url(../../img/edu_bg.png) no-repeat center center; background-size: contain; width:100%; height: 757px; left:0; top:0; z-index: -1; } 

.edu_box .edu_item { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } 
.edu_box .edu_item.item1 { } 
.edu_box .edu_item.item2 { display: flex; flex-direction: column; justify-content: flex-end; position: relative; top: 111px; } 
.edu_box .edu_item.item2 .info_box { margin-bottom: 3vw; } 
.edu_box .edu_item.item3 {position: relative;bottom: 60px;right: 16%;align-self: self-start;} 

/* eng */
.edu_box .edu_item.item1{
 width: 45.7%;
}
.edu_box .edu_item.item1 .info_box{
    width: 30%;
}
.edu_box .edu_item.item2{
 width: 37%;
}


.edu_box .edu_item .info_box { margin-right: 3vw; } 
.edu_box .edu_item .info_box h3 { font-size: 1.4em; font-weight: 700; padding-bottom: 10px; } 
.edu_box .edu_item .info_box p { padding-bottom: 20px; text-decoration: underline; font-size: 1.2em; font-weight: 500; } 
.edu_box .edu_item .info_box ul { font-size: 18px; color: #585858; } 
.edu_box .edu_item .info_box ul li { padding-bottom: 6px; padding-left: 16px; position:relative; } 
.edu_box .edu_item .info_box ul li:before { content:''; display:block; position:absolute; left:0; top: 9px; width: 5px; height:5px; border-radius:50%; background: var(--main-color); } 

/* 복리후생 */
.service_ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; margin-top: 80px; border-left: 1px solid #ddd9; } 
.complaint_wrap li:nth-child(1) { /* border-left: 1px solid #ddd9; */ } 
.complaint_wrap li { color: #222; text-align: center; padding: 0 30px; width: 25%; padding-bottom: 4%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; position: relative; border-right: 1px solid #ddd9; } 
.complaint_wrap li .img_box { position: relative; } 
#service .complaint_wrap li .img_box { padding: 40px 0; } 
.complaint_wrap li span { font-size: 24px; font-weight: 500; font-family: 'Rajdhani'; display: inline-block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); } 
.complaint_wrap li span::before { content:''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; width: 60px; height: 60px; z-index: -1; border-radius: 50%; box-shadow: 1px 1px 6px 2px #ddd; } 
.complaint_wrap > span { font-size: 24px; display: flex; align-items: center; } 
.complaint_wrap li h4 { font-size: 23px; font-weight: 400; padding-bottom: 10px; padding-top: 10px; font-weight: 700; } 
.complaint_wrap li p { font-size: 19px; font-weight: 300; } 
.service_ul .check_wrap { max-width: 190px; margin-top: 40px; } 

#service .complaint_wrap li .img_box { width: 97px; margin: 0 auto; } 
#service .complaint_wrap li .img_box img { width:100%; } 

/* CSR */
.scr_wrap { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; } 
.scr_wrap .section1 { width: 44%; } 
.scr_wrap .section1 p { font-size: 1.13em; font-weight: 200; } 
.scr_wrap .section2 { width: 50%; } 
.scr_wrap .section2 .img_box { position: relative; } 
.scr_wrap .section2 .csr_list { position: absolute; top: 0; width: 100%; height: 100%; } 
.scr_wrap .section2 .csr_list li {position: absolute;color: #fff;font-size: 1.1em;} 
.scr_wrap .section2 .csr_list li:nth-child(1) {top: 23%;left: 38%;} 
.scr_wrap .section2 .csr_list li:nth-child(2) { top: 42%; left: 18%; } 
.scr_wrap .section2 .csr_list li:nth-child(3) { top: 67%; left: 29%; } 


/* COMPANY - CERTIFICATION*/
.sub_flex .certi_box { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width: 100%; margin: 80px auto 0; } 
.sub_flex .certi_box li { width: 49%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; margin-bottom: 6vw; justify-content: flex-start; } 
.sub_flex .certi_box li .list_item { text-align: center; width: auto; max-width: 280px; } 
.sub_flex .certi_box li .list_content { width: 54%; padding: 3% 1% 3% 3%; display: flex; } 
.sub_flex .certi_box li .list_content span { font-size: 22px; font-weight: 700; padding-right: 3%; } 
.sub_flex .certi_box li .list_content p { line-height: 1.5; font-size: 18px; word-break: keep-all; } 
.sub_flex .certi_box li .img_box img { box-shadow: 1px 1px 4px 0px #2222227d; } 
.sub_flex .certi_box li h4 { font-size: 21px; padding-bottom: 14px; width: 100%; word-break: keep-all; font-weight: 700; } 

/* 회사개요 */
.flex { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; } 
#company .content_wrap { padding-top: 80px; } 
#company .content_box { } 
#company .content_box.box1 { margin-right: 7%; } 
#company .content_box.box1 h2 {font-size: 1.8em;padding-bottom: 10px;} 
#company .content_box.box2 { flex-grow: 1; } 

.overview { width: 100%; display: block; padding: 33px 0 37px; border-top: 2px solid #222; border-bottom: 2px solid #222; } 
.overview th { padding-bottom: 30px; width: 28%; font-size: 18px; color: #222; text-align: left; vertical-align: top; padding-left: 29px; } 
.overview td { font-size: 18px; color: #222; vertical-align: top; } 
.overview td ul.list li { position: relative; padding-bottom: 5px; padding-left: 11px; } 
.overview td ul.list li:before { content:''; position: absolute; top: 8px; left: 0; width: 2px; height: 2px; background: #222; } 


/* PRODUCT LIST */
.product_list { margin-top: 100px; } 
.product_list .container { height: calc(100vh - 100px); } 
.product_list .tit_box { font-family: 'SUIT'; padding-top: 0; } 
.product_list .tit_box p { color: inherit; padding: 30px 0; font-size: 1.1em; } 
.product_wrap { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; height: 100%; } 
.product_wrap .list_part { flex-grow: 1; width: 33.3%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; color: #fff; height: 100%; position: relative; transition: all .3s; } 
.product_wrap .part1 { background-image: url(../../img/pro_list_bg1.jpg); } 
.product_wrap .part2 { background-image: url(../../img/pro_list_bg2.jpg); } 
.product_wrap .part3 { background-image: url(../../img/pro_list_bg3.jpg); } 

.product_wrap .list_part.part2 .part_inner { top: 62%; } 
.product_wrap .list_part .part_inner { position: absolute; width: 57%; height: 40%; top: 59%; left: 50%; transform: translate(-50%, -50%); transition: all .3s; z-index: 1; } 
.product_wrap .list_part .tit_box { } 
.product_wrap .list_part .tit_box h2 { font-weight: 700; font-size: 2.1em; } 
.product_wrap .list_part .part_list { } 
.product_wrap .list_part .part_list li { font-size: 18px; padding: 10px; border-top: 1px solid #fff; position: relative; } 
.product_wrap .list_part .part_list li a { color:inherit; } 
.product_wrap .list_part .part_list li i { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); transition: all .3s; } 
.product_wrap .list_part .part_list li:nth-child(1) { border-width: 2px; } 

/* hover */
.product_wrap .list_part .part_list li:hover i { right:0; } 
.product_wrap .list_part:hover .part_list li { border-top: 1px solid #222; color:#222; } 
.product_wrap .list_part:hover .part_inner { color:#222; } 
.product_wrap .list_part:hover::before { opacity:1 } 
.product_wrap .list_part:before { content:''; display:block; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 20px; width: 72%; height: 77%; background: #ffffff96; opacity: 0; transition: all .4s; z-index: 0; } 


/* PRODUCT */
.product_frame .tit_box h1 { font-weight: 700; font-size: 3em; font-family: 'GmarketSans'; } 
.product_frame .pro_tit_list { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; margin: 70px auto; } 
.product_frame .pro_tit_list h3 { font-size: 19px; font-weight: 500; width: 220px; text-align: center; color: #737373; padding: 18px; border-radius: 30px; border: 1px solid #dcdcdcd9; margin-right: 1%; } 
.product_frame .pro_tit_list h3 a { color: #737373; } 
.product_frame .pro_tit_list h3.on { background: var(--main-color); color: #fff; } 
.product_frame .pro_tit_list h3.on a { color: #fff; } 
.product_frame .pro_pic_list { display: flex; flex-direction: row; flex-wrap: nowrap; padding: 80px 0; position: relative; } 
.product_frame .pro_pic_list li { position: relative; min-width: 90px; /* min-width: 6.5%; */ } 
.product_frame .pro_pic_list li b { color: var(--main-color); font-size: 24px; transform: rotate(90deg); display: block; white-space: nowrap; position: absolute; left: 50px; transform-origin: left top; padding-left: 60px; } 
.product_frame .pro_pic_list li:nth-child(1) { padding: 7% 0 3%; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; } 
.product_frame .pro_pic_list li:nth-child(3) { padding: 15% 0 3%; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; } 
.product_frame .pro_pic_list li:nth-child(5) { padding: 8% 0 13%; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; position: relative; top: 0; } 
.pro_sub_box { background: #dcdcdc52; padding: 60px; font-size: 28px; margin: 6% 0; } 
.pro_sub_box h3 { font-family: 'Rajdhani'; padding-bottom: 20px; } 
.sub_box_list { font-size: 22px; line-height: 1.5; } 
.sub_box_list li { padding-bottom: 6px; color: #808080; position: relative; padding-left: 20px; } 
.sub_box_list li b { color: #111; } 
.sub_box_list li::before { content:''; display:block; position:absolute; left:0; top: 13px; width: 7px; height:7px; border-radius:50%; background:
 var(--main-color); } 
.sub_tit_box { position: relative; } 
.sub_tit_box .sub_tit { position: unset; font-size: 1.8em; font-weight: 700; } 
.sub_tit_box .sub_tit::before { content:''; display:block; position:absolute; left: 0; width: 24px; height: 4px; background:var(--main-color); top: 0; } 
.sub_tit_box p { font-size: 1.3em; font-weight: 400; } 
.pro_arti { position: relative; /* overflow: hidden; */ } 
.back_letter { font-size: 8.1em; line-height: 0.7; text-align: center; color: #f6f6f6; position: absolute; left: -27%; top: -2%; } 

.graph_wrap .graph_inner { position: relative; width: 100%; height: 100%; top: 10%; } 
.graph_wrap { width: 60%; margin-left: auto; position: relative; height: 480px; } 
.graph_wrap .wide_circle { width: 400px; height: 400px; background: #f6f6f6; border-radius: 50%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } 
.graph_wrap h3 { font-size: 1.5em; text-align: center; position: absolute; left: 50%; top: 19%; transform: translateX(-50%); width: 100%; } 
.graph_wrap .wide_circle::before { content:''; display:block; position: absolute; width: 500px; height: 500px; background: #f6f6f600; border-radius:50%; z-index: -1; left: 50%; transform: translate(-50% , -50%); top: 50%; border: 3px dotted #e9e9e9; } 
.graph_wrap ul { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; margin: 0 auto; justify-content: space-between; width: 90%; max-width: 670px; position: absolute; left: 50%; bottom: 100px; bottom: 20%; transform: translateX(-50%); } 
.graph_wrap ul li { background: #70b92c; color: #fff; width: 160px; height: 160px; border-radius: 50%; position: relative; z-index: 1; display: block; border: 9px solid #fff; box-shadow: 2px 3px 9px 2px #dcdcdc; } 
.graph_wrap ul li b { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 90%; font-size: 1.2em; } 
.graph_wrap ul::before { content:''; display:block; position: absolute; width: 107px; height: 153px; background: url(../../img/arrow_up.png) no-repeat center center; background-size: contain; z-index: 0; left: 16%; bottom: 2%; transform: rotate(180deg); } 
.graph_wrap ul::after { content:''; display:block; position: absolute; width: 107px; height: 153px; background: url(../../img/arrow_up.png) no-repeat center center; background-size: contain; z-index: 0; left: 53%; bottom: 35%; } 
.graph_wrap ul li b span { font-weight: 500; width: 100%; display: block; } 

.sub_tit.sub_tit2 { position: relative; font-size: 1.4em; color: var(--main-color); padding-left: 14px; padding-bottom: 40px; padding-top: 70px; } 
.sub_tit.sub_tit2::before { width: 5px; height: 5px; border-radius: 50%; top: 60%; transform: translateY(-50%); } 
.pro_arti.arti3 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; } 
.tim_box { width: 50%; } 
.tim_box ul { display: flex; justify-content: space-around; flex-direction: row; flex-wrap: wrap; align-items: flex-start; padding-top: 20px; } 
.tim_box ul li { text-align: center; } 
.tim_box ul li h4 { font-size: 1.4em; padding-bottom: 0.5em; font-family: 'Rajdhani'; } 
.tim_box ul li .info_box h4 { padding-top: 0.5em; padding-bottom: 2px; } 
.tim_box ul li .info_box p { font-size: 1.1em; } 
.arti4 .tim_box ul { display: flex; align-items: stretch; } 
.arti4 .tim_box { width: 100%; } 
.arti4 .tim_box ul > li { width: 25%; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; position: relative; } 
.arti4 .tim_box ul > li .info_box { display: flex; width: 100%; flex-direction: column; justify-content: center; height: 100%; } 
.arti4 .tim_box ul > li .img_wrap { display: flex; width: 100%; justify-content: center; height: 100%; align-items: center; } 
.arti4 .tim_box ul > li:nth-child(2) { width:50%; position: relative; } 
.arti4 .tim_box ul > li.list2::before { content:''; display:block; position:absolute; top: 43%; background:url(../../img/plus_icon.png) no-repeat center center; background-size: contain; width: 87px; height: 87px; left: 5%; z-index: 1; } 
.arti4 .tim_box ul > li.list2::after { content:''; display:block; position:absolute; top: 43%; background:url(../../img/arrow_right.png) no-repeat center center; background-size: contain; width: 87px; height: 87px; right: 2%; } 
.arti4 .tim_box ul > li:nth-child(2) .img_box { position: relative; top: 10px; } 
.arti4 .tim_box ul > li:nth-child(2) .img_box img { width: 100%; max-width: 600px; } 
.arti4 .tim_box ul > li:nth-child(2) .poly_list { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } 
.arti4 .tim_box ul > li:nth-child(2) .poly_list li { position: absolute; top: 0; left: 0; color: #fff; font-size: 1.35em; font-family: 'SUIT'; font-weight: 500; } 
.arti4 .tim_box ul > li:nth-child(2) .poly_list li:nth-child(1) { left: 38%; top: 35%; } 
.arti4 .tim_box ul > li:nth-child(2) .poly_list li:nth-child(2) { top: 62%; left: 10%; } 
.arti4 .tim_box ul > li:nth-child(2) .poly_list li:nth-child(3) { top: 62%; left: unset; right: 23%; } 
.arti4 .tim_box ul li h4 { border-top: 1px solid #222; border-bottom: 1px solid #222; max-width: 340px; width: 90%; margin: 0 auto; background: #fff; padding: 17px 10px; position: absolute; left: 50%; transform: translateX(-50%); z-index: 1; font-weight: 700; } 
.arti4 .tim_box ul li h4 span { font-family: 'SUIT'; } 
.arti4 .tim_box .info_box ul li { width: 100%; box-shadow: 2px 1px 4px 1px #dcdcdc; margin-bottom: 1em; padding: 20px; font-size: 1.2em; } 
.arti4 .tim_box ul li .info_box ul { } 
.arti4 .tim_box ul li .img_wrap { display:flex; flex-direction: row; align-items: center; justify-content: space-around; flex-wrap: nowrap; position: relative; } 
.arti4 .tim_box ul li .img_wrap .img_box { background: #fff0; border: 3px dotted #dcdcdc; border-radius: 50%; width: 54%; position: relative; padding: 20px; position: absolute; } 
.arti4 .tim_box ul li .img_wrap .img_box:nth-child(1) { left: 0; } 
.arti4 .tim_box ul li .img_wrap .img_box:nth-child(2) { } 

.arti4 .tim_box ul li .img_wrap .img_box::before { content:''; display: block; padding-bottom: 100%; } 
.arti4 .tim_box ul li .img_wrap .img_box img { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 103px; } 

.arti4 .tim_box ul li .img_wrap .img_box:nth-child(2) { right: 0; } 

/* 난연재 */
.retardant_wrap { position: relative; } 
.retardant_wrap .back_letter { left: 20%; top: 9%; z-index: -1; } 
.retardant_wrap .img_box { width: 60%; max-width: 674px; margin-left: auto; } 
.retardant_wrap .list_wrap { width: 100%; height: 100%; position: absolute; top: 0; } 
.retardant_wrap .list_wrap ul { display: flex; max-width: calc(100% - 449px); width: 80%; height: 120%; align-items: stretch; } 
.retardant_wrap .list_wrap ul li { flex-grow: 1; text-align: center; border-right: 1px solid #c3c3c3; display: flex; flex-direction: column; justify-content: flex-end; } 
.retardant_wrap .list_wrap ul li .list_inner { background: #fff; height: 38%; display: flex; flex-direction: column; justify-content: center; } 
.retardant_wrap .list_wrap ul li h3 { font-size: 1.2em; padding-bottom: 10px; } 
.retardant_wrap .list_wrap ul li p { font-size: 1.12em; height: 35%; } 
.spec_table { margin-top: 100px; width: 100%; position: relative; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } 
.spec_table .sub_tit_box { width: 40%; } 
.spec_table table { width: 60%; margin-left: auto; border-top: 2px solid #111; border-bottom: 2px solid #111; border-collapse: collapse; } 
.spec_table table th { text-align: left; font-size: 19px; } 
.spec_table table td { font-size: 18px; } 
.spec_table table th, .spec_table table td { border-bottom: 1px solid #dddd; padding: 22px; } 
.spec_table table td.emph { color: var(--main-color); font-weight: 700; } 
.apply_box { width: 100%; } 
.apply_box ul { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: space-between; width: 100%; margin: 100px 0; } 
.apply_box ul li:nth-child(3)::after { display: none; } 
.apply_box ul li { width: 27%; border: 1px solid #56951f; border-radius: 70px; position: relative; background: #fff; } 
.apply_box ul li span { background: #efefef; border-radius: 55px; margin: 17px; padding: 40px; display: block; text-align: center; color: #56951f; font-size: 1.2em; height: 120px; display: flex; justify-content: center; align-items: center; font-weight: 500; } 
.apply_box ul li::after { content:''; display:block; position:absolute; top: 50%; right: -52%; transform: translateY(-50%); width: 260px; height: 260px; border: 2px dotted
 var(--main-color); border-radius:50%; z-index: -1; } 

/* 불연재료 */
.ncp_wrap1 { border: 1px solid #dcdcdc; padding: 80px; margin: 50px 0; } 
.ncp_wrap1 .ncp { position:relative; display: flex; justify-content: space-between; align-items: stretch; } 
.ncp_wrap1 .ncp .back_letter { left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 20em; z-index: -2; } 
.ncp_wrap1 .ncp .list_wrap { font-family: Rajdhani; font-size: 1.40em; font-weight: 500; width: 40%; } 
.ncp_wrap1 .ncp .list_wrap ul { display: flex; flex-direction: column; align-items: center; } 
.ncp_wrap1 .ncp .list_wrap ul li { width: 100%; text-align: center; box-shadow: 2px 1px 4px 1px #dcdcdc; margin-bottom: 1em; padding: 24px; } 
.ncp_wrap1 .ncp .list_wrap ul li:last-child { margin-bottom: 0; } 
.ncp_wrap1 .ncp .list_wrap ul li p { } 
.ncp_wrap1 .ncp .arrow_box { display: flex; flex-direction: column; justify-content: center; width: 26%; align-items: center; } 
.ncp_wrap1 .ncp .arrow_box .down { transform:rotate(180deg); margin-top: 60px; } 

.ncp_wrap1 .ncp .circle_box { align-self: center; position: relative; width: 40%; } 
.ncp_wrap1 .ncp .circle::before { content:''; display:block; position:absolute; top: 50%; left:50%; transform:translate(-50%, -50%); width: 180%; height: 180%; border: 2px dotted #dcdcdc; border-radius: 50%; } 
.ncp_wrap1 .ncp .circle_box .circle { background: #70b92c; width: 290px; height: 290px; position: relative; border-radius: 50%; border: 18px solid #fff; box-shadow: 1px 1px 9px 4px #dcdcdc; margin: 0 auto; } 
.ncp_wrap1 .ncp .circle_box .circle_txt { text-align: center; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: Rajdhani; } 
.ncp_wrap1 .ncp .circle_box .circle_txt h3 { font-size: 1.7em; } 
.ncp_wrap1 .ncp .circle_box .circle_txt p { font-size: 1.4em; } 

.ncp_wrap2 ul { display: flex; align-items: stretch; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; align-content: space-between; } 
.ncp_wrap2 ul li { width: calc(100% / 6); height: 290px; padding: 40px 20px 20px; position: relative; } 
.ncp_wrap2 ul li.h_tit { background: #70b92c; } 
.ncp_wrap2 ul li.h_tit h3 { color: #fff; font-size: 1.45em; } 

.ncp_wrap2 ul li h3 { font-weight: 500; font-size: 1.25em; color: #6b6b6b; } 
.ncp_wrap2 ul li.h_cont { border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; } 
.ncp_wrap2 ul li.h_cont span { position: absolute; bottom: 0; right: 20px; font-size: 4em; font-family: 'Rajdhani'; color: #dcdcdc; font-weight: 100; } 

.ncp_wrap3 { position: relative; padding-bottom: 40px; overflow: hidden; margin-top: 100px; } 
.ncp_wrap3 .test_box .sub_inner_wrap { margin: 0 auto; } 
.ncp_wrap3::after { content:'TEST'; font-size: 14em; font-family:'Rajdhani'; font-weight: 700; display:block; position:absolute; top: 0; line-height: 1; right: -1%; z-index: -1; color: #f6f6f6; writing-mode: vertical-rl; } 
.ncp_wrap3::before { content:''; display:block; position:absolute; top: 0; width: 86%; height: 100%; background:#f6f6f6; left: 0; z-index: -1; } 
.ncp_wrap3 .test_box { } 

.ncp_wrap3 ul { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: space-around; justify-content: space-between; width: 84%; } 
.ncp_wrap3 ul:nth-of-type(1) { } 
.ncp_wrap3 ul:nth-of-type(1) li img { width: 100%; max-width: 276px; } 
.ncp_wrap3 ul:nth-of-type(1) li { width: 24%; } 
.ncp_wrap3 ul.info_list { padding: 30px 0; display: flex; } 
.ncp_wrap3 ul:nth-of-type(2) li { width: 24%; text-align: center; } 
.ncp_wrap3 ul:nth-of-type(2) li p { font-size: 1.1em; } 
.ncp_wrap3 ul:nth-of-type(2) li:last-child { width: calc(100% - 25%); display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; } 
.ncp_wrap3 ul:nth-of-type(2) li:last-child h3 { margin: 0 24px; font-size: 1.2em; } 
.ncp_wrap3 ul:nth-of-type(2) li .arrow_box { width: 37%; } 
.ncp_wrap3 ul:nth-of-type(2) li .arrow_box img { width: 100%; max-width: 298px; } 

.ncpg_wrap2 .spec_table table th { font-family: 'Rajdhani', sans-serif; } 
.ncpg_wrap2 .spec_table p { font-size: 1.2em; width: 60%; margin-left: auto; padding: 20px 0; } 
.ncpg_wrap2 .spec_table p span { font-weight: 700; padding-right: 7px; } 
.ncrg_sub_wrap { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; width: 80%; } 
.ncrg_sub_wrap .img_box { max-width: 423px; } 
.ncrg_sub_wrap .img_box img { width:100%; } 
.ncrg_sub_wrap .pro_sub_box { width: 62%; padding-top: 15%; } 
.ncrg_sub_wrap p { font-size: 0.9em; } 
.ncrg_sub_wrap p span { font-weight: 700; padding-right: 7px; } 
.ncpg_wrap2 .arti4::before { content:'TEST'; font-size: 14em; font-family:'Rajdhani'; font-weight: 700; display:block; position:absolute; top: 0; line-height: 1; left: -44px; z-index: -1; color: #f6f6f6; writing-mode: vertical-rl; } 

/* 그래핀 */
.Graphene { } 
.spec_table .sub_tit_box p { padding-top: 60px; line-height: 1.5; font-size: 1.15em; color: #686262; } 
.Graphene .business_wrap { margin-top: 100px; display: flex; align-items: center; flex-wrap: wrap; flex-direction: row; justify-content: space-between; } 
.Graphene .business_wrap .wrap1 { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; width: 66%; } 
.Graphene .business_wrap .wrap1 .box { position: relative; } 
.Graphene .business_wrap .wrap1 .box1 { width: 63%; } 
.Graphene .business_wrap .wrap1 .box2 { width: 25%; } 
.Graphene .business_wrap .wrap1 .box1 > p { font-size: 1.2em; text-align: center; position: absolute; left: 50%; transform: translateX(-50%); width: 100%; bottom: -60px; } 
.Graphene .business_wrap .wrap1 .box1 p span { font-weight: 800; padding-right: 6px; } 
.Graphene .business_wrap .wrap1 .box ul { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } 
.Graphene .business_wrap .wrap1 .box ul li { color: #fff; font-family: 'Rajdhani'; position: absolute; text-align: center; width: 32%; } 
.Graphene .business_wrap .wrap1 .box1 ul li:nth-child(1) { top: 13%; left: 34%; } 
.Graphene .business_wrap .wrap1 .box1 ul li:nth-child(2) { right: 4%; top: 28%; } 
.Graphene .business_wrap .wrap1 .box1 ul li:nth-child(3) { right: 4%; top: 59%; } 
.Graphene .business_wrap .wrap1 .box1 ul li:nth-child(4) { bottom: 9%; left: 34%; } 
.Graphene .business_wrap .wrap1 .box1 ul li:nth-child(5) { left: 4%; top: 59%; } 
.Graphene .business_wrap .wrap1 .box1 ul li:nth-child(6) { left: 4%; top: 30%; } 

.Graphene .business_wrap .wrap1 .box ul li h3 { font-size: 1.4em; font-family: 'Rajdhani'; } 
.Graphene .business_wrap .wrap1 .box ul li p { font-size: 1.2em; } 

.Graphene .business_wrap .wrap1 .box1 .box_inner { position: relative; } 
.Graphene .business_wrap .wrap1 .box1 .box_inner .img_box { } 
.Graphene .business_wrap .wrap1 .box1 .box_inner .img_box { } 

.Graphene .business_wrap .wrap1 .box1 .box_inner .img_box img { } 

.Graphene .business_wrap .wrap1 .box2 { position: relative; } 
.Graphene .business_wrap .wrap1 .box2::before { content:''; display:block; position:absolute; top: 34%; left: -46%; background:url(../../img/graphene_pllus.png) no-repeat center center; background-size: contain; width: 81px; height: 82px; } 
.Graphene .business_wrap .wrap2 { width: 31%; } 
.Graphene .business_wrap .wrap2 ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; } 
.Graphene .business_wrap .wrap1 .box2 ul li { width: 85%; left: 9%; } 
.Graphene .business_wrap .wrap1 .box2 ul li:nth-child(1) { top: 14%; } 
.Graphene .business_wrap .wrap1 .box2 ul li:nth-child(2) { top: 45%; } 
.Graphene .business_wrap .wrap1 .box2 ul li:nth-child(3) { bottom: 14% } 

.Graphene .business_wrap .wrap2 .box3 { } 
.Graphene .business_wrap .wrap2 .box3 ul { width: 100%; margin: 0 auto; } 
.Graphene .business_wrap .wrap2 .box3 ul li { width: 47%; margin-right: 3%; margin-bottom: 3%; } 
.Graphene .business_wrap .wrap2 .box3 ul li img { max-width: 215px; width: 100%; } 
.Graphene .business_wrap .wrap2 .box3 ul li:nth-child(2n) { margin-right: 0; } 
/* 기어박스 */
.gearbox { } 
.gearbox .sub_box_wrap { display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; align-items: center; } 
.gearbox .spec_table { display: block; } 
.gearbox .spec_table table { width: 100%; margin-top: 60px; } 
.gearbox .spec_table table th, .gearbox .spec_table table td { /* border: 1px solid#ddd; */ } 
.gearbox .spec_table table th { } 
.gearbox .spec_table table td { text-align: center; } 
.gearbox .spec_table tbody tr:nth-child(1) > th:not(.left) { text-align: center; } 
.gearbox .spec_table colgroup col:nth-child(1) { width: 16%; } 

/* R & D */
.rd section { margin-top: 150px; } 
.rd section .sub_box_list { padding: 100px 0 0; } 

.rd section .rd_wrap { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } 
.rd section .rd_wrap .wrap { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; } 
.rd section .rd_wrap .wrap1 { width: 39%; display: flex; flex-direction: column; } 
.rd section .rd_wrap .wrap2 { width: 57%; } 
.rd section .rd_wrap .wrap2 .img_box { } 
.rd section .rd_wrap .wrap2 .img_box img { } 
.rd .section2 .rd_wrap .wrap2 .img_box { width: 50%; } 
.rd .section2 .rd_wrap .wrap2 .img_box img { } 

.rd section .rd_wrap .wrap3 { width: 100%; } 
.rd section .rd_wrap .wrap3 ul { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; padding-top: 80px; } 

.rd section .rd_wrap .wrap3 ul li:nth-child(1) { margin-right: 10px; } 

/* rd_section1 */
.rd .section1 .pro_arti ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; padding-top: 80px; } 
.rd .section1 .pro_arti ul li { width: 23%; padding: 5% 3% 6%; border: 1px solid #ddd; color: #4a4a4a; position: relative; } 
.rd .section1 .pro_arti ul li h3 { color: var(--main-color); font-size: 1.64em; font-family: Rajdhani; padding-bottom: 1em; } 
.rd .section1 .pro_arti ul li p { font-size: 1.2em; } 
.rd .section1 .pro_arti ul li .icon_box { width: 110px; height: 110px; border-radius: 50%; background: #fff; box-shadow: 1px 0px 3px 1px #dbdbdb; position: absolute; bottom: -13%; right: 7%; } 
.rd .section1 .pro_arti ul li:nth-child(1) .icon_box span { background:url(../../img/rd_icon1.png) no-repeat center center; } 
.rd .section1 .pro_arti ul li:nth-child(2) .icon_box span { background:url(../../img/rd_icon2.png) no-repeat center center; } 
.rd .section1 .pro_arti ul li:nth-child(3) .icon_box span { background:url(../../img/rd_icon3.png) no-repeat center center; } 
.rd .section1 .pro_arti ul li:nth-child(4) .icon_box span { background:url(../../img/rd_icon4.png) no-repeat center center; } 
.rd .section1 .pro_arti ul li .icon_box span { width: 100%; height: 76px; background-size: contain; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 

/* rd_section2 */
.rd .section2 { } 

.rd .section2 .rd_wrap .wrap1 ul { } 
.rd .section2 .rd_wrap .wrap1 ul li { } 

.rd .section2 .rd_wrap .wrap3 ul li { } 

.rd .section2 .rd_wrap .wrap3 ul li img { } 

.rd section.section5 .wrap2 { } 
.rd .section5 { } 
.rd section.section5 .wrap2 .img_box:nth-child(1) { margin-right: 3%; } 
.rd section.section5 .wrap2 .img_box p { text-align: center; padding-top: 10px; font-size: 1.2em; } 
.rd section.section5 .rd_wrap .wrap3 ul { display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; align-items: flex-end; } 
.rd section.section5 .rd_wrap .wrap3 ul li { margin-right: 2%; width: 31%; } 
.rd section.section5 .rd_wrap .wrap3 ul li .img_box img { margin: 0 auto; display: block; width: auto; max-width: 466px; } 


/* HISTORY */
#history .container { display: flex; flex-direction: column; align-items: center; } 
#history .title_box { text-align: center; padding-top: 40px; } 
#history .title_box h1 { font-size: 32px; font-family: 'Rajdhani'; font-weight: 700; } 
#history .title_box h1:first-child { font-size: 4em; } 
 /* history */
#history .contain1 .img_box { width: 82%; } 
 .history_wrap { border-bottom: 1px #ddd solid; position: relative; width: 100%; } 
 .history_wrap::before { content: ""; display: inline-block; width: 1px; height: 100%; border-right: 2px dotted #ddd; position: absolute; left: 50%; top: 0; } 
 .history_wrap::after { width: 100%; text-align: center; content: "HISTORY"; display: block; position: absolute; left: 50%; bottom: 0; font-size: 220px; color: #e5e5e5; opacity: 0.2; transform: translateX(-50%); font-weight: 900; letter-spacing: -1px; margin-bottom: -40px; font-family: 'Rajdhani'; line-height: 1; } 
 .history_wrap .month {font-weight: 600;font-size: 20px;width: 7%;} 
 .history_wrap .month_now { color: #b6d7f4; font-size: 12px; } 
 .history_wrap>ul { margin-bottom: 1rem; padding-top: 50px; } 
 .history_wrap>ul>li { position: relative; width: 100%; margin-bottom: 40px; } 
 .history_wrap>ul>li.left div { width: 50%; margin-right: auto; padding-right: 60px; } 
 .history_wrap>ul>li.right div { width: 50%; margin-left: auto; padding-left: 60px; } 
.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: wrap; 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_wrap>ul>li.left div li .month { order: 2; } 
 
 /* left before */
 .history_wrap>ul>li::before { display: block; content: ""; width: 6px; height: 6px; border: 5px solid #c4e6c4; position: absolute; top: 6px; left: 50%; transform: translateX(-50%); z-index: 1; background-color: #488315; box-sizing: content-box; border-radius: 50%; } 
 .history_wrap>ul>li::after { display: block; content: ""; width: 39px; height: 2px; position: absolute; top: 13px; transform: translateX(-50%); background: #9ec68d; z-index: -1; } 
.history_wrap>ul>.left::after { right: 49%; } 
.history_wrap>ul>.right::after { left: 52%; } 
.history_wrap>ul>.right { margin-left: auto; } 
 .history_wrap>ul>.left { text-align: right; position: relative; } 
 .history_wrap>ul>.left::before { right: -9px; } 
 .history_wrap>ul>li h4 { font-size: 27px; color: var(--main-color); font-family: 'Rajdhani'; padding-bottom: 12px; } 
 .history_wrap>ul>li> div ul>li {font-size: 19px;position: relative;line-height: 1.9;word-break: keep-all;display: flex;flex-direction: row;} 
 .history_wrap>ul>li>ul>li.emph { font-size: 24px; font-weight: 600; } 
 .history_wrap>ul>li>ul>li.emph::after { top: 18px; } 
 .history_wrap>ul>.left> div ul>li::after { content:''; display:block; position:absolute; top: 14px; right: -18px; width: 8px; height: 8px; background:var(--main-color); border-radius: 50%; } 
 .history_wrap>ul>.right> div ul>li::after { content:''; display:block; position:absolute; top: 14px; left: -18px; width: 8px; height: 8px; background:var(--main-color); border-radius: 50%; } 
 .history_wrap>ul>.right span {padding-right: 10px;} 
 .history_wrap>ul>.left span { padding-left: 10px; } 
 .history_wrap>ul .circle_date { text-align: center; background: url(../../img/history_img1.png) no-repeat center center; background-size: cover; width: 209px; height: 210px; position: relative; margin: 0 auto; margin-bottom: 80px; } 
 .history_wrap>ul .circle_date h3 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 40px; } 



/* LOCATION */
#location #map a, #location #map2 a { width:auto; } 
#location .location_item { } 
#location .location_item.item2 table { width: 100%; border-collapse: collapse; margin-top: 30px; } 
#location .location_item.item2 table th { width: 20%; background: #4ea35c; color: #f4f4f4; font-weight: 400; } 
#location .location_item.item2 table th , 
#location .location_item.item2 table td { border: 1px solid #dedede; padding: 16px; font-size: 16px; line-height: 1.8; } 
#location section { margin-bottom: 80px; } 
#location .location_item.item2 table td b { min-width: 70px; display: inline-block; font-weight: 500; display: flex; justify-content: space-between; } 
#location .location_item.item2 table td b span { padding:0 3px; } 
.root_daum_roughmap .wrap_controllers { display: flex; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; align-items: center; } 
.root_daum_roughmap .wrap_controllers .wrap_btn_roadview { display: flex; flex-direction: row; flex-wrap: nowrap; width: 300px; justify-content: flex-end; align-items: center; } 
.root_daum_roughmap .wrap_controllers .wrap_btn_roadview a.txt { text-align: center; } 
#location .location_item.item2 table .transport_wrap { display: flex; flex-direction: row; flex-wrap: wrap; } 


/* 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; } 
.cm_btn_controls .btn_submit1 { border: unset; background: var(--main-color); color: #fff; text-align: center; width: 220px; height: 60px; font-size: 18px; display: block; margin: 0 auto; } 
.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; } 

/* ******************온라인 문의 :: 쓰기, 문의폼********************** */
.inquiry_style1.inquiry_tbl_style2 { margin: 40px 0; } 
.essential-icon { color: var(--main-color); padding-left: 1px; } 
.write-tbl { width:100%; border-top: 1px solid var(--main-color); } 
.write-tbl th,.write-tbl td { padding:10px 15px; border-bottom:1px solid #ddd; } 
.write-tbl th { color:#444; font-size:16px; font-weight:400; text-align:left; width: 17%; } 
body.lang_eng .write-tbl th, body.lang_sp .write-tbl th { font-weight:600 } 
.write-tbl .write-input,
.write-tbl .write-select,
.write-tbl .write-textarea { height:38px; border:0px; /* width:63.6%; */ background-color:#fff; border:1px solid #d2d2d2; font-size:14px; vertical-align:middle; padding:10px; box-sizing:border-box; } 
.write-tbl .write-input:focus { border-color:#333; } 
.write-tbl .write-input { text-indent:10px; width: 30%; } 
.write-tbl .write-input.width_100 { width: 100%; } 
.write-tbl .write-select { height:38px; width: 20%; } 
.write-tbl .write-textarea { width:100%; height:200px; resize:none; } 
.write-tbl td input[type="file"] { height:auto; padding:10px 0; text-indent:0; border:0; } 
.write-tbl .hypen { margin: 10px 5px; } 
.radioCont li { float:left; padding: 10px 30px 10px 0; font-size:15px; color:#666; } 
.radioCont li input { margin-right:5px } 
.frm_info { color:#e73221; font-size:14px; font-weight:bold; margin-top:5px; display:block; } 
.filebox { width: 100%; overflow: hidden; margin-bottom: 20px; } 
.filebox .file_wr { width:100%; display:inline-block; } 
.filebox > div.file_wr:nth-of-type(3) { float:right; } 
.filebox .file_wr input { width: calc(100% - 133px); color:#aaa; font-size:13px; } 
.filebox .file_wr label { display: inline-block; padding: 0 20px; vertical-align: top; color: #fff; width:130px; box-sizing: border-box; color: #fff; background: none; height: 38px; line-height: 38px; font-size: 13px; background: #777; } 
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } 
.inquiry_btn { text-align: center; width: 100%; margin-top: 40px; } 
.inquiry_btn input { border: unset; background: var(--main-color); color: #fff; text-align: center; width: 170px; height: 50px; font-size: 18px; } 

/* RESPONSIVE */

@media (max-width: 1880px) { /* COMPANY - CERTIFICATION*/
 .sub_flex .certi_box li img { width: 100%; } 
 }
@media (max-width: 1700px){
 .frame1 .container .img_box img { width: 100%; } 

 /* INQURIY */
#inquiry .inquiry_wrap { width: 87%; margin: 0 auto; } 
.write-tbl th { width: 20%; } 

@media (max-width: 1360px){
 .intro_info_wrap .info_box .item ul li { flex-grow: 1; } 
 .apply_wrap li { height: 27vw; width: 31%; } 
 }
@media (max-width: 1300px){
 .sub_visual_txt { font-size: 15px; } 
 .pc_sub_menu .second_dep { width: 90%; } 
 .tab_list { width: 90%; } 
 .sub_inner_wrap { width: 90%; } 
 .frame1 .container { margin-bottom: 5vw; /* display: flex; */justify-content: space-between; } 
 /* INQUIRY */
#inquiry .sub_inner_wrap { width: 90%; margin: 0 auto; } 
.write-tbl .write-input.input100 { width:100%; } 
 .write-tbl th { min-width: 116px; } 
 .write-tbl .write-input { width: 30%; } 
 .write-tbl .write-select { width: 30%; } 
 .tech2 .contents1 .img_wrap>div:nth-child(2) { width: 100%; } 
 }

@media (max-width: 1080px){
 .sub_visual_txt { font-size: 14px; width: 80%; } 
 .pc_sub_menu .com_depth li a { font-size: 17px; } 
 .tab_list div { font-size: 16px } 

/* CERTI */
 .sub_flex .certi_box { width: 94%; } 
/* HISTORY */
 .history_wrap::after { font-size: 160px; } 
 #history .title_box h1:first-child { font-size: 40px; } 
 #history .title_box h1 { font-size: 26px; } 
 .history_wrap>ul>li h4 { font-size: 24px; } 
 .history_wrap .month { font-size: 17px; } 
 .history_wrap>ul>li> div ul>li { font-size: 17px; } 
 .history_wrap>ul>.left::after { right: 47%; } 
 #history .history_wrap>ul>li.left div li a { display: flex; flex-direction: row; flex-wrap: nowrap; } 
 #history .history_wrap>ul>li.left div li { display: flex; flex-direction: row; flex-wrap: nowrap; } 

/* 제품소개 */
 .frame1 .container .info_box .para_box h1 { font-size: 30px; padding-bottom: 30px; } 
 .frame1_1 .container .para_contents p { } 
 .frame1_1 .container .para_contents p br { display:none; } 
 #main_wrapper .catal_down a { font-size: 15px; } 
 .frame1_1 table { font-size: 16px; } 
 
 }

@media (max-width: 768px){
 .sub_com { padding: 0 0 40px; } 
 .sub_visual_box { height: 280px; } 
 .pc_sub_menu .com_depth { } 
 .pc_sub_menu .second_dep { height: 60px; width: 96%; } 
 .pc_sub_menu .com_depth li { line-height: 60px; } 
 .tab_list { margin: 20px auto; } 
 .sub_visual_txt { font-size: 10px; } 
 .pc_sub_menu .com_depth li a { font-size: 14px; padding: 0 5px; } 
 .tab_list div { font-size: 15px } 
 .sub_inner_wrap { margin: 80px auto 0; } 
 .sub_flex .value_box .info_box h1 { font-size: 33px; } 
 .sub_flex .value_box .info_box .para_box p { font-size: 20px; } 
 .sub_flex .value_box .info_box h2 { font-size: 23px; } 
 .sub_flex .value_box .info_box .value_contents span { font-size: 64px; } 
.sub_flex .value_box .box2 .mission_list { width: 100%; } 
 .sub_flex .value_box .box2 .mission_list li { border: 10px solid #fa6b6b; } 
 .sub_flex .value_box .box2 .mission_list li h2 { font-size: 20px; } 
 .sub_flex .value_box .box2 .mission_list li p { font-size: 15px; } 
 .sub_flex .value_box .info_box.box2 .value_contents { padding: 20px 0; } 

/* CERTI */
 .sub_flex .certi_box li { width: 33%; margin-bottom: 3vw; padding: 2vw; } 

/* HISTORY */
 #history .title_box { text-align: center; padding-left: 10px; } 
 #history .title_box h1:first-child { font-size: 30px; } 
 #history .title_box h1 { font-size: 20px; } 
 #history .container { display: flex; align-items: flex-start; } 
 #history .container .img_box.box2 { margin: 0 auto; width: 91%; } 
 .frame1 .contain1 .img_box::before { width: 50px; height: 50px; left: -19px; bottom: -17px; } 
/* */
 .history_wrap::before { left: 14%; } 
 .history_wrap>ul { margin-left: 10%; margin-right: 4%; } 
 .history_wrap>ul>li.right div { width: 100%; } 
 .history_wrap>ul>li.left div { width: 100%; padding-right: 0; padding-left: 60px; } 
 .history_wrap>ul>li::before { left: 5%; } 
 .history_wrap>ul>.right::after { left: 9%; } 
 .history_wrap>ul>.left { text-align: left; } 
.history_wrap>ul>.left::after { right: unset; left: 10%; } 
 .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: -18px; width: 7px; height: 7px; top: 11px; } 
 .history_wrap>ul>li ul { padding-left: 20px; } 
 .history_wrap::after { font-size: 100px; } 
 #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; display: flex; /* flex-direction: row; */ } 
 .history_wrap>ul>.right> div ul>li::after { top: 11px; width: 7px; height: 7px; } 
 #history .history_wrap>ul>li.left div li a { display: flex; justify-content: flex-start; } 
 #history .history_wrap>ul>li div li a { display: flex; } 
 .history_wrap>ul>li h4 { font-size: 22px; } 

/* 오시는길 */
 #location .location_item.item2 table th, #location .location_item.item2 table td { font-size: 14px; } 

 /* 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; } 
 }
@media (max-width: 630px){
 #sauce.frame1 .container .box1 { width: 100%; } 
 #sauce.frame1 .container .catal_down { margin-top: 30px; } 
 .apply_wrap li { width: 80%; height: 180px; margin: 0 auto 4vw; } 
 }

@media (max-width: 480px){
 .sub_visual_box { height: 240px; } 
 .sub_visual_txt { font-size: 6px; } 
 .pc_sub_menu .com_depth { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } 
 .pc_sub_menu .com_depth li { width: 33%; line-height: 40px; /* flex-grow: 0; */
 /* border-bottom: 1px solid #ddd; */ flex-grow: 1; } 
 .pc_sub_menu .second_dep { height: auto; /* box-shadow: 2px 3px 4px #c6c6c6; */
 /* border: 1px solid #d3d3d3; */
 /* border-radius: 10px; */ } 
 .pc_sub_menu .com_depth li.blue_bg { bottom: 5px; } 
 .pc_sub_menu .com_depth li a { font-size: 13px; } 
 .pc_sub_menu .com_depth li::after { width: 1px; height: 14px; } 
 .pc_sub_menu .com_depth li:nth-child(3n)::after { display:none; } 
 .tab_list div { font-size: 14px; height: 50px; line-height: 50px; } 
 .tab_list { margin: 10px auto; padding-top: 30px; } 
 .sub_inner_wrap { margin: 40px auto 0; } 

/* CERTI */
 .sub_flex .certi_box li { width: 50%; } 
 .sub_flex .certi_box li h4 { font-size: 12px; } 

/* HISTORY */
 .history_wrap::after { font-size: 72px; margin-bottom: -26px; } 
 
/* 오시는 길 */
 #location .location_item.item2 table th, #location .location_item.item2 table td { font-size: 12px; padding: 8px 5px; } 
 #location .location_box.item1 { height: 300px !important; } 

 

 /* INQUIRY */
 #inquiry .inquiry_wrap { width: 100%; } 
.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; } 
 }