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

/* sub visual */
.sub_visual_wrap { position: relative; } 
.sub_visual_box { width: 100%; height: 600px; 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_page_visual2.sub_bg1 { background-image: url(../../img/pro_sub_img1.jpg); } 
.sub_page_visual2.sub_bg2 { background-image: url(../../img/pro_sub_img2.jpg); } 
.sub_page_visual2.sub_bg3 { background-image: url(../../img/pro_sub_img3.jpg); } 
.sub_page_visual2.sub_bg4 { background-image: url(../../img/pro_sub_img4.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 */
 .top_letter { font-size: 16rem; color: #ffffff1a; position: absolute; right: 6%; bottom: -10%; z-index: 100; font-family: var(--font-eng); font-weight: 600; letter-spacing: -3px; } 
.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: 4.1em; font-weight: 500; font-family: var(--font-eng); } 
.sub_visual_txt h2 { color: #ffffffbf; font-size: 1.7em; padding-top: 10px; font-weight: 400; } 
.sub_visual_txt p { color: #fff; font-size: 1.1em; } 

.main_wrapper p { letter-spacing: -1px; line-height: 1.4; } 
.tit_box { font-size: 18px; padding-top: 4rem; 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: 0 0 40px; font-size: 1.4em; font-family: 'SUIT'; font-weight: 300; 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%; word-break: keep-all; text-transform: capitalize; } 
.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-color2); font-size: 22px; } 
.depth_wrap > div:last-child { background: var(--main-color2); color: #fff; } 
.depth_wrap > div { padding: 0 20px; position: relative; border-right: 1px solid #dcdcdc; cursor: pointer; height: 100%; 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: 70px; border-bottom: 1px solid #dcdcdc; } 
.visual_menu_wrap .com_depth { position: absolute; background: #7c0005; padding: 10px 5px; border-radius: 0 0 12px 12px; width: 100%; left: 50%; transform: translateX(-50%); top: 69px; z-index: 5; } 
.visual_menu_wrap .com_depth li a { color: #fff; text-align: center; padding: 5px; font-size: 16px; text-transform: capitalize; } 
/* 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: 100%; margin: 40px auto 80px; position: relative; } 
.tab_list div { cursor: pointer; background: #fff; color: #222222bf; width: 30%; max-width: 260px; padding: 2rem; font-size: 2.2rem; font-weight: 700; transition: all .4s; text-align: center; } 
.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; } 

/* JNS SUB */
/* 1. COMPANY */
.intro_list li { margin-bottom: 14rem; position: relative; display: flex; align-items: center; } 
.intro_list li:last-child { margin-bottom: 10rem; } 
.intro_list li .img_box { position: relative; } 
.intro_list li.order .img_box { order: 1; margin-right:0; } 
.intro_list li.order .info_box { margin-right: 2%; } 
.intro_list li.order .img_box .icon_box { right: unset; left: -8%; } 
.intro_list .info_box p { font-size: 2.2rem; color: #464646; line-height: 1.5; } 
.intro_list .info_box h4 { color: var(--main-color); font-size: 4rem; margin-bottom: 2rem; } 
.intro_list .info_box h5 { font-size: 2.8rem; padding-bottom: 2rem; text-transform: capitalize; letter-spacing: -1px; } 
.intro_list .info_box .cir { padding-left: 2rem; position: relative; } 
.intro_list .info_box .cir::before { content:''; display:block; position:absolute; left:0; width: 7px; height: 7px; border-radius:50%; background:var(--main-color2); top: 50%; transform: translateY(-50%); font-family: var(--font-eng); } 
.intro_list .icon_box { width: 90px; height: 90px; border-radius: 50%; background: #fff; box-shadow: 1px 0px 3px 1px #dbdbdb; position: absolute; z-index: 1; top: -10%; right: 0%; } 
#company ul li:nth-child(1) .icon_box span { background: url(../../img/intro1_icon1.png) no-repeat center center/contain; } 
#company ul li:nth-child(2) .icon_box span { background: url(../../img/intro1_icon2.png) no-repeat center center/contain; } 
#company ul li:nth-child(3) .icon_box span { background:url(../../img/intro1_icon3.png) no-repeat center center/contain; } 
#company ul li .icon_box span { width: 116px; height: 116px; background-size: contain; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 111; } 

/* 향후비전 */
.vission_wide_wrap { position: relative; } 

/* 경영방침 */
.manage_wrap1 li { margin-right: 1.5%; max-width: fit-content; } 
.manage_wrap1 li:nth-child(1) { width: 20%; } 
.manage_wrap1 li:nth-child(2) { width: calc(40% - 1.5%); } 
.manage_wrap1 li:nth-child(3) { flex-grow:1; } 
.manage_wrap1 li img { border: 1px solid #dcdcdc; } 
.manage_wrap_bg img{
    max-width: 1151px;
    width: 100%;
    margin: 0 auto;
    display: block;
}

/* 연혁 */
.history_wrap { position: relative; } 
#company .contain7 { margin-left: 14%; } 
.history_wrap::after { width: 100%; text-align: center; content: "HISTORY"; display: block; position: absolute; left: 22%; 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::before { content: ""; display: inline-block; width: 100%; height: 1px; border-top: 2px dotted #ddd; position: absolute; left: 0; /*top: 39%; */top: 13.5rem; } 
.history_wrap h4 { font-family: 'Rajdhani'; font-size: 5.8rem; color: #cfcfcf; font-weight: 700; padding-top: 4rem; padding-bottom: 6rem; position: relative; display: inline-block; } 
.history_wrap ul li { color: #808080; font-size: 1.8rem; padding: 0.5rem 0; display: flex; word-break: keep-all; } 
.history_wrap .swiper-slide-active h4 { color: var(--main-color2); font-style: italic; } 
.history_wrap .swiper-slide-active li { color: #222; } 
.history_wrap li b { font-family: 'Rajdhani'; font-size: 2rem; padding-right: 2rem; } 
.history_wrap .swiper-slide { width: 30% !important; } 
.history_sec { position: relative; margin: 0 4%; } 
.swiper-slide-active .history_sec h4::before { display: block; content: ""; width: 24px; height: 24px; border: 1px dotted var(--main-color2); position: absolute; top: 12.3rem; left: 50%; transform: translateX(-50%); z-index: 1; background-color: #0000; box-sizing: content-box; border-radius: 50%; } 
.swiper-slide-active .history_sec h4::after { background-color: var(--main-color2); } 
.history_sec h4::after { display: block; content: ""; width: 6px; height: 6px; position: absolute; top: 13.3rem; left: 50%; transform: translateX(-50%); z-index: 1; background-color: #4f4f4f; box-sizing: content-box; border-radius: 50%; } 
.his_arrow_wrap { position: absolute; top: 4rem; right: 10%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; z-index: 5; width: 19rem; } 
.his_arrow_wrap > div { width: 90px; height: 90px; background: #cfcece; border-radius: 50%; position: relative; } 
.his_arrow_wrap .swiper-button-disabled { background: #dcdcdc; } 
.his_arrow_wrap .his_arrow_next { margin-right: 0%; } 
.his_arrow_wrap i { position: absolute; top: 38%; left: 36%; font-size: 2.2rem; color: #fff; } 
.his_arrow_wrap .his_arrow_next i { transform: rotate(90deg) translate(0%, 0%); } 
.his_arrow_wrap .his_arrow_prev i { transform: rotate(-90deg); } 

/* COMPANY - CERTIFICATION*/
.certi_wrap h3{
    font-size: 3rem;
    border-bottom: 2px solid #dcdcdc;
    padding-bottom: 1rem;
    font-family: 'GmarketSans';
    font-weight: 400;
}
.sub_flex .certi_box {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;width: 100%;margin: 8rem auto 0;} 
.sub_flex .certi_box li .img_box img { box-shadow: 1px 1px 4px 0px #2222227d; display: block; margin: 0 auto; } 
.sub_flex .certi_box li h4 { font-size: 1.7rem; padding-top: 2rem; width: 100%; word-break: keep-all; font-weight: 700; text-align: center; } 

/* LOCATION */
#location { position: relative; } 
#location .loca_list { padding-top: 4rem; } 
#location .loca_tit { text-align: center; font-size: 3rem; padding-bottom: 2rem; /* color: var(--main-color); */ } 
#location .loca_info { font-size: 2rem; max-width: 619px; margin: 0 auto; padding-bottom: 2rem; } 
#location .loca_info p { display: flex; padding-bottom: 1rem; line-height: 1.6; } 
#location .loca_info p i { font-size: 2.4rem; color: var(--main-color2); padding-right: 1rem; } 
#location .loca_info p b { padding-right: 1rem; min-width: 130px; display: inline-block; } 
#location .loca_tit span { font-size: 5rem; } 
#location .loca_map iframe { width: 100%; height: 600px; box-shadow: 1px 1px 8px 2px #b0b0b0; } 
#location .img_box img { max-width: 1300px; margin: 0 auto; display: block; width: 100%; } 
#location::before { content:''; display:block; width:100%; height:100%; position: absolute; background:url(../../img/loca_bg.jpg) no-repeat center center/cover; top: 0; } 
/* PRODUCT LIST */
.product_list { margin-top: 80px; } 
.product_list .container { height: calc(100vh - 100px); } 
.product_list .tit_box { font-family: 'SUIT'; padding-top: 0; padding-bottom: 3rem; } 
.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: 1 1 24%; 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_bg3.jpg); } 
.product_wrap .part3 { background-image: url(../../img/pro_list_bg2.jpg); } 
.product_wrap .part4 { background-image: url(../../img/pro_list_bg4.jpg); } 
.product_wrap .list_part .part_inner { position: absolute; width: 57%; height: 400px; top: 53%; left: 50%; transform: translate(-50%, -50%); transition: all .3s; z-index: 1; } 
.product_wrap .list_part .tit_box h2 { font-weight: 500; font-size: 3.3rem; text-align: center; } 
.product_wrap .list_part .part_list li { font-size: 1.8rem; padding: 1rem; border-bottom: 1px solid #fff; position: relative; } 
.product_wrap .list_part .part_list li a { color:inherit; text-transform: capitalize; } 
.product_wrap .list_part .part_list li i { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); transition: all .3s; } 
.list_part .vision_box .icon_box { background-repeat: no-repeat; background-position: center; height: 120px; width: auto; position: relative; background-size: contain; margin-bottom: 20px; bottom:0; transition:all .4s; } 
.list_part .vision_box .box1 { background-image: url(../../img/icon/main_icon1_w.png); } 
.list_part .vision_box .box2 { background-image: url(../../img/icon/main_icon2_w.png); } 
.list_part .vision_box .box3 { background-image: url(../../img/icon/main_icon3_w.png); } 
.list_part .vision_box .box4 { background-image: url(../../img/icon/main_icon4_w.png); } 
.list_part:hover .vision_box { top:62%; } 
.list_part:hover .vision_box .box1 { background-image: url(../../img/icon/main_icon1_on.png); } 
.list_part:hover .vision_box .box2 { background-image: url(../../img/icon/main_icon2_on.png); } 
.list_part:hover .vision_box .box3 { background-image: url(../../img/icon/main_icon3_on.png); } 
.list_part:hover .vision_box .box4 { background-image: url(../../img/icon/main_icon4_on.png); } 

/* hover */
.product_wrap .list_part .part_list li:hover i { right:0; } 
.product_wrap .list_part:hover .part_list li { border-bottom: 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: 80%; height: 83%; background:rgb(255 255 255 / 50%); backdrop-filter: blur(5px); opacity: 0; transition: all .4s; z-index: 0; border: 1px solid #fff; } 

/* 연구개발 */
.skill_wrap .flex_box { justify-content: space-between; } 
.skill_wrap img { width:100%; max-width: fit-content; } 
.skill_wrap .skill_box { margin: 3rem 0px; } 
.skill_wrap .skill_box.box1 { width: 100%; margin: 0 auto 2rem; } 
.skill_wrap .skill_box.box2 { width: 40%; } 
.skill_wrap .skill_box.box3 { width: 20%; } 
.skill_wrap .skill_box.box4 { width: 40%; } 
.skill_wrap .skill_box.box5 { width: 100%; } 
.skill_wrap .skill_box.box5 .img_list { width: 46%; } 
.skill_wrap .skill_box.box5 .info_box { flex-basis: 0; flex-grow: 1; margin-left: 1rem; } 
.skill_wrap .skill_box.box5 .inner { display: flex; flex-direction: row; flex-wrap: wrap; max-width: 960px; justify-content: space-between; } 
.skill_wrap .skill_box h4 { font-size: 2rem; padding: 0.5rem; text-align: center; background: #ffbf73; } 
.skill_wrap .skill_box ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; padding: 0.5rem; } 
.skill_wrap .skill_box ul li {width: 48%;padding-left: 1.5rem;position: relative;font-size: 1.9rem;word-break: keep-all;} 
.skill_wrap .skill_box ul li:before { content:''; display:block; position:absolute; width:5px; height:5px; background:#111; left: 0; top: 9px; } 
.skill_wrap .skill_box.box2,
.skill_box.box5 { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; flex-direction: row; } 
.skill_wrap .skill_box.box2 .img_box { width: 35%; } 
.skill_wrap .skill_box.box2 .info_box { flex-grow: 1; flex-basis: 0; margin-left: 1rem; } 
.skill_wrap .skill_box.box2 .info_box ul li { width: 100%; } 
.skill_box .img_list { text-align: center; } 
.skill_wrap p { padding: 0.5rem 0; text-align:center; background: #f88a07; color: #fff; } 
.skill_wrap .inner { max-width: 600px; margin: 0 auto; } 

#develop .sub_tit_box .sub_tit { padding-bottom: 0; } 
#develop .sub_box_wrap { display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; align-items: center; } 
#develop .spec_table { display: block; } 
#develop .spec_table table { width: 100%; margin-top: 3rem; } 
#develop .spec_table table th, #develop .spec_table table td { /* border: 1px solid#ddd; */line-height: 1.6; } 
#develop .spec_table table th { min-width: 70px; background: #f8f8f8; } 
#develop .spec_table table td { text-align: center; word-break: keep-all; } 
#develop .spec_table tbody tr:nth-child(1) > th:not(.left) { text-align: center; } 
#develop .spec_table colgroup col:nth-child(1) { width: 16%; } 

.table_wrap { overflow-x:scroll; } 

/* rd_section1 */
#management .section1 .pro_arti ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; padding-top: 8rem; padding-bottom: 8rem; } 
#management .section1 .pro_arti ul li { width: 19%; padding: 3rem 2rem; border: 1px solid #ffc5c5; color: #4a4a4a; position: relative; background: #ffdfdf; border-radius: 15px; overflow: hidden; } 
#management .section1 .pro_arti ul li:before { content:''; position:absolute; width: 100px; height: 83px; background: url(../../img/jns_w.png) no-repeat center center/contain; bottom: -1px; right: 6%; opacity: 0.7; } 
#management .section1 .pro_arti ul li h3 { /* color: #ff5252; */font-size: 2.1rem; padding-bottom: 2rem; font-weight: 800; text-align: center; font-family: 'GmarketSans'; line-height: 1.3; } 
#management .section1 .pro_arti ul li p { font-size: 1.8rem; text-align: center; font-weight: 600; z-index: 4; position: relative; } 
#management .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%; z-index: 1; opacity: 0; display: none; } 
#management .section1 .pro_arti ul li:nth-child(1) .icon_box span { background: url(../../img/rd_icon1.png) no-repeat center center/contain; } 
#management .section1 .pro_arti ul li:nth-child(2) .icon_box span { background:url(../../img/rd_icon2.png) no-repeat center center/contain; } 
#management .section1 .pro_arti ul li:nth-child(3) .icon_box span { background:url(../../img/rd_icon3.png) no-repeat center center/contain; } 
#management .section1 .pro_arti ul li:nth-child(4) .icon_box span { background:url(../../img/rd_icon4.png) no-repeat center center/contain; } 
#management .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%); } 


/* 인재상 */
.talent_list1 > li { margin-bottom: 6rem; position: relative; display: flex; align-items: center; justify-content: space-between; } 
.talent_list1 li:last-child { } 
.talent_list1 li .img_box { position: relative; } 
.talent_list1 li.order .img_box { order: 1; margin-right: 0; } 
.talent_list1 li.order .img_box
.talent_list1 li.order .img_box .icon_box { right: unset; left: -8%; } 
.talent_list1 .info_box p { font-size: 2.2rem; color: #464646; line-height: 1.5; } 
.talent_list1 .info_box h4 { font-size: 3.8rem; margin-bottom: 4rem; font-weight: 800; position: relative; } 
.talent_list1 .info_box h4::before { content:''; display:block; position: absolute; top: 7rem; width:100%; height: 1px; background: #111; } 
.talent_list1 .info_box h5 { font-size: 2rem; padding-bottom: 2rem; } 
.tal_list2 li { padding-left: 1.5rem; position: relative; font-size: 1.8rem; } 
.tal_list2 li::before { content:''; display:block; position:absolute; left:0; width: 3px; height: 3px; border-radius:50%; background: #111; top: 13px; transform: translateY(-50%); font-family: var(--font-eng); } 

/* 채용프로세스 */
#process .section1 .pro_arti ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; padding-top: 8rem; padding-bottom: 8rem; } 
#process .section1 .pro_arti ul li { width: 25%; color: #4a4a4a; position: relative; } 
#process .section1 .pro_arti ul li .img_box { position: relative; } 
#process .section1 .pro_arti ul li h3 { color: #fff; font-size: 2.4rem; font-weight: 800; text-align: center; font-family: 'GmarketSans'; position: absolute; top: 50%; left: 56%; transform: translate(-50%, -50%); } 
#process .section1 .pro_arti ul li p { font-size: 1.7rem; font-weight: 600; z-index: 4; width: 59%; color: #fff; position: absolute; bottom: 5%; left: 50%; transform: translateX(-50%); } 
#process .section1 .pro_arti ul li .icon_box { width: 5rem; height: 5rem; border-radius: 50%; background: #fff; position: absolute; left: 55%; top: 24%; z-index: 2; transform: translateX(-50%); } 
#process .section1 .pro_arti ul li .icon_box span { display: inline-block; position: absolute; top: 56%; left: 49%; transform: translate(-50%, -50%); color: #fb5a2f; font-size: 2.2rem; font-weight: 600; font-family: 'GmarketSans'; } 

/* 문의연락 */
.contact_wrap { padding: 4rem 0; } 
.contact_wrap ul { display: flex; align-items: stretch; } 
.contact_wrap ul li { text-align: center; box-shadow: 1px 1px 9px 1px #dcdcdc; display: flex; justify-content: flex-start; font-size: 1.7rem; border-radius: 30px 30px 0 0; overflow: hidden; flex-direction: column; } 
.contact_wrap ul li .info { padding: 4rem 2rem; } 
.contact_wrap ul li .info span { display: block; width: 100%; height: 2px; background: #dcdcdc; text-align: center; margin: 2rem 0; } 
.contact_wrap ul li h3 {font-size: 1.9rem;padding: 1.2rem;background: #bd1920;color: #fff;font-family: 'GmarketSans';font-weight: 400;line-height: 1.3;height: 73px;display: flex;justify-content: center;align-items: center;} 
.contact_wrap ul li p { font-size: 1.8rem; } 
.contact_wrap ul li h4 { font-size: 2rem; } 
.contact_wrap ul li h4 a { font-size: 2.2rem; } 
.contact_wrap ul li:last-child .info {height: calc(100% - 73px);display: flex;justify-content: center;align-items: center;} 


/* ************************************ */

.mission_tit h2 { position:relative; padding-bottom: 60px; padding-top: 24px; } 
.sub_tit { font-size: 3rem; padding-top: 1rem; padding-bottom: 8rem; font-weight: 800; } 
.sub_tit::before { content:''; display:block; position:absolute; left: 0; width: 20px; height: 2px; background:var(--main-color); top: 0; } 
.frame1 .container { padding-bottom: 8rem; 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 .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; } 

/* 인재상 */
.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: 11%; } 
.tg_list li:nth-child(2) { left: 35%; } 
.tg_list li:nth-child(3) { left: 59%; } 
.tg_list li:nth-child(4) { right: 11%; } 
.tg_list li { font-size: 1.9vw; font-weight: 600; position: absolute; top: 35%; } 

/* 인재육성제도 */
.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; align-items: center; } 
.edu_box .edu_item .img_box img { width:100% } 
.edu_box .edu_item.item1 { width: 49%; justify-content: flex-end; } 
.edu_box .edu_item.item2 { display: flex; flex-direction: column; justify-content: flex-end; position: relative; top: 111px; width: 36.9%; justify-content: flex-end; align-content: flex-start; align-items: center; } 
.edu_box .edu_item.item2 .info_box { margin-bottom: 3vw; } 
.edu_box .edu_item.item3 { position: relative; /* bottom: 60px; */top: -6px; right: 7%; align-self: self-start; width: 59%; } 

.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; word-break: keep-all; } 
.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; word-break: keep-all; } 
.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 { 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; } 
.complaint_wrap li .img_box img { max-width: fit-content; width: 100%; } 
#service .complaint_wrap li .img_box { padding: 40px 0; } 
.complaint_wrap li span { font-size: 2.4rem; 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: 1.9rem; font-weight: 300; } 
.service_ul .check_wrap { margin-top: 4rem; } 

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


/* 회사개요 */
.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.box1 { margin-right: 7%; } 
#company .content_box.box1 h2 { font-size: 1.8em; } 
#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 */
.product_frame .tit_box h1 { font-weight: 700; font-size: 2.7em; font-family: 'GmarketSans'; padding-bottom: 2rem; text-transform: capitalize; } 
.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; justify-content: space-between; align-items: flex-start; } 
.product_frame .pro_pic_list li { position: relative; min-width: 90px; /* min-width: 6.5%; */height: 100%; } 
.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; } 

.pro_sub_box.ev_box { background: unset; border: 1px solid #dcdcdc; margin: 2% 0; padding: 50px; } 
.pro_sub_box.ev_box .sub_box_list { font-size: 20px; } 
.pro_sub_box.ev_box li { color: #3c3c3c; } 
.sub_box_list { font-size: 22px; line-height: 1.5; } 
.sub_box_list li { padding-bottom: 6px; color: #808080; position: relative; padding-left: 20px; word-break: keep-all; } 
.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: 2.4rem; 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; margin-bottom: 40px; margin-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; } 

.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 .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::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; } 

.spec_table { width: 100%; position: relative; } 
.spec_table .sub_tit_box { width: 40%; } 
.spec_table table { 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: 1.9rem; } 
.spec_table table td { font-size: 1.7rem; } 
.spec_table table th, .spec_table table td { border-bottom: 1px solid #dddd; padding: 1.4rem 1rem; } 
.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; } 

/* 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 .section2 .rd_wrap .wrap2 .img_box { width: 50%; } 
.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%; z-index: 1; } 
.rd .section1 .pro_arti ul li:nth-child(1) .icon_box span { background: url(../../img/rd_icon1.png) no-repeat center center/contain; } 
.rd .section1 .pro_arti ul li:nth-child(2) .icon_box span { background:url(../../img/rd_icon2.png) no-repeat center center/contain; } 
.rd .section1 .pro_arti ul li:nth-child(3) .icon_box span { background:url(../../img/rd_icon3.png) no-repeat center center/contain; } 
.rd .section1 .pro_arti ul li:nth-child(4) .icon_box span { background:url(../../img/rd_icon4.png) no-repeat center center/contain; } 
.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 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; } 


/* 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: nowrap; } 


/* 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%; } 
.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: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; } 
.filebox > div.file_wr:nth-of-type(3) { float:right; } 
.filebox .file_wr input { width: calc(100% - 10%); color:#aaa; font-size:13px; max-width: calc(100% - 60px); } 
.filebox .file_wr label { display: inline-block; vertical-align: top; width: 10%; min-width: 60px; box-sizing: border-box; color: #fff; height: 38px; line-height: 38px; font-size: 13px; background: #777; } 
.filebox .file_wr label span { text-align: center; width: 100%; display: block; } 
.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){
 .sub_flex .certi_box li img { width: 100%; max-width: 280px; } 
 #company .contain7 { margin-left: 10%; } 
 }
@media (max-width: 1700px){
 .frame1 .container .img_box img { width: 100%; } 
 .arti3 .tim_box ul li { max-width: 327px; width: 48%; } 

 /* 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%; } 
 #company .contain7 { margin-left: 4%; } 
 }
@media (max-width: 1300px){
 .tit_box h2 { letter-spacing: -1px; } 
 .sub_visual_txt { font-size: 15px; left: 5%; top: 80%; } 
 .pc_sub_menu .second_dep { width: 90%; } 
 .sub_inner_wrap { width: 90%; } 

 /* COMPANY */
 .his_arrow_wrap > div { width: 8rem; height: 8rem; } 

/* PRODUCT */
.product_list { margin-top: 60px; } 
 .product_list .container { height: calc(100vh - 60px); } 

.frame1 .container { /* margin-bottom: 40px; *//* display: flex; *//* justify-content: space-between; */padding-bottom: 4rem; } 
 .arti4 .tim_box ul > li.list2::before,
 .arti4 .tim_box ul > li.list2::after { width: 60px; height: 60px; } 

 /* 인재채용 */
 .talent_list1 li .img_box img { width: 100%; } 

 /* 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%; } 

/* CSR */
.scr_wrap .section2 .img_box img { width: 100%; } 
 .scr_wrap .section2 .csr_list li { font-size: 1.1em; } 
 }

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

/* COMPANY */
 .history_wrap .swiper-slide { width: 38% !important; } 
 .swiper-slide-active .history_sec h4::before { top: 12rem; } 

 /* 인재채용 */
 .talent_list1 .info_box h4 { margin-bottom: 2rem; font-size: 3.2rem; } 
 .talent_list1 .info_box h4::before { top: 5.5rem; } 
 .talent_list1 .info_box h5 { font-size: 1.9rem; padding-bottom: 1rem; } 
 .tal_list2 li { word-break: keep-all; } 
 .complaint_wrap li .img_box img { width: 100%; } 
 .complaint_wrap li span::before { width: 50px; height: 50px; top: 60%; } 
 .complaint_wrap li span { bottom: -2px; padding-top: 10px; } 
 
/* CERTI */
 .sub_flex .certi_box li { margin-right: 2%; width: 22.2%; } 
 .sub_flex .certi_box li .list_content { width: 80%; } 
 .sub_flex .certi_box li h4 { font-size: 1.8rem; } 
 .sub_flex .certi_box li .list_content p { font-size: 12px; } 

/* HISTORY */
 .history_wrap::after { font-size: 16rem; left: 35%; } 
 #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; } 

 .spec_table { width: 100%; position: relative; } 
.spec_table .sub_tit_box { width: 100%; } 
.spec_table table { min-width: 1000px; 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: 1.9rem; } 
.spec_table table td { font-size: 1.7rem; } 
.spec_table table th, .spec_table table td { border-bottom: 1px solid #dddd; padding: 1.4rem 1rem; } 
.spec_table table td.emph { color: var(--main-color); font-weight: 700; } 

/* 제품소개 */
.list_part .vision_box .icon_box { height:90px; } 
 .product_wrap .list_part .part_inner { width: 74%; } 
 .product_wrap .list_part:before { width: 86%; height: 80%; } 
 .product_wrap .list_part .tit_box h2 { font-size: 2.8rem; } 
 .arti4 .tim_box ul { font-size: 15px; } 
 .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; } 
 .arti4 .tim_box ul li .img_wrap { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; } 
 .arti4 .tim_box ul li .img_wrap .img_box:nth-child(1) { top: 23px; } 
 .arti4 .tim_box ul li .img_wrap .img_box { position: relative; width: 69%; } 
 .graph_wrap { width: 100%; height: 400px; top: 40px; } 
 .back_letter { left: -14%; } 
 .product_frame .pro_pic_list li { min-width: 60px; } 
 .product_frame .pro_pic_list li b { font-size: 20px; left: 37px; } 
 }

@media (max-width: 768px){
 .flex_2 > * { width: 100%; margin-right: 0; margin-bottom: 2rem; } 
 .flex_3 > * { width: 48%; } 
 .flex_3 > *:nth-child(3n) { margin-right: 2%; } 
 .flex_4 > * { width: 48%; } 

 .sub_com { padding: 0 0 40px; } 
 .sub_visual_box { height: 280px; } 
 .pc_sub_menu .second_dep { height: 60px; width: 96%; } 
 .pc_sub_menu .com_depth li { line-height: 60px; } 
 .sub_visual_txt { font-size: 10px; width: 90%; margin: 0 auto; left: 50%; transform: translateX(-50%); } 
 .top_letter { bottom: -13%; right: 0; } 
 .pc_sub_menu .com_depth li a { font-size: 14px; padding: 0 5px; } 
 .tab_list div { line-height: 60px; height: 60px; } 
 .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; } 

 /* COMPANY */
 .intro_list li { margin-bottom: 7rem; } 
 .intro_list li.order .img_box { order: unset; } 
 .intro_list li:last-child { margin-bottom: 4rem; } 
 .intro_list li.order .img_box .icon_box { left: -3%; } 
 .manage_wrap1 li:nth-child(1) { width: inherit; } 
 .manage_wrap1 li:nth-child(2) { width: inherit; } 
 .manage_wrap1 li:nth-child(3) { width: inherit; margin-right: auto; } 
 .manage_wrap1 li { width: 80%; margin-left: auto; margin-right: auto; } 
 #location section { margin-bottom: 4rem; } 
 #location .loca_map iframe { height: 400px; } 
 .contact_wrap ul li { margin-bottom: 5%; } 
 .history_wrap .swiper-slide { width: 45% !important; } 
 .history_wrap h4 { font-size: 5rem; } 

 .product_wrap .list_part { flex: 1 1 45%; height: 50%; } 
 .product_wrap .list_part:before { height: 90%; /* opacity: 1; */ } 
 .product_wrap .list_part .part_inner { height: auto; top: 48%; } 
 .list_part .vision_box .icon_box { height: 70px; margin-bottom: 1rem; } 
 .product_wrap .list_part .tit_box h2 { font-size: 2.4rem; } 
 .product_list .tit_box { padding-bottom: 2rem; } 

 .talent_list1 li.order .img_box { order: unset; } 
 .talent_list1 li.order .info_box { text-align: right; } 
 .talent_list1 li.order .tal_list2 li { padding-right: 1.5rem; } 
 .talent_list1 li.order .tal_list2 li::before { right: 0; left: unset; top: 12px; } 
 .talent_list1 li.order .img_box { margin-left: auto; } 
 .talent_list1 li .img_box { width: 70%; } 
 #management .section1 .pro_arti ul { padding-top: 4rem; padding-bottom: 4rem; display: flex; align-items: stretch; justify-content: flex-start; } 
 #management .section1 .pro_arti ul li { width: 32%; margin: 0.5%; min-height: 240px; } 
 .complaint_wrap li span { bottom: -20px; padding-top: 10px; } 
 .complaint_wrap li span::before { width: 40px; height: 40px; } 

 #process .section1 .pro_arti ul { width: 94%; margin-left: auto; padding-top: 1rem; padding-bottom: 4rem; } 
 #process .section1 .pro_arti ul li .img_box img { width: 100%; } 
 #process .section1 .pro_arti ul li { width: 49%; margin-bottom: 2%; } 
 #process .section1 .pro_arti ul li:nth-child(2n) { position: relative; left: -12%; } 

 .skill_wrap .skill_box.box3 { display: none; } 
 .skill_wrap .skill_box.box2 { width: 100%; } 
 .skill_wrap .inner { max-width: 100%; } 
 .skill_wrap .skill_box.box4 { width: 100%; } 
 .skill_wrap .skill_box.box4 .flex_3 .img_box { width: 30%; } 
 .skill_wrap .skill_box.box5 .img_list { width: 100%; order: 1; } 
 .skill_wrap .skill_box.box5 .img_list .img_box { width: 48%; } 
 .skill_wrap .skill_box.box5 .info_box { margin-bottom:1rem; } 

/* CERTI */
 .sub_flex .certi_box li { width: 47%; margin-bottom: 4rem; } 
 .sub_flex .certi_box { width: 100%; } 
 .sub_flex .certi_box li .list_content { width: 70%; margin-left: 3%; } 

/* 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>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: 0%; } 
 .history_wrap>ul>.right::after { left: 4%; } 
 .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 { bottom: -8rem; left: 44%; font-size: 14rem; } 
 #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; */flex-wrap: nowrap; } 
 .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; } 
 #location .location_item.item2 table td b { min-width: unset; width: auto; } 
 #location .location_item.item2 table .transport_wrap .transport { flex-grow: 1; word-break: keep-all; } 

/* PRODUCT */
 .sub_tit.sub_tit2 { margin-top: 40px; margin-bottom: 20px; } 
 .product_frame .pro_tit_list { margin: 0px auto; } 
 .product_frame .pro_tit_list h3 { font-size: 18px; width: 200px; padding: 16px; } 
 .product_frame .pro_pic_list li { min-width: 43px; } 
 .product_frame .pro_pic_list li b { font-size: 19px; left: 32px; } 
 .product_frame .pro_pic_list { padding: 60px 0; } 
 .pro_sub_box { padding: 30px; font-size: 22px; } 
 .pro_arti.arti3 { display: flex; flex-direction: row; } 
 .tim_box { width: 100%; } 
.frame1 .container { font-size: 13px; } 

 /* tit_box */
 .tit_box { font-size: 13px; padding-top: 20px; } 
 .product_frame .tit_box h1 { font-size: 2.5em; } 
 .tit_box h2 { font-size: 2em; } 
.rd section { margin-top: 80px; } 
.rd .section1 .pro_arti ul li p { padding-bottom: 40px; } 
 .rd .section1 .pro_arti ul li .icon_box { bottom: -11%; width: 70px; height: 70px; } 
 .rd .section1 .pro_arti ul li .icon_box span { height: 56px; width: 80%; } 
 .rd section .rd_wrap .wrap1 { width: 100%; } 
 .rd section .sub_box_list { padding: 30px 0; } 
 .rd section .rd_wrap .wrap3 ul { padding-top: 40px; } 
 .rd section .rd_wrap .wrap2 { width: 100%; } 
 .rd section.section5 .wrap2 { display: flex; align-items: flex-end; justify-content: center; } 
.rd section.section5 .wrap2 .img_box { width: 40%; } 
 .sub_box_list { font-size: 17px; } 
 .sub_box_list li::before { top: 9px; } 
 .graph_wrap .wide_circle { width: 300px; height: 300px; } 
.graph_wrap .wide_circle::before { width: 400px; height: 400px; } 
 .graph_wrap ul li { width: 140px; height: 140px; } 
 .back_letter { font-size: 5em; left: 0; top: 0; } 

/* 인재채용 */
 .edu_box .edu_item.item2 { width: 41%; } 
 .edu_box .edu_item .info_box ul { font-size: 15px; } 
 }
 @media (max-width: 630px){
 .depth_wrap > div { width: 50%; font-size: 12px; padding: 0 11px; } 
 .depth_wrap .depth1.dep2_none { display: none; } 

 /* 인재육성제도 */
 .edu_box { margin-top: 60px; display: flex; flex-direction: column; } 
 .edu_box .edu_item { margin-bottom: 30px; display: flex; justify-content: space-between; } 
 .edu_box .edu_item .info_box { font-size: 12px; } 
 .edu_box .edu_item .img_box { height: 180px; overflow: hidden; } 
 .edu_box .edu_item .img_box img { width: 100%; height: 180px; } 
 .edu_box .edu_item .info_box ul { font-size: 14px; } 
 .edu_box .edu_item.item2 { display: flex; flex-direction: row; top: 0; justify-content: space-between; } 
 .edu_box .edu_item.item2 .info_box { order: 2; } 
 .edu_box .edu_item.item2 .img_box { width: 125px; order: 1; margin-right: 14px; } 
.edu_box .edu_item.item3 { right: unset; display: flex; top: 0; } 
 .edu_box .edu_item.item3 .info_box { width: 50%; } 
.edu_box .edu_item.item1,
.edu_box .edu_item.item2,
.edu_box .edu_item.item3 { width: 75%; margin: 0 auto; padding-bottom: 7vw; justify-content: space-between; } 
 }

@media (max-width: 480px){
 .top_letter { font-size: 8rem; bottom: -9%; } 
 .m_none { display:none; } 
 .sub_inner_wrap { font-size: 12px; } 
 /* top_menu */
 .visual_menu_wrap { height: 44px; } 
 .visual_menu_wrap .com_depth { top: 44px; } 
 .visual_menu_wrap .com_depth li a { font-size: 13px; } 
 .depth_wrap.dep3_on .depth1 { display: none; } 
/* sub_visual */
 .sub_visual_box { height: 220px; } 
 .sub_visual_txt { font-size: 8px; } 
 .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: 1.2; } 
 .tab_list { margin: 10px auto; /* padding-top: 30px; */ } 
 .tab_list.nav-fixed { top: 60px; } 
 .sub_inner_wrap { margin: 40px auto 0; } 

/* tit_box */
 .tit_box { font-size: 10px; padding-top: 0; } 
 .product_frame .tit_box h1 { font-size: 2.4em; } 
 .tit_box h2 { font-size: 1.9em; letter-spacing: -1px; } 
 .sub_tit { padding-bottom: 4rem; } 

/* 회사소개 */
 .manage_wrap1 li:nth-child(1) { width: 60%; } 
 .history_wrap .swiper-slide { width: 84% !important; } 
 .his_arrow_wrap { right: 2%; width: 110px; } 
 .his_arrow_wrap > div { width: 7rem; height: 7rem; } 
 .his_arrow_wrap i { top: 34%; } 
 .intro_list .info_box h4 { font-size: 3rem; margin-bottom: 0rem; } 
 .intro_list .info_box .cir::before { width: 5px; height: 5px; top: 44%; } 
 .intro_list .info_box h5 { padding-bottom: 1rem; font-size: 2.2rem; } 
 .frame1 .container { font-size: 12px; } 
 .mission_tit h2 { padding-bottom: 3rem; } 
.mission_tit h2:before { top: -26px; left: 0; font-size: 2em; } 
 .frame1 .vision_list { display: flex; justify-content: flex-start; position: relative; padding-bottom: 100px; } 
 .frame1 .vision_list > li { width: 49%; } 
 .frame1 .vision_list > li:nth-child(3) { position: absolute; top: 61%; } 
 #company ul li .icon_box { width: 50px; height: 50px; top: -23px; } 
 #company ul li .icon_box span { width: 70px; height: 70px; } 
 .frame1 .vision_list .info_box { height: auto; padding: 10px 10px 19px 25px; } 
 .frame1 .vision_list h4 { font-size: 12px; } 
 .frame1 .vision_list p { padding-top: 10px; } 
 .frame1 .vision_list p br { display:none; } 
 #company .contain3 .mission_box { width: 90%; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
 #company .contain3 .mission_list { bottom: unset; top: 14%; } 
 #company .contain3 .mission_list li { padding-bottom: 20px; } 
 #company .content_box.box1 h2 { font-size: 1.4em; padding-bottom: 10px; } 
 #company .content_wrap { padding-top: 60px; } 
 .overview { padding: 20px 0 20px; } 
 .overview th { font-size: 13px; padding-left: 10px; width: 26%; } 
 .overview td { font-size: 12px; word-break: keep-all; } 

 #develop .spec_table table { overflow-x: scroll; min-width: 800px; } 
 .skill_wrap .skill_box ul li:before { width: 3px; height: 3px; top: 7px; } 

/* RD */
 .rd section.section1 { margin-top: 0px; } 
 .rd section .sub_box_list { padding: 10px 0; } 
.sub_box_list li::before { width: 5px; height: 5px; top: 9px; } 
 .sub_box_list li { padding-left: 15px; } 
 .sub_box_list { font-size: 16px; } 

/* CERTI */
.sub_flex .certi_box { margin: 20px 0; } 
 .sub_flex .certi_box li h4 { font-size: 13px; } 

/* HISTORY */
 .history_wrap>ul>li div.not_m { padding-left: 8px; } 
 .history_wrap>ul>li.left div.not_m span { justify-content: flex-start; } 
 .history_wrap>ul>li div.not_m span i { padding-right: 3px; padding-left: 3px; } 
 
/* 오시는 길 */
 #location .loca_info p b { min-width: 80px; } 
 #location .loca_map iframe { height: 280px; } 
 #location::before { width: 100%; height: 940px; background: url(../../img/loca_bg.jpg) no-repeat 7% 50%/cover; } 
/* 인재상 */
 .talent_list1 .info_box h4::before { top: 5rem; } 
 .talent_list1 .info_box h4 { font-size: 2.8rem; } 
 .value_box { margin-top: 0px; } 
 #management .section1 .pro_arti ul li { flex: 1 1 41%; min-height: 114px; } 
 #management .section1 .pro_arti ul li:before {height: 40px;} 
 #management .section1 .pro_arti ul li:nth-child(3) { flex: 1 1 100%; } 
 .edu_box .edu_item.item1, .edu_box .edu_item.item2, .edu_box .edu_item.item3 { width: 100%; } 
 
/* 복리후생 */
 .service_ul { margin-top: 2rem; } 
 .complaint_wrap li { width: 50%; padding: 15px; } 
.complaint_wrap li img { width: 100%; } 
 .service_ul .check_wrap { margin-top: 20px; } 
 .complaint_wrap li span::before { width: 40px; height: 40px; } 
 .complaint_wrap li span { bottom: -10px; } 
 .complaint_wrap li h4 { font-size: 15px; } 

 .complaint_wrap li .img_box { width: 90%; margin: 0 auto; } 
 /* INQUIRY */
 .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; } 
 #process .section1 .pro_arti ul li { width: 60%; } 
 #process .section1 .pro_arti ul li:nth-child(2n) { margin-left: auto; } 
 #process .section1 .pro_arti ul li .icon_box { top: 11%; } 
 .contact_wrap ul li h3 {font-size: 1.7rem;height: 60px;} 
 .contact_wrap ul li .info { padding: 2rem 1rem; } 
 }