@charset "utf-8";

/* login */
.login_box {width:100%; max-width:640px; height:auto; border:1px solid #231f20; padding:3.556em; margin:0 auto;}
.login_box h4 {text-align:center; color:#231f20; margin:0 auto;}
.login_box h4:after {content:''; display:block; width:1px; height:1.714em; background-color:currentColor; margin:1.143em auto 0;}
.login_box ul {width:100%; height:auto; margin-top:1.143em;}
.login_box ul li {background-color:#eff0f2; padding:8px 1em; margin-bottom:.75em;}
.login_box ul li input {width:100%; border-bottom:none;}
.login_box ul li input:focus {border-bottom:none;}
.login_box ul li input[type="text"],
.login_box ul li input[type="email"] {background:none;}
.login_box ul li input[type="password"] {background-position:100% 50%;}
.login_box button[type="submit"] {width:100%; height:3.556em; background-color:#15489f; color:#fff; margin:1.333em 0;}
.login_box .util_box.find {}
.login_box .util_box.find a {display:inline-block; padding:8px;}
.login_box .util_box.find .i-arrow {width:16px; height:16px; display:inline-block; vertical-align:middle; margin-top:-2px;}
.login_box .util_box.find .i-arrow:before {width:10px; height:10px; bottom:3px;}

@media screen and (max-width: 900px) {
	.login_box {padding:2em;}
}
@media screen and (max-width: 414px) {
	.login_box h4 .nb {display:inline;}
}

/* hs life memo */
.hs-memo {width:100%; height:auto; padding:3.556em 0; border:1px solid #231f20; border-left:none; border-right:none;}
.hs-memo.sign {display:table;}
.hs-memo.sign p {display:table-cell; width:20%;}
.hs-memo.sign ul {display:table-cell; width:80%;}

@media screen and (max-width: 900px) {
	.hs-memo.sign {display:block; padding:2em 0;}
	.hs-memo.sign p {display:block; width:100%;}
	.hs-memo.sign ul {display:block; width:100%; margin-top:1em;}
}

/* sign step */
.sign-step {width:100%; height:auto; margin:2.667em 0; font-size:1.333em;}
.sign-step li {display:inline-block; color:#231f20;}
.sign-step li:not(:nth-child(1)):before {content:''; display:inline-block; vertical-align:middle; width:2em; height:1px; margin:0 1em; background-color:#e1e1e1;}
.sign-step li i {display:inline-block; vertical-align:middle; width:2em; height:2em; line-height:2em; margin-right:8px; border-radius:100%; background-color:#eff0f2; color:#777770; text-align:center;}
.sign-step li.active i {background-color:#15489f; color:#fff; font-weight:400;}

@media screen and (max-width: 900px) {
	.sign-step {margin:1.5em 0;}
	.sign-step li {display:block;}
	.sign-step li:not(:nth-child(1)):before {display:block; width:1px; height:1em;}
}

/* agree, check */
.sign-agree {width:100%; height:auto;}
.sign-agree .accordion {width:100%; height:auto; border-top:1px solid #231f20;}
.sign-agree .accordion > li {padding:1em 0; border-bottom:1px solid #e1e1e1; position:relative;}
.sign-agree .accordion > li .max_ckit {padding-left:1em;}
.sign-agree .accordion > li .bt-ckit {position:absolute; top:1em; right:1em;}
.sign-agree .accordion > li .bt-ckit .i-arrow {width:1.333em; height:1.333em; transform:rotate(90deg);}
.sign-agree .accordion > li .bt-ckit .i-arrow:before {width:.889em; height:.889em; bottom:4px; border:2px solid #231f20; border-left-width:0; border-top-width:0;}
.sign-agree .accordion > li .agree-box {width:100%; height:260px; background-color:#f5f5f5; padding:2em; margin-top:1em; overflow-y:scroll; font-size:.889em;}
.sign-agree .accordion > li .agree-box table {width:100%; margin:1em 0; border-top:1px solid currentColor; border-right:1px solid #e1e1e1; color:#231f20;}
.sign-agree .accordion > li .agree-box table th,
.sign-agree .accordion > li .agree-box table td {width:33.33%; background-color:#fff; text-align:center; border:1px solid #e1e1e1; border-top:none; border-right:none; padding:1em; vertical-align:middle;}

.sign-check {width:100%; height:auto; margin:3.556em 0 1.333em;}
.sign-check .box {width:100%; height:auto; padding:2.667em; border:1px solid #231f20; text-align:center;}
.sign-check .box ul {text-align:center;}
.sign-check .box ul li {display:inline-block; margin:0 1em;}
.sign-check .box p {display:inline-block; width:17.778em; margin:2.667em 1em 0;}
.sign-check .box p input {color:#231f20; width:100%;}

.all-ckit {width:100%; height:auto; background-color:#f5f5f5; padding:1.333em; text-align:center;}

@media screen and (max-width: 414px) {
	.sign-check .box {padding:2em;}
	.sign-check .box ul li {margin:0 .25em;}
	.sign-check .box p {margin:2.667em 0 0}
}

/* register form */
.register-frm {width:100%; height:auto; display:table;}
.register-frm ul {display:table-cell; vertical-align:top;}
.register-frm .user-info {width:280px; background-color:#f5f5f5; padding:2.667em; color:#231f20;}
.register-frm .user-info .fr28 {font-weight:300; margin-bottom:.5em;}
.register-frm .frm-box {padding-left:3.556em;}
.register-frm .frm-box:after {content:''; display:block; clear:both;}
.register-frm .frm-box .req {display:inline-block; vertical-align:middle; width:6px; height:6px; margin-left:4px; font-size:0; background-color:currentColor; border-radius:50px; color:#ec4848;}
.register-frm .frm-box li {float:left; width:100%; overflow:hidden;}
.register-frm .frm-box li:not(:nth-child(1)) {margin-top:1.333em;}
.register-frm .frm-box label, 
.register-frm .frm-box .regi_tit {float:left; width:7.778em; padding:.75em 0; border-bottom:1px solid #231f20; color:#231f20;}
.register-frm .frm-box input {float:left; width:calc(100% - 7.778em); padding:.75em 0;}
.register-frm .frm-box #reg_mb_id {width:380px;}
.register-frm .frm-box .inp-area-form {}
.register-frm .frm-box .fltw49 {float:left; width:49%;}
.register-frm .frm-box .frtw49 {float:right; width:49%;}
.register-frm .frm-box .bt-ckit {width:11.111em; height:2.944em; margin-left:2%; border:1px solid #231f20; color:#231f20;}
.register-frm .frm-box .inp-addr {float:left; width:100%;}
.register-frm .frm-box .inp-addr .inp-area-zip {float:left; width:100%;}
.register-frm .frm-box .inp-addr .inp-area-zip input {width:300px;}
.register-frm .frm-box .inp-addr .inp-area-text input {width:100%;}
.register-frm .frm-box .radio-form label {width:auto; padding:0; padding-left:30px; margin:1em 1em 0; border-bottom:none;}

@media screen and (max-width: 1280px) {
	.register-frm, .register-frm ul {display:block;}
	.register-frm .user-info {width:100%;}
	.register-frm .frm-box {padding-left:0; margin-top:2.667em;}
}
@media screen and (max-width: 900px) {
	.register-frm .frm-box #reg_mb_id {width:calc(100% - 22em);}
	.register-frm .frm-box .fltw49,
	.register-frm .frm-box .frtw49 {float:left; width:100%;}
	.register-frm .frm-box .frtw49 {margin-top:1.333em;}
	.register-frm .frm-box li.fltw49 {float:left; width:49%;}
	.register-frm .frm-box li.frtw49 {float:right; width:49%;}
	.register-frm .frm-box .inp-birth label {margin:0; margin-right:1em;}
}
@media screen and (max-width: 568px) {
	.register-frm .frm-box label, 
	.register-frm .frm-box .regi_tit {float:none; display:inline-block;}
	.register-frm .frm-box input {float:none; width:100%; margin-top:1.333em;}
	.register-frm .frm-box #reg_mb_id {width:100%;}
	.register-frm .frm-box .bt-ckit {width:100%; margin-left:0; margin-top:2%;}
	.register-frm .frm-box li.fltw49, 
	.register-frm .frm-box li.frtw49 {float:left; width:100%;}
	.register-frm .frm-box li.fltw49 .regi_tit, 
	.register-frm .frm-box li.frtw49 .regi_tit {float:left;}
}

/* subscription */
.subscription .register-frm {margin-top:2.667em;}
.subscription .register-frm .fr28 {display:table-cell; vertical-align:top; width:280px; background-color:#f5f5f5; padding:1.143em; color:#231f20;}
.subscription .register-frm .max_select {width:17em;}
.subscription .register-frm .prd-pay-lst {display:table-cell; vertical-align:top;}
.subscription .chk_agree {width:100%; height:auto; margin-top:2.667em;}
.subscription .chk_agree .agree-box {width:100%; height:20em; background-color:#f5f5f5; padding:2em; margin-top:1em; overflow-y:scroll; font-size:.889em;}
.subscription .chk_agree .agree-box table {width:100%; margin:1em 0; border-top:1px solid currentColor; border-right:1px solid #e1e1e1; color:#231f20;}
.subscription .chk_agree .agree-box table th,
.subscription .chk_agree .agree-box table td {width:33%; background-color:#fff; border:1px solid #e1e1e1; border-top:none; border-right:none; padding:1em; vertical-align:middle;}

@media screen and (max-width: 1280px) {
	.subscription .register-frm .fr28 {display:block; width:100%;}
}
@media screen and (max-width: 568px) {
	.subscription .register-frm .prd-pay-lst {display:block;}
	.subscription .register-frm .max_select {width:calc(100% - 8em);}
}

/*  */
.ctt_admin {display:none;}
.clause-wrap {font-weight:400; font-size:.883em;}
.clause-wrap dl {}
.clause-wrap dt {margin:24px 0 16px; color:#231f20;}
.clause-wrap dd {}

.bul-hyphen {}
.bul-hyphen li:not(:nth-child(1)) {margin-top:8px;}
.bul-hyphen li:before {content:'-'; display:inline-block; vertical-align:middle; margin:-2px 8px 0 0;}

.mbs-user {font-weight:400; font-size:.883em;}
.mbs-user > p {text-align:center;}
.mbs-user .tab-mo-scroll {width:100%; height:auto; padding:2em 1em; margin:1em 0; background-color:#f5f5f5; border:1px solid #e1e1e1;}
.mbs-user .user-tab {width:100%; height:auto;}
.mbs-user .user-tab li {display:inline-block; width:31.33%; padding:.5em 0; margin:.2% .5%; background-color:#fff; border:1px solid #e1e1e1; text-align:center;}
.mbs-user dl dt {margin:24px 0 16px; color:#231f20;}
.mbs-user .bt-top {display:inline-block; width:100%; height:auto; padding:.5em; margin-top:1em; text-align:right; background-color:#f5f5f5; color:#231f20;}
.mbs-user em {color:#bd0000;}
.mbs-user table {width:100%; height:auto;}
.mbs-user table th, .mbs-user table td {padding:1em; vertical-align:middle; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:center;}
.mbs-user table th {color:#231f20; background-color:#f5f5f5;}
.mbs-user table thead th {border-top:1px solid #231f20;}
.mbs-user table thead th:first-child, .mbs-user table tbody th {border-left:none;}
.mbs-user .box {padding:1em;}
.mbs-user .inner {margin:1em 0;}

.mbs-email > p {text-align:left;}

@media screen and (max-width: 900px) {
	.mbs-user .tab-mo-scroll {height:200px; overflow-y:auto;}
	.mbs-user .user-tab li {width:48%;}
	.mbs-user .inner {margin:1em 0; overflow-x:auto;}
	.mbs-user .inner table {width:900px;}
}
@media screen and (max-width: 568px) {
	.mbs-user .user-tab li {width:100%; margin:.2% 0;}
}

.chk-inquiry {width:100%; max-width:640px; height:auto; border:1px solid #231f20; padding:5.556em 3.556em; margin:0 auto;}
.chk-inquiry h4 {text-align:center; color:#231f20; font-weight:400;}
@media screen and (max-width: 900px) {
	.chk-inquiry {padding:4em 2em;}
}
@media screen and (max-width: 414px) {
	.chk-inquiry h4 .nb {display:inline;}
}