@charset "UTF-8";
/* 성호씨그마 별도 css 영역 */
/* 210715 PJG shop.header 헤더 css */
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");
#tnb {
  margin: 0 auto;
  border-bottom: 0;
}

ul#hd_qnb li.is_admin a {
  color: red;
}

#hd_qnb li {
  float: left;
  font-size: 1.083em;
  line-height: 14px;
  border-right: 1px solid #4a4a4a;
  position: relative;
  text-align: center;
  margin: 15px 10px 15px 0;
  padding-right: 10px;
  padding-left: 5px;
}

#logo {
  float: left;
  padding: 5px 0 25px;
}

.hd_sch_wr {
  float: left;
  padding: 10px 0 25px;
  width: 600px;
  margin-left: 65px;
}

#hd_sch #sch_str {
  float: left;
  width: 520px;
  height: 50px;
  padding-left: 20px;
  border-radius: 30px 0 0 30px;
  background: white;
  border: 2px solid #c01920;
  border-right: 0;
  font-size: 1.2em;
}

#hd_sch #sch_submit {
  float: left;
  width: 60px;
  height: 50px;
  border: 2px solid #c01920;
  border-left: 0;
  color: #c01920;
  background: white;
  border-radius: 0 30px 30px 0;
  cursor: pointer;
  font-size: 1.5rem;
}

.register_form_inner input:focus {
  border: 1px solid #8d6cda;
  box-shadow: 0 0 5px #8d6cda;
}

#hd_sch #sch_str:focus {
  border-top: 2px solid #c01920 !important;
  border-left: 2px solid #c01920 !important;
  border-bottom: 2px solid #c01920 !important;
}

#hd_sch #sch_str:focus + #sch_submit {
  border-top: 2px solid #c01920 !important;
  border-right: 2px solid #c01920 !important;
  border-bottom: 2px solid #c01920 !important;
}

#hd_sch #sch_str:focus + #sch_submit i {
  color: #c01920 !important;
}

#hd_sch #sch_submit i {
  color: #c01920;
}

div.head_right_menu_box {
  float: right;
  padding: 5px 0 10px;
}

div.head_right_menu_box li {
  float: left;
  padding: 0 10px;
}

div.head_right_menu_box li a {
  font-size: 0.8rem;
  color: #555555;
}

div.head_right_menu_box li a i {
  display: block;
  text-align: center;
  line-height: 40px;
}

div.hd_top {
  border-bottom: 1px solid #c9c9c9;
}

#hd_menu button#menu_open {
  float: left;
  height: 50px;
  border: 0;
  background: #c01920;
  text-align: left;
  color: #fff;
  padding: 13px 15px;
  font-weight: bold;
  font-size: 2em;
}

.hd_menu {
  float: left;
  display: inline-block;
  width: 950px;
  font-size: 1.083em;
}

.hd_menu li {
  float: left;
  width: 17%;
  line-height: 50px;
  text-align: center;
  padding: 0;
}

.hd_menu li:first-child {
  width: 12%;
}

.hd_menu li a.category_ment {
  font-size: 20px;
  color: #c01920;
  font-weight: bold;
}

.hd_menu li:first-child::before {
  content: "";
  display: block;
  margin-top: 14px;
  position: absolute;
  height: 20px;
  border-left: 2px solid #c01920;
  left: 165px;
}

ul.hd_menu li a {
  font-size: 1rem;
  border-right: 0;
}

div.hd_right_notice {
  padding: 0 10px 0 30px;
  margin: 12px 0;
  border-left: 1px solid black;
  font-size: 1rem;
  float: right;
  line-height: 26px;
  cursor: pointer;
}

div.hd_right_notice button {
  float: right;
  width: 15px;
  height: 15px;
  position: relative;
  top: 4px;
  left: 10px;
  border: 0;
  background: transparent;
}

div.hd_bottom {
  border-bottom: 2px solid #c01920;
}

#hd_menu span.abc_index_ment {
  display: flex;
  margin-left: auto;
  align-items: center;
  font-size: 1rem;
  color: #c01920;
  padding-left: 20px;
  border-left: 2px solid #c01920;
  cursor: pointer;
}

#hd_menu span.abc_index_ment i {
  margin-left: 15px;
}

#hd_menu {
  display: flex;
  align-items: center;
}

/* 210716 PJG shop.tail 테일 css */
#ft {
  margin: 0 auto;
  text-align: center;
  padding: 88px 0 40px 0;
  background: none;
}

div#ft div.ft_top {
  min-width: 1200px;
  display: inline-block;
  margin: 0 auto;
  margin-bottom: 10px;
}

div.middle_line {
  border-bottom: 2px solid #c01920;
}

div#ft div.ft_top ul.right_side {
  float: right;
}

div#ft div.ft_top ul.left_side li {
  float: left;
}

div#ft div.ft_top li a {
  font-size: 0.9rem;
  line-height: 20px;
  padding-left: 10px;
}

div#ft div.ft_top ul.right_side li {
  float: left;
  border-right: 1px solid black;
  padding-right: 10px;
}

div#ft div.ft_top li a {
  font-size: 0.9rem;
  line-height: 20px;
  padding-left: 10px;
}

#ft_wr {
  max-width: 1240px;
  margin: 0;
  padding: 40px 0;
  position: relative;
  display: inline-block;
  text-align: left;
}

div#ft_wr div.ft_logo {
  float: left;
  padding-top: 25px;
  width: 10%;
}

div#ft_wr div.ft_wr_right {
  float: left;
  padding-left: 0px;
  width: 90%;
}

