/* BASIC css start */
/* 모든 타이틀 */
h2 {position: relative; display:block; font-size:22px; line-height:25px;  margin-top:10% !important; color:#333; text-align:center;  /*font-weight:bold;*/  }
.sti {position: relative; display:block;  font-size:13px; line-height:14px;  margin-top:5px !important; color:#999; text-align:center;   }


/* 스크롤 
::-webkit-scrollbar { width:80%; height:5px; background-color: #333;} */


/* 기본 css 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }


/* 뉴스박스 */
#news_box { position: relative; width:100%;  height:70px; background-color:#f0f1f1; padding-top:7px; margin-bottom:20px;}
#news_box ul { width:95%; margin: 0 auto;  background-color:#ffffff; border:1px solid #d6d6d6; }
#news_box li {float:center; height:23px; text-align:left; font-size:14px; padding-top:6px; padding-left:5px;}


/* 베스트셀러 */
#best_box { overflow-x:scroll;  width:90%;  height:320px; margin-top:15px;}
#best_box ul {overflow-x:auto; overflow-y:none; scrollbar-face-color:#333; min-width:1150px; max-width:1240px;height:320px; margin:0 auto;}
#best_box h2 {font-size:20px; line-height:50px; margin:0 auto; color:#333; text-align:center;  font-weight:300;  }
#best_box h3 {font-size:17px;  line-height:25px;  color:#aaa; font-weight:400; }
#best_box li.list {float:left; width:180px; height:320px; margin-left:6px; border:1px solid #fff; transition:all, 0.5s; cursor:pointer;   }
#best_box li:first-child {margin-left:none;}
#best_box .list .item-list {float:left; width:100%; }
#best_box .list .item-list .thumb { position: relative; width:100%; height:90%;  margin:0 auto; z-index:1; }
#best_box .list .item-list .pro_cont { position: relative; width:180px; height:120px;margin:0 auto; z-index:1; }
#best_box .list .item-list .thumb img { width:100%;}
#best_box .list .item-list .thumb .item-icon {position:absolute; width:20%;  margin-left:1%; margin-top:1%;  z-index:10 !important; text-align:center !important; z-index:10; }
#best_box .list .item-list .thumb .item-icon img { width:100%;}
#best_box .list .item-list .hit {  width:180px; font-size:12px; margin-top:2px; color:#aaa; font-weight:400; text-align:center !important; }
#best_box .list .item-list .prd-ect {  width:180px; font-size:12px; margin-top:20px; color:#aaa; font-weight:400; text-align:center !important; }
#best_box .list .item-list .prd-name { width:180px; font-size:13px; margin-top:5px; color:#333; font-weight:bold; text-align:center !important;}
#best_box .list .item-list .prd-subname { width:180px; font-size:12px; margin-top:5px; color:#555; font-weight:300; text-align:center !important;}
#best_box .list .item-list .prd-price {  width:180px; font-size:18px; margin-top:10px; color:#333; font-family: 'Lato' !important; font-weight:400 !important; text-align:center !important;}
#best_box .list .item-list .prd-price-ect { width:180px; margin-top:10px; text-align:center;}
#best_box .list .item-list span.won { width:180px; font-size:12px; color:#777; font-family: 'Noto Sans KR' !important; font-weight:300 !important; text-align:center !important;}


/* 샘플 & 전문가몰 안내 롤링 배너 */
.JS_wideBnr { position:relative; margin:0 auto 20%; }
.JS_wideBnr .img { position:relative; overflow-x:hidden;}
.JS_wideBnr .img li { position:absolute; left:0; top:0; width:100%; }
.JS_wideBnr .img li img { width:100%; }

/* 샘플 & 전문가몰 안내 롤링 배너 버튼 */
.JS_wideBnr .btn { display:none; position:absolute; width:100%; bottom:-15px; text-align:center; }
.JS_wideBnr .btn li { display:inline-block; width:10px; height:2px; line-height:0; margin:0 2px; background:#ccc; transition:all .3s ease; -webkit-transition:all .3s ease; text-indent:-9999px/*번호생략*/; }
.JS_wideBnr .btn li.on { width:15px; background:#111; }

/* 샘플 & 전문가몰 안내 롤링 배너 화살표 */
.JS_wideBnr .arrow { display:none; position:absolute; top:50%; margin-top:-35px; cursor:pointer; transition:all .5s ease; -webkit-transition:all .5s ease; }
.JS_wideBnr .arrow.prev { left:-20px; width:70px; height:70px; background:url('/layout/basic/_wg/img/btn_arrow_left_27_w.gif') no-repeat 50% 50%; background-color:rgba(0,0,0,.2); opacity:0; -webkit-opacity:0; }
.JS_wideBnr:hover .arrow.prev { left:0; opacity:1.0; -webkit-opacity:1.0; }
.JS_wideBnr .arrow.next { right:-20px; width:70px; height:70px; background:url('/layout/basic/_wg/img/btn_arrow_right_27_w.gif') no-repeat 50% 50%; background-color:rgba(0,0,0,.2); opacity:0; -webkit-opacity:0; }
.JS_wideBnr:hover .arrow.next { right:0; opacity:1.0; -webkit-opacity:1.0; }


/* PR 배너 롤링 */
.JS_slide_01 { position:relative; margin:0 0 60px; }
.JS_slide_01 .img { position:relative; overflow:hidden; }
.JS_slide_01 .img li { position:absolute; left:0; top:0; width:100%; }
.JS_slide_01 .img li img { width:100%; }

/* PR 배너 롤링버튼 */
.JS_slide_01 .btn { display:none; position:absolute; width:100%; bottom:-15px; text-align:center; }
.JS_slide_01 .btn li { display:inline-block; width:10px; height:2px; line-height:0; margin:0 2px; background:#ccc; transition:all .3s ease; -webkit-transition:all .3s ease; text-indent:-9999px/*번호생략*/; }
.JS_slide_01 .btn li.on { width:15px; background:#111; }

 /* PR 배너 롤링 화살표 */
.JS_slide_01 .arrow { display:none; position:absolute; top:50%; margin-top:-35px; cursor:pointer; transition:all .5s ease; -webkit-transition:all .5s ease; }
.JS_slide_01 .arrow.prev { left:-20px; width:70px; height:70px; background:url('/layout/basic/wg/img/btn_arrow_left_27_w.gif') no-repeat 50% 50%; background-color:rgba(0,0,0,.2); opacity:0; -webkit-opacity:0; }
.JS_slide_01:hover .arrow.prev { left:0; opacity:1.0; -webkit-opacity:1.0; }
.JS_slide_01 .arrow.next { right:-20px; width:70px; height:70px; background:url('/layout/basic/_wg/img/btn_arrow_right_27_w.gif') no-repeat 50% 50%; background-color:rgba(0,0,0,.2); opacity:0; -webkit-opacity:0; }
.JS_slide_01:hover .arrow.next { right:0; opacity:1.0; -webkit-opacity:1.0; }


/* 장비 롤링 화살표 */
.JS_rollingItem { position:relative; width:100%; display:block !important;  height:auto; margin-top:10%; padding-top:5%; padding-bottom:10%;  margin-top:10% !important; }
.JS_rollingItem h2 {position: relative; display:block; font-size:22px; line-height:25px;  margin-top:10% !important; color:#333; text-align:center;  /*font-weight:bold;*/  }
.JS_rollingItem .sti {position: relative; display:block;  font-size:13px; line-height:14px;  margin-top:1%; padding-bottom:10%; color:#999; text-align:center;   }

.JS_rollingItem .img { position:relative;  width:75%; overflow:hidden; margin:0 auto; text-align:center;}
.JS_rollingItem .img > li {position:absolute;width:100%;  margin:0 auto; }

/* 장비 롤링 상품이미지 */
.JS_rollingItem .img .img_pr { display:block; width:100%; height:100%; margin:0 auto; text-align:center;/*border-radius:100%; -webkit-border-radius:100%; overflow:hidden;*/ }
.JS_rollingItem .img .img_pr img { width:100%; }
.JS_rollingItem .img .item-icon {position:absolute; width:25%;  margin-left:1%; margin-top:1%;  z-index:10 !important; text-align:center !important; }
.JS_rollingItem .img .item-icon img { width:50%;}
.JS_rollingItem .img .item-list {float:left; width:100%; }
.JS_rollingItem .img .item-list .thumb { position: relative; width:100%; height:50%;  margin:0 auto; z-index:1; }
.JS_rollingItem .img .item-list .pro_cont { position: relative; width:100%; height:80px;margin:0 auto; z-index:1; }
.JS_rollingItem .img .item-list .prd-name { width:100%; font-size:18px; margin-top:5px; color:#333; font-weight:400; text-align:center !important;}
.JS_rollingItem .img .item-list .prd-subname { width:100%;  font-size:13px; margin-top:5px; color:#777; font-weight:300; text-align:center !important;}
.JS_rollingItem .img .item-list .prd-price { width:100%;  font-size:16px; margin-top:10px; color:#333; font-family: 'Lato' !important; font-weight:400 !important; text-align:center !important;}

.JS_rollingItem .img .box { position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; margin:0; text-align:center; background:rgba(0,0,0,0.5); opacity:0; transition:opacity .3s ease; -webkit-transition:opacity .3s ease; /* border-radius:100%; -webkit-border-radius:100%; overflow:hidden; */ }
.JS_rollingItem .img > li:hover .box { opacity:1; }
.JS_rollingItem .img .box .info { position:relative; top:40%; color:#fff; text-align:center; line-height:17px; }
.JS_rollingItem .img .box .info .name { display:block; max-height:37px; margin:0 0 5px; overflow:hidden; font-size:14px; color:#fff; letter-spacing:-0.02em; }
.JS_rollingItem .img .info span { color:#fff !important; font-weight:normal !important; } /* 리스트 텍스트 설정 */

 /* 장비 롤링 버튼 */
.JS_rollingItem .btn {  position:absolute; width:100%; bottom:15px; text-align:center; }
.JS_rollingItem .btn li { display:inline-block; width:7px; height:7px; line-height:7px; margin:0 3px; background:#aaa; border-radius:100%; -webkit-border-radius:100%; transition:all .3s ease; -webkit-transition:all .3s ease; text-indent:-9999px/*번호생략*/; }
.JS_rollingItem .btn li.on { background:#111; color:#fff; }

.JS_rollingItem .prdIcon { position:absolute; z-index:4; top:0; left:-8px; width:100%; height:100%; background-repeat:no-repeat; }


/* 샘플신청배너 */
#sample_bn { position:relative; width:100%; margin-bottom:20%; margin-top:10%;}
#sample_bn ul {width:100%;}
#sample_bn ul li {width:100%;}
#sample_bn ul li img {width:100%;}


/* 채용공고배너 */
#recruit_bn { position:relative; margin:0 auto; width:95%; margin-bottom:5%; margin-top:0.5%;}
#recruit_bn ul {width:100%;}
#recruit_bn ul li {width:100%;}
#recruit_bn ul li img {width:100%;}


/* 이벤트상품 롤링 화살표 */
.JS_rolling_event { position:relative; width:100%; height:auto; margin:0 auto; padding-top:5%; padding-bottom:10%; }
.JS_rolling_event .img { position:relative;  width:75%; overflow:hidden; margin:0 auto; text-align:center;}
.JS_rolling_event .img > li {position:absolute;width:100%;  margin:0 auto; }

/* 이벤트상품 롤링 상품이미지 */
.JS_rolling_event .img .img_pr { display:block; width:100%; height:100%; margin:0 auto; text-align:center;/*border-radius:100%; -webkit-border-radius:100%; overflow:hidden;*/ }
.JS_rolling_event .img .img_pr img { width:100%; }
.JS_rolling_event .img .item-icon {position:absolute; width:25%;  margin-left:1%; margin-top:1%;  z-index:10 !important; text-align:center !important; }
.JS_rolling_event .img .item-icon img { width:50%;}
.JS_rolling_event .img .item-list {float:left; width:100%; }
.JS_rolling_event .img .item-list .thumb { position: relative; width:100%; height:50%;  margin:0 auto; z-index:1; }
.JS_rolling_event .img .item-list .pro_cont { position: relative; width:100%; height:80px;margin:0 auto; z-index:1; }
.JS_rolling_event .img .item-list .prd-name { width:100%; font-size:18px; margin-top:5px; color:#333; font-weight:400; text-align:center !important;}
.JS_rolling_event .img .item-list .prd-subname { width:100%;  font-size:13px; margin-top:5px; color:#777; font-weight:300; text-align:center !important;}
.JS_rolling_event .img .item-list .prd-price { width:100%;  font-size:16px; margin-top:10px; color:#333; font-family: 'Lato' !important; font-weight:400 !important; text-align:center !important;}

.JS_rolling_event .img .box { position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; margin:0; text-align:center; background:rgba(0,0,0,0.5); opacity:0; transition:opacity .3s ease; -webkit-transition:opacity .3s ease; /* border-radius:100%; -webkit-border-radius:100%; overflow:hidden; */ }
.JS_rolling_event .img > li:hover .box { opacity:1; }
.JS_rolling_event .img .box .info { position:relative; top:40%; color:#fff; text-align:center; line-height:17px; }
.JS_rolling_event .img .box .info .name { display:block; max-height:37px; margin:0 0 5px; overflow:hidden; font-size:14px; color:#fff; letter-spacing:-0.02em; }
.JS_rolling_event .img .info span { color:#fff !important; font-weight:normal !important; } /* 리스트 텍스트 설정 */

 /* 이벤트상품 롤링 버튼 */
.JS_rolling_event .btn {  position:absolute; width:100%; bottom:15px; text-align:center; }
.JS_rolling_event .btn li { display:inline-block; width:7px; height:7px; line-height:7px; margin:0 3px; background:#aaa; border-radius:100%; -webkit-border-radius:100%; transition:all .3s ease; -webkit-transition:all .3s ease; text-indent:-9999px/*번호생략*/; }
.JS_rolling_event .btn li.on { background:#111; color:#fff; }
.JS_rolling_event .prdIcon { position:absolute; z-index:4; top:0; left:-8px; width:100%; height:100%; background-repeat:no-repeat; }


/* 브랜드 소개 동영상 */
.com_video { width:98%; height:auto;  margin:0 auto; margin-top:50px !important; z-index:1; text-align:center;}
.com_video .video iframe,
.com_video .video object,
.com_video .video embed {float:right; top:0; left:0; width:100%; height:100%; border:0; }


/* 프로덕트라인 */
#pr_line {position: relative; width:100%; margin:0 auto; padding-bottom:50px !important; clear:both;}
#pr_line .button {width:98%; margin:0 auto; padding-bottom:50px !important; clear:both;}
#pr_line h3 { text-align: center; padding: 35px 8px 10px; margin:0 auto;font-size: 17px; font-weight:bold; color: #636363; font-weight: 400; letter-spacing: 6px; background:  url('/design/histolab98/mobile/bar3.png') repeat-x 0 bottom / auto 4px; }
#pr_line .button ul {float:left; width:100%;}
#pr_line .button li {float:left; width:25%; margin-top:5px; margin-bottom:5px; padding:0px; text-align:center;}
#pr_line .button li img { width:80%; margin:0px; padding:0px;}


/* 공지사항 */
.notice { width:95%; margin: 0 auto;  height:40px;   border-top:1px solid #000; clear:both; margin-bottom:-30px;}
.notice ul { width:100%; }
.notice ul li { float: left;  height:35px;}
.notice ul li.ti {width:30%; font-size:18px; line-height:40px;  color:#333; text-align:center; }
.notice ul li.content {width:70%; font-size:14px; line-height:40px; text-align:left; }
.notice ul li > a {width:70%; font-size:14px; line-height:40px; text-align:left; }
.notice ul li.content img {line-height:40px; margin-top:12px; }


 /*탭 롤링 */
.JS_tabRolling { position:relative; margin:0 auto 50px; border-bottom:1px solid #eee; }
.JS_tabRolling > .img { position:relative; overflow:hidden; }
.JS_tabRolling > .img > li { position:absolute; left:0; top:0; width:100%; font-size:0; line-height:0; }

 /* 탭 롤링 버튼 */
.JS_tabRolling .btn { display:none; position:relative; width:100%; margin:0 0 15px; text-align:center; font-size:0; line-height:0; }
.JS_tabRolling .btn li { display:inline-block; position:relative; width:33.33%; height:35px; line-height:35px; border-top:1px solid #fff; border-bottom:1px solid #777; background:#f8f8f8; font-size:11px; font-weight:200; letter-spacing:0em; color:#999; text-align:center; }
.JS_tabRolling .btn li.on { top:-2px; height:40px; line-height:40px; border-top:1px solid #777; border-bottom:1px solid #fff; background:#fff; font-weight:700; color:#111; }
.JS_tabRolling .btn li span { display:block; }
.JS_tabRolling .btn li.on span { color:#111; }
.JS_tabRolling .btn li:first-child.on span { border-right:1px solid #777; }
.JS_tabRolling .btn li:nth-child(2).on span { border-right:1px solid #777; border-left:1px solid #777; }
.JS_tabRolling .btn li:nth-child(3).on span { border-left:1px solid #777; }

 /* 탭 롤링  상품 리스트 */
.JS_tabRolling .item_list { display:block; padding:1% 3%; background:#fff; font-size:0; line-height:0; letter-spacing:-4px; }
.JS_tabRolling .item_list .item { display:inline-block; width:50%; margin:0 0 20px; font-size:11px; line-height:14px; letter-spacing:0; vertical-align:top; }
.JS_tabRolling .item_list .thumbnail { position:relative; width:90%; margin:0 auto 10px; }
.JS_tabRolling .item_list .thumbnail .thumb { width:100%; }

.JS_tabRolling .item_list .description { position:relative; width:88%; margin:0 auto; text-align:left; }
.JS_tabRolling .item_list .description .name { display:block; margin:0 0 5px; padding:0 0 5px; border-bottom:1px solid #eee; }
.JS_tabRolling .item_list .description ul li span { /* color:#333 !important; 리스트 텍스트 설정 */ }

.JS_tabRolling .item_list ul { counter-reset:rankup 0; }
.JS_tabRolling .best_ico { position:absolute; left:10px; top:10px; width:40px; height:22px; border-top:1px solid #111; border-bottom:1px solid #111; background:rgba(255,255,255,.7); font-size:13px; font-weight:bold; color:#111; line-height:24px; text-align:center; }
.JS_tabRolling ul .num_ico { position:absolute; z-index:10; left:10px; top:10px; width:20px; height:22px; border-top:1px solid #111; border-bottom:1px solid #111; background:rgba(255,255,255,.7); font-size:12px; font-weight:bold; color:#111; line-height:24px; text-align:center; }
.JS_tabRolling ul .num_ico:after { counter-increment:rankup 1; content:counter(rankup)''; }


/*전문가 신청서 아이콘*/
.pf_oder_zone { position:relative; display:block; width:98%; min-height:150px;  margin:0 auto ;}
.pf_oder_zone ul {display:block; width:100%; padding:3% 3%;   margin:0 auto ;  }
.pf_oder_zone ul li {float:left; display:block; width:31%; height:auto; margin-right:1%; }
.pf_oder_zone ul li img {width:100%; display:block; }


/*전문가 신청서 아이콘 (2개씩 6개)
.pf_oder_zone { position:relative; display:block; width:95%; min-height:150px;  margin:0 auto 3%; }
.pf_oder_zone ul {display:block; width:94%; padding:3% 3%;    }
.pf_oder_zone ul li {float:left; display:block; width:49%;  height:auto;}
.pf_oder_zone ul li img {width:100%; display:block; }

.pf_oder_zone_last { display:block; width:95%; min-height:150px;  margin:0 auto !important;}
.pf_oder_zone_last ul {display:block; width:94%; padding:3% 3%; }
.pf_oder_zone_last ul li {float:left; display:block; width:49%; }
.pf_oder_zone_last ul li img {width:100%; display:block;}
*/


/* 기본 css */
.main {widt:100%}
.main h3 { text-align: center; padding: 15px 8px 10px; margin: 0 0 15px;font-size: 17px; color: #636363; font-weight: 400; letter-spacing: 6px; background:  url('/design/histolab/mobile/bar3.png') repeat-x 0 bottom / auto 4px; }
.main h3 span { color: #ccc; }

.list_shopping1x {margin:20px 0; position:relative;}
.list_shopping1x ul {border:4px solid #efefef;padding:15px;}
.list_shopping1x li {width:100% !important;}

.list_shopping1x li .subname {color:#777;margin-top:10px;}
.list_shopping1x li .consumer {color:#929292;margin-top:10px;text-decoration:line-through;}
.list_shopping1x li .listName {font-size:14px;margin-top:5px;}
.list_shopping1x li .listPrice {font-size:15px;margin-top:5px;font-weight:bold;color:#e41a1a;}
.list_shopping1x li:first-child a {padding:0;}
.list_shopping1x .choice { position:absolute; top:-15px; left:-2%; z-index:10;  }
.list_shopping1x .choice img  { width:34%; }


/* BASIC css end */