/*----------
color : #333333
----------*/

/*---------- 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:transparent; }
.basic-layout {background:transparent; position:fixed;width:100%;}
.boxed-layout {padding:0;box-shadow:0 0 5px #bbb;margin-left:auto !important;margin-right:auto !important;background:transparent;}
@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)}
}






/* 패키지 링크 */
#spk{ width:100%; max-width:1400px; margin:0px auto; position:relative;text-align:center; margin-top:30px;}



#spk .pkg_item { padding:10px 0px;transition-duration: 0.5s; border:2px solid #fff; }

#spk .pk_li{background:#fff;width:50%;  float:left; }
#spk .pk_li0{background:#fff;width:50%;  float:left;}
#spk .pk_li1{background:#fff;width:50%;  float:left; }
#spk .pk_li2{background:#fff;width:50%;  float:left; }




#spk li:after {display:block;visibility:hidden;clear:both;content:""}
#spk .pk_li_wr{position:relative;float:left;width:50%;}
#spk .spk_bn_tit{position:absolute;top:80px;left:80px;width:50%;text-align:left; display:none;}
#spk .bn_name{word-break: keep-all;font-size:36px;font-weight:400;line-height:1.5em;}
#spk .pk_tit {font-size:13px;display:block;width:80px;line-height:25px;margin-bottom:20px;font-weight:normal;text-align:center;border:1px solid #000;border-radius:50px}
#spk .btn_b02{font-size:13px;display:block;width:120px;line-height:40px;margin-top:40px;font-weight:normal;text-align:center;}
#spk .pk_prd {float:left;width:50%;}
#spk .pk_prd:after {display:block;visibility:hidden;clear:both;content:""}
#spk .spk_img {overflow:hidden;display:block;}
#spk .spk_img img{transition: transform .5s; /* Animation */}
#spk li:hover .spk_img img{transform: scale(1.1);}
#spk .pk_prd li{float:left;width:50%;position:relative;overflow:hidden}
#spk .pk_txt_wr {background:#000;background:rgba(0,0,0,0.5);position:absolute;bottom:0;left:0;padding:20px;width:100%;opacity:0;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transform: translateY(80px);
-moz-transform: translateY(80px);
-ms-transform: translateY(80px);
-o-transform: translateY(80px);}
#spk .pk_prd li:hover .pk_txt_wr{opacity:1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);}
#spk .pk_txt_wr a{color:#fff;display:block;margin-bottom:10px;}
#spk .pk_txt_wr .pk_prd_price{color:#fff;font-weight:900}

#spk .pk_li:nth-child( even ) .pk_li_wr{float:right}



#spk .pkg_item:hover { background:#ffffff; border:2px solid #9b7666;   

/*  box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.2);box-shadow: 5px 5px 22px blue, -5px -5px 22px red;*/

}


@media (max-width:991px) {

#spk{ width:100%; }

#spk .pk_li{background:#fff;width:100%;  float:left; }
#spk .pk_li0{background:#fff;width:100%;  float:left;}
#spk .pk_li1{background:#fff;width:100%;  float:left; }
#spk .pk_li2{background:#fff;width:100%;  float:left; }



}








