/* 로그인 - 비회원구매 레이아웃 */
#mb_login_notmb {margin:20px 0;}
.mbskin .btn_confirm .btn_submit {width:100%; display:block; border:0.5px solid #000; font-size:18px; font-weight:700; text-align:center; border-radius:6px; height:64px; line-height:64px; margin:24px auto 16px;}
.mbskin .notmb_info {line-height:2; font-size:14px;}

/* 로그인 */
.login_wrap{width: 100%;max-width: 624px;margin:0 auto;padding: 70px 90px;}
.login_wrap .logo{display: block;margin-top: 10px;margin:0 auto;text-align: center;}
.login_wrap .title > div {position:relative; text-align:center; margin-bottom:48px;}
.login_wrap .title > div a{position:absolute;left:0;top:50%;transform:translateY(-50%);display:inline-block;width:24px;height:24px;}
.login_wrap .title > div h4{margin:0;font-size:36px;font-weight:bold;display:inline-block;}
.login_wrap .title > p{font-size:15px;line-height:1.4;margin:0;}
.login_wrap .btn_kakao_login{display:block;width:100%;margin-top:30px; padding-left:40px; height:70px; line-height:70px; font-size:18px; border-radius:6px;background:  #FDE458 url(/img/web/ico_kakao_login.png) no-repeat 20px center;}
.login_wrap .benefit_banner{margin-top: 12px;}
.login_wrap .benefit_banner:after{content: '또는';display:block;margin:20px auto;width: 100%; text-align:center;font-size:15px;color:#B0B8BC;font-weight: bold;}
.login_wrap .benefit_banner > img{width:100%;}
.login_wrap .tab_section{}
.login_wrap .tab_section .tab_type{display: flex;justify-content: space-between;background: #D9D9D9;border-radius: 50px;}
.login_wrap .tab_section .tab_type > li{width: 50%;text-align: center;}
.login_wrap .tab_section .tab_type > li.on{background: #000;border-radius: 50px;/* font-size: 18px; */}
.login_wrap .tab_section .tab_type > li > a {height:55px; line-height:55px; color:#fff; font-size:15px;}
.login_wrap .tab_section .tab_con {margin-top: 35px;}
.login_wrap .tab_section .tab_con label{display:flex; font-size:14px; align-items:center;}
.login_wrap .tab_section .tab_con label > input[type="checkbox"] {width:12px; height:12px; margin-right:8px;}
.login_wrap .tab_section .tab_con label input[type="radio"]{width: 28px;height: 28px;margin-right: 5px;vertical-align: middle;}
.login_wrap .tab_section .tab_con input[type="text"]::placeholder,
.login_wrap .tab_section .tab_con input[type="password"]::placeholder{color: #B0B8BC;}
.login_wrap .tab_section .tab_con input[type="text"],
.login_wrap .tab_section .tab_con input[type="password"]{border-radius:0; padding:12px 6px; margin-bottom:22px; font-size:14px; display:block; width:100%; border:none; border-bottom:1px solid #B0B8BC; height:30px;}
.login_wrap .tab_section .tab_con .btn_member_login,
.login_wrap .tab_section .tab_con .btn_member_delivery{width: 100%;display: block;background: #D9D9D9; font-size:18px; font-weight:700; border-radius:6px; height:64px; line-height:64px; margin:24px auto 16px;}
.login_wrap .tab_section .tab_con .find_box{border-top:0.5px solid #B0B8BC; display:flex; justify-content:left; font-size:14px; padding:20px 0;}
.login_wrap .tab_section .tab_con .find_box > a {font-size:14px; vertical-align:middle;}
.login_wrap .tab_section .btn_naver_login{ display: block;width: 61px;height: 51px;margin: 0 auto;background: url('/img/web/ico_naver_login.jpg') no-repeat 0 0;}

/*회원가입*/
.join_wrap{padding:61px 75px 66px;margin:0 auto;width:100%;max-width: 1641px;}
.join_wrap h3.sub_title{position:relative; margin-bottom: 70px; line-height: 54px;font-weight: 700; font-size:22px;}
.join_wrap h3.sub_title{margin-top:56px; margin-bottom:0;}
.join_wrap table{margin-top:20px; margin-bottom:140px;}
.join_wrap table tr:hover{background: none;}
.join_wrap table th,
.join_wrap table td{padding:14px 0 10px; text-align:left;}
.join_wrap table th {background:#F1F1F1; width:189px; font-weight:700; font-size:14px; text-align:center; border:1px solid #D9D9D9;}
.join_wrap table td {padding-left:2vw; border:1px solid #D9D9D9; border-left:0; line-height:1.8;}
.join_wrap table td input{padding:10px; width:80%; height:51px; font-size:15px; border:1px solid #D9D9D9; display:block;}
.join_wrap table td input#reg_mb_nick {margin-top:10px;}
/* .join_wrap table td input + span{margin-left: 2vw;font-weight: 700;font-size:24px;} */
.join_wrap table td input + button{margin-left: 21px;background:#F1F1F1;width: 105px;height: 40px;line-height: 40px;font-size:18px;font-weight: 700;}
.join_wrap table td input[data-input="id"],
.join_wrap table td input[data-input="pw"],
.join_wrap table td input[data-input="name"]{width: 19vw;max-width: 302px;min-width:200px;}
.join_wrap table td input[data-input="mail"]{width: 302px;}
.join_wrap table td input[data-input="address1"]{width: 12vw;max-width:191px;min-width:157px; margin-bottom:15px;}
.join_wrap table td input[data-input="address2"],
.join_wrap table td input[data-input="address3"]{width: 36vw;max-width: 596px;min-width:200px; margin-bottom:15px;}
.join_wrap table td input[data-input="tel"],
.join_wrap table td input[data-input="phone"]{width: 100px;max-width: 100px;min-width:55px;}
.join_wrap .agree_box{padding: 18px 44px;margin-top: 13px;background: #F1F1F1; border:1px solid #D9D9D9;}
.join_wrap .agree_box label,
.join_wrap .agree_box dl dd p{display:inline-block; line-height:51px; font-weight:700; font-size:15px;}
.join_wrap .agree_box dl dd{margin-bottom:24px;}
.join_wrap .agree_box dl dt{margin-bottom:14px; line-height:51px; font-weight:700; font-size:14px; cursor:pointer;}
.join_wrap .agree_box dl dd .txt_area{padding:12px 16px; margin-bottom:10px; background:#fff; height:286px; overflow-y:auto; border:1px solid #D9D9D9; font-size:14px;}
.join_wrap .agree_box dl dd p{margin-right: 15px;}
.join_wrap .agree_box input[type="checkbox"]{display:none; cursor:pointer;}
.join_wrap .agree_box input[type="checkbox"] + label{user-select:none; cursor:pointer;}
.join_wrap .agree_box input[type="checkbox"] + label:before{content:''; width:14px; aspect-ratio:1/1; display:inline-block; margin-right:8px; border:1px solid #000;border-radius: 50px;vertical-align: middle;}
.join_wrap .agree_box input:checked + label:before{background: url(/img/web/chk_ico.svg) no-repeat center center;}
.join_wrap .agree_box input[type="checkbox"] + label[for="all_agree"]:before{margin-right: 20px;}
.join_wrap .join_btn{background:#76848C; display:block; margin:36px auto 0; font-weight:700; color:#fff; border-radius:6px; padding:22px 30px; font-size:18px;}
.join_wrap .join_btn:hover {background:#141719; color:#f0f0f0;}
.member_connect {display:flex; flex-direction:column; align-items:center; margin-bottom:100px;}
.member_connect > * {font-size:16px; font-weight:600; line-height:1.5;}
.member_connect .connect-opener.btn-txt {margin-top:18px; border:1px solid #141719; padding:16px 32px; border-radius:6px;}
.member_connect .connect-opener.btn-txt:hover {background: #141719; color:#f0f0f0;}

/*회원정보수정*/
.member_wrap{padding:115px 89px 66px; margin:0 auto 180px; width:100%; max-width:1641px;}
.member_wrap .sec_title{margin-bottom: 115px;width:100%;max-width: 1641px;}
.member_wrap .sub_title{margin-bottom: 48px; line-height: 34px;font-weight:700;font-size:28px;}
.member_wrap .info_top{padding:48px 70px 72px;}
.member_wrap .info_top dl{padding:14px 40px;}
.member_wrap .info_top dl dt,
.member_wrap .info_top dl dd{display: inline-block; font-size:20px;}
.member_wrap .info_top dl dd{margin-left: 117px;color:#FF0004;font-weight: 700;}
.member_wrap .info_top ul{margin-top: 20px;padding:0 60px;}
.member_wrap .info_top ul li{list-style: disc;line-height: 28px; font-size:20px;}
.member_wrap .info_box {padding:72px 70px 96px;border-top:6px solid #76848C;}
.member_wrap .info_box table{width:100%;}
.member_wrap .info_box table tr:hover{background: none;}
.member_wrap .info_box table tr th{padding-top: 20px;padding-left:40px;width: 219px; font-size:20px;text-align: left;vertical-align: top;}
.member_wrap .info_box table tr th,
.member_wrap .info_box table tr td{border:0;background: none;text-align: left;}
.member_wrap .info_box table tr td {padding:10px 0;}
.member_wrap .info_box table tr td input{padding:14px 20px;width:100%;max-width:506px;height:47px;border:1px solid #B0B8BC;font-size:15px;}
.member_wrap .info_box table tr td input[data-input="address1"]{ width: 21vw;max-width: 314px;height:56px;}
.member_wrap .info_box table tr td input[data-input="address2"]{margin:8px 0;}
.member_wrap .info_box table tr td input[data-input="tel"]{width:11vw; max-width:119px; text-align:center;}
.member_wrap .info_box table tr td input[data-input="mail"]{/*width:18vw; max-width:230px;*/ text-align:center;}
.member_wrap .info_box table tr td input::placeholder{color:#B0B8BC;}
.member_wrap table td input + button { margin-left: 10px; background: #76848C; width: 110px; height: 56px; line-height: 56px; border-radius: 6px; font-size: 20px; font-weight: 700; color:#fff; }
.member_wrap .info_box .sex_chk input{display: none;}
.member_wrap .info_box .sex_chk label{cursor: pointer;}
.member_wrap .info_box .sex_chk input + label{user-select:none;margin-right: 33px;}
.member_wrap .info_box .sex_chk input[type="radio"] + label:before{content: '';width: 20px;height: 20px;display: inline-block;margin-right: 2px;border:2px solid #76848C;border-radius: 50px;vertical-align: middle;box-sizing: border-box;}
.member_wrap .info_box .sex_chk input[type="radio"]:checked + label:before{background: url(/img/web/radio_ico.svg) no-repeat -3px -3px;background-size: 23px;}
.member_wrap .info_box .sex_chk input[type="checkbox"] + label:before{content: '';width: 16px;height: 16px;display: inline-block;margin-right: 2px;border:2px solid #76848C;border-radius: 2px;vertical-align: middle;cursor: pointer;}
.member_wrap .info_box .sex_chk input[type="checkbox"]:checked + label:before{background: url(/img/web/chk_ico_m.svg) no-repeat center center;background-size: 23px;}
.member_wrap .member_btn_box {margin-top: 80px;text-align: center;}
.member_wrap .member_btn_box button{line-height: 39px; border-radius: 14px;font-weight:700;font-size:32px;}
.member_wrap .member_btn_box .cancle_btn{margin-right: 96px;padding:32px 44px;border:1px solid #76848C;color:#76848C;}
.member_wrap .member_btn_box .submit_btn{padding:32px 60px;border:1px solid #76848C;background: #76848C;color:#fff;}

/* PC */
@media (min-width: 1081px) {
    
}

/* 태블릿 */
@media (max-width: 1080px) {    
    /* 로그인 */
    .login_wrap{padding:60px 4.3%;}
    .login_wrap .title > div h4 {font-size:30px;}

    /*회원가입*/
    .join_wrap{padding:0 4.3% 171px;}
    .join_wrap table{margin-top: 48px;margin-bottom: 85px;}
    .join_wrap table th,
    .join_wrap table td{padding:4.5px 16px; border:0; border-bottom: 4px solid #fff;}
    .join_wrap table th{padding:0; background:#CDD1D4; width:148px; font-size:15px;}
    .join_wrap table td input{height:47px;}
    .join_wrap table td input + span{margin-left: 16px;font-size:15px;}
    .join_wrap .agree_box{margin-top: 24px;padding:30px 40px;background: #E8EAEB;border:0;}
    .join_wrap .agree_box label, .join_wrap .agree_box dl dd p{margin-right: 8px;line-height: 30px;letter-spacing: -.5px;}
    .join_wrap .agree_box input[type="checkbox"] + label:before{margin-right:4px; width:12px; height:12px; border:2px solid #76848C;border-radius: 2px;vertical-align: middle;}
    .join_wrap .agree_box input:checked + label:before{background: url(/img/web/chk_ico_m.svg) no-repeat center center;background-size: 24px;}
    .join_wrap .agree_box input[type="checkbox"] + label[for="all_agree"]:before{margin-right: 8px;}
    .join_wrap .agree_box dl dt{margin-top: 32px;margin-bottom: 8px;line-height: 30px;}
    .join_wrap .agree_box dl dd .txt_area{padding:12px 16px; height:52px; background:unset; border-color:#76848C; background-color:#fff;}
    .join_wrap .join_btn{font-size:20px !important; border-radius:6px !important; line-height:normal !important;}

    /*회원정보수정*/
    .member_wrap{padding:0 0 200px !important; margin:0 auto;}
    .member_wrap .back_btn.v2{left:5%;}
    .member_wrap > div{padding:0 4.3%;}
    .member_wrap .sec_title{margin-bottom:0; padding-left:5.3%;}
    .member_wrap .sub_title{font-size:32px;}
    .member_wrap .info_top,
    .member_wrap .info_box{padding:48px 4.3%;}
    .member_wrap .info_box{border-top: 6px solid #B0B8BC;}
    .member_wrap .info_top dl { padding: 14px 4.3%; }
    .member_wrap .info_box table tr th{width:180px; padding-left:4.3%;}
    .member_wrap .info_box table tr td input[data-input="tel"]{padding-left:0; padding-right: 0;}
    .member_wrap .member_btn_box button{padding:20px 40px !important;}
}

@media (max-width: 860px){
    .member_wrap .info_box table tr th {font-size:13px !important; padding-left:3%;}
}

/* 모바일 */
@media (max-width: 640px) {
    /* 로그인 */
    .login_wrap{padding:35px 30px; max-width:100%; margin:0;}
    .login_wrap .logo{margin-top: 10px;width: 50px;}
    .login_wrap .logo > img{width: 100%;}
    .login_wrap .title > div h4{font-size:24px;}
    .login_wrap .title > p{font-size: 12px;margin-top: 20px;}
    .login_wrap .btn_kakao_login{margin-top: 15px;padding-left: 20px;height: 51px;line-height: 51px;font-size: 14px;background-size: 22.5px 27px;}
    .login_wrap .benefit_banner{margin-top: 12px;}
    .login_wrap .benefit_banner:after{margin:16px auto;font-size: 12px;}
    .login_wrap .tab_section .tab_type{border-radius: 25px;}
    .login_wrap .tab_section .tab_type > li > a{display:block; font-size:13px; height:44px; line-height:44px;}
    .login_wrap .tab_section .tab_con {margin-top: 17px;}
    .login_wrap .tab_section .tab_con label{font-size:13px;}
    .login_wrap .tab_section .tab_con label input[type="radio"]{width: 18px;height: 18px;margin-right: 3px;}
    .login_wrap .tab_section .tab_con label > input[type="checkbox"]{width:11px; height:12px;}
    .login_wrap .tab_section .tab_con input[type="text"],
	.login_wrap .tab_section .tab_con input[type="password"]{margin-bottom:11px; font-size:12px; height:24px;}
    .login_wrap .tab_section .tab_con .btn_member_login,
    .login_wrap .tab_section .tab_con .btn_member_delivery{font-size:15px; height:54px; line-height:54px;}
    .login_wrap .tab_section .tab_con .find_box{font-size: 12px;margin-bottom: 17px;}
    .login_wrap .tab_section .tab_con .find_box > a{font-size: 12px;}
    .login_wrap .tab_section .btn_naver_login{height: 51px;}
    .login_wrap .tab_section .tab_con form .mbskin .btn_confirm .btn_submit {font-size:15px;}
    .login_wrap .tab_section .tab_con form .mbskin .notmb_info {font-size:13px;}

    /*회원가입*/
    .join_wrap {padding:0 4.3% 85px;}
    .join_wrap h3.sub_title{margin-top:28px;line-height: 28px; font-size:15px;}
    .join_wrap table{margin-top: 24px;margin-bottom: 42px;}
    .join_wrap table th,
    .join_wrap table td{padding:2px 8px;border:0;border-bottom: 2px solid #fff;}
    .join_wrap table th{padding:0;background: #CDD1D4; width:74px;font-size:10px;}
    .join_wrap table td input{height:26px;padding:4px;}
    .join_wrap table td input + span{display: block;margin-left: 0;margin-top: 5px;font-size:10px;}
    .join_wrap table td input + button{background: #76848C; margin-left: 6px;width:55px;height:28px;line-height: 28px; font-size: 10px;color:#fff;vertical-align: top;border-radius: 3px;}
    .join_wrap table td input[data-input="address1"],
    .join_wrap table td input[data-input="address2"],
    .join_wrap table td input[data-input="address3"]{margin-bottom: 5px;}
    .join_wrap table td input[data-input="tel"],
    .join_wrap table td input[data-input="phone"]{width: 55px;max-width: 100px;min-width:55px;}
    .join_wrap table td input[data-input="mail"]{width: 19vw;max-width: 302px;min-width:200px;}
    .join_wrap .agree_box{margin-top: 12px;padding:15px 20px;}
    .join_wrap .agree_box label, .join_wrap .agree_box dl dd p{margin-right: 4px;line-height: 15px;font-size:12px;}
    .join_wrap .agree_box input[type="checkbox"] + label:before{margin-right: 2px;width:8px;height:8px;border:1px solid #76848C;}
    .join_wrap .agree_box input:checked + label:before{background-size: 12px;}
    .join_wrap .agree_box input[type="checkbox"] + label[for="all_agree"]:before{margin-right: 4px;}
    .join_wrap .agree_box dl dt{margin-top: 16px;margin-bottom: 4px;line-height: 15px;font-size:12px;}
    .join_wrap .agree_box dl dd .txt_area{padding:6px 8px;height:26px;font-size:12px;}
    .join_wrap .join_btn{margin-top:27px; border-radius:8px; font-size:20px; padding:22px 30px;}

    /*회원정보수정*/
    .member_wrap .sub_title{font-size:15px;}
    .member_wrap .info_top, .member_wrap .info_box{padding:24px 4.3%;}
    .member_wrap .sub_title{margin-bottom: 28px;}
    .member_wrap .info_top dl dt, .member_wrap .info_top dl dd{font-size:12px;}
    .member_wrap .info_top dl dd{margin-left: 55px;}
    .member_wrap .info_top dl { padding: 7px 4.3%; }
    .member_wrap .info_top ul{margin-top: 10px;padding:0 10%;}
    .member_wrap .info_top ul li{font-size:12px;line-height:14px;}
    .member_wrap .info_box table tr th, .member_wrap .info_box table tr td{font-size:12px;}
    .member_wrap .info_box table tr th{padding-top:10px; width:90px;}
    .member_wrap .info_box table tr td{padding: 5px 0;}
    .member_wrap .info_box table tr td input { padding: 7px 10px; width: 100%; max-width: 203px; height: 24px; border: 1px solid #B0B8BC; font-size: 12px; }
    .member_wrap .info_box table tr td input::placeholder{font-size:8px;}
    .member_wrap .info_box table tr td input[data-input="address1"] {margin-top: 1px;width: 21vw; max-width: 106px; height: 26px; }
    .member_wrap table td input + button { margin-left: 6px; background: #454E54; width: 55px; height: 28px; line-height: 28px; border-radius: 3px; font-size: 10px; font-weight: 700; }
    .member_wrap .info_box{border-top:3px solid #B0B8BC;}
    .member_wrap .info_box .sex_chk input[type="radio"] + label:before{width: 14px;height:14px;border: 1px solid #76848C;}
    .member_wrap .info_box .sex_chk input[type="radio"]:checked + label:before {background-size: 19px;}
    .member_wrap .info_box .sex_chk input[type="checkbox"] + label:before{width:12px;height:12px;border: 1px solid #76848C;}
    .member_wrap .info_box .sex_chk input[type="checkbox"]:checked + label:before{background-size: 17px;}
    .member_wrap .info_box .sex_chk input + label{margin-right:16px;}
    .member_wrap .member_btn_box{margin-top: 40px;}
    .member_wrap .member_btn_box button {font-size:15px; line-height: 18px;border-radius: 7px;;}
    .member_wrap .member_btn_box .cancle_btn {margin-right: 44px; padding: 16px 22px !important;}
    .member_wrap .member_btn_box .submit_btn {padding: 16px 30px !important;}
}