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

/* common style */
img { vertical-align:bottom; border:none 0; }
a { color:inherit; }
button {border:0 none;background:none; cursor:pointer;}
button:focus {outline: none;}
body { width: 100%; background: #116c77; word-break:keep-all; }
button { font-family:'Nanum Gothic'; letter-spacing: -1px; }
li:fist-child { margin-top:0 !important; }
h1, h2, h3, h4, h5, h6 { letter-spacing:-2px; font-family:'Nanum Gothic'; line-height:1; }
.wrapper { width: 100%;/* min-width:1920px; */margin: 0 auto; font-family:'Nanum Gothic',dotum,'µ¸¿ò'; font-weight:normal; letter-spacing: -1px; line-height:1; overflow: hidden; color:#000;}
.header-sub2 { width:1024px !important; }
.header-sub2 .star img { vertical-align: top; }
.header-sub2 .logo img { vertical-align: top; }
.ellipsis { text-overflow: ellipsis; overflow:hidden; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }

/************************************************************************** main */
#wrap { background:url(http://img.imbc.com/broad/radio/event/2018fest/images/main-bg.jpg) no-repeat center 120px; }
.header-sub .gnb-sub .star a:hover img { margin-top:0 !important; }

.inner-wrap { width:1024px; margin:0 auto; padding-top:37px; }
.main .inner-wrap { width:610px; }
.tit-wrap { text-align:center; margin-bottom:5px; }
.tit-wrap .sub-tit { margin-left:-270px; margin-bottom:28px; }

.info-wrap { display:table; margin:0 auto 45px; }

.btn-wrap { padding-bottom:50px; text-align:center; }
.btn-wrap .btn-area { width:518px; margin:0 auto; overflow:hidden; }
.btn-wrap .fest-box { padding-top:24px; box-sizing:border-box; text-align:center; width:246px; float:left; background-position:center center; background-repeat:no-repeat; }
.btn-wrap .youth { background-image:url(http://img.imbc.com/broad/radio/event/2018fest/images/main-youth-wrap.png); margin-right:20px; padding-left:25px; height:141px; }
.btn-wrap .envi { padding:4px 25px 0 0; background-image:url(http://img.imbc.com/broad/radio/event/2018fest/images/main-envi-wrap.png); margin-top:20px; height:136px; box-sizing:border-box; }
.btn-wrap .fest-box a { padding-top:12px; box-sizing:border-box; display:block; height:108px; }
.btn-wrap .fest-box strong, .btn-wrap .fest-box span { display:block; }
.btn-wrap .fest-box strong { font-family:'Nanum Gothic Bold'; font-size:16px; letter-spacing:0; line-height:26px; }
.btn-wrap .fest-box span { font-size:18px; font-family:'Nanum Gothic Bold'; }
.btn-wrap .youth strong, .btn-wrap .youth span.apply { color:#f39700; }
.btn-wrap .envi a { padding-top:12px; }
.btn-wrap .envi strong, .btn-wrap .envi span.apply { color:#8fc31f; }
.btn-wrap .fest-box .date { font-family:'Nanum Gothic Bold'; font-size:13px; color:#fff; margin-bottom:22px; }

/************************************************************************** sub */
#wrap.sub { background:url(http://img.imbc.com/broad/radio/event/2018fest/images/sub-bg.jpg) no-repeat center 120px; }
.sub .tit-wrap { margin-bottom:40px; }
.sub .tit-wrap h3 img { }

.sub .con-wrap { box-sizing:border-box; }

.tab-wrap { position:relative; }
.tab-wrap:after { display:block; content:url(http://img.imbc.com/broad/radio/event/2018fest/images/caution-deco.png); position:absolute; top:-6px; right:95px; }
.tab-wrap ul { width:100%; background:#33384c url(http://img.imbc.com/broad/radio/event/2018fest/images/tab-bottom.jpg) repeat-x center bottom; overflow:hidden; }
.tab-wrap ul li { text-align:center; width:330px; margin-right:8px; float:left; height:60px; border-bottom:3px solid #1a1d27; box-sizing:border-box; line-height:60px; }
.tab-wrap ul li:first-child { margin-left:8px; }
.tab-wrap ul li.active { background:#fff; border-bottom:3px solid #eb6100; }
.tab-wrap ul li.envi.active { border-bottom:3px solid #0da948; }
.tab-wrap ul li a { display:block; width:100%; height:100%; font-family:'Nanum Gothic Bold'; font-size:22px; color:#fff; }
.tab-wrap ul li.active a { color:#33384c; }

.sub .con-area { padding:0 90px 100px; box-sizing:border-box; background:#fff url(http://img.imbc.com/broad/radio/event/2018fest/images/con-wrap-bg.jpg) no-repeat center top; }
.sub .top-wrap { padding-left:125px; box-sizing:border-box; width:100%; height:106px; background:url(http://img.imbc.com/broad/radio/event/2018fest/images/youth-tit-bg.jpg) no-repeat center top; }
.sub .top-wrap h4 { line-height:106px; font-weight:normal; letter-spacing:-1.5px; font-size:30px; color:#e65f00; }
.sub .top-wrap h4 strong { font-weight:normal; font-family:'Nanum Gothic Bold'; }
.sub .txt-wrap { padding-top:30px; box-sizing:border-box; }
.sub .txt { padding-left:35px; font-family:'Nanum Gothic'; font-size:16px; line-height:26px; color:#33384c; }
.sub .txt.big { font-size:16px; line-height:26px; }
.sub .txt.support { color:#33384c; font-family:'Nanum Gothic bold'; font-size:14px; line-height:30px; margin-bottom:25px; }
.sub .txt.support .support-logo { margin:0 6px; }
.sub .txt.color-txt { margin-bottom:20px; font-family:'Nanum Gothic bold'; }
.sub .txt.color-txt ul li { padding-left:11px; background-position:left 10px; background-repeat:no-repeat; }
.sub .txt.orange { color:#ad5314; }
.sub .txt.orange ul li { background-image:url(http://img.imbc.com/broad/radio/event/2018fest/images/list-orange.png); }
.sub .txt.box { margin-bottom:50px; font-family:'Nanum Gothic bold'; color:#fff; display:table; width:852px; height:106px; background:url(http://img.imbc.com/broad/radio/event/2018fest/images/orange-bg.png) no-repeat left top; }
.sub .txt .box-wrap { display:table-cell; vertical-align:middle; }
.sub .txt .box-wrap ul li { padding-left:11px; background:url(http://img.imbc.com/broad/radio/event/2018fest/images/list-white.png) no-repeat left 10px; }
.sub .user-info {  padding-left:35px; overflow:hidden; margin-bottom:42px; }
.sub .user-info .edit-txt { line-height:28px; letter-spacing:-0.5px; float:left; }
.sub .user-info .edit-btn { float:right; }
.sub .imbbs { padding:0 0 100px 35px; }

/* ´Ù½Ãº¸±â ¹öÆ° Ãß°¡ */
.sub .vod-wrap { width:852px; margin-bottom:100px; }
.sub .vod-area { display:table; height:66px; width:100%; background:url(http://img.imbc.com/broad/radio/event/2018fest/images/clip-bg.png) no-repeat center top; padding-left:189px; box-sizing:border-box; }
.sub .vod-area .vod-btn { font-size:0; overflow:hidden; width:100%; height:66px; display:table-cell; vertical-align:middle; }
.sub .vod-area .vod-btn button { display:block; float:left; box-shadow:0px 4px 6px #bbb; }
.sub .vod-area .vod-btn button.full { margin-right:8px; }

/* youth ûÃá */
.sub.youth .con-area h4 {  }

/* envi ȯ°æ */
.sub.envi .top-wrap { background:url(http://img.imbc.com/broad/radio/event/2018fest/images/envi-tit-bg.jpg) no-repeat center top; }
.sub.envi .top-wrap h4 { color:#0da948; }
.sub.envi .txt.box { background:url(http://img.imbc.com/broad/radio/event/2018fest/images/green-bg.png) no-repeat left top; }
.sub .txt.green { font-family:'Nanum Gothic bold'; color:#098839; }
.sub .txt.green ul li { background-image:url(http://img.imbc.com/broad/radio/event/2018fest/images/list-green.png); }
.sub.envi .support { margin-bottom:80px; line-height:1em; }
.sub.envi .support strong { line-height:26px; margin-right:15px; vertical-align:top; }

/* caution ÁÖÀÇ»çÇ× */
.caution .con-area { padding:50px 100px 150px; font-size:14px; line-height:24px; letter-spacing:-1px; background:#fff url(http://img.imbc.com/broad/radio/event/2018fest/images/caution-con-bg.jpg) no-repeat center top; }
.caution .caution-list { margin-bottom:20px; padding-bottom:20px; }
.caution .caution-list ul { padding-left:15px; }
.caution .caution-list ul li { list-style:square; margin-top:20px; }
.caution .caution-list ul li:first-child { margin-top:0; }
.caution .location { padding:0 40px;box-sizing:border-box; display:table; width:852px; height:176px; background:url(http://img.imbc.com/broad/radio/event/2018fest/images/location-bg.png) no-repeat center top; }
.caution .location-wrap { display:table-cell; vertical-align:middle; }
.caution .location-wrap div { font-family:'Nanum Gothic bold';  }

/************************************************************************** footer */
.footer { color:#fff; padding:90px; }
.sub .footer { padding:50px 0; }

ul.after { display:none; }