input[type="text"],
input[type="password"],
textarea,
select {
  border: 1px solid #dbdbdb;
}

input[readonly] {
  background-color: #f6f7f9;
}

input[type="checkbox"],
input[type="radio"] {
  /* 실제 체크박스는 화면에서 숨김 */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

input[type="checkbox"]+label,
input[type="radio"]+label {
  display: inline-block;
  /* position: relative; */
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

input[type="checkbox"]+label:before {
  content: " ";
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  border: 2px solid #222222;
  border-radius: 0.25rem;
  background: #ffffff;
  vertical-align: text-bottom;
  margin-right: 0.375rem;
}

input[type="checkbox"][readonly]+label:before {
  background: #ebebe4;
  border: 2px solid #cccccc;
}

input[type="checkbox"]:checked+label:before {
  background: #ffffff url(/images/common/w-agree-check.png) no-repeat center center;
  background-size: 0.6875rem;
}

/* input[type="radio"] + label {
	padding-left: 30px;
}
input[type="radio"] + label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	text-align: center;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 100%;
}
input[type="radio"]:checked + label:after {
	content: "";
	position: absolute;
	top: 6px;
	left: 6px;
	width: 10px;
	height: 10px;
	border-radius: 100%;
} */
a.disabled {
  background-color: #e3e4e5 !important;
  color: #fff !important;
}

.font16px {
  font-size: 16px;
}

.m-only {
  display: none !important;
}

.margin-tb {
  margin: 3.75rem 0;
}

.margin-t-20 {
  margin-top: 0.5rem !important;
}

.margin-t-30 {
  margin-top: 1.5rem !important;
}

.margin-t-40 {
  margin-top: 2.5rem !important;
}

.margin-t-50 {
  margin-top: 3.125rem !important;
}

.margin-t-60 {
  margin-top: 3.75rem !important;
}

.margin-t-80 {
  margin-top: 5rem !important;
}

.margin-t-100 {
  margin-top: 6.25rem !important;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  color: #000;
}

#wrap {
  width: 100%;
  height: 100%;
}

#contents {
  position: relative;
  padding-top: 6.25rem;
}

.contents-wrap {
  position: relative;
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
}

/*** header footer gnb start ***/
header {
  position: absolute;
  width: 100%;
  height: 96px;
  line-height: 96px;
  background-color: #ffffff;
  z-index: 9999;
}

.gnb-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2.5rem;
}

.gnb-wrap>div {
  z-index: 10000;
}

.gnb-logo {
  width: 132px;
}

.gnb-menu-open {
  width: 27px;
}

.gnb-menu-close {
  width: 24px;
  height: 24px;
  background: url(/images/v2/common/gnb_close_ico.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  right: 40px;
  top: 37px;
}

.gnb-ul {}

.gnb-ul li {
  display: inline-block;
  margin-left: 3.75rem;
}

.gnb-ul li:first-child {
  margin-left: 0;
}

.gnb-ul li a {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: normal;
  letter-spacing: -0.05em;
  color: #000000;
}

footer {
  padding: 3.75rem 2.5rem;
  background-color: #ffffff;
  border-top: 1px solid #e6e7e9;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

footer>div:nth-of-type(1) {
  width: 132px;
}

footer>div:nth-of-type(2) {
  padding-left: 2.5rem;
  /* width: 50%; */
  flex: 1;
}

footer>div:nth-of-type(3) {
  text-align: right;
  width: 50%;
}

.footer-link-ul {}

.footer-link-ul li {
  display: inline-block;
  margin-left: 1.25rem;
}

.footer-link-ul li:first-child {
  margin-left: 0;
}

.footer-link-ul li a {
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  color: #000;
}

/* 아로 isms 조치사항 */
.footer-link-ul li a.under_link {
  text-decoration: underline;
}

.footer-sns-ul li {
  display: inline-block;
  margin-left: 0.5rem;
  margin-bottom: 1rem
}

.advertisement {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.05em;
  color: #666666;
  margin-top: 1.25rem;
  text-align: right;
}

.footer-text-2 {
  font-family: "Jost";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
  text-transform: capitalize;
  color: #666666;
  margin-top: 2.5rem;
}

.footer-text-3 {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
  text-align: right;
  letter-spacing: -0.05em;
  color: #666666;
  margin-top: 1.625rem;
}

header.on {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}

.header-hr {
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  z-index: 2005;
}

.gnb-hover-nav {
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
  justify-content: center;
}

.gnb-hover-nav .gnb-hover-dl {
  width: 200px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.gnb-hover-nav .gnb-hover-dl.on {
  background-color: #f6f7f9;
}

.gnb-hover-nav .gnb-hover-dl.on::before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  border-left: 1px solid #e8e8e8;
  position: absolute;
  top: 100px;
  left: 0;
}

.gnb-hover-nav .gnb-hover-dl.gnb-hover-dl-4.on::after {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  border-right: 1px solid #e8e8e8;
  position: absolute;
  top: 100px;
  right: 0;
}

.gnb-hover-nav .gnb-hover-dl.gnb-hover-dl-1 {
  z-index: 2004;
  margin-left: 70px;
  height: 100px;
}

.gnb-hover-nav .gnb-hover-dl.gnb-hover-dl-2 {
  z-index: 2003;
}

.gnb-hover-nav .gnb-hover-dl.gnb-hover-dl-3 {
  z-index: 2002;
}

.gnb-hover-nav .gnb-hover-dl.gnb-hover-dl-4 {
  z-index: 2001;
}

.gnb-hover-dl dt {
  height: 100px;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 100px;
  letter-spacing: -1px;
  color: #222222;
  background-color: #ffffff;
}

.gnb-hover-dl dd {
  display: none;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.38;
  letter-spacing: -1px;
  color: #222222;
  text-align: left;
}

.gnb-hover-nav .gnb-hover-dl dd:nth-child(2) a {
  margin-top: 10px;
}

.gnb-hover-dl dt a {
  display: block;
  width: 100%;
  height: 100%;
}

.gnb-hover-dl dd:nth-child(2)::before {
  display: block;
  content: "";
  border-top: solid 3px #205696;
  transform: scaleX(0);
  transition: transform 300ms ease-in-out;
}

.gnb-hover-dl:hover dd:nth-child(2)::before {
  transform: scaleX(1);
}

.gnb-hover-dl:hover>dt>a,
.gnb-hover-dl.active>dt>a,
.gnb-hover-dl>dd>a:hover,
.gnb-hover-dl>dd>a.active {
  color: #205696;
}

.gnb-hover-dl.active dd:nth-child(2)::before {
  border-top: solid 3px #205696;
  transform: scaleX(1);
}

.gnb-hover-dl dd a {
  position: relative;
  display: inline-block;
  margin-left: 60px;
}

.gnb-hover-dl.gnb-hover-dl-2 dd a,
.gnb-hover-dl.gnb-hover-dl-3 dd a {}

.gnb-hover-dl dd a::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  top: 18px;
  left: -18px;
  background-color: #205696;
  transform: scaleX(0);
  transition: 150ms ease;
}

.gnb-hover-dl dd a:hover::before,
.gnb-hover-dl dd a.active::before {
  transform: scaleX(1);
  left: -12px;
}

.gnb-menu-nav-wrap {
  display: none;
}

.gnb-menu-nav {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-color: #ffffff;
  z-index: 10000;
}

.gnb-menu-nav>div.bg {
  /* flex-basis: 37.5rem; */
  flex-grow: 0;
  flex-shrink: 0;
  height: 100%;
  /* background: url(/images/v2/common/gnb-nav-img.png) no-repeat center center; */
  background-size: cover;

  /*20260212 메뉴 이미지 제거*/
  flex-basis: 1rem;
}

.gnb-menu-nav>div:nth-of-type(2) {
  padding: 0 60px;
}

.gnb-menu-dl {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 30px;
  position: relative;
  padding: 30px 0 30px 150px;
  line-height: normal;
  border-bottom: 1px solid #e6e7e9;
}

.gnb-menu-dl dt {
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 25px;
  font-weight: 700;
  line-height: normal;
  color: #000;
  position: absolute;
  top: 25px;
  left: 0;
}

.gnb-menu-dl dt a {
  cursor: default;
}

.gnb-menu-dl dd {}

.gnb-menu-dl dd a {
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  color: #666;
  display: inline-block;
}

.gnb-menu-dl dd a:hover {
  color: #000;
  text-decoration: underline;
}

.gnb-menu-sns-ul {
  position: absolute;
  right: 2.5rem;
  bottom: 2.5rem;
}

.gnb-menu-sns-ul li {
  display: inline-block;
  margin-left: 0.5rem;
}

.brand-aside-btn {
  position: fixed;
  left: 0;
  top: 50%;
  width: 96px;
  transform: translate(0px, -60%);
  transition: all 0.5s ease 0s;
  z-index: 100;
}

.brand-aside-btn a {
  display: block;
  padding: 40px 18px;
  border: solid 1px #e6e7e9;
  border-radius: 0 30px 30px 0;
  background-color: #fff;
}

.brand-aside-text-1 {
  text-align: center;
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #999;
}

.brand-aside-text-2 {
  text-align: center;
  font-family: "Jost";
  font-size: 22px;
  font-weight: 600;
  line-height: 1.75rem;
  color: #172b48;
  margin-top: 20px;
}

.brand-aside-icon {
  width: 40px;
  height: 40px;
  background: #172b48 url(/images/v2/common/quick_bar_arrow.png) no-repeat center center;
  background-size: 18px;
  border-radius: 20px;
  margin: 20px auto 0;
}

.brand-menu-close {
  width: 24px;
  height: 24px;
  background: url(/images/v2/common/gnb_close_ico.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  right: 40px;
  top: 37px;
}

.brand-menu-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  max-width: 1460px;
  height: 100vh;
  overflow: hidden;
  background-color: #ffffff;
  z-index: 10000;
}

.brand-menu-contents-wrap {
  width: 100%;
  padding: 2.75rem 6.25rem;
}

.brand-menu-text-1 {
  font-family: "Jost";
  font-size: 3.125rem;
  font-weight: 600;
  line-height: 3.125rem;
  color: #000;
}

.brand-menu-text-2 {
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #666;
}

.brand-menu-ul {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 2.75rem;
}

.brand-menu-ul li {
  width: 18.75rem;
  height: 10.5rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18.75rem 10.5rem;
  border-radius: 25px;
  overflow: hidden;

}

.brand-menu-ul li a {
  display: block;
  width: 100%;
  height: 100%;
}

.brand-menu-ul li a span {
  display: none;
  text-align: center;
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 10.9rem;
  color: #fff;
  width: 100%;
  height: 100%;
  text-align: center;
  border-radius: 20px;
}

.brand-menu-ul li a:hover span {
  display: block;
  opacity: 0.8;
}

.brand-menu-ul li.insadol {
  background-image: url(/images/v2/common/brand-menu-img-1.png);
}

.brand-menu-ul li.madecassol {
  background-image: url(/images/v2/common/brand-menu-img-2.png);
}

.brand-menu-ul li.feraminq {
  background-image: url(/images/v2/common/brand-menu-img-3.png);
}

.brand-menu-ul li.censia {
  background-image: url(/images/v2/common/brand-menu-img-4.png);
}

.brand-menu-ul li.pansidil {
  background-image: url(/images/v2/common/brand-menu-img-5.png);
}

.brand-menu-ul li.cheesen {
  background-image: url(/images/v2/common/brand-menu-img-6.png);
}

.brand-menu-ul li.caritopoten {
  background-image: url(/images/v2/common/brand-menu-img-7.png);
}

.brand-menu-ul li.oramedy {
  background-image: url(/images/v2/common/brand-menu-img-8.png);
}

.brand-menu-ul li.minetrol {
  background-image: url(/images/v2/common/brand-menu-img-9.png);
}

.brand-menu-ul li.coandtect {
  background-image: url(/images/v2/common/brand-menu-img-10.png);
}

.brand-menu-ul li.depensbugs {
  background-image: url(/images/v2/common/brand-menu-img-11.png);
}

.brand-menu-ul li.tabagen {
  background-image: url(/images/v2/common/brand-menu-img-12.png);
}

.brand-menu-ul li.memorain {
  background-image: url(/images/v2/common/brand-menu-img-14.png);
}

.brand-menu-ul li.winflex {
  background-image: url(/images/v2/common/brand-menu-img-13.png);
}

.brand-menu-ul li.madecaband {
  background-image: url(/images/v2/brand/madecassol_prod_6.png);
}

.brand-menu-ul li.oraspray {
  background-image: url(/images/v2/common/brand-menu-img-15.png);
}

.brand-menu-ul li.oraspray a:hover span {
  background-color: #bc0000;
}

.brand-menu-ul li.insadol a:hover span {
  background-color: #bc0000;
}

.brand-menu-ul li.madecassol a:hover span {
  background-color: #95ae0a;
}

.brand-menu-ul li.feraminq a:hover span {
  background-color: #c84797;
}

.brand-menu-ul li.censia a:hover span {
  background-color: #7eac0a;
}

.brand-menu-ul li.pansidil a:hover span {
  background-color: #57bac8;
}

.brand-menu-ul li.cheesen a:hover span {
  background-color: #1d795c;
}

.brand-menu-ul li.caritopoten a:hover span {
  background-color: #2d5032;
}

.brand-menu-ul li.oramedy a:hover span {
  background-color: #bc0000;
}

.brand-menu-ul li.minetrol a:hover span {
  background-color: #009345;
}

.brand-menu-ul li.coandtect a:hover span {
  background-color: #51b5c3;
}

.brand-menu-ul li.depensbugs a:hover span {
  background-color: #25a8db;
}

.brand-menu-ul li.tabagen a:hover span {
  background-color: #54349d;
}

.brand-menu-ul li.memorain a:hover span {
  background-color: #00ae95;
}

.brand-menu-ul li.winflex a:hover span {
  background-color: #ffaab5;
}

.brand-menu-ul li.madecaband a:hover span {
  background-color: #8ea50c;
}

/*** header footer gnb end ***/

/*** main start ***/
.contents-wrap.main {
  /* min-width: 1440px; */
  max-width: 1440px;
}

.main-brand-wrap {
  box-sizing: border-box;
  padding-top: 6.25rem;
  padding-bottom: 12.5rem;
}

.main-brand-text-wrap {
  position: absolute;
}

.main-brand-text-1 {
  font-family: "Jost";
  font-style: normal;
  font-weight: 600;
  font-size: 3.125rem;
  line-height: normal;
  color: #000000;
}

.main-brand-text-2 {
  font-family: "Jost";
  font-style: normal;
  font-weight: 400;
  font-size: 1.875rem;
  line-height: normal;
  text-transform: uppercase;
  color: #000000;
  margin-top: 1.25rem;
}

a.main-brand-btn-1 {
  font-family: "Jost";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  color: #666666;
  display: inline-block;
  margin-top: 2.5rem;
}

a.main-brand-btn-1::after {
  content: "";
  background: url(/images/v2/common/more_arrow.png) no-repeat center center;
  background-size: contain;
  display: inline-block;
  width: 8px;
  height: 13px;
  margin-left: 0.375rem;
}

.main-brand-ul {
  position: relative;
  margin-left: 26.875rem;
}

.main-brand-ul li {
  /* opacity: 0.7; */
  opacity: 1;
}

.main-brand-ul li.insadol {
  width: 33rem;
  height: 42.375rem;
  margin-top: 0;
}

.main-brand-ul li.pansidil {
  width: 26.25rem;
  height: 25rem;
  margin: 0 auto;
  margin-right: 0;
  margin-top: -12.5rem;
}

.main-brand-ul li.censia {
  width: 33rem;
  height: 42.375rem;
  margin-top: 6.25rem;
}

.main-brand-ul li.madecassol {
  width: 21.875rem;
  height: 21.875rem;
  margin: 0 auto;
  margin-right: 0;
  margin-top: -31.25rem;
}

.main-brand-ul li.feraminq {
  width: 30rem;
  height: 24.125rem;
  margin: 0 auto;
  margin-right: 0;
  margin-top: 12.5rem;
}

.main-brand-ul li.cheesen {
  width: 21.875rem;
  height: 21.875rem;
  margin-left: 5.625rem;
  margin-top: -12.5rem;
}

.main-brand-ul li.caritopoten {
  width: 25rem;
  height: 25rem;
  margin-top: 6.25rem;
}

.main-brand-ul li.oramedy {
  width: 21.875rem;
  height: 21.875rem;
  margin: 0 auto;
  margin-right: 0;
  margin-top: -18.75rem;
}

.main-brand-ul li.minetrol {
  width: 26.25rem;
  height: 26.25rem;
  margin-left: 5.625rem;
  margin-top: 3.125rem;
}

.main-brand-ul li.winflex {
  width: 21.875rem;
  height: 21.875rem;
  margin: 0 auto;
  margin-right: 0;
  margin-top: -7.75rem;
}

.main-brand-ul img {
  transition: transform 0.2s;
}

.main-brand-ul img:hover {
  transform: scale(1.05);
}

.main-brand-ul-wrap {
  display: flex;
  position: relative;
  margin-left: 26.875rem;
}

.main-brand-ul-wrap .main-brand-ul-2 {}

.main-brand-ul-wrap .main-brand-ul-2 li {
  display: inline-block;
  margin-bottom: 6rem;
  max-width: 40%;
}

.main-brand-ul-wrap .main-brand-ul-2 li:nth-child(even) {
  margin-bottom: -0;
  position: relative;
  margin-left: 6rem;
  top: -9rem
}

.main-brand-ul-wrap .main-brand-ul-2 li:nth-child(2) {
  top: -5rem;
}

.main-brand-ul-wrap .main-brand-ul-2 li:nth-last-child(-n+2) {
  margin-bottom: 0
}

.main-news-wrap {
  width: 100%;
  /* min-width: 1440px; */
  padding: 9.375rem 0;
  background-color: #fafafb;
}

.main-news-wrap h2 {
  font-family: "Jost";
  font-style: normal;
  font-weight: 600;
  font-size: 3.125rem;
  text-align: center;
  text-transform: uppercase;
  color: #000000;
}

.main-news-ul {
  display: flex;
  gap: 1.875rem;
  margin-top: 5rem;
}

.main-news-ul li {
  width: 100%;
  padding: 2.5rem;
  border-radius: 1.875rem;
  background-color: #fff;
}

.main-news-text-1 {
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  color: #53b7e8;
}

.main-news-text-2 {
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  color: #000;
  margin-top: 1.625rem;
}

.main-news-text-3 {
  font-family: "Jost";
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  color: #999;
  margin-top: 1.625rem;
}

.main-bottom-wrap {
  width: 100%;
  /* min-width: 1440px; */
}

.main-bottom-ul {
  display: flex;
  flex-wrap: wrap;
}

.main-bottom-ul li {
  width: 50%;
  /* min-width: 720px; */
  box-sizing: border-box;
}

.main-bottom-ul li:nth-child(1) {
  background: #eaf4f5 url(/images/v2/main/bottom_1.png) no-repeat right center;
}

.main-bottom-ul li:nth-child(2) {
  background: #f5ebe2 url(/images/v2/main/bottom_2.png) no-repeat right -6rem center;
}

.main-bottom-ul li:nth-child(3) {
  background-color: #9aca3c;
}

.main-bottom-ul li:nth-child(4) {
  background-color: #53b7e8;
}

.main-bottom-ul li:nth-child(-n + 2) {
  background-size: auto 100%;
  padding: 9.375rem 0;
}

.main-bottom-ul li:nth-child(n + 3) {
  padding: 3.125rem 0;
}

.main-bottom-contents-wrap {
  max-width: 720px;
  margin: 0 auto;
}

.main-bottom-ul li:nth-child(odd) .main-bottom-contents-wrap {
  margin-right: 0;
}

.main-bottom-ul li:nth-child(even) .main-bottom-contents-wrap {
  margin-left: 0;
  padding-left: 5rem;
}

.main-bottom-text-1 {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: normal;
  letter-spacing: -0.05em;
  color: #000000;
}

.main-bottom-text-2 {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: normal;
  letter-spacing: -0.05em;
  color: #000000;
  margin-top: 0.625rem;
}

a.main-bottom-btn-1 {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 2.875rem;
  letter-spacing: -0.05em;
  color: #000000;
  display: inline-block;
  height: 2.875rem;
  border: 1px solid #000000;
  border-radius: 3.125rem;
  padding: 0 2rem;
  margin-top: 2.25rem;
}

.main-bottom-contents-wrap2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 4.0625rem;
}

.main-bottom-text-3 {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: normal;
  letter-spacing: -0.05em;
  color: #ffffff;
}

.main-bottom-text-4 {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: normal;
  letter-spacing: -0.05em;
  color: #ffffff;
  margin-top: 0.625rem;
}

a.main-bottom-btn-2 {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 5.75rem;
  letter-spacing: -0.05em;
  text-align: center;
  color: #ffffff;
  display: inline-block;
  width: 5.75rem;
  height: 5.75rem;
  border-radius: 5.75rem;
  background-color: #172b48;
}

/*** main end ***/

/*** brand start ***/
.brand-top-wrap {
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 6.25rem 0;
}

.brand-top-text-wrap {
  padding-top: 2.5rem;
}

.vertical .brand-top-text-wrap {}

.brand-top-text-1 {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: normal;
  letter-spacing: -0.05em;
  color: #000000;
  margin-top: 1.875rem;
}

.brand-top-text-2 {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  font-size: 3.125rem;
  line-height: 3.75rem;
  letter-spacing: -0.05em;
  color: #000000;
  margin-top: 0.625rem;
}

a.brand-top-pharm-btn {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: normal;
  letter-spacing: -0.05em;
  color: #000000;
  display: inline-block;
  border: 1px solid #e6e7e9;
  border-radius: 6.25rem;
  margin-top: 2.5rem;
  padding: 0.875rem 1.5625rem;
}

a.brand-top-pharm-btn span {
  padding-right: 1.25rem;
  background-size: 8px;
  background-repeat: no-repeat;
  background-position: right center;
}

.brand-top-slide-wrap {
  width: 39.375rem;
  height: 24.375rem;
}

.brand-top-slider-ul {
  width: 100%;
  height: 100%;
}

.brand-top-slider-ul li.brand-top-slider-item {
  width: 100%;
  height: 100%;
  border-radius: 1.875rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.vertical .brand-top-slider-ul li.brand-top-slider-item {
  background-size: contain;
}

.vertical .brand-top-slide-wrap {
  height: 31rem
}

.vertical .brand-top-text-wrap {
  padding-top: 4rem;
}

.brand-top-slider-ul .slick-dots {
  bottom: 20px;
}

.brand-top-band {
  height: 13.75rem;
  margin-bottom: 9.375rem;
}

.brand-top-band .contents-wrap::after {
  content: "";
  position: absolute;
  right: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.brand-top-band-text-1 {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 13.75rem;
  letter-spacing: -0.05em;
  color: #ffffff;
}

.brand-contents-wrap {
  word-break: keep-all;
  /* text-align: justify; */
}

.brand-story-wrap {
  padding-bottom: 9.375rem;
}

.brand-h2 {
  font-family: "Jost";
  font-style: normal;
  font-weight: 600;
  font-size: 2.625rem;
  line-height: normal;
  color: #000000;
}

.brand-h2.kr {
  font-family: "Noto Sans KR";
}

.brand-h3 {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: -0.05em;
  color: #000000;
  margin-top: 0.625rem;
}

.brand-h3 .guide {
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  color: #999;
  float: right;
}

.brand-h-guide {
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #999;
  margin-top: 1.25rem;
}

.brand-story-contents-wrap {
  margin-top: 6.25rem;
}

.brand-story-contents-wrap>div {
  display: flex;
  gap: 8%;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 9.375rem;
}

.brand-story-contents-wrap>div:nth-of-type(1) {
  margin-top: 0;
}

.brand-story-contents-wrap>div>div {
  width: 46%;
}

.brand-story-contents-wrap>div.right {
  flex-direction: row-reverse;
}

.brand-story-text-1 {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  font-size: 2rem;
  line-height: normal;
  letter-spacing: -0.05em;
  color: #000000;
}

.brand-story-text-2 {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: -0.05em;
  color: #000000;
  margin-top: 1.25rem;
}

.plus_detail {
  display: inline-block;
  margin-top: 10px;
  width: 100%;
  text-align: center;
}

.brand-story-text-3 {
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #999;
  margin-top: 1.625rem;
}

.brand-story-guide {
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #999;
  margin-top: 3.75rem !important;
}

.brand-story-guide.top {
  position: relative;
  top: -5px
}

.brand-cf-wrap {
  background-color: #fafafb;
  padding: 9.375rem 0;
}

.brand-cf-slide-wrap {
  margin-top: 5rem;
}

.brand-cf-slider-ul {
  width: 53.125rem;
  margin: 0 auto;
  position: relative;
}

.brand-cf-slider-ul .brand-cf-youtube-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

.brand-cf-slider-ul .brand-cf-youtube-wrap iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.brand-cf-slider-ul .brand-cf-youtube-title {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  font-size: 1.625rem;
  line-height: normal;
  text-align: center;
  letter-spacing: -0.05em;
  color: #000000;
  margin-top: 2.5rem;
}

.brand-cf-slider-ul .slick-dots {
  display: none !important;
}

.brand-cf-arrows-wrap .slick-prev,
.brand-cf-arrows-wrap .slick-next {
  font-size: 0;
  position: absolute;
  top: 50%;
  margin-top: -4.5rem;
  display: block;
  width: 3.75rem;
  height: 3.75rem;
  z-index: 1;
  border: 0;
  outline: 0;
}

.brand-cf-arrows-wrap .slick-prev {
  left: 4rem;
  background: url(/images/v2/brand/brand-cf-arrow-l.png) no-repeat center center;
  background-size: contain;
}

.brand-cf-arrows-wrap .slick-next {
  right: 4rem;
  background: url(/images/v2/brand/brand-cf-arrow-r.png) no-repeat center center;
}

.brand-product-wrap {
  padding: 9.375rem 0;
}

.brand-product-tab-ul {
  display: flex;
  gap: 0.625rem;
  margin-top: 6.25rem;
}

.brand-product-tab-ul li {}

.brand-product-tab-ul li a {
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  color: #999;
  display: inline-block;
  background: #fafafb;
  border-radius: 6.25rem;
  padding: 1rem 2.25rem;
}

.brand-product-tab-ul li a.on {
  color: #ffffff;
}

.brand-product-contents-wrap {
  display: none;
  margin-top: 3.125rem;
}

.brand-product-contents-wrap.on {
  display: block;
}

.brand-product-table {
  width: 100%;
  table-layout: fixed;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: bottom right;
}

.brand-product-table th,
.brand-product-table td {
  padding-top: 1.875rem;
  vertical-align: top;
}

.brand-product-table th {
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  color: #000;
  width: 10rem;
}

.brand-product-table td {
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  color: #666;
  max-width: 50rem;
}

.brand-product-ref {
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #666;
}

.brand-product-detail-wrap {
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  display: none;
  background-color: #f6f7f9;
  padding: 3.125rem;
  border: 1px solid #e8e8e8;
  margin-top: 1.25rem;
}

.brand-product-detail-sup {
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  margin-top: 1.25rem;
}

a.brand-product-detail-btn {
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  display: inline-block;
  margin-top: 3.125rem;
}

a.brand-product-detail-btn::after {
  content: "";
  background-size: 8px 6px;
  border-radius: 1.125rem;
  display: inline-block;
  width: 1.125rem;
  height: 1.125rem;
  vertical-align: sub;
  margin-left: 0.375rem;
}

a.brand-product-detail-btn.on::after {
  background-image: url(/images/v2/brand/product-detail-btn-up.png) !important;
}

.brand-campaign-wrap {
  background-color: #fafafb;
  padding: 9.375rem 0 15.625rem;
}

.brand-campaign-tab-ul {
  display: flex;
  gap: 1.875rem;
  margin-top: 6.25rem;
}

.brand-campaign-tab-ul li {
  width: 100%;
  max-width: 23.75rem;
  background-color: #ffffff;
  border-radius: 1.875rem;
  padding-bottom: 3.125rem;
}

.brand-campaign-tab-ul li a {
  display: block;
  width: 100%;
}

.brand-campaign-tab-ul li a span {
  display: block;
}

.brand-campaign-bg {
  width: 100%;
  height: 15.625rem;
  border-radius: 1.875rem 1.875rem 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom right;
}

.brand-campaign-text-1 {
  text-align: center;
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  margin-top: 2.5rem;
}

.brand-campaign-text-2 {
  text-align: center;
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  color: #000;
  margin-top: 0.375rem;
}

.layer.brand-campaign-layer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  padding: 4.375rem 1.875rem 3.75rem 3.75rem;
  border-radius: 1.875rem;
}

.brand-layer-close-btn {
  position: absolute;
  top: 1.875rem;
  right: 1.875rem;
  width: 1.5rem;
  height: 1.5rem;
  background: url(/images/v2/common/close_ico2.png) no-repeat center center;
  background-size: contain;
}

.brand-campaign-contents-wrap {
  width: 39.375rem;
  height: 37.5rem;
  padding: 0 3.75rem 0 0;
  box-sizing: border-box;
  overflow-y: scroll;
}

.brand-campaign-layer-text-1 {
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
}

.brand-campaign-layer-text-2 {
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 1.875rem;
  font-weight: 700;
  line-height: normal;
  color: #000;
  margin-top: 0.375rem;
}

.brand-campaign-layer-text-3 {
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 18px;
  font-weight: 400;
  line-height: 2rem;
  color: #000;
  word-break: break-all;
  text-align: left;
  margin-top: 1.25rem;
}

.brand-campaign-layer-text-4 {
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  color: #000;
  margin-top: 1.875rem;
}

.brand-campaign-layer-btn {}

a.feraminqueen-btn {
  text-align: center;
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 400;
  line-height: 3.125rem;
  color: #fff;
  display: inline-block;
  background: #c84797;
  border-radius: 1.875rem;
  padding: 0 1.25rem;
  margin-top: 1.25rem;
}

a.feraminqueen-btn span::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 13px;
  background: url(/images/v2/brand/feraminq_arrow_2.png) no-repeat center center;
  background-size: contain;
  padding-left: 1rem;
}

