@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,input,textarea,select,button,th,td,blockquote {margin:0;padding:0}
ul,li,ol {list-style:none}
img {max-width:100%;border:0}
a {text-decoration:none}
iframe {border:none}
html,body {height:100%}
/* common */
.blind {visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;}
.sprite {background:url(../../images/renewal/sprite.png) no-repeat;text-indent:-9999px}
.sprite--link {background:url(../../images/renewal/sprite.png) no-repeat}
.table {display:table;table-layout:fixed;width:100%;height:100%}
.cell {display:table-cell;vertical-align:middle}
.row {position:relative;width:1068px;margin:0 auto;padding:0 6px}
.row:after {content:'';display:block;clear:both}
#skipNav {position:relative;z-index:13569}
#skipNav a {position:absolute;top:-30px;left:0;display:inline-block;padding:0 20px;background:#ee3212;color:#fff;line-height:30px;font-size:12px}
#skipNav a:focus {top:0}
.slider__btns {position:absolute;top:58%;left:50%;width:1068px;margin-left:-534px;z-index:55}
.slider__btn {position:absolute;top:50%;width:30px;height:55px;margin-top:-27px}
.slider__btn a {display:block;width:30px;height:55px;text-indent:-9999px;overflow: hidden;}
.slider__btn--prev {left:-50px;background-position:0 -28px}
.slider__btn--next {right:-50px;background-position:-32px -28px}
.slider__btn--prev--gray {left:-50px;background-position:-32px -199px}
.slider__btn--next--gray {right:-50px;background-position:0 -199px}
.slider__btn-small {position:absolute;top:50%;width:32px;height:32px;margin-top:-16px}
.slider__btn-small--prev {left:-36px;background-position:0 -256px}
.slider__btn-small--next {right:-36px;background-position:-34px -256px}
.slider__btn-small a {display:block;width:32px;height:32px;text-indent:-9999px}
.pagenavi {margin-top:18px}
.pagenavi a {display:inline-block;width:30px;height:30px;font-size:14px;color:#333 !important;text-align:center;vertical-align:top;line-height:30px}
.pagenavi--prev {background-position:-155px -230px}
.pagenavi--next {background-position:-155px -260px}
.pagenavi a.active {color:#f36b21 !important}
.pagenavi a:hover {color:#f36b21 !important}

#wrap {overflow:hidden;position:relative;min-height:100%;font-family:'Nanum Gothic','나눔고딕','맑은고딕';min-width:1080px}
/*#inner_wrap #header, #inner_wrap #footer, #inner_wrap .ab.family_site, #inner_wrap .tit_h3, #inner_wrap .third_depth {display:none}
*/
.wrap-inner {position:relative}
.header__new {position:absolute;top:0;left:0;width:100%;z-index:30}
.header-top {background:#fff}
.header-top__wrap {position:relative;width:1068px;height:63px;margin:0 auto}
.header__logo {float:left;padding-top:11px}
.snb {overflow:hidden;float:right}
.snb li {float:left;line-height:63px}
.snb__item {display:block;position:relative;padding:0 8px;font-size:14px;color:#666}
.snb__item:hover {color:#333}
.snb__item:before {content:'';display:block;position:absolute;top:50%;left:0;width:1px;height:7px;margin-top:-4px;background:#c6c7c9}
.snb__item--first:before {content:none}
.snb__item--lang {margin-top:20px;margin-left:10px;width:32px;height:22px;padding:0}
.header__search {position:absolute;bottom:-110px;right:0;width:242px;z-index:1}
.header__search-wrap {display:block;position:relative;border-bottom:1px solid #333;padding-right:32px}
.header__search-ipt {display:block;width:100%;height:34px;background:none;border:none;outline:none}
.header__search-submit {display:inline-block;position:absolute;right:0;top:4px;width:22px;height:24px;border:none;background:url(../../images/renewal/sprite.png) no-repeat -63px -28px;text-indent:-9999px;outline:none;z-index:10;cursor:pointer}
.header-bottom {position:relative;background:url(../../images/renewal/bg_header.png) no-repeat center top}
.header-bottom.active {background:url(../../images/renewal/bg_header_ov.jpg) no-repeat center top}
.header-bottom__wrap {width:1068px;margin:0 auto}
.gnb {height:70px}
.gnb > li > a {display:block;font-size:18px;font-weight:bold;color:#fff}
.gnb > li > a > span {position:relative;display:inline-block;line-height:1.8}
.gnb > li > a > span:before {content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:#fff;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.gnb > li:hover > a > span:before  {width:100%}
.gnb > li:hover .gnb__wrap {display:block}
.gnb__wrap {display:none;position:absolute;top:70px;left:0;width:100%;border-bottom:2px solid #ee3212;background:#fff;text-align:left}
.gnb__wrap-box {overflow:hidden;padding-left:116px}
.gnb__wrap--small .gnb__wrap-box {padding-left:35px}
.gnb__wrap--medium .gnb__wrap-box {padding-left:142px}
.gnb__wrap--small .gnb__wrap-item {width:auto;padding:0 15px}
.gnb__wrap-item {float:left;width:130px}
.gnb__wrap-item--big {width:187px}
.gnb__wrap-tit {line-height:68px}
.gnb__wrap-tit a {display:block;font-size:14px;color:#231f20 !important}
.gnb__wrap-tit a:hover {text-decoration:underline}
.gnb__wrap-list {margin-bottom:30px}
.gnb__wrap-list li {line-height:24px}
.gnb__wrap-list li a {font-size:13px;color:#7b7b7b}
.gnb__wrap-list li a:hover {color:#222;text-decoration:underline}
select#slt-lang  {padding:4px 8px;border:1px solid #dedede;-webkit-appearance:menulist;font-size:13px}
.main-brandmenu {overflow:hidden;max-height:250px;padding-top:18px;border-top:1px solid #e73b2d;background:#f5f5f5}
.main-brandmenu__btn {border-bottom:1px solid #a9a8ad}
.main-brandmenu__btn a {display:inline-block;position:relative;padding:0 7px;border-bottom:0px solid transparent;font-size:18px;color:#a9a8ad;line-height:46px;vertical-align:top}
.main-brandmenu__btn a.active {color:#fff;background-color:#ef3214;border-bottom:0px solid #ef3214}
.main-brandmenu__wrap {position:relative}
.main-brandmenu__wrap li {min-width:118px !important;height:192px !important;line-height:192px}
.main-brandmenu__wrap li img {height:132px}
.main-brandmenu__btns {position:absolute;width:18px;height:27px;top:50%;margin-top:-13px}
.main-brandmenu__btns a {display:block;width:18px;height:27px;text-indent:-9999px}
.main-brandmenu__prev {left:-20px;background-position:-32px 0}
.main-brandmenu__next {right:-20px;background-position:-52px 0}
.brand-menu {position:fixed;top:0;left:100%;width:86px;height:100%;margin-left:-86px;padding-right:126px;background:#fff;z-index:50;outline:none;-webkit-transition:margin-left .3s ease-out, left .4s ease-out;transition:margin-left .3s ease-out,  left .4s ease-out}
.brand-menu:hover {margin-left:-212px}
.showBrand .brand-menu {left:0;margin-left:0}
.brand-top {height:92px;background:#e63c2e;text-align:center}
.brand-top__list {padding:0 9px}
.brand-top__list li {margin-top:6px;background:#fff;line-height:22px}
.brand-top__list li:first-child {margin-top:0}
.brand-top__list li a {display:block;color:#e63c2e;font-size:12px;letter-spacing:-1px}
.brand-list > li {width:86px;height:86px}
.brand-list > li > a {display:block;position:relative;width:86px;height:86px}
.brand-list > li > a > span {display:block;position:relative;width:86px;height:86px}
.brand-list > li > a:before {content:'';display:block;position:absolute;top:0;left:0;width:0;height:86px;-webkit-transition:width .13s linear .13s;transition:width .13s linear .13s}
/*.brand-list > li:hover .brand-list__box {opacity:1;z-index:0}
.brand-list > li:hover .brand-list__box:before {width:126px}
.brand-list > li:hover > a:before {width:86px}*/
.brand-list > li.active > a:before {width:86px}
.brand-list > li.active .brand-list__box {opacity:1;z-index:0}
.brand-list > li.active .brand-list__box:before {width:126px}
.brand-list__item > a {cursor:pointer}
.brand-list--d:before {background:#eaeaeb}
.brand-list--d span {background-position:-618px -230px}
.brand-list--b:before {background:#eaeaeb}
.brand-list--b span {background-position:-530px -230px}
.brand-list__box {position:absolute;top:0;right:0;height:100%;background:#fff;opacity:0;z-index:-1}
.brand-list__box:before {content:'';display:block;position:absolute;top:0;left:0;width:0;height:100%;z-index:-1;-webkit-transition:width .13s linear .26s;transition:width .13s linear .26s}
.brand-list__box--d:before {background:#eaeaeb}
.brand-list__box--b:before {background:#eaeaeb}
.brand-list__sub li {width:126px;height:110px}
.brand-list__sub li:first-child {height:auto;padding:22px 0}
.brand-list__sub-logo {width:74px;height:32px;margin:0 auto;cursor:pointer;background-position:0 -117px}
.brand-list__sub a {display:block;width:126px;height:110px}
/*brand d*/
.brand-list__sub-i--vita500 {background-position:-578px -318px}
.brand-list__sub-i--vita500.active, .brand-list__sub-i--vita500:hover {background-position:-450px -318px}
.brand-list__sub-i--ok {background-position:-578px -430px}
.brand-list__sub-i--ok.active, .brand-list__sub-i--ok:hover {background-position:-450px -430px}
.brand-list__sub-i--hut {background-position:-322px -318px}
.brand-list__sub-i--hut.active, .brand-list__sub-i--hut:hover {background-position:-194px -318px}
.brand-list__sub-i--woo {background-position:-322px -430px}
.brand-list__sub-i--woo.active, .brand-list__sub-i--woo:hover {background-position:-194px -430px}
.brand-list__sub-i--ya {background-position:-66px -318px}
.brand-list__sub-i--ya.active, .brand-list__sub-i--ya:hover {background-position:-66px -430px}
/*brand b*/
.brand-list__sub-i--re {background-position:-578px -542px}
.brand-list__sub-i--re.active, .brand-list__sub-i--re:hover {background-position:-450px -542px}
.brand-list__sub-i--ky {background-position:-322px -542px}
.brand-list__sub-i--ky.active, .brand-list__sub-i--ky:hover {background-position:-194px -542px}
.brand-list__sub-i--tok {background-position:-578px -654px}
.brand-list__sub-i--tok.active, .brand-list__sub-i--tok:hover {background-position:-450px -654px}
.brand-list__sub-i--i {background-position:-322px -654px}
.brand-list__sub-i--i.active, .brand-list__sub-i--i:hover {background-position:-194px -654px}
.brand-list__sub-i--car {background-position:-66px -542px}
.brand-list__sub-i--car.active, .brand-list__sub-i--car:hover {background-position:-66px -654px}
/*brand snb*/
.brand-snb {position:absolute;bottom:60px;left:0;width:86px;text-align:center}
.brand-snb__list li a {display:inline-block;width:35px;height:40px}
.brand-snb__list--fb {background-position:0 -318px;}
.brand-snb__list--yt {background-position:0 -444px;}
/*brand top*/
.brand-btn {position:absolute;bottom:0;left:0;width:86px}
.brand-top__link {display:block;width:86px;height:36px;background-position:0 -151px}
/* main visual */
.main-visual {position:relative;z-index:20}
.main-visual__slider li {height:600px;background-repeat:no-repeat;background-size:auto 600px;background-position:center top}
.main-visual__slider li .row {height:100%}
.main-visual__slider li .row .main-visual__slider-item {height:100%}
.main-visual__slider li .row .main-visual__slider-item > a {display:block; width:100%; height:100%; }
.main-visual__btns {position:relative;width:1068px;margin:0 auto}
.main-visual .bx-wrapper .bx-pager.bx-default-pager a {width:10px;height:10px;-webkit-border-radius:5px;border-radius:5px;background:#a6a9ae}
.main-visual .bx-wrapper .bx-pager.bx-default-pager a.active,
.main-visual .bx-wrapper .bx-pager.bx-default-pager a:hover {background:#ef3212;opacity:1}
.main-visual .bx-wrapper .bx-pager.bx-default-pager a.active {width:34px}
.main-visual .bx-wrapper .bx-controls-auto, .main-visual .bx-wrapper .bx-pager {display:inline-block;position:static;width:auto;vertical-align:top}
.main-visual .bx-controls-auto {display:inline-block}
.main-visual .bx-controls {position:absolute;left:0;bottom:20px;width:100%;text-align:center;z-index:9999}
.main-visual__stop {display:inline-block;width:6px;height:8px;margin-left:5px;opacity:0.4;background-position:-8px -189px}
.main-visual__stop.active {opacity:0.8}
/* main monthly */
.main-title {margin-bottom:28px;border-top:1px solid #e63c2e;text-align:center}
.main-title__tit {display:inline-block;width:359px;height:51px;background:url(../../images/renewal/bg_maintit.png) no-repeat center top;font-size:24px;font-weight:normal;color:#fff;line-height:51px;text-align:center;letter-spacing:-1px}
.main-monthly {padding-bottom:62px;background:#fff;text-align:center}
.main-monthly__wrap {position:relative;width:1080px;margin:0 auto}
.main-monthly__tit {margin-bottom:30px;font-size:24px;color:#4d4d4f;letter-spacing:-1px}
.main-monthly__list li {text-align:center}
.main-monthly__list li img {display:inline;max-width:95px}
.main-monthly__list-img {position:relative;width:185px;height:185px;margin:0 auto}
.main-monthly__list-item:hover .main-monthly__list-img--ov {display:block}
.main-monthly__list-img--ov {display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#ee3212}
.main-common__list-menu {width:94px;margin:0 auto}
.main-common__list-menu li {margin-top:8px;border-bottom:1px solid #fff;text-align:left}
.main-common__list-menu li:first-child {margin-top:0}
.main-common__list-menu li a {display:block;position:relative;padding-right:20px;font-size:14px;color:#fff;line-height:26px}
.main-common__list-menu li a:before {content:'';position:absolute;top:50%;right:2px;width:17px;height:15px;margin-top:-7px;background:url(../../images/renewal/sprite.png) no-repeat -72px 0}
.main-monthly__list-cat {font-size:12px;color:#888}
.main-monthly__list-cat:before {content:'';display:block;width:24px;height:1px;margin:0 auto;margin-bottom:12px;background:#ccc}
.main-monthly__list-tit {margin-top:2px;font-size:18px;color:#4c4d4f}
.main-monthly__list-btn {position:absolute;width:18px;height:27px;top:50%;margin-top:-13px}
.main-monthly__list-btn a {display:block;width:18px;height:27px;text-indent:-9999px}
.main-monthly__list-btn--prev {left:-20px;background-position:-32px 0}
.main-monthly__list-btn--next {right:-20px;background-position:-52px 0}
.main-monthly__list-item {height:266px;border:1px solid #ccc}
.main-monthly__ovinfo {color:#fff}
.main-monthly__ovinfo .c {font-size:12px}
.main-monthly__ovinfo .c:before {content:'';display:block;width:24px;height:1px;background:#fff;margin:0 auto;margin-bottom:10px}
.main-monthly__ovinfo .t {margin-bottom:20px;font-size:18px}
.main-monthly__ovinfo .l {margin-top:20px}
.main-monthly__ovinfo .main-common__list-menu {width:164px}
/* main eye */
.main-eye {padding-bottom:56px;background:#e8e3dc;text-align:center}
.main-eye__list {display:inline-block;position:relative}
.main-eye__list:before {content:'';display:block;position:absolute;top:50%;left:5%;width:90%;height:2px;margin-top:-1px;background:#d5d5d5}
.main-eye__list li {display:inline-block;margin:0 20px}
.main-eye__list li a {position:relative;display:inline-block;width:100px;height:113px;z-index:1}
.main-eye__list-item--b {background-position:-91px 0}
.main-eye__list-item--e {background-position:-193px 0}
.main-eye__list-item--o {background-position:-295px 0}
.main-eye__list-item--a {background-position:-397px 0}
.main-eye__list-item--d {background-position:-499px 0}
.main-eye__list-item--p {background-position:-601px 0}
.main-eye__list-item--b:hover {background-position:-91px -115px}
.main-eye__list-item--e:hover {background-position:-193px -115px}
.main-eye__list-item--o:hover {background-position:-295px -115px}
.main-eye__list-item--a:hover {background-position:-397px -115px}
.main-eye__list-item--d:hover {background-position:-499px -115px}
.main-eye__list-item--p:hover {background-position:-601px -115px}
/* main news */
.main-news {padding:50px 0 !important;background:#e8e3dc}
.main-news__item {float:left;position:relative;width:200px;height:200px}
.main-news__item-tit {position:absolute;top:20px;left:20px;font-size:24px;font-weight:normal;color:#fff}
.main-news__item:hover .main-news__item-ov {display:block}
.main-news__item-ov {display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../../images/renewal/bg_news.png) no-repeat center top}
.main-news__item--news {background:url(../../images/renewal/img_news.jpg) no-repeat center top}
.main-news__item--news-tit {margin-bottom:26px;padding:0 15px;font-size:17px;color:#fff;line-height:27px;text-align:center}
.main-news .main-common__list-menu {width:122px}
.main-news__item--magazine .main-common__list-menu li {margin-top:14px}
.main-news__item--magazine .main-common__list-menu li:first-child {margin-top:0}
.main-news__item--magazine {margin:0 17px;background:url(../../images/renewal/img_magazine.jpg) no-repeat center top}
.main-news__item--event {width:634px}
.main-news__item--event .bx-wrapper .bx-pager {bottom:10px}
.main-news__item--event .bx-wrapper .bx-pager.bx-default-pager a {background:#fff;opacity:0.4}
.main-news__item--event .bx-wrapper .bx-pager.bx-default-pager a.active,
.main-news__item--event .bx-wrapper .bx-pager.bx-default-pager a.hode {background:#fff;opacity:1}
/* main link */
.main-link {overflow:hidden}
.main-link__item {min-height:46px;padding:22px 0}
.main-link__item--shop {overflow:hidden;background:#d9e8d0;text-align:center;}
.main-link__item--box {background:#f1d6e0}
.main-link__wrap {display:inline-block;width:534px;text-align:left}
.main-link__inner {display:block;position:relative;overflow:hidden;padding-left:36px;padding-right:80px}
.main-link__inner:before {content:'';position:absolute;top:50%;right:28px;width:35px;height:30px;margin-top:-15px;background:url(../../images/renewal/sprite.png) no-repeat 0 -85px}
.main-link__inner > span {display:block;float:left}
.main-link__inner > span:first-child {margin-right:18px}
.main-link__tit {display:block;margin-bottom:4px;font-size:14px;font-weight:600}
.main-link__desc {font-size:18px;color:#4d4d4f}
.main-link__item--shop .main-link__tit {color:#5b933b}
.main-link__item--box .main-link__tit {color:#cb5283}
/* main social */
.main-social {padding:64px 0;background:#f0f0f0}
.main-social .bx-wrapper .bx-pager {bottom:0}
.main-social__tit {margin-bottom:20px;font-size:24px;font-weight:normal;color:#4c4d4f;text-align:center}
.main-social__item {float:left;width:524px;height:240px;padding:25px 30px;background:#fff;box-sizing:border-box}
.main-social__item--youtube {float:right}
.main-social__list li {overflow:hidden;height:190px}
.main-social__list li img {max-height:170px}
.main-social__list a {display:block;overflow:hidden}
.main-social__content {float:left;width:50%}
.main-social__img {float:right;width:46%;}
.main-social__item--youtube .main-social__content {width:50%}
.main-social__item--youtube .main-social__img {width:46%}
.main-social__cat {font-size:17px;color:#666;line-height:28px}
.main-social__cat--fb {color:#3b5998}
.main-social__cat--yt {color:#cd201f}
.main-social__cat--is {color:#bd0798}
.main-social__desc {overflow:hidden;height:92px;margin-top:21px;font-size:15px;color:#4c4d4f;line-height:23px}
.main-social__hash {margin-top:20px;font-size:15px;color:#365899;line-height:23px}
.main-social__cat-icon {display:inline-block;width:24px;height:28px}
.main-social__cat--fb .main-social__cat-icon {background-position:-37px -85px}
.main-social__cat--yt .main-social__cat-icon {background-position:-63px -85px}
.main-social__cat--is .main-social__cat-icon {background-image:url('../../images/renewal/ico_social_insta.png'); background-position:center; background-repeat:no-repeat;}

/* footer */
#footer {background-color:#292929 !important}
.footer__sitemap {padding:15px 0}
.footer__sitemap-wrap {position:relative;padding-left:150px}
.footer__sitemap-tit {position:absolute;top:16px;left:0;font-size:13px;color:#ef4023}
.footer__sitemap-box {overflow:hidden;padding:10px 0;border-bottom:1px solid #444}
.footer__sitemap-item {float:left;width:150px;font-size:12px}
.footer__sitemap-subtit a {display:block;color:#fff !important;font-weight:normal;line-height:30px}
.footer__sitemap-list {margin-top:16px}
.footer__sitemap-list li a {color:#7b7b7b;line-height:23px}
.footer__sitemap-list li a:hover {color:#eee}
.footer__snb {border-top:1px solid #444;border-bottom:1px solid #444;background:#252222}
.footer__snb-wrap {position:relative;width:1068px;margin:0 auto;padding:0 6px}
.footer__snb-menu {padding-left:126px}
.footer__snb-menu a {display:inline-block;position:relative;padding-left:22px;padding-right:20px;font-size:12px;color:#7b7b7b;line-height:40px}
.footer__snb-menu a.footer__policy {color:#fff}
.footer__snb-menu a:before {content:'';position:absolute;top:50%;left:0;width:1px;height:8px;margin-top:-4px;background:#5c5959}
.footer__snb-menu a:first-child:before {content:none}
.footer__snb-menu a:hover {color:#eee}
.footer__snb-link {position:absolute;top:0;right:0;border-left:1px solid #444}
.footer__snb-link__item {display:block;float:left;position:relative;width:172px;height:40px;border-right:1px solid #444;text-align:center;cursor:pointer}
.footer__snb-link__tit {display:inline-block;position:relative;padding-right:30px;font-size:13px;color:#cac9c9;line-height:40px}
.footer__snb-link__tit:before {content:'';position:absolute;top:50%;right:0;width:17px;height:15px;margin-top:-7px;background:url(../../images/renewal/sprite.png) no-repeat -72px 0}
.footer__snb-link__toggle {display:none;position:absolute;bottom:40px;left:0;width:100%;padding:18px 24px;background:#fff;box-sizing:border-box}
.footer__snb-link__toggle li {line-height:28px;text-align:left}
.footer__snb-link__toggle li a {font-size:13px;color:#444;letter-spacing: -1px;}
.footer__snb-link__toggle li a:hover {color:#e63c2e}
.footer__snb-link__item.active {background:#fff}
.footer__snb-link__item.active .footer__snb-link__tit {background:#fff;color:#222}
.footer__snb-link__item.active .footer__snb-link__tit:before {background-position:-63px -54px}
.footer__copyright {padding:30px 0}
.footer__copyright-logo, .footer__copyright-addr {float:left;font-size:12px;color:#7b7b7b;line-height:20px}
.footer__copyright-addr {margin-left:24px}

/* 기존 사이트 css */
#container .contents .s_lay_middle {padding-bottom:140px !important}
#p_policy .p_policy {width:1200px !important;top:50px}

/* gnb 수정 */
.gnb {padding-right:300px}
.gnb > li {float:left; width: calc((100% / 4) - 17px); margin-left:17px;text-align:center;line-height:70px;box-sizing:border-box}
.gnb > li:first-child {margin-left:0}
.gnb > li:first-child > a {padding-right:8px}
.gnb > li.l {width:200px;margin-left:0;text-align:left}
.gnb > li.l > a > span {padding-left:32px}
.gnb > li.l > a > span:before {content:none}
.header-bottom.active {background:url(../../images/renewal/bg_header_ov.jpg) no-repeat center top}
.header-bottom.active--brand  {background:url(../../images/renewal/bg_header_ov2.jpg) no-repeat center top}
.header-bottom.active--brand .gnb > li.l > a {color:#ef3212}
.header-bottom.active--brand .gnb > li.l > a > span:after {content:'';display:block;position:absolute;top:0;left:0;width:25px;height:28px;background:url(../../images/renewal/sprite.png) no-repeat 0 -782px}
.gnb__brand-icon--de, .gnb__brand-icon--ph {display:inline-block;position:relative;top:5px}
.gnb__brand-icon--de {width:23px;height:28px;background-position:0 -782px}
.gnb__brand-icon--ph {width:30px;height:28px;background-position:-25px -782px}
.gnb__brand--left {float:left;position:relative;width:50%}
.gnb__brand--left:before {content:'';display:block;position:absolute;top:48px;right:0;width:1px;height:100px;background:#c9c8c8}

.gnb__brand--right {float:right;width:50%}
.gnb__brand-tit {margin-bottom:10px;font-size:18px;color:#4c4d4f;text-align:center;line-height:28px}
.gnb__brand-box {padding:0 32px}
.gnb__brand-sliderwrap .bx-viewport, .gnb__brand-sliderwrap ul {height:110px !important}
.gnb__brand-sliderwrap {position:relative}
.gnb__brand-sliderwrap li {overflow:hidden;width:92px !important;height:110px}
.gnb__brand-sliderwrap li a {display:block;position:relative;left:-17px;width:126px;height:110px}
.gnb__wrap--brand {padding-top:15px;padding-bottom:20px}
.gnb__brand-btn {position:absolute;top:50%;width:16px;height:23px;margin-top:-11px}
.gnb__brand-btn a {display:block;width:16px;height:23px;text-indent:-9999px}
.gnb__brand-btn--prev {left:0;background-position:-59px -782px}
.gnb__brand-btn--next {right:0;background-position:-77px -782px}
.gnb__brand-btn--prev:hover {background-position:-95px -782px}
.gnb__brand-btn--next:hover {background-position:-113px -782px}
#container .contents {padding-top:133px !important;margin-top:0 !important}
.set_title_bg {top:170px !important}


.logo-animation-container {
    position: absolute;
    background-color: black;
}

.logo-animation-container a {
    display: block;
    width: 100%;
}

.logo-slide-wrap {
    width: 100%;
}

.logo-slide {
    display: flex;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    transform: translateX(0%);
}

.logo-slide .logo-image {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;

    opacity: 1;
}

.logo-slide .logo-image.end {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    opacity: 0;
    border: 0px;
		display:none;
}

.original {
    /* animation: first 9s infinite ease;*/
}

.end {
    /*animation: end 9s infinite ease;*/
}

@keyframes first {
    0% {
         opacity: 1;
    }
    10%, 50% {
        opacity: 0;
    }
    75%, 100% {
        opacity: 1;
    }
}

@keyframes end {
    0% {
        opacity: 0;
    }
    25%, 50% {
        opacity: 1;
    }
    60%, 100% {
        opacity: 0;
    }
}