@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/************************************
*********          °øÅë           *********
*************************************/

@import "http://www.imbc.com/commons/css/base.css";
#wrap {
    font-size: 12px;
}

#f_copyright {
    font-size: 12px;
    color: #180b0b;
    width: 1024px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

#header {
    width: 100%;
}

#container {
    width: 1024px;
    margin: 0 auto;
}

#footer {
    padding: 20px 0;
    color: #180b0b;
}

button {
    border: 0;
    background: none;
    cursor: pointer;
}

body {
    font-family: 'µ¸¿ò', 'dotum';
    font-size: 12px;
    position: relative;
}

.box-nav {
    background: url('http://img.imbc.com/broad/tv/culture/watchcar/img/bg-nav.jpg') no-repeat top left;
	width:1024px;
}

.box-nav ul {
    overflow: hidden;
    padding-left: 16px;
}

.box-nav ul li {
    float: left;
    height: 45px;
    width: 200px;
}

.box-nav ul li a {
    font-family: '³ª´®°íµñ', 'Nanum-Gothic';
    display: block;
    line-height: 45px;
    text-align: center;
    font-size: 18px;
    letter-spacing: -1px;
    color: #fff;
    font-weight: bold;
}

.box-nav ul li a:hover,
.box-nav ul li a.active {
    color: #79ebff;
}

.main-ui-content {
    padding: 29px;
    width: 966px;
    *width: 1024px;
    background: #fff;
}


/************************************
*********          ¸ÞÀÎ           *********
*************************************/

.main-page-body {
    background: url('http://img.imbc.com/broad/tv/culture/watchcar/img/bg-main.jpg') no-repeat top center;
}

.main-page-body .visual-top {
    position: relative;
    height: 474px;
}

.main-page-body .visual-top h1 {
    position: absolute;
    top: 158px;
    left: 50%;
    margin-left: -237px
}

.main-page-body .visual-top .btn-event {
    position: absolute;
    bottom: 20px;
    left: 0;
}
.main-page-body .visual-top .event1{
	display:inline-block;
	width:210px;
	height:177px;
	z-index:100;
	background:url('http://img.imbc.com/broad/tv/culture/watchcar/img/btn-event4.png') no-repeat center center;
}
.main-page-body ul.info {
    overflow: hidden;
    background: url('http://img.imbc.com/broad/tv/culture/watchcar/img/bg-info.png') no-repeat left top;
    padding: 0 15px;
    position: absolute;
    top: 14px;
    left: 0;
    width: 162px;
}

.main-page-body ul.info li {
    float: left;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: #fff;
}

.main-page-body ul.info li:before {
    content: "|";
    display: inline-block;
    padding: 0 8px;
}

.main-page-body ul.info li.txt-bold {
    font-weight: bold;
	background:url('http://img.imbc.com/broad/tv/culture/watchcar/img/info-verticalbar.jpg') no-repeat right center;
	
}

.main-page-body ul.info li.txt-bold:before {
    content: "";
    padding: 0;
}

.btn-like-program-wrap {
    position: absolute;
    right: 0;
    top: 22px;
}

.main-page-body .main-ui-content h2 {
    font-family: '³ª´®°íµñ', 'Nanum-Gothic';
    font-size: 16px;
    line-height: 30px;
    color: #000;
    letter-spacing: -1px;
    font-weight: bold;
    margin-bottom: 10px;
}

.main-page-body .main-ui-content .top-cont {
    overflow: hidden;
}

.main-page-body .main-ui-content .top-cont h2 {
    float: left;
    width: 700px;
}

.main-page-body .main-ui-content .top-cont .preview-content {
    float: left;
    position: relative;
    width: 700px;
    margin-right: 16px;
    height: 250px;
}

.main-page-body .main-ui-content .top-cont .preview-content .preview-img,
.main-ui-content .top-cont .preview-content .box-txt {
    float: left;
}

.main-page-body .main-ui-content .top-cont .preview-content .preview-img {
    border: 1px solid #d1d5db;
    margin-right: 5px;
    width: 389px;
    height: 218px;
    overflow: hidden;
}

.main-page-body .main-ui-content .top-cont .preview-content .preview-img a {
    display: block;
    position: relative;
}

.main-page-body .main-ui-content .top-cont .preview-content .preview-img .bg-video {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.4;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    z-index: 10;
    background: #000 url('http://img.imbc.com/broad/tv/culture/watchcar/img/btn-thisweek-play.png') no-repeat center center;
    width: 100%;
    height: 100%;
}

.main-page-body .main-ui-content .top-cont .preview-content .preview-img img {
    width: 389px;
}

.main-page-body .main-ui-content .top-cont .preview-content .box-txt {
    background: #f4f4f4;
    height: 170px;
    padding: 25px;
    width: 254px;
    *width: 304px;
    *height: 220px;
}

.main-page-body .main-ui-content .top-cont .preview-content .box-txt a {}

.main-page-body .main-ui-content .top-cont .preview-content .box-txt a .preview-title {
    font-family: '³ª´®°íµñ', 'Nanum-Gothic';
    font-size: 16px;
    color: #9a0000;
    font-weight: bold;
    line-height: 30px;
}

.main-page-body .main-ui-content .top-cont .preview-content .box-txt a .times,
.main-ui-content .top-cont .preview-content .box-txt a .day {
    font-family: '³ª´®°íµñ', 'Nanum-Gothic';
    font-size: 12px;
    color: #000;
    font-weight: bold;
    line-height: 30px;
}

