@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; }