/* --- resources/css/plugin.css --- */
@charset "utf-8";.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1} 
.swiper-container-no-flexbox .swiper-slide{float:left} 
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} 
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box} 
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)} 
.swiper-container-multirow>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap} 
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto} 
.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform} 
.swiper-invisible-blank-slide{visibility:hidden} 
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto} 
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height, -webkit-transform;transition-property:height, -webkit-transform;-o-transition-property:transform, height;transition-property:transform, height;transition-property:transform, height, -webkit-transform} 
.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px} 
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d} 
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10} 
.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))} 
.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))} 
.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))} 
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))} 
.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y} 
.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x} 
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat} 
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none} 
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto} 
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto} 
.swiper-button-lock{display:none} 
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms opacity;-o-transition:300ms opacity;transition:300ms opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10} 
.swiper-pagination.swiper-pagination-hidden{opacity:0} 
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:15px;left:0;width:100%} 
.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0} 
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);-ms-transform:scale(0.33);transform:scale(0.33);position:relative} 
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} 
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} 
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);-ms-transform:scale(0.66);transform:scale(0.66)} 
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);-ms-transform:scale(0.33);transform:scale(0.33)} 
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);-ms-transform:scale(0.66);transform:scale(0.66)} 
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);-ms-transform:scale(0.33);transform:scale(0.33)} 
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:0.2} 
button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none} 
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer} 
.swiper-pagination-bullet-active{opacity:1;background:#ef151e} 
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)} 
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block} 
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px} 
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:200ms top, 200ms -webkit-transform;transition:200ms top, 200ms -webkit-transform;-o-transition:200ms transform, 200ms top;transition:200ms transform, 200ms top;transition:200ms transform, 200ms top, 200ms -webkit-transform} 
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px} 
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap} 
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms left, 200ms -webkit-transform;transition:200ms left, 200ms -webkit-transform;-o-transition:200ms transform, 200ms left;transition:200ms transform, 200ms left;transition:200ms transform, 200ms left, 200ms -webkit-transform} 
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms right, 200ms -webkit-transform;transition:200ms right, 200ms -webkit-transform;-o-transition:200ms transform, 200ms right;transition:200ms transform, 200ms right;transition:200ms transform, 200ms right, 200ms -webkit-transform} 
.swiper-pagination-progressbar{background:rgba(0, 0, 0, 0.25);position:absolute} 
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#ef151e;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top} 
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top} 
.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0} 
.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0} 
.swiper-pagination-lock{display:none} 
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0, 0, 0, 0.1)} 
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%} 
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%} 
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0, 0, 0, 0.5);border-radius:10px;left:0;top:0} 
.swiper-scrollbar-cursor-drag{cursor:move} 
.swiper-scrollbar-lock{display:none} 
.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center} 
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain} 
.swiper-slide-zoomed{cursor:move} 
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000} 
.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} 
.swiper-container-cube{overflow:visible} 
.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%} 
.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none} 
.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0} 
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto} 
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible} 
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} 
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:0.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0} 
.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out} 
.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity} 
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none} 
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto} 
.swiper-container-flip{overflow:visible} 
.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1} 
.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none} 
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto} 
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} 
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite;animation:swiper-preloader-spin 1s steps(12, end) infinite} 
.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat} 
.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")} 
@-webkit-keyframes swiper-preloader-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)} 
@keyframes swiper-preloader-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)} 

/* --- resources/css/module.css --- */
@charset "utf-8";
/* --- resources/css/style.css --- */
@charset "utf-8";*,:after,:before{-webkit-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1)} 
img.spacer{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2MTA0NUI5QjM5MTExRTJBODUwQTBDQjQzNzlDMEJEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2MTA0NUJBQjM5MTExRTJBODUwQTBDQjQzNzlDMEJEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTYxMDQ1QjdCMzkxMTFFMkE4NTBBMENCNDM3OUMwQkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTYxMDQ1QjhCMzkxMTFFMkE4NTBBMENCNDM3OUMwQkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6CZ0UdAAAAEElEQVR42mL4//8/A0CAAQAI/AL+26JNFgAAAABJRU5ErkJggg==')} 
.full{width:100%} 
.reset{margin:0;padding:0;list-style:none;font-weight:normal;font-style:normal;font-size:inherit} 
.border-box{-webkit-box-sizing:border-box;box-sizing:border-box} 
.content-box{-webkit-box-sizing:content-box;box-sizing:content-box} 
.ir{position:relative;display:inline-block;overflow:hidden;margin:0;padding:0;word-break:keep-all;background-repeat:no-repeat;background-position:center center} 
.ir .em,.ir em{position:absolute;z-index:-1;visibility:hidden;text-indent:-1000px} 
.sr-only,i em{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;display:inline-block;padding:0;word-break:keep-all;white-space:nowrap;border:0} 
@media screen{.sr-only,i em{overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;color:transparent;*height:0} 
.focus-only{display:block;clear:both;position:absolute;top:0;left:0;right:0;z-index:-1;padding:15px 0;font-size:14px;background-color:#fff;background-color:rgba(255, 255, 255, 0.8);overflow:hidden;text-align:center} 
.focus-only:active,.focus-only:focus,.focus-only:hover{z-index:1000} 
.hide-text{color:transparent;border:none;background-color:transparent;text-shadow:none;font:0/0 a} 
.hidden{visibility:hidden} 
.list-reset,ul.reset{margin:0;padding:0;list-style:none} 
.list-reset li,ul.reset li{margin:0;padding:0} 
.list-inline{margin:0;padding:0;list-style:none} 
.list-inline li{display:inline-block;margin:0;padding:0} 
.no-background{background:transparent} 
.no-border{border:0} 
.no-select{cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} 
.font-normal{font-style:normal} 
.font-italic{font-style:italic} 
.uppercase{text-transform:uppercase} 
.lowercase{text-transform:lowercase} 
.capitalize{text-transform:capitalize} 
.field{width:100%} 
.form-group{overflow:hidden} 
.form-group label{display:inline-block;padding-top:8px} 
.disabled,[disabled]{cursor:default;pointer-events:none;opacity:0.2} 
.checkbox,.radio{position:relative;display:inline-block} 
.checkbox label,.radio label{display:inline-block;padding-top:0;padding-left:20px} 
.checkbox input[type=checkbox],.checkbox input[type=radio],.radio input[type=checkbox],.radio input[type=radio]{position:absolute;top:4px;left:0} 
.scroll{overflow:hidden;overflow-y:scroll} 
.background-repeat{background-repeat:repeat} 
.background-no-repeat{background-repeat:no-repeat} 
.background-repeat-x{background-repeat:repeat-x} 
.background-repeat-y{background-repeat:repeat-y} 
.tab-focus{outline:thin dotted;outline:3px auto -webkit-focus-ring-color;outline-offset:-2px} 
.pos-relative{position:relative} 
.pos-absolute{position:absolute} 
.no-drag{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} 
.toggle{display:none} 
.toggle.in{display:block} 
.fade{visibility:hidden;opacity:0;-webkit-transition:visibility 0s linear 0.2s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:visibility 0s linear 0.2s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.2s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.fade.in{visibility:visible;opacity:1;-webkit-transition:visibility 0s linear 0s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:visibility 0s linear 0s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.margin-0{margin:0} 
.padding-0{padding:0} 
.float-none{float:none} 
.text-left{text-align:left!important} 
.text-right{text-align:right!important} 
.text-center{text-align:center!important} 
.text-justify{text-align:justify} 
.relative{position:relative} 
.absolute{position:absolute} 
.static{position:static} 
.fixed{position:fixed} 
.none{display:none} 
.block{display:block} 
.inline-block{display:inline-block} 
.inline{display:inline} 
.flex{display:-webkit-box;display:-ms-flexbox;display:flex} 
.flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row} 
.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} 
.flex-space-around{-ms-flex-pack:distribute;justify-content:space-around} 
.flex-space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} 
.flex-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start} 
.flex-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} 
.flex-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end} 
.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap} 
.flex-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap} 
.pull-left{float:left!important} 
.pull-right{float:right!important} 
.nowrap{word-wrap:break-word;word-break:keep-all;white-space:nowrap} 
.center{float:none;margin-left:auto;margin-right:auto} 
.pt-5{padding-top:5px} 
.pt-10{padding-top:10px} 
.pt-15{padding-top:15px} 
.pt-20{padding-top:20px} 
.pt-25{padding-top:25px} 
.pt-30{padding-top:30px} 
.pt-35{padding-top:35px} 
.pt-40{padding-top:40px} 
.pt-45{padding-top:45px} 
.pt-50{padding-top:50px} 
.pt-55{padding-top:55px} 
.pt-60{padding-top:60px} 
.pt-100{padding-top:100px} 
.pt-150{padding-top:150px} 
.pt-200{padding-top:200px} 
.pb-5{padding-bottom:5px} 
.pb-10{padding-bottom:10px} 
.pb-15{padding-bottom:15px} 
.pb-20{padding-bottom:20px} 
.pb-25{padding-bottom:25px} 
.pb-30{padding-bottom:30px} 
.pb-35{padding-bottom:35px} 
.pb-40{padding-bottom:40px} 
.pb-45{padding-bottom:45px} 
.pb-50{padding-bottom:50px} 
.pb-55{padding-bottom:55px} 
.pb-60{padding-bottom:60px} 
.pb-100{padding-bottom:100px} 
.pb-150{padding-bottom:150px} 
.pb-200{padding-bottom:200px} 
.pl-10{padding-left:10px} 
.pr-10{padding-right:10px} 
.p-5{padding:5px} 
.p-10{padding:10px} 
.p-15{padding:15px} 
.p-20{padding:20px} 
.p-25{padding:25px} 
.p-30{padding:30px} 
.p-35{padding:35px} 
.p-40{padding:40px} 
.p-45{padding:45px} 
.p-50{padding:50px} 
.p-55{padding:55px} 
.p-60{padding:60px} 
.mt-0{margin-top:0px!important} 
.mt-10{margin-top:10px!important} 
.mt-20{margin-top:20px!important} 
.mt-30{margin-top:30px} 
.mt-40{margin-top:40px} 
.mt-45{margin-top:45px} 
.mt-50{margin-top:50px} 
.mt-100{margin-top:100px} 
.mb-0{margin-bottom:0px!important} 
.mb-20{margin-bottom:20px!important} 
.ml-20{margin-left:20px} 
.ml-25{margin-left:25px} 
@media only screen and (min-width:1px) and (max-width:1023px){.text-center-sm{text-align:center!important} 
.float-none-sm{float:none} 
.padding-0-sm{padding:0} 
.margin-0-sm{margin:0} 
.relative-sm{position:relative} 
.absolute-sm{position:absolute} 
.static-sm{position:static} 
.fixed-sm{position:fixed} 
.none-sm{display:none} 
.block-sm{display:block} 
.inline-block-sm{display:inline-block} 
.inline-sm{display:inline} 
.flex-sm{display:-webkit-box;display:-ms-flexbox;display:flex} 
.flex-row-sm{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row} 
.flex-column-sm{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} 
.flex-space-around-sm{-ms-flex-pack:distribute;justify-content:space-around} 
.flex-space-between-sm{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} 
.flex-start-sm{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start} 
.flex-center-sm{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} 
.flex-end-sm{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end} 
.flex-wrap-sm{-ms-flex-wrap:wrap;flex-wrap:wrap} 
.flex-nowrap-sm{-ms-flex-wrap:nowrap;flex-wrap:nowrap} 
.pull-left-sm{float:left} 
.pull-right-sm{float:right!important} 
.center-sm{float:none;margin-left:auto;margin-right:auto} 
.text-left-sm{text-align:left!important} 
.text-right-sm{text-align:right!important} 
.text-center-sm{text-align:center} 
.text-justify-sm{text-align:justify} 
.nowrap-sm{word-wrap:break-word;word-break:keep-all;white-space:nowrap} 
.no-col-sm{width:auto!important;float:none!important} 
.no-pull-sm,.no-push-m{left:0} 
.pt-0-sm{padding-top:0} 
.pt-5-sm{padding-top:5px} 
.pt-10-sm{padding-top:10px} 
.pt-15-sm{padding-top:15px} 
.pt-20-sm{padding-top:20px} 
.pt-25-sm{padding-top:25px} 
.pt-30-sm{padding-top:30px} 
.pt-35-sm{padding-top:35px} 
.pt-40-sm{padding-top:40px} 
.pt-45-sm{padding-top:45px} 
.pt-50-sm{padding-top:50px} 
.pt-55-sm{padding-top:55px} 
.pt-60-sm{padding-top:60px} 
.pt-100-sm{padding-top:100px} 
.pt-150-sm{padding-top:150px} 
.pt-200-sm{padding-top:200px} 
.pb-0-sm{padding-bottom:0} 
.pb-5-sm{padding-bottom:5px} 
.pb-10-sm{padding-bottom:10px} 
.pb-15-sm{padding-bottom:15px} 
.pb-20-sm{padding-bottom:20px} 
.pb-25-sm{padding-bottom:25px} 
.pb-30-sm{padding-bottom:30px} 
.pb-35-sm{padding-bottom:35px} 
.pb-40-sm{padding-bottom:40px} 
.pb-45-sm{padding-bottom:45px} 
.pb-50-sm{padding-bottom:50px} 
.pb-55-sm{padding-bottom:55px} 
.pb-60-sm{padding-bottom:60px} 
.p-0-sm{padding:0} 
.p-5-sm{padding:5px} 
.p-10-sm{padding:10px} 
.p-15-sm{padding:15px} 
.p-20-sm{padding:20px} 
.p-25-sm{padding:25px} 
.p-30-sm{padding:30px} 
.p-35-sm{padding:35px} 
.p-40-sm{padding:40px} 
.p-45-sm{padding:45px} 
.p-50-sm{padding:50px} 
.p-55-sm{padding:55px} 
.p-60-sm{padding:60px} 
@media only screen and (min-width:768px){.text-center-md{text-align:center!important} 
.float-none-md{float:none} 
.padding-0-md{padding:0} 
.margin-0-md{margin:0} 
.relative-md{position:relative} 
.absolute-md{position:absolute} 
.static-md{position:static} 
.fixed-md{position:fixed} 
.none-md{display:none} 
.block-md{display:block} 
.inline-block-md{display:inline-block} 
.inline-md{display:inline} 
.flex-md{display:-webkit-box;display:-ms-flexbox;display:flex} 
.flex-row-md{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row} 
.flex-column-md{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} 
.flex-space-around-md{-ms-flex-pack:distribute;justify-content:space-around} 
.flex-space-between-md{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} 
.flex-start-md{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start} 
.flex-center-md{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} 
.flex-end-md{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end} 
.flex-wrap-md{-ms-flex-wrap:wrap;flex-wrap:wrap} 
.flex-nowrap-md{-ms-flex-wrap:nowrap;flex-wrap:nowrap} 
.pull-left-md{float:left} 
.pull-right-md{float:right} 
.center-md{float:none;margin-left:auto;margin-right:auto} 
.text-left-md{text-align:left} 
.text-right-md{text-align:right} 
.text-center-md{text-align:center} 
.text-justify-md{text-align:justify} 
.nowrap-md{word-wrap:break-word;word-break:keep-all;white-space:nowrap} 
.no-col-md{width:auto;float:none} 
.no-pull-md,.no-push-md{left:0} 
.pt-0-md{padding-top:0} 
.pt-5-md{padding-top:5px} 
.pt-10-md{padding-top:10px} 
.pt-15-md{padding-top:15px} 
.pt-20-md{padding-top:20px} 
.pt-25-md{padding-top:25px} 
.pt-30-md{padding-top:30px} 
.pt-35-md{padding-top:35px} 
.pt-40-md{padding-top:40px} 
.pt-45-md{padding-top:45px} 
.pt-50-md{padding-top:50px} 
.pt-55-md{padding-top:55px} 
.pt-60-md{padding-top:60px} 
.pt-100-md{padding-top:100px} 
.pt-150-md{padding-top:150px} 
.pt-200-md{padding-top:200px} 
.pb-0-md{padding-bottom:0} 
.pb-5-md{padding-bottom:5px} 
.pb-10-md{padding-bottom:10px} 
.pb-15-md{padding-bottom:15px} 
.pb-20-md{padding-bottom:20px} 
.pb-25-md{padding-bottom:25px} 
.pb-30-md{padding-bottom:30px} 
.pb-35-md{padding-bottom:35px} 
.pb-40-md{padding-bottom:40px} 
.pb-45-md{padding-bottom:45px} 
.pb-50-md{padding-bottom:50px} 
.pb-55-md{padding-bottom:55px} 
.pb-60-md{padding-bottom:60px} 
.pb-100-md{padding-bottom:100px} 
.pb-150-md{padding-bottom:150px} 
.pb-200-md{padding-bottom:200px} 
.p-0-md{padding:0} 
.p-5-md{padding:5px} 
.p-10-md{padding:10px} 
.p-15-md{padding:15px} 
.p-20-md{padding:20px} 
.p-25-md{padding:25px} 
.p-30-md{padding:30px} 
.p-35-md{padding:35px} 
.p-40-md{padding:40px} 
.p-45-md{padding:45px} 
.p-50-md{padding:50px} 
.p-55-md{padding:55px} 
.p-60-md{padding:60px} 
@media only screen and (min-width:768px) and (max-width:1024px){.maxwidth-680-ipad{max-width:680px} 
.maxwidth-660-ipad{max-width:660px} 
.maxwidth-640-ipad{max-width:640px} 
.maxwidth-580-ipad{max-width:580px} 
.maxwidth-560-ipad{max-width:560px} 
.maxwidth-540-ipad{max-width:540px} 
.maxwidth-520-ipad{max-width:520px} 
.maxwidth-500-ipad{max-width:500px} 
.maxwidth-480-ipad{max-width:480px} 
.maxwidth-460-ipad{max-width:460px} 
.maxwidth-440-ipad{max-width:440px} 
.maxwidth-400-ipad{max-width:400px} 
.maxwidth-360-ipad{max-width:360px} 
.margin-auto-ipad{margin-left:auto!important;margin-right:auto!important} 
@media only screen and (min-width:1024px){.text-center-lg{text-align:center!important} 
.text-left-lg{text-align:left!important} 
.float-none-lg{float:none} 
.padding-0-lg{padding:0} 
.margin-0-lg{margin:0} 
.relative-lg{position:relative} 
.absolute-lg{position:absolute} 
.static-lg{position:static} 
.fixed-lg{position:fixed} 
.none-lg{display:none} 
.block-lg{display:block} 
.inline-block-lg{display:inline-block} 
.inline-lg{display:inline} 
.flex-lg{display:-webkit-box;display:-ms-flexbox;display:flex} 
.flex-row-lg{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row} 
.flex-column-lg{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} 
.flex-space-around-lg{-ms-flex-pack:distribute;justify-content:space-around} 
.flex-space-between-lg{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} 
.flex-start-lg{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start} 
.flex-center-lg{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} 
.flex-end-lg{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end} 
.flex-wrap-lg{-ms-flex-wrap:wrap;flex-wrap:wrap} 
.flex-nowrap-lg{-ms-flex-wrap:nowrap;flex-wrap:nowrap} 
.pull-left-lg{float:left} 
.pull-right-lg{float:right!important} 
.center-lg{float:none;margin-left:auto;margin-right:auto} 
.text-left-lg{text-align:left} 
.text-right-lg{text-align:right} 
.text-center-lg{text-align:center} 
.text-justify-lg{text-align:justify} 
.nowrap-lg{word-wrap:break-word;word-break:keep-all;white-space:nowrap} 
.no-col-lg{width:auto;float:none} 
.no-pull-lg,.no-push-l{left:0} 
.pt-0-lg{padding-top:0} 
.pt-5-lg{padding-top:5px} 
.pt-10-lg{padding-top:10px} 
.pt-15-lg{padding-top:15px} 
.pt-20-lg{padding-top:20px} 
.pt-25-lg{padding-top:25px} 
.pt-30-lg{padding-top:30px} 
.pt-35-lg{padding-top:35px} 
.pt-40-lg{padding-top:40px} 
.pt-45-lg{padding-top:45px} 
.pt-50-lg{padding-top:50px} 
.pt-55-lg{padding-top:55px} 
.pt-60-lg{padding-top:60px} 
.pt-80-lg{padding-top:80px} 
.pt-90-lg{padding-top:90px} 
.pt-100-lg{padding-top:100px} 
.pt-150-lg{padding-top:150px} 
.pt-200-lg{padding-top:200px} 
.pt-250-lg{padding-top:250px} 
.pb-0-lg{padding-bottom:0} 
.pb-5-lg{padding-bottom:5px} 
.pb-10-lg{padding-bottom:10px} 
.pb-15-lg{padding-bottom:15px} 
.pb-20-lg{padding-bottom:20px} 
.pb-25-lg{padding-bottom:25px} 
.pb-30-lg{padding-bottom:30px} 
.pb-35-lg{padding-bottom:35px} 
.pb-40-lg{padding-bottom:40px} 
.pb-45-lg{padding-bottom:45px} 
.pb-50-lg{padding-bottom:50px} 
.pb-55-lg{padding-bottom:55px} 
.pb-60-lg{padding-bottom:60px} 
.pb-100-lg{padding-bottom:100px} 
.pb-150-lg{padding-bottom:150px} 
.pb-200-lg{padding-bottom:200px} 
.pb-250-lg{padding-bottom:250px} 
.pl-10-lg{padding-left:10px} 
.pl-20-lg{padding-left:20px} 
.pl-30-lg{padding-left:30px} 
.pl-50-lg{padding-left:50px} 
.pr-10-lg{padding-right:10px} 
.pr-20-lg{padding-right:20px} 
.pr-30-lg{padding-right:30px} 
.pr-50-lg{padding-right:50px} 
.p-0-lg{padding:0} 
.p-5-lg{padding:5px} 
.p-10-lg{padding:10px} 
.p-15-lg{padding:15px} 
.p-20-lg{padding:20px} 
.p-25-lg{padding:25px} 
.p-30-lg{padding:30px} 
.p-35-lg{padding:35px} 
.p-40-lg{padding:40px} 
.p-45-lg{padding:45px} 
.p-50-lg{padding:50px} 
.p-55-lg{padding:55px} 
.p-60-lg{padding:60px} 
.mt-10-lg{margin-top:10px} 
.mt-20-lg{margin-top:20px} 
.mt-30-lg{margin-top:30px} 
.mt-50-lg{margin-top:50px} 
@media only screen and (min-width:1200px){.float-none-xl{float:none} 
.padding-0-xl{padding:0} 
.margin-0-xl{margin:0} 
.relative-xl{position:relative} 
.absolute-xl{position:absolute} 
.static-xl{position:static} 
.fixed-xl{position:fixed} 
.none-xl{display:none} 
.block-xl{display:block} 
.inline-block-xl{display:inline-block} 
.inline-xl{display:inline} 
.flex-xl{display:-webkit-box;display:-ms-flexbox;display:flex} 
.flex-row-xl{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row} 
.flex-column-xl{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} 
.flex-space-around-xl{-ms-flex-pack:distribute;justify-content:space-around} 
.flex-space-between-xl{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} 
.flex-start-xl{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start} 
.flex-center-xl{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} 
.flex-end-xl{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end} 
.flex-wrap-xl{-ms-flex-wrap:wrap;flex-wrap:wrap} 
.flex-nowrap-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap} 
.pull-left-xl{float:left} 
.pull-right-xl{float:right} 
.center-xl{float:none;margin-left:auto;margin-right:auto} 
.text-left-xl{text-align:left} 
.text-right-xl{text-align:right} 
.text-center-xl{text-align:center} 
.text-justify-xl{text-align:justify} 
.no-col-xl{width:auto;float:none} 
.no-pull-xl,.no-push-xl{left:0} 
.pt-0-xl{padding-top:0} 
.pt-5-xl{padding-top:5px} 
.pt-10-xl{padding-top:10px} 
.pt-15-xl{padding-top:15px} 
.pt-20-xl{padding-top:20px} 
.pt-25-xl{padding-top:25px} 
.pt-30-xl{padding-top:30px} 
.pt-35-xl{padding-top:35px} 
.pt-40-xl{padding-top:40px} 
.pt-45-xl{padding-top:45px} 
.pt-50-xl{padding-top:50px} 
.pt-55-xl{padding-top:55px} 
.pt-60-xl{padding-top:60px} 
.pb-0-xl{padding-bottom:0} 
.pb-5-xl{padding-bottom:5px} 
.pb-10-xl{padding-bottom:10px} 
.pb-15-xl{padding-bottom:15px} 
.pb-20-xl{padding-bottom:20px} 
.pb-25-xl{padding-bottom:25px} 
.pb-30-xl{padding-bottom:30px} 
.pb-35-xl{padding-bottom:35px} 
.pb-40-xl{padding-bottom:40px} 
.pb-45-xl{padding-bottom:45px} 
.pb-50-xl{padding-bottom:50px} 
.pb-55-xl{padding-bottom:55px} 
.pb-60-xl{padding-bottom:60px} 
.p-0-xl{padding:0} 
.p-5-xl{padding:5px} 
.p-10-xl{padding:10px} 
.p-15-xl{padding:15px} 
.p-20-xl{padding:20px} 
.p-25-xl{padding:25px} 
.p-30-xl{padding:30px} 
.p-35-xl{padding:35px} 
.p-40-xl{padding:40px} 
.p-45-xl{padding:45px} 
.p-50-xl{padding:50px} 
.p-55-xl{padding:55px} 
.p-60-xl{padding:60px} 
@font-face{font-family:'CJONLYONE';src:url('../fonts/CJ_ONLYONE_400.woff2') format('woff2'), url('../fonts/CJ_ONLYONE_400.woff') format('woff');font-weight:normal;font-style:normal} 
@font-face{font-family:'CJONLYONE';src:url('../fonts/CJ_ONLYONE_300.woff2') format('woff2'), url('../fonts/CJ_ONLYONE_300.woff') format('woff');font-weight:300;font-style:normal} 
.kor-title{font-family:'CJONLYONE', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif;font-weight:400} 
.eng-title{font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif} 
.kor,.kor-bold,.kor-light{font-family:'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif} 
.kor-light{font-weight:200} 
.eng,.eng-bold,.eng-light{font-family:'Montserrat', Arial, Helvetica, sans-serif} 
.eng-light{font-weight:300} 
.eng-bold{font-weight:500} 
html{font-family:'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif} 
h1,h1 small,h2,h2 small,h3,h3 small,h4,h4 small,h5,h5 small,h6,h6 small{font-family:'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif} 
h1.kor-title,h2.kor-title,h3.kor-title,h4.kor-title,h5.kor-title,h6.kor-title{font-family:'CJONLYONE', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif;font-weight:400} 
button,input,optgroup,select,textarea{font-family:inherit} 
.clear,.clearfix,.container,.grid{clear:both;*zoom:1} 
.clear:after,.clear:before,.clearfix:after,.clearfix:before,.container:after,.container:before,.grid:after,.grid:before{content:" ";display:table} 
.clear:after,.clearfix:after,.container:after,.grid:after{clear:both} 
.clear-both{clear:both;*zoom:1} 
.clear-after{*zoom:1} 
.clear-after:after{content:"";display:table;clear:both} 
.grid-flex{display:-webkit-box;display:-ms-flexbox;display:flex} 
.grid-flex [class*=col-]{-webkit-box-flex:1;-ms-flex:1;flex:1} 
.grid{-webkit-box-sizing:border-box;box-sizing:border-box} 
.grid .col,.grid [class*=col-]{-webkit-box-sizing:border-box;box-sizing:border-box;float:left} 
.grid [class*=is-col-]{float:none!important} 
.grid .col-1-2{width:50%} 
.grid .col-1-3{width:33.33333333%} 
.grid .col-2-3{width:66.66666667%} 
.grid .col-1-4{width:25%} 
.grid .col-2-4{width:50%} 
.grid .col-3-4{width:75%} 
.grid .col-1-5{width:20%} 
.grid .col-2-5{width:40%} 
.grid .col-3-5{width:60%} 
.grid .col-4-5{width:80%} 
.grid .col-1-6{width:16.66666667%} 
.grid .col-4-6{width:66.66666667%} 
.grid .col-1-10{width:10%} 
.grid .col-1-12{width:8.33333333%} 
.grid .col-2-12{width:16.66666667%} 
.grid .col-3-12{width:25%} 
.grid .col-4-12{width:33.33333333%} 
.grid .col-5-12{width:41.66666667%} 
.grid .col-6-12{width:50%} 
.grid .col-7-12{width:58.33333333%} 
.grid .col-8-12{width:66.66666667%} 
.grid .col-9-12{width:75%} 
.grid .col-10-12{width:83.33333333%} 
.grid .col-11-12{width:91.66666667%} 
.grid .col-1-1,.grid .col-12-12{width:100%;float:none} 
@media only screen and (min-width:1px) and (max-width:1023px){.clear-sm,.grid-sm{clear:both;*zoom:1} 
.clear-sm:after,.clear-sm:before,.grid-sm:after,.grid-sm:before{content:" ";display:table} 
.clear-sm:after,.grid-sm:after{clear:both} 
.clear-both-sm{clear:both;*zoom:1} 
.clear-after-sm{*zoom:1} 
.clear-after-sm:after{content:"";display:table;clear:both} 
.grid-flex-sm{display:-webkit-box;display:-ms-flexbox;display:flex} 
.grid-flex-sm [class*=col-]{-webkit-box-flex:1;-ms-flex:1;flex:1} 
.grid .col,.grid [class*=col-]{float:left} 
.grid .col-1-2-sm{width:50%} 
.grid .col-1-3-sm{width:33.33333333%} 
.grid .col-2-3-sm{width:66.66666667%} 
.grid .col-1-5-sm{width:20%} 
.grid .col-2-5-sm{width:40%} 
.grid .col-3-5-sm{width:60%} 
.grid .col-4-5-sm{width:80%} 
.grid .col-1-6-sm{width:16.66666667%} 
.grid .col-1-10-sm{width:10%} 
.grid .col-1-12-sm{width:8.33333333%} 
.grid .col-2-12-sm{width:16.66666667%} 
.grid .col-3-12-sm{width:25%} 
.grid .col-4-12-sm{width:33.33333333%} 
.grid .col-5-12-sm{width:41.66666667%} 
.grid .col-6-12-sm{width:50%} 
.grid .col-7-12-sm{width:58.33333333%} 
.grid .col-8-12-sm{width:66.66666667%} 
.grid .col-9-12-sm{width:75%} 
.grid .col-10-12-sm{width:83.33333333%} 
.grid .col-11-12-sm{width:91.66666667%} 
.grid .col-1-1-sm,.grid .col-12-12-sm{width:100%;float:none} 
.table-sm{display:table} 
.table-sm .col{display:table-cell;float:none} 
@media only screen and (min-width:768px){.clear-md,.grid-md{clear:both;*zoom:1} 
.clear-md:after,.clear-md:before,.grid-md:after,.grid-md:before{content:" ";display:table} 
.clear-md:after,.grid-md:after{clear:both} 
.clear-both-md{clear:both;*zoom:1} 
.clear-after-md{*zoom:1} 
.clear-after-md:after{content:"";display:table;clear:both} 
.grid-flex-md{display:-webkit-box;display:-ms-flexbox;display:flex} 
.grid-flex-md [class*=col-]{-webkit-box-flex:1;-ms-flex:1;flex:1} 
.grid .col,.grid [class*=col-]{float:left} 
.grid .col-1-2-md{width:50%} 
.grid .col-1-3-md{width:33.33333333%} 
.grid .col-2-3-md{width:66.66666667%} 
.grid .col-1-4-md{width:25%} 
.grid .col-1-5-md{width:20%} 
.grid .col-2-5-md{width:40%} 
.grid .col-3-5-md{width:60%} 
.grid .col-4-5-md{width:80%} 
.grid .col-1-6-md{width:16.66666667%} 
.grid .col-1-10-md{width:10%} 
.grid .col-1-12-md{width:8.33333333%} 
.grid .col-2-12-md{width:16.66666667%} 
.grid .col-3-12-md{width:25%} 
.grid .col-4-12-md{width:33.33333333%} 
.grid .col-5-12-md{width:41.66666667%} 
.grid .col-6-12-md{width:50%} 
.grid .col-7-12-md{width:58.33333333%} 
.grid .col-8-12-md{width:66.66666667%} 
.grid .col-9-12-md{width:75%} 
.grid .col-10-12-md{width:83.33333333%} 
.grid .col-11-12-md{width:91.66666667%} 
.grid .col-1-1-md,.grid .col-12-12-md{width:100%;float:none} 
.table-md{display:table} 
.table-md .col{display:table-cell;vertical-align:middle;float:none} 
@media only screen and (min-width:1024px){.clear-lg,.grid-lg{clear:both;*zoom:1} 
.clear-lg:after,.clear-lg:before,.grid-lg:after,.grid-lg:before{content:" ";display:table} 
.clear-lg:after,.grid-lg:after{clear:both} 
.clear-both-lg{clear:both;*zoom:1} 
.clear-after-lg{*zoom:1} 
.clear-after-lg:after{content:"";display:table;clear:both} 
.grid-flex-lg{display:-webkit-box;display:-ms-flexbox;display:flex} 
.grid-flex-lg [class*=col-]{-webkit-box-flex:1;-ms-flex:1;flex:1} 
.grid .col,.grid [class*=col-]{float:left} 
.grid .col-1-2-lg{width:50%} 
.grid .col-1-3-lg{width:33.33333333%} 
.grid .col-1-4-lg{width:25%} 
.grid .col-2-4-lg{width:50%} 
.grid .col-3-4-lg{width:75%} 
.grid .col-2-3-lg{width:66.66666667%} 
.grid .col-1-5-lg{width:20%} 
.grid .col-2-5-lg{width:40%} 
.grid .col-3-5-lg{width:60%} 
.grid .col-4-5-lg{width:80%} 
.grid .col-1-6-lg{width:16.66666667%} 
.grid .col-2-6-lg{width:33.33333333%} 
.grid .col-3-6-lg{width:50%} 
.grid .col-4-6-lg{width:66.66666667%} 
.grid .col-1-7-lg{width:14.28571429%} 
.grid .col-2-7-lg{width:28.57142857%} 
.grid .col-4-7-lg{width:57.14285714%} 
.grid .col-5-7-lg{width:71.42857143%} 
.grid .col-1-8-lg{width:12.5%} 
.grid .col-2-8-lg{width:25%} 
.grid .col-1-10-lg{width:10%} 
.grid .col-1-12-lg{width:8.33333333%} 
.grid .col-2-12-lg{width:16.66666667%} 
.grid .col-3-12-lg{width:25%} 
.grid .col-4-12-lg{width:33.33333333%} 
.grid .col-5-12-lg{width:41.66666667%} 
.grid .col-6-12-lg{width:50%} 
.grid .col-7-12-lg{width:58.33333333%} 
.grid .col-8-12-lg{width:66.66666667%} 
.grid .col-9-12-lg{width:75%} 
.grid .col-10-12-lg{width:83.33333333%} 
.grid .col-11-12-lg{width:91.66666667%} 
.grid .col-1-1-lg,.grid .col-12-12-lg{width:100%;float:none} 
.table-lg{display:table} 
.table-lg .col{display:table-cell;vertical-align:middle;float:none} 
@media only screen and (min-width:1200px){.clear-xl,.grid-xl{clear:both;*zoom:1} 
.clear-xl:after,.clear-xl:before,.grid-xl:after,.grid-xl:before{content:" ";display:table} 
.clear-xl:after,.grid-xl:after{clear:both} 
.clear-both-xl{clear:both;*zoom:1} 
.clear-after-xl{*zoom:1} 
.clear-after-xl:after{content:"";display:table;clear:both} 
.grid-flex-xl{display:-webkit-box;display:-ms-flexbox;display:flex} 
.grid-flex-xl [class*=col-]{-webkit-box-flex:1;-ms-flex:1;flex:1} 
.grid .col,.grid [class*=col-]{float:left} 
.grid .col-1-2-xl{width:50%} 
.grid .col-1-3-xl{width:33.33333333%} 
.grid .col-2-3-xl{width:66.66666667%} 
.grid .col-1-5-xl{width:20%} 
.grid .col-2-5-xl{width:40%} 
.grid .col-3-5-xl{width:60%} 
.grid .col-4-5-xl{width:80%} 
.grid .col-1-6-xl{width:16.66666667%} 
.grid .col-1-10-xl{width:10%} 
.grid .col-1-12-xl{width:8.33333333%} 
.grid .col-2-12-xl{width:16.66666667%} 
.grid .col-3-12-xl{width:25%} 
.grid .col-4-12-xl{width:33.33333333%} 
.grid .col-5-12-xl{width:41.66666667%} 
.grid .col-6-12-xl{width:50%} 
.grid .col-7-12-xl{width:58.33333333%} 
.grid .col-8-12-xl{width:66.66666667%} 
.grid .col-9-12-xl{width:75%} 
.grid .col-10-12-xl{width:83.33333333%} 
.grid .col-11-12-xl{width:91.66666667%} 
.grid .col-1-1-xl,.grid .col-12-12-xl{width:100%;float:none} 
.table-xl{display:table} 
.table-xl .col{display:table-cell;vertical-align:middle;float:none} 
.detector-lg,.detector-md,.detector-sm{position:fixed;display:block;top:-1px;left:-1px;width:1px;height:1px;overflow:block} 
@media only screen and (min-width:1px) and (max-width:1023px){.detector-sm{display:block} 
.detector-lg{display:none} 
@media only screen and (min-width:1024px){.detector-sm{display:none} 
.detector-lg{display:block} 
.lt-ie8 .detector-sm{display:none} 
.lt-ie8 .detector-lg{display:block} 
.lg,.md,.mobile-only,.pc-only,.sm,.xl{display:none} 
@media (min-width:1px) and (max-width:767px){.mobile-only,.sm{display:block} 
.mobile-only.inline-block,.sm.inline-block{display:inline-block} 
@media (min-width:1024px){.pc-only{display:block} 
.pc-only.inline-block{display:inline-block} 
@media (min-width:768px) and (max-width:1023px){.md{display:block} 
.md.inline-block{display:inline-block} 
@media (min-width:1024px) and (max-width:1921px){.lg{display:block} 
.lg.inline-block{display:inline-block} 
@media (min-width:1922px){.xl{display:block} 
.xl.inline-block{display:inline-block} 
.hr,hr{clear:both;*zoom:1;margin:30px 0} 
.hr:after,.hr:before,hr:after,hr:before{content:" ";display:table} 
.hr:after,hr:after{clear:both} 
.hr .wrap,hr .wrap{position:relative;overflow:hidden;height:1px} 
.hr .wrap:after,hr .wrap:after{position:absolute;content:'';display:block;left:0;right:0;top:0;height:1px;background-color:#eaeaea} 
.bottom-spacer{clear:both;height:1px;margin-bottom:-1px;overflow:hidden;margin-top:60px} 
.section-more{clear:both;*zoom:1;margin:30px 0} 
.section-more:after,.section-more:before{content:" ";display:table} 
.section-more:after{clear:both} 
.section-more .wrap{text-align:center} 
.section-pagination{clear:both;*zoom:1;margin-top:40px;margin-bottom:56px;text-align:center} 
.section-pagination:after,.section-pagination:before{content:" ";display:table} 
.section-pagination:after{clear:both} 
.section-pagination .wrap{text-align:center;line-height:1} 
.section-pagination .icon,.section-pagination span,.section-pagination strong{display:inline-block;width:24px;height:24px;line-height:24px} 
.section-pagination span,.section-pagination strong{font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif;font-size:18px;color:#888;margin:0 3px} 
.section-pagination strong{color:#ef151e;font-weight:700} 
.section-pagination em{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;display:inline-block;padding:0;word-break:keep-all;white-space:nowrap;border:0} 
@media screen{.section-pagination em{overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;color:transparent;*height:0} 
.section-pagination .nav .icon{background-image:url('../img/common/pager_bbs_prev_on.png');width:24px;height:24px;background-size:24px 24px;vertical-align:top;margin:0 5px} 
.section-pagination .nav.next .icon{background-image:url('../img/common/pager_bbs_next_on.png')} 
.section-pagination .nav.disabled{opacity:1} 
.section-pagination .nav.disabled .icon{background-image:url('../img/common/pager_bbs_prev_off.png')} 
.section-pagination .nav.next.disabled .icon{background-image:url('../img/common/pager_bbs_next_off.png')} 
.no-result{clear:both;*zoom:1;padding:100px 0;text-align:center} 
.no-result:after,.no-result:before{content:" ";display:table} 
.no-result:after{clear:both} 
.no-result .icon{background-image:url('../img/common/bbs_no_result.png');width:56px;height:59px;background-size:56px 59px} 
.section-support-links{position:relative;background-color:#3c3a38} 
.section-support-links .module{padding:70px 20px} 
.section-support-links .icon{background-image:url('../img/main/ico_footer_01.png');width:54px;height:54px;background-size:54px 54px;background-color:#fff;border-radius:100%} 
.section-support-links .icon.icon-b{background-image:url('../img/main/ico_footer_02.png')} 
.section-support-links .icon.icon-c{background-image:url('../img/main/ico_footer_03.png')} 
.section-support-links .icon.icon-d{background-image:url('../img/main/ico_footer_04.png')} 
.section-support-links .col{position:relative} 
.section-support-links .subject{margin:15px 0 0;padding:0;font-size:18px;font-weight:500;color:#fff} 
.section-support-links p.desc{margin:15px 0 0!important;padding:0;font-size:16px;color:#999;line-height:1.6} 
@media (min-width:1200px){.section-support-links .col{min-height:304px} 
.section-support-links .col:before{display:block;content:'';position:absolute;top:60px;left:0;bottom:60px;width:1px;background-color:#323232} 
.section-support-links .col:first-child:before{display:none} 
.section-map .lists{display:none;float:left;width:430px;height:700px;background-color:#fafafa} 
.section-map .lists .lists-holder{height:700px;overflow:auto;overflow-x:hidden} 
.section-map .lists .item{border-top:solid 1px #e5e5e5;line-height:1.4} 
.section-map .lists .item:hover{background-color:#f0f0f0} 
.section-map .lists .item a{display:block} 
.section-map .lists .item .module{padding:20px 0;margin:0 20px} 
.section-map .lists .item .name{margin:0;padding:0;color:#000;font-size:18px;font-weight:500} 
.lang-cn .section-map .lists .item .name,.lang-ko .section-map .lists .item .name{font-family:'Montserrat', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif} 
.section-map .lists .item p{margin:0;padding:0 0 0 24px;font-size:16px;word-break:break-all;margin:12px 0;line-height:1.8;background-size:14px 20px;background-position:left 2px} 
.section-map .lists .item p.address{background-image:url('../img/about/dingbat_address.png')} 
.section-map .lists .item p.contact{background-image:url('../img/about/dingbat_contact.png')} 
.lang-cn .section-map .lists .item p,.lang-ko .section-map .lists .item p{font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif} 
.lang-en .section-map .lists .item p{background-position:left 5px} 
.section-map .maps .maps-holder{position:relative;height:700px} 
.section-map .maps .map{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#b0dffe} 
.section-map.has-list .lists{display:block} 
.section-map.has-list .maps{margin-left:430px} 
.section-map .floating-list{position:absolute;top:0;left:5%;width:400px;margin-top:80px;background-color:#fff} 
.lang-cn .section-map .floating-list,.lang-ko .section-map .floating-list{font-family:'Montserrat', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif} 
.section-map .floating-list .inner{-webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.2);box-shadow:0px 0px 20px rgba(0, 0, 0, 0.2)} 
.section-map .floating-list .item-list{border:1px solid #dcdcdc} 
.section-map .floating-list .in+.item{border-top:0} 
.section-map .floating-list .item .head{position:relative;font-size:22px} 
.section-map .floating-list .item .head .name{display:block;padding:20px 50px 20px 30px;color:#333;border-bottom:1px solid #dcdcdc} 
.section-map .floating-list .item .head .toggler{display:block;width:30px;height:30px;position:absolute;top:50%;right:0;margin:-15px 20px 0 0} 
.section-map .floating-list .item .head .icon{background-image:url('../img/common/collapse_off.png');width:30px;height:30px;background-size:30px 30px} 
.section-map .floating-list .item.nth-child-5 .head .name{border-color:#fff} 
.section-map .floating-list .item .body{display:none;background-color:#fff;font-size:16px} 
.section-map .floating-list .item .dl-table{clear:both;*zoom:1;margin:0;padding:20px 0} 
.section-map .floating-list .item .dl-table:after,.section-map .floating-list .item .dl-table:before{content:" ";display:table} 
.section-map .floating-list .item .dl-table:after{clear:both} 
.section-map .floating-list .item .dl-table dd,.section-map .floating-list .item .dl-table dt{line-height:1.6;margin:0;padding:5px 0} 
.section-map .floating-list .item .dl-table dt{clear:left;float:left;width:110px} 
.section-map .floating-list .item .dl-table dt span{display:block;padding:0 10px 0 20px;color:#333} 
.lang-en .section-map .floating-list .item .dl-table dt span{font-weight:500} 
.section-map .floating-list .item .dl-table dd{margin-left:110px;margin-right:10px;color:#666} 
.section-map .floating-list .item.in .head .name{color:#ef151e;border-bottom:1px solid #ef151e} 
.section-map .floating-list .item.in .head .icon{background-image:url('../img/common/collapse_on.png')} 
.section-map .floating-list .item.in .body{display:block;background-color:#f8f8f8} 
.section-map .floating-list .item.in .body.nth-child-2{background:#fff} 
.lang-cn .section-map.hq .dl-table,.lang-en .section-map.hq .dl-table{margin-top:-10px} 
.lang-cn .section-map.hq .dl-table dt,.lang-en .section-map.hq .dl-table dt{float:none;margin-top:10px;width:auto;font-weight:500} 
.lang-cn .section-map.hq .dl-table dd,.lang-en .section-map.hq .dl-table dd{margin:0 20px;padding:0} 
.section-post{margin-bottom:20px} 
.section-post .wrap{padding-bottom:0;position:relative;max-width:1600px;text-align:center} 
.section-post .background,.section-post .background-mask{position:absolute;top:0;left:0;right:0;height:400px;background-size:100% auto;background-size:cover} 
.section-post .background-mask{opacity:0;visibility:hidden;-webkit-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, visibility 0s linear 0.6s;-o-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, visibility 0s linear 0.6s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, visibility 0s linear 0.6s} 
.section-post .titles{position:relative;display:table;width:100%;height:315px;z-index:3;text-align:center} 
.section-post .titles .title{font-weight:500} 
.section-post .sub-title{display:table-cell;vertical-align:middle;margin:0;padding:0;font-weight:500;font-size:30px;color:#fff} 
.section-post .holder{text-align:center} 
.section-post .inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;text-align:left;background-color:#fff;border-top:solid 3px #ef151e} 
.section-post table.table-a thead th{background-color:#f6f4f2} 
.section-post table.table-a tbody th{text-align:left;padding-left:4%} 
.section-post .list .item{padding:60px 0;border-top:solid 1px #dcdcdc} 
.section-post .list .item:first-child{border-top:0} 
.section-post .list .col-subject{width:28%} 
.section-post .list .col-subject .name{margin:0 0 0 60px;padding:0;color:#ef151e;line-height:1.6;font-size:20px;font-weight:500} 
.section-post .list .col-description{width:72%} 
.section-post .list .col-description .module{margin-right:60px} 
.section-post .list .col-description.has-table .module{margin-right:0} 
.section-post .list .col-description p{margin:0 0 30px 0;padding:0;line-height:1.6;font-size:16px;word-break:keep-all} 
.lang-cn .section-post .list .col-description p{word-break:normal} 
.section-post .list .col-description p:last-of-type{margin-bottom:0} 
.section-post .list-column{padding-bottom:70px;margin-left:-6px;margin-right:-6px} 
.section-post .list-column .module{margin:0 6px;padding:30px;min-height:270px;background-color:#faf8f8} 
.section-post .list-column h3,.section-post .list-column p{margin:0;padding:0} 
.section-post .list-column .description{padding:52px 30px;font-size:20px;color:#333;text-align:center;line-height:1.6} 
.section-post .list-column .subject{margin-bottom:24px;font-weight:500;color:#ef151e} 
.section-post .list-column .sub-subject{margin-bottom:10px;font-weight:500;font-size:16px;color:#333} 
.section-post .list-column .summary{font-size:16px;color:#666;line-height:1.6} 
.section-post .list-column .cell{position:relative;vertical-align:top} 
.section-post .list-column .cell:before{content:'';position:absolute;top:0;left:6px;right:6px;bottom:0;background-color:#faf8f8} 
.section-post .list-column .cell .module{position:relative;min-height:auto;background-color:transparent} 
.section-post .list-column .cell.col-1-2{width:50%} 
.section-post .list-column .cell.col-1-3{width:33.33333333%} 
.section-post .js-inview .background-mask{opacity:0.9;visibility:visible;background-color:#000} 
.section-post .js-inview.is-inviewed .background-mask{opacity:0;visibility:hidden} 
.bottom-promo a.link{display:block} 
.bottom-promo a.link{height:143px} 
.bottom-promo .background{background-size:1920px 143px} 
.file-wrap{white-space-collapsing:discard;font-size:0} 
.file-wrap a,.file-wrap input,.file-wrap label{margin-left:5px} 
.file-wrap a:first-child,.file-wrap input:first-child,.file-wrap label:first-child{margin-left:0} 
.file-wrap input.text{width:60%;font-size:16px} 
.file-wrap .file-item{display:none;margin-top:5px} 
.file-wrap .file-item:first-of-type{margin-top:0} 
.file-wrap .file-item.in{display:block} 
.file-wrap .button .icon{position:relative;width:38px;height:38px;vertical-align:top} 
.file-wrap .button .icon:after,.file-wrap .button .icon:before{content:'';position:absolute;top:50%;left:50%;width:16px;height:2px;margin:-1px 0 0 -8px;background-color:#7f7f7f} 
.file-wrap .button .icon.add:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} 
.agrees{position:absolute;top:0;right:0;text-align:right} 
.rules{background-color:#f8f8f8;color:#888;line-height:1.4;max-height:400px;overflow:scroll;overflow-x:hidden} 
.rules .subject{padding:0;margin-top:7px} 
.rules .padder{padding:0} 
.rules .inner{padding:25px 40px 30px 40px} 
.rules h3,.rules h4,.rules h5,.rules h6,.rules p{font-size:14px;color:#222;font-weight:normal} 
.bbs-agree .rules .subject,.rules .subject{margin:20px 0 10px;padding:0;line-height:1.4;font-size:16px;height:auto} 
.rules p{margin:10px 0;color:#888;line-height:25px} 
.youtube .youtube{width:600px;height:338px} 
.youtube .youtube-text{position:relative;margin-top:16px;padding:18px 13px 18px;border:1px solid #d9d9d9;background-color:#f4f4f4} 
.youtube .youtube-text .overflow{max-height:118px;overflow-y:auto} 
.lang-cn .youtube .youtube-text .overflow,.lang-ko .youtube .youtube-text .overflow{font-family:'Montserrat', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif} 
.youtube .youtube-text p.desc{margin:30px 0 0;font-size:18px;color:#666;line-height:1.7;letter-spacing:-1px;text-align:left} 
.youtube .youtube-text p.desc:first-child{margin-top:0} 
.youtube .youtube-text:before{display:inline-block;position:absolute;top:0;left:0;width:8px;height:8px;content:"";background-image:url('../img/brand/hatban_youtube_bg_01.png')} 
.lang-ko .letter-spacing{letter-spacing:-1px} 
body,font,p,td,th{font-size:16px;line-height:1.4;color:#767676;font-weight:400} 
.light{font-weight:light} 
.normal{font-weight:normal} 
.medium{font-weight:500} 
.bold{font-weight:500} 
.strike,.stroke{-webkit-text-decoration:strike!important;text-decoration:strike!important;color:#666} 
.underline{text-decoration:underline} 
.ellipsis,.text-overflow{display:inline;display:inline-block;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-wrap:normal!important;word-break:keep-all;white-space:nowrap;width:99%} 
.ellipsis.block,.text-overflow.block{display:block} 
.pre-line{white-space:pre-line;*white-space:pre;word-wrap:break-word} 
.break-all,.pre{white-space:pre-wrap;white-space:pre-line;white-space:-moz-pre-wrap;word-wrap:break-word} 
.no-font-smooth{font-smooth:never;-webkit-font-smoothing:none} 
.break-all{word-break:break-all} 
div.primary,em.primary,p.primary,small.primary,span.primary,strong.primary,table.primary,ul.primary{color:#ef151e} 
div.secondary,em.secondary,p.secondary,small.secondary,span.secondary,strong.secondary,table.secondary,ul.secondary{color:#000} 
div.warning,em.warning,p.warning,small.warning,span.warning,strong.warning,table.warning,ul.warning{color:#999} 
div.info,em.info,p.info,small.info,span.info,strong.info,table.info,ul.info{color:#666} 
div.danger,em.danger,p.danger,small.danger,span.danger,strong.danger,table.danger,ul.danger{color:#ff6440} 
div.large,em.large,p.large,small.large,span.large,strong.large,table.large,ul.large{margin:10px 0 0} 
div.xlarge,em.xlarge,p.xlarge,small.xlarge,span.xlarge,strong.xlarge,table.xlarge,ul.xlarge{font-size:19px} 
div.xxlarge,em.xxlarge,p.xxlarge,small.xxlarge,span.xxlarge,strong.xxlarge,table.xxlarge,ul.xxlarge{margin:20px 0 0;font-size:20px;font-weight:300} 
div.xxlarge.eng,em.xxlarge.eng,p.xxlarge.eng,small.xxlarge.eng,span.xxlarge.eng,strong.xxlarge.eng,table.xxlarge.eng,ul.xxlarge.eng{font-weight:300} 
a{color:#333;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects} 
a:link{text-decoration:none;color:#333} 
a:visited{text-decoration:none;color:#333} 
a:hover{text-decoration:none;color:#888} 
a:active{text-decoration:none;color:#888} 
a:hover .link{text-decoration:underline} 
a[href*="tel:"]{cursor:default} 
a[href*="tel:"]:hover{text-decoration:none} 
a.no-underline{border-bottom:0} 
.strong,b,strong{font-weight:400} 
.no-ie a.has-outline:focus,.no-ie button.has-outline:focus,.no-ie input.has-outline:focus,.no-ie textarea.has-outline:focus{outline:3px solid #D7F07F;outline:thin dotted;outline:3px auto -webkit-focus-ring-color;outline-offset:-2px} 
.no-ie .has-outline a:focus,.no-ie .has-outline button:focus,.no-ie .has-outline input:focus,.no-ie .has-outline textarea:focus{outline:3px solid #D7F07F;outline:thin dotted;outline:3px auto -webkit-focus-ring-color;outline-offset:-2px} 
.notify{clear:both;*zoom:1;margin:0;padding:5px 0;display:none;text-align:left;font-size:13px} 
.notify:after,.notify:before{content:" ";display:table} 
.notify:after{clear:both} 
.notify.info{color:#588fc8} 
.notify.in{display:block} 
@media only screen and (min-width:1024px){.notify{font-size:16px} 
p.notice{display:inline-block;position:relative;margin:10px 0;padding:0 0 0 10px;font-size:12px} 
em,i,u{font-style:normal} 
.js-inview .inview-el{opacity:0;-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);transform:translate(0, 15px);-webkit-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 200ms, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 200ms;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 200ms, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 200ms;-o-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 200ms, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 200ms;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 200ms, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 200ms;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 200ms, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 200ms, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 200ms} 
.js-inview .inview-el.fade-in{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.js-inview .inview-el.nth-child-1{-webkit-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms} 
.js-inview .inview-el.nth-child-2{-webkit-transition-delay:300ms;-o-transition-delay:300ms;transition-delay:300ms} 
.js-inview .inview-el.nth-child-3{-webkit-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms} 
.js-inview .inview-el.nth-child-4{-webkit-transition-delay:400ms;-o-transition-delay:400ms;transition-delay:400ms} 
.js-inview .inview-el.nth-child-5{-webkit-transition-delay:450ms;-o-transition-delay:450ms;transition-delay:450ms} 
.js-inview .inview-el.nth-child-6{-webkit-transition-delay:500ms;-o-transition-delay:500ms;transition-delay:500ms} 
.js-inview .inview-el.nth-child-7{-webkit-transition-delay:550ms;-o-transition-delay:550ms;transition-delay:550ms} 
.js-inview .inview-el.nth-child-8{-webkit-transition-delay:600ms;-o-transition-delay:600ms;transition-delay:600ms} 
.js-inview.is-inviewed .inview-el{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.js-inview.is-inviewed .inview-el.semitransparent{opacity:0.9;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.bbs-guide{position:relative;padding:30px;margin:0 0 50px;background-color:#fafafa;border:1px solid #e6e6e6} 
.bbs-guide a.more{position:absolute;top:50%;right:40px;margin-top:-12px;color:#ef151e} 
.bbs-guide a.more:hover{text-decoration:underline} 
.bbs-guide a.more span{vertical-align:middle} 
.bbs-guide a.more .icon{background-image:url('../img/common/bbs_guide_more.png');width:10px;height:20px;background-size:10px 20px} 
.lang-cn .bbs-guide .bbs-sub-title,.lang-en .bbs-guide .bbs-sub-title{font-size:16px;color:#333;font-weight:500} 
.lang-cn .bbs-guide .bbs-desc,.lang-en .bbs-guide .bbs-desc{font-size:16px;color:#333;line-height:30px;margin:6px 0 0} 
.lang-cn .bbs-guide .bbs-desc.first,.lang-en .bbs-guide .bbs-desc.first{margin:0 0 6px 0} 
.lang-cn .bbs-guide .bbs-desc .bold,.lang-en .bbs-guide .bbs-desc .bold{font-weight:500} 
.bbs-write{border-top:solid 1px #222;border-bottom:solid 1px #d2d2d2} 
.bbs-write td,.bbs-write th{padding:12px 0;vertical-align:top} 
.bbs-write tr:first-child td,.bbs-write tr:first-child th{padding-top:24px} 
.bbs-write input.text.large,.bbs-write select.select.large{width:300px} 
.bbs-write .require{color:#ef151e} 
.bbs-write th{padding-left:60px;padding-left:5%;text-align:left} 
.bbs-write th label,.bbs-write th small,.bbs-write th span{display:inline-block;height:40px;line-height:40px;color:#222} 
.bbs-write input.file,.bbs-write input.text,.bbs-write select.select,.bbs-write textrea.textarea{-webkit-box-sizing:border-box;box-sizing:border-box;height:40px;border-color:#e5e5e5} 
.bbs-write p.notify{display:none;padding:0;font-size:15px;color:#aaa;line-height:25px} 
.bbs-write p.notify.in{display:inline-block} 
.bbs-write .emails .select{margin-left:7px} 
.bbs-write .file-guide{padding:15px 0;line-height:1.4} 
.bbs-write .file-guide p{margin:5px;padding:0;font-size:15px;color:#aaa} 
.bbs-container{padding-top:100px;background-color:#f4f4f4} 
.bbs-util{margin:0 0 30px;line-height:1.2;font-size:18px} 
.bbs-util .col.totals{padding-top:9px} 
.bbs-util .col.totals strong{color:#ef151e;font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif} 
.bbs-util .col.pull-right{padding-top:9px;text-align:right} 
.bbs-util .tab a{display:inline-block;padding:0 7px} 
.bbs-util .tab a span{display:inline-block;padding:9px 0} 
.bbs-util .tab li.in a span{border-bottom:solid 1px #ef151e;color:#ef151e} 
.bbs-util .tab li:first-child a{padding-left:0} 
.bbs-summary{margin:30px 0 0;padding:30px 0;line-height:1.2} 
.bbs-summary.is-border-bottom{border-bottom:solid 1px #1e1e1e} 
.bbs-summary .subjects .subject{margin:0;padding:0;font-weight:400;font-size:24px;line-height:24px} 
.bbs-summary .links{text-align:right} 
.bbs-summary .links .link{display:inline-block;font-size:16px;color:#ef151e;line-height:24px} 
.bbs-summary .links .link .icon{background-image:url('../img/common/ico_link.png');width:12px;height:24px;background-size:12px 24px} 
.bbs-list{width:100%;table-layout:fixed;border-top:solid 1px #222;border-bottom:solid 1px #d2d2d2} 
.bbs-list td,.bbs-list th{background-color:#fff;text-align:center;font-size:16px;color:#888} 
.bbs-list td a,.bbs-list th a{color:#222} 
.bbs-list thead th{padding:20px 0;border-bottom:solid 1px #d2d2d2} 
.bbs-list th{color:#222} 
.bbs-list td{border-top:solid 1px #e6e6e6} 
.bbs-list td.subject{text-align:left;font-size:16px} 
.bbs-list td.subject a{display:block;padding:22px 7%} 
.bbs-list td.subject a:hover{text-decoration:underline} 
.bbs-list td.date,.bbs-list td.num,.bbs-list td.view{font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif} 
.bbs-list td.num strong{font-family:'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif;font-weight:normal} 
.bbs-list tr:first-child td{border-top:0} 
.bbs-list tr.notice td{background-color:#fafafa} 
.bbs-news-list .list{margin-left:-9px;margin-right:-9px} 
.bbs-news-list .item .inner{background-color:#333;position:relative;overflow:hidden} 
.bbs-news-list .item .background{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;background-size:cover;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.bbs-news-list .item .module{display:block;position:relative;z-index:2} 
.bbs-news-list .item .module:before{content:'';display:block;position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;background-color:#000000;opacity:0.4;-webkit-transition:opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.bbs-news-list .item .module,.bbs-news-list .item .module .date,.bbs-news-list .item .module .name,.bbs-news-list .item .module a{color:#fff} 
.bbs-news-list .item .name{margin:0;padding:0;font-size:22px;font-weight:500;font-family:'Montserrat', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif;word-break:break-all} 
.bbs-news-list .item .date{margin:15px 0 0;padding:17px 0 0;font-size:18px;font-weight:200} 
.bbs-news-list .item .date:before{content:'';display:block;position:absolute;top:0;left:0;width:34px;height:2px;background-color:#ef151e} 
.bbs-news-list .item .tags{margin:30px 0;line-height:1.2;overflow:hidden;height:118px} 
.bbs-news-list .item .tags .tag{margin-bottom:3px} 
.bbs-news-list .item .inner{margin:0 9px 18px} 
.bbs-news-list .item .anchor{display:block;position:relative;z-index:3;height:308px;padding:30px} 
.bbs-news-list .item .anchor:focus{outline-offset:-2px} 
.bbs-news-list .item:nth-child(odd) .inner{background-color:#ef151e} 
.bbs-news-list .item:hover .module:before{opacity:0.6} 
.bbs-news-list .item:hover .background{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} 
.bbs-links{} 
.bbs-links .list{margin-left:-2px;margin-right:-2px} 
.bbs-links .module{position:relative;margin:0 4px;height:198px;overflow:hidden;background-color:#f4f4f4;border:1px solid #e6e6e6} 
.bbs-links .module p{margin:0} 
.bbs-links .module a{display:block;padding:0 20px 0 130px;height:150px} 
.bbs-links .module a:focus{outline-offset:-2px} 
.bbs-links .module .icon{width:74px;height:74px;position:absolute;top:0;left:0;margin:38px 0 0 34px;background-color:#fff;border-radius:100%;overflow:hidden} 
.bbs-links .module .subject{margin:0;padding:30px 0 10px;font-size:18px;color:#444} 
.bbs-links .module .desc{margin:0;padding:0;font-size:14px;color:#666;letter-spacing:-0.05em;line-height:1.8} 
.bbs-links .module .desc2{margin:7px 0 0 130px;padding:0;font-size:14px;color:#888;letter-spacing:-0.05em;line-height:1.8} 
.bbs-links .downer .module{height:265px} 
.bbs-links .faq .module a{height:141px} 
.bbs-links .faq a.btn_naverpost{border:1px #b4b4b4 solid;padding:0;margin:0 30px;height:32px;line-height:30px;text-align:center;font-size:14px;overflow:hidden;color:#333} 
.bbs-links .faq a.btn_naverpost img{vertical-align:text-bottom;margin-right:20px} 
.bbs-links .legally-Customer .tab{margin:19px 30px;border:1px solid #b4b4b4} 
.bbs-links .legally-Customer .tab li{width:44%;text-align:center;border-left:1px solid #b4b4b4;-webkit-box-sizing:border-box;box-sizing:border-box} 
.bbs-links .legally-Customer .tab li:first-child{border-left:0;width:56%} 
.bbs-links .legally-Customer .tab li.wide{width:100%;border-left:0 none;border-top:1px solid #b4b4b4} 
.bbs-links .legally-Customer .tab li a{padding:0;height:32px;line-height:32px;font-size:14px;overflow:hidden;color:#333} 
.bbs-links .special-story .module{} 
.bbs-links .special-story .module a{padding:0} 
.bbs-links .special-story .module .desc,.bbs-links .special-story .module .subject{margin-left:130px} 
.bbs-links .special-story .module ul.tab{margin:21px 30px;border:1px #b4b4b4 solid} 
.bbs-links .special-story .module ul.tab li{width:33.33333333%;border-left:1px #b4b4b4 solid;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center} 
.bbs-links .special-story .module ul.tab li:first-child{border-left:0} 
.bbs-links .special-story .module ul.tab a{display:block;height:32px;line-height:32px;font-size:14px;color:#333} 
.bbs-links .icon.user{background-image:url('../img/common/icon_links_bbs_user.png')} 
.bbs-links .icon.notice{background-image:url('../img/common/icon_links_bbs_notice.png')} 
.bbs-links .icon.faq{background-image:url('../img/common/links_bbs_02.png')} 
.bbs-links .icon.trouble{background-image:url('../img/common/links_bbs_04.png')} 
.bbs-links .icon.ccm{background-image:url('../img/common/links_bbs_05.png')} 
.bbs-links .icon.center{background-image:url('../img/common/icon_links_bbs_center.png')} 
.bbs-links .icon.story{background-image:url('../img/common/icon_links_bbs_story.png')} 
.bbs-view{margin-bottom:40px;border-top:solid 1px #222;border-bottom:solid 1px #d8d8d8} 
.bbs-view b,.bbs-view strong{font-weight:bold} 
.bbs-view .bbs-view-head{padding:0 60px;background-color:#f8f8f8;border-bottom:solid 1px #e2e2e2;text-align:center} 
.bbs-view .bbs-view-head .badges{padding:30px 0 0;margin-bottom:-24px;line-height:1} 
.bbs-view .bbs-view-head .badges .badge{display:inline-block;padding:1px 5px 2px;border:solid 1px #ef151e;font-size:14px;background-color:#fff;color:#ef151e;border-radius:2px;overflow:hidden;letter-spacing:-1px} 
.bbs-view .bbs-view-head .head{padding:30px 0} 
.bbs-view .bbs-view-head .title{font-family:'CJONLYONE', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif;font-weight:400;margin:0;padding:0;color:#222;font-size:30px} 
.bbs-view .bbs-view-head .description{margin-top:7px} 
.bbs-view .bbs-view-head .description .date{font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif;font-size:16px;color:#666;font-weight:normal} 
.bbs-view .bbs-view-body{line-height:1.4;font-size:16px;color:#666;font-family:'Montserrat', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif} 
.bbs-view .bbs-view-body .inner{margin:0 60px;padding:60px 0;min-height:300px;word-break:break-all} 
.bbs-view .bbs-view-body p{word-break:break-all} 
.bbs-view .files{padding:15px 0 15px 60px;border-top:1px #e6e6e6 solid} 
.bbs-view .files p{margin:10px 0 0;padding:5px 0 5px 20px;background-image:url('../img/common/icon_file.png');background-position:left 0;line-height:1.2;font-size:16px;font-family:'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif} 
.bbs-view .files p:first-child{margin-top:0} 
.bbs-view .files,.bbs-view .files a{color:#000} 
.bbs-view .files strong{font-weight:normal;color:#666} 
.bbs-view .files strong:after{content:' :'} 
.bbs-view-action{margin-top:40px;margin-bottom:80px} 
.bbs-view-action .button{display:inline-block;margin:0 1px;height:40px;line-height:40px} 
.bbs-view-action .button .icon{background-image:url('../img/common/bbs_button_prev.png');width:7px;height:20px;background-size:7px 20px} 
.bbs-view-action .button.next .icon{background-image:url('../img/common/bbs_button_next.png')} 
.bbs-view-action .button:first-of-type{margin-left:0} 
.bbs-view-action .button:last-of-type{margin-right:0} 
.bbs-view-action .pull-left{text-align:left} 
.bbs-view-action .pull-right{text-align:right} 
.bbs-faq{border-top:solid 1px #222;border-bottom:solid 1px #d2d2d2} 
.bbs-faq .head{border-top:solid 1px #e6e6e6} 
.bbs-faq .head .subject{margin:0;padding:0;font-size:16px;font-weight:normal} 
.bbs-faq .head .subject a{color:#444} 
.bbs-faq .head .col.category{padding:22px 0;width:16.67%;text-align:center;font-size:16px;color:#888} 
.bbs-faq .head .col.subjects{width:83.33%} 
.bbs-faq .head .col.subjects a{display:block;position:relative;padding:22px 0} 
.bbs-faq .head .col.subjects a:hover{text-decoration:underline} 
.bbs-faq .head .col.subjects .icon{background-image:url('../img/common/collapse_off.png');width:30px;height:30px;background-size:30px 30px;position:absolute;top:50%;right:0;margin-right:5%;margin-top:-15px} 
.bbs-faq .body{display:none;background-color:#f4f4f4;border-top:solid 1px #ececec} 
.bbs-faq .body,.bbs-faq .body p{color:#444} 
.bbs-faq .body p{margin:0;padding:0} 
.bbs-faq .body .inner{margin-left:16.67%;margin-right:8%;padding:20px 0;line-height:1.6} 
.bbs-faq .item:first-child .head{border-top:0} 
.bbs-faq .item.in .head{background-color:#f4f4f4} 
.bbs-faq .item.in .head .col.subjects .icon{background-image:url('../img/common/collapse_on.png')} 
.bbs-faq .item.in .subject a{color:#ef151e;font-weight:500} 
.bbs-faq .item.in .body{display:block} 
.bbs-agree{margin-top:40px;position:relative} 
.bbs-agree .subject{margin:0;padding:0 0 14px 0;font-size:20px;height:30px;line-height:30px;font-weight:500} 
.bbs-agree .subject .require{font-size:13px;color:#ef151e} 
.bbs-form-action{margin:30px auto 75px;text-align:center} 
.bbs-form-action .button{margin:0 8px} 
label input[type=checkbox],label input[type=radio]{margin-top:-2px} 
input,optgroup,select,textarea{border:solid 1px #ccc;color:#666} 
input.disabled,optgroup.disabled,select.disabled,textarea.disabled{background-color:#999;color:#999} 
textarea{padding-top:20px;padding-bottom:20px;min-height:70px;line-height:1.4} 
input [type=checkbox],input [type=radio]{margin-right:3px} 
input.eng,input.text,input[type=date],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text]{max-width:100%;border:solid 1px #ccc;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s} 
input.spinner{-webkit-appearance:button;-moz-appearance:button;appearance:button;width:80px} 
input.spinner::-webkit-inner-spin-button{-webkit-appearance:button} 
input.text,input[type=date],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea{height:34px;line-height:34px;font-size:12px;margin:0;padding:0 20px 0 10px;font:inherit} 
input.text.file,input.text[type=file],input[type=date].file,input[type=date][type=file],input[type=number].file,input[type=number][type=file],input[type=password].file,input[type=password][type=file],input[type=search].file,input[type=search][type=file],input[type=tel].file,input[type=tel][type=file],input[type=text].file,input[type=text][type=file],select.file,select[type=file],textarea.file,textarea[type=file]{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;height:auto;line-height:inherit;vertical-align:middle} 
@media only screen and (min-width:1px) and (max-width:1023px){input.text.file,input.text[type=file],input[type=date].file,input[type=date][type=file],input[type=number].file,input[type=number][type=file],input[type=password].file,input[type=password][type=file],input[type=search].file,input[type=search][type=file],input[type=tel].file,input[type=tel][type=file],input[type=text].file,input[type=text][type=file],select.file,select[type=file],textarea.file,textarea[type=file]{height:auto;line-height:inherit} 
input.text,select.select{width:140px} 
input.text.small,select.select.small{width:80px} 
input.text.large,select.select.large{width:200px} 
input.text.xlarge,select.select.xlarge{width:90%} 
input.text.full,select.select.full{width:99%} 
input.text.is-full,select.select.is-full{width:100%} 
select{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;padding:0 0 0 5px;min-width:80px} 
select[multiple=multiple]{height:auto} 
.no-ie select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAOCAYAAABKKc6PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI4QTJGMzRENEYzRjExRTdCRDEyQTY4RjFCRUVEODkxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI4QTJGMzRFNEYzRjExRTdCRDEyQTY4RjFCRUVEODkxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjhBMkYzNEI0RjNGMTFFN0JEMTJBNjhGMUJFRUQ4OTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjhBMkYzNEM0RjNGMTFFN0JEMTJBNjhGMUJFRUQ4OTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5aZMrDAAAAxklEQVR42sSV3QqEIBCFHV2Cwi5EupBUvPL9X8en6BHaDqwLSz9bi7bfRUwz5+BBjSilNE/TxH5BKcVijMQKwEMITAhx2QgPvKXgTdPQOI6XjfDAWywIHsYY6rrutAlaeFhBeC6ubHPJI1kF6fuetNZfDdBAWy0I8N4fXlzMoKnBRxBcvuXsd8WYlbygu0FeXwMti62E6GHGKsG3mtbaU73qQYZhoLZt3++o0bs9CHDObda1eBz8R0hKOef6b0Hu2onMU4ABAFV4EUWOtEc4AAAAAElFTkSuQmCC');background-position:right center;background-size:17px 7px;padding:0 25px 0 10px} 
.ie select{background:none;padding-right:0} 
textarea.textarea{padding:5px;min-height:200px} 
input.css-checkbox,input.css-checkbox-b,input.css-radio,input.css-radio-b{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;display:inline-block;padding:0;word-break:keep-all;white-space:nowrap;border:0} 
@media screen{input.css-checkbox,input.css-checkbox-b,input.css-radio,input.css-radio-b{overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;color:transparent;*height:0} 
a.css-checkbox,a.css-checkbox-b,a.css-radio,a.css-radio-b{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} 
label.css-radio,label.css-radio-b{display:inline-block;padding-left:33px;vertical-align:middle;height:23px;line-height:23px;background-image:url('../img/common/radio_b_off.png');background-size:23px 23px;background-position:left 0;background-repeat:no-repeat} 
label.css-radio-b em,label.css-radio em{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;display:inline-block;padding:0;word-break:keep-all;white-space:nowrap;border:0} 
@media screen{label.css-radio-b em,label.css-radio em{overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;color:transparent;*height:0} 
input.css-radio:checked+label.css-radio,input.css-radio:checked+label.css-radio-b{background-image:url('../img/common/radio_on.png')} 
input.css-radio-b:checked+label.css-radio-b{background-image:url('../img/common/radio_b_on.png')} 
label.css-checkbox{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;padding-left:34px;vertical-align:middle;height:30px;line-height:30px;background-image:url('../img/common/checkbox_off.png');background-size:28px 28px;background-position:left 2px;background-repeat:no-repeat} 
label.css-checkbox em{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;display:inline-block;padding:0;word-break:keep-all;white-space:nowrap;border:0} 
@media screen{label.css-checkbox em{overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;color:transparent;*height:0} 
input.css-checkbox:checked+label.css-checkbox{background-image:url('../img/common/checkbox_on.png')} 
input.css-checkbox:focus+label.css-checkbox{outline:2px solid #D7F07F;outline:thin dotted;outline:3px auto -webkit-focus-ring-color;outline-offset:-2px} 
label.css-checkbox-b{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;padding-left:35px;vertical-align:middle;height:25px;line-height:25px;background-image:url('../img/common/checkbox_b_off.png');background-size:25px 25px;background-position:left 0;background-repeat:no-repeat} 
label.css-checkbox-b em{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;display:inline-block;padding:0;word-break:keep-all;white-space:nowrap;border:0} 
@media screen{label.css-checkbox-b em{overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;color:transparent;*height:0} 
input.css-checkbox-b:checked+label.css-checkbox-b{background-image:url('../img/common/checkbox_b_on.png')} 
input.css-checkbox-b:focus+label.css-checkbox-b{outline:2px solid #D7F07F;outline:thin dotted;outline:3px auto -webkit-focus-ring-color;outline-offset:-2px} 
input.css-radio-button{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;display:inline-block;padding:0;word-break:keep-all;white-space:nowrap;border:0} 
@media screen{input.css-radio-button{overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;color:transparent;*height:0} 
label.css-radio-button{display:inline-block;-webkit-box-sizing:content-box;box-sizing:content-box;padding:0 20px;height:35px;line-height:35px;font-size:13px;vertical-align:middle;color:#666;font-weight:400;background-image:-webkit-gradient(linear, left top, left bottom, from(#dedede), to(#cbcbcb));background-image:-webkit-linear-gradient(#dedede 0%, #cbcbcb 100%);background-image:-o-linear-gradient(#dedede 0%, #cbcbcb 100%);background-image:linear-gradient(#dedede 0%, #cbcbcb 100%);border-radius:5px} 
input.css-radio-button:checked+label.css-radio-button{color:#000;background-image:-webkit-gradient(linear, left top, left bottom, from(#f9f057), to(#f5e740));background-image:-webkit-linear-gradient(#f9f057 0%, #f5e740 100%);background-image:-o-linear-gradient(#f9f057 0%, #f5e740 100%);background-image:linear-gradient(#f9f057 0%, #f5e740 100%)} 
input.css-radio-button:focus+label.css-radio-button{outline:2px solid #D7F07F;outline:thin dotted;outline:3px auto -webkit-focus-ring-color;outline-offset:-2px} 
.button{position:relative;display:inline;display:inline-block;line-height:normal;vertical-align:middle;letter-spacing:0;text-align:center;cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box} 
.button{font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif;padding:0 20px;min-width:120px;color:#fff;height:40px;line-height:38px;font-size:13px;border:solid 1px #5e5b57;background-color:#5e5b57} 
.button span{color:#fff} 
.button.xsmall{width:40px;min-width:auto;padding:0 0;text-align:center} 
.button.small{width:80px;padding:0 0;min-width:auto} 
.button.large{font-size:16px;height:48px;line-height:46px;min-width:180px} 
.button.xlarge{font-size:16px;height:60px;line-height:58px;min-width:210px} 
.button.primary{border-color:#ef151e;background-color:#ef151e} 
.button.primary,.button.primary span{color:#fff} 
.button.secondary{border-color:#5e5b57;background-color:#5e5b57} 
.button.secondary,.button.secondary span{color:#fff} 
.button.info{border-color:#787878;background-color:#fff} 
.button.info,.button.info span{color:#888} 
.button.light{background-color:#fff;border-color:#fff} 
.button.light,.button.light span{color:#222} 
.button.full{width:100%;font-size:16px;letter-spacing:-1px} 
.button .icon.write{background-image:url('../img/common/ico_write.png');width:20px;height:38px;background-size:20px 38px;margin-left:3px} 
.button .icon.modify{background-image:url('../img/common/ico_modify.png');width:20px;height:38px;background-size:20px 38px;margin-left:3px} 
.button.disabled{opacity:1} 
.button-download,.button-more{display:inline-block;position:relative;padding:0 10px 0 0;height:38px;line-height:36px;overflow:hidden;background-color:transparent} 
.button-download:before,.button-more:before{display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translate(-101%, 0);-ms-transform:translate(-101%, 0);transform:translate(-101%, 0);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;background-color:#ef151e} 
.button-download span,.button-more span{position:relative;z-index:1;display:inline-block;padding:0 24px 0 20px;height:40px;line-height:38px;font-size:16px;font-weight:500;-webkit-transition:color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.button-download i,.button-more i{background-image:url('../img/common/button_more.png');height:38px;background-size:15px 38px;float:right;position:relative;display:inline-block;height:40px;line-height:40px;width:15px;-webkit-transition:background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.button-download:hover:before,.button-more:hover:before{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.button-more{font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif;border:solid 1px #ef151e;border-color:#eb7987} 
.button-more:before{background-color:#ef151e} 
.button-more span{color:#ef151e} 
.button-more i{background-image:url('../img/common/button_more.png');width:15px;height:38px;background-size:15px 38px} 
.button-more:hover{border-color:#ef151e} 
.button-more:hover span{color:#fff} 
.button-more:hover i{background-image:url('../img/common/button_more_on.png')} 
.button-more.light{border-color:#fff;border-color:rgba(255, 255, 255, 0.8)} 
.button-more.light span{color:#fff} 
.button-more.light i{background-image:url('../img/common/button_more_on.png')} 
.button-more.light:before{background-color:#fff} 
.button-more.light:hover span{color:#ef151e} 
.button-more.light:hover i{background-image:url('../img/common/button_more.png')} 
.button-download{font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif;border:solid 1px #777;background-color:#fff} 
.button-download:before{background-color:#777} 
.button-download span{padding-right:44px;color:#666} 
.button-download i{background-image:url('../img/common/button_download.png');width:16px;height:38px;background-size:16px 38px} 
.button-download:hover{border-color:#777} 
.button-download:hover span{color:#fff} 
.button-download:hover i{background-image:url('../img/common/button_download_on.png')} 
.button-go{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;position:relative;overflow:hidden;border:1px solid #a3a3a3;text-align:center;max-width:38px;width:38px;height:38px} 
.button-go:before{display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translate(-101%, 0);-ms-transform:translate(-101%, 0);transform:translate(-101%, 0);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;background-color:#a3a3a3} 
.button-go i{position:relative;z-index:2;display:inline-block;margin:0 auto;width:15px;height:38px;line-height:38px;background-image:url('../img/kfoodlife/button_page_view.png');background-repeat:no-repeat;background-size:15px 11px;-webkit-transition:background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.button-go span{position:relative;z-index:2;color:#888} 
a:focus .button-go:before,a:hover .button-go:before{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
a:focus .button-go i,a:hover .button-go i{background-image:url('../img/kfoodlife/button_page_view_over.png')} 
a:focus .button-go span,a:hover .button-go span{color:#fff} 
.button-go.light{border-color:#fff} 
.button-go.light:before{background-color:#fff} 
.button-go.light i{background-image:url('../img/kfoodlife/button_page_view_over.png')} 
.button-go.light span{color:#fff} 
a:focus .button-go.light i,a:hover .button-go.light i{background-image:url('../img/kfoodlife/button_page_view.png')} 
a:focus .button-go.light span,a:hover .button-go.light span{color:#a3a3a3} 
.button-go.primary{border-color:#ef151e} 
.button-go.primary:before{background-color:#ef151e} 
.button-go.primary i{background-image:url('../img/kfoodlife/button_page_view_02.png')} 
.button-go.primary span{color:#ef151e} 
a:focus .button-go.primary i,a:hover .button-go.primary i{background-image:url('../img/kfoodlife/button_page_view_over.png')} 
.open-icon{margin-top:30px} 
.open-icon .more{display:inline-block;position:relative;width:38px;height:38px;border:1px #ef151e solid;overflow:hidden} 
.open-icon .more:before{display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ef151e;-webkit-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);transform:translate(-100%, 0);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;transition:-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;-o-transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s} 
.open-icon .more i:after,.open-icon .more i:before{content:'';display:block;position:absolute;top:50%;left:50%;margin:-1px 0 0 -8px;width:16px;height:2px;background-color:#ef151e;-webkit-transition:background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.open-icon .more i:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} 
.open-icon:hover .more:before{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.open-icon:hover i:after,.open-icon:hover i:before{background-color:#fff} 
.ie .button{line-height:36px} 
.ie .button.large{line-height:44px} 
.ie .search-word-tag .word{line-height:22px} 
.ie .kfoodlife-holder .inner .holder-sub .sub-title{line-height:28px} 
.ie .kfoodlife-holder .inner .holder-sub .sub-title.eng-title{line-height:30px} 
.ie .page-kfoodlife-event .kfoodlife-list-a .action .button-page-view{line-height:32px} 
.ie .button-download span,.ie .button-more .button-download,.ie .button-more span,.ie .info-kitchen-feed .action .button-page-view,.ie .kfoodlife-cooking-class-a .wrap .module .titles .button span,.ie .kfoodlife-cooking-class-a .wrap .module .titles .large,.ie .kitchen-cont .kitchen-story .action .xlarge.button{line-height:34px} 
.ie .action .button-buy,.ie .action .button-buy span,.ie .page-mypage-submain .module.list .button-page-view{line-height:36px} 
.page-mypage-submain .module.list .anchor-focus:hover .button-page-view.withdrawal i{background-image:url('../img/common/button_more_on.png')} 
.page-mypage-submain .module.list .button-page-view.withdrawal{text-align:left;position:relative;font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif;border:solid 1px #ef151e;border-color:#eb7987} 
.page-mypage-submain .module.list .button-page-view.withdrawal:before{background-color:#ef151e} 
.page-mypage-submain .module.list .button-page-view.withdrawal span{color:#ef151e} 
.page-mypage-submain .module.list .button-page-view.withdrawal i{background-image:url('../img/common/button_more.png');width:15px;height:38px;background-size:15px 38px} 
.page-mypage-submain .module.list .button-page-view.withdrawal:hover{border-color:#ef151e} 
.page-mypage-submain .module.list .button-page-view.withdrawal:hover span{color:#fff} 
.page-mypage-submain .module.list .button-page-view.withdrawal:hover i{background-image:url('../img/common/button_more_on.png')} 
.icon{min-width:18px;min-height:18px;display:inline-block;margin:0;padding:0;text-decoration:none;background-repeat:no-repeat;background-color:transparent;background-position:center center;line-height:1;vertical-align:middle;-webkit-transition:opacity 0.2s;-o-transition:opacity 0.2s;transition:opacity 0.2s;-webkit-backface-visibility:hidden;backface-visibility:hidden} 
.icon em{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;display:inline-block;padding:0;word-break:keep-all;white-space:nowrap;border:0;width:0!important} 
@media screen{.icon em{overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;color:transparent;*height:0} 
.icon.has-hover{opacity:0.9} 
a:hover .icon.has-hover{opacity:1} 
.icon.arrow{display:inline-block;width:0;height:0;min-width:0;min-height:0} 
.icon.arrow.up{border-left:solid 7px transparent;border-right:solid 7px transparent;border-bottom:solid 7px #ef151e} 
.icon.arrow.down{border-left:solid 7px transparent;border-right:solid 7px transparent;border-top:solid 7px #ef151e} 
.icon.arrow.left{border-top:solid 7px transparent;border-bottom:solid 7px transparent;border-right:solid 7px #ef151e} 
.icon.arrow.right{border-top:solid 7px transparent;border-bottom:solid 7px transparent;border-left:solid 7px #ef151e} 
.icon.go{background-image:url('../img/temp/@go.png');width:52px;height:52px;background-size:52px 52px} 
.icon.notify{background-image:url('../img/common/ico_notify.png');width:20px;height:26px;background-size:20px 26px} 
span.pipe{position:relative} 
span.pipe em{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;display:inline-block;padding:0;word-break:keep-all;white-space:nowrap;border:0} 
@media screen{span.pipe em{overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;color:transparent;*height:0} 
span.pipe:before{content:'';display:block;position:absolute;top:50%;left:0;overflow:hidden;width:1px} 
span.pipe{margin:0 9px 0 7px} 
span.pipe:before{-webkit-transform:translate(0, -35%);-ms-transform:translate(0, -35%);transform:translate(0, -35%);height:12px;background:#dddedd} 
span.badge.accept,span.badge.complete{display:inline-block;width:64px;height:24px;font-size:14px;line-height:22px;text-align:center;border-radius:2px;background-color:#fff} 
span.badge.accept{color:#007bc2;border:1px solid #007bc2} 
span.badge.complete{color:#ef151e;border:1px solid #ef151e} 
span.tag{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 10px;height:24px;line-height:21px;overflow:hidden;white-space:nowrap;border-radius:24px;font-size:16px} 
span.tag.light{border:solid 1px #fff;border:solid 1px rgba(255, 255, 255, 0.9);color:#fff} 
table.table-col,table.table-row{width:100%} 
table.table-col td,table.table-col th,table.table-row td,table.table-row th{line-height:1.4} 
table.table-col th,table.table-row th{vertical-align:top} 
table.table-col th label,table.table-col th span,table.table-row th label,table.table-row th span{display:inline-block;white-space:nowrap} 
table.table-col td,table.table-row td{vertical-align:middle} 
table.table-col p,table.table-row p{margin:5px 0;padding:0} 
table.table-col p:first-child,table.table-row p:first-child{margin-top:0} 
table.table-row td,table.table-row th{text-align:left} 
table.table-row th label,table.table-row th span{display:inline-block} 
table.table-col td,table.table-col th{text-align:center} 
table.text-center td,table.text-center th{text-align:center} 
table.text-left td{text-align:left} 
table.has-hover td{-webkit-transition:background-color 0.2s;-o-transition:background-color 0.2s;transition:background-color 0.2s} 
table.table-row th label,table.table-row th span{display:inline-block} 
table.table-a{border-top:solid 1px #1e1e1e;border-bottom:solid 1px #d8d8d8} 
table.table-a thead th{padding:19px 0;border-bottom:solid 1px #d8d8d8;text-align:center} 
table.table-a thead th span{font-weight:500} 
table.table-a tbody td,table.table-a tbody th{padding:22px 0;border-top:solid 1px #ececec;vertical-align:middle;text-align:center} 
table.table-a tbody tr:first-child td,table.table-a tbody tr:first-child th{border-top:0} 
table.table-a.is-stripe tbody tr:nth-child(odd) td,table.table-a.is-stripe tbody tr:nth-child(odd) th{background-color:#fafafa} 
table.table-c{margin-bottom:30px;width:100%;border-top:solid 1px #222} 
table.table-c td,table.table-c th{font-size:16px;line-height:1.8} 
table.table-c.table-col td,table.table-c.table-col th{padding:20px 10px;text-align:center;vertical-align:middle;border-bottom:solid 1px #ececec} 
table.table-c.table-row td,table.table-c.table-row th{padding:20px 10px;vertical-align:top;border-bottom:solid 1px #ececec} 
table.table-c.table-row th span{display:block;padding:0 20px 0 40px} 
ul.list{margin:0;padding:0;list-style:none} 
ul.list li{margin:0;padding:0} 
ul.list-a{line-height:1.4} 
ul.list-a li{position:relative;margin:8px 0;padding:0 0 0 14px;color:#888} 
ul.list-a li:before{content:'';display:block;width:4px;height:4px;border-radius:4px;overflow:hidden;background-color:#2e2e2e;position:absolute;top:10px;left:0;margin-top:-2px;margin-left:2px} 
ul.tab{margin:0;padding:0;line-height:1;list-style:none;clear:both;*zoom:1} 
ul.tab:after,ul.tab:before{content:" ";display:table} 
ul.tab:after{clear:both} 
ul.tab li{margin:0;padding:0} 
ul.tab>li{float:left} 
.section-tab{margin:0 0 50px} 
ul.tab-a{display:table;table-layout:fixed;width:100%;margin:0;padding:0;list-style:none} 
ul.tab-a li{margin:0;padding:0} 
ul.tab-a.is-a li{width:16.67%} 
ul.tab-a a{height:100%} 
ul.tab-a a{display:block;padding:15px 0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:16px;color:#666;border:solid 1px #e1e1e1;margin-left:-1px} 
ul.tab-a small{font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif;font-weight:400;margin-left:5px} 
ul.tab-a li{display:table-cell;float:none;vertical-align:top} 
ul.tab-a li:first-child span{margin-left:0} 
ul.tab-a li.in a{background-color:#ef151e;border:solid 1px #ef151e;color:#fff;text-decoration:underline} 
ul.tab-a li:first-child.in a{border-left:solid 1px #ef151e} 
ul.tab-a.is-flex{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-wrap:nowrap;flex-wrap:nowrap} 
ul.tab-a.is-flex a{display:block;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} 
ul.tab-a.is-flex span{padding:0 5px;line-height:1.2} 
.ie ul.tab-a.is-flex{display:table;width:100%;table-layout:fixed;height:100%} 
.ie ul.tab-a.is-flex li{display:table-cell;float:none;height:100%} 
.ie ul.tab-a.is-flex a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%} 
ul.tab-a.is-2 li{width:50%} 
ul.tab-a.is-3 li{width:33.3333%} 
ul.tab-a.is-4 li{width:25%} 
ul.tab-a.is-5 li{width:20%} 
ul.tab-b{display:table;table-layout:fixed;width:100%;margin:0;padding:0;list-style:none} 
ul.tab-b.is-2 li{width:50%} 
ul.tab-b.is-3 li{width:33.3333%} 
ul.tab-b.is-4 li{width:25%} 
ul.tab-b.is-5 li{width:20%} 
ul.tab-b li{position:relative;display:table-cell;float:none;text-align:center;vertical-align:middle;margin:0;padding:0;border-bottom:solid 2px #ccc} 
ul.tab-b li a{display:block} 
ul.tab-b li .tab-title{display:block;font-size:18px;color:#333;line-height:24px;padding:10px 0} 
ul.tab-b li.in{border-bottom:solid 2px #ef151e} 
ul.tab-b li.in:before{content:'';display:inline-block;position:absolute;bottom:-8px;left:50%;width:13px;height:8px;margin-left:-6px;background-image:url('../img/common/tab_b_icon.png')} 
ul.tab-b li.in .tab-title{color:#ef151e} 
.md-modal{position:fixed;top:0;left:0;right:0;bottom:0;line-height:1} 
.md-modal-wrapper{display:table;width:100%;min-height:100%;height:100vh} 
.md-modal-holder{display:table-cell;vertical-align:middle;text-align:center} 
.md-modal-relative{display:inline-block;position:relative;margin:0 auto;background-color:#fff} 
.md-modal-inner{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;margin:0 auto;min-width:300px;overflow:auto;overflow-x:hidden} 
.md-modal-inner .js-modal-close .icon{background-image:url('../img/temp/modal_close.png');width:30px;height:30px;background-size:30px 30px;position:absolute;top:0;right:0;margin-right:-30px} 
.modal-container{display:none} 
.modal-container .outer-close{display:block;position:fixed;z-index:3000;margin:30px 35px;top:0;right:0} 
.modal-container .outer-close .icon{background-image:url('../img/modal/ico_close.png');width:50px;height:50px;background-size:50px 50px} 
.modal-container .inner-close{display:block;position:absolute;z-index:3000;margin:0 -54px 0 0;top:0;right:0} 
.modal-container .inner-close .icon{background-image:url('../img/modal/ico_close_inner.png');width:34px;height:34px;background-size:34px 34px} 
.modal-container .md-modal{visibility:hidden;z-index:-1;opacity:0;-webkit-transform:translate(0, -50px);-ms-transform:translate(0, -50px);transform:translate(0, -50px);-webkit-transition:visibility 0s linear 0.4s, z-index 0s linear 0.4s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.4s, z-index 0s linear 0.4s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:visibility 0s linear 0.4s, z-index 0s linear 0.4s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.4s, z-index 0s linear 0.4s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.4s, z-index 0s linear 0.4s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.modal-container.in{display:block} 
.modal-container.anim .md-modal{visibility:visible;z-index:1100;opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.modal-container.is-modal-content .md-modal{-webkit-transform:translate(0, -300px);-ms-transform:translate(0, -300px);transform:translate(0, -300px)} 
.modal-container.is-modal-content.anim .md-modal{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.suit-classic.is-modal-fullsize #container{height:100%;height:100vh;overflow:hidden;-webkit-transition:all 0s linear 0s;-o-transition:all 0s linear 0s;transition:all 0s linear 0s} 
.ingredients-toggle-wrap .js-sticky-holder{opacity:0;-webkit-transition:opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.ingredients-toggle-wrap .js-sticky-holder.is-loaded{opacity:1} 
.ingredients-toggle-wrap .js-sticky-holder.is-out{position:relative} 
.ingredients-toggle-wrap .js-sticky-holder.is-out .js-sticky-inner{position:absolute;left:0;top:0} 
.ingredients-toggle-wrap .js-sticky-holder.is-in .js-sticky-inner{position:fixed;top:0;margin-top:20px;left:50%;margin-left:208px} 
.ingredients-toggle-wrap .js-sticky-holder.is-bottom{position:relative} 
.ingredients-toggle-wrap .js-sticky-holder.is-bottom .js-sticky-inner{position:absolute;left:0;bottom:0} 
.controll-module.js-sticky-wrap{min-height:78px} 
#historySticky{opacity:0;-webkit-transition:opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
#historySticky.is-loaded{opacity:1} 
#historySticky.is-loaded{opacity:1} 
#historySticky .js-sticky-inner{height:78px;z-index:99px;max-width:1600px;background-color:#ef151e} 
#historySticky.is-out{position:relative} 
#historySticky.is-out .js-sticky-inner{position:absolute;left:0;right:0;top:0;height:78px} 
#historySticky.is-in .js-sticky-inner{position:fixed;z-index:99;top:0;left:50%;width:100%;max-width:1600px;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);margin-top:130px} 
.media-aspect{position:relative;padding-bottom:56.25%} 
.media-aspect .media,.media-aspect>div,.media-aspect>iframe{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;border:0} 
body,html{height:100%} 
body{overflow:hidden;overflow-y:scroll;background-color:#000} 
.container{max-width:100%;max-width:100vw;overflow:hidden} 
.container.overflow-visible{overflow:visible} 
.container.is-grey-bg{background-color:#faf8f8} 
.wrap{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;max-width:960px;min-width:960px;text-align:left} 
.wrap.is-padder{padding-left:20px;padding-right:20px} 
.wrap.is-large{max-width:1140px} 
.wrap.is-xlarge{max-width:1200px} 
.wrap.is-xxlarge{max-width:1600px} 
.wrap.is-full{padding:0;width:auto;max-width:100%;max-width:100vw} 
#container{clear:both;*zoom:1;min-height:100%;min-height:100vh} 
#container:after,#container:before{content:" ";display:table} 
#container:after{clear:both} 
#content,#inner{clear:both;*zoom:1} 
#content:after,#content:before,#inner:after,#inner:before{content:" ";display:table} 
#content:after,#inner:after{clear:both} 
#content{width:100%} 
#inner{background-color:#fff} 
.page-home #inner{position:relative;z-index:5} 
.page-home-a #inner{margin-top:100%;margin-top:100vh;margin-top:834px} 
@media only screen and (min-width:1px) and (max-width:1023px){.padder-sm{margin-left:15px;margin-right:15px} 
#skipToContent a{position:fixed;overflow:hidden;height:0} 
#skipToContent a:active,#skipToContent a:focus,#skipToContent a:hover{top:0;left:0;right:0;width:0;display:block;z-index:9999;overflow:visible;width:auto;height:auto;padding:10px 0;line-height:1.2;background-color:#fff;border-bottom:solid 1px #333;color:#000;text-align:center} 
#breadcrumb{position:relative;margin-top:100px;height:40px} 
#breadcrumb .holder{position:absolute;top:0;left:0;right:0;z-index:10;font-size:12px;background-color:#fff} 
#breadcrumb .inner{border-top:solid 1px #dbdbdb;padding-left:5%;height:40px;line-height:40px} 
#breadcrumb.bg-baige .holder{background-color:rgba(210, 209, 208, 0.9)} 
#breadcrumb.bg-baige .inner{border-top-color:#d2d1d0} 
#breadcrumb,#breadcrumb a{color:#666} 
#breadcrumb strong{color:#ef151e;font-weight:normal;text-decoration:underline} 
#breadcrumb .gt,#breadcrumb .home{min-width:18px;min-height:18px;display:inline-block;margin:0;padding:0;text-decoration:none;background-repeat:no-repeat;background-color:transparent;background-position:center center;line-height:1;vertical-align:middle;-webkit-transition:opacity 0.2s;-o-transition:opacity 0.2s;transition:opacity 0.2s;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-image:url('../img/custom/icon_gt.png');width:7px;height:18px;background-size:7px 18px} 
#breadcrumb .gt em,#breadcrumb .home em{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;display:inline-block;padding:0;word-break:keep-all;white-space:nowrap;border:0;width:0!important} 
@media screen{#breadcrumb .gt em,#breadcrumb .home em{overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;color:transparent;*height:0} 
#breadcrumb .gt.has-hover,#breadcrumb .home.has-hover{opacity:0.9} 
a:hover #breadcrumb .gt.has-hover,a:hover #breadcrumb .home.has-hover{opacity:1} 
#breadcrumb .gt.arrow,#breadcrumb .home.arrow{display:inline-block;width:0;height:0;min-width:0;min-height:0} 
#breadcrumb .gt.arrow.up,#breadcrumb .home.arrow.up{border-left:solid 7px transparent;border-right:solid 7px transparent;border-bottom:solid 7px #ef151e} 
#breadcrumb .gt.arrow.down,#breadcrumb .home.arrow.down{border-left:solid 7px transparent;border-right:solid 7px transparent;border-top:solid 7px #ef151e} 
#breadcrumb .gt.arrow.left,#breadcrumb .home.arrow.left{border-top:solid 7px transparent;border-bottom:solid 7px transparent;border-right:solid 7px #ef151e} 
#breadcrumb .gt.arrow.right,#breadcrumb .home.arrow.right{border-top:solid 7px transparent;border-bottom:solid 7px transparent;border-left:solid 7px #ef151e} 
#breadcrumb .gt.go,#breadcrumb .home.go{background-image:url('../img/temp/@go.png');width:52px;height:52px;background-size:52px 52px} 
#breadcrumb .gt.notify,#breadcrumb .home.notify{background-image:url('../img/common/ico_notify.png');width:20px;height:26px;background-size:20px 26px} 
#breadcrumb .gt em,#breadcrumb .home em{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;display:inline-block;padding:0;word-break:keep-all;white-space:nowrap;border:0} 
@media screen{#breadcrumb .gt em,#breadcrumb .home em{overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;color:transparent;*height:0} 
#breadcrumb .home{background-image:url('../img/custom/icon_home.png');width:13px;height:18px;background-size:13px 18px} 
.section-hero{background-image:url('../img/custom/brand_pic_02.png');background-size:cover} 
.section-hero.is-neovalue{background-image:url('../img/custom/brand_pic_03.png')} 
.section-hero.is-shop{background-image:url('../img/custom/shop_pic_01.png')} 
.section-hero .wrap{position:relative;height:720px} 
.section-hero .holder{position:absolute;top:50%;left:0;right:0;text-align:center} 
.section-hero .desc{position:relative;display:inline-block;margin:-52px auto 0;padding:0 250px;color:#fff;font-size:32px;line-height:1.6} 
.section-hero .desc:after,.section-hero .desc:before{content:'';display:block;position:absolute;top:0;margin-top:27px;width:200px;height:1px;overflow:hidden;background-color:#fff} 
.section-hero .desc:before{left:0} 
.section-hero .desc:after{right:0} 
.section-hero .desc span{display:block} 
#liner{position:absolute;z-index:10;top:130px;left:0;width:1px;background-color:rgba(255, 255, 255, 0.5);margin-left:60px;height:1000px} 
#irIframe{margin:0;padding:0;border:0;width:100%;min-height:600px;overflow:hidden} 
#topbutton{display:block;position:fixed;z-index:110;right:50%;margin-top:-50px;margin-right:-90px;opacity:0;-webkit-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.is-overlay #topbutton{z-index:2} 
#topbutton a{color:#fff;font-family:'Montserrat';font-weight:500} 
#topbutton a:after{content:'SCROLL DOWN';position:absolute;display:block;top:0;left:30px;line-height:50px;font-size:14px} 
#topbutton .icon{width:180px;height:50px;background-color:#ef151e} 
#topbutton .icon:after,#topbutton .icon:before{content:'';position:absolute;top:50%;right:25px;width:6px;height:1px;background-color:#fff} 
#topbutton .icon:before{-webkit-transform:rotate(45deg) translate(-2px, -1px);-ms-transform:rotate(45deg) translate(-2px, -1px);transform:rotate(45deg) translate(-2px, -1px)} 
#topbutton .icon:after{-webkit-transform:rotate(-45deg) translate(4px, 1px);-ms-transform:rotate(-45deg) translate(4px, 1px);transform:rotate(-45deg) translate(4px, 1px)} 
#topbutton.is-fixed,.is-scroll-downed #topbutton{right:0;margin-top:0;margin-right:0;bottom:0} 
#topbutton.is-fixed a:after,.is-scroll-downed #topbutton a:after{display:none} 
#topbutton.is-fixed .icon,.is-scroll-downed #topbutton .icon{width:60px;height:60px} 
#topbutton.is-fixed .icon:after,#topbutton.is-fixed .icon:before,.is-scroll-downed #topbutton .icon:after,.is-scroll-downed #topbutton .icon:before{right:50%;margin-top:-1px;margin-left:7px;width:14px;height:2px} 
#topbutton.is-fixed .icon:before,.is-scroll-downed #topbutton .icon:before{-webkit-transform:rotate(-45deg) translate(2px, 1px);-ms-transform:rotate(-45deg) translate(2px, 1px);transform:rotate(-45deg) translate(2px, 1px)} 
#topbutton.is-fixed .icon:after,.is-scroll-downed #topbutton .icon:after{-webkit-transform:rotate(45deg) translate(7px, -8px);-ms-transform:rotate(45deg) translate(7px, -8px);transform:rotate(45deg) translate(7px, -8px)} 
#topbutton.is-fixed{-webkit-transition:all 0s linear 0s;-o-transition:all 0s linear 0s;transition:all 0s linear 0s;opacity:1} 
body,html{line-height:1.4} 
body{background:#fff} 
body,font,td,th{color:#333} 
#header .icon{-webkit-transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
#header{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;z-index:100;top:0;left:0;right:0;-webkit-transition:background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;line-height:1} 
#header a{display:block} 
#header .container{overflow:visible} 
#header .wrap{min-width:1380px} 
#header .icon{vertical-align:top;-webkit-transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
#header .grid{display:table;width:100%} 
#header .cell{display:table-cell;vertical-align:middle} 
#header .downer,#header .upper{-webkit-transition:background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
#header .downer .wrap{max-width:100%} 
#header .downer .col,#header .downer .col li{height:50px;line-height:50px} 
#header .downer .col.back{padding-left:65px} 
#header .downer .col.breadcrumb{padding-right:46px} 
#header .downer .col.breadcrumb li{position:relative} 
#header .downer .col.breadcrumb li:before{display:block;content:'';position:absolute;top:0;margin-top:19px;left:0;height:13px;width:1px;overflow:hidden} 
#header .downer .col.breadcrumb li:first-child:before{display:none} 
#header .downer .col.breadcrumb li span,#header .downer .col.breadcrumb li strong{display:block;padding:0 10px;font-size:14px} 
#header .downer .col.breadcrumb li strong{position:relative;font-weight:normal} 
#header .downer .col.breadcrumb li strong:before{display:block;content:'';position:absolute;bottom:0;left:10px;right:10px;height:2px;overflow:hidden;background:#ef151e} 
#header .downer .col.breadcrumb li .eng-title{font-weight:500} 
#header .search .wrap{position:fixed;z-index:-1;-webkit-box-sizing:content-box;box-sizing:content-box;max-width:100%;min-width:320px;top:0;left:0;right:0;background-color:#f3f3f3;height:63px;padding-top:17px;text-align:center} 
#header .search fieldset{position:relative;margin:0;padding:0 46px 0 0;border:0;background-color:#ffffff} 
#header .search .holder{z-index:-1;width:100%;margin:0 auto;max-width:640px} 
#header .search .quicklinks{position:absolute;margin-top:60px;top:0;left:0;right:0;background:#fff;text-align:left} 
#header .search .quicklinks .inner{margin:24px 60px} 
#header .search .quicklinks .subject{position:relative;margin:0;padding:0 0 8px;font-size:13px} 
#header .search .quicklinks .subject:before{display:block;content:'';position:absolute;height:2px;left:0;bottom:0;width:14px;background-color:#ef151e} 
#header .search .quicklinks .lists{color:#666;line-height:1.4} 
#header .search .quicklinks .lists li{font-size:14px;font-weight:200;margin:18px 0} 
#header .search input.text{padding:0 20px;width:100%;height:46px;line-height:46px;color:#999;font-size:18px;color:#000;border:0;background-color:#ffffff;-webkit-box-sizing:border-box;box-sizing:border-box} 
#header .search input.text:-moz-placeholder{color:#888} 
#header .search input.text::-moz-placeholder{opacity:1;color:#888} 
#header .search input.text:-ms-input-placeholder{color:#888} 
#header .search input.text::-webkit-input-placeholder{color:#888} 
#header .search input.text.set-placeholder{color:#888} 
#header .search input.text:focus{outline:2px solid #ef151e} 
.ie #header .search input.text:focus{outline:0;border:2px solid #ef151e} 
#header .search .submit{font:0/0 a;vertical-align:middle;position:absolute;top:0;right:0;background-image:url('../img/common/search_icon.png');width:46px;height:46px;background-size:46px 46px;border:0;background-color:#ef151e} 
#header .search .close{display:block;position:absolute;top:18px;right:86px;width:40px;height:40px;cursor:pointer} 
#header .search .close .icon{position:static;background-image:url('../img/common/search_close.png');width:40px;height:40px;background-size:40px 40px} 
#header .search .close .icon:before{position:absolute;bottom:-24px;left:0;width:40px;height:3px;content:"";background-color:#ef151e} 
#header .logos{width:31.8359375%;width:21.875%} 
#header .logos ul.tab{float:left} 
#header .navigations{width:64.453125%;width:56.25%;text-align:center} 
#header .navigations a.d1{display:block;padding-left:7px;padding-right:7px;height:80px;line-height:80px;font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif;font-weight:700;font-size:17px} 
#header .navigations ul{display:inline-block;margin:0 auto;text-align:left;vertical-align:top} 
#header .navigations ul .nth-child-6 a.d1{padding-right:0} 
#header .d1-logo a{display:block;padding-left:20px;padding-right:10px} 
#header .utils{width:7.8125%;width:21.875%} 
#header .utils ul.tab{float:right} 
#header .d1-language,#header .d1-login,#header .d1-social{position:relative} 
#header .sub-d1{visibility:hidden;z-index:-1;opacity:0;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);position:absolute;top:100%;left:50%;width:70px;margin-left:-35px;-webkit-transition:visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
#header .sub-d1 .holder{position:relative;background:#f3f3f3;margin-top:2px;border-top:solid 2px #ef151e} 
#header .sub-d1 .holder:before{display:block;content:'';position:absolute;z-index:4000;top:0;left:50%;width:10px;height:10px;background:#f3f3f3;border-left:solid 2px #ef151e;border-top:solid 2px #ef151e;margin-top:-8px;margin-left:-5px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} 
#header .sub-d1 ul.reset{padding:10px 0} 
#header .sub-d1 li a{display:block;text-align:center;line-height:36px} 
#header .sub-d1 li span{font-size:14px;font-weight:400} 
#header .sub-d1-user{width:100px;margin-left:-50px} 
#header .sub-d1-social{width:40px;margin-left:-20px} 
#header .sub-d1-social .icon{background-image:url('../img/common/top_social_facebook.png');width:40px;height:40px;background-size:40px 40px} 
#header .sub-d1-social .icon.top-twitter{background-image:url('../img/common/top_social_twitter.png')} 
#header .sub-d1-social .icon.top-url{background-image:url('../img/common/top_social_url.png')} 
#header .sub-d1-social .icon.top-qqweibo{background-image:url('../img/common/top_social_qqweibo.png')} 
#header .sub-d1-social .icon.top-sinaweibo{background-image:url('../img/common/top_social_sinaweibo.png')} 
#header .sub-d1-social .icon.top-weixin{background-image:url('../img/common/top_social_weixin.png')} 
#header .sub-d1-social .icon.top-tieba{background-image:url('../img/common/top_social_tieba.png')} 
@media (min-width:1380px){#header .logos{width:21.875%} 
#header .navigations{width:56.25%} 
#header .navigations a.d1{padding-left:14px;padding-right:14px} 
#header .utils{width:21.875%} 
#header .utils ul.tab{padding-right:15px} 
@media (min-width:1900px){#header .logos{width:21.875%} 
#header .d1-logo a{padding-left:65px} 
#header .navigations{width:56.25%} 
#header .navigations a.d1{padding-left:20px;padding-right:20px} 
#header .utils{width:21.875%} 
#header .utils ul.tab{padding-right:40px} 
#header .border{position:relative;height:2px} 
#header.is-transparent .d1-logo .icon{background-image:url('../img/common/top_logo_dark.png')} 
#header.is-transparent .d1-language .icon{background-image:url('../img/common/top_language_dark_ko.png')} 
.lang-en #header.is-transparent .d1-language .icon{background-image:url('../img/common/top_language_dark_en.png')} 
.lang-cn #header.is-transparent .d1-language .icon{background-image:url('../img/common/top_language_dark_cn.png')} 
#header.is-transparent .navigations a.d1{color:#fff} 
#header.is-transparent .utils .d1-more .icon{background-image:url('../img/common/top_more_dark.png')} 
#header.is-transparent .utils .d1-login .icon{background-image:url('../img/common/top_login_dark.png')} 
#header.is-transparent .utils .d1-login.in .icon{background-image:url('../img/common/top_login_dark_on.png')} 
#header.is-transparent .utils .d1-search .icon{background-image:url('../img/common/top_search_dark.png')} 
#header.is-transparent .utils .d1-social .icon.social{background-image:url('../img/common/top_social_dark.png')} 
#header.is-transparent .utils .d1-cjthemarket .icon{background-image:url('../img/common/top_cjbio_dark.png')} 
#header.is-transparent .downer .col.back .icon{background-image:url('../img/common/top_back_dark.png')} 
#header.is-transparent .downer .col.breadcrumb li:before{background-color:#ccc;background-color:rgba(200, 200, 200, 0.3)} 
#header.is-transparent .downer .col.breadcrumb li span,#header.is-transparent .downer .col.breadcrumb li strong{color:#fff} 
#header.is-transparent .downer,#header.is-transparent .upper{background-color:transparent} 
#header .upper,.is-scroll-downed #header .upper{background-color:#fff} 
#header .d1-logo .icon,.is-scroll-downed #header .d1-logo .icon{background-image:url('../img/common/top_logo_light.png');width:190px;height:80px;background-size:190px 80px} 
#header .d1-language .icon,.is-scroll-downed #header .d1-language .icon{background-image:url('../img/common/top_language_light_ko.png');width:80px;height:80px;background-size:80px 80px} 
#header .navigations a.d1,.is-scroll-downed #header .navigations a.d1{color:#000} 
#header .utils .d1-more .icon,.is-scroll-downed #header .utils .d1-more .icon{background-image:url('../img/common/top_more_light.png');width:38px;height:80px;background-size:38px 80px} 
#header .utils .d1-login .icon,.is-scroll-downed #header .utils .d1-login .icon{background-image:url('../img/common/top_login_light.png');width:42px;height:80px;background-size:42px 80px} 
#header .utils .d1-login.in .icon,.is-scroll-downed #header .utils .d1-login.in .icon{background-image:url('../img/common/top_login_light_on.png')} 
#header .utils .d1-search .icon,.is-scroll-downed #header .utils .d1-search .icon{background-image:url('../img/common/top_search_light.png');width:42px;height:80px;background-size:42px 80px} 
#header .utils .d1-social .icon.social,.is-scroll-downed #header .utils .d1-social .icon.social{background-image:url('../img/common/top_social_light.png');width:42px;height:80px;background-size:42px 80px} 
#header .utils .d1-cjthemarket .icon,.is-scroll-downed #header .utils .d1-cjthemarket .icon{background-image:url('../img/common/top_cjbio_light.png');width:106px;height:80px;background-size:106px 80px} 
.lang-en #header .d1-language .icon,.lang-en.is-scroll-downed #header .d1-language .icon{background-image:url('../img/common/top_language_light_en.png')} 
.lang-cn #header .d1-language .icon,.lang-cn.is-scroll-downed #header .d1-language .icon{background-image:url('../img/common/top_language_light_cn.png')} 
#header .downer,.is-scroll-downed #header .downer{background-color:#f4f4f4} 
#header .downer .col.back .icon,.is-scroll-downed #header .downer .col.back .icon{background-image:url('../img/common/top_back.png');width:40px;height:50px;background-size:40px 50px} 
#header .downer .col.breadcrumb li:before,.is-scroll-downed #header .downer .col.breadcrumb li:before{background-color:#ddd} 
#header .downer .col.breadcrumb li span,#header .downer .col.breadcrumb li strong,.is-scroll-downed #header .downer .col.breadcrumb li span,.is-scroll-downed #header .downer .col.breadcrumb li strong{color:#000} 
#header li.d1 a.d1{position:relative} 
#header li.d1 a.d1:before{display:block;content:'';position:absolute;z-index:4000;bottom:0;left:50%;width:10px;height:10px;background:#f3f3f3;border-left:solid 2px #ef151e;border-top:solid 2px #ef151e;margin-bottom:-8px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);opacity:0;-webkit-transition:opacity 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:opacity 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:opacity 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
#header li.d1.in a.d1:before{opacity:1;-webkit-transition:opacity 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:opacity 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:opacity 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
#header li.d1{position:relative} 
#header li.d1.in{z-index:10} 
#header .sub-wrap{visibility:hidden;opacity:0;z-index:-1;position:absolute;overflow:visible;top:60px;text-align:center;border-top:0;-webkit-transition:opacity 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, visibility 0s linear 0s, z-index 0s linear 0s;-o-transition:opacity 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, visibility 0s linear 0s, z-index 0s linear 0s;transition:opacity 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, visibility 0s linear 0s, z-index 0s linear 0s} 
#header .sub-wrap .holder{margin-top:22px;background:#f3f3f3;border-top:solid 2px #ef151e} 
#header .sub-wrap .holder .wrap{position:relative;-webkit-box-sizing:content-box;box-sizing:content-box;padding:20px 30px 30px;min-width:200px} 
#header .sub-wrap .js-close-submenu{display:block;z-index:3;position:absolute;margin:18px 15px 0 0;top:0;right:0;width:30px;height:30px} 
#header .sub-wrap .js-close-submenu .icon{background-image:url('../img/common/close_gnb_sub_wrap.png');width:30px;height:30px;background-size:30px 30px} 
#header .sub-wrap p{margin:0;padding:0} 
#header .sub-wrap p.subject{font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif;font-size:20px;font-weight:700;height:40px;color:#333;text-transform:uppercase} 
#header .sub-wrap p.description{display:none} 
#header li.d1.no-d3 .sub-wrap{width:390px;left:-180px;margin-left:40px} 
#header li.d1 .sub-wrap,#header li.d1.nth-child-3 .sub-wrap{width:644px;left:-260px;margin-left:40px} 
#header li.d1.in .sub-wrap{visibility:visible;opacity:1;-webkit-transition:top 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, opacity 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, visibility 0s linear 0s, z-index 0s linear 0s;-o-transition:top 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, opacity 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, visibility 0s linear 0s, z-index 0s linear 0s;transition:top 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, opacity 0.1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, visibility 0s linear 0s, z-index 0s linear 0s} 
#header .sub-d2{width:320px} 
#header .sub-d2 a{padding:0} 
.lang-en #header .sub-d2{width:260px} 
#header ul.d2,#header ul.d3{display:block;font-size:14px} 
#header a.d2,#header a.d3{display:block;position:relative;padding:10px 0;background-size:10px 34px;background-position:right center} 
#header a.d2:before,#header a.d3:before{content:'';display:block;position:absolute;bottom:0;left:0;width:0%;height:2px;background-color:#ef151e;-webkit-transition:width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
#header a.d2.in,#header a.d3.in{font-weight:bold;color:#000} 
#header a.d2.in:before,#header a.d3.in:before{width:10%} 
#header a.d2:hover:before,#header a.d3:hover:before{width:100%} 
#header a.d2{background-image:url('../img/common/gnb_arrow.png')} 
#header a.d2.no-child{background-image:none} 
#header .sub-d3{display:none;position:absolute;-webkit-box-sizing:content-box;box-sizing:content-box;top:0;left:0;margin-left:370px;width:240px;padding-top:60px} 
#header .sub-d3 ul.d3{border-left:solid 1px #e3e3e3;padding-left:15px;min-height:220px} 
#header .sub-d3.in{display:block} 
.lang-en #header .sub-d3{margin-left:310px;width:300px} 
.is-toggle-language #header .sub-d1-language,.is-toggle-social #header .sub-d1-social,.is-toggle-user #header .sub-d1-user{visibility:visible;z-index:3000;opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
#header .search .holder,#header .search .wrap{visibility:hidden;z-index:-1;opacity:0;-webkit-transition:visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.2s, z-index 0s linear 0.2s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.is-toggle-search #header .search .holder,.is-toggle-search #header .search .wrap{visibility:visible;z-index:3000;opacity:1;-webkit-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.is-toggle-search #header .downer,.is-toggle-search #header li.d1 a.d1:before{display:none} 
.is-toggle-search.is-overlay .md-overlay{z-index:10} 
.page-home #header .downer{display:none} 
.is-toggle-search #header .sub-wrap{display:none} 
#header .sub-wrap .wrap{min-height:250px} 
#header .nth-child-1 .sub-wrap .wrap{min-height:250px} 
.lang-en #header .nth-child-1 .sub-wrap .wrap{min-height:290px} 
#header .nth-child-3 .sub-wrap .wrap{min-height:360px} 
#header .nth-child-4 .sub-wrap .wrap{min-height:290px} 
#header .d1.nth-child-3 .sub-d2{width:594px} 
#header .d1.nth-child-3 ul.d2{clear:both;*zoom:1;width:100%} 
#header .d1.nth-child-3 ul.d2:after,#header .d1.nth-child-3 ul.d2:before{content:" ";display:table} 
#header .d1.nth-child-3 ul.d2:after{clear:both} 
#header .d1.nth-child-3 li.d2{float:left;width:33.33%} 
#header .d1.nth-child-3 a.d2{margin-right:20px} 
h1.title,h2.title,h3.title,h4.title,h5.title,h6.title{font-size:inherit;-webkit-transition:font-size 0.2s;-o-transition:font-size 0.2s;transition:font-size 0.2s} 
.title.has-apos span{display:inline-block;position:relative;padding-left:60px;padding-right:60px;padding-top:26px;padding-bottom:26px} 
.title.has-apos span:after,.title.has-apos span:before{content:'';display:block;position:absolute;width:52px;height:42px;background-size:52px 42px} 
.title.has-apos span:before{background-image:url('../img/common/apos_a_01.png');top:0;left:0} 
.title.has-apos span:after{background-image:url('../img/common/apos_a_02.png');right:0;bottom:0} 
.section-title{position:relative;margin-top:100px;margin-bottom:100px} 
.section-title .brand-title{font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif;padding:0;font-size:48px} 
.section-title .button-more{position:absolute;top:50%;right:0;margin-top:-18px} 
.section-title .button-socials{position:absolute;top:50%;right:0;margin-top:-20px} 
.section-title .button-socials a{display:inline-block;margin:0 10px 0 10px;overflow:hidden;width:40px;height:40px;border-radius:40px} 
.section-title .button-socials i.icon{background-image:url('../img/common/btn_social_facebook.png');width:40px;height:40px;background-size:40px 40px;background-color:#ef151e} 
.section-title .button-socials i.icon.instagram{background-image:url('../img/common/btn_social_instagram.png')} 
#footer{font-family:'CJONLYONE', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif;font-weight:400;width:100%;border-top:solid 1px #e2e2e2;background-color:#fff;line-height:1.4;font-size:13px} 
#footer .container{overflow:visible} 
#footer .wrap{position:relative;max-width:none;margin-left:25px;margin-right:20px} 
@media (min-width:1260px){#footer .wrap{margin-right:43px} 
@media (min-width:1900px){#footer .wrap{margin-left:65px;margin-right:60px} 
#footer span.pipe{margin:0 10px 0 8px} 
#footer span.pipe:before{background-color:#dddedd} 
#footer .spacer{display:inline-block;content:'';width:12px} 
#footer .tab li{position:relative;margin-bottom:10px} 
#footer .tab li:before{display:block;content:'';position:absolute;top:0;left:0;width:1px;height:10px;margin-top:1px;background-color:#dddedd;overflow:hidden} 
#footer .tab li a{display:block;padding:0 12px} 
#footer .tab li:first-child a{padding-left:0} 
#footer .tab li:first-child:before{display:none} 
#footer .grid{margin:0;padding:5px 0} 
#footer .quicklaunch{padding:40px 160px 10px 0} 
.lang-ko #footer .quicklaunch li:first-child a{color:#ef151e} 
#footer .links{padding:5px 0 10px 0} 
#footer .address{font-size:12px} 
#footer .contacts{font-size:12px} 
#footer .copyrights{padding:10px 0 20px} 
#footer .familysites{position:absolute;top:0;right:0;margin-top:10px} 
#footer .familysites .select{font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif;height:34px;line-height:34px;font-size:14px} 
#footer .social{position:absolute;top:70px;right:0} 
#footer .social .sns{margin-left:5px} 
#footer .social .sns.facebook .icon{background-image:url('../img/common/footer_sns_01.png')} 
#footer .social .sns.instagram .icon{background-image:url('../img/common/footer_sns_02.png')} 
#footer .social .sns.youtube .icon{background-image:url('../img/common/footer_sns_03.png')} 
#footer .social .sns.twitter .icon{background-image:url('../img/common/footer_sns_04.png')} 
#footer .social .sns.post .icon{background-image:url('../img/common/footer_sns_05.png')} 
#footer .social .sns .icon{width:40px;height:40px;background-size:40px 40px} 
#footer .wa{position:absolute;top:136px;right:161px} 
#footer .wa .icon{background-image:url('../img/common/icon_footer_wa.png');width:138px;height:34px;background-size:138px 34px} 
#footer .ccm{position:absolute;top:140px;right:0} 
#footer .ccm .icon{background-image:url('../img/common/icon_footer_ccm.png');width:138px;height:29px;background-size:138px 29px} 
.lang-cn #footer,.lang-en #footer{font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif} 
.lang-cn #footer .quicklaunch,.lang-en #footer .quicklaunch{padding-top:20px} 
.lang-cn #footer .quicklaunch,.lang-cn #footer .quicklaunch a,.lang-en #footer .quicklaunch,.lang-en #footer .quicklaunch a{color:#161616;font-weight:500} 
.lang-cn #footer .address,.lang-en #footer .address{padding:0;font-weight:300;color:#666} 
.lang-cn #footer .familysites,.lang-en #footer .familysites{margin-top:10px} 
.lang-cn #footer .copyrights,.lang-en #footer .copyrights{padding-top:10px;padding-bottom:30px;font-size:12px;font-weight:300} 
.lang-cn #footer .social,.lang-en #footer .social{top:60px} 
#visual .holder{margin:0 auto;min-width:960px;width:80%} 
#visual .subjects .item{position:absolute;z-index:1;left:0;right:0;top:50%;text-align:center} 
.lang-ko #visual .subjects .item{letter-spacing:-1px} 
.lang-cn #visual .subjects .item{font-family:'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif;font-weight:200} 
#visual .subjects a{color:#fff;font-weight:300} 
#visual .descs .item{position:absolute;z-index:1;left:0;right:0;top:50%;text-align:center} 
#visual .subjects{color:#fff;font-size:70px} 
#visual .subjects .item{line-height:1.2;visibility:hidden;z-index:-1;opacity:0;-webkit-transform:translate(0, -45%);-ms-transform:translate(0, -45%);transform:translate(0, -45%);-webkit-transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
#visual .subjects .item.in{visibility:visible;z-index:4;opacity:1;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);-webkit-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;-o-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s} 
#visual .descs .item{visibility:hidden;z-index:-1;opacity:0;-webkit-transform:translate(0, -45%);-ms-transform:translate(0, -45%);transform:translate(0, -45%);-webkit-transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
#visual .descs .item.in{visibility:visible;z-index:5;opacity:1;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);-webkit-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;-o-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s} 
#visual .nav{position:absolute;top:50%;z-index:10;margin-top:-75px;vertical-align:top;-webkit-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s} 
#visual .nav .icon{width:120px;height:150px} 
#visual .nav .icon:after,#visual .nav .icon:before{content:'';position:absolute;top:50%;left:50%;margin:-1px 0 0 -16px;width:32px;height:2px;background-color:#fff} 
#visual .nav:hover{opacity:0.4} 
#visual .nav.prev{left:0} 
#visual .nav.prev .icon:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center} 
#visual .nav.prev .icon:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center} 
#visual .nav.next{right:0} 
#visual .nav.next .icon:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center} 
#visual .nav.next .icon:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center} 
#visual .pagings{position:absolute;z-index:5;left:0;right:0;bottom:130px;text-align:center} 
#visual .pagings ul{display:inline-block;vertical-align:top} 
#visual .pagings .item{width:50px} 
#visual .pagings .item a{position:relative;display:block;height:40px} 
#visual .pagings .item span{position:absolute;top:50%;left:0;width:100%;margin-top:-1px;display:block;overflow:hidden;height:1px;line-height:1px;border:0;background-color:rgba(255, 255, 255, 0.5)} 
#visual .pagings .item span:after,#visual .pagings .item span:before{content:'';display:block} 
#visual .pagings .item em{-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;display:inline-block;padding:0;word-break:keep-all;white-space:nowrap;border:0} 
@media screen{#visual .pagings .item em{overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;color:transparent;*height:0} 
#visual .pagings .item.in span{height:2px;margin-top:-2px;background-color:#ffffff} 
#visual .play .icon{background-image:url('../img/common/icon_slider_stop.png');width:40px;height:40px;background-size:40px 40px} 
#visual .play.stop .icon{background-image:url('../img/common/icon_slider_play.png')} 
.page-home #visual{position:fixed;z-index:0;top:0;left:0;right:0;min-height:834px;height:0%;overflow:hidden} 
.ie .page-home #visual{position:absolute} 
@media (min-width:1921px){.page-home #visual{height:78%} 
.page-home #visual>.container{position:relative;min-height:834px;height:100%;overflow:hidden} 
.page-home #visual .subjects .item{top:0;height:100%} 
.page-home #visual .subjects .item .holder{display:table;height:100%} 
.page-home #visual .subjects .item a{display:table-cell;vertical-align:middle} 
.page-home #visual .holder{margin:0 auto;min-width:960px;width:80%} 
.page-home #visual .subjects .item{position:absolute;z-index:1;left:0;right:0;top:50%;text-align:center;font-weight:300;color:#fff} 
.lang-ko .page-home #visual .subjects .item{letter-spacing:-1px} 
.page-home #visual .subjects a{color:#fff;font-weight:300} 
.page-home #visual .descs .item{position:absolute;z-index:1;left:0;right:0;top:50%;text-align:center} 
.page-home #visual .subjects{color:#fff;font-size:70px} 
.page-home #visual .subjects .item{line-height:1.2;visibility:hidden;z-index:-1;opacity:0;-webkit-transform:translate(0, -45%);-ms-transform:translate(0, -45%);transform:translate(0, -45%);-webkit-transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.page-home #visual .subjects .item.in{visibility:visible;z-index:4;opacity:1;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);-webkit-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;-o-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s} 
.page-home #visual .descs .item{visibility:hidden;z-index:-1;opacity:0;-webkit-transform:translate(0, -45%);-ms-transform:translate(0, -45%);transform:translate(0, -45%);-webkit-transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.page-home #visual .descs .item.in{visibility:visible;z-index:5;opacity:1;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);-webkit-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;-o-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s} 
.page-home #visual .wrap .bg{height:100%;overflow:hidden;background-size:cover} 
.page-home #visual .wrap .bg{position:absolute;z-index:1;top:0;left:0;right:0;height:100%;overflow:hidden;background-size:cover} 
.page-home #visual .wrap .item .bg{background-color:#000;overflow:hidden;background-size:cover} 
.page-home #visual .wrap .item .bg,.page-home #visual .wrap .item a{display:block;position:absolute;top:0;left:0;right:0;height:100%;width:100%;z-index:1;opacity:0;-webkit-transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 2s linear 0.2s;transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 2s linear 0.2s;-o-transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 2s linear 0.2s;transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 2s linear 0.2s;transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 2s linear 0.2s, -webkit-transform 2s linear 0.2s} 
.page-home #visual .wrap .item.in .bg,.page-home #visual .wrap .item.in a{opacity:1;-webkit-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 6s linear 0s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 6s linear 0s;-o-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 6s linear 0s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 6s linear 0s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 6s linear 0s, -webkit-transform 6s linear 0s} 
.page-home #visual .wrap .item.in a:focus,.page-home #visual .wrap .item a:focus{-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 3px #ef151e} 
.page-home #inner{margin-top:834px} 
.page-innovation-rnd-introduce #visual{position:relative;z-index:0;overflow:inherit} 
.page-innovation-rnd-introduce #visual:before{content:'';display:block;position:absolute;z-index:10;bottom:0;left:50%;margin-left:-1px;width:1px;height:80px;margin-bottom:-40px;overflow:hidden;background-color:#ef151e} 
.page-innovation-rnd-introduce #visual>.container{position:relative;height:600px;overflow:hidden} 
.page-innovation-rnd-introduce #visual .wrap .bg{position:absolute;z-index:1;top:0;left:0;right:0;height:100%;overflow:hidden;background-size:cover} 
.page-innovation-rnd-introduce #visual .wrap .item .bg{z-index:1;opacity:0;background-color:#000;-webkit-transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, z-index 0s, -webkit-transform 2s linear 0.2s;transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, z-index 0s, -webkit-transform 2s linear 0.2s;-o-transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, z-index 0s, transform 2s linear 0.2s;transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, z-index 0s, transform 2s linear 0.2s;transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, z-index 0s, transform 2s linear 0.2s, -webkit-transform 2s linear 0.2s} 
.page-innovation-rnd-introduce #visual .wrap .item.in .bg{z-index:1;opacity:1;-webkit-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, z-index 0s, -webkit-transform 6s linear 0s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, z-index 0s, -webkit-transform 6s linear 0s;-o-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, z-index 0s, transform 6s linear 0s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, z-index 0s, transform 6s linear 0s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, z-index 0s, transform 6s linear 0s, -webkit-transform 6s linear 0s} 
.page-innovation-rnd-introduce #visual .holder{margin:0 auto;width:80%} 
.page-innovation-rnd-introduce #visual .subjects .item{position:absolute;z-index:1;left:0;right:0;top:50%;text-align:center} 
.page-innovation-rnd-introduce #visual .subjects .item .holder{padding-top:40px} 
.page-innovation-rnd-introduce #visual .subjects{color:#fff;font-size:18px} 
.page-innovation-rnd-introduce #visual .subjects .item{line-height:1.2;visibility:hidden;z-index:-1;opacity:0;-webkit-transform:translate(0, -45%);-ms-transform:translate(0, -45%);transform:translate(0, -45%);-webkit-transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.6s, z-index 0s linear 0.6s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.page-innovation-rnd-introduce #visual .subjects .item.in{visibility:visible;z-index:4;opacity:1;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);-webkit-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;-o-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s} 
.page-innovation-rnd-introduce #visual .pagings{bottom:50px} 
.section-visual{-webkit-box-sizing:content-box;box-sizing:content-box;padding-top:130px} 
.section-visual .backgrounds{background-size:auto 100%;background-size:cover} 
.section-visual.is-brand{padding-top:0} 
.section-visual.is-brand .backgrounds{background-position:center top;background-repeat:no-repeat} 
.section-visual.is-brand .logos{text-align:center;min-height:600px} 
.section-visual.is-brand .logos img{min-width:960px;max-height:644px} 
.section-visual.is-brand .sub-titles{position:absolute;top:0;left:0;right:0;text-align:center} 
.section-visual.is-about,.section-visual.is-simple,.section-visual.is-util{overflow:visible;margin-bottom:90px} 
.section-visual.is-about .wrap,.section-visual.is-simple .wrap,.section-visual.is-util .wrap{position:relative;padding-bottom:86px;-webkit-box-sizing:content-box;box-sizing:content-box;text-align:center} 
.section-visual.is-about .wrap:before,.section-visual.is-simple .wrap:before,.section-visual.is-util .wrap:before{content:'';display:block;position:absolute;bottom:0;left:50%;margin-left:-1px;width:2px;height:80px;margin-bottom:-40px;overflow:hidden;background-color:#ef151e} 
.section-visual.is-about .wrap,.section-visual.is-about .wrap p,.section-visual.is-simple .wrap,.section-visual.is-simple .wrap p,.section-visual.is-util .wrap,.section-visual.is-util .wrap p{color:#666} 
.section-visual.is-about .title,.section-visual.is-simple .title,.section-visual.is-util .title{font-family:'CJONLYONE', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif;font-weight:400;margin:0;padding-top:92px;font-size:62px;line-height:1.5;color:#ef151e} 
.section-visual.is-about .desc,.section-visual.is-simple .desc,.section-visual.is-util .desc{margin:14px 0 0;padding:0;font-size:20px} 
.section-visual.is-about fieldset,.section-visual.is-simple fieldset,.section-visual.is-util fieldset{display:block;border:0} 
.section-visual.is-about .searchs,.section-visual.is-about .selects,.section-visual.is-simple .searchs,.section-visual.is-simple .selects,.section-visual.is-util .searchs,.section-visual.is-util .selects{position:relative;-webkit-box-sizing:content-box;box-sizing:content-box;margin:46px auto 0;max-width:620px} 
.section-visual.is-about .searchs .section-tab,.section-visual.is-about .selects .section-tab,.section-visual.is-simple .searchs .section-tab,.section-visual.is-simple .selects .section-tab,.section-visual.is-util .searchs .section-tab,.section-visual.is-util .selects .section-tab{margin:0} 
.section-visual.is-about .searchs,.section-visual.is-simple .searchs,.section-visual.is-util .searchs{height:48px} 
.section-visual.is-about .searchs input.text,.section-visual.is-simple .searchs input.text,.section-visual.is-util .searchs input.text{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0 50px 0 20px;text-indent:0;height:50px;line-height:50px;font-size:18px;border:solid 1px #e6e6e6;background-color:#fafafa;outline:none} 
.section-visual.is-about .searchs input.text:focus,.section-visual.is-simple .searchs input.text:focus,.section-visual.is-util .searchs input.text:focus{border-color:#ef151e} 
.section-visual.is-about .searchs .button-search,.section-visual.is-simple .searchs .button-search,.section-visual.is-util .searchs .button-search{position:absolute;margin-top:0;margin-right:-1px;top:0;right:0;display:block;width:50px;height:50px;background-color:#ef151e} 
.section-visual.is-about .searchs .button-search .icon,.section-visual.is-simple .searchs .button-search .icon,.section-visual.is-util .searchs .button-search .icon{background-image:url('../img/common/button_search.png');width:50px;height:50px;background-size:50px 50px} 
.section-visual.is-about .searchs input.button-search,.section-visual.is-simple .searchs input.button-search,.section-visual.is-util .searchs input.button-search{background-image:url('../img/common/button_search.png');width:50px;height:50px;background-size:50px 50px;border:0} 
.section-visual.is-about .selects .col,.section-visual.is-simple .selects .col,.section-visual.is-util .selects .col{padding:0 0 0 6px;width:33.33%} 
.section-visual.is-about .selects .col:first-child,.section-visual.is-simple .selects .col:first-child,.section-visual.is-util .selects .col:first-child{padding-left:0} 
.section-visual.is-about .selects .col.col-1-2,.section-visual.is-simple .selects .col.col-1-2,.section-visual.is-util .selects .col.col-1-2{width:50%} 
.section-visual.is-about .selects .select,.section-visual.is-simple .selects .select,.section-visual.is-util .selects .select{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0 0 0 20px;text-indent:0;height:48px;line-height:48px;font-size:18px;font-weight:200;background-color:#fafafa} 
.no-ie .section-visual.is-about .selects .select,.no-ie .section-visual.is-simple .selects .select,.no-ie .section-visual.is-util .selects .select{padding-right:50px} 
.section-visual.is-about .selects .button,.section-visual.is-simple .selects .button,.section-visual.is-util .selects .button{min-width:0;height:48px;line-height:48px;font-size:18px} 
.section-visual.is-util .wrap{text-align:center;padding-bottom:86px} 
.section-visual.is-util .title{margin:0;padding:90px 0 0;font-size:62px;color:#ef151e} 
.section-visual.is-util .desc{margin:0;padding:0;font-size:16px} 
.section-visual.is-util.has-tab .wrap{padding-bottom:40px} 
.section-visual.is-about{padding-top:0;border:none} 
.section-visual.is-about .wrap{min-height:404px;padding-bottom:196px} 
.section-visual.is-about .wrap .title{padding-top:222px;color:#fff} 
.section-visual.is-about .wrap .desc{color:#fff;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.5)} 
.page-about-contacts .section-visual.is-simple,.page-about-us .section-visual.is-simple{margin-bottom:40px;border:none} 
.page-about-contacts .section-visual.is-simple .wrap,.page-about-us .section-visual.is-simple .wrap{padding:0} 
.page-about-contacts .section-visual.is-simple .wrap:before,.page-about-us .section-visual.is-simple .wrap:before{display:none} 
.page-innovation .section-visual{margin-bottom:0} 
.page-innovation .section-visual.is-about .wrap:before{display:none} 
.page-innovation.page-innovation-rnd-introduce .section-visual.is-about .wrap:before{display:inline-block} 
.page-about-ceo .section-visual.is-simple{border:0} 
.page-brand-sweetree .section-visual .small-logo{position:absolute;top:28px;left:41px} 
.page-brand .section-visual{padding-top:130px} 
.page-brand-submain .section-visual{padding-top:0} 
.page-support .section-visual,.page-util .section-visual{margin-bottom:0} 
.page-support .section-visual .wrap:before,.page-util .section-visual .wrap:before{content:none} 
.page-kfoodlife .section-visual{margin-bottom:0} 
.section-visual.visual-line-none .wrap:before{content:none} 
.md-overlay{position:fixed;z-index:-1;top:0;left:0;right:0;bottom:0;background-color:rgba(74, 76, 79, 0.84);-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:0;visibility:hidden;-webkit-transition:opacity 0.4s ease .4s, visibility 0s ease 0.8s, z-index 0s ease 0.8s, -webkit-transform 0.4s ease-in-out .4s;transition:opacity 0.4s ease .4s, visibility 0s ease 0.8s, z-index 0s ease 0.8s, -webkit-transform 0.4s ease-in-out .4s;-o-transition:transform 0.4s ease-in-out .4s, opacity 0.4s ease .4s, visibility 0s ease 0.8s, z-index 0s ease 0.8s;transition:transform 0.4s ease-in-out .4s, opacity 0.4s ease .4s, visibility 0s ease 0.8s, z-index 0s ease 0.8s;transition:transform 0.4s ease-in-out .4s, opacity 0.4s ease .4s, visibility 0s ease 0.8s, z-index 0s ease 0.8s, -webkit-transform 0.4s ease-in-out .4s} 
.is-overlay .md-overlay{z-index:900;opacity:1;visibility:visible;-webkit-transition:opacity 0.4s ease 0s, visibility 0s ease 0s, z-index 0s ease 0s, -webkit-transform 0.4s ease-in-out 0s;transition:opacity 0.4s ease 0s, visibility 0s ease 0s, z-index 0s ease 0s, -webkit-transform 0.4s ease-in-out 0s;-o-transition:transform 0.4s ease-in-out 0s, opacity 0.4s ease 0s, visibility 0s ease 0s, z-index 0s ease 0s;transition:transform 0.4s ease-in-out 0s, opacity 0.4s ease 0s, visibility 0s ease 0s, z-index 0s ease 0s;transition:transform 0.4s ease-in-out 0s, opacity 0.4s ease 0s, visibility 0s ease 0s, z-index 0s ease 0s, -webkit-transform 0.4s ease-in-out 0s} 
.is-video.is-overlay .md-overlay{z-index:5000} 
.no-rgba.is-overlay .md-overlay{background-color:#000;opacity:0.5} 
.csstransitions .md-overlay-blank{opacity:0;visibility:hidden} 
.csstransitions.is-overlay .md-overlay{opacity:1;visibility:visible} 
.no-csstransitions .md-overlay{display:none} 
.no-csstransitions .is-overlay .md-overlay{display:block} 
.md-indicator>span{display:block;margin:0 auto;background:transparent;-webkit-animation:load8 0.6s infinite linear;animation:load8 0.6s infinite linear;-webkit-transition:background-color 0.2s ease-in-out 0s;-o-transition:background-color 0.2s ease-in-out 0s;transition:background-color 0.2s ease-in-out 0s} 
.md-indicator{position:fixed;top:50%;right:50%;width:300px;margin-top:-34px;margin-right:-156px;text-align:center;visibility:visible;z-index:-1;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);opacity:0;-webkit-transition:z-index 0s linear 0.4s, visibility 0s linear 0s, opacity 0.4s linear 0s, -webkit-transform 0.4s ease-in-out 0s;transition:z-index 0s linear 0.4s, visibility 0s linear 0s, opacity 0.4s linear 0s, -webkit-transform 0.4s ease-in-out 0s;-o-transition:z-index 0s linear 0.4s, visibility 0s linear 0s, opacity 0.4s linear 0s, transform 0.4s ease-in-out 0s;transition:z-index 0s linear 0.4s, visibility 0s linear 0s, opacity 0.4s linear 0s, transform 0.4s ease-in-out 0s;transition:z-index 0s linear 0.4s, visibility 0s linear 0s, opacity 0.4s linear 0s, transform 0.4s ease-in-out 0s, -webkit-transform 0.4s ease-in-out 0s} 
.md-indicator>span{position:relative;text-indent:-9999em;font-size:10px} 
.is-indicator .md-indicator{z-index:1000;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:z-index 0s linear 0s, visibility 0s linear 0s, opacity 0.4s linear 0s, -webkit-transform 0.4s ease-in-out 0s;transition:z-index 0s linear 0s, visibility 0s linear 0s, opacity 0.4s linear 0s, -webkit-transform 0.4s ease-in-out 0s;-o-transition:z-index 0s linear 0s, visibility 0s linear 0s, opacity 0.4s linear 0s, transform 0.4s ease-in-out 0s;transition:z-index 0s linear 0s, visibility 0s linear 0s, opacity 0.4s linear 0s, transform 0.4s ease-in-out 0s;transition:z-index 0s linear 0s, visibility 0s linear 0s, opacity 0.4s linear 0s, transform 0.4s ease-in-out 0s, -webkit-transform 0.4s ease-in-out 0s} 
.is-indicator .md-indicator>span{border-top:7px solid #ffffff;border-right:7px solid #ffffff;border-bottom:7px solid #ffffff;border-left:7px solid rgba(255, 255, 255, 0.2)} 
.is-indicator-short .md-indicator{z-index:1000;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:z-index 0s linear 0s, visibility 0s linear 0s, opacity 0.2s linear 0s, -webkit-transform 0.2s ease-in-out 0s;transition:z-index 0s linear 0s, visibility 0s linear 0s, opacity 0.2s linear 0s, -webkit-transform 0.2s ease-in-out 0s;-o-transition:z-index 0s linear 0s, visibility 0s linear 0s, opacity 0.2s linear 0s, transform 0.2s ease-in-out 0s;transition:z-index 0s linear 0s, visibility 0s linear 0s, opacity 0.2s linear 0s, transform 0.2s ease-in-out 0s;transition:z-index 0s linear 0s, visibility 0s linear 0s, opacity 0.2s linear 0s, transform 0.2s ease-in-out 0s, -webkit-transform 0.2s ease-in-out 0s} 
.is-indicator-short .md-indicator>span{border-top:7px solid rgba(0, 0, 0, 0.2);border-right:7px solid rgba(0, 0, 0, 0.2);border-bottom:7px solid rgba(0, 0, 0, 0.2);border-left:7px solid #000000} 
.no-ie.is-indicator .md-indicator:before{color:#fff} 
.no-ie.is-indicator-short .md-indicator:before{color:#000} 
.no-ie .md-indicator:before{font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif;content:'CJ';font-size:12px;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#fff} 
.md-indicator>span{display:none} 
.md-indicator>span:first-child{display:block} 
.md-indicator>span,.md-indicator>span:after{width:74px;height:74px;border-radius:100%} 
@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} 
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)} 
@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} 
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)} 
.jumpmenu-toggler{clear:both;*zoom:1;position:relative;z-index:2;display:inline-block;padding:0 0 0 10px;-webkit-box-sizing:content-box;box-sizing:content-box;height:34px;line-height:34px;min-width:140px;background:#fff;border:solid 1px #ccc} 
.jumpmenu-toggler:after,.jumpmenu-toggler:before{content:" ";display:table} 
.jumpmenu-toggler:after{clear:both} 
.jumpmenu-toggler .icon{float:right;display:inline-block;width:34px;height:34px;vertical-align:middle;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAOCAYAAABKKc6PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI4QTJGMzRENEYzRjExRTdCRDEyQTY4RjFCRUVEODkxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI4QTJGMzRFNEYzRjExRTdCRDEyQTY4RjFCRUVEODkxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjhBMkYzNEI0RjNGMTFFN0JEMTJBNjhGMUJFRUQ4OTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjhBMkYzNEM0RjNGMTFFN0JEMTJBNjhGMUJFRUQ4OTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5aZMrDAAAAxklEQVR42sSV3QqEIBCFHV2Cwi5EupBUvPL9X8en6BHaDqwLSz9bi7bfRUwz5+BBjSilNE/TxH5BKcVijMQKwEMITAhx2QgPvKXgTdPQOI6XjfDAWywIHsYY6rrutAlaeFhBeC6ubHPJI1kF6fuetNZfDdBAWy0I8N4fXlzMoKnBRxBcvuXsd8WYlbygu0FeXwMti62E6GHGKsG3mtbaU73qQYZhoLZt3++o0bs9CHDObda1eBz8R0hKOef6b0Hu2onMU4ABAFV4EUWOtEc4AAAAAElFTkSuQmCC');background-position:right center;background-size:17px 7px} 
.combobox-inline-wrap{display:inline-block} 
.combobox{position:relative} 
.combobox .combobox-scroll-wrap{z-index:1;position:absolute;bottom:100%;right:0;width:260px;width:100vw;max-width:260px;border:solid 1px #ccc;background-color:#fff;max-height:300px;overflow:hidden;overflow-y:auto;margin-bottom:-1px} 
.combobox .combobox-scroll-wrap .jumpmenu ul{padding-left:15px} 
.combobox .d1-name{cursor:default} 
.combobox .d1-name,.combobox a.d2{display:block;-webkit-transition:all linear 0s;-o-transition:all linear 0s;transition:all linear 0s;padding:7px 7px;color:#333;font-size:14px} 
.combobox a.d2:hover{background-color:#f7f7f7;color:#000} 
.combobox .combobox-scroll-wrap{visibility:hidden;opacity:0;-webkit-transform:translate(0, 34px);-ms-transform:translate(0, 34px);transform:translate(0, 34px);-webkit-transition:visibility 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:visibility 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.combobox.in .jumpmenu-toggler .icon{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)} 
.combobox.in .combobox-scroll-wrap{visibility:visible;opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:visibility 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:visibility 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
#workHead{font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif;text-align:right;font-size:14px} 
.page-worklist{margin:20px;padding:0;text-align:center} 
.is-loaded .page-worklist{visibility:visible} 
.page-worklist .container-worklist{margin:0 auto;max-width:1800px;text-align:left} 
.page-worklist table.table-row{border-right:solid 1px #333;border-top:solid 1px #333;border-bottom:solid 1px #333;table-layout:fixed} 
.page-worklist table.table-row th{font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif;background-color:#333;color:#fff;text-align:center;cursor:default} 
.page-worklist table.table-row td,.page-worklist table.table-row th{padding:3px 5px;font-size:14px;border-left:solid 1px #000;border-top:solid 1px #000;-webkit-transition:all 0s linear 0s;-o-transition:all 0s linear 0s;transition:all 0s linear 0s} 
.page-worklist table.table-row tr.even td{background:#f3f3f3} 
.page-worklist table.table-row tr:hover td{background:#eeeecc} 
.page-worklist table.table-row tfoot td{font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif;background:#ccc} 
.page-worklist table.table-row .filename,.page-worklist table.table-row .tot-m,.page-worklist table.table-row .tot-pc,.page-worklist table.table-row td.progress-m,.page-worklist table.table-row td.progress-pc{font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif} 
.page-worklist table.table-row .tot-m,.page-worklist table.table-row .tot-pc{text-align:center} 
.page-worklist table.table-row .author,.page-worklist table.table-row .tot{text-align:center} 
.page-worklist table.table-row td.progress-m,.page-worklist table.table-row td.progress-pc{text-align:right;position:relative} 
.page-worklist table.table-row td.progress-m strong,.page-worklist table.table-row td.progress-pc strong{display:block;position:relative;top:0;right:0;font-weight:normal} 
.page-worklist table.table-row .fileid small{font-weight:bold;font-family:tahoma;font-size:12px;color:#000;margin-left:5px} 
.page-worklist table.table-row .filename{text-align:left} 
.page-worklist table.table-row tr.later td.filename,.page-worklist table.table-row tr.later td.progress-pc,.page-worklist table.table-row tr.later td.progress-pc .progressbar{background:#ef151e} 
.page-worklist .progressbar{position:absolute;left:5px;right:5px;top:50%;margin-top:-5px;display:block;background-color:#f7f7f7;overflow:hidden;font-size:0} 
.page-worklist .progressbar span{display:block;background-color:#FFC000;height:10px;overflow:hidden} 
.page-worklist .progressbar.progress-0 span{background-color:#FFC0C0} 
.page-worklist .progressbar.progress-80 span,.page-worklist .progressbar.progress-90 span{background-color:#60BF90} 
.page-worklist .progressbar.progress-100 span{background-color:#00FF00} 
.page-worklist label.title{font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif;display:inline-block;margin:0;padding:30px 0 10px;font-size:20px;color:#000} 
.page-worklist input.sr-only+.collapse-wrap div{display:block} 
.page-worklist input.sr-only:checked+.collapse-wrap div{display:none} 
@media (max-width:1024px){.page-worklist .collapse-wrap{width:100%;width:calc(100% - 40px);overflow:scroll} 
.page-worklist .collapse-wrap>div{width:1024px} 
.is-invisibile-complete tr.complete td,.is-invisibile-complete tr.complete th{visibility:hidden;padding:0;height:0;font-size:0;line-height:0;overflow:hidden} 
.modal-container.in .wrap{min-width:320px} 
.modal-container.in.is-modal-simple{} 
.modal-container.in.is-modal-simple .md-modal-inner{border-top:solid 3px #ef151e;font-size:16px;position:relative} 
.modal-container.in.is-modal-simple .md-modal-inner .action.pos-absolute{position:absolute;bottom:0px;margin-bottom:30px;left:0;right:0} 
.modal-container.in.is-modal-simple .md-modal-content{margin:40px;text-align:left} 
.modal-container.in.is-modal-simple .util-mobileCert{padding:0 32px} 
.modal-container.in.is-modal-simple .util-mobileCert .modal-title{padding-bottom:40px;border-bottom:1px solid #E2E2E2;text-align:center} 
.modal-container.in.is-modal-simple .util-mobileCert .modal-title span{display:block;font-size:34px;font-weight:500;color:#000} 
.modal-container.in.is-modal-simple .util-mobileCert .msg1{font-size:18px;color:#333;text-align:center;height:110px;line-height:110px} 
.modal-container.in.is-modal-simple .util-mobileCert .msg2{font-size:16px;color:#333;text-align:left;line-height:30px;padding-left:10px;text-indent:-10px} 
.modal-container.in.is-modal-simple .util-mobileCert .form.clear .module{width:460px;margin:0 auto} 
.modal-container.in.is-modal-simple .util-mobileCert .form.clear .module .grid{padding-bottom:10px} 
.modal-container.in.is-modal-simple .util-mobileCert .form.clear .module .grid .col.fields{float:none;width:100%;padding:0;text-align:left;position:relative} 
.modal-container.in.is-modal-simple .util-mobileCert .form.clear .module .grid .col.fields .text{-webkit-box-sizing:border-box;box-sizing:border-box;height:48px;line-height:48px;font-size:16px;width:100%;border:1px solid #C6C6C6;color:#666} 
.modal-container.in.is-modal-simple .util-mobileCert .form.clear .module .grid .col.fields .timeLeft{position:absolute;max-width:120px;top:4px;right:15px;font-size:13px;background:#fff;height:40px;line-height:40px;color:#ef151e} 
.modal-container.in.is-modal-simple .util-mobileCert .form.clear .module .grid .col.fields .action{margin-top:30px} 
.modal-container.in.is-modal-simple .util-mobileCert .form.clear .module .grid .col.fields .col1-4{width:25%} 
.modal-container.in.is-modal-simple .util-mobileCert .form.clear .module .grid .col.fields .col1-4 .text{width:85%} 
.modal-container.in.is-modal-simple .util-mobileCert .form.clear .module .grid .col.fields .col1-4 .sel{width:100%;height:48px;line-height:48px;margin:0;font-size:16px} 
.modal-container.in.is-modal-simple .util-mobileCert .form.clear .module .grid .col.fields .col1-4 .bar{width:15%;display:block;float:left;height:48px;line-height:48px;margin:0;font-size:16px;text-align:center} 
.modal-container.in.is-modal-simple .util-mobileCert .form.clear .module .grid .col.fields .col1-4 .button{float:right;width:90%;min-width:100px;height:48px;line-height:48px;margin:0;font-size:16px} 
.modal-container.in.is-modal-simple #tabC .article .modal-sub-title{color:#000;font-size:24px} 
.modal-container.in.is-modal-simple #tabC .interlockedSNS{list-style:none;padding:0;margin:0} 
.modal-container.in.is-modal-simple #tabC .interlockedSNS li{display:block;position:relative;border:1px solid #DDDDDD;height:70px;margin-bottom:10px} 
.modal-container.in.is-modal-simple #tabC .interlockedSNS li.naver{background-image:url('../img/mypage/sns_naver.png');background-position:27px 24px} 
.modal-container.in.is-modal-simple #tabC .interlockedSNS li.kakao{background-image:url('../img/mypage/sns_kakao.png');background-position:27px 19px} 
.modal-container.in.is-modal-simple #tabC .interlockedSNS li.facebook{background-image:url('../img/mypage/sns_facebook.png');background-position:25px 21px} 
.modal-container.in.is-modal-simple #tabC .interlockedSNS li a{position:absolute;width:100px;height:30px;right:20px;top:20px;text-indent:-1000em;background-image:url('../img/mypage/sns_switch_off.jpg');background-position:0 0} 
.modal-container.in.is-modal-simple #tabC .interlockedSNS li a.on{background-image:url('../img/mypage/sns_switch_on.jpg');background-position:0 0} 
.modal-container.in.is-modal-simple #tabC .interlockedSNS li .date{position:absolute;left:194px;top:28px} 
.modal-container.in.is-modal-simple .modal-title{margin:0;padding:0;font-size:24px;font-weight:400;line-height:1.4} 
.modal-container.in.is-modal-simple .article{padding-bottom:40px} 
.modal-container.in.is-modal-simple .article p{margin:20px 0;padding:0;line-height:1.8;word-break:keep-all;color:#333} 
.modal-container.in.is-modal-simple .article p.modal-sub-title{margin:50px 0 20px;padding:0;font-size:24px;line-height:1.4;color:#000;text-align:center} 
.modal-container.in.is-modal-simple .article ul.list-a li{line-height:1.8;color:#333} 
.modal-container.in.is-modal-simple .action{margin:10px auto 0;padding:0;text-align:center} 
.modal-container.in.is-modal-content .md-modal{position:absolute} 
.modal-container.in.is-modal-content .md-modal-inner{width:100%;width:100vw;min-height:100%;min-height:100vh} 
.modal-container.in.is-modal-youtube .md-modal-relative{min-width:800px} 
.modal-container.in.is-modal-youtube .md-modal-inner{max-width:1024px;display:block} 
.modal-container.in.is-modal-youtube .md-modal-content{position:relative;padding-bottom:56%;background-color:#000} 
.modal-container.in.is-modal-youtube .md-modal-content embed,.modal-container.in.is-modal-youtube .md-modal-content iframe{position:absolute;top:0;left:0;right:0;bottom:0} 
.page-home{min-width:960px} 
.page-home .title{margin:0;padding:30px 0;font-size:48px;font-weight:bold;text-align:center;color:#ef151e} 
.page-home .has-line{position:relative;margin-top:130px} 
.page-home .has-line:before{content:'';position:absolute;top:-60px;left:50%;margin-left:-1px;width:2px;height:70px;background-color:#ef151e} 
.page-home .sub-title{margin:0;padding:0 0 64px;font-size:46px;font-weight:400;letter-spacing:-1px;color:#333;line-height:1.4;text-align:center} 
.lang-ko .page-home .sub-title{letter-spacing:-1px} 
.page-home .sub-title .eng-title{font-weight:400} 
.page-home .home-brands .title{padding:70px 0 20px} 
.page-home .home-brands .sub-title{padding:10px 0 64px} 
.page-home .home-blossom-park .title{padding:110px 0 10px} 
.page-home .home-blossom-park .sub-title{padding:10px 0 60px} 
.page-home .home-kfood-life .title{padding:140px 0 10px} 
.page-home .home-kfood-life .sub-title{padding:10px 0 60px} 
.lang-en .page-home .sub-title{font-size:44px;font-weight:300} 
.home-about p{font-size:18px;color:#666} 
.home-about p.summary{line-height:1.4;font-size:46px;font-weight:400;color:#333;letter-spacing:-0.4px} 
.home-about p.desc{font-weight:400} 
.home-about .action{line-height:1} 
.home-about .list{margin:50px 0 70px -1px} 
.home-about .list .module{margin-left:1px} 
.home-about .list .core{margin-top:-30px;text-align:right;font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif} 
.home-about .list .core p{display:inline-block;margin:0;padding:15px 30px;line-height:1;text-align:left;background-color:rgba(255, 255, 255, 0.9)} 
.home-about .list .core p span{display:block} 
.home-about .list .core p span.type{font-size:16px;color:#ef151e;font-weight:500} 
.home-about .list .core p span.number{position:relative;font-size:84px;color:#aaa096;font-weight:700} 
.home-about .list .core p span.number:before{content:'';position:absolute;top:100%;left:0;margin-top:-2px;width:20px;height:4px;background-color:#ef151e} 
.home-about .list .desc{margin-top:10px;text-align:left;padding:0 25px;color:#666} 
.lang-en .home-about .list .desc{font-weight:300;line-height:1.6} 
.home-brands .section-tab{margin-top:65px;margin-bottom:40px} 
.home-brands .slider-holder{height:340px} 
.home-brands .swiper-wrapper{margin:0 -1px 0 -1px} 
.home-brands .swiper-wrapper .item{width:33.33333333%} 
.home-brands .swiper-wrapper .item .module{position:relative;margin:1px;text-align:center} 
.home-brands .swiper-wrapper .background{position:absolute;z-index:0;top:1px;left:1px;right:1px;bottom:1px;background-size:cover} 
.home-brands .swiper-wrapper .object{position:relative;z-index:1;text-align:center} 
.home-brands .swiper-wrapper .object img{margin:0 auto} 
.home-brands .swiper-wrapper a{display:block} 
.home-brands .init .swiper-wrapper{margin:0} 
.home-brands .init .swiper-wrapper .item .module{margin:0} 
.home-blossom-park .slider-home-blossom{position:relative;margin-top:100px;padding-top:40px} 
.home-blossom-park .slider-home-blossom .swiper-scrollbar{position:absolute;top:0;left:0;right:0;height:5px;background:none} 
.home-blossom-park .slider-home-blossom .swiper-scrollbar:before{content:'';position:absolute;top:50%;left:0;right:0;margin-top:-1px;height:1px;background-color:#e3e3e3} 
.home-blossom-park .slider-home-blossom .swiper-scrollbar .swiper-scrollbar-drag{background-color:#ef151e;border-radius:0} 
.home-blossom-park .slider-home-blossom .slider-wrap{height:526px;overflow:hidden} 
.home-blossom-park .slider-home-blossom a{display:inline-block} 
.home-blossom-park .slider-home-blossom .item{width:1000px} 
.home-blossom-park .slider-home-blossom .module{position:relative;margin:0 auto;width:962px;height:526px} 
.home-blossom-park .slider-home-blossom .titles{display:block;position:absolute;top:90px;left:95px;width:350px;min-height:350px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 30px;background-color:#fff} 
.home-blossom-park .slider-home-blossom .titles .desc{display:block;font-size:16px;font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif;color:#333} 
.home-blossom-park .slider-home-blossom .titles .core{display:block;position:relative;margin-top:20px;padding-top:40px;font-size:32px;color:#333} 
.home-blossom-park .slider-home-blossom .titles .core:before{content:'';position:absolute;top:0;left:0;width:30px;height:4px;background-color:#ef151e} 
.lang-en .home-blossom-park .slider-home-blossom .titles{width:450px} 
.home-blossom-park .slider-home-blossom .play{position:absolute;bottom:0;right:0;display:inline-block} 
.home-blossom-park .slider-home-blossom .play .icon{background-image:url('../img/main/blossom_play.png');width:80px;height:80px;background-size:80px 80px;background-color:#ef151e} 
.home-blossom-park .slider-home-blossom .swiper-slide .pic{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:1px;overflow:hidden} 
.home-blossom-park .slider-home-blossom .swiper-slide .pic img{width:960px;height:524px;-webkit-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);-webkit-transition:-webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:-webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.home-blossom-park .slider-home-blossom .swiper-slide .play{opacity:0;-webkit-transform:scale(0, 0);-ms-transform:scale(0, 0);transform:scale(0, 0);-webkit-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s;-o-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s} 
.home-blossom-park .slider-home-blossom .swiper-slide .core,.home-blossom-park .slider-home-blossom .swiper-slide .desc,.home-blossom-park .slider-home-blossom .swiper-slide .titles{opacity:0.8;-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);transform:translate(0, 15px);-webkit-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;-o-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s} 
.home-blossom-park .slider-home-blossom .swiper-slide .titles{opacity:0.4} 
.home-blossom-park .slider-home-blossom .swiper-slide .desc{-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s} 
.home-blossom-park .slider-home-blossom .swiper-slide .core{-webkit-transition-delay:0.7s;-o-transition-delay:0.7s;transition-delay:0.7s} 
.home-blossom-park .slider-home-blossom .swiper-slide.swiper-slide-active .pic img{-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)} 
.home-blossom-park .slider-home-blossom .swiper-slide.swiper-slide-active .play{opacity:1;-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)} 
.home-blossom-park .slider-home-blossom .swiper-slide.swiper-slide-active .core,.home-blossom-park .slider-home-blossom .swiper-slide.swiper-slide-active .desc,.home-blossom-park .slider-home-blossom .swiper-slide.swiper-slide-active .titles{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.home-blossom-park .slider-home-blossom .swiper-slide .link:focus .pic img{-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)} 
.home-blossom-park .slider-home-blossom .swiper-slide .link:focus .play{opacity:1;-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)} 
.home-blossom-park .slider-home-blossom .swiper-slide .link:focus .core,.home-blossom-park .slider-home-blossom .swiper-slide .link:focus .desc,.home-blossom-park .slider-home-blossom .swiper-slide .link:focus .titles{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.home-kfood-life .sub{position:absolute;z-index:2;top:0;left:0;visibility:hidden;opacity:0;-webkit-transform:translate(0, 30px);-ms-transform:translate(0, 30px);transform:translate(0, 30px);-webkit-transition:visibility 0s linear 0.2s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.2s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:visibility 0s linear 0.2s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.2s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.2s, opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.home-kfood-life .sub.in{opacity:1;visibility:visible;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:visibility 0s linear 0s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:visibility 0s linear 0s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.home-kfood-life .sub .module{position:relative} 
.home-kfood-life .sub .close{background-image:url('../img/temp/modal_close.png');width:30px;height:30px;background-size:30px 30px;position:absolute;top:0;right:0;margin-right:-45px} 
.home-kfood-life .core{clear:both;*zoom:1;margin:0 auto;width:960px} 
.home-kfood-life .core:after,.home-kfood-life .core:before{content:" ";display:table} 
.home-kfood-life .core:after{clear:both} 
.home-kfood-life .core a{display:inline-block;padding:1px} 
.home-kfood-life .core .module{position:relative;line-height:1} 
.home-kfood-life .core .module .pic{overflow:hidden} 
.home-kfood-life .core .module .pic img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition:-webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition:transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition:transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition:transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s} 
.home-kfood-life .core .module .pic .eng-title{font-weight:400} 
.home-kfood-life .core .module a:hover .pic img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:-webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.home-kfood-life .core .module .desc{position:absolute;left:0;right:0;margin:20px 15px;font-size:24px;line-height:1.2;color:#fff} 
.home-kfood-life .core .module.is-large .desc{top:50%;text-align:center;font-size:32px;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)} 
.home-kfood-life .core .module.is-small .desc{bottom:0;text-align:right} 
.home-kfood-life .core .module.is-small .desc.eng-title{letter-spacing:-1px} 
.home-kfood-life .core .col-a{float:left;width:470px} 
.home-kfood-life .core .col-b{float:right;width:470px} 
.home-kfood-life .core .module-b{margin-top:20px} 
.home-kfood-life .core .module-c{margin-top:20px;float:right} 
.home-kfood-life .core .module-e{float:right} 
.home-kfood-life .core .module-f{margin-top:20px} 
.home-kfood-life .core .module-f .desc{margin-top:0;margin-bottom:0} 
.home-museum{position:relative;min-width:1200px} 
.home-museum .module{position:relative} 
.home-museum .background{height:834px;background-size:cover} 
.home-museum .content-holder{position:absolute;z-index:1;top:0;left:0;right:0;padding:35px 0 80px 0} 
.home-museum .content-holder:before{content:'';position:absolute;top:0;left:0;bottom:0;width:100%;max-width:1600px;background:#fff} 
.home-museum .content-holder .inner{position:relative;margin:0 auto;padding:0 180px 0 160px;max-width:1120px;-webkit-box-sizing:border-box;box-sizing:border-box} 
@media (min-width:1921px){.home-museum .content-holder .inner{margin:0 0 0 395px} 
.home-museum .label{position:absolute;top:5px;left:0;display:inline-block;width:114px;height:32px;line-height:32px;text-align:center;color:#fff;font-size:18px;letter-spacing:0.05em;background-color:#ef151e;font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif} 
.home-museum .subject{margin:0!important;font-size:30px;color:#333;line-height:1.4;letter-spacing:-0.03em;font-weight:300} 
.lang-cn .home-museum .subject{font-weight:400} 
.home-museum .action{position:absolute;top:0;right:0;width:160px} 
.home-museum .action .button-more{display:block;margin-top:10px;overflow:hidden} 
.home-museum .action .button-more span{font-weight:500} 
.home-museum .action .button-more:first-child{margin-top:0} 
.home-museum .swiper-control{display:none;position:absolute;z-index:2;top:0;right:150px;bottom:0} 
.home-museum .swiper-control .inner{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} 
.home-museum .swiper-control .swiper-pagination .swiper-pagination-bullet{display:block;width:auto;height:50px;line-height:50px;font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif;font-weight:500;color:#fff;font-size:18px;text-align:left} 
.home-museum .swiper-control .swiper-pagination .swiper-pagination-bullet:before{content:'';position:absolute;top:50%;left:-80px;margin-top:-1px;width:50px;height:3px;background-color:#ef151e;border:0;border-radius:0;opacity:0;-webkit-transform:translate(100%, 0);-ms-transform:translate(100%, 0);transform:translate(100%, 0);-webkit-transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;-o-transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s} 
.home-museum .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.home-museum .swiper-control .swiper-play{margin-top:12px} 
.home-museum .swiper-control .swiper-play .icon{background-image:url('../img/main/icon_slider_museum_stop.png');width:22px;height:22px;background-size:22px 22px} 
.home-museum .swiper-control .swiper-play.stop .icon{background-image:url('../img/main/icon_slider_museum_play.png')} 
.home-museum .swiper-navigation{display:none;position:absolute;top:50%;left:auto;margin:-75px 0 0;width:auto;height:auto;background:none;-webkit-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s} 
.home-museum .swiper-navigation .icon{width:120px;height:150px} 
.home-museum .swiper-navigation .icon:after,.home-museum .swiper-navigation .icon:before{content:'';position:absolute;top:50%;left:50%;margin:-1px 0 0 -16px;width:32px;height:2px;background-color:#fff} 
.home-museum .swiper-navigation.swiper-button-prev{left:0} 
.home-museum .swiper-navigation.swiper-button-prev .icon:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center} 
.home-museum .swiper-navigation.swiper-button-prev .icon:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center} 
.home-museum .swiper-navigation.swiper-button-next{right:0} 
.home-museum .swiper-navigation.swiper-button-next .icon:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center} 
.home-museum .swiper-navigation.swiper-button-next .icon:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center} 
.home-museum .swiper-navigation:hover{opacity:0.4} 
.home-museum .loaded .swiper-control,.home-museum .loaded .swiper-navigation{display:block} 
.home-museum .loaded .swiper-slide .subject{opacity:0;-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);transform:translate(0, 15px);-webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;-o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s} 
.home-museum .loaded .swiper-slide.swiper-slide-active .subject{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.lang-en .home-museum .inner{padding:0 280px 0 160px} 
.lang-en .home-museum .action{width:270px} 
#stickyNav{position:fixed;z-index:99;top:130px;left:45px;font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif;font-size:12px} 
#stickyNav:before{content:'';display:block;position:fixed;top:130px;left:65px;width:1px;bottom:0;opacity:0.1;background-color:#000} 
#stickyNav a{position:relative;display:block;color:#000;width:40px;height:64px} 
#stickyNav a span{position:absolute;display:inline-block;top:50%;margin-top:-8px;margin-left:30px;line-height:16px;white-space:nowrap;opacity:0;-webkit-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);transform:translate(-100%, 0);-webkit-transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;-o-transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s} 
#stickyNav a span:before{content:'';position:absolute;top:100%;left:50%;right:50%;height:1px;opacity:0;background-color:#000;-webkit-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
#stickyNav a:hover span{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
#stickyNav .in a:before{content:'';position:absolute;top:0;left:20px;bottom:0;width:1px;background-color:#000} 
#stickyNav .in a span{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
#stickyNav .in a span:before{left:0;right:0;opacity:1} 
.home-global-network{background-color:#e6e2df} 
.home-global-network .module{position:relative} 
.home-global-network .background{position:absolute;top:0;left:0;bottom:0;right:0;background-size:cover} 
.home-global-network .content-holder{position:relative;margin:0 auto;width:81%;padding-bottom:55px;height:834px;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} 
.home-global-network .content-holder:before{content:'';display:none;position:absolute;top:50%;right:7%;width:40%;height:2px;background-color:#ef151e} 
.home-global-network .content-holder .title{margin:0;padding:0;font-size:30px;font-weight:500;text-align:left} 
.home-global-network .content-holder .title span{position:relative;display:inline-block} 
.home-global-network .content-holder .title span:before{content:'';position:absolute;top:100%;left:0;right:0;height:1px;background-color:#ef151e} 
.home-global-network .content-holder p{margin:40px 0 0;color:#333;font-size:72px;font-weight:300;line-height:1.2} 
.home-global-network .button-more{position:absolute;bottom:0;left:50%;margin-left:-98px;padding-right:20px;height:53px} 
.home-global-network .button-more i{height:53px;background-image:url('../img/common/button_more_on.png')} 
.home-global-network .button-more span{padding:0 0 0 30px;width:145px;height:55px;line-height:55px;color:#fff} 
.home-global-network .button-more:before{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.home-global-network .button-more:focus:before,.home-global-network .button-more:hover:before{-webkit-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);transform:translate(-100%, 0)} 
.home-global-network .button-more:focus i,.home-global-network .button-more:hover i{background-image:url('../img/common/button_more.png')} 
.home-global-network .button-more:focus span,.home-global-network .button-more:hover span{color:#ef151e} 
.home-global-network .swiper-control{display:none;position:absolute;z-index:2;top:50%;right:5.5%;margin:-70px 0 0} 
.home-global-network .swiper-control .swiper-pagination{position:relative;overflow:hidden;height:140px;width:100px;text-align:center} 
.home-global-network .swiper-control .swiper-pagination .swiper-pagination-bullet{position:absolute;top:0;left:0;right:0;display:block;width:auto;height:140px;line-height:140px;font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif;color:#ef151e;font-size:64px;font-weight:500;opacity:0;-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);transform:translate(0, 15px);-webkit-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;-o-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s} 
.home-global-network .swiper-control .swiper-pagination .swiper-pagination-bullet:before{display:none} 
.home-global-network .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.home-global-network .swiper-control .swiper-play{display:inline-block;margin-top:55px;vertical-align:top} 
.home-global-network .swiper-control .swiper-play .icon{background-image:url('../img/main/icon_slider_global_stop.png');width:30px;height:30px;background-size:30px 30px} 
.home-global-network .swiper-control .swiper-play.stop .icon{background-image:url('../img/main/icon_slider_global_play.png')} 
.home-global-network .swiper-navigation{position:absolute;right:0;left:auto;margin:0;width:auto;height:auto;background:none;-webkit-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s} 
.home-global-network .swiper-navigation.swiper-button-prev{top:0;margin-top:-50px} 
.home-global-network .swiper-navigation.swiper-button-prev .icon{background-image:url('../img/main/icon_slider_global_prev.png');width:100px;height:50px;background-size:100px 50px} 
.home-global-network .swiper-navigation.swiper-button-next{top:100%} 
.home-global-network .swiper-navigation.swiper-button-next .icon{background-image:url('../img/main/icon_slider_global_next.png');width:100px;height:50px;background-size:100px 50px} 
.home-global-network .swiper-navigation:hover{opacity:0.5} 
.home-global-network .loaded .content-holder:before,.home-global-network .loaded .swiper-control{display:block} 
.home-global-network .loaded .swiper-slide .content-holder:before{width:0;background-color:#ef151e;-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center;-webkit-transition:right 0s cubic-bezier(0, 0, 1, 1) 0s;-o-transition:right 0s cubic-bezier(0, 0, 1, 1) 0s;transition:right 0s cubic-bezier(0, 0, 1, 1) 0s} 
.home-global-network .loaded .swiper-slide .button-more,.home-global-network .loaded .swiper-slide .title,.home-global-network .loaded .swiper-slide p{opacity:0;-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);transform:translate(0, 15px);-webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.home-global-network .loaded .swiper-slide .title{-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s} 
.home-global-network .loaded .swiper-slide .title span:before{opacity:0;left:50%;right:50%;-webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;-o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s} 
.home-global-network .loaded .swiper-slide p{-webkit-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s} 
.home-global-network .loaded .swiper-slide .button-more{-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s} 
.home-global-network .loaded .swiper-slide.swiper-slide-active .content-holder:before{width:40%;-webkit-transition:width 4000ms cubic-bezier(0, 0, 1, 1) 0s;-o-transition:width 4000ms cubic-bezier(0, 0, 1, 1) 0s;transition:width 4000ms cubic-bezier(0, 0, 1, 1) 0s} 
.home-global-network .loaded .swiper-slide.swiper-slide-active .button-more,.home-global-network .loaded .swiper-slide.swiper-slide-active .title,.home-global-network .loaded .swiper-slide.swiper-slide-active p{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.home-global-network .loaded .swiper-slide.swiper-slide-active .title span:before{opacity:1;left:0;right:0} 
.about-overview-summary .title{margin:0;font-size:30px;color:#ef151e} 
.about-overview-summary .sub-title{margin:30px 0 0;font-size:30px;color:#111} 
.about-overview-summary .desc{margin-top:30px;font-size:18px;color:#333;line-height:1.8} 
.about-overview{margin-top:64px;background-color:#f4f4f4} 
.about-overview .item .pic{position:absolute;width:50%;height:520px;background-size:auto 100%;background-size:cover} 
.about-overview .item .description{position:relative;width:50%;height:520px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} 
.about-overview .item .description .module{width:80%} 
.about-overview .item .sub-title{margin:0;padding:0;font-size:32px;color:#111;line-height:1.4} 
.about-overview .item .desc{margin:30px 0 0;padding:0;font-size:18px;color:#333;line-height:1.8;font-weight:400} 
.about-overview .item:nth-child(odd) .pic{left:50%} 
.about-overview .item:nth-child(2n) .pic{right:50%} 
.about-overview .item:nth-child(2n) .description{left:50%} 
.about-overview .item:nth-child(2n) .description .module{margin-left:20%} 
.about-overview .item .pic-a{background-image:url('../img/about/aboutus_02.jpg')} 
.about-overview .item .pic-b{background-image:url('../img/about/aboutus_03.jpg')} 
.about-overview .item .pic-c{background-image:url('../img/about/aboutus_04.jpg')} 
.about-mission{margin-top:60px;padding-bottom:145px} 
.about-mission .backgrounds{position:relative;background-image:url('../img/about/aboutus_05.jpg');background-size:100% auto;background-size:cover;min-height:550px} 
.about-mission .backgrounds .title{margin:0;padding:240px 0;line-height:1;color:#fff} 
.about-mission .backgrounds .title span{position:relative;display:inline-block;height:70px;line-height:70px;font-size:40px} 
.about-mission .backgrounds .title span:after,.about-mission .backgrounds .title span:before{content:'';display:block;position:absolute;left:0;right:0;height:1px;background-color:#fff;background-color:rgba(255, 255, 255, 0.9)} 
.about-mission .backgrounds .title span:before{top:0} 
.about-mission .backgrounds .title span:after{bottom:0} 
.about-mission .backgrounds:before{content:'';display:block;position:absolute;left:50%;margin-left:-700px;height:60px;bottom:0;max-width:1400px;width:100%;background-color:#fff} 
.about-mission .list{padding-top:20px} 
.about-mission .list .sub-title{margin:0;padding:15px 0;font-size:24px;color:#ef151e} 
.about-mission .list .desc{margin:0;padding:10px 0 25px;font-size:40px;color:#000} 
.about-mission .list .item.has-arrow{position:relative} 
.about-mission .list .item.has-arrow:before{background-image:url('../img/about/aboutus_10.png');width:30px;height:18px;background-size:30px 18px;content:'';position:absolute;top:0;left:50%;margin-left:-15px} 
.about-mission .list .item.has-arrow .sub-title{padding-top:45px} 
.about-mission .list .item.nth-child-3 .pic{position:relative} 
.about-mission .list .item.nth-child-3 .obj{position:absolute;top:0;left:0;right:0;bottom:0} 
.about-mission .list .item.nth-child-3 .desc{position:absolute;top:50%;left:0;right:0;margin-top:2%;text-align:center;font-size:24px;color:#ef151e} 
.about-summary{margin-bottom:20px;overflow:visible} 
.about-summary .title{font-family:'CJONLYONE', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif;margin:0;padding:70px 0 0;font-size:32px;font-weight:400;color:#fff} 
.about-summary .desc{margin:20px 0 0;padding:0;font-size:18px;line-height:1.6;color:#fff} 
.about-summary .action{margin-top:60px} 
@media (max-width:1200px){.about-summary .action{margin-top:30px} 
.about-summary .grid{margin:0 -10px} 
.about-summary .grid .module{position:relative;margin:0 10px} 
.about-summary a{display:block} 
.about-summary .background{position:absolute;z-index:0;top:0;left:0;right:0;bottom:0;margin:1px;background-size:cover} 
.about-summary .content-holder{position:relative;z-index:1} 
.about-summary .ceo a{height:410px} 
.about-summary .ceo .title{color:#ef151e} 
.about-summary .ceo .desc{color:#000} 
.about-summary .ceo .module{background-color:#e4e2e0} 
.about-summary .ceo .content-holder{float:right;margin:0 60px 0 0;width:40%;max-width:510px;text-align:right} 
.about-summary .ceo .object{position:absolute;z-index:0;bottom:0;right:30%;width:434px;height:400px;max-width:70%;background-image:url('../img/about/aboutus_07.png');background-size:100% auto;background-position:center bottom} 
@media (max-width:1450px){.about-summary .ceo .content-holder{width:55%} 
.about-summary .ceo .object{right:45%} 
.about-summary .map{margin-top:20px} 
.about-summary .map a{height:330px} 
.about-summary .map .background{background-image:url('../img/about/aboutus_08.png');background-position:68% center} 
.about-summary .map .content-holder{float:right;padding-right:200px;width:590px;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box} 
@media (min-width:1600px){.about-summary .map .content-holder{padding-right:200px} 
@media (min-width:2000px){.about-summary .map .content-holder{padding-right:25%;width:700px} 
.about-summary .history a{height:760px} 
.about-summary .history .background{background-image:url('../img/about/aboutus_09.png')} 
.about-summary .history .content-holder{margin:0 0 0 80px;max-width:450px} 
.lang-en .about-summary .title{padding-top:50px} 
.lang-en .about-summary .ceo .action{margin-top:30px} 
.lang-en .about-summary .map .title{padding-top:30px} 
.lang-en .about-summary .map .action{margin-top:30px} 
.csstransitions .about-overview .js-inview .pic:after{content:'';display:block;position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;background-color:#C89D50;opacity:1;visibility:visible;-webkit-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, visibility 0s linear 0.6s;-o-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, visibility 0s linear 0.6s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, visibility 0s linear 0.6s} 
.csstransitions .about-overview .js-inview.nth-child-2 .pic:after{background-color:#C0B72D} 
.csstransitions .about-overview .js-inview.nth-child-3 .pic:after{background-color:#3F5220} 
.csstransitions .about-overview .js-inview.is-inviewed .pic:after{visibility:hidden;opacity:0} 
.about-ceo-a{position:relative;z-index:10} 
.about-ceo-a .ceo-module{position:relative;max-width:1600px;margin:-30px auto 0;padding-bottom:70px} 
.about-ceo-a .ceo-module .background{height:520px;background-image:url('../img/about/aboutus_bg_ceo_pic.png');-webkit-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.about-ceo-a .ceo-module .content-holder{position:absolute;top:115px;left:50%;margin-left:-600px;width:520px;text-align:left;background-color:#ef151e} 
.about-ceo-a .ceo-module .content-holder .module{-webkit-box-sizing:content-box;box-sizing:content-box;padding:50px 0;margin-left:80px;min-height:325px} 
.about-ceo-a .ceo-module .content-holder .greeting{margin:0 0 40px;font-size:28px;color:#fff} 
.about-ceo-a .ceo-module .content-holder .greeting .hello{display:block;margin-bottom:12px;font-size:50px;font-size:300} 
.about-ceo-a .ceo-module .content-holder p.description{font-size:20px;color:#fff;line-height:1.5} 
.about-ceo-a .ceo-module .content-holder p.description:before{display:block;width:40px;height:2px;margin-bottom:40px;content:"";background-color:#d8d8d8} 
.lang-en .about-ceo-a .ceo-module .content-holder{width:600px} 
.lang-cn .about-ceo-a .ceo-module .content-holder .module{margin-left:60px} 
.about-ceo-a .holder{position:relative;width:1200px;margin:0 auto} 
.about-ceo-a .wrap{position:relative;background-color:#fff} 
.about-ceo-a .contexts{padding:0 124px 63px;border-bottom:1px solid #dcdcdc} 
.about-ceo-a .contexts p{margin:33px 0 0;color:#1e1e1e;font-size:18px;line-height:35px} 
.about-ceo-a .contexts p.bold{font-size:20px} 
.about-ceo-a .contexts p.nth-child-1{margin-top:0} 
.about-ceo-a .signs{margin:65px 0 56px} 
.about-ceo-a .signs .who{margin-bottom:16px;color:#ef151e;font-size:17px} 
.about-ceo-a .signs .name{height:95px;font-size:0;line-height:0;background-image:url('../img/about/aboutus_bg_ceo_sign.jpg');background-position:center 0} 
.section-visual.is-about.about-global{overflow:visible} 
@-webkit-keyframes AnimGrident{0%{background-position:0% 50%} 
50%{background-position:100% 50%} 
to{background-position:0% 50%} 
@keyframes AnimGrident{0%{background-position:0% 50%} 
50%{background-position:100% 50%} 
to{background-position:0% 50%} 
@-webkit-keyframes AnimFloat{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)} 
50%{-webkit-transform:translate(0, -5px);transform:translate(0, -5px)} 
to{-webkit-transform:translate(0, 0);transform:translate(0, 0)} 
@keyframes AnimFloat{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)} 
50%{-webkit-transform:translate(0, -5px);transform:translate(0, -5px)} 
to{-webkit-transform:translate(0, 0);transform:translate(0, 0)} 
@-webkit-keyframes AnimFloat2{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)} 
50%{-webkit-transform:translate(0, -8px);transform:translate(0, -8px)} 
to{-webkit-transform:translate(0, 0);transform:translate(0, 0)} 
@keyframes AnimFloat2{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)} 
50%{-webkit-transform:translate(0, -8px);transform:translate(0, -8px)} 
to{-webkit-transform:translate(0, 0);transform:translate(0, 0)} 
@-webkit-keyframes AnimFloat3{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)} 
50%{-webkit-transform:translate(0, -10px);transform:translate(0, -10px)} 
to{-webkit-transform:translate(0, 0);transform:translate(0, 0)} 
@keyframes AnimFloat3{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)} 
50%{-webkit-transform:translate(0, -10px);transform:translate(0, -10px)} 
to{-webkit-transform:translate(0, 0);transform:translate(0, 0)} 
.global-businesses-map{background-color:#eee} 
.global-businesses-map .inner{position:relative;z-index:1;overflow:hidden} 
.global-businesses-map .gradient{margin:0 auto;min-width:1920px;max-width:1920px;height:1048px;opacity:0;background:-webkit-linear-gradient(135deg, #3390c9, #e0495c, #ea9836);background:-o-linear-gradient(135deg, #3390c9, #e0495c, #ea9836);background:linear-gradient(-45deg, #3390c9, #e0495c, #ea9836);background-size:200% 100%;-webkit-animation:AnimGrident 3s ease infinite;animation:AnimGrident 3s ease infinite;-webkit-transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.global-businesses-map .mask{position:absolute;top:0;left:0;right:0;bottom:0;background-size:1920px 1048px;background-position:center top;background-image:url('../img/about/global_map_02.png');opacity:0;-webkit-transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.global-businesses-map .mask.nth-child-1{opacity:1} 
.global-businesses-map .mask.nth-child-2{background-image:url('../img/about/global_map_03.png');-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s;-webkit-animation:AnimFloat 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;animation:AnimFloat 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite} 
.global-businesses-map .mask.nth-child-3{background-image:url('../img/about/global_map_04.png');-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s;-webkit-animation:AnimFloat2 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;animation:AnimFloat2 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite} 
.global-businesses-map .mask.nth-child-4{background-image:url('../img/about/global_map_05.png');-webkit-transition-delay:0.8s;-o-transition-delay:0.8s;transition-delay:0.8s} 
.lang-en .global-businesses-map .mask.nth-child-4{background-image:url('../img/about/global_map_05_en.png')} 
.lang-cn .global-businesses-map .mask.nth-child-4{background-image:url('../img/about/global_map_05_cn.png')} 
.global-businesses-map .mask.nth-child-5{background-image:url('../img/about/global_map_06.png');-webkit-transition-delay:0.8s;-o-transition-delay:0.8s;transition-delay:0.8s;-webkit-animation:AnimFloat3 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;animation:AnimFloat3 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite} 
.lang-en .global-businesses-map .mask.nth-child-5{background-image:url('../img/about/global_map_06_en.png')} 
.lang-cn .global-businesses-map .mask.nth-child-5{background-image:url('../img/about/global_map_06_cn.png')} 
.global-businesses-map.is-inviewed .gradient,.global-businesses-map.is-inviewed .mask{opacity:1} 
.global-businesses .titles{position:relative} 
.global-businesses .titles .global-title{margin:0;padding:33px 0 17px;font-size:24px;font-weight:400;color:#333;border-bottom:1px solid #e6e6e6} 
.global-businesses .titles .global-title:before{display:inline-block;width:40px;height:38px;margin-right:7px;content:"";vertical-align:-10px} 
.global-businesses .titles .information{position:absolute;top:34px;right:0px} 
.global-businesses .titles .information p{margin:0;font-size:20px;color:#ef151e;font-weight:400} 
.global-businesses .titles .information p strong{font-size:30px;font-weight:700} 
.global-businesses table.table-a thead tr th{padding:12px 0 15px;color:#333;background-color:#f6f4f2} 
.global-businesses table.table-a thead tr th:first-child{padding-left:40px;text-align:left} 
.global-businesses table.table-a tbody tr th{padding:12px 0 15px 40px;font-size:16px;color:#666;text-align:left} 
.global-businesses table.table-a tbody tr td{padding:12px 0 15px;font-size:16px;color:#666} 
.global-businesses table.table-a tfoot th{padding:12px 0 15px 40px;font-size:16px;color:#666;text-align:left;border-top:1px solid #d8d8d8} 
.global-businesses table.table-a tfoot td{padding:12px 0 15px;font-size:16px;color:#333;font-weight:500;border-top:1px solid #d8d8d8} 
.global-businesses-a{position:relative;z-index:5} 
.global-businesses-a.container{overflow:visible} 
.global-businesses-a .wrap{margin-top:-150px;margin-top:-7px;margin-bottom:70px;border-top:4px solid #ef151e;background-color:#fff;overflow:hidden} 
.global-businesses-a .wrap .module{float:left;width:62%;margin-left:40px} 
.global-businesses-a .wrap .titles{color:#666} 
.global-businesses-a .wrap .titles .global-title{padding-bottom:30px} 
.global-businesses-a .wrap .titles.nth-child-1 .global-title:before{background-image:url('../img/about/global_icon_01.gif')} 
.global-businesses-a .wrap .titles.nth-child-2 .global-title:before{background-image:url('../img/about/global_icon_02.gif')} 
.global-businesses-a .wrap .titles.nth-child-3 .global-title{border-bottom:0} 
.global-businesses-a .wrap .titles.nth-child-3 .global-title:before{background-image:url('../img/about/global_icon_03.gif')} 
.global-businesses-a .wrap .titles small{color:#666;font-size:14px;font-weight:300} 
.global-businesses-a .wrap .information{right:0;text-align:right} 
.global-businesses-a .wrap .pic{float:right;margin:35px 90px 0 0} 
.global-businesses-a .network-link{margin-bottom:70px} 
.global-businesses-a .network-link a{position:relative;height:280px;display:block;padding-left:93px;color:#fff;background-image:url('../img/about/aboutus_global_businesses_a_04.png')} 
.global-businesses-a .network-link .title{margin:0;padding:66px 0 0 0;color:#fff;font-size:28px;line-height:40px;font-weight:500;vertical-align:top} 
.global-businesses-a .network-link p.desc{margin:5px 0 0;color:#fff} 
.global-businesses-a .network-link .button{position:absolute;bottom:61px;left:93px;text-align:center;border-color:#fff} 
.global-businesses-a .network-link .button i{float:none;background-image:url('../img/common/button_more_on.png')} 
.global-businesses-a .network-link .button:before{background-color:#fff} 
.global-businesses-a .network-link a:hover .button:before{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.global-businesses-a .network-link a:hover .button i{background-image:url('../img/common/button_more.png')} 
.lang-en .global-businesses-a .titles.nth-child-2{padding-top:20px} 
.lang-en .global-businesses-a .titles.nth-child-2 .global-title{padding-bottom:60px} 
.global-businesses-b{padding-bottom:80px} 
.global-businesses-b .titles{padding-bottom:48px;text-align:center} 
.global-businesses-b .titles .title{margin:71px 0 17px;color:#ef151e;font-size:30px;line-height:1.5} 
.global-businesses-b .titles .desc{margin:0;color:#666;font-size:16px} 
.global-businesses-b .grid{position:relative;margin:0 -5px} 
.global-businesses-b .grid .module{position:relative;margin:0 5px;border:1px solid #e1e1e1;text-align:center} 
.global-businesses-b .grid .module>a{height:345px} 
.global-businesses-b .grid .module a{display:block;overflow:hidden} 
.global-businesses-b .grid .module a i{display:block;margin-top:40px;margin-bottom:45px} 
.global-businesses-b .grid .module a span{font-size:16px} 
.global-businesses-b .grid .module a p{margin:0 0 3px;color:#333;font-size:18px} 
.global-businesses-b .grid .module a .action{position:absolute;left:50%;bottom:26px;margin-left:-20px} 
.global-businesses-b .grid .module a .action .more{display:inline-block;position:relative;width:38px;height:38px;border:1px #ef151e solid;overflow:hidden} 
.global-businesses-b .grid .module a .action .more:before{display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ef151e;-webkit-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);transform:translate(-100%, 0);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;transition:-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;-o-transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s} 
.global-businesses-b .grid .module a .action .more i:after,.global-businesses-b .grid .module a .action .more i:before{content:'';display:block;position:absolute;top:50%;left:50%;margin:-1px 0 0 -8px;width:16px;height:2px;background-color:#ef151e;-webkit-transition:background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.global-businesses-b .grid .module a .action .more i:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} 
.global-businesses-b .grid .module a:hover .action .more:before{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.global-businesses-b .grid .module a:hover .action .more i:after,.global-businesses-b .grid .module a:hover .action .more i:before{background-color:#fff} 
.global-businesses-b .family-description{position:absolute;z-index:1;left:0;top:0;bottom:0;width:100%;background-color:#fff;border:1px solid #e1e1e1;-webkit-box-sizing:border-box;box-sizing:border-box} 
.global-businesses-b .family-description:before{content:'';position:absolute;left:0;top:0;bottom:0;width:20%;background-color:#f4f4f4} 
.global-businesses-b .family-description .holder{height:100%} 
.global-businesses-b .family-description .button-more{position:relative} 
.global-businesses-b .family-description .button-more span{padding-right:40px;font-weight:400} 
.global-businesses-b .family-description .button-more .icon{width:14px;height:40px;background-image:url('../img/common/icon_sitelink.png');background-size:14px 14px;background-position:center} 
.global-businesses-b .family-description .button-more:hover .icon{background-image:url('../img/common/icon_sitelink_light.png')} 
.global-businesses-b .family-description .grid{display:table;width:100%;height:100%;margin:0} 
.global-businesses-b .family-description .grid .col{float:none} 
.global-businesses-b .family-description .grid .col strong{font-weight:400} 
.global-businesses-b .family-description .grid .col.nth-child-1{display:table-cell;width:20%;vertical-align:middle;text-align:center;-webkit-box-sizing:content-box;box-sizing:content-box} 
.global-businesses-b .family-description .grid .col.nth-child-1 img{margin-bottom:25px} 
.global-businesses-b .family-description .grid .col.nth-child-1 span{font-size:16px;display:block} 
.global-businesses-b .family-description .grid .col.nth-child-1 p{margin:0 0 3px;font-size:18px;color:#666} 
.global-businesses-b .family-description .grid .col.nth-child-1 p span{display:inline} 
.global-businesses-b .family-description .grid .col.nth-child-2{display:table-cell;position:relative;width:80%;height:345px;padding-left:65px;vertical-align:middle;text-align:left;background-color:#fff} 
.global-businesses-b .family-description .grid .col.nth-child-2 strong{color:#333;font-size:24px} 
.global-businesses-b .family-description .grid .col.nth-child-2 ul{margin-top:14px;width:500px} 
.global-businesses-b .family-description .grid .col.nth-child-2 ul li{position:relative;padding-left:12px;font-size:16px;line-height:1.8} 
.global-businesses-b .family-description .grid .col.nth-child-2 ul li:before{content:'';position:absolute;left:0;top:13px;display:block;width:4px;height:4px;border-radius:50%;background-color:#666} 
.global-businesses-b .family-description .grid .col.nth-child-2 .button-more{position:absolute;top:50%;right:62px;margin-top:-27px} 
.global-businesses-b .family-description a.close{position:absolute;right:18px;top:19px;width:17px;height:17px!important;background-image:url('../img/about/icon_cloes.png');font-size:0} 
.global-businesses-b .holder .grid .col{margin-top:1px} 
.global-businesses-c{padding:70px 0 78px 0px;background-color:#f2f2f2;text-align:center} 
.global-businesses-c .titles{color:#ef151e;font-size:30px;text-align:center} 
.global-businesses-c .titles h2{margin:0} 
.global-businesses-c .grid{margin:40px -8px 0} 
.global-businesses-c .grid .item{width:25%;float:left} 
.global-businesses-c .grid .item .module{position:relative;height:430px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 8px;display:block;background-size:auto 100%;background-size:cover} 
.ie .global-businesses-c .grid .item .module{height:450px} 
.lang-en .global-businesses-c .grid .item .module{height:450px} 
.global-businesses-c .grid .item .module .title{display:block;margin:0;padding:37px 28px 0;color:#fff;font-size:28px;line-height:40px;font-weight:500} 
.lang-en .global-businesses-c .grid .item .module .title{font-size:26px;line-height:1.2} 
.global-businesses-c .grid .item .module .desc{margin-top:20px;padding:0 32px;color:#fff;font-size:18px;line-height:30px} 
.lang-en .global-businesses-c .grid .item .module .desc{font-size:16px;line-height:1.6} 
.global-businesses-c .grid .item .module.nth-child-1{background-image:url('../img/about/aboutus_global_businesses_a_01.png')} 
.global-businesses-c .grid .item .module.nth-child-2{background-image:url('../img/about/aboutus_global_businesses_a_02.png')} 
.global-businesses-c .grid .item .module.nth-child-3{background-color:#444} 
.global-businesses-c .grid .item .module.nth-child-4{background-image:url('../img/about/aboutus_global_businesses_a_03.png')} 
.global-businesses-c .grid .item .module .button{position:absolute;left:30px;bottom:30px;border-color:#fff;background:transparent} 
.global-businesses-c .grid .item .module .button.button-more i{background-image:url('../img/common/button_more_on.png');width:15px;height:38px;background-size:15px 38px;float:none;-webkit-transition:background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.global-businesses-c .grid .item .module .button.button-more:before{-webkit-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);transform:translate(-100%, 0);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.global-businesses-c .grid .item .module .button.button-more span{-webkit-transition:color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.global-businesses-c .grid .item .module:hover .button.button-more{border-color:#fff} 
.global-businesses-c .grid .item .module:hover .button.button-more i{background-image:url('../img/common/button_more_on.png')} 
.global-businesses-c .grid .item .module:hover .button.button-more:before{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.global-businesses-c .grid .item.col-a{width:100%;max-width:1200px;margin:0 auto;float:none} 
.global-businesses-b .grid .col .module a.button-more i{margin:0!important} 
.global-businesses-d{background-color:#f2f2f2} 
.global-businesses-d .titles{position:relative;padding:54px 0 40px 0px;color:#ef151e;font-size:36px;text-align:center} 
.global-businesses-d .titles h2{margin:0 0 15px} 
.global-businesses-d .titles .button{color:#ef151e;background-color:transparent} 
.global-businesses-d .titles .button.large{height:40px;line-height:40px;font-weight:500} 
.global-businesses-d .titles .button:hover{color:#fff} 
.global-businesses-d .grid{margin:0 -8px} 
.global-businesses-d .grid .item{width:33.3%;float:left} 
.global-businesses-d .grid .item .module{position:relative;margin:0 8px;height:388px;background-size:cover;background-color:#333} 
.global-businesses-d .grid .item .module:before{display:block;content:'';background-color:rgba(0, 0, 0, 0.4);position:absolute;top:0;left:0;right:0;bottom:0} 
.global-businesses-d .grid .item .module .link{display:block;height:388px;padding:0 40px} 
.global-businesses-d .grid .item .module p{margin:0;color:#fff} 
.global-businesses-d .grid .item .module p.subject{padding:44px 0 26px;font-size:22px;line-height:30px;font-weight:500} 
.global-businesses-d .grid .item .module p.date{position:relative;padding-top:15px;font-size:18px;font-weight:300;font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif} 
.global-businesses-d .grid .item .module p.date:before{content:'';position:absolute;top:0;left:0;display:block;width:34px;height:2px;background:#ef151e} 
.global-businesses-d .grid .item .module .hashtag{position:absolute;bottom:40px;left:37px} 
.global-businesses-d .grid .item .module .hashtag a{float:left;display:inline-block;margin:2px 3px;padding:0 8px;color:#fff;border:1px solid #fff;border-radius:13px;font-size:16px;line-height:24px;font-weight:300} 
.global-businesses-d .grid .item:nth-child(odd) .module{background-color:#ef151e} 
.global-businesses-e .visual{background-image:url('../img/about/aboutus_global_businesses_e.jpg');background-size:cover;height:500px} 
.global-businesses-e .visual .titles{padding-top:150px;color:#fff} 
.global-businesses-e .visual .titles .title{font-family:'CJONLYONE', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif;font-weight:400;margin:0;font-size:62px;line-height:1.5} 
.global-businesses-e .visual .titles .desc{margin:14px 0 0;padding:0;font-size:20px;color:#fff;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.5)} 
.global-businesses-e .wrap{margin-top:-51px} 
.global-businesses-e .wrap .tab li{background-color:#F2F2F2} 
.global-businesses-e .wrap .tab li span{font-size:24px;color:#333;margin-left:-1px} 
.global-businesses-e .wrap .tab li a{padding:39px 0;border:none;border-right:1px solid #E1E1E1} 
.global-businesses-e .wrap .tab li.in a{text-decoration:none} 
.global-businesses-e .wrap .tab li.in span{color:#fff} 
.global-businesses-e .wrap .tab li:last-child a{border-right:none} 
.global-businesses-e .toggle-wrap .wrap{margin-top:0px} 
.global-businesses-e .toggle-wrap .wrap .title{position:relative;text-align:center;font-size:38px;font-weight:400;color:#ef151e;margin:60px 0 30px} 
.global-businesses-e .toggle-wrap .wrap .title .home{display:block;position:absolute;width:124px;height:36px;line-height:36px;top:9px;left:690px;text-align:center;border:1px solid #dcdcdc} 
.global-businesses-e .toggle-wrap .wrap .title .home.ver2{left:709px} 
.global-businesses-e .toggle-wrap .wrap .title .home a{display:block;width:100%;height:100%;font-size:18px;color:#666;text-decoration:none;font-weight:300;letter-spacing:-1px;padding-left:4px} 
.global-businesses-e .toggle-wrap .wrap .title .home a:after{content:"";float:right;margin:10px 19px 0 0;display:block;width:15px;height:16px;background-image:url('../img/common/icon_sitelink_gray.png')} 
.global-businesses-e .toggle-wrap .wrap .desc{text-align:center;font-size:18px;font-weight:300;color:#333;margin-top:10px;margin-bottom:60px} 
.global-businesses-e .toggle-wrap .slider-home-global{position:relative;padding-top:40px;padding-bottom:40px} 
.global-businesses-e .toggle-wrap .slider-home-global .swiper-scrollbar{position:absolute;top:0;left:0;right:0;height:5px;background:none} 
.global-businesses-e .toggle-wrap .slider-home-global .swiper-scrollbar:before{content:'';position:absolute;top:50%;left:0;right:0;margin-top:-1px;height:1px;background-color:#e3e3e3} 
.global-businesses-e .toggle-wrap .slider-home-global .swiper-scrollbar .swiper-scrollbar-drag{background-color:#ef151e;border-radius:0} 
.global-businesses-e .toggle-wrap .slider-home-global .slider-wrap{height:577px;overflow:hidden} 
.global-businesses-e .toggle-wrap .slider-home-global a{display:inline-block} 
.global-businesses-e .toggle-wrap .slider-home-global .item{width:1000px} 
.global-businesses-e .toggle-wrap .slider-home-global .module{position:relative;margin:0 auto;width:962px;height:577px} 
.global-businesses-e .toggle-wrap .slider-home-global .titles{display:block;position:absolute;bottom:0px;left:30px;width:900px;height:113px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:29px 27px;background-color:#fff} 
.global-businesses-e .toggle-wrap .slider-home-global .titles .desc{float:left;display:block;font-size:18px;text-align:left;font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif;color:#333;margin:0;padding-top:14px} 
.global-businesses-e .toggle-wrap .slider-home-global .titles .desc:before{content:'';position:absolute;top:0;left:0;width:100px;height:1px;background-color:#ef151e} 
.global-businesses-e .toggle-wrap .slider-home-global .titles .sns{float:right} 
.global-businesses-e .toggle-wrap .slider-home-global .titles .sns li{list-style:none;float:left;margin-left:10px;width:39px;height:39px} 
.global-businesses-e .toggle-wrap .slider-home-global .titles .sns li a{display:block;width:100%;height:100%;background-image:url('../img/about/global-sns-sprite.png');text-indent:-1000em;background-position:0 0} 
.global-businesses-e .toggle-wrap .slider-home-global .titles .sns li a.f{background-position:0 0} 
.global-businesses-e .toggle-wrap .slider-home-global .titles .sns li a.i{background-position:-49px 0} 
.global-businesses-e .toggle-wrap .slider-home-global .titles .sns li a.t{background-position:-98px 0} 
.global-businesses-e .toggle-wrap .slider-home-global .titles .sns li a.y{background-position:-147px 0} 
.global-businesses-e .toggle-wrap .slider-home-global .titles .sns li a.b{background-position:-196px 0} 
.global-businesses-e .toggle-wrap .slider-home-global .titles .sns li a.v{background-position:-245px 0} 
.global-businesses-e .toggle-wrap .slider-home-global .titles .sns li a.h{background-position:-294px 0} 
.global-businesses-e .toggle-wrap .slider-home-global .titles .sns li a.c{background-position:-343px 0;cursor:default} 
.global-businesses-e .toggle-wrap .slider-home-global .titles .sns li a.w{background-position:-392px 0} 
.global-businesses-e .toggle-wrap .slider-home-global .titles .sns li a.recipe{background-position:-441px 0} 
.global-businesses-e .toggle-wrap .slider-home-global .titles .sns li a.shop{background-position:-490px 0} 
.global-businesses-e .toggle-wrap .slider-home-global .swiper-slide .pic{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:1px;overflow:hidden;height:520px} 
.global-businesses-e .toggle-wrap .slider-home-global .swiper-slide .pic img{width:960px;height:524px;-webkit-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);-webkit-transition:-webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:-webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.global-businesses-e .toggle-wrap .slider-home-global .swiper-slide .play{opacity:0;-webkit-transform:scale(0, 0);-ms-transform:scale(0, 0);transform:scale(0, 0);-webkit-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s;-o-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s} 
.global-businesses-e .toggle-wrap .slider-home-global .swiper-slide .core,.global-businesses-e .toggle-wrap .slider-home-global .swiper-slide .desc,.global-businesses-e .toggle-wrap .slider-home-global .swiper-slide .titles{opacity:0.8;-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);transform:translate(0, 15px);-webkit-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;-o-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s} 
.global-businesses-e .toggle-wrap .slider-home-global .swiper-slide .titles{opacity:0.4} 
.global-businesses-e .toggle-wrap .slider-home-global .swiper-slide .desc{-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s} 
.global-businesses-e .toggle-wrap .slider-home-global .swiper-slide .core{-webkit-transition-delay:0.7s;-o-transition-delay:0.7s;transition-delay:0.7s} 
.global-businesses-e .toggle-wrap .slider-home-global .swiper-slide.swiper-slide-active .pic img{-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)} 
.global-businesses-e .toggle-wrap .slider-home-global .swiper-slide.swiper-slide-active .play{opacity:1;-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)} 
.global-businesses-e .toggle-wrap .slider-home-global .swiper-slide.swiper-slide-active .core,.global-businesses-e .toggle-wrap .slider-home-global .swiper-slide.swiper-slide-active .desc,.global-businesses-e .toggle-wrap .slider-home-global .swiper-slide.swiper-slide-active .titles{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.global-businesses-e .toggle-wrap .slider-home-global .swiper-slide .link:focus .pic img{-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)} 
.global-businesses-e .toggle-wrap .slider-home-global .swiper-slide .link:focus .play{opacity:1;-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)} 
.global-businesses-e .toggle-wrap .slider-home-global .swiper-slide .link:focus .core,.global-businesses-e .toggle-wrap .slider-home-global .swiper-slide .link:focus .desc,.global-businesses-e .toggle-wrap .slider-home-global .swiper-slide .link:focus .titles{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.global-businesses-e .toggle-wrap .wrap.lists{border-top:1px solid #e5e5e5} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col{padding:68px 0 80px 50px} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col.nth-child-2{padding-left:45px} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col.nth-child-3{padding-left:60px;padding-right:45px} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .title{text-align:left;padding:0;margin:0;font-size:22px;line-height:1em} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .product{font-size:16px;color:#666;padding:0} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .product li{list-style:none} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .product li:before{content:'•';position:relative;top:-1px;padding-right:11px;font-size:12px} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .business{font-size:16px;color:#666;padding:0} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .business li{list-style:none;padding-left:14px;text-indent:-14px} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .business li:before{content:'•';position:relative;top:-1px;padding-right:11px;font-size:12px} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList{margin-top:30px} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider{position:relative} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .swiper-container{width:294px} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .swiper-navigation{position:absolute;width:30px;height:30px;top:-35px;right:0} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .swiper-navigation .icon{width:30px;height:30px} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .swiper-navigation .icon:before{content:none} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .swiper-navigation .icon:after{content:none} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .swiper-navigation.swiper-button-prev{left:231px} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .swiper-navigation.swiper-button-prev .icon{background-image:url('../img/about/brandList_arrow_prev.gif')} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .swiper-navigation.swiper-button-prev:focused{outline:none} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .swiper-navigation.swiper-button-next .icon{background-image:url('../img/about/brandList_arrow_next.gif')} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .swiper-navigation.swiper-button-next:focused{outline:none} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .swiper-slide{width:50%} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .swiper-slide .module{position:relative} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .swiper-slide .module .pic{display:block;float:right;width:138px;height:97px;border:1px solid #E5E5E5;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .swiper-slide .module .pic img{height:100%;margin:0 auto} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .swiper-slide .module .sns_Bridge{position:absolute;width:22px;height:22px;top:0px;right:0px;background-image:url('../img/about/ico_snsBridge.png');cursor:pointer} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .swiper-slide .module .sns_Bridge em{display:none} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .swiper-slide .module .sns_List{display:none} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .fullwrap{position:fixed;width:100%;height:100%;left:0;top:0;z-index:98;display:none} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .sns_List_outer{display:none;position:absolute;top:-93px;background-color:#fff;height:39px;padding:20px 24px;border:1px solid #ef151e;z-index:99} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .sns_List_outer:before{content:"";position:absolute;width:0px;height:0px;bottom:-36px;left:50%;margin-left:-13px;border-top:18px solid #fff;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:18px solid transparent;z-index:99} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .sns_List_outer:after{content:"";position:absolute;width:0px;height:0px;bottom:-38px;left:50%;margin-left:-14px;border-top:19px solid #ef151e;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:19px solid transparent;z-index:98} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .sns_List_outer.left{left:0px} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .sns_List_outer.right{left:147.5px} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .sns_List_outer.one{-webkit-transform:translateX(40%);-ms-transform:translateX(40%);transform:translateX(40%);width:39px} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .sns_List_outer.two{-webkit-transform:translateX(7.5%);-ms-transform:translateX(7.5%);transform:translateX(7.5%);width:89px} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .sns_List_outer.three{-webkit-transform:translateX(-7.5%);-ms-transform:translateX(-7.5%);transform:translateX(-7.5%);width:140px} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .sns_List_outer.four{-webkit-transform:translateX(-16.5%);-ms-transform:translateX(-16.5%);transform:translateX(-16.5%);width:186px} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .sns_List_outer.five{-webkit-transform:translateX(-22.5%);-ms-transform:translateX(-22.5%);transform:translateX(-22.5%);width:235px} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .sns_List_outer ul{list-style:none;padding:0;margin:0} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .sns_List_outer ul:after{content:"";display:block;clear:both} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .sns_List_outer ul li{float:left;width:39px;height:39px;margin-right:10px} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .sns_List_outer ul li:last-child{margin-right:0px} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .sns_List_outer ul li a{display:block;width:100%;height:100%;text-indent:-1000em;background-image:url('../img/about/global-sns-sprite.png')} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .sns_List_outer ul li .f{background-position:0 -40px} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .sns_List_outer ul li .i{background-position:-49px -40px} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .sns_List_outer ul li .t{background-position:-98px -40px} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .sns_List_outer ul li .y{background-position:-147px -40px} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .sns_List_outer ul li .b{background-position:-196px -40px} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .sns_List_outer ul li .v{background-position:-245px -40px} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .sns_List_outer ul li .h{background-position:-294px -40px} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .sns_List_outer ul li .c{background-position:-343px -40px;cursor:default} 
.global-businesses-e .toggle-wrap .wrap.lists .grid .col .brandList .brand-slider .sns_List_outer ul li .w{background-position:-392px -40px} 
.csr-overview .wrap,.csr-prize .wrap,.csr-purpose .wrap,.csr-report .wrap,.csr-values .wrap{padding-bottom:60px} 
.csr-overview .title,.csr-prize .title,.csr-purpose .title,.csr-report .title,.csr-values .title{margin:60px 0 15px;padding:0;text-align:center;font-size:30px;color:#ef151e} 
.csr-overview .title span,.csr-prize .title span,.csr-purpose .title span,.csr-report .title span,.csr-values .title span{position:relative;display:inline-block;margin:0 auto;padding:8px 60px} 
.csr-overview .title.is-line span:after,.csr-overview .title.is-line span:before,.csr-prize .title.is-line span:after,.csr-prize .title.is-line span:before,.csr-purpose .title.is-line span:after,.csr-purpose .title.is-line span:before,.csr-report .title.is-line span:after,.csr-report .title.is-line span:before,.csr-values .title.is-line span:after,.csr-values .title.is-line span:before{content:'';display:block;position:absolute;height:1px;background-color:#eee;left:0;right:0} 
.csr-overview .title.is-line span:before,.csr-prize .title.is-line span:before,.csr-purpose .title.is-line span:before,.csr-report .title.is-line span:before,.csr-values .title.is-line span:before{top:0} 
.csr-overview .title.is-line span:after,.csr-prize .title.is-line span:after,.csr-purpose .title.is-line span:after,.csr-report .title.is-line span:after,.csr-values .title.is-line span:after{bottom:0} 
.csr-overview .desc,.csr-prize .desc,.csr-purpose .desc,.csr-report .desc,.csr-values .desc{margin:20px auto 40px;padding:0;font-size:18px;line-height:1.8;color:#666;text-align:center;max-width:1080px} 
.csr-purpose .upper .wrap{padding:0} 
.csr-purpose .downer .wrap{max-width:1280px;padding-bottom:0} 
.csr-purpose .downer .wrap .downer-title{position:relative;max-width:1080px;margin:0 auto;padding:22px 0 12px;font-size:16px} 
.csr-purpose .downer .wrap .downer-title:after{content:'';position:absolute;bottom:0;left:0;right:0;height:0;border:3px solid #ef151e;border-bottom-left-radius:6px;border-top-right-radius:6px} 
.csr-purpose .downer .pic{padding:50px 0 0;text-align:center} 
.csr-purpose .downer .pic.is-dark-bg{background-color:#faf8f8} 
.csr-purpose .desc{margin:-11px auto 30px;font-size:16px;line-height:1.7;font-weight:400;color:#666;text-align:justify} 
.csr-purpose-a .title{margin-top:-15px} 
.csr-purpose-b .title{margin-top:30px} 
.csr-purpose-b .downer{padding:26px 0 0} 
.csr-purpose-b .downer .pic{padding:0 0 3px} 
.csr-purpose-d .sub-desc{display:block;width:1080px;margin:62px auto 20px;padding:12px 0 16px;background-color:#ef151e;text-align:center;font-size:16px;color:#fff} 
.csr-purpose-e .downer .wrap{padding:55px 0 80px;text-align:left} 
.csr-purpose-e .downer .wrap .kor-title{margin:0;padding:0 100px;font-size:18px;color:#333;font-weight:500} 
.csr-purpose-e .downer .wrap .desc{margin:20px 0 50px;padding:0 100px;color:#666;text-align:left;font-size:16px;font-weight:400} 
.csr-purpose-e .downer .wrap .pic{padding:37px 0 60px} 
.csr-purpose-e .bottom .wrap{max-width:1280px;padding:0 100px 80px;text-align:left} 
.csr-purpose-e .bottom .wrap .kor-title{margin:0;font-size:20px;color:#333;font-weight:500} 
.csr-purpose-e .bottom .wrap .desc{margin:13px 0 0;color:#666;text-align:left;font-size:16px;line-height:26px;font-weight:400} 
.csr-purpose-e .bottom .pic{padding:60px 0 20px;text-align:center} 
.csr-purpose-e .bottom .pic.is-dark-bg{background-color:#faf8f8} 
.csr-purpose-f .wrap .title{margin:45px 0 19px} 
.csr-purpose-f .wrap .desc{margin-bottom:35px} 
.csr-purpose-f .grid{margin-left:-8px;margin-right:-8px} 
.csr-purpose-f .grid .item.nth-child-1 .module .pic{border-color:#fb000b} 
.csr-purpose-f .grid .item.nth-child-2 .module .pic{border-color:#c18a0c} 
.csr-purpose-f .grid .item.nth-child-3 .module .pic{border-color:#308425} 
.csr-purpose-f .grid .item.nth-child-4 .module .pic{border-color:#c60011} 
.csr-purpose-f .grid .item.nth-child-5 .module .pic{border-color:#fe1a0a} 
.csr-purpose-f .grid .item.nth-child-6 .module .pic{border-color:#2a96ae} 
.csr-purpose-f .grid .item.nth-child-7 .module .pic{border-color:#ffb000} 
.csr-purpose-f .grid .item.nth-child-8 .module .pic{border-color:#83001c} 
.csr-purpose-f .grid .item.nth-child-9 .module .pic{border-color:#ff4a07} 
.csr-purpose-f .grid .item.nth-child-10 .module .pic{border-color:#e40c76} 
.csr-purpose-f .grid .item.nth-child-11 .module .pic{height:76px;border-color:#ff8c0c} 
.csr-purpose-f .grid .item.nth-child-12 .module .pic{height:76px;border-color:#cd7705} 
.csr-purpose-f .grid .item.nth-child-13 .module .pic{height:76px;border-color:#365c1d} 
.csr-purpose-f .grid .item.nth-child-14 .module .pic{height:76px;border-color:#1460a1} 
.csr-purpose-f .grid .item.nth-child-15 .module .pic{height:76px;border-color:#409f28} 
.csr-purpose-f .grid .item.nth-child-16 .module .pic{height:76px;border-color:#0a2b6f} 
.csr-purpose-f .grid .item.nth-child-17 .module .pic{height:76px;border-color:#09114b} 
.csr-purpose-f .item{margin-top:9px} 
.csr-purpose-f .item .module{position:relative;z-index:1;height:100%;min-height:320px;padding:2px 20px 4px;margin:0 4px 0 5px;background:#fff;border:solid 1px #ebe9e9;border-left:0;border-top:0} 
.csr-purpose-f .item .module .pic{height:56px;padding-top:18px;border-bottom:1px solid} 
.csr-purpose-f .item .module .kor-title{margin:10px 0;color:#333;font-size:16px;line-height:22px;font-weight:500} 
.csr-purpose-f .item .module ul li{padding:2px 0 2px 6px;text-indent:-6px;color:#666;font-size:15px;line-height:20px;font-weight:400} 
.csr-purpose-f .item .module ul li:before{content:'•';position:relative;top:-1px;padding-right:2px;font-size:12px} 
.csr-purpose-f .item.nth-child-1 .module .pic{border-color:#fb000b} 
.csr-purpose-f .item.nth-child-2 .module .pic{border-color:#c18a0c} 
.csr-purpose-f .item.nth-child-3 .module .pic{border-color:#308425} 
.csr-purpose-f .item.nth-child-4 .module .pic{border-color:#c60011} 
.csr-purpose-f .item.nth-child-5 .module .pic{border-color:#fe1a0a} 
.csr-purpose-f .item.nth-child-6 .module .pic{border-color:#2a96ae} 
.csr-purpose-f .item.nth-child-7 .module .pic{border-color:#ffb000} 
.csr-purpose-f .item.nth-child-8 .module .pic{border-color:#83001c} 
.csr-purpose-f .item.nth-child-9 .module .pic{border-color:#ff4a07} 
.csr-purpose-f .item.nth-child-10 .module .pic{border-color:#e40c76} 
.csr-purpose-f .item.nth-child-11 .module{min-height:360px} 
.csr-purpose-f .item.nth-child-11 .module .pic{height:76px;border-color:#ff8c0c} 
.csr-purpose-f .item.nth-child-12 .module{min-height:360px} 
.csr-purpose-f .item.nth-child-12 .module .pic{height:76px;border-color:#cd7705} 
.csr-purpose-f .item.nth-child-13 .module{min-height:360px} 
.csr-purpose-f .item.nth-child-13 .module .pic{height:76px;border-color:#365c1d} 
.csr-purpose-f .item.nth-child-14 .module{min-height:360px} 
.csr-purpose-f .item.nth-child-14 .module .pic{height:76px;border-color:#1460a1} 
.csr-purpose-f .item.nth-child-15 .module{min-height:360px} 
.csr-purpose-f .item.nth-child-15 .module .pic{height:76px;border-color:#409f28} 
.csr-purpose-f .item.nth-child-16 .module .pic{height:76px;border-color:#0a2b6f} 
.csr-purpose-f .item.nth-child-17 .module .pic{height:76px;border-color:#09114b} 
.csr-purpose-f .item.nth-child-18{float:right} 
.csr-purpose-f .item.nth-child-18 .module{padding-left:16px;padding-right:16px} 
.csr-purpose-f .item.nth-child-18 .module .pic{height:auto;padding-top:14px;border-bottom:0;text-align:center} 
.csr-purpose-f .item.nth-child-18 .module .desc{margin:5px 0 0;text-align:center;font-size:14px} 
.csr-purpose-g{padding:82px 0 100px;background-color:#faf8f8} 
.csr-purpose-g .wrap{position:relative;border:1px solid #dcdcdc;border-top:0;background-color:#fff;padding:35px 40px 26px;margin-bottom:36px;text-align:left} 
.csr-purpose-g .wrap:before{content:'';position:absolute;top:-6px;left:0;right:0;height:0;border:3px solid #ef151e;border-bottom-left-radius:6px;border-top-right-radius:6px} 
.csr-purpose-g .wrap .pic{position:absolute;top:45px;left:397px} 
.csr-purpose-g .wrap .title{margin:0;font-size:20px;color:#ef151e;font-size:26px;line-height:34px;font-weight:500;text-align:left} 
.csr-purpose-g .wrap .title strong{display:block;font-weight:600;padding-bottom:10px} 
.csr-purpose-g .wrap .title span{padding:0} 
.csr-purpose-g .wrap .grid{overflow:hidden} 
.csr-purpose-g .wrap .grid .grid{margin-top:20px} 
.csr-purpose-g .wrap .grid .col-a{width:446px} 
.csr-purpose-g .wrap .grid .col-b{float:left;width:670px} 
.csr-purpose-g .wrap .grid .col-b .desc{margin:10px 0 0;color:#666;text-align:left;font-size:16px;line-height:30px;font-weight:400;letter-spacing:-1px} 
.csr-purpose-g .wrap .grid .col-b .desc.nth-child-2{margin-top:10px;font-size:14px;color:#888} 
.csr-purpose-g .wrap .grid .item{float:left;padding:10px 0 20px;background-color:#fafafa} 
.csr-purpose-g .wrap .grid .item .title{padding-left:20px;padding-bottom:28px;margin:0;color:#333;font-size:16px;font-weight:500;text-align:left} 
.csr-purpose-g .wrap .grid .item.nth-child-1{margin-right:2px} 
.csr-purpose-g .wrap.nth-child-1 .grid .item{padding:31px 0px 18px;background:none} 
.csr-purpose-g .wrap.nth-child-2 .pic{top:55px} 
.csr-overview-a{overflow:visible} 
.csr-overview-a .title{margin-top:-15px} 
.csr-overview-a .wrap{padding-bottom:0} 
.csr-overview-a .item{background-size:cover} 
.csr-overview-a .item a{position:relative;display:block;height:100%;color:#fff} 
.csr-overview-a .item .name{margin:0;padding:50px 0 0;line-height:1.3;font-size:30px;font-weight:400;color:#fff} 
.csr-overview-a .item .name.eng-title{font-weight:400} 
.csr-overview-a .item .summary{margin:0;padding:20px 0 0 0;line-height:1.8;font-size:16px;color:#fff;text-align:left} 
.csr-overview-a .item .action{margin-top:30px} 
.csr-overview-a .item .module{position:relative;padding:0 50px;height:320px;background-size:100% auto;background-size:cover;text-align:center;line-height:1.4} 
.csr-overview-a .item .module:before{content:'';position:absolute;top:20px;left:20px;right:20px;bottom:20px;border:1px rgba(255, 255, 255, 0.2) solid} 
.csr-overview-a .item.nth-child-1{background-image:url('../img/about/overview_01.png')} 
.csr-overview-a .item.nth-child-1 .module{height:660px} 
.csr-overview-a .item.nth-child-1 .action{margin-top:80px} 
.csr-overview-a .item.nth-child-1 .summary{padding-top:30px} 
.csr-overview-a .item.nth-child-1 .name{padding-top:120px} 
.csr-overview-a .item.nth-child-2{background-image:url('../img/about/overview_02.png')} 
.csr-overview-a .item.nth-child-3{background-color:#444444;margin-top:20px;margin-right:10px} 
.csr-overview-a .item.nth-child-4{background-color:#ef151e;margin-top:20px;margin-left:10px} 
.csr-overview-a .item.nth-child-5{background-image:url('../img/about/overview_03.png');margin-top:20px} 
.csr-overview-a .item.nth-child-6{background-image:url('../img/about/overview_04.png');margin-top:20px} 
.csr-overview-a .col-a .item,.csr-overview-a .col-c .item{margin-right:10px} 
.csr-overview-a .col-b .item,.csr-overview-a .col-d .item{margin-left:10px} 
.csr-overview-a .col-b .col-1-2 .item .module{padding:0 40px} 
.csr-overview-a .col-b .col-1-2 .item .module .summary{padding-top:20px} 
.lang-en .csr-overview-a .item .name{font-weight:300} 
.lang-en .csr-overview-a .item .module{height:430px} 
.lang-en .csr-overview-a .item.nth-child-1{background-image:url('../img/about/overview_01_en.png')} 
.lang-en .csr-overview-a .item.nth-child-1 .module{height:880px} 
.lang-en .csr-overview-a .item.nth-child-2 .action{margin-top:40px} 
.lang-en .csr-overview-a .item.nth-child-3 .action{margin-top:20px} 
.lang-en .csr-overview-a .item.nth-child-4 .action{margin-top:150px} 
.lang-en .csr-overview-a .item.nth-child-5 .action,.lang-en .csr-overview-a .item.nth-child-6 .action{margin-top:90px} 
.lang-cn .csr-overview-a .item.nth-child-2 .action{margin-top:60px} 
.lang-cn .csr-overview-a .item.nth-child-4 .action{margin-top:40px} 
.lang-cn .csr-overview-a .item.nth-child-5 .action,.lang-cn .csr-overview-a .item.nth-child-6 .action{margin-top:10px} 
.lang-cn .csr-report.csr-report-a .subject .name{font-size:17px} 
.csr-report.csr-report-a{position:relative;padding-bottom:60px} 
.csr-report.csr-report-a:before{content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:418px;background-color:#f4f4f4} 
.csr-report.csr-report-a .title{margin-top:-15px} 
.csr-report.csr-report-a .wrap{position:relative;padding:0;z-index:2;max-width:1184px} 
.csr-report.csr-report-a .list{margin-left:-12px;margin-right:-12px} 
.csr-report.csr-report-a .item{text-align:center} 
.csr-report.csr-report-a .module{margin:0 12px} 
.csr-report.csr-report-a .pic{display:inline-block;-webkit-box-shadow:14px 14px 14px rgba(0, 0, 0, 0.3);box-shadow:14px 14px 14px rgba(0, 0, 0, 0.3)} 
.csr-report.csr-report-a .pic img{width:100%} 
.csr-report.csr-report-a .description{line-height:1.4} 
.csr-report.csr-report-a .subject{margin:30px auto 26px;padding:0} 
.csr-report.csr-report-a .subject .year{display:block;font-size:30px;font-weight:400;color:#333} 
.csr-report.csr-report-a .subject .name{display:block;padding-top:5px;font-size:18px;color:#666} 
.csr-report.csr-report-b .list{border-top:solid 1px #222;border-bottom:solid 1px #d2d2d2} 
.csr-report.csr-report-b .item{border-top:solid 1px #e6e6e6;padding:20px 0} 
.csr-report.csr-report-b .item:nth-child(odd){clear:both} 
.csr-report.csr-report-b .item.nth-child-1,.csr-report.csr-report-b .item.nth-child-2{border-top:0} 
.csr-report.csr-report-b .item.nth-child-1,.csr-report.csr-report-b .item.nth-child-4,.csr-report.csr-report-b .item.nth-child-5,.csr-report.csr-report-b .item.nth-child-8{background-color:#fafafa} 
.csr-report.csr-report-b .module{position:relative} 
.csr-report.csr-report-b .name{float:left;margin:0;padding:0 0 0 13%;font-size:16px;font-weight:400;height:40px;line-height:40px;color:#333} 
.csr-report.csr-report-b .action{float:right;width:40%} 
.lang-en .csr-report.csr-report-b .name{padding-left:20px} 
.lang-en .csr-report.csr-report-b .action{margin-right:20px;width:auto} 
.csr-prize .table-row{margin-top:40px} 
.csr-prize .table-row td,.csr-prize .table-row th{text-align:center} 
.csr-prize .table-row td.text-left{text-align:left;padding-left:10px} 
.csr-prize.csr-prize-a .title{margin-top:-15px} 
.csr-prize.csr-prize-b{background-color:#f4f4f4} 
.csr-prize.csr-prize-b .table-a thead th{background-color:#f4f4f4} 
.csr-prize.csr-prize-b .table-a tbody td{background-color:#fafafa} 
.csr-prize.csr-prize-b .table-a tbody tr:nth-child(odd) td{background-color:#fff} 
.csr-contribution .wrap .titles .sub-title{padding-top:24px;font-size:36px} 
.csr-contribution .wrap .list .desc{margin:0;padding:52px 0 59px;text-align:center;font-size:20px;color:#333} 
.csr-contribution .wrap .list .item{margin-bottom:5px;padding:30px 0;border-top:0;background-color:#faf8f8} 
.csr-contribution .wrap .list .item .col-description .module{overflow:hidden} 
.csr-contribution .wrap .list .item .col-description .module .p-title{display:block;padding-bottom:10px;color:#333} 
.csr-contribution .wrap .list .item .col-description p{line-height:1.8;text-align:justify} 
.csr-contribution-a{} 
.csr-contribution-a .title{margin:-15px 0 5px;padding:0;text-align:center;font-size:30px;color:#ef151e} 
.csr-contribution-a .title span{position:relative;display:inline-block;margin:0 auto;padding:8px 60px} 
.csr-contribution-a .sub-title{margin:0;padding:17px 0 18px;text-align:center;color:#ef151e} 
.csr-contribution-a .upper{} 
.csr-contribution-a .upper .wrap{max-width:1080px;min-width:1080px} 
.csr-contribution-a .upper .wrap .desc{margin:0;padding:0 0 30px;line-height:1.8;font-size:18px;text-align:justify} 
.csr-contribution-a .upper .wrap .sub-desc{margin:0;padding:0 0 30px;line-height:1.6;font-size:16px;text-align:justify} 
.csr-contribution-a .upper .module{-webkit-box-sizing:content-box;box-sizing:content-box;max-width:620px;padding:0 80px} 
.csr-contribution-a .upper .module p{margin:0;padding:0;color:#fff;line-height:1.8;word-break:keep-all} 
.lang-cn .csr-contribution-a .upper .module p{word-break:break-all} 
.csr-contribution-a .upper .table{clear:both;*zoom:1;display:table;width:100%;height:400px} 
.csr-contribution-a .upper .table:after,.csr-contribution-a .upper .table:before{content:" ";display:table} 
.csr-contribution-a .upper .table:after{clear:both} 
.csr-contribution-a .upper .table .cell{display:table-cell;vertical-align:middle} 
.csr-contribution-a .upper .col.nth-child-1{padding-right:5px} 
.csr-contribution-a .upper .col.nth-child-1 .table{background-color:#979f20;background-image:url('../img/about/contribution_05.jpg');background-size:auto 100%;background-size:cover} 
.csr-contribution-a .upper .col.nth-child-1 .module{float:right;text-align:center} 
.csr-contribution-a .upper .col.nth-child-1 .module p{line-height:1.6;font-size:30px} 
.csr-contribution-a .upper .col.nth-child-2{padding-left:5px} 
.csr-contribution-a .upper .col.nth-child-2 .table{background-color:#ef151e} 
.csr-contribution-a .upper .col.nth-child-2 .module{float:left} 
.csr-contribution-a .downer{} 
.csr-contribution-a .downer .wrap{max-width:1200px;margin:28px auto 26px;padding:58px 0 52px;background-color:#faf8f8;text-align:center} 
.csr-contribution-a .downer .sub-title{margin:0;padding:0;font-size:24px;color:#ef151e} 
.csr-contribution-a .downer .summary{margin:20px 0;padding:0;line-height:1.8;font-size:18px;text-align:left} 
.csr-contribution-b{} 
.csr-contribution-b .title{margin:0;padding:40px 0 17px;text-align:center;font-size:30px;color:#ef151e} 
.csr-contribution-b .title span{position:relative;display:inline-block;margin:0 auto;padding:8px 60px} 
.csr-contribution-b .background{background-image:url('../img/about/contribution_01.jpg')} 
.csr-contribution-b .wrap .list .item.nth-child-1 .col-description p{float:left;width:70%} 
.csr-contribution-b .wrap .list .item.nth-child-1 .pic{float:right} 
.csr-contribution-b .wrap .list .item.nth-child-2 .col-description p{float:left;width:70%} 
.csr-contribution-b .wrap .list .item.nth-child-2 .pic{float:right} 
.csr-contribution-c{margin-top:80px} 
.csr-contribution-c .background{background-image:url('../img/about/contribution_02.jpg')} 
.csr-contribution-c .wrap .list .item.nth-child-1 .col-description p{float:left;width:70%} 
.csr-contribution-c .wrap .list .item.nth-child-1 .pic{float:right} 
.csr-contribution-c .wrap .list .item.nth-child-3 .col-description p{float:left;width:70%} 
.csr-contribution-c .wrap .list .item.nth-child-3 .pic{float:right} 
.csr-contribution-d .background{background-image:url('../img/about/contribution_03.jpg')} 
.csr-values .wrap{padding-bottom:0} 
.csr-values .wrap .inner{border-bottom:1px solid #f2f2f2;border-top:0;margin-bottom:60px} 
.csr-values .wrap .inner .list .item{padding:40px 0 43px;border-top:3px solid #ef151e;border-left:1px solid #f2f2f2;border-right:1px solid #f2f2f2} 
.csr-values .wrap .inner .list .item .col-subject .name{line-height:1.4;font-weight:600} 
.csr-values .wrap .inner .list .item .col-description p{line-height:1.95} 
.csr-values .wrap .titles .sub-title{padding-top:24px;font-size:36px} 
.csr-values-a .title{margin:-15px 0 65px} 
.csr-values-a .desc{text-align:justify} 
.csr-values-b .background{background-image:url('../img/about/values_01.jpg')} 
.csr-values-b .background-mask{background-color:#4a672f} 
.csr-values-c{} 
.csr-values-c .background{background-image:url('../img/about/values_02.jpg')} 
.csr-values-c .background-mask{background-color:#a39f9f} 
.csr-values-c .wrap .item .col-description .desc{padding-top:4px;text-align:left;line-height:1.4;font-size:14px} 
.csr-values-d .background{background-image:url('../img/about/values_03.jpg')} 
.csr-values-d .background-mask{background-color:#3f3e44} 
.csr-values-e .background{background-image:url('../img/about/values_04.jpg')} 
.csr-values-e .background-mask{background-color:#a7a5ad} 
.csr-values-f .background{background-image:url('../img/about/values_05.jpg')} 
.csr-values-f .background-mask{background-color:#576272} 
.page-about-news .search-module{max-width:620px;margin:0 auto} 
.about-news-a .wrap{max-width:1200px} 
.page-about-overview .icon.more{background-image:url('../img/about/icon_more.png');width:40px;height:40px;background-size:40px 40px} 
.page-about-overview .icon.more.light{background-image:url('../img/about/icon_more_light.png')} 
.overview-business{margin-top:60px;background-color:#f4f4f4} 
.overview-business .cell{width:50%} 
.overview-business .object{width:100%;height:400px} 
@media (min-width:1921px){.overview-business .object{background-size:cover} 
.overview-business .object.object-a{background-image:url('../img/about/overview_business_1.jpg');background-position:left center} 
.overview-business .object.object-b{float:right;background-image:url('../img/about/overview_business_2.jpg');background-position:right center} 
.overview-business .module{margin-left:120px} 
.overview-business .module p{margin-top:10px;margin-bottom:40px;font-size:18px;color:#666} 
.overview-business .cell:first-child .module{width:420px;max-width:100%;float:right;margin-right:50px} 
.overview-business .title{margin:0;font-size:30px;color:#ef151e} 
.overview-business .js-inview .object{-webkit-transform:translate(100%, 0);-ms-transform:translate(100%, 0);transform:translate(100%, 0);-webkit-transition-property:all;-o-transition-property:all;transition-property:all} 
.overview-business .js-inview .cell:first-child .object{-webkit-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);transform:translate(-100%, 0)} 
.overview-business .js-inview.is-inviewed .object{-webkit-transform:translate(0, 0)!important;-ms-transform:translate(0, 0)!important;transform:translate(0, 0)!important} 
.overview-network{position:relative;margin-top:30px;background-color:#aba197} 
.overview-network .background{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url('../img/about/overview_network_1.jpg')} 
.overview-network .module{height:280px;overflow:hidden} 
.overview-network .title{margin:60px 0 0;color:#fff;font-size:30px} 
.overview-network p{color:#fff;font-size:18px} 
.overview-network .action{margin-top:40px} 
.overview-network .js-inview .background{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s} 
.business-summary{overflow:inherit} 
.business-summary .item{width:50%;height:545px} 
.business-summary .vision{text-align:center;border-right:5px #fff solid;background-size:cover;overflow:hidden;background-image:url('../img/about/food_vision_bg.jpg')} 
.business-summary .vision .title{margin:0;font-size:30px;color:#fff} 
.business-summary .vision p{margin:0} 
.business-summary .vision .table{position:relative;margin:65px auto 25px auto;max-width:650px} 
.business-summary .vision .table:before{content:'';display:block;position:absolute;top:-25px;bottom:-25px;left:-75px;right:-75px;border:1px #fff dashed;border-radius:175px} 
.business-summary .vision .table .cell{position:relative;width:50%;height:300px} 
.business-summary .vision .table .cell:before{content:'';display:block;position:absolute;top:0;bottom:0;left:-50px;right:-50px;border:4px #a61e24 solid;border-radius:150px;background-color:#a61e24;opacity:0.7;min-height:300px} 
.business-summary .vision .table .cell .module{position:relative} 
.business-summary .vision .table .name{font-size:24px} 
.business-summary .vision .table .desc{margin-top:40px;font-size:20px;line-height:2;letter-spacing:-0.03em} 
.lang-en .business-summary .vision .table .desc{font-size:19px} 
.business-summary .vision .table .col-a{z-index:2} 
.business-summary .vision .table .col-a:before{background-color:#fff;border-color:#fff;border-width:6px;opacity:1} 
.business-summary .vision .table .col-a p{color:#ef151e} 
.business-summary .vision .table .col-b p{color:#fff;margin-left:50px} 
.business-summary .greeting{position:relative;border-left:5px #fff solid;background-color:#f2f2f2} 
.business-summary .greeting a{display:block} 
.business-summary .greeting .object{position:absolute;left:350px;bottom:0;width:602px;height:638px;background-image:url('../img/about/food_greeting.png')} 
.business-summary .greeting .module{margin-left:65px;max-width:60%} 
@media (min-width:1600px){.business-summary .greeting .module{max-width:45%} 
.business-summary .greeting .title{margin:0;font-size:30px;color:#ef151e} 
.business-summary .greeting p{margin:0} 
.business-summary .greeting p.hello{margin-top:30px;font-size:30px;font-weight:400;color:#333} 
.lang-en .business-summary .greeting p.hello{font-size:24px} 
.business-summary .greeting p.desc{margin-top:20px;font-size:18px;color:#666;line-height:1.7} 
.business-summary .greeting .action{margin-top:50px} 
.business-summary.bio .vision{background-image:url('../img/about/bio_vision_bg.jpg')} 
.business-summary.bio .vision .table .cell:before{background-color:#fff;border:0;opacity:1} 
.business-summary.bio .vision .table .cell p{color:#ef151e} 
.business-summary.bio .vision .table .col-a:before{background-color:#ef151e} 
.business-summary.bio .vision .table .col-a p{color:#fff} 
.business-summary.bio .greeting .object{left:335px;width:626px;height:624px;background-image:url('../img/about/bio_greeting.png')} 
.business-summary.bio .greeting .module{max-width:45%} 
@media (min-width:1600px){.business-summary.bio .greeting .module{max-width:35%} 
.lang-en .business-summary.bio .greeting .module{max-width:50%} 
.lang-en .business-summary.bio .greeting .desc{margin-right:50px} 
@media (min-width:1700px){.lang-en .business-summary.bio .greeting .object{-webkit-transform:translate(5%, 0);-ms-transform:translate(5%, 0);transform:translate(5%, 0)} 
.business-food-performance{position:relative;margin-top:100px} 
.business-food-performance:before{content:'';display:block;position:absolute;top:280px;left:0;right:0;bottom:0;background-color:#f8f8f8} 
.business-food-performance .background{position:relative;left:50%;margin-left:-800px;width:1600px;height:500px;background-image:url('../img/about/food_performance.jpg')} 
.business-food-performance .grid{position:relative;margin:-100px 0 50px 0;background-color:#f8f8f8} 
.business-food-performance .col-a{width:70%;background-color:#fff} 
.business-food-performance .col-a .module{margin:40px 60px 60px 60px} 
.business-food-performance .col-a p{margin:0} 
.business-food-performance .col-a p.subject{position:relative;padding-bottom:15px;font-size:30px;color:#ef151e} 
.business-food-performance .col-a p.subject:before{content:'';position:absolute;bottom:0;left:0;width:24px;height:3px;background-color:#ef151e} 
.business-food-performance .col-a p.summary{margin-top:20px;font-size:26px;color:#333} 
.business-food-performance .col-a .description{margin-top:30px} 
.business-food-performance .col-a .description p{margin:15px 0 0;color:666;font-size:18px;line-height:1.7} 
.business-food-performance .col-a .description p:first-child{margin-top:0} 
.business-food-performance .col-b{width:30%;text-align:center} 
.business-food-performance .col-b .module{margin:0 40px} 
.business-food-performance .col-b p{margin:0;color:#333} 
.business-food-performance .col-b p.subject{margin-top:50px;font-size:24px} 
.business-food-performance .col-b p.subject small{font-size:16px} 
.business-food-performance .js-inview .col-a p.subject:before{width:0;-webkit-transition:width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;-o-transition:width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;transition:width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s} 
.business-food-performance .js-inview.is-inviewed .col-a p.subject:before{width:24px} 
.business-major-items{margin-top:100px;min-height:540px} 
.business-major-items .title{position:absolute;top:70px;left:825px;margin:0;font-size:30px;color:#ef151e;white-space:nowrap} 
.business-major-items .nav{position:absolute;display:block;width:270px;height:89px;margin-left:-30px;font-size:20px;border-bottom:1px #dcdcdc solid;-webkit-box-sizing:content-box;box-sizing:content-box} 
.business-major-items .nav:before{content:'';position:absolute;z-index:1;top:-1px;left:0;right:100%;bottom:-1px;background-color:#ef151e;-webkit-box-shadow:5px 5px 20px rgba(0, 0, 0, 0.2);box-shadow:5px 5px 20px rgba(0, 0, 0, 0.2);-webkit-transition:all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;-o-transition:all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;transition:all cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s} 
.business-major-items .nav>span{display:block;padding:30px 30px;position:relative;z-index:2;width:210px} 
.business-major-items .nav>span:after,.business-major-items .nav>span:before{content:'';position:absolute;top:50%;right:0;margin-top:-1px;width:10px;height:2px;background-color:#fff;-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center;opacity:0;margin-right:15px;-webkit-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;-o-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s} 
.business-major-items .nav>span:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} 
.business-major-items .nav>span:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} 
.business-major-items .grid{margin-left:250px;display:block;height:0;overflow:hidden} 
.business-major-items .object-holder{width:56.5%} 
.business-major-items .object-holder .module{position:relative;max-width:540px;height:540px} 
.business-major-items .content-holder{width:43.5%} 
.business-major-items .content-holder .module{margin-left:40px} 
.business-major-items .subject{position:relative;margin:120px 0 0;font-size:45px;font-weight:500;line-height:1.2;letter-spacing:-0.05em} 
.business-major-items .subject:before{content:'';position:absolute;top:35px;left:-100px;width:80px;height:1px;background-color:#333} 
.business-major-items .description{margin-top:40px} 
.business-major-items .description p{margin:15px 0 0;color:#666;font-size:18px;line-height:1.8;word-break:keep-all} 
.lang-cn .business-major-items .description p{word-break:break-all} 
.business-major-items .description p:first-child{margin-top:0} 
.business-major-items .action{margin-top:30px} 
.business-major-items .action a{display:inline-block} 
.business-major-items .action .more{display:inline-block;position:relative;width:38px;height:38px;border:1px #ef151e solid;overflow:hidden;vertical-align:top} 
.business-major-items .action .more:before{display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ef151e;-webkit-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);transform:translate(-100%, 0);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;transition:-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;-o-transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s} 
.business-major-items .action .more i:after,.business-major-items .action .more i:before{content:'';display:block;position:absolute;top:50%;left:50%;margin:-1px 0 0 -8px;width:16px;height:2px;background-color:#ef151e;-webkit-transition:background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.business-major-items .action .more i:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} 
.business-major-items .action .more:focus:before,.business-major-items .action .more:hover:before{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.business-major-items .action .more:focus i:after,.business-major-items .action .more:focus i:before,.business-major-items .action .more:hover i:after,.business-major-items .action .more:hover i:before{background-color:#fff} 
.ie .business-major-items .action a:focus{outline:1px #000 dotted} 
.business-major-items .action a:focus .more:before{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.business-major-items .action a:focus i:after,.business-major-items .action a:focus i:before{background-color:#fff} 
.business-major-items .object{position:absolute;top:0;left:0;width:540px;height:540px} 
.business-major-items .action,.business-major-items .description,.business-major-items .object,.business-major-items .subject{opacity:0;-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);transform:translate(0, 15px)} 
.business-major-items .subject:before{opacity:0;-webkit-transform:translate(100%, 0);-ms-transform:translate(100%, 0);transform:translate(100%, 0)} 
.business-major-items .in .nav{width:300px;color:#fff;-webkit-transition:color cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;-o-transition:color cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;transition:color cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s} 
.business-major-items .in .nav:before{right:0px} 
.business-major-items .in .nav span:after,.business-major-items .in .nav span:before{opacity:1;margin-right:0} 
.ie .business-major-items .in .nav:focus{outline:1px #000 dotted} 
.business-major-items .in .grid{display:block;height:auto;max-height:10000px} 
.business-major-items .in .action,.business-major-items .in .description,.business-major-items .in .object,.business-major-items .in .subject,.business-major-items .in .subject:before{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s;-o-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s} 
.business-major-items .in .subject{-webkit-transition-delay:0.15s;-o-transition-delay:0.15s;transition-delay:0.15s} 
.business-major-items .in .subject:before{-webkit-transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;-o-transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s} 
.business-major-items .in .description{-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s} 
.business-major-items .in .action{-webkit-transition-delay:0.45s;-o-transition-delay:0.45s;transition-delay:0.45s} 
.business-major-items .in .object{-webkit-transition-delay:0.45s;-o-transition-delay:0.45s;transition-delay:0.45s} 
.business-major-items .in .object:nth-child(2n){-webkit-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s} 
.business-major-items .in .object:nth-child(3n){-webkit-transition-delay:0.75s;-o-transition-delay:0.75s;transition-delay:0.75s} 
.business-major-items .in .object:nth-child(4n){-webkit-transition-delay:0.9s;-o-transition-delay:0.9s;transition-delay:0.9s} 
.business-major-items .in .object:nth-child(5n){-webkit-transition-delay:1.05s;-o-transition-delay:1.05s;transition-delay:1.05s} 
.business-major-items .item.nth-child-1 .nav{top:0} 
.business-major-items .item.nth-child-2 .nav{top:90px} 
.business-major-items .item.nth-child-3 .nav{top:180px} 
.business-major-items .item.nth-child-4 .nav{top:270px} 
.business-major-items .item.nth-child-5 .nav{top:360px} 
.business-major-items .item.nth-child-6 .nav{top:450px} 
.business-major-items.bio{margin-top:175px;padding:60px 0;background-color:#f6f6f6} 
.business-major-items.bio .nav{height:79px} 
.business-major-items.bio .nav span{padding:25px 30px} 
.business-major-items.bio .nth-child-1 .nav{top:0} 
.business-major-items.bio .nth-child-2 .nav{top:80px} 
.lang-en .business-major-items.bio .nth-child-2 .nav span{padding:12px 30px} 
.business-major-items.bio .nth-child-3 .nav{top:160px} 
.business-major-items.bio .nth-child-4 .nav{top:240px} 
.business-major-items.bio .nth-child-5 .nav{top:320px} 
.business-major-items.bio .nth-child-6 .nav{top:400px} 
.business-major-items.bio .nth-child-6 .nav span{padding:14px 30px} 
.business-major-items.bio .nth-child-6 .nav span em{display:block;font-size:14px} 
.business-major-items.bio .nth-child-7 .nav{top:480px} 
.business-major-items.bio .nth-child-7 .nav span{padding:14px 30px} 
.business-major-items.bio .nth-child-7 .nav span em{display:block;font-size:14px} 
.ie .business-major-items .nav{font-size:19px} 
.lang-en .business-major-items .nav{font-size:19px} 
.lang-en .business-major-items .subject{font-size:44px} 
.lang-en .business-major-items .description{margin-top:30px} 
.lang-en .business-major-items.food{min-height:630px} 
.lang-en .business-major-items.food .item.nth-child-1 .nav,.lang-en .business-major-items.food .item.nth-child-2 .nav,.lang-en .business-major-items.food .item.nth-child-4 .nav{height:116px} 
.lang-en .business-major-items.food .item.nth-child-2 .nav{top:117px} 
.lang-en .business-major-items.food .item.nth-child-3 .nav{top:234px} 
.lang-en .business-major-items.food .item.nth-child-4 .nav{top:324px} 
.lang-en .business-major-items.food .item.nth-child-5 .nav{top:441px} 
.lang-en .business-major-items.food .item.nth-child-6 .nav{top:531px} 
.business-links{margin-top:100px} 
.business-links .grid{margin:0 -1px} 
.business-links .grid .module{margin:0 1px} 
.business-links a{display:block;position:relative;padding-left:40px;height:280px;overflow:hidden;color:#fff} 
.business-links a:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;margin:1px;background-color:#323232;background-size:cover} 
.business-links .subject{margin:40px 0 0;font-size:30px;color:#fff} 
.business-links .desc{margin:10px 0 0;color:#fff;font-size:18px;line-height:1.6} 
.business-links .action{position:absolute;left:40px;bottom:40px} 
.business-links .food a:before{background-image:url('../img/about/link_food.jpg')} 
.business-links .network a:before{background-color:#aba196;background-image:url('../img/about/link_network.jpg')} 
.business-links .brand a:before{background-color:#333;background-image:url('../img/about/link_brand.jpg')} 
.business-links .bio a:before{background-image:url('../img/about/link_bio.jpg')} 
.business-links .js-inview a:before{-webkit-transform:translate(0, 100%);-ms-transform:translate(0, 100%);transform:translate(0, 100%);-webkit-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s} 
.business-links .js-inview.is-inviewed a:before{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.business-links.bio .grid{margin:0 -35px} 
.lang-en .business-links a{padding-right:40px} 
.lang-en .business-links .subject{font-size:28px} 
.lang-en .business-links .desc{font-size:16px} 
.business-bio-performance .background{position:relative;left:50%;width:1600px;height:500px;margin-left:-800px;background-image:url('../img/about/bio_performance_1.jpg')} 
.business-bio-performance .item{position:relative;margin-top:100px} 
.business-bio-performance .item.biology .background{background-image:url('../img/about/bio_performance_2.jpg')} 
.business-bio-performance .item:nth-child(odd) .core{left:-60px} 
.business-bio-performance .item:nth-child(2n) .core{left:50%;right:-60px} 
.business-bio-performance .description p{margin:15px 0 0;line-height:1.7;font-size:18px} 
.business-bio-performance .description p:first-child{margin-top:0} 
.business-bio-performance .core{position:relative;margin-top:-350px;padding:60px 50px 60px 60px;width:490px;background-color:#ef151e} 
.business-bio-performance .core .title{position:relative;margin:0;padding:0 0 30px 0;font-size:30px;color:#fff} 
.business-bio-performance .core .title:before{content:'';position:absolute;left:0;bottom:0;width:24px;height:3px;background-color:#fff} 
.business-bio-performance .core p{margin:0;color:#fff;letter-spacing:-0.05em} 
.business-bio-performance .core .sub-title{margin:40px 0 0;font-weight:500;font-size:26px} 
.business-bio-performance .core .description{margin-top:20px} 
.business-bio-performance .desc{text-align:center} 
.business-bio-performance .desc .title{margin:100px 0 0;font-size:30px;color:#333;font-weight:500} 
.business-bio-performance .desc .title small{font-size:16px} 
.business-bio-performance .desc .description{margin-top:30px} 
.business-bio-performance .graph-items{margin-top:80px;padding-top:90px;text-align:center;border-top:1px #dcdcdc solid} 
.business-bio-performance .graph-items .title{margin:0;font-size:24px;font-weight:400} 
.business-bio-performance .graph-items .title small{font-size:16px} 
.business-bio-performance .js-inview .core{-webkit-transform:translate(100px, 50px);-ms-transform:translate(100px, 50px);transform:translate(100px, 50px);-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s} 
.business-bio-performance .js-inview.is-inviewed .core{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.is-modal-ceo-food .md-modal-inner{overflow-x:inherit} 
.about-ceo-message{margin:0 90px;text-align:left} 
.about-ceo-message .modal-title{margin:40px 0 0;padding:0;text-align:center;font-size:30px!important;color:#ef151e} 
.about-ceo-message .upper{position:relative;margin:30px -130px 0 -130px;padding:60px 90px;background-color:#e0d0be} 
.about-ceo-message .upper .module{max-width:50%} 
.about-ceo-message .upper p{margin:0;color:#333;font-size:20px;line-height:1.8} 
.about-ceo-message .upper p.hello{position:relative;margin-bottom:35px;padding-bottom:40px;font-size:30px;font-weight:500;line-height:1.5} 
.about-ceo-message .upper p.hello:before{content:'';position:absolute;bottom:0;width:40px;height:2px;background-color:#ef151e} 
.about-ceo-message .downer{margin-top:70px} 
.about-ceo-message .downer p{margin:30px 0 0;color:#666;font-size:18px;line-height:1.8} 
.about-ceo-message .downer p:first-child{margin-top:0} 
.about-ceo-message .downer p.from{margin-top:0;text-align:right} 
.about-ceo-message .downer p.from .name{color:#333;font-size:40px} 
.lang-en .about-ceo-message .downer p.from .name{display:block} 
.about-ceo-message .object{position:absolute;bottom:0;right:0;width:470px;background-position:center bottom} 
.about-ceo-message .object.object-a{top:0;background-image:url('../img/about/ceo_message_food_a.png')} 
.about-ceo-message .object.object-b{height:470px;background-image:url('../img/about/ceo_message_food_b.png')} 
.about-ceo-message.bio .object{width:500px} 
.about-ceo-message.bio .object.object-a{background-image:url('../img/about/ceo_message_bio_a.png')} 
.about-ceo-message.bio .object.object-b{height:509px;background-image:url('../img/about/ceo_message_bio_b.png')} 
.major-item-food{margin:0 50px} 
.major-item-food .modal-title{margin:40px 0;padding:0;text-align:center;font-size:30px!important;color:#ef151e} 
.major-item-food .item-list{margin-top:60px;margin-bottom:50px;text-align:left} 
.major-item-food .item-list .module{display:table;width:100%;table-layout:fixed} 
.major-item-food .item-list .module .thumb-holder{display:table-cell;width:380px;text-align:center;vertical-align:middle;background-color:#f2f2f2} 
.major-item-food .item-list .module .content-holder{display:table-cell;vertical-align:middle;padding:30px 0 30px 30px} 
.major-item-food .item-list h3{display:inline-block;position:relative;margin:0;padding:0 0 20px 0;font-weight:400;font-size:30px;color:#333;letter-spacing:-0.05em} 
.major-item-food .item-list h3:before{content:'';position:absolute;top:100%;right:0;width:185px;height:1px;background-color:#000} 
.major-item-food .item-list h3.large:before{right:50%} 
.major-item-food .item-list .description{margin-top:25px;letter-spacing:-0.05em} 
.major-item-food .item-list .description p{margin:15px 0 0;color:#666;line-height:1.7;word-break:keep-all} 
.lang-cn .major-item-food .item-list .description p{word-break:normal} 
.major-item-food .item-list .description p:first-child{margin-top:0} 
.major-item-food .item-list .item:nth-child(2n) .content-holder{padding-left:0;padding-right:30px;text-align:right} 
.major-item-food .item-list .item:nth-child(2n) .content-holder h3:before{right:auto;left:0} 
.major-item-food .item-list .item:nth-child(2n) .content-holder h3.large:before{left:50%} 
.major-item-bio .modal-title{margin:40px 0;padding:0;text-align:center;font-size:30px!important;color:#ef151e} 
.major-item-bio .tab-a{margin-top:40px} 
.major-item-bio .tab-a span{font-size:18px} 
.major-item-bio .item-wrapper{margin-bottom:50px;overflow:hidden;overflow-y:auto;max-height:550px;max-height:55vh} 
.major-item-bio .item-list .item{padding:40px 0;text-align:left;border-top:1px #dcdcdc solid} 
.major-item-bio .item-list .item:first-child{border-top:0} 
.major-item-bio .item-list .item .thumb-holder{width:25%} 
.major-item-bio .item-list .item .thumb-holder img{width:180px} 
.major-item-bio .item-list .item .content-holder{width:75%;padding-right:20px} 
.major-item-bio .item-list .item .content-holder li,.major-item-bio .item-list .item .content-holder p{color:#666} 
.major-item-bio .item-list .item .subject{margin:0;font-size:24px;font-weight:400} 
.major-item-bio .item-list .item .summary{margin:5px 0 0;font-weight:500;font-size:18px} 
.major-item-bio .item-list .item .sub-title{margin:20px 0 5px 0;font-size:16px;font-weight:400;line-height:1.4} 
.major-item-bio .item-list .item .sub-title.medium{font-weight:500} 
.major-item-bio .item-list .item ol.list.list-a{margin:10px 0 0 20px;padding:0} 
.major-item-bio .item-list .item ol.list.list-a li{margin:8px 0;line-height:1.4} 
.major-item-bio .item-list .item ol.list.list-b{margin:0;padding:0;list-style:none} 
.major-item-bio .item-list .item ol.list.list-b li{position:relative;margin:8px 0;padding:0 0 0 20px} 
.major-item-bio .item-list .item ol.list.list-b li:before{content:'';position:absolute;top:0;left:0} 
.major-item-bio .item-list .item ol.list.list-b li:first-child::before{content:'①'} 
.major-item-bio .item-list .item ol.list.list-b li:nth-child(2):before{content:'②'} 
.major-item-bio .item-list .item ol.list.list-b li:nth-child(3):before{content:'③'} 
.major-item-bio .item-list .item ol.list.list-b li:nth-child(4):before{content:'④'} 
.major-item-bio .item-list .item ol.list.list-b li:nth-child(5):before{content:'⑤'} 
.major-item-bio .item-list .item .description{margin-top:5px} 
.major-item-bio .item-list .item .description p{margin:15px 0 0;line-height:1.7} 
.major-item-bio .item-list .item .description p:first-child{margin-top:0} 
.major-item-bio .item-list .item .has-half{max-width:500px} 
.major-item-bio .item-list .item ol.has-half{clear:both;*zoom:1} 
.major-item-bio .item-list .item ol.has-half:after,.major-item-bio .item-list .item ol.has-half:before{content:" ";display:table} 
.major-item-bio .item-list .item ol.has-half:after{clear:both} 
.major-item-bio .item-list .item ol.has-half li{float:left;width:50%;margin:2px 0!important;-webkit-box-sizing:border-box;box-sizing:border-box} 
.major-item-bio .item-list .item ol.has-half li ol,.major-item-bio .item-list .item ol.has-half li ul{max-width:none} 
.major-item-bio .item-list .item ol.has-half li ol li,.major-item-bio .item-list .item ol.has-half li ul li{float:none;width:auto} 
.major-item-bio .item-list .item .sub-title+.sub-title{margin-top:10px} 
.major-item-bio .item-list .item .subject+.list{margin-top:20px} 
.page-csr-contribution .section-visual.is-about,.page-csr-prize .section-visual.is-about,.page-csr-purpose .section-visual.is-about,.page-csr-report .section-visual.is-about,.page-csr-values .section-visual.is-about{margin-bottom:15px} 
.page-csr-contribution .section-visual.is-about .wrap,.page-csr-prize .section-visual.is-about .wrap,.page-csr-purpose .section-visual.is-about .wrap,.page-csr-report .section-visual.is-about .wrap,.page-csr-values .section-visual.is-about .wrap{padding-bottom:33px} 
.page-csr-contribution .section-visual.is-about .wrap .title,.page-csr-prize .section-visual.is-about .wrap .title,.page-csr-purpose .section-visual.is-about .wrap .title,.page-csr-report .section-visual.is-about .wrap .title,.page-csr-values .section-visual.is-about .wrap .title{color:#ef151e} 
.page-csr-contribution .section-visual.is-about .wrap .desc,.page-csr-prize .section-visual.is-about .wrap .desc,.page-csr-purpose .section-visual.is-about .wrap .desc,.page-csr-report .section-visual.is-about .wrap .desc,.page-csr-values .section-visual.is-about .wrap .desc{color:#666} 
.history-nav{position:fixed;top:50%;right:30px;margin-top:-74px;opacity:0;z-index:-1;visibility:hidden} 
.history-nav a{display:block;margin-top:8px;color:#fff;-webkit-transform:scale(0, 0);-ms-transform:scale(0, 0);transform:scale(0, 0);-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:-webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.history-nav a:first-child{margin-top:0} 
.history-nav a span{position:relative;display:inline-block;width:44px;height:44px;line-height:44px;font-size:14px;text-align:center;font-weight:500;background-color:#9b938a;border-radius:100%} 
.history-nav a span:before{content:'';position:absolute;top:75%;right:50%;left:50%;height:1px;background-color:#fff;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s} 
.history-nav a.in span{background-color:#ef151e} 
.history-nav a.in span:before{opacity:1;right:10px;left:10px} 
@media (min-width:1600px){.history-nav{right:50%;margin-right:-770px} 
.is-in .history-nav{opacity:1;z-index:1;visibility:visible} 
.is-in .history-nav a{-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)} 
#timeline.is-food li{opacity:0.2} 
#timeline.is-food li.food{opacity:1} 
#timeline.is-bio li{opacity:0.2} 
#timeline.is-bio li.bio{opacity:1} 
.brand-products .list{margin-left:-16px;margin-right:-16px} 
.brand-products .item{width:25%;-webkit-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-transition-duration:0.4s;-o-transition-duration:0.4s;transition-duration:0.4s} 
.brand-products .item a{display:block} 
.brand-products .item .module{margin:0 16px;max-width:260px;text-align:center} 
.brand-products .item .pic a{padding:1px} 
.brand-products .item .pic img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-products .item .desc{padding:18px 0 46px;min-height:65px} 
.brand-products .item .desc p{margin:0;font-size:18px;color:#000;line-height:1;word-break:keep-all} 
.brand-products .item .desc p.category{display:none;font-size:14px;color:#999} 
.brand-products .item .desc p.name{margin-top:5px;font-weight:500;line-height:1.7} 
.brand-products .item .desc .action{margin-top:9px;font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif;font-size:14px} 
.lang-cn .brand-products .item .desc .action,.lang-en .brand-products .item .desc .action{display:none} 
.brand-products .item .desc .action span{display:inline-block;position:relative;padding:0 20px 0 0;font-weight:500;color:#000000} 
.brand-products .item .desc .action span:before{content:'';display:block;position:absolute;top:3px;left:inherit;right:0;width:14px;height:14px;content:"";background-image:url('../img/common/brand_product_category_bg.gif');background-color:inherit} 
.brand-products .item:first-child{-webkit-transition-delay:200ms;-o-transition-delay:200ms;transition-delay:200ms} 
.brand-products .item:nth-child(2){-webkit-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms} 
.brand-products .item:nth-child(3){-webkit-transition-delay:300ms;-o-transition-delay:300ms;transition-delay:300ms} 
.brand-products .item:nth-child(4){-webkit-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms} 
.brand-products .item:nth-child(5){-webkit-transition-delay:400ms;-o-transition-delay:400ms;transition-delay:400ms} 
.brand-products .item:nth-child(6){-webkit-transition-delay:450ms;-o-transition-delay:450ms;transition-delay:450ms} 
.brand-products .item:nth-child(7){-webkit-transition-delay:500ms;-o-transition-delay:500ms;transition-delay:500ms} 
.brand-products .item:nth-child(8){-webkit-transition-delay:550ms;-o-transition-delay:550ms;transition-delay:550ms} 
.brand-products .item:nth-child(9){-webkit-transition-delay:600ms;-o-transition-delay:600ms;transition-delay:600ms} 
.brand-products .item:nth-child(10){-webkit-transition-delay:650ms;-o-transition-delay:650ms;transition-delay:650ms} 
.brand-products .item:nth-child(11){-webkit-transition-delay:700ms;-o-transition-delay:700ms;transition-delay:700ms} 
.brand-products .item:nth-child(12){-webkit-transition-delay:750ms;-o-transition-delay:750ms;transition-delay:750ms} 
.brand-products .item:nth-child(13){-webkit-transition-delay:800ms;-o-transition-delay:800ms;transition-delay:800ms} 
.brand-products .item:nth-child(14){-webkit-transition-delay:850ms;-o-transition-delay:850ms;transition-delay:850ms} 
.brand-products .item:nth-child(15){-webkit-transition-delay:900ms;-o-transition-delay:900ms;transition-delay:900ms} 
@media (max-width:1899px){.brand-products .item{width:25%} 
.brand-products .item:nth-child(4n+1){clear:left} 
@media (min-width:1900px){.brand-products .item{width:20%} 
.brand-products .item:nth-child(5n+1){clear:left} 
.brand-products .js-inview .item{opacity:0;-webkit-transform:translate(0, 30px);-ms-transform:translate(0, 30px);transform:translate(0, 30px)} 
.brand-products .js-inview.is-inviewed .item{opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)} 
.brand-products.category .desc{padding:17px 0 60px} 
.brand-products.category .desc p.name{font-weight:700} 
.brand-media-channel{padding-bottom:60px} 
.brand-media-channel .js-brand-channel{position:relative} 
.brand-media-channel .js-brand-channel .swiper-container .swiper-slide{width:60%;max-width:1140px;max-height:640px;margin:0 auto;padding:2px} 
.brand-media-channel .js-brand-channel .swiper-container .swiper-slide a{display:block;overflow:hidden;position:relative;padding-top:56%} 
.brand-media-channel .js-brand-channel .swiper-container .swiper-slide a img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:before{display:block;position:absolute;top:50%;left:50%;z-index:5;width:100px;height:100px;margin:-50px 0 0 -50px;content:"";background-image:url('../img/brand/channel_icon_play.png')} 
.brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{display:block;position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;content:"";border-radius:100%} 
.brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:focus img,.brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} 
.brand-media-channel .js-brand-channel .swiper-count{position:absolute;z-index:10;text-align:center;bottom:15px;right:22%} 
.brand-media-channel .js-brand-channel .swiper-count .count{color:#fff} 
.brand-media-channel .js-brand-channel .swiper-count .count .current{font-size:60px} 
.brand-media-channel .js-brand-channel .swiper-count .count .total{font-size:30px} 
.brand-media-channel .js-brand-channel .swiper-navigation{position:absolute;top:50%;margin-top:-18px;width:50px;height:36px;background:none} 
.brand-media-channel .js-brand-channel .swiper-navigation .icon{width:50px;height:36px;background-color:#000} 
.brand-media-channel .js-brand-channel .swiper-navigation .icon:after,.brand-media-channel .js-brand-channel .swiper-navigation .icon:before{content:'';position:absolute;top:50%;left:50%;margin:0 0 0 -4px;width:8px;height:1px;background-color:#fff} 
.brand-media-channel .js-brand-channel .swiper-navigation .icon:after{margin-top:-1px} 
.brand-media-channel .js-brand-channel .swiper-navigation.swiper-button-prev{left:0} 
.brand-media-channel .js-brand-channel .swiper-navigation.swiper-button-prev .icon:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center} 
.brand-media-channel .js-brand-channel .swiper-navigation.swiper-button-prev .icon:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center} 
.brand-media-channel .js-brand-channel .swiper-navigation.swiper-button-next{right:0} 
.brand-media-channel .js-brand-channel .swiper-navigation.swiper-button-next .icon:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center} 
.brand-media-channel .js-brand-channel .swiper-navigation.swiper-button-next .icon:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center} 
.brand-media-channel .js-brand-channel .swiper-navigation:hover .icon{background-color:#ef151e} 
.brand-media-channel .js-brand-channel .swiper-control,.brand-media-channel .js-brand-channel .swiper-navigation{display:none} 
.brand-social-feeds .list{padding-bottom:140px;margin-left:-14px;margin-right:-14px} 
.brand-social-feeds .module{margin:0 14px;max-width:360px} 
.brand-social-feeds .module a{display:block;position:relative;padding-top:100%} 
.brand-social-feeds .module a img,.brand-social-feeds .module a video{position:absolute;top:0;left:0;width:100%;height:100%} 
.ie .brand-social-feeds .module a:focus{outline:1px #000 dotted} 
.brand-carousel-slider{padding:50px 0 43px;background:#f0f0f0} 
.brand-carousel-slider .titles{position:relative;width:367px;margin:0 auto;text-align:center} 
.brand-carousel-slider .titles .title{font-size:26px} 
.brand-carousel-slider .titles .btn-next,.brand-carousel-slider .titles .btn-prev{display:inline-block;position:absolute;width:40px;height:40px} 
.brand-carousel-slider .titles .btn-prev{display:none;top:0;left:0;background-image:url('../img/brand/brand_carousel_prev.png')} 
.brand-carousel-slider .titles .btn-next{display:none;top:0;right:0;background-image:url('../img/brand/brand_carousel_next.png')} 
.brand-carousel-slider .module .js-carousel-swiper{position:relative;margin:69px 0 0;opacity:0} 
.brand-carousel-slider .module .js-carousel-swiper.in .swiper-button-next,.brand-carousel-slider .module .js-carousel-swiper.in .swiper-button-prev,.brand-carousel-slider .module .js-carousel-swiper.in .swiper-pagination{display:block} 
.brand-carousel-slider .module .js-carousel-swiper .swiper-container{margin:0 auto} 
.brand-carousel-slider .module .js-carousel-swiper .swiper-slide a{display:block} 
.brand-carousel-slider .module .js-carousel-swiper .swiper-slide a:focus{outline-offset:-2px} 
.brand-carousel-slider .module .js-carousel-swiper .swiper-slide a .default{position:relative;display:inline-block} 
.brand-carousel-slider .module .js-carousel-swiper .swiper-slide a img{position:relative;z-index:10} 
.brand-carousel-slider .module .js-carousel-swiper .swiper-slide a .bg{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;max-width:200px;max-height:128px;-webkit-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-carousel-slider .module .js-carousel-swiper .swiper-slide a:focus .bg,.brand-carousel-slider .module .js-carousel-swiper .swiper-slide a:hover .bg{opacity:1} 
.brand-carousel-slider .module .js-carousel-swiper .swiper-slide a:focus p span,.brand-carousel-slider .module .js-carousel-swiper .swiper-slide a:hover p span{border-bottom:2px solid #ef151e!important} 
.brand-carousel-slider .module .js-carousel-swiper .swiper-slide .grid .col{position:relative;text-align:center} 
.brand-carousel-slider .module .js-carousel-swiper .swiper-slide .grid .col p{margin:12px 0 0} 
.brand-carousel-slider .module .js-carousel-swiper .swiper-slide .grid .col p span{display:inline-block;font-size:18px;color:#333;line-height:1.3;border-bottom:2px solid #f0f0f0} 
.brand-carousel-slider .module .js-carousel-swiper .swiper-slide .grid .col:before{display:inline-block;position:absolute;top:15px;left:0;width:1px;height:157px;content:"";background-color:#dedede} 
.brand-carousel-slider .module .js-carousel-swiper .swiper-slide .grid .col:first-child:before{display:none} 
.brand-carousel-slider .module .js-carousel-swiper .swiper-pagination{display:none;top:0;right:21px;width:36px;height:30px;line-height:30px;background-color:#fff} 
.brand-carousel-slider .module .js-carousel-swiper .swiper-pagination .count{font-size:14px;color:#666} 
.brand-carousel-slider .module .js-carousel-swiper .swiper-button-next,.brand-carousel-slider .module .js-carousel-swiper .swiper-button-prev{display:none;width:36px;height:36px;margin-top:0;background-size:100%} 
.brand-carousel-slider .module .js-carousel-swiper .swiper-button-prev{top:67px;left:initial;right:21px;background-image:url('../img/brand/brand_carousel_prev.gif')} 
.brand-carousel-slider .module .js-carousel-swiper .swiper-button-next{top:30px;right:21px;background-image:url('../img/brand/brand_carousel_next.gif')} 
.page-brand .content p{margin:20px 0;padding:0;line-height:1.7} 
.page-brand .title{margin:0;padding:0} 
.page-brand .sub-title{margin:0;padding:0} 
.page-brand .has-line-top{position:relative} 
.page-brand .has-line-top:before{content:'';display:block;position:absolute;top:0;left:50%;width:36px;height:4px;margin-left:-18px;background-color:#fff;overflow:hidden;-webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;-o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s} 
.page-brand .js-inview .inview-el.has-line-top:before{width:0px} 
.page-brand .js-inview.is-inviewed .inview-el.has-line-top:before{width:36px} 
.brand-hatban-a.page-brand .brand-title{color:#ef151e} 
.brand-hatban-a.page-brand .button-socials i.icon{background-color:#ef151e} 
.brand-hatban-a.page-brand .brand-media-channel .module:before{border-left-color:#ef151e} 
.brand-hatban-a.page-brand .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#ef151e} 
.brand-hatban-a.page-brand .brand-carousel-slider .titles .title{color:#ef151e} 
.brand-hatban-a.page-brand #topbutton a{color:#fff} 
.brand-hatban-a.page-brand #topbutton .icon{background-color:#ef151e} 
.brand-hatban-a.page-brand #topbutton .icon:after,.brand-hatban-a.page-brand #topbutton .icon:before{background-color:#fff} 
.brand-hatban-a.page-brand .button-more{border-color:#ef151e;background-color:#ef151e} 
.brand-hatban-a.page-brand .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.brand-hatban-a.page-brand .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.brand-hatban-a.page-brand .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.brand-hatban-a.page-brand .button-more span{padding-right:39px;color:#fff} 
.brand-hatban-a.page-brand .button-more:before{background-color:#fff} 
.brand-hatban-a.page-brand .button-more:hover i{background-color:#ef151e} 
.brand-hatban-a.page-brand .button-more:hover i:after,.brand-hatban-a.page-brand .button-more:hover i:before{background-color:#ef151e} 
.brand-hatban-a.page-brand .button-more:hover span{color:#ef151e} 
.brand-hatban-a.page-brand .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#ef151e} 
.page-brand-bibigo{} 
.page-brand-bibigo .brand-title{color:#75A11B} 
.page-brand-bibigo .button-socials i.icon{background-color:#75A11B} 
.page-brand-bibigo .brand-media-channel .module:before{border-left-color:#75A11B} 
.page-brand-bibigo .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#75A11B} 
.page-brand-bibigo .brand-carousel-slider .titles .title{color:#75A11B} 
.page-brand-bibigo #topbutton a{color:#fff} 
.page-brand-bibigo #topbutton .icon{background-color:#75A11B} 
.page-brand-bibigo #topbutton .icon:after,.page-brand-bibigo #topbutton .icon:before{background-color:#fff} 
.page-brand-bibigo .button-more{border-color:#75A11B;background-color:#75A11B} 
.page-brand-bibigo .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-bibigo .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-bibigo .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-bibigo .button-more span{padding-right:39px;color:#fff} 
.page-brand-bibigo .button-more:before{background-color:#fff} 
.page-brand-bibigo .button-more:hover i{background-color:#75A11B} 
.page-brand-bibigo .button-more:hover i:after,.page-brand-bibigo .button-more:hover i:before{background-color:#75A11B} 
.page-brand-bibigo .button-more:hover span{color:#75A11B} 
.page-brand-bibigo .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#75A11B} 
.page-brand-hatban{} 
.page-brand-hatban .brand-title{color:#c31314} 
.page-brand-hatban .button-socials i.icon{background-color:#c31314} 
.page-brand-hatban .brand-media-channel .module:before{border-left-color:#c31314} 
.page-brand-hatban .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#c31314} 
.page-brand-hatban .brand-carousel-slider .titles .title{color:#c31314} 
.page-brand-hatban #topbutton a{color:#fff} 
.page-brand-hatban #topbutton .icon{background-color:#c31314} 
.page-brand-hatban #topbutton .icon:after,.page-brand-hatban #topbutton .icon:before{background-color:#fff} 
.page-brand-hatban .button-more{border-color:#c31314;background-color:#c31314} 
.page-brand-hatban .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-hatban .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-hatban .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-hatban .button-more span{padding-right:39px;color:#fff} 
.page-brand-hatban .button-more:before{background-color:#fff} 
.page-brand-hatban .button-more:hover i{background-color:#c31314} 
.page-brand-hatban .button-more:hover i:after,.page-brand-hatban .button-more:hover i:before{background-color:#c31314} 
.page-brand-hatban .button-more:hover span{color:#c31314} 
.page-brand-hatban .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#c31314} 
.page-brand-hatban .section-brand-visual .sub-titles{left:auto;top:50px;right:120px} 
@media (min-width:1921px){.page-brand-hatban .section-visual .backgrounds{background-size:cover!important} 
.page-brand-samho-eomuk{} 
.page-brand-samho-eomuk .brand-title{color:#002e5a} 
.page-brand-samho-eomuk .button-socials i.icon{background-color:#002e5a} 
.page-brand-samho-eomuk .brand-media-channel .module:before{border-left-color:#002e5a} 
.page-brand-samho-eomuk .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#002e5a} 
.page-brand-samho-eomuk .brand-carousel-slider .titles .title{color:#002e5a} 
.page-brand-samho-eomuk #topbutton a{color:#fff} 
.page-brand-samho-eomuk #topbutton .icon{background-color:#002e5a} 
.page-brand-samho-eomuk #topbutton .icon:after,.page-brand-samho-eomuk #topbutton .icon:before{background-color:#fff} 
.page-brand-samho-eomuk .button-more{border-color:#002e5a;background-color:#002e5a} 
.page-brand-samho-eomuk .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-samho-eomuk .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-samho-eomuk .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-samho-eomuk .button-more span{padding-right:39px;color:#fff} 
.page-brand-samho-eomuk .button-more:before{background-color:#fff} 
.page-brand-samho-eomuk .button-more:hover i{background-color:#002e5a} 
.page-brand-samho-eomuk .button-more:hover i:after,.page-brand-samho-eomuk .button-more:hover i:before{background-color:#002e5a} 
.page-brand-samho-eomuk .button-more:hover span{color:#002e5a} 
.page-brand-samho-eomuk .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#002e5a} 
.brand-submain .list-column .thumbs{position:relative;padding:0 0 64% 0;background:#000;overflow:hidden} 
.brand-submain .list-column .background{position:absolute;top:0;left:0;right:0;bottom:0;background-size:100% auto;background-size:cover;background-position:center center;-webkit-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);-webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-submain .list-column .pic{position:absolute;top:0;left:0;right:0;bottom:0;text-align:center} 
.brand-submain .list-column .pic img{margin:0 auto;height:100%} 
.brand-submain .list-column .summary{-webkit-box-sizing:content-box;box-sizing:content-box;height:50px;padding:24px 0;background-color:#fff;text-align:center} 
.brand-submain .list-column .summary,.brand-submain .list-column .summary p{line-height:1.4} 
.brand-submain .list-column .name{margin:0;padding:0;font-size:18px;color:#333} 
.brand-submain .list-column .desc{margin:0;padding:0;font-size:16px;color:#999} 
.brand-submain .list-column a{display:block} 
.brand-submain .list-column a:focus{outline-offset:-2px} 
.brand-submain .list-column a:hover .background{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)} 
.brand-submain .list-column a:hover .pic{z-index:3} 
.brand-submain .list-column a:hover .thumbs:before{opacity:0.2} 
.brand-submain .js-inview .thumbs:before{content:'';position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:0.8;-webkit-transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-submain .js-inview .pic{-webkit-transform:translate(0, 20px);-ms-transform:translate(0, 20px);transform:translate(0, 20px);-webkit-transition:-webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:-webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-submain .js-inview.is-inviewed .pic{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.brand-submain .js-inview.is-inviewed .thumbs:before{opacity:0} 
.brand-submain .js-inview.nth-child-1 .transition-el{-webkit-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms} 
.brand-submain .js-inview.nth-child-2 .transition-el{-webkit-transition-delay:100ms;-o-transition-delay:100ms;transition-delay:100ms} 
.brand-submain .js-inview.nth-child-3 .transition-el{-webkit-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms} 
.brand-submain .js-inview.nth-child-4 .transition-el{-webkit-transition-delay:200ms;-o-transition-delay:200ms;transition-delay:200ms} 
.brand-submain .js-inview.nth-child-5 .transition-el{-webkit-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms} 
.brand-submain .js-inview.nth-child-6 .transition-el{-webkit-transition-delay:300ms;-o-transition-delay:300ms;transition-delay:300ms} 
.brand-submain .js-inview.nth-child-7 .transition-el{-webkit-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms} 
.brand-submain .js-inview.nth-child-8 .transition-el{-webkit-transition-delay:400ms;-o-transition-delay:400ms;transition-delay:400ms} 
.brand-submain .js-inview.nth-child-9 .transition-el{-webkit-transition-delay:450ms;-o-transition-delay:450ms;transition-delay:450ms} 
.brand-submain .js-inview.nth-child-10 .transition-el{-webkit-transition-delay:500ms;-o-transition-delay:500ms;transition-delay:500ms} 
.brand-submain .js-inview.nth-child-11 .transition-el{-webkit-transition-delay:550ms;-o-transition-delay:550ms;transition-delay:550ms} 
.brand-submain .js-inview.nth-child-12 .transition-el{-webkit-transition-delay:600ms;-o-transition-delay:600ms;transition-delay:600ms} 
.brand-submain .js-inview.nth-child-13 .transition-el{-webkit-transition-delay:650ms;-o-transition-delay:650ms;transition-delay:650ms} 
.brand-bibigo-a{padding-top:115px;padding-bottom:130px} 
.brand-bibigo-a .title{font-size:50px;color:#000} 
.brand-bibigo-a .title span{position:absolute;display:block;top:0;left:0;width:670px} 
.brand-bibigo-a .sub-title{margin:10px 0;font-size:40px;color:#000} 
.brand-bibigo-a .description{margin-top:43px;font-weight:200;font-size:18px;color:#333} 
.brand-bibigo-a .object-holder{float:right;width:530px} 
.brand-bibigo-a .content-holder{z-index:2;top:64px;left:0} 
.brand-bibigo-a .content-holder .inner{padding-top:74px;padding-left:80px} 
.brand-bibigo-a .lines{position:absolute;z-index:2;top:0;left:0;width:670px;height:10px;-webkit-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;-o-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s} 
.brand-bibigo-a .js-inview .lines{width:0} 
.brand-bibigo-a .js-inview.is-inviewed .lines{width:670px} 
.brand-bibigo-b{height:841px;color:#fff;background-image:url('../img/brand/bibigo_b_bg01.png');background-position:center top;background-repeat:repeat-x} 
.brand-bibigo-b p{color:#fff} 
.brand-bibigo-b .object{height:373px;background-image:url('../img/temp/@bb_02.png');background-position:center top} 
.brand-bibigo-b .title{margin-top:15px;font-size:18px} 
.brand-bibigo-b .sub-title{margin-top:25px;padding-top:35px;padding-bottom:15px;font-size:50px} 
.brand-bibigo-b .description{font-size:18px} 
.brand-bibigo-c{margin-top:140px;height:610px} 
.brand-bibigo-c .wrap:before{content:'';display:block;position:absolute;z-index:2;top:0;left:50%;margin-left:-386px;margin-top:30px;height:10px;width:926px;background-color:#75A11B;overflow:hidden;-webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;-o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s} 
.brand-bibigo-c .js-inview.wrap:before{width:0} 
.brand-bibigo-c .js-inview.wrap.is-inviewed:before{width:926px} 
.brand-bibigo-c .sub-title{padding-top:110px;padding-bottom:20px;font-size:50px;color:#000} 
.brand-bibigo-c .description{font-size:18px;color:#333} 
.brand-bibigo-c .holder{position:relative;z-index:2;float:right;width:440px} 
.brand-bibigo-c .pic{left:0;top:0} 
.brand-bibigo-c .pic.pic-b{left:371px;top:240px} 
.brand-bibigo-d{padding-bottom:83px;background:url('../img/brand/bibigo_d_bg_01.jpg') center 420px repeat-x} 
.brand-bibigo-d .js-bibigo-swiper{max-width:1492px;margin:0 auto} 
.brand-bibigo-d .js-bibigo-swiper .titles{position:relative;width:150px;height:95px;margin:0 auto 27px;padding-top:55px;border-radius:100%;background-color:#75A11B} 
.brand-bibigo-d .js-bibigo-swiper .titles .product{display:none;font-size:26px;color:#fff;font-weight:400;text-align:center} 
.brand-bibigo-d .js-bibigo-swiper .titles .product.in{display:block} 
.brand-bibigo-d .js-bibigo-swiper .titles:before{display:block;position:absolute;bottom:-172px;left:50%;z-index:10;width:24px;height:173px;margin-left:-12px;content:"";background-image:url('../img/brand/bibigo_icon_select.png')} 
.brand-bibigo-d .js-bibigo-swiper .description p{display:none;margin:-43px 0 0;font-size:18px;color:#000000} 
.brand-bibigo-d .js-bibigo-swiper .description p .eng-title{display:inline-block;line-height:1} 
.brand-bibigo-d .js-bibigo-swiper .description p.in{display:block} 
.brand-bibigo-d .js-bibigo-swiper .swiper-container .swiper-slide{max-width:462px;height:550px} 
.brand-bibigo-d .js-bibigo-swiper .swiper-container .swiper-slide .cell{display:table;width:100%;height:100%} 
.brand-bibigo-d .js-bibigo-swiper .swiper-container .swiper-slide span{display:table-cell;vertical-align:middle} 
.brand-bibigo-d .js-bibigo-swiper .swiper-container .swiper-slide.active img{width:100%} 
.brand-bibigo-d .js-bibigo-swiper .swiper-container .swiper-slide img{width:340px;-webkit-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-bibigo-d .js-bibigo-swiper .swiper-count{position:absolute;left:50%;bottom:-93px;width:100px;margin-left:-50px} 
.brand-bibigo-d .js-bibigo-swiper .swiper-count .count{color:#75A11B} 
.brand-bibigo-d .js-bibigo-swiper .swiper-count .count .current{display:inline-block;width:50px;font-size:60px} 
.brand-bibigo-d .js-bibigo-swiper .swiper-count .count .total{display:inline-block;width:50px;font-size:30px} 
.brand-bibigo-d .js-bibigo-swiper .swiper-button-prev{top:inherit;left:inherit;right:50%;bottom:-78px;width:36px;height:36px;margin-right:60px;background-image:url('../img/brand/bibigo_swiper_prev.png');background-size:100%} 
.brand-bibigo-d .js-bibigo-swiper .swiper-button-next{top:inherit;left:inherit;left:50%;bottom:-78px;width:36px;height:36px;margin-left:60px;background-image:url('../img/brand/bibigo_swiper_next.png');background-size:100%} 
.brand-bibigo-d .js-bibigo-swiper .swiper-control{display:none;margin:0;position:absolute;z-index:1;bottom:0;left:0;right:0} 
.brand-bibigo-e{padding-top:140px} 
.brand-bibigo-e .map{margin-top:133px;background-image:url('../img/brand/bibigo_e_map.png');min-height:791px;background-size:cover} 
.brand-bibigo-e .counters{font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif;bottom:100px;left:50%;text-align:left;line-height:1} 
.brand-bibigo-e .counters p.name{margin:0;padding:0;font-size:24px;color:#75A11B} 
.brand-bibigo-e .counters .count{position:relative;padding-bottom:15px;margin-right:70px;font-size:130px;font-weight:500;color:#938a83;white-space:nowrap} 
.brand-bibigo-e .counters .count:before{content:'';display:block;position:absolute;bottom:0;left:0;width:36px;height:7px;background-color:#75A11B} 
.brand-bibigo-e .counters:last-child .count{margin-right:0} 
.brand-bibigo-e .titles{top:-170px;left:50%;width:924px;height:340px;margin-left:-462px;background-color:#75A11B;color:#fff} 
.brand-bibigo-e .titles .sub-title{margin-top:44px;padding-top:36px;padding-bottom:10px;font-size:50px} 
.brand-bibigo-e .titles .description p{font-size:18px;color:#fff} 
.lang-en .brand-bibigo-a .content-holder{width:40%} 
.lang-en .brand-bibigo-d .js-bibigo-swiper .titles{display:table;width:170px;height:auto;margin-bottom:7px;padding:0} 
.lang-en .brand-bibigo-d .js-bibigo-swiper .titles .cell{display:table-cell;height:170px;vertical-align:middle} 
.lang-en .brand-bibigo-e .titles{padding-bottom:44px} 
.lang-cn .brand-bibigo-a .content-holder{width:45%} 
.lang-cn .brand-bibigo-d .js-bibigo-swiper .titles{margin-bottom:11px} 
.lang-cn .brand-bibigo-d .js-bibigo-swiper .description p{height:30px;margin:0} 
.brand-hatban-a{height:720px;background-image:url('../img/brand/hatban_a_bg_02.jpg');background-position:center top;background-size:cover} 
.brand-hatban-a .module{width:50%;padding:180px 0 0 80px} 
.brand-hatban-a .module .title{display:inline-block;position:relative;font-size:50px;font-weight:400;color:#000} 
.brand-hatban-a .module .title:before{display:inline-block;position:absolute;top:-22px;left:-45px;width:33px;height:29px;content:"";background-image:url('../img/brand/hatban_a_icon_01.png')} 
.brand-hatban-a .module .title:after{display:inline-block;position:absolute;bottom:-9px;right:-45px;width:33px;height:29px;content:"";background-image:url('../img/brand/hatban_a_icon_02.png')} 
.brand-hatban-a .module .description{margin-top:21px} 
.brand-hatban-a .module .description p{margin:0 0 32px;font-size:18px;color:#000} 
.brand-hatban-b{position:relative} 
.brand-hatban-b .holder{position:relative;width:63%;height:775px;max-width:712px;min-width:500px;margin:0 auto;text-align:center;background-color:#c20a0f} 
.brand-hatban-b .holder .module{padding-top:111px} 
.brand-hatban-b .holder .title{font-size:18px;color:#fff} 
.brand-hatban-b .holder .sub-title{margin-top:23px;padding-top:42px;font-size:38px;color:#fff} 
.brand-hatban-b .holder p.description{margin:33px 0 24px;font-size:18px;color:#fff} 
.brand-hatban-b .background{position:absolute;top:0;width:50%;max-width:604px;height:800px;background-position:center top} 
.brand-hatban-b .background.background-1{left:0;background-image:url('../img/brand/hatban_b_bg_01.jpg')} 
.brand-hatban-b .background.background-2{right:0;background-image:url('../img/brand/hatban_b_bg_02.jpg')} 
@media (min-width:1921px){.brand-hatban-b .background{max-width:calc(50% - 356px);background-size:cover;background-position:center center} 
.brand-hatban-c{overflow:inherit;position:relative;padding-bottom:210px;background-image:url('../img/brand/hatban_c_bg_01.png');background-repeat:repeat;background-position:left top} 
.brand-hatban-c .title{padding-top:130px;padding-bottom:10px;font-size:52px;font-weight:400;color:#1e1e1e} 
.brand-hatban-c p.description{margin:17px 0 84px;font-size:22px;color:#444444} 
.brand-hatban-c .history{position:relative;width:1024px;height:1436px;margin:192px auto 0;background-image:url('../img/brand/hatban_c_bg_line.png');background-position:center top} 
.brand-hatban-c .history .list li{position:absolute} 
.brand-hatban-c .history .list li .year{display:block;font-size:30px;color:#1e1e1e;font-weight:400;line-height:1.2} 
.brand-hatban-c .history .list li .desc{font-size:20px;color:#333;line-height:1.2} 
.brand-hatban-c .history .list li .pic{position:absolute} 
.brand-hatban-c .history .list li:before{display:inline-block;position:absolute;width:13px;height:13px;content:"";background-image:url('../img/brand/hatban_history_off.png')} 
.brand-hatban-c .history .list li.active:before{background-image:url('../img/brand/hatban_history_on.png')} 
.brand-hatban-c .history .list li.item01{top:-134px;left:50%;width:200px;margin-left:-100px;text-align:center} 
.brand-hatban-c .history .list li.item01 .year{font-size:45px} 
.brand-hatban-c .history .list li.item01 .desc{font-size:30px} 
.brand-hatban-c .history .list li.item01 .pic{top:-79px;left:-336px;width:224px} 
.brand-hatban-c .history .list li.item01:before{top:121px;left:50%;margin-left:-6px} 
.brand-hatban-c .history .list li.item02{top:135px} 
.brand-hatban-c .history .list li.item02 .pic{top:-100px;right:-270px;width:245px} 
.brand-hatban-c .history .list li.item02:before{top:6px} 
.brand-hatban-c .history .list li.item03{top:286px} 
.brand-hatban-c .history .list li.item03 .pic{top:-97px;left:-261px;width:197px} 
.brand-hatban-c .history .list li.item03:before{top:10px} 
.brand-hatban-c .history .list li.item04{top:447px} 
.brand-hatban-c .history .list li.item04 .pic{top:-93px;right:-343px;width:324px} 
.brand-hatban-c .history .list li.item04:before{top:4px} 
.brand-hatban-c .history .list li.item05{top:590px} 
.brand-hatban-c .history .list li.item05 .pic{top:-67px;left:-313px;width:282px} 
.brand-hatban-c .history .list li.item05:before{top:16px} 
.brand-hatban-c .history .list li.item06{top:751px} 
.brand-hatban-c .history .list li.item06 .pic{top:-81px;right:-195px;width:228px} 
.brand-hatban-c .history .list li.item06:before{top:10px} 
.brand-hatban-c .history .list li.item07{top:901px} 
.brand-hatban-c .history .list li.item07 .pic{top:-74px;left:-231px;width:261px} 
.brand-hatban-c .history .list li.item07:before{top:15px} 
.brand-hatban-c .history .list li.item08{top:1062px} 
.brand-hatban-c .history .list li.item08 .pic{top:-70px;right:-282px;width:212px} 
.brand-hatban-c .history .list li.item08:before{top:9px} 
.brand-hatban-c .history .list li.item09{top:1216px} 
.brand-hatban-c .history .list li.item09 .pic{top:-69px;left:-312px;width:252px} 
.brand-hatban-c .history .list li.item09:before{top:10px} 
.brand-hatban-c .history .list li.item10{top:1369px} 
.brand-hatban-c .history .list li.item10 .pic{top:-64px;right:-300px;width:261px} 
.brand-hatban-c .history .list li.item10:before{top:12px} 
.brand-hatban-c .history .list li.item02,.brand-hatban-c .history .list li.item04,.brand-hatban-c .history .list li.item06,.brand-hatban-c .history .list li.item08,.brand-hatban-c .history .list li.item10{left:50%;margin-left:27px;text-align:left} 
.brand-hatban-c .history .list li.item02:before,.brand-hatban-c .history .list li.item04:before,.brand-hatban-c .history .list li.item06:before,.brand-hatban-c .history .list li.item08:before,.brand-hatban-c .history .list li.item10:before{left:-33px} 
.brand-hatban-c .history .list li.item03,.brand-hatban-c .history .list li.item05,.brand-hatban-c .history .list li.item07,.brand-hatban-c .history .list li.item09,.brand-hatban-c .history .list li.item11{right:50%;margin-right:27px;text-align:right} 
.brand-hatban-c .history .list li.item03:before,.brand-hatban-c .history .list li.item05:before,.brand-hatban-c .history .list li.item07:before,.brand-hatban-c .history .list li.item09:before,.brand-hatban-c .history .list li.item11:before{right:-34px} 
.brand-hatban-c .background{position:absolute;bottom:-250px;left:0;z-index:5;width:779px;height:731px;background-image:url('../img/brand/hatban_c_img_12.png')} 
.brand-hatban-d{position:relative;padding:112px 0 115px;background-image:url('../img/brand/hatban_d_bg_01.gif');background-repeat:repeat;background-position:left top} 
.brand-hatban-d .holder{text-align:center} 
.brand-hatban-d .holder .title span{font-size:52px;color:#000} 
.brand-hatban-d .holder p.description{margin:30px 0 0;padding-top:26px;font-size:18px;color:#000} 
.brand-hatban-d .holder p.description.has-line-top:before{background-color:#000} 
.brand-hatban-d .holder .sub-title{margin:0;font-size:28px;color:#010000} 
.brand-hatban-d .holder.bg-icon{position:relative;margin-top:135px} 
.brand-hatban-d .holder.bg-icon:after,.brand-hatban-d .holder.bg-icon:before{display:inline-block;position:absolute;top:-50px;width:97px;height:87px;content:""} 
.brand-hatban-d .holder.bg-icon:before{left:209px;background-image:url('../img/brand/hatban_icon_02.gif')} 
.brand-hatban-d .holder.bg-icon:after{right:209px;background-image:url('../img/brand/hatban_icon_03.gif')} 
.brand-hatban-d .holder.bg-icon .sub-title{position:relative;z-index:10} 
.brand-hatban-d .grid{margin-top:96px} 
.brand-hatban-d .grid .col{} 
.brand-hatban-d .grid .col .frame{padding:0 12px} 
.brand-hatban-d .grid .col .frame a{display:block} 
.brand-hatban-d .grid .col .frame .thumb{display:block;position:relative;padding:12px;background-color:#fff} 
.brand-hatban-d .grid .col .frame .thumb:focus,.brand-hatban-d .grid .col .frame .thumb:hover{-webkit-box-shadow:10px 12px 20px rgba(0, 0, 0, 0.3);box-shadow:10px 12px 20px rgba(0, 0, 0, 0.3);background-color:#bd0000} 
.brand-hatban-d .grid .col .frame .thumb:focus:before,.brand-hatban-d .grid .col .frame .thumb:hover:before{display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.2;content:"";background-color:#000} 
.brand-hatban-d .grid .col .desc{margin:38px 0 0;font-size:24px;color:#000;text-align:center} 
.brand-hatban-d .grid .col .desc span{position:relative} 
.brand-hatban-d .grid .col .desc span:before{display:block;position:absolute;top:-3px;left:-40px;width:30px;height:35px;content:"";background-image:url('../img/brand/hatban_icon_01.gif')} 
.brand-hatban-d .grid .col.col-1 .thumb:after,.brand-hatban-d .grid .col.col-2 .thumb:after,.brand-hatban-d .grid .col.col-3 .thumb:after{display:inline-block;position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;content:"";background-image:url('../img/brand/hatban_d_btn_open.png')} 
.brand-hatban-d .background{position:absolute;top:142px;right:125px;width:19vw;height:307px;background-image:url('../img/brand/hatban_d_img_04.png');background-size:100%} 
.brand-hatban-d:before{display:block;position:absolute;top:569px;left:0;width:100%;height:122px;background-color:#c20a0f} 
.lang-en .brand-hatban-b .holder{padding:0 40px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.lang-en .brand-hatban-c .holder{margin:0 auto;width:50%} 
.lang-en .brand-hatban-c .history .list li.item01{top:-185px} 
.lang-en .brand-hatban-c .history .list li.item01 .pic{left:-460px} 
.lang-en .brand-hatban-c .history .list li.item01:before{top:172px} 
.lang-en .brand-hatban-c .history .list li.item02 .pic{right:-320px} 
.lang-en .brand-hatban-c .history .list li.item05 .pic{left:-280px} 
.lang-en .brand-hatban-c .history .list li.item06 .pic{right:-267px} 
.lang-en .brand-hatban-c .history .list li.item08 .pic{right:-235px} 
.lang-en .brand-hatban-c .history .list li.item09 .pic{left:-285px} 
.lang-cn .brand-hatban-c .history .list li.item01{top:-155px} 
.lang-cn .brand-hatban-c .history .list li.item01 .pic{left:-385px} 
.lang-cn .brand-hatban-c .history .list li.item01:before{top:142px} 
.lang-cn .brand-hatban-c .history .list li.item02 .pic{right:-300px} 
.lang-cn .brand-hatban-c .history .list li.item05 .pic{left:-355px} 
.lang-cn .brand-hatban-c .history .list li.item09 .pic{left:-275px} 
.lang-cn .brand-hatban-c .history .list li.item10 .pic{right:-385px} 
.is-modal-hatban .md-modal-inner{border-top:8px solid #bd0000;padding:0 20px} 
.is-modal-hatban .park-video{padding:25px 0 50px 0} 
.brand-hatban-secret .modal-title{font-size:38px;color:#c20a0f} 
.brand-hatban-secret.taste .holder{text-align:center} 
.brand-hatban-secret.taste .holder p.desc{margin:0;font-size:18px;color:#666;line-height:1.7} 
.brand-hatban-secret.taste .grid{margin:69px 13px 0} 
.brand-hatban-secret.taste .grid .step li{float:left;position:relative;width:112px;margin-left:36px;text-align:center} 
.brand-hatban-secret.taste .grid .step li .icon{display:block;width:112px;height:112px} 
.brand-hatban-secret.taste .grid .step li p.date{margin:18px 0 0;font-sie:16px;color:#666;letter-spacing:-1px} 
.brand-hatban-secret.taste .grid .step li p.desc{margin:3px 0 0;font-size:20px;font-weight:500;color:#333;letter-spacing:-2px} 
.brand-hatban-secret.taste .grid .step li.step01{margin-left:0} 
.brand-hatban-secret.taste .grid .step li.step01:before{display:none} 
.brand-hatban-secret.taste .grid .step li.step01 .icon{background-image:url('../img/brand/hatban_taste_icon_01.gif')} 
.brand-hatban-secret.taste .grid .step li.step02 .icon{background-image:url('../img/brand/hatban_taste_icon_02.gif')} 
.brand-hatban-secret.taste .grid .step li.step03 .icon{background-image:url('../img/brand/hatban_taste_icon_03.gif')} 
.brand-hatban-secret.taste .grid .step li.step04 .icon{background-image:url('../img/brand/hatban_taste_icon_04.gif')} 
.brand-hatban-secret.taste .grid .step li:before{display:inline-block;position:absolute;top:56px;left:-33px;width:23px;height:38px;margin-top:-19px;content:"";background-image:url('../img/brand/hatban_taste_icon_05.gif')} 
.lang-en .brand-hatban-secret.taste .grid .step li{width:110px} 
.brand-hatban-secret.product .holder{text-align:center} 
.brand-hatban-secret.product .holder p.desc{margin:0 0 0;font-size:18px;color:#666;line-height:1.7} 
.brand-hatban-secret.product .grid{margin-top:68px} 
.brand-hatban-secret.product .grid .product-title{margin:0 0 13px;font-size:20px;font-weight:500;color:#333} 
.brand-hatban-secret.product .grid .module{width:500px;margin:0 auto;background-color:#f1f0f0} 
.brand-hatban-secret.product .grid .proeuct{width:316px;margin:0 auto;padding:16px 0 23px} 
.brand-hatban-secret.product .grid .proeuct .item{float:left;width:154px;margin-left:8px} 
.brand-hatban-secret.product .grid .proeuct .item p.name{margin:0;font-size:16px;color:#666} 
.brand-hatban-secret.product .grid .proeuct .item:first-child{margin-left:0} 
.brand-samho-eomuk-a{background-color:#dec7a9} 
.brand-samho-eomuk-a .grid{position:relative;text-align:center} 
.brand-samho-eomuk-a .background{position:absolute;top:0;bottom:0;background-size:640px auto;width:33.3%} 
.brand-samho-eomuk-a .background.nth-child-1{left:0;background-image:url('../img/brand/samho_eomuk_a_obj_1.png');background-position:left center} 
.brand-samho-eomuk-a .background.nth-child-2{right:0;background-image:url('../img/brand/samho_eomuk_a_obj_2.png');background-position:right center} 
.brand-samho-eomuk-a .module{position:relative;display:inline-block;z-index:2;margin:0 auto;width:640px;height:470px;background-color:#f8efe4} 
.brand-samho-eomuk-a .brand-title{margin:156px 0 21px;padding:0;font-size:50px;color:#000} 
.brand-samho-eomuk-a .desc{margin:0;padding:0;font-size:18px} 
.brand-samho-eomuk-a .desc.kor-title{margin:156px 0 21px;padding:0;font-size:50px;color:#000} 
.brand-samho-eomuk-a .js-inview .background.nth-child-1{-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)} 
.brand-samho-eomuk-a .js-inview .background.nth-child-2{-webkit-transform:translate(50%, 0);-ms-transform:translate(50%, 0);transform:translate(50%, 0);-webkit-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms} 
.brand-samho-eomuk-a .js-inview.is-inviewed .background{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.brand-samho-eomuk-b{background-color:#f3e2cb;background-image:url('../img/temp/@samho_eomuk_b_01.jpg');background-position:50% center} 
.brand-samho-eomuk-b .background{position:absolute;top:0;left:50%;margin-left:-675px;width:675px;height:680px;background-size:auto 680px;background-image:url('../img/brand/samho_eomuk_b_obj_1.png')} 
.brand-samho-eomuk-b .module{position:relative;display:inline-block;z-index:2;margin:0 auto;width:100%;height:680px;background-color:transform} 
.brand-samho-eomuk-b p.desc{width:100%;margin:30px 0 0;padding-left:56%;font-size:18px;line-height:30px;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box} 
.brand-samho-eomuk-b p.desc.kor-title{margin:201px 0 0;color:#333;font-size:38px;line-height:56px;text-align:left} 
.brand-samho-eomuk-b .js-inview .background{-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)} 
.brand-samho-eomuk-b .js-inview.is-inviewed .background{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.brand-samho-eomuk-c{position:relative;height:820px;background-image:url('../img/brand/samho_eomuk_c_bg.png');background-repeat:repeat} 
.brand-samho-eomuk-c:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-image:url('../img/temp/@samho_eomuk_c_01.jpg');background-repeat:no-repeat;background-position:center center} 
.brand-samho-eomuk-c .core{margin-top:35px} 
.brand-samho-eomuk-c .module{position:relative;display:block;z-index:2;margin:0 auto;width:626px;height:680px;text-align:center} 
.brand-samho-eomuk-c .brand-title{position:relative;height:57px;margin:0;padding-top:98px;color:#000;font-size:18px;line-height:30px} 
.brand-samho-eomuk-c .brand-title:after{content:"";position:absolute;bottom:0;left:50%;margin-left:-18px;display:block;width:36px;height:4px;background-color:#0e2e53} 
.brand-samho-eomuk-c p.desc{margin-top:43px;font-size:18px;line-height:30px} 
.brand-samho-eomuk-c p.desc.kor-title{margin:31px 0 0;color:#000;font-size:38px;line-height:54px} 
.brand-samho-eomuk-c .js-inview .brand-title:after{width:0;-webkit-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;-o-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s} 
.brand-samho-eomuk-c .js-inview.is-inviewed .brand-title:after{width:36px} 
.brand-samho-eomuk-d{height:820px;background-color:#f3e4cf} 
.brand-samho-eomuk-d .wrap:after{content:"";display:block;position:absolute;top:440px;left:50%;margin-left:295px;width:438px;height:354px;background-image:url('../img/temp/@samho_eomuk_d_01.png')} 
.brand-samho-eomuk-d .title{margin:0;padding-top:84px;color:#000;font-size:38px;line-height:53px;text-align:center} 
.brand-samho-eomuk-d .grid{margin:110px auto 0 auto;width:800px} 
.brand-samho-eomuk-d .grid .background{display:inline-block;width:220px;height:220px;border-radius:100%} 
.brand-samho-eomuk-d .grid .col{text-align:center} 
.brand-samho-eomuk-d .grid .col:first-child .background{background-image:url('../img/brand/samho_eomuk_d_obj_1.jpg')} 
.brand-samho-eomuk-d .grid .col:nth-child(2){margin-top:85px} 
.brand-samho-eomuk-d .grid .col:nth-child(2) .background{background-image:url('../img/brand/samho_eomuk_d_obj_2.jpg')} 
.brand-samho-eomuk-d .grid .col:nth-child(3) .background{background-image:url('../img/brand/samho_eomuk_d_obj_3.jpg')} 
.brand-samho-eomuk-d .grid p{margin:0} 
.brand-samho-eomuk-d .grid p.core{margin-top:20px;color:#000;font-size:22px} 
.brand-samho-eomuk-d .grid p.desc{margin-top:10px;font-size:18px;line-height:32px;letter-spacing:-1px} 
.brand-samho-eomuk-e .col{overflow:hidden} 
.brand-samho-eomuk-e .background{height:640px} 
.brand-samho-eomuk-e .background.background-a{background-image:url('../img/temp/@samho_eomuk_e_01.jpg')} 
.brand-samho-eomuk-e .background.background-b{background-image:url('../img/temp/@samho_eomuk_e_02.jpg')} 
@media (min-width:1921px){.brand-samho-eomuk-e .background{background-size:cover} 
.brand-samho-eomuk-e .module{position:absolute;z-index:2;top:0;right:50%;padding:0 40px;width:33%;max-width:625px;min-width:512px;height:640px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box} 
.brand-samho-eomuk-e .module:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#002e56} 
.brand-samho-eomuk-e p{letter-spacing:-1px} 
.brand-samho-eomuk-e p.core{margin:0;padding-top:188px;color:#fff;font-size:38px;line-height:54px} 
.brand-samho-eomuk-e p.desc{margin-top:43px;color:#bbc7d2;font-size:18px;line-height:29px} 
.brand-samho-eomuk-e .js-inview .background{overflow:hidden;-webkit-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);transform:translate(-100%, 0);-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.15s;transition:-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.15s;-o-transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.15s;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.15s;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.15s, -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.15s} 
.brand-samho-eomuk-e .js-inview .module:before{opacity:0;width:0;-webkit-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.7s, width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.7s;-o-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.7s, width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.7s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.7s, width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.7s} 
.brand-samho-eomuk-e .js-inview p.core{-webkit-transition-delay:0.9s;-o-transition-delay:0.9s;transition-delay:0.9s} 
.brand-samho-eomuk-e .js-inview p.desc{-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s} 
.brand-samho-eomuk-e .js-inview.is-inviewed .background{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.brand-samho-eomuk-e .js-inview.is-inviewed .module:before{width:100%;opacity:1} 
.lang-en .brand-samho-eomuk-a .module{padding:0 40px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.lang-en .brand-samho-eomuk-a .module .desc.kor-title{margin-top:86px} 
.lang-en .brand-samho-eomuk-e p.core{padding-top:145px} 
.sticky-wrap .sticky-item.in .sticky-el .sticky-inner{position:fixed;z-index:6;top:0;margin-top:130px;left:0;right:0} 
.sticky-wrap .sticky-item.bottom .sticky-el .sticky-inner{position:relative;margin-top:0;z-index:1} 
.sticky-wrap .sticky-item.bottom .sticky-clone{opacity:1} 
.sticky-nav-brands-submain{-webkit-transition:all 0s linear 0s;-o-transition:all 0s linear 0s;transition:all 0s linear 0s} 
.sticky-nav-brands-submain .module{background-color:#f4f4f4;padding:30px 20px;color:#000;text-align:center} 
.sticky-nav-brands-submain .sub-title{padding:0 0 10px 0;margin:0;font-size:32px;color:#ef151e} 
.sticky-nav-brands-submain p.desc{margin:0;padding:0;font-size:16px;color:#000} 
.sticky-el .module,.sticky-el .sub-title{-webkit-transition:padding 0s linear 0s;-o-transition:padding 0s linear 0s;transition:padding 0s linear 0s} 
.sticky-item.in .sticky-nav-brands-submain .module{padding:30px 20px} 
.sticky-item.in .sticky-nav-brands-submain .sub-title{padding:0 0 10px 0} 
.sticky-clone{opacity:0} 
.page-brand-seasonal-fish .brand-title{color:#171b40} 
.page-brand-seasonal-fish .button-socials i.icon{background-color:#171b40} 
.page-brand-seasonal-fish .brand-media-channel .module:before{border-left-color:#171b40} 
.page-brand-seasonal-fish .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#171b40} 
.page-brand-seasonal-fish .brand-carousel-slider .titles .title{color:#171b40} 
.page-brand-seasonal-fish #topbutton a{color:#fff} 
.page-brand-seasonal-fish #topbutton .icon{background-color:#171b40} 
.page-brand-seasonal-fish #topbutton .icon:after,.page-brand-seasonal-fish #topbutton .icon:before{background-color:#fff} 
.page-brand-seasonal-fish .button-more{border-color:#171b40;background-color:#171b40} 
.page-brand-seasonal-fish .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-seasonal-fish .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-seasonal-fish .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-seasonal-fish .button-more span{padding-right:39px;color:#fff} 
.page-brand-seasonal-fish .button-more:before{background-color:#fff} 
.page-brand-seasonal-fish .button-more:hover i{background-color:#171b40} 
.page-brand-seasonal-fish .button-more:hover i:after,.page-brand-seasonal-fish .button-more:hover i:before{background-color:#171b40} 
.page-brand-seasonal-fish .button-more:hover span{color:#171b40} 
.page-brand-seasonal-fish .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#171b40} 
.page-brand-seasonal-fish .description p{font-size:18px} 
.brand-seasonal-fish-a{position:relative;height:780px;background-image:url('../img/brand/seasonal_fish_a_1.jpg');background-repeat:repeat} 
.brand-seasonal-fish-a .wrap{position:relative} 
.brand-seasonal-fish-a .module{position:absolute;top:0;left:0;width:50%;padding-left:25px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.brand-seasonal-fish-a .module,.brand-seasonal-fish-a .module p{color:#dedee1} 
.brand-seasonal-fish-a .background{position:absolute;top:0;left:50%;width:50%;height:780px;background-image:url('../img/brand/seasonal_fish_a_2.jpg');background-size:auto 780px} 
@media (min-width:1921px){.brand-seasonal-fish-a .background{background-size:cover} 
.brand-seasonal-fish-a .title{margin:220px 0 46px;font-size:38px} 
.brand-seasonal-fish-a .sub-title{margin-bottom:3px;font-size:28px} 
.brand-seasonal-fish-a .description p{margin-top:33px} 
.brand-seasonal-fish-b{position:relative;overflow:visible;background-image:url('../img/brand/seasonal_fish_b_bg_1.jpg');background-repeat:repeat} 
.brand-seasonal-fish-b:before{content:'';display:block;position:absolute;z-index:0;left:0;bottom:0;right:0;height:170px;background-image:url('../img/brand/seasonal_fish_b_bg_2.png')} 
.brand-seasonal-fish-b .object-holder{position:relative;z-index:1;height:720px;text-align:center;background-image:url('../img/brand/seasonal_fish_b_bg_3.jpg')} 
@media (min-width:1921px){.brand-seasonal-fish-b .object-holder{background-size:cover} 
.brand-seasonal-fish-b .logo{position:relative;z-index:2;margin-top:290px;background-image:url('../img/brand/seasonal_fish_b_logo.png');width:300px;height:140px;background-size:300px 140px} 
.brand-seasonal-fish-b .object{position:absolute;background-size:100%} 
.brand-seasonal-fish-b .object.object-a{top:60px;left:64px;width:259px;height:258px;background-image:url('../img/brand/seasonal_fish_b_obj_1.png')} 
.brand-seasonal-fish-b .object.object-b{top:73px;right:50px;width:237px;height:189px;background-image:url('../img/brand/seasonal_fish_b_obj_2.png')} 
.brand-seasonal-fish-b .object.object-c{left:0;bottom:-150px;width:440px;height:416px;background-image:url('../img/brand/seasonal_fish_b_obj_3.png');background-position:top left} 
.brand-seasonal-fish-b .object.object-d{right:14px;bottom:0;width:275px;height:266px;background-image:url('../img/brand/seasonal_fish_b_obj_4.png')} 
.brand-seasonal-fish-b .content-holder .module{margin-left:80px} 
.brand-seasonal-fish-b .title{margin-top:150px;font-size:18px;color:#fff} 
.brand-seasonal-fish-b .sub-title{position:relative;margin-top:30px;padding-top:30px;font-size:38px;color:#fff} 
.brand-seasonal-fish-b .sub-title:before{left:0;margin:0} 
.brand-seasonal-fish-b .description p{color:#fff} 
.brand-seasonal-fish-c{position:relative;padding-bottom:121px;background-image:url('../img/brand/seasonal_fish_c_bg.jpg');background-repeat:repeat} 
.brand-seasonal-fish-c .title{font-size:38px;color:#000} 
.brand-seasonal-fish-c .sub-title{font-size:28px;color:#000} 
.brand-seasonal-fish-c .object{position:relative;z-index:1} 
.brand-seasonal-fish-c .loop-a{position:relative;padding-top:120px} 
.brand-seasonal-fish-c .loop-a:after,.brand-seasonal-fish-c .loop-a:before{content:'';display:block;position:absolute;z-index:0} 
.brand-seasonal-fish-c .loop-a:before{top:130px;left:0;width:472px;height:274px;background-image:url('../img/brand/seasonal_fish_c_bg_1.png')} 
.brand-seasonal-fish-c .loop-a:after{top:456px;left:0;right:0;height:228px;background-image:url('../img/brand/seasonal_fish_c_bg_2.png');background-position:center center;background-repeat:no-repeat} 
.brand-seasonal-fish-c .loop-a .object-a{margin-top:80px;height:530px;background-image:url('../img/brand/seasonal_fish_d_obj_1.png')} 
.brand-seasonal-fish-c .loop-a .object-b{position:absolute;top:100px;left:50%;margin-left:90px;width:790px;height:460px;background-image:url('../img/brand/seasonal_fish_d_obj_2.png')} 
.brand-seasonal-fish-c .loop-b{position:relative;padding-top:17px} 
.brand-seasonal-fish-c .loop-b .object-c{left:50%;margin-left:-494px;width:394px;height:402px;background-image:url('../img/brand/seasonal_fish_d_obj_4.png')} 
.brand-seasonal-fish-c .loop-b .object-d{left:50%;margin-top:-231px;margin-left:-243px;width:284px;height:292px;background-image:url('../img/brand/seasonal_fish_d_obj_5.png')} 
.brand-seasonal-fish-c .loop-b .object-e{left:50%;width:342px;height:209px;margin-top:-251px;margin-left:155px;background-image:url('../img/brand/seasonal_fish_d_obj_6.png')} 
.brand-seasonal-fish-c .loop-b .content-holder{position:absolute;z-index:1;top:112px;left:50%;padding-left:155px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.brand-seasonal-fish-c .loop-c{position:relative;padding-top:136px} 
.brand-seasonal-fish-c .loop-c .object-f{left:50%;display:inline-block;width:630px;height:262px;margin-left:-131px;background-image:url('../img/brand/seasonal_fish_d_obj_3.png')} 
.brand-seasonal-fish-c .loop-c .content-holder{position:absolute;z-index:1;top:172px;left:50%;margin-left:-450px} 
.brand-seasonal-fish-c .loop-c .content-holder .sub-title{margin-bottom:49px} 
.brand-seasonal-fish-c .background-1{position:absolute;top:735px;right:0;width:330px;height:514px;background-image:url('../img/brand/seasonal_fish_c_bg_3.png')} 
.brand-seasonal-fish-c .background-2{position:absolute;bottom:71px;left:30.5%;width:244px;height:136px;background-image:url('../img/brand/seasonal_fish_c_bg_4.png')} 
.brand-seasonal-fish-c .background-3{position:absolute;bottom:0;left:50px;width:332px;height:400px;background-image:url('../img/brand/seasonal_fish_c_bg_5.png')} 
.lang-en .brand-seasonal-fish-c .loop-b .content-holder{width:40%} 
@media (max-width:1919px){.lang-en .brand-seasonal-fish-c .loop-b .content-holder{width:50%} 
.page-brand-happy-soy .brand-title{color:#0d2a06} 
.page-brand-happy-soy .button-socials i.icon{background-color:#0d2a06} 
.page-brand-happy-soy .brand-media-channel .module:before{border-left-color:#0d2a06} 
.page-brand-happy-soy .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#0d2a06} 
.page-brand-happy-soy .brand-carousel-slider .titles .title{color:#0d2a06} 
.page-brand-happy-soy #topbutton a{color:#ffffff} 
.page-brand-happy-soy #topbutton .icon{background-color:#0d2a06} 
.page-brand-happy-soy #topbutton .icon:after,.page-brand-happy-soy #topbutton .icon:before{background-color:#ffffff} 
.page-brand-happy-soy .button-more{border-color:#0d2a06;background-color:#0d2a06} 
.page-brand-happy-soy .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-happy-soy .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-happy-soy .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-happy-soy .button-more span{padding-right:39px;color:#fff} 
.page-brand-happy-soy .button-more:before{background-color:#fff} 
.page-brand-happy-soy .button-more:hover i{background-color:#0d2a06} 
.page-brand-happy-soy .button-more:hover i:after,.page-brand-happy-soy .button-more:hover i:before{background-color:#0d2a06} 
.page-brand-happy-soy .button-more:hover span{color:#0d2a06} 
.page-brand-happy-soy .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#0d2a06} 
.page-brand-happy-soy .description p{font-size:18px} 
.page-brand-happy-soy .description p,.page-brand-happy-soy .sub-title,.page-brand-happy-soy .title{color:#000} 
.brand-happy-soy-a .background{height:520px} 
.brand-happy-soy-a .background.background-a{background-image:url('../img/brand/happy_soy_a_1.png')} 
.brand-happy-soy-a .background.background-b{background-image:url('../img/brand/happy_soy_a_2.png')} 
.brand-happy-soy-a .cell{width:33.3333333%} 
.brand-happy-soy-a .title{font-size:56px} 
.brand-happy-soy-a .sub-title{margin-top:40px;font-size:28px} 
@media (min-width:1921px){.brand-happy-soy-a .table{table-layout:fixed} 
.brand-happy-soy-a .table .cell{width:auto} 
.brand-happy-soy-a .table .cell.text-center{width:640px} 
.brand-happy-soy-a .background{background-size:cover} 
.brand-happy-soy-b{overflow:hidden} 
.brand-happy-soy-b .background{margin:40px 40px 0 40px;height:640px;background-image:url('../img/brand/happy_soy_b_1.png');-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
@media (min-width:1921px){.brand-happy-soy-b .background{background-size:cover} 
.brand-happy-soy-b .grid{margin:0 auto 60px auto;max-width:1200px;min-height:427px} 
.lang-cn .brand-happy-soy-b .grid,.lang-en .brand-happy-soy-b .grid{min-height:auto} 
.brand-happy-soy-b .object-a{margin:-120px 0 0 -34px;width:445px;height:389px;background-image:url('../img/brand/happy_soy_obj_1.png')} 
.lang-cn .brand-happy-soy-b .object-a,.lang-en .brand-happy-soy-b .object-a{margin:-120px 0 0 -10px;width:394px;height:394px;background-image:url('../img/brand/happy_soy_obj_1_en.png')} 
.brand-happy-soy-b .object-b{margin:-298px 0 0 264px;width:331px;height:383px;background-image:url('../img/brand/happy_soy_obj_2.png')} 
.lang-cn .brand-happy-soy-b .object-b,.lang-en .brand-happy-soy-b .object-b{margin:-370px 0 0 240px;width:340px;height:430px;background-image:url('../img/brand/happy_soy_obj_2_en.png')} 
.brand-happy-soy-b .object-c{margin:-293px 0 0 -190px;width:305px;height:251px;background-image:url('../img/brand/happy_soy_obj_3.png')} 
.brand-happy-soy-b .title{margin-top:60px;font-size:28px} 
.brand-happy-soy-c{position:relative;min-height:624px;background-color:#87cda9;background-image:url('../img/brand/happy_soy_c_1.png');background-position:80% center} 
.lang-cn .brand-happy-soy-c,.lang-en .brand-happy-soy-c{background-color:#b9d8c1;background-image:url('../img/brand/happy_soy_c_1_en.png')} 
.brand-happy-soy-c .module{margin-left:60px} 
.brand-happy-soy-c .title{margin-top:120px;font-size:18px} 
.brand-happy-soy-c .sub-title{position:relative;margin-top:30px;margin-bottom:40px;padding-top:30px;font-size:38px} 
.brand-happy-soy-c .sub-title:before{left:0;margin:0;background-color:#000} 
.brand-happy-soy-c .object{position:absolute;top:110px;left:50%;margin-left:-920px;width:370px;height:279px;background-image:url('../img/brand/happy_soy_c_2.png')} 
.brand-happy-soy-d{overflow:hidden} 
.brand-happy-soy-d .wrap{margin:18px 80px 70px;background-color:#fff} 
.lang-cn .brand-happy-soy-d .wrap,.lang-en .brand-happy-soy-d .wrap{margin:80px;background-color:#dcdfe6} 
.brand-happy-soy-d .holder{margin:0 auto;max-width:1200px} 
.brand-happy-soy-d .items{margin:130px -12px 0 -12px;max-width:540px} 
.brand-happy-soy-d .items .background{margin:12px;height:250px} 
.brand-happy-soy-d .items .background.background-a{background-image:url('../img/brand/happy_soy_d_1.png')} 
.brand-happy-soy-d .items .background.background-b{background-image:url('../img/brand/happy_soy_d_2.png')} 
.brand-happy-soy-d .items .background.background-c{background-image:url('../img/brand/happy_soy_d_3.png')} 
.brand-happy-soy-d .items .background.background-d{background-image:url('../img/brand/happy_soy_d_4.png')} 
.lang-cn .brand-happy-soy-d .items .background,.lang-en .brand-happy-soy-d .items .background{} 
.lang-cn .brand-happy-soy-d .items .background.background-a,.lang-en .brand-happy-soy-d .items .background.background-a{background-image:url('../img/brand/happy_soy_d_1_en.png')} 
.lang-cn .brand-happy-soy-d .items .background.background-b,.lang-en .brand-happy-soy-d .items .background.background-b{background-image:url('../img/brand/happy_soy_d_2_en.png')} 
.lang-cn .brand-happy-soy-d .items .background.background-c,.lang-en .brand-happy-soy-d .items .background.background-c{background-image:url('../img/brand/happy_soy_d_3_en.png')} 
.lang-cn .brand-happy-soy-d .items .background.background-d,.lang-en .brand-happy-soy-d .items .background.background-d{background-image:url('../img/brand/happy_soy_d_4_en.png')} 
.brand-happy-soy-d .title{position:relative;padding-top:140px;font-size:38px;margin-top:15px} 
.lang-cn .brand-happy-soy-d .title,.lang-en .brand-happy-soy-d .title{margin-top:0} 
.lang-cn .brand-happy-soy-d .title,.lang-en .brand-happy-soy-d .title{} 
.lang-cn .brand-happy-soy-d .title:before,.lang-en .brand-happy-soy-d .title:before{content:'';position:absolute;top:90px;left:50%;margin-left:-18px;width:35px;height:30px;background-image:url('../img/brand/happy_soy_d_ldquo.png')} 
.brand-happy-soy-d .object-a{margin-top:60px;height:334px;background-image:url('../img/brand/happy_soy_d_5.png')} 
.brand-happy-soy-d .js-inview .title:before{opacity:0;-webkit-transform:translate(0, 20px);-ms-transform:translate(0, 20px);transform:translate(0, 20px);-webkit-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.45s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.45s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.45s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.45s;-o-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.45s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.45s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.45s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.45s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.45s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.45s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.45s} 
.brand-happy-soy-d .js-inview.is-inviewed .title:before{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.lang-en .brand-happy-soy-c .module{width:40%} 
.page-brand-spam .brand-title{color:#0a0f2b} 
.page-brand-spam .button-socials i.icon{background-color:#0a0f2b} 
.page-brand-spam .brand-media-channel .module:before{border-left-color:#0a0f2b} 
.page-brand-spam .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#0a0f2b} 
.page-brand-spam .brand-carousel-slider .titles .title{color:#0a0f2b} 
.page-brand-spam #topbutton a{color:#fff} 
.page-brand-spam #topbutton .icon{background-color:#0a0f2b} 
.page-brand-spam #topbutton .icon:after,.page-brand-spam #topbutton .icon:before{background-color:#fff} 
.page-brand-spam .button-more{border-color:#0a0f2b;background-color:#0a0f2b} 
.page-brand-spam .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-spam .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-spam .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-spam .button-more span{padding-right:39px;color:#fff} 
.page-brand-spam .button-more:before{background-color:#fff} 
.page-brand-spam .button-more:hover i{background-color:#0a0f2b} 
.page-brand-spam .button-more:hover i:after,.page-brand-spam .button-more:hover i:before{background-color:#0a0f2b} 
.page-brand-spam .button-more:hover span{color:#0a0f2b} 
.page-brand-spam .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#0a0f2b} 
.page-brand-spam .description p{font-size:18px} 
.page-brand-spam .description p,.page-brand-spam .sub-title,.page-brand-spam .title{color:#000} 
.brand-spam-a{background-image:url('../img/brand/spam_a_1.png')} 
@media (min-width:1921px){.brand-spam-a{background-size:cover} 
.brand-spam-a .module{margin:0 auto;overflow:hidden;width:776px;height:730px;background-image:url('../img/brand/spam_a_2.png');background-color:#171e47} 
.brand-spam-a .title{margin-top:260px;font-size:50px;color:#edd402;font-weight:500} 
.brand-spam-a .sub-title{margin-top:190px;color:#907961;font-size:38px} 
.brand-spam-b{padding-bottom:180px;background-color:#f4f4f4} 
.brand-spam-b .title{margin-top:130px;font-size:38px} 
.brand-spam-b .description p{color:#666} 
.brand-spam-b .object-a{margin:70px auto 0  auto;width:880px;height:456px;background-image:url('../img/brand/spam_b_1.png')} 
.brand-spam-b .object-b{position:absolute;left:50%;margin-left:230px;bottom:-80px;width:329px;height:271px;background-image:url('../img/brand/spam_b_2.png')} 
.brand-spam-c{position:relative;padding-bottom:130px;background-color:#171e47;border-top:12px #ffe053 solid} 
.brand-spam-c .title{margin-top:100px;font-size:18px;color:#ffe053} 
.brand-spam-c p.description{margin:26px 0 0;padding-top:44px;font-size:18px;color:#fff;font-weight:300;line-height:1.7} 
.brand-spam-c .items{clear:both;*zoom:1;margin-top:121px} 
.brand-spam-c .items:after,.brand-spam-c .items:before{content:" ";display:table} 
.brand-spam-c .items:after{clear:both} 
.brand-spam-c .items .grid{float:right;margin:0 -10px;width:870px} 
.brand-spam-c .items .object{margin:0 10px;height:270px} 
.brand-spam-c .items .object.object-a{background-image:url('../img/brand/spam_c_1.png')} 
.brand-spam-c .items .object.object-b{background-image:url('../img/brand/spam_c_2.png')} 
.brand-spam-c .items .object.object-c{background-image:url('../img/brand/spam_c_3.png')} 
.brand-spam-c .object-d{position:absolute;top:333px;left:50%;margin-left:-600px;width:506px;height:389px;background-image:url('../img/brand/spam_c_4.png')} 
.brand-spam-d{padding-bottom:120px;background-color:#f7f7f7} 
.brand-spam-d .title{margin-top:120px;margin-bottom:100px;font-size:38px} 
.brand-spam-d .object.object-a{height:486px;background-image:url('../img/brand/spam_d_1.png')} 
.brand-spam-d .object.object-b{height:390px;background-image:url('../img/brand/spam_d_2.png');-webkit-box-shadow:5px 5px 40px rgba(0, 0, 0, 0.2);box-shadow:5px 5px 40px rgba(0, 0, 0, 0.2)} 
.brand-spam-d .table .core{width:650px} 
.brand-spam-d .table .row-a .description{margin-left:80px} 
.brand-spam-d .table .row-b .description{margin-left:125px} 
.brand-spam-e{position:relative;margin-top:100px;padding-bottom:100px} 
.brand-spam-e:before{content:'';display:block;position:absolute;z-index:-1;top:220px;left:0;right:0;bottom:0;background-color:#ffe053} 
.brand-spam-e .object{height:330px;background-image:url('../img/brand/spam_e_1.png')} 
.brand-spam-e .title{margin-top:20px;font-size:50px} 
.lang-en .brand-spam-d .table .row-a .description{margin:0 40px} 
.lang-en .brand-spam-d .table .row-b .description{margin:0 60px} 
.page-brand-goumet .brand-title{color:#d27a1a} 
.page-brand-goumet .button-socials i.icon{background-color:#d27a1a} 
.page-brand-goumet .brand-media-channel .module:before{border-left-color:#d27a1a} 
.page-brand-goumet .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#d27a1a} 
.page-brand-goumet .brand-carousel-slider .titles .title{color:#d27a1a} 
.page-brand-goumet #topbutton a{color:#fff} 
.page-brand-goumet #topbutton .icon{background-color:#d27a1a} 
.page-brand-goumet #topbutton .icon:after,.page-brand-goumet #topbutton .icon:before{background-color:#fff} 
.page-brand-goumet .button-more{border-color:#d27a1a;background-color:#d27a1a} 
.page-brand-goumet .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-goumet .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-goumet .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-goumet .button-more span{padding-right:39px;color:#fff} 
.page-brand-goumet .button-more:before{background-color:#fff} 
.page-brand-goumet .button-more:hover i{background-color:#d27a1a} 
.page-brand-goumet .button-more:hover i:after,.page-brand-goumet .button-more:hover i:before{background-color:#d27a1a} 
.page-brand-goumet .button-more:hover span{color:#d27a1a} 
.page-brand-goumet .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#d27a1a} 
.page-brand-goumet .description p,.page-brand-goumet p.description{margin:0;font-size:18px;color:#ffffff} 
.brand-goumet-a{overflow:inherit;position:relative;height:1432px;background-color:#2e3d1f;background-repeat:repeat} 
.brand-goumet-a .content-holder{padding:107px 0 0;text-align:center} 
.brand-goumet-a .content-holder .title{font-size:50px;color:#ffffff} 
.brand-goumet-a .content-holder .description{margin-top:21px} 
.brand-goumet-a .grid{position:relative;margin-top:80px} 
.brand-goumet-a .grid .module{width:50%;padding:194px 50px 0 50px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left} 
.brand-goumet-a .grid .module .sub-title{font-size:38px;color:#ffffff} 
.brand-goumet-a .grid .module p.description{margin:24px 0 0;font-size:18px;color:#ffffff} 
.brand-goumet-a .content-module{position:relative;max-width:1800px;margin:286px auto 0} 
.brand-goumet-a .content-module .module{position:relative;z-index:5;opacity:0;width:36%;max-width:640px;height:541px;margin:0 auto;padding:172px 40px 0;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#6e5443;-webkit-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;-o-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s} 
.brand-goumet-a .content-module .module .sub-title{font-size:38px;color:#ffffff} 
.brand-goumet-a .content-module .module p.description{margin:22px 0 0} 
.brand-goumet-a .content-module .module:before{display:block;position:absolute;top:20px;left:20px;right:20px;bottom:20px;content:"";border:1px solid #ddbd87} 
.brand-goumet-a .content-module .module:after{display:block;position:absolute;top:28px;left:28px;right:28px;bottom:28px;content:"";border:4px solid #ddbd87} 
.brand-goumet-a .content-module .object{position:absolute;top:40px;width:0%;max-width:580px;height:461px;-webkit-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s;-o-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s;transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s} 
.brand-goumet-a .content-module .object.object-1{left:0;background-image:url('../img/brand/goumet_a_obj_01.jpg')} 
.brand-goumet-a .content-module .object.object-2{right:0;background-image:url('../img/brand/goumet_a_obj_02.jpg')} 
.brand-goumet-a .content-module.is-inviewed .module{opacity:1} 
.brand-goumet-a .content-module.is-inviewed .object{width:33%} 
.brand-goumet-a .background{position:absolute;background-size:100%} 
@media (min-width:1921px){.brand-goumet-a .background{background-size:100% 100%} 
.brand-goumet-a .background.background-1{top:57px;right:-40px;width:50%;height:503px;background-image:url('../img/brand/goumet_a_bg_02.jpg')} 
.brand-goumet-a .background.background-2{top:357px;left:11.614%;width:21vw;height:190px;background-image:url('../img/brand/goumet_a_bg_01.png')} 
.brand-goumet-a .background.background-3{bottom:400px;left:8.5%;width:14vw;height:277px;background-image:url('../img/brand/goumet_a_bg_03.png');background-position:left bottom;-webkit-transition:all 0 cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;-o-transition:all 0 cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;transition:all 0 cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s} 
.brand-goumet-a .background.background-4{bottom:440px;right:6%;width:17vw;height:279px;background-image:url('../img/brand/goumet_a_bg_04.png')} 
.brand-goumet-b{background-color:#fff9e2} 
.brand-goumet-b .content-module{position:relative;height:832px;margin-top:273px;background-image:url('../img/brand/goumet_b_bg_01.jpg');background-repeat:repeat} 
.brand-goumet-b .text-module{float:left;width:42%;padding:232px 25px 0;-webkit-box-sizing:border-box;box-sizing:border-box} 
.brand-goumet-b .text-module .module{float:right} 
.brand-goumet-b .text-module .sub-title{font-size:38px;opacity:0;-webkit-transform:translate(-70px, 0);-ms-transform:translate(-70px, 0);transform:translate(-70px, 0);-webkit-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;-o-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s} 
.brand-goumet-b .text-module p.description{margin:22px 0 0;font-size:18px;color:#000000;opacity:0;-webkit-transform:translate(-70px, 0);-ms-transform:translate(-70px, 0);transform:translate(-70px, 0);-webkit-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;-o-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s} 
.brand-goumet-b .text-module.is-inviewed .sub-title,.brand-goumet-b .text-module.is-inviewed p.description{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.brand-goumet-b .slider-holder{float:left;width:58%;margin-top:60px} 
.brand-goumet-b .slider-holder .slider-goumet{padding:30px 0 85px;background-image:url('../img/brand/goumet_b_bg_02.png');background-position:left top} 
.brand-goumet-b .slider-holder .slider-goumet .swiper-slide{width:585px} 
.brand-goumet-b .slider-holder .slider-goumet .swiper-slide img{-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;transition:-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;-o-transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s;transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s} 
.brand-goumet-b .slider-holder .slider-goumet .swiper-slide.active img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} 
.brand-goumet-b .slider-holder .slider-goumet .swiper-control{position:absolute;right:48%;bottom:241px;width:50%;padding-left:11px;max-width:600px;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box} 
.brand-goumet-b .slider-holder .slider-goumet .swiper-navigation{top:50%;left:25px;right:auto;bottom:0;background:none;display:inline-block;width:36px;height:36px;margin-top:-18px} 
.brand-goumet-b .slider-holder .slider-goumet .swiper-navigation .icon{background-image:url('../img/brand/goumet_slider_pager_prev.png');width:36px;height:36px;background-size:36px 36px} 
.brand-goumet-b .slider-holder .slider-goumet .swiper-navigation.swiper-button-next{margin-left:38px} 
.brand-goumet-b .slider-holder .slider-goumet .swiper-navigation.swiper-button-next .icon{background-image:url('../img/brand/goumet_slider_pager_next.png')} 
@media (min-width:1080px) and (max-width:1600px){.brand-goumet-b .slider-holder .slider-goumet .swiper-control{padding-left:55px} 
.brand-goumet-b .slider-holder .slider-goumet .swiper-navigation{left:65px} 
.brand-goumet-b .slider-holder .slider-goumet .swiper-play{margin-left:100px} 
.brand-goumet-b .slider-holder .info-txt{display:inline-block;width:400px;margin-top:57px;padding-left:142px;text-align:center} 
.brand-goumet-b .slider-holder .info-txt .item{display:none} 
.brand-goumet-b .slider-holder .info-txt .item .name{margin:0 0 0;font-size:24px;color:#000000} 
.brand-goumet-b .slider-holder .info-txt .item .desc{margin:6px 0 0;font-size:18px;color:#000000} 
.brand-goumet-b .slider-holder .info-txt .item.in{display:block} 
.brand-goumet-b .background{position:absolute;top:73px;left:12.5%;width:24vw;height:200px;background-image:url('../img/brand/goumet_b_bg_01.png');background-size:100%} 
.brand-goumet-c{position:relative;height:833px;background-color:#fff9e2} 
.brand-goumet-c .wrap{position:relative} 
.brand-goumet-c .wrap .module{position:absolute;top:215px;left:50%;width:50%;padding-left:122px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.brand-goumet-c .wrap .module .title{font-size:18px;color:#000000} 
.brand-goumet-c .wrap .module .sub-title{margin-top:48px;font-size:38px;color:#000000} 
.brand-goumet-c .wrap .module p.description{margin:22px 0 0;font-size:18px;color:#000000} 
.brand-goumet-c .wrap .module:before{position:absolute;top:45px;left:122px;width:0;height:4px;content:"";background-color:#d27a1a;-webkit-transition:width 0 cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;-o-transition:width 0 cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;transition:width 0 cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s} 
.brand-goumet-c .wrap .background-2{position:absolute;top:272px;right:50%;width:30vw;max-width:590px;height:474px;background-image:url('../img/brand/goumet_c_bg_02.png');background-position:right top} 
.brand-goumet-c .background{background-size:100%} 
.brand-goumet-c .background-1{position:absolute;top:58px;left:14.5%;width:22vw;height:382px;background-image:url('../img/brand/goumet_c_bg_01.jpg')} 
.brand-goumet-c.is-inviewed .module:before{width:36px} 
.lang-en .brand-goumet-a .background.background-3{bottom:255px} 
.lang-en .brand-goumet-b .text-module .module{max-width:400px} 
.lang-en .brand-goumet-b .slider-holder .slider-goumet .swiper-control{right:50%;bottom:185px} 
.lang-cn .brand-goumet-b .text-module .module{max-width:400px} 
.lang-cn .brand-goumet-b .slider-holder .slider-goumet .swiper-control{right:50%} 
.page-brand-dasida .brand-title{color:#c41226} 
.page-brand-dasida .button-socials i.icon{background-color:#c41226} 
.page-brand-dasida .brand-media-channel .module:before{border-left-color:#c41226} 
.page-brand-dasida .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#c41226} 
.page-brand-dasida .brand-carousel-slider .titles .title{color:#c41226} 
.page-brand-dasida #topbutton a{color:#fff} 
.page-brand-dasida #topbutton .icon{background-color:#c41226} 
.page-brand-dasida #topbutton .icon:after,.page-brand-dasida #topbutton .icon:before{background-color:#fff} 
.page-brand-dasida .button-more{border-color:#c41226;background-color:#c41226} 
.page-brand-dasida .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-dasida .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-dasida .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-dasida .button-more span{padding-right:39px;color:#fff} 
.page-brand-dasida .button-more:before{background-color:#fff} 
.page-brand-dasida .button-more:hover i{background-color:#c41226} 
.page-brand-dasida .button-more:hover i:after,.page-brand-dasida .button-more:hover i:before{background-color:#c41226} 
.page-brand-dasida .button-more:hover span{color:#c41226} 
.page-brand-dasida .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#c41226} 
.page-brand-dasida .description p,.page-brand-dasida .sub-title,.page-brand-dasida .title{color:#000} 
.page-brand-dasida .description p{font-size:18px} 
.brand-dasida-a{position:relative;min-height:1310px;background-image:url('../img/brand/dasida_a_bg_1.jpg');background-position:center bottom} 
.brand-dasida-a .title{font-size:50px} 
.brand-dasida-a .sub-title{margin-top:0;font-size:38px} 
.brand-dasida-a .loop-a{margin-top:100px} 
.brand-dasida-a .loop-b{margin-top:44px} 
.brand-dasida-b{background-color:#e5c692} 
.brand-dasida-b .table{table-layout:fixed} 
.brand-dasida-b .core{width:580px} 
.brand-dasida-b .background{height:740px} 
@media (min-width:1921px){.brand-dasida-b .background{background-size:cover} 
.brand-dasida-b .background.background-a{background-image:url('../img/brand/dasida_b_bg_1.jpg');background-position:left center} 
.brand-dasida-b .background.background-b{background-image:url('../img/brand/dasida_b_bg_2.jpg');background-position:right center} 
.brand-dasida-b .object{margin-top:20px;display:inline-block;width:228px;height:138px;background-image:url('../img/brand/dasida_b_obj_1.png')} 
.brand-dasida-b .title{font-size:18px;margin-bottom:20px;padding-bottom:30px} 
.brand-dasida-b .title:before{top:auto;bottom:0;background-color:#000} 
.brand-dasida-c{background-image:url('../img/brand/dasida_c_bg_1.jpg');background-repeat:repeat} 
.brand-dasida-c .title{font-size:38px} 
.brand-dasida-c .sub-title{font-size:28px} 
.brand-dasida-c .object{position:absolute;left:50%} 
.brand-dasida-c .object.object-a{top:-105px;margin-left:20px;width:380px;height:460px;background-image:url('../img/brand/dasida_c_obj_1.png')} 
.brand-dasida-c .object.object-b{top:20px;margin-left:210px;width:380px;height:414px;background-image:url('../img/brand/dasida_c_obj_2.png')} 
.brand-dasida-c .object.object-c{top:-180px;left:50%;margin-left:-480px;width:460px;height:390px;background-image:url('../img/brand/dasida_c_obj_3.png')} 
.brand-dasida-c .loop-a{margin-top:280px} 
.brand-dasida-c .loop-a:before{content:'';position:absolute;top:-230px;left:50%;margin-left:250px;width:408px;height:364px;background-image:url('../img/brand/dasida_c_bg_2.jpg')} 
.brand-dasida-c .loop-b{margin-top:400px} 
.brand-dasida-c .loop-b .content-holder{margin-left:50%;padding-left:35px} 
.brand-dasida-c .loop-c{padding-top:340px;height:938px;text-align:center;background-image:url('../img/brand/dasida_c_bg_4.png');background-position:center bottom} 
.lang-en .brand-dasida-a .loop-b .content-holder{text-align:center} 
.lang-en .brand-dasida-b .table .cell.nth-child-2{padding:0 20px} 
.lang-en .brand-dasida-c .content-holder{width:42%} 
.lang-en .brand-dasida-c .loop-c .content-holder{margin:0 auto} 
.page-brand-haechandle .brand-title{color:#d50a19} 
.page-brand-haechandle .button-socials i.icon{background-color:#d50a19} 
.page-brand-haechandle .brand-media-channel .module:before{border-left-color:#d50a19} 
.page-brand-haechandle .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#d50a19} 
.page-brand-haechandle .brand-carousel-slider .titles .title{color:#d50a19} 
.page-brand-haechandle #topbutton a{color:#fff} 
.page-brand-haechandle #topbutton .icon{background-color:#d50a19} 
.page-brand-haechandle #topbutton .icon:after,.page-brand-haechandle #topbutton .icon:before{background-color:#fff} 
.page-brand-haechandle .button-more{border-color:#d50a19;background-color:#d50a19} 
.page-brand-haechandle .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-haechandle .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-haechandle .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-haechandle .button-more span{padding-right:39px;color:#fff} 
.page-brand-haechandle .button-more:before{background-color:#fff} 
.page-brand-haechandle .button-more:hover i{background-color:#d50a19} 
.page-brand-haechandle .button-more:hover i:after,.page-brand-haechandle .button-more:hover i:before{background-color:#d50a19} 
.page-brand-haechandle .button-more:hover span{color:#d50a19} 
.page-brand-haechandle .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#d50a19} 
.page-brand-haechandle .description p,.page-brand-haechandle .sub-title,.page-brand-haechandle .title{color:#000} 
.page-brand-haechandle .description p{font-size:18px} 
.brand-haechandle-a{background-image:url('../img/brand/haechandle_a_bg_1.jpg');background-repeat:repeat} 
.brand-haechandle-a .background{height:820px;background-image:url('../img/brand/haechandle_a_obj_3.jpg');background-position:left center} 
@media (min-width:1921px){.brand-haechandle-a .background{background-size:cover} 
.brand-haechandle-a .content-holder{position:relative;float:right;width:480px;margin-right:60px} 
.brand-haechandle-a .title{position:absolute;top:110px;left:-305px} 
.brand-haechandle-a .title .icon{background-image:url('../img/brand/haechandle_a_obj_1.png');width:390px;height:200px;background-size:390px 200px} 
.brand-haechandle-a .sub-title{position:relative;margin-top:320px;font-size:38px} 
.brand-haechandle-a .sub-title:before{content:'';position:absolute;top:-85px;left:0;width:50px;height:60px;background-image:url('../img/brand/haechandle_a_obj_2.png')} 
.brand-haechandle-a .js-inview .background{-webkit-transform:translate(100%, 0);-ms-transform:translate(100%, 0);transform:translate(100%, 0);-webkit-transition:-webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.05s;transition:-webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.05s;-o-transition:transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.05s;transition:transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.05s;transition:transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.05s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.05s} 
.brand-haechandle-a .js-inview .sub-title:before{opacity:0;-webkit-transform:translate(0, 30px);-ms-transform:translate(0, 30px);transform:translate(0, 30px);-webkit-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.7s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.7s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.7s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.7s;-o-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.7s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.7s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.7s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.7s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.7s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.7s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.7s} 
.brand-haechandle-a .js-inview.is-inviewed .background{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.brand-haechandle-a .js-inview.is-inviewed .sub-title:before{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.brand-haechandle-b{background-image:url('../img/brand/haechandle_b_bg_1.jpg');background-repeat:repeat} 
.brand-haechandle-b .table{table-layout:fixed} 
.brand-haechandle-b .core{width:640px} 
.brand-haechandle-b .background{height:720px} 
@media (min-width:1921px){.brand-haechandle-b .background{background-size:cover} 
.brand-haechandle-b .background.background-a{background-image:url('../img/brand/haechandle_b_bg_2.jpg');background-position:left center} 
.brand-haechandle-b .background.background-b{background-image:url('../img/brand/haechandle_b_bg_3.jpg');background-position:right center} 
.brand-haechandle-b .object{margin-top:20px;display:inline-block;width:90px;height:212px;background-image:url('../img/brand/haechandle_b_obj_1.png')} 
.brand-haechandle-b .title{font-size:18px} 
.brand-haechandle-b .sub-title{margin-top:30px;padding-top:30px;font-size:38px} 
.brand-haechandle-b .sub-title:before{background-color:#000} 
.brand-haechandle-c{padding-bottom:200px;background-image:url('../img/brand/haechandle_c_bg_1.jpg');background-repeat:repeat} 
.brand-haechandle-c .title{font-size:38px} 
.brand-haechandle-c .object{position:absolute} 
.brand-haechandle-c .object.object-a{top:-160px;left:50%;left:initial;right:0;width:800px;height:460px;background-image:url('../img/brand/haechandle_c_obj_1.jpg')} 
.brand-haechandle-c .object.object-c{top:-80px;right:50%;margin-right:-50px;width:690px;height:280px;background-image:url('../img/brand/haechandle_c_obj_3.png')} 
.brand-haechandle-c .loop-a{margin-top:280px} 
.brand-haechandle-c .loop-a .content-holder{margin-left:30px} 
.brand-haechandle-c .loop-b{margin-top:350px} 
.brand-haechandle-c .loop-b .content-holder{margin-left:50%;padding-left:130px} 
.lang-en .brand-haechandle-a .title{top:25px} 
.lang-en .brand-haechandle-a .title .icon{display:none} 
.lang-en .brand-haechandle-a .sub-title{margin-top:175px} 
.lang-en .brand-haechandle-b .cell.nth-child-2{padding:0 20px} 
.lang-en .brand-haechandle-c .loop-a{margin-top:190px} 
.lang-en .brand-haechandle-c .object.object-a{width:56%;max-width:700px;top:-70px;background-size:100%} 
.lang-cn .brand-haechandle-a .title .icon{display:none} 
.lang-cn .brand-haechandle-a .sub-title{margin-top:225px} 
.lang-cn .brand-haechandle-c .object.object-a{width:54%;max-width:700px;top:-120px;background-size:100%} 
.page-brand-the-healthy .brand-title{color:#402514} 
.page-brand-the-healthy .button-socials i.icon{background-color:#402514} 
.page-brand-the-healthy .brand-media-channel .module:before{border-left-color:#402514} 
.page-brand-the-healthy .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#402514} 
.page-brand-the-healthy .brand-carousel-slider .titles .title{color:#402514} 
.page-brand-the-healthy #topbutton a{color:#fff} 
.page-brand-the-healthy #topbutton .icon{background-color:#402514} 
.page-brand-the-healthy #topbutton .icon:after,.page-brand-the-healthy #topbutton .icon:before{background-color:#fff} 
.page-brand-the-healthy .button-more{border-color:#402514;background-color:#402514} 
.page-brand-the-healthy .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-the-healthy .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-the-healthy .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-the-healthy .button-more span{padding-right:39px;color:#fff} 
.page-brand-the-healthy .button-more:before{background-color:#fff} 
.page-brand-the-healthy .button-more:hover i{background-color:#402514} 
.page-brand-the-healthy .button-more:hover i:after,.page-brand-the-healthy .button-more:hover i:before{background-color:#402514} 
.page-brand-the-healthy .button-more:hover span{color:#402514} 
.page-brand-the-healthy .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#402514} 
.page-brand-the-healthy .description p{font-size:18px} 
.brand-the-healthy-a{position:relative;background-image:url('../img/brand/the_healthy_a_bg_1.jpg');background-repeat:repeat} 
.brand-the-healthy-a .wrap{overflow:hidden;padding-bottom:400px} 
.brand-the-healthy-a:before{content:'';position:absolute;display:block;bottom:0;left:0;right:0;height:456px;background-image:url('../img/brand/the_healthy_a_bg_2.jpg');background-position:center bottom;background-repeat:no-repeat} 
@media (min-width:1920px){.brand-the-healthy-a:before{background-size:100% auto} 
.brand-the-healthy-a .title{position:relative;margin:90px auto 0 auto;width:735px;text-align:center;font-size:50px;color:#000} 
.brand-the-healthy-a .title:after,.brand-the-healthy-a .title:before,.brand-the-healthy-a .title>span:after,.brand-the-healthy-a .title>span:before{content:'';position:absolute;left:0;right:0;height:1px;background-color:#423a2d} 
.brand-the-healthy-a .title:after,.brand-the-healthy-a .title:before{height:1px} 
.brand-the-healthy-a .title:before{top:0} 
.brand-the-healthy-a .title:after{bottom:0} 
.brand-the-healthy-a .title>span{display:block;height:106px;line-height:106px} 
.brand-the-healthy-a .title>span:after,.brand-the-healthy-a .title>span:before{height:2px} 
.brand-the-healthy-a .title>span:before{top:4px} 
.brand-the-healthy-a .title>span:after{bottom:4px} 
.brand-the-healthy-a .sub-title{font-size:38px;color:#000} 
.brand-the-healthy-a .object{position:absolute;right:50%} 
.brand-the-healthy-a .object.object-a{top:260px;margin-right:-10px;width:570px;height:504px;background-image:url('../img/brand/the_healthy_a_obj_1.png')} 
.brand-the-healthy-a .object.object-b{top:560px;margin-right:-100px;width:270px;height:200px;background-image:url('../img/brand/the_healthy_a_obj_2.png')} 
.brand-the-healthy-a .content-holder{margin-top:180px;margin-left:50%;padding-left:120px} 
.brand-the-healthy-a .content-holder p{color:#000} 
.brand-the-healthy-a .js-inview .title:after,.brand-the-healthy-a .js-inview .title:before,.brand-the-healthy-a .js-inview .title span:after,.brand-the-healthy-a .js-inview .title span:before{opacity:0;left:50%;right:50%;-webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;-o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s} 
.brand-the-healthy-a .js-inview.is-inviewed .title:after,.brand-the-healthy-a .js-inview.is-inviewed .title:before,.brand-the-healthy-a .js-inview.is-inviewed .title span:after,.brand-the-healthy-a .js-inview.is-inviewed .title span:before{opacity:1;left:0;right:0} 
.brand-the-healthy-b{position:relative;height:587px;background-color:#402514} 
.brand-the-healthy-b .module{width:50%;padding:158px 20px 0 20px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.brand-the-healthy-b p.sub-title{margin:0 0 50px;font-size:38px;color:#ffffff;line-height:1.4} 
.brand-the-healthy-b .background{position:absolute;top:0;right:0;width:50%;height:100%;-webkit-transform:translate(100%, 0);-ms-transform:translate(100%, 0);transform:translate(100%, 0);-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:-webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;background-image:url('../img/brand/healthy_b_bg_01.jpg')} 
@media (min-width:1921px){.brand-the-healthy-b .background{background-size:cover} 
.brand-the-healthy-b.is-inviewed .background{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.brand-the-healthy-c{position:relative;height:560px;background-color:#b98f63} 
.brand-the-healthy-c .module{position:relative;left:50%;width:50%;padding:153px 0 0 126px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.brand-the-healthy-c .module .sub-title{font-size:38px;color:#000000} 
.brand-the-healthy-c .module p.description{margin:25px 0 0;font-size:18px;color:#000000} 
.brand-the-healthy-c .background{position:absolute;top:0;left:0;width:50%;height:100%;-webkit-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);transform:translate(-100%, 0);-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;background-image:url('../img/brand/healthy_c_bg_01.jpg')} 
@media (min-width:1921px){.brand-the-healthy-c .background{background-size:cover} 
.brand-the-healthy-c.is-inviewed .background{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.brand-the-healthy-d{position:relative;height:560px;background-color:#402514} 
.brand-the-healthy-d .module{width:50%;padding:127px 20px 0 20px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.brand-the-healthy-d .sub-title{font-size:38px;color:#ffffff;line-height:1.4} 
.brand-the-healthy-d p.description{margin:31px 0 0;padding-top:42px;font-size:18px;color:#ffffff} 
.brand-the-healthy-d p.description:before{top:0;left:20px} 
.brand-the-healthy-d .background{position:absolute;top:0;right:0;width:50%;height:100%;-webkit-transform:translate(100%, 0);-ms-transform:translate(100%, 0);transform:translate(100%, 0);-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;background-image:url('../img/brand/healthy_d_bg_01.jpg')} 
@media (min-width:1921px){.brand-the-healthy-d .background{background-size:cover} 
.brand-the-healthy-d.is-inviewed .background{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.brand-the-healthy-e{background-image:url('../img/brand/healthy_e_bg_01.gif');background-repeat:repeat;background-position:left top} 
.brand-the-healthy-e .holder{padding:100px 0;text-align:center} 
.brand-the-healthy-e .holder p.sub-title{margin-top:0;font-size:38px;color:#000000;line-height:1.4} 
.brand-the-healthy-e .holder:before{display:block;width:51px;height:45px;margin:0 auto 31px;content:"";background-image:url('../img/brand/healthy_e_icon_01.png')} 
.brand-the-healthy-e .holder:after{display:block;width:51px;height:45px;margin:41px auto 0;content:"";background-image:url('../img/brand/healthy_e_icon_02.png')} 
.brand-the-healthy-f{position:relative} 
.brand-the-healthy-f .module{position:relative;z-index:5;width:40%;max-width:640px;height:668px;margin:0 auto;padding-top:241px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#402514} 
.brand-the-healthy-f .module .title{font-size:18px;color:#ffffff;font-weight:500} 
.brand-the-healthy-f .module p.description{margin:26px 0 0;padding-top:47px;font-size:18px;color:#ffffff} 
.brand-the-healthy-f .module p.description:before{background-color:#e26d37} 
.lang-cn .brand-the-healthy-f .module .title{font-size:22px} 
.lang-cn .brand-the-healthy-f .module p.description{font-size:20px} 
.brand-the-healthy-f .background{position:absolute;top:0;width:34%;max-width:640px;height:668px;background-position:center top} 
.brand-the-healthy-f .background.background-1{left:0;background-image:url('../img/brand/healthy_f_bg_01.jpg')} 
.brand-the-healthy-f .background.background-1:before{content:'';position:absolute;top:50%;left:50%;width:226px;height:234px;margin:-117px 0 0 -113px;background-image:url('../img/brand/healthy_f_obj.jpg')} 
.brand-the-healthy-f .background.background-2{right:0;background-image:url('../img/brand/healthy_f_bg_02.jpg')} 
@media (min-width:1921px){.brand-the-healthy-f .background{width:calc(50% - 320px);max-width:calc(50% - 320px);background-size:cover;background-position:center center} 
.lang-en .brand-the-healthy-a .title{width:735px} 
.lang-en .brand-the-healthy-d .module{padding-top:60px} 
.lang-en .brand-the-healthy-f .module{padding:241px 40px 0} 
.page-brand-cj-hasunjung .brand-title{color:#ca0d0f} 
.page-brand-cj-hasunjung .button-socials i.icon{background-color:#ca0d0f} 
.page-brand-cj-hasunjung .brand-media-channel .module:before{border-left-color:#ca0d0f} 
.page-brand-cj-hasunjung .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#ca0d0f} 
.page-brand-cj-hasunjung .brand-carousel-slider .titles .title{color:#ca0d0f} 
.page-brand-cj-hasunjung #topbutton a{color:#fff} 
.page-brand-cj-hasunjung #topbutton .icon{background-color:#ca0d0f} 
.page-brand-cj-hasunjung #topbutton .icon:after,.page-brand-cj-hasunjung #topbutton .icon:before{background-color:#fff} 
.page-brand-cj-hasunjung .button-more{border-color:#ca0d0f;background-color:#ca0d0f} 
.page-brand-cj-hasunjung .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-cj-hasunjung .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-cj-hasunjung .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-cj-hasunjung .button-more span{padding-right:39px;color:#fff} 
.page-brand-cj-hasunjung .button-more:before{background-color:#fff} 
.page-brand-cj-hasunjung .button-more:hover i{background-color:#ca0d0f} 
.page-brand-cj-hasunjung .button-more:hover i:after,.page-brand-cj-hasunjung .button-more:hover i:before{background-color:#ca0d0f} 
.page-brand-cj-hasunjung .button-more:hover span{color:#ca0d0f} 
.page-brand-cj-hasunjung .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#ca0d0f} 
.page-brand-cj-hasunjung .description p{font-size:18px} 
.brand-cj-hasunjung-a{height:320px;background-color:#f4e3cc} 
.brand-cj-hasunjung-a .title{margin-top:110px;font-size:50px} 
.brand-cj-hasunjung-a p{color:#000;font-size:22px} 
.brand-cj-hasunjung-b{position:relative;background-image:url('../img/brand/cj_hasunjung_b_bg_1.jpg');background-repeat:repeat;border-top:10px #cc9c6d solid;border-bottom:10px #cc9c6d solid} 
.brand-cj-hasunjung-b .content-holder{min-height:670px;overflow:hidden} 
.brand-cj-hasunjung-b .object-a{position:absolute;top:0;bottom:0;left:50%;width:50%;right:0;background-image:url('../img/brand/cj_hasunjung_b_obj_1.jpg')} 
@media (min-width:1921px){.brand-cj-hasunjung-b .object-a{background-size:cover} 
.brand-cj-hasunjung-b .object-b{position:absolute;top:310px;left:50%;width:412px;height:368px;margin-left:-210px;background-image:url('../img/brand/cj_hasunjung_b_img_1.png')} 
.brand-cj-hasunjung-b .object-c{position:absolute;top:323px;left:50%;width:110px;height:333px;margin-left:-710px;background-image:url('../img/brand/cj_hasunjung_b_img_2.png')} 
.brand-cj-hasunjung-b .title{margin-top:100px;font-size:38px;color:#000} 
.brand-cj-hasunjung-b p{color:#000} 
.brand-cj-hasunjung-b .js-inview .object-a{-webkit-transform:translate(100%, 0);-ms-transform:translate(100%, 0);transform:translate(100%, 0);-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-cj-hasunjung-b .js-inview.is-inviewed .object-a{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.brand-cj-hasunjung-c{overflow:inherit;background-color:#fff0dd} 
.brand-cj-hasunjung-c .object-a{position:absolute;top:0;left:0;width:33.33%;height:690px;background-image:url('../img/brand/cj_hasunjung_c_bg_1.jpg');background-position:left bottom} 
.brand-cj-hasunjung-c .object-a:before{content:'';position:absolute;top:50%;left:50%;width:210px;height:208px;margin:-104px 0 0 -105px;background-image:url('../img/brand/cj_hasunjung_c_obj_1.png')} 
@media (min-width:1921px){.brand-cj-hasunjung-c .object-a{width:calc(50% - 273px)} 
.brand-cj-hasunjung-c .object-b{position:absolute;top:0;right:0;width:50%;max-width:687px;height:690px;background-image:url('../img/brand/cj_hasunjung_c_obj_2.jpg');background-position:right top} 
.brand-cj-hasunjung-c .object-b:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url('../img/brand/cj_hasunjung_c_obj_3.png');background-repeat:no-repeat;background-position:center center} 
@media (min-width:1921px){.brand-cj-hasunjung-c .object-b{background-size:cover;max-width:none;width:calc(50% - 273px)} 
.brand-cj-hasunjung-c .content-holder{position:relative;margin:0 auto;width:545px;height:690px;overflow:hidden} 
.brand-cj-hasunjung-c .background{position:absolute;top:0;left:0;right:0;height:100%;background-image:url('../img/brand/cj_hasunjung_c_bg_2.jpg')} 
.brand-cj-hasunjung-c .title{margin-top:120px;font-size:18px;color:#fff} 
.brand-cj-hasunjung-c .sub-title{margin-top:30px;padding-top:40px;color:#fff;font-size:38px} 
.brand-cj-hasunjung-c .sub-title:before{background-color:#cc9c6d} 
.brand-cj-hasunjung-c p{color:#fff} 
.brand-cj-hasunjung-c .js-inview .background{height:0;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition-property:height;-o-transition-property:height;transition-property:height} 
.brand-cj-hasunjung-c .js-inview.is-inviewed .background{height:100%} 
.brand-cj-hasunjung-d{padding-bottom:400px;background-image:url('../img/brand/cj_hasunjung_d_bj_1.jpg');background-repeat:repeat} 
.brand-cj-hasunjung-d .title{margin-top:100px;font-size:38px} 
.brand-cj-hasunjung-d p{color:#000} 
.brand-cj-hasunjung-d .object{position:absolute;top:350px;left:50%;height:210px} 
.brand-cj-hasunjung-d .object.object-a{top:450px;margin-left:-640px;width:1280px;height:128px;background-image:url('../img/brand/cj_hasunjung_d_obj_1.png');-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s} 
.brand-cj-hasunjung-d .object.object-b{margin-left:-640px;width:300px;background-image:url('../img/brand/cj_hasunjung_d_obj_2.png');-webkit-transition-delay:0.6s;-o-transition-delay:0.6s;transition-delay:0.6s} 
.brand-cj-hasunjung-d .object.object-c{margin-left:-340px;width:230px;background-image:url('../img/brand/cj_hasunjung_d_obj_3.png');-webkit-transition-delay:0.8s;-o-transition-delay:0.8s;transition-delay:0.8s} 
.brand-cj-hasunjung-d .object.object-d{margin-left:-110px;width:270px;background-image:url('../img/brand/cj_hasunjung_d_obj_4.png');-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s} 
.brand-cj-hasunjung-d .object.object-e{margin-left:160px;width:280px;background-image:url('../img/brand/cj_hasunjung_d_obj_5.png');-webkit-transition-delay:600ms;-o-transition-delay:600ms;transition-delay:600ms;-webkit-transition-delay:1.2s;-o-transition-delay:1.2s;transition-delay:1.2s} 
.brand-cj-hasunjung-d .object.object-f{margin-left:440px;width:200px;background-image:url('../img/brand/cj_hasunjung_d_obj_6.png');-webkit-transition-delay:1.3s;-o-transition-delay:1.3s;transition-delay:1.3s} 
.brand-cj-hasunjung-e{position:relative;height:700px;background-image:url('../img/brand/cj_hasunjung_e_bg.jpg');background-repeat:repeat} 
.brand-cj-hasunjung-e .content-holder{position:relative;left:50%;margin-left:150px;overflow:hidden} 
.brand-cj-hasunjung-e .object-a{position:absolute;top:0;bottom:0;left:0;width:50%;background-image:url('../img/brand/cj_hasunjung_e_obj.jpg');background-position:left center} 
@media (min-width:1921px){.brand-cj-hasunjung-e .object-a{background-size:cover} 
.brand-cj-hasunjung-e .title{margin-top:150px;font-size:38px;color:#fff} 
.brand-cj-hasunjung-e p{color:#fff} 
.brand-cj-hasunjung-e .js-inview .object-a{-webkit-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);transform:translate(-100%, 0);-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-cj-hasunjung-e .js-inview.is-inviewed .object-a{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.lang-en .brand-cj-hasunjung-b .title{font-size:28px} 
.lang-en .brand-cj-hasunjung-b .content-holder{width:40%} 
.lang-en .brand-cj-hasunjung-c .content-holder{padding:0 50px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.lang-en .brand-cj-hasunjung-c .content-holder .sub-title{font-size:28px} 
.lang-en .brand-cj-hasunjung-e .content-holder{width:50%;margin:0;padding:0 0 0 50px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.lang-en .brand-cj-hasunjung-e .content-holder .title{font-size:28px} 
.lang-cn .brand-cj-hasunjung-e .content-holder{width:50%;margin:0;padding:0 0 0 50px;-webkit-box-sizing:border-box;box-sizing:border-box;height:700px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} 
.lang-cn .brand-cj-hasunjung-e .content-holder .title{margin-top:0} 
.page-brand-taste-joy .brand-title{color:#9c1421} 
.page-brand-taste-joy .button-socials i.icon{background-color:#9c1421} 
.page-brand-taste-joy .brand-media-channel .module:before{border-left-color:#9c1421} 
.page-brand-taste-joy .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#9c1421} 
.page-brand-taste-joy .brand-carousel-slider .titles .title{color:#9c1421} 
.page-brand-taste-joy #topbutton a{color:#fff} 
.page-brand-taste-joy #topbutton .icon{background-color:#9c1421} 
.page-brand-taste-joy #topbutton .icon:after,.page-brand-taste-joy #topbutton .icon:before{background-color:#fff} 
.page-brand-taste-joy .button-more{border-color:#9c1421;background-color:#9c1421} 
.page-brand-taste-joy .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-taste-joy .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-taste-joy .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-taste-joy .button-more span{padding-right:39px;color:#fff} 
.page-brand-taste-joy .button-more:before{background-color:#fff} 
.page-brand-taste-joy .button-more:hover i{background-color:#9c1421} 
.page-brand-taste-joy .button-more:hover i:after,.page-brand-taste-joy .button-more:hover i:before{background-color:#9c1421} 
.page-brand-taste-joy .button-more:hover span{color:#9c1421} 
.page-brand-taste-joy .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#9c1421} 
.page-brand-taste-joy .description p{font-size:18px} 
.page-brand-taste-joy .description p,.page-brand-taste-joy .sub-title,.page-brand-taste-joy .title{color:#000} 
.brand-taste-joy-a{position:relative;padding-bottom:100px} 
.brand-taste-joy-a:before{content:'';display:block;position:absolute;top:500px;left:0;right:0;bottom:0;background-color:#fef5e7} 
.brand-taste-joy-a .slogan{height:500px;overflow:hidden} 
.brand-taste-joy-a .slogan .title{margin-top:120px;font-size:50px} 
.brand-taste-joy-a .desc .description{margin-top:40px;margin-left:90px} 
.brand-taste-joy-a .object{float:right;margin-top:-210px;width:600px;max-width:100%;height:555px;background-image:url('../img/brand/taste_joy_a_obj_1.jpg')} 
.brand-taste-joy-b{padding:120px 0;background-image:url('../img/brand/taste_joy_b_bg_1.jpg')} 
@media (min-width:1921px){.brand-taste-joy-b{background-size:cover} 
.brand-taste-joy-b .title{font-size:18px} 
.brand-taste-joy-b .sub-title{margin-top:30px;padding-top:30px;font-size:38px} 
.brand-taste-joy-b .sub-title:before{background-color:#962935} 
.brand-taste-joy-b .description{margin-top:50px} 
.brand-taste-joy-b .description p{margin:0} 
.brand-taste-joy-b .description .summary{margin-top:30px;color:#8b0e1e;font-size:28px} 
.brand-taste-joy-b .description .summary:first-child{margin-top:0} 
.brand-taste-joy-c{padding:150px 0;background-color:#faf8f4} 
.brand-taste-joy-c .content-holder{margin-left:4%} 
.brand-taste-joy-c .title{font-size:38px} 
.brand-taste-joy-c .object-a{position:absolute;top:0;left:50%;width:600px;height:340px;background-image:url('../img/brand/taste_joy_c_obj_1.png')} 
.brand-taste-joy-c .items{position:absolute;top:340px;left:50%;width:600px} 
.brand-taste-joy-c .items .grid{margin:0 60px} 
.brand-taste-joy-c .value{background-image:url('../img/brand/taste_joy_c_value_1.png');width:100px;height:130px;background-size:100px 130px} 
.brand-taste-joy-c .value.value-b{background-image:url('../img/brand/taste_joy_c_value_2.png')} 
.brand-taste-joy-c .value.value-c{background-image:url('../img/brand/taste_joy_c_value_3.png')} 
.brand-taste-joy-c .value.value-d{background-image:url('../img/brand/taste_joy_c_value_4.png')} 
.brand-taste-joy-d .background{height:810px;background-image:url('../img/brand/taste_joy_d_bg_1.jpg');background-size:auto 810px} 
@media (min-width:1921px){.brand-taste-joy-d .background{background-size:cover} 
.brand-taste-joy-d .js-inview .background{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s} 
.brand-taste-joy-e{margin-top:60px} 
.brand-taste-joy-e .description,.brand-taste-joy-e .title{margin-left:4%} 
.brand-taste-joy-e .title{font-size:38px} 
.page-brand-beksul .brand-title{color:#8d2125} 
.page-brand-beksul .button-socials i.icon{background-color:#8d2125} 
.page-brand-beksul .brand-media-channel .module:before{border-left-color:#8d2125} 
.page-brand-beksul .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#8d2125} 
.page-brand-beksul .brand-carousel-slider .titles .title{color:#8d2125} 
.page-brand-beksul #topbutton a{color:#fff} 
.page-brand-beksul #topbutton .icon{background-color:#8d2125} 
.page-brand-beksul #topbutton .icon:after,.page-brand-beksul #topbutton .icon:before{background-color:#fff} 
.page-brand-beksul .button-more{border-color:#8d2125;background-color:#8d2125} 
.page-brand-beksul .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-beksul .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-beksul .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-beksul .button-more span{padding-right:39px;color:#fff} 
.page-brand-beksul .button-more:before{background-color:#fff} 
.page-brand-beksul .button-more:hover i{background-color:#8d2125} 
.page-brand-beksul .button-more:hover i:after,.page-brand-beksul .button-more:hover i:before{background-color:#8d2125} 
.page-brand-beksul .button-more:hover span{color:#8d2125} 
.page-brand-beksul .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#8d2125} 
.page-brand-beksul .description p{font-size:18px} 
.page-brand-beksul .description p,.page-brand-beksul .sub-title,.page-brand-beksul .title{color:#000} 
.brand-beksul-a{margin-top:80px} 
.brand-beksul-a .background{margin:0 80px;height:820px;background-image:url('../img/brand/beksul_a_obj_1.jpg')} 
@media (min-width:1921px){.brand-beksul-a .background{background-size:cover} 
.brand-beksul-a .content-holder{position:absolute;top:50%;left:50%;margin:-300px 0 0 -290px;width:580px;min-height:600px;padding:0 40px 40px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(66, 34, 13, 0.92)} 
.brand-beksul-a .content-holder .sub-title{margin:0;color:#fff;font-size:28px} 
.brand-beksul-a .title{margin-top:60px;color:#fff;font-size:50px} 
.brand-beksul-a .description p{color:#fff} 
.brand-beksul-a .object{position:relative;height:90px;margin:0 80px;background-image:url('../img/brand/beksul_a_obj_2.png')} 
.brand-beksul-a .object:after,.brand-beksul-a .object:before{content:'';position:absolute;top:50%;height:1px;background-color:rgba(255, 255, 255, 0.4)} 
.brand-beksul-a .object:before{left:0;right:240px} 
.brand-beksul-a .object:after{left:240px;right:0} 
.brand-beksul-a .js-inview .background{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.brand-beksul-a .js-inview .object{opacity:0;-webkit-transform:translate(0, 20px);-ms-transform:translate(0, 20px);transform:translate(0, 20px);-webkit-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s;-o-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.8s} 
.brand-beksul-a .js-inview .object:after,.brand-beksul-a .js-inview .object:before{opacity:0;left:240px;right:240px;-webkit-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s, left 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s, right 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s;-o-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s, left 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s, right 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s, left 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s, right 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s} 
.brand-beksul-a .js-inview.is-inviewed .object{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.brand-beksul-a .js-inview.is-inviewed .object:before{opacity:1;left:0} 
.brand-beksul-a .js-inview.is-inviewed .object:after{opacity:1;right:0} 
.brand-beksul-b{margin-top:80px} 
.brand-beksul-b .wrap.nth-child-1{padding-top:60px;background-image:url('../img/brand/beksul_b_bg_1.gif');background-position:top center} 
@media (min-width:1921px){.brand-beksul-b .wrap.nth-child-1{background-size:100% auto} 
.brand-beksul-b .wrap.nth-child-1 .holder{position:relative;text-align:center} 
.brand-beksul-b .wrap.nth-child-1 .holder .title{color:#fff} 
.brand-beksul-b .wrap.nth-child-1 .holder p.sub-title{margin:67px 0 0;font-size:38px;color:#fff;line-height:1.4} 
.brand-beksul-b .wrap.nth-child-1 .holder .description{margin-top:24px} 
.brand-beksul-b .wrap.nth-child-1 .holder .description p{margin:0;font-size:18px;color:#fff} 
.brand-beksul-b .wrap.nth-child-1 .holder:before{display:block;position:absolute;top:48px;left:50%;width:0;height:4px;margin-left:-18px;content:"";-webkit-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;background-color:#fff} 
.brand-beksul-b .wrap.nth-child-1 .holder.is-inviewed:before{width:36px} 
.brand-beksul-b .wrap.nth-child-1 .history{position:relative;margin-top:-79px;padding-bottom:124px;background-image:url('../img/brand/beksul_b_bg_2.gif');background-repeat:repeat} 
.brand-beksul-c .wrap.nth-child-1 .history{position:relative;margin-top:-79px;padding-bottom:124px;background-image:url('../img/brand/beksul_b_bg_2.gif');background-repeat:repeat} 
.brand-beksul-b .wrap.nth-child-1 .history .list{position:relative;width:1024px;height:1625px;margin:0 auto;background-image:url('../img/brand/beksul_history_line.png');background-position:center 620px} 
.brand-beksul-c .wrap.nth-child-1 .history .list{position:relative;width:1024px;height:1625px;margin:0 auto;background-image:url('../img/brand/beksul_history_line.png');background-position:center 620px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li{position:absolute;z-index:15;text-align:center} 
.brand-beksul-c .wrap.nth-child-1 .history .list li{position:absolute;z-index:15;text-align:center} 
.brand-beksul-b .wrap.nth-child-1 .history .list li .year{display:block;margin-top:18px;font-size:22px;font-weight:400;color:#1e1e1e} 
.brand-beksul-c .wrap.nth-child-1 .history .list li .year{display:block;margin-top:18px;font-size:22px;font-weight:400;color:#1e1e1e} 
.brand-beksul-b .wrap.nth-child-1 .history .list li .year:first-child{margin-top:0} 
.brand-beksul-c .wrap.nth-child-1 .history .list li .year:first-child{margin-top:0} 
.brand-beksul-b .wrap.nth-child-1 .history .list li p.desc{margin:0;font-size:18px;color:#333;line-height:1.4} 
.brand-beksul-c .wrap.nth-child-1 .history .list li p.desc{margin:0;font-size:18px;color:#333;line-height:1.4} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item01{top:183px;left:50%;width:300px;margin-left:-150px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item01{top:183px;left:50%;width:300px;margin-left:-150px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item01 .pic{margin-top:14px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item01 .pic{margin-top:14px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item02{top:544px;right:50%;margin-right:146px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item02{top:544px;right:50%;margin-right:146px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item02 .pic{margin-top:36px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item02 .pic{margin-top:36px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item02 .pic02{position:absolute;top:-30px;left:-170px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item02 .pic02{position:absolute;top:-30px;left:-170px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item02:before{top:38px;left:202px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item02:before{top:38px;left:202px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item03{top:641px;left:50%;margin-left:142px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item03{top:641px;left:50%;margin-left:142px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item03 .pic{margin-top:36px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item03 .pic{margin-top:36px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item03 .pic02{position:absolute;top:-12px;right:-219px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item03 .pic02{position:absolute;top:-12px;right:-219px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item03:before{top:120px;left:-158px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item03:before{top:120px;left:-158px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item04{top:759px;right:50%;margin-right:178px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item04{top:759px;right:50%;margin-right:178px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item04 .pic{margin-top:22px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item04 .pic{margin-top:22px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item04 .pic-2{position:absolute;top:49px;left:-105px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item04 .pic-2{position:absolute;top:49px;left:-105px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item04:before{top:181px;left:175px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item04:before{top:181px;left:175px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item05{top:1050px;left:50%;margin-left:130px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item05{top:1050px;left:50%;margin-left:130px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item05 .pic{margin-top:22px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item05 .pic{margin-top:22px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item05:before{top:68px;left:-146px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item05:before{top:68px;left:-146px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item06{top:1351px;left:50%;width:380px;margin-left:-190px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item06{top:1351px;left:50%;width:380px;margin-left:-190px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item06:before{display:inline-block;position:absolute;top:-54px;left:50%;width:32px;height:33px;margin-left:-16px;content:"";background-image:url('../img/brand/beksul_bot_off.png')} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item06:before{display:inline-block;position:absolute;top:-54px;left:50%;width:32px;height:33px;margin-left:-16px;content:"";background-image:url('../img/brand/beksul_bot_off.png')} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item06.active:before{background-image:url('../img/brand/beksul_bot_on.png')} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item06.active:before{background-image:url('../img/brand/beksul_bot_on.png')} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item07{top:1706px;right:50%;margin-right:149px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item07{top:1706px;right:50%;margin-right:149px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item07 .pic{margin-top:22px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item07 .pic{margin-top:22px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item07:before{top:107px;right:-165px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item07:before{top:107px;right:-165px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item08{top:1923px;left:50%;margin-left:110px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item08{top:1923px;left:50%;margin-left:110px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item08 .pic{margin-top:22px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item08 .pic{margin-top:22px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item08:before{top:68px;left:-126px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item08:before{top:68px;left:-126px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item09{top:2063px;right:50%;margin-right:187px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item09{top:2063px;right:50%;margin-right:187px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item09 .pic{margin-top:22px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item09 .pic{margin-top:22px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item09:before{top:107px;right:-203px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item09:before{top:107px;right:-203px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item10{top:2281px;left:50%;margin-left:105px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item10{top:2281px;left:50%;margin-left:105px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item10 .pic{margin-top:22px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item10 .pic{margin-top:22px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item10:before{top:68px;left:-121px} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item10:before{top:68px;left:-121px} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item02:before,.brand-beksul-b .wrap.nth-child-1 .history .list li.item04:before,.brand-beksul-b .wrap.nth-child-1 .history .list li.item07:before,.brand-beksul-b .wrap.nth-child-1 .history .list li.item09:before{display:inline-block;position:absolute;width:107px;height:32px;content:"";background-image:url('../img/brand/beksul_left_off.png')} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item02:before,.brand-beksul-c .wrap.nth-child-1 .history .list li.item04:before,.brand-beksul-c .wrap.nth-child-1 .history .list li.item07:before,.brand-beksul-c .wrap.nth-child-1 .history .list li.item09:before{display:inline-block;position:absolute;width:107px;height:32px;content:"";background-image:url('../img/brand/beksul_left_off.png')} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item02.active:before,.brand-beksul-b .wrap.nth-child-1 .history .list li.item04.active:before,.brand-beksul-b .wrap.nth-child-1 .history .list li.item07.active:before,.brand-beksul-b .wrap.nth-child-1 .history .list li.item09.active:before{background-image:url('../img/brand/beksul_left_on.png')} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item02.active:before,.brand-beksul-c .wrap.nth-child-1 .history .list li.item04.active:before,.brand-beksul-c .wrap.nth-child-1 .history .list li.item07.active:before,.brand-beksul-c .wrap.nth-child-1 .history .list li.item09.active:before{background-image:url('../img/brand/beksul_left_on.png')} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item03:before,.brand-beksul-b .wrap.nth-child-1 .history .list li.item05:before,.brand-beksul-b .wrap.nth-child-1 .history .list li.item08:before,.brand-beksul-b .wrap.nth-child-1 .history .list li.item10:before{display:inline-block;position:absolute;width:107px;height:32px;content:"";background-image:url('../img/brand/beksul_right_off.png')} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item03:before,.brand-beksul-c .wrap.nth-child-1 .history .list li.item05:before,.brand-beksul-c .wrap.nth-child-1 .history .list li.item08:before,.brand-beksul-c .wrap.nth-child-1 .history .list li.item10:before{display:inline-block;position:absolute;width:107px;height:32px;content:"";background-image:url('../img/brand/beksul_right_off.png')} 
.brand-beksul-b .wrap.nth-child-1 .history .list li.item03.active:before,.brand-beksul-b .wrap.nth-child-1 .history .list li.item05.active:before,.brand-beksul-b .wrap.nth-child-1 .history .list li.item08.active:before,.brand-beksul-b .wrap.nth-child-1 .history .list li.item10.active:before{background-image:url('../img/brand/beksul_right_on.png')} 
.brand-beksul-c .wrap.nth-child-1 .history .list li.item03.active:before,.brand-beksul-c .wrap.nth-child-1 .history .list li.item05.active:before,.brand-beksul-c .wrap.nth-child-1 .history .list li.item08.active:before,.brand-beksul-c .wrap.nth-child-1 .history .list li.item10.active:before{background-image:url('../img/brand/beksul_right_on.png')} 
.brand-beksul-b .wrap.nth-child-1 .history .background{position:absolute} 
.brand-beksul-c .wrap.nth-child-1 .history .background{position:absolute} 
.brand-beksul-b .wrap.nth-child-1 .history .background.background-1{top:806px;left:0px;width:13vw;height:296px;background-image:url('../img/brand/beksul_b_bg_01.png');background-position:left center} 
.brand-beksul-c .wrap.nth-child-1 .history .background.background-1{top:806px;left:0px;width:13vw;height:296px;background-image:url('../img/brand/beksul_b_bg_01.png');background-position:left center} 
.brand-beksul-b .wrap.nth-child-1 .history .background.background-2{top:1155px;left:181px;width:9vw;height:167px;background-image:url('../img/brand/beksul_b_bg_02.png')} 
.brand-beksul-c .wrap.nth-child-1 .history .background.background-2{top:1155px;left:181px;width:9vw;height:167px;background-image:url('../img/brand/beksul_b_bg_02.png')} 
.brand-beksul-b .wrap.nth-child-1 .history .background.background-3{top:1640px;left:0;width:13vw;height:427px;background-image:url('../img/brand/beksul_b_bg_03.png');background-position:left center} 
.brand-beksul-c .wrap.nth-child-1 .history .background.background-3{top:1640px;left:0;width:13vw;height:427px;background-image:url('../img/brand/beksul_b_bg_03.png');background-position:left center} 
.brand-beksul-b .wrap.nth-child-1 .history .background.background-4{top:709px;right:0;width:19vw;height:499px;background-image:url('../img/brand/beksul_b_bg_04.png');background-position:right center} 
.brand-beksul-c .wrap.nth-child-1 .history .background.background-4{top:709px;right:0;width:19vw;height:499px;background-image:url('../img/brand/beksul_b_bg_04.png');background-position:right center} 
.brand-beksul-b .wrap.nth-child-1 .history .background.background-5{top:1600px;right:0;width:25vw;height:596px;background-image:url('../img/brand/beksul_b_bg_05.png');background-position:right center} 
.brand-beksul-c .wrap.nth-child-1 .history .background.background-5{top:1600px;right:0;width:25vw;height:596px;background-image:url('../img/brand/beksul_b_bg_05.png');background-position:right center} 
.brand-beksul-b .title{font-size:18px} 
.brand-beksul-b .sub-title{margin-top:30px;padding-top:40px;font-size:38px} 
.brand-beksul-b .sub-title:before{background-color:#8d2125} 
.brand-beksul-b .objects-a{position:relative;z-index:10;max-width:1200px;margin:50px auto 0} 
.brand-beksul-b .objects-a .object{width:100%;max-width:284px;height:232px;background-image:url('../img/brand/beksul_b_obj_1.jpg');background-size:cover} 
.brand-beksul-b .objects-a .object.object-b{background-image:url('../img/brand/beksul_b_obj_2.jpg')} 
.brand-beksul-b .objects-a .object.object-c{background-image:url('../img/brand/beksul_b_obj_3.jpg')} 
.brand-beksul-b .objects-a .object.object-d{background-image:url('../img/brand/beksul_b_obj_4.jpg')} 
.brand-beksul-b .objects-b{margin:80px auto 100px auto;max-width:960px} 
.brand-beksul-b .objects-b .object{display:inline-block;width:200px;height:200px;background-image:url('../img/brand/beksul_b_obj_5.png')} 
.brand-beksul-b .objects-b .object.object-f{background-image:url('../img/brand/beksul_b_obj_6.png')} 
.brand-beksul-b .objects-b .object.object-g{background-image:url('../img/brand/beksul_b_obj_7.png')} 
.brand-beksul-c{padding-bottom:85px;background-image:url('../img/brand/beksul_c_bg_1.jpg')} 
@media (min-width:1921px){.brand-beksul-c{background-size:100% auto} 
.brand-beksul-c .grid{margin:140px -15px 0 -15px} 
.brand-beksul-c .grid .module{margin:0 15px} 
.brand-beksul-c .grid .object{max-width:100%} 
.brand-beksul-c .object-a{width:584px;height:824px;background-image:url('../img/brand/beksul_c_obj_1.jpg')} 
.brand-beksul-c .object-b{margin-top:74px;width:584px;height:400px;background-image:url('../img/brand/beksul_c_obj_2.jpg')} 
.brand-beksul-c .title{margin-top:40px;font-size:38px;color:#6f4339} 
.brand-beksul-c .sub-title{margin:100px 0 0 0;position:relative;display:inline-block;font-size:28px;color:#6f4339} 
.brand-beksul-c .sub-title:before{content:'';position:absolute;top:-55px;left:-45px;display:block;width:86px;height:78px;background-image:url('../img/brand/beksul_c_ldquo.png')} 
.brand-beksul-c .content-holder{margin-left:20px} 
.brand-beksul-c .description{margin-top:34px} 
.brand-beksul-c .description p{color:#6f4339} 
.brand-beksul-c .js-inview .sub-title:before{opacity:0;-webkit-transform:translate(0, 20px);-ms-transform:translate(0, 20px);transform:translate(0, 20px);-webkit-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.45s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.45s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.45s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.45s;-o-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.45s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.45s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.45s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.45s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.45s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.45s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.45s} 
.brand-beksul-c .js-inview.is-inviewed .sub-title:before{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.brand-beksul-d{position:relative} 
.brand-beksul-d .title{position:absolute;top:50%;left:50%;width:510px;height:104px;margin:-52px 0 0 -255px;font-size:60px;color:#4e2b15;line-height:104px;border-top:1px solid #c8bbb5;border-bottom:1px solid #c8bbb5} 
@media (min-width:1921px){.brand-beksul-d .pic img{width:100%} 
.brand-beksul-d .ingredients li{position:absolute;font-size:20px;color:#000000;line-height:1} 
.brand-beksul-d .ingredients li.name01{top:30.092%;right:77.34%} 
.brand-beksul-d .ingredients li.name02{top:30.092%;right:57.135%} 
.brand-beksul-d .ingredients li.name03{top:30.092%;right:31.833%} 
.brand-beksul-d .ingredients li.name04{top:7.314%;left:75.12%} 
.brand-beksul-d .ingredients li.name05{top:63.888%;right:80.833%} 
.brand-beksul-d .ingredients li.name06{top:84.814%;right:71.561%} 
.brand-beksul-d .ingredients li.name07{top:71.574%;left:28.437%} 
.brand-beksul-d .ingredients li.name08{top:75.277%;right:40%} 
.brand-beksul-d .ingredients li.name09{top:81.481%;left:63.541%} 
.brand-beksul-d .ingredients li.name10{top:68.611%;left:79.114%} 
.lang-en .brand-beksul-a .title{font-size:40px} 
.lang-en .brand-beksul-b .holder{width:50%;margin:0 auto} 
.lang-en .brand-beksul-b .wrap.nth-child-1 .history .list li.item04{margin-right:126px} 
.lang-en .brand-beksul-c .wrap.nth-child-1 .history .list li.item04{margin-right:126px} 
.lang-en .brand-beksul-b .wrap.nth-child-1 .history .list li.item04:before{left:222px} 
.lang-en .brand-beksul-c .wrap.nth-child-1 .history .list li.item04:before{left:222px} 
.lang-en .brand-beksul-c{padding-bottom:54px} 
.lang-cn .brand-beksul-b .wrap.nth-child-1 .history .list li.item04{margin-right:158px} 
.lang-cn .brand-beksul-c .wrap.nth-child-1 .history .list li.item04{margin-right:158px} 
.lang-cn .brand-beksul-d .title{width:255px;margin-left:-127px} 
.page-brand-cj-the-kitchen .brand-title{color:#0f5333} 
.page-brand-cj-the-kitchen .button-socials i.icon{background-color:#0f5333} 
.page-brand-cj-the-kitchen .brand-media-channel .module:before{border-left-color:#0f5333} 
.page-brand-cj-the-kitchen .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#0f5333} 
.page-brand-cj-the-kitchen .brand-carousel-slider .titles .title{color:#0f5333} 
.page-brand-cj-the-kitchen #topbutton a{color:#fff} 
.page-brand-cj-the-kitchen #topbutton .icon{background-color:#0f5333} 
.page-brand-cj-the-kitchen #topbutton .icon:after,.page-brand-cj-the-kitchen #topbutton .icon:before{background-color:#fff} 
.page-brand-cj-the-kitchen .button-more{border-color:#0f5333;background-color:#0f5333} 
.page-brand-cj-the-kitchen .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-cj-the-kitchen .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-cj-the-kitchen .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-cj-the-kitchen .button-more span{padding-right:39px;color:#fff} 
.page-brand-cj-the-kitchen .button-more:before{background-color:#fff} 
.page-brand-cj-the-kitchen .button-more:hover i{background-color:#0f5333} 
.page-brand-cj-the-kitchen .button-more:hover i:after,.page-brand-cj-the-kitchen .button-more:hover i:before{background-color:#0f5333} 
.page-brand-cj-the-kitchen .button-more:hover span{color:#0f5333} 
.page-brand-cj-the-kitchen .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#0f5333} 
.page-brand-cj-the-kitchen .description p,.page-brand-cj-the-kitchen .sub-title,.page-brand-cj-the-kitchen .title{color:#000} 
.page-brand-cj-the-kitchen .description p{font-size:18px} 
.brand-cj-the-kitchen-a{position:relative;padding:130px 0;background-color:#fac9cc} 
.brand-cj-the-kitchen-a .title{font-size:56px;font-weight:400} 
.brand-cj-the-kitchen-a .title .desc{margin-top:10px;font-size:18px} 
.brand-cj-the-kitchen-a .sub-title{margin-top:70px;font-size:28px} 
.brand-cj-the-kitchen-a .object{position:absolute;z-index:0} 
.brand-cj-the-kitchen-a .object.object-a{bottom:0;left:0;width:440px;height:600px;background-image:url('../img/brand/cj_the_kitchen_a_obj_1.png')} 
.brand-cj-the-kitchen-a .object.object-b{top:80px;left:50%;margin-left:630px;width:460px;height:460px;background-color:#f05761;border-radius:100%} 
.brand-cj-the-kitchen-a .object.object-c{bottom:0;left:50%;margin-left:260px;width:510px;height:428px;background-image:url('../img/brand/cj_the_kitchen_a_obj_2.png')} 
.brand-cj-the-kitchen-a .object.object-d{top:-180px;left:50%;margin-left:-550px;width:460px;height:460px;background-color:#fff;border-radius:100%} 
.brand-cj-the-kitchen-a .content-holder{position:relative;z-index:1} 
.brand-cj-the-kitchen-b{position:relative} 
.brand-cj-the-kitchen-b .cell{width:50%} 
.brand-cj-the-kitchen-b .cell:first-child{line-height:0} 
.brand-cj-the-kitchen-b .backgroud{display:inline-block;width:100%;height:856px;background-image:url('../img/brand/cj_the_kitchen_bg_1.jpg')} 
@media (min-width:1921px){.brand-cj-the-kitchen-b .backgroud{background-size:cover} 
.brand-cj-the-kitchen-b .object{position:absolute;top:130px;left:50%;margin-left:560px;width:592px;height:642px;background-image:url('../img/brand/cj_the_kitchen_b_obj_1.png')} 
.brand-cj-the-kitchen-b .content-holder{margin-left:95px} 
.brand-cj-the-kitchen-b .title{padding-bottom:30px;margin-bottom:60px;font-size:18px} 
.brand-cj-the-kitchen-b .title:before{top:auto;bottom:0;left:0;margin:0;background-color:#000} 
.brand-cj-the-kitchen-b .description p{margin:10px 0 0} 
.brand-cj-the-kitchen-b .description .summary{position:relative;margin-top:60px;font-size:28px;color:#fff;display:inline-block} 
.brand-cj-the-kitchen-b .description .summary:before{content:'';position:absolute;top:0;left:0;bottom:0;width:100%;background-color:#0f5333} 
.brand-cj-the-kitchen-b .description .summary span{position:relative;display:block;padding:0 10px;line-height:38px} 
.brand-cj-the-kitchen-b .description .summary:first-child{margin-top:0} 
.brand-cj-the-kitchen-b .description .summary.summary-b:before{background-color:#f05761} 
.brand-cj-the-kitchen-b .description .summary.summary-c:before{background-color:#a97c50} 
.brand-cj-the-kitchen-b .js-inview .description .summary:before{width:0;-webkit-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;-o-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s} 
.brand-cj-the-kitchen-b .js-inview .description .summary-b:before{-webkit-transition-delay:0.8s;-o-transition-delay:0.8s;transition-delay:0.8s} 
.brand-cj-the-kitchen-b .js-inview .description .summary-c:before{-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s} 
.brand-cj-the-kitchen-b .js-inview.is-inviewed .description .summary:before{width:100%} 
.brand-cj-the-kitchen-c{position:relative;height:840px;background-color:#fae5c9} 
.brand-cj-the-kitchen-c:before{content:'';position:absolute;top:50%;left:0;width:150%;height:100%;background-color:#f8d4a3;-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)} 
.brand-cj-the-kitchen-c .object{position:absolute;top:0;left:50%;width:600px;height:754px;background-image:url('../img/brand/cj_the_kitchen_c_obj_1.png')} 
.brand-cj-the-kitchen-c .content-holder{margin-left:60px;overflow:hidden} 
.brand-cj-the-kitchen-c .title{margin-top:150px;font-size:38px} 
.brand-maxbon .title{color:#000} 
.brand-maxbon .sub-title{font-size:38px;color:#000} 
.brand-maxbon .description p{color:#000} 
.page-brand-maxbon .brand-title{color:#b52b2e} 
.page-brand-maxbon .button-socials i.icon{background-color:#b52b2e} 
.page-brand-maxbon .brand-media-channel .module:before{border-left-color:#b52b2e} 
.page-brand-maxbon .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#b52b2e} 
.page-brand-maxbon .brand-carousel-slider .titles .title{color:#b52b2e} 
.page-brand-maxbon #topbutton a{color:#fff} 
.page-brand-maxbon #topbutton .icon{background-color:#b52b2e} 
.page-brand-maxbon #topbutton .icon:after,.page-brand-maxbon #topbutton .icon:before{background-color:#fff} 
.page-brand-maxbon .button-more{border-color:#b52b2e;background-color:#b52b2e} 
.page-brand-maxbon .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-maxbon .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-maxbon .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-maxbon .button-more span{padding-right:39px;color:#fff} 
.page-brand-maxbon .button-more:before{background-color:#fff} 
.page-brand-maxbon .button-more:hover i{background-color:#b52b2e} 
.page-brand-maxbon .button-more:hover i:after,.page-brand-maxbon .button-more:hover i:before{background-color:#b52b2e} 
.page-brand-maxbon .button-more:hover span{color:#b52b2e} 
.page-brand-maxbon .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#b52b2e} 
.brand-maxbon-a{background:url("../img/brand/maxbon_bg_01.jpg") center top no-repeat;text-align:center} 
@media (min-width:1921px){.brand-maxbon-a{background-size:cover} 
.brand-maxbon-a,.brand-maxbon-a p{color:#000} 
.brand-maxbon-a .holder{padding:119px 0 119px} 
.brand-maxbon-a .module{position:relative;margin:0 auto;padding:59px 0;max-width:760px;text-align:center;background-color:#f3d64f} 
.brand-maxbon-a .module:before{content:'';display:block;position:absolute;top:30px;left:50%;margin:-40px;width:0;height:20px;background-color:#ef151e;overflow:hidden;-webkit-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-maxbon-a .title{font-size:56px;font-weight:500} 
.brand-maxbon-a p.sub-title{line-height:1.4} 
.brand-maxbon-a.is-inviewed .module:before{width:80px} 
.brand-maxbon-b{background:url("../img/brand/maxbon_bg_02.gif") -58px -30px} 
.brand-maxbon-b .holder{height:820px} 
.brand-maxbon-b .holder .pic.nth-child-1{top:143px;left:73px} 
.brand-maxbon-b .holder .pic.nth-child-2{bottom:0;right:31px} 
.brand-maxbon-b .holder:before{content:'';display:block;position:absolute;top:138px;left:50%;width:0;height:20px;margin-left:-20px;background-color:#ef151e;overflow:hidden;-webkit-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-maxbon-b .description p{margin-top:28px} 
.brand-maxbon-b .module{position:absolute;top:209px;left:680px} 
.brand-maxbon-b.is-inviewed .holder:before{width:80px} 
.brand-maxbon-c{background:url("../img/brand/maxbon_bg_03.gif") center top} 
.brand-maxbon-c .wrap{position:relative;max-width:1920px;margin:0 auto} 
.brand-maxbon-c .holder{position:absolute;top:8.666%;left:50%;width:500px;margin-left:-250px} 
.brand-maxbon-c .holder:before{content:'';display:block;width:0;height:20px;margin:0 auto 36px;background-color:#ef151e;overflow:hidden;-webkit-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-maxbon-c .title{font-size:38px;text-align:center} 
.brand-maxbon-c .module .js-tooltip{position:absolute;z-index:10} 
.brand-maxbon-c .module .js-tooltip .icon{display:inline-block;width:40px;height:40px;background-image:url('../img/brand/brand_tooltip_on.png');-webkit-transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-maxbon-c .module .list li p{display:inline-block;position:absolute;top:87.478%;margin:0;font-size:18px;color:#000;letter-spacing:-1px} 
@media (min-width:1024px) and (max-width:1280px){.brand-maxbon-c .module .list li p{font-size:12px} 
@media (min-width:1280px) and (max-width:1600px){.brand-maxbon-c .module .list li p{font-size:15px} 
.brand-maxbon-c .module .list li.nth-child-1 p{left:21.927%} 
.brand-maxbon-c .module .list li.nth-child-1 .js-tooltip{top:50.171%;left:19.583%} 
.brand-maxbon-c .module .list li.nth-child-2 p{left:30.104%} 
.brand-maxbon-c .module .list li.nth-child-2 .js-tooltip{top:50.171%;left:31.822%} 
.brand-maxbon-c .module .list li.nth-child-3 p{left:36.354%} 
.brand-maxbon-c .module .list li.nth-child-3 .js-tooltip{top:50.171%;left:39.062%} 
.brand-maxbon-c .module .list li.nth-child-4 p{left:43.489%} 
.brand-maxbon-c .module .list li.nth-child-4 .js-tooltip{top:52.658%;left:47.031%} 
.brand-maxbon-c .module .list li.nth-child-5 p{left:51.822%} 
.brand-maxbon-c .module .list li.nth-child-5 .js-tooltip{top:52.658%;left:53.177%} 
.brand-maxbon-c .module .list li.nth-child-6 p{left:59.062%} 
.brand-maxbon-c .module .list li.nth-child-6 .js-tooltip{top:52.058%;left:60.989%} 
.brand-maxbon-c .module .list li.nth-child-7 p{left:65.156%} 
.brand-maxbon-c .module .list li.nth-child-7 .js-tooltip{top:51.114%;left:68.489%} 
.brand-maxbon-c .module .list li.nth-child-8 p{left:72.083%} 
.brand-maxbon-c .module .list li.nth-child-8 .js-tooltip{top:51.715%;left:77.447%} 
.brand-maxbon-c .pic{max-width:1920px;margin:0 auto} 
.brand-maxbon-c .js-tooltip.in .icon{background-image:url('../img/brand/brand_tooltip_off.png')} 
.brand-maxbon-c .js-tooltip.in .module{display:block} 
.brand-maxbon-c .js-tooltip .module{display:none;position:absolute;top:64px;left:-102px;width:242px;padding:17px 20px 15px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #c41226;border-radius:5px;background-color:rgba(255, 255, 255, 0.9)} 
.brand-maxbon-c .js-tooltip .module .name{display:block;font-family:'CJONLYONE';font-size:18px;color:#000} 
.brand-maxbon-c .js-tooltip .module .desc{display:block;margin-top:4px;word-break:break-all;font-size:16px;color:#000;line-height:1.7} 
.brand-maxbon-c .js-tooltip .module:before{position:absolute;top:-12px;left:50%;width:18px;height:12px;margin-left:-6px;opacity:0.9;content:"";background-image:url('../img/brand/tooltip_arrow_01.png')} 
.brand-maxbon-c.is-inviewed .holder:before{width:80px} 
.brand-maxbon-d{height:860px;background:url("../img/brand/maxbon_bg_04.png") center top no-repeat} 
.brand-maxbon-d .holder{padding:235px 0 0 93px} 
.brand-maxbon-d .holder:before{content:'';display:block;position:absolute;top:95px;left:50%;width:0;height:20px;margin-left:-20px;background-color:#ef151e;overflow:hidden;-webkit-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-maxbon-d .title{font-size:38px} 
.brand-maxbon-d .description p{margin-top:34px} 
.brand-maxbon-d .pic{position:absolute;top:242px;left:586px;width:841px} 
.brand-maxbon-d.is-inviewed .holder:before{width:80px} 
.lang-en .brand-maxbon-a .module{padding:59px 50px} 
.lang-en .brand-maxbon-a .module:before{top:30px} 
.lang-en .brand-maxbon-d .holder{padding-top:160px} 
.lang-en .brand-maxbon-d .holder .description,.lang-en .brand-maxbon-d .holder .title{width:41%} 
.page-brand-together .brand-title{color:#708c3f} 
.page-brand-together .button-socials i.icon{background-color:#708c3f} 
.page-brand-together .brand-media-channel .module:before{border-left-color:#708c3f} 
.page-brand-together .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#708c3f} 
.page-brand-together .brand-carousel-slider .titles .title{color:#708c3f} 
.page-brand-together #topbutton a{color:#fff} 
.page-brand-together #topbutton .icon{background-color:#708c3f} 
.page-brand-together #topbutton .icon:after,.page-brand-together #topbutton .icon:before{background-color:#fff} 
.page-brand-together .button-more{border-color:#708c3f;background-color:#708c3f} 
.page-brand-together .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-together .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-together .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-together .button-more span{padding-right:39px;color:#fff} 
.page-brand-together .button-more:before{background-color:#fff} 
.page-brand-together .button-more:hover i{background-color:#708c3f} 
.page-brand-together .button-more:hover i:after,.page-brand-together .button-more:hover i:before{background-color:#708c3f} 
.page-brand-together .button-more:hover span{color:#708c3f} 
.page-brand-together .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#708c3f} 
.page-brand-together .title{font-size:50px;color:#000;line-height:1.3} 
.page-brand-together .description{font-size:18px} 
.brand-together-a{height:920px;background:url("../img/brand/together_bg_01.jpg") top center no-repeat} 
@media (min-width:1921px){.brand-together-a{background-size:cover;background-position:center center} 
.brand-together-a .holder{padding-top:109px;text-align:center} 
.brand-together-a .holder .sub-title{margin:37px 0 25px;font-size:28px;color:#000;line-height:1.5} 
.brand-together-a .holder .description{color:#000} 
.brand-together-b{position:relative;height:580px;background-color:#929947;background-image:url("../img/brand/together_bg_02.png");background-position:center top;background-repeat:no-repeat} 
.brand-together-b .pic{top:166px;left:23px} 
.brand-together-b .module{position:absolute;top:100px;left:50%;width:50%;padding-left:100px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.brand-together-b .module .title{font-size:18px;color:#fff} 
.brand-together-b .module .sub-title{margin-top:68px;font-size:38px;color:#fff} 
.brand-together-b .module .description{margin-top:28px;color:#fff} 
.brand-together-b .module:before{content:'';display:block;position:absolute;top:50px;left:100px;width:0;height:4px;background-color:#fff;overflow:hidden;-webkit-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-together-b .background{position:absolute;top:0;left:0;width:50%;height:100%;background:url("../img/brand/together_bg_02.jpg") center top no-repeat;-webkit-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);transform:translate(-100%, 0);-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-together-b .background:before{content:'';position:absolute;top:50%;left:50%;width:170px;height:230px;margin:-115px 0 0 -85px;background-image:url('../img/brand/together_b_obj.png');opacity:0;-webkit-transform:translate(0, 30px);-ms-transform:translate(0, 30px);transform:translate(0, 30px);-webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s;-o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s;transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 1s} 
@media (min-width:1921px){.brand-together-b .background{background-size:cover} 
.brand-together-b.is-inviewed .module:before{width:36px} 
.brand-together-b.is-inviewed .background{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.brand-together-b.is-inviewed .background:before{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.brand-together-c{background:#f6f1e6} 
.brand-together-c .sub-title{font-size:38px;color:#000000} 
.brand-together-c .description{color:#000} 
.brand-together-c .wrap{padding-top:120px} 
.brand-together-c .grid .pic{float:left;width:50%} 
.brand-together-c .grid .module{float:left;width:50%;padding:136px 0 0 91px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.brand-together-c .grid.nth-child-1 .description{margin-top:25px} 
.brand-together-c .grid.nth-child-2{margin-top:40px} 
.brand-together-c .grid.nth-child-2 .module{padding-top:145px} 
.brand-together-d{position:relative;height:1311px} 
.brand-together-d .holder{padding-top:101px;text-align:center} 
.brand-together-d .holder .description{margin-top:35px;color:#000} 
.brand-together-d .content-module{position:relative;height:840px;margin-top:82px} 
.brand-together-d .content-module .background{position:absolute} 
.brand-together-d .content-module .background.background-1{top:0;left:0;width:100%;height:0;background:url("../img/brand/together_bg_03.jpg") no-repeat;-webkit-transition:height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;-o-transition:height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;transition:height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s} 
.brand-together-d .content-module .background.background-2{top:420px;left:0;width:0;height:420px;background:url("../img/brand/together_bg_04.jpg") no-repeat;-webkit-transition:width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.7s;-o-transition:width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.7s;transition:width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0.7s} 
.brand-together-d .content-module .module{position:absolute;top:420px;right:0;width:50%;height:0px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#998675;-webkit-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 1.1s;-o-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 1.1s;transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 1.1s} 
.brand-together-d .content-module .module .sub-title{padding:126px 0 0 71px;font-size:32px;color:#fff} 
.brand-together-d .content-module .module .description{padding-left:71px;color:#fff} 
.brand-together-d .content-module.is-inviewed .module{height:420px} 
.brand-together-d .content-module.is-inviewed .background-1{height:420px} 
.brand-together-d .content-module.is-inviewed .background-2{width:50%} 
.lang-en .brand-together-c .grid .module{padding-top:65px} 
.lang-en .brand-together-c .grid.nth-child-2{margin-top:110px} 
.lang-en .brand-together-c .grid.nth-child-2 .module{padding-top:70px} 
.lang-en .brand-together-d .content-module .module .sub-title{padding-top:85px} 
@media (min-width:1024px){.lang-en .brand-together-d .content-module .module .sub-title{padding-top:45px} 
.lang-en .brand-together-d .content-module .module .description{padding:0 50px 0 71px} 
.lang-cn .brand-together-d .content-module .module .description{padding:0 50px 0 71px} 
.page-brand-matbam .brand-title{color:#28120d} 
.page-brand-matbam .button-socials i.icon{background-color:#28120d} 
.page-brand-matbam .brand-media-channel .module:before{border-left-color:#28120d} 
.page-brand-matbam .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#28120d} 
.page-brand-matbam .brand-carousel-slider .titles .title{color:#28120d} 
.page-brand-matbam #topbutton a{color:#fff} 
.page-brand-matbam #topbutton .icon{background-color:#28120d} 
.page-brand-matbam #topbutton .icon:after,.page-brand-matbam #topbutton .icon:before{background-color:#fff} 
.page-brand-matbam .button-more{border-color:#28120d;background-color:#28120d} 
.page-brand-matbam .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-matbam .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-matbam .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-matbam .button-more span{padding-right:39px;color:#fff} 
.page-brand-matbam .button-more:before{background-color:#fff} 
.page-brand-matbam .button-more:hover i{background-color:#28120d} 
.page-brand-matbam .button-more:hover i:after,.page-brand-matbam .button-more:hover i:before{background-color:#28120d} 
.page-brand-matbam .button-more:hover span{color:#28120d} 
.page-brand-matbam .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#28120d} 
.page-brand-matbam .sub-title{font-size:38px;line-height:1.4} 
.page-brand-matbam .description,.page-brand-matbam .description p{font-size:18px} 
.brand-matbam-a{position:relative;height:1166px;background-image:url('../img/brand/matbam_bg_01.jpg')} 
@media (min-width:1921px){.brand-matbam-a{background-size:cover} 
.brand-matbam-a:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-image:url('../img/brand/matbam_bg_01.png');background-repeat:no-repeat;background-position:center top} 
.brand-matbam-a .title{padding-top:111px;font-size:50px;color:#000;line-height:1.3;text-align:center} 
.brand-matbam-a .module{margin:315px 0 0 600px;padding-left:37px} 
.brand-matbam-a .module .sub-title{color:#000} 
.brand-matbam-a .module p{margin-top:30px;color:#000} 
.brand-matbam-a .module p:first-child{margin-top:23px} 
.brand-matbam-b{position:relative;height:720px;background-color:#e7ab4c} 
.brand-matbam-b .wrap{position:relative} 
.brand-matbam-b .module{position:absolute;top:0;right:0;width:50%;padding:100px 0 0 95px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.brand-matbam-b .module .title{font-size:18px;color:#28120d} 
.brand-matbam-b .module .sub-title{margin-top:71px;color:#28120d} 
.brand-matbam-b .module .pic{margin:42px 0 34px} 
.brand-matbam-b .module .description{color:#28120d} 
.brand-matbam-b .module:before{content:'';display:block;position:absolute;top:156px;left:95px;width:0;height:4px;background-color:#28120d;overflow:hidden;-webkit-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-matbam-b .background{position:absolute;top:0;right:50%;width:50%;height:720px;-webkit-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);transform:translate(-100%, 0);-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;background-image:url('../img/brand/matbam_bg_02.jpg')} 
@media (min-width:1921px){.brand-matbam-b .background{background-size:cover} 
.brand-matbam-b.is-inviewed .module:before{width:36px} 
.brand-matbam-b.is-inviewed .background{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.brand-matbam-c{position:relative;height:720px;background-color:#2f1812} 
.brand-matbam-c .module{width:50%;padding:233px 0 0 40px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.brand-matbam-c .module .sub-title{color:#fff} 
.brand-matbam-c .module .description p{margin:22px 0 30px;color:#fff} 
.brand-matbam-c .background{position:absolute;top:0;left:50%;width:50%;height:720px;-webkit-transform:translate(100%, 0);-ms-transform:translate(100%, 0);transform:translate(100%, 0);-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;background-image:url('../img/brand/matbam_bg_03.jpg')} 
@media (min-width:1921px){.brand-matbam-c .background{background-size:cover} 
.brand-matbam-c.is-inviewed .background{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.lang-en .brand-matbam-c .module{padding:185px 40px 0} 
.page-brand-petitzel .brand-title{color:#dd5397} 
.page-brand-petitzel .button-socials i.icon{background-color:#dd5397} 
.page-brand-petitzel .brand-media-channel .module:before{border-left-color:#dd5397} 
.page-brand-petitzel .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#dd5397} 
.page-brand-petitzel .brand-carousel-slider .titles .title{color:#dd5397} 
.page-brand-petitzel #topbutton a{color:#fff} 
.page-brand-petitzel #topbutton .icon{background-color:#dd5397} 
.page-brand-petitzel #topbutton .icon:after,.page-brand-petitzel #topbutton .icon:before{background-color:#fff} 
.page-brand-petitzel .button-more{border-color:#dd5397;background-color:#dd5397} 
.page-brand-petitzel .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-petitzel .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-petitzel .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-petitzel .button-more span{padding-right:39px;color:#fff} 
.page-brand-petitzel .button-more:before{background-color:#fff} 
.page-brand-petitzel .button-more:hover i{background-color:#dd5397} 
.page-brand-petitzel .button-more:hover i:after,.page-brand-petitzel .button-more:hover i:before{background-color:#dd5397} 
.page-brand-petitzel .button-more:hover span{color:#dd5397} 
.page-brand-petitzel .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#dd5397} 
.brand-petitzel-a{position:relative;height:1491px} 
.brand-petitzel-a:before{content:'';display:block;position:absolute;z-index:0;top:0;left:50%;right:0;bottom:0;background-image:url('../img/brand/petitzel_a_bg.jpg');background-repeat:repeat-x} 
.brand-petitzel-a:after{content:'';display:block;position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;background-image:url('../img/brand/petitzel_bg_01.jpg');background-position:center top;background-repeat:no-repeat} 
.brand-petitzel-a .pic.pic-1{top:76px;right:-177px;z-index:10} 
.brand-petitzel-a .pic.pic-2{top:278px;left:-60px;z-index:2} 
.brand-petitzel-a .pic.pic-3{top:1020px;left:775px;width:634px;z-index:10} 
.brand-petitzel-a .module{position:absolute;top:850px;left:136px;width:704px;height:210px;padding:100px 0 60px;z-index:5;text-align:center;background-color:#fff} 
.brand-petitzel-a .module .title{font-size:38px;color:#000} 
.brand-petitzel-a .module .description p{margin-top:31px;color:#000} 
.brand-petitzel-a .module .description p:first-child{margin-top:26px} 
.brand-petitzel-b{position:relative;margin:60px;height:810px;background-color:#eacf5d} 
.brand-petitzel-b:before{content:'';display:block;position:absolute;z-index:0;top:0;left:0;bottom:0;width:50%;background-color:#fdebeb} 
.brand-petitzel-b:after{content:'';display:block;position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;background:url("../img/brand/petitzel_bg_02.jpg") center top no-repeat} 
.brand-petitzel-b .description p{font-size:18px} 
.brand-petitzel-b .module{position:absolute;z-index:2;top:102px;right:0;width:567px;padding:56px 0 56px;text-align:center;background-color:#fff} 
.brand-petitzel-b .module .title{margin-top:11px;font-size:18px;color:#2c1807} 
.brand-petitzel-b .module .sub-title{margin-top:58px;font-size:38px;color:#2c1807;line-height:1.4} 
.brand-petitzel-b .module .description p{color:#2c1807} 
.brand-petitzel-b .module .description p:first-child{margin:24px 0 30px} 
.brand-petitzel-b .module:before{content:"";display:inline-block;width:43px;height:27px;background:url("../img/brand/petitzel_ico_01.png") no-repeat} 
.brand-petitzel-b .module:after{content:'';display:block;position:absolute;top:146px;left:50%;width:0;height:4px;margin-left:-18px;background-color:#c49a6c;overflow:hidden;-webkit-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-petitzel-b.is-inviewed .module:after{width:36px} 
.brand-petitzel-c{position:relative;height:712px;background-color:#e26a71} 
.brand-petitzel-c .description p{font-size:18px} 
.brand-petitzel-c .module{width:50%;padding:110px 0 0 29px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.brand-petitzel-c .module .sub-title{margin-top:28px;font-size:38px;color:#fff;line-height:1.4} 
.brand-petitzel-c .module .description p{margin-top:31px;color:#fff} 
.brand-petitzel-c .module .description p:first-child{margin-top:24px} 
.brand-petitzel-c .module:before{content:"";display:inline-block;width:43px;height:27px;background:url("../img/brand/petitzel_ico_02.png") no-repeat} 
.brand-petitzel-c .background-module{overflow:hidden;position:absolute;top:0;left:50%;min-width:960px;width:50%;height:712px} 
.brand-petitzel-c .background-module .background{float:left;width:50%;height:356px} 
@media (min-width:1921px){.brand-petitzel-c .background-module .background{background-size:cover} 
.brand-petitzel-c .background-module .background.background-1{background-image:url('../img/brand/petitzel_c_bg_01.jpg')} 
.brand-petitzel-c .background-module .background.background-2{background-image:url('../img/brand/petitzel_c_bg_02.jpg')} 
.brand-petitzel-c .background-module .background.background-3{background-image:url('../img/brand/petitzel_c_bg_03.jpg')} 
.brand-petitzel-c .background-module .background.background-4{background-image:url('../img/brand/petitzel_c_bg_04.jpg')} 
.lang-en .brand-petitzel-a .module{width:604px;padding:60px 50px} 
.lang-en .brand-petitzel-b .module{width:467px;padding:56px 50px} 
.lang-en .brand-petitzel-c .module{padding:40px 0 0 20px} 
.lang-cn .brand-petitzel-b .module{width:467px;padding:56px 50px} 
.page-brand-byo .brand-title{color:#636c73} 
.page-brand-byo .button-socials i.icon{background-color:#636c73} 
.page-brand-byo .brand-media-channel .module:before{border-left-color:#636c73} 
.page-brand-byo .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#636c73} 
.page-brand-byo .brand-carousel-slider .titles .title{color:#636c73} 
.page-brand-byo #topbutton a{color:#fff} 
.page-brand-byo #topbutton .icon{background-color:#636c73} 
.page-brand-byo #topbutton .icon:after,.page-brand-byo #topbutton .icon:before{background-color:#fff} 
.page-brand-byo .button-more{border-color:#636c73;background-color:#636c73} 
.page-brand-byo .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-byo .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-byo .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-byo .button-more span{padding-right:39px;color:#fff} 
.page-brand-byo .button-more:before{background-color:#fff} 
.page-brand-byo .button-more:hover i{background-color:#636c73} 
.page-brand-byo .button-more:hover i:after,.page-brand-byo .button-more:hover i:before{background-color:#636c73} 
.page-brand-byo .button-more:hover span{color:#636c73} 
.page-brand-byo .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#636c73} 
.page-brand-byo .sub-title{font-size:38px} 
.page-brand-byo .description,.page-brand-byo .description p{font-size:18px} 
.brand-byo-a{height:1292px;background-color:#f6f6f6;background-image:url('../img/brand/byo_bg_00.gif');background-repeat:no-repeat;background-position:center center} 
.brand-byo-a .grid .title{padding:108px 0 0 117px;font-size:38px;font-weight:700;color:#000;line-height:1.3} 
.brand-byo-a .grid .title span{color:#25b8c4} 
.brand-byo-a .grid .title strong{display:block;margin-top:10px;font-size:72px;color:#636c73} 
.brand-byo-a .grid .txt-module{position:absolute;top:107px;left:50%;width:50%} 
.brand-byo-a .grid .txt-module .sub-title{margin:0;font-size:28px;color:#000;line-height:1.6} 
.brand-byo-a .grid .txt-module p.description{margin-top:58px;font-size:18px;color:#000} 
.brand-byo-a .grid .txt-module:before{position:absolute;top:111px;left:0;width:0;height:5px;content:"";background-color:#25b8c4} 
.brand-byo-a .grid.is-inviewed .module:before{width:48px} 
.brand-byo-a .pic-module{margin-top:121px} 
.brand-byo-a .pic-module .pic{float:left} 
.brand-byo-a .pic-module .pic img{width:100%} 
.brand-byo-a .pic-module .pic.nth-child-1{width:39%} 
.brand-byo-a .pic-module .pic.nth-child-3{width:61%} 
.brand-byo-a .grid.list{margin:84px -10px 0} 
.brand-byo-a .grid.list .col{padding:0 10px;text-align:center} 
.brand-byo-a .grid.list .col .module{padding:38px 0 22px;border:2px solid #29bac5;border-radius:10px;background-color:#fff} 
.brand-byo-a .grid.list .col .module:before{width:70px;height:68px;margin:0 auto;content:"";display:block;background-repeat:no-repeat;background-size:100%} 
.brand-byo-a .grid.list .col strong{display:block;margin-top:9px;padding-left:6px;font-size:18px;color:#000;line-height:1.7;font-weight:500} 
.brand-byo-a .grid.list .col .description{margin-top:0px;font-size:18px;color:#333} 
.brand-byo-a .grid.list .nth-child-1 .module:before{background-image:url("../img/brand/byo_grid_bg_01.gif")} 
.brand-byo-a .grid.list .nth-child-2 .module:before{background-image:url("../img/brand/byo_grid_bg_02.gif")} 
.brand-byo-a .grid.list .nth-child-3 .module:before{background-image:url("../img/brand/byo_grid_bg_03.gif")} 
.brand-byo-a .grid.list .nth-child-4 .module:before{background-image:url("../img/brand/byo_grid_bg_04.gif")} 
.brand-byo-b{margin:80px 0;background:url("../img/brand/byo_bg_01.gif") center center no-repeat} 
@media (min-width:1921px){.brand-byo-b{margin:80px;background-size:cover} 
.brand-byo-b .wrap{height:780px} 
@media (min-width:1921px){.brand-byo-b .wrap{max-width:100vw} 
.brand-byo-b .pic{top:50%;left:3px;margin-top:-101px} 
@media (min-width:1921px){.brand-byo-b .pic{left:80px;right:50%;text-align:center} 
.brand-byo-b .module{position:absolute;top:0;bottom:0;left:50%;width:625px;padding-top:158px;text-align:center;background-color:#fff} 
.brand-byo-b .module .title{font-size:18px;color:#000} 
.brand-byo-b .module .sub-title{margin-top:50px;color:#000} 
.brand-byo-b .module .description p{margint-top:30px;color:#000} 
.brand-byo-b .module .description p:first-child{margin-top:42px} 
.brand-byo-b .module:before{content:'';display:block;position:absolute;top:210px;left:50%;width:0;height:4px;margin-lefT:-18px;background-color:#000000;overflow:hidden;-webkit-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-byo-b.is-inviewed .module:before{width:36px} 
.brand-byo-c{position:relative;background:url("../img/brand/byo_bg_02.jpg") center top no-repeat} 
.brand-byo-c .wrap{padding-bottom:80px} 
.brand-byo-c .module{position:relative;z-index:10;width:640px;height:680px;margin:0 auto;text-align:center;background-color:#5a939a} 
.brand-byo-c .module .sub-title{padding-top:161px;color:#fff;font-weight:400} 
.brand-byo-c .module .description p{margin-top:40px;font-family:'CJONLYONE';font-size:18px;color:#fff} 
.brand-byo-c .module .description p:first-child{margin-top:29px} 
.brand-byo-c .bg-module .background{position:absolute;top:0;width:640px;height:680px;background-repeat:no-repeat} 
.brand-byo-c .bg-module .background.background-1{left:0;background-image:url('../img/brand/byo_bg_02.jpg')} 
.brand-byo-c .bg-module .background.background-2{right:0;background-image:url('../img/brand/byo_bg_03.jpg')} 
@media (min-width:1921px){.brand-byo-c .bg-module .background{background-size:cover;width:calc(50% - 320px)} 
.lang-en .brand-byo-a .grid.list .col .module{height:341px;-webkit-box-sizing:border-box;box-sizing:border-box} 
@media (max-width:1024px) and (max-width:1279px){.lang-en .brand-byo-a .grid.list .col .module{height:371px} 
.lang-cn .brand-byo-a .grid.list .col .module{height:281px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.page-brand-ofresh .brand-title{color:#6095a6} 
.page-brand-ofresh .button-socials i.icon{background-color:#6095a6} 
.page-brand-ofresh .brand-media-channel .module:before{border-left-color:#6095a6} 
.page-brand-ofresh .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#6095a6} 
.page-brand-ofresh .brand-carousel-slider .titles .title{color:#6095a6} 
.page-brand-ofresh #topbutton a{color:#fff} 
.page-brand-ofresh #topbutton .icon{background-color:#6095a6} 
.page-brand-ofresh #topbutton .icon:after,.page-brand-ofresh #topbutton .icon:before{background-color:#fff} 
.page-brand-ofresh .button-more{border-color:#6095a6;background-color:#6095a6} 
.page-brand-ofresh .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-ofresh .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-ofresh .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-ofresh .button-more span{padding-right:39px;color:#fff} 
.page-brand-ofresh .button-more:before{background-color:#fff} 
.page-brand-ofresh .button-more:hover i{background-color:#6095a6} 
.page-brand-ofresh .button-more:hover i:after,.page-brand-ofresh .button-more:hover i:before{background-color:#6095a6} 
.page-brand-ofresh .button-more:hover span{color:#6095a6} 
.page-brand-ofresh .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#6095a6} 
.page-brand-ofresh .holder{text-align:center} 
.page-brand-ofresh .sub-title{font-size:38px;color:#333} 
.page-brand-ofresh .description,.page-brand-ofresh .description p{font-size:18px;color:#333} 
.brand-ofresh-a{position:relative;height:920px;overflow:inherit;background:#ccdeac url("../img/brand/ofresh_bg_01.png") center top no-repeat} 
.brand-ofresh-a .holder{padding-top:90px} 
.brand-ofresh-a .holder .title{font-size:56px;color:#333;font-weight:400} 
.brand-ofresh-a .holder .sub-title{margin-top:58px;font-weight:400} 
.brand-ofresh-a .holder .description p{margin-top:30px} 
.brand-ofresh-a .holder:before{content:"";display:inline-block;position:absolute;top:546px;left:50%;width:782px;height:469px;margin-left:-420px;background:url("../img/brand/ofresh_bg_04.png") no-repeat} 
.brand-ofresh-b{height:946px;background:#66d5e6 url("../img/brand/ofresh_bg_02.png") center top no-repeat} 
.brand-ofresh-b .holder{position:relative;padding-top:131px} 
.brand-ofresh-b .holder .title{font-size:18px;color:#333} 
.brand-ofresh-b .holder .sub-title{margin-top:57px} 
.brand-ofresh-b .holder .description{margin:30px 0 24px} 
.brand-ofresh-b .holder:before{content:'';display:block;position:absolute;top:182px;left:50%;width:0;height:4px;margin-left:-18px;background-color:#de716b;overflow:hidden;-webkit-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-ofresh-b.is-inviewed .holder:before{width:36px} 
.brand-ofresh-c{position:relative;height:1060px;background:#eddb93} 
.brand-ofresh-c:before{content:'';display:block;position:absolute;z-index:0;left:0;right:0;bottom:0;height:174px;background-color:#fff} 
.brand-ofresh-c:after{content:'';display:block;position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;background:url("../img/brand/ofresh_bg_03.jpg") center top no-repeat} 
.brand-ofresh-c .holder{position:relative;z-index:2;padding-top:100px} 
.brand-ofresh-c .holder .sub-title{line-height:1.4} 
.brand-ofresh-c .holder .description p{margin-top:30px} 
.brand-ofresh-c .holder .description p:first-child{margin-top:20px} 
.page-brand-onature .brand-title{color:#726659} 
.page-brand-onature .button-socials i.icon{background-color:#726659} 
.page-brand-onature .brand-media-channel .module:before{border-left-color:#726659} 
.page-brand-onature .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#726659} 
.page-brand-onature .brand-carousel-slider .titles .title{color:#726659} 
.page-brand-onature #topbutton a{color:#fff} 
.page-brand-onature #topbutton .icon{background-color:#726659} 
.page-brand-onature #topbutton .icon:after,.page-brand-onature #topbutton .icon:before{background-color:#fff} 
.page-brand-onature .button-more{border-color:#726659;background-color:#726659} 
.page-brand-onature .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-onature .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-onature .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-onature .button-more span{padding-right:39px;color:#fff} 
.page-brand-onature .button-more:before{background-color:#fff} 
.page-brand-onature .button-more:hover i{background-color:#726659} 
.page-brand-onature .button-more:hover i:after,.page-brand-onature .button-more:hover i:before{background-color:#726659} 
.page-brand-onature .button-more:hover span{color:#726659} 
.page-brand-onature .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#726659} 
.page-brand-onature .wrap{position:relative} 
.page-brand-onature .sub-title{font-size:38px;color:#444444;line-height:1.4} 
.page-brand-onature .description p{font-size:18px;color:#000} 
.brand-onature-a{background-color:#fcf0d7} 
.brand-onature-a .holder{padding-top:104px;text-align:center} 
.brand-onature-a .holder .title{font-size:56px;font-weight:400} 
.brand-onature-a .pic{position:absolute;top:232px;right:50%;width:747px} 
.brand-onature-a .module{margin:76px 0 0 50%;padding-bottom:86px} 
.brand-onature-a .module .sub-title{color:#444444} 
.brand-onature-a .module .description p{margin-top:30px} 
.brand-onature-b{position:relative;background-color:#fff7ea} 
.brand-onature-b .module{width:50%;height:730px;padding:75px 0 0 60px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.brand-onature-b .module .title{font-size:18px;color:#000} 
.brand-onature-b .module .sub-title{margin-top:60px} 
.brand-onature-b .module .description p{margin-bottom:30px} 
.brand-onature-b .module:before{content:'';display:block;position:absolute;top:126px;left:61px;width:0;height:4px;background-color:#726659;overflow:hidden;-webkit-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-onature-b .background{position:absolute;top:0;left:50%;width:50%;height:730px;background-image:url('../img/brand/onature_img_02.jpg')} 
.brand-onature-b .background:before{content:'';position:absolute;top:18%;left:50%;width:304px;height:154px;margin-left:-152px;background-image:url('../img/brand/onature_b_obj.png')} 
@media (min-width:1921px){.brand-onature-b .background{background-size:cover} 
.brand-onature-b.is-inviewed .module:before{width:36px} 
.brand-onature-c{height:800px;background:url("../img/brand/onature_bg_01.jpg") center top no-repeat} 
@media (min-width:1921px){.brand-onature-c{background-size:cover} 
.brand-onature-c .module{margin-left:644px;padding:122px 0 169px} 
.brand-onature-c .module .description p{margin-top:30px} 
.brand-onature-c .module .description p:first-child{margin-top:60px} 
.brand-onature-d{height:720px;background:#f9edd3 url("../img/brand/onature_bg_02.jpg") center top no-repeat} 
.brand-onature-d .wrap{position:relative} 
.brand-onature-d .module{padding:143px 0 0 61px} 
.brand-onature-d .module p.description{font-size:18px;color:#000} 
.brand-onature-d .tooltip-module .list .nth-child-1 .js-tooltip{top:363px;right:491px} 
.brand-onature-d .tooltip-module .list .nth-child-1 .js-tooltip .module{bottom:initial;top:-137px;left:-181px;width:267px} 
.brand-onature-d .tooltip-module .list .nth-child-1 .js-tooltip .module:before{top:auto;bottom:-12px;left:197px;background-image:url('../img/brand/tooltip_arrow_bot.png')} 
.brand-onature-d .tooltip-module .list .nth-child-2 .js-tooltip{top:480px;right:346px} 
.brand-onature-d .tooltip-module .list .nth-child-2 .js-tooltip .module{top:75px;left:-104px} 
.brand-onature-d .tooltip-module .list .nth-child-3 .js-tooltip{top:263px;right:128px} 
.brand-onature-d .tooltip-module .list .nth-child-3 .js-tooltip .module{top:69px;left:-180px} 
.brand-onature-d .tooltip-module .list .nth-child-3 .js-tooltip .module:before{left:196px} 
.brand-onature-d .js-tooltip{position:absolute} 
.brand-onature-d .js-tooltip .icon{display:inline-block;width:40px;height:40px;background-image:url('../img/brand/brand_tooltip_on_02.png');-webkit-transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-onature-d .js-tooltip.in .icon{background-image:url('../img/brand/brand_tooltip_off_02.png')} 
.brand-onature-d .js-tooltip.in .module{display:block} 
.brand-onature-d .js-tooltip .module{display:none;position:absolute;top:64px;left:-93px;width:242px;padding:17px 20px 15px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #afa18e;border-radius:5px;background-color:rgba(255, 255, 255, 0.9)} 
.brand-onature-d .js-tooltip .module .name{display:block;font-family:'CJONLYONE';font-size:18px;color:#000} 
.brand-onature-d .js-tooltip .module .desc{display:block;margin-top:4px;word-break:break-all;font-size:16px;color:#000;line-height:1.7} 
.brand-onature-d .js-tooltip .module:before{position:absolute;top:-12px;left:50%;width:18px;height:12px;margin-left:-6px;opacity:0.9;content:"";background-image:url('../img/brand/tooltip_arrow_top.png')} 
.lang-en .brand-onature-d .tooltip-module .list .nth-child-1 .js-tooltip .module{top:-190px} 
.page-brand-hanppuri .brand-title{color:#9d8c6a} 
.page-brand-hanppuri .button-socials i.icon{background-color:#9d8c6a} 
.page-brand-hanppuri .brand-media-channel .module:before{border-left-color:#9d8c6a} 
.page-brand-hanppuri .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#9d8c6a} 
.page-brand-hanppuri .brand-carousel-slider .titles .title{color:#9d8c6a} 
.page-brand-hanppuri #topbutton a{color:#fff} 
.page-brand-hanppuri #topbutton .icon{background-color:#9d8c6a} 
.page-brand-hanppuri #topbutton .icon:after,.page-brand-hanppuri #topbutton .icon:before{background-color:#fff} 
.page-brand-hanppuri .button-more{border-color:#9d8c6a;background-color:#9d8c6a} 
.page-brand-hanppuri .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-hanppuri .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-hanppuri .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-hanppuri .button-more span{padding-right:39px;color:#fff} 
.page-brand-hanppuri .button-more:before{background-color:#fff} 
.page-brand-hanppuri .button-more:hover i{background-color:#9d8c6a} 
.page-brand-hanppuri .button-more:hover i:after,.page-brand-hanppuri .button-more:hover i:before{background-color:#9d8c6a} 
.page-brand-hanppuri .button-more:hover span{color:#9d8c6a} 
.page-brand-hanppuri .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#9d8c6a} 
.page-brand-hanppuri .holder{text-align:center} 
.page-brand-hanppuri .description p,.page-brand-hanppuri .sub-title,.page-brand-hanppuri .title{color:#fff} 
.page-brand-hanppuri .sub-title{font-size:38px} 
.page-brand-hanppuri .description p{font-size:18px} 
.brand-hanppuri-a{position:relative;padding:130px 0;background-image:url('../img/brand/hanppuri_bg_01.jpg');background-repeat:repeat} 
.brand-hanppuri-a:after,.brand-hanppuri-a:before{content:'';display:block;position:absolute;z-index:0;top:50%;margin-top:-462px;height:924px;width:50%;background-image:url('../img/brand/hanppuri_bg_01_02.png');background-repeat:no-repeat} 
.brand-hanppuri-a:before{left:20px;background-position:left center} 
.brand-hanppuri-a:after{right:20px;background-position:right center} 
@media (min-width:1200px){.brand-hanppuri-a:before{left:50px} 
.brand-hanppuri-a:after{right:50px} 
@media (min-width:1600px){.brand-hanppuri-a:before{left:205px} 
.brand-hanppuri-a:after{right:205px} 
.brand-hanppuri-a .wrap{position:relative;z-index:1;height:924px} 
.brand-hanppuri-a .holder .title{display:inline-block;margin-top:-25px;padding:0 15px;font-size:50px;background-image:url('../img/brand/hanppuri_bg_01.jpg');background-repeat:repeat} 
.lang-cn .brand-hanppuri-a .holder .title,.lang-en .brand-hanppuri-a .holder .title{-webkit-transform:translate(0, -70%);-ms-transform:translate(0, -70%);transform:translate(0, -70%)} 
.brand-hanppuri-a .title{font-size:50px} 
.brand-hanppuri-a .module{margin-top:180px;margin-left:30px;width:40%} 
.lang-en .brand-hanppuri-a .module{margin-top:0} 
.lang-cn .brand-hanppuri-a .module{margin-top:100px} 
.brand-hanppuri-a .description p{margin:34px 0 30px} 
.brand-hanppuri-a .pic{position:absolute;top:130px;left:50%;padding-left:36px} 
.brand-hanppuri-b{height:980px;position:relative;padding-bottom:0px;background-image:url('../img/brand/hanppuri_bg_04.jpg');background-repeat:no-repeat} 
@media (min-width:1921px){.brand-hanppuri-b{background-size:cover} 
.brand-hanppuri-b .description p{margin-top:30px} 
.brand-hanppuri-b .pic{margin-top:48px} 
.brand-hanppuri-b .module{position:relative;width:640px;height:980px;margin:0 auto;padding:30px 40px 0;background-color:#ad2c24;-webkit-box-sizing:border-box;box-sizing:border-box} 
.brand-hanppuri-b .module .title{font-size:18px} 
.brand-hanppuri-b .module .sub-title{margin-top:0px} 
.brand-hanppuri-b .module .description p{margin-top:30px} 
.brand-hanppuri-b .module .description p:first-child{margin-top:25px} 
.brand-hanppuri-b .module:before{display:inline-block;width:72px;height:72px;margin-bottom:0px;content:"";background:url("../img/brand/hanppuri_icon_01.gif") no-repeat} 
.brand-hanppuri-b .module:after{content:'';display:block;position:absolute;top:291px;left:50%;width:0;height:4px;margin-left:-18px;background-color:#fff;overflow:hidden;-webkit-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-hanppuri-c{height:682px;background:url("../img/brand/hanppuri_bg_03.gif") center top repeat-x} 
.brand-hanppuri-c .wrap{position:relative} 
.brand-hanppuri-c .pic{position:absolute;top:30px;left:0} 
.brand-hanppuri-c .module{position:absolute;top:207px;right:0;width:50%;padding-left:60px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.brand-hanppuri-d{position:relative;padding-bottom:30px;height:720px;background:url("../img/brand/hanppuri_bg_01.jpg") center top repeat} 
.brand-hanppuri-d:before{content:"";display:block;position:absolute;top:0;bottom:30px;width:calc(50% - 350px);left:30px;background-image:url('../img/brand/hanppuri_bg_02.jpg');background-position:left center} 
.brand-hanppuri-d:after{content:"";display:block;position:absolute;top:0;bottom:30px;width:calc(50% - 350px);right:30px;background-image:url('../img/brand/hanppuri_bg_02_b.jpg');background-position:right center} 
.brand-hanppuri-d .holder{padding:0px} 
.brand-hanppuri-d .module{position:relative;width:640px;height:720px;margin:0 auto;padding:175px 40px 0;background-color:#515151;-webkit-box-sizing:border-box;box-sizing:border-box} 
.brand-hanppuri-d.is-inviewed .module:after{width:36px} 
.lang-en .brand-hanppuri-a .holder{padding-top:70px} 
.lang-en .brand-hanppuri-a .module{position:absolute;width:50%;right:50%;top:207px;padding:0 46px 0 50px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0} 
.lang-en .brand-hanppuri-b .module{width:980px;padding:40px 40px 0} 
.lang-en .brand-hanppuri-b .module:after{top:235px} 
.lang-cn .brand-hanppuri-a .holder{padding-top:70px} 
.lang-cn .brand-hanppuri-a .module{position:absolute;width:50%;right:50%;top:207px;padding:0 46px 0 50px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0} 
.page-brand-hope .brand-title{color:#708c3f} 
.page-brand-hope .button-socials i.icon{background-color:#708c3f} 
.page-brand-hope .brand-media-channel .module:before{border-left-color:#708c3f} 
.page-brand-hope .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#708c3f} 
.page-brand-hope .brand-carousel-slider .titles .title{color:#708c3f} 
.page-brand-hope #topbutton a{color:#fff} 
.page-brand-hope #topbutton .icon{background-color:#708c3f} 
.page-brand-hope #topbutton .icon:after,.page-brand-hope #topbutton .icon:before{background-color:#fff} 
.page-brand-hope .button-more{border-color:#708c3f;background-color:#708c3f} 
.page-brand-hope .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-hope .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-hope .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-hope .button-more span{padding-right:39px;color:#fff} 
.page-brand-hope .button-more:before{background-color:#fff} 
.page-brand-hope .button-more:hover i{background-color:#708c3f} 
.page-brand-hope .button-more:hover i:after,.page-brand-hope .button-more:hover i:before{background-color:#708c3f} 
.page-brand-hope .button-more:hover span{color:#708c3f} 
.page-brand-hope .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#708c3f} 
.page-brand-hope .holder{text-align:center} 
.page-brand-hope .sub-title{font-size:38px;font-weight:400} 
.page-brand-hope .description,.page-brand-hope .description p{font-size:18px} 
.brand-hope-a{position:relative;height:960px;background-image:url('../img/brand/hope_a_bg.jpg');background-repeat:repeat} 
.brand-hope-a:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:url("../img/brand/hope_bg_01.jpg") center top no-repeat} 
.brand-hope-a .holder{padding-top:103px} 
.brand-hope-a .holder .title{font-size:50px;color:#000;font-weight:500} 
.brand-hope-a .module{margin:213px 0 0 59%} 
.brand-hope-a .module .sub-title{color:#000} 
.brand-hope-a .module .description p{margin-top:30px;color:#000} 
.brand-hope-a .module .description p:first-child{margin-top:23px} 
.brand-hope-b{position:relative;background-color:#708c3f} 
.brand-hope-b .module{position:relative;width:50%;height:720px;left:50%;padding:131px 0 119px 120px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.brand-hope-b .module .title{font-size:18px;color:#fff} 
.brand-hope-b .module .sub-title{margin-top:69px;color:#fff} 
.brand-hope-b .module .description p{margin-top:30px;color:#fff} 
.brand-hope-b .module:before{content:'';display:block;position:absolute;top:182px;left:120px;width:0;height:4px;background-color:#fff;overflow:hidden;-webkit-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-hope-b .background{position:absolute;top:0;left:0;width:50%;height:100%;background:url("../img/brand/hope_bg_02.jpg") no-repeat;-webkit-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);transform:translate(-100%, 0);-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
@media (min-width:1921px){.brand-hope-b .background{background-size:cover} 
.brand-hope-b.is-inviewed .module:before{width:36px} 
.brand-hope-b.is-inviewed .background{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.brand-hope-c{height:1631px;background:url("../img/brand/hope_bg_03.jpg") center top} 
@media (min-width:1921px){.brand-hope-c{background-size:cover} 
.brand-hope-c .wrap{position:relative} 
.brand-hope-c .holder{padding-top:141px} 
.brand-hope-c .holder .sub-title{color:#000} 
.brand-hope-c .description{margin-top:11px;color:#000} 
.brand-hope-c .list{margin-top:91px} 
.brand-hope-c .list .item{float:left;width:50%;text-align:center} 
.brand-hope-c .list .item strong{display:block;font-family:'CJONLYONE';font-size:28px;line-height:1.5;font-weight:400;color:#000} 
.brand-hope-c .list .item.nth-child-1 strong{margin-top:12px} 
.brand-hope-c .list .item.nth-child-2 strong{margin-top:36px} 
.brand-hope-c .list .item.nth-child-3{margin-top:112px;clear:both} 
.brand-hope-c .list .item.nth-child-3 strong{margin-top:25px} 
.brand-hope-c .list .item.nth-child-4{margin-top:144px} 
.brand-hope-c .list .item.nth-child-4 strong{margin-top:59px} 
.brand-hope-d{position:relative} 
.brand-hope-d .wrap .module{position:relative;z-index:10;width:640px;margin:80px auto;padding:199px 0 177px;background-color:#607f2f} 
.brand-hope-d .wrap .module .sub-title{color:#fff} 
.brand-hope-d .wrap .module .description p{margin-top:30px;color:#fff} 
.brand-hope-d .background{position:absolute;top:80px;width:560px;height:720px;background-repeat:no-repeat} 
.brand-hope-d .background.background-1{left:80px;background-image:url("../img/brand/hope_bg_04.jpg")} 
.brand-hope-d .background.background-2{right:80px;background-image:url("../img/brand/hope_bg_05.jpg")} 
@media (min-width:1921px){.brand-hope-d .background{background-size:cover;width:calc(50% - 400px)} 
.lang-en .brand-hope-c .holder{width:75%;margin:0 auto} 
.lang-en .brand-hope-c .list .item.nth-child-1 strong{word-break:break-all} 
.lang-en .brand-hope-d .module{height:720px;padding:199px 40px 0;-webkit-box-sizing:border-box;box-sizing:border-box} 
.lang-cn .brand-hope-c .holder{width:75%;margin:0 auto} 
.lang-cn .brand-hope-d .module{height:720px;padding:199px 40px 0;-webkit-box-sizing:border-box;box-sizing:border-box} 
.page-brand-sweetree .brand-title{color:#624130} 
.page-brand-sweetree .button-socials i.icon{background-color:#624130} 
.page-brand-sweetree .brand-media-channel .module:before{border-left-color:#624130} 
.page-brand-sweetree .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#624130} 
.page-brand-sweetree .brand-carousel-slider .titles .title{color:#624130} 
.page-brand-sweetree #topbutton a{color:#fff} 
.page-brand-sweetree #topbutton .icon{background-color:#624130} 
.page-brand-sweetree #topbutton .icon:after,.page-brand-sweetree #topbutton .icon:before{background-color:#fff} 
.page-brand-sweetree .button-more{border-color:#624130;background-color:#624130} 
.page-brand-sweetree .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-sweetree .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-sweetree .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-sweetree .button-more span{padding-right:39px;color:#fff} 
.page-brand-sweetree .button-more:before{background-color:#fff} 
.page-brand-sweetree .button-more:hover i{background-color:#624130} 
.page-brand-sweetree .button-more:hover i:after,.page-brand-sweetree .button-more:hover i:before{background-color:#624130} 
.page-brand-sweetree .button-more:hover span{color:#624130} 
.page-brand-sweetree .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#624130} 
.page-brand-sweetree .description,.page-brand-sweetree .description p{font-size:18px} 
.brand-sweetree-a{position:relative;height:1172px;background:url("../img/brand/sweetree_bg_01.gif") left top} 
.brand-sweetree-a .wrap{padding-top:134px} 
.brand-sweetree-a .holder{text-align:center} 
.brand-sweetree-a .holder .title{font-size:56px;color:#000;font-weight:400;line-height:1.3;text-align:center} 
.brand-sweetree-a .holder .pic{margin-top:59px} 
.brand-sweetree-a .module{position:absolute;bottom:150px;left:50%;margin-left:133px} 
.brand-sweetree-a .module .description p{margin-top:30px;color:#000} 
@media (max-width:1024px){.brand-sweetree-a .module{left:37%} 
.brand-sweetree-a .background-module .background{opacity:0;-webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-sweetree-a .background-module .background-1{position:absolute;top:313px;right:50%;z-index:10;width:594px;height:621px;margin-right:-45px;-webkit-transform:translate(-100px, -30px) rotate(-45deg);-ms-transform:translate(-100px, -30px) rotate(-45deg);transform:translate(-100px, -30px) rotate(-45deg);background-image:url('../img/brand/sweetree_a_img_01.png')} 
.brand-sweetree-a .background-module .background-2{position:absolute;top:368px;lefT:50%;z-index:5;width:519px;height:374px;margin-left:-45px;-webkit-transform:translate(100px, -30px) rotate(45deg);-ms-transform:translate(100px, -30px) rotate(45deg);transform:translate(100px, -30px) rotate(45deg);background-image:url('../img/brand/sweetree_a_img_02.png')} 
.brand-sweetree-a .background-module .background-3{position:absolute;top:681px;lefT:50%;width:980px;height:383px;margin-left:-490px;-webkit-transform:translate(0, 50px);-ms-transform:translate(0, 50px);transform:translate(0, 50px);background-image:url('../img/brand/sweetree_a_img_03.png')} 
.brand-sweetree-a .background-module.is-inviewed .background-1{opacity:1;-webkit-transform:translate(0, 0) rotate(0deg);-ms-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg);-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s} 
.brand-sweetree-a .background-module.is-inviewed .background-2{opacity:1;-webkit-transform:translate(0, 0) rotate(0deg);-ms-transform:translate(0, 0) rotate(0deg);transform:translate(0, 0) rotate(0deg);-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s} 
.brand-sweetree-a .background-module.is-inviewed .background-3{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition-delay:1.5s;-o-transition-delay:1.5s;transition-delay:1.5s} 
.brand-sweetree-b{position:relative;background:url("../img/brand/sweetree_bg_02.jpg") center top} 
.brand-sweetree-b .module{position:relative;width:580px;min-height:467px;margin:100px auto;padding-top:113px;z-index:10;text-align:center;background-color:#624130} 
.brand-sweetree-b .module .title{margin-bottom:70px;font-size:18px;color:#fff} 
.brand-sweetree-b .module .description p{margin-top:30px;color:#fff} 
.brand-sweetree-b .module:before{content:'';display:block;position:absolute;top:162px;left:50%;width:0;height:4px;margin-left:-18px;background-color:#fff;overflow:hidden;-webkit-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-sweetree-b .background.nth-child-1{position:absolute;top:0;left:0;width:50%;height:780px;background:url("../img/brand/sweetree_img_02.png") center top no-repeat} 
.brand-sweetree-b .background.nth-child-3{position:absolute;top:0;right:0;width:50%;height:780px;background:url("../img/brand/sweetree_img_03.png") right center no-repeat} 
@media (min-width:1024px) and (max-width:1600px){.brand-sweetree-b .background.nth-child-3{background-position:100px center} 
.brand-sweetree-b.is-inviewed .module:before{width:36px} 
.brand-sweetree-c{position:relative;height:1820px;background:url("../img/brand/sweetree_bg_03.gif")} 
.brand-sweetree-c .wrap{position:relative} 
.brand-sweetree-c .module{position:relative;padding:191px 0 0 100px} 
.brand-sweetree-c .module .title{font-size:18px;color:#624130} 
.brand-sweetree-c .module .sub-title{margin-top:67px;font-size:38px;color:#000} 
.brand-sweetree-c .module .description{color:#000} 
.brand-sweetree-c .module:before{content:'';display:block;position:absolute;top:246px;left:118px;width:0;height:4px;margin-left:-18px;background-color:#624130;overflow:hidden;-webkit-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-sweetree-c .module.is-inviewed:before{width:36px} 
.brand-sweetree-c .item{position:absolute;text-align:center} 
.brand-sweetree-c .item.nth-child-1{top:310px;right:53px} 
.brand-sweetree-c .item.nth-child-1 strong{margin-top:22px} 
.brand-sweetree-c .item.nth-child-2{top:690px;left:46px} 
.brand-sweetree-c .item strong{display:block;font-size:28px;color:#000} 
.brand-sweetree-c .item .description{margin-top:10px;color:#000} 
.brand-sweetree-c .txt-module{position:absolute;bottom:139px;left:50%;width:100%;margin-left:-50%} 
.brand-sweetree-c .txt-module .sub-title{margin:0;font-size:38px;color:#000000;line-height:1.3} 
.brand-sweetree-c .txt-module:before{display:block;width:51px;height:45px;margin:0 auto 32px;content:"";background-image:url('../img/brand/sweetree_c_bg_05.png')} 
.brand-sweetree-c .txt-module:after{display:block;width:51px;height:45px;margin:32px auto 0;content:"";background-image:url('../img/brand/sweetree_c_bg_06.png')} 
.brand-sweetree-c .background-module .background{position:absolute;opacity:0;-webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-sweetree-c .background-module .background.background-1{top:-50px;right:0;width:441px;height:488px;background-image:url('../img/brand/sweetree_c_bg_01.png')} 
.brand-sweetree-c .background-module .background.background-2{top:388px;left:0;width:382px;height:448px;-webkit-transform:translate(-50px, 0);-ms-transform:translate(-50px, 0);transform:translate(-50px, 0);background-image:url('../img/brand/sweetree_c_bg_02.png')} 
.brand-sweetree-c .background-module .background.background-3{top:954px;right:0;width:423px;height:376px;-webkit-transform:translate(50px, 0);-ms-transform:translate(50px, 0);transform:translate(50px, 0);background-image:url('../img/brand/sweetree_c_bg_03.png')} 
.brand-sweetree-c .background-module .background.background-4{bottom:-50px;left:105px;width:546px;height:377px;-webkit-transform:translate(0, 50px);-ms-transform:translate(0, 50px);transform:translate(0, 50px);background-image:url('../img/brand/sweetree_c_bg_04.png')} 
.brand-sweetree-c .background-module.is-inviewed .background{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.brand-sweetree-c .background-module.is-inviewed .background.background-1{-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s} 
.brand-sweetree-c .background-module.is-inviewed .background.background-2{-webkit-transition-delay:2s;-o-transition-delay:2s;transition-delay:2s} 
.brand-sweetree-c .background-module.is-inviewed .background.background-3{-webkit-transition-delay:3s;-o-transition-delay:3s;transition-delay:3s} 
.brand-sweetree-c .background-module.is-inviewed .background.background-4{-webkit-transition-delay:5s;-o-transition-delay:5s;transition-delay:5s} 
.lang-en .brand-sweetree-a .module{bottom:15px;width:864px;margin-left:-432px;text-align:center} 
.lang-en .brand-sweetree-c .module{width:50%;-webkit-box-sizing:border-box;box-sizing:border-box} 
.lang-en .brand-sweetree-c .module .sub-title{font-size:28px} 
.lang-en .brand-sweetree-c .item strong{font-size:18px} 
.lang-cn .brand-sweetree-a .module{bottom:100px} 
.page-brand-metier .brand-title{color:#726659} 
.page-brand-metier .button-socials i.icon{background-color:#726659} 
.page-brand-metier .brand-media-channel .module:before{border-left-color:#726659} 
.page-brand-metier .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#726659} 
.page-brand-metier .brand-carousel-slider .titles .title{color:#726659} 
.page-brand-metier #topbutton a{color:#fff} 
.page-brand-metier #topbutton .icon{background-color:#726659} 
.page-brand-metier #topbutton .icon:after,.page-brand-metier #topbutton .icon:before{background-color:#fff} 
.page-brand-metier .button-more{border-color:#726659;background-color:#726659} 
.page-brand-metier .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-metier .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-metier .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-metier .button-more span{padding-right:39px;color:#fff} 
.page-brand-metier .button-more:before{background-color:#fff} 
.page-brand-metier .button-more:hover i{background-color:#726659} 
.page-brand-metier .button-more:hover i:after,.page-brand-metier .button-more:hover i:before{background-color:#726659} 
.page-brand-metier .button-more:hover span{color:#726659} 
.page-brand-metier .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#726659} 
.page-brand-metier .sub-title{font-size:38px} 
.page-brand-metier .description,.page-brand-metier .description p{font-size:18px} 
.brand-metier-a{position:relative;height:800px;background-color:#7e8b85;min-width:1200px} 
.brand-metier-a .module{position:relative;left:50%;width:50%;padding:50px 0 0 100px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.brand-metier-a .module .title{font-size:56px;font-weight:400;color:#fff;line-height:1.2} 
.brand-metier-a .module .sub-title{margin-top:70px;color:#fff;font-size:36px} 
.brand-metier-a .module .sub-title span{display:block;margin-bottom:20px} 
.brand-metier-a .module .description{margin-top:20px;color:#fff;line-height:1.6} 
.brand-metier-a .module:before{content:'';display:block;position:absolute;top:298px;left:100px;width:0;height:3px;background-color:#fff;overflow:hidden;-webkit-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-metier-a .background.nth-child-1{position:absolute;top:0;left:0;width:50%;height:800px;background:url("../img/brand/metier_bg_01.jpg") no-repeat;opacity:0;-webkit-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);transform:translate(-100%, 0);-webkit-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
@media (min-width:1921px){.brand-metier-a .background.nth-child-1{background-size:cover} 
.brand-metier-a .background.nth-child-2{position:absolute;top:0;left:50%;width:960px;height:800px;background:url("../img/brand/metier_bg_02.png") no-repeat} 
.brand-metier-a .is-inviewed .background.nth-child-1{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.brand-metier-a .is-inviewed:before{width:30px} 
.brand-metier-b{height:800px;background:url("../img/brand/metier_bg_03.png")} 
.brand-metier-b .holder{padding-top:85px;text-align:center} 
.brand-metier-b .holder .title{font-size:18px;color:#000} 
.brand-metier-b .holder .sub-title{margin:69px 0 24px;color:#333} 
.brand-metier-b .holder .description{margin-top:33px;color:#333} 
.brand-metier-b .holder:before{content:'';display:block;position:absolute;top:136px;left:50%;width:0;height:4px;margin-left:-18px;background-color:#726659;overflow:hidden;-webkit-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-metier-b .background{position:absolute} 
.brand-metier-b .background.background-1{top:207px;left:-82px;width:327px;height:431px;background:url("../img/brand/metier_bg_04.png") no-repeat} 
.brand-metier-b .background.background-2{top:285px;right:-179px;width:474px;height:378px;background:url("../img/brand/metier_bg_05.png") no-repeat} 
.brand-metier-b.is-inviewed .holder:before{width:36px} 
.brand-metier-c{position:relative;height:774px;background-image:url('../img/brand/metier_c_bg.jpg');background-repeat:repeat} 
.brand-metier-c .content-module{position:relative;right:-50px;z-index:10;width:50%;max-width:500px;min-height:618px;padding-top:156px;text-align:center;background:#726659} 
.brand-metier-c .content-module .sub-title{color:#fff} 
.brand-metier-c .content-module .description{margin:47px 0 89px;color:#fff} 
.brand-metier-c .content-module strong{display:block;font-size:22px;color:#fff;font-weight:400;line-height:1.8} 
.brand-metier-c .content-module strong span{font-size:28px} 
.brand-metier-c .content-module strong:before{content:"";display:block;height:30px;margin-bottom:9px;background:url("../img/brand/metier_bg_08.gif") center top no-repeat} 
.brand-metier-c .background{position:absolute;top:0;-webkit-transition:0.4s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:0.4s cubic-bezier(0.645, 0.045, 0.355, 1);transition:0.4s cubic-bezier(0.645, 0.045, 0.355, 1)} 
.brand-metier-c .background.background-1{left:0;width:410px;height:100%;background:url("../img/brand/metier_bg_06.jpg") no-repeat;-webkit-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);transform:translate(-100%, 0)} 
@media (min-width:1921px){.brand-metier-c .background.background-1{background-size:cover;width:calc(50% - 550px)} 
.brand-metier-c .background.background-2{left:50%;width:0;height:100%;margin-left:-50px;background:url("../img/brand/metier_bg_07.jpg") no-repeat;-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s} 
.brand-metier-c .bg-module.is-inviewed .background-1{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.brand-metier-c .bg-module.is-inviewed .background-2{width:1010px} 
.lang-en .brand-metier-b .holder{width:50%;margin:0 auto} 
.lang-en .brand-metier-c .content-module{min-height:774px;padding:156px 40px 0;-webkit-box-sizing:border-box;box-sizing:border-box} 
.page-brand-dadam .brand-title{color:#774E36} 
.page-brand-dadam .button-socials i.icon{background-color:#774E36} 
.page-brand-dadam .brand-media-channel .module:before{border-left-color:#774E36} 
.page-brand-dadam .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#774E36} 
.page-brand-dadam .brand-carousel-slider .titles .title{color:#774E36} 
.page-brand-dadam #topbutton a{color:#fff} 
.page-brand-dadam #topbutton .icon{background-color:#774E36} 
.page-brand-dadam #topbutton .icon:after,.page-brand-dadam #topbutton .icon:before{background-color:#fff} 
.page-brand-dadam .button-more{border-color:#774E36;background-color:#774E36} 
.page-brand-dadam .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-dadam .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-dadam .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-dadam .button-more span{padding-right:39px;color:#fff} 
.page-brand-dadam .button-more:before{background-color:#fff} 
.page-brand-dadam .button-more:hover i{background-color:#774E36} 
.page-brand-dadam .button-more:hover i:after,.page-brand-dadam .button-more:hover i:before{background-color:#774E36} 
.page-brand-dadam .button-more:hover span{color:#774E36} 
.page-brand-dadam .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#774E36} 
.page-brand-dadam .sub-title{font-size:38px;color:#000} 
.page-brand-dadam .description,.page-brand-dadam .description p{font-size:18px} 
.brand-dadam-a{position:relative} 
.brand-dadam-a .holder{display:table;position:relative;z-index:10;width:640px;height:655px;margin:0 auto;text-align:center;background-color:#7d4c32} 
.brand-dadam-a .holder .title{display:table-cell;vertical-align:middle;font-size:50px;line-height:1.3;color:#fff} 
.brand-dadam-a .holder .title:before{content:"";display:block;width:51px;height:45px;margin:0 auto 20px;background:url("../img/brand/dadam_bg_07.gif") center top no-repeat} 
.brand-dadam-a .holder .title:after{content:"";display:block;width:51px;height:45px;margin:19px auto 0;background:url("../img/brand/dadam_bg_08.gif") center top no-repeat} 
.brand-dadam-a .background{position:absolute;top:0;width:640px;height:100%} 
.brand-dadam-a .background-1{left:0;background:url("../img/brand/dadam_bg_01.jpg") no-repeat} 
.brand-dadam-a .background-2{right:0;background:url("../img/brand/dadam_bg_02.jpg") no-repeat} 
@media (min-width:1921px){.brand-dadam-a .background{background-size:cover;width:calc(50% - 320px)} 
.brand-dadam-b{height:668px} 
.brand-dadam-b .module{padding:165px 0 0 139px} 
.brand-dadam-b .module .description p{margin-bottom:30px;color:#000} 
.brand-dadam-b .background-1{position:absolute;top:309px;left:-306px;width:429px;height:312px;background:url("../img/brand/dadam_bg_03.png") no-repeat} 
.brand-dadam-b .background-2{position:absolute;top:39px;right:-240px;width:831px;height:604px;background:url("../img/brand/dadam_bg_04.png") no-repeat} 
@media (max-width:1024px){.brand-dadam-b .background-2{width:700px;background-size:100%} 
.brand-dadam-c{height:640px;background:url("../img/brand/dadam_bg_05.jpg") center top no-repeat} 
@media (min-width:1921px){.brand-dadam-c{background-size:cover} 
.brand-dadam-c .module{float:right;position:relative;width:50%;padding:134px 0 0 111px} 
.brand-dadam-c .module .title{font-size:18px;color:#000} 
.brand-dadam-c .module .sub-title{margin-top:60px} 
.brand-dadam-c .module .description{margin-top:30px;color:#333} 
.brand-dadam-c .module:before{content:'';display:block;position:absolute;top:185px;left:111px;width:0;height:4px;background-color:#000000;overflow:hidden;-webkit-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-dadam-c.is-inviewed .module:before{width:36px} 
.brand-dadam-c .pic{position:absolute;top:194px;left:139px} 
.brand-dadam-d{max-width:1920px;margin:0 auto} 
.brand-dadam-d .module .sub-title{font-size:40px;color:#fff} 
.brand-dadam-d .module p.description{color:#fff} 
.brand-dadam-d .grid{position:relative} 
.brand-dadam-d .grid.nth-child-1 .col{float:none;width:33.3%;height:420px} 
.brand-dadam-d .grid.nth-child-1 .col.content{position:relative;width:33.4%;max-width:642px;margin:0 auto;padding:80px 0 0;z-index:5;text-align:center;background-color:#7d4c32} 
@media (min-width:1024px) and (max-width:1280px){.brand-dadam-d .grid.nth-child-1 .col.content{padding:20px 0 0} 
.brand-dadam-d .grid.nth-child-1 .col.background-1{position:absolute;top:0;left:0;width:33.3%;background-image:url('../img/brand/dadam_bg_09.jpg');background-position:top center} 
.brand-dadam-d .grid.nth-child-1 .col.background-2{position:absolute;top:0;right:0;width:33.3%;background-image:url('../img/brand/dadam_bg_10.jpg');background-position:top center} 
.brand-dadam-d .grid.nth-child-2 .col{height:480px;background-position:top center} 
.brand-dadam-d .grid.nth-child-2 .col.background-1{background-image:url('../img/brand/dadam_bg_11.jpg')} 
.brand-dadam-d .grid.nth-child-2 .col.background-2{background-image:url('../img/brand/dadam_bg_12.jpg')} 
.brand-dadam-d .grid.nth-child-2 .col.background-3{background-image:url('../img/brand/dadam_bg_13.jpg')} 
.lang-en .brand-dadam-b{height:800px} 
.lang-en .brand-dadam-b .module{width:40%;padding:125px 0 0 139px} 
.lang-en .brand-dadam-b .background-1{top:354px} 
.lang-en .brand-dadam-b .background-2{top:95px} 
.page-brand-sandrae .brand-title{color:#687d36} 
.page-brand-sandrae .button-socials i.icon{background-color:#687d36} 
.page-brand-sandrae .brand-media-channel .module:before{border-left-color:#687d36} 
.page-brand-sandrae .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#687d36} 
.page-brand-sandrae .brand-carousel-slider .titles .title{color:#687d36} 
.page-brand-sandrae #topbutton a{color:#fff} 
.page-brand-sandrae #topbutton .icon{background-color:#687d36} 
.page-brand-sandrae #topbutton .icon:after,.page-brand-sandrae #topbutton .icon:before{background-color:#fff} 
.page-brand-sandrae .button-more{border-color:#687d36;background-color:#687d36} 
.page-brand-sandrae .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-sandrae .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-sandrae .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-sandrae .button-more span{padding-right:39px;color:#fff} 
.page-brand-sandrae .button-more:before{background-color:#fff} 
.page-brand-sandrae .button-more:hover i{background-color:#687d36} 
.page-brand-sandrae .button-more:hover i:after,.page-brand-sandrae .button-more:hover i:before{background-color:#687d36} 
.page-brand-sandrae .button-more:hover span{color:#687d36} 
.page-brand-sandrae .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#687d36} 
.page-brand-sandrae .holder{text-align:center} 
.page-brand-sandrae .sub-title{font-size:38px;color:#000} 
.page-brand-sandrae .description{font-size:18px;color:#000} 
.brand-sandrae-a .holder{padding:112px 0 72px} 
.brand-sandrae-a .holder .title{font-size:50px;color:#000;line-height:1.3} 
.brand-sandrae-b{position:relative;height:800px;overflow:inherit;background-color:#e5d7bd} 
.brand-sandrae-b .module{padding:180px 0 0 81px} 
.brand-sandrae-b .module .description{margin-top:22px} 
.brand-sandrae-b .background{position:absolute} 
.brand-sandrae-b .background.background-1{top:179px;right:48%;width:993px;height:847px;background:url("../img/brand/sandrae_bg_01.png") no-repeat} 
.brand-sandrae-b .background.background-2{top:0;left:50%;width:50%;height:100%;background:url("../img/brand/sandrae_bg_02.jpg") top right no-repeat;-webkit-transform:translate(100%, 0);-ms-transform:translate(100%, 0);transform:translate(100%, 0);-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
@media (min-width:1921px){.brand-sandrae-b .background.background-2{background-size:cover} 
.brand-sandrae-b .bg-module.is-inviewed .background-2{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.brand-sandrae-c{position:relative;padding:80px} 
.brand-sandrae-c .holder{position:relative;z-index:10;width:560px;padding:77px 0 76px;margin:0 auto;background-color:#d7e5bd} 
.brand-sandrae-c .holder .title{font-size:18px;color:#000} 
.brand-sandrae-c .holder .sub-title{margin-top:56px} 
.brand-sandrae-c .holder .description{margin:27px 0 42px} 
.brand-sandrae-c .holder:before{content:'';display:block;position:absolute;top:126px;left:50%;width:0;height:4px;margin-left:-18px;background-color:#000000;overflow:hidden;-webkit-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-sandrae-c .background{position:absolute;top:80px;width:600px;height:720px} 
.brand-sandrae-c .background.background-1{left:80px;background:url("../img/brand/sandrae_bg_03.jpg") no-repeat} 
.brand-sandrae-c .background.background-2{right:80px;background:url("../img/brand/sandrae_bg_04.jpg") no-repeat} 
@media (min-width:1921px){.brand-sandrae-c .background{width:calc(50% - 360px);background-size:cover!important} 
.brand-sandrae-c.is-inviewed .holder:before{width:30px} 
.brand-sandrae-d{height:1050px;background:url("../img/brand/sandrae_bg_05.gif")} 
.brand-sandrae-d .holder{padding-top:109px} 
.brand-sandrae-d .holder .description{margin-top:23px} 
.brand-sandrae-d .holder .description p{margin-bottom:30px;color:#000} 
.brand-sandrae-d .grid{position:relative;height:320px;margin-top:144px;background:url("../img/brand/sandrae_bg_06.jpg") right top no-repeat} 
.brand-sandrae-d .grid .pic{position:absolute;top:-101px;left:-40px} 
.lang-en .brand-sandrae-b .module{padding-top:100px} 
.lang-en .brand-sandrae-c .holder{max-height:720px;padding:77px 40px 76px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.lang-cn .brand-sandrae-c .holder{min-height:720px;padding:117px 40px 0;-webkit-box-sizing:border-box;box-sizing:border-box} 
.lang-cn .brand-sandrae-c .holder:before{top:166px} 
.page-history .controll-module{position:relative;max-width:1600px;margin:64px auto 0;background-color:#ef151e} 
.page-history .controll-module .tab{max-width:1200px;margin:0 auto} 
.page-history .controll-module .tab ul{margin:0;padding:0} 
.page-history .controll-module .tab li{float:left;position:relative;width:16.7%;text-align:center;list-style-type:none} 
.page-history .controll-module .tab li a{display:block;padding:13px 0 37px;font-size:18px;color:#fff} 
.page-history .controll-module .tab li a strong{font-family:'Montserrat';font-weight:400} 
.page-history .controll-module .tab li .ico{display:inline-block;position:absolute;top:43px;left:93px;width:17px;height:17px;content:"";background-image:url('../img/about/history_bg_dot_off.png')} 
.page-history .controll-module .tab li.in .ico{background-image:url('../img/about/history_bg_dot_on.png')} 
.page-history .controll-module .tab li:first-child{width:16.5%;text-indent:-6px} 
.page-history .controll-module .tab li.item01 .ico{left:84px} 
.page-history .controll-module .tab li.item06{text-indent:13px} 
.page-history .controll-module .tab li.item06 .ico{left:initial;right:84px} 
.page-history .controll-module .tab:before{position:absolute;top:51px;left:50%;z-index:20;width:1020px;height:1px;margin-left:-510px;content:"";background-color:#fff} 
.page-history .container .wrap{position:relative} 
.page-history .content-module ul{margin:20px 0 0;padding:0} 
.page-history .content-module ul li{margin-top:12px;list-style-type:none;-webkit-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.page-history .content-module ul li:first-child{margin-top:0} 
.page-history .content-module ul li.bold{font-weight:500} 
.page-history .active .month{color:#ef151e} 
.page-history .odd .content-module{left:50%} 
.page-history .odd .content-module .year{padding-left:78px} 
.page-history .odd .content-module:before{left:0} 
.page-history .odd .content-module li{position:relative;padding-left:30px} 
.page-history .odd .content-module li .month{position:absolute;top:1px;left:0} 
.page-history .odd .pic-group{left:0} 
.page-history .odd .year.active strong{font-weight:bold;color:#ef151e} 
.page-history .odd .year.active strong:before{background-image:url('../img/about/history_left_on.png')} 
.page-history .odd strong:before{display:inline-block;position:absolute;top:50%;left:-87px;width:60px;height:17px;margin-top:-8px;content:"";background-image:url('../img/about/history_left_off.png')} 
.page-history .even .content-module{right:0} 
.page-history .even .content-module .year{padding-right:78px;text-align:right} 
.page-history .even .content-module .year .month{text-align:left} 
.page-history .even .content-module .line-active,.page-history .even .content-module:before{right:0} 
.page-history .even .pic-group{left:50%} 
.page-history .even .year.active strong{font-weight:bold;color:#ef151e} 
.page-history .even .year.active strong:before{background-image:url('../img/about/history_right_on.png')} 
.page-history .even strong:before{display:inline-block;position:absolute;top:50%;right:-87px;width:60px;height:17px;margin-top:-8px;content:"";background-image:url('../img/about/history_right_off.png')} 
.page-history .pic-group{position:absolute;top:0;width:50%} 
.page-history .pic-group .pic{position:absolute} 
.page-history .pic-group img{max-width:none} 
.page-history .content-module{position:relative;width:50%;padding-bottom:95px} 
.page-history .content-module:before{display:inline-block;position:absolute;top:-94px;width:1px;bottom:0;content:"";background-color:#dcdcdc} 
.page-history .content-module .line-active{display:inline-block;position:absolute;top:-94px;width:1px;background-color:#ef151e} 
.page-history .content-module strong{font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif;position:relative;font-size:40px;color:#333;font-weight:400} 
.page-history .content-module .month{font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif;display:inline-block;width:24px;font-weight:500;font-size:16px} 
.page-history .content-module .year{margin-top:63px} 
.page-history .content-module .year:first-child{margin-top:44px} 
.page-history .years-group{max-width:1600px;margin:0 auto;padding:116px 0 112px;position:relative} 
.page-history .years-group .sub-title{margin:0;font-size:60px;color:#fff;font-weight:bold;text-align:center} 
.page-history .years-group .description{font-family:'CJONLYONE';font-size:20px;margin:10px 0 0;color:#fff;text-align:center} 
.about-history-a .years-group{background-image:url('../img/about/history_visual_01.jpg')} 
.about-history-a .pic-group .pic-1{top:10px;left:0} 
.about-history-a .pic-group .pic-2{top:310px;left:-200px} 
.about-history-a .pic-group .pic-3{top:660px;left:140px} 
.about-history-a .pic-group .pic-4{top:1090px;left:-200px} 
.about-history-a .pic-group .pic-5{top:1200px;left:140px} 
.about-history-a .pic-group .pic-6{top:1680px;left:200px} 
.about-history-a .pic-group .pic-7{top:2150px;left:-200px} 
.about-history-a .pic-group .pic-8{top:2320px;left:180px} 
.about-history-a .pic-group .pic-9{top:2630px;left:70px} 
.about-history-b .years-group{background-image:url('../img/about/history_visual_02.jpg')} 
.about-history-b .pic-group .pic-1{top:20px;left:80px} 
.about-history-b .pic-group .pic-2{top:280px;left:340px} 
.about-history-b .pic-group .pic-3{top:620px;left:200px} 
.about-history-b .pic-group .pic-4{top:850px;left:400px} 
.about-history-b .pic-group .pic-5{top:1100px;left:80px} 
.about-history-b .pic-group .pic-6{top:1260px;left:440px} 
.about-history-b .pic-group .pic-7{top:1630px;left:200px} 
.about-history-c .years-group{background-image:url('../img/about/history_visual_03.jpg')} 
.about-history-c .pic-group .pic-1{top:20px;right:140px} 
.about-history-c .pic-group .pic-2{top:170px;right:60px} 
.about-history-c .pic-group .pic-3{top:500px;right:400px} 
.about-history-c .pic-group .pic-4{top:690px;right:80px} 
.about-history-c .pic-group .pic-5{top:1040px;right:140px} 
.about-history-d .years-group{background-image:url('../img/about/history_visual_04.jpg')} 
.about-history-d .pic-group .pic-1{top:20px;left:80px;z-index:10} 
.about-history-d .pic-group .pic-2{top:150px;left:340px} 
.about-history-d .pic-group .pic-3{top:460px;left:220px} 
.about-history-d .pic-group .pic-4{top:580px;left:160px} 
.about-history-e .years-group{background-image:url('../img/about/history_visual_05.jpg')} 
.about-history-e .pic-1{top:20px;right:240px} 
.about-history-e .pic-2{top:150px;right:100px} 
.about-history-e .pic-3{top:580px;right:80px} 
.about-history-e .pic-4{top:430px;right:400px} 
.about-history-f .years-group{background-image:url('../img/about/history_visual_06.jpg')} 
.about-history-f .pic-1{top:20px;left:200px} 
.about-history-f .pic-2{top:170px;left:480px} 
.about-history-f .pic-3{top:350px;left:120px} 
.page-util-terms .title{font-size:24px;font-weight:400;color:#333} 
.page-util-terms .sub-title{margin:0px 0 0;font-size:20px;font-weight:400;color:#333} 
.page-util-terms .desc{margin-top:7px;font-size:18px;color:#888888} 
.page-util-terms .section-visual{padding:0} 
.page-util-terms .section-visual.is-simple .wrap{padding-bottom:34px} 
.page-util-terms .section-visual.is-simple .title{padding-top:58px} 
.page-util-terms .util-header{height:80px;border-bottom:1px solid #dcdcdc} 
.page-util-terms .util-header .logo{position:absolute;top:0;left:64px} 
.page-util-terms .util-header .logo .icon{background-image:url('../img/common/top_logo_light.png');width:214px;height:80px;background-size:214px 80px} 
.util-terms{padding-bottom:80px} 
.util-terms .user-infomation{position:relative;min-height:144px;padding:29px 0 0 162px;border:1px solid #e6e6e6;background-color:#fafafa;-webkit-box-sizing:border-box;box-sizing:border-box} 
.util-terms .user-infomation .pic{position:absolute;top:0;left:0;border-right:1px solid #e6e6e6} 
.util-terms .user-infomation li{position:relative;margin-top:6px;padding-left:14px;font-size:16px;color:#888888} 
.util-terms .user-infomation li:before{display:inline-block;position:absolute;top:10px;left:0;width:4px;height:4px;content:"";background-color:#424242;border-radius:100%} 
.util-terms .user-infomation li:first-child{margin-top:0} 
.util-terms .module{margin-top:22px} 
.util-terms .module.first{margin-top:44px} 
.util-terms .module.group{margin-top:75px} 
.util-terms .module.last .sub-title{padding-bottom:20px} 
.util-terms .module.last .collapse-item .age-cont .agrees{padding-top:0;text-align:center} 
.util-terms .module.last .collapse-item .age-cont .agrees label.first{margin-left:0} 
.util-terms .collapse-item .age-title{position:relative;padding-right:10%} 
.util-terms .collapse-item .age-title .sub-title{padding:23px 0 20px} 
.util-terms .collapse-item .require{font-size:13px;color:#ef151e;margin-left:5px} 
.util-terms .collapse-item .age-cont{padding:40px 44px 20px;border:1px solid #e6e6e6;background-color:#fafafa} 
.util-terms .collapse-item .age-cont.term-txt{padding:9px} 
.util-terms .collapse-item .age-cont .scroll{overflow-y:scroll;height:256px;padding:26px;background-color:#ffffff} 
.util-terms .collapse-item .age-cont .term-title{margin:35px 0 0;font-size:16px;font-weight:400;color:#222222} 
.util-terms .collapse-item .age-cont .term-title:first-child{margin:0} 
.util-terms .collapse-item .age-cont .term-sub-title{margin:0 0 4px 0;font-size:14px;font-weight:400;color:#222222} 
.util-terms .collapse-item .age-cont .division{margin-top:30px} 
.util-terms .collapse-item .age-cont .division .description{margin:0;font-size:14px;color:#888888;line-height:1.9} 
.util-terms .collapse-item .age-cont .desc{margin:14px 0 0;font-size:14px;color:#666} 
.util-terms .collapse-item .age-cont .desc:first-child{margin:0 0 17px} 
.util-terms .collapse-item .age-cont .list-txt li{position:relative;font-size:14px;color:#888888;line-height:1.9} 
.util-terms .collapse-item .age-cont .agrees{position:static;padding-top:18px;text-align:right} 
.util-terms .collapse-item .age-cont .agrees label{margin-left:15px} 
.util-terms .collapse-item .age-cont .agrees label:first-child{margin-left:0} 
.util-terms .collapse-item table.table-c{margin-bottom:0;border-top-color:#1e1e1e;border-bottom:1px solid #d8d8d8} 
.util-terms .collapse-item table.table-c th{padding:15px 20px 14px;font-size:14px;color:#333;background-color:#fafafa} 
.util-terms .collapse-item table.table-c td{padding:15px 20px 14px;font-size:14px;color:#666;border-left:1px solid #ececec;border-bottom:0;border-top:1px solid #ececec;vertical-align:top;background-color:#fff} 
.util-terms .collapse-item table.table-c td:first-child{border-left:0} 
.util-terms .collapse-item table.table-c td.align-left{text-align:left} 
.util-terms .collapse-item table.table-c tr:first-child td{border-top:0} 
.util-terms .collapse-item table.table-row{margin-bottom:0;border-bottom:1px solid #d8d8d8} 
.util-terms .collapse-item table.table-row th{padding:15px 20px 14px 29px;border-bottom:0;border-top:1px solid #ececec} 
.util-terms .collapse-item table.table-row th span{display:block;padding:0} 
.util-terms .collapse-item table.table-row td{padding:15px 40px 14px;border-bottom:0;border-top:1px solid #ececec} 
.util-terms .collapse-item table.table-row tr:first-child td,.util-terms .collapse-item table.table-row tr:first-child th{border-top:none} 
.util-terms .action{margin-top:40px;text-align:center} 
.util-terms .action .button{margin-left:16px} 
.util-terms .action .button:first-child{margin-left:0} 
.util-terms .age-box{font-family:'Montserrat', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif} 
.page-brand-returnup .brand-title{color:#000000} 
.page-brand-returnup .button-socials i.icon{background-color:#000000} 
.page-brand-returnup .brand-media-channel .module:before{border-left-color:#000000} 
.page-brand-returnup .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after{background-color:#000000} 
.page-brand-returnup .brand-carousel-slider .titles .title{color:#000000} 
.page-brand-returnup #topbutton a{color:#fff} 
.page-brand-returnup #topbutton .icon{background-color:#000000} 
.page-brand-returnup #topbutton .icon:after,.page-brand-returnup #topbutton .icon:before{background-color:#fff} 
.page-brand-returnup .button-more{border-color:#000000;background-color:#000000} 
.page-brand-returnup .button-more i{display:inline-block;position:absolute;top:50%;right:15px;width:15px;height:1px;border:0;background-color:#ffffff;background-image:none} 
.page-brand-returnup .button-more i:before{display:inline-block;position:absolute;top:-3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-returnup .button-more i:after{position:absolute;display:inline-block;top:3px;right:0;width:6px;height:1px;content:"";background-color:#ffffff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 0.2s;-o-transition:background 0.2s;transition:background 0.2s} 
.page-brand-returnup .button-more span{padding-right:39px;color:#fff} 
.page-brand-returnup .button-more:before{background-color:#fff} 
.page-brand-returnup .button-more:hover i{background-color:#000000} 
.page-brand-returnup .button-more:hover i:after,.page-brand-returnup .button-more:hover i:before{background-color:#000000} 
.page-brand-returnup .button-more:hover span{color:#000000} 
.page-brand-returnup .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#000000} 
.page-brand-returnup .holder{text-align:center} 
.page-brand-returnup .sub-title{font-size:38px;font-weight:400} 
.page-brand-returnup .description,.page-brand-returnup .description p{font-size:18px} 
.brand-returnup-a{position:relative;margin-top:50px;height:960px;background-image:url('../img/brand/returnup_bg_01.jpg');background-repeat:no-repeat} 
.brand-returnup-a .module{background-image:url('../img/brand/returnup_bg_02.png');background-repeat:repeat;margin:213px 0 0 57%;padding:95px 45px;max-width:530px} 
.brand-returnup-a .module .title{color:#fff;font-size:50px;font-weight:400;line-height:55px;text-align:center} 
.brand-returnup-a .module .title .eng-title{font-size:40px} 
.brand-returnup-a .module .description p{margin-top:35px;color:#fff;font-size:18px;font-weight:300;text-align:center} 
.brand-returnup-a .module .description p:first-child{margin-top:50px} 
.brand-returnup-b{position:relative;margin-top:50px;background-color:#606060} 
.brand-returnup-b .wrap{min-width:1200px} 
.brand-returnup-b .module{position:relative;width:50%;height:720px;left:0%;padding:131px 50px 119px 200px;padding-left:10%;-webkit-box-sizing:border-box;box-sizing:border-box} 
.brand-returnup-b .module .title{font-size:18px;color:#fff;position:relative} 
.brand-returnup-b .module .title:before{content:'';display:block;position:absolute;top:46px;left:0;width:36px;height:4px;background-color:#fff;overflow:hidden;-webkit-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-returnup-b .module .sub-title{margin-top:69px;color:#fff;font-weight:400;letter-spacing:-1px} 
.brand-returnup-b .module .description p{margin-top:30px;color:#fff;font-size:18px;font-weight:300} 
.brand-returnup-b .background{position:absolute;top:0;right:0;width:50%;height:100%;background:url("../img/brand/returnup_bg_03.jpg") no-repeat;-webkit-transform:translate(100%, 0);-ms-transform:translate(100%, 0);transform:translate(100%, 0);-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
@media (min-width:1921px){.brand-returnup-b .background{background-size:cover} 
.brand-returnup-b.is-inviewed .module:before{width:36px} 
.brand-returnup-b.is-inviewed .background{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.brand-returnup-c .wrap{position:relative;max-width:1920px;min-width:1200px;height:auto;margin:0 auto;background-image:url('../img/brand/returnup_img_04.jpg')} 
.brand-returnup-c .holder{position:absolute;top:10.666%;left:50%;width:1000px;margin-left:-500px} 
.brand-returnup-c .title{font-size:38px;text-align:center;margin-bottom:30px} 
.brand-returnup-c .desc{font-size:18px;font-weight:300;color:#000} 
.brand-returnup-c .module .js-tooltip{position:absolute;z-index:10} 
.brand-returnup-c .module .js-tooltip .icon{display:inline-block;width:40px;height:40px;background-image:url('../img/brand/brand_tooltip_on_03.png');-webkit-transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.brand-returnup-c .module .list li p{display:none} 
.brand-returnup-c .module .list li.nth-child-1 .js-tooltip{top:54.171%;left:28.283%} 
.brand-returnup-c .module .list li.nth-child-2 .js-tooltip{top:44.071%;left:45.922%} 
.brand-returnup-c .module .list li.nth-child-2 .js-tooltip .module{width:359px;left:-187px} 
.brand-returnup-c .module .list li.nth-child-2 .js-tooltip .module:before{margin-left:19px} 
.brand-returnup-c .js-tooltip.in .icon{background-image:url('../img/brand/brand_tooltip_off_03.png')} 
.brand-returnup-c .js-tooltip.in .module{display:block} 
.brand-returnup-c .js-tooltip .module{display:none;position:absolute;top:-143px;left:-172px;width:267px;padding:17px 20px 15px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #151515;border-radius:5px;background-color:rgba(255, 255, 255, 0.9)} 
.brand-returnup-c .js-tooltip .module .name{display:block;font-family:'CJONLYONE';font-size:18px;color:#000} 
.brand-returnup-c .js-tooltip .module .desc{display:block;margin-top:4px;word-break:break-all;font-size:16px;color:#000;line-height:1.7} 
.brand-returnup-c .js-tooltip .module:before{position:absolute;bottom:-12px;left:50%;width:19px;height:12px;margin-left:50px;opacity:1;content:"";background-image:url('../img/brand/tooltip_arrow_02.png')} 
.brand-returnup-c.is-inviewed .holder:before{width:80px} 
.brand-returnup-d{height:1425px;min-width:1260px;background:url("../img/brand/returnup_bg_05.jpg") center top} 
@media (min-width:1921px){.brand-returnup-d{background-size:cover} 
.brand-returnup-d .wrap{position:relative} 
.brand-returnup-d .list{margin-top:170px} 
.brand-returnup-d .list .item{float:left;width:50%;text-align:center} 
.brand-returnup-d .list .item strong{display:block;font-family:'CJONLYONE';font-size:28px;line-height:1.5;font-weight:400;color:#000} 
.brand-returnup-d .list .item.nth-child-1 strong{margin-top:12px} 
.brand-returnup-d .list .item.nth-child-2 strong{margin-top:36px} 
.brand-returnup-d .list .item.nth-child-3{margin-top:112px;clear:both} 
.brand-returnup-d .list .item.nth-child-3 strong{margin-top:25px} 
.brand-returnup-d .list .item.nth-child-4{margin-top:144px} 
.brand-returnup-d .list .item.nth-child-4 strong{margin-top:59px} 
.brand-returnup-d .list:after{content:"";display:block;clear:both} 
.brand-returnup-d p.notice{display:block;text-align:center;font-family:'CJONLYONE';font-size:22px;line-height:1.5;font-weight:400;color:#d10000;margin:80px auto} 
.lang-en{} 
.lang-en .brand-returnup-a{position:relative;background:url("../img/brand/returnup_bg_06.jpg") center bottom;background-repeat:repeat-y;height:1200px} 
.lang-en .brand-returnup-a .title{font-size:40px} 
.lang-en .brand-returnup-a .wrap{position:absolute;z-index:11;width:100%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)} 
.lang-en .brand-returnup-a .wrap .module{max-width:1200px} 
.lang-en .brand-returnup-a .background{position:absolute;width:100%;min-height:960px;bottom:0;background:url("../img/brand/returnup_bg_01.jpg") center bottom;background-repeat:no-repeat} 
@media (max-width:1600px){.lang-en .brand-returnup-b .module{padding-left:100px} 
@media (max-width:1600px) and (max-width:1450px){.lang-en .brand-returnup-b .module{padding-top:80px;padding-left:45px} 
.lang-en .brand-returnup-b .module .sub-title{font-size:34px} 
.lang-en .brand-returnup-c .wrap{height:1340px;background-color:#E9E9D1;background-position:center bottom} 
.lang-en .brand-returnup-c .holder{position:relative;left:auto;top:auto;padding-top:6%;width:75%;margin:0 auto} 
@media (max-width:1650px){.lang-en .brand-returnup-c .holder{padding-top:5%} 
@media (max-width:1650px) and (max-width:1500px){.lang-en .brand-returnup-c .holder{padding-top:4%} 
.lang-en .brand-returnup-c .list .item.nth-child-1 strong{word-break:break-all} 
.lang-en .brand-returnup-c .module .list .js-tooltip .module{top:-162px} 
.lang-en .brand-returnup-c .module .list .js-tooltip .module:before{margin-left:90px} 
.lang-en .brand-returnup-c .module .list .nth-child-2 .js-tooltip .module{top:-187px;width:410px;left:-214px} 
.lang-en .brand-returnup-d .module{height:720px;padding:199px 40px 0;-webkit-box-sizing:border-box;box-sizing:border-box} 
.lang-en .brand-returnup-e .slider-holder .slider-returnup .swiper-control{bottom:70px} 
.lang-en .brand-returnup-e .slider-holder .slider-returnup .info-txt .desc{font-size:21px} 
.lang-cn .brand-returnup-c .wrap{height:1340px;background-color:#E9E9D1;background-position:center bottom} 
.lang-cn .brand-returnup-c .holder{top:9%} 
.lang-cn .brand-returnup-c .js-tooltip .module{top:-165px} 
.lang-cn .brand-returnup-c li.nth-child-2 .js-tooltip .module{top:-143px} 
.lang-cn .brand-returnup-d .module{height:720px;padding:199px 40px 0;-webkit-box-sizing:border-box;box-sizing:border-box} 
.brand-returnup-a,.brand-returnup-b{margin-top:0px} 
.brand-returnup-a .module{background:none;margin:120px 0 0 160px;padding:0px;max-width:640px} 
.brand-returnup-a .module .title{color:#000;font-size:50px;font-weight:400;line-height:55px;text-align:left;letter-spacing:-1.5px;word-spacing:-2px} 
.brand-returnup-a .module .title .eng-title{font-size:48px} 
.brand-returnup-a .module .description p{margin-top:35px;color:#000;font-size:18px;font-weight:300;text-align:left;letter-spacing:-1px} 
.brand-returnup-a .module .description p:first-child{margin-top:50px} 
.brand-returnup-b{background-color:#507DB5} 
.brand-returnup-b .module{left:50%} 
.brand-returnup-b .background{right:auto;left:0;-webkit-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);transform:translate(-100%, 0)} 
.brand-returnup-c .wrap{height:1330px} 
.brand-returnup-c .module .list li.nth-child-1 .js-tooltip{top:56.1%;left:50%;margin-left:-360px} 
.brand-returnup-c .module .list li.nth-child-2 .js-tooltip{top:50.501%;left:50%;margin-left:-98px} 
.brand-returnup-c .js-tooltip .module{left:-213px} 
.brand-returnup-c .js-tooltip .module:before{margin-left:92px} 
.brand-returnup-e{height:2202px;min-width:1260px;background:url("../img/brand/returnup_bg_05.jpg") repeat-y center top} 
@media (min-width:1921px){.brand-returnup-e .brand-returnup-e{background-size:cover} 
.brand-returnup-e .wrap{position:relative;padding-top:150px} 
.brand-returnup-e .is-xlarge{max-width:1380px} 
.brand-returnup-e .notice{display:block;text-align:center;font-family:'CJONLYONE';font-size:22px;line-height:1.5;font-weight:400;color:#d10000;margin:80px auto} 
.brand-returnup-e .slider-holder{margin-bottom:80px} 
.brand-returnup-e .slider-holder .slider-returnup{position:relative} 
.brand-returnup-e .slider-holder .slider-returnup .info-txt{position:absolute;width:460px;height:540px;top:0;left:0;z-index:99;-webkit-box-sizing:border-box;box-sizing:border-box;padding:50px 0 50px 50px} 
.brand-returnup-e .slider-holder .slider-returnup .info-txt .item{display:none} 
.brand-returnup-e .slider-holder .slider-returnup .info-txt .item.in{display:block} 
.brand-returnup-e .slider-holder .slider-returnup .info-txt .title{color:#fff;font-size:50px;font-weight:300} 
.brand-returnup-e .slider-holder .slider-returnup .info-txt .desc{color:#fff;font-size:22px;line-height:40px;font-weight:300} 
.brand-returnup-e .slider-holder .slider-returnup .info-txt .reference{margin:0;position:absolute;bottom:15px;left:50px;color:#fff;font-size:15px;line-height:20px;font-weight:300} 
.brand-returnup-e .slider-holder .slider-returnup .swiper-wrapper{width:920px;float:right} 
.brand-returnup-e .slider-holder .slider-returnup .swiper-control{position:absolute;right:auto;left:50px;bottom:60px;width:50%;padding-left:0px;max-width:355px;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:100} 
.brand-returnup-e .slider-holder .slider-returnup .swiper-control .swiper-pagination .swiper-pagination-bullet:before{border:1px solid #fff} 
.brand-returnup-e .slider-holder .slider-returnup .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{border:1px solid #000} 
.brand-returnup-e .slider-holder .slider-returnup .swiper-navigation{top:50%;left:0px;right:auto;bottom:0;background:none;display:inline-block;width:36px;height:36px;margin-top:-18px} 
.brand-returnup-e .slider-holder .slider-returnup .swiper-navigation .icon{background-image:url('../img/brand/returnup_slider_pager_prev.png');width:36px;height:36px;background-size:36px 36px} 
.brand-returnup-e .slider-holder .slider-returnup .swiper-navigation.swiper-button-next{margin-left:38px} 
.brand-returnup-e .slider-holder .slider-returnup .swiper-navigation.swiper-button-next .icon{background-image:url('../img/brand/returnup_slider_pager_next.png')} 
.brand-returnup-e .slider-holder .slider-returnup .swiper-play{margin-left:86px} 
.brand-returnup-e .slider-holder .slider-returnup .swiper-play .icon{background-image:url('../img/brand/returnup_slider_pager_pause.png');background-size:9px auto} 
.brand-returnup-e .slider-holder .slider-returnup .swiper-play.stop .icon{background-image:url('../img/brand/returnup_slider_pager_play.png');background-size:9px auto} 
.brand-returnup-e .slider-holder.balance .slider-returnup .info-txt{background:url('../img/brand/bg_returnup_balance_slider.jpg') 0 0 no-repeat} 
.brand-returnup-e .slider-holder.specialty .slider-returnup .info-txt{left:auto;right:0;background:url('../img/brand/bg_returnup_specialty_slider.jpg') 0 0 no-repeat} 
.brand-returnup-e .slider-holder.specialty .slider-returnup .swiper-wrapper{width:920px;float:left} 
.brand-returnup-e .slider-holder.specialty .slider-returnup .swiper-control{left:970px} 
.brand-returnup-e .slider-holder.diet .slider-returnup .info-txt{background:url('../img/brand/bg_returnup_diet_slider.jpg') 0 0 no-repeat} 
.page-support .content .wrap{max-width:1200px} 
.page-support .content .wrap.is-full{max-width:100%} 
.page-support-center .sub-title{font-size:32px;color:#333;text-align:center} 
.page-support-center strong{display:block;font-size:20px;color:#333} 
.page-support-center strong.kor-title{text-align:center} 
.page-support-center .number{font-family:'Montserrat', Arial, Helvetica, sans-serif;margin-top:16px;font-size:30px;color:#ef151e;font-weight:400;text-align:center} 
.page-support-center .operation-time{margin-top:23px} 
.page-support-center .operation-time .weekday{display:inline-block;width:52px;font-size:16px;color:#666} 
.page-support-center .operation-time .time{font-family:'Montserrat', Arial, Helvetica, sans-serif;display:inline-block;font-size:20px;font-weight:400;color:#333} 
.page-support-center .desc{margin:8px 0 0} 
.page-support-center .grid .module{padding:37px 0 0} 
.page-support-center .bbs-links{padding:60px 0;background-color:#f8f8f8} 
.page-support-center .bbs-links .grid{border-top:1px solid #e6e6e6;border-right:1px solid #e6e6e6} 
.page-support-center .bbs-links .grid .module{margin:0;padding:0;background-color:#fff;border-top:0;border-right:0} 
.page-support-center .bbs-links .grid .module .icon{background-color:#f8f8f8} 
.page-support-center .bbs-links .grid .module .inner_wrap{padding-left:130px} 
.page-support-center .bbs-links .grid .module .about_ccm{position:absolute;width:82px;height:32px;top:123px;left:30px;border:1px solid #b4b4b4} 
.page-support-center .bbs-links .grid .module .about_ccm a{display:block;height:32px;line-height:32px;padding:0;text-align:center;font-size:14px;color:#333} 
.support-center-a{background-color:#f8f8f8} 
.support-center-a .holder{margin:0 -10px;padding-bottom:35px} 
.support-center-a .module{border-bottom:1px solid #d6d6d6} 
.support-center-a .sub-title{padding-top:18px} 
.support-center-a .grid .module{min-height:285px;margin:0 10px;background-color:#fff} 
.support-center-a .grid .operation-time{padding-left:100px} 
.support-center-a .grid .operation-time .desc{margin:8px 0 0;color:#666;font-size:16px} 
.support-center-a .grid .description{color:#888;font-size:14px} 
.support-center-a .description{margin-top:12px;font-size:14px;color:#666;text-align:center;line-height:1.7} 
.support-center-a .faq{text-align:center;font-size:14px;letter-spacing:-0.5px} 
.support-center-a .faq a{display:inline-block;color:#333;border:1px solid #B4B4B4;padding:6px 19px 7px;margin:0px auto 35px} 
.support-center-b{background-color:#fff;padding:43px 0 59px} 
.support-center-b .grid{padding-bottom:25px;border-top:1px solid #323232;border-bottom:1px solid #dcdcdc} 
.support-center-b .grid .col{position:relative} 
.support-center-b .grid .col:before{display:inline-block;position:absolute;top:30px;left:0;width:1px;height:158px;content:"";background-color:#e6e6e6} 
.support-center-b .grid .col:first-child:before{display:none} 
.support-center-b .grid .operation-time{padding-left:115px} 
.mileage-end{width:866px;margin:-47px auto 70px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid #be7d35;border-radius:20px;background:#fff;-webkit-box-shadow:0px 10px 10px -2px #e5e5e5;box-shadow:0px 10px 10px -2px #e5e5e5} 
.mileage-end h2{background:#e4c9a1;border-top-left-radius:18px;border-top-right-radius:18px;margin:0;padding:10px 0} 
.mileage-end p{color:#2c1101} 
.mileage-end p.primary{color:#ef151e} 
.mileage-end p.primary strong{font-weight:bold} 
.mileage-service-a .upper{background-color:#f7f7f7} 
.mileage-service-a .upper .grid{padding:65px 80px} 
.mileage-service-a .upper .grid .col.nth-child-1 .sub-title{margin:0;padding:18px 0 17px;font-size:38px;color:#ef151e} 
.mileage-service-a .upper .grid .col.nth-child-1 .desc{margin:0 0 11px;color:#333;font-size:18px;line-height:1.7} 
.mileage-service-a .upper .grid .col.nth-child-1 .desc.nth-child-2{margin-bottom:43px;color:#666;font-size:16px} 
.mileage-service-a .upper .grid .col.nth-child-1 .nth-child-3 .info{border-color:#ef151e;color:#ef151e} 
.mileage-service-a .upper .grid .col.nth-child-2{height:340px;background-image:url('../img/support/mileage_service_a.png');background-position:right top} 
.mileage-service-b .grid.item{border-top:1px solid #dcdcdc} 
.mileage-service-b .grid.item:first-child{border-top:0} 
.mileage-service-b .grid.item .col-subject{width:27%;padding:41px 0 40px 20px} 
.mileage-service-b .grid.item .col-subject .name{margin:0;color:#ef151e;font-size:28px;line-height:1.6;font-weight:500} 
.mileage-service-b .grid.item .col-description{width:73%;padding:45px 0 80px 0} 
.mileage-service-b .grid.item .col-description .module .bold{font-size:20px} 
.mileage-service-b .grid.item .col-description .module .desc{margin:9px 0 0 0;font-size:16px;line-height:1.7} 
.mileage-service-b .grid.nth-child-1 .col-description,.mileage-service-b .grid.nth-child-1 .col-subject{padding-top:76px} 
.mileage-service-b .grid.nth-child-1 .col-description .desc{position:relative;padding-left:12px} 
.mileage-service-b .grid.nth-child-1 .col-description .desc:before{content:'*';color:#ef151e;position:absolute;left:0;top:3px} 
.mileage-service-b .grid.nth-child-2 .col-description{padding-bottom:0} 
.mileage-service-b .grid.nth-child-2 .col-description .desc{color:#333} 
.mileage-service-b .grid.nth-child-2 .col-description .desc.info{color:#666} 
.mileage-service-b .grid.nth-child-2 .col-description .desc.nth-child-2{margin-top:0;padding-left:22px;color:#666;background-image:url('../img/support/icon_strong.png');background-position:left 6px} 
.mileage-service-b .grid.nth-child-2 .col-description .module .col-description{width:100%;float:none;padding-top:70px;padding-bottom:80px;background-image:url('../img/support/mileage_service_b_1.png');background-position:628px 47px} 
.mileage-service-b .grid.nth-child-2 .col-description .grid{margin:20px -15px 0;padding-bottom:65px;border-bottom:1px dashed #dcdcdc} 
.mileage-service-b .grid.nth-child-2 .col-description .grid .col{text-align:center} 
.mileage-service-b .grid.nth-child-2 .col-description .grid .col .item{margin:0 15px} 
.mileage-service-b .grid.nth-child-2 .col-description .grid .col .item .name{letter-spacing:-1px} 
.mileage-service-b .grid.nth-child-2 .col-description .grid .col .item div{position:relative;margin-top:16px;padding:29px 0 28px;background-color:#f7f7f7} 
.mileage-service-b .grid.nth-child-2 .col-description .grid .col .item div small{position:absolute;bottom:10px;left:0;width:100%} 
.mileage-service-b .grid.nth-child-2 .col-description .grid .col .item p{margin:15px 0 0 0} 
.mileage-service-b .grid.nth-child-3 .list-type-b{margin-top:-10px} 
.mileage-service-b .grid.nth-child-3 .list-type-b li{margin-top:24px;font-size:16px;color:#333} 
.mileage-service-b .grid.nth-child-3 .list-type-b li .number-type-a{display:inline-block;width:18px;height:18px;margin-top:3px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #333;border-radius:50%;color:#333;text-align:center;vertical-align:top;font-size:11px;line-height:18px} 
.mileage-service-b .grid.nth-child-3 .list-type-b li .links{margin-top:13px;padding-left:25px} 
.mileage-service-b .grid.nth-child-3 .list-type-b li .links a{display:inline-block;margin-right:30px;color:#ef151e;font-size:16px;padding-right:16px;background-image:url('../img/common/ico_link.png');background-position:right 1px} 
.mileage-service-b .grid.nth-child-3 .item{margin-top:27px;padding:35px 40px 37px;background-color:#f7f7f7;background-image:url('../img/support/mileage_service_b_2.png');background-position:642px 72px} 
.mileage-service-b .grid.nth-child-3 .item .list-type-a{margin-top:11px} 
.mileage-service-b .grid.nth-child-3 .item .list-type-a li{position:relative;padding-left:8px;color:#666;font-size:14px;line-height:1.6} 
.mileage-service-b .grid.nth-child-3 .item .list-type-a li:before{content:'';position:absolute;left:0;top:9px;width:3px;height:3px;background-color:#333} 
.mileage-service-b .grid.nth-child-3 .item_mileage-end{background:#e5c9a2;border-radius:10px;height:90px;line-height:90px;padding-left:38px;margin-top:40px;font-size:20px;color:#0f0000;letter-spacing:-0.5px} 
.mileage-service-b .grid.nth-child-3 .item_mileage-end strong{font-weight:bold;padding-left:26px} 
.mileage-service-b .grid.nth-child-4 .col-description .qna-type-a{margin-top:-24px} 
.mileage-service-b .grid.nth-child-4 .col-description .qna-type-a dd,.mileage-service-b .grid.nth-child-4 .col-description .qna-type-a dt{position:relative;padding-left:30px} 
.mileage-service-b .grid.nth-child-4 .col-description .qna-type-a dd i,.mileage-service-b .grid.nth-child-4 .col-description .qna-type-a dt i{position:absolute;left:0;top:5px;display:inline-block;width:18px;height:18px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;text-align:center;vertical-align:top;font-size:11px;line-height:18px} 
.mileage-service-b .grid.nth-child-4 .col-description .qna-type-a dd p,.mileage-service-b .grid.nth-child-4 .col-description .qna-type-a dt p{margin:0;font-size:16px;line-height:1.7} 
.mileage-service-b .grid.nth-child-4 .col-description .qna-type-a dt{margin-top:24px} 
.mileage-service-b .grid.nth-child-4 .col-description .qna-type-a dt i{background-color:#333;color:#fff} 
.mileage-service-b .grid.nth-child-4 .col-description .qna-type-a dt p{color:#333;font-weight:500} 
.mileage-service-b .grid.nth-child-4 .col-description .qna-type-a dd{margin:0} 
.mileage-service-b .grid.nth-child-4 .col-description .qna-type-a dd i{background-color:#ddd;color:#000} 
.search-result{font-size:30px;color:#333;text-align:center;margin:50px 0} 
.search-result .search-case,.search-result .search-word{color:#ef151e} 
.lang-cn .search-result .search-case,.lang-cn .search-result .search-word,.lang-ko .search-result .search-case,.lang-ko .search-result .search-word{font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif} 
.inquire-history{text-align:center;padding:70px 0 60px 0;background-color:#f8f8f8;border-top:1px solid #222;border-bottom:1px solid #d2d2d2} 
.inquire-history .link{color:#ef151e;border-bottom:1px solid #ef151e} 
.inquire-history .title{font-size:36px;font-family:'CJONLYONE', 'Noto Sans', 'Apple SD Gothic Neo', 'Noto Sans', Arial, Helvetica, sans-serif;font-weight:400;margin:0 0 10px 0} 
.inquire-history .inquire-history-info{width:450px;padding:5px 60px;margin:40px auto 20px;background-color:#fff;border:1px solid #e6e6e6} 
.inquire-history .inquire-history-info .label-title{display:inline-block;width:140px;color:#666;text-align:left} 
.inquire-history .inquire-history-info input.text{width:300px;color:#333;padding-left:40px;background-color:#f6f6f6;border:0} 
.inquire-history .inquire-history-info input.disabled{opacity:1} 
.inquire-history .inquire-history-text{font-size:16px;color:#666;line-height:26px;margin:0} 
.inquire-history ul.inquire-history-list{text-align:left;margin-left:340px} 
@media (max-width:1024px){.inquire-history ul.inquire-history-list{margin-left:240px} 
.inquire-history ul.inquire-history-list li{position:relative;font-size:14px;color:#888;line-height:24px;padding-left:8px} 
.inquire-history ul.inquire-history-list li:before{content:"";display:inline-block;position:absolute;top:10px;left:0;width:3px;height:3px;background-color:#666;border-radius:1px} 
.inquire-view{border-top:solid 1px #222} 
.inquire-view .inquire-view-body{line-height:1.4;font-size:16px;color:#666} 
.inquire-view .inquire-view-body .a-box,.inquire-view .inquire-view-body .q-box{position:relative;font-size:16px;color:#222;line-height:34px;text-align:left;padding:35px 300px 40px 160px} 
.inquire-view .inquire-view-body .q-box{background-image:url('../img/common/inquire_q.png');background-size:50px 50px;background-color:#fff;background-position:60px 30px} 
.inquire-view .inquire-view-body .q-box .title{font-weight:normal;word-break:break-all} 
.inquire-view .inquire-view-body .a-box{min-height:35px;background-image:url('../img/common/inquire_a.png');background-size:50px 50px;background-color:#fafafa;background-position:60px 30px;border-top:1px solid #e6e6e6} 
.inquire-view .inquire-view-body .a-box p{font-size:inherit;color:inherit;line-height:inherit;margin:0} 
.inquire-view .inquire-view-body .date{display:block;margin-top:20px} 
.inquire-view .inquire-view-body .inner{padding:0;margin-left:0;margin-right:0;line-height:30px} 
.inquire-view .inquire-view-body .files{margin:10px -230px 0 0;padding:20px 0 1px 20px;border-top:1px #e6e6e6 solid;background-image:url('../img/common/icon_file.png');background-position:left 13px;line-height:1.2;font-size:16px} 
.inquire-view .inquire-view-body .files:last-of-type{margin-bottom:-5px} 
.inquire-view .inquire-view-body .files,.inquire-view .inquire-view-body .files a{color:#000} 
.inquire-view .inquire-view-body .files strong{font-weight:normal;color:#666} 
.inquire-view .inquire-view-body .files strong:after{content:' :'} 
.bbs-faq.inquire{text-align:center;border-top:0} 
.bbs-faq.inquire .faq-head{border-top:1px solid #1e1e1e;border-bottom:1px solid #d2d2d2} 
.bbs-faq.inquire .faq-head .col{padding:20px 0} 
.bbs-faq.inquire .faq-head .head-num{width:8%} 
.bbs-faq.inquire .faq-head .head-category{width:17%} 
.bbs-faq.inquire .faq-head .head-subject{width:50%} 
.bbs-faq.inquire .faq-head .head-date{width:10%} 
.bbs-faq.inquire .faq-head .head-status{width:10%} 
.bbs-faq.inquire .faq-head .head-imges{width:5%} 
.bbs-faq.inquire .collapse-head .col{padding:20px 0} 
.bbs-faq.inquire .collapse-head .num{width:8%;color:#888} 
.bbs-faq.inquire .collapse-head .category{width:17%;color:inherit} 
.bbs-faq.inquire .collapse-head .subjects{width:50%;text-align:left;padding:0} 
.bbs-faq.inquire .collapse-head .subjects a{padding:20px 0} 
.bbs-faq.inquire .collapse-head .date{width:10%;color:#888} 
.bbs-faq.inquire .collapse-head .status{width:10%} 
.bbs-faq.inquire .collapse-head .imges{position:relative;width:5%} 
.bbs-faq.inquire .collapse-head .imges .icon{background-image:url('../img/common/collapse_off.png');width:30px;height:30px;background-size:30px 30px} 
.bbs-faq.inquire .item.first .head{border-top:0} 
.bbs-faq.inquire .item.in .head{background-color:#fff} 
.bbs-faq.inquire .item.in .subject a{color:#444;font-weight:inherit} 
.bbs-faq.inquire .item.in .imges .icon{background-image:url('../img/common/collapse_on.png')} 
.vod-performance{position:relative;margin-top:15px;border:1px #e6e6e6 solid;background-color:#fff} 
.vod-performance .grid{border:0!important;margin:0 10px 0 40px} 
.vod-performance h2{margin:0;height:56px;line-height:56px;font-weight:500;color:#333;font-size:18px} 
.vod-performance ul{float:right} 
.vod-performance ul li{position:relative;padding:0 30px;height:56px;line-height:56px;font-size:18px;color:#666} 
.vod-performance ul li:before{content:'';position:absolute;top:50%;left:-1px;margin-top:-7px;width:2px;height:14px;background-color:#dcdcdc} 
.vod-performance ul li:first-child:before{display:none} 
.vod-performance .result{font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif;color:#ef151e;font-weight:500} 
.voice-costomer .bbs-agree{margin-top:0} 
.voice-costomer .bbs-agree .agree-area{padding-bottom:10px} 
.voice-costomer .bbs-agree .agree-area .desc{float:left;width:70%;margin:0} 
.voice-costomer .bbs-agree .agree-area h3.desc{margin-top:15px;font-weight:500} 
.voice-costomer .bbs-agree .agree-area h3.desc em{color:#ef151e} 
.voice-costomer .bbs-agree .agree-area h3.desc span{display:block;font-size:14px;font-weight:normal;color:#767676;margin-top:5px} 
.voice-costomer .bbs-agree .agree-area .agrees{float:right;position:static;margin-top:15px} 
.voice-costomer .bbs-agree .agree-area.type2{margin-top:10px} 
.voice-costomer .bbs-agree .agree-area.type2 .agrees{margin-top:35px} 
.voice-costomer .bbs-agree .rules{max-height:342px} 
.voice-costomer .bbs-write{margin-top:30px} 
.voice-costomer .bbs-write .icon-info{position:relative;padding-left:20px} 
.voice-costomer .bbs-write .icon-info:before{display:inline-block;position:absolute;top:4px;left:0;width:14px;height:14px;content:"";background-image:url('../img/support/inquire_icon_info.gif')} 
.voice-costomer .bbs-write .file-guide p{padding-left:20px;text-indent:-20px} 
.voice-costomer .bbs-write tr.address td div{margin-top:10px} 
.voice-costomer .bbs-write tr.address td div:first-child{margin-top:0} 
.voice-costomer .bbs-write tr.address td div input{margin-left:6px} 
.voice-costomer .bbs-write tr.address td div input:first-child{margin-left:0} 
.voice-costomer .bbs-write tr.address td div .button{margin-left:6px} 
.voice-costomer .bbs-write tr.tels td .dash{display:inline-block;margin:0 7px} 
.voice-costomer .bbs-write tr.emails td .icon{display:inline-block;margin:0 1px} 
.voice-costomer .bbs-write tr.emails td .select{margin-left:6px} 
.voice-costomer .bbs-write tr.attatchs th label{position:relative;padding-right:28px} 
.voice-costomer .bbs-write tr.attatchs th label:before{display:inline-block;position:absolute;top:12px;right:0;width:20px;height:17px;content:"";background-image:url('../img/support/icon_attach.png')} 
.voice-costomer .bbs-write tr.attatchs.mov th label:before{background-position:0 -19px} 
.voice-costomer .bbs-write tr.attatchs.mov td .file-wrap input.text{width:calc(60% + 23px)} 
.voice-costomer .bbs-write tr.attatchs.mov td .button.info{width:142px} 
.innovation-rnd-introduce .sub-title{margin:0;padding:60px 0;color:#ef151e;font-size:32px;font-weight:600;line-height:1.1} 
.innovation-rnd-introduce .sub-title.kor-title{font-weight:400} 
.innovation-food-research-a{position:relative} 
.innovation-food-research-a .link-tab{margin:0;padding:0;border-bottom:1px solid #dcdcdc} 
.innovation-food-research-a .link-tab li{list-style:none;width:33.3%;float:left} 
.innovation-food-research-a .link-tab li a{position:relative;display:block;padding:25px 0 25px 30px;background:#fff;margin-left:1px;font-size:18px;line-height:30px;text-align:left;color:#000;font-weight:500;background-repeat:no-repeat;background-position:336px 50%} 
.innovation-food-research-a .link-tab li a:before{content:'';position:absolute;left:0;top:50%;width:1px;height:36px;margin-top:-18px;background-color:#dcdcdc} 
.innovation-food-research-a .link-tab li.in a:after{content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:6px;background-color:#ef151e} 
.innovation-food-research-a .link-tab li.nth-child-1 a{background-image:url('../img/innovation/food_research_a_tab_01.png')} 
.innovation-food-research-a .link-tab li.nth-child-1 a:before{display:none} 
.innovation-food-research-a .link-tab li.nth-child-2 a{background-image:url('../img/innovation/food_research_a_tab_02.png')} 
.innovation-food-research-a .link-tab li.nth-child-3 a{background-image:url('../img/innovation/food_research_a_tab_03.png')} 
.innovation-food-research-a .link-tab:after{content:'';display:block;clear:both} 
.page-innovation-food-a .sub-title{margin:0;font-size:30px;color:#333333} 
.page-innovation-food-a p.desc{margin:25px 0 0;color:#666666;line-height:1.7} 
.page-innovation-food-a .holder{margin:91px 0 27px} 
.page-innovation-food-a .holder .sub-title{color:#ef151e;text-align:Center} 
.page-innovation-food-a .module{position:relative;width:50%;padding:127px 0 0 20px;-webkit-box-sizing:border-box;box-sizing:border-box} 
@media (max-width:1024px){.lang-en .page-innovation-food-a .module{padding:60px 0 0 20px} 
.page-innovation-food-a .grid{position:relative;height:520px;background-color:#fafafa} 
.page-innovation-food-a .grid .is-xlarge{max-width:1200px;margin:0 auto} 
.page-innovation-food-a .grid .background{position:absolute;top:0;width:50%;height:520px;-webkit-transform:translate(100%, 0);-ms-transform:translate(100%, 0);transform:translate(100%, 0);-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:-webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;background-position:right top} 
@media (min-width:1921px){.page-innovation-food-a .grid .background{background-size:cover} 
.page-innovation-food-a .grid.nth-child-1 .module{padding-right:100px} 
.page-innovation-food-a .grid.nth-child-1 .module .sub-title{color:#ef151e} 
.page-innovation-food-a .grid.nth-child-1 .background{right:0;background-image:url('../img/innovation/innovation_food_a_bg_01.jpg')} 
.page-innovation-food-a .grid.nth-child-2 .module{left:50%;padding:127px 20px 0 15%} 
.page-innovation-food-a .grid.nth-child-2 .module .sub-title{color:#ef151e} 
@media (max-width:1024px){.lang-en .page-innovation-food-a .grid.nth-child-2 .module{padding:60px 20px 0 5%} 
.page-innovation-food-a .grid.nth-child-2 .background{right:50%;-webkit-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);transform:translate(-100%, 0);background-image:url('../img/innovation/innovation_food_a_bg_02.jpg')} 
.lang-en .page-innovation-food-a .grid.nth-child-2 .sub-title{color:#ef151e} 
.page-innovation-food-a .grid.nth-child-3 .sub-title{color:#ef151e} 
.page-innovation-food-a .grid.nth-child-3 .background{right:0;background-image:url('../img/innovation/innovation_food_a_bg_03.jpg')} 
.page-innovation-food-a .grid.is-inviewed .background{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.page-innovation-food-a ul.list{margin-top:26px} 
.page-innovation-food-a ul.list li{position:relative;padding-left:11px;color:#666;font-size:16px;line-height:1.7} 
.page-innovation-food-a ul.list li:before{content:'';position:absolute;top:10px;left:0;display:block;width:4px;height:4px;border-radius:50%;background-color:#666} 
.lab-about .object{position:relative} 
.lab-about .object:before{content:'';display:block;position:absolute;top:108px;width:313px;height:1px;background-color:#ef151e} 
.lab-about .title{margin:0;padding:0;font-size:30px;font-weight:500;letter-spacing:-0.05em;color:#ef151e} 
.lab-about .title .eng-title{letter-spacing:0} 
.lab-about .content-holder{padding-top:19px} 
.lab-about .content-holder .description{margin-top:20px} 
.lab-about .content-holder .description .cell{vertical-align:top} 
.lab-about .content-holder .description ul.reset li{position:relative;padding-left:11px;color:#666;font-size:16px;line-height:1.7} 
.lab-about .content-holder .description ul.reset li:before{content:'';position:absolute;top:10px;left:0;display:block;width:4px;height:4px;border-radius:50%;background-color:#666} 
.lab-about .content-holder p{margin:15px 0 0;color:#666;line-height:1.7} 
.lab-about .content-holder p:first-child{margin-top:0} 
.lab-about .item{margin-top:165px} 
.lab-about .item:first-child{margin-top:92px} 
.lab-about .item:after{content:'';display:block;clear:both} 
.lab-about .item:nth-child(odd) .object{float:right;width:43%;background-position:right center} 
.lab-about .item:nth-child(odd) .object:before{left:-240px} 
.lab-about .item:nth-child(odd) .content-holder{float:left;width:57%;padding-left:40px;padding-right:260px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.lab-about .item:nth-child(2n) .object{float:left;width:60%;background-position:left center} 
.lab-about .item:nth-child(2n) .object:before{right:-50px} 
.lab-about .item:nth-child(2n) .content-holder{float:right;width:40%;padding-left:75px;padding-right:35px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.lab-about .js-inview .title .lank{opacity:0;-webkit-transform:translate(0, 20px);-ms-transform:translate(0, 20px);transform:translate(0, 20px);-webkit-transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 700ms, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 700ms;transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 700ms, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 700ms;-o-transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 700ms, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 700ms;transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 700ms, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 700ms;transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 700ms, transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 700ms, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 700ms} 
.lab-about .js-inview:nth-child(2n) .object,.lab-about .js-inview:nth-child(odd) .object{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 200ms, left 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 200ms, right 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 200ms;-o-transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 200ms, left 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 200ms, right 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 200ms;transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 200ms, left 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 200ms, right 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 200ms} 
.lab-about .js-inview:nth-child(2n) .object:before,.lab-about .js-inview:nth-child(odd) .object:before{opacity:0;-webkit-transform:translate(100%, 0);-ms-transform:translate(100%, 0);transform:translate(100%, 0);-webkit-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 400ms, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 400ms;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 400ms, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 400ms;-o-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 400ms, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 400ms;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 400ms, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 400ms;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 400ms, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 400ms, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 400ms} 
.lab-about .js-inview:nth-child(odd) .object:before{-webkit-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);transform:translate(-100%, 0)} 
.lab-about .js-inview.is-inviewed .title .lank{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.lab-about .js-inview.is-inviewed:nth-child(2n) .object:before,.lab-about .js-inview.is-inviewed:nth-child(odd) .object:before{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.lab-about.food .item.nth-child-1{min-height:320px} 
.lab-about.food .item.nth-child-1 .object{height:320px;background-image:url('../img/innovation/food_research_c_01.jpg')} 
.lab-about.food .item.nth-child-2{min-height:456px} 
.lab-about.food .item.nth-child-2 .object{height:456px;background-image:url('../img/innovation/food_research_c_02.jpg')} 
.lab-about.food .item.nth-child-3{min-height:330px} 
.lab-about.food .item.nth-child-3 .object{height:330px;background-image:url('../img/innovation/food_research_c_03.jpg')} 
.lab-about.bio .item.nth-child-1{min-height:370px} 
.lab-about.bio .item.nth-child-1 .object{height:370px;background-image:url('../img/innovation/bio_research_c_01.jpg')} 
.lab-about.bio .item.nth-child-2{min-height:560px} 
.lab-about.bio .item.nth-child-2 .object{height:506px;background-image:url('../img/innovation/bio_research_c_02.jpg')} 
.lab-about.bio-research .item.nth-child-1{margin-top:70px;min-height:575px} 
.lab-about.bio-research .item.nth-child-1 .object{height:505px;background-image:url('../img/innovation/bio_research_b_03.jpg')} 
.lab-about.bio-research .item.nth-child-1 .content-holder{padding-top:140px} 
.lab-about.bio-research .item.nth-child-2{min-height:440px} 
.lab-about.bio-research .item.nth-child-2 .object{height:370px;background-image:url('../img/innovation/food_research_e_01.jpg')} 
.lab-about.bio-research .item.nth-child-2 .content-holder{padding-top:35px} 
.lang-en .lab-about.bio-research .item.nth-child-2{min-height:440px} 
.lang-en .lab-about.bio-research .item.nth-child-2 .content-holder{padding-top:0} 
.innovation-links{margin-top:80px} 
.innovation-links .grid{margin:0 -70px} 
@media (max-width:1024px){.lang-cn .innovation-links .grid{margin:0} 
.lang-cn .innovation-links .grid p.subject i{top:auto;right:auto;left:35%;bottom:-120px} 
.innovation-links .grid .module{margin:0} 
.innovation-links .background{position:absolute;top:0;left:0;right:0;bottom:0;margin:1px;background-size:cover} 
.innovation-links .background:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:0.3} 
.innovation-links a{position:relative;display:block;color:#fff;height:410px;overflow:hidden} 
.innovation-links a:hover .background:before{opacity:0.2;-webkit-transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition:opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)} 
.innovation-links p{margin:0 70px;color:#fff} 
@media (max-width:1024px){.lang-cn .innovation-links p{margin:0 50px} 
.innovation-links p.subject{margin-top:120px;padding-right:50px;display:inline-block;font-size:40px;font-weight:500;line-height:1.2;-webkit-box-sizing:border-box;box-sizing:border-box} 
.lang-en .innovation-links p.subject{font-size:36px;margin-top:100px} 
.innovation-links p.subject i{position:absolute;display:inline-block;top:50%;right:0;margin-top:-1px;width:30px;height:2px;background-color:#fff} 
.innovation-links p.subject i:after,.innovation-links p.subject i:before{content:'';position:absolute;top:50%;right:0;width:16px;height:2px;margin-top:-1px;background-color:#fff;-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center} 
.innovation-links p.subject i:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} 
.innovation-links p.subject i:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} 
.innovation-links p.summary{margin-top:20px;font-size:18px} 
.innovation-links .js-inview p.subject i{opacity:0;-webkit-transform:translate(-15px, 0);-ms-transform:translate(-15px, 0);transform:translate(-15px, 0);-webkit-transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 500ms, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 500ms;transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 500ms, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 500ms;-o-transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 500ms, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 500ms;transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 500ms, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 500ms;transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 500ms, transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 500ms, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 500ms} 
.innovation-links .js-inview.is-inviewed p.subject i{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.innovation-links.has-bg{padding:80px 0 50px 0;background-color:#f4f4f4} 
.innovation-summary{padding:80px 0} 
.innovation-summary p{margin:0;line-height:1.8;color:#333;font-size:18px} 
.lang-en .innovation-summary p.core{line-height:1.4} 
.innovation-summary .core{margin-top:0;margin-bottom:20px;font-size:30px;color:#ef151e} 
.innovation-nav ul{display:table;table-layout:fixed;width:100%;margin:0;padding:0;list-style:none;border-bottom:1px #dcdcdc solid} 
.innovation-nav ul li{display:table-cell;float:none;vertical-align:top;margin:0;padding:0} 
.innovation-nav ul li a{display:block} 
.innovation-nav ul li span{position:relative;display:block;padding:28px 70px 28px 30px;line-height:1.4;font-size:18px;color:#000;font-weight:500} 
.lang-cn .innovation-nav ul li span,.lang-ko .innovation-nav ul li span{font-family:'Montserrat', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif} 
.innovation-nav ul li span:before{content:'';position:absolute;top:50%;left:-1px;margin-top:-18px;width:1px;height:36px;background-color:#dcdcdc} 
.innovation-nav ul li span:after{display:none;content:'';position:absolute;top:100%;left:0;right:0;margin-top:-6px;height:6px;background-color:#ef151e} 
.innovation-nav ul li:first-child span:before{display:none} 
.innovation-nav ul li .icon{position:absolute;top:50%;right:0;margin-top:-40px;background-image:url('../img/innovation/icon_tab_open.png');width:90px;height:80px;background-size:90px 80px} 
.innovation-nav ul li .icon.evaluation{background-image:url('../img/innovation/icon_tab_evaluation.png')} 
.innovation-nav ul li .icon.bio-info{background-image:url('../img/innovation/icon_tab_bio_info.png')} 
.innovation-nav ul li .icon.bio-skill{background-image:url('../img/innovation/icon_tab_bio_skill.png')} 
.innovation-nav ul li .icon.bio-performance{background-image:url('../img/innovation/icon_tab_bio_performance.png')} 
.innovation-nav ul li .icon.food-info{background-image:url('../img/innovation/icon_tab_food_info.png')} 
.innovation-nav ul li .icon.food-skill{background-image:url('../img/innovation/icon_tab_food_skill.png')} 
.innovation-nav ul li .icon.food-performance{background-image:url('../img/innovation/icon_tab_food_performance.png')} 
.innovation-nav ul li.in span:after{display:block} 
.innovation-nav .is-tab-2 li{width:50%} 
.page-innovation-rnd-introduce .titles{position:absolute;z-index:10;top:200px;left:0;right:0;text-align:center} 
.page-innovation-rnd-introduce .title{font-family:'CJONLYONE', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif;font-weight:400;margin:0;font-size:70px;line-height:1.5;color:#fff} 
.skill-research .upper .item:after{content:'';display:block;clear:both} 
.skill-research .upper .item .title{width:100%;margin:89px 0 69px;font-size:30px;color:#ef151e;font-weight:500} 
.skill-research .upper .item .grid{float:left;width:62.5%} 
.skill-research .upper .item .grid .col{padding:23px 0 35px;border-left:1px solid #eee} 
.skill-research .upper .item .grid .col .background{position:relative;width:140px;height:140px;margin:0 auto;border-radius:50%;background-color:#ef151e;background-position:50% 50%} 
.skill-research .upper .item .grid .col .desc{margin:28px 10px 0 10px;color:#333;font-size:16px;text-align:center} 
.skill-research .upper .item .link{float:right} 
.skill-research .upper .item .link a{display:block;width:350px;height:222px;padding:26px 0 0 20px} 
.skill-research .upper .item .link a p{margin:0;color:#fff;font-size:18px;line-height:1.7} 
.skill-research .upper .item .link a.open-icon .more{width:32px;height:32px;margin-top:24px;border:0;background-color:#ffffff} 
.skill-research .upper .item .link a .button{display:inline-block;position:relative;overflow:hidden;margin-top:24px;min-width:auto;height:32px;font-size:0;padding:0 7px 0 8px;background-color:#fff;border:1px solid #a3a3a3} 
.skill-research .upper .item .link a .button:before{display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);transform:translate(-100%, 0);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;background-color:#ef151e} 
.skill-research .upper .item .link a .button i{position:relative;z-index:2;float:right;display:inline-block;width:15px;height:30px;line-height:38px;background-image:url('../img/kfoodlife/button_page_view_02.png');background-repeat:no-repeat;background-size:15px 11px;-webkit-transition:background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.skill-research .upper .item .link a .button span{position:relative;z-index:2;color:#888} 
.skill-research .upper .item .link a:hover .button:before{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.skill-research .upper .item .link a:hover .button i{background-image:url('../img/kfoodlife/button_page_view_over.png')} 
.skill-research .upper .item .link a:hover .button span{color:#fff} 
.skill-research .upper .item.nth-child-1 .grid .col.nth-child-1{border-left:0} 
.skill-research .upper .item.nth-child-1 .grid .col.nth-child-1 .background{background-image:url('../img/innovation/icon_skill_research_01.png')} 
.skill-research .upper .item.nth-child-1 .grid .col.nth-child-2 .background{background-image:url('../img/innovation/icon_skill_research_02.png')} 
.skill-research .upper .item.nth-child-1 .grid .col.nth-child-3 .background{background-image:url('../img/innovation/icon_skill_research_03.png')} 
.skill-research .upper .item.nth-child-1 .link{background-image:url('../img/innovation/skill_research_link_1.jpg')} 
.skill-research .upper .item.nth-child-2 .grid .col.nth-child-1{border-left:0} 
.skill-research .upper .item.nth-child-2 .grid .col.nth-child-1 .background{background-image:url('../img/innovation/icon_skill_research_04.png')} 
.skill-research .upper .item.nth-child-2 .grid .col.nth-child-2 .background{background-image:url('../img/innovation/icon_skill_research_05.png')} 
.skill-research .upper .item.nth-child-2 .grid .col.nth-child-3 .background{background-image:url('../img/innovation/icon_skill_research_06.png')} 
.skill-research .upper .item.nth-child-2 .link{background-image:url('../img/innovation/skill_research_link_2.jpg')} 
.skill-research .upper .item.nth-child-3 .grid .col.nth-child-1{border-left:0} 
.skill-research .upper .item.nth-child-3 .grid .col.nth-child-1 .background{background-image:url('../img/innovation/icon_skill_research_07.png')} 
.skill-research .upper .item.nth-child-3 .grid .col.nth-child-2 .background{background-image:url('../img/innovation/icon_skill_research_08.png')} 
.skill-research .upper .item.nth-child-3 .grid .col.nth-child-3 .background{background-image:url('../img/innovation/icon_skill_research_09.png')} 
.skill-research .upper .item.nth-child-3 .link{background-image:url('../img/innovation/skill_research_link_3.jpg')} 
.skill-research .upper .item.nth-child-4 .grid .col.nth-child-1{border-left:0} 
.skill-research .upper .item.nth-child-4 .grid .col.nth-child-1 .background{background-image:url('../img/innovation/icon_skill_research_10.png')} 
.skill-research .upper .item.nth-child-4 .grid .col.nth-child-2 .background{background-image:url('../img/innovation/icon_skill_research_11.png')} 
.skill-research .upper .item.nth-child-4 .grid .col.nth-child-3 .background{background-image:url('../img/innovation/icon_skill_research_12.png')} 
.skill-research .upper .item.nth-child-4 .link{background-image:url('../img/innovation/skill_research_link_4.jpg')} 
.skill-research .downer{margin-top:80px} 
.skill-research .downer .titles .title{display:inline-block;margin:0;padding:16px 48px 16px 30px;background-color:#8f8377;color:#fff;font-size:20px;font-weight:500} 
.skill-research .downer .product-list{border-bottom:1px solid #dcdcdc;border-top:1px solid #dcdcdc} 
.skill-research .downer .product-list .col{padding-top:40px;padding-bottom:40px} 
.skill-research .downer .product-list a{position:relative;display:block;min-height:130px;padding-left:150px} 
.skill-research .downer .product-list a .pic{position:absolute;top:0;left:0;width:130px} 
.skill-research .downer .product-list a .name{margin:0;padding-top:25px;padding-bottom:60px;color:#333;font-size:20px} 
.skill-research .downer .product-list a .name small{display:block;margin-bottom:3px;color:#666;font-size:14px} 
.skill-research .downer .product-list a .action{position:absolute;left:150px;top:90px} 
.skill-research .downer .product-list a .action .button-go{border-color:#ef151e} 
.skill-research .downer .product-list a .action .button-go:before{background-color:#ef151e} 
.skill-research .downer .product-list a .action .button-go i{background-image:url('../img/kfoodlife/button_page_view_02.png')} 
.skill-research .downer .product-list a:hover .action .button-go:before{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.skill-research .downer .product-list a:hover .action .button-go i{background-image:url('../img/kfoodlife/button_page_view_over.png')} 
.lang-en .skill-research .downer .product-list{padding-bottom:40px} 
.lang-en .skill-research .downer .product-list .col{padding-bottom:0} 
.lang-en .skill-research .downer .product-list a{padding-bottom:40px} 
.lang-en .skill-research .downer .product-list a .name{padding-bottom:0} 
.lang-en .skill-research .downer .product-list .action{top:auto;bottom:0;height:40px} 
.lang-cn .skill-research .downer .product-list .action{top:90px} 
.lang-en .skill-research .upper .item .link a.open-icon .more{margin-top:15px} 
.food-result-item .wrap{padding:0 40px;border-bottom:1px solid #dcdcdc} 
.food-result-item .titles .title{margin:90px 0 0 0;font-size:30px;color:#ef151e} 
.food-result-item .upper .desc{margin:0} 
.food-result-item .upper .desc.min-desc-a{width:65%} 
.food-result-item .upper .desc.nth-child-1{position:relative;margin-top:22px;padding-top:25px;color:#333;font-size:24px;line-height:1.7} 
.food-result-item .upper .desc.nth-child-1:before{content:'';position:absolute;top:0;left:0;display:block;width:128px;height:1px;background-color:#ef151e} 
.food-result-item .upper .desc.nth-child-2{margin-top:28px;color:#666;font-size:18px;line-height:1.7;letter-spacing:-1px} 
.food-result-item .downer{padding-bottom:70px} 
.food-result-item .downer ul li:after{content:'';display:table;overflow:hidden} 
.food-result-item .downer ul li p{max-width:250px} 
.lang-en .food-result-item .downer ul li p{padding-top:10px!important;min-height:66px} 
.food-result-item .result-product{width:370px;padding:24px 0 39px;background-color:#f4f4f4;text-align:center} 
.food-result-item .result-product p{position:relative;margin:0 0 9px;padding-top:27px;font-size:14px} 
.food-result-item .result-product p:before{content:'';position:absolute;top:0;left:50%;display:block;width:104px;height:1px;margin-left:-52px;background-color:#9f9f9f} 
.food-result-item .result-product strong{font-size:20px} 
.food-result-item.nth-child-1 .wrap{position:relative} 
.food-result-item.nth-child-1 .downer .list-type-a div{overflow:hidden} 
.food-result-item.nth-child-1 .downer .list-type-a div .year-type{float:left;width:84px;height:84px;line-height:84px;margin-right:12px;background-color:#ef151e;border-radius:50%;color:#fff;text-align:center;font-size:16px} 
.food-result-item.nth-child-1 .downer .list-type-a div ul{float:left} 
.food-result-item.nth-child-1 .downer .list-type-a div ul li{position:relative;margin-top:6px;padding-left:10px;color:#333;font-size:16px} 
.food-result-item.nth-child-1 .downer .list-type-a div ul li:before{content:'';position:absolute;left:0;top:10px;width:3px;height:3px;background-color:#333} 
.food-result-item.nth-child-1 .downer .list-type-a div.nth-child-1{margin-top:75px} 
.food-result-item.nth-child-1 .downer .list-type-a div.nth-child-2{margin-top:20px} 
.food-result-item.nth-child-1 .result-product{position:absolute;right:0;top:67px} 
.food-result-item.nth-child-1 .pic{position:absolute;top:255px;right:340px} 
@media (max-width:1024px){.lang-en .food-result-item.nth-child-1 .pic{top:405px;right:50px} 
@media (max-width:1024px){.lang-cn .food-result-item.nth-child-1 .pic{right:280px} 
.food-result-item.nth-child-2 .grid .col{padding-right:100px} 
.food-result-item.nth-child-2 .result-product{margin-top:25px} 
.food-result-item.nth-child-3 .wrap{padding-right:0} 
.food-result-item.nth-child-3 .grid{padding-bottom:60px} 
.food-result-item.nth-child-3 .grid .col.nth-child-1{width:790px} 
.food-result-item.nth-child-3 .grid .col.nth-child-1 .downer{padding-bottom:0} 
.food-result-item.nth-child-3 .grid .col.nth-child-1 .downer ul{margin-top:36px;overflow:hidden} 
.food-result-item.nth-child-3 .grid .col.nth-child-1 .downer ul li{width:50%;float:left;margin-top:18px;padding-left:20px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.food-result-item.nth-child-3 .grid .col.nth-child-1 .downer ul li span{float:left;margin-right:22px} 
.food-result-item.nth-child-3 .grid .col.nth-child-1 .downer ul li p{float:left;margin:0;padding-top:32px;color:#333;font-size:16px} 
.food-result-item.nth-child-3 .grid .col.nth-child-1 .downer ul li p span{float:none;margin:0} 
.food-result-item.nth-child-3 .grid .col.nth-child-1 .pic{padding:23px 0 24px;background-color:#f4f4f4;text-align:center} 
.food-result-item.nth-child-3 .grid .col.nth-child-2{position:relative;width:370px} 
@media (max-width:1024px){.lang-cn .food-result-item.nth-child-3 .grid .col.nth-child-2.eng-position,.lang-en .food-result-item.nth-child-3 .grid .col.nth-child-2.eng-position{margin-top:-50px;margin-left:-200px} 
.food-result-item.nth-child-3 .grid .col.nth-child-2 .result-product{margin-top:31px} 
.food-result-item.nth-child-3 .grid .col.nth-child-2 .name{position:relative;display:inline-block;padding-top:111px;padding-left:144px;font-size:24px;line-height:1.7} 
.food-result-item.nth-child-3 .grid .col.nth-child-2 .name:before{content:'';position:absolute;top:146px;left:-136px;display:block;width:243px;height:1px;background-color:#ef151e} 
@media (max-width:1024px){.lang-cn .food-result-item.nth-child-3 .grid .col.nth-child-2 .name:before,.lang-en .food-result-item.nth-child-3 .grid .col.nth-child-2 .name:before{left:-25px;width:100px} 
.food-result-item.nth-child-4 .wrap{border-bottom:0} 
.food-result-item.nth-child-4 .grid{margin:40px -85px 0} 
.food-result-item.nth-child-4 .grid .col .module{position:relative;padding:0 45px} 
.food-result-item.nth-child-4 .grid .col .module:after{content:'';display:block;position:absolute;right:-6px;top:110px;width:12px;height:24px;background-image:url('../img/common/ico_link.png')} 
.food-result-item.nth-child-4 .grid .col .module ul{margin-top:26px} 
.food-result-item.nth-child-4 .grid .col .module ul li{position:relative;margin-top:10px;padding-left:30px;font-size:16px;color:#666} 
.food-result-item.nth-child-4 .grid .col .module ul li:before{content:'';display:block;position:absolute;left:20px;top:8px;width:4px;height:4px;background-color:#666;border-radius:50%} 
.food-result-item.nth-child-4 .grid .col:last-child .module:after{display:none} 
.park-gate{background-color:#f4f4f4} 
.park-gate .item{position:relative} 
.park-gate .item:after{content:'';position:absolute;top:180px;left:50%;margin-left:-40px;width:243px;height:1px;background-color:#ef151e} 
.park-gate .item a{display:block;height:400px} 
.park-gate .item .content-holder{position:absolute;top:100px;left:50%;width:480px;margin-left:-480px;padding-right:50px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.lang-cn .park-gate .item .content-holder{padding-right:30px} 
.lang-en .park-gate .item .content-holder{width:560px;margin-left:-560px} 
@media (max-width:1024px){.lang-en .park-gate .item .content-holder{top:50px;width:430px;margin-left:-460px} 
.park-gate .item .core{margin:0;font-size:32px;color:#ef151e} 
.park-gate .item .desc{margin:30px 0 0;color:#333;line-height:1.6;font-size:18px} 
.park-gate .item .button-go{margin-top:50px} 
.park-gate .item .object-holder{margin-left:50%;width:50%;overflow:hidden;background-color:#fff} 
.park-gate .item .object{height:400px;-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1);-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;-o-transition:transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s} 
@media (min-width:1921px){.park-gate .item .object{background-size:cover} 
.park-gate .item .object.food{background-image:url('../img/innovation/gate_food.jpg');background-position:left center} 
.park-gate .item .object.bio{background-image:url('../img/innovation/gate_bio.jpg');background-position:right center} 
.park-gate .item .object.mental{background-image:url('../img/innovation/gate_mental.jpg');background-position:left center} 
.park-gate .item .object.skill{background-image:url('../img/innovation/gate_skill.jpg');background-position:right center} 
.park-gate .item:nth-child(2n):after{margin-left:-210px} 
.park-gate .item:nth-child(2n) .object-holder{margin-left:0} 
.park-gate .item:nth-child(2n) .content-holder{margin-left:65px;padding-right:0} 
.park-gate .item a:hover .object{-webkit-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)} 
.park-gate .js-inview:after{opacity:0;-webkit-transform:translate(-20%, 0);-ms-transform:translate(-20%, 0);transform:translate(-20%, 0);-webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s;-o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s;transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s} 
.park-gate .js-inview .object{-webkit-transform:translate(100%, 0) scale(1, 1);-ms-transform:translate(100%, 0) scale(1, 1);transform:translate(100%, 0) scale(1, 1);-webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 150ms;-o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 150ms;transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 150ms} 
.park-gate .js-inview:nth-child(2n):after{-webkit-transform:translate(20%, 0);-ms-transform:translate(20%, 0);transform:translate(20%, 0)} 
.park-gate .js-inview:nth-child(2n) .object{-webkit-transform:translate(-100%, 0) scale(1, 1);-ms-transform:translate(-100%, 0) scale(1, 1);transform:translate(-100%, 0) scale(1, 1)} 
.park-gate .js-inview.is-inviewed:after{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.park-gate .js-inview.is-inviewed .object{-webkit-transform:translate(0, 0) scale(1, 1);-ms-transform:translate(0, 0) scale(1, 1);transform:translate(0, 0) scale(1, 1)} 
.park-gate.campus .item:after{display:none} 
.park-gate .onlyone-mental{text-align:center;background-color:#fff} 
.park-gate .onlyone-mental .cell{position:relative;height:400px} 
.park-gate .onlyone-mental .cell:before{content:'';position:absolute;top:50%;margin-top:-20px;left:-15px;width:30px;height:40px;background-image:url('../img/innovation/onlyone_mental_step.png')} 
.park-gate .onlyone-mental .cell:first-child:before{display:none} 
.park-gate .onlyone-mental .cell.cell-a{width:30%} 
.park-gate .onlyone-mental .cell.cell-b{width:34%} 
.park-gate .onlyone-mental .logo-a{background-image:url('../img/innovation/onlyone_mental_logo_1.png');width:80px;height:80px;background-size:80px 80px} 
.park-gate .onlyone-mental .logo-b{background-image:url('../img/innovation/onlyone_mental_logo_2.png');width:80px;height:80px;background-size:80px 80px} 
.park-gate .onlyone-mental .logo-c{background-image:url('../img/innovation/onlyone_mental_logo_3.png');width:110px;height:120px;background-size:110px 120px} 
.park-gate .onlyone-mental .obj-a{background-image:url('../img/innovation/onlyone_mental_obj_1.png');width:100px;height:110px;background-size:100px 110px} 
.park-gate .onlyone-mental .obj-b{background-image:url('../img/innovation/onlyone_mental_obj_2.png');width:220px;height:110px;background-size:220px 110px} 
.park-gate .onlyone-mental p{margin:0} 
.park-gate .onlyone-mental p.core{margin:10px 0 0;font-size:22px;font-weight:bold;color:#2e4155} 
.park-gate .onlyone-mental p.desc{margin:0;font-size:20px;color:#2e4155} 
.park-video{padding:100px 0 0 0} 
.park-video .title{margin:0;font-size:30px;color:#ef151e} 
.park-video .video-wrap{margin-top:30px} 
.park-video .video-wrap img{z-index:0;-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:-webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.park-video .video-wrap a{display:block;overflow:hidden} 
.park-video .video-wrap a:before{content:'';position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;background-image:url('../img/innovation/video_bg.png');background-repeat:repeat} 
.park-video .video-wrap a:after{content:'';position:absolute;z-index:1;top:50%;left:50%;margin:-40px 0 0 -40px;background-image:url('../img/innovation/icon_play.png');width:80px;height:80px;background-size:80px 80px;background-color:#ef151e;-webkit-box-shadow:0px 0px 30px rgba(0, 0, 0, 0.4);box-shadow:0px 0px 30px rgba(0, 0, 0, 0.4)} 
.park-video .video-wrap a:hover img{-webkit-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)} 
.park-architecture{padding:100px 0 70px 0;margin-top:100px;background-color:#f6f6f6} 
.park-architecture .title{margin:0;font-size:30px;color:#ef151e} 
.park-architecture .upper{margin-top:30px} 
.park-architecture .upper .grid{margin:0 -2px} 
.park-architecture .upper .grid .module{margin:0 2px} 
.park-architecture .upper .table{margin:0 -2px;width:calc(100% + 4px);height:100%} 
.park-architecture .upper .table .cell{width:25%;height:100%} 
.park-architecture .upper .table .module{margin:0 2px;height:100%;background-color:#fff} 
.park-architecture .upper .thumb{overflow:hidden} 
.park-architecture .upper .thumb img{width:100%} 
.park-architecture .upper .summary{padding:40px;min-height:140px} 
.lang-en .park-architecture .upper .summary{min-height:270px} 
@media (min-width:1300px){.lang-en .park-architecture .upper .summary{min-height:230px} 
@media (min-width:1600px){.lang-en .park-architecture .upper .summary{min-height:180px} 
@media (max-width:1024px){.lang-cn .park-architecture .upper .summary{height:150px} 
.park-architecture .upper .summary p{margin:0;color:#666} 
.park-architecture .upper .summary p.subject{margin-bottom:10px} 
.park-architecture .upper .summary p.subject:before{display:none} 
.park-architecture .upper .summary p.subject span{display:inline-block} 
.park-architecture .upper .summary p.subject .core{font-size:24px;color:#333;font-weight:500} 
.park-architecture .upper .summary p.subject .desc{margin-left:15px;font-size:14px} 
.lang-en .park-architecture .upper .summary p.subject .desc{display:block;margin-left:0;margin-bottom:20px} 
.park-architecture .upper .summary p:nth-child(2){position:relative;padding-top:20px} 
.park-architecture .upper .summary p:nth-child(2):before{content:'';position:absolute;top:0;left:0;width:30px;height:4px;background-color:#ef151e} 
.park-architecture .upper.js-inview .summary p:nth-child(2):before{width:0;opacity:0;-webkit-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 600ms;-o-transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 600ms;transition:all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 600ms} 
.park-architecture .upper.js-inview.is-inviewed .summary p:nth-child(2):before{width:30px;opacity:1} 
.park-architecture .downer{margin-top:40px;max-width:100vw} 
.park-architecture .downer .item{position:relative;height:370px} 
.park-architecture .downer .item .content-holder{position:absolute;top:100px;left:50%;width:480px;margin-left:-480px} 
.park-architecture .downer .item .content-holder:before{content:'';position:absolute;top:0;left:-30px;bottom:0;width:1px;background-color:#ef151e} 
@media (max-width:1024px){.lang-en .park-architecture .downer .item .content-holder{margin-left:-430px} 
.park-architecture .downer .item .core{margin:0;font-size:30px;color:#333;line-height:1} 
.park-architecture .downer .item .core span{display:block;margin-top:20px;font-size:14px;color:#666} 
.park-architecture .downer .item .desc{margin:20px 0 0;color:#666;line-height:1.6;font-size:18px} 
.park-architecture .downer .item .object{position:relative;left:55%;height:370px;background-position:left center} 
@media (min-width:1921px){.park-architecture .downer .item .object{background-size:cover} 
.park-architecture .downer .item .object.object-a{background-image:url('../img/innovation/park_architecture_b_1.jpg')} 
.park-architecture .downer .item .object.object-b{background-image:url('../img/innovation/park_architecture_b_2.jpg')} 
.park-architecture .downer .item .object.object-c{background-image:url('../img/innovation/park_architecture_b_3.jpg')} 
@media (max-width:1024px){.lang-en .park-architecture .downer .item .object{margin-left:0} 
.park-architecture .downer .item:nth-child(2n) .object{left:0;background-position:right center} 
@media (max-width:1024px){.lang-en .park-architecture .downer .item:nth-child(2n) .object{margin-right:0} 
.park-architecture .downer .item:nth-child(2n) .content-holder{margin-left:0;text-align:right} 
.park-architecture .downer .item:nth-child(2n) .content-holder:before{left:auto;right:-30px} 
.lang-en .park-architecture .downer .item:nth-child(2n) .content-holder{margin-left:40px} 
@media (max-width:1024px){.lang-en .park-architecture .downer .item:nth-child(2n) .content-holder{margin-left:-50px} 
.park-architecture .downer .js-inview .object{width:0;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 150ms;-o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 150ms;transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 150ms} 
.park-architecture .downer .js-inview .content-holder:before{bottom:100%;-webkit-transition:bottom 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 500ms;-o-transition:bottom 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 500ms;transition:bottom 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 500ms} 
.park-architecture .downer .js-inview.is-inviewed .object{width:45%} 
.park-architecture .downer .js-inview.is-inviewed:nth-child(2n) .object{width:55%} 
.park-architecture .downer .js-inview.is-inviewed .content-holder:before{bottom:0} 
.park-architecture .summary-wrap{margin-top:110px;position:relative;color:#333;text-align:center;font-size:18px;background-color:#fff} 
.park-architecture .summary-wrap:before{content:'';position:absolute;top:-40px;left:50%;width:2px;height:60px;background-color:#ef151e} 
.park-architecture .summary-wrap .inner{padding:50px} 
.lang-en .park-architecture .summary-wrap .inner{line-height:1.6} 
.park-architecture .js-inview .summary-wrap:before{opacity:0;-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);transform:translate(0, 15px);-webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;-o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s} 
.park-architecture .js-inview.is-inviewed .summary-wrap:before{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content{margin:0} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-visual-popup,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-visual-popup,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-visual-popup,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-visual-popup{display:table;width:100%;height:450px} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-visual-popup .background,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-visual-popup .background,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-visual-popup .background,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-visual-popup .background{position:absolute;top:0;left:50%;width:1120px;height:450px;margin-left:-560px} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-visual-popup .modal-title,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-visual-popup .modal-title,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-visual-popup .modal-title,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-visual-popup .modal-title{position:relative;display:table-cell;font-size:54px;color:#fff;vertical-align:middle;text-align:center;padding:0 80px} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-product-popup-contents .innovation-research-desc,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-product-popup-contents .innovation-research-desc,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .innovation-research-desc,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-product-popup-contents .innovation-research-desc{margin:0 80px;text-align:center} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-product-popup-contents .innovation-research-desc .nth-child-1,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-product-popup-contents .innovation-research-desc .nth-child-1,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .innovation-research-desc .nth-child-1,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-product-popup-contents .innovation-research-desc .nth-child-1{margin:52px 0 18px;color:#ef151e;font-size:30px;line-height:1.5} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-product-popup-contents .innovation-research-desc .nth-child-2,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-product-popup-contents .innovation-research-desc .nth-child-2,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .innovation-research-desc .nth-child-2,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-product-popup-contents .innovation-research-desc .nth-child-2{margin:0;color:#666;font-size:16px;line-height:1.7} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-product-popup-contents .upper,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-product-popup-contents .upper,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .upper,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-product-popup-contents .upper{margin:0 80px} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-product-popup-contents .upper .item,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-product-popup-contents .upper .item,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .upper .item,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-product-popup-contents .upper .item{margin-top:65px} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-product-popup-contents .upper .item:after,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-product-popup-contents .upper .item:after,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .upper .item:after,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-product-popup-contents .upper .item:after{content:'';display:block;clear:both} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-product-popup-contents .upper .item .col-description,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-product-popup-contents .upper .item .col-description,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .upper .item .col-description,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-product-popup-contents .upper .item .col-description{float:left;width:61%;padding-right:60px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-product-popup-contents .upper .item .col-description .title,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-product-popup-contents .upper .item .col-description .title,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .upper .item .col-description .title,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-product-popup-contents .upper .item .col-description .title{position:relative;margin:0;padding-top:20px;color:#333;font-size:24px;line-height:1.7;font-weight:500} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-product-popup-contents .upper .item .col-description .title:before,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-product-popup-contents .upper .item .col-description .title:before,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .upper .item .col-description .title:before,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-product-popup-contents .upper .item .col-description .title:before{content:'';position:absolute;left:0;top:0;display:block;width:128px;height:1px;background:#ef151e} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-product-popup-contents .upper .item .col-description p,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-product-popup-contents .upper .item .col-description p,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .upper .item .col-description p,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-product-popup-contents .upper .item .col-description p{margin:15px 0 0;color:#666;line-height:1.8} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-product-popup-contents .upper .item .col-product,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-product-popup-contents .upper .item .col-product,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .upper .item .col-product,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-product-popup-contents .upper .item .col-product{float:left;width:39%} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-product-popup-contents .upper .item .col-product .result-product,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-product-popup-contents .upper .item .col-product .result-product,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .upper .item .col-product .result-product,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-product-popup-contents .upper .item .col-product .result-product{width:370px;padding:24px 0 39px;background-color:#f4f4f4;text-align:center} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-product-popup-contents .upper .item .col-product .result-product p,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-product-popup-contents .upper .item .col-product .result-product p,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .upper .item .col-product .result-product p,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-product-popup-contents .upper .item .col-product .result-product p{position:relative;margin:0 0 9px;padding-top:27px;font-size:14px} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-product-popup-contents .upper .item .col-product .result-product p:before,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-product-popup-contents .upper .item .col-product .result-product p:before,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .upper .item .col-product .result-product p:before,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-product-popup-contents .upper .item .col-product .result-product p:before{content:'';position:absolute;top:0;left:50%;display:block;width:104px;height:1px;margin-left:-52px;background-color:#9f9f9f} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-product-popup-contents .upper .item .col-product .result-product strong,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-product-popup-contents .upper .item .col-product .result-product strong,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .upper .item .col-product .result-product strong,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-product-popup-contents .upper .item .col-product .result-product strong{font-size:20px;line-height:1.4} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-product-popup-contents .upper .item:nth-child(2n) .col-description,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-product-popup-contents .upper .item:nth-child(2n) .col-description,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .upper .item:nth-child(2n) .col-description,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-product-popup-contents .upper .item:nth-child(2n) .col-description{padding-right:0;padding-left:60px} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-product-popup-contents .downer,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-product-popup-contents .downer,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .downer,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-product-popup-contents .downer{margin-top:65px;padding:70px 140px 90px;background:#f4f4f4} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-product-popup-contents .downer:after,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-product-popup-contents .downer:after,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .downer:after,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-product-popup-contents .downer:after{content:'';display:block;clear:both} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-product-popup-contents .downer .background,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-product-popup-contents .downer .background,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .downer .background,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-product-popup-contents .downer .background{float:left;width:200px;height:200px;margin-right:50px;border-radius:50%;background-color:#8f8377;background-position:50% 50%} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-product-popup-contents .downer .description,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-product-popup-contents .downer .description,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .downer .description,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-product-popup-contents .downer .description{float:left;width:calc(100% - 250px)} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-product-popup-contents .downer .description .title,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-product-popup-contents .downer .description .title,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .downer .description .title,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-product-popup-contents .downer .description .title{position:relative;margin:0;padding-top:20px;color:#333;font-size:24px;line-height:1.7;font-weight:500} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-product-popup-contents .downer .description .title:before,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-product-popup-contents .downer .description .title:before,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .downer .description .title:before,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-product-popup-contents .downer .description .title:before{content:'';position:absolute;left:0;top:0;display:block;width:128px;height:1px;background:#ef151e} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-product-popup-contents .downer .description p,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-product-popup-contents .downer .description p,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .downer .description p,.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-product-popup-contents .downer .description p{margin:15px 0 0;color:#666;line-height:1.8} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-visual-popup .background{background-image:url('../img/visual/innovation_research_popup_a.jpg')} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-a .innovation-product-popup-contents .downer .background{background-image:url('../img/innovation/food_result_item_pic_16.png')} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-visual-popup .background{background-image:url('../img/visual/innovation_research_popup_b.jpg')} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-b .innovation-product-popup-contents .downer .background{background-image:url('../img/innovation/food_result_item_pic_19.png')} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-visual-popup .background{background-image:url('../img/visual/innovation_research_popup_c.jpg')} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .upper .item .col-description{float:none;width:100%;padding:0} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .upper .item .col-product{float:none;width:100%;margin-top:40px} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .upper .item .col-product .result-product-b .titles .title{display:inline-block;margin:0;padding:16px 48px 16px 48px;background-color:#8f8377;color:#fff;font-size:20px;font-weight:500} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .upper .item .col-product .result-product-b .product-list{border-bottom:1px solid #dcdcdc;border-top:1px solid #dcdcdc} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .upper .item .col-product .result-product-b .product-list .grid .col{position:relative;padding-top:40px;padding-bottom:40px;min-height:236px} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .upper .item .col-product .result-product-b .product-list .grid .col .pic{position:absolute;top:40px;left:0;width:156px} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .upper .item .col-product .result-product-b .product-list .grid .col .name{margin:0;padding:25px 0 0 160px;color:#333;font-size:20px;letter-spacing:-1px} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .upper .item .col-product .result-product-b .product-list .grid .col .name small{display:block;margin-bottom:3px;color:#666;font-size:14px} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-c .innovation-product-popup-contents .downer .background{background-image:url('../img/innovation/food_result_item_pic_23.png')} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-visual-popup .background{background-image:url('../img/visual/innovation_research_popup_d.jpg')} 
.is-modal-innovation-research.modal-container.in.is-modal-simple .md-modal-content .innovation-research-product-d .innovation-product-popup-contents .downer .background{background-image:url('../img/innovation/food_result_item_pic_26.png')} 
.bio-about-a .grid{margin:0 -40px} 
.bio-about-a .grid .module{position:relative;margin:0 20px;padding:0 40px;height:380px;background-color:#f2f2f2;overflow:hidden;height:405px} 
.bio-about-a .title{margin:60px 0 0;font-size:30px;color:#ef151e} 
.bio-about-a .description{margin-top:20px;font-weight:500} 
.bio-about-a .description li{color:#666} 
.bio-about-a .description li:before{background-color:#666} 
.bio-about-a .research .module{background-image:url('../img/innovation/bio_about_research_bg.jpg');background-size:cover} 
.bio-about-a .research .module .title{color:#fff} 
.bio-about-a .research .module .description li{color:#fff} 
.bio-about-a .research .module .description li:before{background-color:#fff} 
.bio-about-b .title{margin:100px 0 30px 40px;font-size:30px;color:#ef151e} 
.bio-skill .titles{margin-top:60px;padding:100px 0 0 40px;border-top:1px #dcdcdc solid} 
.bio-skill .titles .title{margin:0;padding:0 0 25px 0;font-size:30px;color:#ef151e} 
.bio-skill .titles .title:before{content:'';position:absolute;top:100%;left:0;width:128px;height:1px;background-color:#ef151e} 
.bio-skill .titles p{margin:30px 0 0;font-size:18px} 
.bio-skill .titles .summary{font-size:24px;color:#333;font-weight:500} 
.bio-skill .items{margin-top:40px} 
.lang-cn .bio-skill .items,.lang-ko .bio-skill .items{font-family:'Montserrat', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif} 
.bio-skill .items.nth-child-1 .subject{padding:68px 0 68px 180px;background-color:#ffffff} 
.bio-skill .items.nth-child-1 .icon{top:29px;left:62px;margin:0} 
.bio-skill .table{width:calc(100% + 44px);margin:0 -22px;height:100%} 
.bio-skill .table .cell{position:relative;vertical-align:top;width:33.333333%;background-color:#f6f6f6;height:100%} 
.bio-skill .table .cell:after,.bio-skill .table .cell:before{content:'';display:block;position:absolute;z-index:1;background-color:#fff} 
.bio-skill .table .cell:before{top:0;right:22px;left:22px;border-top:1px #ccc solid} 
.bio-skill .table .cell:after{top:0;right:0;bottom:0;width:22px;border-left:1px #ccc solid} 
.bio-skill .table .cell.nth-child-1 .list-a li{width:50%;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:0} 
.bio-skill .table .cell.nth-child-1 .list-a:after{content:'';display:block;clear:both} 
.bio-skill .table .module{margin:0 22px;overflow:hidden;height:100%} 
.bio-skill .table .module:after,.bio-skill .table .module:before{content:'';display:block;position:absolute;background-color:#fff} 
.bio-skill .table .module:before{bottom:0;right:22px;left:22px;border-top:1px #ccc solid} 
.bio-skill .table .module:after{top:0;left:0;bottom:0;width:22px;border-right:1px #ccc solid} 
.bio-skill .subject{margin:0;font-size:22px;font-weight:500;color:#ef151e;-webkit-box-sizing:border-box;box-sizing:border-box} 
.bio-skill .icon{position:absolute;z-index:1;top:30px;left:50%;margin-left:-56px;background-image:url('../img/innovation/icon_bio_skill_a_1.png');width:112px;height:112px;background-size:112px 112px} 
.bio-skill .description{-webkit-box-sizing:content-box;box-sizing:content-box;padding:15px 40px;min-height:128px} 
.bio-skill .object-wrap{margin-top:60px;text-align:center} 
.bio-skill .cell.col-1-3 .subject{padding:160px 0 0 40px;position:relative;height:210px;background-color:#fff} 
@media (max-width:1024px){.lang-en .bio-skill .cell.col-1-3 .subject{height:230px} 
.bio-skill .subject-wrap{position:relative;padding:0 0 0 180px;height:165px;background-color:#fff} 
.lang-en .bio-skill .subject-wrap{padding-bottom:30px} 
.bio-skill .subject-wrap .subject{padding:45px 0 0;font-size:28px} 
.lang-en .bio-skill .subject-wrap .subject{font-size:22px} 
.bio-skill .subject-wrap .icon{margin:0;top:30px;left:40px} 
.bio-skill .subject-wrap .desc{margin:0;color:#666} 
.lang-en .bio-skill .subject-wrap .desc{margin-top:15px} 
.bio-skill.non-border .titles{margin-top:0;border-top:0} 
.bio-skill .js-inview .icon{-webkit-transform:scale(0, 0);-ms-transform:scale(0, 0);transform:scale(0, 0)} 
.bio-skill .js-inview .titles .title:before{opacity:0;width:0;-webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;-o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s} 
.bio-skill .js-inview.is-inviewed .icon{-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)} 
.bio-skill .js-inview.is-inviewed .titles .title:before{opacity:1;width:128px} 
.bio-skill.bio-skill-introduce .titles{text-align:center;padding:70px 0 0} 
.bio-skill.bio-skill-introduce .items.items1 .table{width:624px;min-height:336px;margin:0 auto} 
.bio-skill.bio-skill-introduce .items.items2 .table{margin-top:40px} 
.bio-skill.bio-skill-introduce .items .subject{font-size:28px;letter-spacing:-1px;height:175px;min-height:175px;padding:0 0 0 180px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} 
@media screen and (min-width:0 \0) and (min-resolution:0.001dpcm){.bio-skill.bio-skill-introduce .items .subject{padding-top:68px} 
.bio-history{margin-top:50px} 
.bio-history .title{margin:0;font-size:22px;color:#ef151e;font-weight:500} 
.bio-history .content-holder{margin-top:30px;width:580px;padding-right:70px} 
.bio-history .content-holder .item{margin-top:20px} 
.bio-history .content-holder .item:first-child{margin-top:0} 
.bio-history .content-holder .item .core{padding-left:10px;width:105px;text-align:center} 
.bio-history .content-holder .item .year{display:inline-block;margin:0;width:84px;height:84px;line-height:84px;font-size:16px;font-weight:500;color:#fff;background-color:#ef151e;border-radius:100%} 
.bio-history .content-holder .item .desc li{color:#333} 
.bio-history .object-holder{margin-top:25px;width:560px} 
.bio-history .object-holder .item{position:relative;margin-top:20px;padding-bottom:20px} 
.bio-history .object-holder .item:first-child{margin-top:0} 
.bio-history .object-holder .list-trophy{margin-top:-40px;overflow:hidden} 
.bio-history .object-holder .trophy{float:left;margin-right:1px;background-image:url('../img/innovation/icon_bio_trophy_a.png');width:90px;height:70px;background-size:90px 70px} 
.bio-history .object-holder .trophy.trophy-b{background-image:url('../img/innovation/icon_bio_trophy_b.png')} 
.bio-history .object-holder .trophy.trophy-c{background-image:url('../img/innovation/icon_bio_trophy_c.png')} 
.bio-history .object-holder .trophy.trophy-d{background-image:url('../img/innovation/icon_bio_trophy_d.png')} 
.bio-history .object-holder .trophy.trophy-e{background-image:url('../img/innovation/icon_bio_trophy_e.png')} 
.bio-history .object-holder .trophy.trophy-f{background-image:url('../img/innovation/icon_bio_trophy_f.png')} 
.bio-history .object-holder .trophy.trophy-g{background-image:url('../img/innovation/icon_bio_trophy_g.png')} 
.bio-history .js-inview .year{-webkit-transform:scale(0, 0);-ms-transform:scale(0, 0);transform:scale(0, 0)} 
.bio-history .js-inview.is-inviewed .year{-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)} 
.bio-products{margin-top:65px} 
.bio-products .titles{position:relative;padding-top:60px} 
.bio-products .titles:before{content:'';position:absolute;top:0;left:-40px;right:-40px;height:1px;background-color:#dcdcdc} 
.bio-products .titles .title{margin:0;font-size:22px;color:#ef151e;font-weight:500} 
.bio-products .titles p{margin:30px 0 0;font-size:18px;color:#666;font-weight:500} 
.bio-products .history-wrap{padding-top:40px;margin:0;border-top:1px #dcdcdc solid} 
.bio-products .history-wrap .sub-title{position:relative;display:block;margin:0;padding:0;height:60px;line-height:60px;color:#222;font-size:22px;font-weight:500;text-align:center} 
.bio-products .history-wrap .sub-title:before{content:'';position:absolute;top:0;left:0;bottom:0;width:100%;background-color:#8f8377} 
.bio-products .history-wrap .sub-title span{position:relative} 
.bio-products .history-wrap .lists{margin-top:-30px;padding:65px 10px 35px 10px;background-color:#f6f6f6} 
.bio-products .history-wrap .item{margin-top:20px} 
.bio-products .history-wrap .item:first-child{margin-top:0} 
.bio-products .history-wrap .item .core{width:105px;text-align:center} 
.bio-products .history-wrap .item .year{display:inline-block;margin:0;width:84px;height:84px;line-height:84px;font-size:16px;font-weight:500;color:#fff;background-color:#ef151e;border-radius:100%} 
.bio-products .history-wrap .item .desc li{color:#333} 
.bio-products .products{position:relative;margin-top:30px;padding:100px 0 40px;text-align:center;height:auto;border-top:0 none;border-bottom:1px #dcdcdc solid;background:url(/resources/img/innovation/bio_product_rank.png) center top no-repeat} 
.bio-products .products:before{content:'';position:absolute;top:240px;left:50%;width:100%;height:1px;background-color:#047b69;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)} 
.bio-products .products.js-inview:before{width:0;-webkit-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 700ms;-o-transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 700ms;transition:all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 700ms} 
.bio-products .products.js-inview.is-inviewed:before{width:100%} 
.bio-products .products .pic img{max-width:none} 
.bio-products .products .name{position:relative;margin:0;padding:0;font-size:20px;font-weight:500;color:#333} 
.bio-products .products .name:before{content:'';position:absolute;top:0;left:50%;width:104px;height:1px;background-color:#999;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)} 
.bio-products .products .name.nth-child-1{left:-25px} 
.bio-products .products .name.nth-child-2{left:-15px} 
.bio-products .products .name.nth-child-4{left:15px} 
.bio-products .products .name.nth-child-5{left:25px} 
.bio-products .js-inview .year{-webkit-transform:scale(0, 0);-ms-transform:scale(0, 0);transform:scale(0, 0)} 
.bio-products .js-inview .sub-title:before{width:0;-webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.bio-products .js-inview .name:before{opacity:0;width:0;-webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 550ms;-o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 550ms;transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 550ms} 
.bio-products .js-inview.is-inviewed .year{-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)} 
.bio-products .js-inview.is-inviewed .sub-title:before{width:100%;display:none} 
.bio-products .js-inview.is-inviewed .name:before{opacity:1;width:104px;display:none} 
.bio-products .wrap.is-large{max-width:1200px} 
.bio-condition{margin-top:80px} 
.bio-condition a{position:relative;display:block;padding-left:90px;overflow:hidden;height:174px;background-color:#8f857a} 
.bio-condition .background{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url('../img/innovation/bio_condition_bg.jpg')} 
.bio-condition p{margin:0;color:#fff} 
.bio-condition p.subject{margin-top:40px;font-size:24px} 
.bio-condition p.desc{margin-top:10px;line-height:1.6} 
.bio-condition .button-go{position:absolute;top:50%;right:60px;border:0;margin-top:-19px;background-color:rgba(255, 255, 255, 0.8)} 
.bio-condition .js-inview .background{-webkit-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)} 
.bio-condition .js-inview.is-inviewed .background{-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)} 
.page-innovation-campus .section-visual{position:relative;z-index:0;overflow:inherit} 
.page-innovation-campus .section-visual:before{content:'';display:block;position:absolute;z-index:10;bottom:0;left:50%;margin-left:-1px;width:1px;height:80px;margin-bottom:-40px;overflow:hidden;background-color:#ef151e} 
.campus-promotion-center{padding:100px 0 0 0} 
.campus-promotion-center .title{margin:0;color:#ef151e;font-size:30px} 
.campus-promotion-center a{display:block;position:relative} 
.campus-promotion-center a:focus .button-go i,.campus-promotion-center a:hover .button-go i{background-image:url('../img/kfoodlife/button_page_view_02.png')} 
.campus-promotion-center .object{height:520px;background-image:url('../img/innovation/campus_promotion.jpg')} 
@media (min-width:1921px){.campus-promotion-center .object{background-size:cover} 
.campus-promotion-center .content-holder{position:absolute;top:100px;right:50%;padding-left:80px;width:470px;height:360px;background-color:#ef151e} 
.campus-promotion-center p{margin:80px 0 0;font-size:28px;color:#fff} 
.lang-en .campus-promotion-center p{margin-top:60px} 
.campus-promotion-center p.desc{margin:19px 0 44px;font-size:16px;color:#333333;text-align:center} 
.campus-promotion-center .button-go{margin-top:40px} 
.campus-promotion-center .js-inview .object{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.campus-promotion-center .js-inview .content-holder{-webkit-transform:translate(100px, 50px);-ms-transform:translate(100px, 50px);transform:translate(100px, 50px);-webkit-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s} 
.campus-promotion-center .js-inview.is-inviewed .content-holder{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.ie .campus-promotion-center a:focus{outline:1px #000 dotted} 
.open-innovation-summary{position:relative} 
.open-innovation-summary .object{position:relative;height:330px;background-image:url('../img/innovation/open_summary_obj.jpg');background-position:left center} 
.open-innovation-summary .object:before{content:'';display:block;position:absolute;top:108px;right:-20px;width:313px;height:1px;background-color:#ef151e} 
.open-innovation-summary .content-holder .module{margin-left:40px;max-width:450px} 
.open-innovation-summary .content-holder .module .description{margin-top:20px} 
.open-innovation-summary .content-holder .module .description p{margin:0;line-height:1.6} 
.open-innovation-summary .title{margin:60px 0 0;padding:0;font-size:30px;color:#333} 
.open-innovation-summary .js-inview .object{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.open-innovation-summary .js-inview .object:before{opacity:0;-webkit-transform:translate(100%, 0);-ms-transform:translate(100%, 0);transform:translate(100%, 0);-webkit-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 400ms, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 400ms;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 400ms, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 400ms;-o-transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 400ms, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 400ms;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 400ms, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 400ms;transition:opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 400ms, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 400ms, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 400ms} 
.open-innovation-summary .js-inview.is-inviewed .object:before{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.lab-info-bio{margin-top:100px} 
.lab-info-bio .title{margin:0 0 30px 40px;color:#ef151e;font-size:30px} 
.lab-info-bio .table{width:calc(100% + 44px);margin:0 -22px;height:100%} 
.lab-info-bio .table .cell{position:relative;vertical-align:top;width:33.333333%;height:100%} 
.lab-info-bio .table .cell:after,.lab-info-bio .table .cell:before{content:'';display:block;position:absolute;background-color:#ccc} 
.lab-info-bio .table .cell:before{top:0;right:22px;left:22px;height:1px} 
.lab-info-bio .table .cell:after{top:0;right:22px;bottom:0;width:1px} 
.lab-info-bio .table .module{margin:0 22px;padding:20px;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box} 
.lab-info-bio .table .module:after,.lab-info-bio .table .module:before{content:'';display:block;position:absolute;background-color:#ccc} 
.lab-info-bio .table .module:before{bottom:0;right:22px;left:22px;height:1px} 
.lab-info-bio .table .module:after{top:0;left:22px;bottom:0;width:1px} 
.lab-info-bio .table .object img{width:100%} 
.lab-info-bio .summary .description{-webkit-box-sizing:content-box;box-sizing:content-box} 
.lab-info-bio .subject{margin:10px 0 0 20px;color:#ef151e;font-weight:500;font-size:22px} 
.lab-info-bio .description{margin:10px 0 0 20px} 
.lab-info-bio .description p{margin:0;line-height:1.6} 
.lab-info-bio .js-inview .table .cell .module:after,.lab-info-bio .js-inview .table .cell .module:before,.lab-info-bio .js-inview .table .cell:after,.lab-info-bio .js-inview .table .cell:before{opacity:0;-webkit-transition:all 0.6s cubic-bezier(0, 0, 1, 1) 0.5s;-o-transition:all 0.6s cubic-bezier(0, 0, 1, 1) 0.5s;transition:all 0.6s cubic-bezier(0, 0, 1, 1) 0.5s} 
.lab-info-bio .js-inview .table .cell:before{right:100%} 
.lab-info-bio .js-inview .table .cell:after{bottom:100%} 
.lab-info-bio .js-inview .table .cell .module:before{left:100%} 
.lab-info-bio .js-inview .table .cell .module:after{top:100%} 
.lab-info-bio .js-inview.is-inviewed .table .cell .module:after,.lab-info-bio .js-inview.is-inviewed .table .cell .module:before,.lab-info-bio .js-inview.is-inviewed .table .cell:after,.lab-info-bio .js-inview.is-inviewed .table .cell:before{opacity:1} 
.lab-info-bio .js-inview.is-inviewed .table .cell:before{right:22px} 
.lab-info-bio .js-inview.is-inviewed .table .cell:after{bottom:0} 
.lab-info-bio .js-inview.is-inviewed .table .cell .module:before{left:22px} 
.lab-info-bio .js-inview.is-inviewed .table .cell .module:after{top:0} 
.lab-info-food{margin-top:60px} 
.lab-info-food .wrap{padding-top:100px;border-top:1px #dcdcdc solid} 
.lab-info-food .title{margin:0 0 30px 40px;color:#ef151e;font-size:30px} 
.lab-info-food .grid{margin:0 -20px} 
.lab-info-food .grid .module{position:relative;margin:0 20px;min-height:270px} 
.lab-info-food .grid .module .object:before{content:'';display:block;position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;margin:1px;background-color:rgba(0, 0, 0, 0.4)} 
.lab-info-food .object{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;background-size:cover;-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1);-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition:-webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition:transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition:transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition:transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)} 
.lab-info-food p{margin:0;color:#fff;line-height:1.6} 
.lab-info-food .button-go{position:absolute;bottom:20px;left:30px} 
.lab-info-food a{position:relative;display:block;color:#fff;padding:30px;-webkit-box-sizing:content-box;box-sizing:content-box;min-height:210px;overflow:hidden} 
.lab-info-food a:focus .object,.lab-info-food a:hover .object{-webkit-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)} 
.ie .lab-info-food a:focus{outline:1px #000 dotted} 
.evaluation-guide .guide-item{margin:40px auto 0 auto;max-width:1280px} 
.evaluation-guide .guide-item .grid{margin:0 -20px} 
.evaluation-guide .guide-item .grid .module{margin:0 20px;height:235px;border:1px #ccc solid} 
.evaluation-guide .guide-item .upper{background-color:#f6f6f6} 
.evaluation-guide .guide-item .title{margin:0;padding-left:40px;color:#ef151e;height:70px;line-height:70px;font-weight:500;font-size:22px} 
.evaluation-guide .guide-item .downer{position:relative;padding:35px 170px 0 40px} 
.lang-en .evaluation-guide .guide-item .downer{padding-top:15px} 
.evaluation-guide .guide-item .downer p{margin:0;line-height:1.6} 
.evaluation-guide .guide-item .downer .icon{position:absolute;top:25px;right:30px;background-image:url('../img/innovation/icon_evaluation_1.png');width:115px;height:115px;background-size:115px 115px} 
.evaluation-guide .guide-item .downer .icon.activity{background-image:url('../img/innovation/icon_evaluation_2.png')} 
.evaluation-guide .js-inview .icon{-webkit-transform:scale(0, 0);-ms-transform:scale(0, 0);transform:scale(0, 0)} 
.evaluation-guide .js-inview.is-inviewed .icon{-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)} 
.evaluation-recruit{margin-top:40px} 
.evaluation-recruit a{position:relative;overflow:hidden;display:block;border-top:3px #ef151e solid;background-image:url('../img/innovation/evaluation_guide_bg.jpg')} 
.evaluation-recruit .object{height:170px;background-image:url('../img/innovation/evaluation_guide_obj.png');background-position:right center} 
.evaluation-recruit p{position:absolute;top:85px;left:90px;margin:0;color:#333} 
.evaluation-recruit .title{top:40px;font-size:24px} 
.evaluation-recruit .title:after,.evaluation-recruit .title:before{content:'';position:absolute;top:-10px;left:8px;width:6px;height:6px;border-radius:100%;background-color:#ef151e} 
.evaluation-recruit .title:after{left:30px} 
.evaluation-recruit .button-go{position:absolute;top:70px;right:60px;border:0;background-color:rgba(255, 255, 255, 0.8)} 
.evaluation-recruit .js-inview .object{-webkit-transform:translate(-15px, 0);-ms-transform:translate(-15px, 0);transform:translate(-15px, 0)} 
.evaluation-recruit .js-inview .title:after,.evaluation-recruit .js-inview .title:before{opacity:0;-webkit-transform:translate(0, 15px);-ms-transform:translate(0, 15px);transform:translate(0, 15px);-webkit-transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;-o-transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s} 
.evaluation-recruit .js-inview .title:after{-webkit-transition-delay:0.75s;-o-transition-delay:0.75s;transition-delay:0.75s} 
.evaluation-recruit .js-inview.is-inviewed .object{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.evaluation-recruit .js-inview.is-inviewed .title:after,.evaluation-recruit .js-inview.is-inviewed .title:before{opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.page-kfoodlife .wrap.is-xxlarg{max-width:1600px} 
.page-kfoodlife .button-page-more .span-button,.page-kfoodlife .button-page-more a,.page-search .button-page-more .span-button,.page-search .button-page-more a{font-size:14px;color:#fff;padding-bottom:2px;border-bottom:1px solid #fff} 
.page-kfoodlife .button.button-page-view,.page-search .button.button-page-view{padding:0 12px 0 0} 
.page-kfoodlife .button-page-view,.page-search .button-page-view{display:inline-block;position:relative;overflow:hidden;background-color:#fff;border:1px solid #a3a3a3} 
.page-kfoodlife .button-page-view:before,.page-search .button-page-view:before{display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);transform:translate(-100%, 0);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;background-color:#a3a3a3} 
.page-kfoodlife .button-page-view i,.page-search .button-page-view i{position:relative;z-index:2;float:right;display:inline-block;width:15px;height:38px;line-height:38px;background-image:url('../img/kfoodlife/button_page_view.png');background-repeat:no-repeat;background-size:15px 11px;-webkit-transition:background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.page-kfoodlife .button-page-view span,.page-search .button-page-view span{position:relative;z-index:2;color:#888} 
.page-kfoodlife .button-page-view:hover:before,.page-search .button-page-view:hover:before{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.page-kfoodlife .button-page-view:hover i,.page-search .button-page-view:hover i{background-image:url('../img/kfoodlife/button_page_view_over.png')} 
.page-kfoodlife .button-page-view:hover span,.page-search .button-page-view:hover span{color:#fff} 
.page-kfoodlife .list-button,.page-search .list-button{width:200px;margin:40px auto 0;border:2px solid #ef151e} 
.page-kfoodlife .list-button a,.page-search .list-button a{display:block;padding:18px 15px} 
.page-kfoodlife .list-button .col.col-icon,.page-search .list-button .col.col-icon{float:left;width:50px;height:40px;background-image:url('../img/kfoodlife/button_list_more.png');background-size:17px 16px} 
.page-kfoodlife .list-button .col.col-page,.page-search .list-button .col.col-page{float:right;text-align:left;padding-left:15px;border-left:1px solid #ccc} 
.page-kfoodlife .list-button .col.col-page p,.page-search .list-button .col.col-page p{font-size:14px;color:#ef151e;line-height:20px;margin:0;font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif} 
.page-kfoodlife .action.feed-veiw,.page-search .action.feed-veiw{margin:40px 0} 
.page-kfoodlife .action.feed-veiw .button-page-view,.page-search .action.feed-veiw .button-page-view{border:2px solid transparent;border-bottom:2px solid #ef151e;background-color:transparent} 
.page-kfoodlife .action.feed-veiw .button-page-view:before,.page-search .action.feed-veiw .button-page-view:before{background-color:#ef151e} 
.page-kfoodlife .action.feed-veiw .button-page-view:hover,.page-search .action.feed-veiw .button-page-view:hover{border:2px solid #ef151e} 
.page-kfoodlife .action.feed-veiw .button-page-view:hover i,.page-search .action.feed-veiw .button-page-view:hover i{background-image:url('../img/kfoodlife/button_page_view_over.png')} 
.page-kfoodlife .action.page-view,.page-search .action.page-view{margin-top:40px} 
.page-kfoodlife .anchor-focus:hover .button-page-view:before,.page-search .anchor-focus:hover .button-page-view:before{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.page-kfoodlife .anchor-focus:hover .button-page-view i,.page-search .anchor-focus:hover .button-page-view i{background-image:url('../img/kfoodlife/button_page_view_over.png')} 
.page-kfoodlife .anchor-focus:hover .button-page-view span,.page-search .anchor-focus:hover .button-page-view span{color:#fff} 
.page-kfoodlife .bbs-view-action,.page-search .bbs-view-action{text-align:center} 
.page-kfoodlife-story .slider-kfoodlife,.page-kfoodlife-trend .slider-kfoodlife{border-bottom:0} 
.page-kfoodlife-event .bbs-view .bbs-view-body .inner,.page-kfoodlife-newproduct .bbs-view .bbs-view-body .inner{margin:0;padding:0} 
.page-kfoodlife-event .kfoodlife-list-a{padding:80px 0 30px 0} 
.page-kfoodlife-event .kfoodlife-list-a .item .pic{overflow:hidden} 
.page-kfoodlife-event .kfoodlife-list-a .item .pic img{width:100%} 
.page-kfoodlife-event .kfoodlife-list-a .action .button-page-view{height:38px;line-height:38px;text-align:left;padding-left:15px;margin-top:0} 
.page-kfoodlife-event .bbs-view-body .button-page-view span{margin:0 10px} 
.page-kfoodlife-event .event-tip{margin:100px 0;padding-top:45px;background-image:url('../img/kfoodlife/event_kitchen_tip_dot.png');background-repeat:repeat-x;background-position:left top} 
.page-kfoodlife-event .event-tip .grid{position:relative} 
.page-kfoodlife-event .event-tip .tip-text{width:65%;height:63px;font-size:24px;color:#555;line-height:63px;text-align:left;font-weight:300;padding-left:48px;background-image:url('../img/kfoodlife/event_kitchen_tip_icon.png');background-size:32px 32px;background-position:0 16px} 
.page-kfoodlife-event .event-tip .tip-text .tip-sns{color:#000;padding-bottom:2px;border-bottom:1px solid #000} 
.page-kfoodlife-event .event-tip .tip-sns-icon{position:absolute;right:0;height:63px} 
.page-kfoodlife-event .event-tip .tip-sns-icon a{display:inline-block;margin-left:12px} 
.page-kfoodlife-event .action.event-button{text-align:center} 
.page-kfoodlife-recipe .title-wrap{position:relative;text-align:center;padding:0 0 40px 0} 
.page-kfoodlife-recipe .title-wrap .title.info-feed-title{margin:0} 
.page-kfoodlife-recipe .title-wrap .bucket-view{position:absolute;top:8px;right:0;height:auto;font-size:16px;color:#ef151e;line-height:1;padding-right:18px;background-color:transparent;border:0} 
.page-kfoodlife-recipe .title-wrap .bucket-view span{color:#ef151e} 
.page-kfoodlife-recipe .title-wrap .bucket-view .icon{background-image:url('../img/common/ico_link.png');vertical-align:sub} 
.page-kfoodlife-recipe .recipe{position:relative;width:1000px;min-width:1000px;margin:0 auto;padding:80px 0} 
.page-kfoodlife-recipe .recipe.recipe-visual{padding:30px 0 0 0} 
.page-kfoodlife-recipe .recipe.recipe-visual:before{content:none} 
.page-kfoodlife-recipe .recipe fieldset{border:0;display:inline-block} 
.page-kfoodlife-recipe .recipe .searchs{border:0;background:none} 
.page-kfoodlife-recipe .recipe .searchs.recipe-search{max-width:100%;text-align:left;margin-top:0} 
.page-kfoodlife-recipe .recipe .searchs.recipe-search .recipe-select{display:inline-block;width:200px;margin-left:10px;overflow:hidden} 
.page-kfoodlife-recipe .recipe .searchs.recipe-search .recipe-select:first-of-type{margin-left:0} 
.page-kfoodlife-recipe .recipe .searchs.recipe-search .recipe-select.nth-child-1{margin-left:0} 
.page-kfoodlife-recipe .recipe .searchs.recipe-search .recipe-select .select{width:100%;height:50px;line-height:50px;background-color:#fafafa;border:1px solid #e6e6e6;-webkit-box-sizing:border-box;box-sizing:border-box} 
.page-kfoodlife-recipe .recipe .searchs.recipe-search .recipe-input{position:relative;display:inline-block;width:350px;margin-left:10px;overflow:hidden} 
.page-kfoodlife-recipe .recipe .searchs.recipe-search .recipe-input .text{width:100%;height:50px;font-size:18px;line-height:50px;font-weight:200;text-indent:0;padding:0 50px 0 20px;background-color:#fafafa;border:1px solid #e6e6e6;-webkit-box-sizing:border-box;box-sizing:border-box} 
.page-kfoodlife-recipe .recipe .searchs.recipe-search .recipe-input input.text{width:302px;max-width:100%;padding-right:20px} 
.page-kfoodlife-recipe .recipe .searchs.recipe-search .recipe-input .button-search{position:absolute;margin-top:-1px;margin-right:-1px;top:0;right:0;display:block;width:50px;height:50px;background-color:#ef151e} 
.page-kfoodlife-recipe .recipe .searchs.recipe-search .recipe-input .button-search .icon{background-image:url('../img/common/button_search.png');width:50px;height:50px;background-size:50px 50px} 
.page-kfoodlife-recipe .bucket-recipe{padding:80px 0 0 0;background-color:#fafafa} 
.page-kfoodlife-recipe .bucket-recipe .sns-channel{position:absolute;top:5px;right:0;padding-top:0} 
.page-kfoodlife-recipe .bucket-recipe .slider-kfoodlife{border-bottom:0} 
.page-kfoodlife-recipe .bucket-recipe .slider-kfoodlife .swiper-container{height:217px} 
.page-kfoodlife-recipe .bucket-recipe .movie-grid{margin-left:-10px;margin-right:-10px} 
.page-kfoodlife-recipe .bucket-recipe .movie-grid .module{margin:0 10px} 
.page-kfoodlife-recipe .bucket-recipe .movie .movie-play{position:relative;display:block;height:217px} 
.page-kfoodlife-recipe .bucket-recipe .movie .movie-play img{width:100%;height:217px;-o-object-fit:cover;object-fit:cover} 
.page-kfoodlife-recipe .bucket-recipe .movie .movie-play .dim .play img{height:auto} 
.kfoodlife-title{position:relative;z-index:2} 
.kfoodlife-title.title-full{padding-bottom:30px} 
.sns-channel{padding-top:20px} 
.sns-channel a{display:inline-block;margin-left:10px} 
.sns-channel a .icon{width:33px;height:32px} 
.sns-channel a.first{margin-left:0} 
.sns-channel a.instagram .icon{background-image:url('../img/kfoodlife/sns_channel_01.png')} 
.sns-channel a.facebook .icon{background-image:url('../img/kfoodlife/sns_channel_02.png')} 
.sns-channel a.youtube .icon{background-image:url('../img/kfoodlife/sns_channel_03.png')} 
.page-kfoodlife-kitchen .contact-us,.page-kfoodlife-kitchen .cooking-class{padding:70px 0 80px 0;margin-bottom:80px;background-color:#f6f6f6} 
.page-kfoodlife-kitchen .contact-us .wrap.kitchen-cont,.page-kfoodlife-kitchen .cooking-class .wrap.kitchen-cont{padding:0} 
.page-kfoodlife-kitchen .contact-us{background-color:#fff} 
.page-kfoodlife-kitchen .contact-us .kitchen-adress{text-align:left;padding-left:30px} 
.page-kfoodlife-kitchen .contact-us .kitchen-adress .title{display:inline-block;font-size:24px;color:#222;font-weight:500;margin:0 20px 0 0} 
.page-kfoodlife-kitchen .contact-us .kitchen-adress .adress-text{display:inline-block;font-size:18px;color:#666;margin:0} 
.page-kfoodlife-kitchen .kitchen-links{padding:80px 0;background-color:#f6f6f6} 
.page-kfoodlife-kitchen .kitchen-links .wrap.kitchen-cont{padding:0} 
.page-kfoodlife-olivemarket .olive.kitchen-cont{padding-bottom:0;border-bottom:1px solid #dcdcdc} 
.page-kfoodlife-olivemarket .contact-us{padding:70px 0 80px 0;background-color:#fff} 
.page-kfoodlife-olivemarket .contact-us .wrap.kitchen-cont{padding:0} 
.page-kfoodlife-olivemarket .contact-us .wrap.map-space{padding-top:50px} 
.page-kfoodlife-olivemarket .contact-us .wrap .col-map{min-height:390px} 
.kitchen-cont{text-align:center;padding:20px 70px 80px 70px} 
.kitchen-cont .kitchen-title .title{font-size:30px;color:#ef151e;font-weight:400;line-height:1.2;margin:0 0 30px 0} 
.kitchen-cont .kitchen-title .title .sub-title{display:inline-block;font-size:18px;color:#222;padding-bottom:3px;border-bottom:2px solid #222} 
.kitchen-cont .cont-text{font-size:16px;color:#666;line-height:30px;text-align:left;padding:0 50px;word-break:break-word} 
.kitchen-cont .cont-text .text-child-1{display:inline-block;font-size:20px;color:#222;font-weight:500;margin-right:5px} 
.kitchen-cont .cont-img{text-align:center;margin-top:35px} 
.kitchen-cont .kitchen-story .title{font-size:24px;color:#222;margin:35px 0 0 0} 
.kitchen-cont .kitchen-story .action{margin-top:15px} 
.kitchen-cont .kitchen-story .action .button.xlarge{width:220px;height:40px;line-height:40px;text-align:left;padding-left:20px} 
.kitchen-cont .kitchen-story .action .button.xlarge:first-of-type{margin-right:20px} 
.kitchen-cont .list-a{width:1024px;margin:0 auto} 
.kitchen-cont .list-a .col-nth-1{padding-right:10px} 
.kitchen-cont .list-a .col-nth-2{padding:0 0 14px 4px} 
.kitchen-cont .list-a .col-nth-3{padding-left:4px} 
.kitchen-cont .list-a .action{padding-top:50px} 
.kitchen-cont .list-b{padding-top:30px;margin:0 -7px 0 -4px} 
@media (max-width:1024px){.kitchen-cont .list-b.grid{margin:0} 
@media (max-width:1600px){.kitchen-cont .list-b.grid{margin:0} 
.kitchen-cont .list-b.grid .col{margin:0} 
.lang-cn .kitchen-cont .list-b.grid,.lang-en .kitchen-cont .list-b.grid{width:1200px;margin:0 auto} 
.kitchen-cont .list-b .col{position:relative;max-width:385px;margin:0 7px;background-color:#fff} 
.kitchen-cont .list-b .text-box{height:180px;padding-top:30px} 
.lang-en .kitchen-cont .list-b .text-box{padding:11% 8%} 
@media (max-width:1024px){.lang-en .kitchen-cont .list-b .text-box{padding:5% 5%} 
@media (max-width:1024px){.kitchen-cont .list-b .text-box{padding:10% 5% 0} 
.kitchen-cont .list-b .title{position:relative;font-size:24px;color:#333;padding-bottom:25px;margin:0} 
.kitchen-cont .list-b .title:before{display:inline-block;content:'';width:30px;height:4px;background-color:#ef151e;position:absolute;bottom:0;left:50%;margin-left:-15px} 
.kitchen-cont .list-b .text{font-size:16px;color:#666;line-height:28px} 
.kitchen-cont .list-c{padding-top:30px} 
.kitchen-cont .list-c .col-map{width:50%;min-height:350px} 
.kitchen-cont .list-c .col-transport{width:50%} 
.kitchen-cont .list-c .col-transport .title{font-size:20px;color:#333;text-align:left;margin:0 0 10px 40px} 
.kitchen-cont .list-c .col-transport .transport-title-text{font-size:16px;color:#666;text-align:left;padding-left:40px;margin:0 0 35px 0} 
.kitchen-cont .list-c .col-transport .transport{text-align:left;padding:6px 0;margin-left:40px;border-top:1px solid #000;border-bottom:1px solid #dcdcdc} 
.kitchen-cont .list-c .col-transport .transport dl{margin:0} 
.kitchen-cont .list-c .col-transport .transport dl.first dd,.kitchen-cont .list-c .col-transport .transport dl.first dt{border-top:0} 
.kitchen-cont .list-c .col-transport .transport dl dt{float:left;width:100px;font-size:14px;color:#000;font-weight:500;padding:11px 0 11px 10px;border-top:1px solid #e3e3e3} 
.kitchen-cont .list-c .col-transport .transport dl dd{font-size:14px;color:#000;padding:11px 0 11px 10px;margin-left:110px;border-top:1px solid #e3e3e3} 
.kitchen-cont .list-c .col-transport .transport dl .road-name{display:inline-block;width:139px;margin-right:8px;border-right:1px solid #dddedd} 
.lang-en .kitchen-cont .list-c .col-transport .transport dl .road-name{width:169px} 
@media (max-width:1024px){.kitchen-cont .list-c .col-transport .transport dl .road-name{display:block;margin-bottom:7px;border-right:0} 
.kitchen-cont .list-c .col-transport .transport dl .road-bus{display:inline-block;font-size:14px;color:#000;margin-right:12px} 
.lang-cn .kitchen-cont .list-c .col-transport .transport dl .road-bus,.lang-en .kitchen-cont .list-c .col-transport .transport dl .road-bus{margin-right:0} 
.kitchen-cont .list-c .col-transport .transport dl .road-bus .bus-1{display:inline-block;color:#fff;padding:1px 5px;margin-right:5px;background-color:#36a2e0;border-radius:2px} 
.kitchen-cont .list-c .col-transport .transport dl .road-bus .bus-2{display:inline-block;color:#fff;padding:2px 6px;margin-right:5px;background-color:#f7d746;border-radius:2px} 
.lang-en .kitchen-cont .list-c .col-transport .transport dl .road-bus.num-2{margin-left:12px} 
.kitchen-cont .list-c .col-transport .transport dl .parking{font-size:14px;color:#000;margin:10px 0 0 0} 
.kitchen-cont .list-c .col-transport .transport dl .parking .icon{min-width:16px;min-height:16px;background-image:url('../img/kfoodlife/icon_care.png')} 
.kitchen-cont .list-c .col-transport .transport dl .tel{padding-right:10px;margin-right:10px} 
@media (max-width:1024px){.kitchen-cont .list-c .col-transport .transport dl .tel{display:block;margin-bottom:7px;border-right:0} 
.kitchen-cont .list-c .col-transport .transport-b{text-align:left;padding:25px;margin-left:40px;border:1px solid #ececec} 
@media (max-width:1024px){.lang-cn .kitchen-cont .list-c .col-transport .transport-b{padding:25px 10px 25px 25px} 
.kitchen-cont .list-c .col-transport .transport-b dl{margin:0 0 20px 0} 
.kitchen-cont .list-c .col-transport .transport-b dl:after{content:'';display:block;clear:both} 
.kitchen-cont .list-c .col-transport .transport-b dl dt{position:relative;float:left;width:130px;font-size:16px;color:#ef151e;padding-left:10px} 
.lang-cn .kitchen-cont .list-c .col-transport .transport-b dl dt{width:160px} 
.kitchen-cont .list-c .col-transport .transport-b dl dt:before{content:'';display:inline-block;position:absolute;top:9px;left:0;width:4px;height:4px;background-color:#de2037;border-radius:2px} 
.kitchen-cont .list-c .col-transport .transport-b dl dd{font-size:16px;color:#333;margin-left:160px} 
.kitchen-cont .list-c .col-transport .transport-b .transport-group{min-height:191px;border-bottom:1px solid #ececec} 
.kitchen-cont .list-c .col-transport .transport-b .transport-text{font-size:16px;color:#666;text-align:left;padding-top:25px} 
.kitchen-cont .list-d{margin-left:-1px;margin-right:-1px} 
.kitchen-cont .list-d .col{position:relative} 
.kitchen-cont .list-d .link{display:block;position:absolute;top:0;left:0;width:100%;height:100%;text-align:left;background-color:transparent} 
.kitchen-cont .list-d .desc .title{position:relative;font-size:36px;color:#fff;font-weight:500;margin:120px 0 25px 40px} 
.kitchen-cont .list-d .desc .title:after{content:'';position:absolute;top:50%;left:50%;width:31px;height:22px;margin-top:-11px;background-image:url('../img//kfoodlife/kitchen_link_icon.png');background-size:31px 22px} 
.kitchen-cont .list-d .desc .text{font-size:18px;color:#fff;margin:0 0 0 40px} 
.slider-kfoodlife{position:relative;padding-bottom:40px;border-bottom:1px solid #dcdcdc} 
.slider-kfoodlife .swiper-slide a img{-webkit-box-sizing:border-box;box-sizing:border-box} 
.slider-kfoodlife .swiper-control{margin:20px 0} 
.slider-kfoodlife .description{position:relative;z-index:2;width:880px;min-height:150px;padding:10px 40px;margin:-110px auto 0;background-color:#fff;border-top:4px solid #ef151e} 
.slider-kfoodlife .description p{font-size:18px;color:#333;text-align:center;padding:0 70px} 
.slider-kfoodlife .description strong{display:block;font-size:24px;color:#222;margin-top:25px} 
.slider-kfoodlife.kitchen{border-bottom:0} 
.slider-kfoodlife.kitchen .swiper-container{min-height:604px;background-image:url('../img/kfoodlife/kitchen_introduce_11.jpg');background-position:center top} 
.slider-kfoodlife.kitchen .description{width:1120px;text-align:center;padding:20px 40px 30px;border-bottom:1px solid #dcdcdc} 
@media (max-width:1024px){.slider-kfoodlife.kitchen .description{width:960px} 
.slider-kfoodlife.kitchen .description p{text-align:center} 
.slider-kfoodlife.kitchen .description p .emphasis{display:block;padding-top:8px;font-size:30px;line-height:1.2} 
.slider-kfoodlife.olivemarket{border-bottom:0} 
.slider-kfoodlife.olivemarket .swiper-container{min-height:604px;background-image:url('../img/kfoodlife/olivemarket_01.jpg');background-position:center top} 
.slider-kfoodlife.olivemarket .description{width:1200px;text-align:center;padding:20px 40px 30px;border-bottom:1px solid #dcdcdc} 
@media (max-width:1024px){.slider-kfoodlife.olivemarket .description{width:960px} 
.slider-kfoodlife.olivemarket .description p{text-align:center} 
.kfoodlife-holder{position:absolute;z-index:2;top:160px;left:50%;width:960px;text-align:center;margin-left:-480px} 
.kfoodlife-holder .inner{position:relative} 
.kfoodlife-holder .inner .a-block{display:block} 
.kfoodlife-holder .inner .title{font-size:30px;color:#fff;margin:30px 0 20px 0} 
.kfoodlife-holder .inner .button{margin-bottom:25px} 
.kfoodlife-holder .inner .button a{font-size:14px;color:#fff;padding-bottom:5px;border-bottom:1px solid #fff} 
.kfoodlife-holder .inner .button-page-more{margin-bottom:25px} 
.kfoodlife-holder .inner .lines{margin:0 auto} 
.kfoodlife-holder .inner .line-top{width:400px;height:1px;background-color:#fff} 
.kfoodlife-holder .inner .line-bottom{width:400px;height:2px;background-color:#fff} 
.kfoodlife-holder .inner .holder-sub{margin-bottom:20px} 
.kfoodlife-holder .inner .holder-sub .sub-title{display:inline-block;height:32px;font-size:16px;color:#fff;line-height:30px;padding:0 20px;background-color:#ef151e} 
.kfoodlife-list-a{padding:80px 0 100px 0;background-color:#f4f4f4} 
.kfoodlife-list-a .list{margin-left:-10px;margin-right:-10px} 
.kfoodlife-list-a .list .pic{overflow:hidden} 
.kfoodlife-list-a .list .pic img{width:100%;-o-object-fit:cover;object-fit:cover} 
.kfoodlife-list-a .list a{display:block} 
.kfoodlife-list-a .list.column-nth2{margin-left:-10px;margin-right:-10px} 
.kfoodlife-list-a .list.column-nth2 .item .module{margin:30px 10px 0} 
.kfoodlife-list-a .list.column-nth2 .item .module.is-margin-none{margin-top:0} 
.kfoodlife-list-a .list.column-nth2 .item .desc .pic{height:295px;overflow:hidden} 
.kfoodlife-list-a .list.column-nth2 .item .desc .pic img{width:100%;height:295px;-o-object-fit:cover;object-fit:cover} 
.kfoodlife-list-a .list.column-nth2 .item .desc .category{height:80px;max-height:80px;font-size:24px;color:#333;line-height:40px;overflow:hidden} 
.kfoodlife-list-a .item .module{text-align:center;margin:0 15px 30px;background-color:#fff} 
.kfoodlife-list-a .item .pic{position:relative;overflow:hidden} 
.kfoodlife-list-a .item .desc{padding:35px 0 40px 0} 
.kfoodlife-list-a .item .desc p{margin:0} 
.kfoodlife-list-a .item .desc .category{height:80px;overflow:hidden;font-size:30px;color:#333;line-height:40px;padding:0 10px} 
.kfoodlife-list-a .item .desc .name{font-size:30px;color:#333;line-height:40px} 
.kfoodlife-list-a .item .desc .date{font-size:18px;color:#ef151e;margin-bottom:15px} 
.kfoodlife-list-a .item .desc .desc-text{width:90%;height:55px;font-size:16px;color:#999;line-height:28px;margin:5px auto 0;overflow:hidden;word-break:keep-all;word-wrap:break-word;white-space:nowrap} 
.kfoodlife-list-a .item .desc .event-text p,.kfoodlife-list-a .item .desc .event-text span{display:inline-block;text-align:left} 
.kfoodlife-list-a .item .desc .event-text .event-entry{font-size:16px;color:#ef151e} 
.kfoodlife-list-a .item .desc .event-text .event-entry-date{font-size:16px;color:#222;margin:0 8px} 
@media (max-width:1024px){.kfoodlife-list-a .item .desc .event-text{padding-left:40px} 
.kfoodlife-list-a .item .desc .event-text p{display:block} 
.kfoodlife-list-b{padding:80px 0;background-color:#f4f4f4} 
.kfoodlife-list-b .list{margin-left:-8px;margin-right:-9px} 
.kfoodlife-list-b .item a{display:block} 
.kfoodlife-list-b .item .module{height:500px;text-align:left;margin:0 9px 18px 8px;background-color:#fff} 
.kfoodlife-list-b .item .module a:hover .desc-text{text-decoration:underline} 
.kfoodlife-list-b .item .pic{height:287px;overflow:hidden} 
.kfoodlife-list-b .item .pic img{width:100%;height:287px;-o-object-fit:cover;object-fit:cover} 
.kfoodlife-list-b .item .desc{height:100px;padding:20px 20px 30px 20px} 
.kfoodlife-list-b .item .desc .desc-text{font-size:16px;color:#666;margin:0;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;line-height:30px;max-height:90px} 
.kfoodlife-list-b .item .channel-text{height:44px;font-size:16px;color:#ef151e;padding-left:20px;overflow:hidden} 
.kfoodlife-list-c .list{margin-left:-10px;margin-right:-10px} 
.kfoodlife-list-c .item .module{margin:0 10px 20px;background-color:#fff} 
.kfoodlife-list-c .item .anchor-focus{display:block;clear:both;*zoom:1} 
.kfoodlife-list-c .item .anchor-focus:after,.kfoodlife-list-c .item .anchor-focus:before{content:" ";display:table} 
.kfoodlife-list-c .item .anchor-focus:after{clear:both} 
.kfoodlife-list-c .item .pic{float:left;width:208px} 
.kfoodlife-list-c .item .recipe-kind{float:left;max-width:345px;padding:20px 0 20px 35px} 
.kfoodlife-list-c .item .recipe-kind .recipe-title{position:relative;font-size:22px;color:#333;padding-bottom:15px;font-weight:500;margin:10px 0} 
.kfoodlife-list-c .item .recipe-kind .recipe-title:before{content:'';display:inline-block;position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:#000} 
.kfoodlife-list-c .item .recipe-kind .sub-recipe-title{padding-left:0} 
.kfoodlife-list-c .item .recipe-kind p{height:28px;line-height:28px;margin:10px 0 0 0;padding-left:40px} 
.kfoodlife-list-c .item .recipe-kind .variety-type-a{width:89%;background-image:url('../img/kfoodlife/variety_type_a.png');background-position:0 0} 
.kfoodlife-list-c .item .recipe-kind .variety-type-b{background-image:url('../img/kfoodlife/variety_type_b.png');background-position:0 0} 
.kfoodlife-list-c .item .recipe-kind .variety-type-c{background-image:url('../img/kfoodlife/variety_type_c.png');background-position:0 0} 
@media (max-width:1024px){.kfoodlife-list-c .item .pic{float:none} 
.kfoodlife-list-c .item .recipe-kind{float:none;max-width:490px} 
.kfoodlife-list-d{padding:80px 0 100px 0;background-color:#f4f4f4} 
.kfoodlife-list-d .module{margin-top:20px;background-color:#fff} 
.kfoodlife-list-d .module:first-child{margin-top:0} 
.kfoodlife-list-d .module .pic{height:300px;overflow:hidden} 
.kfoodlife-list-d .module .pic img{width:100%;height:300px;-o-object-fit:cover;object-fit:cover} 
.kfoodlife-list-d .module .anchor-focus{display:block;height:300px} 
.kfoodlife-list-d .module .desc{text-align:center;padding-top:70px} 
.kfoodlife-list-d .module .desc .category{height:100px;font-size:30px;color:#333;line-height:50px;overflow:hidden;font-family:'Montserrat', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif} 
.kfoodlife-list-e{padding:60px 0 100px 0;background-color:#f4f4f4} 
.kfoodlife-list-e .grid{margin-left:-10px;margin-right:-10px} 
.kfoodlife-list-e .module{margin:0 10px;background-color:#fff;margin-top:20px} 
.kfoodlife-list-e .module .pic{height:220px;overflow:hidden} 
.kfoodlife-list-e .module .pic img{width:100%;height:220px;-o-object-fit:cover;object-fit:cover} 
.kfoodlife-list-e .module .anchor-focus{display:block} 
.kfoodlife-list-e .module .desc{text-align:center;padding:30px 0} 
.kfoodlife-list-e .module .desc .category{height:33px;font-size:24px;color:#333;overflow:hidden;margin:0;font-family:'Montserrat', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif} 
.channel-mark{position:absolute;top:10px;left:12px;z-index:2;display:inline-block} 
.channel-mark .icon{width:40px;height:40px} 
.channel-mark.instagram .icon{background-image:url('../img/kfoodlife/sns_channel_04.png')} 
.channel-mark.facebook .icon{background-image:url('../img/kfoodlife/sns_channel_05.png')} 
.channel-mark.youtube .icon{background-image:url('../img/kfoodlife/sns_channel_06.png')} 
.background-module .module{position:relative;overflow:visible} 
.background-module .module:before{content:'';display:block;position:absolute;z-index:2;margin:17px;bottom:0;right:0;width:0;height:0} 
.background-module .module:hover .pic img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)} 
.background-module .module .pic{width:360px;height:360px;overflow:hidden} 
.background-module .module .pic img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.info-feed-center{text-align:center} 
.info-bottom-feed{padding:80px 0;background-color:#fff} 
.title.info-feed-title{position:relative;display:inline-block;font-size:30px;color:#ef151e;font-weight:400;margin:0 0 20px 0} 
.info-feed-text{margin:0;font-size:18px} 
.info-kfoodstory-feed{padding-top:80px} 
.info-kfoodstory-feed .swiper-slide{min-height:470px} 
.info-trend-feed{position:relative;padding-top:80px} 
.info-trend-feed .pic{height:592px;background-image:url('../img/kfoodlife/info_trend_feed_01.jpg')} 
.info-trend-feed .kfoodlife-holder{top:30%} 
.info-kitchen-feed{padding:80px 0 60px 0} 
.info-kitchen-feed .grid{margin-left:-15px;margin-right:-15px} 
.info-kitchen-feed .module{margin:0 15px;padding-bottom:40px;background-color:#f9f9f9} 
.info-kitchen-feed .module .pic{height:328px} 
.info-kitchen-feed a{display:block} 
.info-kitchen-feed .info-kitchen-title{font-size:32px;color:#333;font-weight:400;margin:25px 0 20px 0} 
.info-kitchen-feed .action .button-page-view{height:38px;line-height:38px;text-align:left;padding-left:15px;margin-top:0} 
.info-market-feed{position:relative} 
.info-market-feed .pic{height:592px;background-image:url('../img/kfoodlife/info_market_feed_01.jpg')} 
.info-market-feed .feed-box{position:absolute;top:50%;left:50%;margin-top:-200px;margin-left:-200px;background-color:#ef315d;border-radius:50%} 
.info-market-feed .info-market-title{font-size:30px;color:#fff;margin:0 0 30px 0} 
.info-market-feed .info-market-text{font-size:16px;color:#fff;line-height:28px} 
.info-market-feed .action .button-page-view{border:1px solid #fff;background-color:#ef315d} 
.info-market-feed .action .button-page-view i{background-image:url('../img/kfoodlife/button_page_view_over.png')} 
.info-market-feed .action .button-page-view:before{background-color:#fff} 
.info-market-feed .action .button-page-view:hover i{background-image:url('../img/kfoodlife/button_page_view_02.png')} 
.info-market-feed .anchor-focus{display:block;width:400px;height:290px;padding:110px 0 0 0} 
.lang-en .info-market-feed .anchor-focus{width:360px;height:310px;padding:90px 20px 0 20px} 
.info-market-feed .anchor-focus:hover .market-button i{background-image:url('../img/kfoodlife/button_page_view_02.png')} 
.info-sns-feed{padding:90px 0 30px 0} 
.info-sns-feed .info-sns-list{margin-top:40px;margin-left:-15px;margin-right:-15px} 
.info-sns-feed .info-sns-list .list .module{margin:0 15px 30px 15px} 
.info-sns-feed .info-sns-list .list .module a{display:block} 
.info-sns-feed .info-sns-list .list .module .pic{height:360px;overflow:hidden} 
.info-sns-feed .info-sns-list .list .module .pic img{width:100%;height:360px;-o-object-fit:cover;object-fit:cover} 
.info-event-feed{padding:50px 0;background-color:#f6f6f6} 
.info-event-feed .info-event-list{margin-left:-10px;margin-right:-10px} 
.info-event-feed .info-event-list .list .module{margin:0 10px 30px 10px;background-color:#fff} 
.info-event-feed .info-event-list .list .module .category{height:40px;font-size:24px;line-height:34px;margin-bottom:25px} 
.info-event-feed .info-event-list .list .module .pic{} 
.info-event-feed .info-event-list .list .module .pic img{width:100%} 
.info-event-feed .info-event-list .list a{display:block} 
.info-event-feed .info-event-list .action{margin-top:30px} 
.info-event-feed .info-event-list .action .button-page-view{height:38px;line-height:38px;text-align:left;padding-left:15px;margin-top:0} 
.info-product-feed{height:340px;background-color:#f6f6f6} 
.info-product-feed .info-feed-title.title{padding-top:15%;margin:0 0 17px 0} 
.info-product-feed .pic img{width:100%;height:340px;-o-object-fit:cover;object-fit:cover} 
.info-product-feed .action.feed-veiw{margin:20px 0} 
.search-word-tag{text-align:left;margin-top:15px} 
.search-word-tag .word{display:inline-block;height:24px;font-size:14px;color:#666;line-height:24px;padding:0 12px;margin:0 4px 8px 0;background-color:#fff;border:1px solid #666;border-radius:12px;font-family:'Montserrat', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif} 
.recipe-list{padding:80px 0 30px 0;background-color:#f4f4f4} 
.recipe-list .search-result{margin-top:0} 
.recipe-list.result-none{padding:0} 
.recipe-list.result-none .search-result-cont{padding-bottom:80px;background-color:#fff} 
.recipe-list.result-none .search-result-cont .search-result-title{text-align:center;padding:100px 0 50px 0} 
.recipe-list.result-none .search-result-cont .search-result-title .title{font-size:30px;color:#333;font-weight:400;margin:0} 
.recipe-view{position:relative;background-color:#f3f3f3;overflow:visible} 
.recipe-view-visual{position:relative;height:660px;z-index:1} 
.recipe-view-visual .view-img{position:absolute;top:-33px;left:100px;width:560px} 
.recipe-view-visual .view-img img{width:100%;height:727px;-o-object-fit:cover;object-fit:cover} 
.recipe-view-visual .youtube{position:absolute;top:50px;left:70px;width:680px} 
.recipe-view-visual .youtube .youtube{position:static;width:100%} 
.recipe-view-visual .youtube .youtube-text .overflow{height:168px;max-height:168px} 
.recipe-view-visual .recipe-provide{position:absolute;top:8px;right:5px} 
.recipe-view-visual .recipe-provide .info{display:inline-block;font-size:16px;color:#333;line-height:26px;margin:0} 
.recipe-view-visual .recipe-provide .info img{vertical-align:sub;margin-left:5px} 
.recipe-caption{position:absolute;top:50px;right:5px;width:390px;padding:30px 20px;background-color:#fff} 
.recipe-caption .caption-title-sub{font-size:18px;color:#666;margin:0 0 5px 0;padding:0 10px} 
.recipe-caption .caption-title{max-height:80px;font-size:30px;color:#ef151e;line-height:40px;margin:0 0 5px 0;padding:0 10px;overflow:hidden} 
.recipe-caption .caption-box,.recipe-caption .caption-box p{font-size:16px;color:#666;line-height:28px;word-break:break-all} 
.recipe-caption .caption-box{height:200px;padding:0 10px;overflow:hidden} 
.recipe-caption .caption-box p{margin:0} 
.recipe-caption .caption-type{width:100%;margin-top:20px;border-top:1px solid #e6e6e6} 
.recipe-caption .caption-type .type-list{padding:30px 0 0 0} 
.recipe-caption .caption-type .type-list li{display:inline-block;float:left;width:33.3%;text-align:center;padding-top:70px} 
.recipe-caption .caption-type .type-list li p{font-size:16px;color:#666;margin:0 0 3px 0} 
.recipe-caption .caption-type .type-list li strong{display:block;font-size:16px;color:#222;font-weight:500} 
.recipe-caption .caption-type .type-list li.nth-1{background-image:url('../img/kfoodlife/recipe_caption_01.png');background-position:center top} 
.recipe-caption .caption-type .type-list li.nth-2{background-image:url('../img/kfoodlife/recipe_caption_02.png');background-position:center top} 
.recipe-caption .caption-type .type-list li.nth-3{background-image:url('../img/kfoodlife/recipe_caption_03.png');background-position:center top} 
.recipe-make{padding:0;min-width:1100px} 
.recipe-make .wrap{text-align:center;max-width:100%} 
.recipe-make .recipe-sticky{position:relative;height:100px;background-color:#ff0000} 
.recipe-make .recipe-sticky .js-sticky-inner{position:absolute} 
.recipe-order{margin:0 auto;width:1100px;max-width:1100px;padding:0;text-align:left} 
.recipe-order .holder{float:left;padding:105px 0 45px 0;width:710px;width:65%;border-right:1px solid #d9d9d9;min-height:800px} 
.recipe-order .order-title{position:relative;font-size:36px;color:#222;padding-bottom:25px;margin:0} 
.recipe-order .order-title:before{content:'';display:inline-block;position:absolute;bottom:0;left:0;width:30px;height:4px;background-color:#ef151e} 
.recipe-order .order-list li{position:relative;padding:55px 0;border-bottom:1px solid #ececec} 
.recipe-order .order-list li:after{content:'';display:inline-block;position:absolute;bottom:-15px;left:50%;width:29px;height:29px;margin-left:-52px;background-image:url('../img/kfoodlife/order_list_icon.png')} 
.recipe-order .order-list li:last-child{border-bottom:0} 
.recipe-order .order-list li:last-child:after{content:none} 
.recipe-order .order-list li .pic{max-width:640px} 
.recipe-order .order-list li .text{position:relative;font-size:16px;color:#666;line-height:30px;padding:30px 50px 0 50px;margin:0;font-family:'Montserrat', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif} 
.recipe-order .order-list li .text span{display:inline-block;position:absolute;top:33px;left:15px;font-size:30px;color:#222;font-weight:400} 
.ingredients-toggle{width:372px;border-top:1px solid #222;border-bottom:1px solid #d8d8d8;font-family:'Montserrat', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif} 
.ingredients-toggle .collapse-item{margin:0} 
.ingredients-toggle .collapse-item.in dd{display:block} 
.ingredients-toggle .collapse-item.in .js-toggle-collapse .icon{background-image:url('../img/common/collapse_on.png')} 
.ingredients-toggle .collapse-item.first dt{border-top:0} 
.ingredients-toggle .collapse-item.first dd{padding:0 40px 30px} 
.ingredients-toggle dt{height:80px;line-height:80px;padding:0 20px;border-top:1px solid #ececec} 
.ingredients-toggle dd{display:none;padding:40px;margin:0;background-color:#f4f4f4;border-top:1px solid #ececec} 
.ingredients-toggle dd strong{display:block;font-size:16px;color:#222;margin-top:40px} 
.ingredients-toggle dd p{font-size:14px;color:#666;line-height:26px;margin:8px 0 0 0} 
.ingredients-toggle .title{display:inline-block;font-size:24px;color:#ef151e;font-weight:400;margin:0 10px 0 0} 
.ingredients-toggle .sub-title{font-size:16px;color:#666} 
.ingredients-toggle .js-toggle-collapse{position:relative;display:block} 
.ingredients-toggle .js-toggle-collapse .icon{background-image:url('../img/common/collapse_off.png');width:30px;height:30px;background-size:30px 30px;position:absolute;top:50%;right:0;margin-right:0;margin-top:-15px} 
.ingredients-slider{position:relative} 
.ingredients-slider .module{margin:0 10px} 
.ingredients-slider .item{max-width:146px} 
.ingredients-slider .anchor-focus{display:block;text-align:center} 
.ingredients-slider .pic{display:inline-block;width:120px;height:120px;text-align:center;margin-bottom:15px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden} 
.ingredients-slider .slide-title{height:52px;overflow:hidden;font-size:14px;color:#666;line-height:26px;text-align:left;margin:0;padding-left:10px} 
.ingredients-slider .js-slider .swiper-navigation{width:36px;height:36px;top:45px;margin:0} 
.ingredients-slider .js-slider .swiper-navigation .icon{background-color:transparent!important} 
.ingredients-slider .js-slider .swiper-navigation .icon:after,.ingredients-slider .js-slider .swiper-navigation .icon:before{display:none} 
.ingredients-slider .js-slider .swiper-navigation.swiper-button-prev{left:-4px} 
.ingredients-slider .js-slider .swiper-navigation.swiper-button-prev .icon{background-image:url('../img/kfoodlife/recipe_slide_prev.png');width:36px;height:36px;background-size:36px 36px} 
.ingredients-slider .js-slider .swiper-navigation.swiper-button-next{right:-4px} 
.ingredients-slider .js-slider .swiper-navigation.swiper-button-next .icon{background-image:url('../img/kfoodlife/recipe_slide_next.png');width:36px;height:36px;background-size:36px 36px} 
.ingredients-slider .js-slider .swiper-navigation:hover{opacity:0.4} 
.ingredients-toggle-wrap{float:right;width:342px} 
.ingredients-toggle-wrap .padder{padding-top:110px;padding-bottom:50px} 
.ingredients-toggle-wrap .js-sticky-holder{height:100%} 
.cooking-list{padding:80px 0 30px 0;background-color:#f4f4f4} 
.cooking-notice{padding:50px 0 100px 0} 
@media (max-width:1024px){.cooking-notice .wrap{padding-left:20px} 
.cooking-notice .notice-title{height:26px;font-size:22px;color:#222;line-height:26px;font-weight:400;padding:0 0 0 37px;margin:0 0 20px 0;background-image:url('../img/kfoodlife/view_notice_icon.png');background-size:26px 26px;background-position:0 0} 
.cooking-notice .notice-list li{font-size:16px;color:#666;line-height:24px} 
.kfoodlife-cooking-class-a .wrap .module{margin-top:20px;background:#fff;overflow:hidden;padding:50px 0 50px 50px} 
@media (max-width:1024px){.kfoodlife-cooking-class-a .wrap .module{padding:50px 0 50px 20px} 
.kfoodlife-cooking-class-a .wrap .module .pic{position:relative;width:18.5%;float:left} 
.kfoodlife-cooking-class-a .wrap .module .titles{float:left;width:19%;padding-left:40px;padding-top:15px} 
@media (max-width:1024px){.kfoodlife-cooking-class-a .wrap .module .titles{padding-left:20px} 
.kfoodlife-cooking-class-a .wrap .module .titles .title{margin:0;color:#000;font-size:22px;line-height:32px;font-weight:500;letter-spacing:-1px} 
.kfoodlife-cooking-class-a .wrap .module .titles .button{margin-top:47px;text-align:left} 
.kfoodlife-cooking-class-a .wrap .module .titles .button span{display:inline-block;padding:0 24px 0 20px;height:38px;line-height:38px} 
.kfoodlife-cooking-class-a .wrap .module .titles .button.disabled{opacity:1;background:#ececec;border-color:#ececec} 
.kfoodlife-cooking-class-a .wrap .module .titles .button.disabled span{color:#b2b2b2} 
.kfoodlife-cooking-class-a .wrap .module .titles .button.disabled i{background-image:url('../img/kfoodlife/button_page_disabled.png')} 
.kfoodlife-cooking-class-a .wrap .module .titles .large{height:40px;line-height:40px} 
.kfoodlife-cooking-class-a .wrap .module .titles .button-more{background-color:#fff} 
.kfoodlife-cooking-class-a .wrap .module .grid{float:left;clear:none;width:55%} 
.kfoodlife-cooking-class-a .wrap .module .grid .item{margin-top:17px;text-align:center} 
.kfoodlife-cooking-class-a .wrap .module .grid .item a{display:inline-block} 
.kfoodlife-cooking-class-a .wrap .module .grid .item .backgrounds{width:78px;height:78px;margin:0 auto;border:1px solid #ef151e;border-radius:40px} 
.kfoodlife-cooking-class-a .wrap .module .grid .item .backgrounds.nth-child-1{background-image:url('../img/kfoodlife/cooking_class_a_02.png')} 
.kfoodlife-cooking-class-a .wrap .module .grid .item .backgrounds.nth-child-2{background-image:url('../img/kfoodlife/cooking_class_a_03.png')} 
.kfoodlife-cooking-class-a .wrap .module .grid .item .backgrounds.nth-child-3{background-image:url('../img/kfoodlife/cooking_class_a_04.png')} 
.kfoodlife-cooking-class-a .wrap .module .grid .item .backgrounds.nth-child-4{background-image:url('../img/kfoodlife/cooking_class_a_05.png')} 
.kfoodlife-cooking-class-a .wrap .module .grid .item .pic{display:block;float:none;width:80px;height:80px;margin:0 auto} 
.kfoodlife-cooking-class-a .wrap .module .grid .item h5{position:relative;padding-bottom:14px;margin:25px 0 0 0;text-align:center;color:#333;font-size:16px;font-weight:500} 
.kfoodlife-cooking-class-a .wrap .module .grid .item h5:after{content:'';position:absolute;left:50%;bottom:0;display:block;width:20px;height:2px;margin-left:-10px;background-color:#ef151e} 
.kfoodlife-cooking-class-a .wrap .module .grid .item p{display:inline-block;margin-top:16px;text-align:center;color:#666;font-size:16px;line-height:19px;border-bottom:1px solid #ccc} 
.olivemarket_tab .section-tab{margin:40px 0 70px 0} 
.olivemarket_tab .section-tab-cont{padding:0 0 80px 0} 
.olivemarket_tab .text-box{height:200px;font-size:16px;color:#666;line-height:30px;text-align:left;padding:0 40px} 
.olivemarket_tab .img-box{margin-left:-10px;margin-right:-10px} 
.view-notice{text-align:left;padding:40px 35px;background-color:#f8f8f8;margin-top:40px} 
.view-notice .notice-title{height:26px;font-size:22px;color:#222;line-height:26px;padding:0 0 0 37px;margin:0 0 10px 0;background-image:url('../img/kfoodlife/view_notice_icon.png');background-size:26px 26px;background-position:0 0;font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif} 
.view-notice .view-notice-list li{position:relative;font-size:16px;color:#666;line-height:28px;padding-left:17px} 
.view-notice .view-notice-list li:before{content:'';display:inline-block;position:absolute;top:12px;left:3px;width:4px;height:4px;background-color:#666;border-radius:2px} 
.bbs-button.bbs-view-action{text-align:left} 
.event-reply .item{margin-top:34px;padding-bottom:35px;border-bottom:1px solid #d2d2d2} 
.event-reply .item:first-child{margin-top:0} 
.event-reply .reply-head{position:relative} 
.event-reply .reply-head .entry-details{margin:0 0 0;font-size:30px;color:#333333} 
.event-reply .reply-head .count{font-weight:500;color:#ee151e} 
.event-reply .reply-head .reply-button{display:inline-block;position:absolute;top:10px;right:0;padding-right:17px;font-size:16px;color:#666666} 
.event-reply .reply-head .reply-button:before{display:inline-block;position:absolute;top:4px;right:0;width:8px;height:14px;content:"";background-image:url('../img//kfoodlife/event_reply_link_btn.png')} 
.event-reply .reply-info{position:relative;margin-bottom:33px;padding:22px 24px 24px 54px;letter-spacing:-1px;border:1px solid #dcdcdc;background-color:#f8f8f8} 
.event-reply .reply-info:before{display:inline-block;position:absolute;top:24px;left:25px;width:20px;height:20px;content:"";background-image:url('../img//kfoodlife/event_reply_info_icon.png')} 
.event-reply .reply-list .commenter{position:relative} 
.event-reply .reply-list .commenter .reply-button{position:absolute;top:6px;right:0;width:14px;height:14px;background-image:url('../img//kfoodlife/event_reply_del_btn.png');background-size:100%} 
.event-reply .reply-list .commenter .m-reply{display:inline-block;width:12px;height:16px;margin-left:13px;vertical-align:-3px;background-image:url('../img//kfoodlife/event_reply_m_icon.png');background-size:100%} 
.event-reply .reply-list .nickname{font-size:20px;color:#333333;font-weight:700} 
.event-reply .reply-list .date{display:inline-block;margin-left:15px;font-size:18px;color:#666666} 
.event-reply .reply-list .date:before{display:inline-block;width:1px;height:16px;margin-right:14px;content:"";vertical-align:-1px;background-color:#dcdcdc} 
.event-reply .reply-list .comment{margin:16px 0 0;font-size:16px;color:#666666;line-height:1.6} 
.event-reply .reply-list .link-url{margin:0 0 0} 
.event-reply .reply-list .link-url a{font-size:16px;color:#006ecd;text-decoration:underline;line-height:1.6} 
.modal-cooking{width:100%;max-width:820px} 
.modal-cooking .modal-visual{text-align:center;padding:30px 0} 
.modal-cooking .modal-visual .modal-title{font-size:36px;color:#222;font-family:'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif;margin:0} 
.modal-cooking .modal-visual .modal-date{font-size:16px;color:#666;font-family:'Montserrat', Arial, Helvetica, sans-serif;margin:10px 0 0 0} 
.modal-cooking .action{padding:50px 0} 
.is-modal-food-cooking-a.in.is-modal-simple .modal-visual .modal-title{font-size:36px;text-align:center;padding-bottom:25px;font-family:'CJONLYONE', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif} 
.is-modal-event-entry .modal-body,.is-modal-food-cooking-a .modal-body{padding-bottom:40px} 
.is-modal-event-entry .action,.is-modal-food-cooking-a .action{position:static!important} 
.is-modal-event-entry .modal-food-request-a,.is-modal-food-cooking-a .modal-food-request-a{border-top:2px solid #000} 
.is-modal-event-entry .modal-food-request-a .class-type-wrap,.is-modal-food-cooking-a .modal-food-request-a .class-type-wrap{padding:50px 40px 50px 20px;border-bottom:1px solid #d8d8d8} 
.is-modal-event-entry .modal-food-request-a .class-type-wrap .class .col-class-1,.is-modal-food-cooking-a .modal-food-request-a .class-type-wrap .class .col-class-1{width:27.27272727%} 
.is-modal-event-entry .modal-food-request-a .class-type-wrap .class .col-class-1 .img-box,.is-modal-food-cooking-a .modal-food-request-a .class-type-wrap .class .col-class-1 .img-box{height:208px} 
.is-modal-event-entry .modal-food-request-a .class-type-wrap .class .col-class-1 .img-box img,.is-modal-food-cooking-a .modal-food-request-a .class-type-wrap .class .col-class-1 .img-box img{width:100%;height:208px;-o-object-fit:cover;object-fit:cover} 
.is-modal-event-entry .modal-food-request-a .class-type-wrap .class .col-class-2,.is-modal-food-cooking-a .modal-food-request-a .class-type-wrap .class .col-class-2{width:72.72727273%;padding-left:25px} 
.is-modal-event-entry .modal-food-request-a .class-type-wrap .class .class-title,.is-modal-food-cooking-a .modal-food-request-a .class-type-wrap .class .class-title{height:76px;font-size:22px;color:#222;line-height:32px;font-weight:400;text-align:left;margin:0} 
.is-modal-event-entry .modal-food-request-a .class-type-wrap .class .class-box,.is-modal-food-cooking-a .modal-food-request-a .class-type-wrap .class .class-box{min-width:527px;text-align:left;background-color:#fafafa} 
.is-modal-event-entry .modal-food-request-a .request-type-wrap,.is-modal-food-cooking-a .modal-food-request-a .request-type-wrap{padding:0 0 40px 0;border-bottom:1px solid #d8d8d8} 
.is-modal-event-entry .modal-food-request-a .request-type-wrap .notice-title-a,.is-modal-food-cooking-a .modal-food-request-a .request-type-wrap .notice-title-a{font-size:24px;color:#ef151e;font-weight:400;margin:50px 0 30px 0} 
.is-modal-event-entry .modal-food-request-a .request-type-wrap .mission-input,.is-modal-food-cooking-a .modal-food-request-a .request-type-wrap .mission-input{font-size:16px;color:#333;line-height:40px;padding:0 10px 0 30px;background-color:#f6f6f6} 
.is-modal-event-entry .modal-food-request-a .request-type-wrap .cooking-notice,.is-modal-food-cooking-a .modal-food-request-a .request-type-wrap .cooking-notice{padding:30px 0 0 0} 
.is-modal-event-entry .modal-food-request-a .request-type-wrap .cooking-notice .notice-list li,.is-modal-food-cooking-a .modal-food-request-a .request-type-wrap .cooking-notice .notice-list li{position:relative;line-height:28px;padding-left:17px} 
.is-modal-event-entry .modal-food-request-a .request-type-wrap .cooking-notice .notice-list li:before,.is-modal-food-cooking-a .modal-food-request-a .request-type-wrap .cooking-notice .notice-list li:before{content:'';display:inline-block;position:absolute;top:12px;left:3px;width:4px;height:4px;background-color:#666;border-radius:2px} 
.is-modal-event-entry .modal-food-request-a .request-type-wrap .cooking-notice .notice-list li.point-color,.is-modal-food-cooking-a .modal-food-request-a .request-type-wrap .cooking-notice .notice-list li.point-color{color:#ef151e} 
.is-modal-event-entry .modal-food-request-a .request-type-wrap .cooking-notice .notice-list li .link,.is-modal-food-cooking-a .modal-food-request-a .request-type-wrap .cooking-notice .notice-list li .link{display:inline-block;font-size:16px;color:#53c3f1;text-decoration:underline;margin-left:10px} 
.is-modal-event-entry .modal-food-request-a .request-agree-wrap,.is-modal-food-cooking-a .modal-food-request-a .request-agree-wrap{width:100%;text-align:left;border:0;padding-top:20px} 
.is-modal-event-entry .modal-food-request-a .request-agree-wrap.is-border,.is-modal-food-cooking-a .modal-food-request-a .request-agree-wrap.is-border{border-bottom:1px solid #d8d8d8} 
.is-modal-event-entry .modal-food-request-a .request-agree-wrap .collapse-item,.is-modal-food-cooking-a .modal-food-request-a .request-agree-wrap .collapse-item{margin-top:10px} 
.is-modal-event-entry .modal-food-request-a .request-agree-wrap .collapse-item .agrees label.css-checkbox,.is-modal-food-cooking-a .modal-food-request-a .request-agree-wrap .collapse-item .agrees label.css-checkbox{background-image:url('../img/common/checkbox_on.png')} 
.is-modal-event-entry .modal-food-request-a .request-agree-wrap .collapse-item.in .agrees label.css-checkbox,.is-modal-food-cooking-a .modal-food-request-a .request-agree-wrap .collapse-item.in .agrees label.css-checkbox{background-image:url('../img/common/checkbox_off.png')} 
.is-modal-event-entry .modal-food-request-a .request-agree-wrap .collapse-item.in .age-box,.is-modal-food-cooking-a .modal-food-request-a .request-agree-wrap .collapse-item.in .age-box{display:block} 
.is-modal-event-entry .modal-food-request-a .request-agree-wrap .age-title,.is-modal-food-cooking-a .modal-food-request-a .request-agree-wrap .age-title{position:relative;height:60px;line-height:60px;padding:0 10px 0 0} 
.is-modal-event-entry .modal-food-request-a .request-agree-wrap .age-title .title,.is-modal-food-cooking-a .modal-food-request-a .request-agree-wrap .age-title .title{font-size:20px;color:#333;font-weight:400} 
.is-modal-event-entry .modal-food-request-a .request-agree-wrap .age-title .require,.is-modal-food-cooking-a .modal-food-request-a .request-agree-wrap .age-title .require{font-size:13px;color:#ef151e;margin-left:5px;font-weight:400} 
.is-modal-event-entry .modal-food-request-a .request-agree-wrap .age-title .require.none,.is-modal-food-cooking-a .modal-food-request-a .request-agree-wrap .age-title .require.none{color:#888} 
.is-modal-event-entry .modal-food-request-a .request-agree-wrap .age-title .agrees,.is-modal-food-cooking-a .modal-food-request-a .request-agree-wrap .age-title .agrees{top:10px} 
.is-modal-event-entry .modal-food-request-a .request-agree-wrap .age-box,.is-modal-food-cooking-a .modal-food-request-a .request-agree-wrap .age-box{display:none;border-top:0} 
.is-modal-event-entry .modal-food-request-a .class-list-a .list-box,.is-modal-food-cooking-a .modal-food-request-a .class-list-a .list-box{padding:10px 0 10px 30px} 
.is-modal-event-entry .modal-food-request-a .class-list-a .list-title,.is-modal-food-cooking-a .modal-food-request-a .class-list-a .list-title{float:left;width:85px;font-size:16px;color:#dc1d33;font-weight:400} 
.is-modal-event-entry .modal-food-request-a .class-list-a .list-text,.is-modal-food-cooking-a .modal-food-request-a .class-list-a .list-text{font-size:16px;color:#222;font-weight:400;margin-left:85px} 
.is-modal-event-entry .modal-food-request-a .class-list-b,.is-modal-food-cooking-a .modal-food-request-a .class-list-b{text-align:left} 
.is-modal-event-entry .modal-food-request-a .class-list-b .list-title,.is-modal-food-cooking-a .modal-food-request-a .class-list-b .list-title{font-size:18px;color:#000;font-weight:400;margin:50px 0 0 0} 
.is-modal-event-entry .modal-food-request-a .class-list-b .list-title .title-num,.is-modal-food-cooking-a .modal-food-request-a .class-list-b .list-title .title-num{color:#ef151e} 
.is-modal-event-entry .modal-food-request-a .class-list-b .list-title .require,.is-modal-food-cooking-a .modal-food-request-a .class-list-b .list-title .require{font-size:13px;color:#ef151e;font-weight:400;margin-left:10px} 
.is-modal-event-entry .modal-food-request-a .check-box.url-box,.is-modal-food-cooking-a .modal-food-request-a .check-box.url-box{margin-top:30px} 
.is-modal-event-entry .modal-food-request-a .check-box.url-box .blog-grid,.is-modal-food-cooking-a .modal-food-request-a .check-box.url-box .blog-grid{margin-bottom:15px} 
.is-modal-event-entry .modal-food-request-a .check-box.url-box .col-url-title,.is-modal-food-cooking-a .modal-food-request-a .check-box.url-box .col-url-title{width:130px;padding-left:15px} 
.is-modal-event-entry .modal-food-request-a .check-box.url-box .col-url-title .title,.is-modal-food-cooking-a .modal-food-request-a .check-box.url-box .col-url-title .title{font-size:16px;color:#ef151e;line-height:40px;font-weight:400} 
.is-modal-event-entry .modal-food-request-a .check-box.url-box .col-url-input .file-wrap .text,.is-modal-food-cooking-a .modal-food-request-a .check-box.url-box .col-url-input .file-wrap .text{float:left;width:590px;height:40px;line-height:40px} 
.is-modal-event-entry .modal-food-request-a .check-box.url-box .col-url-input .file-wrap .button,.is-modal-food-cooking-a .modal-food-request-a .check-box.url-box .col-url-input .file-wrap .button{border:none;margin-left:0} 
.is-modal-event-entry .modal-food-request-a .check-box.url-box .col-url-input .file-wrap .button .icon,.is-modal-food-cooking-a .modal-food-request-a .check-box.url-box .col-url-input .file-wrap .button .icon{background-image:url('../img/common/collapse_off.png');width:30px;height:30px;background-size:30px 30px;position:absolute;top:50%;right:0;margin-right:0;margin-top:-15px} 
.is-modal-event-entry .modal-food-request-a .check-box.url-box .col-url-input .file-wrap .button .icon.remove,.is-modal-food-cooking-a .modal-food-request-a .check-box.url-box .col-url-input .file-wrap .button .icon.remove{background-image:url('../img/common/collapse_on.png')} 
.is-modal-event-entry .modal-food-request-a .check-box.url-box .col-url-input .file-wrap .button .icon:before,.is-modal-food-cooking-a .modal-food-request-a .check-box.url-box .col-url-input .file-wrap .button .icon:before{content:none} 
.is-modal-event-entry .modal-food-request-a .check-box.url-box .col-url-input .file-wrap .button .icon:after,.is-modal-food-cooking-a .modal-food-request-a .check-box.url-box .col-url-input .file-wrap .button .icon:after{content:none} 
.is-modal-event-entry .modal-food-request-a .check-box.url-box .col-url-input .file-wrap .file-item,.is-modal-food-cooking-a .modal-food-request-a .check-box.url-box .col-url-input .file-wrap .file-item{margin-top:15px} 
.is-modal-event-entry .modal-food-request-a .check-box.url-box .col-url-input .file-wrap .file-item.first,.is-modal-food-cooking-a .modal-food-request-a .check-box.url-box .col-url-input .file-wrap .file-item.first{margin-top:0} 
.is-modal-event-entry .modal-food-request-a .check-box .check-list,.is-modal-food-cooking-a .modal-food-request-a .check-box .check-list{padding-left:15px} 
.is-modal-event-entry .modal-food-request-a .check-box .check-list li,.is-modal-food-cooking-a .modal-food-request-a .check-box .check-list li{position:relative;float:left;width:150px;font-size:16px;color:#333;line-height:25px;margin-top:25px} 
.is-modal-event-entry .modal-food-request-a .check-box .check-list li.etc-check,.is-modal-food-cooking-a .modal-food-request-a .check-box .check-list li.etc-check{width:230px} 
.is-modal-event-entry .modal-food-request-a .check-box .check-list li.etc-check .text,.is-modal-food-cooking-a .modal-food-request-a .check-box .check-list li.etc-check .text{margin-left:10px} 
.is-modal-event-entry .modal-food-request-a .check-box .check-list li .agrees,.is-modal-food-cooking-a .modal-food-request-a .check-box .check-list li .agrees{position:static;text-align:left} 
.is-modal-event-entry .modal-food-request-a .check-box .check-list li .agrees label,.is-modal-food-cooking-a .modal-food-request-a .check-box .check-list li .agrees label{margin-left:10px} 
.is-modal-event-entry .modal-food-request-a .check-box .textarea,.is-modal-food-cooking-a .modal-food-request-a .check-box .textarea{min-height:130px;margin-top:15px} 
.is-modal-event-entry .modal-food-request-a .check-box .textarea-desc,.is-modal-food-cooking-a .modal-food-request-a .check-box .textarea-desc{font-size:15px;color:#aaa;text-align:right;margin-top:10px} 
.is-modal-event-entry .modal-food-request-a .request-agree-wrap{padding:20px 0} 
.is-modal-event-entry .event-recipient-table table{width:100%;table-layout:fixed;border-top:solid 1px #222;border-bottom:solid 1px #d8d8d8} 
.is-modal-event-entry .event-recipient-table table tbody th{padding:23px 20px 23px 30px;border-right:1px solid #ececec;border-bottom:solid 1px #ececec;background-color:#fafafa} 
.is-modal-event-entry .event-recipient-table table tbody td{padding:23px 20px 23px 30px;border-bottom:solid 1px #ececec} 
.is-modal-event-entry .event-recipient-table table tbody td input.text{height:40px;line-height:40px} 
.is-modal-event-entry .event-recipient-table table tbody td .button.large{min-width:140px;height:40px;line-height:40px;margin-left:10px} 
.is-modal-event-entry .event-recipient-table table tbody .require{font-size:13px;color:#ef151e;margin-left:5px} 
.is-modal-common-winner.in.is-modal-simple .modal-title{font-size:36px;font-family:'CJONLYONE', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif} 
.is-modal-common-winner .modal-visual{text-align:center;padding:0 0 27px 0} 
.is-modal-common-winner .modal-visual .modal-title{font-size:36px;color:#222;font-family:'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif;margin:0} 
.is-modal-common-winner .modal-visual .modal-date{font-size:16px;color:#666;font-family:'Montserrat', Arial, Helvetica, sans-serif;margin:10px 0 0 0} 
.is-modal-common-winner .modal-body{padding-bottom:40px} 
.is-modal-common-winner .action{position:static!important} 
.is-modal-common-winner .modal-winner .inner{text-align:left;border-top:1px solid #ececec;border-bottom:1px solid #d2d2d2} 
.is-modal-common-winner .modal-winner .winner-text{padding:40px;font-family:'Montserrat', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif} 
.is-modal-common-winner .modal-winner .winner-list{position:relative;padding:20px 20px 15px 40px;min-height:18px;background-color:#f8f8f8;border-top:1px solid #ececec} 
.is-modal-common-winner .modal-winner .winner-list .winner-title{position:absolute;top:20px;left:40px;font-size:16px;color:#ef151e;font-weight:500;margin:0} 
.is-modal-common-winner .modal-winner .winner-list .list{clear:both;*zoom:1;margin-top:-5px;padding-left:100px} 
.is-modal-common-winner .modal-winner .winner-list .list:after,.is-modal-common-winner .modal-winner .winner-list .list:before{content:" ";display:table} 
.is-modal-common-winner .modal-winner .winner-list .list:after{clear:both} 
.is-modal-common-winner .modal-winner .winner-list .list li{float:left;width:33.33333333%;padding:5px 0;white-space:nowrap;overflow:hidden;font-size:16px;color:#222} 
.is-modal-common-winner .modal-winner .winner-list .list li .id,.is-modal-common-winner .modal-winner .winner-list .list li .num{font-family:'Montserrat', Arial, Helvetica, sans-serif} 
.dim{position:absolute;top:0;left:0;right:0;bottom:0} 
.dim:before{content:'';display:block;width:100%;height:100%;opacity:0.7;background:#000} 
.dim span{display:block;position:absolute;top:50%;width:100%;margin-top:-10px;color:#fff;font-family:'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif;text-align:center;font-weight:300} 
.dim span.play{left:50%;width:66px;height:66px;margin-top:-33px;margin-left:-33px} 
.page-search .section-visual .wrap{padding-bottom:0} 
.page-search .section-visual .searchs input.text{background-color:#fff} 
.page-search .section-tab{margin:0} 
.page-search .bbs-summary{padding:20px 0} 
.page-search .bbs-summary .subject .primary{font-weight:normal} 
.lang-cn .page-search .bbs-summary .subject .primary,.lang-ko .page-search .bbs-summary .subject .primary{font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif} 
.page-search .bbs-summary .links .link{color:#666} 
.page-search .bbs-summary .links .link .icon{width:8px;height:14px;background-size:8px 14px;background-image:url('../img//common/ico_link_gray.png')} 
.page-search .associate-page .associate-list .item{border-bottom:1px solid #ececec} 
.page-search .associate-page .associate-list .col-category,.page-search .associate-page .associate-list .col-subject a{height:68px;line-height:68px} 
.page-search .associate-page .associate-list .col-category{width:20%;font-size:18px;color:#333;text-align:center} 
.page-search .associate-page .associate-list .col-subject{width:80%} 
.page-search .associate-page .associate-list .col-subject .subject{font-size:16px;color:#666;margin:0} 
.page-search .associate-page .associate-list .col-subject .subject a{display:block;position:relative;width:auto;padding-right:100px} 
.page-search .associate-page .associate-list .col-subject .subject .icon{background-image:url('../img//common/list_arrow.png');width:30px;height:30px;background-size:30px 30px;position:absolute;top:50%;right:0;margin-right:3%;margin-top:-15px} 
.page-search .press-release .bbs-news-list .item .inner{margin:30px 9px 0} 
.page-search .recipe .recipe-list{padding:0;background-color:#fff} 
.page-search .recipe .recipe-list.kfoodlife-list-c .item .module{margin:30px 10px 0;border:1px solid #e6e6e6} 
.page-search .recipe .recipe-list.kfoodlife-list-c .item .recipe-kind{padding:10px 0 20px 35px} 
.page-search .cooking .kfoodlife-cooking-class-a .wrap .module{margin-top:30px;border:1px solid #e6e6e6} 
.page-search .event .kfoodlife-list-a{padding:0;background-color:#fff} 
.page-search .event .kfoodlife-list-a .list.column-nth3 .item .module{margin:30px 10px 0;border:1px solid #e6e6e6} 
.page-search .event .kfoodlife-list-a .list.column-nth3 .item:nth-child(3n+1){clear:both} 
.page-search .faq .bbs-faq{border-top:0} 
.page-search .kfood .kfoodlife-list-d{padding:0;background-color:#fff} 
.page-search .kfood .kfoodlife-list-d .list .module{margin:20px 0 0 0;border:1px solid #e6e6e6} 
.page-search .kfood .kfoodlife-list-d .list .module:first-child{margin:30px 0 0 0} 
.page-util .list{color:#333;line-height:1.8} 
.page-util .list p{margin:0} 
.page-util .list li{font-size:16px;line-height:30px} 
.page-util ul.list-a{margin:0} 
.page-util ul.list-a li{margin:0;color:#333;line-height:30px} 
.page-util ul.list-a li:before{top:14px} 
.page-util ul.list-a li em{font-weight:500;color:#333} 
.page-util ul.list-b{margin:0} 
.page-util ul.list-b li{color:#333} 
.page-util ul.list-b li em{font-weight:500;color:#333} 
.page-util ul.list-b li .list-a{padding-left:17px} 
.page-util ul.list-b li .list-b{margin:0;padding-left:17px} 
.page-util ul.list-b li .list-b li{padding-left:24px;text-indent:-24px} 
.page-util ul.list-b .grid{margin:35px 0 45px} 
.page-util ul.list-b .grid .item .module{padding-left:9px} 
.page-util ul.list-b .grid .item .module .pic{float:left;margin-right:40px} 
.page-util ul.list-b .grid .item .module .nth-child-1{position:relative;margin-right:20px} 
.page-util ul.list-b .grid .item .module .nth-child-1:after{content:'';position:absolute;right:-10px;top:12px;display:block;width:1px;height:11px;background-color:#7d7d7d} 
.page-util ul.list-b .grid .item .module .nth-child-2{padding-top:14px;font-size:16px;line-height:30px} 
.page-util ul.list-b .grid .item .module p{color:#333} 
.page-util ul.list-b .grid .item .module a{color:#333} 
.section-util-links{padding:15px 20px;background-color:#fafafa;border:solid 1px #e6e6e6;line-height:1.2} 
.section-util-links li{float:left;width:33.33%;text-align:left} 
.section-util-links li a{display:block} 
.section-util-links li span{display:block;padding:12px 10px 12px 0;color:#333} 
.section-util-links li .num{display:inline;padding:0;font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif} 
.section-util-links li a:hover span{color:#999} 
.util-privacy,.util-privacy h2,.util-privacy h3,.util-privacy h4{font-family:'Montserrat', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif} 
.util-privacy .wrap{border-top:solid 1px #222} 
.util-privacy .title{margin:50px 0 20px;padding:0;font-size:20px;font-weight:500} 
.util-privacy .sub-title{margin:22px 0 7px;padding:0;font-size:16px;font-weight:500} 
.util-privacy .table-title{margin:20px 0 10px;padding:0;font-weight:400;font-size:16px} 
.util-privacy p{margin:0 0 13px;padding:0;line-height:1.8} 
.util-privacy span.number{display:inline;padding:0;font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif} 
.util-privacy-a .list-a.nth-child-1{margin:20px 0} 
.util-privacy-a .desc.nth-child-1{margin:20px 0} 
.list-downloads{margin:60px 0 20px;line-height:1.4} 
.list-downloads ul li{margin:12px 0} 
.list-downloads .icon{background-image:url('../img/util/icon_download.png');width:22px;height:22px;background-size:22px 22px} 
.util-cyber-a .background{background-image:url('../img/util/util_cyber_a_01.jpg')} 
.util-cyber-a.section-post .list .col-description .list.list-a{margin-top:-16px} 
.util-cyber-a.section-post .list .col-description .list.list-a li{margin-top:16px;font-size:15px;line-height:28px;color:#666} 
.util-cyber-a .links{margin-top:24px;text-align:left} 
.util-cyber-a .links .link{display:inline-block;font-size:16px;color:#ef151e;line-height:22px} 
.util-cyber-a .links .link .icon{vertical-align:top;margin-top:1px;background-image:url('../img/common/ico_link.png');width:12px;height:24px;background-size:12px 24px} 
.util-cyber-a .item.nth-child-2 ul li{-webkit-box-sizing:border-box;box-sizing:border-box;float:left;width:48%;width:calc(50% - 10px)} 
.util-winwin-a .background{background-image:url('../img/util/util_winwin_a_01.jpg')} 
.util-winwin-a.section-post .list .col-description .desc{margin-bottom:6px;color:#333;font-size:16px;font-weight:500} 
.util-winwin-a.section-post .list .col-description .list.list-a{margin-top:-16px} 
.util-winwin-a.section-post .list .col-description .list.list-a li{margin-top:16px;font-size:15px;line-height:28px;color:#666} 
.util-winwin-a.section-post .list .col-description .list.list-a li .link-type-a{border-bottom:1px solid #666;line-height:24px} 
.util-winwin-a.section-post .list .col-description .list.list-a:after{content:'';display:block;clear:both} 
.util-winwin-a.section-post .list .col-description .module .title{margin:0 0 14px 0} 
.util-winwin-a .links{margin-top:24px;text-align:left} 
.util-winwin-a .links .link{display:inline-block;font-size:16px;color:#ef151e;line-height:22px} 
.util-winwin-a .links .link .icon{vertical-align:top;margin-top:1px;background-image:url('../img/common/ico_link.png');width:12px;height:24px;background-size:12px 24px} 
.util-winwin-a .item.nth-child-3 ul{margin-bottom:16px} 
.util-winwin-a .item.nth-child-3 li{-webkit-box-sizing:border-box;box-sizing:border-box;float:left;width:48%;width:calc(50% - 10px)} 
.util-winwin-a .item.nth-child-4 li{-webkit-box-sizing:border-box;box-sizing:border-box;float:left;width:48%;width:calc(50% - 10px)} 
.util-agent-a .wrap .background{background-image:url('../img/support/util_agent_01.png')} 
.util-agent-a .wrap .item .module{margin-right:0} 
.util-agent-a .wrap .item .module.nth-child-1 .table-row th{background-color:#f6f4f2} 
.util-agent-a .wrap .item .module.nth-child-1 .table-row td{padding-left:32px;text-align:left} 
.util-agent-a .wrap .item .module.nth-child-1 .desc{margin-top:12px} 
.util-agent-a .wrap .item .module .list-type-a{margin:0;padding:0;list-style:none} 
.util-agent-a .wrap .item .module .list-type-a li{position:relative;width:50%;float:left;padding-left:110px;padding-bottom:40px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.util-agent-a .wrap .item .module .list-type-a li .background{left:0;top:0;width:80px;height:80px;background-color:#f6f4f2;background-position:center 50%;border-radius:50%;background-size:auto auto} 
.util-agent-a .wrap .item .module .list-type-a li strong{display:block;font-size:18px;color:#333} 
.util-agent-a .wrap .item .module .list-type-a li .desc{margin-top:10px;font-size:16px;line-height:1.8;color:#666} 
.util-agent-a .wrap .item .module .list-type-a li.nth-child-1 .background{background-image:url('../img/util/util_agent_a_01.png')} 
.util-agent-a .wrap .item .module .list-type-a li.nth-child-2 .background{background-image:url('../img/util/util_agent_a_02.png')} 
.util-agent-a .wrap .item .module .list-type-a li.nth-child-3 .background{background-image:url('../img/util/util_agent_a_03.png')} 
.util-agent-a .wrap .item .module .list-type-a li.nth-child-4 .background{background-image:url('../img/util/util_agent_a_04.png')} 
.util-agent-a .wrap .item .module .list-type-a:after{content:'';display:block;clear:both} 
.util-agent-b .wrap .background{background-image:url('../img/support/util_agent_01.png')} 
.util-agent-b .wrap .item .list-type-a{list-style:none;margin:-3px 0 0 0;padding:0} 
.util-agent-b .wrap .item .list-type-a li{position:relative;padding-left:32px;font-size:15px;line-height:40px} 
.util-agent-b .wrap .item .list-type-a li:before{content:'';position:absolute;left:18px;top:50%;margin-top:-2px;display:block;width:4px;height:4px;background:#2e2e2e;border-radius:50%} 
.util-agent-b .wrap .item .col-subject .desc{margin:24px 0 0 60px;font-size:15px;line-height:24px} 
.util-agent-b .wrap .item.nth-child-1 .module{margin-right:0} 
.util-agent-b .wrap .item.nth-child-2 .module{margin-right:0} 
.util-agent-b .wrap .item.nth-child-2 .module .titles{height:auto;text-align:left} 
.util-agent-b .wrap .item.nth-child-2 .module .titles .title{margin:0;font-size:20px;font-weight:500} 
.util-agent-b .wrap .item.nth-child-2 .module .titles p{margin:7px 0 0 0;font-size:15px;line-height:24px} 
.util-agent-b .wrap .item.nth-child-2 .module .bbs-agree .rules{background:#f8f8f8} 
.util-agent-b .wrap .item.nth-child-2 .module .bbs-agree .inner{border-top:0;background:#f8f8f8} 
.util-agent-b .wrap .item.nth-child-2 .module .bbs-write{margin-top:30px} 
.util-agent-b .wrap .item.nth-child-2 .module .bbs-write .agenttype td{padding-top:18px} 
.util-agent-b .wrap .item.nth-child-2 .module .bbs-write .agenttype td .agrees{position:static;float:left;margin-right:20px} 
.util-agent-b .wrap .item.nth-child-2 .module .bbs-write .addresses .button{margin-left:10px} 
.util-agent-b .wrap .item.nth-child-2 .module .bbs-write .addresses p{margin:10px 0 0} 
.util-agent-b .wrap .item.nth-child-2 .module .bbs-write .addresses p input.text:first-child{margin-right:10px} 
.util-sitemap-a.section-post .list .col-subject{width:25%} 
.util-sitemap-a.section-post .list .col-subject .name{margin:0 0 0 50px} 
.util-sitemap-a.section-post .list .col-description{width:75%} 
.util-sitemap-a.section-post .list .col-description .module{margin-right:0} 
.util-sitemap-a .item .module{margin-top:-27px} 
.util-sitemap-a .item ul{margin:0;list-style:none;padding:0} 
.util-sitemap-a .item ul li{margin-top:25px} 
.util-sitemap-a .item ul li .name{width:230px;margin:0;font-size:18px;line-height:33px;color:#000;float:left} 
@media (max-width:1024px){.util-sitemap-a .item ul li .name{width:100%} 
.util-sitemap-a .item ul li .name .eng-title{display:inline-block;line-height:30px;word-break:keep-all;word-break:break-word} 
.util-sitemap-a .item ul li .name .kor-title{display:inline-block;line-height:30px} 
.util-sitemap-a .item ul li ul{float:left;width:670px} 
.util-sitemap-a .item ul li ul li{margin-top:0;float:left} 
.util-sitemap-a .item ul li ul li li{margin-right:24px} 
.util-sitemap-a .item ul li ul li li a{float:left;font-size:16px;line-height:32px;color:#666} 
.util-sitemap-a .item ul li ul li li a .kor-title{line-height:28px} 
.util-sitemap-a .item ul li:after{content:'';display:block;clear:both} 
.util-sitemap-a .item ul:after{content:'';display:block;clear:both} 
.util-sitemap-a .item.nth-child-3 ul li{margin-top:-25px} 
.util-sitemap-a .item.nth-child-3 ul li .name{width:20%;margin-top:25px} 
.lang-en .util-sitemap-a.section-post .list .col-subject{width:23%} 
.lang-en .util-sitemap-a.section-post .list .col-subject .name{margin:0 0 0 40px} 
.lang-en .util-sitemap-a.section-post .list .col-description{width:77%} 
@media (max-width:1024px){.lang-en .util-sitemap-a .item ul li .name{width:100%} 
.lang-en .util-sitemap-a .item.nth-child-3 ul li{margin-top:25px} 
.lang-en .util-sitemap-a .item.nth-child-3 ul li .name{width:20%;min-height:60px;margin-top:0} 
.lang-en .util-sitemap-a .item.nth-child-3 ul li .name.name-column-2{width:40%} 
.lang-cn .util-sitemap-a .item.nth-child-3 ul li{margin-top:25px} 
.lang-cn .util-sitemap-a .item.nth-child-3 ul li .name{width:20%;min-height:60px;margin-top:0} 
.lang-cn .util-sitemap-a .item.nth-child-3 ul li .name.name-column-2{width:40%} 
.login-form .wrap{text-align:center} 
.login-form .holder{padding:70px 0;text-align:center;border-top:solid 1px #222;border-bottom:solid 1px #dcdcdc;background-color:#f8f8f8} 
.login-form .holder.sns{margin-bottom:50px} 
.login-form .holder.sns .form.clear{max-width:540px;padding:34px 39px 19px;-webkit-box-sizing:border-box;box-sizing:border-box} 
.login-form .holder.sns .form.clear .module{float:none;width:100%;padding:0;text-align:center} 
.login-form .holder.sns .form.clear .module .action{margin:30px 0 20px} 
.login-form .holder.sns .form.clear .module .msg1{margin:0;color:#333;font-size:30px;letter-spacing:-1px} 
.login-form .holder.sns .form.clear .module .msg2{color:#666;font-size:16px;margin:15px 0 30px} 
.login-form .holder.sns .form.clear .module .grid{padding:6px 0} 
.login-form .holder.sns .form.clear .module .grid .col.fields{float:none;width:100%;padding:0;text-align:left} 
.login-form .holder.sns .form.clear .module .grid .col.fields .text{height:48px;line-height:48px;font-size:16px} 
.login-form .holder.sns .form.clear .module .grid.simplyLogin{padding-top:30px} 
.login-form .holder.sns .form.clear .module .grid.simplyLogin .title{text-align:left;color:#333;font-size:22px;font-weight:400;margin:0 0 25px 0} 
.login-form .holder.sns .form.clear .module .grid.simplyLogin ul{margin:0;padding:0;list-style:none;text-align:left} 
.login-form .holder.sns .form.clear .module .grid.simplyLogin ul:after{content:"";display:block;clear:both} 
.login-form .holder.sns .form.clear .module .grid.simplyLogin ul li{float:left;display:block;width:50%;height:44px;line-height:44px;margin-bottom:15px} 
.login-form .holder.sns .form.clear .module .grid.simplyLogin ul li a{display:block;width:100%;height:100%;padding-left:63px;color:#333;font-size:16px;background-position:0 0;background-size:auto auto;-webkit-box-sizing:border-box;box-sizing:border-box} 
.login-form .holder.sns .form.clear .module .grid.simplyLogin ul li a.kakao{background-image:url('../img/common/sns_login_kakao.png')} 
.login-form .holder.sns .form.clear .module .grid.simplyLogin ul li a.naver{background-image:url('../img/common/sns_login_naver.png')} 
.login-form .holder.sns .form.clear .module .grid.simplyLogin ul li a.facebook{background-image:url('../img/common/sns_login_facebook.png')} 
.login-form .holder.sns .form.clear .module .grid.simplyLogin ul li a.mobileCert{background-image:url('../img/common/sns_login_mobileCert.png')} 
.login-form .holder.sns .form.clear .module .grid.grid-capcha{border-top:1px solid #E6E6E6;padding-top:40px;text-align:left;margin-top:35px} 
.login-form .holder.sns .form.clear .module .grid.grid-capcha .capchaMsg{color:#333;margin:0 0 10px;line-height:16px} 
.login-form .holder.sns .form.clear .module .grid.grid-capcha .grid{padding:0} 
.login-form .holder.sns .form.clear .module .grid.id-save{position:relative} 
.login-form .holder.sns .form.clear .module .grid.id-save .col.fields{height:22px;line-height:22px} 
.login-form .holder.sns .form.clear .module .grid.id-save input[type=checkbox]{width:1px;height:1px;padding:0;border:0 none;margin:0;position:absolute;left:0;top:0;overflow:hidden;clip:rect(0 0 0 0)} 
.login-form .holder.sns .form.clear .module .grid.id-save input[type=checkbox]:checked+label{background-image:url('../img/common/id_save_on.png');background-position:0 2px} 
.login-form .holder.sns .form.clear .module .grid.id-save input[type=checkbox]:focus+label{outline:2px solid #D7F07F;outline:thin dotted;outline:3px auto -webkit-focus-ring-color;outline-offset:-2px} 
.login-form .holder.sns .form.clear .module .grid.id-save label{background-image:url('../img/common/id_save.png');background-position:0 2px;padding-left:30px;height:22px;line-height:22px;color:#888} 
.login-form .form{margin:0 auto;max-width:696px;border:solid 1px #e6e6e6;background-color:#fff} 
.login-form .module{float:left;width:400px;padding:15px 50px 15px 57px;text-align:left} 
.login-form .module .text,.login-form .module label{-webkit-box-sizing:border-box;box-sizing:border-box;height:38px;line-height:38px} 
.login-form .module label{margin:0;padding:0;font-size:16px;font-weight:400} 
.login-form .module .text{width:100%;border:solid 1px #f6f6f6;background-color:#f6f6f6} 
.login-form .module .grid{padding:5px 0} 
.login-form .module .grid .col.subjects{width:25%} 
.login-form .module .grid .col.fields{float:right;width:75%} 
.login-form .grid-capcha{margin-top:15px} 
.login-form .grid-capcha .grid{padding:0} 
.login-form .grid-capcha img{width:250px;height:65px} 
.login-form .grid-capcha .col-capcha{width:250px} 
.login-form .grid-capcha .col-action{width:150px} 
.login-form .grid-capcha .button{-webkit-box-sizing:content-box;box-sizing:content-box;padding:0;border:solid 1px #e5e5e5;border-left:0;background:#fff;width:148px;height:31px;line-height:31px} 
.login-form .grid-capcha .button .icon{margin-right:3px;background-image:url('../img/util/icon_capcha_refresh.png');width:18px;height:22px;background-size:18px 22px} 
.login-form .grid-capcha .button,.login-form .grid-capcha .button span{color:#000} 
.login-form .grid-capcha .button.button-audio{border-top:0} 
.login-form .grid-capcha .button.button-audio .icon{background-image:url('../img/util/icon_capcha_audio.png')} 
.login-form .grid-capcha .capcha-action .downer{border-top:solid 1px #e5e5e5} 
.login-form .action{margin:40px auto 60px} 
.login-form .content-module{float:right;position:relative;width:189px} 
.login-form .content-module a{display:block;padding-top:140px;height:264px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center} 
.login-form .content-module:before{content:'';position:absolute;top:40px;left:50%;margin-left:-38px;width:76px;height:76px;background-image:url('../img/util/icon_login_bg_01.gif')} 
.login-form .content-module:after{display:inline-block;position:absolute;top:20px;left:0;width:1px;height:223px;content:"";background-color:#e6e6e6} 
.login-form .description{margin:18px 0 0;font-size:16px;color:#333333;line-height:1.5;letter-spacing:-1px} 
.login-form .description strong{color:#000;font-weight:500} 
.login-links .list{margin-left:-5px;margin-right:-5px} 
.login-links .module{margin:0 5px;border:solid 1px #e6e6e6;background-color:#f8f8f8} 
.login-links .module a{display:block} 
.login-links .module .inner{display:block;padding:25px 18px} 
.login-links .module .pic{clear:left;float:left;width:103px} 
.login-links .module .pic img{width:88px;height:97px} 
.login-links .module .description{margin-left:103px;min-height:97px} 
.login-links .module p{margin:0;padding:0;line-height:1.8;color:#666} 
.login-links .module p.subject{padding:3px 0 5px;font-size:18px;color:#333} 
.login-links .module p.desc{font-size:14px} 
.login-change .holder{padding:70px 0 113px;border-top:1px solid #222222;border-bottom:1px solid #dcdcdc;text-align:center;background-color:#f8f8f8} 
.login-change .holder:before{display:inline-block;width:142px;height:142px;margin-bottom:34px;content:"";background-image:url('../img/util/icon_login_change_bg.png')} 
.login-change .holder .discription p{margin:0;font-size:18px;color:#666;line-height:1.7} 
.login-change .holder .discription strong{display:block;margin-bottom:33px;font-size:44px;color:#333333;font-weight:400} 
.login-change .holder .discription .underline{display:inline-block;color:#333333;text-decoration:none;line-height:1.4;border-bottom:1px solid #333333} 
.login-change .action{margin:40px auto 60px;text-align:center} 
.login-change .action .button{margin-left:6px} 
.login-change .action .button:first-child{margin-left:0} 
.page-mypage-submain .module.list .button-page-view{text-align:left;position:relative;height:40px;line-height:38px;padding:0 12px 0 0;margin-top:20px;background-color:#fff;border:1px solid #a3a3a3} 
.page-mypage-submain .module.list .button-page-view:before{display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transform:translate(-100%, 0);-ms-transform:translate(-100%, 0);transform:translate(-100%, 0);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;background-color:#a3a3a3} 
.page-mypage-submain .module.list .button-page-view i{position:relative;z-index:2;float:right;display:inline-block;width:15px;height:40px;line-height:38px;background-image:url('../img/kfoodlife/button_page_view.png');background-repeat:no-repeat;background-size:15px 11px;-webkit-transition:background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 
.page-mypage-submain .module.list .button-page-view span{position:relative;z-index:2;padding:0 24px 0 20px;color:#888} 
.page-mypage-submain .module.list .anchor-focus:hover .button-page-view:before{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.page-mypage-submain .module.list .anchor-focus:hover .button-page-view i{background-image:url('../img/kfoodlife/button_page_view_over.png')} 
.page-mypage-submain .module.list .anchor-focus:hover .button-page-view span{color:#fff} 
.mypage-user-info .frame{padding:24px 50px;background-color:#282828;color:#fff;background-image:url('../img/mypage/mypage_user_info_01.png')} 
.mypage-user-info .module{position:relative} 
.mypage-user-info p{margin:0;padding:5px 0;color:#fff} 
.mypage-user-info p.hello{font-size:22px} 
.mypage-user-info p.desc{font-size:16px} 
.mypage-user-info .action{position:absolute;top:50%;right:0;margin:-20px 0 0;padding:0} 
.mypage-user-info .action .button{margin-left:14px;border-color:#fff;background-color:transparent} 
.mypage-user-info .action .button,.mypage-user-info .action .button span{font-size:16px;color:#fff} 
.mypage-user-info .action .button:first-of-type{margin-left:0} 
.mypage-user-info .description{margin:10px 0 0;padding:0;font-size:16px;color:#333} 
.mypage-user-info .description strong{font-weight:400} 
.my-cooking-list{margin-top:30px;border-bottom:1px solid #e6e6e6} 
.my-cooking-list .module{padding-bottom:40px} 
.my-cooking-list .module .pic{position:relative;float:left;width:28%} 
.my-cooking-list .module .titles{float:left;width:65%;padding-left:30px} 
.my-cooking-list .module .titles .title{height:70px;margin:0;color:#000;font-size:22px;line-height:32px;font-weight:500;letter-spacing:-1px;overflow:hidden} 
.my-cooking-list .module .titles .date{font-size:16px;color:#333;margin:15px 0 0 0} 
.my-event-list{margin-left:-10px;margin-right:-10px} 
.my-event-list .module{text-align:center;margin:30px 10px 0 10px;border:1px solid #e6e6e6} 
.my-event-list .module a{display:block} 
.my-event-list .module .pic{overflow:hidden} 
.my-event-list .module .desc{padding:15px 0 30px} 
.my-event-list .module .desc .category{max-height:68px;font-size:24px;color:#333;line-height:34px;margin:0;overflow:hidden} 
.my-event-list .module .desc .desc-text{width:90%;height:55px;font-size:16px;color:#999;line-height:28px;margin:20px auto 0;overflow:hidden;word-break:keep-all;word-wrap:break-word;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis} 
.my-event-list .module .desc .event-text p,.my-event-list .module .desc .event-text span{display:inline-block;text-align:left} 
.my-event-list .module .desc .event-text .event-entry{font-size:16px;color:#ef151e} 
.my-event-list .module .desc .event-text .event-entry-date{font-size:16px;color:#222;margin:0 8px} 
@media (max-width:1024px){.my-event-list .module .desc .event-text{padding-left:20px} 
.my-event-list .module .desc .event-text p{display:block} 
.error-page{padding:267px 0;background-color:#f7f7f7} 
.error-page .holder{text-align:center} 
.error-page .holder p.message{margin:30px 0 0;font-size:36px;color:#000} 
.error-page .holder p.description{margin:15px 0 0;font-size:16px;color:#666;line-height:1.7} 
.error-page .holder p.description span{color:#333333} 
.error-page .holder:before{display:block;width:62px;height:54px;margin:0 auto;content:"";background-image:url('../img/common/erroe_icon_01.gif');background-position:top center} 
.error-page .action{margin-top:36px;text-align:center} 
.error-page .action .button{margin-left:7px} 
.error-page .action .button:first-child{margin-left:0} 
.section-sitemap .wrap{border-bottom:1px #dcdcdc solid} 
.section-sitemap .item{border-top:1px #ef151e solid} 
.section-sitemap .titles{position:relative;background-color:#f7f7f7} 
.section-sitemap .titles .title{margin:0;padding:0 0 0 20px;height:80px;line-height:80px;color:#ef151e;font-size:28px} 
.section-sitemap .titles .action{position:absolute;top:50%;right:20px;margin-top:-20px} 
.section-sitemap .table{height:100%} 
.section-sitemap .table .cell{padding-top:15px;padding-bottom:85px;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;border-left:1px #dcdcdc solid} 
.section-sitemap .table .cell:first-child{border-left:0} 
.section-sitemap .table .cell.cell-1-6{width:16.66666667%} 
.section-sitemap strong{display:block;padding:10px 0 10px 20px;color:#000;font-weight:500;font-size:18px} 
.section-sitemap li a{display:block;padding:5px 10px 5px 20px;font-size:16px;color:#555} 
.section-sitemap li a strong{padding:5px 0} 
.page-ir .section-title{margin:0} 
.page-ir .section-visual .wrap{padding-bottom:0} 
.page-ir .section-visual .wrap:before{display:none} 
.page-ir .tab{} 
.page-ir .tab.is-tab-2 li{width:50%} 
.page-ir .tab.is-tab-3 li{width:33.3%} 
.page-ir .tab.is-tab-4 li{width:25%} 
.page-ir .tab.is-tab-5 li{width:20%} 
.page-ir .tab.is-tab-6 li{width:16.67%} 
.page-ir .tab.is-tab-7 li{width:14.285%} 
.page-ir .iframe-wrap.space-top-b{padding-top:50px} 
.tour-summary{padding-bottom:80px} 
.tour-summary .title{margin:0;color:#ef151e;font-size:30px} 
.tour-summary .description{margin-top:30px} 
.tour-summary .description p{margin:0;line-height:1.8} 
.tour-summary .content-holder .module{margin-right:20px} 
@media (max-width:1024px){.tour-summary .content-holder .module{padding-left:20px} 
.tour-summary .content-holder .module .action{margin-top:40px} 
.tour-summary .content-holder .module .action .button-more{width:240px} 
.tour-summary .downer{margin-top:40px;position:relative;padding:20px 40px;background-color:#f6f6f6} 
.tour-summary .downer .action{position:absolute;top:50%;right:80px;margin-top:-12px} 
.tour-summary .downer .action a{position:relative;display:inline-block;padding-right:20px;color:#ef151e;font-weight:500} 
.tour-summary .downer .action a:after,.tour-summary .downer .action a:before{content:'';position:absolute;top:50%;right:0;margin-top:-1px;width:8px;height:2px;background-color:#ef151e;-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center} 
.tour-summary .downer .action a:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} 
.tour-summary .downer .action a:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} 
.tour-summary .downer .action a span{position:relative;display:inline-block} 
.tour-summary .downer .action a span:before{content:'';position:absolute;top:100%;left:0;width:100%;height:1px;background-color:#ef151e} 
.tour-map{padding:80px 0 145px 0;background-color:#f6f6f6} 
.tour-map .title{margin:0;text-align:center;font-size:30px;color:#ef151e} 
.tour-map .item-loop{position:relative;margin-top:60px;height:550px} 
.tour-map .item-loop:first-child{margin-top:40px} 
.tour-map .item-loop .slider-tour-map{width:800px} 
.tour-map .item-loop .content-holder{position:absolute;right:0;bottom:0;width:510px;background-color:#fff} 
.tour-map .item-loop .content-holder .module{margin:60px 50px 40px 50px} 
.tour-map .item-loop:nth-child(2n) .slider-holder{float:right} 
.tour-map .item-loop:nth-child(2n) .content-holder{left:0;right:auto} 
.tour-map .subject{position:relative;margin:0;padding-bottom:35px} 
.tour-map .subject:before{content:'';position:absolute;top:100%;left:0;width:30px;height:6px;background-color:#ef151e} 
.tour-map .subject span{display:block} 
.tour-map .subject span.core{color:#ef151e;font-size:34px;font-weight:500} 
.tour-map .subject span.desc{margin-top:5px;color:#333;font-size:16px;font-weight:400} 
.tour-map .sub-title{margin:50px 0 0;color:#333} 
.tour-map .sub-title .core{font-size:24px;font-weight:500} 
.tour-map .sub-title .desc{font-size:16px} 
.tour-map .description{margin-top:25px} 
.tour-map .description.mt-100{margin-top:100px} 
.tour-map .description p{margin:0;line-height:1.8} 
.tour-map .js-inview .content-holder{-webkit-transform:translate(100px, 50px);-ms-transform:translate(100px, 50px);transform:translate(100px, 50px)} 
.tour-map .js-inview .item-loop:nth-child(evne) .content-holder{-webkit-transform:translate(-100px, 50px);-ms-transform:translate(-100px, 50px);transform:translate(-100px, 50px)} 
.tour-map .js-inview .subject:before{opacity:0;width:0;-webkit-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 700ms;-o-transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 700ms;transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 700ms} 
.tour-map .js-inview.is-inviewed .content-holder{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 
.tour-map .js-inview.is-inviewed .subject:before{opacity:1;width:30px} 
.section-museum-map .titles{margin:80px 0 50px 0;text-align:center} 
.section-museum-map .title{margin:0;color:#ef151e;font-size:30px} 
.section-museum-map .description{margin-top:20px} 
.section-museum-map .description p{margin:0} 
#back{display:none} 
.slider-wrap{clear:both;*zoom:1} 
.slider-wrap:after,.slider-wrap:before{content:" ";display:table} 
.slider-wrap:after{clear:both} 
.swiper-control{margin-top:20px;text-align:center} 
.swiper-control .swiper-play{display:inline-block} 
.swiper-control .swiper-play .icon{background-image:url('../img/module/icon_swiper_stop.png');width:24px;height:24px;background-size:24px 24px;vertical-align:top} 
.swiper-control .swiper-play.stop .icon{background-image:url('../img/module/icon_swiper_play.png')} 
.swiper-control .swiper-pagination{position:static;display:inline-block} 
.swiper-control .swiper-pagination .swiper-pagination-bullet{position:relative;width:24px;height:24px;border-radius:0px;background-color:transparent;opacity:1;vertical-align:top} 
.swiper-control .swiper-pagination .swiper-pagination-bullet:before{content:'';position:absolute;top:50%;left:50%;margin:-5px 0 0 -5px;width:10px;height:10px;border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px #969696 solid} 
.swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{background-color:#ef151e;border:0} 
.js-slider .swiper-control{display:none} 
.js-slider .swiper-navigation{position:absolute;top:50%;display:none;margin-top:-18px;width:50px;height:36px;background:none} 
.js-slider .swiper-navigation .icon{width:50px;height:36px;background-color:#000} 
.js-slider .swiper-navigation .icon:after,.js-slider .swiper-navigation .icon:before{content:'';position:absolute;top:50%;left:50%;margin:0 0 0 -4px;width:8px;height:1px;background-color:#fff} 
.js-slider .swiper-navigation .icon:after{margin-top:-1px} 
.js-slider .swiper-navigation.swiper-button-prev{left:0} 
.js-slider .swiper-navigation.swiper-button-prev .icon:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center} 
.js-slider .swiper-navigation.swiper-button-prev .icon:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center} 
.js-slider .swiper-navigation.swiper-button-next{right:0} 
.js-slider .swiper-navigation.swiper-button-next .icon:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center} 
.js-slider .swiper-navigation.swiper-button-next .icon:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center} 
.js-slider .swiper-navigation:hover .icon{background-color:#ef151e} 
.js-slider.loaded .swiper-control,.js-slider.loaded .swiper-navigation{display:block} 

/* --- resources/css/additional.css --- */
/*2019-06-20, 정재홍, 회원통합에 따른 개인정보처리방침 페이지 전면 수정, 표 변형 스타일 추가*/

.util-privacy .table-c.table-col.united th{border-left:none;border-right:1px solid #ececec;} 


.util-privacy .table-c.table-col.united th:last-child{border-right:none;} 


.util-privacy .table-c.table-col.united td{border-left:none;vertical-align:middle;text-align:center;} 


.util-privacy .table-c.table-col.united td.right-border{border-right:1px solid #ececec;} 


.util-privacy .table-c.table-col.united td.text-left{text-align:left;} 




/*2019-07-12, 정재홍 메인 팝업*/

.noticePop{position:fixed;top: 120px;left:50%;background-color:#fff;z-index:9999;} 


.noticePop .popHeader{position: relative;height: 128px;line-height:128px;border-top: 6px solid #EF151E;font-size: 30px;font-weight:400;color:#ef151e;padding-left:50px;letter-spacing:-1px;} 


.noticePop .popHeader:after{content:"";position:absolute;width:24px;height:3px;top:117px;left:50px;background-color:#EF151E;} 


.noticePop .popHeader .popCloseBtn{position:absolute;width:34px;height:34px;top:30px;right:30px;} 


.noticePop .popHeader .popCloseBtn a{display:block;width:100%;height:100%;background:url('../img/btn_close_pop.png') 0 0 no-repeat;text-indent: -1000em;} 


.noticePop .popContent{position: relative;height: 393px;overflow-y:auto;padding:10px 50px 30px;} 


.noticePop .popContent p{font-size: 18px;font-weight:300;line-height: 29px;color:#666;letter-spacing:-1px;} 


.noticePop .popContent p.headline{font-size: 24px;font-weight:400;color:#333;} 


.noticePop .popBottom{position: relative;height: 42px;line-height:42px;border-top: 1px solid #CCCCCC;font-size: 14px;color:#333;padding-left:47px;} 


.noticePop .popBottom input{position:absolute;width:20px;height:20px;bottom:11px;left:17px;border:1px solid #000;background-color:#fff;vertical-align:middle;} 


.noticePop .popBottom .popCloseBtn{position:absolute;width:63px;height:42px;bottom:0px;right:0px;text-align:center;} 


.noticePop .popBottom .popCloseBtn a{color:#333;text-decoration:none;} 




.layerPop190712{display: none;width:520px;height:610px;margin-left:160px;} 




/*2019-07-19, 정재홍, 6월 전수점검 대응*/

.combobox .combobox-scroll-wrap{z-index: 3;} 




/*2019-08-13, 정재홍, 보도자료 표 스타일 추가*/

table.press{width:94%;margin:30px auto 20px;border-collapse: collapse;border-top: 1px solid #000;border-left: 1px solid #000;} 


table.press th, table.press td{border-right: 1px solid #000;border-bottom: 1px solid #000;padding:5px;text-align: center;} 


table.press th.bold, table.press td.bold{font-weight:bold;} 


table.press td.left{text-align: left;} 




/*2019-08-14, 정재홍, 8월 전수점검 대응*/

.combobox .combobox-scroll-wrap{z-index: 13;} 




/*2019-08-29, 정재홍 메인 팝업*/

.noticePop{border:1px solid #b5b5b5;border-top:none;} 


.noticePop img.sample{display:block;width:200px;margin-top:5px;} 




/*2019-10-10, 정재홍, K-foodlife - MomentStory 외부스타일*/

.outerSource191010 .New_Thumbnail_Wraps {display:table; width:100%; margin-top:30px; box-sizing:border-box; padding:0 30px;} 


.outerSource191010 .New_Thumbnail_Wraps {padding:0; width:100%; max-width:1020px; margin:0 auto;} 


.outerSource191010 .New_Thumbnail_Wraps  .Thumbnail_img {float:left; width:48%; max-width:500px;} 


.outerSource191010 .New_Thumbnail_Wraps  .Thumbnail_img:nth-child(odd) {padding-right:10px;} 


.outerSource191010 .New_Thumbnail_Wraps  .Thumbnail_img:nth-child(even) {padding-left:10px;} 


.outerSource191010 .New_Thumbnail_Wraps  .Thumbnail_img .InImg {width:100%; max-width:500px; overflow:hidden;} 
 /* 이미지 세로사이즈 조정 */

.outerSource191010 .New_Thumbnail_Wraps  .Thumbnail_img .InTex {font-size: 16px; line-height: 25px;} 




.outerSource191010 .divider_3 {padding:0 !important;} 


.outerSource191010 .divider_3  .Thumbnail_img {width:33.3333% !important; box-sizing:border-box; text-align:center; padding:0 20px 0 0 !important} 




.outerSource191010 .divider_4 {padding:0 !important;} 


.outerSource191010 .divider_4   .Thumbnail_img {width:25% !important; box-sizing:border-box; padding:0 20px 0 0 !important} 




.outerSource191010 .New_Titles {font-size:35px; font-weight:500; color:#fff;} 


.outerSource191010 .New_Titles2 {font-size:33px !important; color:#fff; font-weight:500;} 


.outerSource191010 .bg_gray {background:#f5f5f5} 


.outerSource191010 .color_gold span {color:#795339} 


.outerSource191010 .h30 {height:30px !important;} 


.outerSource191010 .h50 {height:50px !important;} 


.outerSource191010 .sub_title2 {font-size:24px; color:#333; } 


.outerSource191010 .text_wrap2 {position:relative; text-align:left;} 


.outerSource191010 .button.xlarge {min-width:170px !important;} 


.outerSource191010 .img_control_left {text-align:left; padding-left:30px;} 


.outerSource191010 .img_control_right {text-align:right; padding-right:50px;} 


.outerSource191010 .other_box {padding:0; margin:0;} 


.outerSource191010 .other_box .Thumbnail_img {width:100% !important;} 


.outerSource191010 .divider_3 {padding:0 !important;} 


.outerSource191010 .divider_3  .New_Thumbnail_box .Thumbnail_img {width:33.3333% !important; box-sizing:border-box; padding:0 20px 0 0 !important} 


.outerSource191010 .padL10 {padding-left:10px;} 


.outerSource191010 .maxW {max-width:1050px; margin:0 auto;} 


.outerSource191010 .right_img {position:absolute; right:0; bottom:-23px; width:32%} 


.outerSource191010 .prd_img {width:50%} 


.outerSource191010 .padding_style {padding:60px 0 100px !important;} 


.outerSource191010 .inner_list_box{display:table;width:100%;box-sizing:border-box;} 


.outerSource191010 .inner_list_box ul{padding:0;} 


.outerSource191010 .inner_list_box ul li{float:left;width:49%;margin-right:2%;text-align:left;} 


.outerSource191010 .inner_list_box ul li:nth-child(2n){margin-right:0;} 


.outerSource191010 .inner_list_box ul li .list-title span{font-size:13pt; font-weight:bold;} 


.outerSource191010 .inner_list_box ul li .p-txt{font-size:10.5pt; line-height:180%;} 


.outerSource191010 .book-box{display:table;width:100%;position:relative;padding:0 50px;box-sizing:border-box;} 


.outerSource191010 .book-box .l-txt{padding-right:220px;line-height:180%;} 


.outerSource191010 .book-box .r-img{position:absolute;right:50px;top:0;} 


.outerSource191010 .divider_3 .New_Thumbnail_box .Thumbnail_img{padding:0 !important;margin-right:2%;} 


.outerSource191010 .New_Thumbnail_Wraps .New_Thumbnail_box .last-child{margin-right:0;} 


.outerSource191010 .New_Thumbnail_Wraps .New_Thumbnail_box .Thumbnail_img{width:32% !important;} 


.outerSource191010 .New_Thumbnail_Wraps .New_Thumbnail_box .Thumbnail_img.wh-48{width:48% !important;} 


.outerSource191010 .mg-box-0{margin:0;} 


.outerSource191010 .h600 {height:600px;} 


.outerSource191010 .h170 {height:135px;} 




/*2019-10-22, 정재홍, anchor tag outline style debug*/

/* *:focus{outline: none;} 


.brand-carousel-slider .module .js-carousel-swiper .swiper-button-next{outline:none;} 


.brand-carousel-slider .module .js-carousel-swiper .swiper-button-prev{outline:none;} 


.brand-bibigo-d .js-bibigo-swiper .swiper-button-next{outline:none;} 


.brand-bibigo-d .js-bibigo-swiper .swiper-button-prev{outline:none;} 


.brand-goumet-b .slider-holder .slider-goumet .swiper-navigation{outline:none;} 


.brand-returnup-e .slider-holder .slider-returnup .swiper-navigation{outline:none;} 


.js-slider.loaded .swiper-control, .js-slider.loaded .swiper-navigation{outline:none;} 
 */



/*2019-11-08, 정재홍, K-foodlife - MomentStory 외부스타일*/

.outerSource191031.moment .New_Thumbnail_Wraps {display:table; width:100%; margin-top:30px; box-sizing:border-box; padding:0 30px;} 


.outerSource191031.moment .New_Thumbnail_Wraps {padding:0; width:100%; max-width:1020px; margin:0 auto;} 


.outerSource191031.moment .New_Thumbnail_Wraps  .Thumbnail_img {float:left; width:48%; max-width:500px;} 


.outerSource191031.moment .New_Thumbnail_Wraps  .Thumbnail_img:nth-child(odd) {padding-right:10px;} 


.outerSource191031.moment .New_Thumbnail_Wraps  .Thumbnail_img:nth-child(even) {padding-left:10px;} 


.outerSource191031.moment .New_Thumbnail_Wraps  .Thumbnail_img .InImg {width:100%; max-width:500px; overflow:hidden;} 
 /* 이미지 세로사이즈 조정 */

.outerSource191031.moment .New_Thumbnail_Wraps  .Thumbnail_img .InTex {font-size: 16px; line-height: 25px;} 


.outerSource191031.moment .New_Thumbnail_Wraps  .Thumbnail_img .text {padding:0 10px} 


.outerSource191031.moment .divider_4 {padding:0 !important;} 


.outerSource191031.moment .divider_4   .Thumbnail_img {width:25% !important; box-sizing:border-box; padding:0 10px 0 0 !important} 


.outerSource191031.moment .New_Titles {font-size:35px; font-weight:500; color:#fff;} 


.outerSource191031.moment .bg_gray {background:#f5f5f5} 


.outerSource191031.moment .text_wrap2 {position:relative; text-align:left;} 


.outerSource191031.moment .button.xlarge {min-width:170px !important;} 


.outerSource191031.moment .book-box{display:table;width:100%;position:relative;padding:0 50px;box-sizing:border-box;} 




/*2019-11-18, 정재홍, 11월 전수점검 디버깅*/

.ie .section-util-links li span{letter-spacing:-1px;} 


.ie .util-sitemap-a .nth-child-3.item ul li .name{height: 30px;} 




/*2019-12-13, 정재홍, K-foodlife - BehindStory 외부스타일*/

.outerSource191130.behind .New_Titles2 {font-size:33px !important; color:#fff; font-weight:500;} 




/*2019-12-13, 정재홍, K-foodlife - MomentStory 외부스타일*/

.outerSource191130.moment .New_Titles {font-size:35px; font-weight:500; color:#fff;} 


.outerSource191130.moment .bg_gray {background:#f5f5f5} 


.outerSource191130.moment .button.xlarge {min-width:170px !important;} 




.outerSource191130.moment .d_bg_white {background:#fff; padding:25px;  width:48%;} 


.outerSource191130.moment .d_bg_white.top {border-bottom:4px solid #ef151e; min-height:345px;} 


.outerSource191130.moment .d_bg_white.top .align-left{min-height:143.33px;} 


.outerSource191130.moment .d_bg_white.top.top01 {margin-right:2%;} 


.outerSource191130.moment .d_bg_white.top.top02 {margin-left:2%} 


.outerSource191130.moment .d_bg_white.bot {border-top:4px solid #ef151e; min-height:400px; } 


.outerSource191130.moment .d_bg_white.bot.bot01 {margin-right:2%;} 


.outerSource191130.moment .d_bg_white.bot.bot02 {margin-left:2%;} 


.outerSource191130.moment .d_wrap {padding:60px 40px;} 


.outerSource191130.moment .d_hr {border-top:2px dotted #ddd; padding-top:50px;} 




/*2019-12-20, 정재홍, 12월 전수점검 디버깅*/

.ie .util-agent-a .wrap .item .module .list-type-a li strong .eng-title{font-family:'Noto Sans KR', 'Apple SD Gothic Neo';font-size:16px;} 


.ie .brand-carousel-slider .module .js-carousel-swiper .swiper-button-prev{left:auto;} 




/*20200603 지속가능경영*/

.sustainability .section-visual.is-simple {margin-bottom: 90px;} 


.sustainability .section-visual.is-simple .wrap {padding-bottom: 86px;} 


.sustainability .wrap.is-max {max-width: 1278px;min-width: 1278px;} 


.sustainability .wrap.is-low {max-width: 1078px;min-width: 1078px;} 


.sustainability .container {overflow: visible;} 


.sustainability .container p {color: #666;letter-spacing: -.5px;line-height: 1.75;} 


.sustainability .sub-title {margin: 60px 0 15px;font-size: 30px;color: #ef151e;text-align: center;padding: 0;} 


.sustainability .section-post .sub-title {color:#fff} 


.sustainability h3.basic-title {font-weight: 500;} 


.sustainability table.table-c.col-red {margin-bottom: 30px;width: 100%;border-top: solid 3px #ef151e;} 


.sustainability table.table-c.col-red th {font-weight: bold;border-bottom: 1px solid #666;padding: 8px 0;} 


.sustainability table.table-c.col-red td {border-bottom: 1px solid #666;color: #666;letter-spacing: -.5px;padding: 5px 10px 20px 10px;} 


.sustainability table.table-c.col-red td.text-title {background-color: #f7f6f5;font-weight: bold;color: #333;} 


.sustainability .js-inview .inview-el.nth-child-4 {font-size: 18px;letter-spacing: -0.5px;} 


.sustainability .no-bot {margin-bottom: 0 !important;} 


.sustainability .section-visual.is-simple .wrap:before{display:block;z-index: 1;} 


.sustainability span.desc {font-size: 14px;margin: 24px 0;font-weight: lighter;display: inline-block;} 


.sustainability .bg-01 {background: #faf8f8} 


.sustainability .bg-02 {background: #decebd} 


.csr-overview-a .item .summary {padding-top:15px;line-height:1.7;letter-spacing:-0.8px;} 


.csr-overview-a .item .summary .eng-title {font-family: 'Noto Sans KR';} 


.csr-overview-a .item.nth-child-2 .summary {text-align:center} 


.csr-overview-a .item .module, .csr-overview-a .col-b .col-1-2 .item .module {padding:0 30px 0 40px} 


.csr-overview-a .item .action {position:absolute;bottom:46px;left:50%;margin:0 0 0 -21px} 


.csr-overview-a .item.nth-child-1 .action {position:relative;bottom:auto;left:auto;margin:50px 0 0 0} 


.csr-overview-a .item.nth-child-8 .action {position:relative;bottom:auto;left:auto;display:inline-block;margin-top:-8px;margin-left:30px;vertical-align: middle;} 


.csr-overview-a .item.nth-child-8 .module {height:142px} 


.csr-overview-a .item.nth-child-8 .name {display:inline-block} 


.csr-overview-a .item.nth-child-3 {background-image:url('../img/about/overview_03.png')} 


.csr-overview-a .item.nth-child-4 {background-image:url('../img/about/overview_04.png')} 


.csr-overview-a .item.nth-child-5 {background-image:url('../img/about/overview_05.png')} 


.csr-overview-a .item.nth-child-6 {background-image:url('../img/about/overview_06.png');margin-left:10px;margin-right:10px} 


.csr-overview-a .item.nth-child-7 {background-image:url('../img/about/overview_07.png');margin-top:20px;} 


.csr-overview-a .item.nth-child-8 {background-image:url('../img/about/overview_08.png');margin-top:20px;margin-right:0;height:142px} 


.lang-en .csr-overview-a .item.nth-child-1 .module {height:770px} 


.lang-en .csr-overview-a .item.nth-child-2 .module {height:320px} 


.safety {padding: 60px 100px;} 


.safety .sub-title {margin-bottom: 50px;} 


.safety h3 {font-size: 24px;} 


.safety p {color: #333;line-height: 1.75;} 


.safety .block-list-1 {padding: 30px 30px 0 0;} 


.safety .block-list-2 {padding: 72px 0 0 50px;} 


.safety .block-list-3 {padding: 98px 20px 0 0;} 


.safety .block-list-4 {padding: 14px 36px 36px 36px;background: #fff;margin: 63px 0 40px 0;border-top: 3px solid #ef151e;color: #656565;} 


.safety .block-list-5 {padding: 0 38px 38px 38px;overflow: hidden;} 


.safety .block-list-6 {padding: 0 38px 38px 38px;overflow: hidden;} 


.safety .block-list-6 img {padding: 30px 0;} 


.safety .block-list-6 p {width: 800px;} 


.safety .block-list-5 .line-left {margin-top: 2em;} 


.safety .block-list-5 .line-left:before {content: '';width: 1px;height: 310px;border-left: 1px dotted #666;position: absolute;} 


.safety .block-list-5 .line-left.en-1:before {height: 405px;} 


.safety .block-list-5 .line-left.en-2:before {height: 453px;} 


.safety .block-list-5 .line-left.en-3:before {height: 318px;} 


.safety .block-list-5 .pic {margin-left: 50px;} 


.safety .block-list-5 .pic-2 {margin: 30px;text-align: center;} 


.safety .block-list-4 h3 {font-size: 20px;} 


.safety .block-list-5 span {margin: 0 0 0 12px;} 


.csr-prize .wrap {position: relative;padding-left:320px;padding-bottom:0;margin-bottom:90px;letter-spacing: -0.5px;} 


.csr-prize .wrap:after {content:'';position:absolute;top:14px;bottom:6px;left:280px;display:inline-block;width:1px;background:#e2e2e2} 


.csr-prize .wrap .title {text-align:left;margin-top:90px} 


.csr-prize .wrap .title span {padding-left:0} 


.csr-prize.csr-prize-a .wrap .title {margin-top:0} 


.csr-prize .wrap .desc {text-align:left} 


.csr-prize.csr-prize-a .wrap {background:url('../img/about/prize_01.png') no-repeat 56px 46px} 


.csr-prize.csr-prize-b .wrap {background:url('../img/about/prize_02.png') no-repeat 73px 36px} 


.csr-prize.csr-prize-c .wrap {background:url('../img/about/prize_03.png') no-repeat 96px 10px} 


.csr-report .button-download span {padding-right: 15px;} 


.csr-report.csr-report-b .list {border-top:0 none;border-bottom:0 none} 


.csr-report.csr-report-b .item {background:#fff;border-top:0 none;border-bottom:1px solid #e6e6e6} 


.csr-report.csr-report-b .item.child-gray {background:#fafafa} 


.csr-report.csr-report-b .col-1-3 {width:32%} 


.csr-report.csr-report-b .col-1-3:nth-child(even) {margin:0 2%} 


.csr-report.csr-report-b .col-1-3 .title {padding-top:150px;margin-top:10px} 


.csr-report.csr-report-b .col-1-3 .title span {font-size:30px;color:#333;background:#fff;padding:8px 0} 


.csr-report.csr-report-b .col-1-3 .title + .item {border-top:1px solid #222} 


.csr-report.csr-report-b .col-1-3:nth-child(1) .title {background:url('../img/about/report_icon.png') no-repeat center 0} 


.csr-report.csr-report-b .col-1-3:nth-child(2) .title {background:url('../img/about/report_icon.png') no-repeat center -200px} 


.csr-report.csr-report-b .col-1-3:nth-child(3) .title {background:url('../img/about/report_icon.png') no-repeat center -400px} 


.csr-report.csr-report-b .name {width:155px;line-height:1.5;padding:0 0 0 9%} 


.csr-report.csr-report-b .action {width:42%;margin-right:30px} 


/*csr-page-1*/

.csr-p1-1 .sub-title {margin-top: -15px;} 


.csr-p1-1 .pic {margin: 64px 0 0 0;} 


.csr-p1-2 .wrap .inner {border-bottom: 1px solid #f2f2f2;border-top: 0;margin-bottom: 60px;padding: 20px;border-top: 3px solid #ef151e;border-left: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;} 


.csr-p1-2 .basic-title {margin-top: 0;} 


.csr-p1-2 .relative {min-height: 206px;} 


.csr-p1-2 .button-go {position: absolute;bottom: 5px;right: 15px;} 


.csr-p1-2 .button-go.lang {right: 50px;} 


.csr-p1-2 .btn-pos {min-height: 240px;} 


.csr-p1-3 .pic {margin: 50px 0;text-align: center;} 


.csr-p1-3 .inner {border-top: 2px solid #ef151e;border-bottom: 1px solid #f2f2f2;border-left: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;} 


.csr-p1-3 .inner h3 {padding: 0 0 0 24px;font-weight: 500;} 


.csr-p1-3 .inner p {padding: 0 0 0 24px;border-left: 1px solid #666;} 


.csr-p1-4 h4 {padding-top: 25px;font-size: 16px;font-weight: 400;} 


.csr-p1-4 table.table-c.table-row th span {text-align: center;padding: 0;} 


.csr-p1-4 ul {list-style-type: none;margin: 0;padding: 0;} 


.csr-p1-4 li {background: url("../img/about/sustainability/bullet.png") no-repeat left 5px;padding-left: 10px;display: inline-block;} 


.csr-p1-4.en li {background: url("../img/about/sustainability/bullet.png") no-repeat left 5px;padding-left: 10px;display: inline-block;letter-spacing: -1px;} 


/*csr-page-2*/

.csr-p2-1 .sub-title {margin-top: -15px;} 


.csr-p2-2 .upper {margin: 40px 0 80px 0;} 


.sustainability .csr-p2-2 .title-1 {font-weight: 700;margin: 10px 0 0 0;color: #333;line-height: 1.2;letter-spacing: -1px;} 


.sustainability .csr-p2-2 .title-2 {font-weight: 500;margin: 5px 0 0 0;color: #333;} 


.sustainability .csr-p2-2 p {margin-top: 0;font-weight: lighter;color: #333;line-height: 1.55;letter-spacing: -1px;} 


.csr-p2-2 p.desc-1 {padding-left: 20px;font-weight: normal;color: #666;margin-bottom: 0;} 


.csr-p2-2 p.desc-1 span {padding-left: 12px;} 


/* .lang-cn .csr-p2-2 p {word-break: keep-all;} 
 */

.csr-p2-3 .is-max:before {content: '';width: 1278px;height: 1px;background: #666;position: absolute;} 


.csr-p2-3 .nth-child-1 {padding-top: 80px;} 


.csr-p2-3 .nth-child-2 {padding-top: 46px;margin-bottom: 46px;} 


.csr-p2-3 .grid {background: #fff;border-top: 4px solid #ef151e;} 


.csr-p2-3 .grid .module {padding: 32px;overflow: hidden;} 


.csr-p2-3 .title-1 {font-family: 'Montserrat', sans-serif;font-weight: bold;color: #ef151e;display: table;height: 30px;border-bottom: 1px solid #ef151e;margin: 0;} 


.csr-p2-3 .title-2 {font-weight: bold;color: #333;font-size: 20px;margin-top: 10px;} 


.csr-p2-3 .col-a {width: 260px;} 


.csr-p2-3 .col-b {width: 100px;text-align: center;padding-top: 16px;} 


.csr-p2-3 .col-c {width: 654px;min-height: 420px;} 


.csr-p2-3 .col-c.zh {min-height: 330px;} 


.csr-p2-3 .col-c.en {min-height: 446px;} 


.csr-p2-3 .col-c p {margin: 8px 0 0 0;line-height: 1.6;} 


.csr-p2-3 .col-c span {font-size: 15px;color: #666;position: absolute;bottom: 6px;} 


.csr-purpose-f .item .module {height: 550px;} 


/*csr-page-3*/

.csr-p3-1 .sub-title {margin-top: -15px;} 


.csr-p3-1 .sub-title.list {margin-top: 80px;} 


.csr-p3-1 .item .nth-child-1 {height: 412px;} 


.csr-p3-1 .item .col-1-2 {padding: 63px 56px;} 


.csr-p3-1 .item h3 {font-size: 20px;font-weight: 500;color: #333;margin-top: 0;} 


.csr-p3-1 .item .nth-child-1 {height: 412px;} 


.csr-p3-1 .item .bg-1 {height: 412px;background: url(../img/about/sustainability/highlight-01.jpg);} 


.csr-p3-1 .item .bg-2 {height: 473px;background: url(../img/about/sustainability/highlight-02.jpg);} 


.csr-p3-1 .item .bg-3 {height: 437px;background: url(../img/about/sustainability/highlight-03.jpg);} 


.csr-p3-1 .item .bg-1-en {height: 412px;background: url(../img/about/sustainability/highlight-01-en.jpg);} 


.csr-p3-1 .item .bg-2-en {height: 473px;background: url(../img/about/sustainability/highlight-02-en.jpg);} 


.csr-p3-1 .item .bg-3-en {height: 437px;background: url(../img/about/sustainability/highlight-03-en.jpg);} 


.csr-p3-1 .item .bg-1-zh {height: 412px;background: url(../img/about/sustainability/highlight-01-zh.jpg);} 


.csr-p3-1 .item .bg-2-zh {height: 473px;background: url(../img/about/sustainability/highlight-02-zh.jpg);} 


.csr-p3-1 .item .bg-3-zh {height: 437px;background: url(../img/about/sustainability/highlight-03-zh.jpg);} 


.csr-p3-1 ul {list-style: none;display: table;margin: 0;padding: 0;} 


.csr-p3-1 li {display: table-cell;vertical-align: bottom;padding-right: 2px;} 


.csr-p3-1 li.left {padding-left: 6px;color: #666;} 


.csr-p3-2:before {content: '';width: 1278px;margin: auto;height: 1px;background: #666;margin: 98px auto;} 


.sustainability .csr-p3-2 h2 {margin-bottom: 45px;} 


.csr-p3-2 .pic {margin-bottom: 92px;} 


.csr-purpose-f .item .module .pic {height: 52px;} 


.csr-purpose-f.en .item .module {min-height: 550px;} 


.csr-purpose-f .grid .item.nth-child-11 .module .pic, .csr-purpose-f .grid .item.nth-child-12 .module .pic, .csr-purpose-f .grid .item.nth-child-13 .module .pic, .csr-purpose-f .grid .item.nth-child-14 .module .pic, .csr-purpose-f .grid .item.nth-child-15 .module .pic, .csr-purpose-f .grid .item.nth-child-16 .module .pic, .csr-purpose-f .grid .item.nth-child-17 .module .pic {height: 72px;} 


.csr-purpose-f .item .module {height: 410px;} 


.csr-purpose-f .item .module ul li {font-size: 16px;font-weight: lighter;color: #333;line-height: 19px;letter-spacing: -.5px;} 


.csr-purpose-f .item .module ul li.l5 {float: left;width: 50%;} 


.csr-purpose-f .item.nth-child-18 {display: table;height: 417px;} 


.csr-purpose-f.en .item.nth-child-18 {display: table;height: 550px;} 


.csr-purpose-f .item.nth-child-18 div {display: table-cell;vertical-align: bottom;} 


/*csr-page-4*/

.csr-p4-1 .background {background-image: url('../img/about/sustainability/health-01.jpg')} 


.csr-p4-3 {margin-top: 79px;} 


.csr-p4-3 p.meal {margin-top: 0;} 


/* .csr-p4-3 h5 {width: 165px;height: 41px;line-height: 41px;color: #fff;font-size: 23px;text-align: center;background: #908277;margin: 0 0 24px 0;} 
 */

.csr-p4-3 h5.en {width: 455px;} 


.csr-p4-3 h5.en2 {width: 405px;} 


.csr-p4-3 span.try {padding-bottom: 24px;display: inline-block;margin-left: 0;letter-spacing: -0.5px;} 


.csr-p4-3 .grid {background: #fff;margin-bottom: 18px;} 


.csr-p4-3 .grid.top {margin-bottom: 55px;} 


.csr-p4-3 .grid.bottom {margin-bottom: 54px;} 


/*csr-page-5*/

.csr-p5-1 .background {background-image: url('../img/about/sustainability/envi-01.jpg')} 


.csr-p5-1 .name {font-weight: 600 !important;} 


.csr-p4-1 .background-mask, .csr-p5-1 .background-mask {background-color: #4a672f} 


.csr-p5-3 .item {background: #fff;margin-bottom: 18px;} 


.csr-p5-2 .item {background: #fff;margin-bottom: 18px;height: 371px;} 


.csr-p5-2 .item.en {height: 449px;} 


.csr-p5-2 .item.en-2 {height: 398px;} 


.csr-p5-2 h5 {width: 405px;height: 41px;line-height: 41px;color: #fff;font-size: 23px;text-align: center;background: #908277;margin: 0 0 24px 0;} 


.csr-p5-2 h5.en {width: 605px;letter-spacing: -.5px;} 


.csr-p5-2 h5.zh {width: 405px;letter-spacing: -.5px;} 


.csr-p5-2 .col-txt {width: 405px;} 


.csr-p5-2 .col-txt p {letter-spacing: -1px;} 


.csr-p5-2 .col-txt .block-list-1 {padding: 6px 40px 40px 40px;} 


.csr-p5-2 .col-pic {width: 673px;position: relative;height: 371px;display: table;} 


.csr-p5-2 .col-pic.en {height:449px} 


.csr-p5-2 .col-pic .pic {padding: 40px 22px;text-align: center;} 


.csr-p5-2 .col-pic:before {content: '';width: 1px;border-left: 1px dotted #666;height: 298px;position: absolute;top: 40px;} 


.csr-p5-2 .col-pic.en:before {height: 388px;} 


.csr-p5-2 .col-pic .v-c {display: table-cell;vertical-align: middle;} 


.csr-p5-3 {margin-top: 82px;} 


.csr-p5-3 h5 {width: 365px;height: 41px;line-height: 41px;color: #fff;font-size: 23px;text-align: center;background: #908277;margin: 0 0 24px 0;} 


.csr-p5-3 h5.en {width: 743px;letter-spacing: -.5px;} 


.csr-p5-3 h5.zh {width: 365px;letter-spacing: -.5px;} 


.csr-p5-3 .pic {padding: 30px 0;} 


.csr-p5-3 .item:nth-child(4) {border-top: 3px solid #ef151e;} 


.csr-p5-3 .item:nth-child(5) {margin-top: 264px;position: relative;} 


.csr-p5-3 .item:nth-child(5):before {content: '';width: 100%;background: #666;height: 1px;position: absolute;top: -132px;} 


.csr-p5-3 h2.title-1 {font-family: 'Montserrat', sans-serif;font-weight: bold;color: #ef151e;display: table;height: 30px;border-bottom: 1px solid #ef151e;margin-bottom: 0;} 


.csr-p5-3 h4 {font-size: 20px;color: #333;margin: 20px 0 0 0;} 


/*csr-page-6*/

.csr-p6-1 .sub-title.top {margin-top: -15px;} 


.csr-p6-2 .background {background-image: url(../img/about/sustainability/contribution_01.jpg);} 


.csr-p6-3 .background {background-image: url(../img/about/sustainability/contribution_02.jpg);} 


.csr-p6-1 .upper .wrap {max-width: 1078px;min-width: 1078px;} 


.csr-p6-1 .upper .wrap .desc {font-size: 16px;} 


.csr-p6-1 span {display: inline-block;width: 1078px;margin: auto;color: #333;margin: 46px 0 10px;} 


.csr-p6-1 .pic {text-align: center;border-top: 3px solid #ef151e;padding: 50px 0;} 


.csr-p6-1 .downer .wrap {max-width: 1078px;min-width: 1078px;} 


.csr-p6-1 .wrap .list .item {background-color: #fff;} 


.csr-p6-1 .wrap .list .item:after {content: '';width: 1078px;height: 1px;background: #666;margin: auto;} 


.csr-p6-2 .title-1 {margin: 98px 0 68px;font-size: 30px;color: #ef151e;text-align: center;padding: 0;} 


.csr-p6-2 .col-a, .csr-p6-3 .col-a {float: left;width: 270px;} 


.csr-p6-2 .col-b, .csr-p6-3 .col-b {float: left;width: 603px;} 


.csr-p6-2 .col-c, .csr-p6-3 .col-c {float: left;width: 205px;} 


.csr-p6-3 .col-b strong {font-weight: 700;} 


.csr-p6-2 p, .csr-p6-3 p {margin: 0;} 


.csr-p6-2 .item, .csr-p6-3 .item {width: 1078px;margin: auto;} 


.csr-p6-2 .item.nth-child-4, .csr-p6-3 .item.nth-child-2 {border-bottom: 0;} 


.csr-p6-2 .item .title-2, .csr-p6-3 .item .title-1 {margin: 0;padding: 0;color: #ef151e;line-height: 1.6;font-size: 20px;font-weight: 500;} 


/*csr-page-7*/

.csr-p7-1 .sub-title {margin-top: -15px;} 


.csr-p7-1 .sub-title.en {margin-bottom: 25px;} 


.csr-p7-1 .ceo {height: 402px;} 


.csr-p7-1 .msg {float: left;} 


.csr-p7-1 p.greeting {font-size: 30px;font-weight: bold;line-height: 1.53;color: #333;margin: 50px 0 42px 0;} 


.csr-p7-1 p.description {font-size: 20px;font-weight: bold;line-height: 1.65;color: #333;margin-top: 80px;} 


.csr-p7-1 p.description:before {content: '';width: 45px;height: 2px;background: #ef151e;position: absolute;top: -40px;} 


.csr-p7-1 .pic {position: absolute;bottom: 0;right: 0;} 


.csr-p7-2 {margin-top: 47px;} 


.csr-p7-2 .pic {width: 330px;} 


.csr-p7-2 .txt {width: 748px;} 


.csr-p7-2 .txt .desc {margin: 0 0 37px 0;letter-spacing: 0;} 


.csr-p7-2 .txt .signature {float: right;	width: 320px;} 


.csr-p7-2 .txt .signature.en {width: 500px;} 


.csr-p7-2 .txt .signature.zh {width: 300px;} 


.csr-p7-2 .txt span {display: inline-block;} 


.csr-p7-2 .txt span.ceo {font-size: 48px;margin-left: 8px;} 


.csr-p7-2 .txt span.ceo.en {font-size: 48px;margin-left: 8px;} 


.csr-p7-2 .txt .sig-img {width: 212px;display: inline-block;margin-left: 46px;} 


.csr-p7-2 .txt .sig-img.en {margin-left: 254px;} 


.csr-p7-3 .pdf-link {width: 539px;margin: auto;border-top: 1px solid #666;border-bottom: 1px solid #666;min-height: 113px;} 


.csr-p7-3 .pdf-link a {position: absolute;top: 50px;right: 0;} 


.csr-p7-3 .pdf-link p {text-align: left;font-weight: bold;margin-left: 20px;} 


.csr-p7-3 .pdf-link .button-download {font-family: 'Noto Sans KR', 'Montserrat', Arial, Helvetica, sans-serif;border: solid 1px #666;border-color: #666;width: 136px;} 


.csr-p7-3 .pdf-link .button-more span {color: #666;} 




.csr-p7-3 .pdf-list {width:720px} 


.csr-p7-3 .pdf-list p {margin-left:30px} 


.csr-p7-3 .pdf-list a {position: relative;top: auto;right: auto;} 


.csr-p7-3 .pdf-list .grid .col-title {width:19%} 


.csr-p7-3 .pdf-list .grid .col-list {width:81%} 


.csr-p7-3 .pdf-list .grid .col-list ul {padding:0 30px 0 0} 


.csr-p7-3 .pdf-list .grid .col-list ul:after {content:'';display:table;clear:both} 


.csr-p7-3 .pdf-list .grid .col-list li {list-style:none;float:left;width:50%;min-height:43px;text-align:right} 


.csr-p7-3 .pdf-list .grid .col-list li:before {display:none} 


.csr-p7-3 .pdf-list .grid .col-list li strong {display:inline-block;vertical-align:middle;min-width:90px;padding-right:12px;text-align:right} 


.csr-p7-3 .pdf-list .grid .col-list li a {vertical-align:middle;text-align:left} 


.csr-p7-3 .pdf-list .grid .col-list li a span {margin-left:0} 




.csr-p7-3 h3 {color: #666;} 


.csr-p7-3 ul li {padding: 4px 0;} 


.csr-p7-3 .block-list h3 {font-size: 26px;color: #333;margin: 10px 0;line-height: 1.2;} 


.csr-p7-3 ul li:before {content: '•';position: relative;top: -1px;padding-right: 2px;font-size: 12px;} 


.csr-p7-3 ul li span {margin-left: 6px;} 


.csr-p7-3 .block-list {padding: 24px 32px;} 


.csr-p7-4 .sub-title {margin-top: -15px;} 


.csr-p7-4 .sub-title2 {font-size:26px;color:#333;text-align:center;font-weight:normal;margin:50px 0 2px;} 


.csr-p7-4 .js-inview .pic {margin: 0 8px;text-align: center;position:relative} 


.csr-p7-4 .js-inview .pic h3 {margin-bottom: 0;letter-spacing:-0.2px;} 


.csr-p7-4 .js-inview .pic p {margin: 0 0 42px 0;} 


.csr-p7-4 .js-inview .pic .modalEvent {position:absolute;bottom:6px;right:102px;} 


.csr-p7-4 .js-inview .pic .modalEvent .action {margin:0} 


.csr-p7-4 .list-2 {border-top: 1px solid #666;border-bottom: 1px solid #666;padding: 62px 0;} 


.csr-p7-4 .list-3 {padding: 62px 0;} 


.csr-p7-4 .list-3 .grid .col .pic {margin-right:8px} 


/* .csr-p7-4 .list-3 .grid .col:first-child .pic {margin-left:0} 
 */

.csr-p7-4 .col .pdf-link {width:auto;border-top: 1px solid #666;border-bottom: 1px solid #666;height: 113px;margin-right:8px} 


/* .csr-p7-4 .col:first-child .pdf-link {width:359px;margin-left:0} 
 */

.csr-p7-4 .pdf-link a {position: absolute;top: 50px;right: 20px;} 


.csr-p7-4 .pdf-link a.en {width: 170px;} 


.csr-p7-4 .pdf-link p {text-align: left;font-weight: bold;margin-left: 20px;} 


.csr-p7-3 .button-download, .csr-p7-4 .button-download {border: solid 1px #666;border-color: #666;width: 136px;font-family: 'Noto Sans KR', 'Montserrat', Arial, Helvetica, sans-serif;} 


.csr-p7-3 .button-download span, .csr-p7-4 .button-download span {padding: 0 30px 0 14px;} 


.csr-p7-4 .button-download i, .csr-p7-3 .button-download i {background-image: url(../img/common/button_more_2.png);width: 16px;height: 38px;background-size: 16px 38px;} 


.csr-p7-4 .button-download:hover i, .csr-p7-3 .button-download:hover i {background-image: url(../img/common/button_more_on.png);width: 16px;height: 38px;background-size: 16px 38px;} 


.csr-p7-4 .pdf-link .button-more span {color: #666;} 


.csr-p7-4 .down-link {border-top: 1px solid #666;border-bottom: 1px solid #666;height: 113px;} 


.csr-p7-4 .down-link a {position: absolute;top: 50px;right: 30px;} 


.csr-p7-4 .down-link a.en {width: 170px;} 


.csr-p7-4 .down-link p {text-align: left;font-weight: bold;margin-left: 20px;margin-top: 26px;} 


.csr-p7-4 .down-link.left {border-left: 1px solid #666;} 


.csr-p7-4 .down-link .button-more span {color: #666;} 


.csr-p7-4 .last {margin-top: 50px;} 


.csr-p7-4 .pic.schematic {padding-top: 10px;} 


.csr-p7-4 .compliance_list {margin:10px 0;} 


.csr-p7-4 .compliance_list ul {list-style:none;margin:0;padding:0;zoom:1} 


.csr-p7-4 .compliance_list ul:after {content:" ";display: table;clear:both} 


.csr-p7-4 .compliance_list > ul > li {float:left;width:33.3333%;padding:30px 0 0} 


.csr-p7-4 .compliance_list ul li .pic {text-align:center} 


.csr-p7-4 .compliance_list ul li ul {margin:30px 0 0 30px} 


.csr-p7-4 .compliance_list ul li li {color:#666;padding:3px 0} 




/* 윤리경영 팝업 */

.ethical-2021 .modal-title {margin: 40px 0 0;padding: 0;text-align: center;font-size:30px!important;color: #ef151e;} 


.ethical-2021 .upper {margin:30px -40px 0} 


.ethical-2021 .downer ul, .ethical-2021 .downer ol {list-style:none;padding:0;margin:0} 


.ethical-2021 .downer ul > li {padding:7px 80px 22px;border-top:1px solid #dcdcdc} 


.ethical-2021 .downer ul > li:first-child {border-top:0 none} 


.ethical-2021 .downer li h3 {position:relative;font-size:24px;color:#333;font-weight:normal;padding:10px 0;margin:24px 0 0px;} 


.ethical-2021 .downer li h3:after {content:'';position:absolute;bottom:0;left:0;display:block;width:20px;height:2px;background:#ef151e;} 


.ethical-2021 .downer li p {color:#666;margin:12px 0;line-height:1.8} 


.ethical-2021 .downer li > ol {padding-top:5px} 


.ethical-2021 .downer li ol li {color:#666;padding:12px 0 8px} 


.ethical-2021 .downer li ol li ol {padding:6px 0 0;} 


.ethical-2021 .downer li ol li ol li {padding:7px 17px;} 




/*2021 지속가능경영*/

/*common*/

.sustainability2021 .section-visual .title sup {top:0;font-size:100%;vertical-align:super;} 


.sustainability2021 .section-visual.is-simple {margin-bottom: 90px;} 


.sustainability2021 .section-visual.is-simple .wrap {padding-bottom: 86px;} 


.sustainability2021 .section-visual.is-simple .wrap:before{display:block;z-index: 1;} 


.sustainability2021 .wrap.is-max {max-width: 1278px;min-width: 1278px; } 
 

.sustainability2021 .wrap.is-max.sec-2 {margin-top: 60px; } 
 

.sustainability2021 .wrap.is-low {max-width: 1078px;min-width: 1078px; } 
 

.sustainability2021 .wrap.is-low h5 {font-weight: normal;color: #666;margin: 0 0 20px 0; } 
 

.sustainability2021 .container {overflow: visible; } 
 

.sustainability2021 .container p {color: #666;letter-spacing: -.5px;line-height: 1.75; } 
 

.sustainability2021 .text-center {text-align: center; } 
 

.sustainability2021 .sub-title {margin: 60px 0 15px;font-size: 30px; color: #ef151e; text-align: center; padding: 0; } 
 

.sustainability2021 .section-post  .sub-title {color:#fff} 
 

.sustainability2021 h3.basic-title {font-weight: 500; } 
 

.sustainability2021 span.desc-1 {color: #3e3a39;display: block;margin: 3px 0 20px 0; } 
 

.sustainability2021 table.table-c.col-red {margin-bottom: 30px;width: 100%;border-top: solid 3px #ef151e; } 
 

.sustainability2021 table.table-c.col-red th {font-weight: bold;border-bottom: 1px solid #666;padding: 8px 0; } 
 

.sustainability2021 table.table-c.col-red td {border-bottom: 1px solid #666;color: #666;letter-spacing: -.5px;padding: 5px 10px 20px 10px; } 
 

.sustainability2021 table.table-c.col-red td.text-title {background-color: #f7f6f5;font-weight: bold;color: #333; } 
 

.sustainability2021 table.table-c.chart-1 {border-top: 0; } 
 

.sustainability2021 table.table-c.chart-1 th {font-weight: bold;border-right: 1px solid #fff;padding: 8px 0;text-align: left;color: #fff;padding-left: 10px; } 
 

.sustainability2021 table.table-c.chart-1 th:first-child {background: #f12c35; } 
 

.sustainability2021 table.table-c.chart-1 th:nth-child(2), .sustainability2021 table.table-c.chart-1 th:nth-child(3) {background: #8f8377; } 
 

.sustainability2021 table.table-c.chart-1 th:nth-child(4), .sustainability2021 table.table-c.chart-1 th:nth-child(5) {background: #969696; } 
 

.sustainability2021 table.table-c.chart-1 th:last-child {background: #c8c8c8;border-right: 0; } 
 

.sustainability2021 table.table-c.chart-1 td {vertical-align: middle;border-bottom: 1px solid #b2b2b2;padding: 10px; } 
 

.sustainability2021 table.table-c.chart-1 td.bg-1 {background: #f6f6f6;color: #8f8377;font-weight: bold;border-right: 1px solid #fff; } 
 

.sustainability2021 table.table-c.chart-1 td.bg-2 {color: #ef151e;font-weight: bold;border-bottom: 1px solid #ef151e;vertical-align: top;background: url(../img/about/sustainability2021/bg-strategy-chart-1.png) no-repeat 90% 86%; } 
 

.sustainability2021 table.table-c.chart-1 td.bg-3 {color: #ef151e;font-weight: bold;border-bottom: 1px solid #ef151e;vertical-align: top;background: url(../img/about/sustainability2021/bg-strategy-chart-2.png) no-repeat 90% 86%; } 
 

.sustainability2021 table.table-c.chart-1 td.line-1 {border-bottom: 1px solid #666666; } 
 

.sustainability2021 .js-inview .inview-el.nth-child-4 { font-size: 18px; letter-spacing: -0.5px; } 
 

.sustainability2021 .no-bot {margin-bottom: 0 !important; } 
 

.sustainability2021 .no-dis {display: none; } 
 

.sustainability2021 .section-visual.is-simple .wrap:before {z-index: 1; } 
 

.sustainability2021 span.desc {font-size: 14px;margin: 24px 0;font-weight: lighter;display: inline-block; } 
 

.sustainability2021 .bg-01 {background: #faf8f8} 


.sustainability2021 .bg-02 {background: #decebd} 


.sustainability2021 .bg-01.mg-90 {margin-top: 90px; } 
 

.sustainability2021 .safety {padding: 60px 100px; } 
 

.sustainability2021 .safety .sub-title {margin: 0 0 50px 0; } 
 

.sustainability2021 .safety h3 {font-size: 24px; } 
 

.sustainability2021 .safety p {color: #333;line-height: 1.75; } 
 

.sustainability2021 .safety .block-list-1 {padding: 30px 30px 0 0; } 
 

.sustainability2021 .safety .block-list-2 {padding: 72px 0 0 50px; } 
 

.sustainability2021 .safety .block-list-3 {padding: 98px 20px 0 0; } 
 

.sustainability2021 .safety .block-list-4 {padding: 14px 36px 36px 36px;background: #fff;margin: 63px 0 40px 0;border-top: 3px solid #ef151e;color: #656565; } 
 

.sustainability2021 .safety .block-list-5 {padding: 0 38px 38px 38px;overflow: hidden; } 
 

.sustainability2021 .safety .block-list-6 {padding: 0 38px 38px 38px;overflow: hidden; } 
 

.sustainability2021 .safety .block-list-6 img {padding: 30px 0; } 
 

.sustainability2021 .safety .block-list-6 p {width: 800px; } 
 

.sustainability2021 .safety .block-list-5 .line-left {margin-top: 2em; } 
 

.sustainability2021 .safety .block-list-5 .line-left:before {content: '';width: 1px;height: 310px;border-left: 1px dotted #666;position: absolute; } 
 

.sustainability2021 .safety .block-list-5 .line-left.en-1:before {height: 405px; } 
 

.sustainability2021 .safety .block-list-5 .line-left.en-2:before {height: 453px; } 
 

.sustainability2021 .safety .block-list-5 .line-left.en-3:before {height: 318px; } 
 

.sustainability2021 .safety .block-list-5 .pic {margin-left: 50px; } 
 

.sustainability2021 .safety .block-list-5 .pic-2 {margin: 30px;text-align: center; } 
 

.sustainability2021 .safety .block-list-4 h3 {font-size: 20px; } 
 

.sustainability2021 .safety .block-list-5 span {margin: 0 0 0 12px;display: inline-block; } 
 

/*csr-page-1*/

.sustainability2021 .csr-p1-1 .sub-title {margin-top: -15px; } 
 

.sustainability2021 .csr-p1-1 .pic {margin: 64px 0 0 0; } 
 

.sustainability2021 .csr-p1-2 .wrap .inner { border-bottom: 1px solid #f2f2f2; border-top: 0; margin-bottom: 60px; padding: 20px; border-top: 3px solid #ef151e; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; } 
 

.sustainability2021 .csr-p1-2 .basic-title {margin-top: 0; } 
 

.sustainability2021 .csr-p1-2 .relative {min-height: 206px; } 
 

.sustainability2021 .csr-p1-2 .button-go {position: absolute;bottom: 5px;right: 15px; } 
 

.sustainability2021 .csr-p1-2 .button-go.lang {right: 50px; } 
 

.sustainability2021 .csr-p1-2 .btn-pos {min-height: 240px; } 
 

.sustainability2021 .csr-p1-3 .pic {margin: 50px 0;text-align: center; } 
 

.sustainability2021 .csr-p1-3 .inner {border-top: 2px solid #ef151e;border-bottom: 1px solid #f2f2f2;border-left: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2; } 
 

.sustainability2021 .csr-p1-3 .inner h3 {padding: 0 0 0 24px;font-weight: 500; } 
 

.sustainability2021 .csr-p1-3 .inner p {padding: 0 0 0 24px;border-left: 1px solid #666; } 
 

.sustainability2021 .csr-p1-3 .item {background: #fff;padding: 40px; } 
 

.sustainability2021 .csr-p1-3 .item.mg-20 {margin-top: 20px; } 
 

.sustainability2021 .csr-p1-3 .col-subject {margin: 0; padding: 0; color: #ef151e; line-height: 1.4; font-size: 20px; font-weight: 500; width: 25%; } 
 

.sustainability2021 .csr-p1-3 .col-desc { width: 75%; } 
 

.sustainability2021 .csr-p1-3 .col-desc p { margin: 0; } 
 

.sustainability2021 .csr-p1-3 .col-desc p.desc { font-weight: bold; } 
 

.sustainability2021 .csr-p1-3 .row {overflow: hidden; } 
 

.sustainability2021 .csr-p1-3 table.col-red {margin-bottom: 0; } 
 

.sustainability2021 .csr-p1-4 h4 {padding-top: 25px;font-size: 16px;font-weight: 400; } 
 

.sustainability2021 .csr-p1-4 table.table-c.table-row th span {text-align: center;padding: 0; } 
 

.sustainability2021 .csr-p1-4 ul {list-style-type: none;margin: 0;padding: 0; } 
 

.sustainability2021 .csr-p1-4 li { background: url("../img/about/sustainability2021/bullet.png") no-repeat left 5px; padding-left: 10px; display: inline-block; } 
 

.sustainability2021 .csr-p1-4.en li { background: url("../img/about/sustainability2021/bullet.png") no-repeat left 5px; padding-left: 10px; display: inline-block; letter-spacing: -1px; } 
 

/*csr-page-2*/

.sustainability2021 .csr-p2-1 .sub-title {margin-top: -15px; } 
 

.sustainability2021 .csr-p2-2 .upper {margin: 40px 0 80px 0; } 
 

.sustainability2021 .csr-p2-2 .title-1 {font-weight: 700;margin: 10px 0 0 0;color: #333;line-height: 1.2;letter-spacing: -1px; } 
 

.sustainability2021 .csr-p2-2 .title-2 {font-weight: 500;margin: 5px 0 0 0;color: #333; } 
 

.sustainability2021 .csr-p2-2 p {margin-top: 0;font-weight: lighter;color: #333;line-height: 1.55;letter-spacing: -1px; font-size:14px} 
 

.sustainability2021 .csr-p2-2 p.desc-1 {padding-left: 20px;font-weight: normal;color: #666;margin-bottom: 0; } 
 

.sustainability2021 .csr-p2-2 p.desc-1 span {padding-left: 12px; } 
 

.sustainability2021 .csr-p2-3 .is-max:before {content: '';width: 1278px;height: 1px;background: #666;position: absolute; } 
 

.sustainability2021 .csr-p2-3 .nth-child-1 {padding: 80px 0; } 
 

.sustainability2021 .csr-p2-3 .nth-child-2 {padding-top: 46px;margin-bottom: 46px; } 
 

.sustainability2021 .csr-p2-3 .grid {background: #fff;border-top: 4px solid #ef151e; } 
 

.sustainability2021 .csr-p2-3 .grid .module {padding: 32px;overflow: hidden; } 
 

.sustainability2021 .csr-p2-3 .title-1 {font-family: 'Montserrat', sans-serif;font-weight: bold;color: #ef151e;display: table;height: 30px;border-bottom: 1px solid #ef151e;margin: 0; } 
 

.sustainability2021 .csr-p2-3 .title-2 {font-weight: bold;color: #333;font-size: 20px;margin-top: 10px; } 
 

.sustainability2021 .csr-p2-3 .col-a {width: 260px; } 
 

.sustainability2021 .csr-p2-3 .col-b {width: 100px;text-align: center;padding-top: 16px; } 
 

.sustainability2021 .csr-p2-3 .col-c {width: 654px;min-height:auto} 
 

.sustainability2021 .csr-p2-3 .col-c.zh {min-height: 330px; } 
 

.sustainability2021 .csr-p2-3 .col-c.en {min-height: 446px; } 
 

.sustainability2021 .csr-p2-3 .col-c p {margin: 8px 0 0 0;line-height: 1.6; } 
 

.sustainability2021 .csr-p2-3 .col-c span {font-size: 15px;color: #666;position: absolute;bottom: 6px; } 
 

.sustainability2021 .csr-purpose-f .item .module { height: 550px; } 
 

/*csr-page-3*/

.sustainability2021 .csr-p3-1 .sub-title {margin-top: -15px; } 
 

.sustainability2021 .csr-p3-1 .sub-title.list {margin-top: 80px; } 
 

.sustainability2021 .csr-p3-1 .item .nth-child-1 {height: 412px; } 
 

.sustainability2021 .csr-p3-1 .item .col-1-2 {padding: 60px 56px; } 
 

.sustainability2021 .csr-p3-1 .item h3 {font-size: 20px;font-weight: 500;color: #333;margin-top: 0; } 
 

.sustainability2021 .csr-p3-1 .item .nth-child-1 {height: 412px; } 
 

.sustainability2021 .csr-p3-1 .item .bg-1 {height: 412px;background: url(../img/about/sustainability2021/highlight-01.png) no-repeat center center; } 
 

.sustainability2021 .csr-p3-1 .item .bg-2 {height: 473px;background: url(../img/about/sustainability2021/highlight-02.png) no-repeat center center; } 
 

.sustainability2021 .csr-p3-1 .item .bg-3 {height: 437px;background: url(../img/about/sustainability2021/highlight-03.png) no-repeat center center; } 
 

.sustainability2021 .csr-p3-1 .item .bg-4 {height: 437px;background: url(../img/about/sustainability2021/highlight-04.png) no-repeat center center; } 
 

.sustainability2021 .csr-p3-1 .item .bg-1-en {height: 412px;background: url(../img/about/sustainability2021/highlight-01-en.jpg); } 
 

.sustainability2021 .csr-p3-1 .item .bg-1-zh {height: 412px;background: url(../img/about/sustainability2021/highlight-01-zh.jpg); } 
 

.sustainability2021 .csr-p3-1 .item .bg-2-en {height: 473px;background: url(../img/about/sustainability2021/highlight-02-en.jpg); } 
 

.sustainability2021 .csr-p3-1 .item .bg-2-zh {height: 473px;background: url(../img/about/sustainability2021/highlight-02-zh.jpg); } 
 

.sustainability2021 .csr-p3-1 .item .bg-3-en {height: 437px;background: url(../img/about/sustainability2021/highlight-03-en.jpg); } 
 

.sustainability2021 .csr-p3-1 .item .bg-3-zh {height: 437px;background: url(../img/about/sustainability2021/highlight-03-zh.jpg); } 
 

.sustainability2021 .csr-p3-1 ul {list-style: none;display: table;margin: 0;padding: 0; } 
 

.sustainability2021 .csr-p3-1 li {display: table-cell;vertical-align: bottom;padding-right: 2px; } 
 

.sustainability2021 .csr-p3-1 li.left {padding-left: 6px;color: #666; } 
 

.sustainability2021 .csr-p3-2:before {content: '';width: 1278px;margin: auto;height: 1px;background: #666;margin: 98px auto; } 
 

.sustainability2021 .csr-p3-2 h2 {margin-bottom: 20px; } 
 

.sustainability2021 .csr-p3-2 .pic {margin-bottom: 92px; } 
 

.sustainability2021 .csr-purpose-f .item .module .pic {height: 52px; } 
 

.sustainability2021 .csr-purpose-f.en .item .module {min-height: 550px; } 
 

.sustainability2021 .csr-purpose-f .grid .item.nth-child-11 .module .pic, 

.sustainability2021 .csr-purpose-f .grid .item.nth-child-12 .module .pic, 

.sustainability2021 .csr-purpose-f .grid .item.nth-child-13 .module .pic, 

.sustainability2021 .csr-purpose-f .grid .item.nth-child-14 .module .pic, 

.sustainability2021 .csr-purpose-f .grid .item.nth-child-15 .module .pic, 

.sustainability2021 .csr-purpose-f .grid .item.nth-child-16 .module .pic, 

.sustainability2021 .csr-purpose-f .grid .item.nth-child-17 .module .pic {height: 72px; } 
 

.sustainability2021 .csr-purpose-f .item .module {height: 410px; } 
 

.sustainability2021 .csr-purpose-f .item .module ul li {font-size: 16px;font-weight: lighter;color: #333;line-height: 19px;letter-spacing: -.5px; font-size:14px} 
 

.sustainability2021 .csr-purpose-f .item .module ul li.l5 {float: left;width: 50%; } 
 

.sustainability2021 .csr-purpose-f .item.nth-child-18 {display: table;height: 417px; } 
 

.sustainability2021 .csr-purpose-f.en .item.nth-child-18 {display: table;height: 550px; } 
 

.sustainability2021 .csr-purpose-f .item.nth-child-18 div {display: table-cell;vertical-align: bottom; } 
 



/*csr-page-4*/

.sustainability2021 .csr-p4-1 .background {background-image: url('../img/about/sustainability2021/health-01.jpg')} 


.sustainability2021 .csr-p4-1 .name {font-weight: 600 !important; } 
 

.sustainability2021 .csr-p4-3 {margin-top: 79px; } 
 

.sustainability2021 .csr-p4-3 p.meal {margin-top: 0; } 
 

.sustainability2021 .csr-p4-3 h5 {width:fit-content;block-size: fit-content;height: 41px;line-height: 41px;color: #fff;font-size: 23px;text-align: center;background: #908277;margin: 0 0 24px 0;padding: 0 15px;} 
 

.sustainability2021 .csr-p4-3 h5.fit {width: 280px; } 
 

.sustainability2021 .csr-p4-3 h5.en {width: 455px; } 
 

.sustainability2021 .csr-p4-3 h5.en2 {width: 405px; } 
 

.sustainability2021 .csr-p4-3 span.try {padding-bottom: 24px;display: inline-block;margin-left: 0;letter-spacing: -0.5px;line-height:1.75 } 
 

.sustainability2021 .csr-p4-3 .grid {background: #fff;margin-bottom: 18px; } 
 

.sustainability2021 .csr-p4-3 .grid.top {margin-bottom: 55px; } 
 

.sustainability2021 .csr-p4-3 .grid.bottom {margin-bottom: 54px; } 
 

.sustainability2021 .csr-p4-3 .cm-1, .sustainability2021 .csr-p4-3 .cm-2 {text-align: center; } 
 

.sustainability2021 .csr-p4-3 .cm-1:after {content: '';width: 100%;display: block;margin: 60px 0;height: 1px;background: #ef151e; } 
 

.sustainability2021 .csr-p4-3 .cm-1 h4 {text-align: center;color: #ef151e;font-size: 24px; } 
 

.sustainability2021 .csr-p4-3 .cm-1 h6, .sustainability2021 .csr-p4-3 .cm-2 h6 {text-align: center;color: #ef151e;font-size: 18px;margin: 0 0 40px 0; } 
 

.sustainability2021 .csr-p4-3 .cm-1 h6.tb-1 {color: #8f8377; } 
 

.sustainability2021 .csr-p4-3 .cm-1 span, .sustainability2021 .csr-p4-3 .cm-2 span {margin: 20px auto;text-align: left;font-size: 14px;display: block;width: 90%; } 
 

.sustainability2021 .csr-p4-3 .cm-2 span u {margin-left: 10px; } 
 

.sustainability2021 .csr-p4-3 .cm-1 th {padding: 5px 0;font-weight: bold;font-size: large; } 
 

.sustainability2021 .csr-p4-3 .cm-1 th, .sustainability2021 .csr-p4-3 .cm-1 td {border-left: 5px solid #fff;border-right: 5px solid #fff; border-collapse: collapse; } 
 

.sustainability2021 .csr-p4-3 .cm-1 td {text-align: left;vertical-align: top;background: #faf8f8;padding: 10px; } 
 

.sustainability2021 .csr-p4-3 .cm-1 th {text-align: center;background-color: #8f8377;color: #fff; } 
 

/*csr-page-5*/

.sustainability2021 .csr-p5-1 .background {background-image: url('../img/about/sustainability2023/visual-society.png')} 


.sustainability2021 .csr-p5-1 .name {font-weight: 600 !important; } 
 

.sustainability2021 .csr-p4-1 .background-mask, .sustainability2021 .csr-p5-1 .background-mask {background-color: #4a672f} 


.sustainability2021 .csr-p5-3 .item {background: #fff;margin-bottom: 18px; } 
 

.sustainability2021 .csr-p5-3 .item:nth-child(4) {border-top:0 none;} 


.sustainability2021 .csr-p5-3 .item:nth-child(5) {margin-top:0;position: relative;} 


.sustainability2021 .csr-p5-3 .item:nth-child(5):before {display:none} 


.sustainability2021 .csr-p5-2 .item {background: #fff;margin-bottom: 18px;height: max-content;height: intrinsic; /* Safari/WebKit uses a non-standard name */height: -moz-max-content; /* Firefox/Gecko */height: -webkit-max-content; /* Chrome */} 


.sustainability2021 .csr-p5-2 .block-list {padding: 0 40px 40px 40px; } 
 

.sustainability2021 .csr-p5-2 .item.en {height: 449px; } 
 

.sustainability2021 .csr-p5-2 .item.en-2 {height: 398px; } 
 

.sustainability2021 .csr-p5-2 h5 {width: intrinsic; /* Safari/WebKit uses a non-standard name */width: -moz-max-content; /* Firefox/Gecko */width: -webkit-max-content; /* Chrome */width: max-content;height: 41px;line-height: 41px;color: #fff;padding: 0 10px;font-size: 23px;text-align: center;background: #908277;margin: 0 0 24px 0; } 
 

.sustainability2021 .csr-p5-2 h5.en {width: 605px;letter-spacing: -.5px; } 
 

.sustainability2021 .csr-p5-2 h5.zh {width: 405px;letter-spacing: -.5px; } 
 

.sustainability2021 .csr-p5-2 .col-txt {width: 405px; } 
 

.sustainability2021 .csr-p5-2 .col-txt p, .sustainability2021 .csr-p5-2 .block-list p {letter-spacing: -1px;margin: 0; } 
 

.sustainability2021 .csr-p5-2 .col-txt .block-list-1 {padding: 6px 40px 40px 40px; } 
 

.sustainability2021 .csr-p5-2 .col-pic {width: 673px;position: relative;height: 371px;display: table; } 
 

.sustainability2021 .csr-p5-2 .col-pic .pic {padding: 40px 25px;text-align: center; } 
 

.sustainability2021 .csr-p5-2 .col-pic:before {content: '';width: 1px;border-left: 1px dotted #666;height: calc(100% - 80px);position: absolute;top: 40px; } 
 

.sustainability2021 .csr-p5-2 .col-pic.en:before {height: 388px; } 
 

.sustainability2021 .csr-p5-2 .col-pic .v-c {display: table-cell;vertical-align: middle; } 
 

.sustainability2021 .csr-p5-3 {margin-top: 82px; } 
 

.sustainability2021 .csr-p5-3 .sub-title {margin-top: 0; } 
 

.sustainability2021 .csr-p5-3 h5 {width: intrinsic; /* Safari/WebKit uses a non-standard name */width: -moz-max-content; /* Firefox/Gecko */width: -webkit-max-content; /* Chrome */width: max-content;padding: 0 10px;height: 41px;line-height: 41px;color: #fff;font-size: 23px;text-align: center;background: #908277;margin: 24px 0 24px 0; } 
 

.sustainability2021 .csr-p5-3 h5.en {width: 743px;letter-spacing: -.5px; } 
 

.sustainability2021 .csr-p5-3 h5.zh {width: 365px;letter-spacing: -.5px; } 
 

.sustainability2021 .csr-p5-3 .pic {padding: 30px 0; } 
 

.sustainability2021 .csr-p5-3 p.mbt0 {margin-bottom: 0; } 
 

.sustainability2021 .csr-p5-3 .block-w {padding: 20px;background: #faf8f8; } 
 

.sustainability2021 .csr-p5-3 .block-bd-r {border: 2px solid #ef151e;margin: 0 40px 40px 40px;display: table;width: calc(100% - 80px);overflow: hidden; } 
 

.sustainability2021 .csr-p5-3 .block-bd-r .pd-1 {background: #ef151e;width: 25%;text-align: center;color: #fff;display: table-cell;vertical-align: middle; } 
 

.sustainability2021 .csr-p5-3 .block-bd-r .pd-2 {padding: 20px;display: table-cell; } 
 

.sustainability2021 .csr-p5-3 .img-top {margin: 60px 0 0 0; } 
 

.sustainability2021 .csr-p5-3 .block-w .img-box {background: #fff;text-align: center;margin: 20px 0; } 
 

.sustainability2021 .csr-p5-3 .tb-3 {border-collapse: collapse;border: 1px solid #fff;margin-top: 40px; } 
 

.sustainability2021 .csr-p5-3 .tb-3 th {background: #ef151e;color: #fff;text-align: center;padding: 5px 0; } 
 

.sustainability2021 .csr-p5-3 .tb-3 td {background: #eae8e8;vertical-align: top;padding: 10px;border: 1px solid #fff; } 
 

.sustainability2021 .csr-p5-3 .tb-3 td.bg-1.icon-1 {background: #b1a8a0 url(../img/about/sustainability2021/tb-3-icon-1.png) no-repeat 80% 80%; } 
 

.sustainability2021 .csr-p5-3 .tb-3 td.bg-1.icon-2 {background: #b1a8a0 url(../img/about/sustainability2021/tb-3-icon-2.png) no-repeat 80% 80%; } 
 

.sustainability2021 .csr-p5-3 .tb-3 td.bg-1.icon-3 {background: #b1a8a0 url(../img/about/sustainability2021/tb-3-icon-3.png) no-repeat 80% 80%; } 
 

.sustainability2021 .csr-p5-3 .tb-3 td.bg-1.icon-4 {background: #b1a8a0 url(../img/about/sustainability2021/tb-3-icon-4.png) no-repeat 80% 80%; } 
 

.sustainability2021 .csr-p5-3 .tb-3 td.bg-1 {color: #fff;width: 150px; } 
 

.sustainability2021 .csr-p5-3 .tb-4 {border: 0;border-collapse: collapse;margin: 20px 0; } 
 

.sustainability2021 .csr-p5-3 .tb-4 th {background: transparent;border-top: 1px solid #727171;border-bottom: 1px solid #727171;color: #333;text-align: right;padding: 4px 5px; } 
 

.sustainability2021 .csr-p5-3 .tb-4 th:first-child, .sustainability2021 .csr-p5-3 .tb-4 td:first-child {text-align: left; } 
 

.sustainability2021 .csr-p5-3 .tb-4 td {background: transparent;border-left: 0;border-right: 0;border-bottom: 1px solid #727171;padding: 4px 5px;text-align: right; } 
 

.sustainability2021 .csr-p5-3 .block-w h3 {color: #ef151e;margin: 0px 0px 8px 0px;font-size: 22px; } 
 

.sustainability2021 .csr-p5-3 h2.title-1 {font-family: 'Montserrat', sans-serif; font-weight: bold; color: #ef151e; display: table; height: 30px; border-bottom: 1px solid #ef151e; margin-bottom: 0; } 
 

.sustainability2021 .csr-p5-3 h4 {font-size: 20px;color: #333;margin: 32px 0 0 0; } 
 

.sustainability2021 .csr-p5-3 .block-list-5 span {margin: 0;font-style: italic; } 
 

.sustainability2021 .csr-p5-3 .tb-2 {width: 800px;margin: 40px 0 0 0; } 
 

.sustainability2021 .csr-p5-3 .tb-2 th {text-align: center;background: #ef151e;color: #fff;padding: 5px 0;border-bottom: 1px solid #fff; } 
 

.sustainability2021 .csr-p5-3 .tb-2 ul {margin: 0; } 
 

.sustainability2021 .csr-p5-3 .tb-2 ul li {float: left;width: 33.333333%; } 
 

.sustainability2021 .csr-p5-3 .tb-2 td {border-bottom: 1px solid #fff;background: #eae8e8;padding: 5px 0; } 
 

.sustainability2021 .csr-p5-3 .tb-2 td.tt {background: #b1a8a0;color: #fff;text-align: center; } 
 

/*csr-prize*/

.sustainability2021 .csr-prize.csr-prize-a .wrap { background: url(../img/about/sustainability2021/prize_01.png) no-repeat 56px 46px; } 
 

.sustainability2021 .csr-prize.csr-prize-b .wrap { background: url(../img/about/sustainability2021/prize_02.png) no-repeat 56px 46px; } 
 

.sustainability2021 .csr-prize.csr-prize-c .wrap { background: url(../img/about/sustainability2021/prize_03.png) no-repeat 96px 10px; } 
 

.sustainability2021 .csr-prize.csr-prize-d .wrap { background: url(../img/about/sustainability2021/prize_04.png) no-repeat 56px 76px; } 
 

.sustainability2021 .csr-prize.csr-prize-b, .sustainability2021 .csr-prize.csr-prize-d { background-color: #f4f4f4; } 
 

.sustainability2021 .csr-prize .wrap { position: relative; padding-left: 320px; padding-bottom: 0; margin-bottom: 140px; letter-spacing: -0.5px; } 
 

.sustainability2021 .csr-prize .wrap:after { content: ''; position: absolute; top: 14px; bottom: 6px; left: 280px; display: inline-block; width: 1px; background: #e2e2e2; } 
 

.sustainability2021 .csr-prize .wrap .title { text-align: left; margin-top: 90px; } 
 

.sustainability2021 .csr-prize.csr-prize-a .wrap .title { margin-top: 0; } 
 

.sustainability2021 .csr-prize .wrap .title span { padding-left: 0; font-size: 26px;} 
 

.sustainability2021 .csr-prize .wrap .desc { text-align: left; line-height:1.8} 
 

.sustainability2021 .titles.time-line {border-top: 1px solid #666; } 
 

.sustainability2021 .section-visual.time-line {margin-bottom: 0; } 
 

.lang-en .sustainability2021 .section-visual.time-line {padding-top:60px } 
 

/*time-line*/

.sustainability2021 .time-line ul { margin: 0 auto; position: relative; width: 960px; padding: 0; } 
 

.sustainability2021 .time-line ul:before { content: " "; display: block; position: absolute; left: 50%; margin-left: -1px; padding: 20px 0; width: 1px; height: 98%; background-color: #ef151e; } 
 

.sustainability2021 .time-line ul li { position: relative; margin-bottom: 20px; width: 50%; list-style: none; } 
 

.sustainability2021 .time-line ul li:before { content: " "; display: block; position: absolute; top: 26px; left: 298px; width: 198px; height: 30px; background-image: url(../img/about/sustainability2021/time-line.png); background-size: 198px 30px; z-index: 1; } 
 

.sustainability2021 .time-line ul li.active:before { background-image: url(../img/about/sustainability2021/time-line-active.png); background-size: 198px 49px; width: 198px; height: 49px; } 
 

.sustainability2021 .time-line ul li:nth-child(even) { padding-left: 616px; } 
 

.sustainability2021 .time-line ul li:nth-child(even):before { transform: rotate(180deg); left: 464px; right: auto; } 
 

.sustainability2021 .time-line ul li.active:nth-child(even):before { left: 454px; } 
 

.sustainability2021 .time-line ul li h4 { font-size: 60px; color: #666; font-weight: bold; padding: 0; margin: 0 0 0 40px; cursor: pointer; transition: all 0.4s ease-in-out; } 
 

.sustainability2021 .time-line ul li p { font-size: 15px; line-height: 1.7; letter-spacing: 0.01rem; color: #707984; word-break: keep-all; margin:0 0 0 40px; } 
 

.sustainability2021 .time-line ul li:nth-child(odd) h4 { text-align: right; margin-right: 185px; } 
 

.sustainability2021 .time-line ul li h4:hover { color: #ef151e; } 
 

.sustainability2021 .time-line ul li .red-dot {position: absolute;width: 48px;height: 48px;background: #ef151e;border-radius: 24px;display: block;opacity: 1;transition: all 0.4s ease-in-out;transform: scale(.3);z-index: 1; } 
 

.sustainability2021 .time-line ul li:nth-child(odd) .red-dot {right: -24px;top: 17px; } 
 

.sustainability2021 .time-line ul li:nth-child(even) .red-dot {left: 455px;top: 17px; } 
 

.sustainability2021 .time-line ul li h4.p1:hover .red-dot.one {transform: scale(1);opacity: 1; } 
 

.sustainability2021 .time-line ul li h4.p2:hover .red-dot.two {transform: scale(1);opacity: 1; } 
 

.sustainability2021 .time-line ul li h4.p3:hover .red-dot.three {transform: scale(1);opacity: 1; } 
 

.sustainability2021 .time-line ul li h4.p4:hover .red-dot.four {transform: scale(1);opacity: 1; } 
 

.sustainability2021 .time-line ul li h4.p5:hover .red-dot.five {transform: scale(1);opacity: 1; } 
 

.sustainability2021 .time-line ul li h4.p6:hover .red-dot.six {transform: scale(1);opacity: 1; } 
 

.sustainability2021 .time-line ul li h4.p7:hover .red-dot.seven {transform: scale(1);opacity: 1; } 
 

.sustainability2021 .time-line ul li h4.p8:hover .red-dot.eight {transform: scale(1);opacity: 1; } 
 

.sustainability2021 .time-line ul li h4.p9:hover .red-dot.nine {transform: scale(1);opacity: 1; } 
 

.sustainability2021 .time-line ul li h4.p10:hover .red-dot.ten {transform: scale(1);opacity: 1; } 
 

.sustainability2021 .time-line ul li h4.p11:hover .red-dot.eleven {transform: scale(1);opacity: 1; } 
 

.sustainability2021 .time-line ul li h4.p12:hover .red-dot.twelve {transform: scale(1);opacity: 1; } 
 

.sustainability2021 .time-line ul li h4.p13:hover .red-dot.thirteen {transform: scale(1);opacity: 1; } 
 

.sustainability2021 .time-line ul li h4.p14:hover .red-dot.fourteen {transform: scale(1);opacity: 1; } 
 

.sustainability2021 .time-line ul li h4.p15:hover .red-dot.fifteen {transform: scale(1);opacity: 1; } 
 

.sustainability2021 .time-line ul li h4.p16:hover .red-dot.sixteen {transform: scale(1);opacity: 1; } 
 

.sustainability2021 .time-line ul li:nth-child(odd) p { text-align: right; margin-right: 190px;margin-left:10px } 
 

/* time-line end */

/*csr-page-6*/

.sustainability2021 .csr-p6-1 .sub-title.top {margin-top: -15px; } 
 

.sustainability2021 .csr-p6-2 .background { background-image: url(../img/about/sustainability2021/contribution_01.jpg); } 
 

.sustainability2021 .csr-p6-3 .background { background-image: url(../img/about/sustainability2021/contribution_02.jpg); } 
 

.sustainability2021 .csr-p6-4 .background { background-image: url(../img/about/sustainability2021/contribution_03.jpg); } 
 

.sustainability2021 .csr-p6-1 .upper .wrap { max-width: 1078px; min-width: 1078px; } 
 

.sustainability2021 .csr-p6-1 .upper .wrap .desc {font-size: 16px; } 
 

.sustainability2021 .csr-p6-1 span {display: inline-block;width: 1078px;margin: auto;color: #333;margin: 46px 0 10px; } 
 

.sustainability2021 .csr-p6-1 .pic {text-align: center;border-top: 3px solid #ef151e;padding: 50px 0; } 
 

.sustainability2021 .csr-p6-1 .downer .wrap {max-width: 1078px;min-width: 1078px; } 
 

.sustainability2021 .csr-p6-1 .wrap .list .item { background-color: #fff; } 
 

.sustainability2021 .csr-p6-1 .wrap .list .item:after {content: '';width: 1078px;height: 1px;background: #666;margin: auto; } 
 

.sustainability2021 .csr-p6-2 .title-1 {margin: 98px 0 68px; font-size: 30px; color: #ef151e; text-align: center; padding: 0; } 
 

.sustainability2021 .csr-p6-2 .col-a, .sustainability2021 .csr-p6-3 .col-a, .sustainability2021 .csr-p6-4 .col-a {float: left;width: 270px; } 
 

.sustainability2021 .csr-p6-2 .col-b, .sustainability2021 .csr-p6-3 .col-b, .sustainability2021 .csr-p6-4 .col-b {float: left;width: 603px; } 
 

.sustainability2021 .csr-p6-2 .col-c, .sustainability2021 .csr-p6-3 .col-c, .sustainability2021 .csr-p6-4 .col-c {float: left;width: 205px; } 
 

.sustainability2021 .csr-p6-2 .col-d, .sustainability2021 .csr-p6-4 .col-d {float: left;width: 808px; } 
 

.sustainability2021 .csr-p6-2 strong, .sustainability2021 .csr-p6-3 strong {font-weight: 700;display: block; } 
 

.sustainability2021 .csr-p6-2 p, .sustainability2021 .csr-p6-3 p, .sustainability2021 .csr-p6-4 p {margin: 0; } 
 

.sustainability2021 .csr-p6-2 .item, .sustainability2021 .csr-p6-3 .item, .sustainability2021 .csr-p6-4 .item {width: 1078px;margin: auto; } 
 

.sustainability2021 .csr-p6-2 .item.nth-child-4, .sustainability2021 .sustainability2021 .csr-p6-3 .item.nth-child-2 {border-bottom: 0; } 
 

.sustainability2021 .csr-p6-2 .item .title-2, .sustainability2021 .csr-p6-3 .item .title-1, .sustainability2021 .csr-p6-4 .item .title-1 {margin: 0; padding: 0; color: #ef151e; line-height: 1.6; font-size: 20px; font-weight: 500; } 
 

.sustainability2021 .csr-p6-4 .tb-3 {border-collapse: collapse;border: 1px solid #fff; } 
 

.sustainability2021 .csr-p6-4 .tb-3 th {background: #ef151e;color: #fff;text-align: center;padding: 5px 0; } 
 

.sustainability2021 .csr-p6-4 .tb-3 td {background: #eae8e8;vertical-align: top;padding: 10px;border: 1px solid #fff; } 
 

.sustainability2021 .csr-p6-4 td.bg-1 {background: #b1a8a0;color: #fff; } 
 

.sustainability2021 .csr-p6-4 .chart {box-shadow: 0 0 1px 1px #ccc;overflow: hidden;display: table;width: 100%;padding: 40px 60px; } 
 

.sustainability2021 .csr-p6-4 .chart .col {display: table-cell;width: 50%; } 
 

.sustainability2021 .csr-p6-4 .chart .col ul {margin: 0;padding: 0;list-style: none;position: relative; } 
 

.sustainability2021 .csr-p6-4 .chart .col li {height: 64px;margin-bottom: 50px; } 
 

.sustainability2021 .csr-p6-4 .chart .col li:last-child {margin-bottom: 0px; } 
 

.sustainability2021 .csr-p6-4 .chart .col ul:before {content: '';position: absolute;width: 1px;height: 241px;border-left: 1px dotted #ef151e;top: 31px;left: 196px;z-index: -1; } 
 

.sustainability2021 .csr-p6-4 .chart .col li span {height: 62px;border: 1px solid #ef151e;text-align: center;color: #ef151e;display: table-cell;vertical-align: middle;width: 393px;border-radius: 31px;background: #fff;z-index: 1; } 
 

.sustainability2021 .csr-p6-4 .chart .col h3 {color: #ef151e;font-size: medium;font-weight: normal; } 
 

/*csr-page-7*/

/* .csr-p7-1 .sub-title {margin-top: -15px; } 
 

.csr-p7-1 .sub-title.en {margin-bottom: 25px; } 
 

.csr-p7-1 .ceo {height: 402px; } 
 

.csr-p7-1 .msg {float: left; } 
 

.csr-p7-1 p.greeting {font-size: 30px;font-weight: bold;line-height: 1.53;color: #333;margin: 50px 0 42px 0; } 
 

.csr-p7-1 p.description {font-size: 20px;font-weight: bold;line-height: 1.65;color: #333;margin-top: 80px; } 
 

.csr-p7-1 p.description:before {content: '';width: 45px;height: 2px;background: #ef151e;position: absolute;top: -30px; } 
 

.csr-p7-1 .pic {position: absolute;bottom: 0;right: 0; } 
 

.csr-p7-2 {margin-top: 47px; } 
 

.csr-p7-2 .pic {width: 330px; } 
 

.csr-p7-2 .txt {width: 748px; } 
 

.csr-p7-2 .txt .desc {margin: 0 0 37px 0;letter-spacing: 0; } 
 

.csr-p7-2 .txt .signature {float: right;width: 320px; } 
 

.csr-p7-2 .txt .signature.en {width: 478px; } 
 

.csr-p7-2 .txt .signature.zh {width: 260px; } 
 

.csr-p7-2 .txt span {display: inline-block; } 
 

.csr-p7-2 .txt span.ceo {font-size: 48px; } 
 

.csr-p7-2 .txt span.ceo.en {font-size: 48px;margin-left: 8px; } 
 

.csr-p7-2 .txt .sig-img {width: 212px;display: inline-block;margin-left: 46px; } 
 

.csr-p7-2 .txt .sig-img.en {margin-left: 254px; } 
 

.csr-p7-3 .pdf-link {width: 539px;margin: auto;border-top: 1px solid #666;border-bottom: 1px solid #666;height: 113px; } 
 

.csr-p7-3 .pdf-link a {position: absolute;top: 50px;right: 0; } 
 

.csr-p7-3 .pdf-link p {text-align: left;font-weight: bold;margin-left: 20px; } 
 

.csr-p7-3 .pdf-link .button-download { font-family: 'Noto Sans KR', 'Montserrat', Arial, Helvetica, sans-serif; border: solid 1px #666; border-color: #666; width: 136px; } 
 

.csr-p7-3 .pdf-link .button-more span { color: #666; } 
 

.csr-p7-3 h3 { color: #666; } 
 

.csr-p7-3 ul li {padding: 4px 0; } 
 

.csr-p7-3 .block-list h3 {font-size: 26px;color: #333;margin: 10px 0;line-height: 1.2; } 
 

.csr-p7-3 ul li:before { content: '•'; position: relative; top: -1px; padding-right: 2px; font-size: 12px; } 
 

.csr-p7-3 ul li span {margin-left: 6px; } 
 

.csr-p7-3 .block-list { padding: 24px 32px; } 
 

.csr-p7-4 .sub-title {margin-top: -15px; } 
 

.csr-p7-4 .js-inview .pic {margin: 0 8px;text-align: center; } 
 

.csr-p7-4 .js-inview .pic h3 {margin-bottom: 0; } 
 

.csr-p7-4 .js-inview .pic p {margin: 0 0 42px 0; } 
 

.csr-p7-4 .list-2 {border-top: 1px solid #666;border-bottom: 1px solid #666;padding: 62px 0; } 
 

.csr-p7-4 .list-3 {padding: 62px 0; } 
 

.csr-p7-4 .pdf-link {width: 531px;border-top: 1px solid #666;border-bottom: 1px solid #666;height: 113px; } 
 

.csr-p7-4 .pdf-link a {position: absolute;top: 50px;right: 20px; } 
 

.csr-p7-4 .pdf-link a.en {width: 170px; } 
 

.csr-p7-4 .pdf-link p {text-align: left;font-weight: bold;margin-left: 20px; } 
 

.csr-p7-3 .button-download, .csr-p7-4 .button-download { border: solid 1px #666; border-color: #666; width: 136px; font-family: 'Noto Sans KR', 'Montserrat', Arial, Helvetica, sans-serif; } 
 

.csr-p7-3 .button-download span, .csr-p7-4 .button-download span {padding: 0 30px 0 14px; } 
 

.csr-p7-4 .button-download i, .csr-p7-3 .button-download i { background-image: url(../img/common/button_more_2.png); width: 16px; height: 38px; background-size: 16px 38px; } 
 

.csr-p7-4 .button-download:hover i, .csr-p7-3 .button-download:hover i { background-image: url(../img/common/button_more_on.png); width: 16px; height: 38px; background-size: 16px 38px; } 
 

.csr-p7-4 .pdf-link .button-more span { color: #666; } 
 

.csr-p7-4 .down-link {border-top: 1px solid #666;border-bottom: 1px solid #666;height: 113px; } 
 

.csr-p7-4 .down-link a {position: absolute;top: 50px;right: 30px; } 
 

.csr-p7-4 .down-link a.en {width: 170px; } 
 

.csr-p7-4 .down-link p {text-align: left;font-weight: bold;margin-left: 20px;margin-top: 26px; } 
 

.csr-p7-4 .down-link.left {border-left: 1px solid #666; } 
 

.csr-p7-4 .down-link .button-more span { color: #666; } 
 

.csr-p7-4 .last {margin-top: 50px; } 
  */







.csr-ceo-message .wrap {height:337px;margin-top:30px;background:#f4f0ed url('../img/about/sustainability2021/ceo_message.jpg') no-repeat bottom right 143px} 


.csr-ceo-message .wrap .module {padding:14px 0 0 214px} 


.csr-ceo-message .wrap .module h2 {font-size:30px;font-weight:400;color:#e9111e} 


.csr-ceo-message .wrap .module p strong {display:block;margin:28px 0 0;font-size:30px;font-weight:400;color:#333} 


.csr-ceo-message .wrap .module p span {display:block;margin:-5px 0 38px;font-size:24px;color:#333} 


.csr-ceo-message .wrap .module .open-icon .more {vertical-align:top} 


.executive-message {margin:20px 0 135px} 


.executive-message .wrap {position:relative;height:484px;background:#f3f0ed} 


.executive-message .executive-thumbs {position:relative;width:432px;height:484px;margin:0} 


.executive-message .executive-thumbs h2 {position:absolute;top:0;left:0;width:106px;height:160px;margin:0;background:#908277} 


.executive-message .executive-thumbs h2 span {display:block;font-size:24px;font-weight:300;color:#fff;text-align:center;padding-top:46px} 


.executive-message .executive-thumbs .swiper-wrapper {position:relative;width:432px;height:484px;transition-duration: 0ms !important;} 


.executive-message .executive-thumbs .swiper-slide {width:106px;height:160px;background:url('../img/about/sustainability2021/executive_thumbs.jpg') no-repeat} 


.executive-message .executive-thumbs .swiper-slide:nth-child(1) {position:absolute;top:0;left:108px;background-position:-108px 0;} 


.executive-message .executive-thumbs .swiper-slide:nth-child(2) {position:absolute;top:0;left:216px;background-position:-216px 0;} 


.executive-message .executive-thumbs .swiper-slide:nth-child(3) {position:absolute;top:0;left:324px;background-position:-324px 0;} 


.executive-message .executive-thumbs .swiper-slide:nth-child(4) {position:absolute;top:162px;left:0;background-position:0 -162px;} 


.executive-message .executive-thumbs .swiper-slide:nth-child(5) {position:absolute;top:162px;left:108px;background-position:-108px -162px;} 


.executive-message .executive-thumbs .swiper-slide:nth-child(6) {position:absolute;top:162px;left:216px;background-position:-216px -162px;} 


.executive-message .executive-thumbs .swiper-slide:nth-child(7) {position:absolute;top:162px;left:324px;background-position:-324px -162px;} 


.executive-message .executive-thumbs .swiper-slide:nth-child(8) {position:absolute;top:324px;left:0;background-position:0 -324px;} 


.executive-message .executive-thumbs .swiper-slide:nth-child(9) {position:absolute;top:324px;left:108px;background-position:-108px -324px;} 


.executive-message .executive-thumbs .swiper-slide:nth-child(10) {position:absolute;top:324px;left:216px;background-position:-216px -324px;} 


.executive-message .executive-thumbs .swiper-slide:nth-child(11) {position:absolute;top:324px;left:324px;background-position:-324px -324px;} 


.executive-message .executive-thumbs .swiper-slide button {width:106px;height:160px;border:0 none;background:none;cursor:pointer} 


.executive-message .executive-thumbs .swiper-slide.type1.swiper-slide-thumb-active button {border:4px solid #ec9c09} 


.executive-message .executive-thumbs .swiper-slide.type2.swiper-slide-thumb-active button {border:4px solid #3c8ecd} 


.executive-message .executive-thumbs .swiper-slide.type3.swiper-slide-thumb-active button {border:4px solid #ea5449} 


.executive-message .executive-con {position:absolute;top:0;right:0;width:768px;height:484px;margin:0} 


.executive-message .executive-con .swiper-wrapper {height:484px} 


.executive-message .executive-con .swiper-slide {background:#f3f0ed} 


.executive-message .executive-con .title-con {position:absolute;left:0;top:0;font-size:30px;font-weight:400;margin:42px 50px} 


.executive-message .executive-con .pic-con {position:relative;border-bottom:1px solid #727171;text-align:right;margin:40px 50px 0} 


.executive-message .executive-con .executive {position:absolute;bottom:23px;left:0;text-align:left} 


.executive-message .executive-con .executive > span {font-size:18px;padding-right:7px} 


.executive-message .executive-con .executive em {font-size:24px;color:#80685e} 


.executive-message .executive-con .type1 .title-con, .executive-message .executive-con .type1 .executive span {color:#ec9c09} 


.executive-message .executive-con .type2 .title-con, .executive-message .executive-con .type2 .executive span {color:#3c8ecd} 


.executive-message .executive-con .type3 .title-con, .executive-message .executive-con .type3 .executive span {color:#ea5449} 


.executive-message .executive-con .text-con {height:220px;margin:0 50px;} 


.executive-message .executive-con .text-con p {margin:20px 0 0;color:#231815;line-height:1.5;letter-spacing:-0.6px} 


.executive-message .swiper-button-prev {position:absolute;top:auto;bottom:-50px;left:auto;right:49px;width:50px;height:36px;background:url(../img/main/kfood_recipe_prev.png) no-repeat} 


.executive-message .swiper-button-next {position:absolute;top:auto;bottom:-50px;left:auto;right:0;width:50px;height:36px;background:url(../img/main/kfood_recipe_next.png) no-repeat} 


.executive-message .swiper-control {width:768px;margin-left:432px} 


.csr-overview-a .title {margin-bottom:20px} 




.csr-overview-b {margin-top:100px;background:#f6f6f6} 


.csr-overview-b .title {margin: 60px 0 1px;} 


.csr-overview-b .item {margin-top:20px} 


.csr-overview-b .item.nth-child-1, .csr-overview-b .item.nth-child-4 {margin-right:10px} 


.csr-overview-b .item.nth-child-2, .csr-overview-b .item.nth-child-5 {margin-left:10px} 


.csr-overview-b .item .module {position:relative;padding:310px 30px 30px 40px;min-height:270px} 


.csr-overview-b .item .module a {position:absolute;bottom:20px;right:20px} 


.csr-overview-b .item.nth-child-1 .module {background:#fff url('../img/about/sustainability2021/ourstory_01.jpg') no-repeat} 


.csr-overview-b .item.nth-child-2 .module {background:#fff url('../img/about/sustainability2021/ourstory_02.jpg') no-repeat} 


.csr-overview-b .item.nth-child-3 .module {background:#fff url('../img/about/sustainability2021/ourstory_03.jpg') no-repeat;padding:0;min-height:434px;text-align:center} 


.csr-overview-b .item.nth-child-4 .module {background:#fff url('../img/about/sustainability2021/ourstory_04.jpg') no-repeat} 


.csr-overview-b .item.nth-child-5 .module {background:#fff url('../img/about/sustainability2021/ourstory_05.jpg') no-repeat} 


.csr-overview-b .item .name {position:relative;font-size:30px;font-weight:500;margin:0;padding:15px 0} 


.csr-overview-b .item .name span {font-size:20px;font-weight:400} 


.csr-overview-b .item .name:after {content:'';position:absolute;bottom:1px;left:0;display:block;width:30px;height:4px;background:#ee151d} 


.csr-overview-b .item .summary {line-height:1.7;letter-spacing:-1px;color:#555;margin:12px 0} 


.csr-overview-b .item.nth-child-3 .name {padding-top:100px} 


.csr-overview-b .item.nth-child-3 .name:after {left:calc(50% - 15px)} 


.csr-overview-b .item.nth-child-3 .module a {position:relative;bottom:auto;right:auto} 


.csr-overview-b .item.nth-child-3 .module .summary {width:940px;margin:12px auto 34px} 




.csr-ceo-modal {margin:0 28px 0 50px;} 


.csr-ceo-modal .modal-title {margin:40px 0 0;padding:0;text-align:center;font-size:30px!important;color:#ef151e;} 


.csr-ceo-modal .upper {position:relative;min-height:146px;margin:30px -90px 0 -90px;padding:55px 90px 65px;background:url('../img/about/sustainability2021/csr_ceo_01.jpg') no-repeat} 


.csr-ceo-modal .object {position:absolute;bottom:0;right:50px;width:336px;height:337px;background:url('../img/about/sustainability2022/csr_ceo_01.png') no-repeat} 


.csr-ceo-modal .upper p.hello {position:relative;margin:0;font-size:30px;color:#333;font-weight:500;line-height:1.5;} 


.csr-ceo-modal .downer {margin-top: 70px;} 


.csr-ceo-modal .downer p {margin:30px 0 0;color:#666;font-size:18px;line-height:1.7;letter-spacing:-1px;} 


.csr-ceo-modal .downer p strong {display:block;font-weight:bold} 


.csr-ceo-modal .downer p.from {text-align:right;} 


.csr-ceo-modal .downer p.from .name {color:#333;font-size:40px;font-weight:400;padding-left:10px} 




.grid .col-1-7 {width:14.2857%} 


.grid .col-1-8 {width:12.5%} 


.csr-report .button-download span {padding-right:12px;} 


.lang-en .csr-report .button-download span {padding-right:6px;padding-left:6px} 




/*csr-en*/

.lang-en .csr-ceo-message .wrap .module p span {margin-bottom:22px;line-height:1.4;} 


.lang-en .executive-message .executive-con .pic-con img {margin-top:-10px} 


.lang-en .csr-overview-b .item.nth-child-1 .module, .lang-en .csr-overview-b .item.nth-child-2 .module {min-height:290px} 


.lang-en .csr-overview-b .item.nth-child-4 .module, .lang-en .csr-overview-b .item.nth-child-5 .module {min-height:320px} 


.lang-en .csr-overview-b .item.nth-child-3 .module .summary {margin-bottom:12px;} 


.lang-en .executive-message .executive-thumbs h2 span {font-size:13px;} 


.lang-en .sustainability2021 table.table-c.col-red td div {display:block;position:relative;} 


.lang-en .sustainability2021 table.table-c.col-red td div:before {content:'·';position:absolute;left:-10px;} 


.lang-en .sustainability2021 .csr-p5-3 .tb-2.en li {width:100%;} 


.lang-en .sustainability2021 .csr-p5-3 .tb-2.en li.divide {width:50%;} 




/*csr-cn*/

.lang-cn .executive-message .executive-thumbs h2 span {font-size:20px;padding-top:52px;} 


.lang-cn .sustainability2021 .csr-p5-3 .tb-2.en li.divide {width:50%;} 


.lang-cn .sustainability2021 .csr-p6-2 .nth-child-2 .col-b p, .lang-cn .sustainability2021 .csr-p6-3 .col-b p {padding-right:30px} 




/* footer CCM 로고 이미지 수정*/

.lang-ko #footer .wrap {min-width:1060px} 


#footer .wa {right:180px} 


#footer .ccm {top:136px;} 


#footer .ccm .icon {width:159px;height:34px;background-size:159px 34px;background-image: url(../img/common/icon_footer_ccm.svg);} 


#footer .ismsp {position:absolute;top:136px;right:338px;} 


#footer .ismsp .icon {width:48px;height:34px;background-size:48px 34px;background-image: url(../img/common/icon_footer_ismsp.png);} 


#footer .iso27001 {position:absolute;top:136px;right:408px;} 


#footer .iso27001 .icon {width:34px;height:34px;background-size:34px 34px;background-image: url(../img/common/icon_footer_iso27001.png);} 






/* 이 CSS 파일안의 모든 속성은 .sustainability2022로 시작 바랍니다. */



.sustainability2022 {} 




.sustainability2022 * figure {

    display: block;

    padding: 0 !important;

    margin: 0 !important;

    background: transparent;

    width: 100%;

} 




.sustainability2022 * figure figcaption {

    font-size: 12px;

    font-weight: 300;

    color: gray;

} 


.sustainability2022 * .grid-full {

    gap: 50px;

    display: grid;

    position: relative;

    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

    margin-bottom: 50px;

} 


.sustainability2022 * .grid-item-bi {

    grid-column-start: 1;

    grid-column-end: 2;

    margin-bottom: 0 !important;

} 


.sustainability2022 * .grid-item-tri {

    grid-column-start: 2;

    grid-column-end: 6;

} 


.sustainability2022 * .grid-item-tri > p{

    padding-bottom: 0 !important;

} 


.sustainability2022 * figure figcaption.left {

    text-align: left;

} 


.sustainability2022 * figure figcaption.right {

    text-align: right;

} 


.sustainability2022 * figure figcaption.center {

    text-align: center;

} 




.sustainability2022 * figure figcaption.pt-5 {

    padding-top: 5px;

} 


.sustainability2022 * figure figcaption.pt-10 {

    padding-top: 10px;

} 


.sustainability2022 * figure figcaption.pt-15 {

    padding-top: 15px;

} 


.sustainability2022 * figure figcaption.pt-20 {

    padding-top: 20px;

} 


.sustainability2022 * figure figcaption.pt-25 {

    padding-top: 25px;

} 


.sustainability2022 * figure figcaption.pt-30 {

    padding-top: 30px;

} 




.sustainability2022 * figure figcaption.pl-5 {

    padding-left: 5px;

} 


.sustainability2022 * figure figcaption.pl-10 {

    padding-left: 10px;

} 


.sustainability2022 * figure figcaption.pl-15 {

    padding-left: 15px;

} 


.sustainability2022 * figure figcaption.pl-20 {

    padding-left: 20px;

} 


.sustainability2022 * figure figcaption.pl-25 {

    padding-left: 25px;

} 


.sustainability2022 * figure figcaption.pl-30 {

    padding-left: 30px;

} 




.sustainability2022 * figure figcaption.pr-5 {

    padding-right: 5px;

} 


.sustainability2022 * figure figcaption.pr-10 {

    padding-right: 10px;

} 


.sustainability2022 * figure figcaption.pr-15 {

    padding-right: 15px;

} 


.sustainability2022 * figure figcaption.pr-20 {

    padding-right: 20px;

} 


.sustainability2022 * figure figcaption.pr-25 {

    padding-right: 25px;

} 


.sustainability2022 * figure figcaption.pr-30 {

    padding-right: 30px;

} 




.sustainability2022 .csr-overview-a{margin-top:100px;} 




.sustainability2022 hr.hairline {

    border: none;

    display: block;

    position: relative;

    width: 98%;

    left: 50%;

    transform: translateX(-50%);

    border-bottom: 1.5px solid #cccccc;

    padding-top: 10px;

    padding-bottom: 20px;

} 




.sustainability2022 .prize-list-odd, .sustainability2022 .prize-list-even {

    position: relative;

} 


.sustainability2022 .prize-list-odd span, .sustainability2022 .prize-list-even span{

    display: block;

    position: relative;

    padding-bottom: 15px;

    margin-bottom: 10px;

} 




.sustainability2022 .prize-list-odd span:after {

    content: '';

    display: block;

    position: absolute;

    width: 30px;

    height: 1px;

    right: 0;

    bottom: 0;

    border-top: 1px solid rgba(0,0,0,0.35);

} 




.sustainability2022 .prize-list-even span:after {

    content: '';

    display: block;

    position: absolute;

    width: 30px;

    height: 1px;

    left: 0;

    bottom: 0;

    border-top: 1px solid rgba(0,0,0,0.35);

} 




.sustainability2022 .prize-list-odd span:last-child:after, .sustainability2022 .prize-list-even span:last-child:after {

    content: '';

    display: none;

} 




.sustainability2022 .csr-overview-a .item.nth-child-1 .module{

	height:360px;

} 




.sustainability2022 .csr-overview-a .item.nth-child-1 .name {

    padding-top: 60px;

} 




.sustainability2022 .csr-overview-a .item.nth-child-2 .module{

    background-image: url(../img/about/overview_02.png);

	height:360px;

} 




.sustainability2022 .csr-ceo-modal .object {

    position: absolute;

    bottom: 0;

    right: 50px;

    width: 336px;

    height: 337px;

    background: url(../img/about/sustainability2022/csr_ceo_01.png) no-repeat;

} 




.sustainability2022 .csr-ceo-message .wrap {

    height: 337px;

    margin-top: 30px;

    background: #f4f0ed url(../img/about/sustainability2022/csr_ceo_01.png) no-repeat bottom right 143px;

} 






.sustainability2022 .csr-overview-a .item.nth-child-2 .name {

    padding-top: 60px;

} 




.sustainability2022 .csr-overview-b .item.nth-child-1 .module {

    background: #fff url(../img/about/sustainability2022/materialissue01.png) no-repeat;

} 




.sustainability2022 .csr-overview-b .item.nth-child-2 .module {

    background: #fff url(../img/about/sustainability2022/materialissue02.png) no-repeat;

} 




.sustainability2022 .csr-overview-b .item.nth-child-3 .module {

    background: #fff url(../img/about/sustainability2022/materialissue03.png) no-repeat;

} 




.sustainability2022 .csr-overview-b .item.nth-child-4 .module {

    background: #fff url(../img/about/sustainability2022/materialissue04.png) no-repeat;

} 


.sustainability2022 .csr-overview-b .item.nth-child-5 .module {

    background: #fff url(../img/about/sustainability2022/materialissue05.png) no-repeat;

} 




.sustainability2022 .col-top

{

	vertical-align:top;

} 




.sustainability2022 .col-1-3-en, .sustainability2022 .col-1-3-cn {

    box-sizing: border-box;

    padding-right: 25px;

} 




.sustainability2022 .col-b-en {

    box-sizing: border-box;

    padding-right: 40px;

} 




.sustainability2022 .table-topline

{

	margin-top:20px;

	border-top: 2px solid #444444;

} 




.sustainability2022 .csr-p3-1 .item .bg-1 {

    width: 550px;

    height: 320px;

    background: url(../img/about/sustainability2022/highlight-01.png) no-repeat center center;

    background-size: cover;

} 


.sustainability2022 .csr-p3-1 .item .bg-2 {

    width: 550px;

    height: 320px;

    background: url(../img/about/sustainability2022/highlight-02.png) no-repeat center center;

    background-size: cover;

} 


.sustainability2022 .csr-p3-1 .item .bg-3 {

    width: 550px;

    height: 320px;

    background: url(../img/about/sustainability2022/highlight-03.png) no-repeat center center;

    background-size: cover;

} 




.sustainability2022 .bg-01 {

    position: relative;

    background: #ffffff;

} 




.sustainability2022 .bg-01 .pic {

    position: relative;

} 




.sustainability2022 .grid .col-align-top {

    display: flex;

    flex-flow: column;

    align-content: flex-start;

    padding-top: 0 !important;

    padding-bottom: 0 !important;

} 




.sustainability2022 .grid .col-b-cn {

    box-sizing: border-box;

    padding-right: 30px;

} 




.sustainability2022 .grid .cm-1 .table-5col-justify {

    margin-bottom: 50px;

} 




.sustainability2022 .grid .cm-1 .table-5col-justify th {

    width: 20%;

} 




.sustainability2022 .grid .cm-1 .table-5col-justify td {

    letter-spacing: -0.055em;

} 




.sustainability2022 .bg-01 .pic .bg-01-1 {

    width: 100%;

    background-color: #faf8f8 !important;

    box-sizing: border-box;

    padding: 50px 120px;

} 




.sustainability2022 .issue-title

{

	font-size:30px;

	font-weight:600

} 


.sustainability2022 .csr-p4-1 .background {

    background-image: url(../img/about/sustainability2023/visual-health.png);

} 




.sustainability2022 .csr-p4-1 span {

    font-weight: 600 !important;

} 




.sustainability2022 .csr-p4-2 .background {

    background-image: url(../img/about/sustainability2023/visual-climate.png);

} 




.sustainability2022 .bg-02 {

    background: #faf8f8;

} 




.sustainability2022 .safety-title {

    padding-top: 30px;

} 




.sustainability2022 .safety-title > h2 {

	color: #ef151e;

	text-align:center;

	font-family: 'Montserrat';

} 




.sustainability2022 .safety-child-1

{

	padding:30px 50px;

} 




.sustainability2022 .safety-child-1-pr

{

    float: right;

    padding-right: 0 !important;

} 




.sustainability2022 .safety-child-1-full

{

    float: right;

    box-sizing: border-box;

    padding-right: 40px !important;



} 




.sustainability2022 .safety-child-1-pr img {

    width: 800px !important;

} 




.sustainability2022 .safety-child-2

{

	padding:20px 30px;

} 




.sustainability2022 .safety-child-mt {

    box-sizing: border-box;

    padding-right: 20px;

    margin-top: -10px;

} 




.sustainability2022 .safety-child-mt-1 {

    box-sizing: border-box;

    padding-top: 44px;

} 




.sustainability2022 .safety-child-mt-2 {

    box-sizing: border-box;

    padding-top: 35px;

} 




.sustainability2022 .safety-child-mt-3 {

    box-sizing: border-box;

    padding-top: 20px;

} 




.sustainability2022 .safety-child-mt-4 {

    box-sizing: border-box;

    padding-top: 100px !important;

} 




.sustainability2022 .safety-child-mt-5 {

    box-sizing: border-box;

    padding-top: 70px !important;

} 




.sustainability2022 .safety-child-mt-6 {

    box-sizing: border-box;

    padding-top: 90px !important;

} 




.sustainability2022 .safety-child-2-en

{

	box-sizing: border-box !important;

    padding-top: 65px !important;

    padding-right: 20px;

} 




.sustainability2022 .safety-child-3

{

	padding:40px 30px;

} 


.sustainability2022 .safety-child-pic

{

	padding:50px 5px;

} 




.sustainability2022 .sub-tb-r {

    text-align: center;

    color: #ef151e;

    font-size: 18px;

    margin: 0 0 40px 0;

} 


.sustainability2022 .csr-p1-3 .grid .row .col .col-row {

    display: block;

    position: relative;

    width: 100% !important;

    box-sizing: border-box;

    padding: 5px;

} 




.sustainability2022 .csr-p1-3 .grid .row .col .col-row hr{

    display: block;

    position: relative;

    margin: 0 !important;

    margin-top: 18px !important;

    margin-bottom: 18px !important;

    padding: 0 !important;

    width: 100%;

    height: 1px;

    border: 0;

    border-top: 0.011rem solid #8c8075;

    background: none;

} 




.sustainability2022 .csr-p1-3 .grid .row .col .col-row .col-group{

    display: block;

    width: 100%;

} 


.sustainability2022 .csr-p1-3 .grid .row .col .col-row h4.odd {

    margin: 0 !important;

    background-color: #8c8075;

    color: white;

    font-size: 15px;

    font-weight: 500;

    padding: 4px 6px;

    box-sizing: border-box;

} 


.sustainability2022 .csr-p1-3 .grid .row .col .col-row h4.even {

    margin: 0 !important;

    background-color: #e51a22;

    color: white;

    font-size: 15px;

    font-weight: 500;

    padding: 4px 6px;

    box-sizing: border-box;

} 


.sustainability2022 .csr-p1-3 .grid .row .col .col-row .col-group .col-body {

    margin-top: 10px;

    margin-bottom: 12px;

} 


.sustainability2022 .csr-p1-3 .grid .row .col .col-row .col-group .col-body p {

    font-size: 12px;

    font-weight: 400;

} 




.sustainability2022 .csr-p5-3 .grid .block-list-5 img.inline-diagram {

    margin-top: 24px;

} 




.sustainability2022 .csr-p2-1 img {

    padding: 31px;

} 




.sustainability2022 .csr-p4-3 .grid.bottom {

    padding:20px 30px;

} 




.sustainability2022 .csr-p4-2 .name {

    font-weight: 600 !important;

} 




.sustainability2022 .csr-p4-3 {

    margin-top: 0px;

	padding-top: 79px;

} 




.sustainability2022 .csr-p4-3 .cm-1:after {

    background: none;

	margin-top:30px;

} 




.sustainability2022 .material-bg-1 {

	height:120px;



	margin:10px;

} 


.sustainability2022 .wrap-long

{

	min-width:1200px;

	max-width:1200px;

} 




.sustainability2022 .material-bg-2 {

	height:120px;



	margin:10px;

} 


.sustainability2022 .material-bg-3 {

	height:120px;



	margin:10px;

} 




.sustainability2022 .csr-p4-3-1 .background {

    background-image: url(../img/about/sustainability2023/visual-circular.png);

} 




.sustainability2022 .csr-p4-3-1 .name {

    font-weight: 600 !important;

} 




.sustainability2022 .csr-p4-3-1 span {

    font-weight: 600 !important;

} 


.sustainability2022 .m5-child-pic

{

	margin-top:50px;

} 




.sustainability2022 .csr-p4-4 .background {

    background-image: url(../img/about/sustainability2023/visual-rights.png);

} 




.sustainability2022 .csr-p4-4 .name {

    font-weight: 600 !important;

} 


.sustainability2022 .material-bg-4 {

	height:160px;

    background-image: url(../img/about/sustainability2022/material-issue04-05.png);

	margin:10px;

} 




.sustainability2022 .bg-text-title {

	/*padding-top:60px;*/

	height:20px;

} 




.sustainability2022 .csr-p4-4 span {

    font-weight: 600 !important;

} 




.sustainability2022 .csr-p4-4 .note{

    font-weight: 400 !important;

	font-size:12px;

} 




.sustainability2022 .csr-p4-4-hr .background {

    background-image: url(../img/about/sustainability2022/material-issue04-01.png);

} 




.sustainability2022 .embed-list {

    list-style: none;

    padding: 0;

    padding-left: 15px !important;

    text-indent: -6px;

} 




.sustainability2022 .embed-list li:before {

    content: '·';

    display: inline-block;

    padding-right: 4px;

} 




.sustainability2022 .col-description .smallnote, .sustainability2022 .grid .smallnote {

	font-size:11px !important;

    font-weight: 400 !important;

} 




.sustainability2022 .col-description .indent-mark {

    box-sizing: border-box;

    padding-left: 8px !important;

} 


.sustainability2022 .col-description .indent-mark:before {

    content: '*';

    display: block;

    position: absolute;

    left: 0;

    top: 2px;

} 




.sustainability2022 .grid .pb-150 {

    padding-bottom: 150px !important;

} 




.sustainability2022 .grid .pb-80 {

    padding-bottom: 80px !important;

} 






.sustainability2022 .material-bg-5 {

	height:160px;

    background-image: url(../img/about/sustainability2022/material-issue04-15.png);

	margin:10px;

} 




.sustainability2022 .csr-p4-5 .background {

    background-image: url(../img/about/sustainability2023/visual-supply.png);

} 




.sustainability2022 .csr-p4-5 .name {

    font-weight: 600 !important;

} 




.sustainability2022 .p30-left {

    padding-left:30px;

} 




.sustainability2022 .p60-left {

    padding-left:60px;

} 




.sustainability2022 .p50-right {

    padding-right:50px;

    padding-bottom: 40px;

} 


.sustainability2022 .m30-bottom {

    margin-bottom:30px;

} 




.sustainability2022 .strategy-chart {

    position: relative;

    max-width: 1200px;

    left: 50%;

    transform: translateX(-50%);

} 




.sustainability2022 .material-bg-5 {

	height:160px;

    background-image: url(../img/about/sustainability2022/material-issue05-05.png);

	margin:10px;

} 


.sustainability2022 .csr-p4-5 .note{

    font-weight: 400 !important;

	font-size:12px;

} 




.sustainability2022 .grid .col-2-3 .collapsed {

    position: absolute;

    width: 750px;

} 




.sustainability2022 .csr-prize.csr-prize-a {

    background-color: #f4f4f4;

} 




.sustainability2022 .csr-prize.csr-prize-a .wrap {

    background: url(../img/about/sustainability2022/prize_01.png) no-repeat 5px center;

} 




.sustainability2022 .csr-prize.csr-prize-b {

    background-color: #ffffff;

} 




.sustainability2022 .csr-prize.csr-prize-b .wrap {

    background: url(../img/about/sustainability2022/prize_02.png) no-repeat 5px 28px;

} 




.sustainability2022 .csr-prize.csr-prize-a .wrap .title {

    margin-top: 90px;

} 




.sustainability2022 .csr-prize.csr-prize-c {

    background-color: #fff;

} 




.sustainability2022 .csr-prize.csr-prize-c .wrap {

    background: url(../img/about/sustainability2022/prize_03.png) no-repeat 5px center;

} 




.sustainability2022 .csr-prize.csr-prize-d {

    background-color: #f4f4f4;

} 




.sustainability2022 .csr-prize.csr-prize-d .wrap {

    background: url(../img/about/sustainability2022/prize_04.png) no-repeat 5px center;

} 




.sustainability2022 .csr-prize.csr-prize-e .wrap {

    background: url(../img/about/sustainability2022/prize_05.png) no-repeat 5px center;

} 




.sustainability2022 .csr-prize .prize-date {position:absolute;right:0;bottom:-45px;} 




.sustainability2022 .mark-img {

	margin-top:20px;

} 


.sustainability2022 .sqr2x2 {

    width: 118px; height: 118px;

} 


.sustainability2022 .sqr2x1 {

    width: 118px; height: 59px;

} 


.sustainability2022 .sqr1x1 {

    width: 59px; height: 59px;

} 




.sustainability2022 .csr-p6-2 .item .title-2, .sustainability2022 .csr-p6-3 .item .title-1, .sustainability2022 .csr-p6-4 .item .title-1 {



    font-weight: 600;

} 


.sustainability2022 .p20-img

{

	padding-top: 20px;

	padding-bottom:20px;

} 




.sustainability2022 .p20lr-img

{

	padding-left: 20px;

	padding-right:20px;

} 




.sustainability2022 .p50t-img

{

	padding-top: 50px;

} 




.sustainability2022 .p150t-img

{

	padding-top: 150px;

} 




.sustainability2022 .m50-img

{

	margin:50px;

} 




.sustainability2022 .fixheight-60

{

	height:60px;

} 




.sustainability2022 .title-widthreset

{

	width:100%;

} 




.sustainability2022 .title-widthreset .name {

    margin: 0 0 0 60px;

    padding: 0;

    color: #ef151e;

    line-height: 1.6;

    font-size: 20px;

    font-weight: 500;

} 






.sustainability2022 .csr-overview-a .item.nth-child-1 .eng-action {

    margin: 10px 0 0 0;

} 




.sustainability2022 .section-post .list .halfpadding

{

	padding: 30px 0;

} 




.sustainability2022 .section-post .list .ptop-0

{

	padding-top:0px;

} 




.sustainability2022 .ptop-0

{

	padding-top:0px;

} 




.sustainability2022 span.strong-span

{

	font-weight:700;

} 




.sustainability2022 .csr-p4-3 .fit-mt6 {padding-top:6px} 


.sustainability2022 .csr-p4-3 .fit2 {font-size:24px;margin:18px 0 40px} 


.sustainability2021 .csr-p4-3 span.try.gray {padding-bottom:38px;color:#666;font-weight:500!important} 


.sustainability2021 .csr-p4-3 .block-list-5 .img1-1 {margin-bottom:124px} 


.sustainability2021 .csr-p4-3 .block-list-5 .img1-2 {margin-bottom:80px;text-align:center} 


.sustainability2021 .csr-p4-3 .block-list-5 .img1-2 h3 {margin:0 0 6px;color:#5e534e;font-size:16px} 


.sustainability2021 .csr-p4-3 .safety-child-2-2 {padding:0 30px;} 


.sustainability2022 .csr-p4-3 .grid.bottom2 {margin:60px 0 54px;padding:36px 30px;font-weight:500;border-bottom:1px solid #dcdcdc} 


.sustainability2022 .csr-p4-3 .grid.bottom2 p, .sustainability2022 .csr-p4-3 .grid.bottom2 .right {color:#666;font-weight:500!important} 


.sustainability2022 .csr-p4-3 .grid.bottom2 .right {display:block;text-align:right;padding-top:1px} 


.sustainability2022 .csr-p4-3 .grid.bottom2 .right em {display:block;font-size:14px;padding:6px 0 1px} 




/* 팝업 - 온라인 제보 이용 안내 */

.is-modal-ethicsPop .md-modal-inner {width:510px;height:282px} 


.lang-en .is-modal-ethicsPop .md-modal-inner {width:555px;height:310px} 


.is-modal-ethicsPop.in.is-modal-simple .md-modal-content {margin:40px 40px 0;text-align:left} 


.is-modal-ethicsPop .modal-body {margin:15px 0 57px;line-height:28px} 


.is-modal-ethicsPop .action .button {margin:0 6px} 




.is-modal-ethicsPop.in .wrap{min-width:320px} 


.is-modal-ethicsPop.in.is-modal-simple .md-modal-inner{border-top:solid 3px #ef151e;font-size:16px;position:relative} 


.is-modal-ethicsPop.in.is-modal-simple .md-modal-inner .action.pos-absolute{position:absolute;bottom:0px;margin-bottom:30px;left:0;right:0} 


.is-modal-ethicsPop.in.is-modal-simple .modal-title{margin:0;padding:0;font-size:24px;font-weight:400;line-height:1.4} 


.is-modal-ethicsPop.in.is-modal-simple .action {margin: 10px auto 0;padding: 0;text-align: center;} 




.is-modal-ethicsPop .md-modal{position:fixed;top:0;left:0;right:0;bottom:0;line-height:1} 


.is-modal-ethicsPop .md-modal-wrapper{display:table;width:100%;min-height:100%;height:100vh} 


.is-modal-ethicsPop .md-modal-holder{display:table-cell;vertical-align:middle;text-align:center} 


.is-modal-ethicsPop .md-modal-relative{display:inline-block;position:relative;margin:0 auto;background-color:#fff} 


.is-modal-ethicsPop .md-modal-inner{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;margin:0 auto;min-width:300px;overflow:auto;overflow-x:hidden} 


.is-modal-ethicsPop .md-modal-inner .js-modal-close .icon{background-image:url('../img/temp/modal_close.png');width:30px;height:30px;background-size:30px 30px;position:absolute;top:0;right:0;margin-right:-30px} 




.is-modal-ethicsPop {display:none} 


.is-modal-ethicsPop .outer-close{display:block;position:fixed;z-index:3000;margin:30px 35px;top:0;right:0} 


.is-modal-ethicsPop .outer-close .icon{background-image:url('../img/modal/ico_close.png');width:50px;height:50px;background-size:50px 50px} 


.is-modal-ethicsPop .inner-close{display:block;position:absolute;z-index:3000;margin:0 -54px 0 0;top:0;right:0} 


.is-modal-ethicsPop .inner-close .icon{background-image:url('../img/modal/ico_close_inner.png');width:34px;height:34px;background-size:34px 34px} 


.is-modal-ethicsPop .md-modal{visibility:hidden;z-index:-1;opacity:0;-webkit-transform:translate(0, -50px);-ms-transform:translate(0, -50px);transform:translate(0, -50px);-webkit-transition:visibility 0s linear 0.4s, z-index 0s linear 0.4s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.4s, z-index 0s linear 0.4s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:visibility 0s linear 0.4s, z-index 0s linear 0.4s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.4s, z-index 0s linear 0.4s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.4s, z-index 0s linear 0.4s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 


.is-modal-ethicsPop.in{display:block} 


.is-modal-ethicsPop.anim .md-modal{visibility:visible;z-index:1100;opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 


.is-modal-ethicsPop.is-modal-content .md-modal{-webkit-transform:translate(0, -300px);-ms-transform:translate(0, -300px);transform:translate(0, -300px)} 


.is-modal-ethicsPop.is-modal-content.anim .md-modal{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 




/* 소셜채널 youtube 썸네일 사이즈 조정 */

.page-kfoodlife-sns .kfoodlife-list-b .item .pic {display:flex;align-items:center;background:#000} 


.page-kfoodlife-sns .kfoodlife-list-b .item .pic img {height:auto} 




/* 사업소개 수정 - FNT, CJ Feed&Care 추가 */

.lang-ko .overview-business .object.object-b, .lang-en .overview-business .object.object-b {background-image: url(../img/about/overview_business_5.jpg);background-position: left center;} 


.overview-business .object.object-c {background-image: url(../img/about/overview_business_3.jpg);background-position: left center;} 


.overview-business .object.object-d {background-image: url(../img/about/overview_business_4.jpg);background-position: left center;} 


.overview-business .title .textsmall {font-size:24px} 




.business-major-items.bio {margin-top:100px} 


.business-major-items .subject:before {top:30px} 


.business-major-items .nav .eng-title {font-weight:500} 


.major-item-bio .item-list .item .summary {margin:10px 0 0} 


.major-item-bio .item-list .item .sub-title strong {font-weight:bold} 


.business-summary .vision .table .desc {line-height:1.8} 




.business-major-items.bio .nav {height:55px} 


.business-major-items.bio .nav span {width:255px;padding:15px 0 15px 20px!important} 


.business-major-items.bio .nav span span {padding:0!important} 


.business-major-items .nav>span:after, .business-major-items .nav>span:before {right:-5px} 


.business-major-items.bio .nth-child-2 .nav {top:56px} 


.business-major-items.bio .nth-child-3 .nav {top:112px} 


/* .business-major-items.bio .nth-child-4 .nav {top:168px} 
 */

.business-major-items.bio .nth-child-5 .nav {top:168px} 


.business-major-items.bio .nth-child-6 .nav {top:224px} 


.business-major-items.bio .nth-child-7 .nav {top:280px} 


.business-major-items.bio .nth-child-8 .nav {top:336px} 


.business-major-items.bio .nth-child-9 .nav {top:392px} 


.business-major-items.bio .nth-child-10 .nav {top:448px} 


.lang-en .business-major-items.bio {min-height:580px} 




.business-major-items.bio .title {top:32px} 


.business-major-items.bio .subject {margin-top:90px} 


.business-major-items.bio .description {margin-top:25px} 


.business-major-items.bio .description p {line-height:1.6} 




.business-major-items.bio.type2 .nav {width:300px;display:flex;align-items:center;line-height:1.2} 


.business-major-items.bio.type2 .nav em {width:80px;height:28px;line-height:28px;margin:0 10px 0 15px;font-size:14px;text-align:center;letter-spacing:-0.5px;border:1px solid #fff;border-radius:30px;z-index:1} 


.business-major-items.bio.type2 .nav em.type1 {color:#37b904;border:1px solid #37b904} 


.business-major-items.bio.type2 .nav em.type2 {color:#666;border:1px solid #666} 


.business-major-items.bio.type2 .nav em.type3 {color:#ff0000;border:1px solid #ef151e} 


.business-major-items.bio.type2 .nav span {width:154px;padding:0 20px 0 0} 


.business-major-items.bio.type2 .nav span .eng-title {width:auto;padding:0} 


.business-major-items.bio.type2 .in .nav em {color:#fff;border:1px solid #fff} 


.lang-en .business-major-items.bio.type2 .nth-child-2 .nav span {padding:0 20px 0 0} 


.lang-en .business-major-items.bio .nth-child-2 .nav span {padding:25px 30px} 




.content.bio .business-summary .vision .table .cell .desc {margin-top:30px} 


.lang-en .content.bio .business-summary .vision .table .desc {font-size:20px} 


.content.bio .business-summary .greeting .object {left:330px;bottom:0;width:602px;height:638px;background-image:url(../img/about/bio_greeting.png);} 


.content.bio .business-bio-performance .core {margin-top:-247px;} 


.content.bio .business-bio-performance .desc + .desc {margin-top:80px;border-top: 1px #dcdcdc solid;} 


.content.bio .business-bio-performance .desc + .desc .title {margin-top:60px} 


.content.bio .business-bio-performance .graph-items {margin-top:0;padding-top:50px;border-top:0 none} 




.content .business-summary.food .greeting .object {left:370px;bottom:0;width:587px;height:560px;background-image:url(../img/about/food_greeting_kr.png);} 




.content.fnt .business-summary .vision .table .cell .desc {margin-top:10px} 


.content.fnt .business-summary .vision .table .cell.col-a {width:51%} 


.content.fnt .business-summary .vision .table .cell.col-b .desc {margin:30px 0 54px 55px} 


.lang-en .content.fnt .business-summary .vision .table .desc {font-size:20px} 


.content.fnt .section-visual.is-simple .title .textsmall {font-size:38px} 


.content.fnt .business-summary .greeting .object {left:330px;width:608px;height:568px;background-image:url(../img/about/fnt_greeting.png);} 


.content.fnt .business-summary .greeting .module {margin-left:65px;max-width:45%;} 


.content.fnt .business-bio-performance .background {background-image: url(../img/about/fnt_performance_1.jpg);} 


.content.fnt .business-bio-performance .core {margin-top:-247px;width:490px;padding:70px 50px 75px 60px} 


.content.fnt .business-bio-performance .desc .description {margin-top:10px} 


.content.fnt .business-major-items.bio {padding:32px 0;margin-top:100px} 


.content.fnt .business-major-items.bio .nth-child-1 .nav {top:68px} 


.content.fnt .business-major-items.bio .nth-child-2 .nav {top:148px} 


.content.fnt .business-major-items.bio .nth-child-3 .nav {top:228px} 


.content.fnt .business-major-items.bio .title {top:60px} 


.content.fnt .business-major-items.bio .subject {margin-top:114px} 


.content.fnt .business-major-items.bio .description {margin-top:30px;} 


.lang-en .content.fnt .business-major-items.bio .item.nth-child-3 .nav {height:89px} 


.lang-en .content.fnt .business-major-items.bio .item.nth-child-3 .nav > span {padding:16px 30px} 




.lang-ko .content.feedcare .business-summary .vision .table .cell .desc {margin-top:30px} 


.lang-ko .content.feedcare .business-summary .vision .table .cell.col-a .desc {margin:42px 0 25px} 


.content.feedcare .business-summary .greeting .object {left:295px;width:544px;height:566px;background-image:url(../img/about/feedcare_greeting.png);} 


.content.feedcare .business-bio-performance .item:nth-child(1n) .core {left:55%;margin-top:-329px;padding-bottom:104px;} 


.content.feedcare .business-bio-performance .desc + .desc {margin-top:80px;border-top: 1px #dcdcdc solid;} 


.content.feedcare .business-bio-performance .desc + .desc .title {margin-top:77px} 


.content.feedcare .business-bio-performance .graph-items {margin-top:0;padding-top:80px;border-top:0 none} 


.content.feedcare .business-major-items.bio {padding:0 0 60px;} 


.content.feedcare .business-major-items.bio .nav {height:89px;} 


.content.feedcare .business-major-items.bio .nav span {width:214px;padding:30px!important;} 


.content.feedcare .business-major-items.bio .nth-child-1 .nav {top:90px} 


.content.feedcare .business-major-items.bio .nth-child-2 .nav {top:180px} 


.content.feedcare .business-major-items.bio .nth-child-3 .nav {top:270px} 


.content.feedcare .business-major-items .title {top:90px} 


.content.feedcare .business-major-items .subject {margin-top:140px} 


.content.feedcare .business-major-items .object-holder {margin-top:70px} 




.about-ceo-message.bio .object.object-b {height:470px;background-image:url(../img/about/ceo_message_bio_b.png);} 


.about-ceo-message.food .object.object-b {width:530px;height:454px;background-image:url(../img/about/ceo_message_food_b_kr.png);} 


.about-ceo-message.fnt .object.object-b {width:480px;height:460px;background-image:url(../img/about/ceo_message_fnt_b.png);} 


.about-ceo-message.fnt .upper .module {max-width:63%;} 


.about-ceo-message.feedcare .object.object-b {width:523px;height:509px;background-image:url(../img/about/ceo_message_feedcare_b.png);} 


.about-ceo-message.feedcare .upper .module {max-width:56%;} 


.lang-ko .about-ceo-message.feedcare .upper {padding:100px 90px;} 


.major-item-bio .item-list .item.major .thumb-holder {width:43%} 


.major-item-bio .item-list .item.major .content-holder {width:60%} 


.major-item-bio .item-list .item.major .thumb-holder img {width:320px} 


.major-item-bio .item-list .item-sub {padding:0 29px;margin-bottom:2px;border:1px solid #dcdcdc} 


.major-item-bio .item-list .item-sub .item {padding:25px 0} 


.major-item-bio .item-list .item-sub .thumb-holder {width:28%} 


.major-item-bio .item-list .grid {display:flex;align-items:flex-start;} 


.major-item-bio .item-list .item .description {margin-top:10px} 


.major-item-bio .item-list .item .sub-title + .description {margin-top:0} 


.major-item-bio .item-list .item-sub .description {margin-top:12px} 


.major-item-bio.bio .item-list {border-top:1px solid #dcdcdc;margin-top:40px;} 




/* 메인 - 유튜브 배너 제당슈만 추가 */

.home-youtube-banner {min-width: 1260px;} 


.home-youtube-banner li {width:33%;padding-right:20px} 




/* 개인정보처리방침 평가제 23년7월1일기준 */

.util-privacy .summary .list-a li:before {display:none} 


.util-privacy .section-util-labeling .title {padding-bottom:14px} 


.util-privacy .section-util-labeling ul {display:flex;flex-wrap:wrap;padding:0;margin-bottom:50px;list-style:none;border-left:1px solid #e6e6e6;border-top:1px solid #e6e6e6} 


.util-privacy .section-util-labeling li {display:flex;flex:1 1 33%;align-items:center;flex-direction:column;justify-content: center;height:184px;box-sizing:border-box;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6} 


.util-privacy .section-util-labeling li span {display:block;margin-top:12px} 


.util-privacy .section-util-labeling li span i {display:block;font-weight:300} 


.util-privacy .section-util-links ul {padding:0 30px;} 


.util-privacy .section-util-links li {float:none;width:auto;} 


.util-privacy .section-util-links li a {display:inline-block;font-size:18px} 


.util-privacy .title {font-size:26px;color:#000} 


.util-privacy .title .icon {display:block;padding:12px 0 15px;} 


.util-privacy .title .icon img {width:50px} 


.util-privacy .title strong {font-weight:500} 


.util-privacy .title strong.primary {font-weight:400} 


.util-privacy .sub-title {color:#000} 


.util-privacy .sub-title.type2 {font-size:18px} 


.util-privacy p {color:#333;margin:0 0 15px;} 


.util-privacy table.table-c.table-col th {color:#000} 


.util-privacy .table-c.table-col th, .util-privacy .table-c.table-col td {border-left:1px solid #ececec} 


.util-privacy .table-c.table-col tr :first-child {border-left:0} 


 

/* 2023 웹접근성 */

.page-brand-bibigo .brand-carousel-slider .titles .title {color:#628E08} 


.bbs-write p.notify, .bbs-write .file-guide p {color:#767676} 


.bbs-view-action .button.urlcopy .icon {background: url(../img/common/bbs_button_urlcopy.png) center 2px no-repeat;background-size: 12px 12px;} 


 

/* 보고서및정책 온실가스검증서추가  */

.csr-report.csr-report-c .wrap  {margin-top:10px;border-top:1px solid #dcdcdc} 


.csr-report.csr-report-c .wrap .title  {margin:55px 0 36px} 


.csr-report.csr-report-c .col-1-3 {width:32%;text-align:center;border:1px solid #e6e6e6;background:#fafafa} 


.csr-report.csr-report-c .col-1-3 .description {padding-bottom:25px} 


.csr-report.csr-report-c .col-1-3:nth-child(even) {margin:0 2%} 


.csr-report.csr-report-c .col-1-3 .subject .year {display:block;font-size:30px;font-weight:400} 


.csr-report.csr-report-c .col-1-3 .subject .name {display:block;font-size:18px;font-weight:400;color:#666;padding:4px 0 1px} 




/* 브랜드 비비고  */

/* KimjungchulGothic */

@font-face {

	font-family:'KimjungchulGothic';

	font-weight:300;

	font-style:normal;

	src:url(/resources/fonts/KimjungchulGothic-Light.woff2) format('woff2'),

		url(/resources/fonts/KimjungchulGothic-Light.woff) format('woff');

} 


@font-face {

	font-family:'KimjungchulGothic';

	font-weight:400;

	font-style:normal;

	src:url(/resources/fonts/KimjungchulGothic-Regular.woff2) format('woff2'),

		url(/resources/fonts/KimjungchulGothic-Regular.woff) format('woff');

} 


@font-face {

	font-family:'KimjungchulGothic';

	font-weight:700;

	font-style:normal;

	src:url(/resources/fonts/KimjungchulGothic-Bold.woff2) format('woff2'),

		url(/resources/fonts/KimjungchulGothic-Bold.woff) format('woff');

} 


/* MalikTrial Extrabold */

@font-face {

	font-family:'MalikTrial';

	font-weight:900;

	font-style:normal;

	src:url(/resources/fonts/MalikTrial-Extrabold.woff2) format('woff2'),

		url(/resources/fonts/MalikTrial-Extrabold.woff) format('woff');

} 




.lang-ko .brand-bibigo {font-family:'KimjungchulGothic', sans-serif;font-weight:400} 


.brand-bibigo img {max-width:none} 


.page-brand .content .brand-bibigo p {line-height:1.4;margin:0} 




.brand-bibigo .ourstory_top {position:relative;width:100%;text-align:left;top:-330px} 


.brand-bibigo .ourstory_top .obj {position:absolute;top:67%;left:61%;z-index:1} 


.brand-bibigo .ourstory_top .obj img {width:100%} 


.brand-bibigo .ourstory_top .text1 {position:absolute;top:0;left:calc(50% - 28%);width:60%;margin-top:200px;text-align:right;z-index:2;} 


.brand-bibigo .ourstory_top .text1 .p1 {font-size:47px;color:#2ea300;font-weight:800} 


.brand-bibigo .ourstory_top .text1 .p2, .brand-bibigo .ourstory_top .text1 .p3 {font-size:30px;color:#fff} 


.brand-bibigo .ourstory_top .text1 .p3 {margin-top:50px} 




.brand-bibigo .ourstory1, .brand-bibigo .ourstory3 {position:relative;width:100%;text-align:left;overflow:hidden;background:#004122} 


.brand-bibigo .ourstory1 .obj1 {position:relative;left:50%;margin:0 0 0 -540px;padding-top:60px} 


.brand-bibigo .ourstory1 .obj2 {position:absolute;left:50%;top:24%;margin:0 0 0 -638px} 


.brand-bibigo .ourstory1 .obj3 {position:absolute;left:50%;top:27%;margin:0 0 0 146px} 


.brand-bibigo .ourstory1 .obj4 {position:relative;left:50%;margin:30px 0 50px -440px} 


.brand-bibigo .ourstory1 .obj5 {position:absolute;left:50%;top:48%;margin:-100px 0 0 384px;padding-top:100px} 


.brand-bibigo .ourstory1 .text1 {position:absolute;left:50%;top:61%;margin:0 0 0 -620px;text-align:right} 


.brand-bibigo .ourstory1 .text1 .p1 {font-size:30px;color:#fff} 


.brand-bibigo .ourstory1 .text1 .p2 {font-size:48px;color:#2ea300;font-family:MalikTrial;margin-top:20px;line-height:1.1} 




.brand-bibigo .ourstory3 .title1 {width:1200px;font-size:66px;color:#fff;font-family:MalikTrial;margin:0 auto;padding:100px 0 70px} 


.brand-bibigo .ourstory3 .obj1 {text-align:center} 


.brand-bibigo .ourstory3 .visual2 {position:relative} 


.brand-bibigo .ourstory3 .obj2 {position:absolute;left:50%;top:23%;margin:134px 0 0 454px} 


.brand-bibigo .ourstory3 .title2 {width:1200px;font-size:66px;color:#fff;font-family:MalikTrial;margin:20px auto 44px} 


.brand-bibigo .ourstory3 .text1 {width:1200px;margin:20px auto 0;padding-bottom:60px} 


.brand-bibigo .ourstory3 .text1 p {font-size:30px;color:#fff;margin:20px auto 44px} 




.brand-bibigo .ourstory4 {position:relative;background:#fff8eb;text-align:left} 


.brand-bibigo .ourstory4 .title1 {position:absolute;left:60%;top:0;margin:10% 0 0 0;font-size:112px;color:#003d0f;font-family:MalikTrial;text-align:right;z-index:2;line-height:0.94em;} 


.brand-bibigo .ourstory4 .obj1 {position:relative;display:block;z-index:0;width:100%;} 


.brand-bibigo .ourstory4 .obj1 img {display:inline-block;position:relative;width:100%;z-index:0;} 


.brand-bibigo .ourstory4 .obj1_1 {position:absolute;left:50%;top:32%;margin-left:-3%} 


.brand-bibigo .ourstory4 .obj2 {text-align:center;margin:100px 0 0;padding-bottom:50px} 


.brand-bibigo .ourstory4 .title2 {width:1280px;font-size:90px;color:#003d0f;font-family:MalikTrial;margin:160px auto 10px;text-align:left;line-height:1.1} 


.brand-bibigo .ourstory4 .title2 strong {font-size:90px;color:#2ea300;font-family:MalikTrial} 


.brand-bibigo .ourstory4 .text1 .p1 {width:1280px;font-size:28px;color:#004122;margin:0 auto 50px} 


.brand-bibigo .ourstory4 .visual3 {overflow:hidden} 


.brand-bibigo .ourstory4 .obj3 {position:relative;left:50%;top:0;display:block;z-index:0;width:100%;height:507px;margin:0 0 0 -800px} 


.brand-bibigo .ourstory4 .obj3 img {display:inline-block;position:absolute;top:0;left:65px;z-index:0;} 


.brand-bibigo .ourstory4 .text2 .p2 {width:1330px;font-size:28px;color:#2ea300;margin:-30px auto 0} 


.brand-bibigo .ourstory5 {position:relative;background:#fff8eb} 


.brand-bibigo .ourstory5 .title1 {font-size:111px;color:#003d0f;font-family:MalikTrial;margin:0 auto 20px;padding-top:122px;text-align:center;line-height:1} 


.brand-bibigo .ourstory5 .title1 strong {font-size:111px;color:#2ea300;font-family:MalikTrial} 


.brand-bibigo .ourstory5 .text1 .p1 {font-size:28px;color:#004122;text-align:center} 




@media (max-width: 1370px) {

.brand-bibigo .ourstory_top .text1 {left:calc(50% - 15%);} 


.brand-bibigo .ourstory3 .obj1 img {max-width:96%;margin-left:-100px} 


.brand-bibigo .ourstory4 .obj2 img {max-width:96%;margin:0} 




.bibigo_world {position:relative;padding:0 0 95px 0;overflow:hidden} 


.bibigo_world .map_area {text-align:center} 


.bibigo_world .map_area {overflow:hidden;position:relative;left:50%;max-width:1920px;min-width:1200px;margin:0 0 0 -960px;;} 


.bibigo_world .map_area .bg {position:relative;margin:30px 0 0 0;text-align:center;} 


.bibigo_world .map_area .bg .pin {display:inline-block;position:absolute;z-index:10;width:271px;height:271px;} 


.bibigo_world .map_area .bg .pin > span {display:inline-block;position:absolute;left:50%;top:50%;width:100%;height:100%;transform: translate(-50%, -50%);transform-origin:center} 


.bibigo_world .map_area .bg .pin > .txt {top:50%;z-index:40;height:auto;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";font-size:17px;color:#fff;font-family:'MalikTrial', serif} 


.bibigo_world .map_area .bg .pin .circle1 {z-index:30;border-radius:300px;width:77px;height:77px;background:#0c4724;} 


.bibigo_world .map_area .bg .pin .circle2 {z-index:20;border-radius:300px;width:124px;height:124px;;background:#0c4724;opacity:0.4;margin:-62px 0 0 -62px} 


.bibigo_world .map_area .bg .pin .circle3 {z-index:10;border-radius:300px;width:190px;height:190px;background:#0c4724;opacity:0.27;margin:-95px 0 0 -95px} 


.bibigo_world .map_area .bg .pin .circle4 {z-index:0;border-radius:300px;width:275px;height:274px;background:#0c4724;opacity:0.1;margin:-137px 0 0 -137px} 




.bibigo_world .map_area .bg .pin .circle {animation: circleScale 2s infinite ease-in-out;} 


.pin_1 {position:absolute;left:337px;top:117px;} 


.pin_2 {position:absolute;left:426px;top:160px;} 


.pin_3 {position:absolute;left:806px;top:136px;} 


.at_restaurant .bibigo_world .map_area .bg span {position:absolute;left:0;top:50%;display:block;width:100%;margin-top:-30px;color:#fff;font-size:37px;font-weight:100;text-align:center;} 




@keyframes circleScale {

	0% {

  transform: scale(1);

 } 


 40% {

  transform: scale(1.2);

 } 


 100% {

  transform: scale(1);

 } 


.bibigo_world .map_area .bg .pin.korea {left:705px;top:125px;} 


.bibigo_world .map_area .obj1 {display:inline-block;position:absolute;left:175px;top:300px;z-index:0;} 


.bibigo_world .map_area .obj2 {display:inline-block;position:absolute;right:-15px;top:115px;z-index:0;} 


.bibigo_world .map_area .obj3 {display:inline-block;position:absolute;left:45px;bottom:0;z-index:0;} 




.brand-bibigo-d {background:#004122} 


.brand-bibigo-d .title1 {font-size:100px;color:#2ea300;font-family:MalikTrial;margin:0 auto 30px;padding-top:22px;text-align:center} 


.brand-bibigo-d .js-bibigo-swiper .description {position:relative;margin-top:-20px;padding-bottom:40px;z-index:1} 


.brand-bibigo-d .js-bibigo-swiper .description p {color:#fff;font-size:20px} 


.brand-bibigo-d .js-bibigo-swiper .swiper-container .swiper-slide {height:516px} 


.brand-bibigo-d .js-bibigo-swiper .swiper-container .swiper-slide img {position:relative;width:340px;max-width:none;left:0;transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transform:scale(1);} 


.brand-bibigo-d .js-bibigo-swiper .swiper-container .swiper-slide.active img {width:580px;left:-53px} 


.brand-bibigo-d .js-bibigo-swiper .swiper-button-prev, .brand-bibigo-d .js-bibigo-swiper .swiper-button-next {bottom:-40px} 


.brand-bibigo-d .js-bibigo-swiper .swiper-count {bottom:-58px} 


.brand-bibigo-d .js-bibigo-swiper .swiper-count .count {color:#2ea300} 




.page-brand-bibigo #topbutton .icon {background-color:#2ea300;} 


.page-brand-bibigo .button-more {border-color:#2ea300;background-color:#2ea300;} 


.page-brand-bibigo .brand-title, .page-brand-bibigo .button-more:hover span, .page-brand-bibigo .brand-carousel-slider .titles .title {color:#2ea300;} 


.page-brand-bibigo .button-more:hover i, .page-brand-bibigo .button-more:hover i:after, .page-brand-bibigo .button-more:hover i:before, .page-brand-bibigo .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after {background-color:#2ea300;} 




/* 이 CSS 파일안의 모든 속성은 .sustainability2023 으로 시작 바랍니다. */



.sustainability2023 {} 




/*이후 브랜드 서체와 영문 서체의 구분이 없어 예비로 작성해 둠*/

.sustainability2022 .brand-font {

    font-family: 'CJONLYONE', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif;

} 




/*.sustainability2023 .eng-title {

    font-family: "Noto Sans KR", "Apple SD Gothic Neo", Montserrat, Arial, Helvetica, sans-serif !important;

} 
*/



.sustainability2023 .grid.en-flex {

    display: flex !important;

} 




.sustainability2023 hr.gray { display: block; height: 1px !important; border: none; border-top: 1px solid #a6a6a6 !important;} 




.sustainability2023 .col .module.arrow-card.self-position {



} 


.sustainability2023 .col .module.arrow-card {

    padding-bottom: 68px;

} 






.sustainability2023 .csr-p1-1 .upper .pic {

    display:flex;

    position: relative;

    left: 50%;

    transform: translateX(-50%);

    max-width: 1280px !important;

    min-width: 980px !important;

} 




.sustainability2023 .col .module h3.name {

    padding-bottom: 18px !important;

} 




.sustainability2023 .eng-overview .module h3.name {

    font-size: 26px;

    letter-spacing: -0.075em;

} 


.sustainability2023 .eng-overview .col .module p.summary {

    padding-top: 18px;

    font-size: 15.5px !important;

} 




.sustainability2023 .item .summary {

    margin-top: 24px;

} 




.sustainability2023 .table-comment {

    font-size: 14px;

    font-weight: 300;

    color: #403838;

} 


.sustainability2023 table thead tr.sm th {

    font-weight: 500 !important;

    font-size: 15px;

} 


.sustainability2023 table tbody tr .line-1.label,

.sustainability2023 table tbody tr td.label {

    font-weight: 600 !important;

    font-size: 18px !important;

    color: white;

    letter-spacing: -0.025em;

    line-height: 28px;

} 


.sustainability2023 table tbody tr td {

    font-size: 15px;

} 




.sustainability2023 table tbody tr td.colored-sep {

    color: #84786C !important;

} 


.sustainability2023 table.chart-font-sm tr,

.sustainability2023 table.chart-font-sm td{

    font-size: 14.5px !important;

} 


.sustainability2021 table.table-c.chart-1 td.line-1 div{

    font-family: "Noto Sans KR", sans-serif !important;

    font-size: 16px !important;

    font-weight: 800 !important;

    color: #ffffff;

} 




.sustainability2021 table.table-c.chart-1 td.line-1 {

    border-bottom: 1px solid #666666;

} 


.sustainability2023 table.chart-font-sm td {

    vertical-align: top !important;

} 




.sustainability2023 table.chart-font-sm td.padding-none {

    padding: 1px !important;

} 


.sustainability2023 table.chart-font-sm td .vertical-center.alternative-label {

    background-color: #969696;

} 


.sustainability2023 table.chart-font-sm td .vertical-center {

    display: flex !important;

    align-items: center;

    padding-left: 12px;

    width: 100% !important;

    height: 420px;

    vertical-align: auto !important;

    background-color: rgb(143, 131, 119);

    box-sizing: border-box;

} 


.sustainability2023 table.chart-font-sm td .vertical-center.en.alternative-label {

    background-color: #969696;

} 


.sustainability2023 table.chart-font-sm td .vertical-center.en {

    display: flex !important;

    align-items: center;

    padding-left: 12px;

    width: 100% !important;

    height: 670px;

    vertical-align: auto !important;

    background-color: rgb(143, 131, 119);

    box-sizing: border-box;

} 




.sustainability2023 .ingrid-list-style {

    padding: 0;

    list-style: none;

    position: relative;

    margin: 0;

} 


.sustainability2023 .ingrid-list-style li {

    position: relative;

    padding-left:12px !important;

} 


.sustainability2023 .ingrid-list-style li::before {

    content: '';

    position: absolute;

    display: block;

    width: 4px; height: 4px;

    background-image: url("../../resources/img/about/sustainability2023/icon-list-header-4.svg");

    background-position: center;

    background-size: contain;

    top: 11.5px;

    left: 0;

} 




.sustainability2023 .csr-p1-3 .grid .row .col .col-row .col-group .col-body {

    margin-top: 10px;

    margin-bottom: 12px;

} 


.sustainability2023 .csr-p1-3 .grid .row .col .col-row .col-group .col-body p {

    font-size: 15px;

    font-weight: 400;

} 




.sustainability2023 .list.top-space-1 { margin-top: 60px; } 


.sustainability2023 .list.top-space-2 { margin-top: 120px; } 


.sustainability2023 .list hr.red-2 { display: block; height: 1px !important; border: none; border-top: 2px solid #EF151E !important; margin: 60px; } 


.sustainability2023 .eng-title,

.sustainability2023 .list .item .eng-title,

.sustainability2023 .list .detail-item .eng-title{

    display: inline !important;

    font-family:'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif;

    font-weight: normal !important;

} 


.sustainability2023 .eng-title.black { color: #000000 !important; } 


.sustainability2023 .list .item .col p.description { font-size: 14px !important; font-weight: 400; } 


.sustainability2023 .list .item.top-space-2 { margin-top: 24px; } 


.sustainability2023 .list .item.top-space-3 { margin-top: 36px; } 


.sustainability2023 .list .item.top-space-4 { margin-top: 48px; } 


.sustainability2023 .list .item.top-space-5 { margin-top: 60px; } 


.sustainability2023 .list .item.top-space-6 { margin-top: 72px; } 


.sustainability2023 .list .item.top-space-7 { margin-top: 84px; } 


.sustainability2023 .list .item.top-space-8 { margin-top: 96px; } 




.sustainability2023 .list .detail-item p.description { font-size: 14px !important; font-weight: 500; } 


.sustainability2023 .list img { box-sizing: border-box; padding: 0 60px; } 


.sustainability2023 .list img.top-space-2 { margin-top: 24px; } 


.sustainability2023 .list img.top-space-3 { margin-top: 36px; } 


.sustainability2023 .list img.top-space-4 { margin-top: 48px; } 


.sustainability2023 .list img.top-space-5 { margin-top: 60px; } 


.sustainability2023 .list img.top-space-6 { margin-top: 72px; } 


.sustainability2023 .list img.top-space-7 { margin-top: 84px; } 


.sustainability2023 .list img.top-space-8 { margin-top: 96px; } 


.sustainability2023 .list img.bottom-space-2 { margin-bottom: 24px; } 


.sustainability2023 .list img.bottom-space-3 { margin-bottom: 36px; } 


.sustainability2023 .list img.bottom-space-4 { margin-bottom: 48px; } 


.sustainability2023 .list img.bottom-space-5 { margin-bottom: 60px; } 


.sustainability2023 .list img.bottom-space-6 { margin-bottom: 72px; } 


.sustainability2023 .list img.bottom-space-7 { margin-bottom: 84px; } 


.sustainability2023 .list img.bottom-space-8 { margin-bottom: 96px; } 










/*START:: Overview*/



/*Overview::Prize*/

.sustainability2023 .col-prize .module{

    /*position: relative; display: flex; align-items: center; justify-content: center; gap: 23px;*/

    background-image: url('../img/about/sustainability2023/overview_02.png') !important;

} 


.sustainability2023 .col-prize .module .name { margin: 0 !important; padding: 0 !important; } 


.sustainability2023 .col-prize .module .action {

    position: relative !important; left: 0 !important; top: -8px !important;

    margin: 0 !important; padding: 0 !important;

} 


.sustainability2023 .module .action.arrow-card-fixed{

    position: absolute;

    left: 50%;

    bottom: 36px;

} 




/*Overview::Performance*/

/*Common*/

.sustainability2023 .csr-overview-b .holder h2.overview-title {

    background-color: #ef151e;

    font-size: 32px; font-family:'CJONLYONE', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif; font-weight:300;

    text-align: center; color: white;

    padding: 8px 16px;

    box-sizing: border-box;

} 


.sustainability2023 .csr-overview-b { background-color: transparent; padding: 0;} 


.sustainability2023 .csr-overview-b .title { margin-bottom: 42px; } 


.sustainability2023 .csr-overview-b .flex { display: flex; padding: 0 !important; margin: 0;} 


.sustainability2023 .csr-overview-b .col:first-child { margin-right: 10px; } 


.sustainability2023 .csr-overview-b .col:last-child { margin-left: 10px; } 


.sustainability2023 .csr-overview-b .col-a { border: 1px solid rgba(0 0 0 / 100%); } 


.sustainability2023 .csr-overview-b .col-merge { width: 100%; margin: 0 !important; margin-top: 21px !important;} 


.sustainability2023 .csr-overview-b .item { margin: 0; } 




/*Background update*/

.sustainability2023 .csr-overview-b .module {

    background-size: 100% 295px !important;

    min-height: 200px !important;

    max-height: 280px !important;

} 




.sustainability2023 .csr-overview-b.en .module {

    background-size: 100% 295px !important;

    min-height: 230px !important;

    max-height: 280px !important;

} 






.sustainability2023 .csr-overview-b .card-1-1 .module { background-image: url('../img/about/sustainability2023/health-10.png') !important; } 


.sustainability2023 .csr-overview-b .card-1-2 .module { background-image: url('../img/about/sustainability2023/material-issue03-01.png') !important; } 


.sustainability2023 .csr-overview-b .card-2-1 .module { background-image: url('../img/about/sustainability2023/health-01.png') !important; } 


.sustainability2023 .csr-overview-b .card-2-2 .module { background-image: url('../img/about/sustainability2023/highlight-03.png') !important; } 


.sustainability2023 .csr-overview-b .card-3-1 .module { background-image: url('../img/about/sustainability2023/materialissue04.png') !important; } 


.sustainability2023 .csr-overview-b .card-3-2 .module { background-image: url('../img/about/sustainability2023/materialissue05.png') !important; } 


.sustainability2023 .csr-overview-b .card-3-3 .module { background-image: url('../img/about/sustainability2023/safe-01.png') !important; } 


.sustainability2023 .csr-p4-6 .background { background-image: url('../img/about/sustainability2023/visual-quality.png') !important; } 


.sustainability2023 .csr-p4-7 .background { background-image: url('../img/about/sustainability2023/safetyhealth-01.png') !important; } 




/*.sustainability2023 .row-list .grid { display: flex !important; justify-content: flex-start !important; padding: 0 !important; } 


.sustainability2023 .row-list .item{

    display: flex;

    gap: 42px;

    justify-content: center;

    padding: 0 !important;

    padding-top: 150px !important;

    margin: 0 !important;

    width: 100%; border: none;

} 


.sustainability2023 .row-list .item:first-child { padding-top: 110px !important; } 


.sustainability2023 .row-list .item:last-child { padding-bottom: 62px !important; } 




.sustainability2023 .row-list .col-a {

    position: relative;

    width: 190px !important;

    max-height: 190px !important;

    background-color: blue !important;

} 


.sustainability2023 .row-list .col-a img.mark-img {

    display: block;

    min-width: 190px !important;

    min-height: auto !important;

    margin-top: 5px !important;

} 


.sustainability2023 .row-list .title-1,

.sustainability2023 .row-list .title-2{

    display: block !important; position: absolute; top: -58px; width: 500px;

    font-family: 'Montserrat', 'Montserrat', Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 500;

    color: #ef151e; line-height: 1.6;

    margin: 0; padding: 0;

} 


!*Special column style: colspan @no-image*!

.sustainability2023 .row-list .colspan { flex-grow: 1; } 
*/

.sustainability2023 .section-post .row-list {

    display: flex;

    flex-direction: column;

    gap: 120px;

    padding: 0 !important;

    margin: 0 !important;

} 


.sustainability2023 .section-post .row-list .item {

    display: flex !important;

    flex-grow: 1 !important;

    justify-content: center;

    width: 100% !important;

    padding: 0 60px;

} 




.sustainability2023 .section-post .row-list .item:first-child { padding-top: 110px !important; } 


.sustainability2023 .section-post .row-list .item:last-child { padding-bottom: 62px !important; } 




.sustainability2023 .section-post .row-list .item .col-a {

    position: relative !important;

    width: 190px !important;

    padding: 0 !important;

} 


.sustainability2023 .section-post .row-list .item .col-a h3.title-1,

.sustainability2023 .section-post .row-list .item .col-a h3.title-2 {

    width: 700px;

    position: absolute;

    left: 0;

    top: -52px;

    font-family: "Noto Sans KR", "Apple SD Gothic Neo", Montserrat, Arial, Helvetica, sans-serif;

    font-weight: 700 !important;

} 




.sustainability2023 .section-post .row-list .item .col-a .img-container {

    display: flex;

    position: relative;

    align-items: flex-start;

    justify-content: flex-start;

    padding: 0 !important;

    width: 170px !important;

    height: 170px !important;

    margin-top: 5px !important;

} 




.sustainability2023 .section-post .row-list .item .col-a .img-container img {

    width: 170px !important;

    height: auto !important;

    padding: 0 !important;

} 




.sustainability2023 .section-post .row-list .item .col-b {

    position: relative !important;

    box-sizing: border-box;

    flex: 1;

    padding: 0 30px !important;

} 




.sustainability2023 .section-post .row-list .item .col-c {

    position: relative !important;

    width: 190px !important;

} 




.sustainability2023 .section-post .row-list .item .col-c img {

    width: 190px !important;

    height: auto !important;

    padding: 0 !important;

} 




/*Global contribution social: new section @2023*/

.sustainability2023 .csr-p6-4 .sustainability2023 {

    background-size: cover; background-position: center; background-image: url('../img/about/sustainability2023/overview_network_1.jpg');

} 




.sustainability2023 .title-group { margin-top: 70px; } 


.sustainability2023 .title-group span { display: block; padding-bottom: 10px; } 


.sustainability2023 .title-group .issue-title-eng { font-weight: 400; } 


.sustainability2023 .title-group .issue-title-eng-lg { font-size:32px; font-weight:700 } 


.sustainability2023 .title-group + .title {padding-top:20px;font-size:50px !important} 


.sustainability2023 .title-group.single-title .issue-title {

    font-size: 62px; font-weight: 300;

    font-family:'CJONLYONE', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif;

    color: #EF151E;

} 




.sustainability2023 .section-post.page-header .background { height: 680px; } 


.sustainability2023 .section-post.page-header .background-mask { height: 680px; } 


.sustainability2023 .section-post.page-header .titles { height: 595px; } 


.sustainability2023 .section-post .section-title {

    font-size: 24px; font-family:'CJONLYONE', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif; font-weight:400;

    background-color: #ef151e; text-align: center; color: white; padding: 16px 16px; box-sizing: border-box; margin: 0;

} 


.sustainability2023 .section-post .section-title-dep-2 {

    font-size: 32px; font-family:'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif; font-weight:700;

    box-sizing: border-box;

    padding: 20px 60px;

} 


.sustainability2023 .section-post .section-title-dep-2.top-space {

    margin-top: 62px;

} 




.sustainability2023 .section-post .section-title.top-space { margin-top: 62px;} 


.sustainability2023 .section-post .section-title.top-space-1 { margin-top: 62px;} 


.sustainability2023 .section-post .section-title.top-space-2 { margin-top: 74px;} 


.sustainability2023 .section-post .section-title.top-space-3 { margin-top: 86px;} 


.sustainability2023 .section-post .section-title.top-space-4 { margin-top: 98px;} 


.sustainability2023 .section-post .section-title.top-space-lg { margin-top: 120px;} 




.sustainability2023 .section-post .section-sub-title-brown {

    margin: 20px 60px 0 60px ; padding-bottom: 14px;

    font-size: 24px; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif; font-weight:600; color: #87766d;

    border-bottom: 4px solid #87766d;

} 


.sustainability2023 .section-post .section-sub-title-black-noline {

    margin: 20px 60px 0 60px ; padding-bottom: 14px;

    font-size: 24px; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif; font-weight:600; color: #000000;

} 




.sustainability2023 .section-post .section-sub-title-brown.top-space-2 { margin-top: 32px; } 


.sustainability2023 .section-post .section-sub-title-brown.top-space-4 { margin-top: 62px; } 


.sustainability2023 .section-post .section-sub-title-brown.top-space-6 { margin-top: 94px; } 




.sustainability2023 .section-post .section-title.my { margin-top: 62px; margin-bottom: 0; } 


.sustainability2023 .section-post .list .col-subject h3{

    font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif;

    font-size: 24px;

    font-weight: 600 !important;

} 


.sustainability2023 .section-post .list .item {border: none;} 


.sustainability2023 .section-post .list p.head-paragraph {padding-top: 32px} 


.sustainability2023 .section-post .list p.head-paragraph.top-space-0 {padding-top: 0 !important; } 


.sustainability2023 .section-post .list p.head-paragraph .head-block { font-weight: bolder;} 


.sustainability2023 .section-post .list .item.title-only { padding-bottom: 16px; !important; } 


.sustainability2023 .section-post .list .col-chart { display: block; box-sizing: border-box; padding: 10px 60px; } 




.sustainability2023 .section-post .list .detail-item { padding: 20px 60px; } 


.sustainability2023 .section-post .list .detail-item.top-closed { padding-top: 0 !important; margin-top: 0 !important; } 


.sustainability2023 .section-post .list .detail-item.top-closed-2 h4 {margin-top: 0 !important; } 


.sustainability2023 .section-post .list .detail-item.top-closed-3 h4 {margin-top: -12px !important; } 




.sustainability2023 .section-post .list .detail-item.top-space-2 { margin-top: 24px; } 


.sustainability2023 .section-post .list .detail-item.top-space-3 { margin-top: 36px; } 


.sustainability2023 .section-post .list .detail-item.top-space-4 { margin-top: 48px; } 


.sustainability2023 .section-post .list .detail-item.top-space-5 { margin-top: 60px; } 


.sustainability2023 .section-post .list .detail-item.top-space-6 { margin-top: 72px; } 


.sustainability2023 .section-post .list .detail-item.top-space-7 { margin-top: 84px; } 


.sustainability2023 .section-post .list .detail-item.top-space-8 { margin-top: 96px; } 




.sustainability2023 .section-post .list .detail-item h4 { font-size: 24px; } 


.sustainability2023 .section-post .list .detail-item img.full { padding: 0 !important; } 


.sustainability2023 .section-post .list .detail-item img.top-space-1 { margin-top: 12px; } 


.sustainability2023 .section-post .list .detail-item img.top-space-2 { margin-top: 24px; } 


.sustainability2023 .section-post .list .detail-item .img-attached-row { display: flex; position: relative; align-items: flex-start} 


.sustainability2023 .section-post .list .detail-item .img-attached-row .img-container { display: block; min-width: 315px !important; } 


.sustainability2023 .section-post .list .detail-item .img-attached-row .img-container.up-to-title { margin-top: -52px; } 


.sustainability2023 .section-post .list .detail-item .img-attached-row .img-container p.pic-description { font-size: 13px; padding-top: 16px !important; } 


.sustainability2023 .section-post .list .detail-item .img-attached-row .img-container img { display: block; width: 315px !important; height: auto; } 


.sustainability2023 .section-post .list .detail-item .img-attached-row img { display: block; padding: 0 !important; width: 315px; height: auto !important; } 


.sustainability2023 .section-post .list .detail-item .img-attached-row img.narrow { display: block; padding: 0 !important; width: 230px; height: auto !important; } 


.sustainability2023 .section-post .list .detail-item .img-attached-row img.quarter { display: block; padding: 0 !important; width: 286px; height: auto !important; } 


.sustainability2023 .section-post .list .detail-item .img-attached-row img.half { display: block; padding: 0 !important; width: 515px; height: auto !important; } 


.sustainability2023 .section-post .list .detail-item .img-attached-row img.half-add { display: block; padding: 0 !important; width: 600px; height: auto !important; } 


.sustainability2023 .section-post .list .detail-item .img-attached-row img.up-to-title { margin-top: -52px; } 


.sustainability2023 .section-post .list .detail-item .img-attached-row img.exceptional-img-top { position: absolute; display: block; top: 0; right: 0; } 


.sustainability2023 .section-post .list .detail-item .img-attached-row p { margin: 0 !important; padding: 0 32px 0 0 !important; } 




.sustainability2023 .embed-list.type2 {display:flex;flex-wrap: wrap;margin-top:30px} 


.sustainability2023 .embed-list.type2 li {padding:5px 0;color:#666;letter-spacing:-.5px;line-height:1.75;} 


.sustainability2023 .embed-list.type2 li:nth-child(odd) {width:55%} 




.sustainability2023 .section-post .list .chart-container { display: flex; margin: 60px 60px; } 


.sustainability2023 .section-post .list .chart-container.centered { justify-content: center} 




/* 보도자료 레이아웃 변경 및 로그인 체크박스 아이콘 확대 시 짤림 개선 */

.page-about-news .bbs-view .bbs-view-body .inner {margin:0 auto;width:800px} 


.page-about-news .bbs-view .bbs-view-body .inner img {width:100%} 


.page-about-news .bbs-view .bbs-view-body .inner p {line-height:1.7;text-align:justify;word-break:break-word;} 


.login-form .holder.sns .form.clear .module .grid.id-save label {padding-bottom:6px} 




/* 20240125 브랜드 행복한콩 수정 */

.lang-ko .brand-happy-soy-b .object-a, .lang-en .brand-happy-soy-b .object-a {width:445px;height:389px;margin:-106px 0 0 92px;background-image:url(../img/brand/happy_soy_obj_1.png);} 


.lang-ko .brand-happy-soy-b .object-c, .lang-en .brand-happy-soy-b .object-c {margin:-206px 0 0 -59px;height:289px} 


.lang-ko .brand-happy-soy-c, .lang-en .brand-happy-soy-c {background-color:#c6d540;background-position:72% center;background-image:url(../img/brand/happy_soy_c_1.png);} 


.lang-ko .brand-happy-soy-c .title {margin-top:150px;} 


.lang-en .brand-happy-soy-c .title {margin-top:100px;} 


.lang-ko .brand-happy-soy-c .sub-title:before {background-color:#275111;} 


.lang-en .brand-happy-soy-d .items .background.background-a {background-image:url('../img/brand/happy_soy_d_1.png')} 


.lang-en .brand-happy-soy-d .items .background.background-b {background-image:url('../img/brand/happy_soy_d_2.png')} 


.lang-en .brand-happy-soy-d .items .background.background-c {background-image:url('../img/brand/happy_soy_d_3.png')} 


.lang-en .brand-happy-soy-d .items .background.background-d {background-image:url('../img/brand/happy_soy_d_4.png')} 


.lang-en .brand-happy-soy-d .wrap {margin:18px 80px 70px;background-color:#fff;} 


.lang-en .brand-happy-soy-d .title {margin-top:15px;} 


.lang-en .brand-happy-soy-d .js-inview.is-inviewed .title:before {display:none} 




/* 20240214 GNB 메뉴 변경 - 중문 폐쇄 시 ko, en 합쳐야 함 */

	.lang-ko #header li.d1.nth-child-2 .sub-wrap {width:644px;left:-260px;margin-left:40px;} 


	.lang-ko #header .nth-child-2 .sub-wrap .wrap {min-height:360px;} 


	.lang-ko #header .d1.nth-child-2 .sub-d2 {width:594px;} 


	.lang-ko #header .d1.nth-child-2 ul.d2 {clear:both;width:100%;} 


	.lang-ko #header .d1.nth-child-2 li.d2 {float:left;width:33.33%;} 


	.lang-ko #header .d1.nth-child-2 ul.d2:after, #header .d1.nth-child-2 ul.d2:before {content: " ";display: table;} 


	.lang-ko #header .d1.nth-child-2 ul.d2:after {clear:both;} 




	#header li.d1.nth-child-3 .sub-wrap {width:600px;left:-240px;} 


	#header .nth-child-3 .sub-wrap .wrap {min-height: 290px;} 


	#header .d1.nth-child-3 li.d2 {float: none;width: auto;} 


	#header .d1.nth-child-3 .sub-d2 {width: 300px;} 


	#header .d1.nth-child-3 .sub-d3 {width: 240px;margin-left: 330px;} 




		.lang-en #header li.d1.nth-child-2 .sub-wrap {width:644px;left:-260px;margin-left:40px;} 


		.lang-en #header .nth-child-2 .sub-wrap .wrap {min-height:360px;} 


		.lang-en #header .d1.nth-child-2 .sub-d2 {width:594px;} 


		.lang-en #header .d1.nth-child-2 ul.d2 {clear:both;width:100%;} 


		.lang-en #header .d1.nth-child-2 li.d2 {float:left;width:33.33%;} 


		.lang-en #header .d1.nth-child-2 ul.d2:after, #header .d1.nth-child-2 ul.d2:before {content: " ";display: table;} 


		.lang-en #header .d1.nth-child-2 ul.d2:after {clear:both;} 




		.lang-en #header .d1.nth-child-3 .sub-d2 {width: 260px;} 


		.lang-en #header .d1.nth-child-3 .sub-d3 {width: 280px;margin-left: 290px;} 




.lang-en #header .d1.nth-child-3 li.d2:nth-child(8) {height:48px} 


.lang-en #header .nth-child-3 .sub-wrap .wrap {min-height: 320px;} 




.page-home .home-blossom-park + .home-blossom-park {margin-bottom:140px} 




.util-sitemap-a .item ul li .name {width:230px;margin:0 40px 0 0;} 


.util-sitemap-a .item ul li ul {width:630px} 


.util-sitemap-a .item.nth-child-2 ul li {margin-top:0} 


.util-sitemap-a .item.nth-child-2 ul li .name {width:25%;margin-top:25px;margin-right:0} 


.util-sitemap-a .item.nth-child-3 ul li .name, .lang-en .util-sitemap-a .item.nth-child-3 ul li .name {width:230px;margin:0 40px 0 0;min-height:auto} 


.util-sitemap-a .item.nth-child-3 ul li {margin-top:25px} 


.util-sitemap-a .item.nth-child-3 ul li ul li, .lang-en .util-sitemap-a .item.nth-child-3 ul li ul li {margin-top:0;float:left;} 


.page-innovation-campus .innovation-links .col.col-1-2.item {float:none;margin:0 auto} 




.lang-cn .util-sitemap-a .item.nth-child-2 ul li .name {margin-right:40px} 


.lang-cn .util-sitemap-a .item.nth-child-2 ul li ul li {margin-top:12px} 




/* 2024 대표이사 변경 - 중문 폐쇄 시 ko, en 합쳐야 함 */

.lang-ko .about-summary .ceo .object, .lang-en .about-summary .ceo .object {background-image: url(../img/about/aboutus_07_2025.png);right:34%} 


.lang-ko .about-ceo-a .ceo-module .background, .lang-en .about-ceo-a .ceo-module .background {background-image:url(../img/about/aboutus_bg_ceo_pic_2025.png);} 


.lang-ko .about-ceo-a .signs .name {background-image:url(../img/about/aboutus_bg_ceo_sign_2025.jpg);} 


.lang-en .about-ceo-a .signs .name {background-image:url(../img/about/aboutus_bg_ceo_sign_2025_en.jpg);} 


.lang-ko .sustainability2022 .csr-ceo-message .wrap, .lang-en .sustainability2022 .csr-ceo-message .wrap {background: #f4f0ed url(../img/about/sustainability2022/csr_ceo_01_2024.png) no-repeat bottom right 143px;} 


.lang-ko .csr-ceo-modal .object, .lang-en .csr-ceo-modal .object {background:url(../img/about/sustainability2022/csr_ceo_01_2024.png) no-repeat;} 


.content.fnt .business-summary .greeting .object {width:602px;height:638px;background-image: url(../img/about/bio_greeting.png);} 


.about-ceo-message.fnt .object.object-b {right:-50px;height:470px;background-image: url(../img/about/ceo_message_bio_b.png);} 




/* 브랜드 button-more 공통 */

.button-more.brand i {float:right;position:relative;top:50%;display:inline-block;width:14px;height:1px;vertical-align:top;background:#ef151e;} 


.button-more.brand i:before, .button-more.brand i:after {content:'';position:absolute;top:50%;right:0;margin-top:-1px;width:8px;height:1px;background:#ef151e;-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center;transform:rotate(45deg);transition:background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 


.button-more.brand.light i, .button-more.brand.light i:before, .button-more.brand.light i:after {background:#fff} 


.button-more.brand i:after {transform:rotate(-45deg)} 


.button-more.brand:hover span {color:#ef151e} 


.button-more.brand:hover i, .button-more.brand:hover i:before, .button-more.brand:hover i:after {background:#ef151e} 




/* 브랜드 얼티브 추가 */

.page-brand-altive #topbutton .icon {background-color:#293896;} 


.page-brand-altive .description p {font-size:18px;color:#333} 


.brand-altive-a .title {margin-top:85px;font-size:54px;font-weight:bold;color:#081c6b} 


.brand-altive-a .description {margin-bottom:85px} 


.brand-altive-b {position:relative;height:644px;background:url(/resources/img/brand/altive_bg_01.jpg);background-position:center top;} 


.brand-altive-b .title {margin:100px 0 50px} 


.brand-altive-b .description span {position:relative;display:inline-block;font-size:18px;color:#fff;line-height: 1.2;margin:4px 0} 


.brand-altive-b .description span:after {content:" ";position:absolute;top:0;display:block;width:100%;height:100%;background:#000;opacity:.5;z-index:-1} 


.brand-altive-c .wrap {min-width:1260px;padding:88px 0} 


.brand-altive-c .grid {display:flex;justify-content:space-between;} 


.brand-altive-c .grid:before, .brand-altive-c .grid:after {display:none;} 


.brand-altive-c .module {position:relative;width:348px;height:495px;text-align:center} 


.brand-altive-c .module:nth-child(2) {margin-top:69px} 


.brand-altive-c .background {position:absolute;top:0;left:0;width:348px;height:495px} 


.brand-altive-c p.core {font-size:34px;font-weight:bold;color:#201d1c;padding-top:300px;margin-bottom:8px;} 


.brand-altive-c p.desc {font-size:18px;color:#333;margin:0;line-height:1.4;} 


.brand-altive-d {position:relative;height:742px;background:#182c73} 


.brand-altive-d .background  {position:absolute;top:0;left:50%;margin:64px 0 0  -675px;width:686px;height:618px;background:url(/resources/img/brand/altive_img_05.jpg);background-position:center top} 


.brand-altive-d .module {position:relative;display:inline-block;z-index:2;margin:120px auto 0;width:100%;height:680px;} 


.brand-altive-d .module .desc {padding:28px 0 0 53%;color:#fff;line-height:1.9} 


.brand-altive-e {background:#e2e2e2} 


.brand-altive-e .background {height:729px;} 


.brand-altive-e .background.background-a {background-image:url(/resources/img/brand/altive_bg_02.jpg);background-position:left center;background-size:cover;} 


.brand-altive-e .background.background-b {background-image:url(/resources/img/brand/altive_bg_03.jpg);background-position:left center;background-size:cover;} 


.brand-altive-e .core {width:580px} 


.brand-altive-e .core .description p {color:#293896;margin:0 0 30px} 


.brand-altive-e .core .altive-logo {margin:30px 0 70px} 


.brand-altive-e .button-more + .button-more {margin-left:16px} 


.brand-altive-e .button-more.brand {border:1px solid #12288b} 


.brand-altive-e .button-more:before {background-color:#12288b} 


.brand-altive-e .button-more.brand span {color:#12288b} 


.brand-altive-e .button-more.brand i, .brand-altive-e .button-more.brand i:before, .brand-altive-e .button-more.brand i:after {background-color:#12288b} 


.brand-altive-e .button-more.brand:hover span {color:#fff} 


.brand-altive-e .button-more.brand:hover i, .brand-altive-e .button-more.brand:hover i:before, .brand-altive-e .button-more.brand:hover i:after {background-color:#fff} 


.page-brand-altive #topbutton .icon {background-color:#12288b;} 


.page-brand-altive .brand-title, .page-brand-altive .brand-carousel-slider .titles .title {color:#12288b;} 


.lang-en .brand-altive-e .core .altive-logo {margin:10px 0 40px;} 


.lang-en .brand-altive-e .button-more.brand {width:280px;margin:0 0 5px 0;text-align:left} 




/* footer 링크드인 버튼 추가 */

#footer .social {top:65px} 


#footer .social .sns .icon {width:48px;height:48px;background-size:48px 48px;} 


#footer .social .sns.linkedin .icon {background-image: url(/resources/img/common/footer_sns_06.png);} 




/* 연혁 2020 추가 */

.page-history .controll-module .tab {position:relative;width:1200px} 


.page-history .controll-module .tab li {width:14.3%} 


.page-history .controll-module .tab li:first-child {width:14.2%;text-indent:-44px;} 


.page-history .controll-module .tab li.item06 {text-indent:-13px} 


.page-history .controll-module .tab li .ico {left:77px} 


.page-history .controll-module .tab li.item01 .ico {left:77px} 


.about-history-g .years-group {background-image: url(/resources/img/about/history_visual_07.jpg);} 


.page-history .about-history-g .content-module {padding-bottom:220px} 


.page-history .about-history-g .content-module .year {margin-top:130px} 


.page-history .about-history-g .content-module .year:first-child {margin-top:64px} 


.about-history-g .pic-group .pic-1 {top: -10px;left: 80px;} 


.about-history-g .pic-group .pic-2 {top: 82px;left: 518px;} 


.about-history-g .pic-group .pic-3 {top: 256px;left: 139px;} 


.about-history-g .pic-group .pic-4 {top: 372px;left: 235px;} 


.about-history-g .pic-group .pic-5 {top: 708px;left: 92px;} 


.about-history-g .pic-group .pic-6 {top: 802px;left: 422px;} 


.about-history-a .pic-group .pic-10 {top: 17px;left: -118px;} 


.about-history-a .pic-group .pic-1 {top: 352px;left: 46px;} 


.about-history-a .pic-group .pic-2 {top: 554px;left: -196px;} 


.about-history-a .pic-group .pic-3 {top: 880px;left: 140px;} 


.about-history-a .pic-group .pic-4 {top: 1290px;left: -200px;} 


.about-history-a .pic-group .pic-5 {top: 1400px;left: 140px;} 


.about-history-a .pic-group .pic-6 {top: 1800px;left: 200px;} 


.about-history-a .pic-group .pic-7 {top: 2250px;left: -200px;} 


.about-history-a .pic-group .pic-8 {top: 2420px;left: 180px;} 


.about-history-a .pic-group .pic-9 {top: 2730px;left: 70px;} 




/* 20240408 제일제당홈페이지 영문 > about > 사업소개 > 식품사업 > 제품소개 탭 */

.lang-en .business-major-items.food .item.nth-child-4 .nav {height:89px} 


.lang-en .business-major-items.food .item.nth-child-5 .nav {top:414px;} 




/* 20240412 글로벌 현황 수정 */

.global-businesses-a .wrap .module {width:calc(100% - 80px)} 


.global-businesses-a .wrap .titles.nth-child-3 .global-title-sub {display:block;font-size:20px;margin:8px 0 17px 55px} 
 

.global-businesses-a .wrap .information-sub {display:block;font-size:20px;color:#ef151e;margin-top:3px} 


.global-businesses-a .wrap .information-sub .eng-title {font-weight:700;} 


.global-businesses-a .wrap .pic {margin:35px 40px 0 0} 


.lang-en .global-businesses-a .titles.nth-child-2 {padding-top: 0;} 




/* Stock Information 영문 탭 수정 */

.page-ir ul.tab-a a span .eng-title {line-height:0.7} 


.lang-en .tab-a.is-tab-7 li:nth-child(1) a, .lang-en .tab-a.is-tab-7 li:nth-child(2) a {padding:23px 0} 




/* 백설, 맥스봉 브랜드 수정 */

.lang-ko .brand-maxbon-a .holder {padding:119px 0 96px;} 


.brand-maxbon-b .holder .pic.nth-child-1 {top:170px;left:0} 


.brand-beksul-a .object {margin:0 42px;} 


.lang-ko .brand-beksul-a .content-holder .sub-title, .lang-ko .brand-beksul-a .content-holder .description p {font-size:27px;line-height:1.3} 


.lang-ko .brand-beksul-a .title {margin-top:45px} 


.lang-ko .brand-beksul-c .title {margin-top:-10px;} 


.lang-ko .brand-beksul-c .description {margin-top:14px} 


.lang-ko .brand-beksul-c .description p {margin:16px 0;line-height:1.6;} 


.lang-ko .brand-beksul-c .object-b {margin-top:33px} 


.lang-ko .brand-beksul-c .sub-title {font-size:38px;text-align:left;margin-left:50px;margin-bottom:13px;} 




/* 바삭칩 브랜드 추가 */

.brand-basakchip-a {padding:120px 0 100px;background:url(../../resources/img/brand/basakchip_a_bg.jpg)} 


.brand-basakchip-a .title {font-size:50px;font-weight:500;color:#009244} 


.brand-basakchip-a .description p {font-size:18px;color:#000} 


.brand-basakchip-a .description strong {font-weight:700;color:#009244} 


.brand-basakchip-b {position:relative;height:860px;background:url(../../resources/img/brand/basakchip_b_01.jpg);background-position: center top;background-repeat: no-repeat;background-size:cover;} 


.brand-basakchip-b .obj strong {font-size:50px;color:#fff;line-height:1.2;display:inline-block;margin-bottom:12px;} 


.brand-basakchip-b .obj em {display:block;font-size:100px;font-weight:500;color:#f0deb4;line-height:1.4;margin-top:-20px} 


.brand-basakchip-b .obj span {display:block;font-size:22px;color:#fff} 


.brand-basakchip-b p.obj2 {position:absolute;left:50%;bottom:41%;margin-left:-580px;text-align:left;} 


.brand-basakchip-b p.obj1 {position:absolute;left:43%;bottom:41%;min-width:360px;max-width:400px;margin-left:345px;text-align:left;} 


.brand-basakchip-b .pic {margin-top:160px} 


.brand-basakchip-b .pic img {margin-left:-31%} 


.brand-basakchip-c {height:986px;background:url(../../resources/img/brand/basakchip_c_bg.jpg)} 


.brand-basakchip-c .title {text-align:center;margin-top:98px} 


.brand-basakchip-c .title span {display:block;font-weight:400;font-size:28px;color:#000} 


.brand-basakchip-c .title strong {position:relative;display:inline-block;font-weight:400;font-size:50px;margin-top:6px;color:#009244} 


.brand-basakchip-c .title strong:before {content:'';position:absolute;bottom:1px;display:block;width:100%;height:24px;background:#00924426} 


.brand-basakchip-c .pic {left:4%;top:134px} 


.lang-en .brand-basakchip-c .pic {left:0%} 


.brand-basakchip-c .grid {left:60%;top:150px;width:572px;} 


.lang-en .brand-basakchip-c .grid {left:55%;top:150px;width:610px;} 


.brand-basakchip-c .grid .core {position:relative;font-size:28px;color:#000;margin:39px 0 9px;padding-left:29px;text-indent:-29px;line-height:1.3} 


.brand-basakchip-c .grid .core strong {color:#009244} 


.brand-basakchip-c .grid .desc {font-size:18px;color:#000;line-height:1.3;margin-top:9px;padding-left:29px;} 


.brand-basakchip-c .grid .desc .info {display:block;font-size:12px;color:#000;line-height:1.3;margin-top:7px;} 


.brand-basakchip-d {position:relative;margin-top:-48px;background:#9AC715;} 


.brand-basakchip-d:before {content:'';position:absolute;top:-10px;left:0;width:100%;height:120px;margin-top:-100px;background:url(../../resources/img/brand/basakchip_d_bg.png) no-repeat center top;background-size:cover;} 


.brand-basakchip-d .obj1 {position:absolute;left:8%;top:-35%;margin-left:-120px} 


.brand-basakchip-d .grid {position:relative;top:-10px;display:flex;flex-flow:wrap;justify-content:center;gap:60px 0;width: 1140px;text-align:center;margin-bottom:100px;} 


.brand-basakchip-d .grid:before, .brand-basakchip-d .grid:after {display:none} 


.brand-basakchip-d .grid .object {display:flex;flex-direction:column;align-items:center;width:20%;} 


.brand-basakchip-d .grid .object img {width:200px} 


.brand-basakchip-d .grid .object p {font-size:16px;color:#000;line-height:1.3;margin:0 0 17px} 


.brand-basakchip-d .grid .object span {font-size:16px;color:#fff;padding:8px 16px 9px;border-radius:37px} 


.brand-basakchip-d .grid .object.object-a span {background:#009A3F} 


.brand-basakchip-d .grid .object.object-b span {background:#EB4623} 


.brand-basakchip-d .grid .object.object-c span {background:#353433} 


.brand-basakchip-d .grid .object.object-d span {background:#6D8831} 


.brand-basakchip-d .grid .object.object-e span {background:#1A568B} 


.brand-basakchip-d .grid .object.object-f span {background:#6D8831} 


.brand-basakchip-d .grid .object.object-g span {background:#1A568B} 


.brand-basakchip-e .holder .title {display:flex;gap:100px;align-items:center;margin:100px 0 30px} 


.brand-basakchip-e .holder .title p {font-size:20px;line-height:1.3;color:#000} 


.brand-basakchip-e .grid {display:flex;flex-flow:wrap;justify-content:space-between;width: 1140px;text-align:center;margin-bottom:30px;} 


.brand-basakchip-e .grid:before, .brand-basakchip-e .grid:after {display:none} 


.brand-basakchip-e .grid .object p {font-size:18px;line-height:1.3;color:#000} 


.brand-basakchip-e .button-more.brand:hover span {color:#009244} 


.brand-basakchip-e .button-more.brand:hover i, .brand-basakchip-e .button-more.brand:hover i:before, .brand-basakchip-e .button-more.brand:hover i:after {background-color:#009244} 


.page-brand-excyclebasakchip #topbutton .icon {background-color:#009244;} 


.page-brand-excyclebasakchip .brand-title, .page-brand-excyclebasakchip .brand-carousel-slider .titles .title {color:#009244;} 




/* 자주찾는 질문 키워드 및 좋아요 추가 */

.page-support-faq .section-tab {margin: 0 0 30px;} 


.page-support-faq .search-word-tag {margin-bottom:40px} 


.page-support-faq .search-word-tag .tag.in .word {color:#ef151e;border:1px solid #ef151e} 


.page-support-faq .bbs-view-action_top {margin:0 0 40px;} 


.page-support-faq .bbs-like-action a {display:inline-block;height:38px;font-size:13px;color:#666;line-height:38px;text-align:center;margin:0 0 8px 8px;background-color:#fff;border:1px solid #666;border-radius:36px;} 


.page-support-faq .bbs-like-action a.in {color:#ef151e;border:1px solid #ef151e} 


.page-support-faq .bbs-like-action a span {display:inline-block;padding:0 10px 0 40px;background:url(/resources/img/support/icon_like.png) no-repeat} 


.page-support-faq .bbs-like-action a.like span {background-position:12px 7px} 


.page-support-faq .bbs-like-action a.like.in span {background-position:12px -43px} 


.page-support-faq .bbs-like-action a.dislike span {background-position:12px -93px} 


.page-support-faq .bbs-like-action a.dislike.in span {background-position:12px -143px} 




/* 해찬들 브랜드 수정 */

.brand-haechandle-a .sub-title {margin-top:220px} 


.brand-haechandle-a .sub-title:before {display:none} 


.brand-haechandle-b .object {width:303px;height:126px;margin-top:80px;} 


.brand-haechandle-c .loop-b {max-width:1300px;margin-top:300px} 


.brand-haechandle-c .object.object-c {top:-20px} 


.lang-en .brand-haechandle-c .object.object-c {top:15px} 




/* 2024 웹접근성 */

#timeline.is-food li.food .desc, #timeline.is-bio li.bio .desc {text-decoration:underline} 


#timeline.is-food li .desc, #timeline.is-bio li .desc {text-decoration:none;} 


.kitchen-cont .list-c .col-transport .transport dl .road-bus .bus-1 {background-color:#0F7ACB;} 


.kitchen-cont .list-c .col-transport .transport dl .road-bus .bus-2 {color:#000} 


.brand-submain .list-column .desc {color:#767676} 




/* 쿠키설정 */

#header {z-index:111} 


#cookie-area {position:relative;z-index:200} 


#cookie-area .cookie-layer {position:fixed;background:#F8F8F8;left:0;bottom:0;width:100%;height:auto;transform:translateY(100%);transition:transform 0.5s, visibility 0.5s;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.5);visibility:hidden;} 


#cookie-area .cookie-layer.show {transform: translateY(0);visibility:visible;} 


#cookie-area .cookie-layer-in {display:flex;align-items:center;justify-content:space-between;min-width:1000px;max-width:1520px;margin:0 auto} 


#cookie-area .cookie-content {width:68%;margin:25px 0 0 2%} 


#cookie-area .cookie-content > strong {font-weight:700;text-align:left} 


#cookie-area .cookie-content > p {color:#333} 


#cookie-area .cookie-content > p > a {color:#EF151E;text-decoration:underline;display:inline!important} 


#cookie-area .cookie-btn {margin-top:12px} 


#cookie-area .cookie-btn button {min-width:133px;height:45px;line-height:45px;color:#fff;border-radius:45px;background:#5E5B57;padding:0 36px;border:0 none;cursor:pointer} 


#cookie-area .cookie-btn button.btn-cookie-accept {margin-right:8px;background:#EF151E} 




.is-modal-cookiePop.in.is-modal-simple .md-modal-content {margin:40px;text-align:left} 


.is-modal-cookiePop.in.is-modal-simple .md-modal-inner{border-top:solid 3px #ef151e;font-size:16px;position:relative} 


.is-modal-cookiePop.in.is-modal-simple .modal-title{margin:0;padding:0;font-size:24px;font-weight:400;line-height:1.4} 


.is-modal-cookiePop.in.is-modal-simple .action {margin: 10px auto 0;padding: 0;text-align: center;} 




.is-modal-cookiePop .md-modal{position:fixed;top:0;left:0;right:0;bottom:0;line-height:1} 


.is-modal-cookiePop .md-modal-wrapper{display:table;width:100%;min-height:100%;height:100vh} 


.is-modal-cookiePop .md-modal-holder{display:table-cell;vertical-align:middle;text-align:center} 


.is-modal-cookiePop .md-modal-relative{display:inline-block;position:relative;margin:0 auto;background-color:#fff} 


.is-modal-cookiePop .md-modal-inner{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;margin:0 auto;min-width:300px;overflow:auto;overflow-x:hidden} 


.is-modal-cookiePop .md-modal-inner .js-modal-close .icon{background-image:url('../img/temp/modal_close.png');width:30px;height:30px;background-size:30px 30px;position:absolute;top:0;right:0;margin-right:-30px} 




.is-modal-cookiePop {display:none} 


.is-modal-cookiePop .outer-close{display:block;position:fixed;z-index:3000;margin:30px 35px;top:0;right:0} 


.is-modal-cookiePop .outer-close .icon{background-image:url('../img/modal/ico_close.png');width:50px;height:50px;background-size:50px 50px} 


.is-modal-cookiePop .inner-close{display:block;position:absolute;z-index:3000;margin:0 -54px 0 0;top:0;right:0} 


.is-modal-cookiePop .inner-close .icon{background-image:url('../img/modal/ico_close_inner.png');width:34px;height:34px;background-size:34px 34px} 


.is-modal-cookiePop .md-modal{visibility:hidden;z-index:-1;opacity:0;-webkit-transform:translate(0, -50px);-ms-transform:translate(0, -50px);transform:translate(0, -50px);-webkit-transition:visibility 0s linear 0.4s, z-index 0s linear 0.4s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.4s, z-index 0s linear 0.4s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:visibility 0s linear 0.4s, z-index 0s linear 0.4s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.4s, z-index 0s linear 0.4s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.4s, z-index 0s linear 0.4s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 


.is-modal-cookiePop.in{display:block} 


.is-modal-cookiePop.anim .md-modal{visibility:visible;z-index:1100;opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 


.is-modal-cookiePop.is-modal-content .md-modal{-webkit-transform:translate(0, -300px);-ms-transform:translate(0, -300px);transform:translate(0, -300px)} 


.is-modal-cookiePop.is-modal-content.anim .md-modal{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 




#util-cookiePop .cookiePop-logo {position:absolute;top:36px;right:40px;} 


#util-cookiePop .modal-body p {margin:22px 0 12px;color:#333;} 


#util-cookiePop .modal-body h3 {margin:32px 0 12px;font-weight:400} 


#util-cookiePop .cookiePop-link {color:#006ECD;text-decoration:underline} 


#util-cookiePop .cookiePop-list {border:1px solid #E2E2E2;list-style:none;padding:0} 


#util-cookiePop .cookiePop-list li {position:relative} 


#util-cookiePop .cookiePop-list li .cookiePop-util {position:absolute;top:12px;right:12px;color:#EF151E} 


#util-cookiePop .cookiePop-list li .cookiePop-con {display:none;padding:12px;margin:0;font-size:15px;color:#333;border-top:1px solid #E2E2E2} 


#util-cookiePop .cookiePop-title {display:block;position:relative;padding:12px 10px 14px 34px;margin-top:-1px;background:#F8F8F8;border-top:1px solid #E2E2E2} 


#util-cookiePop .cookiePop-title:hover {color:#333} 


#util-cookiePop .cookiePop-title:after {content:"";position:absolute;top:20px;left:14px;width:12px;height:2px;background:#333} 


#util-cookiePop .cookiePop-title:before {content:"";position:absolute;top:15px;left:19px;width:2px;height:12px;background:#333} 


#util-cookiePop .cookiePop-title.open:before {display:none} 


#util-cookiePop .toggle-check input {position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;color:transparent;} 


#util-cookiePop .toggle-check label {display:block;position:relative;width:36px;height:20px;background:#D2D5DA;border-radius:100px;transition:background 0.2s;cursor: pointer;} 


#util-cookiePop .toggle-check input:focus + label {outline:2px solid #333;} 


#util-cookiePop .toggle-check label::after {content:"";position:absolute;left:2px;top:50%;width:16px;height:16px;border-radius:100%;  background:#fff;transform:translateY(-50%);transition: all 0.2s;} 


#util-cookiePop .toggle-check input:checked + label {background:#5E5B57} 


#util-cookiePop .toggle-check input:checked + label::after {left:calc(100% - 18px);} 


#util-cookiePop .action .button {width:100%;margin-top:14px} 




/* 제당_글로벌VOC영중일 */

.page-support-inquire .select-lang {display:flex;justify-content:flex-end;align-items:baseline;padding-bottom:11px;} 


.page-support-inquire .select-lang ul {list-style:none;display:flex;gap:10px;justify-content:flex-end;margin:0 0 10px 0;padding-left:12px;} 


.page-support-inquire ul.list-a {margin-right:230px} 


.page-support-inquire .bbs-faq.inquire .faq-head .grid, .page-support-inquire .bbs-faq.inquire .item.first .head .grid {display:flex;align-items:center;} 


.page-support-inquire .inquire-history .inquire-history-info {width:540px} 


.page-support-inquire .inquire-history .inquire-history-info .label-title {width:120px;vertical-align:middle;} 


.page-support-inquire .inquire-history .inquire-history-info input.text {width:410px;padding-left:10px;vertical-align:middle;} 


.page-support-inquire .inquire-history ul.inquire-history-list {margin-left:300px;} 


.page-support-inquire span.badge.accept, .page-support-inquire span.badge.complete {width:80px;} 


.page-support-inquire .voice-costomer .bbs-write .icon-info {word-break: break-all;} 


.voice-costomer .bbs-guide a.more span {vertical-align:bottom} 


.page-support-inquire .voice-costomer .bbs-write .file-guide p {text-indent:0} 


.page-support-inquire .info-guide {padding:25px 20px 15px} 


.page-support-inquire .info-guide p {position:relative;padding-left:20px;font-size:16px;line-height:1.4;color:#767676;font-weight:400;} 


.page-support-inquire .info-guide p:before {display:inline-block;position:absolute;top:4px;left:0;width:14px;    height:14px;content:"";background-image:url(/resources/img/support/inquire_icon_info.gif);} 


.page-support-inquire .voice-costomer .bbs-write tr.country td .select + .select {margin-left:6px;} 


.bbs-faq.inquire .faq-head .head-category, .bbs-faq.inquire .collapse-head .category {width:20%} 


.bbs-faq.inquire .faq-head .head-subject, .bbs-faq.inquire .collapse-head .subjects {width:47%} 




/* 브랜드 크레잇 */

.brand-creeat-a .pic1 {left:-30px;top:77px} 


.brand-creeat-a .pic2 {left:360px;top:15px} 


.brand-creeat-a .grid {margin-left:762px;margin-top:110px;min-height:640px;padding-bottom:50px;} 


.brand-creeat-a .grid .title {font-size:38px;color:#1d1d1b;letter-spacing:-1px;padding-bottom:26px;margin-bottom:26px;border-bottom:1px solid #595958;width:466px;} 


.brand-creeat-a .grid .description p {font-size:18px;color:#1d1d1b;letter-spacing:-0.5px;margin: 28px 0;} 


.brand-creeat-b {background:#c99d66} 


.brand-creeat-b .background {height:863px;} 


.brand-creeat-b .background.background-a {background-image:url(/resources/img/brand/creeat_b_1.jpg);background-position:left center;} 


.brand-creeat-b .background.background-b {background-image:url(/resources/img/brand/creeat_b_2.jpg);background-position:left center;} 


.brand-creeat-b .core {width:712px} 


.brand-creeat-b .core .title {font-size:26px;color:#1d1d1b} 


.brand-creeat-b .core .sub-title {font-size:38px;color:#1d1d1b;margin:20px 0 30px;} 


.brand-creeat-b .core .sub-title strong {display:block;font-size:52px;color:#1d1d1b} 


.brand-creeat-b .core .description {font-size:18px;color:#1d1d1b;margin:0 0 76px} 


.brand-creeat-c .title {font-size:48px;color:#1d1d1b;margin:105px 0 60px;} 


.brand-creeat-c .creeat-slogan {border:1px solid #1d1d1b} 


.brand-creeat-c .grid {display:flex;justify-content:space-between;margin-top:40px} 


.brand-creeat-c .grid:before, .brand-creeat-c .grid:after {display:none;} 


.brand-creeat-c .module {position:relative;text-align:center} 


.brand-creeat-c p.core {font-size:28px;color:#1d1d1b;padding-top:5px;margin-bottom:13px;} 


.brand-creeat-c p.desc {font-size:20px;color:#1d1d1b;margin:0;} 


.brand-creeat-d {background:#f0f0f0 url(/resources/img/brand/creeat_d_bg_1.jpg);background-position:left center;padding:72px 0 142px;margin-top:110px;} 


.brand-creeat-d .js-bibigo-swiper .swiper-container .swiper-slide {height:480px;width:405px} 


.brand-creeat-d .js-bibigo-swiper .swiper-container .swiper-slide img {width:230px;box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.4)} 


.brand-creeat-d .js-bibigo-swiper .swiper-container .swiper-slide.active img {width:300px;left:auto;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.5)} 


.brand-creeat-d .js-bibigo-swiper .description p {font-size:18px;color:#1d1d1b;margin-top:30px} 


.brand-creeat-d .js-bibigo-swiper .description strong {display:block;font-size:38px;color:#1d1d1b} 


.brand-creeat-d .js-bibigo-swiper .swiper-button-prev {background-image:url(/resources/img/brand/creeat_swiper_prev.png);} 


.brand-creeat-d .js-bibigo-swiper .swiper-button-next {background-image:url(/resources/img/brand/creeat_swiper_next.png);} 


.brand-creeat-e .button-more.brand:hover span, .page-brand-creeat .brand-title, .page-brand-creeat .brand-carousel-slider .titles .title {color:#1d1d1b} 


.page-brand-creeat #topbutton .icon, .page-brand-creeat .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after {background-color:#1d1d1b;} 


.brand-creeat-d .js-bibigo-swiper .swiper-count .count {color:#1d1d1b} 


@media (min-width: 1921px) {

	.brand-creeat-b .background, .brand-creeat-d {background-size:cover} 




/* 브랜드 햇반 */

.brand-hatban-a {background-position:-80% top;background-color:#ebe2d3} 


.brand-hatban-a .module {width:55%} 


.brand-hatban-b .holder .module {padding-top:68px;} 


.brand-hatban-c .history {height:2442px} 


.lang-ko .brand-hatban-c .history .list li .txt .desc {letter-spacing:-1px} 


.brand-hatban-c .history .list li.item01 .pic, .lang-en .brand-hatban-c .history .list li.item01 .pic {left:-376px;} 


.brand-hatban-c .history .list li.item02 .pic {width:314px;right:-342px;} 


.brand-hatban-c .history .list li.item03 .pic {left:-276px;} 


.brand-hatban-c .history .list li.item04 .pic {right:-398px;} 


.brand-hatban-c .history .list li.item05 .pic {left:-323px;} 


.brand-hatban-c .history .list li.item06 .pic {right:-228px;} 


.brand-hatban-c .history .list li.item07 .pic {width:307px;left:-358px;top:-96px} 


.brand-hatban-c .history .list li.item08 .pic {top:-50px;right:-386px;width:252px;} 


.brand-hatban-c .history .list li.item09 .pic {top:-59px;left:-326px;width:261px;} 


.brand-hatban-c .history .list li.item10 .pic {top:-84px;right:-474px;width:402px;} 


.brand-hatban-c .history .list li.item10-2 {top:1593px;left:50%;margin-left:27px;text-align:left} 


.brand-hatban-c .history .list li.item10-2:before {top:6px;left:-33px} 


.brand-hatban-c .history .list li.item10-2 .pic {top:-56px;right:-460px;width:409px;} 


.brand-hatban-c .history .list li.item11 {top: 1742px;right:50%;margin-right:27px;text-align:right} 


.brand-hatban-c .history .list li.item11:before {top:11px;right:-33px} 


.brand-hatban-c .history .list li.item11 .pic {top:-80px;left:-408px;width:406px;} 


.brand-hatban-c .history .list li.item11-2 {top: 1928px;right:50%;margin-right:27px;text-align:right} 


.brand-hatban-c .history .list li.item11-2:before {top:11px;right:-33px} 


.brand-hatban-c .history .list li.item11-2 .pic {top:-44px;left:-522px;width:464px;} 


.brand-hatban-c .history .list li.item12 {top: 2083px;left:50%;margin-left:27px;text-align:left} 


.brand-hatban-c .history .list li.item12:before {top:11px;left:-33px} 


.brand-hatban-c .history .list li.item12 .pic {top:-58px;right:-438px;width:394px;} 


.brand-hatban-c .history .list li.item13 {top: 2238px;right:50%;margin-right:27px;text-align:right;z-index:10} 


.brand-hatban-c .history .list li.item13:before {top:11px;right:-33px} 


.brand-hatban-c .history .list li.item13 .pic {top:-66px;left:-274px;width:248px;} 


.brand-hatban-c .background {bottom:-300px} 


.brand-hatban-d {padding-top:160px} 


.brand-hatban-d .background {top:192px} 


.lang-en .brand-hatban-c .history .list li.item02 .pic {right:-395px;} 


.lang-en .brand-hatban-c .history .list li.item03 .pic {left:-218px;} 


.lang-en .brand-hatban-c .history .list li.item04 .pic {right:-339px;} 


.lang-en .brand-hatban-c .history .list li.item06 .pic {right:-242px;} 


.lang-en .brand-hatban-c .history .list li.item07 .pic {left:-330px;} 


.lang-en .brand-hatban-c .history .list li.item08 .pic {right:-334px;} 


.lang-en .brand-hatban-c .history .list li.item09 .pic {left:-274px;} 


.lang-en .brand-hatban-c .history .list li.item10 .pic {right:-506px;} 


.lang-en .brand-hatban-c .history .list li.item10-2 .pic {right:-423px;} 


.lang-en .brand-hatban-c .history .list li.item11 .pic {left:-425px;} 


.lang-en .brand-hatban-c .history .list li.item11-2 .pic {left:-455px;} 


.lang-en .brand-hatban-c .history .list li.item12 .pic {right:-423px;} 


.lang-en .brand-hatban-c .history .list li.item13 .pic {left:-298px;} 




/* 브랜드 쁘띠첼 */

.brand-petitzel-a .pic.pic-1 {right:4%} 


.brand-petitzel-a .pic.pic-2 {left:auto;right:44%} 


.brand-petitzel-a .pic.pic-3 {left:auto;right:0;width:auto} 


.brand-petitzel-a .module {top:870px;left:auto;right:37%;z-index:11;box-shadow:6px 6px 12px rgba(0,0,0,0.06)} 


.brand-petitzel-c {position:relative} 


.brand-petitzel-c .module {position:relative;z-index:5;width:40%;max-width:640px;height:712px;margin:0 auto;padding:140px 0 0;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#e26a71} 


.lang-en .brand-petitzel-c .module {padding:60px 10px 0;} 


.brand-petitzel-c .module .title {font-size:18px;color:#fff;font-weight:500} 


.brand-petitzel-c .module p.description {margin:26px 0 0;padding-top:47px;font-size:18px;color:#fff} 


.brand-petitzel-c .background {position:absolute;top:0;width:34%;max-width:640px;height:712px;background-position:center top} 


.brand-petitzel-c .background.background-1 {left:0;background-image:url('../img/brand/petitzel_c_bg_01.jpg')} 


.brand-petitzel-c .background.background-2 {right:0;background-image:url('../img/brand/petitzel_c_bg_02.jpg')} 




/* 브랜드 고메 */

@font-face {

	font-family:'SDGothic';

	font-weight:400;

	font-style:normal;

	src:url(/resources/fonts/AppleSDGothicNeoR.woff2) format('woff2'),

		url(/resources/fonts/AppleSDGothicNeoR.woff) format('woff');

} 


@font-face {

	font-family:'SDGothic';

	font-weight:700;

	font-style:normal;

	src:url(/resources/fonts/AppleSDGothicNeoExtraBold.woff2) format('woff2'),

		url(/resources/fonts/AppleSDGothicNeoExtraBold.woff) format('woff');

} 


.page-brand-goumet .brand-products, .page-brand-goumet .brand-media-channel {position:relative;background:#fff} 


.page-brand-goumet #footer {position:relative;background:#000} 


.page-brand-goumet .brand-carousel-slider {position:relative;background:#f0f0f0} 


.page-brand-goumet .section-visual {position:relative;background:#fff;z-index:5} 


.brand-goumet-a {position:relative;height:auto;background:#000;z-index:5} 


.brand-goumet-a .content-holder {padding:107px 0} 


.brand-goumet-a .content-holder .title {font-size:60px;color:#c8a063;font-family:SDGothic;font-weight:700;letter-spacing:-1px} 


.brand-goumet-a .content-holder .description {margin-top:25px;} 


.brand-goumet-a .content-holder .description p {font-size:24px;color:#fff;font-family:SDGothic;font-weight:400;letter-spacing:-1px} 


.brand-goumet-c {position:relative;height:1614px} 


.brand-goumet-c .c-bg-pin {position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#ec6600} 


.brand-goumet-c .c-bg-pin .grid {position:relative;width:1200px;margin:0 auto;text-align:left} 


.brand-goumet-c .c-bg-pin .module {position:absolute;top:236px;left:0;} 


.brand-goumet-c .c-bg-pin .module .sub-title {position:relative;font-size:46px;color:#000;font-family:SDGothic;font-weight:700;margin-top:0;line-height:1.33;letter-spacing:-1px} 


.brand-goumet-c .c-bg-pin .module p.description {font-size:24px;color:#000;font-family:SDGothic;font-weight:400;margin-top:26px;letter-spacing:-1px} 


.brand-goumet-c .c-bg-pin .background-1 {top:269px;left:50%;width:521px;height:336px;background-image:url(/resources/img/brand/goumet_c_bg_01.png);transform: translateX(-50%);} 


.brand-goumet-c .wrap {top:30%} 


.brand-goumet-c .wrap .background-2 {position:absolute;top:100px;left:60%;width:428px;height:432px;background-image:url(/resources/img/brand/goumet_c_bg_02.png);} 


.brand-goumet-c .wrap .background-3 {position:absolute;top:480px;left:30%;width:353px;height:356px;background-image:url(/resources/img/brand/goumet_c_bg_03.png);} 


.brand-goumet-c .wrap .background-4 {position:absolute;top:700px;left:69%;width:428px;height:432px;background-image:url(/resources/img/brand/goumet_c_bg_04.png);} 


.brand-goumet-b .content-module {height:750px;background:#fff7d9} 


.brand-goumet-b .text-module {position:absolute;width:1200px;top:157px;left:50%;margin-left:-600px;padding:0} 


.brand-goumet-b .text-module .module {float:none} 


.brand-goumet-b .text-module .sub-title {font-size:46px;color:#000;font-family:SDGothic;font-weight:700} 


.brand-goumet-b .text-module p.description {font-size:24px;color:#000;font-family:SDGothic;font-weight:400} 


.brand-goumet-b .slider-holder {float:right;margin-top:80px} 


.brand-goumet-b .slider-holder .slider-goumet {background:none;padding:30px 0 0;} 


.brand-goumet-b .slider-holder .slider-goumet .swiper-container:before {content:'';position:absolute;top:30px;left:100px;display:block;width:400px;height:400px;background:#c8a063;border-radius:400px} 


.brand-goumet-b .slider-holder .slider-goumet .swiper-slide {width:450px;height:504px;display:flex;align-items:center;justify-content:flex-end;} 


.brand-goumet-b .slider-holder .slider-goumet .swiper-slide.active img {transform:scale(1.3) translateX(12%);} 


.brand-goumet-b .slider-holder .slider-goumet .swiper-slide.active + .swiper-slide img {transform:scale(0.66) translateX(22%);} 


.brand-goumet-b .slider-holder .slider-goumet .swiper-slide.active + .swiper-slide + .swiper-slide img {transform:scale(0.66) translateX(-10%);} 


.brand-goumet-b .slider-holder .slider-goumet .swiper-slide img {transform: scale(0.66)} 


.brand-goumet-b .slider-holder .slider-goumet .swiper-control {right:51.4%;bottom:172px;padding-left:0} 


.brand-goumet-b .slider-holder .slider-goumet .swiper-navigation {position:relative;left:20px} 


.brand-goumet-b .slider-holder .slider-goumet .swiper-navigation.swiper-button-next {margin-left:0} 


.brand-goumet-b .slider-holder .slider-goumet .swiper-play {margin-left:32px} 


.brand-goumet-b .slider-holder .info-txt {padding-left:100px;margin:0} 


.brand-goumet-b .slider-holder .info-txt .item .name {position:relative;top:-30px;font-size:25px;color:#000;font-family:SDGothic;font-weight:700} 


.swiper-control .swiper-play.stop .icon {background-image:url('/resources/img/brand/goumet_slider_pager_play.png')} 


.swiper-control .swiper-play .icon {background-image:url('/resources/img/brand/goumet_slider_pager_stop.png')} 


.swiper-control .swiper-pagination .swiper-pagination-bullet:before {border:1px #130f07 solid} 


.page-brand-goumet .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {background:#130f07} 


.page-brand-goumet #topbutton .icon, .page-brand-goumet .button-more:hover i:after, .page-brand-goumet .button-more:hover i:before, .page-brand-goumet .brand-media-channel .js-brand-channel .swiper-container .swiper-slide a:after {background-color:#917037;} 


.page-brand-goumet .brand-title, .page-brand-goumet .button-more:hover span, .page-brand-goumet .brand-carousel-slider .titles .title {color:#917037;} 


.page-brand-goumet .button-more {border-color: #917037;background-color: #917037;} 


.lang-en .brand-goumet-b .text-module .module {max-width:470px} 


.lang-en .brand-goumet-b .text-module .sub-title {font-size:36px;line-height:1.2} 


.lang-en .brand-goumet-b .text-module p.description {font-size:20px;line-height:1.5} 


.lang-en .brand-goumet-b .slider-holder .slider-goumet .swiper-control {right:51.4%;bottom:140px} 


@media screen and (min-width:1920px){

	.brand-goumet-b .slider-holder {margin-right:-100px;} 




/* 제당 개선프로젝트 GCC */

#header .wrap {min-width: 1240px;} 


html.is-overlay {-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */} 


html.is-overlay::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/} 




#header.is-transparent .d1-gcc .icon {width:80px;height:80px;background-image:url(../img/common/top_gcc.png);background-size:80px auto;background-position:bottom center;transition:none;} 


#header .d1-gcc .icon, .is-scroll-downed #header .d1-gcc .icon {width:80px;height:80px;background-image:url(../img/common/top_gcc.png);background-size:80px auto;background-position:top center} 


#header.is-transparent .d1-language .icon {width:42px;height:80px;background-image:url(../img/common/top_language.png);background-size:80px auto;background-position:center -80px;transition:none;} 


#header .d1-language .icon, .is-scroll-downed #header .d1-language .icon {width:42px;height:80px;background-image:url(../img/common/top_language.png);background-size:80px auto;background-position:center top} 


.lang-en #header.is-transparent .d1-language .icon {background-image:url(../img/common/top_language.png);background-position:center -240px} 


.lang-en #header .d1-language .icon, .lang-en.is-scroll-downed #header .d1-language .icon {background-image:url(../img/common/top_language.png);background-position:center -160px} 




.is-modal-global-sites {display:none} 


.is-modal-global-sites .md-modal{position:fixed;top:0;left:0;right:0;bottom:0;line-height:1} 


.is-modal-global-sites .md-modal-wrapper{display:table;width:100%;min-height:100%;height:100vh} 


.is-modal-global-sites .md-modal-holder{display:table-cell;vertical-align:middle;text-align:center} 


.is-modal-global-sites .md-modal-inner{overflow:auto;overflow-x:hidden} 


.is-modal-global-sites .outer-close{display:block;position:fixed;z-index:3000;margin:30px 35px;top:0;right:0} 


.is-modal-global-sites .outer-close .icon{background-image:url('../img/modal/ico_close.png');width:50px;height:50px;background-size:50px 50px} 


.is-modal-global-sites .inner-close{display:block;position:absolute;z-index:3000;margin:0 -54px 0 0;top:0;right:0} 


.is-modal-global-sites .inner-close .icon{background-image:url('../img/modal/ico_close_inner.png');width:34px;height:34px;background-size:34px 34px} 


.is-modal-global-sites .md-modal{visibility:hidden;z-index:-1;opacity:0;-webkit-transform:translate(0, -50px);-ms-transform:translate(0, -50px);transform:translate(0, -50px);-webkit-transition:visibility 0s linear 0.4s, z-index 0s linear 0.4s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.4s, z-index 0s linear 0.4s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:visibility 0s linear 0.4s, z-index 0s linear 0.4s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.4s, z-index 0s linear 0.4s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0.4s, z-index 0s linear 0.4s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 


.is-modal-global-sites.in{display:block} 


.is-modal-global-sites.anim .md-modal{visibility:visible;z-index:1100;opacity:1;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;-o-transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;transition:visibility 0s linear 0s, z-index 0s linear 0s, opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 


.is-modal-global-sites.is-modal-content .md-modal{-webkit-transform:translate(0, -300px);-ms-transform:translate(0, -300px);transform:translate(0, -300px)} 


.is-modal-global-sites.is-modal-content.anim .md-modal{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)} 




/* newsroom overview */

.section-visual.is-newsroom-overview {padding-top:0;border:none;overflow:visible;margin-bottom:0px;} 


.section-visual.is-newsroom-overview .wrap {position:relative;min-height:511px;padding-bottom:196px;box-sizing:content-box;text-align:center;} 


.section-visual.is-newsroom-overview .wrap .title {padding-top:222px;color:#fff;font-family:'CJONLYONE', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Montserrat', Arial, Helvetica, sans-serif;font-weight:400;margin:0;font-size:62px;line-height:1.5;} 


.section-visual.is-newsroom-overview .wrap .desc {margin:14px 0 0;padding:0;font-size:20px;color:#fff;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);} 


.newsroom-overview-top {margin:-262px 0 82px} 


.newsroom-overview-top a {pointer-events:auto;} 


.newsroom-overview-top .photo {width:760px;height:450px;border-radius:20px;background-position:50% 50%;background-size:cover;overflow:hidden} 


.newsroom-overview-top .photo img {width:760px;height:auto;border-radius:20px} 


.newsroom-overview-top .desc {position:absolute;top:50px;right:0;width:350px;height:350px;padding:20px 40px 40px;border-radius:20px;background:#EF151E;box-sizing:border-box;} 


.newsroom-overview-top .desc .title {font-size:30px;color:#fff;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 5;-webkit-box-orient:vertical;word-break:break-word;} 


.newsroom-overview-top .desc .category_date {position:absolute;bottom:40px;left:30px;} 
 

.newsroom-overview-top .desc .category_date .category {display:inline;} 
 

.newsroom-overview-top .desc .category_date span {position:relative;padding:0 5px 0 10px;color:#F9F9F9;font-weight:700} 
 

.newsroom-overview-top .desc .category_date span:before {content:'';position:absolute;top:6px;left:0;width:1px;height:14px;background:#F9F9F9} 
 

.newsroom-overview-top .desc .category_date span:first-child:before {display:none} 


.newsroom-overview-top .desc .category_date span.date {font-weight:400} 


.js-newsroom-overview-swiper {padding-bottom:70px} 


.js-newsroom-overview-swiper .swiper-control {position:absolute;width:224px;bottom:0;right:0;} 


.js-newsroom-overview-swiper .swiper-control .count span {font-size:20px;color:#4D4D4D} 


.js-newsroom-overview-swiper .swiper-button-next, .js-newsroom-overview-swiper .swiper-button-prev {top:82%;width:55px;height:30px;background: url('/resources/img/common/newsroom_overview_swiper.png') no-repeat;} 


.js-newsroom-overview-swiper .swiper-button-next:focus:not(:focus-visible), .js-newsroom-overview-swiper .swiper-button-prev:focus:not(:focus-visible) {outline:none;} 


.js-newsroom-overview-swiper .swiper-button-next {background-position:0 0} 


.js-newsroom-overview-swiper .swiper-button-prev {background-position:0 -100px} 


.newsroom-overview-con {background:#f5f5f5} 


.newsroom-overview-con .title {display:inline-block;font-size:30px;font-weight:700;color:#000;margin:81px 0 31px;} 


.newsroom-overview-con .link-more {display:inline-block;width:28px;height:28px;margin:0 0 -3px 8px;background:url('/resources/img/common/newsroom_more_icon.png') no-repeat center top} 


.newsroom-overview-con .newsroom-overview-util {display:flex;justify-content:space-between;} 


.newsroom-overview-con .newsroom-overview-util .right .sortTab {margin:104px 0 19px;list-style:none;display:flex;gap:8px} 


.newsroom-overview-con .newsroom-overview-util .right .sortTab li button {border:0 none;background:none;cursor:pointer} 


.newsroom-overview-con .newsroom-overview-util .right .sortTab li button span {color:#999;font-weight:500} 


.newsroom-overview-con .newsroom-overview-util .right .sortTab li.in button span {color:#000;font-weight:700;border-bottom:solid 2px #000;padding:7px 0;} 


.newsroom-overview-con .link-more:hover {background-position:center -100px;} 


.newsroom-overview-con .title.title-sub {font-size:24px;margin:100px 0 19px;} 


.newsroom-overview-con .title.title-sub + .link-more {margin-bottom:-4px} 


.newsroom-grid {display:flex;flex-wrap:wrap;gap:30px;justify-content:flex-start} 


.newsroom-grid:before, .newsroom-grid:after {display:none} 


.newsroom-grid .item {flex-grow:0;flex-basis:calc(50% - 15px);} 


.newsroom-grid a {display:block;background:#fff;border-radius:20px;border:1px solid #e6e6e6} 


.newsroom-grid a .background {display:block;overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px} 


.newsroom-grid a .background span {display:block;width:100%;height:310px; background-size:cover;transform:scale(1);transition:transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;} 


.newsroom-grid a:hover {color:#000} 


.newsroom-grid a:hover .background span {transform:scale(1.1)} 


.newsroom-grid a .category {padding:27px 0 0 25px} 


.newsroom-grid a .category span {position:relative;display:inline-block;padding:0 6px 0 9px;font-size:20px;font-weight:500;color:#000} 


.newsroom-grid a .category span:before {content:'';position:absolute;top:6px;left:0;width:2px;height:22px;background:#000} 
 

.newsroom-grid a .category span:first-child {padding-left:0} 


.newsroom-grid a .category span:first-child:before {display:none} 


.newsroom-grid a .name {height:68px;padding:0 25px;margin:13px 0 17px;font-size:24px;font-weight:700;color:#000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;word-break:break-word;} 


.newsroom-grid a .date {padding:0 25px;margin:0 0 23px;color:#000} 


.newsroom-grid.newsroom-release .item {flex-basis:calc(33.3333% - 20px)} 


.newsroom-grid.newsroom-release a .background span {height:200px} 


.newsroom-grid.newsroom-release a .name {height:52px;font-size:18px;font-weight:500;margin:15px 0 20px;padding:0 20px;word-break:break-word;} 


.newsroom-grid.newsroom-release a .date {font-size:14px;color:#4D4D4D;margin:0 0 14px;padding: 0 20px;} 


.newsroom-grid.newsroom-press > div {display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:100px} 


.newsroom-grid.newsroom-press .item {gap:8px;flex-basis:100%;margin:0} 


.newsroom-grid.newsroom-press a {display:flex;align-items:center;padding:9px 0;flex-basis:100%} 


.newsroom-grid.newsroom-press a .media {flex-basis:20%;text-align:center;font-size:14px;font-weight:700;color:#666} 


.newsroom-grid.newsroom-press a .name {flex-basis:80%;padding-left:20px;font-size:18px;color:#000;font-weight:500;height:auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient:vertical;word-break:break-all;} 


.newsroom-overview-social {background:#fff;padding:0 0 7px} 


.newsroom-overview-social .title.title-sub {margin:79px 0 31px} 


.newsroom-grid.newsroom-social .item {flex-grow:0;flex-basis:calc(24% - 15px);width:calc(24.8% - 15px);} 


.newsroom-grid.newsroom-social .item a {position:relative;border:0 none;} 


.newsroom-grid.newsroom-social .item .channel-mark {top:0;left:0} 


.newsroom-grid.newsroom-social .item .channel-mark .icon {background-size:34px;} 


.newsroom-grid.newsroom-social .item .pic {display:flex;align-items:center;background:#000;height:216px} 


.newsroom-grid.newsroom-social .item .pic img {height:auto} 


.newsroom-grid.newsroom-social .item .desc {padding:14px 0} 


.newsroom-grid.newsroom-social .item .desc .desc-text {color:#000;-webkit-line-clamp:2;line-height:1.5} 


.newsroom-overview-search {position:relative;width:600px;margin:60px auto;padding:12px 11px;border:1px solid #ededed;background:#fff;border-radius:60px;box-sizing:border-box;text-align:left} 


.newsroom-overview-search fieldset {border:0 none} 


.newsroom-overview-search .text {border:0 none;width:calc(100% - 60px);outline:0} 


.newsroom-overview-search .text::placeholder {color:#777} 


.newsroom-overview-search .submit {font:0 / 0 a;vertical-align:middle;position:absolute;top:11%;right:2%;background-image:url(/resources/img/common/newsroom_overview_search.png);width:46px;height:46px;background-size:31px auto;border:0;cursor:pointer} 




.newsroom-search-results .section-visual.is-util .title {color:#000} 


.newsroom-search-results .newsroom-overview-search {border:1px solid #D9D9D9;margin:60px auto 40px;} 


.newsroom-search-results .search-result {color:#000;margin:12px 0} 


.newsroom-search-results .search-result strong {color:#000;font-weight:600} 


.newsroom-search-results .section-visual.is-util {margin-bottom:0} 


.newsroom-search-results .section-visual.is-util .wrap:before {display:none} 


.newsroom-search-results .section-tab {margin:0} 


.newsroom-search-results .section-tab ul.tab-a a {padding:12px 0} 


.newsroom-search-results .section-tab ul.tab-a small {font-size:16px;color:#000;font-family:'Noto Sans KR'} 


.newsroom-search-results .section-tab ul.tab-a li.in a {background-color:#000;border:solid 1px #000;} 


.newsroom-search-results .section-tab ul.tab-a li.in a span {display:inline-block;border-bottom:1px solid #fff;line-height:1.2;} 


.newsroom-search-results .section-tab ul.tab-a li.in small {color:#fff} 


.newsroom-search-results .newsroom-search-area {background:#f5f5f5;overflow:hidden} 


.newsroom-search-results .newsroom-search-area .newsroom-overview-con {margin:80px 0} 


.newsroom-search-results .newsroom-search-area .newsroom-overview-con:first-child {margin:60px 0} 


.newsroom-search-results .kfoodlife-list-b.newsroom-overview-social {margin:82px 0 38px} 


.newsroom-search-results .title.title-sub {margin:0 0 23px;font-weight:500} 


.newsroom-search-results .newsroom-overview-util .right {margin:11px 0 13px} 


.newsroom-search-results .link-search-more {padding-right:20px;background:url('/resources/img/common/newsroom_link_more.png') no-repeat right center} 


.newsroom-search-results .link-search-more span {color:#333} 


.newsroom-overview-stories.type-2 .newsroom-grid {gap:28px} 


.newsroom-overview-stories.type-2 .newsroom-grid .item {flex-basis:calc(32% - 6px);} 


.newsroom-overview-stories.type-2 .newsroom-grid a .background span {height:200px } 


.newsroom-overview-stories.type-2 .newsroom-grid a .category {padding:18px 0 0 16px} 


.newsroom-overview-stories.type-2 .newsroom-grid a .category span {display:inline-flex;align-items:center;justify-content:center;font-size:14px;color:#7C7C7C;font-weight:500;padding:4px 12px;margin-right:2px;border-radius:28px;background:#F2F2F2} 


.newsroom-overview-stories.type-2 .newsroom-grid a .category span:before {display:none} 


.newsroom-overview-stories.type-2 .newsroom-grid a .name {height:58px;font-size:20px;font-weight:500;padding:0 16px;margin:13px 0 0;} 


.newsroom-overview-stories.type-2 .newsroom-grid a .date_views p {position:relative;display:inline-block;font-size:14px;color:#4D4D4D;padding:0 0 0 16px;margin:14px 0 16px} 


.newsroom-overview-stories.type-2 .newsroom-grid a .date_views p.views {padding-left:30px;margin-left:5px;background:url('/resources/img/common/newsroom_views.png') no-repeat 9px center} 


.newsroom-overview-stories.type-2 .newsroom-grid a .date_views p.views:before {content:'';position:absolute;top:2px;left:0;width:1px;height:15px;background:#b3b3b3;} 
 

.newsroom-overview-press.type-2 .newsroom-press {gap:12px;} 


.newsroom-overview-press.type-2 .name_date {flex-basis:80%;} 


.newsroom-overview-press.type-2 .name_date .name {padding-left:7px;margin:11px 0 9px;} 


.newsroom-overview-press.type-2 .name_date .date {padding-left:7px;margin-bottom:9px;font-size:14px;color:#4D4D4D} 




.content.newsroom-stories .section-visual.is-simple .wrap {padding-bottom:42px;} 


.content.newsroom-stories .section-visual.is-simple .wrap:before {display:none} 


.newsroom-stories-top .wrap > a {display:flex;width:960px;border:0 none;background:#F5F5F5;border-radius:20px;margin-bottom:80px;} 


.newsroom-stories-top .wrap > a > div {flex-grow:1;flex-basis:50%} 


.newsroom-stories-top .newsroom-grid a .background {border-top-left-radius:20px;border-bottom-left-radius:20px;border-top-right-radius:0;} 


.newsroom-stories-top .newsroom-grid a .background span {min-height:308px} 


.type-2.newsroom-stories-top .newsroom-grid a .category {padding:24px 0 16px 24px} 


.type-2.newsroom-stories-top .newsroom-grid a .category span {padding:6px 14px;background:#E9EAED} 


.type-2.newsroom-stories-top .newsroom-grid a .name {height:74px;font-size:24px;line-height:1.45;font-weight:700;padding:0 36px 0 24px;margin:9px 0 0;} 


.type-2.newsroom-stories-top .newsroom-grid a .con {height:44px;padding:0 36px 0 24px;margin:19px 0 28px;font-size:16px;font-weight:400;color:#000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;word-break:break-all;} 


.type-2.newsroom-stories-top .newsroom-grid a .date_views {padding-left:8px} 


.type-2.newsroom-stories-top .newsroom-grid a .date_views p {font-size:16px;font-weight:400;color:#000;margin-top:16px} 


.type-2.newsroom-stories-top .newsroom-grid a .date_views p.views:before {top:5px;background:#ccc} 


.lang-en .type-2.newsroom-stories-top .newsroom-grid a .name {height:110px;margin:6px 0 0;-webkit-line-clamp:3;} 


.lang-en .type-2.newsroom-stories-top .newsroom-grid a .con {margin:15px 0 6px;} 




.newsroom-stories-list {background:#f5f5f5} 


.newsroom-util {display:flex;align-items:center;justify-content:space-between;margin:37px 0 22px;} 


.newsroom-util .title {font-size:30px;color:#000;font-weight:700;} 


.newsroom-stories-list .right .category {margin:28px 0} 


.newsroom-util .category-link {display:inline-block;font-size:16px;color:#666;font-weight:400;border-radius:20px;border:1px solid #E6E6E6;background:#fff;padding:8px 20px;margin:0 1px;cursor:pointer} 


.newsroom-util .category-link.in {color:#fff;border:1px solid #000;background:#000} 


.newsroom-util .totals {color:#000} 


.newsroom-util .totals strong {font-size:20px;font-weight:700} 


.newsroom-util .sorts li {position:relative;padding:0 4px} 


.newsroom-util .sorts li:before {content:'';position:absolute;top:4px;left:0;width:1px;height:15px;background:#b3b3b3;} 


.newsroom-util .sorts li:first-child:before {display:none} 


.newsroom-util .sorts li button {border:0 none;background:none;cursor:pointer;} 


.newsroom-util .sorts li button span {font-size:18px;color:#999} 


.newsroom-util .sorts li.in button span {display: inline-block;font-weight:500;color:#000;border-bottom:1px solid #000;} 




.newsroom-pagination {margin-top:57px;margin-bottom:60px;} 


.newsroom-pagination strong {color:#000} 


.newsroom-pagination  .nav .icon {background-image:url(../img/common/pager_newsroom_prev_on.png);} 


.newsroom-pagination  .nav.next .icon {background-image:url(../img/common/pager_newsroom_next_on.png);} 




.content.newsroom-inthemedia .section-visual.is-simple .wrap:before {display:none} 


.newsroom-inthemedia-list {padding-top:12px;background:#f5f5f5;} 


.type-2.newsroom-inthemedia-list .newsroom-press {margin-bottom:60px} 


.type-2.newsroom-inthemedia-list .newsroom-press > div {margin-bottom:0} 




.newsroom-pressreleases .newsroom-overview-search {margin:15px auto} 


.newsroom-pressreleases .search-word-tag {width:600px;margin:15px auto 30px} 


.bbs-news-list .item .name {word-break:break-word;} 




/* 검색 결과 연관 페이지 바로가기 개선 */

.page-search .associate-page .associate-list .col-category, .page-search .associate-page .associate-list .col-subject a {height:auto;line-height:normal;padding:21px 0;} 




/* KoPubWorld-Dotum */

@font-face {

	font-family:'KoPubWorld-Dotum';

	font-weight:700;

	font-style:normal;

	src:url(/resources/fonts/KoPubWorld-Dotum-Bold.woff2) format('woff2'),

		url(/resources/fonts/KoPubWorld-Dotum-Bold.woff) format('woff');

} 


.stories-detail .bbs-view {border-top:1px solid #000;border-bottom:0 none} 


.stories-detail .bbs-view .bbs-view-head {padding:0;text-align:left;background-color:#fff;border-bottom:1px solid #E6E6E6} 


.stories-detail .bbs-view .bbs-view-head .head {padding:24px 0 20px;} 


.stories-detail .bbs-view .bbs-view-head .category span {display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;background:#E9EAED;font-size:14px;color:#7C7C7C;font-weight:500;border-radius:40px;} 


.stories-detail .bbs-view .bbs-view-head .title {min-height:115px;padding:24px 0px 7px;font-size:30px;font-weight:700;color:#000;box-sizing:border-box;word-wrap:break-word;} 


.stories-detail .bbs-view .bbs-view-head .date_views p {position:relative;display:inline-block;font-size:16px;color:#4D4D4D;padding:0;margin-bottom:0} 


.stories-detail .bbs-view .bbs-view-head .date_views p.views {padding-left:30px;margin-left:5px;background:url('/resources/img/common/newsroom_views.png') no-repeat 9px 3px} 


.stories-detail .bbs-view .bbs-view-head .date_views p.views:before {content:'';position:absolute;top:5px;left:0;width:1px;height:14px;background:#b3b3b3;} 
 

.stories-detail .newsroom-stories-list {padding:27px 0 83px;background:#F8F8F8} 


.stories-detail .newsroom-stories-list .newsroom-util {margin:37px 0 5px;} 


.stories-detail .newsroom-stories-list .newsroom-util .title {font-size:24px} 


.stories-detail .bbs-view .bbs-view-body .inner {width:800px;padding:20px 0;font-family:'Noto Sans KR'} 


.stories-detail .bbs-view .bbs-view-body .title {color:#000;font-size:20px;font-weight:700;margin:40px 0 25px;line-height:1.7;} 


.stories-detail .bbs-view .bbs-view-body .title + .photo {margin:20px 0 40px} 


.stories-detail .bbs-view .bbs-view-body .title-sub {color:#000;font-size:16px;font-weight:700;margin:40px 0 18px;} 


.stories-detail .bbs-view .bbs-view-body .title + .title-sub {margin-top:18px} 


.stories-detail .bbs-view .bbs-view-body p.con {color:#000;font-size:16px;font-weight:400;margin:18px 0 27px;line-height:1.7;text-align:left !important} 


.stories-detail .bbs-view .bbs-view-body p.small {color:#000;font-size:14px;font-weight:400;margin:18px 0 27px;line-height:1.7;text-align:left !important} 


.stories-detail .bbs-view .bbs-view-body p.answer {position:relative;color:#000;font-size:18px;font-weight:700;font-family:'KoPubWorld-Dotum';padding:0 0 2px 34px;margin:35px 0 45px;line-height:1.7;text-align:left !important} 


.stories-detail .bbs-view .bbs-view-body p.answer:before {content:"";position:absolute;left:0;top:0;display:block;width:3px;height:100%;background:#DFDFDF} 


.stories-detail .bbs-view .bbs-view-body p.answer span.quote {font-size:16px} 


.stories-detail .bbs-view .bbs-view-body ul li {color:#000;font-size:16px;font-weight:400;margin:18px 0 27px;line-height:1.7;text-align:left !important;word-break:break-word;} 


.stories-detail .bbs-view .bbs-view-body .link-newsroom {display:flex;align-items:center;justify-content:space-between;padding:4px 35px 4px 15px;margin:80px 0 0;border:5px solid #E9EAED} 


.stories-detail .bbs-view .bbs-view-body .link-newsroom strong.title {width:153px;height:53px;margin:0;background:url('/resources/img/common/newsroom_link.png') no-repeat} 


.stories-detail .bbs-view .bbs-view-body .link-newsroom p.text {width:435px;color:#000;font-size:14px} 


.stories-detail .bbs-view .bbs-view-body .link-newsroom a.link {color:#000;font-size:14px;font-weight:500;text-decoration:underline;padding-right:20px;background:url('/resources/img/common/brand_product_category_bg.png') no-repeat right center;} 


.stories-detail .bbs-view .bbs-view-body .photo {margin:40px 0} 


.stories-detail .bbs-view .bbs-view-body .photo-caption {margin:-25px 0 40px;font-size:13px;color:#666;text-align:center} 


.stories-detail .bbs-view .bbs-view-body .summary {margin:40px 0;padding:30px;font-size:18px;color:#000;background:#FFF8F8} 


.stories-detail .bbs-view .bbs-view-body .link {color:#006ECD;text-decoration:underline} 


.stories-detail .bbs-view .bbs-view-body .info {font-size:14px;color:#808080;margin:-20px 0 40px;} 


.stories-detail .bbs-view .bbs-view-body blockquote {position:relative;min-height:103px;color:#000;background:#F2F2F2;margin:40px 0;padding:13px 20px;text-align:center;line-height:1.7;box-sizing:border-box;display:flex;align-items:center;justify-content:center;} 


.stories-detail .bbs-view .bbs-view-body blockquote p {color:#000;margin:0;text-align:center!important;} 


.stories-detail .bbs-view .bbs-view-body blockquote:before {content:'';position:absolute;top:20px;left:35px;width:27px;height:20px;background:url('/resources/img/common/newsroom_blockquote.png') no-repeat 0 0} 


.stories-detail .bbs-view .bbs-view-body blockquote:after {content:'';position:absolute;bottom:20px;right:35px;width:27px;height:20px;background:url('/resources/img/common/newsroom_blockquote.png') no-repeat 0 -100px} 


.stories-detail .bbs-view .bbs-view-body .youtube_con_area {margin:40px 0;} 


.stories-detail .bbs-view .bbs-view-body .youtube_con {position:relative;width:100%;height:0;padding-bottom:56.25%;margin-bottom:15px} 


.stories-detail .bbs-view .bbs-view-body .youtube_con iframe {position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px} 


.stories-detail .bbs-view .bbs-view-body .video-subtitle {display:none;margin:15px 0 0;border:1px solid #e8e8e8;border-radius:5px;line-height:1.7;font-size:14px;padding:10px;box-sizing:border-box;white-space:normal;word-wrap:break-word;width:100%;overflow-x:auto;height:100px;background-color:#f7f7f7;} 


.stories-detail .bbs-view .bbs-view-body .btn-video-subtitle {text-align:right;} 


.stories-detail .bbs-view .bbs-view-body .toggle-video-subtitle {position:relative;font-weight:400;border:0 none;background:none;padding:0;cursor:pointer} 


.stories-detail .bbs-view .bbs-view-body .toggle-video-subtitle:before {content:"";position:absolute;top:3px;left:-14px;width:8px;height:14px;background:url('/resources/img/common/ico_link_gray.png') no-repeat 0 0;transform:rotate(90deg);} 


.stories-detail .bbs-view .bbs-view-body .youtube_con_area.in .video-subtitle {display:block} 


.stories-detail .bbs-view .bbs-view-body .youtube_con_area.in .toggle-video-subtitle:before {transform:rotate(-90deg);} 


.stories-detail .bbs-view .bbs-view-body .title, .stories-detail .bbs-view .bbs-view-body .title-sub, .stories-detail .bbs-view .bbs-view-body .con, .stories-detail .bbs-view .bbs-view-body .photo-caption, .stories-detail .bbs-view .bbs-view-body .summary, .stories-detail .bbs-view .bbs-view-body .info, .stories-detail .bbs-view .bbs-view-body blockquote {word-break:break-word;} 




.newsroom-slider .newsroom-grid {display:block} 


.newsroom-slider .newsroom-grid .slider-wrap {position:relative} 


.newsroom-slider .newsroom-grid .swiper-wrapper .item {width:33.33333333%;margin-right:28px} 


.newsroom-slider .newsroom-grid .swiper-wrapper .item a.contentReport {position:relative} 


.newsroom-slider .newsroom-grid .swiper-wrapper .item a.contentReport:after {content:"";position:absolute;top:15px;right:15px;width:15px;height:15px;background:url('/resources/img/common/newsroom_newwindow.png') no-repeat 0 0;background-size:15px auto} 


.newsroom-slider .newsroom-grid .swiper-wrapper .item a .background {border-bottom:1px solid #E6E6E6} 


.newsroom-slider .newsroom-grid .swiper-button-prev {left:-60px} 


.newsroom-slider .newsroom-grid .swiper-button-next {right:-60px} 


.newsroom-slider .newsroom-grid .swiper-navigation {top:45%;width:40px;height:40px;background:none;border:1px solid #999;border-radius:50px} 


.newsroom-slider .newsroom-grid .icon {width:40px;height:40px;background:none} 


.newsroom-slider .newsroom-grid .swiper-navigation:hover .icon {background:none} 


.newsroom-slider .newsroom-grid .swiper-button-prev .icon:before, .newsroom-slider .newsroom-grid .swiper-button-prev .icon:after, .newsroom-slider .newsroom-grid .swiper-button-next .icon:before, .newsroom-slider .newsroom-grid .swiper-button-next .icon:after {background:#000} 


.newsroom-slider .newsroom-grid a .date {margin:14px 0 23px;} 


.newsroom-slider .newsroom-grid a .date_views {display:flex;width:299px;} 


.newsroom-slider .newsroom-grid a .date_views p.views {margin-left:10px !important;} 


.newsroom-slider .newsroom-grid a .date_views p.media {padding-left:10px;margin-left:10px;height:20px;overflow:hidden;text-overflow:ellipsis;display:inline;flex:1;white-space:nowrap;} 


.newsroom-slider .newsroom-grid a .date_views p.media:before {content:'';position:absolute;top:2px;left:0;width:1px;height:15px;background:#b3b3b3;} 
 



/* 지속가능경영 리포트 */

.csr-report.csr-report-a {background:#f4f4f4;padding-top:80px} 




/* 지속가능경영 오버뷰 */

.new-csr-overview-a .upper-1 .pic {margin:12px 0 50px} 


.new-csr-overview-a .upper-1 .sub-title {font-size:32px;color:#EF151E;line-height:1.8;} 


.new-csr-overview-a .upper-2 {padding:66px 0 49px;margin:79px 0 0;background:#F4F4F4} 


.new-csr-overview-a .upper-2 .sub-title {font-size:40px;color:#111;line-height:1.5;margin:34px 0 31px} 


.new-csr-overview-a .upper-2 .text-center {font-size:18px;color:#333;} 


.new-csr-overview-b {margin:120px 0 60px;background:none} 


.new-csr-overview-b .title {font-size:40px;color:#111;line-height:1.5;margin:0} 


.new-csr-overview-b .list-area {width:800px;margin:0 auto} 


.new-csr-overview-b .list-area .list {min-height:400px;} 


.new-csr-overview-b .list-area .list .name {font-size:23px;font-weight:700;color:#fff;padding:60px 0 0 40px;margin-bottom:10px} 


.new-csr-overview-b .list-area .list ul {list-style:none;} 


.new-csr-overview-b .list-area .list ul li {padding:7px 0} 


.new-csr-overview-b .list-area .list ul li a {display:inline-block;padding:1px 0 2px 42px;font-size:20px;color:#fff;background: url(/resources/img/about/sustainability/overview_2_icon.png) no-repeat} 


.new-csr-overview-b .list-area .list ul li a span {display:inline-block;} 


.new-csr-overview-b .list-area .list ul li a span:after {content:'';width:22px;height:16px;display:inline-block;background: url(/resources/img/about/sustainability/overview_2_arrow.png) no-repeat center right} 


.new-csr-overview-b .list-area .list.list-2 .name {padding-top:20px} 


.new-csr-overview-b .list-area .list-1 {padding-left:400px;background:#988d83 url(/resources/img/about/sustainability/overview_2_1.jpg) no-repeat} 


.new-csr-overview-b .list-area .list-1 li:nth-child(1) a {background-position:0 0} 


.new-csr-overview-b .list-area .list-1 li:nth-child(2) a {background-position:0 -100px} 


.new-csr-overview-b .list-area .list-2 {padding-right:400px;background:#988d83 url(/resources/img/about/sustainability/overview_2_2.jpg) no-repeat right top} 


.new-csr-overview-b .list-area .list-2 li:nth-child(1) a {background-position:0 -200px} 


.new-csr-overview-b .list-area .list-2 li:nth-child(2) a {background-position:0 -300px} 


.new-csr-overview-b .list-area .list-2 li:nth-child(3) a {background-position:0 -400px} 


.new-csr-overview-b .list-area .list-2 li:nth-child(4) a {background-position:0 -500px} 


.new-csr-overview-b .list-area .list-2 li:nth-child(5) a {background-position:0 -600px} 


.new-csr-overview-b .list-area .list-2 li:nth-child(6) a {background-position:0 -700px} 


.new-csr-overview-b .list-area .list-2 li:nth-child(7) a {background-position:0 -800px} 


.new-csr-overview-b .list-area .list-3 {padding-left:400px;background:#988d83 url(/resources/img/about/sustainability/overview_2_3.jpg) no-repeat} 


.new-csr-overview-b .list-area .list-3 li:nth-child(1) a {background-position:0 -900px} 


.new-csr-overview-b .list-area .list-3 li:nth-child(2) a {background-position:0 -1000px} 


.new-csr-overview-b .list-area .list-3 li:nth-child(3) a {background-position:0 -1100px} 


.new-csr-overview-c .title {font-size:40px;color:#000;line-height:1.5;margin:0} 


.new-csr-overview-c .list {width:1120px;margin:40px auto 54px} 


.new-csr-overview-c .list ul {display:flex;padding:0;list-style:none} 


.new-csr-overview-c .list li {width:20%;text-align:center;border-left:1px solid #E6E6E6;padding:12px 10px 0;} 


.new-csr-overview-c .list li:before {content:'';display:block;width:100%;height:162px;background: url(/resources/img/about/sustainability/overview_3_icon.png) no-repeat} 


.new-csr-overview-c .list li:nth-child(1):before {background-position:center 0} 


.new-csr-overview-c .list li:nth-child(2):before {background-position:center -200px} 


.new-csr-overview-c .list li:nth-child(3):before {background-position:center -400px} 


.new-csr-overview-c .list li:nth-child(4):before {background-position:center -600px} 


.new-csr-overview-c .list li:nth-child(5):before {background-position:center -800px} 


.new-csr-overview-c .list li:first-child {border-left:0 none} 


.new-csr-overview-c .list li strong {display:block;font-size:18px;color:#333} 


.new-csr-overview-c .list li span {display:block;padding:20px 0 0;font-size:40px;color:#000;font-weight:500;line-height:1.2;font-family:Montserrat, 'Noto Sans KR'} 


.new-csr-overview-c .list li span sup, .new-csr-overview-c .list li span sub {font-size:25px;color:#000;font-weight:500;font-family:Montserrat, 'Noto Sans KR'} 


.new-csr-overview-c .list li:nth-child(1) span {font-size:28px;} 


.new-csr-overview-c .list li:nth-child(3) strong, .new-csr-overview-c .list li:nth-child(4) strong {display:flex;align-items:center;justify-content:center;height:50px;} 


.new-csr-overview-c .list li span sub {font-size:30px} 


.new-csr-overview-c .list li span sub {position:relative;top:0;} 


.new-csr-overview-d {background:#F4F4F4} 


.new-csr-overview-d .title {font-size:32px;color:#111;line-height:1.5;margin:106px 0 32px} 


.new-csr-overview-d .text-center {font-size:18px;color:#333;line-height:1.7} 


.new-csr-overview-d .list {width:692px;margin:36px auto 40px} 


.new-csr-overview-d .list ul {display:flex;gap:16px;flex-wrap:wrap;padding:0;list-style:none} 


.new-csr-overview-d .list li {display:flex;justify-content:center;align-items:flex-end;width:338px;height:170px;border-radius:6px;} 


.new-csr-overview-d .list li:nth-child(1) {background:#fff url(/resources/img/about/sustainability/overview_4_1.png) no-repeat center 12px} 


.new-csr-overview-d .list li:nth-child(2) {background:#fff url(/resources/img/about/sustainability/overview_4_2.png) no-repeat center 12px} 


.new-csr-overview-d .list li:nth-child(3) {background:#fff url(/resources/img/about/sustainability/overview_4_3.png) no-repeat center 12px} 


.new-csr-overview-d .list li:nth-child(4) {background:#fff url(/resources/img/about/sustainability/overview_4_4.png) no-repeat center 12px} 


.new-csr-overview-d .list li:nth-child(5) {background:#fff url(/resources/img/about/sustainability/overview_4_5.png) no-repeat center 12px} 


.new-csr-overview-d .list li:nth-child(6) {background:#fff url(/resources/img/about/sustainability/overview_4_6.png) no-repeat center 12px} 


.new-csr-overview-d .list li strong {display:block;font-size:16px;color:#000;font-weight:500;margin-bottom:20px;text-align:center} 


.new-csr-overview-e .flex {align-items:center;justify-content:center;margin:100px 0 37px;} 


.new-csr-overview-e .title {font-size:32px;color:#000;margin:0} 


.new-csr-overview-e .wrap {padding-bottom:100px} 


.new-csr-overview-e .list ul {display:flex;gap:30px;flex-wrap:wrap;justify-content:flex-start;padding:0;list-style:none;margin:39px 0 30px;} 


.new-csr-overview-e .list li {flex-basis:calc(20% - 24px)} 


.new-csr-overview-e .list a .background {overflow:hidden;border:1px solid #E6E6E6} 


.new-csr-overview-e .list a .background span {display:block;width:100%;height:198px;background-size:cover;transform:scale(1);transition:transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;} 


.new-csr-overview-e .list a:hover .background span {transform:scale(1.1);} 


.new-csr-overview-e .list a .name {font-size:18px;font-weight:500;color:#000;line-height:1.5;margin-top:15px;height:82px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word;} 


.new-csr-overview-e .list a .date {font-size:14px;color:#4D4D4D;margin-top:10px} 


.new-csr-overview-f {background:#F4F4F4;padding:80px 0 100px} 


.new-csr-overview-f .wrap {display:flex;align-items:center;justify-content:space-between;padding:38px 39px 36px 60px;border:1px solid #E2E2E2;background:#fff;} 


.new-csr-overview-f .wrap .title {font-size:24px;margin:0;color:#333} 


.new-csr-overview-f .wrap .title span {color:#888;padding:0 14px 0 0} 


.new-csr-overview-f .wrap .action {padding:0;margin:0;} 




.lang-en .new-csr-overview-b .list-area .list ul li a span {position:relative;top:-1px;font-size:18px} 


.lang-en .new-csr-overview-b .list-area .list ul li a span:after {position:relative;top:2px} 


.lang-en .new-csr-overview-d .list li {height:210px} 


.lang-en .new-csr-overview-d .list li strong {height:68px;} 




.lang-en .new-csr-overview-c .list li strong {font-size:17px} 




.lang-en .new-csr-overview-c .list li:nth-child(3) strong, .lang-en .new-csr-overview-c .list li:nth-child(4) strong, .lang-en .new-csr-overview-c .list li:nth-child(5) strong {display:flex;align-items:center;justify-content:center;height:143px;} 


.lang-en .new-csr-overview-c .list li span {font-size:33px;} 


.lang-en .new-csr-overview-c .list li:nth-child(1) span {font-size:25px;padding-top:32px} 


.lang-en .new-csr-overview-c .list li span sub {font-size:25px;} 




.innovation-nav ul li {position:relative} 


.innovation-nav ul li:after {display:none;content:'';position:absolute;top:100%;left:0;right:0;margin-top:-6px;height:6px;background-color:#ef151e;} 


.innovation-nav ul li.in:after {display:block;} 


.innovation-nav ul li.in span:after {display:none} 




/* 바이오연구소 수정 */

.bio-about-a .grid .module {height:430px} 


.bio-about-c {margin:20px 0 0} 


.bio-about-c .button-more span {padding:0 48px 0 20px;} 


.bio-products .products:before {background-color:#006d5b;height:2px} 


.bio-products .history-wrap {padding-top:50px;} 


.bio-products .products {background-position:49.5% top} 


.bio-products .products .name {margin:20px 0 15px} 


.bio-products .products .name.nth-child-1, .bio-products .products .name.nth-child-2, .bio-products .products .name.nth-child-4, .bio-products .products .name.nth-child-5 {left:auto} 




/* 삼호어묵 영문 */

.lang-en .brand-samho-eomuk-b p.desc.kor-title {margin-top:140px} 




/* 식품사업 소개 수정 */

.business-major-items .nav>span {width:214px} 


.business-major-items .nav>span:after, .business-major-items .nav>span:before {right:-2px} 


.business-major-items .in .object:nth-child(6n) {-webkit-transition-delay:1.3s;-o-transition-delay:1.3s;transition-delay:1.3s;} 


.business-major-items .in .object:nth-child(7n) {-webkit-transition-delay:1.45s;-o-transition-delay:1.45s;transition-delay:1.45s;} 


.major-item-food .item-list h3:before {display:none} 


.major-item-food .item-list .description {margin-top:10px} 


.lang-en .business-major-items.food .item.nth-child-5 .nav {height:116px} 




/* 지속가능경영 윤리경영 수정 */

.csr-p7-4 .compliance_list ul li h4 {margin:30px 0 0 0;text-align:center} 


.csr-p7-4 .compliance_list ul li ul {margin:10px 0 0 0;} 


.csr-p7-4 .compliance_list ul li li {text-align:center;} 




/* 메인 뉴스룸 추가 및 메뉴 수정 */

.page-home .home-newsroom {margin-top:100px;background:#f5f5f5} 


.page-home .home-newsroom .title {padding:96px 0 10px;} 


.page-home .home-newsroom .newsroom-grid {margin:64px 0 110px} 


.page-home .home-newsroom .newsroom-grid a, .page-home .home-newsroom .newsroom-grid a .background {border-radius:0} 




/* 2024년 12월 전수점검 */

.brand-carousel-slider .module .js-carousel-swiper .swiper-pagination, .brand-carousel-slider .module .js-carousel-swiper .swiper-button-prev, .brand-carousel-slider .module .js-carousel-swiper .swiper-button-next {right:-18px} 




/* 지속가능경영 보고서 및 정책 협력사 행동규범 추가 */

.csr-report.csr-report-d .wrap {margin-top:10px;border-top:1px solid #dcdcdc;} 


.csr-report.csr-report-d .wrap .grid {display:flex;justify-content:space-between} 


.csr-report.csr-report-d .wrap .grid:before, .csr-report.csr-report-d .wrap .grid:after {display:none} 


.csr-report.csr-report-d .wrap .grid .item {width:10.8%;min-width:126px;} 


.csr-report.csr-report-d .wrap .grid .subject {font-size:18px;text-align:center;margin-top:28px} 


.csr-report.csr-report-d .wrap .grid .action {margin-top:25px} 


.csr-report.csr-report-d .wrap .grid .button-download {display:block} 




/* 보도자료 UI 변경 */

.bbs-container {padding-top:90px;} 


.bbs-news-list .item .inner {margin:0 9px 20px;border-radius:20px;border:1px solid #E6E6E6;background:#fff !important} 


.bbs-news-list .item .inner .background {width:330px;overflow:hidden;border-right:1px solid #E6E6E6} 


.bbs-news-list .item .inner .background span {display:block;width:100%;height:100%;background-size:cover;transform:scale(1);transition:transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;} 


.bbs-news-list .item:hover .background {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} 


.bbs-news-list .item:hover .background span {-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} 


.bbs-news-list .item .module:before {background:none} 


.bbs-news-list .item .module .anchor {height:178px;padding:40px 50px 0 360px} 


.bbs-news-list .item .module .name {font-size:22px;color:#000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;} 


.bbs-news-list .item .module .date {font-size:18px;color:#4D4D4D;font-weight:400;margin:37px 0 0;} 


.bbs-news-list .item .module .date:before {display:none} 


.bbs-news-list + .section-pagination {margin-bottom:150px} 


.newsroom-overview-con .newsroom-overview-search {margin:60px auto 0} 




/* 3월 전수전검 */

#header .search input.text:focus {outline:#ef151e solid 2px;outline-offset:-2px;} 




/* 보도자료 에디터 교체 */

.about-news-a .bbs-view-body .news-summary {font-size:19px;font-weight:bold;color:rgb(99, 99, 99);margin:18px 0;font-family:'Noto Sans KR';} 


.about-news-a .bbs-view-body .news-caption {font-size:16px;color:rgb(99, 99, 99);text-align:center;margin:18px 0 40px;font-family:'Noto Sans KR';} 


.about-news-a .bbs-view-body .news-con {font-size:16px;color:rgb(99, 99, 99);margin:18px 0;font-family:'Noto Sans KR';} 


.about-news-a .bbs-view-body .image {font-size:16px;color:rgb(99, 99, 99);margin:40px 0 18px;} 


.about-news-a .bbs-view-body .link {color:rgb(0, 117, 200);} 


.about-news-a .bbs-view-body ul {margin: 28px 0 28px;} 


.about-news-a .bbs-view-body li {font-size:16px;color:rgb(99, 99, 99);margin: 12px 0 18px;font-family:'Noto Sans KR';} 




/* header footer 수정 */

@font-face {

	font-family:'CJONLYONETITLE';

	font-weight:600;

	font-style:normal;

	src:url(/resources/fonts/CJ_ONLYONE_600.woff2) format('woff2'),

		url(/resources/fonts/CJ_ONLYONE_600.woff) format('woff');

} 


@font-face {

	font-family:'CJONLYONETITLE';

	font-weight:700;

	font-style:normal;

	src:url(/resources/fonts/CJ_ONLYONE_700.woff2) format('woff2'),

		url(/resources/fonts/CJ_ONLYONE_700.woff) format('woff');

} 


#header .d1-logo .icon {background-image:url(../img/common/top_logo_dark.svg);background-size:164px auto!important;} 


#header.is-transparent .d1-logo .icon {background-image:url(../img/common/top_logo_dark.svg);background-size:164px auto!important;} 


#header .d1-logo .icon, .is-scroll-downed #header .d1-logo .icon  {background-image:url(../img/common/top_logo_light.svg);background-size:164px auto!important;} 


#header .navigations a.d1 {font-family:CJONLYONETITLE,"Noto Sans KR";font-size:16px;font-weight:600;letter-spacing: 1px;padding-left: 6px;} 


@media (min-width: 1380px) {

    #header .navigations a.d1 {padding-left: 14px;padding-right: 14px;} 


#header .d1-gcc .icon {width:65px!important;padding-right:15px} 


#header.is-transparent .utils .d1-search .icon {background-image: url(../img/common/top_search_dark.svg);background-size:24px 24px} 


#header .utils .d1-search .icon, .is-scroll-downed #header .utils .d1-search .icon {background-image:url('../img/common/top_search_light.svg');background-size:24px 24px} 


#header.is-transparent .d1-gcc .icon {background-image:url(../img/common/top_gcc_dark.svg);background-size:24px auto;background-position:center center;} 


#header .d1-gcc .icon, .is-scroll-downed #header .d1-gcc .icon {background-image:url(../img/common/top_gcc_light.svg);background-size:24px auto;background-position:center center;} 


#header.is-transparent .d1-language .icon {background-image:url(../img/common/top_lang_kr_dark.svg);background-size:44px auto;background-position:center center;} 


#header .d1-language .icon, .is-scroll-downed #header .d1-language .icon {background-image:url(../img/common/top_lang_kr_light.svg);background-size:44px auto;background-position:center center;} 


.lang-en #header.is-transparent .d1-language .icon {background-image:url(../img/common/top_lang_en_dark.svg);background-position:center center;} 


.lang-en #header .d1-language .icon, .lang-en.is-scroll-downed #header .d1-language .icon {background-image:url(../img/common/top_lang_en_light.svg);background-position:center center;} 


#header .utils ul.tab {padding-right:22px} 


#header .downer .col.back {padding-left:30px} 


#header .downer .col.breadcrumb {padding-right:15px} 




@media (min-width: 1900px) {

	#header .logos {width:21%;} 


	#header .d1-logo a {padding-left:60px;} 


	#header .navigations a.d1 {padding-left:28px;padding-right:28px;} 


	#header .utils ul.tab {padding-right:80px;} 


	#header .downer .col.back {padding-left:80px} 


	#header .downer .col.breadcrumb {padding-right:80px} 




#footer, .lang-en #footer {background:#000;font-family:CJONLYONE,"Noto Sans KR"} 


#footer ul {list-style:none} 


#footer .wrap {position:relative;min-width: 1220px!important;padding-bottom:60px;} 


#footer .footer_logo {position:absolute;top:0;left:34px;margin:0} 


#footer .footer_link {margin:50px 0 0 310px;} 


#footer .footer_link ul {display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;max-width:720px;padding:0;margin:0} 


#footer .footer_link a {font-size:14px;font-weight:400;color:#fff} 


#footer .footer_link a .primary {font-weight:700;color:#fff} 


#footer .familysites, .lang-en #footer .familysites {position:absolute;top:0;right:40px;margin:0} 


#footer .familysites .combobox-inline-wrap {display:inline-block} 


#footer .familysites .jumpmenu-toggler {display:inline-block;padding:0 0 0 15px;-webkit-box-sizing:content-box;box-sizing:content-box;height:34px;line-height: 34px;color:#000;min-width:124px;background:#fff;border:1px solid #000;border-radius:34px} 


#footer .familysites .jumpmenu-toggler:hover {color:#000} 


#footer .familysites .jumpmenu-toggler .icon {position:relative;float:right;display:inline-block;width:34px;height:34px;vertical-align:middle;background:none} 


#footer .familysites .jumpmenu-toggler .icon:before {content:'';position:absolute;top:46%;left:30%;width:9px;height:1px;background:#000} 


#footer .familysites .jumpmenu-toggler .icon:after {content:'';position:absolute;top:35%;left:42%;width:1px;height:9px;background:#000} 


#footer .familysites .combobox.in .jumpmenu-toggler .icon {transform:none;} 


#footer .familysites .combobox.in .jumpmenu-toggler .icon:after {display:none} 


#footer .familysites .combobox .combobox-scroll-wrap {max-width:800px;border-radius:20px;padding:30px;margin-bottom:10px;background:#f7f7f7} 


#footer .familysites .combobox .combobox-scroll-wrap ul.jumpmenu {display:flex;justify-content:space-between;} 


#footer .familysites .combobox .combobox-scroll-wrap ul.jumpmenu .d1-name {font-size:12px} 


#footer .familysites .combobox .combobox-scroll-wrap ul.jumpmenu ul {padding-left:0} 


#footer .footer_social {position:absolute;top:63px;right:40px;margin:0} 


#footer .footer_social ul {display:flex;gap:12px;margin:0} 


#footer .footer_site  {position:absolute;bottom:63px;right:40px;margin:0} 


#footer .footer_site ul {display:flex;gap:4px;margin:0} 


#footer .footer_address {margin:38px 0 0 310px;color:#7D8082;font-size:13px} 


#footer .footer_contacts {margin:10px 0 0 310px;color:#7D8082;font-size:13px} 


#footer .spacer {display:inline-block;content: '';width:4px;} 


#footer .footer_copyrights {position:absolute;bottom:39px;right:40px;margin:0;color:#97989A;font-size:8px} 


.lang-en #footer .footer_copyrights {bottom:55px} 


.lang-en #footer .footer_link ul {grid-template-columns:1fr 1fr 1fr} 




/* 고객행복센터 수정 및 CCM추가 */

.cs-process {margin:86px auto 22px;} 


.cs-process .process {margin-top:45px;text-align:center} 


.cs-process .process img {width:1196px} 


.bbs-links .legally-Customer .tab li {width:56%;} 


.bbs-links .legally-Customer .tab li:first-child {width:44%} 




.page-ccm h2.sub-title{padding:50px 0 20px;margin: 0;font-size: 32px;} 


.page-ccm .support-ccm-a{max-width:1200px;width:100%;margin:0 auto;border-top:1px solid #dcdcdc;} 


.page-ccm .support-ccm-a .description {text-align:center;font-size:20px;color:#666} 


.page-ccm .support-ccm-a .pic {margin:82px 0} 


.page-ccm .support-ccm-b{padding-bottom:80px;background-color:#f8f8f8;} 


.page-ccm .support-ccm-b .sub-title {padding:84px 0 36px;} 


.page-ccm .support-ccm-b .video-wrap .inner {width:960px;height:540px;border-radius:16px;overflow:hidden;margin:0 auto} 


.page-ccm .support-ccm-b .video-wrap .inner iframe {width:calc(100% + 2px);height:calc(100% + 2px);margin:-1px 0 0 -1px} 


.page-ccm .support-ccm-c {padding-bottom:80px;} 


.page-ccm .support-ccm-c .sub-title {padding:84px 0 36px;} 


.page-ccm .support-ccm-c .certificate .pic{display:flex;justify-content:center;gap:30px;} 


.page-ccm .support-ccm-c .certificate .pic img{width:400px;height:auto;display: block;} 




/* 20250715 글로벌 현황 수정 */

.global-businesses-map {background:#fff;margin-bottom:100px} 


.global-businesses-map .gradient {min-width:1597px;max-width:1597px;height:711px;background: linear-gradient(-45deg, #3390c9, #e0495c, #ea9836);background-size: 200% 100%;} 


.global-businesses-map.is-inviewed .gradient {opacity:.25} 


.global-businesses-map .global-map-block {min-width:1599px;max-width:1599px;height:780px;margin:0 auto;} 


.global-businesses-map .global-map-mask {position:absolute;top:0;left:0;right:0;bottom:0;background-size:1599px 711px;background-position:center top;background-image:url(../img/about/global_map_mask.png);} 


.global-businesses-map .global-map {position:absolute;top:0;left:0;right:0;bottom:0;background-size:1599px 711px;background-position:center top;background-image:url(../img/about/global_map_kr.png);opacity:0;transition:opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;} 


.lang-en .global-businesses-map .global-map {background-image:url(../img/about/global_map_en.png);} 


.global-businesses-map.is-inviewed .global-map {opacity:1} 


.global-businesses-a .wrap .titles.nth-child-3 .global-title {padding-bottom:50px;} 


.global-businesses-a .wrap .pic {margin:35px 20px 0 0} 




/* 20250806 브랜드 오버뷰 개편 */

.brand-overview {width:1170px;margin:0 auto 140px} 


.brand-overview ul {list-style:none;} 


.brand-overview .title {text-align:center;padding:9px 0 37px;} 


.brand-overview .title .text {font-size:32px;font-family:'CJONLYONE', 'Noto Sans KR';font-weight:400;color:#000;border:0 none;background:none;cursor:pointer} 


.brand-overview .brand-tablist {margin-bottom:40px;border-top:1px solid #000;border-bottom:1px solid #000} 


.brand-overview .brand-tablist ul {display:flex;justify-content:center;gap:120px;margin:30px 0 31px;padding:0} 


.brand-overview .brand-tablist ul li input {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow: hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;} 


.brand-overview .brand-tablist ul li input[type="radio"] +label {position:relative;font-size:16px;color:#767676;padding-left:26px;cursor:pointer} 


.brand-overview .brand-tablist ul li input[type="radio"]:checked +label {color:#000} 


.brand-overview .brand-tablist ul li input[type="radio"] + label:before {content: '';position:absolute;top:4px;left:0;display:inline-block;width:16px;height:16px;border: 1px solid #767676;border-radius:20px} 


.brand-overview .brand-tablist ul li input[type="radio"]:checked + label:before {content: '';position:absolute;top:4px;left:0;display:inline-block;width:16px;height:16px;border: 1px solid #EF151E;border-radius:20px} 


.brand-overview .brand-tablist ul li input[type="radio"]:checked +label:after {content: '';position:absolute;top:8px;left:4px;display:inline-block;width:10px;height:10px;background: #EF151E;border-radius:20px} 


.brand-overview .brand-tablist ul li input[type="radio"]:focus-visible +label {outline:3px auto -webkit-focus-ring-color;} 


.brand-overview .brand-list ul {display:flex;flex-wrap:wrap;gap:30px;justify-content:flex-start;margin:0;padding:0;} 


.brand-overview .brand-list ul li {flex-basis:calc(33.333% - 20px);box-sizing: border-box;} 


.brand-overview .brand-list ul li .thumbs {position:relative;padding:0 0 100% 0;overflow:hidden;border-radius:20px} 


.brand-overview .brand-list ul li .thumbs:before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;transition:background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;} 


.brand-overview .brand-list ul li a:hover .thumbs:before {background:#000} 


.brand-overview .brand-list ul li .background {position:absolute;top:0;left:0;right:0;bottom:0;background-size:100% auto;background-size:cover;background-position:center center;transform:scale(1);transition:all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;} 


.brand-overview .brand-list ul li a:hover .background {transform: scale(1.05);opacity:.8} 


.brand-overview .brand-list ul li .pic {position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;} 




/* 20250808 브랜드 하단 식품 브랜드 슬아이더 이전 다음 ui 변경 */

.brand-carousel-slider .module .js-carousel-swiper .swiper-pagination {background:none} 


.brand-carousel-slider .module .js-carousel-swiper .swiper-button-prev {left:-18px;top:50px;filter:grayscale(1);border-radius:40px;overflow:hidden;} 


.brand-carousel-slider .module .js-carousel-swiper .swiper-button-next {top:50px;filter:grayscale(1);border-radius:40px;overflow:hidden;} 


.brand-carousel-slider .module .js-carousel-swiper .swiper-button-prev:not(:focus-visible), .brand-carousel-slider .module .js-carousel-swiper .swiper-button-next:not(:focus-visible) {outline: none;} 


.brand-carousel-slider .module .js-carousel-swiper {padding-bottom:80px;} 


.brand-carousel-slider .module .js-carousel-swiper.in .swiper-pagination {width:100%;left:50%;right:auto;top:auto;bottom:20px;transform:translateX(-50%)} 


.brand-carousel-slider .module .js-carousel-swiper .swiper-pagination .count {display:inline-block;width:95px;height:32px;line-height:32px;border-radius:32px;font-size:16px;color:#fff;background:#000;} 




/* 20250813 고객행복센터 실적 지수 UI 수정 */

.vod-performance {display:flex} 


.vod-performance .grid-1 {display:flex;width:33.33333333%;justify-content:space-between;border-right:1px solid #e6e6e6;box-sizing:border-box;padding:0 30px} 


.vod-performance .grid-1 ul li {padding:0} 


.vod-performance .grid-2 {display:flex;flex:1;justify-content:space-between;box-sizing:border-box;padding:0 30px} 


.vod-performance .grid-2 ul li {padding:0 0 0 35px} 


.vod-performance .grid-2 ul li:before {left:11%;margin-top:-6px;} 




/* 20250812 더건강한 브랜드 리뉴얼 */

.brand-the-healthy-a {position:relative;height:1012px;background: url('../img/brand/thehealthy_a_bg_1.png') no-repeat;background-size:cover} 


.brand-the-healthy-a:before {display:none} 


.brand-the-healthy-a .wrap {height:1012px;} 


.brand-the-healthy-a .content-holder {margin:122px auto 0;padding:0;text-align:center} 


.brand-the-healthy-a .sub-title {font-size:50px;color:#004a26;} 


.brand-the-healthy-a .content-holder p {font-size:38px;color:#000;margin:28px 0;line-height:1.4;} 


.brand-the-healthy-a .object.object-a-1 {position:absolute;top:438px;left:50%;margin-left:-502px;width:1004px;height:499px;background: url(../img/brand/thehealthy_a_obj_1.png) no-repeat;transform:skewX(20deg) translate(0, 15px);} 


.brand-the-healthy-a .js-inview.is-inviewed .object.object-a-1 {transform:skewX(0deg) translate(0, 0);} 


.brand-the-healthy-a .object.object-a-2 {position:absolute;top:470px;left:50%;margin-left:-221px;width:442px;height:413px;background: url(../img/brand/thehealthy_a_obj_2.png) no-repeat;} 


.brand-the-healthy-b  {position:relative;height:587px;background-color:#e5117c;} 


.brand-the-healthy-b .module {padding:0 20px} 


.brand-the-healthy-b .background {background:url(../img/brand/thehealthy_b_bg_1.gif);background-size:cover} 


.brand-the-healthy-c {background-color:#fff6e9;} 


.brand-the-healthy-c .module {padding:0 0 0 126px} 


.brand-the-healthy-c .background {background:url(../img/brand/thehealthy_c_bg_1.jpg);background-size:cover} 


.brand-the-healthy-d {background-color:#eb6100;} 


.brand-the-healthy-d .module {padding:0 20px!important} 


.brand-the-healthy-d .background {background:url(../img/brand/thehealthy_d_bg_1.jpg);background-size:cover} 


.brand-the-healthy-b .wrap, .brand-the-healthy-c .wrap, .brand-the-healthy-d .wrap {height:100%} 


.brand-the-healthy-b .module, .brand-the-healthy-c .module, .brand-the-healthy-d .module {display:flex;align-items:center;height:100%} 


.brand-the-healthy-c .module {width:630px} 


.page-brand-the-healthy #topbutton .icon {background-color:#004a26;} 


.page-brand-the-healthy .brand-title, .page-brand-the-healthy .brand-carousel-slider .titles .title {color:#004a26} 


.brand-the-healthy-b h3.sub-title, .brand-the-healthy-c h3.sub-title, .brand-the-healthy-d h3.sub-title {font-size:38px;color:#fff;} 


.lang-en .brand-the-healthy-b h3.sub-title, .lang-en .brand-the-healthy-c h3.sub-title, .lang-en .brand-the-healthy-d h3.sub-title {font-size:34px;} 


.brand-the-healthy-c h3.sub-title {color:#000} 




/* 20250924 글로벌현황 지속가능경영 뉴스룸추가 */

.global-businesses-d {padding:97px 0 100px 0px;background:#fff} 


.global-businesses-d .titles {padding:0 0 34px 0px;} 


.global-businesses-d h2.title {font-size:30px} 


.newsroom-slider .newsroom-grid.newsroom-type3 .swiper-wrapper {gap:16px;justify-content:flex-start;} 


.newsroom-slider .newsroom-grid.newsroom-type3 .swiper-wrapper .item {flex-grow:0;flex-basis:calc(20% - 16px);width:calc(20% - 16px);margin-right:0!important;} 


.newsroom-slider .newsroom-grid.newsroom-type3 a, .newsroom-slider .newsroom-grid.newsroom-type3 a .background {border:0 none;border-radius:0} 


.newsroom-slider .newsroom-grid.newsroom-type3 .item a .background {border-bottom:0 none} 


.newsroom-slider .newsroom-grid.newsroom-type3 .item a .background.empty_thumbnail {height:227px;border:1px solid #E6E6E6;box-sizing:border-box;} 


.newsroom-slider .newsroom-grid.newsroom-type3 a .background span {height:227px} 


.newsroom-slider .newsroom-grid.newsroom-type3 a .category {padding:15px 0 0 0} 


.newsroom-slider .newsroom-grid.newsroom-type3 a .category span {font-size:14px;font-weight:400;color:#EF151E;font-family:'CJONLYONE', 'Noto Sans KR';} 


.newsroom-slider .newsroom-grid.newsroom-type3 a .name {font-size:16px;font-weight:400;color:#000;-webkit-line-clamp:3;padding:0;margin:7px 0 11px} 


.newsroom-slider .newsroom-grid.newsroom-type3 a .date {font-size:14px;font-weight:400;color:#4D4D4D;padding:0;margin:0} 


.newsroom-slider .newsroom-grid.newsroom-type3 .swiper-navigation {top:30%} 


.newsroom-slider .newsroom-grid.newsroom-type3 .swiper-navigation:focus:not(:focus-visible) {outline:none;} 


.newsroom-slider .newsroom-grid.newsroom-type3 .swiper-navigation .icon {width:40px;height:40px;border-radius:40px;background:rgba(0, 0, 0, 0.6)} 


.newsroom-slider .newsroom-grid.newsroom-type3 .swiper-navigation .icon:before, .newsroom-slider .newsroom-grid.newsroom-type3 .swiper-navigation .icon:after {background:#fff;width:12px;height:2px;margin: -1px 0 0 -6px;} 


.newsroom-slider .newsroom-grid.newsroom-type3 .swiper-button-prev {left:18px} 


.newsroom-slider .newsroom-grid.newsroom-type3 .swiper-button-next {right:18px} 




.modal-container.in.is-modal-simple .md-modal-content:has(>.major-item-bio) {padding:40px;margin:0;text-align:left;box-sizing:border-box;height: 100%;} 


.modal-container.in.is-modal-simple .md-modal-content .major-item-bio {height:100%} 


.modal-container.in.is-modal-simple .md-modal-content .major-item-bio .toggle-wrap {height: calc(100% - 94px);} 


.modal-container.in.is-modal-simple .md-modal-content .major-item-bio .toggle-wrap .toggle.in {display:flex;flex-direction:column;height:100%;} 


.modal-container.in.is-modal-simple .md-modal-content .major-item-bio .item-wrapper {max-height:none;flex:1;} 




/* 제품 개선 사례 */

.page-support-improvement .search-word-tag .tag.in .word {color:#ef151e;border:1px solid #ef151e} 


.improvement-list-top .search-result {margin:-34px 0 50px} 


.improvement-list-top .search-word-tag {margin:6px 0 32px} 


.improvement-list {padding-bottom:4px;margin-bottom:60px;background-color:#f8f8f8;} 


.improvement-list .bbs-util {margin:52px 0 10px;} 


.improvement-grid {display:flex;flex-wrap:wrap;gap:30px;justify-content:flex-start;padding-top:30px} 


.improvement-grid:before, .newsroom-grid:after {display:none} 


.improvement-grid .item {flex-grow:0;flex-basis:calc(33% - 16px);} 


@media (max-width: 1206px) { .improvement-grid .item {flex-grow:0;flex-basis:calc(33% - 17px);} 


.improvement-grid .no-result {width:100%} 


.improvement-grid a {display:block;background:#fff;border-radius:20px;border:1px solid #e6e6e6} 


.improvement-grid a .background {display:block;overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px} 


.improvement-grid a .background span {display:block;width:100%;height:253px; background-size:cover;transform:scale(1);transition:transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;} 


.improvement-grid a:hover .background span {transform:scale(1.1)} 


.improvement-grid a .category {padding:18px 0 0 16px} 


.improvement-grid a .category span {font-size:14px;color:#7C7C7C;font-weight:500;padding:4px 12px;margin-right:2px;border-radius:28px;background:#F2F2F2} 


.improvement-grid a .category span:before {display:none} 


.improvement-grid a .name {height:58px;padding:0 16px;margin:13px 0 0;font-size:20px;font-weight:500;color:#000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;word-break:break-word;} 


.improvement-grid a .date {font-size:14px;color:#4D4D4D;padding:0 16px;margin:16px 0;} 


.improvement-view .bbs-view-action_top {margin:0 0 40px;} 


.improvement-view .bbs-like-action a {display:inline-block;height:38px;font-size:13px;color:#666;line-height:38px;text-align:center;margin:0 0 8px 8px;background-color:#fff;border:1px solid #666;border-radius:36px;} 


.improvement-view .bbs-like-action a.in {color:#ef151e;border:1px solid #ef151e} 


.improvement-view .bbs-like-action a span {display:inline-block;padding:0 10px 0 40px;background:url(/resources/img/support/icon_like.png) no-repeat} 


.improvement-view .bbs-like-action a.like span {background-position:12px 7px} 


.improvement-view .bbs-like-action a.like.in span {background-position:12px -43px} 


.improvement-view .bbs-like-action a.dislike span {background-position:12px -93px} 


.improvement-view .bbs-like-action a.dislike.in span {background-position:12px -143px} 


.improvement-view .category {margin:30px 60px 0;} 


.improvement-view .category span {display:inline-block;padding:7px 14px 5px;background:#E9EAED;font-size:14px;color:#7C7C7C;font-weight:500;border-radius:40px;} 


.content.page-ccm .banner-improvement {margin:16px 0 70px} 


.content.page-ccm .banner-improvement .wrap {max-width:1200px;} 


.banner-improvement .banner-con {display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:280px;margin:4px 0 30px;padding-left:60px;border-radius:20px;background:url(../img/support/banner_improvementcase.png);background-size:cover} 


.banner-improvement .banner-con .text {margin:0 0 34px;font-size:32px;color:#000} 


.banner-improvement .banner-con .button-more {min-width:140px;height:46px;padding-right:20px;line-height:46px;border-radius:70px;border:1px solid #000;} 


.banner-improvement .banner-con .button-more:before {background-color:#000} 


.banner-improvement .banner-con .button-more span {font-size:14px;font-weight:700;color:#000} 


.banner-improvement .banner-con .button-more:hover span {color:#fff} 


.banner-improvement .banner-con .button-more i {

float:right;position:relative;top:50%;display:inline-block;width:14px;height:1px;vertical-align:top;background:#000;} 


.banner-improvement .banner-con .button-more i:before, .banner-improvement .banner-con .button-more i:after {content: '';position:absolute;top:50%;right:0;width:8px;height:1px;margin-top:-0.5%;background:#000;-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center;transform:rotate(45deg);transition:background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s} 


.banner-improvement .banner-con .button-more i:after {transform:rotate(-45deg)} 


.banner-improvement .banner-con .button-more:hover i, .banner-improvement .banner-con .button-more:hover i:before, .banner-improvement .banner-con .button-more:hover i:after {background:#fff} 


.bbs-links .icon.improvement {background-image: url(../img/common/icon_links_bbs_improvementcase.png);} 




/* 공지사항 테이블 */

.bulletin figure.table > table {border-collapse: collapse;} 


.bulletin figure.table th, .bulletin figure.table td {border: 1px solid #ccc;padding: 8px;} 




/* onlyone 신규 폰트 교체 */

.section-visual.is-about .title, .section-visual.is-simple .title, .section-visual.is-util .title {font-size:60px} 


.section-visual.is-about .desc, .section-visual.is-simple .desc, .section-visual.is-util .desc {margin:16px 0 0;} 


.brand-samho-eomuk-c .module {width:650px} 


.brand-samho-eomuk-e .module {right:49%;width:40%;max-width:670px;} 

/* --- resources/css/webfonts.css --- */
@charset "utf-8";

/* noto-sans-kr-300 - latin_korean */

@font-face {

  font-family: 'Noto Sans KR';

  font-style: normal;

  font-weight: 300;

  src: url('../fonts/noto-sans-kr-v27-latin_korean-300.eot'); /* IE9 Compat Modes */

  src: local(''),

       url('../fonts/noto-sans-kr-v27-latin_korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/noto-sans-kr-v27-latin_korean-300.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/noto-sans-kr-v27-latin_korean-300.woff') format('woff'); /* Modern Browsers */

} 


/* noto-sans-kr-regular - latin_korean */

@font-face {

  font-family: 'Noto Sans KR';

  font-style: normal;

  font-weight: 400;

  src: url('../fonts/noto-sans-kr-v27-latin_korean-regular.eot'); /* IE9 Compat Modes */

  src: local(''),

       url('../fonts/noto-sans-kr-v27-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/noto-sans-kr-v27-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/noto-sans-kr-v27-latin_korean-regular.woff') format('woff'); /* Modern Browsers */

} 


/* noto-sans-kr-500 - latin_korean */

@font-face {

  font-family: 'Noto Sans KR';

  font-style: normal;

  font-weight: 500;

  src: url('../fonts/noto-sans-kr-v27-latin_korean-500.eot'); /* IE9 Compat Modes */

  src: local(''),

       url('../fonts/noto-sans-kr-v27-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/noto-sans-kr-v27-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/noto-sans-kr-v27-latin_korean-500.woff') format('woff'); /* Modern Browsers */

} 


/* noto-sans-kr-700 - latin_korean */

@font-face {

  font-family: 'Noto Sans KR';

  font-style: normal;

  font-weight: 700;

  src: url('../fonts/noto-sans-kr-v27-latin_korean-700.eot'); /* IE9 Compat Modes */

  src: local(''),

       url('../fonts/noto-sans-kr-v27-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/noto-sans-kr-v27-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/noto-sans-kr-v27-latin_korean-700.woff') format('woff'); /* Modern Browsers */

} 






/* montserrat-300 - latin */

@font-face {

  font-family: 'Montserrat';

  font-style: normal;

  font-weight: 300;

  src: url('../fonts/montserrat-v25-latin-300.eot'); /* IE9 Compat Modes */

  src: local(''),

       url('../fonts/montserrat-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/montserrat-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/montserrat-v25-latin-300.woff') format('woff'), /* Modern Browsers */

       url('../fonts/montserrat-v25-latin-300.ttf') format('truetype'); /* Safari, Android, iOS */

} 


/* montserrat-regular - latin */

@font-face {

  font-family: 'Montserrat';

  font-style: normal;

  font-weight: 400;

  src: url('../fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */

  src: local(''),

       url('../fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */

       url('../fonts/montserrat-v25-latin-regular.ttf') format('truetype'); /* Safari, Android, iOS */

} 


/* montserrat-500 - latin */

@font-face {

  font-family: 'Montserrat';

  font-style: normal;

  font-weight: 500;

  src: url('../fonts/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */

  src: local(''),

       url('../fonts/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/montserrat-v25-latin-500.woff') format('woff'), /* Modern Browsers */

       url('../fonts/montserrat-v25-latin-500.ttf') format('truetype'); /* Safari, Android, iOS */

} 


/* montserrat-700 - latin */

@font-face {

  font-family: 'Montserrat';

  font-style: normal;

  font-weight: 700;

  src: url('../fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */

  src: local(''),

       url('../fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('../fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */

       url('../fonts/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */

       url('../fonts/montserrat-v25-latin-700.ttf') format('truetype'); /* Safari, Android, iOS */

}

.cj2-brand-wrapper .brand-beksul-a .object { background-repeat: no-repeat; background-position: center; }

/* Custom WooCommerce Products Grid */
.cj2-products-grid { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.cj2-product-item { width: 25%; padding: 0 15px; box-sizing: border-box; margin-bottom: 40px; text-align: center; }
.cj2-product-item img { max-width: 100%; height: auto; display: block; margin: 0 auto 20px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); transition: transform 0.3s ease; }
.cj2-product-item:hover img { transform: translateY(-5px); }
.cj2-product-item .name { font-size: 18px; font-weight: 500; color: #1e1e1e; margin-bottom: 10px; }
.cj2-product-item .price { font-size: 16px; color: #666; }
.cj2-products h3 { font-size: 32px; text-align: center; margin-bottom: 40px; font-weight: bold; color: #1e1e1e; }
@media (max-width: 1024px) { .cj2-product-item { width: 33.333%; } }
@media (max-width: 768px) { .cj2-product-item { width: 50%; } }
@media (max-width: 480px) { .cj2-product-item { width: 100%; } }