@import url(http://font.imbc.com/noto/noto.css);
* {margin:0; padding:0;border: 0;vertical-align: top;outline: 0;}
.ellip{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellip2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:2;}
.ellip3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:3;}
button{border:0;padding: 0;margin: 0;cursor: pointer;}

#wrap{width: 100%;font-family:'notokr-regular';letter-spacing: -1.5px;text-align: left;}
.container{width: 966px;margin: 0 auto;}

/*=========MAIN=========*/
.main .container{width: 100%;background:#D2F4FF url("http://img.imbc.com/broad/radio/event/2018djconcert/images/bg-main.jpg") no-repeat top center;}
.main-wrap{position:relative;min-height: 1312px;width: 1024px;margin: 0 auto;}
.main-wrap>*{position: absolute;left: 50%;}
.main-wrap .logo{top: 36px;margin-left: -457px;z-index: 100}
.main-wrap .date{top: 93px;margin-left: -59px;}
.main-wrap .img-djcon{bottom: 110px;margin-left: -456px;display: inline-block;width: 1064px;height: 455px;background: url("http://img.imbc.com/broad/radio/event/2018djconcert/images/img-djconM.png") no-repeat center;}
.main .footer{left: 0;bottom: 0;width: 100%;padding:40px 0;background: transparent;}

.info-concert{display:inline-block;top: 197px;margin-left: -158px;width: 636px;height: 417px;background: url("http://img.imbc.com/broad/radio/event/2018djconcert/images/bg-info-cct.png") no-repeat center;padding: 29px 0px 0 98px;box-sizing: border-box;}
.info-concert dl{margin-bottom: 9px;font-size: 22px;overflow: hidden;}
.info-concert dt{display:inline-block;width: 116px;font-family:'notokr-bold';font-size: 22px;color:#0d3288;line-height: 32px;}
.info-concert dd{display:inline-block;width: 376px;font-family:'notokr-light';color:#15132a;line-height: 30px;vertical-align: top}
.txt-caution{font-family: 'notokr-bold';font-size: 14px;color:#808080;}

.main .nav{top: 634px;margin-left: -340px;}
.main .nav a, .main .nav span{display:inline-block;background-position: 0 0;background-repeat: none;font-size:0;text-indent: -9999em;}
.main .nav a.nav-ticket{width: 195px;height: 97px;margin-right: 16px;background-image: url("http://img.imbc.com/broad/radio/event/2018djconcert/images/nav-ticket.png");}
.main .nav a.nav-winner{width: 195px;height: 97px;margin-right: 16px;background-image: url("http://img.imbc.com/broad/radio/event/2018djconcert/images/nav-win.png");}
.main .nav a.nav-photo{width: 195px;height: 93px;margin-top: 3px;margin-right: 24px;background-image: url("http://img.imbc.com/broad/radio/event/2018djconcert/images/nav-photo.png");}
.main .nav a.nav-faq{width: 185px;height: 87px;margin-top: 5px;margin-right: 24px;background-image: url("http://img.imbc.com/broad/radio/event/2018djconcert/images/nav-faq.png");}
.main .nav a.nav-vod-dim, .main .nav span.nav-vod-dim{width: 183px;height: 90px;margin-top:5px;background-image: url("http://img.imbc.com/broad/radio/event/2018djconcert/images/nav-vod-dim.png");}
.main .nav a.nav-vod{width: 183px;height: 90px;margin-top:5px;background-image: url("http://img.imbc.com/broad/radio/event/2018djconcert/images/nav-vod.png");}


/*=========SUB=========*/
.sub .container{width: 100%;background:#D2F4FF url("http://img.imbc.com/broad/radio/event/2018djconcert/images/bg-sub.jpg") no-repeat top center;}
.tit-wrap{position:relative;width: 966px;height: 479px;margin: 0 auto;}
.tit-wrap h2.logo-sub{position:absolute;top: 30px;left: 25px;display: inline-block;width: 327px;height: 351px;}
.tit-wrap .stage-info{position:absolute;top: 69px;left: 326px;display: inline-block;width: 638px;}
.tit-wrap .stage-info span{font-family: 'notokr-light';font-size: 20px;color:#000;line-height: 24px;letter-spacing: -1px;}
.tit-wrap .stage-info span strong{display:inline-block;padding:2px 4px 3px 4px;margin-right: 10px;background:#0D3288;font-family: 'notokr-bold';font-size: 20px;color:#fff;letter-spacing: -0.5px;line-height: 1;}
.tit-wrap .stage-info span.first{display:inline-block;width: 405px;}
.tit-wrap .img-djcon{position: absolute;right: 36px;bottom: 71px;display: inline-block;width: 618px;height: 287px;background: url("http://img.imbc.com/broad/radio/event/2018djconcert/images/img-djcon.png") no-repeat center;}

.sub .nav{position: absolute;bottom: 0;left: 0;width: 100%;height: 71px;background: #102658;}
.sub .nav a, .sub .nav span{display:inline-block;width: 241px;height: 71px;background: url("http://img.imbc.com/broad/radio/event/2018djconcert/images/nav.jpg") no-repeat;font-size:0;text-indent: -9999em;vertical-align: top;}
.sub .nav a.nav-ticket{background-position: 0 0;}
.sub .nav a.nav-photo{background-position: -241px 0;}
.sub .nav a.nav-faq{background-position: -482px 0;}
.sub .nav a.nav-vod{background-position: -723px 0;}
.sub .nav span.nav-vod-dim{background-position: -723px 0;opacity: 0.3;}
.sub .nav a.nav-winner{background-position: -966px 0;}

.sub .nav a:hover.nav-ticket, .sub .nav a.on.nav-ticket{background-position: 0 -71px;}
.sub .nav a:hover.nav-photo, .sub .nav a.on.nav-photo{background-position: -241px -71px;}
.sub .nav a:hover.nav-faq, .sub .nav a.on.nav-faq{background-position: -482px -71px;}
.sub .nav a:hover.nav-vod, .sub .nav a.on.nav-vod{background-position: -723px -71px;}
.sub .nav a:hover.nav-winner, .sub .nav a.on.nav-winner{background-position: -966px -71px;}

.con-wrap{width: 966px;margin: 0 auto;background: #fff;}
.con-area{min-height: 1000px;padding:60px 90px 0;margin: 0 auto;background: #fff;text-align: center;}
.footer{padding:50px 0 60px;background:#D2F4FF;font-family:'돋움','doctoum';color:#040404;letter-spacing: 0;}
.l-copyright{line-height: 23px! important;}

/*티켓신청*/
.info-box{position:relative;padding:30px 89px 28px;margin-bottom: 29px;border-bottom: 3px dashed #e5e5e5;}
.info-area{padding:18px 0 20px;background: #F0FBFE;}
.info-area dl{padding-left: 162px;font-size:20px;line-height: 34px;}
.info-area dl dt{display:inline-block;width: 110px;font-family:'notokr-bold';color:#2758c5;}
.info-area dl dd{display:inline-block;font-size:20px;color:#102658;letter-spacing: : -1px;}
.info-box p{margin-top: 12px;font-size: 16px;color:#808080;line-height: 26px;letter-spacing: -1.2px;}
.link-change{position:absolute;bottom: 28px;right: 87px;display:inline-block;width: 140px;height: 47px;background:#15132A;font-size:16px;color:#fff;line-height: 47px;text-align: center;;}

.qna-wrap{position:relative;padding:0 90px 60px;}
.tbl>.question{width: 100%;}
.tbl>.question>label{display:block;font-size:20px;color:#15132a;line-height: 1;letter-spacing: -1.5px;}
.tbl>.question>input{display:inline-block;width: 100%;margin-top: 10px;margin-bottom: 29px;padding:12px 10px 11px;border:1px solid #E5E5E5;font-size:16px;color:#4a4767;line-height: 1.2;box-sizing: border-box;;}
.tbl .txt-label{display:inline-block;margin-left: 10px;margin-top: 4px;font-size: 14px;color:#808080;line-height:1;vertical-align: top;}

.check-area{margin-top: 31px;margin-bottom: 29px;}
.check-area li{position:relative;margin-bottom: 16px;}
.check-area input{position:relative;width: 20px;height: 20px;}
.check-area label{position:absolute;left: 0;height: 20px;padding-left: 30px;background:url('http://img.imbc.com/broad/radio/event/2018djconcert/images/checkbox.jpg') no-repeat;background-position: 0 0;font-size:16px;color:#15132a;line-height: 20px;cursor: pointer;}
.check-area input[type="checkbox"]:checked + label {background: url('http://img.imbc.com/broad/radio/event/2018djconcert/images/checkbox.jpg') no-repeat;background-position:0 -20px;}

.btn-wrap{text-align: center;}

.tip-area{display:inline-block;width: 784px;height: 115px;margin-bottom: 11px;padding:20px 20px 14px;border:3px solid #102658;background:url("http://img.imbc.com/broad/radio/event/2018djconcert/images/bg-tip2.jpg") no-repeat top center;font-size: 16px;box-sizing: border-box;text-align: left;}
.tip-area.v2{width: 680px;height: 100px;padding:15px 25px 14px;}
.tip-area strong{display:block;padding-left: 23px;margin-bottom: 2px;background: url("http://img.imbc.com/broad/radio/event/2018djconcert/images/ico-tip.png") no-repeat left center;font-family: 'notokr-bold';color:#15132a;line-height: 21px;}
.tip-area .txt{font-size:16px;color:#808080;line-height: 26px;-webkit-background-size: cover;background-size: cover;}
.tip-area .txt em{font-size: 14px;line-height: 20px;}
.link-photo{display:inline-block;width: 187px;height: 28px;margin-bottom: 28px;background: url("http://img.imbc.com/broad/radio/event/2018djconcert/images/link-photo.png") no-repeat center;font-size: 0;text-indent: -9999em;}

.fin-layer{position:absolute;top: 0;width: 786px;height: 100%;background: rgba(255,255,255,0.9);font-size:38px;line-height: 44px;color:#15132a;text-align: center;z-index:100;}
.fin-layer .txt{padding-top: 170px;}

/*게시판 - 포토, faq*/
.txt-photo{text-align: left}

/*당첨자발표-winner*/
.txt-info{padding:53px 0 115px;font-family: 'notokr-regular';font-size: 28px;color:#15132a;line-height: 40px;}
.point{font-family: 'notokr-bold';color:#2758c5;}
.link-check{display:inline-block;width: 271px;height: 56px;margin-bottom: 20px;background: url("http://img.imbc.com/broad/radio/event/2018djconcert/images/link-check.png");font-size:0;text-indent: -9999em;}
.txt-sub-link{font-size:16px;color:#808080;}

.info-area.v2{margin-top: 29px;padding:28px 0 24px;font-size: 28px;color:#15132a;line-height: 40px;}
.info-area.v2 .point{margin-bottom: 11px;font-size:38px;color:#2758c5;line-height: 40px;}
.info-area.v2 .point em{display: inline-block;margin-top: -8px;vertical-align: top;}

.txt-detail{position:relative;margin-top: 55px;font-size:16px;color:#808080;line-height: 26px;text-align: left;}
.txt-detail .mt{margin-top: 23px;}
.txt-detail .link-change{bottom: 0;top: 2px;right: 0;}
.link-faq{display:inline-block;margin-top: 24px;padding-right: 20px;border-bottom: 1px solid #2c1fb5;background:url("http://img.imbc.com/broad/radio/event/2018djconcert/images/arr-link.png") no-repeat right center;color:#2c1fb5;line-height: 1;}