/* common */

.bd_bar {
	display: none; position: absolute; top: 0; right: 33px; font-size: 35px; top: 18px;
}
.bd_bar i {
	cursor: pointer;
}
.cnb_n_list {
	margin-bottom: 20px;
}
	.cnb_n_list .bd_cnb.open .bg_f_f9 {
		padding-right: 11px;
	}
.rd_ft_nav {
	padding-bottom: 0;
}
.btn_img .fa {
	vertical-align: unset;
}
@media screen and (max-width: 640px) {
	.bd .rd_nav, .rd_ft_nav .btn_img {
		margin: 16px 2px 0;
	}
}


/* _header */

.tgt_modal {
	display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;
	background-color: #00000030; font-size: 16px; z-index: 11; align-items: center; justify-content: center;
}
.tgt_menu {
	display: inline-block; width: 320px; background-color: #fff; border-radius: 4px; box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.tgt_menu h3 {
	display: flex !important; align-items: center; margin: 0; padding: 20px 24px 0; font-size: 16px; line-height: 22px;
}
.tgt_menu h3 .bg_color {
	margin-right: 8px; width: 12px; height: 22px; border-radius: 2px;
}
.tgt_menu .fa-times,
.tgt_menu .fa-angle-down,
.tgt_menu .fa-angle-up {
	position: absolute; top: calc(50% + 10px); right: 24px; transform: translateY(-50%);
	margin: 0; width: 24px; height: 24px; line-height: 1.6;
	background-color: #fff; border: 1px solid #e5e5e5; border-radius: 2px;
	font-size: 14px; color: #aaa; text-align: center;
	cursor: pointer; box-sizing: border-box;
}
.tgt_menu .fa-angle-down,
.tgt_menu .fa-angle-up {
	top: auto; right: auto; bottom: 0; left: 50%; transform: translate(-50%, 14px);
}
.tgt_menu .tgt_menu_wrap {
	padding: 24px;
}
	.tgt_menu .tgt_menu_wrap .cnb_n_list {
		margin-bottom: 0;
	}
		.tgt_menu .tgt_menu_wrap .cnb_n_list .bd_cnb {
			margin: 0; padding: 0; box-shadow: none;
		}
		.tgt_menu .tgt_menu_wrap .cnb_n_list .bd_cnb .home,
		.tgt_menu .tgt_menu_wrap .cnb_n_list .bd_cnb .dummy_ie,
		.tgt_menu .tgt_menu_wrap .cnb_n_list .bd_cnb .cnbMore {
			display: none;
		}
		.tgt_menu .tgt_menu_wrap .cnb_n_list .bd_cnb .bg_f_f9 {
			height: auto; background: none; border: none; box-shadow: none;
		}
	.tgt_menu .tgt_menu_wrap .cnb_n_list ul,
	.tgt_menu .tgt_menu_slct {
		display: flex; flex-flow: wrap; gap: 8px;
		margin: 0; text-align: center; line-height: 1.5em;
	}
		.tgt_menu .tgt_menu_wrap .cnb_n_list li,
		.tgt_menu .tgt_menu_slct > a {
			display: flex; justify-content: center; align-items: center; width: calc(50% - 4px);
		}
		.tgt_menu .tgt_menu_wrap .cnb_n_list li > a {
			margin: 0; width: 100%; padding: 4px 12px; font-size: 11px;
		}
		.tgt_menu .tgt_menu_slct > a.on {
			background: #f0f0f0;
		}
		.tgt_menu .tgt_menu_slct .bd_wrt_main {
			display: flex; align-items: center; width: 100%;
		}
			.tgt_menu .tgt_menu_slct .bd_wrt_main select {
				flex: 1;
			}
			.tgt_menu .tgt_menu_slct .bd_wrt_main .itx {
				margin-bottom: 0; width: 100%;
			}
			.tgt_menu .tgt_menu_slct .bd_wrt_main .bd_btn {
				margin-left: 4px;
			}
		.tgt_menu .tgt_menu_slct .bd_wrt_main.friend {
			position: relative;
		}
		.tgt_menu .tgt_menu_slct .bd_wrt_main.group {
			display: none; margin-top: 4px;
		}


/* member_info */

