@charset "utf-8";
/*반응형 css*/

@media(min-width: 993px){
	.sit_opt_wrap{display: block !important;}
}

@media(max-width: 1400px){
	/*header*/
	.header .item__contents{left: 0;}
}

@media(max-width: 1330px){
	/*common*/
	.inner,
	.swiper-container .inner-box{max-width: 100%;padding-left: 1.5625rem;padding-right: 1.5625rem;}

	/*header*/
	.header .item__contents{left: 1.5625rem;}

	/*main*/
	.tab-group{gap: 2rem;}

	/*sub*/
	.shop-tab-wrap .sub-tab-group .tab-item{padding: 1rem;}

	/*mp_wrap*/
	.mp_wrap .mp_nav{width: 140px;}

	/*my_sales - 매출현황*/
	.table_wrap .table_top > *{margin-left: 0;}

	/*my_order - 주문내역 조회*/
	.prd_table th,
	.my_table th{white-space: inherit;padding-top: 1rem;padding-bottom: 1rem;}
	.prd_table td,
	.my_table td{padding-top: 1rem;padding-bottom: 1rem;}
	.prd_table .pd_info .thum,
	.od_prd_list .td_prd .sod_img,
	.recent_list .pd_info .thum{width: 80px;}
	.prd_table .td_price,
	.prd_table .td_state{width: 78px;}
	.prd_table .td_od_num{width: 130px;}
	.my_table{font-size: .9375rem;}

	.my_order .my_table{margin-top: 2rem;}

	.prd_table .pd_info .pd_name,
	.prd_table .pd_info .pd_store{margin-bottom: .3rem;}

	/*wishlist - 찜한 목록*/
	.my_wish_list ul{margin-left: -.75rem;margin-right: -.75rem;}
	.my_wish_list ul .card-wrap{padding: 0 .75rem;}

	/*내가 쓴 글*/
	.sqa_txt h2 img{margin-right: .4rem;width: 1.2rem;}

	/*상품뷰페이지*/
	.sit_prc_wrap{flex-flow: column;align-items: flex-start;gap: 10px;}
	
	.sit_ov_whole_wrap .sit_ov_left{padding-bottom: 2.75rem;}
	#sit_ov_wrap{display: block;}
	#sit_pvi{max-width: 400px;margin: 0 auto 1.25rem;}
	.thumb_sd_prev{padding-left: .625rem;}
	.thumb_sd_next{padding-right: .625rem;}
	#sit_ov{margin: 0;}
	.sit_info{margin-top: 1.5rem;}
	#sit_title{margin-bottom: 1.5rem;font-size: 1.4rem;}
	.sit_prc_wrap .now_prc{font-size: 1.75rem;}
	#sit_tab .tab_tit{margin: 2.5rem 0;}

	.sit_ov_whole_wrap .sit_ov_right{margin-left: 1.25rem;padding-left: 1.25rem;}
	#sit_ov_btn .flex{gap: .5rem}

	.sit_ov_btm > section > h2,
	#sit_rel h2{padding-left: 0;margin-bottom: 1.25rem;}

	.st_bg{margin: 0 .5rem;}

	/*주문완료페이지*/
	.comp_tit{font-size: 1.25rem;}
	.comp_ul{font-size: 1.125rem;padding-top: 1rem;}
	.comp_ul > li{padding: .4rem 0;}
	.comp_ul .tit{margin-right: .625rem;}

	/*주문상세페이지*/
	#sod_fin > .flex{display: block;}
	#sod_fin .flex .sod_left{max-width: 100%;}
	#sod_fin .flex .sod_right{max-width: 100%;display: flex;gap: 1.5rem;flex-wrap: wrap;}
	#sod_fin_cancel{width: 100%;}
	#sod_bsk_tot2,
	#sod_fin_pay{flex: 1;}
	#sod_fin .comp_box{margin-bottom: 1.875rem;}
}

