@charset "UTF-8";

@import url("/Assets/Assets2/font/Pretendard-1.3.6/web/static/pretendard.css");

body {
	margin: 0;
	font-family: Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif; 
	font-size: 14px;
	font-weight: 400;
    --ck-z-default: 100;
    --ck-z-modal: calc( var(--ck-z-default) + 999 ); 
}

a {
    text-decoration: none;
	color: white;
	cursor: pointer;
}
a:hover {
	color:  rgb(152, 206, 255);
	cursor: pointer;
}

.text-decoration-line-through {
	text-decoration: line-through !important;
}
.text-decoration-none {
	text-decoration: none !important;
}
.alert-text {
    --bs-alert-color: #495057;
    --bs-alert-bg: #f9f9f9;
    --bs-alert-border-color: #e7e7e7;
}
.text-secondary {
    color: rgb(73, 73, 73) !important; /* 원하는 색상으로 변경하세요 */
}
.hand { cursor: pointer; }
.form-control {
	font-size: 14px;
}
.page-link {
	font-size: 14px!important;
}
[id^="list_"] {
	/* overflow: hidden; */
	/* height: auto; */
	/* transition: height 1s; */ /* 높이에 대한 전환 애니메이션 설정 */
}
.table tr td {
	font-size: 14px;
	font-weight: 400;
}
.table tr th {
	height: 40px;
	font-size: 14px;
	font-weight: 500;
	padding-bottom: 12px;
}
.table13 tr td {
	font-size: 13px;
}
.table13 tr th {
	font-size: 13px;
}

.fs12px { font-size: 12px!important; }
.fs13px { font-size: 13px!important; }
.fs14px { font-size: 14px!important; }
.fs15px { font-size: 15px!important; }
.fs16px { font-size: 16px!important; }
.fs17px { font-size: 17px!important; }
.fs18px { font-size: 18px!important; }
.fs19px { font-size: 19px!important; }
.fs20px { font-size: 20px!important; }
.fs21px { font-size: 21px!important; }
.fs22px { font-size: 22px!important; }

.fw-500 { font-weight: 500!important; }
.fw-600 { font-weight: 600!important; }
.fw-700 { font-weight: 700!important; }

.popup_container { position: relative; }

ul.popup {
  position: absolute;
  top: 70px;
  left: 10px;
  z-index: 10000009;
}

ul.popup h1 {
	font-size: 25px!important;
}

ul.popup {
  overflow: hidden;
  padding: 5px;
}

ul.popup li {
	list-style: none;
	margin: 1em;
	float: left;
	text-decoration: none;
	color: #000;
	background: black;
	display: block;
	width: 400px;
	padding: 1em;
	-moz-box-shadow: 5px 5px 7px rgba(33, 33, 33, 1);
	-webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, .7);
	box-shadow: 5px 5px 7px rgba(33, 33, 33, .7);
}


.text-secondary {
	color: rgb(191, 191, 191) !important;
}

.bg-dark2 {
	background-color: rgb(26, 28, 35)!important;
}
.btn-link {
	text-decoration: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
    --bs-btn-font-weight: 400;
    --bs-btn-color: #FFF;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 49,132,253;
}

#backdrop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 10;
}

.moveup {
  transition: transform 0.3s ease;
}

.moveup:hover {
  transform: translateY(-5px);
}


/* Added by mercury */
.sub-wrap {
	width: 100%;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
}

.subscr {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 100px;
	height: auto;
}

	.subscr table {
		border-collapse: collapse;
		width: 100%;
		font-size: 17px;
		color: #919191;
	}

	.subscr table {
		border-collapse: collapse;
		width: 100%;
		font-size: 17px;
		color: #919191;
	}

		.subscr table thead {
			font-size: 14px;
			font-weight: 300;
		}

			.subscr table thead th {
				font-size: 15px;
				font-weight: 600;
				color: #fff;
			}

			.subscr table thead tr {
				height: 60px;
			}

		.subscr table tbody tr td {
			height: 20px !important;
			font-size: 15px;
			padding-left: 0px !important;
		}

		.subscr table p {
			margin: 0;
			padding: 0;
		}

		.subscr table tr {
			border-bottom: 1px solid #282828;
			height: 70px;
		}

			.subscr table tr td span {
				font-size: 14px;
				vertical-align: middle;
				padding-left: 10px;
			}

		.subscr table div {
			height: 24px;
			margin: 0;
			padding: 0;
		}

