@charset "utf-8"; .spec_info_wrap ul.list_2 { height:auto; } 
/* list popup */
.layer .pop-layer .pop-conts img { max-height: 600px; max-width: 800px; } 
.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; 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: 3.6rem; font-weight: 700; } 
.sub_com h5 { font-size: 2rem; padding-bottom: 2rem; } 
.sub_com p { font-size: 1.8rem; 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 { position: relative; margin-bottom: 10rem; } 
.sub_com > article:first-child { margin-bottom: 1rem; } 
.sub_com > article:last-child { margin-bottom:0; } 


/* sub visual */
.sub_visual_wrap { position: relative; } 
.sub_visual_box { width: 100%; height: 52.5rem; 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_4.jpg); } 
.sub_page_visual4.visu4_2 { background-image: url(../img/sub_visu_edu.jpg); } 
.sub_page_visual5 { background-image: url(../img/sub_visual_5.jpg); } 
.sub_page_visual5.visu5_2 { background-image: url(../img/sub_visu_nano.jpg); } 
.sub_page_visual6 { background-image: url(../img/sub_visual_6.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%; max-width: 1300px; bottom: 14rem; 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 { letter-spacing: -2px; text-align: center; } 
.tit_box > h1 { font-weight: 700; } 
.tit_box { padding-top: 10rem; padding-bottom: 6rem; text-align: center; letter-spacing: -1px; } 
.tit_box span { font-size: 2.4rem; color: #666; position: relative; font-weight: 600; top: 1rem; } 
.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: 1300px; 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; font-size: 1.8rem; } 
.depth_wrap .depth_name > span { position: relative; top: 2px; } 
.depth_wrap > div.home_btn { padding-right: 0; padding-left: 0; width: 7rem; position: relative; border-left: 1px solid #dcdcdc; } 
.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; } 
.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; position: relative; cursor: pointer; height: 100%; display: flex; align-items: center; width: 33%; color: inherit; border-right: 1px solid #dcdcdc; } 
.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.depth3.show { display:block; } 
.depth_wrap > div .depth_name i { padding-left: 10px; display: flex; align-items: center; font-size: 2.2rem; } 
.visual_menu_wrap { position: absolute; height: 7rem; bottom: 0; left: 50%; z-index: 500; width: 100%; transform: translateX(-50%); background: #fff; color: #222; border-bottom: 1px solid #dcdcdc; } 
.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; background: #650404; background: #fff; border: 1px solid #dcdcdc; width: 100%; left: 50%; transform: translateX(-50%); top: 7rem; z-index: 100; /* border-radius: 10px; */overflow: hidden; display: none; border-radius: 0 0 2rem 2rem; } 
.visual_menu_wrap .com_depth li { transition: all .2s; } 
.visual_menu_wrap .com_depth li:hover { background: var(--main-color); } 
.visual_menu_wrap .com_depth li a { padding: 1.3rem 2rem; /* color: #ffff; */ } 
.visual_menu_wrap .com_depth li:hover a { color: #fff; } 


/* 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; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 8rem; } 
.tab_list li,.tab_list div { height: 7rem; transition: all .3s; cursor: pointer; display:inline-block; border-radius: 50px; overflow: hidden; flex: 0 0 24%; margin-right: 1.3%; border: 2px solid #dcdcdcb5; } 

.tab_list li:last-child { margin-right:0; } 
.tab_list li a { display:block; border-left: unset; font-size: 1.8rem; word-break: keep-all; color: #666; display: flex; align-items: center; justify-content: center; transition: all .2s; border-radius: 50px; border: 2px solid #dcdcdcb5; } 
.tab_list div span { display:block; border-left: unset; font-size: 1.8rem; word-break: keep-all; color: #666; height: 7rem; display: flex; align-items: center; justify-content: center; transition: all .2s; border-radius: 50px; } 

.tab_list div:hover { border: 2px solid var(--main-color); } 
.tab_list div:hover span { color: var(--main-color); } 
.tab_list .tab_link.current { color: var(--main-color); border: 2px solid var(--main-color); } 
.tab_list .tab_link.current span { color: var(--main-color); } 
.tab_list.nav-fixed { position: fixed; top: 100px; background: #fff; z-index: 10; width: 100%; margin: 0; left: 0; } 
.tab_content { display: none; } 
.tab_content.current { display: block; } 
.youtube_wrap { margin-top: 7rem; } 
 #bo_cate_ul.tab_list li { border: unset; } 

/* 진우테크 */ 
.p_wrap p { margin-bottom: 4rem; font-size: 2rem; } 
.p_wrap p:last-child { margin-bottom:0; } 

/* about - 인사말 */
#about .p_wrap { color: #444; } 
#about .contain2::after { content:''; display:block; position:absolute; left:0; bottom: -24%; background:url(../img/greeting_bg.png) no-repeat center center/cover; width:100%; height: 580px; } 
#about .contain2 .flex_box { display: flex; align-items: flex-start; } 
#about .contain2 .box1 { border-right: 1px solid #111; padding-right: 4%; } 
#about .contain2 .box1 h4 { font-size: 3.6rem; line-height: 1.3; font-weight: 300; } 
#about .contain2 .box2 { flex-grow: 1; flex-basis: 0; margin-left: 6%; } 
.sign_wrap { display: flex; justify-content: flex-end; align-items: center; margin-top: 4rem; } 
.sign_wrap p { margin-right: 2rem; } 
/* about - 가치관 */
.worth_wrap .flex_box { display: flex; align-items: center; } 
.worth_wrap .flex_box li { box-shadow: 1px 1px 9px 3px #dcdcdcb5; border-radius: 2rem; padding: 4rem; color: #666; font-size: 1.8rem; width: 29%; transition: all .3s; border: 3px solid #dddddd00; } 
.worth_wrap .flex_box li:hover { border:3px solid var(--main-color); } 
.worth_wrap .flex_box li:hover .inner .img_box img.color { opacity: 1; } 
.worth_wrap .flex_box li .inner h4 { font-size: 2.4rem; margin-bottom: 1rem; } 
.worth_wrap .flex_box li .inner p { min-height: 5.4rem; display: flex; /* justify-content: center; */justify-content: flex-start; align-items: center; } 
.worth_wrap .flex_box li .inner .img_box { max-width: 5.7rem; margin-top: 2rem; margin-bottom: 4rem; position: relative; width: 100%; height: 6rem; } 
.worth_wrap .flex_box li .inner .img_box img { position: absolute; left: 0; top: 0; display: block; height: auto; } 
.worth_wrap .flex_box li .inner .img_box img.color { opacity: 0; transition: all .3s; } 
.worth_wrap .flex_box li:nth-of-type(2) .img_box { max-width: 6.5rem; } 

/* about - 연혁 */
.histrory_wide_wrap h4 { font-weight: 300; line-height: 1.3; } 
.histrory_wide_wrap h4 b { display: block; } 
.histrory_wide_wrap { margin-left: 16%; } 
.history_wrap { position: relative; } 
.history_slider_wrap { position: relative; padding-top: 10rem; } 
#company .contain7 { margin-left: 14%; } 
.history_slider_wrap::after { width: 100%; text-align: center; content: "SINCE 1998"; display: block; position: absolute; left: 23%; font-size: 13.4rem; color: #e5e5e5; opacity: 0.2; top: -6%; transform: translateX(-50%); font-weight: 700; letter-spacing: -1px; margin-bottom: -40px; 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: 6rem; color: #999; font-weight: 700; padding-top: 4rem; padding-bottom: 6rem; position: relative; display: inline-block; /* text-shadow: -1px 0 #444, 0 1px #444, 1px 0 #444, 0 -1px #444; */letter-spacing: -2px; } 
.history_wrap ul li { color: #808080; font-size: 1.8rem; padding: 0.5rem 3rem 0.5rem 0; display: flex; word-break: keep-all; } 
.history_wrap .swiper-slide-active h4 { color: #111; /* font-style: italic; *//* text-shadow: -1px 0 var(--main-color), 0 1px var(--main-color), 1px 0 var(--main-color), 0 -1px var(--main-color); */ } 
.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; } 
.swiper-slide-active .history_sec h4::before { display: block; content: ""; width: 24px; height: 24px; border: 1px dotted var(--main-color); 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-color); } 
.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: 0; right: 20%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; z-index: 5; width: 15rem; } 
.his_arrow_wrap > div { width: 7rem; height: 7rem; border: 1px solid #777; border-radius: 50%; position: relative; cursor: pointer; transition: all .3s; } 
.his_arrow_wrap > div:hover { border:1px solid var(--main-color); } 
.his_arrow_wrap > div:hover i { color:var(--main-color); } 
.his_arrow_wrap .his_arrow_next { margin-right: 0%; } 
.his_arrow_wrap i { position: absolute; top: 30%; left: 25%; font-size: 3rem; color: #777; transition: all .3s; } 
.his_arrow_wrap .his_arrow_next i { transform: rotate(90deg) translate(0%, 0%); left: 31%; } 
.his_arrow_wrap .his_arrow_prev i { transform: rotate(-90deg); } 

#about .contain5 .info_box .box { display: flex; padding-bottom: 4rem; margin-bottom: 8rem; border-bottom: 1px solid #dcdcdc; } 
#about .contain5 .info_box .box:last-child { margin-bottom: 0; border-bottom: 0; padding-bottom: 0; } 
#about .contain5 .info_box .box h4 { width: 30%; } 
#about .contain5 .info_box .box .box_info { /* flex-grow: 1; */width: 86%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: space-between; } 
#about .contain5 article.list_1 { padding: 4rem; box-shadow: 0px 1px 16px 8px #dcdcdc54; } 
article.list_1 { flex: 0 1 48%; margin-bottom: 4rem; border-radius: 2rem; } 
#about .contain5 article.list_1:last-child { margin-bottom: 4rem; } 
article.list_1:last-child { margin-bottom: 0; } 
article.list_1 h5 { font-size: 2.4rem; padding-left: 2rem; position: relative; padding-bottom: 1rem; } 
article.list_1 h5::before { content:''; display:block; position:absolute; left:0; top: 1.4rem; width: 0.6rem; height: 0.6rem; background:#111; border-radius:50%; } 
article ul.list_2 { color: #666; font-weight: 300; margin-left: 2rem; } 
article ul.list_2 li { padding-left: 1.4rem; position: relative; margin: 0.7rem 0; line-height: 1.4; } 
article ul.list_2 li::before { content:''; display:block; position:absolute; width: 0.2rem; height: 0.2rem; background: #222; top: 1.2rem; left: 0; } 

/* LOCATION */
#location .loca_map { border-radius: 2rem; overflow: hidden; margin-bottom: 4rem; } 
#location .loca_map iframe { height: 470px; display: block; } 
#location .loca_info .loca_box.box1 { display: flex; justify-content: space-between; margin-bottom: 3rem; padding-bottom: 2rem; border-bottom: 1px solid #dcdcdc; } 
#location .loca_info .loca_box .link_wrap { display: flex; } 
#location .loca_info .loca_box .link_wrap li:last-child { margin-right: 0; } 
#location .loca_info .loca_box .link_wrap li a { display: flex; align-items: center; } 
#location .loca_info .loca_box .link_wrap li span { width: 28px; height: 29px; display: inline-block; margin-left: 1rem; margin-right: 2rem; } 
#location .loca_info .loca_box .link_wrap li:nth-child(1) span { background: url(../img/map_icon_1.png) no-repeat center center /contain; } 
#location .loca_info .loca_box .link_wrap li:nth-child(2) span { background: url(../img/map_icon_2.png) no-repeat center center /contain; } 
#location .loca_info .loca_box .link_wrap li:nth-child(3) span { background: url(../img/map_icon_3.png) no-repeat center center /contain; margin-right: 0; } 
#location .loca_info .loca_box.box2 ul li { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; font-size: 2rem; padding-bottom: 1rem; } 
#location .loca_info .loca_box.box2 ul li b { width: 10%; } 
#location .loca_info .loca_box.box2 ul li span { color: #777; flex-grow: 1; } 

/* 지역대리점 */
#local .table_wrap { border-radius: 20px; overflow: hidden; border: 1px solid #dcdcdc; } 
.table_wrap table { border-collapse: collapse; text-align: center; width: 100%; } 
.table_wrap table tr, .table_wrap table td { border: 1px solid #dcdcdc; font-size: 1.8rem; padding: 1rem; color: #444; word-break: keep-all; } 
.table_wrap table thead { background: #dcdcdc45; /* border-top: 2px solid #4d4d4d; */ } 
.table_wrap table thead td { color: #111; font-weight: 600; } 

/* 시편전처리센터 - 1 */
#center #tab_1 .flex_box { } 
#center .intro .info_box { padding-bottom: 0; } 
#center .intro article ul.list_2 li { padding-right: 1.4rem; word-break: keep-all; margin: 0.7rem 0 1rem; } 
#center .intro article ul.list_2 li b { display: block; font-weight: 600; padding-bottom: 5px; } 
#center .intro .sub_info_box .list_2 { /* margin-left: unset; */ } 
#center .intro .sub_info_box .list_2 { } 
.contain3 ul.list_2 li::before { /* left: unset; *//* right: 0; */ } 

#center #tab_1 .flex_box { display: flex; align-items: center; } 
#center .info_box { padding-bottom: 4rem; flex-basis: fit-content; flex: 1 0 0; } 
#center .flex_box > div:nth-child(1) { margin-right: 4%; max-width: 590px; width: 46%; } 
#center .img_box { border-radius: 2rem; overflow: hidden; } 
#center .info_box h3 { font-size: 4.8rem; position: relative; z-index: 2; font-weight: 700; } 
#center #tab_1 .info_box h3::before { content:'About'; position: absolute; font-size: 12rem; font-weight: 700; bottom: 9px; line-height: 1; left: -31%; z-index: -1; -webkit-text-stroke: 1px #e5e5e5cc; color: #11111100; font-family: 'Ubuntu'; } 
.container { margin-bottom: 10rem; } 
#center #tab_1 .order h3::before { content:'Current \ASituation'; white-space: pre; left: unset; right: -27%; } 
.order .info_box { text-align: right; } 
.order article.list_1 h5 { display: inline-block; display: inline; /* padding-right: 2rem; *//* padding-left: unset; */ } 
.order article.list_1 h5::before { /* right: 0; */left: unset; } 
#center .order .flex_box > div:nth-child(1) { order: 1; margin-right: 0; } 
#center .order .flex_box > div:nth-child(2) { margin-right: 4%; text-align: left; } 

/* 시편전처리센터 - 2 */
#center .status .flex_box { display: flex; align-items: flex-start; } 
#center .status .flex_box .info_box { flex: 1; } 
#center .status .list_box { flex: 1 0 36%; } 
#center .status .list_box .pro_list_ul li { border: 1px solid #666; border-radius: 50px; margin-bottom: 2rem; height: 7rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; font-size: 1.8rem; color: #666; padding: 0 4rem; cursor: pointer; transition: all .3s; flex: 0 1 48%; margin-right: 2%; } 
#center .status .list_box .pro_list_ul li:hover,
#center .status .list_box .pro_list_ul li.active { border: 1px solid var(--main-color); color: var(--main-color); } 
#center .status .list_box .pro_list_ul li span { font-weight: 300; } 
#center .status .list_box .pro_list_ul li i { font-size: 2.8rem; } 
#center .status article { border-bottom: 1px solid #dcdcdc; padding-bottom: 4rem; margin-bottom: 6rem; } 

.pro_list_view { position: fixed; top: 20vh; left: 50%; transform: translateX(-50%); background: #fff; width: 80%; border-radius: 20px; max-width: 970px; margin: 0; padding: 8rem 6rem; z-index: 1001; } 
.pro_list_view .pro_view_box { display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; flex-direction: row; display: none; } 
.pro_list_view .pro_view_box.active { display:flex; } 
.pro_list_bg { content:''; display:block; position: fixed; width: 100%; height:100%; background: #11111180; top: 0; left: 0; bottom: 0; right: 0; z-index: 1000; } 
.pro_list_view .img_box { margin-right: 4rem; max-width: 386px; max-height: 40rem; width: 50%; } 
.pro_list_view .img_box img { height: 100%; } 
.pro_list_view .info_box { padding-bottom: 0; position: relative; flex-grow: 1; } 
.pro_list_view .info_box .sub_info_box { margin-bottom: 3rem; } 
.pro_list_view .info_box span { color: #666; font-weight: 300; } 
.pro_list_view .info_box h4 { line-height: 1.1; padding-top: 1.5rem; padding-bottom: 4rem; border-bottom: 1px solid #dcdcdc; font-weight: 700; } 
.pro_list_view .info_box .view_btn { border: 1px solid #dcdcdc; border-radius: 50px; height: 6rem; width: 80%; max-width: 20rem; position: absolute; bottom: 2rem; transition: all .3s; } 
.pro_list_view .info_box .view_btn a { padding: 0 2.4rem; display: flex; align-items:center; justify-content: space-between; } 
.pro_list_view .info_box .view_btn a span { } 
.pro_list_view .info_box .view_btn a i { } 
.pro_list_view .info_box .view_btn:hover { border: 1px solid var(--main-color); background: var(--main-color); } 
.pro_list_view .info_box .view_btn:hover span { color: #fff; } 
.pro_list_view .info_box .view_btn:hover a { color: #fff; } 
.close_btn { font-size: 3.4rem; color: #666; position: absolute; right: 5rem; top: 4rem; cursor: pointer; z-index: 10; } 

/* pro_list popup */
.pro_list_pop { display: none; transition: all .1s; } 
.pro_list_pop.show { display: block; } 

/* 시편전처리센터 - 3 */
#center .service .info_box { padding-bottom: 0; } 
#center .service .container { border: 1px solid #dcdcdc; border-radius: 20px; padding: 4rem; margin-bottom: 4rem; } 
#center .service .flex_box { display: flex; align-items: flex-start; } 
#center .service .flex_box .title { width: 24%; } 
#center .service .info_box .img_wrap { margin-top: 4rem; } 
.img_wrap { display: flex; justify-content: flex-start; align-items: flex-start; } 
#center .service .info_box .img_wrap .img_box { border: 1px solid #dcdcdc; margin-left: 2rem; } 
#center .service .title h4 { font-weight: 700; } 
#center .service .contain4 .info_box .img_box { border: unset; } 

/* bench */
#bench .contain3 { background: url(../img/bench_bg.jpg) no-repeat center center/cover; padding: 8rem 0; } 
.business article { margin-bottom: 7rem; } 
.business .title { margin-bottom: 2rem; } 
.business .title h4 { font-weight: 700; } 
.business .img_wrap { margin-top: 4rem; } 
.business .img_wrap .img_box .img_sub_box { border: 1px solid #dcdcdc; border-radius: 20px; overflow: hidden; padding: 1rem; } 
.business .img_wrap .img_box .img_sub_box img { margin: 0 auto; display: block; max-width: fit-content; width: 100%; } 
.business .img_wrap .img_box p { text-align: center; font-family: 'Ubuntu'; font-weight: 400; font-size: 1.9rem; padding-top: 1rem; } 
.bench_btn { border: 2px solid #dcdcdc; border-radius: 50px; text-align: center; max-width: 30rem; margin: 4rem auto 0; transition: all .3s; } 
.bench_btn a { padding: 2rem; font-size: 1.7rem; } 
.bench_btn:hover { border: 2px solid var(--main-color); } 
.bench_btn:hover a { color: var(--main-color); } 

/* nano */
#nano { } 
#nano .contain2 .inner_wrap { display: flex; align-items: center; padding: 4rem 0; justify-content: space-between; } 
#nano .inner_wrap .box1 { width: fit-content; } 
#nano .inner_wrap .box2 { max-width: fit-content; flex-grow: 1; width: 45%; } 
#nano .contain4 .inner_wrap .img_box { margin-bottom: 3rem; width: 23%; margin-right: 2%; } 
#nano .img_wrap .img_box .img_sub_box { border: unset; background: #f9f9f9; padding: 0; } 
#nano .img_wrap .img_box .info_box { text-align: center; padding-top: 1rem; } 
#nano .img_wrap .img_box .info_box p { padding-top: 0; color: #666; font-size: 1.8rem; } 

/* 제품 견적문의 */
.online .title { margin-bottom: 3rem; } 
.online .privacy .text_wrap { min-height: 27rem; border: 1px solid #dcdcdc; border-radius: 12px; overflow: hidden; padding: 4rem; margin-bottom: 2rem; } 
.online .privacy .agree_wrap { display: flex; justify-content: flex-end; color: #666; font-size: 1.6rem; align-items: center; flex-wrap: wrap; } 
.online .privacy .agree_wrap p { margin-right: 2rem; font-size: 1.6rem; } 
.online input[type="radio"] { appearance: none; width: 15px; height: 15px; box-shadow: 0 0 0 1px #a6a6a6; border: 4px solid #ffffff; border-radius: 50%; margin-right: 0.3rem; } 
.online input[type="radio"]:checked { background: var(--main-color); } 
.online .privacy .agree_wrap .input_box.box1 { margin-right: 2rem; } 
.online .privacy .agree_wrap .input_box.box2 { } 
.online .privacy .text_wrap textarea { border: unset; width: 100%; height: 18rem; font-size: 1.8rem; color: #666; line-height: 1.5; } 
.online .pro_search { } 
.online .pro_search .info_wrap1 { border: 1px solid #dcdcdc; border-radius: 12px; padding: 4rem; margin-bottom: 4rem; } 
.online .pro_search .category_wrap { display: flex; justify-content: flex-start; align-items: center; flex-direction: row; flex-wrap: wrap; } 
.online .select_box { flex: 1; height: 6rem; border: 1px solid #dcdcdc; margin-right: 2rem; margin-bottom: 2rem; border-radius: 10px; } 
.online .select_box:last-child { margin-right:0; background: #fff; overflow: hidden; } 
.online .select_box select { width: 100%; height: 100%; border: unset; border-radius: 10px; padding: 0 2rem; color: #666; font-size: 1.6rem; appearance: none; background-image: url(../img/select_arrow.svg); background-size: 14px; background-repeat: no-repeat; background-position: right 2rem bottom 2.2rem; background-color: transparent; } 
.online .select_box select:focus,.online .select_box select:focus-visible { outline: unset; /* border: 1px solid var(--main-color); */
 background-color: transparent; } 
.online .select_box select:focus option { background: unset; } 
.direct_wrap input { height: 6rem; width: 100%; padding: 2rem; font-size: 1.6rem; color: #666; border-radius: 10px; flex: 1; border: 1px solid #dcdcdc; } 
.add_btn { max-width: 28rem; width: 30%; background: #f7f7f7; border-radius: 50px; height: 6rem; margin-top: 2rem; margin-left: auto; } 
.add_btn span { color: #666; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } 

.online .pro_search .info_table_wrap { border-top: 2px solid var(--main-color); margin-bottom: 2rem; } 
.online .pro_search .info_table_wrap table { width: 100%; } 
.online .pro_search .info_table_wrap thead { color: var(--main-color); } 
.online .pro_search .info_table_wrap table th { border-bottom: 1px solid #dcdcdc; } 
.online .pro_search .info_table_wrap table td { color: #666; } 
.online .pro_search .info_table_wrap table td, .online .pro_search .info_table_wrap table th { padding: 2rem 0; font-size: 1.8rem; text-align: center; border-bottom: 1px solid #dcdcdc; } 
.online .pro_search .info_table_wrap input { height: 4rem; border-radius: 6px; border: 1px solid #dcdcdc; width: 7.4rem; } 
.online .pro_search .info_table_wrap table td:last-child { text-align: left; } 
.delete_btn { border-radius: 10px; border: 1px solid #dcdcdc; max-width: 7.4rem; height: 4rem; margin-left: auto; } 
.delete_btn span { display: flex; justify-content: center; align-items: center; height: 100%; color: #666; min-width: 6rem; } 
.online .form_template { border-top: 1px solid var(--main-color); } 
.online .form_wrap { } 
.online .form_wrap .form_section { display: flex; padding: 2rem 3rem; border-bottom: 1px solid #dcdcdc; align-items: center; } 
.online .form_wrap .form_section .input_div_1.process_check span { font-size: 1.7rem; position: relative; top: 1px; } 
.online .form_wrap .form_section .input_div_1.process_check input { width: 15px; height: 15px; } 
.online .form_wrap .form_section .input_div { flex-grow: 1; } 
.online .form_wrap .form_section .input_div_1 { max-width: 50rem; } 
.online .form_wrap .form_section .contact_wrap { display: flex; align-items: center; } 
.online .form_wrap .form_section .input_div span { padding: 0 0.5rem; color: #666; } 
.online .form_wrap .form_section .radio_wrap ul { display: flex; justify-content: flex-start; align-items: center; } 
.online .form_wrap .form_section .radio_wrap ul li { margin-right: 3rem; } 
.online .form_wrap .form_section .radio_wrap ul li label { font-size: 1.8rem; color: #666; } 

.form_wrap h5 { padding-bottom: 0; font-weight: 500; width: 15%; margin-right: 3%; display: flex; align-items: flex-start; } 
.form_wrap h5 b { font-weight: 500; position: relative; flex: 0 0 auto; text-align: justify; height: 5rem; } 
.form_wrap h5 .required_icon { margin-left: 0.5rem; } 
.form_wrap h5 b:after { content: ''; display: inline-block; width: 100%; /* height: 1rem; */ } 
.online .form_wrap h5 span { color: var(--main-color); } 
.online .form_wrap input[type=text],.online .form_wrap input[type=password] { border: 1px solid #dcdcdc; border-radius: 4px; height: 5rem; font-size: 1.7rem; color: #666; width: 100%; padding: 1rem; } 
.address_btn { background: #999; color: #fff; height: 5rem; border-radius: 4px; padding: 2rem; width: 49%; } 
.online .form_wrap .form_section .address_btn span { color:inherit; display: flex; justify-content: center; align-items: center; height: 100%; } 
.online .form_wrap .form_section .email_wrap .address_box1 { display: flex; flex-direction: row; margin-bottom: 1rem; width: 70%; } 
.online .form_wrap .form_section .email_wrap .address_box1 input { margin-right: 1rem; width: 48%; } 

.online .form_wrap .form_section .input_div_2 textarea { width: 100%; height: 10rem; padding: 2rem; border: 1px solid #dcdcdc; border-radius: 5px; overflow: hidden; } 
.send_form_btn { max-width: 32rem; height: 7rem; color: #fff; background: var(--main-color); border-radius: 50px; margin-left: auto; margin-top: 5rem; } 
.send_form_btn span { height: 100%; display: flex; justify-content: center; align-items: center; } 
.on_format { border: 1px solid #dcdcdc; border-radius: 4px; height: 5rem; font-size: 1.7rem; color: #666; width: 100%; padding: 1rem; } 

/* good_list */
.online #goods_list .goods_item td { padding: 2rem 1rem; } 
.online #goods_list .goods_item td:nth-child(2) { min-width: 11rem; } 
.online #goods_list .goods_item td:nth-child(3) input { padding: 0 1rem; } 
/* 개인정보처리방침 */
.privacy_wrap { padding-top: 0rem; } 
.privacy_wrap textarea { width: 100%; padding: 2rem; border: 1px solid #dcdcdc; } 
 .select2-container--default .select2-selection--single .select2-selection__placeholder { color:#666 !important; } 
/* 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 { max-width: 1400px; } 
#inquiry .agree_txt { background: #eee; padding: 10px; font-size: 16px; } 
.inquiry_notice { font-size: 1.4rem; color: #666; padding-bottom: 2rem; } 
.inquiry_style1 h3 { font-size: 22px; font-weight: 400; padding-bottom: 8px; padding-top: 20px; margin-bottom: 0rem; } 
.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_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; /* z-index: -1; */ } 
.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; position: relative; } 
.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; */ } 
.filebox input[type=file]::file-selector-button { width: 12%; min-width: 60px; opacity: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; } 

/* close btn */
.mfp-figure .xi-close-thin { position: relative; z-index: -1; } 
.mfp-image-holder .mfp-close { z-index: 10; position: absolute; } 
.popup-gallery > a > img { width: 100%; } 

/* edu */
#edu { padding: 0; } 
#edu .title { margin-bottom: 4rem; } 
#edu .info_wrap { display: flex; align-items: stretch; } 
#edu .info_wrap .info_box { border: 1px solid #dcdcdc; padding: 2rem 3rem; border-top: 2px solid #4f4f4f; } 
#edu .info_wrap .info_box h5 { font-size: 2.3rem; } 
#edu .info_wrap .info_box ul { margin-left: 0; } 
#edu .tab_list .tab_link { flex: 1; } 
#edu .flex_box .title { align-self: flex-start; width: 34%; } 
#edu .flex_box .timetable { flex-grow: 1; } 
#edu .flex_box .timetable .tb_wrap { border-top: 2px solid #444; } 
#edu .flex_box .timetable .list_3 { margin-top: 4rem; } 
#edu .flex_box .timetable .list_3 li { font-size: 1.6rem; color: #666; padding-bottom: 0.4rem; } 
#edu .flex_box .timetable .list_3 li span { display: inline-block; margin-right: 0.5rem; font-weight: 100; } 
#edu .flex_box .timetable .list_3 li b { font-weight: 300; } 
#edu .flex_box .timetable .tb_wrap table { width: 100%; text-align: center; border-collapse: collapse; } 
#edu .flex_box .timetable .tb_wrap table th,
#edu .flex_box .timetable .tb_wrap table td { border: 1px solid #dcdcdc; font-size: 1.7rem; } 
#edu .flex_box .timetable thead { background: #f8f8f8; } 
#edu .flex_box .timetable thead th { padding: 1rem; font-size: 1.8rem; } 
#edu #tab_1 .flex_box .timetable thead th:nth-child(1) { width: 20%; } 
#edu #tab_1 .flex_box .timetable thead th:last-child { width: 13%; } 
#edu .flex_box .timetable tbody td { padding: 0.5rem 0.4rem; color: #666; font-weight: 200; } 
#edu .flex_box .timetable tbody td.date { color: #444; font-weight: 500; } 

#edu .flex_box .info_box { flex-grow: 1; } 
#edu .flex_box .info_box .sub_box:last-child { margin-bottom: 0; border-bottom: unset; padding-bottom: 0; } 
#edu .flex_box .info_box .sub_box { margin-bottom: 7rem; border-bottom: 1px solid #dcdcdc; padding-bottom: 2rem; } 
#edu .flex_box .info_box .sub_box .tb_wrap th:nth-child(1) { width: 40%; } 
#edu .flex_box .info_box .sub_box article { margin-bottom: 5rem; } 
#edu .flex_box .info_box .sub_box .list_1 > h5 { padding-left: 0; } 
#edu .flex_box .info_box .sub_box .list_1 > h5::before { display: none; } 
#edu .flex_box .info_box .sub_box h5 { font-size: 2.2rem; } 
#edu .flex_box .info_box .sub_box h5 { display: flex; align-items: center; } 
#edu .flex_box .info_box .sub_box h5 span:nth-child(1) { display: inline-block; margin-right: 1rem; } 
#edu .flex_box .info_box .sub_box h5 .rec { width: 0.6rem; height: 0.6rem; display: inline-block; margin-right: 1rem; background: #111; } 

#edu.case .info_box .sub_box h5.case_tit { font-size: 2.8rem; padding-bottom: 0.5rem; } 
#edu.case .info_box .list_2 { display: flex; flex-direction: row; flex-wrap: wrap; } 
#edu.case .info_box .list_2 li { flex: 0 1 48%; } 
#edu.case .info_box .sub_box { flex: 1 0 46%; position: relative; margin-bottom: 5rem; padding-bottom: 1rem; } 
#edu.case .case_in { margin-bottom: 2rem; } 
#edu.case .case_in h5 { padding-left: 0; } 
#edu.case .case_in h5:before { display: none; } 
#edu.case .flex_box .info_box .sub_box:last-child { margin-bottom: 7rem; border-bottom: 1px solid #dcdcdc; } 

.book_wrap { display: flex; justify-content: center; } 
.book_wrap .bench_btn { flex: 1; margin: 2rem; } 

.tip_wrap p span { display: inline-block; margin-right: 5px; } 
.tip_wrap p {text-align: right;} 
.tip_wrap b { font-weight: 700; } 

/* 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; } 
 #bench.sub_com ,#nano.sub_com { width: 100%; } 
 #bench .inner_wrap,#nano .inner_wrap { width: 92%; } 
 .histrory_wide_wrap { margin-left: 3%; } 
 .his_arrow_wrap { right: 3%; } 
 .history_slider_wrap::after { font-size: 12rem; top: -2%; } 
 }
@media (max-width: 1360px){
 .depth_wrap > div.menu_2 { padding: 0; } 
 }
@media (max-width: 1300px){
 .tab_list { width: 100%; } 
#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; } 
 .business .img_wrap .img_box .img_sub_box img { max-height: 22.5rem; } 
 }

@media (max-width: 1080px){
 .depth_wrap > div.menu_2 { display: none; } 
 .depth_wrap > div:nth-child(3) { display: flex; } 
 .sub_visual_box { height: 50rem; } 
 .pc_sub_menu .com_depth li a { font-size: 17px; } 
 .tab_list li, .tab_list div { font-size: 1.6rem; flex: 1 0 32%; } 
 .tab_list.flex_4 li, .tab_list.flex_4 div { font-size: 1.6rem; flex: 1 0 23%; } 
 .tit_box { padding-top: 8rem; } 
 .iframe_box iframe { height: 580px; } 
 .sub_com > article:first-child { margin-bottom: 2rem; } 
 .sub_com h4 { font-size: 3.2rem; } 
 .history_slider_wrap::after { font-size: 9.5rem; } 
 .worth_wrap .flex_box li .inner .img_box { height: 4rem; } 
 /* */
/* 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; } 
 #center #tab_1 .info_box h3::before { font-size: 8rem; } 
 #center .info_box h3 { font-size: 4rem; } 
 .business .img_wrap .img_box .img_sub_box img { max-height: 180px; } 
 }
@media (max-width: 860px){
 .container { margin-bottom: 7rem; } 
 .sub_com h4 { font-size: 2.8rem; } 
 #about .contain2 .box1 h4 { font-size: 3rem; } 
.worth_wrap .flex_box li { padding: 2rem; } 
 .worth_wrap .flex_box li .inner p br { display:none; } 
 .sign_wrap .img_box img { width: 80%; } 
 #about .contain5 article.list_1 { padding: 3rem; } 
 article.list_1 h5 { font-size: 2.2rem; } 
 #about .contain5 .info_box .box h4 { font-size: 2.8rem; } 
 .history_wrap .swiper-slide { width: 40% !important; } 
 .history_wrap::before { top: 10rem; } 
 .swiper-slide-active .history_sec h4::before { display: block; content: ""; width: 24px; height: 24px; border: 1px dotted var(--main-color); position: absolute; top: 8.6rem; 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 { top: 9.7rem; } 
 .history_sec h4::after { top: 9.7rem; } 
 #center .info_box { padding-bottom: 0; } 
 #center #tab_1 .flex_box { display: flex; align-items: center; } 
 #center #tab_1 .info_box h3::before { font-size: 6.4rem; } 
 #center .info_box h3 { font-size: 3rem; } 
 #center .service .flex_box .title { width: 17%; min-width: 116px; } 

 /* 정기교육과정 */
 #edu .info_wrap .info_box h5 { font-size: 2rem; padding-bottom: 1rem; } 
 #edu .flex_box .title { width: 28%; } 
 #edu .title { margin-bottom: 2rem; } 
 #bench .contain3 { padding: 6rem 0; background: url(../img/bench_bg.jpg) no-repeat 24% 50% /cover; } 
 .bench_btn { max-width: 21rem; } 
 .bench_btn a { padding: 1.6rem; font-size: 1.6rem; } 
 .book_wrap .bench_btn { margin: 1rem; } 
 }
@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: 92%; } 
 .visual_menu_wrap .com_depth { top: 54px; border-top: unset; width: 101%; } 

 .pc_sub_menu .second_dep { height: 60px; width: 96%; } 
 .pc_sub_menu .com_depth li { line-height: 60px; } 
 .tab_list { margin-bottom: 4rem; } 
 .sub_visual_txt { top: 53%; right: unset; left: 51%; } 
 .depth_wrap > div { width: 44%; font-size: 12px; padding: 0 1rem; } 
 .depth_wrap .depth1.dep2_none { display: none; } 
 /* .depth_wrap .depth3 { display: none; } */
 .sub_visual_box { height: 40rem; } 
 .visual_menu_wrap { top: calc(40rem - 16%); } 
 .tit_box > h1 { /* font-size: 4rem; */ } 
 .tab_list.flex_4 li, .tab_list.flex_4 div { font-size: 1.6rem; flex: 1 0 40%; } 

/* 오시는길 */
 #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%; margin: 0 auto; } 
 #about .about_tit h3 { font-size: 3.6rem; line-height: 1.4; } 
 #about .inner .box2 { width: 94%; top: 70%; padding: 8rem 8rem 8rem; } 
 #about .container:nth-child(n+2) { margin-bottom: 8rem; } 
 #about .container:last-child { margin-bottom: 0; } 

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

 #center .status .flex_box .info_box { width: 100%; max-width: unset; margin-bottom: 3rem; } 
 #center .status .list_box { flex: 1 0 100%; } 
 #center .status .list_box .pro_list_ul li { margin-bottom: 1rem; font-size: 1.7rem; height: 7rem; } 
 #center .status .list_box .pro_list_ul li i { font-size: 2.2rem; } 
 .pro_list_view { padding: 4rem 3rem; top: 24vh; } 
 #center .service .info_box .img_wrap { margin-top: 3rem; display: flex; flex-wrap: wrap; } 
 #center .service .info_box .img_wrap .img_box { flex: 1 0 43%; margin-bottom: 2rem; } 
 .business .img_wrap { display: flex; align-items: stretch; } 
 }
@media (max-width: 680px){
 .m_none { display: none; } 
 .depth_wrap > div.depth2::after { opacity: 0; } 
 #about .contain2 .flex_box { display: flex; flex-direction: column; } 
 #about .contain2 .flex_box.sign_wrap { display: flex; flex-direction: row; align-items: center; margin-top: 2rem; } 
 #about .contain2 .box1 { margin-bottom: 4rem; width: 80%; } 
 #about .contain2 .box1 h4 { font-size: 2.4rem; } 
 #about .contain2 .box1 h4 br:nth-child(n+3) { display: none; } 
 #about .contain2 .box2 { margin-left: 0; } 
 .p_wrap p { font-size: 1.7rem; } 
 .worth_wrap .flex_box { display: flex; flex-direction: column; } 
 .worth_wrap .flex_box li { width: 80%; margin: 0 auto; text-align: center; padding: 2rem 0; } 
 .worth_wrap .flex_box .plus_wrap { padding: 2.4rem 0; } 
 .worth_wrap .flex_box .plus_wrap img { max-width: fit-content; width: 80%; } 
 #about .inner { display: flex; flex-direction: column; align-content: center; align-items: center; } 
 .sub_com h4 { font-size: 2.6rem; } 
 .history_slider_wrap::after { font-size: 7rem; left: 30%; } 
 .history_slider_wrap { padding-top: 6rem; } 
 .his_arrow_wrap > div { width: 6rem; height: 6rem; } 
 .his_arrow_wrap > div i { top: 24%; left: 23%; } 
 .his_arrow_wrap { width: 13rem; } 
 #about .contain5 .info_box .box h4 { font-size: 2.4rem; margin-bottom: 2rem; width: 100%; } 
 #about .contain5 .info_box .box .box_info { width: 100%; } 
 #about .contain5 .info_box .box { display: flex; flex-direction: column; margin-bottom: 6rem; } 
 #about .contain5 article.list_1 { flex:0 1 100% } 
 .history_wrap .swiper-slide { width: 54% !important; } 

 #location .loca_info .loca_box.box2 ul li { font-size: 1.8rem; } 
 #location .loca_info .loca_box .link_wrap li a { } 
 #location .loca_info .loca_box.box1 { display: flex; flex-direction: column; } 
 #location .loca_info .loca_box .link_wrap { margin-top: 2rem; } 
 #location .loca_info .loca_box.box2 ul li b { margin-right: 1rem; } 
 .table_wrap table tr, .table_wrap table td { font-size: 1.6rem; } 
article.list_1 h5 { font-size: 2rem; } 
/* TAB */
 .tab_list li, .tab_list div { height: 5rem; } 
 .tab_list div span { height: 4.9rem; } 

 .pro_list_view .img_box { margin-right: 2rem; width: 46%; } 
 .pro_list_view .info_box h4 { padding-bottom: 3rem; } 
 .pro_list_view .info_box .view_btn { height: 5rem; bottom: 1rem; font-size: 1.5rem; } 
 #edu .flex_box .info_box { width: 100%; margin-bottom: 0rem; } 
 #edu .flex_box .title { width: 100%; } 
 #edu .flex_box .info_box .sub_box h5 { font-size: 2rem; } 
 #edu .flex_box .timetable .list_3 { margin-top: 2rem; } 
 .business .img_wrap .img_box .img_sub_box img { max-height: 130px; } 
 }
@media (max-width: 480px){
 .tab_list li, .tab_list div { border: 1px solid #dcdcdcb5; } 
 .tab_list { margin-bottom: 2rem; } 
 .form_wrap h5 b { flex: 0 0 38px; } 
 .product { padding-top: 9rem; } 
 article.list_1 { margin-bottom: 2rem; } 
 .tab_list .tab_link.current { border: 1px solid var(--main-color); } 
 .tit_box span { font-size: 1.8rem; top: 0.8rem; letter-spacing: 0; display: block; padding-bottom: 0.4rem; } 
 .tab_list div span { height: 4rem; font-size: 1.5rem; } 
 .tab_list li, .tab_list div { height: 4.2rem; } 

 .sub_visual_box { height: 28rem; } 
 .sub_visual_txt { top: 69%; } 
 .sub_com h3 { font-size: 2.2rem; } 
 .sub_com h4 { font-size: 2.1rem; letter-spacing: 0; } 
 .sub_com > article { margin-bottom: 4rem; } 
 .sub_com p { font-size: 1.8rem; } 
 .depth_wrap > div.second_dep { flex: 1 0 44%; min-width: unset; margin-left: 0; padding-left: 1rem; } 
 .depth_wrap > div.second_dep.depth3::before { content:''; display:block; position:absolute; left: -0.5rem; width:1px; height:90%; background: #ffffff66; } 
 .depth_wrap > div.second_dep:last-child { margin-right:0; } 
 .depth_wrap > div.second_dep:last-child::after { display:none; } 
 .visual_menu_wrap { width: 100%; height: 42px; top: 28rem; } 
 .depth_wrap .depth_name { font-size: 1.6rem; } 
 .visual_menu_wrap .com_depth { top: 42px; border-radius: 0 0 10px 10px; } 
 /* ABOUT */
 #about .contain5 .info_box .box h4 { font-size: 2.2rem; } 
 #about .contain5 .info_box .box h4 strong { font-weight: 600; } 
 #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: fit-content; } 
 #about .contain5 .info_box .box { margin-bottom: 1rem; padding-bottom: 0; border-bottom: unset; } 
 #about .contain5 article.list_1 { margin-bottom: 3rem; box-shadow: 0px 1px 7px 4px #dcdcdc54; } 
.worth_wrap .flex_box li .inner h4 { font-size: 2.2rem; } 
 /* LOCATION */
 #local .table_wrap { border-radius: 10px; } 
 #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 .info_box .box3 { padding: 2rem; } 
 .list li { font-size: 1.8rem; word-break: keep-all; } 
 .pro_btn a { margin: 4rem auto; max-width: 180px; } 
 .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; } 
 .depth_wrap > div.home_btn { width: 5rem; } 
 .depth_wrap > div.home_btn a img { width: 15px; height: 15px; } 
 #about .contain2 .box1 h4 { font-size: 2rem; } 
 #about .contain2::after { height: 400px; bottom: -5%; background-size: contain; } 
 .sign_wrap .img_box img { width: 60%; } 
 .sign_wrap p { margin-right: 0; } 
 .tit_box { padding-top: 0; padding-bottom: 2rem; } 
 .contain1 .tit_box .top_sub_tit { padding-top: 12rem; /* padding-bottom: 2rem; */ } 
 .tit_box > h1 { font-size: 2.6rem; letter-spacing: 0; } 
 .history_slider_wrap::after { font-size: 5rem; left: 36%; } 
 .his_arrow_wrap > div { width: 4.8rem; height: 4.8rem; } 
 .his_arrow_wrap { width: 10.8rem; } 
 .his_arrow_wrap > div i { left: 23%; top: 23%; font-size: 2.5rem; } 
 .his_arrow_wrap .his_arrow_next i { left: 27%; } 
 .history_wrap .swiper-slide { width: 84% !important; } 
 .histrory_wide_wrap h4 { font-size: 2.2rem; } 

 #location .loca_map iframe { height: 280px; } 
 #location .loca_info .loca_box.box2 ul li b { width: 18%; } 
 #location .loca_info .loca_box.box2 ul li { font-size: 1.6rem; } 
 #location .loca_info .loca_box.box1 { margin-bottom: 2rem; padding-top: 1rem; } 
 #location .loca_map { margin-bottom: 2rem; } 
#local .table_wrap { overflow-x: scroll; } 
 .table_wrap table { width: 165%; } 
 .table_wrap table thead td:nth-child(2) { width: 27%; } 
 #center .flex_box > div:nth-child(1) { margin-right: 0; width: 100%; margin-bottom: 3rem; } 
 #center #tab_1 .info_box h3::before { left: unset; right: 0; top: -56px; font-size: 5rem; } 
 #center .info_box h3 { font-size: 2.4rem; } 
 article.list_1 h5 { font-size: 1.7rem; } 
 article ul.list_2 li { font-size: 1.6rem; } 
 #center .order .flex_box > div:nth-child(2) { order: 2; text-align: left; } 
 article.list_1 h5::before { width: 0.3rem; height: 0.3rem; top: 0.8rem; } 
 article.list_1 h5 { padding-left: 1.4rem; } 
 .container { margin-bottom: 4rem; } 
#center .contain4 p { font-size: 1.6rem; } 
 #center .status .flex_box .info_box { margin-bottom: 2rem; } 
 #center .status .list_box .pro_list_ul li { font-size: 1.4rem; height: 5rem; padding: 0 2rem; border: 1px solid #dcdcdc; } 
 #center .status .list_box .pro_list_ul li i { font-size: 1.6rem; } 
 .pro_list_view .info_box { order: 1; flex: 0 1 90%; } 
 .pro_list_view .img_box { order: 2; margin-right: 0; margin: 0 auto; width: 74%; } 
 .pro_list_view .info_box .view_btn { position: relative; height: 4rem; max-width: 17rem; } 
 .pro_list_view .info_box h4 { padding-bottom: 0rem; border-bottom: 0; } 
 .close_btn { font-size: 2.6rem; right: 3rem; top: 3rem; } 
 #center .service .container { padding: 2rem 2.4rem 2rem; margin-bottom: 3rem; } 
 #center .service .flex_box { display: flex; flex-direction: row; flex-wrap: wrap; } 
 #center .service .info_box { width: 100%; } 
 #center .service .flex_box .title { width: 100%; margin-bottom: 0rem; } 
 #center .service .info_box ul.list_2 { margin-left: 0; } 
 #center .service .info_box .img_wrap { margin-top: 2rem; } 
 #center .service .info_box .img_wrap .img_box { margin-bottom: 1rem; margin-left: 1rem; } 
 #center .service .info_box .img_wrap .img_box:nth-child(1), #center .service .info_box .img_wrap .img_box:nth-child(3) { margin-bottom: 0; margin-left: 0; } 
 #center .status article { padding-bottom: 4rem; margin-bottom: 3rem; } 
 #edu .flex_box .info_box .sub_box h5 { display: flex; align-items: flex-start; } 
 #edu .flex_box .info_box .sub_box { margin-bottom: 4rem; padding-bottom: 0rem; } 
 #edu .flex_box .info_box .sub_box h5 .rec { top: 1rem; position: relative; } 
 #edu #tab_1 .timetable .tb_wrap { overflow-x: scroll; } 
 #edu #tab_1 .timetable .tb_wrap table { width: 157%; } 
 #edu .flex_box .timetable .tb_wrap table th, #edu .flex_box .timetable .tb_wrap table td { font-size: 1.5rem; } 
 #edu .info_wrap .info_box h5 { padding-bottom: 0; font-size: 1.8rem; } 
 article ul.list_2 { margin-left: 1rem; } 
 #edu .info_wrap .info_box { padding: 2rem; } 
 #edu .flex_box .info_box .sub_box h5 { font-size: 1.8rem; } 
 #edu.case .info_box .sub_box h5.case_tit { font-size: 2.2rem; } 
 #edu.case .info_box .list_2 { display: flex; flex-direction: column; } 
 #edu .flex_box .info_box .sub_box article { margin-bottom: 3rem; } 
.business .img_wrap .img_box .img_sub_box img { min-height: 120px; } 
 .business .img_wrap .img_box p { font-size: 1.6rem; padding-top: 0.5rem; padding-bottom: 1rem; } 
 .bench_btn { max-width: 20rem; margin: 2rem auto; border: 1px solid #dcdcdc; } 
 .bench_btn:hover { border: 1px solid var(--main-color); } 
 .bench_btn a { padding: 1rem; font-size: 1.5rem; } 
#nano .contain4 .inner_wrap .img_box { width: 48%; } 
#nano .contain2 .inner_wrap { display: flex; align-items: flex-end; } 
 #nano .inner_wrap .box2 { width: 49%; position: relative; left: 6px; } 
 .business .img_wrap .img_box .img_sub_box { border-radius: 15px; } 
 #nano .img_wrap .img_box .info_box p { font-size: 1.6rem; } 
 /* 온라인 문의 */
 .online .privacy .text_wrap { padding: 2rem; min-height: 20rem; margin-bottom: 1rem; } 
 .online .privacy .text_wrap textarea { font-size: 1.4rem; height: 16rem; } 
 .online .title { margin-bottom: 1rem; } 
 .online .privacy .agree_wrap p { width: 100%; text-align: right; margin-right: 0; margin-bottom: 0.5rem; } 
 .online .privacy .agree_wrap { display: flex; justify-content: flex-end; } 
 .online .pro_search .info_wrap1 { padding: 1rem; border-radius: 10px; margin-bottom: 2rem; } 
 .online .pro_search .category_wrap { display: flex; flex-direction: column; } 
 .online .select_box { margin-right: 0rem; margin-bottom: 1rem; height: 4rem; width: 100%; } 
 .online .select_box select { height: 4rem; background-position: right 2rem bottom 1.2rem; font-size: 1.5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
 .add_btn { width: 40%; height: 4rem; margin-top: 1rem; } 
 .online .pro_search .info_table_wrap table th { padding: 1rem 0; } 
 .online .pro_search .info_table_wrap table td { padding: 0; } 
 .online .form_wrap .form_section { padding: 1rem; } 
 .online .form_wrap h5 { font-size: 1.5rem; margin-right: 1rem; min-width: 50px; } 
 .online .form_wrap input[type=text], .online .form_wrap input[type=password] { height: 4rem; padding: 0.5rem; } 
 .address_btn { height: 4rem; font-size: 1.5rem; } 
 .send_form_btn { height: 5rem; max-width: 17rem; margin-top: 3rem; margin-left: auto; margin-right: auto; } 
 .online .pro_search .info_table_wrap table td, .online .pro_search .info_table_wrap table th { font-size: 1.6rem; } 
 .select2-dropdown { width: 90vw !important; } 
 .select2-container--default .select2-selection--single .select2-selection__placeholder { line-height: unset; top: 0; position: relative; font-size: 1.5rem; } 
 .select2-container--default .select2-selection--single .select2-selection__rendered { position: relative; top: -11px; } 
 .online .pro_search .info_table_wrap table { width: 200%; } 
 .online .pro_search .info_table_wrap { overflow-x: scroll; } 
 .delete_btn { min-width: 40px; font-size: 1.5rem; } 
 .address_api_wrap { width: 100vw; } 
 .address_api_wrap #wrap { width: 96% !important; height: 300px !important; left: 2%; } 
 .book_wrap { display: flex; flex-wrap: wrap; } 
 .book_wrap .bench_btn { flex: 100%; } 
 }