@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*웹폰트*/
/*
@font-face {
    font-family:'NanumBarunGothic';
    src: url('NanumBarunGothic.eot');
    src: url('NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
         url('NanumBarunGothic.woff') format('woff'),
         url('NanumBarunGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal; }
*/
* {
	margin:0; -webkit-margin-before:0; -webkit-margin-end:0; -webkit-margin-after:0; -webkit-margin-start:0;
	padding:0; -webkit-padding-before:0; -webkit-padding-end:0; -webkit-padding-after:0; -webkit-padding-start:0;
	box-sizing:border-box; -moz-box-sizing:border-box;
}
html {width:100%; height:100%;}
body {font-size:12px; font-family:'Nanum Gothic', "나눔고딕", Dotum, "돋움", Helvetica, AppleGothic, Sans-serif;color:#333333; height:100%; line-height:1.5em; 
	background-color:#f4f4f4; 
	margin:0; -webkit-margin-before:0; -webkit-margin-end:0; -webkit-margin-after:0; -webkit-margin-start:0;
	padding:0; -webkit-padding-before:0; -webkit-padding-end:0; -webkit-padding-after:0; -webkit-padding-start:0;

}
/*	table {border-collapse:collapse;}	*/
img {border:0; vertical-align:top; }
h1,h2,h3,h4,h5,h6 {font-size:100%;}
ul,ol,li {list-style-type:none;}
fieldset {border:0;}
select, textarea {font-size:1em}
select {height:20px !important;}
textarea {padding:5px; -webkit-padding-before:5px; -webkit-padding-end:5px; -webkit-padding-after:5px; -webkit-padding-start:5px;}
legend {display:none;}
table { font-size:12px; border-collapse:collapse; }

label { vertical-align:middle; }
input { vertical-align:middle; }
input[type="text"] {height:20px !important; border-top:1px solid #9a9a9a; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-left:1px solid #9a9a9a; font-size:12px; color:#666; 
	padding:3px 2px 1px 2px; -webkit-padding-before:3px; -webkit-padding-end:2px; -webkit-padding-after:1px; -webkit-padding-start:2px; 
}
input[type="radio"] { vertical-align:middle; display:inline-block; border:none !important; }
input[type="checkbox"] { vertical-align:middle; display:inline-block; border:none !important; }
input[type="file"] {height:25px;}

a {color:#444;text-decoration:none;}
a:hover {text-decoration:none;}

h4{clear:both;background:url("/images/icon/blt.gif") no-repeat 0 6px; font-size:14px; height:24px; text-align:left; font-weight:bold; font-size:14px; color:#666;
	padding:5px 18px; -webkit-padding-before:5px; -webkit-padding-end:18px; -webkit-padding-after:5px; -webkit-padding-start:18px;
}

.fLeft {float:left;}
.fRight {float:right;}
.clear {clear:both;}

select {
	border-top-width:1px; \0/IE10;
	border-top-style:solid; \0/IE10;
	border-top-color:#9a9a9a; \0/IE10;
	
	border-right-width:1px; \0/IE10;
	border-right-style:solid; \0/IE10;
	border-right-color:#d8d8d8; \0/IE10;
	
	border-bottom-width:1px; \0/IE10;
	border-bottom-style:solid; \0/IE10;
	border-bottom-color:#d8d8d8; \0/IE10;
	
	border-left-width:1px; \0/IE10;
	border-left-style:solid; \0/IE10;
	border-left-color:#9a9a9a; \0/IE10;
	
	min-height:20px; \0/IE10;
	/*	line-height:20px; \0/IE10;	*/

	color:#666666;
	/*	-webkit-appearance: none;	*/ /* 네이티브 외형 감추기 */
	-moz-appearance: none;

	appearance:none; 
	vertical-align:middle;
}

.selectbox {
	position: relative;
	width: 500px;
	height: 20px;
	line-height: 20px;
	background: url("/images/common/select_arrow.png") no-repeat 98% 50%;
	border: 1px solid #999999;
	z-index: 1;
}

.selectbox label {
	position: absolute;
	top: 0px;
	left: 8px;
	height: 20px;
	line-height: 20px;
	font-family:'Nanum Gothic', "나눔고딕";
	font-weight:bold;
	font-size:11pt;
	color: #333333;
	z-index: -1;
}

.selectbox select {
	width: 100%;
	height: 20px !important;
	line-height: 20px !important;
	font-family:"Dotum", "돋움";
	font-size:11pt;
	/* font-family: inherit; */
	border: 0;
	opacity: 0;
	filter:alpha(opacity=0);
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}

/* Leayer style start */
#contentsLeft { display:block; width:180px; overflow:hidden; float:left; background-color:#ffffff; }
#contentsBody { display:block; height:100%; }
#Container    { display:block; margin-left:180px; -webkit-margin-start:180px; }
#Container .Contents {width:1110px; margin:0 auto;}
/* Leayer style end */

/* Left Menu style start */
#contentsLeft .leftMenu { padding:0 10px; -webkit-padding-before:0; -webkit-padding-end:10px; -webkit-padding-after:0; -webkit-padding-start:10px;}
#contentsLeft .leftMenu ul { width:100%; }
#contentsLeft .leftMenu li { 
	text-align:center; 
	font-size:11pt;
	padding:20px 0 19px 0; -webkit-padding-before:20px; -webkit-padding-end:0; -webkit-padding-after:19px; -webkit-padding-start:0;
	border-bottom:1px solid #ebebeb;
	cursor:pointer;
}
#contentsLeft .leftMenu li.act { 
	font-weight:bold;
	color:#5a44dc;
}
/* Left Menu style end   */


