@charset "utf-8";

/*--- 기본 스타일 커스터마이징 시작 ---*/
.mbskin {position:relative;margin:0 auto;text-align:center}
.mbskin .frm_input {width:100%}
/*--- 기본 스타일 커스터마이징 끝 ---*/

/* 회원가입 약관 */
.register_code {
	position:relative;
	text-align:center; 
	margin:0 auto;
	padding:140px 60px;
	max-width:460px;
	top:calc(50% - 400px);
	background:rgba(0,0,0,0.0);
}
.register_code .logo {margin:40px 0 0px;padding:20px 0 0px;text-align:center;}
#fregister {width:340px;display:inline-block;margin:30px auto 0px;}
#fregister .frm_input {
	width: 100%;
	max-width:340px;
  	margin:0 auto;
  	padding:25px 15px !important;
  	text-align:left !important;
  	outline: none;
  	font-size:1.8em !important;
  	color:#aaaaaa;
  	background:#fff;
  	border: none;
  	border-radius:4px;
  	transition: 0.3s;
}
#fregister .frm_input::placeholder {
	color:#bababa;
}
#fregister button {
	width:340px;
	margin:20px 0 0px;
	padding:15px 10px;
	font-size:1.8em !important;
	font-weight:bold;
	color:var(--white-font-color);
	background:var(--main-brand-color);
	border:none;
	border-radius:4px;
}
#fregister button.btn_cancel {
	margin:10px 0 0px;
	background:var(--second-brand-color);
}

/* 회원가입 입력 */
.register {
	position:relative;
	text-align:center; 
	margin:0 auto;
	max-width:600px;
	top:calc(50% - 400px);
	background:rgba(0,0,0,0.8);
	border-radius:5px;
}
.register:after {display:block;visibility:hidden;clear:both;content:""}
.register_inner {
	position:relative;
	text-align:left;
}
.register .logo {margin:40px 0 0px;padding:20px 0 0px;text-align:center;}
.register .head_title {margin:0px 0 10px;text-align:left;font-size:2.6em !important;color:#fff;}
.register .frm_input {
  	margin:0 0 10px;
  	outline: none;
  	padding: 20px 0px 20px 20px;
  	font-size:1.8em !important;
  	color:#aaaaaa;
  	background:#fff;
  	border: none;
  	border-radius:5px;
  	transition: 0.3s;
}
.register .frm_input::placeholder {
	color:#bababa;
}
#fregisterform {width:460px;display:inline-block;margin:22px 0 36px;}
#fregisterform .form_01 {border:1px solid #ececec;text-align:center;margin-bottom:10px}
#fregisterform .form_01 ul {width:400px;padding:20px;display:inline-block;margin:0 auto;clear:both}
#fregisterform #msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center}

#fregisterform #mb_addr3 {display:block;margin:5px 0 0}
#fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0}

#fregisterform:after {display:block;visibility:hidden;clear:both;content:""}
#fregisterform .form_01 h2 {padding:15px;background:#ececec;color:#000;font-size:1.167em;text-align:left}
#fregisterform .form_01 label {float:left;width:25%;padding:10px 0;text-align:left}
#fregisterform .form_01 input {float:left;width:75%;margin-bottom:5px;background:#fff}
#fregisterform .form_01 #reg_mb_zip {width:55%}
#fregisterform .form_01:after {display:block;visibility:hidden;clear:both;content:""}

#fregisterform .frm_row {display:block;width:100%;}
#fregisterform .frm_title {display:block;width:100%;height:20px;line-height:20px;margin-bottom:4px;text-align:left;color:#fff;font-size:1.6em !important;}
#fregisterform .frm_info {display:block;width:100%;height:20px;line-height:10px;text-align:left;color:#eee;font-size:1.2em !important;}
#fregisterform .frm_info_right {width:35%;height:16px;line-height:16px;margin-left:10px;text-align:left;color:#eee;font-size:1.2em !important;}
#fregisterform .frm_info_center {margin-left:0 !important;text-align:center;margin:5px 0}
#fregisterform .frm_line {display:block;width:100%;height:10px;padding:0 5px;border-bottom:1px solid #eee;}
#fregisterform .btn_frmline {height:40px;padding:0 10px;}
#fregisterform .btn_frmline2 {display:inline-block;float:left;margin-left:5px;padding:0 5px;height:40px;border:0;background:#1ec679;border:1px solid #12b46a;color:#fff;text-decoration:none;vertical-align:top;border-radius:3px}
#fregisterform .rgs_name_li button {margin:5px 0 0}
#fregisterform .btn_verify {
	float:right;
	height:40px;
	padding:0 10px;
	color:#7ee62a;
	background:#334825;
	border:1px solid #7ee62a;
	border-radius:4px;
	font-size:1.0em;
}
#fregisterform .btn_check {
	width:100px;
	height:40px;
	font-size:1.6em !important;
	font-weight:bold;
	color:var(--white-font-color);
	background:var(--main-brand-color);
	border:none;
	border-radius:4px;
}
#fregisterform #reg_mb_id {width:calc(100% - 110px);}
#fregisterform #reg_mb_nick {width:calc(100% - 110px);}
#fregisterform #reg_mb_password,
#fregisterform #reg_mb_password_re,
#fregisterform #reg_mb_password_withdraw {width:60%;}

