@CHARSET "UTF-8";
@import url("../css/fonts.css");
html {margin:0px;padding:0px;}
body {
	margin:0px;
	padding:0px;
	background-color:#ffffff;
}
body, div, ul, dl, ol, li, dt, dd, h1, h2, h3, h4, h5, h6, span, strong, p, a, td, th, input, textarea {
	margin:0px;
	padding:0px;
	font-family:"Pretendard", Malgun Gothic, dotum, Verdana, sans-serif;
	font-weight:400;
	font-size:13px;
	color:#555555;
	word-break:break-all;
	transition:all .2s ease 0s;
}
div, ul, li, ol, dl, dt, dd  {list-style:none;}
img {border:none;vertical-align:middle;}
span {vertical-align:middle;}
form, legend, fieldset {margin:0;padding:0;border:none;}
caption, legend {display:none;}
/* default link */
a:link {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}
a:visited {text-decoration:none;}
/* Input */
input {margin:0;padding:0;vertical-align:middle;box-sizing:border-box;}
input[type~="text"] {border:none;}
input[type~="password"] {border:none;}
input[type~="radio"] {border:none;cursor:pointer;}
input[type~="checkbox"] {border:none;cursor:pointer;}
input[type~="button"] {border:none;cursor:pointer;}
select {margin:0;padding:0;vertical-align:middle;box-sizing:border-box;}
textarea {margin:0;padding:5px;border:none;box-sizing:border-box;}
/* clear Float */
.clear {clear:both;height:0px;}
.clear:after {clear:both;height:0px;}
.clear:before {clear:both;height:0px;}
.clearFix {clear:both;}
.clearFix:after {clear:both;}
.clearFix:before {clear:both;}
/* 폰트추가 클래스 */
.nfr {font-family:"Gotham-Book", sans-serif;}
.nfb {font-family:"Gotham-Black", sans-serif;}
.gsr {font-family:"Gmarket Sans Regular", sans-serif;}
.gsm {font-family:"Gmarket Sans Medium", sans-serif;}
.gsb {font-family:"Gmarket Sans Bold", sans-serif;}
/* Level */
.user_level {display:none !important;margin-right:5px;display:inline-block;vertical-align:top;width:30px;height:30px;background-position:center center;background-repeat:no-repeat;background-size:contain;}
.level_1 { background-image:url("../images/level/level_1.png");}
.level_2 { background-image:url("../images/level/level_2.png");}
.level_3 { background-image:url("../images/level/level_3.png");}
.level_4 { background-image:url("../images/level/level_4.png");}
.level_5 { background-image:url("../images/level/level_5.png");}
.level_6 { background-image:url("../images/level/level_6.png");}
.level_9 { background-image:url("../images/level/level_A.png");}
.level_adm { background-image:url("../images/level/level_A.png");}
/* 전체 프레임 */
.OUTFRAME {position:relative;z-index:100;margin:0 auto;}
.popWrap {
	position:fixed;
	z-index:2000;
	top:0;
	left:0;
	box-sizing:border-box;
	width:100%;
	height:100%;
	background-color:rgb(0 0 0 / 50%);
}
.popCloser {
	display:block;
	margin-top:30px;
	line-height:40px;
	border-radius:8px;
	background-color:#f8f8f8;
	text-align:center;
	font-size:15px;
	color:#555555;
}
/* ******************************************** 상단 헤더 영역 시작 ******************************************** */
.HEADTOP {
	position:sticky;
	top:0;
	z-index:2000;
	margin:0 auto;
	width:100%;	
	border-bottom:1px solid #e6e6e6;
	background-color:#ffffff;
}
.loginPage .HEADTOP, .mainPage .HEADTOP {box-shadow:0 10px 10px rgb(0 0 0 / 10%);}
.HEAD_SIZE {box-sizing:border-box;margin:0 auto;padding:20px 0px;max-width:1320px;min-width:1140px;}
.HEAD_INC {position:relative;height:0;}
.HEAD_GNB {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.LOGO_TOP {
	display:block;
	width:140px;
	height:36px;
	text-indent:-9999px;
	background:url("../images/logo_frism.png") no-repeat left center;
	background-size:contain;
}
.HEAD_INFS, .inFoArea {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.HEAD_INFS ul, .HEAD_INFS li {
	position:relative;
	display:flex;
	align-items:center;
}
.HEAD_INFS li {
	margin-left:40px;
}
.HEAD_INFS .mess {
	width:26px;
	text-indent:-9999px;
	background-position:center center;
	background-image:url("../images/ico_bell.svg");
	filter:opacity(0.7);
}
.HEAD_INFS .mess:hover {filter:opacity(1);}
.inFoArea {
	margin-left:30px;
}
.inFoArea .inf {
	display:flex;
	justify-content:center;
	align-items:center;
	height:26px;
	font-size:16px;
	font-weight:600;
	color:#444444;
}
.inFoArea .btns {
	margin-left:10px;
	padding:0 15px;
	border-radius:266px;
	background-color:#10bc69;
	font-size:10px;
	color:#ffffff;
}
.inFoArea .gome {margin:0 20px;font-weight:500;}
.inFoArea .gome:hover {color:#10bc69;}
/* MENU */
.HEAD_INFS .GNB {
	display:flex;
	justify-content:center;
	align-items:center;
	height:36px;
	background-repeat:no-repeat;
	font-size:16px;
	font-weight:600;
	color:#5f687b;
}
.HEAD_INFS li:hover .GNB {
	color:#10bc69;
}
.HEAD_INFS .more::after {
	content:"";
	margin-left:10px;
	width:14px;
	height:20px;
	background-repeat:no-repeat;
	background-position:right center;
	background-size:contain;
	background-image:url("../images/arr_down.svg");
	filter:opacity(0.3);
}
.GnbSub {
	position:absolute;
	top:36px;
	left:0;
	width:0;
}
.subMenu {
	border-radius:10px;
	background-color:#ffffff;
	box-shadow:0 0 30px rgb(0 0 0 / 10%);
	height:0;
	overflow:hidden;
	filter:opacity(0);
}
.HEAD_INFS li:hover .GnbSub {padding-top:26px;min-width:200px;}
.HEAD_INFS li:hover .subMenu {
	height:auto;
	filter:opacity(1);
}
.HEAD_INFS li:hover .more::after {
	filter:opacity(1);
}
.subMenu .SME {
	display:block;
	padding:0 20px;
	line-height:30px;
	font-size:14px;
	font-weight:500;
	color:#5f687b;
}
.subMenu .SME:first-child {padding-top:10px;}
.subMenu .SME:last-child {padding-bottom:10px;}
.subMenu .SME:hover {
	color:#10bc69;
}
.HEAD_INFS .noti:hover .GnbSub {padding-top:10px;}
.HEAD_INFS .noti .subMenu {padding:0 10px;border:1px solid #cccccc;}
.HEAD_INFS .noti .subMenu .SME {line-height:40px;border:0px solid #dddddd;border-top-width:1px;}
.HEAD_INFS .noti .subMenu .SME:first-child {border-top-width:0;}
.HEAD_INFS .noti .subMenu .SME:hover {background-color:#f8f8f8;}
/* ******************************************** 컨텐츠 레이아웃 시작 ******************************************** */
/* Sub Page Layout */
.content_wrap {
	position:relative;
	box-sizing:border-box;
	margin:0 auto;
	padding:50px 0;
	max-width:1320px;
	min-width:1080px;
}
/* Sub title Area */
.content_top {
	position:relative;
	display:block;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-image:url("../images/bg_title.png");
}
/* ******************************************** Contnet Title ******************************************** */
.section_title {
	display:flex;
	align-items:center;
	margin:0 auto;
	max-width:1320px;
	min-width:1140px;
	height:100px;
	font-size:41px;
	font-weight:600;
	color:#ffffff;
}
/* menu */
.main_guide1 .section_title::before {content:"회사소개";}
.main_guide2 .section_title::before {content:"프리즘 관련기사";}
.main_event1 .section_title::before {content:"프리즘 이벤트";}
.main_rules1 .section_title::before {content:"이용약관";}
.main_rules2 .section_title::before {content:"개인정보 처리방침";}
.board_notice .section_title::before {content:"공지사항";}
.board_custom .section_title::before {content:"고객센터";}
.letter_list .section_title::before, .letter_view .section_title::before {content:"쪽지함";}
.trade_list .content_top {background:none;}
.trade_list .section_title {margin-bottom:30px;height:auto;}
.trade_list .section_title::before {content:"상품목록";color:#000000;}
.board_event .section_title::before {content:"프리즘 이벤트";}
.board_main .section_title::before {content:"이용후기";}
.board_qna .section_title::before, .main_guide4 .section_title::before  {content:"자주 묻는 질문";}
.game_ug_chartc2 .section_title::before {content:"XAU/USD 2분 거래";}
.main_bettings.mini .section_title::before {content:"트레이딩 구매내역";}
/* ******************************************** 푸터 레이아웃 - 사이트별 시작 ******************************************** */
.footer_wrap {
	margin:0 auto;
	padding:50px 0;
	border-top:1px solid #e6e6e6;
	background-color:#ffffff;
}
.FooterArea {
	margin:0 auto;
	width:1080px;
}
.footer_box {
	display:flex;
	justify-content:space-between;
	box-sizing:border-box;
}
.footer_box .LOGO {
	display:block;
	width:160px;
	height:40px;
	text-indent:-9999px;
	background:url("../images/logo_frism.png") no-repeat left center;
	background-size:contain;
}
.foot_top {
	align-items:center;
	margin-bottom:40px;
	padding:30px 30px;
	border-radius:15px;
	background-color:#f8f8f8;
}
.footer_box .cs_ico {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.footer_box .cs_ico .fcs {
	display:block;
	margin-left:20px;
	width:48px;
	height:48px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
.footer_box .cs_ico .fcs:hover {transform:scale(1.2);}
.footer_box .cs_ico .kakao {background-image:url("../images/ico_kakao.png");}
.footer_box .cs_ico .blog {background-image:url("../images/ico_blog.png");}
.footer_box .cs_ico .youtube {background-image:url("../images/ico_youtube.png");}
.footer_box .foot_menu {display:flex;align-items:center;margin-bottom:30px;}
.footer_box .foot_menu a {display:block;margin-right:30px;font-weight:500;color:#000000;}
.footer_box .foot_left .ftx {display:flex;align-items:center;margin-bottom:10px;}
.footer_box .foot_left .ft {display:block;margin-left:20px;padding-left:20px;line-height:14px;border-left:1px solid #777777;}
.footer_box .foot_left .ft:first-child {margin-left:0;padding-left:0;border-left-width:0px;}
.footer_box .foot_right .frt {display:block;margin-bottom:5px;color:#000000;}
.footer_box .foot_right .tit {margin-bottom:20px;font-size:18px;font-weight:600;}
.footer_box .foot_right .phNum {margin-bottom:10px;font-size:18px;font-weight:600;color:#0d02b8;}
/* ******************************************** 메인 페이지 시작 ******************************************** */
/* 메인 공지사항 팝업 */
.layer-notice-view {position:relative;margin:0 auto;width:1200px;height:0;display:none; }
.layer-notice-view .notice-item { position:absolute; z-index:1000; top:0px; box-sizing:border-box; margin:0px; border-radius:10px; border:2px solid #444444; background-color:#ffffff; box-shadow:0 3px 10px rgb(0 0 0 / 30%); }
.layer-notice-view .notice-item .title { text-indent: -9999px; background: url(../images/logo_frism.png) no-repeat center center; background-size: auto 25px; min-height:30px }
.layer-notice-view .notice-item .content { padding:0px; line-height:18px; overflow:auto; border:0 solid #aaaaaa; border-top-width:1px; border-bottom-width:1px; background-color:#ffffff; color:#000000; }
.layer-notice-view .notice-item .foot { display:flex; justify-content:space-between; align-items:center;}
.layer-notice-view .notice-item .foot .Fc { cursor:pointer; width:50%; display:flex; justify-content:center; align-items:center; box-sizing:border-box; height:35px; color:#000000; }
.layer-notice-view .notice-item .foot .Fc::before, .layer-notice-view .notice-item .foot .Fc::after { background-repeat:no-repeat; background-position:center center; }
.layer-notice-view .notice-item .foot .todayClose { border-right:1px solid #aaaaaa;}
.layer-notice-view .notice-item .foot .todayClose::before { content:""; margin-right:5px; width:16px; height:12px; background-image:url("../images/ico_check_gray.svg"); }
.layer-notice-view .notice-item .foot .popClose::after { content:""; margin-left:5px; width:12px; height:12px; background-image:url("../images/ico_x.svg"); }
/* !!!!! 메인 컨텐츠 !!!!! */
.top_movie {position:relative;}
.top_movie .go_trading {
	position:absolute;
	z-index:100;
	top:70%;
	left:50%;
	transform:translateX(-50%);
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:20px 30px;
	border-radius:8px;
	border:1px solid #0d6efd;
	background-color:#0d6efd;
	font-size:35px;
	font-weight:600;
	color:#ffffff;
}
.top_movie .go_trading::after {
	content:"";
	margin-left:20px;
	width:40px;
	height:20px;
	background-repeat:no-repeat;
	background-position:right center;
	background-size:contain;
	background-image:url("../images/arr_trading.svg");
}
.top_movie .go_trading:hover {
	background-color:#ffffff;
	color:#0d6efd;
}
.top_movie .go_trading:hover::after {background-image:url("../images/arr_trading_on.svg");}
.top_movie video {vertical-align:top;width:100%;}
/* Banner */
.MainBannerWrap {
	display:flex;
	justify-content:center;
	align-items:center;
}
.MainBannerWrap .mbw {
	display:block;
	width:calc(100% / 2);
}
.MainBannerWrap .mbw img {vertical-align:top;width:100%;}
/* Detail Content */
.mainCont {
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
}
.minCont {
	margin:0 auto;
	width:1080px;
}

.pop-trade-login {display:grid;place-items:center;position:fixed;z-index:2000;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);transition:none}
.pop-trade-login .inner {
	width:500px;
	padding:30px;
	border-radius:10px;
	background-color:#ffffff;
	box-shadow:0 8px 10px rgb(0 0 0 / 20%);
	text-align: center;
	transition: none;
	animation: pop-trade-show 0.3s;
}
.pop-trade-login .inner.show {
}
.pop-trade-login .inner.hide {
	animation: pop-trade-hide 0.15s forwards;
}
.pop-trade-login .inner .icon {
	display: flex;
	justify-content: center;
	width:90px;height:90px;
	margin: 0 auto;
	border-radius: 50%;
	border: 4px solid #3fc3ee;
}
.pop-trade-login .inner .icon span {
	font-size: 70px;
	color: #3fc3ee;
	vertical-align: baseline;
	transition: none;
	animation: animate-i-mark .8s;
}
.pop-trade-login .inner h1 {
	font-size: 30px;
	font-weight: 600;
	text-align: center;
	margin-top:10px;
}
.pop-trade-login .inner p {
	font-size: 18px;text-align: center;
	margin-top:10px;
}
.pop-trade-login .inner a {
	display: inline-block;
	margin-top:10px;
	border-radius: 5px;
	background-color: #7066e0;
	color: #ffffff;
	font-size: 16px;
	padding: 10px 18px;
}
@keyframes pop-trade-show {
	0% { transform: scale(0.7); }
	45% { transform: scale(1.05); }
	80% { transform: scale(0.95); }
	100% { transform: scale(1); }
}
@keyframes pop-trade-hide {
	0% {transform: scale(1);opacity: 1}
	100% {transform: scale(0.5);opacity: 0}
}
@keyframes animate-i-mark {
	0% { transform: rotateZ(45deg); opacity: 0; }
	25% { transform: rotateZ(-25deg); opacity: .4; }
	50% { transform: rotateZ(15deg); opacity: .8; }
	75% { transform: rotateZ(-5deg); opacity: 1; }
	100% { transform: rotateX(0); opacity: 1; }
}

.airDream-Point {
	display:flex;
	justify-content:space-between;
	padding:90px 0;
}
.airDream-Point .con_box {position:relative;box-sizing:border-box;}
.airDream-Point .imgbox {padding-right:20px;width:440px;border-right:1px solid rgb(0 0 0 / 20%);}
.airDream-Point .imgbox img {width:100%;border-radius:20px;}
.airDream-Point .etcbox {padding-left:20px;width:calc(100% - 440px);}
.airDream-Point .aTxt {
	display:block;
	margin-top:20px;
	font-size:16px;
	font-weight:500;
	color:#272525;
}
.airDream-Point .aTxt.title {
	margin:0;
	font-size:44px;
	font-weight:600;
	color:#8565f4;
}
.airDream-Point .inBanner {
	position:absolute;
	bottom:0;
	left:0;
	box-sizing:border-box;
	padding-left:20px;
	width:100%;
	display:flex;
	justify-content:space-between;
}
.airDream-Point .inBanner .inB {
	box-sizing:border-box;
	padding:30px 0;
	width:calc(100% / 3 - 4px);
	border-radius:15px;
	background-color:#f3f3f3;
}
.airDream-Point .inBanner .inB::before {
	content:"";
	display:block;
	height:130px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:auto 80px;
}
.airDream-Point .inBanner .B1::before {background-image:url("../images/point-person.webp");}
.airDream-Point .inBanner .B2::before {background-image:url("../images/point-2.webp");}
.airDream-Point .inBanner .B3::before {background-image:url("../images/point-3.webp");background-position:right center;}
.airDream-Point .inBanner .inB p {
	line-height:22px;
	text-align:center;
	font-weight:500;
	color:#272525;
}
.airDream-Count {
	display:flex;
	justify-content:space-between;
	padding-bottom:20px;
}
.airDream-Count .inBox {
	position:relative;
	box-sizing:border-box;
	padding:20px;
	width:calc(100% / 3 - 10px);
	border-radius:15px;
	background-color:#ffffff;
	box-shadow:-1px .2px 8px 0 rgba(0,0,0,.2);
}
.airDream-Count .ibc {
	content:"";
	position:absolute;
	top:20px;
	right:20px;
	display:flex;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
	width:50px;
	height:50px;
	border-radius:50%;
	border:3px solid rgb(161 211 255 / 80%);
	background:linear-gradient(to bottom, #42a5f5, #12528b);
	box-shadow:0px 4px 6px rgba(0, 0, 0, 0.2);
}
.airDream-Count .ibt {
	display:block;
	font-size:16px;
	font-weight:300;
	color:#666666;
}
.airDream-Count .ibt.tit {
	font-size:18px;
	font-weight:500;
	color:#000000;
}
.airDream-Count .ibt.main {
	margin:10px 0;
	font-size:38px;
	font-weight:600;
	background:linear-gradient(180deg,#9c63f5,#426af2);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
.airDream-Count .ibc img {width:20px;}
.airDream-AI {
	padding:80px 0;
	background:url("../images/bg_1.png") no-repeat center center;
	background-size:cover;
}
.AD-AI {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.AD-AI .AI-left, .AD-AI .AI-right {
	box-sizing:border-box;
}
.AD-AI .AI-left {
	width:330px;
}
.AD-AI .AI-left .ait {
	display:block;
	padding-bottom:10px;
	font-size:40px;
	font-weight:700;
	color:#ffffff;
}
.AD-AI .AI-left .ait.blue {
	color:#caecff !important;
}
.AD-AI .AI-left .tagBox {
	margin-top:60px;
	width:250px;
}
.AD-AI .AI-left .tagBox .tag {
	display:block;
	box-sizing:border-box;
	margin-top:20px;
	padding:0 20px;
	line-height:56px;
	border-radius:56px;
	border:1px solid #ffffff;
	font-size:20px;
	font-weight:500;
	color:#ffffff;
}
.AD-AI .AI-left .tagBox .tag:first-child {margin-top:0;}
.AD-AI .AI-left .tagBox .marked {
	background-color:#ffffff;
	color:#234fe3;
}
.AD-AI .AI-right {
	width:calc(100% - 380px);
}
.AD-AI .AI-right .description {
	margin-top:20px;
	padding:40px 30px;
	border-radius:20px;
	background-color:#ffffff;
}
.AD-AI .AI-right .description:first-child {margin-top:0;}
.AD-AI .AI-right .description .desTit {
	display:flex;
	align-items:center;
	font-size:16px;
	font-weight:600;
	color:#000000;
}
.AD-AI .AI-right .description .desTit img {margin-right:10px;width:33px;height:33px;}
.AD-AI .AI-right .description ol {margin-top:20px;}
.AD-AI .AI-right .description ol li {
	display:flex;
	align-items:center;
	margin-top:20px;
}
.AD-AI .AI-right .description ol li:first-child {margin-top:0;}
.AD-AI .AI-right .description ol li::before {
	content:"";
	margin-right:5px;
	width:14px;
	height:18px;
	background:url("../images/ico_check.svg") no-repeat left center;
	background-size:contain;
}
.mainCont .miTit {
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom:30px;
	font-size:26px;
	font-weight:600;
	color:#000000;
}
.mainCont .miTit img {margin-right:5px;width:50px;}
.mainCont h1 {
	display:block;
	text-align:center;
	font-size:40px;
	font-weight:600;
	color:#000000;
}
.csReview {
	padding:60px 0;
	background-color:#f3f3f3;
}
.csReview .minCont {
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
.csReview .minCont .goR {
	display:block;
	width:calc(100% / 2 - 20px);
}
.csReview .minCont .goR video{width:100%;height:295px}
.csReview .minCont .goR iframe {width:100%;height:295px;border:0;}
.pressNoti {
	padding:60px 0;
}
.pressNoti .miTit {
	margin:20px 0;
}
.pressNoti .minCont {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:20px;
}
.pressNoti .minCont .maP {
	display:block;
	box-sizing:border-box;
	width:340px;
	border-radius:10px;
	border:1px solid #dddddd;
	background-color:#ffffff;
	overflow:hidden;
}
.pressNoti .minCont .maP img {width:100%;height:200px}
.pressNoti .minCont .maP .prtxt {
	display:block;
	padding:20px;
	font-size:16px;
	font-weight:500;
	color:#000000;
}
.realReview {padding-bottom:60px;}
.realReview .minCont {
	display:flex;
	justify-content:center;
	gap:0 20px;
}
.realReview .reviewBox {
	box-sizing:border-box;
	padding:20px;
	width:300px;
	height:400px;
	border-radius:10px;
	border:1px solid #dddddd;
	background-color:#f3f3f3;
}
.realReview .reviewBox .score {
	margin-bottom:10px;
	font-size:20px;
	color:#FFD700;
}
.realReview .reviewBox .t_inf {
	margin-bottom:10px;
	line-height:22px;
	font-weight:600;
	color:#000000;
}
.realReview .reviewBox .t_txt {
	font-size:15px;
	color:#333333;
}
.realReview .reviewBox .name {
	margin-top:20px;
	text-align:right;
}
.realReview .realmore {
	display:block;
	margin:0 auto;
	margin-top:40px;
	width:90px;
	line-height:46px;
	border-radius:8px;
	border:1px solid #0d02b8;
	background-color:#0d02b8;
	text-align:center;
	font-size:16px;
	font-weight:500;
	color:#ffffff;
}
.realReview .realmore:hover {
	background-color:#ffffff;
	color:#0d02b8;
}
/* !!!!! 트레이딩 !!!!! */
.tradingPage .content_wrap {width:1080px;}
.tradingGoods {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.tradingBox {
	position:relative;
	display:block;
	box-sizing:border-box;
	overflow:hidden;
	margin-bottom:30px;
	width:calc(100% / 2 - 10px);
	border-radius:20px;
	background-color:#ffffff;
	box-shadow:0 0 10px rgb(0 0 0 / 20%);
}
.tradingBox::before, .tradingBox::after {
	content:"";
	position:absolute;
}
.tradingBox::before {	
	z-index:90;
	top:0;
	left:0;
	width:100%;
	height:10px;
	background:linear-gradient(#1d9cfd 0%, #1578ff 100%);
}
.tradingBox::after {
	z-index:100;
	top:-30px;
	right:-100px;
	transform:rotate(45deg);
	transform-origin:left top;
	display:flex;
	justify-content:center;
	align-items:center;
	width:200px;
	height:40px;
	background:linear-gradient(#1d9cfd 0%, #1578ff 100%);
	font-size:20px;
	font-weight:600;
	color:#ffffff;
}
.tradingBox.BEST::after {
	content:"BEST";
	background:linear-gradient(-180deg, #fbfb00 0%, #cbcb00 100%);
	color:#000000;
}
.tradingBox.VVIP::after {
	content:"VVIP";
	background:linear-gradient(-180deg, #ad0d01 0%, #610404 100%);
}
.tradingBox.BASIC::after {
	content:"BASIC";
}
.tradingBox.SMART::after {
	content:"SMART";
}
.tradingBox.FXM::after {
	content:"USD/EUR";
}
.tradingBox .tradingIn, .tradingBox .trGuide {
	padding:30px 20px;
}
.tradingBox .tr_url {
	position:absolute;
	z-index:200;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-9999px;
}
.tradingBox .condWrap {
	display:flex;
	margin-bottom:20px;
}
.tradingBox .condWrap .cond {
	display:block;
	margin-right:10px;
	padding:0 10px;
	line-height:30px;
	border-radius:6px;
	background:linear-gradient(#1d9cfd 0%, #1578ff 100%);
	font-weight:500;
	color:#ffffff;
}
.tradingBox .trx, .tradingBox li {
	display:block;
	font-size:18px;
	letter-spacing:-0.5px;
	color:#555555;
}
.tradingBox .tit {
	margin-bottom:10px;
	font-size:40px;
	font-weight:600;
	letter-spacing:-1.5px;
	color:#000000;
}
.tradingBox .sub {font-size:22px;font-weight:500;color:#000000;}
.tradingBox .sub b {color:#1473ff;font-weight:600;}
.tradingBox ol li {
	position:relative;
	margin-top:7px;
	padding-left:10px;
}
.tradingBox ol li:first-child {margin-top:20px;}
.tradingBox ol li::before {
	content:"";
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	width:4px;
	height:4px;
	border-radius:50%;
	background-color:#666666;
}
.tradingBox .trGuide {
	padding:20px;
	line-height:20px;
	letter-spacing:-0.5px;
	border-top:1px solid #dddddd;
}
.tradingBox.BEST .trx, .tradingBox.BEST li, .tradingBox.VVIP .trx, .tradingBox.VVIP li {
	color:#ffffff;
}
.tradingBox.BEST .sub b, .tradingBox.VVIP .sub b {
	color:#00dfff;
}
.tradingBox.BEST li::before, .tradingBox.VVIP li::before {
	background-color:#cccccc;
}
.tradingBox.BEST .trGuide, .tradingBox.VVIP .trGuide {
	border-color:rgb(255 255 255 / 30%);
	color:#ededed;
}
.tradingBox.BEST {
	background-color:#121415;
}
.tradingBox.BEST::before {
	background:linear-gradient(#fbfb00 0%, #cbcb00 100%);
}
.tradingBox.BEST .condWrap .cond {
	background:linear-gradient(#fbfb00 0%, #cbcb00 100%);
	color:#000000;
}
.tradingBox.VVIP {
	background:linear-gradient(#053b5d 0%, #121415 100%);
}
.tradingBox.VVIP::before {
	background:linear-gradient(#ad0d01 0%, #610404 100%);
}
.tradingBox.VVIP .condWrap .cond {
	background:linear-gradient(#ad0d01 0%, #610404 100%);
}
/* !!!!! 트레이딩 개별 페이지 !!!!! */
.Tr_action_wrap { display:flex; justify-content:space-between; margin-top:20px; }
.Tr_action_wrap .Tr_info_wrap { width:30% }
.Tr_action_wrap .Tr_info_wrap .Tr_info { box-sizing:border-box; padding:10px 20px; margin-bottom: 15px; width:100%; border-radius:15px; background-color:#ffffff; box-shadow:0 0 10px rgb(0 0 0 / 15%); }
.Tr_action_wrap .Tr_info_wrap .Tr_info:last-child {margin-bottom:0}
.Tr_action_wrap .Tr_info_wrap .Tr_info .tdx { display:block; font-size:18px; font-weight:600; color:#000000; }
.Tr_action_wrap .Tr_info_wrap .Tr_info .name { margin-top:10px; color:#007bff; }
.Tr_action_wrap .Tr_info_wrap .Tr_info .p_inps { box-sizing:border-box; padding:0 10px; width:100%; height:40px; border-radius:8px; border:1px solid #cccccc; font-size:15px; font-weight:600; color:#000000; }
.Tr_action_wrap .Tr_action { width:70%; margin-left:15px}
.Tr_action_wrap .Tr_action .Tr_amount {display: flex;line-height:40px;}
.Tr_action_wrap .Tr_action .Tr_amount label {width:25%;font-size:20px;}
.Tr_action_wrap .Tr_action .Tr_amount input { box-sizing:border-box; padding:0 10px; width:75%; height:40px; border-radius:8px; border:1px solid #cccccc; font-size:15px; font-weight:600; color:#000000; text-align: right; }
.Tr_action_wrap .Tr_action .Tr_amount .unit {font-size:20px;}
.Tr_action_wrap .Tr_action .btnsBox { display:flex; justify-content:space-between; align-items:center; margin-top:10px; }
.Tr_action_wrap .Tr_action .btnsBox .m_Btn { box-sizing:border-box; padding:0 10px; width:calc(100% / 5); margin-right:10px; height:36px; border-radius:8px; background-color:#28a745; font-size:13px; font-weight:500; color:#ffffff; }
.Tr_action_wrap .Tr_action .btnsBox .refresh { width:50px; background-color:#ffc107; color:#000000;margin-right:0 }
.Tr_action_wrap .Tr_action .start_trading { box-sizing:border-box; margin-top:15px; width:100%; height:60px; border-radius:10px; background:linear-gradient(#20a9ff 0%, #0033ff 100%); box-shadow:0 2px 8px rgb(0 0 0 / 20%); text-align:center; font-size:24px; font-weight:600; color:#ffffff; }
.trTab_wrap {
	display:flex;
	margin-bottom:20px;
	height:34px;
	border-bottom:1px solid #cccccc;
}
.trTab_wrap .trTab {
	cursor:pointer;
	display:block;
	padding:0 16px;
	height:34px;
	line-height:34px;
	border:1px solid transparent;
	border-bottom-width:0;
	border-radius:6px 6px 0 0;
	font-size:15px;
	color:#0033ff;
}
.trTab_wrap .trTab:hover {
	border-color:#dddddd;
}
.trTab_wrap .selected {
	border-color:#cccccc !important;
	background-color:#ffffff;
	font-weight:500;
	color:#000000;
}
.trIframe {height:500px;}
.trIframe iframe {width:100%;height:100vh;}
.inv_info_wrap {
	display:flex;
	justify-content:space-between;
	margin-top:20px;
}
.inv_info_wrap .invBox {
	display:flex;
	justify-content:center;
	align-items:flex-end;
	flex-wrap:wrap;
	box-sizing:border-box;
	padding:20px;
	width:calc(100% / 3 - 10px);
	border-radius:15px;
	background-color:#ffffff;
	box-shadow:0 0 10px rgb(0 0 0 / 15%);
}
.inv_info_wrap .invBox .ivt {
	display:block;
	text-align:center;
	font-size:18px;
	font-weight:500;
	color:#000000;
}
.inv_info_wrap .invBox .tit {margin-bottom:10px;width:100%;color:#666666;}
.inv_info_wrap .invBox .Num {
	font-size:38px;
	font-weight:600;
}
.inv_info_wrap .invBox .Num::after {
	content:"원";
}
.inv_info_wrap .invBox .Etc {
	margin-left:10px;
	font-weight:300;
}
.invBreakdown {
	margin-top:20px;
}
.inv_BR_Wrap {margin-bottom:20px;}
.inv_Row .title {
	display:block;
	line-height:46px;
	border-radius:8px;
	background:linear-gradient(to right, #000000, #001f3f);
	text-align:center;
	font-size:17px;
	font-weight:500;
	color:#ffffff;
}
.inv_Row ul, .inv_Row li {display:flex;align-items:center;box-sizing:border-box;}
.inv_Row ul {justify-content:space-between;border:0px solid #dddddd;border-bottom-width:1px;}
.inv_Row li {justify-content:center;width:calc(100% / 2);height:36px;font-size:15px;}
.inv_Row.cr3 li {width:calc(100% / 3);}
.inv_Row.cr4 li {width:calc(100% / 4);}
.inv_Row.cr5 li {width:calc(100% / 5);}
.inv_Row .noData {padding:20px;text-align:center;}
.inv_Row .header {border-color:#cccccc;}
.inv_Row .header li {font-weight:500;color:#000000;}
.inv_Row ul li.st1 {font-weight:bold;color:#f30}
.inv_Row ul li.profit {color:#f30}
.inv_Row ul li.rate {color:#f30}
.inv_Row ul li.rate.negate {color:#03f}
.inv_Row ul li span {background-repeat: no-repeat;background-position:left center;background-size: contain;display: inline-block;line-height:25px;padding-left:35px;}
.inv_Row ul li span.sect1 {background-image: url(../images/icon_gas.png);}
.inv_Row ul li span.sect2 {background-image: url(../images/icon_index.png);}
.inv_Row ul li span.sect3 {background-image: url(../images/icon_forex.png);}
.inv_Row ul li span.sect4 {background-image: url(../images/icon_bitcoin.png);}
.inv_Row .btn-more {display:block;border-radius: 7px;background-color: #007bff;color:#fff;padding:3px;text-align:center;font-size:15px;margin-top:5px;}
.popFrame {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	box-sizing:border-box;
	padding:30px;
	width:500px;
	border-radius:15px;
	background-color:#ffffff;
	box-shadow:0 10px 25px rgb(0 0 0 / 25%);
}
.popFrame h1 {
	display:block;
	margin-bottom:20px;
	text-align:center;
	font-size:22px;
	font-weight:600;
	color:#000000;
}
.popFrame .pRpw {margin-bottom:20px;padding:5px 0;}
.popFrame .tit_label {
	display:block;
	margin-bottom:10px;
	font-size:15px;
	font-weight:500;
	color:#333333;
}
.popFrame .p_inps {
	box-sizing:border-box;
	padding:0 10px;
	width:100%;
	height:40px;
	border-radius:8px;
	border:1px solid #cccccc;
	font-size:15px;
	font-weight:600;
	color:#000000;
}
.popFrame .inpBox {
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-size:15px;
	color:#555555;
}
.popFrame .inpBox.won .p_inps {width:calc(100% - 20px);text-align:right;}
.popFrame .btnsBox {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:10px;
}
.popFrame .btnsBox .m_Btn {
	box-sizing:border-box;
	padding:0 10px;
	width:calc(100% / 5);
	height:36px;
	border-radius:8px;
	background-color:#28a745;
	font-size:13px;
	font-weight:500;
	color:#ffffff;
}
.popFrame .btnsBox .refresh {
	width:50px;
	background-color:#ffc107;
	color:#000000;
}
.popFrame .PopBtn_Wrap {
	display:flex;
	justify-content:space-between;
}
.popFrame .PopBtn_Wrap .PopBtn {
	display:block;
	box-sizing:border-box;
	width:calc(100% / 2 - 6px);
	line-height:46px;
	border-radius:8px;
	background-color:#333333;
	text-align:center;
	font-size:15px;
	font-weight:500;
	color:#ffffff;
}
.popFrame .PopBtn_Wrap .btn_cancel {background-color:#6c757d;}
.popFrame .PopBtn_Wrap .btn_confirm {background-color:#007bff;}
.tab_wrap {margin:0 auto;text-align:center;}
.tab_wrap a {display: inline-block;border-radius: 10px;padding:3px 10px;font-size:16px;border:1px solid #000000;background-color:#eeeeee;color:#000000;}
.tab_wrap a.on {background-color:#000000;color:#ffffff;}
.text-content {margin-top:20px}
.text-content textarea {width:100%;height:600px;border:1px solid #333333;padding:10px;resize:none;}
/* !!!!!! 페이지 요소 !!!!!! */
/* 탭 스타일 - 버튼타입 */
.TabStyle {display:flex;justify-content:flex-start;flex-wrap:wrap;box-sizing:border-box;margin:0 auto;margin-bottom:5px;padding:5px;border-radius:6px;border:1px solid #444444;background-color:#d0d0d0;}
.TabStyle a {display:block;box-sizing:border-box;margin:1px;width:calc(100% / 6 - 2px);height:40px;line-height:38px;text-align:center;font-size:15px;letter-spacing:-1px;color:#000000;border-radius:3px;border:1px solid #9c9c9c;background:linear-gradient(#ffffff 0%, #d0d0d0 100%);}
.TabStyle a:hover {background:linear-gradient(#717171 0%, #272727 100%);border-color:#555555;color:#ffffff;text-shadow:-1px -1px 0px #000000;}
.TabStyle a.on {background:linear-gradient(#717171 0%, #272727 100%);border-color:#555555;font-weight:600;color:#ffffff;text-shadow:-1px -1px 0px #000000;}
.TabStyle.result a {width:calc(100% / 8 - 2px);}
/* 서브메뉴 탭 스타일 */
.inTabMenu {margin-bottom:10px;}
.inTabMenu ul {display:flex;justify-content:flex-start;border-radius:6px;border:1px solid #252525;background-color:#f8f8f8;overflow:hidden;}
.inTabMenu li {box-sizing:border-box;width:calc(100% / 2);border:0px solid #252525;border-left-width:1px;}
.inTabMenu li:first-child {border-left-width:0;}
.inTabMenu.IT3 li {width:calc(100% / 3);}
.inTabMenu.IT4 li {width:calc(100% / 4);}
.inTabMenu.IT5 li {width:calc(100% / 5);}
.inTabMenu.IT6 li {width:calc(100% / 6);}
.inTabMenu.IT7 li {width:calc(100% / 7);}
.inTabMenu .itb {display:block;height:36px;line-height:36px;text-align:center;font-size:15px;color:#666666;}
.inTabMenu .marked .itb {background-color:#444444;font-weight:500;color:#ffffff;}
/* Button Style */
.btnDefault {
	cursor:pointer;
	display:block;
	margin:0 3px;
	padding:0;
	width:180px;
	line-height:40px;
	background-color:#0d02b8;
	border:1px solid #0d02b8;
	border-radius:21px;
	text-align:center;
	color:#ffffff;
	font-size:16px;
	font-weight:600;
}
.btnDefault:hover {
	background-color:#ffffff;
	color:#0d02b8;
}
.btnMidSize {
	cursor:pointer;
	display:block;
	margin:0 3px;
	padding:0 20px;
	height:26px;
	line-height:26px;
	background-color:#0d02b8;
	border:1px solid #0d02b8;
	border-radius:14px;
	text-align:center;
	font-weight:500;
	color:#FFFFFF;
}
/* 페이지 넘버 */
.pagination {display:flex;justify-content:center;align-items:center;margin:20px auto;padding:0;}
.pagination .pbtn {display:block;margin:0 3px;padding:0 5px;min-width:23px;line-height:33px;border-radius:5px;text-align:center;color:#333333;font-family:"Gotham-Book", sans-serif;font-size:15px;}
.pagination .cur {color:#ffffff;background-color:#0d02b8;font-family:"Gotham-Black", sans-serif;}
.pagination .GPA {display:block;width:33px;height:33px;background-repeat:no-repeat;background-position:center center;background-size:auto 12px;}
.pagination .goFir {background-image:url("../images/page-first.png");}
.pagination .goPre {margin-right:5px;background-image:url("../images/page-prev.png");}
.pagination .goPag {margin-left:5px;background-image:url("../images/page-next.png");}
/* 기간 검색 부분 */
.search_panel {
	position:absolute;
	top:10px;
	right:10px;
	display:flex;
	justify-content:center;
	padding:5px;
	color:#ffffff;
	border-radius:4px;
	border:1px solid #6a6a6a;
	background-color:#494949;
}
.search_panel i {display:block;margin:0 6px;line-height:20px;font-size:13px;}
.search_panel .date_input {box-sizing:border-box;padding:0;height:20px;background:#ffffff;border:1px solid #161616;border-radius:3px;box-shadow:none;color:#000000;}
.search_panel .btn_search
{
	margin-left:5px;
	width:60px;
	height:20px;
	line-height:18px;
	vertical-align:middle;
	border:1px solid #000000;
	border-radius:3px;
	background:linear-gradient(#f8f8f8 0%, #d3d3d3 100%);
	background:-ms-linear-gradient(#f8f8f8 0%, #d3d3d3 100%);
	color:#000000;
	cursor:pointer;
}
/* ------------------------------------------- Betting List ------------------------------------------- */
.MY_BETTING_LIST ul {display:flex;justify-content:space-between;border:0px solid #dddddd;border-bottom-width:1px;}
.MY_BETTING_LIST ul li {width:calc(100% / 6)}
.MY_BETTING_LIST .txt {display:block;height:34px;line-height:34px;text-align:center;font-size:14px;}
.MY_BETTING_LIST .delete:hover {color:var(--point-sub);}
.MY_BETTING_LIST .buy {color:#e42828;}
.MY_BETTING_LIST .sell {color:#106de1;}
.MY_BETTING_LIST .header
{
	border:0 solid #a1a5ad;
	border-top-width:1px;
	border-bottom-width:1px;
	border-bottom-color:#dddddd;
	background-color:#f9fafc;
}
.MY_BETTING_LIST .header .txt {color:#555555;}
.MY_BETTING_LIST .FAIL .result {color:#aaaaaa;}
.betting_wrap .btn_wrap {display:flex;justify-content:flex-end;}
.betting_wrap .betDelet {display:flex;justify-content:flex-start;}
.betting_wrap .icon_trash {display:inline-block;width:12px;height:12px;vertical-align:middle;background:url("../images/x.gif");cursor:pointer;}
/* ------------------------------------------- Money Page ------------------------------------------- */
.moneyWrap {
	padding:50px;
	border-radius:20px;
	background:linear-gradient(180deg, #234fe3, #0d02b8);
}
.memberName {
	margin-bottom:20px;
	font-size:28px;
	font-weight:600;
	color:#ffffff;
}
.memberName::after {
	content:"님의 수익현황";
	margin-left:3px;
}
.moneyInBox {
	padding:30px;
	border-radius:16px;
	background-color:#ffffff;
}
.moneyInBox .Mrow {
	padding:20px 0;
	border-top:1px solid #dddddd;
	text-align:center;
}
.moneyInBox .Mrow:first-child {padding-top:0;border:0;}
.moneyInBox .Mrow:last-child {padding-bottom:0;}
.moneyInBox .mrtx, .moneyInBox .mgtx {
	display:block;
	text-align:center;
}
.moneyInBox .mrtx {
	margin-bottom:10px;
	font-size:15px;
	font-weight:500;
	color:#333333;
}
.moneyInBox .recMoney {
	display:inline-block;
	vertical-align:top;
	padding:0 20px;
	line-height:60px;
	border-radius:12px;
	background:linear-gradient(to right,rgb(72, 72, 72),rgb(18, 18, 18));
	box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);
	font-size:21px;
	font-weight:600;
	color:#ffffff;
}
.moneyInBox .recMoney:hover {
	transform:scale(1.1);
}
.moneyInBox .recMoney::after {content:"원";}
.moneyInBox .moBtn {
	cursor:pointer;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 auto;
	max-width:400px;
	height:45px;
	border-radius:8px;
	background-color:#666666;
	font-size:16px;
	font-weight:500;
	color:#ffffff;
}
.moneyInBox .moBtn::before {
	content:"";
	width:20px;
	height:16px;
	background-repeat:no-repeat;
	background-position:left center;
	background-size:contain;
	background-image:url("../images/ico_down.svg");
}
.moneyInBox .btn_withdraw {background-color:#dc3545;}
.moneyInBox .btn_deposit {background-color:#0d02b8;}
.moneyInBox .btn_account {background-color:#198754;}
.moneyInBox .MGuide {margin-top:10px;}
.moneyInBox .MGuide .mgtx {
	margin-top:6px;
	line-height:20px;
	font-weight:500;
	color:#333333;
}
.moneyInBox .MGuide .mgtx:first-child {margin-top:0;}
.DEWI_Wrap {margin-top:30px;}
.DEWI_Wrap .Tabs_wrap {
	display:flex;
	align-items:flex-end;
	border-bottom:1px solid #cccccc;
}
.DEWI_Wrap .Tabs_wrap .tabs {
	cursor:pointer;
	display:block;
	box-sizing:border-box;
	width:calc(100% / 2);
	line-height:46px;
	border-radius:8px 8px 0 0;
	text-align:center;
	font-size:15px;
	font-weight:500;
	color:#555555;
}
.DEWI_Wrap .Tabs_wrap .marked {
	background-color:#007bff;
	color:#ffffff;
}
/* 충전, 환전 Pop */
.mPOP_wrap {
	position:absolute;
	z-index:2000;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	box-sizing:border-box;
	padding:30px;
	width:560px;
	border-radius:20px;
	background-color:#ffffff;
	box-shadow:0 8px 10px rgb(0 0 0 / 20%);
}
.mPOP_wrap .moneyInp_wrap { display:flex; justify-content:space-between; align-items:center; }
.mPOP_wrap .moneyInp_wrap.account-info { display: block; background-color:#dddddd; padding:1px; }
.mPOP_wrap .moneyInp_wrap.account-info ul { display: flex; justify-content: space-between;margin-bottom:1px;}
.mPOP_wrap .moneyInp_wrap.account-info ul:last-child {margin-bottom:0;}
.mPOP_wrap .moneyInp_wrap.account-info ul li {padding:5px;}
.mPOP_wrap .moneyInp_wrap.account-info ul li.tit {width:80px;background-color:#eee;font-size:16px;margin-right:1px;font-weight:bold;}
.mPOP_wrap .moneyInp_wrap.account-info ul li.val {width:calc(100% - 80px);background-color:#fff;font-size:16px}
.mPOP_wrap .moTit {
	display:block;
	margin-bottom:20px;
	padding-top:90px;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:auto 70px;
	background-image:url("../images/check.webp");
	text-align:center;
	font-size:20px;
	font-weight:600;
	color:#000000;
}
.mPOP_wrap .inpbtn, .mPOP_wrap .won {display:block;box-sizing:border-box;font-size:15px;}
.mPOP_wrap .inpbtn {
	padding:0 10px;
	width:calc(100% - 130px);
	line-height:46px;
	border-radius:8px;
	border:1px solid #cccccc;
	background-color:#ffffff;
	font-weight:500;
	color:#000000;
}
.mPOP_wrap .cash {text-align:right;}
.mPOP_wrap .btn_reg {
	cursor:pointer;
	width:100px;
	border:0;
	background-color:#dc3545;
	text-align:center;
	color:#ffffff;
}
.mPOP_wrap .DEP {background-color:#0d02b8;}
.mPOP_wrap .ACC {background-color:#198754;}
.mPOP_wrap .won {width:30px;text-align:center;}
.mPOP_wrap .moneySelectWrap {
	display:flex;
	justify-content:space-between;
	margin-top:20px;
}
.mPOP_wrap .cashbtn {
	cursor:pointer;
	display:block;
	box-sizing:border-box;
	width:calc(100% / 5);
	line-height:40px;
	border-radius:5px;
	background-color:#28a745;
	text-align:center;
	font-size:15px;
	font-weight:500;
	color:#ffffff;
}
.mPOP_wrap .btn_reset {
	width:50px;
	background-color:#ffc107;
	color:#000000;
}
.mPOP_wrap .DEW_guide {margin-top:30px;}
.mPOP_wrap .DEW_guide ol {padding-left:15px;}
.mPOP_wrap .DEW_guide ol li {
	list-style:disc;
	margin-top:6px;
	font-size:12px;
	color:#666666;
}
.mPOP_wrap .DEW_guide li.mark {color:#f30 }
.mPOP_wrap .DEW_guide li:first-child {margin-top:0;}
/* 충전, 환전 내역 */
.moneyList .nodata {line-height:200px;text-align:center;font-size:18px;color:#666666;}
.moneyList .row {display:flex;justify-content:space-between;border:0 solid #cccccc;border-bottom-width:1px;background-color:#ffffff;}
.moneyList .row div {box-sizing:border-box;padding:10px;width:calc(100% / 6);line-height:36px;text-align:center;font-size:15px;color:#000000;}
.moneyList .row div::before, .moneyList .row div::after {font-family:"Pretendard", sans-serif;}
.moneyList .row .reg_date {font-family:"Gotham-Book", sans-serif;width:20%}
.moneyList .row .name {width:25%}
.moneyList .row .cash {width:10%;text-align:right;font-weight:600;font-family:"Gotham-Book", sans-serif;}
.moneyList .row .cash::after {content:"원";margin-left:3px;font-weight:400;}
.moneyList .row .mod_date {width:20%;font-family:"Gotham-Book", sans-serif;color:#ff6600}
.moneyList .row .status {width:10%;}
.moneyList .row .delete {width:10%;}
.moneyList .row .delete .btn_del {cursor:pointer;display:block;margin:6px auto;width:20px;height:20px;border-radius:4px;background-color:#777777;background-repeat:no-repeat;background-position:center center;background-size:12px;background-image:url("../images/ico_x_wh.svg");}
.moneyList .header {}
.moneyList .header div {padding:5px 10px;text-align:center !important;color:#666666 !important;font-weight:300 !important;font-family:"Pretendard", sans-serif !important;}
.moneyList .header div::after {display:none;}
/* Point List */
.point_list_wrap .nodata {line-height:400px;border:1px solid #cccccc;background-color:#ffffff;text-align:center;font-size:13px;color:#666666;}
.point_list_wrap .row {display:flex;justify-content:space-between;border:0 solid #cccccc;border-bottom-width:1px;background-color:#ffffff;}
.point_list_wrap .row div {box-sizing:border-box;padding:10px;width:calc(100% / 4);line-height:20px;text-align:center;font-size:13px;color:#000000;}
.point_list_wrap .row .point {font-weight:600;}
.point_list_wrap .row .point::after {content:"P";margin-left:3px;font-weight:400;}
.point_list_wrap .row .point, .point_list_wrap .row .date {font-family:"Gotham-Book", sans-serif;}
.point_list_wrap .header {background-color:#666666;border-width:0;}
.point_list_wrap .header div {padding:5px 10px;text-align:center !important;color:#ffffff !important;font-weight:400 !important;font-family:"Pretendard", sans-serif !important;}
.point_list_wrap .header div::after {display:none;}
.point_list_wrap .summary {display:flex;justify-content:flex-end;margin:0 auto;padding:0 20px;line-height:54px;border:0px solid #777777;border-top-width:2px;}
.point_list_wrap .summary span {display:block;line-height:54px;color:#000000;font-size:19px;}
.point_list_wrap .summary .pointTxt {font-weight:700;margin-left:10px;margin-right:5px;font-family:"Gmarket Sans Bold", sans-serif;}
/* ------------------------------------------- Company Page ------------------------------------------- */
.company_Wrap img {
	display:block;
	margin:0 auto;
}
/* ------------------------------------------- Review Page ------------------------------------------- */
.sorting {
	display:flex;
	align-items:center;
	padding-bottom:30px;
	border-bottom:1px solid #cccccc;
}
.sorting .sort {
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:15px;
	color:#555555;
}
.sorting .sort::before {
	content:"";
	margin:0 20px;
	width:1px;
	height:13px;
	background-color:#666666;
}
.sorting .sort:first-child::before {
	display:none;
}
.sorting .marked {
	font-weight:600;
	color:#000000;
}
.reviewRow {
	padding:30px 0;
	border-bottom:1px solid #cccccc;
}
.reviewRow .name_date {
	display:flex;
	align-items:center;
	margin-bottom:5px;
}
.reviewRow .name_date span {margin-right:10px;}
.reviewRow .name_date .name {
	font-size:18px;
	font-weight:500;
	color:#333333;
}
.reviewRow .name_date .date {
	font-size:15px;
	font-weight:400;
	color:#777777;
}
.reviewRow .rev_title {
	display:block;
	margin-bottom:10px;
	font-size:20px;
	font-weight:600;
	color:#000000;
}
.reviewRow .textBox {font-size:16px;}
.reviewRow .heart {
	cursor:pointer;
	margin-top:30px;
	display:flex;
	align-items:center;
	padding:0 20px;
	font-size:18px;
	color:#777777;
}
.reviewRow .heart::before {
	content:"";
	margin-right:5px;
	width:24px;
	height:24px;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url("../images/ico_heart.svg");
}
.reviewRow .checked::before {background-image:url("../images/ico_heart_checked.svg");}
/* ------------------------------------------- Review Page ------------------------------------------- */
.pressWrap {
	display:flex;
	flex-wrap:wrap;
	gap:50px 40px;
}
.pressWrap .pressBox {
	display:block;
	box-sizing:border-box;
	width:calc(100% / 3 - 40px);
}
.pressWrap .pressBox img {margin-bottom:20px;width:100%;border-radius:20px;}
.pressWrap .pressBox .press {
	display:block;
	font-size:22px;
	font-weight:500;
	color:#000000;
}
/* ------------------------------------------- Event List Page ------------------------------------------- */
.eventWRAP {
	display:flex;
	flex-wrap:wrap;
	gap:50px 40px;
}
.eventWRAP .evBox {
	display:block;
	box-sizing:border-box;
	width:calc(100% / 3 - 40px);
}
.eventWRAP .evBox span {display:block;}
.eventWRAP .evBox img {width:100%;height:100%;}
.eventWRAP .evImg {margin-bottom:20px;}
.eventWRAP .evTxt {
	display:block;
	font-size:22px;
	font-weight:500;
	color:#000000;
}
/* ------------------------------------------- Qna List Page ------------------------------------------- */
.QnA_Wrap {border-top:1px solid #000000;}
.QnaRow {
	border-bottom:1px solid #dddddd;
}
.QnaRow .qa_title {
	cursor:pointer;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:40px 0px;
	padding-right:20px;
}
.QnaRow .qa_title span {
	display:block;
	box-sizing:border-box;
	line-height:22px;
	font-size:19px;
	font-weight:300;
	color:#888888;
}
.QnaRow .qa_title .num {width:70px;text-align:center;}
.QnaRow .qa_title .tit {width:calc(100% - 92px);font-weight:600;color:#000000;}
.QnaRow .qa_title .more {position:relative;width:22px;height:22px;}
.QnaRow .qa_title .more::before, .QnaRow .qa_title .more::after {
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	background-color:#666666;
}
.QnaRow .qa_title .more::before {
	width:100%;
	height:2px;
}
.QnaRow .qa_title .more::after {
	width:2px;
	height:100%;
}
.QnaRow.view .qa_title .more::after {display:none;}
.QnaRow .qna_txt {
	display:none;
	padding:30px;
	padding-left:60px;
	line-height:22px;
	background-color:#f5f5f5;
	font-size:15px;
}
.QnaRow.view .qna_txt {display:block;}
/* ------------------------------------------- Board Page ------------------------------------------- */
.board_wrap { *zoom:1; padding:0px;}
/* 게시판, 쪽지 보기 영역 공통사용 */
.board_head {display:flex;justify-content:space-between;align-items:center;padding:20px 20px;border:0px solid #dddddd;border-top-width:1px;border-bottom-width:1px;}
.board_head .Board_box {display:flex;justify-content:flex-start;}
.board_head .Board_box div {display:flex;justify-content:flex-start;}
.board_head .BIT {display:block;line-height:18px;font-size:15px;color:#000000;}
.board_head .Board_box.tit {width:calc(100% - 360px);}
.board_head .Board_box.tit .BIT {width:100%;font-size:18px;font-weight:500;}
.board_head .Board_box.inf {justify-content:flex-end;}
.board_head .Board_box.inf div {margin-left:10px;}
.board_head .Board_box.inf div .BIT:first-child {margin-right:5px;color:#777777;}
.BRview {margin:0px;margin-bottom:5px;width:auto;padding:20px !important;min-height:200px;background-image:none;color:#000000;font-size:15px;font-weight:500;}
/* Board List */
.board_list {margin:0;}
.BDR {display:flex;justify-content:center;align-items:center;box-sizing:border-box;height:30px;font-size:18px;color:#555555;}
.board_list .row {display:flex;align-items:center;box-sizing:border-box;padding:30px 0;border:0px solid #dddddd;border-bottom-width:1px;}
.board_list .head {padding:10px 0;padding-top:0;border-color:#aaaaaa;}
.board_list .head .BDR {justify-content:center;font-weight:200;}
.board_list .num {width:10%;text-align:center;}
.board_list .title {justify-content:flex-start;padding-right:10px;width:65%;}
.board_list .title .b_tit {display:block;max-width:calc(100% - 120px);font-size:18px;font-weight:500;color:#000000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.board_list .title .b_tit:hover {color:#10bc69;}
.board_list .title .b_tit img {width:100%;height:30px;vertical-align:top;}
.board_list .title .b_ect {display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;padding-left:5px;width:120px;}
.board_list .title .b_ect .bicon {display:block;margin-left:4px;padding:0 6px;height:20px;line-height:20px;border-radius:4px;background-color:#aaaaaa;color:#ffffff;font-family:"Montserrat-Regular", sans-serif;}
.board_list .title .b_ect .repcnt {display:block;padding:0 5px;background-color:#444444;font-family:"Gotham-Book", sans-serif;}
.board_list .title .b_ect .bet::before {content:"BET";}
.board_list .title .b_ect .img::before {content:"IMG";}
.board_list .writer {justify-content:center;width:15%;}
.board_list .writer .user_level {vertical-align:top;}
.board_list .reg_date {width:10%;text-align:center;}
.board_list .cnt {width:80px;text-align:center;}
.board_notice .board_list .writer {display:none;}
.board_notice .board_list .title {width:80%;}

.board_list .head .reply {display:none}
.board_list .reply {width:10%;text-align: center;display: none;}
.board_list .reply .reend {display:inline-block;margin-top:5px;padding:0;width:50px;height:20px;line-height:20px;border-radius:4px;text-align:center;color:#ffffff;font-size:11px;background:#333333;}
.board_list .reply .reend.on {color:#ffffff;background:#006bff;}
.board_custom .board_list .title {width:55%}
.board_custom .board_list .reply {display:block}
/* 게시판 공지사항 */
.board_list .notice {color:#333333;}
.board_list .notice .num::before {content:"공지사항";display:block;box-sizing:border-box;padding:0 20px;line-height:40px;border-radius:40px;background-color:#0d02b8;text-align:center;color:#ffffff;}
.board_list .notice .title {font-weight:bold;}
.board_list .notice .title .b_tit {width:100%;max-width:inherit;}
.board_list .notice .title .b_tit span {vertical-align:top;height:32px !important;}
/* 게시판 버튼 */
.board_btn {display:flex;justify-content:flex-end;padding:10px 0px;padding-top:40px;}
.view_body .board_btn, .write_body .board_btn {justify-content:center;}
.board_btn img {cursor:pointer;}
.board_btn .btn_open_detail {font-weight:bold;color:#fff;line-height:14px;}
/* 글쓰기 */
.board_wrap .write_body {padding:0;}
.write_head {margin-bottom:10px;}
.write_body .wrbox {display:block;box-sizing:border-box;padding:0;}
.write_body .title {margin-bottom:6px;font-size:18px;font-weight:600;color:#000000;}
.write_body .inpbox {padding:0 10px;width:100%;height:40px;border-radius:8px;border:1px solid #cccccc;background-color:#ffffff;font-size:16px;}
.board_wrap .write_body .content {clear:both;margin-bottom:20px;padding:0px;width:auto;background-image:none;background-color:#ffffff;overflow:hidden;}
.board_wrap .write_body #game_detail {display:inline-block;*zoom:1;width:100%;}
.board_wrap .se2_inputarea { color:#000000;}
/* 게시판 보기 */
*html .board_wrap .view_body .content {height:100%;}
/* 댓글쓰기 영역 */
.cmt_form {display:flex;justify-content:space-between;margin:10px 0;margin-bottom:0;padding:5px;border:1px solid #aaaaaa;border-radius:6px;background-color:#cccccc;}
.cmt_form .comt_cont {box-sizing:border-box;display:block;padding:0 20px;width:calc(100% - 105px);height:50px;border-radius:5px;border:1px solid #000000;background-color:#ffffff;color:#000000;font-size:13px;}
.cmt_form .btn_cmt_write {cursor:pointer;width:100px;line-height:48px;background-image:linear-gradient(#333333 50%, #111111 50%);text-align:center;font-size:15px;color:#ffffff;}
/* 댓글목록 영역 */
.cmt_list_wrap {clear:both;margin:0 auto;margin-top:40px;border:1px solid #aaaaaa;border-radius:5px;background-color:#ffffff;}
.cmt_list {width:100%; line-height:12px;}
.cmt_list .norep {text-align:center;}
.cmt_list tr {border-top:1px solid #cccccc;}
.cmt_list tr:first-child {border-top:0;}
.cmt_list td {padding:10px 10px;color:#555555;}
.cmt_list td.eNums {width:50px;}
.cmt_list .cmt_name {width:160px;line-height:30px;}
.cmt_list .cmt_name b {color:#444444;}
.cmt_list .cmt_content {font-weight:500;}
.cmt_list .cmt_content span {display:inline-block;vertical-align:top;max-width:95%;color:#333333;line-height:14px;}
.cmt_list .cmt_content .btn_delete_comment {cursor:pointer;margin-left:5px;width:14px;height:14px;background:url("../images/ico_x.svg") no-repeat center center;background-size:12px;}
/* 쪽지 */
.letter_wrap { *zoom:1;}
.letter_list_in {display:inline-block;vertical-align:top;margin:0;width:100%;}
.letter_list_in .nodata {padding:80px 0;text-align:center;color:#555555;background-color:#ffffff;border:1px solid #cccccc;border-radius:4px;}
.letter_list_in .LTX {height:30px;line-height:30px;font-size:15px;color:#333333;}
.letter_list_in .num {width:8%;clear:left;text-align:center;}
.letter_list_in .title {width:72%;font-weight:bold;}
.letter_list_in .reg_date {width:10%;text-align:center;}
.letter_list_in .delete {width:60px;height:30px;}
.letter_list_in .row {
	display:flex;
	justify-content:space-between;
	align-items:center;
	box-sizing:border-box;
	padding:10px 0;
	border-bottom:1px solid #dddddd;
}
.letter_list_in .row .LTV {display:block;color:#000000;font-size:15px;font-weight:700;}
.letter_list_in .row .LTV:hover {color:#ff0000;text-decoration:none;}
.letter_list_in .row .btn_letter_delete {display:block;margin:0 auto;width:30px;height:30px;background:url("../images/ico_x.svg") no-repeat center center;background-size:14px;cursor:pointer;}
.letter_list_in .row.head {border-color:#aaaaaa;}
.letter_list_in .row.head .LTX {text-align:center;font-weight:300;}
.letter_list_in .row.readed .LTV, .letter_list_in .row.readed .LTX {color:#888888;font-weight:300;}
.letter_list_in .row.readed .btn_letter_delete {filter:opacity(0.5);}
.letter_btn {display:flex;justify-content:center;padding:10px;}
.letter_wrap .view_body {padding:0px;color:#ccc;}
/* ------------------------------------------- 회원관련 페이지 ------------------------------------------- */
/* 정보수정 */
.member_wrap .top_Name {
	margin-bottom:30px;
	padding-top:80px;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:auto 70px;
	background-image:url("../images/person2.webp");
	text-align:center;
	font-size:25px;
	font-weight:600;
	color:#000000;
}
.memberInfo {
	box-sizing:border-box;
	margin:0 auto;
	padding:10px 40px;
	width:500px;
	border-radius:8px;
	border:1px solid #eeeeee;
	background-color:#f9f9f9;
	box-shadow:-1.7px 1px 5px 0 rgb(0 0 0 / 20%);
}
.memberInfo .inforow {
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	padding:20px 10px;
	border:0px solid #dddddd;
	border-bottom-width:1px;
}
.memberInfo .inforow:last-child {border-width:0;}
.memberInfo .irt {
	display:flex;
	align-items:center;
	box-sizing:border-box;
	font-size:15px;
}
.memberInfo .name {width:120px;}
.memberInfo .ipw {
	box-sizing:border-box;
	padding:0 10px;
	height:40px;
	border-radius:8px;
	border:1px solid #cccccc;
	background-color:#ffffff;
	font-size:16px;
	font-weight:600;
	color:#000000;
}
.memberInfo .info, .memberInfo .ipw {width:calc(100% - 120px);}
.memberInfo .info {color:#000000;}
.memberInfo .info .SMS {margin-right:6px;width:18px;height:18px;}
.memberInfo .guide {
	margin-top:10px;
	padding-left:120px;
}
.memberInfo .Alert {
	padding-left:120px;
	line-height:50px;
}
.memberInfo .bankinf {display:block;}
.memberInfo .bankinf p {
	margin-top:5px;
	font-size:15px;
}
.memberInfo .bankinf p:first-child {margin:0;}
.memeditbtn {
	display:flex;
	justify-content:center;
	margin-top:40px;
}
/* 추천인현황 */
.prGuide {margin-bottom:20px;padding:20px;background:#ffffff;border:1px solid #c3c3c3;border-radius:5px;}
.prGuide p {margin-top:20px;color:#000000;font-weight:700;font-size:14px;}
.prGuide p:first-child {margin-top:0;}
.proposer_wrap {padding:0;}
.proposer_wrap h3 {margin:0 10px;margin-bottom:10px;color:#000000;font-weight:700;font-size:15px;}
.PRList .nodata {clear:both;line-height:200px;background:#ffffff;border:1px solid #aaaaaa;border-top:0;text-align:center;color:#555555;font-size:14px;}
.PRList {margin-bottom:30px;}
.PRList ul {
	display:flex;
	justify-content:space-between;
	box-sizing:border-box;
	width:100%;
	border:1px solid #aaaaaa;
	border-top-width:0;
	background-color:#ffffff;
}
.PRList ul.even {background-color:#f7f7f7;}
.PRList ul li {line-height:35px;text-align:center;font-family:"Gotham-Book", sans-serif;}
.PRList ul .name {font-family:"Pretendard", sans-serif;}
.PRList ul.head {border:1px solid #333333;background:#585858;}
.PRList ul.head li {color:#ffffff;font-family:"Pretendard", sans-serif !important;}
.PRList.list_proposer ul li {width:calc(100% / 6);}
.PRList.list_point {margin-bottom:0;}
.PRList.list_point ul li {width:calc(100% / 4);}
/* 출석체크 */
.attTopFrame {padding:6px;border-radius:6px;border:1px solid #333333;background-color:#ffffff;overflow:hidden;}
.attTopMess {display:flex;justify-content:center;margin-bottom:5px;padding:0 10px;border-radius:5px;background-color:#555555;}
.attTopMess .messTxt {display:block;margin:0 10px;line-height:40px;font-weight:700;font-size:19px;color:#ffab00;}
.att_messages {position:relative;padding:10px;min-height:40px;border-radius:6px;border:1px solid #cccccc;background-color:#f6f6f6;}
.att_messages .btn_attendance {position:absolute;top:50%;right:10px;margin-top:-40px;width:300px;}
.att_messages .btn_attendance .attbin {display:block;height:40px;line-height:40px;text-align:center;}
.att_messages .btn_attendance .txt {font-size:15px;font-weight:500;}
.att_messages .btn_attendance .btn {
	border-radius:40px;
	background-image:linear-gradient(#333333 50%, #111111 50%);
	font-size:19px;
	font-weight:500;
	color:#ffffff;
}
.att_messages .attOK {position:relative;top:0;right:0;margin:0;padding-left:20px;justify-content:space-between;}
.att_messages .attOK .txt {font-size:19px;}
.att_messagesIN {}
.att_messagesIN .attx {display:block;margin-right:10px;line-height:40px;color:#555555;font-size:17px;letter-spacing:-1px;}
.att_messagesIN .tit, .att_messagesIN .num {margin-right:5px;}
.att_messagesIN .tit {font-weight:600;}
.att_messagesIN .tit::before {
	content:"";
	display:inline-block;
	vertical-align:top;
	margin:17px 0;
	margin-right:6px;
	width:6px;
	height:6px;
	border-radius:50%;
	background-color:#777777;
}
.att_messagesIN .num {font-weight:600;color:#000000;}
.att_messagesIN .num::after {content:"원";margin-left:2px;}
.att_messagesIN .attOpBox {
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	box-sizing:border-box;
	padding:0 10px;
	width:calc(100% - 250px);
	border-radius:4px;
}
.att_messagesIN .todayState {background-color:#858585;}
.att_messagesIN .todayState .attx {color:#ffffff;}
.att_messagesIN .todayState .tit::before {background-color:#eeeeee;}
.att_messagesIN .todayState .num {margin-right:30px;}
/* 연도, 월 선택 */
.AttDayBox {display:flex;justify-content:center;padding:10px;}
.AttDayBox .Day {display:block;height:60px;line-height:60px;background-repeat:no-repeat;font-size:31px;font-weight:600;color:#000000;}
.AttDayBox .btn {margin:0 20px;width:40px;text-indent:-9999px;background-position:center center;background-size:contain;}
.AttDayBox .prev {background-image:url("../images/ico_day_pre.svg");}
.AttDayBox .next {background-image:url("../images/ico_day_next.svg");}
/* 달력 */
.att_cal {box-sizing:border-box;width:100%;background-color:#ffffff;border:1px solid #333333;overflow:hidden;border-radius:6px;}
.att_cal table {width:100%;}
.att_cal table th, .att_cal table td {border-style:solid;border-width:0;border-left-width:1px;border-bottom-width:1px;}
.att_cal table th:first-child, .att_cal table td:first-child {border-left-width:0;}
.att_cal table th {padding:0 10px;height:30px;line-height:30px;background-color:#656565;font-size:15px;color:#ffffff;border-color:#333333;}
.att_cal table th:first-child {background-color:#e60e2e;}
.att_cal table th:last-child {background-color:#0273ff;}
.att_cal table td {position:relative;padding:20px 10px;height:40px;border-color:#aaaaaa;}
.att_cal table td:first-child {background-color:#fff7f7;}
.att_cal table td:last-child {background-color:#f1f8ff;}
.att_cal table td .day {display:block;position:absolute;top:10px;left:10px;font-size:17px;font-weight:600;color:#000000;font-family:"Gmarket Sans Bold", sans-serif;}
.att_cal table td:first-child .day {color:#ff0027;}
.att_cal table td:last-child .day {color:#0074ff;}
.att_cal table tr:last-child td {border-bottom-width:0;}
.att_cal table td .CR {
	position:absolute;
	display:block;
	top:50%;
	right:10px;
	margin-top:-30px;
	width:50px;
	height:60px;
	filter:opacity(15%);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:contain;
}
.att_cal table td .CHNO {background-image:url("../images/ico_att_no.svg");}
.att_cal table td .CHOK {background-image:url("../images/ico_att_ok.svg");filter:opacity(100%);}
/* 출석 포인트 내역 */
.att_log {margin-top:10px;background:#ffffff;border:1px solid #333333;overflow:hidden;border-radius:6px;}
.att_log .head {background-color:#555555;line-height:30px;text-align:center;color:#ffffff;font-size:15px;}
.att_log .nodata {margin:0 auto;line-height:60px;text-align:center;color:#666666;font-size:15px;}
.att_log .attBox {display:flex;justify-content:flex-start;flex-wrap:wrap;padding:8px;}
.att_log .att {
	display:flex;
	justify-content:space-between;
	box-sizing:border-box;
	margin:3px;
	padding:5px 10px;
	width:calc(100% / 4 - 6px);
	border-radius:6px;
	border:1px solid #aaaaaa;
	background-color:#f6f6f6;
}
.att_log .att::after {
	content:"";
	filter:opacity(30%);
	display:block;
	box-sizing:border-box;
	width:30px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	background-image:url("../images/ico_completed.svg");
}
.att_log .att .atp {display:block;margin-right:15px;height:20px;line-height:20px;font-size:13px;color:#000000;}
.att_log .att .date {font-weight:400;color:#666666;}
.att_log .att .days::after {content:"일 출첵 상금";font-weight:400;margin-left:2px;}
.att_log .atpin {display:flex;justify-content:flex-start;margin-top:4px;}
.att_log .active {cursor:pointer;background-color:#ffffff;border-color:#000000;}
.att_log .active .atp {font-weight:600;color:#000000;}
.att_log .active .atpin .atp {color:#ff0000;}
.att_log .active::after {filter:opacity(100%);background-image:url("../images/ico_download.svg");}
/* 룰렛 */
.rouletteFrame {padding:30px 0;background-color:#151515;border:1px solid #878787;}
.rouletteBox {
	box-sizing:border-box;
	position:relative;
	margin:0 auto;
	width:800px;
	height:800px;
	border-radius:50%;
	border:30px solid #0067eb;
	background-color:#222222;
}
.rouletteBox .OBJ {box-sizing:border-box;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background-repeat:no-repeat;}
.rouletteBox .END {z-index:400;border-radius:0;width:100%;height:100%;display:none;}
.rouletteBox .BTN {
	z-index:300;
	top:50%;
	left:50%;
	margin-top:-90px;
	margin-left:-90px;
	width:180px;
	height:180px;
	cursor:pointer;
	background-color:rgb(0 0 0 / 90%);
	background-size:contain;
	background-image:url("../images/roulette/start.png");
	box-shadow:0 0 15px rgb(0 0 0 / 70%);
}
.rouletteBox .BTN:hover {background-image:url("../images/roulette/start_on.png");}
.rouletteBox .PIN {
	z-index:200;
	top:-20px;
	left:50%;
	margin-left:-100px;
	width:200px;
	height:100px;
	border-radius:0;
	background-position:top center;
	background-image:url("../images/roulette/pin.png");
}
.rouletteBox .BOARD {
	margin:20px;
	width:calc(100% - 40px);
	height:calc(100% - 40px);
	border:10px solid #ffab00;
	background-color:#ffffff;
	box-shadow:0 0 10px rgb(255 255 255 / 90%);
}
.rouletteBox .roulBoard {
	position:absolute;
	z-index:200;
	top:0;
	bottom:0;
	left:0;
	right:0;
	border-radius:50%;
	width:100%;
	height:100%;
	overflow:hidden;transform:rotate(36deg);
}
.rouletteBox .roulBoard div {position:absolute;}
.rouletteBox .roulBoard .mid_c {
	z-index:100;
	box-sizing:border-box;
	top:50%;
	left:50%;
	margin-top:-130px;
	margin-left:-130px;
	width:260px;
	height:260px;
	border-radius:50%;
	border:6px solid #ffab00;
	background-color:#362525;
	box-shadow:0 0 10px rgb(0 0 0 / 50%);
}
.rouletteBox .roulBoard .Rarea {z-index:90;top:0;left:0;width:100%;height:100%;}
.rouletteBox .roulBoard .Rarea::before {
	content:"";
	position:absolute;
	z-index:90;
	top:0;
	left:50%;
	margin-left:-3px;
	width:6px;
	height:50%;
	background-color:#ffab00;
	box-shadow:2px 0px 3px rgb(0 0 0 / 20%);
}
.rouletteBox .roulBoard .Rarea::after {
	content:"";
	position:absolute;
	z-index:100;
	top:0;
	left:50%;
	margin-left:-1px;
	width:2px;
	height:50%;
	background-color:#737373;
}
.rouletteBox .roulBoard .ra1 {transform:rotate(0deg);}
.rouletteBox .roulBoard .ra2 {transform:rotate(72deg);}
.rouletteBox .roulBoard .ra3 {transform:rotate(144deg);}
.rouletteBox .roulBoard .ra4 {transform:rotate(216deg);}
.rouletteBox .roulBoard .ra5 {transform:rotate(288deg);}
/* Roulette Conuter */
.rouletteBox .R_result {box-sizing:border-box;position:absolute;z-index:100;top:0;width:100%;height:100%;}
.rouletteBox .R_result .rnum {
	display:block;
	box-sizing:border-box;
	position:absolute;
	z-index:100;
	top:0;
	padding-top:50px;
	width:100%;
	height:100%;
	text-align:center;
	color:#ffffff;
	font-size:38px;
	font-weight:700;
	font-family:"Montserrat-SemiBold", sans-serif;
	letter-spacing:-1.5px;
}
.rouletteBox .R_result::before {
	content:"";
	display:block;
	position:absolute;
	z-index:90;
	top:0;
	left:0;
	box-sizing:border-box;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:contain;
}
.rouletteBox .RR1 {transform:rotate(0deg);}
.rouletteBox .RR2 {transform:rotate(72deg);}
.rouletteBox .RR3 {transform:rotate(144deg);}
.rouletteBox .RR4 {transform:rotate(216deg);}
.rouletteBox .RR5 {transform:rotate(288deg);}
/* 4개 구간 */
.REC4 .R_result::before {background-image:url("../images/roulette/roulette_num_bg_4.svg");}
.REC4 .RR1::before {filter:hue-rotate(0deg);}
.REC4 .RR2::before {filter:hue-rotate(30deg);}
.REC4 .RR3::before {filter:hue-rotate(144deg);}
.REC4 .RR5::before {filter:grayscale(100%) brightness(800%);}/* 마지막 "꽝" */
/* 5개 구간 */
.REC5 .R_result::before {background-image:url("../images/roulette/roulette_num_bg_5.svg");}
.REC5 .RR1::before {filter:hue-rotate(0deg);}
.REC5 .RR2::before {filter:hue-rotate(30deg);}
.REC5 .RR3::before {filter:hue-rotate(144deg);}
.REC5 .RR4::before {filter:hue-rotate(72deg);}
.REC5 .RR5::before {filter:grayscale(100%) brightness(800%);}/* 마지막 "꽝" */
/* 6개 구간 */
.REC6 .R_result::before {background-image:url("../images/roulette/roulette_num_bg_6.svg");}
.REC6 .RR1::before {filter:hue-rotate(0deg);}
.REC6 .RR2::before {filter:hue-rotate(30deg);}
.REC6 .RR3::before {filter:hue-rotate(144deg);}
.REC6 .RR4::before {filter:hue-rotate(72deg);}
.REC6 .RR5::before {filter:hue-rotate(280deg);}
.REC6 .RR6::before {filter:grayscale(100%) brightness(800%);}/* 마지막 "꽝" */
/* 8개 구간 */
.REC8 .R_result::before {background-image:url("../images/roulette/roulette_num_bg_8.svg");}
.REC8 .RR1::before {filter:hue-rotate(174deg);}
.REC8 .RR2::before {filter:hue-rotate(296deg);}
.REC8 .RR3::before {filter:hue-rotate(8deg);}
.REC8 .RR4::before {filter:hue-rotate(26deg);}
.REC8 .RR5::before {filter:hue-rotate(60deg);}
.REC8 .RR6::before {filter:hue-rotate(76deg);}
.REC8 .RR7::before {filter:hue-rotate(120deg);}
.REC8 .RR8::before {filter:hue-rotate(139deg) brightness(200%);}
/* List */
.Rticket {display:block;}
.Rticket .R_tik {
	margin:0 auto;
	margin-top:10px;
	width:600px;
	border-radius:6px;
	border:1px solid #3e7cce;
	background-color:#244d85;
	text-align:center;
	box-shadow:inset 0 4px 8px rgb(0 0 0 / 80%);
}
.Rticket .R_tik .RT_tit {display:inline-block;vertical-align:top;padding:0 20px;line-height:60px;color:#ffffff;font-size:23px;}
.Rticket .R_tik .RT_txt {display:inline-block;vertical-align:top;padding:0 5px;line-height:60px;color:#ffffff;font-size:23px;}
.Rticket .R_tik .RT_txt.Num {color:#ffd900;font-weight:800;font-size:31px;font-family:"Gotham-Black", sans-serif;}
.rl_list {margin-top:20px;margin-bottom:30px;}
.rl_list .roulette_list_tit {margin:0 5px;margin-bottom:10px;text-align:center;color:#000000;font-size:19px;font-weight:400;}
.rl_list ul {display:flex;justify-content:space-between;border:0px solid #aaaaaa;border-bottom-width:1px;}
.rl_list li {padding:10px 0;width:calc(100% / 4);text-align:center;color:#000000;font-size:13px;}
.rl_list .header {background-color:#444444;border-width:0;}
.rl_list .header li {color:#ffffff;}
/* 페이백 */
.paybackGuide {margin-bottom:20px;padding:15px;border-radius:6px;border:1px solid #cccccc;background-color:#ffffff;}
.paybackGuide ol li {
	display:flex;
	justify-content:flex-start;
	margin-top:5px;
	padding:0 10px;
	height:40px;
	line-height:40px;
	border-radius:4px;
	background-color:#f8f8f8;
	color:#000000;
	font-size:15px;
}
.paybackGuide ol li:first-child {margin-top:0;}
.paybackGuide ol li::before {
	content:"";
	display:block;
	box-sizing:border-box;
	margin:16px 0;
	margin-right:6px;
	width:8px;
	height:8px;
	border-radius:50%;
	border:2px solid #626262;
	background-color:#f8f8f8;
}
.paybackFrame {display:flex;justify-content:space-between;}
/* payback left */
.payBackMop {box-sizing:border-box;width:calc(100% - 370px);}
.payGetBox {margin:0px auto;margin-bottom:0;padding:10px 10px;text-align:center;border-radius:6px;border:1px solid #999999;background-color:#ffffff;}
.paybackGet {display:block;padding:20px 0;}
.paybackGet .getxt {display:block;margin:0 auto;width:500px;border-radius:6px;text-align:center;}
.paybackGet .money {display:flex;justify-content:center;margin-bottom:10px;height:60px;line-height:60px;font-size:29px;font-weight:600;color:#eeff00;background-color:#3a6000;}
.paybackGet .money::before, .paybackGet .money::after {display:block;font-size:25px;font-weight:400;}
.paybackGet .money::before {content:"현재 페이백 가능 금액";margin-right:10px;color:#faffb0;}
.paybackGet .money::after {content:"원";margin-left:5px;}
.paybackGet .getbtn {
	line-height:70px;
	border:1px solid #000000;
	background:linear-gradient(#393939 50%, #232323 50%);
	color:#ffffff;
	font-size:29px;
	font-weight:500;
	letter-spacing:-1px;
}
.payGetBox .getTxt {display:block;line-height:142px;text-align:center;font-size:25px;letter-spacing:-1px;border-radius:5px;border:1px solid #cccccc;background-color:#f6f6f6;}
.payGetBox .End {color:#1b6b00;}
.payGetBox .Get {color:#ff3d00;}
.payGetBox .Day {color:#ff3d00;font-weight:500;}
/* payback right */
.payBackLog {box-sizing:border-box;padding:10px;width:360px;background-color:rgba(255,255,255,0.6);border-radius:6px;border:1px solid #999999;}
.payh2 {margin:10px 0;font-weight:500;font-size:17px;color:#000000;text-align:center;}
.payBlist {}
.payBlist li {display:flex;justify-content:space-between;margin-top:2px;padding:5px;padding-left:10px;border-radius:4px;border:1px solid #cccccc;background-color:#ffffff;}
.payBlist li:first-child {margin-top:0;}
.payBlist .getD {display:block;height:26px;line-height:26px;border-radius:4px;border:1px solid transparent;font-size:17px;color:#000000;}
.payBlist .btn {width:100px;border-radius:24px;text-align:center;color:#ffffff;font-size:15px;font-weight:500;}
.payBlist .in {border-color:#0064a1;background-color:#0094d9;}
.payBlist .out {border-color:#a00000;background-color:#d80000;}
/* ------------------------------------------- 안내 페이지(Rule) ------------------------------------------- */
.rules_wrap {margin:0 auto;}
.rules_wrap .sub_title {
	margin-top:10px;
	padding:0 3px 0 10px;
	line-height:25px;
	color:#FFFFFF;
	font-weight:bold;
	background:linear-gradient(#9c9c9c 0%, #444444 100%);
	background:-ms-linear-gradient(#9c9c9c 0%, #444444 100%);
	border:1px solid #777777;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}
.rules_wrap .sub_list
{
	margin:0 0 10px 0;
	padding:1px;
	background:#ffffff;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}
.rules_wrap .sub_list p { margin:20px;color:#555555; }
.rules_wrap table td { padding:3px;color:#555555;  }
.rules_wrap table td strong {padding-left:10px;font-weight:bold;font-size:15px;color:#040404;}
.rules_wrap table {border-collapse:separate;border-spacing:1px;}
.rules_wrap .handicap_title {color:#ff3600;font-size:34px;line-height:34px;text-shadow:1px 1px #000000;font-family:Verdana, Helvetica, sans-serif, Dotum;}
.guide_wrap {padding:10px;}
.rule_H3 {margin:15px 0 0 5px;padding:0 0 5px 0;font-weight:bold;font-size:16px;color:#222222;}
.topGuideTxt {margin-bottom:10px;padding:15px;background:#111111;color:#ffc400;border:2px dotted #9c9184;border-radius:4px;}
.topGuideTxt ul li {margin-top:5px;}
.topGuideTxt ul li:first-child {margin-top:0;font-weight:bold;}
.Hguide {margin-top:10px;padding:20px;background:#ffffff;border:1px solid #c3c3c3;border-radius:6px;}
.Hguide h3 {margin-bottom:10px;padding-left:5px;font-size:16px;font-weight:700;}
.Hguide .Hdtit {color:#cc0000;font-size:24px;}
.Hguide table {border-collapse:collapse;width:100%;}
.Hguide table th {line-height:18px;}
.Hguide table td {line-height:18px;}
.Hguide .tableDiv {border-radius:4px;overflow:hidden;}
.Hguide .tableDiv table tr {border-top:1px solid #888888;}
.Hguide .tableDiv table tr:first-child {border-top:0;}
.Hguide .tableDiv table th {padding:10px;background:#333333;border-right:1px solid #888888;color:#ffffff;width:13%;}
.Hguide .tableDiv table td {padding:10px;background:#555555;color:#ffffff;}
.Hguide .tableHDiv {margin-bottom:20px;border-radius:4px;overflow:hidden;}
.Hguide .tableHDiv table tr {border-top:1px solid #888888;}
.Hguide .tableHDiv table tr:first-child {border-top:0;}
.Hguide .tableHDiv table th {padding:5px 10px;background:#333333;border-right:1px solid #888888;border-bottom:1px solid #888888;color:#ffffff;font-weight:700;text-align:center;}
.Hguide .tableHDiv table th.tT {color:#ffc400;background:#000000;}
.Hguide .tableHDiv table td {padding:5px 10px;background:#555555;border-right:1px solid #888888;color:#ffffff;text-align:center;}
.Hguide ol {margin:0 5px;}
.Hguide ol li {margin-top:10px;line-height:20px;font-size:14px;}
.Hguide ol li:first-child {margin-top:0;}
.Hguide ol.Dtxt {padding:0 10px;}
.Hguide ol.Dtxt li {margin-top:5px;font-size:12px;}
.Hguide p {line-height:20px;}
.Hguide .DtG {padding:0 10px;}
.Hguide .DtG strong {color:#ff0000;}
/* ------------------------------------------- 로그인 페이지 ------------------------------------------- */
.LoginWrap, .joinWrap {padding:100px 0;}
.loginTit {
	display:block;
	margin-bottom:60px;
	text-align:center;
}
.loginTit p, .loginTit b {
	font-size:50px;
	font-weight:700;
	color:#222222;
	letter-spacing:-1px;
}
.loginTit b {color:#0d02b8;}
.loginFormWrap {
	box-sizing:border-box;
	margin:0 auto;
	padding:40px;
	width:500px;
	border-radius:8px;
	border:1px solid #eeeeee;
	background-color:#f9f9f9;
	box-shadow:-1.7px 1px 5px 0 rgb(0 0 0 / 20%);
	text-align:center;
}
.loginFormWrap .tit_ico {
	display:block;
	margin-bottom:30px;
	height:68px;
	background:url("../images/logo_frism.png") no-repeat center center;
	background-size:contain;
}
.loginFormWrap .tit_sub {
	display:block;
	margin-bottom:10px;
	text-align:center;
	font-size:14px;
	color:#707882;
}
.loginFormWrap .wurk_Box {
	display:inline-block;
	vertical-align:top;
	margin-bottom:20px;
	min-width:200px;
}
.loginFormWrap .weburl {
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0 20px;
	height:36px;
	border-radius:36px;
	background-color:#e2e2e2;
	font-size:14px;
	color:#707882;
}
.loginFormWrap .weburl::before {
	content:"https://";
	display:block;
	padding-left:16px;
	height:18px;	
	color:#3cb4c3;
	background:url("../images/ico_lock.svg") no-repeat left center;
	background-size:auto 12px;
}
.loginForm ul {padding-bottom:10px;}
.loginForm li {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:10px;
}
.loginForm .fot {
	box-sizing:border-box;
	text-align:left;
	font-size:14px;
	font-weight:400;
	color:#000000;
}
.loginForm .tit {
	width:100px;
}
.loginForm .inp {
	padding:0 10px;
	width:calc(100% - 100px);
	height:45px;
	border-radius:10px;
	border:1px solid #dbdbdb;
	background-color:#ffffff;
}
.loginForm .inp::-webkit-input-placeholder {color:#999999;}
.loginForm .Btns {
	cursor:pointer;
	display:block;
	box-sizing:border-box;
	margin-top:10px;
	width:100%;
	height:45px;
	border-radius:10px;
	border:0;
	text-align:center;
	font-size:14px;
	font-weight:600;
	color:#ffffff;
}
.loginForm .btn_login {background-color:#0d02b8;}
.loginForm .btn_join {background-color:#198754;}
/* 추천인 코드 */
.login_propose {display:none;position:fixed;z-index:100;top:0;width:100%;height:100%;background:rgba(0,0,0,0.9);}
.login_proposeBox {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	box-sizing:border-box;
	width:300px;
	padding:20px 60px;
	padding-bottom:30px;
	width:400px;
	border-radius:10px;
	border:3px solid #757575;
	background-image:linear-gradient(#333333 0%, #222222 100%);
	box-shadow:inset 0 0 0 1px rgb(255 255 255 / 80%);
}
.login_proposeBox li {text-align:center;}
.login_proposeBox .code_auto {line-height:40px;font-size:14px;color:#ffffff;}
.login_proposeBox .code_auto b {color:#fff000;font-weight:600;}
.login_proposeBox .title {display:block;margin-bottom:15px;text-align:center;font-size:15px;color:#ffffff;}
.login_proposeBox .code_inp {
	box-sizing:border-box;
	margin:0;
	padding:0 5px;
	width:250px;
	height:40px;
	line-height:40px;
	border-radius:4px;
	border:1px solid #777777;
	background-color:#000000;
	text-align:center;
	font-size:15px;
	font-weight:800;
	color:#ffffff;
}
.login_proposeBox .login_proposeBtn {display:flex;justify-content:center;margin-top:10px;}
.login_proposeBox .login_proposeBtn .PCB {
	cursor:pointer;
	display:block;
	margin:0 3px;
	width:70px;
	line-height:32px;
	border-radius:4px;
	border:1px solid #757575;
	background-color:#353535;
	text-align:center;color:#ffffff;
}
.login_proposeBox .login_proposeBtn .btn_propose_ok {border-color:#989898;background-color:#6b6b6b;}
/* 24시 고객센터 안내 로그인 */
.KokaoGuide {position:absolute;z-index:100;width:100%;top:300px;display:none;}
.kakaoPopUp {margin:0 auto;width:230px;height:136px;background:#333333;border:3px solid #666666;}
.kakaoPopUp .lKGuide {padding:20px 10px;}
.kakaoPopUp .lKGuide p {font-size:12px;text-align:center;color:#eeeeee;}
.kakaoPopUp p.Login_kakao {
	margin:0 auto;
	padding:12px 5px 5px 50px;
	width:140px;height:28px;
	border-radius:30px;
	background:url(../images/common/kakao.png) no-repeat 5px 5px #000000;
	font-weight:bold;
	font-size:16px;
	color:#ffd900;
}
/* 로그인 문의 */
.LoginQframe {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	box-sizing:border-box;
	padding:20px;
	width:400px;
	background:#ffffff;
	border-radius:10px;
	text-align:center;
}
.LoginQframe h1 {margin-bottom:20px;text-align:center;color:#000000;font-weight:bold;font-size:16px;}
.LoginQframe .loginQbox ul li {margin-bottom:10px;}
.LoginQframe .loginQbox ul li input, .LoginQframe .loginQbox ul li textarea {box-sizing:border-box;margin:0;padding:0 10px;width:100%;border-radius:4px;border:1px solid #aaaaaa;background-color:#f7f7f7;color:#000000;}
.LoginQframe .loginQbox ul li input {height:29px;}
.LoginQframe .loginQbox ul li textarea {height:69px;}
.LoginQframe .Qguide {margin-bottom:5px;color:#ff6600;}
.LoginQframe .loginQbtn {margin-top:20px;text-align:center;}
.LoginQframe .loginQbtn a {display:inline-block;vertical-align:top;padding:0 30px;line-height:33px;background:#01509d;border-radius:6px;color:#ffffff;font-weight:bold;}
.blockUI.blockOverlay {background:rgba(0,0,0,0.7)!important;opacity:1.0!important;}
/* 기타 */
.login_notice {position:absolute;top:300px;left:200px;width:435px;z-index:9999;border:3px solid #ccc;background-color: #fff;padding:10px;font-size:10pt;}
.login_notice .title {color:#f60;font-size:13pt;font-weight:bold;}
/* ------------------------------------------- 회원가입 페이지 ------------------------------------------- */
.joinFormWrap {
	box-sizing:border-box;
	margin:0 auto;
	padding:40px;
	width:500px;
	border-radius:8px;
	border:1px solid #eeeeee;
	background-color:#f9f9f9;
	box-shadow:-1.7px 1px 5px 0 rgb(0 0 0 / 20%);
}
.joinFormWrap .propose_key_wrap {margin:15px 0}
.joinFormWrap .propose_key_wrap input {padding: 0 10px; width: 100%; height: 45px; font-size:18px; border-radius: 10px; border: 1px solid #cccccc; background-color: #ffffff;}
.joinFormWrap .agree_msg {background-color: #ddd;padding:10px 5px 10px 25px;border-radius: 5px}
.joinFormWrap .agree_msg li {list-style: disc}
.joinForm .jRow {
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	margin-top:20px;
}
.joinForm .jRow:first-child {margin:0;}
.joinForm .jRow .jot {
	box-sizing:border-box;
	font-size:14px;
	font-weight:400;
	color:#000000;
}
.joinForm .jRow .tit {
	width:100px;
}
.joinForm .jRow .inpo {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	box-sizing:border-box;
	width:calc(100% - 100px);
}
.joinForm .jRow .inp {
	padding:0 10px;
	width:100%;
	height:45px;
	border-radius:10px;
	border:1px solid #cccccc;
	background-color:#ffffff;
}
.joinForm .jRow .inp::-webkit-input-placeholder {color:#999999;}
.joinForm .jRow .inp.ssn {width:45%}
.joinForm .jRow .inp.tel {width:27%}
.joinForm .dbl .inpo {
	justify-content:space-between;
}
.joinForm .dbl .inp {width:calc(100% / 3 - 20px);}
.joinForm .jRow .ds {
	display:block;
	width:30px;
	line-height:43px;
	text-align:center;
	font-size:30px;
	font-weight:200;
	color:#666666;
}
.joinForm .receive {
	margin-right:10px;
	width:26px !important;
	height:26px !important;
}
.CF_NUM_BOX {
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	box-sizing:border-box;
	margin-top:10px;
	padding:10px;
	width:100%;
	border-radius:8px;
	border:1px solid #aaaaaa;
	background-color:#e1e1e1;
}
.CF_NUM_BOX .btn_get_authcode {
	display:block;
	margin-right:10px;
	width:90px;
	line-height:40px;
	border-radius:5px;
	background-color:#2f2f2f;
	text-align:center;
	color:#ffffff;
}
.CF_NUM_BOX .jrbox {
	display:flex;
	justify-content:space-between;
	align-items:center;
	box-sizing:border-box;
	width:calc(100% - 100px);
}
.CF_NUM_BOX .jrbox .inp {
	width:calc(100% - 100px);
	height:40px;
	border-radius:5px;
	border-color:#043094;
}
.CF_NUM_BOX .jrbox .btn_check_authcode {
	box-sizing:border-box;
	margin-left:10px;
	width:90px;
	line-height:39px;
	border-radius:5px;
	text-align:center;
	background-color:#003094;
	color:#ffffff;
}
.CF_NUM_BOX .authcode_msg {
	display:block;
	box-sizing:border-box;
	padding:0 10px;
	line-height:50px;
	width:100%;
	color:#c30000;
}
.joinAgreeWrap { }
.joinAgreeWrap h3 {font-weight:bold;font-size:18px;color:#000000;border-bottom:1px solid #cccccc;padding-bottom:10px;margin-bottom:10px; }
.agRow {
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	padding-top:20px;
}
.agRow.All {
	padding:0;
	padding-bottom:20px;
	border-bottom:1px solid #aaaaaa;
}
.agRow .all_guide {
	display:block;
	margin-top:15px;
	width:100%;
	font-size:11px;
	color:#cccccc;
}
.agRow .hidech {display:none;}
.agRow label {
	cursor:pointer;
	display:flex;
	align-items:center;
	font-size:14px;
	color:#000000;
}
.agRow label::before {
	content:"";
	box-sizing:border-box;
	margin-right:6px;
	width:20px;
	height:20px;
	border-radius:4px;
	border:1px solid #aaaaaa;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	background-image:url("../images/ico_check.svg");
}
.agRow input[type="checkbox"]:checked + label::before {
	border-color:#000e9a;
	background-image:url("../images/ico_checked.svg");
	background-color:#0012ca;
}
.agRow .view_detail {
	cursor:pointer;
	font-size:14px;
	font-weight:500;
	text-decoration:underline;
	color:#0d02b8;
}
.JOINbtns {padding-top:30px;}
.JOINbtns .btns {
	display:block;
	line-height:45px;
	border-radius:8px;
	background-color:#555555;
	text-align:center;
	font-size:14px;
	font-weight:500;
	color:#ffffff;
}
.JOINbtns .btns.btn_join {background-color:#0d02b8;}
.JOINbtns .btns.btn_validate_agree {background-color:#0d02b8;}
.JOINbtns .btns.disabled {background-color:#555555;}
/* 동의 상세 */
.agreeWrap {
	display:none;
	position:fixed;
	z-index:1000;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgb(0 0 0 / 50%);
	backdrop-filter:blur(5px);
}
.agTxtBox {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	box-sizing:border-box;
	padding:20px;
	width:50%;
	max-height:80%;
	overflow-y:auto;
	border-radius:10px;
	background-color:#ffffff;
	box-shadow:0 4px 10px rgba(0, 0, 0, 0.3);
}
.agTxtBox h1 {
	display:block;
	margin-bottom:20px;
	text-align:center;
	font-size:20px;
	font-weight:600;
	color:#000000;
}
.agTxtBox .confirmBtn {
	display:block;
	margin-top:20px;
	line-height:36px;
	border-radius:5px;
	background-color:#007bff;
	text-align:center;
	font-size:16px;
	font-weight:500;
	color:#ffffff;
}
/* !!!!!! ---------------- FX Game ---------------- !!!!!! */
.graph_frame {display:flex;justify-content:space-between;}
.graph_frame .inDiv {position:relative;box-sizing:border-box;border:1px solid #dddddd;}
.graph_frame .GRAMPH {width:860px;overflow:hidden;}
.graph_frame iframe {display:block;margin:0 auto;width:830px;height:520px;border:0;}
.graph_frame .CARTAREA {width:450px;position: relative}
.CARTAREA .row {display:flex;justify-content:flex-start;flex-wrap:wrap;padding:13px 10px;border:0 solid #dddddd;border-bottom-width:1px;}
.CARTAREA .row:last-child {border-bottom-width:0;}
.CARTAREA .game-row {border-top-width:1px !important;}
.CARTAREA .gci {display:flex;justify-content:center;flex-wrap:wrap;box-sizing:border-box;padding:0;width:calc(100% - 160px);min-height:30px;line-height:28px;text-align:center;font-size:13px;}
.CARTAREA .tit {width:160px;}
.CARTAREA .orderTit {font-weight:600;font-size:15px;}
.game_ug_btcusdt1 .orderTit::before {content:"XAU/USD 1분 거래";}
.game_ug_btcusdt2 .orderTit::before {content:"XAU/USD 2분 거래";}
.game_ug_btcusdt5 .orderTit::before {content:"XAU/USD 5분 거래";}
.game_ug_chartc1 .orderTit::before {content:"XAU/USD 1분 거래";}
.game_ug_chartc2 .orderTit::before {content:"XAU/USD 2분 거래";}
.game_ug_chartc5 .orderTit::before {content:"XAU/USD 5분 거래";}
.CARTAREA .inpBox {border:1px solid #cccccc;padding-left:10px;padding-right:10px;justify-content:flex-end;font-weight:600;font-size:15px;}
.CARTAREA .inp {border:0;padding:0;text-align:right;background:none;}
.CARTAREA .btns {display:flex;justify-content:flex-start;flex-wrap:wrap;padding-top:10px;width:100%;}
.CARTAREA .btn {display:block;cursor:pointer;box-sizing:border-box;font-weight:bold;font-size:13px;margin:2px;width:calc(100% / 3 - 4px);height:30px;border:1px solid #aaaaaa;background-color:#f9f9f9;text-align:center;}
.CARTAREA .reset {color:#559b00;}
.CARTAREA .max {color:#ff0000;}
.CARTAREA .ort {font-weight:600;font-size:15px;}
.CARTAREA .order {justify-content:space-between;}
.CARTAREA .order .btn {margin:0;width:calc(100% / 2 - 2px);line-height:28px;color:#ffffff !important;}
.CARTAREA .order .buy {border-color:#d00000;background-color:#ff0000;}
.CARTAREA .order .sell {border-color:#036756;background-color:#106de1;}
.CARTAREA .order .checked {border-color:#777777;background-color:#888888;}
.CARTAREA .Guide {justify-content:center;color:#666666;font-size:17px;}
.CARTAREA .Guide b {margin:0 3px;}
.CARTAREA .miniBetBtn {display:block;box-sizing:border-box;padding:0 20px;width:calc(100% / 3 * 2 - 4px);border:none;border-radius:2px;background-color:#000;text-align:center;color:#ffffff;font-size:16px;}
.CARTAREA .closed-cover-cart {display:flex;position:absolute;width:100%;height:100%;background: rgba(0,0,0,0.7);align-items: center;justify-content: center}
.CARTAREA .closed-cover-cart span {text-align:center;color:#fff;font-size:40px;}
/* 회차, 남은시간 */
.GAME_TURN_BOX {position:absolute;top:546px;right:0;width:1320px;background-color:#eeeeee;}
.GAME_TURN_BOX ul {display:flex;justify-content:space-between;}
.GAME_TURN_BOX li {display:flex;box-sizing:border-box;padding:0 20px;}
.GAME_TURN_BOX .timerBox {justify-content:center;width:calc(100% - 240px);}
.GAME_TURN_BOX .timeBox {justify-content:center;width:340px;}
.GAME_TURN_BOX .TItxt {display:block;height:80px;line-height:80px;font-size:15px;font-weight:500;color:#000000;text-align:center;}
.GAME_TURN_BOX .title.rd {padding-left:50px;}
.GAME_TURN_BOX .watch::before {content:"\f017";margin-right:10px;font-size:28px;}
.GAME_TURN_BOX .num {font-size:25px;font-weight:600;margin-left:20px;margin-right:20px;}
.GAME_TURN_BOX .timerBox .TItxt {font-size:25px;}
.BetEnd {position:absolute;z-index:100;top:0px;left:0;box-sizing:border-box;width:100%;height:80px;line-height:86px !important;background-color:rgb(0 0 0 / 80%);text-align:center;font-size:40px;color:#ffffff;}
/* 하단 정보 영역 */
.miniInfoArea {display:flex;justify-content:space-between;margin-top:120px;}
.miniInfoArea .BOX {box-sizing:border-box;border:1px solid #dddddd}
.miniInfoArea .BOX .Mbltit {display:block;padding:10px;text-align:center;font-size:17px;font-weight:500;}
/* 베팅리스트 */
.MiNiBetList {width:calc(100% - 510px);}
.game_ug_btcusdt1 .MiNiBetList .Mbltit::before {content:"XAU/USD 1분 거래 주문내역";}
.game_ug_btcusdt2 .MiNiBetList .Mbltit::before {content:"XAU/USD 2분 거래 주문내역";}
.game_ug_btcusdt5 .MiNiBetList .Mbltit::before {content:"XAU/USD 5분 거래 주문내역";}
.BET_List ul {display:flex;justify-content:space-between;border:0 solid #eeeeee;border-bottom-width:1px;}
.BET_List .head {border-top-width:2px;border-color:#aaaaaa;background-color:#f9f9f9;}
.BET_List .head li {text-align:center !important;color:#000000 !important;}
.BET_List li {padding:10px 0;height:30px;line-height:30px;text-align:center;}
.BET_List .NoList {width:100%;height:286px;line-height:286px;}
.BET_List .Cselect {width:50px;}
.BET_List .turn {width:150px;}
.BET_List .betTime {width:80px;}
.BET_List .gType {width:80px;}
.BET_List .bType {width:100px;}
.BET_List .betM {width:120px;text-align:right;}
.BET_List .status {width:70px;color:#4e8600;}
.BET_List .SUCC {color:#000000;font-weight:500;}
.BET_List .FAIL {color:#a4a4a4;}
.BL_btn_box {padding:10px;}
.BL_btn_box ul {display:flex;justify-content:space-between;}
.BL_btn_box li {display:flex;justify-content:flex-start;}
.BL_btn_box li:last-child {justify-content:flex-end;}
.BL_btn_box .btn {display:block;padding:0 20px;box-sizing:border-box;height:30px;line-height:30px;background-color:#868686;text-align:center;font-size:13px;color:#ffffff;}
.BL_btn_box li .btn {margin-right:5px;}
/* 결과정보 */
.game_ug_btcusdt1 .RESULT_INFOS .Mbltit::before {content:"XAU/USD 1분 거래 결과";}
.game_ug_btcusdt2 .RESULT_INFOS .Mbltit::before {content:"XAU/USD 2분 거래 결과";}
.game_ug_btcusdt5 .RESULT_INFOS .Mbltit::before {content:"XAU/USD 5분 거래 결과";}
.RESULT_INFOS {width:500px;}
.RESULT_INFOS ul {height:410px;overflow-y:auto;}
.RESULT_INFOS li {display:flex;justify-content:flex-start;padding:10px;border:0px solid #eeeeee;border-bottom-width:1px;}
.RESULT_INFOS .head {border-top-width:2px;border-color:#aaaaaa;background-color:#f9f9f9;}
.RESULT_INFOS .rt {display:flex;justify-content:center;box-sizing:border-box;width:calc(100% / 4);height:30px;line-height:30px;}
.RESULT_INFOS .result {border-radius:30px;background-color:#cccccc;}
.RESULT_INFOS .S {background-color:#106de1;}
.RESULT_INFOS .B {background-color:#e42828;}
.RESULT_INFOS .T {background-color:#39922a;}
.RESULT_INFOS .result span {color:#ffffff !important;}
.RESULT_INFOS .head .result {background-color:transparent;}
/* !!!!!!!!!!!!!!!!!!!!! Scratch Event !!!!!!!!!!!!!!!!!!!!! */
.scratch_WRAP img {vertical-align:top;width:100%;}
.scratch_body {
	position:relative;
	height:1912px;
	background-repeat:no-repeat;
	background-image:url("../images/scratch/event_bg.webp");
}
.scratch_body .scr {
	display:block;
	text-align:center;
	font-size:26px;
	color:#ffffff;
	filter:opacity(0.7);
}
.scratch_body .scr.notice {
	display:block;
	text-align:center;
	font-size:16px;
	margin-top:30px;
	color:#ffffff;
}
.scratch_body .src_txt {
	display:block;
	margin-top:20px;
	text-align:center;
	font-size:36px;
	font-weight:600;
	text-shadow:3px 3px 0px rgb(0 0 0 / 40%);
	color:#ffffff;
}
.scratch_body .title {
	margin-bottom:30px;
	font-size:36px;
	font-weight:500;
	filter:opacity(1.0);
}
.scratch_body .title b {
	font-weight:600;
	color:#00fff6;
}
.scratch_Action {
	position:absolute;
	top:997px;
	left:250px;
	width:820px;
	height:152px;
}
.scratch_Action .scrtEvent {
	display:flex;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
	padding:0 40px;
	width:100%;
	height:100%;
	background-color:#ffffff;
	overflow:hidden;
}
.scratch_Action .scrtEvent .srcRetx {
	position:relative;
	display:block;
	text-align:center;
	font-size:70px;
	font-weight:500;
	color:#ffffff;
}
.scratch_Action .resultView .srcRetx {
	color:#003073;
}
.scratch_Action .resultView .srcRetx.hidden {
	display: none;
}
.scratch_Action canvas {
	position:absolute;
	top:0;left:0;
	width:100%;
	height:100%;
}
.scratch_Action canvas.cleared {
	opacity: 0;
	transition: opacity 0.6s ease-out;
}
.scratch_Guide {
	margin:0 auto;
	width:320px;
}
.scratch_Guide li {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:10px;
	padding:0 15px;
	height:40px;
	border-radius:40px;
	background-color:rgb(255 255 255 / 10%);
	box-shadow:0px 3px 6px rgb(0 0 0 / 30%);
	font-size:18px;
	color:#ffffff;
}
.scratch_Guide li::before, .scratch_Guide li::after {
	content:"";
	width:10px;
	height:10px;
	border-radius:50%;
	background-color:#b5cbe2;
}
.scr_bottom {
	display:block;
	padding:40px;
	line-height:36px;
	text-align:center;
	font-size:24px;
	font-weight:600;
	color:#0059ae;
}