.sub_container{width:80%;margin:0 auto;padding:50px 0;overflow:hidden;}
.sub_container h2{text-align:center;font-size:35px;margin-bottom:40px; font-weight:400;overflow:hidden}
.sub_container h3{font-size:20px; font-weight:400;padding-bottom:5px}

.join_wrap .btn_wrap input {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
#membership input{font-size:16px;}
/*마이페이지*/
.mypage_list,.user_info_detail,.user_info,.user_level_wrap{width:95%;margin:30px auto}
.mypage_list{border-top:1px solid #ddd;overflow:hidden}
.mypage_list li{border-bottom:1px solid #ddd;}
.mypage_list li a{display:block;padding:16px 5px;background:url(../images/sub/ico_arrow-r.jpg) no-repeat 98% 50%;}
.user_level_wrap{display:flex; flex-wrap:wrap;border:1px solid #ddd;background:#f6f6f6}
.user_level_wrap .user_level,.user_level_wrap .user_point_info{width:50%;}
.user_level_wrap .user_level{text-align:center;line-height:130%;margin-top:10px}
.level_S i{display:inline-block;font-style:normal; background:#98b8b6;width:25px; height:25px; font-weight:600; color:#fff; text-align:center;font-size:16px;line-height:100%;padding-top:3px;border-radius:50px;vertical-align:middle;margin-right:5px;}
.level_S{display:block;color:#98b8b6; font-size:24px;margin-top:5px;}
.mypage_list{margin-top:0;border-top:0}
.user_level_wrap .user_point_info{border-left:1px solid #ddd}
.user_level_wrap .user_point_info li{border-bottom:1px solid #ddd;display:flex; flex-wrap:wrap}
.user_level_wrap .user_point_info li:last-child{border-bottom:0}
.user_level_wrap .user_point_info li span{width:50%;padding:15px 10px }
.user_level_wrap .user_point_info li span strong{color:#fe7800}
.pop_member .user_info {width:118px;text-align:center;line-height:150%}
.pop_member .user_info .img{border-radius:100px;overflow:hidden;width:118px;height:118px}
.pop_member .user_info .grade{height:auto;padding:5px 0}
.user_info_detail dl{border-top:1px solid #ddd;display:flex;flex-wrap:wrap;font-size:15px;}
.user_info_detail dt{width:100px;;padding:12px 0;vertical-align:middle;height:50px;}
.user_info_detail dd{width:calc(100% - 100px);padding:0 0 0 10px;color:#666;vertical-align:middle}
.user_info_detail dd.name{padding-top:12px;}
a.btn_basic{display:inline-block;border-radius:5px; background:#666; color:#fff; width:100%;padding:15px 0;margin-top:10px;text-align:center}

.contact_box{margin-top:30px;}
.contact_box dd input {margin-bottom:10px !important}
.contact_box textarea{background:#f6f6f6; border:1px solid #ddd; width:100%;height:150px;padding:10px; color:#666;font-family: 'Noto Sans KR'; font-size:14px; font-weight:300}

/*  장바구니 */
.cart_wrap{width:100%;}
.order_step{width:100%; display:flex; flex-wrap:wrap;margin-bottom:30px;}
.order_step span{display:inline-block; width:calc(25% - 1px);text-align:center;border-left:1px solid #fff;background:#999;padding:25px 0;color:#fff;border-radius:500px;}
.order_step span br{display:none}
.order_step span.on{background:#7aaf07}

.snb{float:left;width:198px;border:1px solid #ddd}
.snb h2{width:90%;margin:0 auto;font-size:24px;border-bottom:1px solid #ddd;padding:20px 0}
.snb ul{width:90%; margin:10px auto;}
.snb li a{display:inline-block;line-height:130%; color:#595959;font-size:14px;padding:10px 5px;width:100%;}
.snb li a:before{content:'- '}
.snb li a:hover,.snb li a.on{color:#7aaf07;font-weight:500;background:url(../images/common/snb_bg.png) no-repeat 98% 50%}
.contents{float:left;width:calc(100% - 250px);margin-left:50px;}

/* 이용약관 */
.agree_contents{color:#555; font-size:14px;;line-height:130%}
.agree_contents h3{margin-bottom:15px;}

/* 자주묻는 질문 */
.search_qna{width:100%;border:1px solid #ddd;text-align:center;padding:40px 20px}
.search_qna .txt{margin-bottom:10px;}
.search_qna .txt i{display:block; padding-bottom:10px;color:#7aaf07; font-size:45px}
.search_qna input[type="text"]{height:30px;vertical-align:middle;padding:0 5px}
.search_qna input.btn_search{background:#333;color:#fff; border-radius:3px;width:50px; text-align:center;height:30px;vertical-align:middle}
.qna_con{overflow:hidden;margin:20px 0;text-align:center;}
.qna_con li{display:inline-block;background:#f6f6f6 !important;padding:10px 20px;border:1px solid #ddd;font-size:15px;cursor:pointer}
.qna_con li:hover,.qna_con li.on{background:#7aaf07 !important;border:1px solid #7aaf07;color:#fff}

.history{width:100%;padding:20px; background:#f8f8f8;}
.history li{font-size:14px;margin-bottom:5px;color:#555}
.history li:before{content:'- '}

.con_box{color:#555; font-size:14px}

.login_case{display:none !important}

.patnership{width:100%; display:flex; flex-wrap:wrap;}
.patnership dt{width:80px;margin-right:10px;font-size:13px;font-weight:500; color:#555;padding-top:3px;text-align:right}
.patnership dt em{color:#36b044;}
.patnership dd{width:calc(100% - 90px);font-size:13px}
.patnership dd input[type="text"]{border:1px solid #ddd; background:#f8f8f8; height:30px;width:100%;border-radius:3px;;margin-bottom:15px;padding:3px}
.patnership dd textarea{border:1px solid #ddd;background:#f8f8f8; border-radius:3px;width:100%; height:150px;overflow-y:auto;padding:5px}

button.btn_send{border:0; background:#36b044;color:#fff;padding:10px 25px; border-radius:3px}
.partner_link{width:100%; display:flex;flex-wrap:wrap}
.partner_link li{width:20%;margin-bottom:15px;text-align:center}
.partner_link li img{border:1px solid #ddd ;width:90%;max-width:220px;margin:0 auto}

.agree_box p{font-size:13px}
.item .con .tit{font-size:16px !important;color:#000}
.detail_box .detail_tit h2{font-size:22px !important;}

.printCatCode{border:1px solid #36b044;margin-bottom:20px;}
.cate_depth1{background:#efefef;display:flex; flex-wrap:wrap}
.cate_depth1 li a{display:inline-block;padding:10px 20px; font-weight:700; color:#000;}
.cate_depth1 li a i{margin-left:10px}
.cate_depth1 li a:hover{background:#36b044; color:#fff}
.cate_depth2{border-top:1px dashed #ddd}
.cate_depth2 li,.cate_depth3 li,.cate_depth4 li,.cate_depth5 li {display:inline-block;margin:10px 0}
.cate_depth2 li a,.cate_depth3 li a,.cate_depth4 li a,.cate_depth4 li a,.cate_depth5 li a{display:inline-block; padding:0 15px;border-right:1px solid #ddd;line-height:100%;}
.cate_depth3{border-top:1px dashed #ddd; background:#f6f6f6}
.cate_depth4{border-top:1px dashed #ddd;padding-bottom:5px}
.cate_depth4 li{margin-bottom:5px;}
.cate_depth4 li a{font-size:13px;}
.cate_depth5{border-top:1px dashed #ddd; background:#f8f8f8}

.tbl_delivery{border:2px solid #555; background:#fff;width:100%;min-width:250px;max-width:600px;margin-top:10px}
.tbl_delivery th, .tbl_delivery td{border-bottom:1px solid rgba(0,0,0,0.2);font-size:14px;;font-weight:400;padding:10px;text-align:center}
.tbl_delivery th{background:#999;border-right:1px solid #ddd;color:#fff}
.t-red{color:#fe0000}

.detaile_tab_wrap .tabcon_wrap .info-img img{width:auto !important;max-width:100% !important;margin-bottom:25px;}
.info-img p,.info-img span,.info-img div{font-size:14px !important;line-height:150%;font-family:"Noto Sans KR", sans-serif !important; letter-spacing:0.5px;font-weight:400;margin-bottom:5px}

.bg-box{background:#f9f9f9; padding:30px; }

@media(max-width:768px){

.info-img p,.info-img span,.info-img div{font-size:12px !important;}
}



/*b2b알림서비스*/
.content_wrap {width: 80%; margin: 0 auto;}
.b2bWrap .content_wrap ul {width: 100%; display: flex; flex-wrap:wrap; }
.pt_list {padding: 20px; width: 18%; background: #f7f7f7; border-radius:20px; margin: 1%; font-size:20px;}
.pt_list * {font-size:16px}
.pt_list h3 {font-size:1.2em;}
.b2bCon {width: 100%; overflow:hidden; padding: 60px 0; }
.b2bCon * {font-family: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', "Pretendard", "Roboto", 'Noto Sans KR', 'Segoe UI', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif !important;}
.arrow_bt_wrap {display: flex; flex-wrap:wrap;}
.arrow_bt_wrap > div {width: 25%; text-align: center;}
.arrow_bt_wrap > div a {display: block; height: 50px;;}