@charset "utf-8";



	.site-header {
		background-color: #fff;
		box-shadow: 0 2px 4px rgba(0,0,0,0.08);

	}
	.site-header .header-inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: nowrap;         /* 요소가 아래로 내려가지 않도록 방지 */
		padding: 12px 20px;
		background: #fff;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); /* 아래 방향 그림자 */
		z-index: 10; /* 상단에 고정되도록 충분한 z-index */
		top: 0;

	}
	.site-header .logo img {
		display: block;
	}
	.site-header span {
		margin-left:5px;
		font-size:14px;
		font-weight:300;
	}

	.site-header .prev-arrow {
		display: block;
		padding: 12px 10px;
		font-size:20px;
	}

	nav {
		margin: 0 auto;
	}
	nav ul {
		list-style: none;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
		margin: 0; 
	}

	nav ul li {
		margin-left: 20px;
		font-size: 15px;
	}
	.auth-buttons {
		display: flex;
		margin-left: auto;
		gap: 8px;
		flex-shrink: 0;
		white-space: nowrap;
	}
	.auth-buttons i {
		font-size:20px;
	}
	.auth-buttons a {
		font-size:15px;
	}

	.logo img {
	  height: 40px;
	  display: block;
	}
	.site-header  span.site-name {
		font-size:18px;
		font-weight:600;
	}


	@media (max-width: 768px) {
		nav ul {
			display:none;
		}
	}
	/* 반응형: 화면이 좁아지면 버튼 축소 */
	@media (max-width: 480px) {
		.site-header .header-inner {
			padding: 10px 12px;
		}
		.site-header .logo 
		.site-header .logo img {
			height: 36px;
		}
		.site-header  span.site-name {
			font-size:14px;
		}
		.site-header span {
			margin-left:10px;
			font-size:14px;
			font-weight:300;
		}
		.auth-buttons {
			flex-direction: row; /* ✅ 세로 정렬 대신 가로 정렬 유지 */
			flex-wrap: wrap;     /* 버튼이 너무 좁으면 줄 바꿈 허용 */
			gap: 6px;
		}

		.auth-buttons a {
			font-size: 14px;
			padding: 6px 10px;
		}
		.member-join {display:none;}
	}

	.notification-popup {
		display: none;
		position: absolute;
		top: 50px;
		right: 20px;
		background: white;
		color: black;
		padding: 10px;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
		border-radius: 5px;
		width: 200px;
		z-index: 99;
	}
	.user-popup {
		display: none;
		position: fixed;
		background: white;
		color: black;
		padding: 20px;
		border-radius: 10px;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
		z-index: 99;
	}
	.user-popup {
		position: absolute;
		top: 50px;
		right: 20px;
		background: white;
		color: black;
		padding: 10px;
		border-radius: 5px;
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	}
	.user-info {padding:5px 10px;}
	.user-info ul li {padding:5px 0px;}
	.user-info ul li b {font-size:16px;font-weight:600;}
	.user-info ul li i {width:24px;}



	.main {
		box-sizing: border-box;
	}

	.container { padding:20px;}

	.container h3 {
	  margin: 0;
	  padding: 18px 0px 0px;
	  font-size: 16px;
	}

	/* login */
	.loginWrap {
		min-height: 100vh;
		display: flex; 
		justify-content: center;
		align-items: center;
		background: linear-gradient(to bottom, #3a3a3a, #292929, #1a1a1a);
		margin:0;
		box-sizing: border-box;
	}
	.loginBox {
		border-radius:10px; 
		background:#121212;
		padding:50px 30px;
		text-align:center;
		margin:0 auto;
		box-shadow: 0 15px 40px rgba(0,0,0,0.07);
		box-sizing: border-box;
	}

	.loginBox article { text-align: left;}
	.loginBox article h2 { text-align: center; padding-bottom:30px;}
	.loginBox article h2 a {color:#fff;}
	.loginBox article h2 a img { width:57px;}
	.loginBox article h2 a label {  margin-top:5px;text-align:left;font-size:22px;}
	.loginBox article h2 a label span {
		margin-left:2px;
		font-size:14px; 
		font-weight:300;
		letter-spacing :1.2px;
		color:#ddd;
	}
	.loginBox article .site_ver {
		text-align:center;font-size:12px;color:#0099ff;
	}
	.loginBox article p { font-size:18px; font-weight:600; padding:10px 0 20px; display: none;}
	.lgDiv { margin-top:20px; width:100%; position: relative;}
	.autoSave { padding:10px 0 10px; display: flex; justify-content: space-between; align-items: center;}

	.inpLoginTxt { width:452px; }
	.checkingLogin strong {
		padding-left:10px;
	}
	.lgDiv .inpxDiv input {
		background:#29343c;
		color:#fff;
		border:none;
	}
	.lgDiv .inpxDiv input:focus {
		color:#fff;
	}
	.lgDiv .inpxDiv input::not(:focus) {
		background:#29343c;
		color:#fff;
	}
	.lgDiv .inpxDiv input::placeholder {
	  color: #ddd;
	  font-size:14px;
	}
	.lgDiv .inpxDiv input[type="checkbox"]:checked + i + strong { 
		color:#fff;
	}
	.subBtn.custom-btn1 { background:#b2b2b2 !important; font-size:15px; font-weight:600}
	.subBtn.custom-btn2 { background:#2a81f4 !important; font-size:15px; font-weight:600}	
	.subBtn.custom-btn2:hover { background:#5096f5 !important; }

	.btnLoginB { border-radius:0;}
	.btnLoginBox { margin-top:20px;}
	.btnLoginBox a { 
		height:50px; width:100%; display: flex; justify-content: center; align-items: center; font-size:18px; font-weight:700; 
		border-radius:5px; 
	}
	.btnLoginBox a span { color:#fff !important; }

	.btnLoginBox .submit { 
		height:50px; 
		width:100%; display: flex; 
		justify-content: center; 
		align-items: center; 
		font-size:15px; font-weight:700; 
		border-radius:5px; color:#fff !important; 
		outline:none; 
		box-sizing: border-box;
	}

	.inpi { 
		background: #1e1e1e; /* 어두운 회색 배경 */
		border: 1px solid #444; /* 흐릿한 테두리 */
		height: 40px; 
		padding: 0 10px; 
		font-size: 16px;
		color: #f0f0f0; /* 밝은 글자색 */
		border-radius: 5px;
	}
	.inpi:focus {
		border-color: #00bcd4; /* 포커스 시 파란색 강조 */
		outline: none;
		background: #2a2a2a;
	}

	::placeholder { color:#cecece; }

	.titleLabel { display: flex; margin-bottom: 12px; font-size:14px; font-weight:700; color:#3e3e3e; align-items: flex-end;}
	.titleLabel em { color:var(--red-color); font-style: normal; margin-left:3px;}
	.titleLabel strong { font-weight:800; margin-left:6px; margin-bottom:2px; }

	.i_id {
		display: inline-block;
		width:22px; height:26px;
		background:url(../img/i_id.png) no-repeat center / 100%;
		
	}
	.i_pw {
		display: inline-block;
		width:21px; height:27px;
		background:url(../img/i_pw.png) no-repeat center / 100%;
		
	}
	.i_email {
		display: inline-block;
		width:24px; height:24px;
		background:url(../img/i_email.png) no-repeat center / 100%;
		
	}


	.spaceB1 { justify-content: space-between;}
	.spaceB1 > div:nth-child(1) { flex:0 0 40%;}
	.spaceB1 > div:nth-child(2) { flex:0 0 30%;}
	.spaceB1 > div:nth-child(3) { flex:0 0 65px; }

	input:focus { outline: none;}



	.fsbDiv { display: flex; margin-bottom:5px; position: relative; }
	.fsbDiv input[type="text"]:focus { 
		border:0.5px solid #9e9e9e; color:#ebebeb;
	 }
	.fsbDiv input[type="password"]:focus { 
		border:0.5px solid #9e9e9e; color:#ebebeb;
	}

	.logA { 
		position:absolute; right:0; top:0; width:50px; height:70px;
		justify-content: center;
		align-items: center;
		display: flex;
	}
	.logA svg path { fill:#CECECE; }
	.logA svg path { fill:#CECECE; }

	.fsbDiv input[type="text"]:focus + .logA svg path { fill: #000;}
	.fsbDiv input[type="password"]:focus + .logA svg path { fill: #000;}

	.etcLogin { display: flex; justify-content: space-between; align-items: center;}
	.etcLogin li { margin:10px 0 0; flex:0 0 49%; } 
	.etcLogin li a { display: flex; align-items: center; height:50px; border-radius:5px;  justify-content: center;}
	.etcLogin li a span { color:#fff; font-size:14px; font-weight:800; margin-left:10px;}

	.etcLogin li a.btnNaver { background:#26c826; }
	.etcLogin li a.btnKakao { background:#ffeb00; }
	.etcLogin li a.btnKakao span { color:#422525;}

	.i_naver { 
		display: flex; 
		width:29px; height: 23px; 
		background-image: url(../img/i_naver.png);
		background-repeat:  no-repeat;
		background-size:100%;
	}

	.i_kakao { 
	margin-left:10px;
		display: flex; 
		width:29px; height: 27px; 
		background-image: url(../img/i_kakao.png);
		background-repeat:  no-repeat;
		background-size:100%;
	}

	.fsbDiv,
	.inpxDiv { width:100%; }
	.autoSave a { font-size:14px; color:#ebebeb;}
	.loginAutoSave label { height: 24px; cursor: pointer; display: inline-flex; align-items: center; }
	.loginAutoSave label input[type="checkbox"] {display: none; }
	.loginAutoSave label input[type="checkbox"] + i { 
		display: flex; 
		width:30px; height: 24px; 
		cursor: pointer;
		background-image: url(../img/checkbox_off.png);
		background-repeat:  no-repeat;
		background-size:100%;
	}
	.loginAutoSave label input[type="checkbox"]:checked + i { 
		background-image: url(../img/checkbox_on.png);
		background-repeat:  no-repeat;
		background-size:100%;
	}
	.loginAutoSave label span { margin-left:10px; font-weight:700; font-size:14px; color:#ebebeb;}

	.lgDivEtc { 
		/* border:1px solid #dcdcdc; border-radius:5px; padding:20px 20px 20px;  */
		margin-top:50px
	}
	.lgDivEtc div { text-align: center; font-size:14px; line-height:1.6; font-weight:400; margin-bottom:20px;color:#ebebeb;}

	.lgDivEtc a.btnJoin { 
		height:50px;
		width:100%;
		display: flex; align-items: center;
		justify-content: center;
		border:1px solid #2a81f4;
		border-radius:5px;
		box-sizing: border-box;
	}
	.lgDivEtc a.btnJoin:hover { 
		border:1px solid #5096f5;
	}
	.lgDivEtc a.btnJoin i { 
		display: inline-block;
		width:27px; height:25px;
		background:url(../img/i_join.png) no-repeat center / 100%;
	}
	.lgDivEtc a.btnJoin strong { 
		font-size:14px; color:#2a81f4; 
		font-weight:700; margin-left:10px;
	}

	@media (max-width: 480px) {
		.loginWrap {
			margin:0;
			padding:0;
		}
		.loginBox {
			padding:40px 20px;
			margin:0;
			box-sizing: border-box;
		}
		.loginBox article h2 { padding-bottom:10px;}
		.lgDivEtc { 
			margin-top:20px
		}

	}

	.findWrap {
		width:600px; 
		margin:0 auto;
		position: relative;
	 }
	 
	.findBox {
		border-radius:0 0 10px 10px; 
		background:#fff;
		padding:30px 50px 50px;
		text-align:center;
		width:100%; 
		margin:0 auto;
		box-shadow: 0 15px 40px rgba(0,0,0,0.07);
	}
	.borederRadius10 { border-radius:10px 10px 10px 10px;  }

	.findNav { display: flex; position: relative; justify-content: space-between; }
	.findNav li { flex:0 0 49.5%; position: relative;}
	.findNav li a { 
		display: flex; height:50px; width:100%;
		justify-content: center;
		align-items: center;
		font-size:14px;
		font-weight:700;
		color:#9E9E9E;
		position: relative;
		z-index:1;
		border-radius:10px 10px 0 0 ;
		background:#fafafd;
		
	}
	.findNav li.on a { 
		color:#0b318f;
		font-weight: 600; 
		background:#fff;
	}

	.tipTxt { font-size:14px; color:#787878; font-weight:400; padding:5px 0 10px 5px; text-align: left;}
	.posA2 { position: absolute; right:0; top:5px; font-size:14px; color:#787878; font-weight:400;}

	.flexHalf2 { display: flex; justify-content: space-between;}
	.flexHalf2 a { flex:0 0 49.5%;}
	.h60 { height:60px; }
	.h200 { height:200px; }


	/* sub */
	.subContainer { background:#f4f5fa;}
	.sv {
		padding:50px 0 50px;
		position: relative;
		margin:0 auto;
	}
	.sv h2 { font-size:40px; color:#000; text-align: center; letter-spacing: -2px; font-weight:700; }
	.topSubMenu { display: flex; justify-content: space-between;}
	.topSubMenu li { flex:0 0 49.5%;}
	.topSubMenu li a { 
		display: flex; align-items: center; border-radius:10px; background:#ffffff; box-shadow: 5px 10px 20px rgba(0,0,0,0.05); position: relative; height:80px; justify-content: center; 
	}
	.topSubMenu li a strong {
		color:#8f8f8f; font-size:24px; font-weight:700
	}
	.topSubMenu li a i { 
		position: absolute;
		left:16px; top:50%; 
		transform: translateY(-50%);
		width:42px; height:42px;
		background:#fff;
		border:1px solid #dadada;
		border-radius:21px;
	}
	.topSubMenu li a i::after { 
		content:"";display:block;width:24px; height:24px;
		position: absolute;
		left:50%; top:50%; 
		transform: translate(-50%,-50%);
		background:#dadada;
		border-radius:12px;
	}
	.topSubMenu li a.buy.on,
	.topSubMenu li a.buy.on i::after { background:#0b318f;}

	.topSubMenu li a.sell.on,
	.topSubMenu li a.sell.on i::after { background:#5eaf00;}

	.topSubMenu li a.buy.on strong,
	.topSubMenu li a.sell.on strong { color:#fff;}


	.subContent { 
		background:#fff; 
		margin:0px auto; 
		position: relative; 
		border-radius:16px; 
		padding:10px 30px;
		box-shadow: 0 15px 40px rgba(0,0,0,0.07);
		width:800px;

	}
	.subContent2 { padding:60px 0 120px; margin-top:40px; position: relative; z-index:10;}
	.subContent3 { background:#fff; padding:60px 0; margin-top:0; position: relative; z-index:10;}

	/* main */
	.baseWidth { 
		padding:0px 30px;
		margin:0 auto; 
		box-sizing: border-box; 
	}




	/* 회원가입 */
	.agreeBox {display:block;}
	.agreeChkList { padding:10px 0; border-top:1px solid #d4d3d5; border-bottom:1px solid #d4d3d5; margin-top:15px; }
	.agreeChkList ul li { display:flex; justify-content:space-between; margin:20px 0; }

	.joinLayout { padding:40px 20px; }
	.joinTitleArea { display:flex; justify-content:space-between; margin-bottom:20px;}
	.joinTitleArea h3 { font-size:20px; font-weight:600; color:#101010; letter-spacing:-1px; line-height:1; }
	.joinTitleArea .neceText { display:flex; align-items:center; }
	.joinTitleArea .neceText em { font-size:20px; font-weight:700; color:#ff7200; }
	.joinTitleArea .neceText span { font-size:16px; font-weight:400; color:#5b5b5b; margin-left:3px;}

	.joinBoxWrap { border-top:1px solid #eceef4; margin-bottom:30px;}
	.joinBoxWrap article { display:flex; width:100%; border-bottom:1px solid #eceef4; }
	.joinBoxWrap article > div { display:flex; align-items:center;}
	.joinBoxWrap article > div label { flex:0 0 170px; }
	.joinBoxWrap article > div label strong { color:#2d2d2d;font-weight:800 !important; }
	.joinBoxWrap article > div label em { color:#ff7200; margin-left:5px; font-weight:700; }

	.joinBoxWrap article > div .fxb { flex:1; display:flex; align-items:center; padding:15px 0;}
	.joinBoxWrap article > div .fxb.fxbWrap { flex-wrap:wrap; display:flex; }
	.joinBoxWrap article > div .fxb.fxbWrap .fxInp { flex: 0 0 100%; display:flex; align-items:center; }
	.joinBoxWrap article > div .fxb em { margin-left:10px; font-size:12px; }

	.fxInp { flex: 0 0 100%; display:flex; align-items:center; }

	.joinBoxWrap article > div .fxb.fxbEmail span { font-size:16px; margin:0 10px;  }
	.joinBoxWrap article > div .fxb .chkRadioBox { display:flex; align-items:center; }
	.joinBoxWrap article > div .fxb .chkRadioBox .comFormRadio { margin-bottom:0; }
	.joinBoxWrap article.fxFull > div { flex:0 0 100%; }
	.joinBoxWrap article.fxHalf > div { flex:0 0 50%; }
	




	.yesRadio { padding:14px 0; }

	.btnGray { background:#3f3f3f; width:100px; height:45px; border-radius:5px; display:inline-flex; justify-content:center; align-items:center; color:#fff; font-size:16px; }
	a.btnGray { background:#3f3f3f; width:100px; height:45px; border-radius:5px; display:flex; justify-content:center; align-items:center; color:#fff; font-size:16px; }
	a.btnGray2 { background:#3f3f3f; padding-left:12px; padding-right:12px; height:30px; border-radius:5px; display:flex; justify-content:center; align-items:center; color:#fff; font-size:13px; }
	.ml-5px { margin-left:5px; }

	/* layer */
	.agLayer { position: fixed; left:0; top:0; z-index: 9999; width: 100%; height: 100%; background:rgba(0,0,0,0.5); display:none;}
	.agLayout {  display:flex; justify-content:center; align-items:center; width:100%; height:100%; position:relative; z-index:10;}
	.agLayer .agLayout .layerBox  { 
		width: 700px; 
		padding:45px 30px;
		position: relative;
		background:#fff;
	}
	.agLayer .agLayout .layerBox h2 { font-size:28px; font-weight:800; padding-bottom:25px; }

	.textOverflow1 { height:400px; overflow:hidden; overflow-y:auto; background:#efefef; padding:25px; }

	a.close_x { display: flex; width:45px; height:45px; position: absolute; right:13px; top:13px; z-index:10; justify-content: center; align-items: center;}
	a.close_x i {
		display: block; 
		width:23px; height:23px; 
		background:url(../img/x.png) no-repeat center / 100%;
	}



	.mobile-slider {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #ccc;
		transition: 0.3s;
		border-radius: 30px;
		z-index:0;
	}
	.mobile-slider::before {
		position: absolute;
		content: "";
		height: 26px;
		width: 26px;
		top: 3px;
		left: 3px;
		background-color: white;
		border-radius: 50%;
		transition: 0.3s;
		z-index: 2;
	}
	.mobile-slider::after {
		position: absolute;
		color: white;
		font-size: 13px;
		line-height: 32px;
		font-weight: bold;
		z-index: 1;
		transition: 0.3s;
	}
	.mobile-radio-group {
		display: flex;
		gap: 16px;
		padding-top: 8px;
	}
	.mobile-radio {
		position: relative;
		padding-left: 32px;
		cursor: pointer;
		font-size: 15px;
		user-select: none;
	}
	.mobile-radio input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
	}
	.mobile-radio .checkmark {
		position: absolute;
		left: 0;
		top: 2px;
		height: 20px;
		width: 20px;
		background-color: #eee;
		border-radius: 50%;
		border: 1px solid #ccc;
	}
	.mobile-radio input:checked ~ .checkmark {
		background-color: #e92829;
		border-color: #e92829;
	}
	.mobile-radio .checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	.mobile-radio input:checked ~ .checkmark:after {
		display: block;
	}
	.mobile-radio .checkmark:after {
		top: 5px;
		left: 5px;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: white;
	}


	.mobile-switch {
		position: relative;
		display: inline-block;
		width: 70px;
		height: 32px;
		vertical-align: middle;
	}
	.mobile-switch input {
		opacity: 0;
		width: 0;
		height: 0;
	}

	.mobile-switch input:not(:checked) + .mobile-slider::after {
		content: '거부';
		right: 8px;
		text-align: right;
	}
	.mobile-switch input:checked + .mobile-slider {
		background-color: #e92829;
	}
	.mobile-switch input:checked + .mobile-slider::before {
		transform: translateX(38px);
	}
	.mobile-switch input:checked + .mobile-slider::after {
		content: '허용';
		left: 8px;
		text-align: left;
	}




	.agLineTxt { line-height:1.8; font-size:14px;  }

	.board_top {
		display: flex;
		justify-content: center;
		align-items: flex-end;
		margin-bottom: 30px;
	}  
	.board_search {
		display: flex;
		align-items: center;
		gap: 0.4rem 0.8rem;
	}

	.select-style {
		position: relative;
	}

	.select-style::before {
		position: absolute;
		top: 50%;
		right: 10px;
		margin-top:-4px;
		content: "";
		background:url(../img/select_arrow.png) no-repeat;
		display: block;
		width:16px; height:11px; 
		z-index:2;
	}

	.select-style select {
		width: 100%;
		height: 45px;
		padding: 0 10px;
		padding-right: 5rem;
		border: 1px solid #e0e0e0;
		border-radius: 3px;
		background-color: #fff;
		font-size: 1.6rem;
		-o-appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}


	.btnNavy { background:#0b318f; width:100px; height:45px; border-radius:5px; display:flex; justify-content:center; align-items:center; color:#fff; font-size:16px; }

	.tit_svp { display: flex; justify-content: center; align-items: center; padding:40px 0 0;}
	.tit_svp i.i_faq { 
		display: inline-block;
		width:14px; height: 18px;
		background:url(../img/i_faq.png) no-repeat center / 100%;
	}
	.tit_svp span { font-size:16px; margin-left:10px; color:#676767; font-weight:400; }

	.newBoard_list { border-top:1px solid #000000;}

	.board-item { display: flex; align-items: center; border-bottom:1px solid #d4d3d5; padding:30px 0;  }
	.board-item.question .num { flex:0 0 80px; display: inline-flex; align-items: center; justify-content: center; font-size:18px; font-weight:800; color:#0b318f;  line-height:1.7;}
	.board-item.question a.title { font-size:18px; padding-left:0; padding-right:30px; color:#000; flex:1; font-weight:800;  line-height:1.7;}

	.board-item.answer { background:#f9fafc; }
	.board-item.answer .num { flex:0 0 80px; display: inline-flex; align-items: center; justify-content: center; font-size:18px; font-weight:800; color:#32bb12;  line-height:1.7;}
	.board-item.answer a.title { flex:1; display: inline-flex;  padding-left:0; padding-right:30px; align-items: center; font-size:18px; color:#797979; line-height:1.7;}

	.bottomBtnArea { margin:50px 0 0; display:flex; align-items: center; justify-content: space-between; position:relative; }
	.justify-content-center { justify-content:center !important; }
	.justify-content-end { justify-content:flex-end !important; }

	.position-absolute-left { position:absolute; left:0; top:0; }
	.position-absolute-right { position:absolute; right:0; top:0; }


	/* paginate */
	.pgAnother { padding:0 0 0;}
	.paginate {text-align:center;display: flex; justify-content: center;}
	.paginate a {display:inline-block;width:46px;height:46px;text-align:center;color:#000;font-size:16px;line-height:2.7em; border-radius:23px; }
	.paginate a span {display:inline-block;padding:0 2px;line-height:1em;}
	.paginate a:hover  {background:#c5c5c5; color:#fff;}
	.paginate a.active  {background:#0090df; background:#0b318f; color:#fff;}
	.paginate a.active:hover { background:#0b318f; }
	.paginate a.active span { color:#fff;}
	.paginate a:hover span {border-bottom:1px solid #fff;color:#fff;}
	.paginate a.prev {margin:0 15px 0 2px;text-indent:-9999px;border:1px solid #dadada;;background:url(../img/pg_prev.jpg) no-repeat 50%;}
	.paginate a.first {margin:0 2px 0 2px;text-indent:-9999px;border:1px solid #dadada;background:url(../img/pg_first.jpg) no-repeat 50%;}
	.paginate a.next {margin:0 2px 0 15px;text-indent:-9999px;border:1px solid #dadada;background:url(../img/pg_next.jpg) no-repeat 50%;}
	.paginate a.last {margin:0 2px 0 2px;text-indent:-9999px;border:1px solid #dadada;background:url(../img/pg_last.jpg) no-repeat 50%;}





	.fxBox { display: flex; align-items: center; flex-wrap:wrap;}


	.comFormChkMain label { height: 24px; cursor: pointer; display: inline-flex; align-items: center; }
	.comFormChkMain label input[type="checkbox"] {display: none; }
	.comFormChkMain label input[type="checkbox"] + i { 
		display: flex; 
		width:22px; height: 22px; 
		cursor: pointer;
		background-image: url(../img/i-ag-check-off.png);
		background-image: url(../img/i-ag-check-on1.png);
		background-image: url(../img/i-ag-check-off2.png);
		background-repeat:  no-repeat;
		background-size:100%;
	}
	.comFormChkMain label input[type="checkbox"]:checked + i { 
		background-image: url(../img/i-ag-check-on2.png);
		background-repeat:  no-repeat;
		background-size:100%;
	}

	.comFormChk label { height: 24px; cursor: pointer; display: inline-flex; align-items: center; }
	.comFormChk label input[type="checkbox"] {display: none; }
	.comFormChk label input[type="checkbox"] + i { 
		display: flex; 
		width:30px; height: 24px; 
		cursor: pointer;
		background-image: url(../img/checkbox_off.png);
		background-repeat:  no-repeat;
		background-size:100%;
	}
	.comFormChk label input[type="checkbox"]:checked + i { 
		background-image: url(../img/checkbox_on_buy.png);
		background-repeat:  no-repeat;
		background-size:100%;
	}
	.comFormChk label span { margin-left:10px; font-weight:500; font-size:14px; color:#393939;}

	.comFormRadio label span { margin-left:10px; margin-right:10px; font-weight:400;  color:#393939;}
	.comFormRadio label { height: 18px; cursor: pointer; display: flex; align-items: center; }
	.comFormRadio label input[type="radio"] {display: none; }
	.comFormRadio label input[type="radio"] + i { 
		display: flex; 
		width:28px; height: 28px; 
		cursor: pointer;
		background: #fff;
		border:1px solid #d3d3d3;
		border-radius:14px;
		position: relative;
	}
	.comFormRadio label input[type="radio"] + i::after { 
		content:"";display: block;
		width:16px; height:16px;
		border-radius:8px;
		background:#e5e5e5;
		position: absolute;
		left:50%; top:50%;
		transform: translate(-50%,-50%);
	}

	.comFormRadio label input[type="radio"]:checked + i { 
		border:1px solid #0b318f;
	}
	.comFormRadio label input[type="radio"]:checked + i::after { 
		background:#0b318f;
	}


	.inpx { /*height:45px;*/ padding:12px 13px; background:#fff; border-radius:5px; border:1px solid #d4d3d5; color:#000; font-size:16px; font-weight:400;}
	.texta { height:180px; padding:12px 13px; background:#fff; border-radius:5px; border:1px solid #d4d3d5; color:#000; font-size:16px; font-weight:400;}

	.wd-505px { width:505px !important; }
	.wd-500px { width:500px !important; }
	.wd-450px { width:450px !important; }
	.wd-400px { width:400px !important; }
	.wd-350px { width:350px !important; }
	.wd-300px { width:300px !important; }
	.wd-250px { width:250px !important; }
	.wd-220px { width:220px !important; }
	.wd-150px { width:150px !important; }
	.wd-140px { width:140px !important; }
	.wd-100px { width:100px !important; }
	.wd-100 { width:100%; }
	.w100per { width:100% !important; }
	.mr-5px { margin-right:5px; }
	.mt-5px { margin-top:5px; }
	.mtb-5px { margin:5px 0 5px; }

	.fx-250px { flex:0 0 250px !important; border:1px solid #000; }



	.btns { 
		height:50px; display: flex; justify-content: center; align-items: center; font-size:16px; font-weight:800; color:#fff; letter-spacing: -0.5px;
		box-shadow: 5px 15px 20px rgba(0,0,0,0.1); border-radius:5px; transition: all 0.35s ease-out; 
	}
	.btns._buy { border:2px solid var(--blue-color); }
	.btns._sell { border:2px solid  var(--green-color); }
	.btns._buy:hover { border:2px solid var(--blue-color); background:#48a5c8; /*color:var(--blue-color);*/ }
	.btns._sell:hover { border:2px solid var(--green-color); background:#fff; color:var(--green-color); }

	.bgBlueColor { background:#4892c8;/*var(--blue-color)*/ !important; cursor:pointer; }
	.bgGreenColor { background:var(--green-color) !important; cursor:pointer; }
	.bgGrayColor { background:#606060; }
	.bgBlackColor { background:#000; }
	.bgWhiteColor { background:#fff; color:#000;}

	button.bgBlueColor:hover { background:#4892c8;color:#fff; }



	.fxHorCenter {
		display: flex; justify-content: center; align-items: center;
		width:100%;
	}
	.fxHorEnd {
		display: flex; justify-content: flex-end; align-items: center;
		width:100%;
	}