@charset "utf-8"; /* sub_com */
.main_wrapper p { letter-spacing: 0; line-height: 1.5; } 
.sub_com { padding: 0 0 10rem; line-height: 1.5; position: relative; } 
.sub_inner_wrap { width: 94%; max-width: 1480px; margin: 0 auto; font-size: 1.6rem; position: relative; height: 100%; } 
.container { margin-bottom: 8rem; position: relative; } 
.container:last-child { padding-bottom:0; } 
.contain1.tit1 { position: relative; padding-top: 8rem; } 
.sub_tit { font-size: 3rem; padding-top: 1rem; padding-bottom: 8rem; font-weight: 500; position:relative; } 
.sub_tit::before { content:''; display:block; position:absolute; left: 0; width: 25px; height: 2px; background:var(--main-color); top: 4px; } 
.sub_com .sub_tit_60 { font-size: 6.0rem; font-weight: 700; } 
.sub_com .sub_tit_50 { font-size: 4.8rem; } 
.sub_com .sub_tit_48 { font-size: 4.8rem; } 
.sub_com .sub_tit_42 { font-size: 4.2rem; } 
.sub_com .sub_tit_36 { font-size: 3.6rem; } 
.sub_com .sub_tit_32 { font-size: 3.2rem; } 
.sub_com .sub_tit_30 { font-size: 3.0rem; font-weight: 500; } 
.sub_com .sub_tit_26 { font-size: 2.6rem; } 
.sub_com .sub_tit_24 { font-size: 2.4rem; letter-spacing: 0; } 
.sub_com .sub_tit_22 { font-size: 2.2rem; letter-spacing: 0; } 
.sub_com .sub_tit_20 { font-size: 2.0rem; line-height: 1.5; letter-spacing: 0; font-weight: 500; } 
.sub_com .sub_tit_18 { font-size: 1.8rem; } 
.tit_bar::after { content:''; display:block; position:absolute; left: 0; bottom: 0; width: 1px; height: 2rem; background: #000; } 

.sub_com .sub_tit_36.tri { padding-left: 3rem; } 
.tri { position:relative; padding-left: 4.5rem; word-break: keep-all; } 
.tri::before { content:''; display:block; position:absolute; left: 0; width: 0; height: 0; top: 0.5rem; border-bottom: 2rem solid transparent; border-right: 2rem solid var(--main-color); } 
.center { text-align: center; } 
.bor_b { border-bottom: 1px solid #dcdcdc; } 
/* sub visual */
.sub_visual_wrap { position: relative; } 
.sub_visual_box { width: 100%; height: 628px; 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_6.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: 10%; z-index: 10; } 
.sub_visual_txt h1 { color: #fff; font-size: 7.2rem; font-weight: 700; letter-spacing: 3px; } 
.sub_visual_txt h2 { color: #fff; font-size: 7.2rem; font-weight: 700; } 
.sub_visual_txt p { color: #fff; font-size: 1.1em; } 
.tit_box { text-align: center; } 
.tit_box .top_sub_tit { font-weight: 600; } 
.tit_box .tit_bar { width: 1px; display: block; margin: 3rem auto 2rem; height: 5rem; background: #dadada; position: relative; } 
.tit_box h2 { font-size: 2.6em; font-family: inherit; font-weight: 300; letter-spacing: -3px; line-height: 1.5; } 
.tit_box h2 strong { font-weight: 500; } 
.tit_box p { font-size: 3.1rem; font-weight: 400; line-height: 1.4; color: #111; } 
.tit_box2 h1 { font-weight: 500; font-size: 2.7em; font-family: 'GmarketSans'; padding-bottom: 4rem; padding-top: 6rem; } 

/* 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; font-size: 1.6rem; height: 100%; position: relative; color: #111; max-width: 800px; } 
.depth_wrap .depth_name { display: flex; justify-content: space-between; min-width: 87px; width: 100%; word-break: keep-all; font-size: 2rem; font-weight: 500; } 
.depth_wrap > div.home_btn { width: auto; position: relative; display: none; } 
.depth_wrap > div.home_btn i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2rem; height: 2rem; background:url(../img/home_icon.png) no-repeat center center/contain; } 
.depth_wrap > div.home_btn a { color: var(--main-color); font-size: 2.2rem; } 
.depth_wrap > div { padding: 0 4rem; position: relative; cursor: pointer; height: 100%; display: flex; align-items: center; width: 50%; justify-content: flex-end; } 
.depth_wrap > div.depth2::before { content:''; display:block; position:absolute; left:0; top:50%; width:1px; height: 30%; background: #11111157; background: #ffffffb3; transform:translateY(-50%); } 
.depth_wrap > div.depth3.show { display:block; } 
.depth_wrap > div:last-child { border-right: unset; } 
.depth_wrap > div .depth_name i { padding-left: 1rem; display: flex; align-items: center; font-size: 2.2rem; } 
.visual_menu_wrap { position: relative; height: 10rem; margin-left: auto; bottom: 10rem; width: 90%; background: #fff; } 
.visual_menu_wrap .com_depth { position: absolute; background: #010952eb; width: 100%; left: 50%; transform: translateX(-50%); top: 10rem; z-index: 5; overflow: hidden; } 
.visual_menu_wrap .com_depth li { padding: 0 0.1rem; } 
.visual_menu_wrap .com_depth li:first-child { padding-top: 1rem; } 
.visual_menu_wrap .com_depth li:last-child { padding-bottom:1rem; } 
.visual_menu_wrap .com_depth li:hover a { color: #fff; background: var(--main-color); } 
.visual_menu_wrap .com_depth li a { color: #fff; text-align: center; padding: 6px; font-size: 1.5rem; font-weight: 500; transition: all .2s; word-break: keep-all; } 
/* TAB MENU */
.tab_list { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; flex-direction: row; width: 100%; max-width: 800px; margin: 8rem auto 0; position: relative; } 
.tab_list a { display: flex; align-items: center; justify-content: center; } 
.tab_list div { cursor: pointer; background: #fff; color: #999; flex: 0 1 49%; font-weight: 400; transition: all .4s; text-align: center; border: 1px solid #dcdcdc; height: 6rem; display: flex; align-items: center; justify-content: center; font-size: 2rem; font-weight: 500; } 
.tab_list div:hover { color: #fff; border: 1px solid var(--main-color); background: var(--main-color); } 
.tab_content { /* display: none; */opacity: 0; } 
.tab_content.current { /* display: block; */opacity: 1; } 
.tab_list .tab_link.current { border: unset; color: #fff; background: var(--main-color); } 
.tab_list.nav-fixed { position: fixed; top: 100px; background: #fff; z-index: 10; width: 100%; margin: 0; } 
/* KOREA PLANT SUB PAGE CSS */

/* GREETING */
#greeting .contain2 { background: url(../img/company1_bg.jpg) no-repeat center center / cover; height: 500px; color: #fff; } 
#greeting .contain2 .p_wrap { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2rem; } 
#greeting .contain2 .p_wrap p { line-height: 1.8; } 
#greeting .contain2 .p_wrap p:nth-child(1) { padding-bottom: 4rem; } 
#greeting .contain3 > div .box ul { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; justify-content: space-between; } 
#greeting .contain3 > div .box ul li { display: flex; align-items: center; justify-content: flex-start; height: 20rem; box-shadow: 1px 1px 10px 0px #dcdcdc; margin-bottom: 2%; } 
#greeting .contain3 > div .box ul li .img_box { width: 40%; max-width: 20rem; display: flex; justify-content: center; align-items: center; } 
#greeting .contain3 > div .box ul li .img_box img { max-width: 6rem; } 
#greeting .contain3 > div .box ul li .info_box { flex-grow: 1; padding: 1rem; } 
#greeting .contain3 > div .box ul li .info_box > div { font-size: 1.8rem; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; color: #808080; } 
#greeting .contain3 > div .box ul li .info_box > div b { margin-right: 0.5rem; min-width: 48px; font-weight: 400; } 
#greeting .contain3 > div .box ul li .info_box > div span { flex-grow: 1; flex-basis: 0; word-break: keep-all; font-family: 'Pretendard'; } 
#greeting .contain3 > div .box ul li .info_box > div span small { font-size: inherit; margin-right: 1rem; } 
#greeting .contain3 > div .box ul li .info_box > b { font-size: 2.4rem; display: block; margin-bottom: 2rem; } 
#greeting .contain3 > div .box ul li .info_box p { font-size: 1.8rem; color: #808080; font-family: 'Pretendard'; padding-top: 1rem; padding-left: 6rem; } 
#greeting .contain3 > div .box1 li { flex: 0 1 32%; } 
#greeting .contain3 > div .box2 li { flex: 0 1 49%; } 
#greeting .contain3 > div .box3 li { width: 100%; } 

/* 경영철학 */
#mission.sub_com { padding: 0; } 
#mission .contain2 { background: url(../img/mission_bg.jpg) no-repeat center center / cover; color: #fff; height: 63rem; } 
#mission .contain2 h2 { font-size: 7.2rem; text-align: center; padding-bottom: 12rem; } 
#mission .contain2 .sub_inner_wrap { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: fit-content; } 
#mission .contain2 ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; } 
#mission .contain2 ul li { background: #ffffff2e; text-align: center; flex: 0 1 32%; padding: 5rem 0; } 
#mission .contain2 ul li .inner b { padding-bottom: 2rem; display: block; } 
#mission .contain3 { padding-top: 6rem; } 
#mission .contain3 .inner .img_box { max-width: 661px; width: 34.7%; margin: 0 auto; position: relative; } 
#mission .contain3 ul { position: absolute; top: 0; width: 100%; height: 100%; } 
#mission .contain3 ul li { width: 23%; position: absolute; } 
#mission .contain3 ul li:nth-child(1) { left: 65%; top: 1%; } 
#mission .contain3 ul li:nth-child(2) { top: 47%; left: 8%; text-align: right; } 
#mission .contain3 ul li:nth-child(3) { top: 57%; left: 69%; } 
#mission .contain3 ul li b { color: #efefef; font-size: 3rem; position: absolute; right: -6rem; top: -5rem; z-index: -1; font-size: 7rem; font-family: 'Saira'; } 
#mission .contain3 ul li:nth-child(2) b { right: unset; /* left: -2.7rem; */
 left: -12%; } 
#mission .contain3 ul li h3 { display: inline-block; position: relative; font-weight: 600; font-family: 'Pretendard'; padding-bottom: 2rem; } 
#mission .contain3 ul li p { color: #828282; } 
#mission .contain3 .inner { position: relative; } 
#mission .contain3 .inner h2 { position: absolute; font-weight: 600; top: 54%; left: 3%; width: 100%; text-align: center; } 
#mission .contain3 .inner .img_box img { width: 100%; } 
#mission .contain4 ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; } 
#mission .contain4 ul li { flex: 0 1 31%; background: #fff; border: 1px solid #dcdcdc; border-radius: 0 20px; padding: 4rem; } 
#mission .contain4 ul li b { font-weight: 600; color: var(--main-color); padding-bottom: 1rem; display: block; } 
#mission .contain4 ul li h3 { font-weight: 700; padding-bottom: 1rem; } 
#mission .contain4 ul li p { position: relative; padding-left: 1rem; color: #5b5b5b; } 
#mission .contain4 ul li p::before { content:''; display:block; position:absolute; left:0; width:2px; height:2px; background:#111; top: 1.2rem; transform: translateY(-50%); } 
#mission .contain4 h2 { font-size: 3.8rem; text-align: center; font-weight: 600; padding-bottom: 6rem; } 
#mission .container:last-child { margin-bottom: 0; background: #f6f6f6; padding: 8rem 0 12rem; } 

 /* history */
#history::before { content:''; display:block; position:absolute; left: 0; top: 0; background: url(../img/history_bg.jpg) no-repeat center center / cover; width: 100%; height: 100%; transform: scaleX(-1); } 
#history .tit_box p { color: #b1b1b1; } 
#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: -2.5%; font-size: 22rem; color: #e5e5e5; opacity: 0.2; transform: translateX(-50%); font-weight: 700; letter-spacing: -1px; margin-bottom: -40px; } 
.history_wrap .month { font-weight: 600; font-size: 1.8rem; font-family: 'Saira'; } 
.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: 8rem; } 
.history_wrap>ul>li.right div { width: 50%; margin-left: auto; padding-left: 8rem; } 
.history_wrap>ul>li.left div li { display:flex; justify-content: flex-end; flex-wrap: nowrap; flex-direction: row; } 
#history .history_wrap>ul>li.left div li a { display:flex; justify-content: flex-end; flex-wrap: nowrap; flex-direction: row; } 
#history .history_wrap>ul>li div li a { transition: all .4s; } 
#history .history_wrap>ul>li div li a:hover { color:var(--main-color) } 
.history_wrap>ul>li.left div li .month { order: 2; } 

 /* left before */
 .history_wrap>ul>li::before { display: block; content: ""; width: 6px; height: 6px; border: 4px solid #00418f; position: absolute; top: 6px; left: 50%; transform: translateX(-50%); z-index: 1; background-color: #fff; box-sizing: content-box; border-radius: 50%; } 
.history_wrap>ul>li::after { display: block; content: ""; width: 6rem; height: 2px; position: absolute; top: 12px; transform: translateX(-50%); background: #00418f6b; z-index: 1; } 
.history_wrap>ul>.left::after { right: calc(50% - 2.6rem); } 
.history_wrap>ul>.right::after { left: calc(50% + 3.6rem); } 
.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: 2.8rem; color: var(--main-color); padding-bottom: 12px; font-weight: 600; } 
.history_wrap>ul>li> div ul>li { font-size: 19px; position: relative; line-height: 1.9; font-family: 'Pretendard', sans-serif; word-break: keep-all; display: flex; } 
.history_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: 17px; right: -18px; width: 7px; height: 7px; background:var(--main-color); border-radius: 50%; } 
.history_wrap>ul>.right> div ul>li::after { content:''; display:block; position:absolute; top: 1.4rem; left: -1.8rem; width: 0.7rem; height: 0.7rem; background:var(--main-color); border-radius: 50%; } 
.history_wrap>ul>.right span { padding-right: 10px; } 
.history_wrap>ul>.left span { padding-left: 10px; } 


/* LOCATION */
#location { position: relative; } 
#location .loca_list { padding-top: 4rem; } 
#location .loca_tit { width: 32%; } 
#location .loca_info { font-size: 2rem; font-weight: 500; padding-bottom: 4rem; } 
#location .loca_info p { line-height: 1.6; } 
#location .loca_info p.number { flex-grow: 1; width: unset; } 
#location .loca_info p.number span { display: block; letter-spacing: 0; } 
#location .loca_info p.address { max-width: 1200px; /* padding-left: 20%; *//* width: 100%; */margin: 0 auto; } 
#location .loca_info p.address span { display: block; padding-bottom: 1rem; text-align: center; } 
#location .loca_info p i { font-size: 2.4rem; color: var(--main-color); 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 { padding-bottom: 5rem; } 
#location .loca_map > div { width: 100% !important; } 
#location .loca_map > div a { display: inline-block; width: auto; } 
#location .loca_map iframe { width: 100%; height: 600px; } 
#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; z-index: -1; } 
#location #map a, #location #map2 a { width:auto; } 
.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; } 

/* plant_arti */
.plant_arti h2 { margin-bottom: 6rem; } 
.plant_arti .plant_wrap { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; } 
.plant_arti .plant_wrap li { background: #dddd; flex: 0 1 32%; margin-bottom: 2%; } 

/* ORGANIZTION */
#location.organization .img_box img { max-width: fit-content; margin: 0 auto; display: block; width: 100%; } 

/* INQURIY */
#inquiry2 p.in2_p { padding-bottom: 2rem; color: #000; opacity: 0.4; } 
#inquiry2 .new_in_1 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; } 
#inquiry2 .inquiry_wrap section { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; width: calc(100% / 2 - 1rem); margin-bottom: 2rem; background: #f7f7f7; align-items: center; padding: 0.5rem 3rem; } 
#inquiry2 .inquiry_wrap section h4 { margin-right: 1rem; min-width: 94px; } 
#inquiry2 .inquiry_wrap section div { flex-grow: 1; flex-basis: 0; margin-bottom: 0; } 
#inquiry2 .inquiry_wrap section div.file_wrap { display: flex; align-content: center; align-items: center; } 
#inquiry2 .inquiry_wrap section div.file_wrap input { flex-grow: 1; flex-basis: 0; line-height: 5rem; } 
 .file_wrap input::file-selector-button { margin-right:1rem; background:#222; color:#fff; font-family:'GmarketSans'; padding:0.8rem 1.5rem; border:unset } 
#inquiry2 .inquiry_wrap section .filebox input { flex-grow: 1; flex-basis: 0; } 
#inquiry2 .inquiry_wrap section input { border: unset; padding: 0.5rem; background: unset; height: 6rem; width: 100%; outline: none; -webkit-appearance : none; -moz-appearance:none; appearance:none; color: inherit; font-weight: 400; } 
#inquiry2 .inquiry_wrap section input::placeholder { font-weight:400; color:#b7b7b7 } 
#inquiry2 input:focus,#inqruiy2 { outline:none; box-shadow:unset; border:unset !important; } 
#inquiry2 textarea:focus { outline:none; box-shadow:unset; border:unset !important; } 
#inquiry2 .width100 { width: 100% !important; } 
#inquiry2 .inquiry_wrap section textarea { border: unset; background: unset; height: 200px; width: 100%; padding: 2rem 0; } 
#inquiry2 .inquiry_wrap section div.check_wrap { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; height: 7rem; justify-content: space-between; } 
#inquiry2 .inquiry_wrap section div.check { flex-grow: unset; flex-basis: auto; border: 1px solid #6b6b6b; padding: 1rem; margin-left: 1rem; display: flex; align-items: center; cursor: pointer; } 
#inquiry2 .inquiry_wrap section div.check i { margin-left: 1rem; } 
#inquiry2 .inquiry_wrap section div.check_wrap .agree_txt { display: flex; align-content: center; flex-direction: row; align-items: center; } 
#inquiry2 .inquiry_wrap section div.check_wrap .agree_txt input { display: none; } 
#inquiry2 .inquiry_wrap section div.check_wrap .agree_txt i { margin-right: 1rem; font-size: 2rem; } 
#inquiry2 .inquiry_wrap section div.check_wrap input i { height: auto; width: auto; display: none; } 
#inquiry2 .inquiry_wrap section div.check_wrap label { display: flex; align-items: flex-start; cursor: pointer; } 
.agree_txt input[id="agree1"] + label i::before { content: "\e92c"; } 
.agree_txt input[id="agree1"]:checked + label i::before { content: "\e92b"; color: #000; } 
#inquiry2 .inquiry_wrap section.message_wrap h4 { margin-top: 2rem; } 
.btn_submit1 { border: unset; background: var(--main-color); background: #111; color: #fff; text-align: center; width: 220px; height: 60px; font-size: 18px; display: block; margin: 4rem auto; transition: all .4s; } 
.btn_submit1:hover { background:var(--main-color); } 

/* product */
#product .title { font-size: 3.4rem; font-weight: 600; padding-bottom: 3rem; } 
#product .top_box { margin-bottom: 8rem; } 
#product .left { margin-right: 4%; } 
#product .left .p_1 { font-weight: 500; } 
#product .left .p_2 { padding-top: 3rem; font-size: 2rem; font-weight: 300; } 
#product .left p { font-size: 2rem; } 
#product .right .img_box { height: 100%; } 
#product .right .img_box img { height: 100%; object-fit: contain; } 
#product .right { border: 1px solid #dcdcdc; border-radius: 10px; overflow: hidden; padding: 4rem; height: 500px; } 

#member .member_wrap { display: flex; align-items: stretch; } 
#member .member_wrap > li { background: #ffffff; border-radius: 15px; margin-bottom: 3.4rem; padding: 5rem; position: relative; background: #ededed63; } 
#member .box1 { display: flex; justify-content: space-between; } 
#member .box1 span { color: #fff; background: #86c558; width: 5rem; height: 5rem; border-radius: 10px; display: flex; justify-content: center; align-items: center; font-weight: 700; font-size: 2rem; } 
#member .icon_box { width: 9rem; height: 8rem; } 
#member .box2 { padding-bottom: 2rem; } 
#member .box2 h3 { padding-bottom: 2rem; } 
#member .box3 p { font-weight: 600; } 

.product2 #member .box1 span { background: var(--main-color); } 
.dot_list li { padding-left: 1.2rem; position: relative; display: flex; margin-bottom: 1rem; padding-bottom: 1rem; font-weight: 300; font-size: 1.7rem; border-bottom: 1px solid #dcdcdc; } 
.dot_list li:last-child { margin-bottom: 0; } 
.dot_list li::before { content:''; display:block; position:absolute; left:0; width: 4px; height: 4px; background: #666; top: 1rem; } 

.solu_wrap .pro_list > li { background: #ededed; border-radius: 10px; padding: 2rem; } 
.solu_wrap .img_box { display: block; border-radius: 10px; overflow: hidden; position: relative; } 
.solu_wrap .pro_list li h4 { height: 4rem; /* padding: 1.2rem; */font-size: 1.7rem; display: flex; align-items: center; justify-content: center; color: #fff; background: #999999; text-align: center; font-family: 'Play'; margin-top: 2rem; margin-bottom: 2rem; border-radius: 6px; flex-wrap: wrap; } 
.solu_wrap .pro_list li h4 span { display: block; padding-left: 0.5rem; /* color: #333; */color: #535353; width: 100%; } 
.solu_wrap .num_list i { color: #111; font-size: 2rem; padding-right: 1rem; } 

/* business_2 */
.culture_wrap > li { margin-bottom: 10rem; display: flex; align-items: center; } 
.culture_wrap > li .box1 { margin-right: 6%; flex: 0 0 45%; } 
.culture_wrap > li .box2 { flex: 1 0 45%; } 
.culture_wrap > li .box2 h3 { padding-bottom: 3rem; margin-bottom: 3rem; border-bottom: 1px solid #dcdcdc; position: relative; padding-left: 2.4rem; } 
.culture_wrap > li .box2 h3 span { display: block; width: 1.4rem; height: 1.4rem; background: var(--main-color); border-radius: 4px; position: absolute; left: 0; } 
.culture_wrap > li .box2 p { padding-left: 2.4rem; line-height: 1.7; } 
.culture_wrap > li.order .box1 { order: 1; margin-right: 0; margin-left: 6%; } 
.culture_wrap > li .box2 .num_list { padding-left: 2.4rem; padding-top: 2rem; } 
.culture_wrap > li .box2 .num_list li { padding: 0.5rem 0; display: flex; color: #222; font-weight: 600; } 
.culture_wrap > li .box2 .num_list li .num { padding-right: 0.8rem; } 

.fuel_wrap li { display: flex; flex-direction: column; background: var(--main-color); color: #fff; border-radius: 10px; padding: 2rem; justify-content: space-between; height: 18rem; } 
.fuel_wrap li p { text-align: right; } 


/* table */
table.table { width:100%; margin-top:30px; border-top:2px solid #222; border-bottom:1px solid #222; } 
table.table thead th { padding:20px 10px; border-bottom:1px solid #222; font-size:18px; font-weight:500; color:#333; } 
table.table.line thead th { border:1px solid #222; } 
table.table thead tr:last-child th { border-bottom:1px solid #222; } 
table.table thead th[rowspan] { border-right:1px solid #222; } 
table.table tbody th { background:#fff; border:1px solid #222; } 
table.table thead + tbody th { background:transparent; border-right-color:#e5e5e5; } 
table.table th,
table.table td { padding:15px 10px; letter-spacing:-0.5px; line-height:1.4; font-family:'Roboto', 'Noto Sans KR', '맑은 고딕', Sans-serif; word-break:keep-all; } 
table.table td small { font-size:12px; color:#666; } 
table.table th { text-align:center; font-weight:500; color:#222; } 
table.table thead + tbody tr td { text-align:center; } 
table.table tbody td { border:1px solid #e5e5e5; border-bottom-width:0px; text-align:left; } 
table.table thead tr th:last-child,
table.table tbody tr td:last-child { border-right-width:0px; } 
table.table thead tr th:first-child,
table.table tbody tr td:first-child,
table.table tbody tr th:first-child { border-left-width:0px; } 
/* table text align */
table.table.tal td,
table.table .tal { text-align:left !important; } 
table.table.tar td,
table.table .tar { text-align:right !important; } 
table.table .tac { text-align:center !important; } 
table.table .list { margin-top:0px; } 
table.table td input[type="text"],
table.table td select,
table.table td textarea { width:100%; } 


.tbl_basic { display:table; margin-bottom:10px; width:100%; border-top:3px solid var(--c_gray_90); border-bottom:1px solid transparent; border-collapse:separate; border-collapse:collapse } 
.tbl_basic th,
.tbl_basic td { margin-left:-1px; padding:12px 9px; border-left:1px solid var(--c_gray_30); border-bottom:1px solid var(--c_gray_30); vertical-align:middle; word-wrap:break-word; word-break:keep-all; color:var(--c_gray_60) } 
.tbl_basic th:first-child,
.tbl_basic td:first-child { border-left:none } 
.tbl_basic th.trw,
.tbl_basic td.trw { border-right:1px solid var(--c_gray_30)!important } 
.tbl_basic th.tlw { border-left:1px solid var(--c_gray_90)!important } 
.tbl_basic td.tlw { border-left:1px solid var(--c_gray_30)!important } 
.tbl_basic tbody th,
.tbl_basic thead th { vertical-align:middle } 
.tbl_basic tbody th,
.tbl_basic tfoot th { background-image:none } 
.tbl_basic thead th { color:var(--c_gray_90); font-weight:800; border-color:var(--c_gray_90); } 
.tbl_basic tbody th { color:var(--c_gray_90); font-weight:800; } 
.tbl_basic thead th[rowspan] { border-right:1px solid var(--c_gray_90) } 
.tbl_basic tbody th[rowspan],
.tbl_basic tbody td[rowspan] { border-right:1px solid var(--c_gray_30) } 
.tbl_basic th:last-child,
.tbl_basic td:last-child { border-right:0 !important } 
.tbl_basic td img { vertical-align:middle } 

.tbl_basic tbody tr.eventr { background:var(--c_gray_10)!important; } 
.tbl_basic tbody .prtit { color:var(--c_primary); font-weight: 600; } 

.tx_center { text-align:center; } 
.tx_right { text-align:right; } 

/* table scroll mobile */
#content .scrollTable { width:100%; } 
#content .mob_info { display:none; position:relative; width:100%; box-sizing:border-box; margin-top:10px; padding:7px 7px 7px 35px; background:#fff; border:1px dashed #cfcfcf; font-size:13px; } 
#content .mob_info:before { content:''; display:block; position:absolute; top:7px; left:7px; width:20px; height:22px; background:url(../images/common/img_drag.png) no-repeat 50% 0; background-size:100%; } 

.business3 .contain3 { background: #f3f8ff; } 
.business3 .contain3 .img_box { margin-bottom: 8rem; } 
.business3 .contain3 .sub_inner_wrap { padding-bottom: 2rem; margin-bottom: 3rem; } 
.business3 .contain3 .sub_inner_wrap .box2 { } 
.business3 .contain3 .sub_inner_wrap .box2 ul { } 
.business3 .contain3 .sub_inner_wrap .box2 ul li { display: flex; margin-bottom: 2rem; align-items: flex-start; line-height: 1.4; } 
.business3 .contain3 .sub_inner_wrap .box2 ul li b { width: 4rem; height: 4rem; border-radius: 5px; background: var(--main-color); color: #fff; font-size: 2rem; display: flex; align-items: center; justify-content: center; } 
.business3 .contain3 .sub_inner_wrap .box2 ul li span { display: block; padding-left: 2rem; font-size: 1.8rem; flex: 1; } 

 .business3 .contain3 > div.sub_inner_wrap:nth-of-type(2) { border-bottom: 1px solid #a8a8a8; } 
.business3 .contain3 > div.sub_inner_wrap:nth-of-type(3) { padding-bottom: 8rem; margin-bottom: 8rem; } 
.business3 .contain3 .box1 { margin-bottom: 1rem; } 
.business3 .contain3 .box1 h3 { font-weight: 600; padding-bottom: 2rem; } 
.business3 .contain3 .box2 { } 


/************************************* RESPONSIVE *******************************************/

@media (max-width: 1880px) { } 
@media (max-width: 1700px){
 #inquiry .inquiry_wrap { width: 87%; margin: 0 auto; } 
.write-tbl th { width: 20%; } 
 #mission .contain3 ul li h3 br { display:none; } 
 }
@media (max-width: 1360px) { /* 최소 PC */
 .sub_com .sub_tit_26 { font-size: 2.4rem; } 
 .sub_tit_72 { font-size: 6.8rem; } 
 .sub_visual_box { height: 500px; } 
 .sub_visual_txt { top: 50%; } 
 /* 경영철학 */
 .sub_com .sub_tit_36 { font-size: 3.2rem; } 
 #mission .contain3 ul li { width: 28%; } 
 #mission .contain3 ul li:nth-child(2) { left: 3%; } 
 }
@media (max-width: 1270px){
 .depth_wrap:after { left: unset; width: 100%; transform: unset; } 
 .visual_menu_wrap { bottom: 10rem; } 
 .sub_visual_box { height: 400px; } 
 .sub_visual_txt h2 { font-size: 6rem; } 
 .sub_visual_txt h1 { font-size: 6rem; } 
 /* LOCATION */
 #location .loca_info span br:first-child { display:none; } 
 /* 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: 100%; } 
.write-tbl .write-select { width: 30%; } 
.tech2 .contents1 .img_wrap>div:nth-child(2) { width: 100%; } 
#greeting .contain3 > div .box ul li .img_box { width: 28%; min-width: 14rem; } 
 #mission .contain3 ul li h3 { font-size: 2rem; } 
 #mission .contain3 ul li:nth-child(2) { top: 45%; } 
 }

@media (max-width: 1080px){
 .tb_wrap { overflow-x: scroll; } 
 .tb_wrap table { width: 180%; } 
 
 #product .title { font-size: 2.8rem; } 
 #member .member_wrap > li { padding: 3rem; } 
 #member .icon_box { height: 7rem; width: 7rem; } 
 #member .icon_box img { height: 100%; } 
 .sub_com { padding: 0 0 7rem; } 
.tit_box { padding-top: 5rem; } 
.container { margin-bottom: 5rem; } 
.sub_tit_72 { font-size: 6rem; } 
.sub_com .sub_tit_50 { font-size: 4.5rem; } 
.sub_com .sub_tit_42 { font-size: 3.8rem; } 
.sub_com .sub_tit_60 { font-size: 5.2rem; font-weight: 700; } 
.sub_com .sub_tit_48 { font-size: 3.4rem; } 
.sub_com .sub_tit_36 { font-size: 3.0rem; } 
.sub_com .sub_tit_32 { font-size: 2.6rem; } 
.sub_com .sub_tit_30 { font-size: 2.3rem; font-weight: 500; } 
.sub_com .sub_tit_24 { font-size: 1.7rem; letter-spacing: 0; } 
.sub_com .sub_tit_20 { font-size: 1.8rem; } 

/* greeting*/
#greeting .contain2 { height: 400px; } 
#greeting .contain3 > div .box ul li .img_box { min-width: 12rem; width: fit-content; } 
#greeting .contain3 > div .box2 ul { display: flex; flex-wrap: wrap; } 
#greeting .contain3 > div .box2 li { flex: 1 1 100%; } 

 /* 경영철학 */
#mission .contain2 { height: 53rem; } 
 #mission .contain2 h2 { padding-bottom: 8rem; font-size: 6.8rem; } 
 #mission .contain2 ul li { padding: 4rem 0; } 
 #mission .contain3 ul li:nth-child(1) { top: -15%; } 
 #mission .contain3 { padding-bottom: 6rem; } 
 #mission .contain3 ul li h3 { padding-bottom: 1rem; } 
 #mission .contain3 ul li:nth-child(2) b { left: 0%; } 

/* LOCATION */
#location .loca_info p.address { flex: 1 1 100%; } 
#location .loca_info span { } 

 
 

/*history */
.history_wrap::after { font-size: 19rem; bottom: -3rem; } 
 .history_wrap>ul>li.left div { padding-right: 6rem; } 
 .history_wrap>ul>li.right div { padding-left: 6rem; } 
 }

@media (max-width: 940px) { /* 경영철학 */
 #mission .contain3 .inner .img_box img { display: none; } 
 #mission .contain3 .inner h2 { position: relative; top: unset; left: unset; } 
 #mission .contain3 ul { position: relative; display: flex; justify-content: space-between; padding: 6rem 2%; flex-wrap: wrap; } 
 #mission .contain3 ul li { position: relative; padding: 2rem; text-align: center; border: 1px solid #dcdcdc; width: 32%; } 
 #mission .contain3 ul li.box b { left: 50%; transform: translateX(-50%); top: -6rem; } 
 #mission .contain3 ul li:nth-child(1) { top: unset; left: unset; } 
 #mission .contain3 ul li:nth-child(2) { top: unset; left: unset; text-align: center; } 
 #mission .contain3 ul li:nth-child(3) { top: unset; left: unset; } 
 #mission .contain3 ul li b { right: unset; left: 0; top: -7rem; color: #dcdcdc; background: #fff; font-size: 6rem; } 
 #mission .contain3 ul li h3 { padding-bottom: 2rem; padding-top: 2rem; } 
 }


@media (max-width: 768px){
 #product .left { margin-right: 0; width: 100%; margin-bottom: 2rem; } 
 #product .right { padding: 1rem; width: 100%; height: 400px; } 
 /* greeting*/
#greeting .contain2 { height: 300px; } 
#greeting .contain3 > div .box ul li .img_box { min-width: 10rem; } 
#greeting .contain3 > div .box ul li .img_box img { width: 4rem; } 
#greeting .contain3 > div .box ul li .info_box > b { font-size: 2.2rem; } 
#greeting .contain3 > div .box ul li { height: 17rem; position: relative; } 
#greeting .contain3 > div .box ul li .info_box > div span { display: flex; align-items: flex-start; } 
#greeting .contain3 > div .box ul li .info_box > div span br { display: none; } 
.tri::before { border-bottom: 1.7rem solid transparent; border-right: 1.7rem solid var(--main-color); } 
.tri { padding-left: 4rem; } 
.sub_com { padding: 0 0 6rem; } 
.sub_tit_72 { font-size: 5.6rem; } 
.sub_com .sub_tit_50 { font-size: 3.2rem; } 
.sub_com .sub_tit_36 { font-size: 2.6rem; } 
.sub_com .sub_tit_26 { font-size: 2rem; } 
.sub_com .sub_tit_22 { font-size: 2rem; } 
.sub_com .sub_tit_32 { font-size: 2.2rem; } 
.sub_com .sub_tit_30 { font-size: 1.9rem; } 
.sub_com .sub_tit_48 { font-size: 2.8rem; } 
.sub_com .sub_tit_42 { font-size: 3.1rem; } 
.sub_com .sub_tit_60 { font-size: 4.9rem; } 
.container { margin-bottom: 3rem; } 
.sub_visual_box { height: 300px; } 

.top_letter { font-size: 12rem; right: 0; } 
.pc_sub_menu .second_dep { height: 60px; width: 96%; } 
.visual_menu_wrap { height: 60px; bottom: 0; background: var(--main-color); margin: 0 auto; width: 100%; } 
.depth_wrap > div.home_btn { display: block; width: 8rem; } 
.depth_wrap > div.home_btn::after { content:''; display:block; position:absolute; right: 0; top:50%; width:1px; height: 30%; background: #11111157; background: #ffffffb3; transform:translateY(-50%); } 
.visual_menu_wrap .com_depth { top: 59px; } 
.depth_wrap .depth_name { color:#fff; font-size: 1.8rem; } 
.sub_visual_txt { top: 70%; } 
.sub_visual_txt h2 { font-size: 4.8rem; } 
.depth_wrap { font-size:1.8rem; width: 100%; margin: 0 auto; } 

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

 /* 경영철학 */
 #mission .contain2 { height: 40rem; } 
 #mission .contain2 h2 { padding-bottom: 4rem; font-size: 5rem; } 
 #mission .contain2 ul li { padding: 1rem 1rem; } 
 #mission .contain4 h2 { font-size: 3.4rem; padding-bottom: 4rem; } 
 #mission .contain4 ul li { padding: 2rem; } 

 /* LOCATION */
#location .loca_map iframe { height: 44vh; } 
 #location .loca_map > div .wrap_map { height: 40vh!important; } 
 /* INQUIRY */
#inquiry2 .inquiry_wrap section h4 { min-width: auto; } 
 }
@media (max-width: 630px){
 .sub_visual_txt h1 { font-size: 3em; } 
.depth_wrap > div { width: 50%; padding: 0 2rem; } 
.depth_wrap .depth1.dep2_none { display: none; } 

 /* 문의하기 */
#inquiry2 .inquiry_wrap section { width: 100%; } 
#inquiry2 .inquiry_wrap section div.check_wrap { width: 100%; display: flex; justify-content: flex-start; flex-direction: column; align-items: flex-start; height: 100%; } 
#inquiry2 .inquiry_wrap section div.check { padding: 0.5rem; margin: 1rem 0; } 
.agree_txt label { padding-left: 0; } 
#inquiry2 section.in_check_sec { display: flex; flex-direction: row; padding-top: 2rem; padding-bottom: 3rem; } 
#inquiry2 section.in_check_sec h4 { width: 100%; padding-bottom: 0rem; } 
 }

@media (max-width: 480px){
 .fuel_wrap li { height: 12rem; } 
 .mobile_w { } 
 .sub_visual_txt { top: 80%; } 
 .sub_visual_txt h2 { font-size: 2.8rem; } 
.sub_visual_txt h1 { font-size: 2.4em; } 
.sub_com { padding: 0 0 4rem; } 
.sub_com .sub_tit_50 { font-size: 2.6rem; } 
.sub_com .sub_tit_42 { font-size: 2.6rem; } 
.sub_com .sub_tit_36 { font-size: 2.2rem; } 
.sub_com .sub_tit_26 { font-size: 1.8rem; } 
.sub_com .sub_tit_22 { font-size: 1.8rem; line-height: 1.6; } 
.flex_4 > * { width: 48%; } 
.flex_6 > * { width: 44%; margin-right: 4%; } 
 /* top_menu */
.visual_menu_wrap { height: 44px; } 
.visual_menu_wrap .com_depth { top: 44px; } 
.visual_menu_wrap .com_depth li { width: 100%; } 
.depth_wrap > div.home_btn i { top: 48%; width: 15px; } 
.depth_wrap > div.home_btn { width: 5rem; } 
.depth_wrap { padding-right: 2rem; } 
.depth_wrap .depth_name { font-size: 1.5rem; } 
.depth_wrap > div.depth1 { width: 40%; } 
.depth_wrap > div.depth2 { width: fit-content; padding-right: 0; flex-grow: 1; } 
/* sub_visual */
.sub_visual_box { height: 220px; } 
.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: 1; } 
.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 */
.tab_list { margin: 4rem auto 0rem; } 
.tab_list div { padding: 1.2rem; height: 5.5rem; font-size: 1.8rem; } 

 /* greeting */
#greeting .contain3 > div .box ul li .info_box > b { padding-left: 44px; font-size: 1.5rem; } 
#greeting .contain3 > div .box ul { flex-wrap: wrap; } 
#greeting .contain3 > div .box1 li { flex: 1 1 100%; } 
#greeting .contain3 > div .box ul li .img_box { min-width: unset; position: absolute; top: 3rem; left: 3rem; } 
#greeting .contain3 > div .box.box1 ul li .img_box { top: 2rem; } 
#greeting .contain3 > div .box ul li .img_box img { width: 3.4rem; } 
#greeting .contain3 > div .box ul li { height: auto; padding: 2rem; } 
#greeting .contain3 > div .box.box1 ul li .info_box { } 
#greeting .contain3 > div .box1 .info_box { display: flex; align-items: baseline; flex-wrap: wrap; } 
#greeting .contain3 > div .box.box1 ul li .info_box > b { margin-bottom: 0; margin-left: 1rem; width: 100%; } 
#greeting .contain2 .p_wrap p:nth-child(1) { padding-bottom: 2rem; } 
#greeting .contain2 .p_wrap { font-size: 1.5rem; } 
#greeting .contain2 { height: 240px; position: relative; } 
#greeting .contain2::before { content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background: #11111145; } 

 /*경영철학 */
 #mission .contain2 { height: 32rem; } 
 #mission .contain2 h2 { padding-bottom: 2rem; font-size: 2.4rem; } 
 #mission .contain3 ul li { width: 100%; margin-bottom: 4rem; } 
 #mission .contain3 { padding-bottom: 0; } 
 #mission .contain3 ul li:last-child { margin-bottom:0; } 
/* HISTORY */
.history_wrap::before { left: 9.2%; } 
.history_wrap>ul { margin-left: 5%; margin-right: 4%; } 
.history_wrap>ul>li.right div { width: 100%; padding-left: 5rem; } 
.history_wrap>ul>li.left div { width: 100%; padding-right: 0; padding-left: 5rem; } 
.history_wrap>ul>li::before { left: 5%; } 
.history_wrap>ul>.right::after { left: 9%; width: 2rem; } 
.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: -1.8rem; width: 0.7rem; height: 0.7rem; top: 11px; } 
.history_wrap>ul>li ul { padding-left: 2rem; } 
.history_wrap::after { font-size: 60px; } 
#history .tit_wrap { text-align: left; padding: 30px 30px 10px; } 
.history_wrap .month { font-size: 15px; } 
.history_wrap>ul>li> div ul>li { font-size: 14px; } 
.history_wrap>ul>.right> div ul>li::after { top: 11px; width: 0.7rem; height: 0.7rem; } 


 /* 경영철학 */
 #mission .contain3 ul li.box b { font-size: 4rem; top: -4rem; } 
 #mission .contain4 ul li { padding: 2rem 4rem; flex: 1 1 100%; margin-bottom: 2rem; } 
 

/* LOCATION */
#location .loca_info p.address span { text-align: left; } 
#location .loca_map { padding-bottom: 0; } 
#location .loca_map iframe { height: 40vh; } 
#location .loca_tit { width: 100%; margin-bottom: 2rem; } 
#location .loca_info { font-size: 1.5rem; padding-bottom: 1rem; } 
.plant_arti .plant_wrap li { flex: 0 1 49%; } 
 #location .loca_map > div .wrap_map { height: 30vh !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% } 
.btn_submit1 { width: 160px; height: 50px; font-size: 15px; } 
.editor textarea { font-size: 13px; } 
.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; } 
 #greeting .contain3 > div .box ul li .info_box p { font-size: 1.5rem; } 
 #greeting .contain3 > div .box ul li .info_box > div span { font-size: 1.5rem; } 

 #product .title { font-size: 2rem; } 
 #product .title br { display:none; } 
 #product .left p { font-size: 1.6rem; } 
 #product .left .p_2 { font-size: 1.6rem; padding-top: 1rem; } 
 #product .top_box { margin-bottom: 4rem; } 
 #member .member_wrap > li { padding: 2rem; flex: 100%; margin-bottom: 2rem; margin-right: 0; } 
 .culture_wrap > li .box1 { margin-right: 0; flex: 100%; margin-bottom: 2rem; } 
 .culture_wrap > li.order .box1 { order: 0; margin-left: 0; } 
 .culture_wrap > li .box2 h3 { padding-bottom: 2rem; margin-bottom: 2rem; font-size: 2rem; } 
 .culture_wrap > li .box2 h3 span { width: 1rem; height: 1rem; border-radius: 2px; } 
 .culture_wrap > li { margin-bottom: 5rem; } 
 .business3 .contain3 .sub_inner_wrap .box2 ul li span { font-size: 1.6rem; } 
 #inquiry2 .inquiry_wrap section { padding: 0.5rem 2rem; } 
 #inquiry2 section.in_check_sec { } 
 #inquiry2 .inquiry_wrap section h4 { width: 90px; } 
 }