@import url("http://font.imbc.com/nanumgothic/nanumgothic.css");

/* common style */
body{font-family: 'Nanum Gothic','昆見╞?﹉???','╱卹?足 ﹉???'}
a {color:inherit;}
button {border:0 none;background:none;cursor:pointer;}
.wrapper {min-width:1024px;font-family:'Nanum Gothic','昆見╞?﹉???',dotum,'?╱０?'; position: relative;background: #EEEBF2;}
.main #container{width: 100%;background: url("http://img.imbc.com/broad/tv/culture/choi4men/images4/main_top.jpg") no-repeat center 0; 0;r 0;er 0;r 0; 0;0;}
.main .visual-top {position:relative;overflow:hidden;height:400px;}
.main .visual-top .tit-logo {position:absolute;left:50%;z-index:100;}
.broad-info {position:absolute;left:50%;z-index:100;font-weight:bold;font-size:16px;letter-spacing:-1px;}
.broad-info li {float:left;margin-right:12px;padding-left:10px;height:45px;line-height:45px;background:url("http://img.imbc.com/broad/tv/drama/include/img/bg-bar-ver1.png") no-repeat 0 center;}
.broad-info li.first-item {padding-left:2px;background:none;}
.broad-info li span {padding-left:5px;}
.btn-like-program-wrap {display:inline-block;position:absolute;top:12px;right:50%;z-index:100;margin-right:-505px;}

.main .btn-control {position:relative;margin:0 auto;width:1024px;}
.btn-control .btn-play {background:url("http://img.imbc.com/broad/tv/drama/include/img/ico-play.png") no-repeat;}
.btn-control .btn-pause {background:url("http://img.imbc.com/broad/tv/drama/include/img/ico-pause.png") no-repeat;}
.btn-control .btn-move {position:absolute;top:-70px;z-index:100;width:26px;height:40px;}
.btn-control .btn-prev {left:0;background:url("http://img.imbc.com/broad/tv/ent/wedding/2016/img/btn-prev.png") no-repeat;}
.btn-control .btn-next {right:0;background:url("http://img.imbc.com/broad/tv/ent/wedding/2016/img/btn-next.png") no-repeat;}

.top-contents {position:relative ;z-index:2;margin:298px auto 0;padding-top:22px;padding-left:42px;width:972px;height:78px;text-align:left;color:#3f3f3f;letter-spacing:-1px;background:url("http://img.imbc.com/broad/tv/drama/include/img/bg-op4-w.png") repeat-x;}
.top-contents a {display:block;max-width:840px;}
.top-contents .date {font-size:16px;}
.top-contents .title {padding-top:12px;font-weight:600;font-size:24px;}
.top-contents .article {display:none;}
.top-contents .article:first-child {display:block;}

.container-sub .nav{text-align:center; margin: 0 auto;}
.nav {text-align:center; margin: 0 auto;z-index: 100;}
.nav ul {height: 60px;overflow:hidden;margin:0 auto;text-align:center; background: #443196; width: 1024px;  *margin-right: 39px;}
.nav ul li {display:inline;height:60px;line-height:60px;text-align:center;}
.nav ul li a {padding:0 10px;font-size:16px;color:#fff;letter-spacing:-1px;font-family: 'Nanum Gothic','昆見╞?﹉???','╱卹?足 ﹉???'}
.nav ul li.first-item a {background:none;}

.main .tit-content {height:22px;line-height:25px;text-align:center;font-family:Myriad Pro,Helvetica;font-size:22px;color:#313131; padding: 39px 0 39px; }
.main .tit-content span {font-weight:normal;}
.main .content-inner {overflow:hidden;margin:0 auto;width:1024px;}
.content .con-inner {position:relative;overflow:hidden;margin:0 auto;width:1024px;}
.content .subject {float:left;margin-right:12px;margin-bottom:10px;width:250px;height:250px;line-height:250px;font-weight:600;text-align:center;color:#fff;font-size:24px;letter-spacing:-1px;}
.content .articles {overflow:hidden;}
.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 .enews .article img {position:static;margin:0;}
.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-bottom:15px;padding-bottom:15px;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; padding-top: 29px;}

.preview .article .txt .summary {overflow: hidden; max-height: 140px; line-height: 20px; font-size: 14px; color: #606060; padding-top: 29px;}

.content .article .txt .date {position:absolute;left:25px;bottom:20px;line-height:1.4;font-size:14px;color:#606060;}
.content .article .txt .BroadDate{font-size:14px; margin-right: 11px; color: #5e6c82; margin-bottom:15px; }
.content .article .txt .ContentNumber{font-size:14px; margin-right: 11px; color: #5e6c82;}
.bg-arr {position:absolute;left:-15px;top:50%;margin-top:-12px;width:15px;height:23px;background:url("http://img.imbc.com/broad/tv/ent/wedding/2016/img/bg-arr-left.png") no-repeat;}
.article.last-item {margin-left:12px;width:512px;}
.article.last-item .txt {padding:30px 31px;width:200px;*width:262px;}
.article.last-item .txt .date {left:31px;}

.section .section-banner {float:left;margin-left:12px;}
.section .box-square {position:relative;overflow:hidden;float:left;padding:22px 16px;width:216px;height:204px;border:1px solid #e6e6e6;color:#4f4f4f;letter-spacing:-1px;background-color:#fff;}
.box-square .title {padding-bottom:12px;font-weight:400;font-size:18px;color:#c44456;}
.box-square .img img {width:220px;}
.box-square .txt {padding-top:6px;line-height:1.4;font-size:16px;color:#040404;}

.article.article-multi {position:relative;padding:0 24px;width:712px;height:248px;margin-bottom: 0;border:1px solid #e6e6e6;background-color:#fff;}
.article.article-multi .img {display:none;position:absolute;left:-1px;top:-1px;}
.article.article-multi .title {margin-left:250px;height:42px;line-height:40px;border-top:1px solid #e6e6e6;font-size:18px;color:#3a3a3a;letter-spacing:-1px;}
.article.article-multi a.over .img {display:block;}
.article.article-multi a.over .title {color:#3F327A;}
.article.article-multi a:first-child .title {margin-top:18px;border-top:0 none;}
.article.article-multi .bg-arr {left:234px;}

.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 {display:block;line-height:250px;font-weight:normal;}
.box-title .btn-more {position:absolute;right:22px;bottom:30px;width:25px;height:25px;line-height:0;font-size:0;color:transparent;background:url("http://img.imbc.com/broad/radio/include/img/ico-more-w.png") no-repeat;}
.main .box-control {position:absolute;right:28px;bottom:18px;}
.main .box-control button {width:19px;height:27px;line-height:0;font-size:0;color:transparent;}
.box-control .btn-before {margin-right:24px;background:url("http://img.imbc.com/broad/radio/include/img/btn-before-w.png") no-repeat;}
.box-control .btn-after {background:url("http://img.imbc.com/broad/radio/include/img/btn-after-w.png") no-repeat;}

.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%;}

.main .ad-rectangle {position:absolute;right:0;top:0;}

/* program style */

.main .visual-top h1 {margin-left:88px; top:112px;}
.broad-info { font-size: 16px; font-family:'Nanum Gothic'; top:20px;margin-left:-512px; color:#282828;}

.nav ul li a {background:url("http://img.imbc.com/broad/tv/culture/choi4men/img/vertical_bar.png") no-repeat left center;}
.content {background-color:#EEEBF2;  }

.preview .menu {display:block;margin-bottom:18px;width:80px;line-height:20px;border-radius:10px;text-align:center;font-size:12px;color:#fff;}
.section1 .box-title {background:#3F327A;}

.section-news .box-title strong {line-height:1;}
.replay {margin-left:12px;}
#footer {padding:48px 0 68px;color:#040404;}

.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:30px; margin: 0 auto; color: #fff; padding-top: 9px; }


.ui-page-sub {min-width:1024px;background: #EEEBF2 url("http://img.imbc.com/broad/tv/culture/choi4men/images4/sub_top.jpg") no-repeat center top;text-align: center;}
.ui-page-sub .masthead { overflow: hidden; position: relative; width: 1024px; height: 250px; margin: 0 auto; }
.ui-page-sub .masthead .logo {position: absolute;left: 50%;top: 60px;width: 220px;margin-left: -90px;}
.ui-page-sub .masthead .meta { position: absolute; left: 0; top: 23px; text-align: center;  color: #45484a; font-weight: bold; font-size: 16px; letter-spacing:-1.5px; vertical-align: middle; }


.container-sub {width:100%;}
.content-sub {z-index: 10;width: 954px; *width: 1024px;padding: 0 35px;background-color: #fff;margin: 0 auto;overflow: hidden;text-align: center;}
.content-sub .header { height: 26px; *height: 60px; padding-top: 32px; margin-bottom: 15px; border-bottom: 2px solid #ddd; text-align: left;}
.content-sub .cont { overflow: hidden; position: relative; float: left; overflow: hidden}

.content-sub .cont-left {width: 677px;/* height:1255px; */padding-bottom: 20px;float: left;overflow: hidden;}
.content-sub .cont-left .heading { overflow: hidden; position: relative; margin-bottom: 15px; text-align: left; }
.content-sub .cont-left .staff_info{ text-align: left; background: url("http://img.imbc.com/broad/tv/culture/choi4men/img/staff_bg.png") no-repeat; width: 677px; height: 255px; padding: 85px 0 0 55px;  font-family:'Nanum Gothic';}
.content-sub .cont-left .staff_info strong { font-weight: bold; font-size: 24px; color: #4069a6; letter-spacing: -0.75px; }
.content-sub .cont-left .staff_info ul { margin: 19px 0 0 16px;}
.content-sub .cont-left .staff_info ul li{ margin-top: 19px;  list-style:disc; font-size: 16px; font-weight: bold;}
.content-sub .cont-left .staff_info ul li span {margin-right: 15px;}
.content-sub .cont-right { width: 250px; margin-left: 17px;}

.today-panel {text-align: left; }
.today-panel li {position:relative; width:650px; min-height:171px; padding:28px 42px 38px 256px; background:url("http://img.imbc.com/broad/tv/culture/choi4men/img/line-dot2.gif") repeat-x bottom left}
.today-panel li .thumb {display:block; position:absolute; top:29px; left:8px; width:213px; height:159px; padding:4px 6px 8px; background:url("http://img.imbc.com/broad/tv/culture/choi4men/img/bg-panel.gif") no-repeat; }
.today-panel li .thumb img {width:213px; height:159px}
.today-panel li .name {display:block; padding:4px 0 7px 3px; font:bold 18px 'Nanum Gothic'; color:#222}
.today-panel li .career {color:#5e5e5e; line-height:18px}


.profile {margin-bottom:20px;}

.info-page {clear:both;overflow:hidden;margin-bottom:10px;padding:0 0 15px;border-bottom:1px solid #f1f1f1;font-size:16px;font-weight:bold;text-align:center;color:#666666;letter-spacing: -1px;line-height:1.3;}
.info-page strong {color:#017bae;}

.list-profile:after {content: "."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.list-profile {position:relative; clear:both; min-height:1px; *height:1px;}
.list-profile li {float:left;}
.list-profile.mc {margin-left:-10px;}
.list-profile.mc li {margin-left:10px;}
.list-profile.mc li a img{width: 333px;}
.list-profile.reporter {width:800px;}
.list-profile.reporter li {margin:0 0 3px 1px;}
.profile-pop {display:none; position:absolute; top:300px; left:50%; margin:0 0 0 -190px; width:349px; *width:383px; height:464px; *height:507px; padding:20px 17px; border-top:3px solid #f73eb5; z-index:1700; background-color:#fff;}
.profile-pop .inner {overflow-x:hidden; overflow-y:auto; height:100%; text-align:right;}
.profile-pop .img {overflow:hidden; width:343px; height:218px;}
.profile-pop .inner h3 {margin:15px 0 10px; font-size:18px; font-weight:bold;}
.profile-pop .inner .txt {line-height:18px;}
.btn-pop-close {position:absolute; display:inline-block; top:-3px; left:100%; width:46px; height:46px; border:0; padding:0;background:url("http://img.imbc.com/broad/tv/culture/choi4men/img/btn_pop_close.gif") no-repeat 0 0; z-index:1600; margin:0; border:0; cursor:pointer;}
.layer-bg {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; z-index:1550;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 8 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); /* IE 7 and olders */
    opacity: .6;
}

/* MC */
.sec-sub-content{text-align: left;}
.list-mc {padding:0 13px 0 11px;font-family:'Nanum Gothic','nanumgothic';letter-spacing:0}
.list-mc li {overflow:hidden;position:relative;width:100%;padding:31px 0 26px;border-top:1px solid #e9e7e8;}
.list-mc li:first-child {border:0 none;}
.grid-mc {width:100%;min-height:155px;}
.tit-mc {margin:0 0 12px 226px;color:#2e2e2e;}
.tit-mc em {display:inline-block;font-size:18px;margin-right:5px;}
.tit-mc span {display:inline-block;font-size:14px;}
.wrap-mc-img {position:absolute;top:24px;left:0;overflow:hidden;width:215px;}
.wrap-mc-img span {position:relative;display:block;overflow:hidden;width:185px;height:133px;margin:12px 15px 17px 14px;}
.wrap-mc-img .pannel {position:absolute;top:0;left:0;width:215px;z-index:10;}
.wrap-mc-txt {margin-left:226px;}
.list-year {margin-bottom:8px;color:#333;}
.list-year dt {font-size:13px;margin-bottom:4px;font-weight:bold;}
.list-year dd {padding:0;line-height:16px;padding-left:8px;background:url(http://img.imbc.com/broad/tv/culture/evening/images/line-list-year.gif) no-repeat 0 6px;}

.site-footer{width:100%;padding: 48px 0 68px;background: #EEEBF2;}

.cont-left .tvin { overflow-y: auto; overflow-x: hidden; min-height:1255px; }

/* jebo */
.jebo-wrap{width: 100%;height: 1139px;background:url("http://img.imbc.com/broad/tv/culture/choi4men/img/main-jebo.jpg") no-repeat 0;font-family:'Nanum Gothic';position: relative;}
.jebo-wrap .jebo-table{position: absolute;top: 263px;width: 100%;}
.jebo-wrap  table th{text-align: left;padding:26px 0 26px 64px;width: 106px;display: inline-block;margin-bottom: 1px;}
.jebo-wrap  table td{padding:20px 57px 20px 0;text-align: left;}
.jebo-wrap  table td img{text-align: center;vertical-align: top;margin-top: 12px;}
.jebo-wrap  table td input{font-size:14px;color:#333;background:#BFC9D4;padding: 6px;border:0;font-family:'Nanum Gothic'}
.comment{vertical-align:top;}
.jebo-wrap table textarea{resize: none;width: 100%;background:#BFC9D4;padding: 6px;font-size:14px;color:#333;line-height: 1.4;border:0;font-family:'Nanum Gothic'}
.size-mm{width: 120px;}
.size-s{width: 70px;}
.size-m{width: 100px;}
.size-l{width: 323px;}
.size-full{width: 100%;}

.jebo-wrap .agr-con{position: absolute;top: 815px;}
.jebo-wrap .agr-inner{padding:24px 57px 29px 65px;font-size: 13px;letter-spacing: -1px;text-align: justify;line-height: 1;overflow: hidden;}
.jebo-wrap .agr-inner li{margin-bottom: 10px;overflow: hidden;line-height: 1.5;}
.jebo-wrap .agr-inner .agr-left{display: inline-block;width: 188px;color:#225994;font-weight: bold; background: url("http://img.imbc.com/broad/tv/culture/choi4men/img/vertical-hypen.jpg") no-repeat right;float:left;}
.jebo-wrap .agr-inner .agr-right{display: inline-block;padding-left: 37px;float:left;width: 330px;}

.jebo-wrap .check-wrap{position: absolute;top: 1006px;text-align: left;width: 100%;}
.jebo-wrap .check-wrap li{text-align: center;overflow: hidden;}
.jebo-wrap .check-wrap li.check-area{display: inline-block; margin-left: 241px;margin-bottom: 32px;}
.ag-box{position:absolute;background:#D5D8DB;top: 1px;}
.jebo-wrap .check-wrap li input[type="checkbox"]:checked + label{background-position:0px -15px;}
.ag-txt{background: url("http://img.imbc.com/broad/tv/culture/choi4men/img/btn-box.jpg");background-repeat: no-repeat;background-position: 0px 1px; position:absolute;font-weight: bold;letter-spacing: -1px;padding-left: 17px;height: 15px;padding-top: 1px;}

/* ?????帚卹?﹉昆 ?帕﹉╳  */
.crew_intr{background:#fdf8d8;padding:10px 40px 60px;text-align: left;}
.crew_intr .intr_title{color:#4b74b4;font-size:24px;font-weight:1000;letter-spacing:-1.2px;}
.crew_intr .intr_info{padding-top:8px;}
.crew_intr .intr_info ul li{position:relative;padding:5px 0 5px 12px;color:#605446;font-size:15px;font-weight:bold;line-height:1;letter-spacing:-1.2px;}
.crew_intr .intr_info ul li:after{content:'';position:absolute;top:50%;left:2px;width:2px;height:2px;margin-top:-1px;border-radius:100px;background:#605446;}

/*2019-12-31*/
.ui-page-sub .masthead .logo {height: 160px;}
.ui-page-sub .masthead .logo a {width: 100%; height: 100%; display: block;}
.main .visual-top .tit-logo img, .ui-page-sub .masthead .logo img {display: none;}