div#ft_wr div.ft_wr_right div.ft_right_info {
  display: inline-block;
}

div#ft_wr div.ft_right_info2 {
  padding-left: 50px;
  line-height: 20px;
  padding-top: 10px;
}

div#ft_wr div.ft_wr_right ul li {
  float: left;
  padding-right: 20px;
  padding-left: 20px;
  border-right: 2px solid #555555;
  line-height: 23px;
  position: relative;
  left: 30px;
}

div#ft_wr div.ft_wr_right ul li strong {
  font-size: 1rem;
}

div#ft_wr div.ft_right_info2 {
  padding-left: 50px;
  line-height: 20px;
  padding-top: 10px;
}

div#ft_wr div.ft_right_info2 p {
  font-size: 1.1em;
}

div#ft ul.left_side div.slick-track {
  text-align: left;
}

/* 210716 PJG 메인 인덱스 css */
div.fix_container {
  max-width: 1200px;
  margin: 0 auto;
}

div.event_banner_inside {
  margin: 0 auto;
  text-align: center;
  text-align: center;
  text-align: -webkit-center;
}

div.ev_banner_btn {
  position: relative;
}

div.brand_store {
  margin-top: 60px;
  display: block;
}

div.brand_store div.brand_store_logo {
  text-align: center;
  border-bottom: 2px solid #c8c8c8;
  padding-bottom: 10px;
}

div.brand_store div.brand_area ul li {
  width: 239.5px;
  overflow: hidden;
}

div.brand_store div.brand_area {
  display: inline-block;
}

div.best_n_hot_products {
  margin-top: 60px;
}

div.best_n_hot_products div.best_n_hot_products_logo {
  text-align: center;
  border-bottom: 2px solid #c8c8c8;
  padding-bottom: 10px;
}

div.each_products {
  width: 220px;
  margin: 15px 0 0 15px;
  display: inline-block;
}

div.each_products a.product_name p {
  word-break: keep-all;
  text-align: center;
  padding: 10px 0;
  overflow: hidden;
  height: 90px;
  text-align: center;
  width: 100%;
  line-height: 17px;
  font-size: 1.1em;
}

div.each_products p#product_price {
  font-size: 14pt;
  font-weight: bold;
  height: 40px;
  text-align: center;
}

div.each_products div#img {
  text-align: center;
  padding: 15px 0;
}

div.each_products div#img img {
  overflow: hidden;
  position: relative;
  transform: scale(1);
  transition: all 0.3s ease-in-out;
}

div.each_products:hover > #img img {
  transform: scale(1.05);
  transition: all 0.3s ease-in-out;
}

div.brand_products {
  margin-top: 60px;
}

div.brand_products div.button_side table {
  width: 100%;
  table-layout: fixed;
  border-spacing: 2px;
}

div.brand_products div.button_side table th {
  font-size: 1rem;
  border: 0;
  background-color: #ededed;
  line-height: 35px;
}

div.brand_products div.button_side table th a {
  display: block;
  width: 100%;
}

div.brand_products div.brand_products_inside {
  border: 1px solid #c8c8c8;
  margin-top: 5px;
}

div.brand_products div.button_side th.selected {
  background: #c01920;
}

div.brand_products div.button_side th.selected a {
  color: white;
}

div.brand_products div.brand_products_inside {
  display: none;
}

div.brand_products div.brand_products_inside.show {
  display: block;
}

div.brand_products div.brand_products_inside div.no_item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 395px;
  text-align: center;
}

div.brand_products div.brand_products_inside div.no_item p {
  font-weight: bold;
  font-size: 1.2em;
}

div.planlist {
  margin-top: 60px;
  background: url(../img/choiceProduct_bg.jpg) no-repeat center bottom;
  height: 530px;
  box-sizing: border-box;
}

div.planlist div.planlist_logo img {
  display: block;
  margin: 0 auto;
}

div.planlist div.planlist_logo {
  padding-top: 30px;
}

div.planlist div.planlist_inside {
  margin: 0 auto;
  width: 1250px;
  text-align: center;
  padding-top: 30px;
}

div.planlist div.planlist_product {
  display: block;
  float: left;
  width: 320px;
  margin: 0 40px;
  border-radius: 8px;
}

div.planlist div.planlist_product div#description p {
  text-align: left;
  padding: 0 20px;
  font-size: 1rem;
  font-weight: bold;
}

div.planlist div.planlist_product div#description p.brand, div.planlist div.planlist_product p.product_name {
  margin-top: 20px;
}

div.planlist div.planlist_product div#description p.price {
  margin-top: 20px;
  font-size: 1.3rem;
}

div.event_banner_inside img.display_img {
  border-radius: 7px;
  width: 386px;
  height: 350px;
}

/* 210716 PJG 상품상세 네비게이션 바 css */
.category_title:hover a {
  color: #ff867d !important;
}

/* 210716 PJG 마이페이지 css */
#smb_my_ov .smb_me p, .status_01 {
  background: #5525c1;
  color: white;
}

.status_01 a {
  color: white;
}

table.mypage_left_menu tbody tr.value td a:hover {
  background-color: #5525c1;
  color: white;
}

/* 210716 PJG 최근 본 상품 TOP 버튼 css */
#top_btn:hover {
  border-color: #ff867d;
  background: #ff867d;
}

/* 210716 PJG 빠른주문 css */
.compare_wrap section {
  background: #ffdcdb;
}

/* 210716 PJG 공지사항 테이블 border css */
table.notice_table thead tr th {
  border-top: 2px solid #00ccff;
}

/* 210716 PJG 주문상세내역 css */
button.btn_receipt {
  background: #5525c1;
  color: white;
}