.brand-campaign-layer-img-wrap {
  display: flex;
  gap: 0.625rem;
  margin-top: 1.25rem;
}

.brand-webtoon-wrap {
  padding-bottom: 9.375rem;
}

.brand-webtoon-tab-ul {
  display: flex;
  gap: 0.625rem;
  margin-top: 1.875rem;
}

.brand-webtoon-tab-ul li {}

.brand-webtoon-tab-ul li a {
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  color: #999;
  display: inline-block;
  background: #fafafb;
  border-radius: 6.25rem;
  padding: 1rem 2.25rem;
}

.brand-webtoon-tab-ul li a.on {
  color: #ffffff;
}

.brand-webtoon-contents-wrap {
  display: none;
  margin-top: 3.125rem;
}

.brand-webtoon-banner {
  width: 100%;
}

.brand-webtoon-ul {
  display: flex;
  gap: 2.66%;
  flex-wrap: wrap;
  margin-top: 3.75rem;
}

.brand-webtoon-ul li {
  width: 23%;
}

.brand-webtoon-ul li img {
  display: block;
  width: 100%;
}

.brand-webtoon-ul li:nth-child(n + 5) {
  margin-top: 1.5rem;
}

.brand-webtoon-text-1 {
  text-align: center;
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #000;
  display: block;
  margin-top: 1.25rem;
}

.layer.brand-webtoon-layer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  padding: 4.375rem 1.875rem 3.75rem 3.75rem;
  border-radius: 1.875rem;
}

.brand-webtoon-layer-contents-wrap {
  width: 39.375rem;
  height: 37.5rem;
  padding: 0 3.75rem 0 0;
  box-sizing: border-box;
  overflow-y: scroll;
}

.brand-ad-wrap {
  background-color: #fafafb;
  padding: 9.375rem 0 15.625rem;
}

.brand-ad-img-wrap {
  width: 53.125rem;
  margin: 5rem auto 0;
}

.brand-freebook-wrap {
  background-color: #fafafb;
  padding: 9.375rem 0 15.625rem;
}

.brand-freebook-table {
  border-top: 2px solid #000000;
  border-bottom: 1px solid #e6e7e9;
  margin-top: 5rem;
}

.brand-freebook-table th {
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  color: #000;
  text-align: left;
  vertical-align: top;
  padding: 20px 5px 10px 5px;
}

.brand-freebook-table td {
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  color: #000;
  padding: 8px;
}

.brand-freebook-table .input-text {
  width: 18.75rem;
  height: 2.8125rem;
  background: #ffffff;
  border: 1px solid #e6e7e9;
  border-radius: 5px;
  margin: 2px 0;
}

.brand-freebook-table .input-text.long {
  width: 100%;
}

.brand-freebook-zipcode-wrap {}

.brand-freebook-table .btn-zipcode {
  display: inline-block;
  text-align: center;
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 400;
  line-height: 2.9375rem;
  color: #fff;
  height: 2.9375rem;
  margin-left: 0.5rem;
  padding: 0 18px;
  box-sizing: border-box;
  background: #172b48;
  border: 0;
  border-radius: 5px;
}

.brand-freebook-text-1 {
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #000;
}

.brand-freebook-text-2 {
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  color: #999;
  margin-top: 20px;
}

.brand-freebook-submit-wrap {
  text-align: center;
  margin-top: 6.25rem;
}

.brand-freebook-submit {
  text-align: center;
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  font-size: 20px;
  font-weight: 700;
  line-height: 4.0625rem;
  color: #fff;
  display: inline-block;
  width: 12.5rem;
  height: 4.0625rem;
  border-radius: 3.75rem;
  border: 0;
  background-color: #2d5032;
}

.brand-freebook-submit.caritopoten_test {
  background-color: rgba(102, 201, 186);
}

/** insadolplus start **/
.fc-insadol {
  color: #bc0000 !important;
}

.bgc-insadol {
  background-color: #bc0000 !important;
}

.brand-top-wrap.insadolplus .brand-top-logo {
  width: 9.375rem;
}

.brand-top-wrap.insadolplus a.brand-top-pharm-btn span {
  background-image: url(/images/v2/brand/insadol_arrow.png);
}

.brand-top-wrap.insadolplus .slick-dots li.slick-active button {
  border: solid 1px #bc0000;
  background-color: #bc0000;
}

.brand-top-band.insadolplus .contents-wrap::after {
  top: 2.75rem;
  width: 35.625rem;
  height: 20rem;
  background-image: url(/images/v2/brand/insadol_top_band.png);
}

.brand-product-tab-ul.insadolplus li a.on {
  background-color: #bc0000;
}

.brand-product-contents-wrap.insadolplus a.brand-product-detail-btn::after,
.brand-product-contents-wrap.insadol a.brand-product-detail-btn::after,
.brand-product-contents-wrap.insadent a.brand-product-detail-btn::after {
  background: #bc0000 url(/images/v2/brand/brand-product-detail-btn-down.png) no-repeat center center;
}

.brand-product-contents-wrap.insadolplus .brand-product-table {
  background-image: url(/images/v2/brand/insadol_prod_1.png);
  background-size: auto 17.5rem;
}

.brand-product-contents-wrap.insadol .brand-product-table {
  background-image: url(/images/v2/brand/insadol_prod_2.png);
  background-size: auto 17.5rem;
  background-position: bottom -2rem right -3rem;
}

.brand-product-contents-wrap.insadent .brand-product-table {
  background-image: url(/images/v2/brand/insadol_prod_3.png);
  background-size: auto 17.5rem;
  background-position: bottom -5rem right -2rem;
}

.brand-campaign-bg.insadol-capmaign-1 {
  background-image: url(/images/v2/brand/insadol_cam_1.png);
}

.brand-campaign-bg.insadol-capmaign-2 {
  background-image: url(/images/v2/brand/insadol_cam_2.png);
}

.brand-campaign-bg.insadol-capmaign-3 {
  background-image: url(/images/v2/brand/insadol_cam_3.png);
}

/** insadolplus end **/
/** winflex start **/
.bgc-winflex {
  background-color: #ffaab5 !important;
}

.bgc-winflex .brand-top-band-text-1 {
  letter-spacing: 1.7px;
}

.brand-top-wrap.winflex a.brand-top-pharm-btn span {
  background-image: url(/images/v2/brand/winflex_arrow.png);
}

.brand-top-band.winflex .contents-wrap::after {
  top: 2.75rem;
  width: 35.625rem;
  height: 20rem;
  background-image: url(/images/v2/brand/winflex_top_band.png);
}

.box_winflex {
  background-color: #ffaab5;
  padding: 40px 95px;
  border-radius: 20px;
}

.box_winflex .brand-story-img {
  text-align: center;
  width: 42%;
}

.box_winflex .story-text_ver2 {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  margin-top: 20px;
  color: #fff;
}

.box_winflex .brand-story-text {
  width: 50%;
}

.brand-story-ul-box {
  font-size: 0px;
}

.brand-story-ul-box>li {
  display: table;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  padding-left: 73px;
  min-height: 90px;
}

.brand-story-ul-box>li>div {
  display: table-cell;
  vertical-align: middle;
}

.brand-story-ul-box>li::before {
  width: 73px;
  height: 90px;
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  background-position: center;
  background-repeat: no-repeat;
}

.brand-story-ul-box>li.w_it_1::before {
  background-image: url(/images/v2/brand/winflex_story_icon1.png);
}

.brand-story-ul-box>li.w_it_2::before {
  background-image: url(/images/v2/brand/winflex_story_icon2.png);
}

.brand-story-ul-box>li.w_it_3::before {
  background-image: url(/images/v2/brand/winflex_story_icon3.png);
}

.brand-story-ul-box>li.w_it_4::before {
  background-image: url(/images/v2/brand/winflex_story_icon4.png);
}

.brand-story-ul-box>li.w_it_5::before {
  background-image: url(/images/v2/brand/winflex_story_icon5.png);
}

.brand-story-ul-box>li:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  background-image: url(/images/v2/brand/winflex_story_line.png);
  background-repeat: repeat-x;
  background-position: center;
  width: 100%;
  height: 1px;
  left: 0px;
}

.brand-story-ul-box>li:last-child::after {
  display: none;
}

.brand-story-ul-box>li strong {
  display: block;
  color: #806a59;
  font-size: 21px;
}

.brand-story-ul-box>li span {
  display: block;
  font-size: 17px;
  color: #806a59;
  margin-top: 0px;
}

.brand-story-img-1 {
  margin-top: 30px;
}

.brand-story-info {
  margin-top: 150px;
  padding: 60px 60px 48px;
  background-color: #ffaab5;
  border-radius: 20px;
}

.brand-story-contents-wrap .brand-story-info-text {
  width: 100%;
}

.brand-story-info-text>ul {
  font-size: 0px;
  display: table;
  width: 100%;
}

.brand-story-info-text>ul>li {
  display: table-cell;
  width: 33.3%;
  text-align: center;
  color: #fff;
  position: relative;
  padding-bottom: 5px;
}

.brand-story-info-text>ul>li::after {
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 1px;
  height: 100%;
  background-color: #fff;
}

.brand-story-info-text>ul>li:last-child:after {
  display: none;
}

.brand-story-info-text>ul>li>strong {
  display: block;
  font-size: 28px;
}

.brand-story-info-text>ul>li>span {
  display: block;
  font-size: 22px;
}

.brand-story-contents-wrap .brand-story-info-img {
  width: 100%;
  background-color: #fff;
  border-radius: 20px;
  padding: 48px 10px 50px;
  text-align: center;
  margin-top: 40px;
}

.b-s-i-tit {
  margin-bottom: 20px;
  display: block;
  font-weight: bold;
  font-size: 25px;
  color: #806a5a;
}

.win_img_5_plue {
  margin-left: 30px;
  margin-right: 45px;
  position: relative;
}

a.brand-product-detail-btn.fc-winflex {
  color: #ffaab5;
}

.win_img_5_plue:after {
  position: absolute;
  width: 7px;
  height: 111px;
  right: -30px;
  display: block;
  content: "";
  background-image: url(/images/v2/brand/winflex_story_img_5_line.png);
  background-repeat: no-repeat;
  background-position: center;
  top: -40px;
}

.brand-product-contents-wrap.winflex a.brand-product-detail-btn::after {
  background: #ffaab5 url(/images/v2/brand/brand-product-detail-btn-down.png) no-repeat center center;
}

/** winflex end **/

/** madecassol start **/
.fc-madecassol {
  color: #95ae0a !important;
}

.fc-oraspray {
  color: #bc0000 !important;
}

.bgc-madecassol {
  background-color: #95ae0a !important;
}

.brand-top-wrap.madecassol .brand-top-logo {
  width: 11.25rem;
}

.brand-top-wrap.madecassol a.brand-top-pharm-btn span {
  background-image: url(/images/v2/brand/madecassol_arrow.png);
}

.brand-top-wrap.madecassol .slick-dots li.slick-active button {
  border: solid 1px #95ae0a;
  background-color: #95ae0a;
}

.brand-top-band.madecassol .contents-wrap::after {
  top: 0;
  width: 33.75rem;
  height: 22.5rem;
  background-image: url(/images/v2/brand/madecassol_top_band.png);
}

.brand-product-tab-ul.madecassol li a.on {
  background-color: #95ae0a;
}

.brand-product-contents-wrap.care a.brand-product-detail-btn::after,
.brand-product-contents-wrap.gel a.brand-product-detail-btn::after,
.brand-product-contents-wrap.complex a.brand-product-detail-btn::after,
.brand-product-contents-wrap.madecassol a.brand-product-detail-btn::after,
.brand-product-contents-wrap.powder a.brand-product-detail-btn::after,
.brand-product-contents-wrap.band a.brand-product-detail-btn::after {
  background: #95ae0a url(/images/v2/brand/brand-product-detail-btn-down.png) no-repeat center center;
}

.brand-product-contents-wrap.oraspray a.brand-product-detail-btn::after {
  background: #bc0000 url(/images/v2/brand/brand-product-detail-btn-down.png) no-repeat center center;
}

.brand-product-tab-ul.oraspray li a {
  background-color: #bc0000;
}

.brand-product-contents-wrap.care .brand-product-table {
  background-image: url(/images/v2/brand/madecassol_prod_1.png);
  background-size: auto 17.5rem;
  background-position: bottom -3rem right -3rem;
}

.brand-product-contents-wrap.gel .brand-product-table {
  background-image: url(/images/v2/brand/madecassol_prod_2.png);
  background-size: auto 17.5rem;
  background-position: bottom -3rem right -3rem;
}

.brand-product-contents-wrap.complex .brand-product-table {
  background-image: url(/images/v2/brand/madecassol_prod_3.png);
  background-size: auto 17.5rem;
  background-position: bottom -3rem right -3rem;
}

.brand-product-contents-wrap.madecassol .brand-product-table {
  background-image: url(/images/v2/brand/madecassol_prod_4.png);
  background-size: auto 17.5rem;
  background-position: bottom -3rem right -3rem;
}

.brand-product-contents-wrap.powder .brand-product-table {
  background-image: url(/images/v2/brand/madecassol_prod_5.png);
  background-size: auto 17.5rem;
  background-position: bottom -3rem right -3rem;
}

.brand-product-contents-wrap.band .brand-product-table {
  /* background-image: url(/images/v2/brand/madecassol_prod_6.png);
  background-size: auto 17.5rem;
  background-position: bottom -3rem right -3rem; */
}

.brand-campaign-bg.madecassol-capmaign-1 {
  background-image: url(/images/v2/brand/madecassol_cam_1.png);
}

.brand-product-table-band-img {
  height: 300px;
  background-image: url(/images/v2/brand/madecassol_prod_6.png);
  background-size: contain;
  width: 500px;
  position: absolute;
  top: 0;
  right: 3rem;
  z-index: -2;
}

.brand-product-table-spray-img {
  height: 300px;
  background-image: url(/images/v2/brand/ora_spray_prod_1.png);
  background-size: contain;
  width: 500px;
  position: absolute;
  top: 0;
  right: 3rem;
  z-index: -2;
}

.brand-product-tab-ul.sensespot_cream li a.on {
  background-color: #e73456;
}

