@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/en/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/en/resource/img/common/viewdetail-tabbg-up.png') no-repeat right center;}
.sokbviewbox-detail.active span {background:url('/hk/en/resource/img/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/en/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/en/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;}