@charset "utf-8";

html, body{margin:0;padding:0;}
.divCenter{width:100%; height:100%; display:flex; align-items:center;}
#container_title {font-size:24px;}

.login_title{
	position:relative;
	font-size:15px;
	line-height:1.3em;
	font-weight:300;
	color:#fff;
	text-align:center;
	padding:40px 0 30px 0;
	}

/* 로그인 */
#mb_login {width:100%; padding:0 50px; color:#fff;}
#mb_login .tit {font-size:38px; font-weight:100; margin-bottom:40px; line-height:1.2em; text-align:center; color:#fff; word-break: keep-all;}
#mb_login .tit p{word-break: keep-all;}
#mb_login p{position:relative;}
#mb_login .inputLabel{background:transparent; color:#848484;}
#mb_login .inputLabel.focus{color:#4f78ff;}
#mb_login .inputLabel [class*='icon_']:before{font-size:16px; padding:0; width:28px; text-align:center; color:inherit;}
#mb_login .inputLabel.focus [class*='icon_']:before{background:transparent; color:inherit;}
#mb_login .inputLabel .icon_code:before{font-size:22px; margin-top:-2px;}
#mb_login #login_fs input.large{border:0;}
#mb_login #login_info {margin-top:30px; text-align:center;}
#mb_login #login_info a{margin:0 5px; color:#fff; font-weight:300; font-size:14px;}


