<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

.sokb-sokblistitem-titleinfo {
	padding:20px 15px;
}

.sokb-sokblistitem-titleinfo .category {
	display: inline-block;
	padding-right:30px;
	padding-bottom: 10px;
	background:url('/hk/zh/resource/img/common/titbg-smallline.gif') no-repeat right top;
}

.sokb-sokblistitem-titleinfo .date {
	display: block;
    height:37px;
}

.custom-relatedlist {
	overflow: hidden;
        display:none;
}

.custom-relatedlist-wrap {
	margin-left: -16px;
}

.custom-relatedlist-wrap:after {
	clear:both;
	content:'';
	display: block;
}

.custom-relatedlist-item {
	float: left;
	width: 33.33%;
	padding-left:16px;
}

.custom-relatedlist-item a {
	display: block;
	border:1px solid #e5e5e5;
}

.custom-relatedlist-item img {
	width: 100%;
}

.com-videothumb-thumb {
	position: relative;
}

.tablet .sokb-sokblistitem-titleinfo {
    padding:20px 0;
}

.web .sokbviewbox-right .relaproduct-slider-wrap .UIslider-item a {
    width: 100%;
}

.web .sokb-sokblistitem-titleinfo{
    position: relative;
}
.web .sokb-sokblistitem-titleinfo:after {
    clear:both;
    content:'';
    display: block;
}

.web .sokb-sokblistitem-titleinfo .category {
    position: absolute;
    left:0;
    top:20px;
}

.web .sokb-sokblistitem-titleinfo .date {
    float: right;
    padding-left:110px;
    height:40px;
}

.sokb-colum33-wrap {*zoom:1}

.sokb-colum33-wrap:after {
	clear:both;
	content:'';
	display: block;
}

.sokb-colum33-item {
	float: left;
	width: 100%;
	padding-bottom: 50px;
}


.tablet .sokb-colum33 {
    overflow: hidden;
}

.tablet .sokb-colum33-wrap {
    margin-left:-36px;
    padding-bottom: 30px;
}

.tablet .sokb-colum33-item {
    width: 33.33%;
    padding:0 0 50px 36px;

}

.web .sokb-colum33 {
    overflow: hidden;
    padding-bottom:10px;
}

.web .sokb-colum33-wrap {
    margin-left:-60px;
    padding-bottom: 0;
}

.web .sokb-colum33-item {
    width: 33.33%;
    padding:0 0 0 60px;

}
@charset "utf-8";



.custom-sokb-visual {
	padding-bottom: 30px;
}

.custom-sokb-visualwrap{
	position: relative;
}

.custom-sokb-tit {
	padding:20px 15px;
	font-stretch: extra-condensed;
	background: url('/hk/zh/resource/img/school-of-k-beauty/sokb-titbg.png') repeat-x 0 0;
}

.custom-sokb-titcon {
	padding-bottom: 10px;
}


.custom-sokb-visualimg {
	text-align: center;
}

.custom-sokb-visualimg img{
	width: 100%;
}

.custom-sokb-visualtext {
	padding-top: 20px;
}

.custom-skob-month{
	color: #959595;
	font-size: 180px;
	line-height:100%;
    letter-spacing:-15px;
}

.custom-skob-year, .custom-skob-tit, .custom-skob-con {
	display: block;
	padding:0 15px;

}

.custom-skob-year {
	padding: 0 15px 10px 15px;
}

.custom-skob-tit {
	padding-bottom: 20px;
}

.custom-skob-con {
	padding-bottom: 30px;
}

.custom-sokb-thumblist {
	padding:0 15px;
}

.custom-sokb-thumblist-wrap {
	overflow: hidden;
}

.custom-sokb-thumblist-item {
	margin-top: 20px;
	min-height:73px;
	position: relative;
}

.custom-sokb-thumblist-item a{
	display: block;
	min-height:73px;
}

.custom-sokb-thumblist-item:first-child {
	margin-top: 0;
}

.custom-sokb-thumblist-photo {
	position: absolute;
	left:0;
	top:0;
}

.custom-sokb-thumblist-play {
	display: block;
	width: 30px;
	position: absolute;
	left:50%;
	top:50%;
	margin:-15px 0 0 -15px;
}

.custom-sokb-thumblist-item a:hover .custom-sokb-thumblist-dimmd {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity: 0.2;
}

.custom-sokb-thumblist-play img{
	width: 100%;
}

.custom-sokb-thumblist-con {
	padding-left:120px;
}

.custom-sokb-thumblist-con dl dt{
	padding-bottom: 20px;
}

.custom-sokb-thumblist-con dl dd{
	line-height:1.5;
	height:40px;
	word-wrap: break-word;
}

.tablet .custom-sokb-visual {
    background: url('/hk/zh/resource/img/school-of-k-beauty/sokb-viualbg.png') no-repeat left 60px;
    padding-top:30px;
    padding-bottom :60px;
}

.tablet .custom-sokb-wrapper {
    position: relative;
    background: url('/hk/zh/resource/img/school-of-k-beauty/sokb-viualbg.png') no-repeat 80% top;
}

