@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
/*
body {
  font-family: "Noto Sans KR", sans-serif !important;
}
*/

@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
}

body {
	/* font-family: -apple-system, BlinkMacSystemFont, Helvetica, Apple SD Gothic Neo, sans-serif; */
	font-family: "Noto Sans KR", sans-serif, -apple-system, BlinkMacSystemFont, Helvetica, Apple SD Gothic Neo, sans-serif;
	font-size: 15px;
	line-height: 19px;
	-webkit-text-size-adjust: none;
}

ol,
ul {
	list-style: none;
}

img {
	display: inline-block;
	vertical-align: top;
	border-radius: 5px;
}

em {
	font-style: normal;
}

button {
	width: 100%;
	padding: 0;
	border: 0;
	background: none;
	font-family: inherit;
	vertical-align: top;
}

button,
[role='button'] {
	cursor: pointer;
}

button,
[role='button'],
select,
input {
	color: inherit;
	outline: none;
}

input {
	padding: 0;
}

a {
	color: inherit;
	text-decoration: none;
	border-radius: 5px;
}

table {
	border-collapse: collapse;
}

.hide {
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	clip: rect(0, 0, 0, 0);
}

.sp {
	display: inline-block;
	background-image: url(../images/sp_app_ca8edaf5.png);
	-webkit-background-size: 106px 98px;
	   -moz-background-size: 106px 98px;
	        background-size: 106px 98px;
	background-repeat: no-repeat;
	vertical-align: top;
}

.sp_icon {
   width: 25px;
   height: 25px;
   position: relative;
   display: inline-block;
   background-image: url('../images/icon/home_btn.png');
   background-repeat: no-repeat;
   vertical-align: top;
}

/* 레이아웃 */
html,
body,
.wrapper {
	height: 100%;
}

body {
	letter-spacing: -0.2px;
}

.wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.wrapper_snb {
	display: none;
}

.wrapper_snb.show {
	display: block;
}

.wrapper_snb .bg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 5000;
	background-color: rgba(0, 0, 0, 0);
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.wrapper_snb .bg.show {
	background-color: rgba(0, 0, 0, 0.7);
}

.wrapper_snb .content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 5001;
	width: 240px;
	background-color: #fff;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	-moz-transition: transform 0.3s, -moz-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
	-webkit-transform: translateX(-100%);
	   -moz-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	     -o-transform: translateX(-100%);
	        transform: translateX(-100%);
}

.wrapper_snb .content.show {
	-webkit-transform: translateX(0);
	   -moz-transform: translateX(0);
	    -ms-transform: translateX(0);
	     -o-transform: translateX(0);
	        transform: translateX(0);
}

.wrapper_snb .btn_close_snb {
	position: absolute;
	top: 15px;
	right: 15px;
	width: auto;
}

.wrapper_snb .btn_close_snb .icon {
	background-position: -88px -17px;
	width: 15px;
	height: 15px;
}

.wrapper_snb .login_info_area {
	height: 100px;
	padding: 0 15px 0 18px;
	background-color: #BDBDBD;
}


.wrapper_snb .login_info_area .before_login {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 100%;
}



.wrapper_snb .login_info_area .before_login .txt {
	font-size: 18px;
	line-height: 22px;
}

.wrapper_snb .login_info_area .before_login .link_login {
	margin-top: 6px;
	font-size: 12px;
	color: #616161;
	line-height: 16px;
	vertical-align: top;
}

.wrapper_snb .login_info_area .before_login .link_login .icon {
	background-position: -78px -67px;
	width: 5px;
	height: 10px;
	margin: 4px 3px 0 0;
}




.wrapper_snb .login_info_area .after_login {
	padding: 14px 0;
}

.wrapper_snb .login_info_area .after_login .link_logout {
	font-size: 12px;
	line-height: 16px;
}

.wrapper_snb .login_info_area .after_login .link_logout .icon {
	background-position: 0px -86px;
	width: 12px;
	height: 12px;
	margin: 4px 3px 0 0;
}

.wrapper_snb .login_info_area .after_login .user_info_area {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-top: 15px;
}

.wrapper_snb .login_info_area .after_login .user_info_area .user_name {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	font-size: 18px;
	line-height: 22px;
}

.wrapper_snb .login_info_area .after_login .user_info_area .user_name em {
	margin-right: 3px;
	color: #000000;
}

.wrapper_snb .login_info_area .after_login .user_info_area .img {
	/*-webkit-border-radius: 50%;*/
	   -moz-border-radius: 50%;
	        /*border-radius: 50%;*/
}

.wrapper_snb .gnb_area {
	overflow: hidden;
	overflow-y: auto;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

.wrapper_snb .list_gnb {
	height: 100%;
	font-size: 14px;
	line-height: 18px;
}

.wrapper_snb .list_gnb .item_gnb {
	border-bottom: 1px solid #e7e7e7;
}

.wrapper_snb .list_gnb .link_gnb {
	display: block;
	position: relative;
	padding: 12px 35px 12px 18px;
}

.wrapper_snb .list_gnb .link_gnb .icon {
	background-position: -14px -86px;
	width: 12px;
	height: 8px;
	position: absolute;
	top: 0;
	right: 18px;
	bottom: 0;
	margin: auto;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	-moz-transition: transform 0.3s, -moz-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
}

.wrapper_snb .list_gnb .item_gnb.active .link_gnb {
	color: #A4A4A4;
}

.wrapper_snb .list_gnb .item_gnb.active .link_gnb .icon {
	-webkit-transform: rotate(-180deg);
	   -moz-transform: rotate(-180deg);
	    -ms-transform: rotate(-180deg);
	     -o-transform: rotate(-180deg);
	        transform: rotate(-180deg);
}

.wrapper_snb .list_gnb .item_gnb.active .list_sub {
	display: block;
}

.wrapper_snb .list_gnb .list_sub {
	display: none;
	background-color: #FAFAFA;
}

.wrapper_snb .list_gnb .item_sub {
	border-top: 1px solid #e7e7e7;
}

.wrapper_snb .list_gnb .link_sub {
	display: block;
	padding: 12px 18px 12px 30px;
}

.wrapper_header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 3000;
	height: 48px;
	background-color: #000;
}

