@charset "utf-8";
.dot-list li {text-indent: -8px; padding-left: 8px;}

.ceo-txt {width: 50%; padding-left:clamp(20px, calc( 39 / var(--inner) * 100vw ), 39px); margin-left: clamp(30px, calc( 120 / var(--inner) * 100vw ), 120px);}
.ceo-profile {position: relative;}
.ceo-divider {display: block; width: 1000%; height: 1px; margin-bottom: clamp(20px, calc( 45 / var(--inner) * 100vw ), 45px); background: var(--primary-color);}
.ceo-profile span {margin-left: calc(clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px) * -1);}
.ceo-profile h3 {padding: clamp(6px, calc( 20 / var(--inner) * 100vw ), 20px) 0 clamp(20px, calc( 45 / var(--inner) * 100vw ), 45px);}
.ceo-info-cnt:not(:last-child) {margin-bottom: clamp(25px, calc( 50 / var(--inner) * 100vw ), 50px);}
.ceo-info-cnt h4 {margin-bottom: clamp(12px, calc( 25 / var(--inner) * 100vw ), 25px);}

.sec-vision h2 {position: relative; width: fit-content; margin: 0 auto; padding: clamp(12px, calc( 35 / var(--inner) * 100vw ), 35px) 0;}
.sec-vision h2:before, .sec-vision h2:after {position: absolute; content: ''; top: 0; left: 0; width: 10px; height: 10px; border-radius: 100%; background: var(--primary-color);}
.sec-vision h2:after {top: auto; left: auto; right: 0; bottom: 0;}
.vision-items {max-width: 1200px; margin: clamp(20px, calc( 75 / var(--inner) * 100vw ), 75px) auto 0; gap: clamp(20px, calc( 100 / var(--inner) * 100vw ), 100px);}
[lang="ko"] .vision-items {gap:clamp(20px, calc( 100 / var(--inner) * 100vw ), 90px);}
.vision-item h3 {margin: clamp(8px, calc( 20 / var(--inner) * 100vw ), 20px) 0 clamp(8px, calc( 25 / var(--inner) * 100vw ), 25px);}

.organization-title {position: relative; display: flex; align-items: center; justify-content: center; width: clamp(140px, calc( 200 / var(--inner) * 100vw ), 200px); height: clamp(140px, calc( 200 / var(--inner) * 100vw ), 200px); padding: var(--container-space); border-radius: 100%; background: #fff; border: 20px solid var(--primary-color);}
.organization-title:before {position: absolute; content: ''; top: -20px; right: -20px; bottom: -20px; left: -20px; border-radius: 100%; border: 20px solid rgba(255,255,255,.4); pointer-events: none;}
.sec-organizion {flex-wrap: wrap; margin: calc(clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px) * -1) calc(clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px) * -1);}
.organization-item {width: 50%; padding: clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px) clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px);}
.organization-item .wrap {display: flex; gap: var(--container-space); padding: 19px; background: var(--third-color); border-radius: 140px 32px 32px 140px;}
.organization-list ul {height: 100%; display: flex; flex-direction: column; gap: 4px;}
.organization-list li {display: flex; align-items: center; justify-content: center; flex: 1; background: var(--primary-color); color: #fff; border-radius: clamp(10px, calc( 24 / var(--inner) * 100vw ), 24px);}

.process-items {max-width: 1200px; margin: 0 auto;}
.process-icon {display: flex; flex-direction: column; justify-content: center; align-items:center; width: clamp(100px, calc( 240 / var(--inner) * 100vw ), 240px); height: clamp(100px, calc( 240 / var(--inner) * 100vw ), 240px); margin: 0 auto; border-radius: 100%; border: 1px solid var(--primary-color);}
.process-circle:last-child .process-icon {background: var(--primary-color);}
.process-step {margin: clamp(12px, calc( 25 / var(--inner) * 100vw ), 25px) 0 clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px);}
.process-arrow {flex: 1; display: flex; align-items: center; justify-content: center; height:  clamp(100px, calc( 240 / var(--inner) * 100vw ), 240px); padding: 0 10px;}