.brand-product-table-sensespot_cream-img {
  height: 250px;
  background-image: url(/images/v2/brand/sensespot_cream_prod_1.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 200px;
  position: absolute;
  top: 0;
  right: 3rem;
  z-index: -2;
}

.brand-product-contents-wrap.sensespot_cream a.brand-product-detail-btn::after {
  background: #e73456 url(/images/v2/brand/brand-product-detail-btn-down.png) no-repeat center center;
}

.fc-sensespot_cream {
  color: #e73456 !important;
}

.brand-product-tab-ul li.sensehil_gel a.on {
  background-color: #0da18d;
}

.brand-product-table-sensehil_gel-img {
  height: 250px;
  background-image: url(/images/v2/brand/sensehil_gel_prod_1.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 200px;
  position: absolute;
  top: 0;
  right: 3rem;
  z-index: -2;
}

.brand-product-contents-wrap.sensehil_gel a.brand-product-detail-btn::after {
  background: #0da18d url(/images/v2/brand/brand-product-detail-btn-down.png) no-repeat center center;
}

.fc-sensehil_gel {
  color: #0da18d !important;
}

.sub-top-visual-2.sense {
  background-color: #f8e3cc;
}

.sub-top-visual-2.sense .sub-top-information-product {
  background: url(/images/information/w-health-2-1-top-1.png) no-repeat right bottom 1px;
  background-size: auto 13.5rem;
}

.sub-top-tab.sense .sub-tab-ul li {
  width: 14.38rem;
}

.sub-top-tab.sense .sub-tab-ul li a.active {
  border-bottom: 3px solid #e23757;
}

.sub-top-tab.sense .sub-tab-ul li a:hover,
.sub-top-tab.sense .sub-tab-ul li a.active {
  color: #e23757;
}

.inquiry-form-ul li.last_info_txt {
  padding-bottom: 60px;
}

/** madecassol end **/

/** oramedy start **/
.fc-oramedy {
  color: #bc0000 !important;
}

.bgc-oramedy {
  background-color: #bc0000 !important;
}

.brand-top-wrap.oramedy .brand-top-logo {
  width: 11rem;
}

.brand-top-wrap.oramedy a.brand-top-pharm-btn span {
  background-image: url(/images/v2/brand/oramedy_arrow.png);
}

.brand-top-wrap.oramedy .slick-dots li.slick-active button {
  border: solid 1px #bc0000;
  background-color: #bc0000;
}

.brand-top-band.oramedy .contents-wrap::after {
  top: 2.75rem;
  width: 37.5rem;
  height: 16.25rem;
  background-image: url(/images/v2/brand/oramedy_top_band.png);
}

.brand-product-tab-ul.oramedy li a.on {
  background-color: #bc0000;
}

.brand-product-contents-wrap.oramedy a.brand-product-detail-btn::after,
.brand-product-contents-wrap.orabiten a.brand-product-detail-btn::after,
.brand-product-contents-wrap.orasens a.brand-product-detail-btn::after,
.brand-product-contents-wrap.orasenup a.brand-product-detail-btn::after,
.brand-product-contents-wrap.oramethyl a.brand-product-detail-btn::after,
.brand-product-contents-wrap.orapeinq a.brand-product-detail-btn::after {
  background: #bc0000 url(/images/v2/brand/brand-product-detail-btn-down.png) no-repeat center center;
}

.brand-product-contents-wrap.orapeinq .brand-product-table {
  background-image: url(/images/v2/brand/oramedy_prod_5.png);
  background-size: auto 17.5rem;
  background-position: bottom -4rem right -3rem;
}

.brand-product-contents-wrap.oramedy .brand-product-table {
  background-image: url(/images/v2/brand/oramedy_prod_1.png);
  background-size: auto 17.5rem;
  background-position: bottom -3rem right -3rem;
}

.brand-product-contents-wrap.orabiten .brand-product-table {
  background-image: url(/images/v2/brand/oramedy_prod_2.png);
  background-size: auto 17.5rem;
  background-position: bottom -3rem right -3rem;
}

.brand-product-contents-wrap.orasens .brand-product-table {
  background-image: url(/images/v2/brand/oramedy_prod_3.png);
  background-size: auto 17.5rem;
  background-position: bottom right -3rem;
}

.brand-product-contents-wrap.orasenup .brand-product-table {
  background-image: url(/images/v2/brand/orasenup_prod.png);
  background-size: auto 15.5rem;
  background-position: bottom right 1rem;
}

.brand-product-contents-wrap.oramethyl .brand-product-table {
  background-image: url(/images/v2/brand/oramedy_prod_4.png);
  background-size: auto 17.5rem;
  background-position: bottom -3rem right -3rem;
}

/** oramedy end **/

/** feraminq start **/
.fc-feraminq {
  color: #c84797 !important;
}

.bgc-feraminq {
  background-color: #c84797 !important;
}

.brand-top-wrap.feraminq .brand-top-logo {
  width: 10.375rem;
}

.brand-top-wrap.feraminq a.brand-top-pharm-btn span {
  background-image: url(/images/v2/brand/feraminq_arrow.png);
}

.brand-top-wrap.feraminq .slick-dots li.slick-active button {
  border: solid 1px #c84797;
  background-color: #c84797;
}

.brand-top-band.feraminq .contents-wrap::after {
  top: 4.125rem;
  width: 34.875rem;
  height: 18.75rem;
  background-image: url(/images/v2/brand/feraminq_top_band.png);
}

.brand-product-tab-ul.feraminq li a.on {
  background-color: #c84797;
}

.brand-product-contents-wrap.feraminq a.brand-product-detail-btn::after {
  background: #c84797 url(/images/v2/brand/brand-product-detail-btn-down.png) no-repeat center center;
}

.brand-product-contents-wrap.feraminq .brand-product-table {
  background-image: url(/images/v2/brand/feraminq_prod_1.png);
  background-size: auto 14.6875rem;
  background-position: bottom right;
}

.brand-campaign-bg.feraminq-capmaign-1 {
  background-image: url(/images/v2/brand/feraminq_cam_1.png);
}

.brand-campaign-bg.feraminq-capmaign-2 {
  background-image: url(/images/v2/brand/feraminq_cam_2.png);
}

.brand-campaign-bg.feraminq-capmaign-3 {
  background-image: url(/images/v2/brand/feraminq_cam_3.png);
}

/** feraminq end **/

/** pansidil start **/
.fc-pansidil {
  color: #57bac8 !important;
}

.bgc-pansidil {
  background-color: #57bac8 !important;
}

.brand-top-wrap.pansidil .brand-top-logo {
  width: 11.0625rem;
}

.brand-top-wrap.pansidil a.brand-top-pharm-btn span {
  background-image: url(/images/v2/brand/pansidil_arrow.png);
}

.brand-top-wrap.pansidil .slick-dots li.slick-active button {
  border: solid 1px #57bac8;
  background-color: #57bac8;
}

.brand-top-band.pansidil .contents-wrap::after {
  top: 2.75rem;
  width: 37.5rem;
  height: 16.25rem;
  background-image: url(/images/v2/brand/pansidil_top_band.png);
}

.brand-product-tab-ul.pansidil li a.on {
  background-color: #57bac8;
}

.brand-product-contents-wrap.pansidil a.brand-product-detail-btn::after,
.brand-product-contents-wrap.pansidil-liq a.brand-product-detail-btn::after,
.brand-product-contents-wrap.pansidil-liq2 a.brand-product-detail-btn::after {
  background: #57bac8 url(/images/v2/brand/brand-product-detail-btn-down.png) no-repeat center center;
}

.brand-product-contents-wrap.pansidil .brand-product-table {
  background-image: url(/images/v2/brand/pansidil_prod_1.png);
  background-size: auto 17.5rem;
  background-position: bottom -3rem right -3rem;
}

.brand-product-contents-wrap.pansidil-liq .brand-product-table {
  background-image: url(/images/v2/brand/pansidil_prod_2.png);
  background-size: auto 17.5rem;
  background-position: bottom -3rem right -3rem;
}

.brand-product-contents-wrap.pansidil-liq2 .brand-product-table {
  background-image: url(/images/v2/brand/pansidil_prod_3.png);
  background-size: auto 17.5rem;
  background-position: bottom right;
}

.brand-campaign-bg.pansidil-capmaign-1 {
  background-image: url(/images/v2/brand/pansidil_cam_1.png);
}

/** pansidil end **/

/** censia start **/
.fc-censia {
  color: #7eac0a !important;
}

.bgc-censia {
  background-color: #7eac0a !important;
}

.brand-top-wrap.censia .brand-top-logo {
  width: 11.0625rem;
}

.brand-top-wrap.censia a.brand-top-pharm-btn span {
  background-image: url(/images/v2/brand/censia_arrow.png);
}

.brand-top-wrap.censia .slick-dots li.slick-active button {
  border: solid 1px #7eac0a;
  background-color: #7eac0a;
}

.brand-top-band.censia .contents-wrap::after {
  top: 4.25rem;
  width: 35.375rem;
  height: 14.5625rem;
  background-image: url(/images/v2/brand/censia_top_band.png);
}

.brand-webtoon-tab-ul.censia li a.on {
  background-color: #7eac0a;
}

.brand-product-tab-ul.censia li a.on {
  background-color: #7eac0a;
}

.brand-product-contents-wrap.censia a.brand-product-detail-btn::after {
  background: #7eac0a url(/images/v2/brand/brand-product-detail-btn-down.png) no-repeat center center;
}

.brand-product-contents-wrap.censia .brand-product-table {
  background-image: url(/images/v2/brand/censia_prod_1.png);
  background-size: auto 11.5rem;
  background-position: bottom right;
}

/** censia end **/

/** cheesen start **/
.fc-cheesen {
  color: #1d795c !important;
}

.bgc-cheesen {
  background-color: #1d795c !important;
}

.brand-top-wrap.cheesen .brand-top-logo {
  width: 11.0625rem;
}

.brand-top-wrap.cheesen a.brand-top-pharm-btn span {
  background-image: url(/images/v2/brand/cheesen_arrow.png);
}

.brand-top-wrap.cheesen .slick-dots li.slick-active button {
  border: solid 1px #1d795c;
  background-color: #1d795c;
}

.brand-top-band.cheesen .contents-wrap::after {
  top: 3.25rem;
  width: 32.5625rem;
  height: 19.1875rem;
  background-image: url(/images/v2/brand/cheesen_top_band.png);
}

.brand-top-band.cheesen.bgc-cheesen2 .contents-wrap::after {
  top: 0.25rem;
  width: 32.5625rem;
  height: 19.1875rem;
  background-image: url(/images/v2/brand/cheesen_top_band_2025.png);
}

.brand-product-tab-ul.cheesen li a.on {
  background-color: #1d795c;
}

.brand-product-contents-wrap.cheesen a.brand-product-detail-btn::after,
.brand-product-contents-wrap.cheegel a.brand-product-detail-btn::after,
.brand-product-contents-wrap.cheesenjung a.brand-product-detail-btn::after {
  background: #1d795c url(/images/v2/brand/brand-product-detail-btn-down.png) no-repeat center center;
}

.brand-product-contents-wrap.cheesen .brand-product-table {
  background-image: url(/images/v2/brand/cheesen_prod_1.png);
  background-size: auto 17.5rem;
  background-position: bottom -3rem right -3rem;
}

.brand-product-contents-wrap.cheegel .brand-product-table {
  background-image: url(/images/v2/brand/cheesen_prod_2.png);
  background-size: auto 17.5rem;
  background-position: bottom -3rem right -3rem;
}

.brand-product-contents-wrap.cheesenjung .brand-product-table {
  background-image: url(/images/v2/brand/cheesen_prod_3.png);
  background-size: auto 17.5rem;
  background-position: bottom 0rem right -0
}

/** cheesen end **/

/** caritopoten start **/
.fc-caritopoten {
  color: #2d5032 !important;
}

.bgc-caritopoten {
  background-color: #2d5032 !important;
}

.bgc-caritopoten2 {
  background-image: linear-gradient(135deg,
      #d9ffff 0%,
      /* 왼쪽 위 밝은 하늘색 */
      #8ad8e8 25%,
      /* 중간 하늘/민트 */
      #79cbb4 55%,
      /* 아래쪽 민트 */
      #e6e541 100%
      /* 오른쪽 아래 노랑 */
    ) !important;
}

.brand-top-wrap.caritopoten .brand-top-logo {
  width: 11.0625rem;
}

.brand-top-wrap.caritopoten a.brand-top-pharm-btn span {
  background-image: url(/images/v2/brand/caritopoten_arrow.png);
}

.brand-top-wrap.caritopoten .slick-dots li.slick-active button {
  border: solid 1px #2d5032;
  background-color: #2d5032;
}

.brand-top-band.caritopoten .contents-wrap::after {
  top: 3.25rem;
  width: 32.5625rem;
  height: 19.1875rem;
  background-image: url(/images/v2/brand/caritopoten_top_band.png);
}

.brand-top-band.caritopoten_test .contents-wrap::after {
  background-image: url(/images/v2/brand/caritopoten_top_visual_2025_09.png);
}

.brand-top-band.caritopoten_test em {
  font-style: normal;
  font-weight: 700;
}

.brand-product-tab-ul.caritopoten li a.on {
  background-color: #2d5032;
}

.brand-product-contents-wrap.caritopoten a.brand-product-detail-btn::after {
  background: #2d5032 url(/images/v2/brand/brand-product-detail-btn-down.png) no-repeat center center;
}

.brand-product-contents-wrap.caritopoten .brand-product-table {
  background-image: url(/images/v2/brand/caritopoten_prod_1.png);
  background-size: auto 16.8125rem;
}

.brand-product-contents-wrap.caritopoten_test .brand-product-table {
  background-image: url(/images/v2/brand/caritopoten_top_visual_2025_09.png);
}

/** caritopoten end **/

/** minetrol start **/
.fc-minetrol {
  color: #009345 !important;
}

.bgc-minetrol {
  background-color: #009345 !important;
}

.brand-top-wrap.minetrol .brand-top-logo {
  width: 7.125rem;
}

.brand-top-wrap.minetrol a.brand-top-pharm-btn span {
  background-image: url(/images/v2/brand/minetrol_arrow.png);
}

.brand-top-wrap.minetrol .slick-dots li.slick-active button {
  border: solid 1px #009345;
  background-color: #009345;
}

.brand-top-band.minetrol .contents-wrap::after {
  top: 5.9375rem;
  width: 33.5625rem;
  height: 14rem;
  background-image: url(/images/v2/brand/minetrol_top_band.png);
}

.brand-product-tab-ul.minetrol li a.on {
  background-color: #009345;
}

.brand-product-contents-wrap.minetrol a.brand-product-detail-btn::after {
  background: #009345 url(/images/v2/brand/brand-product-detail-btn-down.png) no-repeat center center;
}

.brand-product-contents-wrap.minetrol .brand-product-table {
  background-image: url(/images/v2/brand/minetrol_prod_1.png);
  background-size: auto 11.5rem;
  background-position: bottom right;
}

/** minetrol end **/

/** coandtect start **/
.fc-coandtect {
  color: #51b5c3 !important;
}

.bgc-coandtect {
  background-color: #51b5c3 !important;
}

.brand-top-wrap.coandtect .brand-top-logo {
  width: 5rem;
}

.brand-top-wrap.coandtect a.brand-top-pharm-btn span {
  background-image: url(/images/v2/brand/coandtect_arrow.png);
}

.brand-top-wrap.coandtect .slick-dots li.slick-active button {
  border: solid 1px #51b5c3;
  background-color: #51b5c3;
}

.brand-top-band.coandtect .contents-wrap::after {
  top: -2.5rem;
  right: 9rem;
  width: 18.5rem;
  height: 23.375rem;
  background-image: url(/images/v2/brand/coandtect_top_band.png);
}

.brand-product-tab-ul.coandtect li a.on {
  background-color: #51b5c3;
}

.brand-product-contents-wrap.coandtect a.brand-product-detail-btn::after {
  background: #51b5c3 url(/images/v2/brand/brand-product-detail-btn-down.png) no-repeat center center;
}

.brand-product-contents-wrap.coandtect .brand-product-table {
  background-image: url(/images/v2/brand/coandtect_prod_1.png);
  background-size: auto 17rem;
  background-position: bottom right 5.625rem;
}

.brand-product-table-coandtect-img {
  height: 300px;
  background-image: url(/images/v2/brand/coandtect_new.png);
  background-size: contain;
  width: 500px;
  position: absolute;
  top: 0;
  background-repeat: no-repeat;
  right: 0;
  z-index: -2;
  background-position: right;
}

.brand-product-contents-wrap.coandtect .brand-product-table.new {
  background-image: none;
}

/** coandtect end **/

/** depensbugs start **/
.fc-depensbugs {
  color: #25a8db !important;
}

.bgc-depensbugs {
  background-color: #25a8db !important;
}

.brand-top-wrap.depensbugs .brand-top-logo {
  width: 7.9375rem;
}

.brand-top-wrap.depensbugs a.brand-top-pharm-btn span {
  background-image: url(/images/v2/brand/depensbugs_arrow.png);
}

.brand-top-wrap.depensbugs .slick-dots li.slick-active button {
  border: solid 1px #25a8db;
  background-color: #25a8db;
}

.brand-top-band.depensbugs .contents-wrap::after {
  top: 1.875rem;
  width: 37.3125rem;
  height: 15.25rem;
  background-image: url(/images/v2/brand/depensbugs_top_band_2025.png);
}

.brand-product-tab-ul.depensbugs li a.on {
  background-color: #25a8db;
}

.brand-product-contents-wrap.depensbugs a.brand-product-detail-btn::after,
.brand-product-contents-wrap.depensbugsdouble a.brand-product-detail-btn::after,
.brand-product-contents-wrap.depensbugsrollon a.brand-product-detail-btn::after {
  background: #25a8db url(/images/v2/brand/brand-product-detail-btn-down.png) no-repeat center center;
}

.brand-product-contents-wrap.depensbugs .brand-product-table {
  background-image: url(/images/v2/brand/depensbugs_prod_1_2025.png);
  background-size: auto 17.5rem;
  background-position: bottom right;
}

.brand-product-contents-wrap.depensbugsdouble .brand-product-table {
  background-image: url(/images/v2/brand/depensbugs_prod_2_2025.png);
  background-size: auto 17.5rem;
  background-position: bottom right;
}

.brand-product-contents-wrap.depensbugsrollon .brand-product-table {
  background-image: url(/images/v2/brand/depensbugs_prod_3_2025.png);
  background-size: auto 17.5rem;
  background-position: bottom right;
}

/** depensbugs end **/

/** tabagen start **/
.fc-tabagen {
  color: #54349d !important;
}

.bgc-tabagen {
  background-color: #54349d !important;
}

.brand-top-wrap.tabagen .brand-top-logo {
  width: 6.4375rem;
}

.brand-top-wrap.tabagen a.brand-top-pharm-btn span {
  background-image: url(/images/v2/brand/tabagen_arrow.png);
}

.brand-top-wrap.tabagen .slick-dots li.slick-active button {
  border: solid 1px #54349d;
  background-color: #54349d;
}

.brand-top-band.tabagen .contents-wrap::after {
  top: 6.875rem;
  width: 32.5625rem;
  height: 11.25rem;
  background-image: url(/images/v2/brand/tabagen_top_band.png);
}

.brand-product-contents-wrap.tabagen .brand-product-table {
  background-image: url(/images/v2/brand/tabagen_prod_1.png);
  background-size: auto 19.5rem;
  background-position: bottom right;
}

/** tabagen end **/

/** memorain start **/
.fc-memorain {
  color: #00ae95 !important;
}

.brand-top-wrap.memorain a.brand-top-pharm-btn span {
  background-image: url(/images/v2/brand/memorain_arrow.jpg);
}

.bgc-memorain {
  background-color: #00ae95 !important;
}

.brand-top-wrap.memorain .brand-top-text-2 {
  font-size: 3rem;
}

.brand-top-wrap.censia .brand-top-text-2 {
  font-size: 2.8rem;
  word-break: keep-all;
}

.brand-top-band.memorain .contents-wrap::after {
  top: 3.25rem;
  width: 32.5625rem;
  height: 19.1875rem;
  background-image: url(/images/v2/brand/memorain_top_band_v2.png);
}

.brand-product-tab-ul.memorain li a.on {
  background-color: #00ae95;
}

.brand-product-contents-wrap.memorain a.brand-product-detail-btn::after,
.brand-product-contents-wrap.cheegel a.brand-product-detail-btn::after {
  background: #00ae95 url(/images/v2/brand/brand-product-detail-btn-down.png) no-repeat center center;
}

.brand-product-contents-wrap.memorain .brand-product-table {
  background-image: url(/images/v2/brand/memorain_prod_1_v2.png);
  background-size: auto 20rem;
  background-position: bottom 0rem right 0;
}

/** memorain end **/

/*** brand end ***/

/*** sub start ***/
.sub-contents-wrap {
  max-width: 1200px;
  min-height: 600px;
  margin: 0 auto;
  position: relative;
  padding: 6.25rem 0 9.375rem;
}

.sub-top-visual .contents-wrap,
.sub-contents-wrap .contents-wrap {
  max-width: 1200px;
}

.sub-top-visual {
  height: 18.75rem;
}

.sub-top-visual .contents-wrap {
  display: table;
  width: 100%;
}

.sub-top-visual .sub-top-visual-contents {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
}

.sub-top-visual .sub-top-visual-text {
  font-size: 2.625rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.31;
  letter-spacing: -1.8px;
  color: #222222;
  margin-top: 10px;
}

.sub-top-visual .sub-top-visual-text.mintrol2 {
  font-weight: bold;
  margin-bottom: -10px;
}

.sub-top-visual .sub-top-visual-text.mintrol2 sub {
  font-size: 0.5em;
  bottom: 0;
  left: 0.25em;
}

.sub-top-visual .sub-top-visual-text.coandtect {
  font-size: 1.75rem;
}

.sub-top-visual .sub-top-visual-text.caritopoten {
  font-size: 1.75rem;
  color: #fff;
}

.sub-top-visual .sub-top-visual-hyphen {
  display: inline-block;
  width: 1.75rem;
  margin-left: 0.625rem;
  border-bottom: 2px solid #222222;
  vertical-align: middle;
  margin-bottom: 0.375rem;
}

/* .sub-top-visual .sub-top-visual-number {
	position: absolute;
	right: 50px;
	bottom: 20px;
	opacity: 0.7;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: right;
	color: #222222;
} */
.sub-top-tab {
  border-bottom: 1px solid #e8e8e8;
}

.sub-top-tab .sub-tab-ul {
  height: 100%;
}

.sub-top-tab .sub-tab-ul li {
  float: left;
  width: 33.3%;
  text-align: center;
}

.sub-top-tab.info .sub-tab-ul li {
  /* 2019-10-15 width: 25%;
	text-align: center; */
}

.sub-top-tab.etc .sub-tab-ul li,
.sub-top-tab.minetrol2 .sub-tab-ul li,
.sub-top-tab.inquiry .sub-tab-ul li,
.sub-top-tab.coandtect .sub-tab-ul li {
  width: 50%;
}

.sub-top-tab .sub-tab-ul li a {
  display: block;
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -1px;
  color: #222222;
  height: 4.375rem;
  line-height: 4.375rem;
  border-bottom: 3px solid #ffffff;
}

.sub-top-tab .sub-tab-ul li a.active {
  font-weight: 500;
}

.sub-top-sub-tab {
  height: 4.375rem;
  line-height: 4.375rem;
  background-color: #f6f7f9;
  border-bottom: 1px solid #e8e8e8;
}

.sub-top-sub-tab .sub-tab-ul {
  height: 100%;
  text-align: center;
  overflow: hidden;
}

.sub-top-sub-tab .sub-tab-ul li {
  display: inline-block;
  padding: 0 3.75rem;
  text-align: center;
}

.sub-top-sub-tab.madecassol .sub-tab-ul li {
  padding: 0 2.25rem;
}

.sub-top-sub-tab.madecassol .sub-tab-ul li:first-child {
  padding-left: 1.25rem;
}

.sub-top-sub-tab.madecassol .sub-tab-ul li:last-child {
  padding-right: 1.25rem;
}

.sub-top-sub-tab .sub-tab-ul li.circle-bg {
  width: 4px;
  height: 4px;
  padding: 0;
  background: #dadada;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 4px;
}

.sub-top-sub-tab .sub-tab-ul li a {
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -1px;
  color: #666666;
}

.sub-top-sub-tab .sub-tab-ul li a.active {
  font-weight: 500;
}

.sub-contents-wrap h2 {
  margin-bottom: 4.125rem;
}

.sub-contents-wrap h2.mt {
  margin-top: 6.25rem;
}

.sub-contents-wrap h2.board {
  position: relative;
  margin-bottom: 2rem;
}

.sub-contents-wrap h2 sup {
  font-family: Helvetica;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.5;
  letter-spacing: normal;
  color: #222222;
  top: -0.8em;
  margin-left: 4px;
}

.sub-contents-wrap h2.sub-title-top-h2 {
  line-height: 1.8;
  margin-bottom: 0;
  padding-top: 3rem;
}

.sub-title {
  font-size: 1.313rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1px;
  color: #222222;
  width: fit-content;
  border-bottom: 1px solid #222222;
}

.sub-title2 {
  font-size: 1rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1px;
  text-align: right;
  color: #999999;
  position: absolute;
  top: 0;
  right: 0;
}

.sub-title-top {
  margin-top: -4rem;
  background-size: auto 17.5rem !important;
  min-height: 17.5rem;
}

.sub-top-visual-2 {
  height: 14.31rem;
}

.sub-top-visual-2 .contents-wrap {
  display: table;
  width: 100%;
}

.sub-top-visual-2 .sub-top-visual-contents {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
}

.sub-top-visual-2 .sub-top-visual-text {
  font-size: 2rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.72;
  letter-spacing: -2px;
  color: #222222;
}

.sub-top-visual-2 .sub-top-information-product {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 18.75rem;
}

.sub-top-visual-2 .sub-top-information-product-text {
  position: absolute;
  top: 5.375rem;
  right: 25.88rem;
  font-size: 2rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.72;
  letter-spacing: -2px;
  color: #222222;
}

.sub-top-visual-2 .sub-top-information-product-link {
  position: absolute;
  top: 9.125rem;
  right: 25.88rem;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -1px;
  text-align: center;
  color: #222222;
}

.sub-top-visual-2.dental .sub-top-information-product-text,
.sub-top-visual-2.wound .sub-top-information-product-text,
.sub-top-visual-2.woman .sub-top-information-product-text {
  right: 23rem;
}

.sub-top-visual-2.dental .sub-top-information-product-link,
.sub-top-visual-2.wound .sub-top-information-product-link,
.sub-top-visual-2.woman .sub-top-information-product-link,
.sub-top-visual-2.coandtect .sub-top-information-product-link {
  right: 23rem;
}

.sub-top-visual-2 .sub-top-information-product-link a {
  padding-right: 1.375rem;
  background: url(/images/common/w-btn-arrow-2.png) no-repeat right center;
  background-size: 0.9375rem;
}

.sub-top-visual-3 {
  height: 12.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.sub-top-visual-3 .contents-wrap {
  display: table;
  width: 100%;
}

.sub-top-visual-3 .sub-top-visual-contents {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
}

.sub-top-visual-3 .sub-top-visual-text {
  font-size: 2rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.72;
  letter-spacing: -2px;
  color: #222222;
}

/* ************ */
/* 인사돌플러스 */
.sub-top-visual.insadolplus {
  background-color: #c4c8d1;
}

.sub-top-visual.insadolplus .contents-wrap {
  background: url(/images/brand/w-insadol-top.png) no-repeat right center;
  background-size: auto 18.75rem;
}

.sub-top-tab.insadolplus .sub-tab-ul li a:hover,
.sub-top-tab.insadolplus .sub-tab-ul li a.active {
  color: #eb3c39;
}

.sub-top-tab.insadolplus .sub-tab-ul li a.active {
  border-bottom: 3px solid #eb3c39;
}

.sub-top-sub-tab.insadolplus .sub-tab-ul li a:hover,
.sub-top-sub-tab.insadolplus .sub-tab-ul li a.active {
  color: #eb3c39;
}

.sub-top-sub-tab.insadolplus .sub-tab-ul li a.active {
  border-bottom: 1px solid #eb3c39;
}

.sub-title-top.insadolplus {
  background: url(/images/brand/w-insadolplus-info-220216.png) no-repeat right -1rem center;
}

.sub-title-top.insadol {
  background: url(/images/brand/w-insadol-info-220216.png) no-repeat right -1rem center;
}

.sub-title-top.insadent {
  background: url(/images/brand/w-insadent-info.png) no-repeat right -2rem center;
}

/* 마데카솔 */
.sub-top-visual.madecassol {
  background-color: #cee2c5;
}

.sub-top-visual.madecassol .contents-wrap {
  /* 2021-12-27 background: url(/images/brand/w-madecassol-top.png) no-repeat right center;
	background-size: auto 18.75rem; */
}

.sub-top-tab.madecassol .sub-tab-ul li a:hover,
.sub-top-tab.madecassol .sub-tab-ul li a.active {
  color: #3e9b43;
}

.sub-top-tab.madecassol .sub-tab-ul li a.active {
  border-bottom: 3px solid #3e9b43;
}

.sub-top-sub-tab.madecassol .sub-tab-ul li a:hover,
.sub-top-sub-tab.madecassol .sub-tab-ul li a.active {
  color: #3e9b43;
}

.sub-top-sub-tab.madecassol .sub-tab-ul li a.active {
  border-bottom: 1px solid #3e9b43;
}

.sub-title-top.madecassolcare {
  background: url(/images/brand/w-madecassolcare-info-220216.png) no-repeat right -3rem center;
}

.sub-title-top.madecassolpowder {
  background: url(/images/brand/w-madecassolpowder-info-220216.png) no-repeat right -5rem center;
}

.sub-title-top.madecassol {
  background: url(/images/brand/w-madecassol-info.png) no-repeat right -5rem center;
}

.sub-title-top.madecassolcomplex {
  background: url(/images/brand/w-madecassolcomplex-info.png) no-repeat right -5rem center;
}

.sub-title-top.madecassolband {
  background: url(/images/brand/w-madecassolband-info.png) no-repeat right -4rem center;
}

.sub-title-top.madecassolbalm {
  background: url(/images/brand/w-madecassolbalm-info.png) no-repeat right -5rem center;
}

.sub-title-top.madecassolgel {
  background: url(/images/brand/w-madecassolgel-info-220216.png) no-repeat right -3rem center;
}

.f-made {
  color: #63b910;
}

.made-cam-btn-wrap {
  text-align: center;
  margin-top: 6.25rem;
}

a.made-cam-btn {
  display: inline-block;
  margin: 0 auto;
  padding: 1rem 10rem;
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  background: #63b910 url(/images/brand/w-madecassol-ev-1-3.png) no-repeat right 8.5rem center;
  background-size: 1.125rem;
}

.made-cam-wrap {
  display: none;
  margin-top: 6.25rem;
  background-color: #f6f7f9;
  padding: 3.75rem;
  border: 1px solid #e8e8e8;
}

.made-cam-wrap2 {
  margin-top: 6.25rem;
  background-color: #f6f7f9;
  padding: 3.75rem;
  border: 1px solid #e8e8e8;
}

.made-cam-text-1 {
  font-size: 1.313rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1px;
  color: #222222;
  width: fit-content;
  border-bottom: 1px solid #222222;
}

.made-cam-text-2 {
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  margin-top: 3.125rem;
}

.made-cam-text-3 {
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  margin-top: 2.5rem;
}

.made-cam-text-4 {
  font-size: 1.313rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1px;
  color: #222222;
}

.made-cam-text-5 {
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  margin-top: 1rem;
}

.made-cam-text-6 {
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  margin-top: 1rem;
  margin-bottom: -2.125rem;
}

.made-cam-text-7 {
  font-size: 1.125rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  margin-top: 1rem;
}

.made-cam-text-8 {
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  margin-top: 5rem;
  margin-bottom: 0.5rem;
}

.made-map-ul {
  margin-top: 3.125rem;
}

.made-map-ul li {
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  display: inline-block;
  width: 10%;
  margin-bottom: 0.75rem;
}

.made-map-ul2 {}

.made-map-ul2:after {
  content: "";
  display: block;
  clear: both;
}

.made-map-ul2 li {
  float: left;
  border: solid 1px #dedede;
  margin: -1px 0 0 -1px;
}

a.made-map-btn {
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  text-align: center;
  display: block;
  padding: 10px 20px;
  /* background-color: #63B910; */
}

.made-map-select-wrap {
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
}

.made-map-select-wrap label {
  display: inline-block;
  width: 10%;
}

input.input-made-map-select {
  width: 85%;
  padding: 0 1.35rem;
  height: 3.438rem;
  box-sizing: border-box;
  background-color: #ffffff;
}

.made-cam-table {
  border-top: 1px solid #e8e8e8;
  margin-top: 3.125rem;
}

.made-cam-table>tbody>tr>th {
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  text-align: center;
  color: #222222;
  padding: 1.875rem 0;
  width: 4rem;
  background-color: #f6f7f9;
  border-bottom: 1px solid #e8e8e8;
  vertical-align: top;
  white-space: nowrap;
}

.made-cam-table>tbody>tr>td {
  padding: 1.125rem 1.25rem;
  border-bottom: 1px solid #e8e8e8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.name-td {
  width: 29.5rem;
}

.made-cam-table td input {
  height: 3.438rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.made-cam-table .input-text {
  width: 17.3rem;
  padding: 0 1.35rem;
}

.made-cam-table .input-text.long {
  width: 99%;
}

.made-phone-wrap {
  white-space: nowrap;
}

.made-phone-wrap div {
  display: inline-block;
}

.made-phone-select select {
  width: 8rem;
  height: 3.438rem;
  padding-left: 0.5rem;
}

.made-phone-input input {
  width: 8rem;
  padding: 0 0.5rem;
}

.made-phone-dash {
  padding: 0 0.5rem;
  color: #dbdbdb;
}

.made-address-wrap {
  line-height: 4;
}

.free-book-form-wrap {
  position: relative;
  margin-top: 11.25rem;
  background-color: #f6f7f9;
  padding: 3.75rem;
  padding-top: 0;
  border: 1px solid #e8e8e8;
}

.free-book-form-top-wrap {
  position: absolute;
  left: 0;
  top: -5rem;
  width: 100%;
  height: 5rem;
}

.free-book-form-top-text-1 {
  font-size: 1.5rem;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 5rem;
  letter-spacing: -1px;
  color: #222222;
  text-align: center;
  width: 25rem;
  margin-left: -1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e8e8e8;
  border-bottom: 0;
  background-color: #f6f7f9;
}

.free-book-form-top-text-1-bg {
  display: block;
  width: 22.5rem;
  margin: 0 auto;
  background: url(/images/brand/free-book-form-top-icon.png) repeat-x center bottom;
}

.free-book-form-top-text-1 span {
  padding-right: 3rem;
  background: url(/images/brand/free-book-form-top-icon-1.png) no-repeat right 0.5rem center;
  -webkit-background-size: 1.875rem;
  background-size: 1.875rem;
}

.free-book-form-top-btn-wrap {
  position: absolute;
  top: 0;
  right: 0;
}

.free-book-form-top-btn-wrap a {
  font-size: 1.375rem;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 4.0625rem;
  letter-spacing: -1px;
  color: #fff;
  text-align: center;
  display: inline-block;
  width: 16.5rem;
  background-color: #246140;
  border-radius: 0.5rem;
}

.free-book-form-top-btn-wrap a:first-child {
  margin-right: 1rem;
}

.free-book-form-top-btn-wrap a span.icon-2 {
  padding-right: 2.875rem;
  background: url(/images/brand/free-book-form-top-icon-2.png) no-repeat right 0.5rem center;
  -webkit-background-size: 1.5rem;
  background-size: 1.5rem;
}

.free-book-form-top-btn-wrap a span.icon-3 {
  padding-right: 3rem;
  background: url(/images/brand/free-book-form-top-icon-3.png) no-repeat right 0.5rem center;
  -webkit-background-size: 1.6875rem;
  background-size: 1.6875rem;
}

.free-book-form-wrap .made-cam-table {
  border-top: 0;
  margin-top: 2rem;
}

/* 훼라민큐 */
.sub-top-visual.feraminq {
  background-color: #eec9db;
}

.sub-top-visual.feraminq .contents-wrap {
  background: url(/images/brand/w-feraminq-top-220721.png) no-repeat right 5rem center;
  background-size: auto 18.75rem;
}

.sub-top-tab.feraminq .sub-tab-ul li a:hover,
.sub-top-tab.feraminq .sub-tab-ul li a.active {
  color: #d96096;
}

.sub-top-tab.feraminq .sub-tab-ul li a.active {
  border-bottom: 3px solid #d96096;
}

.sub-top-sub-tab.feraminq .sub-tab-ul li a:hover,
.sub-top-sub-tab.feraminq .sub-tab-ul li a.active {
  color: #d96096;
}

.sub-top-sub-tab.feraminq .sub-tab-ul li a.active {
  border-bottom: 1px solid #d96096;
}

.sub-title-top.feraminq {
  position: relative;
  background: url(/images/brand/w-feraminq-info.png) no-repeat right -1rem center;
}

/* 판시딜 */
.sub-top-visual.pansidil {
  background-color: #bfe1e0;
}

.sub-top-visual.pansidil .contents-wrap {
  /* background: url(/images/brand/w-pansidil-top-211008.png) no-repeat right 10rem center;
	background-size: auto 18.75rem; */
}

.sub-top-tab.pansidil .sub-tab-ul li a:hover,
.sub-top-tab.pansidil .sub-tab-ul li a.active {
  color: #3faea6;
}

.sub-top-tab.pansidil .sub-tab-ul li a.active {
  border-bottom: 3px solid #3faea6;
}

.sub-top-sub-tab.pansidil .sub-tab-ul li a:hover,
.sub-top-sub-tab.pansidil .sub-tab-ul li a.active {
  color: #3faea6;
}

.sub-top-sub-tab.pansidil .sub-tab-ul li a.active {
  border-bottom: 1px solid #3faea6;
}

.sub-title-top.pansidil {
  background: url(/images/brand/w-pansidilcap-info.png) no-repeat right -1rem center;
}

.sub-title-top.pansidil-liq {
  background: url(/images/brand/w-pansidilliq-info.png) no-repeat right -5rem center;
}

/* 센시아 */
.sub-top-visual.censia {
  background-color: #c3d6e8;
}

.sub-top-visual.censia .contents-wrap {
  background: url(/images/brand/w-censia-top-220421.png) no-repeat right center;
  background-size: auto 18.75rem;
}

.sub-top-tab.censia .sub-tab-ul li a:hover,
.sub-top-tab.censia .sub-tab-ul li a.active {
  color: #2496d6;
}

.sub-top-tab.censia .sub-tab-ul li a.active {
  border-bottom: 3px solid #2496d6;
}

.sub-title-top.censia {
  background: url(/images/brand/w-censia-info-220622.png) no-repeat right -1rem center;
}

/* 오라메디 */
.sub-top-visual.oramedy {
  background-color: #dedcdf;
}

.sub-top-visual.oramedy .contents-wrap {
  background: url(/images/brand/w-oramedy-top-220216.png) no-repeat right center;
  background-size: auto 18.75rem;
}

.sub-top-tab.oramedy .sub-tab-ul li a:hover,
.sub-top-tab.oramedy .sub-tab-ul li a.active {
  color: #eb3c39;
}

.sub-top-tab.oramedy .sub-tab-ul li a.active {
  border-bottom: 3px solid #eb3c39;
}

.sub-top-sub-tab.oramedy .sub-tab-ul li a:hover,
.sub-top-sub-tab.oramedy .sub-tab-ul li a.active {
  color: #eb3c39;
}

.sub-top-sub-tab.oramedy .sub-tab-ul li a.active {
  border-bottom: 1px solid #eb3c39;
}

.sub-title-top.oramedy {
  background: url(/images/brand/w-oramedy-info-220216.png) no-repeat right -2rem center;
}

.sub-title-top.orabiten {
  background: url(/images/brand/w-orabiten-info.png) no-repeat right -2rem center;
}

.orabiten-img {
  max-width: 180px;
}

.sub-title-top.oramethyl {
  background: url(/images/brand/w-oramethyl-info.png) no-repeat right -5rem center;
}

.sub-title-top.orastick {
  background: url(/images/brand/w-orastick-info.png) no-repeat right -5rem center;
}

/* 치센 */
.sub-top-visual.cheesen {
  background-color: #b7dccc;
}

.sub-top-visual.cheesen .contents-wrap {
  background: url(/images/brand/w-cheesen-top-220907.png) no-repeat right center;
  background-size: auto 18.75rem;
}

.sub-top-tab.cheesen .sub-tab-ul li a:hover,
.sub-top-tab.cheesen .sub-tab-ul li a.active {
  color: #2e916d;
}

.sub-top-tab.cheesen .sub-tab-ul li a.active {
  border-bottom: 3px solid #2e916d;
}

.sub-top-sub-tab.cheesen .sub-tab-ul li a:hover,
.sub-top-sub-tab.cheesen .sub-tab-ul li a.active {
  color: #2e916d;
}

.sub-top-sub-tab.cheesen .sub-tab-ul li a.active {
  border-bottom: 1px solid #2e916d;
}

.sub-title-top.cheesen {
  background: url(/images/brand/w-cheesen-info-220302.png) no-repeat right -1rem center;
}

.sub-title-top.cheegel {
  background: url(/images/brand/w-cheegel-info.png) no-repeat right -4rem center;
}

/* 코앤텍 */
.sub-top-visual.coandtect {
  background-color: #91e0f1;
}

.sub-top-visual.coandtect .contents-wrap {
  background: url(/images/brand/w-coandtect-top.png) no-repeat right 10rem bottom;
  background-size: auto 16.6875rem;
}

.sub-top-tab.coandtect .sub-tab-ul li a:hover,
.sub-top-tab.coandtect .sub-tab-ul li a.active {
  color: #42b0c7;
}

.sub-top-tab.coandtect .sub-tab-ul li a.active {
  border-bottom: 3px solid #42b0c7;
}

.sub-title-top.coandtect {
  background: url(/images/brand/w-coandtect-info.png) no-repeat right 3rem center;
  -webkit-background-size: 20.5rem !important;
  background-size: 20.5rem !important;
}

/* 마인트롤 */
.sub-top-visual.minetrol {
  background-color: #dbe8c1;
}

/* minetrol 건강정보 메뉴 */
.sub-top-visual.minetrol .contents-wrap {
  background: url(/images/brand/w-minetrol-top.png) no-repeat right 5rem bottom;
  background-size: auto 14.5625rem;
}

.sub-top-tab.minetrol .sub-tab-ul li a:hover,
.sub-top-tab.minetrol .sub-tab-ul li a.active {
  color: #6d974d;
}

.sub-top-tab.minetrol .sub-tab-ul li a.active {
  border-bottom: 3px solid #6d974d;
}

.sub-title-top.minetrol {
  background: url(/images/brand/w-minetrol-info.png) no-repeat right center;
  background-size: 21.875rem !important;
}

.sub-top-visual.minetrol2 {
  background-color: #dbe8c1;
}

/* minetrol2 브랜드안내 메뉴 */
.sub-top-visual.minetrol2 .contents-wrap {
  background: url(/images/brand/w-minetrol-top2.png) no-repeat right bottom;
  background-size: auto 18.75rem;
}

.sub-top-tab.minetrol2 .sub-tab-ul li a:hover,
.sub-top-tab.minetrol2 .sub-tab-ul li a.active {
  color: #6d974d;
}

.sub-top-tab.minetrol2 .sub-tab-ul li a.active {
  border-bottom: 3px solid #6d974d;
}

.sub-title-top.minetrol2 {
  background: url(/images/brand/w-minetrol-story.png) no-repeat right center;
  background-size: 21.875rem !important;
}

/* 디펜스벅스 */
.sub-top-visual.depensbugs {
  background-color: #cae4f2;
}

.sub-top-visual.depensbugs .contents-wrap {
  background: url(/images/brand/w-bugs-1-top.png) no-repeat right center;
  background-size: auto 18.75rem;
}

.sub-top-tab.depensbugs .sub-tab-ul li a:hover,
.sub-top-tab.depensbugs .sub-tab-ul li a.active {
  color: #006daa;
}

.sub-top-tab.depensbugs .sub-tab-ul li a.active {
  border-bottom: 3px solid #006daa;
}

.sub-title-top.depensbugs {
  background: url(/images/brand/w-bugs-1-info.png) no-repeat right -5rem center;
}

.sub-top-sub-tab.depensbugs .sub-tab-ul li a:hover,
.sub-top-sub-tab.depensbugs .sub-tab-ul li a.active {
  color: #006daa;
}

.sub-top-sub-tab.depensbugs .sub-tab-ul li a.active {
  border-bottom: 1px solid #006daa;
}

/* 디펜스벅스 더블 */
/* .sub-top-visual.depensbugs-double { background-color: #b6e5cd; }
.sub-top-visual.depensbugs-double .contents-wrap {
	background: url(/images/brand/w-bugs-2-top.png) no-repeat right center;
	background-size: auto 18.75rem;
}
.sub-top-tab.depensbugs-double .sub-tab-ul li a:hover,
.sub-top-tab.depensbugs-double .sub-tab-ul li a.active { color: #006132; }
.sub-top-tab.depensbugs-double .sub-tab-ul li a.active { border-bottom: 3px solid #006132; } */
.sub-title-top.depensbugs-double {
  background: url(/images/brand/w-bugs-2-info.png) no-repeat right -5rem center;
}

/* 디펜스벅스 롤온 */
/* .sub-top-visual.depensbugs-rollon { background-color: #b7e2e6; }
.sub-top-visual.depensbugs-rollon .contents-wrap {
	background: url(/images/brand/w-bugs-3-top.png) no-repeat right center;
	background-size: auto 18.75rem;
}
.sub-top-tab.depensbugs-rollon .sub-tab-ul li a:hover,
.sub-top-tab.depensbugs-rollon .sub-tab-ul li a.active { color: #2ba4ae; }
.sub-top-tab.depensbugs-rollon .sub-tab-ul li a.active { border-bottom: 3px solid #2ba4ae; } */
.sub-title-top.depensbugs-rollon {
  background: url(/images/brand/w-bugs-3-info.png) no-repeat right -5rem center;
}

/* 타바겐 */
.sub-top-visual.tabagen {
  background-color: #cecaf3;
}

.sub-top-visual.tabagen .contents-wrap {
  background: url(/images/brand/w-tabagen-top.png) no-repeat right center;
  background-size: auto 18.75rem;
}

.sub-top-tab.tabagen .sub-tab-ul li a:hover,
.sub-top-tab.tabagen .sub-tab-ul li a.active {
  color: #6a209d;
}

.sub-top-tab.tabagen .sub-tab-ul li a.active {
  border-bottom: 3px solid #6a209d;
}

.sub-title-top.tabagen {
  background: url(/images/brand/w-tabagen-info.png) no-repeat right -5rem center;
}

/* 카리토포텐 */
.sub-top-visual.caritopoten {
  background-color: #669e81;
}

.sub-top-visual.caritopoten .contents-wrap {
  background: url(/images/brand/w-caritopoten-top-220919.png) no-repeat right 5rem bottom;
  background-size: auto 18.75rem;
}

.sub-top-tab.caritopoten .sub-tab-ul li a:hover,
.sub-top-tab.caritopoten .sub-tab-ul li a.active {
  color: #376741;
}

.sub-top-tab.caritopoten .sub-tab-ul li a.active {
  border-bottom: 3px solid #376741;
}

.sub-title-top.caritopoten {
  background: url(/images/brand/w-caritopoten-info.png) no-repeat right center;
  -webkit-background-size: 23.375rem !important;
  background-size: 23.375rem !important;
}

/* 구강건강 */
.sub-top-visual-2.periodontitis {
  background-color: #dedcdf;
}

.sub-top-visual-2.periodontitis .sub-top-information-product {
  background: url(/images/information/w-health-1-top-1-220216.png) no-repeat right bottom 1px;
  background-size: auto 16.5rem;
}

.sub-top-visual-2.stomatitis {
  background-color: #dedcdf;
}

.sub-top-visual-2.stomatitis .sub-top-information-product {
  background: url(/images/information/w-health-1-top-2-220216.png) no-repeat right -1rem top;
  background-size: auto 16.5rem;
}

.sub-top-tab.dental .sub-tab-ul li {
  width: 14.38rem;
}

.sub-top-tab.dental .sub-tab-ul li a:hover,
.sub-top-tab.dental .sub-tab-ul li a.active {
  color: #eb3c39;
}

.sub-top-tab.dental .sub-tab-ul li a.active {
  border-bottom: 3px solid #eb3c39;
}

/* 피부건강 */
.sub-top-visual-2.wound {
  background-color: #cee2c5;
}

.sub-top-visual-2.wound .sub-top-information-product {
  background: url(/images/information/w-health-2-top-1.png) no-repeat right bottom 1px;
  background-size: auto 16.5rem;
}

.sub-top-tab.wound .sub-tab-ul li {
  width: 14.38rem;
}

.sub-top-tab.wound .sub-tab-ul li a:hover,
.sub-top-tab.wound .sub-tab-ul li a.active {
  color: #3e9b43;
}

.sub-top-tab.wound .sub-tab-ul li a.active {
  border-bottom: 3px solid #3e9b43;
}

/* 여성건강 */
.sub-top-visual-2.climacterium {
  background-color: #eec9db;
}

.sub-top-visual-2.climacterium .sub-top-information-product {
  background: url(/images/information/w-health-3-top-1.png) no-repeat right bottom 1px;
  background-size: auto 16.5rem;
}

.sub-top-visual-2.vein {
  background-color: #c3d6e8;
}

.sub-top-visual-2.vein .sub-top-information-product {
  background: url(/images/information/w-health-3-top-2-220216.png) no-repeat right bottom 1px;
  background-size: auto 15rem;
}

.sub-top-tab.woman .sub-tab-ul li {
  width: 14.38rem;
}

.sub-top-tab.climacterium .sub-tab-ul li a:hover,
.sub-top-tab.climacterium .sub-tab-ul li a.active {
  color: #d96096;
}

.sub-top-tab.climacterium .sub-tab-ul li a.active {
  border-bottom: 3px solid #d96096;
}

.sub-top-tab.vein .sub-tab-ul li a:hover,
.sub-top-tab.vein .sub-tab-ul li a.active {
  color: #2496d6;
}

.sub-top-tab.vein .sub-tab-ul li a.active {
  border-bottom: 3px solid #2496d6;
}

/* 두피건강 */
.sub-top-visual-2.hair {
  background-color: #bfe1e0;
}

.sub-top-visual-2.hair .sub-top-information-product {
  background: url(/images/information/w-health-4-top-1.png) no-repeat right bottom 1px;
  background-size: auto 16.5rem;
}

.sub-top-tab.hair .sub-tab-ul li {
  width: 14.375rem;
}

.sub-top-tab.hair .sub-tab-ul li a:hover,
.sub-top-tab.hair .sub-tab-ul li a.active {
  color: #3faea6;
}

.sub-top-tab.hair .sub-tab-ul li a.active {
  border-bottom: 3px solid #3faea6;
}

/* 치질예방 */
.sub-top-visual-2.haemorrhoids {
  background-color: #b3d7c8;
}

.sub-top-visual-2.haemorrhoids .sub-top-information-product {
  background: url(/images/information/w-health-5-top-1-220302.png) no-repeat right bottom 1px;
  background-size: auto 16.5rem;
}

.sub-top-tab.haemorrhoids .sub-tab-ul li {
  width: 14.38rem;
}

.sub-top-tab.haemorrhoids .sub-tab-ul li a:hover,
.sub-top-tab.haemorrhoids .sub-tab-ul li a.active {
  color: #2e916d;
}

.sub-top-tab.haemorrhoids .sub-tab-ul li a.active {
  border-bottom: 3px solid #2e916d;
}

/* 마인트롤 */
.sub-top-visual-2.minetrol {
  background-color: #dbe8c1;
}

.sub-top-visual-2.minetrol .sub-top-information-product {
  background: url(/images/information/mintrol-img-1.png) no-repeat right 7rem bottom 1rem;
  background-size: 16.625rem;
}

/* 코앤텍 */
.sub-top-visual-2.coandtect {
  background-color: #bfe6f0;
}

.sub-top-visual-2.coandtect .sub-top-information-product {
  background: url(/images/information/w-health-7-top-1.png) no-repeat right bottom;
  background-size: 25.875rem;
}

.sub-top-tab.allergy .sub-tab-ul li {
  width: 14.375rem;
}

.sub-top-tab.coandtect .sub-tab-ul li a:hover,
.sub-top-tab.coandtect .sub-tab-ul li a.active {
  color: #06ace1;
}

.sub-top-tab.coandtect .sub-tab-ul li a.active {
  border-bottom: 3px solid #06ace1;
}

/* 카리토포텐 전립선건강 */
.sub-top-visual-2.caritopoten {
  background-color: #ebe2d7;
}

.sub-top-visual-2.caritopoten .sub-top-information-product {
  background: url(/images/information/w-health-caritopoten.png) no-repeat right 3.75rem bottom 1rem;
  background-size: auto 14.625rem;
}

.sub-top-tab.caritopoten.information .sub-tab-ul li {
  width: 14.38rem;
}

.sub-top-tab.caritopoten.information .sub-tab-ul li a:hover,
.sub-top-tab.caritopoten.information .sub-tab-ul li a.active {
  color: #876e4f;
}

.sub-top-tab.caritopoten.information .sub-tab-ul li a.active {
  border-bottom: 3px solid #876e4f;
}

.sub-top-visual-2.caritopoten .sub-top-information-product-text,
.sub-top-visual-2.caritopoten .sub-top-information-product-link {
  right: 21rem;
}

/* 노이텍 */
.sub-top-visual-2.noitec {
  background-color: #f0f5d6;
}

.sub-top-visual-2.noitec .sub-top-information-product {
  background: url(/images/information/w-health-9-top-1.png) no-repeat right bottom;
  background-size: 23.875rem;
}

.sub-top-tab.noitec .sub-tab-ul li {
  width: 14.375rem;
}

.sub-top-tab.noitec .sub-tab-ul li a:hover,
.sub-top-tab.noitec .sub-tab-ul li a.active {
  color: #00752d;
}

.sub-top-tab.noitec .sub-tab-ul li a.active {
  border-bottom: 3px solid #00752d;
}

.noitec_img_box {
  border: 1px solid #e9e9e9;
  background-color: #f6f7f9;
  padding: 50px 0;
  text-align: center;
  width: 100%;
  margin-top: 30px;
}

.noitec-text-1 {
  letter-spacing: -1px;
  font-family: "Noto Sans KR";
  font-size: 18px;
  font-weight: 400;
  word-break: keep-all;
  line-height: 1.6;
  color: #222;
}

.noitec-text-2 {
  letter-spacing: -1px;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #666;
  margin-top: 1.25rem;
}

.noitec-text-3 {
  letter-spacing: -1px;
  font-family: "Noto Sans KR";
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  color: #222;
  margin-top: 1.25rem;
}

.noitec-hr {
  width: 100%;
  height: 0;
  border: 0;
  border-top: solid 1px #e8e8e8;
  margin: 2.5rem 0;
}

.noitec-table {
  width: 100%;
}

.noitec-table caption {
  text-align: left;
  letter-spacing: -0.89px;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  color: #222;
  margin-bottom: 1.25rem;
}

.noitec-table th,
.noitec-table td {
  border: 1px solid #e9e9e9;
  padding: 0.875rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noitec-table th {
  text-align: center;
  letter-spacing: -0.89px;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  color: #222;
  background-color: #f6f7f9;
}

.noitec-table td {
  text-align: center;
  letter-spacing: -0.89px;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5rem;
  color: #222;
}

.noitec-table td.color_bg_y {
  background-color: #fffcd3;
}

/* 브랜드소식 */
.sub-top-visual-3.board {
  background-color: #f2f2f2;
}

.sub-top-visual-3.board .contents-wrap {
  background: url(/images/board/w-sub-3-top.png) no-repeat right bottom;
  background-size: auto 12.44rem;
}

/* 고객의 소리 */
.sub-top-visual-3.cs {
  background-color: #f2f2f2;
}

.sub-top-visual-3.cs .contents-wrap {
  background: url(/images/cs/w-sub-4-top.png) no-repeat right bottom;
  background-size: auto 12.44rem;
}

.sub-top-tab.inquiry .sub-tab-ul li a:hover,
.sub-top-tab.inquiry .sub-tab-ul li a.active {
  color: #006daa;
}

.sub-top-tab.inquiry .sub-tab-ul li a.active {
  border-bottom: 3px solid #006daa;
}

/* 이용약관 등 */
.sub-top-visual-3.info {
  background-color: #f2f2f2;
}

.sub-top-visual-3.info .contents-wrap {
  background: url(/images/info/w-sub-5-top.png) no-repeat right -5rem center;
  background-size: auto 100%;
}

.sub-top-tab.info .sub-tab-ul li a:hover,
.sub-top-tab.info .sub-tab-ul li a.active {
  color: #205696;
}

.sub-top-tab.info .sub-tab-ul li a.active {
  border-bottom: 3px solid #205696;
}

/* ************ */
.sub-title-small {
  font-family: Helvetica;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.53;
  letter-spacing: normal;
  color: #222222;
  margin-top: 1.625rem;
}

.sub-contents-wrap-type1-h3 {
  font-size: 2rem;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1px;
  color: #222222;
}

.sub-contents-wrap-type1-h3.coandtect {
  font-size: 1.75rem;
}

.sub-contents-wrap-type1-p {
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  margin-top: 1.875rem;
  word-break: keep-all;
}

.sub-contents-wrap-type2-p {
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  padding-top: 1.875rem;
  border-top: 2px solid #222222;
}

.sub-contents-wrap-type3-p {
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  margin-top: 3rem;
}

.pansidil-story-contents-wrap {
  position: relative;
  padding-bottom: 5rem;
}

.sub-contents-wrap-type1.pansidil .sub-contents-wrap-type1-h3,
.sub-contents-wrap-type1.pansidil .sub-contents-wrap-type1-p,
.sub-contents-wrap-type1.pansidil .sub-contents-wrap-type3-p {
  width: 55%;
}

.sub-contents-wrap-type1.pansidil .sub-contents-wrap-type1-p sup {
  top: -0.4em;
  font-size: 0.75rem;
}

/* .sub-contents-wrap-type1.pansidil .story-img-wrap.pansidil {
	width: 40%;
	position: absolute;
	top: 3rem;
	right: 2rem;
	float: none;
	margin: 0;
	padding: 0;
	z-index: 2;
}
.sub-contents-wrap-type1.pansidil .story-img-wrap.pansidil1 {
	width: 35%;
	position: absolute;
	top: 30rem;
	left: 55%;
	float: none;
	margin: 0;
	padding: 0;
	z-index: 2;
}
.sub-contents-wrap-type1.pansidil .story-img-wrap.pansidil2 {
	width: 47%;
	position: absolute;
	top: -1rem;
	left: 51%;
	float: none;
	margin: 0;
	padding: 0;
	z-index: 1;
}
.sub-contents-wrap-type1.pansidil .story-img-wrap.pansidil3 {
	width: 33rem;
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	margin-top: 2rem;
	z-index: -1;
}
.sub-contents-wrap-type1.pansidil .story-img-wrap.pansidil2 .pansidil-story-img-1 {
	width: 100%;
}
.sub-contents-wrap-type1.pansidil .story-img-wrap.pansidil2 .pansidil-story-img-2 {
	width: 100%;
} */
.insadolplus-story-img {
  float: right;
  width: 40rem;
  margin-top: 2rem;
}

.madecassol-story-img,
.feraminq-story-img,
.censia-story-img {
  float: right;
  width: 44.1875rem;
}

.story-img-wrap {
  float: right;
  width: 44.1875rem;
  margin-right: -12rem;
  margin-top: 4rem;
  padding-left: 2rem;
  padding-bottom: 3rem;
}

.story-img-wrap.pansidil2 {
  float: right;
  width: 44.1875rem;
  margin-right: -12rem;
  margin-top: 4rem;
  padding-left: 2rem;
  padding-bottom: 3rem;
}

.story-img-wrap.minetrol {
  margin-top: 8rem;
  padding-bottom: 0;
}

.story-img-wrap.coandtect {
  width: 24.1875rem;
  margin-right: 8rem;
  margin-top: 0;
  padding-left: 0;
  padding-bottom: 0;
}

.story-img-wrap.caritopoten {
  width: 42rem;
  min-height: 40rem;
  margin-top: 8rem;
  margin-right: -8rem;
  padding-bottom: 0;
  padding-left: 0;
}

.pansidil-story-img {
  width: 44.1875rem;
}

.cheesen-story-img {
  float: right;
  width: 44.19rem;
  margin-top: 2rem;
}

.oramedy-story-img {
  float: right;
  width: 33.38rem;
  margin-top: -1rem;
  margin-right: 12rem;
}

.minetrol-story-img {
  float: right;
  width: 41.875rem;
  margin-right: 0;
  padding-bottom: 5rem;
}

.minetrol-story-btn-wrap {
  text-align: center;
}

.minetrol-story-btn-wrap img {
  margin: 0 0.25rem;
  width: 14.375rem;
}

.story-btn-wrap {
  text-align: center;
}

.story-btn-wrap img {
  margin: 0 0.25rem;
  width: 14.375rem;
}

.story-btn-wrap.btn3 img {
  width: 11rem;
}

.coandtect-story-img {
  float: right;
  width: 24.1875rem;
}

.caritopoten-story-img {
  float: right;
  width: 42rem;
  margin-right: -2rem;
  padding-bottom: 5rem;
}

.ref-wrap {
  margin-top: 1.875rem;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.5;
  letter-spacing: normal;
  color: #222222;
}

.ref-wrap strong {
  font-family: Helvetica;
  font-weight: bold;
}

.ref-wrap .ref-dl dd+dd {
  margin-left: 7px;
}

.ref-dl {}

.ref-dl dt,
.ref-dl dd {
  display: inline-block;
}

.ref-dl.multiline {
  display: table;
  line-height: 1.67;
}

.ref-dl.multiline dt {
  display: table-cell;
  width: 2.875rem;
}

.ref-bar {
  display: inline-block;
  width: 0;
  height: 10px;
  border-right: solid 1px #dadada;
  margin: 0 5px;
}

.story-video-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  background-color: #000000;
}

.story-video-wrap video {
  position: absolute;
  width: 100%;
  height: 100%;
}

.youtube-ul li {
  float: left;
  width: 32%;
  margin-left: 2%;
}

.youtube-ul li:first-child {
  margin-left: 0;
}

.youtube-ul .youtube-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

.youtube-ul .youtube-wrap iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

.youtube-ul .youtube-title {
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1px;
  color: #222222;
  margin-top: 1.25rem;
}

.advt-ul li {
  float: left;
  width: 32%;
  margin-left: 2%;
}

.advt-ul li:first-child {
  margin-left: 0;
}

.advt-ul .advt-wrap {
  position: relative;
}

.advt-ul .advt-wrap a:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 1.25rem;
  right: 1.25rem;
  width: 2.813rem;
  height: 2.813rem;
  background: url(/images/common/w-mv-play.png) no-repeat right bottom;
  background-size: 2.813rem;
}

.advt-ul .advt-title {
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1px;
  color: #222222;
  margin-top: 1.25rem;
}

.sub-product-table {
  border-top: 2px solid #222222;
  border-bottom: 2px solid #222222;
}

.sub-product-table th,
.sub-product-table td {
  padding: 25px 0;
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  border-bottom: 1px solid #e8e8e8;
}

.sub-product-table th {
  font-weight: bold;
  text-align: left;
  width: 220px;
  vertical-align: top;
}

.sub-product-table tr.on th,
.sub-product-table tr.on td,
.sub-product-detail-tr.manual th,
.sub-product-detail-tr.manual td {
  border-bottom: 0;
}

.sub-product-open {}

.sub-product-detail-tr {
  display: none;
}

.sub-product-detail-tr.manual td {
  padding: 0;
}

.sub-product-detail-td {
  padding: 0 !important;
}

.sub-product-detail {
  background-color: #f6f7f9;
  padding: 60px;
  border: 1px solid #e8e8e8;
}

.sub-product-detail-title {
  font-size: 1.125rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
}

.sub-product-detail-p {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -1px;
  color: #222222;
  padding: 50px 0;
}

.sub-product-detail-hr {
  border-top: 1px solid #dadada;
}

.sub-product-detail-p2 {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.14;
  letter-spacing: -1px;
  color: #222222;
  padding-top: 50px;
}

.sub-product-detail-sup {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.14;
  letter-spacing: -1px;
  color: #222222;
  display: block;
  margin-top: 20px;
}

.sub-product-detail-logo {
  float: right;
}

#btn-sub-product-open {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.125rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  text-align: center;
  padding: 25px 0;
}

#btn-sub-product-open .btn-sub-product-arrow {
  display: inline-block;
  width: 18px;
  height: 11px;
  margin-left: 15px;
  background: url(/images/common/w-list-more.png) no-repeat center center;
}

#btn-sub-product-open .btn-sub-product-arrow.on {
  background: url(/images/common/w-list-less.png) no-repeat center center;
}