.wrapper_header .btn_snb {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 48px;
	height: 48px;
}

.wrapper_header .btn_snb .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	background-position: -22px 0px;
	width: 20px;
	height: 20px;
}

.wrapper_header .channel_name {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.wrapper_header .btn_search {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	width: 48px;
	height: 48px;
}

.wrapper_header .btn_search .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	background-position: 0px -22px;
	width: 20px;
	height: 20px;
}



.wrapper_content_main {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding-top: 48px;
	padding-bottom: 30px;
	background-color: #141414;
	background-image: [@background_image@];
}


.wrapper_content {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding-top: 48px;
	padding-bottom: 30px;
	background-color: #141414;
}



.wrapper_footer {
	padding: 20px 0;
	background-color: #000000;
	text-align: center;
}

.wrapper_footer .footer_menu {
	text-align: center;
}

.wrapper_footer .footer_menu .item {
	display: inline-block;
	vertical-align: top;
}

.wrapper_footer .footer_menu .item + .item::before {
	display: inline-block;
	width: 1px;
	height: 10px;
	margin: 5px 6px 0;
	background-color: #fefefe;
	vertical-align: top;
	content: '';
}

.wrapper_footer .footer_menu .menu {
	font-size: 13px;
	font-weight: 500;
	color: #fefefe;
}

.wrapper_footer .copyright {
	margin-top: 10px;
	font-size: 11px;
	color: #fefefe;
}

/* 공통 */
/* 공통 */

[class^='section_'] {
	position: relative;
	margin-top: 10px;
}

[class^='section_'] .section_name {
	padding: 15px;
	font-size: 18px;
	color: #e6e6e6;
}

[class^='section_'] .section_more {
	position: absolute;
	top: 3px;
	right: 15px;
	padding: 3px 7px;
	background-color: [@section_more_background_color@];
	font-size: 12px;
	font-weight: 500;
	color: #5b5b5b;
	line-height: 17px;
}

[class^='section_'] .section_more .icon {
	display: inline-block;
	position: relative;
	width: 4px;
	height: 4px;
	margin: 6px 0 0 2px;
	vertical-align: top;
}

[class^='section_'] .section_more .icon::before, [class^='section_'] .section_more .icon::after {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	background-color: #fff;
	content: '';
}

[class^='section_'] .section_more .icon::before {
	width: 1px;
	height: 6px;
}

[class^='section_'] .section_more .icon::after {
	width: 6px;
	height: 1px;
}

.common_list_vod .item {
	display: inline-block;
	width: 132px;
	vertical-align: top;
}

.common_list_vod .link {
	display: block;
	/*background-color: [@background_color@];*/
}

