@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:100px 80px;
	max-width:462px;
	top:calc(50% - 350px);
	background:rgba(0,11,49,0.0);
}
.register_code .logo {margin:40px 0 0px;padding:20px 0 0px;text-align:center;}
#fregister {width:294px;display:inline-block;margin:30px auto 0px;}
#fregister .frm_input {
	width: 100%;
	max-width:294px;
  	margin:0 auto;
  	font-size: 16px !important;
  	text-align:center;
  	outline: none;
  	color:var(--white-font-color);
  	background:#262626;
  	border: none;
  	border-radius:5px;
  	transition: 0.3s;
}
#fregister .frm_input::placeholder {
	color:#bbb;
}
#fregister button {
	width:294px;
	margin: 20px 0 30px;
    height: 48px;
    line-height: 45px;
    text-align: center;
    font-size: 16px !important;
    color: #fff;
    font-weight: 500 !important;
    border-radius: 5px;
    background: linear-gradient(0deg, #01639b, #70c4f9);
}
#fregister button:hover {background:#3b96cc;}

/* 회원가입 입력 */
.register {
	position:relative;
	text-align:center; 
	margin:0 auto;
	max-width:600px;
	top:calc(50% - 400px);
	border-radius:0 0 60px 60px;
}
.register:after {display:block;visibility:hidden;clear:both;content:""}
.register_inner {}
.register .logo {margin:40px 0 0px;padding:20px 0 0px;text-align:center;}
.register .frm_input {
  	margin:0 0 10px;
  	outline: none;
  	padding: 20px 0px 20px 20px;
  	font-size:1.2em !important;
  	color:var(--black-font-color);
  	background:#fff;
  	border: none;
  	border-radius:5px;
  	transition: 0.3s;
}
.register .frm_input::placeholder {
	color:#999;
}
#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_info {display:block;padding:0 0 10px;text-align:left;color:var(--white-font-color);font-size:0.86em}
#fregisterform .frm_center {margin-left:0 !important;text-align:center;margin:5px 0}
#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 .btn_frmline {height:40px;padding:0 10px}
#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 #reg_mb_password_withdraw,
#fregisterform #reg_mb_password_withdraw_re {width:46%;}
#fregisterform #reg_mb_holder,
#fregisterform #reg_mb_messenger_id {width:46%;}
.gray_select {
	width:50%;
}

.btn_confirm {text-align:center;margin:20px 0 0}
.btn_confirm .btn_submit {
	width:460px;
	margin: 20px 0 30px;
	padding:16px 10px;
    font-size: 16px !important;
    color: #fff;
    font-weight: 500 !important;
    border-radius: 5px;
    background: linear-gradient(0deg, #01639b, #70c4f9);
}
.btn_confirm .btn_submit:hover {
	background:#3b96cc;
}

/* 회원가입 체크박스 */
#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;
	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 #034f7f;
}

.icon-input-container {
	position: relative;
}
.icon-input-container .icon-user {
  	width: 20px;
  	height: 20px;
  	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: 20px;
  	height: 20px;
  	background: url("/img/login/icon_pw.png") no-repeat;
  	background-size: contain;
}
.icon-input-container .icon-container {
    position: absolute;
    top: 0px;
    padding: 12px 0px 0px 14px;
    transition: 0.3s;
    color: #fff;
    width: 45px;
    height: 54px;
}
.icon-input-container .icon-container.pw {
    top: 62px;
}

.icon-find {
	position:absolute;
  	width: 30px;
  	height: 30px;
  	line-height: 30px;
  	top:2px;
  	left:0px;
}
.icon-find::before {
	content: "\f002";
    font-family: "fontAwesome";
    vertical-align: 0em;
    margin-right: 0px;
    color:#efdb2c !important;
    font-size:2.0em !important;
}
.icon-register {
	position:absolute;
  	width: 30px;
  	height: 30px;
  	line-height: 30px;
  	top:0px;
  	right:98px;
}
.icon-register::before {
	content: "\f234";
    font-family: "fontAwesome";
    vertical-align: 0em;
    margin-right: 0px;
    color:#efdb2c !important;
    font-size:2.0em !important;
}
.icon-telegram {
	position:absolute;
  	width: 30px;
  	height: 30px;
  	line-height: 30px;
  	top:2px;
  	left:15px;
  	background: url("/img/login/icon_telegram.png") no-repeat;
  	background-size: contain;
}
    
#mb_login {
	text-align:center; 
	margin:0 auto;
	padding:60px 85px 74px;
	max-width:480px;
	top:calc(50% - 300px);
	box-sizing: border-box;
	background:rgba(0,0,0,0.3);
}
#mb_login .logo,
.mbskin .logo {margin:10px 0 30px;padding:2px 0 0px;text-align:center;}
#mb_login .mbskin_inner {width:310px;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 {position:relative;padding:20px 0 0;}
#mb_login #login_fs .frm_input {
	font-size: 16px !important;
	width: calc(100%);
	height:46px;
	line-height:46px;
  	margin:0 0;
  	color:#fff;
  	outline: none;
  	padding: 20px 0px 20px 50px;
  	background:#262626;
  	border: none;
  	border-radius:5px;
  	transition: 0.3s;
  	float:left;
}
#mb_login #login_fs .frm_input::placeholder {
	color:#bbb;
}
#mb_login #login_fs #login_id {margin-bottom:12px;}
#mb_login #login_fs button {
    width: 100%;
    height: 48px;
    line-height: 45px;
    text-align: center;
    font-size: 16px !important;
    color: #fff;
    font-weight: 500 !important;
    border-radius: 5px;
    background: linear-gradient(0deg, #01639b, #70c4f9);
}
#mb_login #login_fs button:hover {background:#3b96cc;}
#mb_login #login_info {position:relative;margin:22px 20px 2px;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:50%;
	height:30px;
	line-height:30px;
	font-size:1.5em !important;
	color:#fff;
	background:rgba(0,0,0,0);
	border-radius:12px;
}
#mb_login #login_info a:hover {color:#fff;}
#mb_login #login_info a:first-child { float:left; }
#mb_login #login_info a:last-child { float:right; }
/* 자동 로그인 */
.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 {float:left;width:30%;font-size:1.2em;text-align:center;background:#421e4a;border-radius:8px;}
.point_all_tit2 {background:#ad4800 !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;
	font-size:1.2em;
}
.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:50px 20px;
	}
	#mb_login #login_fs .frm_input {width:100%;}
	#mb_login #login_fs button {position:relative;width:100%;margin-top:14px;}
	
	#login_line {width:100%;}
	.icon-find {
	  	left:-8px;
	}
	.icon-register {
  	    right:85px;
	}
	.icon-telegram {
	  	left:4px;
	}

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

@media (max-width:720px){
	#mb_login #login_fs button {width:100%;}
	#mb_login #login_fs button.btn_register {
		width:48% !important;
		margin:0px 0 10px;
		padding:15px 10px;
		background:var(--second-brand-color);
	}
}

@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}
}