button.btn_receipt:hover {
  background: #8d6cda;
  color: white;
}

/* 210716 PJG 거래명세서 css */
.receipt_bottom_side {
  background: #5525c1 !important;
}

.receipt_bottom_side button.print {
  background: #e8e8e8;
  border: 0;
}

/* 210716 PJG 상품상세페이지 css */
div.link_playground div#url_copy button {
  background: #5525c1;
  color: white;
  border-radius: 3px;
}

div.link_playground div#url_copy button:hover {
  background: #8d6cda;
  color: white;
}

.option_list p#option_name {
  font-size: 15px;
  background: #5525c1;
  padding: 8px;
  margin-bottom: 10px;
  color: white;
}

.sit_btn_buy {
  background: #5525c1 !important;
  border: 1px solid #5525c1 !important;
  color: white;
}

.sit_btn_buy:hover {
  background: #8d6cda !important;
  color: white;
}

.info_btn .append_info {
  background: #5525c1 !important;
  color: white;
}

.info_btn .append_info:hover {
  background: #8d6cda !important;
  color: white;
}

/* 210716 PJG submit 버튼 css */
.btn_submit, .btn_join {
  background: #5525c1;
  color: white;
}

.btn_submit:hover, .btn_join:hover {
  background: #8d6cda;
}

/* 210716 PJG 로그인페이지 텍스트 배경 css */
#mb_banner > p {
  background: #5525c1;
  color: white;
}

/* 210719 PJG 주문페이지 최종주문금액 배경 css */
.sod_right #od_tot_price {
  background: white; /*color:white;*/
  border: 2px solid #5525c1;
}

#sod_frm_taker .order_choice_place {
  background: #5525c1;
  color: white;
}

input[type=password]:focus, textarea:focus, select:focus, #login_fs input[type=text]:focus {
  border: 1px solid #5525c1 !important;
}

/* 210719 PJG 회원가입 페이지 css */
#fregister p#notice {
  background: #5525c1;
  color: white;
}

#fregister p#notice:before {
  background: #8d6cda;
}

#register_form h2 {
  background-color: #5525c1;
  color: white;
}

.register_form_inner .id_pw_side .dup_chk {
  background: #5525c1;
  color: white;
}

.register_form_inner .id_pw_side .dup_chk:hover {
  background: #8d6cda;
  color: white;
}

.fregister_agree input[type=checkbox]:checked + label span {
  background: url(../skin/member/basic/img/chk.png) no-repeat 50% 50% #c01920;
  border-color: #c01920;
  border-radius: 3px;
}

/* 210722 PJG 카테고리 부분 css */
#category {
  top: 101%;
  border: 1px solid #c01920;
  left: 0px;
}

#gnb h2 {
  display: none;
}

div#menu_opend {
  display: none;
}

#hd_menu .gnb_1dli_on .gnb_1da {
  border-bottom: 0;
}

.gnb_1dli_over .gnb_2dul, .gnb_1dli_over2 .gnb_2dul {
  top: 0 !important;
  height: 100% !important;
  min-height: auto !important;
  max-height: none !important;
}

#category .close_btn {
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
}

.gnb_1dli {
  background-color: white !important;
  border: 0 !important;
}

.gnb_2dul {
  border: 1px solid #c01920 !important;
  border-bottom: 0 !important;
  border-top: 0 !important;
}

.gnb_2dul_title {
  color: #c01920 !important;
  box-shadow: 0px 3px #c01920 !important;
}

#category .close_btn {
  color: #c01920 !important;
}

.gnb_3dli_on .gnb_3da {
  background-color: #c01920 !important;
}

.gnb_1da {
  color: black;
}

.gnb_1dli_on .gnb_1da {
  color: #c01920;
}

.gnb_1da i {
  padding: 12px 20px 0 0;
}

.gnb_1dli_over .gnb_2dul, .gnb_1dli_over2 .gnb_2dul {
  left: 163px;
}

/* 210722 PJG 헤더쪽 카테고리 버튼 css */
/* #hd_menu span.category_ment {float: left;padding: 15px 0;font-size: 1rem;margin: 0 30px;} */
/* 210723 PJG 헤더쪽 ABC 색인 css */
#abc_index {
  display: none;
  top: 101%;
  border: 1px solid #c01920;
  position: absolute;
  width: 100%;
  height: 490px;
  background: #fff;
  z-index: 1000;
  left: 0px;
}

#abc_index.on {
  display: block;
}

#abc_index button.close_btn {
  width: 30px;
  height: 30px;
  border: 0;
  background: transparent;
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 15px;
}

#abc_index section.nav_btn {
  margin: 20px;
}

#abc_index section.nav_btn button:first-child {
  margin-right: 15px;
}

#abc_index div.abc_index_content {
  overflow-y: scroll;
  height: 425px;
}

#abc_index div.abc_index_inside span.title {
  margin: 20px;
  font-weight: bold;
  font-size: 2em;
}

#abc_index div.abc_index_inside:first-of-type {
  border-top: 1px solid black;
}

#abc_index div.abc_index_inside:last-of-type {
  border-bottom: 0;
}

#abc_index div.abc_index_inside {
  padding: 15px 0;
  border-bottom: 1px solid black;
  margin: 0 20px;
}

#abc_index div.abc_index_inside_list {
  margin: 5px 20px;
  line-height: 25px;
}

#abc_index div.abc_index_inside_list a.index_href:hover {
  font-weight: bold;
}

#abc_index section.nav_btn button.index_btn {
  background: white;
  border: 1px solid black;
  border-radius: 0;
}