.hyobox-wrap {
  margin-top: 3.75rem;
  height: 77rem;
  background: url(/images/brand/w-hyobox-bg-2107.jpg) no-repeat center center;
  background-size: contain;
}

.hyobox-contents-wrap {
  padding-top: 30rem;
  width: 90%;
  margin: 0 auto;
}

.hyobox-text-1 {
  font-size: 1.25rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.58;
  letter-spacing: -1px;
  color: #157fa7;
  padding: 3rem 0 1.25rem;
}

input.hyobox-name {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #b2b2b2;
  font-size: 1.25rem;
}

textarea.hyobox-message {
  width: 100%;
  height: 16rem;
  border: 2px solid #b2b2b2;
  resize: none;
  font-size: 1.25rem;
}

.hyobox-submit {
  width: 20.375rem;
  height: 5.125rem;
  background: url(/images/brand/w-hyobox-btn.png) no-repeat center center;
  background-size: contain;
  border: 0;
  margin-top: 3rem;
}

.campaign-ul {
  margin-top: 3.75rem;
}

.campaign-ul li {
  float: left;
  width: 48%;
  margin-left: 4%;
  border-top: 2px solid #222222;
}

.campaign-ul li:first-child {
  margin-left: 0;
}

.campaign-ul2 {
  margin-top: 3.75rem;
}