.tablet .custom-sokb-visualwrap{
    position: relative;
}

.tablet .custom-sokb-visualimg {
    max-width:472px;
    margin: 0 auto;
}

.tablet .custom-sokb-tit {
    position: absolute;
    left:0;
    top:40px;
    width: 236px;
}

.tablet .custom-sokb-visualtext {
    position: absolute;
    right:0;
    bottom:40px;
    padding:0;
    width: 300px;
}

.tablet .custom-skob-month{
    text-align: right;
}

.tablet .custom-sokb-thumblist {
    padding:0;
    max-width:800px;
    margin:0 auto;
}

.tablet .custom-sokb-thumblist-wrap {
    overflow: hidden;
    margin-top: 20px;
    margin-left:-20px;
}

.tablet .custom-sokb-thumblist-item {
    margin: 0;
    float: left;
    padding-left:20px;
    width: 50%;
}

.tablet .custom-sokb-thumblist-photo {
    left:20px;
}

.tablet .custom-skob-con, .tablet .custom-skob-tit, .tablet .custom-skob-year {
    padding-left:0;
    padding-right:0;
}


.web .custom-sokb-visual {
    padding-top:40px;
    padding-bottom :100px;
    background-position:30px 200px;
}


.web .custom-sokb-wrapper {
    background-position:90% top;
}

.web .custom-sokb-tit {
    width: 500px;
    top:60px;
    padding: 30px 30px 30px 30px;
}

.web .custom-sokb-titcon {
    padding-bottom: 30px;
}


.web .custom-sokb-visualtext {
    right:0;
    bottom:60px;
    width: 382px;
}


.web .custom-sokb-visualimg {
    max-width:600px;
    margin: 0 auto;
}