#abc_index section.nav_btn button.index_btn.on {
  background: #FE7254;
  border: 1px solid #FE7254;
  color: white;
}

#hd_menu button.hd_right_notice {
  width: 160px;
  height: 50px;
  border: 0;
  background: #f9868b;
  text-align: left;
  color: #fff;
  padding: 15px;
  font-weight: bold;
  float: right;
  font-size: 2em;
}

#hd_menu button.hd_right_notice span.abc_index_ment {
  margin-left: 5px;
  font-size: 0.9em;
  vertical-align: text-top;
}

span.abc_index_ment strong::before {
  content: "\f106";
  font-family: "Font Awesome 5 Free";
  float: right;
  padding: 2px 10px;
  transform: rotate(180deg);
  transition: all 0.3s;
  font-size: 22px;
}

span.abc_index_ment.on strong::before {
  content: "\f106";
  font-family: "Font Awesome 5 Free";
  float: right;
  padding: 2px 10px;
  transform: rotate(0deg);
  transition: all 0.3s;
  font-size: 22px;
}

/* 210727 PJG 메인페이지 브랜드 스토어 브랜드 전체보기 버튼 css */
div.brand_store a.brand_all_btn {
  position: relative;
  top: -25px;
  float: right;
  border: 0;
  background: white;
}

/* 210728 PJG 메인페이지 특별할인기획전 css */
div.planlist_product div#img {
  width: 370px;
  height: 340px;
  overflow-y: hidden;
  border-radius: 8px;
}

div.planlist_product div#img img {
  width: 370px;
  height: 340px;
  border-radius: 8px;
}

div.planlist_product div#img_back {
  border-radius: 8px;
  font-size: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  position: absolute;
  width: 370px;
  height: 340px;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

div.planlist_product div#ment {
  border-radius: 8px;
  font-size: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  position: absolute;
  width: 370px;
  height: 340px;
  opacity: 0;
  transition: all 0.45s ease-in-out;
}

div.planlist_product div#ment p {
  transform: translateY(20px);
  transition: all 0.45s ease-in-out;
}

div.planlist_product div#ment p i {
  vertical-align: top;
  margin-left: 10px;
}

div.planlist_product a.plan_product:hover > div#img {
  background-color: black;
}

div.planlist_product a.plan_product:hover > div#img_back {
  opacity: 0.75;
  background-color: black;
}

div.planlist_product a.plan_product:hover > div#ment {
  opacity: 1;
}

div.planlist_product a.plan_product:hover > div#ment p {
  transform: translateY(0px);
}

/* 210729 PJG 약관,개인정보처리방침,오시는길 등 css */
.page-content h3 {
  border-color: #c01920;
}

/* 210730 PJG 내문의내역 확인 내 색상 변경 css */
#bo_cate #bo_cate_on {
  z-index: 2;
  background: #5525c1;
  color: black;
  font-weight: bold;
  border: 1px solid #5525c1;
  -webkit-box-shadow: inset 0 2px 5px #5525c1;
  -moz-box-shadow: inset 0 2px 5px #5525c1;
  box-shadow: inset 0 2px 5px #5525c1;
  color: white;
}

#bo_cate a {
  border: 1px solid #5525c1;
  color: black;
}

#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {
  background: #5525c1;
  color: white;
}

.bo_cate_link {
  background: #5525c1;
  color: black;
}

#bo_v_title .bo_v_cate {
  background: #FFDDDD;
  color: black;
}

#bo_v_ans h2 span {
  border: 1px solid #FF9A98;
  color: black;
}

.bo_v_btn .add_qa {
  background: #FFBAB9;
  color: black;
}

/* 211012 PJG document ready 후 보이도록 변경 */
div.event_banner {
  display: none;
}

/* 211021 PJG 고객센터 커버이미지 이메일 css */
.cus_titimg dl dd#email {
  color: #024E80 !important;
}

/* 211222 PJG 사이트 우측 오늘본상품 위 MERCK 대응 */
.qk_con {
  border: 1px solid #e5e7ea;
  width: auto;
  height: 450px;
  top: 10px;
}

#top_btn {
  border-bottom: 0;
}

div.right_fix_side div.merck_button {
  margin-bottom: 10px;
}

/* 대한과학 부산 별도 css 영역 */
@font-face {
  font-family: "ONE-Mobile-Title";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
* {
  font-family: "Noto Sans KR", sans-serif;
}
* h2 {
  font-family: "Noto Sans KR", sans-serif;
}

.inner {
  max-width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
  position: relative;
}

/* -----------상단 TOP 이벤트----------- */
.topevent {
  text-align: center;
  background-color: #5525c1;
}

/*------------------- Header---------------- */
#hd {
  border-bottom: 2px solid #5525c1;
}

.infomenu {
  display: flex;
  justify-content: flex-end;
  margin-top: 6px;
}

.infomenu li {
  text-align: right;
}

.infomenu li a {
  font-family: "돋움", Dotum, "돋움체", DotumChe;
  font-weight: bold;
  font-size: 12px;
  color: black;
}

.infomenu li a:hover {
  color: #666;
}

.infomenu li::after {
  content: "";
  width: 2px;
  height: 12px;
  background: #000;
  display: block;
  float: right;
  margin: 0 13px;
  margin-top: 4px;
}

.infomenu li:nth-last-child(1)::after {
  width: 0;
  margin-right: 0;
  margin-left: 0;
  background: none;
}

.nav {
  position: relative;
  height: 105px;
  padding-top: 35px;
}

.nav h1 {
  position: absolute;
  width: 15%;
  left: 0;
  top: 0;
}

