@charset "utf-8";

/*--------------------------------------
    eyoom (이윰) - 테마 레이아웃 및 메인
--------------------------------------*/

/*---------- Wrapper & Basic Layout ----------*/
.wrapper {position:relative;overflow:hidden}
.wrapper .cf-title {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}


/*---------- Header Topbar ----------*/
.header-topbar {position:relative;width:100%;background:#fff;border-bottom:1px solid #e5e5e5;z-index:1005;text-align:center;height:40px}
.header-topbar ul {margin:0}
.header-topbar .topbar-left {position:absolute;top:0;left:0}
.header-topbar .topbar-left .left-menu {margin-left:15px;position:relative;overflow:hidden;clear:both;border-left:1px solid #e5e5e5}
.header-topbar .topbar-left .left-menu > li {line-height:40px;float:left;border-right:1px solid #e5e5e5}
.header-topbar .topbar-left .left-menu > li > a {display:block;width:100%;line-height:40px;padding:0 20px;font-size:12px;color:#555555}
.header-topbar .topbar-left .left-menu > li > a:hover {text-decoration:underline}
.header-topbar .topbar-left .left-menu > li > a i {color:#b5b5b5}
.header-topbar .topbar-left .left-menu > li > a:hover i {color:#555555}
.header-topbar .topbar-left .left-menu > li > a.active {background:#fff;font-weight:bold;color:#FF4848}
.header-topbar .topbar-center {display:inline-block}
.header-topbar .topbar-center .notice-roll {width:220px;text-align:left;border:0;background:transparent;margin:5px 0}
.header-topbar .topbar-center .notice-roll ul li a {color:#c5c5c5}
.header-topbar .topbar-center .notice-roll ul li a:hover {color:#fff;text-decoration:underline}
.header-topbar .topbar-right {position:absolute;top:0;right:0;text-align:right;margin-right:15px}
.header-topbar .topbar-right .mobile-nav-trigger {display:none}
.header-topbar .topbar-right > .member-menu > li {position:relative;padding:0 7px;line-height:40px;display:inline-block}
.header-topbar .topbar-right > .member-menu > li > a {font-size:12px;color:#555555;z-index:2}
.header-topbar .topbar-right > .member-menu > li > a:hover {text-decoration:underline}
.header-topbar .topbar-right > .member-menu > li > a i {color:#b5b5b5}
.header-topbar .topbar-right > .member-menu > li > a:hover i {color:#555555}
.header-topbar .topbar-right > .member-menu > li > a > .color-red {color:#CC2300}
.header-topbar .topbar-right > .member-menu > li > .join-point {z-index:1;position:absolute;bottom:-12px;left:0;text-align:center;width:100%;margin:0;padding:0;line-height:1}
.header-topbar .topbar-right > .member-menu > li > .join-point span {white-space:nowrap;padding:4px 5px;border-radius:3px !important;font-size:10px;line-height:1;background:#59595b;color:#fff;text-align:center;display:inline-block}
.header-topbar .topbar-right > .member-menu > li.topbar-add-menu {position:relative}
.header-topbar .topbar-right > .member-menu > li.topbar-add-menu > ul {left:inherit;right:0;font-size:12px;border:1px solid #e5e5e5;box-shadow:none;margin-top:-1px}
.header-topbar .topbar-right > .member-menu > li.topbar-add-menu > ul > li > a {color:#555555}
.header-topbar .topbar-right > .member-menu > li.topbar-add-menu > ul > li > a:hover {color:#000;background:#f5f5f5}
.header-topbar .topbar-right > .member-menu > li.topbar-add-menu > ul > li.divider {background:#e5e5e5}
.header-topbar .topbar-right > .member-menu > li.dropdown-extended li {border-left:0;border-right:0;top:0;margin-left:0;position:relative;border:0;text-align:left}
.header-topbar .dropdown-extended .dropdown-menu {float:right;left:inherit;right:0px;margin:0;border:0;background-color:#fff;width:275px;z-index:999;border-radius:4px !important;box-shadow:0 1px 8px rgba(0, 0, 0, 0.35)}
.header-topbar .dropdown-extended .dropdown-menu:before {position:absolute;top:-7px;right:20px;display:inline-block !important;border-right:7px solid transparent;border-bottom:7px solid #fafafa;border-left:7px solid transparent;border-bottom-color:#ccc;content:""}
.header-topbar .dropdown-extended .dropdown-menu:after {position: absolute;top:-6px;right:21px;display:inline-block !important;border-right:6px solid transparent;border-bottom:6px solid #fafafa;border-left:6px solid transparent;content:""}
.header-topbar .dropdown-extended .dropdown-menu > li.external {display:block;overflow:hidden;padding:10px 15px;letter-spacing:0.5px}
.header-topbar .dropdown-extended .dropdown-menu > li.external > h5 {margin:0;padding:0;float:left;font-size:12px;display:inline-block}
.header-topbar .dropdown-extended .dropdown-menu > li.external > a {display:inline-block;padding:0;background:none;clear:inherit;font-size:12px;position:absolute;right:10px;border:0;color:#000;text-decoration:underline}
.header-topbar .dropdown-extended .dropdown-menu > li.external > a:hover {text-decoration:underline;color:#FF4848}
.header-topbar .dropdown-extended .dropdown-menu .dropdown-menu-list {padding:0;margin:0;list-style:none;position:relative;width:246px}
.header-topbar .dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {display:block;clear:both;white-space:normal;padding:8px 0 0;text-shadow:none}
@media (max-width:991px) {
    .header-topbar .topbar-left .left-menu {margin-left:10px}
    .header-topbar .topbar-right {margin-right:10px}
    .header-topbar .topbar-right .member-menu {display:none}
    .header-topbar .topbar-right .mobile-nav-trigger {display:block;padding:2px 5px;color:#000}
    .header-topbar .topbar-right .mobile-nav-trigger a {color:#000;font-size:23px}
}
@media (max-width:767px) {
    .header-topbar .dropdown-extended .dropdown-menu {right:-60px}
    .header-topbar .dropdown-extended .dropdown-menu:before {right:88px}
    .header-topbar .dropdown-extended .dropdown-menu:after {right:89px}
}

/*---------- Header Nav ----------*/
.header-nav {position:relative}
.header-nav .navbar {border:none;margin-bottom:0;background-color:#fff;border-top:1px solid #e5e5e5;border-bottom:0;white-space:nowrap;height:50px}
.header-nav.nav-main .navbar {border-bottom:0}
.header-nav .navbar-nav > li > a {font-size:12px;letter-spacing:0px}
.header-nav .nav > li > a:hover, .header-nav .nav > li > a:focus {background:inherit}
.header-nav .navbar-nav .nav-right-wrap {display:none}
/* Navbar Nav */
@media (max-width:991px) {
    .header-nav .navbar {height:0;min-height:0;border-top:0}
    .header-nav > .navbar > .container {width:inherit;margin-left:0;margin-right:0;padding-left:0;padding-right:0}
}
@media (min-width:992px) {
    .header-nav .navbar {position:relative;width:100%;z-index:1002;background-color:#fff;white-space:nowrap;height:50px;min-height:50px}
    .header-nav .container > .navbar-header, .header-nav .container-fluid > .navbar-header {margin-bottom:-10px}
    .header-nav .navbar-nav {position:relative;float:none}
    .header-nav .navbar-nav .nav-li-divider {width:2px;height:20px;background:#e5e5e5;margin-top:20px}
    .header-nav .navbar-nav > li > a {padding:0 20px;line-height:50px;font-size:13px;font-weight:bold}
    .header-nav .navbar-nav > li > a .nav-pc-color {color:#cc2300}
    .header-nav .navbar-nav > li > a:hover {background:transparent}
    .header-nav .navbar-nav > li > a > .nav-icon-pre {margin-right:15px}
    .header-nav .navbar-nav > li.dropdown > a {padding-right:30px}
    .header-nav .navbar-nav > li > a, .header-nav .navbar-nav > li > a:hover, .header-nav .navbar-nav > li > a:focus, .header-nav .navbar-nav > .active > a, .header-nav .navbar-nav > .active > a:hover, .header-nav .navbar-nav > .active > a:focus {color:#353535}
    .header-nav .navbar-nav > .open > a, .header-nav .navbar-nav > .open > a:hover, .header-nav .navbar-nav > .open > a:focus {color:#353535}
    .header-nav .navbar-nav > .dropdown > a:after {top:0;right:15px;font-size:11px;position:absolute;color:#b5b5b5;display:inline-block;font-family:'Font Awesome\ 5 Free';content:"\f0d7";font-weight:900}
    .header-nav .navbar-nav .nav-right-wrap {display:block;position:absolute;top:0;right:0;width:260px;height:49px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
    .header-nav .navbar-nav .nav-right-wrap > ul {list-style:none;margin:0;padding:0}
    .header-nav .navbar-nav .nav-right-wrap > ul:after {content:"";display:block;clear:both}
    .header-nav .navbar-nav .nav-right-wrap > ul > li {float:right}
    .header-nav .navbar-nav .nav-right-wrap > ul > li > a {position:relative;display:block;font-size:13px;font-weight:bold;height:49px;line-height:49px;padding:0 15px;color:#353535}
    .header-nav .navbar-nav .nav-right-wrap > ul > li > a i {color:#757575}
    /* Dropdown Menu */
    .header-nav .dropdown {position:static}
    .header-nav .dropdown-menu {border:1px solid #e5e5e5;padding:10px;margin-top:0 !important;min-width:190px;background:#fff;z-index:999 !important;box-shadow:none;box-sizing:border-box;left:auto;margin-top:0 !important}
    .header-nav .dropdown-menu:before {-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px;height:8px;background:#fff;border-left:1px solid #c5c5c5;border-top:1px solid #c5c5c5;box-shadow:none;content:"";position:absolute;top:-4px;left:40px}
    .header-nav .dropdown-menu .dropdown-menu:before {-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:19px;left:-5px}
    .header-nav .dropdown-menu li a {color:#000;font-size:13px;font-weight:normal;padding:6px 10px}
    .header-nav .dropdown-menu .active > a {color:#FF4848;background:inherit;filter:none !important;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}
    .header-nav .dropdown-menu li > a:focus {background:none;filter:none !important}
    .header-nav .navbar-nav > li.dropdown:hover > .dropdown-menu {display:block}
    .header-nav .open > .dropdown-menu {display:none}
    .header-nav .dropdown-menu > li a:hover {background:none;color:#FF4948}
    /* Dropdown Submenu */
    .header-nav .dropdown-submenu {position:relative}
    .header-nav .dropdown-submenu > a > .sub-caret {position:absolute !important;left:inherit !important;right:0;top:8px;float:right;font-size:11px;display:inline-block}
    .header-nav .dropdown-submenu > .dropdown-menu {top:-11px;left:100%;margin-left:0px}
    .header-nav .dropdown-submenu:hover > .dropdown-menu {display:block}
    .header-nav .dropdown-menu li [class^="fa-"], .header-nav .dropdown-menu li [class*=" fa-"] {left:-3px;width:1.25em;margin-right:1px;position:relative;text-align:center;display:inline-block}
    .header-nav .dropdown-menu li [class^="fa-"].fa-lg, .header-nav .dropdown-menu li [class*=" fa-"].fa-lg {width:1.5625em}
    /* Category Nav */
    .header-nav .navbar-nav > li.nav-category > a {width:200px;height:50px;line-height:50px;text-align:left;margin-left:0px;background:linear-gradient(to right,#2B2B2E 0,#4b4b4d 100%);color:#fff !important;border-top:1px solid #2B2B2E;border-left:1px solid #2B2B2E;border-right:1px solid #2B2B2E;margin-top:-1px}
    .header-nav .navbar-nav > li.nav-category > a:after {color:#b5b5b5}
    .header-nav .navbar-nav.navbar-nav-main > li.nav-category.nav-category-main > ul {display:block}
    /* Category Nav List */
    .header-nav .navbar-nav > li.nav-category .dropdown-menu {margin-top:-1px !important}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu {width:200px;min-height:401px;border:1px solid rgba(0, 0, 0, 0.3);border-top:0;background:rgba(255, 255, 255, 0.9);padding:10px}
    .header-nav.nav-main .navbar-nav > li.nav-category > .dropdown-menu {border-top:1px solid #242630}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu:before {display:none}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu li a {display:block;position:relative;background:transparent;padding:0 10px;height:37px;line-height:37px}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu li a i {color:#b5b5b5}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu li a:hover {background:transparent;color:#CC2300 !important;text-shadow:none;border-radius:0 !important}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu li.dropdown > a:after {position:absolute;top:0px;right:5px;margin-top:-3px;font-size:11px;color:#b5b5b5;display:inline-block;font-family:'Font Awesome\ 5 Free';content:"\f105";font-weight:900}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li > .more-view {display:block;color:#959595;font-size:13px;padding:0 10px;height:40px;line-height:40px;cursor:pointer}
    /* Category Nav List Open */
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical.open > a {color:#CC2300}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical.open > a i {color:#b5b5b5}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical.open > a:after {color:#CC2300}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical.open > .dropdown-menu {display:block;top:0;left:100%;width:401px;height:100%;height:calc(100% + 2px);border:1px solid rgba(0, 0, 0, 0.3);background:rgba(255, 255, 255, 0.9)}
    .header-nav.nav-main .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical.open > .dropdown-menu {top:1px;height:100%;height:calc(100% + 1px)}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical.open > .dropdown-menu:before {display:none}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical.open > .dropdown-menu > .dropdown-submenu  {width:200px}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical > ul > .dropdown-submenu {position:static}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical > ul > .dropdown-submenu > a {position:relative}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical > ul > .dropdown-submenu > a > .sub-caret {top:10px;right:20px}
    /* Category Nav Submenu Open */
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical > ul .submenu-marker {display:none}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical > ul > .dropdown-submenu:hover > a {color:#CC2300}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical > ul > .dropdown-submenu:hover > a > i {color:#CC2300}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical > ul > .dropdown-submenu > .dropdown-menu {top:1px;left:200px;width:200px;height:100%;border:1px solid rgba(0, 0, 0, 0.3);border-top:0;border-bottom:0;margin:0;background:rgba(255, 255, 255, 0.9)}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical > ul > .dropdown-submenu > .dropdown-menu > li > a {background:inherit}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical > ul > .dropdown-submenu > .dropdown-menu:before {display:none}
}
@media (min-width:992px) and (max-width:1199px) {
    .header-nav .navbar-nav > li > a {font-size:13px;padding:0 15px}
    .header-nav .dropdown-menu {min-width:157px}
    .header-nav .dropdown-menu:before {left:40px}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical.open > .dropdown-menu {width:381px}
}

/*---------- Sidebar Nav ----------*/
.sidebar .sidebar-title, .sidebar .sidebar-search, .sidebar .sidebar-member-menu {display:none}
@media (max-width:991px) {
    .sidebar.left {z-index:1007;display:none;position:fixed;top:0;left:0;bottom:0;width:280px;background:#fff}
    .sidebar-left-mask {display:none}
    .sidebar-left-mask.active {display:block;position:fixed;top:0;bottom:0;left:0;right:0;z-index:1006;background:#000;opacity:0.5}
    .sidebar .sidebar-left-content {padding-bottom:20px}
    .sidebar .sidebar-left-content.active {position:relative;height:100%;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}
    .sidebar .sidebar-title {display:block;position:relative;height:40px;line-height:40px;color:#fff;font-size:13px;font-weight:bold;background:#2B2B2E;padding:0 15px;margin-bottom:20px}
    .sidebar .sidebar-title .sidebar-close-btn {display:block;position:absolute;top:5px;right:5px;width:30px;height:30px;line-height:30px;text-align:center;background:#3C3C3E;color:#fff;font-size:13px}
    /* Sidebar Search */
    .sidebar .sidebar-search {display:block;position:relative;padding:0 15px}
    .sidebar .sidebar-search .input {position:relative;display:block}
    .sidebar .sidebar-search .input > input {ont-size:12px;line-height:1.5;font-weight:normal;display:block;box-sizing:border-box;width:100%;outline:none;appearance:normal;-moz-appearance:none;-webkit-appearance:none;padding:6px 12px;height:34px;border:2px solid #CC2300;background:#fff;color:#353535}
    .sidebar .sidebar-search .input > input:focus {outline:none;;border:2px solid #CC2300 !important;box-shadow:none}
    .sidebar .sidebar-search .input-button .button {position:absolute;top:2px;right:2px;display:block;cursor:pointer;text-decoration:none;outline:none;overflow:hidden;float:none;margin:0;font-weight:600;height:30px;line-height:30px;font-size:16px;padding:0 15px;background:#CC2300;color:#fff;border:0;opacity:1}
    .sidebar .sidebar-search .input-button .button input {position:absolute;top:0;right:0;padding:0;font-size:12px;cursor:pointer;height:30px;line-height:1.5;font-weight:normal;display:block;box-sizing:border-box;-moz-box-sizing:border-box;width:100%;outline:none;border:1px solid #D5D5D5;background:#FFF;color:#4B4B4D;appearance:normal;-moz-appearance:none;-webkit-appearance:none;opacity:0}
    /* Member Menu */
    .sidebar .sidebar-member-menu {display:block;position:relative;padding:20px 15px 20px;background:#fff}
    .sidebar .sidebar-member-menu:after {content:"";display:block;clear:both}
    .sidebar .sidebar-member-menu .sidebar-lg-btn {margin-bottom:15px}
    .sidebar .sidebar-member-menu .sidebar-member-btn-box {display:block;float:left;width:25%}
    .sidebar .sidebar-member-menu .sidebar-member-btn {position:relative;width:46px;height:46px;line-height:46px;background:#59595b;color:#fff;font-size:17px;text-align:center;border-radius:50% !important;margin:0 auto}
    .sidebar .sidebar-member-menu .sidebar-member-btn .badge {position:absolute;top:-5px;right:-5px;border:1px solid #fff}
    .sidebar .sidebar-member-menu .sidebar-other-btn-box {display:block;float:left;width:50%}
    .sidebar .sidebar-member-menu .other-btn-left {padding-right:5px}
    .sidebar .sidebar-member-menu .other-btn-right {padding-left:5px}
    .sidebar .sidebar-member-menu .sidebar-other-btn {position:relative;height:30px;line-height:30px;text-align:center;background:#2b2b2e;font-size:12px;color:#fff;border-radius:2px !important}
    .sidebar .sidebar-member-menu .other-btn-red {background:#cc2300}
    /* Nav */
    .header-nav .navbar-nav {position:relative;margin:0 0 55px;float:none;border-bottom:1px solid #e5e5e5}
    .header-nav .navbar-nav > .nav-li-divider {display:none}
    .header-nav .navbar-nav > .nav-li-space {height:40px;border-bottom:none;border-top:1px solid #e5e5e5;background:#fff}
    .header-nav .navbar-nav > li {float:none}
    .header-nav .navbar-nav > li > a {line-height:42px;padding:0 15px;font-size:13px;color:#000;font-weight:bold}
    .header-nav .navbar-nav > li > a > .nav-cate-icon {width:20px;text-align:center}
    .header-nav .navbar-nav > li a {border-bottom:none;border-top:1px solid #e5e5e5}
    .header-nav .navbar-nav > li a:hover {border-top:1px solid #e5e5e5}
    .header-nav .navbar-nav > li:first-child > a {border-top:1px solid transparent}
    .header-nav .navbar-nav > .nav-mo-half {float:left;width:50%}
    .header-nav .navbar-nav > .nav-mo-half > a {border-right:1px solid #f2f2f2}
    .header-nav .navbar-nav > .nav-mo-half.board-right-none > a {border-right:0}
    /* Category Nav */
    .header-nav .navbar-nav > li.nav-category > a {background:#2B2B2E;color:#fff;border-top:1px solid #2B2B2E}
    .header-nav .navbar-nav > li.nav-category > a:after {color:#fff}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu {display:block;border:0;float:none;width:auto;margin:0;padding:0;position:static;box-shadow:none;background-color:transparent}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .navcate-load-more {display:none}
    /* Category Nav List */
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li {position:relative}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li > a {line-height:42px;padding:0 15px;font-size:13px;color:#000;font-weight:bold}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li:first-child > a {border-top:0}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu li i {width:20px;text-align:center}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li > a > i {color:#b5b5b5}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li > .cate-dropdown-open {position:absolute;top:1px;right:0;width:42px;height:42px;line-height:42px;margin:0;padding:0;text-align:center;border:0;border-left:1px solid #e5e5e5}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li > .cate-dropdown-open:before {content:"\f067";font-family:'Font Awesome\ 5 Free';font-weight:900;color:#b5b5b5}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li.open > a {background:#4B4B4D;color:#fff;border-top:1px solid #4B4B4D}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li.open > a > i {color:#fff}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li.open > .cate-dropdown-open {border:0;border-left:1px solid #424245}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li.open > .cate-dropdown-open:before {content:"\f068";font-family:'Font Awesome\ 5 Free';font-weight:900;color:#FF4948}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li.active > .dropdown-menu {display:block;overflow:hidden}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li.active > a {background:#FF4948;color:#fff;border-top:1px solid #FF4948}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li.active > a > i {color:#fff}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li.active > .cate-dropdown-open {border:0;border-left:1px solid #f73535}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li.active > .cate-dropdown-open:before {content:"\f054";font-family:'Font Awesome\ 5 Free';font-weight:900;color:#fff}
    /* Category Nav List Submenu */
    .header-nav .navbar-nav .dropdown-submenu > .dropdown-menu {display:block}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li .dropdown-menu {border:0;float:none;width:auto;margin:0;padding:0;position:static;box-shadow:none;background-color:transparent}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li .dropdown-menu .submenu-marker {display:inline-block;width:7px;height:9px;border-left:1px dotted #959595;border-bottom:1px dotted #959595;margin-right:8px}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li .dropdown-menu .dropdown-submenu a {position:relative;color:#757575;line-height:38px;padding:0 15px;background:#fff;font-size:12px}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li .dropdown-menu .dropdown-submenu.active > a {font-weight:bold}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li .dropdown-menu .dropdown-submenu a .sub-caret {position:absolute;top:12px;right:5px}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li > .dropdown-menu > .dropdown-submenu > a {color:#656565;padding:0 15px 0 15px;background:#fafafa}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li > .dropdown-menu > .dropdown-submenu.active > a {color:#FF4848}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > a {padding:0 15px 0 30px;background:#fafafa}
}

/*---------- Basic Body ----------*/
.basic-body.page-padding {padding-top:25px;padding-bottom:25px}
.basic-body .basic-body-main {position:relative;/*padding-top:25px;padding-bottom:25px*/}
.basic-body .basic-body-page {position:relative;/*padding:15px;border:1px solid #e5e5e5*/}
.basic-body .basic-body-page .category-mobile-area {display:none}
.basic-body .basic-body-side {padding:25px 20px}
.basic-body .basic-body-side.left-side {margin-right:-1px;border-right:1px solid #e5e5e5}
.basic-body .basic-body-side.right-side {margin-left:-1px;border-left:1px solid #e5e5e5}
.basic-body .basic-body-side .side-mobile-area {display:none}
@media (min-width:992px){
    .basic-body .basic-body-main.col-md-9 {width:73%}
    .basic-body .basic-body-side.col-md-3 {width:27%}
}
@media (max-width:991px){
    .basic-body .basic-body-page .category-mobile-area {display:block}
    .basic-body .basic-body-page .basic-body-main {padding-left:15px;padding-right:15px}
    .basic-body .basic-body-main.left-main {border-right:0;padding-left:15px;padding-right:15px}
    .basic-body .basic-body-main.right-main {border-left:0;padding-left:15px;padding-right:15px}
    .basic-body .basic-body-side.left-side {margin-right:0;border-right:0;padding:0}
    .basic-body .basic-body-side.right-side {margin-left:0;border-left:0;padding:0}
    .basic-body .basic-body-side .side-pc-area {display:none}
    .basic-body .basic-body-side .side-mobile-area {display:block;padding:25px 0}
}
@media (max-width:767px){
    .basic-body .basic-body-page {border:0;padding:0}
}

/*---------- Footer ----------*/
.footer {position:relative;background:#3C3C3E}
.footer .footer-copyright {text-align:center;overflow:hidden}
.footer .footer-copyright p {color:#a5a5a5;font-size:11px;line-height:34px;margin-bottom:0}

/*---------- Sidebar Member ----------*/
.sidebar-shop-mask {display:none}
.sidebar-shop-mask.active {display:block;position:fixed;top:0;bottom:0;left:0;right:0;z-index:1008;background:#000;opacity:0.5}


/*---------- Mobile Sidebar left Trigger ----------*/
.mobile-sidebar-left-trigger {position:fixed;left:70px;bottom:15px;height:46px;width:46px;cursor:pointer;display:block;font-size:16px;line-height:46px;-webkit-border-radius:50% !important;background:rgba(204, 35, 0, 0.95);border:0;color:#fff;display:none;z-index:1009}
@media (max-width:767px) {
    .mobile-sidebar-left-trigger {display:block}
}


/*---------- Eb BackToTop ----------*/
.eb-backtotop {position:fixed;right:15px;bottom:45px;height:46px;width:46px;cursor:pointer;display:block;-webkit-border-radius:50% !important;-moz-border-radius:50% !important;border-radius:50% !important;box-shadow:inset 0 0 0 2px rgba(255,255,255,0.15);background:#fff;z-index:1003;opacity:0;visibility:hidden;transform:translateY(15px);-webkit-transition:all 0.2s linear;transition:all 0.2s linear}
.eb-backtotop.active-progress {opacity:1;visibility:visible;transform:translateY(0)}
.eb-backtotop:after {position:absolute;content:"\f106";font-family:'Font Awesome\ 5 Free';font-weight:900;text-align:center;font-size:16px;color:#757575;left:0;top:0;height:46px;width:46px;line-height:28px;cursor:pointer;display:block;z-index:1;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}
.eb-backtotop:hover:after {color:#cc2300}
.eb-backtotop svg path {fill:none}
.eb-backtotop svg.backtotop-progress path {stroke:#b5b5b5;stroke-width:4;box-sizing:border-box;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}
.eb-backtotop .progress-count {dispaly:block;position:absolute;bottom:8px;left:0;right:0;font-size:11px;text-align:center;color:#a5a5a5}
.eb-backtotop {box-shadow:inset 0 0 0 2px rgba(0,0,0,0.15)}
.eb-backtotop:after {color:#2b2b2e}
.eb-backtotop svg.backtotop-progress path {stroke:#cc2300}
@media (max-width:767px) {
    .eb-backtotop {bottom:15px}
}




/*==================================================style==================================================*/
.header-topbar,.header-nav,.quick-menu-right,.quick-menu-left,.sidebar-shop-member-wrap{display:none;}

.container{max-width: 122rem; padding: 0 3rem; margin: 0 auto;  width: 100%;}
label{font-weight:normal;}
dt{font-weight:normal;}

html.hide{display:block !important;}
.h_scroll #header{ position:fixed; top: 0; left: 0;}