/* 로그인 */
.login_wrap{width: 100%;max-width: 624px;margin:0 auto;padding: 70px 120px;}
.login_wrap .logo{display: block;margin-top: 10px;margin:0 auto;text-align: center;}
.login_wrap .title{}
.login_wrap .title > h4{font-size: 40px;font-weight: bold;margin-top: 66px;}
.login_wrap .title > p{font-size: 16px;margin-top: 40px;line-height: 1.4;}
.login_wrap .btn_kakao_login{display:block;width:100%;margin-top: 30px;padding-left:40px;height: 102px;line-height:102px;font-size: 22px;border-radius:15px;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:12px auto;width: 100%; text-align:center;font-size:18px;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: 18px;}
.login_wrap .tab_section .tab_con {margin-top: 35px;}
.login_wrap .tab_section .tab_con label{display: block;color:#B0B8BC;font-size: 18px;}
.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{color: #B0B8BC;}
.login_wrap .tab_section .tab_con input[type="text"]{  margin-bottom: 22px;  font-size: 18px;
display: block;width: 100%;color: #B0B8BC;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;border-radius: 15px;height: 64px;line-height: 64px;margin: 26px auto 8px;}
.login_wrap .tab_section .tab_con .find_box{display: flex;justify-content: left;font-size: 18px;margin-bottom: 35px;}
.login_wrap .tab_section .tab_con .find_box > a{font-size: 18px;  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 250px; 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:28px;}
.join_wrap h3.sub_title{margin-top:56px; margin-bottom:0;}
.join_wrap table{width:100%}
.join_wrap table tr:hover{background:none;}
.join_wrap table tr:nth-child(1) td > div,
.join_wrap table tr:nth-child(2) td > div {padding:6px 0;}
.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:20px; text-align:center; border:1px solid #D9D9D9;}
.join_wrap table td {padding-left:2vw; border:1px solid #D9D9D9; border-left:0;}
.join_wrap table td input{padding:10px; height:51px; font-size:18px; border:1px solid #D9D9D9;}
.join_wrap table td input + span{margin-left:2vw; font-weight:700; font-size:24px;}
.join_wrap table td input + button{ margin-left:10px; background:#76848C; width:110px; height: 56px; line-height: 56px; border-radius: 6px; font-si    ze: 20px; font-weight: 700; color:#fff; }
.join_wrap table td input[data-input="id"]{padding:12px 10px;width:100%;max-width:506px;height:47px;border:1px solid #B0B8BC;font-size:16px;}
.join_wrap table td input[data-input="pw"]{padding:12px 10px;width:100%;max-width:506px;height:47px;border:1px solid #B0B8BC;font-size:16px;}
.join_wrap table td input[data-input="name"]{padding:12px 10px;width:100%;max-width:506px;height:47px;border:1px solid #B0B8BC;font-size:16px;}
.join_wrap table td input[data-input="mail"]{width: 302px;}
.join_wrap table td input[name="mb_zip"]{ width: 100%;max-width: 382px;height:56px;}
.join_wrap table td input[name="mb_addr1"]{margin:4px 0; width:100%;max-width:506px;}
.join_wrap table td input[name="mb_addr2"]{margin:4px 0; width:100%;max-width:506px;}
.join_wrap table td input[name="mb_addr3"]{margin:4px 0; width:100%;max-width:506px;}
/*.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"]{padding:12px 10px;width:100%;max-width:506px;height:47px;border:1px solid #B0B8BC;font-size:16px;}
.join_wrap table td input[data-input="mail"]{padding:12px 10px;width:100%;max-width:506px;height:47px;border:1px solid #B0B8BC;font-size:16px;}
.join_wrap table td .btn_frmline:hover {background:#454E54; color:#f0f0f0;}
.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:18px;}
.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:20px; 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;}
.join_wrap .agree_box dl dd .txt_area div, 
.join_wrap .agree_box dl dd .txt_area div b {font-size:14px; line-height:1.4;}
.join_wrap .agree_box dl dd .txt_area div b {font-weight:600;}
.join_wrap .agree_box dl dd p{margin-right:15px;}
.join_wrap .member_btn_box {margin-top: 80px;text-align: center;}
.join_wrap .member_btn_box button {border-radius: 8px;font-weight:700;font-size:18px;}
.join_wrap .member_btn_box > a{line-height: 39px; border-radius: 8px;font-weight:700;font-size:18px;}
.join_wrap .member_btn_box .join_btn {border:1px solid #76848C; background:#76848C; color:#f0f0f0; padding:18px 24px;}
.join_wrap .member_btn_box .join_btn:hover {background:#454E54; color:#f0f0f0;}
.join_wrap .member_btn_box .cancle_btn:hover {background:#454E54; color:#f0f0f0;}
.join_wrap .cancle_btn{margin-right:96px; padding:18px 36px; border:1px solid #76848C; color:#76848C;}
.join_wrap .agree_box input[type="checkbox"]{display: none; cursor:pointer;}
.join_wrap .agree_box input[type="checkbox"] + label{user-select:none; cursor:pointer; line-height:1.4; margin:10px 0 20px 0;}
.join_wrap .agree_box input[type="checkbox"] + label:before{content:''; width:18px; height:18px; 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;}

/* 소셜가입 페이지 -- 모달창 */
.remodal-wrapper .remodal {border-radius:6px;}
.remodal-wrapper .remodal .connect-close {position:absolute; right:10px; top:10px;}
.remodal-wrapper .remodal .connect-close .fa-close {font-size:20px;}
.remodal-wrapper .remodal .connect-fg .connect-title {font-size:20px; font-weight:600; margin:12px 0}
.remodal-wrapper .remodal .connect-fg .connect-desc {font-size:15px; line-height:1.4; margin:20px 0}
.remodal-wrapper .remodal .connect-fg #login_fs .input_area {display:flex; flex-direction:column;}
.remodal-wrapper .remodal .connect-fg #login_fs .input_area label {font-size:15px; margin:10px 0;}
.remodal-wrapper .remodal .connect-fg #login_fs .input_area label input {padding:4px 10px; margin:10px 0 0 0; height:36px; font-size:14px; border:1px solid #D9D9D9; border-radius:6px; width:80%;}
.remodal-wrapper .remodal .connect-fg #login_fs .btn_submit {margin-left:10px; border:none; background:#76848C; color:#f0f0f0; border-radius:6px; font-size:17px; font-weight:600; padding:16px 22px;}
.remodal-wrapper .remodal .connect-fg #login_fs .btn_submit:hover {background:#141719; color:#f0f0f0;}

/*회원정보수정*/
.member_wrap{padding:70px 89px 66px; margin:0 auto; 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:24px;}
.member_wrap .info_top{padding:0px 70px 200px; display:flex; flex-direction:column; align-items:center;}
.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:1.7; font-size:13px;}
.member_wrap .info_box {padding:72px 70px 96px; border-top:1px 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{vertical-align:middle; padding-top:20px; padding-left:40px; width:219px; font-size:20px; text-align:left;}
.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:16px;}
.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 > h4{font-size: 30px;margin-top: 33px;}

    /*회원가입*/
    .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:18px;}
    .join_wrap table td input{height:47px;}
    .join_wrap table td input + span{margin-left: 16px;font-size:16px;}
    .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 {margin:5px 0 0 0;}
    .join_wrap .agree_box input[type="checkbox"] + label:before{margin-right: 4px;width:14px;height:14px;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:200px; background:unset; border-color:#76848C;}
    .join_wrap .join_btn{background:#76848C; color:#f0f0f0 !important; border-radius:17px; font-size:32px;}

    /*회원정보수정*/
    .member_wrap{padding:0 0 150px;}
    .member_wrap .sec_title {margin-top:32px;}
    .member_wrap .back_btn.v2{left:5%;}
    .member_wrap > div{padding:0 4.3%;}
    .member_wrap .sec_title{margin-bottom:0 !important; padding-left:6.3%;}
    .member_wrap .sub_title{font-size:24px;}
    .member_wrap .info_top,
    .member_wrap .info_box{padding:48px 4.3%;}
    .member_wrap .info_box{border-top:1px 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 .sec_title {margin-top:0 !important;}
    .join_wrap .agree_box dl dd .txt_area div, 
    .join_wrap .agree_box dl dd .txt_area div b {font-size:13px;}
}

/* 모바일 */
@media (max-width: 640px) {
    /* 로그인 */
    .login_wrap{padding: 35px 60px;}
    .login_wrap .logo{margin-top: 10px;width: 50px;}
    .login_wrap .logo > img{width: 100%;}
    .login_wrap .title > h4{font-size: 20px;margin-top: 33px;}
    .login_wrap .title > p{font-size: 14px;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:12px auto;font-size: 14px;}
    .login_wrap .tab_section .tab_type{border-radius: 25px;}
    .login_wrap .tab_section .tab_type > li > a{font-size: 14px;line-height: 27.5px;}
    .login_wrap .tab_section .tab_con {margin-top: 17px;}
    .login_wrap .tab_section .tab_con label{font-size: 16px;}
    .login_wrap .tab_section .tab_con label input[type="radio"]{width: 18px;height: 18px;margin-right: 3px;}
    .login_wrap .tab_section .tab_con input[type="text"]{margin-bottom: 11px;font-size: 16px;height: 24px;}
    .login_wrap .tab_section .tab_con .btn_member_login,
    .login_wrap .tab_section .tab_con .btn_member_delivery{font-size: 16px;border-radius: 15px;height: 38px;line-height: 38px;margin: 13px auto 8px;}
    .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_type > li > a{}

    /*회원가입*/
    .join_wrap {padding:0 4.3% 180px;}
    .join_wrap h3.sub_title{margin-top:28px;line-height: 28px; font-size:16px;}
    .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:110px; font-size:14px}
    .join_wrap table td input{width:100%; height:26px !important; padding: 4px 6px; height: 32px; font-size: 14px;}
    .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:6px 0 0 0; width:64px !important;; height:32px !important; line-height:32px !important; font-size:11px; 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"]{/*max-width:200px;*/ min-width:100%;}
    .join_wrap table td input[data-input="mail"]{width:19vw;max-width:302px; min-width:100%;}
    .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:200px;font-size:12px;}
    /*.join_wrap .join_btn{margin-top: 27px;width:101px;height:53px;line-height:53px;border-radius: 8px;font-size:16px;}*/
    .join_wrap .member_btn_box {margin-top: 40px;}
    .join_wrap .member_btn_box > a {font-size:16px; line-height:18px; border-radius:6px;}
    .join_wrap .member_btn_box button {font-size:16px; line-height:18px; border-radius:6px;}
    .join_wrap .cancle_btn {margin-right: 44px; padding:16px 22px !important;}
    .join_wrap .join_btn{padding:16px 28px !important; background:#76848C; color:#fff; font-size:17px !important;}

    /*회원정보수정*/
    .member_wrap .sec_title {border-bottom:1px solid #B0B8BC;}
    .member_wrap .sub_title{font-size:16px;}
    .member_wrap .info_top, .member_wrap .info_box{padding:48px 4.3% 24px;}
    .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:11px; line-height:1.7;}
    .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:100px;}
    .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:32px !important; border:1px solid #B0B8BC; font-size: 12px; }
    .member_wrap .info_box table tr td input::placeholder{font-size:11px;}
    .member_wrap .info_box table tr td input[data-input="address1"] {margin-top: 1px;width: 21vw; max-width: 106px; height:32px !important; }
    .member_wrap table td input + button {margin-left: 6px; background: #454E54; width:60px !important; height:28px !important; line-height:28px !important; border-radius:3px; font-size:11px !important;}
    .member_wrap .info_box{border-top:1px 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:16px; 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; }*/
   .member_wrap .member_btn_box .submit_btn{padding:32px 60px;border:1px solid #76848C;background: #76848C;color:#fff;}
}