.nav .menu {
  width: 75%;
  position: absolute;
  right: 0;
  display: flex;
  justify-content: space-between;
}

.nav .menu .mainmenu {
  display: flex;
  padding-top: 20px;
}

.nav .menu .mainmenu li {
  padding-right: 80px;
}

.nav .menu .mainmenu li a {
  font-size: 18px;
  font-weight: bold;
}

.nav .menu .mainmenu li:nth-last-child(1) {
  padding-right: 0;
}

/*---------------- Search-------------------- */
.dir_move {
  position: relative;
  margin-top: 6px;
}

.dir_move a .dir_cart {
  background: url(../img/icon_cart.png) no-repeat left top;
  display: block;
  width: 32px;
  height: 31px;
  margin: 0 auto;
}

.dir_move a em {
  position: absolute;
  width: 17px;
  height: 17px;
  top: -4px;
  right: -4px;
  padding-top: 2px;
  color: #fff;
  text-align: center;
  line-height: 19px;
  letter-spacing: -1px;
  font: bold 10px Tahoma;
  background: #5525c1;
  border-radius: 50%;
  font-style: normal;
}

/* ----------전체카테고리------------ */
.category {
  position: relative;
  z-index: 10;
}

/* 햄버거버튼 */
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
}

.menu-trigger {
  position: relative;
  width: 27px;
  height: 19px;
}

.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fff;
}

.menu-trigger span:nth-of-type(1) {
  top: 0;
}

.menu-trigger span:nth-of-type(2) {
  top: 8px;
}

.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

/* 햄버거버튼 애니 */
.menu-trigger.type7 span:nth-of-type(1) {
  -webkit-animation: menu-bar07-01 0.55s forwards;
  animation: menu-bar07-01 0.55s forwards;
}