.main-page-body .main-ui-content .top-cont .preview-content .box-txt a .times {
    margin-right: 10px;
}

.main-page-body .main-ui-content .top-cont .preview-content .box-txt a .preview-address {
    font-family: 'µ¸¿ò', 'dotum';
    font-size: 11px;
    color: #555;
    line-height: 16px;
}

.main-page-body .main-ui-content .top-cont .preview-content .btn-more {
    position: absolute;
    top: 10px;
    right: 0;
}

.main-page-body .main-ui-content .top-cont .rectangle-ad {
    float: left;
    width: 250px;
    height: 250px;
}

.main-page-body .main-ui-content .lastweek {
    margin-top: 19px;
    position: relative;
}

.main-page-body .main-ui-content .lastweek h2 {
    width: 966px;
}

.main-page-body .main-ui-content .lastweek ul {
    overflow: hidden;
}

.main-page-body .main-ui-content .lastweek ul li {
    float: left;
    margin-left: 22px;
    width: 225px;
}

.main-page-body .main-ui-content .lastweek ul li:first-child {
    margin-left: 0;
}

.main-page-body .main-ui-content .lastweek ul li a {
    display: block;
}

.main-page-body .main-ui-content .lastweek ul li a .img {
    border: 1px solid #d1d5db;
    overflow: hidden;
}

.main-page-body .main-ui-content .lastweek ul li a .img img {
    max-width: 225px;
}

.main-page-body .main-ui-content .lastweek ul li a .box-txt {
    font-family: '³ª´®°íµñ', 'Nanum-Gothic';
    padding: 15px;
    background: #f4f4f4;
    width: 195px;
    *width: 225px;
    height: 50px;
    *height: 80px;
    margin-top: 11px;
}

.main-page-body .main-ui-content .lastweek ul li a .box-txt .day {
    font-family: 'µ¸¿ò', 'dotum';
    display: block;
    font-size: 11px;
    line-height: 18px;
    font-weight: bold;
    font-size: 11px;
    color: #555555;
}

.main-page-body .main-ui-content .lastweek ul li a .box-txt .txt {
    font-family: 'µ¸¿ò', 'dotum';
    display: block;
    font-size: 11px;
    line-height: 18px;
    color: #555555;
    font-size: 11px;
}

.main-page-body .main-ui-content .lastweek .btn-more {
    position: absolute;
    top: 10px;
    right: 0;
}


/************************************
*********          ¼­ºê           *********
*************************************/

.sub-page-body {
    background:#00dbf9 url('http://img.imbc.com/broad/tv/culture/watchcar/img/bg-sub.jpg') no-repeat top center;
	text-align:center;
}

.sub-page-body .visual-top {
    position: relative;
    height: 217px;
}

.sub-page-body .visual-top h1 {
    position: absolute;
    top: 46px;
    left: 50%;
    margin-left: -203px
}

.sub-page-body .visual-top .btn-event {
    position: absolute;
    bottom: 20px;
    left: 0;
}

.sub-page-body ul.info {
    overflow: hidden;
    background: url('http://img.imbc.com/broad/tv/culture/watchcar/img/bg-info.png') no-repeat left top;
    padding: 0 15px;
    position: absolute;
    bottom: 16px;
    right: 0;
    width: 162px;
	*width:192px;
}
.ie67 .sub-page-body ul.info {
	*width:201px;
}
.sub-page-body ul.info li {
    float: left;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: #fff;
	padding:0 0 0 8px;
}



.sub-page-body ul.info li.txt-bold {
    font-weight: bold;
	background:url('http://img.imbc.com/broad/tv/culture/watchcar/img/info-verticalbar.jpg') no-repeat right 10px;
	padding:0 8px 0 0;
}

.sub-ui-content {
    padding: 23px 29px;
    width: 966px;
    *width: 1024px;
	position:relative;
    background: #fff;
    overflow: hidden;
}

.sub-page-body .sub-ui-content h2 {
    font-family: '³ª´®°íµñ', 'Nanum-Gothic';
    font-size: 16px;
    line-height: 30px;
    color: #000;
    letter-spacing: -1px;
    font-weight: bold;
    border-bottom: 2px solid #ddd;
    padding-bottom: 8px;
    width: 966px;
    float: left;
	vertical-align: top;
	text-align:left;
}

.sub-ui-content .left-cont,
.sub-ui-content .right-cont {
    float: left;
    margin-top: 12px;
}

.sub-ui-content .left-cont {
    width: 694px;
    margin-right: 22px;
}
.seanson_btn{
	position:absolute;
	top:25px;
	left:102px;
	z-index:10;
}
.seanson_btn ul li{
	display:inline-block;
}
.seanson_btn .season_v2.active, .seanson_btn .season_v1.active{
	background-position:0 -24px
}
.seanson_btn .season_v2, .seanson_btn .season_v1{
	display:block;
	width:54px;
	height:24px;
}
.seanson_btn .season_v2{
	margin-right:2px;
	background:url('http://img.imbc.com/broad/tv/culture/watchcar/img/season2_btn.png') no-repeat;
}
.seanson_btn .season_v1{
	background:url('http://img.imbc.com/broad/tv/culture/watchcar/img/season1_btn.png') no-repeat;
}
.event-content{
	position:relative;
}
.event-vod{
	position:absolute;
	top:748px;
	left:70px;
}
.event-board{
	padding-top:50px;
}