.campaign-ul2 li {
  float: left;
  width: 48%;
  margin-left: 4%;
  margin-bottom: 2.5rem;
}

.campaign-ul2 li:nth-child(odd) {
  margin-left: 0;
}

.campaign-ul2 li:nth-child(n + 3) {
  margin-bottom: 0;
}

.campaign-title {
  font-size: 1.188rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.58;
  letter-spacing: -1px;
  color: #222222;
  padding: 1.438rem 0 2.938rem;
}

.campaign-desc {
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  margin: 1.875rem 0;
}

.censia-webtoon-tab {
  width: 100%;
  height: 4.375rem;
  border: solid 1px #e8e8e8;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 10rem;
}

.censia-webtoon-tab a {
  font-size: 1.125rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 4.375rem;
  letter-spacing: -1px;
  text-align: center;
  color: #222222;
  float: left;
  width: 50%;
  height: 4.375rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.censia-webtoon-tab a:nth-child(2) {
  border-left: solid 1px #e8e8e8;
}

.censia-webtoon-tab a.on {
  color: #84ba26;
  border-bottom: 3px solid #84ba26;
}

.censia-webtoon-wrap {
  display: none;
}

.censia-webtoon-wrap.on {
  display: block;
}

.censia-webtoon-bg {
  position: relative;
  min-height: 16.88rem;
  background: url(/images/brand/w-censia-comic-title.png) no-repeat center center;
  background-size: auto 16.88rem;
  margin-top: 3.125rem;
}

.censia-webtoon-wrap#censia-insta .censia-webtoon-bg {
  background-image: url(/images/brand/w-censia-insta-title.png);
}

.censia-webtoon-text-1 {
  font-size: 2rem;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1px;
  color: #ffffff;
  padding: 4rem 0 0 50%;
}

.censia-webtoon-wrap#censia-insta .censia-webtoon-text-1 {
  padding-top: 3rem;
}

.censia-webtoon-text-2 {
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #ffffff;
  padding: 1rem 0 0 50%;
}

.censia-webtoon-text-3 {
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #ffffff;
  padding: 1rem 2.125rem 0 0;
  text-align: right;
}

.censia-webtoon-wrap#censia-insta .censia-webtoon-text-3 {
  padding-top: 0;
}

.censia-webtoon-text-4 {
  font-size: 1.5em;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: -1px;
  color: #ffffff;
  padding: 0 0 0 50%;
}

.censia-webtoon-text-5 {
  font-size: 1.5em;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: -1px;
  color: #ffe035;
  padding: 0 0 0 50%;
}

.censia-webtoon-ul {
  margin-top: 3.125rem;
}

.censia-webtoon-ul li {
  float: left;
  width: 23.5%;
  margin-left: 2%;
}

.censia-webtoon-ul li:nth-child(4n -3) {
  margin-left: 0;
}

.webtoon-title {
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1px;
  color: #222222;
  margin: 1.25rem 0 2.5rem;
}

.censia-img-wrap {
  margin-top: 5rem;
  text-align: center;
}

.censia-img-2 {
  margin-top: 2rem;
}

.btn-feraminqueen-wrap {
  text-align: center;
  margin-top: 6.25rem;
}

.btn-feraminqueen {
  display: inline-block;
  width: 18.75rem;
  height: 4.5rem;
  line-height: 4.5rem;
  border-radius: 5px;
  border: 2px solid #222222;
  font-size: 1.125rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -1px;
  color: #222222;
}

.feraminq-class-img-1 {
  margin-top: 2rem;
  text-align: center;
}

.feraminq-class-img-1 img {
  width: 48.4375rem;
}

.feraminq-class-slider-wrap {
  width: 100%;
  height: 691px;
  margin: 3rem 0;
}

.feraminq-class-slider-ul {}

.feraminq-class-slider-wrap .slick-slide {
  height: 691px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
}

.feraminq-class-slider-wrap .slick-slide.slide-1 {
  background-image: url(/images/brand/w-class-img-1.png);
}

.feraminq-class-slider-wrap .slick-slide.slide-2 {
  background-image: url(/images/brand/w-class-img-2.png);
}

.feraminq-class-slider-wrap .slick-slide.slide-3 {
  background-image: url(/images/brand/w-class-img-3.png);
}

.feraminq-class-slider-wrap .slick-slide.slide-4 {
  background-image: url(/images/brand/w-class-img-4.png);
}

.feraminq-class-slider-wrap .slick-slide.slide-5 {
  background-image: url(/images/brand/w-class-img-5.png);
}

.feraminq-class-slider-wrap .slick-slide.slide-6 {
  background-image: url(/images/brand/w-class-img-6.png);
}

.feraminq-class-slider-wrap .slick-slide.slide-7 {
  background-image: url(/images/brand/w-class-img-7.png);
}

.feraminq-class-slider-wrap .slick-prev,
.feraminq-class-slider-wrap .slick-next {
  font-size: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 2.3125rem;
  height: 3.5625rem;
  margin-top: -1.875rem;
  z-index: 1;
  border: 0;
  outline: 0;
}

.feraminq-class-slider-wrap .slick-prev {
  left: 1.5rem;
  background: url(/images/common/w-arrow-left.png) no-repeat center center;
}

.feraminq-class-slider-wrap .slick-next {
  right: 1.5rem;
  background: url(/images/common/w-arrow-right.png) no-repeat center center;
}

.feraminq-class-slider-wrap .slick-dots {
  left: auto;
  bottom: 2rem;
  width: 100%;
}

.feraminq-class-slider-wrap .slick-dots li button:before {
  opacity: 0.5;
  color: #fff;
}

.feraminq-class-slider-wrap .slick-dots li.slick-active button:before {
  opacity: 1;
}

.sub-top-guide {
  position: absolute;
  bottom: 0.5rem;
  right: 0;
  font-size: 1.25rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1px;
  color: #666666;
}

.depensbugs-mountain-wrap {
  margin-top: 5rem;
  position: relative;
}

.depensbugs-mountain-wrap:after {
  content: "";
  display: block;
  clear: both;
}

.depensbugs-mountain-img-wrap {
  float: left;
  width: 37.5%;
  margin-top: 1rem;
}

.depensbugs-mountain-board-wrap {
  float: left;
  width: 60%;
  margin-left: 2.5%;
  margin-top: 1rem;
}

.depensbugs-mountain-board-wrap .board-table {
  margin-top: 0;
}

.depensbugs-mountain-board-wrap .board-table .board-road {
  width: 40%;
}

/* .depensbugs-mountain-board-wrap .board-table td {
	height: auto !important;
	padding: 1.375rem 0;
}
.depensbugs-mountain-board-wrap .pagination-wrap {
	position: absolute;
	bottom: 0;
	left: 40%;
	width: 60%;
} */
/*** sub end ***/

/*** information start ***/
.periodontitis-contents-wrap h3 {
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.6px;
  color: #222222;
}

.periodontitis-contents-wrap p {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  margin: 10px 0;
}

.periodontitis-text-1 {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -1px;
  color: #222222;
  margin-top: 1.25rem;
}

.periodontitis-img-wrap-1 {
  background-color: #f6f7f9;
  border: 1px solid #e9e9e9;
  padding: 3.125rem 0;
  margin-top: 1.25rem;
}

.periodontitis-img-1 {
  position: relative;
  width: 52rem;
  margin: 0 auto;
  min-height: 12.5rem;
  background: url(/images/information/w-health-1-img-1.png) no-repeat center center;
  background-size: 32.31rem;
}

.periodontitis-img-caption {
  position: absolute;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: -1px;
  color: #222222;
}

.periodontitis-img-caption strong {
  display: block;
  margin-bottom: 0.375rem;
}

.periodontitis-img-caption.item-1 {
  top: 1.7rem;
  left: 5rem;
}

.periodontitis-img-caption.item-2 {
  top: 0.2rem;
  left: 39rem;
}

.periodontitis-img-caption.item-3 {
  top: 8.2rem;
  left: 39rem;
}

.periodontitis-img-wrap-2 {
  display: table;
  width: 100%;
  box-sizing: border-box;
  background-color: #f6f7f9;
  border: 1px solid #e9e9e9;
  padding: 1.875rem 2.5rem;
  margin-top: 1.25rem;
}

.periodontitis-img-2 {
  display: table-cell;
  width: 10.63rem;
}

.periodontitis-img-2-caption {
  display: table-cell;
  padding-left: 3.75rem;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
}

.periodontitis-img-2-caption .periodontitis-img-2-caption-title {
  display: inline-block;
  vertical-align: top;
}

.periodontitis-img-2-caption .periodontitis-img-2-caption-desc {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1.125rem;
}

.periodontitis-img-wrap-3 {
  background-color: #f6f7f9;
  border: 1px solid #e9e9e9;
  padding: 3.125rem 0;
  margin-top: 1.5rem;
}

.periodontitis-img-3 {
  position: relative;
  width: 61.38rem;
  min-height: 19.19rem;
  background: url(/images/information/w-health-1-img-4.png) no-repeat center center;
  background-size: 100%;
  margin: 0 auto;
  margin-bottom: 2.5rem;
}

.periodontitis-img-3-caption {
  position: absolute;
  font-size: 0.9375rem;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: -0.6px;
  text-align: center;
  color: #222222;
}

.periodontitis-img-3-caption.text {
  width: 8.125rem;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -1px;
  text-align: center;
  color: #ffffff;
}

.periodontitis-img-3-caption.item-0 {
  font-size: 1.5rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: -1px;
  text-align: center;
  color: #ffffff;
  top: 50%;
  left: 50%;
  margin-left: -2.4rem;
  margin-top: -1.875rem;
}

.periodontitis-img-3-caption.item-1 {
  top: 1.2rem;
  left: 0.9rem;
}

.periodontitis-img-3-caption.item-2 {
  top: 6.2rem;
  left: 0.9rem;
}

.periodontitis-img-3-caption.item-3 {
  top: 11.2rem;
  left: 0.9rem;
}

.periodontitis-img-3-caption.item-4 {
  top: 16.2rem;
  left: 1.4rem;
}

.periodontitis-img-3-caption.item-5 {
  top: 16.2rem;
  left: 12.9rem;
}

.periodontitis-img-3-caption.item-6 {
  top: 1.2rem;
  right: 0.9rem;
}

.periodontitis-img-3-caption.item-7 {
  top: 6.2rem;
  right: 0.9rem;
}

.periodontitis-img-3-caption.item-8 {
  top: 11.2rem;
  right: 0.9rem;
}

.periodontitis-img-3-caption.item-9 {
  top: 16.2rem;
  right: 1.4rem;
}

.periodontitis-img-3-caption.item-11 {
  top: 1.2rem;
  left: 4rem;
}

.periodontitis-img-3-caption.item-12 {
  top: 6.2rem;
  left: 4rem;
}

.periodontitis-img-3-caption.item-13 {
  top: 11.2rem;
  left: 4rem;
}

.periodontitis-img-3-caption.item-14 {
  top: 16.2rem;
  left: 4rem;
}

.periodontitis-img-3-caption.item-15 {
  top: 1.2rem;
  right: 4rem;
}

.periodontitis-img-3-caption.item-16 {
  top: 6.2rem;
  right: 4rem;
}

.periodontitis-img-3-caption.item-17 {
  top: 11.2rem;
  right: 4rem;
}

.periodontitis-img-3-caption.item-18 {
  top: 16.2rem;
  right: 4rem;
}

.periodontitis-ref-1 {
  border-top: 1px solid #dadada;
  width: 90%;
  margin: 0 auto;
  margin-top: 1.563rem;
  padding-left: 1.25rem;
}

.periodontitis-text-2 {
  margin-top: 1.25rem;
  margin-bottom: 1.875rem;
}

.pq-wrap {
  background-color: #f6f7f9;
  border: 1px solid #e9e9e9;
}

.pq-step1-wrap {
  padding: 5rem 6.25rem;
}

.pq-text-1 {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
}

.pq-text-2 {
  font-size: 2.813rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -2px;
  color: #222222;
}

.pq-text-2-1 {
  font-weight: bold;
  color: #0a3a6a;
}

.pq-text-2-2 {
  font-weight: bold;
  color: #68ad3d;
}

.pq-text-2-3 {
  font-family: Helvetica;
  font-size: 3.125rem;
  font-weight: bold;
  color: #68ad3d;
}

.pq-text-3-wrap {
  position: relative;
  border: 1px solid #68ad3d;
  padding: 2.5rem 3.75rem;
  margin-top: 2.5rem;
  background-color: #ffffff;
}

.pq-text-3-title {
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.39;
  letter-spacing: -1.1px;
  color: #222222;
}

.pq-text-3-desc {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -1px;
  color: #666666;
  margin-top: 0.625rem;
}

.pq-img-1 {
  position: absolute;
  top: -12rem;
  right: 1rem;
  width: 19.69rem;
}

.pq-step1-bottom {
  margin-top: 1.875rem;
  text-align: right;
}

.pq-text-4 {
  float: left;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -1px;
  color: #222222;
  text-align: left;
}

.pq-text-4 a {
  text-decoration: underline;
}

.pq-img-2-wrap,
.pq-img-3-wrap {
  display: inline-block;
  margin-left: 1.875rem;
  margin-top: 0.5rem;
}

.pq-img-2-wrap span,
.pq-img-3-wrap span {
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.5;
  letter-spacing: -0.7px;
  color: #222222;
  margin-right: 0.75rem;
  vertical-align: top;
}

.pq-step1-btn-wrap {
  margin-top: 5rem;
  text-align: center;
}

a.pq-step1-btn {
  display: inline-block;
  width: 18.75rem;
  height: 5rem;
  line-height: 5rem;
  background-color: #0a3a6a;
  border-radius: 0.3125rem;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -1px;
  text-align: center;
  color: #ffffff;
}

.pq-arrow {
  width: 1.188rem;
  margin-left: 0.5rem;
}

.pq-step2-hr {
  display: none;
  width: 90%;
  margin: 0 auto;
  border-top: 1px solid #dadada;
}

.pq-step2-wrap {
  display: none;
  position: relative;
  padding: 3.75rem 6.25rem 5rem 6.25rem;
}

.pq-text-5 {
  font-size: 1.875rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.8px;
  color: #222222;
  text-align: center;
}

.pq-text-5-1 {
  font-family: Helvetica;
  font-size: 35px;
  font-weight: bold;
  letter-spacing: -1.2px;
  color: #68ad3d;
}

.pq-text-5-2 {
  font-weight: bold;
  color: #68ad3d;
}

.pq-text-6 {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -1px;
  text-align: center;
  color: #222222;
  margin-top: 0.625rem;
}

.pq-text-7 {
  font-size: 1.313rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.6px;
  text-align: center;
  color: #222222;
  margin-top: 2.5rem;
}

.pq-check-table {
  width: 100%;
  border-top: 2px solid #222222;
  margin-top: 1.875rem;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
}

.pq-check-table td {
  padding: 1.563rem 0;
  background-color: #ffffff;
  border-bottom: 1px solid #e8e8e8;
}

.pq-check-table td:nth-child(1) {
  width: 5rem;
  text-align: center;
  font-family: Helvetica;
  font-size: 18px;
  font-weight: bold;
}

.pq-check-table td:nth-child(2) {
  padding-left: 1.25rem;
}

.pq-check-table td:nth-child(3) {
  width: 5rem;
  text-align: center;
}

.pq-step2-btn-wrap {
  margin-top: 3.75rem;
  text-align: center;
}

a.pq-step2-btn {
  display: inline-block;
  width: 18.75rem;
  height: 5rem;
  line-height: 5rem;
  background-color: #0a3a6a;
  border-radius: 0.3125rem;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -1px;
  text-align: center;
  color: #ffffff;
}

.pq-result-layer {
  top: 5rem;
  left: 13.13rem;
  box-sizing: border-box;
  width: 48.75rem;
  padding: 3.75rem 2.5rem 2.5rem 2.5rem;
  background-color: #f6f7f9;
}

.pq-result-text-1 {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
}

.pq-result-text-2 {
  font-size: 2.813rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.24;
  letter-spacing: -2px;
  color: #222222;
  margin-top: 0.875rem;
}

.pq-result-text-2-1 {
  font-family: Helvetica;
  font-size: 3.125rem;
  font-weight: bold;
  color: #68ad3d;
}

.pq-result-text-2-2 {
  font-weight: bold;
  color: #68ad3d;
}

.pq-result-text-2-3 {
  font-family: Helvetica;
  font-size: 3.125rem;
  font-weight: bold;
  letter-spacing: normal;
  color: #ec5c5c;
}

.pq-result-text-2-4 {
  font-weight: bold;
  color: #ec5c5c;
}

.pq-result-text-3-wrap {
  position: relative;
  border: 1px solid #68ad3d;
  padding: 2.5rem;
  margin-top: 1.875rem;
  background-color: #ffffff;
}

.pq-result-text-3-title {
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.39;
  letter-spacing: -1.1px;
  color: #222222;
}

.pq-result-text-3-desc {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -1px;
  color: #666666;
  margin-top: 0.625rem;
}

.pq-result-img-1 {
  position: absolute;
  top: -14rem;
  right: 0rem;
  width: 19.69rem;
}

.pq-result-close {
  position: absolute;
  top: 1.875rem;
  right: 1.875rem;
  z-index: 10;
}

.pq-result-btn-wrap {
  text-align: right;
  margin-top: 1.313rem;
}

.pq-result-btn-wrap a {
  font-size: 1.063rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.76;
  letter-spacing: -0.9px;
  text-align: center;
  color: #222222;
  vertical-align: top;
  padding-right: 0.625rem;
}

.stomatitis-ul-1 {}

.stomatitis-ul li {
  background-size: 3.125rem !important;
  height: 3.125rem;
  line-height: 3.125rem;
  padding-left: 4.375rem;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -1px;
  color: #222222;
  margin-top: 1.25rem;
}

.stomatitis-ul li strong {
  margin-right: 0.625rem;
}

.stomatitis-ul-1 li:nth-child(1) {
  background: url(/images/information/w-health-1-icon-1.png) no-repeat left center;
  margin-top: 0;
}

.stomatitis-ul-1 li:nth-child(2) {
  background: url(/images/information/w-health-1-icon-2.png) no-repeat left center;
}

.stomatitis-ul-1 li:nth-child(3) {
  background: url(/images/information/w-health-1-icon-3.png) no-repeat left center;
}

.stomatitis-ul-1 li:nth-child(4) {
  background: url(/images/information/w-health-1-icon-4.png) no-repeat left center;
}

.stomatitis-ul-1 li:nth-child(5) {
  background: url(/images/information/w-health-1-icon-5.png) no-repeat left center;
}

.stomatitis-ul-1 li:nth-child(6) {
  background: url(/images/information/w-health-1-icon-6.png) no-repeat left center;
}

.stomatitis-ul-1 li:nth-child(7) {
  background: url(/images/information/w-health-1-icon-7.png) no-repeat left center;
}

.stomatitis-ul-2 li:nth-child(1) {
  background: url(/images/information/w-health-1-icon-8.png) no-repeat left center;
  margin-top: 0;
}

.stomatitis-ul-2 li:nth-child(2) {
  background: url(/images/information/w-health-1-icon-9.png) no-repeat left center;
}

.stomatitis-ul-2 li:nth-child(3) {
  background: url(/images/information/w-health-1-icon-10.png) no-repeat left center;
}

.stomatitis-ul-2 li:nth-child(4) {
  background: url(/images/information/w-health-1-icon-11.png) no-repeat left center;
}

.stomatitis-ul-2 li:nth-child(5) {
  background: url(/images/information/w-health-1-icon-12.png) no-repeat left center;
}

.stomatitis-ul-3 {}

.stomatitis-ul-3 li {
  float: left;
  width: 31.5%;
  margin-left: 2.75%;
}

.stomatitis-ul-3 li:nth-child(3n - 2) {
  margin-left: 0;
}

.stomatitis-ul-caption {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.6px;
  color: #222222;
  margin-top: 1.25rem;
  margin-bottom: 2.5rem;
  text-align: center;
}

.wound-text-1 {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  text-align: left;
}

.wound-text-2 {
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  text-align: left;
  margin-top: 2.5rem;
}

.wound-text-3 {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  text-align: left;
  margin-top: 0.625rem;
}

.wound-table-1 {
  margin-top: 1.875rem;
}

.wound-table-1 th,
.wound-table-1 td {
  border: 1px solid #e9e9e9;
}

.wound-table-1 th {
  background-color: #f6f7f9;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -0.9px;
  text-align: center;
  width: 8.125rem;
}

.wound-table-1 td {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -0.9px;
  text-align: left;
}

.wound-table-1 tr td:nth-child(2) {
  width: 14.125rem;
  text-align: center;
}

.wound-table-1 tr td:nth-child(3) {
  padding: 2.1875rem 2.5rem;
}

.wound-bgbox-1 {
  background-color: #f6f7f9;
  border: 1px solid #e9e9e9;
  padding: 2.1875rem 2.5rem;
  margin-top: 1.25rem;
}

.wound-bgbox-bg {
  float: left;
  display: inline-block;
  width: 12.75rem;
  height: 6.75rem;
}

.wound-bgbox-bg.bg-1 {
  background: url(/images/information/w-health-2-1-img-8.png) no-repeat center center;
}

.wound-bgbox-bg.bg-2 {
  background: url(/images/information/w-health-2-1-img-9.png) no-repeat center center;
}

.wound-bgbox-bg.bg-3 {
  background: url(/images/information/w-health-2-1-img-10.png) no-repeat center center;
}

.wound-bgbox-text {
  margin-left: 14.625rem;
  margin-top: 0.4rem;
}

.wound-bgbox-text-1 {
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  text-align: left;
}

.wound-bgbox-text-2 {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  text-align: left;
}

.wound-bgbox-text-3 {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  text-align: left;
  margin-top: 0.625rem;
}

.wound-bgbox-text-4 {
  font-size: 16px;
  color: #f36a63;
}

.wound-text-4 {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -0.9px;
  text-align: left;
  margin-top: 1.875rem;
}

.wound-bgbox-2 {
  position: relative;
  height: 18.75rem;
  background-color: #f6f7f9;
  border: 1px solid #e9e9e9;
  margin-top: 1.25rem;
}

.wound-img-1 {
  position: absolute;
  top: 2.1875rem;
  left: 50%;
  margin-left: -8.9375rem;
  width: 17.875rem;
  height: 14.375rem;
  background: url(/images/information/w-health-2-1-img-11.png) no-repeat center center;
  background-size: 100%;
}

.wound-text-5,
.wound-text-6,
.wound-text-7,
.wound-text-8 {
  position: absolute;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -1px;
  text-align: left;
}

.wound-text-5 {
  top: 2.5rem;
  left: 48%;
}

.wound-text-6 {
  top: 6.25rem;
  left: 50%;
  margin-left: 5rem;
}

.wound-text-7 {
  top: 13rem;
  left: 50%;
  margin-left: 6rem;
}

.wound-text-8 {
  top: 46%;
  left: 50%;
  margin-left: -17rem;
}

.wound-bgbox-3 {
  border: 1px solid #e9e9e9;
  margin-top: 1.25rem;
  padding: 2.5rem;
}

.wound-bgbox-3.bg-1 {
  background: #f6f7f9 url(/images/information/w-health-2-1-img-12.png) no-repeat right 2.5rem center;
  background-size: auto 6.25rem;
}

.wound-bgbox-3.bg-2 {
  background: #f6f7f9 url(/images/information/w-health-2-1-img-13.png) no-repeat right 2.5rem center;
  background-size: auto 6.25rem;
}

.wound-bgbox-3.bg-3 {
  background: #f6f7f9 url(/images/information/w-health-2-1-img-14.png) no-repeat right 2.5rem center;
  background-size: auto 6.25rem;
}

.wound-bgbox-3.bg-4 {
  background: #f6f7f9 url(/images/information/w-health-2-1-img-15.png) no-repeat right 2.5rem center;
  background-size: auto 6.25rem;
}

.wound-bgbox-3.bg-5 {
  background: #f6f7f9 url(/images/information/w-health-2-1-img-16.png) no-repeat right 2.5rem center;
  background-size: auto 6.25rem;
}

.wound-text-9 {
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  text-align: left;
}

.wound-text-10 {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  text-align: left;
  margin-top: 0.625rem;
}

.scar-text-1 {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  text-align: left;
}

.scar-text-2 {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -0.9px;
  text-align: left;
  margin-top: 1.875rem;
}

.scar-bgbox-1 {
  position: relative;
  height: 30.625rem;
  background-color: #f6f7f9;
  border: 1px solid #e9e9e9;
  margin-top: 1.25rem;
}

.scar-img-1 {
  position: absolute;
  top: 1.875rem;
  left: 50%;
  margin-left: -15.03125rem;
  width: 30.0625rem;
  height: 27.125rem;
  background: url(/images/information/w-health-2-2-img-1.png) no-repeat center center;
  background-size: 100%;
}

.scar-img-2 {
  position: absolute;
  right: 2.1875rem;
  bottom: 1.75rem;
  width: 10.0625rem;
  height: 1.875rem;
  background: url(/images/information/w-health-2-2-img-2.png) no-repeat center center;
  background-size: 100%;
}

.scar-text-3 {
  position: absolute;
  top: 55%;
  left: 50%;
  margin-left: -24rem;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.5;
  letter-spacing: -1px;
  text-align: right;
}

.scar-text-4 {
  position: absolute;
  top: 55%;
  left: 50%;
  margin-left: 11rem;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.5;
  letter-spacing: -1px;
  text-align: left;
}

.scar-text-5 {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  text-align: left;
}

.scar-bgbox-2 {
  background-color: #f6f7f9;
  border: 1px solid #e9e9e9;
  margin-top: 1.25rem;
  padding: 2.5rem;
}

.scar-text-6 {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1px;
  text-align: left;
}

.scar-text-7 {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -1px;
  text-align: left;
  margin-top: 0.625rem;
}

.haemorrhoids-contents-wrap h3 {
  font-size: 1.313rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.8px;
  color: #222222;
}

.haemorrhoids-contents-wrap p {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  margin: 10px 0;
}

.haemorrhoids-contents-wrap h4 {
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  margin-top: 1.875rem;
}

