@charset "utf-8";

.custom-main-bottomcon-wrap {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 60px;
    display:none;
}

.custom-main-bottomcon-wrap:after {
    content: "";
    display: block;
    clear: both;
}

.main-link {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.main-link:first-child {
    padding-right: 10px;
}

.main-link:first-child + .custom-main-findermirror {
    padding-left: 10px;
}

.sns-feed {
    float: left;
    width: 100%;
}


.tablet .custom-main-bottomcon-wrap {
    padding: 0 30px 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tablet .main-link {
    width: 40%;
    margin: 0 5%;
}

.tablet .main-link:first-child + .custom-main-findermirror {
    padding-left: 0;
}

.tablet .sns-feed {
    width: 40%;
    margin: 0 5% !important;
}

.webM .custom-main-bottomcon-wrap {
    padding-bottom: 140px;
}

.webM .main-link {
    width: 40%;
    margin: 0 5%;
}

.webM .sns-feed {
    width: 40%;
    margin: 0 5%;
}

/*.webL .main-link {padding-right:80px !important;}*/
@charset "utf-8";

.custom-main-findermirror-wrap {
    background-size: 65px 65px;
    background-image: url('/sg/en/resource/img/main/finder-mirror/contents-linebg.gif');
    background-position: right top;
    background-repeat: no-repeat;
}

.custom-main-findermirror-con {
    display: block;
    height: 205px;
    position: relative;
}

.custom-main-findermirror-con .opt-main-contit {
    line-height: 30px;
    padding-top: 15px;
    padding-right: 85px;
}

.custom-main-findermirror-contxt {
    display: none;
}

.custom-main-findermirror-img {
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.custom-main-findermirror-img img {
    height: 130px;
}

.tablet .custom-main-findermirror-wrap {
    background-size: 77px 77px;
}

.tablet .custom-main-findermirror-con {
    height: 230px;
}

.tablet .custom-main-findermirror-img img {
    height: 130px;
}

.webM .custom-main-findermirror-wrap {
    background-size: 120px 120px;
}

.webM .custom-main-findermirror-con {
    height: 330px;
}

.webM .custom-main-findermirror-con .opt-main-contit {
    padding-top: 25px;
}

.webM .custom-main-findermirror-contxt {
    display: block;
    font-size: 14px;
    padding-top: 20px;
}

.webM .custom-main-findermirror-img img {
    height: 210px;
}


.webL .custom-main-findermirror-con {
    height: 330px;
}

.webL .custom-main-findermirror-img img {
    height: 257px;
}

@charset "utf-8";

.sns-feed {
    margin-top: 55px;
}

.custom-main-facebook-wrap {
    padding-top: 20px;
    padding-bottom: 42px;
    position: relative;
    background: #3b5998 url('/sg/en/resource/img/main/facebook/facebook-boxbg.png') no-repeat right top;
}

.custom-main-facebook-wrap .opt-main-contit {
    color: #fff;
    padding-left: 20px;
}

.custom-main-facebook-wrap .slider-pagerbox {
    bottom: 10px;
}

.custom-main-facebook-label {
    position: absolute;
    right: 30px;
    top: 0;
}

.custom-main-facebook-label img {
    width: 50px;
}

.facebook-slider {
    padding-left: 20px;
    padding-top: 15px;
}

.facebook-slider .UIindicator {
    display: inline-block;
}

.facebook-slider-wrap {
    width: 100%;
    overflow: hidden;
}

.facebook-slider-item-wrap {
    display: table;
    font-size: 0;
    width: 100%;
}

.facebook-slider-item {
    position: relative;
    display: inline-block;
    width: 100%; /*padding-right:30px;*/
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.facebook-slider-item a {
    background: #fff;
    display: block;
    margin-right: 10px;
}

.custom-main-facebook-wrap .UIslider-item .UIslider-con {
    position: relative;
}

.facebook-slider-itemimg {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 122px;
    height: 122px;
}

.facebook-slider-itemtxt {
    font-size: 12px;
    padding: 20px 20px 20px 20px;
    color: #3b5998;
    position: relative;
    height: 122px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.facebook-slider-itemtxt-des {
    height: 55px;
    line-height: 18px;
}

.facebook-slider-itemtxt-bot {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.facebook-slider-itemtxt-bot .like {
    padding-left: 20px;
    display: inline-block;
    background-size: 13px;
    background-image: url('/sg/en/resource/img/main/facebook/facebook-like.gif');
    background-repeat: no-repeat;
    background-position: left top;
}

.facebook-slider-itemtxt-bot .like:after {
    content: "l";
    color: #dddddd;
    padding-left: 10px;
    padding-right: 7px;
}

.facebook-slider-item.facebook-slider-noimg .facebook-slider-itemtxt {
    padding: 20px;
}

.facebook-slider-item.facebook-slider-noimg .facebook-slider-itemtxt-bot {
    left: 20px;
}


.custom-main-facebook-wrap .slider-pagerbox button {
    width: 24px;
}

.custom-main-facebook-wrap .slider-pagerbox button > img {
    width: 100%;
}

.custom-main-facebook-wrap .slider-controller button {
    width: 9px;
}

.custom-main-facebook-wrap .slider-pagerbox button > img {
    width: 100%;
}


.tablet .sns-feed {
    margin: 0;
}

.tablet .facebook-slider-itemtxt {
    padding-left: 142px;
}

.tablet .facebook-slider-itemimg {
    display: block;
}

.tablet .facebook-slider-itemtxt-bot {
    left: 146px;
}

.tablet .facebook-slider-itemtxt-des {
    overflow: hidden;
}

.webM .custom-main-facebook-wrap {
    padding-top: 25px;
    padding-bottom: 58px;
}

.webM .custom-main-facebook-wrap .opt-main-contit {
    padding-left: 30px;
}

.webM .custom-main-facebook-wrap .slider-pagerbox {
    bottom: 17px;
}

.webM .custom-main-facebook-label {
    right: 60px;
}

.webM .custom-main-facebook-label img {
    width: 70px;
}

.webM .facebook-slider {
    padding-left: 30px;
    padding-top: 20px;
}

.webM .facebook-slider-item {
    position: relative;
}

.webM .facebook-slider-item a {
    margin-right: 20px;
}

.webM .facebook-slider-itemimg {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 188px;
    height: 188px;
}

.webM .facebook-slider-itemtxt {
    height: 188px;
    font-size: 14px;
    padding-left: 208px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.webM .facebook-slider-itemtxt-des {
    line-height: 22px;
    height: 126px;
}

.webM .facebook-slider-itemtxt-bot {
    left: 208px;
}

.webM .facebook-slider-itemtxt-bot .like {
    background-size: auto;
}

.webL .facebook-slider {
    padding-left: 40px;
}

.webL .custom-main-facebook-wrap .opt-main-contit {
    padding-left: 40px;
}

/* SNS feed style */
.main-multi-link {
    width: 100%;
    float: left;
    margin-top: 55px;
}

.tablet .main-multi-link {
    width: 40%;
    margin: 0 5%;
}

.webM .main-multi-link {
    width: 40%;
    margin: 0 5%;
}

.feedcolum-colwrap {
    padding-top: 15px;
}

.feedcolum-col > a {
    display: block;
}

.feedcolum-colbox {
    height: 180px;
    padding: 20px 15px;
}

.feedcolum-col-inbox {
    height: 100%;
    position: relative;
}

.feedcolum-col-img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 161px;
}

.feedcolum-col-tit {
    font-size: 16px;
}

.feedcolum-col-des {
    padding-top: 15px;
    max-width: 50%;
}

.feedcolum-col2 .feedcolum-col:first-child {
    padding-bottom: 20px;
}

.tablet .feedcolum .opt-main-contit {
    padding-top: 15px;
}

.tablet .feedcolum-colbox {
    height: 171px;
    padding: 20px;
}

.tablet .feedcolum-col-img {
    width: 96px;
}

.tablet .feedcolum-col-des {
    max-width: none;
}

.tablet .feedcolum-col2 {
    margin: 0 -5px;
}

.tablet .feedcolum-col2:after {
    content: "";
    display: block;
    clear: both;
}

.tablet .feedcolum-col2 .feedcolum-col:first-child {
    padding-bottom: 0;
}

.tablet .feedcolum-col2 .feedcolum-col {
    float: left;
    width: 50%;
    padding: 0 5px;
}

.webM .feedcolum-col-tit {
    font-size: 20px;
}

.webM .feedcolum-colbox {
    height: 248px;
    padding: 30px;
}

.webM .feedcolum-col-img {
    width: 160px;
}

.webM .feedcolum-col2 {
    margin: 0 -15px;
}

.webM .feedcolum-col2 .feedcolum-col {
    padding: 0 15px;
}

@charset "utf-8";

.cutsorm-main-bestsellers {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 40px;
}

.cutsorm-main-bestsellers .opt-main-contit {
    padding-bottom: 10px;
}

.bestslider {
    position: relative;
    padding-bottom: 100px;
}

.bestslider .bestslider-product button {
    width: 20%;
    height: auto;
}

.bestslider-product {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.bestslider-product:after {
    content: "";
    display: block;
    clear: both;
    background: url('/sg/en/resource/img/main/bestsellers/bestslider-proimg-activeline.gif') repeat-x left top; /*background-position:left top; */
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
}

.bestslider .pager {
    width: 20%;
    float: left;
    padding-top: 13px;
    padding-bottom: 15px;
}

.bestslider .pager.active {
    background-size: 13px 8px;
    background-image: url('/sg/en/resource/img/main/bestsellers/bestslider-proimg-activetop.gif');
    background-repeat: no-repeat;
    background-position: center top;
}

.bestslider .pager.active .bestslider-proimgbox {
    position: relative;
    display: block;
    z-index: 0;
}

.bestslider .pager.active .bestslider-proimgbox:before, .bestslider .pager.active .bestslider-proimgbox:after {
    content: "";
    width: 70%;
    height: 5px;
    position: absolute;
    left: 15%;
    bottom: -16px;
    background-repeat: no-repeat;
}

.bestslider .pager.active .bestslider-proimgbox:before {
    background-position: left -20px;
    background-color: #cfcfcf;
    background-image: url('/sg/en/resource/img/main/bestsellers/bestslider-proimg-activeleft.gif');
}

.bestslider .pager.active .bestslider-proimgbox:after {
    content: "";
    background-position: right -20px;
    background-image: url('/sg/en/resource/img/main/bestsellers/bestslider-proimg-activeright.gif');
}

.bestslider .pager img {
    width: 60px
}

.bestslider-proname {
    display: none;
    font-size: 14px;
}

.bestslider-wrap {
    overflow: hidden;
}

.bestslider-item-wrap {
    width: 100%;
    display: table;
    font-size: 0;
}

.bestslider-item-wrap .bestslider-item {
    display: inline-block;
}

.bestslider-item-wrap:after {
    content: "";
    display: block;
    clear: both;
}

.bestslider-item {
    position: relative;
    width: 92%;
}

.bestslider-itemimg {
    width: 100%;
    padding-right: 10px;
}

.bestslider-itemtxt {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -47px;
}

.bestslider-itemtxt-box {
    width: 80%;
    font-size: 14px;
    padding: 14px;
    margin: 0 auto;
    text-align: center;
    background: url('/sg/en/resource/img/main/bestsellers/bestslider-itemtxt-bg.png') repeat left top;
}

.bestslider-itemtxt-border {
    position: relative;
    display: block;
    padding: 15px 0;
}

.bestslider-itemtxt-border:after {
    content: "";
    opacity: 0.1;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #000;
    display: block;
}

.bestslider-itemtxt .com-link {
    display: none;
}

.tablet .cutsorm-main-bestsellers {
    padding: 0 30px 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tablet .cutsorm-main-bestsellers .opt-main-contit {
    padding-bottom: 15px;
}

.tablet .bestslider {
    padding-bottom: 223px;
}

.tablet .bestslider-item-wrap {
    width: 100%;
}

.tablet .bestslider-item {
    margin: 0;
    width: 100%;
    padding-right: 0;
}

.tablet .bestslider .pager {
    padding-top: 20px;
    padding-bottom: 25px;
    cursor: pointer;
}

.tablet .bestslider .bestslider-item-wrap.active {
    background-size: 16px 10px;
}

.tablet .bestslider .pager.active .bestslider-proimgbox:before, .tablet .bestslider .pager.active .bestslider-proimgbox:after {
    width: 50%;
    left: 25%;
    height: 6px;
    bottom: -27px;
}

.tablet .bestslider .pager.active .bestslider-proimgbox:before {
    background-position: left -10px;
}

.tablet .bestslider .pager.active .bestslider-proimgbox:after {
    background-position: right -10px;
}

.tablet .bestslider-proname {
    display: block;
    line-height: 18px;
    height: 36px;
    padding: 0 10px;
    overflow: hidden;
}

.tablet .bestslider .pager img {
    width: 120px;
}

.tablet .bestslider-itemimg {
    padding-right: 0;
}

.tablet .bestslider-itemtxt {
    margin-top: -71px;
    text-align: center;
}

.tablet .bestslider-itemtxt-box {
    margin-bottom: 20px;
    width: 38%;
    font-size: 16px;
}

.tablet .bestslider-itemtxt-border {
    padding: 20px 0;
}

.tablet .bestslider-itemtxt .com-link {
    display: inline-block;
    width: auto;
}

.tablet .product-ico ul li img {
    width: 24px !important;
    float: left;
    margin-left: 16px;
}

.tablet .product-ico {
    position: relative;
    top: -135px;
}

.web .cutsorm-main-bestsellers {
    padding-bottom: 100px;
}

.web .bestslider {
    padding-bottom: 300px;
}

.web .bestslider .pager {
    padding-top: 25px;
}

.web .bestslider .pager.active {
    background-size: 22px 14px;
}

.web .bestslider .pager.active .bestslider-proimgbox:before, .web .bestslider .pager.active .bestslider-proimgbox:after {
    width: 40%;
    left: 30%;
    height: 7px;
}

.web .bestslider .pager.active .bestslider-proimgbox:before {
    background-position: left top;
}

.web .bestslider .pager.active .bestslider-proimgbox:after {
    background-position: right top;
}

.web .bestslider-proname {
    font-size: 16px;
    line-height: 20px;
    height: 40px;
    padding: 0 20px;
}

.web .bestslider .pager img {
    width: 180px;
}

.web .bestslider-itemtxt {
    margin-top: -90px;
}

.web .bestslider-itemtxt-box {
    margin-bottom: 30px;
    width: 25%;
    font-size: 20px;
}

.web .product-ico ul li img {
    width: 32px !important;
    float: left;
    margin-left: 39px;
}

.web .product-ico {
    position: relative;
    top: -204px;
}

.mobile .product-ico ul li img {
    width: 12px !important;
    float: left;
    margin-left: 5px;
}

.mobile .product-ico {
    position: relative;
    top: -60px;
}

@charset "utf-8";

.custom-main-category {
    width: 100%;
    padding: 10px 5px 30px;
    font-size: 0;
    display: table;
}

.custom-main-category-box {
    width: 50%;
    padding: 10px;
    display: inline-block;
}

.custom-main-category-box:last-child,
.tablet  .custom-main-category-box:last-child,
.webS  .custom-main-category-box:last-child {
    display: none;
}

.custom-main-category-box.mob-w100 {
    width: 100%;
}

.custom-main-category-box a {
    display: block;
    width: 100%;
    font-size: 12px;
    height: 35px;
    font-family: arb, ygb, sans-serif;
    line-height: 35px;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: auto 35px;
}

.custom-main-category-box a span {
    padding-left: 10px;
}

.tablet .custom-main-category {
    padding: 40px 23px 60px;
    width: 100%;
}

.tablet .custom-main-category-box {
    width: 25%;
    padding: 0 7px;
    display: table-cell;
}

.tablet .custom-main-category-box.mob-w100 {
    width: 25%;
}

.tablet .custom-main-category-box a {
    background-size: auto 40px;
    font-size: 16px;
    height: 49px;
    line-height: 49px;
}

.tablet .custom-main-category-box a span {
    padding-left: 20px;
}

.webS .custom-main-category {
    padding: 60px 0 100px;
}

.webS .custom-main-category-box {
    padding: 0 30px;
}

.webS .custom-main-category-box a {
    background-size: auto 59px;
    font-size: 20px;
    height: 59px;
    line-height: 59px;
}

.webS .custom-main-category-box a span {
    padding-left: 30px;
}

@charset "utf-8";

.custom-main-magazine {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 60px;
}

.custom-main-magazine-conbox {
    background-color: #f7f7f7;
    position: relative;
}

.custom-main-magazine-tcon {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.custom-main-magazine-tcon .opt-main-contit {
    padding-bottom: 15px;
    padding-top: 40px;
}

.custom-main-magazine-tcon-box .com-link {
    margin-left: 15px;
}

.custom-main-magazine-tcon-month {
    display: block;
    margin-bottom: 20px; /* color:#4e001b; */
    color: #fff;
    padding-left: 15px;
    height: 30px;
    width: 90px;
    line-height: 30px;
    background: url('/sg/en/resource/img/magazine/magazine-barbg-1812-mob.jpg') no-repeat left top;
}

.custom-main-magazine-tcon-tit {
    font-size: 24px;
    font-family: arb, sans-serif;
    line-height: 40px;
    display: block;
    padding: 0 70px 15px 15px;
}

.custom-main-magazine-tcon-des {
    display: none;
}

.custom-main-magazine-img-left {
    text-align: right;
}

.custom-main-magazine-img-left img {
    width: 240px;
}

.custom-main-magazine-img-right {
    display: none;
}


.tablet .custom-main-magazine {
    padding: 0 30px 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tablet .custom-main-magazine-conbox:after {
    content: "";
    display: block;
    clear: both;
}

.tablet .custom-main-magazine-tcon {
    width: 50%;
}

.tablet .custom-main-magazine-tcon .opt-main-contit {
    padding-left: 20px;
    padding-top: 55px;
}

.tablet .custom-main-magazine-tcon-box .com-link {
    margin-left: 20px;
    margin-top: 20px;
}

.tablet .custom-main-magazine-tcon-month {
    font-size: 16px;
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
    width: 248px;
    background-image: url('/sg/en/resource/img/magazine/magazine-barbg-1812.jpg');
}

.tablet .custom-main-magazine-tcon-tit {
    font-size: 30px;
    padding: 0 20px 15px;
}

.tablet .custom-main-magazine-tcon-des {
    display: block;
    padding: 0 20px 0;
}

.tablet .custom-main-magazine-tcon-des.dotline {
    max-height: 126px;
}

.tablet .custom-main-magazine-img {
    width: 50%;
    float: right;
}

.tablet .custom-main-magazine-img-left img {
    width: 100%;
}

.webM .custom-main-magazine {
    padding-bottom: 140px;
}

.webM .custom-main-magazine-tcon {
    width: 60%;
}

.webM .custom-main-magazine-tcon .opt-main-contit {
    padding-left: 30px;
    padding-top: 100px;
}

.webM .custom-main-magazine-tcon-box .com-link {
    margin-left: 30px;
    margin-top: 30px;
}

.webM .custom-main-magazine-tcon-month {
    font-size: 20px;
    padding-left: 30px;
    margin-bottom: 30px;
    height: 50px;
    line-height: 50px;
    width: 340px;
}

.webM .custom-main-magazine-tcon-tit {
    font-size: 40px;
    padding: 0 30px 35px;
}

.webM .custom-main-magazine-tcon-des {
    font-size: 14px;
    padding: 0 30px 0;
}

.webM .custom-main-magazine-tcon-des.dotline {
    max-height: 150px;
}

.webM .custom-main-magazine-img {
    width: 40%;
}

.webL .custom-main-magazine-conbox {
    background: none;
}

.webL .custom-main-magazine-tcon {
    width: 655px;
    background-color: #f7f7f7
}

.webL .custom-main-magazine-tcon-month {
    width: 370px;
}

.webL .custom-main-magazine-img {
    width: 885px
}

.webL .custom-main-magazine-img:after {
    content: "";
    display: block;
    clear: both;
}

.webL .custom-main-magazine-img-left {
    float: left;
    padding-right: 20px;
    font-size: 0;
}

.webL .custom-main-magazine-img-left img {
    width: auto;
}

.webL .custom-main-magazine-img-right {
    float: left;
    display: block;
}

.webL .custom-main-magazine-img-right img {
    display: block;
}

.webL .custom-main-magazine-img-right img:first-child {
    padding-bottom: 20px;
}

@charset "utf-8";

.custom-main-kbeauty {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 60px;
}

.custom-main-kbeauty-wrap {
    position: relative;
    padding-top: 40px;
}

.custom-main-kbeauty-tit {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.custom-main-kbeauty-tit .opt-main-contit {
    width: 120px;
    height: 120px;
    padding-top: 50px;
    background: url('/sg/en/resource/img/main/school-of-k-beauty/kbeauty-titbg.png') no-repeat left top;
    background-size: cover;
}

.custom-main-kbeauty-bthumb {
    width: 100%;
}

.custom-main-kbeauty-bthumb-box {
    width: 75%;
    position: relative;
    margin: 0 0 0 auto;
    min-width: 240px;
}

.custom-main-kbeauty-bthumb-img {
    width: 100%;
}

.custom-main-kbeauty-playbtn {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
    width: 50px;
}

.custom-main-kbeauty-con {
    position: relative;
}

.custom-main-kbeauty-conwrap {
    width: 75%;
    margin: 0 0 0 auto;
    min-width: 240px;
}

.custom-main-kbeauty-conbox {
    padding-top: 20px;
    padding-right: 20px;
}

.custom-main-kbeauty-con-lesson {
    position: absolute;
    left: 15px;
    top: -45px;
}

.custom-main-kbeauty-con-lesson strong {
    font-size: 30px;
    display: block;
}

.custom-main-kbeauty-con-tit {
    font-size: 20px;
    font-family: arb, sans-serif;
    padding-bottom: 15px;
    display: block;
}

.custom-main-kbeauty-con-des {
    padding-bottom: 20px;
}

.custom-main-kbeauty-related {
    padding-top: 30px;
}

.custom-main-kbeauty-related-tit {
    font-size: 14px;
    background: url('/sg/en/resource/img/main/school-of-k-beauty/kbeauty-relatied-titbg.gif') no-repeat right center;
    padding-right: 20px;
}

.custom-main-kbeauty-related-wrap {
    padding-top: 15px;
}

.custom-main-kbeauty-related-wrap:after {
    content: "";
    display: block;
    clear: both;
}

.custom-main-kbeauty-related-thumb {
    float: left;
    margin-left: 15px;
}

.custom-main-kbeauty-related-thumb a {
    display: block;
}

.custom-main-kbeauty-related-thumb:first-child {
    margin-left: 0;
}

.custom-main-kbeauty-related-thumbbox {
    position: relative;
    width: 105px;
}

.custom-main-kbeauty-related-thumbimg {
    width: 100%;
}

.custom-main-kbeauty-related-thumbplay {
    width: 36px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -18px 0 0 -18px;
}

.custom-main-kbeauty-related-thumbdes {
    display: none;
}

.tablet .custom-main-kbeauty {
    padding: 0 30px 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tablet .custom-main-kbeauty-wrap {
    padding-top: 20px;
}

.tablet .custom-main-kbeauty-tit .opt-main-contit {
    width: 128px;
    height: 128px;
    padding-top: 53px;
    padding-left: 20px;
}

.tablet .custom-main-kbeauty-cwrap {
    position: relative;
}

.tablet .custom-main-kbeauty-cwrap:after {
    content: "";
    display: block;
    clear: both;
}

.tablet .custom-main-kbeauty-bthumb {
    width: 50%;
    float: left;
    padding: 0 10px 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tablet .custom-main-kbeauty-bthumb-box {
    width: 100%;
}

.tablet .custom-main-kbeauty-con {
    width: 50%;
    float: left;
    position: static;
}

.tablet .custom-main-kbeauty-con-lesson {
    position: static;
    padding-left: 10px;
}

.tablet .custom-main-kbeauty-conwrap {
    width: 100%;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tablet .custom-main-kbeauty-conbox {
    padding-top: 0;
    padding-right: 0;
}

.tablet .custom-main-kbeauty-con-tit {
    font-size: 30px;
    width: 100%;
    padding-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tablet .custom-main-kbeauty-con-des {
    display: none;
}

.tablet .custom-main-kbeauty-related {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tablet .custom-main-kbeauty-related-tit {
    display: inline-block;
    margin-bottom: 25px;
}

.tablet .custom-main-kbeauty-related-wrap {
    position: absolute;
    right: 0;
    bottom: 0;
}

.tablet .custom-main-kbeauty-related-thumbbox {
    width: 88px;
}

.webM .custom-main-kbeauty {
    padding-bottom: 140px;
}

.webM .custom-main-kbeauty-wrap {
    padding-top: 60px;
}

.webM .custom-main-kbeauty-tit .opt-main-contit {
    width: 200px;
    height: 200px;
    padding-top: 90px;
    padding-left: 30px;
}

.webM .custom-main-kbeauty-bthumb {
    padding: 0 20px 0 60px;
}

.webM .custom-main-kbeauty-bthumb-box {
    max-height: 406px;
    height: 406px;
    max-width: 600px;
    text-align: right;
    overflow: hidden;
}

.webM .custom-main-kbeauty-bthumb-box a {
    display: block;
    height: 100%;
}

.webM .custom-main-kbeauty-bthumb-img {
    height: 100%;
}

.webM .custom-main-kbeauty-playbtn {
    width: 100px;
    margin: -50px 0 0 -50px;
}

.webM .custom-main-kbeauty-con-lesson {
    font-size: 14px;
    padding-left: 20px;
}

.webM .custom-main-kbeauty-con-lesson strong {
    font-size: 40px;
}

.webM .custom-main-kbeauty-conwrap {
    padding-left: 20px;
}

.webM .custom-main-kbeauty-con-tit {
    font-size: 40px;
    padding: 7px 0 15px 0;
}

.webM .custom-main-kbeauty-con-des {
    display: block;
    font-size: 14px;
    padding-bottom: 25px;
}

.webM .custom-main-kbeauty-con-des.dotline {
    height: 61px;
}

.webM .custom-main-kbeauty-related {
    padding-left: 20px;
}

.webM .custom-main-kbeauty-related-tit {
    font-size: 16px;
    margin-bottom: 0;
}

.webM .custom-main-kbeauty-related-wrap {
    position: static;
    padding-top: 20px;
}

.webM .custom-main-kbeauty-related-wrap:after {
    content: "";
    display: block;
    clear: both;
}

.webM .custom-main-kbeauty-related-thumb {
    margin-left: 0;
    width: 50%;
    float: left;
    position: relative;
}

.webM .custom-main-kbeauty-related-thumbbox {
    width: 138px;
}

.webM .custom-main-kbeauty-related-thumbdes {
    display: block;
    position: absolute;
    left: 138px;
    top: 0;
    font-size: 14px;
    padding: 32px 20px;
}

.webM .custom-main-kbeauty-related-thumbdes.dotline {
    height: 100px;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
    .custom-main-kbeauty-related-tit {
        background-image: url('/sg/en/resource/img/main/school-of-k-beauty/kbeauty-relatied-titbg-X2.gif');
        background-size: 12px 8px;
    }
}

@charset "utf-8";

.main-visual {
    width: 100%;
    margin: 0 auto;
}

.main-visual .UIslider {
    position: relative;
}

.main-visual .slider-pagerbox {
    text-align: center;
}

.main-visual .UIindicator, .main-visual .UIautorun {
    display: inline-block;
    padding-right: 10px;
}

.main-visual .UIindicator .pager {
    height: 14px;
}

.main-visual .UIslider-item {
    width: 100%;
}

.visual-slider {
    position: relative;
}

.visual-slider .com-media {
    padding: 0;
}

.visual-slider-btn {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    z-index: 10;
}

.visual-slider-btn.prev {
    left: 20px;
}

.visual-slider-btn.next {
    right: 20px;
}

.main-visual .UIslider-item {
    position: relative;
}

.visual-slider-itemimg {
    width: 100%;
}

.visual-slider-itemtxt {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    padding: 30px 15px;
}

.visual-slider-itemtxt .tit {
    font-size: 20px;
    font-family: arb, sans-serif;
    padding-bottom: 10px;
}

.visual-slider-itemtxt .des {
    font-size: 16px;
    font-family: arb, sans-serif;
    display: none;
}

.visual-slider-itemtxt .com-link {
    margin-top: 15px;
}

.visual-slider-itemtxt .UIslider-con {
    width: auto;
    display: inline-block;
}

.visual-link-button {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
}

.visual-link-button img {
    width: 100%;
}

.opt-alignleft {
    text-align: left;
}

.opt-alignright {
    text-align: right;
}

.opt-aligncenter {
    text-align: center;
}

.opt-whitetype .tit, .opt-whitetype .des {
    color: #fff;
}

.opt-whitetype .com-link {
    border-color: #fff;
    color: #fff;
    background: url("/sg/en/resource/img/commons/link/linkbg-white.png") no-repeat right bottom
}

.visual-slider-item.vedio .visual-slider-itemtxt .tit {
    margin-top: -60px;
}

.visual-slider-thumbwrap {
    position: relative;
    width: 100%;
    min-height: 100px;
    padding-bottom: 87%;
}

.ie8 .visual-slider-thumbwrap {
    min-height: auto;
}

.visual-slider-thumb {
    position: absolute;
    width: 100%;
    z-index: 2;
}

.visual-slider-thumb img {
    width: 100%;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
    .opt-whitetype .com-link {
        background-image: url("/sg/en/resource/img/commons/link/linkbg-white-X2.png");
        background-size: 13px 12px;
    }
}

.tablet .main-visual {
    padding: 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tablet .visual-slider-btn {
    display: block;
}

.tablet .visual-slider-itemtxt {
    padding: 40px 60px;
}

.tablet .visual-slider-itemtxt .UIslider-con {
    width: 294px;
}

.tablet .visual-slider-itemtxt .tit {
    font-size: 30px;
    padding-bottom: 20px;
}

.tablet .visual-slider-item.vedio .visual-slider-itemtxt .tit {
    margin-top: -135px;
}

.tablet .visual-slider-itemtxt .com-link {
    margin-top: 0;
}

.tablet .visual-slider-thumbwrap {
    padding-bottom: 42.15%;
}

.tablet .visual-link-button {
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
}

.webM .visual-slider-itemtxt {
    padding: 60px 80px;
}

.webM .visual-slider-itemtxt .UIslider-con {
    width: 520px;
}

.webM .visual-slider-itemtxt .tit {
    font-size: 40px;
    padding-bottom: 15px;
}

.webM .visual-slider-itemtxt .des {
    display: block;
    font-size: 20px;
}

.webM .visual-slider-itemtxt .com-link {
    margin-top: 25px;
}

.webM .visual-slider-item.vedio .visual-slider-itemtxt .tit {
    margin-top: -190px;
}

.webM .visual-link-button {
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
}

.webL .visual-slider-itemtxt {
    padding: 120px 154px;
}

.webL .visual-slider-itemtxt .UIslider-con {
    width: 645px;
}

/* img loading 후 youtube 개선 */
.main-visual .UIslider-box iframe {
    opacity: 0
}

@charset "utf-8";

.custom-main-sparkling {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 60px;
}

.custom-main-sparkling-conwrap {
    padding-top: 10px;
}

.custom-main-sparkling-banner {
    padding: 0 15px;
    background-position: center top;
    background-image: url('/sg/en/resource/img/main/sparkling-beauty/sparkling-titbg-mobile.jpg');
    background-repeat: no-repeat;
}

.custom-main-sparkling-bannertit {
    height: 80px;
    font-size: 14px;
    position: relative;
}

.custom-main-sparkling-bannertit span {
    color: #144b77;
    display: block;
    padding: 23px 50% 0 0;
    font-family: arb, sans-serif;
}

.custom-main-sparkling-bannertitbg {
    width: 115px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.custom-main-sparkling-cardbox {
    padding: 10px 5px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.custom-main-sparkling-cardline:after {
    content: "";
    display: block;
    clear: both;
}

.custom-main-sparkling-card {
    width: 50%;
    padding: 10px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.custom-main-sparkling-card img {
    width: 100%;
}

.custom-main-sparkling-card .thumb {
    position: relative;
    display: block;
}

.custom-main-sparkling-card .thumb .dim {
    display: none;
}

.custom-main-sparkling-card .video {
    position: relative;
    display: block;
}

.custom-main-sparkling-card .video .vedio-playdim {
    z-index: 0;
}

.custom-main-sparkling-card .video .vedio-playdim img {
    width: 35px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -17px 0 0 -17px;
    z-index: 1;
}

.tablet .custom-main-sparkling {
    padding: 0 30px 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tablet .custom-main-sparkling-conwrap {
    position: relative;
    padding-top: 0;
    margin-top: 15px;
}

.tablet .custom-main-sparkling-banner {
    position: absolute;
    left: 0;
    top: 0;
    width: 208px;
    height: 100%;
    background-image: url('/sg/en/resource/img/main/sparkling-beauty/sparkling-titbg-tablet.jpg');
}

.tablet .custom-main-sparkling-cardbox {
    padding: 0 0 0 215px;
    margin-right: -7px;
}

.tablet .custom-main-sparkling-cardline.line1 {
    padding-bottom: 15px;
}

.tablet .custom-main-sparkling-card {
    width: 25%;
    padding: 0 7px;
}

.tablet .custom-main-sparkling-bannertit {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0 20px;
    padding-bottom: 70px;
    height: auto;
    font-size: 16px;
}

.tablet .custom-main-sparkling-bannertit span {
    padding: 0;
}

.tablet .custom-main-sparkling-bannertitbg {
    width: 144px;
    left: 0;
}

.tablet .custom-main-sparkling-card .video .vedio-playdim img {
    width: 40px;
    margin: -20px 0 0 -20px;
}

.web .custom-main-sparkling-card .thumb .dim {
    display: none;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    background: url('/sg/en/resource/img/main/sparkling-beauty/sparkling-thumb-dimbg.png') repeat left top;
}

.web .custom-main-sparkling-card .thumb .dim.show {
    display: block
}

.web .custom-main-sparkling-card .thumb .dim p {
    display: table;
    width: 100%;
    height: 100%;
}

.web .custom-main-sparkling-card .thumb .dim p span {
    display: table-cell;
    vertical-align: middle;
}

.webM .custom-main-sparkling {
    padding-bottom: 140px;
}

.webM .custom-main-sparkling-banner {
    width: 400px;
}

.webM .custom-main-sparkling-bannertit {
    font-size: 20px;
    padding-bottom: 95px;
    margin: 0 30px;
}

.webM .custom-main-sparkling-bannertit span {
    padding-right: 110px;
}

.webM .custom-main-sparkling-bannertitbg {
    width: 180px;
}

.webM .custom-main-sparkling-cardbox {
    padding-left: 410px;
}

.webM .custom-main-sparkling-card {
    padding: 0 10px;
}

.webM .custom-main-sparkling-cardline.line1 {
    padding-bottom: 20px;
}

.webM .custom-main-sparkling-card .video .vedio-playdim img {
    width: 50px;
    margin: -25px 0 0 -25px;
}

.webL .custom-main-sparkling-banner {
    width: 340px;
    background-image: url('/sg/en/resource/img/main/sparkling-beauty/sparkling-titbg.jpg');
}

.webL .custom-main-sparkling-bannertit span {
    padding-right: 70px;
}

.webL .custom-main-sparkling-card {
    width: 16.66%;
}

.webL .custom-main-sparkling-cardbox {
    padding-left: 350px;
}

.webL .custom-main-sparkling-cardline.line1 {
    background: url('/sg/en/resource/img/main/sparkling-beauty/sparkling-thumb-bgright.gif') no-repeat right top;
}

.webL .custom-main-sparkling-cardline.line2 {
    padding-left: 33.32%;
    background: url('/sg/en/resource/img/main/sparkling-beauty/sparkling-thumb-bgleft.gif') no-repeat left top;
}

.webL .custom-main-sparkling-cardline.line2 .custom-main-sparkling-card {
    width: 25%;
}

@charset "utf-8";

.main-visual {
    width: 100%;
    margin: 0 auto;
}

.main-visual .UIslider {
    position: relative;
}

.main-visual .slider-pagerbox {
    text-align: center;
}

.main-visual .UIindicator, .main-visual .UIautorun {
    display: inline-block;
    padding-right: 10px;
}

.main-visual .UIindicator .pager {
    height: 14px;
}

.main-visual .UIslider-item {
    width: 100%;
}

.visual-slider {
    position: relative;
}

.visual-slider .com-media {
    padding: 0;
}

.visual-slider-btn {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    z-index: 10;
}

.visual-slider-btn.prev {
    left: 20px;
}

.visual-slider-btn.next {
    right: 20px;
}

.main-visual .UIslider-item {
    position: relative;
}

.visual-slider-itemimg {
    width: 100%;
}

.visual-slider-itemtxt {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    padding: 30px 15px;
}

.visual-slider-itemtxt .tit {
    font-size: 20px;
    font-family: arb, sans-serif;
    padding-bottom: 10px;
}

.visual-slider-itemtxt .des {
    font-size: 16px;
    font-family: arb, sans-serif;
    display: none;
}

.visual-slider-itemtxt .com-link {
    margin-top: 15px;
    display: none;
}

.visual-slider-itemtxt .UIslider-con {
    width: auto;
    display: inline-block;
}

.visual-link-button {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
}

.visual-link-button img {
    width: 100%;
}

.opt-alignleft {
    text-align: left;
}

.opt-alignright {
    text-align: right;
}

.opt-aligncenter {
    text-align: center;
}

.opt-whitetype .tit, .opt-whitetype .des {
    color: #fff;
}

.opt-whitetype .com-link {
    border-color: #fff;
    color: #fff;
    background: url("/sg/en/resource/img/commons/link/linkbg-white.png") no-repeat right bottom
}

.visual-slider-item.vedio .visual-slider-itemtxt .tit {
    margin-top: -60px;
}

.visual-slider-thumbwrap {
    position: relative;
    width: 100%;
    min-height: 100px;
    padding-bottom: 87%;
}

.ie8 .visual-slider-thumbwrap {
    min-height: auto;
}

.visual-slider-thumb {
    position: absolute;
    width: 100%;
    z-index: 2;
}

.visual-slider-thumb img {
    width: 100%;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
    .opt-whitetype .com-link {
        background-image: url("/sg/en/resource/img/commons/link/linkbg-white-X2.png");
        background-size: 13px 12px;
    }
}

.tablet .main-visual {
    padding: 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tablet .visual-slider-btn {
    display: block;
}

.tablet .visual-slider-itemtxt {
    padding: 40px 60px;
}

.tablet .visual-slider-itemtxt .UIslider-con {
    width: 294px;
}

.tablet .visual-slider-itemtxt .tit {
    font-size: 30px;
    padding-bottom: 20px;
}

.tablet .visual-slider-item.vedio .visual-slider-itemtxt .tit {
    margin-top: -135px;
}

.tablet .visual-slider-itemtxt .com-link {
    margin-top: 0;
}

.tablet .visual-slider-thumbwrap {
    padding-bottom: 42.15%;
}

.tablet .visual-link-button {
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
}

.webM .visual-slider-itemtxt {
    padding: 60px 80px;
}

.webM .visual-slider-itemtxt .UIslider-con {
    width: 100%;
    height: 100%;
}

.webM .visual-slider-itemtxt .tit {
    font-size: 40px;
    padding-bottom: 15px;
}

.webM .visual-slider-itemtxt .des {
    display: block;
    font-size: 20px;
}

.webM .visual-slider-itemtxt .com-link {
    margin-top: 25px;
    display: none;
}

.webM .visual-slider-item.vedio .visual-slider-itemtxt .tit {
    margin-top: -190px;
}

.webM .visual-link-button {
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
}

.webL .visual-slider-itemtxt {
    padding: 120px 154px;
}

.webL .visual-slider-itemtxt .UIslider-con {
    width: 645px;
}

@charset "utf-8";

/* 20200916 md */
.custom-main-magazine {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 40px;
}

.custom-main-magazine-conbox {
    background-color: #f7f7f7;
    position: relative;
}

.custom-main-magazine-tcon {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.custom-main-magazine-tcon .opt-main-contit {
    padding-bottom: 15px;
    padding-top: 40px;
}

.custom-main-magazine-tcon-box .com-link {
    margin-left: 15px;
}

.custom-main-magazine-tcon-month {
    display: block;
    margin-bottom: 20px;
    color: white;
    padding-left: 15px;
    height: 30px;
    width: 90px;
    line-height: 30px;
    background: url('/sg/en/resource/img/magazine/magazine-barbg-1806-mob_01.jpg') no-repeat left top;
}

.custom-main-magazine-tcon-tit {
    font-size: 24px;
    font-family: arb, sans-serif;
    line-height: 40px;
    display: block;
    padding: 0 70px 15px 15px;
}

.custom-main-magazine-tcon-des {
    display: none;
}

.custom-main-magazine-img-left {
    text-align: right;
}

.custom-main-magazine-img-left img {
    width: 240px;
}

.custom-main-magazine-img-right {
    display: none;
}

/* 20200916 md */
.tablet .custom-main-magazine {
    padding: 0 30px 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tablet .custom-main-magazine-conbox:after {
    content: "";
    display: block;
    clear: both;
}

.tablet .custom-main-magazine-tcon {
    width: 50%;
}

.tablet .custom-main-magazine-tcon .opt-main-contit {
    padding-left: 20px;
    padding-top: 55px;
}

.tablet .custom-main-magazine-tcon-box .com-link {
    margin-left: 20px;
    margin-top: 20px;
}

.tablet .custom-main-magazine-tcon-month {
    font-size: 16px;
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
    width: 248px;
    background-image: url('/sg/en/resource/img/magazine/magazine-barbg-1806_01.jpg');
}

.tablet .custom-main-magazine-tcon-tit {
    font-size: 30px;
    padding: 0 20px 15px;
}

.tablet .custom-main-magazine-tcon-des {
    display: block;
    padding: 0 20px 0;
}

.tablet .custom-main-magazine-tcon-des.dotline {
    max-height: 126px;
}

.tablet .custom-main-magazine-img {
    width: 50%;
    float: right;
}

.tablet .custom-main-magazine-img-left img {
    width: 100%;
}
/* 20200916 md */
.webM .custom-main-magazine {
    padding-bottom: 80px;
}

.webM .custom-main-magazine-tcon {
    width: 60%;
}

.webM .custom-main-magazine-tcon .opt-main-contit {
    padding-left: 30px;
    padding-top: 100px;
}

.webM .custom-main-magazine-tcon-box .com-link {
    margin-left: 30px;
    margin-top: 30px;
}

.webM .custom-main-magazine-tcon-month {
    font-size: 20px;
    padding-left: 30px;
    margin-bottom: 30px;
    height: 50px;
    line-height: 50px;
    width: 340px;
}

.webM .custom-main-magazine-tcon-tit {
    font-size: 40px;
    padding: 0 30px 35px;
}

.webM .custom-main-magazine-tcon-des {
    font-size: 14px;
    padding: 0 30px 0;
}

.webM .custom-main-magazine-tcon-des.dotline {
    max-height: 150px;
}

.webM .custom-main-magazine-img {
    width: 40%;
}

.webL .custom-main-magazine-conbox {
    background: none;
}

.webL .custom-main-magazine-tcon {
    width: 655px;
    background-color: #f7f7f7
}

.webL .custom-main-magazine-tcon-month {
    width: 370px;
}

.webL .custom-main-magazine-img {
    width: 885px
}

.webL .custom-main-magazine-img:after {
    content: "";
    display: block;
    clear: both;
}

.webL .custom-main-magazine-img-left {
    float: left;
    padding-right: 20px;
    font-size: 0;
}

.webL .custom-main-magazine-img-left img {
    width: auto;
}

.webL .custom-main-magazine-img-right {
    float: left;
    display: block;
}

.webL .custom-main-magazine-img-right img {
    display: block;
}

.webL .custom-main-magazine-img-right img:first-child {
    padding-bottom: 20px;
}

/* 20201116 main 수정 */
.bestslider-product:after{display:none;}
.bestslider .pager.active .bestslider-proimgbox:before,
.bestslider .pager.active .bestslider-proimgbox:after{background:none;display:none;}
.bestslider .pager .bestslider-proname{color:#8A8D8F;}
.bestslider .pager.active .bestslider-proname{color:#1e5bb1;font-weight:bold;}

.bestslider-product{bottom:-20px;}
.web .cutsorm-main-bestsellers{padding-bottom:50px;}

.bestslider-itemimg{padding-right: 0;}

/* main popup : S */
.a11y {position: absolute !important; overflow: hidden; height: 1px; width: 1px; clip: rect(1px, 1px, 1px, 1px)}
.promo_pop {position:fixed; top:50%; left:50%; z-index:9002; width:900px; height:550px; margin:-275px 0 0 -450px; background:#fff; color:#000}
.promo_pop .pc-only{display: block;}
.promo_pop .mo-only{display: none;}
.promo_pop .promo_pop_inner {position:relative;}
.promo_pop p {margin:0}
.promo_pop:after {content:""; display:block; clear:both}
.promo_pop .lside,
.promo_pop .rside {position:relative; float:left; width:50%; height:550px}
.promo_pop .lside img{width:100%;}
.promo_pop .boxing {width:calc( 100% - 100px ); margin:0 50px;text-align: center;}
.promo_pop:not([style*="display: none"]) + .promo_pop_bg {display:block;}
.promo_pop_bg {position:fixed; top: 0; right:0; bottom:0; left:0; z-index:9001; background:rgba(0,0,0,0.8);display:none;}
.promo_pop .txt_tit {margin-top:110px; font-size:42px; font-family: "brandon-grotesque"; font-weight:700; line-height:1.2;}
.promo_pop .txt_tit span{display: block;font-size: 22px;font-weight:400;}
.promo_pop .txt_summary {margin-top:32px; font-size:24px; line-height:1.2;font-family:"brandon-grotesque"; color:#333;font-weight:700;}
.promo_pop .txt_summary span{display: inline-block;border: 1px solid #212121;font-size: 18px;letter-spacing: 0.0025em;font-weight: bold;padding: 3px 43px;border-radius: 15px;}
.promo_pop .btn_area {margin-top:90px; text-align:center;}
.promo_pop .btn_area .btn_link {display:block; width:100%; height:55px; font-size:21px; line-height:55px; background:#ff5000; color:#fff; font-family: "brandon-grotesque"; font-weight:500; text-align:center}
.promo_pop .btn_area .btn_line {display:inline-block; margin-top:30px; color:#000; font-size:16px; font-family: "Myriad Pro","brandon-grotesque"; font-weight:600; text-decoration:underline}
.promo_pop .pop_today {position:absolute; bottom:20px; font-size:16px;color:#999;font-weight:500;letter-spacing: 0.01em;}
.promo_pop .pop_today *{vertical-align: sub;}

.promo_pop .promo_pop_close {position:absolute; top:20px; right:30px; width:32px; height:36px; padding:0}
.promo_pop .promo_pop_close:focus {outline:1px dotted rgba(0,0,0,0.8); outline-offset:1px}
.promo_pop .promo_pop_close:before, .promo_pop .promo_pop_close:after {display:block;position:absolute; top:3px; left:50%; width:1px; height:38px; background:#666; content:''}
.promo_pop .promo_pop_close:before {-wetkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}
.promo_pop .promo_pop_close:after {-wetkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}

@media (max-width: 1000px) {
    .promo_pop .pc-only{display: none;}
    .promo_pop .mo-only{display: block;}
    .promo_pop {left:50%; width:calc( 100% - 20px ); height:auto; transform:translate3d(-50%,-50%,0);margin:0;}
    .promo_pop .lside,
    .promo_pop .rside{width:100%;height:auto;}
    .promo_pop .rside{padding-bottom:130px;}
    .promo_pop .boxing{width:calc(100% - 84px);margin:0 42px;}
    .promo_pop .txt_tit {margin-top:43px; font-size:58px; line-height:30px;line-height:1.2;}
    .promo_pop .txt_tit span {font-size:32px;}
    .promo_pop .txt_summary {margin-top:30px;font-size:24px}
    .promo_pop .txt_summary span {font-size:24px;}
    .promo_pop .btn_area {margin-top:50px}
    .promo_pop .btn_area .btn_link {height:44px; line-height:44px; font-size:26px}
    .promo_pop .btn_area .btn_line {margin-top:25px; font-size:13px}
    .promo_pop .pop_today {bottom:35px;font-size:32px;}
    .promo_pop .pop_today input[type="checkbox"] {width:24px;height:24px;}
    .promo_pop .promo_pop_close:before, .promo_pop .promo_pop_close:after {display:block;position:absolute; top:3px; left:50%; width:1px; height:38px; background:#fff; content:''}
}

@media (max-width: 767px) {
    .promo_pop .rside{padding:6vw 0 17.333vw;}
    .promo_pop .boxing{width:calc( 100% - 11.467vw );margin:0 5.733vw;}
    .promo_pop .txt_tit{margin-top:0;font-size:7.733vw;line-height:35px;line-height:1.4;}
    .promo_pop .txt_tit span{font-size:4.267vw;line-height:1.3;}
    .promo_pop .txt_summary{margin-top:2.667vw;}
    .promo_pop .txt_summary span{font-size:3.2vw;padding:1.333vw 6.4vw;}
    .promo_pop .btn_area {margin-top:6.667vw;}
    .promo_pop .btn_area .btn_link{height:9.867vw;line-height:9.867vw;font-size:3.467vw;}
    .promo_pop .promo_pop_close{top:3.2vw;right:3.2vw;}
    .promo_pop .pop_today {bottom:4.667vw;font-size:4.267vw;font-family:"brandon-grotesque";}
    .promo_pop .pop_today *{vertical-align: middle;}
    .promo_pop .pop_today input[type="checkbox"] {width:3.2vw;height:3.2vw;}
}
/*
.promo_pop.sampling {}
.promo_pop.sampling .boxing {padding-top:93px;text-align:center; width: calc( 100% - 92px );margin: 0 46px;}
.promo_pop.sampling .text {font-size:20px;color:#111;font-family: "brandon-grotesque";}
.promo_pop.sampling .txt_tit {margin-top:0;font-size:42px;font-weight:700;}
.promo_pop.sampling .date {display:inline-block;min-width:275px;margin-top:32px;border:1px solid #212121;border-radius:100px;font-family:"brandon-grotesque";font-weight:700;font-size:18px;color:#111;line-height:29px;text-align:center;}
.promo_pop.sampling .txt_summary {font-family:"brandon-grotesque";font-weight:600;font-size:26px;color:#4349ab;}
.promo_pop.sampling .btn_area {margin-top:41px;}
.promo_pop.sampling .btn_area .btn_link {font-size:20px;font-weight:600; background: #ff5000;}

@media (max-width: 767px) {
    .promo_pop.sampling .boxing {padding-top:0;margin: 0 26px;width: calc( 100% - 52px );}
    .promo_pop.sampling .text {font-size: 18px;}
    .promo_pop.sampling .txt_tit {font-size: 32px;margin-top: 5px;}
    .promo_pop.sampling .date {min-width: 206px;margin-top:20px;font-size:16px;line-height:24px;}
    .promo_pop.sampling .txt_summary {font-size:18px; display: none;}
    .promo_pop.sampling .btn_area {margin-top: 35px;}
    .promo_pop.sampling .btn_area .btn_link {font-size:16px;font-weight:400;}
}
*/
/* main popup : E*/

/*220620 추가사항*/
.promo_pop .pop_today{font-family:brandon-grotesque;position:absolute;bottom:20px;font-size:16px;color:#666;font-weight:500;}
.promo_pop .pop_today input{display:none;}
.promo_pop .pop_today *{vertical-align:sub;}
.promo_pop .pop_today label::before{content:"";display:inline-block;cursor:pointer;width:16px;height:16px;background:url(/sg/en/resource/img/main/radian-c-cream_sampling_ico_square_check-off_pc.jpg) no-repeat;box-sizing:border-box;margin-right:10px;vertical-align: -0.2em;background-size:cover;}
.promo_pop .pop_today input[type=checkbox]:checked+label::before{background:url(/sg/en/resource/img/main/radian-c-cream_sampling_ico_square_check-on_pc.jpg) no-repeat;width:16px;height:16px;}

@media screen and (max-width:1000px){
.promo_pop .pop_today label::before,.promo_pop .pop_today input[type=checkbox]:checked+label::before{width: 24px; height:24px;vertical-align: -0.2em;background-size: contain;}
}

@media screen and (max-width:767px){
.promo_pop .pop_today{font-size:4.2666666667vw;font-size:max(11px,4.2666666667vw);font-size:4.2666666667vw;font-size:max(11px,4.2666666667vw)}
.promo_pop .pop_today label::before{vertical-align:baseline;width:3.125vw;height:3.125vw;background:url(/sg/en/resource/img/main/radian-c-cream_sampling_ico_square_check-off_mo.jpg) no-repeat;background-size:contain;}
.promo_pop .pop_today input[type=checkbox]:checked+label::before{vertical-align:baseline;width:3.125vw;height:3.125vw;background:url(/sg/en/resource/img/main/radian-c-cream_sampling_ico_square_check-on_mo.jpg) no-repeat;background-size:contain;}
.promo_pop .promo_pop_close:before, .promo_pop .promo_pop_close:after {display:block;position:absolute; top:3px; left:50%; width:1px; height: 8vw; background:#fff; content:''}
}
/*// 220620 추가사항*/