@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* Common Control */
img {vertical-align:top;}
.exbold {font-weight:900;}
.f-left {float:left;}

/* Lyaout */
html,body {text-align:center; width:100%; height:100%; font-family:"Nanum Gothic","µ¸¿ò",dotum,sans-serif; font-size:12px;}
.mobile body {overflow-x:hidden; width:1024px;}
body.ui-main {background:#000 url('http://img.imbc.com/broad/tv/culture/makeup/images/bg_body_temp_v2.jpg') no-repeat 50% 120px;}
body.ui-sub {background:#000 url('http://img.imbc.com/broad/tv/culture/makeup/images/bg_sub.jpg') no-repeat fixed 50% 0;}
.wrapper {position:relative; width:100%; min-height:100%; z-index:1;}
.ui-main .wrapper {overflow:hidden; background:url('http://img.imbc.com/broad/tv/culture/makeup/images/bg_body_y.png') repeat-y 50% 120px;}
.container {position:relative; width:1024px; margin:0 auto; z-index:10; text-align:left;}
.container:after{content:"."; height:0; font-size:0; visibility:hidden; display:block; clear:both;}
* html .container {height:0;}
.ui-main .container {padding-top:80px;}
.footer {position:relative; margin-left:153px; padding:30px 0; font-size:13px; text-align:center; color:#fff; z-index:10; font-family:"µ¸¿ò",dotum,sans-serif !important;}
.ui-sub .footer {color:#8d8d8d;}
.btn-like-program-wrap {position:absolute; top:140px; left:50%; margin-left:340px; z-index:500;}
.aside {float:left; width:152px; min-height:500px;}
.ui-sub .aside h1 {margin:40px 0 26px;}
.nav-makeup {margin-bottom:43px;}
.nav-makeup li {background:url('http://img.imbc.com/broad/tv/culture/makeup/images/bg_nav.png') no-repeat 0 0;}
.nav-makeup li:first-child {background:none;}
.nav-makeup li a {display:block; height:58px; line-height:58px; padding:0 0 0 1px; color:#fff; font-weight:600; font-size:17px; }
.nav-makeup li a:hover, .nav-makeup li a:focus {color:#fd8a19;}
.nav-makeup li.on a {font-size:20px; color:#fd8a19;}
.nav-makeup li:first-child a {padding-top:4px;}
.aside .btn-sns a {display:inline-block; padding:0 8px;}
#imbc-content {float:left; width:752px; padding:0 60px;}

/*
	contents
*/
/* main */
.background-main {position:fixed; width:100%; height:100%; z-index:0; top:0; left:0;}
#video_bg {width:100%; height:auto;}
.main-contents {text-align:center; color:#fff;}
.m-txt01 {margin:-25px 0 0 31px; font-size:16px; color:#fff; text-align:left;}
.m-txt02 {line-height:24px; font-size:16px;}
.m-txt03 {overflow:hidden; height:60px; margin-bottom:120px; line-height:30px; padding:13px 0; font-size:17px; background:url('http://img.imbc.com/broad/tv/culture/makeup/images/bg_m_txt.png') no-repeat 50% 0;}
.m-txt03 p {letter-spacing:-0.6px;}
.m-txt03 p:first-child {letter-spacing:-0.2px}
.ie678 .m-txt03 p {letter-spacing:0 !important;}
.m-txt03 .ln {color:#ada5a8;}
.btn-m-play {display:inline-block; padding:50px 0 55px;}
.background-layer {display:none; position:absolute; top:120px; left:0; width:100%; height:100%; background-color:#000; opacity:.9; filter:alpha(opacity=90); z-index:100;}
.m-layer-vod {display:none; position:absolute; top:120px; left:50%; width:auto; z-index:110; text-align:left;}
.m-layer-vod .btn-close {position:absolute; top:12px; left:0; background:transparent none; margin:0; padding:0; border:0; cursor:pointer;}
.m-layer-vod .youtube-box {width:auto; padding:53px 0 20px;}
.m-layer-vod .sns-bar {text-align:right;}
.m-layer-vod .sns-bar a {display:inline-block; margin-left:10px; vertical-align:middle;}
.m-layer-vod .sns-bar h3 {display:inline-block; padding-right:5px; color:#8f8f8f; font-size:17px; font-weight:800; vertical-align:middle;}

/* sub */
#imbc-content.sub-contents {padding-bottom:50px;}
#imbc-content.part1 {padding-top:105px;}
#imbc-content.part1 .inner {position:relative;}
.tab-tit {position:absolute; width:50%; height:73px; border-bottom:1px solid #878787; line-height:30px; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; , -moz-box-sizing:border-box;}
.tab-tit a {display:block; color:#dadada; font-size:16px;}
.tab-tit a strong {display:block; font-size:27px; font-weight:900;}
.tab-tit a strong .ln {color:#bbb; font-weight:100;}
.tab-tit.on {border-bottom:5px solid #ff9f22;}
.tab-tit.on a {color:#ff9f22}
.tab-tit.on a strong .ln{color:#815a27;}
.tab-tit01 {top:0; left:0;}
.tab-tit02 {top:0; left:50%;}
.tab-content {display:none; padding-top:110px;}
.tab-content.on {display:block;}
.tab-content .img {display:block; margin-bottom:20px;}
.tab-content p {line-height:18px; color:#fff; font-size:14px; letter-spacing:-0.7; font-weight:500;}
.tab-content .txt-main {letter-spacing:-1px; font-size:18px; line-height:27px; }
.tab-content .txt-main span {display:block;}
.tab-content .txt-main .fst {display:block; float:left; height:50px; line-height:1; color:#ffa63d; font-size:50px; font-weight:600; font-family: 'Nanum Myeongjo', serif; vertical-align:bottom;}
.tab-content .tit-serif {clear:both; width:100%; padding:50px 0 9px 15px; font-size:18px; font-weight:600; color:#ffa63d; font-family: 'Nanum Myeongjo', serif; background:url('http://img.imbc.com/broad/tv/culture/makeup/images/icon_tit.gif') no-repeat 0 50px; letter-spacing:-0.4;}
.tab-content .thumb {margin-bottom:10px;}
.tab-content .thumb.f-left {margin-bottom:0; padding:0 10px 0 0;}
.tab-content .thumb.f-left + p {padding-top:10px;}

#imbc-content.bbs {width:772px; padding:74px 50px;}
#imbc-content.bbs .inner {padding:10px; background:url('http://img.imbc.com/broad/tv/culture/makeup/images/bg_op40.png') repeat;}
.bbs-box {padding:10px 20px; background-color:#fff;}
.bbs-box:after{content:"."; height:0; font-size:0; visibility:hidden; display:block; clear:both;}
* html .bbs-box {height:0;}

#imbc-content.staff .inner {line-height:22px; padding:75px 35px 0; background:url('http://img.imbc.com/broad/tv/culture/makeup/images/img_staff.png')no-repeat 100% 100%;}
#imbc-content.staff .inner h3 {margin-bottom:8px; padding-top:7px; font-size:16px; color:#fd8a19;}
#imbc-content.staff .inner h3 strong {font-size:22px; font-weight:600;}
#imbc-content.staff .inner p {line-height:18px; margin-bottom:8px; font-size:14px; color:#e2e2e2;}
#imbc-content.staff .inner p em {display:block; line-height:22px; color:#fff;}
#imbc-content.staff .other-staff {padding-top:7px;}
#imbc-content.staff .other-staff p {line-height:27px; font-size:13px; margin-bottom:0; letter-spacing:-0.4; color:#fd8a19;}
#imbc-content.staff .other-staff strong {font-size:16px; font-weight:600;}

#imbc-content.photo {width:772px; padding:74px 50px;}
.list-photo {overflow:hidden; margin-left:-44px;}
.list-photo li {overflow:hidden; float:left; width:364px; height:273px; margin-left:44px; text-align:right;}
.list-photo strong {color:#bbb; font-size:13px;}
.list-photo .img {display:block; margin-bottom:9px;}
.list-photo a {margin-left:14px; }
.list-photo a img {vertical-align:middle;}
.list-photo .vod-box {height:204px; background-color:#bbb;}

#imbc-content.concept .inner {padding-top:90px; color:#fff;}
#imbc-content.concept .inner .main-txt {margin-bottom:25px; line-height:28px; font-size:24px; color:#fff; font-family: 'Nanum Myeongjo', serif; font-weight:600; font-style:italic;}
#imbc-content.concept .inner .main-txt strong {color:#ffa63d;}
#imbc-content.concept .inner p {font-size:14px; line-height:18px;}
#imbc-content.concept .tit-serif {clear:both; width:100%; padding:50px 0 15px 15px; font-size:18px; font-weight:600; color:#ffa63d; font-family: 'Nanum Myeongjo', serif; background:url('http://img.imbc.com/broad/tv/culture/makeup/images/icon_tit.gif') no-repeat 0 50px; letter-spacing:-0.4;}
#imbc-content.concept .tit-serif .ln {color:#b29879;}