@media (max-width: 1200px){
	.shop-tab-wrap .sub-tab-group{width: 100%;}
	.shop-tab-wrap .sub-tab-group .tab-item{min-width: unset;}
	.store-wrap .swp-prev{position: absolute;left:3.5%;top:35%;transform:translateX(-50%);z-index: 8;}
	.store-wrap .swp-next{position: absolute;right:0;top:35%;transform:translateX(-50%);z-index: 8;}
}

@media (max-width: 992px){

	/*hover 삭제*/
	.swp-prev,
	.swp-next,
	.swp-prev:hover,
	.swp-next:hover{background-color: rgba(255,255,255,0.5);}
	.header .icon-btn:hover{background: none;}

	/*common*/
	html,body,
	.my_table{font-size: 15px;}

	.swp-prev,
	.swp-next{width: 2rem;height: 2rem;}
	
	.radio_wrap > .radio_div{margin-right: 1rem;}
	.radio_div label > i{width: 16px;height: 16px;margin-right: .4rem;}
	.radio_div label > i:after{width: 8px;height: 8px;}

	.chkbox_div label > i{margin-right: .4rem;}

	.gap24{gap: 1rem;}

	/*header*/
	.header{flex-flow: column;height: auto;}
	.header .header-wrap{height: fit-content;padding: 0 1.5625rem;position: relative;height: 50px;background: #fff;}
	.header .header-l .logo{width: 7rem /* 2.5rem */;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
	.mo-sch-wrap{display: block;padding: 0 1.5625rem;background: #fff;width: 100%;height: 36px;transition: all .2s ease-out;}
	.mo-sch-wrap .search-box{max-width: 100%;}
	.header .navbar-nav,
	.header .item__contents,
	.header .icon-btn:first-child,
	.hd_sch-wrap{display: none;}
	.header .header-r div:nth-child(2){margin-left: 1rem;margin-right: 1rem;gap:18px}
	.header .icon-btn{width: fit-content;height: fit-content;}
	.header .icon-btn img{filter: none !important;}
	#mob_ham{display: flex;margin: 0;width: 30px;border-radius: 6px;}
	#mob_ham .ham_btn{width: 16px;}
	.mob_menu_box{display: block;}
	.header.scroll .mo-sch-wrap{margin-top: -48px;}
	.header.back .mo-sch-wrap{margin-top: 0;}

	.header .mo-navbar-nav{display: flex;width: 100%;padding: 0;height: 36px;border-bottom: solid 1px var(--90);}
	.header .mo-navbar-nav .nav-item{flex: 1;width: 100%;height: 100%;font-size: 15px;}
	.header .mo-navbar-nav .nav-item .nav-link{	display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
	.header .mo-navbar-nav .nav-link > div{width: 100%;top: auto; bottom: -1px; height: 2px;border-radius: 0; left: 0;transform: none;}
	.header .navbar-nav .nav-link:hover > div{opacity: 0;}
	.header .navbar-nav .nav-link.active > div{opacity: 1;}

	/*footer*/
	.footer .footer-box{flex-flow: column;gap: 1.25rem;}
	.footer .footer-box .--right > div{margin-bottom: 1.25rem;}

	/*main*/
	.main_wrap{margin-top: 104px;}
	.main-banner #swp-pager{bottom: 1rem;}
	.main-banner #swp-pager .swiper-pagination-bullet{width: 2.5rem;height: .275rem;margin: 0 4px;}

	.sub-tab-group .tab-item{padding: .7rem;}
	.sub-tab-group .tab-item > p{font-size: 14px;}

	.card-wrap{width: 33.33%;}
	.swiper-container.store-swiper .inner-box{aspect-ratio: 930/294;}

	/*sub*/
	#sub_div{margin-top: 104px;}
	#sub_div > .inner{padding-top: 3.75rem;padding-bottom: 3.75rem;}
	.sub_title{font-size: 1.8rem;margin-bottom: 2.5rem;}

	.shop-tab-wrap .sub-tab-group{width: 100%;justify-content: flex-start;}
	.shop-tab-wrap .sub-tab-group .tab-item{padding: .875rem;}

	.register_list > li{margin-bottom: 1.5rem;}
	.register_list .form_cont{margin-bottom: .4rem;}
	.register_list .form_btm{padding: 0 .25rem;}

	.item-list .card-group{margin-left: -.75rem;margin-right: -.75rem;}
	.item-list .card-group .card-wrap{padding: 0 .75rem;}

	/*mp_wrap*/
	.mp_nav_wrap{position: relative;transform: translateX(calc(-100% - 1.5675rem));transition: all .4s;z-index: 20;}
	.mp_nav_wrap .mp_nav_btn{position: absolute;top: 16px;left: 100%;background: var(--primary1);display: flex;align-items: center;justify-content: center;padding: 6px 4px;cursor: pointer;}
	.mp_nav_wrap .mp_nav_btn img{width: 8px;transition: all .2s;}
	.mp_wrap .mp_nav{position: sticky;top: 10rem;left: 0;background: #fff;box-shadow: 0px 2px 4px rgba(33,33,33,0.15);padding: 1.25rem;width: 180px;border-radius: 0 16px 16px 0;}
	.mp_wrap .mp_cont{width: calc(100% - 180px);margin-left: -180px;}

	.mp_nav_wrap.on{transform: translateX(-1.5675rem);}
	.mp_nav_wrap.on .mp_nav_btn img{transform: scaleX(-1);}

	.mp_wrap .my_title{font-size: 1.8rem;}

	/*마이페이지*/
	/*mp_sales - 매출현황*/
	.gy_box .col{margin-bottom: 1.5rem;}
	.gy_box .col .tit{width: 100px;}
	.gy_box .col .cont > .radio_div{margin-right: 1rem;}
	.mp_wrap .gy_box .frm_select{height: 2.5rem;}
	.gy_box .col.period span{margin: 0 0.3rem;}

	.my_sales .table_top .frm_select{max-width: 70px;}

	/*mp_order - 주문내역 조회*/
	.btn_ul{margin-bottom: 1.5rem;}
	.my_order .box_33 .frm_select{padding: 0 0.675rem;height: 2.7rem;min-width: 140px;max-width: 160px;}
	.my_order .box_33 .mp_period > a + a{margin-left: .625rem;}
	.my_order .box_33 .mp_date .date_box{max-width: 130px;}
	.my_order .box_33 .mp_date .date_box label{padding: .5rem;}
	.my_order .box_33 .mp_date .date_box input{padding: .5rem 0 .5rem .5rem;}
	.my_order .box_33 + p{margin-top: .5rem;}
	.prd_table .pd_info .thum,
	.od_prd_list .td_prd .sod_img,
	.recent_list .pd_info .thum{width: 64px;}

	/*my_point - 포인트내역 조회*/
	.my_point .mp_state_ul{padding: 1.25rem 0;margin-bottom: 2rem;}
	.my_point .mp_state_ul > li{padding: .5rem;}
	.my_point .mp_state_ul > li > b{margin-top: .75rem;font-size: 1.3rem;}

	/*td_prd 공통*/
	.od_prd_list .td_prd .sod_name > a,
	.od_prd_list .td_prd .pd_store,
	.sod_opt li,
	.recent_list .pd_info .wish_info .pd_name,
	.recent_list .pd_info .wish_info .store_name{margin-bottom: .4rem;}
	.recent_list .pd_info .price_info{margin-top: .4rem;}

	/*cart - 장바구니*/
	.btn_wrap .main_btn{margin: 0 .4rem;}
	#sod_bsk #sod_bsk_tot strong{margin-left: 1.5rem;font-size: 1.325rem;}

	/*찜한 스토어*/
	.wish_store_wrap .store_title img:not(.store_del img){width: 50px;}

	/*최근 본 상품*/
	.recent_list{padding: 0;}

	/*내가 쓴 글*/
	.sit_thum,
	.sqa_img,
	.sps_img{margin-right: 1rem;width: 80px;height: 80px;}
	.sit_thum img,
	.sqa_img img,
	.sps_img img{width: 100%;height: 100%;object-fit: cover;}
	.sps_txt .sps_rv_tit{margin-top: .4rem;margin-bottom: .4rem;}

	/*고객센터*/
	#sps_sch select{padding: 0 .625rem;background: url(../img/select_arrow.svg) calc(100% - .625rem) no-repeat;max-width: 134px;margin-right: .625rem;}

	/*상품 뷰페이지*/
	.sit_ov_whole_wrap .sit_ov_right{margin: 0;padding: 0;position: fixed;z-index: 900;background: #fff;width: 100%;bottom: 0;left: 0;border: 0;min-width: auto;}
	.sit_ov_whole_wrap .sit_ov_right .sit_buy_wrap{width: 100%;position: static;border-radius: 12px 12px 0 0;border: 0;box-shadow: 2px 2px 10px rgba(33,33,33,0.3);max-height: 50vh;display: flex;
    flex-flow: column;padding: 1rem 1.25rem;}
	.sit_opt_wrap{flex: 1;overflow-y: auto;display: none;}
	#sit_ov_btn{display: flex;gap: .5rem;flex: 0 0 auto;}
	#sit_ov_btn .flex{flex: 2;}
	#sit_ov_btn .sit_btn_buy{margin: 0;}
	.sit_buy_wrap .sbw_btn{display: flex;}
	.sit_option h3{margin-bottom: .5rem;}
	.sit_option select{height: 2.75rem;}
	#sit_ov_btn button{height: 2.5rem;}
	.sit_btn_wish{width: 2.5rem;height: 2.5rem;}
	.sit_btn_zzim svg,
	.sit_btn_wish svg{width: 20px;}

	.sit_ov_whole_wrap .sit_ov_left{max-width: 100%;padding-bottom: 1.25rem;}

	.sit_ov_btm{padding-top: 1rem;}
	#sit_rel{padding: 1.875rem 0 1rem;margin-top: 1.875rem;}

	#sit_tab .tab_tit{margin: 2rem 0;}
	#sit_tab .tab_tit li button{padding-bottom: 1.25rem;}
	#sit_tab .tab_tit li .selected:after{height: 2px;}

	/*주문완료*/
	.td_num,
	.td_dvr,
	.td_mngsmall{width: 60px;}
	.td_numbig{width: 80px;}

	.comp_box{padding: 1.5rem;}
	.comp_tit{padding-top: .5rem;}

	/*footer*/
	.footer .footer-box .-info-middle ul{flex-flow: column;align-items: flex-start;}
	.footer .footer-box .-info-middle ul > li{margin-bottom: 3px;}
}
@media (max-width: 796px){
	.sub-tab-group .tab-item{padding: .7rem;width: max-content;}
	.sub-tab-group .tab-item > p{font-size: 13px;}
}
@media (max-width: 768px){
	/*visual*/
	.visual_swiper.vw_pc{display: none;}
	.visual_swiper.vw_mo{display: block;}

	/*my_order - 주문내역 조회*/
	.my_table .vw_pc{display: none;}
	.my_table .vw_mo{display: table-cell;}

	.my_order .box_33{flex-flow: column;}
	.my_order .box_33 .frm_select{max-width: 100%;flex: auto;margin-bottom: 0.5rem;}
	.my_order .box_33 .flex{flex-wrap : wrap;justify-content: space-between;gap: 1rem;}
	.my_order .box_33 .flex > *{margin: 0;}
	.my_order .box_33 .mp_date{flex: 1;}
	.my_order .box_33 .mp_date .date_box{max-width: 100%;flex: 1;}
	.my_order .box_33 .mp_period > a,
	.my_order .box_33 .mp_period > a + a{margin: 0 .3rem;}

	.od_prd_list .td_prd .flex,
	.prd_table .pd_info{align-items: flex-start;}
	.prd_table .pd_info .thum,
	.od_prd_list .td_prd .sod_img,
	.recent_list .pd_info .thum{width: 48px;}

	/*최근 본 상품*/
	.recent_list .btn_wrap{flex-flow: column;gap: 0.5rem;}
	.recent_list .recent_del{margin-left: 1rem;}
	.recent_list .btn_wrap .round_btn{font-size: .875rem;padding: 0.3rem 1.625rem;}

	/*주문완료*/
	.od_complete > * + *{margin-top: 1.875rem;}

	/*주문상세*/
	#sod_fin .flex .sod_right{display: block;}

	.register_list .frm_select,
	.frm_select{padding: 0 .625rem;background: url(../img/select_arrow.svg) calc(100% - .625rem) no-repeat;background-color: #fff;}
	.register_list .frm_input,
	.frm_input{padding: 0 .625rem;height: 2.7rem;}

	.kakao_float {position:fixed;bottom:20px;right:20px;}
	.kakao_bg {background: #ffdd00; display: flex; flex-flow:column; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 10px;font-size:12px;padding:4px;}
	.kakao_bg img {width:22px;}
}

@media (max-width: 640px){
	/*common*/
	html,body,
	.my_table{font-size: 14px;}

	.gap24 {gap: 0.625rem;}

	/*header*/

	/*footer*/

	/*main*/
	.tab-group{gap: 1rem;}
	.sub-tab-group{border-radius: 0;border: 0;display: flex;overflow-x: auto;overflow-scrolling: touch;-webkit-overflow-scrolling: touch;margin: 0 -1.8125rem -0.25rem;padding: 0 1.5625rem;width: auto;}
	.sub-tab-group::-webkit-scrollbar{background: transparent;height: 10px;display: none;}
	.sub-tab-group::-webkit-scrollbar-thumb{background: transparent;}
	.sub-tab-group::-webkit-scrollbar-track{background: transparent;}
	.sub-tab-group .tab-item,
	.sub-tab-group .tab-item:first-child,
	.sub-tab-group .tab-item:last-child{border-radius: 20px;margin: 0 0.25rem .25rem;border: solid 1px var(--90);}
	.card-group,
	.item-list .card-group{margin-left: -.6rem;margin-right: -.6rem;}
	.card-wrap,
	.item-list .card-group .card-wrap{width: 50%;padding: 0 0.6rem;}
	.swiper-container.store-swiper .inner-box{aspect-ratio: 580/282;}

	/*sub*/
	.sub_title{font-size: 1.625rem;margin-bottom: 1.875rem;}

	.shop-tab-wrap .sub-tab-group{margin: 2.125rem -1.8125rem;flex-wrap:wrap;}
	.shop-tab-wrap .sub-tab-group .tab-item{/*flex: inherit;*/flex: 0 0 auto;min-width: unset;}
	/*마이페이지*/
	.mp_wrap .my_title{font-size: 1.625rem;}

	/*mp_sales - 매출현황*/
	.gy_box .col{display: block;}
	.gy_box .col .tit{width: auto;margin-bottom: .5rem;}

	/*mp_order - 주문내역 조회*/
	.btn_ul > li{margin-right: 1rem;}

	/*cart - 장바구니*/
	#sod_bsk_list #mod_option_frm {max-width: 90%;margin: auto;transform: translate(-50%,-50%);}
	#sod_bsk #sod_bsk_tot strong{margin-left: 1rem;}

	/*wishlist - 찜한 목록*/
	.my_wish_list ul{margin-left: -.6rem;margin-right: -.6rem;}
	.my_wish_list ul .card-wrap{width: 50%;padding: 0 .6rem;}
	/*찜한 스토어*/
	.wish_store_wrap .store_title img:not(.store_del img){width: 40px;}

	/*최근 본 상품*/

	/*고객센터*/
	.sit_thum, .sqa_img, .sps_img{margin-right: .75rem;width: 64px;height: 64px;}
	#sps_sch select{max-width: 118px;}

	/*상품 뷰페이지*/
	.sit_qa_p{padding: 1.25rem 0 0;}
	#sit_ov_btn{display: block;}
	#sit_ov_btn .sit_btn_buy{margin: .6rem 0 0;}

	#sit_tot_price strong{font-size: 1.5rem;}

	/*주문완료*/
	.comp_ul > li{display: block;}
	.comp_ul .tit{width: auto;margin: 0;}

	.store-wrap .swp-prev{left:6%;top:30%;background-image: url(../img/prev_m.svg);}
	.store-wrap .swp-next{top:30%; background-image: url(../img/next_m.svg);}
}

@media (max-width: 580px){
	.header .header-wrap{padding:0 16px}
	.mo-sch-wrap{padding: 0 16px}
	.header .header-l .logo{position: unset;transform:unset;margin-left: 15px;}
	/*상품리스트 공통*/
	.od_prd_list .td_prd .flex,
	.prd_table .pd_info{flex-flow: column;}
	.prd_table .pd_info .thum,
	.od_prd_list .td_prd .sod_img{margin-bottom: .5rem;}

	/*mp_order - 주문내역 조회*/
	.my_order .box_33 .bl_btn{flex: 0 0 auto;width: 100%;border-radius: 4px;}

	/*my_point - 포인트내역 조회*/
	.my_point .mp_state_ul{display: block;padding: 1rem;}
	.my_point .mp_state_ul > li{width: 100%;flex-flow: row;align-items: center;justify-content: space-between;padding: .25rem 0;}
	.my_point .mp_state_ul > li + li{border: none;}
	.my_point .mp_state_ul > li > b{margin: 0;font-size: 1.125rem;}

	.my_point .td_pt_1{width: 100px;}
	.my_point .td_pt_2{text-align: left;}
	.my_point .td_pt_3,
	.my_point .td_pt_4{width: 60px;}

	/*cart - 장바구니*/

	/*최근 본 상품*/
	.recent_list > li{flex-flow: column;padding-right: 2rem;position: relative;}
	.recent_list .flex{display: block;width: 100%;}
	.recent_list .btn_wrap{flex-flow: row;margin: 1rem auto 0;justify-content: flex-end;}
	.recent_list .btn_wrap .round_btn{margin: 0;}
	.recent_list .recent_del{margin: 0;position: absolute;top: .5rem;right: .5rem;}
}

@media (max-width: 500px){
	/*main*/
	.card-group-all-wrap.deal{}
	/* .main_wrap .card-group-all-wrap.deal .card-wrap{width: 100%;} */

	/*my_sales - 매출현황*/
	.gy_box .col.period .frm_select{max-width: 90px;}
	.gy_box .col.period span + .frm_select{max-width: 70px;}

	.table_wrap .table_top > * > * + *{margin-left: .5rem;}

	/*mp_order - 주문내역 조회*/
	.my_order .box_33 .flex{flex-flow: column;gap: .625rem}

	/*내가 쓴 글*/
	.st_bg{display: block;font-size: 0;margin-top: .3rem;}

	#sps .top_btn_wrap{flex-flow: column;}
	#sps .top_btn_wrap > form{width: 100%;}
	#sps .top_btn_wrap .bl_btn{margin-left: auto;margin-top: 1rem;}

	/*상품 상세 페이지*/
	.sit_q{flex-flow: column;align-items: flex-start;}
	.sit_qa_dl{margin-top: .5rem;margin-left: auto;}
	.sit_ov_left .st_bg{display: inline-block;font-size: inherit;margin: 0 0.4rem;}

	.sit_use_top{flex-flow: column;text-align: center;gap: 0.625rem;}

	/*주문완료*/
	.comp_tit{font-size: 1.125rem;}
	.comp_ul{font-size: 1rem;}
}