@charset "euc-kr";

@import url(https://font.imbc.com/noto/noto.css);
@import url(http://font.imbc.com/nanumgothic/nanumgothic.css);

/* common style */
img {vertical-align: top; border: none 0;}
a {color: inherit;}
button {border: 0 none; background: none; cursor: pointer;}
button:focus {outline: none;}
body {width: 100%; background: #fff; word-break: keep-all;}
button {font-family: 'notokr-light'; letter-spacing: -1px;}
li:fist-child {margin-top: 0 !important;}
h1, h2, h3, h4, h5, h6 {letter-spacing: -2px; font-family: 'notokr-bold'; line-height: 1;}
.wrapper {width: 100%; max-width:1920px; margin: 0 auto; font-family: 'notokr-light', dotum, 'µ¸¿ò'; font-weight: normal; letter-spacing: -1px; line-height: 1; overflow: hidden; color: #000;}
.ellipsis {text-overflow: ellipsis; overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.con-wrap {width: 1010px; margin: 0 auto;}
.l-copyright {color: #a39b9c;}
.blind {position: absolute; left: -9999px;}
.cf:after, .cf:before {content: ''; clear: both; display: block;}

/* main */
.main {background: #1f0b0d url(http://img.imbc.com/broad/radio/event/kimhc30th/images/main-bg_02.jpg) no-repeat center 88px;}
.main .container {}
.intro {position: relative; padding-top: 70px; box-sizing: border-box; margin-bottom: 12px;}
.main .intro {height: 675px;}
.intro .con-wrap {box-sizing: border-box; margin: 0 auto; width: 1050px;}
.intro h3.title {margin-bottom: 45px; width: 577px; height: 222px; position: absolute; right: 50%;    margin-right: -520px;}
.intro .info-wrap { position: absolute; right: 50%; margin-right: -640px; top: 10px; } 
.intro .info-wrap .time {margin-bottom: 32px;}
.intro .info-wrap .info {text-align: center; width: 450px; position: absolute; top: 260px; right: 0; margin-right: 220px;}

.intro .info-wrap .info p {font-weight: bold; font-size: 18px; line-height: 26px;}
.intro .info-wrap .info .if_txt_01 {font-size: 22px; line-height: 32px;}
.intro .info-wrap .info .if_txt_img {}
.intro .info-wrap .info .if_txt_02 {margin: 20px 0;}
.intro .info-wrap .info .if_txt_03 {color: #FFF; text-shadow: 2px 2px rgba(0,0,0,0.5);}


.nav {background: url(http://img.imbc.com/broad/radio/event/kimhc30th/images/menu_m_bg_01.png) 0 0 no-repeat; box-sizing: border-box; background-size: 100%; margin: 0 auto; width: 1217px; height: 83px;}
.nav .con-wrap {}
.nav ul {font-size: 0; margin: 0 auto; width: 1030px;}
.nav ul li {display: inline-block; width: 25%; text-align: center;}
.nav ul li:first-child {margin-left: 0;}
.nav ul li a {font-family: 'notokr-medium'; letter-spacing: -2px; font-size: 0; height: 70px; line-height: 70px; display: block; width: 100%; border-radius: 12px;}
.nav ul li.active {background-position: center bottom;}

.info-link {width: 100%; height: 42px; position: relative; top: 0; background-color: rgba(0, 0, 0, 0.5);}
.info-link .iflk_bx {width: 1130px; margin: 0 auto; height: 42px; text-align: right;}
.info-link .iflk_bx p {display: inline; font-size: 16px; color: #FFF; line-height: 42px; padding-right: 20px; text-align: right;}
.info-link .iflk_bx .select_bx {display: block; line-height: 40px;}
.info-link .select_form {float: right;}
.info-link .select_form.info-link fieldset {}
.info-link fieldset p {}
.info-link .blind {}
.info-link select {border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.info-link select::-ms-expand{ display:none;}
.info-link option {}

/* sub */
.sub {background: #413653 url(http://img.imbc.com/broad/radio/event/kimhc30th/images/sub-bg.jpg) no-repeat center 88px;}
.sub .nav {width: 1219px; height: 102px; position: absolute; bottom: 0;}
.sub .nav-wrap {width: 1217px; margin: 0 auto; height: 420px; position: relative;}
.sub .nav-wrap ul li {text-align: center;}
.sub .nav-wrap h3, .sub .con-wrap, .sub .con-wrap2, .sub .con-area {font-family: 'notokr-medium'; box-sizing: border-box;}
.sub .nav-wrap h3 {position: absolute; top: 80px; left: 50%; margin-left: -70px;}
.sub .con-wrap {width: 1217px; padding-right: 1px;}
.sub .con-area {background: #5060f9}
.sub .con-wrap2 {padding-bottom: 25px; background: url(http://img.imbc.com/broad/radio/event/kimhc30th/images/con-bg-bottom.png) no-repeat center bottom; background-size: 1219px;}

/* poll */
.t30-top {margin-bottom: 40px;}
.t30-top h4 {margin-bottom: 40px;}
.top30 .poll_link {width: 320px; height: 70px; background: url(http://img.imbc.com/broad/radio/event/leesh30th/images/poll_bttn_01.png) 0 0 no-repeat; background-position: center; position: absolute; bottom: 70px; left: 50%; margin-left: -160px;}
.top30 .poll_link a {display: block; width: 100%; height: 100%;}

/* photo */
.photo .imbbs {text-align: center;}

/* tolee */
.tolee .imbbs {text-align: center;}

/* podcast */
.podcast .con-area {font-family: 'Nanum Gothic';}
.podcast .con-area .pod-wrap {width: 792px; margin: 0 auto; padding-bottom: 100px;}
.podcast .page-notice {overflow: hidden; margin-bottom: 15px; padding: 4px 0 12px; width: 100%; *width: 600px; border: 1px solid #d9c4e1; text-align: center;}
.podcast .page-notice p {margin-top: 10px; line-height: 1.6; font-size: 12px; letter-spacing: -1px; color: #666;}
.podcast-list div {line-height: 1.6; height: 85px !important;}

/* footer */
.footer {padding: 90px 0; color: #a39b9c; letter-spacing: 0;}
.sub .footer {padding: 45px 0;}
.top30 .nav {background: url(http://img.imbc.com/broad/radio/event/kimhc30th/images/nav_s_1pol_01.png) 0 0 no-repeat;}
.photo .nav {background: url(http://img.imbc.com/broad/radio/event/kimhc30th/images/nav_s_2pht_01.png) 0 0 no-repeat;}
.tolee .nav {background: url(http://img.imbc.com/broad/radio/event/kimhc30th/images/nav_s_3tk_01.png) 0 0 no-repeat;}
.podcast .nav {background: url(http://img.imbc.com/broad/radio/event/kimhc30th/images/nav_s_4pod_01.png) 0 0 no-repeat;}
#hbbs_kimhc30th_1 {height:1145px; width: 1136px; background: #FFF; margin-left: 2px; padding: 0 25px; padding-top: 3px;}
.photo .imbbs, .tolee .imbbs, .podcast .con-area .pod-wrap, .top30 .wrap_view {width: 1186px; margin: 0 auto; background: #FFF; margin-left: 16px;}
.podcast-list {width: 990px; margin: 0 auto; padding: 20px 0;}

/**/

.qst_bx {width: 50%; height: 370px; float: left; overflow: hidden;}
.qsbx_lst {height: 250px;}
.qst_bx ul {}
.qst_bx ul li {font-size: 18px; line-height: 26px; font-weight: normal;}
#qst1 ul li, #qst2 ul li {font-size: 18px; line-height: 12px; font-weight: normal; margin-bottom: 10px;}
#qst0 ul li line-height: 26px;}
#qst1 ul {width: 1050px; margin: 0 auto; display: block;}
#qst1 ul li {width: 50%; float: left;}
.qst_bx > img, .qst_bx > ul {width: 500px; display: block; margin: 0 auto;}
.album_wrap {width: 460px; margin: 0 auto; margin-top: 20px;}
.qst_bx > ul {margin-top: 20px;}
.qst_bx .album_wrap .abjk_bx {width: 200px; float: left;}
.qst_bx .album_wrap ul {width: 235px; float: left; margin-left: 25px;}

.poll_bx_rl {display: block; width: 7px; height: 470px; background: url(http://img.imbc.com/broad/radio/event/kimhc30th/images/poll_bx_rl.jpg) 0 -5px repeat-y; float: left;}
.pbrl_fst {height: 452px; margin-top: 34px;}
.pbrl_lst {height: 175px;}

input[type="checkbox"] {display: none;}
input[type="checkbox"] + label {display: inline-block; width: 30px; height: 27px; background: url(http://img.imbc.com/broad/radio/event/kimhc30th/images/select_bttn_01.jpg) 0 -54px no-repeat; cursor: pointer; border-radius: 3px;}
/*.qst_bx ul li:after {display:block; clear:both; content:"";}*/
input[type="checkbox"]:checked + label {background:url(http://img.imbc.com/broad/radio/event/kimhc30th/images/select_bttn_01.jpg) 0 -5px no-repeat;}

/**/
.qst_bx ul li {overflow: hidden;}
.qst_0 span.q-title {float: left; width: 200px;}
.qst_0 span.input {float: left;}
.qst_1 input[type="checkbox"] + label {display: inline-block; width: 30px; height: 27px; background: url(http://img.imbc.com/broad/radio/event/kimhc30th/images/select_bttn_01.jpg) 0 -48px no-repeat; cursor: pointer; border-radius: 3px;}
.qst_1 input[type="checkbox"]:checked + label {background:url(http://img.imbc.com/broad/radio/event/kimhc30th/images/select_bttn_01.jpg) 0 0 no-repeat;}

.info-link .select {font-size: 14px; width: 145px; height: 28px; padding-left: 10px; padding-top: 0; background: #FFF url(http://img.imbc.com/broad/radio/event/kimhc30th/images/form_arrow_02.jpg) 106px 6px no-repeat;}
.info-link {background: #1a1a1a;}