@charset "euc-kr";
/* IMBC Web Operation Division */ 
@import url("http://www.imbc.com/broad/tv/drama/css/default100421.css");
/* --- default --- */
h1 		{position:absolute; left:0; top:0}
h1 a 	{display:block; width:0; height:0}
h1 span {position:absolute; width:0; height:0; overflow:hidden; text-indent:-5000px}
hr 		{clear:both; display:none}
em	 	{font-style:normal}
label 	{position:relative; top:1px}
caption {display:none}
.blind {position:absolute; left:-1000%; top:0; width:0; height:0; font-size:0; line-height:0; overflow:hidden}
.radio {width:13px; height:12px; margin:-1px 2px 0 0; vertical-align:middle}
.checkbox {width:13px; height:13px; vertical-align:middle}
/* --- layout --- */
body		{background:url("http://img.imbc.com/broad/tv/drama/mate/images/bg_main.jpg") no-repeat center 150px; text-align:center}
body.sub    {background:url("http://img.imbc.com/broad/tv/drama/mate/images/popup.jpg") no-repeat 0 0px; text-align:center;}
#wrap 		{width:100%; text-align:center;}
.img_trans {background:url("http://img.imbc.com/broad/tv/drama/mate/images/bg_main2.jpg") no-repeat center 150px;}
#wrap_sub 		{width:100%; text-align:center;}
#header		{z-index:30; position:relative; clear:both; width:100%; height:150px; background:#fff; text-align:center;}
.gnb		{z-index:30; position:relative; width:990px; margin:0 auto; text-align:left}
#container	{z-index:20; position:relative; overflow:hidden; width:990px; margin:0 auto; text-align:left}
#spot 		{z-index:10; position:relative; width:830px; height:150px}
#colgroup	{overflow:hidden; width:830px; padding-bottom:30px; background:#fff}
#snb		{float:left; overflow:hidden; width:180px}
#content	{float:left; overflow:hidden; width:100%; height:1334px; text-align:center}
#content_sub	{float:left; overflow:hidden; width:650; text-align:center}
#footer		{z-index:10; clear:both; width:100%}
#Adcode		{display:none; top:0 !important}