.location-map iframe {width: 100% !important;}
.sec-map .contain {max-width: 1880px;}
.sec-direction .contain {display: flex; align-items: flex-start; flex-wrap: wrap; gap: 11px; }
.direction-address {display: flex; align-items: center; gap: 17px; font-size: clamp(18px, calc( 26 / var(--inner) * 100vw ), 26px); font-weight: 700;}
.direction-info {flex: 1;}
.direction-items {gap: 20px clamp(25px, calc( 95 / var(--inner) * 100vw ), 95px);}
.direction-table {width: 37.363%;	border-top: 2px solid var(--dark-color);}
.direction-col {display: flex; align-items: center; padding: 27px 30px; border-bottom: 1px solid #ddd;}
.direction-col-category {min-width: 175px; color: var(--primary-color); font-weight: 600;}
.direction-col p {font-size: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px);}

/* .direction-items {gap: 20px clamp(25px, calc( 95 / var(--inner) * 100vw ), 95px);}
.direction-box {width: var(--direction-box-width); padding: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px) 20px; border: 1px solid #ddd; border-radius: var(--bdrs24); text-align: center;}
.direction-box.no-cnt {opacity: 0;}
.direction-box h3 {position: relative; padding-top: var(--container-space); margin-bottom: clamp(6px, calc( 25 / var(--inner) * 100vw ), 25px); font-size: clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px);}
.direction-box h3:before {position: absolute; content: ''; top: 0; left: 50%; margin-left: -5px; width: 10px; height: 10px; border-radius: 100%; background: var(--primary-color);} */

