@charset "utf-8"; 
.spec_info_wrap .new_list3 ul.list_2 { margin-bottom: 2rem; } 
.spec_info_wrap .new_list3 ul.list_2:last-child { margin-bottom: 0; } 
.new_list3 h4 { font-size: 2rem; color: #222; } 

/* 연관제품 slider */
.related_sw_pg_wrap { position: absolute; top: -8rem; right: 0; display: flex; flex-direction: row-reverse; z-index: 10; align-items: center; } 
.related_sw_pg_wrap .sl_arrow { cursor: pointer; transition: all .3s; } 
 .related_sw_pg_wrap .sl_arrow:hover { color:var(--main-color); border-color:var(--main-color); } 
 .related_sw_pg_wrap .sl_arrow:hover i { color:var(--main-color); } 
.related_sw_pg_wrap .related-pagination { margin: 0 2.4rem; width: fit-content; color: #999; font-size: 1.8rem; } 
.related_sw_pg_wrap .button-next,.related_sw_pg_wrap .button-prev { width: 4.5rem; height: 4.5rem; border-radius: 50%; border: 1px solid #ddd; position: relative; } 
.related_sw_pg_wrap .button-next i, .related_sw_pg_wrap .button-prev i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #666; } 
.rlated_wrap.wrap1 { margin-bottom: 10rem; } 
.rlated_wrap { position: relative; } 
.rlated_wrap .swiper-slide { } 
.rlated_wrap .swiper-slide:hover .img_box { border: 1px solid var(--main-color); } 
.rlated_wrap .swiper-slide:hover .info_box { } 
.rlated_wrap .swiper-slide:hover .info_box h3 { font-weight: 700; } 
.rlated_wrap .swiper-slide .img_box { border: 1px solid #dcdcdc; border-radius: 20px; margin-bottom: 2rem; height: 30rem; display: flex; justify-content: center; align-items: center; transition: all .3s; } 
.rlated_wrap .swiper-slide .img_box img { display: flex; justify-content: center; height: 100%; object-fit: contain; padding: 2rem; } 

/* 제품list*/
.eq_sub_list table { width: 100%; border-top: 1px solid var(--main-color); font-size: 1.8rem; border-collapse: collapse; table-layout: fixed; } 
.eq_sub_list table thead { border-top: 1px solid var(--main-color); } 
.eq_sub_list table th { font-weight: 600; color: var(--main-color); } 
.eq_sub_list table td { border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; } 
.eq_sub_list table th, .eq_sub_list table td { padding: 2rem; /* border: 1px solid #dcdcdc; */ } 

.eq_sub_list table th:nth-child(1) { width: 10%; } 
.eq_sub_list table th:nth-child(2) { width: 12%; } 
.eq_sub_list table th:nth-child(3) { width: 12%; } 
.eq_sub_list table td:nth-child(1) .img_box { width: 80px; height: 6rem; border-radius: 5px; padding: 0; margin: 0 auto; } 
.eq_sub_list table td:nth-child(1) .img_box img { max-height: 6rem; } 
.eq_sub_list table td:nth-child(2) { text-align: center; } 
.eq_sub_list table td:nth-child(4) { color: #666; } 
.eq_sub_list table td:nth-child(3) input { width: 70px; height: 40px; border-radius: 5px; border: 1px solid #dcdcdc; margin: 0 auto; display: block; padding-left: 1rem; } 

/* youtube */
.youtube_org_ver .youtube_wrap iframe { width: 100%; height: 73rem; overflow: hidden; border-radius: 20px; } 
#bo_v_atc .title { margin-bottom: 4rem; } 
#bo_v_atc .title h4 { font-weight: 600; } 
.spec_info_wrap { border: 1px solid #dcdcdc; border-radius: 20px; padding: 3rem 3.4rem; /* margin-bottom: 7rem; */ } 
.spec_info_wrap ul.list_2 { margin-left: 0; display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-start; /* max-height: 43vh; */ } 
.spec_info_wrap ul.list_2 li { font-size: 1.8rem; width: 50%; margin: 0.4rem 0; } 
.spec_info_wrap ul.list_2 .l2_tit { color: #111; font-size: 1.9rem; } 
/*제품슬라이드*/
.main_img .swiper-pagination { display: flex; align-items: center; justify-content: center; bottom: 3%; } 
.main_img .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 5px; } 
.main_img .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; border: 3px solid var(--main-color); width: 14px; height: 14px; } 
.eq_setting p { font-size: 1.6rem; } 
#bo_pro table.acc_tb th,#bo_pro table.acc_tb td { text-align: center; vertical-align: middle; } 
/* view_slider css */
.dot { word-break: keep-all; } 
/* 게시판 목록 */
#bo_cate { margin-bottom: 4rem; } 
#bo_cate h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#bo_cate ul { zoom:1; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-items: center; } 
#bo_cate ul:after { display:block; visibility:hidden; clear:both; } 
#bo_cate li { display:inline-block; text-align: center; border-radius: 50px; overflow: hidden; flex: 0 0 24%; margin-right: 1.3%; height: 7rem; } 
#bo_cate li:hover { } #bo_cate li:hover a { color: var(--main-color); border: 2px solid var(--main-color); } 
#bo_cate li:last-child { margin-right:0; } 
#bo_cate 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; transition: all .3s; width: 100%; height: 100%; } 
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active { text-decoration:none; /* background: var(--main-color); */color:#fff } 
#bo_cate #bo_cate_on { z-index:2; color: var(--main-color); border: 2px solid var(--main-color); } 
.td_subject img { margin-left:3px } 
.selec_chk { position:absolute; top:0; left:0; width:0; height:0; opacity:0; outline:0; z-index:-1; overflow:hidden } 
.chk_box { position:relative } 
.chk_box input[type="checkbox"] + label { position:relative; padding-left:20px; color:#676e70; vertical-align:baseline } 
.chk_box input[type="checkbox"] + label:hover { color:#2172f8 } 
.chk_box input[type="checkbox"] + label span { position:absolute; /* top:10px; *//* left:10px; */width:15px; height:15px; display:block; background:#fff; border:1px solid #d0d4df; border-radius:3px } 
.write_div .chk_box input[type="checkbox"] + label, .bo_vc_w .chk_box input[type="checkbox"] + label { padding-left:20px } 
.write_div .chk_box input[type="checkbox"] + label span, .bo_vc_w .chk_box input[type="checkbox"] + label span { position:absolute; top:2px; left:0; width:15px; height:15px; display:block; margin:0; background:#fff; border:1px solid #d0d4df; border-radius:3px } 
.chk_box input[type="checkbox"]:checked + label { color:#000 } 
.chk_box input[type="checkbox"]:checked + label span { background:url(./img/chk.png) no-repeat 50% 50% #3a8afd; border-color:#1471f6; border-radius:3px } 
.all_chk.chk_box input[type="checkbox"] + label span { top:0; left:0 } 

/* 갤러리 목록 */
#bo_gall h2 { margin:0; padding:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden } 
#bo_gall #gall_ul { padding:0; list-style:none; zoom:1; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: space-around; } 
#bo_gall #gall_ul:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_gall .gall_li { flex: 0 1 23.5%; position:relative; margin-bottom: 4.5%; display: block; transition: all .2s; margin-right: 2%; } 
#bo_gall .gall_li .gall_chk { position:absolute; top:0; left:0; padding:5px; z-index:1 } 
#bo_gall .gall_box { position:relative; /* margin:0 0 50px 0; */border-radius:0 0 2px 2px; width: 100%; height: 100%; } 
#bo_gall .gall_con { position:relative; } 
#bo_gall .gall_con .gall_img { transition: all .2s; border: 1px solid #dcdcdc; border-radius: 20px; height: 30rem; } 
#bo_gall .gall_con .gall_text_href { transition: all .2s; padding: 0 1rem; } 
#bo_gall .gall_con .gall_text_href small { } 
#bo_gall .gall_li:nth-child(4n) { margin-right: 0; } 

/* hover */
#bo_gall .gall_li:hover { } 
#bo_gall .gall_li:hover .gall_con .gall_img { border: 1px solid var(--main-color); } 
#bo_gall .gall_li:hover .gall_con h3 { font-weight: 700; } 
h3.gall_list_tit { font-size: 2rem; font-weight: 300; text-align: center; margin-bottom: 0; line-height: 1.3; padding-bottom: 0; transition: all .3s; } 

#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover { text-decoration:none } 
#bo_gall .gall_img { text-align:center; overflow:hidden; position: relative; margin: 0 auto; margin-bottom: 2rem; } 
#bo_gall #gall_ul .gall_img > a { display: flex; justify-content: center; align-items: center; padding: 2rem; } 
#bo_gall .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } 
#bo_gall .gall_img img, #bo_gall .gall_img video { /* width: auto!important; *//* height: auto !important; */width: 100%; height: 100%; object-fit: contain; } 
#bo_gall .gall_img span { display:inline-block; /* background: #eaeaea9c; */text-align:center; text-transform:uppercase; font-weight:bold; font-size: 1.7rem; color:#777 } 

#bo_gall .gall_text_href a { display: flex; flex-direction: column; } 
#bo_gall .gall_con .gall_text_href p { font-size: 1.8rem; padding-bottom: 2rem; /* height: 110px; */height: max-content; } 
#bo_gall .gall_con .gall_text_href p.simple { font-size: 1.6rem; padding-bottom: 0.2rem; text-align: center; color: #666; position: relative; } 
#bo_gall .gall_con .gall_text_href p.simple::before { content:''; display:block; position:absolute; left:0; } 
/* 자세히보기 */
#bo_gall .gall_text_href li { font-weight: 500; font-size: 1.8rem; word-break: keep-all; padding: 1.5rem 3rem; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; color: var(--sub-color); } 
#bo_gall .gall_text_href img { margin:0 0 0 4px } 
#bo_gall .bo_tit { display:block; line-height:30px; font-size: 21px; font-family: 'Pretendard', sans-serif; } 
#bo_gall .bo_tit .cnt_cmt { background:#e9eff5; color:#3a8afd; font-size:11px; height:16px; line-height:16px; padding:0 5px; border-radius:3px; vertical-align:middle } 

#bo_gall .bo_cnt { color: var(--sub-color); font-weight: 500; line-height: 1.5; word-break: keep-all; font-size: 2rem; padding-bottom: 1rem; display: block; } 
#bo_gall .profile_img img { border-radius:50% } 
#bo_gall .bo_tit .fa-download { width:16px; height:16px; line-height:16px; background:#e89f31; color:#fff; text-align:center; font-size:10px; border-radius:2px; margin-right:2px; vertical-align:middle } 
#bo_gall .bo_tit .fa-link { width:16px; height:16px; line-height:16px; background:#ad68d8; color:#fff; text-align:center; font-size:10px; border-radius:2px; margin-right:2px; vertical-align:middle; font-weight:normal } 
#bo_gall .bo_tit .fa-link { width:16px; height:16px; line-height:16px; background:#ad68d8; color:#fff; text-align:center; font-size:10px; border-radius:2px; margin-right:2px; vertical-align:middle; margin-right:2px } 
#bo_gall .bo_tit .new_icon { display:inline-block; width:16px; line-height:16px; font-size:0.825em; color:#23db79; background:#b9ffda; text-align:center; border-radius:2px; margin-left:2px; font-weight:bold; vertical-align:baseline } 
#bo_gall .bo_tit .hot_icon { display:inline-block; width:16px; line-height:16px; font-size:0.833em; color:#fff; background:#e52955; text-align:center; border-radius:2px; vertical-align:middle; margin-right:2px } 
#bo_gall .bo_tit .fa-lock { display:inline-block; line-height:16px; color:#999; text-align:center; vertical-align:middle } 

#bo_gall .gall_info { line-height:1.5em; line-height:20px } 
#bo_gall .gall_info strong { display:inline-block; margin:0 } 
#bo_gall .gall_info i { font-size:12px } 
#bo_gall .gall_info .gall_date,
#bo_gall .gall_info .gall_view { display:inline-block; margin-left:10px; color:#777 } 

#bo_gall .gall_option { position:absolute; top:10px; right:10px } 
#bo_gall .gall_option strong { background:#fff; padding:5px 10px; border-radius:30px; -webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2) } 

/* 게시판 목록 공통 */
#bo_btn_top { margin: 1rem 0; } 
#bo_btn_top:after { display:block; visibility:hidden; clear:both; content:"" } 
.bo_fx { margin-bottom:5px; float:right; zoom:1 } 
.bo_fx:after { display:block; visibility:hidden; clear:both; content:"" } 
.bo_fx ul { margin:0; padding:0; list-style:none } 
#bo_list_total { float:left; line-height:34px; font-size:0.92em; color:#4e546f } 

.btn_bo_user { float:right; margin:0; padding:0; list-style:none } 
.btn_bo_user li { float:left; width:40px; text-align:center; margin-left:5px; background:#fff } 
.btn_bo_user > li { position:relative } 
.btn_bo_adm { float:left } 
.btn_bo_adm li { float:left; margin-right:5px } 
.btn_bo_adm input { padding:0 8px; border:0; background:#d4d4d4; color:#666; text-decoration:none; vertical-align:middle } 
.bo_notice td { background:#fff6fa !important; border-bottom:1px solid #f8e6ee } 
.bo_notice td a { font-weight:bold } 
.bo_notice .notice_icon { display:inline-block; line-height:25px; border-radius:5px; font-weight:bold; color:#f9267f } 

.more_opt { display:none; position:absolute; top:45px; right:0; background:#fff; border:1px solid #b8bfc4; z-index:999 } 
.more_opt:before { content:""; position:absolute; top:-8px; right:13px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #b8bfc4 transparent } 
.more_opt:after { content:""; position:absolute; top:-6px; right:13px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #fff transparent } 
.more_opt li { border-bottom:1px solid #f1f1f1; padding:10px; float:inherit; width:90px; margin:0; color:#6b757c; text-align:left } 
.more_opt li:last-child { border-bottom:0 } 
.more_opt li button, .more_opt li a { width:100%; border:0; background:#fff; color:#6b757c } 
.more_opt li:hover a,
.more_opt li:hover button { color:#000 } 
.more_opt li i { float:right; line-height:20px } 

.td_num strong { color:#000 } 
.bo_cate_link { display:inline-block; background:#e2eaf6; color:#3a8afd; font-weight:normal !important; height:20px; line-height:10px; padding:5px 8px; border-radius:5px; font-size:0.95em; display: none; } /* 글제목줄 분류스타일 */
.bo_cate_link:hover { text-decoration:none } 
.bo_current { color:#e8180c } 
#bo_list .profile_img { display:inline-block; margin-right:5px } 
#bo_list .profile_img img { border-radius:50% } 
#bo_list .cnt_cmt { display:inline-block; margin:0 0 0 3px; font-weight:bold; color:#ed6478; font-size:0.86em } 

#bo_gall li.empty_list { padding:85px 0; text-align:center; font-size: 20px; width: 100%; } 

.bo_sch_wrap { display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:999 } 
.bo_sch { position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); background:#fff; text-align:left; width:330px; overflow-y:auto; border-radius:5px; -webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2); -moz-box-shadow:1px 1px 18px rgba(0,0,0,0.2); box-shadow:1px 1px 18px rgba(0,0,0,0.2); border:1px solid #dde7e9; background:#fff; border-radius:3px; } 
.bo_sch:after { display:block; visibility:hidden; clear:both; content:"" } 
.bo_sch h3 { padding:15px; border-bottom:1px solid #e8e8e8 } 
.bo_sch legend { background:red } 
.bo_sch form { padding:15px; display:block } 
.bo_sch select { border:0; width:100%; height:40px; border:1px solid #d0d3db; border-radius:2px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075) } 
.bo_sch .sch_bar { display:inline-block; width:100%; clear:both; margin-top:15px; border:1px solid #d0d3db; border-radius:2px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075) } 
.bo_sch .sch_input { width:250px; height:38px; border:0; padding:0; background-color:transparent; float:left } 
.bo_sch .sch_btn { height:38px; float:right; color:#656565; background:none; border:0; width:40px; font-size:15px } 
.bo_sch .bo_sch_cls { position:absolute; right:0; top:0; color:#b5b8bb; border:0; padding:12px 15px; font-size:16px; background:#fff } 
.bo_sch_bg { background:#000; background:rgba(0,0,0,0.1); width:100%; height:100% } 


/* 게시판 쓰기 */
#char_count_desc { display:block; margin:0 0 5px; padding:0 } 
#char_count_wrap { margin:5px 0 0; text-align:right } 
#char_count { font-weight:bold } 

#autosave_wrapper { position:relative; display: flex; flex-direction: row; } 
#autosave_wrapper textarea { margin-right: 1%; } 
#autosave_pop { display:none; z-index:10; position:absolute !important; top:34px; right:0; width:350px; height:auto !important; height:180px; max-height:180px; border:1px solid #565656; background:#fff; -webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2); box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2) } 
#autosave_pop:before { content:""; position:absolute; top:-8px; right:45px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #000 transparent } 
#autosave_pop:after { content:""; position:absolute; top:-7px; right:45px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #fff transparent } 
html.no-overflowscrolling #autosave_pop { height:auto; max-height:10000px !important } /* overflow 미지원 기기 대응 */
#autosave_pop strong { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#autosave_pop div { text-align:center; margin:0 !important } 
#autosave_pop button { margin:0; padding:0; border:0 } 
#autosave_pop button i { font-size: 2.4rem; } 
#autosave_pop ul { padding:15px; border-top:1px solid #e9e9e9; list-style:none; overflow-y:scroll; height:130px; border-bottom:1px solid #e8e8e8 } 
#autosave_pop li { padding:8px 5px; border-bottom:1px solid #fff; background:#eee; zoom:1 } 
#autosave_pop li:after { display:block; visibility:hidden; clear:both; content:"" } 
#autosave_pop a { display:block; float:left } 
#autosave_pop span { display:block; float:right; font-size:0.92em; font-style:italic; color:#999 } 
.autosave_close { cursor:pointer; width:100%; height:30px; background:none; color:#888; font-weight:bold; font-size: 1.6rem; } 
.autosave_close:hover { background:#f3f3f3; color:#3597d9 } 
.autosave_content { display:none } 
.autosave_del { background:url(./img/close_btn.png) no-repeat 50% 50%; text-indent:-999px; overflow:hidden; height:20px; width:20px } 

/* 게시판 읽기 */
#bo_v { box-sizing:border-box; margin: 0 auto; } 
#bo_v_table { position:absolute; top:0; right:16px; margin:0; padding:0 5px; height:25px; background:#ff3061; color:#fff; font-weight:bold; line-height:2.2em } 
#bo_v_title { } 
#bo_v_title .bo_v_cate { display:inline-block; line-height:20px; background:#e2eaf6; color:#3a8afd; padding:0 10px; border-radius:3px; } 
#bo_v_title .bo_v_tit { display:block; font-size:2em; margin:5px 0 0; word-break:break-all } 

#bo_v_info { margin:0; color:#666 } 
#bo_v_info:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_v_info h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#bo_v_info .profile_info { margin:20px 0 10px; display:inline-block; float:left } 
#bo_v_info .profile_info .pf_img { float:left; margin-right:10px } 
#bo_v_info .profile_info .pf_img img { border-radius:50%; width:50px; height:50px } 
#bo_v_info .profile_info .profile_info_ct { float:left; padding:5px 0; line-height:18px } 

#bo_v_info strong { display:inline-block; margin:0 10px 0 0; font-weight:normal } 
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest { font-weight:bold } 
#bo_v_info .profile_img { display:none } 
#bo_v_info .sv_member { color:#000 } 
#bo_v_info .if_date { margin:0; color:#888 } 

#bo_v_link h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#bo_v_link li { padding:15px; position:relative; margin:10px 0; border:1px solid #dfdfdf; border-radius:5px; -webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%); -moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%); box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%) } 
#bo_v_link li i { float:left; color:#b2b2b2; font-size:2.35em; margin-right:20px } 
#bo_v_link a { float:left; display:block; text-decoration:none; word-wrap:break-word; color:#000 } 
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active { text-decoration:underline; color:#3a8afd } 
#bo_v_link .bo_v_link_cnt { color:#b2b2b2; font-size:0.92em } 
#bo_v_link li:hover { border-color:#bed4f4; color:#bed4f4 } 
#bo_v_link li:hover i { color:#3a8afd } 
#bo_v_link li:hover .bo_v_link_cnt { color:#99c2fc } 


#bo_v_top { zoom:1; position: absolute; right: 4%; top: 0; z-index: 100; } 
#bo_v_top:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_v_top h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#bo_v_top ul { padding:0; list-style:none; word-break:break-all } 

#bo_v_bot { zoom:1 } 
#bo_v_bot:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_v_bot h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#bo_v_bot ul { padding:0; list-style:none } 

.bo_v_com { margin:20px 0; float:right } 
.bo_v_com > li { position:relative; float:left; margin-left:5px } 

.bo_v_nb { margin:20px 0; position:relative; clear:both; text-align:left } 
.bo_v_nb:after { display:block; visibility:hidden; clear:both; content:"" } 
.bo_v_nb li { border-top:1px solid #f1f1f1; padding:13px } 
.bo_v_nb li:last-child { border-bottom:1px solid #f1f1f1 } 
.bo_v_nb li:hover { background:#f6f6f6 } 
.bo_v_nb li i { font-size:13px; color:#b3b3b3 } 
.bo_v_nb li .nb_tit { display:inline-block; padding-right:20px; color:#b3b3b3 } 
.bo_v_nb li .nb_date { float:right; color:#b3b3b3 } 

#bo_v_atc { min-height:200px; height:auto !important; height:200px; background: #fff; position: relative; z-index: 1; } 
#bo_v_atc .tab_wrap { background: #f7f7f7; margin-bottom: 10rem; } 
#bo_v_atc .tab_wrap .tab_link { height: 8rem; background: #fff; } 
/* #bo_v_atc .tab_wrap .tab_link:hover { background:inherit; } 
#bo_v_atc .tab_wrap .tab_link:hover span { color: #666; } */

#bo_v_atc .tab_wrap .tab_list div span { height: 8rem; } 
#bo_v_atc_title { position:absolute; font-size:0; line-height:0; overflow:hidden } 

#bo_v_img { width:100%; height: 100%; overflow:hidden; zoom:1 } 
#bo_v_img:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_v_img a.view_image { display:block } 
#bo_v_img img { margin-bottom:20px; max-width:100%; height:auto } 

#bo_v_con { line-height: 1.5; word-break: keep-all; position: relative; margin-bottom: 8rem; } 
/* #bo_v_con::before { content:''; display:block; position: absolute; left:0; top: 37%; background: #f7fbff; width: 100%; height: 96%; z-index: 0; } */
#bo_v_con a { } 
#bo_v_con img { } 

#bo_v_act { margin-bottom:30px; text-align:center } 
#bo_v_act .bo_v_act_gng { position:relative } 
#bo_v_act a { margin-right:5px; vertical-align:middle; color:#4a5158 } 
#bo_v_act a:hover { background-color:#fff; color:#ff484f; border-color:#ff484f } 
#bo_v_act i { font-size:1.4em; margin-right:5px } 
#bo_v_act_good, #bo_v_act_nogood { display:none; position:absolute; top:30px; left:0; z-index:9999; padding:10px 0; width:165px; background:#ff3061; color:#fff; text-align:center } 
#bo_v_act .bo_v_good { display:inline-block; border:1px solid #dedede; width:70px; line-height:46px; border-radius:30px } 
#bo_v_act .bo_v_nogood { display:inline-block; border:1px solid #dedede; width:70px; line-height:46px; border-radius:30px } 

#bo_v_sns { padding:0; list-style:none; zoom:1; float:left; display:inline-block } 
#bo_v_sns:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_v_sns li { float:left; width:135px; margin-right:5px; text-align:left } 
#bo_v_sns li a { height:35px; line-height:35px; text-align:center; border-radius:5px; color:#fff; font-size:0.95em } 
#bo_v_sns li img { vertical-align:middle; margin-right:5px } 
#bo_v_sns li .sns_f { display:block; background:#3b5997 } 
#bo_v_sns li .sns_t { display:block; background:#09aeee } 
#bo_v_sns li .sns_g { display:block; background:#ea4026 } 
#bo_v_sns li .sns_k { display:block; background:#fbe300 } 

#bo_v_share { position:relative; padding:20px 0 } 
#bo_v_share:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_v_share .btn { padding:0 10px; color:#555; font-weight:normal; font-size:1em; width:80px; line-height:35px; height:35px; border-color:#d5d5d5; border-radius:5px } 
#bo_v_share .btn:hover { background:#fff } 
#bo_v_share .btn i { margin-right:5px; color:#4b5259; vertical-align:middle } 

/* 게시판 댓글 */
.cmt_btn { width:100%; text-align:left; border:0; border-bottom:1px solid #f0f0f0; background:#fff; font-weight:bold; margin:30px 0 0px; padding:0 0 15px } 
.cmt_btn span.total { position:relative; display:inline-block; margin-right:5px; font-size:1em; color:#3a8afd } 
.cmt_btn span.cmt_more { float:right; display:inline-block; width:15px; height:10px; background:url(./img/btn_cmt.png) no-repeat right 2px; margin-top:5px } 
.cmt_btn_op span.cmt_more { background-position:right -8px } 
.cmt_btn b { font-size:1.2em; color:#000 } 
.cmt_btn span.total:after { position:absolute; bottom:-17px; left:0; display:inline-block; background:#3a8afd; content:""; width:100%; height:2px } 
#bo_vc h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#bo_vc article { margin:20px 0; position:relative; border-bottom:1px solid #f0f0f0 } 
#bo_vc article:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_vc article .profile_img img { border-radius:50% } 
#bo_vc article .pf_img { float:left; margin-right:10px } 
#bo_vc article .pf_img img { border-radius:50%; width:50px; height:50px } 
#bo_vc article .cm_wrap { float:left; max-width:870px; width:90% } 
#bo_vc header { position:relative; width:100% } 
#bo_vc header:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_vc header .profile_img { display:none } 
#bo_vc header .icon_reply { position:absolute; top:15px; left:-20px } 
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest { font-weight:bold } 
.bo_vc_hdinfo { color:#777 } 
#bo_vc h1 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#bo_vc .cmt_contents { line-height:1.8em; padding:0 0 20px } 
#bo_vc p a { text-decoration:underline } 
#bo_vc p a.s_cmt { text-decoration:underline; color:#ed6479 } 
#bo_vc_empty { margin:0; padding:80px 0 !important; color:#777; text-align:center } 
#bo_vc #bo_vc_winfo { float:left } 
#bo_vc .bo_vl_opt { position:absolute; top:0; right:0 } 

.bo_vc_act { display:none; position:absolute; right:0; top:40px; width:58px; text-align:right; border:1px solid #b8bfc4; margin:0; list-style:none; background:#fff; zoom:1; z-index:9999 } 
.bo_vc_act:before { content:""; position:absolute; top:-8px; right:5px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #b8bfc4 transparent } 
.bo_vc_act:after { content:""; position:absolute; top:-6px; right:5px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #fff transparent } 
.bo_vc_act li { border-bottom:1px solid #f0f0f0 } 
.bo_vc_act li:last-child { border-bottom:0 } 
.bo_vc_act li a { display:inline-block; padding:10px 15px } 
.bo_vc_act li a:hover { color:#3a8afd } 

.bo_vc_w { position:relative; margin:10px 0; display:block } 
.bo_vc_w:after { display:block; visibility:hidden; clear:both; content:"" } 
.bo_vc_w h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
.bo_vc_w #char_cnt { display:block; margin:0 0 5px } 
.bo_vc_w textarea { border:1px solid #ccc; background:#fff; color:#000; vertical-align:middle; border-radius:3px; padding:5px; width:100%; height:120px; -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1) } 
.bo_vc_w_info { margin:10px 0; float:left } 
.bo_vc_w_info:after { display:block; visibility:hidden; clear:both; content:"" } 
.bo_vc_w_info .frm_input { float:left; margin-right:5px } 
.bo_vc_w_info #captcha { padding-top:10px; display:block; clear:both } 
.bo_vc_w .btn_confirm { clear:both; margin-top:10px } 
.bo_vc_w .btn_confirm label { display:inline-block; margin-right:10px; border-radius:3px; font-size:1.5em; text-align:center } 
.bo_vc_w .btn_submit { height:45px; padding:0 20px; border-radius:3px; font-weight:bold; font-size:1.083em } 
.bo_vc_w .btn_confirm .secret_cm label { font-size:1em !important } 
.bo_vc_w_wr:after { display:block; visibility:hidden; clear:both; content:"" } 
.secret_cm { display:inline-block; float:left } 

#bo_vc_send_sns { display:inline-block; float:left } 
#bo_vc_sns { display:inline-block; margin:0; padding:0; list-style:none; zoom:1 } 
#bo_vc_sns:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_vc_sns li { float:left; margin:0 5px 0 0 } 
#bo_vc_sns .sns_li_f { border-radius:3px; background:#3a589b; height:40px; line-height:40px; padding:0 0 0 10px } 
#bo_vc_sns .sns_li_t { border-radius:3px; background:#00aced; height:40px; line-height:40px; padding:0 0 0 10px } 
#bo_vc_sns .sns_li_off { background:#bbb } 
#bo_vc_sns a { display:inline-block; padding:0 15px 0 5px } 
#bo_vc_sns input { margin:0 5px 0 0 } 

/*글쓰기*/
#bo_w .bo_v_option li { display:inline-block; float:left; text-align:left; margin:0 5px 0 0 } 
#bo_w .bo_v_option li label { vertical-align:baseline } 
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span { margin-left:0; margin-right:5px } 
#bo_w .write_div { margin:10px 0; position:relative; width: 100%; margin: 0 auto; flex-grow: 1; } 
#bo_w .bo_w_flie { margin-bottom: 1rem; } 
#bo_w .bo_w_flie:last-child { /* margin-bottom:0; */ } 
#bo_w .write_div > * { } 
#bo_w .write_div .cancel_div a { display: block; margin-right: 5px; } 
#bo_w .write_div:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_w .bo_w_info:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_w .bo_w_info .frm_input { float:left; margin-bottom:1% } 
#bo_w #wr_password, #bo_w #wr_homepage { margin-left:1% } 
#bo_w .wr_content.smarteditor2 iframe { background:#fff } 
#bo_w .bo_w_tit { position:relative } 
#bo_w .bo_w_tit .frm_input { padding-right:120px } 
#bo_w .bo_w_tit #btn_autosave { position:absolute; top:5px; right:5px; line-height:30px; height:30px } 
#bo_w .bo_w_link label { position:absolute; top:1px; left:1px; border-radius:3px 0 0 3px; height:38px; line-height:38px; width:40px; font-size:1.2em; text-align:center; color:#b2b2b2 } 
#bo_w .bo_w_link .frm_input { padding-left:50px } 
#bo_w .bo_w_flie .lb_icon { position:absolute; top:0px; left:0px; border-radius:3px 0 0 3px; height:38px; line-height:38px; width:40px; font-size:1.2em; text-align:center; color:#b2b2b2 } 
#bo_w .bo_w_flie .frm_file { padding-left: 40px; } 
#bo_w .bo_w_flie .file_wr { position:relative; border:1px solid #ccc; background:#fff; color:#000; vertical-align:middle; border-radius:3px; padding:5px; height:40px; margin:0; width: 100%; } 
#bo_w .bo_w_flie .frm_input { margin:10px 0 0 } 
#bo_w .bo_w_flie .file_del { position:absolute; top:10px; right:10px; font-size:0.92em; color:#7d7d7d } 
#bo_w .bo_w_select select { border:1px solid #d0d3db; width:100%; height:40px; border-radius:3px } 
#bo_w .btn_submit { padding:0 20px; font-size:1.167em; } 
#bo_w .btn_cancel { } 

/* 게시판 list 커스텀 */
#bo_gall .gall_li:hover .go_view_btn_wrap li { border: 1px solid var(--sub-color); transition:all .3s; } 
#bo_gall .gall_li .go_view_btn_wrap li:hover { background: var(--sub-color); } 
#bo_gall .gall_li .go_view_btn_wrap li:hover { color:#fff; } 
.go_view_btn_wrap { } 
.go_view_btn_wrap li { border: 1px solid var(--sub-color); border-radius: 40px; margin-bottom: 1rem; transition: all .3s; } 
.go_view_btn_wrap li:last-child { margin-bottom:0; } 
.go_view_btn_wrap li a { transition: all .3s; } 
.go_view_btn_wrap li span { } 
.go_view_btn_wrap li span.long_arrow { background:url(/img/long_arrow.svg) no-repeat center center/contain; width: 4rem; height: 1rem; display: block; } 
.go_view_btn_wrap li:hover span.long_arrow { background:url(/img/long_arrow_w.svg) no-repeat center center/contain; width: 4rem; height: 1rem; } 

.eq_view .main_img .swiper-slide { width:100%!important; } 
.eq_view .main_img .swiper-slide .img_box { /* padding: 5rem; */padding: 0 3rem 5rem 3rem; height: 500px; } 
.eq_view .main_img .swiper-slide img { } 

/* 게시판 view 커스텀 */
.wr_10_wrap h4 { font-size: 3rem; text-align: center; color: #222; font-family: var(--font-fam); padding-top: 4rem; line-height: 1.2; } 
.m100 { margin-bottom: 80px; } 
.view_content .main_box { margin-bottom: 4%; width: 50%; } 
.view_content { display: flex; justify-content: space-between; align-items: stretch; position: relative; flex-direction: row; flex-wrap: wrap; } 
.view_content.f_center { align-items: center; } 
.view_content .main_img { margin: 0 auto; border: unset; height: auto; position: relative; margin-right: 4%; background: #fff; /* width: 100%; */display: flex; justify-content: center; align-items: center; flex-direction: column; /* border: 1px solid #dcdcdc; */ } 
.view_content .main_img .proSwiper { width: 100%; } 
.view_content .main_img a { width:100%; height:100% } 
#bo_v_con .view_content .main_img img { height: 100%; width: 100%; display: block; margin: 0 auto; object-fit: contain; } 
.view_content .main_info { font-size: 1.6rem; display: flex; flex-direction: column; justify-content: flex-start; width: 46%; flex: 0 1 45%; } 
.view_content .main_info .bo_tit_box { padding-bottom: 2rem; border-bottom: 1px solid #dcdcdc; margin-bottom: 2rem; } 
.view_content .main_info h3 { color: #999; font-size: 2rem; font-weight: 500; margin-bottom: 3rem; margin-top: 2rem; } 
.view_content .main_info h2 { font-weight: 500; } 
.pro_view_btn { display: flex; justify-content: space-between; align-items: flex-end; flex-direction: row; flex-wrap: wrap; } 
.pro_view_btn > div { width: 48%; /* flex: 1 1 48%; */ } 
.pro_view_btn > div a i { background:url(/img/long_arrow_w.png) no-repeat center center/contain; width: 30px; height: 8px; } 
.pro_view_btn > div a { color:#fff; padding: 2.6rem; position: relative; font-size: 1.6rem; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } 
.pro_view_btn > div:nth-child(1) { background: var(--main-color); margin-right: 3%; } 
.pro_view_btn > div:nth-child(2) { background: #a6a6a6; } 

#bo_v_con .view_content .main_info .bo_v_tit { color: #222; font-size: 3.6rem; font-weight: 600; line-height: 1.1; } 
#bo_v_con .catal_btn { display: flex; justify-content: space-between; padding-left: unset; max-width: 90%; width: 100%; } 
#bo_v_con .catal_btn li { list-style: none; background: #dcdcdc; width: 47%; display: block; transition:all .4s; } 
#bo_v_con .catal_btn li:hover { color:#fff; background:#008ba4; } 
#bo_v_con .catal_btn li:hover a { color:inherit; } 
#bo_v_con .catal_btn li a { font-size: 16px; text-align: center; padding: 20px; width: 100%; height: 100%; display: block; font-weight: 600; color: #222; } 
#bo_v_con #cate_title { margin-bottom: 4rem; } 
.bo_v_cate { display: block; padding-bottom: 1rem; font-size: 2rem; color: #888; color: var(--main-color); font-weight: 400; text-align: center; } 
.bo_v_tit { display: block; font-size: 3.4rem; line-height: 1.3; } 

/* 게시판 write 커스텀 */
.table_wrap { margin: 0 0 20px; } 
.table_wrap table { width:100%; border-collapse:collapse; border-spacing:0; } 
.table_wrap tr th { font-size: 16px; width: 10%; font-weight: 500; padding: 10px 15px; border:1px solid #e9e9e9; border-left:0; background: #fff8f8; text-align:left; } 
.table_wrap tr td li { list-style: none; display: inline-block; } 
.table_wrap tr td { padding:7px 10px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:transparent; text-align: left; } 
button.custom_autobtn { width: 12%; font-size: 1.5rem; } 
.fa-link { position: absolute; top: 8px; left: 8px; } 
.new_wr_textarea { width: 100%; height: 100px; border-color: #d0d3db; } 
#wr_content { width: 100%; height: 200px !important; } 

/* 게시판 view 커스텀 */
#bo_v .bo_tit_box .serial { display: flex; align-items: flex-end; margin-top: 1rem; font-size: 1.9rem; } 
#bo_v .bo_tit_box .serial b { margin-right: 1rem; font-weight: 600; font-family: var(--font-fam); font-size: inherit; } 
#bo_v .bo_tit_box .serial span { padding-bottom: 0; font-size: inherit; } 
#bo_v .bo_tit_box span { color: #666; font-weight: 600; font-size: 2rem; display: block; padding-bottom: 1.8rem; } 
#bo_v .bo_tit_box .type_tit1 { padding-bottom: 0; font-size: 3.2rem; font-weight: 700; line-height: 1.2; } 
#bo_v .bo_tit_box .type_tit2 { font-weight: 500; color: #444; font-size: 2.4rem; padding-bottom: 4rem; } 
.view_box .editor2 ul li > b { font-weight: 700; } 
#bo_pro { position: relative; padding-bottom: 100px; } 
#bo_pro table { font-size: 1.7rem !important; font-family: var(--font-fam) !important; width: 100% !important; } 
.link_box { position: relative; } 
.view_box { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; width: 100%; max-width: 1480px; margin: 0 auto; } 
.section_tit.tit_rec { /* padding-bottom: 10px; margin-bottom: 24px; */font-size: 2.7rem; padding-left: 5rem; color: var(--main-color); } 
.view_box .editor2 ul { margin-left: 0; } 
.view_box .editor2 { margin-bottom: 2rem; min-height: 7rem; } 
.view_box .editor2 ul li { font-size: 1.8rem; /* margin: 2rem 0px; */margin-bottom: 1rem; } 
/* spec list 일때 */
#bo_v_con .editor2 > ul.list { padding-left: 0; margin-top: 0; margin-bottom: 0; } 
#bo_v_con .editor2 > ul.list li { position: relative; padding: 0.5rem; font-size: 1.8rem; color: #4e4e4e; padding-left: 1.6rem; list-style: none; } 
#bo_v_con .editor2 > ul.list li:before { content:''; display:block; position:absolute; top: 16px; left:0; font-size: 1.8rem; width: 5px; height: 5px; background: var(--main-color); } 
/* */
.view_box .editor2 table { font-size: 1.8rem !important; width: 100% !important; border-top: 2px solid #9a9a9a !important; border-collapse: collapse; font-family: 'Pretendard' !important; } 
.view_box .editor2 th { background: #f3f7fb; font-weight: 600; font-size: 1.9rem; } 
.view_box .editor2 td { /* width: 50%; */color: #222; } 
.view_box .editor2 th,.view_box .editor2 td { border-bottom: 1px solid #ccc; /* border-left: 1px solid #ccc; */border-right: 1px solid #ccc; padding: 1.5rem; line-height: 1.4; border-color: #ccc!important; width: auto !important; } 
.view_box .editor2 th:first-child, .view_box .editor2 td:first-child { /* background: #f3f3f3 !important; */
 color: #111; font-weight: 400; /*width: 20% !important; width: fit-content; */
 /* max-width: 20%; */
 text-align: left; } 
.view_box td.border_r { border-right: 1px solid #ccc !important; } 
.view_box .editor2 td:last-child,.view_box .editor2 th:last-child { border-right: none; } 
.editor2 td:nth-child(2) { text-align: left; padding-left: 2.4rem; } 
.editor2 td div { text-align: left !important; } 
.view_box .editor2 td > div, .view_box .editor2 th, .view_box .editor2 td span { font-size: inherit !important; font-family: inherit !important; } 
.view_box .last_box { padding: 40px 60px; border: 1px solid #dcdcdc; box-shadow: 2px 2px 8px 1px #ddd; margin-bottom: 40px; } 
.view_box .editor3 { width: 100%; } 
.view_box .editor3 ul,
.view_box .editor3 { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; width: 100%; } 
.view_box .editor3 ul li,
.view_box .editor3 > div { font-size: 17px; width: 46%; line-height: 1.7; padding-left: 20px; position: relative; padding-bottom: 10px; } 
.view_box .editor3 ul li::before,
.view_box .editor3 > div::before { content:''; display:block; position:absolute; left:0; width: 4px; height:4px; background:#03479c; top: 11px; } 
.view_box .catal_btn { margin: 3rem 0; display: flex; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; align-items: center; border-top: 1px solid #dcdcdc; padding-top: 4rem; } 
.view_box .catal_btn .file_list { width: calc(100% / 3 - 1rem); padding: 20px; border: 1px solid #dcdcdc; margin-bottom: 1.5rem; margin-right: 1.5rem; } 
.view_box .catal_btn .file_list:nth-child(3n) { margin-right: 0; } 
.view_box .catal_btn .file_list i { display: inline-block; } 
.view_box .catal_btn .file_list a { color: #777; font-size: 1.7rem; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; word-break: keep-all; } 
.view_wr_img { width: 100%; position: relative; } 
#v_img_wrap > div { display: flex; flex-direction: column; } 
#v_img_wrap > div h4 { font-size: 32px; color: #222; padding-bottom: 20px; position: relative; } 
.tit_rec { position: relative; padding-left: 20px; font-size: 2.4rem; color: #222222f7; font-weight: 500; line-height: 1.1; margin-bottom: 3rem; } 
.tit_rec::before { transform: translateY(-50%); content: ""; width: 4rem; height: 3px; background: var(--main-color); position: absolute; left: 0; bottom: 4px; } 
#v_img_wrap > div img { max-width: 1300px; max-width: 100%; width: auto; margin: 0 auto; } 
.goback_btn { display: block; text-align: center; } 
.goback_btn a { background: #f7f7f7; color: #666; display: inline-block; font-size: 1.6rem; width: 31rem; height: 7rem; line-height: 7rem; text-align: center; transition: all 0.3s; margin-top: 7rem; } 
.goback_btn a:hover { color: #fff; } 
.editor4.wr_1box table { width: 100%; } 
.editor8.wr_1box td { padding: 6px; width: 50% !important; height: fit-content !important; } 
.wr_1box { } 
.wr_1box p { word-break: keep-all; font-size: 2rem; position: relative; } 
.wr_1box > p,.editor2 > p { word-break: keep-all; font-size: 1.8rem; line-height: 1.5; position: relative; font-weight: 400; color: #111; font-family: var(--font-fam) !important; } 
.wr_1box p span { font-family: var(--font-fam) !important; font-size: 1.8rem !important; color: #222 !important; background-color: unset; } 
.wr_1box p b span { word-break: keep-all; font-family: var(--font-fam) !important; font-size: 2rem !important; padding-bottom: 1rem; display: block; } 
.wr_1box ul li b, .wr_1box ul li, .wr_1box ul li span { font-size: 1.8rem !important; font-family: inherit !important; } 
.wr_1box > div.remove { padding-left:0; } 
.editor4 a.view_image { /* border: 1px solid #dcdcdc; */padding: 2rem; } 
.editor4 a > img { width: 100%; max-width: fit-content; } 


/* 카탈로그 부분 커스텀 */
.catal_wrap { max-width: 1480px; margin: 0 auto; width: 100%; } 
.product_view_catalogue_list { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; } 
.product_view_catalogue_item { margin-left: 4%; width: 20%; margin-bottom: 4%; } 
.product_view_catalogue_item .img_box { } 
.product_view_catalogue_item img { width: 100%; /* max-width: fit-content; */border: 1px solid #dcdcdc; } 
.product_view_catalogue_info { text-align: center; margin: 2.2rem 0; font-size: 1.8rem; } 
.product_view_catalogue_info p b { font-weight: 600; } 
.product_view_catalogue_info b i { display: none; } 
.product_view_catal_down_wrap { border: 1px solid var(--main-color); border-radius: 10px; transition:all .3s; } 
.product_view_catal_down_wrap a { color: var(--main-color); font-weight: 500; font-size: 1.7rem; padding: 1rem 2.2rem; display: flex; justify-content: space-between; align-items: center; } 
.product_view_catal_down_wrap a span { } 
.product_view_catal_down_wrap a i { font-size: 2.6rem; } 
.product_view_catal_down_wrap:hover { background:var(--main-color); box-shadow: 1px 1px 6px 4px #00479d38; } 
.product_view_catal_down_wrap:hover a { color:#fff; } 


/*board youtube_popup*/
.mfp-hide { display: none !important; } 
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } 
.mfp-bg.mfp-ready { opacity: 0.8; } 
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; display:none; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } 
.mfp-wrap.mfp-ready { display:block; } 
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; /* height: 100vh; */left: 0; top: 0; padding: 0 8px; box-sizing: border-box; opacity:0; } 
.mfp-ready .mfp-container { opacity: 1; height: 100vh; } 
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } 
.mfp-inline-holder .mfp-content { width: 100%; cursor: auto; } 
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; z-index: 1045; cursor: auto; } 
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } 
.video_popup_open .mfp-content { max-width: 1000px; } 
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; left: 50%; top: calc( 50% + 80px); transform: translate(-50%, -50%); position: absolute; } 
.mfp-close { line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; cursor:pointer } 
button.mfp-close { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; width: 55px; height: 55px; top: -55px; right: 0; font-size: 0; opacity: 1; cursor: pointer; color: #333; } 
button.mfp-close i { color: #fff; font-size: 4rem; } 
button.mfp-close:after { display: block; width: 100%; height: 100%; position: absolute; top: 1px; left: 0; font-family: 'hs-font'; content: '\e927'; font-size: 30px; line-height: 55px; font-weight: normal; text-align: center; color: #fff0; -webkit-transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1); transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1); transition: 1s transform cubic-bezier(.075,.82,.165,1); transition: 1s transform cubic-bezier(.075,.82,.165,1), 1s -webkit-transform cubic-bezier(.075,.82,.165,1); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } 
.mfp-content a.youtube_link { margin:40px auto 0; display: inline-block; width: fit-content; } 
.mfp-content a.youtube_link i { display: none; } 
.mfp-content a.youtube_link span:after { top:4px } 
.mfp-content a.youtube_link span { color: #fff; border: 1px solid #fff; padding: 2rem 3rem; } 

/* card */
.jt_card_motion > * { -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); opacity: 0; -webkit-transition: opacity 800ms, -webkit-transform 1s ease-out; transition: transform 1s ease-out, opacity 800ms; } 
.jt_card_motion > *:nth-child(1) { -webkit-transition-delay: 300ms; transition-delay: 300ms; } 
.jt_card_motion > *:nth-child(2) { -webkit-transition-delay: 450ms; transition-delay: 450ms; } 
.jt_card_motion > *:nth-child(3) { -webkit-transition-delay: 600ms; transition-delay: 600ms; } 
.jt_card_motion > *:nth-child(4) { -webkit-transition-delay: 750ms; transition-delay: 750ms; } 
.jt_card_motion > *:nth-child(5) { -webkit-transition-delay: 900ms; transition-delay: 900ms; } 
.jt_card_motion > *:nth-child(6) { -webkit-transition-delay: 1050ms; transition-delay: 1050ms; } 
.jt_card_motion > *:nth-child(7) { -webkit-transition-delay: 1200ms; transition-delay: 1200ms; } 
.jt_card_motion > *:nth-child(8) { -webkit-transition-delay: 1350ms; transition-delay: 1350ms; } 
.jt_card_motion > *:nth-child(9) { -webkit-transition-delay: 1500ms; transition-delay: 1500ms; } 
.jt_card_motion > *:nth-child(10) { -webkit-transition-delay: 1650ms; transition-delay: 1650ms; } 
.jt_card_motion > *:nth-child(11) { -webkit-transition-delay: 1850ms; transition-delay: 1850ms; } 
.jt_card_motion > *:nth-child(12) { -webkit-transition-delay: 2000ms; transition-delay: 2000ms; } 
.jt_card_motion > *:nth-child(13) { -webkit-transition-delay: 2150ms; transition-delay: 2150ms; } 
.jt_card_motion > *:nth-child(14) { -webkit-transition-delay: 2300ms; transition-delay: 2300ms; } 
.jt_card_motion > *:nth-child(15) { -webkit-transition-delay: 2450ms; transition-delay: 2450ms; } 
.jt_card_motion > *:nth-child(16) { -webkit-transition-delay: 2600ms; transition-delay: 2600ms; } 
.jt_card_motion > *:nth-child(17) { -webkit-transition-delay: 2750ms; transition-delay: 2750ms; } 
.jt_card_motion > *:nth-child(18) { -webkit-transition-delay: 2900ms; transition-delay: 2900ms; } 
.jt_card_motion > *:nth-child(19) { -webkit-transition-delay: 3050ms; transition-delay: 3050ms; } 
.jt_card_motion > *:nth-child(20) { -webkit-transition-delay: 3200ms; transition-delay: 3200ms; } 
.jt_card_motion.aos-animate > * { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } 

/* 브로셔버튼 */
.product_btn_wrap { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; color: #666; font-size: 1.6rem; } 
.product_btn_wrap > div { border: 1px solid #c6c6c6; border-radius: 50px; height: 6rem; flex: 0 1 49%; padding: 0 3rem; transition: all .3s; } 
.product_btn_wrap > div:hover { border:1px solid var(--main-color); color:#fff; background: var(--main-color); } 
.product_btn_wrap > div a { display: flex; justify-content: space-between; align-items: center; } 
.product_btn_wrap > div a i { font-size: 2.2rem; } 

/* spec_list */
#bo_v .view_content .spec_list.view_tb_wrap { border-top: unset; } 
#bo_v .view_content .spec_list { margin: 0; padding: 4rem 0; border-top: 1px solid var(--main-color); } 
.view_content .spec_list li { list-style-type: none; display: flex !important; flex-direction: row; padding-bottom: 1.4rem; } 
.view_content .spec_list.eng li b { width: 30%; } 
.view_content .spec_list li b { font-size: 2rem !important; width: 18%; display: inline-block; min-width: 100px; } 
.view_content .spec_list li span { font-size: 2rem !important; } 
.view_content .spec_list.list2 li span { width: 50%; } 
.view_content .spec_list.list2.eng li b { width: 38%; font-size: 1.8rem!important; } 
.view_content .spec_list.list2.eng li:last-child span { width: 100%; } 



/* mobile */
@media (max-width: 1580px){
 .view_content .main_img { flex: 1 0 40%; } 
 .view_content .main_info { width: unset; flex: 1 1 51%; } 
 #bo_view { width: 100%; } 
 }
@media (max-width: 1300px){
 #bo_view { width: 100%; } 
 #bo_view .inner_wrap { width: 92%; } 
 .youtube_org_ver .youtube_wrap iframe { height: 60rem; margin-bottom: 4rem; } 
 
 #bo_cate li { flex: 1 1 22%; /* flex: 1 1 auto; */ } 
 .product_spec_wrap { width: 100%; } 
 }

@media (max-width: 1280px){
 #bo_pro { padding-bottom: 8rem; } 
 #bo_v_con { margin-top:0; } 
 #bo_gall .gall_con .gall_img { margin-bottom: 3rem; } 
 .gall_list_tit { padding-bottom: 0; } 
 }

@media (max-width: 1080px) { /* 관련제품 */
 .rlated_wrap.wrap1 { margin-bottom: 8rem; } 
 .rlated_wrap .swiper-slide .img_box { height: 20rem; } 
 .rlated_wrap .swiper-slide .img_box img { padding: 1rem; } 
 .gall_img .no_image { display: flex !important; justify-content: center; align-items: center; } 
 #bo_gall .gall_con .gall_img { height: 24rem; margin-bottom: 2rem; } 
 .go_view_btn_wrap li span.long_arrow { width: 3rem; } 
 /* 제품상세 */
 #bo_v_con .view_content .main_info .bo_v_tit { font-size: 28px; } 
 #bo_v_con .catal_btn { max-width: 100%; } 
 #bo_v_con .catal_btn li a { font-size: 15px; padding: 16px 5px; } 
 #v_img_wrap > div h4 { font-size: 27px; } 
 .goback_btn a { } 
 .product_spec_wrap .tab_list { margin: 0; width: 100%; text-align: center; } 
 .product_spec_wrap .tab_list div { flex: 1 1 auto; padding-right: 0; } 
 /* 제품리스트 */
 .eq_sub_list table { font-size: 1.7rem; } 
.eq_sub_list table th, .eq_sub_list table td { padding: 1.6rem; } 
.eq_sub_list table th:nth-child(1) { width: 100px; } 
 .eq_sub_list table th:nth-child(2) { width: 90px; } 
 .eq_sub_list table th:nth-child(3) { width: 90px } 
 }

@media (max-width: 840px){
 .view_content .main_img { flex: 1 0 100%; margin-right: 0; margin-bottom: 6rem; } 
.eq_view .main_img .swiper-slide .img_box { height: 400px; } 
 #bo_v_con { margin-bottom: 6rem; } 
 #bo_v_atc .tab_list { margin-bottom: 6rem; } 
 #bo_v_atc .tab_wrap { margin-bottom: 6rem; } 
 .spec_info_wrap { padding: 3rem 2rem; } 
 .youtube_org_ver .youtube_wrap iframe { height: 50rem; } 
 #bo_v_atc .tab_wrap .tab_list div span { display: flex; justify-content: center; align-items: center; height: 100%; } 
 #bo_v_atc .tab_wrap .tab_link { height: 7rem; } 
 }

@media (max-width: 768px) { /* 연관제품 */
#tab_3 .rlated_wrap .swiper-slide .info_box h3:before { display: none; } 
 /* 팝업레이어 */
 .layer .pop-layer { width: 70%; /* height: 70vh; */ } 
 .layer .pop-layer #img_area { width: 100%; height: 100%; } 
 /* 제품 list */
 .goback_btn a { margin-top: 5rem; } 
 
 /* 스크롤바의 폭 너비 */
#bo_pro .tb_wrap::-webkit-scrollbar { height:4px; } 
#bo_pro .tb_wrap::-webkit-scrollbar-thumb { background:var(--sub-color); /* 스크롤바 색상 */
 border-radius: 10px; /* 스크롤바 둥근 테두리 */ } 
#bo_pro .tb_wrap::-webkit-scrollbar-track { background: #00479d29; /*스크롤바 뒷 배경 색상*/ } 
 #bo_gall .gall_li:nth-child(3n) { } 
 #bo_pro .tb_wrap { overflow-x: scroll; overflow: auto; } 
 #bo_pro table { width: 140% !important; } 
 #bo_gall .gall_text_href li { padding: 1rem; display: flex; justify-content: center; } 
 #bo_gall .gall_li { margin-bottom: 3%; flex: 0 1 49%; } 
 #bo_gall .gall_li:nth-child(2n) { margin-right: 0; } 
 #bo_gall .gall_li:nth-child(4n) { margin-right: 0; } 
 .go_view_btn_wrap li span.long_arrow { display: none; } 
 #bo_pro { padding-bottom: 4rem; } 
 .view_content .main_box { width: 100%; margin-right: 0; } 
 .view_content .main_img { width: 100%; margin-right: 0; margin: 0 auto; height: 60rem; } 
 .pro_mySwiper2 { height: 40rem; } 
 .pro_mySwiper { height: 20rem; } 
 .pro_mySwiper:hover { height: 20rem; } 
 .view_box { margin-top: 3rem; } 
 .tit_rec::before { height: 2.5px; width: 3.4rem; } 
 .section_tit.tit_rec { padding-left: 4.7rem; } 
 .graph_list { width: 100%; } 
 .graph_list li { width: 26%; } 
 .m100 { margin-bottom: 60px; } 
 .view_box .editor2 { margin-top: 0; width: 100%; } 
/* category */
 #bo_cate li a { padding: 0; text-align: center; line-height: 1.3; display: flex; align-items: center; justify-content: center; } 
 /* list */
 #bo_gall #gall_ul { display: flex; flex-wrap: wrap; flex-direction: row; } 
 .gall_row .col-gn-4 { width: 33.3%; } 
 #bo_gall .gall_img img, #bo_gall .gall_img video { /* width: calc(100% - 5px) !important; *//* padding: 0; *//* height: auto; */ } 
 #bo_gall .gall_text_href { padding: 0 1rem; } 
 #bo_gall .gall_text_href a { font-size: 16px; } 
 /* view */
 .view_box .catal_btn .file_list { padding: 14px; } 
 #bo_v_title .bo_v_tit { font-size: 18px; } 
 #bo_v_atc { /* margin-top: 60px; */ } 
 .wr_1box { font-size: 1.8rem; } 
 .view_box .last_box { padding: 20px 40px; } 
 .view_box .editor3 ul li { font-size: 16px; width: 100%; } 
.view_box .editor2 td { font-size: 15px; } 
/* 제품상세 */
 #bo_v_con .view_content .main_img img { width: 100%; height: 100%; object-fit: contain; } 
 .view_content .main_info { margin-top: 4rem; width: 100%; } 
 .view_wr_img { width: 80%; margin:0 auto; } 
 #bo_v_con .view_content .main_info .bo_v_tit { font-size: 24px; } 
 #v_img_wrap > div h4 { font-size: 24px; } 
 #bo_v_top { top: 50px; display: none; } 
 .wr_1box ul li b, .wr_1box ul li, .wr_1box ul li span { font-size: 15px !important; } 
 .slide_sub .swiper-slide img { height: 100px; } 
 }

@media (max-width: 680px) { /* 제품 LSIT */
 .eq_sub_list .tb_wrap { overflow-x: scroll; } 
 .eq_sub_list .tb_wrap table { width: 180%; } 
 
 /* 제품공통탭 제품 - 소모품 */
 .youtube_wrap { margin-top: 5rem; } 
 .youtube_org_ver .youtube_wrap iframe { height: 39rem; } 
/* category */ 
 #bo_cate li { flex: 1 1 48%; height: 6rem; margin-bottom: 1rem; } 
 #bo_cate li a { padding: 0; text-align: center; line-height: 1.3; display: flex; align-items: center; justify-content: center; } 
 
 .view_content { display: flex; flex-direction: column; } 
 .view_content .main_img { width: 100%; height: 380px; } 
 .view_content .main_info { width: 100%; padding-bottom: 0px; } 
 .view_box .catal_btn { width: 100%; } 
 .view_box .catal_btn .file_list { width: calc(100% / 2 - 1rem); } 
 #bo_pro { padding-bottom: 3rem; } 
 .view_box .catal_btn .file_list:nth-child(2n) { margin-right:0; } 
 .view_box .catal_btn .file_list:nth-child(3) { margin-right: 1.5rem; } 
 .slide_sub { position: relative; width: 100%; height: 100px; margin-top: 10px; } 
 /* 의료기기, 화면테이블 */
 .view_box .editor3 ul li, .view_box .editor3 > div { width: 100%; font-size: 14px; } 
 }
@media (max-width: 500px){
 .spec_info_wrap ul.list_2 li { width: 100%; font-size: 1.7rem; word-break: keep-all; } 
 #bo_v_atc .tab_wrap .tab_link { height: 5rem; border-width: 1px; } 
 #bo_v_atc .tab_wrap .tab_list div span { font-size: 1.6rem; } 
 .goback_btn { } 

 
 #bo_v_top ul { margin: 0; } 
 .wr_1box p span { font-size: 1.8rem !important; } 
 .view_box .catal_btn { padding-top: 3rem; margin-top: 0; } 
 #bo_gall li.empty_list { font-size: 14px; } 
 #bo_v_top { top: 10px; right: 0; display: none; } 
 #bo_gall .gall_text_href a { font-size: 15px; padding-bottom: 0; word-break: keep-all; } 
 .gall_row .col-gn-4 { width: 50%; } 
 .view_box { display:flex; flex-direction: column; flex-wrap: wrap; margin-top: 0; } 
 .view_wr_img { width: 80%; margin: 0 auto; } 
 #bo_v_con { } 
 #bo_v_con #cate_title { margin-bottom: 0; } 
 .wr_1box { font-size:14px; word-break: keep-all; } 
 .goback_btn a { font-size: 1.5rem; width: 150px; height: 40px; line-height: 40px; } 
 .gall_row .col-gn-4 { width: 100%; } 
/* write */
.table_wrap tr th { font-size: 14px; } 
button.custom_autobtn { width: 40%; height: 30px; margin-top: 5px; } 
/* 제품페이지 */
 .view_content .main_img { width: 100%; margin: 0 auto; } 
 .view_content .main_info { width: 100%; margin: 1em 0 0 0; } 
 .view_wr_img { width: 100%; margin:0 auto; } 
 #bo_v_con .view_content .main_info .bo_v_tit { font-size: 20px; padding-bottom: 20px; } 
 #v_img_wrap > div h4 { font-size: 20px; padding-left: 18px; } 
 .tit_rec::before { } 
 #bo_v_con .catal_btn { max-width: unset; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-direction: row; flex-wrap: wrap; } 
 #bo_v_con .catal_btn li a { font-size: 13px; } 
 #bo_v_con .view_content .main_img img { width:100%; object-fit: contain; /* object-fit: cover; */max-width: unset; } 
 .view_box .editor3 ul li { font-size: 14px; padding-left: 13px; } 
 .view_box .last_box { padding: 20px 20px; } 
 .view_box .editor2 td { padding: 8px; line-height: 1.3; font-size:13px; word-break: keep-all; } 
 #bo_v_con .wr_1box ul li::before { top: 10px; } 
 .view_box .editor3 ul li::before { top: 8px; } 
 .wr_1box ul li b, .wr_1box ul li, .wr_1box ul li span { font-size: 14px !important; } 
 }
@media (max-width: 480px){
 #bo_cate #bo_cate_on { border: 1px solid var(--main-color); } 
 .rlated_wrap.wrap1 { margin-bottom: 6rem; } 
 .related_sw_pg_wrap { top: -48px; } 
 .related_sw_pg_wrap .button-next, .related_sw_pg_wrap .button-prev { width: 4rem; height: 4rem; } 
 .related_sw_pg_wrap .related-pagination { margin: 0 1.4rem; font-size: 1.7rem; } 
 /* 제품 리스트 */
 .eq_sub_list table { font-size: 1.5rem; } 
 .eq_sub_list table th, .eq_sub_list table td { padding: 1rem; } 
 .layer .pop-layer { width: 84%; } 
 #bo_v_atc .title { margin-bottom: 2rem; } 
 #bo_view { padding-top: 10rem; } 
 .eq_view .main_img .swiper-slide .img_box { height: 300px; padding: 0 2rem 4rem; } 
 #bo_v .bo_tit_box .type_tit1 { font-size: 2.4rem; } 
#bo_v .bo_tit_box .type_tit1 br { display:none; } 
.view_content .main_info .bo_tit_box { padding-bottom: 2rem; } 
 .product_btn_wrap > div { height: 5rem; } 
 .spec_info_wrap ul.list_2 { height: fit-content !important; } 
 .spec_info_wrap { padding: 2rem; border-radius: 14px; } 
 .spec_info_wrap .tb_wrap { overflow-x: scroll; } 
 .spec_info_wrap .tb_wrap table { width: 150%; } 

 .timetable .tb_wrap table th, .timetable .tb_wrap table td { font-size: 1.6rem; padding: 0.5rem 0.5rem; } 
 
 .youtube_org_ver .youtube_wrap iframe { height: 25rem; } 
 .youtube_wrap { margin-top: 3rem; } 
 
 h3.gall_list_tit { font-size: 1.6rem; } 
 #bo_gall .gall_img .no_image { font-size: 1.6rem; } 
 h3.gall_list_tit { font-size: 1.6rem; } 
 #bo_gall .gall_con .gall_img { margin-bottom: 0; height: 19rem; } 
 #bo_cate li { flex: 1 1 48%; height: 4.4rem; margin-bottom: 1rem; } 
 #bo_cate { margin-bottom: 1rem; } 
 #bo_gall .gall_text_href li { font-size: 1.6rem; } 
 #bo_v .view_content .spec_list { padding: 3rem 0 2rem; margin-top: 1rem; } 
 .btn_inquiry { margin-left: 0; } 
 #bo_v .bo_tit_box { display: flex; flex-direction: column; align-content: flex-start; align-items: flex-start; margin-top: 2rem; } 
 .product_spec_wrap .tab_list div.tab_link { border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; margin-right: 0; transition:all .3s; } 
 .product_spec_wrap .tab_list div.tab_link.current { background: var(--main-color); color: #fff; } 
 .product_spec_wrap .tab_list { display: flex; flex-direction: row; flex-wrap: wrap; border-left: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; /* margin-bottom: 4rem; */border-bottom: unset; } 
.product_spec_wrap .tab_list div { flex: 1 1 48%; margin-top: 0; height: 40px; line-height: 40px; font-size: 1.7rem; } 
 
 .eng #bo_cate li { width: 48%; flex: 0 1 50%; max-width: unset; } 
 .eng #bo_cate li a { font-size: 1.6rem; } 
 .note_emph_con { padding-top: 3rem; } 
 .produc_common .tb_wrap { overflow-x: scroll; } 
 #bo_pro .tb_wrap table { width: 150% !important; } 

 .pro_view_btn > div a { padding: 1.5rem; height: 48px; } 
 .pro_view_btn { margin-top: 3rem; } 
 .pro_flex_div2 .info_box > ul > li:before { top: 10px; width: 4px; height: 4px; } 
 .graph_list li { width: 31%; border: 0.5rem solid; } 
 .graph_list li h5 { font-size: 1.5rem; padding-bottom: 0; } 
 .graph_list:before { width: 90%; height: 5px; top: 56%; } 
 .produc_common .graph_list li h4 { font-size: 2rem; padding: 0.5rem; } 
 .produc_common .tb_wrap table th { padding: 1.5rem; } 
 .produc_common .tb_wrap table td, .produc_common .tb_wrap table th { padding: 1.5rem; word-break: keep-all; } 
 .graph_list2 li .info_box ul { padding: 1rem; } 
 .graph_list2 .info_box ul li { display: flex; } 
 .graph_list2 li .info_box .gsem_icon { width: 20px; height: 20px; } 
 .graph_list2 li .info_box h5 { font-size: 2rem; } 
 .graph_list2 li .info_box h4 { font-size: 1.6rem; } 
 .supplier ul li { padding: 1rem 2rem; } 
 .supplier ul li img { height: 30px; } 
 .supplier .info_box h2 { background: #def6ff; text-align: center; line-height: 30px; padding: 1rem; } 
 .pro_flex_div2 .info_box h2 { padding-bottom: 1rem; font-size: 2.4rem; } 
 .pro_flex_div2.flex_order .pro_sub_section .info_box { margin-top: 2rem; } 
 #cut4 .left_box { width: 80%; margin: 2rem auto 0; } 
 #bo_v .bo_tit_box .type_tit2 { font-size: 2rem; } 
 #bo_pro.ionsp .main_img { height: 280px; } 
 #bo_pro.ionsp .pro_mySwiper2 { height: auto; } 
.g20_wrap .graph_list li { width: 30%; } 
 .g20_wrap .pro_list.graph_list2 > li { width: 48%; margin-bottom: 2%; } 
 .g20_wrap .pro_list.graph_list2 > li .info_box li { margin-bottom: 0; } 

 #bo_gall .gall_text_href a { padding: 1rem 0; min-height: auto; } 
 .go_view_btn_wrap { width: 90%; margin: 0 auto; } 

 /* */
 .bo_v_tit { font-size: 2.8rem; } 
 .wr_10_wrap h4 { font-size: 2.6rem; width: 98%; margin: 0 auto; } 
 .m100 { margin-bottom: 3rem; } 
 .slide_sub .swiper-slide img { height: 60px; } 
 #bo_gall .bo_cnt { font-size: 13px; } 
 .editor8.wr_1box td p { font-size: 14px; } 
 .view_box .editor2 th:first-child, .view_box .editor2 td:first-child { width: 33% !important; } 
 #bo_v_con .wr_1box ul li, #bo_v_atc .wr_1box ul li, .wr_1box > div { font-size: 1.5rem; } 
.wr_1box > p, .editor2 > p { font-size:14px; } 
 #bo_v_con .editor2 > ul.list li:before { top: 1.6rem; width: 4px; height: 4px; } 

 .pro_mySwiper2 { height: 400px; } 
 #bo_gall .gall_text_href a { } 
.produc_common .certi_box li { width: 49%; } 
 }