.common_list_vod .info_area {
    height: 86px;
    padding: 5px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.common_list_vod .title {
	font-weight: 500;
	color: #dbdbdb;
}

.common_list_vod .title .txt {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 38px;
	line-height: 19px;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	/* autoprefixer: ignore next */
	-webkit-box-orient: vertical;
	white-space: normal;

}

.common_list_vod .hashtag {
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 2px;
	font-size: 13px;
	color: #8b8b8b;
}

.common_list_vod .view_count {
	margin-top: 1px;
	font-size: 13px;
	color: #636363;
}

.swiper-pagination {
	line-height: 4px;
}

.swiper-pagination .swiper-pagination-bullet {
	display: inline-block;
	opacity: 1;
	width: 6px;
	height: 6px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	background-color: #a0a0a0;
	vertical-align: top;
	-webkit-transition: width 0.3s, background-color 0.3s;
	-o-transition: width 0.3s, background-color 0.3s;
	-moz-transition: width 0.3s, background-color 0.3s;
	transition: width 0.3s, background-color 0.3s;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 18px;
	background-color: #fff;
}

/* 상단 배너 */
.section_top_banner_area {
	margin-top: 0;
	background-color: #000;
}

.section_top_banner_area .banner_area .banner {
	position: relative;
	padding-top: 56.26%;
}

.section_top_banner_area .banner_area .banner .img,
.section_top_banner_area .banner_area .banner .video {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 0px;
}


.section_top_banner_area .banner_area_channel .banner {
	position: relative;
	padding-top: 27%;
}

.section_top_banner_area .banner_area_channel .banner .img,
.section_top_banner_area .banner_area_channel .banner .video {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
}

/* 온에어 */
.section_onair_area .onair_area .onair {
	width: 90%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.section_onair_area .onair_area .link {
	display: block;
	background-color: #331414;
}

.section_onair_area .onair_area .section_name {
	background-color: #8a3772;
	font-size: 10px;
	font-weight: bold;
	color: #cbff3f;
}

.section_onair_area .onair_area .info {
	padding: 10px;
}

.section_onair_area .onair_area .time {
	font-size: 13px;
	color: #695353;
}

.section_onair_area .onair_area .time .label {
	padding: 0 3px;
	background-color: #ff153c;
	font-weight: 600;
	color: #0f0f0f;
}

.section_onair_area .onair_area .title {
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 2px;
	font-weight: 600;
	color: #fafafa;
}

/* 공지사항 */
.section_notice_area .notice_area {
	padding: 0 15px;
	margin-top: 15px;
}

.section_notice_area .list_notice {
	background-color: [@section_notice_area_background_color@];
}

.section_notice_area .list_notice .item + .item {
	border-top: 1px solid #d3d2d2;
}

.section_notice_area .list_notice .link {
	display: block;
	padding: 12px;
}

.section_notice_area .list_notice .subject {
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 500;
	color: #fafafa;

}

.section_notice_area .list_notice .info {
	margin-top: 2px;
	font-size: 13px;
}

.section_notice_area .list_notice .category {
	color: #cd1d3b;
}

.section_notice_area .list_notice .date {
	color: #a4a4a4;
}
/* 공지사항 */


/**/
.section_notice_list_area .list_notice {
	border-top: 1px solid #d3d2d2;
	border-bottom: 1px solid #d3d2d2;
}

.section_notice_list_area .list_notice .item + .item {
	border-top: 1px solid #d3d2d2;
}

.section_notice_list_area .list_notice .link {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding: 15px;
}

.section_notice_list_area .list_notice .number_area {
	margin-right: 10px;
}

.section_notice_list_area .list_notice .info_area {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

.section_notice_list_area .list_notice .subject {
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 500;
	color: #fafafa;

}

.section_notice_list_area .list_notice .info {
	margin-top: 2px;
	font-size: 13px;
}

.section_notice_list_area .list_notice .category {
	color: #cd1d3b;
}

.section_notice_list_area .list_notice .date {
	color: #a4a4a4;
}

.section_notice_detail_area .notice_info_area {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding: 15px;
	border-top: 1px solid #d3d2d2;
	border-bottom: 1px solid #d3d2d2;
}

.section_notice_detail_area .number_area {
	margin-right: 10px;
}

.section_notice_detail_area .info_area {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

.section_notice_detail_area .subject {
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 500;
}

.section_notice_detail_area .info {
	margin-top: 2px;
	font-size: 13px;
}

.section_notice_detail_area .category {
	color: #8a3772;
}

.section_notice_detail_area .date {
	color: #b1b0b0;
}

.section_notice_detail_area .notice_detail_area {
	padding: 25px 15px;
	font-size: 14px;
	line-height: 18px;
}

.section_notice_detail_area .btn_area {
	padding: 15px 0;
	border-top: 1px solid #d3d2d2;
	text-align: center;
}

.section_notice_detail_area .btn_area .btn {
	display: inline-block;
	padding: 7px 20px;
	background-color: #8b3773;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	line-height: 18px;
	vertical-align: top;
}

/* VOD(컨텐츠) - 가로스크롤 */
.section_vod_area .common_list_vod {
	overflow: hidden;
	overflow-x: auto;
	white-space: nowrap;
	padding: 0 15px;
}

.section_vod_area .common_list_vod .item + .item {
	margin-left: 6px;
}





/* 배너 */
.section_banner_area {
	margin-top: 5px;
}

.section_banner_area .banner_area {
	padding: 0 15px;
}

.section_banner_area .banner_area .link {
	display: block;
}


.section_banner_area .banner_area .banner .img,
.section_banner_area .banner_area .banner .video {

	border-radius: 0px;
}

/* SNS */
.section_sns_area .list_sns {
	overflow: hidden;
	overflow-x: auto;
	white-space: nowrap;
	padding: 0 15px;
}

.section_sns_area .list_sns .item {
	display: inline-block;
	width: 120px;
	vertical-align: top;
}

.section_sns_area .list_sns .item + .item {
	margin-left: 6px;
}

.section_sns_area .list_sns .link {
	display: block;
	padding: 15px;
	text-align: center;
	background-color: [@common_list_vod_background_color@];
}

.section_sns_area .list_sns .img_area {
	text-align: center;
	background-color: [@common_list_vod_background_color@];
}

.section_sns_area .list_sns .img_area img {
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}

.section_sns_area .list_sns .info_area {
	margin-top: 15px;
}

.section_sns_area .list_sns .title {
	font-size: 12px;
	color: #dbdbdb;

}

.section_sns_area .list_sns.type_subpage {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	overflow: visible;
	margin: -3px;
	white-space: normal;
}

.section_sns_area .list_sns.type_subpage .item {
	width: 33.33%;
}

.section_sns_area .list_sns.type_subpage .item + .item {
	margin: 0;
}

.section_sns_area .list_sns.type_subpage .link {
	margin: 3px;
}

/* 채널 */
.section_mychannel_area {
	margin-top: -10px;
}

.section_mychannel_area .common_list_vod {
	overflow: hidden;
	overflow-x: auto;
	white-space: nowrap;
	padding: 0 15px;
}

.section_mychannel_area .common_list_vod .item + .item {
	margin-left: 6px;
}


.section_channel_area .list_channel {
	overflow: hidden;
	overflow-x: auto;
	white-space: nowrap;
	padding: 0 15px;
}

.section_channel_area .list_channel .item {
	display: inline-block;
	width: 180px;
	vertical-align: top;
}

.section_channel_area .list_channel .item + .item {
	margin-left: 6px;
}

.section_channel_area .list_channel .link {
	display: block;
	background-color: [@common_list_vod_background_color@];
	text-align: center;
}

.section_channel_area .list_channel .info_area {
	padding: 5px;
	text-align: left;
}

.section_channel_area .list_channel .title {
	height: 17;
	font-weight: 500;
	color: #dbdbdb;

}

.section_channel_area .list_channel .title .txt {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 38px;
	line-height: 19px;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	/* autoprefixer: ignore next */
	-webkit-box-orient: vertical;
	white-space: normal;
}

.section_channel_area .list_channel .tag {
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 2px;
	font-size: 13px;
	color: #8b8b8b;
	line-height: 17px;
}

.section_channel_area .list_channel .count {
	margin-top: 1px;
	font-size: 13px;
	color: #636363;
	line-height: 17px;
}

.section_channel_area .list_channel .count .item_count + .item_count {
	margin-left: 6px;
}

.section_channel_area .list_channel.type_subpage {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	overflow: visible;
	margin: -3px;
	white-space: normal;
	padding: 0px 15px;
}

.section_channel_area .list_channel.type_subpage .item {
	width: 50%;
}

.section_channel_area .list_channel.type_subpage .item + .item {
	margin: 0;
}

.section_channel_area .list_channel.type_subpage .link {
	margin: 3px;
}

.section_channel_area .list_channel.type_subpage .img_area img {
	width: 100%;
}

/* 상단 영상 */
.section_top_video_area {
	position: -webkit-sticky;
	position: sticky;
	top: 48px;
	right: 0;
	left: 0;
	z-index: 3000;
	margin-top: 0;
}

.section_top_video_area .video_area {
	position: relative;
	padding-top: 56.26%;
}

.section_top_video_area .video_area .video {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
}

.section_top_video_area .btn_info,
.section_top_video_area .btn_store,
.section_top_video_area .btn_home,
.section_top_video_area .btn_chat {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: absolute;
	bottom: 15px;
	width: 44px;
	height: 44px;
	background-color: rgba(0, 0, 0, 0.2);
	font-size: 11px;
	color: #fff;
	line-height: 13px;
	white-space: nowrap;
}

.section_top_video_area .btn_info .icon,
.section_top_video_area .btn_store .icon,
.section_top_video_area .btn_home .icon,
.section_top_video_area .btn_chat .icon {
	margin: 4px auto;
}

.section_top_video_area .btn_info.active,
.section_top_video_area .btn_store.active,
.section_top_video_area .btn_home.active,
.section_top_video_area .btn_chat.active {
	color: #cbff3f;
}

.section_top_video_area .btn_info {
	left: 15px;
}

.section_top_video_area .btn_home {
	top : 15px;
	left: 15px;
}


.section_top_video_area .btn_info .icon {
	background-position: -22px -44px;
	width: 20px;
	height: 20px;
	display: block;
}

.section_top_video_area .btn_home .icon {
	/*background-position: -44px -44px;*/
	background-position: -88px -68px;
	width: 20px;
	height: 20px;
	display: block;
}



.section_top_video_area .btn_store {
	right: 15px;
}

.section_top_video_area .btn_store .icon {
	background-position: -44px -44px;
	width: 20px;
	height: 20px;
	display: block;
}

.section_top_video_area .btn_chat {
	right: 15px;
}

.section_top_video_area .btn_chat .icon {
	background-position: -66px -22px;
	width: 20px;
	height: 20px;
	display: block;
}

.section_top_video_area .btn_chat.active .icon {
	background-position: -66px 0px;
	width: 20px;
	height: 20px;
	display: block;
}

/* VOD(컨텐츠) - 목록 */
.section_content_area .list_content .item {
	position: relative;
	padding: 15px 30px 15px 15px;
	/*
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	*/

	background-color: #1a1a1a;
}

.section_content_area .list_content .item::after {
	display: block;
	clear: both;
	content: '';
}

.section_content_area .list_content .item + .item {
	margin-top: 10px;
}

.section_content_area .list_content .item.active {
	border: 0;
	background-color: #141414;
}

.section_content_area .list_content .item.active .title {
	font-weight: 600;
	color: #ededed;
}

.section_content_area .list_content .item.active .description {
	color: #e91e40;
}

.section_content_area .list_content .item.active .view_count {
	color: #a8a8a8;
}

.section_content_area .list_content .image_area {
	float: left;
	position: relative;
	margin-right: 15px;
	/*background-color: #0489B1;*/
}

.section_content_area .list_content .image_area .running_time {
	position: absolute;
	right: 3px;
	bottom: 2px;
	padding: 0 2px;
	background-color: #1C1C1C;
	font-size: 11px;
	font-weight: 500;
	color: #E6E6E6;
	line-height: 15px;
}

.section_content_area .list_content .info_area {
	overflow: hidden;
}

.section_content_area .list_content .title {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 38px;
	line-height: 19px;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	/* autoprefixer: ignore next */
	-webkit-box-orient: vertical;
	white-space: normal;
	color: #3a3a3a;

}

.section_content_area .list_content .description {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 36px;
	line-height: 18px;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	/* autoprefixer: ignore next */
	-webkit-box-orient: vertical;
	white-space: normal;
	margin-top: 2px;
	font-size: 13px;
	color: #3a3a3a;
	line-height: 17px;
}

.section_content_area .list_content .view_count {
	margin-top: 2px;
	font-size: 13px;
	color: #3a3a3a;
	line-height: 17px;
}

.section_content_area .list_content .btn_menu {
	position: absolute;
	top: 10px;
	right: 0;
	width: 30px;
	height: 30px;
}

.section_content_area .list_content .btn_menu .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	background-position: -105px 0px;
	width: 1px;
	height: 15px;
}

.section_content_area .list_content .btn_menu.active + .layer_menu {
	display: block;
}

.section_content_area .list_content .layer_menu {
	display: none;
	position: absolute;
	top: 35px;
	right: 15px;
	z-index: 20;
	width: 100px;
	padding: 7px 0;
	background-color: #141414;
}

.section_content_area .list_content .layer_menu .btn {
	display: block;
	padding: 7px 15px;
	font-size: 14px;
	color: #e6e6e6;
	text-align: left;
}

.section_content_area .list_content.type_subpage .item {
	padding: 15px;
}

.section_content_area .list_content.type_subpage .link {
	display: block;
}

/* VOD(컨텐츠) 정보보기 */
.section_content_info_area {
	margin-top: 0;
	background-color: #FAFAFA;
}

.section_content_info_area .content_info_hader_area {
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	height: 48px;
	padding: 0 48px 0 15px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 18px;
	font-weight: 600;
	line-height: 48px;
}

.section_content_info_area .content_info_hader_area .btn_close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	width: 48px;
	height: 48px;
}

.section_content_info_area .content_info_hader_area .btn_close .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	background-position: 0px 0px;
	width: 20px;
	height: 20px;
}

.section_content_info_area .content_info_detail_area {
	padding: 15px;
}

/* VOD(컨텐츠) 댓글 */
.section_content_comment_area {
	margin-top: 0;
}

.section_content_comment_area .content_info_hader_area {
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	height: 48px;
	padding: 0 48px 0 15px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 18px;
	font-weight: 600;
	line-height: 48px;
}

.section_content_comment_area .content_info_hader_area .btn_close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	width: 48px;
	height: 48px;
}

