@charset "utf-8";

/* membership : login */
.max_login_box{width:400px; height:auto; padding:40px 0; margin:0 auto; box-sizing:border-box; border-bottom:1px solid #d7d7d7;}
.max_login_box .max_member_tab{width:100%; height:50px; margin-top:32px;}
.max_login_box .max_member_tab li{width:50%; height:50px;}
.max_login_box .max_member_tab li a{width:100%; height:auto;}
.max_login_box .max_tab_cont{width:100%; height:auto; margin:18px 0 0 0;}
.max_login_box .max_tab_cont input{width:100%; margin:10px 0 0 0; padding:20px;}
.max_login_box .max_tab_cont input.max_login_form_auto_login { width:auto; margin:10px 0 0; padding:0; }
.max_login_box .max_tab_cont button{width:100%; height:60px; margin:10px 0 0 0; font-size:15px; background:#000; color:#fff; font-weight:bold;}
.max_login_box .max_tab_cont .btn_lnk {display:block; width:100%; box-sizing:border-box; font-size:16px; padding:15px 0; margin:5px 0 0 0;}
.max_login_box .max_tab_cont p {padding-top:15px; font-size:14px;}
.max_login_box .max_tab_cont .bt_link {display:block; width:100%; box-sizing:border-box; text-align:center; padding:15px 0; margin:10px 0 0 0;}
.max_mem_g{width:100%; height:auto; overflow:hidden; margin:0 auto; font-size:12px;}
.max_mem_g a {display:inline-block; color:#000; border:1px solid #919191; text-align:center; padding:13px 20px; margin:10px 0 0 0;}
.max_mem_g a:hover {background:#000; color:#fff; border:1px solid #000;}

.max_sns_login {width:400px; height:auto; padding:3% 0; margin:0 auto; box-sizing:border-box; text-align:center;}
.max_sns_login li {display:inline;}
.max_sns_login a {display:inline-block; margin-bottom:3px;}

/* membership : join step */
.max_join_step {margin:48px 0 0; text-align:center;}
.max_join_step ul {}
.max_join_step ul li {display:inline-block; color:#797979;}
.max_join_step ul li:not(:last-child):after {content:''; display:inline-block; vertical-align:middle; width:32px; height:1px; margin:0 20px; background-color:currentColor;}
.max_join_step ul li.active {color:#000;}

/* membership : join */
#max_member_area {width:400px; height:auto; padding:48px 0; margin:48px auto 0; border-top:1px solid #000; border-bottom:1px solid #d7d7d7;}
.max_join_info {width:100%;}
.max_join_info > ul {width:100%; height:auto; margin:0 auto;}
.max_join_info > ul > li {display:inline-block; width:100%; margin-bottom:10px; position:relative;}
.max_join_info > ul > li .max_check_field {display:block; position:absolute; top:-1.25em;  left:.5em; padding:.25em; border-radius:.25em; background:#000; color:#fff; z-index:3;}
.max_join_info > ul > li .max_check_field:before {content:''; width:0.75em; height:0.75em; display:block; background:#000; position:absolute; left:0.5em; bottom:-0.25em; transform:rotate(45deg); z-index:-1; }

.max_join_info > ul > li .max_check_field.blue { background:#3851d0;}
.max_join_info > ul > li .max_check_field.blue:before { background:#3851d0; }
.max_join_info > ul > li .max_check_field.red { background:#d03838;}
.max_join_info > ul > li .max_check_field.red:before { background:#d03838; }

.max_join_info .max_member_form_input, .max_join_info .max_select {width:100%;}
/* membership : join display */
.max_join_info .max_member_form_label {display:none;}
.max_join_info .max_member_form_label_mailling,
.max_join_info .max_member_form_label_sms,
.max_join_info .max_member_form_label_sex,
.max_join_info .max_member_form_label_hobby,
.max_join_info .max_member_form_label_interest,
.max_join_info .max_member_form_label_member_icon {display:block;}
/* zip label */
.max_zipcode {}
.max_zipcode label,
.max_zipcode br {display:none;}
.max_zipcode .zonecode {display:inline-block;}
.max_zipcode .class_addr01,
.max_zipcode .class_addr02 {display:block; margin-top:10px; width:100%;}
.max_zipcode .bt_type2 {width:100px; border-radius:0; -webkit-appearance:none;}
/* membership : join etc */
.max_member_icon label {margin-bottom:10px;}
.max_member_multi_sel li {display:inline-block; width:31.33%; margin:1% 0;}
.max_business_info {border-top:1px solid #d7d7d7; margin-top:3%;}
.max_business_info h4 {text-align:center; padding:3% 0;}
/* membership : join agree */
.max_agree_area_type {width:100%; height:auto; border-top:1px solid #d7d7d7; padding-top:48px; margin:48px auto 0;}
.max_agree_area_type .max_check_agree:nth-child(2) {margin-top:24px;}
.max_agree_area_type .max_member_agree {width:100%; height:100px; padding:15px; font-family:'Verdana','Malgun Gothic'; font-size:11px; border:1px solid #ccc; margin-top:20px; overflow-y:scroll; background:#fff; color:#797979; line-height:1.4; box-sizing:border-box;}
.max_agree_area_type .max_member_agree h2 {color:#000;}
.max_agree_area_type .max_check_field{display:block; width:auto; height:auto; padding:17px 0 0 0;}

.max_check_agree_box {width:100%; height:auto; background:#fff; border:1px solid #d7d7d7; padding:16px 0; margin-top:48px; text-align:center;}
.max_check_agree_box .max_check_field {float:none; padding:0;}

#max_member_area .bt_link {display:inline-block; width:100%; height:48px; font-size:15px;}

/* membership : end */
.max_member_end{width:100%; height:auto; padding:0 0 80px; margin:0 auto; display:block; overflow:hidden;}
.max_member_end h3 { font-size:25px; }
.max_member_end p, .max_member_end h3{text-align:center; margin:20px 0 0 0; line-height:130%;}

/* membership : id/pw search */
.max_idpw_area{width:80%; height:auto; margin:50px auto 0;}
.max_idpw_area .max_idpw_info{width:100%; height:auto;}
.max_idpw_area .max_member_tab{width:100%; height:50px;}
.max_idpw_area .max_member_tab li{width:50%; height:50px;}
.max_idpw_area .max_member_tab li a{width:100%; height:auto;}
.max_idpw_area .max_tab_cont p {float:left; width:100%; height:auto; text-align:center; margin-top:20px;}

.max_idpw_area .max_tab_cont{width:100%; height:auto; padding-bottom:5%; margin-top:5%; border-bottom:1px solid #d8d8d8; overflow:hidden;}
.max_idpw_area #max_user_id input{float:left; width:48%; margin:0 1%;}
.max_idpw_area #max_user_pw input{float:left; width:31.33%; margin:0 1%;}

/* mypage : basket button */
.max_prd_lst .prd_basket { display:flex; justify-content: center; margin:1em auto 0;}
.max_prd_lst .prd_basket button {font-size:13px; box-sizing:border-box; width:50px; height:30px; color:#fff; text-align:center;}
.max_prd_lst .prd_basket button.wishlist_cart_btn {background:#000;}
.max_prd_lst .prd_basket button.wishlist_zzim_btn {background:#000;}
.max_prd_lst .prd_basket button:last-child {background:#fff; border:1px solid #000; color:#222;}

/* mypage : member infomation */
.max_member_info {border:1px solid #ccc; box-sizing:border-box; padding:30px; position:relative;}
.max_member_info .user_info { padding:13px 0 0 0; display:flex;}
.max_member_info .user_info i {display:block; background:url("../image/shop/img_member.png") center no-repeat; width:50px; height:50px; margin-right:30px;}
.max_member_info .user_info p, 
.max_member_info .user_info p em {font-size:20px;}
.max_member_info .user_info span {display:block; font-size:15px; color:#797979; padding-top:10px;}
.max_member_info .user_info .user_point_ser {color:#ffae00; font-weight:600; font-size:30px; line-height:100%;}
.max_member_info .user_point {position:absolute; top:40px; right:40px; display:flex; align-items:center;}
.max_member_info .user_point strong {display:block; padding:0 20px;}
.max_member_info .user_point a {color:#ffae00; font-size:30px; font-weight:700; padding-bottom:5px; border-bottom:2px solid #ffae00;}
.max_member_info .user_point a:hover {color:#222; border-color:#222;}
.max_member_info .bt_delivery {position:absolute; top:50px; right:50px;}

/* mypage : member my shopping */
.max_my_shoping {margin-top:50px;}
.max_my_shoping .max_stitle span {font-size:15px;}
.max_my_shoping ul {display:flex; justify-content:space-between; border-top:1px solid #000; border-bottom:1px solid #ccc; padding:35px; margin-top:20px;}
.max_my_shoping ul li{width:33.33%; height:auto; display:flex; flex-wrap:nowrap; justify-content:space-around;}
.max_my_shoping ul li i {display:block; width:50px; height:50px; border-radius:100%; background-color:#222; background-image:url("../image/common/maxmall_ui_lab_50.png"); background-repeat:no-repeat; box-sizing:border-box;}
.max_my_shoping ul li dt {padding-top:5px;}
.max_my_shoping ul li dd {font-size:13px; color:#797979; padding-top:7px; line-height:130%;}
.max_my_shoping ul li a {display:block; font-weight:700; font-size:30px; line-height:54px; color:#ffae00; border-bottom:2px solid #ffae00;}
.max_my_shoping ul li a:hover {color:#222; border-color:#222;}
.max_my_shoping ul li:first-child i {background-position:-50px -150px;}
.max_my_shoping ul li:nth-child(2) i {background-position:-100px -150px;}
.max_my_shoping ul li:last-child i {background-position:-150px -150px;}

/* mypage : member wish, today list */
.max_mypage_list .max_prd_lst { margin-top:30px;}
.max_mypage_list .max_prd_lst li {width:255px;}
.max_mypage_list .max_no_prd {padding-bottom:70px;}
.max_mypage_list.logtype_in .max_prd_lst li {width:200px;}
.max_mypage_list.logtype_in .max_prd_lst li .max_prd_img {height:200px;}

/* mypage : member today list */
.max_today_list {margin-top:40px;}

/* mypage : mobile menu */
.max_my_menu_lnk {display:none; margin:5% 0;}
.max_my_menu_lnk ul {display:flex; flex-wrap:wrap; border-top:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
.max_my_menu_lnk li {width:33.33%; text-align:center;}
.max_my_menu_lnk li a {display:block; width:100%; height:auto; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; padding:20px 0;}
.max_my_menu_lnk li a:hover {background:#f4f4f4;}

/* mypage : member order list */
#max_order_wrap .max_my_shoping {margin:0 0 50px;}
#max_order_wrap .stitle3 {text-align:center;}
.max_my_sch {border-top:1px solid #000; border-bottom:1px solid #ccc; margin-top:30px;}
.max_my_sch fieldset {}
.max_my_sch fieldset div {display:flex; flex-direction:row; align-items:center; padding:15px 0;}
.max_my_sch h5 {padding:0 40px;}
.max_my_sch select {width:240px; height:47px; font-size:13px; box-sizing:border-box; padding-left:10px; margin-right:10px;}
.max_my_sch p input {display:inline-block; background:url("../image/shop/ico_calendar.png") 95% 50% no-repeat; background-size:32px; width:224px;}
.max_my_sch button {margin-left:15px;}

.max_order_list {margin-top:30px;}
.max_order_list .max_order_prd dt a {color:#222; font-weight:700;}
.max_order_list thead th:first-child {width:50%;}
.max_order_list thead th:last-child {width:20%;}
.max_order_list tbody td {text-align:center;}
.max_order_list td i {display:block; width:50px; height:50px; margin:0 auto 13px;}
.max_order_list .orderbt {display:inline-block; width:60px; height:50px; font-size:13px;}
.max_order_list .ordstyle01 i,
.max_order_list .icostyle i {background:url("../image/shop/ico_delivery2.png") center no-repeat; background-size:100%;}
.max_order_list .ordstyle02 i {background:url("../image/shop/ico_review.png") center no-repeat; background-size:100%;}

/* mypage : member order view */
.max_order_detail_lst {margin-top:20px;}
.max_order_detail_lst .order_date {text-align:right; color:#777;}
.max_order_detail_lst .order_date strong {color:#000; font-weight:700;}
.max_order_detail_lst table {margin-top:30px;}
.max_order_detail_lst tbody th {padding:20px;}
.max_order_detail_lst tbody td {text-align:center;}
.max_order_detail_lst tbody td a {display:inline-block; padding:8px 14px; font-size:13px; border:1px solid currentColor;}
.max_order_detail_lst .max_order_prd p img {width:60px; height:60px;}

#max_order_wrap .max_detail_userinfo h3 {text-align:left;}
.max_detail_userinfo {margin-top:40px;}
.max_detail_userinfo ul {border-top:1px solid #000; margin-top:20px;}
.max_detail_userinfo li {border-bottom:1px solid #ccc; padding:25px 10px; color:#777;}
.max_detail_userinfo li strong {display:inline-block; width:15%; color:#222; font-weight:700;}
.max_detail_userinfo:last-child li:last-child {padding:0;}
.max_detail_userinfo .pay_info_detail {padding:25px 10px; margin-top:0; border:0; overflow:hidden;}
.max_detail_userinfo .pay_info_detail li {float:left; width:50%; padding:10px 0; border:0;}
.max_detail_userinfo .pay_info_detail li strong {width:20%;}
.max_detail_userinfo .pay_info_detail li:last-child {padding:10px 0;}



/* mypage : member brand list - buyet 2020-05-27 */
.max_mybrand_wrap {width:100%; height:auto; margin-top:30px; border-top:1px solid #000;}
.max_mybrand_wrap .mybrand_lst_box {width:100%; height:auto; padding:24px 0; border-bottom:1px solid #d7d7d7; position:relative;}
.max_mybrand_wrap .mybrand_lst_box h3 {position:relative; padding-left:24px;}
.max_mybrand_wrap .mybrand_lst_box h3 a span {display:inline-block; padding-left:14px; font-size:12px; color:#797979; letter-spacing:0;}
.max_mybrand_wrap .mybrand_lst_box h3 .bookmark {position:absolute; top:-4px; left:0;}
.max_mybrand_wrap .mybrand_lst_box .bn_wrap {width:100%; height:auto; margin-top:24px;}
.max_mybrand_wrap .mybrand_lst_box .bn_wrap .inner {width:100%; height:420px; overflow:hidden; position:relative;}
.max_mybrand_wrap .mybrand_lst_box .bn_wrap .inner .max_prd_lst li {width:255px; padding-bottom:0;}
.max_mybrand_wrap .mybrand_lst_box .bn_wrap .bt_control {top:8px;}
.max_mybrand_wrap .mybrand_lst_box .bn_wrap .bt_control.prev {right:64px;}
.max_mybrand_wrap .mybrand_lst_box .bn_wrap .bt_control.next {right:0;}

/* mypage : member point */
#max_point_wrap .max_member_info {margin-bottom:30px;}
#max_point_wrap .max_point_list {margin-top:30px;}
.max_point_list thead th:first-child, 
.max_point_list thead th:nth-child(2), 
.max_point_list thead th:last-child {width:18%;}
.max_point_list tbody th {padding:20px; font-weight:normal;}
.max_point_list tbody td {text-align:center;}
.max_point_list tbody td .ico_btstyle1 {width:60px; text-align:center;}
.max_point_list tbody td:nth-child(3) {text-align:left;}
.max_point_list .max_no_point {padding-bottom:70px; margin-top:100px;}

/* mypage : member coupon */
.max_cp_use_wrap {border:1px solid #ccc; padding:30px; position:relative; margin-bottom:30px;}
.max_cp_use_wrap .max_cp_num input {float:left; width:80px; padding:11px; margin:10px 1px 0; text-align:center;}
.max_cp_use_wrap .max_cp_num button {float:left; background:#222; font-size:15px; color:#fff; padding:14px 40px; margin:10px 1px 0;}
.max_cp_use_wrap .user_coupon {position:absolute; top:20px; right:40px; height:100px; display:flex; align-items:center;}
.max_cp_use_wrap .user_coupon strong {display:block; padding:0 20px;}
.max_cp_use_wrap .user_coupon a {color:#ffae00; font-size:30px; font-weight:700; padding-bottom:5px; border-bottom:2px solid #ffae00;}
.max_cp_use_wrap .user_coupon a:hover {color:#222; border-color:#222;}
.max_cp_use_wrap .user_coupon span {font-size:15px;}

#max_coupon_wrap .max_cp_lst {margin-top:30px;}
#max_coupon_wrap .max_cp_lst .max_coupon_tab {float:left; margin-top:20px;}
#max_coupon_wrap .max_cp_lst .max_member_tab li {width:50%;}
#max_coupon_wrap .max_cp_lst .max_member_tab li a {width:100%;}

.max_coupon_tab tbody p {width:130px; height:15px; border:1px solid #ccc; font-size:0; padding:30px; box-sizing:border-box;}
.max_coupon_tab thead th:first-child {width:10%;}
.max_coupon_tab thead th:nth-child(3) {width:20%;}
.max_coupon_tab thead th:last-child {width:15%;}
.max_coupon_tab tbody th {padding:10px 15px; font-weight:normal;}
.max_coupon_tab tbody td {text-align:center;}
.max_coupon_tab tbody td:nth-child(2) {text-align:left; color:#797979;}

/* mypage : member delivery */
.max_delivery_lst {margin-top:30px;}
.max_delivery_lst thead th:last-child {width:20%;}
.max_delivery_lst thead th:first-child {width:15%;}
.max_delivery_lst thead th:nth-child(4) {width:15%;}
.max_delivery_lst tbody td:nth-child(2),
.max_delivery_lst tbody td:nth-child(4),
.max_delivery_lst tbody td:last-child {text-align:center;}
.max_delivery_lst tbody th {line-height:130%;}
.max_delivery_lst tbody td {color:#777; line-height:130%;}
.max_delivery_lst td a {display:inline-block; width:60px; height:50px; color:#222; text-align:center;}
.max_delivery_lst td i {display:block; width:50px; height:50px; margin:0 auto 13px;}
.max_delivery_lst td i {background:url("../image/shop/ico_modify.png") 0 0 no-repeat; background-size:100%;}
.max_delivery_lst td a:last-child i {background:url("../image/shop/ico_delete.png") 0 0 no-repeat; background-size:100%;}

.max_delivery_frm {float:left; width:100%; margin-top:80px;}
.max_delivery_frm ul {border-top:1px solid #000; margin-top:20px;}
.max_delivery_frm li {border-bottom:1px solid #ccc; padding:10px; color:#777;}
.max_delivery_frm li label {display:inline-block; width:15%; color:#222;}
.max_delivery_frm li input {display:inline-block;}
.max_delivery_frm .max_checkit {margin-top:20px; text-align:right;}
/* delivery : write input */
.max_delivery_frm .daddr_addr01, .max_delivery_frm .daddr_addr02 {margin-top:5px;}
.max_delivery_frm .daddr_addr01 {width:50%;}
.max_delivery_frm .daddr_addr02 {width:80%;}
.max_delivery_frm #deliver_tel1, 
.max_delivery_frm #deliver_tel2, 
.max_delivery_frm #deliver_tel3 {width:100px;}

/* mypage : member modify */
.max_mem_modify {width:100%; height:auto;}
.max_mem_modify ul {border-top:1px solid #000; margin-top:60px;}
.max_mem_modify li {border-bottom:1px solid #ccc; padding:10px 0;}
.max_mem_modify li > label {display:inline-block; width:15%;}
.max_mem_modify li > input {display:inline-block; width:40%;}
.max_mem_modify li .max_checkit {padding-left:15%; margin-top:10px;}

/* mypage : member out */
.max_mem_out p {font-size:25px; line-height:130%; font-weight:300;}
.max_secession_guide{background:#f3f3f3; padding:30px; margin:30px 0; display:block; overflow:hidden;}
.max_secession_guide ul li{float:left; line-height:130%; margin:10px 0 0 0; width:100%;}
.max_secession_guide ul li strong{float:left; display:block; background:#444; color:#fff; width:32px; height:25px; border-radius:32px; text-align:center; padding:7px 0 0 0; margin:0 10px 0 0;}
.max_secession_guide ul li span{float:left; display:block; padding:7px 0 0 0; color:#777; width:95%;}
.max_secession_guide ul li span.pad0{padding:0;}