/* 로그인 */
.loginL {position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1; background:url(/admin/image1/login_bg.png) no-repeat; background-size:cover;}
.loginR {position:absolute; top:50%; left:50%; margin-top:-290px; margin-left:-235px; width:470px; background:rgba(0,0,0,.7); padding:60px 55px 40px 55px; border-radius:50px;}

.loginVod {position:absolute; width:100%; height:100%;}
.loginVod .vod {width:100%; height:100% !important; background:rgba(0,0,0,.4);}
.loginVod .vod div {width:100%; height:100% !important;}
.loginVod .vod div video {width:auto; height:100%;}

.loginWrap {width:100%; text-align:center;} 
.loginWrap .tit {padding:10px 0; font-size:20px; font-weight:600; color:#f9ba33; letter-spacing:1px;}
.loginWrap .loginLang {width:100%; height:50px;  border-top:0; border-right:0; border-left:0; border-radius:0px; text-indent:7px;}
.loginWrap p {margin:7px 0;}
.loginWrap select {color:#f9ba33;}
.loginWrap select option {color:#000;}
.loginWrap input {width:100%; height:50px; background:rgba(255,255,255,.1); color:#f9ba33; border:0; border-radius:0px; text-indent:7px;}
.loginWrap input:hover {border-bottom:2px solid #f9ba33;}
.loginWrap input::placeholder {color:#f9ba33;}
.loginWrap a.btnLogin {width:100%; height:55px; background:#f9ba33; margin:25px 0 0 0; line-height:55px; font-size:14px; font-weight:600; letter-spacing:0.5px; border-radius:5px; display:block; }
.loginWrap .signLink {padding:15px 0 0 0; }
.loginWrap .signLink p {cursor:pointer; color:#f9ba33;}

.loginWrap .td i {
	position: absolute;
	top: -2px;
	right: -2px;
	width: 50px;
	height: 100%;
	padding: 13px 0;
	border: 0;
	color: #f9ba33;
	display: flex;
	align-items: center;
}

@media all and (max-width:580px) {
	.loginR {width:360px; margin-top:-245px; margin-left:-180px; padding:40px 30px 30px 35px; border-radius:20px;}
	.loginWrap .loginLang {height:40px;}
	.loginWrap input {height:40px;}
	.loginWrap a.btnLogin {height:45px; line-height:45px; font-size:13px;}
	.loginWrap img {width:95px; height:auto;}
}



/* 왼쪽메뉴 */
.leftWrap {position:fixed; top:0; left:0; width:320px; height:100%; padding:60px 18px 0 18px; border-right:1px solid #31303e; overflow-y:auto;}
.leftWrap .logo {width:140px; height:140px; background:url(/admin/image1/logo.png) no-repeat; background-size:100%; margin:0 auto 55px; font-size:24px; color:#9fa4b8; text-align:center;}

.leftWrap .userWrap {text-align:center; font-family:'gilroymedium', 'Noto Sans KR'; text-transform:uppercase;}
.leftWrap .userWrap img {vertical-align:middle;}
.leftWrap .userWrap strong {color:#fff; font-weight:500;}
.leftWrap .userWrap .btnOut {background:#ffc446; padding:5px 8px; font-weight:600; font-size:9px; border-radius:3px; letter-spacing:0.2px; display:inline-block;}

.leftWrap .tLang {width:60%; margin:7px auto 0;}
.leftWrap .tLang select {width:100%; height:35px; background:rgba(255,255,255,.15); color:rgba(255,255,255,.6); border-radius:5px; border:0px solid #ddd;}
.leftWrap .tLang select option {background:#33323e;}

.leftWrap .nav {width:65%; margin:25px auto 20px;}
.leftWrap .nav li {position:relative; height:33px; padding:0 2px; line-height:33px; color:#7f7e8e; font-size:15px; font-weight:500; font-family:'gilroymedium', 'Noto Sans KR'; letter-spacing:0; display:inline-block; transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease;}
.leftWrap .nav li:before {content:""; position:absolute; width:0px; left:0%; bottom:5px; height:3px; border-radius:1.5px; background:#ffd67d; z-index:-1; transition:0.3s; -webkit-transition:0.3s; }
.leftWrap .nav li.on:before, .leftWrap .nav li:hover:before {width:100%; right:100%; height:3px; background:#ffd67d; color:#fff;}
.leftWrap .nav li.on a {color:#fff;}
.leftWrap .nav li a {display:block; }
.leftWrap .close1 {display:none;}


@media screen and (max-width: 1500px) {
	.leftWrap {width:20%;}
}

@media screen and (max-width: 1300px) {
	.leftWrap {width:300px; left:auto; right:-310px; background:#000; border-right:0;}
	.leftWrap .logo {background:url(/admin/image1/logo.png) no-repeat; background-size:100%;}
	.leftWrap .close1 {position:absolute; top:15px; left:15px; width:20px; height:20px; background:url(/admin/image1/icon_x_w.png) no-repeat center; border-radius:50%; display:inline-block;}
	
	.leftWrap .userWrap strong {}

	.leftWrap .tLang select {/* background:rgba(0,0,0,.05); color:rgba(0,0,0,.6); */}
	.leftWrap .tLang select option {/* background:#fff; */}

	.leftWrap .nav li:before {height:15px; border-radius:7.5px;}
	.leftWrap .nav li {/* color:#333; */}
	.leftWrap .nav li.on:before, .leftWrap .nav li:hover:before {/* width:100%; right:100%; height:15px; background:#ffd67d; */ /* color:#000; */}
	.leftWrap .nav li.on a {/* color:#000; */}
}

@media screen and (max-width: 768px) {
	.leftWrap .logo { margin:0 auto 35px;}
	.leftWrap .tLang {width:65%;}
	.leftWrap .nav {margin:35px auto 20px;}
}

/* 오른쪽 메뉴 */
.rMenu {width:65%; margin:25px auto 20px;}
.rMenu .tt {position:relative; transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease; display:inline-block;}
.rMenu .tt:before {content:""; position:absolute; width:0; left:0%; bottom:-7px; height:3px; border-radius:1.5px; background:#ffd67d; transition:0.3s; -webkit-transition:0.3s; z-index:-1;}
.rMenu .tt.on:before, .rMenu .tt:hover:before {width:100%; right:100%; height:3px; background:#ffd67d;}

.rMenu li {overflow:hidden; padding:10px 0 7px 0; color:#7f7e8e; font-size:15px; font-family:'gilroymedium', 'Noto Sans KR'; border-bottom:3px solid transparent;}
.rMenu li.on {border-bottom-color: #ffd67d;}
.rMenu li.on a {color:#fff;}
/* .rMenu .on {font-weight:bold; cursor:pointer; display:block; overflow:hidden;} */
.rMenu li.btn a.on::after {
	content: '';
    position: absolute;
    right: 13px;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -5px;
    border: 0px solid #7f7e8e;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.rMenu li.ly{overflow:hidden; width:100%; margin:0px 0 0 0; padding:5px; color:#7f7e8e; border-bottom:1px solid #ffd67d; background:#0f0e1c;} 
.rMenu li.ly,
.rMenu dt {display:none;}
.rMenu dl {padding:5px 0; margin:0;}
.rMenu dd a {display:block;}
/* .rMenu dd a {padding:3px 20px 1px 20px; display:block;} */
/* .rMenu dl a:hover	{background:#eee;} */
.rMenu dd {line-height:24px; font-size:15px; }
.rMenu li.ly.active {display:block;}

.rMenu li.btn a {position:relative; width:100%;}
.rMenu li.btn a::after {
	content: '';
    position: absolute;
    right: 13px;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -5px;
    border: 0 solid #7f7e8e;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.rMenu .vn {letter-spacing:-1.5px;}

@media screen and (max-width: 1400px) {
	.rightMenu {width:180px;}
	.rMenu li {font-size:16px;}
}


@media screen and (max-width: 1000px) {
	.rightMenu {position:static; width:210px;}
	.rMenu li.ly {background:rgba(0,0,0,.01);}
}


/* layout */
.mainWrap {width:1088px; margin:70px 0 0 400px; }
.mobileTop {display:none;} 
.whiteDoc { border-radius:25px; overflow:hidden;}
.pageTit {font-size:30px; font-weight:400;}
.fontP {color:#7650e0; font-size:13px; font-weight:500;}
.result {margin:40px 0; padding:30px; color:#7650e0;}
.info {margin:40px 0; padding:30px; color:#7650e0; font-weight:400;}
.midTitle {font-weight:400; font-size:17px;}
.spaceV50 {width:100%; height:50px;}
.fr {float:right;}
.fl {float:left;}
#mask {position:fixed; width:100%; height:100%; background:rgba(0,0,0,.7); display:none; z-index:100;}


@media screen and (max-width: 1500px) {
	.mainWrap {width:75%; margin:40px 0 0 23%;}
}

@media screen and (max-width: 1300px) {
	.mainWrap {width:95%; margin:10px auto 40px;}

	.pageTit {font-size:25px; padding:30px 0 0 30px;}

	.mobileTop {width:100%; padding:20px 2.5% 45px 2.5%; text-align:center; display:block;} 
	.mobileTop .mLogo {float:left; width:40px; height:40px; background:url(/admin/image1/logo_w.png) no-repeat; background-size:100%; display:inline-block;}
	.mobileTop .mMenu {position:absolute; top:20px; right:2.5%; width:40px; height:40px; background:url(/admin/image1/icon_nav_w.png) no-repeat center; display:inline-block; }

	.mobileTop.fixed {position:fixed; top:0; left:0; background:#000; padding:15px 2.5%; box-shadow:0 10px 15px rgba(0,0,0,.05); z-index:3;}
	.mobileTop.fixed .mLogo { padding:5px 0 0 0; font-size:30px;}
	.mobileTop.fixed .mMenu {width:35px; height:35px;}
}

@media screen and (max-width: 1000px) {
	.mainWrap {margin:0px auto 40px;}
	.whiteDoc {border-radius:15px;}
	.mobileTop {padding:20px 2.5% 55px 2.5%;}
	.mobileTop .mLogo {}
	.mobileTop .mMenu {width:35px; height:35px; top:20px;}
}

@media screen and (max-width: 768px) {
	.mainWrap {width:95%; }
	.whiteDoc {border-radius:7px;}
	.mobileTop .mLogo {width:38px; height:38px;}
}

@media screen and (max-width: 520px) {
	.mobileTop {padding:20px 2.5% 40px 2.5%;}
	.mobileTop .mLogo {width:30px; height:30px;}
	.mobileTop .mMenu {top:15px;}
}

@media screen and (max-width: 400px) {
	
}


/* main */
.beeWrap {position:relative; float:left; width:60%; height:350px; text-align:center; background: url(/admin/image1/bee05.png) no-repeat; background-size:cover;}
.beeWrap img {width:100%; height:auto; }
.beeWrap .text {position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); text-align:center; color:#fff; font-size:33px; letter-spacing:0; z-index:3;}
.beeWrap strong {font-weight:600; font-family: 'gilroybold', 'Noto Sans KR';}
.beeWrap .beeHead {display:flex; font-size:24px; color:#fff; width:90%; transform:translate(35px, 55px); text-align:left;}
.beeWrap .beeSub {display:flex; font-size:20px; color:#fff; width:90%; transform:translate(35px, 90px); text-align:left;}
.beeWrap .wrapper canvas{position: absolute; top:79px; left:186%;}
.beeWrap .wrapper .center-text{position: absolute; top: 50%; left: 237%; transform: translate(-50%, 321%); font-size: 32px; font-weight: bold; color: #f9ba33;}

@media screen and (max-width: 960px) {
	.beeWrap {width:62.5%; height:260px;}
	.beeWrap .text {font-size:26px;}
}

@media screen and (max-width: 620px) {
	.beeWrap {width:100%; height:300px;}
	.beeWrap .text {font-size:33px;}
}

@media screen and (max-width: 540px) {
	.beeWrap {height:250px;}
	.beeWrap .text {font-size:26px;}
}

@media screen and (max-width: 460px) {
	.beeWrap {height:200px; margin: 0 0 20px 0;}
	.beeWrap .text {font-size:23px;}
	.beeWrap .beeHead {font-size:16px; transform:translate(25px, 25px)}
	.beeWrap .beeSub {font-size:14px; transform:translate(25px, 45px)}
	.beeWrap .wrapper canvas{top:10px; left:95%;}
	.beeWrap .wrapper .center-text{left: 146%; transform: translate(-50%, 180%);}
}

@media screen and (max-width: 415px) {
	.beeWrap .wrapper canvas{top:8px; left:93%;}
	.beeWrap .wrapper .center-text{left: 145%; transform: translate(-50%, 180%);}
}

@media screen and (max-width: 386px) {
	.beeWrap .wrapper canvas{top:1px; left:82%;}
	.beeWrap .wrapper .center-text{left: 132%; top:28px; font-size:22px; transform: translate(-50%, 162%);}
}

@media screen and (max-width: 360px) {
	.beeWrap .wrapper canvas{top:-1px; left:80%;}
	.beeWrap .wrapper .center-text{left: 130%; transform: translate(-50%, 158%);}
}



.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li:first-child {position: relative; display: block; float: left; text-align:center;}
.rslides img {display: block; height: auto; float: left; width: 100%; border: 0;}

@media screen and (max-width: 1450px) {
	.rslides img {width:auto; height:100%;}
}

@media screen and (max-width: 1300px) {
	.rslides img {width:100%; height:auto; }
}

@media screen and (max-width: 1050px) {
	.rslides img {width:auto; height:100%; margin-left:-5%;}
}

@media screen and (max-width: 960px) {
	.rslides img {width:100%; height:auto; margin-left:0;}
}

@media screen and (max-width: 750px) {
	.rslides img {width:115%; margin-left:-5%;}
}

@media screen and (max-width: 660px) {
	.rslides img {width:120%; margin-left:-10%;}
}

@media screen and (max-width: 620px) {
	.rslides img {width:100%; margin-left:0;}
}
@media screen and (max-width: 540px) {
}


.joinWrap {float:right; width:35%; height:350px; background:url(/admin/image1/bg_join.jpg) no-repeat center; background-size:cover; padding:80px 5%; color:#fff;}
.joinWrap .tit {margin:0 0 20px 0; font-size:26px; letter-spacing:0; font-family:'gilroymedium', 'Noto Sans KR';}
.joinWrap .tit strong {font-size:30px; font-family:'gilroybold', 'Noto Sans KR';}
.joinWrap .tit .small {font-size:16px;}
.joinWrap .btnJoin {padding:8px 40px; font-size:14px; font-family:'gilroybold', 'Noto Sans KR'; border:1px solid rgba(255,255,255,.3); border-radius:5px; display:inline-block;}

@media screen and (max-width: 960px) {
	.joinWrap {height:260px; padding:50px 5%;}
	.joinWrap .tit {margin:0 0 20px 0; font-size:22px; }
	.joinWrap .tit strong {font-size:23px; }
	.joinWrap .tit .small {font-size:14px;}
	.joinWrap .btnJoin {padding:7px 20px; font-size:12px;}
}

@media screen and (max-width: 620px) {
	.joinWrap {display:none;}
}


.myMy {float:left; width:60%; height:180px; margin:20px 0 0 0;}
.myMy .title {margin:0 0 15px 0; font-size:18px; font-family:'gilroybold', 'Noto Sans KR';}
.myMy .cir {padding:3px 8px; background:#f9ba33; color:#fff; font-size:12px; border-radius:50px; display:inline-block;}
.myWrap {float:left; width:47%; height:380px; background:url(/admin/image1/bg_cir.png) no-repeat center #f9ba33; background-size:cover; padding:30px 6%; box-shadow:10px 20px 25px rgba(0,0,0,.15);}
.myWrap .hLine {width:100%; height:2px; margin-bottom:20px; border-bottom:1px dashed rgba(0,0,0,.3);}

.myWrapL {float:left; width:47%; height:380px;}
.myWrap1 {width:100%; height:180px; background:linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0.6)), url(/admin/image1/bg_blue_cir.png) no-repeat center; background-size:cover; padding:30px 12%; box-shadow:10px 20px 25px rgba(0,0,0,.15);}
.myWrap2 {width:100%; height:180px; background:linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0.6)), url(/admin/image1/bg_gold_cir.png) no-repeat bottom; background-size:cover; padding:30px 12%; box-shadow:10px 20px 25px rgba(0,0,0,.15);}

dl.w33 {float:left; width:33%;}
dl.w50 {float:left; width:50%;}
dd.cal {float:left; width:55%; padding:2px 0; font-size:14px;}
dd.num {width:45%; font-size:15px; font-family:'gilroybold', 'Noto Sans KR'; text-align:right;}

.llWrap {float:right; width:47%; height:180px; background:#fff; border-radius:25px;}
.rrWrap {float:right; width:47%; height:180px; margin:20px 0 0 0; background:#fff; padding:30px 5%; border-radius:25px;}

.list {margin-bottom:15px;}
.list .name {font-size:14px; line-height:1;}
.list .data {font-size:20px; font-family:'gilroybold', 'Noto Sans KR'; letter-spacing:0.7px;}

.list .name1 {font-size:12px; line-height:1;}
.list .data1 {font-size:18px; font-family:'gilroybold', 'Noto Sans KR'; letter-spacing:0.7px;}

@media screen and (max-width: 768px) {
	.myMy {clear:both; float:none; width:100%; height:220px; padding:20px 0; overflow:hidden;} 
	.myMy .title {margin:0 0 8px 0; font-size:16px;}
	.myWrap {width:49%; height:330px; padding:35px 5%; box-shadow:5px 15px 20px rgba(0,0,0,.15);}

	.llWrap {width:48.5%; height:180px; border-radius:7px;}
	.rrWrap {width:48.5%; height:180px; padding:35px 5%; border-radius:7px;}

	.list {margin-bottom:13px;}
	.list .name {font-size:13px;}
	.list .data {font-size:17px;}

	dd.cal {font-size:13px;}
	dd.num {font-size:14px;}
}

@media screen and (max-width: 420px) {
	.myWrap {}

	.llWrap { }
	.rrWrap { }
}

@media screen and (max-width: 400px) {
	.myMy {height:auto; padding:15px 0;}
	.myWrap {float:none; width:100%; height:auto; padding:35px 7% 10px 7%;}
	
	.myWrapL {float:none; width:100%; height:auto;}
	
	.myWrap1 {height:auto; padding:33px 7% 18px 7%;}
	.myWrap2 {height:auto; padding:33px 7% 18px 7%;}

	.llWrap {float:none; width:100%; height:auto; margin:15px 0; border-radius:7px; overflow:hidden;}
	.rrWrap {float:none; width:100%; height:auto; margin:10px 0 0 0;  padding:20px 7% 15px 7%; border-radius:7px; overflow:hidden;}

	.list {float:left; width:50%; margin-bottom:15px;}
	.list .name {font-size:13px;}
	.list .data {font-size:17px;}

	dd.cal {font-size:13px;}
	dd.num {font-size:14px;}
}


.bonusWrap {float:right; width:35%; height:230px; background:url(/admin/image1/bg_space.jpg) no-repeat center bottom; color:#fff; background-size:cover; padding:15px 1% 15px 1.5%;}
.bonusWrap .title {margin-bottom:20px; font-size:18px; font-family:'gilroybold', 'Noto Sans KR';}
.bonusWrap .name {color:rgba(255,255,255,.7);}

@media screen and (max-width: 768px) {
	.bonusWrap {float:none; width:100%; height:auto; margin:0px 0 0 0; padding:40px 5% 20px 5%;}
}

@media screen and (max-width: 400px) {
	.bonusWrap {height:auto; margin:10px 0 0 0; padding:35px 7% 15px 7%;}
}


.ggWrap {float:left; width:60%; margin:20px 0 30px 0; padding:30px 3% 20px 3%; overflow:hidden;}
.ggWrap .title {margin:0 0 15px 0; font-size:18px; font-family:'gilroybold', 'Noto Sans KR'; color:#fff;}
.graphWrap {width:100%; margin:0; }
.graphWrap .bgStick {position:relative; width:100%; height:18px; background:rgba(255,255,255,.15); border-radius:9px;}
.graphWrap .gLine {
	position:absolute; top:-2px; left:0px; 
	background:#ffc446; height:22px; 
	padding:0 10px 0 5px;
	border-radius:11px; 
	box-shadow:5px 5px 5px rgba(0,0,0,.15);
	text-align:right;
	color:rgba(0,0,0,.9);
	letter-spacing:0.5px;
	font-size:10px; font-weight:600;
	line-height:22px;
	animation:animate 2s linear;
}

@media screen and (max-width: 768px) {
	.ggWrap .title {font-size:16px;}
}

@media screen and (max-width: 640px) {
	.ggWrap {float:none; width:100%; background:; margin:20px 0 0 0; border-radius:7px; padding:30px 5% 20px 5%;}
}

@media screen and (max-width: 400px) {
	.ggWrap {width:100%;} 
}



@keyframes animate
{
	0%
	{
		transform-origin:left;
		transform:scaleX(0);
	}
	45%
	{
		transform-origin:left;
		transform:scaleX(1);
	}
	55%
	{
		transform-origin:right;
		transform:scaleX(1);
	}
	100%
	{
		transform-origin:right;
		transform:scaleX(1);
	}
}

.graphWrap .txtWrap {width:100%; margin:15px 0 0 0; overflow:;}
.graphWrap .txtWrap ul {float:left; width:50%;}
.graphWrap .txtWrap .left1 {}
.graphWrap .txtWrap .right1 {float:right; text-align:right;}
.graphWrap .txtWrap .center {clear:both; width:100%; font-size:15px; font-family:'gilroybold', 'Noto Sans KR'; text-align:center; color:#fff;}
.graphWrap .txtWrap .small {font-size:13px; font-family:'gilroybold', 'Noto Sans KR';  margin:0; letter-spacing:0; color:#fff;}
.graphWrap .txtWrap .big1 {font-size:18px; color:#f9ba33; font-weight:600; font-family:'gilroybold', 'Noto Sans KR'; margin:0; }

.graphWrap .txtWrap .big2 {padding:15px 0 0 0; font-size:16px; color:#000; font-family:'gilroybold', 'Noto Sans KR'; margin:0; }
.graphWrap .txtWrap .small2 {padding:10px 0 0 0; font-size:13px; font-family:'gilroybold', 'Noto Sans KR'; margin:0; letter-spacing:0;}


@media screen and (max-width: 860px) {	
	.graphWrap .txtWrap .small {font-size:12px;}
	.graphWrap .txtWrap .big1 {font-size:14px;}

	.graphWrap .txtWrap .big2 {padding:12px 0 0 0; font-size:14px;}
	.graphWrap .txtWrap .small2 {padding:8px 0 0 0; font-size:12px;}
}



.inviteWrap {float:right; width:35%; height:140px; padding:55px 0 0 0;}
.inviteWrap .tit {margin-bottom:10px; color:#fff; font-size:18px; font-family:'gilroybold', 'Noto Sans KR';}
.inviteWrap .click {background:#f9ba33; padding:5px 10px; border-radius:50px; color:#0f0e1c; font-weight:500; font-size:10px; letter-spacing:0; display:inline-block;}
.inviteWrap .input {width:100%; height:40px; box-shadow:10px 15px 20px rgba(0,0,0,.1); border-radius:20px; display:flex;}
.inviteWrap .input .left {width:80%;}
.inviteWrap .input input {width:100%; height:40px; background:#fff; text-indent:7px;  border-radius:20px 0 0 20px; border:0;}
.inviteWrap .input .copy {width:20%; height:40px; background:#f9ba33; color:#0f0e1c; font-size:12px; line-height:40px; font-family:'gilroybold', 'Noto Sans KR'; text-align:center; letter-spacing:0.5px;  border-radius:0 20px 20px 0; display:inline-block; cursor:pointer;}
.inviteWrap .input .copy:hover {background:#f9ba33;}


@media screen and (max-width: 768px) {
	.inviteWrap {margin:30px 0 0 0; padding:30px 0 0 0;}
	.inviteWrap .tit {padding:0 0 10px 0; font-size:16px;}
	.inviteWrap .click {}
	.inviteWrap .input {height:35px; box-shadow:5px 10px 15px rgba(0,0,0,.1); border-radius:17.5px;}
	.inviteWrap .input input {height:35px; border-radius:17.5px 0 0 17.5px;}
	.inviteWrap .input .copy {height:35px; font-size:11px; line-height:35px;}
}

@media screen and (max-width: 640px) {
	.inviteWrap {float:none; width:100%; margin:20px 0; padding:30px 3%; clear:both;}
	.inviteWrap .tit {padding:0; }
}


/* 메인아이콘 */
.menuWrap {float:right; width:35%;}
.menuWrap ul {float:left; width:46%; margin:10px 2% 0 2%;}
.menuWrap ul.last {margin:10px 0 0 0;}
.menuWrap .pic {height:123px; border-radius:20px;}
.menuWrap .name {padding:10px 0; text-align:center; color:#fff; font-size:14px; font-weight:500;}
.menuWrap .menu01 {background:url(/admin/image1/icon21.jpg) no-repeat center; background-size:100%;}
.menuWrap .menu02 {background:url(/admin/image1/icon22.jpg) no-repeat center; background-size:100%;}
.menuWrap .menu03 {background:url(/admin/image1/icon03.jpg) no-repeat center; background-size:100%;}
.menuWrap .menu04 {background:url(/admin/image1/icon04.jpg) no-repeat center; background-size:100%;}
.menuWrap .menu05 {background:url(/admin/image1/icon05.jpg) no-repeat center; background-size:100%;}

/* .menuWrap .menu01 {background:url(/admin/image1/menu01.png) no-repeat center bottom #87cab6; background-size:;} */
/* .menuWrap .menu02 {background:url(/admin/image1/menu02_1.png) no-repeat center; background-size:;} */
/* .menuWrap .menu03 {background:url(/admin/image1/menu03.png) no-repeat center right #f7abb6; background-size:;} */
/* .menuWrap .menu04 {background:url(/admin/image1/menu04.png) no-repeat center #a8a8fa; background-size:;} */


@media screen and (max-width: 890px) {
	.menuWrap .pic {height:100px; border-radius:10px;}
	
	/* .menuWrap .menu01 {background:url(/admin/image1/menu01.png) no-repeat center bottom #87cab6; background-size:auto 100%;} */
	/* .menuWrap .menu02 {background:url(/admin/image1/menu02_1.png) no-repeat center; background-size:auto 100%;} */
	/* .menuWrap .menu03 {background:url(/admin/image1/menu03.png) no-repeat center right #f7abb6; background-size:auto 100%;} */
	/* .menuWrap .menu04 {background:url(/admin/image1/menu04.png) no-repeat center #a8a8fa; background-size:auto 100%;} */
}

@media screen and (max-width: 768px) {
	.mainWrap .menuWrap {}
	.menuWrap ul {margin:10px 1%;}
	.menuWrap ul.last {margin:10px 1%;}
	.menuWrap .pic {height:85px; border-radius:7px;}
}

@media screen and (max-width: 640px) {
	.mainWrap .menuWrap {float:none; width:100%;}
	.menuWrap ul {margin:10px 1.5%;}
	.menuWrap ul.last {margin:10px 1.5%;}
	.menuWrap .pic {height:115px;}
}

@media screen and (max-width: 520px) {
	.menuWrap .pic {height:100px;}
}

@media screen and (max-width: 460px) {
	.menuWrap .pic {height:85px;}
}

@media screen and (max-width: 390px) {
	.menuWrap .pic {height:80px;}
}

.newsWrap {float:right; width:35%; height:175px; background:#1e213a; padding:12px 3%; margin:20px 0 0 0;}
.newsWrap .tit {margin-bottom:10px; color:#fff; font-size:18px; font-family:'gilroybold', 'Noto Sans KR';}
.newsWrap dd {float:left; width:70%; padding:3px 0; color:#9294a9;}
.newsWrap dd.date {width:30%; text-align:right; font-size:13px; color:#9294a9;}

@media screen and (max-width: 890px) {
	.newsWrap {height:auto; padding:25px 4%;}
}

@media screen and (max-width: 768px) {
	.newsWrap {height:auto; padding:25px 4%;}
	.newsWrap .tit {margin-bottom:15px; font-size:16px;}
	.newsWrap dd {width:65%; font-size:13px;}
	.newsWrap dd.date {width:35%; font-size:12px;}
}


@media screen and (max-width: 640px) {
	.newsWrap {float:none; width:100%;}
}


/* 하단영역 */
.footWrap {padding:60px 0 60px 0; text-align:center; color:rgba(255,255,255,.3); font-size:13px; font-family:'gilroymedium', 'Noto Sans KR'; letter-spacing:0.5px;}
.footWrap strong {color:#ffc446; font-family:'gilroybold', 'Noto Sans KR';}


/* 서브페이지 */
.subCont {width:100%; /* background:#fff; */ min-height:830px; margin:30px 0 0 0; padding:80px 8%; }
.subCont .title {background:url(/admin/image1/pat.png) repeat-x left bottom; margin:0 0 20px 0; padding:0 0 15px 0; color:#fff; font-size:35px; font-weight:500; letter-spacing:-1px; line-height:1;}
.subCont .title.none {background:none; margin:0;}
.subCont .title .ssTit {font-size:17px; letter-spacing:0;color:#f9ba33;}

@media screen and (max-width: 1720px) {
	.subCont {margin:20px 0;}
}

@media screen and (max-width: 1000px) {
	.subCont {padding:65px 5%;}
	.subCont .title {font-size:30px;}
}

@media screen and (max-width: 768px) {
	.subCont {margin:10px 0 80px 0; padding:50px 5%;}
	.subCont .title {font-size:25px;}
}

@media screen and (max-width: 520px) {
	.subCont {margin:0 0 30px 0; padding:40px 0;}
	.subCont .title {font-size:22px; font-weight:600;}
}

@media screen and (max-width: 400px) {
	.subCont .title #t_page_title {display:block;}
}


/* bTable */
.bTable {padding: 0;}

.bTableSelect {	width: calc(100% - 20px);	background: none;	border: none;}

.bTable90 {	margin: 90px 0 0 0 !important;}
.bTable .w50L {	float: left;	width: 49%;}
.bTable .w50R {	float: right;	width: 49%;}
.bTable .th {padding: 20px 0 3px 0;	font-size: 14px; line-height:1.5; color:#fff; font-family:'gilroymedium', 'Noto Sans KR'; font-weight:500;	text-transform: uppercase;}
.bTable .td {height: 50px;	background:rgba(255,255,255,.1); line-height:50px; color:#fff;font-size: 14px; text-indent: 10px; border:2px solid transparent; border-radius:5px;}
.bTable .td:hover {border:2px solid #ffc446; transition:ease 1s;}
.bTable .td.phone {display: flex;}
.bTable .td.phone input {padding-left: 10px;}
.bTable .td strong {font-size:22px; font-weight:400;}


.bTable .read {background:rgba(255,255,255,.1);}
.bTable .td.basic {background:rgba(255,255,255,.1);}
/* .bTable .td input:read-only {background: #e9e9e9;} */
.bTable .td.input select.table {width: 98%; margin-left: -5px;}
.bTable .td.input select.table option {background:#33323e;}


.bTable .td .btn {
	position: absolute;
	top: -2px;
	right: -2px;
	width: 150px;
	height: 100%;
	padding: 13px 0;
	background: #151e6b;
	border: 0;
	font-size: 13px;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	text-indent: 0;
}

.bTable .td i {
	position: absolute;
	top: -2px;
	right: -2px;
	width: 50px;
	height: 100%;
	padding: 13px 0;
	border: 0;
	color: #fff;
	display: flex;
	align-items: center;
}

.bTable input {
	width: 90%;
	background: transparent;
	border: 0;
	height: 50px;
	text-indent: 0;
	padding: 0;
	font-size: 14px;
	color: #fff;
	outline:0
}



.btnS {
	position: absolute;
	top: -2px;
	right: -2px;
	width: 20%;
	height: 50px;
	background: #f9ba33;
	border-radius:0 5px 5px 0;
	color: #0f0e1c;
	font-size: 13px;
	font-family:'gilroybold', 'Noto Sans KR';
	text-indent: 0;
	line-height: 50px;
	text-align: center;
}
.btnS:hover {background: #ffc446; color:#000; transition:ease 0.2s;}


@media screen and (max-width: 1000px) {
	.bTable .th {font-size:13px;}
	.bTable .td {height:40px; font-size:13px;  line-height:40px;}

	.bTable .td .btn {height:40px; font-size:12px;}
	.bTable input {height:40px; font-size: 13px;}
	.btnS {height:40px; font-size: 12px; line-height:40px; letter-spacing:0;}
}

@media screen and (max-width: 520px) {
	.bTable .w50L {	float:none;	width:100%;}
	.bTable .w50R {	float:none;	width:100%;}
}


.bTable .td.inputRadio {	background: #fff;	justify-content: center;	flex-wrap: wrap;	border: 1px solid #ebebeb;	height: auto;	padding: 10px 0;}
.bTable .inputRadioBtn {	display: inline-block;	width: 20%;	min-width: 120px;	text-align: center;	font-size: 26px;	font-weight: 500;}
.bTable .inputRadioBtn input {	width: 16px;	vertical-align: bottom;	margin: 0 10px 0 0;	background: #fff;}
.bTable .guide {	font-size: 13px;	color: #ffc446;	font-weight: 500;}
.bTable .star {color: #ff6567;    font-size: 9px;}
.bTable .dd-container {	width: 100%;}
.bTable .dd-select {	margin: 0; }
.bTable .dd-options {	height: 250px; border:0;}
.bTable .dd-options li {background:#0f0e1c;	font-weight: 300;	padding: 0 10px;}
.bTable .dd-selected-image {	margin: 10px 0 10px 10px;}
.bTable .dd-selected-text {	line-height: 3 !important;}
.bTable .dd-pointer-down {	border-top: 5px solid rgba(0, 0, 0, 0.5);}
.bTable .dd-pointer-up {	border-bottom: 5px solid rgba(0, 0, 0, 0.5) !important;}

.bTable .bWrap {	clear: both;	margin: 40px 0 0 0;	text-align: center;}

.bTable .bWrap .bOk,
.bTable .bWrap .bCa {	width: 150px;	padding: 17px 0;	background: #414141;	border: 0;	font-size: 14px; color: #000;  font-family:'gilroybold', 'Noto Sans KR';	border-radius:5px; letter-spacing:0; text-shadow:0 0 3px rgba(0,0,0,.2);	text-transform: uppercase;	display: inline-block; cursor:pointer;}
.bTable .bWrap .bCa {color: #fff;}
.bTable .bWrap .bOk {	background: #ffc446;	margin-right: 5px;}
.bTable .bWrap .bOk:hover, .bTable .bWrap .bCa:hover { transition:ease 0.5s;}
.nTotal {margin:0 0 15px 0; background:rgba(255,255,255,.12); color:#fff;  padding:15px 20px; text-align: right; border-radius:5px; letter-spacing:0;}
.nTotal .strong {font-weight:600; letter-spacing:0;}
.nNotice {margin:0 0 15px 0; background:rgba(255,255,255,.12); color:#fff;  padding:15px 20px; text-align: left; border-radius:5px; letter-spacing:0;}
.nNotice .strong {font-weight:600; letter-spacing:0;}

.bTable .td.input .table {   border: none;    background: none;    height: 100%;    /* margin: 0 10px; */}
.bTable .cap {color:rgba(0,0,0,.6);}

.radio_b {    width: 15px !important;    height: 15px !important;    display: inline-block;    vertical-align: middle;}

@media screen and (max-width: 1000px) {
	.bTable .bWrap .bOk, .bTable .bWrap .bCa {padding:13px 0; font-size:13px;}
	.bTable .cap {color:rgba(0,0,0,.6); font-size:12px;}
}



/* OTP */
.btnCopy,
.btnCopy1 {
	width: 150px;
	padding: 17px 0;
	padding: 17px 0;
	margin: 20px auto 0;
	cursor: pointer;
	border: 0;
	font-size: 13px;
	color: #fff;
	font-weight: 500;
	border-radius: 30px;
	text-transform: uppercase;
	display: inline-block;
	background: #00ec74;
}

.qrWrap {
	width: 500px;
	margin: 50px auto 10px auto;
	padding: 50px;
	text-align: center;
	background: #f5f5f5;
}

.qrWrap .code {
	margin: 20px 0;
}

.btnWrapG {
	width: 500px;
	text-align: center;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.btnWrapG a {
	width: 49%;
	background: #f5f5f5;
	padding: 15px 0;
}
.btnWrapG img {vertical-align:middle;}

#otp_form .bTable .th {
	padding: 10px 0 5px 0;
	font-size: 13px;
}
#otp_form .bTable .td {
	height: 40px;
	line-height: 40px;
}
#otp_form .bTable input {
	height: 40px;
}
#otp_form .bTable .td1 {
	height: auto;
	margin: -10px 0 0 0;
	padding: 0px 10px 10px 0;
	font-size: 12px;
}
#otp_form .bTable .basic1 {
	position: relative;
	width: 100%;
	height: auto;
	border: 1px solid rgba(0, 0, 0, 0.4);
	line-height: 1.4;
	padding: 0;
}

#otp_form a.btnS {
	color: #000;
}
#otp_form .btnS {
	width: 25%;
	height: 100%;
	line-height: 40px;
	background: #00ec74;
	font-size: 11px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#otp_form .btnS:hover,
.btnS:active {
	background: #ffc446;
}

.qrWrap {
	text-align: center;
}

.qrWrap .code {
	margin: 20px 0;
}

.qrWrap .btnQrCopy,
#otp_form .btnYellow {
	cursor: pointer;
	display: block;
	padding: 10px 20px;
	background: #ffc446;
	border-radius: 5px;
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	margin: 0 auto;
	width: fit-content;
}
/* OTP end*/



/* tabMenu */
.tabMenu {width:100%; margin:0 0 40px 0; }
.tabMenu > ul {display:flex; justify-content:space-between; align-content:space-between; text-align:center;}
.tabMenu > ul > li {padding:15px 0; color:rgba(255,255,255,.7); font-weight:400; border:1px solid rgba(255,255,255,.3); border-radius:5px; cursor:pointer;}
.tabMenu > ul a {margin:0 5px 0 0; display:block;}
.tabMenu > ul a:last-child {margin:0;}
.tabMenu > ul li.on {background:#f9ba33; font-size:15px; font-weight:600; color:#000; border:1px solid #f9ba33; }
.tabMenu a {display:block; width:100%; height:100%;}
.w02 {width:calc(50% - 5px);}
.w03 {width:calc(33.3% - 5px);}


@media screen and (max-width: 1000px) {
	.tabMenu > ul > li {padding:12px 0; font-size:13px;}
	.tabMenu > ul > li.on {font-size:13px;}
}

@media screen and (max-width: 768px) {
	.tabMenu ul a {margin:0 2px 0 0;}
	.w02 {width:calc(50% - 2px);}
	.w03 {width:calc(33.3% - 2px);}
}


/* nSEARCH */
	.nSearch {
		background: rgba(255,255,255,.12);
		border-radius:5px;
		border: 0px solid rgba(255,255,255,.1); 
		margin: 15px 0 10px 0;
		padding: 20px;
		color:#fff;
		font-size: 14px;
		overflow: hidden;
		display: flex;
		align-items: center;
	}
	@media screen and (max-width: 420px) {
		.nSearch {padding:15px 3%;}
	}

	.nSearch .intxt01 {height:28px; border:0px solid rgba(255,255,255,.1);}
	.nSearchFlex {
		justify-content: space-between;
	}
	.nSearch label {
		margin-right: 5px;
	}
	.nSearch label span {
		vertical-align: inherit;
	}
	.nSearch input {
		width: 100px;
		height: 33px;
		background:rgba(255,255,255,.1);
		border:0;
		border-radius:3px;
		color:#fff;
		font-size: 12px;
	}
	.nSearch select {background:#42414c;}
	.nSearch .input_date {
		margin-left: 10px;
	}
	.nSearch .nRight > li {
	    color:rgba(255,255,255,.5);
		margin-top: 10px;
	}
	.nSearch .bBlack {
		height: 33px;
		background: #f9ba33;
		padding: 0 6px;
		color: #0f0e1c;
		font-size: 11px;
		font-weight: 500;
		line-height: 33px;
		display: inline-block;
		text-transform: uppercase;
	}
	.nSearch .bBlackOk {
		border: 0;
		background: #ffc446;
	}
	.nSearch .strong {
		font-size: 17px;
		font-weight: 500;
	}
/* nSEARCH end */


/* LISTBOX */
	.listBox:first-child {
		margin: 30px 0 15px 0;
		overflow:hidden;
	}
	.listBox {
		position: relative;
		width: 100%;
		border-bottom: 2px solid rgba(255,255,255,.1);
		color:#fff;
		margin: 0 0 20px 0;
		padding: 20px 0 30px 0;
	}
	.listBox:hover {
		border-bottom: 2px solid #ffc446;
		box-shadow: 0 11px 18px rgba(255, 255, 255, .03);
	}
	.listBox ul {
		float: left;
	}
	.listBox ul.right {
		float: right;
		text-align: right;
	}
	.listBox ul li.date {
		float: left;
		padding: 17px 20px 0 0;
		font-size: 15px;
		letter-spacing:0;
		color:rgba(255,255,255,.5);
	}
	.listBox ul li.name {
		float: left;
		padding: 11px 0 0 0;
		font-size: 22px;
		font-weight: 500;
	}
	.listBox ul li .tit {
		font-size: 15px;
		padding: 0;
	}
	.listBox ul li .number {
		font-size: 25px;
		font-weight: 600;
		color:#f9ba33;
	}

	.listBox ul li .small {font-size:15px;}

	.listBox .bottom {
		margin: 15px 0 0 0;
		background: rgba(255, 255, 255, 0.05);
		font-size: 13px;
		padding: 8px 30px;
		letter-spacing:0;
	}

	@media screen and (max-width: 768px) {
		.listBox ul li.date {font-size:12px;}
		.listBox ul li.name {font-size:16px;}
		.listBox ul li .small {font-size:13px;}
		.listBox ul li .tit {font-size:13px;}
		.listBox ul li .number {font-size:18px;}
		.listBox .bottom {padding: 6px 15px; font-size: 12px;}
	}

	@media screen and (max-width: 500px) {
		.listBox ul li.date {float:none; width:100%; padding: 0;}
		.listBox ul li.name {font-size:18px;}
		.listBox ul li .tit {padding:20px 0 0 0;}
		.listBox ul li .number {font-size:22px;}
	}

/* LISTBOX end */

/* PRODLIST */
	#prodList {
		width:100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.gBoxN {
		width: 29%;
		height: auto;
		background: #fff;
		margin: 0 5% 5% 0;
		padding: 4% 4% 2%;
		text-align: center;
		border: 1px solid #ccc;
		border-radius:5px;
	}
	.gBoxN:nth-child(3n) {margin-right: 0;}
	.gBoxN:hover {
		box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.16);
	}
	.gBoxN .arabic {
		margin: 0;
		padding: 10px;
		color: #ffc446;
	}
	.gBoxN .dol {
		font-size: 25px;
		font-weight: 500;
		margin: 0 5px 0 0;
	}
	.gBoxN .bigNum {
		font-size: 30px;
		font-weight: 600;
	}
	.gBoxN .tTitle {
		font-size: 17px;
		font-weight: 400;
		margin: 0;
		letter-spacing: 0.1px;
	}
	.gBoxN .btnBuy {
		width: 100%;
		background: #ffc446;
		padding: 15px 0;
		color: #fff;
		font-weight: 500;
		cursor: pointer;
		border-radius: 30px;
		text-align: center;
	}
/* PRODLIST end */

/* bLIST */
	.bDate {
		margin-top: 10px;
		color:rgba(255,255,255,.5);
	}
	.bList2Top {
		border: 3px solid #f9ba33;
	}
	.bList2 {
		position: relative;
		background: rgba(255,255,255,.1);
		padding: 0 0 0 0;
		color:#fff;
		text-align: right;
		overflow: hidden;
	}
	.bList2 ul:first-child {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		border-top: 1px solid rgba(255, 255, 255, 0.2);
		border-left: 1px solid rgba(255, 255, 255, 0.2);
	}
	.bList2 ul li {
		/* float:left; */
		width: 25%;
		height: 100%;
		padding: 15px 20px 15px 0;
		border-right: 1px solid rgba(255, 255, 255, 0.2); border-bottom:1px solid rgba(255, 255, 255, 0.2);
		line-height: 1.1;
	}
	.bList2 ul li:last-child {
		/* border-right: none; */
	}
	.bList2 ul li.w02 {
		padding: 15px 30px 15px 0;
		
	}
	.bList2 ul li.w01 {
		padding: 15px 30px;
	}
	.bList2 ul li.total {
		background: rgba(249, 186, 51, 0.5);

	}
	.bList2sec3 ul li {
		width: 33.3%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}
	.bList2sec4 ul li {
		width: 25%;
	}
	.bList2sec5 ul li {
		width: 20%;
	}
	.bList2sec6 ul li {
		width: 16%;
	}
	.bList2sec7 ul li {
		width: 33.3%;
		border-bottom:1px solid rgba(255, 255, 255, 0.2);
	}
	
	.bList2sec7 ul li:nth-child(7) {width: 100%; }
	.bList2sec7 ul li:nth-child(7) .big {font-size:22px; color:#f9ba33;}

	.bList2sec8 ul li {
		width: 25%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}
	.bList2sec8 ul li:nth-child(3) {
		border-right: 1px solid rgba(255, 255, 255, 0.2);
	}
	.bList2sec8 ul li:nth-child(4) {
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}
	
	@media all and (max-width: 800px) {
		.bList2sec8 ul li,
		.bList2sec9 ul li {
			width: 50%;
		}
		.bList2sec9 ul li:last-of-type {width: 100%;}
		.bList2sec8 ul li:nth-child(5) {
			border-bottom: 1px solid rgba(0, 0, 0, 0.2);
		}
	}

	.bList2 .w300 {width:75%; border-bottom:1px solid rgba(255, 255, 255, 0.2) !important; border-right:1px solid rgba(255, 255, 255, 0.2) !important;}

	.bList2 .small {
		font-size: 13px;
		color:rgba(255,255,255,.5);
	}
	.bList2 .mid {
		font-size: 14px;
		padding: 5px 0 0 0;
	}
	.bList2 .big {
		font-size: 20px;
		font-family:'gilroymedium', 'Noto Sans KR';
	}
	.bList2 .big1 {
		font-size: 20px;
	}

	@media all and (max-width: 800px) {
		.bList2 .small {font-size: 12px; }
		.bList2 .big {font-size: 17px;}
		.bList2sec7 ul li:nth-child(7) .big {font-size:18px;}
	}

	.bList2 .bottom {
		width:33.3%;
		margin: 0;
		bottom: 0;
		left: 0;
		font-size: 15px;
		padding: 14px 20px;
		text-align: right;
		/*border-right:1px solid rgba(0,0,0,.2);*/
		/* border: none; */
	}
	.bList2 .bottom .big {
		font-size: 22px;
		color: #ffc446;
	}
	.bBlack2 {margin:5px 0 0 0; padding:3px 7px; font-size:7px; letter-spacing:0.2px; font-weight:500; border-radius:3px; border:1px solid rgba(255,255,255,.2); display:inline-block; text-transform:uppercase;}
/* bList end */


/* 20201229 채굴내역 CSS */
	.orderWrap02 {margin-top: 2%;}
	.uBox {
		position: relative;
		float: left;
		width: 49%;
		height: 130px;
		margin: 0 0 1% 0;
		border: 1px solid #d2d2d2;
		border-radius: 5px; 
		overflow: hidden;
	}
	
	.uBox:nth-child(2n) {float:right;}
	.uBox .number {
		position: absolute;
		left: 10px;
		top: 10px;
		width: 35px;
		height: 35px;
		background: #ffdc2e;
		line-height: 35px;
		border-radius: 50%;
		color: #fff;
		text-align: center;
		font-size: 15px;
		font-weight: 700;
		display: none;
	}

	.uBox .uLeft {
		float: left;
		width: 40%;
		height: 100%;
		padding:10% 0 0 0;
		text-align:center;
		font-size: 18px;
		font-weight: 600;
		
		/* border-right: 1px solid #e7e7e7; */
	}

	.uBox .uLeft .bBlack {
		margin-top: 10px;
		display: block;
		width: 90px;
		margin: 5% auto 0;
		padding: 8px 0;
		line-height: 1;
		height: auto;
	}
	.uBox .uRight {
		float: left;
		width: 60%;
		height: 100%;
		background: #f5f7fa;
	}


	.uBox .uRight02 {
		padding: 25px 5.5% !important;
	}

	.uBox .uRight dl {
		overflow: hidden;
	}

	.uBox .uRight dl dd {
		float: left;
		padding: 2px 0;
		font-size: 14px;
		letter-spacing:-0.5px;
	}

	.uBox .uRight02 dl dd.th {
		width: 47% !important;
	}

	.uBox .uRight02 dl dd.td {
		width: 53% !important;
		font-weight: 800 !important;
		color: #0d43aa;
	}

	.subWhite .total {margin-top: 10px;}
	/* #t_total_amt {font-size: 18px;}
	#disp_tot01 {font-size: 18px; color: #d5b9ff;} */

	@media only screen and (max-width: 1300px) {
		.uBox {width: 100%; margin: 0 0 1%;}
	}
/* 20201229 채굴내역 CSS end */


/* ORDER */
	.orderWrap {
		overflow: hidden;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.orderBox {
		position: relative;
		width: 49.5%;
		margin: 1% 0 0 0;
		padding: 50px 30px 30px;
		font-weight: 400;
		border: 1px solid rgba(255,255,255,.3);
		color:#fff;
		display: flex;
		border-radius:5px;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	

	@media only screen and (max-width: 680px) {
		.orderBox {width: 100%; padding:50px 20px 20px 20px;}
	}

	.orderBox .oLeft {width: 57%; margin-bottom:20px;}
	.orderBox .oRight {width: 43%; text-align: right;}
	.orderBox .oBtnL {
		float: right;
		margin:  0 0 0;
	}
	.orderBox .oBtnWrap {
		position: absolute;
		top: 0;
		right: 0;
		width: 65px;
	}
	.orderBox .addr {font-size:12px; color:#f9ba33;}
	.orderBox .o100 {
		position: relative;
		clear: both;
		float: none;
		width: 100%;
		height: 27px;
		line-height: 27px;
		margin: 10px 0 0 0;
		background: rgba(255, 255, 255, 0.06);
		padding: 0 0 0 12px;
		font-size: 12px;
		font-weight: 400;
		color: #fff;
		letter-spacing: 0;
		overflow: hidden;
	}

	.orderBox .o100.hash {margin:10px 0 0 0;}

	.orderBox .o100 input {
		width: calc(100% - 70px);
		height: 27px;
		line-height: 27px;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal;
		overflow: hidden;
		background: none;
		padding: 0;
		border: 0;
		color:#fff;
		outline: 0;
	}
	.orderBox .o100 .o100Btn {
		position: absolute;
		bottom: 0;
		right: 0;
		float: right;
		height: 27px;
		line-height: 27px;
		background: #ffc446;
		color: #0f0e1c;
		font-weight:600;
		padding: 0 8px;
		font-size: 10px;
	}
	.orderBox .date {
		font-size: 13px;
		color: rgba(255, 255, 255, 0.7);
		letter-spacing: 0;
		padding: 0 0;
	}
	.orderBox .name {
		font-size: 20px;
		color: #fff;
		font-weight: 500;
	}
	.orderBox .nameS {
		font-size: 14px;
		color: rgba(255,255,255,.7);
		letter-spacing:0;
	}
	.orderBox .name em {
		font-size: 17px;
	}
	.orderBox .small {
		font-size: 60%;
	}
	.orderBox .nameR {
		font-size: 14px;
		color: #fff;
	}
	.orderBox .numR {
		font-size: 22px;
		color: #ffc446;
		letter-spacing:0.2px;
		font-weight: 600;
	}

	@media only screen and (max-width: 960px) {
		.orderBox .name {font-size: 17px;}
		.orderBox .numR {font-size: 18px;}
		.orderBox .nameR {font-size: 12px;}
	}

	.orderBox .oBtn {
		width: 100%;
		height: auto;
		background: transparent; /*  margin:2px 0; */
		text-align: center;
		font-size: 10px;
		padding: 3px 7px;
		color: #fff;
		font-weight: 400;
		border: 1px solid rgba(255, 255, 255, 0.2);
	}
	.orderBox .oBtn:hover {
		background: #ffc446;
		border: 1px solid #ffc446;
		color: #fff;
	}
	.orderBox .status {
		position: absolute;
		top: 0;
		left: 0;
		background: #f9ba33;
		padding: 4px 8px;
		color: #0f0e1c;
		font-size: 12px;
		font-weight: 400;
		display: inline-block;
	}
	.orderBox .status strong {
		color: #000;
		font-weight: 500;
	}
	.orderBox .oRed {
		color: #ffc446;
		border: 1px solid #ffc446;
	}
	.orderBox .rBtn {
		position: absolute;
		top: 0;
		right: 0;
		height: auto;
		background: rgba(0, 0, 0, 0.03);
		padding: 3px 10px;
		color: #fff;
		font-size: 10px;
		font-weight: 500;
		display: inline-block;
	}
	.orderBox .oRed:hover {
		background: #ffc446;
		border: 1px solid #ffc446;
	}
/* ORDER end*/

/* MINING */
	.miningWrap {
		overflow: hidden;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.miningBox {
		width: 49.5%;
		margin: 1% 0 0 0;
		padding: 40px 30px 30px;
		font-weight: 400;
		border: 1px solid rgba(255,255,255,.3);
		display: flex;
		border-radius:5px;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.miningBox .mLeft {width: 57%;}
	.miningBox .mRight {width: 43%; text-align: right;}
	.miningBox .mBtnL {
		float: right;
		margin: 0 0 0 0;
	}
	.miningBox .mBtnWrap {
		position: absolute;
		top: 0;
		right: 0;
		width: 65px;
	}
	.miningBox .m100 {
		position: relative;
		clear: both;
		float: none;
		width: 100%;
		height: 27px;
		line-height: 27px;
		margin: 10px 0 0 0;
		background: rgba(0, 0, 0, 0.06);
		padding: 0 0 0 12px;
		font-size: 12px;
		font-weight: 400;
		color: #000;
		letter-spacing: 0;
		overflow: hidden;
	}
	.miningBox .m100 input {
		width: calc(100% - 70px);
		height: 27px;
		line-height: 27px;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal;
		overflow: hidden;
		background: none;
		padding: 0;
		border: 0;
		outline: 0;
	}
	.miningBox .m100 .m100Btn {
		position: absolute;
		bottom: 0;
		right: 0;
		float: right;
		height: 27px;
		line-height: 27px;
		background: #242848;
		color: #fff;
		padding: 0 8px;
		font-size: 10px;
	}
	.miningBox .date {
		font-size: 13px;
		color: rgba(0, 0, 0, 0.7);
		letter-spacing: 0;
		padding: 0 0 5px 0;
	}
	.miningBox .name {
		font-size: 20px;
		color: #000;
		font-weight: 500;
	}
	.miningBox .name em {
		font-size: 17px;
	}
	.miningBox .small {
		font-size: 60%;
	}
	.miningBox .nameR {
		font-size: 14px;
		color: #000;
	}
	.miningBox .numR {
		font-size: 25px;
		color: #ffc446;
		font-weight: 600;
	}
	.miningBox .mBtn {
		width: 100%;
		height: auto;
		background: transparent; /*  margin:2px 0; */
		text-align: center;
		font-size: 10px;
		padding: 3px 7px;
		color: #000;
		font-weight: 400;
		border: 1px solid rgba(0, 0, 0, 0.4);
	}
	.miningBox .mBtn:hover {
		background: #ffc446;
		border: 1px solid #ffc446;
		color: #fff;
	}
	.miningBox .status {
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.6);
		padding: 3px 8px;
		color: #fff;
		font-size: 11px;
		font-weight: 400;
		display: inline-block;
	}
	.miningBox .status strong {
		color: #22d4de;
		font-weight: 500;
	}
	.miningBox .mRed {
		color: #cc3a3a;
		border: 1px solid #cc3a3a;
	}
	.miningBox .rBtn {
		position: absolute;
		top: 0;
		right: 0;
		height: auto;
		background: rgba(0, 0, 0, 0.03);
		padding: 3px 10px;
		color: #000;
		font-size: 10px;
		font-weight: 500;
		display: inline-block;
	}
	.miningBox .mRed:hover {
		background: #cc3a3a;
		border: 1px solid #cc3a3a;
	}
/* MINING end*/

/* NOTICE */
	.noticeList {
		width: 100%;
		overflow: hidden;
	}
	.noticeList ul {
		float: left;
		height: 93px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		overflow: hidden;
	}
	.noticeList ul.faq {
		float: left;
		height: 75px;
		border-bottom: 1px solid rgba(96, 68, 215, 0.5);
		overflow: hidden;
	}
	.noticeList ul.num {
		width: 12%;
		padding: 25px 0;
		font-size: 35px;
		font-weight: 600;
		color: #ffc446;
		text-align: center;
	}
	.noticeList ul.num1 {
		width: 12%;
		padding: 15px 0;
		font-size: 33px;
		font-weight: 600;
		text-align: center;
		color: #ffc446;
	}
	.noticeList ul.name {
		width: 76%;
		padding: 25px 0;
		font-size: 16px;
		font-weight: 400;
		color: rgba(255,255,255,.3);;
	}
	.noticeList ul.name1 {
		width: 88%;
		padding: 25px 0;
		font-size: 16px;
		font-weight: 400;
		color: rgba(255,255,255,.7);
		cursor: pointer;
	}
	.noticeList ul .date {
		padding: 7px 0 0 0;
		font-size: 13px;
		color: rgba(255, 255, 255, 0.3);
		font-weight: 300;
		letter-spacing: 0;
	}
	.noticeList ul.down {
		width: 12%;
	}
	.noticeList .iconDown {
		width: 40px;
		height: 40px;
		margin: 35px 0 0 35%;
		background: url(/admin/image1/icon_down.png) no-repeat center center;
		display: inline-block;
		cursor: pointer;
	}

	.noticeList .content {
		clear: both;
		width: 100%;
		background: ;
		color:rgba(255,255,255,.7);
		padding: 30px 8%;
		border-bottom: 1px solid #f9ba33;
		font-size: 14px;
		line-height: 1.5;
	}
	.noticeList .content1 {
		position: relative;
		clear: both;
		width: 100%;
		background: rgba(255, 255, 255, 0.2);
		padding: 30px 8% 30px 12%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
		font-size: 14px;
		line-height: 1.5;
		display: none;
	}
	.noticeList .content1 .aFont {
		position: absolute;
		top: 25px;
		left: 5%;
		font-size: 33px;
		font-weight: 600;
		color: #ffc446;
	}

	.btnWrap {
		width: 100%;
		margin: -20px 0 30px 0;
		text-align: right;
		overflow: hidden;
	}
	.btnWrap .btnYY {
		padding: 7px 15px;
		background: #ffc446;
		color: #fff;
		font-weight: 500;
		border-radius: 3px;
		display: inline-block;
	}
	.btnWrap .btnYY1 {
		padding: 7px 15px;
		background: #fff;
		color: #000;
		font-weight: 500;
		border-radius: 3px;
		display: inline-block;
	}

	.noticeList .cont {
		padding: 50px 50px 80px 80px;
		background: rgba(0, 0, 0, 0.01);
	}
	.noticeList .cont .left {
		float: left;
		width: 90%;
	}
	.noticeList .cont .right {
		float: left;
		width: 10%;
	}
	.noticeList .cont .title {
		font-size: 18px;
		color: #ffc446;
		font-weight: 500;
	}
	.noticeList .cont .date {
		font-size: 14px;
		color: rgba(0, 0, 0, 0.5);
	}
	.noticeList .cont .down {
		background: url(/admin/image1/icon_down.png) no-repeat center left;
		color: #000;
		font-size: 15px;
		font-weight: 600;
		padding: 0 0 0 30px;
	}
/* NOTICE end*/

/* QNA */
	.boardTit {margin-top: 20px;}

	.gray_list th {
		background: rgba(255,255,255,.15);
		color:rgba(255,255,255,.7);
	}
	
	.btnCa {text-align:center;background:#3d3c48;color:rgba(255,255,255,.6);font-size:12px;font-weight:normal;padding:10px 28px;border-radius:3px;cursor:pointer;}
	.btnYe {text-align:center;background:#ffc446;color:#0f0e1c;font-size:12px;font-weight:normal;padding:10px 28px;border-radius:3px;cursor:pointer; }

	#notice_list {
		overflow: hidden;
		width: 100%;
		text-align: center;
		border-radius: 5px;
		margin-top: 20px;
	}
	#notice_list table {
		padding: 0 50px;
	}
	#notice_list tbody:nth-child(2) tr {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	#notice_list tbody:nth-child(2) tr:last-child {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	#notice_list th {
		font-size: 14px;
		background: rgba(255,255,255,.15);
		color: rgba(255,255,255,.6);
		border-bottom:1px solid rgba(0,0,0,.3);
		padding: 15px 0;
	}
	#notice_list td {
		font-size: 15px;
		background: rgba(255, 255, 255, 0.05);
		color: rgba(255,255,255,.6);
		padding: 30px 0;
		border-bottom:1px solid rgba(255, 255, 255, 0.08);
	}
	#notice_list td.qna_num {
		width: 10%;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal;
		overflow: hidden;
	}
	#notice_list td.qna_tit {
		width: 62%;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal;
		overflow: hidden;
	}
	#notice_list td.qna_id {
		width: 15%;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal;
		overflow: hidden;
	}
	#notice_list td.qna_date {
		width: 13%;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal;
		overflow: hidden;
	}

	.searchWrap {
		overflow: hidden;
		margin-bottom: 10px;
	}
	.searchWrap ul {
		float: right;
		overflow: hidden;
	}
	.searchWrap ul > li {
		float: left;
	}
	.searchWrap ul > li #searchword {
		height: 40px;
		background:rgba(255,255,255,.15);
		line-height: 40px;
		color: #fff;
		font-size: 13px;
		text-indent: 15px;
		border: 1px solid rgba(0, 0, 0, 0.2);
		border-radius: 3px;
		margin: 0 5px;
	}
	.searchWrap ul > li #search {
		height: 40px;
		background:rgba(255,255,255,.15);
		line-height: 40px;
		color: rgba(255,255,255,.6);
		font-size: 13px;
		border: 1px solid rgba(0, 0, 0, 0.2); /* border: 0; */
		border-radius: 3px;
		padding: 0 15px;
	}
	.searchWrap ul > li #search option {
		background: #33323e;
	}

	.list_write {
		overflow: hidden;
		width: 100%;
		background: rgba(255,255,255,.05);
		border-radius: 5px;
	}
	.list_write th {
		text-align: center;
		color: rgba(255,255,255,.8);
		font-size: 14px;
		padding: 30px 0;
		border-bottom:1px solid rgba(255,255,255,.1);
	}
	.list_write td {
		font-size: 15px;
		padding: 20px;
		color: rgba(255,255,255,.6);
		border-bottom:1px solid rgba(255,255,255,.1);
	}
	.list_write td input {
		height: 40px;
		line-height: 40px;
		color: #fff;
		background:rgba(255,255,255,.15);
		border:0;
		border-radius: 3px;
	}
	.list_write td iframe {
		background: transparent;
		/* padding: 20px; */
		/* box-sizing: border-box; */
	}

	.bBlack {
		height: 40px;
		background: #ffc446;
		border-radius: 3px;
		color: #0f0e1c;
		line-height: 40px;
		padding: 0 20px;
		font-size: 14px;
		font-weight: 600;
		display: inline-block;
		cursor: pointer;
	}

	.bBlack22 {
		height: 20px;
		background: #ffc446;
		border-radius: 3px;
		color: #0f0e1c;
		line-height: 20px;
		padding: 0 20px;
		font-size: 14px;
		font-weight: 600;
		display: inline-block;
		cursor: pointer;
	}
/* QNA end*/


/* 구매하기 new */
.purWrap {width:90%; margin:0 auto; padding:30px 0 0 0; display:flex; }
.purBox {position:relative; width:40%; height:390px; margin:3% 5%; background:url(/admin/image1/pur04_b.jpg) no-repeat; background-size:cover; padding:15px; border-radius:10px; }
.purBox .frame {position:relative; width:100%; height:100%; border:4px solid transparent; border-image:url(/admin/image1/pur03.png) 30 stretch;}
.purBox .pTop {width:100%; height:185px; background:url(/admin/image1/pur01.png) no-repeat center bottom; background-size:auto; text-align:center; }
.purBox .pTop .crown {padding:30px 0 15px 0;}
.purBox .pTop .cont {font-size:16px; font-weight:600; color:#d7a350; letter-spacing:0;}
.purBox .pTop strong {padding:10px 0 0 0; font-size:26px; font-family:"Metropolis-ExtraBold"; display:block;}
.purBox .pMid {padding:10px 0; text-align:center; font-size:17px; font-weight:600; color:#d7a350; letter-spacing:0; line-height:1.3;}
.purBox .pMid input {width:60%; height:35px; background:rgba(255,255,255,.15); margin:7px 0 0 0; border-radius:5px; border:1px solid rgba(255,255,255,.2); font-size:14px; text-align:center; color:#edb152; letter-spacing:0;}
.purBox .pBtn {position:absolute; bottom:0; width:100%; height:55px; background:url(/admin/image1/pur03.png) no-repeat center top; background-size:100%; text-align:center; font-size:18px; font-weight:600; color:#001f3c; line-height:60px; overflow:hidden; cursor:pointer;}
.purBox .pBtn:hover {background:url(/admin/image1/pur03.png) no-repeat center top; background-size:115%;}
.purBox:hover {box-shadow:0 15px 20px rgba(0,0,0,.2);}
.purBox .soldout {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.55); padding:30% 0 0 0; color:#e13131; font-size:42px; font-family:"Metropolis-ExtraBold"; text-align:center; text-shadow:0 5px 10px rgba(0,0,0,.2); z-index:3;}

.purBoxH {width:364px; height:322px; background:url(/admin/image1/pur_bg.png) no-repeat center top; background-size:100%; text-align:center; padding:50px 0; color:#f4a028;}
.purBoxH .name {padding:8px 0 20px 0; font-size:16px; font-family:"Metropolis-Bold";}
.purBoxH .price {font-size:34px; font-family:"Metropolis-Bold";}
.purBoxH .hu {padding:13px 0 5px 0; font-size:15px;}
.purBoxH .hu strong {font-size:20px;}
.purBoxH .eth {font-size:13px;}
.purBoxH .eth strong {font-size:15px;}
.purBoxH .pBtn {width:40%; background:#f4a028; margin:20px auto 0; padding:11px 0; color:#00203f; font-weight:500; border-radius:50px; display:inline-block;}


@media all and (max-width: 1200px) {
	.purWrap {width:100%;}
	.purBox {width:45%; margin:3% 2.5%;}
}

@media all and (max-width: 900px) {
	.purBox {width:45%; margin:3% 2.5%;}
	.purBox .pTop {background-size:90% auto;}
}

@media all and (max-width: 768px) {
	.purWrap {padding:10px 0 0 0;}
	.purBox {height:340px;}
	.purBox .pTop {background-size:80% auto; height:155px;}
	.purBox .pTop .crown {padding:20px 0 15px 0;}
	.purBox .pTop .crown img {width:22px; height:auto;}
	.purBox .pTop .cont {font-size:14px;}
	.purBox .pTop strong {font-size:24px;}
	.purBox .pMid input {height:28px; border-radius:3px;}
	.purBox .pBtn {height:45px; line-height:45px; font-size:15px;}
}

@media all and (max-width: 640px) {
	.purBox {width:48%; height:330px; margin:3% 1%;}
	.purBox .pTop {background-size:80% auto; height:140px;}
	.purBox .pTop .cont {font-size:13px;}
	.purBox .pTop strong {font-size:20px;}
	.purBox .pMid {font-size:17px;}
}

@media all and (max-width: 520px) {
	.purBox {width:70%; margin:3% auto;}
	.purBox .pTop {background-size:auto 80%;}
}

@media all and (max-width: 460px) {
	.purBox {width:85%;}
	.purBoxH {width:300px; height:265px; padding:35px 0 0 0;}
	.purBoxH img {width:38px; height:auto;}
	.purBoxH .name {padding:8px 0 15px 0; font-size:14px;}
	.purBoxH .price {font-size:25px;}
	.purBoxH .hu {padding:10px 0 5px 0; font-size:14px;}
	.purBoxH .hu strong {font-size:18px;}
	.purBoxH .eth {font-size:12px;}
	.purBoxH .eth strong {font-size:14px;}
	.purBoxH .pBtn {padding:8px 0;}
}


.titBox table {width: 100%; }
.tit16 {font-weight:500;word-break:break-all;}
.tit16 .fontY {color:#f9ba33;}
#t_ordering {display: block;}

.titBox table th {width:25%; font-size:13px; color:#fff; border-bottom:1px solid #e1e1e1;}
.titBox table td {width:75%; padding:15px; font-size:11px; line-height:20px; color:#fff; border-bottom:1px solid #e1e1e1;}

	@media only screen and (min-width: 768px) {
		.titBox table th {width:25%; color:#fff; font-size:15px; border-bottom:1px solid #e1e1e1;text-align: center;line-height: 1.5;}
		.titBox table td {width:75%; padding:20px 30px; font-size:15px; line-height:22px; border-bottom:1px solid #e1e1e1;}
	}

	@media only screen and (min-width: 460px) {
		#t_ordering {display: inline-block;}
	}


/* 거래소선택 추가 */
.nChoice {
	background: rgba(255,255,255,.12);
	border-radius:5px;
	border: 0px solid rgba(255,255,255,.1); 
	margin: 15px 0 10px 0;
	padding: 20px;
	color:#fff;
	font-size: 14px;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.nChoice .name {padding:0 15px 0 0;}
.nChoice select {width:200px;}
.nChoice select option {background:#33323e;}
.nChoice input {
	width: 150px;
	height: 33px;
	background:rgba(255,255,255,.1);
	border:0;
	border-radius:3px;
	color:#fff;
	font-size: 12px;
}


@media screen and (max-width: 420px) {
	.nChoice {padding:15px 3%;}
}


/* 20201120 popup */
	#popup-wrap {
		position: fixed;
		top: 15%;
		left: 50%;
		transform: translateX(-50%);
		z-index: 99999;
		width: fit-content;
		/* max-width: 500px; */
		display: flex;
		justify-content: center;
		align-items: baseline;
	}
	#popup-wrap img {max-width: 100%;}
	#popup-wrap table {
		width: 100%;
		margin-bottom: 1em;
		border: 2px solid #000;
	 }
	#popup-wrap table th,
	#popup-wrap table td	{
		padding: 0.35em 0.5em;
		border: 1px solid #111;
		text-align: center;
	}

	#divpop,
	#divpop2,
	#divpop3{
		width: 100%;
		max-width: 500px;
		box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.1);
		margin: 1%;
		background: #f1f1f1;
	}
	#divpop2 {left: 600px;}

	#divpop .popInner,
	#divpop2 .popInner,
	#divpop3 .popInner{
		width: 100%;
		/* max-width: 500px; */
		height: auto;
		/* max-height: 500px;
		overflow: auto; */
		padding: 30px;
		font-size: 13px;
		/* background: top left / cover url(/img/popBg-top.png) no-repeat, bottom right / cover url(/img/popBg-bot.png) no-repeat, #f5f5f5; */
	}
	#divpop .title,
	#divpop2 .title,
	#divpop3 .title
	{
		font-size: 20px;
		font-weight: bolder;
		text-align: center;
		line-height: 2;
	}
	#divpop .date,
	#divpop2 .date,
	#divpop3 .date
	{
		font-size: 12px;
		color: #555;
		text-align: right;
	}
	#divpop .textBox,
	#divpop2 .textBox,
	#divpop3 .textBox{
		max-height: 400px;
		margin: 30px 0 10px;
		background: #fff;
		padding: 30px 20px;
		overflow-y: auto;
		font-size: 13px;
		line-height: 1.7;
		font-weight: 400;
	}
	#divpop .textBox::-webkit-scrollbar,
	#divpop2 .textBox::-webkit-scrollbar,
	#divpop3 .textBox::-webkit-scrollbar{
		display: block;
		width: 10px;
	}
	#divpop .textBox::-webkit-scrollbar-thumb,
	#divpop2 .textBox::-webkit-scrollbar-thumb,
	#divpop3 .textBox::-webkit-scrollbar-thumb{
		background: #ddd;
	}
	#divpop input,
	#divpop2 input,
	#divpop3 input{
		height: auto;
		margin: 0 3px 0 0;
		vertical-align: inherit;
	}
	#divpop .btn-wrap,
	#divpop2 .btn-wrap,
	#divpop3 .btn-wrap{
		display: flex;
		justify-content: space-around;
		margin: 0 auto;
	}
	#divpop button,
	#divpop2 button,
	#divpop3 button{
		margin-top: 30px;
		text-align: center;
		border: none;
		background: #ebebeb;
		padding: 10px;
		width: 30%;
		border-radius: 5px;
		font-size: 14px;
		font-weight: 400;
		opacity: 1;
	}
	#divpop .closePop,
	#divpop2 .closePop,
	#divpop3 .closePop{
		background: #777;
		color: #fff;
	}

	#divpop button.on,
	#divpop2 button.on,
	#divpop3 button.on{
		background: #ccc;
	}
	#divpop .closePop.on,
	#divpop2 .closePop.on,
	#divpop3 .closePop.on{
		background: #333;
	}

	#divpop .textBox li,
	#divpop2 .textBox li,
	#divpop3 .textBox li{
		margin: 10px 0;
	}
	#divpop .textBox li:not(.loc) {
		padding-left: 80px;
	}
	#divpop2 .textBox ul {margin: 30px 0;}

	#divpop .inputBox,
	#divpop2 .inputBox,
	#divpop3 .inputBox
	{
		width: 100%;
		/* max-width: 500px; */
		background: #333;
		color: #fff;
		padding: 5px 0;
		overflow: hidden;
		text-align: right;
		font-size: 12px;
		letter-spacing: -1px;
	}
	#divpop .inputBox input,
	#divpop2 .inputBox input,
	#divpop3 .inputBox input{
		width: 12px;
		height: 18px;
		letter-spacing: -0.5px;
		vertical-align: sub;
	}
	#divpop .inputBox b,
	#divpop2 .inputBox b,
	#divpop3 .inputBox b 
	{
		color: #fff;
		margin-left: 5px;
		margin-right: 15px;
		letter-spacing: -0.5px;
	}

	@media screen and (max-width: 400px) {
		#divpop .popInner,
		#divpop2 .popInner,
		#divpop3 .popInner{
			padding: 20px;
		}
		#divpop .title,
		#divpop2 .title,
		#divpop3 .title{
			font-size: 5vw;
		}
		#divpop1 .textBox,
		#divpop2 .textBox,
		#divpop3 .textBox{
			max-height: 250px;
			padding: 20px 15px;
		}
	
		 #divpop3 .inputBox {/* padding-right: 30px; */}
	}

	@media all and (max-width: 1000px){
		#popup-wrap {
			width: 90%;
			top: 5em;
			transform: translateX(-50%);
			flex-wrap: wrap;
		}
		#divpop .textBox,
		#divpop2 .textBox,
		#divpop3 .textBox{
			max-height: 350px;
		}
	}
/* 20201120 popup end */