.section_content_comment_area .content_info_hader_area .btn_close .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	background-position: 0px 0px;
	width: 20px;
	height: 20px;
}

.section_content_comment_area .content_info_comment_area {
	margin-top: -1px;
}

/* 라이브 */
.section_live_area .list_live .item {
	position: relative;
	padding: 15px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	background-color: #fff;
}

.section_live_area .list_live .item::after {
	display: block;
	clear: both;
	content: '';
}

.section_live_area .list_live .item + .item {
	margin-top: 10px;
}

.section_live_area .list_live .image_area {
	float: left;
	position: relative;
	margin-right: 15px;
	background-color: #0489B1;
}

.section_live_area .list_live .info_area {
	overflow: hidden;
}

.section_live_area .list_live .channel .txt {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 38px;
	line-height: 19px;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	/* autoprefixer: ignore next */
	-webkit-box-orient: vertical;
	white-space: normal;
}

.section_live_area .list_live .title {
	margin-top: 2px;
	font-size: 13px;
	color: #b12999;
	line-height: 17px;
}

.section_live_area .list_live .title .txt {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 36px;
	line-height: 18px;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	/* autoprefixer: ignore next */
	-webkit-box-orient: vertical;
	white-space: normal;
}

.section_live_area .list_live .time {
	margin-top: 2px;
	font-size: 13px;
	color: [@section_content_area_time_text_color@];
	line-height: 17px;
}

