@charset "utf-8";
/* 사용범위정의:.container 하위 부터, components.html에서 확인 가능 */
/* global use */
.clear{zoom:1;}
.clear:after{display:block;clear:both;content:'';}
.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.ellipsis{overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.2em; height: 2.4em; clear: both; zoom: 1;}
.ta-c{text-align:center;}
.ta-l{text-align:left;}
.ta-r{text-align:right;}
.hide{display:none;}
.show{display:block !important;}
.positionR{position:relative;}
.overflow{overflow:hidden;}
/* color */
.point-color{color:#37c6f2;}
/* align */
.vm{vertical-align:middle;}
/* arrow */
.arr{border-width:5px;border-style:solid;border-color:transparent;}
.arr.arr-t-w{border-top-width:2px;border-bottom-color:#fff;}
.arr.arr-b-w{border-bottom-width:2px;border-top-color:#fff;}

/* common layout */
.wide-section{position:relative;z-index:5;margin-right:260px;} /* no-padding content section */
.wide-section.type2{padding:30px 30px 0;max-height:none;}
.wide-section.type2 .page-title{color:#444;position:relative;z-index:10;margin:0 0 20px;}
.wide-section .check-label-block{}
.main-page-header{position:relative;z-index:50;border-bottom:1px solid #ddd;margin:0 0 20px 0;padding-bottom:5px;}
.main-page-header .page-title a{font-size:18px;color:#444;font-weight:600;}
.ch-page-header{position:relative; z-index:50;margin:0 0 10px 0;}
.ch-page-header .page-title{font-size:18px;color:#444;font-weight:600;}
.ch-page-header .page-title a{font-size:18px;color:#444;font-weight:600;}
.ch-page-header .page-title .more-view{position:absolute; top:3px; right:0; letter-spacing:-1px; font-size:13px;color:#999; font-weight:normal;}
.page-header{position:relative;z-index:50;border-bottom:3px solid #000;margin:0 0 25px;padding:0 0 10px 0;}
.page-header .page-title{font-size:20px;font-weight:600;line-height:1.2em;}
.page-header .option,
.page-header .option.btn-inline{position:relative;text-align:right;display:block;}
.page-header .option div{margin:0 0 0 5px;}
.page-header .option .btn-square{display:none;}
.section-title{font-size:16px; margin:0 0 10px;}
/* .ch-category{padding:0 25px 0 25px; margin:0 -25px 30px -25px;} */
.ch-category{margin:25px 0; border-bottom:1px solid #ddd; position:relative;}
/* form layout */
form .section-fieldset.first{border-top:0;padding-top:0;}
form .section-fieldset.policy{padding-top: 0;}
form .section-fieldset{border-top:1px solid #ddd;margin:0 0 25px; padding-top:25px;}
.section-form{padding:0 0 0 140px;position:relative;}
.form-block{position:relative;margin:0 0 25px 0;}
.form-block.half{margin:0 0 10px 0;}
.form-block.point{background:#f5f5f5;}
.form-block .label{position:absolute;top:0;left:-140px;width:140px;word-break:break-all;font-size:13px;padding:6px 0 0 0;font-weight:600;}
.form-block .label.l{font-size:18px;}
.form-block.last{margin:25px 0 0 0;text-align:center;}
.form-block.last.type-2{padding:25px 0 0;border-top:1px solid #ddd;}
.form-block.last .btn-s{position:absolute;top:40px;right:0;}

/* components */
/* form object */
/* text */
p,.text{font-size:12px;line-height:1.4em;color:#222;}
.alert-text{font-size:12px;color: #f00;}
.able-text{font-size:12px;color:#38c6f2;}
.guide-text{font-size:11px;color:#888;}
.guide-text-l{font-size:14px;color:#444;font-weight:500;}
.guide-text-l2{font-size:14px;color:#444;}
.alert-text,.able-text,.guide-text,.guide-text-l,.guide-text-l2{margin:5px 0;}
.layer-text1{font-size:22px;color:#fff;margin:0 0 10px;}
.page-title{font-size:22px;}
.video-title, .bold{font-weight:600;}
h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2em;font-family:inherit;}
h1{font-size:38px;}
h2{font-size:30px;}
h3{font-size:14px;}
h4{font-size:17px;}
h5{font-size:14px;}
h6{font-size:12px;}
/* button */
.btn{/* .btn > basic, btn-m */
	font-size:12px;
	line-height:18px;
	display:inline-block;
	color:#444;
	border:1px solid #999;
	cursor:pointer;
	outline:0;
	overflow:visible;
	white-space:nowrap;
	padding:4px 10px;
	border-radius:3px;
	text-align:center;
	vertical-align:middle;
	*margin:0 2px;*zoom:1;*display:inline-block; /* ie7 hack */
	background:#fff;
	min-width:50px;
}
.btn:active{-webkit-box-shadow:0 1px 3px rgba(30,30,30,.3) inset;-o-box-shadow:0 1px 3px rgba(30,30,30,.3) inset;box-shadow:0 1px 3px rgba(30,30,30,.3) inset;}
.btn:hover,.btn.on{border-color:#47bae5;color:#38c7f3;text-decoration:none;}
a:focus,input:focus{outline:1px dotted invert;outline-offset:-2px;}
.btn-apply{background:#444;color:#fff;border:1px solid #444;}
.btn-apply:hover,.btn-apply:focus{background:#333;border:1px solid #1f1f1f;color:#fff;}
.btn-apply:active{-webkit-box-shadow:0 1px 6px #000 inset;}
.btn-apply sub{color:#bcbdbd;}
.btn-point{background:#38c6f2;color:#fff;border:1px solid #38c6f2;}
.btn-point:hover,.btn-point:focus{background:#17bff0;border:1px solid #4accf2;color:#fff;}
.btn-point:active{-webkit-box-shadow:0 1px 6px #2e97c9 inset;}
.btn-point sub{color:#d6f5ff;}
.btn-disabled,.btn-disabled:hover,.btn-disabled:active{background:#f3f3f3;color:#bbb;border:1px solid #dbdbdb;-webkit-box-shadow:none;box-shadow:none;}
.btn-white{background:#fff;color:#38c6f2;border:1px solid #fff;}
.btn-s{padding:0 8px;}
.btn-m{min-width:60px;}
.btn-l{font-size:14px;line-height:16px;font-weight:600;padding:9px 20px;}
.btn-xl{font-size:18px;line-height:1.5em;font-weight:600;padding:12px 12px;text-transform:uppercase;}
.btn-xl sub{display:block;font-size:14px;line-height:1.2em;}
.btn-block{display:block;width:100%;padding-left:0;padding-right:0;}
.btn-square{padding:2px 0;width:30px;min-width:0;text-align:center;border-color:#bbb;height:24px;}
.btn-inline{font-size:0;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
.btn-inline button{margin:0 0 0 -1px;min-width:23px;border-radius:0;height:24px;border:1px solid #ddd;background:#f4f4f4;color:#aaa;text-align:center;white-space:nowrap;}
.btn-inline button:hover,.btn-inline .current{border:1px solid #bbb;position:relative;z-index:10;color:#444;background:#fff;}
.btn-inline button:first-child{border-radius:3px 0 0 3px;}
.btn-inline button:last-child{border-radius:0 3px 3px 0;}
.btn-reset{border:0;background:none;}
.btn-reset:active{-webkit-box-shadow:0;box-shadow:0;}
.btn-app-default{width:48px;background:transparent; border:1px solid #fff; border-radius:0; color:#fff; font-size:11px;padding:2px 3px;overflow:hidden;}
.btn-app-default.disabled{border-color:#666;color:#888;cursor:default;}
.btn-app-default:hover{border-color:#38c6ff;background:transparent;text-decoration:none;color:#38c6ff;}
.btn-app-default.disabled:hover{border-color:#666;color:#888;text-decoration:none;}


/* select */
.select{display:inline-block;position:relative;}
.select select{height:28px;padding:5px;vertical-align:middle;border:1px solid #ccc;width:100%;}
.select.wauto{width:auto;}
.select select:focus{border-color:#3ac7f2;}
.select-custom{position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
.select-custom button{border:1px solid #fff;}
.select-custom button span{border-width:6px 4px 2px;border-style:solid;border-color:#333 transparent transparent transparent;display:inline-block;}
.select-custom ul{position:absolute;top:100%;right:0;z-index:10;background:#fff;border:1px solid #999;max-height:400px;overflow:auto;box-shadow:0 5px 10px rgba(30,30,30,.2);*width:200px;max-width:300px;}
.select-custom ul li{position:relative;width:100%;}
.select-custom ul li:first-child{margin-top:0;}
.select-custom ul li label{display:block;padding:4px 20px 4px 10px;text-overflow:ellipsis;overflow:hidden;}
.select-custom ul li label:hover{background:#37c6f2;color:#fff;}
.select-custom ul li input{position:absolute;top:0;left:-100px;z-index:-1;visibility:hidden;}

/* input-text */
.input-text{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:6px 0;
	height:28px;
	*height:14px;
	border:1px solid #ccc;
	width:100%;
	font-size:12px;
	line-height:1.2em;
	color:#777;
	text-indent:7px;
	*text-indent:0;
	vertical-align:middle;
	-webkit-appearance:none;
	border-radius:0;
	}
.input-text:focus,.input-text.input-l:focus{border-color:#3ac7f2;color:#222;}
.input-text.input-l{height:36px;border:1px solid #ccc;font-size:16px;}
.input-text.readonly{border:0;color:#888;background:transparent;}
.size-1{width:70px;*width:68px;}
.size-2{width:274px;*width:272px;}
.size-3{width:85%;min-width:264px;*width:99.4%;*padding:0 2px 0 0;}
.size-1,.size-2{display:inline-block;*display:inline;*zoom:1;}
.size-m{width:274px;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;margin:0 10px 0 0;}
.size-m.textarea{width:276px;display:inline-block;*display:inline;*zoom:1;}
.input-error{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
.input-blank{margin-bottom:10px;}
/* search */
.full-search{position:relative;}
.full-search button{position:absolute;top:0;right:0;}
.full-search .full-input{margin:0 70px 0 0;}
.sub-searchform{position:relative;display:inline-block;*display:inline;*zoom:1;border:1px solid #bbb;margin:0 !important;vertical-align:middle;margin-right:-5px !important;}
.sub-searchform input{display:block;width:120px;margin:0 30px 0 0;border:0;padding:2px 0 2px 2px;height:18px;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;}
.sub-searchform .btn-reset{position:absolute;top:1px;right:1px;padding:2px 4px;}
.sub-search2{margin-right: 0 !important;}
.sub-search2 input{position: relative;float: left;padding: 4px 0 4px 2px;}
.sub-search2 button{padding: 4px 4px !important;}

/* textarea */
.textarea{display:block;}
.textarea .block,
.textarea textarea,
.textarea textarea[readonly]:focus{display:block;resize:vertical;min-width:260px;border:1px solid #ddd;min-height:70px;padding:6px;-webkit-overflow-scrolling:touch;}
.textarea textarea{width:90%;-webkit-overflow-scrolling:touch;-webkit-appearance:none;border-radius:0;}
.textarea .block{height:100px;overflow:auto; background:#fff; font-size:12px; color:#888; line-height:1.5;}
.textarea textarea:focus{border:1px solid #38c6f2;}
.textarea .layer-textarea{min-height:0;}
/* input-checks */
.input-checks.horizontal{font-size:0;margin:-3px 0 0 -20px;vertical-align:middle;}
.input-checks.horizontal li{display:inline-block;*display:inline;*zoom:1;margin:3px 0 0 20px;}
.input-checks.horizontal label{min-width:40px;vertical-align:middle;}
.input-checks.horizontal input{vertical-align:middle;}
.input-checks.vertical li{margin:5px 0 0;}
.input-checks .check-label{margin:0;}
.input-label{vertical-align:middle;}
/* check-label */
.check-label-block{padding:5px 0;}
.check-label{font-size:12px;line-height:1.1em;color:#666;margin:0 10px 0 0;vertical-align:middle;}
.check-label input,
.check-label span{vertical-align:middle;}
.check-label input:checked+span{color:#444;}
.check-label.disabled span{color:#b1b1b1;}
/* input-combo */
.input-combo{display:block;vertical-align:middle;text-align:center;}
.input-combo .select{display:inline-block;width:30%;max-width:250px;min-width:150px;}
.input-combo2{position:relative;}
.input-combo2 .size-2{width:50%;}
/* zip-code */
.zip-code .input-text{width:84px;text-align:center;vertical-align:middle;text-indent:0;}
.zip-code .btn{min-width:80px;vertical-align:middle;}
/* login-vertical */
.login-vertical span{font-size:14px;line-height:1.2em;;color:#333;text-shadow:0 1px 0 #fff;}
.login-vertical .input-text{min-width:70px;max-width:120px;width:20%;vertical-align:middle;}
.login-vertical .input-text.id{margin:0 10px 0 0;}
.login-vertical~.size-3{min-width:300px;}
.login-vertical .btn{min-width:60px;vertical-align:middle;}
/* birth */
.birth .input-text{width:70px;vertical-align:middle;text-align:center;text-indent:0}
.birth .select{width:70px;}
/* profile-pic-chagne */
.profile-pic-chagne .profile-pic{float:left;margin:0 10px 0 0;}
.profile-pic-chagne .change-tools{overflow:hidden;}
.profile-pic-chagne .change-tools input{margin:0 0 10px 0;}
.profile-pic-chagne input{}
.profile-pic-chagne .guide-text{}
/* checkbox */
.checkbox{display:inline-block;border:1px solid #ddd;background:#fff;width:16px;height:16px;border-radius:3px;}
.checkbox.round{border-radius:48%;}
.checkbox .sprite{display:none;}
.checkbox.on .sprite{display:inline-block;}

/* UI object */
/* profile-pic */
.profile-pic{display:inline-block;*display:inline;*zoom:1;}
.profile-pic img{width:100%;height:100%;}
.profile-pic.s{width:28px;height:28px;}
.profile-pic.m{width:40px;height:40px;}
.profile-pic.l{width:75px;height:75px;}
/* thumbnail */
.thumbnail{display:inline-block;*display:inline;*zoom:1;}
.thumbnail img{width:100%;height:100%;display:inline-block;*display:inline;*zoom:1;}
.thumbnail.s{width:30px;height:30px;}
.thumbnail.m{width:40px;height:40px;}
.thumbnail.l{width:70px;height:70px;}
/* pagination */
.pagination{text-align:center;margin:20px 0 0;}
.pagination a{min-width:23px;padding:5px 0;line-height:13px;background:#f5f5f5;border:1px solid #bbb;}
.pagination a:hover,.pagination .current{background:#37c9ff;color:#fff;border:1px solid #0aa8ef;}
.latest{}
.prev{}
/* guide-mesage */
.guide-message{background:#f5f5f5;padding:10px;margin:0 0 25px;}
.guide-message h3{font-size:13px;margin:0 0 5px 0;}
.guide-message p{font-size:12px;line-height:1.4em;}
.page-header+.guide-message{margin-top:-25px;}
.decimal{margin:5px 0 0 18px;}
.decimal li{list-style:decimal outside;display:list-item;}
/* profile-type */
.profile-type-s{display:inline-block;*display:inline;*zoom:1;}
.profile-type-s img{margin:0 5px 0 0;width:30px;height:30px;vertical-align:middle;}
/* video-list style */
/* video-list common */
.video-items .video-item input[type="checkbox"]{float:left;margin:40px 10px 0 0;}
.video-items .video-item .video-thumbnail{position:relative;}
.video-items .video-item .video-thumbnail img{max-width:100%;height:100%;}
.video-items .video-item .video-thumbnail .video-state{z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;font-size:0;overflow:hidden;}
.video-items .video-item .video-thumbnail .video-state .state-message{vertical-align:middle;display:inline-block;text-align:center;font-size:14px;font-weight:bold;color:#fff;}
.video-items .video-item .video-thumbnail .video-state .vertical-fix{height:100%;vertical-align:middle;display:inline-block;width:0;}
.video-items .video-item .video-thumbnail .video-state .thumbnail-mask{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#000;}
.video-items .video-item .video-thumbnail .video-state .thumbnail-mask.opacity{opacity:0.70;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
.video-items .video-item .video-thumbnail .play-time{z-index:20;position:absolute;bottom:5px;right:5px;color:#fff;background:#000;font-size:11px;padding:2px 4px;-moz-opacity: 0.80;opacity: 0.80;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
.video-items .video-item .video-thumbnail .icon-hd,
.video-items .video-item .video-thumbnail .icon-hd-s{z-index:20;position:absolute;top:0;right:0;}
.video-items .video-item .video-info .video-url a{color:#10b8e9;}
.video-items .video-item .video-info .video-url a:hover{text-decoration:underline;}
.video-items .video-title a{font-weight:bold;color:#333; font-weight: 600;}
.video-items .video-title a:hover{text-decoration:underline;color:#10b1e0;}
.video-items.play-count .play-count{display:none;}
.video-items.date .date{display:none;}
.video-items.public .public{display:none;}
.video-items.playlist .playlist{display:none;}
.video-items.video-url .video-url{display:none;}
.video-items .thum-active{width: 100%; height: 100%; top:0; left:0; position:absolute; -webkit-box-shadow: inset 0 0 0 4px #4cc7f3; z-index:50; background-color: rgba(0,0,0,0.6);}
.video-items .video-item.direct-on{position:relative;z-index:1;}

/* grid */
.video-items.grid{margin:-25px 0 0 -3.3%;font-size:0;line-height:0;font-family:'serif';zoom:1;overflow:hidden;position:relative;letter-spacing:-1px;}
.video-items.grid .video-item{width:30%;margin:25px 0 0 3.3%;display:inline-block;*display:inline;*zoom:1;vertical-align:top;letter-spacing:0;}
.video-items.grid .video-item .video-thumbnail{height:0;padding-bottom:56.25%;position:relative;text-align:center;}
.video-items.grid .video-item .video-thumbnail a{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;*height:100%;background:#000;}
.video-items.grid .video-item .video-thumbnail .mask-a{display:inline;}
.video-items.grid .video-item .video-info .video-title{height:2.6em;overflow:hidden;line-height:1.1em;margin:10px 0 10px;display:block;}
.video-items.grid .video-item .video-info .guide-text{margin:0 5px 0 0;}
.video-items.grid .video-item .video-info .public,
.video-items.grid .video-item .video-info .playlist,
.video-items.grid .video-item .video-info .video-url{display:none;}
.video-items.grid .video-item .video-view{height:0;padding-bottom:56.25%;position:relative;text-align:center;}

/* list - direct-view2 (20150828 적용) */
.video-items.direct-list .video-item{*zoom:1;padding:10px;overflow:hidden;position:relative; border: 1px solid #fff;}
.video-items.direct-list .video-item:hover{background:#f5f5f5; border: 1px solid #f5f5f5;}
.video-items.direct-list .video-item.direct-on{background:#fbfbfb !important; position:relative; z-index:1; border:1px solid #666; border-bottom:none;}
.video-items.direct-list .video-item.check{background:#ebf9fe;position:relative;z-index:10;}
.video-items.direct-list .video-item .video-thumbnail{width:175px;height:98.4px;float:left;margin:0 15px 0 0; text-align:center; background:#000;}
.video-items.direct-list .video-item .video-info{overflow:hidden;}
.video-items.direct-list .video-item .video-info .video-title{color:#0c87ab; display:block; max-width:470px;}
.video-items.direct-list .video-item .video-info .video-title a{font-size:18px; font-weight:normal; display: -webkit-box; overflow: hidden; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.video-items.direct-list .video-item .video-info .video-title a:hover{text-decoration:none;;}
.video-items.direct-list .video-item .video-info .profile-type-s{display:block;}
.video-items.direct-list .video-item .video-info .direct-btn{position:absolute; right:10px; top:50%; margin-top:-17px;}
.video-items.direct-list .video-item .profile-type-s{margin:5px 0;}
.video-items.direct-list .video-item .video-stats{text-align:left; margin:25px 0 25px 0;}
.video-items.direct-list .video-item .video-action{margin:20px 0 0;}
.video-items.direct-list .direct-view{padding:0 10px 5px;background:#fbfbfb; margin:0; margin-bottom:10px; border:1px solid #666; border-top:none;}
.video-items.direct-list .direct-view .direct-video{padding-bottom:56.25%;position:relative;}
.video-items.direct-list .direct-view .direct-video object,
.video-items.direct-list .direct-view .direct-video embed,
.video-items.direct-list .direct-view .direct-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.video-items.direct-list .direct-view .direct-view-ctrl{position:relative;padding:5px 0 0;color:#888;overflow:hidden;}
.video-items.direct-list .direct-view .direct-view-ctrl,
.video-items.direct-list .direct-view .direct-view-ctrl a{font-size:11px;color:#888;}
.video-items.direct-list .direct-view .direct-view-ctrl a{display:inline-block;width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.video-items.direct-list .direct-view .direct-view-ctrl button{float:right;}
.video-items.direct-list .direct-view .direct-view-ctrl a{margin:0 0 0 5px;}

/* grid video-item type2 */
.video-items.grid .video-item.type2{width:46.7%;}
.video-items.grid .video-item.type2 a{color: #333;}
.video-items.grid .video-item.type2 a:hover{text-decoration:none; color:#4cc7f3;}
.video-items.grid .video-item.type2 .video-thumbnail .thumbnail-bg{z-index: 2; position:absolute; bottom:0; left:0; z-index:1; width:100%; height:100%; background:#000; opacity:0.4;}
.video-items.grid .video-item.type2 .video-thumbnail .thumbnail-bg:hover{opacity:0;}
.video-items.grid .video-item.type2 .video-thumbnail img{position: absolute; top: 0; left:0; right:0; bottom:0;}
.video-items.grid .video-item.type2 .video-view iframe{position: absolute; top: 0; left:0; right:0; bottom:0;  width: 100%; height: 100%;}
.video-items.grid .video-item.type2 .video-title{font-size:18px; line-height:1.2; height:2.4em; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; clear: both; zoom: 1;}

/* selected-background */
.selected-bg{
  display: none;
  position: absolute;
  -webkit-box-shadow: inset 0 0 0 5px #4cc7f3;
  z-index: 1;
  width:100%;
  height:100%;
}

.video-items.grid .video-item.type2 .video-thumbnail .video-info-in{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 20% 2%;
  z-index:1;
  opacity:0;
}
.video-items.grid .video-item.type2 .video-thumbnail .video-info-in:hover{opacity:1;}
.video-items.grid .video-item.type2 .video-thumbnail .video-info-in .video-title-s{
  line-height:1.4;
  font-size: 18px;
  color: #fff;
  font-weight:500;
}
.video-items.grid .video-item.type2 .video-info-in .vt-in{margin: 10px 0;}
.video-items.grid .video-item.type2 .video-info-in.btn-in{opacity:1;}
.video-items.grid .video-item.type2 .video-thumbnail .play-time{z-index: 1;}
.video-items.grid .video-item.type2  .video-thumbnail .thum-stroke{z-index: 10; width: 100%; height: 100%; top:0; left:0; position:absolute; -webkit-box-shadow: inset 0 0 0 1px #ddd;}
.run-over {
  -webkit-animation: over .1s ease-in-out forwards;
}
.run-out {
  -webkit-animation: out .1s ease-out forwards;
}
@-webkit-keyframes over {
	from { -webkit-box-shadow: inset 0 0 0 1px #ddd; }
	to { -webkit-box-shadow: inset 0 0 0 10px #4cc7f3; }
}

@-webkit-keyframes out {
	from { -webkit-box-shadow: inset 0 0 0 10px #4cc7f3; }
	to { -webkit-box-shadow: inset 0 0 0 1px #ddd; }
}

/* @media screen and (max-width:760px){ */
@media
screen and (max-device-width:767px), /* iphone, android */
screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:2) /* lg g 맞춤. */
{
.video-items.grid .video-item.type2{width:96.8%; margin:25px 0 0 3.1%;}
}

/* grid2 */
.video-items.grid2{margin:-27px 0 0 -3.3%;overflow:hidden;font-size:0;/* safari */letter-spacing:-4px;}
.video-items.grid2 .video-item{font-size:12px;display:inline-block;width:30%;margin:27px 0 0 3.3%;vertical-align:top;letter-spacing:0;}
/* @media screen and (max-width:760px){ */
@media
screen and (max-device-width:767px), /* iphone, android */
screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:2) /* lg g 맞춤. */
{
.video-items.grid2{margin-left:-.3%;}
.video-items.grid2 .video-item{width:33%;margin-left:0.3%;}
}
.video-items.grid2 .video-item-inner{border:1px solid #eee;background:#fff;padding:5px;}
.video-items.grid2 .video-item-inner:hover{background:#2dcdff;border-color:#2dcdff;}
.video-items.grid2 .video-item .video-info .profile{margin:0 0 10px 0;}
.video-items.grid2 .video-item .video-info .profile *{vertical-align:middle;}
.video-items.grid2 .video-thumbnail{height:68px;background:#f5f5f5;padding:5px 5px 10px 5px;}
.video-items.grid2 .video-thumbnail a{position:relative;border:1px solid #ddd;}
.video-items.grid2 .video-thumbnail a{display:block;height:100%;text-align:center;background:#000;}
.video-items.grid2 .video-info{background:#f5f5f5;padding:5px;}
.video-items.grid2 .video-info .info{display:block;margin:0;font-size:12px;color:#888;}
/* grid3 */
.video-items.grid3{margin:-14px 0 0 -2%;overflow:hidden;}
.video-items.grid3 .video-item{float:left;margin:14px 0 0 2%;width:23%;}
.video-items.grid3 .video-item-inner{border:1px solid #eee;background:#fff;padding:4px;position:relative;}
.video-items.grid3 .video-item-inner:hover{background:#2dcdff;border-color:#2dcdff;}
.video-items.grid3 .video-item a{display:block;position:relative;width:100%;height:0;padding-bottom:56.25%;}
.video-items.grid3 .video-item a img{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;}
.video-items.grid3 .video-item a .mask{position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;background:#000;
opacity: 0.4;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}
.video-items.grid3 .video-item:hover a .mask{opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.video-items.grid3 .video-item .catagory-name{position:absolute;top:40%;left:0;z-index:300;width:100%;text-align:center;color:#fff;}

/* grid4 */
.video-items.grid4{position:relative;/*  margin:-2% 0 2% -7.2%;  */overflow:hidden; font-size:0;/* safari */letter-spacing:-4px; margin-bottom:15px;}
.video-items.grid4 .video-item{float:left; margin:2% 0 0 7.7%; width:9.5%; letter-spacing:0;}
.video-items.grid4 .video-item:first-child{margin-left:0;}

/* @media screen and (max-width:760px){ */
@media
screen and (max-device-width:767px), /* iphone, android */
screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:2) /* lg g 맞춤. */
{
.video-items.grid4{margin:-14px 0 2% -11.6%;}
.video-items.grid4 .video-item{width:22.5%; margin:14px 0 0 10.8%;}
.video-items.grid4 .video-item:first-child{margin-left:10.8%;}
.video-items.grid4 .video-item .profile-pic.l{width:75px; height:75px;}
.video-items.grid4 .video-info{height:2.5em;}
}
.video-items.grid4 .video-item .video-item-bg{position:relative; width:75px;}
.video-items.grid4 .video-item .video-info .profile{margin:0 0 10px; 0;}
.video-items.grid4 .video-item .video-info .profile *{vertical-align:middle;}
.video-items.grid4 .video-info{padding:5px 0;}
.video-items.grid4 .video-info .video-title{font-size:13px; letter-spacing:-1px;}
.video-items.grid4 .video-info .info{display:block ;margin:5px 0; font-size:11px; color:#888;}

/* popch-items */
.popch-items{position:relative;}
.popch-item:first-child{margin:0;}
.popch-item{margin:30px 0 0 0;}
.popch-item .popch-h{margin:0 0 10px 0;}
.popch-item .popch-h a{display:block;overflow:hidden;color:#444;text-decoration:none;}
.popch-item .popch-h a span{color:#888;}
.popch-item .popch-h .thumbnail{float:left;margin:0 10px 0 0;}
.popch-item .video-items.puzzle{margin:-2% 0 0 -2%;}
.popch-item .video-items.puzzle li{margin: 2% 0 0 2%;width: 22.4%; }
.popch-item .video-items.puzzle li a{border:0;margin:0;}

/* puzzle */
.video-items.puzzle{position: relative; overflow:hidden; margin:.5% 0 0 0; zoom: 1;}
.video-items.puzzle .main{margin:.5% 0 0 0;width:50%;}
.video-items.puzzle .main a{height:0;padding-bottom:56.25%;}
.video-items.puzzle .main a .title-text{padding:10px;font-size:16px;font-weight:bold;}
.video-items.puzzle .video-item{width:24.5%; margin:.5% 0 0 .5%; display: inline-block;}
.video-items.puzzle .video-item .video-thumbnail{height: 0; padding-bottom: 56.25%; position: relative; text-align: center;  }
.video-items.puzzle .video-item .video-thumbnail a{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; background: #000; }
.video-items.puzzle .video-item .video-thumbnail a .title{position:absolute;bottom:0;left:0;width:100%;text-align:center;}
.video-items.puzzle .video-item .video-thumbnail a .title-text{color:#fff;position:relative;z-index:100;display:block;padding:3px;}
.video-items.puzzle .video-item .video-thumbnail a .title-bg{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:100%;background:#000; opacity: 0.4;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);}
.video-items.puzzle .video-item .video-thumbnail img{max-width: 100%; height: 100%; }

/* list */
.video-items.list .video-item{*zoom:1;padding:10px;overflow:hidden;position:relative;}
.video-items.list .video-item:hover,
.video-items.list .video-item.direct-on{background:#d9f4fd !important;position:relative;z-index:1;}
.video-items.list .video-item.check{background:#ebf9fe;position:relative;z-index:10;}
.video-items.list .video-item .video-thumbnail{width:175px;height:98.4px;float:left;margin:0 15px 0 0;text-align:center;background:#000;}
.video-items.list .video-item .video-info{overflow:hidden;}
.video-items.list .video-item .video-info .video-title{color:#0c87ab;font-weight:bold;display:block;margin:0 0 5px;}
.video-items.list .video-item .video-info .profile-type-s{display:block;}
.video-items.list .video-item .video-info .direct-btn{position:absolute;bottom:12px;right:10px;}
.video-items.list .video-item .profile-type-s{margin:5px 0;}
.video-items.list .video-item .video-stats{text-align:left;margin:0 0 5px;}
.video-items.list .video-item .video-action{margin:20px 0 0;}
.video-items.list .direct-view{padding:0 10px 5px;background:#d9f4fd;}
.video-items.list .direct-view .direct-video{padding-bottom:56.25%;position:relative;}
.video-items.list .direct-view .direct-video object,
.video-items.list .direct-view .direct-video embed,
.video-items.list .direct-view .direct-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.video-items.list .direct-view .direct-view-ctrl{position:relative;padding:5px 0 0;color:#888;overflow:hidden;}
.video-items.list .direct-view .direct-view-ctrl,
.video-items.list .direct-view .direct-view-ctrl a{font-size:11px;color:#888;}
.video-items.list .direct-view .direct-view-ctrl a{display:inline-block;width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.video-items.list .direct-view .direct-view-ctrl button{float:right;}
.video-items.list .direct-view .direct-view-ctrl a{margin:0 0 0 5px;}
/* mini */
.video-items.mini .video-item{margin:20px 0 0;*zoom:1;}
.video-items.mini .video-item:after{content:'';display:block;height:0;clear:both;}
.video-items.mini .video-item:first-child{margin:0;}
.video-items.mini .video-item .video-thumbnail{position:relative;width:90px;height:50px;float:left;margin:0 10px 0 0;}
.video-items.mini .video-item .video-thumbnail a{text-align:center;background:#000; position:absolute; width:100%; height: 100%;}
.video-items.mini .video-item .video-thumbnail img{max-width:100%;height:100%;}
.video-items.mini .video-item .video-thumbnail .video-state{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;text-align:center;}
.video-items.mini .video-item .video-thumbnail .video-state .state-message{width:99.9%;vertical-align:middle;display:inline-block;text-align:center;font-size:12px;color:#fff;font-weight:normal;word-wrap:break-word;}
.video-items.mini .video-item .video-thumbnail .video-state .vertical-fix{height:100%;vertical-align:middle;display:inline-block;width:0;}
.video-items.mini .video-item .video-thumbnail .video-state .thumbnail-mask{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#000;}
.video-items.mini .video-item .video-thumbnail .video-state .thumbnail-mask.opacity{opacity:0.70;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
.video-items.mini .video-item .thumbnail-summary{overflow:hidden;display:block;color:#666;display:block;position:relative;font-size:13px;*zoom:1;}

/* indicator */
.indicator{position:fixed;top:50%;left:0;width:100%;z-index:9999;max-width:1280px;text-align:center;margin-top:-15%;}
.offset{position:relative;display:inline-block;*display:inline;*zoom:1;height:89px;}
.offset .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;border-radius:10px;opacity: 0.80;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);box-shadow:0 3px 8px rgba(50,50,50,.3);}
.offset img{position:relative;z-index:10;display:inline-block;*display:inline;*zoom:1;}

/* tab-content */
.tab-content{margin:0 0 20px;position:relative;}
.tab-btns{display:block;border-bottom:3px solid #000;font-size:0;line-height:1em;}
.tab-btns li{display:inline-block;*display:inline;*zoom:1;margin:0 20px -3px 0;}
.tab-btns li button{font-size:12px;font-weight:600;color:#444;background:transparent;padding:10px 5px;border:0;border-bottom:3px solid #000;}
.tab-btns li button.on{border-color:#5dd1f5;color:#5dd1f5;}

.tab-contents{min-height:100px;position:relative;padding:20px 0;}
.tab-content-item{}
.tab-content-item.type2 .section-form{padding:0;overflow:hidden;}
.tab-content-item.type2 .label{display:none;}
.tab-content-item.type2 .network-ad{position:relative;float:right;margin:0 0 20px 10px;}
.tab-content .layer-offset{position:absolute;}
.upload-video-items{position:relative;}
.upload-video-items .layer-offset{position:absolute;}

/* playlist-items */
.playlist-items{margin-top:1px;display:block;min-height:150px;}
.playlist-items .check{background:#ebf9fe;position:relative;z-index:10;}
.playlist-item{padding:8px 0;border:1px solid transparent;margin-top:-1px;-webkit-transition:background 150ms ease-in;position:relative;overflow:hidden;}
.playlist-item .subscription-title{display:block;overflow:hidden;margin:12px 190px 0 50px;}
.playlist-item .subscription-date{position:absolute;top:18px;right:10px;}
.playlist-item .subscription-date span{display:inline-block;width:90px;text-align:center;}
.playlist-item .date{display:inline-block;width:80px;}
.playlist-item span{vertical-align:middle; }
.playlist-item .profile-pic{float:left;}
.playlist-item:hover{background:#d9f4fd !important;}
.playlist-item.new{background:#d7eeff;}
.playlist-item .size-2{width:250px;}
.playlist-item input[type="checkbox"]{float:left;margin:9px 0 0 10px;}
.playlist-item .order:first-child{margin:5px 10px 0 10px;}
.playlist-item .order{float:left;width:25px;text-align:center;margin:0 4px 0 0;font-size:0;line-height:0;}
.playlist-item .order button{color:#555;width:18px;height:16px;border:1px solid transparent;}
.playlist-item .order button:hover{border:1px solid #c1defd;}
.playlist-item .order button span{border-width:5px;border-style:solid;display:inline-block;font-size:0;text-indent:100%;white-space:nowrap;}
.playlist-item .order button[title="up"] span{border-top-width:0;border-color:transparent transparent #000 transparent;margin-bottom:2px;}
.playlist-item .order button[title="up"]:hover span{border-bottom-color:#37c6f2;}
.playlist-item .order button[title="down"] span{border-bottom-width:2px;border-color:#000 transparent transparent transparent;}
.playlist-item .order button[title="down"]:hover span{border-top-color:#37c6f2;}
.playlist-item .order button:active{background:#d9f3ff;}
.playlist-item .order button:hover{color:#37c9ff;}
.playlist-item .order+div{display:inline-block;*zoom:1;*display:inline;}
.playlist-item.playlist-check{background:#e8f8ff;}
.playlist-item .pl-checker{margin:32px 0 32px 10px !important;}
.playlist-item .pl-order{margin:3% 4px 3% 0;}
.playlist-item  .playlist-btn{position: absolute; top:0; right: 0; padding:38px 10px 0;}
.playlist-item .playlist-info{position:relative; overflow:hidden; width:80%;}
.playlist-item .playlist-info .pl-img{margin: 0 15px 0 0; text-align: center; background: #000;}
.playlist-item .playlist-info .pl-stats{overflow:hidden;}
.playlist-item .playlist-info .pl-stats .pl-title{display:block; font-weight:600; margin:0 0 5px;}
.playlist-item .playlist-info .pl-stats .pl-state, .pl-info-text {display:block; margin:5px 0; font-size:12px;}
.list-empty{text-align:center;height:150px;}
.list-empty p{display:inline-block;vertical-align:middle;}
.vertical-fix{height:100%;vertical-align:middle;display:inline-block;width:0;font-size:0;}

/* ch-playlist-item */
.ch-playlist{height:444px; background:#202020; overflow:hidden;}
.ch-playlist .ch-playlist-item{overflow:hidden;}
.ch-playlist .ch-playlist-item .playlist-header{padding:0 10px;}
.ch-playlist-item .playlist-header .info{padding:20px 0 10px; /* border-bottom:solid 1px #666; */}
.ch-playlist-item .playlist-header .info .info-title{color:#fff; margin:0 0 15px;}
.ch-playlist-item .playlist-header .info .info-control{overflow:hidden; z-index:3;}
.ch-playlist-item .playlist-header .info .info-control .select.pl{float:left; background:transparent; margin-right: 5px;}
.ch-playlist-item .playlist-header .info .info-control .pl-controls{margin-bottom: 5px;}
.ch-playlist-item .playlist-header .info .info-control button{margin-left:0.63em;}
.ch-playlist-item .playlist-video-items{overflow-y:scroll; height:350px;}
.ch-playlist-item .pl{margin:0; background:#333; color:#fff; overflow:auto;/*  padding:10px 10px 0; */}
.ch-playlist-item .pl li{overflow: hidden; color:#fff; padding:10px;}
.ch-playlist-item .pl li a:hover{text-decoration:none;}
.ch-playlist-item .pl .video-item.active{background:#f84f6c;}
.ch-playlist-item .pl .video-item.active:hover{background:#f84f6c !important;}
.ch-playlist-item .pl .video-item:hover{background:#444;}
.ch-playlist-item .video-items.mini .video-item{margin:0;}
.ch-playlist-item .info-control .icon-forward{background-position:-700px -50px;}
.ch-playlist-item .info-control .icon-reverse{background-position:-725px -50px;}
.ch-playlist-item .info-control .icon-stop{background-position:-675px -51px;}
.ch-playlist-item .info-control .icon-repeat{background-position:-650px -75px;}
.ch-playlist-item .info-control .btn-repeat.on .icon-repeat{background-position:-650px -50px;}
.btn-round{position: relative; min-width: 28px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background: #666; border: 1px solid #666; padding: 4px 5px;}
.btn-round:hover, .btn-round.on{background:#f84f6c; border-color:#f84f6c; color:#38c7f3;}
.btn-repeat,.btn-repeat.on, .btn-repeat:hover {position: relative; min-width: 28px; padding: 4px 5px; background-color:transparent; border-color:transparent;}
.select.pl .select-b{height:28px;padding:5px; vertical-align:middle;/* border:1px solid #444;width:100%; background:#333; color:#fff; */} 

/* upload-video-item */
.upload-video-info{background:#e8f8ff;padding:5px 0;overflow:hidden;}
.upload-video-info .icon-file{float:left;margin:5px 10px;}
.upload-video-info .file-info{overflow:hidden;}
.upload-video-info .file-info .file-name{font-weight:bold;font-size:14px;color:#444;}
.upload-video-info .file-info .meta-info{color:#777;}
.swfupload{width:200px;}
/* preview-images */
.preview-images{margin:0 0 0 -10px;}
.preview-images li{display:inline-block;*display:inline;*zoom:1;vertical-align:top;margin:10px 0 0 10px;}
.preview-images li label{position:relative;}
.preview-images li label img{display:block;width:175px;height:98px;position:relative;z-index:1;}
.preview-images li label input{position:absolute;top:10px;left:10px;z-index:-1;}
.preview-images li label .border{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:gray;
-moz-opacity: 0;
opacity: 0;
filter:alpha(opacity=0);}
.preview-images li label .checkbox{position:absolute;margin:10px; z-index:10;}
.preview-images li label.on .border{width:165px;height:88px;border:5px solid #10baeb;background:none;
-moz-opacity: 1;
opacity: 1;
filter:alpha(opacity=100);
}
.preview-images li label.on .checkbox .sprite{display:inline-block;}
.preview-images li label .thumb-bg{background:#f5f5f5; cursor:default;}
.preview-images li .btn-file{position:relative; overflow:hidden; z-index:1; display:block;}
.preview-images li .btn-file{display: block;}
.preview-images li span .file-hide{width:170px;}



/* openclose Item */
.openclose{background:#eee;border-top:1px dashed #ddd;border-bottom:1px dashed #e5e5e5;text-align:center;display:none;}
.openclose>div{padding:10px 0;}

/* specific page style */
/* login */
.or{border-top:1px solid #e7e7e7;height:70px;margin:60px 0 0;position:relative;text-align:center;width:290px;}
.or .sprite{background-position:-250px -219px;width:40px;height:40px;margin-top:-25px;}
.check-login{float:left;}
.check-login input{vertical-align:middle;}
.loginfind{position:absolute; top: 54px; right:315px; float:right;}
.find-id{color:#10b3e2; font-weight:800;}
/* email-confirm */
.confirm-info-box{padding:10px;text-align:center;color:#fff;background:#38c9ff;font-size:14px;margin:30px 0 0;}
.guide-box{text-align:center;background:#eee;border-bottom:1px solid #ddd;}
.email-confirm .guide-box >div{padding:20px 10px;}
.email-confirm .guide-box div div button{min-width:80px;}
/* signup */
.signup-policy{position:relative;*zoom:1;margin:20px 0 0;*overflow:hidden;}
/* channel-video-list */
.brand-img img{display:block;width:100%;max-width:100%;}
.brand-summary{position:absolute;bottom:0;width:100%;overflow:hidden;padding:10px 0;}
.brand-summary h2{color:#fff;float:left;margin:0 0 0 30px;position:relative;z-index:10;font-size:24px;font-weight:normal;}
.brand-summary .number-info{float:right;color:#fff;margin:0 30px 0 0;position:relative;z-index:10;}
.brand-summary .number-info span{margin:0 0 0 20px;}
.brand-summary .number-info span>span{margin:0 0 0 5px;}
.brand-summary .mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:1;opacity: 0.50;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
/* view */
.v-player{overflow:hidden;}
.current-v{width:80%;float:left;}
.next-v{width:20%;float:left;}
.next-v .next-v-item{background:#eee;padding-bottom:55.75%;height:0;position:relative;cursor:pointer; border-bottom: 1px solid #dedede;}
.next-v .next-v-item.active{background:#333;}
.next-v .next-v-item .img{position:absolute; top:0; left:0; right:0; bottom:0; *width:100%; *height:100%; margin: 3.37% 4% 3.37% 8%; text-align:center; background:#000;}
.next-v .next-v-item.active .img:after{content:'';border:8px solid transparent;border-width:6px 8px 6px 0; border-right-color:#38c6f2; position:absolute; top:50%; left:-10px; margin-top:-6px;}
.next-v .next-v-item:last-child {border-bottom:0;}
.next-v .next-v-item img{max-width:100%;height:100%;}

.main-player-section{position:relative;height:0;z-index:5;padding:0 0 56.25%;}
.main-player-section iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.video-header{position:relative;margin:0 0 5px;}
.video-header .page-title{font-size:26px;line-height:1.2em;}
.video-stats{margin:5px 0;text-align:right;}
.video-stats li{display:inline-block;*display:inline;*zoom:1;margin:0 0 0 10px;}
.video-stats li span{color:#444;}
.video-stats li span:first-child{color:#777;}
.video-comment{margin:0 0 20px;}
.video-comment .comment-header{border-bottom:3px solid #000;padding:0 0 10px;}
.player-bundle{position:absolute;top:0;left:0;z-index:1000;width:100%;height:100%;text-align:center;}
.player-bundle .option{position:absolute;top:10px;right:10px;z-index:9999;}
.player-bundle .option button{background:#000;}
.player-bundle .panel-inner{display:inline-block;*display:inline;*zoom:1;height:100%;width:50%;min-width:300px;font-size:0;}
.player-bundle .panel{position:relative;z-index:900;width:99.9%;text-align:left;}
.player-bundle .panel,
.player-bundle .vfix{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;}
.player-bundle .panel-header{padding:6px;}
.player-bundle .panel-header h3{color:#29cafc;font-size:12px;font-weight:normal;white-space:pre-line;*white-space:pre;}
.player-bundle .panel-tab,
.player-bundle .panel-tab-content{background:#202020;color:#888;border-bottom:1px solid #333;}
.player-bundle .panel-tab-content{padding:6px;height:100px;overflow:auto;-webkit-overflow-scrolling:touch;}
.player-bundle .panel-tab{font-size:0;}
.player-bundle .panel-tab a{color:#fff;padding:6px 10px;display:inline-block;*display:inline;*zoom:1;border-bottom:1px solid #333;margin-bottom:-1px;text-decoration:none;}
.player-bundle .panel-tab a:hover,
.player-bundle .panel-tab a.active{border-bottom:1px solid #38c6f2;}
.player-bundle .panel-content{font-size:12px;}
.player-bundle .panel-bottom{margin:10px 0;}
.player-bundle .panel-bottom .check{float:left;margin-top:2px;}
.player-bundle .panel-bottom .check *{vertical-align:middle;}
.player-bundle .panel-bottom label{color:#1ab2e1;font-size:12px;}
.player-bundle .panel-bottom a{color:#666;font-size:12px;}
.player-bundle .panel-bottom .btn-reset{border:1px solid #1ab2e1;color:#1ab2e1;background:#000;width:50px;height:24px;float:right;}
.player-bundle .vfix{height:100%;width:.1%;}
.player-bundle .mask{position:absolute;top:0;left:0;z-index:500;width:100%;height:100%;background:#000;opacity:.7;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
.player-stop-ad{position:absolute;width:300px;height:250px;top:50%;left:50%;margin-left:-150px;margin-top:-125px;z-index:9999;background:#333;}
.network-ad{position:absolute;right:0;z-index:9999;}
.network-ad button{position:absolute;top:0;right:0;z-index:99999;background:#000;}
.player-stop-ad button{position:absolute;top:0;right:0;z-index:1000;background:#000;}
.mobile-bottom-ad{text-align:center;position:fixed;bottom:0;left:0;width:100%;z-index:9999;display:none;font-size:0;line-height:0;}
.mobile-bottom-ad div{font-size:0;line-height:0;}
.mobile-bottom-ad a{display:block;text-align:center;background:#000;}
div[data-adam-elem=container]{position:fixed;bottom:0;z-index:1000;}

/* ch-poromotional-links */
.links-section{position:relative; z-index:5; margin-right:260px;}
.links-section .ch-links{position:relative; height:0; z-index:5; padding:0 0 4.8%; background:#f5f5f5;}
.links-section .ch-links .custom-links{padding:7px 20px;}
.links-section .ch-links .custom-links .ch-links-item{display: inline-block; float:left; margin: 0 10px 0 0;}
.links-section .ch-links .custom-links .ch-links-item button{border:none; background: transparent;}
.links-section .ch-links .custom-links .ch-links-item .links-text{color:#e24a22; font-size: 13px; font-weight: 600; padding-left: 4px; text-decoration: none;}
.links-section .ch-links .custom-links .ch-links-item .links-text:hover{text-decoration:underline;}
.links-section .ch-links .custom-links .link-default{background-position: -250px -325px; width:24px; height:0; padding-top:24px;}

/* event-section */
.event-section .img-event-sprite{overflow:hidden; white-space:nowrap; display:inline-block;*display:inline;*zoom:1; background:url(../images/promotion/event-toy/img-event-sprite.png); background-repeat:no-repeat; vertical-align:middle;z-index:20; border:none;}
.event-section{position:relative; z-index:5; margin-right:260px;}
.event-section .ch-event{position:relative; height:0; z-index:5; padding:0 0 22.20%; background:#000;}
.event-section .ch-event .bnr-event-ad{display:inline-block;}
.event-section .ch-event .bnr-event-ad button{position:absolute; border:none;}
.event-section .ch-event .point-counter{position:absolute; overflow:hidden; width:345px; height:75px;}
.event-section .ch-event .point-counter .point-number{position:absolute; height:75px; overflow:hidden}
.event-section .ch-event .point-counter .point-number em{float:left; position:relative; width:54px; height:75px; top:1px;}
.event-section .ch-event .point-counter .point-number .num0{background-position:-147px -788px;}
.event-section .ch-event .point-counter .point-number .num1{background-position:-147px -871px;} 
.event-section .ch-event .point-counter .point-number .num2{background-position:-147px -955px;}
.event-section .ch-event .point-counter .point-number .num3{background-position:-147px -1039px;}
.event-section .ch-event .point-counter .point-number .num4{background-position:-147px -1123px;}
.event-section .ch-event .point-counter .point-number .num5{background-position:-206px -787px;}
.event-section .ch-event .point-counter .point-number .num6{background-position:-206px -871px;}
.event-section .ch-event .point-counter .point-number .num7{background-position:-206px -955px;}
.event-section .ch-event .point-counter .point-number .num8{background-position:-206px -1039px;}
.event-section .ch-event .point-counter .point-number .num9{background-position:-206px -1123px;}
.event-section .ch-event .point-counter .point-number .left{margin-right:20px;}
.btn-left{left:20px; bottom:13px; position:absolute;}
.btn-right{right:20px; bottom:13px;position:absolute; border:0px}
.event-section .ch-event2 .point-counter{position:absolute; overflow:hidden; width:345px; height:75px;}
.event-section .ch-event2 .point-counter .point-number{position:absolute; height:75px; overflow:hidden}
.event-section .ch-event2 .point-counter .point-number em{float:left; position:relative; width:54px; height:75px; top:1px;}
.event-section .ch-event2 .point-counter .point-number .num0{background-position:-147px -788px;}
.event-section .ch-event2 .point-counter .point-number .num1{background-position:-147px -871px;} 
.event-section .ch-event2 .point-counter .point-number .num2{background-position:-147px -955px;}
.event-section .ch-event2 .point-counter .point-number .num3{background-position:-147px -1039px;}
.event-section .ch-event2 .point-counter .point-number .num4{background-position:-147px -1123px;}
.event-section .ch-event2 .point-counter .point-number .num5{background-position:-206px -787px;}
.event-section .ch-event2 .point-counter .point-number .num6{background-position:-206px -871px;}
.event-section .ch-event2 .point-counter .point-number .num7{background-position:-206px -955px;}
.event-section .ch-event2 .point-counter .point-number .num8{background-position:-206px -1039px;}
.event-section .ch-event2 .point-counter .point-number .num9{background-position:-206px -1123px;}
.event-section .ch-event2 .point-counter .point-number .left{margin-right:20px;}

/* toy-event-section 150825 */
.btn-toy{background:#609813; color:#fff; font-size:14px; border-radius:25px; padding:3px 15px;}
.btn-toy:hover{background:#77ba1a;}
.toy-point-counter{left:419px; bottom:29px;}
.toy-double-point-counter{left:419px; bottom:19px;}

/* beauty-event-section 150825 */
.event-section .ch-event2{position:relative; height:0; z-index:5; padding:0 0 17.2%; background:#000;}
.btn-beauty{background:#000; color:#fff; font-size:14px; padding:3px 15px;}
.btn-beauty:hover{background:#333;}
.beauty-point-counter{left:232px; bottom:10px;}
.beauty-double-point-counter{left:232px; bottom:10px;}

/* ch-event-pororo */
.img-sprite{overflow:hidden; white-space:nowrap; display:inline-block;*display:inline;*zoom:1; background:url(../images/promotion/event-pororo/img-sprite.png); background-repeat:no-repeat; vertical-align:middle;z-index:20; border:none;}
.event-section{position:relative; z-index:5; margin-right:260px;}
.event-section .ch-event-pororo{position:relative; height:0; z-index:5; padding:0 0 22.20%; background:#000;}
.event-section .ch-event-pororo .bnr-event-ad{display:inline-block;}
.event-section .ch-event-pororo .bnr-event-ad button{position:absolute; overflow:hidden; width:114px; height:34px; right:28px; bottom:10px; border:none;  text-indent:-9000px; padding-top:0;}
.event-section .ch-event-pororo .bnr-event-ad .btn-request{background-position:-1px -788px;}
.event-section .ch-event-pororo .bnr-event-ad .btn-request:hover{background-position:-1px -830px;}
.event-section .ch-event-pororo .bnr-event-ad .btn-entry{background-position:-1px -872px;}
.event-section .ch-event-pororo .bnr-event-ad .btn-entry:hover{background-position:-1px -914px;}
.event-section .ch-event-pororo .point-counter{position:absolute; overflow:hidden; width:345px; height:75px; left:264px; bottom:27px; padding-top:0;}
.event-section .ch-event-pororo .point-counter .point-number{position:absolute; height:75px; overflow:hidden}
.event-section .ch-event-pororo .point-counter .point-number em{float:left; position:relative; width:54px; height:75px; top:1px;}
.event-section .ch-event-pororo .point-counter .point-number .num0{background-position:-147px -787px;}
.event-section .ch-event-pororo .point-counter .point-number .num1{background-position:-147px -871px;} 
.event-section .ch-event-pororo .point-counter .point-number .num2{background-position:-147px -955px;}
.event-section .ch-event-pororo .point-counter .point-number .num3{background-position:-147px -1039px;}
.event-section .ch-event-pororo .point-counter .point-number .num4{background-position:-147px -1123px;}
.event-section .ch-event-pororo .point-counter .point-number .num5{background-position:-206px -787px;}
.event-section .ch-event-pororo .point-counter .point-number .num6{background-position:-206px -871px;}
.event-section .ch-event-pororo .point-counter .point-number .num7{background-position:-206px -955px;}
.event-section .ch-event-pororo .point-counter .point-number .num8{background-position:-206px -1039px;}
.event-section .ch-event-pororo .point-counter .point-number .num9{background-position:-206px -1123px;}
.event-section .ch-event-pororo .point-counter .point-number .left{margin-right:20px;}

@media (orientation: landscape){
	.mobile-bottom-ad,
	div[data-adam-elem=container],
	div[id=mz_wrap]{display:none !important;}
} 

/* about */
.uploader,
.video-meta-info,
.video-description{margin:15px 0 10px;}
.tab-content-item.type2 .video-description{text-align:justify;}
.uploader{margin-top:0;}
.uploader a{font-size:14px;}
.video-meta-info li{font-size:13px;margin-bottom:3px;}
.video-meta-info li span:first-child{margin:0 5px 0 0;}
.uploader .profile-pic{margin:0 5px 0 0;vertical-align:middle;}
.video-description{font-size:13px;line-height:1.6em;}
.video-description a{color:#0c87ab;}
.video-description a:hover{text-decoration:underline;}
/* share */
.sns-share div{display:inline-block;*display:inline;*zoom:1;vertical-align:top;margin:0 10px 0 0;}
.fb-comments, .fb-comments * {width: 100% !important;}
.viewpage-option select{width:200px;}]
.sns-share2{margin:10px 0;}
.sns-share2 li{display:inline-block;*display:inline-block;*zoom:1;margin:0 6px 0 0;}
.sns-share2 .video-count{position: absolute; top:0; right:0; bottom:0; padding:12px 0; font-size:14px; line-height: 2.8;}
.line-bg{margin-top:-25px; padding:10px 0; border-bottom: 1px solid #666; background-color: #fbfbfb;}
/* embed */
.embed-resize{font-size:12px;}
.embed-resize .x{margin:0 15px 0 0;}
.embed-resize .size-1{margin:0 5px;}
.embed-resize .size-1 input{text-align:center;text-indent:0;font-size:14px;font-weight:bold;}
/* video-manager-main */
.check-controller{position:relative;margin-top:-25px;padding:10px;background:#f4f4f4;}
.check-controller .option{position:absolute;top:10px;right:10px;}
.check-controller .option.text{display:inline-block; vertical-align:middle; top:12px; font-size: 13px;}
.check-controller .option.text span{margin-right:10px;}
.check-controller .option.text span:last-child{margin-right:0;}
.check-controller .option.text .point-text{color: #37c6f2; font-weight: bold;}

/* video-manager-edit */
.video-items.top{background:#eee;margin:-25px 0 20px;}
.video-items.top .video-item:hover{background:inherit !important;}
/* design-setting */
.color-set{font-size:0;margin:-20px 0 0 -30px;}
.color-set li{display:inline-block;margin:20px 0 0 30px;overflow:hidden;}
.color-set li label{position:relative;}
.color-set li input{border:1px solid #f00;position:absolute;top:0;left:0;z-index:-1;}

.color-set .square{position:absolute;}
.color-set .fg{top: -70%;left: 0;width: 140%;height: 140%;z-index:100;background: #38c6f2;
-webkit-transform: translate(-50%) rotate(45deg);
-moz-transform: translate(-50%) rotate(45deg);
-ms-transform: translate(-50%) rotate(45deg);
transform: translate(-50%) rotate(45deg);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.color-set .bg{bottom:0;right:0;width:100%;height:100%;background:#0b262e;}
.form-block .image-outer{border:5px solid #ccc;display:block;width:280px;}
.color-set .image-outer{width:70px;height:70px;position:relative;z-index:200;}
.color-set li .on .image-outer{border-color:#38c6f2;}

.color-set-default .fg{background:#38c6f2;}
.color-set-default .bg{background: #0b262e;}
.color-set-red .fg{background:#ff5333;}
.color-set-red .bg{background: #2e0f09;}
.color-set-yellowgreen .fg{background:#b9d400;}
.color-set-yellowgreen .bg{background: #282e00;}
.color-set-lightgreen .fg{background:#00c8bd;}
.color-set-lightgreen .bg{background: #002e2c;}
.color-set-lightorange .fg{background:#febe36;}
.color-set-lightorange .bg{background: #2e220a;}
.color-set-pink .fg{background:#f84f6c;}
.color-set-pink .bg{background: #2e0f14;}
.color-set-purple .fg{background:#665fef;}
.color-set-purple .bg{background: #14122e;}
.color-set-black .fg{background:#202020;}
.color-set-black .bg{background: #2e2e2e;}

/* message */
.message-item{border:1px solid #8cdcf5;padding:10px;margin:15px 0;}
.message-item.reply{border:1px solid #ddd;margin:30px 0 15px 40px;position:relative;}
.message-item.reply .arr{position:absolute;top:-20px;left:20px;z-index:1;display:inline-block;width:0;height:0;border-width:10px;border-color:transparent #ddd #ddd transparent;border-style:solid;}
.message-item.reply .arr-inner{position:absolute;top:-18px;left:21px;z-index:2;display:inline-block;width:0;height:0;border-width:9px;border-color:transparent #fff #fff transparent;border-style:solid;}
.message-item .form-to{margin:0 0 10px 0;}
.message-item .form-to span{vertical-align:middle;margin:0 5px 0 0;}
.message-item .message-content{position:relative;}
.message-item .talk{margin:0 50px 0 0;}
.message-item .action{position:absolute;bottom:5px;right:0;width:40px;text-align:right;}

/* table type1,type2 */
.notice-table{width:100%;margin-top:-25px;}
.notice-table thead tr th{border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:10px;}
.notice-table tbody tr td{padding:10px 5px;border-bottom:1px solid #ddd;}
.notice-table tbody tr:hover{background:#f4f8fb;}
.notice-table tbody tr td a{color:inherit;text-decoration:none;}
.notice-content{padding:30px 10px;}
.notice-bottom{border-top:1px solid #ddd;padding:10px;}
.table-type1{width:100%;}
.table-type1 thead td,
.table-type1 thead th{font-weight:bold;padding:20px 0;}
.table-type1 thead td{font-size:14px;background:#ddd;}
.table-type1 thead th{font-size:16px;background:#444;color:#fff;border-left:1px solid #fff;}
.table-type1 td{text-align:center;}
.table-type1 thead .plus{background:#37c6f2;}
.table-type1 tbody .plus{border-bottom:1px solid #d5f5ff;}
.table-type1 tbody th{background:#f5f5f5;border-bottom:1px solid #ddd;}
.table-type1 tbody td{text-align:center;padding:15px 0;background:#fff;font-weight:bold;font-size:14px;border-bottom:1px solid #eee;border-left:1px solid #fff;}
.table-type1 tbody tr:nth-child(even) td{background:#eee;}
.table-type1 tbody tr:nth-child(even) .plus{background:#d5f5ff;}
.table-type1 tbody tr:nth-child(even) th{background:#ddd;}
.table-type1 tfoot td{padding:10px 0;}

.table-type2{width:100%; margin-top:-25px;}
.table-type2 thead tr th{border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:5px; font-size:11px; font-weight:600;}
.table-type2 tbody tr td{padding:5px 5px;border-bottom:1px solid #ddd; font-size:11px;}
.table-type2 tbody tr:hover{background:#f4f8fb;}
.table-type2 tbody tr td a{color:inherit;text-decoration:none;}
.table-type2 tfoot tr{background: #eee;}
.table-type2 tfoot tr th{border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:5px; font-size:11px; font-weight:600;}
.table-type2 tfoot tr td{padding:5px 5px;border-bottom:1px solid #ddd; font-size:11px; font-weight:600;}
.table-option{margin-bottom:10px;}
.table-option span{margin-left:10px;}
.table-option .point-text{color:#37c6f2; font-weight:bold; margin-left:0;}

.report {margin-top:0;}
.report thead tr th{border-left: 1px solid #ddd; background:#eee; padding:10px 5px; font-size: 12px;}
.report thead tr th:first-child{border-left:0;}
.report tbody tr:hover{background:#fff;;}
.report tbody tr th,
.report tbody tr td{border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 5px; font-size:12px;}
.report tbody tr th:first-child{border-left:0;}
.report tbody tr th{font-weight:600;}
.report tbody tr td:first-child{border-left:0;}
.report tfoot tr th,
.report tfoot tr td{border-left:1px solid #ddd; padding:10px 5px; font-size: 12px; text-align:center;}
.report tfoot tr th:first-child{border-left:0;}

/* datepicker */
.date_pick{display:inline-block; padding-right:0;}
.date_pick label{display:inline-block; padding-right:5px; cursor:default;}

/* userrule */
.rule-header{position:relative;}
.rule-header .rule-guide{float:left;width:70%;}
.rule-header .date{text-align:right;}
.privacy-text{overflow:hidden;line-height:16px;color:#333;}
.pre-line{white-space:pre-line !important;} /* 이용약관을 그대로 표시하고 싶을 경우 span.pre-line으로 묶는다. */
.privacy-text{border-top:1px dashed #ddd;margin:20px 0 0;padding:20px 0 0;}
.privacy-text h1{font-size:14px;margin:0 0 5px;padding:0;}
.privacy-text h2{font-size:13px;margin:15px 0;}
.privacy-text h3{font-size:12px;font-weight:bold;}
.privacy-text h3,
.privacy-text h4{font-size:14px;margin:15px 0;padding:0;}
.privacy-text li{color:#666;}
.privacy-text p{margin:0 0 10px 0;}
.privacy-text ol,
.privacy-text ul{margin:5px 0 20px;}
.privacy-text ol li{list-style:decimal outside;margin:0 0 5px 24px;*margin-left:28px;}
.privacy-text ul li{list-style:circle outside;margin:0 0 4px 16px;}
.privacy-text ol li ol li{list-style:lower-alpha outside;}
.privacy-text .dep1{margin:0 0 0 15px;}
.privacy-text .preline{white-space:pre-line;}
.privacy-text .teenager{width:92%;background:#f4f4f4;margin:0 auto;padding:20px;border-top:1px solid #ddd;}
.privacy-text .teenager table{width:100%;}
.privacy-text .teenager table thead th,
.privacy-text .teenager table tbody td{text-align:left;padding:3px 10px;color:#333;}
.privacy-text .teenager table tbody td b{font-weight:normal;}
.privacy-text .teenager table tbody td a{color:#1293ee;}
.prev-article{padding:10px 0 0 0;}
.prev-article a{color:#1293ee;}
.agreement01 h1 {font-size:14px;}
.text-panel h4{font-size:12px;}
.text-panel h4 b{font-size:16px;}

/* icon : sprite.png를 이용하는 엘리먼트들 */
.sprite+span{vertical-align:middle;display:inline-block;*display:inline;*zoom:1;}
/* base class */
.sprite{overflow:hidden;white-space:nowrap;width:16px;padding-top:16px;height:0;display:inline-block;*display:inline;*zoom:1;background-image:url(../images/common/icon.png);background-repeat:no-repeat;vertical-align:middle;} 
/* .default */
.icon-info{background-position:0 0;}
.icon-reply{background-position:-25px 0;}
.icon-report{background-position:-50px 0;}
.icon-embed{background-position:-75px 0;}
.icon-grid-nav{background-position:-100px 0;}
.icon-direct-view{background-position:-225px 0; width:23px; height: 20px; text-indent: 99px;}
.icon-comment{background-position:-250px 0;}
.icon-heart{background-position:-275px 0;}
.icon-scrap{background-position:-300px 0;}
.icon-download{background-position:-325px 0;}
.icon-private{background-position:-350px 0;}
.icon-alert{background-position:-375px 0;}
.icon-basket{background-position:-400px 0;}
.icon-talkballoon{background-position:-425px 0;}
.icon-payment{background-position:-500px 0;}
.icon-medal{background-position:-525px 0;}
.icon-video{background-position:-550px 0;}
.icon-info2{background-position:-575px 0;}
.icon-film{background-position:-600px 0;}
.icon-link{background-position:-625px 0;}
.icon-app-mg{background-position:-350px -225px;}
.icon-app-p{background-position:-400px -225px;}
.icon-app-t{background-position:-450px -225px;}
.icon-ch-view{background-position:-300px -325px; width:32px; padding-top: 32px;}

/* point */
.icon-info.point,.btn:hover .icon-info,.btn.on .icon-info{background-position:0 -25px;}
.icon-reply.point,.btn:hover .icon-reply,.btn.on .icon-reply{background-position:-25px -25px;}
.icon-report.point,.btn:hover .icon-report,.btn.on .icon-report{background-position:-50px -25px;}
.icon-embed.point,.btn:hover .icon-embed,.btn.on .icon-embed{background-position:-75px -25px;}
.icon-grid-nav.point,.btn:hover .icon-grid-nav.point,.btn.on .icon-grid-nav{background-position:-100px -25px;}
.icon-gift.point,.btn:hover .icon-gift,.btn.on .icon-gift{background-position:-125px -25px;}
.icon-able.point,.btn:hover .icon-able,.btn.on .icon-able{background-position:-150px -25px;}
.icon-list-nav.point,.btn:hover .icon-list-nav,.btn.on .icon-list-nav{background-position:-175px -25px;}
.icon-round-x.point,.btn:hover .icon-round-x,.btn.on .icon-round-x{background-position:-200px -25px;}
.icon-direct-view.point,.btn-reset:hover .icon-direct-view,.btn-reset.on .icon-direct-view{background-position:-225px -25px;}
.icon-heart.point,.btn:hover .icon-heart,.btn.on .icon-heart{background-position:-275px -25px;}
.icon-scrap.point,.btn:hover .icon-scrap,.btn.on .icon-scrap{background-position:-300px -25px;}
.icon-download.point,.btn:hover .icon-download,.btn.on .icon-download{background-position:-325px -25px;}
.icon-private.point,.btn:hover .icon-private,.btn.on .icon-private{background-position:-350px -25px;}
.icon-basket.point,.btn:hover .icon-basket,.btn.on .icon-basket{background-position:-400px -25px;}
.icon-talkballoon.point,.btn:hover .icon-talkballoon,.btn.on .icon-talkballoon{background-position:-425px -25px;}
.icon-books.point,.btn:hover .icon-books,.btn.on .icon-books{background-position:-450px -25px;}
.icon-tools.point,.btn:hover .icon-tools,.btn.on .icon-tools{background-position:-475px -25px;}
.icon-payment.point,.btn:hover .icon-payment,.btn.on .icon-payment{background-position:-500px -25px;}
.icon-link.point,.btn:hover .icon-link,.btn.on .icon-link{background-position:-625px -25px;}
.icon-x{background-position:-525px -25px;}
/* disabled */
.icon-info.disabled,.btn:hover .icon-info.disabled{background-position:0 -125px;}
.icon-reply.disabled,.btn:hover .icon-reply.disabled{background-position:-25px -125px;}
.icon-report.disabled,.btn:hover .icon-report.disabled{background-position:-50px -125px;}
.icon-embed.disabled,.btn:hover .icon-embed.disabled{background-position:-75px -125px;}
.icon-grid-nav.disabled,.btn:hover .icon-grid-nav.disabled{background-position:-100px -125px;}
.icon-gift.disabled,.btn:hover .icon-gift.disabled{background-position:-125px -125px;}
.icon-able.disabled,.btn:hover .icon-able.disabled{background-position:-150px -125px;}
.icon-list-nav.disabled,.btn:hover .icon-list-nav.disabled{background-position:-175px -125px;}
.icon-round-x.disabled,.btn:hover .icon-round-x.disabled{background-position:-200px -125px;}
.icon-direct-view.disabled,.btn-reset:hover .icon-direct-view.disabled{background-position:-225px -125px;}
.icon-heart.disabled,.btn:hover .icon-heart.disabled{background-position:-275px -125px;}
.icon-scrap.disabled,.btn:hover .icon-scrap.disabled{background-position:-300px -125px;}
.icon-download.disabled,.btn:hover .icon-download.disabled{background-position:-325px -125px;}
.icon-private.disabled,.btn:hover .icon-private.disabled{background-position:-350px -125px;}
.icon-basket.disabled,.btn:hover .icon-basket.disabled{background-position:-400px -125px;}
.icon-talkballoon.disabled,.btn:hover .icon-talkballoon.disabled{background-position:-425px -125px;}
.icon-books.disabled,.btn:hover .icon-books.disabled{background-position:-450px -125px;}
.icon-tools.disabled,.btn:hover .icon-tools.disabled{background-position:-475px -125px;}
.icon-payment.disabled,.btn:hover .icon-payment.disabled{background-position:-500px -125px;}
.icon-search.disabled{background-position:-525px -125px;}
/* white */
.icon-grid-nav.white{background-position:-100px -50px;}
.icon-gift.white{background-position:-125px -50px;}
.icon-list-nav.white{background-position:-175px -50px;}
.icon-round-x.white{background-position:-200px -50px;}
.icon-search.white{background-position:-275px -75px;}
.icon-search{background-position:-275px -50px;}
.icon-upload.white{background-position:-300px -50px;}
.icon-upload2.white{background-position:-325px -50px;}
.icon-medal.white{background-position:-525px -50px;}
.icon-ch-view.white{background-position:-350px -325px;}

/* red */
.icon-alert.red{background-position:-375px -100px;}
/* etc */
.sprite.icon2{width:35px;padding-top:35px;margin:0 5px 0 0;}
.cloud{background-position:-300px -150px;}
.clack{background-position:-350px -150px;}
.hd-l{background-position:-400px -150px;}
.denial{background-position:-450px -150px;}
.film{background-position:-500px -150px;}
.camera{background-position:-550px -150px;}
.monitor{background-position:-600px -150px;}
.player-balloon{background-position:-650px -150px;}
.people{background-position:-700px -150px;}
.sprite.icon-file{background-position:0 -150px ;width:40px;height:0;padding-top:50px;}
.sprite.icon-hd{background-position:-50px -150px;width:34px;height:0;padding-top:26px;}
.sprite.icon-hd-s{background-position:-100px -150px;width:26px;height:0;padding-top:22px;}
.sprite.icon-ch{background-position:-150px -150px;width:20px;height:0;padding-top:12px;margin:0 4px;}
.sprite.icon-plus{background-position:-175px -150px;width:28px;padding-top:12px;height:0;margin:0 4px;}
.sprite.icon-partner{background-position:-225px -150px;width:46px;padding-top:12px;height:0;margin:0 4px;}
.logo-white{background-position:0 -275px; width:100px; height:0; overflow:hidden; /* text-indent:100%; */ white-space:nowrap; margin-top:4px; padding-top:20px;}
.logo-main{background-position:0 -225px;width:145px;height:0;padding-top:26px;}
.logo-gray{background-position:-150px -225px;width:90px;height:0;padding-top:20px;}
.mgoonblue-arr-r{background-position:-300px -225px;width:26px;height:0;padding-top:26px;}

/* share - round.ver */
.sns-facebook{background-position:-250px -275px;width:42px;height:0;padding-top:42px;}
.sns-twitter{background-position:-300px -275px;width:42px;height:0;padding-top:42px;}
.sns-google{background-position:-350px -275px;width:42px;height:0;padding-top:42px;}
.sns-line{background-position:-400px -275px;width:42px;height:0;padding-top:42px;}
.sns-kakaotalk{background-position:-450px -275px;width:42px;height:0;padding-top:42px;}
.sns-kakaostory{background-position:-500px -275px;width:42px;height:0;padding-top:42px;}

/* share - square.ver */
.sns-s-facebook{background-position:-550px -275px;width:32px;height:0;padding-top:32px;}
.sns-s-twitter{background-position:-600px -275px;width:32px;height:0;padding-top:32px;}
.sns-s-google{background-position:-650px -275px;width:32px;height:0;padding-top:32px;}
.sns-s-line{background-position:-700px -275px;width:32px;height:0;padding-top:32px;}
.sns-s-kakaotalk{background-position:-750px -275px;width:32px;height:0;padding-top:32px;}
.sns-s-kakaostory{background-position:-800px -275px;width:32px;height:0;padding-top:32px;}

/* icon retina 20150806*/
@media screen and (-webkit-min-device-pixel-ratio: 1.5){
.sprite{background-image:url(../images/common/icon@2x.png); background-size:800px 500px;/* sprite background-size 50%값으로 설정 */}

/* 
.iconx2.{overflow:hidden;white-space:nowrap;width:16px;padding-top:16px;height:0;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;background-image:url(../images/common/spritex@2x.png);background-size:100px 100px;background-repeat:no-repeat;}
.iconx2.icon-list-nav{background-position:0 0;}
.iconx2.icon-list-nav.white{background-position:0 -25px;}
.iconx2.icon-upload.white{background-position:-25px -25px;}
.iconx2.icon-search{background-position:-50px -25px;}
.iconx2.icon-search.white{background-position:-50px -50px;}
.iconx2.icon-medal.white{background-position:-75px -25px;}
 */
}

/* medium */
/* @media screen and (min-width:641px) and (max-width:1024px){ */
@media screen and (min-device-width:768px) and (max-device-width:1024px){
.next-v .next-v-item .img{padding:3.37% 6%;}
.next-v .next-v-item .img:after{display:none;}
.container .wide-section{margin-right:0;}
.or,
.size-m,
.size-2{max-width:274px;width:100%;}
}

/* small */
/* @media only screen and (max-width:640px){ */
@media
screen and (max-device-width:767px), /* iphone, android */
screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:2) /* lg g 맞춤. */
{
.wide-section{margin:0;}
.wide-section.type2{padding:10px;padding-bottom:20px;max-height:none;margin:0;}
.wide-section.type2 .page-title{margin:0 0 5px;}
.wide-section .check-label-block{position:absolute;bottom:-1px;left:10px;}
.current-v{width:100%;float:none;}
.next-v{display:none;}
.next-v .next-v-item{float:left;width:25%;padding-bottom:0;height:auto;}
.next-v .next-v-item .img{position:relative;padding:0.56% 1%;display:block;}
.next-v .next-v-item img{display:block;}
.page-header{margin:10px 0 15px;}
.page-header .page-title{font-size:16px;margin:0 0 10px 0;}
.main-page-header .page-title a{font-size:16px;color:#444;font-weight:bold;}
.page-header .sub-searchform{display:block;margin-right:150px !important;padding-right:26px;}
.page-header .sub-searchform input{width:100%;}
.page-header .sub-search2{display:inline-block; margin-right: 0 !important; padding-right: 0;}
.page-header .sub-search2 input{width:80%;}
.page-header .btn-inline{position:absolute;top:0;right:0;}
.page-header .btn-inline button{padding:0 4px;width:50px;}
.page-header+.guide-message{margin-top:-15px;}
.section-form{padding:0;position:relative;}
.form-block .label{position:relative;top:0;left:0;width:auto; padding:0 0 10px 0;}
.size-3,
.size-2{width:100%;}
.size-2.pl-title{padding-bottom:10px;}
.profile-pic.s{width:30px;height:30px;}
.profile-pic.l{width:50px;height:50px;}
.profile-type-s img{width: 15px; height: 15px;}
.or{width:auto;}
.form-block{margin:0 0 15px 0;}
.form-block.half{margin:0 0 5px 0;}
.form-block.last{margin:15px 0 0 0;}
.form-block.last.type-2{padding:15px 0 0;}
.brand-summary{padding:5px;}
.brand-summary h2{float:none;margin:0;text-align:center;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.brand-summary .mask{padding:0;}
.brand-summary .number-info{text-align:center;float:none;margin:0;}
.brand-summary .number-info span{margin:0 10px;}
.video-items.grid .video-item{width:47%;margin:25px 0 0 3%;}
.video-items.grid .video-item .video-info .video-title{margin:5px 0;}
.video-items.list .video-item .video-thumbnail{width:100px;height:56px;}
.video-items.list .video-item .video-thumbnail .play-time{bottom:2px;right:2px;}
.video-items.direct-list .video-item .video-thumbnail{width:100px;height:56px;}
.video-items.direct-list .video-item .video-thumbnail .play-time{bottom:2px;right:2px;}
.video-items.direct-list .video-item .video-stats{margin:12px 0;}
.video-items.direct-list .video-item .video-info .video-title{max-width:80%; text-overflow:clip; white-space:normal;}
.video-items.direct-list .video-item .video-info .video-title a{font-size:12px;}
.popch-item .video-items.puzzle{border:0;margin-left:-1%;}
.popch-item .video-items.puzzle li{margin-left:1%;width:23%;}
.popch-item .video-items.puzzle li a .title{display:none;}
.video-items.puzzle{border:1px solid #ddd;border-width:1px 1px 0 0;}
.video-items.puzzle .main{width:100%;margin:0;}
.video-items.puzzle .main a{margin:0;}
.video-items.puzzle li{margin:0;width:50%;}
.video-items.puzzle li a{margin:0;border:1px solid #ddd;border-width:0 0 1px 1px;}
.video-item .video-info>span{display:block;}
.video-items.grid2{margin:0;}
.video-items.grid2 .video-item{display:block;width:auto;margin:10px 0 0 0;}
.video-items.grid2 .video-item-bg{background:#f5f5f5;}
.video-items.grid2 .video-item-inner{}
.video-items.grid2 .video-item-inner:hover{-webkit-box-shadow:none;}
.video-items.grid2 .video-item-inner:first-child{margin:0;}
.video-items.grid2 .video-thumbnail{vertical-align:middle;display:inline-block;width:40%;padding:5px;height:76px;}
.video-items.grid2 .video-info{vertical-align:middle;display:inline-block;width:50%;}
.video-items.grid2 .video-item .video-info .profile{margin:0 5px 0 0;}
.video-items.grid3{padding:1px 0 0 1px;margin:0;overflow:visible;}
.video-items.grid3:after{display:block;clear:both;height:0;content:''}
.video-items.grid3 .video-item{margin:-1px 0 0 -1px;width:33.3%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.video-items.grid3 .video-item-inner{padding:0;border:1px solid #eee;-webkit-transition:-webkit-transform 100ms ease-in-out;}
.video-items.grid3 .video-item-inner:hover{position:relative;z-index:10;background:#fff;border-color:#2dcdff;-webkit-box-shadow:none;-webkit-transform:scale(1.02);}
.video-items.grid3 .video-item a{padding:10px;text-align:center;text-decoration:none;width:auto;height:auto;}
.video-items.grid3 .video-item a img{display:none}
.video-items.grid3 .video-item a .mask{display:none;}
.video-items.grid3 .video-item a .catagory-name{position:static;top:0;left:0;color:#777;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.video-items.grid3 .video-item a:hover .catagory-name{color:#38c6f2;}
.pagination{display:table;width:100%;}
.pagination .latest{border-radius:4px 0 0 4px;}
.pagination .prev{border-radius:0 4px 4px 0;}
.pagination .btn:first-child:hover,
.pagination a.btn:first-child{border-left-width:1px;}
.pagination a{display:table-cell;min-width:auto;border-radius:0;border-left-width:0;}
.pagination .current,
.pagination a:active,
.pagination a:hover{border-left-width:0;}
.tab-btns{display:table;width:100%;border:0;}
.tab-btns li{display:table-cell;}
.tab-btns li button{width:100%;}
.check-controller{margin-top:-15px;}
.video-items.top{background:#eee;margin:-15px 0 20px;}
.textarea{margin:0;}
.textarea textarea{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.preview-images{margin-left:-5%;font-size:0;}
.preview-images li{width:45%;margin-left:5%;}
.preview-images li label.on .border{width:100%;height:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.preview-images li label img{width:100%;height:auto;}

.color-set{margin:-2% 0 0 -2%;}
.color-set li{width:23%;padding-bottom:23%;height:0;position:relative;overflow:hidden;margin:2% 0 0 2%;}
.color-set li label{position:absolute;width:100%;height:100%;}
.color-set .image-outer{width:100%;height:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.color-set .on .image-outer{-webkit-box-shadow:0 0 5px rgba(30,30,30,.7) inset;}
.color-set .fg{z-index:5;}
.check-label input{float:left;margin:0 5px 0 0;}
.check-label span{white-space:nowrap;}
.notice-table{margin-top:-15px;}
.page-title{font-size:14px;}
.input-combo2 .size-2{width:auto;display:block;margin:0 80px 0 0;}
.input-combo2 .btn{position:absolute;top:0;right:0;}
.check-controller .option{position:static;}
.playlist-item .playlist-state{width:19%;}
.playlist-item .size-2{width:59%;}
.playlist-item .playlist-btn{position:relative; padding:0;}
.playlist-item .pl-checker{margin:20px 0 20px 10px !important;}

.size-m{margin:0;width:100%;}
.video-items.grid .video-item .video-thumbnail{}
.video-header .page-title{font-size:16px;line-height:1.2em;}
.select select{-webkit-appearance:none;border-radius:0;position:relative;}
.select:after{position:absolute;top:11px;right:10px;content:'';width:0;height:0;border:5px solid #333;border-color:#333 transparent transparent transparent;}
.playlist-item .subscription-title{display:block;overflow:hidden;margin-right:80px;}
.playlist-item .subscription-date span{display:none;}
.form-block.last .btn-s{top:15px;white-space:normal;width:60px;}
.network-ad{display:none;}
.mobile-bottom-ad{display:block;}
.table-report{display:block; position:relative; width:100%;}
.links-section{margin:0}
.links-section .ch-links{padding:0 0 12.1%;}
.links-section .ch-links .custom-links{padding:2.4% 3%;}
.loginfind{position: static; top:54px; right:315px; float:right;}
.sns-share2 li{margin: 0 3px 0 0;}
.line-bg{margin-top:-15px;}
.video-count{display:none !important;}
}

/* error page */
.wrap.error .container{position:relative; width:640px; margin:0 auto;}
.wrap.error .container .page{position:relative; padding:0;margin:50px 0 0;}
.wrap.error .container .page .error-info{text-align:center; margin:0 0 70px;} 
.wrap.error .container .page .error-info .error-title h1{font-size:65px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#333;letter-spacing:-1px;}
.wrap.error .container .page .error-info .text-section{margin:30px 0 0;}
.wrap.error .container .page .error-info .text-section p{font-size:16px; line-height:30px; white-space:pre-line; letter-spacing:-1px;}
.wrap.error .container .page .error-info .text-section .check-info{margin:20px 0 0;} 
.wrap.error .container .page .search-box .error-search{position:relative;}
.wrap.error .container .page .search-box .error-search .error-search-input{border:1px solid #38c6f2; background:#fff; width:569px; padding:10px; height:19px;font-size:14px;}
.wrap.error .container .page .search-box .error-search .error-search-submit{position:absolute;top:0;right:0;background:#38c6f2; width:50px; border:0;padding:11px; cursor:pointer;height:41px;}
.wrap.error .container .page .search-box .quick-link{text-align:center; margin:20px 0;}
.wrap.error .container .page .search-box .quick-link p{color:#888;}
.wrap.error .container .page .search-box .quick-link p a{padding:0 5px; color:#444; cursor:pointer;}
.wrap.error .container .page .search-box .quick-link p a:hover{padding:0 5px; color:#10b3e2; cursor:pointer;}
.wrap.error .container .page .error-video{text-align:center; padding-top:40px;}