@charset "euc-kr";
/* reset */
* {margin:0; padding:0}
img {vertical-align:top; border:0}
a {text-decoration:none}
dl, ul, ol, li {list-style:none}
hr, caption {display:none}
fieldset {border:0}
table {border-collapse:collapse; border-spacing:0; border:0}
th,td {vertical-align:middle}
em, cite, address, dfn, var {font-style:normal}
body {font-size:75%; color:#555; line-height:1; text-align: center}

/* global */
.clear:after {content: "."; display:block; height:0; font-size:0; clear:both; visibility:hidden}
.clear {clear:both; min-height:1px; *height:1px;}
.show {display:block}
.hide {display:none}
.ir-wa {display:block; overflow:hidden; position:relative; z-index:-1; width:100%; height:100%}
.blind {display:block; overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px}
.txt-blind {overflow:hidden; font-size:0; line-height:100px}

/* accessibility */
#accessibility {position:absolute; top:0; left:0; z-index:9999;  width:100%; text-align:left}
#accessibility a {display:block; position:absolute; top:-1000px; left:0; z-index:500; width:100%; text-align:center}
#accessibility a:focus, #accessibility a:active {position:absolute; top:0; z-index:1000; height:40px; background:#efefef; font:bold 12px dotum; color:#000; line-height:40px}

/* common style */
a {color:inherit;}
button {border:0 none;background:none;cursor:pointer;}
body {width: 100%; text-align: center;  background: #f7c911}/*  url('http://img.imbc.com/broad/tv/culture/ai/img/sub-03.jpg') no-repeat center -24px; opacity:0.7;; */
.wrapper {overflow: hidden; min-width:1024px; width: 100%; font-weight: normal; } 
.btn-like-program-wrap {display:inline-block;position:absolute;top:12px;left:50%;z-index:100;margin-left:-505px; z-index: 999;}
.ad-rectangle{ position:absolute;right:0;top: 0; }
.ad { position:absolute;right:0;top: 0; }

/*main*/
.wrapper{ min-width: 1024px; background: #f7c911;  position: relative; font-family: 'Malgun Gothic'; font-weight: normal; }
#container {  position: relative; text-align: left;  background-color:#f7c911;}
.content-inner {overflow:hidden;margin:0 auto;width:1024px;text-align: center;} 
.container .content {position: relative; z-index: 2; }
#footer {padding:30px 0 30px;color:#585858;background-color:#000;}

.visual-top {overflow:hidden; height:274px; background:#000 url('http://img.imbc.com/broad/tv/culture/ai/img/bg-visual-top.jpg') no-repeat center top;}
.visual-top h1 {margin-left:-186px; top:31px;} 
.visual-top .tit-logo-main {position:absolute;left:50%;z-index:100;}
.visual-top .tit-logo-sub {position:absolute;left:50%;z-index:100;}

/* ¸Þ´º*/
.nav {position: absolute;left: 50%;top: 246px;margin: 0 auto;margin-left: -491px;width: 985px;height: 47px;z-index: 10; background: #f7c911;text-align:center;}
.nav>ul {overflow:hidden;position: absolute;top: 0;width: 780px;margin:0 auto;position: absolute;left: 50%;margin-left: -390px;padding-top: 18px;}
.nav>ul li {overflow: hidden;display:block;float: left;width: 242px;height: 54px;margin-left: 10px;background: #f7c911;border:2px solid #000;}
.nav>ul li.first-item{margin: 0}
.nav>ul li.on a{color: #fff; background: #000}
.nav>ul li a {display: block;width: 242px;color:#000; height: 54px;line-height: 50px;font-weight: bold;font-size: 24px;letter-spacing:-0.10em;}
.nav>ul li a:hover,.nav ul li a:active {background: #000; color: #fff}


.nav .icon-short{position: relative; left: 100%; margin:20px 0 0 -73px;}
.nav .icon-short ul li{ width: 54px;height: 54px;}
.nav .icon-short ul li.btn-vod {background: url('http://img.imbc.com/broad/tv/culture/ai/img/icon-play.jpg') no-repeat; background-position:  98% bottom;}
.nav .icon-short ul li.btn-vod.on{background-position: top;}
.nav .icon-short ul li.btn-bbs { margin-top: 9px; background: url('http://img.imbc.com/broad/tv/culture/ai/img/icon-board.jpg') no-repeat; background-position: 98% bottom;}
.nav .icon-short ul li.btn-bbs.on{background-position: top;}
.nav .icon-short ul li.btn-about { margin-top: 9px; background: url('http://img.imbc.com/broad/tv/culture/ai/img/icon-intro.jpg')no-repeat; background-position: 98% bottom;}
.nav .icon-short ul li.btn-about.on{background-position: top;}
.nav .icon-short ul li a {display: block; width: 54px; height: 54px;}
.nav .icon-short ul li:hover,.nav .icon-short ul li:active {background-position: top;}

.nav .icon-short ul li.on{background-position: top;}

.icon-share{position: absolute;bottom: -47px;left: 50%;margin-left: 106px;}
.icon-share .btn-share {display: block;float: left;width: 80px;height: 80px;font-size: 0;background: url('http://img.imbc.com/broad/tv/culture/ai/img/icon-share.jpg') no-repeat;background-position: bottom;}
.icon-share .btn-share:hover, .icon-share .btn-share:active{background-position: top;}

.icon-share ul {overflow: hidden;float: left;}
.icon-share ul li{float: left; width: 80px; height: 80px; margin-right: 2px; font-size: 0;}
.icon-share ul li a {display: block;width: 80px; height: 80px;}

.icon-share ul li.share-blog{background: url('http://img.imbc.com/broad/tv/culture/ai/img/icon-blog.png') no-repeat; background-position: bottom;}
.icon-share ul li.share-kakaostory{background: url('http://img.imbc.com/broad/tv/culture/ai/img/icon-kakaostory.png') no-repeat; background-position: bottom;}
.icon-share ul li.share-kakaostory{background: url('http://img.imbc.com/broad/tv/culture/ai/img/icon-kakaostory.png') no-repeat; background-position: bottom;}
.icon-share ul li.share-twitter{background: url('http://img.imbc.com/broad/tv/culture/ai/img/icon-twitter.png') no-repeat; background-position: bottom;}
.icon-share ul li.share-facebook{background: url('http://img.imbc.com/broad/tv/culture/ai/img/icon-facebook.png') no-repeat; background-position: bottom;}
.icon-share ul.on li:hover, .icon-share ul li:active{background-position: top;}

.mainA .container .content{background: url('http://img.imbc.com/broad/tv/culture/ai/img/bg-main-01-02.jpg') no-repeat center top;}
.mainB .container .content{background: url('http://img.imbc.com/broad/tv/culture/ai/img/bg-main-02-02.jpg') no-repeat center top;}
.mainC .container .content{background: url('http://img.imbc.com/broad/tv/culture/ai/img/bg-main-03-02.jpg') no-repeat center top;}

.mainA .container .content .cont-inner .broad-info {margin:11px 0 12px 12px;}
.mainB .container .content .cont-inner .broad-info {margin:14px 0 12px 12px;}

.container .content .section-clip {height: 672px; position: relative;}
.mainA .container .content .section-clip{background: #1d1d1d url('http://img.imbc.com/broad/tv/culture/AI/img/ai-mainA-cont-bg.jpg') no-repeat center bottom;}
.mainB .container .content .section-clip{background: #1d1d1d url('http://img.imbc.com/broad/tv/culture/AI/img/ai-mainB-cont-bg.jpg') no-repeat center bottom;}
.mainC .container .content .section-clip{background: #1d1d1d url('http://img.imbc.com/broad/tv/culture/AI/img/ai-mainC-cont-bg.jpg') no-repeat center bottom;}

.clip-inner{width: 1024px;height: 497px; margin: 0 auto; text-align: center;}
.clip-inner .cont-tit {padding: 59px 0 29px;}


.content .preview {position: relative; height: 706px;}
.content .preview iframe {position: absolute;top: 224px;left: 50%;margin-left: -287px;}
.content .cont-inner {width: 800px;margin: 0 auto;padding-left: 227px;margin-bottom: 115px; }
.content .cont-inner .broad-info{margin: 12px; font-size: 14px; color: #736400;}
.content .cont-inner .preview-info{ padding-top:42px; font-size: 16px;line-height: 1.8;letter-spacing: -0.05em; color: #000;  }
.content .cont-inner .preview-info .info-tit {font-size: 16px; font-style: italic;letter-spacing: -0.05em;padding-left: 48px;margin-bottom: 46px; line-height: 1.6}
.content .cont-inner .preview-info h3 { padding-bottom: 2px; font-size: 20px;  font-weight: bold;}
.content .staff-footer {overflow: hidden; width: 100%; height: 175px; background: #1d1d1d; background: url('http://img.imbc.com/broad/tv/culture/ai/img/bg-staff-main.png') repeat-x;}
.content .staff-footer .staff-footer-inner {overflow: hidden; width: 748px; margin: 0 auto; padding: 62px 0 0 69px;}
.content .staff-footer .staff-footer-inner ul {float: left;color: #fff;font-size: 14px; font-weight: bold; margin-left: 45px;}
.content .staff-footer .staff-footer-inner ul li {line-height: 1.6;}
.content .staff-footer .staff-footer-inner ul.first-staff{margin-left: 0;}
.content .staff-footer .staff-footer-inner ul.first-staff li span{display: inline-block;width: 85px;}
.content .staff-footer .staff-footer-inner ul li span{ display: inline-block; width: 70px; }
.content .staff-footer .staff-footer-inner ul.last-staff{margin-left: 45px;}
.content .staff-footer .staff-footer-inner ul.last-staff li span{width: 40px;}

.sub .container {overflow: hidden; min-width: 1024px; margin: 0 auto; text-align: center;}
.sub .container .content{padding-top: 252px; padding-left: 25px;padding-bottom: 150px; background: url('http://img.imbc.com/broad/tv/culture/ai/img/bg-sub-02.jpg') no-repeat center top;  text-align: center;}
.sub .container .content .cont-inner {overflow: hidden; width: 864px;  *width:924px; padding: 20px 30px 40px; margin: 0 auto; margin-bottom: 82px; z-index: 10; background: #fff; text-align: center; }
.sub .container .content .cont-inner .point-inner {padding:40px 0 92px 42px;  text-align: left; letter-spacing: -0.075em;}
.sub .container .content .cont-inner .point-inner .point-txt{margin-left: 44px; padding: 50px 102px 0 23px; border-left: 1px solid #ccc; font-size: 14px; line-height: 1.9;} 
.sub .container .content .cont-inner .point-inner .point-txt .point-info {padding: 45px 0 0 2px;}
.sub .container .content .cont-inner .point-inner .point-txt .point-info strong{ font-size: 16px; font-weight: bold; line-height: 1.9; color:#000;}

.about .container .content .cont-inner {padding: 20px 30px 85px 40px;}
.sub .container .content .cont-inner .about-inner{overflow: hidden; padding:40px 0 0 42px; font-size: 14px; text-align: left; line-height: 1.9;}
.sub .container .content .cont-inner .about-inner .about-inner-top { overflow: hidden; padding-top: 5px;}
.sub .container .content .cont-inner .about-inner .about-inner-top div{float: left; padding-top: 7px; letter-spacing: -0.075em;}
.sub .container .content .cont-inner .about-inner .about-inner-top img{float: left; padding: 20px 0 0 52px;}
.staff-info {margin-top: 57px; margin-left: 46px; padding: 0 68px 0 70px; border-left: 1px solid #ccc; letter-spacing: -0.075em;}
.staff-info strong{font-weight: bold; color:#000;}

.about .container .content{padding-bottom: 0;}
.sub .container .content .preview {height: auto;} 
.sub .sub-nav {position: absolute;left: 50%;top: 114px;width: 924px;margin: 0 auto;margin-left: -462px;}
.sub .sub-nav ul {overflow:hidden;position: absolute;top: 0;width: 924px;margin:0 auto;left: 50%;margin-left: -450px;padding-top: 76px;}
.sub .sub-nav ul li {display:block; float: left; width: 462px;height: 62px;font-size: 0;}
.sub .sub-nav ul li.clip {background: url('http://img.imbc.com/broad/tv/culture/ai/img/sub-nav-clip.jpg') no-repeat; background-position: bottom;}
.sub .sub-nav ul li.vod {background: url('http://img.imbc.com/broad/tv/culture/ai/img/sub-nav-vod.jpg') no-repeat; background-position: bottom;}
.sub .sub-nav ul li.about {background: url('http://img.imbc.com/broad/tv/culture/ai/img/sub-nav-about.jpg') no-repeat; background-position: bottom;}
.sub .sub-nav ul li.point {background: url('http://img.imbc.com/broad/tv/culture/ai/img/sub-nav-point.jpg') no-repeat; background-position: bottom;}
.sub .sub-nav ul li a{display: block; float: left;width: 462px;height: 62px;}
.sub .sub-nav ul li.on, .sub .sub-nav ul li:hover, .sub .sub-nav ul li:active{background-position: top;}
.sub .container .content .bg-cont-inner {border: 1px solid #000;width: 885px;height: 680px;padding-left: 40px;padding-bottom: 20px;z-index: -1;position: absolute;top: 251px;left: 50%;margin-left: -490px;}
.bbs .container .content{padding-top: 190px;}
.clip .container .content .bg-cont-inner {height: 1260px; }
.point .container .content .bg-cont-inner {height: 1380px;}
.point .container .content {padding-bottom: 0;}
.about .container .content .bg-cont-inner {height: 1415px;}
.about .container .content .cont-inner {width:854px;}

/*È­Á¦ÀÇ1ºÐ*/
.roll-ban-event {position: relative;width: 1024px;height: 312px;margin: 0 auto;z-index: 100;}
.roll-controll-btn{position: absolute;}
.roll-controll-btn .btn { display: inline-block; width: 16px; height: 16px; padding: 0; margin-right: 8px; border: 0; background: url('http://img.imbc.com/broad/tv/culture/mbcspecial/img/img-dot.png') no-repeat top center; cursor: pointer; } 
.roll-controll-btn .btn.on { height: 16px; background: url('http://img.imbc.com/broad/tv/culture/mbcspecial/img/img-dot.png') no-repeat top center; background-position: 0 -16px;} 
.roll-controll-btn { position: absolute; bottom: 15px; left: 50%; width: 90px; margin-left: -70px; text-align: center;  height: 16px; z-index: 9999; }
.roll-ban-event .clip {overflow: hidden; height: 235px; }
.roll-ban-event ul li{float: left; margin-left: 23px; height: 235px;}
.roll-ban-event ul li:first-child{ opacity: 1; -ms-filter: "alpha(opacity=100)"; margin-left: 0;}
.article a{display: block; width: 310px; height: 192px;}
.article a .img>img:hover{border: 10px solid #fff; box-sizing: border-box; width: 310px; height: 192px;}
.article a .img{position: relative; }
.article a .img>img{overflow: hidden;width: 310px;height: 192px;z-index: 100;}
.article a .img .bg-icon-paly{position: absolute; left: 127px; top:67px;  width:57px; height: 57px; z-index: 500; background: url('http://img.imbc.com/broad/tv/culture/AI/img/bg-icon-paly.png') no-repeat;}
.txt .title {padding-top: 20px; color: #fff; font-size: 14px; letter-spacing: -0.075em;}