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

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

/*top*/

.visual-top {position:relative;overflow:hidden;height: 460px;background: url(http://img.imbc.com/broad/tv/culture/gohometown/images/bg_main_v2.jpg) top center}
.visual-top .pro-info{text-align: center;margin-top:402px;color:#fff;font-family: 'notokr-demilight';font-size: 18px}
.btn-like-program-wrap {display:inline-block;position:absolute;top:23px;right:50%;margin-right:-500px;z-index:100;}

/* nav */
.nav {position: relative;width: 1024px;margin:0 auto;text-align:center;z-index: 150;}
.nav ul {margin:0 auto 44px;height:60px;text-align:center;}
.nav ul li {position:relative;display:inline-block;padding:0 16px;line-height:1;text-align:center;background: url(http://img.imbc.com/broad/tv/culture/gohometown/images/bar.jpg) right center no-repeat}
.nav ul li:last-child{margin-right: 0;background:none}
.nav ul li>a {display:block;width: 100%;padding: 22px 0;font-size:16px;color:#000;}
.nav ul li>a:hover{color:#3a3a3a;font-weight: bold;text-decoration: underline;}
.nav ul li>a.on{color:#3a3a3a;font-weight: bold;}

/*===============content [START]===============*/
#programContent.content{width: 1024px;	margin: 0 auto;}
.section{position:relative;overflow:hidden;}
.main .tit-content {font-size:15px;color:#000;line-height: 28px;margin-bottom:5px;font-weight: bold;}

.main .section1{padding-bottom:60px;}
.main .section2{margin-bottom: 60px}
.main .section3{margin-bottom: 100px;}
.main .section2, .main .section3{padding-top: 20px;padding-bottom: 13px;}

.none-video { height:250px;margin-left: -7%}

/* .section1 */
.main .preVod{overflow: hidden;height: 250px}
.main .preVod .article{float:left;display:inline-block;width: 384px;height: 250px;overflow: hidden;}
.main .preVod iframe{width: 100%;height: 100%;}
.main .preVod .txt-wrap{position:absolute;float:left;display:inline-block;box-sizing:border-box;width: 376px;height: 250px;padding:28px;color:#1a1a1a;border:1px solid #e5e5e5;background:#f8f8f8}
.main .preVod .txt-wrap a{display: block;width: 100%;height: 100%;}
.main .preVod .txt-wrap .title {max-height:152px;font-size:16px;line-height: 26px;overflow: hidden;font-family: 'notokr-regular';letter-spacing: -.075em;color:#1a1a1a; }
.main .preVod .txt-wrap .date{position:absolute;bottom: 28px;left: 28px;font-size:14px;color: #1a1a1a;letter-spacing: 0;}
.main .preVod .txt-wrap .num{margin-left: 10px;}
.main .ad-rectangle {position:absolute;top:33px;right: 0;width: 250px;height: 250px;}

/*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;}

/* list-style */
.main .clip-wrap { width:1024px; position:relative;}
.main .type-list{width: 100%;height: 216px;margin-top: 6px;overflow: hidden;}
.main .type-list li{float: left;width: 235px;margin-right: 28px;}
.main .type-list li:nth-child(4n){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;font-family: 'notokr-regular';}
.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:-.025em}

#footer {padding:56px 0;background-color:#ececec;font-family: 'Malgun Gothic, malgun,Nanum Gothic';font-size:12px;color:#424242;line-height: 20px;letter-spacing: 0;}


/* sub */
.sub{background:#efefef url(http://img.imbc.com/broad/tv/culture/gohometown/images/bg-x-v2.jpg) repeat-x}
.sub .logo{position: absolute;top:28px;left: 50%;margin-left: -145px}
.sub .visual-top{background: none;height: 250px;background:#794f38 url(http://img.imbc.com/broad/tv/culture/gohometown/images/bg_sub_v2.jpg) top center no-repeat}
.sub .visual-top .pro-info{width: 1024px; margin: 20px auto; text-align: left; color: #fff;font-size: 16px}
.sub .nav{background: #fff}
.sub .nav ul{margin-bottom: 0;border-bottom: 1px solid #f7f7f7}
.content-sub { width: 1024px;margin: 0 auto;padding: 30px 0 60px;overflow: hidden; background: #fff}
.content-sub .header {height: 46px;margin:0 35px 16px;border-bottom:2px solid #eeeeee;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: 665px;margin:0 38px 0 35px;text-align: left;}
.content-sub .cont-right{float: right;margin-right: 35px}
.content-sub .con-area{padding:10px 0;box-sizing: border-box;overflow: hidden;}

.info .txt{padding:40px;line-height: 26px;font-size: 15px;color: #494339;letter-spacing: -.075em;font-family: 'notokr-light'}
.info .txt span{font-family: 'notokr-regular'}
.info .txt strong{font-family: 'notokr-bold'}
.mc img{display: block;margin:0 auto;}
.mc .txt{padding:10px 30px ;font-size: 16px;line-height: 28px;color:#3a3a3a;font-family: 'notokr-light' }