*:lang(ko){word-break:keep-all}

/*error*/
.errorBox{max-width:600px;margin:200px auto;text-align:center;color:#333}
.errorBox a{text-decoration:none;display:inline-block;margin-top:30px;border:1px solid #79b1fd;background:#f3f8ff;border-radius:3px;font-size:15px;color:#237af1;padding:8px 17px;font-weight:600;}
.errorBox h5{color:#ff4325e0}

/*======= Typograph 설정 : START =======*/
.hd-list{font-size:20px; font-weight:600}
.hd-index{font-size:20px; font-weight:500; display:inline-block}
.notice-index{font-size:20px; font-weight:500; display:inline-block}
.hd-home{font-size:18px; font-weight:600}
.hd-aside{font-size:18px; font-weight:500; display:inline-block}
.hd-page{font-size:18px; font-weight:600; margin-bottom:5px}
.hd-page:lang(km){font-weight:700}
.hd-index-1{font-size:16px; font-weight:600}
.hd-page-1{font-size:16px; font-weight:600; margin-top:35px}
.hd-ch-visual{font-size:20px; font-weight:600; letter-spacing:-0.5px; margin-top:5px}
.decs-ch-visual{font-size:13px; line-height:1.6; ;text-align:center; margin-top:6px; max-width:360px; margin-left:auto; margin-right:auto}
.hd-ch-first{font-size:18px !important; font-weight:600}
.decs-ch-first{font-size:13px; color:#555; margin-top:6px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; word-break:normal}
.tit-txt{font-size:13px; color:#888; margin-left:8px; vertical-align:1px}
.tit-num{font-size:16px; font-weight:600; vertical-align:1px}
.tit-small{font-size:13px; color:#888; vertical-align:middle; margin-left:5px}
.state-view{font-size:12px; color:#636363; display:inline-block}
.list-top-state .contents-state{font-size:14px}
.list-top-state .contents-state em{font-weight:500}
.decs-ch-visual br{display:none}

@media(min-width:672px){
  .hd-ch-visual{margin-top:10px}
  .state-view{font-size:14px}
  .hd-page{font-size:20px; margin-bottom:5px}
  .hd-page:lang(km){margin-bottom:10px}
  /* *:lang(ko){word-break:keep-all} */
}
@media(min-width:884px){
  .dark-style-tablet *,
  .dark-style-tablet .share-link a{color:#fff}
  .hd-list{font-size:24px}
  .hd-ch-visual{font-size:31px; margin-top:0}
  .decs-ch-visual{font-size:14px; margin-top:10px; line-height:1.7; text-align:left; max-width:600px; margin-left:0}
  .decs-ch-visual br{display:block}
  .hd-ch-first{font-size:22px}
  .decs-ch-first{font-size:14px; display:inline-block}
  .tit-num{font-size:20px}
  .content-action .action .txt{margin-top:7px}
  .list-top-state .contents-state{font-size:16px}
}
@media(min-width:1098px){
  .hd-page-1{font-size:18px}
}
@media(min-width:1312px){
  .hd-page{font-size:22px}
  .content-action .action .txt{font-size:14px}
}

/* layout */
.container-fluid{margin-left:auto; margin-right:auto; overflow:hidden}
/* .container-body, .container{overflow:hidden} */
.list-group::after{display:block; clear:both; content:""}
.res-full-width{padding-left:0; padding-right:0}
.row, .row-basic{/*margin-left:-15px; margin-right:-15px;*/ overflow:hidden; clear:both}
.col{/*padding-left:15px; padding-right:15px;*/ overflow:hidden}
.horizontal-wrap h3{padding-left:15px}

@media(min-width:672px){
  .container{max-width:672px}
}
@media(min-width:884px){
  .container{max-width:884px}
}
@media(min-width:1098px){
}
/* .container-body[min-width~="1098px"] .container{
  max-width:884px
}
.container-body[min-width~="1312px"] .container{
  max-width:1312px
} */
@media(min-width:1312px){
  .container{max-width:1312px}
  .page-my .container{max-width:800px}
  .container-fluid{/*width:1312px*/}
  .res-full-width{padding-left:15px; padding-right:15px}
}
.container-body.contents[min-width~="1312px"] .contents-all{
  max-width:1710px; margin-left:auto; margin-right:auto
}


/* Global UI */
.page-width{max-width:1280px; margin-left:auto; margin-right:auto}
.slide-new{font-size:11px; color: #FFFFFF; font-family:Helvetica, Arial, sans-serif; font-weight:500; line-height:15px; vertical-align:3px; padding-left:4px; padding-right:4px; margin-right:0px; display:inline-block; border-radius:2px; background-color:#FA4649}
.time{position:absolute; font-size:11px; line-height:1.4; color:#fff; right:4px; bottom:4px; padding:1px 5px; border-radius:2px; background-color:#000; z-index:1; opacity:.8}
.blind{position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; overflow:hidden}
.arial{font-family:Helvetica, Arial, sans-serif !important}

.members{position:absolute; right:4px; bottom:23px;  z-index:1; overflow:hidden; width:auto; border-radius:2px}
.members .wrap{width:21px; height:21px; float:right; position:relative; border-radius:2px; background-color:rgba(0,0,0,0.95); background-image:url('../images/ico_member_dark.png'); background-size:13px; background-repeat:no-repeat; background-position:center}
.members .text{position:absolute;  top:0; right:19px; padding:0 2px 0 5px; background:rgba(0,0,0,0.95); height:100%; z-index:-1; transition-duration:.15s; overflow:hidden; color:#fff; font-size:12px; border-radius:2px 0 0 2px; line-height:1.9; white-space:nowrap; transform:translateX(100%)}

@media(min-width:884px){
	.members:hover{width:calc(100% - 8px)}
	.members:hover .text{overflow:visible; transform: translateX(0)}
}


.badge-category{display:inline-block; font-size:12px; color:#9D9D9D; padding:2px 7px 1px 7px; border:1px solid #DDDDDD; border-radius:20px; margin:2px 2px 2px 0}
.badge-category:lang(km){padding-bottom:4px}
.badge-category *{color:#9D9D9D}
.badge-category:hover{background-color:#eee}
.new{width:10px; height:10px; display:inline-block; background:url('../images/ico_new.png')no-repeat; background-size:100%}
.new2{margin-right:3px; padding-bottom:2px; color:#ff2626; font-size:10px; font-family:tahoma,arial,sans-serif; font-weight:normal; vertical-align:2px}
.new_link{width:25px; height:8px; display:inline-block; background:url('../images/ico_new_link.png')no-repeat; background-size:100%; text-indent:-9999px; vertical-align:middle; margin-top:-3px}
.content-top-fit{margin-top:48px}
.content-top{padding-top:20px}

.btn-group{display:inline-block}
.btn-group .badge-category{float:left}
.btn-group a:first-child, .list-group > *:first-child{margin-left:0 !important}
.btn-group a:last-child, .list-group > *:last-child{margin-right:0 !important}

.border-1{border:1px solid red}
.border-2{border:1px solid blue}
.border-3{border:1px solid green}

/*======= retina =======*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen translateY(-50%) scale(1.2) (min-resolution:1.5dppx), (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){
  .new{background:url('../images/ico_new@2x.png')no-repeat; background-size:100%}
  .new_link{background-image:url('../images/ico_new_link@2x.png')}
  .members .wrap{background-image:url('../images/ico_member_dark@2x.png')}
}


/* horizontal-scroll */
.horizontal-scroll{position:relative; height:105px; margin-top:10px; margin-bottom:10px; -webkit-overflow-scrolling:touch; overflow-x:auto; overflow-y:hidden;}
.horizontal-scroll .h-list{position:absolute; top:0; left:0; width:600px; transition-property: transform;
transform: translate3d(0px, 0px, 0px);}


/* color */
.color-1{color:#456BFF !important}
.color-2{color:#2EBC76 !important}


/* slidenav */
/* @supports (backdrop-filter:initial) {
  .slide {backdrop-filter:saturate(180%) blur(20px); background:rgba(242, 242, 242, 0.6)}
}
@supports (backdrop-filter: initial) {
  .slide{background:rgba(51, 51, 51, 0.6)}
} */
@media only screen and (orientation: landscape) {
  .slide .list {/*padding-bottom: 49px*/}
}
@-webkit-keyframes slide-nav-slidein {
  0%{opacity: 0}
  1%{-webkit-transform: translateX(160px); transform: translateX(160px)}
  100% {opacity:1; -webkit-transform:translateX(0); transform:translateX(0)}
}
@keyframes slide-nav-slidein {
  0%{opacity:0}
  1%{-webkit-transform:translateX(160px); transform:translateX(160px)}
  100% {opacity:1; -webkit-transform:translateX(0); transform:translateX(0)}
}
@keyframes slide-nav-slidein {
  0%{opacity:0}
  1%{-webkit-transform:translateX(160px); transform:translateX(160px)}
  100%{opacity:1; -webkit-transform:translateX(0); transform:translateX(0)}
}


/* 한국어 제목 스퀘어체 */
*:lang(ko) .font-ns{font-family:'NanumSquare', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕','돋움', dotum, Helvetica, sans-serif}


/* Main slide */
.overlay{width:100%; height:100%; position:absolute; z-index:3;
  background:-webkit-linear-gradient(rgba(0,0,0,.2),transparent 30%,rgba(0,0,0,.74));
  background:linear-gradient(rgba(0,0,0,.2),transparent 30%,rgba(0,0,0,.74))}

.slide-main .thum{position:relative}
/*.slide-main .thum-rect{padding-bottom:56%}*/
.slide-main .thum-rect .thum-pos{transform: translateY(-50%) scale(1); height:100%}

.slide-main .info-wrap{margin:18px 0 10px 1px; padding-right:20px}
.slide-main .info-wrap .tit{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden}
.slide-main .info-wrap .tit:lang(km){padding-bottom:3px}
.slide-main .info-wrap h2,
.slide-main .info-wrap p{max-width:420px; margin-top:3px; font-size:13px; color:#7d7d7d; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; max-height:38px}
.slide-main .info-wrap p:lang(km){padding-bottom:2px; height:41px}
.slide-main .info-wrap h2{display:inline; font-size:18px; font-weight:600; line-height:1.4; color:#333}
.slide-main .info-wrap h2:lang(km){line-height:1.5}
.slide-main .info-wrap blockquote{font-size:14px; color:#686868}
.slide-main .info-wrap .btn-group{display:block; margin-top:3px}
.slide-main .owl-dots{margin-top:15px}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{background:#5784FF}
.owl-theme .owl-dots .owl-dot span{width:6px; height:6px; margin:5px; background:#DADADA; display:block; -webkit-backface-visibility:visible; transition:opacity 0.2s ease; border-radius:30px}
.owl-theme .owl-dots{text-align:center; -webkit-tap-highlight-color:transparent}
.owl-theme .owl-dots .owl-dot{display:inline-block; zoom:1}

/* @media(min-width:1527px){ */
/*  .slide-main .thum-rect{height:240px} */
/* } */
/*IE10 and IE11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.slide-main .thum-rect .thum-pos{transform: translateY(-50%) scale(1.1)}
}


/* 제목 warp */
.tit-group h1,
.tit-group h2,
.tit-group h3,
.tit-group h4{display:inline-block}


/* 리스트 top 현황 */
.list-top-state{display:flex; align-items:center; justify-content:space-between}
/*.list-top-state .contents-sort{float:right}*/


/* Sub nav */
.nav-sub{text-align:center; margin-top:7px; margin-bottom:10px}
.nav-sub .first .list,
.nav-sub .second{width:100%; text-align:left}
.nav-sub .first{position:relative; overflow:hidden}
.nav-sub .first::before{content:''; position:absolute; width:100%; height:1px; background-color:#E8E8E8; left:0; bottom:0}
.nav-sub .first .col{width:100%; margin:0 auto;}
.nav-sub .first .slide{position:relative; width:100%; height:43px; padding-right:0; text-align:left}
.nav-sub .first .list{overflow:hidden; overflow-x:scroll; -webkit-overflow-scrolling:touch; padding:0 45px 30px 0; white-space:nowrap}
.nav-sub .first .col,
.nav-sub .second{/*max-width:900px*/}
.nav-sub .first li{display:inline-block; padding:0 8px}
.nav-sub .first a{font-size:15px; padding:10px 0; display:inline-block; position:relative}
.nav-sub .first a.on,
.nav-sub .second a.on{color:#3958F6}
.nav-sub .first a:hover,
.nav-sub .second a:hover{color:#3958F6}
.nav-sub .first a::before,
.nav-sub .first a.on::before{content:''; position:absolute; width:0; bottom:0; left:0; height:2px; background:#506BF6; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s}
.nav-sub .first a:hover::before,
.nav-sub .first a.on::before{width:100%}
.nav-sub .second{padding-top:10px; font-size:13px; margin:0 auto; overflow:hidden}
.nav-sub .second a{padding:4px 10px 4px 0; color:#777; float:left; display:inline-block}
.nav-sub .first li:first-child{padding-left:0}
.nav-sub .first li:last-child{padding-right:80px}

@media(min-width:884px){
  .nav-sub{text-align:center; margin-top:10px; margin-bottom:30px}
}


/* 페이지 내 검색 */
.in-search-whrap{position:relative}
.in-search{padding:5px}
.in-search::after{content:''; display:inline-block; width:17px; height:18px; vertical-align:middle; background:url('../images/ico_search_dark.png')no-repeat; background-size:100%}
.in-search:hover{background:#f7f7f7; border-radius:4px}
.in-input{display:none; position:absolute; top:-2px; right:30px; display:none; width:150px; vertical-align:middle; border-bottom:2px solid #333}
.in-input input{margin:0; padding:0; font-size:13px; color:#333; border:0; width:100%; height:100%; padding-bottom:2px}
.in-input input::placeholder,
.in-input input:-ms-input-placeholder,
.in-input input::-webkit-input-placeholder{color:#888}
@media (min-width:672px){
	.in-input{display:inline-block; position:inherit; top:inherit; right:inherit}
}
/*======= retina =======*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){
  .in-search::after{background:url('../images/ico_search_dark@2x.png')no-repeat; background-size:100%}
}


.nav-sub.channel{margin-top:50px; margin-bottom:20px}
.nav-sub.channel .first::before{display:none}
@media(min-width:884px){
	.nav-sub.channel{margin-top:50px; margin-bottom:40px}
}


/* 전체카테고리 버튼(모바일) */
.nav-sub .first .category-pc{display:none}
.nav-sub .first .btn-cg{display:inline-block; position:absolute; top:6px; right:0}
.nav-sub .first .btn-cg::before,
.nav-sub .first .btn-cg::after{content:''; width:15px; height:30px; position:absolute; top:0}
.nav-sub .first .btn-cg::before{left:-15px; background-image:linear-gradient(90deg, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.9) 80%)}
.nav-sub .first .btn-cg::after{right:-15px; background-color:rgba(255,255,255,0.9)}
.nav-sub .first .btn-cg button{width:30px; height:30px; padding:4px 6px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(0,0,0,0.09); border-radius:2px; background:rgba(255,255,255,0.95)}
.nav-sub .first .btn-cg button::after{content:''; display:inline-block; width:14px; height:14px; background:url('../images/ico_arrow_category.png')no-repeat; background-size:100%}
.nav-sub .first .btn-cg button.on::after{content:''; -webkit-transform: rotate(180deg);
transform: rotate(180deg);}

/* 전체카테고리 버튼(태블릿, PC) */
@media(min-width:672px){
.nav-sub .first .slide + .btn-cg{display:none}
.nav-sub .first .category-pc{display:inline-block; animation:initial}
.nav-sub .first .category-pc .btn-cg{position:initial}
.nav-sub .first .category-pc .btn-cg::before,
.nav-sub .first .category-pc .btn-cg::after{display:none}
.nav-sub .first .category-pc .btn-cg button{border:0}


}

/* 전체카테고리 */
.category-wrap{text-align:left}
.category-wrap {display:none; margin:0 auto; padding-top:10px; overflow:hidden}
.category-wrap .category{padding:20px 0; overflow:hidden; border-bottom:1px solid #E8E8E8}
.category-wrap .category li{display:inline-block; width:50%; float:left}
.category-wrap .category h3{padding-bottom:5px; font-size:15px; font-weight:600; color:#444}
.category-wrap .category a{display:inline-block; padding:5px 0; font-size:14px; color:#777}
.category-wrap .category a:hover{text-decoration:underline}

.contents-sort a{font-size:13px; color:#A2A2A2; padding:0 7px}
.contents-sort a:first-child{padding-left:0}
.contents-sort a:last-child{padding-right:0}
.contents-sort a.on{color:#4E70F6}
.contents-sort a.on::before{content:''; display:inline-block; width:12px; height:10px; margin:0 5px; background:url('../images/ico_check_tab.png')no-repeat;  background-size:100%}

@media(min-width:672px){
  .category-wrap .category li{width:33.333333%}
}
@media(min-width:884px){
  .category-wrap .category li{width:25%}
}
@media(min-width:1098px){
  .category-wrap .category li{width:100%}
  .category-wrap .category{width:20%; float:left; display:inline-block; border-bottom:none}
  .category-wrap{border-bottom:1px solid #E8E8E8}
}

/*======= retina =======*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){
  .nav-sub .first .btn-cg button::after{background:url('../images/ico_arrow_category@2x.png')no-repeat; background-size:100%}
  .contents-sort a.on::before{background:url('../images/ico_check_tab@2x.png')no-repeat; background-size:100%}
}


/*paging*/
.paging-warp{text-align:center; margin:20px 0 30px}
.paging{font-size:14px; line-height:1.28; display:inline-block}
.paging a:hover{color:#3958F6}
.paging a, .paging strong{padding:6px 12px; float:left}
.paging strong{min-width:22px; color:#3958F6; border:1px solid #3958F6; font-weight:normal; padding:5px 10px; border-radius:40px}
.paging .ico-btn{width:12px; height:20px; display:inline-block; vertical-align:middle}
.paging .ico-btn.prev{background:url('../images/ico_prev.png')no-repeat; background-size:100%}
.paging .ico-btn.next{background:url('../images/ico_next.png')no-repeat; background-size:100%}

/*======= retina =======*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){
  .paging .ico-btn.prev{background:url('../images/ico_prev@2x.png')no-repeat; background-size:100%}
  .paging .ico-btn.next{background:url('../images/ico_next@2x.png')no-repeat; background-size:100%}
}


/* 검색결과 */
.search-control{font-size:13px}
.search-header{margin-bottom:10px}
.search-title{font-size:15px; display:inline-block}

.finder_more{float:right; display:inline-block; font-size:13px}
.finder_more::after{content:''; width:11px; height:10px; display:inline-block; margin:0 4px; background:url('../images/ico_search_option1.png')no-repeat; background-size:100%}
.finder_more.on::after{content:''; -webkit-transform:rotate(180deg); transform:rotate(180deg)}

.search-menu dl{width:33.3%; float:left}
.search-menu dt{font-size:13px; font-weight:600; padding:3px 2px}
.search-menu dd a{color:#777; padding:3px 2px; display:inline-block}
.search-menu dd a.color-2::after{content:''; width:13px; height:11px; display:inline-block; margin:0 5px; background:url('../images/ico_search_option2.png')no-repeat; background-size:100%}

/*======= retina =======*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){
  .finder_more::after{background:url('../images/ico_search_option1@2x.png')no-repeat; background-size:100%}
  .search-menu dd a.color-2::after{background:url('../images/ico_search_option2@2x.png')no-repeat; background-size:100%}
}

/* button */
.btn{font-size:13px; font-weight:500; display:inline-block; padding:10px 18px; border:1px solid #DFDFDF; color:#484848; margin:5px 4px 0 0}
.btn:hover{background-color:#FBFBFB}

.btn-watch::before{content:''; width:14px; height:10px; display:inline-block; margin-right:5px; background:url('../images/ico_btn_watch.png')no-repeat; background-size:100%}

.btn-share{padding:10px 12px; cursor:pointer}
.btn-share::before{content:''; width:16px; height:12px; display:inline-block; background:url('../images/ico_btn_share.png')no-repeat; background-size:100%}

.btn-audio{font-size:14px; font-weight:500; vertical-align:middle; display:inline-block; padding:4px 10px 3px 10px; border:1px solid #21C875; border-radius:2px; color:#21C875; cursor:pointer; -webkit-overflow-scrolling:touch}
.btn-audio::after{content:''; width:12px; height:11px; display:inline-block; margin-left:5px; background:url('../images/ico_btn_audio.png')no-repeat; background-size:100%}
.btn-audio:hover,
.btn-audio.on{color:#fff; background-color:#21C875}
.btn-audio:hover::after,
.btn-audio.on::after{content:''; width:12px; height:11px; display:inline-block; margin-left:5px; background:url('../images/ico_btn_audio2.png')no-repeat; background-size:100%}

.btn-more{padding:5px 10px; display:inline-block}
.btn-more::after{content:''; width:12px; height:11px; display:inline-block; opacity:0.4; background:url('../images/ico_arrow_category.png')no-repeat; background-size:100%}
.btn-more:hover::after{opacity:1}

.btn-del{display:inline; font-size:12px; color:#333}
.btn-del::before{content:''; width:14px; height:20px; display:inline-block; margin-right:5px; vertical-align:middle; background:url('../images/ico_btn_del.png')no-repeat; background-size:100%}

/*======= retina =======*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){
  .btn-watch::before{background:url('../images/ico_btn_watch@2x.png')no-repeat; background-size:100%}
  .btn-share::before{background:url('../images/ico_btn_share@2x.png')no-repeat; background-size:100%}
  .btn-audio::after{background:url('../images/ico_btn_audio@2x.png')no-repeat; background-size:100%}
  .btn-audio:hover::after,
  .btn-audio.on::after{background:url('../images/ico_btn_audio2@2x.png')no-repeat; background-size:100%}
  .btn-more::after{background:url('../images/ico_arrow_category@2x.png')no-repeat; background-size:100%}
  .btn-del::before{background:url('../images/ico_btn_del@2x.png')no-repeat; background-size:100%}
}


/* auto play */
.auto-play span{font-size:12px; color:#929292; padding-right:5px}
.auto-play .switch{position:relative; display:inline-block; width:32px; height:12px; vertical-align:middle}
.auto-play .switch input{display:none}
.slider{position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#C4C4C4; -webkit-transition:.4s; transition:.4s}
.slider:before{position:absolute; content:" "; width:18px; height:18px; top:-25%; left:0; background-color:#fff; box-shadow:0 2px 1px 0 rgba(0,0,0,0.10); -webkit-transition:.4s; transition:.4s}
input:checked + .slider{background-color:#E5EBFF}
input:focus + .slider{box-shadow:0 0 1px #4E7AFA}
input:checked + .slider:before{-webkit-transform:translateX(14px); -ms-transform:translateX(14px); transform:translateX(14px); background-color:#4E7AFA}
.slider.round{border-radius:34px}
.slider.round:before{border-radius:50%}


/* loading */
.load{text-align:center}
.loader{display:inline-block; position:relative; width:8px; height:8px; -webkit-animation: loader10m 3s ease-in-out infinite; animation: loader10m 1.5s ease-in-out infinite}
.loader:before{content:''; position:absolute; width:8px; height:8px; top:0px; left:-15px; -webkit-animation:loader10g 3s ease-in-out infinite; animation:loader10g 1.5s ease-in-out infinite}
.loader:after{content:''; position:absolute; width:8px; height:8px; top:0px; left:15px; -webkit-animation: loader10d 3s ease-in-out infinite; animation: loader10d 1.5s ease-in-out infinite}

@-webkit-keyframes loader10g{
  0%{background-color:rgba(96, 121, 244, .2)}
  25%{background-color:rgba(96, 121, 244, 1)}
  50%{background-color:rgba(96, 121, 244, .2)}
  75%{background-color:rgba(96, 121, 244, .2)}
  100%{background-color:rgba(96, 121, 244, .2)}
}
@keyframes loader10g{
  0%{background-color:rgba(96, 121, 244, .2)}
  25%{background-color:rgba(96, 121, 244, 1)}
  50%{background-color:rgba(96, 121, 244, .2)}
  75%{background-color:rgba(96, 121, 244, .2)}
  100%{background-color:rgba(96, 121, 244, .2)}
}
@-webkit-keyframes loader10m{
  0%{background-color:rgba(96, 121, 244, .2)}
  25%{background-color:rgba(96, 121, 244, .2)}
  50%{background-color:rgba(96, 121, 244, 1)}
  75%{background-color:rgba(96, 121, 244, .2)}
  100%{background-color:rgba(96, 121, 244, .2)}
}
@keyframes loader10m{
  0%{background-color:rgba(96, 121, 244, .2)}
  25%{background-color:rgba(96, 121, 244, .2)}
  50%{background-color:rgba(96, 121, 244, 1)}
  75%{background-color:rgba(96, 121, 244, .2)}
  100%{background-color:rgba(96, 121, 244, .2)}
}
@-webkit-keyframes loader10d{
  0%{background-color:rgba(96, 121, 244, .2)}
  25%{background-color:rgba(96, 121, 244, .2)}
  50%{background-color:rgba(96, 121, 244, .2)}
  75%{background-color:rgba(96, 121, 244, 1)}
  100%{background-color:rgba(96, 121, 244, .2)}
}
@keyframes loader10d{
  0%{background-color:rgba(96, 121, 244, .2)}
  25%{background-color:rgba(96, 121, 244, .2)}
  50%{background-color:rgba(96, 121, 244, .2)}
  75%{background-color:rgba(96, 121, 244, 1)}
  100%{background-color:rgba(96, 121, 244, .2)}
}


/* SNS 공유 레이어 */
.share-box{width:310px; background:#fff; padding:25px; box-shadow:0 5px 14px 0 rgba(0,0,0,0.44); border-radius:5px; text-align:left}
.emotion-box{display:none; position:absolute; top:105%; left:calc( 50% - 150px ); width:300px; background:#fff; z-index:5; padding:15px; box-shadow:0 5px 14px 0 rgba(0,0,0,0.20); border-radius:5px}
/* .over{overflow:visible; margin-left:15px; margin-right:15px; padding:0} */
.share-box.member .share-ico{display:none}
.share-box.member .copyurl{margin-top:10px}
.share-box h4{float:left; font-size:14px; font-weight:600; vertical-align:top}
.share-box .btn-close{float:right; width:13px; height:13px; background:url('../images/ico_cancel.png') no-repeat; background-size:13px}
.share-box span{display:block; padding-top:5px; clear:both; font-size:12px; color:#FA4649}
.share-box .share-ico{clear:both; width:100%}
.share-box .share-ico a{display:inline-block; padding:10px 4px}
.copyurl{display:flex; justify-content:space-between; border-bottom:1px solid #979797}
.copyurl input{width:90%; font-size:14px; border:0; margin:0}
.copyurl a{font-size:13px; line-height:1.8; color:#456BFF}

.share-box .share-ico a::after{content:''; width:28px; height:28px; display:inline-block; vertical-align:middle; background-repeat:no-repeat}
.share-box .share-ico .sns01::after{background:url('../images/share_twitter.png'); background-size:100%}
.share-box .share-ico .sns02::after{background:url('../images/share_facebook.png'); background-size:100%}
.share-box .share-ico .sns03::after{background:url('../images/share_google.png'); background-size:100%}
.share-box .share-ico .sns04::after{background:url('../images/share_blogger.png'); background-size:100%}
.share-box .share-ico .sns05::after{background:url('../images/share_tumblr.png'); background-size:100%}
.share-box .share-ico .sns06::after{background:url('../images/share_whatsapp.png'); background-size:100%}
.share-box .share-ico .sns07::after{background:url('../images/share_line.png'); background-size:100%}
.share-box .share-ico .sns08::after{background:url('../images/share_kakao.png'); background-size:100%}

@media(min-width:672px){
  .share-box, .emotion-box{width:410px; padding:25px}
  .emotion-box{left:calc( 50% - 205px )}
}
@media (min-width:1098px){
  .emotion-box{top:70px; left:auto; right:0}
}

/*======= retina =======*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){
  .share-box .share-ico .sns01::after{background:url('../images/share_twitter@2x.png'); background-size:100%}
  .share-box .share-ico .sns02::after{background:url('../images/share_facebook@2x.png'); background-size:100%}
  .share-box .share-ico .sns03::after{background:url('../images/share_google@2x.png'); background-size:100%}
  .share-box .share-ico .sns04::after{background:url('../images/share_blogger@2x.png'); background-size:100%}
  .share-box .share-ico .sns05::after{background:url('../images/share_tumblr@2x.png'); background-size:100%}
  .share-box .share-ico .sns06::after{background:url('../images/share_whatsapp@2x.png'); background-size:100%}
  .share-box .share-ico .sns07::after{background:url('../images/share_line@2x.png'); background-size:100%}
  .share-box .share-ico .sns08::after{background:url('../images/share_kakao@2x.png'); background-size:100%}
  .share-box .btn-close{background:url('../images/ico_cancel@2x.png') no-repeat; background-size:13px}
}


/* 리스트 */
/* 리스트 공통 제목 셋팅 */
.video-list .info h3, .list-text h3, .list-circle h3{font-size:15px; line-height:1.4; overflow:hidden; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; max-height:42px; word-break:normal; word-wrap:break-word}
:is(.video-list .info, .list-text, .list-circle) h3:lang(km){max-height:none; padding-bottom:3px; line-height:1.5}

/* .video-list .info h3{max-width:95%; display:inline} */
.video-list{display:table; width:100%; margin:10px 0; position:relative}
/* .video-list a{display:inline-block} */
.video-list > div{display:table-cell; vertical-align:top}
.video-list .best{width:24px; color:#999; text-align:left; letter-spacing:-0.7px; vertical-align:middle}
.video-list .thum{position:relative; width:123px; /*height:68px*/}
.video-list .thum a{display:block; height:100%}
.video-list .thum img{vertical-align:middle}
/* .video-list .thum .time{position:absolute; font-size:11px; line-height:1.4; color:#fff; right:4px; bottom:6px; padding:1px 5px; border-radius:2px; background-color:#000; z-index:1} */
.video-list .thum .members{bottom:25px}
.video-list .info{padding:0 10px}
/* .video-list .info a{display:inline-block} */

.view{margin-right:8px}
.view, .watch_view{margin-top:5px; display:inline-block; font-size:13px; color:#999}
.view::before, .watch_view::before{content:''; display:inline-block; margin-right:4px}
.view::before{width:8px; height:10px; background:url(../images/ico_view.png)no-repeat; background-size:100%}
.watch_view::before{width:10px; height:9px; background:url(../images/ico_watch.svg)no-repeat; background-size:100%}

.video-list .func{width:20px; position:relative}
.video-list .func > button{padding:10px}
.video-list .func .circle{position:relative}
.video-list .func .circle, .video-list .func .circle::before, .video-list .func .circle::after{width:3px; height:3px; border-radius:5px; background-color:#BBB}
.video-list .func .circle::before{content:''; position:absolute; display:inline-block; top:-5px; left:0}
.video-list .func .circle::after{content:''; position:absolute; display:inline-block; top:5px; left:0}
.video-list .func > button:hover .circle, .video-list .func > button:hover .circle::before, .video-list .func > button:hover .circle::after{background-color:#666}
.video-list .func .delete{width:13px; height:13px; top:30%; left:33%; background:url('../images/ico_cancel.png') no-repeat; background-size:100%}
.video-list .func.middle{vertical-align:middle}
.video-list-category{font-size:13px}
/* 비디오 리스트 미디어쿼리는 video-list.css 에 별도 작성 */

/*======= retina =======*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){
  .video-list .func .delete{background:url('../images/ico_cancel@2x.png') no-repeat; background-size:100%}
  .view::before{background:url(../images/ico_view@2x.png)no-repeat; background-size:100%}
}


/* 리스트 - 원(가로) */
.list-circle li > a{display:table}
.list-circle a > div{display:table-cell; vertical-align:middle}
.list-circle .thum-circle::before{content:''; position:absolute; width:100%; height:100%; left:0; background-color:rgba(0,0,0,0.3); z-index:1}
.list-circle .count{position:absolute; left:50%; width:34px; margin-left:-17px; top:50%; height:36px; margin-top:-18px; text-align:center; line-height:1; color:#fff; z-index:2}
.list-circle .count::after{content:''; width:14px; height:14px; display:block; background:url('../images/ico_playnum.png')no-repeat; background-size:100%; margin:4px auto 0 auto}
.list-circle h3{margin-left:10px}

/* 썸네일 부모요소보다 큰 이미지 - 원형 */
.thum-circle{width:66px; height:66px; display:inline-block; position:relative; overflow:hidden; border-radius:100px; overflow:hidden}
.thum-circle .thum-pos{position:absolute; transform:translateY(-50%) scale(2); top:50%; left:0}
.thum-circle .thum-pos > img{display:block; width:100%}

/* 썸네일 부모요소보다 큰 이미지 - 네모형 */
.thum-rect{width:100%; display:block; position:relative; overflow:hidden; padding-top:56.25%; background-color:#e8e8e8}
.thum-rect .thum-pos{position:absolute; transform:translateY(-50%) scale(1); top:50%; left:0; width:100%; height:100%}
/*.thum-rect .thum-pos{position:absolute; transform:translateY(-50%); top:50%; left:0; width:100%}*/
.thum-rect .thum-pos > img{display:block; width:100%; object-fit:cover}
.shorts .thum-rect .thum-pos > img{height:100%}
/*.thum-rect .thum-pos > img{display:block; width:100%}*/


/*.video-list .thum-rect{height:70px}*/

/* index */
@media(min-width:672px){
/*.video-list .thum-rect{height:118px}*/
}

/*IE10 and IE11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.thum-rect .thum-pos{transform: translateY(-50%) scale(1.1)}
}


/* 리스트 - 원(세로형) */
.list-circle.vertical li{display:inline-block; float:left}
.list-circle.vertical li >a{display:block; width:85px}
.list-circle.vertical a > div{display:block; text-align:center}
.list-circle.vertical h3{font-size:14px; margin:3px 10px 0 10px}

@media(min-width:672px){
  .thum-circle{width:96px; height:96px}
  .list-circle .count{font-size:19px}
}
@media(min-width:1312px){
  .thum-circle{width:115px; height:115px}
}

/*======= retina =======*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){
  .list-circle .count::after{background:url('../images/ico_playnum@2x.png')no-repeat; background-size:100%}
}


/* 나중에 볼 영상 메뉴 */
.list-wrap{position:relative}
.video-list .later-context{display:none}
.later-context{position:absolute; top:25px; right:6px; max-width:170px; z-index:6; clear:both; overflow:visible; background-color:#fff; box-shadow:0px 3px 8px 0 rgba(0,0,0,0.12)}
.later-context a{display:block; padding:15px; font-size:13px; font-weight:500; color:#838383; cursor:pointer}
.later-context a:hover{background-color:#EFEFEF}
.btn-later{position:absolute; top:3px; right:3px; display:none; width:28px; height:28px; padding:6px; z-index:5; background:rgba(0,0,0,0.77);
border-radius:2px}
.btn-later::before{content:''; width:16px; height:16px; display:inline-block; background:url('../images/icon_btn_later.png')no-repeat; background-size:100%}
.btn-later.on::before{content:''; width:16px; height:16px; display:inline-block; margin-top:3px; background:url('../images/icon_btn_laterdel.png')no-repeat; background-size:100%}

/* 나중에 볼 영상 메시지 */
.later_view{display:none; z-index:999999; padding:10px 25px; left:15px; bottom:15px; -ms-word-wrap:break-word; word-wrap:break-word; position:fixed; font-size:14px; color:#fff; background-color:rgba(51,51,51,0.90); -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; margin-right:15px}
.later_del{display:none; z-index:999999; padding:10px 25px; left:15px; bottom:15px; -ms-word-wrap:break-word; word-wrap:break-word; position:fixed; font-size:14px; color:#fff; background-color:rgba(51,51,51,0.90); -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; margin-right:15px}

/* 저장 메시지*/
.save_msg{display:none; z-index:999999; padding:10px 25px; left:15px; bottom:15px; -ms-word-wrap:break-word; word-wrap:break-word; position:fixed; font-size:14px; color:#fff; background-color:rgba(51,51,51,0.90); -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; margin-right:15px}
/* 중복 메시지*/
.already_msg{display:none; z-index:999999; padding:10px 25px; left:15px; bottom:15px; -ms-word-wrap:break-word; word-wrap:break-word; position:fixed; font-size:14px; color:#fff; background-color:rgba(51,51,51,0.90); -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; margin-right:15px}
/* 복사 메시지*/
.copy_msg{display:none; z-index:999999; padding:10px 25px; left:15px; bottom:15px; -ms-word-wrap:break-word; word-wrap:break-word; position:fixed; font-size:14px; color:#fff; background-color:rgba(51,51,51,0.90); -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; margin-right:15px}

@media(min-width:672px){
  .container .video-list .later-context{top:150px; right:0}
}


/*======= retina =======*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){
  .btn-later::before{background:url('../images/icon_btn_later@2x.png')no-repeat; background-size:100%}
  .btn-later.on::before{background:url('../images/icon_btn_laterdel@2x.png')no-repeat; background-size:100%}
}


/* 채널 bg */
.ch-header{position:relative; padding:40px; text-align:center}
.ch-header::after{position:absolute; content:''; width:100%; height:100%; top:0; left:0; background:linear-gradient(-180deg, rgba(255,255,255,0.85) 15%, #fff 65%); z-index:1}
.ch-header .thum-circle, .ch-header .info{z-index:2}
.ch-header .thum-circle{width:110px; height:110px;}
.ch-header .info{position:relative; max-width:300px; margin:8px auto 0 auto}
.ch-header .info .decs-ch-header{text-align:left}
.ch-header .info .decs-ch-header, .ch-header .info .share-link{margin-top:5px}
.share-link a{margin-right:10px; font-size:13px; font-weight:400; color:#999}
.share-link a::after{content:''; width:15px; height:18px; display:inline-block; margin:0 3px; vertical-align:middle}
.share-link .link::after{background:url('../images/ico_ch_link.png')no-repeat; background-size:100%}
.share-link .share::after{background:url('../images/ico_ch_share.png')no-repeat; background-size:100%}

/*======= retina =======*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){
  .share-link .link::after{background:url('../images/ico_ch_link@2x.png')no-repeat; background-size:100%}
  .share-link .share::after{background:url('../images/ico_ch_share@2x.png')no-repeat; background-size:100%}
}


/* footer */
.footer{font-size:12px; color:#666; padding-top:30px; padding-bottom:40px}
.footer .logo-img{width:225px; height:24px; background:url('../images/logombe.png')no-repeat; background-size:100%}
.footer .logo_mbe a{color:#777; display:inline-block; margin-top:5px}
.footer .site-link{margin-top:20px; overflow:hidden}
.footer .site-link a{display:inline-block; padding-bottom:2px; color:#666; float:left}
.footer .site-link a::after{content:''; display:inline-block; width:1px; height:10px; margin:0 7px; background-color:#DCDCDC}
.footer .site-link a:last-child::after{display:none}
.footer .adress{margin-top:10px; clear:both}
.footer .adress p, .footer .adress a{font-size:11px; color:#A2A2A2}
.footer .adress a:hover{color:#777}
.footer .share{margin-top:25px}
.footer .share a{padding:8px}
.footer .share a:first-child{padding-left:0}

.footer .share a::after{content:''; width:20px; height:20px; display:inline-block; vertical-align:middle; background-repeat:no-repeat; opacity:0.6; background-size:100%}

.footer .share .sns01::after{background-image:url('../images/ico_footer_twiter.png')}
.footer .share .sns02::after{background-image:url('../images/ico_footer_facebook.png')}
.footer .share .sns03::after{background-image:url('../images/ico_footer_google.png')}
.footer .share .sns04::after{background-image:url('../images/ico_footer_line.png')}
.footer .share .sns08::after{background-image:url('../images/ico_footer_kakao.png')}
.footer .share a:hover::after{opacity:inherit}

/* footer-logo */
.logo-footer{width:48px; height:48px; opacity:0.3; margin-bottom:14px; background:url("../images/logo_churchofgod.png") no-repeat; background-size:100%}

.dutch-anbi{border:1px solid #DFDFDF; color:#484848; font-size:14px; font-weight:600; height:32px; line-height:31px; padding:0 20px; margin:13px 0 7px; display:inline-block}
.dutch-anbi:hover{background-color:#F7F7F7}

/*======= retina =======*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){
  .footer .logo-img{background:url('../images/logombe@2x.png')no-repeat}
  .footer .share .sns01::after{background-image:url('../images/ico_footer_twiter@2x.png')}
  .footer .share .sns02::after{background-image:url('../images/ico_footer_facebook@2x.png')}
  .footer .share .sns03::after{background-image:url('../images/ico_footer_google@2x.png')}
  .footer .share .sns04::after{background-image:url('../images/ico_footer_line@2x.png')} 
  .footer .share .sns08::after{background-image:url('../images/ico_footer_kakao@2x.png')}
  .logo-footer{background-image:url("../images/logo_churchofgod@3x.png")}
}


/* move top */
.move_top{position:fixed; width:40px; height:40px; bottom:15px; right:15px; background-color:rgba(255,255,255,0.8); z-index:7}
.move_top::before{content:" "; position:absolute; width:13px; height:16px; top:30%; left:33%; background:url('../images/btn_movetop.png') no-repeat; background-size:100%}
.move_top a{position:absolute; padding:17px}

/*======= retina =======*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){
  .move_top::before{background:url('../images/btn_movetop@2x.png')no-repeat; background-size:100%}
}


/* 언어선택 레이어 */
.language{width:100%; background:#fff; text-align:left; overflow:hidden}
.language .tit{border-bottom:1px solid #E5E5E5; margin-bottom:35px; padding:20px 0 40px 0}
.language .tit h2{font-size:20px; font-weight:600; text-align:center}
.language .tit p{padding-top:15px; text-align:center}
.language .btn-close{position:absolute; top:20px; right:20px; width:18px; height:18px; background:url('../images/ico_lang_cancel.png') no-repeat; background-size:18px}

.language a{display:block; padding:6px 15px 6px 0; position:relative; float:left; width:50%; font-size:14px}
/* .language a:before{content:''; display:block; position:absolute; left:0; top:7px; width:16px; height:16px; background:#FFF; padding:0; border:1px solid #E5E5E5; -webkit-appearance:none; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%} */
.language a:hover{color:#456BFF}
.language a:hover span{color:#809aff}
.language a:hover::before{width:16px; height:16px; background:#FFF; border:1px solid #A6B8FF}
.language a span{display:block; color:#a9a9a9; font-size:13px; font-weight:400}

/*language check*/
a.checked{color:#456BFF}
a.checked span{color:#809aff}
a.checked:before,
a.checked:hover:before{width:16px; height:16px; background:url('../images/ico_lang_check.png') no-repeat center; background-size:10px; background-color:#456BFF; border:0}

@media(min-width:672px){
  .language a{width:33.3333333%}
  .language .tit h2{font-size:30px}
}

@media(min-width:1280px){
  .language  .btn-close{width:22px; height:22px}
  .language a{width:25%}
}

/*======= retina =======*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){
  .btn-lang::after{background:url('../images/ico_arrow_drop@2x.png') right center no-repeat; background-size:100%}
  .language  .btn-close{background:url('../images/ico_lang_cancel@2x.png') no-repeat; background-size:18px}
  a.checked:before,
  a.checked:hover:before{background:url('../images/ico_lang_check@2x.png') no-repeat center; background-size:10px; background-color:#456BFF}
}

/*remodal CSS*/
html.remodal-is-locked{overflow:auto}
.remodal,[data-remodal-id]{display:none}
.remodal-overlay{position:fixed;z-index:9999;top:-5000px;right:-5000px;bottom:-5000px;left:-5000px;display:none}
.remodal-wrapper{position:absolute;z-index:10000;top:0;bottom:0;right:0;left:0;display:none;overflow:auto;text-align:center;-webkit-overflow-scrolling:touch}
.remodal-wrapper:after{display:inline-block;height:100%; content:""}
.remodal-overlay,
.remodal-wrapper{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.remodal{position:relative;outline:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}
.remodal-is-initialized{display:inline-block}
.remodal-bg.with-red-theme.remodal-is-opening,
.remodal-bg.with-red-theme.remodal-is-opened{filter:none}
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened{-webkit-filter:blur(3px);filter:blur(3px)}
.remodal-overlay{background:rgba(0, 0, 0, 0.5)}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.remodal-overlay.remodal-is-opening{-webkit-animation:remodal-overlay-opening-keyframes 0.3s;animation:remodal-overlay-opening-keyframes 0.3s}
.remodal-overlay.remodal-is-closing{-webkit-animation:remodal-overlay-closing-keyframes 0.3s;animation:remodal-overlay-closing-keyframes 0.3s}
.remodal{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);color:#2b2e38}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.remodal.remodal-is-opening{-webkit-animation:remodal-opening-keyframes 0.3s;animation:remodal-opening-keyframes 0.3s}
.remodal.remodal-is-closing{-webkit-animation:remodal-closing-keyframes 0.3s;animation:remodal-closing-keyframes 0.3s}
.remodal,
.remodal-wrapper:after{vertical-align:middle}
.remodal-close{position:absolute;top:0;left:0;display:block;overflow:visible;width:35px;height:35px;margin:0;padding:0;cursor:pointer;-webkit-transition:color 0.2s;transition:color 0.2s;text-decoration:none;color:#95979c;border:0;outline:0;background:transparent}
.remodal-close:before{position:absolute;top:0;left:0;display:block;width:35px;text-align:center}
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner{padding:0;border:0}
@-webkit-keyframes remodal-opening-keyframes {
from{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}
}
@keyframes remodal-opening-keyframes {
from{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}
}
@-webkit-keyframes remodal-closing-keyframes {
from{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(0.95);transform:scale(0.95);opacity:0}
}
@keyframes remodal-closing-keyframes {
from{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(0.95);transform:scale(0.95);opacity:0}
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
from{opacity:0}to{opacity:1}
}
@keyframes remodal-overlay-opening-keyframes {
from{opacity:0}to{opacity:1}
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
from{opacity:1}to{opacity:0}
}
@keyframes remodal-overlay-closing-keyframes {
from{opacity:1}to{opacity:0}
}

/*html과 body에 모두 적용해주어야 모바일에서 스크롤 시 아래쪽 바디가 안보이고 스크롤되지 않는다.*/
html.remodal-is-locked,
html.remodal-is-locked body{height:100%; overflow:hidden}


/* 텍스트 우측 정렬 - 우르두어, 아랍어 등 */
:dir(rtl) .header .hd-left{float:right; width:calc(100% - 60px)}
:dir(rtl) .logo-bg{margin-right:15px; margin-left:0}
:dir(rtl) .logo-bg .logo{margin-right:3px}
:dir(rtl) .search-open .input{margin:10px 0 10px 30px}
:dir(rtl) .search-open .cancel{left:20px; right:inherit}
:dir(rtl) .search-open .input .btn{left:12px; right:inherit}
:dir(rtl) .search-open .input input{padding:5px 10px 5px 40px}
:dir(rtl) .login-layer .logo-bg{display:block; text-align:right; margin-right:0}
:dir(rtl) .nav{right:0}
:dir(rtl) .nav .user-info .login a{padding:0 0 0 12px}
:dir(rtl) .header .user .user-box{top:40px; right:-30px}
:dir(rtl) .view::before{margin-left:5px}
:dir(rtl) .nav-sub .first .btn-cg{left:0; right:auto}
:dir(rtl) .nav-sub .first .list{padding:0 0 30px 15px}
:dir(rtl) .nav-sub .first .btn-cg::before{right:-15px; left:auto; background-image:linear-gradient(-90deg, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.9) 80%)}
:dir(rtl) .nav-sub .first .btn-cg::after{left:-15px; right:auto}
:dir(rtl) .nav-sub .first li:first-child{padding-right:0}
:dir(rtl) .owl-carousel .owl-stage{float:left}
:dir(rtl) .content-info .btn-group a:first-child{padding-right:0; padding-left:auto}
:dir(rtl) .contents-sort a:first-child{padding-left:7px; padding-right:0}
:dir(rtl) .contents-sort a:last-child{padding-left:0; padding-right:7px}
:dir(rtl) .btn-later{left:3px; right:auto}
:dir(rtl) .video-list .thum .time{left:4px; right:auto}
:dir(rtl) .page-title .state-view{margin:0 0 0 5px; vertical-align:baseline}
:dir(rtl) .content-info dt{float:right; margin:0 0 0 10px}
:dir(rtl) .content-lang a{padding:3px 0 3px 10px}
:dir(rtl) .emotion dt{float:right; margin:0 0 0 10px}
:dir(rtl) .btn-watch::before{margin:0 0 0 5px}
:dir(rtl) .nav-sub .first li:last-child{padding-left:80px; padding-right:inherit}
:dir(rtl) .nav .user-info{padding:2px 30px 0 0}
:dir(rtl) .nav .btn-nav{right:20px; left:auto}
:dir(rtl) .container-body{margin-left:0; margin-right:215px}
:dir(rtl) .btn-group a:last-child{margin-right:10px !important; margin-left:0}
:dir(rtl) .channel-bg-color{right:0; left:auto}
:dir(rtl) .channel-bg{left:0; right:auto}
:dir(rtl) .new2{margin-left:3px; margin-right:0}
:dir(rtl) .btn-group a:last-child, 
:dir(rtl) .list-group > *:last-child{margin-left:0 !important}
:dir(rtl) .btn-group a:first-child, 
:dir(rtl) .list-group > *:first-child{margin-left:2px !important; margin-right:0 !important}
:dir(rtl) .later-context,
:dir(rtl) .container .video-list .later-context{left:0; right:auto}
:dir(rtl) .list-circle h3{margin-right:10px}

:dir(rtl) .nav .depth1 > li a,
:dir(rtl) .nav h3,
:dir(rtl) .nav .depth2 a,
:dir(rtl) .video-list .best,
:dir(rtl) .nav .btn-lang,
:dir(rtl) .nav .nav-row,
:dir(rtl) .nav-sub .first .list,
:dir(rtl) .category-wrap .category{text-align:right}
:dir(rtl) .nav .user-info .logout a::before{margin-left:6px}

:dir(rtl) .search-btn,
:dir(rtl) .list-top-state .contents-sort,
:dir(rtl) .finder_more{float:left}

:dir(rtl) .footer .site-link a,
:dir(rtl) .nav-sub .second a,
:dir(rtl) .btn-group a,
:dir(rtl) .emotion .emotion-action a,
:dir(rtl) .channel-first .video-list .info{float:right}
:dir(rtl) .content-info .lang dd{width:calc(100% - 40px)}

:dir(rtl) .content-lang a,
:dir(rtl) .btn-group .badge-category{float:none}
:dir(rtl) .youtube-wrap{clear:both}
:dir(rtl) .page-body blockquote{border-left:0; border-right:2px solid #e0e0e0; padding-right:14px; padding-left:0}
:dir(rtl) .tit-index .btn-more::after{transform:rotate(90deg)}
:dir(rtl) .content-action .total .txt::after{margin-right:4px}
:dir(rtl) .tooltip .btn-close{margin-right:3px; vertical-align:baseline}

@media (max-width: 1279px){
	:dir(rtl) .container-body {margin-right:0 !important; margin-left:auto}	
}
	
@media(min-width:1280px){
	:dir(rtl) .header .hd-right{float:left}	
	:dir(rtl) .page-cover.open .container-body{margin-right:215px; margin-left:0}
	:dir(rtl) .page-cover .container-body{margin-right:0; margin-left:0}
}

@media (min-width: 1098px){
	:dir(rtl) .category-wrap .category{float:right; text-align:right}	
	:dir(rtl) .content-action{float:left}
	:dir(rtl) .page-title{padding:0 0 0 15px}
	:dir(rtl) .contents-left{float:right}
	:dir(rtl) .emotion-box{right:auto; left:0}
}
@media (min-width: 884px){
	:dir(rtl) .logo-bg{margin-right:30px; margin-left:0}
	:dir(rtl) .header .hd-left .search-open{left:-30px}
	:dir(rtl) .emotion .emotion-action{margin-right:0}
	:dir(rtl) .channel-bg-color{transform:rotate(180deg)}
	:dir(rtl) .decs-ch-visual{text-align:right; margin-right:0}
	:dir(rtl) .channel-visual > .container{text-align:right}
}
@media(min-width:672px){
	:dir(rtl) .video-list{float:right}
	:dir(rtl) .ranking .video-list .info h3{padding-right:25px}
	:dir(rtl) .container .video-list .later-context{left:0; right:auto} 
	:dir(rtl) .btn-group a:last-child, .list-group > *:last-child{margin-right:2px !important}
}

:dir(rtl) .channel-first .video-list .later-context{top:35px}

/* --- notice banner 200117 --- */
.slide-banner{padding-right:0; padding-left:0}
.notice-banner{padding:15px 10%; margin-bottom:5px; min-height:80px; display:flex; justify-content:center; align-items:center; flex-direction:column; overflow:hidden; background-color:#EEE; text-align:center; position:relative}
.notice-banner a{z-index:1}
.notice-banner a *{color:#FFF; line-height:1.25; max-width:450px; z-index:1}
.notice-banner h5{font-size:16px; font-weight:600}
.notice-banner p{font-size:13px; margin-top:2px; opacity:.8}
.notice-banner i{font-style:italic}

.notice-banner .bgL, .notice-banner .bgR{position:absolute; top:0; width:300px; height:100%; z-index:0}/*transition:all 0.3s ease*/
.notice-banner .bgL{left:-160px; border-radius:5px 0 0 5px}
.notice-banner .bgR{right:-160px; border-radius:0 5px 5px 0}
.notice-banner .bgL:after, .notice-banner .bgR:after{position:absolute; content:''; top:0; width:50%; height:100%}
.notice-banner .bgL:after{right:0}
.notice-banner .bgR:after{left:0}

/*blue*/
.notice-banner.type1{background-color:#5555F7}
.notice-banner.type1 .bgL, .notice-banner.type1 .bgR{background:url(../images/notice_bg1.png) no-repeat 0; background-size:cover}
.notice-banner.type1 .bgL:after{background:linear-gradient(to right, rgba(85,85,247,0), rgba(85,85,247,1))}
.notice-banner.type1 .bgR:after{background:linear-gradient(to right, rgba(85,85,247,1), rgba(85,85,247,0))}
/*green*/
.notice-banner.type2{background-color:#04A04D}
.notice-banner.type2 .bgL,  .notice-banner.type2 .bgR{background:url(../images/notice_bg2.png) no-repeat 0; background-size:cover}
.notice-banner.type2 .bgL:after{background:linear-gradient(to right, rgba(4,160,77,0), rgba(4,160,77,1))}
.notice-banner.type2 .bgR:after{background:linear-gradient(to right, rgba(4,160,77,1), rgba(4,160,77,0))}
/*dot*/
.notice-banner.type3{background-color:#EF5B70}
.notice-banner.type3 .bgL{left:-210px; background:url(../images/notice_bg3L.png) no-repeat right center}
.notice-banner.type3 .bgR{right:-210px; background:url(../images/notice_bg3R.png) no-repeat left center}
.notice-banner.type3 .bgL, .notice-banner.type3 .bgR{background-size:cover}
/*heart*/
.notice-banner.type4{background-color:#5555F7}
.notice-banner.type4 .bgL{left:-190px; background:url(../images/notice_bg4L.png) no-repeat left bottom}
.notice-banner.type4 .bgR{right:-190px; background:url(../images/notice_bg4R.png) no-repeat right bottom}
.notice-banner.type4 .bgL, .notice-banner.type4 .bgR{background-size:250px}
/*Christ*/
.notice-banner.type5{background:url(../images/notice_bg5.jpg) no-repeat center; background-size:cover}
.notice-banner.type5 h5{color:#594C44}
.notice-banner.type5 p{color:#8A644D; opacity:.8}
@media(min-width:672px){
	.slide-banner{padding-right:15px; padding-left:15px}
	.notice-banner{padding:20px 20%; border-radius:5px}
	.notice-banner.type1 .bgL,
	.notice-banner.type2 .bgL{left:-100px}
	.notice-banner.type1 .bgR,
	.notice-banner.type2 .bgR{right:-100px}
	.notice-banner.type3 .bgL{left:-160px}
	.notice-banner.type3 .bgR{right:-160px}
	.notice-banner.type4 .bgL{left:-160px}
	.notice-banner.type4 .bgR{right:-160px}
}
@media(min-width:1280px){
	/*.notice-banner{margin:0 0 -10px}*/
	.notice-banner .bgL:after, .notice-banner .bgR:after{width:80%}
	.notice-banner.type1 .bgL,
	.notice-banner.type2 .bgL,
	.notice-banner.type3 .bgL,
	.notice-banner.type4 .bgL{left:0}
	.notice-banner.type1 .bgR,
	.notice-banner.type2 .bgR,
	.notice-banner.type3 .bgR,
	.notice-banner.type4 .bgR{right:0}
	.notice-banner.type4 .bgL, .notice-banner.type4 .bgR{background-size:300px}
}


/*Customize Related Videos on player*/
/* #test1{position:relative; background-color:black} */
/* #test2{z-index:99; width:100%; height:100%; background-size:cover; cursor:pointer; position:absolute} */
/* .cover-top{display:none; z-index:99; width:100%; position:absolute} */
/* .cover-shortcut{display:inline-block; z-index:99; width:100%; max-width:210px; height:47px; bottom:5px; position:absolute; text-align:center; background-color:#333; padding-top:calc(47px / 2); font-size:17px; cursor:pointer; transition:color 0.25s} */
/* .cover-shortcut span{color:#fff; transition:color 0.25s} */
/* .cover-shortcut:hover span{color:rgb(165, 165, 165)} */
/* .cover-fullscreen{display:inline-block; z-index:99; width:52px; height:40px; position:absolute; bottom:0; right:0px; background-color:rgba(255,0,0,0); border:none; padding-left:0; padding-top:0; text-align:left; transition:opacity 0.2s} */
/* .cover-fullscreen svg {fill:white; width:40px; height:40px; pointer-events:none} */
/* .video-cover{width:100%; left:0px; bottom:0px; font-size:0; background:rgba(0,0,0,0); position:absolute; display: flex; cursor:pointer; */
/*     align-items: center; */
/*     flex-wrap: wrap; */
/*     justify-content: center;} */
/* .cover-imgs{overflow:hidden; white-space:nowrap; width:100%; max-width:840px} */
/* .cover-imgs > div{display:inline-block; width:33.33%; font-size:0; padding:2px; border:2px solid #171717; vertical-align:top} */
/* .rel-thum{padding-bottom:56.25%; background-position:center center; background-repeat:no-repeat; background-size:cover; background:#131313} */
/* .rel-text{font-size:13px; margin-top:5px; color:#FFF; -webkit-line-clamp:1; overflow:hidden; -webkit-box-orient:vertical; text-overflow:ellipsis;} */

/* @media(max-width:514px){ */
/*     .video-cover{display:none !important} */
/* } */
/* @media(min-width:635px){ */
/*     .cover-imgs > div{width:25%} */
/* } */
/* @media(min-width:827px){ */
/*     .cover-imgs > div{width:20%} */
/* } */
/* @media(max-width:514px){ */
/*     .cover-fullscreen{width:48px; height:36px;} */
/*     .cover-fullscreen svg{width:36px; height:36px;} */
/* } */

/* hys */
/* .video-wrap .flowplayer.is-loading .fp-waiting, .video-wrap .flowplayer.is-seeking .fp-waiting {display: none !important} */
/* #buffering {position:absolute; width:100%; height:100%; top:0; left:0; background-color:rgba(0, 0, 0, 0.3); pointer-events:none; transition:opacity 0.3s; opacity:0} */
/* #buffering.active {display:block} */
/* #buffering span{color:white; position:absolute; display:block; top:calc(51% + 30px); left:0; width:100%; text-align:center; line-height:1.6em} */
/* .loading {position: relative; top: calc(50% - 48px); width: 96px; height: 96px; margin: 0 auto; padding: 10px} */
/* .dot div {position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 20px; height: 20px; margin: auto; border-radius: 10px; background-color: #fff; transform: scale(0); animation: dot 1.5s linear infinite;} */
/* .dot div:nth-child(1) {left: -50px; animation-delay: -0.1s;} */
/* .dot div:nth-child(3) {right: -50px; animation-delay: 0.1s;} */
/* .fp-ui+a{opacity:0 !important} */
/* @keyframes dot { */
/*   0% {transform: scale(0);} */
/*   35% {transform: scale(1);} */
/*   70% {transform: scale(0);} */
/*   100% {transform: scale(0);} */
/* } */







/**/