.wrap{background-color:#fff;}

/* signup */
section.signup{ background-color:#fff; margin:80px 0 160px;}
.signup .inner{width:100%; margin: 0 auto; padding:0 20px;}
.signup_form ul li{padding-top:24px;}
.signup_form ul li:first-child{padding-top:0;}
.signup_form ul li:before, .signup_form ul li:after{clear:both; content:''; display:block;}
.signup_form ul li .insert.w50{width:50%; float:left;}
.signup_form ul li .insert{position: relative;}
.signup_form ul li input{font-size:14px; width:100%; height:44px; padding:8px; border:1px solid transparent; background-color:#f4f4f4; margin:6px 0;}
.signup_form ul li input::placeholder{font-size:14px;}
.signup_form ul li input:read-only, .signup_form ul li input:read-only::placeholder{color:#222;}
.signup_form ul h2{text-align: left; padding-bottom:4px; font-size:13px; font-weight: 500; color:#777;}
.signup_form ul li span.sub_btn{cursor:pointer; position: absolute; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);
    min-width: 88px; right:0; text-align: center; 
    font-size: 0.85em; background:#777; height:44px; line-height: 43px;
    color:#fff; cursor: pointer;}

/* textarea */
.signup_form ul li textarea{background-color: #f4f4f4; width: 100%; min-height:176px; height:auto; border:0px solid transparent; resize: none; margin:4px 0; color:#777;}

/* select */
.signup_form ul li select{width: 100%;  height:44px; border:1px solid transparent; border-bottom:1px solid #ddd; margin:4px 0; color:#777;}
.signup_form ul li select option{}
.signup_form ul li p.input_title {text-align: left; font-size:0.85em; font-weight: 500;}

/* 오입력시 알림 */
.signup_form ul li p.essencial{font-size:0.8em;  position: absolute;}
.signup_form ul li p.essencial.error{color:#f02c2c;}

em.im{
    line-height: 0.8;
    vertical-align: text-top;
    color:#f02c2c; font-size:0.8em; 
    margin-left:4px; font-weight: 700;}


.btn-container .btn{width: 100%;}
.btn-container .btn:hover{letter-spacing: 0;}

/* row */
.signup .row{margin-left: -5px; margin-right: -5px;}
.signup .row > li{padding:5px;}

/* 약관동의 */
.term-txt{padding:16px; font-size:.8em; height:180px; overflow-Y: scroll; border:1px solid #d1d1d1; background-color:#fff;}

/* login */
.login_form{border-top:0;}

.txt-btn-container > span{display: inline-block; font-size:0.85em;}
.txt-btn-container > span:hover{color:#999;}


.login-btn-container > li:first-child{margin-top:0}
.login-btn-container > li{margin-top:16px;}


/* 2020-04-22 */
.inpbox{max-width: 414px;}
.insert-wrap{ display: -webkit-box; display: -ms-flexbox; display: flex;}
.insert-wrap > .insert{width: 100%; position: initial !important;}
.dash{-webkit-box-flex: 0; -ms-flex: none; flex: none; width: 22px; line-height: 54px; text-align: center;}

.btnbx{position: relative; max-width: 414px; line-height: 56px; padding-right:112px;}
input[type="button"]{cursor: pointer;}
.btnbx input[type="button"]{position: absolute; top: 0; right: 0; width: 102px; font-size: 12px; text-align: center; border-radius: 44px; background-color: #fff; border:1px solid #999;}

/* 2020-05-08 */
.certify_insert-wrap{padding:20px 48px 32px; border:1px solid #ddd;}
.signup_form .sub_txt-wrap{position: absolute; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); right:104px;}
.signup_form .sub_txt-wrap .sub_txt{font-size:0.85em;}
.signup_form .sub_txt-wrap .sub_txt.time{color:#3f4192; font-weight: 600;}



/* 회원정보수정 2022-11-09 고지혜*/
.edit_form ul li{display:flex; align-items:center; border-top: 1px solid #d9d9d9; padding-top:0;}
.edit_form ul li:first-child{border-top: 0;}
.edit_form ul li p.input_title{
    width: 315px; flex-shrink:0; font-size: 14px; font-weight: normal;}
.edit_form ul li input{width:378px; margin:13px 0;}
.edit_form ul li .address_insert_cont .insert:nth-child(1) input{margin:13px 0 4px;}
.edit_form ul li .address_insert_cont .insert:nth-child(2) input{margin:4px 0;}
.edit_form ul li .address_insert_cont .insert:nth-child(3) input{margin:4px 0 13px;}
.btn-container.fit .btn {
    width: fit-content; display:inline-block;
}


/* ********************************************* *
 * 1024px max
 * ********************************************* */
 @media (max-width:1024px){
     

    .wrap{background-color:#fff;}
    .signup .inner{padding-left:0; padding-right:0;}

    .certify_insert-wrap{padding:0; border:0;}
    

 }



/* ********************************************* *
 * 768px max
 * ********************************************* */
 @media (max-width:768px){
     
    .edit_form ul li{display:block; padding: 12px 0 4px;}
    .edit_form ul li input{width: 100%; }
 }



/* ********************************************* *
 * 640px max
 * ********************************************* */
 @media (max-width:640px){
    .my-info .p-tab-container{
        margin-bottom: 30px;
    }
    .my-info .p-tab-container li{
        display: grid;
        place-items: center;
        border: 1px solid #222;
        height: 57px;
        padding: 8px 10px;
    }
    .my-info .p-tab-container li:first-child{
        border-right:0 !important;
    }
    .my-info .p-tab-container li.current{
        border: 1px solid #222;
        background:#222; color:#fff;
    }
    .my-info .p-tab-container li a{
        line-height: 1.3;
    }
 }