/* Page Top style start */
#contentsBody .pageTopSearch { display:block; height:50px; background-color:#5442c0; overflow:hidden; }
	#contentsBody .pageTopSearch .pageTopSearchForm   { margin-top:11px; -webkit-margin-before:11px; }
	#contentsBody .pageTopSearch .pageTopSearchIntput { float:left; }
	#contentsBody .pageTopSearch .papeTopNewVod       { float:left; background:url('/curation/images/img_01.png') 0 0 no-repeat; 
		padding-left:20px; -webkit-padding-start:20px; 
		margin-top:5px; margin-left:10px; -webkit-margin-before:5px; -webkit-margin-start:10px;
	}
	#contentsBody .pageTopSearch .papeTopNewVod .ticker  { display:inline-block; color:#ffffff; height:20px; position:relative; width:500px; overflow:hidden; }
	#contentsBody .pageTopSearch .papeTopNewVod .items   { position:absolute; top:20px; height:20px; color:#ffffff; }
	#contentsBody .pageTopSearch .papeTopNewVod .items a { color:#ffffff; }
#contentsBody .pageTopInfo   { display:block; margin-left:180px; -webkit-margin-start:180px; }
#contentsBody .pageTopInfoContents { position:relative; margin-left:180px; width:1110px; margin:0 auto; text-align:right; border:0 solid #ccc; height:0; top:-32px; }
#contentsBody .pageTopInfoContents span { display:inline-block; color:#ffffff; }
/* Page Top style end   */

/* Main Banner style start */
.mainBanner {height:425px; background:url('/curation/images/bn_bg.gif');}
.mainBanner .bannerMenu { 
	height:40px; 
	line-height:40px;
	/* background-color:#000000; */
	background-color:rgba(0, 0, 0, 0.1);


	/* 투명설정 표준 */
	/* opacity:0.2; */
	/* 투명설정 IE 5~7 */
	/* filter:alpha(opacity=20); */
	/* 투명설정 IE 8 */
	/* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; */
	/* 투명설정 Nextscape */
	/* -moz-opacity:0.2; */
	/* 투명설정 Safari 1.x */
	/* -khtml-opacity:0.2; */
}

.mainBanner .bannerMenu ul { 
	display:inline-block;
	position:absolute;
	min-width:1110px;
	font-size:10pt;
}

.mainBanner .bannerMenu li { 
	display:inline-block;
	float:left; 
	text-align:center;
	width:14.28%;
	color:#cccccc;
	font-size:10pt;
	cursor:pointer;
}

.mainBanner .bannerMenu li.act { 
	font-weight:bold;
	color:#ffffff;
	font-size:11pt;
	/* border-bottom:2px solid #666666; */
}

.mainBanner .bannerBody {
	width:950px;
	margin:0 auto;
}

.mainBanner .bannerBody .nav {
	display:inline-block;
	width:100%;
	padding:0 20px;
	margin-top:30px; -webkit-margin-before:30px; 
	margin-bottom:30px; -webkit-margin-after:30px; 
	text-align:center;
}

.mainBanner .bannerBody .bannerTitle {
	text-align:center; 
	color:#ffffff; 
	display:inline-block; 
	font-size:18pt; 
	line-height:27px; 
	font-weight:bold;
}

.mainBanner .bannerBody .nav_contents {
	width:100%;
	height:250px; 
	display:inline-block; 
	overflow:hidden;
}

.mainBanner .bannerBody .nav_contents ul {
}

