/* common_header */

.bd_bar {
	display: none; position: absolute; top: 0; right: 16px; font-size: 20px;
}
.bd_bar i {
	cursor: pointer;
}
.cnb_n_list {
	margin-bottom: 20px;
}
	.cnb_n_list .bd_cnb.open .bg_f_f9 {
		padding-right: 11px;
	}

.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: 2; 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 h3 .fa-times {
    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 .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;
	}


/* 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;
}

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

	.rd_body .et_info .cnt_info {
		display: flex; flex-wrap: wrap; gap: 24px; overflow: hidden;
	}
	.rd_body .et_info .cnt_info.col {
		flex-direction: column;
	}
	.rd_body .et_info .cnt_info .cnt_docs,
	.rd_body .et_info .cnt_info .cnt_coms {
		flex: 1; margin-bottom: 24px;
	}
	.rd_body .et_info .cnt_info .bd_m_lst {
		padding: 0;
	}
	.rd_body .et_info .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;
	}
	.rd_body .et_info .cnt_info li {
		width: 100%; box-sizing: border-box;
	}
	.rd_body .et_info .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%;
	}


/* document/comment_list */