/*----------
color : #561F7D / #AFCF25 / #fd8f52
----------*/

/* font */
body, h1, h2, h3, h4, h5, h6 {font-family: 'Pretendard'}

/* common */
body.modal-open {padding:0 !important}
h1, h2, h3, h4, h5, h6 {word-break:keep-all}
p, li {font-size:14px;word-break:keep-all}
ul, ol {margin-bottom:0}

/* 버튼 스타일 */


/*---------- Wrapper & Basic Layout & Boxed Layout ----------*/
.wrapper {position:relative;overflow:hidden;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)}
}
@media (max-width:991px){
	.wrapper {padding-bottom:43px}
  
    .slider-navigation button svg {
        width: 30px !important;
        height: 30px !important;
    }
}

/* 편집 버튼 */
.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:99;width:100%;background:#fff}
.header-topbar ul {margin:0}
/* topbar left */
.header-topbar .topbar-left {float:left}
.header-topbar .topbar-left .left-menu > li {line-height:40px;float:left}
.header-topbar .topbar-left .left-menu > li > a {display:block;position:relative;width:100%;line-height:40px;padding:0 10px;font-size:12px;color:#555555}
.header-topbar .topbar-left .left-menu > li > a:before {content:"";display:block;position:absolute;right:0;top:15px;width:1px;height:10px;background:#ddd}
.header-topbar .topbar-left .left-menu > li:last-child > a:before {display:none}
.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 {color:#AFCF25}

/* topbar right */
.header-topbar .topbar-right {float:right}
.header-topbar .topbar-right .right-menu > li {float:left}
.header-topbar .topbar-right .right-menu > li:last-child > a:before {display:none}
.header-topbar .topbar-right .right-menu > li.topbar-add-menu {position:relative}
.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:767px) {
}

/*---------- Header Title - 로고 ----------*/
.header-title {position:relative}
/* logo */
.header-title h1 {margin:10px 0;text-align:center}
.header-title h1 a {display:inline-block}
.header-title .title-logo-image {width:auto;max-height:90px;}
.header-title .title-logo-text {font-size:30px;line-height:40px;color:#fff}
@media (max-width:991px) {
	.header-title h1 {margin:10px 0 15px}
/*	.header-title .title-logo-image {max-height:30px}*/
	.header-title .title-logo-text {line-height:30px}
}

/* Header Nav Fixed - 메인메뉴 고정 */
@media (min-width:992px) {
    #header-fixed .header-nav.header-sticky {width:100%;height:auto;z-index:90;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:768px) {
    .header-nav.header-sticky {position:fixed;top:100%;left:0;bottom:0;width:100%;overflow-y:scroll;z-index:99;transition:.3s ease}
    .header-nav.header-sticky.active {top:0}
}
/* Boxed Layout Header Nav Fixed */
.boxed-layout#header-fixed .header-nav.header-sticky {left:inherit;width:inherit}

/*---------- Header Nav - 메인메뉴 ----------*/
.header-nav {position:relative}
.header-nav .nav > li > a:hover, .header-nav .nav > li > a:focus {background:inherit}
/* pc 메뉴 */
@media (min-width:992px) {
    .header-nav .container > .navbar-header, .header-nav .container-fluid > .navbar-header {margin-bottom:-10px}
    /* .header-nav .navbar-nav > .custom_nav:after {content:"";display:block;position:absolute;top:25px;left:0;width:1px;height:10px;background:#ddd} */

    /* Dropdown Menu */
    .header-nav .dropdown {position:static}
    .header-nav .dropdown-menu {border:1px solid #e5e5e5;padding:0;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:static}
    .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:-1px;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 > .dropdown-menu > .item-vertical > ul > .dropdown-submenu > .dropdown-menu{
        width: 100% !important;
    }
    .header-nav .dropdown-menu {
        min-width: auto !important;
    }
    
    /* Category Nav List - 1차 메뉴 */
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu {width:220px;border:1px solid #561F7D;background:#fff;padding:0}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu:before {display:none}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu li.dropdown > a:after {position:absolute;top:0px;right:10px;font-size:11px;color:#bbb;display:inline-block;font-weight:900}

    /* 2차 메뉴 */
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical.open > .dropdown-menu {display:block;top:-1px;left:100%;height:100%;height:calc(100% + 2px);border:1px solid #561F7D;border-left:0 none;background:#f8f8f8}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical.open > .dropdown-menu.yc-menu {width:190px}
    .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}
    /* 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:#561F7D;background:#eee}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical > ul > .dropdown-submenu:hover > a > i {color:#eee}
    .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-left:0 none;margin:0;}
    .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}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical > ul > .dropdown-submenu > ul > li > a:hover {color:#561F7D}

    /* 4th Level Menu */
.header-nav .navbar-nav > li.nav-category 
    > .dropdown-menu 
    > .item-vertical 
    > ul 
    > .dropdown-submenu 
    > .dropdown-menu 
    > li.dropdown-submenu 
    > .dropdown-menu {
    top: 0;
    left: 190px; /* Keep same as previous level */
    width: 190px;
    height: 100%;
    border-left: 0;
    margin: 0;
    /* background: #f8f8f8; */
}

.header-nav .navbar-nav > li.nav-category 
    > .dropdown-menu 
    > .item-vertical 
    > ul 
    > .dropdown-submenu 
    > .dropdown-menu 
    > li.dropdown-submenu 
    > .dropdown-menu:before {display:none}

/* Hover effect for 4th level links */
.header-nav .navbar-nav > li.nav-category 
    > .dropdown-menu 
    > .item-vertical 
    > ul 
    > .dropdown-submenu 
    > .dropdown-menu 
    > li.dropdown-submenu:hover > a {
    color: #561F7D;
    background: #eee;
}

/* 5th Level Menu */
.header-nav .navbar-nav > li.nav-category 
    > .dropdown-menu 
    > .item-vertical 
    > ul 
    > .dropdown-submenu 
    > .dropdown-menu 
    > li.dropdown-submenu 
    > .dropdown-menu 
    > li.dropdown-submenu 
    > .dropdown-menu {
    top: -2px;
    left: 185px;
    width: 190px;
    height: 100%;
    border-left: 0;
    margin: 0;
    /* background: #f0f0f0; */
}

.header-nav .navbar-nav > li.nav-category 
    > .dropdown-menu 
    > .item-vertical 
    > ul 
    > .dropdown-submenu 
    > .dropdown-menu 
    > li.dropdown-submenu 
    > .dropdown-menu 
    > li.dropdown-submenu 
    > .dropdown-menu:before {display:none}

/* Hover effect for 5th level links */
.header-nav .navbar-nav > li.nav-category 
    > .dropdown-menu 
    > .item-vertical 
    > ul 
    > .dropdown-submenu 
    > .dropdown-menu 
    > li.dropdown-submenu 
    > .dropdown-menu 
    > li.dropdown-submenu:hover > a {
    color: #561F7D;
    background: #eee;
}

/* 6th Level Menu */
.header-nav .navbar-nav > li.nav-category 
    > .dropdown-menu 
    > .item-vertical 
    > ul 
    > .dropdown-submenu 
    > .dropdown-menu 
    > li.dropdown-submenu 
    > .dropdown-menu 
    > li.dropdown-submenu 
    > .dropdown-menu 
    > li.dropdown-submenu 
    > .dropdown-menu {
    top: -2px;
    left: 185px;
    width: 190px;
    height: 100%;
    border-left: 0;
    margin: 0;
    /* background: #f8f8f8; */
}

.header-nav .navbar-nav > li.nav-category 
    > .dropdown-menu 
    > .item-vertical 
    > ul 
    > .dropdown-submenu 
    > .dropdown-menu 
    > li.dropdown-submenu 
    > .dropdown-menu 
    > li.dropdown-submenu 
    > .dropdown-menu 
    > li.dropdown-submenu 
    > .dropdown-menu:before {display:none}

/* Hover effect for 6th level links */
.header-nav .navbar-nav > li.nav-category 
    > .dropdown-menu 
    > .item-vertical 
    > ul 
    > .dropdown-submenu 
    > .dropdown-menu 
    > li.dropdown-submenu 
    > .dropdown-menu 
    > li.dropdown-submenu 
    > .dropdown-menu 
    > li.dropdown-submenu:hover > a {
    color: #561F7D;
    background: #eee;
}
    ul.dropdown-menu.submenu-four {min-height: 376px;border-left: 0 !important;top: -1px !important;border-bottom-left-radius: 0 !important;border-top-left-radius: 0 !important;}
    ul.dropdown-menu.submenu-four::before{display: none;}
    ul.dropdown-menu li a{white-space: normal;word-break: break-all;}
}
@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}
}

/* 모바일 메뉴 */
@media (max-width:768px) {
    .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}
    /* 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.board-right-none > a {border-right:0}
    /* Category Nav */


    .nav-gnb .row{
        margin-right: 0!important;
        margin-left: 0!important;
    }
    .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}
    /* 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 i:before{ display: none;}
    .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 right - 검색창 */
.header-nav .nav-right {float:right;width:32%;height:60px;padding:15px 15px 0 15px}
.header-nav .nav-right .nav-search {float:left;}
.header-nav .nav-right .nav-search form .input {width:210px;overflow:hidden;border-radius:15px !important}
.header-nav .nav-right .nav-search form .input input[type="text"] {background:#eee;border:0 none !important}
.header-nav .nav-right .nav-search form .input .button {padding:0 15px;background:#eee;border:0 none}
.header-nav .nav-right .nav-cart {float:right}
.header-nav .nav-right .nav-cart a {position:relative;display:block;line-height:30px;font-size:26px;color:#561F7D;transition:.3s ease}
.header-nav .nav-right .nav-cart a:hover {color:#AFCF25}
.header-nav .nav-right .nav-cart a span {position:absolute;top:-3px;right:-9px}
@media (min-width:1200px) {
	.header-nav .nav-right {width:27%}
}
@media (max-width:991px) {
    .header-nav .nav-right {float:none;width:100%;background:#fff;border-top:1px solid #ddd}
	.header-nav .nav-right .nav-search {float:none}
    .header-nav .nav-right .nav-search form .input {width:100%}
    .header-nav .nav-right .nav-cart {display:none}
}

/* 모바일 고정 메뉴 - 하단 */
.mo-fix-navi {display:none}
@media (max-width:991px){
	.mo-fix-navi {display:block;position:fixed;bottom:0;left:0;z-index:999;width:100%;border-top:1px solid #ddd;background:#fff}	    
	.mo-fix-navi ul {display:flex;justify-content:center}	    
	.mo-fix-navi ul li {width:25%;text-align:center}	    
	.mo-fix-navi ul li a {display:block;position:relative;height:43px;padding:5px}	    
	.mo-fix-navi ul li a i {line-height:15px;font-size:15px}	    
	.mo-fix-navi ul li a em {position:absolute;top:2px;left:54%;display:block;width:13px;height:13px;line-height:13px;text-align:center;font-size:8px;color:#fff;background:#fd8f52;border-radius:50% !important}
	.mo-fix-navi ul li.active a i, .mo-fix-navi ul li.active a span {color:#561F7D}
    .mid-visible-enforcer {display:none}
}
@media (max-width:768px){
    .mid-visible-enforcer {display:block}
    .navbar.mobile{position: relative;}
    .menu-mobile {
        display: block;
        z-index: 999;
        position: relative;
        margin-right: -32px;
        background: #fff;
        padding-left: 16px;
        margin-left: -16px;
        padding-right: 17px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .menu-mobile ul{display: flex;align-items: flex-start;gap: 8px;flex-wrap: nowrap;overflow-x: auto;padding-bottom: 15px;}

    .menu-mobile ul li a {
    border: 1px solid #E5EAF4;
    border-radius: 100px;
    background: #fff;
    font-weight: 500;
    font-size: 14px;
    padding: 10px 16px; /* Optional: add horizontal padding */
    text-align: center;
    color: #606878;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
}
    .menu-mobile ul li.active a{color: #17191E;border-color: #606878;background: #F8F9FC;}
    :has(.menu-mobile[style="display: block;"]) .page-title-wrap{margin-top: 85px;}
    .sidebar-wrap .sidebar-admset-trigger {top: 46px !important;width: 28px !important;height: 28px !important;line-height: 29px !important;font-size: 13px !important;}
}


/*---------- Sidebar Member ----------*/
.fix-navi {position:fixed;right:47px;top:50%;transform:translateY(-50%);z-index:999}
.fix-navi-box a.gototop {display:block;margin-top:10px;padding-top:5px;text-align:center;font-size:11px;font-weight:700;border-top:1px solid #ddd}
.fix-navi-box a.gototop:hover {color:#561F7D}
@media (max-width:991px){
	.fix-navi {display:none}
}

/*---------- Page Title ----------*/


.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}
}
/*---------- last menu item----------*/

ul.dropdown-menu.customlast {
    width: 15% !important;
}

.banner-slider-pagination {
    display: flex;
    flex-direction: row;
    gap: 8px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    justify-content: center;
    align-items: center;
    bottom: 8.25px;
    /* z-index: 9999; */
}

.banner-slider-pagination span {
    background: rgb(221 221 221 / 20%);
    color: #000;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    opacity: 1;  
    cursor: pointer;
}

.banner-slider-pagination span.active-banner {
    color: #fff;
    background: #A445DE;
}

.slider-navigation{
    width: 100%;
    pointer-events: none;
    display: inline-block;
    position: absolute;
    top: 42%;
}

.prev-slide {
    float: left;
    pointer-events: auto;
    color: #000;
}

.next-slide {
    float: right; 
    color: #000;
    pointer-events: auto;
}