@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: #000;  font-family:Dotum,'µ¸¿ò'; font-weight: bold;}
.nav ul  { width:1218px; margin:0 auto;text-align:center; font-size:0; height:50px; }
.nav ul li  { display:inline; line-height:50px; text-align:center; margin:0 62px; }
.nav ul li:hover  { text-decoration: underline; }
.nav ul li a  { font-size:17px;color:#fff; }
.nav ul li a:hover { text-decoration: underline; }
/* ¹æ¼ÛÁ¤º¸ */
.broad-info { position:absolute; width:169px; height:27px; text-align:center; font-size:0; background: url('http://img.imbc.com/broad/tv/culture/pucca/images/broad-bg.png') no-repeat 0 0; }
.broad-info li { letter-spacing:-0.5px; color: #fff; font-family:'µ¸¿ò', Dotum; line-height:15px; font-size:12px; display:inline-block; padding-top:7px;}
.broad-info li span  { 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; background:#83ab72; }
.main .broad-info { left:50%; margin-left:-512px; top:20px; }
.main #container {  position: relative; text-align: left; }
.main #footer  { padding:30px 0 30px;color:#4f5565; }

/* ¸ÞÀÎ À̹ÌÁö */
.main .visual-top  { position:relative; overflow:hidden; height:509px; background:#60b44c url(http://img.imbc.com/broad/tv/culture/bbashamecard/images/main-top.jpg) no-repeat center top; }
.main .visual-top h1  { margin-left:-236px; top:303px; } 
.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:#b1d297; padding: 47px 0 37px; }
.section1 .box-title { background:#2c8f55; }
.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 .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; }

/* ¼­ºêÆäÀÌÁö */
.wrapper.sub { background-color: #c8dfb5; font-family:'Nanum Gothic','³ª´® °íµñ',dotum,'µ¸¿ò'; position: relative; min-width: 1024px; }
.sub #footer  { padding:30px 0 30px;color:#040404; 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: #1fa567 url(http://img.imbc.com/broad/tv/culture/bbashamecard/images/sub-top.jpg) no-repeat center top; }
.sub .visual-top h1  { margin-left:-123px; top:68px; } 
.sub .visual-top .tit-logo-sub  { position:absolute; left: 50%; z-index:100; } 
/* ¼­ºê ¹æ¼ÛÁ¤º¸ */
.sub .broad-info { right:50%; margin-right:-512px; top:20px; }


/* ¼­ºê 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: right; }

/* ¼­ºê ÇÁ·Î±×·¥ ¼Ò°³ */
.sect-left .info { padding-top:255px; box-sizing:border-box; height:1551px; background:url(http://img.imbc.com/broad/tv/culture/bbashamecard/images/info-img.jpg) no-repeat center top; }
.sect-left .info .txt strong, .sect-left .info .txt span { display:block; text-align:center; font-family:'¸¼Àº °íµñ','malgun gothic', 'µ¸¿ò', 'dotum';font-size:16px; line-height:30px; font-weight:bold; letter-spacing:-1px; }
.sect-left .info .txt strong { color:#fff100; text-decoration:underline; }
.sect-left .info .txt span { color:#fff; }

/* ¼­ºê ij¸¯ÅÍ ¼Ò°³ */
.sect-left .cast { background:#f9f9f9 url(http://img.imbc.com/broad/tv/culture/bbashamecard/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/bbashamecard/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/bbashamecard/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 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; }

/* ÄûÁîÀ̺¥Æ® */
.event-wrap { height:1035px; background:url(http://img.imbc.com/broad/tv/culture/bbashamecard/images/event-bg.jpg) no-repeat center top; padding:250px 73px 0; box-sizing:border-box; margin-bottom:13px; }
.event-wrap .event-info { padding:0 40px 0 50px; display:table; height:178px; }
.event-wrap .event-info ul { display:table-cell; vertical-align: middle; }
.event-wrap .event-info ul li { margin-top:6px; overflow:hidden; }
.event-wrap .event-info ul li:first-child { margin-top:0; }
.event-wrap .event-info ul li strong, .event-wrap .event-info ul li span { float:left; }
.event-wrap .event-info ul li strong { width:100px; }
.event-wrap .event-info ul li strong img { width:100%; }
.event-wrap .event-info ul li span { width:340px; line-height:23px; margin:3px 0 0 12px; text-align:left; font-size:15px; color:#1b1b1b; font-family:'Nanum Gothic Bold','³ª´® °íµñ',Dotum,'µ¸¿ò'; letter-spacing:-1px; }