@charset "utf-8";

/*공통*/
:root{
    --item_r:0px;
}
.page_tt{font-size:2.25em; margin-bottom: 30px;}
.page_stt{font-size:1.625em; margin-bottom: 30px;}
.page_tx{font-size:1.125em; margin-bottom: 30px; color:#222; font-weight: 300;}
.info_stx{padding:10px; font-size:.875em; background-color:var(--info_bg); color:var(--info_co); line-height: 1.2; width:100%;}

/*메인&서브 상품 리스트 스킨*/
.cus_skin {margin: 35px -20px 0 0!important; font-size:16px;}
.cus_skin .cus_item {margin-bottom:50px !important; width:25%;}
.cus_skin .cus_item .in {position: relative; margin-right: 20px; text-align: left;}
.cus_skin .sct_img {position: relative; text-align: center; border: 1px solid #ddd; border-radius:var(--item_r) ; overflow: hidden;}
.cus_skin .sct_img img {display: block; width: 100%; height: 100%; overflow: hidden;  border-radius:var(--item_r) ; transition: .3s;}
.cus_skin .sct_img .soldout_box{position: absolute; top: 0; left: 0; width:100%; height: 100%; background-color: rgba(0,0,0,.5); color:#fff; font-weight: 700; font-size:1.375em; z-index: 20;}
.cus_skin .ctg_wrap {font-size: 0.9em; color: #666; font-weight: 300; margin-bottom: 10px;}
.cus_skin .sct_ct_wrap {margin: 15px 0 0; line-height: 1.3; position: relative;}
.cus_skin .sct_ct_wrap .sct_star{margin-bottom:5px;}
.cus_skin .sct_ct_wrap .sct_star img{width:95px; height: auto;}
.cus_skin .sct_txt { line-height: 1.3;font-size: 1.068em; color: #222; word-break: break-all; display:block;}
.cus_skin .sct_cost {font-size: 1.125em; font-weight: 800; margin: 12px 0 0; color: #333;}
.cus_skin .sct_cost .per_tx {color: #ea5639; margin-right:5px;}
.cus_skin .sct_cost .per_ts {color: #999; font-size: 0.8125em; font-weight: 400; margin-right:5px; text-decoration: line-through;}
.cus_skin .sct_basic {font-size: 0.938em; color: #888; margin: 10px 0 0;}
.cus_skin .sct_cart{position: absolute; bottom: 0px; right: 0;}
.cus_skin .sct_cart .btn_wish{font-size:1.25em; color:#ddd;}
.cus_skin .sct_marker{position: absolute; top: 13px; left:13px; z-index: 10;}
.cus_skin .sct_marker .sit_icon .shop_icon{width:30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; color:#fff; font-weight: 800; padding:0; font-size: 1em; margin:0 3px 0 0;}
.cus_skin .sct_marker .sit_icon .shop_icon .xi{vertical-align:baseline;}
.cus_skin .sct_marker .sit_icon .shop_icon_1{background-color:#ea5639}
.cus_skin .sct_marker .sit_icon .shop_icon_2{background-color:#2e87c0}
.cus_skin .sct_ct_w{position: absolute; bottom: 20px; right: 20px; z-index: 10; opacity: 0; transition: .3s;}
.cus_skin .sct_ct_w button{width:42px; height: 42px; line-height: 42px; text-align: center; background-color: #fff; font-size:1.25em; color:#555; border-radius: 50%; border:0; transition: .3s;}
.cus_skin .sct_ct_w button .xi{line-height: 1; vertical-align: middle;}
.cus_skin .sct_ct_w button:hover{background-color: var(--mainColor); color:#fff;}
.cus_skin .in:hover .sct_ct_w{opacity: 1;}
.cus_skin .in:hover .sct_img img{transform: scale(1.1);}


/*메인 리뷰 스킨*/
.review_cont .review_list{margin-right:-20px;}
.review_cont .review_list .slick-track{margin:0;}
.review_cont .review_list .rv_item{margin-right:20px;}
.review_cont .review_list .in{display:block; overflow:hidden;}
.review_cont .review_list .in .rv_img{margin-bottom:15px;}
.review_cont .review_list .in .rv_img img{display:block; height: auto;}
.review_cont .review_list .in .rv_tit{font-size:1.068em; color:#222; font-weight: 500;}
.review_cont .review_list .in .rv_txt{font-size:.938em; color:#888; margin-top:10px; min-height: 36px; line-height: 1.3;}
.review_cont .review_list .in .rv_txt br{display:none;}
.review_cont .review_list .in .rv_prod{padding:20px 0; margin-top:15px; border:1px solid #ddd; border-left:0; border-right:0;}
.review_cont .review_list .in .rv_prod .rv_prod_img img{display:block}
.review_cont .review_list .in .rv_prod .rv_tbox{width:calc(100% - 90px); padding-left:15px;}
.review_cont .review_list .in .rv_prod .rv_star{margin-top:6px;}



/*로그인/회원가입*/
.login_wrap{ width:500px; max-width:94%; margin:0 auto 0; position:relative}
.login_wrap .login_tt{font-size:1.825em; font-weight: 600; margin-bottom: 20px;}
.login_wrap .login_tx{text-align: center; border-bottom:1px solid var(--mainColor); padding-bottom:25px; margin-bottom:25px; font-size:1.125em; color:#333; font-weight: 300;}
.login_wrap .login_tx.st1{text-align: center; border-bottom:1px solid var(--mainColor); padding-bottom:10px; margin-bottom:25px; font-size:1em; color:#333; font-weight: 300;}
.login_wrap .login_stx{margin-bottom:5px; color:#333; font-size:1.068em;}
.login_wrap .form_st > li{ margin-top:20px; position: relative;}
.login_wrap .form_st > li:first-child{ margin-top:0}
.login_wrap .form_st > li .in{ position:relative;}
.login_wrap .form_st > li .in .icon{ position:absolute; left:0; top:50%; transform: translateY(-50%); width:48px; line-height:48px; text-align:center; color:#666}
.login_wrap .form_st > li .in .icon:before{ font-size:1.313em}
.login_wrap .form_st > li .st_w{ width:40px; display: inline-block; text-align: center; color:#666;}
.login_wrap .form_st > li .input_st{ position: relative;}
.login_wrap .form_st > li .label_st span{font-size:1.125em;}
.login_wrap .form_st > li .fl_w1 > div{width:calc(100% - 88px); padding-right:3px; box-sizing: border-box;}
.login_wrap .form_st > li .fl_w2 > div{width:49.5%}
.login_wrap .form_st > li.btn_wrap{ margin-top:20px;}
.login_wrap .form_st.st1 > li .in .input_st{padding:.5em 1em .5em 48px}
.login_wrap .join_btn_wrap{ margin-top:3em}
.login_wrap .join_btn_wrap .input_st{border-width:2px;}

.sns_btn_wrap{margin-top:3em}
.sns_btn_wrap .input_st{font-size:1.068em; margin-bottom: 5px; transition: .3s; border-color:#aaa!important;}
.sns_btn_wrap .input_st:hover{background-color: #f9f9f9; border-color:#333!important;}
.sns_btn_wrap .input_st > p{ line-height: 1;}
.sns_btn_wrap .gf_icon{margin-right:10px; vertical-align: middle;}
.sns_btn_wrap .gf_icon img{width:27px; height: 27px; border-radius: 3px;}

.link_wrap{margin-top:20px;}
.link_wrap a{width:50%; color:#666; text-align:center; font-size:.938em;}
.link_wrap a:hover{color:#111;}
.link_wrap a:not(:first-child){border-left:1px solid #ddd;}

.form_st.st2 > li .agree{border-radius: .25em; border: 1px solid #ddd; width: 100%; margin: 1em 0;}
.form_st.st2 > li .agree > li{padding:20px; position: relative;}
.form_st.st2 > li .agree > li.all{ border-bottom:1px solid #ddd}
.form_st.st2 > li .agree > li .label_st{font-size:1.068em;}
.form_st.st2 > li .agree > li .more{ position:absolute; right:1em; top:1.25em; background:#aaa; color:#fff; padding:.25em 1em; font-size:.875em}
.form_st.st2 > li .agree > li .more:hover{ background:#666}
.form_st.st2 > li .agree > li:hover{ background:#f5f5f5;}

.board_st.login_table{border-top:0;}
.board_st.login_table th, 
.board_st.login_table td{padding:1em;}
.board_st.login_table th{background-color: #f9f9f9; border-right:1px solid #ddd;}


/*비회원*/
#mb_login_notmb{margin-top:50px; padding-top:50px; border-top:1px dashed #aaa;}
#mb_login_notmb .textarea_st{background-color: #f9f9f9; border:1px solid #ddd; padding:15px;}


/*마이페이지*/
.my_cou_st{margin-bottom:30px;}
.my_cou_st > li{width:33.33%; border:1px solid #aaa; padding:20px 30px; font-size:1.068em;}
.my_cou_st > li:not(:last-child){border-right:0;}
.my_cou_st > li.my_pf{background-color:#f9f9f9;}
.my_cou_st > li .input_st.s3{line-height: 1.5em;}
.my_cou_st > li .nmb_st{margin-right:20px;}
.my_menu_w{margin-right:-10px;}
.my_menu_w > li{width:33.33%; margin-bottom: 10px;}
.my_menu_w > li .in_w{display:block; padding:35px 20px; border:1px solid #ddd; margin-right:10px; text-align: center; height: 100%;}
.my_menu_w > li .in_w .in_icon{margin-bottom:10px;}
.my_menu_w > li .in_w .in_icon img{width:40px; height: auto;}
.my_menu_w > li .in_w .in_en{ font-size:1em; margin-bottom:10px; line-height: 1.1; color:var(--mainColor); font-weight: 300; letter-spacing: 0;}
.my_menu_w > li .in_w .in_tt{ font-size:1.25em; margin-bottom:20px; line-height: 1.1; font-weight: 500;}
.my_menu_w > li .in_w .in_tx{line-height: 1.3; color:#666;}
.my_menu_w > li .in_w:hover{border-color:#555;}


/*skin_04*/
.main_shop_04 .main_s04_bn{width:780px;}
.main_shop_04 .main_s04_item{width:calc(100% - 780px); height: 510px; padding:0 40px; overflow-y: scroll;    overflow-x: hidden;}
.main_shop_04 .main_s04_item::-webkit-scrollbar{width:5px;}
.main_shop_04 .main_s04_item::-webkit-scrollbar-thumb{background-color: #ced4da; border-radius: 5px;}
.main_shop_04 .main_s04_item::-webkit-scrollbar-track{}
.main_shop_04 .main_s04_item .cus_skin{margin: 0!important;}
.main_shop_04 .main_s04_item .cus_skin .cus_item{margin-bottom:15px!important; width:100%;}
.main_shop_04 .main_s04_item .cus_skin .in{margin-right:0;}
.main_shop_04 .main_s04_item .cus_skin .sct_img{width:210px; height: 210px;}
.main_shop_04 .main_s04_item .cus_skin .sct_ct_wrap{width:calc(100% - 210px); padding-left:20px;}