@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; }
.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: #743385;  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; }
.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: #fcdcf3;}
.main #footer  {padding:30px 0 30px;color:#4f5565;background-color: #fcdcf3;}
.main .content .con-inner { width:1024px; margin:0 auto; overflow:hidden; }

/* ¸ÞÀÎ À̹ÌÁö */
.main .visual-top  { position:relative; overflow:hidden; height:516px; background:#fef6f9 url(http://img.imbc.com/broad/tv/culture/pripara4/images/main-topbg.jpg) no-repeat 50% 0; }
.main .visual-top h1  {margin-left: -226px;top: 205px;} 
.main .visual-top .tit-logo-main  {position:absolute;left:50%;z-index:100;width: 440px;} 
.main .visual-top .tit-logo-main img { width: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:#fff3fd; padding: 47px 0 37px; }
.section1 .box-title { background:#e392cd; }
.section1 .box-title strong {  color:#fff; }

/* ´Ù½Ãº¸±â ¾ÆƼŬ */
.section2  {background-color:#fcdcf3;padding-bottom: 30px;height: 635px;/* display:none; */}
.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; z-index:100; }
.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 #container { background-color: #fbdcf2; font-family:'Nanum Gothic','³ª´® °íµñ',dotum,'µ¸¿ò'; position: relative; min-width: 1024px; }
.sub #footer  { padding:30px 0 30px;color:#040404; background-color:#fbdcf2; color: #555; }
.sub .con-inner  { text-align: left}
/* ¼­ºê À̹ÌÁö */
.sub .visual-top  { position:relative; overflow:hidden; height:309px; background: #fef6f9 url(http://img.imbc.com/broad/tv/culture/pripara4/images/sub_topbg_2.jpg) no-repeat 50% 0; }
.sub .visual-top h1  { margin-left:-245px; top:44px; } 
.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; min-height:1030px; float: left; }
.sub .content .sect-right { float: left; }

/* ij¸¯ÅͼҰ³ */
ul.character-list { margin-bottom:50px; }
ul.character-list li { margin-top:0; }
ul.character-list li { overflow:hidden; margin-top:20px; }
ul.character-list li .img { float:left; width:240px; height:360px; margin-right:20px; }
ul.character-list li .txt { float:left; width:430px; padding-top:40px; }
ul.character-list li .name { color:#753385; font-size:20px; font-family:'Nanum Gothic Bold'; margin-bottom:20px; }
ul.character-list li ul.info { margin-bottom:25px; }
ul.character-list li ul.info li { font-size:16px; color:#ac5cc0; font-family:'Nanum Gothic Bold'; line-height:20px; margin-top:5px; background:url(http://img.imbc.com/broad/tv/culture/pripara4/images/chrt-list-style.png) no-repeat left 6px; padding-left:12px; } 
ul.character-list li ul.info li:first-child { margin-top:0; }
ul.character-list li .sub-txt { font-size:14px; color:#3d3d3d; line-height:22px; }
.pripara-copy { text-align:center; background-color:#f5f5f5; padding:16px 0;}
.pripara-copy strong, .pripara-copy span { font-size:11px; display:block; }
.pripara-copy strong { margin-bottom:5px; color:#3d3d3d; font-weight:normal; font-family:'Nanum Gothic Bold'; }
.pripara-copy span { color:#7c7c7c; }