.haemorrhoids-img-ul-1 {
  margin-top: 3.125rem;
  text-align: center;
}

.haemorrhoids-img-ul-1 li {
  display: inline-block;
  width: 11.25rem;
  margin-left: 4.375rem;
}

.haemorrhoids-img-ul-1 li:first-child {
  margin-left: 0;
}

.haemorrhoids-img-ul-1-text {
  display: block;
  margin-top: 10px;
}

.haemorrhoids-text-1 {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -0.9px;
  color: #222222;
  margin-top: 1.25rem;
}

.haemorrhoids-img-ul-2-wrap {
  margin-top: 1.25rem;
  border: 1px solid #e9e9e9;
  background-color: #f6f7f9;
  padding: 3.75rem 0;
}

.haemorrhoids-img-ul-2 {
  text-align: center;
}

.haemorrhoids-img-ul-2 li {
  display: inline-block;
  width: 18%;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.31;
  letter-spacing: -1px;
  text-align: right;
  color: #222222;
  vertical-align: top;
}

.haemorrhoids-img-ul-2 li:nth-child(1) {
  width: 10.13rem;
}

.haemorrhoids-img-ul-2 li:nth-child(3) {
  width: 10.19rem;
}

.haemorrhoids-img-ul-2 li:nth-child(5) {
  width: 13.25rem;
}

.haemorrhoids-img-ul-2 li:nth-child(5) img {
  width: 12.81rem;
}

.haemorrhoids-img-ul-2 li:nth-child(6) {
  margin-left: 0.25rem !important;
}

.haemorrhoids-img-ul-2 li:nth-child(7) {
  width: 13.25rem;
}

.haemorrhoids-img-ul-2 li:nth-child(7) img {
  width: 12.5rem;
}

.haemorrhoids-img-ul-2 li.haemorrhoids-img-ul-2-arrow-li {
  position: relative;
  width: 2.5rem;
  min-height: 13.75rem;
  margin: 0 2rem;
  vertical-align: top;
}

.haemorrhoids-img-ul-2-arrow {
  position: absolute;
  top: 4.125rem;
  left: 0;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  opacity: 0.8;
  border: 1px solid #d5d8dd;
  border-radius: 2.5rem;
  background-color: #dadde2;
  color: #ffffff;
  text-align: center;
}

.haemorrhoids-img-ul-2-title {
  display: block;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -0.9px;
  text-align: center;
  color: #222222;
  margin-top: 1rem;
}

.haemorrhoids-img-ul-2-text {
  display: block;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.31;
  letter-spacing: -1px;
  text-align: center;
  color: #222222;
  margin-top: 10px;
}

.haemorrhoids-center-img-wrap {
  margin-top: 1.25rem;
  text-align: center;
}

.haemorrhoids-center-img-title {
  display: block;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -1px;
  color: #222222;
}

.haemorrhoids-center-img-wrap img {
  margin-top: 1.25rem;
}

.haemorrhoids-center-img-wrap .haemorrhoids-center-img-2 {
  margin-bottom: 2.25rem;
}

.haemorrhoids-img-ul-3-wrap {
  margin-top: 1.25rem;
  border: 1px solid #e9e9e9;
  background-color: #f6f7f9;
  padding: 3.75rem 0;
}

.haemorrhoids-img-ul-3 {
  text-align: center;
}

.haemorrhoids-img-ul-3 li {
  display: inline-block;
  width: 45%;
  min-height: 9.375rem;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -1px;
  color: #222222;
  vertical-align: top;
}

.haemorrhoids-img-ul-3 li:nth-child(1) {
  background: url(/images/information/w-sub-2-5-1-ico-1.png) no-repeat left top;
  background-size: 9.375rem;
}

.haemorrhoids-img-ul-3 li:nth-child(2) {
  background: url(/images/information/w-sub-2-5-1-ico-2.png) no-repeat left top;
  background-size: 9.375rem;
}

.haemorrhoids-img-ul-3 li:nth-child(3) {
  background: url(/images/information/w-sub-2-5-1-ico-3.png) no-repeat left top;
  background-size: 9.375rem;
  margin-top: 3.125rem;
}

.haemorrhoids-img-ul-3 li:nth-child(4) {
  background: url(/images/information/w-sub-2-5-1-ico-4.png) no-repeat left top;
  background-size: 9.375rem;
  margin-top: 3.125rem;
}

.haemorrhoids-img-ul-3-text {
  padding-left: 11.25rem;
  padding-right: 3.75rem;
  text-align: left;
}

.haemorrhoids-img-ul-3 li:nth-child(3) .haemorrhoids-img-ul-3-text,
.haemorrhoids-img-ul-3 li:nth-child(4) .haemorrhoids-img-ul-3-text {
  padding-top: 2rem;
}

.haemorrhoids-right-bg-wrap {
  background: url(/images/information/w-sub-2-5-1-ico-5.png) no-repeat right bottom;
  background-size: auto 13.88rem;
  min-height: 13.88rem;
}

.haemorrhoids-right-bg-text {
  max-width: 61.25rem;
}

.haemorrhoids-img-ul-4 {}

.haemorrhoids-img-ul-4 li {
  display: inline-block;
  width: 49%;
  min-height: 6.25rem;
  margin-top: 4.375rem;
  vertical-align: top;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
}

.haemorrhoids-img-ul-4 li:nth-child(1) {
  background: url(/images/information/w-sub-2-5-1-care-1.png) no-repeat left top;
  background-size: 6.25rem;
  margin-top: 0;
}

.haemorrhoids-img-ul-4 li:nth-child(2) {
  background: url(/images/information/w-sub-2-5-1-care-2.png) no-repeat left top;
  background-size: 6.25rem;
  margin-top: 0;
}

.haemorrhoids-img-ul-4 li:nth-child(3) {
  background: url(/images/information/w-sub-2-5-1-care-3.png) no-repeat left top;
  background-size: 6.25rem;
}

.haemorrhoids-img-ul-4 li:nth-child(4) {
  background: url(/images/information/w-sub-2-5-1-care-4.png) no-repeat left top;
  background-size: 6.25rem;
}

.haemorrhoids-img-ul-4 li:nth-child(5) {
  background: url(/images/information/w-sub-2-5-1-care-5.png) no-repeat left top;
  background-size: 6.25rem;
}

.haemorrhoids-img-ul-4-text {
  padding-left: 8.75rem;
  padding-right: 3.25rem;
}

.haemorrhoids-img-ul-4-text strong {
  margin: 0.625rem 0;
  display: block;
}

.climac-text-1 {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
}

.climac-ol-1 li {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  list-style-position: inside;
  text-indent: -0.875em;
  padding-left: 1em;
}

.climac-text-2 {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.63;
  letter-spacing: -1px;
  color: #222222;
  margin-top: 2.5rem;
  background-color: #f6f7f9;
  border: 1px solid #e9e9e9;
  padding: 2.5rem;
}

.climac-text-2 strong {
  display: block;
  margin-bottom: 0.625rem;
}

.climac-text-3 {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -0.9px;
  color: #222222;
  margin-top: 0.625rem;
  background-color: #f6f7f9;
  border: 1px solid #e9e9e9;
  padding: 2.5rem;
}

.climac-text-3 strong {
  display: block;
  margin-bottom: 0.625rem;
}

.climac-text-4 {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -1px;
  color: #222222;
  margin-top: 2.5rem;
  background-color: #f6f7f9;
  border: 1px solid #e9e9e9;
  padding: 2.5rem;
}

.climac-text-4>strong {
  display: block;
  margin: 0.75rem 0;
}

.climac-text-5 {
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.6px;
  color: #222222;
  margin-bottom: 0.625rem;
}

.climac-text-6 {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
}

.climac-text-6 strong {
  display: block;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.6px;
  color: #222222;
  margin-bottom: 0.625rem;
}

.climac-table {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -0.9px;
  color: #222222;
  margin-top: 2.5rem;
}

.climac-table caption {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1px;
  color: #222222;
  text-align: left;
  margin-bottom: 1.25rem;
}

.climac-table th,
.climac-table td {
  border: 1px solid #e9e9e9;
}

.climac-table th {
  background-color: #f6f7f9;
  padding: 0.9375rem 0;
  font-weight: normal;
}

.climac-table td {
  padding: 1.25rem 1.875rem;
}

.climac-bgbox-1 {
  display: table;
  width: 100%;
  margin-top: 2.5rem;
}

.climac-bgbox-1.item-1 {
  height: 8.75rem;
  background: url(/images/information/w-sub-2-3-1-01.png) no-repeat left center;
  background-size: auto 8.75rem;
}

.climac-bgbox-1.item-2 {
  height: 8.75rem;
  background: url(/images/information/w-sub-2-3-1-02.png) no-repeat left center;
  background-size: auto 8.75rem;
}

.climac-bgbox-1.item-3 {
  height: 8.625rem;
  background: url(/images/information/w-sub-2-3-1-03.png) no-repeat left center;
  background-size: auto 8.625rem;
}

.climac-bgbox-1-contents {
  display: table-cell;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  vertical-align: middle;
  padding-left: 10.625rem;
}

.climac-bgbox-2 {
  display: table;
  width: 100%;
}

.climac-bgbox-2.item-1 {
  min-height: 11.25rem;
  background: url(/images/information/w-sub-2-3-1-04.png) no-repeat left center;
  background-size: auto 11.25rem;
}

.climac-bgbox-2.item-2 {
  min-height: 9.9375rem;
  background: url(/images/information/w-sub-2-3-1-05.png) no-repeat left center;
  background-size: auto 9.9375rem;
}

.climac-bgbox-2-contents {
  display: table-cell;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  vertical-align: middle;
  padding-left: 12.875rem;
}

.vein-text-1 {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
}

.vein-text-1 .ref-wrap {
  margin-top: 0.625rem;
}

.vein-text-2 {
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.6px;
  color: #222222;
  margin-top: 2.5rem;
  margin-bottom: 0.625rem;
}

.vein-text-3 {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -1px;
  color: #222222;
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
}

.vein-bgbox-1 {
  height: 16rem;
  border: 1px solid #e9e9e9;
  margin-top: 0.625rem;
}

.vein-bgbox-1.item-1 {
  background: #f6f7f9 url(/images/information/w-sub-2-3-2-02.png) no-repeat center center;
  background-size: auto 10.375rem;
}

.vein-bgbox-1.item-2 {
  background: #f6f7f9 url(/images/information/w-sub-2-3-2-04.png) no-repeat center center;
  background-size: auto 11rem;
}

.vein-bgbox-1.item-1 .vein-bgbox-1-contents {
  display: table;
  width: 100%;
  height: 100%;
  background: url(/images/information/w-sub-2-3-2-01.png) no-repeat 5.3125rem center;
  background-size: 5.4375rem;
}

.vein-bgbox-1.item-2 .vein-bgbox-1-contents {
  display: table;
  width: 100%;
  height: 100%;
  background: url(/images/information/w-sub-2-3-2-03.png) no-repeat 5.3125rem center;
  background-size: 5.4375rem;
}

.vein-bgbox-1-text-1 {
  display: table-cell;
  width: 50%;
  height: 100%;
  padding-left: 12.5rem;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -1px;
  color: #222222;
}

.vein-bgbox-1-text-2 {
  display: table-cell;
  width: 50%;
  height: 100%;
  padding-left: 15rem;
  vertical-align: middle;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -1px;
  color: #222222;
}

.vein-bgbox-2 {
  margin-top: 1.25rem;
  height: 19.9375rem;
  border: 1px solid #e9e9e9;
  background: #f6f7f9 url(/images/information/w-sub-2-3-2-05.png) no-repeat center center;
  background-size: auto 19.9375rem;
}

.vein-bgbox-3 {
  height: 18.75rem;
  border: 1px solid #e9e9e9;
  background: #f6f7f9 url(/images/information/w-sub-2-3-2-06.png) no-repeat center 2.8125rem;
  background-size: 86%;
}

.vein-bgbox-3-contents {
  width: 86%;
  margin: 12rem auto 0;
}

.vein-bgbox-3-text {
  width: 20%;
  float: left;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.31;
  letter-spacing: -1px;
  text-align: center;
  color: #666666;
}

.vein-bgbox-3-text strong {
  display: block;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -0.9px;
  text-align: center;
  color: #222222;
  margin-bottom: 0.3125rem;
}

.vein-bgbox-4 {
  display: table;
  width: 100%;
  height: 26.5rem;
  border: 1px solid #e9e9e9;
  background-color: #f6f7f9;
  margin-top: 1.25rem;
}

.vein-bgbox-4-contents {
  display: table-cell;
  width: 50%;
  background: url(/images/information/w-sub-2-3-2-07.png) no-repeat center 4.1875rem;
  background-size: 42.8%;
  padding-left: 14.5%;
  padding-top: 13.875rem;
}

.vein-bgbox-4-text-1 {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.39;
  letter-spacing: -1px;
  color: #222222;
  margin-bottom: 0.625rem;
}

.vein-bgbox-4-text-2 {
  position: absolute;
  top: 0;
  left: -3.375rem;
  font-family: HelveticaNeue;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.39;
  letter-spacing: normal;
  color: #222222;
  text-decoration: underline;
}

.vein-bgbox-4-text-3 {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: -1px;
  color: #222222;
}

.vein-gif {
  text-align: center;
}

.hair-text-1 {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
}

.hair-bgbox-1 {
  height: 20.3125rem;
  border: 1px solid #e9e9e9;
  background: #f6f7f9 url(/images/information/w-sub-2-4-1-01.png) no-repeat center 2.0625rem;
  background-size: 63%;
  margin: 1.25rem 0 1.875rem;
}

.hair-bgbox-1-contents {
  width: 83%;
  margin: 16rem auto 0;
}

.hair-bgbox-1-text {
  width: 33%;
  float: left;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -1px;
  text-align: center;
  color: #222222;
}

.hair-bgbox-2 {
  height: 30.5625rem;
  border: 1px solid #e9e9e9;
  background: #f6f7f9 url(/images/information/w-sub-2-4-1-02.png) no-repeat center 3.125rem;
  background-size: 23.75rem;
}

.hair-bgbox-2-contents {
  position: relative;
  width: 100%;
  height: 100%;
}

.hair-bgbox-2-text {
  position: absolute;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: -1px;
  text-align: center;
  color: #ffffff;
}

.hair-bgbox-2-text.item-1 {
  top: 5.7rem;
  left: 50%;
  margin-left: -2.5rem;
}

.hair-bgbox-2-text.item-2 {
  top: 15.5rem;
  left: 50%;
  margin-left: -10rem;
}

.hair-bgbox-2-text.item-3 {
  top: 15.5rem;
  left: 50%;
  margin-left: 4.4rem;
}

.hair-bgbox-2-text.item-4 {
  position: static;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -1px;
  text-align: center;
  color: #222222;
  padding-top: 25rem;
}

.hair-bgbox-3 {
  padding: 2.5rem 0;
  border-top: 2px solid #e8e8e8;
}

.hair-bgbox-3.item-1 {
  border-top: none;
  padding-top: 0;
}

.hair-bgbox-3-contents {}

.hair-bgbox-3 .hair-bgbox-3-text {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  padding-top: 1.25rem;
}

.hair-bgbox-3 .hair-bgbox-3-text strong {
  display: block;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.6px;
  color: #222222;
  margin-bottom: 0.625rem;
}

.hair-bgbox-3.item-1 .hair-bgbox-3-bg {
  float: left;
  width: 9.6875rem;
  min-height: 12.3125rem;
  background: url(/images/information/w-sub-2-4-1-03.png) no-repeat center center;
  background-size: 9.6875rem;
}

.hair-bgbox-3.item-1 .hair-bgbox-3-text {
  padding-left: 12.5rem;
}

.hair-bgbox-3.item-2 .hair-bgbox-3-bg {
  float: right;
  width: 26.9375rem;
  min-height: 14.1875rem;
  background: url(/images/information/w-sub-2-4-1-04.png) no-repeat center center;
  background-size: 26.9375rem;
}

.hair-bgbox-3.item-2 .hair-bgbox-3-text {
  padding-right: 30.25rem;
}

.hair-bgbox-3.item-3 .hair-bgbox-3-bg {
  float: left;
  width: 9.6875rem;
  min-height: 12.3125rem;
  background: url(/images/information/w-sub-2-4-1-05.png) no-repeat center center;
  background-size: 9.6875rem;
}

.hair-bgbox-3.item-3 .hair-bgbox-3-text {
  padding-left: 12.5rem;
}

.hair-bgbox-3.item-4 .hair-bgbox-3-bg {
  float: right;
  width: 11.25rem;
  min-height: 12.3125rem;
  background: url(/images/information/w-sub-2-4-1-06.png) no-repeat center center;
  background-size: 11.25rem;
}

.hair-bgbox-3.item-4 .hair-bgbox-3-text {
  padding-right: 12.5rem;
}

.hair-text-2 {
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.6px;
  color: #222222;
}

.hair-text-3 {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  margin-top: 0.625rem;
}

.hair-text-4 {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.9px;
  color: #222222;
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
}

.hair-bgbox-4 {
  display: table;
  width: 100%;
  height: 10.5rem;
  border: 1px solid #e9e9e9;
}

.hair-bgbox-4-contents {
  display: table-cell;
  vertical-align: middle;
  padding-left: 12.8125rem;
}

.hair-bgbox-4.item-1 {
  background: #f6f7f9 url(/images/information/w-sub-2-4-1-07.png) no-repeat 3.125rem center;
  background-size: 7.8125rem;
}

.hair-bgbox-4.item-2 {
  background: #f6f7f9 url(/images/information/w-sub-2-4-1-08.png) no-repeat 3.125rem center;
  background-size: 7.8125rem;
}

.hair-bgbox-4.item-3 {
  background: #f6f7f9 url(/images/information/w-sub-2-4-1-09.png) no-repeat 3.125rem center;
  background-size: 7.8125rem;
}

.hair-bgbox-4-text {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -1px;
  color: #222222;
}

.hair-arrow-bg {
  width: 100%;
  height: 2.25rem;
  background: url(/images/information/w-sub-2-4-1-12.png) no-repeat center center;
  background-size: auto 2.25rem;
  margin: 0.625rem 0;
}

.hair-table-1 {
  width: 100%;
}

.hair-table-1.item-2 {
  margin-top: 2.5rem;
}

.hair-table-1 caption {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.9px;
  color: #222222;
  margin-bottom: 1.25rem;
  text-align: left;
}

.hair-table-1 th,
.hair-table-1 td {
  width: 33%;
  border: 1px solid #e9e9e9;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -0.9px;
  color: #222222;
  text-align: left;
  vertical-align: middle;
}

.hair-table-1 th {
  width: 34%;
  padding: 1.875rem 2.8125rem;
  background-color: #f6f7f9;
}

.hair-table-1 th strong {
  display: block;
}

.hair-table-1 td {
  padding: 1.875rem;
}

.hair-table-1.item-1 .hair-table-bg {
  height: 9.75rem;
  background: url(/images/information/w-sub-2-4-1-10.png) no-repeat center center;
  background-size: auto 9.75rem;
}

.hair-table-1.item-2 .hair-table-bg {
  height: 8.9375rem;
  background: url(/images/information/w-sub-2-4-1-11.png) no-repeat center center;
  background-size: auto 8.9375rem;
}

.minetrol-text-1 {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  text-align: left;
  color: #222222;
}

.fc-minetrol {
  color: #4ea340;
}

.minetrol-layout-1 {
  padding: 4.375rem 6.25rem;
  background-color: #f6f7f9;
  text-align: center;
  margin-top: 2.5rem;
}

.minetrol-img-1 {
  width: 75%;
}

.minetrol-line {
  width: 100%;
  height: 1px;
  margin: 3.75rem auto;
  background: url(/images/information/mintrol-line-2.png) repeat-x;
}

.minetrol-img-2 {
  max-width: 49rem;
  margin: 0 auto;
}

.minetrol-img-3 {
  width: 40rem;
  margin-left: -20rem;
  margin-top: 3.75rem;
}

.minetrol-layout-2 {
  display: table;
  width: 100%;
  min-height: 10.9375rem;
  padding: 3.125rem;
  background-color: #f6f7f9;
  margin-top: 2.5rem;
}

.minetrol-layout-2>div {
  display: table-cell;
  vertical-align: middle;
}

.minetrol-layout-2 .left {
  position: relative;
  background: url(/images/information/mintrol-img-5.png) no-repeat left center;
  background-size: 7.625rem;
  padding-left: 9.5rem;
  width: 55%;
}

.minetrol-layout-2 .right {
  background: url(/images/information/mintrol-img-6.png) no-repeat left center;
  background-size: 5.8125rem;
  padding-left: 7.6875rem;
  width: 45%;
}

.minetrol-layout-2 .left:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 5rem;
  width: 1px;
  height: 100%;
  background: url(/images/information/mintrol-line-1.png) repeat-y right center;
}

.minetrol-layout-3 {
  padding: 3.125rem;
  background-color: #f6f7f9;
  margin-top: 2.5rem;
  position: relative;
  text-align: center;
}

.minetrol-layout-3 .top {
  position: absolute;
  top: 3.125rem;
  left: 3.125rem;
  text-align: left;
}

.minetrol-img-4 {
  max-width: 46.125rem;
}

.coandtect-layout-1 {
  position: relative;
  height: 15.375rem;
}

.coandtect-text-1 {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  margin-top: 3.75rem;
}

.coandtect-img-1 img {
  position: absolute;
  right: 0;
  top: 0;
  height: 15.375rem;
}

.coandtect-layout-2 {}

.coandtect-layout-2 .box {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.7;
  letter-spacing: -1px;
  text-align: center;
  color: #222222;
  height: 8.125rem;
  width: 100%;
  padding: 2.1875rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 2.5rem;
  position: relative;
}

.coandtect-layout-2:after {
  content: "";
  display: block;
  clear: both;
}

.coandtect-layout-2 .box.type-1 {
  background-color: #e1f2f6;
}

.coandtect-layout-2 .box.type-2 {
  background-color: #f5f5f5;
}

.coandtect-layout-2 .box.type-3,
.coandtect-layout-2 .box.type-4 {
  background-color: #e7faf0;
  float: left;
  width: 49%;
  display: inline-block;
}

.coandtect-layout-2 .box.type-4 {
  float: right;
}

.coandtect-layout-2 .box.type-2:before,
.coandtect-layout-2 .box.type-3:before,
.coandtect-layout-2 .box.type-4:before {
  content: "";
  position: absolute;
  top: -1.75rem;
  left: 50%;
  margin-left: -0.5625rem;
  width: 1.125rem;
  height: 1.125rem;
  background: url(/images/information/w-health-7-arrow-1.png) no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}

.coandtect-layout-2 .box.type-3:before,
.coandtect-layout-2 .box.type-4:before {
  background-image: url(/images/information/w-health-7-arrow-2.png);
}

.coandtect-ul {
  margin-top: 3.75rem;
  width: 100%;
}

.coandtect-ul li {
  display: table;
  height: 3.125rem;
  margin-top: 1.25rem;
}

.coandtect-ul li:nth-child(1) {
  background: url(/images/information/w-health-7-icon-1.png) no-repeat left center;
  -webkit-background-size: 3.125rem;
  background-size: 3.125rem;
  margin-top: 0;
}

.coandtect-ul li:nth-child(2) {
  background: url(/images/information/w-health-7-icon-2.png) no-repeat left center;
  -webkit-background-size: 3.125rem;
  background-size: 3.125rem;
}

.coandtect-ul li:nth-child(3) {
  background: url(/images/information/w-health-7-icon-3.png) no-repeat left center;
  -webkit-background-size: 3.125rem;
  background-size: 3.125rem;
}

.coandtect-ul li>div {
  display: table-cell;
  vertical-align: middle;
  padding-left: 4.375rem;
}

.coandtect-ul li>div strong {
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #222222;
}

.coandtect-ul li>div span {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  margin-left: 1.25rem;
}

.coandtect-layout-3 {
  width: 100%;
  background-color: #fff8ec;
  text-align: center;
  padding: 2.5rem 0;
  margin-top: 3.75rem;
}

.coandtect-layout-3>div {
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: -1px;
  text-align: center;
  color: #222222;
  display: inline-block;
  border-bottom: solid 1px #222222;
}

.caritopoten-text-1 {
  letter-spacing: -1px;
  font-family: "Noto Sans KR";
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  color: #222;
}

.caritopoten-text-2 {
  letter-spacing: -1px;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #666;
  margin-top: 1.25rem;
}

.caritopoten-text-3 {
  letter-spacing: -1px;
  font-family: "Noto Sans KR";
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  color: #222;
  margin-top: 1.25rem;
}

.caritopoten-hr {
  width: 100%;
  height: 0;
  border: 0;
  border-top: solid 1px #e8e8e8;
  margin: 2.5rem 0;
}

.caritopoten-img-1 {
  margin-top: 1.25rem;
}

.caritopoten-layout-1 {
  display: table;
  width: 100%;
  border: 1px solid #e9e9e9;
  margin-top: 1.25rem;
}

.caritopoten-layout-1>div {
  display: table-cell;
  vertical-align: middle;
}

.caritopoten-layout-1>div:nth-child(1) {
  text-align: center;
  letter-spacing: -0.89px;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  color: #222;
  background-color: #f6f7f9;
  border-right: 1px solid #e9e9e9;
  width: 18.75rem;
}

.caritopoten-layout-1>div:nth-child(2) {
  letter-spacing: -1px;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #222;
  padding: 1.25rem 0;
}

.caritopoten-layout-1>div:nth-child(2)>div {
  float: left;
}

.caritopoten-layout-1>div:nth-child(2)::after {
  content: "";
  display: block;
  clear: both;
}

.caritopoten-layout-1>div:nth-child(2)>div:nth-child(1) {
  margin-left: 4.375rem;
  margin-right: 4.375rem;
}

.caritopoten-layout-1>div:nth-child(2)>div:nth-child(2) {
  margin-left: 4.375rem;
}

.caritopoten-dl-1 {}

.caritopoten-dl-1 dt {
  letter-spacing: -0.56px;
  font-family: "Noto Sans KR";
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  color: #222;
  margin-bottom: 1.25rem;
}

.caritopoten-dl-1 dd {
  letter-spacing: -1px;
  font-family: "Noto Sans KR";
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  color: #222;
}

.caritopoten-table {
  width: 100%;
}

.caritopoten-table caption {
  text-align: left;
  letter-spacing: -0.89px;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  color: #222;
  margin-bottom: 1.25rem;
}