#fregisterform #mb_bank {width:30%;margin-right:10px;}
#fregisterform #reg_mb_holder {width:40%;}
#fregisterform #reg_mb_account {width:60%;}

#fregisterform #reg_mb_hp_1,
#fregisterform #reg_mb_hp_2,
#fregisterform #reg_mb_hp_3  {width:24%; margin-right:10px;}
#fregisterform #reg_mb_hp_1 {
	position: relative;
	margin: -10px 10px 0 0;
	padding:0 15px;
	height:40px;
	font-size:1.8em !important;
	color:#aaaaaa !important;
    background: #fff;
    vertical-align: middle;
    border-radius:4px;
}



#fregisterform #reg_mb_holder,
#fregisterform #reg_mb_messenger_id {width:46%;}
.gray_select {
	width:50%;
}

.btn_confirm {text-align:center;margin:10px 0 0}
.btn_confirm .btn_submit,
.btn_confirm .btn_cancel {
	width:150px;
	margin:20px 0 0px;
	padding:15px 10px;
	font-size:1.8em !important;
	font-weight:bold;
	color:var(--white-font-color);
	background:var(--main-brand-color);
	border:none;
	border-radius:4px;
}
.btn_confirm .btn_submit:hover {

}
.btn_confirm .btn_cancel {
	margin:20px 0 0px 20px !important;
	background:var(--second-brand-color) !important;
}

/* 회원가입 체크박스 */
#fregisterform .frm_bar {clear:both;line-height:20px;text-align:left;padding:10px;margin-bottom:0 !important;border:1px solid #d9dee9;background:#fff;color:#000;vertical-align:middle}
#fregisterform .frm_bar:after {display:block;visibility:hidden;clear:both;content:""}
#fregisterform .frm_bar .frm_check {position:absolute;top:0;left:0;display:inline-block;width:19px;height:19px;background:url('img/input_chk.png') no-repeat 0 0}
#fregisterform .frm_bar .frm_check.click_off {background:url('img/input_chk.png') no-repeat 0 -19px}
#fregisterform .frm_bar label {position:relative;display:inline-block;width:25px;height:20px;margin:0}
#fregisterform .frm_bar input {position:absolute;z-index:9;top:0;right:0;width:25px;height:25px;opacity:0;outline:0}
#fregisterform .form_01 .reg-form {width:auto !important}
#fregisterform .form_01 .reg-form .sns-wrap {text-align:center !important}

