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

/*reset*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0}
fieldset,img {border:0 none}
a {color:inherit;text-decoration:none;}
dl, ul, ol, li {list-style:none}
img {vertical-align:top}
table {border-collapse:collapse; border-spacing:0; border:0}
th,td {vertical-align:middle}
em, caption, cite, address, dfn, var,code {font-style:normal;font-weight:normal}
input[type='text'],input[type='password'],input[type='number'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'] {-webkit-appearance:none; border-radius:0}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
input[type='number']::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none; margin:0;}
input,select,textarea,button {font-size:100%;vertical-align:middle;letter-spacing:-1px;outline: none;}
select, select option, textarea {text-transform: uppercase; -webkit-appearance:none;-moz-appearance: none; }
button {border:0 none;background-color:transparent;cursor:pointer}
html{word-wrap:break-word;appearance: none;-webkit-text-size-adjust: none; -ms-text-size-adjust: none; }
body{font-family:'Noto Sans KR',"Apple SD Gothic Neo",'¸¼Àº °íµñ','Malgun Gothic', dotum, sans-serif;line-height: 1.5;letter-spacing: -1px;font-weight: 400}
.blind {display:block; overflow:hidden; position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px}
h1, h2, h3, h4, h5{font-weight: normal;}
img{vertical-align: top;border: 0;}

/* accessibility */
#accessibility {position:absolute; top:-1000px; left:0; overflow:hidden; display:block; width:1px; text-align:left; text-indent:-9999px; z-index:9999;}

/*class ==> html*/
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:2;}
.ellipsis3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:3;}

/*À̹ÌÁö*/
.icon-logo{background-image: url("http://img.imbc.com/broad/tv/culture/2017mbc/images/icon-logo.png");}
.icon-logo2{background-image: url("http://img.imbc.com/broad/tv/culture/2017mbc/images/icon-logo2.png");}
.icon-down{background-image: url("http://img.imbc.com/broad/tv/culture/2017mbc/images/icon-down.png");}
.icon-revod{background-image: url("http://img.imbc.com/broad/tv/culture/2017mbc/images/icon-revod.png");}
.icon-submit{background-image: url("http://img.imbc.com/broad/tv/culture/2017mbc/images/icon-submit.png");}
.icon-result{background-image: url("http://img.imbc.com/broad/tv/culture/2017mbc/images/icon-result.png");}
.icon-copy{background-image: url("http://img.imbc.com/broad/tv/culture/2017mbc/images/icon-copy.png");}
.icon-face{background-image: url("http://img.imbc.com/broad/tv/culture/2017mbc/images/icon-face.png");}
.icon-kakao{background-image: url("http://img.imbc.com/broad/tv/culture/2017mbc/images/icon-kakao.png");}
.icon-twitter{background-image: url("http://img.imbc.com/broad/tv/culture/2017mbc/images/icon-twitter.png");}

/*°øÅ뿵¿ª*/
.icon{display: inline-block;background-repeat: no-repeat;background-size: cover;background-position: 0 0;font-size:0;text-indent: -9999em;vertical-align: top;}
.btn{display:inline-block;width:290px;height: 46px;border-radius: 5px; font-weight:500;font-size:16px;line-height: 46px;text-align: center;}
#wrap, .section{width: 100%;}
.sec-wrap{position: relative;width: 980px;margin: 0 auto;text-align: center;}