.caritopoten-table th,
.caritopoten-table td {
  border: 1px solid #e9e9e9;
  padding: 0.875rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.caritopoten-table tr:nth-child(1)>th:nth-child(2) {
  width: 16%;
}

.caritopoten-table tr:nth-child(1)>th:nth-child(1),
.caritopoten-table tr:nth-child(1)>th:nth-child(3) {
  width: 42%;
}

.caritopoten-table th {
  text-align: center;
  letter-spacing: -0.89px;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  color: #222;
  background-color: #f6f7f9;
}

.caritopoten-table td {
  text-align: center;
  letter-spacing: -0.89px;
  font-family: "Noto Sans KR";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5rem;
  color: #222;
}

/*** information end ***/

/*** cs start ***/
.cs-contents-wrap {
  margin-top: 4.375rem;
}

.cscenter-top-contents {
  border: 1px solid #e9e9e9;
  padding: 3.438rem 3.438rem 3.438rem 5rem;
  background: #f6f7f9 url(/images/cs/w-callcenter.png) no-repeat top 5.5rem right 3.75rem;
  background-size: 18.31rem;
}

.cscenter-top-text-1 {
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
}

.cscenter-top-text-2 {
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  margin-top: 0.625rem;
}

.cscenter-top-ul {
  margin: 2.5rem 0;
}

.cscenter-top-ul li {
  margin-top: 0.9375rem;
}

.cscenter-top-ul li:first-child {
  margin-top: 0;
}

.cscenter-top-ul-contents {
  display: table;
}

.cscenter-top-ul-contents>div {
  vertical-align: middle;
}

.cscenter-icon {
  display: inline-block;
  width: 2.875rem;
  height: 2.875rem;
  border-radius: 1.438rem;
  background-size: 1.313rem !important;
}

.cscenter-top-ul-text-1 {
  display: inline-block;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  margin-left: 0.9375rem;
}

.cscenter-top-ul-text-2 {
  display: inline-block;
  font-size: 1.438rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  margin-left: 0.9375rem;
}

.cscenter-top-ul-contents.item-1 .cscenter-icon {
  background: #3faea6 url(/images/cs/w-call-icon.png) no-repeat center center;
}

.cscenter-top-ul-contents.item-2 .cscenter-icon {
  background: #d96096 url(/images/cs/w-call-icon.png) no-repeat center center;
}

.cscenter-top-ul-contents.item-3 .cscenter-icon {
  background: #2496d6 url(/images/cs/w-call-icon.png) no-repeat center center;
}

.cscenter-top-ul-contents.item-1 .cscenter-top-ul-text-2 a {
  color: #3faea6;
}

.cscenter-top-ul-contents.item-2 .cscenter-top-ul-text-2 a {
  color: #d96096;
}

.cscenter-top-ul-contents.item-3 .cscenter-top-ul-text-2 a {
  color: #2496d6;
}

.cscenter-top-text-4 {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  padding-top: 2.5rem;
  border-top: 1px solid #dadada;
}

.cscenter-top-text-4 strong {
  margin-left: 1.875rem;
  margin-right: 0.5rem;
}

.cscenter-top-text-4 strong:first-child {
  margin-left: 0;
}

.cscenter-bottom-contents {
  border: 1px solid #e9e9e9;
  padding: 3.438rem 3.438rem 3.438rem 5rem;
  background-color: #f6f7f9;
  margin-top: 1.25rem;
}

.cscenter-bottom-top-bg {
  background: url(/images/cs/w-callcenter-dk.png) no-repeat bottom right 2.5rem;
  background-size: 14.56rem;
  padding-bottom: 2.5rem;
}

.cscenter-bottom-text-1 {
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -0.7px;
  color: #222222;
}

.cscenter-bottom-text-2 {
  margin-top: 0.9375rem;
}

.cscenter-bottom-text-2 a {
  font-size: 2.125rem;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.88;
  letter-spacing: normal;
  color: #205696;
}

.cscenter-bottom-text-4 {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  padding-top: 2.5rem;
  border-top: 1px solid #dadada;
}

.cscenter-bottom-text-4 strong {
  margin-left: 1.875rem;
  margin-right: 0.5rem;
}

.cscenter-bottom-text-4 strong:first-child {
  margin-left: 0;
}

.book-top-table {
  border-top: 2px solid #222222;
}

.book-top-table>tbody>tr>th {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  text-align: center;
  color: #222222;
  padding: 1.875rem 0;
  width: 10rem;
  background-color: #f6f7f9;
  border-bottom: 1px solid #e8e8e8;
  vertical-align: top;
}

.book-top-table>tbody>tr>td {
  padding: 1.125rem 1.25rem;
  border-bottom: 1px solid #e8e8e8;
}

.book-top-table td input {
  height: 3.438rem;
}

.book-search-brand-wrap {
  position: relative;
}

.book-search-brand-wrap .search-select.brand {
  width: 20rem;
}

.book-top-table .input-text {
  width: 17.3rem;
  padding: 0 1.35rem;
}

.book-top-table .input-text.long {
  width: 90%;
}

.book-phone-wrap div {
  display: inline-block;
}

.book-phone-select select {
  width: 5rem;
  height: 3.438rem;
  padding-left: 0.5rem;
}

.book-phone-input input {
  width: 4rem;
  padding: 0 0.5rem;
}

.book-phone-dash {
  padding: 0 0.5rem;
  color: #dbdbdb;
}

.book-address-wrap {
  line-height: 4;
}

.btn-zipcode {
  display: inline-block;
  width: 9.688rem;
  height: 3.188rem;
  line-height: 3.188rem;
  border-radius: 0.3125rem;
  border: 2px solid #222222;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -1px;
  text-align: center;
  color: #222222;
  margin-left: 0.5rem;
  background-color: #ffffff;
}

.privacy-check-wrap {
  margin-top: 4.375rem;
}

.privacy-check-text1 {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -0.9px;
  color: #222222;
}

.privacy-check-table {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -1px;
  text-align: center;
  color: #222222;
  border-top: 2px solid #222222;
  margin-top: 0.875rem;
}

.privacy-check-table th {
  font-weight: normal;
  padding: 0.625rem 0;
  width: 33.3%;
  background-color: #f6f7f9;
  border-bottom: 1px solid #e8e8e8;
}

.privacy-check-table td {
  padding: 1.25rem 0;
  border-bottom: 1px solid #e8e8e8;
  text-align: center;
}

.privacy-check-input {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -0.9px;
  color: #222222;
  margin-top: 2rem;
}

.btn-wrap {
  margin-top: 4.375rem;
  text-align: center;
}

.btn-book-submit {
  display: inline-block;
  width: 13.75rem;
  height: 4.063rem;
  border-radius: 0.3125rem;
  border: 2px solid #222222;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -1px;
  text-align: center;
  color: #222222;
  background-color: #ffffff;
}

.inquiry-form-wrap {
  min-width: 1200px;
}

.inquiry-form input[type="text"],
.inquiry-form input[type="password"],
.inquiry-form select,
.inquiry-form textarea,
.inquiry-form label {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1px;
  color: #000000;
}

.inquiry-form label {
  display: inline-block;
  width: 120px;
  vertical-align: top;
  padding-top: 12px;
}

.inquiry-form input[type="text"],
.inquiry-form input[type="password"] {
  width: 265px;
  height: 50px;
  border: solid 1px #dedede;
  background-color: #ffffff;
  padding: 0 20px;
  box-sizing: border-box;
}

.inquiry-form input[type="text"]:disabled {
  background: #dddddd;
}

.inquiry-form input[type="text"].email {
  width: 320px;
}

.inquiry-form input[type="text"].full {
  width: 1035px;
}

.inquiry-form select {
  width: 200px;
  height: 50px;
  border: solid 1px #dedede;
  background-color: #ffffff;
  padding: 10px;
  box-sizing: border-box;
}

.inquiry-form textarea {
  width: 1035px;
  height: 320px;
  border: solid 1px #dedede;
  background-color: #ffffff;
  resize: none;
  padding: 20px;
  box-sizing: border-box;
}

.inquiry-form textarea.inquiry-agree-textarea {
  width: 100%;
  height: 250px;
  border: solid 1px #dedede;
  background-color: #f8f8f8;
  resize: none;
  padding: 20px;
  box-sizing: border-box;

}

.inquiry-form .inquiry-agree-txt {
  width: 100%;
  height: 250px;
  border: solid 1px #dedede;
  background-color: #f8f8f8;
  resize: none;
  padding: 20px;
  box-sizing: border-box;
  white-space: pre-line;
  overflow-y: auto;
}

.inquiry-form .inquiry-agree-txt b {
  font-weight: bold;
  text-decoration: underline;
}

.inquiry-form .inquiry-agree-tit {
  font-weight: bold;
}

.inquiry-form input[type="checkbox"]+label:before {
  content: " ";
  display: inline-block;
  width: 25px;
  height: 25px;
  border: 0;
  vertical-align: text-bottom;
  background: url(/images/common/w-uncheck.png) no-repeat center center;
  margin-left: 25px;
}

.inquiry-form input[type="checkbox"]:checked+label:before {
  background: url(/images/common/w-checked.png) no-repeat center center;
}

.require-star {
  color: red;
  padding-right: 3px;
}

.inquiry-img-1 {
  margin-top: 80px;
}

.inquiry-img-1 img {
  width: 100%;
}

.inquiry-text-1 {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1px;
  color: #000000;
}

.inquiry-text-2 {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1px;
  color: #000000;
  margin-top: 80px;
}

.inquiry-form-ul {
  width: 100%;
  border-top: solid 2px #000000;
  border-bottom: solid 2px #000000;
  margin-top: 10px;
}

.inquiry-form-ul li {
  border-top: solid 1px #e1e1e1;
  padding: 15px 20px;
  white-space: nowrap;
}

.inquiry-form-ul li:first-child {
  background-color: #fff;
  border-top: 0;
}

.inquiry-form-ul li.gray_li {
  background-color: #f8f8f8;
  border-top: 2px solid #000
}

.inquiry-form-ul li:first-child label:nth-of-type(2) {
  margin-left: 200px;
}

.inquiry-text-3 {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1px;
  color: #000000;
}

.inquiry-input-wrap {
  margin-top: 20px;
}

.inquiry-phone-wrap {
  display: inline-block;
}

.inquiry-phone-wrap select,
.inquiry-phone-wrap input[type="text"] {
  width: 100px;
  height: 50px;
  border: solid 1px #dedede;
  background-color: #ffffff;
  padding: 10px;
  box-sizing: border-box;
}

.inquiry-text-4 {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1px;
  color: #3f3f3f;
  display: inline-block;
  margin-left: 30px;
}

.inquiry-text-6 {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1px;
  color: #3f3f3f;
  display: block;
  margin-left: 120px;
  margin-bottom: 5px;
}

.inquiry-agree-wrap {
  text-align: center;
}

label.inquiry-text-5 {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1px;
  color: #000000;
  width: 100%;
}

.inquiry-submit-wrap {
  margin-top: 70px;
  text-align: center;
}

.inquiry-submit {
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 60px;
  letter-spacing: -1px;
  text-align: center;
  color: #ffffff;
  display: inline-block;
  border: 0;
  width: 200px;
  height: 60px;
  background-color: #144085;
}

.inquiry-login-form-wrap {
  display: table;
  table-layout: fixed;
  width: 720px;
  margin: 200px auto;
  border: solid 1px #bfbfbf;
  padding: 60px;
  box-sizing: border-box;
}

.inquiry-login-form-wrap .left,
.inquiry-login-form-wrap .right {
  display: table-cell;
  vertical-align: middle;
}

.inquiry-login-form-wrap .left {
  width: 440px;
}

.inquiry-login-form-wrap .right {
  width: 160px;
}

.inquiry-login-form-wrap .input-wrap {
  padding: 12px 0;
  width: 370px;
}

.inquiry-login-form-wrap .input-wrap.first {
  padding-top: 0;
  border-bottom: solid 1px #e1e1e1;
}

.inquiry-login-form-wrap .input-wrap label {
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -2px;
  color: #000000;
  width: 100px;
  display: inline-block;
  vertical-align: middle;
  padding-top: 0;
}

.inquiry-login-form-wrap .input-wrap input {
  height: 40px;
}

.inquiry-login-form-wrap .input-wrap .inquiry-login-text-1 {
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1px;
  color: #999999;
}

.inquiry-login-form-wrap .right .inquiry-login-submit {
  font-size: 24px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.6;
  letter-spacing: -1px;
  text-align: center;
  color: #ffffff;
  display: inline-block;
  border: 0;
  width: 100%;
  height: 160px;
  background-color: #144085;
}

.inquiry-board-table .board-brand {
  width: 10rem !important;
}

.inquiry-board-table .board-title {
  padding-left: 10px;
}

.inquiry-board-table .board-reply {
  width: 8.125rem;
}

.reply-box {
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1px;
  color: #ffffff;
  text-align: center;
  width: 100%;
  padding: 5px 0;
}

.reply-box.done {
  background-color: #144085;
}

.reply-box.ready {
  background-color: #52b8e9;
}

.inquiry-view-ul {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1px;
  color: #000000;
  width: 100%;
  border-top: solid 2px #000000;
  border-bottom: solid 2px #000000;
}

.inquiry-view-ul li {
  border-top: solid 1px #e1e1e1;
  padding: 15px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.inquiry-view-ul li.answer {
  background-color: #f8f8f8;
}

.inquiry-view-brand,
.inquiry-view-date,
.inquiry-view-tel,
.inquiry-view-email {
  display: inline-block;
  width: 48%;
}

.inquiry-view-contents {
  min-height: 200px;
}

.inquiry-view-title,
.inquiry-view-answer-title {
  font-weight: bold;
}

.inquiry-view-answer-title {}

.inquiry-view-answer-contents {
  margin-top: 20px;
}

.inquiry-list-btn-wrap {
  margin-top: 70px;
  text-align: center;
}

a.inquiry-list-btn {
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 60px;
  letter-spacing: -1px;
  text-align: center;
  color: #ffffff;
  display: inline-block;
  border: 0;
  width: 200px;
  height: 60px;
  background-color: #144085;
}

/*** cs end ***/

/*** board start ***/
.board-top-wrap {}

.board-search-layout {
  text-align: right;
}

.board-search-layout>div {
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
  vertical-align: -webkit-baseline-middle;
  text-align: left;
}

.board-search-layout.pharmacy .board-search-layout-select.brand {
  float: left;
  position: relative;
  margin-left: 0;
  margin-top: 2px;
}

.search-select {
  height: 3.25rem;
}

.search-select.brand {
  width: 15.63rem;
}

.search-select.type {
  width: 8.063rem;
}

.search-select.stype {
  width: 8.063rem;
}

.search-text {
  width: 17.5rem;
  height: 3.25rem;
  padding: 0 0.75rem;
  border: 1px solid #dbdbdb;
}

.board-search-layout.pharmacy .search-select.brand .dk-select-options {
  display: none;
}

.search-brand-table {
  display: none;
  position: absolute;
  top: 3.375rem;
  left: 0;
  width: 48.75rem;
  background: #ffffff;
  border: 1px solid #222222;
  z-index: 1;
}

.search-brand-table tr:hover {
  background-color: #f6f7f9;
}

.search-brand-table td {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  vertical-align: bottom;
}

.search-brand-table ul {
  border-top: 1px solid #e8e8e8;
}

.search-brand-table ul li {
  display: inline-block;
  height: 5rem;
  line-height: 5rem;
  margin-left: 1rem;
}

.search-brand-table ul li:before {
  content: "·";
  margin-right: 1rem;
}

.search-brand-table ul li:first-child:before {
  content: "";
  margin-right: 0;
}

.search-brand-table ul li a {}

.search-brand-table ul li a:hover,
.search-brand-table ul li a.selected {
  border-bottom: 2px solid #222222;
}

.search-submit {
  width: 5.25rem;
  height: 3.438rem;
  background-color: #ffffff;
  border: 2px solid #222222;
  border-radius: 5px;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
}

.board-table {
  width: 100%;
  margin-top: 2.5rem;
  border-top: 2px solid #222222;
}

.board-table th {
  background-color: #f6f7f9;
  height: 4.375rem;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  text-align: center;
  color: #222222;
  border-bottom: 1px solid #e8e8e8;
}

.board-table td {
  height: 5rem !important;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  text-align: center;
  color: #222222;
  border-bottom: 1px solid #e8e8e8;
}

.board-table .left {
  text-align: left;
}

.board-table .board-no,
.board-table .board-type {
  width: 6.25rem;
}

.board-table .board-brand {
  width: 8.125rem;
}

.board-table .board-date {
  width: 11.25rem;
}

.board-table .board-name,
.board-table .board-phone {
  width: 14.38rem;
}

.pagination-wrap {
  margin-top: 4.375rem;
  text-align: center;
}

.pagination-ul {}

.pagination-ul li {
  display: inline-block;
  border: 1px solid #dbdbdb;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  margin-left: 0.5rem;
  vertical-align: middle;
}

.pagination-ul li:first-child {
  margin-left: 0;
}

.pagination-ul li a {
  display: block;
  height: 100%;
  font-family: HelveticaNeue;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: center;
  color: #999999;
  vertical-align: middle;
}

.pagination-ul li.active {
  border: 1px solid #222222;
}

.pagination-ul li.active a {
  font-weight: bold;
  color: #222222;
}

.pagination-ul li.pagination-icon.first {
  background: url(/images/common/w-page-left-2.png) no-repeat center center;
}

.pagination-ul li.pagination-icon.prev {
  background: url(/images/common/w-page-left-1.png) no-repeat center center;
}

.pagination-ul li.pagination-icon.next {
  background: url(/images/common/w-page-right-1.png) no-repeat center center;
}

.pagination-ul li.pagination-icon.last {
  background: url(/images/common/w-page-right-2.png) no-repeat center center;
}

.board-view-table {
  width: 100%;
  border-top: 2px solid #222222;
}

.board-view-table th {
  background-color: #f6f7f9;
  height: 4.375rem;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  text-align: center;
  color: #222222;
  border-bottom: 1px solid #e8e8e8;
}

.board-view-table td {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  color: #222222;
  padding: 3.125rem 0;
  border-bottom: 1px solid #e8e8e8;
}

.board-view-table .left {
  text-align: left;
}

.board-view-table .board-no {
  width: 6.25rem;
}

.board-view-table .board-date {
  width: 11.25rem;
}

.board-view-table .board-view-contents {
  padding: 0 2.188rem;
}

.board-view-btn {
  text-align: right;
  margin-top: 3.125rem;
}

.board-view-btn a {
  display: inline-block;
  width: 6.25rem;
  height: 3.438rem;
  line-height: 3.438rem;
  background-color: #ffffff;
  border: 2px solid #222222;
  border-radius: 5px;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -1px;
  color: #222222;
  text-align: center;
}

/*** board end ***/

/*** info start ***/
.policy-wrap {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -1px;
  color: #222222;
  padding: 4.375rem 3.75rem;
  background-color: #f6f7f9;
  border: 1px solid #e9e9e9;
}

.policy-list li {
  cursor: pointer;
}

.policy-list li.active {
  margin-bottom: 15px;
}

.policy-list li.active .policy-wrap-content {
  margin-top: 15px;
}

.privacy-table {
  margin: 1.25rem 0;
}

.privacy-table td {
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  padding: 10px 0;
  text-align: center;
}

.sitemap-wrap {}

.sitemap-title {
  font-size: 1.313rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -1px;
  color: #222222;
  padding-bottom: 0.9375rem;
  margin-bottom: 2.5rem;
  border-bottom: 2px solid #222222;
}

.sitemap-list-wrap {
  margin-bottom: 6.25rem;
}

.sitemap-list-wrap.split4 .sitemap-list-item {
  float: left;
  width: 23.5%;
  margin-left: 2%;
}

.sitemap-list-wrap.split5 .sitemap-list-item {
  float: left;
  width: 18.4%;
  margin-left: 2%;
}

.sitemap-list-wrap .sitemap-list-item:first-child {
  margin-left: 0;
}

.sitemap-list-title {
  width: 100%;
  height: 3.125rem;
  line-height: 3.125rem;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.9px;
  color: #222222;
  padding-left: 1.25rem;
  border: 1px solid #e9e9e9;
  background-color: #f6f7f9;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.sitemap-dl {
  margin-top: 0.625rem;
  padding-left: 1.25rem;
}

.sitemap-dl dt a {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -1px;
  color: #222222;
  margin: 0.625rem 0;
}

.sitemap-dl dd a {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -1px;
  color: #666666;
}

.sitemap-list-wrap2 {
  float: left;
  width: 32%;
  margin-left: 2%;
}

.sitemap-list-wrap2.first {
  margin-left: 0;
}

.sitemap-list-title2 {
  width: 100%;
  height: 3.125rem;
  line-height: 3.125rem;
  border: 1px solid #e9e9e9;
  background-color: #f6f7f9;
  margin-bottom: 0.9375rem;
  text-align: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.sitemap-list-title2 a {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -0.9px;
  color: #222222;
}

/*** info end ***/

/*** layer start ***/
.layer {
  display: none;
  position: absolute;
  z-index: 20000;
}

.layer.webtoon-layer {
  width: 43.13rem;
  top: 0;
  left: 50%;
  margin-left: -21.565rem;
}

.layer.advt-layer.depensbugs {
  width: 53.5rem;
  top: 37.5rem;
  left: 50%;
  margin-left: -26.75rem;
}

.layer.advt-layer.tabagen {
  width: 54.5rem;
  top: 37.5rem;
  left: 50%;
  margin-left: -27.25rem;
}

.layer.layer-1 {
  position: absolute;
  display: block;
  width: 450px;
  top: 0;
  left: 0;
}

.layer.layer-2 {
  position: absolute;
  display: block;
  width: 450px;
  top: 0;
  left: 450px;
}

/* .layer.layer-1904 {
	display: none;
	position: absolute;
	display: block;
	width: 375px;
	top: 100px;
	left: 376px;
}
.layer.layer-1905-2 {
	position: absolute;
	display: block;
	width: 375px;
	top: 100px;
	left: 752px;
} */
/* .layer.layer-1905 {
	position: absolute;
	display: block;
	width: 375px;
	top: 100px;
	left: 376px;
} */
/* 2019-06-17.layer.layer-1905-4 {
	position: absolute;
	display: block;
	width: 435px;
	top: 100px;
	left: 375px;
} */
.layer.layer-1908 {
  position: absolute;
  display: block;
  width: 375px;
  top: 100px;
  left: 375px;
}

.layer-banner-wrap {
  position: relative;
}

.layer.type-2 .layer-banner-wrap {
  position: relative;
  width: 435px;
  height: 500px;
}

.layer.type-2 .layer-banner-wrap img {
  width: 435px;
  height: 500px;
}

.layer.type-2 .layer-banner-wrap a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
}

.layer.type-2 .layer-banner-wrap .link-1 {
  top: 0;
}

.layer.type-2 .layer-banner-wrap .link-2 {
  top: 50%;
}

.layer.type-3 .layer-banner-wrap {
  position: relative;
  width: 435px;
  height: 500px;
}

.layer.type-3 .layer-banner-wrap img {
  width: 435px;
  height: 500px;
}

.layer.type-3 .layer-banner-wrap a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 33.33%;
}

.layer.type-3 .layer-banner-wrap .link-1 {
  top: 0;
}

.layer.type-3 .layer-banner-wrap .link-2 {
  top: 33.33%;
}

.layer.type-3 .layer-banner-wrap .link-3 {
  top: 66.66%;
}

.layer-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  width: 2rem;
}

.zipcode-layer {
  position: fixed;
  top: 7.5rem;
  left: 50%;
  width: 37.5rem;
  max-height: 28.13rem;
  margin: 0 auto;
  margin-left: -18.75rem;
  margin-bottom: 6.25rem;
  background-color: #ffffff;
  border-top: 1px solid #e1e1e1;
  border-radius: 0.3125rem 0.3125rem 0 0;
  /* z-index: 20000; */
}

.zipcode-layer-header {
  height: 3.75rem;
  line-height: 3.75rem;
  padding-left: 0.625rem;
  font-size: 20px;
  border-bottom: 1px solid #e1e1e1;
}

a.zipcode-close-btn {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  display: inline-block;
  width: 5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  border: 1px solid #e1e1e1;
  border-radius: 0.3125rem;
  text-align: center;
  font-size: 16px;
}

a.zipcode-close-btn:hover {
  background-color: #eee;
}

/*** layer end ***/

/* slider(slick) start */
.slick-slider,
.slick-list,
.slick-track {
  height: 100%;
}

.slick-slide {
  outline: none;
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  opacity: 0.5;
  border: solid 1px rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.2);
  outline: 0;
  padding: 0;
}

.slick-dots li.slick-active button {
  opacity: 1;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  border: solid 1px #144085;
  background-color: #144085;
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  display: none !important;
}

/* slider(slick) end */

/*광고 아래 동영상 css 0424*/
.brand-yt-wrap {
  /* background-color: #FAFAFB; */
  padding: 9.375rem 0;
}

.brand-yt-youtube-title {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  font-size: 1.625rem;
  line-height: normal;
  text-align: center;
  letter-spacing: -0.05em;
  color: #000000;
  margin-top: 2.5rem;
}

.brand_yt_width {
  width: 850px;
  margin: 0 auto;
}

.brand-yt-wrap .brand-yt-youtube-wrap {
  margin: 0 auto;
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

.brand-yt-wrap .brand-yt-youtube-wrap iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

/*20240122 유나수정*/
.gnb-hover-dl dt+.brand_group:first-of-type::before {
  display: block;
  content: "";
  border-top: solid 3px #205696;
  transform: scaleX(0);
  transition: transform 300ms ease-in-out;
}

.gnb-hover-dl:hover dt+.brand_group:first-of-type::before {
  transform: scaleX(1);
}

.gnb-hover-dl .brand_group {
  line-height: 50px;
}

.gnb-hover-dl dt.sub_tit {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #eee;
}

.gnb-hover-dl dt.sub_tit a {
  font-size: 16px;
}

.brand_group dd:nth-child(2)::before {
  display: none;
}

.sub_menu dd a {
  display: inline-block;
  margin-left: 10px;
}

.gnb-hover-nav .sub_menu dd:nth-child(2) a {
  margin-top: 0;
}

.sub_menu a:hover,
.sub_menu a.active,
dt.sub_tit.on a,
dt.sub_tit:hover a {
  color: #205696;
  position: relative;
}

.brand_group:hover .sub_menu {
  display: inline-block;
}

.sub_menu {
  display: none;
  padding: 5px 0 15px;
}

.m_brand_group {
  display: flex;
  flex: 100%;
  padding: 4px 0;
}

.m_sub_menu {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 20px;
}

.gnb-menu-dl-1 dt:not(.m_sub_tit) {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 6px 30px;
  top: -25px;
  line-height: normal;
}

.gnb-menu-dl-1 dt.m_sub_tit {
  letter-spacing: -0.05em;
  font-family: "Noto Sans KR";
  width: 120px;
  min-width: 120px;
  font-size: 19px;
  font-weight: 600;
  line-height: normal;
  color: #000;
  padding-right: 15px;
  position: relative;
  top: 0;
}

.gnb-menu-dl-1 dt.m_sub_tit:last-of-type {
  width: auto;
}

.gnb-menu-dl {
  padding: 30px 0 30px 135px;
}

.gnb-menu-dl-1 {
  padding-left: 0;
}

/*20240122 유나수정*/


.footer-sns-ul li img {
  width: 50px;
}

.gnb-menu-sns-ul li img {
  width: 50px;
}

.feraminq_info_txt {
  text-align: center;
  padding: 100px 0;
}

.feraminq_info_txt .tit {
  font-weight: bold;
  font-size: 40px;
  margin-bottom: 25px
}

.feraminq_info_txt .desc {
  font-size: 18px
}

.feraminq_info_txt2 {
  background-color: #fafafb;
  padding: 100px 0;
  text-align: center;
}

.feraminq_info_txt2 .tit {
  font-weight: bold;
  font-size: 40px;
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: center;
  margin-bottom: 25px
}

.feraminq_info_txt2 .desc {
  font-size: 18px;
}

.feraminq_info_txt2 .desc p {
  margin-bottom: 20px
}

.feraminq_info_txt2 .desc p:last-child {
  margin-bottom: 0
}

.feraminq_info_txt2 .main_img {
  margin-top: 70px
}

.feraminq_info_txt3 {
  padding: 100px 0 150px;
  text-align: center;
}

.feraminq_info_txt3 .tit {
  font-weight: bold;
  font-size: 40px;
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: center;
  margin-bottom: 25px
}

.feraminq_info_txt3 .q {
  padding: 10px 100px;
  border-radius: 50px;
  border: 2px solid #c94a99;
  font-weight: bold;
  font-size: 25px;
  display: inline-block;
  margin-bottom: 30px;
  color: #c94a99;
}

.feraminq_info_txt3 .a {
  font-size: 18px;
}

.feraminq_info_txt3 .a .pink {
  color: #c94a99;
}

.brand-story-img-txt {
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  margin-top: 6px
}

.brand-top-band.feraminq {
  /* margin-bottom: 0 */
}

.brand-top-band.feraminq .contents-wrap {
  display: flex;
  align-items: center;
}

.feraminq_guide {
  max-width: 1200px;
  margin: 0 auto;
}

.privacy_table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 2px solid #000;
  table-layout: fixed;
}

