@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 {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 62px; 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;}
.main .broad-info {left: 50%; margin-left: -512px; top: 20px;}
.main #container {position: relative; text-align: left; /* background-color:#ececec; */ background-color: #e2d5a3;}
.main #footer {padding: 30px 0 30px; color: #4f5565; background-color: #e2d5a3;}

/* ¸ÞÀÎ À̹ÌÁö */
.main .visual-top {position: relative; overflow: hidden; height: 509px; background: #006bb7 url(http://img.imbc.com/broad/tv/culture/pucca/images/main-top-02.jpg) no-repeat center top;}
.main .visual-top h1 {margin-left: -177px; top: 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: #ececec; padding: 47px 0 37px;}
.section1 .box-title {background: #1d1d1d;}
.section1 .box-title strong {color: #fff; font-family: 'Nanum Gothic Bold'; font-weight: normal;}

/* ´Ù½Ãº¸±â ¾ÆƼŬ */
.section2 {background-color: #e2d5a3; 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;}
.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: #e2d5a3; font-family: 'Nanum Gothic', '³ª´® °íµñ', dotum, 'µ¸¿ò'; position: relative; min-width: 1024px;}
.sub #footer {padding: 30px 0 30px; color: #040404; background-color: #e2d5a3; 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: 509px; background: #006bb7 url(http://img.imbc.com/broad/tv/culture/pucca/images/main-top-02.jpg) no-repeat center top;}
.sub .visual-top h1 {margin-left: -300px; top: 24px;}
.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;}

/* ¼­ºê ij¸¯ÅÍ ¼Ò°³ */
.character .crt-btn {font-size: 0;}
.character .crt-btn button {width: 140px; font-size: 0; height: 57px; background-image: url(http://img.imbc.com/broad/tv/culture/pucca/images/character-tab.png); background-repeat: no-repeat;}
.character .crt-btn button.tab1 {background-position: left top;}
.character .crt-btn button.tab2 {background-position: right top;}
.character .crt-btn button span {position: relative;}


/*2019-07-22*/
.tit-logo-main img, .tit-logo-sub img {display: none;}