@charset "UTF-8";

/*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; }
.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-logoM.png");}
.icon-logo2{background-image: url("http://img.imbc.com/broad/tv/culture/2017mbc/images/icon-logo2M.png");}
.icon-copy{background-image: url("http://img.imbc.com/broad/tv/culture/2017mbc/images/icon-copyM.png");}
.icon-face{background-image: url("http://img.imbc.com/broad/tv/culture/2017mbc/images/icon-faceM.png");}
.icon-kakao{background-image: url("http://img.imbc.com/broad/tv/culture/2017mbc/images/icon-kakaoM.png");}
.icon-twitter{background-image: url("http://img.imbc.com/broad/tv/culture/2017mbc/images/icon-twitterM.png");}

/*공통영역*/
.icon{display: inline-block;background-repeat: no-repeat;background-size: 100%;background-position: 0 0;font-size:0;text-indent: -9999em;vertical-align: top;}
.btn{font-weight: 400; text-align: center;}
#wrap, .section{width: 100%;}
.sec-wrap{margin: 0 auto;}

/*section 1: vod*/
.container{padding: 0}
.section.vod{width: 100%;text-align: center;overflow: hidden}
.section.vod .vod-area{width: 100%;text-align: center;}
.section.vod .vod-area img{width: 100%;}

/*section2 후보자 소개*/
.candidate{padding: 26px 20px;background: #e7ebf7;text-align: center;box-sizing: border-box;overflow: hidden;}

.candi-area{background: #fff;padding: 20px;}
.candi-area li{width:100%;margin-bottom:18px;text-align: left;overflow: hidden;position: relative;border-radius: 15px;background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 34%, rgba(0,0,0,1) 100%, rgba(0,0,0,1) 100%);}
.candi-area li .img{float:left;width: 54%;overflow: hidden;text-align: center;}
.candi-area li .img img{width: 100%;}
.candi-area li .link-box{position: absolute;width: 100%;height: 100%;color:#fff;letter-spacing: -.075em;box-sizing: border-box;padding: 19% 10px 8px 50%;}
.candi-area li .link-box .name{font-size:20px;line-height: 38px;font-weight: bold;border-bottom: 1px solid rgba(255,255,255,.2);margin-bottom: 10px;font-family: 'notokr-bold';letter-spacing: 1px;}
.candi-area li .link-box .info{font-size: 12px;line-height: 18px;}
.candi-area li .down{display:block;margin-top: 13px;height:25px;line-height:25px;border-radius:11px;background: #fff url("http://img.imbc.com/2020ceolive/images/icon_down.png") 90% center no-repeat;color: #000;font-size: 12px;background-size: 3px;}

.notice{font-size: 14px;line-height: 24px;letter-spacing: -.05rem;padding:0 20px 20px;background: #e2e8f8;text-align: center;color: #000;}

/*sns*/
.section.sns{position: relative;height: 60px;padding-top: 20px;background: #e2e8f8}
.sns-wrap .sns-area{position: absolute;left: 50%;margin-left: -103px;text-align: center;overflow: hidden;}
.sns-wrap .sns-area li{float:left;margin-right: 15px;}
.sns-wrap .sns-area li:last-child{margin-right: 0;}
.sns-wrap .sns-area li .icon{width:40.5px;height: 40px;}


footer{background: #bbbbbb;color: #fff;font-size: 10px;padding: 20px 0;text-align: center;}
/*iphone5*/
/*mobile devices*/
@media screen and (max-width:360px) {
	.candi-area li .link-box{padding-top: 12%;padding-left: 46%;}
}
@media screen and (max-width:320px) {
	.candi-area li .img{width: 45%}
	.candi-area li .link-box{padding-top: 1%;padding-left: 38%;}
	.candi-area li .down{margin-top: 5px}
}