.rd_hd {
	margin:0 0 20px;
}
.rd_hd .board .top_area .fr {
	height: 24px; line-height: 24px;
}
.rd_hd .board .top_area .img {
	display: inline-block; width: 24px; margin: 0; padding: 0; border: none; border-radius: 50%; vertical-align: middle;
}
.rd_hd .board .top_area .np_18px {
	display: inline-block; vertical-align: middle; padding-left: 4px;
}
.rd_body .et_vars.bd_tb {
	display: table;
}
.rd_body .rhymix_content {
	margin-bottom: 20px;
}
.rd_body .et_info {
	margin-top: 36px;
}

	.net_info {
		margin-bottom: 32px;
	}
	.net_info .net_body,
	.net_info .net_body .flw,
	.net_info .net_body .flwr {
		padding: 4px 0;
	}
	.net_info .net_body .flw,
	.net_info .net_body .flwr {
		line-height: 2;
	}
	.net_info .net_body .flw span,
	.net_info .net_body .flwr span {
		vertical-align: middle;
	}
	.net_info .net_body .flw span.net_cnt,
	.net_info .net_body .flwr span.net_cnt {
		vertical-align: initial;
	}
	.net_info .net_body .net_tab {
		display: inline-flex; align-items: center; height: 24px; background-color: #f3f3f3; border-radius: 18px; vertical-align: middle;
	}
	.net_info .net_body .net_tab .net_img {
		width: 24px; margin-right: 4px; padding: 0; border: none; border-radius: 50%; vertical-align: middle;
	}
	.net_info .net_body .net_tab span {
		pointer-events: none;
	}

	.cnt_info {
		display: flex; flex-wrap: wrap; gap: 32px; overflow: hidden;
	}
	.cnt_info.col {
		flex-direction: column;
	}
	.cnt_info .cnt_docs,
	.cnt_info .cnt_coms {
		flex: 1;
	}
	.cnt_info .bd_m_lst {
		padding: 0;
	}
	.cnt_info .bd_m_lst.zine .cnt_title {
		display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;
		height: 1em; line-height: 1em; overflow: hidden; font-size: 14px;
	}
	.cnt_info li {
		width: 100% !important; box-sizing: border-box;
	}
	.cnt_info .hx {
		border-width: 0;
	}


/* form */

.confirm {
	display: flex; justify-content: center; align-items: center; flex-direction: column;
	margin: 0 auto; max-width: 320px; border: none;
}
.confirm h1 {
	word-break: keep-all;
}
.confirm .itx {
	width: 100%; height: 32px; margin-bottom: 8px;
}
.confirm span.help-inline {
	margin: -8px 0 8px 40px; text-align: left;
}
.confirm .bd_btn {
	margin: 0; height: 32px;
}


/* login */
.confirm#fo_member_login {
	padding: 24px; background-color: #fcfcfc; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 2px 3px #eee; box-sizing: border-box;
	align-items: baseline;
}
.confirm#fo_member_login h1 {
	margin: 8px 0 24px; width: 100%; text-align: center;
}
.confirm#fo_member_login label {
	display: flex;
}
.confirm#fo_member_login #warning {
	display: none;
}
.confirm#fo_member_login #warning p {
	margin: 0; padding: 0 0 0 20px; text-align: justify;
}
.confirm#fo_member_login .bd_btn {
	margin: 8px 0 0; width: 100%;
}
.confirm#fo_member_login .login_footer {
	display: flex; margin-top: 12px; width: 100%; justify-content: space-between; align-items: center;
}


/* find_account */
.find_info {
	display: flex; flex-wrap: wrap; gap: 24px; justify-content: space-evenly;
}
.find_info section {
	flex: 1;
}
.find_info section.col {
	flex-direction: column;
}
.find_info h1 {
	margin-bottom: 0;
}
.find_info hr {
	margin: 40px 0; width: 1px; border: 0;
}
.find_info hr.col {
	margin: 0px 40px; width: calc(100% - 80px); height: 1px;
}


/* modify_profile */
.bd_wrt input[type="text"] {
	display: inline-block; margin: 0; height: 28px; padding: 3px 6px;
	background: #FAFAFA; border-radius: 3px; border: 1px solid; border-color: #BBB #DDD #DDD #BBB; outline: none;
	box-sizing: border-box; transition: border .4s,background .4s; cursor: default;
}
.bd_wrt input[type="text"]:hover,
.bd_wrt input[type="text"]:focus {
	background-color: #FFF; border-color: #AAA;
}
.bd_wrt #profile_imagetag {
	position: relative; display: inline-block; margin-right: 4px; width: 90px; vertical-align: bottom;
}
.bd_wrt #profile_imagetag img {
	display: block; margin-bottom: 4px;
}
.bd_wrt #profile_imagetag button {
	position: absolute; display: flex; justify-content: center; align-items: center; bottom: 4px; left: 0;
	width: 24px; height: 24px; padding: 0; background-color: transparent; border: 2px solid #ccc; border-radius: 50%; color: #ccc; font-size: 14px;
}
.bd_wrt input[type="file"] {
	display: inline-block; margin-bottom: 4px; vertical-align: bottom;
}
.bd_wrt textarea {
	height: 240px !important;
	outline: none;
}
.bd_wrt label {
	margin-right: 8px;
}
.bd_wrt input[type=radio],
.bd_wrt input[type=checkbox] {
	margin: 0;
}

