/*
    NOTE: all language not english
 */
html * {
    font-family: 'Noto Sans KR', sans-serif;
}

/* -------------------------- main */
/* main - visual */
.main-visual .main-visual__slick__item {
    min-height: 280px;
    background-position: left 55px !important;
}

@media screen and (max-width: 767px) {
    .main-visual .main-visual__slick__item {
        background-size: 100% !important;
    }
}

@media screen and (min-width: 768px) {
    .main-visual .main-visual__slick__item {
        text-align: left;
        background-position: left 80px !important;
    }
}

/*
@media screen and (min-width: 992px) {
    .main-visual .main-visual__slick__item:nth-child(3) {
        background-position: left 84px !important;
    }
} */
/* main - product */
.main-section__product .fp-tableCell {
    padding: 5% 7%;
    background-color: #fff;
}

body#page-main .main-section__product-top,
body#page-main .main-section__product-bottom {
    max-width: 100%;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    margin-left: 0;
    margin-right: 0;
}

/*
.main-section__product .row {
    align-items: center;
    -ms-flex-align: center;
} */
.main-section__product .row>[class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

.main-section__product__hgroup {
    padding-top: 1rem;
    margin-bottom: .5rem;
    line-height: 1.25;
    text-align: left;
}

.main-section__product__hgroup:after {
    content: '';
    display: block;
    clear: both;
}

.main-section__product__hgroup .tit {
    display: inline-block;
    font-size: 1.875rem;
    line-height: 1.25;
}

@media screen and (min-width:768px) {
    .main-section__product__hgroup .tit {
        font-size: 2.1875rem;
    }
}

.main-section__product__hgroup .tit+.product-more-btn {
    display: inline-block;
    margin-left: auto;
    /* float: right; */
}

.main-section__product__hgroup .tit+.product-more-btn:hover {
    text-shadow: 0 0 5px rgba(255, 122, 151, 0.5);
}

.product-more-btn {
    padding-left: 1.5rem;
    background-image: url('/html/_skin/seil/img/common/ico_btn_right_radio.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    font-size: .875rem;
    font-family: 'Titillium', sans-serif !important;
    color: #000;
}

@media screen and (min-width:768px) {
    .product-more-btn {
        padding-left: 2rem;
        font-size: 1.375rem;
    }
}

/* top */
body#page-main .main-section__product-top {
    align-items: center;
    -ms-flex-align: center;
    height: 60%;
}

body#page-main .main-section__product-top__inner.row {
    align-items: center;
    -ms-align-items: center;
    max-width: 100%;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    margin-left: 0;
    margin-right: 0;
}

@media screen and (min-width:768px) {
    body#page-main .main-section__product-top__inner>[class^="col-"] {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

body#page-main .main-section__product-top .product-slider-col .main-section__product__hgroup {
    display: flex;
    -ms-display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: center;
    -ms-flex-align: center !important;
    padding-bottom: .5rem;
    border-bottom: 2px solid #000;
}

body#page-main .main-section__product-top .product-slider-col .slick-view-wrap {
    position: relative;
    margin-top: 4%;
}

body#page-main .main-section__product-top .product-slider-col .slick {
    margin-bottom: 4%;
    padding: 30px;
}

@media screen and (min-width:1201px) {
    body#page-main .main-section__product-top .product-slider-col .slick {
        margin-bottom: 0;
    }
}

.main-section__product--v2__item {
    padding-left: 10px;
    padding-right: 10px;
}

.main-section__product--v2__item:hover {
    cursor: pointer;
}

.main-section__product--v2__item .img-wrap {
    display: inline-block;
    width: 100%;
}

/* slick dots */
.main-visual__slick .slick-dots {
    bottom: 20px;
}

.main-visual__slick .slick-dots li,
.main-visual__slick .slick-dots li button {
    width: 10px;
    height: 10px;
}

.main-visual__slick .slick-dots li button:before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #E8E8E8;
    border-radius: 100%;
    opacity: 1;
}

.main-visual__slick .slick-dots li.slick-active button:before {
    opacity: 1;
    background-color: #ff7a97;
}