.web .custom-sokb-visualimg img{
    padding-left: 100px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


.web .custom-skob-month{
    font-size: 240px;
}

.web .custom-skob-con {
    padding-bottom: 0;
}

.web .custom-sokb-thumblist{
    position: absolute;
    left:30px;
    bottom:60px;
}

.web .custom-sokb-thumblist {
    width: 300px;
}

.web .custom-sokb-thumblist-wrap{
    margin:0;
}

.web .custom-sokb-thumblist-item {
    padding-left:0;
    width: 300px;
    margin-top: 40px;
}

.web .custom-sokb-thumblist-photo{
    left:0
}
@charset "utf-8";

.sokb {padding-top:20px;}

/* viedo item */

.com-videothumb a{
	display: block;
}

.com-videothumb {
	position: relative;
}
.com-videothumb img{
	width: 100%;
}

.com-videothumb-play{
	width: 50px;
	height:50px;
	position: absolute;
	left:50%;
	top:50%;
	margin-top:-25px;
	margin-left:-25px;
}

.com-videothumb a:focus .com-videothumb-dimmd,
.com-videothumb a:hover .com-videothumb-dimmd{
	display: block;
}

.com-videothumb-dimmd{
	display: none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity: 0.2;
}


.web .com-videothumb-thumb {
    overflow: hidden;
}
.web .com-videothumb a img{
    transition: all .5s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

}
.web .com-videothumb a:hover img{
    transition: all .5s ease-in-out;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.ie8 .web .com-videothumb a:hover img{
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

/* school of k-beauty related product slider */
.relaproduct-slider {padding-bottom:60px; position:relative; text-align:center; padding-top:20px; border-bottom:1px solid #e4e4e4; margin-bottom:30px;}
.relaproduct-slider-wrap { position: relative; z-index:10; width: 100%;}
.relaproduct-slider-wrap ul:after {content:""; display:block; clear:both;}
.relaproduct-slider-itemimg img {width:120px;}
.relaproduct-slider-itemtxt {padding-top:25px;}
.UIslider-item a { display: inline-block; width:50%;}

.tablet .relaproduct-slider {padding-bottom:80px;}
.tablet .relaproduct-slider-item {padding:0 12px;}
.tablet .UIslider-item a { width:25%;}

.web .relaproduct-slider {border-bottom:none;}
.web .relaproduct-slider .slider-pagerbox {display:none;}
.web .relaproduct-slider-wrap {margin:0;}
.web .relaproduct-slider-item {width:100%; padding:0; padding-bottom:30px;}
.web .relaproduct-slider-itemimg img {width:180px;}
.web .relaproduct-slider-itemtxt {padding-top:10px;}
.web .UIslider-item a { width:100%;}


/* school of k-beauty view page title */
.sokbvwtit {padding-top:30px; padding-bottom:30px;}
.sokbvwtit-left {padding:10px 90px 0 0; display:inline-block; background:url('/hk/zh/resource/img/school-of-k-beauty/sokbvwtit-bg.gif') no-repeat right center}
.sokbvwtit-left-lesson {padding-bottom:10px;}
.sokbvwtit-right {padding-top:30px;}
.sokbvwtit-right-tit {padding-bottom:10px;}
.sokbviewbox-detailwrap {margin:-1px -15px 0;}
.sokbviewbox-detailwrap .opt-borderbot {border-bottom:none;}
.sokbviewbox-detail {background-color:#f7f7f7; padding:0 15px; height:52px; line-height:52px; width:100%; text-align:left; font-size:16px;}
.sokbviewbox-detail span {display:block; background:url('/hk/zh/resource/img/components/common/viewdetail-tabbg-up.png') no-repeat right center;}
.sokbviewbox-detail.active span {background:url('/hk/zh/resource/img/components/common/viewdetail-tabbg-down.png') no-repeat right center;}
.sokbviewbox-detailcon {padding-right:15px; padding-left:15px; display:none;}
.sokbviewbox-closebtnwrap {padding-bottom:30px; border-bottom:1px solid #e4e4e4;}
.sokbviewbox-closebtn {height:32px; line-height:32px; background:#cfcfcf; width:100%; font-size:12px;}
.sokb-related-nocontwrap {overflow:hidden; position:absolute; padding:110px 30px 198px 70px; right:0; top:0; width:25%; height:100%;}
.sokb-related-nocont {background:url('/hk/zh/resource/img/school-of-k-beauty/related-nocont-bg.gif') repeat left top; width:100%; height:100%;}
.sokbviewbox-detailcon {padding-top:30px;}

.tablet .sokbvwtit {padding:30px;}
.tablet .sokbvwtit:after {content:""; display:block; clear:both;}
.tablet .sokbvwtit-left {float:left;}
.tablet .sokbvwtit-right {float:right; padding:0; text-align:right;}
.tablet .sokbviewbox-detailwrap {margin-left:0; margin-right:0;}
.tablet .sokbviewbox-detail {padding:0 20px;}
.tablet .sokbviewbox-detailcon {padding-left:0; padding-right:0;}
.tablet .sokbviewbox-closebtnwrap {text-align:center;}
.tablet .sokbviewbox-closebtn {padding:0 20px; width:auto;}

.web .sokbvwtit {padding:40px 30px;}
.web .sokbvwtit-left {padding-right:100px;}
.web .sokbvwtit-left-lesson {padding-bottom:20px;}
.web .sokbvwtit-right-tit {padding-bottom:20px;}
.web .sokbviewbox-detail {display:none;}
.web .sokbviewbox-detailwrap .opt-borderbot {border-bottom:1px solid #e4e4e4;}
.web .sokbviewbox-detailcon {display:block;}
.web .sokbviewbox-closebtnwrap {display:none;}

/* school of k-beuaty view page 컨텐츠 다단 */
.sokbviewbox {padding-bottom:160px; position:relative;}
.sokbviewbox-right {padding-top:30px;}
.sokbviewbox .circlebtn-wrap {position:absolute; bottom:0; left:50%; margin-left:-32px;}


.tablet .sokbviewbox-right {padding-top:50px;}
.tablet .sokbviewbox-right .slider-pagerbox {bottom:20px;}

.web .sokbviewbox {padding-bottom:0;}
.web .sokbviewbox:after {content:""; display:block; clear:both;}
.web .sokbviewbox-left {float:left; width:75%;}
.web .sokbviewbox-right {float:left; width:25%; padding-left:70px; padding-top:40px; text-align:center;}
.web .sokbviewbox .circlebtn-wrap {margin-top:40px; position:static; }

@charset "utf-8";

.custom-sokbvwtit {padding-top:30px; padding-bottom:30px;}
.custom-sokbvwtit-left {margin:10px 0; display:inline-block; padding-right:90px; background:url('/hk/zh/resource/img/school-of-k-beauty/sokbvwtit-bg.gif') no-repeat right top;}
.custom-sokbvwtit-left-lesson {padding-bottom:10px;}
.custom-sokbvwtit-left .opt-text-arbfont {padding-bottom:10px;}
.custom-sokbvwtit-right {padding-top:30px;}
.custom-sokbvwtit-right-tit {padding-bottom:10px;}

.tablet .custom-sokbvwtit {padding:30px; display:table; width:100%;}
.tablet .custom-sokbvwtit:after {content:""; display:block; clear:both;}
.tablet .custom-sokbvwtit-left {display:table-cell; vertical-align:top; width:210px; padding-right:80px;}
.tablet .custom-sokbvwtit-left .opt-text-arbfont {padding-bottom:10px; padding-top:10px;}
.tablet .custom-sokbvwtit-left .opt-btm {padding-bottom:10px;}
.tablet .custom-sokbvwtit-right {display:table-cell; padding:0 0 0 20px; text-align:right;}
.tablet .custom-sokbvwtit-right .opt-text-arbfont {padding-bottom:10px;}

.web .custom-sokbvwtit {padding:40px 30px;}
.web .custom-sokbvwtit-left {width:250px; padding-right:85px;}
.web .custom-sokbvwtit-left-lesson {padding-bottom:20px;}
.web .custom-sokbvwtit-right-tit {padding-bottom:20px;}
.web .custom-sokbvwtit-left .opt-text-arbfont {padding-bottom:10px;}
.web .custom-sokbvwtit-right .opt-text-arbfont {padding-bottom:15px;}</pre></body></html>