@-webkit-keyframes menu-bar07-01 {
  0% {
    -webkit-transform: translateY(8px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes menu-bar07-01 {
  0% {
    transform: translateY(8px) rotate(45deg);
  }
  50% {
    transform: translateY(8px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
.menu-trigger.type7 span:nth-of-type(2) {
  transition: all 0.25s 0.25s;
  opacity: 1;
}

.menu-trigger.type7 span:nth-of-type(3) {
  -webkit-animation: menu-bar07-02 0.55s forwards;
  animation: menu-bar07-02 0.55s forwards;
}

@-webkit-keyframes menu-bar07-02 {
  0% {
    -webkit-transform: translateY(-8px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes menu-bar07-02 {
  0% {
    transform: translateY(-8px) rotate(-45deg);
  }
  50% {
    transform: translateY(-8px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-animation: active-menu-bar07-01 0.55s forwards;
  animation: active-menu-bar07-01 0.55s forwards;
}

@-webkit-keyframes active-menu-bar07-01 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(8px) rotate(0);
  }
  100% {
    transform: translateY(8px) rotate(45deg);
  }
}
@keyframes active-menu-bar07-01 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(8px) rotate(0);
  }
  100% {
    transform: translateY(8px) rotate(45deg);
  }
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}

.menu-trigger.active span:nth-of-type(3) {
  -webkit-animation: active-menu-bar07-02 0.55s forwards;
  animation: active-menu-bar07-02 0.55s forwards;
}

@-webkit-keyframes active-menu-bar07-02 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-8px) rotate(0);
  }
  100% {
    transform: translateY(-8px) rotate(-45deg);
  }
}
@keyframes active-menu-bar07-02 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-8px) rotate(0);
  }
  100% {
    transform: translateY(-8px) rotate(-45deg);
  }
}
.category_ham > p {
  margin: 7px 0 0 15px;
  font-size: 16px;
  font-weight: 500;
}

.bar1,
.bar2,
.bar3 {
  width: 25px;
  height: 3px;
  background-color: #fff;
  margin: 5px 0;
  transition: 0.4s;
}

.category_box {
  display: none;
  position: absolute;
  top: 71px;
  background: #0073bd;
}

.category .category_list {
  width: 193px;
}

.category .category_list > li {
  box-sizing: border-box;
  transition: all 0.1s ease-in-out;
}

.category .category_list > li:nth-child(1) {
  border-top: 1px solid #fff;
}

.category .category_list > li:hover {
  background: #2688c7;
}

.category_box .category_list > li > a {
  display: block;
  color: #fff;
  padding: 13px 0 13px 15px;
  font-size: 14px;
}

.category .category_list > li:hover {
  font-weight: bold;
  padding-left: 3px;
}

.category .category_list > li:hover .category_depth01 {
  display: block;
}

.category .category_list .category_depth02.on {
  display: block;
}

.category .category_list li .category_depth01 {
  z-index: 2;
  position: absolute;
  left: 192px;
  top: 0;
  background: #fff;
  color: #333;
  width: 225px;
  height: 553px;
  border: 1px solid #0073bd;
  box-sizing: border-box;
  overflow-y: scroll;
  box-shadow: 2px 0 3px rgba(0, 0, 0, 0.1);
  display: none;
}

.category .category_list li .category_depth01 li a,
.category .category_list li .category_depth02 li a {
  display: block;
  padding: 10px 0 9px 15px;
  font-size: 13px;
  font-weight: normal;
}

.category .category_list li .category_depth01 li:hover {
  background: #d9eaf5;
  border: 0;
}

.category .category_list li:hover a,
.category .category_list li .category_depth01 li:hover a {
  background: url(../img/icon_right.png) no-repeat right;
  background-position: 95% center;
}

.category .category_list li .category_depth02 {
  z-index: 1;
  position: absolute;
  left: 416px;
  top: 0;
  background: #fff;
  color: #333;
  width: 225px;
  height: 553px;
  border: 1px solid #0073bd;
  box-sizing: border-box;
  overflow-y: scroll;
  box-shadow: 3px 0 3px rgba(0, 0, 0, 0.1);
  display: none;
}

.category .category_list li .category_depth02 li a:hover {
  background: #d9eaf5;
  border: 0;
}

.category .category_list li .scroll_no {
  overflow: hidden;
}

/* --------메인배너 캐러셀--------------- */
.event_more {
  overflow: hidden;
  margin-bottom: 6px;
}

.event_banner {
  margin-top: 24px;
}

.event_more a {
  text-align: center;
  float: right;
  display: block;
  background: #5525c1;
  color: #fff;
  width: 107px;
  height: 23px;
  font-size: 13px;
  border-radius: 3px;
  padding-top: 1px;
  box-sizing: border-box;
  margin-right: 5px;
}

.mainbanner-wrap .mainbanner {
  overflow: hidden;
  width: 1200px;
  margin-top: 24px;
}

.mainbanner-wrap .mainbanner ul {
  width: 2436px;
}

.mainbanner-wrap .mainbanner ul li {
  float: left;
  width: 386px;
  margin-right: 20px;
}

.mainbanner-wrap .mainbanner ul li a img {
  display: block;
  border-radius: 7px;
}

.mainbanner-wrap .mainbanner ul li:nth-last-child(1) {
  margin: 0;
}

.mainbanner-wrap .mainbanner-controller {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
}

.mainbanner-wrap .mainbanner-controller a {
  display: block;
}

.event_banner .event_banner_inside .btn-prev {
  width: 22px;
  height: 43px;
  position: absolute;
  left: -43px;
  background: url(../img/icon_page.png) no-repeat;
  cursor: pointer;
}

.event_banner .event_banner_inside .btn-next {
  width: 22px;
  height: 43px;
  position: absolute;
  background: url(../img/icon_page.png) no-repeat;
  right: -43px;
  background-position: -23px 0;
  cursor: pointer;
}

/* ------------------컨텐츠------------- */
.brand_store h2 {
  font-size: 37px;
  margin-top: 65px;
  margin-bottom: 12px;
}

.brand_store .btn_more {
  color: #0073bd;
  font-size: 15px;
}

/* BRAND LIST */
.brand_store .brand_list {
  overflow: hidden;
  border: 1px solid #cfcfcf;
  border-right: none;
  border-bottom: none;
  display: flex;
  flex-wrap: wrap;
}

.main_brand .brand_list li {
  border-right: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
}

.main_brand .brand_list li:nth-of-type(5n) {
  width: 241px;
}

.main_brand .brand_list li a img {
  display: block;
  margin: auto;
}

/* BEST PRODUCTS */
.best_n_hot_products h2 {
  font-size: 37px;
  margin-top: 65px;
  margin-bottom: 12px;
}

.best_n_hot_products .best_box {
  display: flex;
  justify-content: space-between;
}

.best_n_hot_products .best_banner {
  width: 522px;
  overflow: hidden;
}

.best_n_hot_products .best_banner img {
  border-radius: 10px;
  display: block;
}

.best_n_hot_products .best_banner .best_banner01,
.best_n_hot_products .best_banner .best_banner02,
.best_n_hot_products .best_banner .best_banner03 {
  border: 1px solid #e2e2e2;
  border-radius: 10px;
}

.best_n_hot_products .best_banner .best_banner01 {
  margin-right: 20px;
  float: left;
}

.best_n_hot_products .best_banner .best_banner02 {
  float: right;
}

.best_n_hot_products .best_banner .best_banner03 {
  margin-top: 23px;
  float: left;
}

.best_products {
  width: 623px;
  overflow: hidden;
}

.best_products .each_products {
  float: left;
  width: 178px;
  text-align: center;
  margin: 0 44px 56px 0;
  line-height: 22px;
}

.best_products li.each_products:nth-child(3),
.best_products li.each_products:nth-last-child(1) {
  margin-right: 0;
}

.best_products .each_products a {
  font-size: 15px;
}

.best_products .each_products a img {
  border: 1px solid #e2e2e2;
  margin-bottom: 8px;
  width: 176px;
  height: 176px;
}

.best_products .each_products div p {
  font-size: 15px;
  height: 84px;
}

#product_price {
  font-weight: bold;
  font-size: 14pt;
  margin-top: 15px;
}

/* SELLER PRODUCT */
.main_seller h2 {
  font-size: 37px;
  margin-top: 65px;
  margin-bottom: 12px;
}

.main_seller .seller_product {
  overflow: hidden;
  margin-bottom: 70px;
}

.main_seller .seller_product li {
  float: left;
  width: 210px;
  text-align: center;
  line-height: 20px;
  margin-right: 36px;
  margin-bottom: 40px;
}

.main_seller .seller_product li:nth-child(5),
.main_seller .seller_product li:nth-last-child(1) {
  margin-right: 0;
}

.main_seller .seller_product li a {
  font-family: "Nanum Barun Gothic", sans-serif;
  font-size: 11pt;
}

.main_seller .seller_product li span {
  font-size: 11pt;
  height: 82px;
  display: inline-block;
}

.main_seller .seller_product li a img {
  border: 1px solid #d3d3d3;
  margin-bottom: 10px;
}

.main_seller .seller_product li p {
  font-weight: bold;
  font-size: 14pt;
  margin-top: 17px;
}

/* --------- 하단 배너---------- */
.low_banner {
  margin-bottom: 120px;
}

