@charset "UTF-8";

/*로그인*/
#_UlgnS_basic { width:450px; margin:0 auto; }

#_UlgnS_basic ._loginInput input[type=text], #_UlgnS_basic ._inputArea input[type=password] { height:70px; width:100%; font-size:16px; color:#787878; background-color:#fff; margin:5px auto; padding-left:15px; border-radius:0; display:block; border:1px solid #e0e0e0; }
#_UlgnS_basic ._loginInput ._input { vertical-align:middle; line-height:1.42857143; }
#_UlgnS_basic ._loginInput ._loginSubmit { width:100%; display:block; background:linear-gradient(to right, #029994, #005250); height:70px; line-height:70px; font-size:20px; font-weight:500; color:#fff; border:none; border-radius:1px margin:0 auto; }

#_UlgnS_basic ._findInfo { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch; }
#_UlgnS_basic ._findInfo li { flex:1 0 47%; }
#_UlgnS_basic ._findInfo li:nth-child(odd) { margin-right:3%; border-right:1px solid #e0e0e0; }
#_UlgnS_basic ._findInfo li:nth-child(even) { margin-left:3%; }
#_UlgnS_basic ._findInfo li .txt { font-size:14px; color:#333; }
#_UlgnS_basic ._findInfo li ._findLoginId { padding:5px 15px; margin-top:5px; cursor:pointer; }
#_UlgnS_basic ._findInfo li ._gotoLoginMember { padding:5px 15px; margin-top:5px; cursor:pointer; }

#_UlgnS_basic ._info { font-size:16px; color:#333; }