.section_live_schedule_area .list_schedule .item {
	position: relative;
	padding: 15px;
	/*
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	*/
	background-color: #1a1a1a;
}

.section_live_schedule_area .list_schedule .item::after {
	display: block;
	clear: both;
	content: '';
}

.section_live_schedule_area .list_schedule .item + .item {
	margin-top: 10px;
}

.section_live_schedule_area .list_schedule .item.active {
	border: 0;
	background-color: #141414;
}

.section_live_schedule_area .list_schedule .item.active .time {
	color: #a5a5a5;
}

.section_live_schedule_area .list_schedule .item.active .title {
	font-weight: 600;
	color: #a5a5a5;
}

.section_live_schedule_area .list_schedule .item.active .view_count {
	color: #e91e40;
}

.section_live_schedule_area .list_schedule .image_area {
	float: left;
	position: relative;
	margin-right: 15px;
	/*background-color: #0489B1;*/
}

.section_live_schedule_area .list_schedule .image_area .running_time {
	position: absolute;
	right: 1px;
	bottom: 1px;
	padding: 0 2px;
	background-color: #1C1C1C;
	font-size: 11px;
	font-weight: 500;
	color: #E6E6E6;
	line-height: 15px;
}

.section_live_schedule_area .list_schedule .info_area {
	overflow: hidden;
}

.section_live_schedule_area .list_schedule .time {
	font-size: 12px;
	color: #a8a8a8;
	line-height: 16px;
}

.section_live_schedule_area .list_schedule .title {
	margin-top: 2px;
	color: #ededed;
}

.section_live_schedule_area .list_schedule .title .txt {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 36px;
	line-height: 18px;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	/* autoprefixer: ignore next */
	-webkit-box-orient: vertical;
	white-space: normal;
}

.section_live_schedule_area .list_schedule .view_count {
	margin-top: 2px;
	font-size: 13px;
	color: #3a3a3a;
	line-height: 17px;
}

.section_live_schedule_area .btn_expand {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
}

.section_live_schedule_area .btn_expand .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	background-position: -88px 0px;
	width: 15px;
	height: 15px;
}

.section_live_schedule_area .btn_expand.active .icon {
	background-position: -60px -66px;
	width: 15px;
	height: 15px;
}

.section_live_schedule_area .btn_expand.active + .list_detail_schedule {
	display: block;
}

.section_live_schedule_area .list_detail_schedule {
	display: none;
	margin: 15px -15px -16px;
}

.section_live_schedule_area .list_detail_schedule .item {
	position: relative;
	padding-left: 45px;
}

.section_live_schedule_area .list_detail_schedule .item .icon {
	background-position: -88px -68px;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 15px;
	left: 20px;
}

.section_live_schedule_area .list_detail_schedule .item + .item {
	margin-top: -1px;
}

.section_live_schedule_area .list_detail_schedule .image_area img {
	width: 120px;
	height: 67px;
	background-color: #0489B1;
}

.section_live_schedule_area .list_detail_schedule .info_area {
	min-height: 67px;
}

.section_live_chat_area {
	margin-top: 0;
}

.section_live_chat_area .chat_list_area .list_chat {
	position: relative;
	padding: 15px 15px 73px;
	background-color: #FAFAFA;
}

.section_live_chat_area .chat_list_area .list_chat .item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 30px;
}

.section_live_chat_area .chat_list_area .list_chat .item + .item {
	margin-top: 10px;
}

.section_live_chat_area .chat_list_area .list_chat .img_profile {
	display: block;
	margin-right: 15px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}

.section_live_chat_area .chat_list_area .list_chat .wrapper_chat {
	font-size: 13px;
}

.section_live_chat_area .chat_list_area .list_chat .wrapper_chat .time {
	color: #BDBDBD;
}

.section_live_chat_area .chat_list_area .list_chat .wrapper_chat .username {
	margin-right: 5px;
	color: #0489B1;
}

.section_live_chat_area .chat_list_area .list_chat .wrapper_chat .chat {
	color: #616161;
}

.section_live_chat_area .chat_input_area {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3000;
	background-color: #BDBDBD;
}

.section_live_chat_area .chat_input_area .inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
	padding: 10px 15px;
}

