@charset "utf-8";

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



/*header*/
#shopHeader{position: relative;  top: 0; left: 0; width: 100%; z-index: 1000; background-color: #fff;} 
#shopHeader .tnbWrp{padding:30px 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;}
#shopHeader .tnbWrp .gShortCut .i_my{position: relative; cursor: pointer;}
#shopHeader .tnbWrp .gShortCut .i_my .mem_list{position: absolute; top: 40px; 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 .i_my .mem_list.on{display:block;}
#shopHeader .tnbWrp .gShortCut .i_my .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 .i_my .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:20px;}
#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 > a{display:block; margin-right:60px; font-size:1.125em; font-weight: 500; letter-spacing: 0;}
#shopHeader .gnbWrp .shop_gnb_list .gnb_2dul_box{display:none;}
#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 #shopHeader{position: fixed; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-bottom:1px solid #ddd;}
.sub #shopHeader{border-bottom:1px solid #ddd;}

#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;}


/*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:50%; 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:25%; border-right:1px solid #eaeaea;}
#footers .bank_info_w .f_bank_img{margin:15px 0 0;}
#footers .f_cs_w{padding-right:0; width:25%;}
#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 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 {padding:0 7%;}
.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-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_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;}


.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;}