@charset "utf-8";

/*join_agree.html*/
#join_agree {}
#join_agree .agree ul li {display:block;margin-bottom:25px;;}
#join_agree .agree ul li .inputWrap {padding-bottom:10px;border-bottom:2px solid #e5e5e5;margin-bottom:0px;}
#join_agree .agree .agree_all label,
#join_agree .agree ul li .inputWrap label {font-size:14px;font-weight:500;}
#join_agree .agreeWrap {display:block;width:100%;height:120px;overflow-y: auto;position:relative;padding:15px;background:#f8f8f8}
#join_agree .agreeWrap p {font-size:11px;line-height:16px;}
#join_agree .viewAll {position:absolute;display:block;width:100%;height:32px;bottom:0;left:0;}
#join_agree .agree .agree_all {display:block;width:100%;margin:30px auto 20px auto;padding-bottom:10px;border-bottom:2px solid #e5e5e5;}
#join_agree .agree .goNext {display:block;position:relative;width:100%;height:32px;line-height:32px;margin-top:50px;}



/*join.html*/
#join {}
#join article {}
#join article h2 {display:block;width:50%;margin:20px auto;color:#5F517C;font-size:16px;font-weight:500;text-align: center;position:relative;padding-bottom:10px;}
#join article h2::after {content:'';display:block;width:100%;background-color:#5F517C;height:2px;position:absolute;left:0;bottom:0;border-radius: 50px;-webkit-border-radius:50px;-moz-border-radius:50px;}

#join .essential ul li {display:block;margin-bottom:20px;position:relative;width:100%;padding:5px 0;}
#join .essential ul li input[type="text"], 
#join .essential ul li input[type="number"], 
#join .essential ul li input[type="password"] {display:block;;border:none;width:100%;border-bottom:2px solid #e5e5e5;padding-left:80px;height:35px;line-height:35px;margin-bottom:5px;} 
#join .essential ul li label {display:inline-block;position:absolute;font-size:13px;font-weight:500;left:0;top:5px;line-height:33px;}
#join .essential ul li button {display:inline-block;position:absolute;right:0;top:11px;height:22px;line-height:22px;padding:0 15px;}
#join .essential ul li .alert {display:block;padding-left:14px;text-indent:-14px;}

#join .essential ul li .inputWrap input:not(:first-of-type) {width:calc(100% - 70px);margin-left:70px;padding-left:10px;}
#join .essential .goNext {height:32px;line-height:32px;margin-top:50px;display:block;width:100%;}

#join .essential ul li select {width:calc((100% - 90px)/2);height:30px;line-height:28px;padding:0 10px;margin-left:5px;}
#join .essential ul li select:first-of-type {margin-left:80px;}


/*membership_payment.html*/
#mem_pay {}
#mem_pay article h2 {display:block;width:50%;margin:20px auto;color:#5F517C;font-size:16px;font-weight:500;text-align: center;position:relative;padding-bottom:10px;}
#mem_pay article h2::after {content:'';display:block;width:100%;background-color:#5F517C;height:2px;position:absolute;left:0;bottom:0;border-radius: 50px;-webkit-border-radius:50px;-moz-border-radius:50px;}
#mem_pay ul li {display:block;width:100%;border-bottom:2px solid #e5e5e5;padding:10px 0;margin-bottom:10px;}
#mem_pay ul li em {font-weight:500;display:inline-block;width:88px;}
#mem_pay ul li span,
#mem_pay ul li .ms_name {font-weight:500;display:inline-block;text-align: right;width:calc(100% - 88px);height:20px;float:right;}
#mem_pay ul li .ms_name {padding-right:30px;background:url(../../imgs/ico/ico_arrow_down_grey.png) no-repeat center right;background-size:20px auto;}
#mem_pay ul li input[type="date"] {border:none;outline:none;width:calc(100% - 88px);float:right;text-align: right;font-size:13px;line-height:20px;font-weight:500;}

#mem_pay ul.ms_info {display:block;margin-top:130px;}
#mem_pay ul.ms_info li {padding:0;border-bottom:none;}
#mem_pay ul.ms_info li:last-of-type {;border-top:2px solid #e5e5e5;padding-top:15px;}

/*210208*/
#mem_pay .c-info {display:block;background:#f8f8f8;padding:10px;border-radius: 10px;margin-top:20px;}
#mem_pay .c-info ul li {display:block;border:none;padding:2px 0;margin-bottom:2px;font-size:11px;}
#mem_pay .c-info ul li a {display:inline-block;}

#mem_pay .btnWrap a {display:block;width:calc(50% - 5px);height:32px;line-height:32px;}