.privacy_table th {
  background-color: #f5f5f5;
  font-weight: normal;
  height: 40px;
  vertical-align: middle;
}

.privacy_table td {
  word-break: keep-all;
  text-align: center;
  padding: 10px 15px;
  background-color: #Fff;
  border: 1px solid #ddd;
}

.privacy_table td:has(img) {
  vertical-align: top;
  padding: 30px 15px 20px;

}

.privacy_table.privacy_main_table td {}

.privacy_table tr td:first-child {
  border-left: 0;
}

.privacy_table tr td:last-child {
  border-right: 0;
}

.privacy_table tr td .icon {
  width: 80px;
  height: 80px;
  object-fit: contain;
  object-position: center;
}

.privacy_table tr td .tit {
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 15px
}

.privacy_table tr td ul li {
  position: relative;
  padding-left: 15px;
  text-align: left;
  word-break: keep-all;
}

.privacy_table tr td ul li::before {
  content: "·";
  position: absolute;
  left: 0;
  top: 1px;
}

.policy-wrap .icon_tit {
  display: flex;
  gap: 15px;
  align-items: center;
}

.policy-wrap .icon_tit p {
  font-weight: bold;
}

.policy-wrap .ico_wrap {
  display: flex;
  gap: 10px;
  align-items: center;
}

.policy-wrap p:has(.num) {
  position: relative;
  padding-left: 20px;
}

.policy-wrap p .num {
  position: absolute;
  top: 1px;
  left: 0
}

.policy-wrap .ico_wrap img {
  width: 30px;
}

.privacy_list {
  word-break: keep-all;
}

.privacy_list li {
  position: relative;
  padding-left: 10px
}

.privacy_list li a {
  text-decoration: underline;
}

.privacy_list li::before {
  content: "·";
  position: absolute;
  left: 0;
  top: 1px;
}

/* insadol_pop_layer */
.insadol_pop_layer {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  width: 1063px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  padding: 30px;

  /* new */
  z-index: 9999;
  height: calc(100vh - 140px);
  width: 100%;
  max-width: 570px;
}

.insadol_pop_layer .only_768 {
  display: none;
}

.insadol_pop_layer .i_pop_close {
  background-color: transparent;
  border: 0;
  padding: 0;
  position: absolute;
  right: 16px;
  top: 16px
}

.insadol_pop_layer .i_pop_wrap {
  border: 1px solid #000;

  /* new */
  height: 100%;
}

.insadol_pop_layer .i_pop_hd {
  background-color: #F0F0F0;
  text-align: center;
  padding: 22px 0;
  font-weight: bold;
  font-size: 30px;

  /* new */
  padding: 15px 0;
  font-size: 24px;
}

.insadol_pop_layer .i_pop_content {
  padding: 20px 20px 15px;

  /* new */
  overflow: auto;
  height: calc(100% - 102px);
  display: inline-block;
}

.insadol_pop_layer .i_pop_content .box_wrap {
  display: flex;

  /* new */
  flex-direction: column;
}

.insadol_pop_layer .i_pop_content .box_wrap .box {
  flex: 1;
}

.insadol_pop_layer .i_pop_content .box_wrap .line {
  display: block;
  width: 1px;
  height: 100%;
  background-color: #717276;
  /* new */
  display: none;
}

.insadol_pop_layer .i_pop_content .box_wrap .box .tit {
  font-weight: bold;
  font-size: 24px;
  padding-left: 20px;
  margin-bottom: 20px;
  border-left: 6px solid #d50037;

  /* new */
  font-size: 18px;
  padding-left: 12px;
}

.insadol_pop_layer .i_pop_content .box_wrap .box:nth-child(1) {
  padding-right: 30px;
  border-right: 1px solid #303030;

  /* new */
  padding-right: 0;
  border-right: 0;
}

.insadol_pop_layer .i_pop_content .box_wrap .box:nth-child(2) {
  padding-left: 30px;
  /* new */
  padding-left: 0;
}

.insadol_pop_layer .i_pop_content .box_wrap .box .img img {
  max-width: 100%;
  width: 100%;
  /* new */
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.insadol_pop_layer .i_pop_content .box_wrap .box:nth-child(2) .img {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}

.insadol_pop_layer .i_pop_content .box_wrap .box:nth-child(2) .img .img_info {
  position: absolute;
  left: 15px;
  bottom: 10px;
  font-size: 11px
}

.insadol_pop_layer .i_pop_content .box_wrap .box .txt {
  margin-top: 10px;
  padding-bottom: 15px;
  font-size: 16px;
  line-height: 1.5;
  /* new */
  padding-bottom: 20px;
}

.insadol_pop_layer .i_pop_content .box_wrap .box .txt b {
  font-weight: bold;
}

.insadol_pop_layer .i_pop_content .i_pop_info {
  padding-top: 12px;
  color: #444445;
  font-size: 14px;
  border-top: 1px solid #C7C7C7;
  margin-top: 20px;
  /* new */
  font-size: 14px;
  margin-top: 5px;

}

/* insadol_pop_layer */
/*인사돌 포스터 추가 250731*/
.img_wrap._insadol {
  width: calc(100% - 40px);
  max-width: 1200px;
  margin-top: 100px;
  margin-inline: auto;
}

.img_wrap._insadol img {
  display: inline-block;
  width: 100%;
  object-fit: contain;
}

.p_info {
  display: inline-block;
  float: right;
  padding-inline: 3px;
}

.m_obj {
  display: none !important;
}

.caritopoten .contents-wrap.flex {
  display: flex;
  align-items: center;

}

.caritopoten .contents-wrap.flex .brand-story-guide.top {
  top: -15px;
  color: #fff;
}

.caritopoten_img_3_2025 img {
  border-radius: 15px;
}

.mo_floating {
  position: fixed;
  right: 230px;
  bottom: 15px;
  width: calc(100vw / 4);
  max-width: 240px;
  z-index: 99;
}

.brand_mo_wrap .brand_mo_wrap_video_tit {
  font-size: 1.6rem;
  font-family: 'Escoredream';
  font-weight: 600;
  word-break: keep-all;
  margin-top: 2.5rem;
}

.brand_mo_wrap {
  text-align: center;
  padding-bottom: 50px;
}

.brand_mo_wrap>img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.brand_tab {
  display: none;
}

.brand_tab.tab1 {
  display: block;
}

.insadol_slide {
  margin: 3em 0 1em;
  padding-left: 3em;
}

.insadol_slide .slick-slide {
  margin: 0 10px;
  position: relative;
}

.insadol_slide .slick-slide img {
  filter: brightness(0.5);

}

.brand_mo_wrap:has(.insadol_slide_wrap) {
  padding-bottom: 0;
}


.insadol_slide_wrap {
  background-color: #e3c19f;
  padding: 6rem 0;
  max-width: 850px;
  margin: 0 auto;
  margin-top: 6rem;
}

.insadol_slide .slick-active img {
  filter: none;
}

.brand_slide_new {
  margin: 3em 0 1em;
  padding-left: 3em;
}

.brand_slide_new .slick-slide {
  margin: 0 10px;
  position: relative;
}

.brand_slide_new .slick-slide img {
  filter: brightness(0.5);

}

.brand_mo_wrap:has(.brand_slide_new) {
  padding-bottom: 0;
}

.brand_slide_new_wrap {
  background-color: #e3c19f;
  padding: 6rem 0;
  max-width: 850px;
  margin: 0 auto;
  margin-top: 6rem;
}

.brand_slide_new .slick-active img {
  filter: none;
}

.brand_mo_wrap .hidden_img_btn {
  background-color: transparent;
  padding: 0;
  outline: 0;
  border: 0;
  display: block;
  margin: 20px auto;
  max-width: 100%;
}

.brand_mo_slide:first-of-type {
  margin-top: 130px;
}

.brand_mo_slide.cf {
  margin-top: 130px;
}

.brand_mo_slide.yt {
  margin-bottom: 120px;
  margin-top: 84px;
}

.brand_mo_slide {
  width: 100%;
  max-width: 850px;
  margin: 0 auto;
}

.brand_mo_slide .brand_mo_slide_tit {
  margin-bottom: 35px;
}

.brand_mo_slide .brand_mo_video {
  width: 100%;
  aspect-ratio: 1 / 0.56;

}

.brand_mo_slide .brand_mo_video iframe {
  width: 100%;
  height: 100%;
}

.brand_mo_wrap .hidden_img {
  display: none;
}

.brand_tab_btns {
  position: relative;
  z-index: 9;
  display: flex;
  max-width: 850px;
  margin: 6em auto 0;
  top: 15px;
}

.brand_tab_btns button {
  position: absolute;
  left: 0;
  width: 50%;
  height: 100%;
  top: 0;
  background-color: transparent;
  border: 0;
  outline: 0;
}

.brand_tab_btns button.btn2 {
  left: 50%;

}

.brand_tab_btns._three button {
  width: 33.3333%;
}

.brand_tab_btns._three button.btn2 {
  left: 33.3333%;
}

.brand_tab_btns._three button.btn3 {
  left: 66.6666%;
}

.brand_slide_new_wrap.pansidil {
  background-color: #aee1e8;
}

/*인사돌 포스터 추가 250731*/
.privacy_btn {
  cursor: pointer;
  color: #205696;
  border-bottom: 1px solid #205696;
}

/*사라펜 추가 260211*/

.fc-sarafen {
  color: #283E65 !important;
}

.brand-product-tab-ul.sarafen li a.on {
  background-color: #283E65;
}

.brand-product-table-sarafen-img {
  height: 250px;
  background-image: url(/images/v2/brand/sarafen_prod_1.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 230px;
  position: absolute;
  top: -3%;
  right: 0;
  z-index: -2;
}

.brand-product-contents-wrap.sarafen a.brand-product-detail-btn::after {
  background: #283E65 url(/images/v2/brand/brand-product-detail-btn-down.png) no-repeat center center;
}

.fc-sarafen_joint {
  color: #04B49C !important;
}

.brand-product-tab-ul li.sarafen_joint a.on {
  background-color: #04B49C;
}

.brand-product-table-sarafen_joint-img {
  height: 250px;
  background-image: url(/images/v2/brand/sarafen_joint_prod_1.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 230px;
  position: absolute;
  top: -9%;
  right: 0;
  z-index: -2;
}

.brand-product-contents-wrap.sarafen_joint a.brand-product-detail-btn::after {
  background: #04B49C url(/images/v2/brand/brand-product-detail-btn-down.png) no-repeat center center;
}


.fc-sarafen_long {
  color: #662D91 !important;
}

.brand-product-tab-ul li.sarafen_long a.on {
  background-color: #662D91;
}

.brand-product-table-sarafen_long-img {
  height: 250px;
  background-image: url(/images/v2/brand/sarafen_long_prod_1.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 230px;
  position: absolute;
  top: -8%;
  right: 0;
  z-index: -2;
}

.brand-product-contents-wrap.sarafen_long a.brand-product-detail-btn::after {
  background: #662D91 url(/images/v2/brand/brand-product-detail-btn-down.png) no-repeat center center;
}


.fc-sarafen_cool {
  color: #00A8E5 !important;
}

.brand-product-tab-ul li.sarafen_cool a.on {
  background-color: #00A8E5;
}

.brand-product-table-sarafen_cool-img {
  height: 250px;
  background-image: url(/images/v2/brand/sarafen_cool_prod_1.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 230px;
  position: absolute;
  top: -3%;
  right: 0;
  z-index: -2;
}

.brand-product-contents-wrap.sarafen_cool a.brand-product-detail-btn::after {
  background: #00A8E5 url(/images/v2/brand/brand-product-detail-btn-down.png) no-repeat center center;
}

/*사라펜 추가 260211*/

/*260305 디자인개편*/

.brand_slide_wrap {
  padding: 6rem 0;
  max-width: 850px;
  margin: 0 auto;
  margin-top: 6rem;
}

img+.brand_slide_wrap {
  margin-top: 0;
}

.brand_slide_wrap._feraminq {
  background-color: #ffe0ee;
}

.brand_slide_wrap._madeca {
  background-color: #c2e3bf;
}

.brand_inner_slide {
  margin: 3em 0 1em;
  padding-left: 3em;
}

.brand_inner_slide .slick-slide {
  margin: 0 10px;
  position: relative;
}

.brand_inner_slide .slick-slide img {
  filter: brightness(0.5);

}

.brand_inner_slide .slick-active img {
  filter: none;
}

.brand_mo_wrap .brand_mo_wrap_video_tit span.new_color_feraminq {
  color: #f957a2;
}

.brand_mo_wrap .brand_mo_wrap_video_tit span.new_color_madecassol {
  color: #229637;
}

.brand_tab_wrap {
  position: relative;
  z-index: 9;
  display: flex;
  max-width: 850px;
  margin: 6em auto 0;
  flex-wrap: wrap;
}

.brand_tab_wrap button {
  width: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 3.5 / 1;
  border: none;
  background-color: transparent;
  position: relative;
  border-top: 2px solid #d6d6d6;
}

.brand_tab_wrap :where(button:nth-child(2n-1)+button:nth-child(2n))::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: calc(100% - 40px);
  background-color: #efefef;
  border-radius: 5px;
  position: absolute;
  left: 0;
}

.brand_tab_wrap button img {
  width: 70%;
  height: 100%;
  object-fit: contain;
  filter: grayscale(1) brightness(0.1) invert(0.85);
}


.brand_tab_wrap button.active img {
  filter: none;
}



.brand_tab_wrap.btns_5 .btn_left {
  flex: 1;
}

.brand_tab_wrap.btns_5 .btn_right {
  flex: 2;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  border-top: 2px solid #d6d6d6;
  gap: 25px 0;
  padding-block: 20px;
}

.brand_tab_wrap.btns_5 .btn_right::before {
  content: "";
  display: inline-block;
  width: calc(100% - 40px);
  height: 5px;
  background-color: #efefef;
  border-radius: 5px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.brand_tab_wrap.btns_5 .btn_left button {
  width: 100%;
  height: 100%;
}

.brand_tab_wrap.btns_5 .btn_left button::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: calc(100% - 60px);
  background-color: #efefef;
  border-radius: 5px;
  position: absolute;
  right: 8px;
}

.brand_tab_wrap.btns_5 .btn_right button {
  border-top: 0;
}

.brand_tab_wrap.btns_5 :where(button:nth-child(2n-1)+button:nth-child(2n))::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: calc(100% - 25px);
  background-color: #efefef;
  border-radius: 5px;
  position: absolute;
  left: 0;
}

.brand_tab_wrap.btns_5 button img.big_img {
  width: 80%;
}

/*260305 디자인개편*/

/*100세 건강 - 기억력 감퇴란 시작 260318*/
/* 메모레인 */

.memorain-text-1 {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  text-align: left;
  color: #222222;
  word-break: keep-all;
}

.memorain-text-1 strong .small_font {
  font-weight: 400;
}

.health_wrap .fc-memorain {
  /* color: #9cc813 !important; */
  color: #8caf21 !important;
  font-weight: 500
}

.memorain-layout-1 {
  padding: 2.375rem 4.25rem 3.5rem;
  background-color: #fafafa;
  text-align: center;
  margin-top: 2.5rem;
}

.memorain-line {
  width: 100%;
  height: 1px;
  margin: 3.75rem auto;
  background: url(/images/information/mintrol-line-2.png) repeat-x;
}

.memorain-layout-2 {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 3.125rem;
  background-color: #fff;
  margin-top: 2.5rem;
  position: relative;
  box-sizing: border-box;
  gap: 25px;
}

.memorain-layout-2::before {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background-color: #ced5cf;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.1;
}

.memorain-layout-2>div {
  display: flex;
  align-items: center;
}

.memorain-layout-2 .left {
  border-bottom: 1px dashed #ccc;
  padding-bottom: 30px;
}

.memorain-layout-2>div .desc {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 15px;
}

.memorain-layout-2>div .desc {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 15px;
  border: 2px solid #d1d9bb;
  /* border: 2px solid #9cc81369; */
  padding: 5px 20px;
  border-radius: 50px;
  font-size: 18px;
  color: #4b572b;
}

.memorain-layout-2>div .img_wrap {
  display: inline-block;
  width: 120px;
  height: 120px;
  margin-right: 20px;
}

.memorain-layout-2>div .img_wrap img {
  display: block;
  width: 100%;
  height: 100%;
  filter: brightness(1.25) hue-rotate(-30deg);
  object-fit: contain;
}


.sub-top-visual-2.memorain {
  background-color: #9cc81354;
}

.sub-top-visual-2.memorain .sub-top-information-product {
  background: url(/images/information/memorain-img-1.png) no-repeat right 2rem bottom 2.6rem;
  background-size: 24.825rem;
}

/* 메모레인 */


/*100세 건강 - 기억력 감퇴란 끝 260318*/

/* 개인정보 처리 방침 260319 */
.privacy_select_box_flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.privacy_select {
  padding: 5px 10px;
}

.policy_date {
  color: #144085;
}

/*피부건강 - 여드름 이야기 260323 시작*/
.pimple-text-1 {
  font-size: 1.15em;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  text-align: left;
  word-break: keep-all;
}

.pimple-text-2 {
  font-size: 1.15em;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  text-align: left;
  margin-top: 2.5rem;
  word-break: keep-all;
}

.pimple-text-3 {
  font-size: 1.15em;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  text-align: left;
  margin-top: 0.625rem;
  word-break: keep-all;
}

.pimple-text-3 p b {
  display: block;
  margin-bottom: 6px;
}

.pimple-text-3 p+p {
  margin-top: 1.15em;
}

:where(.pimple-text-1, .pimple-text-3)+h2 {
  margin-top: 4.7rem;
}

.pimple-text-4 {
  font-size: 1.15em;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: -1px;
  text-align: left;
  margin-top: 0.625rem;
  margin-bottom: 2.4rem;
  word-break: keep-all;
}

.pimple-img {
  display: inline-block;
  width: 60px;
  object-fit: contain;
  border: 2px solid #ffb7b3;
  border-radius: 100px;
  margin-left: 1.5rem;
  margin-bottom: 0rem;
  vertical-align: middle;
}

.wound-img {
  display: inline-block;
  width: 60px;
  object-fit: contain;
  border: 2px solid #71bb3c;
  border-radius: 100px;
  vertical-align: middle;
}

.scar-img {
  display: inline-block;
  width: 60px;
  object-fit: contain;
  border: 2px solid #ffb7b3;
  border-radius: 100px;
  vertical-align: middle;
}

.sub-contents-wrap._pimple h2 {
  margin-bottom: 2rem;
}

.sub-contents-wrap h2.with_img {
  margin-bottom: 1.1rem;
}

.pimple_link_wrap {
  margin-top: 1rem;
  margin-bottom: 4rem;
  display: inline-flex;
  flex-direction: column;
  gap: 1.7rem;
}

.pimple_link_wrap a {
  display: inline-block;
}

.pimple_link_wrap a:hover {
  text-decoration: underline;
}

.pimple_link_wrap> :where(div, a) span {
  margin-right: 10px;
}

.pimple-img-1 {
  display: inline-block;
  width: 100%;
  max-width: 480px;
  object-fit: contain;
  margin-block: 1.5rem 2rem;
}

.pimple-table-1 {
  margin-top: 1.875rem;
}

.pimple-table-1 th,
.pimple-table-1 td {
  border: 1px solid #e9e9e9;
}

.pimple-table-1 th {
  background-color: #f6f7f9;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -0.9px;
  text-align: center;
  width: 8.125rem;
  word-break: keep-all;
  padding: 10px 12px;
}

.pimple-table-1 td {
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: -0.9px;
  text-align: left;
  padding: 15px;
}

.pimple-table-1 tr:nth-child(1) th {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 10px;
}

.pimple-table-1 tr td:nth-child(2) {
  width: 44%;
}

.pimple-table-1 tr td:nth-child(3) {
  width: 44%;
}

.sub-top-visual-2.sensespot {
  background-color: #F7CDCB;
}

.sub-top-visual-2.sensespot .sub-top-information-product {
  background: url(/images/information/skincare_pimple2.png) no-repeat right 2rem bottom 2.5rem;
  background-size: auto 15.4rem;
}

.sub-top-tab.sensespot .sub-tab-ul li {
  width: 14.38rem;
}

.sub-top-tab.sensespot .sub-tab-ul li a:hover,
.sub-top-tab.sensespot .sub-tab-ul li a.active {
  color: #f17e89;
}

.sub-top-tab.sensespot .sub-tab-ul li a.active {
  border-bottom: 3px solid #f17e89;
}

.m_only {
  display: none;
}

.with_ref {
  position: relative;
}

.with_ref::after {
  content: " 1)";
  display: inline-block;
  font-size: 12px;
  color: inherit;
  vertical-align: text-top;
  margin-left: 3px;
}

.with_ref.ref_2::after {
  content: " 2)";
}

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

.pimple-text-3.flex_jc_sb {
  gap: 20px;
  margin-left: 76px;
}

.pimple-text-3.flex_jc_sb p+p {
  margin-top: 0;
}

.pimple_link_wrap.with_desc {
  margin-bottom: 1em;
  margin-top: -0.4em;
}

.pl-35 {
  padding-left: 2.3rem;
}

.mt-15 {
  margin-top: 15px;
}

.privacy_gray {
  /* padding-left: 13px; */
  margin-top: 20px;
  color: #737373;
  position: relative;
  line-height: 1.4;
}

/* .privacy_gray::before {
  content: "*";
  color: #737373;
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 0;
} */

.privacy_gray span {
  text-decoration: underline;
}

/*피부건강 - 여드름 이야기 260323 끝*/
@media screen and (max-width: 1200px) {

  /* insadol_pop_layer */
  .insadol_pop_layer {
    width: 80%;
  }

  .insadol_pop_layer .i_pop_content .box_wrap .box .tit {
    font-size: 18px;
    padding-left: 10px;
    letter-spacing: -0.8px;
  }

  .insadol_pop_layer .i_pop_content .box_wrap .box:nth-child(1) {
    padding-right: 10px;
  }

  .insadol_pop_layer .i_pop_content .box_wrap .box:nth-child(2) {
    padding-left: 10px
  }

  .insadol_pop_layer .i_pop_content .box_wrap .box .txt {
    font-size: 14px;
  }

  .insadol_pop_layer .i_pop_content .i_pop_info {
    font-size: 12px
  }

  .insadol_pop_layer .i_pop_hd {
    font-size: 22px;
    padding: 12px 0;
  }

  /* insadol_pop_layer */
  .inquiry-form-ul li:first-child label:nth-of-type(2) {
    margin-left: 10px;
  }

  .inquiry-form .inquiry-input-wrap input {
    width: auto;
  }

  .inquiry-form input[type="text"].full {
    width: calc(100% - 120px);
  }

  .inquiry-form textarea {
    width: calc(100% - 120px);
  }

  .inquiry-form-wrap {
    width: 100%;
    min-width: 0
  }

  .feraminq_guide {
    width: 100%
  }

  html,
  body {
    font-size: 14px;
  }

  #contents {
    padding: 101px 0.625rem 0 0.625rem;
  }

  .brand_yt_width {
    width: 70%;
  }

  .brand-top-wrap.winflex .brand-top-slide-wrap {
    height: auto;
    width: auto;
    text-align: center;
    padding-right: 30px;
  }

  .brand-top-wrap.winflex iframe {
    margin-top: -20px !important;
    width: 300px !important;
    height: 375px !important;
    padding-left: 0 !important;
  }

  /*20240122 유나수정*/
  .gnb-menu-nav>div.bg {
    flex-basis: 30.5rem;
    /*20260212 메뉴 이미지 제거*/
    flex-basis: 1rem;
  }

  .gnb-menu-nav>div:nth-of-type(2) {
    padding: 0 30px;
  }

  .gnb-menu-dl {
    padding: 20px 0 20px 110px;
    gap: 6px 20px;
  }

  .gnb-menu-dl dd a {
    color: #666;
  }

  .gnb-menu-dl-1 {
    padding-left: 0;
  }

  .gnb-menu-dl dt {
    font-size: 21px;
    top: 17px;
  }

  .m_sub_menu {
    gap: 5px 10px;
  }

  .m_sub_menu dd {
    padding: 0px;
  }

  .gnb-menu-dl-1 dt.m_sub_tit {
    width: 90px;
    min-width: 90px;
  }

  .gnb-menu-dl dt.m_sub_tit {
    width: 90px;
    min-width: 90px;
    padding-right: 20px;
    font-weight: 600;
  }

  .gnb-menu-dl dt.m_sub_tit:last-of-type {
    width: auto;
  }

  /*20240122 유나수정*/
}

@media screen and (max-width: 1000px) {

  html,
  body {
    font-size: 12px;
  }

  .gnb-hover-nav {
    display: none;
  }

  .brand-cf-arrows-wrap {
    display: none;
  }

  .haemorrhoids-img-ul-2 li.haemorrhoids-img-ul-2-arrow-li {
    margin: 0 0.9rem;
  }

  .haemorrhoids-right-bg-text {
    max-width: 75%;
  }


  /*인사돌 포스터 추가 250731*/
  .img_wrap._insadol {
    margin-top: 60px;
  }

  /*인사돌 포스터 추가 250731*/
  /*사라펜 추가 260211*/
  .brand-product-table-sarafen-img {
    height: 250px;
    width: 190px;
    top: -5%;
    right: 2rem;
    z-index: -2;
  }

  .brand-product-table-sarafen_joint-img {
    height: 200px;
    width: 180px;
    top: -9%;
    right: 3rem;
    z-index: -2;
  }

  .brand-product-table-sarafen_long-img {
    height: 200px;
    width: 180px;
    top: -8%;
    right: 3rem;
    z-index: -2;
  }

  .brand-product-table-sarafen_cool-img {
    height: 250px;
    width: 170px;
    top: -3%;
    right: 3rem;
    z-index: -2;
  }

  /*사라펜 추가 260211*/
  .memorain-text-1 strong {
    font-size: 16px;
  }
}



@media screen and (max-width: 900px) {

  html,
  body {
    font-size: 11px;
  }

  .brand-cf-arrows-wrap {
    display: none;
  }

  .haemorrhoids-img-ul-2 li.haemorrhoids-img-ul-2-arrow-li {
    margin: 0 0.9rem;
  }

  .haemorrhoids-right-bg-text {
    max-width: 75%;
  }

  .brand-product-contents-wrap.memorain .brand-product-table {
    background-size: auto 17rem
  }

  .pimple-text-3.flex_jc_sb p {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {

  html,
  body {
    font-size: 10px;
  }
}

@media screen and (max-height: 700px) {
  .gnb-menu-sns-ul {
    display: none;
  }
}

.insadolplus_new .brand-top-text-1 {
  font-weight: 700;
  font-size: 35px;
}