.low_banner .low_banner01 {
  height: 330px;
  background: linear-gradient(to right, #abc9db 50%, white 50%);
  margin-bottom: 44px;
}

.low_banner .low_banner02 {
  height: 330px;
  background: linear-gradient(to right, white 50%, #86bbb9 50%);
}

/* -----------FOOTER----------- */
footer {
  background: #f2f2f2;
  padding-bottom: 70px;
}

.footer_info {
  background: #0073bd;
  padding: 10px 0;
}

.footer_info_list {
  display: flex;
  justify-content: flex-end;
}

.footer_info_list li a {
  color: #fff;
  font-size: 14px;
}

.footer_info_list li::after {
  content: "";
  width: 1px;
  height: 14px;
  background: #fff;
  display: block;
  float: right;
  margin: 0 13px;
  margin-top: 7px;
}

.footer_info_list li:nth-last-child(1)::after {
  width: 0;
  margin-right: 0;
  margin-left: 0;
  background: none;
}

.footer_con {
  padding-top: 42px;
  display: flex;
  justify-content: space-between;
}

.footer_con h2 {
  margin-top: 10px;
}

.footer_con .foot_copyright {
  font-size: 14px;
  color: #666;
  line-height: 26px;
}

.footer_con .foot_bank {
  width: 287px;
  border: 1px solid #5525c1;
  background: #fff;
  padding: 18px;
  border-radius: 5px;
}

.footer_con .foot_bank dt,
.footer_con .foot_bank dd {
  text-align: center;
  font-size: 16px;
}

.footer_con .foot_bank dt {
  font-size: 20px;
  color: #5525c1;
  font-weight: bold;
  margin-bottom: 10px;
}

.footer_con .foot_bank dt img {
  display: inline-block;
  margin-bottom: -8px;
}

.footer_con .foot_security {
  margin-top: 30px;
}

/* 오른쪽 접히는 메뉴 */
.stv_item {
  display: block;
}

.right_btn .sideBar_btn i:nth-child(2) {
  display: none;
}

#quickly {
  transition: All 0.5s ease;
}

#quickly.close {
  right: -150px;
}

.right_bar {
  position: fixed;
  width: 150px;
  right: 0;
  top: 0;
  bottom: 0;
  background: white;
  word-wrap: break-word;
  border-left: 1px solid #c1c2c3;
  z-index: 19;
  padding: 26px 0 0 0;
  text-align: center;
}

.right_bar .right_btn {
  width: 34px;
  height: 129px;
  color: #fff;
  border: 1px solid #5525c1;
  position: absolute;
  top: 43%;
  left: -34px;
  cursor: pointer;
  vertical-align: middle;
  background: #5525c1;
}

.right_bar .right_btn li {
  width: 32px;
  height: 32px;
}

.right_bar .right_btn li:nth-child(1) {
  font-size: 16px;
  line-height: 30px;
}

.right_bar .right_btn li:nth-child(2),
.right_bar .right_btn li:nth-child(3) {
  background: #fff;
}

.right_bar .right_btn li:nth-child(3) {
  border-top: 1px solid #5525c1;
}

.right_bar .right_btn li:nth-child(4) {
  font-size: 10px;
  line-height: 30px;
}

.right_bar .right_btn li a img {
  display: block;
}

.right_bar .r_customer {
  margin-top: 30px;
  margin-bottom: 28px;
}

.right_bar .r_customer li:nth-child(1) {
  font-family: "ONE-Mobile-Title";
  color: #5525c1;
  font-size: 13px;
  letter-spacing: -0.2px;
}

.right_bar .r_customer li:nth-child(2) {
  margin-top: 12px;
  margin-bottom: 14px;
  font-family: "ONE-Mobile-Title";
  color: #000;
  font-size: 23.5px;
}

.right_bar .r_customer li:nth-child(3) {
  font-size: 12.5px;
  color: #666;
}

.right_bar .r_btn .r_oder {
  overflow: hidden;
  padding-left: 15px;
}

.right_bar .r_btn .r_oder a {
  display: block;
  float: left;
  font-size: 12px;
  color: #666;
}

.right_bar .r_btn .r_oder a:nth-child(1) {
  margin-right: 15px;
}

.right_bar .r_btn li:nth-child(1) {
  margin-bottom: 10px;
}

.right_bar .r_btn li:nth-child(2) {
  margin-bottom: 22px;
}

/* 최근본상품 */
.right_bar .today h3 {
  font-family: "ONE-Mobile-Title";
  color: #5525c1;
  font-size: 13px;
  text-align: center;
  padding: 15px 0 0;
  border-top: 1px solid #ccc;
  margin: 15px 12px 0 12px;
}

.right_bar .today ul li {
  width: 90px;
  height: 90px;
  border: 1px solid #e5e5e5;
  margin: 15px 0 0 30px;
  padding: unset;
}

.stv_item .prd_img {
  margin: unset;
}

.right_bar .btn_top a {
  margin-top: 20px;
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

#stv_ul {
  height: 300px;
}

#stv_pg {
  margin: 12px 23px 0 23px;
  position: relative;
  bottom: 5px;
}

#stv_btn {
  left: 43px;
  top: -3px;
}

#id_alone {
  height: 145px;
}

/* ------제품리스트 ------------ productlist */
.sub_titimg {
  height: 500px;
  background: url(/img/sub_tit_product_img.jpg) no-repeat center;
}

.sub_tit {
  margin-top: 45px;
  margin-bottom: 35px;
  display: flex;
  text-align: center;
  align-items: center;
  box-sizing: border-box;
  gap: 1vw;
  justify-content: space-between;
}

