/* CSS Document */

/* Login */
.loginColumn {position:relative; overflow:hidden; width:400px; margin:0 auto; margin-top:50px; padding-top:1px;}
.loginColumn .columBox1 li {position:relative;}
.incb1 {background:none; display:block; width:382px; font-size:19px; height:50px; border:1px solid #b9b9b9; margin-top:-1px; padding-left:15px; color:#7e7e7e; font-size:16px;}
.loginColumn .columBox1 li .btnLogin1 {background:#d34189; color:#fff; font-size:22px; text-align:center; width:100%; padding: 15px 0; display:block; margin-top:30px; font-weight:500;}
.loginColumn .columBox1 li .btnLogin1:hover {background:#a6195f; color:#fff;}

.loginColumn .columBox2 {text-align:center; margin-top:30px; border-bottom:1px solid #dddddd; padding-bottom:30px;}
.loginColumn .columBox2 a {font-size:16px; color:#3d3d3d;}
.loginColumn .columBox2 a.bgline1 {background:url(/common/images/member/bgline1.png) no-repeat 0 7px; margin-left:12px; padding-left:15px;}

.loginColumn .columBox3 {margin-top:30px;}
.loginColumn .columBox3 li {color:#027785; font-size:16px;}
.loginColumn .columBox3 li a {display:block; color:#027785; border:1px solid #b9b9b9; text-align:center; padding:15px 0; margin-top:5px; font-size:16px;}
.loginColumn .columBox3 li a:hover {background:#f8f8f8;}



/* 비밀번호 초기화 */
.memTitle {position:relative; overflow:hidden; margin-top:50px; font-size:30px; font-weight:500;}

.pwColum {position:relative; overflow:hidden; margin-top:40px; float:left;}
.pwColum .pwcolumBox1 {position:relative; overflow:hidden; width:490px; border:2px solid #3fb079; float:left;}
.pwColum .pwcolumBox1 ul li {position:relative; overflow:hidden;}
.pwColum .pwcolumBox1 .tit li {font-size:21px; font-weight:500; background:#3fb079; color:#fff; padding:15px;}
.pwColum .pwcolumBox1 .form {margin:30px 45px 45px 45px;}
.pwColum .pwcolumBox1 .form .field {margin-bottom:10px; border-bottom:1px solid #e1e1e1; padding:5px 0 15px 0;}
.pwColum .pwcolumBox1 .form li .set1 {width:100px; display:block; float:left; margin-top:5px; font-size:17px;}
.pwColum .pwcolumBox1 .form li input {padding:5px;}
.pwColum .pwcolumBox1 .form li .phoneSet {float:left;}
.pwColum .pwcolumBox1 .form li a.btnPhone {font-size:11px; display:block; color:#fff; background:#108ac9; padding:8px; float:left; margin-left:5px;}
.pwColum .pwcolumBox1 .form li a.btnPhone:hover {background:#085e8a;}
.pwColum .pwcolumBox1 .form li p select {height:30px; padding:0 5px;}
.pwColum .pwcolumBox1 .form li a.btnok {font-size:18px; color:#fff; background:#d34189; width:200px; text-align:center; padding:10px 0; display:block; margin:0 auto; margin-top:30px;}
.pwColum .pwcolumBox1 .form li a.btnok:hover {background:#a6195f;}

.pwColum .ipinBox1 {position:relative; overflow:hidden; width:490px; border:2px solid #3fb079; margin-left:12px; float:left;}
.pwColum .ipinBox1 .tit li {font-size:21px; font-weight:500; background:#3fb079; color:#fff; padding:15px;}
.pwColum .ipinBox1 .form {margin:30px 30px 10px 40px; height:300px;}
.pwColum .ipinBox1 .form li a.btnok {font-size:18px; color:#fff; background:#d34189; width:200px; text-align:center; padding:10px 0; display:block; margin:0 auto; margin-top:156px;}
.pwColum .ipinBox1 .form li a.btnok:hover {background:#a6195f;}

/* 인증 화면 20210608 S*/
.cert_box {overflow:hidden; width:100%; border-bottom:2px solid #01bace;}
.cert_box li {width:49.9%; float:left; padding:55px 0; background:#fdfdfd;}
.cert_box li:nth-of-type(1) {border-right:1px solid #d2d2d2}
.cert_box li p {font-size:22px; text-align:center;}
.cert_box li span {display:block; margin:30px 0; text-align:center;}
.cert_box li span img {display:inline-block;}
.cert_box .btn_cert {display:block; width:140px; height:44px; margin:auto; border:1px solid #01bace; text-align:center; line-height:44px; font-size:15px; font-weight:500; letter-spacing:-0.5px; color:#01bace;}

.idfind {clear:both; border-bottom:2px solid #01bace;}
.idfind h3 {font-size:24px !important; font-weight:500; padding:40px 0 10px 0 !important; background:none !important; text-align:center;}
.idfind .cert_box {float:left; width:600px; border-bottom:0;}
.idfind .cert_box li {padding:30px 0; background:#fff; box-sizing:border-box;}
.idfind .idfind_box {padding:40px;}
/* 인증 화면 20210608 E*/

/* 아이디 찾기 */
/* 수정 0618 start */
.idColum {width:400px; position:relative; overflow:hidden; border-left:1px solid #01bace; box-sizing:border-box;}
.idColum ul li {border-bottom:1px solid #ddd; padding:15px 10px; font-size:17px;}
.idColum ul li label, .idColum ul li span {width:117px; float:left; font-size:17px; margin-top:9px;}
.idColum ul li input {padding:5px; height:28px; border:1px solid #ccc;}
.idColum ul li a.btnCheck {display:block; width:140px; height:44px; line-height:44px; margin:18px auto; border:1px solid #01bace; font-size:15px; color:#01bace; text-align:center; font-weight:500;}
.idColum ul li a.btnCheck:hover {background:none; color:#01bace;} /*삭제*/
.idColum ul li.noline {border:none !important;}

.idColum2 {width:100%; position:relative; overflow:hidden; margin:0 auto; margin-top:10px;}
.idColum2 ul li {border-bottom:1px solid #ddd; padding:15px 40px; font-size:14px;}
.idColum2 ul li.noline {border:none !important; text-align:center;}
.idColum2 ul li.texCenter {text-align:center; font-size:18px;}
.idColum2 ul li a.btnCheck {display:inline-block; width:140px; height:44px; line-height:44px; margin:10px; border:1px solid #01bace; font-size:15px; color:#01bace; text-align:center; font-weight:500;}
.idColum2 ul li a.btnhome {background:#01bace; color:#fff;}
/* 수정 0618 end */

/* 20210622 S */
/* 추가 : 비밀번호 찾기 */
.pwfind ul {clear:both; border-top:1px dotted #d2d2d2;}
.pwfind .cert_id {width:500px; margin:auto; padding:20px 60px;}
.pwfind .cert_id label {float:left; width:117px; font-size:17px; line-height:40px; text-align:center;}
.pwfind .cert_id input {width:350px; height:28px; padding:5px; border:1px solid #d2d2d2; font-size:17px;}
.pwfind .cert_box {overflow:hidden; width:100%; float:none;}
.pwfind .cert_box li {padding:46.5px 0;}

/* 추가 : 비밀번호 변경 */
.pwChange .idColum {width:100%; border-left:0;}
.pwChange .idColum ul li {border-bottom:1px dotted #ddd;}
.pwChange .idColum ul li:nth-child(1) {border-top:1px dotted #ddd;}
.pwChange .idColum ul li label {width:200px;}
.pwChange .idfind_box {padding:0 60px;}

input::-webkit-input-placeholder {font-size:14px; color:#d2d2d2;}
input:-ms-input-placeholder {font-size:14px; color:#d2d2d2;}
textarea::-webkit-input-placeholder {font-size:14px; color:#d2d2d2;}
textarea:-ms-input-placeholder {font-size:14px; color:#d2d2d2;}
/* E */

.idColum2 ul li span.point1 {color:#ff7e00; margin-left:10px;}
.idColum2 ul li a.btnCheck1 {background:#d34189; color:#fff; font-size:22px; text-align:center; width:260px; padding:10px 0; display:block; margin-top:30px; font-weight:500; margin:0 auto;}
.idColum2 ul li a.btnCheck1:hover {background:#a6195f; color:#fff;}

.idColum3 {width:400px; position:relative; overflow:hidden; margin:0 auto; margin-top:50px;}
.idColum3 ul li {font-size:17px; text-align:center;}
.idColum3 ul li .view {display:inline-block; margin-bottom:-5px; font-size:17px;}
.idColum3 ul li input {padding:5px; margin-left:10px;}
.idColum3 ul li a.btnCheck {background:#d34189; color:#fff; font-size:22px; text-align:center; width:260px; padding: 10px 0; display:block; font-weight:500; margin:0 auto; margin-top:30px;}
.idColum3 ul li a.btnCheck:hover {background:#a6195f; color:#fff;}


/* Btn Style */
.set2 input {margin-top:5px;}
.btnBox1 {clear:both; position:relative; overflow:hidden; text-align:center; margin-top:30px;}

a.btnOk1 {display:inline-block; padding:10px 40px; background:#d34189; color:#fff; font-size:22px;}
a.btnOk1:hover {color:#fff; background:#a6195f;}

a.btnOk2 {display:inline-block; padding:10px 40px; background:#d34189; color:#fff; font-size:18px; margin-right:20px;}
a.btnOk2:hover {color:#fff; background:#a6195f;}

a.btnCen1 {display:inline-block; padding:10px 40px; background:#b6b6b6; color:#fff; font-size:22px;}
a.btnCen1:hover {color:#fff; background:#8e8e8e;}

a.btnCen2 {display:inline-block; padding:10px 40px; background:#b6b6b6; color:#fff; font-size:18px;}
a.btnCen2:hover {color:#fff; background:#8e8e8e;}

a.btnChe1 {font-size:11px; display:inline-block; color:#fff; background:#108ac9; padding:5px 10px;}
a.btnChe1:hover {background:#085e8a; color:#fff;}



/* 정보 텍스트 박스 */
.inforBox1 {overflow:hidden; padding:20px 20px 10px 20px; border-bottom:2px solid #01bace;}
.inforBox1 p {background:url(/common/images/info/bull1.png) no-repeat 0 8px; padding-left:17px; font-weight:400; margin-bottom:10px;}
.inforBox1 p.point1 {color:#e13d92;}
.inforBox1 p.point2 a {color:#7831b6;}

.inforBox2 {overflow:hidden; border-top:1px solid #c4dbe2; border-bottom:1px solid #c4dbe2;}
.inforBox2 p {font-weight:400; padding-left:17px; background:url(/common/images/info/bull1.png) no-repeat 0 12px; line-height:28px; margin:15px 20px;}
.inforBox2 p.point1 {color:#e13d92;}
.inforBox2 p.point2 a {color:#7831b6;}



/* 회원가입 Step */
.memStep {position:relative; overflow:hidden; background: url(/common/images/member/bgline2.png) repeat-x 0 35px; margin-top:-20px;}
.memStep ul {float:right; width:288px;}
.memStep ul li {float:left; width:72px; font-size:13px; height:47px;}
.memStep ul li.step1 {background:url(/common/images/member/step11.png) no-repeat 15px 25px;}
.memStep ul li.step2 {background:url(/common/images/member/step22.png) no-repeat 15px 25px;}
.memStep ul li.step3 {background:url(/common/images/member/step33.png) no-repeat 15px 25px;}
.memStep ul li.step4 {background:url(/common/images/member/step44.png) no-repeat 15px 25px;}

.memStep ul li.s1on {background:url(/common/images/member/step1.png) no-repeat 15px 25px; color:#d34189;}
.memStep ul li.s2on {background:url(/common/images/member/step2.png) no-repeat 15px 25px; color:#d34189;}
.memStep ul li.s3on {background:url(/common/images/member/step3.png) no-repeat 15px 25px; color:#d34189;}
.memStep ul li.s4on {background:url(/common/images/member/step4.png) no-repeat 15px 25px; color:#d34189;}


.memStit1 {font-size:21px; font-weight:500;}


.aggBox1 { position:relative; overflow-y:scroll; margin-top:5px; padding:20px; border:1px solid #ddd; height:240px;}
.aggBox1 .t1 {font-weight:700; font-size:16px; color:#464646;}
.aggBox1 .t2 {font-weight:200; font-size:14px; color:#636363;}

.textBox1 {margin-top:20px;}
.textBox1 .t1 {font-weight:500; font-size:15px; color:#464646;}

.checkBox1 {position:relative; clear:both; text-align:right; margin-top:20px; padding-bottom: 30px; border-bottom: 2px solid #eaeaea;}
.checkBox2 {position:relative; clear:both; text-align:right; margin-top:20px;}

.spanID {font-size:12px;}
.mTex1 {font-size:14px; color:#b4ff00; font-weight:500;}



/* 회원정보 TAble */
.mtableList {margin-top:3px;border-left:1px solid #c4dbe2; border-top:0;}
.mtableList tr th {font-weight:700; height:40px; background:#52a0b6; color:#fff; border-right:1px solid #c4dbe2;}
.mtableList tr td {border-bottom:1px solid #c4dbe2; border-right:1px solid #c4dbe2; font-size:15px; padding:10px; font-weight:500; letter-spacing:-1px; text-decoration:underline;}

.mbtnBox1 {position:relative; overflow:hidden; clear:both; border-top:2px solid #01bace; margin-top:40px; padding-top:30px; text-align:center;}


/* 비민번호 변경안내 */
.pwChing {position:relative; overflow:hidden; padding-top:50px; margin:0 auto; width:450px;}
.pwChing .pwBox {margin:0 auto;}
.pwChing .pwBox li {text-align:center; margin-bottom:10px;}
.pwChing .pwBox li .view {display:inline-block; margin-bottom:-10px; font-size:17px; text-align:left !important; width:120px;}
.pwChing .pwBox li input {padding: 5px; margin-left: 10px; }
.pwChing .btnBox {position: relative; overflow: hidden; margin-top:50px;}