@charset "utf-8";
/*
 * Name     : style.css
 * Version  : 1.0.4
 * Author   : onepixel studio
 * Date     : 2020-05-10
 ---------------------------------------------------
 Table of contents
 ---------------------------------------------------
    00. common
    01. main - hero
    02. main - common
    03. main - about
    04. main - works
    05. main - process
    06. main - service
    07. main - team
    08. main - parallax
    09. main - latest articles
    10. main - partners
    11. main - contact
    12. sub - common
    13. sub - hero
    14. sub - company
    15. sub - business
    16. sub - product
    17. sub - board common
    18. sub - customer
    19. sub - contact
    20. member
    21. media queries
---------------------------------------------------
*/
:root {
    --point: #d50000;
}
/* ------------------------------
 * common
------------------------------ */
.bg-cover {background-size: cover; background-repeat: no-repeat; background-position: center}
.bg-parallax {position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; z-index: 5}
.bg-parallax:before {content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #000; opacity: .65; z-index: -1}
.no-padding {padding-top: 0 !important; padding-bottom: 0 !important}
.no-padding-top {padding-top: 0 !important}
.no-padding-bottom {padding-bottom: 0 !important}
.line-top {border-top: 1px solid #e9e9e9}
.line-bottom {border-bottom: 1px solid #e9e9e9}
.margin-offset {margin-left:-15px; margin-right:-15px}
.tablet-inline-block {display:none}
.tablet-block {display:none}
.mobile-inline-block {display:none}
.mobile-block {display:none}

/* ------------------------------
 * main - hero
------------------------------ */
.main-hero-section {position: fixed; top: 0; left: 0; right: 0; height: 100vh; z-index: 10}
.main-hero-section .hero-slider .slide-item01 {background-image:url(../images/main_hero_img1.jpg)}
.main-hero-section .hero-slider .slide-item02 {background-image:url(../images/main_hero_img2.jpg)}
.main-hero-section .hero-slider .slide-item03 {background-image:url(../images/main_hero_img3.jpg)}
.main-hero-section .hero-slider .slide-item04 {background-image:url(../images/main_hero_img4.jpg)}
.main-hero-section .hero-slider, .main-hero-section .hero-slider .slick-track, .main-hero-section .hero-slider .slick-list, .main-hero-section .hero-slider .slick-item {height: 100%}
.main-hero-section .hero-slider .slide-item {position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; outline: 0; z-index: 5}
.main-hero-section .hero-slider .slide-item:before {content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(to bottom, rgba(19,19,19,.5) 55%, rgba(19,19,19,1) 100%); z-index: -1}
.main-hero-section .hero-slider .slide-item .slide-caption {position: absolute; bottom: 300px; left: 240px; right: 240px}
.main-hero-section .hero-slider .slide-item .slide-caption h2 {font-size: 62px; font-weight: 800; color: #fff; line-height: 1.1; margin-bottom: 40px}
.main-hero-section .hero-slider .slide-item .slide-caption p {font-size: 19px; font-weight: 300; color: #fff; line-height: 1.6}
.main-hero-section .hero-slider .slide-item .slide-caption p strong {font-weight: 500; color: #ff0000}
.main-hero-section .slick-arrows {position: absolute; bottom: 160px; left: 240px; font-size: 0; z-index: 5}
.main-hero-section .slick-arrows button {width: 50px; height: 50px; font-size: 32px; color: #fff; padding: 0; border: 1px solid rgba(255,255,255,.14); background-color: transparent; cursor: pointer; outline: 0; transition: color .3s, border-color .3s, background-color .3s}
.main-hero-section .slick-arrows button + button {margin-left: 4px}
.main-hero-section .slick-arrows button:hover {color: #000; border-collapse: #fff; background-color: #fff}
.main-hero-section .slick-dots {position: absolute; bottom: 170px; right: 240px; font-size: 0; text-align: right; z-index: 10}
.main-hero-section .slick-dots li {display: inline-block}
.main-hero-section .slick-dots li + li {margin-left: 15px}
.main-hero-section .slick-dots li button {width: 8px; height: 8px; padding: 0; text-indent: -9999em; border: 2px solid #fff; border-radius: 50%; background-color: #fff; opacity: .5; transition: all .3s ease; outline: 0}
.main-hero-section .slick-dots li.slick-active button {width: 12px; height: 12px; border-width: 3px; background-color: transparent; opacity: 1}

/* ------------------------------
 * main - common
------------------------------ */
.main-section {position: relative; padding-top: 120px; padding-bottom: 120px}
.main-section .heading-row {margin-bottom: 80px}
.main-section .heading-row .col-heading h2 {font-size: 44px; font-weight: 500; color: #222}
.main-section .heading-row .col-desc p {font-size:17px; color: #555; line-height: 1.85}
.main-section .heading-row.light .col-heading h2 {color: #fff}
.main-section .heading-row.light .col-desc p {color: #fff}

/* ------------------------------
 * main - about
------------------------------ */
.main-about-section .features-row .col-features {text-align:center}
.main-about-section .features-row .col-features .icon-wrap {display:block; width:72px; height:72px; font-size: 38px; color: var(--point); text-align: center; line-height: 68px; margin: auto; padding: 0 10px; border: 2px solid #e5e5e5; border-radius: 50%}
.main-about-section .features-row .col-features h3 {font-size: 21px; font-weight: 500; color: #333; margin: 30px 0 15px}
.main-about-section .features-row .col-features p {font-size: 15px; color: #555; line-height: 1.8}

/* ------------------------------
 * main - works
------------------------------ */
.main-works-section .article-list, .main-works-section .article-list tbody, .main-works-section .article-list tr, .main-works-section .article-list td {display: block}
.main-works-section .article-list tr[valign="top"]:before, .main-works-section .article-list tr[valign="top"]:after {content: ''; display: table}
.main-works-section .article-list tr[valign="top"]:after {clear: both}
.main-works-section .article-list tr[valign="top"] > td {float: left; width: 25%}
.main-works-section .article-list table {position: relative; display: block; width: 100%}
.main-works-section .article-list table .board_output_gallery_img a {position:relative; display: block; z-index: 5}
.main-works-section .article-list table .board_output_gallery_img a:before {content: ''; position: absolute; display: block; top: 0; left: 0; bottom: 0; right: 0; background-image: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%); opacity: .6; transition: opacity .2s ease-out; z-index: 1}
.main-works-section .article-list table .board_output_gallery_img img {height: auto}
.main-works-section .article-list table br {display: none}
.main-works-section .article-list table tr:last-child td {position: absolute; bottom: 0; left: 0; right: 0; padding: 0 35px 30px; font-size: 13px; font-weight: 700; color: var(--point); text-align: left; transition: transform .3s ease-in-out; z-index: 5}
.main-works-section .article-list table .board_output_gallery_subject a {display: -webkit-box; display: -ms-flexbox; font-size: 18px; font-weight: 700; color: #fff; line-height: 1.35; text-align: left; height: 49px; margin-top: 10px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.main-works-section .article-list table .board_output_gallery_img a:hover:before {opacity: .8}
.main-works-section .article-list table:hover tr:last-child td {transform: translateY(-30px)}

/* ------------------------------
 * main - process
------------------------------ */
.main-process-section .col-text .text-inner {padding-left: 80px}
.main-process-section .col-text.col-sm-pull-6 .text-inner {text-align: right; padding-left: 0; padding-right: 80px}
.main-process-section .col-text .text-inner .process-num {position: relative; display: inline-block; width: 100px; height: 100px; padding: 50px 0 15px 20px; font-size: 22px; font-weight: 700; color: var(--point); text-align: left; border: 2px solid #e5e5e5}
.main-process-section .col-text .text-inner .process-num:after {content: ''; position: absolute; bottom: -2px; left: 14px; width: 20px; height: 2px; background-color: var(--point)}
.main-process-section .col-text .text-inner h4 {font-size: 22px; font-weight: 500; color: #2b2b2b; margin: 0 0 15px}
.main-process-section .col-text .text-inner p {color: #333; line-height: 1.85}

/* ------------------------------
 * main - service
------------------------------ */
.main-service-section {background-color: #272a35}
.main-service-section .heading-row {margin-bottom: 0}
.main-service-section .service-row .col-service {margin-bottom: 50px}
.main-service-section .service-row .col-service .icon i {font-size: 42px; color: var(--point)}
.main-service-section .service-row .col-service h3 {font-size: 19px; color: #fff; margin: 30px 0 15px}
.main-service-section .service-row .col-service p {font-size: 15px; font-weight: 300; color: #fff; line-height: 1.85; opacity: .8}

/* ------------------------------
 * main - team
------------------------------ */
.main-team-section {background-color: #f7f7f7}
.main-team-section .team-row .col-team {margin-bottom:40px}
.main-team-section .team-row .col-team .team-info {position:relative; margin-top:-40px; margin-left:20px; margin-right:20px; padding:30px; background-color:#fff; z-index:5}
.main-team-section .team-row .col-team .team-info h4 {font-size:17px; font-weight:600; color:var(--point); letter-spacing: 1px}
.main-team-section .team-row .col-team .team-info span {display:block; font-size:13px; color:#aaa; letter-spacing: 1px; margin:3px 0 15px}
.main-team-section .team-row .col-team .team-info p {font-size:14px; color:#888; line-height:1.7}

/* ------------------------------
 * main - parallax
------------------------------ */
.main-parallax-section {padding: 200px 0; background-image: url(../images/main_parallax_bg.jpg)}
.main-parallax-section .caption {text-align: center}
.main-parallax-section .caption h2 {font-size: 60px; font-weight: 300; color: #fff; letter-spacing: 2px}

/* ------------------------------
 * main - latest articles
------------------------------ */
.main-latest-section .heading-row {margin-bottom: 0}
.main-latest-section .col-heading .tab-article {margin-top: 50px}
.main-latest-section .col-heading .tab-article:after {content: ''; display: block; width: 30px; height: 1px; margin: 70px 0 50px; background-color: #ddd}
.main-latest-section .col-heading .tab-article li + li {margin-top: 12px}
.main-latest-section .col-heading .tab-article li a {position: relative; display: block; font-size: 19px; color: #868e96; transition: color .3s, padding-left .3s}
.main-latest-section .col-heading .tab-article li a:before {content: ''; position: absolute; top: 14px; left: 0; display: block; width: 0; height: 2px; background-color: var(--point); transition: width .3s}
.main-latest-section .col-heading .tab-article li a i, .main-latest-section .col-heading .tab-article li a span {display: inline-block}
.main-latest-section .col-heading .tab-article li a i {margin-right: 8px; vertical-align: -5px}
.main-latest-section .col-heading .tab-article li a span {font-size: 14px}
.main-latest-section .col-heading .tab-article li.active a {color: var(--point); padding-left: 30px}
.main-latest-section .col-heading .tab-article li.active a:before {width: 20px}
.main-latest-section .col-heading .btn-more {display: inline-block; font-size: 14px; font-weight: 700; color: #333; transition: all .3s}
.main-latest-section .col-heading .btn-more i {margin-left: 5px; vertical-align: -2px; transition: margin-left .3s}
.main-latest-section .col-heading .btn-more:hover {color: var(--point)}
.main-latest-section .col-heading .btn-more:hover i {margin-left: 10px}
.main-latest-section .article-list {width: 100%; border-top: 1px solid #e9e9e9; border-collapse: collapse; border-spacing: 0}
.main-latest-section .article-list tbody tr td {max-width:0; padding: 40px 24px; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #e9e9e9; overflow: hidden}
.main-latest-section .article-list tbody tr td[width="1%"] {display: none}
.main-latest-section .article-list tbody tr td.bd_out1 a {display: inline-block; font-size: 17px; font-weight: 500; color: #222; max-width: 90%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: color .3s}
.main-latest-section .article-list tbody tr td.bd_out1 a:hover {color: var(--point)}
.main-latest-section .article-list tbody tr td:last-child {width: 150px; font-family: 'Muli','Pretendard',sans-serif; font-size: 14px; color: #aaa; letter-spacing: 1px; text-align: right}

/* ------------------------------
 * main - partners
------------------------------ */
.main-partners-section .partner-slider {padding-left: 80px; padding-right: 80px}
.main-partners-section .partner-slider .slide-item {padding-left: 10px; padding-right: 10px}
.main-partners-section .partner-slider .slick-arrow {position: absolute; top: 10px; width: 50px; height: 50px; font-size: 36px; color: #000; padding: 0; border: none; background-color: transparent; transition: color .3s, background-color .3s; outline: 0; z-index: 5}
.main-partners-section .partner-slider .slick-arrow:hover {color: #fff; background-color: #000}
.main-partners-section .partner-slider .slick-prev {left: 0}
.main-partners-section .partner-slider .slick-next {right: 0}
.main-partners-section .partner-slider .slick-dots {margin-top: 30px; font-size: 0; text-align: center}
.main-partners-section .partner-slider .slick-dots li {display:inline-block; margin: 0 3px}
.main-partners-section .partner-slider .slick-dots li button {width: 8px; height: 8px; text-indent: -9999em; padding: 0; border: none; border-radius: 50%; background-color: #d9d9d9; transition: background-color .3s; outline: 0}
.main-partners-section .partner-slider .slick-dots li.slick-active button {background-color: var(--point)}

/* ------------------------------
 * main - contact
------------------------------ */
.main-contact-section {padding-top: 80px; padding-bottom: 80px; background-color: #1b1b1b}
.main-contact-section .contact-row {box-shadow: 20px 20px 60px 0 rgba(0,0,0,.6)}
.main-contact-section .contact-row .col-location iframe {display: block; width: 100%}
.main-contact-section .contact-row .col-info {background-color: #3a3a3a}
.main-contact-section .contact-row .col-info .info-inner {padding-left: 80px; padding-right: 25px}
.main-contact-section .contact-row .col-info .info-inner .heading {font-size: 48px; font-weight: 500; color: #fff; margin-bottom: 40px}
.main-contact-section .contact-row .col-info .info-inner address, .main-contact-section .contact-row .col-info .info-inner .info-list li {font-size: 24px; font-weight: 500; color: #fff; line-height: 1.5}
.main-contact-section .contact-row .col-info .info-inner address a, .main-contact-section .contact-row .col-info .info-inner .info-list li a {color: #fff}
.main-contact-section .contact-row .col-info .info-inner address {margin-bottom: 20px}
.main-contact-section .contact-row .col-info .info-inner .buttons {margin-top: 80px; font-size: 0}
.main-contact-section .contact-row .col-info .info-inner .buttons .btn-map {display: inline-block; font-size: 14px; color: #fff; margin-right: 8px; margin-bottom: 8px; padding: 12px 24px; border: 1px solid #fff; transition: all .25s}
.main-contact-section .contact-row .col-info .info-inner .buttons .btn-map i {margin-right: 5px; vertical-align: -2px}
.main-contact-section .contact-row .col-info .info-inner .buttons .btn-map:hover {color: var(--point); background-color: #fff; box-shadow: 0 8px 20px 2px rgba(0,0,0,.08)}


/* ------------------------------
 * main - video section
------------------------------ */
.main-video-section {overflow: hidden}
.main-video-section .video-box .video-wrapper {position:relative; padding-bottom:56.25%}
/* .main-video-section .video-box .video-wrapper iframe, .main-video-section .video-box .video-wrapper .yt-player {position:absolute; top:0; left:0; width:100%; height:100%; z-index:10} */
.main-video-section .video-box .video-wrapper > * {position: absolute; display: block; top: 0; left: 0; width: 100% !important; height: 100% !important; object-fit: cover; z-index: 5}
.main-video-section .video-box .pagination-box {position:absolute; display:flex; bottom:70px; right:50%; transform: translateX(-50%); right:0; z-index:20; align-items:center}
.main-video-section .video-box .pagination-box .progressbar-wrap {position: relative; width: 330px; height: 2px; background-color: #fff; margin-right: 20px; overflow: hidden}
.main-video-section .video-box .pagination-box .progressbar-wrap .bar {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 0; background-color: var(--point)}
.main-video-section .video-box .pagination-box .progressbar-wrap .bar.animate {width: 100%; transition: width 30s}
.main-video-section .video-box .pagination-box .pagination-counter {font-size:0; width:auto !important; padding-left:10px; padding-right:10px}
.main-video-section .video-box .pagination-box .pagination-counter span {font-size: 25px; font-weight: 600; color: rgba(255,255,255,.4)}
.main-video-section .video-box .pagination-box .pagination-counter span.current {color:#fff}
.main-video-section .video-box .pagination-box .pagination-counter span.total:before {content: ' / '}
.main-video-section .video-box .pagination-box .button-navigation {display: inline-block; width: 32px; height: 32px; font-size: 16px; color: rgba(255,255,255,.4); padding: 0; border: 0; background-color: transparent; outline: 0; margin-top:-14px}
.main-video-section .video-box .pagination-box .button-navigation i {font-size:32px}

/* ------------------------------
 * sub - common
------------------------------ */
.sub-section .sub-heading {position:relative; text-align:center; margin-bottom:60px}
.sub-section .sub-heading h2 {font-size:26px; font-weight:normal; color:#222; line-height:1.35}
.sub-section {padding-top:100px; padding-bottom:100px}
.sub-section .main-heading {position:relative; text-align:center; margin-bottom:60px}
.sub-section .main-heading h2 {font-size:38px; font-weight:normal; color:#222; line-height:1.35}
.sub-section .main-heading p {color:#777; line-height:1.6; margin-top:15px}
.sub-section .section-heading {text-align:center; margin-bottom:50px}
.sub-section .section-heading h3 {font-size:28px; color:#333}
.sub-section .section-heading.light h3 {color:#fff}
.sub-section .section-heading p {margin-top:20px; font-size:15px; color:#7a7a7a; line-height:1.75}
.sub-section .bottom-btn {text-align:center; padding-top:60px}
.dropdown-nav-section {border-bottom:1px solid #e9e9e9}
.dropdown-nav-section .link-home {float:left; height:60px; padding:0 20px; font-size:18px; color:#000; line-height:60px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9}
.dropdown-nav-section .dropdown-wrap {position:relative; float:left}
.dropdown-nav-section .dropdown-wrap > a {position:relative; display:block;  height:60px; padding:0 25px; font-size:15px; color:#7a7a7a; line-height:60px; border-right:1px solid #e9e9e9}
.dropdown-nav-section .dropdown-wrap > a:after {content:'\e941'; position:absolute; right:25px; font-family:'xeicon'; transition:transform 0.3s}
.dropdown-nav-section .dropdown-wrap > a[aria-expanded="true"]:after {transform:rotate(180deg)}
.dropdown-nav-section .dropdown-wrap > .dropdown {display:none; position:absolute; left:-1px; right:0; border-top:1px solid #e9e9e9; background-color:#fff; z-index:10; box-shadow:0 20px 50px -12px rgba(0,0,0,0.12)}
.dropdown-nav-section .dropdown-wrap > .dropdown li a {display:block; font-size:15px; color:#7a7a7a; padding:10px 20px}
.dropdown-nav-section .dropdown-wrap > .dropdown li a:hover {color:#333; background-color:#f8f8f8}
.dropdown-nav-section .dropdown-wrap > .dropdown li.is-active a {color:#fff; background-color:var(--point)}
.dropdown-nav-section .dropdown-02 > a {color:var(--point)}

/* ------------------------------
 * sub - hero
------------------------------ */
#sub-hero {position:relative; height:500px; overflow:hidden}
#sub-hero .hero-bg {position:absolute; top:0; left:0; bottom:0; right:0; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; transform:scale(1.1); transition:transform 5s ease}
#sub-hero.is-loaded .hero-bg {transform:scale(1)}
#sub-hero.hero-01 .hero-bg {background-image:url(../images/sub_hero_img1.jpg)}
#sub-hero.hero-02 .hero-bg {background-image:url(../images/sub_hero_img2_1.jpg)}
#sub-hero.hero-03 .hero-bg {background-image:url(../images/sub_hero_img3_2.jpg)}
#sub-hero.hero-04 .hero-bg {background-image:url(../images/sub_hero_img4.jpg)}
#sub-hero.hero-05 .hero-bg {background-image:url(../images/sub_hero_img5.jpg)}
#sub-hero.hero-06 .hero-bg {background-image:url(../images/sub_hero_img6.jpg)}
#sub-hero.hero-07 .hero-bg {background-image:url(../images/sub_hero_img7.jpg)}
#sub-hero.hero-08 .hero-bg {background-image:url(../images/sub_hero_img8.jpg)}
#sub-hero .hero-caption {position:relative; display:table; width:100%; height:100%; z-index:5}
#sub-hero .caption-cell {display:table-cell; text-align:center; padding-top:60px; vertical-align:middle}
#sub-hero .caption-cell h2 {font-size:36px; font-weight:normal; color:#fff}
#sub-hero .caption-cell p {font-size:15px; color:rgba(255,255,255,0.75); margin-top:15px}

/* ------------------------------
 * sub - company
------------------------------ */
/* about visual section */
.about-visual-section .about-visual {padding:160px 0; background-image:url(../images/about_visual_bg.jpg); background-size:cover; background-position:50% 50%; background-repeat:no-repeat}
.about-visual-section .about-visual h3 {font-size:28px; font-weight:300; color:#fff; line-height:1.4; text-align:center; margin-bottom:50px}
.about-visual-section .about-visual h3 strong {font-weight:normal}
.about-visual-section .about-visual .col-visual {position:relative; text-align:center; padding-top:50px; padding-bottom:50px; border-right:1px solid rgba(255,255,255,0.12)}
.about-visual-section .about-visual .col-visual:first-child {border-left:1px solid rgba(255,255,255,0.12)}
.about-visual-section .about-visual .col-visual .icon-wrap {font-size:48px; color:#fff}
.about-visual-section .about-visual .col-visual h4 {font-size:21px; font-weight:normal; color:#fff; margin:25px 0 15px}
.about-visual-section .about-visual .col-visual p {color:#fff; line-height:1.7; padding:0 10px; opacity:0.8}

/* about summary section */
.about-summary-section .summary-heading {margin-bottom:50px; font-size:17px; color:#555; line-height:1.75; text-align:center}
.about-summary-section .summarylist dt, .about-summary-section .summarylist dd {font-size:15px; line-height:1.6}
.about-summary-section .summarylist dt {font-weight:700; color:#222}
.about-summary-section .summarylist dd {color:#666; opacity:0.8}
.about-summary-section .summarylist .list-inner {padding:18px 15px; border-top:1px solid transparent}
.about-summary-section .summarylist dt .list-inner {border-color:#222}
.about-summary-section .summarylist dd .list-inner {border-color:#d9d9d9}

/* about team section */
.about-team-section {background-color:#f7f7f7}
.about-team-section .col-team {margin-bottom:40px}
.about-team-section .col-team .team-info {position:relative; margin-top:-40px; margin-left:20px; margin-right:20px; padding:30px; background-color:#fff; z-index:5}
.about-team-section .col-team .team-info h4 {font-size:17px; font-weight:700; color:var(--point)}
.about-team-section .col-team .team-info span {display:block; font-size:13px; color:#aaa; margin:3px 0 15px}
.about-team-section .col-team .team-info p {font-size:14px; color:#888; line-height:1.7}

/* history section */
.history-section .history-group {position:relative; padding:30px 0}
.history-section .history-group:before {content:''; position:absolute; top:0; bottom:0; left:50%; width:1px; margin-left:-0.5px; background-color:var(--point)}
.history-section .history-group .row + .row {margin-top:30px}
.history-section .history-group .history-box {position:relative}
.history-section .history-group .history-box + .history-box {margin-top:120px}
.history-section .history-group .history-box .img-box {position:absolute; bottom:-384px; left:38px; width:41.666667%}
.history-section .history-group .history-box-right .img-box {bottom:-384px; left:auto; right:38px; width:41.666667%}
.history-section .history-group .history-box:last-child .img-box {position: static; text-align: right;width: 100%;display: flex;justify-content: end;margin-left: -40px;padding-top: 30px;}
.history-section .history-group .history-box:last-child .img-box img {width:41.666667%}
.history-section .col-history {text-align:right}
.history-section .col-history h4 {position:relative; font-size:42px; font-weight:700; color:#2b2b2b; margin-bottom:40px; padding-right:40px}
.history-section .col-history h4:after {content:''; position:absolute; top:50%; right:-37px; width:15px; height:15px; margin-top:-6px; border-radius:50%; background-color:#fff; border:4px solid var(--point)}
.history-section .col-history ul li {position:relative; font-size:15px; color:#7a7a7a; line-height:1.65; padding-right:40px}
.history-section .col-history ul li + li {margin-top:5px}
.history-section .col-history ul li strong {position:absolute; top:0; right:0; color:var(--point)}
.history-section .col-history ul + img {margin-top:50px}
.history-section .col-sm-push-6 {text-align:left}
.history-section .col-sm-push-6 h4 {padding-right:0; padding-left:40px}
.history-section .col-sm-push-6 h4:before {left:-112px; right:auto}
.history-section .col-sm-push-6 h4:after {left:-37px; right:auto}
.history-section .col-sm-push-6 ul li {padding-left:40px; padding-right:0}
.history-section .col-sm-push-6 ul li strong {left:0; right:auto}

/* Ceo greeting */
.ceo-section .row-greeting .col-item h3 {font-size:25px; font-weight:400; color:#343434; line-height:1.55; margin-bottom:40px}
.ceo-section .row-greeting .col-item h3 strong {font-weight:500}
.ceo-section .row-greeting .col-item p {font-size:18px; font-weight:300; color:#222; line-height:1.85}
.ceo-section .row-greeting .col-item p.ceo-name strong {margin-right:10px}
.ceo-section .row-greeting .col-item p + p {margin-top:30px}
.ceo-section .greeting-box01 {margin-top:100px}
.ceo-section .greeting-box02 {margin-top:150px}
.ceo-section .greeting-box02 .col-item {text-align:right}

/* location section */
.location-section .map-container {position:relative; height:500px; margin-bottom:100px; background-color:#f4f4f4; box-shadow:60px 60px 80px -40px rgba(0,0,0,0.2); z-index:5}
.location-section .map-container iframe {width:100%; height:100%}
.location-section .col-heading h3 {font-size:38px; font-weight:300; color:#333; line-height:1.3; transition:color 0.2s}
.location-section .col-info dl {padding:40px 40px 32px; border-top:1px solid #555; border-bottom:1px solid #e5e5e5; transition:border-color 0.2s}
.location-section .col-info dl dt, .location-section .col-info dl dd {line-height:1.7; margin-bottom:8px; transition:color 0.2s}
.location-section .col-info dl dt {clear:left; float:left; min-width:110px; font-weight:normal; color:#333}
.location-section .col-info dl dt span {font-size:12px; font-weight:500}
.location-section .col-info dl dd {margin-left:120px; color:#777}
.location-section .col-info dl dd a {color:#777; transition:color 0.2s}

/* company value section */
.company-value-section .col-features {margin-bottom:30px}
.company-value-section .col-features .feature-box {height:100%; padding:45px 32px; text-align:center; border:1px solid #e5e5e5; border-radius:5px; background-color:#fff}
.company-value-section .col-features .feature-box .icon-wrap i, .company-value-section .col-features .feature-box .icon-wrap ion-icon {font-size:60px; color:var(--point)}
.company-value-section .col-features .feature-box .icon-wrap {width:60px; margin:0 auto}
.company-value-section .col-features .feature-box h4 {margin:25px 0 15px; font-size:16px; color:#000}
.company-value-section .col-features .feature-box p {font-size:14px; color:#333; line-height:1.8; opacity:0.8}

/* mission section */
.mission-section .row:last-child {margin-top:10px}
.mission-section .row:first-child .col-item {padding-left:80px !important}
.mission-section .row .col-item h3 {font-size:16px; font-weight:500; color:var(--point); margin-bottom:20px; letter-spacing:-0.025em}
.mission-section .row .col-item h4 {font-size:24px; font-weight:600; color:#000; margin-bottom:20px; letter-spacing:-0.025em}
.mission-section .row .col-item p {font-size:14px; font-weight:300; color:#000; letter-spacing:-0.025em; line-height:1.85}

/* global section */
.global-section .global-wrap {background-image:url(../images/global_bg.jpg); background-size:cover; background-repeat: no-repeat; background-position: center top}
.global-section .global-wrap .spacer {padding-bottom:47.00854%}
.global-section .global-btn-box {margin-top:50px; text-align:center}
.global-section .global-btn-box a {font-size:16px; font-weight:400; color:#777777; transition: all 0.3s ease; display:inline-block; padding:15px 70px; border:1px solid #e5e5e5; border-radius:5px; background-color:transparent}
.global-section .global-btn-box a:hover {background-color:var(--point); border-color:var(--point); color:#fff}
.global-section .global-btn-box a i {font-size:20px; vertical-align: -4px}


/* ------------------------------
 * sub - brand
------------------------------ */
.medifeel-section .medi-item + .medi-item {margin-top:70px}
.medifeel-section .medi-item .row .col-img img {width:100%}
.medifeel-section .medi-item .row .col-txt .img-box {margin-bottom:100px}
.medifeel-section .medi-item .row .col-txt .desc h3 {font-size:26px; font-weight:700; color:var(--point); letter-spacing:-0.05em}
.medifeel-section .medi-item .row .col-txt .desc p {font-size:14px; font-weight:400; color:#000; letter-spacing:-0.025em; line-height:1.785; margin-top:30px}
.medifeel-parallax-section {background-image:url(../images/medifeel_parallax_bg.jpg); background-size:cover; background-repeat: no-repeat; background-position: center top; margin-bottom:50px}
.medifeel-parallax-section .parallax-inner {padding:46px 0; text-align:center}
.medifeel-parallax-section .parallax-inner h3 {font-size:26px; font-weight:500; color:#fff; letter-spacing:-0.025em}
.medifeel-parallax-section .parallax-inner p {font-size:14px; font-weight:400; color:#fff; letter-spacing:-0.025em}
.medifeel-parallax-section .parallax-inner > ul {font-size:0; margin-top:20px}
.medifeel-parallax-section .parallax-inner > ul li {display:inline-block; padding:0 10px}
.medifeel-parallax-section .parallax-inner > ul li a {display:block; width:34px}
.medifeel-parallax-section .parallax-inner > a {display:inline-block; font-size:14px; font-weight:400; color:#fff; letter-spacing:-0.025em; padding:10px 20px; border:1px solid #fff; border-radius:30px; margin-top:20px; transition: all 0.3s ease}
.medifeel-parallax-section .parallax-inner > a i {font-size:19px; vertical-align: sub}
.medifeel-parallax-section .parallax-inner > a:hover {background-color:var(--point); border-color:var(--point)}
.derma-parallax-section {background-image:url(../images/derma_parallax_bg.jpg)}
.derma-section .medi-item .row .col-txt .img-box {width:275px}

/* ------------------------------
 * sub - rnd center
------------------------------ */
.rnd-section .scm-img-box {background-image:url(../images/scm_img.jpg); background-size:cover; background-repeat: no-repeat; background-position:center}
.rnd-section .scm-img-box .spacer {padding-bottom:25.627118644067797%}
.rnd-section .scm-txt {margin-top:50px; text-align:center}
.rnd-section .scm-txt h3 {font-size:24px; font-weight:400; color:var(--point); margin-bottom:20px}
.rnd-section .scm-txt p {font-size:16px; font-weight:normal; color:#898989; line-height:1.75}
.rnd-section .rnd-bottom-box {margin-top:10px}
.rnd-section .rnd-bottom-box .row .col-img img {display:block; width:100%}
.rnd-section .rnd-summary {margin-top:30px}
.rnd-section .rnd-summary .row:first-child {border-top:2px solid #141414}
.rnd-section .rnd-summary .row + .row {border-top:1px solid #d9d9d9}
.rnd-section .rnd-summary .row:last-child {border-bottom:1px solid #d9d9d9}
.rnd-section .rnd-summary .row .col-item:first-child {text-align:center}
.rnd-section .rnd-summary .row .col-item {padding:30px 0}
.rnd-section .rnd-summary .row .col-item:last-child {padding:30px 90px}
.rnd-section .rnd-summary .row .col-item strong {font-size:14px; font-weight:700; color:#000}
.rnd-section .rnd-summary .row .col-item p {font-size:14px; font-weight:400; color:#323232; line-height:1.85}

.rnd-img-section {}
.rnd-img-section .row .col-item p {max-width:857px; text-align:right; font-size:14px; font-weight:400; color:#222; line-height:1.785; letter-spacing:-0.025em; margin-bottom:100px; margin-top:180px}
.rnd-img-section .row .col-item .img-box02 {margin-left:8px}
.rnd-img-section .row .col-item .img-box03 {margin-left:50px}
.rnd-img-section .row .col-item .img-box04 {margin-top:80px; margin-left:-50px}

/* ------------------------------
 * sub - pr center
------------------------------ */
.pr-section .row .col-item {text-align:center; margin-bottom:80px}
.pr-section .row .col-item img {}
.pr-section .row .col-item b {display:block; font-size:15px; font-weight:400; color:#636363; margin-bottom:5px; letter-spacing:-0.05em}
.pr-section .row .col-item p {font-size:16px; font-weight:500; color:#222; letter-spacing: -0.05em}

/* ------------------------------
 * sub - career
------------------------------ */
.career-section .career-wrap {background-image:url(../images/career_circle_bg.jpg); background-size:cover; background-repeat: no-repeat; background-position: center; padding:125px 0}
.career-section .col-circle:first-child {margin-left: 30px; margin-right: -30px}
.career-section .col-circle:last-child {margin-left: -30px}
.career-section .col-circle .circle-outer {position:relative; padding-bottom:100%}
.career-section .col-circle .circle-inner {position:absolute; top:0; left:0; width:100%; height:100%; padding:60px 80px; text-align:center; border-radius:50%; border:1px solid #fff}
.career-section .col-circle .vertical-sizer {position:relative; top:50%; transform:translateY(-50%)}
.career-section .col-circle h4 {font-size:21px; font-weight:300; color:#fff; margin-bottom:10px; letter-spacing:-0.025em}
.career-section .col-circle p {font-size:14px; color:#fff; line-height:1.785; letter-spacing:-0.025em}
.benefit-section .row .col-item {margin-bottom:70px}
.benefit-section .row .col-item p {font-size:17px; font-weight:300; color:#222; line-height:1.7647; letter-spacing:-0.025em; margin-top:25px}


/* ------------------------------
 * sub - business
------------------------------ */
/* business intro section */
.business-intro-section .col-circle:first-child {margin-left: 30px; margin-right: -30px}
.business-intro-section .col-circle:last-child {margin-left: -30px}
.business-intro-section .col-circle .circle-outer {position:relative; padding-bottom:100%}
.business-intro-section .col-circle .circle-inner {position:absolute; top:0; left:0; width:100%; height:100%; padding:60px 80px; text-align:center; border-radius:50%; background-color:rgba(102, 147, 251, 0.1)}
.business-intro-section .col-circle .vertical-sizer {position:relative; top:50%; transform:translateY(-50%)}
.business-intro-section .col-circle .icon-wrap i, .business-intro-section .col-circle .icon-wrap ion-icon {font-size:72px; color:var(--point)}
.business-intro-section .col-circle h4 {font-size:21px; font-weight:600; color:#2b2b2b; margin:25px 0 10px}
.business-intro-section .col-circle p {font-size:15px; color:#777; line-height:1.7}

/* business goal section */
.business-goal-section {background-image:url(../images/business_goal_bg.jpg); background-position:50% 50%; background-repeat:no-repeat; background-size:cover}
.business-goal-section .col-goal .goal-box .desc-box {position:relative; margin-top:-60px; margin-left:30px; margin-right:30px; padding:35px 30px; background-color:#fff}
.business-goal-section .col-goal .goal-box .desc-box h4 {font-size:17px; color:#333; margin-bottom:10px}
.business-goal-section .col-goal .goal-box .desc-box p {font-size:14px; color:#7a7a7a; line-height:1.7}

/* business process section */
.business-process-section .col-process {margin-bottom:30px}
.business-process-section .col-process .process-box {position:relative; padding:35px; height:100%; background-color:#f5f5f5}
.business-process-section .col-process .process-box:before {content:''; position:absolute; display:block; top:11px; right:-3px; width:30px; height:1px; background-color:var(--point); opacity:0.5; transform:rotate(-45deg)}
.business-process-section .col-process .process-box .heading {margin-bottom:2px}
.business-process-section .col-process .process-box .heading .num {display:inline-block; font-size:34px; font-weight:700; color:var(--point)}
.business-process-section .col-process .process-box .heading span {display:inline-block; font-size:20px; font-weight:700; color:#2b2b2b; margin-left:10px; padding-top: 3px; vertical-align:top}
.business-process-section .col-process .process-box p {color:#333; line-height:1.75}

/* business field section */
.business-field-section .col-features {margin-bottom:30px}
.business-field-section .col-features .feature-box {height:100%; padding:45px 32px; text-align:center; border:1px solid #ced4e2; border-radius:5px; background-color:#fff}
.business-field-section .col-features .feature-box .icon-wrap i, .business-field-section .col-features .feature-box .icon-wrap ion-icon {font-size:60px; color:var(--point)}
.business-field-section .col-features .feature-box h4 {margin:25px 0 15px; font-size:16px; color:#000}
.business-field-section .col-features .feature-box p {font-size:14px; color:#333; line-height:1.8; opacity:0.8}

/* business review section */
.business-review-section {background-image:url(../images/business_review_bg.jpg); background-position:50% 50%; background-repeat:no-repeat; background-size:cover}
.business-review-section .review-slider .slide-item {text-align:center; outline:0}
.business-review-section .review-slider .slide-item p {font-size:32px; font-weight:300; color:#fff; line-height:1.5; padding:0 15%}
.business-review-section .review-slider .slide-item p:before, .business-review-section .review-slider .slide-item p:after {font-family:serif; opacity:0.35}
.business-review-section .review-slider .slide-item p:before {content:'“ '}
.business-review-section .review-slider .slide-item p:after {content:' ”'}
.business-review-section .review-slider .slide-item .customer {display:inline-block; margin-top:30px; font-size:14px; font-weight:700; color:#fff; opacity:0.6}
.business-review-section .review-slider .slick-arrow {position:absolute; top:25%; width:52px; height:30px; text-indent:-9999em; border:none; background-color:transparent; background-size:52px 30px; background-position:center; background-repeat:no-repeat; cursor:pointer; outline:0; z-index:5; transition:transform 0.3s}
.business-review-section .review-slider .slick-prev {left:0; background-image:url(../images/long_arrow_prev.svg); transform:translateX(15px)}
.business-review-section .review-slider .slick-next {right:0; background-image:url(../images/long_arrow_next.svg); transform:translateX(-15px)}
.business-review-section .review-slider .slick-arrow:hover {transform:translateX(0)}
.business-review-section .review-slider .slick-dots {font-size:0; text-align:center; padding-top:60px}
.business-review-section .review-slider .slick-dots li {display:inline-block; margin:0 8px}
.business-review-section .review-slider .slick-dots li button {display:block; width:10px; height:10px; text-indent:-9999em; padding:0; border:none; border-radius:50%; background-color:#fff; outline:0; opacity:0.5}
.business-review-section .review-slider .slick-dots li.slick-active button {background-color:var(--point); opacity:0.8}

/* business strong section */
.business-strong-section .row-group {padding-top:20px}
.business-strong-section .row-group .row {padding-top:20px; padding-bottom:30px; border-bottom:1px solid #ddd}
.business-strong-section .row-group .row:first-child {border-top:1px solid #ddd}
.business-strong-section .col-num {font-size:84px; font-weight:600; color:var(--point); line-height:1}
.business-strong-section .col-title h4 {font-size:28px; font-weight:700; color:#2b2b2b; line-height:1.3}
.business-strong-section .col-info {padding-top:20px}
.business-strong-section .col-info h5 {font-size:19px; font-weight:normal; color:#333; margin-bottom:10px}
.business-strong-section .col-info p {font-size:14px; color:#7a7a7a; line-height:1.75}

/* business partner section */
.business-partner-section {background-color:#f7f7f7}
.business-partner-section .col-partner {margin-bottom:30px}
.business-partner-section .partner-box {padding:10px; height:80px; text-align:center; background-color:#fff}
.business-partner-section .partner-box:before {content:''; display:inline-block; height:100%; vertical-align:middle}
.business-partner-section .partner-box img {max-width:95%; vertical-align:middle}

/* ------------------------------
 * sub - product
------------------------------ */
/* product section common (board type) */
.table-photo {margin-left:-15px; margin-right:-15px}
.table-photo * {font-family:inherit !important}
.table-photo, .table-photo table, .table-photo tbody, .table-photo tr, .table-photo td {display:block}
.table-photo > tbody > tr > td {float:left; margin-bottom:40px; padding-left:15px; padding-right:15px}
.table-photo > tbody > tr:before, .table-photo > tbody > tr:after {content:''; display:table}
.table-photo > tbody > tr:after {clear:both}
.table-photo .bbsnewf5 tr:first-child a {position:relative; display:block; height:270px; overflow:hidden}
.table-photo a img {display:block; width:100%; height:100%; transition:transform 0.3s ease-out; object-fit:cover; font-family:'object-fit: cover;'}
.table-photo > tbody > tr > td:hover a img {transform:scale(1.1)}
.table-photo br {display:none}

.product-section .patent-wrap {margin-top:50px; margin-bottom:100px}
.product-section .row-patent .col-item .patent-box {padding:60px 50px; border:1px solid #e5e5e5; border-radius:10px}
.product-section .row-patent .col-item .patent-box h3 {font-size:24px; font-weight:500; color:var(--point); margin-bottom:20px}
.product-section .row-patent .col-item .patent-box p {font-size:16px; font-weight:normal; color:#222}

/* product section (board type A) */
.product-section .type-a-row .col-photo {margin-bottom:40px}
.product-section .type-a-row .col-photo figure {position:relative; height:270px; overflow:hidden}
.product-section .type-a-row .col-photo figure a {display:block; height:100%}
.product-section .type-a-row .col-photo figure a img {display:block; width:100%; height:100%; transition:transform 0.3s ease-out; object-fit:cover; font-family:'object-fit: cover;'}
.product-section .type-a-row .col-photo:hover figure a img {transform:scale(1.1)}
.product-section .type-a-row .col-photo .article-info {text-align:center; padding-top:20px}
.product-section .type-a-row .col-photo .article-info h4 {font-size:17px; font-weight:normal; color:#333; margin-bottom:5px}
.product-section .type-a-row .col-photo .article-info h4 a {color:#333}
.product-section .type-a-row .col-photo .article-info .category {font-size:14px; color:#8a8a8a}
.product-section .type-a-row .gallery_subject {padding-top:20px}
.product-section .type-a-row .gallery_title {display:inline-block; font-size:17px; font-weight:normal; color:#333; max-width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.product-section .type-a-row .gallery_etc {font-size:14px; color:#8a8a8a}

/* product section (board type B) */
.product-section .type-b-row > .table-photo {margin-left:0; margin-right:0}
.product-section .type-b-row > .table-photo > tbody > tr > td {margin-bottom:0; padding-left:0; padding-right:0}
.product-section .type-b-row .bbsnewf5 .article-overlay {position:absolute; top:10px; left:10px; bottom:10px; right:10px; background-color:rgba(255,255,255,0.9); z-index:5; opacity:0; transform:scale(1.02); transition:opacity 0.3s ease, transform 0.3s ease}
.product-section .type-b-row .bbsnewf5 .article-info {display:table; width:100%; height:100%}
.product-section .type-b-row .bbsnewf5 .info-inner {display:table-cell; text-align:center; vertical-align:middle}
.product-section .type-b-row .bbsnewf5 .info-inner .category {font-size:14px; color:#222; opacity:0.75}
.product-section .type-b-row .bbsnewf5 .info-inner h4 {font-size:17px; font-weight:normal; color:#222}
.product-section .type-b-row .bbsnewf5 .info-inner h4:before {content:''; display:block; width:12px; height:2px; margin:15px auto; background-color:var(--point); transform:rotate(-45deg)}
.product-section .type-b-row.dark-mode .bbsnewf5 .article-overlay {background-color:rgba(26,26,30,0.9)}
.product-section .type-b-row.dark-mode .bbsnewf5 .info-inner .category {color:#fff}
.product-section .type-b-row.dark-mode .bbsnewf5 .info-inner h4 {color:#fff}
.product-section .type-b-row .bbsnewf5 a:hover .article-overlay {opacity:1; transform:scale(1)}

/* product section (html type) */
.justified-gallery > a > .caption, .justified-gallery > div > .caption, .justified-gallery > figure > .caption {display:block !important;font-family:inherit; font-size:13px; color:#fff; letter-spacing:0.05em; padding:12px 15px; opacity:0; transform:translateY(20px); transition:all 0.3s !important}
.justified-gallery > a > .caption.caption-visible, .justified-gallery > div > .caption.caption-visible, .justified-gallery > figure > .caption.caption-visible {transform:translateY(0)}

/* magnific popup customizing */
.mfp-figure {-webkit-animation-name: fade-in; -moz-animation-name: fade-in; -o-animation-name: fade-in; -ms-animation-name: fade-in; animation-name: fade-in; -webkit-animation-duration: .3s; -moz-animation-duration: .3s; -ms-animation-duration: .3s; -o-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; webkit-backface-visibility: hidden; -moz-backface-visibility:hidden;  -ms-backface-visibility:hidden}
.mfp-figure:after {box-shadow:20px 20px 80px -12px rgba(0, 0, 0, 0.5)}
.mfp-title {font-size:14px; line-height:1.7}
.mfp-arrow:before, .mfp-arrow:after {display:inline-block; position:static; margin-top:0; border:none}
.mfp-arrow:before {font-family:'xeicon'; font-size:38px; color:#fff}
.mfp-arrow-left:before {content:'\e908'}
.mfp-arrow-right:before {content:'\e90b'}

/* magnific popup custom effects (2019-05-28) */
/* fade effect */
.mfp-fade.mfp-bg {
    opacity: 0;

    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}
/* overlay animate out */
    .mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

/* content at start */
    .mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;

    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

@keyframes fade-in {
    from {opacity:0}
    to {opacity:1}
}

/* product section (board type A) */
.product-section .type-a-row .col-photo {margin-bottom:40px}
.product-section .type-a-row .col-photo figure {position:relative; height:270px; overflow:hidden}
.product-section .type-a-row .col-photo figure a {display:block; height:100%}
.product-section .type-a-row .col-photo figure a img {display:block; width:100%; height:100%; transition:transform 0.3s ease-out; object-fit:cover; font-family:'object-fit: cover;'}
.product-section .type-a-row .col-photo:hover figure a img {transform:scale(1.1)}
.product-section .type-a-row .col-photo .article-info {text-align:center; padding-top:20px}
.product-section .type-a-row .col-photo .article-info h4 {font-size:17px; font-weight:normal; color:#333; margin-bottom:5px}
.product-section .type-a-row .col-photo .article-info h4 a {color:#333}
.product-section .type-a-row .col-photo .article-info .category {font-size:14px; color:#8a8a8a}

/* product section (board type B) */
.product-section .type-b-row .col-photo a {display:block; height:100%}
.product-section .type-b-row .col-photo figure {position:relative; height:270px; overflow:hidden}
.product-section .type-b-row .col-photo figure img {display:block; width:100%; height:100%; transition:transform 0.3s ease-out; object-fit:cover; font-family:'object-fit: cover;'}
.product-section .type-b-row .col-photo:hover figure img {transform:scale(1.1)}
.product-section .type-b-row .col-photo .article-overlay {position:absolute; top:10px; left:10px; bottom:10px; right:10px; background-color:rgba(255,255,255,0.9); z-index:5; opacity:0; transform:scale(1.02); transition:opacity 0.3s ease, transform 0.3s ease}
.product-section .type-b-row .col-photo .article-info {display:table; width:100%; height:100%}
.product-section .type-b-row .col-photo .info-inner {display:table-cell; text-align:center; vertical-align:middle}
.product-section .type-b-row .col-photo .info-inner .category {font-size:14px; color:#222; opacity:0.75}
.product-section .type-b-row .col-photo .info-inner h4 {font-size:17px; font-weight:normal; color:#222}
.product-section .type-b-row .col-photo .info-inner h4:before {content:''; display:block; width:12px; height:2px; margin:15px auto; background-color:var(--point); transform:rotate(-45deg)}
.product-section .type-b-row.dark-mode .col-photo .article-overlay {background-color:rgba(26,26,30,0.9)}
.product-section .type-b-row.dark-mode .col-photo .article-info {display:table; width:100%; height:100%}
.product-section .type-b-row.dark-mode .col-photo .info-inner {display:table-cell; text-align:center; vertical-align:middle}
.product-section .type-b-row.dark-mode .col-photo .info-inner .category {font-size:14px; color:#fff; opacity:0.75}
.product-section .type-b-row.dark-mode .col-photo .info-inner h4 {font-size:17px; font-weight:normal; color:#fff}
.product-section .type-b-row.dark-mode .col-photo .info-inner h4:before {content:''; display:block; width:12px; height:2px; margin:15px auto; background-color:var(--point); transform:rotate(-45deg)}
.product-section .type-b-row .col-photo:hover .article-overlay {opacity:1; transform:scale(1)}

/* ------------------------------
 * sub - board common
------------------------------ */
.bbsnewf5 .btn-default:hover {color:#333 !important}
.board, .bbsnewf5 {font-family:inherit !important}
.board-category {margin-bottom:60px}
.board-category table {display:none}
.board-category ul {font-size:0; text-align:center}
.board-category ul li {display:inline-block; font-size:15px; margin:0 6px}
.board-category ul li a {display:inline-block; color:#777; padding:8px 18px; border-radius:20px; background-color:#f7f7f7}
.board-category ul li a:hover {background-color:#f2f2f2}
.board-category ul li.is-active a {color:#fff; background-color:var(--point)}
.board-paging {padding-top:50px; font-size:0; text-align:center}
.board-paging b, .board-paging a {display:inline-block; font-size:14px; text-align:center; line-height:36px; width:36px; height:36px; margin:0 4px; border-radius:50%; vertical-align:middle}
.board-paging b {color:#fff; background-color:var(--point)}
.board-paging a {position:relative; color:#777; background-color:#f4f4f4}
.board-paging a img {position:absolute; top:11px; left:11px}
.board-write {padding-top:40px; text-align:right}
.board-search {padding-top:50px}
.board-search td {padding-right:5px}
.board-search select, .board-search input[type=text] {font-size:14px; color:#666; line-height:1.12; padding:4px 12px; height:38px; border:1px solid #dee2e6; border-radius:3px}
.board-search input[type=text] {width:160px}

.table-article-view {width:100%; border-top:1px solid #555}
.table-article-view * {font-family:inherit !important}
.table-article-view tr {height:auto}
.table-article-view tr td {font-size:15px; color:#777; padding:15px; border-bottom:1px solid #e9e9e9}
.table-article-view font {font-size:inherit !important}
.table-article-view .board_bgcolor {width:15%; background-color:#fff}
.table-article-view .board_description {padding:10px 0 20px}
#post_area {padding:0 !important; line-height:1.75}
#post_area img {height:auto !important}

.board-comment-write .board_comment_bgcolor {margin-top:40px; background-color:#fff}
.board-comment-write .comment_txt {padding:15px !important; font-size:14px; color:#777}
.board-comment-write .board_comment_bgcolor input[type=text], .board-comment-write .board_comment_bgcolor input[type=password], .board-comment-write .board_comment_bgcolor textarea {font-family:inherit !important; font-size:14px; color:#777; height:34px; padding:4px 12px; border:1px solid #ced4da; border-radius:3px}
.board-comment-write .board_comment_bgcolor textarea {width:calc(100% - 115px); height:auto}
.board-comment-write .btn-primary {height:70px}

.board-comment-list .board_comment_bgcolor {background-color:#fff}
.board-comment-list .board_comment_bgcolor table {width:100%}
.board-comment-list .board_comment_bgcolor table td {padding:0 15px}
.board-comment-list .comment_txt {font-size:13px; padding:10px 15px !important}
.board-comment-list .comment_txt font {display:inline-block; padding-bottom:10px}
.comment_name {font-size:13px !important}
.board-view-buttons {padding-top:50px}

.table-article-write {width:100%; margin-bottom:40px; border-top:1px solid #555}
.table-article-write * {font-family:inherit !important}
.table-article-write tr {height:auto}
.table-article-write tr td {font-size:15px; color:#777; padding:15px; border-bottom:1px solid #e9e9e9}
.table-article-write font {font-size:inherit !important}
.table-article-write .board_bgcolor {width:15%; background-color:#fff}
.table-article-write .board_bgcolor span {font-size:inherit !important}
.table-article-write .board_desc input[type=text], .table-article-write .board_desc input[type=password] {display:inline-block; max-width:100%; height:43px; padding:8px 12px; font-size:14px !important; color:#555; border:1px solid #dee2e6; border-radius:4px; outline:0}
.table-write-bottom {width:100%}
.table-write-bottom .text-center .btn-primary {margin-right:4px}

/* ------------------------------
 * sub - customer
------------------------------ */
/* customer - list type board */
.table-board-list {border-top:1px solid #222}
.table-board-list .thead td, .table-board-list tbody td {padding:17px 15px !important; border-top:none; border-bottom:1px solid #e9e9e9; vertical-align:middle !important}
.table-board-list .thead td {position:relative; font-size:16px; font-weight:normal; color:#333; text-align:center; border-bottom-width:1px !important}
.table-board-list .thead td + td:before {content:''; position:absolute; top:50%; left:0; width:1px; height:14px; margin-top:-7px; background-color:#222}
.table-board-list .thead font {font-size:inherit !important}
.table-board-list tbody td {font-size:15px; color:#777}
.table-board-list tbody td a {color:#333}
.table-board-list tbody td a:hover {color:var(--point)}

/* customer - faq */
.faq-list thead {display:none}
.faq-list .faq-type {display:inline-block; width:45px; height:45px; font-size:16px; font-weight:700; color:#fff; text-align:center; line-height:45px; border-radius:50%; background-color:#495057}
.faq-list .board_bgcolor {font-family:inherit; width:75px; background-color:#fff}
.faq-list .board_bgcolor:before {content:'Q'; display:inline-block; width:45px; height:45px; font-size:16px; font-weight:700; color:#fff; text-align:center; line-height:45px; border-radius:50%; background-color:#495057}
.faq-list .board_bgcolor font {display:none}
.faq-list .bbsnewf5 {position:relative}
.faq-list .bbsnewf5:after {content:'\e943'; font-family:'xeicon'; font-size:18px; color:#999; position:absolute; right:15px}
.faq-list .bbsnewf5 a {font-size:19px; font-weight:300}
.faq-list .answer-row {background-color:#f8f8f8}
.faq-list .answer-row .faq-type {float:left; background-color:var(--point)}
.faq-list .answer-row .answer-container {margin-left:75px; color:#888; line-height:1.7}
.faq-list .is-open .bbsnewf5 a {color:var(--point)}
.faq-list .is-open .bbsnewf5:after {transform:rotate(180deg)}

/* customer - qna */
.qna-list .bbsnewf5 i {margin-right:5px}

/* ------------------------------
 * sub - contact
------------------------------ */

.contact-section tbody tr td input[type="text"], .contact-section .table tbody tr td input[type="password"] {width:100%; height:50px; font-size:14px !important; color:#666; padding-left:10px; border:none; border-radius:4px; background:transparent}

.contact-section .table tbody tr td input[name="mobile_no1"], .contact-section .table tbody tr td input[name="mobile_no2"], .contact-section .table tbody tr td input[name="mobile_no3"] {position:relative; width:10%; border:1px solid #d9d9d9; margin-right:5px; margin-left:5px}
.contact-section .table tbody tr td input[name="mobile_no1"] {margin-left:0 !important}

.contact-section .table tbody tr:nth-child(2) td:nth-child(2) {font-size:18px !important}
.contact-section .table tbody tr:nth-child(5) td {padding:20px 0}
.contact-section .table tbody tr td input[type="file"] {margin-left:20px}

.contact-section .table tbody tr:nth-child(6) td.formmail_cell_bgcolor {padding-top:30px !important}
.contact-section .table tbody tr:nth-child(6) td.formmail_cell_bgcolor table tr:nth-child(2) td {padding-top:30px}
.contact-section .table tbody tr:nth-child(6) td.formmail_cell_bgcolor table tr:nth-child(2) td textarea {border:1px solid #d9d9d9}
.contact-section .table tbody tr:last-child td {border-top:0}
.contact-section .table tbody tr:last-child td:last-child {font-size:14px !important}
.contact-section .table tbody tr td input[name="captcha_code"] {width: auto; border:1px solid #d9d9d9; margin-right:20px}

.contact-section .table tbody tr td textarea {font:inherit !important; font-size:14px !important; line-height:1.75; width:100%; min-height:150px; padding:20px; border:none; border-radius:4px; background:transparent}
.contact-section .table tbody tr td {font:inherit !important; font-size:14px !important; vertical-align: middle}
.contact-section .table tbody tr td font, .contact-section .table tbody tr td span, .contact-section .table tbody tr td a, .contact-section .table tbody tr td input[type="file"],.contact-section .table tbody tr td[align="left"],.contact-section .table tbody tr td[align="right"] {font:inherit !important; font-size:14px !important}
.contact-section .table tbody tr td input[type="file"] {margin-top:20px; padding:0}


/* .contact-section .contact-form table, .contact-section tbody, .contact-section .contact-form tr, .contact-section .contact-form td {display:block; width:100%; height:auto}
.contact-section .contact-form .formmail_title_bgcolor {margin-bottom:10px; padding:0 !important; font-family:inherit; text-align:left; background-color:transparent}
.contact-section .contact-form .formmail_title_bgcolor font {font-size:14px; font-weight:700; color:#333 !important}
.contact-section .contact-form .formmail_cell_bgcolor {font-family:inherit !important}
.contact-section .contact-form table th, .contact-section .contact-form table td {font-size:0; padding:0 0 15px !important; border:none}
.contact-section .contact-form table td input[type=text], .contact-section .contact-form table td input[type=password], .contact-section .contact-form table td select, .contact-section .contact-form table td textarea {display:block; width:100%; height:54px; font-family:inherit; font-size:14px; color:#777; line-height:1.42857143; padding:12px 16px !important; border:none; border-radius:4px; background-color:#f8f9fa; box-shadow:none !important; outline:0; transition:all 0.25s}
.contact-section .contact-form table td input[type=text]:focus, .contact-section .contact-form table td input[type=password]:focus, .contact-section .contact-form table td select:focus, .contact-section .contact-form table td textarea:focus {color:#333; background-color:#f1f3f5}
.contact-section .contact-form table td select {background-image:url(../images/select_arrow_down.png); background-size:12px 7px; background-position:right 16px center; background-repeat:no-repeat; -webkit-appearance:none}
.contact-section .contact-form .label-heading {font-size:14px; font-weight:700; color:#333; margin-bottom:10px} */

/* ------------------------------
 * member
------------------------------ */
.login-section .bottom-links {padding-top:30px; font-size:0; text-align:center}
.login-section .bottom-links li {display:inline-block; font-size:15px}
.login-section .bottom-links li a {color:#555}
.login-section .bottom-links li + li:before {content:''; display:inline-block; width:1px; height:14px; margin:0 15px; background-color:#e5e5e5; vertical-align:-2px}
.register-section .register-steps {display:table; width:100%; margin-bottom:50px; table-layout:fixed}
.register-section .register-steps li {position:relative; display:table-cell; font-size:16px; color:#ccc; text-align:center; padding:20px 10px; border-bottom:3px solid #ccc}
.register-section .register-steps li + li:before {content:'\e940'; position:absolute; top:50%; left:-10px; font-family:'xeicon'; font-size:24px; color:#ccc; margin-top:-17px}
.register-section .register-steps li.active {color:var(--point); border-color:var(--point)}
.register-section .register-steps li span {display:block}
.register-section .register-steps li span[lang="en"] {font-size:13px; font-weight:700; margin-bottom:2px}
.register-section .terms-group {margin-bottom:25px; border:1px solid #dee2e6; border-radius:6px; overflow:hidden}
.register-section .terms-group .heading {padding:16px 25px; font-size:17px; font-weight:normal; color:#333; border-bottom:1px solid #dee2e6}
.register-section .terms-group .body {padding:35px 25px}
.register-section .terms-group .footer {padding:16px 25px; border-top:1px solid #dee2e6}
.register-section .register-heading {font-size:21px; font-weight:normal; color:var(--point); margin-bottom:30px; padding-bottom:15px; border-bottom:1px solid var(--point)}
.register-section .form-group table, .register-section .form-group tr, .register-section .form-group td {display:block; width:100%; height:auto}
.register-section .form-group .member_td_bgcolor {margin-bottom:10px; padding:0 !important; font-family:inherit; font-size:14px; font-weight:700; color:#333 !important; text-align:left; background-color:transparent}
.register-section .form-group table td {font-family:inherit !important; font-size:14px; color:#666; padding:0 0 15px !important; border:none}
.register-section .form-group table td span {display:inline-block; font-size:13px; color:#8a8a8a; margin-top:10px}
.register-section .form-group table td input[type=text], .register-section .form-group table td input[type=password], .register-section .form-group table td select, .register-section .form-group table td textarea {display:block; width:100%; height:54px; font-family:inherit; font-size:14px; color:#777; line-height:1.42857143; padding:12px 16px !important; border:none; border-radius:4px; background-color:#f8f9fa; box-shadow:none !important; outline:0; transition:all 0.25s}
.register-section .form-group table td input[type=text]:disabled, .register-section .form-group table td input[type=password]:disabled, .register-section .form-group table td select:disabled, .register-section .form-group table td textarea:disabled {color:#adb5bd; background-color:#f1f3f5}
.register-section .form-group table td input[type=text]:focus, .register-section .form-group table td input[type=password]:focus, .register-section .form-group table td select:focus, .register-section .form-group table td textarea:focus {color:#333; background-color:#f1f3f5}
.register-section .form-group table td select {background-image:url(../images/select_arrow_down.png); background-size:12px 7px; background-position:right 16px center; background-repeat:no-repeat; -webkit-appearance:none}
.register-section .form-group input[name='m_id'] + a img {display:none}
.register-section .form-group input[name='m_id'] + a:before {content:'아이디 중복확인'; display:block; width:100%; margin:10px 0 5px; padding:14px 25px; font-size:15px; color:#fff; text-align:center; border:none; border-radius:4px; background-color:#868e96; transition:background-color 0.2s}
.register-section .form-group input[name='m_id'] + a:hover:before {background-color:#495057}
.register-section .form-group input[name^='fix_email'] {display:inline-block !important; width:calc(50% - 10px) !important}
.register-section .form-group select[name^='birthday'] {display:inline-block !important; width:calc(33% - 4px) !important}
.register-section .form-group select[name^='birthday'] + select {margin-left:5px}
.member_txt {font-family:inherit !important}
.member_txt td {display:inline-block !important; width:auto !important}
.member_txt td + td {margin-left:15px}
.member_txt td input {margin:0 5px 0}
.register-section .register-message {padding:42px 36px; border:1px solid #dee2e6; border-radius:6px}
.register-section .register-message h3 {font-size:21px; color:#333}
.register-section .register-message h3:after {content:''; display:block; width:30px; height:2px; margin:15px 0 20px; background-color:var(--point)}
.register-section .register-message p {font-size:15px; color:#666; line-height:1.6}
.register-section .register-message p strong {font-weight:700; color:#000}
.register-section .register-message p + p {margin-top:15px}
.register-section .register-message .btn {margin-top:30px}

.member-popup .form-control {border:1px solid #ced4da}
.member-popup .header {position:relative; padding:20px 25px; background-color:#212529}
.member-popup .header h1 {font-size:19px; color:#fff}
.member-popup .header .btn-close {position:absolute; top:50%; right:10px; width:48px; height:48px; font-size:24px; color:#fff; margin-top:-24px; padding:0; border:none; background-color:transparent; cursor:pointer; outline:0}
.member-popup .body {padding:25px}
.member-popup .body p {font-size:14px; color:#495057; line-height:1.7; margin-bottom:15px}
.member-popup .body .btn-link {font-weight:700}
.member-popup .table th, .member-popup .table td {font-size:13px}
.member-popup .table>tbody>tr>td, .member-popup .table>tbody>tr>th, .member-popup .table>tfoot>tr>td, .member-popup .table>tfoot>tr>th, .member-popup .table>thead>tr>td, .member-popup .table>thead>tr>th {padding:15px 12px}
.member-popup .label-heading {display:block; font-size:14px; font-weight:700; color:#212529; margin-bottom:10px}
.member-popup .warning-text {color:#fd7e14}
.member-popup .footer {text-align:right; padding:20px 25px; border-top:1px solid #e9ecef}

/* ------------------------------
 * medipeel section
------------------------------ */
.pretendard {font-family: 'Pretendard';}
.medipeel-section {padding-top:0}
.medipeel-section .derma-beauty-box .beauty-bg {position:relative; background-image:url(../images/beauty-bg.jpg); background-size:cover; background-position: center; background-repeat: no-repeat}
.medipeel-section .derma-beauty-box .beauty-bg .spacer {padding-bottom:51.0416%}
.medipeel-section .derma-beauty-box .beauty-bg .txt-box {position:absolute; top:50%; margin-top:-130px; left:0; right:0}
.medipeel-section .derma-beauty-box .beauty-bg .txt-box h3 {font-size:92px; font-weight:700; line-height:1; color:#c70026}
.medipeel-section .derma-beauty-box .beauty-bg .txt-box h3 span {color:#1f1f1f}
.medipeel-section .derma-beauty-box .beauty-bg .txt-box p {margin-top:26px; font-size:36px; font-weight:400; color:#000}
.medipeel-section .derma-beauty-box .beauty-bg img.logo {position:absolute; bottom:160px; left:0; right:0; margin:0 auto}

.medipeel-section .creator-box {margin-bottom:150px}
.medipeel-section .creator-box .row {display:flex}
.medipeel-section .creator-box .row .col-item:first-child .txt-box {padding:0 0 0 120px}
.medipeel-section .creator-box .row .col-item:last-child .txt-box {padding:0 0 0 80px}
.medipeel-section .creator-box .row .txt-box p {font-size:26px; font-weight:400; color:#000; line-height:1.615}
.medipeel-section .creator-box .row .txt-box h3 {font-size:54px; font-weight:700; color:#000; line-height:1.29; margin-top:40px; letter-spacing:-0.025em}

.medipeel-section .creator-box2 .creator-bg2 {position:relative; background-image: url(../images/creator-bg2.jpg); background-size:cover; background-position:center; background-repeat: no-repeat}
.medipeel-section .creator-box2 .creator-bg2 .spacer {padding-bottom:51.0416%}
.medipeel-section .creator-box2 .creator-bg2 .txt-box {position:absolute; top:50%; left:0; right:0; text-align:center; margin-top:-150px}
.medipeel-section .creator-box2 .creator-bg2 .txt-box h2 {font-size:44px; font-weight:500; color:#c70026}
.medipeel-section .creator-box2 .creator-bg2 .txt-box h3 {font-size:80px; font-weight:700; color:#000; letter-spacing:-0.01em; line-height:1.25; margin-top:50px}
.prove-section .prove-title h2 {font-size:35px; font-weight:500; color:#c70026; letter-spacing:-0.025em; text-align:center}
.prove-section .prove-title h2 em.bar {display:inline-block; width:1px; height:25px; background-color:#c70026; margin:0 20px}
.prove-section .prove-title h3 {font-size:54px; font-weight:700; color:#000; text-align:center; line-height:1.296; margin-top:30px}
.prove-section .prove-title p {font-size:26px; font-weight:400; color:#000; text-align:left; line-height:1.615}
.prove-section .prove-img {margin-top:100px}
.prove-section .prove-img01 .col-img:last-child {margin-bottom:-100px}
.prove-section .prove-item02 {margin-top:200px}
.prove-section .prove-item02 .prove-img .prove-item02-bg {background-image: url(../images/prove-img03.jpg); background-size:cover; background-position:center; background-repeat: no-repeat}
.prove-section .prove-item02 .prove-img .prove-item02-bg .spacer {padding-bottom:46.3541%}
.prove-section .prove-item03 {margin-top:160px; position:relative}
.prove-section .prove-item03 .row .col-img:last-child {margin-bottom:-70px}
.prove-section .prove-item03:after {content:'Derma Beauty Creator'; position:absolute; bottom:-265px; left:0px; font-size:240px; font-weight:900; color:#f4f4f4; white-space: nowrap; letter-spacing: -0.05em; z-index:1; opacity:0.5}

.bi-section {padding-bottom:200px}
.bi-section .bi-item {text-align:center; margin-top:160px}
.bi-section .bi-item h2 {font-size:35px; font-weight:600; color:#000; opacity:0.7}
.bi-section .bi-item img {margin-top:130px}
.bi-section .bi-item h3 {font-size:44px; font-weight:600; color:#c70026; margin-top:120px}
.bi-section .bi-item h3 span {margin:0 25px}
.bi-section .bi-item p {margin-top:70px; font-size:26px; font-weight:500; color:#000; line-height:1.615}

.brand-history {background-color:#efefef; padding-top:220px; padding-bottom:160px}
.brand-history .title {margin-bottom:100px}
.brand-history .title h3 {font-size:76px; font-weight:600; color:#000}
.brand-history .title p {font-size:26px; font-weight:400; color:#000; margin-top:30px}
.brand-history .history-group .history-box {position:relative}
.brand-history .history-group .history-box:before {content:''; display:block; position:absolute; top:40px; left:0; right:0; margin:0 auto; width:1px; height:100%; border:1px dashed #a7a7a7}
.brand-history .history-group .history-group .year-box {margin-bottom:50px}
.brand-history .history-group .history-group .year-box h4 {font-size:26px; font-weight:400; color:#8a8a8a}
.brand-history .history-group .history-box .txt-box {margin-left:100px}
.brand-history .history-group .history-box .txt-box p {font-size:26px; font-weight:400; color:#000; line-height:1.615}
.brand-history .history-group .history-box .txt-box p strong {font-weight:600; color:#c70026}
.brand-history .history-group .history-box .img-box {position:relative; margin-right:10px}
.brand-history .history-group .history-box.history-box-right .img-box {margin-right:auto; margin-left:10px}
.brand-history .history-group .history-box .img-box:after {content:''; display:block; position:absolute; top:50%; right:-45px; width:10px; height:10px; border-radius:50%; background-color:#000; margin-top:-5px}
.brand-history .history-group .history-box.history-box-right .img-box:after {right:auto; left:-45px}

.best-seller {padding-top:200px}
.best-seller .container-wide2 {padding-left:120px; padding-right:120px}
.best-seller .title {margin-bottom:100px}
.best-seller .title h3 {font-size:76px; font-weight:600; color:#000}
.best-seller .title p {font-size:26px; font-weight:400; color:#000; margin-top:30px}
.best-seller .row .item-box {position:relative; overflow: hidden}
.best-seller .row .item-box img {display:block; width:100%; transform: scale(1); transition:all 0.45s ease}
.best-seller .row a:hover .item-box img {transform: scale(1.1)}
.best-seller .row a:hover .txt-box h3 {color:#000}
.best-seller .row .item-box .txt-box {position:absolute; top:80px; left:0; right:0; text-align:center;}
.best-seller .row .item-box .txt-box h2 {font-size:26px; font-weight:400; letter-spacing:-0.025em}
.best-seller .row .item-box .txt-box h3 {font-size:40px; font-weight:700; margin-top:15px; color:#000}
.best-seller .row .item-box .txt-box h2.red {color:#d30028}
.best-seller .row .item-box .txt-box h2.blue {color:#006edf}
.best-seller .row .item-box .txt-box h2.green {color:#007a4b}
.best-seller .row .item-box .txt-box h2.brown {color:#7a4f3b}
.best-seller .row .item-box .txt-box h2.brown2 {color:#9b4c23}
.best-seller .row .col-item {margin-bottom:100px}

.k-beauty {position:relative; padding-bottom:0}
.k-beauty .beauty-box {}
.k-beauty .img-box {position:relative}
.k-beauty .txt-box {background:linear-gradient(90deg, rgba(152,148,150,1)85%, rgba(152,148,150,0.65)100%); position:absolute; top:0; left:0; width:45.5%; height:100%}
.k-beauty .txt-box h3 {font-size:76px; font-weight:700; color:#fff; letter-spacing:-0.025em; margin-top:200px}
.k-beauty .txt-box p {font-size:26px; font-weight:400; color:#fff; letter-spacing:-0.025em; margin-top:30px}
.k-beauty .txt-box img {position:absolute; top:50%; left:0; right:0; margin:0 auto}
.k-beauty .img-box {background-image: url(../images/k-beauty-bg.png); background-size:cover; background-position: center; background-repeat: no-repeat;}
.k-beauty .img-box .spacer {padding-bottom:56.25%}

/* ------------------------------
 * Renewal main - about section
------------------------------ */
.about-section {background-image: url(../images/main_about_bg.jpg); background-size:cover; background-repeat: no-repeat; background-position:center center}
.about-section .txt-box {padding:160px 0}
.about-section .txt-box p {font-size:42px; font-weight:400; color:#000; line-height:1.3095}
.about-section .txt-box p:after {content:''; display:block; width:2px; height:120px; background-color:#000; margin:50px auto}


/* ------------------------------
 * Renewal main - brands section
------------------------------ */
.brands-section {padding-top:0; padding-bottom:0}
.brands-section .col-item > a {display:block; width:100%; height:100%; cursor: pointer}
.brands-section .col-item > a .inner {position:relative}
.brands-section .col-item > a .inner:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0; transition:all 0.3s ease; z-index:3}
.brands-section .col-item > a .inner:hover:after {opacity:0.75}
.brands-section .col-item > a .inner .logo-img {position:absolute; top:50%; left:0; right:0; margin-top:-21px; opacity:0; transition:all 0.5s ease; z-index:10}
.brands-section .col-item > a .inner:hover .logo-img {opacity:1}
.brands-section .col-item:last-child > a .inner .logo-img {margin-top:-53px}

/* ------------------------------
 * Renewal main - medipeel slide section
------------------------------ */
.medipeel-slide-section {padding-top:70px; padding-bottom:70px}
.medipeel-slide-section .medipeel-slide .col-item h3 {font-size:44px; font-weight:700; color:#525252; margin-bottom:35px}
.medipeel-slide-section .medipeel-slide .col-item p {font-size:22px; font-weight:400; color:#000; line-height:1.5454}
.medipeel-slide-section .medipeel-slide .col-item p strong {font-weight:500}
.medipeel-slide-section .medipeel-slide .col-item p strong {font-weight:500}
.medipeel-slide-section .medipeel-slide {position: relative; margin: 0 75px;}
.medipeel-slide-section .medipeel-slide .medipeel-text-swiper {padding: 70px 0 0 50px !important;width: calc(28% - 50px);}
.medipeel-slide-section .medipeel-slide .swiper {margin: 0;}
.medipeel-slide-section .medipeel-slide .medipeel-swiper {width: 72.1%;}
.medipeel-slide-section .medipeel-slide .swiper-pagination {position: absolute;bottom: 0;left: 50px;text-align: left;} 
.medipeel-slide-section .medipeel-slide .swiper-pagination span {background: none;margin-right: 38px;}



/* ------------------------------
 * Renewal sub - about us
------------------------------ */
.about-us .inner-box h3 {font-size:32px; font-weight:500; color:var(--point); letter-spacing:-0.025em; margin-bottom:45px; margin-top:100px}
.about-us .inner-box p {font-size:24px; font-weight:400; color:#000; line-height:1.6666}
.about-us .inner-box p + p {margin-top:50px}
.about-us .inner-box .row {margin-top:100px}
.about-us .inner-box .row .col-item {border-right:1px solid #d9d9d9; padding:25px 0}
.about-us .inner-box .row .col-item:last-child {border:0}
.about-us .inner-box .row .col-item .icon-wrap {margin-bottom:10px}
.about-us .inner-box .row .col-item .icon-wrap i {font-size:45px; color:#000}
.about-us .inner-box .row .col-item h4 {font-size:33px; font-weight:700; color:#000}
.about-us .inner-box .row .col-item p {font-size:19px; font-weight:400; color:#b4b4b4; margin-top:5px}

/* ------------------------------
 * Renewal sub - management
------------------------------ */
.management-section {background:url(../images/management_bg.png), #f8f8f8; background-size:auto; background-repeat: no-repeat; background-position: center right}
.management-section .container >  h3 {position:relative; font-size:64px; font-weight:500; color:#000; display:inline-block; margin-bottom:140px}
.management-section .container > h3 span {position:absolute; bottom:0; right:-35px; display:block; width:70px; height:70px; background-color:#000; text-align: center; color:#fff; border-radius: 50%; font-size:26px; font-weight:500; line-height:68px}
.management-section .container .col-item h3 {font-size:32px; font-weight:700; color:#000; line-height:1.1875}
.management-section .container .col-item h3:after {content:''; display:block; width:100%; height:1px; background-color:#c6c6c6; margin:20px 0}
.management-section .container .col-item h3 span {color:var(--point)}
.management-section .container .col-item p {font-size:22px; font-weight:300; color:#000; line-height:1.5909; opacity:0.6}

/* ------------------------------
 * Renewal sub - strangth
------------------------------ */
.strangth-section .title h3 {font-size:60px; font-weight:600; color:#000; margin-bottom:100px; margin-top:100px}
.strangth-section .item-box + .item-box {margin-top:120px}
.strangth-section .item-box h2 {font-size:35px; font-weight:600; color:#c70026; letter-spacing:-0.025em}
.strangth-section .item-box h3 {font-size:48px; font-weight:700; color:#000; margin-top:40px}
.strangth-section .item-box p {font-size:24px; font-weight:500; color:#000; line-height:1.6666; margin-top:30px}
.strangth-section .item-box02 .inner {margin-top:70px}
.strangth-section .item-box03 {margin-top:140px}
.strangth-section .item-box04 .container {font-size:0; margin-top:40px}
.strangth-section .item-box04 .img-box {display:inline-block}
.strangth-section .item-box04 .img-box01 {background-image:url(../images/strangth_img03.jpg); background-size:cover; background-position:center; background-repeat: no-repeat; width:55%}
.strangth-section .item-box04 .img-box02 {background-image:url(../images/strangth_img04.jpg); background-size:cover; background-position:center; background-repeat: no-repeat; width:40.1%; margin-left:30px}
.strangth-section .item-box04 .img-box01 .spacer {padding-bottom:99.8732%}
.strangth-section .item-box04 .img-box02 .spacer {padding-bottom:137.0434%}


/* ------------------------------
 * Renewal sub - csr section
------------------------------ */
.csr-section .sharing-box {background-image: url(../images/csr_bg.jpg); background-size:cover; background-repeat: no-repeat; background-position:center center}
.csr-section .title {padding:290px 0}
.csr-section .title h3 {font-size:54px; font-weight:500; color:#fff}
.csr-section .title p {font-size:26px; font-weight:300; color:#fff; margin-top:30px}
.csr-section .title p strong {font-weight:700}
.csr-section .respon-box {position:relative}
.csr-section .respon-box:before {content:'Responsibility'; display:block; position:absolute; top:-45px; left:0; right:0; font-size:260px; font-weight:700; color:#dadada; letter-spacing:0.05em; opacity:0.18; z-index:-1}
.csr-section .respon-box p {font-size:32px; font-weight:400; color:#000; letter-spacing:-0.025em; line-height:1.5625; padding-top:180px; margin-bottom:50px}

/* ------------------------------
 * Renewal sub - activity section
------------------------------ */
.activity-section {background-color:#f5f5f5}
.activity-section .col-item {margin-bottom:30px}
.activity-section .col-item .img-box {position:relative; background-size:cover; background-repeat: no-repeat; background-position: center center; transition:all 0.3s ease; background-color:#fff; border-radius: 50%}
.activity-section .col-item .img-box .spacer {padding-bottom:100%}
.activity-section .col-item01 .img-box {background-image:url(../images/activity_img01.png)}
.activity-section .col-item02 .img-box {background-image:url(../images/activity_img02.png)}
.activity-section .col-item03 .img-box {background-image:url(../images/activity_img03.png)}
.activity-section .col-item04 .img-box {background-image:url(../images/activity_img04.png)}
.activity-section .col-item01:hover .img-box {background-image:url(../images/activity_hover_img01.png)}
.activity-section .col-item02:hover .img-box {background-image:url(../images/activity_hover_img02.png)}
.activity-section .col-item03:hover .img-box {background-image:url(../images/activity_hover_img03.png)}
.activity-section .col-item04:hover .img-box {background-image:url(../images/activity_hover_img04.png)}
.activity-section .inner {margin-top:50px}
.activity-section .inner p {font-size:26px; font-weight:400; color:#000; line-height:1.6153}
.activity-section .inner p + p {margin-top:55px}
.skin-idea-logo .img-box {position:relative; padding-top:100px; padding-bottom:100px}
.skin-idea-logo .img-box:before {content:''; display:block; width:1px; height:120px; background-color:#000; position:absolute; top:-100px; left:0; right:0; margin:40px auto}


/* ------------------------------
 * Renewal sub - research
------------------------------ */
.rnd-section .inner h3 {font-size:50px; font-weight:500; color:#000}
.rnd-section .inner p {font-size:24px; font-weight:300; color:#000; line-height:1.6666; margin-top:50px}
.rnd-section .inner p strong {font-weight:700}
.rnd-section .rnd-company {background-image:url(../images/rnd_company_bg.jpg); background-size:cover; background-position: center center; background-repeat: no-repeat; margin-top:80px}
.rnd-section .rnd-company .spacer {padding-bottom:45.83333%}
.patent-section .iso-box h3 {font-size:42px; font-weight:500; color:#000; letter-spacing:-0.025em; margin-bottom:40px}
.patent-section .col-process {margin-bottom:30px}
.patent-section .col-process .process-box {position:relative; padding:35px; height:100%; background-color:#f5f5f5}
.patent-section .col-process .process-box:before {content:''; position:absolute; display:block; top:11px; right:-3px; width:30px; height:1px; background-color:var(--point); opacity:0.5; transform:rotate(-45deg)}
.patent-section .col-process .process-box .heading {margin-bottom:2px}
.patent-section .col-process .process-box .heading .num {display:inline-block; font-size:34px; font-weight:700; color:var(--point)}
.patent-section .col-process .process-box .heading span {display:inline-block; font-size:20px; font-weight:700; color:#2b2b2b; margin-left:10px; padding-top: 3px; vertical-align:top}
.patent-section .col-process .process-box p {color:#333; line-height:1.75}
.patent-section .unique-box {margin-top:150px}
.patent-section .unique-box .title {margin-bottom:60px}
.patent-section .unique-box .title h3 {font-size:42px; font-weight:500; color:#000; letter-spacing:-0.025em; margin-bottom:40px}
.patent-section .unique-box .container {position:relative; min-height:500px}
.patent-section .unique-box .container .unique-slide {position:absolute; top:120px; left:15px; overflow: hidden; font-size:0}
.patent-section .unique-box .container .unique-slide .unique-slide-wrap {width:1630px}
.patent-section .unique-box .container .unique-slide .slide-item {display:inline-block; max-width: 910px;}
.patent-section .unique-box .container .unique-slide .slide-item .inner {font-size:0; background-color:#1f1f1f; display:flex; align-items: center}
.patent-section .unique-box .container .unique-slide .slide-item .inner .txt-box {padding:0 46px}
.patent-section .unique-box .container .unique-slide .slide-item .inner .txt-box h3 {font-size:26px; font-weight:700; color:#fff}
.patent-section .unique-box .container .unique-slide .slide-item .inner .txt-box p {font-size:18px; font-weight:300; color:#fff; line-height:1.83333; margin-top:20px}
.distribution-section .title {margin-bottom:60px}
.distribution-section .title h3 {font-size:42px; font-weight:500; color:#000; letter-spacing:-0.025em; margin-bottom:40px}
.distribution-section .title p {font-size:24px; font-weight:300; color:#000; line-height:1.6666}
.distribution-section .img-wrap {display:flex; align-items: center; justify-content: space-between}
.distribution-section .img-wrap .distri-img02 {margin-right:90px}
.distribution-section .img-wrap .distri-img02 > ul li + li {margin-top:15px}


/* ------------------------------
 * Renewal sub - premium-section
------------------------------ */
.premium-section {padding-top:0}
.premium-section .skin-care {background-image: url(../images/skin_care_bg.jpg); background-size:cover; background-position: center center; background-repeat: no-repeat}
.premium-section .skin-care .title {padding:340px 0}
.premium-section .skin-care .title h3 {font-size:92px; font-weight:700; color:#fff; line-height:1.0007}
.premium-section .skin-care .title p {font-size:36px; font-weight:400; color:#fff; margin-top:50px}
.premium-section .clr-box {background-image:url(../images/clr_box_bg.jpg); background-size:cover; background-repeat: no-repeat; background-position: center center}
.premium-section .clr-box .inner {padding:330px 0}
.premium-section .clr-box .inner .row .col-item p {font-size:32px; font-weight:400; color:#000; letter-spacing:-0.025em; line-height:1.5625}
.premium-section .derma-maison {position:relative}
.premium-section .derma-maison .inner {padding:400px 0}
.premium-section .derma-maison .inner h3 {font-size:72px; font-weight:700; color:#000; letter-spacing:-0.01em}
.premium-section .derma-maison .inner p {font-size:26px; font-weight:400; color:#000; margin-top:25px}
.premium-section .derma-maison .derma-img {position:absolute}
.premium-section .derma-maison .derma-img01 {top:190px; left:70px}
.premium-section .derma-maison .derma-img02 {bottom:0; left:580px}
.premium-section .derma-maison .derma-img03 {top:0; right:70px}

/* ------------------------------
 * Renewal sub - solution-section
------------------------------ */
.solution-section {padding-bottom:200px}
.solution-section .col-title h2 {font-size:35px; font-weight:500; color:#c70026; letter-spacing:-0.025em; text-align:center}
.solution-section .col-title h2 em {display:inline-block; width:1px; height:25px; background-color:#c70026; margin:0 20px}
.solution-section .col-title h3 {font-size:54px; font-weight:700; color:#000; text-align:center; line-height:1.296; margin-top:30px}
.solution-section .col-title p {font-size:26px; font-weight:400; color:#000; text-align:left; line-height:1.615}
.solution-section .inner {display:flex; justify-content: space-between; margin-top:100px}
.solution-section .inner .inner-box {width:60%; background-color:#fbfbfb}
.solution-section .inner .inner-box .txt-box {display:flex; align-items: center; height:100%}
.solution-section .inner .inner-box .txt-box {display:flex; align-items: center; height:100%}
.solution-section .inner .inner-box .txt-box .row {width:100%}
.solution-section .inner .inner-box .txt-box .row .col-item:first-child {margin-top:100px; margin-right:-30px; margin-left:40px}
.solution-section .inner .inner-box .txt-box .row .col-item:last-child {margin-top:-90px; margin-left:-50px}
.solution-section .inner .inner-box .txt-box .row .col-item h3 {font-size:40px; font-weight:700; color:#000; line-height:1.25}
.solution-section .inner .inner-box .txt-box .row .col-item h4 {font-size:21px; font-weight:400; color:#000; margin-top:20px}
.solution-section .inner .inner-box .txt-box .row .col-item p {font-size:18px; font-weight:400; color:#5f5f5f; line-height:1.6666; margin-top:30px}
.solution-section .inner .inner-box .txt-box .row .col-img p {font-size:19px; font-weight:400; color:#bebebe}
.solution-section .item-box02 {margin-top: 200px}
.solution-section .item-box02 .peeling-img {background-image: url(../images/solution02_img.jpg); background-size:cover; background-repeat: no-repeat; background-position: center center; margin-top:70px}
.solution-section .item-box02 .peeling-img .spacer {padding-bottom:46.3541%}
.solution-section .item-box02 .container {margin-top:80px} 
.solution-section .item-box02 .container .peeling-txt {display: flex; align-items: flex-start; justify-content: space-between}
.solution-section .item-box02 .container .peeling-txt hr.bar {width:1px; height:227px; background-color:#b8b7bc; margin:0 !important}
.solution-section .item-box02 .container .peeling-txt .txt-box {width:40%}
.solution-section .item-box02 .container .peeling-txt .txt-box h3 {font-size:40px; font-weight:700; color:#000}
.solution-section .item-box02 .container .peeling-txt .txt-box h4 {font-size:24px; font-weight:400; color:#000; margin-top:15px}
.solution-section .item-box02 .container .peeling-txt .txt-box p {font-size:18px; font-weight:400; color:#5f5f5f; margin-top:40px; line-height:1.6666}

/* ------------------------------
 * Renewal sub - bi derma section
------------------------------ */
.bi-derma-section {background-color:#fbfbfb}
.bi-derma-section .inner {padding:200px 0}
.bi-derma-section .inner h2 {font-size:35px; font-weight:600; color:#000; opacity:0.7}
.bi-derma-section .inner img {margin-top:90px}
.bi-derma-section .inner h3 {font-size:44px; font-weight:600; color:#c70026; margin-top:100px}
.bi-derma-section .inner p {margin-top:70px; font-size:26px; font-weight:500; color:#000; line-height:1.615}


/* ------------------------------
 * Renewal(2024) - IR sub 
------------------------------ */
#sub-hero.hero-10 .hero-bg {background-image:url(../img/sub-hero.jpg)}
#sub-hero.new-sub {height: 600px;}
#sub-hero.new-sub .caption-cell {max-width: 1360px;display: flex;margin: 0 auto;height: 100%;align-items: start;flex-direction: column;justify-content: center;padding: 0 30px;text-align: left;}
#sub-hero.new-sub .caption-cell h2 {font-size: 52px;font-weight: 500;}
#sub-hero.new-sub .caption-cell p {font-size: 18px;line-height: 1.75;color: #fff;font-weight: 300;}
#sub-hero.new-sub .caption-cell p.desc-pc {display: block;}
#sub-hero.new-sub .caption-cell p.desc-mb {display: none;}
#container.renewal .dropdown-nav-section .dropdown-wrap > a {font-size: 18px;height: 70px;line-height: 70px;}
#container.renewal .dropdown-nav-section .link-home {height: 70px;line-height: 70px;}
#container.renewal .dropdown-nav-section .dropdown-wrap > .dropdown li a {font-size: 16px;padding: 20px;}
#container.renewal .sub-section .main-heading h2 {font-weight: 600;font-size: 46px;}
#container.renewal .contact-section .table tbody .thead td {font-size: 18px;font-weight: 400;}
#container.renewal .contact-section .table tbody .thead td font {font-size: 18px !important;}
#container.renewal .table-board-list .thead td + td:before {content: none;}
#container.renewal .contact-section .table tbody tr td.bbsno {font-size:16px !important;}
#container.renewal .contact-section .table tbody tr td.bbsnewf5 a {font-size: 18px !important;color: #000;}
#container.renewal .contact-section .table tbody tr td.bbsnewf5 a:hover {color: var(--point);}
#container.renewal .contact-section .table tbody tr td.bbsetc_dateof_write {font-size: 16px !important;}
#container.renewal .table-board-list .thead td, #container.renewal .table-board-list tbody tr.thead td {border-bottom: 1px solid #000;font-size: 18px;}
#container.renewal .table-board-list {border-top: 2px solid #191919;}
#container.renewal .table-board-list .thead td, #container.renewal .table-board-list tbody td {padding: 25px 15px !important;}
#container.renewal .board-paging b, #container.renewal .board-paging a {font-size: 16px;background: none;}
#container.renewal .board-paging a {color: #999;}
#container.renewal .board-paging b {color: var(--point);}
#container.renewal .table-board-list tbody td {font-size: 16px;}
#container.renewal .table-board-list tbody td.bbsnewf5 {font-size: 18px;color: #000;width: 870px;}
#container.renewal .table-board-list tbody td.bbsnewf5 a, #container.renewal .table-board-list tbody td.bbsnewf5 a {width: 100%;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;}
#container.renewal .table-board-list tbody td.bbsnewf5 a, #container.renewal .table-board-list tbody td.bbsnewf5 a:visited {color: #000;}
#container.renewal .table-board-list .thead td, #container.renewal .table-board-list tbody tr.thead td {font-size: 18px;}

.fc-section ul.fc-nav {display: flex;justify-content: center;font-size: 24px;font-weight: 500;}
.fc-section ul.fc-nav li a {padding: 0 40px;position: relative;color: #666;font-weight: 300;display: inline-block;text-align: center;transition: all .3s ease-in-out;font-family: 'Pretendard Variable';}
.fc-section ul.fc-nav li.current a, .fc-section ul.fc-nav li a:hover {color: var(--point);font-weight: 500;}
.fc-section ul.fc-nav li a::after {content: '';width: 1px;height: 20px;background: #999;position: absolute;right: 0;top: calc(50% - 10px);}
.fc-section ul.fc-nav li a::before {content: attr(title);display: block;font-weight: bold;height: 0px;visibility: hidden;}
.fc-section ul.fc-nav li:last-child a::after {content: none;}
.fc-section .fc-data {margin-top: 100px;position: relative;padding-bottom: 60px;}
.fc-section .fc-row {display: flex;justify-content: space-between;align-items: center;padding-bottom: 10px;}
.fc-section h3.fc-title {font-size: 28px;font-weight: 600;}
.fc-section .fc-data .fc-row.underline {border-bottom: 2px solid #191919;}
.fc-section .fc-data:last-child .fc-row.underline {max-width:580px}
.fc-section.skinidea-fc-section .fc-data:last-child .fc-row.underline {max-width:100%}
.fc-section .fc-data > p.description {font-size:14px; font-weight:300; color:#999; margin-top:10px; margin-bottom:10px}
.fc-section .fc-graph {margin-top: 50px;display: flex;justify-content: space-around;margin-left: -10px;}
.fc-section .fc-graph .graph-box {width: 100%;max-width: 390px;height: 195px;position: relative;}
.fc-section .fc-graph .graph-box h5 {height: 30px;font-size: 20px;text-align: center;}
.fc-section .fc-graph .graph-box div {width: 100%;height: calc(100% - 30px);}
.fc-section .fc-graph .graph-box canvas {width: 100% !important;height: 100% !important;}
.fc-section p.unit {font-size: 14px;color: #999;font-weight: 300;text-align: right;white-space: nowrap;}
.fc-section p.unit.bottom {position: absolute;bottom: 0;right: 0;}
.fc-section .line {border-bottom: 1px solid #e9e9e9;margin:10px 0}
.dropdown-menu {min-width: 110px;}
.dropdown-backdrop {z-index: 4;}
.dropdown.line-none .btn {background: transparent;border: none;font-size: 16px;font-weight: 400;padding: 6px 0;color: #000;}
.dropdown.line-none.open>.dropdown-toggle.btn-default:focus, .dropdown.line-none.open>.dropdown-toggle.btn-default:hover {background: transparent;}
.dropdown.line-none .dropdown-menu {left: unset;right: 0;min-width: 130px;z-index: 5;box-shadow: 0 20px 40px -12px rgba(0,0,0,0.2);font-size: 15px;border: 1px solid #000;border-radius: 0;margin-top: 1px;}
.dropdown.line-none .dropdown-menu>li>a {padding: 8px 0px;text-align: center;}
.fc-data .dropdown.line-none {position: absolute;top: 0;right: 0;}
.fc-section .fc-table-wrap {display: none;}
.fc-section .fc-table-wrap.show {display: block;}
.fc-section .fc-table {display: table;width: 100%; max-width: 580px;}
.fc-section.skinidea-fc-section .fc-table {display: table;width: 100%; min-width: 580px; max-width:100%}
.fc-section .fc-table .fc-tr { display: table-row; } 
.fc-section .fc-table .fc-inner-tr .fc-td:first-child {text-indent: 15px} 
.fc-section .fc-table .fc-inner-tr .fc-td {color:#b9b9b9}
.fc-section .fc-table .fc-tr.gray { background: #f5f5f5; font-weight: 500; } 
.fc-section .fc-table .fc-td { display: table-cell; font-size: 16px; text-align: center; height: 80px; vertical-align: middle; color: #666; font-weight: 300; border-bottom: 1px solid #e9e9e9; } 
.fc-section .fc-table .fc-td:first-child {text-align:left} 
.fc-section .fc-table .fc-td:first-child { width: 155px; border-right: 1px solid #e9e9e9; padding: 0 23px;max-width: 155px;word-break: break-word;} 
.fc-section .fc-table .fc-thead .fc-td {font-size: 18px;font-weight: 500;color: #000;border-bottom: 1px solid #000;} 
.fc-section .fc-table .fc-tr.gray .fc-td { font-weight: 500; color: #000; } 
.fc-section .fc-head-left {display: flex;justify-content: space-between;align-items: center;}
.fc-section .fc-head-left .dropdown .btn {width: 120px;padding: 6px 10px;display: flex;justify-content: space-between;font-size: 14px;color: #666;border-color: #ddd;}
.fc-section .fc-head-left h3.fc-title {margin-right: 30px;}
.fc-section .fc-btn {background: #191919;color: #fff;height: 34px;line-height: 1;margin-left: 10px;}


#container.renewal #ext_search {margin-bottom: 100px;width: 100% !important;display: flex;justify-content: center;}
#container.renewal .est_cate_cell .cateform {display: none;}
#container.renewal .dropdown.under-line .btn {border: none;border-bottom: 2px solid #191919;border-radius: 0;font-size: 16px;font-weight: 600;text-align: left;display: flex;justify-content: space-between;padding-right: 6px;width: 200px;}
#container.renewal #search_display1 {position: relative;width: 100%;}
#container.renewal #search_display1 input.keywordform {width: 400px;border:none;border-bottom: 2px solid #191919;border-radius: 0;height: 40px;font-size: 16px !important;}
#container.renewal #search_display1 input.keywordform:focus-visible {outline: none;}
#container.renewal td.est_keyword_cell {padding-left: 30px;}
#container.renewal ::placeholder {color: #999;}
#container.renewal .dropdown.under-line .btn-default:hover, #container.renewal .dropdown.under-line .btn-default:focus {background: #fff;}
#container.renewal #btn-search {display: none;}
#container.renewal .dropdown.under-line .dropdown-menu {min-width: 100%}
#container.renewal .dropdown.under-line .dropdown-menu>li>a {padding: 10px 20px;font-size: 15px;}
#container.renewal #search-btn {position: absolute;right: 10px;font-size: 20px;bottom: 10px;cursor: pointer;}
#container.renewal span.page-arrow {width: 36px;height: 36px;display: inline-flex;background: #f4f4f4;border-radius: 50px;justify-content: center;align-items: center;font-size: 18px;color: #bbb;}
#container.renewal .table-article-view tr:first-child td.board_desc {font-size: 32px;color: #000;font-weight: 500;letter-spacing: 0;padding: 20px;}
#container.renewal .table-article-view {border-top: 2px solid #191919;position: relative;}
#container.renewal .table-article-view tr:nth-child(2) td.board_desc {position: absolute;top: 20px;right: 0;border: none;width: auto;color: #999;font-size: 16px;}
#container.renewal #post_area {font-size: 18px;color: #000;padding: 40px 20px !important;line-height: 1.8;}
#container.renewal .table-article-view .board_description {padding: 0;}
#container.renewal .table-article-view tr td {font-size: 16px;}
#container.renewal .table-article-view .board_bgcolor {width: 10%;}
#container.renewal .board-view-buttons {display: flex;justify-content: center;}
#container.renewal .board-view-buttons .btn {background: #fff;font-size: 16px;padding: 10px 36px;border-radius: 30px;border: 1px solid #999;color: #666 !important;transition: all .3s;margin: 0 2px;}
#container.renewal .board-view-buttons .btn:hover {border-color:#000;background: #000;color:#fff !important;}
#container.renewal .table-article-view tr td.board_desc {font-size: 16px;}
#container.renewal .table-article-view a.download-link {color: #666;}
#container.renewal .table-article-view a.download-link:hover {text-decoration: underline !important;color: #666;}
#container.renewal .table-article-view tr:last-child td {padding: 22px 10px;}
#container.renewal .table-article-view tr:last-child td.board_desc > div {position: relative;}
#container.renewal .table-article-view tr:last-child td.board_desc > div::before {content: '';position: absolute;top: 4px;left: -28px;width: 1px;height: 15px;background: #e9e9e9;}
#container.renewal .table-article-view tr:last-child td:first-child {text-align: left;padding: 22px 20px;width: 10%;}


/* ------------------------------
 * media queries
------------------------------ */
@media (min-width: 768px) {
    .bg-parallax {background-attachment: fixed}
    .mobile-inline-block {display:none}
    .mobile-block {display:none}

    .dropdown-nav-section .dropdown-wrap > a {min-width:230px}
    #container.renewal .table-article-view tr:last-child td:first-child {width: 13%;}
}
 
@media (min-width: 992px) {
    .tablet-inline-block {display:none}
    .tablet-block {display:none}
    .medipeel-section .creator-box .creator-bg .mobile-img {display:none}
    .k-beauty .img-box .mobile-img {display:none}

    #container.renewal .table-article-view tr:last-child td:first-child {width: 8%;}
}

@media (max-width: 1644px) {
    .rnd-img-section .row .col-item .img-box {width:90%}
    .medipeel-slide-section .medipeel-slide .col-item:first-child {margin-left:0}
    .medipeel-slide-section .medipeel-slide .medipeel-text-swiper {padding:40px 0 0 0 !important}
}

@media (max-width: 1320px) {
    .main-contact-section .contact-row .col-info .info-inner {padding-left: 50px; padding-right: 15px}
    .rnd-img-section .img-wrap .img-box .desc img {position: static;}
    .rnd-img-section .row .col-item .img-box04 {margin-top:50px; margin-left:10px}

    .medipeel-section .derma-beauty-box .beauty-bg .txt-box {margin-top:-100px}
    .medipeel-section .derma-beauty-box .beauty-bg .txt-box h3 {font-size:70px}
    .medipeel-section .derma-beauty-box .beauty-bg .txt-box p {font-size:36px}
    .medipeel-section .derma-beauty-box .beauty-bg img.logo {max-width:145px; bottom:50px}

    .medipeel-section .creator-box .row .col-item:last-child .txt-box {padding:0}
    .medipeel-section .creator-box .row .txt-box p br {display:none}

    .medipeel-section .creator-box2 .creator-bg2 .txt-box h2 {font-size:34px}
    .medipeel-section .creator-box2 .creator-bg2 .txt-box h3 {font-size:70px}
    .medipeel-section .creator-box .row .txt-box h3 {font-size:44px}
    .medipeel-section .creator-box .row .txt-box p {font-size:24px}
    
    .prove-section .prove-title h2 {font-size:28px}
    .prove-section .prove-title h2 em.bar {height:18px}
    .prove-section .prove-title h3 {font-size:44px}
    .prove-section .prove-title p {font-size:24px}
    .prove-section .prove-title p br {display:none}
    .prove-section .prove-item03:after {font-size:180px; white-space: inherit; text-align:center; line-height:0.75}

    .brand-history .history-group .history-box .txt-box p {font-size:18px}
    .brand-history .history-group .history-box .txt-box p br {display:none}
    .brand-history .history-group .history-box:nth-child(odd) .txt-box {margin-left:0}
    
    .best-seller .row .item-box .txt-box h2 {font-size:22px}
    .best-seller .row .item-box .txt-box h3 {font-size:35px}

    .k-beauty .txt-box h3 {font-size:56px; margin-top:80px}
    .k-beauty .txt-box p {font-size:20px}


    .solution-section .col-title h2 {font-size:28px}
    .solution-section .col-title h2 em.bar {height:18px}
    .solution-section .col-title h3 {font-size:44px}
    .solution-section .col-title p {font-size:24px}
    .solution-section .col-title p br {display:none}

    .solution-section .inner .img-box {max-width:40%}
    .solution-section .inner .inner-box .txt-box .row .col-item h3 {font-size:32px}
    .solution-section .inner .inner-box .txt-box .row .col-item h4 {font-size:18px}
    .solution-section .inner .inner-box .txt-box .row .col-item p {font-size:16px}
    .solution-section .inner .inner-box .txt-box .row .col-item:last-child {margin-top:-30px}

    .solution-section .item-box02 .container .peeling-txt .txt-box h3 {font-size:32px}
    .solution-section .item-box02 .container .peeling-txt .txt-box h4 {font-size:24px}
    .solution-section .item-box02 .container .peeling-txt .txt-box p {font-size:16px}
    

}

@media (max-width: 1199px) {
    .main-hero-section .hero-slider .slide-item .slide-caption {bottom: 260px; left: 80px; right: 80px}
    .main-hero-section .hero-slider .slide-item .slide-caption h2 {font-size: 52px}
    .main-hero-section .slick-arrows {bottom: 130px; left: 80px}
    .main-hero-section .slick-dots {bottom: 140px; right: 80px}

    .history-section .col-history h4:before {right:-97px}
    .history-section .col-sm-push-7 h4:before {left:-97px}

    .rnd-img-section {max-width:970px; margin:0 auto; padding-left:15px; padding-right:15px}
    .rnd-img-section .row .col-item p {text-align:left; max-width:inherit; margin-top:0; margin-bottom:30px}
    .rnd-img-section .row .col-item .img-box {margin-left:0; margin-bottom:30px; width:100%}
    .rnd-img-section .row .col-item .img-box img {width:100%}
    .rnd-img-section .row .col-item .img-box01 {margin-bottom:0}
    .scm-img-section .row .col-item .img-box01 {margin-bottom:30px}

    .main-video-section .video-box .pagination-box {transform: translateX(-20%)}


    .about-section .txt-box p {font-size:38px}
    
    .about-us .inner-box img {max-width:380px}
    .about-us .inner-box h3 {font-size:30px}
    .about-us .inner-box p {font-size:22px}
    .about-us .inner-box .row .col-item h4 {font-size:26px}
    .about-us .inner-box .row .col-item .icon-wrap i {font-size:40px}

    .management-section .container > h3 {font-size:54px; margin-bottom:100px}
    .management-section .container > h3 span {font-size:24px; width:65px; height:65px; line-height:63px; right:-25px; bottom:-3px}

    .management-section {background-position:center right -25%}
    .management-section .container .col-item h3 {font-size:28px}
    .management-section .container .col-item p {font-size:20px}

    .strangth-section .title h3 {font-size:54px; margin-bottom:70px}
    .strangth-section .item-box h3 {font-size:44px}
    .strangth-section .item-box p {font-size:22px}
    .strangth-section .item-box02 .inner .col-item img {width:100%; height:100%}

    .csr-section .title {padding:245px 0}
    .csr-section .title h3 {font-size:44px}
    .csr-section .title p {font-size:24px}

    .csr-section .respon-box p {font-size:28px}
    .csr-section .respon-box:before {font-size:165px; top:-15px}
    .activity-section .inner p {font-size:24px}

    .rnd-section .inner {padding-left:15px; padding-right:15px}
    .rnd-section .inner h3 {font-size:44px}
    .rnd-section .inner p {font-size:22px}

    .patent-section {padding-top:0 !important}
    .patent-section .iso-box h3 {font-size:38px}
    .patent-section .unique-box {margin-top:100px}
    .patent-section .unique-box .title h3 {font-size:38px}
    .patent-section .unique-box .container .unique-slide .slide-item .inner .txt-box h3 {font-size:24px}
    .patent-section .unique-box .container .unique-slide .slide-item .inner .txt-box p {font-size:16px}
    
    .distribution-section .title p {font-size:22px}
    .distribution-section .img-wrap .distri-img01 {padding-right:30px}
    .distribution-section .img-wrap .distri-img02 {margin-right:50px}

    .premium-section .skin-care .title {padding:240px 0}
    .premium-section .skin-care .title h3 {font-size:72px}
    .premium-section .skin-care .title p {font-size:32px}
    .premium-section .clr-box .inner {padding:250px 0}
    .premium-section .clr-box .inner .row .col-item p {font-size:28px}
    .premium-section .derma-maison .inner .title {position:relative; z-index:10}
    .premium-section .derma-maison .inner h3 {font-size:62px}
    .premium-section .derma-maison .inner p {font-size:24px}
    .premium-section .derma-maison .derma-img {z-index:5}
    
    .bi-derma-section .inner {padding:0}


    .medipeel-slide-section .medipeel-slide .col-item h3 {font-size:32px; margin-bottom:25px}
    .medipeel-slide-section .medipeel-slide .col-item p {font-size:20px}

    .medipeel-slide-section .medipeel-slide .swiper-pagination {left:0}
    .medipeel-slide-section .medipeel-slide .medipeel-text-swiper {padding:20px 0 0 0 !important}
    .medipeel-slide-section .medipeel-slide .swiper-pagination {left:13px}

    /* Renewal(2024) - IR sub */
    #sub-hero.new-sub .caption-cell {max-width: 970px;}
    #sub-hero.new-sub .caption-cell h2 {font-size: 45px;}
    #container.renewal .table-article-view tr:last-child td {padding: 18px 25px;}
}


@media (max-width: 991px) {
    .career-section .career-wrap {padding:100px 0}
    .tablet-inline-block {display:inline-block !important}
    .tablet-block {display:block !important}
    .tablet-none {display:none !important}

    .main-hero-section .hero-slider .slide-item .slide-caption {bottom: 200px; left: 15px; right: 15px}
    .main-hero-section .hero-slider .slide-item .slide-caption h2 {font-size: 46px}
    .main-hero-section .hero-slider .slide-item .slide-caption p {font-size: 17px}
    .main-hero-section .slick-arrows {bottom: 100px; left: 15px}
    .main-hero-section .slick-dots {bottom: 110px; right: 15px}

    .main-section .heading-row .col-heading h2 {font-size: 42px}
    .main-section .heading-row .col-desc p {font-size:17px}

    .main-about-section .features-row .col-features {margin-bottom: 50px}

    .main-process-section .row-table-md + .row-table-md {margin-top: 60px}
    .main-process-section .col-text {margin-top: 50px}
    .main-process-section .col-text .text-inner {padding-left: 0}
    .main-process-section .col-text.col-sm-pull-6 .text-inner {padding-right: 0}

    .main-parallax-section {padding: 180px 0}
    .main-parallax-section .caption h2 {font-size: 48px}

    .main-contact-section .contact-row .col-info .info-inner .heading {font-size: 38px}
    .main-contact-section .contact-row .col-info .info-inner address, .main-contact-section .contact-row .col-info .info-inner .info-list li {font-size: 20px}
    .main-contact-section .contact-row .col-info .info-inner .buttons {margin-top: 60px}

    .history-section .col-history h4:before {right:-78px; width:50px}
    .history-section .col-history h4:after {right:-36px}
    .history-section .col-sm-push-7 h4:before {left:-78px}
    .history-section .col-sm-push-7 h4:after {left:-36px}

    .business-intro-section .col-circle:first-child {margin-left: 0; margin-right: 0}
    .business-intro-section .col-circle:last-child {margin-left: 0}
    .business-intro-section .col-circle + .col-circle {margin-top:50px}
    .business-intro-section .col-circle .circle-outer {padding-bottom:60%}
    .business-intro-section .col-circle .circle-inner {left:50%; width:60%; margin-left:-30%; padding:40px 50px}

    .career-section .col-circle:first-child {margin-left: 0; margin-right: 0}
    .career-section .col-circle:last-child {margin-left: 0}
    .career-section .col-circle + .col-circle {margin-top:50px}
    .career-section .col-circle .circle-outer {padding-bottom:60%}
    .career-section .col-circle .circle-inner {left:50%; width:60%; margin-left:-30%; padding:40px 50px}


    
    .business-goal-section .col-goal + .col-goal {margin-top:60px}

    .business-review-section .review-slider .slide-item p {font-size:24px}

    .business-strong-section .col-num {font-size:76px}
    .business-strong-section .col-title h4 {font-size:20px}
    .business-strong-section .col-info h5 {line-height:1.5}

    .table-photo .bbsnewf5 tr:first-child a {height:165px}
    .product-section .type-a-row .col-photo figure {height:165px}

    .product-section .type-b-row .col-photo figure {height:165px}

    .rnd-section .rnd-summary .row .col-item:first-child {text-align:left}

    .history-section .history-group .history-box .img-box {bottom:-210px; left:-12px}
    .history-section .history-group .history-box-right .img-box {left:auto; right:-12px}
    .history-section .history-group .history-box:last-child .img-box {padding-top:10px; margin-left:6px}
    .history-section .col-history h4 {font-size:36px}
    .main-video-section .video-box .pagination-box {transform: translateX(-15%); bottom:30px}
    .main-video-section .video-box .pagination-box .progressbar-wrap {width:180px}
    .medipeel-section .derma-beauty-box .beauty-bg .txt-box {margin-top:-70px}
    .medipeel-section .derma-beauty-box .beauty-bg .txt-box h3 {font-size:45px}
    .medipeel-section .derma-beauty-box .beauty-bg .txt-box p {font-size:18px}
    .medipeel-section .derma-beauty-box .beauty-bg img.logo {max-width:145px; bottom:50px}

    .medipeel-section .creator-box {}
    .medipeel-section .creator-box .creator-bg {background:none}
    .medipeel-section .creator-box .creator-bg .mobile-img {display:block; margin-bottom:80px}
    .medipeel-section .creator-box .row {display:block}
    .medipeel-section .creator-box .row .col-item .img-box {max-width:70%; margin:0 auto}
    .medipeel-section .creator-box .row .col-item:first-child .txt-box {padding:0 60px 0 60px}
    .medipeel-section .creator-box .row .col-item:last-child .txt-box {padding:0 60px 0 60px; text-align:center}
    .medipeel-section .creator-box .row .col-item + .col-item {margin-top:55px}
    
    .prove-section .prove-title p {margin-top:40px}
    .prove-section .prove-item03:after {font-size:120px; bottom:-180px}

    .bi-section .bi-item {margin-top:130px; padding:0 70px}
    .bi-section .bi-item h3 {font-size:38px; margin-top:100px}
    .bi-section .bi-item p {font-size:24px}

    .best-seller .row .col-item {margin-bottom:40px}
    .best-seller .row .item-box .txt-box h2 {font-size:18px}
    .best-seller .row .item-box .txt-box h3 {font-size:28px}
    .k-beauty {padding-top:0}
    .k-beauty .txt-box h3 {padding-top:150px}
    .k-beauty .txt-box {position:static; background-color:#989496; width:100%}
    .k-beauty .txt-box img {position:static; top:auto; left:auto; padding-bottom:50px; max-width:90%; margin-top:50px}
    .k-beauty .img-box {background:none}
    .k-beauty .img-box .spacer {padding-bottom:0}
    .k-beauty .img-box .mobile-img {display:block}
    .k-beauty .img-box .mobile-img img {width:100%}

    .solution-section .inner {display:block}
    .solution-section .inner .img-box {max-width:100%}
    .solution-section .inner .inner-box {width:100%}
    .solution-section .inner .inner-box .txt-box .row .col-item {padding-left:30px; padding-right:30px}
    .solution-section .inner .inner-box .txt-box .row .col-item:first-child {margin-right:auto; margin-left:auto; margin-top:100px; margin-bottom:50px}
    .solution-section .inner .inner-box .txt-box .row .col-item:first-child p br {display:none}
    .solution-section .inner .inner-box .txt-box .row .col-item:last-child {margin-top:50px; margin-left:auto; margin-bottom:100px}
    .solution-section .inner .inner-box .txt-box .row .col-item:last-child p br {display:none}

    .distribution-section {padding-top:100px}
    .medipeel-slide-section .medipeel-slide {margin:0 15px}
    .medipeel-slide-section .medipeel-slide .swiper-pagination {left:auto; right:auto; text-align:right; bottom:20px}
    .medipeel-slide-section .medipeel-slide .swiper-txt {margin-bottom:30px; width:100%}
    .medipeel-slide-section .medipeel-slide .medipeel-swiper {width:100%}
    .patent-section .unique-box .container .unique-slide .slide-item .inner {display:block}
    .patent-section .unique-box .container .unique-slide .slide-item .inner .img-box img {width:100%}
    .patent-section .unique-box .container .unique-slide {position:static}
    .patent-section .unique-box .container .unique-slide .unique-slide-wrap {width:auto}
    .patent-section .unique-box .container .unique-slide .slide-item .inner .txt-box {padding:50px 40px}
    
    /* Renewal(2024) - IR sub */
    #sub-hero.new-sub .caption-cell {max-width: 750px;}
    #sub-hero.new-sub .caption-cell h2 {font-size: 45px;}
    #container.renewal .sub-section .main-heading h2 {font-size: 38px;}
    #container.renewal .table-article-view tr:first-child td.board_desc {font-size: 22px;}
    #container.renewal .table-article-view tr:nth-child(2) td.board_desc {top:10px;}
    #container.renewal #post_area {font-size: 16px;}
}

@media (max-width: 767px) {


    .mobile-inline-block {display:inline-block !important}
    .mobile-block {display:block !important}
    .mobile-none {display:none !important}

    .main-hero-section .hero-slider .slide-item01 {background-image:url(../images/m_main_hero_img1.jpg)}
    .main-hero-section .hero-slider .slide-item02 {background-image:url(../images/m_main_hero_img2.jpg)}
    .main-hero-section .hero-slider .slide-item03 {background-image:url(../images/m_main_hero_img3.jpg)}
    .main-hero-section .hero-slider .slide-item04 {background-image:url(../images/m_main_hero_img4.jpg)}

    .medipeel-slide-section .medipeel-slide .swiper-pagination {bottom:auto; top:100px}

    .main-hero-section .hero-slider .slide-item .slide-caption {bottom: 300px}
    .main-hero-section .hero-slider .slide-item .slide-caption h2 {font-size: 38px; margin-bottom: 30px}
    .main-hero-section .hero-slider .slide-item .slide-caption p {font-size: 15px}
    .main-hero-section .slick-arrows {bottom: 150px}
    .main-hero-section .slick-dots {bottom: 160px}

    .main-section {padding-top: 60px; padding-bottom: 60px}
    .main-section .heading-row {margin-bottom: 50px}
    .main-section .heading-row .col-heading h2 {font-size: 36px}
    .main-section .heading-row .col-desc p {font-size: 16px; margin-top: 25px}

    .main-about-section .features-row .col-features {margin-bottom: 0}
    .main-about-section .features-row .col-features + .col-features {margin-top: 40px}
    .main-about-section .features-row .col-features h3 {font-size: 17px; margin: 20px 0 10px}
    .main-about-section .features-row .col-features p {font-size: 14px}

    .main-works-section .article-list tr[valign="top"] > td {width: 50%}
    .main-works-section .article-list table tr:last-child td {font-size: 12px; padding: 0 25px 30px}
    .main-works-section .article-list table .board_output_gallery_subject a {font-size: 15px;  height: 41px}
    .main-works-section .article-list table:hover tr:last-child td {transform: translateY(-20px)}

    .main-process-section .col-text .text-inner .process-num {width: 80px; height: 80px; padding: 40px 0 15px 20px; font-size: 19px}
    .main-process-section .col-text .text-inner h4 {font-size: 17px; margin: 30px 0 15px}
    .main-process-section .col-text .text-inner p {font-size: 14px}

    .main-service-section .heading-row .col-heading {margin-bottom: 50px}
    .main-service-section .service-row .col-service {margin-bottom: 0}
    .main-service-section .service-row .col-service + .col-service {margin-top: 40px}
    .main-service-section .service-row .col-service .icon i {font-size: 36px}
    .main-service-section .service-row .col-service h3 {font-size: 16px; margin: 20px 0 15px}
    .main-service-section .service-row .col-service p {font-size: 14px}

    .main-team-section .team-row .col-team {margin-bottom: 0}
    .main-team-section .team-row .col-team + .col-team {margin-top: 40px}
    .main-team-section .team-row .col-team .team-info h4 {font-size:15px}
    .main-team-section .team-row .col-team .team-info span {font-size:12px}
    .main-team-section .team-row .col-team .team-info p {font-size:13px}

    .main-latest-section .col-heading .tab-article {font-size: 0}
    .main-latest-section .col-heading .tab-article:after {display: none}
    .main-latest-section .col-heading .tab-article li {display: inline-block; margin-right: 12px}
    .main-latest-section .col-heading .tab-article li + li {margin-top: 0}
    .main-latest-section .col-heading .tab-article li a {display: inline-block; font-size: 17px; padding: 8px 18px; border: 1px solid #e5e5e5; border-radius: 30px; transition: all .3s}
    .main-latest-section .col-heading .tab-article li a:before {display: none}
    .main-latest-section .col-heading .tab-article li a span {font-size: 13px}
    .main-latest-section .col-heading .tab-article li.active a {color: #fff; padding-left: 18px; border-color: var(--point); background-color: var(--point)}
    .main-latest-section .col-heading .btn-more {display: none}
    .main-latest-section .col-articles {margin-top: 50px}

    .main-latest-section .article-list tbody tr td {padding: 24px 15px}
    .main-latest-section .article-list tbody tr td.bd_out1 a {font-size: 15px}
    .main-latest-section .article-list tbody tr td:last-child {min-width: 110px; font-size: 12px}

    .main-parallax-section {padding: 160px 0}
    .main-parallax-section .caption h2 {font-size: 38px}

    .main-partners-section .partner-slider {padding-left: 60px; padding-right: 60px}
    .main-partners-section .partner-slider .slide-item {padding-left: 5px; padding-right: 5px}
    .main-partners-section .partner-slider .slick-arrow {width: 40px; height: 40px; font-size: 24px}

    .main-contact-section {padding-top: 60px; padding-bottom: 60px}
    .main-contact-section .contact-row .col-location iframe {height: 350px}
    .main-contact-section .contact-row .col-info .info-inner {padding: 40px 30px}
    .main-contact-section .contact-row .col-info .info-inner .heading {font-size: 32px}
    .main-contact-section .contact-row .col-info .info-inner address, .main-contact-section .contact-row .col-info .info-inner .info-list li {font-size: 18px}
    .main-contact-section .contact-row .col-info .info-inner .buttons .btn-map {position: relative; display: block; width: 100%}
    .main-contact-section .contact-row .col-info .info-inner .buttons .btn-map:after {content: '\e93f'; position: absolute; right: 24px; font-family: 'xeicon'}

    .sub-section {padding-top:60px; padding-bottom:60px}
    .sub-section .main-heading {margin-bottom:40px}
    .sub-section .main-heading h2 {font-size:32px}
    .sub-section .main-heading p {font-size:15px}
    .sub-section .section-heading {text-align:center; margin-bottom:30px}
    .sub-section .section-heading h3 {font-size:20px}
    .sub-section .section-heading p {margin-top:15px; font-size:14px}
    .sub-section .bottom-btn {padding-top:45px}
    .dropdown-nav-section .container {padding-left:0; padding-right:0}
    .dropdown-nav-section .link-home {display:none}
    .dropdown-nav-section .dropdown-wrap {width:50%}
    .dropdown-nav-section .dropdown-wrap > a {height:50px; font-size:14px; line-height:50px; border-right:none}
    .dropdown-nav-section .dropdown-wrap + .dropdown-wrap > a {border-left:1px solid #e9e9e9}
    .dropdown-nav-section .dropdown-wrap > .dropdown li a {font-size:14px}

    #sub-hero {height:250px}
    #sub-hero .caption-cell {padding-top:35px}
    #sub-hero .caption-cell h2 {font-size:28px}
    #sub-hero .caption-cell p {font-size:14px}

    .about-visual-section .about-visual {padding:100px 0}
    .about-visual-section .about-visual h3 {font-size:20px}
    .about-visual-section .about-visual .col-visual {padding-top:20px; padding-bottom:20px; border-right:none}
    .about-visual-section .about-visual .col-visual:first-child {border-left:none}
    .about-visual-section .about-visual .col-visual .icon-wrap {font-size:42px}
    .about-visual-section .about-visual .col-visual h4 {font-size:17px}
    .about-visual-section .about-visual .col-visual p {font-size:13px}

    .about-summary-section .summary-heading {font-size:15px}
    .about-summary-section .summarylist dt, .about-summary-section .summarylist dd {font-size:13px}
    .about-summary-section .summarylist .list-inner {padding:15px}

    .about-team-section .col-team .team-info {padding:30px 25px}
    .about-team-section .col-team .team-info h4 {font-size:16px}
    .about-team-section .col-team .team-info span {font-size:12px}
    .about-team-section .col-team .team-info p {font-size:13px}

    .history-section .history-group .row + .row {margin-top:30px}
    .history-section .col-history {text-align:center; padding-top:20px; padding-bottom:20px; background-color:#fff}
    .history-section .col-history h4 {font-size:36px; margin-bottom:30px; padding-left:0; padding-right:0}
    .history-section .col-history h4:before {position:static; display:block; top:auto; left:auto; right:auto; width:12px; height:12px; margin:0 auto 10px; border:2px solid var(--point); border-radius:50%}
    .history-section .col-history h4:after {display:none}
    .history-section .col-history ul li {font-size:13px; color:#7a7a7a; line-height:1.65; padding-left:0; padding-right:0}
    .history-section .col-history ul li + li {margin-top:5px}
    .history-section .col-history ul li strong {position:static; top:auto; right:auto; left:auto; margin-right:10px}
    .history-section .col-history ul li p {display:inline-block}
    .history-section .col-history ul + img {margin-top:40px}

    .location-section .map-container {height:300px; margin-bottom:80px; box-shadow:30px 30px 50px -20px rgba(0,0,0,0.2)}
    .location-section .col-heading h3 {font-size:28px}
    .location-section .col-info {margin-top:40px}
    .location-section .col-info dl {padding:25px 25px 20px}
    .location-section .col-info dl dt, .location-section .col-info dl dd {font-size:14px}
    .location-section .col-info dl dt {min-width:80px}
    .location-section .col-info dl dd {margin-left:90px}

    .business-intro-section .col-circle + .col-circle {margin-top:40px}
    .business-intro-section .col-circle .circle-outer {padding-bottom:280px}
    .business-intro-section .col-circle .circle-inner {width:280px; margin-left:-140px; padding:40px 40px}
    .business-intro-section .col-circle .icon-wrap i, .business-intro-section .col-circle .icon-wrap ion-icon {font-size:56px}
    .business-intro-section .col-circle h4 {font-size:17px; margin:10px 0}
    .business-intro-section .col-circle p {font-size:13px}

    .career-section .col-circle + .col-circle {margin-top:40px}
    .career-section .col-circle .circle-outer {padding-bottom:280px}
    .career-section .col-circle .circle-inner {width:280px; margin-left:-140px; padding:40px 40px}
    .career-section .col-circle .icon-wrap i, .career-section .col-circle .icon-wrap ion-icon {font-size:56px}
    .career-section .col-circle h4 {font-size:17px; margin:10px 0}
    .career-section .col-circle p {font-size:13px}

    .business-goal-section .col-goal + .col-goal {margin-top:40px}
    .business-goal-section .col-goal .goal-box .desc-box {margin-top:-50px; margin-left:20px; margin-right:20px; padding:25px}
    .business-goal-section .col-goal .goal-box .desc-box h4 {font-size:15px}
    .business-goal-section .col-goal .goal-box .desc-box p {font-size:13px}

    .business-process-section .col-process {margin-bottom:0}
    .business-process-section .col-process + .col-process {margin-top:20px}
    .business-process-section .col-process .process-box {padding:30px}
    .business-process-section .col-process .process-box:before {top:6px; width:18px}
    .business-process-section .col-process .process-box .heading .num {font-size:32px}
    .business-process-section .col-process .process-box .heading span {display:inline-block; font-size:20px; padding-top:5px}
    .business-process-section .col-process .process-box p {font-size:14px}

    .business-field-section .col-features {margin-bottom:0}
    .business-field-section .col-features + .col-features {margin-top:20px}
    .business-field-section .col-features .feature-box {padding:35px 25px}
    .business-field-section .col-features .feature-box .icon-wrap i, .business-field-section .col-features .feature-box .icon-wrap ion-icon {font-size:52px}
    .business-field-section .col-features .feature-box h4 {margin:15px 0 10px; font-size:15px}
    .business-field-section .col-features .feature-box p {font-size:13px}

    .business-review-section .review-slider .slide-item p {font-size:17px; line-height:1.7; padding:0}
    .business-review-section .review-slider .slide-item .customer {margin-top:20px; font-size:12px}
    .business-review-section .review-slider .slick-arrow {display:none !important}
    .business-review-section .review-slider .slick-dots {padding-top:40px}

    .business-strong-section .col-num {font-size:56px}
    .business-strong-section .col-title h4 {font-size:18px; padding-top:5px}
    .business-strong-section .col-info h5 {font-size:16px}
    .business-strong-section .col-info p {font-size:13px}

    .table-photo > tbody > tr > td {float:none; width:100%; margin-bottom:30px}
    .table-photo .bbsnewf5 tr:first-child a {height:auto}

    .product-section .type-a-row .gallery_subject {padding-top:15px}
    .product-section .type-a-row .gallery_title {font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
    .product-section .type-a-row .gallery_etc {font-size:12px}

    .product-section .type-b-row .bbsnewf5 .info-inner .category {font-size:12px}
    .product-section .type-b-row .bbsnewf5 .info-inner h4 {font-size:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}

    .board-category {margin-bottom:45px}
    .board-category ul {white-space:nowrap; overflow-y:auto}
    .board-category ul li {font-size:14px}
    .board-paging {padding-top:30px}
    .board-paging b, .board-paging a {font-size:13px}
    .board-write {padding-top:30px}
    .board-search {padding-top:40px}

    .table-article-view tr td {font-size:13px}
    .table-article-view .board_bgcolor {width:20%; min-width:80px}
    .board-view-thumbnails {margin-top:40px}
    .board-view-thumbnails > table {width:100%}
    .board-view-thumbnails > table table {width:33.333334%; margin-bottom:10px}
    .board-view-thumbnails > table table img {width:100%; height:auto !important}
	.table-article-write .board_desc input[type=text], .table-article-write .board_desc input[type=password], input[type=file] {width: 98%}

    .table-board-list .thead td, .table-board-list tbody td {padding:15px 12px !important}
    .table-board-list .thead td {font-size:14px}
    .table-board-list tbody td {font-size:13px; max-width:inherit; overflow:hidden; text-overflow:ellipsis}
    .table-board-list .bbsno {width:55px}
    .table-board-list .bbsetc_dateof_write {width:105px}
    .table-board-list td[rel='이벤트시작일'], .table-board-list td[rel='이벤트종료일'], .table-board-list .bbsetc_event_period_start, .table-board-list .bbsetc_event_period_finish {display:none}

    .faq-list .faq-type {width:32px; height:32px; font-size:15px; line-height:32px}
    .faq-list .board_bgcolor {text-align:left; width:60px}
    .faq-list .board_bgcolor:before {width:32px; height:32px; font-size:15px;line-height:32px}
    .faq-list .bbsnewf5:after {font-size:16px}
    .faq-list .bbsnewf5 a {font-size:16px}
    .faq-list .answer-row .answer-container {margin-left:60px; white-space:normal}

    .qna-list td[rel='작성일자'], .qna-list .bbsetc_dateof_write {display:none}

    .login-section .bottom-links {padding-top:20px}
    .login-section .bottom-links li {font-size:13px}
    .login-section .bottom-links li + li:before {height:12px; margin:0 10px}
    .register-section .register-steps {margin-bottom:40px}
    .register-section .register-steps li {font-size:14px; border-width:2px}
    .register-section .register-steps li + li:before {font-size:14px; margin-top:-8px}
    .register-section .register-steps li span[lang="en"] {font-size:11px}
    .register-section .terms-group {margin-bottom:25px; border:1px solid #dee2e6; border-radius:6px; overflow:hidden}
    .register-section .terms-group .heading {padding:16px 20px; font-size:16px}
    .register-section .terms-group .body {padding:25px 20px}
    .register-section .terms-group .footer {padding:16px 20px}
    .register-section .register-heading {font-size:19px}
    .register-section .form-group table td {font-size:13px}
    .register-section .form-group select[name^='birthday'] + select {margin-left:4px}
    .register-section .register-message {padding:32px 25px}
    .register-section .register-message h3 {font-size:18px}
    .register-section .register-message p {font-size:14px}

    .history-section .history-group .history-box + .history-box {margin-top:50px}
    .history-section .history-group .history-box .img-box {position: static; bottom:auto; right:auto; left:auto; width:100%; margin:0 !important; padding:0 30px}
    .history-section .history-group .history-box .img-box img {display:block; width:100%}
    .history-section .history-group .history-box:last-child .img-box img {width:100%}

    .ceo-section .greeting-box02 {margin-top:80px}
    .ceo-section .row-greeting .col-item {text-align:center; margin:0 auto}
    .ceo-section .row-greeting .col-item h3 {font-size:18px; margin-top:30px}
    .ceo-section .row-greeting .col-item p {font-size:14px}
    .ceo-section .row-greeting .col-item p + p {margin-top:20px}

    .mission-section .row:last-child {margin-top:80px}
    .mission-section .row:first-child .col-item {padding-left:0 !important}
    .mission-section .row .col-item h3 {font-size:16px; margin-top:30px}
    .mission-section .row .col-item h4 {font-size:20px; margin-top:10px}

    .medifeel-section .medi-item .row .col-txt .img-box {margin-bottom:0; margin-top:20px; width:160px}
    .medifeel-section .medi-item .row .col-txt .desc h3 {font-size:18px; margin-top:20px}
    .medifeel-parallax-section .parallax-inner h3 {font-size:24px; margin-bottom:10px}

    .pr-section .row .col-item img {margin-bottom:0}
    
    .benefit-section .row .col-item {margin-bottom:40px}
    .benefit-section .row .col-item img {width:65px; margin:0 auto}
    .benefit-section .row .col-item p {font-size:14px; margin-top:5px; line-height:1.65}
    .contact-section .table tbody tr td input[name="mobile_no1"], .contact-section .table tbody tr td input[name="mobile_no2"], .contact-section .table tbody tr td input[name="mobile_no3"] {width:20%}

    .rnd-section .rnd-summary .row .col-item {padding:25px 0 10px}
    .rnd-section .rnd-summary .row .col-item:last-child {padding:0 0 25px}

    .rnd-section .rnd-bottom-box .row .col-img {margin-bottom:10px}
    .sub-section.business-process-section {padding-top:0}
    .sub-section .sub-heading h2 {font-size:20px}

    .product-section .row-patent .col-item {margin-bottom:10px}
    .product-section .row-patent .col-item .patent-box {padding:30px 20px}
    .product-section .row-patent .col-item .patent-box h3 {font-size:18px; margin-bottom:10px}
    .product-section .row-patent .col-item .patent-box p {font-size:14px}
    .rnd-section .scm-txt {padding-left:15px; padding-right:15px}
    .rnd-section .scm-txt h3 {font-size:18px}
    .rnd-section .scm-txt p {font-size:14px}

    .medipeel-section .derma-beauty-box .beauty-bg .spacer {padding-bottom:173%}
    .medipeel-section .derma-beauty-box .beauty-bg .txt-box h3 {font-size:45px}
    .medipeel-section .derma-beauty-box .beauty-bg .txt-box p {font-size:18px}
    .medipeel-section .derma-beauty-box .beauty-bg img.logo {max-width:145px; bottom:50px}

    .medipeel-section .creator-box {margin-bottom:80px}
    .medipeel-section .creator-box .row .txt-box p {font-size:16px}
    .medipeel-section .creator-box .row .col-item:first-child .txt-box {padding:0 60px 0 30px}
    .medipeel-section .creator-box .row .col-item:last-child .txt-box {padding:0 60px 0 30px}
    .medipeel-section .creator-box .row .txt-box h3 {font-size:34px}
    .medipeel-section .creator-box .row .col-item + .col-item {margin-top:30px}
    .medipeel-section .creator-box .creator-bg .mobile-img {margin-bottom:30px}

    .medipeel-section .creator-box2 .creator-bg2 {height:680px; background-position:64% 100%}
    .medipeel-section .creator-box2 .creator-bg2 .spacer {padding-bottom:auto}
    .medipeel-section .creator-box2 .creator-bg2 .txt-box h2 {font-size:22px}
    .medipeel-section .creator-box2 .creator-bg2 .txt-box h3 {font-size:38px; width:50%; margin:30px auto}
    .medipeel-section .creator-box2 .creator-bg2 .txt-box {margin-top:-100px}
    
    .prove-section .prove-title {padding:0 30px}
    .prove-section .prove-title h2 {text-align:left; font-size:20px}
    .prove-section .prove-title h2 em.bar {height:13px; margin:0 8px}
    .prove-section .prove-title h3 {text-align:left; font-size:28px}
    .prove-section .prove-title p {font-size:16px; margin-top:25px}
    .prove-section .prove-img {margin-top:30px}
    .prove-section .prove-item02 {margin-top:130px}
    .prove-section .prove-item02 .prove-img .prove-item02-bg .spacer {padding-bottom:87.25%}
    .prove-section .prove-item03 {margin-top:90px}
    .prove-section .prove-item03 .row .col-img:last-child {padding-left:30px; margin-left:-15px}
    .prove-section .prove-item03:after {font-size:55px; bottom:-90px}
    .bi-section .bi-item h2 {font-size:20px}
    .bi-section .bi-item {margin-top:70px; padding:0 30px}
    .bi-section .bi-item img {margin-top:50px}
    .bi-section .bi-item h3 {font-size:25px; margin-top:70px}
    .bi-section .bi-item h3 span {margin:0 10px}
    .bi-section .bi-item p {font-size:16px; margin-top:30px}
    
    .brand-history .title {margin-bottom:50px}
    .brand-history .title h3 {font-size:30px}
    .brand-history .title p {font-size:16px; width:52%; margin:20px auto}

    .brand-history .history-group .history-box + .history-box {padding-top:30px}
    .brand-history .history-group .history-box .txt-box p {font-size:14px}
    .brand-history .history-group .history-box .txt-box {margin-left:30px}
    .brand-history .history-group .history-box:nth-child(2) {padding-top:80px}
    .brand-history .history-group .history-box .row.gutter-xl > [class*='col'] {padding-left:0; padding-right:0}
    .brand-history .history-group .history-box .txt-box {margin-left:55px}
    .brand-history .history-group .history-box .img-box:after {width:7px; height:7px; right:-14px}
    .brand-history .history-group .history-box.history-box-right .img-box:after {left:-14px}
    .brand-history .history-group .history-box:nth-child(odd) .txt-box {margin-left:-35px}
    .brand-history .history-group .history-box:nth-child(odd) .txt-box p {width:90%}

    .best-seller .title h3 {font-size:30px}
    .best-seller .title p {font-size:16px; width:52%; margin:20px auto}
    .best-seller .container-wide2 {padding-left:30px; padding-right:30px}
    .best-seller .row.gutter-lg > [class*='col'] {padding-left:10px; padding-right:10px}
    .best-seller .row .item-box .txt-box {top:20px}
    .best-seller .row .item-box .txt-box h2 {font-size:13px}
    .best-seller .row .item-box .txt-box h3 {font-size:18px; margin-top:8px}
    
    .k-beauty {padding-top:0; padding-bottom:0}
    .k-beauty .txt-box h3 {font-size:36px; margin-top:0; padding-top:80px}
    .k-beauty .txt-box p {font-size:16px; width:70%; margin:20px auto}
    .k-beauty .txt-box img {margin-top:10px; max-width:100%}

    .about-section .txt-box {padding:80px 20px}
    .about-section .txt-box p {font-size:22px}
    .about-section .txt-box img {max-width:185px}
    .brands-section {padding-top:0}
    .medipeel-slide-section .medipeel-slider .col-item:first-child {padding-left:30px; padding-right:30px; margin-bottom:30px}
    .medipeel-slide-section .medipeel-slider .col-item p {font-size:18px}

    .about-us .inner-box img {max-width:300px}
    .about-us .inner-box h3 {font-size:28px; margin-top:40px; margin-bottom:40px}
    .about-us .inner-box p {font-size:18px}
    .about-us .inner-box p + p {margin-top:30px}
    .about-us .inner-box .row {padding-left:15px; padding-right:15px}
    .about-us .inner-box .row .col-item {border-right:0}
    .about-us .inner-box .row .col-item:nth-child(odd) {border-right:1px solid #d9d9d9}
    .about-us .inner-box .row .col-item:nth-child(1), .about-us .inner-box .row .col-item:nth-child(2) {border-bottom:1px solid #d9d9d9}
    .about-us .inner-box .row .col-item h4 {font-size:22px}
    .about-us .inner-box .row .col-item p {font-size:16px}
    .management-section {background-position: center right -100%}
    .management-section .container > h3 {font-size:44px}
    .management-section .container > h3 span {font-size:18px; width:55px; height:55px; line-height:53px; right:-25px; bottom:-8px}
    .management-section .container .col-item h3 {font-size:24px}
    .management-section .container .col-item p {font-size:18px}
    .management-section .container .col-item + .col-item {margin-top:80px}

    .strangth-section .title h3 {font-size:38px}
    .strangth-section .item-box h2 {font-size:28px}
    .strangth-section .item-box h3 {font-size:22px; margin-top:20px}
    .strangth-section .item-box p {font-size:18px}

    .csr-section .title h3 {font-size:38px}
    .csr-section .title p {font-size:22px}
    .csr-section .sharing-box {position:relative; min-height:650px}
    .csr-section .sharing-box .title {position:absolute; top:50%; left:0; right:0; margin:0 auto; padding:0; margin-top:-51px}
    .csr-section .respon-box p {font-size:18px; padding-top:65px; margin-bottom:0}
    .csr-section .respon-box:before {font-size:104px}
    .activity-section .inner p {font-size:18px}
    .activity-section .inner p + p {margin-top:30px}
    .activity-section .inner {margin-top:30px}
    .skin-idea-logo .img-box:before {height:100px; top:-80px}
    .skin-idea-logo .img-box {padding-top:80px; padding-bottom:80px}
    .skin-idea-logo .img-box img {max-width:300px}

    .rnd-section .inner h3 {font-size:38px}
    .rnd-section .inner p {font-size:18px}
    .patent-section .iso-box h3 {font-size:28px}
    .patent-section .unique-box .title h3 {font-size:28px}
    .patent-section .unique-box .title {margin-bottom:30px}
    .patent-section .unique-box .title h3 {margin-bottom:20px}
    .patent-section .unique-box .container .unique-slide {top:70px}
    .premium-section .skin-care {background-image: url(../images/m_skin_care_bg.jpg)}
    .premium-section .skin-care .title {padding:390px 0}
    .premium-section .skin-care .title h3 {font-size:45px}
    .premium-section .skin-care .title p {font-size:18px}
    .premium-section .clr-box {background-image: url(../images/m_clr_box_bg.png); position: relative; padding-bottom:118%; margin-top:100px}
    .premium-section .clr-box .inner {position: absolute; top:0; left:0; right:0; padding:inherit; text-align: center}
    .premium-section .clr-box .inner .row .col-item p {font-size:24px}

    .premium-section .derma-maison {min-height:1300px}
    .premium-section .derma-maison .inner {padding:150px 0}
    .premium-section .derma-maison .derma-img01 {left:0; width:40%; top:520px}
    .premium-section .derma-maison .derma-img02 {left:auto; right:60px; width:44%}
    .premium-section .derma-maison .derma-img03 {right:0; width:40%; top:330px}

    .solution-section .col-title {padding-left:30px; padding-right:30px}
    .solution-section .col-title h2 {text-align:left; font-size:20px}
    .solution-section .col-title h2 em.bar {height:13px; margin:0 8px}
    .solution-section .col-title h3 {text-align:left; font-size:28px}
    .solution-section .col-title p {font-size:16px; margin-top:25px}

    
    .solution-section .item-box02 {margin-top:100px}
    .solution-section .item-box02 .container {margin-top:50px}
    .solution-section .item-box02 .peeling-img {background-image: url(../images/m_solution02_img.jpg)}
    .solution-section .item-box02 .peeling-img .spacer {padding-bottom:80%}
    .solution-section .item-box02 .container .peeling-txt {display:block}
    .solution-section .item-box02 .container .peeling-txt .txt-box {width:100%}
    .solution-section .item-box02 .container .peeling-txt .txt-box h3 {font-size:28px}
    .solution-section .item-box02 .container .peeling-txt .txt-box h4 {font-size:20px}
    .solution-section .item-box02 .container .peeling-txt .txt-box p {margin-top:20px}
    .solution-section .item-box02 .container .peeling-txt .txt-box p br {display:none}
    .solution-section .item-box02 .container .peeling-txt hr.bar {width:100%; height:1px; margin:50px auto !important}

    .bi-derma-section .inner {padding-left:30px; padding-right:30px}
    .bi-derma-section .inner h2 {font-size:20px}
    .bi-derma-section .inner img {max-width:450px}
    .bi-derma-section .inner h3 {font-size:25px; margin-top:50px}
    .bi-derma-section .inner p {font-size:16px; margin-top:30px}

    .medipeel-slide-section .medipeel-slide .col-item h3 {font-size:28px; margin-bottom:25px}
    .medipeel-slide-section .medipeel-slide .col-item p {font-size:16px}
    
    /* Renewal(2024) - IR sub */
    #sub-hero.new-sub {height: 300px;}
    #sub-hero.hero-10 .hero-bg {background-image: url(../img/sub-hero-m.jpg);}
    #sub-hero.new-sub .caption-cell {padding: 0 3px;}
    #sub-hero.new-sub .caption-cell h2 {font-size: 26px;}
    #sub-hero.new-sub .caption-cell p {font-size: 13px;margin-top: 8px;}
    #sub-hero.new-sub .caption-cell p.desc-pc {display: none;}
    #sub-hero.new-sub .caption-cell p.desc-mb {display: block;}
    #container.renewal .sub-section .main-heading h2{font-size: 24px;}
    #container.renewal .dropdown-nav-section .dropdown-wrap > a {font-size: 14px;height: 50px;line-height: 50px;}
    .fc-section .fc-table-wrap {width: 100%;overflow-x: auto;}
    .fc-section .fc-row {align-items: end;}
    .fc-section .fc-table .fc-thead .fc-td {font-size: 14px;font-weight: 400;}
    .fc-section .fc-table .fc-td {height: 60px;font-size: 13px;}
    .fc-section .fc-table .fc-td:first-child {width: 100px;position: sticky;left: 0;background:#fff;padding: 0 12px;}
    .fc-section .fc-table .gray .fc-td:first-child {background: #f5f5f5;}
    .fc-section .fc-data {margin-top: 40px;margin-bottom: 25px;}
    .fc-section h3.fc-title {font-size: 18px;}
    .fc-section .fc-head-left h3.fc-title {margin-bottom: 16px;}
    .fc-section p.unit.bottom {position: static;}
    .fc-section ul.fc-nav {font-size: 18px;}
    .fc-section ul.fc-nav li a {padding: 0 4vw;}
    .fc-section ul.fc-nav li a::after {height: 16px;top:calc(50% - 8px);background: #ccc;}
    html[lang=en] .fc-section ul.fc-nav li a::after {height: 30px;top:calc(50% - 15px);}
    .fc-section .fc-head-left {display: block;width: 100%;}
    .fc-section .fc-head-left h3.fc-title + .dropdown {float: left;}
    .fc-data .dropdown.line-none {position: relative;margin-bottom: 25px;}
    .fc-data .dropdown.line-none .btn {padding: 11px 12px;border: 1px solid #ddd;width: 100%;text-align: left;font-size: 14px;display: flex;justify-content: space-between;}
    .dropdown.line-none .dropdown-menu {min-width: 100%}
    .fc-section .fc-graph {flex-direction: column;gap: 40px;}
    .fc-section .fc-graph .graph-box {max-width: 100%;height: 250px;}
    #container.renewal .dropdown-nav-section .dropdown-wrap > .dropdown li a {font-size: 14px;}
    #container.renewal .dropdown.under-line {width: 100%;}
    #container.renewal table#search_table {width: 100%;}
    #container.renewal table#search_table td {padding: 0 !important;}
    #container.renewal table#search_table td.est_cate_cell {padding-right: 15px !important;}
    #container.renewal .dropdown.under-line .btn {width: 100%;padding-left: 3px;padding-right: 0;min-width: 85px;font-size: 14px;}
    #container.renewal #search_display1 input.keywordform {width: 100%;font-size: 14px !important;}
    #container.renewal #ext_search {margin-bottom: 60px;}
    #container.renewal .board-search {padding: 0;}
    #container.renewal .contact-section .table tbody .thead td font {font-size: 14px !important;}
    #container.renewal .contact-section .table tbody tr td.bbsnewf5 a {font-size: 13px !important;}
    #container.renewal .contact-section .table tbody tr td.bbsno {font-size: 12px !important;}
    #container.renewal .contact-section .table tbody tr td.bbsetc_dateof_write {font-size: 12px !important;}
    #container.renewal .table-board-list .thead td, #container.renewal .table-board-list tbody td {padding: 14px 15px !important}
    #container.renewal .table-board-list tbody td {font-size: 13px;height: 70px;}
    #container.renewal .table-board-list tbody td.bbsnewf5 {font-size: 13px;}
    #container.renewal .table-board-list tbody tr.thead td {font-size: 14px;}
    
    #container.renewal .board-paging b {font-size: 13px;width: 20px;margin: 0 2px;}
    #container.renewal .board-paging a {font-size: 13px;margin: 0 2px;}
    #container.renewal span.page-arrow {width: 33px;height: 33px;font-size: 16px;}
    #container.renewal .table-article-view tr:first-child td.board_desc {font-size: 20px;padding-bottom: 7px;border-bottom: 0;padding-left: 10px;}
    #container.renewal .table-article-view tr:nth-child(2) td.board_desc {position: static;padding: 0 21px 20px 10px;font-size: 13px;border-bottom: 1px solid #e9e9e9;}
    #container.renewal #post_area {font-size: 14px;padding: 34px 10px !important;}
    #container.renewal .table-article-view tr:last-child {display: flex;flex-direction: column;padding: 20px 10px;}
    #container.renewal .table-article-view tr:last-child td {padding: 0;border: none;width: 100%;text-align: left;font-size: 13px;}
    #container.renewal .table-article-view tr:last-child td:first-child {padding: 0 0 7px 0;}
    #container.renewal .table-article-view a.download-link {text-decoration: underline;}
    #container.renewal .table-article-view tr:last-child {border-bottom: 1px solid #e9e9e9;padding-bottom: 10px;padding-top: 15px;}
    #container.renewal .board-view-buttons .btn {font-size: 14px;}

    .fc-section .fc-table .fc-inner-tr .fc-td:first-child {text-indent:5px}
}

@media (max-width: 540px) {

    .brands-section .col-item > a .logo-img img {max-width:200px}
    .brands-section .col-item > a .inner .logo-img {margin-top:-16px}
    .brands-section .col-item:last-child > a .inner .logo-img {margin-top:-20px}

    .sub-section .main-heading h2 {font-size:28px}
    .sub-section .main-heading p {font-size:14px}
    .sub-section .main-heading p br {display:none}
    .derma-parallax-section {background-position: center right;}
    .rnd-img-section .row .col-item p br {display:none}
    .product-section .main-heading h2 {font-size:24px; margin-bottom:10px}
    .product-section .main-heading p {margin-top:0}
    #sub-hero.hero-02 .hero-bg {background-position: center right}
    .pr-section .row .col-item {margin-bottom:30px}
    .pr-section .row .col-item b {margin-bottom:0}
    .pr-section .row .col-item p {font-size:14px}
    .contact-section .table tbody tr td textarea {font-size:13px !important}
    .contact-section .table tbody tr:nth-child(7) td:first-child {display:block; width:100%}
    #captcha {width: 100px; max-width: inherit}
    .mission-section .row .col-item p br {display:none}

    .main-video-section .video-box .pagination-box {transform: translateX(-10%); bottom:20px}
    .main-video-section .video-box .pagination-box .progressbar-wrap {width:150px}

    .about-section .txt-box p {font-size:18px}

    .about-us .inner-box img {max-width:190px}
    .about-us .inner-box h3 {font-size:24px}
    .about-us .inner-box p {font-size:16px}
    .about-us .inner-box .row {margin-top:50px}
    .about-us .inner-box .row .col-item .icon-wrap i {font-size:28px}
    .about-us .inner-box .row .col-item h4 {font-size:20px}
    .about-us .inner-box .row .col-item p {font-size:14px}

    .management-section {background-size:100%; background-position:250px 63%}
    .management-section .container > h3 {font-size:34px; margin-bottom:50px}
    .management-section .container > h3 span {font-size:15px; width:45px; height:45px; line-height:43px; right:-20px}
    .management-section .container .col-item + .col-item {margin-top:40px}
    .management-section .container .col-item p {font-size:16px}
    .management-section .container .col-item h3 {display:inline-block; width:70%}

    .strangth-section .title h3 {font-size:28px; margin-top:50px; margin-bottom:50px}
    .strangth-section .item-box h2 {font-size:24px}
    .strangth-section .item-box p {font-size:16px}
    .strangth-section .item-box .item-title {padding-left:15px; padding-right:15px}
    .strangth-section .item-box02 .inner {margin-top:30px}
    .strangth-section .item-box + .item-box {margin-top:80px}
    .strangth-section .item-box04 .img-box {width:100%}
    .strangth-section .item-box04 .img-box02 {margin-left:0; margin-top:10px}
    .strangth-section .item-box04 .img-box01 .spacer {padding-bottom:122%}
    .strangth-section .item-box04 .img-box02 .spacer {padding-bottom:104%}
    

    .csr-section .sharing-box {min-height:670px; background-image: url(../images/m_csr_bg.jpg)}
    .csr-section .sharing-box .title {margin-top:auto; padding-left:15px; padding-right:15px; top:90px}
    .csr-section .title h3 {font-size:40px}
    .csr-section .title p {font-size:16px; margin-top:20px}
    .csr-section .respon-box:before {font-size:54px; text-align: center; top:25px}
    .csr-section .respon-box p {font-size:16px}
    .activity-section .inner p {font-size:16px}
    .skin-idea-logo .img-box img {max-width:185px}
    .rnd-section .inner h3 {font-size:28px}
    .rnd-section .inner p {font-size:16px; margin-top:30px}
    .patent-section .iso-box h3 {font-size:24px; margin-bottom:20px}
    
    .patent-section .unique-box {margin-top:50px}
    .patent-section .unique-box .title h3 {font-size:24px}
    .patent-section .unique-box .container .unique-slide .slide-item .inner {display:block}
    .patent-section .unique-box .container .unique-slide .slide-item .inner .img-box {width:100%}
    .patent-section .unique-box .container .unique-slide .slide-item .inner .txt-box {padding:40px 40px}
    .patent-section .unique-box .container .unique-slide .slide-item .inner .txt-box h3 {font-size:18px}
    .patent-section .unique-box .container .unique-slide .slide-item .inner .txt-box p {font-size:14px}
    .distribution-section {padding-top:80px}
    .distribution-section .title {padding-left:15px; padding-right:15px; margin-bottom:30px}
    .distribution-section .title h3 {font-size:24px; margin-bottom:20px}
    .distribution-section .title p {font-size:16px}
    .distribution-section .img-wrap {display:block}
    .distribution-section .img-wrap .distri-img01 {padding-left:15px; padding-right:15px}
    .distribution-section .img-wrap .distri-img02 {padding-left:15px; padding-right:15px; margin-right:0; margin-top:15px}

    .premium-section .clr-box {margin-top:150px}
    .premium-section .clr-box .inner {margin-top:-100px}
    .premium-section .clr-box .inner .row .col-item p {font-size:14px}
    .bi-derma-section .inner img {max-width:300px; margin-top:50px}
    

    .premium-section .skin-care .title {padding:230px 0}
    .premium-section .skin-care .title p {margin-top:20px}
    .premium-section .derma-maison {min-height:650px}
    .premium-section .derma-maison .inner {padding:75px 0}
    .premium-section .derma-maison .inner h3 {font-size:28px}
    .premium-section .derma-maison .inner p {font-size:16px}
    .premium-section .derma-maison .derma-img01 {left:0; width:44%; top:280px}
    .premium-section .derma-maison .derma-img02 {left:auto; right:30px; width:44%; bottom:40px}
    .premium-section .derma-maison .derma-img03 {right:0; width:45%; top:180px}

    
    /* Renewal(2024) - IR sub */
    .fc-section .fc-graph .graph-box {height: 210px;}    

}