@charset "utf-8";

/* mypage : member tab */
.max_member_tab {margin-top:24px;}
.max_member_tab:after {content:''; display:block; clear:both;}
.max_member_tab li {width:50%;}
.max_member_tab li a {width:100%;}
.max_tab_box {margin-top:24px;}

/* membership : login : skin tktire */
.login_wrap {width:1280px; height:auto; margin:0 auto 96px; background-color:#fff; border:1px solid #d7d7d7; border-radius:16px; display:table;}
.login_wrap > div {display:table-cell; vertical-align:top; width:50%; padding:64px 0;}
.max_login_box {}
.max_login_box .max_member_tab {width:416px; margin:0 auto;}
.max_login_box .max_member_tab li {width:50%;}
.max_login_box .max_tab_cont {width:400px; height:auto; margin:32px auto 0;}
.max_login_box .max_tab_cont input {width:100%; margin-top:16px; border-radius:50px; letter-spacing:-0.05em;}
.max_login_box .max_tab_cont button {width:100%; height:64px; margin-top:16px; border-radius:50px; border:1px solid #f4a000; color:#f4a000; font-weight:500;}
.max_login_box .max_tab_cont p {padding-top:16px; font-size:15px; text-align:center;}

.max_sign_box {border-left:1px solid #d7d7d7; text-align:center;}
.max_sign_box h4 {font-size:28px; letter-spacing:-0.05em;}
.max_sign_box p {padding:32px 0 0; font-weight:300; color:#797979; line-height:1.3;}
.max_sign_box i {display:block; width:128px; height:128px; border-radius:100%; margin:32px auto; background:url("../image/tktire/ico_tire.png") center no-repeat #f4f4f4;}
.max_sign_box a {display:block; width:400px; height:auto; padding:22px 0; margin:0 auto; border-radius:50px; border:1px solid #150e0c; color:#150e0c; font-weight:500;}
.max_sign_box a:hover {background:#150e0c; color:#fff;}
.max_sign_box .nlog_order {margin-top:24px; background-color:#150e0c; color:#fff;}

.max_mem_g {text-align:center; color:#797979; font-size:16px; margin-top:32px;}

.max_sns_login {width:400px; height:auto; margin:0 auto; text-align:center;}
.max_sns_login li {display:inline;}
.max_sns_login a {display:inline-block; margin-top:24px; 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_join_type {width:768px; height:auto;}
.max_join_type .member_type_btn {width:100%; height:auto; display:table; padding:48px 0; margin-top:48px; text-align:center; border-top:1px solid #000; border-bottom:1px solid #d7d7d7;}
.max_join_type .member_type_btn li {display:table-cell; width:50%; padding:0 1%;}
.max_join_type .member_type_btn li a {display:block; width:100%; line-height:256px; border-radius:24px; background-color:#fff; border:1px solid #d7d7d7; font-weight:500; font-size:24px;}
.max_join_type .member_type_btn li a.member_type_b {background:#f4a000; color:#fff !important; border:none;}
.max_join_type .member_type_btn li a.member_type_b:hover {background:#150e0c;}

#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 input {border-radius:50px;}
.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:48px;}
.max_business_info h4 {text-align:center; padding:48px 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 #adb6bc; margin-top:20px; overflow-y:scroll; background:#fff; color:#797979; line-height:1.4;}
.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; border-radius:50px;}

/* 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:768px; 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%; border-radius:50px;}
.max_idpw_area #max_user_pw input{float:left; width:31.33%; margin:0 1%; border-radius:50px;}

/* mypage : member infomation */
.max_member_info {/* width:1280px; */ padding:32px; margin:0 auto; position:relative; background-color:#fff; border-radius:16px;}
.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:35px; right:32px;}

/* mypage : member my shopping */
.max_my_shoping .max_stitle span {font-size:15px; letter-spacing:0;}
.max_my_shoping ul {display:flex; justify-content:space-between; background-color:#fff; border-radius:16px; padding:32px; margin-top:16px;}
.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 : product list */
.max_mypage_lst {}
.max_mypage_lst .max_prd_lst.gallery_type {margin-top:30px; display:flex; flex-wrap:wrap; /* justify-content:space-between; */}
.max_mypage_lst .max_prd_lst.gallery_type li {width:234px; min-height:441px; margin:0 11px 48px !important;}
.max_mypage_lst .max_prd_lst.gallery_type li a {height:370px;}
.max_mypage_lst .max_prd_lst.gallery_type li .text_area > strong {font-size:16px;}
.max_mypage_lst .max_prd_lst.gallery_type li .text_area .max_size {height:32px;} /**/
.max_mypage_lst .max_prd_lst.gallery_type li .text_area .max_del_won {font-size:.75em;}
.max_mypage_lst .max_prd_lst.gallery_type li .text_area .max_price_won {margin-top:8px; font-size:1em;}
.max_mypage_lst .max_prd_lst.gallery_type li .max_sale {width:56px; height:56px; line-height:56px; font-size:16px; top:8px; right:8px;}

.max_mypage_lst .prd_basket {display:inline-block; width:100%; margin-top:1em; text-align:center; position:static;}
.max_mypage_lst .prd_basket button {font-size:14px; padding:10px 32px; color:#fff; margin:0; border-radius:50px; border:0; position:static;}
.max_mypage_lst .prd_basket button.wishlist_cart_btn {background:#000;}
.max_mypage_lst .prd_basket button.wishlist_zzim_btn {background:#000;}
.max_mypage_lst .prd_basket button:last-child {background:#fff; border:1px solid #000; color:#222;}

/* mypage : search */
.max_my_sch {border-top:2px solid #000; border-bottom:1px solid #adb6bc; margin-top:16px;}
.max_my_sch fieldset {}
.max_my_sch fieldset div {display:flex; flex-direction:row; align-items:center; padding:16px;}
.max_my_sch h5 {padding:0 40px;}
.max_my_sch select {width:240px; height:55px; font-size:16px; box-sizing:border-box; padding-left:10px; margin-right:10px; border-radius:8px;}
.max_my_sch select option {font-size:14px;}
.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 {padding:19px 0; margin-left:15px; border-radius:8px;}

/* mypage : order list */
.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 th {padding:16px;}
.max_order_list tbody td {text-align:center;}
.max_order_list .orderbt {display:inline-block; background-color:#444; border-radius:4px; padding:8px 16px; color:#fff; font-size:13px;}

/* mypage : order view : login : logout */
.max_order_detail_lst {}
.max_order_detail_lst .order_date {text-align:right; color:#777; font-size:15px;}
.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; font-size:15px;}
.max_detail_userinfo ul {border-top:1px solid #000; margin-top:20px;}
.max_detail_userinfo li {border-bottom:1px solid #adb6bc; color:#777;}
.max_detail_userinfo li strong {display:inline-block; width:15%; color:#222; font-weight:500; padding:24px 16px; margin-right:16px; background-color:#fff;}
.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%; padding:0; margin:0; background-color:transparent;}
.max_detail_userinfo .pay_info_detail li:last-child {padding:10px 0;}

/* mypage : member wish list */
.max_mypage_lst #max_wish_tire {}
.max_mypage_lst #max_wish_tire .prd_basket {width:auto; position:absolute; bottom:32px; right:48px; z-index:1;}
.max_mypage_lst #max_wish_tire .prd_basket button {padding:10px 24px;}

/* 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 {background-color:#fff; border-radius:16px; padding:32px; position:relative;}
.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:16px 40px; margin:10px 1px 0; border-radius:8px;}
.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_tab tbody p {width:130px; height:15px; border:1px solid #adb6bc; 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:32px;}
.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 th {line-height:130%;}
.max_delivery_lst tbody td {color:#777; line-height:130%; text-align:center;}
.max_delivery_lst tbody .user_addr {text-align:left;}
.max_delivery_lst td a {display:inline-block; padding:4px 16px; background-color:#444; color:#fff !important; text-align:center; border-radius:50px;}
.max_delivery_lst td a:last-child {background-color:#f49090;}
.max_delivery_lst .basic {display:inline-block; background-color:#444; color:#fff; padding:4px 8px; font:bold 12px 'Malgun Gothic';}

.max_delivery_frm {width:100%;}
.max_delivery_frm ul {border-top:1px solid #000; margin-top:20px; font-size:15px;}
.max_delivery_frm li {border-bottom:1px solid #adb6bc; padding:8px 16px; 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;}
.max_delivery_frm .zipcode_search_btn {padding:19px 0; border-radius:8px; cursor:pointer;}
/* 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;}

/* .max_pass_chk */
.max_pass_chk {background-color:#fff; width:800px; margin:64px auto 0; border-radius:16px;}

/* mypage : member modify */
#max_member_area.max_mem_modify {width:100%; height:auto; padding:32px 0; margin-top:27px; border-bottom:0;}
#max_member_area.max_mem_modify .max_join_info .max_member_form_label {display:block; margin-bottom:8px;}
#max_member_area.max_mem_modify .max_join_info input {border-radius:8px;}
#max_member_area.max_mem_modify .bt_type1 {}

/* mypage : member out */
.max_mem_out p {background-color:#fff; padding:32px; border-radius:16px; font-size:24px; line-height:130%; font-weight:300;}
.max_secession_guide{background:#fff; border-radius:16px; padding:32px; margin:16px 0; font-size:15px;}
.max_secession_guide ul li{width:100%; line-height:130%;}
.max_secession_guide ul li strong{display:inline-block; vertical-align:middle; background:#444; color:#fff; width:32px; height:32px; line-height:32px; border-radius:100%; text-align:center; margin:0 10px 0 0;}
.max_secession_guide ul li span{display:inline-block; vertical-align:middle; color:#777; width:95%;}
.max_secession_guide ul li:not(:nth-child(1)) {margin-top:16px;}
.max_secession_guide ul li:nth-child(3) strong {vertical-align:top;}