/*메인 팝업*/
/* .popup{position:relative; display: block;}
.popup p{text-align: center; color:#fff; font-size:16px;width: 100%; margin: 0 auto;    line-height: 1;display: flex;justify-content: center; align-items: center;font-weight: 300;}
.popup i{width: 20px;margin-right: 8px;}
.popup p span{color:#f7e409;font-weight: 500;display: inline-block;margin-left: 4px;}
.popup .pop_close{position:absolute; right:5%; top:50%; transform: translateY(-50%); color:#fff; width:22px;border:1px solid #fff; border-radius: 22px; height:22px;cursor: pointer;}
.popup .pop_close span{width:10px; position:absolute; top:48%; left:23.5%; transform: translate(-50%, -50%);background-color: #fff;width:11px; height:1px;}
.popup .pop_close span:first-child{transform: rotate(45deg);}
.popup .pop_close span:last-child{transform: rotate(-45deg);} */

.popup{display: flex;}
.popup > div{width: 50%; cursor: pointer;}
.popup > div > div{display: flex; justify-content: space-between; color: #fff; font-size: 18px; font-weight: 600; line-height: 1; align-items: center; height: 54px; }
.popup > div:first-child{padding-right: 20px; background-color: #FF7C0A; }
.popup > div:last-child{padding-left: 20px; background-color: #fff2ce; }
.popup div.left{max-width: 680px; margin-left: auto; background-color: #FF7C0A; }
.popup div.right{max-width: 680px; background-color: #fff2ce;}
.popup div.right p{max-width: 700px; background-color: #fff2ce; color: #FF7C0A;}
.popup div button{font-size: 16px; height: 45px; width: 45px;  background-color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #FF7C0A;}




/* section{overflow: hidden;} */

/* 공통 */
.instructions_use .menu{width: 100% !important;}
.instructions_use .menu li span{width: 100% !important;}

.bg_gray{background: #3f444c;color: #fff;}

.flex-center{justify-content: center;}

/* 카테고리 드롭다운 열릴 때 스크롤 방지 */
body.no-scroll { overflow: hidden; position: fixed; width: 100%; height: 100%; }

select,button,input{outline: none;font-family: inherit;}
.iframe_area{position: relative;width: 100%;padding-bottom: 56.25%;}
.iframe_area .video {position: absolute;  width: 100%; height: 100%;;}

/*텍스트 컷*/
.text_cut{word-break: initial !important;white-space: normal; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.text_cut02{word-break: initial !important;white-space: normal; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.text_cut03{word-break: initial !important;white-space: normal; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.text_cut05{word-break: initial !important;white-space: normal; display: -webkit-box !important; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;}
.text_cut07{word-break: initial !important;white-space: normal; display: -webkit-box !important; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden;}


.font_085rem{font-size: .85rem;}
.font_09rem{font-size: .9rem;}
.font_125rem{font-size: 1.125rem;}
.font_25rem{font-size: 1.25rem;}
.font_15rem{font-size: 1.5rem;}
.font_2rem{font-size: 2rem;}
.font_23rem{font-size: 2.3rem;}
.font_28rem{font-size: 2.8rem;}
.font_3rem{font-size: 3rem;}
.font_35rem{font-size: 3.5rem;line-height: 1.2;}
.font_4rem{font-size: 4rem;line-height: 1.2;}
.font_43rem{font-size: 4.3rem;line-height: 1.2;}



.color_000{color: #000 !important;}
.color_222{color: #222 !important;}
.color_333{color: #333 }
.color_666{color: #666 }
.point_color{color:#71bf44}
.red_color{color:#f14141 !important}
.bot_border{text-decoration: underline;}

/*radio_style*/
.radio_style.type02 label:first-child [type="radio"],
.radio_style.type02 label:last-child [type="radio"]{border-radius: 0 !important;}
.type02.radio_style [type="radio"]{width: 22px;height: 22px;padding:0;}
.type02.radio_style span{left: 33px; transform: translate(0%,-50%);top: 52%;}
.radio_style.type02 [type="radio"]:checked + span {color: #333;    font-weight: 600;}
.radio_style.type02 [type="radio"]:checked{background:url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSMALL/images/165325333533013.png)no-repeat center/cover ;background-color: #888;border-color:#888}

/* search_box */
.search {margin-left: auto; background: #f5f5f5; width: 300px;display: flex; align-items: center;border-radius: 30px;margin-top: 20px;padding:10px}
.search input { border: none; outline: 0; font-size: 16px;padding:0px 20px; width: 90%;background: transparent;}
.search button { border: none; padding: 0 15px 0 10px;cursor: pointer; margin: 0 auto;width: 50px; }
.search button i { color: #333;   display: block;}
.search button i img{width: 100%;height: 100%;}
.search button{background: #71bf44;width: 32px;height: 32px;  padding: 6px !important;border-radius: 50%;display: flex;  justify-content: center;    align-items: center;}
.search button img{position: relative; right: -0px;}

.search_but_type02{display: flex;margin-top: 20px;    align-items: center;    justify-content: space-between;width: 100%;}
.search_but_type02 .search {margin-top: 0px;margin-left: 0;}
.search_but_type02 .button.type02 button{padding:15px 40px; }


.page_but i.fa{color:#666}
.page_but { margin-top: 60px;}
.page_but ul { width: 100%; display: flex; align-items: center; justify-content: center;font-size: 15px;
    color: #666}
.page_but ul li.arrow { color: #000; top: -2px;font-size: 14px; width: 20px;filter: invert(100%);width: 12px;height: 12px;opacity: 0.3;position: relative;}
.page_but ul li.arrow img{width: 100%;    height: 100%;display: flex;}
.page_but ul li.next_arr{transform: rotate(180deg);} 
.page_but ul li {  margin: 0 15px; color: #888; font-size: 14px;cursor: pointer;}
.page_but ul li.active { color: #000;text-align: center;font-weight: bold;}


/*button*/

.button.flex_but{display: flex;}
.button.type01{margin-top: 40px;}
.button button{border:1px solid #333;border-radius: 4px;}
.button button span{width: 20px;height: 20px;;}
.button button +button{margin-left: 15px;}

.button.type01 button{padding:14px 30px;}
.button.type02 button{padding:10px 20px 10px;}
.button.type02 button svg{color: #fff;transform: translateY(-1px);}
.button.type03 button{border-color: #ddd;color: #767676;padding:6px 10px 4px;line-height: 1;border-radius: 5px;}

.button.sec_bot {text-align: center;margin-top: 100px;}
.button.sec_bot button{padding-left: 32px;padding-right: 32px;padding-top: 14px;padding-bottom: 12px;;margin:0 auto;font-size: 1rem;}


.button.sec_bot button:hover{background: #fff;color:#000;}
.button.sec_bot button:hover svg{color: #000;}


.button.sec_mini {text-align: center;margin-top: 0 !important;display: flex;align-items: center;}
.button.sec_mini button{padding:0 !important;;font-size: 0.9rem;border:none;color: #767676;width: auto !important;}
.button.sec_mini button svg{position: relative;top:3px}

.button.page_bot {text-align: center;display: flex; justify-content: center;margin-top: 80px;}
.button.page_bot button{padding-left: 80px;padding-right: 80px;font-size: 1rem;padding-top: 18px;padding-bottom: 16px;;}
.button.page_bot02 button{padding-left: 60px;padding-right: 60px;font-size: 1rem;;}
.button.page_bot button+button{margin-left: 20px;}


.button.w100_but {}
.button.w100_but button{width: 100%;}

.button.w50_but {text-align: center;display: flex; justify-content: center;margin-top: 80px;}
.button.w50_but button{width:50%;font-size: 1.125rem;padding-top: 22px;padding-bottom: 20px;;}

.button.mini{margin-top: 0 !important;;}
.button.mini button{padding:6px 10px !important;display: flex;border-radius: 2px;}

.button.slide_flex{display: flex;justify-content: space-between;}

button.but_point{background: #71bf44;color: #fff !important;border-color:#71bf44 !important;}
button.but_sub{background: #fff;color: #71bf44;border-color: #71bf44;}
button.but_sub02{background: #fff;color: #666 !important;border-color: #ddd;}
button.but_sub03{background: #ddd ;color: #666;border-color: #ddd;}
button.but_sub04{background: #eee ;color: #666;border-color: #eee;}
button.but_blank{background: #000 !important;color: #fff;border-color: #000;}
button.but_red{background: #f14141 !important;color: #fff;border-color: #f14141;}

.button button.radius4{border-radius: 4px;;}
.button button.radius10{border-radius: 10px;;}
.button button.radius50{border-radius: 50px;;}

.tit + .txt{margin-top: 10px;}
.txt{color: #000;}

.padding_top{padding-top: 180px;}
.padding_bot{padding-bottom: 180px;}
.padding_tb{padding-top: 90px;padding-bottom: 90px;    z-index: 0;}

.padding_sub_top{padding-top: 80px;}
.padding_sub_bot{padding-bottom: 80px;}
.padding_sub_tb{padding-top: 80px;padding-bottom: 80px;}




.sec_title{margin-bottom: 50px;}
.sec_title.center{text-align: center;}
.sec_title.add_but{display: flex;justify-content: space-between;align-items: flex-end;}
.sec_title h4{line-height: 1; font-weight: 300; line-height: 1.2;}
.sec_title h4.center{justify-content: center;}
.sec_title h4 i.type01{display: flex;margin-left: 20px;height: 30px; position: relative;
    top: -6px}
.sec_title h4 i.type02{display: flex;margin-left: 10px; position: relative; top: -4px;}
.sec_title h4 span{font-weight: bold;}
.sec_title h4 strong{font-weight: bold;color: #FF7C0A;}
.sec_title h4 + p{margin-top: 16px;}
.sec_title p{font-size: 20px;color: #949494;}

/* 체크박스 디자인 */
.d-block{display: flex; align-items: center;justify-content: center;    justify-content: flex-start;}
.payment_top .d-block{display: flex; align-items: center;justify-content: center;}
.d-block input[type="checkbox"] {display: none;}
.d-block input[type="checkbox"] + label {display: inline-block; width:20px; height: 20px; background: #fff;border:1px solid #ddd;cursor: pointer; border-radius: 2px; margin-right:7px;}
.d-block:after {display:block; clear:both; content:"";}
.d-block input[type="checkbox"]:checked + label {background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSMALL/images/165325333533013.png)no-repeat center/cover; border:1px solid #71bf44;background-color: #71bf44;}
/* .d-block span{cursor: pointer;line-height: 0;width: max-content;display: block;    top: 8px;left:25px;position: relative;}  */

.d-block span{cursor: pointer;}
/*제품 진열*/
.product_list li{margin-bottom: 40px;}
.product_list .thumbnail{position: relative;display: block; overflow: hidden; padding-bottom:100%;}
.product_list .thumbnail img.thumbnail_ing{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%); width: 80%;}


.product_list li:hover .thumbnail::before{opacity: 0.5; }
.product_list li:hover .hover_but{opacity: 1; }

.product_list .thumbnail .hover_but:hover{opacity: 1;}
.product_list .thumbnail .hover_but{position: absolute;left:50%;transform: translateX(-50%);bottom:30px;opacity: 0;z-index: 9;transition-duration: 0.3s; display: flex;}

.product_list .thumbnail .interest,
.product_list .thumbnail .pro_add_cart{width: 50px;height: 50px;background: rgba(255,255,255,0.9);border-radius: 50%;padding:8px;cursor: pointer;display: flex;   justify-content: center;  align-items: center;}

.product_list .thumbnail .interest.on img{content:url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSMALL/images/167694569770273.png)}

.product_list .thumbnail .hover_but i{box-shadow: 0 0 10px rgba(0,0,0,0.1);}


.product_list .thumbnail::before{content:'';display: block;width: 100%;height: 100%;background: #fff;position: absolute;left:50%;top:50%;transform: translate(-50%, -50%);z-index: 9; opacity: 0; transition-duration: 0.3s;}
.product_list .thumbnail .hover_but img{display: block; width: 70%;height: 70%;}
.product_list .list_icon{position: absolute;bottom:30px;left:50%;transform: translateX(-50%);background:rgb(118 136 173 / 70%);padding:8px 20px;border-radius: 30px;opacity: 0;transition-duration: 0.3s;justify-content: center;    display: flex;}


.product_list .list_icon i{cursor: pointer;}
.product_list .list_icon i+i{margin-left: 20px;}
.product_list .text_box{padding-top:20px;}
.product_list .tit{font-weight: 500;}
.product_list .txt{color: #767676;margin-top: 6px;line-height: 1.3;}
.product_list .sale{font-size: 16px; margin:0 10px;   line-height: 1;position: relative;width: max-content;color: #aaa;}
.product_list .sale::before{content:'';display: block;width: 100%;height: 1px;position: absolute;left:50%;transform: translate(-50%,-50%);top:50%;background: #aaa;}
.product_list .price{font-size: 20px;font-weight: bold;   line-height: 1;}
.product_list .price span{font-weight: inherit;margin-right: 2px; font-size: inherit;}

.product_list .price_sec{display: flex;   align-items: flex-end;}
.product_list .price_sec .sale_percent{color: #FA2626;font-weight: 600;margin-right: 15px;line-height: 1;font-size:20px;}
.product_list .price_sec .sale_percent span{font-size:inherit;font-weight: 800;line-height: inherit;}

.product_list_title{display: flex;justify-content: space-between;align-items: center;margin-bottom: 16px;}
.product_list_title .tit{font-size: 20px; font-weight: bold; }
.menu_list .cata{display: flex;font-size: 0.9rem;color: #666;justify-content: flex-end;}
.menu_list .cata p+p{margin-left: 12px;}
.menu_list .cata p.on{font-weight: bold;color: #000;}
.menu_list .cata p a{display: block;font-weight: inherit;}


.product_list li > div,
.product_list > div > div{cursor: pointer;position: relative;}


.product_list .align_sort{color: #767676;font-size: 0.9rem;margin-left:auto;text-align: right;margin-bottom: 20px;}
.product_list .align_sort span{padding: 0 4px;}
.product_list .align_sort span.on{color: #000; font-weight: bold;}

.product_list .review_con{ display: flex;color: #767676;margin-top: 16px;}

.product_list .review_total{font-size: 15px;font-family: 'Montserrat'; display: flex; align-items: center;}
.product_list .review_total span{background:#FF7C0A ;color: #fff;font-size: 12px;padding:1px 10px;border-radius: 20px; font-family: inherit; margin-left: 8px;} 



/*5개 테이블*/
.product_list .col-md-2 .text_box{padding-top: 15px;}
.col-md-2 .product_list_title i.interest{       padding: 6px; width: 30px; height: 30px;transform: translateY(2px);}
.product_list .col-md-2 > div{position: relative;}

.product_list .col-md-2 .pro_add_cart{ position: absolute; right: 20px; bottom: 20px; width: 40px; height: 40px;}
.product_list .col-md-2 .tit{font-size: 1.25rem;}



.best_frist .ranking span{color: #FF7C0A;}

.ranking{background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSMALL/images/167694377436438.png)no-repeat center/cover;position: absolute !important;right:-20px;top:-20px;width:90px;height: 90px;;color: #222;display: flex;justify-content: center;
    align-items: center;font-size: 1.2rem;font-weight: 800;}
    
.ranking span::before{content:'BEST'; display: block; font-family: 'Montserrat';font-weight: 600; font-size: 14px; color: #222;}
.ranking span{font-weight: bolder;text-align: center;font-size: 20px;line-height: 1.2;}

/* header Style */
.product_list  .col-md-2 .txt { margin-top: 4px;font-size: 1rem;}
.product_list .col-md-2 .price_sec .sale_percent span {   font-size: 3.3rem;}
.product_list .col-md-2 .price {font-size: 1.35rem;}
.product_list .col-md-2 .price span{font-size: 1.5rem;}
.product_list .col-md-2 .sale {font-size: 1.1rem;    margin: 8px 0;}

/* header header_top Style */
@media (max-width: 700px) {
.header {    position: relative;z-index: 999;}
.header .logo{width:180px;}
.header .h_left_nav{display: flex;justify-content: space-between;padding:26px 0 20px 0;align-items: center;}
.header .h_right_nav {width:100%; position: relative; background: #fff;}
.header .h_right_nav.on_pcheader{position: fixed; top:0; z-index: 999; left: 50%; transform: translateX(-50%); padding:0 20px;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.header .h_right_nav.on_pcheader::before{display: none;}
.header .h_right_nav .swiper {overflow: initial;display: flex;align-items: center; justify-content: space-between;max-width: 1400px;}
.header .h_right_subnav {width:100%; position: relative; background: #fff;color:gray}
.header .h_right_subnav.on_pcheader{position: fixed; top:78px; z-index: 997; left: 50%; transform: translateX(-50%); padding:0 20px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.header .h_right_subnav.on_pcheader::before{display: none;}
.header .h_right_subnav_navigator {width:100%; position: relative; background-color: rgb(245, 245, 245);max-width:1400px;color:gray}
.header .h_right_subnav_navigator.on_pcheader{position: fixed; top:43px; z-index: 998; left: 50%; transform: translateX(-50%); padding:0 20px;}
.header .h_right_subnav_navigator.on_pcheader::before{display: none;}
.header .h_right_subnav_navigator .swiper {overflow: initial;display: flex;align-items: center; justify-content: space-between;max-width: 1400px;}
.header .text_list .depth{font-size: 0.9rem;text-align: right;}
.header .text_list .depth > li{display: inline-block;position: relative;}
.header .text_list .depth > li+li{margin-left:15px;}
.header  .search{width: 460px;}
}
@media (min-width: 700px) {
    .header {    position: relative;z-index: 999;}
    .header .logo{width:180px;}
    .header .h_left_nav{display: flex;justify-content: space-between;padding:26px 0 20px 0;align-items: center;}
    .header .h_right_nav {width:100%; position: relative; background: #fff;}
    .header .h_right_nav.on_pcheader{position: fixed; top:0; z-index: 999; left: 50%; transform: translateX(-50%); padding:0 20px;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
    .header .h_right_nav.on_pcheader::before{display: none;}
    .header .h_right_nav .swiper {overflow: initial;display: flex;align-items: center; justify-content: space-between;max-width: 1400px;}
    .header .h_right_subnav {width:100%; position: relative; background: #fff;color:gray}
    .header .h_right_subnav.on_pcheader{position: fixed; top:96px; z-index: 997; left: 50%; transform: translateX(-50%); padding:0 20px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
    .header .h_right_subnav.on_pcheader::before{display: none;}
    .header .h_right_subnav_navigator {width:100%; position: relative; background-color: rgb(245, 245, 245);max-width:1400px;color:gray}
    .header .h_right_subnav_navigator.on_pcheader{position: fixed; top:59px; z-index: 998; left: 50%; transform: translateX(-50%); padding:0 20px;}
    .header .h_right_subnav_navigator.on_pcheader::before{display: none;}
    .header .h_right_subnav_navigator .swiper {overflow: initial;display: flex;align-items: center; justify-content: space-between;max-width: 1400px;}
    .header .text_list .depth{font-size: 0.9rem;text-align: right;}
    .header .text_list .depth > li{display: inline-block;position: relative;}
    .header .text_list .depth > li+li{margin-left:15px;}
    .header  .search{width: 460px;}
}

.header .search{margin:0;padding:8px;border:2px solid #71bf44; background-color: #fff; position: absolute;left:50%;transform: translateX(-50%);}

.header  .search select{width: 100px;height: 100%;padding:0px 10px ;border:none;position: relative;transform: translateY(1px);}
.header  .search .sear_select{position: relative;padding-right:12px;}
.header  .search .sear_select::before{content:'';display: block;width: 1px;height: 20px;background: #ddd;position: absolute;right:0;top:50%;transform: translateY(-50%);}

.header .search input{width: calc(100% - 32px);padding:0;padding-left: 12px;font-size: 0.9rem;transform: translateY(1px);}


.header  .tab_position{position: relative; cursor: pointer;}
.header  .head_tab{width:130px; z-index: 999;position: absolute;border:1px solid #ddd; padding:15px 0px;text-align: center;top: 31px; left: 50%; transform: translateX(-50%);background-color: rgba(255,255,255,0.9); display: none;}/* display:none */



/* header header_bottom Style */
.header .nav_depth {}
.header .nav_depth{display: flex;}
.header .nav_depth > div{padding:15px 0 15px;text-align: center;width: auto !important;}
.header .nav_depth .swiper {overflow: initial;}
.header .nav_depth > div{padding-left:12px;padding-right: 12px;margin:0 4px;}
.header .nav_depth > div > a{font-size:18px; font-weight: 500;}
.header .nav_depth div.on{color: #71bf44;position: relative;}
/* .header .nav_depth div.on::before{content:'';display: block;width: 110%;height: 3px;background: #71bf44;position: absolute;bottom:1px;left:50%;transform: translateX(-50%);} */



.header .h_top{text-align: right;position: relative;width: 100%;}
.header .h_top ul{display: flex;align-items: center;justify-content: flex-end;}
.header .h_top ul li{display: inline-block;position: relative;}
.header .h_top ul li + li{margin-left: 10px;padding-left: 12px;}
.header .h_top ul.icon_nav02 li.my_login::before{display: none;}
.header .h_top ul.icon_nav02 li + li::before{content:'';display: block;width: 1px;height: 12px;background: #ddd;position: absolute;left:0;top:50%;transform: translateY(-50%);}
.header .h_top ul li.my_login i{display: block;width:25px;height: 25px;position: relative;margin:0 auto;border-radius: 50%;overflow: hidden;margin-right: 2px;}
.header .h_top ul li span{font-family: inherit;font-weight: 600;}
.header .h_top ul li p{font-size: 14px;text-align: center;font-family: 'Pretendard';color: #767676;}
.header .h_top ul li.my_login a{display: flex;}
.span_point_muber{background: #71bf44;color: #fff;border-radius: 20px;width: 20px;height: 20px;display: block;position: absolute;right:-3px;top:-3px;font-size: 10px;display: flex;justify-content: center;   align-items: center;padding-top: 2px;}
.span_point_onoff { bottom: 6px;  left: -8px;}
.icon_list a{display: block;}
.header .h_top .my_login{cursor: pointer;}
.header .h_top .my_login >div{display: flex;align-items: center;}
.header .h_top .my_login ul{position: absolute;flex-direction: column;font-size: 0.9rem;width: max-content;    background: #fff;  border: 1px solid #ddd; padding: 12px;color: #333;left:55%;transform: translateX(-50%);top:30px;display: none;}
.header .h_top .my_login ul.on{display: flex;}
.header .h_top .my_login li {display: block;text-align: center;cursor: pointer;}
.header .h_top .my_login li + li::before{display: none !important;}
.header .h_top .my_login li + li {margin-left: 0px;    padding-left: 0px;margin-top: 4px;}
.header .h_top .my_login li + li:last-child{margin-left:0;color: #767676;}


.header .icon_list ul{display: flex;align-items: center;justify-content: flex-end;}
.header .icon_list ul  p{font-size: 14px;       line-height: 1.2; width: 70px;text-align: center;font-family: 'Pretendard';color: #767676;margin-top: 4px;}
.header .icon_list ul li{position: relative;}
.header .icon_list ul li + li{margin-left: 30px;}
.header .icon_list ul li i{width:40px;height: 40px;display: block;margin:0 auto;position: relative;}
.header .icon_list span{background: #c5c5c5;color: #fff;border-radius: 20px;width: 20px;height: 20px;display: block;position: absolute;right:-5px;top:-5px;font-size: 10px;display: flex;justify-content: center;   align-items: center;padding-top: 2px;}
.header .icon_list ul li + li {margin-left: 8px;}

.header .icon_list span.span_point_onoff{bottom:-6px;left:-8px;top:auto;right:auto;width: 35px;}

.header .category-dropdown { position: absolute; width: 1084px; background-color: #ffffff; border-radius: 5px; overflow: hidden; display: none; top: 59px; }
.header .category-dropdown .overlap { padding: 16px; }
.header .category-dropdown .overlap-group { position: relative; width: 40px; height: 40px; }
.header .category-dropdown .shopping-category { position: absolute; width: 26px; height: 26px; top: 7px; left: 5px;  }
.header .category-dropdown .close-overlay-button { position: absolute; width: 40px; height: 40px; top: 0; left: 0; cursor: pointer; }
.header .category-dropdown .group { position: relative; height: 40px; background-color: #7b7b7b; border-radius: 5px; }
.header .category-dropdown .close { position: absolute; width: 30px; height: 30px; top: 5px; left: 5px; }
.header .category-dropdown .frame { display: flex; flex-direction: column; width: 1026px; align-items: flex-start; gap: 30px; padding: 20px 0 0 12px; }
.header .category-dropdown .text-wrapper { position: relative; width: fit-content; margin-top: -1.00px; font-family: "Inter-Medium", Helvetica; font-weight: 500; color: #000000; font-size: 20px; letter-spacing: -0.40px; line-height: 28.8px; white-space: nowrap; }
.header .category-dropdown .text-wrapper a { font-family: "Inter-Medium", Helvetica; font-weight: 500; }
.header .category-dropdown .edit-button-admin { position: relative; width: 22.73px; height: 22.73px; background-color: #fa2626; border-radius: 11.36px; }
.header .category-dropdown .settings { position: absolute; width: 15px; height: 14px; top: 4px; left: 4px; cursor: pointer; }
.header .category-dropdown .category-list { display: flex; flex-wrap: wrap; width: 800px; align-items: center; gap: 30px 30px; position: relative; }
.header .category-dropdown .text-wrapper-2 { display: flex; align-items: center; gap: 6px; font-family: "Inter-Regular", Helvetica; font-weight: 400; color: #666666; font-size: 16px; letter-spacing: -0.40px; line-height: 28.8px; white-space: nowrap;}
.header .category-dropdown .image { position: relative; width: 23px; height: 23px; top: 0; left: 0; object-fit: cover; }
.header .category-dropdown .category-group { display: flex; align-items: flex-start; justify-content: space-between; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.header .category-dropdown .category-title-group { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 11px; position: relative; flex: 0 0 auto; }

@media screen and (min-width: 1025px) {
    .header .category-dropdown .search-bar { display: none; }
}

@media screen and (max-width: 1024px) {
    .header .category-dropdown { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #ffffff; border-radius: 0; z-index: 9999; overflow-y: auto; -webkit-overflow-scrolling: touch; }
    .header .category-dropdown .overlap { position: relative; width: 100%; height: 100%; background-color: #ffffff; border-radius: 0; margin: 0; max-height: none; overflow: visible; }
    .header .category-dropdown .overlap-group { position: absolute; width: 32px; height: 32px; top: 12px; left: 12px; }
    .header .category-dropdown .shopping-category { position: absolute; width: 26px; height: 26px; top: 7px; left: 5px; }
    .header .category-dropdown .close-overlay-button { position: absolute; width: 32px; height: 32px; top: 0; left: 0; cursor: pointer; }
    .header .category-dropdown .group { position: relative; height: 32px; background-color: #7b7b7b; border-radius: 4px; }
    .header .category-dropdown .close { position: absolute; width: 24px; height: 24px; top: 4px; left: 4px; }
    .header .category-dropdown .frame { flex-direction: column; width: 393px; gap: 30px; position: absolute; top: 141px; left: 35px; display: flex; align-items: flex-start; }
    .header .category-dropdown .category-group { flex-wrap: wrap; gap: 16px 20px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; display: flex; align-items: flex-start; }
    .header .category-dropdown .category-group .text-wrapper { flex: 1; }
    .header .category-dropdown .category-group .edit-button-admin { margin-left: 20px; flex-shrink: 0; }
    .header .category-dropdown .text-wrapper { position: relative; width: fit-content; margin-top: -1.00px; font-family: "Inter-Medium", Helvetica; font-weight: 500; color: #000000; font-size: 20px; letter-spacing: -0.40px; line-height: 28.8px; white-space: nowrap; }
    .header .category-dropdown .category-list { flex-wrap: wrap; width: 393px; gap: 20px 30px; position: relative; margin-left: -102px; display: flex; align-items: flex-start; }
    .header .category-dropdown .text-wrapper-2 { position: relative; width: fit-content; margin-top: -1.00px; font-family: "Inter-Regular", Helvetica; font-weight: 400; color: #666666; font-size: 16px; letter-spacing: -0.40px; line-height: 28.8px; white-space: nowrap; }
    .header .category-dropdown .playConfidence { display: flex; flex-wrap: wrap; width: 390px; align-items: flex-start; gap: 20px 30px; position: relative; margin-left: -182px; }
    .header .category-dropdown .playConfidence .text-wrapper-2 { position: relative; display: flex; align-items: center; gap: 4px; height: 29px; }
    .header .category-dropdown .image { width: 23px; height: 23px; object-fit: cover; }
    .header .category-dropdown .playContents { display: flex; flex-wrap: wrap; width: 393px; align-items: center; gap: 20px 30px; position: relative; margin-left: -163px; }
    .header .category-dropdown .search-bar { position: absolute; width: 418px; height: 52px; top: 69px; left: 11px; background-color: #ffffff; border-radius: 30px; border: 2px solid #71bf44; }
    .header .category-dropdown .search-bar .overlap-group-2 { position: relative; width: 408px; height: 32px; top: 10px; left: 10px; }
    .header .category-dropdown .search-bar .input { position: absolute; width: 408px; height: 18px; top: 1px; left: 0; }
    .header .category-dropdown .search-bar .container { position: relative; width: calc(100% - 44px); height: 18px; left: 8px; border: none; background: none; font-family: "Inter-Regular", Helvetica; font-weight: 400; color: #757575; font-size: 13px; letter-spacing: 0; line-height: normal; padding: 0; outline: none; }
    .header .category-dropdown .search-bar .button { position: absolute; width: 32px; height: 32px; top: -1px; right: 0; background-color: #71bf44; border-radius: 16px; cursor: pointer; }
    .header .category-dropdown .search-bar .element-png { position: relative; width: 20px; height: 20px; top: 6px; left: 6px; background-image: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSMALL/images/165317171494470.png); background-size: cover; background-position: 50% 50%; }
}


@media screen and (min-width: 641px) and (max-width: 1023px) {
    .header .category-dropdown { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #ffffff; border-radius: 0; z-index: 9999; overflow-y: auto; -webkit-overflow-scrolling: touch; }
    .header .category-dropdown .overlap { position: relative; width: 100%; height: 100%; background-color: #ffffff; border-radius: 0; margin: 0; max-height: none; overflow: visible; }
    .header .category-dropdown .overlap-group { position: absolute; width: 32px; height: 32px; top: 15px; left: 15px; }
    .header .category-dropdown .close-overlay-button { position: absolute; width: 32px; height: 32px; top: 0; left: 0; cursor: pointer; }
    .header .category-dropdown .group { position: relative; height: 32px; background-color: #7b7b7b; border-radius: 4px; }
    .header .category-dropdown .close { position: absolute; width: 24px; height: 24px; top: 4px; left: 4px; }
    .header .category-dropdown .frame { flex-direction: column; width: calc(100% - 80px); gap: 35px; position: absolute; top: 150px; left: 40px; display: flex; align-items: flex-start; }
    .header .category-dropdown .category-group { flex-wrap: wrap; gap: 20px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; display: flex; align-items: flex-start; }
    .header .category-dropdown .category-group .text-wrapper { flex: 1; }
    .header .category-dropdown .category-group .edit-button-admin { margin-left: 20px; flex-shrink: 0; }
    .header .category-dropdown .text-wrapper { position: relative; width: fit-content; margin-top: -1.00px; font-family: "Inter-Medium", Helvetica; font-weight: 500; color: #000000; font-size: 22px; letter-spacing: -0.40px; line-height: 30px; white-space: nowrap; }
    .header .category-dropdown .category-list { flex-wrap: wrap; width: 100%; gap: 20px 30px; position: relative; margin-left: 0; display: flex; align-items: flex-start; }
    .header .category-dropdown .text-wrapper-2 { position: relative; width: fit-content; margin-top: -1.00px; font-family: "Inter-Regular", Helvetica; font-weight: 400; color: #666666; font-size: 17px; letter-spacing: -0.40px; line-height: 30px; white-space: nowrap; }
    .header .category-dropdown .playConfidence { display: flex; flex-wrap: wrap; width: 100%; align-items: flex-start; gap: 20px 30px; position: relative; margin-left: 0; }
    .header .category-dropdown .playConfidence .text-wrapper-2 { position: relative; display: flex; align-items: center; gap: 6px; height: 30px; }
    .header .category-dropdown .image { width: 25px; height: 25px; object-fit: cover; }
    .header .category-dropdown .playContents { display: flex; flex-wrap: wrap; width: 100%; align-items: center; gap: 20px 30px; position: relative; margin-left: 0; }
    .header .category-dropdown .search-bar { position: absolute; width: calc(100% - 80px); height: 55px; top: 75px; left: 40px; background-color: #ffffff; border-radius: 30px; border: 2px solid #71bf44; }
    .header .category-dropdown .search-bar .overlap-group-2 { position: relative; width: calc(100% - 20px); height: 35px; top: 10px; left: 10px; }
    .header .category-dropdown .search-bar .input { position: absolute; width: calc(100% - 20px); height: 20px; top: 2px; left: 0; }
    .header .category-dropdown .search-bar .container { position: relative; width: calc(100% - 50px); height: 20px; left: 10px; border: none; background: none; font-family: "Inter-Regular", Helvetica; font-weight: 400; color: #757575; font-size: 15px; letter-spacing: 0; line-height: normal; padding: 0; outline: none; }
    .header .category-dropdown .search-bar .button { position: absolute; width: 35px; height: 35px; top: -2px; right: 0; background-color: #71bf44; border-radius: 17px; cursor: pointer; }
    .header .category-dropdown .search-bar .element-png { position: relative; width: 22px; height: 22px; top: 6px; left: 6px; background-image: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSMALL/images/165317171494470.png); background-size: cover; background-position: 50% 50%; }
}

@media screen and (max-width: 640px) {
    .header .category-dropdown .frame { width: calc(100% - 60px); left: 30px; }
    .header .category-dropdown .category-list { width: 100%; margin-left: 0; gap: 15px 20px; }
    .header .category-dropdown .playConfidence { width: 100%; margin-left: 0; gap: 15px 20px; }
    .header .category-dropdown .playContents { width: 100%; margin-left: 0; gap: 15px 20px; }
    .header .category-dropdown .search-bar { width: calc(100% - 40px); left: 20px; }
    .header .category-dropdown .search-bar .overlap-group-2 { width: calc(100% - 20px); }
    .header .category-dropdown .search-bar .input { width: calc(100% - 20px); }
    .header .category-dropdown .search-bar .container { width: calc(100% - 44px); }
    .header .category-dropdown .search-bar .button { right: 0; }
}

@media screen and (max-width: 480px) {
    .header .category-dropdown .frame { width: calc(100% - 50px); left: 25px; gap: 25px; top: 120px; }
    .header .category-dropdown .text-wrapper { font-size: 18px; }
    .header .category-dropdown .text-wrapper-2 { font-size: 14px; line-height: 24px; }
    .header .category-dropdown .category-list { gap: 12px 15px; }
    .header .category-dropdown .playConfidence { gap: 12px 15px; }
    .header .category-dropdown .playContents { gap: 12px 15px; }
    .header .category-dropdown .search-bar { width: calc(100% - 30px); left: 15px; height: 45px; top: 60px; }
    .header .category-dropdown .search-bar .overlap-group-2 { height: 28px; top: 7px; }
    .header .category-dropdown .search-bar .button { width: 28px; height: 28px; border-radius: 14px; }
    .header .category-dropdown .search-bar .element-png { width: 16px; height: 16px; top: 6px; left: 6px; }
}

.mo_header.mo_hevent{position: fixed;top:0;left:0;}


.mo_header{z-index: 99999; display: none; width:100%;position:relative}
.mo_header .bg_color{background-color: hsla(0,0%,0%,0.4);width:100vw; height:110vh;display: block;  position: absolute;
    top: -50px;z-index:9; transition-duration: 0.5s;
   display: none;/* opacity: 0; */
}
/* .mo_header .bg_color.view{opacity: 1;display: block;} */

.mo_header .page_topheader{background-color: #fff; padding:14px 0 14px; width:100%; text-align: center;position:relative;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.mo_header .page_topheader .logo img{width:100px;}
.mo_header .page_topheader .page_sear_cart ul {position:absolute; top:58%; right:15px;transform:translateY(-50%) ;}
.mo_header .page_topheader .page_sear_cart ul li{ display: inline-block; width:38px;margin-left:5px;position: relative;}

.mo_header .page_topheader .page_sear_cart ul li a{display: block;}

.mo_header .close1 img{width:16px;}
.LeftWrap{width:100%; height:100%; background:#fff; position:fixed; top:0; left:-100%; z-index:100; }
.LeftWrap > div{padding:20px 20px 0 20px;width:100%;overflow: hidden; height: 100%;height: 100vh;overflow-y: scroll;}
.LeftWrap .mo_center{margin-top:40px;}
.close1{display:block; width:24px; height:24px; font-size:13px;text-align:center; text-decoration:none; position:absolute; top:25px; right:20px;    z-index: 99;}
.open1{display:block; width:30px; position:absolute;  top:50%; left:20px; transform:translateY(-50%) }
.open1 span{display:block; width:inherit; height:2px; background:#666; margin-bottom:8px;}
.open1 span:last-child{margin-bottom:0;}

.mo_header .mo_top{}
.mo_header .mo_top ul{display: flex;}
.mo_header .mo_top li img{width:25px; }
.mo_header .mo_top li p{font-size:14px; margin-top:3px;}
.mo_header .state_point{display: flex;}
.mo_header .state_point ul{width:35%}
.mo_header .state_point ul li{position: relative;}
.mo_header .state_point ul li::before{content:'';display: block;width: 8px;height: 8px;border-top:1px solid #000;border-right:1px solid #000;transform: translateY(-50%) rotate(45deg);top:44%;right:-10px;position: absolute;}
.mo_header .state_point .my_point{width:40%;display: flex;    align-items: center; justify-content: flex-start;/* color:#71bf44; */font-size: 1.125rem;}
.mo_header .state_point .my_point i{width: 25px;border-radius: 4px;overflow: hidden;height: 25px;margin-right: 10px;}
.mo_header .state_point .my_point p{position: relative;top: 3px;}

.mo_header .myh_top_button{margin-top: 20px;padding-top: 30px;background: #fff;;}
.mo_header .myh_top_button li{width: 25%;text-align: center;}
.mo_header .myh_top_button i{position: relative;width: 45px; height: 45px;;   display: block;margin:0 auto;margin-bottom: 8px;}
.mo_header .myh_top_button img{width: 100% !important;height: 100%;}



 /* #btn1{padding:50px} */
 #btn1 ul{display:none}
 .mo_header .logo img{width:160px;margin: 0 auto;}
 .mo_header .mo_top ul{position: relative;display: flex;}
 .mo_header .mo_top ul li+li{margin-left: 15px;}
 .mo_header .mo_top ul li button{padding:12px 40px;border-radius: 4px;}
 .mo_header .mo_top ul li a{display: block; width:100%;font-weight: bolder;}
 .mo_header .nav .nav_depth > li{font-size:16px; line-height:2.8em;font-weight: 500;}
 .mo_header .button{display: flex;margin-top: 30px;margin-bottom: 20px;;}
 .mo_header .button button{width: 50%;display: flex;align-items: center;justify-content: center;}
 .mo_header .button button img{width: 30px;margin-right: 4px;}

    /*모바일탭 */
    .LeftWrap{font-size:16px;}
    .mo_tabSet{position: relative;margin:0 -20px;margin-top: 30px;}
    .mo_tabSet::before{content:'';display: block;width: 100%;height: 100%;background: #fff;position: absolute;left:50%;transform: translate(-50%,-50%);top:50%;z-index: -1;}
    .mo_tabSet ul.mo_tabs {display: flex;position: relative;}
    .mo_tabSet ul.mo_tabs li{width: 50%;text-align: center;}
    .mo_tabSet ul.mo_tabs li a{text-align: center;display: block;padding:20px 0;color: #666;border-bottom: 1px solid #71bf44;}
    .mo_tabSet ul.mo_tabs li a.on{cursor:default;color:#71bf44;font-weight: 600;border:1px solid #71bf44;border-bottom:none;}
    .mo_header .panel02{padding:20px 20px;display:none;}

    .mo_tabSet .cate_depth i{width: 45px;height: 45px;;display: block;margin:0 auto;}
    .mo_tabSet .cate_depth{display: flex;flex-wrap: wrap;font-size: 14px;;}
    .mo_tabSet .cate_depth li{width: 25%;text-align: center;margin:20px 0;}
    .mo_tabSet .cate_depth p{margin-top: 10px;}
    .mo_tabSet .brand_moh li{width: 100%;}
    .mo_tabSet .brand_moh li img{height: 100%;display: block;}
    .mo_tabSet .brand_moh li + li{margin-top: 20px;}

    .mo_service{background: #fff;margin:0 -20px;margin-top: 30px;padding:20px;}
    .mo_service h2{font-weight: bold;}
    .mo_service ul{display: flex;flex-wrap: wrap;}
    .mo_service ul li{width: 25%;text-align: center;font-size: 14px;line-height: 1.3;margin:15px 0;}
    .mo_service ul li i{width: 70px;height: 70px;display: block;margin:0 auto;;background: #f8f8f8;border-radius: 50%;padding:5px;;}
    .mo_service ul li p{height: 36px;display: flex; justify-content: center; align-items: center;margin-top: 8px;;}



    .mo_service02 ul li{width: 50%;margin-bottom:0;}
    .mo_service02 ul li i{width: 40px !important;height: 40px !important;display: block;margin:0;background: transparent;border-radius: 0;padding:5px;;}
    .mo_service02 ul li >div{display: flex;} 
    .mo_service ul li p{height: auto;display: flex; justify-content: center; align-items: center;margin-top: 0px;;margin-left: 10px;;}


/* Footer Style */
footer .select_depth > li{position: relative;}
footer .fot_top .select_depth{margin-left: 40px;}
footer .fot_top .select_depth ul{position: absolute;display: none;background: #fff;border:1px solid #ddd;;width:150px;padding:20px;    top: 43px;}
footer .fot_top .select_depth ul li{margin:0;}
footer .fot_top .select_depth ul li +li{margin-top: 8px;}
footer .fot_top .select_depth p{border:1px solid #ddd;width: 150px;display: block;background: #fff;padding:10px;position: relative;}
footer .fot_top .select_depth p::before{content:'';display: block;width: 6px;height: 6px;border-top:1px solid #bbb;border-right:1px solid #bbb;position: absolute;right:15px;top:45%;transform: translateY(-50%) rotate(135deg);}

footer{background-color: #fff; font-size:14px;color: #000; overflow: hidden;}
footer .fot_top{display: flex;position: relative;padding:20px 0 21px;}
footer .fot_top::before{content:'';display: block;width: 150%;height: 1px;background: #ddd;position: absolute;left:50%;transform: translateX(-50%);bottom:0;}
footer .fot_top ul{display: flex;align-items: center;}
footer .fot_top ul li+li{margin-left: 40px;}
footer .fot_bot01{display: flex;padding:40px 0;} 
footer .fot_bot_right{width: 33.3%;}
footer .fot_bot_left{display: flex; flex-direction: column; justify-content: space-between;}
footer .fot_bot_left{width: 60%;}
footer .fot_bot_center{width: 40%;}
footer .fot_wrap_left{display: flex; justify-content: space-between;width: 100%; gap: 20px;}
footer .fot_bot .info div+div{margin-top: 2px;}
footer .fot_bot div > p {color: #666;}
footer .fot_bot div > p > span{color: #000;margin-left: 6px;display: inline-block;}
footer .fot_bot02{margin-bottom:40px;}
footer .fot_bot02 ul{display: flex;justify-content: space-between;} 
footer .fot_bot02 li:last-child{display: flex;} 
footer .fot_bot02 li p{margin-bottom: 6px;}
footer .fot_bot02 .announcement_but{display: flex;background: #71bf44;color: #fff;;border-radius: 40px;padding:2px 16px;align-items: center;}
footer .fot_bot02 .announcement_but img{transform: rotate(180deg);width: 8px;margin-left: 4px;} 
footer .fot_bot02 li:last-child button{background: #666;border-radius:60px;width: 50px;height: 50px;padding:4px;;}
footer .fot_bot02 button+button{margin-left: 12px;;}

footer .fot_bot_left .contents_txt:hover .contents_div{display: block;}
footer .fot_bot_left .contents_txt{display: flex;align-items: center;margin-top: 20px;color: #767676;position: relative;}
footer .fot_bot_left .contents_txt button{background: #ddd;color: #666;padding:4px 12px;border-radius: 30px;font-size: 0.75rem;margin-left: 16px;}
footer .fot_bot_center li+li{margin-top: 20px;}
footer .fot_bot_left .contents_div{position: absolute;background: #fff;border:1px solid #ddd;border-radius: 20px;left: 220px; bottom: 40px; padding: 20px; color: #000;    width: max-content;display: none;}
footer .fot_bot_left .contents_div > p{font-size: 1.125rem;color: #000;margin-bottom: 10px;border-bottom:1px solid #ddd;padding-bottom: 10px;}
footer .fot_bot_left .contents_div li+li{margin-top: 4px;}
footer .fot_bot_left .contents_div li{position: relative;padding-left: 10px;}
footer .fot_bot_left .contents_div li::before{content:'· ';display:block;position: absolute;left:0;top:0px;}
footer .fot_bot_left img{width: 106px;}

/* footer .fot_bot_center li:last-child{display: flex;} */
footer .fot_bot_center li button{margin-top: 20px;display: flex;    align-items: center;border:1px solid #ddd;padding:6px 20px;border-radius: 40px;background: #fff;}
footer .fot_bot_center li button + button{margin-left: 12px;}
footer .fot_bot_center li button img{width: 30px;height: 30px;margin-right: 6px;;}

footer .fot_bot_right em{margin-bottom: 16px;display: flex; justify-content: space-between;position: relative;padding-right: 4px;}
footer .fot_bot_right em button{color: #888;}
footer .fot_bot_right em:before{content:'';display: block;width: 6px;height: 6px;border-top:1px solid #888;border-right:1px solid #888;position: absolute;right:0px;top:45%;transform: translateY(-50%) rotate(45deg);}

footer .fot_bot_right ul{border-top:1px solid #000;}
footer .fot_bot_right ul li{display: flex;padding:12px 0; border-bottom:1px solid #bbb;align-items: center;      justify-content: space-between;}
footer .fot_bot_right ul li .tit{width: calc(100% - 60px);color: #666;}
footer .fot_bot_right ul li .day{width: 60px;color: #888;font-size: 0.8rem;}



footer .fot_bot_text{position: relative;padding:20px 0 15px;text-align: center;font-size: 12px;color: #888;}
footer .fot_bot_text p{word-break: keep-all;}
footer .fot_bot_text::before{content:'';display: block;width: 150%;height: 1px;background: #ddd;position: absolute;left:50%;transform: translateX(-50%);top:0;}

footer .page_kt_but{position: fixed;right:20px;bottom:20px;z-index: 9999;}
footer .page_kt_but li{width: 70px;border-radius: 50%;overflow: hidden;}
footer .page_kt_but li button{padding:0;}
footer .page_kt_but li img{display: block;}
footer .page_kt_but li:nth-child(1){background: #34af35;;}
footer .page_kt_but li:nth-child(2){background: #eedb24;;}
footer .page_kt_but li:last-child{border:1px solid #ddd;}
footer .page_kt_but li +li{margin-top: 12px;background: #fff;}
footer .page_kt_but li img{width: 100%;height: 100%;}



.mypage_top_tabs{display: none; margin-bottom: 40px; }
.mypage_top_tabs .top_tabs{/* overflow-x: scroll; width: 100%;  */ position: relative;}
.mypage_top_tabs::before{content:'';display: block;width: 100%;height: 50px;position: absolute;left:50%;top:0;transform: translate(-50%,0%);background: #f9f9f9;}
.mypage_top_tabs .top_tabs .depth01{display: flex; width: 100%; position: relative;}
.mypage_top_tabs .top_tabs .depth01 > li{ /* color: #888; font-weight: 600; */}
.mypage_top_tabs .top_tabs .depth01 > li.on{color:#71bf44; font-weight: 600;} 
.mypage_top_tabs .top_tabs .depth01 > li:hover{color:#71bf44; font-weight: 600;} 
.mypage_top_tabs .top_tabs .depth01 > li em{font-weight: inherit; text-align: center; position: relative;padding:12px 20px; cursor: pointer; display: block;}
.mypage_top_tabs .top_tabs .depth01 > li.click .bot_tabs{display: flex;}
.mypage_top_tabs .top_tabs .depth01 > li em::before{content:'';display: block;width:0%;height: 2px;background: #71bf44;position: absolute;left:50%;bottom:0; transform: translate(-50%,0); transition-duration: 0.3s;}
.mypage_top_tabs .top_tabs .depth01 > li.on em::before{width: 100%;}
.mypage_top_tabs .top_tabs .depth01 > li:hover em::before{width: 100%;}
.mypage_top_tabs .top_tabs .depth01 > li:hover em::after{content: attr(title); display: block;  font-weight: bold; height: 0px;  visibility: hidden;}



.mypage_top_tabs .top_tabs .depth01 > li em.on{color: #71bf44;  } 
.mypage_top_tabs .top_tabs .depth01 > li em.on::before{width: 100%;}

.mypage_top_tabs .top_tabs .depth01 > li.margin{padding-bottom: 60px;}



.mypage_top_tabs .bot_tabs{display:none ; position: absolute; width: max-content; left:0;}
.mypage_top_tabs .bot_tabs ul{display: flex;display: flex;}
.mypage_top_tabs .bot_tabs.scroll{overflow-x: scroll;    width: 100%;}
.mypage_top_tabs .bot_tabs.scroll ul{width: max-content; padding:10px 8px; /* display: none; */    white-space: pre !important;}
.mypage_top_tabs .bot_tabs.scroll ul li{padding:5px 12px 4px; font-size: 14px; color: #666; border:1px solid #ddd; border-radius: 30px; cursor: pointer; background: #fff;}
.mypage_top_tabs .bot_tabs.scroll ul li + li{margin-left: 10px;}
.mypage_top_tabs .bot_tabs.scroll ul li.on{color: #fff;background: #71bf44; border-color:#71bf44; }

.mypage_top_tabs .bot_tabs.scroll ul li:hover{color: #fff;background: #71bf44; border-color:#71bf44; }



/* ********************************************* *
*1800px max
* ********************************************* */
@media screen and (max-width:1800px){
}

 /* ********************************************* *
 *1800px max
 * ********************************************* */
 @media screen and (max-width:1800px){

.hamburger .hamburger_but {right: 30px;}
.hamburger .hamburger_but > div {right: -30px;}
.header .header_bottom .nav_depth > li {vertical-align: top;padding: 0 2% 40px;}
 }

 /* ********************************************* *
 *1500px max
 * ********************************************* */
 @media screen and (max-width:1500px){
    /* .header .header_bottom .nav_depth > li {   padding-right: 55px;} */

    .popup > div:first-child{padding-left: 16px;}
    .popup > div:last-child{padding-right: 16px;}

    .header .header_bottom .nav_depth > li {    
        width: auto;}
    .header .header_bottom .nav_depth02{width: 125%; }
    .header .header_bottom .nav_depth02 li{font-size:0.85rem;}
}

/* ********************************************* *
* 1400px max
* ********************************************* */
@media screen and (max-width: 1400px){

    .header .header_bottom .nav_depth02 li {padding: 0 15px;}
    .header_inner{width:100%;}
    .sub_header{margin-top:0;}

    footer .fot_right {margin-left: 120px;}

}
 /* ********************************************* *
 * 1200px max
 * ********************************************* */
 @media screen and (max-width: 1200px){

    .header .icon_list ul li i {width: 35px; height: 35px;}
    .header .nav_depth > li > a {font-size: 1.125rem;}
    

    .header .search {width: 380px;}
    .header .search select {width: 80px;}  
    .header .search input {width: calc(100% - 32px);}


    .header .bd-lg{padding:0;}
    .header .h_top{padding:4px  16px 10px;;}
    .header .h_left_nav{padding:10px 16px;}

    footer .fot_right {margin-left: 80px;}
    footer .logo{display: none;}
    footer .fot_top{margin-left: 0;}

    footer .fot_bot01{display: block;}
    footer .fot_wrap_left{width: 100%;}
    footer .fot_bot_right{width: 100%;margin-top: 40px;}

    .popup > div > div{font-size: 16px; height: 50px; }
    .popup > div:first-child{padding-right: 16px;}
    .popup > div:last-child{padding-left: 16px;}
    .popup div button{font-size: 15px; height: 38px; width: 38px;}

    }

 /* ********************************************* *
 * 1024px max
 * ********************************************* */
 @media screen and (max-width: 1024px){
    

    .header .h_top{display: none;}
    /* .header .h_left_nav{display: none;} */

    .mo_header { display: block;}
    .header .h_right_nav{overflow: hidden;}
    /*.header {overflow: hidden;}*/

    .mypage_top_tabs{display: block; margin:0 -16px;}

    .mypage_title_tabs{display: none;}

 }

 /* ********************************************* *
 * 960px max
 * ********************************************* */
 @media screen and (max-width: 960px){

.sec_title h4{font-size: 2.4rem; top: 3px;}
.sec_title h4 span{font-size: 2.4rem;}


.padding_top{padding-top: 90px;}
.padding_bot{padding-bottom: 90px;}
.padding_tb{padding-top: 90px;padding-bottom: 90px;}



.padding_sub_top{padding-top: 60px;}
.padding_sub_bot{padding-bottom: 60px;}
.padding_sub_tb{padding-top: 60px;padding-bottom: 60px;}

.page_but {margin-top: 40px;}



.product_list .col-md-2 .price_sec .sale_percent span {font-size: 2.5rem;}
.product_list .price_sec .sale_percent { font-size: 1.2rem;margin-right: 12px;top: 2px;}
.product_list .col-md-2 .sale {font-size: 0.95rem;margin: 6px 0;}
.product_list .col-md-2 .price {font-size: 1.1rem;}
.product_list .col-md-2 .price span {font-size: 1.1rem;}
.header .h_right_nav .swiper{padding:0;}


.product_list_title .tit{font-size: 1.25rem;}
.product_list_title i.interest { width: 35px;height: 34px;}

.product_list .price_sec .sale_percent span {font-size: 3rem;}
.product_list .sale{font-size: 1rem;}
.product_list .price {font-size: 1.25rem;}
.product_list .price span { font-size: 1.5rem;}

.product_list .txt{font-size: 1rem;}
.product_list .price_sec {margin-top: 10px;}


footer > div{flex-direction: column-reverse;}
footer .fot_right{margin-left: 0;}
footer .fot_right ul{display: flex;}
footer .fot_right ul li{width: 50%;;}
footer .fot_right li+li{margin-top: 0;}


footer .fot_top ul li+li {margin-left: 30px;}
footer .fot_top .select_depth p {width: 130px;}


 }






 /* ********************************************* *
 * 840px max
 * ********************************************* */
 @media screen and (max-width: 840px){

    .header .logo {width: 120px; }

    .header .icon_list ul p{font-size: 13px; line-height: 1.2;}

    .header .search { left: 45%;}
 }


 /* ********************************************* *
 * 769px max
 * ********************************************* */
 @media screen and (max-width: 769px){
        

.padding_top{padding-top: 80px;}
.padding_bot{padding-bottom: 80px;}
.padding_tb{padding-top: 80px;padding-bottom: 80px;}

.padding_sub_top{padding-top: 60px;}
.padding_sub_bot{padding-bottom: 60px;}
.padding_sub_tb{padding-top: 60px;padding-bottom: 60px;}

    .header .nav_depth > div { margin: 0 2px;}


    .product_list .price_sec .sale_percent span {font-size: 2.5rem;}
    .product_list .sale{font-size: 0.9rem;    margin: 6px 0;}
    .product_list .price {font-size: 1rem;}
    .product_list .price span { font-size: 1.25rem;}


    footer .fot_wrap_left{display: block;}
    footer .fot_bot_left, footer .fot_bot_center{width: 100%;}
    footer .fot_bot_center{margin-top: 20px;}
    footer .fot_wrap_left .info{display: flex;flex-wrap: wrap;}
    footer .fot_wrap_left .info .font_125rem {width: 100%;margin:0;}
    footer .fot_wrap_left .info >div+div{margin-right: 20px;}


    footer .fot_top .select_depth{margin-left:12px;}
    footer .fot_top{justify-content: space-between;padding:20px 0;}
    footer .fot_top .select_depth li+li {margin-left: 20px;}

    footer .fot_bot02 ul{display: block;}
    footer .fot_bot02 li:last-child { justify-content: flex-end;}
    footer .fot_bot02 li:last-child button {width: 40px;height: 40px;}
    footer .fot_bot_center li button {margin-top: 0;}

    .popup > div > div{font-size: 15px; height: 44px; }
    .popup div button{font-size: 14px; height: 32px; width: 32px;}


    .header .search {padding:4px;width: 300px; }
    .header .icon_list ul li i{width: 30px; height: 30px ;}

    .header .icon_list ul li + li {margin-left: 4px;   }
 }

  /* ********************************************* *
 * 640px max
 * ********************************************* */
 @media screen and (max-width: 640px){
    .product_list .thumbnail .hover_but{display: none;}

    .header .icon_list ul p { font-size: 12px;   margin-top: 2px;}


    .icon_list .time_product_btn span{top: auto; bottom: 0;}
    .header .icon_list ul li + li {margin-left: 0;}
    .header .icon_list ul p {width: 65px;}
 }


 /* ********************************************* *
 * 600px max
 * ********************************************* */
 @media screen and (max-width: 640px){
    .sec_title {margin-bottom: 30px;}

    .sec_title h4{font-size: 2rem;    top: 3px;position: relative;}
    .sec_title h4 span{    font-size: 2rem; position: relative;}
    .sec_title h4 i.type01 { margin-left: 16px;height: 20px;}
    .sec_title h4 + p{margin-top: 14px;}
    .sec_title p{font-size: 16px;}

.popup i {width: 16px;}
.popup p { font-size: 14px;}


.header .nav_depth > div {padding: 8px 5px 8px;}
.header .nav_depth > div > a {font-size: 1.000rem;}
.header .nav_depth div.on::before{width: 100%;}

.product_list .align_sort {margin-bottom: 0px;}
.align_sort .pc_ver{display: none;}
.align_sort .mo_ver{display: block;    text-align: left;}
.align_sort .mo_ver select{border-radius: 0px;border:none;padding:8px;width: 90px;background: url(https://lbcontents.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-arrow-st2.png) no-repeat 90% 55%; background-size: 8px 5px; border-radius: 5px;font-size: 16px;}



.button.type02 button {padding: 12px 12px 13px;position: relative;}
 button{font-size: 14px;}

.page_but {margin-top: 20px;}

.mo_header .mo_top ul li button{width: 100px;    padding: 10px  0px;}
.ranking { width: 25px;height: 30px;  left: 8px; top:16px;  font-size: 0.8rem;}
.product_list .review_con{font-size: 0.9rem;}
footer .fot_bot_center li button {margin-top: 0px;  padding: 4px 12px}
footer .fot_bot_center li+li{margin-top: 12px;}
footer .fot_top{display: block;}
footer .fot_top .select_depth{margin-left: 0;margin-top: 16px;;}
footer .fot_top .select_depth p{padding:8px;font-size: 11px;}
footer .fot_bot01 { padding: 20px 0;}
footer .fot_bot_center li button{font-size: 11px;}
footer .fot_bot_center li button img {width: 20px;height: 20px;}
footer .fot_bot_center li button + button {margin-left:8px;}


.product_list li{width: 100%;margin-bottom: 0;padding:16px 0 ;}
.product_list li + li{border-top:1px solid #ddd;}
.product_list li > div{display: flex;    align-items: center;}
.product_list .thumbnail{width: 140px;height: 140px; padding-bottom: 0;}

.product_list .text_box{width: calc(100% - 140px);padding-left: 20px;padding-top: 0;}
.product_list .col-md-2 .text_box{padding-top: 0;}

.product_list .price_sec .sale_percent span {font-size: 2rem;}
.product_list .price span {font-size: 1.125rem;}
.product_list .sale {font-size: 0.8rem;margin:0;margin-bottom: 4px;}
.product_list .price_sec .sale_percent{margin-right: 12px;;}

.product_list .brand_name {font-size: 0.8rem;}


.button.type01 button { padding: 12px 30px;}
footer .fot_bot_left .contents_div { border-radius:15px;left: 0px;}
footer .page_kt_but li {width: 50px;}
footer .page_kt_but li +li {margin-top: 8px;}
footer .fot_bot_right em {margin-bottom: 4px;}
footer .font_125rem{font-size: 14px;}
footer .fot_bot_right ul li { padding: 10px 0;}
footer .fot_bot_left .contents_txt button,
footer .fot_bot02 .announcement_but{font-size: 11px;;}
footer .fot_bot_right em button{font-size: 10px;}
footer .fot_wrap_left .info >div+div {margin-right: 10px;}

.popup > div > div{font-size: 14px; height: 40px; }
.popup div button{font-size: 13px; height: 28px; width: 28px;}


.header .search {display: none; }



.button.type02 button{padding:6px 16px 6px;}
} 

/* ********************************************* *
* 500px max
* ********************************************* */
@media screen and (max-width: 500px){
    footer{font-size: 12px;}
    .sec_title h4 {font-size: 1.6rem;}
    .sec_title.add_but{margin-bottom: 20px;}
    .sec_title h4 span{    font-size: 1.5rem;}
    .sec_title h4 i.type01{margin-left: 10px; height: 16px;top: -4px;}
    .sec_title p{font-size: 14px;}


    .product_list .review_total{font-size: 14px;}
    .product_list .review_total span{font-size: 10px; margin-left: 6px;} 
    
    .mo_header .page_topheader .page_sear_cart ul li {width: 30px;margin-left: 0;}
    .mo_header .page_topheader .logo img {width: 80px;}
    .mo_header .page_topheader {  padding: 10px 0 10px;}
    .open1{width: 25px;left: 16px;}
    .open1 span { height: 1px;  margin-bottom: 6px;}




    .product_list .txt {font-size: 0.85rem;}
    .product_list .review_con{margin-top: 8px;}
    .product_list_title i.interest{width: 25px;height: 25px;padding: 4px;}
    .col-md-2 .product_list_title i.interest{width: 25px;height: 25px;position: relative;
        top: -2px;}
    .product_list .col-md-2 .tit{font-size: 1.125rem;}
    .product_list .col-md-2 .sale {font-size: 0.9rem;}
    .product_list .col-md-2 .price_sec .sale_percent span {font-size: 2.3rem;}
    .product_list .col-md-2 .txt{font-size: 0.8rem;}



    .LeftWrap > div {padding: 20px 16px 0 16px;}
    .mo_header .myh_top_button {margin-top: 14px;padding-top: 16px;}
    .mo_header .mo_top ul li+li {margin-left: 10px;}
    .mo_header .state_point .my_point { font-size: 1rem;}
    .mo_header .state_point .my_point i { width: 20px; border-radius: 2px;  height: 20px; margin-right: 4px;}

    .mo_header .mo_top li p {   margin-top: 0;}
    .mo_header .myh_top_button i { width: 40px; height: 40px;margin-bottom: 0;}
    .mo_tabSet ul.mo_tabs li a { padding: 14px 0 12px;}
    .mo_tabSet .cate_depth li {   margin: 12px 0;}

    .mo_service {  margin: 0 -16px;border-top:10px solid #f8f8f8;padding: 16px;}
    .mo_header .panel02{padding: 16px;}
    .mo_tabSet .brand_moh li + li{margin-top: 12px;}
    .mo_service ul li i {width: 60px; height: 60px;}

    
    footer .company_info p + p{margin-left: 0;}
    footer .company_info p{margin-right:10px;}

    .button.sec_mini button{font-size: .8rem;}

    /* .align_sort .mo_ver select{font-size: 0.8rem;} */

    .header .h_left_nav {padding:8px 16px; }
    .header .logo {width: 100px; }
    .header .icon_list ul li i { height: 25px; }

    .product_list_title{margin-bottom: 0px;}

}
/* ********************************************* *
* 400 max
* ********************************************* */
@media screen and (max-width: 400px){
    .mo_header .button button{padding:10px 0 ;}

    .mo_header .page_topheader .logo img {  margin: 0; margin-left: 60px;}

    /* .sec_title h4 {font-size: 1.25rem;}
    .sec_title h4 i.type01{margin-left: 8px;height: 16px;top: -4px;} */
    
.padding_top{padding-top: 60px;}
.padding_bot{padding-bottom: 60px;}
.padding_tb{padding-top: 60px;padding-bottom: 60px;}

.padding_sub_top{padding-top: 40px;}

.padding_sub_bot{padding-bottom: 40px;}
.padding_sub_tb{padding-top: 40px;padding-bottom: 40px;}


    .page_but ul li {margin: 0 10px;}
    .page_but ul li.arrow {width: 10px;height: 10px;}

    .product_list_title .tit { font-size: 1.125rem;}

    .product_list .price_sec .sale_percent span {font-size: 2.2rem;}
    .product_list .sale{font-size: 1rem;}
    .product_list .price {font-size: 1rem;}
    .product_list .price span { font-size: inherit;}
    .product_list .price_sec .sale_percent { margin-right: 8px;}

    .product_list .col-md-2 .price_sec .sale_percent span {font-size: 2.2rem;}
    .product_list .price_sec .sale_percent { font-size: 1rem;margin-right: 8px;top: 2px;}
    .product_list .col-md-2 .sale {font-size: 0.8rem;margin: 6px 0;}
    .product_list .col-md-2 .price {font-size: 1rem;}
    .product_list .col-md-2 .price span {font-size: 1rem;}
    .product_list .brand_name {font-size: 0.8rem;}
    .product_list .txt {font-size: 0.8rem;}

    .button.type02 button {padding: 8px 6px 8px;     top: 2px;font-size: 0.8rem;border-radius: 4px;}

    footer .page_kt_but { right: 10px;    bottom: 10px;}
    footer .page_kt_but li {width: 40px;}

    .popup > div > div{font-size: 13px; height: 36px; }
    .popup div button{font-size: 12px; height: 24px; width: 24px;}
    .popup > div:first-child{padding-right: 10px;}
    .popup > div:last-child{padding-left: 10px;}


    .header .icon_list ul p {width: 60px;  font-size: 11px;  line-height: 1.1;  margin-top: 6px;}

    .mypage_top_tabs .top_tabs .depth01 > li em {  padding: 12px 10px;}
}
/* ********************************************* *
* 360 max
* ********************************************* */
@media screen and (max-width: 360px){
    .mo_header .state_point ul {width: 40%; }

    /* .mo_header .state_point .my_point{width: 100%;justify-content: center;;background: #e8f5ea;padding:12px 0;border-radius: 4px;margin-top: 14px;} */

    .product_list .price_sec .sale_percent {font-size: 1rem;top: 0;}
    .product_list .price_sec .sale_percent span{font-size: inherit;}
    .product_list .price{font-size: 1rem;}

    /* .product_list .sale{position: absolute;left:0;top:0;font-size: 0.85rem;margin:0;} */
    .product_list .sale{margin-left: 6px;}
    .product_list .price_sec{position: relative;margin-top: 8px;}
    .product_list .review_con {font-size: 0.8rem;}

    .product_list_title .brand_name {font-size: 0.8rem;}
    .product_list_title .tit {  margin-top: 0;font-size: 1rem;}

    .product_list .col-md-2 .sale_percent { padding-top: 26px;margin-top: 5px;}
    .product_list .col-md-2 .price_sec .sale_percent span{font-size: inherit;}

    
.product_list .thumbnail{width: 100px;height: 100px;}
.product_list .text_box{width: calc(100% - 100px); padding-left: 16px;}

.mo_tabSet .cate_depth p{font-size: 12px;margin-top: 4px;}
.mo_service ul li p{margin-left: 0;}

    .popup > div > div{font-size: 132px; height: 32px; }
    .popup div button{display: none;}
    .popup > div:first-child{padding-right: 10px;}
    .popup > div:last-child{padding-left: 10px;}



    .mypage_top_tabs .top_tabs .depth01 > li em {padding: 12px 15px;}
    .mypage_top_tabs .top_tabs { overflow-x: scroll;  }

    .mypage_top_tabs .top_tabs .depth01{    width: max-content;}



}
/* ********************************************* *
* 310 max
* ********************************************* */
@media screen and (max-width: 310px){
    .product_list .txt{display: none !important;}
    .prd_detail_box .product_list .txt{display: block !important;}
    .product_list .thumbnail {width: 90px;height: 90px;}
    .product_list .text_box {width: calc(100% - 90px);padding-left: 12px;}

}