/* 회원가입 완료 */
#reg_result #result_email {
	margin:160px auto 40px;
	text-align:center;
}
#reg_result h2 {margin:0 0 10px;line-height:1.6em;font-size:1.4em;color:#ccc;}
#reg_result h2 strong {color:#ff8f04}
#reg_result p {color:#9c9b9b;line-height:1.7em;}
#reg_result .btn_confirm {margin:0 10px 20px}
#reg_result .reg_result_wr {
	max-width:320px;
	background:#202024;
	margin:40px auto 500px;
	padding:40px 30px 40px;
	font-size:1.1em !important;
	text-align:center;
	box-shadow:2px 2px 5px #2b2b31 inset;
	border-radius:6px;
}
#reg_result .btn_confirm a {
	display:block;
	height:45px;line-height:43px;text-align:center;
	width:100%;
	border-radius:4px;padding:0 10px;
	color:#fff;
	background:#fb6200;
	border:1px solid #fb6200;
	font-size:1.0em		
}

/* 아이디/비밀번호 찾기 */
#find_info #mb_hp_label {display:inline-block;margin-left:10px}
#find_info p {background:#84e931;border:1px solid #84e931;padding:10px 15px;line-height:1.5em;color:#000;border-radius:4px;}
#find_info #mb_email {margin:10px 0;background:#c4c4c5;border-radius:3px;}

/* 로그인 */
#login_title {font-size:2.0em;color:#95d8fc;margin:0px 0 20px;text-align:center;}
#login_line {
	width:294px;
	margin: 10px auto 10px;
	border-top: 1px solid var(--main-brand-color);
}
#login_info {
	width:100%;
	height:30px;
	margin: 10px auto 10px;
	font-size:1.6em;
	text-align:center;
	color:#fff;
}

.icon-input-container {
	position: relative;
}
.icon-input-container .icon-user {
  	width: 26px;
  	height: 26px;
  	background: url("/img/login/icon_id.png") no-repeat;
  	background-size: contain;
}
.icon-input-container .icon-lock {
  	width: 26px;
  	height: 26px;
  	background: url("/img/login/icon_pw.png") no-repeat;
  	background-size: contain;
}
.icon-input-container .icon-key {
  	width: 26px;
  	height: 26px;
  	background: url("/img/login/icon_pw.png") no-repeat;
  	background-size: contain;
}
.icon-input-container .icon-container {
  position: absolute;
  top: 0px;
  padding: 8px 0px 0px 16px;
  transition: 0.3s;
  color: #fff;
  width: 48px;
  height: 54px;
}

.icon-find {
	position:absolute;
  	top:2px;
  	left:26px;
  	width: 21px;
  	height: 21px;
}
.icon-find::before {
	content: "\f002";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    vertical-align: 0em;
    margin-right: 0px;
    color:var(--second-brand-color) !important;
    font-size:1.6em !important;
}
.icon-register {
	position:absolute;
  	top:2px;
  	right:115px;
  	width: 21px;
  	height: 21px;
}
.icon-register::before {
	content: "\f4ff";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    vertical-align: 0em;
    margin-right: 0px;
    color:var(--second-brand-color) !important;
    font-size:1.6em !important;
}

#mb_login {
	text-align:center; 
	margin:0 auto;
	padding:140px 60px;
	max-width:460px;
	top:calc(50% - 400px);
	background:rgba(0,0,0,0.0);
}
#mb_login .logo,
.mbskin .logo {margin:10px 0 50px -60px;padding:20px 0 30px;text-align:center;}
#mb_login .mbskin_inner {width:340px;display:inline-block}

#mb_login .login_btn_inner {}
#mb_login .login_btn_inner span {font-size:18px;font-weight:bold;color:#fff;line-height:60px;}

