/* BASIC css start */
#head_menu{font-weight: 600; width: 100%; min-width: 320px; max-width: 850px; border-bottom: 1px solid #eee;}
#head_menu>div{width: 100%;}
#head_menu .swiper{}
#head_menu .swiper ul{display: flex; justify-content: space-evenly; background: #f6f6f6;}
#head_menu .swiper ul li{width: max-content;justify-content: space-evenly;}
#head_menu .swiper ul li a{line-height: 45px;  font-size: 14px; width: max-content; padding: 0 10px;}
#head_menu .swiper ul li::after{content: ""; display: block; position: absolute; width: 5px; height: 5px; background-color: #000; border-radius: 50%; top: 0px; left: 50%; transform: translateX(-50%); opacity: 0; transition: all .3s;}
#head_menu .swiper ul li.now::after{top: 3px; opacity: 1;}
#head_menu .swiper ul li.now a{font-weight:600}
#head_menu .swiper ul li:first-child>a{padding-left: 20px}
#head_menu .swiper ul li:last-child>a{padding-right: 20px}
:where(#asi) :is(img){transform: scale(.66);}
:where(#asi) :is(a,span,h3){}
:where(#asi) li>a:has(span){display: flex; justify-content: space-between; align-items: center;}
/* 섹션공통 */
.section{width:100%;}
.section:not(:first-child){}
.sec_inner{padding:30px 4%;}
.section h3{line-height:1.5;    letter-spacing: -.9px; margin-bottom: 20px;font-size: 23px; font-weight: 500;display: flex;align-items: flex-end;    justify-content: space-between;}
.more1 {font-size: 15px; font-weight: 500;}

.more_items{display: flex; align-items: center; justify-content: center; margin:0 ; }
.more_items a{display: inline-block; background-color: #e7f3ff; text-align: center;color: #c7c7c7; font-size: 18px; cursor:pointer;font-weight:300 }
.more_items a button{border:none; background-color: #e7f3ff;  color: #c7c7c7; font-size: 18px;cursor:pointer; height:max-content; line-height:40px; font-weight:300}
.bestNum { position: absolute; left: 0; top: 0; width: 2.5em; height: 2.5em; text-align: center; background: #19314c; border-radius: 50%; line-height: 2.5em; font-size: 1.2em; z-index: 11; color: #fff;}       
#blank{height: 40px;
    background: #e7ffea;
    border-top: 0.1rem solid rgb(240, 240, 240);}
/* 베스트섹션 */
#sec0{background: #e7f3ff;}
#sec0 .sec_inner .sec0_cont>div .banner .banner_img a{display: block; width: 100%;border-radius: 15px; overflow: hidden;}
#sec0 .sec_inner .sec0_cont>div .banner .banner_img a img{width: 100%;}
#sec0 .sec_inner .sec0_cont>div .banner p{    margin: 15px 0 35px;letter-spacing:-.7px;  font-size:13px; color:#000; font-weight:400; line-height:1.7;}
#sec0 .sec_inner .sec0_cont>div .swiper ul li.item_list .thumb{border-radius: 150px;}
#sec0 .sec_inner .sec0_cont>div .swiper ul li.item_list .thumb>a>img {border-radius: 150px;    width: 100%;}
#sec0 .sec_inner .sec0_cont>div .swiper ul li.item_list .info .prdname{margin-bottom:5px; font-size:14px}
#sec0 .sec_inner .sec0_cont>div .swiper ul li.item_list .info .price{font-weight:500}
#sec0 .sec_inner .sec0_cont>div .swiper .swiper-pagination-bullet{width:6px; height:6px; margin:0 3px;}
#sec0 .sec_inner .sec0_cont>div .swiper .swiper-pagination-bullet-active{background-color:#000}
#sec0 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height: 1px; background-color: rgba(0,0,0,.09);}
#sec0 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #222;}
#sec0 .sec_inner .sec0_cate{margin-bottom: 25px;}
#sec0 .sec_inner .sec0_cate ul{display:flex;gap: 10px 15px;    flex-wrap: wrap;}
#sec0 .sec_inner .sec0_cate ul li a{display:block; width:100%; text-align:center; color:#979797; font-size: 14px; font-weight: 400; letter-spacing: -.3px;transition: all .3s; display:block;}
#sec0 .sec_inner .sec0_cate ul li.on>a{ color: #000 !important;font-weight: 500; }
#sec0 .sec0_prd>div{display: none; position:relative;}
#sec0 .sec0_prd>div.show{display: block;}


/* 섹션개별 */
#sec1{;}
#sec1 .swiper{width: 100%;}
#sec1 .swiper .swiper-wrapper .swiper-slide a{display: block;width: 100%;}
#sec1 .swiper .swiper-wrapper .swiper-slide a img{width: 100%;border-radius: 0px; }
#sec1 .swiper .swiper_btn_prev,#sec1 .swiper .swiper_btn_next{position: absolute;z-index: 2; cursor: pointer; top: 50%; transform: translateY(-50%);}
#sec1 .swiper .swiper_btn_prev{left:5%}
#sec1 .swiper .swiper_btn_next{right: 5%}
#sec1 .swiper :is(.swiper_btn_prev,.swiper_btn_next) img{transform: scale(.66);transform-origin: center center;}
#sec1 .swiper .btn_wrap{display: flex; align-items: center;padding:6px; 5%}
#sec1 .swiper .btn_wrap img{transform:scale(.66); transform-origin:center center}
#sec1 .swiper .btn_wrap>ul{display: flex; align-items: center;flex-grow:1}
#sec1 .swiper .btn_wrap>ul li:not(:has(.swiper-pagination)){border: 1px solid #afafaf;}
#sec1 .swiper .btn_wrap>ul li>div:has(img){display: flex; align-items: center; justify-content: center; width: 25px; height: 25px;}
#sec1 .swiper .btn_wrap>ul li .swiper_prev{cursor: pointer; }
#sec1 .swiper .btn_wrap>ul li .swiper_prev img{}
#sec1 .swiper .btn_wrap>ul li .swiper-pagination{position: unset;color: #afafaf;font-size: 13px;display: flex; align-items: center; gap: 1px;}
#sec1 .swiper .btn_wrap>ul li:has(.swiper-pagination){margin: 0 10px;}
#sec1 .swiper .btn_wrap>ul li .swiper-pagination span{display: inline-block; font-size: 16px;font-weight: 500; }
#sec1 .swiper .btn_wrap>ul li .swiper-pagination span.swiper-pagination-current{color: #000;}
#sec1 .swiper .btn_wrap>ul li .swiper_next{cursor: pointer; }
#sec1 .swiper .btn_wrap>ul li .swiper_next img{}
#sec1 .swiper .btn_wrap .control{margin-right: 8px;}
#sec1 .swiper .btn_wrap .control a{cursor: pointer; display: flex;transition: all .1s; align-items: center; justify-content: center; width: 25px; height: 25px; }
#sec1 .swiper .btn_wrap .control a.clicked{ background-color: rgb(233, 233, 233);}
#sec1 .swiper .btn_wrap .control a img{}
#sec1 .swiper .btn_wrap .sec1_more a{display:flex; align-items:center ;gap:5px; color:#777777; font-size:13px; font-weight:400}


/* cate */
#cate{background: #f9f9f9; }
#cate .sec_inner{}
#cate .sec_inner ul{display: flex; flex-wrap: wrap; justify-content: space-between;gap:15px;}
#cate .sec_inner ul li{width: calc((100% - 60px) / 5); border-radius: 15px;}
#cate .sec_inner ul li a{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px;}
#cate .sec_inner ul li a img{display: inline-block; border-radius:15px; width:60%;filter: opacity(0.8);}
#cate .sec_inner ul li a p{color: #333333; font-size: 13px; font-weight: 600;}

#sec2 .sec_inner{width: 100%;padding:0;}
#sec2 .sec_inner h2{ display: flex; align-items: flex-end; justify-content: space-between;}
#sec2 .sec_inner .sec2_cont{padding-left:5%}
#sec2 .sec_inner .sec2_cont .swiper{padding-bottom: 20px;}
#sec2 .sec_inner .sec2_cont .swiper ul{}
#sec2 .sec_inner .sec2_cont .swiper ul li{width: 48%;}
#sec2 .sec_inner .sec2_cont .swiper ul li .img_sec{}
#sec2 .sec_inner .sec2_cont .swiper ul li .img_sec a{display: block;}
#sec2 .sec_inner .sec2_cont .swiper ul li .img_sec a img{width: 100%;}
#sec2 .sec_inner .sec2_cont .swiper ul li .text_sec{padding: 15px 0; width: 100%;}
#sec2 .sec_inner .sec2_cont .swiper ul li .text_sec p{line-height: 1.3; letter-spacing:-.4px}
#sec2 .sec_inner .sec2_cont .swiper ul li .text_sec p.big{font-size: 15px;color: #000; margin-bottom: 10px; font-weight: 400;}
#sec2 .sec_inner .sec2_cont .swiper ul li .text_sec p.small{color: #8d8d8d; font-size: 13px; font-weight: 400;line-height: 1.4; }
#sec2 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height: 1px; background-color: rgba(0,0,0,.09);}
#sec2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #222;}


/* sec3 */
#sec3{margin-bottom:40px}
#sec3 .sec_inner{padding:20px 5%;}
#sec3 .sec_inner h2{ display: flex; align-items: flex-end; justify-content: space-between;}
#sec3 .sec_inner .sec3_cate{margin-bottom: 25px;}
#sec3 .sec_inner .sec3_cate ul{display:flex;gap: 10px 15px;    flex-wrap: wrap;}
#sec3 .sec_inner .sec3_cate ul li{}
#sec3 .sec_inner .sec3_cate ul li a{display:block; width:100%; text-align:center; color:#979797; font-size: 14px; font-weight: 400; letter-spacing: -.3px;transition: all .3s; display:block;}
#sec3 .sec_inner .sec3_cate ul li.on>a{ color: #000 !important;font-weight: 500; }
#sec3 .sec3_prd>div{display: none; position:relative;}
#sec3 .sec3_prd>div ul{display:flex; flex-wrap:wrap}
#sec3 .sec3_prd>div.show{display: block;}


/* sec4 */
#sec4 .sec_inner{padding:40px 5%;}
#sec4 .sec_inner ul{display: flex; justify-content: space-between; flex-wrap: wrap; gap:10px 0}
#sec4 .sec_inner ul li:not(:first-child){width:48.5%}
#sec4 .sec_inner ul li:first-child{width:100%}
#sec4 .sec_inner ul li a{display: block;width: 100%;}
#sec4 .sec_inner ul li a img{width: 100%;}


/* sec5 */
#sec5 .swiper{padding-bottom: 20px;}
#sec5 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height: 1px; background-color: rgba(0,0,0,.09); width:90%; transform:translateX(-50%); left:50%}
#sec5 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #222;}

/* sec6 */
#sec6 .sec_inner .sec6_cont>div .banner{border-bottom: 1px solid #eeeeee; line-height: 1.6em;}
#sec6 .sec_inner .sec6_cont>div .banner .banner_img{}
#sec6 .sec_inner .sec6_cont>div .banner .banner_img a{display: block; width: 100%;border-radius: 15px; overflow: hidden;}
#sec6 .sec_inner .sec6_cont>div .banner .banner_img a img{width: 100%;}
#sec6 .sec_inner .sec6_cont>div .swiper{padding: 15px;}
#sec6 .sec_inner .sec6_cont>div .swiper ul{}
#sec6 .sec_inner .sec6_cont>div .swiper ul li img{width:100%}
#sec6 .sec_inner .sec6_cont>div .swiper ul li.item_list .info .prdname{margin-bottom:5px; font-size:14px}
#sec6 .sec_inner .sec6_cont>div .swiper ul li.item_list .info .price{font-weight:500}
#sec6 .sec_inner .sec6_cont>div .swiper .swiper-pagination-bullet{width:6px; height:6px; margin:0 3px;}
#sec6 .sec_inner .sec6_cont>div .swiper .swiper-pagination-bullet-active{background-color:#000}


/* sec7 */
#sec7 h2{display: flex; align-items: flex-end; justify-content: space-between;padding:0 5%;}
#sec7 .sec7_review>div{width: 100%;}
#sec7 .sec7_review>div>ul{width: 100%; }
#sec7 .sec7_review>div>ul>li{width:50%;border:0.1rem solid rgb(240, 240, 240);background:#fff; min-height: 380px;}
#sec7 .li_review .rv_main{ width: 100%; border-bottom: 1px solid #e9e9e9;}
#sec7 .li_review .rv_main .thumb{width:100%;}
#sec7 .li_review .rv_main .thumb a{display: block; width: 100%; height: 100%;}
#sec7 .li_review .rv_main .thumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec7 .li_review .rv_main .rv_main_cont{width: 100%; padding: 10px 5%;}
#sec7 .li_review .rv_main .rv_main_cont .rv_cont{letter-spacing:-.7px;font-size: 13px; text-overflow: ellipsis; overflow: hidden; color:#000; line-height:1.4; margin-bottom:5px}
#sec7 .li_review .rv_main .rv_main_cont .rv_info{letter-spacing:-.7px;}
#sec7 .li_review .rv_main .rv_main_cont .rv_info span{color:#000}
#sec7 .li_review .rv_main .rv_main_cont .rv_info span.date{}
#sec7 .li_review .rv_main .rv_main_cont .rv_info span.rv_user{}
#sec7 .li_review .rv_mini{width: 100%; display: flex; align-items: center; justify-content: left; gap:10px; margin:2% 5%; }
#sec7 .li_review .rv_mini .mini_thumb{display: inline-block;  overflow: hidden; max-width:30%}
#sec7 .li_review .rv_mini .mini_thumb a{display: block;width: 100%; height: 100%;}
#sec7 .li_review .rv_mini .mini_thumb a img{width: 100%; height: 100%; object-fit: cover;}
#sec7 .li_review .rv_mini ul { display:flex; flex-direction:column; gap:3px; width:70%}
#sec7 .li_review .rv_mini ul li {font-size: 13px;color: #000; white-space:inherit; overflow:hidden; text-overflow:ellipsis ;letter-spacing:-.7px}
#sec7 .li_review .rv_mini ul li:nth-child(2){display:flex; align-items:center}
#sec7 .li_review .rv_mini ul li span {margin-right:10px;display:flex; align-items:center; color:#000; font-size: 13px;font-weight: 500; }
#sec7 .li_review .rv_mini ul li span img{display:inline-block; margin-right:4px;}
#sec8 .sec_inner{padding:20px 5%;}
#sec8 h2{margin: 0 5% 22px;}


/*popup*/
.popup_layer {position:fixed;top:0;left:0;z-index: 10000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }
/*팝업 박스*/
.popup_box{position: relative; overflow: auto; width:100%;height: 100%;z-index:1002;box-sizing:border-box;background:#fff;box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-webkit-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);-moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35);}
/*컨텐츠 영역*/
.popup_box .popup_cont {line-height:1.4rem;font-size:14px; ;}
.popup_box .popup_cont h2 {padding:15px 0;color:#333;margin:0;}
.popup_box .popup_cont p{ border-top: 1px solid #666;padding-top: 30px;}
.popup_box .popup_cont .ol{    text-align: center;}
.popup_box .popup_cont img { max-width:100%; border-radius: 20px;padding: 7px 0;}
/*버튼영역*/
.popup_box .popup_btn {display:table;table-layout: fixed;width:100%;height:50px;background:#white;word-break: break-word;}
.popup_box .popup_btn a {position: relative; display: table-cell; height:50px; text-align:left;vertical-align:middle;text-decoration:none; padding:0 20px; font-size: 18px; font-weight: 600; color: black;}
.popup_box .popup_btn a:before{content:'';display:block;position:absolute;top:12px;right:29px;width:1px;height:21px;background:#222;-moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.popup_box .popup_btn a:after{content:'';display:block;position:absolute;top:12px;right:29px;width:1px;height:21px;background:#222;-moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.popup_box .popup_btn a.close_day {background:white;}
.popup_box .popup_btn a.close_day:before, .popup_box .popup_btn a.close_day:after{display:none;}
/*오버레이 뒷배경*/
.popup_overlay{position:fixed;top:0px;right:0;left:0;bottom:0;z-index:1001;;background:white;}

/*popup*/


#main .section3 .goods-gallery-item{float:unset !important; 
    display: inline-table;
    vertical-align: top !important;}


#main .section1 li.board_tit{
    border-left: 1px solid #e9e9e9;
    color: #111;
    overflow: hidden;
    float: left !important;
    text-align: center;
    padding: 0 5px !important;
    line-height: 35px;
    font-size: 13px !important;
}

#main .section1 li a{
    color: #555 !important;}

#main .section1 li.notice_more{
    float: right !important;
    padding: 0 !important;}
    
    
    .slider-banner-3606671690>div {
            width: 100%;
            display: table-cell;
        } 
        .slider-banner-3606671690 .slick-prev , .slider-banner-3606671690 .slick-next {
            font-size: 0;
            line-height: 0;
            position: absolute;
            top: 45%;
            display: block;
            width: 27px;
            height: 44px;
            padding: 0;
            -webkit-transform: translate(0, -45%);
            -ms-transform: translate(0, -45%);
            transform: translate(0, -45%);
            cursor: pointer;
            z-index:10;
        }

        .slider-banner-3606671690   .slick-prev {
             background-image: url("/design/tongbang/m/img/mimg/prev.png");
            background-repeat:round;
            left: -3px;
            right: auto;
        }
        .slider-banner-3606671690    .slick-next {
            background-image:   url("/design/tongbang/m/img/mimg/next.png");
            background-repeat:round;
            right: -3px;
            left: auto;
        }

        .slider-banner-3606671690  .slick-dots {
            position: absolute;
            bottom: 10px;
            display: block;
            width: 100%;
            padding: 0;
            margin: 0;
            text-align: center;
        }
        .slider-banner-3606671690  .slick-dots li {
            position: relative;
            display: inline-block;
            margin: 0 5px;
            padding: 0;
            cursor: pointer;
        }
        .slider-banner-3606671690  .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 10px;
            height: 10px;
            padding: 5px;
            cursor: pointer;
            border: 0;
            outline: none;
            border-radius: 100%;
            background: #ffffff;
            opacity:0.75;
        }

        .slider-banner-3606671690 .slick-dots li.slick-active button {
            background: #ffffff;
            opacity:1;
        }

/* BASIC css end */