/* signup_form */
.bd_wrt .agreement {
	margin-bottom: 24px;
}
.bd_wrt .agreement .title {
	font-weight: bold;
}
.bd_wrt .agreement .text {
	background-color: #fcfcfc; padding: 24px; max-height: 240px; overflow-y: auto; transition: background-color .4s;
}
.bd_wrt .agreement .text:hover,
.bd_wrt .agreement .text:focus {
	background-color: #ffc;
}
.bd_wrt .agreement .confirm_check {
	margin: 4px 0 0 4px;
}
	.bd_wrt .agreement .confirm_check label {
		display: flex;
	}
	.bd_wrt .agreement .confirm_check input[type=checkbox] {
		margin-right: 4px;
	}
.bd_wrt .g-recaptcha {
	display: table; margin: 0 auto;
}


/* document/comment/scrapped/saved_list */
.my_cnts,
.my_cnts * {
	box-sizing: border-box;
}
.my_cnts .cnt_status {
	padding-left: 12px; font-size: 11px; font-weight: bold;
}
.my_cnts .bd_zine {
	margin-top: -20px; padding: 0;
}
	.my_cnts .bd_zine li {
		width: auto;
	}
	.my_cnts .bd_zine.zine li:first-child {
		border-top: none;
	}
	.my_cnts .bd_m_lst.zine h3 {
		font-size: 14px;
	}
.my_cnts .btm_mn {
	margin: 24px auto 0; max-width: 480px; padding: 0; border-top: none;
}
	.my_cnts .bd_faq_srch {
		display: block; margin-bottom: 0;
	}

.my_cnts.scrapped .scr_comm {
	display: flex; justify-content: space-between; align-items: center; padding: 0 12px;
}
	.my_cnts.scrapped .scr_comm .fldr_slct {
		display: flex; flex: 1;
	}
		.my_cnts.scrapped .scr_comm .fldr_slct select {
			
		}
.my_cnts.scrapped .bd_zine {
	margin-top: 12px;
}
.my_cnts.scrapped .bd_zine li,
.my_cnts.saved .bd_zine li,
.my_cnts.active_logins .bd_zine li {
	display: flex; justify-content: space-between;
}
.my_cnts.scrapped .bd_zine li.no_doc,
.my_cnts.saved .bd_zine li.no_doc,
.my_cnts.active_logins .bd_zine li.no_doc {
	display: block;
}
.my_cnts.scrapped .bd_zine.zine li:first-child {
	border-top: 1px solid #DDD;
}
.my_cnts.scrapped .bd_m_lst .rt_area,
.my_cnts.saved .bd_m_lst .rt_area,
.my_cnts.active_logins .bd_m_lst .rt_area {
	flex: 1;
}
.my_cnts.scrapped .bd_zine > li > a,
.my_cnts.saved .bd_zine > li > a {
	right: 84px;
}
.my_cnts.scrapped .del_move,
.my_cnts.saved .del_move,
.my_cnts.active_logins .del_move {
	margin-left: 16px; width: 72px;
}
	.my_cnts.scrapped .del_move button,
	.my_cnts.scrapped .del_move select,
	.my_cnts.saved .del_move button,
	.my_cnts.active_logins .del_move button	{
		width: 100%;
	}


/* message/friend */
.my_comm,
.my_comm * {
	box-sizing: border-box;
}

.my_comm .comm_cmd {
	display: flex; justify-content: space-between; align-items: center; padding: 0 0 4px;
}
	.my_comm .comm_cmd .fldr_slct {
		display: flex; flex: 1;
	}
	.my_comm .comm_cmd .fldr_slct.alter {
		display: none;
	}
	.my_comm .comm_cmd .fldr_cnfg {
		display: flex;
	}
		.my_comm .comm_cmd .fldr_cnfg .new_msg {
			position: relative; margin-right: 8px; font-size: 16px; color: #ccc;
		}
		.my_comm .comm_cmd .fldr_cnfg .new_msg span {
			position: absolute; top: 0; right: -4px; display: flex; justify-content: center; align-items: center;
			font-size: 12px; color: #999;
		}
		.my_comm .comm_cmd .fldr_cnfg a.new_msg {
			color: #333;
		}
		.my_comm .comm_cmd .fldr_cnfg a.new_msg span {
			color: #f99;
		}
		.my_comm .comm_cmd .chng_inf {
			padding: 4px 16px; background-color: #f3f3f3; border-radius: 18px;
		}
		.my_comm .comm_cmd .set_msg_rcv .btn_img,
		.my_comm .comm_cmd .set_msg_grp .btn_img {
			margin: 8px 0; width: auto;
		}
		.my_comm .comm_cmd .set_msg_grp .bd_wrt_main.group {
			display: flex;
		}

