/*--------------------------------------
    eyoom (이윰빌더)
--------------------------------------*/
/* font */
.dm{font-family: 'DM Sans', sans-serif;}
.no{font-family: 'Noto Sans KR', sans-serif;}
body, h1, h2, h3, h4, h5, h6 {font-family: 'Noto Sans KR', sans-serif}


/* common */
.clear-after:after {content:"";display:block;clear:both}
h1, h2, h3, h4, h5, h6 {word-break:keep-all}
p, li {font-size:13px;word-break:keep-all;color:#707070}
ul, ol {margin-bottom:0}


.btn-edit-admin {position:fixed;top:230px;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}


.wrapper {position:relative}
.container {max-width:1310px;width:100%}
.header .container {max-width:1800px !important;width:100%;}
.header .header-inner{position:fixed;top:0;left:0;width: 100%;}
.header .header-inner .container{display:flex;align-items: center;justify-content: space-between;height:90px;}
.section-08 .container {max-width:1800px; width:100%;}
.footer .container {max-width:1800px; width:100%;}
.section{padding:100px 0;}
.section-0{padding:0;}
.section-05{padding:100px 0 150px;}


@media (max-width:1400px){
	.container {width:100%;}
	.header-inner{padding:0;}
}


.header-top-bar {padding:0 30px;background:#353535;}
.topbar-left {float:left;width:40%}
.topbar-left .theme-link {display:flex;justify-content:flex-start}
.topbar-left .theme-link li {width:50%;text-align:center;}
.topbar-left .theme-link li a {display:block;padding:0 20px;line-height:35px;font-size:15px;color:#fff;transition:all .3s ease;background:#7a7575;border-top-left-radius:5px !important;border-top-right-radius:5px !important;margin-right:3px;}

.topbar-left .theme-link li a:hover {color:#fff;background:#446D96}
.topbar-left .theme-link li.active a {background:#ffffff;color:#0b2a4a;}

.topbar-center {float:left;width:50%}
.topbar-center .goods-list {display:flex;justify-content:center;width:100%}
.topbar-center .goods-list li a {display:block;padding:0 10px;line-height:35px;font-size:11px;color:#999;border-right:1px solid #4C4C4C;transition:all .3s ease}
.topbar-center .goods-list li:first-child a {border-left:1px solid #4C4C4C}
.topbar-center .goods-list li a:hover {color:#bbb;background:#2b2b2b}

.topbar-right {float:right;width:50%}
.topbar-right .login-list {display:flex;justify-content:flex-end}
.topbar-right .login-list li a {display:block;padding:0 10px;line-height:35px;font-size:12px;color:#fff;transition:all .3s ease}

.topbar-right .login-list li a:hover {color:#fff;}


@media (max-width:991px){
    .header-top-bar {padding:0 15px;padding-top:5px;}
    .topbar-left {width:45%}
    .topbar-right {width:55%}
    .topbar-center {display:none}
	.topbar-left .theme-link li a {font-size:13px;}
}
@media (max-width:767px){
    .topbar-left .theme-link li a, .topbar-right .login-list li a {padding:0 8px;font-size:11px}
	.topbar-left .theme-link li.active a {background:#446D96;color:#fff;}
	.topbar-left{position:fixed;bottom:0;width:100%;margin-left:0;z-index:9996;left:0;}
	.topbar-left .theme-link li a{border-radius:0 !important;margin-right:0;}
	.topbar-right{width:100%}
	.header-top-bar{padding:0;}
	.section{padding:30px 0;}
	.section-0 {padding: 0;}
}


.header-inner {z-index:999;position:relative;padding:0 30px;background:rgb(255 255 255);}
.header-nav .sidebar-left-content .navbar-nav .dropdown-menu img{display:none;}


@media (max-width:1400px){
	.header-inner{padding:0;}
	.login-list li:first-child{margin-left:0;}

	#header-fixed .header-fixed-trans .shop-search-wrap{top: 86px;}
	#header-fixed .header-sticky-space.header-fixed-space-trans {clear:both;margin-bottom:90px}
}


.header-left {}
.logo-header h1 {margin:0;}
.logo-header h1 a{display:block;}
.logo-header h1 a span {line-height:50px;font-size:26px}
.logo-header h1 a img {max-height:50px;width:auto;vertical-align:middle;}
.log_menu_mo{display:none;}
.header-center {position:relative;width: 100%;}


@media (min-width: 1261px) {
    .header-nav .sidebar-left-content h5 {display:none}
    .header-nav .sidebar-left-content .navbar-nav {display:flex;justify-content:center;width: 100%;text-align: center;}
    .header-nav .sidebar-left-content .navbar-nav > li {padding: 0 40px;}
    .header-nav .sidebar-left-content .navbar-nav > li > a {padding:0;font-size: 18px;font-weight:600;color: #111;line-height:90px;text-transform: uppercase;letter-spacing:0.01em}
    .header-nav .sidebar-left-content .navbar-nav > li > a:hover, .header-nav .sidebar-left-content .navbar-nav > li > a:focus, .header-nav .sidebar-left-content .navbar-nav > li.open > a{color:#1b1b1b;background:none}
    .header-nav .sidebar-left-content .navbar-nav > li > a:after{content:''; position:absolute; left:50%; right:50%; bottom:0; height:3px; background:#000; transition:all .3s ease}
    .header-nav .sidebar-left-content .navbar-nav > li > a:hover:after, .header-nav .sidebar-left-content .navbar-nav > li.open > a:after{left:0; right:0;}
  	.header-nav .sidebar-left-content .navbar-nav .dropdown-menu{box-shadow:0 12px 15px 0px rgb(0 0 0 / 5%);left:0;right:0;width:100%;margin:0;padding:30px 0;border:0;border-top: 1px solid #ebebeb;position:fixed;top:90px;height:260px;}
    .header-nav .sidebar-left-content .navbar-nav .dropdown-menu ul{width:100%;max-width:700px;margin:0 auto;}
	.header-nav .sidebar-left-content .navbar-nav .dropdown-menu img{position:absolute;top:10%;left:50%;display:block;}
	.header-nav .sidebar-left-content .navbar-nav .dropdown-menu .dropdown-submenu a{display:block;font-size:16px;color:#111;font-weight:400;padding-bottom:10px;} 

	.header-nav .sidebar-left-content .navbar-nav > li > ul {box-shadow:0 12px 15px 0px rgb(0 0 0 / 5%);left:0;right:0;width:100%;margin:0;padding:60px 0;border:0;border-top:1px solid #ebebeb;position:fixed;top:90px;}
    .header-nav .sidebar-left-content .navbar-nav > li > ul > li {position:relative}
    .header-nav .sidebar-left-content .navbar-nav > li > ul > li > a {padding: 15px;border-bottom:1px solid #ddd}
    .header-nav .sidebar-left-content .navbar-nav > li > ul > li:last-child > a {border:0 none}
    .header-nav .sidebar-left-content .navbar-nav > li > ul > li > a:hover {color:#446D96}
    .header-nav .sidebar-left-content .navbar-nav > li > ul > li > a .sub-caret {position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#909090}
    .header-nav .sidebar-left-content .navbar-nav > li > ul > li > ul {top:5px;left:100%;padding:0 0 0 20px;margin:0 0 0 -30px}
    .header-nav .sidebar-left-content .navbar-nav > li > ul > li > ul:after {content:"\f111";font-family:'Font Awesome\ 5 Free';font-weight:900;color:#909090;position:absolute;top:8px;left:5px}
    .header-nav .sidebar-left-content .navbar-nav > li > ul > li > ul > li > a {padding:10px}
    .header-nav .sidebar-left-content .navbar-nav > li > ul > li > ul > li:last-child > a {border-bottom:0 none}
    .header-nav .sidebar-left-content .navbar-nav > li > ul > li > ul > li > a:hover {background:none;color:#446D96}

    .header-nav .goods-list {display:none}
}
@media (min-width: 992px) {
	#header-fixed .header-fixed-trans{border-bottom:1px solid #ebebeb;}
}

.btn-mobile {display:none}
.mo_name {display:none;}
.mo_nav_top {display:none;}


@media (max-width: 1260px) {
	.header .header-inner .container{height:60px;} 
	.logo-header h1 a img{max-height:35px;}

    .sidebar.left {z-index:999;display:none;position:fixed;top:0;left:0;bottom:0;width:320px;background:rgba(255,255,255, 0.9)}
    .sidebar-left-mask {display:none}
    .sidebar-left-mask.active {display:block;position:fixed;top:0;bottom:0;left:0;right:0;z-index:998;background:#000;opacity:0.5}
    .sidebar .sidebar-left-content.active {position:relative;height:100%;width:100%;box-shadow:3px 0px 20px 9px rgb(0 0 0 / 15%);overflow-y:auto;-webkit-overflow-scrolling:touch;background:#Fff;}
    .header-nav .sidebar-left-content h5 {margin:0;padding:15px 20px;background:#242121;color:#fff}
    .header-nav .sidebar-left-content .navbar-nav {position:relative;margin:0;float:none}
    .header-nav .sidebar-left-content .navbar-nav > .nav-li-space {height:44px;border-bottom:none;border-top:1px solid #e5e5e5;background:#f2f2f2}
    .header-nav .sidebar-left-content .navbar-nav > li {float:none}
    .header-nav .sidebar-left-content .navbar-nav > li > a {font-size:16px;padding:15px 30px;color:#222;}
    .header-nav .sidebar-left-content .navbar-nav > li a {border-bottom: 1px solid #eeeeee;font-family: 'DM Sans', sans-serif;font-weight: 500;}
    .header-nav .sidebar-left-content .navbar-nav > li > .cate-dropdown-open {position:absolute;top:15px;right:30px;margin:0;padding:0;text-align:center;border:0 none;/* border-left:1px solid #DADADA; */z-index:9}
    .header-nav .sidebar-left-content .navbar-nav > li > .cate-dropdown-open:before {content:"\e145";font-family:'Material Icons';font-size:15px;color:#111}
    .header-nav .sidebar-left-content .navbar-nav > li > .cate-dropdown-open:hover {border-top:0}
    .header-nav .sidebar-left-content .navbar-nav > li.open > .cate-dropdown-open:before{content:"\e15b";font-family:'Material Icons';font-size:15px;color:#111}
    .header-nav .sidebar-left-content .navbar-nav .open .dropdown-menu {border:0;float:none;width:auto;margin:0;padding:0 20px;position:static;box-shadow:none;background:#f6f3ee}
    .header-nav .sidebar-left-content .navbar-nav .open .dropdown-menu ul{margin:0;padding:20px 0;}
	.header-nav .sidebar-left-content .navbar-nav .open .dropdown-menu > li > a {color:#555;line-height:26px}
    .header-nav .sidebar-left-content .navbar-nav .open .dropdown-menu > li:first-child > a {border-top:0 none}
    .header-nav .sidebar-left-content .navbar-nav .open .dropdown-menu > li > a, .header-nav .sidebar-left-content .navbar-nav .open .dropdown-menu .dropdown-header {padding:5px 15px 5px 25px}
    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {color:#fff;background:#909090}
    .header-nav .sidebar-left-content .navbar-nav > .open > a, .header-nav .sidebar-left-content .navbar-nav > .open > a:hover, .header-nav .sidebar-left-content .navbar-nav > .open > a:focus {color:#000;background:inherit}
    .header-nav .sidebar-left-content .navbar-nav > .active > a, .header-nav .sidebar-left-content .navbar-nav > .active > a:hover, .header-nav .sidebar-left-content .navbar-nav > .active > a:focus {color:#000;background:inherit}
	.header-nav .sidebar-left-content .navbar-nav .dropdown .dropdown-submenu > a{font-size:15px;color:#222;font-weight:300;display:block;border:0;padding-bottom:20px;padding-left:25px;}
    .header-nav .sidebar-left-content .navbar-nav .dropdown .dropdown-submenu:last-child > a{padding-bottom:0;}
	.header-nav .sidebar-left-content .navbar-nav .open .dropdown-menu .dropdown-menu > li > a {color:#555;line-height:22px;border-top:0 none;padding:5px 15px 5px 30px}
    .header-nav .sidebar-left-content .navbar-nav .dropdown-submenu > .dropdown-menu {display:block}
    .header-nav .sidebar-left-content .navbar-nav .dropdown-menu .dropdown-submenu.active > a, .header-nav .sidebar-left-content .navbar-nav .dropdown-menu .dropdown-submenu.active > a:hover{color:#6c578b;font-weight:400;}

    .nav>li>a:hover, .nav>li>a:focus {background:none}
    .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {border-color:#dadada}
	.log_menu_mo{list-style: none;padding:30px;display:block;}
	.log_menu_mo li a{display:block;padding-bottom:20px;font-size:15px;color:#666;font-weight:400;}
	.log_menu_mo li:last-child a{padding-bottom:0;}
	
    .header-nav .goods-list h5 {margin:0;padding:15px 20px;background:#242121;color:#fff}
    .header-nav .goods-list ul li a {display:block;padding:10px 15px;border-bottom:1px solid #DADADA;color:#555}
    .header-nav .goods-list ul li a:hover {color:#1b1b1b}
	.header-right .btn-more {}
	.header-right .btn-more a span{font-size:28px;}
    .shop-search, .btn-mobile {margin-left:5px}
    .btn-mobile {display:block}
	.mo_name {display:block;background: #333;list-style: none;padding: 15px 20px;}
	.mo_name li {color:#fff;font-family:'DM Sans', sans-serif;font-weight:700;font-size:15px;}
	
	.mo_nav_top{display:block;display:flex;align-items: center;justify-content: space-between;padding:15px 20px;}
	.mo_nav_top img{max-height:35px;}
}


.header-right {display:flex;justify-content:flex-end;}
.login-list{display:flex;align-items:center;}
.login-list li{margin-left:20px;font-size:14px;color: #222 !important;font-weight: 600;}
.login-list li a{display:block;font-size:15px;color:#111;font-weight:500;}
.login-list li a span{font-size:21px;color:#111;vertical-align:middle;}
.shop-icon-menu {position:relative}
.shop-icon-menu-wrap {left:inherit;right:20px;width:160px;margin:-1px 0 0;padding:0;border:0 none}
.shop-icon-menu-wrap:after {content:"";position:absolute;right:0;top:-15px;border-top:15px solid transparent;border-left:15px solid transparent;border-right:15px solid #ddd}
.shop-icon-menu-wrap h5 {padding:10px;margin:0;background:#ddd;font-size:13px;font-weight:700;text-align:center}
.shop-icon-list li {float:left;margin-left: 2rem;}
.shop-icon-list li a {display:block;width:100%;}

.shop-icon-list li a i {display:block;text-align:center;line-height: 90px;margin: 0 auto 0;font-size:20px; border-radius:50% !important}

.shop-search {margin-left:20px;}
.shop-search-wrap {left: 0;right: 0;width: 100%;margin:-1px 0 0;padding: 70px 0;border:0 none;position: fixed;top: 91px;background:#fff;box-shadow:0 12px 15px 0px rgb(0 0 0 / 5%);border-top:1px solid #ebebeb;}
.header-sticky.header-fixed-trans{}
.header-sticky.header-fixed-trans .shop-search-wrap{}
.shop-search-wrap .sch{height: 50px !important;padding: 15px 10px !important;font-size: 17px !important;}
.shop-search-wrap h5 {padding:10px;margin:0;background:#ddd;font-size:13px;font-weight:700;text-align:center}
.shop-search form {width: 35%;margin: 0 auto;}
.shop-search form .input input[type="text"], .shop-search form .input input[type="text"]:focus {border-width:0 0 1px !important;border-color: #000000 !important;background: none;}
.shop-search form .input .button {border:0 none;background:none;font-size: 22px;top: 10px;color: #111;}

.header-right .btn-more {}
.header-right .btn-more a{display:block;}
.header-right .btn-more a span{vertical-align:middle;}


@media (max-width: 1260px) {
	.login-list{display:none;}
	.shop-icon-list{display:none;}
}


/* footer */
.on{padding:0}

.footer{background:#f5f5f5 !important;}
.footer-inner{padding:40px 0;}

.footer-logo{position:relative;}
.footer-logo h1{margin:0}
.footer-logo h1 a span{line-height:50px;font-size:24px;font-weight:700;color:#eee}
.footer-logo h1 a img{max-height:50px;width:auto}

.footer-top{padding:20px 0;}
.footer-top ul{display:flex;flex-wrap:wrap;gap:5px 20px;}
.footer-top ul li a{font-size:15px;color:#111;font-weight:400;opacity:0.8;transition:all 0.3s ease;}
.footer-top ul li a:hover{color:#111;opacity:1;text-decoration:underline;}

.footer-info span{line-height:1.8;margin-right:15px;}
.footer-info span.info-divider{position:relative;}
.footer-info span.info-divider:before{content:"";position:absolute;top:50%;right:-10px;transform:translateY(-50%);width:1px;height:60%;background:rgb(0 0 0 / 15%);}
.footer-info{position:relative;font-size:14px;color:#666;letter-spacing:-0.04em;}
.footer-info a{color:#666;transition:all 0.3s ease;}
.footer-info a:hover{color:#111;}

.cs-phone{font-size:30px;font-weight:600;color:#111;line-height:1;text-align:right;letter-spacing:0.01em;}
.cs-phone h3{font-size:16px;font-weight:500;margin-bottom:5px;color:#333;}

.cs-info{text-align:right;font-size:15px;letter-spacing:-0.04em;font-weight:500;color:#545454;}
.cs-text{text-align:right;font-size:15px;letter-spacing:-0.04em;color:#666;line-height:140%;}

.copyright{padding-top:10px;color:#666;}

.floaright{float:right;}

.back-to-top{background:#111;width:60px;height:60px;line-height:60px;font-family:'Noto Sans KR', sans-serif;font-size:15px;font-weight:500;}
.back-to-top:hover{background:#81268a;border-color:#81268a;}


@media (max-width: 1260px) {
	.footer-logo h1 a img{max-height:35px;}
}
@media (max-width:991px){
	.footer-top ul li a{font-size:14px;}

	.cs-phone{font-size:21px;text-align:left;margin-bottom:20px;}
	.cs-phone h3{font-size:15px;}
	.floaright{float:none;}
}

@media (max-width: 767px) {
	.login-list{display:none;}
	.shop-icon-list{display:none;}

	.back-to-top{width:45px;height:45px;line-height:45px;font-size:13px;}
}

/* basic-body */
.basic-body.sub-basic-body {padding:0 0 30px}


/* Page Title */
.page-title-wrap {position:relative;padding:20px 0;margin-bottom:30px;background:#fff;border-bottom:1px solid #e5e5e5}
.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}


@media (max-width:767px){
    .zoomContainer {display:none !important}
}
@media (max-width:768px){
	.shop-search form{width:80%;}
}
@media (max-width:575px){
	.shop-search-wrap{top: 66px;padding: 42px 0}
	#header-fixed .header-fixed-trans .shop-search-wrap{top:66px;}
	.section{padding:15px 0;}
	.section-0 {padding: 0;}
}
@media (max-width:480px){
	.footer-info span{display:block;margin-right:0;}
	.footer-info span.info-divider:before,
	.footer-info br{display:none;}
}