@charset "utf-8";

.sub-visual-wrap {
  position: relative; width: 100%; height: 200px; background-color: #d9d9d9; display: flex; justify-content: center; align-items: center;
}

.sub1-visual {background: url('../images/sub1/sub1-visual.jpg?t=1') no-repeat center; background-size: cover;}
.sub2-visual {background: url('../images/sub2/sub2-visual1.jpg?t=1') no-repeat center; background-size: cover;}
.sub2-2-visual {background: url('../images/sub2/sub2-2visual.jpg?t=1') no-repeat center; background-size: cover;}
.sub2-3-visual {background: url('../images/sub2/sub2-3visual.jpg?t=1') no-repeat center; background-size: cover;}
.sub2-visual-hempOil {background: url('../images/sub2/sub2-visual-hempOil.jpg') no-repeat center; background-size: cover;}
.sub2-visual-msm {background: url('../images/sub2/sub2-visual-msm.jpg?+=1') no-repeat center; background-size: cover;}
.sub3-visual {background: url('../images/sub3-visual.jpg?t=1') no-repeat center; background-size: cover;}
.sub4-visual {background: url('../images/sub4-visual.jpg') no-repeat center; background-size: cover;}

.sub-visual-wrap .sub-visual {text-align: center;}
@keyframes fadein {
  from {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}
.sub-visual-wrap .sub-visual h2 {font-family: 'Nanum Myeongjo', serif; font-size: 3.6rem; font-weight: 400; color: #fff; margin-bottom: 16px;}
.sub-visual-wrap .sub-visual p {font-family: 'Pretendard', sans-serif; font-size: 1.4rem; font-weight: 300; color: #fff; letter-spacing: 5px; line-height: 1.5;}

.sub-nav-wrap {border-bottom: 1px solid #e9e9e9;}
.sub-nav-inner {padding: 0;}
/* .sub-nav-inner .sub-nav {display: none;} */
.sub-nav-inner .sub-depth-1 {display: flex; justify-content: center;}
.sub-nav-inner .sub-depth-1 li {font-size: 1.8rem; line-height: 80px; width: calc(100%/3); text-align: center; position: relative;}
.sub-nav-inner .sub-depth-1 li:after {content: ''; display: block; width: 4px; height: 4px; position: absolute; background: url('../images/bullet.png') no-repeat; top: 50%; right: 0; transform: translateY(-50%);}
.sub-nav-inner .sub-depth-1 li:last-child:after {content: none;}
.sub-nav-inner .sub-depth-1 li a {color: #ababab; transition: all .2s ease-in-out; font-size: 1.8rem; font-weight: 300;
}
.sub-nav-inner .sub-depth-1 li a:hover {color: #000000; font-weight: 600;}
.sub-nav-inner .sub-depth-1 li.on a{color: #000000; font-weight:600;}

@media all and (min-width: 421px) {
.sub-visual-wrap {height: 300px;}
}
@media all and (min-width: 768px) {
  .sub-nav-inner .sub-depth-1 li {line-height: 100px;}
  .sub-nav-inner .sub-depth-1 li:after {right: 0;}
  .sub-nav-inner .sub-depth-1 li a {font-size: 2.4rem;}
}


.sub-nav-inner .sub-nav {display: none;}

/* mo-sub-nav */
.customer-pb {padding-bottom: 60px;}

.dropdown {display: block; position: relative; width: 100%; font-weight: 500; color: #191919; text-align: center; font-size: 1.5rem; z-index: 1; padding: 10px;}
.dropdown a {display: block; position: relative; padding: 13px 20px;}
.dropdown .dropdown-label {background-color: #191919; transition-property: background-color, border-radius; transition-delay: 0.3s; color: #fff;}
.dropdown.active .dropdown-label {position: relative; background-color: #F4F7F9;  transition-delay: 0s; color: #191919; border: 2px solid #191919;}
.dropdown .dropdown-label::before {content: "\f078"; display: inline-block; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); font-family: "Font Awesome 6 Free"; font-weight: 900;}
.dropdown.active .dropdown-label::before {transform: translateY(-50%) rotate(180deg);}
.dropdown .option-list {display: none; top: calc(100% - 2px); width: 100%; padding: 0 16px; border: 2px solid #191919; border-top: 0; background-color: #fff; z-index: 999;}
.dropdown .option-list .option-item {border-top: 1px solid #CED3D7;}
.dropdown .option-list li:nth-child(1) {border-top: none;}
.dropdown .option-list .option-item a {color: #A9A9A9;}
.dropdown .option-list .option-item a:hover {color: #05539E;}

@media all and (min-width: 430px) {
  .sub-nav-inner .sub-nav {display: block;}
  .dropdown {display: none;}
}

@media all and (min-width: 768px) {
  .sub-visual-wrap {height: 420px;}
  .sub-nav-inner {max-width: 1280px; margin: 0 auto;}
  /* .sub-nav-inner .sub-nav {display: block;} */
  .sub-visual-wrap .sub-visual h2 {font-size: 4.8rem;}
  .customer-pb {padding-bottom: 0;}
  .sub-content-inner>.title {margin: 0 auto;}
}


/* sub-content-wrap common css */
.sub-content-inner {text-align: center;}
.sub-content-inner>.title {margin: 60px 0 100px auto;}
.sub-content-inner>.title h3 {font-size: 3rem; font-weight: 700; position: relative;}
.sub-content-inner>.title p {font-size: 1.6rem; font-weight: 500; color: #05539E; line-height: 1.75;}
.sub-content-inner .sub-content-tit .title {text-align: center;}
.sub-content-inner .sub-content-tit .title h3 {font-size: 2.8rem; font-weight: 700; position: relative; font-family: 'Nanum Myeongjo', serif;}
.sub-content-inner .sub-content-tit .title h3 p {font-size: 1.8rem; font-weight: 600; margin-bottom: 16px; font-family: 'Pretendard', serif;}

.sub1-content-inner {padding: 80px 0;}

@media all and (min-width: 768px) {
  .sub-content-inner .sub-content-tit .title h3 {font-size: 4rem;}
}

/* sub1-1.html css */
/************ 회사소개 css ***********/

/* .company-wrap {margin-top: 60px;} */

.sub1-content-inner .sub-content-txt .company-wrap .company-content section {position: relative; width: 100%; height: 70vh; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.sub1-content-inner .sub-content-txt .company-wrap .company-content .section_01 {display: flex; gap: 40px; justify-content: space-between; flex-wrap: wrap;}
.sub1-content-inner .sub-content-txt .company-wrap .company-content .section_02 {display: flex; gap: 60px; flex-direction: column;}
.sub1-content-inner .sub-content-txt .company-wrap .company-content .section_03 {display: flex; gap: 40px; justify-content: space-between; flex-wrap: wrap; flex-direction: column-reverse;}
.sub1-content-inner .sub-content-txt .company-wrap .company-content .section_04 {display: flex;  gap: 60px; flex-direction: column;}

.sub1-content-inner .sub-content-txt .company-wrap .company-content .section_01 .text {padding: 0 15px;}
.sub1-content-inner .sub-content-txt .company-wrap .company-content .section_02 .text {padding: 0 15px;}

.sub1-content-inner .sub-content-txt .company-wrap .company-content .section_03 .text {padding: 0 15px;}
.sub1-content-inner .sub-content-txt .company-wrap .company-content .section_04 .text {padding: 0 15px;}

.section_01>div {width: 100%;}
.section_03>div {width: 100%;}

.sub1-content-inner .sub-content-txt .company-wrap .company-content section .img {font-size: 15vmin; display: flex; align-items: center; justify-content: center;}

.from-top {opacity: 0;}
.from-top.is-animated {animation: from-top 2s forwards;}

@keyframes from-top {
  from {
    transform: translateY(-20vh);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.from-bottom {opacity: 0;}
.from-bottom.is-animated {animation: from-bottom 2s forwards;}

@keyframes from-bottom {
  from {
    transform: translateY(20vh);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.from-left {opacity: 0;}
.from-left.is-animated {animation: from-left 2s forwards;}

@keyframes from-left {
  from {
    transform: translateX(-20vh);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.from-right {opacity: 0;}
.from-right.is-animated {animation: from-right 2s forwards;}

@keyframes from-right {
  from {
    transform: translateX(20vh);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.sub1-content-inner .sub-content-txt .company-wrap .company-content section .text h4 { font-size: 3rem; font-family: 'Nanum Myeongjo', serif; font-weight: 600; margin-bottom: 40px; text-align: left;}
.sub1-content-inner .sub-content-txt .company-wrap .company-content section .text p {text-align: left;}
.sub1-content-inner .sub-content-txt .company-wrap .company-content section .text p span {text-align: left; font-size: 1.8rem; font-weight: 400; line-height: 1.4;}

@media all and (min-width: 768px) {  
  .sub1-content-inner .sub-content-txt .company-wrap .company-content section {height: 90vh;}
  .sub1-content-inner .sub-content-txt .company-wrap .company-content .section_03 {flex-direction: row;}
  .sub1-content-inner .sub-content-txt .company-wrap .company-content .section_01 .text {padding-right: 20%;}
  .sub1-content-inner .sub-content-txt .company-wrap .company-content .section_03 .text {padding-left: 20%;}
  .section_01>div {width: calc((100% - 40px)/2);}
  .section_03>div {width: calc((100% - 40px)/2);}
  .sub1-content-inner .sub-content-txt .company-wrap .company-content section .text p span {display: block;}
}

/* overview css */
.overview-content-inner {margin: 80px 0;}
.overview-content-inner .sub-content-txt {margin-top: 80px;}
.overview-content-inner .sub-content-txt .company-wrap .company-content {padding: 40px 0; border-top: 1px dashed #e1e1e1;}
.overview-content-inner .sub-content-txt .company-wrap .company-content .text {display: flex; gap: 30px; flex-direction: column;}

.overview-content-inner .sub-content-txt .company-wrap .company-content .text .txt {width: 100%;}
.overview-content-inner .sub-content-txt .company-wrap .company-content .text .tit p {font-size: 2.4rem; font-weight: 600; text-align: left; position: relative; padding-left: 20px;}
.overview-content-inner .sub-content-txt .company-wrap .company-content .text .tit p:before {content: ''; position: absolute; width: 8px; height: 8px; background: url('../images/sub1/bullet.png') no-repeat; top: 50%; transform: translate(0, -50%); left: 0;}
.overview-content-inner .sub-content-txt .company-wrap .company-content .text .txt p {font-size: 1.6rem; text-align: left; line-height: 1.75;}
.overview-content-inner .sub-content-txt .company-wrap .company-content .text .txt p strong {font-weight: 700; color: #C83030;}
.overview-content-inner .sub-content-txt .company-wrap .company-content .img {display: flex; gap: 40px; flex-direction: column; justify-content: end; align-items: center;margin-top: 40px;}

.overview-content-inner .sub-content-txt .company-wrap .company-content03 .business-model {display: flex; gap: 40px; flex-wrap: wrap; margin-top: 40px; justify-content: end;}
.overview-content-inner .sub-content-txt .company-wrap .company-content03 .business-model>div {width: 100%;}
.overview-content-inner .sub-content-txt .company-wrap .company-content03 .business-model>div ul {border: 1px solid #3f3f3f;}
.overview-content-inner .sub-content-txt .company-wrap .company-content03 .business-model>div ul>p {font-size: 2rem; font-weight: 400; width: 100%; padding: 20px 0; background-color: #3F3F3F; color: #fff;}

.overview-content-inner .sub-content-txt .company-wrap .company-content03 .business-model>div ul li {display: flex; align-items: center; gap: 20px; padding: 0 20px;}
.overview-content-inner .sub-content-txt .company-wrap .company-content03 .business-model>div ul li .img {margin-top: 20px;}
.overview-content-inner .sub-content-txt .company-wrap .company-content03 .business-model>div ul li:last-child .img {margin-bottom: 20px;}
.overview-content-inner .sub-content-txt .company-wrap .company-content03 .business-model>div ul li .w-154 {width: 154px;}
.overview-content-inner .sub-content-txt .company-wrap .company-content03 .business-model>div ul li .txt p {text-align: left; font-size: 1.5rem; font-weight: 400; line-height: 1.4;}

@media all and (min-width: 361px) {
  .overview-content-inner .sub-content-txt .company-wrap .company-content03 .business-model>div ul li {gap: 40px; padding: 0 20px;}
  .overview-content-inner .sub-content-txt .company-wrap .company-content03 .business-model>div ul li .w-154 {width: auto;}
}

@media all and (min-width: 768px) {
  .overview-content-inner .sub-content-txt {margin-top: 100px;}
  .overview-content-inner .sub-content-txt .company-wrap .company-content {padding: 100px 0;}
  .overview-content-inner .sub-content-txt .company-wrap .company-content .text {gap: 40px; flex-direction: row; justify-content: space-between;}
  .overview-content-inner .sub-content-txt .company-wrap .company-content .text .tit p {font-size: 2.8rem;}
  .overview-content-inner .sub-content-txt .company-wrap .company-content .text .txt {width: 80%;}
  .overview-content-inner .sub-content-txt .company-wrap .company-content .text .txt p {font-size: 1.8rem;}
  .overview-content-inner .sub-content-txt .company-wrap .company-content01 .img {gap: 60px; margin-top: 80px;}
  .overview-content-inner .sub-content-txt .company-wrap .company-content02 .img {gap: 20px; margin-top: 80px;}
  .overview-content-inner .sub-content-txt .company-wrap .company-content03 .business-model {margin-top: 80px;width: 100%;}
  .overview-content-inner .sub-content-txt .company-wrap .company-content03 .business-model>div ul li {padding: 0 40px; gap: 40px;}
  .overview-content-inner .sub-content-txt .company-wrap .company-content03 .business-model>div ul li .txt p {font-size: 1.8rem; font-weight: 500;}
}
@media all and (min-width: 1200px) {
  .overview-content-inner .sub-content-txt .company-wrap .company-content .img {flex-direction: row;}
  .overview-content-inner .sub-content-txt .company-wrap .company-content03 .business-model>div {width: calc((80% - 40px)/2);}
}

/************ 회사소개 css end***********/
/* sub1-1.html css end */

/* sub1-2.html css */
/************ 회사연혁 css ***********/

.sub-content-inner .sub-content-txt .history-wrap {margin-top: 100px; position: relative;}

.sub-content-inner .sub-content-txt .history-wrap .history-point {display: flex; flex-direction: column; gap: 40px; padding-left: 40px;}
.sub-content-inner .sub-content-txt .history-wrap .history-point .history-content {display: flex; justify-content: center; flex-wrap: wrap; align-items: center;}
.sub-content-inner .sub-content-txt .history-wrap .history-point .history-content>div {width: 100%;}
.sub-content-inner .sub-content-txt .history-wrap .history-point .history-content .text {position: relative; width: 360px;}
/* .sub-content-inner .sub-content-txt .history-wrap .history-point .history-content .text:after {position: absolute; top: 55%; left: -16.5%; width: 79px; height: 5px; background: url('../images/sub1/history-line.png') no-repeat; content: "";} */
.sub-content-inner .sub-content-txt .history-wrap .history-point .history-content .text ul li {text-align: left; line-height: 1.6; padding-left: 20px;}
.sub-content-inner .sub-content-txt .history-wrap .history-point .history-content .text ul li:nth-child(1) {font-size: 3.6rem; font-weight: 800; color: #529176; margin-top: 20px; position: relative;}
.sub-content-inner .sub-content-txt .history-wrap .history-point .history-content .text ul li:nth-child(1):before {position: absolute; top: 50%; left: -8%; transform: translateY(-50%); width: 14px; height: 14px; background-color: #529176; border: 7px solid #D1EDE1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content: "";}

.sub-content-inner .sub-content-txt .history-wrap .history-point .history-content .text ul li:nth-child(2) {font-size: 1.8rem; font-weight: 500; margin: 20px 0 25px 0;}
.sub-content-inner .sub-content-txt .history-wrap .history-point .history-content .text ul li:nth-child(3) {font-size: 1.6rem; font-weight: 300; color: #505050;}

.sub-content-inner .sub-content-txt .history-wrap .history-point .history-content .text ul li>div {margin-bottom: 20px;}
.sub-content-inner .sub-content-txt .history-wrap .history-point .history-content .text ul li>div p {color: #529176c2; margin-bottom: 10px;}
.sub-content-inner .sub-content-txt .history-wrap .history-point .history-content .text ul li>div span {padding-left: 8px; display: block;}

@media all and (min-width: 450px) {
  .progress-container {right: 95%;}
}

@media all and (min-width: 768px) {
  .progress-container {right: 90%;}
  .sub-content-inner .sub-content-txt .history-wrap .history-point {padding-left: 0;}

  .sub-content-inner .sub-content-txt .history-wrap .history-point .history-content .text:before {top: 50%; left: -35%;}
  .sub-content-inner .sub-content-txt .history-wrap .history-point .history-content .text ul li span {display: block;}

  .sub-content-inner .sub-content-txt .history-wrap .history-point .history-content .text ul li:nth-child(1) {font-size: 4.2rem;}

}
@media all and (min-width: 1280px) {
  .progress-container {position: absolute; right: 50%; width: 5px;	height: 100%; background: #D9D9D9;	border-radius: 2px;	margin: auto;}
.progress-bar {width: 5px; background: #529176;	border-radius: 2px;}
.progress-bar:before {height: 1%;}
  .sub-content-inner .sub-content-txt .history-wrap .history-point .history-content {justify-content: space-between;}
.sub-content-inner .sub-content-txt .history-wrap .history-point .history-content .img {width: calc((100% - 200px)/2);}
.sub-content-inner .sub-content-txt .history-wrap .history-point .history-content .text {width: calc((100% - 200px)/2);}
.sub-content-inner .sub-content-txt .history-wrap .history-point .history-content:nth-child(even) .text {padding-right: 20px;}

.sub-content-inner .sub-content-txt .history-wrap .history-point .history-content .text ul li:nth-child(1) {margin-top: 0;}

.sub-content-inner .sub-content-txt .history-wrap .history-point .history-content:nth-child(even) .text ul li:nth-child(1) {text-align: right;}

.sub-content-inner .sub-content-txt .history-wrap .history-point .history-content .text ul li:nth-child(1):before {content: none;}

.sub-content-inner .sub-content-txt .history-wrap .history-point .history-content:nth-child(even) .text ul li:nth-child(2) {text-align: right;}

.sub-content-inner .sub-content-txt .history-wrap .history-point .history-content .text:before {position: absolute; top: 50%; left: -21.5%; width: 14px; height: 14px; background-color: #529176; border: 7px solid #D1EDE1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content: "";}

.sub-content-inner .sub-content-txt .history-wrap .history-point .history-content:nth-child(even) .text:before {left: 115.5%;}

.sub-content-inner .sub-content-txt .history-wrap .history-point .history-content .text:after {position: absolute; top: 55%; left: -16.5%; width: 79px; height: 5px; background: url('../images/sub1/history-line.png') no-repeat; content: "";}

.sub-content-inner .sub-content-txt .history-wrap .history-point .history-content:nth-child(even) .text:after {left: 101%; transform: rotate(180deg)}

.sub-content-inner .sub-content-txt .history-wrap .history-point .history-content:last-child .text:after {
  top: 52%;
}

}
/************ 회사연혁 css end***********/
/* sub1-2.html css end */

/* sub1-3.html css */
/************ 오시는 길 css ***********/
.root_daum_roughmap .wrap_controllers {display: none;}
.location-wrap {margin-top: 40px;}
.map-wrap .map-info-wrap {border-top: 2px solid #000; display: flex; flex-wrap: wrap; padding: 28px 16px; margin-top: 26px; justify-content: space-between; align-items: center;}
.map-wrap .map-info-wrap .map-info {text-align: left;}
.map-wrap .map-info-wrap .map-info span {font-size: 1.5rem; font-weight: 300; padding-left: 32px;}
.map-wrap .map-info-wrap a {background-color: #848484; transition: all .3s; padding: 16px 0; width: 100%;}
.map-wrap .map-info-wrap a:hover {background-color: #CA030C;}
.map-wrap .map-info-wrap .map-button p {font-size: 1.6rem; color: #fff;}
.map-wrap .map-info-wrap .map-info .address p {background: url('../images/sub1/address.png') no-repeat left center;}
.map-wrap .map-info-wrap .map-info .phone p {background: url('../images/sub1/phone.png') no-repeat left center;}
.map-wrap .map-info-wrap .map-info div p {font-size: 1.8rem; font-weight: 600; display: flex; align-items: center; padding-left: 40px; margin-bottom: 30px; line-height: 1.75;}
.map-wrap .map-info-wrap .map-info div p span {font-size: 1.6rem; font-weight: 500; padding-left: 40px;}

@media all and (min-width: 768px) {
  .map-wrap .map-info-wrap {padding: 36px 24px 36px 24px; gap: 20px; }
  .map-wrap .map-info-wrap a {width: 80px; height: 80px; display: flex; align-items: center; justify-content: center;  padding: 0; }
  .map-wrap .map-info-wrap .map-info div p {font-size: 2rem;}
  .map-wrap .map-info-wrap .map-info div p span {font-size: 1.7rem; padding-left: 60px;}
}
/************ 오시는 길 css end ***********/
/* sub1-3.html css end */

/* products sub2-1.html css */
/************ 탭메뉴 css ************/
/* 탭메뉴 공통 */

.tab-menu {display: flex; justify-content: center; margin-top: 60px;}
.tab-menu li {border: 1px solid #E9E9E9; width: calc(100%/6); text-align: center; background-color: #f7f7f7;}
.tab-content li .tab-1-con {padding: 40px 0 160px 0;}
.tab-menu li+li {border-left: none;}

/* 탭메뉴 버튼 */

.tab-menu li{display:table-cell ;padding:16px 0; cursor:pointer; color: #777777; font-size: 1.5rem; font-weight: 500;}
.tab-menu li img{vertical-align:middle;}
.tab-menu li.on{background: #474747; color: #fff;}

.sub2-3-tab-menu li {width: calc(100% / 2);}


/* 탭메뉴 컨텐츠 */
.tab-content li{display:none;}
.tab-content li.on{display:block;}
.tab-content>li .tab-1-con {display: flex; gap: 40px; flex-wrap: wrap; justify-content: center;}
.tab-content>li .tab-1-con .products {display: flex; flex-direction: column; width: 100%; font-size: 0;}
.tab-content>li .tab-1-con .products .products-info {border: 1px solid #E1E1E1; border-top: none; padding: 20px 20px;}
.tab-content>li .tab-1-con .products .products-info ul {line-height: 1.6;}
.tab-content>li .tab-1-con .products .products-info ul li {display: flex; flex-direction: row; font-size: 1.5rem; margin-bottom: 10px;}
.tab-content>li .tab-1-con .products .products-info ul li:last-child {margin-bottom: 0;}
.tab-content>li .tab-1-con .products .products-info ul li span {color: #878787; font-weight: 400; width: 70px; text-align: left; display: block;}
.tab-content>li .tab-1-con .products .products-info ul li p {text-align: left; width: calc(100% - 70px);}
.tab-content>li .tab-1-con .products .products-info ul li:nth-child(2) p {width: 194px;}
.tab-content>li .tab-1-con .products .products-info ul li strong {font-weight: 700;}
.tab-content>li .tab-1-con .commingSoon {width: 100%; margin: 0 !important;}


/* .products-moreBtn {text-align: center;}
.products-moreBtn button {padding: 10px 0; transition: all 0.3s; width: 100%; margin: 20px 0 8px 0; background-color: #EEEEEE;}
.products-moreBtn button a {color: #878787 ; font-size: 1.6rem; font-weight: 400;}
.products-moreBtn button a i {font-size: 2rem;}
.products-moreBtn button a span {margin-left: 10px;}
.products-moreBtn button:hover {background-color: #191919;}
.products-moreBtn button:hover a {color: #fff;} */
@media all and (min-width: 361px) {
  .tab-menu li {font-size: 1.6rem;}
  .tab-content>li .tab-1-con .products .products-info ul li:nth-child(2) p {width: auto;}
}

@media all and (min-width: 466px) {
  .tab-content>li .tab-1-con .products .products-info {padding: 20px 40px; }
  .tab-content>li .tab-1-con .products .products-info ul li {font-size: 1.6rem;}
}
@media all and (min-width: 768px) {
  .tab-menu li {font-size: 1.8rem;}
.tab-content li .tab-1-con {padding: 60px 0 160px 0;}
.tab-content>li .tab-1-con .products {width: calc((100% -40px)/2);}
.tab-content>li .tab-1-con .products .products-info ul li span {width: 25%;}
.tab-content>li .tab-1-con .products .products-info ul li p {text-align: left; width: calc(100% - 25%);}
}
@media all and (min-width: 1300px) {
  .tab-content>li .tab-1-con {justify-content: flex-start;}
}

/************ 탭메뉴 css end************/

/* products sub2.html css end*/

/* mattress css */
.sub-content-txt .section01 {background: url('../images/sub2/latex/section01-bg.png') no-repeat center bottom; background-size: cover; padding: 80px 0 100px 0;}
.sub-content-txt .section01 .section01-inner .mark {background-color: #000; width: 105px; height: 74px; margin: 0 auto; display: flex; justify-content: center; align-items: center;}
.sub-content-txt .section01 .section01-inner .mark p{font-size: 1.8rem; color: #fff;}
.sub-content-txt .section01 .section01-inner .title {margin: 80px 0;}
.sub-content-txt .section01 .section01-inner .title span {font-size: 1.6rem; letter-spacing: 5px; font-weight: 500;}
.sub-content-txt .section01 .section01-inner .title h3 {font-size: 4rem; font-weight: 700; position: relative; margin: 8px 0;}
.sub-content-txt .section01 .section01-inner .title p {font-size: 2.4rem; font-weight: 500;}
.sub-content-txt .section01 .section01-inner .product-img {margin: 120px 0 100px 0;}
.sub-content-txt .section01 .section01-inner .text h4 {font-size: 2.4rem; font-weight: 600; margin: 50px 0 40px 0; line-height: 1.4;}
.sub-content-txt .section01 .section01-inner .text p {font-size: 1.7rem; margin: 0 auto; line-height: 1.6;}

.sub-content-txt .section02 .section02-inner {display: flex; flex-wrap: wrap;}
.sub-content-txt .section02 .section02-inner>div {width: 100%;}
.sub-content-txt .section02 .section02-inner .text {background: url('../images/sub2/latex/section02-rightImg.png') no-repeat; display: flex; flex-direction: column; gap: 40px; padding: 60px 20px;}
.sub-content-txt .section02 .section02-inner .text h4 {font-size: 2.4rem; font-weight: 600; line-height: 1.5;}
.sub-content-txt .section02 .section02-inner .text .circle-img {display: flex; gap: 10px; justify-content: center;}
.sub-content-txt .section02 .section02-inner .text p {font-size: 1.7rem; margin: 0 auto; line-height: 1.6;}

.sub-content-txt .section03 .section03-inner {padding: 140px 0;}
.sub-content-txt .section03 .section03-inner .text h4 {font-size: 3.2rem; font-weight: 600; margin-bottom: 60px; padding: 0 15px;}
.sub-content-txt .section03 .section03-inner .text p {font-size: 1.7rem; width: 80%; margin: 0 auto; line-height: 1.6; margin-top: 10px;}


.sub-content-txt .section04 {background: url('../images/sub2/latex/section04-bg.jpg') no-repeat center center; padding: 360px 0;}
.sub-content-txt .section04 .section04-inner .text h4 {font-size: 2.4rem; font-weight: 400; color: #fff; font-family: 'Nanum Myeongjo', serif; line-height: 1.5; transform: rotate(-0.03deg);}

.sub-content-txt .section05 {background: url('../images/sub2/latex/section05-bg.jpg') no-repeat center center; padding: 230px 0; margin-top: 160px;}
.sub-content-txt .section05 .section05-inner .text {text-align: left;}
.sub-content-txt .section05 .section05-inner .text h4 {font-size: 2.4rem; font-weight: 300; color: #fff; font-family: 'Nanum Myeongjo', serif; line-height: 1.5; margin-bottom: 40px; transform: rotate(-0.03deg);}
.sub-content-txt .section05 .section05-inner .text p {font-size: 2rem; font-weight: 400; color: #fff; font-family: 'Nanum Myeongjo', serif; line-height: 1.5; transform: rotate(-0.03deg);}


.sub-content-txt .section06 {background: url('../images/sub2/latex/section06-bg.jpg') no-repeat center center; padding: 230px 0; margin-top: 160px;}
.sub-content-txt .section06 .section06-inner .text p {font-size: 2rem; font-weight: 400; color: #fff; font-family: 'Nanum Myeongjo', serif; line-height: 1.5; transform: rotate(-0.03deg);}

.sub-content-txt .section07 .section07-inner {padding: 100px 15px;}
.sub-content-txt .section07 .section07-inner .title h4 {font-size: 3.2rem; font-weight: 700; margin-bottom: 16px;}
.sub-content-txt .section07 .section07-inner .title p {font-size: 1.8rem; font-weight: 500;}
.sub-content-txt .section07 .section07-inner>.img {margin: 140px 0 100px 0;}

.sub-content-txt .section07 .section07-inner .mattressSpec {margin: 40px 0; padding: 80px 15px; background-color: #363636; border-radius: 20px;}


.sub-content-txt .section07 .section07-inner .spec ul li {display: flex; text-align: left;}
.sub-content-txt .section07 .section07-inner .spec ul li .left {font-size: 1.7rem; font-weight: 600; width: 20%; text-align: center; position: relative;}
.sub-content-txt .section07 .section07-inner .spec ul li .left:after {content: ''; width: 65px; height: 3px; background-color: #555; position: absolute; bottom: -21px; left: 50%; transform: translateX(-50%);}
.sub-content-txt .section07 .section07-inner .spec ul li .right {font-size: 1.6rem; font-weight: 500; width: 80%; padding-left: 40px;}
.sub-content-txt .section07 .section07-inner .spec ul li .right strong {font-weight: 700;}
.sub-content-txt .section07 .section07-inner .spec ul li {padding: 20px 0; border-bottom: 1px solid #DBDBDB;}
.sub-content-txt .section07 .section07-inner .spec ul p {font-size: 1.4rem; color: #777; margin-top: 40px; line-height: 1.4; text-align: left;}
.sub-content-txt .section07 .section07-inner .imgs {margin-top: 100px;}
.sub-content-txt .section07 .section07-inner .imgs .imgs-inner ul {display: flex; gap: 20px; flex-wrap: wrap;}
.sub-content-txt .section07 .section07-inner .imgs .imgs-inner ul li:nth-child(1){width: 100%;}
.sub-content-txt .section07 .section07-inner .imgs .imgs-inner ul li:nth-child(2),
.sub-content-txt .section07 .section07-inner .imgs .imgs-inner ul li:nth-child(3),
.sub-content-txt .section07 .section07-inner .imgs .imgs-inner ul li:nth-child(4),
.sub-content-txt .section07 .section07-inner .imgs .imgs-inner ul li:nth-child(5) {width: calc((100% - 20px)/2)}

.sub-content-txt .section08 .section08-inner .title {position: relative;}
.sub-content-txt .section08 .section08-inner .title:after {content: ''; width: 3px; height: 60px; background-color: #282828; position: absolute; bottom: -100px; left: 50%; transform: translateX(-50%);}
.sub-content-txt .section08 .section08-inner .title span {font-size: 2rem; font-weight: 600;}
.sub-content-txt .section08 .section08-inner .title h4 {font-size: 3rem; font-weight: 600; margin: 10px 0 20px 0;}
.sub-content-txt .section08 .section08-inner .title h4 strong {font-size: 4rem; font-weight: 700;}
.sub-content-txt .section08 .section08-inner .title h4 span {color: #C4151C; font-size: 3.6rem; font-weight: 600;}
.sub-content-txt .section08 .section08-inner .title p {font-size: 1.4rem; color: #989898; font-weight: 300;}

.sub-content-txt .section08 .section08-inner .feature {padding: 160px 0;}
.sub-content-txt .section08 .section08-inner .feature ul {display: flex; flex-direction: column; gap: 160px;}
.sub-content-txt .section08 .section08-inner .feature ul li {display: flex; flex-wrap: wrap; gap: 40px; justify-content: center;}
.sub-content-txt .section08 .section08-inner .feature ul li:nth-child(2),
.sub-content-txt .section08 .section08-inner .feature ul li:nth-child(4),
.sub-content-txt .section08 .section08-inner .feature ul li:nth-child(6) {flex-direction: column-reverse;}

.sub-content-txt .section08 .section08-inner .feature ul li .text {display: flex; flex-direction: column; gap: 40px; justify-content: center;}

.sub-content-txt .section08 .section08-inner .feature ul li .text .feature-title {display: flex; justify-content: center; gap: 10px; align-items: center;}
.sub-content-txt .section08 .section08-inner .feature ul li .text .feature-title span {display: flex; width: 40px; height: 40px; background-color: #333; border-radius: 50%; color: #fff; font-size: 2rem; font-weight: 800; justify-content: center; align-items: center;}

.sub-content-txt .section08 .section08-inner .feature ul li .text h5 {font-size: 2.4rem; font-weight: 700;}
.sub-content-txt .section08 .section08-inner .feature ul li .text h5 strong {font-weight: 800;}
.sub-content-txt .section08 .section08-inner .feature ul li .text .first {font-size: 1.7rem; line-height: 1.6;}
.sub-content-txt .section08 .section08-inner .feature ul li .text .first strong {color: #C4151C; font-weight: 600;}
.sub-content-txt .section08 .section08-inner .feature ul li .text .first .blue {color: #1D53D6;}
.sub-content-txt .section08 .section08-inner .feature ul li .text .second {font-size: 1.8rem; line-height: 1.6;}
.sub-content-txt .section08 .section08-inner .feature ul li .text .second span strong {font-weight: 700; font-size: 2.4rem;}

.sub-content-txt .section09 {background: url('../images/sub2/latex/section09-bg.jpg') no-repeat -400px center; padding: 180px 0; margin-top: 200px;}
.sub-content-txt .section09 .section09-inner .text p {font-size: 1.8rem;}
.sub-content-txt .section09 .section09-inner .text h4 {font-size: 2.8rem; font-weight: 600; font-family: 'Nanum Myeongjo', serif; line-height: 1.3; margin-top: 10px; transform: rotate(-0.03deg); margin-bottom: 30px;}
.sub-content-txt .section09 .section09-inner .text span {font-size: 1.7rem; line-height: 1.6;}

.sub-content-txt .section10 {background: url('../images/sub2/latex/section10-bg.jpg') no-repeat center center; padding: 130px 0;}
.sub-content-txt .section10 .section10-inner span {font-size: 2rem;}
.sub-content-txt .section10 .section10-inner .text p {font-size: 1.4rem; font-weight: 400; line-height: 1.3;}
.sub-content-txt .section10 .section10-inner .text h4 {font-size: 2.4rem; font-weight: 600; font-family: 'Nanum Myeongjo', serif; line-height: 1.3; margin-top: 10px; transform: rotate(-0.03deg);}

.sub-content-txt .section-caution {background-color: #4d4d4d; padding: 50px 0 70px 0; margin-bottom: 100px;}
.sub-content-txt .section-caution .caution-inner .tit {margin-bottom: 40px;}
.sub-content-txt .section-caution .caution-inner .tit span {font-size: 2rem; font-weight: 500; padding-left: 28px; background: url('../images/sub2/check_circle_white.png') no-repeat left center; color: #fff;}
.sub-content-txt .section-caution .caution-inner .tit p {font-size: 2.4rem; font-weight: 600; margin-top: 10px; color: #fff;}
.sub-content-txt .section-caution .caution-inner .tit p em {color: #EE5F68;}

.sub-content-txt .section-caution .caution-inner .txt {background-color: #fff; padding: 30px 20px; display: flex; gap: 30px; flex-direction: column;}
.sub-content-txt .section-caution .caution-inner .txt li {text-align: left; display: flex; align-items: top; gap: 8px; line-height: 1.75; font-size: 1.5rem;}
.sub-content-txt .section-caution .caution-inner .txt li span {font-size: 2rem; font-weight: 600; margin-right: 10px;}


@media all and (min-width: 768px) {
  .sub-content-txt .section01 {padding: 100px 0 200px 0;}
  .sub-content-txt .section01 .section01-inner .product-img {margin: 200px 0 200px 0;}
  .sub-content-txt .section01 .section01-inner .text h4 {font-size: 3.6rem;}
  .sub-content-txt .section01 .section01-inner .text p {font-size: 2.2rem; width: 52%; margin: 0 auto;}

  .sub-content-txt .section02 .section02-inner .text {padding: 60px;}
  .sub-content-txt .section02 .section02-inner .text h4 {font-size: 3.6rem;}
  .sub-content-txt .section02 .section02-inner .text p {font-size: 1.7rem; margin: 0 auto; width: 80%; line-height: 1.4;}
  .sub-content-txt .section02 .section02-inner .text .circle-img {gap: 40px;}

  .sub-content-txt .section03 .section03-inner {padding: 200px 0;}
  .sub-content-txt .section03 .section03-inner .text h4 {font-size: 4.8rem; margin-bottom: 80px;}


  .sub-content-txt .section03 .section03-inner .text p {font-size: 2.2rem; margin: 0 auto; margin-bottom: 24px;}
  .sub-content-txt .section03 .section03-inner .text span {display: block;}

  .sub-content-txt .section04 .section04-inner .text h4 {font-size: 3rem; font-weight: 400;}
  .sub-content-txt .section04 .section04-inner .text span {display: block;}

  .sub-content-txt .section05 {margin-top: 200px;}
  .sub-content-txt .section05 .section05-inner .text h4 {font-size: 3rem; font-weight: 400; margin-bottom: 60px;}
  .sub-content-txt .section05 .section05-inner .text p {font-size: 2.4rem;}
  .sub-content-txt .section05 .section05-inner .text span {display: block;}

  .sub-content-txt .section06 {margin-top: 200px;}
  .sub-content-txt .section06 .section06-inner .text p {font-size: 2.4rem;}
  .sub-content-txt .section06 .section06-inner .text span {display: block;}

  .sub-content-txt .section07 .section07-inner {padding: 200px 0;}
  .sub-content-txt .section07 .section07-inner .title h4 {font-size: 4rem; margin-bottom: 20px;}
  .sub-content-txt .section07 .section07-inner .title p {font-size: 2rem;}
  .sub-content-txt .section07 .section07-inner>.img {margin: 200px 0 160px 0;}

  .sub-content-txt .section07 .section07-inner .mattressSpec {margin: 100px 0; padding: 120px 15px; background-color: #363636; border-radius: 30px;}

  .sub-content-txt .section07 .section07-inner .spec ul {width: 60%; margin: 0 auto;}
  .sub-content-txt .section07 .section07-inner .spec ul li .right {font-size: 1.7rem;}
  .sub-content-txt .section07 .section07-inner .spec ul p {text-align: center;}

  .sub-content-txt .section07 .section07-inner .imgs {margin-top: 180px;}
  .sub-content-txt .section07 .section07-inner .imgs .imgs-inner ul {gap: 40px;}
  .sub-content-txt .section07 .section07-inner .imgs .imgs-inner ul li:nth-child(2),
  .sub-content-txt .section07 .section07-inner .imgs .imgs-inner ul li:nth-child(3),
  .sub-content-txt .section07 .section07-inner .imgs .imgs-inner ul li:nth-child(4),
  .sub-content-txt .section07 .section07-inner .imgs .imgs-inner ul li:nth-child(5) {width: calc((100% - 40px)/2)}
  
  .sub-content-txt .section08 .section08-inner .title:after {bottom: -120px;}
  .sub-content-txt .section08 .section08-inner .title span {font-size: 2.4rem; font-weight: 600;}
  .sub-content-txt .section08 .section08-inner .title h4 {font-size: 3.6rem; font-weight: 600; margin-top: 12px;}
  .sub-content-txt .section08 .section08-inner .title h4 strong {font-size: 4rem; font-weight: 700;}
  .sub-content-txt .section08 .section08-inner .title h4 span {color: #C4151C; font-size: 4rem; font-weight: 600;}

  .sub-content-txt .section08 .section08-inner .feature {padding: 200px 0;}
  .sub-content-txt .section08 .section08-inner .feature ul li:nth-child(2),
  .sub-content-txt .section08 .section08-inner .feature ul li:nth-child(4),
  .sub-content-txt .section08 .section08-inner .feature ul li:nth-child(6) {flex-direction: row;}
  .sub-content-txt .section08 .section08-inner .feature ul li>div {width: calc((100% - 40px)/2);}
  .sub-content-txt .section08 .section08-inner .feature ul li .text p span {display: block;}
  .sub-content-txt .section08 .section08-inner .feature ul li .text h5 {padding-left: 20px;}
  .sub-content-txt .section08 .section08-inner .feature ul li .text .second {font-size: 2rem;}

  .sub-content-txt .section09 {background: url('../images/sub2/latex/section09-bg.jpg') no-repeat center center; padding: 180px 0; margin-top: 200px;}
  .sub-content-txt .section09 .section09-inner {margin-left: 500px;}
  .sub-content-txt .section09 .section09-inner .text span {display: block;}

  .sub-content-txt .section10 .section10-inner .text h4 {font-size: 2.8rem;}

  .sub-content-txt .section-caution {padding: 70px 0 80px 0; margin-bottom: 100px;}
  .sub-content-txt .section-caution .caution-inner .txt {padding: 40px 80px; gap: 20px;}
  .sub-content-txt .section-caution .caution-inner .txt li {align-items: center; font-size: 1.6rem;}
}
@media all and (min-width: 768px) {
.sub-content-txt .section03 .section03-inner .text h4 {font-size: 4.8rem;}
}
@media all and (min-width: 960px) {
  .sub-content-txt .section02 .section02-inner>div {width: 50%;}
  .sub-content-txt .section02 .section02-inner .text {justify-content: center;}
}

/* mattress css end */

/* sub2-2.html css */
.commingSoon {margin: 80px 0;  background-color: #F2F0F1; padding: 200px 0 180px 0;}
.commingSoon .commingSoon-text p {font-size: 2.4rem; font-weight: 700; position: relative;}
.commingSoon .commingSoon-text p:before {content: ''; width: 48px; height: 48px; display: block; background: url('../images/sub2/commingsoon.png') no-repeat; left: 50%; transform: translateX(-50%); position: absolute; top: -170%;}


/* pts100 css */
.sub-content-txt .section01 {background: none;}
.pts100-content-txt {padding-bottom: 160px;}
.pts100-content-txt .section01 .section01-inner .title span {font-size: 1.7rem; letter-spacing: 0;}
.pts100-content-txt .section01 .section01-inner .title p {font-size: 1.8rem; letter-spacing: 0; margin-top: 40px; line-height: 1.4;}
.pts100-content-txt .section01 .section01-inner .product-img {margin:0;}

.pts100-content-txt .section01 .section01-inner .spec {margin-top: 60px;}
.pts100-content-txt .section01 .section01-inner .spec ul li {display: flex; text-align: left;}
.pts100-content-txt .section01 .section01-inner .spec ul li .left {font-size: 1.7rem; font-weight: 600; width: 20%; text-align: center; position: relative;}
.pts100-content-txt .section01 .section01-inner .spec ul li .left:after {content: ''; width: 65px; height: 3px; background-color: #555; position: absolute; bottom: -21px; left: 50%; transform: translateX(-50%);}
.pts100-content-txt .section01 .section01-inner .spec ul li .right {font-size: 1.7rem; font-weight: 500; width: 80%; padding-left: 40px;}
.pts100-content-txt .section01 .section01-inner .spec ul li .right strong {font-weight: 700;}
.pts100-content-txt .section01 .section01-inner .spec ul li {padding: 20px 0; border-bottom: 1px solid #DBDBDB;}
.pts100-content-txt .section01 .section01-inner .spec ul p {font-size: 1.4rem; color: #777; margin-top: 40px;}

.pts100-content-txt .section02 {background: url('../images/sub2/pts100/section02-bg.jpg') no-repeat center center; padding: 260px 0;}
.pts100-content-txt .section02 .section02-inner .title {margin: 0 auto;}
.pts100-content-txt .section02 .section02-inner .title h4 {font-size: 3.6rem; font-weight: 700; color: #fff; font-family: 'Nanum Myeongjo', serif;}
.pts100-content-txt .section02 .section02-inner .title>span {font-size: 2rem; font-weight: 400; color: #fff; font-family: 'Nanum Myeongjo', serif; margin-top: 10px; display: block; transform: skew(-0.1deg);}
.pts100-content-txt .section02 .section02-inner .title p {font-size: 1.7rem; line-height: 1.5; margin-top: 40px; font-weight: 300;}
.pts100-content-txt .section02 .section02-inner .title p span {color: #fff;}

.pts100-content-txt .section03 .section03-inner {padding: 100px 15px 100px 15px; border-bottom: 1px solid #DBDBDB;}
.pts100-content-txt .section03 .section03-inner .title {display: flex; gap: 5PX; justify-content: center; align-items: center; flex-direction: column;}
.pts100-content-txt .section03 .section03-inner .title h4 {font-family: 'Nanum Myeongjo', serif; font-size: 2.4rem; font-weight: 800;}
.pts100-content-txt .section03 .section03-inner .content {margin: 80px 0 0 0;}

.pts100-content-txt .section04 .section04-inner {padding: 100px 15px 100px 15px; border-bottom: 1px solid #DBDBDB;}
.pts100-content-txt .section04 .section04-inner .title {display: flex; gap: 5PX; justify-content: center; align-items: center; flex-direction: column;}
.pts100-content-txt .section04 .section04-inner .title h4 {font-family: 'Nanum Myeongjo', serif; font-size: 2.4rem; font-weight: 800;}
.pts100-content-txt .section04 .section04-inner .content {margin: 80px 0 0 0; display: flex; gap: 40px; flex-wrap: wrap;}
.pts100-content-txt .section04 .section04-inner .content>div {width: 100%;}
.pts100-content-txt .section04 .section04-inner .content .left .top p{font-size: 1.8rem; line-height: 1.5; text-align: left; margin-bottom: 40px;}

/* 카일라스 수소수 정수기 table css */
table {overflow-x: auto; white-space: nowrap;}
.tg  {border-collapse:collapse;border-spacing:0; width: 100%; border-top: 3px solid #01B7CD; border-left: 1px solid #d4d4d4; text-align: center !important;}
.tg td{border: 1px solid #d4d4d4; font-size: 1.6rem; overflow:hidden;padding:20px 5px;word-break:normal;}
.tg th {border: 1px solid #d4d4d4;}
.tg .tg-1 {border-right: 1px solid #d4d4d4; background-color: #F4F4F4; text-align: center;}
.tg .tg-2 {text-align: center; text-align: center !important; vertical-align: middle;}
.pts100-content-txt .section04 .section04-inner .content .right .tg .tg-2 {padding: 20px;}
.pts100-content-txt .section04 .section04-inner .content .right .tg .tg-1 strong,
.pts100-content-txt .section04 .section04-inner .content .right .tg .tg-2 strong {font-weight: 700; color: #01B7CD;}

.pts100-content-txt .section05 {margin-top: 0 !important;}
.pts100-content-txt .section05 .section05-inner {padding: 100px 15px 100px 15px; border-bottom: 1px solid #DBDBDB;}
.pts100-content-txt .section05 .section05-inner .title {display: flex; gap: 5PX; justify-content: center; align-items: center; flex-direction: column;}
.pts100-content-txt .section05 .section05-inner .title h4 {font-family: 'Nanum Myeongjo', serif; font-size: 2.4rem; font-weight: 800;}
.pts100-content-txt .section05 .section05-inner .content {margin: 60px 0 0 0; display: flex; gap: 40px; flex-wrap: wrap; align-items: center; justify-content: center; flex-direction: column-reverse;}
.pts100-content-txt .section05 .section05-inner .content>div {text-align: left;}
.pts100-content-txt .section05 .section05-inner .content .left p {font-size: 1.8rem; line-height: 1.5; text-align: left;}
.pts100-content-txt .section05 .section05-inner .content .left span {font-size: 2rem; font-weight: 600; margin-bottom: 8px; display: block;}

.pts100-content-txt .section06 {margin-top: 0 !important;}
.pts100-content-txt .section06 .section06-inner {padding: 100px 15px 100px 15px; border-bottom: 1px solid #DBDBDB;}
.pts100-content-txt .section06 .section06-inner .title {display: flex; gap: 5px; justify-content: center; align-items: center; flex-direction: column;}
.pts100-content-txt .section06 .section06-inner .title h4 {font-family: 'Nanum Myeongjo', serif; font-size: 2.4rem; font-weight: 800;}
.pts100-content-txt .section06 .section06-inner .content {margin: 80px 0 0 0; display: flex; gap: 40px; flex-wrap: wrap; align-items: center; justify-content: center;}
.pts100-content-txt .section06 .section06-inner .content .text p {font-size: 1.8rem; line-height: 1.5; text-align: center; color: #000; font-family: 'Pretendard', 'san-serif';}

.pts100-content-txt .section07 {margin-top: 0 !important;}
.pts100-content-txt .section07 .section07-inner {padding: 100px 15px 100px 15px !important; border-bottom: 1px solid #DBDBDB;}
.pts100-content-txt .section07 .section07-inner .title {display: flex; gap: 5px; justify-content: center; align-items: center !important; flex-direction: column;}
.pts100-content-txt .section07 .section07-inner .title .img {margin: 0 !important;}
.pts100-content-txt .section07 .section07-inner .title h4 {font-family: 'Nanum Myeongjo', serif; font-size: 2.4rem; font-weight: 800; margin-bottom: 0 !important;}
.pts100-content-txt .section07 .section07-inner .content {margin: 80px 0 0 0; display: flex; gap: 40px; flex-wrap: wrap; align-items: center; justify-content: center;}
.pts100-content-txt .section07 .section07-inner .content .text p {font-size: 1.8rem; line-height: 1.5; text-align: center; color: #000; font-family: 'Pretendard', 'san-serif';}

.pts100-content-txt .section08 .section08-inner {padding: 100px 15px 100px 15px !important; border-bottom: 1px solid #DBDBDB;}
.pts100-content-txt .section08 .section08-inner .title {display: flex; gap: 5px; justify-content: center; align-items: center !important; flex-direction: column;}
.pts100-content-txt .section08 .section08-inner .title h4 {font-family: 'Nanum Myeongjo', serif; font-size: 2.4rem; font-weight: 800; margin: 0 !important;}
.pts100-content-txt .section08 .section08-inner .title:after {content: none;}

.pts100-content-txt .section08 .section08-inner .content {margin: 80px 0 0 0; display: flex; gap: 60px; flex-wrap: wrap; align-items: center; justify-content: center;}
.pts100-content-txt .section08 .section08-inner .content .text p {font-size: 1.8rem; line-height: 1.5; text-align: center; text-align: left;}
.pts100-content-txt .section08 .section08-inner .content .img ul {display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;}
.pts100-content-txt .section08 .section08-inner .content .img ul li {width: calc((100% - 20px)/2);}

.pts100-content-txt .section10 .section10-inner {padding: 100px 15px 100px 15px !important; border-bottom: 1px solid #DBDBDB;}

.pts100-content-txt .section04 {background: none !important; padding: 0 !important;}
.pts100-content-txt .section05 {background: none; padding: 0;}
.pts100-content-txt .section06 {background: none; padding: 0;}
.pts100-content-txt .section10 {background: none; padding: 0;}

@media all and (min-width: 768px) {
  .pts100-content-txt .section01 .section01-inner .title span {display: block;}
  .pts100-content-txt .section01 .section01-inner .title p {font-size: 2rem; margin-top: 60px;}
  .pts100-content-txt .section01 .section01-inner .product-img {margin:0;}
  .pts100-content-txt .section01 .section01-inner .spec ul {width: 50%; margin: 0 auto;}

  .pts100-content-txt .section02 .section02-inner>div {width: 100%;}
  .pts100-content-txt .section02 .section02-inner .title h4 {font-size: 4rem;}
  .pts100-content-txt .section02 .section02-inner .title>span {font-size: 2.4rem; margin-top: 20px; }
  .pts100-content-txt .section02 .section02-inner .title p {font-size: 2rem; margin-top: 80px;}
  .pts100-content-txt .section02 .section02-inner .title p span {display: block;}

  .pts100-content-txt .section03 .section03-inner .title {gap: 10px;}
  .pts100-content-txt .section03 .section03-inner .title h4 {font-size: 3.2rem;}

  .pts100-content-txt .section04 .section04-inner .title {gap: 10px;}
  .pts100-content-txt .section04 .section04-inner .title h4 {font-size: 3.2rem;}
  .pts100-content-txt .section04 .section04-inner .content>div {width: calc((100% - 40px)/2);}
  .pts100-content-txt .section04 .section04-inner .content .right {margin-top: 48px;} 

  .pts100-content-txt .section05 .section05-inner .title {gap: 10px;}
  .pts100-content-txt .section05 .section05-inner .title h4 {font-size: 3.2rem;}
  .pts100-content-txt .section05 .section05-inner .content {flex-direction: row;}
  /* .pts100-content-txt .section05 .section05-inner .content>div {width: calc((100% - 40px)/2);} */

  .pts100-content-txt .section06 .section06-inner .title {gap: 10px;}
  .pts100-content-txt .section06 .section06-inner .title h4 {font-size: 3.2rem;}
  .pts100-content-txt .section06 .section06-inner .content>div {width: calc((100% - 40px)/2);}
  .pts100-content-txt .section06 .section06-inner .content .text p {text-align: left;}
  
  .pts100-content-txt .section07 .section07-inner .title {gap: 10px;}
  .pts100-content-txt .section07 .section07-inner .title h4 {font-size: 3.2rem;}
    
  .pts100-content-txt .section08 .section08-inner .title {gap: 10px;}
  .pts100-content-txt .section08 .section08-inner .title h4 {font-size: 3.2rem;}
  .pts100-content-txt .section08 .section08-inner .content .img ul {gap: 40px;}
  .pts100-content-txt .section08 .section08-inner .content .img ul li {width: calc((100% - 120px)/4);}
}
/* pts100 css end */

/* pts100 filter css */
.pts100Filter-content-txt .section01 {padding: 100px 0;}
.pts100Filter-content-txt .section01 .section01-inner .title span {letter-spacing: 0;}
.pts100Filter-content-txt .section01 .section01-inner .product-img {margin: 0 !important;}
.pts100Filter-content-txt .section03 {padding-bottom: 160px;}
.pts100Filter-content-txt .section03 .section03-inner {border-bottom: none; padding: 0;}

.pts100Filter-content-txt .section03 .section03-inner .title {display: flex; gap: 5px; justify-content: center; align-items: center !important; flex-direction: column;}
.pts100Filter-content-txt .section03 .section03-inner .title h4 {font-family: 'Nanum Myeongjo', serif; font-size: 2.4rem; font-weight: 800; margin: 0 !important;}

.pts100Filter-content-txt .section03 .section03-inner .content .img {margin-top: 40px;}

@media all and (min-width: 768px) {
  .pts100Filter-content-txt .section03 .section03-inner .title {gap: 10px;}
  .pts100Filter-content-txt .section03 .section03-inner .title h4 {font-size: 3.2rem;}
}
/* pts100 filter css end */

/* msm01 css */
.msm-content-txt .section01 {background: url('../images/sub2/msm/section01-bg.png') no-repeat bottom center; }
/* .msm-content-txt .section01:before {content: ''; width: 1148px; height: 1026px; position: absolute; bottom: 0; background: url('../images/sub2/msm/section01-bg.png') no-repeat center; z-index: -1;} */

.msm-content-txt .section01 .section01-inner .text h4 {font-size: 4.8rem; color: #7F1C28;}
.msm-content-txt .section01 .section01-inner .text h4 span {font-size: 2.4rem; font-weight: 500; color: #000;}
.msm-content-txt .section01 .section01-inner .text h5 {font-size: 2rem; margin-bottom: 100px;}
.msm-content-txt .section01 .section01-inner .text h5 em {font-weight: 700;}
.msm-content-txt .section01 .section01-inner .text p {font-size: 1.8rem; width: 80%; margin-top: 60px;}
.msm-content-txt .section01 .section01-inner .text p em {color: #7F1C28; font-weight: 600;}

.msm-content-txt .section02 .msm-section02-inner {padding: 100px 0;}
.msm-content-txt .section02 .msm-section02-inner .text h4 {font-size: 2.8rem; font-weight: 500; margin-bottom: 40px;}


.msm-content-txt .section03 {background: url('../images/sub2/msm/section03-bg.jpg') no-repeat center center;}
.msm-content-txt .section03 .section03-inner .text h4 {font-size: 2.8rem; font-weight: 400; color: #fff; font-family: 'Nanum Myeongjo', serif; line-height: 1.3;}
.msm-content-txt .section03 .section03-inner .text p {font-family: 'Nanum Myeongjo', serif; color: #fff; transform: rotate(-0.03deg);}

.msm-content-txt .section08 .section08-inner {padding-top: 100px;}
.msm-content-txt .section08 .section08-inner .title h4 span {color: #7F1C28;}
.msm-content-txt .section08 .section08-inner .feature ul li .text .first strong {color: #000;}

.msm-content-txt .section10 {background-color: #EAF6FC; background-image: none;}
.msm-content-txt .section10 .section10-inner h4 {margin-bottom: 40px;}
.msm-content-txt .section10 .section10-inner h4 span{font-size: 2.8rem; font-weight: 500; line-height: 1.4;}
.msm-content-txt .section10 .section10-inner .img {display: flex; gap: 20px; flex-wrap: wrap;}
.msm-content-txt .section10 .section10-inner .img img {width: calc((100% - 20px)/2);}

@media all and (min-width: 768px) {
.msm-content-txt .section01 .section01-inner .text h5 {font-size: 2.4rem; margin-bottom: 140px;}
.msm-content-txt .section01 .section01-inner .text p {font-size: 2rem; width: 70%;}
.msm-content-txt .section01 .section01-inner .text p span {display: block;}
.msm-content-txt .section02 .msm-section02-inner .text h4 {font-size: 4rem;}
.msm-content-txt .section02 .msm-section02-inner .text h4 span {display: block;}
.msm-content-txt .section10 .section10-inner h4 span {display: block; font-size: 3.6rem;}
}

/* msm01 css end */


/* 갤러리, 공지사항, Q&A 게시판 타이틀 */
.table-title {text-align: center; margin-top: 60px; margin-bottom: 60px;}
.table-title h2 {font-size: 3rem; font-weight: 600; margin-bottom: 10px;}

.gallery-sub-wrap {margin-top: 70px;}

@media all and (min-width: 768px) {
  .table-title h2 {font-size: 4rem;}
}
@media all and (min-width: 1280px) {
  .gallery-sub-wrap {margin-top: 0;}
}