@import url(https://font.imbc.com/nanumgothic/nanumgothic.css);
@import url(https://font.imbc.com/noto/noto.css);
/* common style */
a {color:inherit;}
button {border:0 none;background:none;cursor:pointer;}
body { text-align:center; }
.wrapper {min-width:1024px;font-family:'Malgun Gothic', '맑은 고딕', dotum, sans-serif;}
.ellipsis{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;
word-wrap:break-word;
}
/*main top visual - teaser
.visual-top {position:relative;overflow:hidden;width:1024px;margin:0 auto;height:150px;background:url(http://img.imbc.com/broad/tv/drama/mysecretterrius/images/main-top.jpg) no-repeat 50% bottom;}
.visual-top .broad_info {overflow:hidden;margin:43px 0 0 40px; }
.visual-top .broad_info .tit-logo {float:left;width:73px;margin-right:20px;}
.visual-top .broad_info .broad_about {margin-top:0;line-height: 28px;text-align:left;}
.visual-top .broad_info .broad_about h2 {color:#fff; font-size:22px; font-weight:bold;letter-spacing:-0.1em; margin-bottom:7px; }
.visual-top .broad_info .broad_about .broad_staff {color:#fff;font-size:12px;letter-spacing:-0.05em; line-height:20px; }
.visual-top .broad_info .broad_about .broad_staff img { vertical-align:middle; margin:0 3px; }
.visual-top .btn-like-program-wrap {display:inline-block;position:absolute;z-index:200; right:20px; top:42px;}
*/
/* main top visual */
.visual-top { overflow:hidden; width:1024px; margin:10px auto 30px; position:relative;}
.visual-top .broad_info { width:1024px; overflow:hidden; position:absolute; bottom:57px; left:40px; z-index: 200; }
.visual-top .broad_info .tit-logo {float:left;width:73px;margin-right:17px;}
.visual-top .broad_info .broad_about {margin-top:6px; line-height: 28px;text-align:left;}
.visual-top .broad_info .broad_about h2 {color:#fff; font-size:22px; font-weight:bold;letter-spacing:-0.09em; margin-bottom:3px; }
.visual-top .broad_info .broad_about .broad_staff {color:#fff;font-size:12px;letter-spacing:-0.12px; display:inline-block; margin-left:1.5px; margin-top:2px; line-height:20px;}
.visual-top .broad_info .broad_about .broad_staff img { vertical-align:middle; }
.visual-top .btn-like-program-wrap {display:inline-block;position:absolute;z-index:200; right:20px; top:20px;}
/*preview visual-txt-box */
.roll-ban-event { width:1024px; height:580px; position:relative; margin-bottom:15px; background-color:#000;}
.roll-ban-event li { position: absolute; top: 0; left: 0; width:1024px; height: 580px;opacity: 0; -ms-filter: "alpha(opacity=0)"; z-index:10;}
.roll-ban-event li img { width:100%; height:100%; }
.roll-ban-event li:first-child{ opacity: 1; -ms-filter: "alpha(opacity=100)"; }
.roll-controll-btn .btn:last-child {margin-right: 0;}
.roll-controll-btn .btn { vertical-align:middle; background-color:#dcdcdc; border-radius:50%; border:2px solid #dcdcdc; box-sizing:border-box; display: inline-block; width: 12px; height: 12px;margin-right: 18px; border: 0; cursor: pointer; }
.roll-controll-btn .btn.on { border:2px solid #000; background-color:#fff;}
.btn-front { position:absolute; right:0; width: 22px; height: 22px; text-indent: 100%; white-space: nowrap; cursor: pointer; background-image:url('http://img.imbc.com/broad/tv/drama/fantasy2017/images/btn-play-stop.png'); background-repeat: no-repeat; background-color: transparent; background-position: 0 0; background-color:#ddd; z-index: 1000; }
.btn-stop { background-position: 0 -22px; }
.btn-preview{ position:absolute; top:23px;right: 15px;cursor:pointer;}
/*sub top visual*/
.sub .visual-top {position:relative;overflow:hidden;width:1024px;margin:0 auto;height:150px;background:url(http://img.imbc.com/broad/tv/drama/mysecretterrius/images/main-top.jpg) no-repeat 50% bottom;}
.sub .visual-top .broad_info {overflow:hidden;margin:43px 0 0 40px; position:static; }
.sub .visual-top .broad_info .tit-logo {float:left;width:73px;margin-right:20px;}
.sub .visual-top .broad_info .broad_about {margin-top:0;line-height: 28px;text-align:left;}
.sub .visual-top .broad_info .broad_about h2 {color:#fff; font-size:22px; font-weight:bold;letter-spacing:-0.1em; margin-bottom:7px; }
.sub .visual-top .broad_info .broad_staff {color:#fff;font-size:12px;letter-spacing:-0.05em; line-height:20px; }
.sub .visual-top .broad_info .broad_about .broad_staff img { vertical-align:middle; margin:0 3px; }
.sub .btn-like-program-wrap {display:inline-block;position:absolute;z-index:200; right:20px; top:42px;}
/*nav*/
.nav {margin: 0 auto; height: 94px;font-size:15px;line-height:45px;letter-spacing:-.5px}
.nav ul { height:45px;text-align: center;margin-top:12px;border-bottom:1px solid #ccc;}
.nav li {display: inline-block;*display: inline; height: 94px;text-align: center;vertical-align: top;}
.nav li .item{display: inline-block;*display: inline;position: relative;height: 45px;vertical-align: top;color:#222; margin:0 11px; font-size:14px; }
.nav li .item:hover{color:#8a5308;font-weight:bold; border-bottom:3px solid #8a5308; box-sizing:border-box;}
.nav .hidden {display: none;}
/*section paging*/
.section .num { display:none; }
.section .paging{position:absolute;top:0px; right:0px;}
.section .paging a{ display: block;float: left}
.section .paging a img { width:28px; height:28px; }
/*contents*/
.section { width:1024px; margin:0 auto; position:relative; text-align:left; margin-bottom:45px; overflow:hidden; }
.section h2 { width:228px; height:33px; color:#010101; font-size:14px; font-weight: bold;line-height:2;}
.section .box-wrap { width:714px; position: relative; float:left; margin-bottom:45px; }
.section .con_box { height:216px; overflow:hidden; }
.section .con_box ul { float:left; }
.section .con_box ul li { position:relative; float:left; width:228px; height: 214px; margin-right:12px; border:1px solid #dcdcdc; }
.section .con_box ul li:nth-child(3n){margin-right:0;}
.section .con_box a {line-height:20px; font-weight:bold; font-size:14px; letter-spacing:-.5px; color:#424242; font-weight:bold;}
.section .con_box .img {position:relative; display:block; width:100%; height:128px; margin-bottom:7px; overflow:hidden;}
.section .con_box .img img{width:228px;}
.section .con_box .txt {padding:3px 15px; display:block;font-size:14px;text-align:left;color:#424242;font-weight: normal;}
.section .con_box img.ico-m-play {width:30px; height:30px;position:absolute; bottom:10px; right:10px; width:auto; height:auto; z-index:10;}
.date {position: absolute;color:#959595; font-size:11px;bottom:7px; left:15px;line-height: 20px;}
.content .section-bottom { }
.content .section-main-right { width:250px; position:absolute; top:0; right:0; }
/* main - preview section */
.ad-wrap { margin-bottom:43px; }
.section-preview { display:none; position:relative; overflow:hidden; text-align:left; margin-bottom: 32px; }
.section-preview .left{float:left;width:714px;}
.section-preview .vod{ overflow:hidden; width:384px; float:left;}
.section-preview .vod a img { margin-left:-10%; height:263px; }
.section-preview .vod-txt {float:left;width:298px;height:244px;padding:20px 12px 0 20px;letter-spacing:-0.1em;color:#222;font-size:14px;position:relative;}
.section-preview .vod-txt p:nth-child(1){font-weight:bold;}
.section-preview .vod-txt div:nth-child(2){font-size:22px;line-height:30px;margin-top:14px;}
.section-preview .vod-txt p:nth-child(3){color:#757575;letter-spacing:0;position:absolute;bottom:20px;}
/* main - sketch section */
.section .sketch { width:230px; margin-right:12px; }
.section .sketch_box ul { }
/* main - photo section */
.section .photo { width:472px; }
.section .photo_box ul li:nth-child(2n) { margin-right:0; }
/* main - news section */
.section .news { width:714px; }
.section .news_box ul { }
/* main - clip section */
.section .clip { width:714px; }
.section .clip_box ul { }
/* main - insta section */
.section .insta-wrap { }
.section .insta-wrap .insta { width:250px; height:250px; }
.section .insta-wrap .insta a { display:inline-block; width:100%; height:100%; background-color:#ff9900; }
/* main - cast slide */
.castList { margin-bottom:45px; position:relative; width: 250px; height: 250px;overflow: hidden }
.castList ul li { float: left;position: relative; width: 250px; height: 250px; background: #e3f1ff;overflow: hidden;}
.castList ul li a{ position: absolute; top: 0; right: 0; }
.castList .name{ font-size:22px; color:#000; position:absolute; top:19px; left:25px; line-height:29px;letter-spacing: -1.5px;}
.castList li a img { width:250px; }
/* footer */
#footer { padding:55px 0; color:#424242; background-color:#ececec; }
/*----------------------------------------------- 서브 ----------------------------------------*/
/*sub*/
.sub .content { width:1024px; *width:1024px;margin: 0 auto; padding-bottom:50px;background: #fff; text-align: left; overflow: hidden;}
.sub .content h2.tit-content { color:#000; padding-left:50px; background:#fae4da url(http://img.imbc.com/broad/tv/ent/livingwith/img/sub-title.png) 28px no-repeat; border:1px solid #e5e5e5; margin-bottom: 15px;line-height: 44px;font-size:15px;font-weight:bold;}
.sub .content .section-left {position:relative; margin-right: 48px; width: 725px; float: left; }
.sub .content .section-left .imbbs {text-align:center;padding-top:10px;margin-top:10px;border:1px solid #dbdbdb;}
.sub .content .section-right { float: left;}
.sub .border_box {text-align:center;}
/* board */
.recommend-banner { margin-bottom:20px; }
/* concept */
.concept-txt { word-break:keep-all; position:absolute; top:137px; padding:0 75px; box-sizing:border-box; width:100%; }
.concept-txt { font-size:16px; color:#e3e3e3; margin:0 auto; text-align:left; font-family:"notokr-light"; line-height:30px; letter-spacing:-1px; }
.concept-txt .first-item { }
.concept-txt .concept-area { }
.concept-txt .concept-area span.first-txt { width:30px; height:30px; display:block; float:left; text-indent:-9999px; background-position:center center; background-repeat:no-repeat; }
.concept-txt .area1 span.first-txt { background-image:url(http://img.imbc.com/broad/tv/drama/time/images/concept-img1.png); }
.concept-txt .area2 span.first-txt { margin-top:-10px; height:40px; background-image:url(http://img.imbc.com/broad/tv/drama/time/images/concept-img2.png); }
.concept-txt .area3 span.first-txt { background-image:url(http://img.imbc.com/broad/tv/drama/time/images/concept-img4.png); }
.concept-txt .area4 span.first-txt { margin-top:-10px; height:40px; background-image:url(http://img.imbc.com/broad/tv/drama/time/images/concept-img3.png); }
.concept-txt .area5 span.first-txt { background-image:url(http://img.imbc.com/broad/tv/drama/time/images/concept-img4.png); }
.concept-txt .area6 span.first-txt { margin-top:-3px; height:33px; background-image:url(http://img.imbc.com/broad/tv/drama/time/images/concept-img5.png); }
/* staff */
.staff-main { background:url(http://img.imbc.com/broad/tv/drama/mysecretterrius/images/staff.jpg) no-repeat center top; width:100%; height:440px; display:table; text-align:left; }
.staff-main ul { width:100%; height:100%; display:table-cell; vertical-align:middle; }
.staff-main ul li { width:64%; margin:20px auto 0; overflow:hidden; }
.staff-main ul li:first-child { margin-top:0; }
.staff-main ul li strong, .staff-main ul li span { font-size:16px; line-height:30px; display:block; }
.staff-main ul li strong { color:#4b443f; font-family:"notokr-bold"; width:18%; margin-right:5%; box-sizing:border-box; float:left; background:url(http://img.imbc.com/broad/tv/drama/mysecretterrius/images/staff-vertical.png) no-repeat right center; }
.staff-main ul li span { color:#5e544f; font-family:'notokr-regular'; letter-spacing:-1px; }
.staff-main ul li span.name { width:77%; float:left; }
.staff-main ul li span.portfolio { display:inline; margin-left:5px; font-size:16px; word-break:keep-all; }
.staff-name { overflow:hidden; }
.staff-name table { box-sizing:border-box; width:50%; float:left; overflow:hidden; font-family:'돋움', 'dotum', sans-serif; }
.staff-name table tr { }
.staff-name table tr:first-child { border-top:none; }
.staff-name table th, .staff-name table td { text-align:left; letter-spacing:0px; vertical-align:middle; font-size:12px; padding:0 10px; color:#333; height:30px; }
.staff-name table th { color:#90145d; background:#f7f0fa; padding-left:25px; letter-spacing:-1px; }
.staff-name table td { color:#000; background:#f7f0fa; }
.staff-name table td.spacing-none { letter-spacing:0px; }
.staff-name table tr.first-item th, .staff-name table tr.first-item td { padding-top:20px; }
.staff-name table tr.last-item th, .staff-name table tr.last-item td { padding-bottom:20px; }
.staff-name table.left { border:1px solid #f0e6f5; }
.staff-name table.right { border:1px solid #f0e6f5; border-left:none; }
.staff-name table.right th { border-left:1px solid #fff; box-sizing:border-box; }
/*cast*/
.ui-list-cast-slide { width:725px; margin-bottom:13px; }
.ui-list-cast-slide ul { overflow:hidden; width:100%; }
.ui-list-cast-slide ul li { float:left; margin-right:7px;margin-bottom:7px;width:176px; background:#fff; border:1px solid #e3e3e3; box-sizing:border-box; }
.ui-list-cast-slide ul li:last-child {margin-right: 0}
.ui-list-cast-slide ul li a { font-size:14px; color:#333; display:inline-block; width:100%; text-align:center;padding:15px 0;}
.ui-list-cast-slide ul li.active { border:1px solid #8a5308; }
.ui-list-cast-slide ul li.active a { color:#8a5308; text-decoration: underline; }
.ui-list-cast-slide ul li.active a span{font-weight: bold;}
.ui-list-cast-slide ul li:hover { border:1px solid #8a5308; }
.ui-list-cast-slide ul li:hover a { color:#8a5308; text-decoration: underline; font-weight:bold; }
.ui-list-cast-slide ul.sub-cast li { width:176px;margin-right: 7px; }
.ui-list-cast-slide ul.sub-cast li:last-child {margin-right: 0}
.ui-list-cast-slide ul.main-cast li:hover { border:1px solid #8a5308; }
.ui-list-cast-slide ul.main-cast li.active { border:1px solid #8a5308; }
.ui-list-cast-slide ul.sub-cast li:hover { border:1px solid #8a5308; }
.ui-dividing-cast-main { overflow: hidden; position: relative; overflow: hidden;}
.ui-dividing-cast-main .image { overflow: hidden; position: relative; width: 300px; height: 450px; margin: 0 0 10px; float: left; margin-right: 21px; }
.ui-dividing-cast-main .header { height: 53px; padding: 0 0 0 20px; background-color: #f2f5f5; border-top: 2px solid #e0e8e8; font-size: 14px; font-weight: bold; color: #737270; line-height: 53px; float: left; width: 384px; *width: 360px; }
.ui-dividing-cast-main .header .extra { margin: 0 0 0 6px; padding: 0 0 0 8px; background: url("http://img.imbc.com/broad/tv/drama/hwajung/img/bg-cast-main.png") repeat-y left; }
.ui-dividing-cast-main .description { margin: 0 0 16px; padding: 20px 25px; line-height: 18px; border-bottom: 2px solid #e0e8e8; width: 354px; *width: 360px; float: left; }
.ui-dividing-cast-main .description .meta { font-weight: bold; font-size:13px;margin-bottom: 18px}
.ui-dividing-cast-child { overflow: hidden; position: relative; }
.ui-dividing-cast-child .item { overflow: hidden; position: relative; float: left; width: 200px; height: 206px; margin: 0 5px 0 0; }
.ui-dividing-cast-child .item .image { overflow: hidden; position: relative; width: 200px; height: 150px; margin: 0 0 1px;}
.ui-dividing-cast-child .item .header { height: 53px; padding: 0 20px; background-color: #f2f5f5; border-top: 2px solid #e0e8e8; font-size: 14px; font-weight: bold; color: #737270; line-height: 53px; }
.ui-dividing-cast-child .item .header .extra { margin: 0 0 0 13px; padding: 0 0 0 8px; background: url("http://img.imbc.com/broad/tv/drama/hwajung/img/bg-cast-main.png") repeat-y left; }
.ui-button-cast-main { position: absolute;right: 12px;top: 2px;height: 53px;padding: 0 9px 0 0;line-height: 53px;color: #3c7a72;text-decoration: underline;background: url("http://img.imbc.com/broad/tv/drama/hwajung/img/icon-arrow-right.png") no-repeat right center;}
.ui-button-cast-main strong { font-weight: bold; }
.ui-button-cast-side { display: block; position: absolute; right: 13px; top: 2px; height: 53px; padding: 0 9px 0 0; line-height: 53px; color: #3c7a72; text-decoration: underline; background: url("http://img.imbc.com/broad/tv/drama/hwajung/img/icon-arrow-right.png") no-repeat right center; }
.ui-dividing-cast-side { overflow: hidden; position: relative; padding: 76px 0 0; background: url("http://img.imbc.com/broad/tv/drama/hwajung/img/bg-cast-header.png") repeat-x top; }
.ui-dividing-cast-side .category { display: block; position: absolute; left: 13px; top: 2px; height: 53px; padding: 0 9px 0 0; line-height: 53px; color: #3c7a72; }
.ui-button-cast-side strong { font-weight: bold; }
.ui-list-cast-side { overflow: hidden; position: relative; }
.ui-list-cast-side .item { position: relative; width: 475px; *width:669px;min-height: 140px; margin-bottom: 20px; *margin-bottom: 45px; padding: 10px 0 0 218px; }
.ui-list-cast-side .item.item_m { margin: 0; }
.ui-list-cast-side .item .image { overflow: hidden; position: absolute; left: 0; top: 0; width: 200px; height: 150px; }
.ui-list-cast-side .item .image img { width: 200px; *margin-top:-20px; }
.ui-list-cast-side .item .header { margin: 0 0 15px; font-size: 14px; color: #777574; font-weight: bold; }
.ui-list-cast-side .item .header .extra { margin: 0 0 0 13px; padding: 0 0 0 8px; background: url("http://img.imbc.com/broad/tv/drama/hwajung/img/bg-cast-main.png") repeat-y left; }
.ui-list-cast-side .item .meta { margin: 0 0 15px; color: #44403e; line-height: 18px; }
.ui-list-cast-side .item .description { color: #44403e; line-height: 1.5; font-weight:bold; }
/*news*/
/*vod preview */
.preview_wrapper p { text-align:center !important; font-size:12px; }
.preview_wrapper em { text-align:center !important; font-size:12px; }
.preview_wrapper .vod_btn { margin-left:10% !important; }
/* 제작발표회 */
.live { margin-bottom:20px; }
.live .live-top { padding-bottom:14px; box-sizing:border-box; background:#b4a9a6 url(http://img.imbc.com/broad/tv/drama/mysecretterrius/images/live-bg.jpg) no-repeat center top; }
.live .live-info { text-align:center; padding-top:15px; box-sizing:border-box; margin-bottom:5px; }
.live .live-info img { margin-right:-40px; }
.live .live-info span { display:block; }
.live .live-vod { margin:0 auto; text-align:center; }
.live .live-vod iframe { padding:10px; box-sizing:border-box; background:url(http://img.imbc.com/broad/tv/drama/mysecretterrius/images/live-frame-bg.png); }
.live .live-vod .heyo-banner { margin-top:25px; }
.live .live-bottom { border-top:10px solid #361713; padding-top:25px; box-sizing:border-box; text-align:center; background:#402e2a url(http://img.imbc.com/broad/tv/drama/mysecretterrius/images/live-bottom-bg.jpg) no-repeat center bottom; }
.live .heyo-banner { margin-bottom:45px; }
.live .btn-area { padding-bottom:75px; box-sizing:border-box; }
.live .btn-area ul { width:470px; margin:0 auto; overflow:hidden; }
.live .btn-area ul li { float:right; }
.live .btn-area ul li:first-child { float:left; }
.live .btn-area ul li a { display:block; }
.live-boardtxt { margin-bottom:30px; background:#000 url(http://img.imbc.com/broad/tv/drama/hideandseek/images/botton-line.png) repeat-x center bottom; color:#fff; text-align:center; padding-bottom:20px; font-family:'notokr-light'; letter-spacing:-1px; font-size:16px; }
/* 이벤트 */
.event-wrap { letter-spacing:-1px; padding:814px 33px 0 50px; box-sizing:border-box; background:#301e19 url(http://img.imbc.com/broad/tv/drama/mysecretterrius/images/event-bg.jpg) no-repeat center top; margin-bottom:20px; }
.event-content { color:#fff; background:url(http://img.imbc.com/broad/tv/drama/mysecretterrius/images/event-tk-img.png) no-repeat right 80px; }
.event-content ul { padding:32px 0; box-sizing:border-box; background:url(http://img.imbc.com/broad/tv/drama/mysecretterrius/images/event-line.png) repeat-x center top; }
.event-content ul li { font-family: 'notokr-thin'; font-weight:normal; font-size:16px; line-height:26px; background:url(http://img.imbc.com/broad/tv/drama/mysecretterrius/images/event-list-style.png) no-repeat left top; padding-left:33px; box-sizing:border-box; }
.event-content ul li:first-child { }
.event-content ul li span { margin-left:65px; display:block; }
.event-info { font-family: 'notokr-regular'; overflow:hidden; color:#a7a3a2; padding:25px 0; box-sizing:border-box; background:url(http://img.imbc.com/broad/tv/drama/mysecretterrius/images/event-line.png) repeat-x center top; }
.event-info .event-info-my { float:left; line-height:18px; }
.event-info .event-info-edit { float:right; margin-top:3px; }
.event2-wrap { letter-spacing:-1px; font-family: 'notokr-regular'; height:1094px;padding:848px 10px 0;box-sizing:border-box; background:#7a4b79 url(http://img.imbc.com/broad/tv/drama/mysecretterrius/images/event2-bg.jpg) no-repeat center top; }
.event2-content { height:135px; margin-bottom:30px; color:#5f3467; font-size:15px; line-height:28px; padding:12px 95px 0; box-sizing:border-box;}
.event2-content ul li:before { content:''; display:inline-block; width:4px; height:4px; background-color:#9b949d; margin-right:5px; margin-top:-3px; vertical-align:middle; }
.event2-content ul li strong { font-family:'notokr-bold'; font-weight:normal; }
.event2-info { color:#fff; padding:0 95px; font-size:14px; line-height:22px; }
.event2-info ul li:before { content:''; display:inline-block; width:4px; height:4px; background-color:#bea7bd; margin-right:5px; margin-top:-3px; vertical-align:middle; }
.event2-info ul li a:hover { text-decoration:underline; }
/**/
#rptView_ctl00_tblAdamMedia { text-align:center; }
.btn-like-program-wrap .btn-like-program-summary { margin-top:5px !important; }