.section_live_chat_area .chat_input_area .profile_area {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.section_live_chat_area .chat_input_area .profile_area .img_profile {
	display: inline-block;
	margin-right: 15px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	vertical-align: top;
}

.section_live_chat_area .chat_input_area .input_area {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	margin: 0 12px 0 0;
}

.section_live_chat_area .chat_input_area .nickname {
	font-size: 13px;
	line-height: 17px;
}

.section_live_chat_area .chat_input_area .nickname.btn_nickname {
	width: auto;
	color: #292929;
}

.section_live_chat_area .chat_input_area .nickname.btn_nickname .icon {
	width: 0;
	height: 0;
	margin: 4px 0 0 4px;
	border-width: 5px 0 5px 5px;
	border-style: solid;
	border-color: transparent transparent transparent #292929;
}

.section_live_chat_area .chat_input_area .input_chat {
	width: 100%;
	height: 30px;
	margin-top: 4px;
	padding: 0 8px;
	border: 2px solid #c779b1;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	background: #fff;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 13px;
	color: #fff;
}

.section_live_chat_area .chat_input_area .btn_submit {
	width: auto;
	margin-top: 22px;
}

/* 모달 */
.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000;
	background-color: rgba(0, 0, 0, 0.6);
}

/* 모달: 공유 */
.modal_share .modal_wrapper {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 260px;
	background-color: #FAFAFA;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.modal_share .modal_header {
	padding: 0 20px;
	border-bottom: 1px solid #e0e0e0;
	font-size: 17px;
	color: #000;
	line-height: 50px;
	text-align: center;
}

.modal_share .modal_header .btn_close {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
}

.modal_share .modal_header .btn_close .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	display: inline-block;
	width: 15px;
	height: 15px;
	background: #ccc;
	vertical-align: top;
}

.modal_share .modal_content {
	padding: 30px 15px;
	text-align: center;
}

.modal_share .modal_content [class^='btn_'] {
	display: inline-block;
	width: auto;
	margin: 0 6px;
	font-size: 13px;
	line-height: 17px;
	vertical-align: top;
}

.modal_share .modal_content [class^='btn_'] .icon_area {
	display: block;
	position: relative;
	width: 48px;
	height: 48px;
	margin: 0 auto 10px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}

.modal_share .modal_content [class^='btn_'] .icon_area .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.modal_share .modal_content .btn_facebook .icon_area {
	background-color: #395197;
}

.modal_share .modal_content .btn_facebook .icon_area .icon {
	display: inline-block;
	width: 26px;
	height: 26px;
	background: #fff;
	vertical-align: top;
}

.modal_share .modal_content .btn_kakaotalk .icon_area {
	background-color: #fae300;
}

.modal_share .modal_content .btn_kakaotalk .icon_area .icon {
	display: inline-block;
	width: 26px;
	height: 26px;
	background: #fff;
	vertical-align: top;
}

.modal_share .modal_content .btn_copy_link .icon_area {
	background-color: #e2e2e2;
}

.modal_share .modal_content .btn_copy_link .icon_area .icon {
	display: inline-block;
	width: 26px;
	height: 26px;
	background: #fff;
	vertical-align: top;
}

/* 모달: 채팅 프로필 설정 */
.modal_chat_profile .modal_wrapper {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 260px;
	background-color: #fff;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.modal_chat_profile .modal_header {
	padding: 0 20px;
	border-bottom: 1px solid #e0e0e0;
	font-size: 17px;
	color: #000;
	line-height: 50px;
	text-align: center;
}

.modal_chat_profile .modal_header .btn_close {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
}

.modal_chat_profile .modal_header .btn_close .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	background-position: 0px 0px;
	width: 20px;
	height: 20px;
}

.modal_chat_profile .modal_content {
	padding: 15px;
}

.modal_chat_profile .setting_area + .setting_area {
	margin-top: 20px;
}

.modal_chat_profile .title {
	display: block;
	margin-bottom: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #666;
}

.modal_chat_profile .list_profile_image::after {
	display: block;
	clear: both;
	content: '';
}

.modal_chat_profile .list_profile_image .item {
	float: left;
	position: relative;
}

.modal_chat_profile .list_profile_image .item + .item {
	margin-left: 5px;
}

.modal_chat_profile .list_profile_image .input_profile_image {
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	clip: rect(0, 0, 0, 0);
	position: absolute;
	top: 0;
	left: 0;
}

.modal_chat_profile .list_profile_image .input_profile_image:checked + .label_profile_image::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 2px solid red;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
	content: '';
}

.modal_chat_profile .list_profile_image .label_profile_image {
	display: block;
	position: relative;
	width: 30px;
	height: 30px;
}

.modal_chat_profile .input_area {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.modal_chat_profile .input_area .input_nickname {
	width: 100%;
	height: 30px;
	padding: 0 10px;
	border: 0;
	background-color: #eee;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 14px;
	color: #fff;
}

.modal_chat_profile .input_area .count {
	margin-left: 10px;
	font-size: 14px;
	color: #aaa;
	line-height: 30px;
}

.modal_chat_profile .input_area .count em {
	color: #000;
}

.modal_chat_profile .btn_area {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 20px;
}

.modal_chat_profile .btn_area [class^='btn_'] {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	font-size: 13px;
	line-height: 30px;
}

.modal_chat_profile .btn_area .btn_cancel {
	color: #999;
}

.modal_chat_profile .btn_area .btn_ok {
	font-weight: bold;
}

/* 검색 페이지 */
.wrapper_search_header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 3000;
	height: 48px;
	background-color: #000;
}

.wrapper_search_header .btn_back {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 48px;
	height: 48px;
}

.wrapper_search_header .btn_back .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	background-position: -44px -22px;
	width: 20px;
	height: 20px;
}

.wrapper_search_header .input_area {
	position: relative;
	padding: 10px 15px 10px 48px;
	background-color:[@wrapper_header_background_color@];
}