@media screen and (min-width:768px) {
    .main-visual__slick .slick-dots {
        bottom: 50px;
    }

    .main-visual__slick .slick-dots li,
    .main-visual__slick .slick-dots li button {
        width: 23px;
        height: 23px;
    }

    .main-visual__slick .slick-dots li button:before {
        width: 23px;
        height: 23px;
    }
}

/* slick arrow */
.main-visual__slick .slick-prev,
.main-visual__slick .slick-next {
    width: 14px;
    height: 27px;
    z-index: 100;
}

.main-visual__slick .slick-prev {
    left: 0px;
}

.main-visual__slick .slick-next {
    right: 0px;
}

@media screen and (min-width:768px) {

    .main-section__product__slick--v2 .slick-prev,
    .main-section__product__slick--v2 .slick-next {
        width: 28px;
        height: 54px;
    }
}

.main-section__product__slick--v2 .slick-prev:before,
.main-section__product__slick--v2 .slick-next:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    color: #000;
}

.main-section__product__slick--v2 .slick-prev:before {
    background-image: url('/html/_skin/seil/img/common/ico_arrow_prev_pink.png')
}

.main-section__product__slick--v2 .slick-next:before {
    background-image: url('/html/_skin/seil/img/common/ico_arrow_next_pink.png')
}

.main-product-view-with-eyes {
    display: none;
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 263px;
}

.main-product-view-with-eyes__item {
    display: flex;
    -ms-display: flex;
    align-items: center;
    -ms-flex-align: center;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    /* padding-top: 9%;
    padding-right: 7%;
    padding-left: 6%; */
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    transition: all, .3s;
    cursor: pointer;
}

.main-product-view-with-eyes__item>.img-wrap {
    display: inline-block;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

.main-product-view-with-eyes__item>.img-wrap>img {
    max-height: 100%;
    background: #fff;
}

/* bottom */
body#page-main .main-section__product-bottom {
    height: 40%;
}

body#page-main .main-section__product-bottom__left,
body#page-main .main-section__product-bottom__right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /* height: 100%; */
}

body#page-main .main-section__product-bottom .main-section__product__box-banner {
    width: 100%;
    height: 100%;
    padding: 2rem;
    text-align: left;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: calc(100% + 20px) bottom;
}

@media screen and (min-width:992px) {
    body#page-main .main-section__product-bottom .main-section__product__box-banner {
        padding: 2.5rem 3.25rem;
    }
}

body#page-main .main-section__product-bottom__left .main-section__product__box-banner {
    background-image: url(/html/_skin/seil/img/main/ko_bg_main_product_bottom_left.jpg);
    background-color: #a0c9e8;
}

body#page-main .main-section__product-bottom__right .main-section__product__box-banner {
    background-image: url(/html/_skin/seil/img/main/ko_bg_main_product_bottom_right.jpg);
    background-color: #f8d1e3;
}

@media screen and (min-width:768px) {
    body#page-main .main-section__product-bottom__left {
        background-position: right bottom;
    }
}

body#page-main .main-section__product__box-banner-inner {
    max-width: 60%;
}

body#page-main .main-section__product__box-banner-hgroup .tit>* {
    display: block;
    line-height: 1.25;
}

body#page-main .main-section__product__box-banner-hgroup .tit__category {
    color: #fff;
    font-size: 1rem;
}

body#page-main .main-section__product__box-banner-hgroup .tit__name {
    font-size: 1.875rem;
    color: #000;
    font-weight: 700;
}

body#page-main .main-section__product__box-banner-detail {
    margin-top: .5rem;
    margin-bottom: 1.5rem;
    font-size: .875rem;
    line-height: 1.25;
    word-break: keep-all;
}

@media screen and (min-width:768px) {
    body#page-main .main-section__product__box-banner-hgroup .tit__category {
        font-size: 1.5rem;
    }

    body#page-main .main-section__product__box-banner-hgroup .tit__name {
        font-size: 2.5rem;
    }

    body#page-main .main-section__product__box-banner-detail {
        margin-top: 1rem;
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: -2px;
    }
}

@media screen and (min-width:992px) {
    body#page-main .main-section__product__box-banner-hgroup .tit__category {
        font-size: 1.75rem;
    }

    body#page-main .main-section__product__box-banner-hgroup .tit__name {
        font-size: 2.875rem;
    }

    body#page-main .main-section__product__box-banner-detail {
        font-size: 1.125rem;
    }
}

