@charset "utf-8";
/* CSS Document */
/**
 * custom css 입니다. 추가적인 css 는 여기에 작성을 해주세요.
 */

/* 브라우저 다크모드 테스트 
@media (prefers-color-scheme: dark) {
    body {        background-color: #393939;        color: white;    }
}
:root {    color-scheme: light dark;}

@media (prefers-color-scheme: light) {  :root {    --text-color: #213547;    --background-color: #ffffff;  }
  a:hover {    color: #747bff;  }

  button {    background-color: #f9f9f9;    color: var(--text-color);  }
}
*/

@font-face {
    font-family: 'SBAggroM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SBAggroL';.main_event_wrap .goods_list_cont
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* noto sans 추가 */ 
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
	.notosanskr * { 
	font-family: 'Noto Sans KR', sans-serif;
}
.noto-sans-kr-<uniquifier> {
  font-family: "Noto Sans KR", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
@font-face {
    font-family: 'Freesentation-5Medium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
body {font-family:'Pretendard-Regular',"Noto Sans KR", sans-serif;}
.body-goods.body-brand { background-image: linear-gradient(to bottom, #fff 5%, #fdfdfe 38%);}
#header .header_top {height:40px; background:#fff; border-bottom: 1px solid #ebebeb;}
.top_member_box > li a {color:#333; font-size:13px; padding-top:6px !important;}
.top_member_box > li:nth-child(1) a, .top_member_box > li:nth-child(2) a {font-weight:700; color:#222;}

/* ---------------------------- 포인트 색상 변경---------------------------- */

/* 상단네비 장바구니 배경 */
.top_member_box > li strong.cart{color:#333; background:none;} 


.point_bg{background:#333!important;}
.point_text{color:#333!important;}
.white_text{color:#fff!important;}



/* 메인 NEW ARRIVALS 옆 롤링배너
.main_goods_cont .newarrivals_left .slider_wrap {height:366px;}
.main_goods_cont .newarrivals_left .slider_wrap .slick-track .slick-slide {height:366px;} */

/* 상품상세 - 상품문의 버튼 */
/*
.btn_qnalink { float: left; width: 236px; border: 1px solid #ccc; margin: 20px 0 10px 0; text-align: center;  padding: 5px;}
*/
.btn_qnalink {  width: 510px; margin: 0 auto; text-align: center; padding: 5px;}
.btn_qndlink span {display: inline-block;  margin-right: 4px;}
.btn_qnalink a {display: inline-block;  background: #fff;  color: #333; border:1px solid #999;  padding: 4px 10px;  /*width: 120px;*/  margin-left:10px;}
.btn_qnalink.type2 {width:100%; padding:0px; margin:4px 0px 20px 0px;}
.btn_qnalink.type2 a {margin:10px 4px;}
.btn_add_soldout {width:100%;}

.pay_box {float:right;}


/* 200121 네이버톡톡 pc */
.talk_banner_div {position:absolute; right:4px; top:248px;}
.banner_type_card .talk_banner_detail {font-size:11px !important;}


/* 200205 뉴스레터 게시판 리스트 제목에 아이콘 */
.gallery_info_cont .board_tit img {display:none;}

/* 200218 제품상세 Technical Data - 인증서 게시판 연결 버튼 */
.certi_btn {display: inline-block; margin-right: 4px; padding: 4px 10px; text-align: center; border: 1px solid #aaa; border-radius: 6px; color: #555; margin-bottom:30px;}
.certi_btn.nm {margin-bottom:8px;}
.certi_btn:hover {color:#333; border:1px solid #333;}
.certi_tit {font-weight: 700; font-size: 13px; margin-bottom: 6px !important;}
.certi_tit.first {margin-top:50px;}


/* 200429 리뷰 파일명 안보이게 */
.board_view_attach {display:none;}

/* 200511 인증서게시판 버튼 안보이게 */
.certi_tit, .certi_btn {display:none;}

/* 상세페이지 영상 */
.detail_video {text-align:center; margin:0 auto; }

#contents {padding:0 0 80px 0;}

/* 200609 게시판 */
.addition_zone {}
#contents.covid19 .board_zone_tit, #contents.certiboard .board_zone_tit {margin-bottom:20px; border-bottom:1px solid #777; display:table; width:100%;}
#contents.covid19 .board_zone_tit h2, #contents.certiboard .board_zone_tit h2 { display:table-cell;}
#contents.covid19 .board_search_box, #contents.certiboard .board_search_box {margin:0px; padding:0px; border:0px; text-align:right;}

#contents.covid19 .board_zone_cont, #contents.catboard .board_zone_cont,
#contents.newsboard .board_zone_cont, #contents.certiboard .board_zone_cont {margin:34px 0 0 0;}

#contents.catboard .board_list_table, #contents.newsboard .board_list_table,
#contents.covid19 .board_list_table, #contents.certiboard .board_list_table {display:none;}
#contents.covid19 .board_tit {overflow: hidden; width: 270px; text-overflow: ellipsis; display: block; white-space: nowrap;}


/* 메인 하단 배너 */
.main_cont_slide_ban .main_cont_slide .slider-wrap .slick-track {width:auto !important; display: table;  margin: 0 auto;  transform: none !important;}

/* 우측 슬라이드 - 카톡 채널 추가
.katalk_channel {text-align:center; padding: 6px 0px;} */
.katalk_channel { text-align: center; background: #ffe500; height: 42px; overflow: hidden;  text-align: center;  border-radius: 4px; margin-top: 4px;}
.katalk_channel a {display:block; width:100%;}
.katalk_channel img {margin-top:-2px;}

/* 우측 슬라이드 카톡상담, 네이버톡톡 */
#cus_scroll_right .right_quick_btn ul.sns_talk {position: absolute; top: 254px; right: 10px;}
#cus_scroll_right .right_quick_btn ul.sns_talk li {width:56px; height:56px; background: url(https://sercrim.hgodo.com/banner/floatbanner_00.png) no-repeat; border:0px;}
#cus_scroll_right .right_quick_btn ul.sns_talk li.sns_katalk {background-position:0px 0px; margin-bottom:10px;}
#cus_scroll_right .right_quick_btn ul.sns_talk li.sns_naver { background-position: 0px -67px; margin-bottom:10px;}
#cus_scroll_right .right_quick_btn ul.sns_talk li.sns_card { background-position: 0px -133px; margin-bottom:10px;} 
#cus_scroll_right .right_quick_btn ul.sns_talk li.sns_repair { background-position: 0px -200px;} 


/* 제품상세페이지 html */
.product_html {width:1100px; margin:0 auto; position:relative;}
.product_html.defalt {text-align:center; width:100%;}
.product_html.defalt img {text-align:center;}
.product_html h4 {padding: 10px 0px; font-size: 20px; font-weight: 700; border-bottom: 1px solid #333; margin: 20px 0px;}
.product_html .top_navi {}  
.product_html .navi_wrap {  position: sticky; width: 1000PX;   top: 4px;   background:#076abf;   overflow: hidden;   text-align: center;}
.product_html .sticky_navi {width:100%;}
/* .product_html .sticky_navi {  position: sticky; width: 100%;   top: 4px;   background:#076abf;   overflow: hidden;   text-align: center; }*/
.product_html .sticky_navi li {  float: left;  padding: 10px 0px; margin-right:44px; font-size:13px;}
.product_html .sticky_navi li:first-child {margin-left:50px;}
.product_html .sticky_navi li a{color:#fff;}
.pruduct_html ul {}
.product_html ul li {}
.product_html #detail_7 {padding-top:50px; margin-bottom:40px;}

/* 제품상세, 뉴스레터 페이지 */
.detail_pc {width:860px; position:relative}
.youtube_frame { position: absolute;  left: 130px;  top: 60px;}
.detail_m {display:none;}


/* GNB 아이콘 - 서브메뉴에서는 안보이게 */
/*
#header .gnb .left_gnb .depth1 > li a {background:none !important; }*/


/* 조달청페이지 게시판레이아웃 정리 */

.g2bshopboard .board_search_box, .g2bshopboard .board_search_box, .g2bshopboard .board_list_table {display:none !important;}
.g2bshopboard .board_zone_cont {margin-top:20px;}
.g2bshopview .addition_zone, .g2bshopview .board_list_table {display:none;}
.g2bshopboard .board_view_tit h3 {font-size:30px;}


.main_content .main_subbanner {  /*width: 1200px;*/ width:100%;  margin: 0 auto;  text-align: center; }
.main_content .main_subbanner.b1 {margin-bottom: 30px;}
.main_content .main_subbanner.b2 {margin-bottom:20px;}

.brandtop {position:relative;}
.brandtop_mentbanner { width: 100%;  text-align: center;  font-size: 16px;  padding: 10px 0px;  background: #89b955;  font-weight: 500;  color: #fff;}

#cus_scroll_right .right_quick_btn {top:5% !important;}


.floatbanner {position: absolute; right: 10px;top: 528px; width: 56px; }
.floatbanner a {display:block;}
.floatbanner a.quiz { position: absolute; width: 90px; height: 80px; right: 3px; bottom: -90px;}
.floatbanner a.notice { position: absolute; width: 106px; height: 90px; right: 0px; bottom: -106px;}

.spec_coding {display:table; margin:0 auto;}
.specimg {float: left; margin-right: 20px; display: table-cell; width: 240px;}
.spectable { display: table-cell; width: 500px; float: left;}
.spectable table {}
.spectable th {  background: #333;  color: #fff; font-size: 14px;}
.spectable th:first-child {border-right:1px solid #ddd;}
.spectable tr {}
.spectable td {border: 1px solid #ddd;  padding: 4px;  text-align: center;}


.newsimgdown {margin-top:50px; text-align:center; font-size:16px; font-weight:700; color:#333; position:relative;}
.newsimgdown a { border: 1px solid #3765a5; padding: 10px 10px 10px 34px; color:#3765a5;}
.newsimgdown a:before {
	content: "\f019";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #333;
    font-size: 16px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 490px;
	color:#3765a5;
}

.right_banner.blog .slick-track {transform: translate3d(0px, 0px, 0px) !important;}
/* #wrap {min-width:1200px;} */
#wrap .member_cont .btn_login_box { float: none; padding-top: 20px; overflow: hidden; }
#wrap .member_cont .btn_login_box button { float: left; width: 120px; margin-right: -1px; }
#wrap .member_cont .member_login_box .login_input_sec button { width: 100%; float: none; height: 60px; }
#wrap .member_cont .member_login_box .id_chk { display: block; float: none; padding: 0 0 20px 0; }
#wrap .member_cont .member_login_box h3 { display: none; }

/* 회원가입 SNS */
.member_sns_login { overflow: hidden; }
.member_sns_login .ment {font-size: 16px; text-align: center; margin-top: 30px; color: #888;}
.member_sns_login .sns_login {height:50px;}
.member_sns_login .sns_login li {position: relative; margin: 7px 0 7px 0; padding:0; font-size: 14px; text-align: center;}
.member_sns_login .sns_login li span {vertical-align: middle;}    
.member_sns_login .sns_login li img { width: 18px; vertical-align:middle; float: left; position: absolute;  left: 20px;}
.member_sns_login .sns_login .naver { float: left; width: 100%; background: #20c600; border-radius:0;}
.member_sns_login .sns_login .naver a {color:#fff;}
.member_sns_login .sns_login .kakao { float: left; width: 100%; background: #fee500;border-radius:0;}
.member_sns_login .sns_login li a { line-height: normal; padding: 10px 0px;}

/* 메인하단 Notrax 배너 */
.main_cont_slide_ban .main_cont_slide .slider-wrap .slick-list {padding:0px !important;}


/* 하단 임시주소 */
.foot_cont .foot_info_list dd.add {color:#999;}
.foot_cont .foot_info_list.bold dd,.foot_cont .foot_info_list.bold dt {font-weight:700;}
.foot_cont .foot_info_list.bold dl:last-child dd a { letter-spacing: 0.3px; color: #333;}
.address_2022 { width: 100%; display: table; margin-top: 10px; border:1px solid #ed5736; padding:10px;}
.address_2022 h3 {padding:0px; float:left; color:#e75931; border-right:1px solid #e75936; padding-right:10px; height:70px;}
.address_2022 ul {float:left; padding-left:20px;}
.address_2022 li:nth-child(1), .address_2022 li:nth-child(2) {font-weight:700; font-size:15px;}
.address_2022 li:nth-child(2) {margin-bottom:6px;}
.address_2022 span {color:#e75931;}


/* 결제진행 페이지 - 현금영수증/세금계산서 : 세금계산서 진하게 */
#taxReceiptView {font-weight:700;}

/* 게시판 - 공지사항 : */
.addition_zone.hide {display:none;}
.hide {display:none !important;}

/* 메인 리뉴얼 테스트 : 이달의 추천제품 */
.main_banner_month h2 {margin-top:30px;}
.main_banner_month a {margin-right:18px; display:inline-block;}
.main_banner_month a:nth-child(3) {margin-right:0px;}

/* 하단 공지사항 */
.main_bot {  width: 1140px; height: auto; display: table; margin: 0 auto; margin-top: 120px; padding: 20px 30px; border: 1px solid #eee; border-top: 2px solid #f26a45;}
.main_bot h2 {border-bottom:1px solid #ddd; margin-bottom:4px; padding-bottom:6px; font-weight:700; font-size:18px; position:relative;}
.main_bot ul {width: 46%; float:left; }
.main_bot ul:nth-child(2) {float:right;}
.main_bot ul:first-child {margin-right:30px;}
.main_bot li { padding: 2px 0px;}
.main_bot li:hover {text-decoration:underline;}
.main_bot li a {font-size:13px; display:flex;}
.main_bot span {display:inline-block; width:500px; padding-left:6px; font-size:14px;}
.main_bot a.more { background: #fff; position: absolute; font-size: 12px; font-weight:normal; padding: 4px 14px 4px 14px; right: -4px; bottom: 4px;}
.main_bot a.more:after {content: ""; width: 10px;  height: 10px; background-image: url(https://sercrim.hgodo.com/ico_right3.svg); background-size: cover; position: absolute; top: 8px; right:2px;filter: invert(66%) sepia(20%) saturate(6%) hue-rotate(63deg) brightness(30%) contrast(91%);}
.btn_add_cart {}

.opt_ment_wrap {text-align: center; width: 100%; margin: 30px 0px; display: flex; gap: 8px;  justify-content: flex-end; }
.opt_ment { display: block; padding: 0 10px; text-align: center; overflow: hidden; width: 508px; height: 56px; border-radius: 3px; color: #fff; background-color: #f26a45; border: 1px solid #f26a45; line-height: 56px;}
/*.opt_ment:after {font-family: FontAwesome; content: "\f105"; font-style: normal; font-weight: normal; margin-left: 10px; font-size: 20px; margin-top: 10px;}*/
.opt_ment:hover {background-color:#e55a34; border:1px solid #e55a34;}

/* 상품상세 찜하기, 공유하기 */
.opt_ment_wrap .btn_add_wish.opt_wish, .opt_ment_wrap .opt_qna { display: block; padding: 0; text-align: center; overflow: hidden; width: 66px; height: 56px; border-radius: 3px; color: #333; background-color: #fff; border: 1px solid #ddd; margin: 0; line-height: 56px; cursor: pointer;}
.opt_ment_wrap .btn_add_wish.opt_wish span {display: inline-block; font-size: 14px; font-weight: 500; box-sizing: border-box;line-height: 1.15;}
.opt_ment_wrap .opt_ment span { display: inline-block; font-size: 18px; font-weight: 500; box-sizing: border-box;line-height: 1.15;}
.opt_ment_wrap .btn_gray_mid {display: block; padding: 0; text-align: center; overflow: hidden; width: 66px; height: 56px; border-radius: 3px; color: #333; background-color: #fff; background:none; border: 1px solid #ddd; margin: 0; line-height: 56px; cursor: pointer;}
.opt_ment_wrap .btn_gray_mid em {font-size:14px; background-image:none; position:relative;}
.opt_ment_wrap .btn_gray_mid em:after {content: ""; width: 10px; height: 10px; background-image: url(https://sercrim.hgodo.com/ico_right3.svg); background-size: cover;
    position: absolute; top: 8px;  right: 2px;  filter: invert(66%) sepia(20%) saturate(6%) hue-rotate(63deg) brightness(30%) contrast(91%); transform: rotate(90deg);}
.opt_ment_wrap .btn_gray_mid:hover {background-color:#fff; border:1px solid #b7b7b7;}
.opt_ment_wrap .btn_add_wish:hover, .opt_ment_wrap .opt_qna:hover {border:1px solid #b7b7b7;}

/* 주문 테이블 css 여기로 옮김 */
.option_total_display_area.item_choice_list { }
.item_add_option_box_s { display: none; }    
.item_add_option_box { display: none; }    
/*.option_display_area tr {  display: none; }*/
.option_display_area tr.item_choice_divide { padding: 5px 0; display: table; width: 100%; }
.option_display_area tr.item_choice_divide td { padding: 5px; border: none !important; }

.end_price.item_tatal_box { width: 280px; }
.end_price.item_tatal_box, .option_total_display_area { display: block; padding-top: 15px; }
.goods_total_price { font-size: 14px; }
.item_tatal_box .total_amount dd strong { font-size: 19px; }
.item_info_box { padding-top: 60px; }
.item_detail_tit { padding: 0px 0px 20px 0}
.item_detail_tit .btn_qa_share_box { bottom: 20px; }
.item_detail_list dt { font-weight: bold; color: #666; width:100px;}
.item_detail_list dl { padding: 14px 0; border-bottom:1px solid #eee; display: flex; align-items: center;}
.item_photo_slide { margin: 10px 0 0 0; }  

dl.total_amount_vat { font-size: 13px; padding-top: 9px; }

#optionDisplayM { padding-top: 30px; }

.optionTitleTableArea { background: #f4f4f4; }
/*.optionTableArea { max-height: 700px; overflow-y: auto; background: #f4f4f4; border: } 주문 테이블 스크롤*/

table.optionTitleTable td {  background: #999; font-weight:700; color:#fff; text-align: center; height: 36px; line-height: 36px; }
table.optionTitleTable input[type="checkbox"] { vertical-align: middle; }
table.optionTitleTable { width:100%; border-collapse:collapse; border:0; border-spacing:0; }
table.optionTitleTable tr td label { display: table; width: 100%; height: 100%; text-align: center; cursor: pointer; }

table.optionTable { width:100%; border-collapse:collapse; border:0; border-spacing:0; }
table.optionTable tr.soldout td { color: #ccc; }
table.optionTable tr.soldout td.soldoutTd { position: relative; }
table.optionTable tr.soldout td.soldoutTd:after { position: absolute; width: 100%; height: 100%; background: #fff; content: ''; left: 0; top: 0; opacity: 0; }
table.optionTable tr.soldout .count { opacity: 0.4; }
table.optionTable tr td { background:#fff; border:1px solid #e1e1e1; text-align:center; height: 22px; line-height: 20px; word-break: break-all; padding: 4px;}
table.optionTable tr td .count { display: inline-block; padding: 2px; }
table.optionTable tr td label { display: table; width: 100%; height: 100%; text-align: center; cursor: pointer; }
table.optionTable tr td label div { display: table-cell; vertical-align: middle; }
table.optionTable tr td p { color: #999; }
table.optionTable tr.on td, table.optionTable tr:hover td { background:#f4f4f4; }
table.optionTable tr.soldout:hover td { background: #fff; }
table.optionTable input[type="checkbox"] { cursor:pointer; vertical-align: middle; }


/* ========== 스크롤바 CSS ========== 
.optionTableArea::-webkit-scrollbar {
background: transparent;
width: 14px;
height: 14px;
}
.optionTableArea::-webkit-scrollbar-track {
width: 14px;
background: rgba(0, 0, 0, 0.02);
}
.optionTableArea::-webkit-scrollbar-thumb {
background: #ccc;
width: 14px;
}
.optionTableArea::-webkit-scrollbar-button:start:decrement, .optionTableArea::-webkit-scrollbar-button:end:increment {
background: transparent;
height: 14px;
}
*/

/* ====== special category ====== */
.sub_content.special {margin-top:-30px;}
.sub_content.special h2 { font-size: 16px; font-weight: 600; margin-bottom: 10px;}
.sub_content.special h3 {}
.sub_content.special h4 {font-family: "SBAggroM"; text-align: left; font-weight: 600; font-size: 28px; margin-bottom: 20px; color: #fff; text-shadow:0px 4px 4px #000000c2;}
.sub_content.special h5 {font-size:18px; text-align:center;border-bottom: 1px solid #ff6138; border-top: 1px solid #ff6138; margin-bottom:10px; padding:6px 0px; font-weight:600;}
.sub_content.special h5 a {color:#ff6138;}
.sub_content.special .topcont {padding: 50px 40px 40px 40px; height: 260px; margin-bottom: 30px; position:relative;}
.sub_content.special .topcont.labfilter {background:url(https://sercrim.hgodo.com/brand/topcont_bg_01.jpg) no-repeat;}
.sub_content.special .topcont.immunoassays {background:url(https://sercrim.hgodo.com/brand/topcont_bg_02.jpg) no-repeat;}
.sub_content.special .topcont.glove {background:url(https://sercrim.hgodo.com/brand/topcont_bg_03.jpg) no-repeat;}
.sub_content.special .topcont.labpump {background:url(https://sercrim.hgodo.com/brand/topcont_bg_04.jpg) no-repeat;}
.sub_content.special .topcont.labsafety {background:url(https://sercrim.hgodo.com/brand/topcont_bg_05.jpg) no-repeat;}
.sub_content.special .topcont.environment {background:url(https://sercrim.hgodo.com/brand/topcont_bg_06.jpg) no-repeat;}
.sub_content.special .topcont p {width: 100%; margin-bottom: 30px; text-align: left; font-size: 15px; font-weight:700; line-height: 26px; color: #fff; text-shadow: 0px 4px 4px #000000c2;}
.sub_content.special .topcont .brand {position:absolute; bottom:40px; display: block; height: 44px; padding: 10px; background: #fff; border-radius: 100px;}
.sub_content.special .topcont .brand li {float: left; margin-right: 20px;}
.sub_content.special .topcont .brand li:first-child {margin-left:20px;}
.sub_content.special .topcont .brand li a {display: inline-block; height: 40px; line-height: 40px;}
.sub_content.special .topcont .brand li a img {vertical-align:middle;}
.sub_content.special .list_wrap { display: flex;  justify-content: center;  column-gap: 24px; width:100%;}
.sub_content.special .list {margin-bottom: 50px; width: 25%; vertical-align: top; font-size: 18px; text-align: center; padding: 6px 0px;}
.sub_content.special .list ul {}
.sub_content.special .list li {text-align: left; font-size: 14px; margin-bottom:8px; padding:0px 14px; display: flex; justify-content: space-around;}
.sub_content.special .list li a {}
.sub_content.special .list li a:hover {color:#888;}
.sub_content.special .list.full {width:100%; display:table; margin-right:0px; margin-bottom:30px;}
.sub_content.special .list.full li {  float: left; width: 22%; }

/* gnb 하단 hot 카테고리 메뉴 (가림) */
.header_gnb .hashtag_wrap {display:none; width: 100%;  border-bottom: 1px solid #eee;  border-top: 1px solid #eee;  position: absolute; top: 62px;}
.sub_menu_box.hashtag {width: 1210px; margin: 0 auto; display:table; padding:7px 0 6px 0; }
.sub_menu_box.hashtag h2 {  font-size: 14px; text-align: center; font-weight: 700; color: #ff6138; background: #fff; display: inline-block; border: 1px solid #ff6138; padding: 0px 10px; border-radius: 100px; float: left;}
.sub_menu_box.hashtag ul { width: 800px; height: 100%; float: left; margin-left: 2px;}
.sub_menu_box.hashtag li {float:left; margin-left:4px;}
.sub_menu_box.hashtag li a {color: #333; font-weight: 400; line-height: 15px; padding: 4px 10px; background: #eee; border-radius: 100px; font-size: 13px;}

/* 상단 gnb */
.top_gnb.custom {background: none; border: 0px; left: 58px; top: 0px; z-index: 99; /*width: 650px; height: 44px;*/ position: absolute;}
.top_gnb.custom .depth0 {}
.top_gnb.custom .depth0 li.first {float:left; width:150px; vertical-align:top;  font-family:"SBAggroM"; position:relative;}
.top_gnb.custom .depth0 li.first a {font-size: 17px; font-weight: 100; padding: 0px 20px; text-align: center; display: block; line-height:64px;}
.top_gnb.custom .depth0 li.first a:after {content:""; position:absolute; top:20px; right:0px; border-right:1px solid #ddd; height:24px;}
.top_gnb.custom .depth0 li.first.on > a.active {color:#ff6138;}

.top_gnb.custom .depth1 {background:#fff; display:none; position:relative; top:-6px; border-top:1px solid #ff6138; box-shadow:4px 8px 14px 4px rgb(0 0 0 / 10%);}
.top_gnb.custom .depth1 .group {padding:0px 10px 10px 10px; font-family:noto sans,malgun gothic,AppleGothic,NanumGothic,"나눔 고딕",Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;} /* 배너 추가시 padding:0px 10px 50px 10px; */
.top_gnb.custom .depth1 .group .subtit { display: block; font-size: 14px; font-weight: bold; text-align: left; word-break: break-all; line-height: 34px; padding: 0px; border:0px;}
.top_gnb.custom .depth1 .group ul {border-top: 1px solid #d7d7d7; padding-top: 5px;}
.top_gnb.custom .depth1 .group li {}
.top_gnb.custom .depth1 .group li a {font-weight: 400; line-height: 20px;  text-align: left; color: #555; padding:4px !important; border:0px;}
.top_gnb.custom .depth1 .group li a:after, .top_gnb.custom .depth1 .group h2 a:after {content:none;}
.top_gnb.custom .depth1 .group h2 a {border-right:0px; line-height:40px; font-weight:600; font-size:14px;}
.top_gnb.custom .depth1.equip {width:800px; height:500px; }
.top_gnb.custom .depth1.equip .group {width: 30%; float: left; display: table-cell;}
.top_gnb.custom .depth1.disposable, .top_gnb.custom .depth1.safety {width: 180px; left: -16px;}

/* snb 광고 배너 - 현재 없어서 display:none */
.top_gnb.custom .depth1 a.banner {display: none !important; text-align: center; line-height: 40px; position: absolute; bottom: 0px; right: 0px; width: 100%; padding: 0px !important;}
.top_gnb.custom .depth1.disposable a.banner { background: #c7e0e1;}
.top_gnb.custom .depth1.equip a.banner { background: #cef7c7;}
.top_gnb.custom .depth1.safety a.banner { background: #f7c7c7;}

/* 상단 회사소개 라인 */
.header_top .header_top_cont .ment {top:0px !important;}
.header_top .header_top_cont .ment li {float:left; font-size:0px;}
.header_top .header_top_cont .ment a {position:relative; display: inline-block; line-height: 39px; text-align: center;  color: #555; font-size: 13px; padding:0px 14px;}
.header_top .header_top_cont .ment li:last-child a:after {content:none;}
.header_top .header_top_cont .ment a:after {  content: ""; position: absolute; top: 11px; right: 0px; width: 1px; height: 18px; background: #d3d3d3;}
.header_top .header_top_cont .ment li:first-child a {padding-left:2px;}
.header_top .header_top_cont .ment span {font-size: 16px; display: inline-block; margin-left: 6px;}

/* 상단 우측 롤링 배너 */
.header_slideProduct {display:none !important;}

/* 상단 우측 이미지 배너 */
.topbanner-wrapper {position: absolute; right: 0px; top: 40px; width:223px; height:62px;}
/* 크리스마스 장식 */ 
#header .header_search_cont {/*원본 padding:14px 0px 0px 0px;*/ height:140px;}


/* 로고 */
#header .h1_logo {text-align: left; height: 140px; float: left; display: inline-block; margin: 0px; padding: 0px; position: relative;  /*background: url(https://sercrim.hgodo.com/logo/2026_02/logo_2602.jpg) no-repeat;
    background-position: 180px 26px;*/}
#header .h1_logo a {display: block; position: absolute; top: 54px; left:0px; width:170px; }
.h1_logo .logo { position: absolute; top: 0; left: 0; width: 100%; transition: opacity 1.5s ease-in-out;}
.h1_logo .logo1 { animation: fade1 5s infinite; animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);}
.h1_logo .logo2 { width:90%; animation: fade2 5s infinite; animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);}
@keyframes fade1 {
    0%   { opacity: 1; }
    45%  { opacity: 1; }
    50%  { opacity: 0; }
    95%  { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fade2 {
    0%   { opacity: 0; }
    45%  { opacity: 0; }
    50%  { opacity: 1; }
    95%  { opacity: 1; }
    100% { opacity: 0; }
}


/* 상단 검색창 우측 브랜드검색 */
.top_search_cont .header_brands { position: absolute; top: -1px; right: -106px; padding: 14px 20px 14px 10px; color: #4f4f4f; font-weight: 400; border-radius: 100px; border:0px; font-size: 13px; line-height: 18px; overflow: hidden; background: #f3f3f3;}
.top_search_cont .header_brands span {font-size: 22px; font-weight: 400; right: 9px; top: 12px; position: absolute;}


#header .header_gnb {position:relative; height:60px; box-shadow:0px -4px 14px 0px rgb(0 0 0 / 4%); border:0px; background: #f4791f;}
#container {border:0px; margin-top:40px;}
#header .gnb .gnb_all {height:62px; line-height:62px; border:0px; background:none;}
#header .gnb .gnb_all a { font-size: 17px; font-weight: 100; width:auto; padding: 0px 20px 0 0; text-align: center; display: block; line-height: 64px; color:#fff;}
#header .gnb .gnb_all a:after { content: ""; position: absolute; top: 20px; right: 0px; border-right: 1px solid #ddd; height: 24px;}
#header .gnb .btn_all_menu_open {font-family:"SBAggroM"; font-size:14px;}
#header .gnb .btn_all_menu_open_i {display:none;}

#header .gnb_allmenu {top:44px; }
#header .gnb_allmenu_wrap {position:relative;}
/*
#header .gnb_allmenu_box:after {content: 'ALL'; position: absolute; top: -36px; left: -6px; background: #f86b47; color: #fff; font-size: 17px; font-family: "SBAggroM"; padding: 6px 10px; line-height: 40px; border-radius: 100px;}
*/

/**** gnb 우측 ****/
#header .gnb .community_gnb {width: fit-content;  float: right; display: inline-block; vertical-align: inherit; height: inherit; position: relative; right: 0px;}
#header .gnb .community_gnb ul {}
#header .gnb .community_gnb li {border:none; margin-left:10px;}
#header .gnb .community_gnb li > a { display: block; text-align: center; background: center top no-repeat; color:#fff; height: auto; padding: 0px; font-size:12px;}
#header .gnb .community_gnb li > a:hover {color:#fff;}
#header .gnb .community_gnb li > a span {display:block;}
#header .gnb .community_gnb li > a svg {display:block; margin:0 auto;}
#header .gnb .community_gnb li:nth-child(1) > a svg {width:24px; height:24px; margin-bottom: 1px;}
#header .gnb .community_gnb li:nth-child(2) > a svg {width:24px; height:24px; margin-bottom: 1px;}
#header .gnb .community_gnb li:nth-child(3) > a svg {width:28px; height:28px; margin-bottom: -3px;}
#header .gnb .community_gnb li:nth-child(4) > a svg {width:28px; height:28px; margin-bottom: -3px;}


/* 툴팁 
#header .gnb .community_gnb li >  a span { 
	position: absolute;  left: 66%;  bottom: calc(100% + 12px);  transform: translateX(-50%) translateY(6px) scale(.95); font-size: 12px;  font-weight: 500;  letter-spacing: .3px;
	white-space: nowrap;  color: #fff;  padding: 8px 12px;  border-radius: 10px;  background: rgba(30,30,30,.85);  backdrop-filter: blur(6px);  -webkit-backdrop-filter: blur(6px);
	box-shadow: 0 8px 20px rgba(0,0,0,.18), 0 2px 6px rgba(0,0,0,.12);  opacity: 0;  visibility: hidden;  transition:    opacity .18s ease,    transform .18s cubic-bezier(.22,.68,.3,1.2),  visibility .18s ease;
	pointer-events: none;  z-index: 20;
}

#header .gnb .community_gnb li >  a span::after{
  content: "";  position: absolute;  left: 50%;  bottom: -6px;  transform: translateX(-50%);
  border-width: 6px 6px 0 6px;  border-style: solid;  border-color: rgba(30,30,30,.85) transparent transparent transparent;
}

#header .gnb .community_gnb li > a:hover span{  opacity: 1;  visibility: visible;  transform: translateX(-50%) translateY(0) scale(1);}
#header .gnb .community_gnb li > a svg{  transition: transform .2s ease, opacity .2s ease;}
#header .gnb .community_gnb li > a:hover svg{  transform: translateY(-2px);  opacity: .9;}
#header .top_search {margin-left:-30px; padding: 28px 0px;}
*/

/**** gnb 우측 끝 ****/

/* 로고 롤링 */
@keyframes tonext {
 75% { left: 0;} 95% { left: 100%;} 98% { left: 100%;} 99% { left: 0;}
}
 @keyframes tostart {
 75% { left: 0;} 95% { left: -300%;} 98% { left: -300%;} 99% { left: 0;}
}
 @keyframes snap {
 96% { scroll-snap-align: center;} 97% { scroll-snap-align: none;} 99% { scroll-snap-align: none;} 100% { scroll-snap-align: center;}
}
.carousel.logo ol, li {list-style: none; margin: 0; padding: 0;}
.carousel.logo { position: relative; padding-top: 75%; filter: perspective: 100px; width:184px; height:62px;}
.carousel__viewport {position: absolute; height:62px; top: 0; right: 0;	bottom: 0;	left: 0; display: flex;	overflow:hidden; counter-reset: item; scroll-behavior: smooth; scroll-snap-type: x mandatory;}
.carousel__slide {position: relative; flex: 0 0 100%;	width: 100%; height:100%; counter-increment: item;}
.carousel__slide:nth-child(1) { background:url("https://sercrim.hgodo.com/toplogo_2.jpg") no-repeat;}
.carousel__slide:nth-child(2) { background:url("https://sercrim.hgodo.com/toplogo_1.jpg") no-repeat;}
.carousel__slide:before { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -40%, 70px); color: #fff; font-size: 2em; }
.carousel__snapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; scroll-snap-align: center; }
 @media (hover: hover) {
 .carousel__snapper { animation-name: tonext, snap; animation-timing-function: ease; animation-duration: 4s; animation-iteration-count: infinite;}
 .carousel__slide:last-child .carousel__snapper { animation-name: tostart, snap;}
}
 @media (prefers-reduced-motion: reduce) {
 .carousel__snapper { animation-name: none;}
}
.carousel:hover .carousel__snapper, .carousel:focus-within .carousel__snapper { animation-name: none;}
.carousel__navigation {	position: absolute;	right: 0; bottom: 0; left: 0; text-align: center;}
.carousel__navigation-list, .carousel__navigation-item {display: inline-block;}
.carousel.logo a {display:block; width:184px; height:62px;}


/* ============= 메인 ============== */
.goods_list_tit {display:table; width:100%; margin:0px 0px 20px 0px; padding:0px; }
.goods_list_tit h2 {float:left; display:inline-block;  font-size: 28px;}
.main_goods_cont.partner .goods_list_tit h2 {letter-spacing: -0.5px;}
.goods_list_tit h2 span {letter-spacing: -1px; color: #333; font-size: 30px; position:relative;}
/*.goods_list_tit h2 span:after {content:""; width:24px; height:24px; background-image:url("https://sercrim.hgodo.com/ico_right2.svg"); background-size:cover; position: absolute; top: 4px; right: -36px;filter: invert(80%) sepia(64%) saturate(6336%) hue-rotate(333deg) brightness(98%) contrast(94%); }*/
.goods_list_tit h2 span:after {display:none; content: "바로가기"; width: 77px; font-size: 14px; color: #777; font-family: auto; background-image: url(https://sercrim.hgodo.com/ico_right3.png); background-size: 18px; background-repeat: no-repeat; background-position: 58px; position: absolute; top: 4px; right: -1042px;}
.main_goods_cont.new {border-bottom:0px;}
.main_goods_cont.new .goods_list_tit h2 a {color:#f26a45;}
.main_goods_cont.cons .goods_list_tit h2 a {color:#006ef4;}
.main_goods_cont.equip .goods_list_tit h2 a {color:#198a38;}
.main_goods_cont.safety .goods_list_tit h2 a {color:#fc5050;}
.main_goods_cont.new .goods_list_tit h2 span:after {content:none;}
.main_goods_cont.cons .goods_list_tit h2 span:after {right:-1028px;}
.main_goods_cont.equip .goods_list_tit h2 span:after {right:-1054px;}
.main_goods_cont.safety .goods_list_tit h2 span:after {right:-1056px;}
.main_goods_cont.partner .goods_list_tit h2 span:after {right:-991px; display:block;}
.goods_list_tit .btn_goods_more {display:none; bottom: 3px;position:relative; margin-left:20px;}
.goods_list_tit .btn_goods_view_more { font-size: 14px; font-weight: normal; display: block; background:#fff; border: 1px solid #ddd; line-height: 13px; padding: 6px 16px 6px 10px; position: relative; width: 56px; color: #333; border-radius: 100px;}
.goods_list_tit .btn_goods_view_more:after { content: ""; width: 10px; height: 10px; background-image: url(https://sercrim.hgodo.com/ico_right3.svg); background-size: cover; position: absolute; top: 7px; right: 6px; filter: invert(66%) sepia(20%) saturate(6%) hue-rotate(63deg) brightness(30%) contrast(91%);}
.goods_list_tit .viewmorebtn /* 이벤트 전체보기 */{ z-index:1; font-size: 14px; font-weight: normal; display: block; border: 1px solid #ddd; line-height: 13px; padding: 6px 16px 6px 6px; position: absolute; top: 6px; right: 0px; width: 56px; color: #333; border-radius: 100px;}
.goods_list_tit .viewmorebtn:after { content: ""; width: 10px; height: 10px; background-image: url(https://sercrim.hgodo.com/ico_right3.svg); background-size: cover; position: absolute; top: 7px; right: 6px; filter: invert(66%) sepia(20%) saturate(6%) hue-rotate(63deg) brightness(30%) contrast(91%);}
.goods_list_cont .more_bottom {display: block; overflow: hidden; height: 52px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 27px; background-color: #fafafa; color: #444; line-height: 51px; text-align: center; width: 380px; margin: 0 auto; font-size: 17px; margin-top: 20px;}
.goods_list_cont .more_bottom span {position:relative; padding-right:25px;}
.goods_list_cont .more_bottom span:after {content:""; width:20px; height:20px; background-image:url("https://sercrim.hgodo.com/ico_sercrim.svg"); background-size:cover; position: absolute; top: 3px; right:-4px; }
.main_goods_cont:nth-child(2) .more_bottom {display:none;}


.main_goods_cont {margin-top:40px; /*border-bottom:1px solid #ccc;*/}
.main_goods_cont.equip, .main_goods_cont.safety {margin-top:40px;}
.main_goods_cont.partner {border-bottom:0px; margin-top:70px;}
.main_content .main_goods_cont:nth-child(2) {margin-top:60px;}

.main_brands { display: flex;}
.main_brands li {float: left; position: relative;}
.main_brands li a {display: inline-block; }
.main_brands li:first-child {margin-left: -16px;}

.main_event_wrap {background:rgb(246,247,251); padding-top:30px; margin-bottom:60px;}
.main_event_wrap .main_goods_cont {margin-top:0; padding:20px 0 60px; border:0;}
.main_event_wrap .goods_list_tit {padding:0; width:100%;}
.main_event_wrap .goods_list_tit h2 {font-weight:700; letter-spacing:-1px; color:#333; font-size:28px; position:relative;}
.main_event_wrap .goods_list_cont {display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:20px; padding-bottom:0;}
.main_event_wrap .goods_list_cont li {flex:1 1 280px; max-width:390px; box-shadow:0 4px 10px rgba(0,0,0,.08); border-radius:6px; overflow:hidden; background:#fff;}
.main_event_wrap .goods_list_cont li a {display:block; text-decoration:none;}
.main_event_wrap .goods_list_cont li a div {width:100%; aspect-ratio:292/138; overflow:hidden;}
.main_event_wrap .goods_list_cont li img {width:100%; height:100%; object-fit:cover; transform:scale(1); transition:transform .3s;}
.main_event_wrap .goods_list_cont li img:hover {transform:scale(1.08);}

.main_event_wrap .goods_list_cont li p {font-size:16px; font-weight:500; padding:14px 0; text-align:center;}
.main_join_banner {width:1200px; height:170px; margin:0 auto; margin-bottom:50px; text-align:center; position:relative; background:url(https://sercrim.hgodo.com/banner/231102_justrite_mainbanner.jpg) no-repeat top center;}
/*.main_join_banner p { color: transparent; font: 0/0 a; }
.main_join_banner a {position:absolute; bottom:30px;}
.main_join_banner a:nth-child(2) {left:240px;}
.main_join_banner a:nth-child(3) { left:370px;} */


/* =============== 상단메뉴 ================= */
.left_gnb {display:block;position:absolute; /*z-index:99;*/ top:0px; left:70px;}
#header .gnb .gnb_menu0{}
#header .gnb .left_gnb .gnb_menu_box{display:inline-block; vertical-align:top; width:820px;  height:62px;}

/* gnb 양쪽 버튼 */
#header .gnb .left_gnb .gnb_left{display:inline-block;width:50%; font-size:0; vertical-align:top;float:left;}
#header .gnb .left_gnb .gnb_left a{display:inline-block; width:100%; height:49px;line-height:49px;text-align:center;}
#header .gnb .left_gnb .gnb_left a i{font-size:16px;line-height:49px;color:#333;}
#header .gnb .left_gnb .gnb_left a.active i{color:#bbb;}
#header .gnb .left_gnb .gnb_right{display:inline-block;width:50%; font-size:0; vertical-align:top;}
#header .gnb .left_gnb .gnb_right a{display:inline-block; width:100%; height:49px;text-align:center;}
#header .gnb .left_gnb .gnb_right a i{font-size:16px;line-height:49px;color:#fff;}
#header .gnb .left_gnb .gnb_right a.active i{color:#bbb;}

/* 상단메뉴 최상위 */
#header .gnb .left_gnb .depth0 {font-size:0; vertical-align:top; border:none; overflow:hidden; }
#header .gnb .left_gnb .depth0 > li {width:auto; position:relative; vertical-align:top; float:left; margin-right:24px;}
#header .gnb .left_gnb .depth0 > li:hover {}
#header .gnb .left_gnb .depth0 > li > a {position:relative; display: inline-block; box-sizing: border-box; padding: 0px 20px; font-weight: 500; font-size: 17px; text-align: center; line-height: 64px; color: #fff; font-family: 'SBAggroM';}
#header .gnb .left_gnb .depth0 > li > a:hover{color:#fff;}
#header .gnb .left_gnb .depth0 > li > a > img{max-height:40px; vertical-align:middle;}
#header .gnb .left_gnb .depth0 > li > a:after {position: absolute; content: ""; width: 14px;  height: 6px; right: 0px; top: 27px; background-color: #fff; /* ← 흰색 */

    mask: url(/data/icon/gnb_arrow.svg) center / cover no-repeat;
    -webkit-mask: url(/data/icon/gnb_arrow.svg) center / cover no-repeat;}
#header .gnb .left_gnb .depth0 > li:nth-child(7) {display:none;}
#header .gnb .left_gnb .depth0 > li > a.active {color:#fff;}

/* 상단메뉴 1뎁스 */
#header .gnb .left_gnb .depth1 > li{}
#header .gnb .left_gnb .depth1 > li > a{display:block; /*width:100%;*/ padding:2px 10px; font-size:13px;letter-spacing:0px;}
#header .gnb .left_gnb .depth1 > li > a:hover{color:#000;background:#ddd;}
#header .gnb .left_gnb .depth1 > li > a.active{color:#000;}

/* 상단메뉴 2,3,4 뎁스 CSS */
#header .gnb .depth1 li{position:relative;}
#header .gnb .depth1 li a{display:block; /*width:100%;*/ padding:2px 10px; font-size:13px;letter-spacing:0px; background-image:none;}
#header .gnb .depth1 li a:hover{color:#000;background:#eee !important;}
#header .gnb .depth1 li a.active{color:#000;}

/* 상단 메뉴 뎁스 위치 */
#header .gnb .left_gnb .depth1{display: none; position: absolute; top: 59px; left: 14px; min-width: 200px; background: #ffffff; z-index: 99; padding: 10px 0; border-top: 1px solid #ff6138; box-shadow: 8px 8px 16px 0 rgb(0 0 0 / 10%);}
#header .gnb .left_gnb .depth2{display:none; position:absolute; top:-1px; left:100%; min-width:200px; background:#ffffff;padding:10px 0; border:1px solid #ecebea; box-shadow: 8px 8px 16px 0 rgb(0 0 0 / 10%);}
#header .gnb .left_gnb .depth3{display:none; position:absolute; top:-1px; left:100%; min-width:200px; background:#ffffff;padding:5px 0; border:1px solid #ecebea; box-shadow: 8px 8px 16px 0 rgb(0 0 0 / 10%);}
#header .gnb .left_gnb .depth4{display:none; position:absolute; top:-1px; left:100%; min-width:200px; background:#ffffff;padding:5px 0; border:1px solid #ecebea; box-shadow: 8px 8px 16px 0 rgb(0 0 0 / 10%);}

/* 스크래치 상품 메뉴 안보이게
#header .gnb .left_gnb .depth0 > li:last-child {display:none;} */

/* =============== 상단메뉴 끝 ================= */


/* 자료실 서브메뉴 190731
.header_gnb .gnb_data {display:none; position:absolute; top:60px; right:0px; width:160px; border:1px solid #ddd; z-index:100; background:rgba(255,255,255,0.95);}
.header_gnb .gnb_data.show {display:block;}
.header_gnb .gnb_data li {border-bottom:1px solid #ddd}
.header_gnb .gnb_data li a {display: inline-block; font-size: 13px; font-weight: 400; text-align: center; line-height: 40px; color: #333; text-decoration: none; width: 100%;}
.header_gnb .gnb_data li a:hover {background:#f5f5f5;}
 */
#header .gnb .community_gnb .gnb_data { display: none; position: absolute; top: calc(100% + 4px); right: 0; min-width: 140px; background: #fff; box-shadow: 0 10px 25px rgba(0, 0, 0, .15);  z-index: 100; height: auto;}
#header .gnb .community_gnb .gnb_data li {border-bottom: 1px solid #ddd; display: block; border-radius: 0px; margin-left:0px;}
#header .gnb .community_gnb .gnb_data li a {display: inline-block; font-size: 13px; font-weight: 400; text-align: center; line-height: 34px; color: #333; text-decoration: none;  width: 100%; margin-left: 0px; vertical-align: middle; height: 34px;}
#header .gnb .community_gnb .gnb_data li a:hover {background:#f5f5f5;}


/* GNB : COVID-19 메뉴 삭제  */
.header_gnb .gnb .gnb_allmenu_wrap .gnb_data ul li:nth-of-type(3) {display:none !important;}

/* gnb 조달청등록 FM안전캐비닛 (임시방편) */
.header_gnb .gnb .gnb_allmenu_wrap .gnb_data li:nth-child(3) {display:none !important;}


/* 상세페이지 설명글 리스트 타입 */
.detail_top {display:table; width: 740px; margin: 0 auto; text-align: left;}
.detail_top ul {padding: 10px; width: 47%; float: left; height: 60px; background: #eee;}
.detail_top li {list-style: disc; margin-left: 30px; font-size:14px;}

/* 상세페이지 상단 공지 */
.detail_notice { text-align: center; padding: 20px; background: #ffefef;}
.detail_notice span {font-size: 16px; font-weight: 700; display: block; padding-left: 70px; padding-top: 10px; height: 40px; background: url(https://sercrim.hgodo.com/ico_speacker.png) no-repeat 23% top;}
.detail_notice span b {color:#dd1a1a;}

/* 주문페이지 일반결제 멘트 */
.order_ment {color:red; font-size:12px;}
.order_ment.type2 {color:#2e2ecb;}
.order_ment.type2 span {color:red;}

/* 프로모션 페이지 상단 멘트 */
.eventsale_ment { text-align: center; margin: 0px 0px 50px 0px; padding: 20px; background: #ededed; font-size:14px;}

/* 우측 측면 배너 : 연구비 카드결제 */
.banner_card {  position: relative;  width: 130px; display: inline-block; padding: 8px 10px 8px 0px; margin-bottom: 10px; text-align: right; font-weight: 700; border-radius: 40px; color: #fff;
                background-image: linear-gradient(to left, rgb(86 122 255), rgb(251, 67, 87)); box-shadow: 1px 3px 6px 0 rgb(0 0 0 / 30%);}
.banner_card:before { content: url(https://sercrim.hgodo.com/banner_card.png); position: absolute; left: 8px; top: 9px; }

/* 문의게시판 문의하기 버튼 */
.btn_right_box .btn_write:after {content: "\f044"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff; font-size: 12px; padding-right: 0.5em; position: absolute; top: 2px; right: 2px;}


/****** 상품 상세페이지 동영상 (유튜브 말고 직접 등록시) ******/
.product_video {width:600px; display:block; margin:0 auto;}


/* covid 메뉴 삭제 */
.header_gnb .gnb .gnb_allmenu_wrap .gnb_data ul li:nth-of-type(4) {display:none !important;}



/* 상품상세페이지 배송안내 */
.item_info_box .notice_delivery {padding:14px 0px; margin-top:10px;}
.item_info_box .notice_delivery strong {display:block; font-weight:400; font-size:14px; margin:0px 0px 10px 20px;}
.item_info_box .notice_delivery strong:before {font-family:FontAwesome; content:"";}
.item_info_box .notice_delivery p {padding:0px 20px;}
.item_info_box .notice_delivery ul {margin-left:40px;}
.item_info_box .notice_delivery li {list-style:disc outside;}

.sub_content {padding:50px 0 0 0;}
.item_photo_view_box {width:500px;}
.item_info_box {padding-top:0px !important; margin-left:30px; width:660px;}
.item_detail_list {margin-bottom:10px; border-radius:0px !important;}
.item_photo_big span {width:500px;}
.item_detail_tit h3 {width:658px;}

.delivery_cont {margin-bottom:80px;}
.delivery_cont table th, .delivery_cont table td {font-size:12px;}
.item_photo_slide .slick_goods_prev, .item_photo_slide .slick_goods_next {padding:8px 4px; background: #ffffff82;}
.item_photo_slide .slick_goods_prev img, .item_photo_slide .slick_goods_next img { filter: opacity(1) drop-shadow(0 0 0 #000000);}

.btn_qnalink2 {display: inline-block;  height: 45px; line-height: 45px; color: #777; text-align: right;  width: 100%;}
.btn_qnalink2 a {border: 1px solid #ccc; font-size: 10px;  color: #777; padding: 4px;}


/*GNB옆 특가할인 추가*/
.gnb_salezone { position: absolute; right: 253px; z-index:99;}
.gnb_salezone.depth0 > li {width: auto; position: relative; vertical-align: top;}
.gnb_salezone.depth0 > li > a {position: relative; display: inline-block; box-sizing: border-box; padding: 0px 22px; font-weight: 500; font-size: 17px; text-align: center; line-height: 64px; color: #333; font-family: 'SBAggroM';}
.gnb_salezone.depth0 li > a {color:#ff6138;}
/*
.gnb_salezone.depth0 > li > a:after {position: absolute;  content: "";  width: 14px;  height: 6px;  right: 2px;  top: 27px;  mask-image: url(/data/icon/gnb_arrow.svg);  mask-repeat: no-repeat;  mask-position: center left;
    mask-size: contain;  background-color: #ff6138;}
*/
.gnb_salezone.depth0 > li > a { }
.gnb_salezone.depth0 > li > a span {  position: relative;  display: inline-block;  color: #fffa1d;  text-transform: uppercase;  animation: waviy 2s infinite;  animation-delay: calc(.1s * var(--i));}
@keyframes waviy {
  0%,40%,100% {   transform: translateY(0)  }
  20% {   transform: translateY(-6px)  }
}
.gnb_salezone .depth1 {display:none; position: absolute; top: 59px; left: 14px; min-width: 160px; background: #ffffff; padding: 10px 0; border-top: 1px solid #ff6138; box-shadow: 8px 8px 16px 0 rgb(0 0 0 / 10%);}
.gnb_salezone .depth1 li a {color:#000;}
.gnb_salezone .depth1 li a span {  font-weight: 700; font-style: italic; display: inline-block; margin-right: 2px; font-size: 14px; position:relative;}
.gnb_salezone .depth1 li a span:last-child:after {position:absolute; content:"\26A1"; top:-2px; right:-18px; font-size:12px; }


/* 메인 배너 */
.main_visual {margin-bottom:0px; overflow: inherit;}
.main_visual .slick-arrow {width: 40px; height: 68px;}
.main_visual .slick-prev {left:30px;}
.main_visual .slick-next {right:30px;}
.slick-dots {bottom:-30px;}


#footer_wrap {border:0px; background: #f5f5f5; padding: 60px 0px 20px 0px;}
/*
#shop_cart_wrap .cart_tab_wrap {background:#ccc; border-top:0px;}
*/
.content_info_wrap {border:0px;}
#shop_cart_wrap {display:none;} /* 하단 쇼핑카트 가리기 250213 */
#shop_cart_wrap .cart_tab_list ul li a {color:#636873;}
#shop_cart_wrap .btn_shop_cart_box .btn_shop_cart_open, #shop_cart_wrap .btn_shop_cart_box .btn_shop_cart_close {top:-10px; border:0px; border-radius:100px; box-shadow:0px 2px 4px 0 rgb(0 0 0 / 18%); }
.content_info .foot_logo {background:url(https://sercrim.hgodo.com/footer_logo.png) no-repeat 0 0;}
.content_info .notice_list em {font-family: -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif;}

.goods_list_cont ul li {margin-bottom:20px;}
.main_goods_cont.new .goods_list_cont ul {display:flex;}
.main_goods_cont.new .goods_list_cont ul li { margin-right: 10px; width: 232px !important;}
.main_goods_cont.new .goods_list_cont ul li:last-child {margin-right:0px;}
.main_goods_cont.new .goods_list_cont ul li .item_cont {padding:0px;}
.item_tit_box {height:90px;}
.item_tit_box .item_name {font-size: 14px; line-height: 16px; font-weight: 400; margin-bottom: 2px; letter-spacing: -1px; word-break: break-all; color:rgb(67,67,67); text-align:left;}
.item_money_box .item_price {color:rgb(51, 51, 51); font-weight:500; font-size:15px; padding-top:0px; text-align:left; font-family:Pretendard, "Pretendard Variable", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; }
.item_info_cont {font-family:"Noto Sans KR", "malgun gothic", AppleGothic, dotum, sans-serif;}
.item_photo_box {border:1px solid #f1f1f17a; background:#fff;}
.item_photo_box a:hover > img {transform: scale(1.02); transition: transform 0.3s ease-out;}
.item_photo_box a img {object-fit: cover; transition: transform 0s ease-out; }


/* 메인 탭메뉴 */
.item_vl_tab_type .goods_tab_tit ul {margin:0px; padding-left:0px;}
.item_vl_tab_type .goods_tab_tit li a {font-size:15px;}

/* 뉴스레터 게시판 썸네일 */
/*.board_list_gallery .board_img {min-height:226px;}*/
.newsboard .board_list_gallery li a {display: block; width: 100%; height: 100%;}
.newsboard .board_list_gallery .board_img img {width:100%; vertical-align: middle;}

/* 비밀번호 찾기 페이지 */
.find_password_reset_box .login_input {padding:10px 10px 0 10px;}

/* 아이디 찾기 페이지 */
.btn_member_id {width:58px;}

/* 우측 스크롤배너 */
#cus_scroll_right .right_quick_btn ul li.right_quick_btn_open {background:#f26a45 !important;}

/* 상단 검색창 */
#header .top_search {padding-top:30px;}
#header .top_search .top_text_cont .top_srarch_text {border:2px solid #f26a45; height:44px;}
.top_search_keyword ul li a {font-size:13px;}

/* 특별 할인전 */
.eventpage_nav.normal {display:none; background: #0169cc; display:none; }
.eventpage_nav.normal .nav { display: block; height: 67px; padding:30px; width:fit-content; margin:0 auto;}
.eventpage_nav.normal .nav li {float: left; background: #fff; width: 240px; text-align: center;  border-radius: 40px; margin-right: 20px; box-shadow:1px 3px 0px 2px rgb(1 85 167);}
.eventpage_nav.normal .nav li:last-child { margin-right:0px;}
.eventpage_nav.normal .nav li a {width: 100%; display: inline-block; font-size: 0; font-weight: 700; color: #0169cc; height: 74px; line-height: 74px;}
.eventpage_nav.normal .nav li img { vertical-align: middle;}
.eventpage_nav.normal .nav li:nth-child(1) img { width: 160px;}
.eventpage_nav.normal .nav li:nth-child(2) img {width: 120px;}
.eventpage_nav.normal .nav li:nth-child(3) img {width: 160px;}
.eventpage_nav.normal .nav li:nth-child(4) img {width: 110px;}
.eventpage_nav.special.text .nav {background: #0169cc;} /* 특별할인 nav BG */
.eventpage_nav.scratch.text .nav {background: #14365c;} /* 특별할인 nav BG */
.eventpage_nav.text .nav {display: flex; flex-wrap: wrap; gap: 15px 18px; justify-content: center; align-items: center; padding: 28px 0px 28px 0px;}
.eventpage_nav.text .nav li {}
.eventpage_nav.text .nav li a {font-weight: 500; display: block; font-size: 16px; color: #fff; padding: 9px 27px; transition: all .1s; border-radius: 30px; border: 2px solid #fff;}
.eventpage_nav.text .nav li:hover a {background-color:#fff; color:#333;}
.eventpage_nav.text .ment { text-align: center; font-size: 20px; color: #fff;}
.eventpage_nav.text .ment p { position: relative; font-weight: 700; background: #fbe927;}
.eventpage_nav.special.text .ment p { color: #0169cc;}
.eventpage_nav.scratch.text .ment p { color: #14365c; background:#f6b01c;}
/* 화살표
.eventpage_nav.text .ment p:before { content: "\1F53B"; top: 4px; left: 505px; position: absolute; font-size: 14px;}
.eventpage_nav.text .ment p:after { content: "\1F53B"; right: 509px; position: absolute; font-size: 14px; top: 4px;}
*/
.goods_event_sale_cont .goods_list {border-bottom:1px solid #ccc; margin:30px 0px 50px 0px; position:relative;}
.goods_event_sale_cont .goods_list:nth-last-of-type(1) {border-bottom:0px;}
.goods_event_sale_cont .goods_list.main_wrap_2377 .topgo {_display:none;}
.goods_event_sale_cont .goods_list .topgo {  border: 1px solid #c7c7c7; border-radius: 100px; text-decoration: none; font-size: 0px; color: #fff; padding: 6px; width: 34px; height: 34px; display: inline-block; background: url(https://sercrim.hgodo.com/up-arrow.png) no-repeat;
    background-size: 22px; background-position: center; position: absolute; right: 0px; bottom: 10px;}
.goods_event_sale_cont .goods_list .topgo:hover {border:1px solid #777;}
.goods_event_sale_cont .goods_list_tit .btn_goods_more {display:inline-block;}
.goods_event_sale_cont .btn_goods_down_more {width:95%; margin: 0 auto; margin-bottom: 30px;}
.goods_event_sale .topbtn {z-index:99; width: 50px; height: 50px; position: fixed; bottom: -300px; right: 124px; background:url(https://sercrim.hgodo.com/ico_arrow.png); font-size: 0px; border-radius: 12px; box-shadow: 0px 0 8px 0 rgb(0 0 0 / 10%); transition:bottom 0.5s;}
.goods_event_sale .topbtn:hover { background:url(https://sercrim.hgodo.com/ico_arrow_hover.png); transition: all 0.2s;}

/* 쇼핑카트 탭 열기내리기 버튼 */
#shop_cart_wrap .btn_shop_cart_box .btn_shop_cart_open span, #shop_cart_wrap .btn_shop_cart_box .btn_shop_cart_close span {padding-top:24px;}
#shop_cart_wrap .btn_shop_cart_box .btn_shop_cart_open span:before {content: ""; width: 11px; height: 17px; position: absolute; top: 7px; left: 21px; margin-bottom: 4px; background: url(https://sercrim.hgodo.com/ico_right3.svg) no-repeat;
    background-size: cover; background-position: -3px 0px; -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg);}
#shop_cart_wrap .btn_shop_cart_box .btn_shop_cart_close span:before {content: ""; width: 11px; height: 17px; position: absolute; top: 7px; left: 21px; margin-bottom: 4px; background: url(https://sercrim.hgodo.com/ico_right3.svg) no-repeat;
    background-size: cover; background-position: -3px 0px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}

/* 메인 탭 갤러리 */
.item_vl_tab_type .goods_tab_cont .goods_tab_box {}
.item_vl_tab_type .goods_tab_cont .goods_tab_box ul {}
.item_vl_tab_type .goods_tab_cont .goods_tab_box li {width: 24.2% !important; margin-right: 10px;}
.item_vl_tab_type .goods_tab_cont .goods_tab_box li:nth-child(4n+0) {margin-right:0px;}
.item_vl_tab_type .goods_tab_cont .goods_tab_box li .item_cont {padding:0px;}
.item_vl_tab_type .goods_tab_tit {width:178px; left:2px;}

.main_content .item_icon_box { left: 12px;}

/* 브랜드검색 */
.goods_brand .brand_all_list { margin-bottom: 50px;}
.goods_brand .gnb_allmenu_box .all_menu_cont {padding:0px;}
.goods_brand .gnb_allmenu_box ul {display: flex; justify-content: center; flex-wrap: wrap;}
.goods_brand .gnb_allmenu_box ul li { margin: 0px 10px 12px 0px; text-align: center; width: 19% !important; background: #fff; overflow: hidden; border-radius: 8px; border: 1px solid #efefef;}
.goods_brand .gnb_allmenu_box ul li a {padding:0px; text-align:center;}
.goods_brand .gnb_allmenu_box ul li:nth-child(5n) {margin-right:0px;}
.goods_brand .gnb_allmenu_box ul li a > img {max-width:none;}

/* 카테고리 */
.list_item_category li {font-size:13px;}
.body-goods-list .addition_zone {}

.newsboard .addition_zone {display:none;}
.addition_zone.hide {display:none;}

.btn_add_cart:hover, .btn_add_wish:hover {background:#fff; border: 1px solid #b7b7b7;}
.btn_add_order, .btn_add_order_related, .btn_add_cart_related {background-color: #f26a45; border: 1px solid #f26a45;}
.btn_add_order:hover, .btn_add_order_related:hover, .btn_add_cart_related:hover { background-color:#e55a34; border:1px solid #e55a34;}

/* 주문서 작성 결제 페이지 - '결제수단 선택/결제' 테이블 스타일 */
.payment_progress_list {padding:0px; font-size:14px;  font-family: noto sans, malgun gothic, AppleGothic, dotum; color: #333;}
.payment_progress_list dl {display:flex; padding:0px;}
.payment_progress_list dt {padding:0px; font-size: 14px; line-height: 1.5;  background: #f7f7f7;  font-weight: 400; padding: 20px 30px; width: 150px;} 
.payment_progress_list dd {padding:18px 10px 14px 15px; font-size:14px;}
.payment_progress_list .cash_tax_get > dl {background:none;}
.payment_progress .payment_progress_select li {font-size;14px;}
.payment_progress_select label {font-size:14px;}

/* 뉴스레터 게시판 - 읽기 제목 크기 */
.board_view_tit h3 {font-size:14px;}


/* 마이페이지 회원등급 안내 */
.mypage_top_info .mypage_top_txt {width:40%; padding-bottom:10px;}
.mypage_top_info .mypage_top_txt .member_tier_benefits {margin-top:20px; border-top:1px solid #ddd; padding:8px; width:80%; margin:0 auto;}
.mypage_top_info .mypage_top_txt .member_tier_benefits span {font-weight:700;}
.mypage_top_info .mypage_top_txt .member_tier_benefits ul { margin: 6px 0px 10px 20px;}
.mypage_top_info .mypage_top_txt .member_tier_benefits ul li {list-style:disc; text-align:left; text-indent: -6px;}
.mypage_top_info .mypage_top_txt .member_tier_benefits ol {text-align: left; padding-left: 54px;}
.mypage_top_info .mypage_top_txt .member_tier_benefits ol li {margin-bottom:6px;}
.mypage_top_info .mypage_top_txt .member_tier_benefits ol li span {display: inline-block; padding: 1px 8px; margin-right: 6px; font-weight: 400; font-size: 13px; border-radius: 100px; color: #fff;}
.mypage_top_info .mypage_top_txt .member_tier_benefits ol li:nth-child(1) span {background: #47b9b9;}
.mypage_top_info .mypage_top_txt .member_tier_benefits ol li:nth-child(2) span {background: #6a90dd;}
.mypage_top_info .mypage_top_txt .member_tier_benefits ol li:nth-child(3) span {background: #8e54d8;}
.mypage_top_info .mypage_top_txt .ment1 {font-size:16px; margin-bottom:14px;}

/* 메인 타이틀(h2) 선 추가, MD's PICK */
/* MD'sPICK ***/ .main_goods_cont.new .goods_list_tit .goods_list_tit h2 {}
                 .main_goods_cont.new .goods_list_tit h2 a:after {content:"'"; font-size:30px; position:absolute; left:42px; top:0px;}
/* 이벤트 *****/ .main_event_wrap .goods_list_tit h2:after {}
/* 소모품BEST */ .main_goods_cont.cons .goods_list_tit h2:after {}
/* 기기BEST ***/ .main_goods_cont.equip .goods_list_tit h2:after {}
/* 안전BEST ***/ .main_goods_cont.safety .goods_list_tit h2:after {}

.main_goods_cont h2 {width:100%; position: relative; display: flex; align-items: center; gap: 10px; white-space: nowrap; margin-left:-1px;}
/*.main_goods_cont h2::after {content: ""; flex-grow: 1;  height: 1px;  background-color: #e1e1e1;}*/


/* 검색창 최근검색어 */
.recom_box + .recent_box {width:243px;}

.board_hot_list {margin-top:20px;}


/***** 지역판매처 ******/
.sub_content.localdealer {}
.sub_content.localdealer .cont_wrap {text-align:center;}
.sub_content.localdealer .cont_wrap h3 {font-weight: 700; font-size: 20px; margin-bottom:14px;}
.sub_content.localdealer .cont_wrap h4 {font-size: 16px;}
.sub_content.localdealer .cont_wrap table { margin-top: 30px; border-collapse: collapse;}
.sub_content.localdealer .cont_wrap th { font-weight: 700; background: #ee7203; padding: 4px; border: 1px solid #fff; color: #fff;}
.sub_content.localdealer .cont_wrap th:first-child {border-left:0px;}
.sub_content.localdealer .cont_wrap th:last-child {border-right:0px;}
.sub_content.localdealer .cont_wrap td { border: 1px solid #ddd; padding: 8px; font-size: 12px;}
.sub_content.localdealer .cont_wrap td:last-child {border-right:0px;}
.sub_content.localdealer .cont_wrap td:first-child {border-left:0px;}
.sub_content.localdealer .cont_wrap table tr:first-child >td {border-top:0px;}


/* 마이페이지 최근 본 상품 */
.item_tit_box .item_brand {display:none;}
.item_money_box del {display:none;}

#wrap .opt_ment_wrap button, #connect .btnArea div {border-radius:0px !important;}

/* 상세페이지 업체할인 */
.item_detail_brand .group {font-size: 14px !important; background: #f74b4b; padding: 6px 10px; border-radius: 10px; color: #fff;}

.item_detail_brand .group .highlight-number {font-weight:bold; }

/* 이벤트 게시판 */ 
.board_hot_list {border-top:0px;}
.board_hot_list ul {display: flex; flex-wrap: nowrap; justify-content: center;}
.board_hot_list ul li {font-size:15px; margin-right:5px;}
.board_hot_list ul li a {height:inherit; padding:8px 14px; border:1px solid #d8d8d8 !important; border-radius:100px;}
.board_hot_list ul li a span {top:inherit;}
.board_hot_list ul li a span:hover { font-weight: inherit; border-bottom: none;}
.board_hot_list ul li.on a {background:#222; border-color:#222 !important; color:#fff;}

/* 회원가입 */
.member_wrap .member_membership { margin-bottom: 14px;}


/***** 상단 띠배너 *****/
:root { --topBannerH: 0px; }

/* 상단 띠배너 */
.header_banner{
  overflow: hidden;
  transition: max-height .35s ease, opacity .25s ease;
  background: #333;
}

/* JS가 준비되기 전엔 숨김(깜빡임 방지) */
#topBanner[data-banner="top"]{ display:none; }

/* ✅ 항상 화면 상단 고정 */
#topBanner{
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 99999;
}

#topBanner.is-ready{ display:block; }

/* ✅ 배너가 있을 때 헤더를 아래로 밀기(가림 방지 + 스르륵) */
html.has-topbanner #header{
  margin-top: var(--topBannerH);
  transition: margin-top .35s ease;
}
#header{ transition: margin-top .35s ease; }

.header_banner .wrap{ width:1200px; margin:0 auto; position:relative; }
.header_banner a{
  display:block; width:100%;
  font-size:15px; color:#fff; text-align:center;
  line-height:42px; height:42px; position:relative;
}
.header_banner button{ position:absolute; top:0; right:0; width:42px; height:42px; }
.header_banner span{ display:inline-block; margin:0 10px 0 20px; }
.header_banner b{ letter-spacing:1px; margin-left:10px; color:#fffa1d; }

.header_banner.is-closing{ opacity:0; max-height:0 !important; }
.header_banner.is-hidden{ display:none !important; }
/***** 상단 띠배너 끝 *****/


/* 우측스크롤 */
#cus_scroll_right .right_catalog a i.fas, #cus_scroll_right .btn_scroll_top {display:none !important;}

/****** 솔루션 페이지  ******/
.solution-page {position:relative;}
body.body-solution-glove #container, body.body-solution-chroma #container, body.body-solution-diagnosis #container {margin-top:0px; }
.solution-page .tit {text-align:center; padding:110px 0 80px;}
.solution-page .nav.sticky {position:fixed; top:0; left:50%; z-index:100; display:flex; justify-content:center; gap:16px; width:100%; margin:0; padding:20px; box-sizing:border-box; background:rgba(0,0,0,0.7); opacity:0; visibility:hidden; transform:translate(-50%,-100%); transition:opacity .3s ease, transform .3s ease, visibility .3s ease;}
.solution-page .nav.sticky.show {opacity:1; visibility:visible; transform:translate(-50%,0);}
.solution-page .nav.sticky li {list-style:none; line-height:normal;}
.solution-page .nav.sticky li a {display:inline-block; min-width:220px; padding:16px 20px; box-sizing:border-box; text-align:center; line-height:1.4; font-size:18px; font-weight:500; color:#fff; text-decoration:none; background:rgba(70,70,70,0.82); border-radius:16px; transition:all .3s ease;}
.solution-page .nav.sticky li a:hover {background:rgba(90,90,90,0.92);}
.solution-page .nav.sticky li.active a {background:#df2a1b; color:#fff; font-weight:700; box-shadow:0 6px 18px rgba(0,0,0,0.18);}

/*글러브*/
body.body-solution-glove #contents {background:url(https://sercrim.hgodo.com/safenwork/solutionpage/glove/bg.jpg) repeat-x; background-color:#2a3134; background-position-x:center;}
body.body-solution-glove .solution-page .nav.sticky li.active a {background:#008896;}
body.body-solution-glove #contents {padding:0px;}

/*크로마토그래피*/
body.body-solution-chroma #container {margin-top:0px;}
body.body-solution-chroma #contents {padding-bottom:0px;}
body.body-solution-chroma .sub_content {width:100%; padding-top:0px;}
.solution-page.chroma{width:100%;/*overflow:hidden;*/background:url('https://sercrim.hgodo.com/solutionpage/chroma/bg.jpg') repeat-x center top;}
.solution-page.chroma img {display:block;width:100%;max-width:1200px;height:auto;margin:0 auto;border:0;}
.solution-page.chroma .tit {padding:110px 20px 80px;text-align:center;}
.solution-page.chroma .tit img {width:auto;max-width:100%;}
.solution-page.chroma .list, .solution-page.chroma .cont {width:100%;display:flex;justify-content:center;}
.solution-page.chroma .nav.sticky li.active a {background:#3795f9;}
.solution-page.chroma .cont {scroll-margin-top:64px;}
.solution-page.chroma #cont1 {background:#82c9ff;}
.solution-page.chroma #cont2 {background:#9bd4ff;}
.solution-page.chroma #cont3 {background:#82c9ff;}
.solution-page.chroma #cont4 {background:#9bd4ff;}

@media screen and (max-width:767px) {
	.solution-page.chroma .list {width: 94%; margin: 0 auto;}
	.solution-page.chroma .tit {padding:50px 20px 38px;}
	.solution-page.chroma .tit img {max-width:82%;}
	.solution-page.chroma .nav.sticky {display: none;}
	.solution-page.chroma .cont {scroll-margin-top:52px;}
}

/*진단*/
.body-solution-diagnosis #contents {padding-bottom:0px;}
.body-solution-diagnosis.pc .sub_content {width:100%;}
.body-solution-diagnosis.pc #container, .body-solution-diagnosis.pc .sub_content {margin-top:0px; padding-top:0px;}
.solution.landing > div {width:100%;background-repeat:no-repeat;background-position:center top;background-size:cover;display:flex;justify-content:center;}
.solution.landing img {display:block;max-width:100%;height:auto;}
.solution.landing .bg_tit {aspect-ratio:1920/948;background-image:url('https://sercrim.hgodo.com/solutionpage/diagnosis/diagnosis_cytiva_bg_01.jpg'); align-items:flex-start;}
.solution.landing .tit {width:100%;max-width:1920px;display:flex;justify-content:center;margin-top:4.16%;}
.solution.landing .tit img {width:auto;max-width:100%;height:auto;}
@media (max-width:1024px){.solution.landing .tit {margin-top:4%!important;}}
@media (max-width:768px){.solution.landing .tit {margin-top:0!important;padding-top:30px!important;}}
@media (max-width:480px){
.solution.landing .tit {margin-top:0!important;padding-top:5px!important;}
.solution.landing .tit img {max-width:60%!important;}
}
.solution.landing .sub {aspect-ratio:1920/684;background-image:url('https://sercrim.hgodo.com/solutionpage/diagnosis/diagnosis_cytiva_bg_02.jpg');background-size:100% auto; margin:-2px 0;padding:7% 0;}
.solution.landing .step {height:auto;background: #00ab7e;background-size:100% auto;;flex-direction:column;align-items:center;margin-bottom:-2px;padding:3px 0 2px;}
.solution.landing .step img {width:100%;max-width:1200px;margin:0 auto;}
.solution.landing .end {height:auto;flex-direction:column;align-items:center;margin-bottom:-2px;padding:3px 0 2px;background: #006c55;}
.solution.landing .end img {width:100%;max-width:1200px;margin:0 auto;}
/************솔루션 페이지 끝***********/


/******* 메인 솔루션 배너 *******/
.cat_icons_wrap{margin: 80px auto 40px auto;}
.cat_icons_wrap .goods_list_tit h2{display:none;}
.cat_icons_wrap ul{position:relative;width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-around;gap:10px;}
.cat_icons_wrap li{position:relative;text-align:center;width:33%;overflow:hidden;border-radius:15px;height:210px;transition:transform .35s ease,box-shadow .35s ease;}
.cat_icons_wrap li:hover{transform:translateY(-5px);box-shadow:0 12px 25px rgba(0,0,0,.15);}
.cat_icons_wrap li a{display:block;height:100%;position:relative;overflow:hidden;color:#fff;text-align:left;line-height:20px;background-position:center;background-size:cover;background-repeat:no-repeat;}
.cat_icons_wrap li a::after{content:"";position:absolute;inset:0;z-index:1;background:rgba(0,0,0,0);transition:background .35s ease;pointer-events:none;}
.cat_icons_wrap li:hover a::after{background:rgba(0,0,0,.14);}
.cat_icons_wrap li a div{position:relative;z-index:2;font-size:16px;padding:30px;transition:transform .35s ease;}
.cat_icons_wrap li:hover a div:nth-child(1){transform:translateY(-3px);}
.cat_icons_wrap li a div:nth-child(1){margin-bottom:10px;}
.cat_icons_wrap li a div:nth-child(1) span{font-weight:700;display:block;font-size:17px;color:#fff;}
.cat_icons_wrap li a span{display:block;}
.cat_icons_wrap li a svg{vertical-align:middle;}
.cat_icons_wrap li:nth-child(1) a{background-image:url(https://sercrim.hgodo.com/banner/main_solution_bg1.jpg);background-position-x:80%;}
.cat_icons_wrap li:nth-child(2) a{background-image:url(https://sercrim.hgodo.com/banner/main_solution_bg2.jpg);background-position-x:94%;}
.cat_icons_wrap li:nth-child(3) a{background-image:url(https://sercrim.hgodo.com/banner/main_solution_bg3.jpg);background-position-x:20%;}
/******* 메인 솔루션 배너 끝*******/



/* 푸터 회사소개~폰트 */
.foot_list a {font-weight:400;}
.foot_list ul:first-child {width:auto;}
.foot_list ul li {margin-right:0px;}
.foot_list ul li:first-child a {width:24px;}

/* 푸터 sns */
/*.foot_list{  width: 1200px;  margin: 0 auto;  display: flex; align-items: center; justify-content: space-between; }
/*.foot_list > ul{ width: auto !important;  margin: 0 !important;  overflow: visible !important; padding: 0; list-style: none;}*/
.foot_list > ul:first-child{ display: flex;  gap: 18px;  flex-wrap: wrap; }
.foot_list > ul.snswrap{ margin-left: auto;  display: flex;  gap: 8px;  align-items: center;}
.foot_list .snswrap img{ width: 20px;  height: 20px;  display: block;}
.foot_list ul li a {padding:0px;}

#footer { width: 1200px;  margin: 0 auto;}
#footer .foot_list {display:flex;align-items:center;justify-content:flex-start;width:100%;}
#footer .foot_list>ul:first-child {width:auto;flex:0 0 auto;margin:0;}
#footer .snswrap {width:auto;flex:0 0 auto;margin:0 15px 0 auto;}
#footer .family_site {position:relative;float:none;flex:0 0 170px;width:170px;margin:0;}
#footer .family_site select {
	width:100%;height:38px;padding:0 38px 0 14px;border:1px solid #b8bcc2;border-radius:0;background-color:#aeb3b9;color:#fff;font-size:15px;font-family:inherit;font-weight:600;cursor:pointer;
	-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);
	background-position:calc(100% - 17px) 16px,calc(100% - 12px) 16px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;
}
#footer .family_site select:focus {outline:none;border-color:#777;}