.wrapper_search_header .input_area .input_text {
	width: 100%;
	height: 28px;
	padding: 0 28px 0 10px;
	border: 0;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.wrapper_search_header .input_area .btn_search {
	position: absolute;
	top: 10px;
	right: 15px;
	bottom: 0;
	width: 28px;
	height: 28px;
}

.wrapper_search_header .input_area .btn_search .icon {
	background-position: 0px -44px;
	width: 20px;
	height: 20px;
}

.search_history_area {
	padding: 15px;
	background-color: #FAFAFA;
}

.search_history_area .list_search_history .item {
	position: relative;
	padding-right: 30px;
}

.search_history_area .list_search_history .item + .item {
	margin-top: 10px;
}

.search_history_area .list_search_history .link {
	display: block;
	position: relative;
	padding-left: 25px;
}

.search_history_area .list_search_history .link .icon {
	background-position: -88px -51px;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 2px;
	left: 0;
}

.search_history_area .list_search_history .btn_remove {
	position: absolute;
	top: -5px;
	right: 0;
	width: 30px;
	height: 30px;
}

.search_history_area .list_search_history .btn_remove .icon {
	background-position: -88px -34px;
	width: 15px;
	height: 15px;
}

.search_result_message_area {
	padding: 15px;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	color: #e6e6e6;
}

.search_result_message_area em {
	color: #e6e6e6;
}

.search_tab_area {
	padding: 0 15px;
	border-bottom: 1px solid #e6e6e6;
	color: #e6e6e6;
}

.search_tab_area .tab {
	display: inline-block;
	padding: 0 5px;
	font-size: 14px;
	line-height: 40px;
	vertical-align: top;
}

.search_tab_area .tab + .tab {
	margin-left: 10px;
}

.search_tab_area .tab.active {
	position: relative;
	font-weight: 600;
	color: #e6e6e6;
}

.search_tab_area .tab.active::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 2px;
	background-color: #e6e6e6;
	content: '';
}

.search_result_area {
	padding: 0 15px;
}

.search_result_area .search_result_title {
	padding: 20px 0 10px;
	font-size: 18px;
	line-height: 22px;
	color: #e6e6e6;
}

.search_result_area .search_result_title .count {
	color: #e6e6e6;
}

.search_result_area .common_list_vod {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	margin: 0 -5px;
}

.search_result_area .common_list_vod .item {
	width: 50%;
	height: auto;
	margin-top: 10px;
	padding: 0 5px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.search_result_area .common_list_vod .item:nth-child(-n + 2) {
	margin-top: 0;
}

.search_result_area .common_list_vod .item .image_area img {
	width: 100%;
	background-color: #0489B1;
}

.search_result_area .common_list_vod .title .txt {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 38px;
	line-height: 19px;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	/* autoprefixer: ignore next */
	-webkit-box-orient: vertical;
	white-space: normal;
		color: #dbdbdb;
}

.search_result_area .common_list_vod .hashtag {
	display: block;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 2px;
	font-size: 13px;
	color: #8b8b8b;
}


.search_result_area .common_list_vod .view_count {
	margin-top: 1px;
	font-size: 13px;
	color: #636363;
}

.search_result_area .common_list_image {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	margin: 0 -5px;
}

.search_result_area .common_list_image .item {
	width: 50%;
	height: auto;
	margin-top: 10px;
	padding: 0 5px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.search_result_area .common_list_image .item:nth-child(-n + 2) {
	margin-top: 0;
}

.search_result_area .common_list_image .item .image_area img {
	width: 100%;
	background-color: #0489B1;
}

/* VOD 상세 페이지 */
.wrapper_vod_header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 3000;
	height: 48px;
	background-color: #fff;
}

.wrapper_vod_header::after {
	position: absolute;
	right: 0;
	bottom: -1px;
	left: 0;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.1);
	content: '';
}

.wrapper_vod_header .btn_back {
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 48px;
}

.wrapper_vod_header .btn_back .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	background-position: 0px 0px;
	width: 20px;
	height: 20px;
}

.wrapper_vod_content {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding-top: 48px;
}

.vod_title_area {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
}

.vod_title_area .btn_area {
	margin-top: 10px;
	text-align: right;
}

.vod_title_area .btn_area [class^='btn_'] {
	display: inline-block;
	width: auto;
	font-size: 14px;
	line-height: 18px;
	vertical-align: top;
}

.vod_title_area .btn_area [class^='btn_'] .icon {
	margin: 0 3px 0 0;
}

.vod_title_area .btn_area [class^='btn_'] + [class^='btn_'] {
	margin-left: 10px;
}

.vod_title_area .btn_area .btn_share .icon {
	background-position: -20px -66px;
	width: 18px;
	height: 18px;
}

.vod_title_area .btn_area .btn_shopping .icon {
	background-position: -40px -66px;
	width: 18px;
	height: 18px;
}

.vod_title_area .btn_area .btn_file .icon {
	background-position: -66px -44px;
	width: 18px;
	height: 18px;
}

.vod_title_area .btn_area .btn_link .icon {
	background-position: 0px -66px;
	width: 18px;
	height: 18px;
}

.vod_video_area {
	padding: 15px;
}

.vod_video_area .video_area {
	position: relative;
	padding-top: 56.26%;
}

.vod_video_area .video_area .video {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
}

.vod_video_area + .vod_detail_area {
	margin-top: -15px;
}

.vod_detail_area {
	padding: 15px;
}

.vod_product_area {
	padding: 15px;
}

.vod_product_area .area_name {
	font-size: 15px;
	font-weight: 500;
	line-height: 19px;
}

.vod_product_area .table_product {
	width: 100%;
	margin-top: 10px;
}

.vod_product_area .table_product th {
	width: 35%;
	height: 40px;
	padding: 0 15px;
	border: 1px solid #e5e5e5;
	background-color: #f6f6f6;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 13px;
	font-weight: normal;
}

.vod_product_area .table_product td {
	padding: 0 15px;
	border: 1px solid #e5e5e5;
	font-size: 13px;
}

.vod_comment_area {
	border-top: 1px solid #e5e5e5;
}

.vod_comment_area .comment_input_area {
	padding: 0 15px;
}

