/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Playwrite+NZ:wght@100..400&display=swap');
/* common */
.container_fix { max-width:1400px; margin:0 auto;}
a { text-decoration:none;}
/* header */
.top_banner { background: #039050; height: 30px; position:relative;}
.top_banner.fixed { position:fixed; top: 0; width: 100%; z-index:9999;}
.top_banner .container_fix { display: flex; justify-content:space-between; align-items:center; height: 100%; padding:0 15px;}
.top_banner .container_fix a { color: #fff; font-size: 20px; font-weight: 700;}
.admin_btn { position:fixed; top: 0; left: 0; z-index: 2;}
.header-wrap .container_fix { display:flex; max-width:1400px; margin:0 auto; justify-content:flex-start; align-items:center; height: 70px; position: relative; width: 100%;}
.header-wrap { position:relative; top: 0;left: 0; width: 100%; background: #fff; border:none; opacity:1; }
.header-wrap.bg_black { background: #fff; position:fixed; top: 0px;}
.navbar-nav .search-menu { position: relative;}
.navbar-nav { display:flex; align-items:center;}
.navbar-nav a {  white-space:nowrap; padding: 0 10px;}
.sidebar-left-content { display:flex; justify-content:space-between;}
.navbar-nav2 { display:flex; position: absolute; right: 0;}
.navbar-nav2 li {}
.navbar-nav2 li a { padding:0 10px; color: #000;}
.navbar-nav2 .fa-search:before { color: #000;}
.header-title { border:none; position:relative; left: 0; top: 0; }
.navbar-nav > li > .nav-link:hover,a:hover { color:#000;}
.navbar-nav>li>.nav-link { color: #000;}
html .navbar-nav > li { display:flex; align-items:center;}
.navbar-nav .dropdown-toggle::after { vertical-align:baseline;}
.page-title-wrap { height: 90px;}
@keyframes headerani {
    0% { top: -90px;}
    100% { top: 0; opacity: 1;}
}

.all_menu_btn { width: 25px; height: 25px; cursor: pointer; margin-left: 20px;}
.all_menu_btn span { width: 100%; height: 2px; background: #fff; display: block; }
.all_menu_btn > span:nth-child(2) { margin: 7px 0; width: 75%;}
.all_menu_btn:hover > span:nth-child(1) { animation: all_menu_ani 0.4s ease;}
.all_menu_btn:hover > span:nth-child(2) { animation: all_menu_ani 0.4s 0.2s ease;}
.all_menu_btn:hover > span:nth-child(3) {animation: all_menu_ani 0.4s 0.4s ease;}
.all_menu_btn > span:nth-child(1) { animation: all_menu_ani1 0.4s 0.4s ease;}
.all_menu_btn > span:nth-child(2) { animation: all_menu_ani1 0.4s 0.2s ease;}
.all_menu_btn > span:nth-child(3) {animation: all_menu_ani1 0.4s ease;}


@keyframes all_menu_ani {
    0% { width: 100%;}
    50% { width: 20%;}
    100% { width: 100%;}
}
@keyframes all_menu_ani1 {
    0% { width: 100%;}
    50% { width: 20%;}
    100% { width: 100%;}
}

/* shop  */
html .shop-list-nav .list-nav .sct_here { color: #000;}

/* menutab */
.fixed_menu { position:fixed; left: -100%; top: 0; background: #fff; width: 100%; height: 100%; z-index: 999; display: flex; opacity:0;}
.menu_list { width: 36%; display:flex; flex-direction: column; justify-content: center; position: relative;}
.navbar-expand-lg .navbar-nav { display: flex; }
.menu_list li { width: 470px; margin: 0 auto; height: 100px; cursor: pointer; transition:0.5s;}
.menu_list li h2 { font-size: 45px; display: flex; align-items:center; font-weight: 700;}
.menu_list li h2 span.ml_num {font-size: 16px; margin-right: 10px; font-weight: 500;}
.menu_list li p { padding-left: 31px; font-weight: 500; font-size: 18px; height: 0; overflow:hidden; transition:0.5s ease;}
.menu_list.on li { opacity: 0.3;}
.menu_list li.on { opacity: 1 !important;}
.menu_list li:hover p,.menu_list li.on p { height: 25px;}
.menu_list::after { content:''; display:block; width: 1px;height: 0%; background: #e0e0e0; position:absolute; right: 0;top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transition:1s;}
.menu_list.on::after {height: 100%;}
.menu_depth2 { width: 24%; display: flex; flex-direction: column; justify-content: center;}
.menu_depth2 > ul {  flex-direction: column; display: none;}
.menu_depth2 > ul.on {display: flex;}
.menu_depth2 > ul > li { padding-left: 40px; position: relative; margin: 10px 0; overflow: hidden;}
.menu_depth2 > ul > li::after { content:''; display: block; position:absolute; left:0; top:50%; transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%); width: 2px; height: 0; background: #000; transition:0.3s ease;}
.menu_depth2 > ul > li:hover::after {height: 100%;}
.menu_depth2 > ul > li:hover a { font-weight: 700;}
.menu_depth2 > ul > li a { color:#000; font-size: 20px; transition:0.3s ease; opacity:0; position:relative; left: -100px;}
.menu_depth2 > ul.on li a { animation:depth2_ani 1s forwards;}
.navbar-nav .dropdown-menu { background: #000;}
.navbar-nav .dropdown-item { color: #fff;}
.navbar-nav .dropdown-mega-menu .dropdown-menu { background: #fff; width: 1200px;}
.navbar-nav .mega-menu { width: 1200px;}
.navbar-nav .mega-menu-col { width: 25% !important;}
.navbar-nav .mega-menu-col:last-child { border-right:0;}

@keyframes depth2_ani {
    0% {left: -100px; opacity:0;}
    100% {left:0; opacity:1;}
}

.close_btn { position:absolute; top:20px; left:20px; cursor: pointer; width: 30px; height: 30px; z-index: 9;}
.close_btn span {display: block; width: 30px;height: 3px; background: #000; position: absolute; cursor: pointer; z-index: 9; transition:0.5s; transform-origin: center; top: 14px;}
.close_btn span:first-child { transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);}
.close_btn span:last-child {transform:rotate(-45deg); -o-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);}
.close_btn:hover span:first-child { transform:rotate(-315deg); -o-transform:rotate(-315deg); -webkit-transform:rotate(-315deg); -moz-transform:rotate(-315deg);}
.close_btn:hover span:last-child { transform: rotate(-225deg); -o-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -moz-transform: rotate(-225deg);}

.navbar-nav2 li a i { margin-right: 5px;}

.top_header { display: flex; padding-top: 30px;}
.top_header .container_fix { display: flex; width: 100%; position:relative; justify-content:space-between; align-items:center;}
.logo_sec img { height: 60px;}
.nav2_bar .navbar-nav2 { position: relative;}
.search_sec { display: flex; align-items:center; }
.search_sec #search_input { width: 300px; border:none; border:1px solid #dfdfdf; transition:0.3s ease; border-radius:5px; padding:5px;}
.search_sec #search_input:hover,.search_sec #search_input:focus { width: 400px;}
.search_sec .eyoom-form .input-button .button { border:none; background: transparent;}
.search_sec .eyoom-form .input:hover input, .search_sec .eyoom-form .select:hover select, .search_sec .eyoom-form .textarea:hover textarea { border:none !important; border:2px solid #008F4E !important; }
.search_sec .eyoom-form .input input:focus, .search_sec .eyoom-form .select select:focus, .search_sec .eyoom-form .textarea textarea:focus { border:none !important; border:2px solid #008F4E !important;  }
.search_sec .eyoom-form .input { margin-bottom: 0;}
.nav-wrap .container { padding:0;}


/* 메뉴영역 끝 */

/* 메인 슬라이드 시작 */
.shop-main-slider { max-width: 100%; position: relative; margin-bottom: 0; overflow: hidden;}
.shop-main-slider .ebs-shop-basic-in .ebs-shop-basic .ebs-shop-basic-item { }
.shop-main-slider .ebs-shop-basic-in .ebs-shop-basic .ebs-shop-basic-item .ebs-shop-basic-cont { top:50%; transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); background: transparent; max-width:1400px; margin:0 auto; padding:0; display: flex; flex-direction: column; justify-content: center;}
.shop-main-slider .ebs-shop-basic-in .ebs-shop-basic .ebs-shop-basic-item .ebs-shop-basic-cont h2 { font-size: 3.5rem; opacity:0; letter-spacing: 1; /* text-shadow:0px 0px 10px #505050; */ width: 650px; white-space: nowrap; color: #000;}
.shop-main-slider .ebs-shop-basic-in .ebs-shop-basic .ebs-shop-basic-item .ebs-shop-basic-cont h5 { font-size: 1.5rem; opacity:0; position: relative; top:10px; /* text-shadow:0 0 10px #505050; */ width: 650px; color: #000;}
.shop-main-slider .ebs-shop-basic-in .ebs-shop-basic .ebs-shop-basic-item .ebs-shop-basic-cont p { font-size: 1rem; opacity:0; position:relative; top:10px; /*  text-shadow:0 0 10px #505050; */ margin-top: 10px; width: 650px; color: #000;}
.shop-main-slider .ebs-shop-basic-in .ebs-shop-basic .ebs-shop-basic-item .ebs-shop-basic-cont a { font-size: 1.2rem; margin-top: 40px; display: inline-block;position:relative; top:10px; opacity: 0; padding:10px 30px; border:2px solid #000;  border-radius:50px;  color: #000;} 
.shop-main-slider .ebs-shop-basic-in .ebs-shop-basic .slick-active .ebs-shop-basic-item .ebs-shop-basic-cont h2 { font-size: 3.5rem; opacity:0;  animation:toptext 2s ease forwards; /* text-shadow:0px 0px 10px #505050; */ width: 650px; white-space: nowrap;}
.shop-main-slider .ebs-shop-basic-in .ebs-shop-basic .slick-active .ebs-shop-basic-item .ebs-shop-basic-cont h5 { font-size: 1.5rem; opacity:0; position: relative; top:10px; animation: toptext 1s 0.5s ease forwards; /* text-shadow:0 0 10px #505050; */ width: 650px;}
.shop-main-slider .ebs-shop-basic-in .ebs-shop-basic .slick-active .ebs-shop-basic-item .ebs-shop-basic-cont p { font-size: 1rem; opacity:0; position:relative; top:10px; animation: toptext 1s 0.5s ease forwards; /* text-shadow:0 0 10px #505050; */ margin-top: 10px; width: 650px;}
.shop-main-slider .ebs-shop-basic-in .ebs-shop-basic .slick-active .ebs-shop-basic-item .ebs-shop-basic-cont a { font-size: 1.2rem; margin-top: 40px; display: inline-block;position:relative; top:10px; opacity: 0; padding:10px 30px; border:2px solid #000; border-radius:50px; animation: toptext 1s 0.5s ease forwards; width: fit-content; color: #000;}
.shop-main-slider .ebs-shop-basic-in .ebs-shop-basic .slick-active .ebs-shop-basic-item .ebs-shop-basic-cont a:hover { background: #008f4e; color: #fff; border-color:#008f4e;}
.shop-main-slider .ebs-shop-basic-in .ebs-shop-basic .ebs-shop-basic-item img { width: 100%;}
.progress {
    display: block;
    width: 100%;
    height: 10px;
    border-radius: 0px;
    overflow: hidden;
    
    background-color: rgba(255,255,255,0.6);
    background-image: linear-gradient(to right, white, white);
    background-repeat: no-repeat;
    background-size: 0 100%;
    
    transition: background-size .4s ease-in-out;
    position:absolute;
    bottom:5px;
    margin-bottom: 0;
  }
.shop-main-slider .arrows_box { position: absolute; bottom:50px;  left:50%; transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); color:#fff; text-shadow: 0 0 10px #505050; display:flex;}
.shop-main-slider .arrows_box .left_arr, .shop-main-slider .arrows_box .right_arr { width: 20px; height: 20px; cursor: pointer;}
.shop-main-slider .arrows_box .left_arr { background: url('../image/slide_left_arr.svg') center/cover no-repeat;}
.shop-main-slider .arrows_box .right_arr { background: url('../image/slide_right_arr.svg') center/cover no-repeat;}
  

@keyframes letter {
    0% { letter-spacing: 30px;}
    100% { letter-spacing: 1px; opacity: 1;}
}
@keyframes toptext {
    0% {top: 10px;}
    100% { top: 0; opacity: 1;}
}

.sb_btn { position:absolute; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 100px; height: 100px; display: flex; align-items: center; justify-content: center;}
.sb_left { left:-25px; }
.sb_right { right:-25px; } 
.sb_arr > div { position:absolute;}

.sb_left .sb_arr { width: 50px; height: 50px; margin-left: -25px; text-align: right; position: relative; vertical-align: middle; cursor: pointer;}
.sb_right .sb_arr { width: 50px; height: 50px; margin-right: -25px; text-align: left; position: relative; vertical-align: middle; cursor: pointer;}
.sb_left img { position:absolute; top: 50%; right:5px; transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index: 2;}
.sb_right img { position:absolute; top: 50%; left:5px; transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index: 2;}
.bg1 {  background: rgba(255,255,255,0.6); width: 70px; height: 80px; position:absolute; top: 50%;left: 50%; transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); border-radius:50%; transition:0.5s ease; animation: arr_rotate 4s infinite linear;}
.bg2 { background: rgba(255,255,255,0.3); width: 80px; height: 75px; position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);  border-radius:50%;  transition:0.5s ease; animation: arr_rotate 3s 0.2s infinite linear;}

.sb_left a.sb_text { position:absolute;top: 50%; white-space:nowrap; left: -200px; transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); text-shadow:0 0 3px #fff; font-size: 20px; border-bottom:2px solid #000;}
.sb_right a.sb_text { position:absolute;top: 50%; white-space:nowrap; right: -200px; transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); text-shadow:0 0 3px #fff; font-size: 20px;  border-bottom:2px solid #000;}
.sb_btn a:hover { border-bottom:2px solid #fff;}

@keyframes arr_rotate {
    0% { transform: translate(-50%,-50%) rotate(0deg); -o-transform: translate(-50%,-50%) rotate(0deg); -webkit-transform: translate(-50%,-50%) rotate(0deg); -moz-transform: translate(-50%,-50%) rotate(0deg); box-shadow:0 0 10px #fff}
    100% { transform: translate(-50%,-50%) rotate(359deg); -o-transform: translate(-50%,-50%) rotate(359deg); -webkit-transform: translate(-50%,-50%) rotate(359deg); -moz-transform: translate(-50%,-50%) rotate(359deg); box-shadow:0 0 10px #fff}
}

/* fast category */
.category_section .container_fix { display: flex; padding:50px 0;}
.category_section .fast_cate { display: flex; justify-content: space-between; width: 70%;}
.cate_notice { width: 30%; display: flex; flex-direction: column; justify-content: center;}
.cate_notice h2 { font-size: 45px; font-weight: 700; line-height: 1;}
.cate_notice p { font-size: 20px; font-weight: 500; margin-top: 25px; line-height: 1;}
.category_section .fast_cate li { width: 200px; height: 200px; display: flex; align-items:center; justify-content: center;}
.category_section .fast_cate li .imgbox { width: 200px; height: 200px; margin:0 auto; display: flex; align-items: center; justify-content: center;  border-radius: 10px; transition:0.5s; }
.category_section .fast_cate li:nth-child(1) .imgbox { background: url('../image/cate_img01.png') no-repeat center/100%;}
.category_section .fast_cate li:nth-child(2) .imgbox { background:  url('../image/cate_img02.png') no-repeat center/100%;}
.category_section .fast_cate li:nth-child(3) .imgbox {background:  url('../image/cate_img03.png') no-repeat center/100%;}
.category_section .fast_cate li:nth-child(4) .imgbox {background:  url('../image/cate_img04.png') no-repeat center/100%;}
.category_section .fast_cate li:nth-child(5) .imgbox {background:  url('../image/cate_img05.png') no-repeat center/100%;}
/* .category_section .fast_cate li:nth-child(1):hover .imgbox { background: #000 url('../image/cate_img01_hover.gif') no-repeat center/100%;}
.category_section .fast_cate li:nth-child(2):hover .imgbox { background: #000 url('../image/cate_img02_hover.gif') no-repeat center/100%;}
.category_section .fast_cate li:nth-child(3):hover .imgbox {background: #000 url('../image/cate_img03_hover.gif') no-repeat center/100%;}
.category_section .fast_cate li:nth-child(4):hover .imgbox {background: #000 url('../image/cate_img04_hover.gif') no-repeat center/100%;} */

.category_section .fast_cate li span { text-align: center; display: block; margin-top: 10px; color: #000;}

/* eventbanner */
.event_banner {}
.event_banner .ebs-shop-basic-in .ebs-shop-basic .ebs-shop-basic-item .ebs-shop-basic-cont { background: transparent;}

.best_section { display: flex; width: 1400px; margin: 0 auto; position: relative; min-height: 550px; padding-top: 100px;}
.best_section .headline-short h4 { font-size: 45px; text-transform: capitalize; font-weight: 600;}
.best_section .headline-short {width: 30%;}
.best_section .headline-short p { font-size: 20px; line-height: 1; margin-bottom: 30px;}
.best_section .nav { flex-flow:row wrap;}
.best_section .nav li { margin:4px 8px 4px 0;}
.best_section .nav li a { font-size: 16px; padding:8px 12px; border-radius:40px; border:1px solid #e0e0e0; color: #a0a0a0; font-weight: 300; display: block;}
.best_section .nav li a.on { background: #000; color: #fff; border:1px solid #000; font-weight: 500;}
.best_section .nav li a:hover { color: #fff; background: #000; border:1px solid #000; font-weight: 500;}
.best_section .nav-tabs { border-bottom:0; max-width: 350px;}
.best_section .ebgoods-basic-wrap .tab-content { width: 100%; overflow:hidden;}
.best_section .ebgoods-basic-wrap { width: 88%; position:absolute; left:30%; z-index: 9;}

.best_section .ebgoods-basic .goods-description { position:absolute; bottom: 0;}
.best_section .ebgoods-basic .ebgoods-item:hover .goods-name a { text-decoration: none; }
.best_section .ebgoods-basic .ebgoods-item .goods-name {margin-top: 0; height: auto;}
.best_section .ebgoods-basic .ebgoods-item .goods-name a { background:rgba(255,255,255,0.5); padding:10px; display: inline-flex; align-items: center; display: -webkit-box;  word-wrap: break-word;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  text-overflow: ellipsis;  overflow: hidden; padding-bottom: 0;}
.best_section .ebgoods-basic .goods-description .goods-sns { display: none;}
.best_section .ebgoods-basic .goods-description .goods-id { display: none;}
.best_section .ebgoods-basic .goods-description .title-price { color: #008f4e;}
.best_section .ebgoods-basic .goods-description .line-through { color: #959595;}
.best_section .ebgoods-basic .goods-description .goods-price { padding:10px; background: rgba(255,255,255,0.5);}
.best_section .ebgoods-basic .goods-description .goods-id {display: none;} 
.best_section .ebgoods-basic .goods-description .goods-brand { font-size: 14px; padding:10px; background: rgba(255,255,255,0.5); display: inline-block;}
.best_section .ebgoods-basic .goods-description .goods-info { display: none;} 
.best_section .ebgoods-basic .goods-img { display: flex; justify-content: center;}
.best_section .swiper-scrollbar-drag {
    background-color: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,1));
    position: relative;
  }
  
  
.best_section .swiper-scrollbar-drag:before {
    content: '';
    background-color:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,1));
    position: relative;
    left: -99vw;
    top: 0;
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100vw;
    z-index: 999;
  }
.best_section .swiper-horizontal>.swiper-scrollbar, .best_section .swiper-scrollbar.swiper-scrollbar-horizontal { height: 1px;}

@media(max-width:1800px){
	.best_section .ebgoods-basic-wrap { width: 84%;}
}
@media(max-width:1600px){
	.best_section .ebgoods-basic-wrap { width: 80%;}
}
@media(max-width:1500px){
	.best_section .ebgoods-basic-wrap { width: 75%;}
}
@media(max-width:1350px){
	.best_section .ebgoods-basic-wrap { width: 70%;}
}
@media(max-width:1200px){
	.best_section .ebgoods-basic-wrap { width: 60%; left: 26%;}
}
.only_bestda_section  { padding-top: 100px;}
.only_bestda_section .container_fix { position: relative;}
.only_bestda_section h2 { text-align: center; margin-top: 50px; margin-bottom: 50px; font-weight: 600; font-size: 45px;}
.only_bestda_section .arrbox { position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%); cursor: pointer;}
.only_bestda_section .arrbox.left { left: -10px;}
.only_bestda_section .arrbox.right { right: -10px;}
.only_bestda_section .arrbox > div { width: 40px; height: 40px; border-radius:50%; box-shadow: 0 0 10px #b0b0b0;}
.only_bestda_section .arrbox > div.left_arr { background: rgba(255,255,255,0.6) url('../image/only_left_arr.svg') no-repeat center;}
.only_bestda_section .arrbox > div.right_arr { background: rgba(255,255,255,0.6) url('../image/only_right_arr.svg') no-repeat center;}
.only_bestda_section .slider .slick-list {
    margin:0 -10px;
}
.only_bestda_section .slick-slide {
    margin:0 10px;
}
.only_bestda_section .arrbox > div.slick-disabled { display: none !important;}
.only_bestda_section .ebs-shop-basic-in .ebs-shop-basic .ebs-shop-basic-item { border-radius:10px; overflow:hidden; border:1px solid #e0e0e0;}

.smart_guide_section { position:relative; margin-top: 100px;}
.smart_guide_section .h2bg { background: #92cdbd; height: 200px; width: 50%; position:absolute; z-index:-1;}
.smart_guide_section .container_fix > h2 { color: #fff; padding-top: 30px; font-size:45px; font-weight: 700; letter-spacing: 3px; }
.smart_guide_section .container_fix > h2 span { font-size: 20px; display: inline-block; margin-left: 20px; font-weight: 500; font-family: 's-core-dream', sans-serif;}
.smart_guide_section .container_fix {}
.smart_guide_section .container_fix .gallery-latest .img-box { overflow: visible;}
.smart_guide_section .container_fix .gallery-latest .img-box img { position:relative;}
.smart_guide_section .container_fix .gallery-latest .gallery-img { overflow:hidden; border-radius:10px;}
.smart_guide_section .container_fix .gallery-latest .img-box:before { padding-top: 0;}
.smart_guide_section .container_fix .gallery-latest .txt-subj .wr_sub1 { text-decoration: underline; text-underline-position: under; margin-bottom: 15px; display: inline-block; color: #000;}
.smart_guide_section .container_fix .gallery-latest .txt-subj h5 { font-size: 18px; }
.smart_guide_section .container_fix .gallery-latest a:hover .txt-subj h5 {text-decoration: none !important;}
.smart_guide_section .container_fix .gallery-latest .txt-subj .wr_sub2 { margin-top: 15px; display: inline-block; color: #a0a0a0; font-weight: 100;}
.smart_guide_section .container_fix .gallery-latest .gallery-item { float:none;}
.smart_guide_section .swiper-scrollbar-drag {
    background-color: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,1));
    position: relative;
  }
  
  
.smart_guide_section .swiper-scrollbar-drag:before {
    content: '';
    background-color:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,1));
    position: relative;
    left: -99vw;
    top: 0;
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100vw;
    z-index: 999;
  }
.smart_guide_section .swiper-horizontal>.swiper-scrollbar, .smart_guide_section .swiper-scrollbar.swiper-scrollbar-horizontal { height: 1px; overflow: hidden; width: 80%; left: 50%; transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); bottom:-5px;}
.smart_guide_section .gallery-latest .nav-tabs { border:none;}

.update_product_section {padding:100px 0; position:relative}
.update_product_section .up_bg { width: 100%; height: 144px; background: #039050; position:absolute; }
.update_product_section .headline-short { margin-top: 50px;}
.update_product_section .headline-short h4 { color: #fff; font-size: 45px;}
.update_product_section .headline-short h4::after {display: none;}
.update_product_section .ebgoods-basic .goods-description .goods-id { display: none;}
.update_product_section .ebgoods-basic .goods-description .goods-sns { display: none;}
.update_product_section .ebgoods-basic .rgba-banner-area { position: relative; display:flex; margin-top: 20px;}
.update_product_section .ebgoods-basic .shop-rgba-red { background: #039050;}
.update_product_section .ebgoods-basic .goods-img-in { }
.update_product_section .ebgoods-basic .goods-img-in img { position: relative;}
.update_product_section .ebgoods-basic .goods-img-in:before { background: transparent; display: none;}
.update_product_section .ebgoods-basic .goods-img { background: transparent;}
.update_product_section .ebgoods-basic .ebgoods-item:hover .goods-name a { text-decoration: none;}
.update_product_section .ebgoods-basic .goods-description .title-price { color: #000;}
.update_product_section .ebgoods-basic .goods-description .line-through { color: #959595;}
.update_product_section .swiper-scrollbar-drag {
    background-color: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,1));
    position: relative;
}
.update_product_section .swiper-scrollbar-drag:before {
    content: '';
    background-color:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,1));
    position: relative;
    left: -99vw;
    top: 0;
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100vw;
    z-index: 999;
}
.update_product_section .swiper-horizontal>.swiper-scrollbar, .update_product_section .swiper-scrollbar.swiper-scrollbar-horizontal { height: 1px; overflow: hidden;}
.update_product_section .ebgoods-basic .goods-description .goods-brand{ font-size: 14px; padding:10px 10px 10px 0;  display: inline-block;}
.update_product_section .ebgoods-basic .goods-description .goods-name {margin-top: 0;}
.update_product_section .arrbox { position:absolute; top:30%; z-index: 5;}
.update_product_section .arrbox.left { left:-60px;}
.update_product_section .arrbox.right { right: -60px;}
.update_product_section .arrbox > div { width: 50px; height: 50px; border-radius:50%; cursor: pointer;}
.update_product_section .arrbox > div.left_arr { background: rgba(0,0,0,0.4) url('../image/slide_left_arr.svg') no-repeat center/10px;}
.update_product_section .arrbox > div.right_arr { background: rgba(0,0,0,0.4) url('../image/slide_right_arr.svg') no-repeat center/10px;}

.review_section { padding-top: 100px;}
.review_section h2 { font-size: 50px; line-height: 1; color: #000;}
.review_section .rs_cover { background: #000; margin-top: -8px; padding:40px 0;}
.review_section .rs_cover #idx_review > p { color: #fff; font-size: 20px;}
.review_section .rs_cover #idx_review { position: relative; padding-bottom:40px;}
.review_section .rs_cover #idx_review a { color: #fff;}
.review_section .rs_cover .rs_list {}
.review_section .rs_cover .rs_list .rv_li {}
.review_section .rs_cover .rs_list .rv_li:nth-child(even) { margin-top: 80px;}
.review_section .rs_cover .rs_list .rv_li .rv_tit { color: #fff; font-size: 20px; margin: 10px 0; display: inline-block;}
.review_section .rs_cover .rs_list .rv_li .rv_hd { width: 100%; height: 250px; overflow:hidden; position: relative;}
.review_section .rs_cover .rs_list .rv_li .rv_hd img { width: 100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); height:auto}
.review_section .rs_cover .rs_list .rv_li .rv_txt {}
.review_section .rs_cover .rs_list .rv_li .rv_txt p { color: #fff; font-size: 14px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}
.review_section .rs_cover .rs_list .rv_li .rv_txt .rv_writer { color: #fff; font-size: 12px;}

.review_section .swiper-scrollbar-drag {
    background-color: var(--swiper-scrollbar-drag-bg-color,rgba(255,255,255,1));
    position: relative;
}
.review_section .swiper-scrollbar-drag:before {
    content: '';
    background-color:var(--swiper-scrollbar-drag-bg-color,rgba(255,255,255,1));
    position: relative;
    left: -99vw;
    top: 0;
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100vw;
    z-index: 999;
}
.review_section .swiper-horizontal>.swiper-scrollbar, .review_section .swiper-scrollbar.swiper-scrollbar-horizontal { height: 1px; overflow: hidden;}

.brand_section { padding:100px 0;}
.brand_section .main-heading h2 strong { font-size: 45px; color: #000; line-height: 1;}
.brand_section .main-heading h2::after { display: none;}
.brand_section .main-heading p { margin: 30px 0; font-size: 20px; color: #000; text-align: center;}
.brand_section .brand-box .category-img{ display: flex; align-items: center; justify-content: center;}
.brand_section .tab-scroll-category #tab-category .category-list span a { display: inline-flex; align-items: center;}
.brand_section .tab-scroll-category #tab-category .category-list span { padding: 5px 0;}

/* footer */

.footer { background: #000;} 
.footer-nav a { color: #fff;}
.footer-top {padding: 10px 0; border-bottom:0;  margin-bottom: 0px;}
.footer-nav a:hover { text-decoration: none;}
.footer-right-nav a { color: #fff;}
.footer-cont-info span.info-divider { }
.footer-cont-info { text-align: left; margin-top: 15px;}
.footer-cont-info span { color: #fff;}
.footer-cont-info a { color: #fff; text-decoration: none;}
.footer-copyright { color: #fff; padding: 15px 0; text-align:left;}

.sitemap_btn { background: #000; display: flex; justify-content: center; align-items: center; height: 40px; border-bottom:2px solid #a0a0a0;} 
.sitemap_btn span { color: #fff; text-align: center; cursor: pointer; display: flex; align-items: center; line-height: 1; font-size: 15px;}
.sitemap_btn .bg_icon { width: 15px; height: 15px; background: url(../image/plus_icon.png) center/cover no-repeat; align-items:center; justify-content: center; margin-left: 10px;}
.sitemap_btn.on .bg_icon { background: url(../image/minus_icon.png) center/contain no-repeat;}
.sitemap_section { background: #000; color: #fff; display: none;}
.sitemap_section .container_fix {  display: flex; }
.sitemap_section .container_fix > div { width: 25%; padding:40px; position: relative;} 
.sitemap_section .container_fix > div.ss_section01 { width: 50%; display:flex; flex-flow:row wrap;}
.sitemap_section .container_fix > div.ss_section01 > ul.dep01 { width: 30%;}
.sitemap_section .container_fix > div h2 { width: 100%;}
.sitemap_section .container_fix > div:not(:last-child)::after { content:''; display: block; width: 2px; height: 90%; background: #a0a0a0; position: absolute; right:0; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);}
.sitemap_section h2 { color: #fff; font-size: 24px; margin-bottom: 20px;}
.sitemap_section .dep01 { margin-bottom: 20px;}
.sitemap_section .dep02 { margin-top: 5px;}
.sitemap_section .dep01 > li:not(:last-child) { margin-bottom: 20px;}
.sitemap_section .dep01 > li > a { color: #fff;} 
.sitemap_section .dep02 > li > a { color: #bbb;}


.snsbtn { display: flex; margin-top: 0px;}
.snsbtn li { margin-right:10px;}
.snsbtn a { display: block; width: 30px;height:30px; }
.snsbtn a.instar { background:url(../image/sns_instar.png) center/cover;}
.snsbtn a.kakao { background:url(../image/sns_kakao.png) center/cover;}
.snsbtn a.blog {background:url(../image/sns_blog.png) center/cover;}
.snsbtn a.tistory {background:url(../image/sns_tistory.png) center/cover;}

/* fixed menu */
.fixed_ft_menu { position:fixed; bottom: 90px; right: 10px; z-index: 999;}
.fixed_ft_menu > a { width: 80px; height: 80px; background: #000; display: block;border-bottom:1px solid #fff;}
.fixed_ft_menu a.cardmove { background: url(../image/cardimg.png) no-repeat center/cover; color: #fff; text-align: center; -ms-word-break: keep-all;word-break: keep-all; display: flex; align-items:center; justify-content:center; text-indent:-999999px;}
.fixed_ft_menu a.normal_sum { background: url(../image/board_sum.png) no-repeat center/cover;}
.fixed_ft_menu a.kakaobtn { background: url(../image/kakaobtn.png) no-repeat center/cover; border-bottom:0;}
.fixed_ft_menu a.dashop { background: url(../image/dashop.png) no-repeat center/cover;}
.fixed_ft_menu a.tel { background: url(../image/tel.png) no-repeat center/cover;}
.fixed_ft_menu a.sub_dashop { background: url(../image/subdashop.png) no-repeat center/cover;}
.footer-nav { text-align:left;}
@media( max-width:720px){
.fixed_ft_menu a { width: 50px; height: 50px; background: #000; display: block; }
.fixed_ft_menu a.cardmove { font-size: 10px;}
.snsbtn { justify-content:center;}
.footer-nav { text-align: center;}
}
/* brand page */
.brand-wrap .tab-scroll-category #tab-category .category-list span.active a {}
.brand-wrap .brand-box .category-img { height: auto;}
.page-title-wrap .sub-breadcrumb-wrap { display: none;}
.page-title-wrap {display: none;}


/* theme/eb4_basic/css/custom.css item.php section */
.rental_cover { display: none;position:fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%); z-index:99999; text-align: center; border:2px solid #000; background: #fff; padding: 30px; border-radius:5px;}
.rental_cover h3 { margin-bottom: 20px;}
.rental_cover .rc_box{ margin-bottom: 10px;}
.rental_cover .rc_box input {height: 50px; width: 90%;}
.rental_cover .rc_box label { display: none;}
.rental_cover p { margin-bottom: 20px;}
.rental_cover .privacy + button { width: 90%; height: 50px; border:none; background: #000; color: #fff;}
.rental_cover .close_btn { left:auto; right:10px;}

.select_cover { margin: 20px 0;}

.buy_cover { display: none;position:fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%); z-index:99999; text-align: center; border:2px solid #000; background: #fff; padding: 30px; border-radius:5px;}
.buy_cover h3 { margin-bottom: 20px;}
.buy_cover .rc_box{ margin-bottom: 10px;}
.buy_cover .rc_box input {height: 50px; width: 90%;}
.buy_cover .rc_box label { display: none;}
.buy_cover p { margin-bottom: 20px;}
.buy_cover .privacy + button { width: 90%; height: 50px; border:none; background: #000; color: #fff;}
.buy_cover .close_btn { left:auto; right:10px;}

@media(max-width:1200px){

}

@media(max-width:991px){
	.navbar-nav2 { display: none;}
	.page-title-wrap { display: none;}
	.header-wrap .container_fix { height: 80px;}
    .header-title-mobile-btn { top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
    .fa-search {color:#000;}
    .all_menu_btn {margin-left: 15px;}
    .navbar-nav2-mo { display: flex; position: absolute; right: 15px; top: 25px;}
    .navbar-nav2-mo li:not(:first-child) { margin-left: 15px;}
    .menu_list { width: 50%;}
    .menu_list li h2 { font-size: 20px;}
    .menu_list li { width: 100%;}
    .fixed_menu {}
    .menu_depth2 { width: 50%;}
	.top_banner .container_fix a { font-size: 16px;}

    .shop-main-slider .ebs-shop-basic-in .ebs-shop-basic .ebs-shop-basic-item .ebs-shop-basic-cont { text-align: center; top: 30%;}
    .shop-main-slider .ebs-shop-basic-in .ebs-shop-basic .slick-active .ebs-shop-basic-item .ebs-shop-basic-cont h2 { font-size: 25px; width: 100%;}
    .shop-main-slider .ebs-shop-basic-in .ebs-shop-basic .slick-active .ebs-shop-basic-item .ebs-shop-basic-cont h5 { width: 100%; font-size: 16px;}
    .shop-main-slider .ebs-shop-basic-in .ebs-shop-basic .slick-active .ebs-shop-basic-item .ebs-shop-basic-cont a { left: 50%; transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%); font-size: 1rem;}
	.shop-main-slider .ebs-shop-basic-in .ebs-shop-basic .slick-active .ebs-shop-basic-item .ebs-shop-basic-cont p { width: 100%; font-size: 12px;}
    .sb_btn { width: 70px; height: 70px;}

    .category_section .container_fix { flex-direction: column;}
    .category_section .cate_notice { width: 100%; padding: 0 15px;}
    .cate_notice h2 { font-size: 35px;}
    .cate_notice p { font-size: 18px;}
    .category_section .fast_cate { width: 100%; flex-flow:row wrap; margin-top: 30px;}
    .category_section .fast_cate li { width: 50%;}

    .best_section {width: 100%; flex-flow: row wrap;}
    .best_section .headline-short h4 { font-size: 35px; padding: 0 15px;}
    .best_section .headline-short h4::after {left: 15px;}
    .best_section .headline-short p { font-size: 18px; padding: 0 15px;}
    .best_section .nav li a { font-size: 16px;}
    .best_section .headline-short { width: 100%; padding:0 15px; }
    .best_section .ebgoods-basic-wrap { width: 100%; left: 0; position: relative;}
    .best_section .swiper-grid-column>.swiper-wrapper { flex-direction: row;}
    .best_section .ebgoods-basic .ebgoods-item-wrap { margin-top: 10px;}
    .best_section .ebgoods-basic .goods-description{ position: relative;}
    .best_section .ebgoods-basic .goods-description .goods-name { min-height:48px; height: auto;}

    .smart_guide_section .h2bg { width: 90%;}
    .smart_guide_section .container_fix > h2 { font-size: 35px;margin-left: 20px;}
	.smart_guide_section .container_fix > h2 span { font-size: 18px; margin-left: 0;}
    .smart_guide_section .container_fix .gallery-latest .txt-subj .wr_sub2 { word-break:keep-all;}

    .update_product_section .up_bg { height: 180px;}

    .brand_section .main-heading h2 strong { font-size: 35px;}
    .brand_section .main-heading p { font-size: 20px;}
	
	.menu_depth2 > ul.on { height: 75vh; overflow-y:scroll; display:block;}
	.menu_depth2 > ul > li {  height: 36px;display: block; }
	.menu_depth2 > ul > li a { height: 36px; display: block; line-height: 36px;}
	.navbar-nav a, .navbar-toggler { color: #000;}

	.only_bestda_section h2 { font-size: 35px;}
	.update_product_section .headline-short h4 { font-size: 35px;}
	
	.sitemap_section .container_fix { flex-flow:column wrap;}
	.sitemap_section .container_fix > div { width: 100%; padding: 20px;}
	.sitemap_section .container_fix > div.ss_section01 > ul.dep01 { width: 50%;}
	.sitemap_section .container_fix > div:not(:last-child)::after { width: 100%; height: 2px; top: auto; bottom: 0;}
	.sitemap_section .container_fix > div.ss_section01 { width: 100%;}
	.sitemap_section .container_fix > div:last-child { border-bottom: 2px solid #a0a0a0; }
}

@media(max-width:767px){
    .review_section h2 { padding: 0 15px;}
    .review_section .rs_cover #idx_review > p { font-size: 18px; padding:0 15px;}
    .review_section .rs_cover .rs_list .rv_li:nth-child(even) { margin-top: 0;}
    
    .sitemap_section h2{ font-size: 20px;}
    .footer-nav a { font-size: 0.8rem;}
    .footer-cont-info span { font-size: 0.8rem;}
	.category_section .fast_cate li .imgbox { width: 100%; height: auto; padding-bottom: 100%; }
	.category_section .fast_cate li a { width: 100%;}
}

.filterWrap { padding: 20px; padding-bottom: 20px;}
.filterWrap .fitler_head h2 { font-size: 18px; padding: 20px 0; }
.fitler_head { border-top: 2px solid #000; border-bottom: 1px solid #999; display: flex; justify-content:space-between; align-items:center;}
.fitler_head .filter_reset { cursor: pointer;}
.filter_box { display: flex; padding:10px 0; border-bottom: 1px solid #000;}
.fil_title { width: 100px;}
.filter_list { display: flex; flex-flow:row wrap; width: calc(100% - 100px);}
.filter_list span { margin-right: 10px; cursor: pointer;}

.brand_name, .buga_name, .buga_name2,.buga_name3,.buga_name4 { padding: 5px 10px;}
.brand_name.select, .buga_name.select, .buga_name2.select, .buga_name3.select, .buga_name4.select { background: #000; border-radius:50px; color: #fff;}
.fil_title { padding-top: 5px;}

.more_btn { font-size: 12px; margin-left: 10px; cursor: pointer; padding-right: 10px; background: url(../image/down_arr.svg) no-repeat  100% center/10px;}
.more_btn.on { background: url(../image/up_arr.svg) no-repeat  100% center/10px;}


@media(max-width:767px){
	.filterWrap .fitler_head h2 { display: flex; align-items:center;}
	.fil_title { width: 60px; font-size: 12px;}
	.filter_list {width: calc(100% - 60px);}
	.filter_list span { width: 33%; margin-right: 0; font-size: 10px; text-align: center;}
	.product-price { min-height:45px;}
	.filterWrap { padding: 0; margin-bottom: 20px;}
	.filter_box:not(:nth-child(2)){display: none;}
}