.passCheck{width:100%; padding:0 50px; color:#fff;}





/* 회원가입 약관 */
#fregister {padding:0 20px;}
#fregister section {}
#fregister h3 {margin:15px 0 5px 0;text-align:left;  font-weight:400;}
#fregister textarea {display:block; font-size:12px; margin-bottom:10px; padding:10px; width:100%;height:150px; border:0.5px solid rgba(0,0,0,0.5); background-color:#fff; border-radius: 0 !important;}
.fregister_agree {margin-top:10px; }
.fregister_agree label {font-size:15px; font-weight:300;}
#fregister p {text-align:left; font-weight:300; line-height:1.4em; margin-bottom:10px;}
#fregister .btn_confirm {margin:15px 0}



/* 회원가입 입력 */
.fregisterform{font-weight:300; padding:0 30px;}
.fregisterform .horizon{position:relative; margin-bottom:10px;}
.fregisterform .horizon:last-child{margin-bottom:0;}
.fregisterform .inputLabel[class*='icon']{font-size:12px; color:#fff; margin:0; padding:0 10px;}
.fregisterform .inputLabel[class*='icon']:before{font-size:inherit; padding:0; margin:0;}

.fregisterform .required:before{
	content:'필수';
	position:absolute;
	top:-6px;
	left:-10px;
	z-index:19;
	font-size:10px;
	font-weight:400;
	color:#ff6147;
	display:inline-block;
	height:17px;
	line-height:17px;
	padding:0 3px;
	border:1px solid #ff8c68;
	background:#fff;
	border-radius:9px;
	box-shadow:-1px 2px 1px rgba(0,0,0,0.06);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.fregisterform textarea {width:100%;height:90px}

.fregisterform .labelName{position:relative; margin-top:15px; margin-bottom:10px; font-size:17px; color:#6f6f6f;}
.horizon .checkBoxLabel, .horizon .radioBoxLabel{position:relative; top:-7px; margin-top:20px; margin-left:30px; margin-bottom:5px; font-size:17px; color:#6f6f6f;}



/* 회원가입 완료 */
#reg_result {padding:40px 0; color:#fff; font-weight:300;}
#reg_result strong {font-weight:600;}
#reg_result #result_email {margin:20px 0;padding:10px 50px; border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fff;line-height:2em}
#reg_result #result_email span {display:inline-block;width:150px}
#reg_result #result_email strong {color:#fff;font-size:1.2em; font-weight:500;}
#reg_result p {line-height:1.6em; margin:10px 0;}
#reg_result .btn_confirm {margin:50px 0}

/* 아이디/비밀번호 찾기 */
#find_info{margin:0 auto; padding:40px 15px 10px 15px; width:100%; text-align:center;color:#fff;}
#find_info h1 { margin-bottom:30px; font-weight:400;}
#find_info #info_fs p {margin:0 0 10px;line-height:1.4em; font-size:13px; font-weight:300;}
#find_info #info_fs #mb_email {width:100%}
#find_info #captcha {margin:10px 0;}
#find_info #captcha input {margin-left:5px}








/* 쪽지 */
#memo_view_contents {margin:0 auto 20px;width:90%}
#memo_view_contents h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#memo_view_ul {margin:0;padding:0 0 10px;border-bottom:1px solid #eee;list-style:none}
.memo_view_li {position:relative;padding:5px 0}
.memo_view_subj {display:inline-block;width:65px}
#memo_view_ul a {}
#memo_view p {padding:10px 0;min-height:150px;height:auto !important;height:150px;line-height:1.8em}

#memo_list_ul {margin:0 20px;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#memo_list_ul li {position:relative;padding:10px 0;border-bottom:1px solid #e9e9e9}
#memo_list_ul .memo_link {}
#memo_list_ul .memo_send {position:absolute;top:10px;right:30px}
#memo_list_ul .memo_read {font-size:0.95em;color:#666}
#memo_list_ul .memo_del {position:absolute;top:10px;right:0}

#memo_write #me_recv_mb_id {width:98%}
#memo_write textarea {width:99%;height:100px}

/* 스크랩 */
#scrap_ul {margin:0px; padding:0; border-top:1px solid rgba(255,255,255,0.4); list-style:none}
#scrap_ul li {position:relative;padding:10px 35px 10px 0;border-bottom:1px solid rgba(255,255,255,0.4);  font-size:12px;}
#scrap_ul .scrap_board, #scrap_ul .scrap_link {display:inline-block;margin:0 10px 0 0;font-weight:300; font-size:12px; color:#fff;}
 #scrap_ul .scrap_link{font-weight:500;}
#scrap_ul .scrap_del {position:absolute;top:10px; right:0; color:#fff; font-size:10px; font-weight:300; padding:0 4px; border:0.5px solid rgba(255,255,255,0.3);}
#scrap_do table {margin:0 0 10px;width:100%}
#scrap_do textarea {width:100%; height:100px; border:0.5px solid rgba(0,0,0,0.5); background-color:#fff; border-radius: 0 !important;}


/* 포인트 */
#point_ul {margin:0 20px;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#point_ul li {position:relative;padding:10px 0;border-bottom:1px solid #e9e9e9}
#point_ul .point_wrap01 {position:relative;padding:0 0 0 90px}
#point_ul .point_wrap02 {margin:7px 0 0;text-align:right}
#point_ul .point_date {position:absolute;top:0;left:0}

#point_sum {margin:0 20px}
#point_sum .sum_row {margin:0 0 1px;background:#f2f5f9}
#point_sum .sum_row:after {display:block;visibility:hidden;clear:both;content:''}
#point_sum .sum_tit, #point_sum .sum_val {display:block;margin:0 0 1px;padding:10px}
#point_sum .sum_tit {clear:both;float:left;width:100px}
#point_sum .sum_val {float:right}

/* 회원 비밀번호 확인 */
#mb_confirm {margin:30px 0}
#mb_confirm h1 {margin:0 0 15px;padding:0 10px;font-size:1.3em}
#mb_confirm p {padding:15px 10px;border-bottom:1px solid #cfded8;border-bottom:0;background:#fff}
#mb_confirm p strong {display:block}
#mb_confirm fieldset {position:relative;margin:0 0 5px;padding:20px 10px;border-bottom:1px solid #cfded8;background:#f7f7f7}
#mb_confirm_pw {display:block;margin-top:10px;padding:0;width:88%;line-height:1.8em !important}
#mb_confirm .btn_submit {position:absolute;bottom:20px;right:10px;width:10%;height:1.9em !important;line-height:1.9em}

/* 비밀글 비밀번호 확인 */
#pw_confirm {position:relative; padding:40px 30px;}
#pw_confirm .title {text-align:center; margin-bottom:20px; font-size:1.4em;}
#pw_confirm .message{padding:0; font-weight:300; font-size:1.05em;}
#pw_confirm p strong {display:block; font-weight:500;}
#pw_confirm .pw_form{position:relative;margin-top:20px; overflow:hidden;}
#pw_confirm .pw_form #pw_wr_password {background:#fff; display:inline-block; float:left; margin-right:10px; width:calc(100% - 90px); border:0;}
#pw_confirm .pw_form .btn_submit {display:inline-block; width:80px; height:46px; line-height:48px;  background:#2398fc; color:#fff;text-align:center;}
#pw_confirm .btn_back{display:inline-block; width:100px; height:40px; line-height:42px;  background:#afafaf; color:#fff;text-align:center;}

/* 폼메일 */
#formmail #subject {width:98%}
#formmail textarea {width:99%;height:100px}

/* 자기소개 */
#profile table {margin-bottom:0}
#profile section {padding:10px 20px}
#profile h2 {margin:0}
#profile .sv_wrap a {margin:0 0 5px;padding:0;font-weight:bold;line-height:10px}