.mainBanner .bannerBody .nav_contents li {
	float:left;
	width:315px;
	padding:0 10px; -webkit-padding-before:0; -webkit-padding-end:10px; -webkit-padding-after:0; -webkit-padding-start:10px;
	margin-bottom:50px;
	/* width:33.33%; */
	/* border:1px solid #fff; */
}

.mainBanner .bannerBody .nav_contents .item0 {
	/* padding-right:10px; -webkit-padding-end:10px; */
	padding:0 5px; -webkit-padding-before:0; -webkit-padding-end:5px; -webkit-padding-after:0; -webkit-padding-start:5px;
	margin-bottom:50px;
}

.mainBanner .bannerBody .nav_contents .item1 {
	padding:0 5px; -webkit-padding-before:0; -webkit-padding-end:5px; -webkit-padding-after:0; -webkit-padding-start:5px;
}

.mainBanner .bannerBody .nav_contents .item2 {
	/* padding-left:10px; -webkit-padding-start:10px; */
	padding:0 5px; -webkit-padding-before:0; -webkit-padding-end:5px; -webkit-padding-after:0; -webkit-padding-start:5px;
}

.mainBanner .bannerBody .nav_contents .item_img {
	background-color:#ffffff;
	color:#ffffff;
	height:200px;
	overflow:hidden;
}

.mainBanner .bannerBody .nav_contents .item_subject {
	margin-top:5px; -webkit-margin-before:5px;
	font-size:11pt;
	color:#ffffff;
}
.mainBanner .bannerBody .nav_contents .item_time {
	display:block; 
	position:absolute; 
	color:#ffffff; 
	height:20px; 
	top:-20px;
	right:0;
	background-color:rgba(0, 0, 0, 0.9);
	text-align:center;
	padding:0 5px; -webkit-padding-before:0; -webkit-padding-end:5px; -webkit-padding-after:0; -webkit-padding-start:5px;
}
/* Main Banner style end   */

/* Main VOD List style start */
.mainVod .mainVodTab { 
	display:inline-block; 
	position:relative; 
}
.mainVod .mainVodTab ul { 
}
.mainVod .mainVodTab li { 
	float:left; 
	cursor:pointer;
	border-top:1px solid #d2d2d2;
	border-left:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	color:#999999;
	font-weight:bold;
	font-size:11pt;
	padding:8px 30px 6px 30px; -webkit-padding-before:8px; -webkit-padding-end:30px; -webkit-padding-after:6px; -webkit-padding-start:30px; 
}
.mainVod .mainVodTab li.act { 
	border-top:1px solid #5442c0;
	border-left:1px solid #5442c0;
	border-right:1px solid #5442c0;
	color:#422fb3;
	font-weight:bold;
}
.vodList {
	margin-top:-5px; -webkit-margin-before:-5px;
	display:inline-block;
	width:100%;
	background-color:#ffffff;
	padding:0 30px 30px 30px; -webkit-padding-before:0; -webkit-padding-end:30px; -webkit-padding-after:30px; -webkit-padding-start:30px; 
}

.vodList ul {
	display:inline-block;
	width:100%;
}

.vodList li {
	float:left;
	width:25%;
	overflow:hidden;
	margin-top:30px;
	/* border:1px solid #fff; */
}

.vodList .item0 {
	clear:both;
	padding-right:10px; -webkit-padding-end:10px;
}

.vodList .item1 {
	padding:0 7px 0 5px; -webkit-padding-before:0; -webkit-padding-end:7px; -webkit-padding-after:0; -webkit-padding-start:5px;
}

.vodList .item2 {
	padding:0 5px 0 8px; -webkit-padding-before:0; -webkit-padding-end:5px; -webkit-padding-after:0; -webkit-padding-start:8px;
}

.vodList .item3 {
	padding-left:10px; -webkit-padding-start:10px;
}

.vodList .item_img {
	background-color:#ffffff;
	height:140px;
	overflow:hidden;
	border:1px solid #e3e3e3;
}

.vodList .item_subject {
	margin-top:5px; -webkit-margin-before:5px;
	font-size:10pt;
	color:#333333;
}
.vodList .item_time {
	display:block; 
	position:absolute; 
	color:#ffffff; 
	height:20px; 
	top:-20px;
	right:0;
	background-color:rgba(0, 0, 0, 0.9);
	text-align:center;
	padding:0 5px; -webkit-padding-before:0; -webkit-padding-end:5px; -webkit-padding-after:0; -webkit-padding-start:5px;
}
/* Main VOD List style end   */


