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

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

.flex_3 > * { width: 32%; margin-right: 2%; margin-bottom: 2%; } 
.flex_3 > *:nth-child(3n) { margin-right:0; } 

.flex_4 > * { width: 24.2%; margin-right: 1%; margin-bottom: 1%; } 
.flex_4 > *:nth-child(4n) { margin-right:0; } 

.flex_5 > * { width: 19.1%; margin-right: 1%; margin-bottom: 1%; } 
.flex_5 > *:nth-child(5n) { margin-right:0; } 

/* FONT-SIZE */
.sub_com h3 { font-size: 3rem; position: relative; margin-bottom: 3rem; line-height: 1.4; } 
.sub_com h4 { font-size:2.4rem; padding-bottom: 2rem; } 
.sub_com h5 { font-size: 2rem; padding-bottom: 2rem; } 
.sub_com p { font-size:2rem; font-weight: 300; } 
.sub_com .p1 { font-size:1.8rem; } 
.sub_com .info_box { font-size: 1.8rem; } 
.sub_com .sli_txt { position: absolute; bottom: 2.5rem; left: 50%; transform: translateX(-50%); font-size: 1.6rem; } 

.sub_com h3.line { padding-left: 7rem; } 
.sub_com h3.line::before { content:''; width: 6rem; display: block; background: var(--main-color); height: 3px; position: absolute; left: 0; bottom: 1rem; } 
.sub_com > article { margin-bottom: 15rem; position: relative; } 
.sub_com > article:first-child { margin-bottom: 10rem; } 
.sub_com > article:last-child { margin-bottom:0; } 


/* sub visual */
.sub_visual_wrap { position: relative; } 
.sub_visual_box { width: 100%; height: 68rem; overflow: hidden; position: relative; } 
.sub_page_visual { background-repeat: no-repeat; background-position: center; background-size: cover; animation: bg-active 5s; height: 100%; position: relative; } 
.sub_page_visual0 { background-image: url(../img/sub_visual_1.jpg); } 
.sub_page_visual1 { background-image: url(../img/sub_visual_1.jpg); } 
.sub_page_visual2 { background-image: url(../img/sub_visual_2.jpg); } 
.sub_page_visual3 { background-image: url(../img/sub_visual_2.jpg); } 
.sub_page_visual4 { background-image: url(../img/sub_visual_1.jpg); } 
.sub_page_visual5 { background-image: url(../img/sub_visual_5.jpg); } 
.sub_com .tit_wrap h2 { font-size: 5.0rem; font-weight: 600; position: relative; line-height: 1.2; } 
.sub_com .tit_wrap h2.tit_1, .sub_com .tit_wrap h2.bo_tit1 { text-align: center; font-weight: 600; font-size: 5rem; padding: 7rem 0 3rem; position: relative; } 
 /* 애니메이션 */
