@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url("box.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; 
}
*/
/*
	box-sizing              : content-box; (기본값)
	box-sizing              : border-box;  (박스 앨리먼트의 width, height 속성이 padding, border에 영향받지 않음)
	box-sizing              : initial;     (기본값으로 설정한 값)
	box-sizing              : inherit;     (부모속성)

	ie8 이하에서 적용이 불가능하므로
	-webkit-box-sizing      : border-box;
	-moz-box-sizing         : border-box;
*/
* {
	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; 
    -webkit-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        : #ffffff; 
	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;
	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; 
}
legend {
    display                 : none;
}
table { 
    font-size               : 12px; 
    border-collapse         : collapse; 
}

label { 
    vertical-align          : middle; 
}
input { 
    vertical-align          : middle; 
}
input[type="text"], input[type="password"] {
    min-height              : 25px !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;
}

.tleft   { 
    text-align              : left;   
}
.tright  { 
    text-align              : right;  
}
.tcenter { 
    text-align              : center; 
}

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                     : 0;
	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;
	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    { 
    display                 : block; 
}
#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   { 
    clear                   : both; 
    margin-top              : 11px; 
    margin-left             : 100px; 
    -webkit-margin-before   : 11px; 
    -webkit-margin-start    : 100px; 
}

#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; 
    background              : #5542c0;
}

#contentsBody .pageTopInfoContents { 
    position                : relative; 
    width                   : 1110px; 
    height                  : 40px; 
    margin                  : 0 auto; 
    border                  : 0 solid #ccc; 
}

#contentsBody .pageTopInfoContents span { 
    display                 : inline-block; 
    color                   : #ffffff; 
}

.pageTopInfoContents .pageTopTutorView {
    float                   : left;
    margin-top              : 10px;
    -webkit-margin-before   : 10px;
}

.pageTopInfoContents .pageTopInfoLogin {
    float:right;
    margin-top              : 10px;
    -webkit-margin-before   : 10px;
}

.pageTopInfoContents .BizTalkTutorCollect {
    position                : absolute; 
    display                 : inline-block; 
    width                   : 1110px; 
    margin                  : 0 auto; 
    background              : #ffffff; 
    border-right            : 1px solid #cccccc; 
    border-bottom           : 1px solid #cccccc; 
    border-left             : 1px solid #cccccc; 
    padding                 : 20px 30px 30px 30px;
    -webkit-padding-before  : 20px; 
    -webkit-padding-end     : 30px; 
    -webkit-padding-after   : 30px; 
    -webkit-padding-start   : 30px;
    z-index                 : 999999;
}

.BizTalkTutorCollect .BizTalkTutorCollectClose {
    position                : absolute; 
    margin-right            : 30px;
    -webkit-margin-end      : 30px;
    right                   : 0;
}

#BizTalkTutorContainer {
    border                  : 0 solid #cccccc;
    transition-duration     : 0.5s;
    transition-property     : height;
    overflow                : hidden;
    box-sizing              : border-box; 
    -webkit-box-sizing      : border-box; 
    -moz-box-sizing         : border-box;
    margin-top              : 20px;
    -webkit-margin-before   : 20px; 
}

.BizTalkTutorContents { 
    width                   : 970px; 
    margin                  : 0 auto; 
}

.BizTalkTutorGo  { 
    cursor                  : pointer; 
}

.BizTalkTutor1_5 { 
    width                   : 970px; 
    overflow                : hidden; 
}

.BizTalkTutor1_5 li { 
    float                   : left; 
    width                   : 178px; 
    height                  : 180px; 
    overflow                : hidden; 
    margin-left             : 20px; 
    background              : #7a8289; 
    cursor                  : pointer; 
}

.BizTalkTutor1_5 li:first-child { 
    margin-left             : 0; 
    -webkit-margin-start    : 0; 
} 

.BizTalkTutor1_5 .BizTalkTutorInfoDiv { 
    position                : absolute; 
    width                   : 178px; 
    margin-top              : 125px; 
    -webkit-margin-before   : 125px; 
}
.BizTalkTutor1_5 .BizTalkTutorInfo    { 
    position                : relative; 
    border                  : 1px solid #000000; 
    width                   : 168px; 
    height                  : 50px; 
    margin                  : 0 auto; 
    background              : #000000; 
    color                   : #ffffff; 
    box-sizing              : border-box; 
    -webkit-box-sizing      : border-box; 
    -moz-box-sizing         : border-box;
    padding                 : 5px 10px; 
    -webkit-padding-before  : 5px; 
    -webkit-padding-end     : 10px; 
    -webkit-padding-after   : 5px; 
    -webkit-padding-start   : 10px;
    opacity                 : 0.8;  
    filter                  : alpha(opacity=80);
}

.BizTalkTutor1_5 .BizTalkTutorInfo .TutorName    { 
    font-size               : 11pt; 
    font-weight             : bold; 
    line-height             : 20px; 
    letter-spacing          : -1px; 
}

