/** MEMBER - 200529 soosanint **/

/* member header */
.member_header { height:80px;;}
.member_header .member_logo { position: absolute; left:38px; top:27px;}
.member_header .member_logo a { text-indent: -99999px; display: block; background:url("/resources/img/logo.png") no-repeat; background-size: cover; width:154px; height:22px; }

/* member_login */
.member_wrap {background-image:url("/resources/img/common/login/login_bg.jpg");  background-size:cover; width:100%; min-height:100vh; padding-bottom: 40px; box-sizing: border-box; background-attachment: fixed; background-repeat: no-repeat;}
.member_login {margin-top:75px; position: relative; height:600px;}
.member_login .login_left { transition: .3s ease; padding:65px; box-sizing:border-box; box-shadow:10px 50px 120px rgba(0,0,0,.24); margin-left: 25px; max-width:930px; width:100%; background:url("/resources/img/common/login/login_box.jpg") no-repeat; background-size: cover; height:100%; border-radius: 30px;}
.member_login .login_left .lgn_left_logo { display: block;  width:154px; background:url("/resources/img/logo_w.png") no-repeat; background-size: cover; height:22px; text-indent: -99999px;;}
.member_login .login_left .txt {font-size:50px; color:#fff; margin-top:20px; font-weight: 600; letter-spacing: -1px; ;}
.member_login .login_right { transition: .3s ease; padding-top:85px; box-sizing:border-box; box-shadow:10px 50px 120px rgba(0,0,0,.24);  max-width:630px; width:100%; height: 100%; position:absolute; right:25px; top:70px; border-radius: 30px; background:#fff url("/resources/img/common/login/login_curve.png") left bottom no-repeat;}
.mem_login_box { width:100%; max-width:450px; margin:0 auto;}
.mem_login_box .mem_lgn_txt {margin-bottom: 35px; font-size:52px; font-weight:700; color:#005a8b; text-align: center; }
.mem_login_box .lgnDiv label { display: none;}
.mem_login_box .lgnDiv .mem_inp {width:100%; padding:16px; margin-top: -1px;}
.mem_login_btn { margin-top:25px; width:100%; cursor: pointer; border: none; background:#005a8b; color:#fff; padding:17px 0;  font-size:18px; transition: .3s ease;}
.mem_login_btn:hover {background:#094769;} 
.mem_login_box .mem_login_bottom { margin-top:33px;}
.mem_login_box .idpw_txt { padding-bottom: 12px; margin-bottom: 45px; display:inline-block; width:100%; border-bottom: 1px dotted #ddd; color:#777} 
.mem_login_box .idpw_txt .idpw_link { color:#094769; font-weight:400; float: right;}
.mem_login_box .idpw_txt .idpw_link:hover {text-decoration: underline;}
.mem_login_box .mem_join_btn { transition:.3s ease;  padding:8px 20px; border-radius: 3px; color:#777; background:#eee; border:1px solid #ddd; display: inline-block;}
.mem_login_box .mem_join_btn:hover { background:#e0e0e0;}

/* member_join */
.member_title { font-size: 37px; font-weight: 500; text-align: center; margin-top:15px;}
.member_s_tit { font-size: 16px; color:#555; text-align: center; margin-top:7px;}
.member_content { max-width:800px;margin:30px auto 0; overflow:hidden; transition: .3s ease; /*padding:65px;*/ box-sizing:border-box; box-shadow:10px 50px 120px rgba(0,0,0,.24); border-radius: 30px; background:#fff; }
.member_content.fullwidth { max-width: 100%; padding:50px 65px;}

.member_lnk { border-bottom: 2px solid #005383;}
.member_lnk::after { clear:both;display:block; content:''; } 
.member_lnk a { float:left; width:50%; padding:13px 0; color:#888; font-size: 20px; text-align: center; background: #eee; box-sizing: border-box;}
.member_lnk a.on { background:#005383; color:#fff;}
.mem_join_form { padding:35px 65px;}
strong.required {vertical-align: -3px;}
.member_wrap .p_tit { font-weight:600; font-size:18px; margin:27px 0 18px;}
.mem_join_form .lgnDiv { margin-top: -1px; font-size: 0;}
.mem_join_form .lgnDiv label {max-width: 127px; box-sizing: border-box; padding-left: 11px; font-size: 16px; width: 19%;display:inline-block; vertical-align: middle; font-weight: 500;}
.mem_join_form .lgnDiv .mem_inp { width:81%;padding:13px 25px;  font-size: 16px; display:inline-block; vertical-align: middle;}
.mem_join_form .lgnDiv span.mem_inp {box-sizing: border-box; border: 1px solid #ddd; background: #f9f9f9;} /* mypage */
.mem_submit_btn {border:none; cursor: pointer;  margin:30px auto 0; width:50%; background:#005a8b; display: block; color:#fff; padding:16px 0;  font-size:18px; transition: .3s ease;}
.mem_submit_btn:hover, .mem_submit_btn2:hover {background:#094769;} 
.mem_submit_btn2 {display:inline-block; color:#fff;border:none; cursor: pointer;  padding:10px 35px; background:#005a8b;  border:1px solid #005a8a;  font-size:18px; transition: .3s ease; } 
.mem_submit_btn3 {display:inline-block; color:#fff;border:none; cursor: pointer;  padding:10px 35px; background:#555;  border:1px solid #555556;  font-size:18px; transition: .3s ease; } 
.mem_submit_btn3:hover {background:#333;  border:1px solid #333332;} 
.mem_cancel_btn {display:inline-block; color:#777;border:none; cursor: pointer;  padding:10px 35px; border:1px solid #ccc;  font-size:18px; transition: .3s ease;}
.mem_more_btn {transition:.3s ease;  padding:8px 20px; border-radius: 3px; color:#777; background:#ddd; border:1px solid #ccc; display: inline-block; }
.mem_more_btn:hover { background:#ccc;}
.lgnDiv .required {position: relative; }
.lgnDiv .required::before { color:#094769; content:'*'; position: absolute; left:0;}

/* mypage */
.mypage { margin:0 auto;  border-top:1px solid #eee;}
.mypage .lgnDiv input {border-radius: var(--radius-1); background-color: #f5f5f5;}
.mypage .lgnDiv input[type="radio"] {display:none;}
.mypage .lgnDiv { vertical-align:middle; background:#fff; border: 1px solid #eee; border-top:none;padding: 19px 25px; box-sizing: border-box;}
.mypage .lgnDiv > div {vertical-align: middle;}
.mypage .lgn .lgnDiv label { width:150px;display:inline-block;  box-sizing:border-box; vertical-align: middle;}
.mypage .lgnDiv input[type="text"], .mypage .lgnDiv input[type="password"] { border:none;}

.mypage .lgnDiv input[type="text"], .mypage .lgnDiv input[type="password"], .mypage .lgnDiv_id, .mypage .lgnDiv .adrs {width: calc(100% - 155px);}
.mypage .lgnDiv .mem_id {padding:5px; display:inline-block;}
.mypage .lgnDiv .adrs {display: inline-block;}
.mypage .lgnDiv_id { display:inline-block; vertical-align:middle;}
.mypage .lgnDiv_id input[type="text"] { width:calc(100% - 155px);}
.mypage .lgnDiv input[type="text"].email-input {width:calc(100% - 309px);}
.mypage .lgnDiv .email-btn { width:150px; height:32px; text-align: center; background-color: #333; color:white; cursor: pointer; border: none; }
.mypage .lgnDiv_id .id_check_btn {border-radius: var(--radius-1); display:inline-block; padding:4px 10px; width:150px; background:#eee; border:1px solid #ddd; box-sizing:border-box; color:#333;}
.mypage .lgn_btn { padding:10px 20px; margin-left: 20px; background: #333332; color:white; }
.mypage .lgn_btn.wthm { padding:10px 20px; margin-left: 20px; background:white; color: #777; }
/* 회원가입 인풋박스 글자색 */
.mypage input::placeholder, .mypage input::placeholder { color: #bbb;}


#btn_address { height: 32px; border-radius: var(--radius-1); padding: 0 15px; box-sizing: border-box; color: #fff;  background-color: #333; transition: all .3s ease-in-out; text-align: center; line-height: 32px; }

.mypage .lgnDiv .adrs #zip_code {width: 200px; display: inline-block;}
.mypage .lgnDiv .adrs input {display: block; width: 100%; margin-top: 5px;}
.mypage .lgnDiv .adrs input:first-child {margin-top: 0;}

.mypage .lgn .addDiv input[type="radio"] + label {width: auto; margin-right: 20px;}

.mypage .lgnDiv textarea {margin-top: 10px;}
.mypage input[type="checkbox"] {margin: 0;}
/*회원가입 e*/


/* 회원탈퇴 */
.mem-withdr { width: 100%; height: 100vh; }
.mem-withdr .gnb_wrap, .mem-withdr .right_wrap, .mem-withdr .head_icons, .mem-withdr .ham_btn { display: none; }
.mem-withdr .header .head::before { opacity: 1; }

.contents.withdrawal { padding: 150px 0; }
.withdrawal-wrap { width: 100%; max-width: 640px; height: 320px; margin: 0 auto; border: 1px solid #c03d3d50; padding: 40px; box-sizing: border-box; }
.withdrawal-wrap .withdrawal-box { border-top: 12px solid #c03d3d; padding-top: 50px; text-align: center; }
.withdrawal-wrap .withdrawal-box p { font-size: 24px; font-weight: 500; margin-bottom: 10px; }
.withdrawal-wrap a { display: block; width: 25%; padding: 13px 20px; text-align: center; background-color: #c03d3d; color: #fff; font-size: 15px; font-weight: 500; margin: 60px auto 0; }

#footer.bt0 { width: 100%; position: absolute; bottom: 0; left: 0; }



@media screen and (max-width:1200px){
    .member_login .login_left { padding:30px; margin:0; max-width:100%;}
    .member_login .login_left .lgn_left_logo {display: none;}
    .member_login .login_left .txt {display: none;}
    .member_login .login_right { padding-top:60px; top:50px; margin:0; width:90%; right:auto; max-width:100%; left:50%; transform: translateX(-50%);}
    .mem_login_box {max-width:70%;}
}


@media screen and (max-width:768px){
    .mypage .lgnDiv_id input[type="text"] { width:100%;}
    .mypage .lgnDiv_id .id_check_btn { margin-top:5px; width:100%; }
    
    /* MEMBER */
    .member_login .login_left { display:none;}
    .member_login .login_right {position: relative; top:0; height:auto; padding-bottom:50px; transform: none; left:0; width:100%;}
    .member_login { margin-top:30px;}
    .mem_login_box { max-width: 80%;}
    .mem_login_box .mem_lgn_txt { font-size:35px; margin-bottom:20px;}
    .mem_login_box .lgnDiv .mem_inp {  padding:0 17px; margin-top: 0; line-height:50px;}
    .mem_login_box .mem_login_form .lgn_pw_inp { border-top: 0;}
    .mem_login_btn {padding: 15px 0;}
    .member_title {font-size: 30px;}
    .mem_login_box .idpw_txt { font-size: 14px;}
    .member_wrap .p_tit { margin:32px 0 22px;}
    .mem_join_form { padding:35px 35px;}
    .mem_join_form .lgnDiv { margin-bottom: 15px;}
    .mem_join_form .lgnDiv label { width:100%; margin-bottom: 8px;}
    .mem_join_form .lgnDiv .mem_inp { width:100%; padding:0 15px; line-height: 40px;}
    .member_lnk a { padding:13px 0; font-size:18px;}

    }


    @media screen and (max-width:650px){
        .mypage .lgn .lgnDiv label {width: 120px;}
        .mypage .lgnDiv input[type="text"], .mypage .lgnDiv input[type="password"], .mypage .lgnDiv_id, .mypage .lgnDiv .adrs {width: calc(100% - 124px)}
        
        .mypage .lgn .lgnDiv_id input[type="text"], .mypage .lgn .lgnDiv .adrs input[type="text"] {width: 100%;}
        .mypage .lgnDiv .adrs #zip_code {width: calc(100% - 64px);}
        
    }
    
    
    @media screen and (max-width:500px){
        
        .mypage .lgn .lgnDiv label {width: 100%;}
    
        /*체크박스부분 for 넘버가 달라질시 바꿔야합니다 s*/
        .mypage .lgn .addDiv label[for="field_no_6"] {display: inline-block; width: auto;}
        .mypage .lgn .addDiv #field_no_6 {margin-left: 10px;}
        /*체크박스부분 for 넘버가 달라질시 바꿔야합니다 e*/
        .mypage .lgnDiv input[type="text"], .mypage .lgnDiv input[type="password"], .mypage .lgnDiv_id, .mypage .lgnDiv .adrs {width: 100%; margin-top: 5px;}
        
        .mypage .lgn .addDiv input[type="radio"] + label {margin-top: 5px;}
    }
    

    @media screen and (max-height:800px){
    .member_wrap {height:auto; padding-bottom:70px;}
    }