/*----------
color : #4e7869
----------*/

/*---------- font ----------*/
body, h1, h2, h3, h4, h5, h6 {font-family: 'Noto Sans KR', sans-serif;}
h1, h2, h3, h4, h5, h6 {word-break:keep-all}

/*---------- Wrapper & Basic Layout & Boxed Layout ----------*/
.wrapper {position:relative;overflow:hidden;background:#fff}
.basic-layout {background:#fff}
.boxed-layout {padding:0;box-shadow:0 0 5px #bbb;margin-left:auto !important;margin-right:auto !important;background:#fff}
@media (min-width:992px) {
    .boxed-layout .header-nav > .navbar > .container {padding-right:0;padding-left:0}
}
@media (min-width:1280px){
    .wrapper-inner.box-layout {width:1200px;margin:0 auto;box-shadow:0 0 3px rgba(0,0,0,0.4)}
}

/* 편집 버튼 */
.btn-edit-admin {position:fixed;top:120px;right:-1px;width:130px;padding:5px 10px;background:rgba(255, 255, 255, 0.9);box-shadow:0 0 1px rgba(0,0,0,.7);z-index:1100}
.btn-edit-mode-wrap {position:relative;width:100%}
.btn-edit-mode {display:none;position:absolute;width:100%;z-index:5}
.btn-edit-mode a {display:inline-block !important;width:auto;padding:1px 8px !important;color:#fff !important}
.shop-list-nav .btn-edit-mode, .shop-product .btn-edit-mode {position:relative;width:auto}

/*---------- Header Topbar ----------*/
.header-topbar {position:relative;z-index:1;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:none}
.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 {position:relative;background:#4e7869;color:#fff}
.header-topbar .topbar-left .left-menu > li > a.active:after {content:"";display:block;position:absolute;bottom:0;left:50%;width:10px;height:2px;margin-left:-5px;background:#fff}
.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 {padding:0 7px;line-height:40px;display:inline-block}
.header-topbar .topbar-right > .member-menu > li > a {font-size:12px;color:#555555}
.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.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-left .left-menu > li > a {padding:0 10px}
}
@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 Title ----------*/
.header-title {position:relative}
.header-title .header-title-in {position:relative;overflow:hidden;box-sizing:border-box;text-align:center;width:100%;height:100px;color:#fff;z-index:1001;background:#4e7869}
/* logo */
.header-title .header-title-in h1 {position:absolute;left:20px;;margin:25px 0 0}
.header-title .header-title-in h1 a {display:block;height:50px}
.header-title .header-title-in .title-logo-image {width:auto;height:55px}
.header-title .header-title-in .title-logo-text {font-size:40px;line-height:50px;color:#fff}
/* header-title-search */
.header-title .header-title-in .header-title-search {position:absolute;width:360px;left:50%;margin-left:-180px;margin-top:30px}
.header-title .header-title-in .header-title-search.shop-search {margin-top:30px}
.header-title .header-title-in .header-title-search .eyoom-form .input > input {height:40px;border:2px solid #fff !important;background:#4e7869;color:#fff}
.header-title .header-title-in .header-title-search .eyoom-form .input > input:focus {border:2px solid #fff;box-shadow:0 none}
.header-title .header-title-in .header-title-search .eyoom-form .input > input::-moz-placeholder {color:#fff}
.header-title .header-title-in .header-title-search .eyoom-form .input > input:-ms-input-placeholder {color:#fff}
.header-title .header-title-in .header-title-search .eyoom-form .input > input::-webkit-input-placeholder {color:#fff}
.header-title .header-title-in .header-title-search .eyoom-form .input-button .button {height:36px;line-height:36px;font-size:20px;padding:0 15px;background:none;color:#fff;border:0;opacity:1}
/* header-title-banner */
.header-title .header-title-in .header-title-banner {position:absolute;top:25px;right:15px;height:50px}
.header-title .header-title-in .header-title-banner .title-banner-icon {position:relative;float:left;margin-left:7px}
.header-title .header-title-in .header-title-banner .title-banner-icon.mobile-nav-trigger {display:none}
.header-title .header-title-in .header-title-banner .title-banner-icon .banner-icon-cart-btn {position:relative;width:60px;height:50px;text-align:center;color:#fff}
.header-title .header-title-in .header-title-banner .title-banner-icon .banner-icon-cart-btn .badge-white {top:-5px;right:-3px;background:rgba(255, 255, 255, 0.75);color:#4e7869}
.header-title .header-title-in .header-title-banner .title-banner-icon .banner-icon-cart-btn i {display:block;margin-bottom:5px;line-height:30px;font-size:24px;color:#fff}
.header-title .header-title-in .header-title-banner .title-banner-icon .banner-icon-cart-btn .icon-text {display:block;line-height:16px;font-size:12px}
.header-title .header-title-in .header-title-banner .title-banner-icon .banner-icon-cart-btn:hover .icon-text {font-weight:700;text-decoration:none}
.header-title .header-title-in .header-title-banner .title-banner-icon .badge {position:absolute;top:-7px;right:-5px}
@media (max-width:991px) {
    .header-title .header-title-in {height:80px}
    .header-title .header-title-in h1 {margin:20px 0 0}
    .header-title .header-title-in h1 a {height:40px}
    .header-title .header-title-in .title-logo-image {height:45px;margin-top:-4px;}
    .header-title .header-title-in .title-logo-text {font-size:30px;line-height:40px}
    .header-title .header-title-in .header-title-banner {top:20px}
    .header-title .header-title-in .header-title-banner .title-banner-icon.mobile-nav-trigger {display:block}
    .header-title .header-title-in .header-title-banner .title-banner-icon .banner-icon-cart-btn {width:auto;height:40px;padding:0 5px}
    .header-title .header-title-in .header-title-banner .title-banner-icon .banner-icon-cart-btn i {font-size:20px;line-height:25px}
    .header-title .header-title-in .header-title-banner .title-banner-icon .banner-icon-cart-btn .icon-text {font-size:9px;line-height:10px}
}

/*---------- Header Nav ----------*/
.header-nav {position:relative}
.header-nav .navbar {border:none;margin-bottom:0;background-color:#fff;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;box-shadow:0 -1px 0px #e5e5e5;white-space:nowrap;height:60px}
.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}
/* Nav In Center */
.header-nav .nav-center {display:inline-block;width:400px;position:absolute;left:50%;margin-left:-200px}
@media (max-width:767px) {
    .header-nav .nav-center {display:inherit;width:inherit;position:inherit;left:inherit;margin-left:inherit}
}
/* Navbar Nav */
@media (max-width:991px) {
    .header-nav .navbar {min-height:auto;height:auto;padding-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:62px}
    .header-nav .container > .navbar-header, .header-nav .container-fluid > .navbar-header {margin-bottom:-10px}
    .header-nav .navbar-nav {position:relative;width:75%}
    .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:60px;font-size:15px}
    .header-nav .navbar-nav > li > a:hover {background:#f8f8f8}
    .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}
    /* 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:#353535;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:220px;line-height:60px;text-align:left;margin-left:0px;color:#353535;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
    .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:0 !important}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu {width:220px;min-height:400px;border:1px solid #e5e5e5;border-top:0;background:rgba(255, 255, 255, 0.9);padding:10px}
    .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:38px;line-height:38px}
    .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:#FF4848 !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:#FF4848}
    .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:#FF4848}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical.open > .dropdown-menu {display:block;top:0;left:100%;width:381px;height:100%;height:calc(100% + 1px);border:1px solid #e5e5e5;border-top:0;background:#fff}
    .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:190px}
    .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:#FF4400}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical > ul > .dropdown-submenu:hover > a > i {color:#FF4400}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical > ul > .dropdown-submenu > .dropdown-menu {top:0;left:190px;width:190px;height:100%;border:1px solid #e5e5e5;border-top:0;border-bottom:0;margin:0;background:#fff}
    .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}

    /* nav notice */
    .header-nav .nav-notice {float:right;width:25%;height:60px;padding:12px 15px 0 15px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
}
@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}
}
/* Header Nav Fixed */
@media (min-width:992px) {
    #header-fixed .header-nav.header-sticky {width:100%;height:auto;z-index:999;position:relative}
    #header-fixed .header-nav.header-fixed-trans {position:fixed;top:0;left:0}
    #header-fixed .header-nav.header-fixed-trans .navbar {border-top:0}
    #header-fixed .header-nav.header-fixed-trans .navbar-nav > li.nav-category > a {margin-top:0}
    #header-fixed .header-sticky-space.header-fixed-space-trans {clear:both;margin-bottom:60px}
}
@media (max-width:991px) {
    #header-fixed .header-nav, #header-fixed .header-nav.header-fixed-trans {height:inherit;position:relative}
}
/* Boxed Layout Header Nav Fixed */
.boxed-layout#header-fixed .header-nav.header-sticky {left:inherit;width:inherit}

/*---------- Sidebar Nav ----------*/
.sidebar .sidebar-member-menu {display:none}
@media (max-width:991px) {
    .sidebar.left {z-index:1004;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:1003;background:#000;opacity:0.5}
    .sidebar .sidebar-left-content {padding-top:38px;padding-bottom:20px}
    .sidebar .sidebar-left-content.active {position:relative;height:100%;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}
    .sidebar .sidebar-member-menu {position:relative;display:block;padding:20px 15px 20px;background:#fff}
    /* header-title-search */
    .sidebar .sidebar-member-menu .eyoom-form .input > input {height:40px;border:2px solid #4e7869 !important;background:#fff;color:#4e7869}
    .sidebar .sidebar-member-menu .eyoom-form .input > input:focus {border:2px solid #4e7869;box-shadow:0 none}
    .sidebar .sidebar-member-menu .eyoom-form .input > input::-moz-placeholder {color:#4e7869}
    .sidebar .sidebar-member-menu .eyoom-form .input > input:-ms-input-placeholder {color:#4e7869}
    .sidebar .sidebar-member-menu .eyoom-form .input > input::-webkit-input-placeholder {color:#4e7869}
    .sidebar .sidebar-member-menu .eyoom-form .input-button .button {height:36px;line-height:36px;font-size:20px;padding:0 15px;background:none;color:#4e7869;border:0;opacity:1}
    /* 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:700}
    .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:700}
    .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:700}
    .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}
    /* nav-notice */
    .nav-notice {display:none}
}

/*---------- Basic Body ----------*/
.basic-body.ft-padding {padding-bottom:25px}
.basic-body .basic-body-page {position:relative;background:#fff;padding:0 15px}
.basic-body .basic-body-page .category-mobile-area {display:none}
.basic-body .basic-body-page .basic-body-main {background:#fff;padding-left:20px;padding-right:20px;padding-top:25px;padding-bottom:45px}
.basic-body .basic-body-main.left-main {border-right:1px solid #e5e5e5;padding-left:20px;padding-right:20px;padding-bottom:60px}
.basic-body .basic-body-main.right-main {border-left:1px solid #e5e5e5;padding-left:20px;padding-right:20px;padding-bottom:60px}
.basic-body .basic-body-main.page-padding {padding-bottom:25px}
.basic-body .basic-body-main.ft-padding {padding-bottom:25px}
.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.page-padding {padding:0}
    .basic-body .basic-body-page {border:0}
}

/*---------- Footer ----------*/
footer {position:relative;background:#2e353b}
.footer-left {position:relative;padding:30px 30px 50px;margin-bottom:20px;background:#49525d}
.footer-left:before, .footer-left:after {content:"";position:absolute}
.footer-left:before {right:-15px;top:-30px;border-bottom:31px solid #222629;border-left:0 solid transparent;border-right:16px solid transparent}
.footer-left:after {top:-30px;left:0;display:block;width:100%;height:30px;background:#49525d}
.footer-logo {margin-bottom:20px}
.footer-logo h1 {margin:0}
.footer-logo h1 a img {width:auto;max-height:55px}
.footer-customer-center .customer-center-inner {position:relative;margin-bottom:10px}
.footer-customer-center .customer-center-inner h3 {height:70px;margin:0;line-height:30px;font-size:15px;color:#fff}
.footer-customer-center .customer-center-inner h3 span {display:block;font-size:27px;line-height:30px;font-weight:700;letter-spacing:0.05em}
.footer-customer-center .center-time {color:#fff}
.footer-right {padding-left:50px}
.footer-right h3 {margin-bottom:20px;font-size:16px;font-weight:700;color:#fff}
.footer-right .footer-menu li {margin-top:10px}
.footer-right .footer-menu li a {color:#72797e}
.footer-right .footer-menu li a:hover, .footer-right .footer-info a:hover {color:#49525d}
.footer-right .footer-info {margin-bottom:20px}
.footer-right .footer-info, .footer-right .footer-info a {color:#72797e}
.copyright {font-size:12px;color:#72797e}
@media (max-width:991px){
    .footer-left {width:90%;margin:0}
    .footer-right {padding-left:0;margin-bottom:20px}
    .footer-logo h1 a img {max-height:47px;}
    .footer-customer-center .customer-center-inner h3 span {font-size:22px;}
}
@media (max-width:767px){
    .footer-left {width:90%}
}

/*---------- 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:1006;background:#000;opacity:0.5}
.sidebar-shop-member-wrap {position:fixed;top:0;bottom:0;right:0;z-index:1007;height:100%;background:#fff}
.sidebar-shop-member-btn {position:absolute;bottom:50%;left:-42px;width:42px;height:100px;margin-bottom:-42px;background:#4B4B4D;border:0;font-size:20px;color:#fff}
.sidebar-shop-member-btn.mo-btn {display:none}
.sidebar-shop-member-btn i {display:block;width:42px;height:50px;line-height:50px}
.sidebar-shop-member-btn .direction-icon {display:block;width:42px;height:50px;line-height:50px;background:#2B2B2E}
.sidebar-shop-member-btn.active .fa-outdent {display:none}
.sidebar-shop-member-btn.active .direction-icon:before {display:block;width:42px;height:50px;line-height:50px;content:"\f00d";font-family:'Font Awesome\ 5 Free';font-weight:900;background:#000}
.sidebar-shop-member {display:none;overflow-y:auto !important;width:280px;height:100%;padding:15px;-webkit-overflow-scrolling:touch}
.sidebar-shop-member-in {width:250px}
.sidebar-shop-member .shop-member-box {position:relative;margin-bottom:25px}
.sidebar-shop-member .shop-member-box-btn {position:relative;margin-bottom:5px;text-align:left;padding:12px 10px;border-left:5px solid #373738}
.sidebar-shop-member .shop-member-box-btn:last-child {margin-bottom:0}
.sidebar-shop-member .shop-member-box-btn span.badge {top:10px;right:10px}
.sidebar-shop-member .shop-member-box .op-area {display:none;border:1px solid #d5d5d5;margin:5px 0;padding:10px}
.sidebar-shop-member .shop-member-box .op-area h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sidebar-shop-member .shop-member-box .op-area li {border-bottom:1px solid #e5e5e5;position:relative;padding:10px 0;min-height:90px;padding-left:80px}
.sidebar-shop-member .shop-member-box .op-area li .prd-img {position:absolute;top:10px;left:0px;padding:3px;border:1px solid #eaeaea}
.sidebar-shop-member .shop-member-box .op-area li .prd-cost {display:block;font-weight:700;margin:3px 0 0}
.sidebar-shop-member .shop-member-box .op-area .li-empty {padding:20px 0 10px;padding-left:0;color:#959595;border-bottom:0;text-align:center;min-height:inherit}
.sidebar-shop-member .shop-member-box #stv {position:relative}
.sidebar-shop-member .shop-member-box #stv_pg {display:block;;text-align:center;margin:10px 0 0;line-height:20px}
.sidebar-shop-member .shop-member-box .stv-item {display:none;padding:0 9px;word-break:break-all}
.sidebar-shop-member .shop-member-box #up {position:absolute;bottom:10px;left:10px;width:30px;height:20px;overflow:hidden;border:1px solid #c5c5c5}
.sidebar-shop-member .shop-member-box #up span {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sidebar-shop-member .shop-member-box #down {position:absolute;bottom:10px;right:10px;width:30px;height:20px;overflow:hidden;border:1px solid #c5c5c5}
.sidebar-shop-member .shop-member-box #down span {position:absolute;font-size:0;line-height:0;overflow:hidden}
/* 방문기록 */
.latest-watch-goods h5 {margin:0 0 10px;padding:10px 0;border-top:5px solid #4e7869}
@media (max-width:767px) {
    .sidebar-shop-member-btn.pc-btn {display:none}
    .sidebar-shop-member-btn.mo-btn {display:block;z-index:1007}
    .sidebar-shop-member-btn {position:fixed;bottom:15px;left:15px;width:45px;height:45px;line-height:45px;margin-bottom:0;font-size:16px;border-radius:50% !important}
    .sidebar-shop-member-btn i {width:45px;height:45px;line-height:45px}
    .sidebar-shop-member-btn .direction-icon {display:none}
    .sidebar-shop-member-btn.active {background:#000}
    .sidebar-shop-member-btn.active i {display:none}
    .sidebar-shop-member-btn.active:before {content:"\f00d";font-family:'Font Awesome\ 5 Free';font-weight:900}
}

/*---------- Page Title ----------*/
.page-title-wrap {position:relative;background:#fff;border-bottom:1px solid #e5e5e5;padding:20px 0}
.page-title-wrap h2 {margin:0;padding:0;font-size:22px;color:#454545;font-weight:700}
.page-title-wrap .breadcrumb {margin:3px 0 0;padding:0;background:none;font-size:12px;color:#656565}
.page-title-wrap .breadcrumb li {color:#656565}
.page-title-wrap .breadcrumb li a {color:#656565}

/*---------- Sidebar Tab ----------*/
.sidebar-tab {position:relative;margin:0 0 25px}
.sidebar-tab .nav-tabs {background:#f5f5f5;border-bottom:1px solid #e5e5e5}
.sidebar-tab .nav-tabs li {width:50%}
.sidebar-tab .nav-tabs li a {text-align:center;margin-right:0;margin-left:-1px;color:#959595;border:1px solid #e5e5e5;padding:7px 5px;font-size:12px}
.sidebar-tab .nav-tabs li:first-child a {margin-left:0}
.sidebar-tab .nav-tabs li a:hover {background:#fff;border-bottom:1px solid #e5e5e5}
.sidebar-tab .nav-tabs li.active a {z-index:1;background:#fff;font-weight:700;color:#353535;border-bottom:0}
.sidebar-tab .tab-content {position:relative;border:1px solid #e5e5e5;border-top:0;padding:10px;background:#fff}

/* 쇼핑몰 상품 페이지 zoom 사용시 768px이하 에서는 미출력 소스 */
@media (max-width:767px){
    .zoomContainer {display:none !important}
}