@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:50px;left:50%;z-index:100;margin-left:333px; z-index: 999; }
.ad-rectangle {  position:absolute;right:0;top: 0; }
.ad { position:absolute;right:0;top: 0; }

/* ¸Þ´º, ÁÁ¾Æ¿ä¹öÆ° */
.nav { text-align:left; width: 100%; height: 55px; background: #af2769; }
.nav .nav-wrap{position:relative;width:1024px;margin:0 auto;}
.nav ul li{display:inline-block;margin-right:56px;padding-left:56px;background:url(http://img.imbc.com/broad/tv/culture/prichannel/images/nav-line.png) no-repeat 0 50%}
.nav ul li:first-child{background:none}
.nav ul li a{font-size:16px;color:#fff;line-height:55px;letter-spacing:-1px}
.nav ul li a:after{content:'';display:none;width:100%;height:3px;background-color:#fff;margin-top:-3px}
.nav ul li a:hover:after{display:block}
.nav a.season1{position:absolute;top:0;right:0}
/* ¹æ¼ÛÁ¤º¸ */
.broad-info { position:absolute; width:169px; height:27px; text-align:center; font-size:0; }
.broad-info li { letter-spacing:-0.5px; color: #000; font-size:14px; display:inline-block;}
.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; background:#e9d3f2; }
.main .broad-info { left:50%; margin-left:-486px; top:34px; }
.main #container {  position: relative; text-align: left; }
.main #footer  { padding:30px 0 30px;color:#4f5565; }

/* ¸ÞÀÎ À̹ÌÁö */
.main .visual-top  { position:relative; overflow:hidden; height:597px; background:#f6cde0 url(http://img.imbc.com/broad/tv/culture/prichannel/images/main-top.jpg) no-repeat center top; }
.main .visual-top h1  {margin-left: -239px;top: 328px;} 
.main .visual-top .tit-logo-main  { position:absolute;left:0; } 
.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:#f5e9f7; padding: 47px 0 37px; }
.section1 .box-title { background:#9a1361; }
.section1 .box-title strong {  color:#fff; font-family:'Nanum Gothic Bold'; font-weight:normal; }

/* ´Ù½Ãº¸±â ¾ÆƼŬ */
.section2  { padding-bottom: 30px;  height: 635px; }
.section2 .box-title { background:#2e307b; }
.section2 .box-title strong {  color:#fff; }
.section2 .vod{max-height:520px;overflow:hidden;}
.section2 .article { height: 520px; width:1024px }
.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; }

/* ¼­ºêÆäÀÌÁö */
.wrapper.sub { background-color: #fff; font-family:'Nanum Gothic','³ª´® °íµñ',dotum,'µ¸¿ò'; position: relative; min-width: 1024px; }
.sub #footer  { padding:30px 0 30px;color:#040404; color: #555;background-color:#ececec }
.sub #container { position: relative; text-align: center; }
.sub .content .con-inner  { overflow:hidden;width:100%;text-align: left}
/* ¼­ºê À̹ÌÁö */
.sub .visual-top  { width:1024px;margin:0 auto;position:relative; overflow:hidden; height:303px; background: #fff url(http://img.imbc.com/broad/tv/culture/prichannel/images/sub-top.jpg) no-repeat 50% 50%; }
.sub .visual-top a {position:absolute;bottom:40px;left:40px;font-size:0} 
.sub .visual-top a{color:#000;letter-spacing:-1px}
.sub .visual-top .tit-logo-circle, .sub .visual-top .tit-wrap{display:inline-block;vertical-align:middle;}
.sub .visual-top .tit-logo-circle{margin-right:18px}
.sub .visual-top .tit-logo-sub{font-family:'Nanum Gothic Bold';font-size:22px; font-weight:bold;margin-bottom:10px } 
.sub .visual-top .broad-info{display:block;text-align:left;width:auto;height:auto;position:static;}
.sub .visual-top .broad-info li{display:block}
.sub .visual-top .broad-info span{ font-size:12px }

/* ¼­ºê content */
.sub .content { width:1024px; margin: 0 auto; background: #fff; padding: 40px 0; text-align: left; overflow: hidden; }
.sub .content .sect-left { margin-right: 21px; width: 725px; float: left; }
.sub .content #right_common { float: right; }
.sub .content h2.tit-content { width:100%;height:46px;background:#ededed url(http://img.imbc.com/broad/tv/culture/prichannel/images/sub-title.png) no-repeat 29px 50%;border:1px solid #c6c6c6;box-sizing:border-box;padding:0 0 0 50px;margin:0 0 10px 0;line-height:44px;text-align:left;font-family:'Nanum Gothic Bold';font-size:15px;letter-spacing:-1px }

/* ¼­ºê ÇÁ·Î±×·¥ ¼Ò°³ */

/* ¼­ºê ij¸¯ÅÍ ¼Ò°³ */
.sect-left .cast { background:#f9f9f9 url(http://img.imbc.com/broad/tv/culture/bbashamecards/images/cast-bg.jpg) no-repeat center top; }
.sect-left .cast .crt-btn { font-size:0; padding-left:30px; }
.sect-left .cast .crt-btn button { width:206px; font-size:0; height:91px; background-image:url(http://img.imbc.com/broad/tv/culture/bbashamecards/images/character-tab.png); background-repeat:no-repeat; }
.sect-left .cast .crt-btn button.on { background-image:url(http://img.imbc.com/broad/tv/culture/bbashamecards/images/character-tab-on.png);  }
.sect-left .cast .crt-btn button.tab1 { background-position:left top; }
.sect-left .cast .crt-btn button.tab2 { background-position:-206px top; }
.sect-left .cast .crt-btn button span { position:relative; }
.sect-left .cast .crt-tab { padding:30px; }
.sect-left .cast ul.character li {overflow:hidden;height:284px;display: table;width: 100%;}
.sect-left .cast ul.character li .img {position:relative;float:left;height:100%;}
.sect-left .cast ul.character li .img img { position:absolute; bottom:0; left:0; }
.sect-left .cast ul.character li .txt {width:370px;display: table-cell;vertical-align: middle; padding-top:50px; }
.sect-left .cast ul.character li .txt .name { margin-bottom:20px; }
.sect-left .cast ul.character li .txt .summary { font-family:'¸¼Àº °íµñ','malgun gothic', 'µ¸¿ò', 'dotum'; font-weight:bold; font-size:14px; letter-spacing:-1px; line-height:22px; color:#283a77; }
.sect-left .cast ul.mecard{margin-bottom:50px}
.sect-left .cast ul.mecard li { margin-top:32px; }
.sect-left .cast ul.mecard li:first-child { margin-top:0; }
.sect-left .cast ul.mecard li .img { margin-bottom:10px; }
.sect-left .cast ul.mecard li .txt { padding-left:10px; }
.sect-left .cast ul.mecard li .txt .summary { font-family:'¸¼Àº °íµñ','malgun gothic', 'µ¸¿ò', 'dotum'; font-weight:bold; font-size:14px; letter-spacing:-1px; line-height:22px; color:#283a77; margin-bottom:10px; }
.sect-left .cast ul.mecard li .txt .tamer { font-size:12px; font-family:'¸¼Àº °íµñ','malgun gothic', 'µ¸¿ò', 'dotum';  font-weight:bold; display:inline-block; color:#fff; background-color:#f21c25; padding:8px 5px 9px; }
.sect-left .pagenation{font-size:0;text-align:center}
.sect-left .pagenation button.btn-arr{width:32px;height:32px;background:url(http://img.imbc.com/broad/tv/culture/bbashamecards/images/cast-page-arr.jpg) no-repeat 0 50%;text-indent:-9999px}
.sect-left .pagenation button.btn-next{background-position:100% 50%}
.sect-left .pagenation .page-num {display:inline-block;vertical-align:bottom;margin:0 15px}
.sect-left .pagenation .page-num button.btn-num{width:32px;height:32px;font-size:16px;color:#223b89;margin-left:12px}
.sect-left .pagenation .page-num button.btn-num:first-child{margin-left:0}
.sect-left .pagenation .page-num button.active{background-color:#223b89;color:#cbeaf8;font-weight:bold}