@charset "euc-kr";
@import url(http://font.imbc.com/nanumgothic/nanumgothic.css);

/* common style */
a  { color:inherit; }
button  { border:0 none;background:none;cursor:pointer; }
body { text-align: center;  background-color: #eff2f6; }
.wrapper  { min-width:1024px;  font-family:'Nanum Gothic','³ª´® °íµñ',Dotum,'µ¸¿ò'; } 
.btn-like-program-wrap  { display:inline-block;position:absolute;top:12px;left:50%;z-index:100;margin-left:344px; z-index: 999; }
.ad-rectangle {  position:absolute;right:0;top: 0; }
.ad { position:absolute;right:0;top: 0; }

/* ¸Þ´º, ÁÁ¾Æ¿ä¹öÆ° */
.nav  { text-align:center; width: 100%; height: 49px; background: #7543ae;  font-family:Dotum,'µ¸¿ò'; font-weight: bold;}
.nav ul  { overflow:hidden; width: 1024px;  margin:0 auto;text-align:center; position: absolute; left: 50%; margin-left: -505px; }
.nav ul li  { display:inline;line-height:50px; text-align:center; }
.nav ul li:hover  { text-decoration: underline; }
.nav ul li a  { padding:0 68px; padding:0 68px; font-size:17px;color:#fff; }
.nav ul li a:hover { text-decoration: underline; }
/* ¹æ¼ÛÁ¤º¸ */
.main .broad-info  { position:absolute; right:50%; font-weight:600; font-size:13px; letter-spacing:-1px; top:21px; margin-right:283px;  z-index: 1000; font-weight:normal;  width:230px; height:34px; *height:44px; padding: 5px 0;  line-height:16px; color:#fff; letter-spacing:-0.25px; background: url('http://img.imbc.com/broad/tv/culture/pripara/img/broad-info-bg-02.png') no-repeat 0 0; text-shadow:0 0 3px rgba(0,0,0,.6); text-align:center;}
} 
.main .broad-info li  { float:left;margin-right:10px; padding-left: 13px;  background:url("http://img.imbc.com/broad/tv/drama/carrier/img/vertical_bar2.png") no-repeat left center; }
.main .broad-info li span  { padding-right:7px; color: #fff; font-weight:bold; }
.tit-content  { padding:44px 0;height:22px;line-height:25px;text-align:center;font-family:Myriad Pro,Helvetica;font-size:22px;color:#313131; }
.tit-content span  { font-weight:normal; }
/* ¾ÆƼŬ °øÅë */
.content .con-inner  { position:relative;overflow:hidden;margin:0 auto;width:1024px; }
.content .article  { float:left;margin-bottom:10px;width:500px;height:250px; }
.content .article .img  { position:relative;overflow:hidden;float:left;width:250px;height:250px; }
.content .article img  { position:absolute;left:-100%;right:-100%;margin:auto;min-width:100%;height:100%; }
.content .article .txt  { position:relative;float:left;padding:30px 22px;width:206px;height:190px;letter-spacing:-1px;background:#fff; }
.content .article .txt .title  { display:block;margin:32px 0 10px 0;padding-bottom:10px;line-height:24px;border-bottom:1px solid #ccc;font-size:20px;color:#000; }
.content .article .txt .summary {  overflow:hidden; max-height:80px; line-height:20px; font-size:14px; color:#606060; }
.content .article .txt .data-area { font-size: 14px; }
.box-title  { position:relative;float:left;margin-right:12px;width:250px;height:250px;line-height:1;text-align:center;font-size:24px;color:#fff; }
.box-title strong  { line-height:244px;font-weight:bold; color:#fff; }
.bg-arr { background: url('http://img.imbc.com/broad/tv/drama/goodperson/img/bg-vod-img.png') no-repeat right center; display: inline-block; width: 250px; height: 250px; position: absolute; top: 0; left: 0; z-index: 111; }
.box-title .btn-more1  { position:absolute;right:25px;bottom:25px;width:25px;height:25px;line-height:0;font-size:0;color:transparent;background:url(http://img.imbc.com/broad/tv/drama/carrier/img/news-more-02.png) no-repeat; }
.box-title .btn-more2 { position:absolute;right:25px;bottom:25px;width:25px;height:25px;line-height:0;font-size:0;color:transparent;background:url(http://img.imbc.com/broad/tv/drama/carrier/img/news-more-01.png) no-repeat; }

/*===================================================================================================================================================================================================*/
/*¸ÞÀÎ °øÅë*/
.main { min-width: 1024px; }
.main #container {  position: relative; text-align: left;  background-color:#e2d3f2; }
.main #footer  { padding:30px 0 30px;color:#4f5565;background-color:#e2d3f2; }

/* ¸ÞÀÎ À̹ÌÁö */
.main .visual-top  { position:relative; overflow:hidden; height:509px; background:#edb702 url(http://img.imbc.com/broad/tv/culture/pripara/img/main_topbg_v2.jpg) no-repeat 50% 0; }
.main .visual-top h1  { margin-left:-250px; bottom:-15px; } 
.main .visual-top .tit-logo-main  { position:absolute;left:50%;z-index:100; } 
.main .visual-top .banner{position:absolute;bottom:20px;right:50%; margin-right:-510px;z-index:100;}
.main .visual-top .banner .btn_close{position:absolute;bottom:150px;right:50%; margin-right:-97px;z-index:100;}
/* À̹øÁÖ ¹æ¼Û */
.section1  { background-color:#f0e9f7; padding: 47px 0 37px; }
.section1 .box-title { background:#50346b; }
.section1 .box-title strong {  color:#fff; }

/* ´Ù½Ãº¸±â ¾ÆƼŬ */
.section2  { background-color:#e2d3f2; padding-bottom: 30px;  height: 635px; }
.section2 .box-title { background:#2e307b; }
.section2 .box-title strong {  color:#fff; }
.section2 .article { height: 520px; }
.section2 .article ul  { width: 1024px; overflow: hidden; }
.section2 .article ul li { width: 500px; float: left; margin: 0 24px 13px 0; position: relative}
.section2 .article ul li.none-item { margin:0; margin-bottom:24px; }

/* ½Ã»ç±³¾ç ÇÁ·Î±×·¥ Àüüº¸±â */
.section-common  { position:relative;margin:0 auto;padding-top:22px;padding-bottom:22px;width:1024px;border-top:1px solid #eee;border-bottom:1px solid #eee;text-align:right;background-color:#fff; }
.section-common .btn-culture-all  { margin-right:22px; }
.culture-all  { display:none;overflow:hidden;position:absolute;right:0;bottom:58px;padding:28px 22px 37px 40px;width:450px;background-color:#fff; }
.culture-all li  { float:left;width:223px;line-height:28px;text-align:left; }
.culture-all .btn-list-close  { position:absolute;right:20px;bottom:12px;width:18px;height:18px;line-height:0;font-size:0;color:transparent;background:url("http://img.imbc.com/broad/radio/include/img/btn-list-close.png") no-repeat 50%; }

/* top-btn */
.top_btn { width: 60px;height: 58px;background: #7e7e7e;position: absolute;bottom: 0;right: -80px; }
.top_btn img { padding-top: 15px; width: 11px; margin: 0 auto; display: block; }
.top_btn span {  display: block; width:20px; margin: 0 auto; color: #fff; padding-top: 9px; letter-spacing: -1px; }

/* ¼­ºêÆäÀÌÁö */
.sub { background-color: #f0e9f7; font-family:'Nanum Gothic','³ª´® °íµñ',dotum,'µ¸¿ò'; position: relative; min-width: 1024px; }
.sub #footer  { padding:30px 0 30px;color:#040404; background-color:#f0e9f7; color: #555; }
.sub #container { position: relative; text-align: center; }
.sub .con-inner  { overflow:hidden;margin:0 auto;width:1024px; text-align: left}
/* ¼­ºê À̹ÌÁö */
.sub .visual-top  { position:relative; overflow:hidden; height:309px; background: #edb702 url(http://img.imbc.com/broad/tv/culture/pripara/img/sub_topbg_v2.jpg) no-repeat 50% 0; }
.sub .visual-top h1  { margin-left:-564px; top:40px; } 
.sub .visual-top .tit-logo-sub  { position:absolute; left: 50%; z-index:100; } 
/* ¼­ºê ¹æ¼ÛÁ¤º¸ */
.sub .broad-info  { position:absolute; right:50%; font-weight:600; font-size:12px; letter-spacing:-1px; top:21px; margin-right:-512px;  z-index: 1000; font-weight:normal;  width:230px; height:34px; *height:44px; padding: 5px 0;  line-height:16px; color:#fff; letter-spacing:-0.25px; background: url('http://img.imbc.com/broad/tv/culture/pripara/img/broad-info-bg-02.png') no-repeat 0 0; text-shadow:0 0 3px rgba(0,0,0,.6); text-align:center;}
} 
.sub .broad-info li  { }
.sub .broad-info li span  { padding-right:7px; color: #fff; font-weight:bold; }

/* ¼­ºê content */
.sub .content h2.tit-content { margin-bottom: 22px; border-bottom: 2px solid #ddd; line-height: 30px;  padding: 0; padding-bottom: 5px; text-align: left; }
.sub .content { width: 964px; *width:1024px; margin: 0 auto; background: #fff; padding: 20px 30px 40px; text-align: left; overflow: hidden; }
.sub .content .sect-left { margin-right: 21px; width: 693px; float: left; }
.sub .content .sect-right { float: left; }

/*¼­ºê À̺¥Æ®*/
.sub .event{position:relative;}
.sub .event .myinfo{position:absolute; bottom:209px; left:110px;}
.sub .event .btn-apply{position:absolute;bottom:50px; left:58px;cursor:pointer;}
.sub .event .poll{position:absolute;top:1430px; left:155px;}
.sub .event .poll label{font-size:14.5px; letter-spacing: -.5px;vertical-align:middle}
.sub .event .poll input[type="radio"] {display:none;}
.sub .event .poll input[type="radio"] + label.btn_radio{display:inline-block;width:14px;height:14px;margin-right:7px;background: url(http://img.imbc.com/broad/tv/culture/pripara/img/radio.jpg) 0 -15px no-repeat;}
.sub .event .poll input[type="radio"]:checked + label.btn_radio{background: url(http://img.imbc.com/broad/tv/culture/pripara/img/radio.jpg) 0 0 no-repeat;}
.sub .event .poll ul.second{margin-top:135px;}
.sub .event .poll ul li{height:35px;}