.BizTalkTutor1_5 .BizTalkTutorInfo .TutorJobPart { 
    font-size               : 7pt; 
    font-weight             : bold; 
    color                   : #ffff00; 
    letter-spacing          : -1px; 
}

.BizTalkTutor6_99  { 
    width                   : 970px; 
    overflow                : hidden; 
    margin-top              : 15px; 
    -webkit-margin-before   : 15px; 
}

.BizTalkTutor6_99 ul { 
    clear                   : both; 
    display                 : inline-block; 
    margin-top              : 5px;
    -webkit-margin-before   : 5px; 
}

.BizTalkTutor6_99 li { 
    float                   : left; 
    width                   : 178px; 
    height                  : 50px; 
    overflow                : hidden; 
    border                  : 1px solid #cccccc; 
    background              : #ffffff; 
    cursor                  : pointer; 
    box-sizing              : border-box; 
    -webkit-box-sizing      : border-box; 
    -moz-box-sizing         : border-box;
    margin-left             : 20px; 
    -webkit-margin-start    : 20px;
    padding                 : 5px 0 5px 10px; 
    -webkit-padding-before  : 5px; 
    -webkit-padding-end     : 0; 
    -webkit-padding-after   : 5px; 
    -webkit-padding-start   : 10px;
}

.BizTalkTutor6_99 ul:first-child {
    margin-top              : 0;
    -webkit-margin-before   : 0; 
}

.BizTalkTutor6_99 li:first-child { 
    margin-left             : 0; 
    -webkit-margin-start    : 0; 
} 

.BizTalkTutor6_99 .BizTalkTutorImg  { 
    position                : relative; 
    float                   : right; 
}

.BizTalkTutor6_99 .BizTalkTutorInfo { 
    position                : relative; 
}
.BizTalkTutor6_99 .BizTalkTutorInfo .TutorName    { 
    font-size               : 10pt; 
    font-weight             : bold; 
    letter-spacing          : -1px; 
    line-height             : 20px; 
}
.BizTalkTutor6_99 .BizTalkTutorInfo .TutorJobPart { 
    font-size               : 8pt; 
    color                   : #ff3300; 
    letter-spacing          : -1px; 
}
/* Page Top style end   */

/* Main Header Container style start */
.HeaderContainer { 
    width                   : 100%; 
    height                  : 670px; 
    overflow                : hidden; 
    background        : #dcdcdc; 
}

.HeaderContents  { 
    width                   : 1110px; 
    height                  : 770px; 
    margin                  : 0 auto; 
    padding-top             : 80px; 
    -webkit-padding-before  : 80px; 
}

.HeaderContents {
	background-repeat       : no-repeat;
	background-position     : 210px bottom;
	background-attachment   : scroll;   /* fixed:스크롤을 해도 가만히 있습니다. (scroll:움직입니다.) */
	background-size         : contain;			/* cover:전체 요소를 덮도록 이미지의 크기를 조정합니다. (auto:원래 이미지 크기, 숫자와단위:숫자에 따른 크기, contain: 이미지가 완전히 보이도록 */
	background-color        : transparent;
}
/* Main Header Container style end   */


/* Main Header Contents style start */
.HeaderContents .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; */
}

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

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

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

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

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

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

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

.HeaderContents .bannerBody .nav_contents ul {
}

.HeaderContents .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;
    -webkit-margin-after    : 0; 
}

.HeaderContents .bannerBody .nav_contents .item0 {
	padding                 : 0 5px; 
    -webkit-padding-before  : 0; 
    -webkit-padding-end     : 5px; 
    -webkit-padding-after   : 0; 
    -webkit-padding-start   : 5px;
	margin-bottom           : 50px;
    -webkit-margin-after    : 50px; 
}

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

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

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

.HeaderContents .bannerBody .nav_contents .item_subject {
	margin-top              : 5px; 
    -webkit-margin-before   : 5px;
	font-size               : 11pt;
	color                   : #ffffff;
}
.HeaderContents .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 Header Contents style end   */

/* Main VOD List style start */
.BizTalkContentsTab { 
	display                 : inline-block; 
	position                : relative; 
	width                   : 100%;
	height                  : 38px;
	border-bottom           : 1px solid #5442c0;
}

.BizTalkContentsTab ul { 
}

.BizTalkContentsTab li { 
	float                   : left; 
	cursor                  : pointer;
	border-top              : 1px solid #d2d2d2;
	border-left             : 1px solid #d2d2d2;
	border-right            : 1px solid #d2d2d2;
	border-bottom           : 1px solid #5442c0;
	background-color        : #f9f9f9;
	color                   : #666666;
	font-weight             : bold;
	font-size               : 11pt;
	padding                 : 10px 50px 8px 50px; 
    -webkit-padding-before  : 10px; 
    -webkit-padding-end     : 50px; 
    -webkit-padding-after   : 8px; 
    -webkit-padding-start   : 50px; 
}
.BizTalkContentsTab li.act { 
	height                  : 38px;
	border-top              : 1px solid #5442c0;
	border-left             : 1px solid #5442c0;
	border-right            : 1px solid #5442c0;
	border-bottom           : 1px solid #ffffff;
	background-color        : #ffffff;
	color                   : #422fb3;
	font-weight             : bold;
}
/* Main VOD 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   */


