﻿#wrap{width: 100%;font-family:'notokr-regular';letter-spacing: -1.5px;text-align: left;}
section h2, section h3{border-bottom: 0;}
.main{background:#D2F4FF;}
.main-wrap{padding:0 4.16%;margin: 0;background:url("http://m.imbc.com/wiz/radio/2018djconcert/images/bg-main.jpg") no-repeat top center;background-size: cover;}

/*=========MAIN=========*/
.main .top-area{position: relative;width: 100%;height: 45.1rem;margin: 0 auto;text-align: center;}
.main .top-area>*{position: absolute;left: 50%;}
.main .top-area .logo{top: 2.1rem;width:18.95rem;height: 20.3rem;margin-left: -9.7rem;z-index: 100}
.main .top-area .date{top: 23.45rem;width: 24.05rem;margin-left: -11.8rem;}
.main .top-area .img-djcon{bottom: 1rem;margin-left: -17.4rem;display: inline-block;width: 34.5rem;height: 15.75rem;background: url("http://m.imbc.com/wiz/radio/2018djconcert/images/img-djconM.png") no-repeat top center;background-size: cover;}

.info-concert{display:inline-block;width:100%;height: 40.6rem;margin: 0 auto;background: url("http://m.imbc.com/wiz/radio/2018djconcert/images/bg-info-cct.png") no-repeat top center;background-size: cover; padding:1.6rem 6.06%;box-sizing: border-box;}
.info-concert dl{margin-bottom:0.5rem;font-size:1.6rem;overflow: hidden;}
.info-concert dt{display:inline-block;width: 6.5rem;font-family:'notokr-bold';color:#0d3288;line-height: 2.7rem;}
.info-concert dd{display:inline-block;width: calc(100% - 6.5rem);color:#15132a;line-height: 2.8rem;vertical-align: top}
.txt-caution{margin-bottom: 0.5rem;font-family: 'notokr-bold';font-size: 1.3rem;color:#808080;}
.info-concert dl.last dt{display: block;}
.info-concert dl.last dd{display: block;width: initial;}

.main .nav{padding:2rem 0 2.9rem;text-align: center;overflow: hidden}
.main .nav a, .main .nav span{flat:left;display:inline-block;background-position: 0 0;background-repeat: none;background-size: cover;font-size:0;text-indent: -9999em;}
.main .nav a.nav-ticket{width: 14.3rem;height:7.1rem;margin-right: 1.1rem;margin-bottom: 0.9rem;background-image: url("http://m.imbc.com/wiz/radio/2018djconcert/images/nav-ticket.png");}
.main .nav a.nav-winner{width: 14.3rem;height: 7.1rem;margin-right: 1.1rem;margin-bottom: 0.9rem;background-image: url("http://m.imbc.com/wiz/radio/2018djconcert/images/nav-winner.png");}
.main .nav a.nav-photo{width: 14.25rem;height: 6.85rem;margin-top:0.3rem;margin-bottom: 0.9rem;background-image: url("http://m.imbc.com/wiz/radio/2018djconcert/images/nav-photo.png");}
.main .nav a.nav-faq{width: 13.55rem;height:6.4rem;margin-right:2rem;background-image: url("http://m.imbc.com/wiz/radio/2018djconcert/images/nav-faq.png");}
.main .nav .nav-vod-dim{width: 13.4rem;height:6.6rem;;background-image: url("http://m.imbc.com/wiz/radio/2018djconcert/images/nav-vod-dim.png");}
.main .nav a.nav-vod{width: 13.4rem;height: 6.6rem;background-image: url("http://m.imbc.com/wiz/radio/2018djconcert/images/nav-vod.png");}

@media screen and (min-width: 0px) and (max-width: 340px) {
    .info-concert{padding-top:2rem}
    .info-concert dl{font-size: 1.4rem;margin-bottom: 0.2rem;}
    .txt-caution{margin-bottom: 0rem;}
    .main .nav a.nav-ticket, .main .nav a.nav-winner,.main .nav a.nav-faq{margin-right: 0.7rem;}
}

/*=========SUB=========*/
.sub-wrap{margin: 0;padding:0;}

.sub .top-area{position:relative;padding: 0 4.16%;height:24.75rem;margin: 0 auto;background:url("http://m.imbc.com/wiz/radio/2018djconcert/images/bg-sub.jpg") no-repeat top center;background-size: cover;}
.sub .top-area>*{position: absolute;left: 50%;}
.sub .top-area h2.logo-sub{position:absolute;top: 1.4rem;margin-left: -17rem;width: 14.55rem;height: 15.7rem;}
.sub .top-area .stage-info{position:absolute;top:4rem;display: inline-block;width:calc(50% - 4.16%);text-align: left;}
.sub .top-area .stage-info span{display: block;margin-bottom: 0.8rem;font-family: 'notokr-light';font-size: 1.5rem;color:#000;line-height: 24px;letter-spacing: -1px;}
.sub .top-area .stage-info span strong{display:inline-block;padding:0.6rem 0.4rem 0.15rem 0.4rem;background:#0D3288;font-family: 'notokr-bold';font-size: 1.5rem;color:#fff;letter-spacing: -0.5px;line-height: 1;}

.sub .top-area .img-djcon{position: absolute;margin-left: -11.85rem;bottom: 4.4rem;display: inline-block;width: 28.4rem;height: 5.5rem;background: url("http://m.imbc.com/wiz/radio/2018djconcert/images/img-djcon.png") no-repeat center;background-size: cover;}

.sub .nav{position: absolute;bottom: 0;left: 0;right: 0;width:calc(100% - 8.32%);height: 4.6rem;margin: 0 4.16%;text-align: center;overflow: hidden}
.sub .nav ul{width: 100%;text-align: center;overflow: hidden}
.sub .nav ul li{float: left;position: relative;width: 25%;height:4.6rem;}
.sub .nav a, .sub .nav span{display: block;width: 100%;height: 100%;background: #102658;font-family: 'notokr-bold';font-size:1.4rem;color:#b3e9ff;line-height: 4.6rem;text-align: center;vertical-align: top;}
.nav li.nav-vod-dim span{color:rgba(255,255,255,0.1)}

.state-faq .sub .nav li.nav-faq a, .state-photo .sub .nav li.nav-photo a, .state-winner .sub .nav li.nav-winner a, .state-ticket .sub .nav li.nav-ticket a, .state-vod .sub .nav li.nav-vod a{color:#f6f04c;}
.state-faq .sub .nav .nav-faq:before, .state-photo .sub .nav .nav-photo:before, .state-winner .sub .nav .nav-winner:before, .state-ticket .sub .nav .nav-ticket:before{display: inline-block;content: '';position: absolute;top: 0;left: 0;width:calc(100% - 0.4rem) ;height: 4.6rem;margin: 0.1rem;border:1px solid #f6f04c;}

.con-wrap{width: 100%;background: #fff;}
.con-area{padding:0 0 6rem 0;margin: 0 auto;background: #fff;text-align: center;}
.l-copyright{line-height: 23px! important;}

/*티켓신청*/
.info-box{position:relative;padding:1rem 4.16% 2.5rem;margin-bottom: 1.5rem;border-bottom: 1px dashed #e5e5e5;text-align: center;}
.info-area{padding:1.4rem 0 0.8rem;background: #F0FBFE;}
.info-area dl{margin-bottom: 1rem;font-size:1.4rem;line-height: 2.8rem}
.info-area dl:last-child{margin-bottom: 0;}
.info-area dl dt{display:block;font-family:'notokr-bold';color:#2758c5;line-height: 1;}
.info-area dl dd{color:#102658;letter-spacing: -1px;}
.info-box p{margin-top: 1rem;margin-bottom: 0.5rem;font-size: 1.2rem;color:#808080;line-height: 1.7rem;letter-spacing: -1.2px;}
.link-change{display:inline-block;width: 16.9rem;height: 2.8rem;background:#15132A;font-size:1.2rem;color:#fff;line-height:2.9rem;text-align: center;;}

.qna-wrap{position:relative;padding:0 4.16% 2.5rem;}
.tbl>.question{width: 100%;}
.tbl>.question>label{display:block;font-family: 'notokr-bold';font-size:1.4rem;color:#15132a;line-height: 1.9rem;letter-spacing: -1.5px;}
.tbl>.question>input{display:inline-block;width: 100%;margin-top: 0.3rem;margin-bottom: 2rem;padding:0.8rem 0.5rem 0.6rem;border:0.1rem solid #E5E5E5;font-size:1.4rem;color:#4a4767;line-height: 1.2;box-sizing: border-box;;}
.tbl .txt-label{display:inline-block;margin-left:0.4rem;margin-top:0.6rem;font-size: 1.1rem;color:#808080;line-height:1;vertical-align: top;}

.check-area{margin-top: 1.2rem;margin-bottom: 1.5rem;}
.check-area li{position:relative;margin-bottom: 0.9rem;}
.check-area input{position:relative;margin:0;margin-top: -0.3rem;margin-left:0.1rem;width: 19px;height: 19px;}
.check-area label{position:absolute;left: 0;height: 22px;padding-left: 30px;background:url('http://m.imbc.com/wiz/radio/2018djconcert/images/checkbox.jpg') no-repeat;background-position: 0 0;background-size: 22px;font-size:1.4rem;color:#15132a;line-height: 2.2rem;cursor: pointer;}
.check-area input[type="checkbox"]:checked + label {background-position:0 -22px;}

.btn-wrap{border: 0;padding: 0;text-align: center;}
.btn-wrap .btn-submit{display: inline-block;width: 12.5rem;height: 4.3rem;}

.tip-area{display:inline-block;width: 100%;margin-bottom: 11px;padding:0.9rem 1rem 1rem;border:0.15rem solid #102658;background:url("http://img.imbc.com/broad/radio/event/2018djconcert/images/bg-tip2.jpg") no-repeat top center;background-size: cover; font-size: 1.2rem;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:1.7rem;margin-bottom: 2px;background: url("http://m.imbc.com/wiz/radio/2018djconcert/images/ico-tip.png") no-repeat left center;background-size: 14.5px 14.5px; font-family: 'notokr-bold';color:#15132a;line-height: 2.1rem;}
.tip-area .txt{font-size:1.2rem;color:#808080;line-height: 1.7rem;}
.tip-area .txt em{font-size: 14px;line-height: 20px;}
.link-area{width: 100%;height: 3.05rem;margin-bottom: 2.4rem;text-align: center;}
.link-photo{display:inline-block;width: 16.6rem;height: 3.05rem;background: url("http://m.imbc.com/wiz/radio/2018djconcert/images/link-photo.png") no-repeat top center;background-size: cover;font-size: 0;text-indent: -9999em;text-align: center;vertical-align: top;}

.fin-layer{position:absolute;top: 0;width:100%;height: 100%;background: rgba(255,255,255,0.9);font-size:2.2rem;line-height: 2.8rem;font-family: 'notokr-bold';color:#15132a;text-align: center;z-index:100;}
.fin-layer .txt{padding-top: 3.3rem;}

/*게시판 - 포토, faq*/
.txt-noti{padding: 2.2rem 0;border-bottom:0.1rem solid #efefef;font-family: 'notokr-bold';font-size: 1.4rem;color:#15132a;line-height: 2rem;text-align: center}
.txt-noti-s{font-family: 'notokr-regular';font-size: 1.2rem;color:#808080}
.txt-photo{text-align: left}
.board_wrap{text-align: left;}

/*당첨자발표-winner*/
.txt-info{padding:3.4rem 0 2rem;font-family: 'notokr-regular';font-size: 1.9rem;color:#15132a;line-height: 2.5rem;}
.point{font-family: 'notokr-bold';color:#2758c5;}
.link-check{display:inline-block;width: 22.05rem;height: 4.3rem;margin-bottom: 0.8rem;background: url("http://m.imbc.com/wiz/radio/2018djconcert/images/link-check-v2.png");background-size: cover;font-size:0;text-indent: -9999em;vertical-align: top;}
.txt-sub-link{font-size:1.2rem;color:#808080;letter-spacing: -0.08rem;}

.info-area.v2{padding:1.3rem 0 1.1rem;margin: 1rem 4.16% 0;font-size: 1.4em;color:#15132a;line-height: 2rem;}
.info-area.v2 p{font-size: 1.4rem;}
.info-area.v2 .point{margin-bottom: 0.5rem;font-size:1.9rem;color:#2758c5;line-height: 2rem;}
.info-area.v2 .point em{display: inline-block;margin-top: -3px;font-weight: bold; vertical-align: top;}
.mb{min-height: 200px;}
.txt-detail{position:relative;font-size:1.2rem;color:#808080;line-height: 1.7rem;text-align: left;}
.txt-detail .detail-top{padding: 2rem 4.16% 0.5rem;border-bottom: 0.1rem solid #efefef;text-align: center;}
.txt-detail .detail-btm{min-height: 300px;padding: 2rem 4.16% 2.5rem;}
.txt-detail .link-change{margin-top: 1rem;}
.link-faq{display:inline-block;width: 16.8rem;height: 2.85rem;margin-top: 2rem;background:#2c1fb5;font-size:1.2rem;color:#fff;line-height: 2.8rem;text-align: center}