@charset "UTF-8";
.brand-detail .bx-wrapper .bx-pager.bx-default-pager a {width:12px;height:12px;margin:0 8px;-webkit-border-radius:6px;border-radius:6px}
.showLayer .bd-menu.fixed {z-index:1}
.showLayer .brand-menu {z-index:30}
/* visual */
.bd-visual__wrap {height:600px}
.bd-visual__menu {position:absolute;bottom:85px;left:120px}
.bd-visual__menu .main-common__list-menu {width:120px}
/* menu */
.bd-menu.fixed {position:fixed;left:0;top:0;width:100%;box-sizing:border-box;z-index:35}
.showBrand .bd-menu {display:block}
.bd-menu__list {background:#fff;text-align:center}
.bd-menu__list li {display:inline-block;width:200px;line-height:47px}
.bd-menu__list li a {display:block;font-size:16px;color:#4c4d4f;font-weight:bold}
.bd-menu__list li a span {display:inline-block;padding:0 2px;border-bottom:3px solid #fff}
.bd-menu__list li.active a {color:#f17f1d}
.bd-menu__list li.active a span {border-bottom:3px solid #f17f1d}
/* info */
.bd-info {position:relative}
.bd-info__slider > li {height:730px;background-repeat:no-repeat;background-position:center top}
.bd-info__wrap {position:relative}
.bd-info__wrap:before {content:'';display:block;clear:both}
.bd-info__wrap-left {padding-right:578px;text-align:center}
.bd-info__wrap-right {position:absolute;top:0;right:0;width:578px;height:100%}
.bd-info__wrap-left--363 {padding-right:705px}
.bd-info__wrap-right--363 {width:705px}
.bd-info__wrap-left--542 {padding-right:526px}
.bd-info__wrap-right--542 {width:526px}
.bd-info__wrap-tit {position:relative;margin-bottom:34px;padding-bottom:20px;font-size:36px;color:#5e350d;font-weight:bold;letter-spacing:-1px}
.bd-info__wrap-tit:before {content:'';display:block;position:absolute;bottom:0;left:0;width:28px;height:4px;background:#f17f1d}
.bd-info__wrap-tit strong {color:#f17f1d}
.bd-info__wrap-desc {font-size:15px;color:#5e350d;line-height:28px;letter-spacing:-0.5px}
.bd-info__inner {position:relative;width:945px;margin:0 auto}
.bd-info__wrap-grow {width:800px}
.bd-info__wrap-grow li {position:relative;padding:13px 24px 13px 110px;border-bottom:1px solid #e7d13e;font-size:13px;color:#5e350d;line-height:22px;letter-spacing:-0.5px}
.bd-info__wrap-grow li:first-child {border-top:1px solid #e7d13e}
.bd-info__wrap-grow li strong {position:absolute;top:50%;left:15px;margin-top:-22px;font-size:15px;font-weight:bold;color:#5e350d}
.bd-info__wrap-growimg {position:absolute;bottom:-40px;right:0}
.bd-info .bx-wrapper .bx-controls-auto, .bd-info .bx-wrapper .bx-pager {bottom:30px}
.bd-info .bx-wrapper .bx-pager.bx-default-pager a {width:14px;height:14px;margin:0 10px;-webkit-border-radius:7px;border-radius:7px;background:#fff;opacity:0.8}
.bd-info .bx-wrapper .bx-pager.bx-default-pager a.active, .bd-info .bx-wrapper .bx-pager.bx-default-pager a:hover {background:#ff7600}
/* history */
.bd-history {position:relative;padding-top:85px;padding-bottom:110px;background:url(../../images/renewal/brand/vita500/bg_history.png) no-repeat right bottom;z-index:30}
.bd-history__border {position:absolute;right:0;top:-42px;width:382px;height:42px;background-position:-322px -766px}
.bd-history__wrap {position:relative;width:1068px;margin:0 auto}
.bd-history__tit {margin-bottom:15px;font-size:36px;color:#5e350d;text-align:center}
.bd-history__tit strong {color:#f17f1d}
.bd-history__slogan {margin-bottom:72px;font-size:15px;font-weight:bold;color:#5e350d;text-align:center}
.bd-history__list-img {margin-bottom:20px;text-align:center}
.bd-history__list-year {position:relative;padding-top:20px;font-size:18px;font-weight:bold;color:#f17f1d;text-align:center}
.bd-history__list-year:before {content:'';position:absolute;top:0;left:50%;display:block;width:12px;height:12px;margin-left:-6px;-webkit-border-radius:6px;border-radius:6px;background:#f17f1d;z-index:1}
.bd-history__list-year {margin-bottom:30px;text-align:center}
.bd-history__list-year:after {content:'';position:absolute;top:5px;left:0;width:100%;height:1px;background:#c7b8ab;}
.bd-history__list li:first-child .bd-history__list-year:after {background:url(../../images/renewal/brand/bg_historylist.png) no-repeat right top}
.bd-history__list li:last-child .bd-history__list-year:after {background:url(../../images/renewal/brand/bg_historylistlast.png) no-repeat left top}
.bd-history__list-detail {width:200px;margin:0 auto}
.bd-history__list-detail li {position:relative;margin-top:12px;margin-left:10px;margin-right:10px;padding-left:8px;font-size:13px;color:#5e350d;line-height:20px;word-break:keep-all;letter-spacing:-1px}
.bd-history__list-detail li:before {content:'';position:absolute;top:7px;left:0;width:4px;height:4px;-webkit-border-radius:4px;border-radius:4px;background:#5e350d}
.bd-history__list-more {margin-top:18px;margin-left:25px}
.bd-history__list-more a {display:inline-block;border-bottom:1px solid #f17f1d;font-size:13px;color:#f17f1d !important}
.bd-history .bx-wrapper .bx-controls-auto, .bd-history .bx-wrapper .bx-pager {bottom:-80px}
/* event */
.bd-event {position:relative;margin-top:-42px}
.bd-event .bx-wrapper .bx-pager.bx-default-pager a:hover, .bd-event .bx-wrapper .bx-pager.bx-default-pager a.active {background:#5e350d}
.bd-event__slider  > li {background-repeat:no-repeat;background-position:right bottom;background-size:cover}
.bd-event__slider .bx-wrapper .bx-pager.bx-default-pager a {background:#fff}
.bd-event__menu {position:absolute;top:86px;left:0;width:100%;text-align:center;z-index:10}
.bd-event__menu a {display:inline-block;position:relative;margin:0 10px;padding:0 10px;font-size:15px;font-weight:bold;color:#5e350d;line-height:28px}
.bd-event__menu a.active {background:#fff000}
.bd-event__menu a.active:before {content:'';display:block;position:absolute;top:0;left:-10px;width:10px;height:28px;background:url(../../images/renewal/sprite.png) no-repeat -91px -288px}
.bd-event__menu a.active:after {content:'';display:block;position:absolute;top:0;right:-10px;width:10px;height:28px;background:url(../../images/renewal/sprite.png) no-repeat -103px -288px}
.bd-event__wrap {width:1068px;margin:0 auto;padding:115px 0;padding-top:157px}
.bd-event__wrap--txt {position:relative;padding-left:76px;padding-right:76px;background:url(../../images/renewal/brand/vita500/bg_event.png) no-repeat 660px bottom;box-sizing:border-box}
.bd-event__tit {margin-top:28px;margin-bottom:30px}
.bd-event__desc {font-size:15px;color:#4f2007;line-height:28px;letter-spacing:-1px}
.bd-event__wrap--gallery {padding-left:76px;padding-right:76px}
.bd-event__galtit {position:relative;width:802px;margin:0 auto;margin-bottom:24px;font-size:18px;color:#5e350d;font-weight:bold;line-height:28px}
.bd-event__galtit strong {font-size:24px;color:#f17f1d}
.bd-event__link {position:absolute;bottom:0;right:165px;width:150px;height:32px;font-size:16px}
.bd-event__link a {display:block;position:relative;height:30px;padding-left:3px;padding-right:25px;border-bottom:2px solid #5e350d;color:#5e350d;line-height:30px;letter-spacing:-1px;font-weight:bold}
.bd-event__link a:before {content:'';position:absolute;top:6px;right:6px;width:13px;height:17px;background:url(../../images/renewal/sprite.png) no-repeat 0 -290px}
.bd-event__cat {position:absolute;bottom:0;right:0;width:145px;height:32px;font-size:18px}
.bd-event__cat-tit {display:block;position:relative;height:30px;padding-left:3px;padding-right:28px;border-bottom:2px solid #5e350d;color:#5e350d;line-height:30px;cursor:pointer}
.bd-event__cat-tit:before {content: '';position:absolute;top:50%;right:3px;width:17px;height:15px;margin-top:-8px;
    background: url(../../images/renewal/sprite.png) no-repeat -63px -199px}
.bd-event__cat.active {background:#fff}
.bd-event__cat.active .bd-event__cat-tit {border-color:#fff;color:#ff9d14}
.bd-event__cat.active .bd-event__cat-list {background:#fff}
.bd-event__cat.active .bd-event__cat-tit:before {background: url(../../images/renewal/sprite.png) no-repeat -63px -70px}
.bd-event__cat-list {display:none}
.bd-event__cat-list li {padding-left:3px;line-height:30px}
.bd-event__cat-list li a {font-size:18px;color:#5e350d}
.bd-event__gal-big {margin-bottom:10px;text-align:center}
.bd-event__gal-big img[id] {height:341px}
.bd-event__gal-iframe {display:inline-block}
.bd-event__gal-small {position:relative;width:802px;margin:0 auto}
.bd-event__gal-small img {cursor:pointer}
.bd-event__gal-smallslider1 img {width:76px;height:88px;border:1px solid #c9c9c9}
.bd-event__gal-smallslider2 img {width:120px;height:88px;border:1px solid #c9c9c9}
.bd-event__gal-smallslider3 img {width:86px;height:88px;border:1px solid #c9c9c9}
.bd-event__wrap--toon {width:940px;margin:0 auto}
.bd-event__toon-tit {width:440px;margin:0 auto;padding-top:70px;padding-bottom:70px;padding-right:270px;background:url(../../images/renewal/brand/vita500/bg_toon.png) no-repeat right bottom;font-size:36px;color:#5e350d;font-weight:bold;line-height:48px;letter-spacing:-1px}
.bd-event__toon-tit strong {color:#f17f1d}
.bd-event__toon-wrap {padding:14px;border-top:3px solid #5e350d;background:#fff;}									
.bd-event__toon-list {overflow:hidden;text-align:center}
.bd-event__toon-list li {float:left;width:220px;height:202px;padding:12px;border:3px solid #fff;box-sizing:border-box}
.bd-event__toon-list li span {display:block}
.bd-event__toonbox {display:block}
.bd-event__toonbox-tit {overflow:hidden;height:40px;padding:0 10px;font-size:14px;color:#5e350d;line-height:20px;word-break:keep-all;letter-spacing:-1px}
.bd-event__toonbox-img {position:relative;margin-bottom:5px}
.bd-event__toonbox-order {position:absolute;bottom:0;left:0;width:52px;height:22px;padding-left:8px;color:#fff;font-size:13px;line-height:22px;text-align:left;background-position:-91px -230px}
.bd-event__toon-list li.active {border:3px solid #f17f1d}
.bd-event__toon-list li.active .bd-event__toonbox-order {background-position:-91px -256px}
/* media */
#radiodiv {height:400px;background:#292929;line-height:400px}
#myTune {width:100%;height:100%}
.bd-ad {position:relative}
.bd-ad__wrap {width:726px;margin:0 auto;padding-top:45px;padding-bottom:80px;text-align:center}
.bd-event__menu--ad {position:static;margin-bottom:80px;text-align:center}
.bd-ad__big {margin-bottom:26px}
.bd-ad__small {position:relative}
.bd-ad__list {overflow:hidden;margin-left:-26px}
.bd-ad__list > li {float:left;width:162px;margin-left:26px}
.bd-ad__list a, .bd-ad__list a span {display:block}
.bd-ad__list--tit {overflow:hidden;padding:10px;font-size:14px;line-height:18px;color:#333;word-break:keep-all;text-align:center}
.bd-ad__print {overflow:hidden;width:640px;margin:0 auto;background:#eee}
.bd-ad__print .bx-viewport {height:auto !important}
.bd-ad__print .bx-viewport li {width:186px !important;}
.bd-ad__print-big {float:left;width:406px}
.bd-ad__print-big img {width:406px;height:596px}
.bd-ad__print-small {float:left;width:234px;height:596px;padding-right:24px;padding-left:24px;padding-top:28px;box-sizing:border-box}
.bd-ad__print-slider li a {display:block;float:left;padding:7px;cursor:pointer;opacity:0.8;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.bd-ad__print-slider li a img {width:76px;height:90px}
.bd-ad__print-slider li a:hover {opacity:1}
.bd-ad__print-btns {margin-top:5px;text-align:center}
.bd-ad__print-btn {display:inline-block;width:30px;height:30px}
.bd-ad__print-btns a {display:block;width:30px;height:30px;text-indent:-9999px}
.bd-ad__print-btn--prev {background-position:-155px -230px}
.bd-ad__print-btn--next {background-position:-155px -260px}
.bd-event .bx-viewport {height:auto !important}
/* footer */
.brand-footer {background:#292929}
.brand-footer .row {width:660px}
/* layer */
.layer {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999}
.layer-wrap {position:relative;width:618px;margin:0 auto;border-top:3px solid #f17f1d;background:#fff}
.layer-header {position:relative}
.layer-close {position:absolute;top:0;right:-50px}
.layer-close__btn {display:block;width:40px;height:40px;border:none;cursor:pointer;outline:none;background-position:-187px -230px}
.layer-btns {position:absolute;right:58px;top:36px}
.layer-btn {display:inline-block;width:32px;height:32px;margin-left:5px}
.layer-btn--prev {background-position:-229px -230px}
.layer-btn--next {background-position:-263px -230px}
.layer-btn--prev:hover {background-position:-229px -264px}
.layer-btn--next:hover {background-position:-263px -264px}
.layer--history .layer-inner {padding:0 58px;padding-bottom:80px}
.layer--history-tit {margin-bottom:25px;padding-top:35px;padding-bottom:12px;font-size:24px;color:#5e350d;font-weight:bold;text-align:center;letter-spacing:-1px}
.layer--history-tit strong {color:#f17f1d;font-weight:bold}
.layer--history-list li {position:relative;margin-left:10px;margin-top:10px;padding-left:10px;font-size:15px;color:#5e350d;word-break:keep-all}
.layer--history-list li:before {content:'';position:absolute;top:7px;left:0;width:4px;height:4px;-webkit-border-radius:4px;border-radius:4px;background:#5e350d}
.layer--toon .layer-wrap {width:810px}
.layer--toon .layer-header {padding-top:36px;padding-left:60px;padding-right:134px}
.layer--toon .layer-body {overflow-y:scroll;height:610px;padding-left:60px;padding-right:43px}
.layer--toon-tit {padding-bottom:16px;font-size:24px;font-weight:bold;color:#5e350d}
.layer--toon-img {padding:20px 0}

/* 추가 */
#brand {padding-top:80px}
.bd-visual__wrap,.bd-info__slider > li, .bd-history {background-size:cover !important}