.pdpd-body { background-color: #24242c; }

.pdpd-page { overflow: hidden; position: relative; width: 100%; text-align: center; }

.pdpd-template { overflow: hidden; position: relative; width: 1024px; margin: 0 auto; text-align: left; }
.pdpd-template .masthead { z-index: 10; overflow: hidden; position: relative; }
.pdpd-template .masthead .meta { top: 52px; font-size: 0; }
.pdpd-template .masthead .meta .item { display: inline-block; zoom: 1; *display: inline; margin-right: 8px; padding-right: 9px; color: #fff; line-height: 1.42857; background: url("http://img.imbc.com/broad/tv/drama/pdpd/img/bg-meta-verticalbar.png") no-repeat right 2px; font-size: 13px; font-family: "Nanum Gothic"; }
.pdpd-template .masthead .meta .item:last-child { margin-right: 0; padding-right: 0; background: none; }
.pdpd-template .masthead .meta .item em { font-style: normal; color: #a4a4a4; }
.pdpd-template .masthead .meta .last-child { margin-right: 0; padding-right: 0; background: none; }
.pdpd-template .menu { overflow: hidden; }
.pdpd-template .menu ul { overflow: hidden; width: 100%; text-align: center; font-size: 0; }
.pdpd-template .menu li { display: inline-block; zoom: 1; *display: inline; margin-left: 18px; padding-left: 20px; background: url("http://img.imbc.com/broad/tv/drama/pdpd/img/bg-menu-verticalbar.png") no-repeat left center; }
.pdpd-template .menu li a { color: #fff; font-size: 18px; font-family: "Nanum Gothic"; }
.pdpd-template .menu li a:hover { color: #ffafc3; }
.pdpd-template .menu .first-child { margin-left: 0; padding-left: 0; background: none; }

.site-footer { padding: 20px 0; color: #9e9e9e; font-size: 12px; }

.pdpd-page-main { background: url("http://img.imbc.com/broad/tv/drama/pdpd/img/bg-body-main.jpg") center top; }

.pdpd-template-main .masthead { z-index: 20; overflow: visible; height: 91px; }
.pdpd-template-main .masthead .logo { position: absolute; left: 0; top: 15px; }
.pdpd-template-main .masthead .meta { position: absolute; left: 379px; }
.pdpd-template-main .btn-like-program-wrap { z-index: 30; position: absolute; right: 10px; top: 100px; }
.pdpd-template-main .gallery-slides { z-index: 20; position: relative; width: 1024px; height: 600px; }
.pdpd-template-main .gallery-slides .pagination { position: absolute; right: 2px; top: -37px; width: 80px; padding: 0 19px; text-align: center; font-size: 0; }
.pdpd-template-main .gallery-slides .pagination .page { position: relative; color: #9e9e9e; line-height: 1.42857; font-size: 14px; }
.pdpd-template-main .gallery-slides .pagination .active { margin-right: 9px; color: #fff; font-family: 'Myriad Pro'; }
.pdpd-template-main .gallery-slides .pagination .total { margin-left: 9px; font-family: 'Myriad Pro'; }
.pdpd-template-main .gallery-slides .pagination .button { display: block; position: absolute; width: 19px; height: 11px; top: 3px; padding: 0; border: 0; cursor: pointer; background-repeat: no-repeat; background-color: transparent; }
.pdpd-template-main .gallery-slides .pagination .button::moz-focus-inner { padding: 0; border: 0; }
.pdpd-template-main .gallery-slides .pagination .button-prev { left: 0; background-image: url("http://img.imbc.com/broad/tv/drama/pdpd/img/btn-slide-arrow-up.png"); }
.pdpd-template-main .gallery-slides .pagination .button-next { right: 0; background-image: url("http://img.imbc.com/broad/tv/drama/pdpd/img/btn-slide-arrow-down.png"); }
.pdpd-template-main .gallery-slides .badge { z-index: 10; position: absolute; left: 50%; top: 50%; width: 104px; height: 104px; margin: -52px 0 0 -52px; background: url("http://img.imbc.com/broad/tv/drama/pdpd/img/badge-scroll.png") no-repeat; }
.pdpd-template-main .gallery-slides .gallery-slide { float: left; overflow: hidden; position: relative; width: 512px; height: 299px; }
.pdpd-template-main .gallery-slides .gallery-slide ul { overflow: hidden; position: relative; }
.pdpd-template-main .gallery-slides .gallery-slide1 { background-color: red; }
.pdpd-template-main .gallery-slides .gallery-slide2 { background-color: yellow; }
.pdpd-template-main .gallery-slides .gallery-slide3 { background-color: blue; }
.pdpd-template-main .gallery-slides .gallery-slide4 { background-color: #fff; }
.pdpd-template-main .menu { overflow: hidden; border-bottom: 1px solid #4c4c52; }
.pdpd-template-main .menu ul { height: 100px; }
.pdpd-template-main .menu li { height: 100px; }
.pdpd-template-main .menu li a { height: 100px; line-height: 100px; }

.pdpd-template-sub .masthead { height: 89px; }
.pdpd-template-sub .masthead .logo { position: absolute; left: 0; top: 15px; }
.pdpd-template-sub .masthead .meta { position: absolute; right: 0; }
.pdpd-template-sub .menu { height: 67px; *height: 68px; border-top: 1px solid #4c4c52; }
.pdpd-template-sub .menu ul { height: 67px; }
.pdpd-template-sub .menu li { height: 67px; margin-left: 10px; padding-left: 12px; }
.pdpd-template-sub .menu li a { height: 67px; line-height: 67px; }
.pdpd-template-sub .menu .first-child { margin-left: 0; padding-left: 0; }
.pdpd-template-sub .documentation { overflow: hidden; position: relative; width: 964px; *width: 1024px; padding: 0 30px 30px; border-top: 4px solid #55c5d1; background-color: #fff; }
.pdpd-template-sub .documentation h2.header { height: 33px; *height: 54px; margin-bottom: 15px; border-bottom: 2px solid #ddd; color: #3f3f3f; line-height: 1.42857; padding: 19px 0 0 3px; font-weight: bold; font-size: 18px; font-family: "Nanum Gothic"; }
.pdpd-template-sub .documentation h2.header .subtitle { position: relative; top: 9px; margin-left: 10px; padding-left: 10px; line-height: 1.42857; color: #555; vertical-align: top; background: url("http://img.imbc.com/broad/tv/drama/beautiful/img/bg-header-subtitle.png") no-repeat 0 2px; font-weight: normal; font-size: 12px; }
.pdpd-template-sub .documentation .container { float: left; overflow: hidden; position: relative; width: 693px; margin-right: 21px; font-size: 12px; }
.pdpd-template-sub .documentation .container img { vertical-align: top; }
.pdpd-template-sub .documentation .sidebar { float: left; overflow: hidden; position: relative; width: 250px; }
.pdpd-template-sub .container-staff { overflow: hidden; position: relative; width: 581px; height: 811px; padding: 521px 56px 0; background: url("http://img.imbc.com/broad/tv/drama/pdpd/img/bg-staff.jpg") no-repeat; }
.pdpd-template-sub .container-staff .top { color: #43434d; font-size: 18px; font-family: 'Nanum Gothic'; line-height: 2; letter-spacing: -1px; }
.pdpd-template-sub .container-staff .top span { padding-right: 10px; family: 'Nanum Gothic'; }
.pdpd-template-sub .container-staff .group { overflow: hidden; position: relative; width: 581px; padding-top: 40px; }
.pdpd-template-sub .container-staff .group p { float: left; width: 290px; margin-bottom: 7px; color: #43434d; line-height: 1.42857; font-size: 13px; font-family: 'Nanum Gothic'; }
.pdpd-template-sub .container-staff .group p span { margin-right: 3px; padding-right: 5px; font-family: 'Nanum Gothic'; font-weight: bold; background-color: #d0d0d0; }
.pdpd-template-sub .container-concept { overflow: hidden; position: relative; width: 585px; height: 443px; padding: 464px 54px 0; background: url("http://img.imbc.com/broad/tv/drama/pdpd/img/bg-concept.jpg") no-repeat; }
.pdpd-template-sub .container-concept p { line-height: 2; color: #43434d; font-family: 'Nanum Gothic'; font-size: 16px; }
.pdpd-template-sub .container-concept p strong { font-family: 'Nanum Gothic'; background-color: #55c5d1; }
.pdpd-template-sub .container-concept p em { font-family: 'Nanum Gothic'; background-color: #fc94af; }
.pdpd-template-sub .container-cast { overflow: hidden; position: relative; }
.pdpd-template-sub .container-cast-main .thumbnail { overflow: hidden; height: 250px; margin-bottom: 10px; }
.pdpd-template-sub .container-cast-main .thumbnail img { vertical-align: top; }
.pdpd-template-sub .container-cast-main .header { height: 53px; padding: 0 0 0 20px; background-color: #f2f5f5; border-top: 2px solid #e0e8e8; color: #737270; line-height: 53px; font-weight: bold; font-size: 14px; }
.pdpd-template-sub .container-cast-main .header .actor { position: relative; margin: 0 0 0 13px; padding: 0 0 0 8px; background: url("http://img.imbc.com/broad/tv/drama/beautiful/img/bg-cast-header-verticalbar.png") no-repeat 0 1px; }
.pdpd-template-sub .container-cast-main .description { margin: 0 0 16px; padding: 20px 25px; line-height: 1.42857; border-bottom: 2px solid #e0e8e8; font-size: 12px; }
.pdpd-template-sub .container-cast-main .description-header { margin-bottom: 15px; }
.pdpd-template-sub .container-cast-main .btn-cast { display: block; position: absolute; right: 13px; top: 260px; height: 53px; padding: 0 9px 0 0; line-height: 53px; color: #3c7a72; text-decoration: underline; font-size: 12px; background: url("http://img.imbc.com/broad/tv/drama/beautiful/img/bg-cast-arrow.png") no-repeat right 22px; }
.pdpd-template-sub .container-cast-sub h3.header { height: 53px; padding-left: 20px; margin-bottom: 15px; border-top: 2px solid #e0e8e8; line-height: 53px; color: #000; background-color: #f2f5f5; font-weight: normal; font-size: 14px; }
.pdpd-template-sub .container-cast-sub .list-cast { overflow: hidden; position: relative; }
.pdpd-template-sub .container-cast-sub .list-cast .item { position: relative; width: 475px; min-height: 140px; margin-bottom: 20px; padding: 10px 0 0 218px; }
.pdpd-template-sub .container-cast-sub .list-cast .thumbnail { overflow: hidden; position: absolute; left: 0; top: 0; width: 200px; height: 150px; background-color: #eee; }
.pdpd-template-sub .container-cast-sub .list-cast .thumbnail img { max-width: 100%; }
.pdpd-template-sub .container-cast-sub .list-cast .header { margin: 0 0 15px; color: #754d39; font-size: 14px; font-weight: bold; }
.pdpd-template-sub .container-cast-sub .list-cast .header .actor { position: relative; margin: 0 0 0 13px; padding: 0 0 0 8px; background: url("http://img.imbc.com/broad/tv/drama/beautiful/img/bg-cast-header-verticalbar.png") no-repeat 0 1px; }
.pdpd-template-sub .container-cast-sub .list-cast .description { color: #6e6e6e; line-height: 1.42857; font-size: 12px; }
.pdpd-template-sub .container-cast-sub .list-cast .description-header { margin-bottom: 15px; color: #754d39; font-weight: bold; }
.pdpd-template-sub .container-cast-sub .btn-cast { display: block; position: absolute; right: 13px; top: 0; height: 53px; padding: 0 9px 0 0; line-height: 53px; color: #6e6e6e; text-decoration: underline; font-size: 12px; background: url("http://img.imbc.com/broad/tv/drama/beautiful/img/bg-cast-arrow.png") no-repeat right 22px; }

.screen-out { position: absolute !important; left: 0; top: 0; visibility: hidden; width: 0; height: 0; line-height: 0; font-size: 0; color: transparent; }

.img-responsive { max-width: 100%; height: auto; }

.ellipsis { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.board-out { position: absolute !important; left: -9999px; top: -9999px; }