#mb_login #login_fs .frm_input {
	width: 100%;
  	margin:0 0;
  	outline: none;
  	padding: 25px 0px 25px 20px;
  	font-size:1.8em !important;
  	color:#aaaaaa;
  	background:#fff;
  	border: none;
  	border-radius:4px;
  	transition: 0.3s;
}
#mb_login #login_fs .frm_input::placeholder {
	color:#bababa;
}
#mb_login #login_fs #login_id {margin-bottom:7px;}
#mb_login #login_fs button {
	width:340px;
	margin:20px 0 10px;
	padding:15px 10px;
	font-size:1.8em !important;
	font-weight:bold;
	color:var(--white-font-color);
	background:var(--main-brand-color);
	border:none;
	border-radius:4px;
}
#mb_login #login_fs button.btn_register {
	width:130px;
	margin:10px 0 10px;
	padding:10px 10px;
	background:var(--second-brand-color);
}
#mb_login #login_fs button.btn_find {
	width:195px;
	margin:10px 0 10px 10px;
	padding:10px 10px;
	background:var(--second-brand-color);
}

#mb_login #login_info {position:relative;margin:20px 0 0px;text-align:center;}
#mb_login #login_info:after {display:block;visibility:hidden;clear:both;content:""}
#mb_login #login_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login #login_info span {display:inline-block;color:#fff;font-size:1.2em;line-height:40px;}
#mb_login #login_info a {
	display:inline-block;
	width:120px;
	height:30px;
	line-height:30px;
	font-size:1.0em;
	color:#fff;
	background:rgba(0,0,0,0);
	border-radius:12px;
}
#mb_login #login_info a:hover {color:#fff;}

/* 자동 로그인 */
.login_auto {display:inline-block;line-height:20px;text-align:center;}
.login_auto label {color:#d6bb8e;vertical-align:top;margin-bottom:10px}
.login_auto label a {color:#d6bb8e;}
.login_auto label a:hover {color:#d6bb8e;}
.login_auto label span {margin-top:2px}

#mb_login_notmb {background:#fff;border-bottom:1px solid #ccc;padding:20px}
#mb_login_notmb h2 {font-size:1.25em;padding:10px;background:#f3f3f3}
#mb_login_notmb p {border:0;padding:0;margin:10px}
#guest_privacy p {border:1px solid #ddd;background:#fff;color:#666;min-height:20px;height:200px;padding:10px;text-align:left;overflow-y:auto;margin:10px 0}
#mb_login_notmb .btn_submit {width:100%;display:block;height:40px;line-height:40px}

#mb_login_od_wr {background:#fff;border-bottom:1px solid #ccc;padding:20px}
#mb_login_od_wr p {border:0;text-align:left}
#mb_login_od_wr p strong {display:inline}
#mb_login_odinfo {margin:10px 0 0;background:#f3f3f3;padding:10px}
#mb_login_odinfo h2 {font-size:1.167em}

/* 쪽지 */
#memo_list .memo_title {
	position:relative;
	display:block;
	margin:4px 0px;
	padding:5px 20px;
	color:#fff;
	background:var(--main-bg-color) !important;
	border-radius:5px;
	cursor:pointer;
}
#memo_list .memo_contents {
	position:relative;
	display:none;
	margin:4px 0px 10px;
	padding:20px 40px;
	color:#fff;
	background:var(--main-bg-color) !important;
	border-radius:5px;
}

#memo_list .memo_datetime {display:block;padding:5px 0px 0px;color:#fff;line-height:20px;}
#memo_list .memo_name {display:block;padding:0px 10px 4px;line-height:20px}
#memo_list .memo_name, #memo_list .memo_name .sv_wrap {}
#memo_list .memo_datetime i.fa-trash-o {display:inline-block;width:30px;padding:5px;margin:10px;text-align:center}
#memo_list .memo_del {
	position:absolute;
	z-index:999;
	top:18px;right:20px;
	font-size:1.0em;
	display:block;height:35px;line-height:35px;margin-left:5px;
	padding:0 15px;
	color:#fff;
	background:var(--fourth-brand-drop-color);
	border:1px solid transparent;
	border-radius:3px;
}
#memo_list .memo_del:hover {
}
.memo_preview {margin:5px 0 10px;font-size:1.1em;font-weight:bold;}
.memo_preview .on_read {
	font-size:1.0em !important;
	font-weight:normal !important;
	margin:0 5px 20px 0;
	padding:5px 10px;
	color:#fff;
	background:#056f00;
	border-radius:8px;
}
.memo_preview .no_read {
	font-size:1.0em !important;
	font-weight:normal !important;
	margin:0 5px 20px 0;
	padding:5px 10px;
	color:#fff;
	background:#ba0001;
	border-radius:8px;
}

