@charset "utf-8";

/* 회원가입-약관동의 */
.join .step{margin-bottom:30px}
.join .step ul::after{display:block;clear:both;content:""}
.join .step ul li{position:relative;float:left;width:20%;font-size:15px;font-weight:bold;text-align:center;}
.join .step ul li div{position:relative;margin-left:10px;padding-top:60px;height:30px;color:#666;background-color:#f8f8f8;background-repeat:no-repeat;background-position:center 18px;border:1px solid #ece8e8; min-height:100px}
.join .step ul li div span{position:absolute;top:-1px;left:-1px;width:30px;height:30px;font-size:14px;color:#fff;line-height:30px;text-align:center;background:#ccc;}
.join .step ul li.on div{color:#346ec2;background-position:center -82px}
.join .step ul li.on div span{background:#346ec2}
.join .step ul li:first-child div{margin-left:0}
.join .step ul li.step1 div{background-image:url("/upload/skin/common/register/mem_ic1.png")}
.join .step ul li.step2 div{background-image:url("/upload/skin/common/register/mem_ic2.png")}
.join .step ul li.step3 div{background-image:url("/upload/skin/common/register/mem_ic3.png")}
.join .step ul li.step4 div{background-image:url("/upload/skin/common/register/mem_ic4.png")}
.join .step ul li.step5 div{background-image:url("/upload/skin/common/register/mem_ic5.png")}

/* 회원구분 */
.mem_divi{text-align:center}
.mem_divi ul li{position:relative;display:inline-block;margin:0 10px;width:37%;font-weight:bold;border:1px solid #ccc}
.mem_divi ul li a{display:block;padding-top:40px;height:200px}
.mem_divi ul li .tit{display:block;font-size:20px;color:#111;}
.mem_divi ul li .btn{position:absolute;left:0;bottom:0;width:100%;height:40px;font-size:15px;color:#fff;line-height:40px;background-image:url("/upload/skin/common/register/mem_btn_dot.png");background-repeat:no-repeat;background-position:right center;}
.mem_divi ul li.mbtn1{background:url("/upload/skin/common/register/mem_bg1.png") no-repeat center bottom}
.mem_divi ul li.mbtn1 .btn{background-color:#346ec2}
.mem_divi ul li.mbtn2{background:url("/upload/skin/common/register/mem_bg2.png") no-repeat center bottom}
.mem_divi ul li.mbtn2 .btn{background-color:#2fa439}

/* 본인확인 */
.identi_con{margin-bottom:15px;padding:25px;text-align:center;background:#f8f8f8}
.identi_con h5{margin-bottom:15px;font-size:20px;color:#346ec2;text-align:center;}
.identi_con ul{margin:10px 0}
.identi_con ul li{position:relative;display:inline-block;margin:0 10px;width:28%;font-weight:bold;background-color:#fff;background-repeat:no-repeat;background-position:center 70px;border:1px solid #ccc}
.identi_con ul li a{display:block;padding-top:40px;height:160px}
.identi_con ul li .tit{display:block;font-size:20px;color:#111;}
.identi_con ul li .btn{position:absolute;left:0;bottom:0;width:100%;height:40px;font-size:15px;color:#fff;line-height:40px;background-image:url("/upload/skin/common/register/mem_btn_dot.png");background-repeat:no-repeat;background-position:right center;}
.identi_con ul li.mbtn1{background-image:url("/upload/skin/common/register/mem_bg21.png")}
.identi_con ul li.mbtn1 .btn{background-color:#37aed6}
.identi_con ul li.mbtn2{background-image:url("/upload/skin/common/register/mem_bg22.png")}
.identi_con ul li.mbtn2 .btn{background-color:#2fa439}
.identi_con ul li.mbtn3{background-image:url("/upload/skin/common/register/mem_bg23.png")}
.identi_con ul li.mbtn3 .btn{background-color:#346ec2}

/* 약관동의 */
.agreement h4{margin-bottom:10px;padding:1px 0 0 25px;font-size:18px;color:#000;line-height:22px;background:url("../img/common/h4_dot.png") no-repeat 0 2px;}
.agreement .box{padding:20px;height:200px;overflow:auto;border:1px solid #ccc;}
.agreement .box + p{margin:10px 0;text-align:right;}
.agreement .box h5{margin:0 0 10px;padding:0px 0 0 18px;font-size:16px;color:#3964ab;line-height:22px;background:url("../img/common/h5_dot.png") no-repeat 0 4px;}
.agreement .box h6{margin:5px 0;padding-left:14px;font-size:15px;color:#111;line-height:18px;background:url("../img/common/h6_dot.png") no-repeat 0 4px;}
.agreement .box .liNum{margin:0 0 15px 10px}
.agreement .box .liNum li{position:relative;margin-bottom:5px;padding-left:25px;}
.agreement .box .liNum li .num{position:absolute;top:2px;left:0;width:17px;height:17px;font-size:11px;color:#fff;text-align:center;line-height:17px;background:url("../img/common/li_num.png") no-repeat}
.agreement .box .liNum li ul{margin:5px 0 0 -10px}
.agreement .box .liNum li ul li{margin:0 0 4px 0;padding-left:10px;background:url("../img/common/dot2.png") no-repeat 0 10px}
.agreement .box .liDot{margin:0 0 15px 10px}
.agreement .box .liDot li{position:relative;margin-bottom:5px;padding-left:9px;line-height:18px;background:url("../img/common/li_dot2.png") no-repeat 0 6px}
.agreement .box .liDot li ul,.agreement .box .liDot li ol{margin:3px 0 10px 0;}
.agreement .box .liDot li li{background:url("../img/common/dot2.png") no-repeat 0 8px}
.agreement .box p{margin:0 0 15px 10px;line-height:20px}
.agreement .box .pgTxt{margin-left:0;padding:10px 20px;background:#f5f5f5}
.agreement .box table{margin-bottom:15px;width:100%;border-spacing:0;border:1px solid #ccc;border-collapse: collapse}
.agreement .box table thead th{padding:8px 0;font-size:14px;color:#000;line-height:18px;background:#f5f5f5;border:1px solid #ccc;}
.agreement .box table tbody th{padding:5px 5px;font-weight:bold;border:1px solid #ccc}
.agreement .box table tbody td{padding:5px 5px;color:#555;border:1px solid #ccc;}

.agreement .btn_next{text-align:center}
.agreement .btn_next .button{display:inline-block;width:120px;height:40px;font-weight:bold;line-height:40px;text-align:center;background:#5eb665;}
.agreement .btn_next .button a{display:block;color:#fff;}

.lib_total {width:100%; min-height:80px}
.lib_total li {width:15%; float:left; text-align:center}


.member_table{width:100%;border-spacing:0;border:1px solid #ccc;border-collapse: collapse}
.member_table tbody th{padding:10px;font-weight:bold;background:#f5f5f5;text-align:left;border-bottom:1px solid #ccc}
.member_table tbody td{padding:10px;color:#555;background:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc}
.member_table tbody td input{margin:2px 2px 0 0;}
.member_table tbody td input[type="text"],
.member_table tbody td input[type="password"]{padding:6px;border:1px solid #ccc;box-sizing:border-box}
.member_table tbody td input::placeholder{color: #666;}
.member_table tbody td select{margin-top:2px;padding:5px 5px 4px;vertical-align:middle;border:1px solid #ccc;box-sizing:border-box}
.btn_ok{margin-top:20px;text-align:center}
.btn_ok .button{display:inline-block;width:120px;height:40px;font-weight:bold;line-height:40px;text-align:center;background:#5eb665;}
.btn_ok .button a{display:block;color:#fff;}
.btn_ok .button + .button{background:#8a8a8a}

.member_modi .st{display:block;text-align:right}

.join .complete{padding:50px 0;text-align:center;background:#f5f5f5}
.join .complete .GropuTxt{margin-bottom:30px;font-size:20px;color:#111}

.PdMb{display:none}