@charset "utf-8";

.doc{font-size:16px;}
.box1{width:1340px; max-width:96%; margin:0 auto; position: relative;}

.pc_ver{display:block;}
.mo_ver{display:none;}

/*header*/
.Header_w{width:100%; z-index: 100;}

#shopHeader{ width: 100%; z-index: 1000; background-color: #fff;} 
#shopHeader .tnbWrp{padding:20px 0;}
#shopHeader .tnbWrp > *{flex:1 1 33.33%;}
#shopHeader .tnbWrp .h_logo{text-align:center;}
#shopHeader .tnbWrp .h_logo a{display:block;}
#shopHeader .tnbWrp .gShortCut > *{margin-left:20px; position: relative; cursor: pointer;}
#shopHeader .tnbWrp .gShortCut > *:hover .mem_list{display:block;}
#shopHeader .tnbWrp .gShortCut .i_my{position: relative; cursor: pointer;}
#shopHeader .tnbWrp .gShortCut .mem_list{position: absolute; top:35px; left:50%; transform: translateX(-50%); background-color: #fff; border-radius: 3px; box-shadow: 0 1px 5px rgba(0,0,0,.15); padding:5px 0; z-index: 10; display: none;}
#shopHeader .tnbWrp .gShortCut .mem_list > li a{display:block; font-size:.875em; color:#666; text-align: center; padding:5px 10px; line-height: 1; transition: .3s;}
#shopHeader .tnbWrp .gShortCut .mem_list > li a:hover{color:var(--mainColor);}
#shopHeader .tnbWrp .gShortCut .i_cart{position: relative;}
#shopHeader .tnbWrp .gShortCut .i_cart .cnt{position: absolute; top:0; left:55%; height:20px; line-height: 20px; min-width:20px; padding:0 3px; color:#fff; background-color:var(--mainColor); border-radius: 50px; text-align: center; font-size:.75em; font-weight: 300;}
#shopHeader .gnbWrp{padding-bottom:15px;}
#shopHeader .gnbWrp .totalTn{background-color:var(--mainColor); color:#fff; font-size:1.125em; padding: 8px 25px; margin-right:60px;}
#shopHeader .gnbWrp .totalTn img{margin-right:10px;}
#shopHeader .gnbWrp .shop_gnb_list > li{position: relative; margin-right:60px; }
#shopHeader .gnbWrp .shop_gnb_list > li > a{display:block; font-size:1.125em; font-weight: 500; letter-spacing: 0; height: 46px;}
#shopHeader .gnbWrp .shop_gnb_list .gnb_2dul_box{position: absolute; width: 12rem; background: #fff; top: 46px; left: 50%; transform: translateX(-50%); opacity: 0; visibility: hidden; border: 1px solid #ddd; text-align: center;}
#shopHeader .gnbWrp .shop_gnb_list .gnb_2dul_box:after { content: ""; position: absolute; left: 0; top: -3px; width: 0; height: 3px; background: var(--mainColor); z-index: 1; transition: 0.3s;}
#shopHeader .gnbWrp .shop_gnb_list > li:hover .gnb_2dul_box{ opacity: 1; visibility: visible; }
#shopHeader .gnbWrp .shop_gnb_list > li:hover .gnb_2dul_box:after{width: 100%;}
#shopHeader .gnbWrp .shop_gnb_list .gnb_2dul_box .gnb_2dli a{display:block; padding:12px 5px; color:#333; font-weight: 400; border-top:1px dotted #ddd; font-size: .938em;}
#shopHeader .gnbWrp .shop_gnb_list .gnb_2dul_box .gnb_2dli a:hover{ background-color: #f9f9f9;}
#shopHeader .gnbWrp .shop_gnb_list .gnb_2dul_box .gnb_2dli:first-child a{border-top:0;}
#shopHeader .h_search_w{ background-color:#f5f5f5; position: relative; margin-left:auto;}
#shopHeader .h_search_w input{width:280px; height: 46px; padding:5px 50px 5px 20px; border:0; background-color: transparent;}
#shopHeader .h_search_w button{border:0; background-color: transparent; width:50px; height: 100%; text-align: center; position: absolute; top: 0; right:0; line-height: 54px;}

