@charset "UTF-8";

/* Original file: modules/member/skins/sketchbook_member/css/style.css */

/* common */

.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;
	}
.rd {
	padding: 0;
}
.rd_hd .board .btm_area .side {
	font-size: 0;
}
.rd_hd .board .btm_area a {
    font-size: 11px;
}
.rd_ft_nav {
	padding-bottom: 0;
}
.bd_btn.blue:hover {
	color: #fff;
}
.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 label input[type="checkbox"] {
	margin-right: 4px;
}
.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"],
.bd_wrt input[type="tel"] {
	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,
.bd_wrt input[type="tel"]:hover,
.bd_wrt input[type="tel"]: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/voted_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 .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%;
	}

.my_cnts.voted {
	margin-top: -21px;
}
.my_cnts.voted.both {
	margin-top: -8px;
}
.my_cnts.voted .vtd_comm {
    display: flex; justify-content: space-between; align-items: center; padding: 0 12px;
}
.my_cnts.voted .vtd_comm .fldr_slct {
	display: flex;
	flex: 1;
}
	.my_cnts.voted.centered .vtd_comm .fldr_slct {
		justify-content: center;
	}
.my_cnts.voted .bd_zine {
	margin-top: 4px;
}
	.my_cnts.voted .bd_zine.zine li:first-child {
		border-top: 1px solid #DDD;;
	}
@media screen and (max-width: 533px) {
	.my_cnts .vtd_comm {
		padding: 0 2px 4px;
	}
	.my_cnts.voted .cnb3 > li {
		width: auto;
	}
	.my_cnts.voted .cnb3 > li > a {
		padding: 5px 16px;
	}
}
@media screen and (max-width: 360px) {
	.my_cnts.voted .cnb3 > li {
		width: auto;
	}
}

/* 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 12px 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 {
			margin: 8px 0; width: auto;
		}
		.my_comm .comm_cmd .set_msg_grp .btn_img {
			flex: auto; 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: 16px;
}
.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,
	.my_comm.notify .cnb3 > li {
		width: auto;
	}
	.my_comm.friend .cnb3 > li > a,
	.my_comm.notify .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,
	.my_comm.notify .cnb3 > li {
		width: auto;
	}
}


/* ncenter : notify_list */

@media screen and (max-width: 640px) {
	.notify_list .bd_lst input {
		display: inline-block;
	}
}


/* ncenter : config */

.ncenter_config,
.ncenter_config * {
	box-sizing: border-box;
}
	.ncenter_config .config_list {
		display: flex; flex-wrap: wrap; gap: 24px; margin-top: 16px;
	}
	.ncenter_config fieldset {
		flex: auto; margin: 0; padding: 0; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; transition: background-color .4s;
	}
	.ncenter_config fieldset:hover {
		background-color: #f9f9f9;
	}
	.ncenter_config legend {
		margin: 0 0 0 8px; padding: 0 8px 0 6px; font-size: 12px;
	}
	.ncenter_config .labels {
		display: flex; align-items: center; flex-wrap: wrap; gap: 4px; padding: 12px 36px 4px 12px; font-size: 14px;
	}
	.ncenter_config label {
		display: flex; margin-left: 12px;
	}
	.ncenter_config label input[type="checkbox"] {
		margin: 0 4px 0 0;
	}
	.ncenter_config .desc {
		margin: 0; padding: 0 24px 16px; font-size: 12px;
	}
	.ncenter_config .regist {
		margin-top: 24px; text-align: center;
	}
		.my_comm .ncenter_config .labels {
			gap: 8px; padding: 12px 12px 12px 16px; font-size: 12px;
		}
		.my_comm .ncenter_config label {
			margin-left: 0;
		}
		.my_comm .ncenter_config .desc {
			display: none;
		}


/* ncenter : unsubscribe_list */