/* .sub_visual_3 { animation: bg-active 5s; } */
@keyframes bg-active { 
 0% { transform: scale(1.09); opacity: 0.9; } 
100% { transform: scale(1); opacity: 1; } 
 }
 /* sub_visual */
 .sub_visual_txt { position: absolute; width: 80%; top: 60%; left: 50%; z-index: 10; transform: translateX(-50%); } 
 .sub_visual_txt::before { content:''; display:block; position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; background: #11111180; z-index: -1; opacity: 0.6; width: calc(100% + 40px); height: calc(100% + 30px); width: 500px; display: none; } 
 .sub_visual_txt h1 { color: #fff; font-weight: 600; text-align: left; } 
 .sub_visual_txt h2 { color: #fff; font-size: 1.8rem; padding-top: 10px; font-weight: 500; line-height: 1.5; /* text-shadow: 0 0 10px #00000094; */ } 
.sub_visual_txt p { color: #fff; font-size: 1.1em; } 
.tit_box { padding-top: 10rem; padding-bottom: 4rem; text-align: center; } 
.tit_arrow_wrap { position: relative; top: 2rem; display: block; /* width: 10rem; *//* height: 10rem; *//* background: #dcdcdc; */ } 
.tit_arrow_wrap i { display: block; font-size: 3rem; /* position: absolute; *//* left: 50%; *//* transform: translateX(-50%); */animation: sub_point 0.8s infinite ease-in-out alternate; } 
.tit_arrow_wrap i:nth-child(1) { } 
.tit_arrow_wrap i:nth-child(2) { top: -1rem; position: relative; } 

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

.tit_box .tit_bar { width: 1px; height: 68px; display: block; background: var(--main-color); margin: 0 auto; transform: rotate(29deg); margin-bottom: 20px; } 
.tit_box h2 { font-size: 2.2em; font-family: inherit; font-weight: 300; letter-spacing: -3px; line-height: 1.5; } 
.tit_box h2 strong { font-weight: 500; } 
.tit_box p { padding: 40px 0; font-size: 1.24em; 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: 1540px; margin: 0 auto; width: 100%; height: 100%; } 
.depth_wrap .depth_name { display: flex; justify-content: space-between; min-width: 87px; width: 100%; word-break: keep-all; color: #fff; font-size: 2rem; } 
.depth_wrap > div.home_btn { padding-right: 0; padding-left: 0; width: 7rem; position: relative; min-width: 36px; display: none; } 
.depth_wrap > div.home_btn i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 2.6rem; } 
.depth_wrap > div.home_btn a { color: #fff; font-size: 2.2rem; } 
.depth_wrap > div.home_btn a img { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 19px; height: 19px; } 
.depth_wrap > div { padding: 0 2rem; margin-right: 1rem; position: relative; cursor: pointer; height: 100%; display: flex; align-items: center; width: 33%; color: #fff; } 
.depth_wrap > div.second_dep { /* max-width: 400px; */min-width: 200px; width: 27rem; } 
.depth_wrap > div.second_dep.depth2 { position: relative; } 
.depth_wrap > div.second_dep.depth2::after { content:''; display:block; } 
.depth_wrap > div.second_dep.depth1 { display: none; } 
.depth_wrap > div.depth3 { width: 100%; } 
.depth_wrap > div.depth3 .depth_name { display: none; } 
.sub_depth3 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; font-size: 2rem; width: 100%; } 
.sub_depth3 li { color: #fff; text-align: center; padding: 0 4rem; opacity: 0.8; } 
.sub_depth3 li.on { opacity:1 } 
.depth_wrap > div.menu_2 { width: 100%; max-width: 100%; display:none; border-right: unset; } 
.depth_wrap > div.menu_2.none { display:none; } 
.depth_wrap > div.menu_2.block { display:flex; align-items: center; justify-content: center; align-content: center; } 
.depth_wrap > div.menu_2 .get_menu { display: flex; font-size: 1.8rem; justify-content: space-between; width: 100%; align-items: center; } 
.depth_wrap > div.menu_2 .get_menu li a { display: flex; justify-content: center; align-items: center; font-family: 'Pretendard'; text-align: center; } 
.depth_wrap > div.home_btn::before { content:''; display:block; display: none; position: absolute; left:0; width: 1px; height: 40px; background:#dcdcdc; } 
.depth_wrap > div::after { content:''; display:none; position: absolute; right: -2rem; width: 1px; height: 40px; background:#dcdcdc; } 
.depth_wrap > div.depth3.show { display:block; } 
.depth_wrap > div .depth_name i { padding-left: 10px; display: flex; align-items: center; font-size: 2.6rem; } 
.visual_menu_wrap { position: absolute; height: 70px; top: calc(68rem - 16%); left: 50%; z-index: 500; width: 82%; transform: translateX(-50%); } 
.visual_menu_wrap::before { content:''; position:absolute; left:0; bottom:0; height: 70px; background: #fff; width: calc((100% - 1400px) / 2); display: none; } 
.visual_menu_wrap .com_depth { position: absolute; border: 1px solid #009d0f57; width: calc(100% + 3px); left: 50%; transform: translateX(-50%); top: 69px; z-index: 100; background: #fff; border-radius: 10px; overflow: hidden; padding: 1rem 0; display: none; } 
.visual_menu_wrap .com_depth li a { padding: 1rem 2rem; font-size: 1.6rem; color: #525252; } 
.visual_menu_wrap .com_depth li:hover a { color: var(--main-color); } 


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

/* TAB MENU */
.tab_list { display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; flex-direction: row; border-bottom: 1px solid #dcdcdc; margin: 0px auto 6rem; position: relative; } 
.tab_list div { cursor: pointer; background: #fff; color: #2d2d2d; height: 7rem; font-size: 2.2rem; transition: all .4s; line-height: 70px; width: fit-content; /* max-width: 240px; */padding-right: 8rem; } 
.tab_list div:first-child { margin-right: 7px; } 
.tab_list div:hover { color: var(--main-color); border: unset; } 
.tab_content { display: none; } 
.tab_content.current { display: block; } 
.tab_list .tab_link.current { border: unset; color: #0655b4; } 
.tab_list.nav-fixed { position: fixed; top: 100px; background: #fff; z-index: 10; width: 100%; margin: 0; left: 0; } 

.fit_img img { max-width: fit-content; display: block; margin: 0 auto; } 


/* 누리청정 */
.sub_com .pro_tit1 { font-size: 3.8rem; margin-bottom: 6rem; } 
.product_info1 { display: flex; align-items: stretch; } 
.product_info1 > .img_box { width: 45%; flex: 1 0 46%; border: 1px solid #dcdcdc; margin-right: 6%; } 
.product_info1 > .img_box .proSwiper { } 
.product_info1 > .img_box .swiper-slide { padding: 4rem 0; } 
.product_info1 > .img_box .swiper-slide img { display: block; margin: 0 auto; max-width: fit-content; width: 100%; } 
.sub_com div.center { display: flex; justify-content: center; align-items: center; } 
.sub_com .info_box .box { margin-bottom: 4rem; font-size: 2rem; } 
.sub_com .info_box .box2 { margin-bottom:0; } 
.sub_com .info_box .box3 { padding: 3rem; background: #ededed66; } 
.sub_com .info_box small { font-size: 1.7rem; padding-top: 2rem; display: block; padding-left: 1rem; text-indent: -1rem; font-weight: 300; } 
.product_info1 > .info_box .box h3 { /* font-size: 3.4rem; *//* margin-bottom: 2rem; */ } 
.list li { position: relative; padding-left: 1.5rem; font-weight: 300; } 
.list li b { margin-right: 1rem; font-weight: 400; } 
.list.dot li::before { content:''; display:block; position:absolute; left:0; top: 1.4rem; width: 3px; height: 3px; background: #222; border-radius: 50%; } 
.sw_arrow { position: absolute; top: 50%; transform: translateY(-50%); font-size: 5rem; z-index: 2; cursor: pointer; } 
.sw_arrow.prev_arrow { } 
.sw_arrow.next_arrow { right: 0; } 
.pro_flex_1 { width: 80%; margin: 0 auto; } 
.pro_flex_1 img { height: 24rem; max-width: fit-content; } 
.pro_flex_1 .img_box { margin-bottom: 2rem; } 
.pro_flex_1 .box { } 
.pro_flex_1 .list li { font-size: 2rem; display: inline-block; } 
.pro_bg { color: #fff; text-align: center; padding: 8rem; } 
.pro_bg1 { background: url(../img/pro_info_bg1.jpg); } 
.pro_bg .img_box { margin-bottom: 6rem; } 
.apply_wrap { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } 
.apply_wrap li { flex: 0 0 24%; margin-bottom: 1.5%; position: relative; overflow: hidden; border-radius: 20px; } 
.apply_wrap li .info_box { position: absolute; color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; text-align: center; } 
.apply_wrap li .info_box h4 { padding-bottom: 0; } 
.sub_com .container .order { } 
.sub_com .container .order > div:nth-child(1) { order: 2; margin-right: 0; } 
.sub_com .container .order > div:nth-child(2) { order: 1; margin-right: 4%; } 
.youtube_box iframe { display: block; margin: 0 auto; width: 100%; } 
/* frag_wrap */
.frag_wrap { width: 80%; margin: 0 auto; } 
.frag_wrap li { margin: 0 1rem 3rem; } 
.frag_wrap li .img_box { border-radius: 50%; overflow: hidden; } 
.frag_wrap li h4 { font-size: 1.8rem; margin-top: 1rem; } 
/* about */
#about .contain2 { height: 1000px; } 
#about .inner { width: 80%; margin-left: auto; position: relative; } 
#about .about_tit { } 
#about .about_tit h3 { font-size: 5.2rem; line-height: 1.2; font-weight: 500; } 
#about .about_tit h3 b { letter-spacing: -4px; } 
#about .inner .box2 { width: 70%; background: #fbfbfba8; padding: 8rem 12rem 10rem; position: absolute; top: 60%; left: -12rem; } 
#about .inner .box2 .info_box { } 
#about .inner .box2 .info_box p { padding-bottom: 3rem; } 
#about .inner .box2 strong { font-size: 2.6rem; margin-top: 2rem; display: block; } 


/* LOCATION */
#location { } 
#location .loca_tit { text-align: center; margin-bottom: 4rem; } 
#location .loca_info { width: fit-content; margin: 0 auto; margin-bottom: 8rem; } 
#location .loca_info i { padding-right: 1rem; color: var(--main-color); } 
#location .loca_info p { padding-bottom: 1rem; } 
#location .loca_map { /* height: 500px; */width: 100%; } 
#location .loca_map .root_daum_roughmap_landing { width: 100% !important; } 
#location .loca_map a { display: inline-block; width: inherit; } 

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

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

/* INQUIRY */
.inquiry_style1 h3 { font-size: 22px; font-weight: 400; padding-bottom: 5px; padding-top: 20px; } 
.inquiry_style1 .inquiry_tbl_style1_icon { color: var(--main-color); font-size: 17px; } 
.editor textarea { width: 100%; height: 150px; border: 1px solid #ddd; padding: 20px; font-size: 15px; font-weight: 100; color: #222; display: block; font-family: 'Noto Sans KR', sans-serif; } 
#inquiry .agree_txt { background: #eee; padding: 10px; font-size: 16px; } 
.inquiry_tbl_style1_con .write_input { border: 1px solid #ddd; padding: 15px 15px 15px 20px; font-size: 15px; font-weight: 500; color: #444; font-family: 'Noto Sans KR',sans-serif; } 
.write_input.wr_wid_100 { width: 40%; } 
.inquiry_para { margin-top:20px } 
.inquiry_tbl_style1_flex { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.tbl_style1_item { width: 32%; } 
.tbl_style1_item .write_input { width: 100%; } 
.cm_btn_controls { margin: 40px 0; } 
.btn_submit1 { border: unset; background: var(--main-color); 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); } 
.sub_ex.inquiry_num h3 { font-size: 24px; font-weight: bold; } 
.sub_com .sub_com_section .sub_ex.inquiry_num p { font-size: 19px; font-weight: 500; } 
 .write-tbl td.flex_div_3 { display: flex; flex-direction: row; justify-content: space-between; } 
/* inquriy2 */
#inquiry2 { } 
#inquiry2 p.in2_p { padding-bottom: 2rem; color: #000; opacity: 0.4; } 
#inquiry2 .inquiry_wrap { } 
#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; font-size: 1.7rem; padding-bottom: 0; } 
#inquiry2 .inquiry_wrap section div { flex-grow: 1; flex-basis: 0; margin-bottom: 0; } 
#inquiry2 .inquiry_wrap section div.file_wrap { display: flex; align-content: center; align-items: center; } 
#inquiry2 .inquiry_wrap section .filebox input { flex-grow: 1; flex-basis: 0; } 
#inquiry2 .inquiry_wrap section input { border: unset; padding: 0.5rem; background: unset; height: 6rem; width: 100%; outline: none; -webkit-appearance : none; -moz-appearance:none; appearance:none; color: #b7b7b7; 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; } 
.file_wrap input::file-selector-button { margin-right:1rem; background:#222; color:#fff; font-family:'GmarketSans'; padding:1rem; border:unset } 
#inquiry2 .inquiry_wrap section div.file_wrap input { height: 100%; margin: 0.5rem; } 

/* partnership */
.frame_wrap2 ul { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; overflow: unset; } 
.frame_wrap2 ul li { flex: 0 1 47%; margin-bottom: 6em; box-shadow: 0px 0px 11px 2px #dcdcdc78; padding: 4rem; border-radius: 17px; } 
.frame_wrap2 ul li .top_box { position: relative; padding-left: 3%; } 
.frame_wrap2 ul li .top_box::before { content: ''; display: block; position: absolute; left: 0; top: 53%; transform: translateY(-50%); width: 2px; height: 90%; background: var(--main-color); } 
.frame_wrap2 ul li .top_box b { font-size: 1.4em; font-weight: 500; } 
.frame_wrap2 ul li .top_box p { font-size: 2rem; line-height: 1; font-weight: 500; } 
.frame_wrap2 ul li .img_box { margin: 6rem 0 5rem; } 
.frame_wrap2 ul li .info_box { border-top: 1px solid var(--main-color); padding-top: 3rem; } 
.frame_wrap2 ul li .info_box p { font-size: 1.22em; } 

/* RESPONSIVE */

@media (max-width: 1700px) { /* COMPANY */
.write-tbl th { width: 20%; } 
 }
 @media (max-width: 1430px){
 .depth_wrap > div.home_btn::before { display:none; } 
 .sub_com { width: 96%; margin: 0 auto; } 
 }
@media (max-width: 1360px){
 .depth_wrap > div.menu_2 { padding: 0; } 
 }
@media (max-width: 1300px){
 .tab_list { width: 90%; } 
#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%; } 

 .depth_wrap > div.depth3 .depth_name { display: flex; } 
 .depth_wrap > div.depth3 { width: 27rem; margin-left: 3rem; } 
 .sub_depth3 li { width: 100%; text-align: left; padding: 0; } 
 }

@media (max-width: 1080px){
 .depth_wrap > div.menu_2 { display: none; } 
 .depth_wrap > div:nth-child(3) { display: flex; } 
 .sub_visual_txt { width: 90%; } 
 .visual_menu_wrap { width: 93%; } 
 .sub_visual_box { height: 50rem; } 
 .visual_menu_wrap { top: calc(50rem - 16%); } 
 .pc_sub_menu .com_depth li a { font-size: 17px; } 
 .tab_list div { font-size: 16px } 
 .tit_box { padding-top: 8rem; } 
 .iframe_box iframe { height: 580px; } 
 .sub_com > article:first-child { margin-bottom: 2rem; } 
 /* */
/* INQUIRY */
 .contact_box { width: 48%; } 
 .contents_wrap > div { margin-bottom: 4%; } 
 .contact_box.box1 { width: 100%; } 
 /* ABOUT */
 #about .inner { width: 84%; } 
 #about .about_tit h3 { font-size: 4.4rem; line-height: 1.4; } 
 #about .inner .box2 { width: 94%; top: 70%; } 
 #about .about_tit h3 b { letter-spacing: -2px; } 
 /* PRODUCT */
 .sub_com h3 { font-size: 2.6rem; margin-bottom: 2rem; } 
 .sub_com .info_box .box { margin-bottom: 3rem; } 
 .frag_wrap { width: 100%; } 
 .frag_wrap li { width: 20%; } 
 .sub_com .pro_tit1 { font-size: 2.8rem; } 
 }
@media (max-width: 768px){
 .flex_3 > * { width: 48%; } 
 .flex_3 > *:nth-child(3n) { margin-right: 2%; } 
 .flex_3.no_flex { display: flex; justify-content: space-between; } 
 .flex_3.no_flex > * { width: 32%; } 
 .flex_3.no_flex > *:nth-child(3n) { margin-right: 0; } 
.flex_4 > * { width: 49%; margin-right: 2%; margin-bottom: 2%; } 
.flex_4 > *:nth-child(2n) { margin-right:0; } 
 
 .sub_com { padding: 0 0 40px; width: 94%; } 
 .visual_menu_wrap .com_depth { top: 54px; } 

 .pc_sub_menu .second_dep { height: 60px; width: 96%; } 
 .pc_sub_menu .com_depth li { line-height: 60px; } 
 .tab_list { margin: 20px auto; } 
 .sub_visual_txt { top: 53%; right: unset; left: 51%; } 
 .depth_wrap > div { width: 44%; font-size: 12px; padding: 0 1.5rem; } 
 .depth_wrap .depth1.dep2_none { display: none; } 
 /* .depth_wrap .depth3 { display: none; } */

 .sub_visual_box { height: 40rem; } 
 .visual_menu_wrap { top: calc(40rem - 16%); } 

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

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

 /* CERTI */
 .certi_wrap li { margin-bottom: 5%; margin-right: 3%; width: 48%; } 

 /* PRODUCT */
 .sub_com > article { margin-bottom: 7rem; } 
 .sub_com > article::after { content:''; display:block; position:absolute; bottom: -5rem; width:100%; height:1px; /* background: #dcdcdc94; */ } 
 .sub_com > article.contain2 .flex_2 .img_box { order: 1; } 
 .sub_com > article.contain2 .flex_2 .info_box { order: 2; } 
 .sub_com h3 { font-size: 2.6rem; margin-bottom: 2rem; } 
 .sub_com .flex_2 > div { flex: 0 0 90%; margin: 0 auto; } 
 .sub_com .flex_2 > div.img_box img { width: 90%; padding: 2rem 0; } 
 .sub_com .flex_2 > div.img_box { margin-bottom: 4rem; order: 1; } 
 .sub_com .container .order > div:nth-child(2) { margin: 0 auto; } 
 .sub_com .container .order > div:nth-child(1) { margin: 0 auto; padding-bottom: 2rem; } 
 .youtube_box iframe { height: 320px; } 
 .sub_com > article:not(.contain2) .info_box h3 { position: relative; padding-left: 1.7rem; } 
 .sub_com > article:not(.contain2) .info_box h3::before { content:''; display:block; position:absolute; left:0; top: 0rem; background: var(--sub-color); width: 0.8rem; height: 0.8rem; } 
.sub_com .pro_tit1 { font-size: 2.4rem; margin-bottom: 4rem; } 
.pro_btn a { margin: 0 auto; } 
 .sub_com .pro_flex_1 .box1 { margin-bottom: 4rem; } 
 .flex_5 > * { width: 29%; } 
 .pro_flex_1 img { height: auto; } 
 .apply_wrap { display: flex; justify-content: space-between; } .apply_wrap::after { content: ""; flex: auto; } 
 .apply_wrap li { flex: 0 0 32%; width: unset; margin-right: 2%; } 
 .apply_wrap li:nth-child(3n) { margin-right: 0; } 
 .apply_wrap li:last-child { /* margin-left: 2%; */ } 
 #fresh_wave1 .contain3 .pro_flex_1 { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; } 

 /* partner */
 .frame_wrap2 ul li { margin-bottom: 5rem; padding: 3rem; } 
 .frame_wrap2 ul li .top_box::before { top: 48%; } 
 .frame_wrap2 ul li .top_box p { padding-left: 0.6rem; } 
 }
@media (max-width: 680px){
 .m_none { display: none; } 
 .depth_wrap > div.depth2::after { opacity: 0; } 
 }
@media (max-width: 480px){
 .sub_com h3 { font-size: 2.2rem; } 
 .sub_com h4 { font-size: 2rem; } 
 .sub_com > article { margin-bottom: 4rem; } 
 .sub_com p { font-size: 1.8rem; } 
 .depth_wrap > div.second_dep { flex: 1 0 40%; min-width: unset; margin-left: 0; padding-left: 1.5rem; } 
 .depth_wrap > div.second_dep.depth3::before { content:''; display:block; position:absolute; left: -0.5rem; width:1px; height:90%; background: #ffffff66; } 
 .depth_wrap > div.second_dep:last-child { margin-right:0; } 
 .depth_wrap > div.second_dep:last-child::after { display:none; } 
 .visual_menu_wrap { top: 286px; width: 100%; height: 42px; background: #002d148c; } 
 .depth_wrap .depth_name { font-size: 1.8rem; } 
 .visual_menu_wrap .com_depth { top: 42px; width: 98%; } 
 /* ABOUT */
 #about .inner { width: 90%; } 
 #about .about_tit h3 { font-size: 3rem; } 
 #about .inner .box2 { width: 100%; left: -6rem; padding: 6rem 4rem; top: 83%; } 
 #about .inner .box2 strong { font-size: 2.2rem; margin-top: 1rem; } 
 #about .contain2 { height: 790px; } 

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

 /* PRODUCT */
 .youtube_box iframe { height: 240px; } 
 .sub_com .flex_2 > div { flex: 0 0 94%; } 
 /* .sub_com .flex_2 > div.img_box img { width: 100%; padding: 0; } */
 .sub_com .flex_2 > div.img_box img { width: 100%; padding: 0; } 
.sub_com .info_box .box3 { padding: 2rem; } 
 .list li { font-size: 1.8rem; word-break: keep-all; } 
 .pro_btn a { margin: 3rem auto; max-width: 180px; padding: 1.5rem; } 
 .frag_wrap li { margin: 0 1rem 1rem; width: 24%; } 
 .frag_wrap li h4 { font-size: 1.6rem; } 
 .sub_com .pro_tit1 { font-size: 2.4rem; margin-bottom: 2rem; } 
 .product_info1 > .img_box .swiper-slide { padding: 0; } 
 .pro_bg { padding: 4rem 2rem; } 
.pro_bg .img_box { margin-bottom: 3rem; } 
 .pro_bg img { width: 70px; } 
 .apply_wrap li { flex: 0 0 49%; margin-left: 0; } 
 .apply_wrap li:nth-child(2n) { margin-right:0; } 
 .pro_flex_1 { width: 100%; } 
 .pro_flex_1 .list li { font-size: 1.8rem; } 
 .depth_wrap > div { margin-right:0; } 
 /* 세로가 긴 이미지에서만 height값 줌 클래스 length */
#fresh_wave1 div.length img { height: 300px; } 
 /* partner */
 .frame_wrap2 ul li { margin-bottom: 3rem; padding: 3rem 2rem; } 
 .frame_wrap2 ul li .top_box::before { top: 48%; } 
 .frame_wrap2 ul li .top_box p { padding-left: 0.6rem; } 
 }