.user-icon, .reply-info span {
	display: inline-block;
	width: 50px;
	height: 22px;
	background-color: #ffcd05;
	color: #fff;
	border-top: 1px solid #000000;
	text-shadow: 0 0 4px #000;
	text-align: center;
	line-height: 22px;
	font-size: 11px !important;
}

.board.reply {
	margin-top: 20px;
	border: 3px solid #292929;
}

	.board.reply .notice.title th {
		vertical-align: middle;
	}

	.board.reply .notice.title th {
		border-right: 1px solid #282828;
	}

		.board.reply .notice.title th div p {
			font-size: 50px;
			padding-right: 7px;
			text-align: center;
			color: #fff;
		}

.board.view .notice th {
	padding: 10px;
}

.board.view .notice th {
	padding: 10px;
}

.board.reply .notice.title th div {
	text-align: center;
	color: #fff;
}

.view-content div {
	background-color: #292929;
	color: #fff;
	padding: 20px !important;
	height: 100% !important;
	text-align: left;
	font-size: 14px;
	font-weight: 100;
}
	.view-content div textarea {
		height: 300px;
		width: 100%;
		background: #1c1c1c;
		border: 1px solid #4e4e4e;
		color: #c9c9c9;
		line-height: 25px;
		font-size: 14px;
	}

.boardview {
	text-align: left;
	font-size: 14px;
	font-weight: 100;
	padding-left: 30px !important;
}

.notice-date {
	display: inline-block;
	line-height: 20px;
	padding-left: 10px;
}

	.notice-date li {
		display: inline-block;
		margin-right: 15px;
	}

#form_700301, #form_700302, #form_700101, #form_700201 {
	min-height: 600px; /* 기본 PC 화면 */
}

@media (max-width: 576px) { /* Bootstrap 기준 모바일 */
	#form_700301, #form_700302, #form_700101, #form_700201 {
		min-height: 300px;
	}
}

.board.reply {
	overflow-x: auto; /* 가로 스크롤 */
	-webkit-overflow-scrolling: touch; /* iOS 부드러운 스크롤 */
	width: 100%; /* 화면에 맞춤 */
}

.table-style-c {
	min-width: 100%; /* 스크롤 필요할 때 테이블 자체가 넓어지도록 */
}
	.table-style-c #title {
		background: #1c1c1c;
		color: #fff;
		width: 100%;
		border: 1px solid #4e4e4e;
		padding: 3px;
	}

@media (max-width: 576px) { /* Bootstrap 기준 모바일 */
	.banner_heading_text {
		flex-direction: column !important; /* 좌우 → 위아래 */
		align-items: flex-start !important; /* 왼쪽 정렬 */
	}

		.banner_heading_text > div {
			margin-bottom: 10px; /* 위아래 간격 추가 */
		}
}
/* PC 전용 min-width */
@media (min-width: 576px) {
	.pc-btn {
		min-width: 100px;
	}
}