.my_comm.friend.centered .comm_cmd {
	display: block;
}
	.my_comm.friend.centered .comm_cmd .fldr_slct {
		justify-content: center;
	}
	.my_comm.friend.centered .comm_cmd .fldr_cnfg {
		justify-content: flex-end; margin-top: 12px;
	}

.frnd_cnts {
	margin-top: 20px;
}
	.frnd_cnts .no_frnd,
	.frnd_cnts .has_frnd {
		width: 100%;
	}
	.frnd_cnts .has_frnd .net_info {
		margin-bottom: 0;
	}
.frnd_cnts .bd_zine.random {
	display: block; padding: 12px 0 !important; width: 100%; white-space: nowrap; overflow-x: auto; text-align: center;
}
	.frnd_cnts .bd_zine.random::-webkit-scrollbar {
		height: 8px;
	}
	.frnd_cnts .bd_zine.random::-webkit-scrollbar-thumb {
		background: #ccc; border-radius: 12px;
	}
	.frnd_cnts .bd_zine.random::-webkit-scrollbar-track {
		background: #cccccc50;
	}
.frnd_cnts .bd_zine.random li {
	display: inline-block; margin-left: 16px; width: 120px !important; border: 1px solid #ddd; border-radius: 4px;
	box-sizing: border-box; box-shadow: 0 1px 4px rgb(0 0 0 / 8%);
}
.frnd_cnts .bd_zine.random li:first-child {
	margin-left: 0; border-top: 1px solid #ddd;
}
.frnd_cnts .bd_m_lst.random .is_tmb {
	padding: 0;
}
.frnd_cnts .bd_m_lst.random .is_tmb .tmb_wrp {
	display: flex; justify-content: center; margin: 0; float: none;
}
	.bd_m_lst.random .tmb_wrp img {
		border-radius: 50%;
	}
	.bd_m_lst.random img.tmb.no_prf {
		opacity: .2;
	}
.bd_m_lst.zine.random .cnt_title {
	display: block; margin: 6px auto 8px; text-overflow: ellipsis;
}
.bd_zine.zine.random .info {
	height: 2em; overflow: hidden;
}
.bd_zine.zine.random .info > span {
	display: block; margin: 0; padding: 0;
}
.bd_m_lst.random .info b {
	display: block; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.friend_list {
	margin-top: 24px;
}
.friend_list .frnd_status {
	display: flex;
}
.friend_list .frnd_status input {
	margin-left: 8px;
}
.friend_list .bd_zine {
	display: flex; flex-wrap: wrap; gap: 24px; padding: 0;
}
.friend_list .bd_m_lst.zine > li {
	width: calc(50% - 12px); padding: 20px; background-color: #fcfcfc; border: 1px solid #ccc; border-radius: 8px;
	box-shadow: 0 1px 4px rgb(0 0 0 / 8%); box-sizing: border-box; transition: box-shadow .4s;
}
.friend_list .bd_m_lst.zine > li:hover,
.friend_list .bd_m_lst.zine > li:focus {
	box-shadow: 0 1px 4px rgb(0 0 0 / 24%);
}
.friend_list .bd_zine.zine .tmb_wrp img {
	border-radius: 50%;
}
.friend_list .bd_zine.zine .tmb_wrp img.no_prf {
	background: transparent; border-color: transparent; opacity: .2;
}
.friend_list .bd_lst input[type="checkbox"] {
	position: absolute; top: 8px; right: 8px;
}
.friend_list .bd_zine .frnd_cmd {
	flex: 1; display: flex; justify-content: center; align-items: center; white-space: nowrap;
}
.friend_list .bd_zine .frnd_cmd span {
	margin: 0 4px;
}

@media screen and (max-width: 640px) {
	.message_list .bd_lst input,
	.friend_list .bd_lst input {
		display: inline-block;
	}
	.friend_list .bd_btn,
	.friend_list .btn_img,
	.friend_list .itx,
	.friend_list select {
		height: 28px;
	}
}
@media screen and (max-width: 533px) {
	.my_comm .comm_cmd {
		padding: 0 2px 4px;
	}
	.my_comm.friend .cnb3 > li {
		width: auto;
	}
	.my_comm.friend .cnb3 > li > a {
		padding: 5px 16px;
	}
	.friend_list .frnd_status {
		padding: 0 12px;
	}
	.friend_list .bd_zine {
		padding: 0 12px !important;
	}
	.friend_list .bd_m_lst.zine > li {
		width: 100%
	}
}
@media screen and (max-width: 360px) {
	.my_comm.friend .cnb3 > li {
		width: auto;
	}
}