@import "http://www.imbc.com/commons/css/base.css";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/*******************************
   UI
*******************************/
body {text-align: center;font-size: 12px; font-family:'Nanum Gothic',dotum;}

.ui-page {overflow: hidden;position: relative;width: 100%;}

.nav {text-align:center;background-color:#3F3F3F;border-top:1px solid #444444;z-index: 100;}
.nav ul {overflow:hidden;margin:0 auto;width:1024px;*width:1024px;text-align:center;}
.nav ul li {display:inline;height:49px;line-height:49px;text-align:center;*display: inline;}
.nav ul li a {padding-left: 33px;padding-right: 33px;font-size:16px;color:#fff;letter-spacing:-1px;font-family:'Nanum Gothic',dotum;}
.nav ul li a:hover{color:#ffbd00;text-decoration: underline;}

.contents{background:#EDEDED;}
.documentation {overflow: hidden;position: relative;width: 1024px;background-color: #fff;margin: 0 auto;text-align: left;}
.site-footer {padding:38px 0 34px;text-align: center;font-size:12px;color:#717171;background-color: #EDEDED;}

/*******************************
   Main
*******************************/
.ui-page .visual-top{width: 100%;height: 251px;background: url("http://img.imbc.com/broad/tv/ent/realman/img/bg-realman.jpg") no-repeat center top;position: relative;}
.ui-page .masthead {overflow: hidden;width: 1024px;height: 251px;margin: 0 auto; }
.ui-page .masthead .tit-logo {position: absolute;left: 50%;top: 47px;margin-left: -250px; }
.ui-page .masthead .tit-logo a{display: block;width: 342px;height: 164px;}
.ui-page .masthead .tit-logo a img{width: 342px;height: 164px;}
.ui-page .masthead .logo-sunday {position: absolute;left: 50%;top: 19px;width: 155px;height: 145px;margin-left: -467px;display: block;}
.ui-page .masthead .logo-sunday img{width: 155px;height: 145px}
.ui-page .btn-like-program-wrap {position: absolute;left: 50%;margin-left: 332px;top: 15px; }


/*******************************
   Sub
*******************************/

.documentation-sub {z-index: 10;width: 954px;*width: 1024px;padding: 0 35px;}
.contents .header {height: 26px;*height: 60px;padding-top: 31px;margin-bottom: 15px;border-bottom: 2px solid #E5E5E5; }
.container {overflow: hidden;position: relative;float: left; }
.container-left {width: 677px;padding-bottom: 20px;margin-right: 27px; }
.container-left .heading {overflow: hidden;position: relative;margin-bottom: 15px;text-align: left; }
.container-right {width: 250px; }

/*index*/
.contents .intro{width: 693px;height: 1129px;background: url("http://img.imbc.com/broad/tv/ent/realman/img/intro.jpg") no-repeat center;}