@charset "utf-8";

#contents.about .sub-tit-grp {padding-top:0 !important;}
/* bullet */
.bul-circle {}
.bul-circle li:not(:nth-child(1)) {margin-top:8px;}
.bul-circle li:before {content:''; display:inline-block; vertical-align:middle; margin:-6px 8px 0 0; width:6px; height:6px; border-radius:100%; background-color:#c40d42;}


/* login */
.login_box {width:100%; max-width:640px; height:auto; border:1px solid #f5ebee; padding:3.556em; margin:0 auto;}
.login_box ul {width:100%; height:auto;}
.login_box ul li {background-color:#f5ebee; 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:#c40d42; 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 a .i-gt {display:inline-block; vertical-align:middle;}

@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:2em 0; border:1px solid #f5ebee; border-left:none; border-right:none;}
.hs-memo.sign {display:table;}
.hs-memo.sign p {display:table-cell; width:20%; font-size:1.4em;}
.hs-memo.sign ul {display:table-cell; width:80%; color:#797979; font-size:.9em;}

@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.2em;}
.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:#c40d42; color:#fff;}

@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 */
#fregister_term {}
#fregister_term .agree-box {width:100%; height:260px; background-color:#f4f4f4; padding:2em; margin-top:1em; overflow-y:scroll; font-size:.8em; outline:none; line-height:1.4;}
#fregister_term .max_ckit {margin-top:1.2em;}
#fregister_private {margin-top:4.8em;}
#fregister_private .agree-box table {width:100%; margin:1em 0; border-top:2px solid #c40d42; border-right:1px solid #e1e1e1; font-size:.8em;}
#fregister_private .agree-box table th {background-color:#f4f4f4;}
#fregister_private .agree-box table th,
#fregister_private .agree-box table td {width:33.33%; text-align:center; border:1px solid #e1e1e1; border-top:none; border-right:none; padding:1em; vertical-align:middle; line-height:1.4;}
.all-ckit {width:100%; height:auto; border:1px solid #f5ebee; padding:1.333em; margin-top:2.4em; text-align:center;}

.btn_confirm {width:100%; height:auto; margin-top:4.8em; text-align:center;}
.btn_confirm button {display:inline-block; min-width:10em; padding:16px !important; font-size:16px; border:1px solid currentColor !important;}
.btn_confirm .btn_submit {color:#c40d42;}

.btn_confirm button:hover {background-color:#1d1d1d; border:1px solid #1d1d1d !important; color:#fff;}
.btn_confirm .btn_submit:hover {background-color:#c40d42; border:1px solid #c40d42 !important; color:#fff;}

@media screen and (max-width: 900px) {
	.btn_confirm {margin-top:2.4em;}
	.btn_confirm button {min-width:8em;}
}

/* 회원가입 입력 */
#register_form {width:100%;}
.register_form_inner {width:100%; height:auto; display:table;}
.register_form_inner:not(:nth-child(1)) {padding-top:4.8em;}
.register_form_inner .page-tt {display:table-cell; vertical-align:top; width:30%;}
.register_form_inner .page-side {display:table-cell; width:70%; padding:1.6em 0; border-top:2px solid #1d1d1d; border-bottom:1px solid #f5ebee;}

.register_form_inner .page-side li {display:table; width:100%; height:auto;/*  padding:1em 0; */}
.register_form_inner .page-side li:not(:nth-child(1)) {margin-top:1.2em;}
.register_form_inner .page-side li label {display:table-cell; vertical-align:middle; width:20%;}
.register_form_inner .page-side li .regi-tit {display:table-cell; vertical-align:top; width:20%; padding-top:8px;}

.register_form_inner .max_it {width:100%; max-width:300px; height:3.5em; padding:16px; border:1px solid #ebebeb; font-size:.8em; letter-spacing:0;}
.register_form_inner .req {font-size:0; vertical-align:top;}
.register_form_inner .req:before {content:''; display:inline-block; width:8px; height:8px; margin:2px 0 0 16px; border-radius:50%; background:#c40d42; vertical-align:middle;}

.register_form_inner .inp-addr {width:calc(100% - 20%);}
.register_form_inner .inp-addr .max_it {display:inline-block; max-width:100%;}
.register_form_inner .inp-addr .addr-zip {display:inline-block; width:100%;}
.register_form_inner .inp-addr .addr-zip .max_it {width:100px;}
.register_form_inner .inp-addr .addr-zip button {display:inline-block; vertical-align:top; height:3.5em; padding:0 2em; border:1px solid; font-size:.8em;}
.register_form_inner .inp-addr .addr-text {width:100%; margin-top:8px;}

/* captcha */
#register_form .captcha-wrap .page-side {padding:0; border:0;}
#captcha {width:100%; height:auto; padding:16px; border:1px solid #ebebeb; font-size:16px;}
#captcha_audio {width:100%;}
#captcha_img {height:48px; vertical-align:middle;}
#captcha_key {padding:8px 16px; border:1px solid #ebebeb; border-radius:50px; text-align:center;}
#captcha_mp3, #captcha_reload {display:inline-block; padding:8px 16px; border:1px solid #1d1d1d; border-radius:50px;}
#captcha_info {color:#797979;}

@media screen and (max-width: 1112px) {
	.register_form_inner {display:block;}
	.register_form_inner .page-tt, .register_form_inner .page-side {display:block; width:100%;}
	.register_form_inner .page-side {margin-top:1.778em;}
}
@media screen and (max-width: 900px) {
	.register_form_inner:not(:nth-child(1)) {padding-top:2.4em;}
	.register_form_inner .page-side li {display:block;}
	.register_form_inner .page-side li label, .register_form_inner .page-side li .regi-tit {display:block; width:100%; margin-bottom:1em;}
	.register_form_inner .req:before {margin:0; vertical-align:top;}
	
	.register_form_inner #wr_subject {width:100%;}
	.register_form_inner .max_it {max-width:100%;}

	#captcha_info {display:block; width:100%; margin-top:8px;}
}


/* 회원가입 완료 */
#reg_result {width:100%; /* max-width:1024px !important; margin:0 auto; */}
#reg_result #result_email {max-width:640px; height:auto; border:1px solid #eee; border-top:4px solid #c40d42; padding:2em 3em; margin:2.4em auto;}
#reg_result #result_email li:last-child {margin-top:1.2em;}
#reg_result #result_email span {display:inline-block; width:150px}
#reg_result #result_email strong {color:#c40d42;font-size:1.2em}
#reg_result #result_email p {border-top:1px solid #eee; padding-top:2em; margin-top:2em; font-size:.8em;}
#reg_result .page-tt {line-height:1.4;}
#reg_result .result_txt {line-height:1.8; padding:1.6em; margin-top:1.333em; background-color:#f4f4f4; color:#797979; text-align:center; font-size:.9em;}
#reg_result .result_txt2 {border-top:4px solid #c40d42;}
#reg_result .btn_confirm {margin:2.4em 0}

.btn_confirm_reg {margin:20px 0;text-align:center}

.mb_log_cate h2 {width:50%;float:left;padding:20px 0;text-align:center}
.mb_log_cate .join {width:50%;float:left;padding:20px 0;text-align:center;background:#f7f7f7;color:#6e6e6e}
.mb_log_cate:after {display:block;visibility:hidden;clear:both;content:""}

.tooltip_icon {display:inline-block;vertical-align:baseline;color:#b3b5b8;border:0;font-size:1em;background:transparent;cursor:pointer}
.tooltip_icon:hover {color:#448bf5}
.tooltip {position:absolute;width:auto;color:#fff;background:#000;padding:10px;font-size:small;line-height:18px;display:none;z-index:9;font-weight:normal;margin-left:15px;margin-top:10px}
.tooltip:before {content:"";position:absolute;top:0;left:-10px;width:0;height:0;border-style:solid;border-top:0px solid transparent;border-bottom:10px solid transparent;border-left:0;border-right:10px solid #000}

/* 아이디/비밀번호 찾기 */
#find_info {}
#find_info .inner {max-width:640px; padding:1.778em; margin:0 auto; text-align:center; border:1px solid #eee;}
#find_info .inner p {margin:0 0 1.333em;color:#797979;line-height:1.4}
#find_info .inner .box {width:100%; height:auto; padding:1.333em 0; display:table; border:1px solid #eee; border-left:none; border-right:none;}
#find_info .inner .box label {display:table-cell; vertical-align:middle; width:20%;}
#find_info .inner .box input {display:table-cell; vertical-align:middle; width:80%;}
#find_info .inner .capt-box {margin:1em 0;}
#find_info .inner .btn_submit {display:inline-block; width:100%; padding:14px 32px; background-color:#c40d42; color:#fff;}
#find_info .inner .btn_submit:hover {background-color:#1d1d1d;}

@media screen and (max-width: 568px) {
	#find_info .inner .box label {display:none;}
	#find_info .inner .box input {width:100%;}
}