.history .space-up-down {padding: clamp(40px, calc( 170 / var(--inner) * 100vw ), 170px) 0;}
.decoration-txt {display: inline-block; padding-right: 10px; background: var(--gradient-color); background-clip: text; -webkit-background-clip: text; color: transparent;}
.sec-benefit .contain {gap: 20px clamp(20px, calc( 160 / var(--inner) * 100vw ), 160px);}
.benefit-cnt, .history-boxes {width: 70.33%;}
.benefit-cnt h2 {width: 71.09375%; margin-left: auto;}
.benefit-items {display: flex; flex-wrap: wrap; margin: calc(clamp(15px, calc( 38 / var(--inner) * 100vw ), 38px) * -1) calc(clamp(15px, calc( 75 / var(--inner) * 100vw ), 75px) * -1);}
.benefit-item {width: 50%; max-width: 690px; padding: clamp(15px, calc( 38 / var(--inner) * 100vw ), 38px) clamp(15px, calc( 75 / var(--inner) * 100vw ), 75px);}
.benefit-item h4 {margin: clamp(12px, calc( 20 / var(--inner) * 100vw ), 20px) 0; line-height: 1.57em;}
.history-tag {width: fit-content; height: fit-content; margin-bottom:clamp(12px, calc( 55 / var(--inner) * 100vw ), 55px); padding: 8px 25px; border-radius: 8px; border: 1px solid var(--primary-color); background: #fff;}
.history-boxes {margin-left: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.history-box {padding: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); border-radius: var(--bdrs24); background: #f8f8f8; transition: .2s;}
.history-box.active {background: #f7f1ed;}
.history-box:not(:last-child) {margin-bottom: 20px;}
.history-period {font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); line-height: 1.7778em; color: var(--primary-color); font-weight: 500;}
.history-tit {display: flex; cursor: pointer;}
.history-tit .wrap {flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.history-tit h3 {flex: 1; min-height: 2.75em; font-weight: 500; font-size: clamp(20px, calc( 32 / var(--inner) * 100vw ), 32px); line-height: 1.375em;}
[lang="ko"] .history-tit h3 {min-height: auto;}
.history-arrow {display: none;}
/* .history-arrow {font-family: 'Pretendard';  font-size: clamp(28px, calc( 48 / var(--inner) * 100vw ), 48px); line-height: 1em; font-weight: 500; color: var(--gray-color); transition: .4s;}
.history-box.active .history-arrow {transform: scaleY(-1); color: var(--primary-color);}
.history-items {display: none;} */
.history-item:first-child {margin-top: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.history-item {display: flex; padding-top: 15px; border-top: 1px solid var(--dark-color);}
.history-item:not(:last-child) {margin-bottom: clamp(20px, calc( 90 / var(--inner) * 100vw ), 90px);}
.history-year {font-size: clamp(17px, calc( 28 / var(--inner) * 100vw ), 28px);}
.history-period, .history-year {width: 27.5%; font-weight: 500;}
.history-cnt, .history-month ul {flex:1;}
.history-monthly {display: flex;}
.history-month {min-width: 53px; font-size: clamp(17px, calc( 28 / var(--inner) * 100vw ), 28px); font-weight: 500;}
.history-monthly ul {color: var(--gray-color);}
.history-monthly:not(:last-child) {margin-bottom: clamp(15px, calc( 45 / var(--inner) * 100vw ), 45px);}
.history-monthly li:not(:last-child) {margin-bottom: .75em;}
.cert-slider .swiper-wrapper {transition-timing-function: linear;}

.cert-items {position:relative; font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); line-height: 1.55556em; font-weight: 500;}
.cert-items ul {display: flex; width:max-content; margin: 0 -5px;}
.cert-items ul li { padding: 5px;}
.cert-items.reverse ul {flex-direction: row-reverse;}
.cert-item {width: 295px; height: 100%; padding: clamp(15px, calc( 50 / var(--inner) * 100vw ), 50px) var(--items-gap); border-radius: var(--bdrs24); background: #f8f8f8; transition: .2s;}
.cert-item:hover {background: #f7f1ed;}
.cert-img {width: 140px; border-radius: var(--bdrs24); background: #fff; overflow: hidden;}
.cert-img .wrap {position: relative; width: 100%; padding-bottom: 144%; overflow: hidden;}
.cert-img img {position: absolute; width: 100%; height: auto; max-width: 100%; min-height: 100%; left: 0; top: 50%; transform: translateY(-50%); object-fit: contain;}
.cert-year {margin: clamp(12px, calc( 30 / var(--inner) * 100vw ), 30px) 0 clamp(8px, calc( 15 / var(--inner) * 100vw ), 15px); color: var(--primary-color);}
.sec-story {background: #f3f0ed; border-radius: clamp(12px, calc( 48 / var(--inner) * 100vw ), 48px);}
.story-title .txt {width: 50%;}
.bar-deco-tit:before {content: '';display: block; width: 24px; height: 4px; margin-bottom: clamp(12px, calc( 30 / var(--inner) * 100vw ), 30px); border-radius: 2px; background: var(--primary-color); transform: rotate(-45deg);}
.story-cnt:last-child {padding-top: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); margin-top: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); border-top: 1px dashed #ddd;}
.story-cnt.flex-reverse .story-txt {padding-right: clamp(20px, calc( 90 / var(--inner) * 100vw ), 90px);}
.story-cnt .img {margin-right: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.story-cnt .img img {max-width: 43.679%;}
.story-cnt.flex-reverse .img {margin-right: 0; }
.story-cnt.flex-reverse .img img {max-width: 100%;}
.story-txt {width: 50%;}
.story-txt em {display: block;}
.story-txt p {font-size: clamp(14px, calc( 17 / var(--inner) * 100vw ), 17px); line-height: 1.7647em; color: var(--gray-color);}

.page-product-wrapper .section:not(:last-child) {margin-bottom: clamp(50px, calc( 80 / var(--inner) * 100vw ), 80px);}
.page-product .sec:not(:last-child) {margin-bottom: clamp(50px, calc( 160 / var(--inner) * 100vw ), 160px);}
.sec-ultracol-welcome .photo-cnt {position: relative; z-index:-1; margin-right: -15%; text-align: right;}
.sec-ultracol-welcome .txt-cnt {width: 60%; margin-right: -4.286%;}
.ultracol-welcome-items {padding: clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px); background: #f8f8f8; border-radius: var(--bdrs24);}
.ultracol-welcome-item {display: flex; gap:15px var(--items-gap);}
.ultracol-welcome-item:not(:last-child) {margin-bottom: clamp(20px, calc( 55 / var(--inner) * 100vw ), 55px);}
.versus-item:first-child .img {margin-bottom: 9.5%;}
.versus-item:last-child {margin-top: 5%; text-align: right;}
.versus-item li {display: flex;}
.versus-item li strong {min-width:130px;}
.versus-item li:not(:last-child) {margin-bottom: 10px;}
.versus-item:last-child ul {width: max-content; margin-left: auto;}
.versus-item:last-child li {justify-content: space-between;text-align: left;}
.ultra-comparison-box {position: relative; display: flex; align-items: center; justify-content: center; width: calc(100% - 10px); height: 220px; padding: var(--container-space) 15px; margin: 0 auto; background: #f4f4f4; border-radius: var(--bdrs24); overflow: hidden; font-size: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight: 600;}
.ultra-comparison-box.ultra-comparison-title {border: 1px solid #ddd; margin-left: 0; line-height: 0;}
.ultra-comparison-box span {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 200px; padding: 7px; border-radius: clamp(8px, calc( 16 / var(--inner) * 100vw ), 16px) clamp(8px, calc( 16 / var(--inner) * 100vw ), 16px) 0 0; background: #ebebeb; color: var(--gray-color); font-size: clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px); font-weight: 500;}
.ultra-comparison-box.focus span {background: var(--secondary-color); color: var(--dark-color); font-weight: 600;}
.ultra-comparison-box img {box-shadow: 4px 4px 28px rgba(0,0,0,.12);}
.table-wrap table {border-collapse: collapse; width: 100%;}
.line-table tbody th {font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: 500; color: var(--primary-color);}
.line-table tbody td {font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); color: var(--gray-color);}
.line-table td li, .line-table td strong {font-weight: 600; color: var(--dark-color); text-align: center;}
.line-table td li:not(:last-child) {margin-bottom: 6px;}
.line-table td li span {display: block; font-size: clamp(12px, calc( 15 / var(--inner) * 100vw ), 15px); color: var(--light-color); font-weight: 400; line-height: 1.2em;}
.line-table tbody th, .line-table td {padding: clamp(10px, calc( 24 / var(--inner) * 100vw ), 24px) clamp(8px, calc( 15 / var(--inner) * 100vw ), 15px); border-bottom: 1px dashed #ddd;}
.ultra-flex-info {gap: var(--container-space); padding-bottom: clamp(20px, calc( 50 / var(--inner) * 100vw ), 50px); margin-bottom: clamp(20px, calc( 50 / var(--inner) * 100vw ), 50px); border-bottom: 1px solid #ddd;}
.ultra-flex-tit {height: fit-content; padding: 8px 24px; border-radius: var(--bdrs24); background: var(--secondary-color);}
.ultracol-collagen-txt {padding: clamp(10px, calc( 22 / var(--inner) * 100vw ), 22px) var(--container-space); border: 1px solid #ddd; border-radius: var(--bdrs16); text-align: center;}
.three-items {display: flex; gap: var(--items-gap);}
.three-items.multiple-items {flex-wrap: wrap;}
.three-item {width: calc((100% - var(--items-gap) * 2) / 3);}
.two-items {display: flex; gap: 30px var(--items-gap);}
.ultracol-period-item li {display: flex; justify-content: space-between; padding: clamp(8px, calc( 28 / var(--inner) * 100vw ), 28px) var(--items-gap);}
.ultracol-period-item li:not(:last-child) {border-bottom: 1px dashed #ddd;}
.top-img-box {position: relative; margin-bottom: 10px; padding: var(--items-gap) var(--container-space); border-radius: var(--bdrs24); background: #f3f0ed; overflow: hidden;}
.top-img-box .img {text-align: center;}
.bot-txt-box {border: 1px solid #ddd; border-radius: var(--bdrs24);}
.ultracol-remarkable-reduction, .ultracol-remarkable-boxs {gap: var(--items-double-gap);}
.ultracol-remarkable-box {border-radius: var(--bdrs24);}
.ultracol-remarkable-box .wrap {position: relative; width: 100%; height: 100%; overflow: hidden; padding: var(--container-space); border-radius: var(--bdrs24); background: #f8f8f8;}
.ultracol-remarkable-box .wrap:before {position: absolute; content: ''; top: 0; left: 0; transform: translate(-50%, -55%); width: clamp(40px, calc( 120 / var(--inner) * 100vw ), 120px); height: clamp(40px, calc( 120 / var(--inner) * 100vw ), 120px); border-radius: 100%; background: var(--primary-color);}
.ultracol-remarkable-box.bot-box .wrap:before {background: var(--secondary-color);}
.ultracol-remarkable-boxs .ultracol-remarkable-box {position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.ultracol-remarkable-box.bot-box:before {position: absolute; content: '';top: calc(var(--items-double-gap) * -1); left: 0; height: var(--items-double-gap); width: 100%; background: url('/images/sub/ultracol-remarkable-arrow.png') no-repeat center center;}
.ultracol-remarkable-boxs:last-child .ultracol-remarkable-box.bot-box:after {position: absolute; content :''; left: calc(var(--items-double-gap) * -1); top: 0; height: 100%; width: var(--items-double-gap); background: url('/images/sub/ultracol-remarkable-mark.png') no-repeat center center; }
.ultracol-remarkable-box.remarkable-graph {width: 28.572%; padding: clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px) var(--container-space) 0; background: #f3f0ed;}
.ultracol-patents {display: flex; flex-wrap: wrap; gap: clamp(25px, calc( 60 / var(--inner) * 100vw ), 60px) var(--items-double-gap);}
.ultracol-patent {flex: 1 1 auto; width: calc((100% - var(--items-double-gap) * 3) / 4)}
.ultracol-patent .img {position: relative; overflow: hidden; margin-bottom: clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px);}
.ultracol-patent .img:after {position: absolute; content:''; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #ddd; border-radius: var(--bdrs24); pointer-events: none;}
.ultracol-patent.long-box {width: calc((100% - var(--items-double-gap)) / 2);}
.ultracol-patent.long-box .img {padding: clamp(5px, calc( 60 / var(--inner) * 100vw ), 60px) 5px;}
.indent10 {padding-left: 10px; text-indent: -10px;}
.thread-sales-items li:not(:last-child) {margin-bottom: 4px;}
.compare-table table {height: 100%; border: 1px solid var(--primary-color); border-left: 0; border-right: 0;}
.compare-table th {border-right: 1px dashed #ddd; border-top: 1px dashed #ddd; font-weight: 500; font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px);}
.compare-table th:first-child {border-right: 1px solid var(--primary-color); color: var(--primary-color);}
.compare-table td {border-top: 1px dashed #ddd; border-right: 1px dashed #ddd; color: var(--gray-color);}
.compare-table th, .compare-table td {padding: clamp(8px, calc( 24 / var(--inner) * 100vw ), 24px) 10px;}
.compare-table thead th:last-child,
.compare-table td:last-child {border-right: 0;}
.compare-table tbody tr:first-child td {padding: 0;}
.compare-table.only-txt tbody tr:first-child td {padding: clamp(8px, calc( 24 / var(--inner) * 100vw ), 24px) 10px;}
.compare-table-items {display: flex; justify-content: center; gap: 6px;}
.compare-table-items span {display: block; padding: 3px 10px; background: var(--secondary-color); border-radius: 16px; color: var(--dark-color); font-weight: 500;}
.compare-table-items span.off{background: #f1f1f1; color: #ccc;}
.device-welcome-flex {position: relative;  gap: 20px clamp(20px, calc( 120 / var(--inner) * 100vw ), 120px) !important;}
.device-welcome-flex.idebenone {max-width: 100% !important;}
.device-welcome-flex .device-welcome-cnt {max-width: 1460px; margin: 0 auto;}
.device-welcome-img {width: 27.143%;}
#cosmetic .device-welcome-img {position: absolute; top: 0; right: 0; text-align: right;}
.device-welcome-items {gap: 10px;}
.device-welcome-item {padding: clamp(20px, calc( 45 / var(--inner) * 100vw ), 45px) 15px; background: #f8f8f8; border-radius: var(--bdrs24);}
.product-device .bot-txt-box p {padding: clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px) 15px;}
.tit-top-box {border-radius: var(--bdrs24); background: #f4f4f4;}
.tit-top-box h3 {width: fit-content; min-width: 300px; padding: 10px 20px; margin: 0 auto; background: var(--secondary-color); border-radius: 0 0 var(--bdrs16) var(--bdrs16);}
.tit-top-cnt {padding: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px) 15px;}
.brown-box {padding: clamp(20px, calc( 50 / var(--inner) * 100vw ), 50px) clamp(15px, calc( 50 / var(--inner) * 100vw ), 40px); border-radius: var(--bdrs24); background: #f3f0ed;}
.bg-gray-boxes .brown-box {background: linear-gradient(110deg, #fafafa, #f4f4f4);}
.bg-gray-boxes h3 {line-height: 1.5715em;}
.zigzag-items {display: flex; gap: var(--items-gap);}
.zigzag-item:nth-child(even) {margin-top: clamp(30px, calc( 50 / var(--inner) * 100vw ), 50px);}
.photo-with-list {gap: 20px clamp(30px, calc( 100 / var(--inner) * 100vw ), 100px);}
.photo-with-list .img {width: 48.572%;}
.photo-with-list li:not(:last-child) {margin-bottom: 1em;}
.photo-with-list .circle-list li {position: relative; padding-left: 23px;}
.photo-with-list .circle-list li:before {position: absolute; content: ''; left: 0; top: 12px; width: 8px; height: 8px; border-radius: 100%; background: var(--primary-color);}
.top-img-box.only-img {position: relative; padding: 0;}
.top-img-num {position: absolute; top: var(--container-space); left: var(--container-space); display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 100%; background: #fff; font-weight: 600; font-size: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); line-height: 1em;}
.airshine-spec-item .double-h {display: flex; align-items: center; min-height: 3.5556em;}
.tdt-items .img {position: relative;}
.tdt-items .img:first-child:before {position: absolute; content: ''; top: 0; right: calc(var(--items-double-gap) * -1); width: var(--items-double-gap); height: 100%; background: url('/images/sub/ultracol-remarkable-arrow.png') no-repeat center center; transform: rotate(-90deg);}
.colasty-feature {gap: 20px clamp(30px, calc( 100 / var(--inner) * 100vw ), 100px);}
.colasty-feature-img {width: 42.8575%;}
.colasty-feature-process {display: flex; text-align: center; margin: 0 calc(clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px) * -1); font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: 500; line-height: 1.5556em;}
.colasty-feature-process .process-item {position: relative;flex:1;}
.colasty-feature-process .wrap {position: relative;display: flex; align-items: center; justify-content: center; height: 100%; padding: clamp(20px, calc( 50 / var(--inner) * 100vw ), 50px) 10px; margin: 0 clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px); background: #f8f8f8; border-radius: var(--bdrs24); overflow: hidden;}
.colasty-feature-process .wrap:before {position: absolute; content:''; top: 0; left: 0; width: clamp(70px, calc( 120 / var(--inner) * 100vw ), 120px); height: clamp(70px, calc( 120 / var(--inner) * 100vw ), 120px); background: var(--primary-color); border-radius: 100%; transform:translate(-60%, -60%);}
.colasty-feature-process .process-item:nth-child(odd) .wrap:before {background: var(--secondary-color);}
.colasty-feature-process .process-item:not(:last-child):after {position: absolute; content:''; top: 0; right: calc(clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px) * -1);width: clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px); height: 100%; background: url('/images/sub/process-arrow-gray.png') no-repeat center center;}
.advantage-colasty .top-img-num {position: unset;}
.colasty-post-change {margin: 0 calc(clamp(10px, calc( 50 / var(--inner) * 100vw ), 50px) * -1) clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.coasty-post-step {position: relative; padding: 0 clamp(10px, calc( 50 / var(--inner) * 100vw ), 50px);}
.coasty-post-step:not(:last-child):after {position: absolute; content: ''; top: 0; right: calc(clamp(10px, calc( 50 / var(--inner) * 100vw ), 50px) * -1); width: clamp(20px, calc( 100 / var(--inner) * 100vw ), 100px); height: 275px; background: url('/images/sub/process-arrow-large.png') no-repeat center center;}
.coasty-post-step .txt {min-height:8.8235em; margin-top: clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px); text-align: center;}
[lang="en"] .coasty-post-step .txt {text-align: left;}
.coasty-post-step .img {text-align: center;}
.color-info ul {width: fit-content; margin: clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px) auto 0; font-size: clamp(12px, calc( 14 / var(--inner) * 100vw ), 14px); color: #878787;}
.color-info li {display: flex; align-items: center; gap: 10px;}
.color-info span {display: block; width: 8px; height: 8px; border-radius: 100%; background: var(--dark-color);}
.product-cryo .ultracol-remarkable-box .wrap {padding-top: clamp(20px, calc( 50 / var(--inner) * 100vw ), 50px); padding-bottom: clamp(20px, calc( 50 / var(--inner) * 100vw ), 50px);}
.product-cryo .ultracol-remarkable-box .wrap:before {background: #c31840;}
.product-cryo .ultracol-remarkable-box:nth-child(2) .wrap:before {background: #3b4dd4;}
.product-cryo .ultracol-remarkable-box:nth-child(3) .wrap:before {background: #8710da;}
.effective-drug {display: flex; gap: 20px clamp(30px, calc( 120 / var(--inner) * 100vw ), 120px);}
.effect-boxes {gap: clamp(15px, calc( 60 / var(--inner) * 100vw ), 60px);}
.effect-box {position: relative; background: var(--primary-color); color: #fff; border-radius: var(--bdrs24); padding: 15px;}
.effect-box:first-child:after{position: absolute; content: ''; top: 0; left: 100%; width: clamp(15px, calc( 60 / var(--inner) * 100vw ), 60px); height: 100%; background: url('/images/sub/process-arrow-gray.png') no-repeat center center;}
.effect-box.photo-box {background: #fff; padding: 0;}
.primary-color .effect-box {background: #f3f0ed; color: var(--primary-color);}
.product-cryo .compare-table.only-txt tbody tr:first-child td, .product-cryo .compare-table.only-txt td  {padding-left: clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px);}
.product-cosmetic .sec-welcome .contain {gap: 20px;}
.cosmetic-welcome-right .txt-wrap {padding-left: clamp(20px, calc( 110 / var(--inner) * 100vw ), 110px);}
/* .idebenone .device-welcome-cnt {padding-top: clamp(20px, calc( 80 / var(--inner) * 100vw ),80px);} */
.idebenone-items {flex-wrap: wrap; gap: clamp(20px, calc( 80 / var(--inner) * 100vw ),80px) clamp(20px, calc( 90 / var(--inner) * 100vw ),90px);}
.idebenone-item {flex: 1; width: 50%;}
.product-doctor .sec-welcome .idebenone-item {flex: 1 1 auto; width: calc((100% - clamp(20px, calc( 90 / var(--inner) * 100vw ),90px) * 2) / 3);}
.page-product .sec-round {padding: clamp(50px, calc( 160 / var(--inner) * 100vw ), 160px) 0; border-radius: clamp(15px, calc( 48 / var(--inner) * 100vw ), 48px); background: #f3f0ed;}
.cosmetic-flex-img {width: 27.858%;}
.cosmetic-flex-img, .cosmetic-flex-txt {background: #fff; border-radius:var(--bdrs24); overflow: hidden;}
.cosmetic-flex-txt {padding: clamp(20px, calc( 55 / var(--inner) * 100vw ), 55px) clamp(15px, calc( 60 / var(--inner) * 100vw ), 60px);}
.type2 .cosmetic-flex-img, .type2 .cosmetic-flex-txt {border: 1px solid #ddd;}
.cosmetic-lines, .cosmetic-line {gap: 10px;}
.cosmetic-flex-txt .wrap {position: relative; width: 100%;}
.cosmetic-flex-txt .right-cnt {position: absolute; top: 0; right: 0;}
.cosmetic-flex-txt .right-cnt span {display: block; width: fit-content; padding: 3px 15px;background: var(--secondary-color);border-radius: 16px; font-weight: 500;}
.cosmetic-flex-txt .right-cnt li:not(:last-child) {margin-bottom: 8px;}
.three-items.reverse .top-img-box {background: #fff; overflow: hidden;}
.three-items.reverse .bot-txt-box {padding: var(--items-gap) var(--container-space); background: #f3f0ed; border: 0;}
.three-items.reverse .bot-txt-box.bg-white {background: #fff;}
.online-markets ul {display: flex; flex-wrap: wrap; margin: -5px;}
.online-markets li {width: 25%; padding: 5px;}
.doctor-welcome-wrap {gap: clamp(30px, calc( 130 / var(--inner) * 100vw ), 130px);}
.doctor-welcome-img {width: 55.7143%;}
.doctor-welcome-wrap {margin-bottom: clamp(20px, calc( 120 / var(--inner) * 100vw ), 120px);}
.doctor-img-wrap .long {margin-right: calc(clamp(0px, calc( 110 / var(--inner) * 100vw ), 110px) * -1);}
.product-doctor .idebenone .wrap{max-width: 1130px;margin-top: clamp(20px, calc( 160 / var(--inner) * 100vw ), 160px); margin-left: auto;}
.product-doctor .idebenone-item {width: 33.3335%;}
.glutathione-levels {background: #fff; border-radius: var(--bdrs24); overflow: hidden;}
.glutathione-levels-tit {padding: clamp(15px, calc( 23 / var(--inner) * 100vw ), 23px) var(--container-space); background: var(--secondary-color);}
.glutathione-levels-photo {padding: clamp(20px, calc( 50 / var(--inner) * 100vw ), 50px) var(--container-space) clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); border-bottom: 1px dashed #ddd;}
.glutathione-txt {padding: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px) var(--container-space);}
.circle-items {margin: 0 16px;}
.circle-item {position: relative; z-index: 1; margin: 0 -16px; padding: clamp(20px, calc( 85 / var(--inner) * 100vw ), 85px) var(--container-space);}
.circle-item:before {position: absolute; content: ''; top: 50%; left: 0; width: 100%; padding-bottom: 100%; background: linear-gradient(to bottom, #fff, #f4f4f4); border: 1px solid #e7e7e7; border-radius: 100%; box-shadow: 4px 4px 28px rgba(0,0,0,.06); transform: translateY(-50%); z-index: -1;}
.doctor-different-items {margin-bottom: clamp(40px, calc( 120 / var(--inner) * 100vw ), 120px);}
.doctor-different-item {gap: 20px clamp(20px, calc( 120 / var(--inner) * 100vw ), 120px);}
.doctor-different-item:not(:last-child) {margin-bottom: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.doctor-different-img {width: 47.1429%;}
.doctor-different-num {display: flex; align-items: center; justify-content: center; width: clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px); height: clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px); border-radius: 100%; background: var(--secondary-color); font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: 600;}
.doctor-img-wrap {gap: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.thread-gallery {margin-top: clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px);}
.thread-gallery .three-item {padding: clamp(20px, calc( 45 / var(--inner) * 100vw ), 45px) clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);border: 1px solid #ddd; border-radius: var(--bdrs24);}
.thread-gallery-tit {margin-bottom:clamp(12px, calc( 35 / var(--inner) * 100vw ), 35px);}
.thread-type-items {margin-top:clamp(40px, calc( 120 / var(--inner) * 100vw ), 120px);}
.thread-type-tit {display: flex; align-items: center; justify-content: center; gap: 12px; padding: clamp(7px, calc( 20 / var(--inner) * 100vw ), 20px) var(--container-space); margin-bottom: 20px; border-radius: 37px; background: var(--primary-color); color: #fff;}
.thread-type-tit span {display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: #fff; border-radius: 100%; color: var(--dark-color); font-weight: 600; font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px);}