/*section 1: vod*/
.section.vod{background: url("http://img.imbc.com/broad/tv/culture/2017mbc/images/bg-top.jpg") no-repeat center;background-size: cover;}
.vod-wrap{padding-top: 98px;padding-bottom: 114px;}
.vod-wrap .tit-section{font-size:62px;color:#334555;font-weight:400; line-height: 58px;letter-spacing:-3px;}
.vod-wrap .tit-section .icon-logo{width: 167px;height: 48px;margin-top: 6px;}
.vod-wrap .tit-section strong{margin-left: 16px;font-weight: 700;letter-spacing: -3.6px;font-weight: 700;line-height: inherit;}
.vod-wrap .dday{display: inline-block;margin: 44px 0 58px;padding-bottom: 7px;border-bottom: 2px solid #2e539e;font-size:34px;color:#2e539e;font-weight: 500; line-height: 1;letter-spacing: -2.5px;}
.vod-wrap .dday strong{font-weight:700;}
.vod-wrap .vod-area{width: 980px;height: 622px;margin-left: -10px;text-align: center;}

/*section2 Èĺ¸ÀÚ ¼Ò°³*/
.candidate{background:#2e539e;
    background-image: linear-gradient(to right,#2e539e 40%, #476cb7 40%);
    background: -webkit-linear-gradient(left, #2e539e 40%, #476cb7 40%); 
    background: -o-linear-gradient(left , #2e539e 40%,#476cb7) 40%; 
    background: -moz-linear-gradient(left, #2e539e 40%, #476cb7 40%);
}
.candi-wrap{text-align: center;}
.candi-wrap .tit-section{font-size:48px;color:#fff;font-weight: 400;line-height: 1;letter-spacing: -2px;}
.candi-wrap .txt-sub{margin: 28px 0 36px;font-size: 16px;color:#e7e7e7;line-height: 1;}
.candi-area{text-align: left;}
.candi-area .sec-wrap{padding: 88px 0 100px;background: url("http://img.imbc.com/broad/tv/culture/2017mbc/images/bg-mid.jpg") repeat-y center;overflow: hidden;}
.candi-area li{float:left;width: 290px;text-align: left;}
.candi-area li.mid{margin: 0 55px;}
.candi-area li .img{width: 100%;height: 310px;overflow: hidden}
.candi-area li .img img{width: 100%;}
.candi-area li .txt-wrap .name{padding: 18px 0 20px;border-bottom: 1px solid rgba(250,250,250,0.1);font-size:32px;color:#fff;line-height: 1;}
.candi-area li .txt-wrap .info{margin: 13px 0 19px;font-size: 16px;color:#e7e7e7;font-weight: 400;letter-spacing: -1px;line-height: 28px;}
.candi-area li .link-box a{margin-bottom: 11px;color:#334555;cursor:pointer;}
.candi-area li .link-box a:last-child{margin-bottom: 0;}
.candi-area li .link-box a .icon{width: 14px;height: 16px;margin-top: 15px;margin-right: 6px;}
.candi-area li .link-box a.down{background: #dae2f1;}
.candi-area li .link-box a.revod{background: #cadcff;}
.candi-area li .link-box a.revod .icon{margin-left:10px;}

/*section3 ÀÇ°ß ¼Ò°³*/
.suggest{background: #ebf1ff;}
.sug-wrap{padding: 89px 0 68px;text-align: center;}
.sug-wrap .tit-section{padding-bottom: 46px;font-size:48px;color:#2e539e;letter-spacing: -2.5px;line-height: 1;}
.sug-area{padding: 56px 57px 61px 60px; background: #fff;border:1px solid #e2e8f8;box-sizing: border-box;}
.sug-area .txt-detail{display: inline-block;font-size:32px;color:#333;line-height: 52px;}
.sug-area .txt-detail strong{font-weight: 700;}
.sug-area .txt-detail .icon-logo2{width: 84px;height: 25px;margin-top: 14px;}
.sug-area .date{margin: 20px 0 47px;font-size:21px;color:#616161;letter-spacing: -1.5px;}
.sug-area .date strong{font-weight: 700;letter-spacing: -0.5px;}
.select-area{padding:57px 45px 59px 75px;border:1px solid #E2E8F8;background:#EBF1FF;overflow: hidden;}
.select-area .select-box{height: 34px;overflow: hidden;}
.select-area .select-box li{float:left;position: relative;display: inline-block;width: 160px;height: 34px;margin-right: 32px;}
.select-area .select-box li:first-child{margin-left: 0;}
.select-area .select-box li:last-child{margin-right: 0;}
.select-area .chk-box input{position: absolute;top: 6px;left: 0;width:18px;height: 18px;}
.select-area .chk-box label{position: absolute;top: 0;left: 0;height: 31px;padding-left: 25px;background-color: #EBF1FF;background-image:url('http://img.imbc.com/broad/tv/culture/2017mbc/images/img-input.png');background-repeat:  no-repeat;background-size:18px;background-position: 0 3px;font-size:34px;color:#334555;line-height: 34px;letter-spacing: -2.5px;cursor: pointer;}
.select-area .chk-box input:checked + label {background-position:0 -28px;color:#335caf;}
.select-area .txt-sub{margin: 30px 0 34px; font-size: 16px; font-weight: 400;color:#616161;line-height: 1.2;}
.select-area .result-box{width: 100%;text-align: center;overflow: hidden;}
.select-area .result-box li{float:left;margin-right: 23px;color:#fff;}
.select-area .result-box li:first-child{margin: 0 23px 0 51px;}
.select-area .result-box a.submit{background:#2e539e;}
.select-area .result-box a.result{background: #344555;}
.select-area .result-box a .icon{margin-top: 15px;margin-right: 6px;}
.select-area .result-box a .icon-submit{width: 17px;height: 17px;}
.select-area .result-box a .icon-result{width: 20px;height: 18px;}

/*sns*/
.section.sns{position: relative;padding-bottom: 68px;background: #ebf1ff}
.sns-wrap .sns-area{position: absolute;left: 50%;margin-left: -117px;text-align: center;overflow: hidden;}
.sns-wrap .sns-area li{float:left;margin-right: 12px;}
.sns-wrap .sns-area li:last-child{margin-right: 0;}
.sns-wrap .sns-area li .icon{width:50px;height: 50px;}
.copyright{padding-top: 77px;font-size:13px;color:#949494;letter-spacing: -0.25px;}