@import url(https://font.imbc.com/nanumgothic/nanumgothic.css);
@import url(https://font.imbc.com/noto/noto.css);

body{font-family: 'Nanum Gothic', '¸¼Àº °íµñ', '¸¼Àº°íµñ', 'Malgun Gothic', 'malgun';letter-spacing: -1.2px;}
a{color:inherit;}

/******************************************************************* ¸ÞÀÎ top */
.main { background:#9e928c url(http://img.imbc.com/broad/tv/culture/come100/images/main-bg.jpg) repeat-x center top; padding-bottom:50px; }
.main .visual-top { height:920px; box-sizing:border-box; padding-top:522px; position:relative;width: 1218px;margin:0 auto;overflow:hidden; text-align:center;}
.main .visual-top .top-wrap {  }
.main .visual-top .top-wrap .logo { display:none; }
.vod-top { text-align:right; width:1024px; margin:0 auto; }
.vod-data { position:absolute; top:20px; left:23px; }
.vod-data .vod-info { padding:0 18px; margin:0 auto; border-radius:20px; text-align:center; color:#fff; height:40px; line-height:40px; background:url(http://img.imbc.com/broad/tv/culture/come100/images/broad-info-bg.png); }
.vod-data .vod-info span { font-size:14px; font-family:'Nanum Gothic Bold'; letter-spacing:-1px; text-shadow: 1px 1px 1px #241e1b; }
.vod-top .preVod { overflow:hidden; }
.vod-top .preVod .vod-wrap { float:right; width: 640px; height: 360px; box-shadow: 1px 1px 10px #222; }
.vod-top .preVod .article { width:100%; height:100%; border:1px solid #1c1c1c; box-sizing:border-box; }
.vod-top .preVod .txt-wrap { display:none; text-align:center; font-size:32px; color:#fff; font-family:'Nanum Gothic Bold'; margin-bottom:20px; line-height:42px; }
.btn-like-program-wrap {display:inline-block;position:absolute;top:23px;right:18px;z-index:100;}

.none-video { width:100%; height:100%; overflow:hidden; }
.none-video img { width:100%; }

/* nav */
.main .nav { background-color:#5f5051; position: relative;width: 100%;text-align:center;z-index: 150; margin-bottom:47px; border-top:1px solid #574f3d; }
.main .nav ul {height: 61px;margin:0 auto;text-align:center;}
.main .nav ul li {background:url(http://img.imbc.com/broad/tv/culture/oneday/images/nav-vertical.png) no-repeat left center; position:relative;display:inline-block; padding-left:30px; margin-left: 30px; line-height:60px; box-sizing:border-box; text-align:center;}
.main .nav ul li:first-child{margin-left: 0; background:none; }
.main .nav ul li>a {display:block;width: 100%;font-size:20px;color:#fff;}

/* ¸ÞÀÎ ÄÁÅÙÃ÷ */
.content { width:1218px; padding-top:10px; margin:0 auto; border-top:1px solid #2c2223; background:url(http://img.imbc.com/broad/tv/culture/come100/images/main-con-top.jpg) no-repeat center top; }
.top-con { position:relative; color:#fff; background:#2c2223 url(http://img.imbc.com/broad/tv/culture/come100/images/main-con-bg.jpg) no-repeat center bottom; padding:40px 95px 55px; box-sizing:border-box; overflow:hidden; }
.top-con .ad-area { width:250px; height:250px; position:absolute; top:50px; right:95px; }
.top-con .info-area { width:100%; }
.top-con .info-area h2.tit-content { font-size:20px; font-family:'Nanum Gothic Bold'; background:url(http://img.imbc.com/broad/tv/culture/come100/images/tit-border.png) repeat-x center bottom; padding-bottom:14px; margin-bottom:15px; }
.top-con .info-area .info { width:778px; font-size:24px; line-height:36px; color:#cca184; box-sizing:border-box; margin-bottom:55px;}
.top-con .info-area .episode { margin-bottom:40px; }
.top-con .info-area .episode ul li { font-size:20px; line-height:30px; margin-top:10px; }
.top-con .info-area .episode ul li:first-child { margin-top:0; }
.top-con .info-area .cast { margin-bottom:55px; }
.top-con .info-area .cast .cast-list { font-size:18px; }
.top-con .info-area .staff {  }
.top-con .info-area .staff ul li { font-size:18px; line-height:28px; margin-top:10px; }
.top-con .info-area .staff ul li:first-child { margin-top:0; }

.bottom-con { background-color:#fff; padding:50px 0 100px; box-sizing:border-box; }


/* list-style */
.main .clip-wrap { width:1024px; margin:0 auto; position:relative;} 
.main .clip-wrap .tit-content { line-height:28px; font-size:14px; color:#000; }
.main .type-list{width: 100%;height: 216px;margin-top: 6px;overflow: hidden;}
.main .type-list li {float: left;width: 230px;margin-right: 34px;}
.main .type-list li:nth-child(4) { margin-right:0; }
.main .type-list li a{display: block;width: 100%;height: 100%;}
.main .type-list li a:hover .title{text-decoration: underline;}
.main .type-list li .img {overflow:hidden;width:100%;height:128px; border:1px solid #ddd; box-sizing:border-box;}
.main .type-list li .img img{width: 100%;}
.main .type-list li .txt-wrap {position:relative;height: 88px;padding:10px 15px 13px;border:1px solid #DCDCDC;border-top:0;box-sizing: border-box;}
.main .type-list li .txt-wrap .title{overflow:hidden; width: 100%;max-height:40px;margin-bottom: 12px;font-size:14px;color:#222;line-height: 20px;}
.main .type-list li .txt-wrap .date{ position:absolute;left: 16px;bottom: 14px;font-family:'Verdana';font-size:11px;color: #757575;line-height: 1;letter-spacing: 0;}

/*list-btn*/
.main .btn-box{position: absolute;top: 0;right: 0; height: 28px; }
.main .btn-box .btn-list{display:inline-block;border:0;margin: 0;padding: 0;background:url("http://img.imbc.com/broad/tv/culture/document48/images/btn-prevNext.jpg") no-repeat;background-size:cover;font-size:0;text-indent: -9999em;vertical-align: top;cursor: pointer;}
.main .btn-box .btn-list.prev{width: 28px;height: 28px;margin-right: -5px; background-position: 0 0;}
.main .btn-box .btn-list.next{width: 28px;height: 28px;background-position: -27px 0;}

#footer { padding:70px 0;background-color:#9e928c;font-family: 'Malgun Gothic, malgun,Nanum Gothic'; font-size:12px;color:#fff;line-height: 20px;letter-spacing: 0;}

/****************************************************************** ¼­ºê sub */
.sub .visual-top { text-align:left; font-family: '¸¼Àº °íµñ', '¸¼Àº°íµñ', 'Malgun Gothic', 'malgun'; position:relative; width: 1024px; margin:10px auto 14px; overflow:hidden; height:280px; padding-top:0; }
.sub .sub-top { overflow:hidden; position:absolute; bottom:30px; left:40px; }
.sub h1.tit-logo { display:inline-block; vertical-align:middle; width:73px; height:73px; }
.sub .broad-info { display:inline-block; vertical-align:middle; margin-left:17px; color:#fff; }
.sub .broad-info a { font-weight:bold; margin-bottom:10px; font-size:22px; display:inline-block; }
.sub .broad-info a span { font-size:16px; margin-right:7px; line-height:21px; vertical-align:bottom; }
.sub .broad-info a strong { font-size:22px; }
.sub .broad-info span.broad-title { display:block; font-size:12px; letter-spacing:-1px; }

.ui-state-concept #footer { padding:55px 0; background-color:#ececec; color:#666; }

/* nav */
.sub .nav { background:none; position: relative;width: 100%;text-align:center;z-index: 150; border-top:none; }
.sub .nav ul {height: 47px;margin:0 auto 44px;border-bottom:1px solid #E5E5E5;text-align:center;}
.sub .nav ul li {position:relative;display:inline-block; line-height:44px; margin-left: 44px; text-align:center;}
.sub .nav ul li :first-child{ margin-left: 0;}
.sub .nav ul li>a { border-bottom:3px solid #fff; display:block; font-size:17px;color:#000; box-sizing:border-box; }
.sub .nav ul li>a:hover{border-bottom:3px solid #6f2232;color:#6f2232;font-weight: bold;}
.sub .nav ul li>a.on{border-bottom:3px solid #6f2232;color:#6f2232;font-weight: bold;}

.content-sub { width: 1024px;margin: 0 auto;padding-bottom: 60px;overflow: hidden; }
.content-sub .header {height: 46px;padding-left: 52px;margin-bottom: 10px;background:#eff0ec url("http://img.imbc.com/broad/tv/culture/document48/images/tit-check.png") no-repeat 30px center;border:1px solid #c9cbc3;font-size:15px;color:#000;line-height: 43px;font-weight: bold;box-sizing:border-box;letter-spacing: -0.5px;text-align: left;}
.content-sub .cont-left {float:left;width: 725px;margin-right: 49px;text-align: left;}
.content-sub .cont-right{float: right;}
.content-sub .con-area{padding:10px 20px; box-sizing: border-box;overflow: hidden; border:1px solid #ececec;}

/* ÀÎÅÍ·¢Æ¼ºê ´Ù½Ãº¸±â */
.interactive .con-area { border:1px solid #ececec; padding:25px 0; min-height:956px; box-sizing:border-box; }
.interactive .interactive-wrap { width:671px; margin:0 auto; }
.interactive .episode { margin-bottom:43px; }
.interactive .episode .epi-noti .noti-txt { font-size:12px; margin-bottom:20px; color:#68696d; padding-left:10px; }
.interactive .episode .epi-noti .noti-tit { margin-bottom:10px; }
.interactive .episode .epi-btn { font-size:0; }
.interactive .episode .epi-btn button { width:120px; height:30px; font-size:0; background-color:#eff0ec; margin-left:1px; outline-color:#595a4b;}
.interactive .episode .epi-btn button:first-child { margin-left:0; }
.interactive .episode .epi-btn button.active { background-color:#595a4b; }
.interactive .episode .epi-btn button span { font-family:'Nanum Gothic Bold'; font-size:15px; color:#626262; }
.interactive .episode .epi-btn button.active span { color:#fff; }
.interactive .episode .epi-info { width:671px; height:40px; padding:0 25px; box-sizing:border-box; overflow:hidden; letter-spacing:-0.0075em; background:url(http://img.imbc.com/broad/tv/culture/oneday/images/inter-top-bg.jpg); border-top:1px solid #595a4b; color:#fff; }
.interactive .episode .epi-info .tit { font-family:'Nanum Gothic Bold'; font-size:15px; float:left; line-height:39px; width:80%; }
.interactive .episode .epi-info .tit span { margin-right:5px; }
.interactive .episode .epi-info .date { float:right; font-size:14px; line-height:39px; }
.interactive .episode .epi-info .date span { margin-right:5px; }
.interactive .episode .epi-info .date strong { font-weight:normal; }
.interactive .inter-vod { width:650px; height:450px; margin:0 auto; }
.interactive .inter-vod img { width:100%; }
.interactive .interactive-info { width:671px; margin:0 auto; word-break:keep-all; }
.interactive .interactive-info strong, .interactive .interactive-info span { display:block; }
.interactive .interactive-info strong { color:#595a4c; font-size:18px; margin-bottom:10px; font-weight:normal; font-family:'Nanum Gothic Bold'; }
.interactive .interactive-info span { color:#9ea383; font-size:15px; line-height:27px; }

/* ÇÁ·Î±×·¥ ¼Ò°³ */
.info .con-area { border:none; background:url(http://img.imbc.com/broad/tv/culture/oneday/images/info-bg.jpg) no-repeat center top; height:1003px; padding-top:297px; box-sizing:border-box; }
.info .info-txt { font-size:17px; line-height:34px; text-align:center; color:#fff; letter-spacing:-0.09em; }
.info .info-txt.green { color:#f1f0dd; }

/* Ã⿬Áø ¼Ò°³ */
.cast .con-area { background-color:#ecede3; border:1px solid #c9cbc3; box-sizing:border-box; padding:46px 33px; box-sizing:border-box; }
.cast .cast-wrap ul li { overflow:hidden; color:#756a37; padding-top:30px; margin-top:30px; background:url(http://img.imbc.com/broad/tv/culture/oneday/images/cast-line.png) repeat-x left top; }
.cast .cast-wrap ul li:first-child { margin-top:0; padding-top:0; background:none; }
.cast .cast-wrap ul li .img { width:200px; float:left; margin-right:25px; }
.cast .cast-wrap ul li .txt { float:left; width:430px; }
.cast .cast-wrap ul li .txt .item { margin-bottom:18px; }
.cast .cast-wrap ul li .txt .name { margin-top:10px; }
.cast .cast-wrap ul li .txt .name strong, .cast .cast-wrap ul li .txt .name span { font-family:'Nanum Gothic Bold'; font-weight:normal; }
.cast .cast-wrap ul li .txt .name strong { font-size:24px; margin-right:7px; }
.cast .cast-wrap ul li .txt .name span { font-size:15px; }
.cast .cast-wrap ul li .txt .cast-txt { font-size:13px; line-height:18px; word-break:keep-all; }
.cast .cast-wrap ul li .txt .main-txt { margin-bottom:0; }