/* Main Channel List style start */
.channelList {
	margin-top:-5px; -webkit-margin-before:-5px;
	display:inline-block;
	width:100%;
	background-color:#ffffff;
	padding:0 30px 30px 30px; -webkit-padding-before:0; -webkit-padding-end:30px; -webkit-padding-after:30px; -webkit-padding-start:30px; 
}

.channelList ul {
	display:inline-block;
	width:100%;
}

.channelList li {
	float:left;
	width:25%;
	overflow:hidden;
	margin-top:30px;
	/* border:1px solid #fff; */
}

.channelList .item0 {
	clear:both;
	padding-right:10px; -webkit-padding-end:10px;
}

.channelList .item1 {
	padding:0 7px 0 5px; -webkit-padding-before:0; -webkit-padding-end:7px; -webkit-padding-after:0; -webkit-padding-start:5px;
}

.channelList .item2 {
	padding:0 5px 0 8px; -webkit-padding-before:0; -webkit-padding-end:5px; -webkit-padding-after:0; -webkit-padding-start:8px;
}

.channelList .item3 {
	padding-left:10px; -webkit-padding-start:10px;
}

.channelList .item_img {
	background-color:#ffffff;
	height:140px;
	overflow:hidden;
	border:1px solid #e3e3e3;
}

.channelList .item_subject {
	margin-top:5px; -webkit-margin-before:5px;
	font-size:10pt;
	color:#333333;
}
.channelList .item_time {
	display:block; 
	position:absolute; 
	color:#ffffff; 
	height:20px; 
	top:-20px;
	right:0;
	background-color:rgba(0, 0, 0, 0.9);
	text-align:center;
	padding:0 5px; -webkit-padding-before:0; -webkit-padding-end:5px; -webkit-padding-after:0; -webkit-padding-start:5px;
}

.channelList .channelSideInfo { position:relative; 
	float:right; 
	background:url('/curation/images/bg_channel.png') 50% 50% no-repeat; 
	width:80px; 
	height:140px; 
	margin-top:-140px; -webkit-margin-before:-140px;
	text-align:center; 
	font-weight:normal; 
	color:#ffffff; 
}
/* Main Channel List style end   */


/* Main VOD Play Box style start */
.vodBox {
	/* height:600px; */
	background:url('/curation/images/bn_bg.gif');
	padding:30px; -webkit-padding-before:30px; -webkit-padding-end:30px; -webkit-padding-after:30px; -webkit-padding-start:30px; 
}