/* Popup List */
.layer_popup_swiper {
	overflow-y: auto;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	min-height: 100%;
	z-index: 99999;
	opacity: 1;
	background: rgba(36,36,43,.8)
}

	.layer_popup_swiper .swiper-container {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		overflow-y: auto;
		padding: 20px 20px;
	}

	.layer_popup_swiper .swiper-wrapper {
		display: flex;
		max-width: 1453px;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		flex-wrap: wrap;
	}

	.layer_popup_swiper .swiper-slide {
		display: flex;
		width: 470px;
		height: 600px;
		min-height: 402px;
		margin-right: 5px;
		padding: 5px 5px;
		flex-direction: column;
	}

		.layer_popup_swiper .swiper-slide .pop_content {
			display: flex;
			flex: 1;
			min-height: 0;
			position: relative;
			flex-direction: column
		}

			.layer_popup_swiper .swiper-slide .pop_content .pop_title {
				padding: 15px;
				font-weight: 600;
				font-size: 20px;
				color: #ffc33b;
				text-align: left;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap
			}

			.layer_popup_swiper .swiper-slide .pop_content .pop_inner {
				overflow-y: auto;
				flex: 1;
				min-height: 0;
				font-size: 14px;
				color: #959595;
				line-height: 22px
			}

				.layer_popup_swiper .swiper-slide .pop_content .pop_inner p:after {
					content: '';
					display: block;
					clear: both
				}

				.layer_popup_swiper .swiper-slide .pop_content .pop_inner p * {
					float: none !important
				}

				.layer_popup_swiper .swiper-slide .pop_content .pop_inner p > img {
					max-width: 100%;
					position: absolute;
					left: 0;
					top: 0;
					width: 100% !important;
					height: 100% !important
				}

				.layer_popup_swiper .swiper-slide .pop_content .pop_inner.pc {
					display: block
				}

				.layer_popup_swiper .swiper-slide .pop_content .pop_inner.mobile {
					display: none
				}

			.layer_popup_swiper .swiper-slide .pop_content .gaps {
				margin-top: 30px
			}

			.layer_popup_swiper .swiper-slide .pop_content .pop_txt {
				color: #222;
				font-size: 20px;
				line-height: 28px;
				text-align: center
			}

				.layer_popup_swiper .swiper-slide .pop_content .pop_txt .income {
					display: block;
					margin-top: 20px;
					font-size: 30px;
					font-weight: 500
				}

					.layer_popup_swiper .swiper-slide .pop_content .pop_txt .income em {
						font-weight: 700
					}

			.layer_popup_swiper .swiper-slide .pop_content .trade_status {
				width: 300px;
				height: 300px;
				margin: auto;
				font-size: 50px;
				font-weight: 600;
				color: #fff;
				line-height: 300px;
				text-align: center;
				border-radius: 50%
			}

				.layer_popup_swiper .swiper-slide .pop_content .trade_status.buy {
					background-color: #ec5649
				}

				.layer_popup_swiper .swiper-slide .pop_content .trade_status.sell {
					background-color: #0182dd
				}

			.layer_popup_swiper .swiper-slide .pop_content .btn_area {
				margin: 20px 0;
				text-align: center
			}

				.layer_popup_swiper .swiper-slide .pop_content .btn_area .btn_ui {
					margin: 0 4px
				}

		.layer_popup_swiper .swiper-slide .popup-foot {
			display: flex;
			padding: 10px;
			background-color: #000
		}

			.layer_popup_swiper .swiper-slide .popup-foot .checkbox label {
				font-size: 12px;
				color: #fff
			}

		.layer_popup_swiper .swiper-slide .btn_close {
			border: none;
			background: black;
			display: block;
			position: absolute;
			bottom: 5px;
			right: 5px;
			z-index: 1000;
			width: 40px;
			height: 40px;
			color: #fff;
			background-position: -302px -366px
		}

	.layer_popup_swiper .swiper-pagination {
		display: none
	}

		.layer_popup_swiper .swiper-pagination .swiper-pagination-bullet {
			background-color: #fff
		}

	.layer_popup_swiper .btn_layer_close {
		display: none
	}