@media screen and (min-width:1201px) {
    body#page-main .main-section__product__box-banner-detail {
        height: 60px;
    }
}

@media screen and (min-width:1441px) {
    body#page-main .main-section__product__box-banner-hgroup .tit__category {
        font-size: 2.1875rem;
    }

    body#page-main .main-section__product__box-banner-hgroup .tit__name {
        font-size: 3.125rem;
    }

    body#page-main .main-section__product__box-banner-detail {
        font-size: 1.375rem;
    }
}

/* main-banner__slick__item */
body#page-main .main-banner__slick {
    text-align: left;
}

/* for banner module */
body#page-main .main-banner__slick__item img {
    height: auto !important;
}

/* for banner module end */
/* for banner section by code */
body#page-main .main-banner__slick__item {
    margin-bottom: 2rem;
    padding: 2rem 2rem 1.5rem;
    background-image: url('/html/_skin/seil/img/main/bg_main_review_banner.png');
    background-color: #d5dcec;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 100% 100%;
    border-radius: 30px;
}

@media screen and (min-width:992px) {
    body#page-main .main-banner__slick__item {
        padding-top: 3.125rem;
        padding-bottom: 2rem;
    }
}

@media screen and (min-width:1201px) {
    body#page-main .main-banner__slick__item {
        margin-bottom: 0;
        padding-right: 3.125rem;
        padding-left: 3.125rem;
        border-radius: 45px;
    }
}

@media screen and (min-width:1441px) {
    body#page-main .main-banner__slick__item {
        height: 330px;
    }
}

body#page-main .main-banner__slick__item-hgroup .tit>* {
    display: block;
    line-height: 1.25;
}

body#page-main .main-banner__slick__item-hgroup .tit__category {
    color: #fff;
    font-size: 1rem;
}

body#page-main .main-banner__slick__item-hgroup .tit__name {
    margin-top: .5rem;
    font-size: 1.875rem;
    color: #000;
    font-weight: 700;
    word-break: keep-all;
}

body#page-main .main-banner__slick__item-detail {
    margin-top: .5rem;
    margin-bottom: 2rem;
    font-size: .875rem;
    line-height: 1.25;
    word-break: keep-all;
}

@media screen and (min-width:768px) {
    body#page-main .main-banner__slick__item-hgroup .tit__category {
        font-size: 1.5rem;
    }

    body#page-main .main-banner__slick__item-hgroup .tit__name {
        font-size: 2.5rem;
    }

    body#page-main .main-banner__slick__item-detail {
        margin-top: 1rem;
        font-size: 1rem;
        line-height: 1.5;
        letter-spacing: -2px;
    }
}

@media screen and (min-width:992px) {
    body#page-main .main-banner__slick__item-hgroup .tit__category {
        font-size: 1.75rem;
    }

    body#page-main .main-banner__slick__item-hgroup .tit__name {
        font-size: 2.875rem;
    }

    body#page-main .main-banner__slick__item-detail {
        font-size: 1.125rem;
    }
}

@media screen and (min-width:1441px) {
    body#page-main .main-banner__slick__item-hgroup .tit__category {
        font-size: 2rem;
    }

    body#page-main .main-banner__slick__item-hgroup .tit__name {
        font-size: 2.6rem;
    }

    body#page-main .main-banner__slick__item-detail {
        font-size: 1.3125rem;
    }
}

.main-banner__slick__item-link>a {
    display: block;
    padding: 10px 20px;
    margin-top: 16px;
    background-color: #fff;
    border-radius: 13px;
    color: #666e82;
    font-size: .875rem;
}


@media screen and (min-width:576px) {
    .main-banner__slick__item-link>a {
        display: inline-block;
        margin-top: 0;
        margin-left: 16px;
    }
}

@media screen and (min-width:992px) {
    .main-banner__slick__item-link>a {
        font-size: 1rem;
    }
}

@media screen and (min-width:1441px) {
    .main-banner__slick__item-link>a {
        font-size: 1.3rem;
    }
}

.main-banner__slick__item-link>a:first-child {
    margin-left: 0;
}

.main-banner__slick__item-link>a.daily {
    /* color: #a0a4b0; */
}