.vod_comment_area .comment_input_area .description {
	font-size: 12px;
	color: #ababab;
	line-height: 40px;
}

.vod_comment_area .comment_input_area .input_area .input_textarea {
	width: 100%;
	height: 45px;
	padding: 15px;
	border: 0;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	background-color: #f6f6f6;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	color: #292929;
}

.vod_comment_area .comment_input_area .input_area .input_textarea::-webkit-input-placeholder {
	color: #ababab;
}

.vod_comment_area .comment_input_area .input_area .input_textarea:-moz-placeholder {
	color: #ababab;
}

.vod_comment_area .comment_input_area .input_area .input_textarea::-moz-placeholder {
	color: #ababab;
}

.vod_comment_area .comment_input_area .input_area .input_textarea:-ms-input-placeholder {
	color: #ababab;
}

.vod_comment_area .comment_input_area .input_area .input_textarea::-ms-input-placeholder {
	color: #ababab;
}

.vod_comment_area .comment_input_area .input_area .input_textarea::placeholder {
	color: #ababab;
}

.vod_comment_area .comment_input_area .btn_area {
	padding: 15px 0;
	text-align: center;
}

.vod_comment_area .comment_input_area .btn_area .btn {
	display: inline-block;
	width: auto;
	padding: 7px 20px;
	background-color: #0489B1;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	line-height: 18px;
	vertical-align: top;
}

.vod_comment_area .comment_list_area {
	padding: 15px;
	border-top: 1px solid #e5e5e5;
	background-color: #f6f6f6;
}

.vod_comment_area .comment_list_area .list_comment .item {
	border: 1px solid #e5e5e5;
	background-color: #fff;
}

.vod_comment_area .comment_list_area .list_comment .item + .item {
	margin-top: 10px;
}

.vod_comment_area .comment_list_area .list_comment .comment_area {
	padding: 7px 15px;
}

.vod_comment_area .comment_list_area .list_comment .info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 13px;
	color: #292929;
}

.vod_comment_area .comment_list_area .list_comment .info .writer {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

.vod_comment_area .comment_list_area .list_comment .info .writer em {
	color: #000000;
}

.vod_comment_area .comment_list_area .list_comment .comment {
	margin-top: 10px;
	font-size: 14px;
	color: #292929;
	line-height: 18px;
}

.vod_comment_area .comment_list_area .list_comment .btn_area {
	padding: 7px 15px;
	border-top: 1px solid #e5e5e5;
}

.vod_comment_area .comment_list_area .list_comment .btn_area .btn {
	width: auto;
	color: #0489B1;
}

.vod_comment_area .comment_list_area .list_comment .btn_area .btn + .btn {
	margin-left: 10px;
}

/* 로그인 */
.wrapper_login_content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 0 15px;
	background-color: #E5E5E5;
}

.wrapper_login_content .title_area {
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
	color: #000000;

}

.wrapper_login_content .login_area {
	margin-top: 30px;
}

.wrapper_login_content .login_area .input_area .inner + .inner {
	margin-top: 10px;
}

.wrapper_login_content .login_area .input_area .input_text {
	width: 100%;
	height: 40px;
	padding: 0 15px;
	border: 1px solid #e5e5e5;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.wrapper_login_content .login_area .input_area .input_checkbox {
	width: 12px;
	height: 12px;
}

.wrapper_login_content .login_area .input_area .input_label {
	display: inline-block;
	margin-top: 2px;
	font-size: 12px;
	color: #787878;
	line-height: 16px;
	vertical-align: top;
}

.wrapper_login_content .login_area .find_area {
	margin-top: 10px;
	font-size: 13px;
}

.wrapper_login_content .login_area .find_area .link + .link {
	margin-left: 10px;
}

.wrapper_login_content .login_area .btn_area {
	margin-top: 10px;
}

.wrapper_login_content .login_area .btn_area .btn_login {
	background-color: #383e4a;
	color: #fff;
	line-height: 35px;
}

.wrapper_login_content .social_login_area {
	margin-top: 20px;
}

.wrapper_login_content .social_login_area .description {
	font-size: 12px;
	color: #000000;
	line-height: 16px;
	text-align: center;

}

.wrapper_login_content .social_login_area .btn_area {
	margin-top: 10px;
}

.wrapper_login_content .social_login_area .btn_area [class^='btn_'] {
	display: block;
	width: 80%;
	margin: 0 auto;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	line-height: 35px;
	text-align: left;
}

.wrapper_login_content .social_login_area .btn_area [class^='btn_'] .icon {
	margin: 8px 20px 0;
}

.wrapper_login_content .social_login_area .btn_area [class^='btn_'] + [class^='btn_'] {
	margin-top: 10px;
}

.wrapper_login_content .social_login_area .btn_area .btn_login_naver {
	background-color: #1ec800;
	color: #fff;
}

.wrapper_login_content .social_login_area .btn_area .btn_login_naver .icon {
	background-position: -44px 0px;
	width: 20px;
	height: 20px;
}

.wrapper_login_content .social_login_area .btn_area .btn_login_kakao {
	background-color: #fae300;
}

.wrapper_login_content .social_login_area .btn_area .btn_login_kakao .icon {
	background-position: -22px -22px;
	width: 20px;
	height: 20px;
}

.wrapper_login_content .join_area {
	position: relative;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #e5e5e5;
}

.wrapper_login_content .join_area .description {
	font-size: 12px;
	color: #292929;
	line-height: 16px;
}

.wrapper_login_content .join_area .link {
	position: absolute;
	top: 20px;
	right: 0;
	padding: 3px 10px;
	background-color: #a6a6a6;
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	line-height: 20px;
}

.wrapper_login_content .join_area .link .icon {
	background-position: -77px -66px;
	width: 5px;
	height: 10px;
	margin: 5px 0 0 3px;
}

.wrapper_login_content .btn_back {
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 48px;
}

.wrapper_login_content .btn_back .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	background-position: 0px 0px;
	width: 20px;
	height: 20px;
}