.layer_popup {
	overflow-y: auto;
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	min-height: 100%;
	z-index: 99999;
	opacity: 1;
	background: rgba(36,36,43,.58)
}

	.layer_popup .layer_flex {
		display: flex;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		padding: 20px
	}

	.layer_popup.main {
		position: fixed
	}

	.layer_popup .layer_body {
		display: flex;
		position: relative;
		flex: 1;
		max-width: 500px;
		height: 600px;
		margin: auto;
		background-color: #1d1d35;
		flex-direction: column;
		border: 2px solid #ffc33b
	}

		.layer_popup .layer_body.alert {
			max-width: 500px
		}

			.layer_popup .layer_body.alert .pop_content {
				border: none
			}

		.layer_popup .layer_body.trade .pop_content {
			display: flex;
			align-items: center;
			background: 0 0;
			border: none
		}

		.layer_popup .layer_body.mail {
			width: 800px
		}

			.layer_popup .layer_body.mail .pop_content {
				border: none
			}

		.layer_popup .layer_body.agreement {
			width: 800px;
			height: auto;
			border: none
		}

			.layer_popup .layer_body.agreement .pop_content {
				border: none
			}

			.layer_popup .layer_body.agreement .agree_container {
				position: relative;
				padding-bottom: 20px
			}

				.layer_popup .layer_body.agreement .agree_container .awrap {
					position: relative;
					z-index: 10
				}

					.layer_popup .layer_body.agreement .agree_container .awrap .titset {
						text-align: center;
						padding-top: 0
					}

						.layer_popup .layer_body.agreement .agree_container .awrap .titset h2 {
							font-size: 36px
						}

						.layer_popup .layer_body.agreement .agree_container .awrap .titset .desc {
							color: #959595;
							font-size: 16px;
							margin-top: 10px
						}

					.layer_popup .layer_body.agreement .agree_container .awrap .resultbox {
						position: relative;
						margin: 20px 0;
						padding: 20px 0;
						background: #f2f2f2;
						text-align: center
					}

						.layer_popup .layer_body.agreement .agree_container .awrap .resultbox .result_dt {
							position: relative;
							display: block
						}

							.layer_popup .layer_body.agreement .agree_container .awrap .resultbox .result_dt .space {
								display: inline-block;
								font-size: 16px;
								color: #959595;
								font-weight: 400
							}

								.layer_popup .layer_body.agreement .agree_container .awrap .resultbox .result_dt .space + .space {
									margin-left: 10px
								}

						.layer_popup .layer_body.agreement .agree_container .awrap .resultbox .date {
							display: block;
							font-weight: 400;
							font-size: 16px
						}

						.layer_popup .layer_body.agreement .agree_container .awrap .resultbox .money {
							display: block;
							margin-top: 8px
						}

							.layer_popup .layer_body.agreement .agree_container .awrap .resultbox .money .txt {
								display: inline-block;
								margin-top: 14px;
								color: #959595;
								font-size: 18px;
								margin-right: 10px;
								font-weight: 400;
								vertical-align: top
							}

							.layer_popup .layer_body.agreement .agree_container .awrap .resultbox .money .num {
								display: inline-block;
								font-size: 38px;
								font-family: HelveticaNeue-Bold,AppleSDGothicNeo-Bold,helvetica,dotum,sans-serif;
								color: #324da8;
								vertical-align: top
							}

						.layer_popup .layer_body.agreement .agree_container .awrap .resultbox .hr {
							display: block;
							background-color: #d7d7d7;
							height: 1px;
							margin: 10px 20px
						}

					.layer_popup .layer_body.agreement .agree_container .awrap .conts {
						position: relative;
						padding: 0 40px
					}

						.layer_popup .layer_body.agreement .agree_container .awrap .conts .ic {
							margin-top: 10px
						}

							.layer_popup .layer_body.agreement .agree_container .awrap .conts .ic li {
								position: relative;
								padding-left: 10px;
								font-size: 15px
							}

								.layer_popup .layer_body.agreement .agree_container .awrap .conts .ic li:before {
									position: absolute;
									left: 0;
									top: 7px;
									width: 4px;
									height: 1px;
									background: #747474;
									margin: 0 4px 4px 0;
									content: ""
								}

								.layer_popup .layer_body.agreement .agree_container .awrap .conts .ic li + li {
									margin-top: 8px
								}

						.layer_popup .layer_body.agreement .agree_container .awrap .conts .dealtime {
							display: flex;
							overflow: hidden;
							margin: 22px 0;
							align-items: center
						}

							.layer_popup .layer_body.agreement .agree_container .awrap .conts .dealtime .f_left {
								flex: 1
							}

								.layer_popup .layer_body.agreement .agree_container .awrap .conts .dealtime .f_left .time {
									display: inline-block;
									font-size: 15px;
									font-weight: 400;
									line-height: 29px
								}

									.layer_popup .layer_body.agreement .agree_container .awrap .conts .dealtime .f_left .time span {
										display: inline-block;
										margin-left: 10px;
										font-size: 24px;
										color: #324da8;
										vertical-align: top
									}

							.layer_popup .layer_body.agreement .agree_container .awrap .conts .dealtime .f_right .btn_ui {
								font-weight: 500
							}

						.layer_popup .layer_body.agreement .agree_container .awrap .conts .qaset {
							padding: 0 40px;
							margin: 0;
							overflow: hidden
						}

							.layer_popup .layer_body.agreement .agree_container .awrap .conts .qaset .txt {
								display: block;
								font-size: 15px;
								line-height: 22px;
								color: #df0134
							}

						.layer_popup .layer_body.agreement .agree_container .awrap .conts .tb_frm {
							margin-top: 20px
						}

							.layer_popup .layer_body.agreement .agree_container .awrap .conts .tb_frm table {
								width: 100%
							}

								.layer_popup .layer_body.agreement .agree_container .awrap .conts .tb_frm table td, .layer_popup .layer_body.agreement .agree_container .awrap .conts .tb_frm table th {
									padding: 8px 10px;
									text-align: center;
									font-size: 15px;
									border: 1px solid #e8e8e8
								}

								.layer_popup .layer_body.agreement .agree_container .awrap .conts .tb_frm table th {
									color: #272d34;
									font-weight: 400;
									vertical-align: middle;
									line-height: 1;
									background: #f0f0f0
								}

		.layer_popup .layer_body .pop_content {
			display: flex;
			flex: 1;
			min-height: 0;
			position: relative;
			flex-direction: column
		}

			.layer_popup .layer_body .pop_content .pop_title {
				margin-right: 50px;
				padding: 15px;
				font-weight: 600;
				font-size: 20px;
				color: #fff;
				text-align: left;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap
			}

			.layer_popup .layer_body .pop_content .pop_inner {
				overflow-y: auto;
				flex: 1;
				min-height: 0;
				font-size: 14px;
				color: #959595;
				line-height: 22px;
				padding: 20px;
			}

				.layer_popup .layer_body .pop_content .pop_inner p {
					padding: 0 15px
				}

			.layer_popup .layer_body .pop_content .gaps {
				margin-top: 30px
			}

			.layer_popup .layer_body .pop_content .pop_txt {
				color: #222;
				font-size: 20px;
				line-height: 28px;
				text-align: center
			}

				.layer_popup .layer_body .pop_content .pop_txt .income {
					display: block;
					margin-top: 20px;
					font-size: 30px;
					font-weight: 500
				}

					.layer_popup .layer_body .pop_content .pop_txt .income em {
						font-weight: 700
					}

			.layer_popup .layer_body .pop_content .trade_status {
				width: 300px;
				height: 300px;
				margin: auto;
				font-size: 50px;
				font-weight: 600;
				color: #fff;
				line-height: 300px;
				text-align: center;
				border-radius: 50%
			}

				.layer_popup .layer_body .pop_content .trade_status.buy {
					background-color: #ec5649
				}

				.layer_popup .layer_body .pop_content .trade_status.sell {
					background-color: #0182dd
				}

			.layer_popup .layer_body .pop_content .btn_area {
				margin: 20px 0;
				text-align: center
			}

				.layer_popup .layer_body .pop_content .btn_area .btn_ui {
					margin: 0 4px
				}

	.layer_popup .popup-foot {
		display: flex;
		padding: 10px;
		background-color: #000
	}

		.layer_popup .popup-foot .checkbox label {
			font-size: 12px;
			color: #fff
		}

	.layer_popup .btn_close {
		display: block;
		position: absolute;
		top: 10px;
		right: 10px;
		z-index: 1000;
		width: 22px;
		height: 22px;
		background-position: -302px -366px
	}

	.layer_popup.open {
		display: block
	}

		.layer_popup.open .layer_flex {
			animation: scale .3s 1
		}