/*content*/
#content .cont_sta {width:100%; text-align:left; color:#fff; font-size:12px; margin-top:10px; margin-left:30px; margin-bottom:193px;}
#content .cont_sta p {display:block; text-align:left; color:#fff; font-size:12px;}
#content .cont_vod {float:left; width:100%; height:288px;}
.cont_fla1 {z-index:50; float:left; position:relative; width:300px; height:140px; border:0px solid; margin-top:140px; margin-left:350px; padding-top:45px; padding-left:20px;}
.cont_fla1 span{position:relative; color:#fff; line-height:1.8em; *line-height:1.6em;}
.cont_event {float:left; position:relative; border:0px solid; margin-top:-25px; margin-left:5px; *margin-left:10px; margin-top:80px; *margin-top:80px;}
.cont_event p{position:relative; margin-top:50px;}
.cont_fla {position:absolute; left:0px; top:0px; margin-top:721px; *margin-top:723px; margin-left:350px;}

.teaser_btn1,
.teaser_btn2,
.teaser_btn3 {position:absolute; left:0px; top:0px;}
.teaser_btn1 ul,
.teaser_btn2 ul,
.teaser_btn3 ul{float:left; margin-top:260px; margin-left:747px;}
.teaser_btn1 ul li,
.teaser_btn2 ul li,
.teaser_btn3 ul li{float:left;  width:151px; height:38px;}
.teaser_btn1 ul li a,
.teaser_btn2 ul li a,
.teaser_btn3 ul li a{float:left; width:151px; height:38px;}

/*1page*/
.teaser_btn1 ul li a.btn1{z-index:1000; float:left;width:151px; height:38px; background:url("http://img.imbc.com/broad/tv/drama/mate/images/teaser_btn1_on.png") no-repeat 0 0;}
.teaser_btn1 ul li a.btn1:hover{float:left;width:151px; height:38px; background:url("http://img.imbc.com/broad/tv/drama/mate/images/teaser_btn1_on.png") no-repeat 0 0;}
.teaser_btn1 ul li a.btn2{float:left;width:151px; height:38px; background:url("http://img.imbc.com/broad/tv/drama/mate/images/teaser_btn2.png") no-repeat 0 0;}
.teaser_btn1 ul li a.btn2:hover{float:left;width:151px; height:38px; background:url("http://img.imbc.com/broad/tv/drama/mate/images/teaser_btn2_on.png") no-repeat 0 0;}
.teaser_btn1 ul li a.btn3{float:left;width:151px; height:38px; background:url("http://img.imbc.com/broad/tv/drama/mate/images/teaser_btn3.png") no-repeat 0 0;}
.teaser_btn1 ul li a.btn3:hover{float:left;width:151px; height:38px; background:url("http://img.imbc.com/broad/tv/drama/mate/images/teaser_btn3_on.png") no-repeat 0 0;}
/*2page*/
.teaser_btn2 ul li a.btn1{float:left;width:151px; height:38px; background:url("http://img.imbc.com/broad/tv/drama/mate/images/teaser_btn1.png") no-repeat 0 0;}
.teaser_btn2 ul li a.btn1:hover{float:left;width:151px; height:38px; background:url("http://img.imbc.com/broad/tv/drama/mate/images/teaser_btn1_on.png") no-repeat 0 0;}
.teaser_btn2 ul li a.btn2{float:left; width:151px; height:38px; background:url("http://img.imbc.com/broad/tv/drama/mate/images/teaser_btn2_on.png") no-repeat 0 0;}
.teaser_btn2 ul li a.btn2:hover{float:left;width:151px; height:38px; background:url("http://img.imbc.com/broad/tv/drama/mate/images/teaser_btn2_on.png") no-repeat 0 0;}
.teaser_btn2 ul li a.btn3{float:left;width:151px; height:38px; background:url("http://img.imbc.com/broad/tv/drama/mate/images/teaser_btn3.png") no-repeat 0 0;}
.teaser_btn2 ul li a.btn3:hover{float:left;width:151px; height:38px; background:url("http://img.imbc.com/broad/tv/drama/mate/images/teaser_btn3_on.png") no-repeat 0 0;}
/*3page*/
.teaser_btn3 ul li a.btn1{float:left;width:151px; height:38px; background:url("http://img.imbc.com/broad/tv/drama/mate/images/teaser_btn1.png") no-repeat 0 0;}
.teaser_btn3 ul li a.btn1:hover{float:left;width:151px; height:38px; background:url("http://img.imbc.com/broad/tv/drama/mate/images/teaser_btn1_on.png") no-repeat 0 0;}
.teaser_btn3 ul li a.btn2{float:left;width:151px; height:38px; background:url("http://img.imbc.com/broad/tv/drama/mate/images/teaser_btn2.png") no-repeat 0 0;}
.teaser_btn3 ul li a.btn2:hover{float:left;width:151px; height:38px; background:url("http://img.imbc.com/broad/tv/drama/mate/images/teaser_btn2_on.png") no-repeat 0 0;}
.teaser_btn3 ul li a.btn3{float:left;width:151px; height:38px; background:url("http://img.imbc.com/broad/tv/drama/mate/images/teaser_btn3_on.png") no-repeat 0 0;}
.teaser_btn3 ul li a.btn3:hover{float:left;width:151px; height:38px; background:url("http://img.imbc.com/broad/tv/drama/mate/images/teaser_btn3_on.png") no-repeat 0 0;}

/*content_sub*/
#content_sub {float:left; width:660px; height:920px;}
#content_sub .cont_man {float:left; text-align:left; margin-top:250px; margin-left:110px;}
#content_sub .cont_man p{color:#fdf8d2; font-size:11;}
#content_sub .cont_man p span.cont_man_1{color:#ffd200; font-size:11;}
#content_sub .cont_man p span.cont_man_2{margin-left:65px;}
#content_sub .cont_man p span.cont_man_3{margin-left:10px;}
#content_sub .cont_link {position:absolute; top:249; left:470;}
#content_sub .section {float:left; margin-top:10px; margin-left:15px; background-color:#fff;}