.main-banner__slick__item-link>a:hover {
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .1);
}

/* for banner section by code end */
/* main technolgy */
.main-section__technology__card .card-item-caption {
    font-family: 'Noto Sans CJK KR', sans-serif;
}

/* main-product */
.main-section-product-detail .txt {
    word-break: keep-all;
}

@media screen and (min-width: 1201px) {
    .main-section-product-detail .txt {
        padding-right: 9rem;
    }
}

/* KOREAN */
/* -------------------------- sub */
/*
    ceo greeting
*/
.ceo-intro-row .col-txt__tit {
    line-height: 1.25;
}

/*
    history
*/
.MODULE-history__title {
    line-height: 1.25;
}

/*
    Uality Management System
*/
.uality-method-text .article-tit {
    margin-bottom: 1.5rem;
}

@media screen and (min-width:768px) {
    .uality-method-text .article-tit {
        margin-bottom: 2.25rem;
    }
}

.uality-method-text .ul-disc {
    margin-left: 20px;
}

.uality-management-curve-row .border-all-box {
    padding: 2rem;
}

/*
    Uality Management System > gradi-box-explain-bl
*/
.uality-management-curve-row>.row {
    align-items: center;
}

@media screen and (min-width:1101px) {
    .uality-management-curve-row>.row {
        align-items: flex-start;
    }
}

.uality-management-curve-row>.row>[class*="col-"] {
    margin-bottom: 2rem;
}

.uality-management-curve-row>.row>[class*="col-"]:last-child {
    margin-bottom: 0;
}

@media screen and (min-width: 1101px) {
    .uality-management-curve-row>.row>[class*="col-"] {
        margin-bottom: 0;
    }
}

.uality-management-curve-row .gradi-box-explain-row .gradi-box-explain-txt-wrap {
    font-weight: 400;
    letter-spacing: -1px;
}

.uality-management-curve-row .gradi-box-explain-row .gradi-box-explain-txt-wrap .d-flex {
    padding: 1rem;
}

@media screen and (min-width: 1101px) {
    .uality-management-curve-row .gradi-box-explain-row .gradi-box-explain-txt-wrap {
        width: 44%;
    }

    .uality-management-curve-row .gradi-box-explain-row--right .gradi-box-explain-txt-wrap {
        width: 60%;
    }
}

@media screen and (min-width:1201px) {
    .uality-management-curve-row .gradi-box-explain-row {
        position: relative;
    }

    .uality-management-curve-row .gradi-box-explain-row--right .gradi-box-explain-txt-wrap {
        position: absolute;
        left: 0;
        bottom: -70px;
        min-height: 100px;
    }
}

/*
    product > etc
*/
.page-sub-etc-lens {
    background-position: center bottom;
}

.product-etc-certificate {
    float: left;
}

.product-etc-certificate>img {
    border: 1px solid #d4d4d4;
}

.product-etc-certificate>* {
    display: inline-block;
    vertical-align: bottom;
}

.product-etc-certificate>figcaption {
    margin-left: 1rem;
}

@media screen and (min-width:1201px) {
    .product-etc-certi-zigzag-row-wrap {
        position: relative;
        height: 1180px;
    }

    .product-etc-certi-zigzag-row-wrap>.article-row {
        position: absolute;
    }

    .product-etc-certi-zigzag-row-wrap>.product-etc-certificate-row {
        top: 0;
    }

    .product-etc-certi-zigzag-row-wrap>.product-etc-zigzag-row {
        width: 100%;
        bottom: 0;
    }

    .zigzag-box {
        height: 800px;
        padding: 0;
        margin-top: -14.5%;
    }

    .zigzag-box__left {}

    .zigzag-box__right {
        top: 100px;
        width: 37%;
    }
}

.zigzag-box__right__txt-wrap {
    min-height: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

/*-----------------------------------------------*/
/* NOTE: MODULE - product
/*-----------------------------------------------*/
.MODULE-product__category-tit.ko {
    display: block;
}

/*-----------------------------------------------*/
/* NOTE: other page
/*-----------------------------------------------*/
/* common */
.gradi-box-explain-row .gradi-box-explain-txt-wrap p,
.uality-management-row .txt-wrap p {
    word-break: keep-all;
}