#wrapper header {background:transparent; border:0 !important;}
#wrapper footer {background:transparent; border:0px solid red; height:auto; position:fixed !important;}
#wrapper header .top_pos .member > .home {display:none;}
.btm_wrap {padding:0 40px 40px 0; text-align:right; top:0;  transform:none; position:relative;}
.btm_wrap .logo {displ ay:none;}
.btm_wrap .info span {padding: 0 0 0 10px;}
.btm_wrap .copy {padding-top:10px;}
.open_pop_show	{display:inline-block !important;}
ul.rule_nav li {padding:0 10px 0 0; margin:0 0 0 10px;}
ul.rule_nav li:last-child {padding:0 0 0 10px; margin:0;}

@media screen and (max-width: 650px){
	.btm_wrap {padding:20px 10px; text-align:center;}
	.btm_wrap .logo,
	.btm_wrap .info {display:none;}
	.btm_wrap .info span {padding: 0 2px; !important;}
}

.main_pro_box {position:fixed; top:0; left:0; right:0; margin:auto; width:100%; height:100%; border:0px solid red; background:#fff; border-radius:0px; transition: all .3s;}
.main_pro_box .edge_bg {position:absolute; top:0; right:0;}
.main_pro_box .edge_bg.cl_1 {border-top:800px solid #eee; border-left:600px  solid transparent; opacity:0.3; z-index:3;}
.main_pro_box .edge_bg.cl_2 {border-top:800px solid #fafafa; border-left:650px  solid transparent; opacity:0.5; z-index:2;}
.main_pro_box .mpb_pos {position:relative; top:48%; left:0; right:0; margin:auto; max-width:1300px; width:100%; transform:translateY(-50%); padding:80px 100px; border:0px solid red; z-index:10;}
.main_pro_box .mt_hdbx {position:relative;}
.main_pro_box .mt_hdbx > .qr_box {position:absolute; top:60px; right:-20px; width:263px; transition:all .3s; padding:30px; animation-name: slide_up; animation-duration:0.8s;animation-iteration-count: 1; animation-direction:normal;animation-fill-mode: forwards;  -webkit-animation-delay: 1s; animation-delay: 1s;opacity: 0;}
.main_pro_box .mt_hdbx > .qr_box .edge_line {position:absolute; width:20px; height:20px; border:1px dashed #999;}
.main_pro_box .mt_hdbx > .qr_box .edge_line.el1 {top:0; left:0; border-width:1px 0 0 1px; }
.main_pro_box .mt_hdbx > .qr_box .edge_line.el2 {top:0; right:0; border-width:1px 1px 0 0;}
.main_pro_box .mt_hdbx > .qr_box .edge_line.el3 {bottom:0; left:0; border-width:0 0 1px 1px;}
.main_pro_box .mt_hdbx > .qr_box .edge_line.el4 {bottom:0; right:0; border-width:0 1px 1px 0;}
.main_pro_box .mt_hdbx > .qr_box img {width:100%; }
.main_pro_box .mt_hdbx > .qr_box h3 {width:100%; font-size:15px; display:inline-block; padding-top:15px; text-align:center; font-weight:900; color:#111; line-height:100%;}
.main_pro_box .mt_hdbx > .qr_box span {width:100%; font-size:11px; display:inline-block; padding-top:7px; text-align:center; font-weight:800; color:#555; line-height:100%;}
.main_pro_box .mt_hdbx h2 {position:relative;font-size:43px; font-weight:200; color:#000; line-height:110%;padding:20px 0 0 0; }
.main_pro_box .mt_hdbx h2 > em {font-size:30px; font-weight:500; color:#ddd; display:inline-block; line-height:110%; width:100%; font-style:normal;padding:0 0 5px 5px; position:relative;animation-name: slide_default; animation-duration:0.8s;animation-iteration-count: 1; animation-direction:normal;animation-fill-mode: forwards;  -webkit-animation-delay: 0.3s; animation-delay: 0.3s;opacity: 0;}
.main_pro_box .mt_hdbx h2 > span {font-size:70px; font-weight:800; color:#000; display:inline-block; line-height:110%; position:relative;animation-name: slide_default; animation-duration:0.8s;animation-iteration-count: 1; animation-direction:normal;animation-fill-mode: forwards;  -webkit-animation-delay: 0.5s; animation-delay: 0.5s;opacity: 0;}
.main_pro_box .mt_hdbx h2 > span.sym {max-width:780px !important; width:100%; margin-bottom:13px;}
.main_pro_box .mt_hdbx h2 .sta_ment {display:inline-block; position:relative;animation-name: slide_default; animation-duration:0.8s;animation-iteration-count: 1; animation-direction:normal;animation-fill-mode: forwards;  -webkit-animation-delay: 0.8s; animation-delay: 0.8s;opacity: 0;}
.main_pro_box .mt_hdbx h2 .sta_ment em {font-weight:500; font-style:normal;}
.main_pro_box .mt_hdbx h2 .sta_ment .schedule_box {position: relative; top: 0; left: 0;}
.main_pro_box .mt_hdbx h2 .sta_ment .schedule_box .go_bid {position:relative; top:0; left:0; width:250px; background:#e24078; border-radius:35px;margin:30px 0 0 -5px; transition:all .2s;}
.main_pro_box .mt_hdbx h2 .sta_ment .schedule_box .go_bid a {display:block; font-size:15px; line-height:100%; padding:20px 0px; white-space:nowrap; color:#fff; font-weight:800; text-align:center;}
.main_pro_box .mt_hdbx h2 .sta_ment .schedule_box .go_bid:before {content:""; position:absolute; top:50%; left:-5px; transform:translateY(-50%); border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:5px solid #e24078; display:none;}
.main_pro_box .mt_hdbx h2 .sta_ment .schedule_box .go_bid:hover {background:#ff1f6c;}
.main_pro_box .mt_hdbx h2 .sta_ment .schedule_box .go_bid:hover:before {border-right:5px solid #ff1f6c;}
.main_pro_box .mt_hdbx h2 .sta_ment .schedule_box .go_bid.ready {background:#e24078;}
.main_pro_box .mt_hdbx h2 .sta_ment .schedule_box .go_bid.ready:before {border-right:5px solid #e24078;}
.main_pro_box .mt_hdbx h2 .sta_ment .schedule_box .go_bid.ready:hover {background:#ff1f6c;}
.main_pro_box .mt_hdbx h2 .sta_ment .schedule_box .go_bid.ready:hover:before {border-right:5px solid #ff1f6c;}
.main_pro_box .mt_hdbx h2 .sta_ment .schedule_box .go_bid.ing {background:var(--btn_bg_off);;}
.main_pro_box .mt_hdbx h2 .sta_ment .schedule_box .go_bid.ing:before {border-right:5px solid var(--btn_bg_off);;}
.main_pro_box .mt_hdbx h2 .sta_ment .schedule_box .go_bid.ing:hover {background:var(--btn_bg_on);;}
.main_pro_box .mt_hdbx h2 .sta_ment .schedule_box .go_bid.ing:hover:before {border-right:5px solid var(--btn_bg_on);}
.main_pro_box .mt_hdbx > p {position:relative;font-size:20px; font-weight:200; color:#777; line-height:160%; padding:25px 0 0 6px; display:none;}
.main_pro_box .notice_area {position:relative; max-width:500px; width:100%; margin:50px 0 0 9px;  padding:0 0 0 15px; border-left:0px solid #eee;animation-name: slide_default; animation-duration:0.8s;animation-iteration-count: 1; animation-direction:normal;animation-fill-mode: forwards;  -webkit-animation-delay: 1s; animation-delay: 1s;opacity: 0;}
.main_pro_box .notice_area h3 {position:relative;font-size:12px; font-weight:800; color:#fff; line-height:110%;border-radius:35px; display:inline-block; margin:0 0 10px 0; color:#777; padding:0; background:transparent;}
.main_pro_box ul.notice_mbx {position:relative;}
.main_pro_box ul.notice_mbx li {position:relative; text-align:left;}
.main_pro_box ul.notice_mbx li h4,
.main_pro_box ul.notice_mbx li p,
.main_pro_box ul.notice_mbx li span {position:relative; display:inline-block; width:100%;}
.main_pro_box ul.notice_mbx li h4 a {display:block; font-family:var(--neo); font-size:20px; color:#333; line-height:140%; font-weight:700; transition:all .3s;}
.main_pro_box ul.notice_mbx li p { margin:10px 0 0 0;}
.main_pro_box ul.notice_mbx li p a {display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:3; font-family:var(--neo); font-size:13px; color:#000; opacity:0.45; transition:all .3s;}
.main_pro_box ul.notice_mbx li span {font-size:12px; color:#000; padding:15px 0 0 0; opacity:0.65; text-align:left;}
.main_pro_box ul.notice_mbx li:hover h4 a {color:#000;}
.main_pro_box ul.notice_mbx li:hover p a {opacity:1;}
.main_pro_box .eff_box {position:absolute; bottom:-80px; left:-80px; width:100%; opacity:0.7;}
.main_pro_box .eff_box .eff_txt {position:relative; line-height:90%; text-transform:uppercase;}
.main_pro_box .eff_box .eff_txt.et1 {font-family:var(--GB); font-size:350px; color:rgba(0,0,0,0.025); letter-spacing:-0.2em;}
.main_pro_box .eff_box .eff_txt.et2 {font-family:var(--GB); font-size:200px; color:rgba(0,0,0,0.02); letter-spacing:-0.33em; margin:-70px 0 0 0;}
.main_pro_box .bg_sym {position:absolute; bottom:-80px; right:-80px; opacity:0.06; text-align:right;}
.main_pro_box .bg_sym img {max-width:1000px; width:calc(100% - 100px);}

@media screen and (max-width: 1500px){
	.main_pro_box .eff_box {display:none;}
}

@media screen and (max-width: 1160px){
	.main_pro_box .mpb_pos {padding:20px 50px;}
	.main_pro_box .mt_hdbx > .qr_box {display:none;}
	.main_pro_box .mt_hdbx h2 {font-size:35px;padding:0px 0 0 0; }
	.main_pro_box .mt_hdbx h2 > em {font-size:25px;padding:0 0 7px 0px;}
	.main_pro_box .mt_hdbx h2 > span {font-size:60px;}
	.main_pro_box .mt_hdbx h2 > span.sym {margin-bottom:13px;}
	.main_pro_box .mt_hdbx h2 .sta_ment .schedule_box {position: relative; top: 0; right: initial; transform: none; left: 0;}
	.main_pro_box .mt_hdbx h2 .sta_ment .schedule_box .go_bid {position:relative; top:0; left:0; transform:none; width:200px; font-size:14px;  margin:20px 0 0 -5px;border-radius:35px;}
	.main_pro_box .mt_hdbx h2 .sta_ment .schedule_box .go_bid a {padding:15px 0; font-size:17px;}
	.main_pro_box .mt_hdbx h2 .sta_ment .schedule_box .go_bid:before {display:none;}
	.main_pro_box .notice_area h3 {margin:0 0 10px 0; padding:0;}
}

@media screen and (max-width: 650px){
	.main_pro_box .edge_bg.cl_1 {border-top:400px solid #eee; border-left:300px  solid transparent; opacity:0.3;}
	.main_pro_box .edge_bg.cl_2 {border-top:400px solid #fafafa; border-left:350px  solid transparent; opacity:0.5;}
	.main_pro_box .mpb_pos {padding:0px 50px;}
	.main_pro_box .mt_hdbx h2 {font-size:4.6vw;padding:0px 0 0 0; }
	.main_pro_box .mt_hdbx h2 > em {font-size:3.3vw;padding:0 0 7px 0px;}
	.main_pro_box .mt_hdbx h2 > span {font-size:7.2vw;}
	.main_pro_box .mt_hdbx h2 > span.sym {margin-bottom:13px;}
	.main_pro_box .mt_hdbx h2 .sta_ment .schedule_box .go_bid {width:170px; font-size:13px;  margin:20px 0 0 -5px;}
	.main_pro_box .mt_hdbx h2 .sta_ment .schedule_box .go_bid a {padding:15px 0; font-size:13px;}
	.main_pro_box .notice_area {margin:40px 0 0 0px;  padding:0 10px;}
	.main_pro_box .notice_area h3 {font-size:10px; margin:0 0 5px 0; }
	.main_pro_box ul.notice_mbx li h4 a {font-size:15px; }
	.main_pro_box ul.notice_mbx li p { margin:10px 0 0 0;}
	.main_pro_box ul.notice_mbx li p a {font-size:10px;  line-height:140%; opacity:0.2;}
	.main_pro_box ul.notice_mbx li span {font-size:10px; padding:0px 0 0 0;}
	.main_pro_box .eff_box .eff_txt {display:none;}
	.main_pro_box .eff_box .eff_txt.et1 {font-size:150px; letter-spacing:-0.2em;}
	.main_pro_box .eff_box .eff_txt.et2 {font-size:100px; letter-spacing:-0.33em; margin:-40px 0 0 0;}
	.main_pro_box .bg_sym {bottom:-30px; right:-80px;}
}

/**/
#wrapper.mnp header .top_pos .logo a span {color:#fff;}
#wrapper.mnp header .top_pos ul.log_mem li {border-color: rgba(255,255,255,0.4);}
#wrapper.mnp header .top_pos ul.c1_cate li a {color:rgba(255,255,255,0.8);}
#wrapper.mnp header .top_pos ul.log_mem li span {color:rgba(255,255,255,0.8);}
#wrapper.mnp header .top_pos ul.log_mem li:hover span {color:rgba(255,255,255,1);}
#wrapper.mnp header button i {color: #fff;}

#wrapper.mnp .main_pro_box {background: #10223b;}
#wrapper.mnp .main_pro_box .mt_hdbx h2 > span {color:#00edff;}
#wrapper.mnp .main_pro_box .mt_hdbx h2 > em {color:rgba(255,255,255,0.4);}
#wrapper.mnp .main_pro_box .mt_hdbx h2 .sta_ment {color:rgba(255,255,255,1);}

#wrapper.mnp .main_pro_box .notice_area h3 {color:rgba(255,255,255,0.4);}
#wrapper.mnp .main_pro_box ul.notice_mbx li h4 a {color:rgba(255,255,255,0.7);}
#wrapper.mnp .main_pro_box ul.notice_mbx li h4 a:hover {color:rgba(255,255,255,0.8);}

#wrapper.mnp .main_pro_box ul.notice_mbx li p a {color:rgba(255,255,255,0.5);}
#wrapper.mnp .main_pro_box ul.notice_mbx li span {color:rgba(255,255,255,0.4);}
#wrapper.mnp .main_pro_box .mt_hdbx > .qr_box {background: #fff; border-radius: 20px; width:263px; padding: 30px;}
#wrapper.mnp .main_pro_box .mt_hdbx > .qr_box .edge_line {display: none;}
#wrapper.mnp .btm_wrap .logo span {color: #fff;}
#wrapper.mnp ul.rule_nav li {border-color: rgba(255,255,255,0.4);}
#wrapper.mnp ul.rule_nav li a {color:rgba(255,255,255,0.4);}
#wrapper.mnp ul.rule_nav li a:hover {color:rgba(255,255,255,0.8);}
#wrapper.mnp .btm_wrap .info span {color:rgba(255,255,255,0.5);}
#wrapper.mnp .btm_wrap .info span em  {color:rgba(255,255,255,0.3);}
#wrapper.mnp .btm_wrap .info span a {color:rgba(255,255,255,0.5);}
#wrapper.mnp .btm_wrap .copy  {color:rgba(255,255,255,0.4);}
#wrapper.mnp .btm_wrap .copy span  {color:rgba(255,255,255,0.7);}