.vodBox .vodTop { height:435px; background-color:rgba(0, 0, 0, 0.5); }
.vodBox .vodTop .vodPlay { display:inline-block; float:left; width:750px; height:100%; padding:10px; -webkit-padding-before:10px; -webkit-padding-end:10px; -webkit-padding-after:10px; -webkit-padding-start:10px; }
.vodBox .vodTop .vodHot  { display:inline-block; float:right; width:300px; height:100%; padding:10px; -webkit-padding-before:10px; -webkit-padding-end:10px; -webkit-padding-after:10px; -webkit-padding-start:10px; }
.vodBox .vodTop .vodHot .vodHotBox { height:100%; background-color:#ffffff; overflow-y:auto; padding:10px; -webkit-padding-before:10px; -webkit-padding-end:10px; -webkit-padding-after:10px; -webkit-padding-start:10px; }
.vodBox .vodTop .vodHot .vodHotTitle { font-size:12pt; border-bottom:1px solid #999999; padding-bottom:5px; -webkit-padding-after:5px; }
.vodBox .vodTop .vodHot .vodHotContents { margin-top:15px; -webkit-margin-before:15px; }
.vodBox .vodTop .vodHot .vodHotContents div.line { margin-top:5px; margin-bottom:10px; -webkit-margin-before:5px; -webkit-margin-after:5px; height:1px; border-bottom:1px dashed #cccccc; }

.vodBox .vodSummary { margin-top:20px; -webkit-margin-before:20px; display:inline-block; width:100%; color:#ffffff; }
.vodBox .vodSummary .vodPlayTitle { font-size:14pt; color:#ffffff; }
.vodBox .vodSummary .vodHashTag   { font-size:11pt; color:#ffffff; line-height:30px; }
.vodBox .vodSummary .vodHashTag a { font-size:11pt; color:#ffffff; line-height:30px; }
.vodBox .vodSummary .vodHitCnt    { font-size:14pt; color:#ffffff; letter-spacing:2px; border-bottom:2px solid #ccccff; padding:0 0 5px 20px; -webkit-padding-before:0; -webkit-padding-end:0; -webkit-padding-after:5px; -webkit-padding-start:20px; }
.vodBox .vodSummary .vodButton { display:inline-block; border:1px solid #cccccc; color:#666666; font-size:9pt; background-color:#ffffff; cursor:pointer; }
.vodBox .vodSummary .btnGood  { background:#ffffff url("/curation/images/icon_02.gif") 5px 50% no-repeat; padding:2px 5px 2px 20px; -webkit-padding-before:2px; -webkit-padding-end:5px; -webkit-padding-after:2px; -webkit-padding-start:20px; }
.vodBox .vodSummary .btnShare { background:#ffffff url("/curation/images/icon_01.gif") 5px 50% no-repeat; padding:2px 5px 2px 25px; -webkit-padding-before:2px; -webkit-padding-end:5px; -webkit-padding-after:2px; -webkit-padding-start:25px; }
.vodBox .vodSummary .btnScrap { background:#ffffff url("/curation/images/icon_03.png") 5px 50% no-repeat; padding:2px 5px 2px 25px; -webkit-padding-before:2px; -webkit-padding-end:5px; -webkit-padding-after:2px; -webkit-padding-start:25px; }
.vodBox .vodShare { background-color:#ffffff; color:#333333; display:none; font-size:11pt; 
	margin-top:20px; -webkit-margin-before:20px;
	padding:20px; -webkit-padding-before:20px; -webkit-padding-end:20px; -webkit-padding-after:20px; -webkit-padding-start:20px; 
}
.vodBox .vodShare .vodShareHead { display:inline-block; width:100%; border-bottom:1px solid #cccccc; font-weight:bold; 
	margin-bottom:10px; -webkit-margin-after:10px; padding-bottom:5px; -webkit-padding-after:5px;
}
/* Main VOD Play Box style end   */

/* My VOD List style start */
.myVodHead { 
	display:inline-block; 
	position:relative; 
}
.myVodHead ul { 
}
.myVodHead li { 
	float:left; 
	border-top:1px solid #5442c0;
	border-left:1px solid #5442c0;
	border-right:1px solid #5442c0;
	color:#422fb3;
	font-weight:bold;
	font-size:11pt;
	padding:8px 30px 6px 30px; -webkit-padding-before:8px; -webkit-padding-end:30px; -webkit-padding-after:6px; -webkit-padding-start:30px; 
}

.myVodList {
	margin-top:-5px; -webkit-margin-before:-5px;
	display:inline-block;
	width:100%;
	background-color:#ffffff;
	padding:0 30px 30px 30px; -webkit-padding-before:0; -webkit-padding-end:30px; -webkit-padding-after:30px; -webkit-padding-start:30px; 
}

.myVodList ul {
	display:inline-block;
	width:100%;
}

.myVodList li {
	float:left;
	width:25%;
	overflow:hidden;
	margin-top:30px; -webkit-margin-before:30px;
	/* border:1px solid #fff; */
}

.myVodList .item0 {
	clear:both;
	padding-right:10px; -webkit-padding-end:10px;
}

.myVodList .item1 {
	padding:0 7px 0 5px; -webkit-padding-before:0; -webkit-padding-end:7px; -webkit-padding-after:0; -webkit-padding-start:5px;
}

.myVodList .item2 {
	padding:0 5px 0 8px; -webkit-padding-before:0; -webkit-padding-end:5px; -webkit-padding-after:0; -webkit-padding-start:8px;
}

.myVodList .item3 {
	padding-left:10px; -webkit-padding-start:10px;
}

.myVodList .item_img {
	background-color:#ffffff;
	height:140px;
	overflow:hidden;
	border:1px solid #e3e3e3;
}

.myVodList .item_subject {
	margin-top:5px; -webkit-margin-before:5px;
	font-size:10pt;
	color:#333333;
}
.myVodList .item_time {
	display:block; 
	position:absolute; 
	color:#ffffff; 
	height:20px; 
	top:-20px;
	right:0;
	background-color:rgba(0, 0, 0, 0.9);
	text-align:center;
	padding:0 5px; -webkit-padding-before:0; -webkit-padding-end:5px; -webkit-padding-after:0; -webkit-padding-start:5px;
}
/* My VOD List style end   */


/* commonTop style start */
.gSearch, #g_search {
	font-size:11pt;
	border:none; 
	height:27px !important;
	width:300px;
	padding:2px 5px 2px 5px; -webkit-padding-before:2px; -webkit-padding-end:5px; -webkit-padding-after:2px; -webkit-padding-start:5px; 
}
/* commonTop style end */