/*offline_payment.html*/
#offline {}
#offline .off_complete ul li {display:block;border-bottom:2px solid #e5e5e5;padding:12px 0;}
#offline .off_complete ul li em {font-weight:500;display:inline-block;width:100px;}
#offline .off_complete ul li span {font-weight:500;display:inline-block;}
#offline .off_complete .notice {font-size:12px;display:block;padding-left:12px;text-indent: -12px;letter-spacing: -0.06em;margin-top:10px;}
#offline .btnWrap a {display:block;width:100%;height:32px;line-height:32px;}

.completeWrap {display:block;text-align: center;margin:60px auto;position:relative;}
.completeWrap img {display:block;width:80px;height:auto;margin:0 auto 12px auto;}
.completeWrap p {font-size:14px;font-weight:500;}


/*online_payment.html*/
#online {}
#online .on_complete ul li {display:block;border-bottom:2px solid #e5e5e5;padding:12px 0;}
#online .on_complete ul li em {font-weight:500;display:inline-block;width:100px;}
#online .on_complete ul li span {font-weight:500;display:inline-block;}
#online .on_complete .notice {font-size:12px;display:block;padding-left:12px;text-indent: -12px;letter-spacing: -0.06em;margin-top:10px;}
#online .btnWrap a {display:block;width:100%;height:32px;line-height:32px;}


/*membership_extand.html*/
#extand {}
#extand article {}
#extand article h2 {display:block;width:50%;margin:20px auto;color:#5F517C;font-size:16px;font-weight:500;text-align: center;position:relative;padding-bottom:10px;}
#extand article h2::after {content:'';display:block;width:100%;background-color:#5F517C;height:2px;position:absolute;left:0;bottom:0;border-radius: 50px;-webkit-border-radius:50px;-moz-border-radius:50px;}

#extand .ms-extand ul li {display:block;position:relative;width:100%;padding:0 0 0px 0;}
#extand .ms-extand ul li input[type="text"], 
#extand .ms-extand ul li input[type="password"] {display:block;;border:none;width:100%;border-bottom:2px solid #e5e5e5;padding-left:80px;height:36px;line-height:36px;margin-bottom:0px;} 
#extand .ms-extand ul li label {display:inline-block;position:absolute;font-size:13px;font-weight:500;left:0;top:0px;line-height:33px;}
#extand .ms-extand ul li button {display:inline-block;position:absolute;right:0;top:6px;height:22px;line-height:22px;padding:0 15px;}
#extand .ms-extand ul li .alert {display:block;padding-left:14px;text-indent:-14px;}
#extand .ms-extand ul li .inputWrap input:not(:first-of-type) {width:calc(100% - 70px);margin-left:70px;padding-left:10px;}
#extand .ms-extand ul li .aWrap {display:block;text-align: center;padding:18px 0 45px 0;border-bottom:2px solid #e5e5e5;}
#extand .ms-extand ul li .aWrap a {display:inline-block;border-bottom:1px solid #5F517C;font-weight:500;}
#extand .ms-extand .goNext {height:32px;line-height:32px;}
/*210208*/
#extand .c-info {display:block;background:#f8f8f8;padding:10px;border-radius: 10px;margin-top:20px;}
#extand .c-info ul li {display:block;border:none;padding:2px 0;margin-bottom:2px;font-size:11px;}
#extand .c-info ul li a {display:inline-block;}

/*withdraw.html*/
#withdraw {padding:44px 10% 110px 10% !important;}
#withdraw .bye h2 {display:block;text-align: center;font-weight:500;font-size:14px;margin:40px auto 15px auto;}
#withdraw .bye .notice {display:block;text-align: center;font-weight:500;font-size:12px;margin:0 auto;letter-spacing: -0.05em;word-break: keep-all;}
#withdraw .byeWrap {display:block;background:#EEEEEE;padding:20px; margin-top:30px; }
#withdraw .byeWrap p {font-weight:500;}
#withdraw .byeWrap ul li {display:block;margin-top:15px;}
#withdraw .byeWrap ul li p {display:block;padding-left:15px;text-indent:-14px;}

#withdraw .byeWrap ol {margin-top:15px;}
#withdraw .byeWrap ol li {display:block;margin-top:0;padding-left:25px;position:relative;}
#withdraw .byeWrap ol li::before {content:'-';display:inline-block;position:absolute;top:0;left:15px;}
#withdraw .btnWrap a {height:32px;line-height:32px;}
#withdraw .btnWrap a:first-of-type {margin-bottom:10px;}