﻿@charset 'utf-8';
/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, em, img, strong, sup, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textdistrict, button, select {margin:0;padding:0;border:0;vertical-align:baseline;}
body {-webkit-text-size-adjust:none;}
li {list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight: normal}
img {border:0 none;vertical-align:top;width:auto}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}
label, input, button, select, textarea {border-radius:0}
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;}
button {border:0 none;text-align:center;vertical-align:top;cursor:pointer;font-family:'notokr-demilight',Dotum,Arial,Helvetica,sans-serif;background:none;}
button::-moz-focus-inner {padding:0;border:0;}
a {text-decoration:none;color:inherit;}

/* common */
body{margin:0;padding:0;overflow-x: hidden;color:#111111;letter-spacing: -.075em}
img{width: 100%}
html:lang(ko) {font-family:'notokr-demilight',Dotum,Arial,Helvetica,sans-serif}
select option:hover{cursor:pointer;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:'notokr-demilight';background:none;}
select::-ms-expand {display:none;}
.blind{text-indent: -9999px;overflow: hidden;width: 0;height: 0;}
.ellipsis{overflow: hidden;vertical-align: top;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.wrapper{width: 100%;}
.wrapper h1{padding: 18px 0;line-height: 1;font-size: 32px;font-family: 'notokr-thin';letter-spacing: -1px;text-align: center;border-bottom: 2px solid #dee1e4;color:#b12642;}
.wrapper.act h1{color:#926430;}
.wrapper h1 span{display:block;line-height:1.5;font-size: 14px;font-family: 'notokr-medium'}
.select-box{padding:20px;}
.select-box .select{background:#f4f4f4 url(http://img.imbc.com/broad/tv/ent/event/2017mbc/m/images/arr-down.png) 96% no-repeat;background-size:12px;height: 42px;width:100%;padding:0 20px;box-sizing: border-box;font-size: 16px;font-family: 'notokr-regular'}
.select-box option{width: 100%}
.w-vote{padding:20px 20px 60px;}
.vote{overflow:hidden;}
.vote li{width:48%;box-sizing:border-box;float: left;margin-bottom:4%;text-align: center;cursor: pointer;}
.vote .img{display:block; margin: 5px 5px 0;background:#f5f5f5;position: relative;}
.vote.video .img:after{content: '';width: 100%;height: 100%;background:url(http://img.imbc.com/broad/tv/ent/event/2017mbc/m/images/video_bg.png);display: block;position: absolute;top:0;background-size: cover;}
.vote label img{pointer-events:none;}
.vote .txt{padding: 13px 0;font-size: 14px}
.vote.video .txt{padding:11px 0 13px}
.vote .pro{display:block;font-family:'notokr-demilight'}
.vote .tit{font-family: 'notokr-medium';}
.vote input[type="radio"]{display: none}
.vote.video li{position: relative;}
.vote.video input[type="radio"]{display: block;width: 20px;height: 20px; margin:0 auto 4px;background:#fff;-webkit-appearance:none;background:url(http://img.imbc.com/broad/tv/ent/event/2017mbc/m/images/radio.png);background-size: 20px;}
.vote.video input[type="radio"]:checked{background:url(http://img.imbc.com/broad/tv/ent/event/2017mbc/m/images/radio_on.png);background-size: 20px;}
.vote.video .on{border:2px solid #926430;color:#926430;}
.vote label{display: block;border-radius:2px;border:1px solid #dddddd;}
.vote input[type="radio"]:checked + label{border:2px solid #d63a57}
.vote input[type="radio"]:checked + label .txt{color:#d63a57;}
.act .vote input[type="radio"]:checked + label{border:2px solid #926430}
.act .vote input[type="radio"]:checked + label .txt{color:#926430;}
.vote li:nth-child(2n+1){margin-right:4%}
.btn-vote{width:100%; line-height:1;padding:15px;font-family: 'notokr-medium';font-size: 16px;color:#fff;text-align: center;background:#d42f4d;border-radius: 3px}
.act .btn-vote{background: #926430}

/* 현장포토 */
.wrapper h1.photo-title { border-bottom:2px solid #e9e9e9; color:#202020; }
.wrapper h1.photo-title span { color:#757575; }
.photo-wrap { padding:10px 10px 50px; }
.photo-wrap ul.photo-list li { border:1px solid #d1d1d1; margin-bottom:10px; }
.photo-wrap ul.photo-list li .photo-content { padding:14px 14px 30px; } 
.photo-wrap ul.photo-list li .photo-info { overflow:hidden; height:34px; margin-bottom:10px; }
.photo-wrap ul.photo-list li .photo-info .profile { width:34px; margin-right:7px; }
.photo-wrap ul.photo-list li .photo-info .user-name { color:#1a1a1a; font-family: 'notokr-medium'; line-height:36px; font-size:14px; }
.photo-wrap ul.photo-list li .photo-info .date { float:right; line-height:36px; color:#757575; font-size:12px; padding-right:1px; }
.photo-wrap ul.photo-list li .photo-text { font-size:14px; word-break:keep-all; line-height:1.7em; }
.photo-wrap ul.photo-list li .photo-text .like-count { color:#1a1a1a; }
.photo-wrap ul.photo-list li .photo-text .text { color:#555; }

.photo-more { height:42px; line-height:44px; text-align:center; border:1px solid #e7e7e7; }
.photo-more a { display:block; background:#f6f6f6; width:100%; height:100%; }
.photo-more img.logo { width:22px; vertical-align:middle; margin-top:-4px; margin-right:7px; }
.photo-more img.arr { width:7px; vertical-align:middle; margin-top:-3px; }
.photo-more strong { margin-right:3px; font-family: 'notokr-medium'; }
.photo-more span { margin-right:3px; }