.list_02 li a {display:inline-block;color:#fff !important;}
.list_02 li.memo_view_ico {border-left:2px solid #005ffd}

#memo_view_contents {margin:10px 0 0;border:1px solid #ddd;border-radius:4px;}
#memo_view_contents h1,
#memo_view_contents h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#memo_view_ul {margin:0;list-style:none;background:#c4c4c5;border-bottom:1px solid #d9dee9;}
#memo_view_ul:after {display:block;visibility:hidden;clear:both;content:""}
.memo_view_name {position:relative;float:left;padding:10px;color:#333;}
.memo_view_name .profile_img img {border-radius:50%}
.memo_view_data {float:right;padding:13px 10px;color:#333}
.memo_view_date strong {font-weight:normal;color:#767e86;line-height:20px}
#memo_view .btn_b02 {float:right}
#memo_view p {padding:10px;min-height:150px;height:auto !important;height:150px;color:#333;background:#c4c4c5;line-height:1.8em}

#memo_write #me_recv_mb_id {width:100%}
#memo_write input {background:#c4c4c5;border-radius:4px;}
#memo_write textarea {width:100%;height:200px;background:#c4c4c5;border-radius:4px;}
#memo_write .win_btn{margin:10px}

/* 스크랩 */
#scrap ul {border:1px solid #d9dee9}
#scrap li {position:relative;background:#fff;border-bottom:1px solid #d9dee9}
#scrap li:last-child {border-bottom:0}
#scrap .scrap_left {padding:10px;margin-right:50px;font-size:1.083em;line-height:1.3em;font-weight:bold;border-right:1px solid #f1f3f6}
#scrap .scrap_tit {display:block;margin-bottom:5px;height:1.2em;overflow-y:hidden}
#scrap .scrap_cate {display:inline-block;margin-right:5px;padding:1px 2px 2px;background:#2aba8a;border:1px solid #2aba8a;color:#fff;border-radius:1px;font-size:0.92em}
#scrap .scrap_datetime {color:#9c9c9c}
#scrap .scrap_del {position:absolute;top:0;right:0;display:block;width:50px;height:62px;text-align:center;line-height:62px;color:#49857c;font-size:15px}
#scrap .scrap_del i.fa-trash-o {display:inline-block;width:30px;padding:5px;margin:10px;text-align:center}

#scrap_do table {width:100%;margin:0 0 10px}
#scrap_do textarea {height:100px;background:#fff}
#scrap_do .scrap_tit {padding:10px 15px;font-size:1.083em;font-weight:bold;background:#fff;border: 1px solid #d9dee9}
#scrap_do label {display:block;margin:0 0 5px;font-size:1em}

/* 포인트 */
#point .point_all {
	color:#fff;
	background:#2b2b2b;
	font-weight:bold;
	margin-bottom:10px;
	border-radius:8px;
	text-align:right;
}
#point .point_all span {display:inline-block;height:40px;padding:5px 10px;line-height:30px;}
#point .point_all span i {color:#2aba8a}
.point_all_tit, .point_all_tit2, .point_all_tit3 {
	float:left;width:30%;font-size:1.2empx;text-align:center;
	background:#421e4a;border-radius:8px;
}
.point_all_tit2 {background:#ad4800 !important;}
.point_all_tit3 {background:#888e78 !important;}
.point_all_cnt {float:right;width:70%;font-size:1.2em;}
#point .point_all:after {display:block;visibility:hidden;clear:both;content:""}
.point_exchage {float:right;width:70%;padding:0px 10px !important;font-size:1.2em;}
.point_exchage input[type=text] {
	width:90%;
	text-align:right;
	color:#fff !important;
	background:#2b2b2b;
	border:none;
}

#point_ul {margin:0 0 10px;padding:10px;background:#090909;border-radius:12px !important;list-style:none;}
#point_ul li {position:relative;color:#fff;background:#090909;}
#point_ul li:last-child {border-bottom:0}
#point_ul li:after {display:block;visibility:hidden;clear:both;content:""}
#point_ul .point_cnt {}
#point_ul .point_cnt:after {display:block;visibility:hidden;clear:both;content:''}
#point_ul .point_log {display:inline-block;float:left;width:70%;padding:10px;font-weight:bold;font-size:1.2em;color:#fff;float:left;}
#point_ul .point_num {display:inline-block;padding:10px;width:30%;font-weight:bold;font-size:1.25em;color:#eff700;text-align:right}
#point_ul .point_use .point_num {color:#ff686f}
#point_ul .point_date {text-align:left;padding:10px 10px 0px;color:#fff;}

#point .point_status {margin:10px 0;padding:10px;border:1px solid #d9dee9;background:#fff;text-align:center}
#point .point_status:after {display:block;visibility:hidden;clear:both;content:""}
#point .point_status p {float:left;width:50%;height:58px;line-height:26px}
#point .point_status p.point_status_add {border-right:1px dotted #b7c6d7}
#point .point_status span {display:block}
#point .point_status .point_status_add b {font-size:2em;color:#0084ff}
#point .point_status .point_status_sbt b {font-size:2em;color:#ff6896}

/* 회원 비밀번호 확인 */
#mb_confirm {background:#fff;text-align:center;margin:60px auto;max-width:340px;border:1px solid #2aba8a;padding:20px}
#mb_confirm h1 {margin:0 0 15px;padding:0 10px;font-size:1.3em}
#mb_confirm p {padding:15px 10px;border:1px solid #ccdebe;background:#deefd8}
#mb_confirm p strong {display:block}
#mb_confirm fieldset {position:relative;margin:10px 0;text-align:left;color:#555}
#mb_confirm_id {font-size:1.083em;margin:5px 0}
#mb_confirm_pw {display:block;margin-top:10px;width:100%;background:#f8f9fb;border-color:#d0d4df;border-radius:0}
#mb_confirm .btn_submit {width:100%;height:40px;border-radius:3px;margin:10px 0}

/* 비밀글 비밀번호 확인 */
#pw_confirm {background:#fff;text-align:center;margin:60px auto;max-width:340px;border:1px solid #2aba8a;padding:20px}
#pw_confirm h1 {margin:0 0 15px;padding:0 10px;font-size:1.3em}
#pw_confirm fieldset {position:relative;margin:0 0 5px;padding:15px 0;border-top:1px solid #fffefe}
#pw_confirm p {padding:15px 10px;border:1px solid #ccdebe;background:#deefd8}
#pw_confirm p strong {display:block}
#pw_wr_password {width:100%;background:#fff}
#pw_confirm .btn_submit {margin:5px 0;width:100%;border-radius:3px;height:45px;font-weight:bold;font-size:1.083em}

/* 폼메일 */
#formmail textarea {height:100px;background:#fff}
#formmail .full_input {background:#fff}
#formmail .formmail_flie {position:relative}
#formmail .formmail_flie .file_wr {height:40px;padding:5px;margin:0;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px}
#formmail .lb_icon {position:absolute;top:0;left:0;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
#formmail .frm_file {padding-left:50px}
#formmail .frm_info {color:#3497d9;font-size:0.92em}


/* 자기소개 */
#profile_top {
	font-size:1.0em;
	color:#ffa604;
	padding:5px 0 15px;
	text-align:center;
	width:100%;
	height:100%;
}
#profile_top .arm_on {
	display:inline-block;text-align:right;background:#e7432e;
	color:#fff;line-height:10px;padding:3px 5px;
	font-size:0.8em;
	border-radius:30px
}
.profile_wrap {
	position:relative;
	text-align:center
}
.profile_content {
	
}
.profile {
	display:inline-block;
	margin:10px 0 10px;
	padding:20px 40px 20px;
	text-align:center;
}

.profile h1 a {}
.profile h2 {display:inline-block;margin-bottom:10px;padding:2px;border:1px solid #38a3c3;background:#5bbad6;color:#fff;border-radius:1px;font-weight:normal}
.profile ul {margin:0 0 10px;}
.profile ul:after {display:block;visibility:hidden;clear:both;content:""}
.profile li {display:inline-block;width:100%;padding:15px 10px;border-bottom:1px solid #6c6c6d}
.profile li:first-child {border-top:1px solid #6c6c6d;}
.profile li.profile_name {text-align:center;font-size:1.0em;color:#fff;}
.profile span.profile_cnt {display:inline-block;float:left;width:20%;font-size:1.0em;font-weight:bold;color:#fff;text-align:left;}
.profile div {display:inline-block;font-size:1.0em;color:#fff;width:80%;text-align:right;}

@media (max-width:980px){
	.arm_cate {width:100%;margin-bottom:10px;margin-left:1px}
	.arm_cate li {width:33.333%;margin-left:-1px}
	.arm_cate li a {width:100%}
	.arm_btn {width:100%}
	.arm_btn .all_arm_del {float:right}
	.arm_bt_btn {text-align:left}
	
	.profile {width:100%;}
}

@media (max-width:767px) {
	#mb_login {
		max-width:90%;
		top:calc(50% - 280px);
		padding:20px 20px;
	}
	#mb_login .logo, .mbskin .logo {margin:10px 0 50px 0px;}
	#mb_login #login_fs button {width:100%;}
	#mb_login #login_fs button.btn_register {
		width:100%;
		margin:10px auto;	
	}
	#mb_login #login_fs button.btn_find {
		width:100%;
		margin:0px auto;
	}
	
	#login_line {width:100%;}
	.icon-find {
	  	left:24px;

	}
	.icon-register {

	}

	.register_code {
		max-width:90%;
		top:calc(50% - 300px);
		padding:20px 20px;
	}
	#fregister {width:100%;}
	#fregister button {width:100%;}
	
	.register {
		max-width:100%;
		top:0px;
		padding:20px 20px;
	}
	#fregisterform {width:100%;}
	.btn_confirm .btn_submit {width:150px;}
	
	/* 자기소개 */
	#profile_top {
		padding:0px 0 10px;
	}
	.profile {
		padding:10px 20px 10px;
	}
	.profile span.profile_cnt {width:30%;}
	.profile div {width:70%;}
}

@media (max-width:420px){
	#mb_login .mbskin_inner {width:100%;padding:0 20px}
	#sns_login h3 {display:block;width:100%;margin:0;line-height:35px !important}
	#sns_login .sns-wrap {text-align:left}
}

@media (max-width:480px){
	#fregisterform .frm_info {margin-left:0}
	#fregisterform .form_01 ul {width:100%;padding:0 20px 20px}
	#fregisterform .form_01 label,
	#fregisterform .form_01 input {width:100%}
	#fregisterform .frm_bar label {width:25px;height:20px}
}

@media (max-width:490px){
	.arl_li_bt {display:block;float:inherit;padding:5px 0 0}
	.arm_list .li_del button {float:right}
}