.sub_tit h2 {
  letter-spacing: 10px;
  font-size: 35px;
  box-sizing: border-box;
}

.sub_tit::before,
.sub_tit::after {
  display: block;
  content: "";
  height: 3px;
  background-color: #114cb3;
  margin-top: 0.6em;
  flex-grow: 1;
}

.product_con {
  overflow: hidden;
  margin-bottom: 100px;
}

.product_con .product_list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.product_con .product_list li {
  border: 1px solid #999;
  padding: 7px;
}

.product_con .product_list li a {
  font-size: 16px;
  display: block;
  overflow: hidden;
  line-height: 20px;
}

.product_con .product_list li a img {
  width: 60px;
  height: 60px;
  display: block;
  float: left;
}

.product_con .product_list li a span {
  display: block;
  float: left;
  padding-top: 5px;
  padding-left: 15px;
  font-weight: 500;
}

.product_con p {
  margin-top: 20px;
  text-align: center;
}

/* ----------- 제품 디테일 -----------*/
.product_con .product_article h3 {
  font-size: 25px;
  margin-top: 10px;
  margin-bottom: 28px;
}

.product_con .product_img {
  float: left;
  width: 42%;
}

.product_con .product_article {
  float: right;
  width: 55%;
  color: #555;
  font-size: 16px;
  line-height: 28px;
}

.option_item td#io_price.display_method {
  width: 10%;
}

.option_item td#io_id {
  width: 12%;
}

.option_item td#io_description {
  width: 50%;
}

.option_item td#io_description.reagent {
  width: 20%;
}

.option_item td#io_description.no_login {
  width: 50%;
}

.option_item td#io_description.no_login.reagent {
  width: 30%;
}

.option_item td#io_brand {
  width: 10%;
}

.option_item td#io_concentration {
  width: 10%;
}

.option_item td#io_grade {
  width: 10%;
}

.option_item td#io_unit {
  width: 6%;
}

.option_item td#io_price {
  width: 10%;
}

.option_item td#io_price.display_method {
  width: 30%;
}

.option_item td#io_price_dealer {
  width: 8%;
}

.option_item td#io_price_real {
  width: 8%;
}

.option_item td#io_stock_qty {
  width: 8%;
}

.option_item td#it_add_button {
  width: 1%;
}

.option_item td#io_id, .option_item td#io_price_dealer, .option_item td#io_price_real, .option_item td#io_stock_qty, .option_item td#it_add_button, .option_item td#io_description, .option_item td#io_description.reagent, .option_item td#io_description.no_login, .option_item td#io_description.no_login.reagent, .option_item td#io_brand, .option_item td#io_concentration, .option_item td#io_grade, .option_item td#io_unit, .option_item td#io_price, .option_item td#io_price.display_method {
  width: unset;
}

.option_sub td.list_io_id {
  width: 10.5%;
}
.option_sub td.list_io_name {
  width: 32%;
}
.option_sub td.io_unit {
  width: 6.5%;
}
.option_sub td.list_io_price {
  width: 7.5%;
}
.option_sub td.list_io_stock {
  width: 6.5%;
}
.option_sub td.list_button {
  width: 6.5%;
}
.option_sub td.list_io_unit {
  width: 6.5%;
}
.option_sub td.list_io_dealer {
  width: 7.5%;
}
.option_sub td.list_io_price_real {
  width: 7.5%;
}

span.spanITMSTS {
  color: black;
}

.option_item button.otherMove {
  background: #a2a2a2;
  color: white;
  width: 130px;
  height: 25px;
  border: 0;
  border-radius: 15px;
}

#product_price.retail_price, .main_seller .seller_product li p, .sct_10 .sct_bottom, .sit_ov_tbl .tr_price td {
  position: relative;
}

#product_price .retail_price_span, .main_seller .seller_product li .retail_price_span {
  height: auto;
  width: 100%;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}

.io_retail_price_span1, .main_seller .seller_product li .io_retail_price_span2, .io_retail_price_span6, .io_retail_price_span7 {
  height: 0px;
  height: auto;
  color: rgb(180, 180, 180);
  text-decoration: line-through;
  font-size: 15px;
}

.sit_ov_tbl .tr_price .retail_price_span {
  height: 0px;
  position: absolute;
  top: -10px;
  left: 0px;
}

.io_retail_price_span3, .io_retail_price_span5 {
  width: 100%;
  height: 0px;
  color: rgb(180, 180, 180);
  text-decoration: line-through;
  text-align: end;
  float: left;
  font-size: 15px;
  font-weight: bold;
  padding-right: 5px;
}

.io_retail_price_ex {
  display: flex;
  height: 40px;
  align-items: center;
}

.sit_ov_tbl .tr_price .io_retail_price_ex .retail_price_span {
  top: -5px;
}

.sit_ov_tbl .tr_price .io_retail_price_ex .retail_price_span .io_retail_price_span3 {
  font-size: 13px;
}

.sct_cost .retail_price_span {
  height: 0px;
  position: absolute;
  top: -7px;
  right: 0px;
}

.sit_ov_tbl .tr_price td {
  padding: 10px 0;
}

div.sns_tbl.tbl_wrap input#reg_mb_hp {
  width: 463px;
}

.pmtCode_p {
  color: #fa2121;
}

.reagent_link .retail_price_span .io_retail_price_span {
  color: rgb(180, 180, 180);
  font-size: small;
  margin-right: 3px;
  text-decoration: line-through;
}

.brand_no_img_span {
  font-size: 20px;
  font-weight: 700;
}