/* 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 */

/* 리스트 테이블 */
.no_list { 
    height                  : 100px; 
    text-align              : center;
}

.table_list { 
    table-layout            : fixed; 
    font-size               : 12px; 
    border-collapse         : collapse; 
    border-bottom           : 1px solid #c2c2c2; 
    margin-bottom           : 10px; 
    -webkit-margin-after    : 10px;  
    width                   : 100%;
	background              : url('/images/edu/info_bar.gif') top center no-repeat;
}

.table_list tbody { 
    border-bottom           : 1px solid #c2c2c2; 
}

.table_list th {
    height                  : 21px; 
    line-height             : 21px; 
    overflow                : hidden; 
    font-size               : 12px; 
    font-weight             : bold; 
    color                   : #666; 
    background              : url('../images/edu/info_line.gif') bottom left no-repeat; 
    vertical-align          : middle; 
	padding-top             : 5px; 
    -webkit-padding-before  : 5px;
}

.table_list th.noline {
    background              : none !important;
}

.table_list th.first {
    border-left             : none; 
    background              : none;
}

.table_list th.left_line {
    border-left             : 1px solid #c2c2c2; 
    background-image        : none;
}

.table_list th.right_line {
    border-right            : 1px solid #c2c2c2;
}

.table_list th.bg_none {
    background              : none;
}

.table_list th.fontR {
    text-align              : center; 
    color                   : #cb1515; 
    font-weight             : bold; 
    padding-bottom          : 5px; 
    -webkit-padding-after   : 5px;
}

.table_list th span {
    display                 : block; 
    border-left             : 1px solid #fff;
}

.table_list th a {
    font-size               : 11px; 
    color                   : #547eec;
}

.table_list td { 
    padding                 : 8px 5px 7px 5px; 
    -webkit-padding-before  : 8px; 
    -webkit-padding-end     : 5px; 
    -webkit-padding-after   : 7px; 
    -webkit-padding-start   : 5px; 
    border-right            : 0 solid #c2c2c2; 
    border-bottom           : 1px dashed #c2c2c2; 
    color                   : #666; 
    text-align              : center; 
}

.table_list td.first  { 
    border-left             : none; 
}

.table_list td.cutoff { 
    border-right            : none; 
}

.table_list td.nolist { 
    border-left             : none; 
    border-right            : none; 
    height                  : 100px; 
}

.table_list td a, .table_list td a span, .table_list td a strong {
    color                   : #666;
}

.table_list td span.txt_intercept {
    color                   : #ffa500;
}

.table_list td span.txt_leave {
    color                   : #dc143c;
}

.table_list td span.title {
    clear                   : both; 
    font-size               : 12px; 
    font-weight             : bold; 
    color                   : #000;
}

.table_list td span.price {
    text-align              : center; 
    color                   : #cb1515; 
    font-weight             : bold;
}

.table_list td a span.member {
    font-weight             : bold; 
    text-decoration         : none; 
    color                   : #666;
}

.table_list td label {
    margin-right            : 0; 
    -webkit-margin-end      : 0; 
    height                  : 16px; 
    line-height             : 18px; 
    line-height             : 20px\9; 
    font-size               : 11px; 
    color                   : #999;
}

.table_list .list0 {}

.table_list .list1 {
    background              : #f8f8f8;
}
.table_list tr.thover {
    background              : #ececec;
}
.table_list tfoot th, .table_list tfoot td {
    border-top              : 1px solid #c3c5c9; 
    font-weight             : bold;
}
.table_list td.tleft   {
    text-align              : left;
}
.table_list td.tright  {
    text-align              : right;
}
.table_list td.tcenter {
    text-align              : center;
}
.table_list td.p1020 {
    padding                 : 15px 20px 10px 20px; 
    -webkit-padding-before  : 15px; 
    -webkit-padding-end     : 20px; 
    -webkit-padding-after   : 10px; 
    -webkit-padding-start   : 20px; 
}
.table_list td.bar {
    border-right            : none; 
    background              : url('../images/edu/bg_bar.gif') bottom right no-repeat;
}
.table_list td.lline {
    border-left             : 1px solid #c2c2c2; 
    background-image        : none;
}
.table_list td.rline {
    border-right            : 1px solid #c2c2c2; 
    background-image        : none;
}
.BoardButton { 
    display                 : table; 
    width                   : 100%; 
    height                  : 100%; 
    cursor                  : pointer; 
}
.BoardButton span { 
    color                   : #ffffff; 
    font-weight             : bold; 
    font-size               : 12pt; 
    background-color        : #de5400; 
    display                 : table-cell; 
    text-align              : center; 
    vertical-align          : middle; 
	font-family             : 'Nanum Gothic', "나눔고딕", Dotum, "돋움", Helvetica, AppleGothic, Sans-serif;
}