/* 편집 버튼 */
.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:transparent;border-bottom:0px 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 {position:relative;background:#333333;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:transparent}
.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}



 .member-menu > .topbar-right > li {padding:0 7px;line-height:40px;display:inline-block; float:left;}
 .member-menu > .topbar-right > li > a {font-size:12px;color:#555555}
 .member-menu > .topbar-right > li > a:hover {text-decoration:underline}
 .member-menu > .topbar-right > li > a i {color:#b5b5b5}
 .member-menu > .topbar-right > li > a:hover i {color:#555555}
 .member-menu > .topbar-right > li.topbar-add-menu {position:relative}
 .member-menu > .topbar-right > li.topbar-add-menu > ul {left:inherit;right:0;font-size:12px;border:1px solid #e5e5e5;box-shadow:none;margin-top:-1px}
 .member-menu > .topbar-right > li.topbar-add-menu > ul > li > a {color:#555555}
 .member-menu > .topbar-right > li.topbar-add-menu > ul > li > a:hover {color:#000;background:#f5f5f5}
 .member-menu > .topbar-right > li.topbar-add-menu > ul > li.divider {background:#e5e5e5}
 .member-menu > .topbar-right > 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:#333;width:100%;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}

.item-vertical { float:left; width:18%; }
#top_menu_ul { width:100%; position:absolute; margin-top:-1px; z-index:10000000;}
#top_menu_ul > ul  { font-size:0.9em; font-weight:normal;   }
#top_menu_ul > ul > li { border-right:1px solid #efefef; min-height:300px;}
#top_menu_ul > ul > li:first-child { border-left:1px solid #efefef;}


#top_menu_ul > .dropdown-menu { display:block; width:100%; padding:10px 5%; margin:0px;  z-index:10000000;}


#top_menu_ul > .dropdown-menu > .gnb2_1dli > .gnb2_2dl > li { padding-left:10px; }





@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}

	.header-title .header-title-in { padding-top:0px; }
	.header-title .header-title-in .container{ padding-bottom:20px; }



	

    /* Nav */
    .sidebar-left-content .navbar-nav {position:relative;margin:0 0 55px;float:none;border-bottom:1px solid #e5e5e5}
    .sidebar-left-content .navbar-nav > .nav-li-divider {display:none}
    .sidebar-left-content .navbar-nav > .nav-li-space {height:0px;border-bottom:none;border-top:1px solid #e5e5e5;background:transparent}
    .sidebar-left-content .navbar-nav > li {float:none; }
    .sidebar-left-content .navbar-nav > li > a {line-height:42px;padding:0 15px;font-size:13px;color:#000;font-weight:700}
    .sidebar-left-content .navbar-nav > li > a > .nav-cate-icon {width:20px;text-align:center}
    .sidebar-left-content .navbar-nav > li a {border-bottom:none;border-top:1px solid #e5e5e5}
    .sidebar-left-content .navbar-nav > li a:hover {border-top:1px solid #e5e5e5}
    .sidebar-left-content .navbar-nav > li:first-child > a {border-top:1px solid transparent}
    .sidebar-left-content .navbar-nav > .nav-mo-half {float:left;width:50% ;}
    .sidebar-left-content .navbar-nav > .nav-mo-half > a {border-right:1px solid #f2f2f2}
    .sidebar-left-content .navbar-nav > .nav-mo-half.board-right-none > a {border-right:0}

    .sidebar-left-content .navbar-nav > .nav-category { clear:both;  border:0px; background:#f1f1f1; padding:10px;}

	#replace_li { width:100%;  display:block; padding:0px;}
	#replace_li ul { width:100%; display:block; position:relative; margin:0px; background:orange;}
	#replace_li li { width:100%; display:block; padding:0px; margin:0px; }
	#replace_li a { width:100%; display:block; border:0px; }

	#replace_li .dropdown-menu {left:inherit;right:0px;margin:0;border:0;background:#fff; padding:0px; width:100%;z-index:999;box-shadow:0 0px 0px rgba(0, 0, 0, 0.35)}
	#replace_li .dropdown2-menu {left:inherit;right:0px;margin:0;border:0;background:#fff; padding:0px; width:100%;z-index:999;box-shadow:0 0px 0px rgba(0, 0, 0, 0.35)}
	#replace_li .dropdown-toggle { padding:10px; border:0px; border-bottom:1px solid #333;}
	#replace_li .dropdown2-toggle { padding:10px; border:0px; border-bottom:1px solid #333;}
	#nav_category {  }
	#nav_category a { border:0px; }


}
@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;box-sizing:border-box;width:100%; color:#333333;z-index:1001;background:transparent; }
/* logo */
.header-title .header-title-in h1 { float:left;}
.header-title .header-title-in h1 a {display:block;height:50px}
.header-title .header-title-in .title-logo-image {width:auto;height:50px}
.header-title .header-title-in .title-logo-text {font-size:50px;line-height:50px;color:#333333; font-weight:900;}
/* header-title-search */



.header-title .header-title-in .header-title-search { float:left; margin-top:30px; margin-left: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 { float:left; width:140px; height:30px;border:1px solid #ccc !important;background:transparent;color:#333333}
.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:#333333}
.header-title .header-title-in .header-title-search .eyoom-form .input > input:-ms-input-placeholder {color:#333333}
.header-title .header-title-in .header-title-search .eyoom-form .input > input::-webkit-input-placeholder {color:#333333}




.header-title .header-title-in .header-title-search .eyoom-form .input-button .button {position:relative; float:left;height:36px;line-height:36px;font-size:15px;padding:0 15px;background:none;color:#333333;border:0;opacity:1}




/* header-title-banner */
.header-title .header-title-in .header-title-banner {float:right;margin-top:25px;right:15px; z-index:10000000; }
.header-title .header-title-in .header-title-banner .title-banner-icon {margin-left:14px; display:inline-block;}
.header-title .header-title-in .header-title-banner .title-banner-icon a { font-size:1.1em; color:#666;}


.header-title .header-title-in  .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:#df3e35}
.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:#333}
.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:underline}
.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:40px}
    .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  .mobile-nav-trigger { margin-top:20px; margin-left:20px; height:40px; display:block; float:right; font-size:25pt; text-align:right;}




    .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:transparent;
/*border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;box-shadow:0 -1px 0px #e5e5e5;*/white-space:nowrap;}
.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:transparent;white-space:nowrap;}
    .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:40px;font-size:16px; font-weight:500; -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 .navbar-nav > li > a:hover {  

-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.1}
    .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 > .active > a {color:#353535}

	.header-nav .navbar-nav > li > a:hover, 
	.header-nav .navbar-nav > li > a:focus, 
	.header-nav .navbar-nav > .active > a:hover, 
	.header-nav .navbar-nav > .active > a:focus {color:#FF4848}






    .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:10px solid #e5e5e5;padding:10px;margin-top:0 !important;min-width:190px;background:transparent;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:transparent;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;}
    /* 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:160px;line-height:40px;text-align:left;margin-left:0px;color:#353535;}
    .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:100%; border:1px solid red;min-height:400px;border:1px solid #e5e5e5;border-top:0;background:rgba(255, 255, 255, 1);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 { float:left; padding:0px 10px;}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical.open > a {/*color:#FF4848!important;*/ }
    .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!important;*/ }
    .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:transparent;}
    .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; float:left;}
    .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:#333}
    .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical > ul > .dropdown-submenu:hover > a > i {color:#333}
    .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:transparent}
    .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:1000000;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}




#header-fixed { padding-top:30px; z-index:1; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; z-index:1000000; }
#header-fixed-sub { padding-top:0px; z-index:1; background:#ffffff; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; z-index:1000000; }

#quick_link_sub { width:1200px; margin:0px auto; }
#quick_call { width:20%; float:left; margin-top:-20px; text-align:left; }
#quick_site { width:20%; float:right; margin-top:-20px; text-align:left; }
#quick_call_sub { width:20%; float:left; margin-top:-20px; text-align:left; }
#quick_site_sub { width:20%; float:right; margin-top:-20px; text-align:left; }
#quick_link { width:60%; margin:0px auto; }
#quick_link_container { background:#fff; display:block; width:100%; text-align:center; padding:10px; border-top:1px solid #efefef; border-bottom:1px solid #efefef; }
#quick_link_container_sub { clear:both; background:#fff; display:block; width:100%; text-align:center; padding:10px; border-top:1px solid #efefef; border-bottom:1px solid #efefef; }

/*---------- Sidebar Nav ----------*/
.sidebar .sidebar-member-menu {display:none}
@media (max-width:991px) {


#header-fixed { padding-top:0px; z-index:1; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; z-index:1000000; }
#quick_link_container { background:#fff; display:block; width:100%; text-align:center;  padding:0px; }
#quick_link_container_sub { background:#fff; display:block; width:100%; text-align:center;  padding:0px; padding-bottom:10px;  border-bottom:1px solid #efefef; }

	#quick_link_sub { clear:both; display:block; background:; width:100%; margin:0px auto; }
	#quick_link { width:100%; margin:0px auto; padding-top:10px; padding-bottom:10px;border-bottom:1px solid #efefef; }
	#quick_link span { display:inline-block; }
	#quick_call { clear:both; width:50%; float:left; margin-top:0px; text-align:center; background:; padding-top:10px; padding-bottom:10px;background:#ffffff; border-bottom:1px solid #efefef; }
	#quick_site { width:50%; float:left; margin-top:0px; text-align:center; background:; padding-top:10px; padding-bottom:10px;background:#ffffff; border-bottom:1px solid #efefef; }
	#quick_call_sub { width:50%; float:left; margin-top:0px; text-align:center; background:; padding-top:10px; padding-bottom:10px; background:#ffffff;  border-bottom:1px solid #efefef; }
	#quick_site_sub { width:50%; float:left; margin-top:0px; text-align:center; background:; padding-top:10px;padding-bottom:10px; background:#ffffff; border-bottom:1px solid #efefef;  }


    .sidebar  {z-index:1004;display:none;position:fixed;top:0;left:0;bottom:0;width:280px;background:#ffffff}
    .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:transparent}
    /* header-title-search */
    .sidebar .sidebar-member-menu .eyoom-form .input > input {height:40px;border:2px solid #333333 !important;background:transparent;color:#333333}
    .sidebar .sidebar-member-menu .eyoom-form .input > input:focus {border:2px solid #333333;box-shadow:0 none}
    .sidebar .sidebar-member-menu .eyoom-form .input > input::-moz-placeholder {color:#333333}
    .sidebar .sidebar-member-menu .eyoom-form .input > input:-ms-input-placeholder {color:#333333}
    .sidebar .sidebar-member-menu .eyoom-form .input > input::-webkit-input-placeholder {color:#333333}
    .sidebar .sidebar-member-menu .eyoom-form .input-button .button {height:36px;line-height:36px;font-size:20px;padding:0 15px;background:none;color:#333333;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:transparent}
    .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:0px;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:transparent;padding:0 15px}
.basic-body .basic-body-page .category-mobile-area {display:none}
.basic-body .basic-body-page .basic-body-main { clear:both; background:transparent;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){
#replace_li { display:none; }
    .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:#fff; border-top:1px solid #efefef;}
.footer-left {position:relative;padding:30px 30px 50px;margin-bottom:20px;background:#fff}
.footer-left:before, .footer-left:after {content:"";position:absolute}
.footer-logo {margin-bottom:20px}
.footer-logo h1 {margin:0}
.footer-logo h1 a img {width:auto;max-height:50px}
.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:#333}
.footer-customer-center .customer-center-inner h3 span {display:block;font-size:30px;line-height:30px;font-weight:700;letter-spacing:0.05em}
.footer-customer-center .center-time {color:#333}
.footer-right {padding-left:50px}
.footer-right h3 {margin-bottom:20px;font-size:16px;font-weight:700;color:#333}
.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:#333333}
.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}
}
@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:999999;background:#000;opacity:0.5}
.sidebar-shop-member-wrap {position:fixed;top:0;bottom:0;right:0;z-index:1007;height:100%;background:#fff; z-index:1000000;}
.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 #333333}
@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:transparent;border-bottom:1px solid #efefef;padding:20px 0; width:100%; float:left; margin-top:180px; margin-bottom:30px; }
.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:transparent;border-bottom:1px solid #e5e5e5}
.sidebar-tab .nav-tabs li.active a {z-index:1;background:transparent;font-weight:700;color:#353535;border-bottom:0}
.sidebar-tab .tab-content {position:relative;border:1px solid #e5e5e5;border-top:0;padding:10px;background:transparent}

/* 쇼핑몰 상품 페이지 zoom 사용시 768px이하 에서는 미출력 소스 */
@media (max-width:767px){
    .zoomContainer {display:none !important}
.pk_prd > a {   background:#fff;width:100%;  float:left; }
.pk_prd > .pkg_item { width:100%; }

#spk .pk_prd li { width:100%; }
}


@media (max-width:400px){




}