/* 로그인 후 */
._loginAfter ._uInfo { display:flex; flex-flow:row wrap; justify-content:center; align-items:stretch; }
._loginAfter ._uInfo li { flex:1 0 47%; text-align:center; }
._loginAfter ._uInfo li:nth-child(odd) { margin-right:3%; border-right:1px solid #e0e0e0; }
._loginAfter ._uInfo li:nth-child(even) { margin-left:3%; }
._loginAfter ._uInfo ._btnEditInfo { padding:5px 15px; margin-top:5px; cursor:pointer; }
._loginAfter ._uInfo ._btnLogout { padding:5px 15px; margin-top:5px; cursor:pointer; }

/* 아이디 비번 찾기 */
._idPwdSearch { width:550px; margin:0 auto; }
._idPwdSearch .objHeading_h3 { text-align:center; }
._idPwdSearch .txt { text-align:center; }
._idPwdSearch .schForm { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; margin-bottom:10px; }
._idPwdSearch .schForm label { font-weight:bold; }
._idPwdSearch .schForm dt { flex:0 0 130px; width:130px; }
._idPwdSearch .schForm dd { flex:1 0 auto; }
._idPwdSearch .schForm dd input[type=text],._idPwdSearch .schForm dd input[type=password] { display: inline-block; width: 100%; height: 40px; padding: 7px 10px; border: solid 1px #e0e0e0; color: #787878; vertical-align: middle; font-size: 16px; background-color:#fff; border-radius:4px; }
._idPwdSearch ._areaButton .submitBtn { width: 100%; display: block; background: linear-gradient(to right,#029994,#005250); height: 70px; font-size: 20px; font-weight: 500; color: #fff; border: none; border-radius: 1px; margin: 0 auto; text-align: center; vertical-align: middle; cursor: pointer; padding: 0.532rem 1.125rem; line-height: 1.42857143; -webkit-box-sizing: border-box !important; }
@charset "UTF-8"; /* 가입프로그레스바 */
.joinProgress {
    width: 100%;
    margin: 5vw auto;
}

.joinProgress:after {
    content: "";
    display: block;
    clear: both;
}

.joinProgress ol {
    overflow: hidden;
    width: 100%;
}

.joinProgress ol li.on {
    border-bottom: 2px solid #3d3d3d;
    font-weight: 500;
    color: #3d3d3d;
}

.joinProgress ol li {
    position: relative;
    float: left;
    width: 20%;
    display: block;
    height: 76px;
    line-height: 76px;
    text-align: center;
    font-size: 17px;
    padding: 0 20px;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
}

.joinProgress ol li::after {
    font-weight: 900;
    content: "\f054";
    top: 29px;
    right: -9px;
    color: #999;
    font-family: 'Font Awesome 5 Free';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    position: absolute;
}

/* 회원가입 */
.joinNormal {
    width: 550px;
    margin: 0 auto;
    background: url("../images/join_icon1.png") no-repeat #f3f3f3;
    background-position: 25% 50%;
    padding: 40px;
    padding-left: 20%;
    border: 3px solid #f3f3f3;
}

.joinNormal:hover {
    background-color: #fff;
    border: 3px solid #646464;
}

.joinNormal p.typeName {
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 14px;
}

.joinNormal p.comment {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 20px;
}

.joinNormal .btnSubmit {
    background-color: #0877e2;
    width: 120px;
    height: 46px;
    line-height: 46px;
    font-size: 15px;
    color: #eee;
    font-weight: 500;
    padding: 0;
    border-radius: 3px;
    display: inline-block;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

#_cecMmbrEntr .privacyWrap .privacyContent {
    padding: 0 20px;
    height: 250px;
    overflow-y: scroll;
    border: 3px solid #ddd;
}

#_cecMmbrEntr .privacyWrap .btnWrap {
    text-align: center;
}

#_cecMmbrEntr .privacyWrap .btnCancel, #_cecMmbrEntr .privacyWrap .btnSubmit {
    border-color: #242a30;
    background-color: #242a30;
    color: #fff;
    padding: 9px 18px;
    border-radius: 5px;
}

/* 본인인증 */
.joinAuth h2 {
    font-size: 32px;
}

.joinAuth .yellowBox {
    font-size: 19px;
    background-color: #fdf497;
    display: inline-block;
    padding: 15px 30px;
}

.joinAuth .authBox {
    width: calc(100% / 2);
    margin: 30px auto 0;
    padding: 40px 10px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
    border: 3px solid #f3f3f3;
    background-color: #f3f3f3;
}

.joinAuth .authBox:hover {
    background-color: #fff;
    border: 3px solid #646464;
}

.joinAuth .authBox .img {
    flex: 0 0 30%;
    background: url("../images/auth_icon2.png") no-repeat center center;
}

.joinAuth .authBox .cont {
    flex: 0 0 70%;
    text-align: center;
}

.joinAuth .authBox .cont .txt1 {
    color: #333;
    font-size: 19px;
    margin-bottom: 14px;
}

.joinAuth .authBox .cont .txt2 {
    color: #333;
    font-size: 19px;
    margin-bottom: 20px;
}

.joinAuth .authBox .cont .viewBtn {
    background-color: #029994 !important;
    color: #fff;
    border-color: #d5d5d5;
    width: 120px;
    height: 46px;
    font-size: 15px;
    font-weight: 500;
    padding: 0;
    border-radius: 3px;
}

/* 회원가입 폼 */
.joinForm .objHeading_h2 {
    padding-bottom: 10px;
}

.joinForm mark.must {
    height: unset;
}

.joinForm .infoTxt {
    margin-top: 5px;
    color: #737373;
    font-size: 13px;
}

.joinForm .infoBox {
    margin: 5px 0;
    background-color: #f7f7f7;
    color: #333;
    padding: 10px;
    font-size: 16px;
}

.joinForm .insert.address {
    line-height: 2.5;
}

/* 회원가입 완료 */
.joinFinal h2 {
    padding-bottom: 0;
    color: #373737;
    font-size: 28px;
    font-weight: bold;
}

.joinFinal .txt1 {
    color: #333;
    font-size: 16px;
}

.joinFinal .btnWrap {
    text-align: left !important;
    border-top: 1px solid #dfdfdf;
    margin-top: 10px;
    padding-top: 10px;
}