.unsubscribe_list {
    margin-top: 16px;
}
.unsubscribe_list .bd_zine {
    display: flex; flex-wrap: wrap; gap: 24px; padding: 0;
}
.unsubscribe_list .bd_zine h3 {
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.unsubscribe_list .bd_m_lst.zine > li {
    flex: auto; padding: 20px; background-color: #fff; 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, background-color .4s;
}
.unsubscribe_list .bd_m_lst.zine > li:hover {
    background-color: #f9f9f9; box-shadow: 0 1px 4px rgb(0 0 0 / 16%);
}
.unsubscribe_list a:hover {
	text-decoration: none;
}
.unsubscribe_list form {
	position: absolute; top: 0; right: 0;
}
.unsubscribe_list form .fa-times {
	position: absolute; top: 4px; right: 4px; width: 24px; height: 24px; line-height: 1.6;
	font-size: 16px; color: #aaa; text-align: center; cursor: pointer; box-sizing: border-box;
}


/* point_history */
.my_comm.pointhistory {
	margin-top: -8px;
}
.history_list .bd_tb_lst {
	margin-top: 0;
}
	.history_list .blue td {
		background-color: #eeeeff50;
	}
	.history_list .blue td.m_no {
		color: #66c;
	}
	.history_list .red td {
		background-color: #ffeeee50
	}
	.history_list .red td.m_no {
		color: #c66;
	}

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

@media screen and (max-width: 533px) {
	.my_comm.pointhistory .cnb3 > li {
		width: auto;
	}
	.my_comm.pointhistory .cnb3 > li > a {
		padding: 5px 16px;
	}
}
@media screen and (max-width: 360px) {
	.my_comm.pointhistory .cnb3 > li {
		width: auto;
	}
}

/* Original file: widgets/login_info/skins/DW-PlayoutA/css/default.css */

.login_PlayoutA{margin:0;padding:0;position:relative;;display:block;font-size:12px;color:#666; position:relative;background:#f9f9f9; border:1px solid #e6e6e6;padding:15px 15px 10px 15px;font-family: "굴림","Gulim","돋움","Dotum",sans-serif;}
.logon{padding:0;}
.login_PlayoutA fieldset{position:relative;border:0;padding:0;margin:0}
.logon fieldset{padding:0;margin:0}
.login_PlayoutA fieldset .idpwWrap{overflow:hidden;clear:both;position:relative;height:72px;}
.login_PlayoutA fieldset .idpw{float:left;}
.login_PlayoutA fieldset .idpw input{border:1px solid #e3e3e3;color:#666;width:184px;background:#fff;padding:6px 5px 6px 5px;margin:0;margin-bottom:4px;font:1em Tahoma;line-height:18px;height:18px;}
.login_PlayoutA fieldset .login{position:absolute;right:0;background:url("../../../../widgets/login_info/skins/DW-PlayoutA/images/loginL.gif") no-repeat;width:68px;height:68px;margin:0;padding:0;border:0;cursor:pointer;-webkit-transition:all .4s;transition:all .4s;-moz-transition:all .4s;}
.login_PlayoutA fieldset .login:hover{background:url("../../../../widgets/login_info/skins/DW-PlayoutA/images/loginLH.gif") no-repeat;}
.login_PlayoutA fieldset p.securitySignIn{clear:both;padding:0 0 0 18px;margin:4px 0 0 0}
.login_PlayoutA fieldset p.noneSSL{background:url("../../../../widgets/login_info/skins/DW-PlayoutA/images/none_ssl.png") no-repeat left top}
.login_PlayoutA fieldset p.SSL{background:url("../../../../widgets/login_info/skins/DW-PlayoutA/images/ssl.png") no-repeat left top}
.login_PlayoutA fieldset p.noneSSL a{color:#BF6801;text-decoration:none}
.login_PlayoutA fieldset p.SSL a{color:#9CAC74;text-decoration:none}
.login_PlayoutA fieldset p.keep{margin:8px 0;clear:both;padding:0}
.login_PlayoutA fieldset p.keep input{vertical-align:middle;width:13px;height:13px;margin:0;border:0;padding:0;}
.login_PlayoutA fieldset p.keep label{font:.9em;color:#666}
.login_PlayoutA fieldset p.keep_msg{color:#666}
.login_PlayoutA fieldset ul.help{margin:0;overflow:hidden;padding:11px 0 0 0;white-space:nowrap;list-style:none;height:20px;}
.login_PlayoutA fieldset ul.help li{list-style:none;float:left;display:block;padding-left:10px;}
.login_PlayoutA fieldset ul.help li.help_li{padding:0 12px 0 0;background:url("../../../../widgets/login_info/skins/DW-PlayoutA/images/black/help_li.gif") no-repeat right 5px; font-weight:bold;}
.login_PlayoutA fieldset ul.help li.help_last_li{float:right}
.login_PlayoutA fieldset ul.help li a{color:#666;white-space:nowrap;text-decoration:none;display:inline-block;padding-top:1px;line-height:18px;}
.login_PlayoutA fieldset ul.help li a:hover{text-decoration:underline}
.login_PlayoutA fieldset ul.help li.first-child a{color:#cbcbcb}
.login_PlayoutA fieldset ul.help li *{vertical-align:bottom;line-height:18px;display:inline-block;}
.login_PlayoutA fieldset .userName strong{color:#cbcbcb;padding:4px 0 0 2px;font:bold .9em Tahoma}

.login_PlayoutA fieldset .userName img{border:none;vertical-align:top;}
.login_PlayoutA fieldset li.userLogout{position:absolute;top:0;right:0;}
.login_PlayoutA fieldset li.userLogout a{width:68px;height:25px;text-align:center;background:url("../../../../widgets/login_info/skins/DW-PlayoutA/images/logout.png") no-repeat;display:table-cell;line-height:25px;}
.login_PlayoutA fieldset ul.userMenu{margin:0;position:relative;padding:0;overflow:hidden;margin-top:6px}
.login_PlayoutA fieldset ul.userMenu li{list-style:none;color:#cbcbcb;list-style:none;margin-bottom:5px;}
.login_PlayoutA fieldset ul.userMenu li.userMenu_admin{padding:0 0 0 22px;background:url("../../../../widgets/login_info/skins/DW-PlayoutA/images/black/help_li.gif") no-repeat 10px 4px;}
.login_PlayoutA fieldset ul.userMenu li a{color:#777;text-decoration:none}
.login_PlayoutA fieldset ul.userMenu li a:hover{text-decoration:underline}

#login_keep_label{display:inline-block;vertical-align:middle;cursor:pointer;width:48px;height:19px;overflow:hidden;background:url("../../../../widgets/login_info/skins/DW-PlayoutA/images/keep_signed.png") no-repeat 0 0;}
#login_keep_label.off{background-position:left -2px;}
#login_keep_label.on{background-position:left -24px;}

.wrap_profile{position:relative;*zoom:1;height:53px;overflow:hidden;padding:12px}
.wrap_profile:after{content:"";display:block;clear:both;}
.in_profile{border:1px solid #ddd;width:47px;height:47px;padding:2px;float:left;background:#fff;}
.in_profile img{vertical-align:middle;width:100%}
.wrap_userName{padding:0 0 0 10px;float:left;margin-top:-2px;}
.member_nic,
.wrap_Messages strong{color:#666;}
.userName{margin:0;position:relative;overflow:hidden;padding:0;height:20px;}
.userName a{position:relative;text-decoration:none;line-height:20px;display:inline-block;}
.userName a.userLogout{position:absolute;top:1px;right:0;}
.wrap_Messages{padding:3px 0 2px 0;margin:0;}
.wrap_Messages p{padding:3px 0 0 0;margin:0;}
.userPoint{margin:0;padding:3px 0 0 0;list-style:none;position:relative;}
.userPoint:after{content:"";display:block;clear:both;}
.userPoint li{float:left;padding:0 10px 0 2px;line-height:20px;color:#222;}
.userPoint li span{padding-left:15px;display:inline-block;}
.user_poit span{background:url("../../../../widgets/login_info/skins/DW-PlayoutA/images/icon_point.png") no-repeat left 3px;min-width:45px;*width:45px;}
.user_level span{background:url("../../../../widgets/login_info/skins/DW-PlayoutA/images/icon_level.png") no-repeat left 3px;min-width:15px;*width:15px;}
.user_messages span{background:url("../../../../widgets/login_info/skins/DW-PlayoutA/images/icon_msg.png") no-repeat left 4px;}

/* 메세지 */
.wrap_member{position:relative;z-index:2;}
.wrap_Messages{margin:0;padding:0;list-style:none;border-top:1px solid #ddd;display:table;width:100%}
.wrap_Messages li{border-right:1px solid #ddd;display:table-cell;text-align:center;position:relative;}
.wrap_Messages li.Messag2 a.has_userMenu{margin-bottom:-1px;border-bottom:1px solid #fff;background:#fff;}
.wrap_Messages li.Messag3{border:0;}
.wrap_Messages li a{padding:7px 5px 0 5px;text-align:center;}
.ko_Messages li.Messag1{width:84px}
.wrap_Messages li a{display:block;height:43px;padding-top:7px;}


.wrap_Messages li i{font-size:18px;}
.wrap_Messages li span{position:absolute;left:52px;top:4px;background:#00a7ec;color:#fff;border-radius:10px;padding:2px 5px;font-size:10px;font-family:Arial,sans-serif;line-height:14px;}
.login_PlayoutA fieldset p.latestLogin{margin:0;padding:0;color:#666;font:.9em}
.login_PlayoutA fieldset p.latestLogin span{font:1em Tahoma}
.wrap_profile a{text-decoration:none;}
.login_management{position:absolute;right:13px;top:15px;}
.xe-widget-wrapper{overflow:visible;}
.wrap_userMenu{width:100%;background:#fff;border:1px solid #ddd;border-top:1px solid #e6e6e6;display:none;position:absolute;z-index:1;left:-1px;}
.wrap_userMenu ul{padding:5px 10px !important;}
.wrap_userMenu ul li{line-height:18px;}

/* Original file: widgets/treasurej_popular/skins/DW_Portal/smart_popular.css */

.newClear:after{content:' '; display:block; clear:both; font-size:0; width:0; height:0; visibility:hidden; line-height:0}
.widget_dotum .DW-smart-popular{font-family:'돋움',dotum,Arial,sans-serif;font-size:12px;line-height:1.5;}
.DW-smart-popular{font-size:12px;line-height:1.5;}
.DW-smart-popular ul{margin:0;padding:5px 0 1px 0;list-style:none;}
.DW-smart-popular .newClear{line-height:18px;padding:5px}
.DW-smart-popular .newClear span img{position:relative;top:-1px;padding-right:4px;}
.widget_dotum .DW-smart-popular .newClear span img{top:-2px;}
.DW-smart-popular .newClear a{display:block;line-height:18px;overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis;}
.newClear1,
.newClear2,
.newClear3,
.newClear_1,
.newClear_6{font-weight:bold;}

/* Original file: addons/resize_iframe/css/resize_iframe.css */

.youtubeWrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.youtubeWrap iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.vimeoWrap { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%;
} 
.vimeoWrap iframe, .vimeoWrap object, .vimeoWrap embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}
.gfycatWrap { 
	position: relative; 
	padding-bottom:calc(56.25% + 44px);
} 
.gfycatWrap iframe, .gfycatWrap object, .gfycatWrap embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}
.twitchWrapper {
	position: relative;
}

.twitchStream {
	position: relative;
	width:75%;
}

.twitchStream:before{
	content: "";
	display: block;
	padding-top: 56.25%; /* 16:9 */
}

.twitchChat{
	position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
	width: 25%;
}

.twitchStream iframe, .twitchChat iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 1024px) {
	.twitchStream{
		width:100%;
	}
	.twitchChat{
		display:none;
	}
}

.streamableWrap { 
	position: relative; 
	padding-bottom: 56.25%;
	height: 0; 
	overflow: hidden; 
	max-width: 100%;
	
} 
.streamableWrap iframe, .streamableWrap object, .streamableWrap embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

/* Original file: addons/taekkyeon_seo/css/taekkyeon_seo.css */

/* SEO용 숨김 키워드 표준 스타일 */
/* addons/taekkyeon_seo/taekkyeon_seo.css */
.sr-only-tk {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}