.scroll .Header_w{position: fixed; top:0; left:0;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-bottom:1px solid #ddd;}
.sub #shopHeader{border-bottom:1px solid #ddd;}

.qk_list{position: fixed; bottom:20px; right: 15px;z-index: 100; font-size: 16px; }
.qk_list li{ margin-top: 5px;}
.qk_list li a{display: block; width: 52px; height: 52px; line-height: 52px; text-align: center;  border-radius: 20px; font-size: 1.45em;  box-shadow: 2px 2px 3px rgb(0 0 0 / 20%); overflow: hidden; margin-left: auto; background-color: #333; color: #fff; transition: .5s;}
.qk_list li .xi{width: 52px; line-height: 52px; text-align:center;}
.qk_list li .stx{font-style: normal; font-size: .75em; width:0; overflow: hidden; display: none; font-weight: 700;}
.qk_list li a:hover .stx{width:auto; overflow: hidden; display: block;}
.qk_list li .qk_call:hover{width:190px; border-radius: 50px;}
.qk_list li .qk_kakao{background-color: #faea00; color:#111;}
.qk_list li .qk_kakao .xi{font-size:1.2em;}
.qk_list li .qk_kakao .stx{font-size:.7em; color:#111;}
.qk_list li .qk_kakao:hover{width:180px;}

#pc_all_wrap{display: none;}
#pc_all_wrap.Aon{display:block;}
#pc_all_wrap .pc_all_bg{position: fixed; top: 0; left: 0; width:100%; height: 100%; background-color: rgba(0,0,0,0.4); cursor: pointer; z-index: 1;}
#pc_all_menu{position: absolute; top: 180px; left: 0; width:100%; background-color: #fff; border-radius: var(--item_r); padding:30px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); z-index: 10;}
#pc_all_menu:before{content:''; width:100%; height: 100%; background-color: #aaa;}
#pc_all_menu .h_all_gnb{width:calc(100% - 300px); border-right:1px dashed #ccc; padding-right:15px;}
#pc_all_menu .h_all_gnb > li {width:25%;}
#pc_all_menu .h_all_gnb > li .in_w{margin-right:15px;}
#pc_all_menu .h_all_gnb > li .gnb_al_a,
#pc_all_menu .pc_all_cont .sa_tit{background-color: #f3f3f3; color:#111; display:block; border-radius: 10px; padding:9px; text-align: center; background-image: none; margin-bottom: 15px; transition: .3s;}
#pc_all_menu .h_all_gnb > li .dp2_list,
#pc_all_menu .pc_all_cont .sa_list{padding:0 5px 50px;}
#pc_all_menu .h_all_gnb > li .dp2_list > li a,
#pc_all_menu .pc_all_cont .sa_list li a{display: block; color:#444; margin-bottom:7px; width:90%;}
#pc_all_menu .h_all_gnb > li .dp2_list > li:hover > a,
#pc_all_menu .h_all_gnb > li .dp2_list > li:hover > button,
#pc_all_menu .h_all_gnb > li .dp3_list > li:hover > a,
#pc_all_menu .pc_all_cont .sa_list li:hover > a{color:var(--mainColor)}
#pc_all_menu .pc_all_cont{width:300px; padding-left:30px;}
#pc_all_menu .h_all_gnb .sub_cate3,
#pc_all_menu .h_all_gnb .sub_cate4{display:none;}
#pc_all_menu .h_all_gnb .depth2{ position: relative;}
#pc_all_menu .h_all_gnb .depth2 button{border:0; background-color: transparent; position: absolute; top: 2px; right:3px; font-size: 1.068em; color:#666;}
#pc_all_menu .h_all_gnb .dp3_list{ position: absolute; top: -10px; right:-200px; width:200px; background-color: #fff; border:1px solid #ccc; padding:10px 15px 3px; z-index: 100; display: none;}
#pc_all_menu .h_all_gnb .depth2:hover .dp3_list{display:block;}
#pc_all_menu .h_all_gnb > li .in_w:hover .gnb_al_a,
#pc_all_menu .pc_all_cont .sa_cont:hover .sa_tit{background-color: var(--mainColor); color:#fff;}



#hd.mobileOnly #logo img{width:115px; margin-top:4px;}
#hd.mobileOnly #btn_hduser img{width:25px; height: auto; margin-top:13px;}
#hd.mobileOnly #btn_hdorder img{width:25px; height: auto; margin-top:13px;}
#hd.mobileOnly #btn_hdcart img{width:25px; height: auto; margin-top:14px;}
#hd.mobileOnly #hd_btn .cart-count{background: var(--mainColor)}


/*footer*/
#footers{background-color: #f9f9f9; border-top:1px solid #ccc; margin-top:140px; letter-spacing: 0;}
#footers .f_tt{color:#333; font-size:1.25em; font-weight: 600; margin-bottom: 5px;}
#footers .f_stt{color:#333; font-size:1.562em; font-weight: 700;}
#footers .f_tx{color:#666; font-size:.938em; margin-top:5px;}
#footers > .box1 > *{padding:50px 30px 45px;}
#footers .f_info_w{padding-left:0; width:52%; border-right:1px solid #eaeaea;}
#footers .f_info_w .fnb{margin:15px 0;}
#footers .f_info_w .fnb > li a{display:block; margin-right:35px; color:#333;}
#footers .f_info_w .fnb > li a:hover{color:var(--mainColor); font-weight: 500;}
#footers .f_info_w .f_info li{margin-right:30px; margin-bottom:5px;}
#footers .f_info_w .f_info li .ft_btn{color:var(--mainColor); font-size:.875em; padding:8px 10px; border-radius: 3px; background-color: #fff; border:1px solid #ddd; margin-left:10px; transition: .3s;}
#footers .f_info_w .f_info li .ft_btn:hover{border-color:var(--mainColor)}
#footers .bank_info_w{width:24%; border-right:1px solid #eaeaea;}
#footers .bank_info_w .f_bank_img{margin:15px 0 0;}
#footers .f_cs_w{padding-right:0; width:24%;}
#footers .f_cs_w .ftSnsWrp{margin-top:10px;}
#footers .copyright{border-top:1px solid #eaeaea; padding:10px 0;}
#footers .copyright .copy_tx{color:#adadad; font-size:.75em; text-transform: uppercase; letter-spacing:1px;}
#footers .copyright .kcp{line-height: 1;}
#footers .copyright .kcp img{height:40px; width:auto; line-height: 1;}

/*서브 비주얼*/
.subVis{width:100%; height: 320px; background-image: url("../img/vis_sub.jpg")}
.subVis .sub_v_tit{text-align:center; font-size:3.125em; font-weight: 700; color:#fff;}

/*컨텐츠*/
#container{margin-top:70px;}
.main #container{margin-top:0;}
.ctt_admin{display:none!important;}
#ctt_con{padding:0!important;}
#ctt{margin:0!important; padding:0!important; box-shadow: none!important; border:0!important;}

/*개인정보&이용약관*/
.agree_box{ border:1px solid #ddd; background:#f9f9f9; border-radius:5px}
.agree_box .in_con{  padding:2em; border:1px solid #ededed; margin:1em; background:#fff;}
.agree_box .in_con .agree_wrap{ font-size: .938em;}
.agree_box .in_con .agree_wrap.page_tx{ font-size:1.125em; margin-bottom: 0;}
.agree_box .in_con .agree_wrap span{ /*display: block;*/}


/*=======================================================메인=======================================================*/

/*메인 비주얼*/
.mainSlider_wrap {position: relative; }
.mainSlider_wrap #main_bn {margin: 0; border-radius: 0; border:0; width: 100%;}
.mainSlider_wrap #main_bn .slick-list {}
.mainSlider_wrap #main_bn .slick-list .slick-slide a{display:block; /*margin:0 25px;*/ text-align: center;}
.mainSlider_wrap .main_control{ position: absolute; bottom:30px; left:50%; transform: translateX(-50%); z-index: 10; background-color: #fff; color:#666; width:140px; min-height: 46px; line-height: 46px; padding:0 5px; text-align: center; border-radius: 50px; }
.mainSlider_wrap .main_control .b_pagen{width:80px; letter-spacing: 2px;}
.mainSlider_wrap .main_control .b_btn{cursor: pointer;}
.mainSlider_wrap .main_control .b_btn:hover{color:var(--mainColor)}
 
.mainSlider_wrap.mo_ver .slick-slide img{width:100%; height: auto;}
.mainSlider_wrap.mo_ver .slick-arrow{background-color:transparent; border:0; color:#ddd; font-size:2.25em;}
.mainSlider_wrap.mo_ver .slick-arrow.slick-next{position: absolute; top: 50%; right: 5px; transform: translateY(-50%); line-height: 1; z-index:10;}
.mainSlider_wrap.mo_ver .slick-arrow.slick-prev{position: absolute; top: 50%; left: 5px; transform: translateY(-50%); line-height: 1; z-index:10;}
.mainSlider_wrap.mo_ver .slick-dots{display:flex; flex-wrap:wrap; justify-content: center; position: absolute; bottom:15px; left: 0; width:100%;}
.mainSlider_wrap.mo_ver .slick-dots button{width:10px; height: 10px; border:0; background-color: #ddd; border-radius: 50%; text-indent: -999px; margin:0 2px;}
.mainSlider_wrap.mo_ver .slick-dots .slick-active button{background-color:var(--mainColor)}


/*메인 inc*/
.main_tit{margin-bottom:35px;}
.main_tit .in_tt1{font-size: 2.437em; font-weight: 700; color:#111;}
.main_tit .in_tt2{font-size:1.875em; font-weight: 700; color:#111;}
.main_tit .main_btn{color:#333; padding:10px 30px; border:1px solid #ddd; border-radius: 50px; font-weight: 300; transition: .3s;}
.main_tit .main_btn:hover{color:var(--mainColor); border-color:var(--mainColor);}
.shop_control{}
.shop_control .xi {width:46px; height: 46px; line-height: 46px; text-align: center; background-color: #fff; border-radius: 50%; font-size: 1.068em; color: #666; cursor: pointer; transition: 0.3s; margin-left:5px; border:1px solid #ddd;}
.shop_control .xi:hover{background-color:var(--mainColor); color:#fff; border-color:var(--mainColor)!important}
.progress {display: block; width: calc(100% - 140px); height: 6px; overflow: hidden; background-color: #ddd; background-image: linear-gradient(to right, var(--mainColor), var(--mainColor)); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out;}
.progress .slick-dots{display:none!important;}
.progress.slick-hidden{display:none;}
.shop_control.st1{margin-top:40px;}
.shop_control.st1 .progress{width:500px; margin:0 40px;}
.shop_control.st1 .xi{margin-left:0;}

.main_stt{min-width:115px; border-radius: 50px; background-color: var(--mainColor); color:#fff; padding:12px 10px; display: inline-block; text-align: center; margin-bottom: 15px;}

/*베스트*/
.main_best{margin-top:80px;}
.main_best .best_con_bn{width:380px}
.main_best .best_con_bn.mo_only{display:none;}
.main_best .best_con_slide{width:calc(100% - 380px); padding-left:40px;}
.main_best .best_con_slide .slick-slide > div{display:flex; flex-wrap:wrap;}
.main_best .best_con_slide .cus_skin{margin-top:0!important; margin-right:-40px;}
.main_best .best_con_slide .cus_skin .in{margin-right:40px;}
.main_best .best_con_slide .cus_skin .cus_item{margin-bottom:25px!important;}
.main_best .best_con_slide .cus_skin .sct_img{width:220px; height: 220px;}
.main_best .best_con_slide .cus_skin .sct_ct_wrap{width:calc(100% - 220px); padding-left:20px;}
.main_best .best_con_slide .best_control{width:100%;}
.main_best .best_con_slide .shop_control .xi{border:1px solid #ddd;}

/*신상품*/
.main_new{margin-top:100px; position: relative;}
.main_new .tab_idx{position: absolute; top: 5px; right:0;}
.main_new .tab_idx > li .va_wrap{min-width:115px; height: 48px; border-radius: 50px; background-color: #eee; color:#555; padding:0 10px; margin-left:10px;}
.main_new .tab_idx > li.on .va_wrap{background-color: var(--mainColor); color:#fff;}
.main_new .cus_skin{margin-top:0!important;}

/*중간배너*/
.main_bn01{margin-top:40px}

/*MD PICK*/
.main_md{margin-top:100px;}
.main_md .main_shop_04 .main_s04_bn img{border-radius: var(--item_r); width:100%; height: auto;}

/*today hot sale*/
.main_sale{padding:100px 0 80px; background-image: url(../img/main/main_sale_bg.jpg); margin-top:110px;}
.main_sale .main_tit .in_tt1{color:#fff;}
.main_sale .cus_skin .sct_img{border-color:rgba(255,255,255,.3);}
.main_sale .cus_skin .ctg_wrap{color:rgba(255,255,255,.5);}
.main_sale .cus_skin .sct_txt{color:#fff;}
.main_sale .cus_skin .sct_cost{color:#fff;}

/**/
.main_event{margin-top:100px;}
.main_event .event_slide .event_list{margin-right:-20px;}
.main_event .event_slide .event_list .slick-slide a{display:block; margin-right:20px;}

/**/
.main_review{margin-top:100px;}

/*공지사항&서비스*/
.notice_cont {margin-top: 110px; margin-right:-40px;}
.notice_cont .main_tit{margin-bottom: 15px;}
.notice_cont .in_box{width: 50%;}
.notice_cont .in_box{padding-right:40px;}
.notice_cont .ser_list{border-top: 2px solid #111; padding-top: 40px;}
.notice_cont .ser_list > li{width: 25%; text-align: center;}
.notice_cont .ser_list > li .in{display: block;} 
.notice_cont .ser_list > li .in .icon_z{width: 105px; height: 105px; margin: 0 auto 20px; align-content: center; text-align: center; background: #f8f8f8; border-radius: 50%;}
.notice_cont .ser_list > li .in .ti{font-size: 1.0625em; font-weight: 500; color: #222; margin-bottom: 7px;}
.notice_cont .ser_list > li .in .tt{font-size: .938em; color: #aaa;}

/*간편주문*/
.easy_order .easy_sch_box{border:1px solid #666; padding:40px 40px 30px; margin-bottom: 75px;}
.easy_order .easy_sch_box .easySearch{ background-color:#f5f5f5; position: relative; /*margin-bottom:30px;*/}
.easy_order .easy_sch_box .easySearch input{width:calc(100% - 50px); height: 46px; padding:5px 50px 5px 20px; border:0; background-color: transparent;}
.easy_order .easy_sch_box .easySearch button{border:0; background-color: transparent; width:50px; height: 100%; text-align: center; position: absolute; top: 0; right:0; line-height: 54px;}
.easy_order .easy_sch_box .kw_list{margin-top:10px;}
.easy_order .easy_sch_box .kw_list span{display:inline-block; padding:6px 18px; border:1px solid #ddd; border-radius: 50px; color:#444; margin:0 5px 5px 0; font-size:.938em;}
.easy_order .easy_sch_box .info_stx{background-color: transparent; color:#666; padding:0;}

.easy_order .wrap_idx{overflow: inherit; margin-top:10px;}
.easy_order .tab_idx{margin-right:1px; margin-bottom: 50px;}
.easy_order .tab_idx > li{flex:20%; margin-right:-1px;}
.easy_order .tab_idx > li .va_wrap{border:1px solid #d7d7d7; height: 50px;}
.easy_order .tab_idx > li.on .va_wrap{background-color:var(--mainColor); color:#fff; border-color:var(--mainColor)}
.easy_order .detail_wrap{width:calc(100% - 280px);}
.easy_order .easy_bottom{ position: relative;}
.easy_order .easy_tt{font-size:1.5em; font-weight: 700; color:var(--mainColor); line-height: 1.2; padding-bottom:25px; border-bottom:1px solid #888; margin-bottom:40px;}
.easy_order .easy_stt{font-size:1.25em; font-weight: 500; color:#333; position: relative; padding-left:15px; margin-bottom: 10px; margin-top:50px;}
.easy_order .easy_stt:before{content:''; width:4px; height:20px; background-color: var(--mainColor); position: absolute; top: 5px; left: 0;}
.easy_order .easy_tx{font-weight: 500; font-size:1.068em;}
.easy_order .easy_tbl{margin-bottom:50px; }
.easy_order .easy_tbl th,
.easy_order .easy_tbl td{ border:1px solid #dbdbdb; border-left:0; border-right:0; padding:12px 5px; text-align: center; font-size:.938em; color:#222;}
.easy_order .easy_tbl th{background-color:#f8f8f8; color:#666; font-weight: 500;}
.easy_order .easy_tbl .kw_tx{font-size:.938em; color:#aaa; margin-top:3px;}
.easy_order .easy_tbl .data_kg{width:100px;}


.easy_order .order_box_w{padding-left:30px; width:280px;}
.easy_order .order_box_w .order_stk{position: sticky; top: 215px; right:0;}
.easy_order .order_box_w .order_box{border:1px solid #444; background-color: #f9f9f9; padding:5px;}
.easy_order .order_box_w .order_box .order_b_btn{margin-right:-5px; margin-top:5px;}
.easy_order .order_box_w .order_box .som_list{max-height:300px; overflow-y: scroll;}
.easy_order .order_box_w .order_box .som_list > li{border:1px solid #ddd; background-color:#fff; padding:10px; position: relative; font-size:.938em; margin-bottom: 5px;}
.easy_order .order_box_w .order_box .som_list > li .som_tt{width:90%; line-height: 1.3; margin-bottom: 5px;}
.easy_order .order_box_w .order_box .som_list > li .som_opt > li{display:flex; flex-wrap:wrap; font-size:.938em;}
.easy_order .order_box_w .order_box .som_list > li .som_opt > li .kg{width:30%; color:#444;}
.easy_order .order_box_w .order_box .som_list > li .som_opt > li .nm{width:70%; text-align: right; color:#666;}
.easy_order .order_box_w .order_box .som_list > li .som_opt > li.som_total *{color:#111; padding-top:8px; margin-top:8px; border-top:1px dashed #ddd; line-height: 1.2;}
.easy_order .order_box_w .order_box .som_list > li .som_del{position: absolute; top: 11px; right:10px; border:0; background-color: transparent; color:#aaa;}
.easy_order .order_box_w .order_box .som_list > li .som_del:hover{ color:#333;}

.easy_order .order_box_w .order_box .es_order_total{border-top:1px solid #444; padding-top:5px;}
.easy_order .order_box_w .order_box .es_order_total .es_kg{padding:2px 5px;}
.easy_order .order_box_w .order_box .es_order_total .es_kg .t1{width:30%; font-size:.938em;}
.easy_order .order_box_w .order_box .es_order_total .es_kg .t2{width:70%; text-align: right; font-size:1.068em;}
.easy_order .order_box_w .order_box .es_order_total .es_total{padding:2px 5px;}
.easy_order .order_box_w .order_box .es_order_total .es_total .t1{width:30%; font-size:.938em;}
.easy_order .order_box_w .order_box .es_order_total .es_total .t2{width:70%; text-align: right; font-size:1.068em;}
.easy_order .order_box_w .order_box .order_b_btn > div{width:50%; padding-right:5px; text-align: center}


.easy_order .order_box_w .order_info{border:1px solid #b3c8c0; background-color: #f5faf7; padding:10px; margin-top:10px;}
.easy_order .order_box_w .order_info .easy_tx{color:var(--mainColor); margin-bottom: 7px;}
.easy_order .order_box_w .order_info .dot_list > li{font-size:.938em; color:#444; line-height: 1.4; position: relative; padding-left:10px;}
.easy_order .order_box_w .order_info .dot_list > li:before{content:''; width:3px; height: 3px; border-radius: 50%; background-color: var(--mainColor); position: absolute; top: 8px; left:0;}
.easy_order .order_box_w .order_info .dot_list > li:not(:last-child){margin-bottom:2px;}

.sit_kg .opt_count{font-size:.875em; margin-top:3px;}
.sit_kg .opt_count button{width:25px; height: 25px; border:1px solid #cdcdcd; color:#999; z-index: 1;}
.sit_kg .opt_count .num_input{width:35px; height: 25px; border:1px solid #ddd; margin:0 -1px; text-align: center;}

.sit_kg_add{padding:20px 0 25px; border-bottom:1px solid #aaa;}
.sit_kg_add > li{width:20%; text-align: center}
.sit_kg_add > li .t1{ margin-bottom:10px;}
.sit_kg_add > li .t2{ margin-bottom:5px; color:#666;}
.sit_kg_add > li .t3{ color:#333; font-size:1.325em;}

.som_btn{display:none;}

.cart-layer.sct_cartop{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); padding: 20px;}
.cart-layer.sct_cartop label{text-align:left; color:#fff; margin-bottom: 3px;}
.cart-layer.sct_cartop .it_option{width:100%; margin-bottom:5px; padding:3px; border-radius: 5px;}
.cart-layer.sct_cartop .it_option option{font-size:.9em;}
.cart-layer.sct_cartop .cartopt_cart_btn,
.cart-layer.sct_cartop .cartopt_close_btn{padding:5px; border-radius: 5px; background-color: #333; color:#fff; font-size:.938em; border:0;}
.cart-layer.sct_cartop .cartopt_cart_btn{background-color: var(--subColor); color:#fff;}