/* 로그인 */
.loginL {position:absolute; left:0; top:0; width:100%; height:100%; /* background:url(/image/login_back2.jpg) no-repeat center; background-size:cover; */}
.loginR {position:absolute; top:0; right:0; width:50%; height:100%; /* background:#ededef; */}

.loginWrap {position:absolute; top:50%; left:50%; width:470px; background:rgba(15,20,32,.7); transform:translate(-50%, -50%); padding:50px 55px 40px 55px; border-radius:10px; } 
.loginWrap .logo {text-align:center;}
.loginWrap .tit {padding:10px 0; font-size:20px; font-weight:600;  letter-spacing:1px;}
.loginWrap .loginLang {width:100%; height:15px; }
.loginWrap p {margin:7px 0; color:#fff;}
.loginWrap select {width:100%; height:45px; background:rgba(255,255,255,.07); color:#fff; border-radius:7px; border:1px solid rgba(255,255,255,.1);}
.loginWrap select option {color:#000;}
.loginWrap input {height:45px; padding:0 12px; background:rgba(255,255,255,.07); color:#fff; border-radius:7px; border:1px solid rgba(255,255,255,.1);}
.loginWrap input:hover {border:1px solid #0082fa;}
.loginWrap input::placeholder {color:rgba(255,255,255,.8);}
.loginWrap .btnLogin {width:100%; height:55px; background:linear-gradient(90deg, #064DDF 0%, #008FFF 28%, #393CEB 55%, #7528DF 78%, #C12BEB 100%); margin:25px 0 0 0; line-height:55px; text-align:center; color:#fff; 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; }
.loginWrap img {width:200px; height:auto; margin:0 0 30px 0;}
.loginWrap .chkIcon {width:20px; height:20px;}


.loginVod {position:absolute; right:0; 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:100%; height:100%;}
.loginVod .vLine {position:absolute; top:0; left:0; width:2px; height:100%; background:#ededef;}


@media all and (max-width:1500px) {
	.loginR {width:360px; 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:55%; height:auto;}
	
	/* .loginVod {width:60%;} */
}

@media all and (max-width:1200px) {
	/* .loginVod {width:70%;} */
}

@media all and (max-width:620px) {
	.loginL {width:100%;}
	.loginR {width:100%; height:50%; min-height:350px; top:auto; bottom:0; background:#fff; padding:0;}
	.loginWrap {width:90%; height:; }
	.loginWrap img {width:45%; height:auto;}
	.loginVod {/* top:-20%; left:-2px; */}
	.loginVod .vod div video {/* width:160% !important; */}
	/* .loginVod .vLine {top:auto; bottom:-15px; left:0; width:100%; height:10px; background:#ededef;} */
	.loginWrap .signLink img {margin:0;}


}

@media all and (max-width:540px) {
	/* .loginVod .vod div video {width:200% !important;} */
	.loginWrap {padding:40px;}
}

@media all and (max-width:460px) {
	/* .loginVod .vod div video {width:250% !important;} */
}


/* 왼쪽메뉴 */
.leftTop {position:fixed; top:0; left:0; width:100%; height:87px; background:url(/image/login_bg.jpg) no-repeat center; background-size:cover; z-index:2;}
.leftWrap {position:fixed; top:0; left:0; width:300px; height:100%; background:#0f1320; padding:41px 0 0 18px; border-right:1px solid rgba(255,255,255,.1); overflow-y:auto; z-index:5;}
.leftWrap .logo {width:160px; height:47px; background:url(/image/logo_w.png) no-repeat; background-size:100%; margin:0 auto 55px; font-size:24px; color:#9fa4b8; text-align:center;}

.leftWrap .status {width:100%; border:1px solid rgba(0,0,0,.3);}


.leftWrap .userWrap {text-align:center; text-transform:uppercase;}
.leftWrap .userWrap img {vertical-align:middle;}
.leftWrap .userWrap strong {color:#fff; font-weight:500; font-size:13px; letter-spacing:0.2px;}
.leftWrap .userWrap .btnOut {background:linear-gradient(180deg, #438df6 0%, #1764D4 100%); padding:5px 8px; color:#fff; 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(158, 180, 222, .1); padding:0 10px; color:rgba(255,255,255,.8); border-radius:17.5px; border:0px solid #d3e1f5;}
.leftWrap .tLang select option {color:#000;}

.leftWrap .jic {width:60%; height:30px; margin:7px auto 0; padding:0 10px; line-height:30px; text-align:center; letter-spacing:0; font-weight:600; color:#000;  border:1px solid rgba(0,0,0,.05); border-radius:17.5px;}
.leftWrap .jic .star {color:#1b5fbd;}

.leftWrap .nav {width:65%; margin:55px auto 20px;}
.leftWrap .nav li {position:relative; height:30px; padding:0 2px; line-height:30px; color:rgba(0,0,0,.8); font-size:14px; font-weight:600;  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:12px; border-radius:1.5px; background:#1b5fbd; 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:12px; background:#1b5fbd; color:#000; border-radius:6px;}
.leftWrap .nav li.on a {color:#000; font-weight:600;}
.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) {
	.leftTop {display:none;}
	.leftWrap {width:300px; left:auto; right:-310px;  border-right:0; box-shadow:none;}
	.leftWrap .logo {width:140px; height:41px; background:url(/image/logo_w.png) no-repeat; background-size:100%; margin:0 auto 40px;}
	.leftWrap .close1 {position:absolute; top:15px; left:15px; width:20px; height:20px; background:url(/image/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 {margin:35px auto 20px;}
	.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 { }
	.leftWrap .tLang {width:65%;}
	.leftWrap .nav {margin:35px auto 20px;}
}


.rMenu {width:55%; margin:35px auto 20px;}
.rMenu ul {padding-inline-start:0;}
.rMenu ul li {font-size:15px; font-weight:500; font-family: 'gilroymedium', 'Noto Sans KR'; }
.rMenu ul li.on {}
.rMenu .tt {position:relative; /* height:33px; */ line-height:1; padding:8px 2px; color:#000; 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; height:0; left:-10px; bottom:16px;  border-radius:6px; background:#1b5fbd; transition:0.3s; -webkit-transition:0.3s; z-index:-1;}
.rMenu .tt.on:before, .rMenu .tt:hover:before {left:-16px; bottom:10px; width:12px; height:12px; background:#1b5fbd;}


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


.rMenu li.ly{overflow:hidden; width:100%; margin:0px 0 0 0; padding:15px; line-height:1; color:#000; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background:#f2f2f2;} 
.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 {padding:5px 0;  font-size:13px; font-weight:300; margin-inline-start:0;}
.rMenu li.ly.active {display:block;}
.rMenu dd:hover a {font-weight:600; color:#000;}


.lMenu {width:80%; margin:30px auto; border:0px solid red;}
.lMenu li {position:relative; width:100%; margin:2px 0; padding:11px 15px 11px 15px; color:#fff; font-size:14px; font-weight:400; overflow:hidden; border:0px solid red;}
.lMenu .btn1:after {content:'>'; position:absolute; right:2%;}
.lMenu li:last-child {border-bottom:0;}
.lMenu li.on {color:#fff;}
.lMenu li.on:after {content:''; position:absolute; width:100%; height:100%; top:50%; right:0; transform:translateY(-50%); background:rgba(158,180,222,.1); border-radius:10px; color:#fff !important; z-index:-1;}
.lMenu {display:block;}
.lMenu .icon {float:left; display:inline-block; border:0px solid blue;}
.lMenu .icon img {position:absolute; top:50%; left:50%; width:80%; height:auto; transform:translate(-50%, -50%);}
.lMenu .name {float:left; margin-left:7px; }

.iMenu01 {width:20px; height:20px; background:url(/image/ticon_home.png) no-repeat center top; background-size:100%;}
.iMenu02 {width:20px; height:20px; background:url(/image/ticon_profile.png) no-repeat center top; background-size:100%;}
.iMenu03 {width:20px; height:20px; background:url(/image/ticon_mypack.png) no-repeat center top; background-size:100%;}
.iMenu04 {width:20px; height:20px; background:url(/image/ticon_status.png) no-repeat center top; background-size:100%;}
.iMenu05 {width:20px; height:20px; background:url(/image/ticon_wallet.png) no-repeat center top; background-size:100%;}
.iMenu06 {width:20px; height:20px; background:url(/image/ticon_reg.png) no-repeat center top; background-size:100%;}
.iMenu07 {width:20px; height:20px; background:url(/image/ticon_mining.png) no-repeat center top; background-size:100%;}
.iMenu08 {width:20px; height:20px; background:url(/image/ticon_chart.png) no-repeat center top; background-size:100%;}
.iMenu09 {width:20px; height:20px; background:url(/image/ticon_ref.png) no-repeat center top; background-size:100%;}
.iMenu10 {width:20px; height:20px; background:url(/image/ticon_commu.png) no-repeat center top; background-size:100%;}
.iMenu11 {width:20px; height:20px; background:url(/image/ticon_page.png) no-repeat center top; background-size:100%;}
.iMenu12 {width:20px; height:20px; background:url(/image/ticon_out.png) no-repeat center top; background-size:100%;}


/* layout */
.mainWrap {width:1088px; margin:70px 0 0 380px; z-index:-1;}
.mainWrap1 {width:1088px; margin:70px 0 0 380px; }
.mobileTop {display:none;} 
.whiteDoc { border-radius:10px;  box-shadow:0 10px 10px rgba(0,0,0,.1); overflow:hidden;}
.whiteDoc50 { border-radius:10px;  box-shadow:0 10px 10px rgba(0,0,0,.1); 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;}
.midTitle {font-weight:400; font-size:17px;}
.spaceV50 {width:100%; height:50px;}
.fr {float:right;}
.fl {float:left;}
.fRed {color:red;}
#mask {position:fixed; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); display:none; z-index:100;}
.mgt20 {margin-top:20px;}

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

@media screen and (max-width: 1300px) {
	.mainWrap {width:95%; margin:0 auto 40px;}
	.mainWrap1 {width:95%; margin:0 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:136px; height:40px; background:url(/image/logo_w.png) no-repeat; background-size:100%; display:inline-block;}
	.mobileTop .mMenu {position:absolute; top:15px; right:2.5%; width:40px; height:40px; background:url(/image/icon_nav_w.png) no-repeat center; background-size:22px; display:inline-block; }

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

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

@media screen and (max-width: 768px) {
	.mainWrap {width:95%; }
	.mainWrap1 {width:95%;}
	.whiteDoc {border-radius:5px;}
	.whiteDoc50 { border-radius:7px;}
	.mobileTop .mLogo {width:119px; height:35px;}
	.mobileTop.fixed .mLogo {width:119px; height:35px;}
}

@media screen and (max-width: 720px) {
	.mainWrap1 {width:95%;}
}

@media screen and (max-width: 620px) {
	.mobileTop .mLogo {}
	/* .mobileTop.fixed .mLogo {width:135px; height:23px;} */
}

@media screen and (max-width: 520px) {
	.mainWrap {/* width:100%; */ }
	.mobileTop {padding:20px 2.5% 40px 2.5%;}
	.mobileTop .mLogo {width:109px; height:32px;}
	.mobileTop .mMenu {top:15px;}
	.mobileTop.fixed .mLogo {width:109px; height:32px;}
	.mobileTop.fixed .mMenu {top:10px;}
}

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

/* 메인화면 */
.mainLeft {float:left; width:62%; }
.mainRight {float:right; width:35%; }
.mainLeft1 {float:left; width:62%; }
.mainRight1 {float:right; width:35%;}

@media screen and (max-width: 768px) {
	.mainLeft {float:none; width:100%; }
	.mainRight {float:none; width:100%; }
	.mainLeft1 {float:none; width:100%;}
	.mainRight1 {float:none; width:100%;}
}

.mainBox00 {position:relative; float:left; width:32%; height:290px; padding:0;}
.mainBox00 .play {position:absolute; left:0; top:0; width:100%; height:100%; background:url(/image/btn_play.png) no-repeat center rgba(0,0,0,.5); background-size:60px;}
.mainBox00:hover .play {background:url(/image/btn_play_on.png) no-repeat center rgba(0,0,0,.5);}
.mainBox00 video {width:auto; height:100%;}

.vodWrap {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.8); padding:5%; text-align:center; display:none; z-index:99;}
.vodWrap video {position:absolute; width:1000px; height:auto; top:50%; left:50%; margin:0 auto; transform:translate(-50%, -50%);}
.vodWrap .playClose {position:absolute; top:50px; right:50px; width:30px; height:30px; background:url(/image/icon_x_w.png) no-repeat center;}
.vodWrap .playClose:hover {border:1px solid red;}

@media screen and (max-width: 1110px) {
	.vodWrap video {width:100%;}
}


.mainBox01Wrap {width:100%; height:; display:flex; justify-content:space-around; flex-wrap:wrap;}
.mainBox01Wrap .secBox {width:19%; height:; background:#0f1320; padding:20px 15px 15px; border:1px solid #252a36; border-radius:10px;}
.mainBox01Wrap .secBox strong {margin-top:5px; color:#fff; font-size:25px; display:block;}
.tag01 {background:#0f2432; padding:2px 10px; color:#1ed3ee; font-size:13px; border:1px solid #0e3343; border-radius:5px; display:inline-block;}
.tag02 {background:#141f36; padding:2px 10px; color:#47a5fa; font-size:13px; border:1px solid #182a4a; border-radius:5px; display:inline-block;}
.tag03 {background:#25241e; padding:2px 10px; color:#facc19; font-size:13px; border:1px solid #3a331c; border-radius:5px; display:inline-block;}
.tag04 {background:#1f1a36; padding:2px 10px; color:#c084dc; font-size:13px; border:1px solid #2e204a; border-radius:5px; display:inline-block;}
.tag05 {background:#24361a; padding:2px 10px; color:#98bc1f; font-size:13px; border:1px solid #284a20; border-radius:5px; display:inline-block;}


@media screen and (max-width: 820px) {
	.mainBox01Wrap .secBox {width:49%; margin-bottom:7px;}
	.mainBox01Wrap .secBox:last-child {width:100%;}
}

@media screen and (max-width: 520px) {
	.mainBox01Wrap .secBox {padding:15px;}
	.mainBox01Wrap .secBox strong {font-size:20px;}
	.tag01, .tag02, .tag03, .tag04, .tag05 {font-size:12px;}
}

.mainBox01 {float:left; width:48.5%; height:200px; background:url(/image/office01.jpg) no-repeat bottom center; background-size:cover; padding:25px 30px 15px 30px; }
.mainBox01 .sTit {padding-bottom:10px; font-size:16px; font-weight:600;}
.mainBox01 ul {float:left; width:50%; margin-bottom:20px;}

.mainBox02 {width:100%; height:120px; background:url(/image/office051.jpg) no-repeat center; background-size:cover; margin-top:30px; padding:35px 35px 15px 35px; color:#fff; border:1px solid rgba(255,255,255,.1);}
.mainBox02 ul {float:left; width:33.3%; margin-bottom:20px;}
.mainBox02 .sTit {padding-top:10px; font-size:14px; color:rgba(255,255,255,.8);}
.mainBox02 .bTit {font-size:25px; font-weight:600;}
.mainBox02 .btn {margin:5px 0 0 5px; padding:5px 10px; font-size:11px; font-weight:300; border:1px solid rgba(255,255,255,.5); border-radius:5px; display:inline-block;}

/* .orba-text {
  font-size: 28px;
  font-weight: 900;
  background: linear-gradient(
    100deg,
    #00E5FF 0%,
    #008CFF 25%,
    #006BFF 45%,
    #493BFF 70%,
    #C000FF 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
} */
.orba-text {
  font-size: 13px;
  font-weight: 600;

  background: linear-gradient(
    100deg,
    #00E5FF 0%,
    #008CFF 25%,
    #006BFF 45%,
    #493BFF 70%,
    #C000FF 100%
  );

  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;

  filter: drop-shadow(0 0 5px rgba(0, 140, 255, 0.35));
}

.mainWrap .name {font-size:14px;}
.mainWrap .number {font-size:18px; font-size:18px; font-weight:600;}
.mainLeft ul {margin-top:17px;}
/* .mainBox02 ul:first-child {margin-top:0;} */

.mainBox03 {float:left; width:48.5%; background:url(/image/office06.jpg) no-repeat center; background-size:cover; margin:30px 0 0 0; padding:20px 30px; color:#fff; border:1px solid rgba(255,255,255,.1);}
/* .mainBox03 .gTit {padding:0 0 15px 0; font-size:18px; font-weight:600;} */
.mainBox03 .sTit {padding-bottom:15px; font-size:16px; font-weight:600;}
.mainBox03 ul {float:left; width:33.3%; margin-bottom:20px;}
.mainBox03 ul:last-child {margin-bottom:0;}

.mainBox03_1 {float:right; width:48.5%; background:url(/image/office07.jpg) no-repeat left top; background-size:cover;  margin:30px 0 0 0; padding:20px 30px; color:#fff; border:1px solid rgba(255,255,255,.1);}
.mainBox03_1 .sTit {padding-bottom:15px; font-size:16px; font-weight:600;}
.mainBox03_1 ul {float:left; width:33.3%; margin-bottom:20px;}
.mainBox03 ul:last-child {margin-bottom:0;}


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

@media screen and (max-width: 620px) {
	.mainBox00 {float:none; width:100%; height:auto;}
	.mainBox00 video {width:100%; height:auto;}
	
	.mainBox01Wrap {float:none; width:100%; height:auto;}
	.mainBox01 {float:none; width:100%; height:auto; margin:20px 0 0 0; padding:30px 30px 15px 30px;}
	.mainBox02 {float:none; width:100%; height:auto; margin-top:20px; padding:30px 30px 15px 30px;}
	.mainBox02 .sTit {}
	.mainBox02 .bTit {font-size:24px;}
	
	.mainBox03 {float:none; width:100%; height:auto;}
	.mainBox03_1 {float:none; width:100%; height:auto;}
}

@media screen and (max-width: 460px) {
	.mainBox02 .bTit {font-size:22px;}
	
	.mainLeft ul {float:left; width:50%;}

	.mainBox03 {padding:20px 10px 30px 10px;}
	.mainBox03 .gTit {padding:0 0 10px 0;}
}


.graphWrap {position:relative; width:100%; }
.graphWrap .bgStick {position:relative; width:100%; height:12px; background:rgba(255,255,255,.07); border-radius:6px;}
.graphWrap .gLine {
	position:absolute; top:-2px; left:0px; 
	background: linear-gradient(110deg, #43C6F5 0%, #5688F5 45%, #8B45F5 75%, #D946EF 100%);
	height:14px; 
	padding:0 10px 0 5px;
	border-radius:7px; 
	box-shadow:5px 5px 5px rgba(0,0,0,.15);
	text-align:right;
	color:#fff;
	font-size:10px; font-weight:500;
	line-height:14px;
	animation:animate 2s linear;
}


@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:0; overflow:hidden;}
.graphWrap .txtWrap ul {float:left; width:33.3%; margin:10px 0 0 0;}
.graphWrap .txtWrap .left1 {}
.graphWrap .txtWrap .center1 {float:right; padding:10px 0 0 0; text-align:right;}
.graphWrap .txtWrap .right1 {float:right; width:auto; text-align:right;}
.graphWrap .txtWrap .center {clear:both; width:100%; font-size:15px; font-weight:600; text-align:center;}
.graphWrap .txtWrap .small1 {font-size:13px; font-weight:600; margin:0; letter-spacing:0;}
.graphWrap .txtWrap .big1 {font-size:16px; color:#47a5fa; font-weight:600; margin:0; }

.graphWrap .txtWrap .big2 {padding:15px 0 0 0; font-size:16px; color:#000; font-weight:600; margin:0; }
.graphWrap .txtWrap .small2 {padding:10px 0 0 0; font-size:13px; font-weight:600; margin:0; letter-spacing:0;}


@media screen and (max-width: 860px) {	
	.graphWrap .txtWrap .center1 {padding:5px 0 0 0;}
	.graphWrap .txtWrap .right1 {width:60px;}

	.graphWrap .txtWrap .small1 {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;}
}


@media screen and (max-width: 520px) {	
	.graphWrap .txtWrap .center1 img {width:60px; height:auto;}
}

.mainBox04 {position:relative; float:left; width:48.5%; background:#0f1320; margin-top:30px; padding:20px 30px; text-align:left; border: 1px solid #252a36;}
.mainBox04 .detail {position:absolute; top:35px; right:28px; padding:3px 12px; font-size:10px; font-weight:600; border:1px solid #ccc; border-radius:50px; display:inline-block;}
.mainBox04 .tit {padding-bottom:15px; font-size:16px; font-weight:600;}
.mainBox04 .cir {height:20px; background:url(/image/icon_id_w.png) no-repeat 7px center #646464; background-size:14px; margin:-5px 0 0 5px; vertical-align:middle; padding:0 8px 0 24px; color:#fff; font-size:10px; line-height:20px; border-radius:10px; display:inline-block;}
.mainBox04 .cont {background:#f9f9f9; padding:15px; font-size:14px; overflow:hidden;}
.mainBox04 .cont .th {float:left; width:40%; line-height:1.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mainBox04 .cont .td {float:left; width:60%; text-align:right; font-weight:600; color:#000; line-height:1.5; }
.vSpace20 {clear:both; padding:10px;}

@media screen and (max-width: 880px) {
	.mainBox04 {clear:both; float:none; width:100%;}
}

@media screen and (max-width: 460px) {
	.mainBox04 {padding:20px;}
	.mainBox04 .tit {font-size:16px;}
	.mainBox04 .cont {padding:15px 20px; font-size:13px;}
}


/* 메인회원가입 */
.mainBox05 {position:relative; width:100%; height:130px; background-size:auto 100%; margin:30px 0; padding:28px 4%; }
.mainBox05 .jBack {position:absolute; width:100%; height:100%; top:50%; left:50%; transform:translate(-50%, -50%); background:#d6e6fd; z-index:-1;}
.mainBox05 .jBack video {position:absolute; width:auto; height:150%; top:50%; left:0; transform:translateY(-50%);}
.mainBox05 .pic {position:absolute; z-index:1;}
.mainBox05 .pic img {width:130px; height:auto; margin-bottom:10px;}
.mainBox05 .tit {position:absolute; background:#d6e6fd; width:50%; height:100%; top:0; left:50%; padding:30px 0 0 20px; font-size:13px; letter-spacing:0; z-index:1;}
.mainBox05 .tit strong {font-size:20px; display:block;}
.mainBox05 .tit .small {font-size:12px;}
.mainBox05 .btnJoin {background:#222; margin:7px auto 0; color:#fff; padding:5px 10px; font-size:10px; font-weight:600; border:1px solid rgba(0,0,0,.3); border-radius:5px; display:inline-block; z-index:1;}

@media screen and (max-width: 1300px) {
	.mainBox05 .tit {width:60%; left:40%; }
	.mainBox05 .jBack video {height:130%; left:10px;}
}

@media screen and (max-width: 1100px) {
	.mainBox05 .tit {width:50%; left:50%; }
	.mainBox05 .jBack video {height:130%; left:20px;}
}

@media screen and (max-width: 960px) {
	.mainBox05 .jBack video {height:120%; left:0px;}
	.mainBox05 .tit strong {font-size:17px;}
}

@media screen and (max-width: 768px) {
	.mainBox05 {/* float:left; width:48%; */ height:120px; margin:30px 0 0 0; padding:30px 4%;}
	.mainBox05 .tit {width:55%; left:45%; }
	
	.mainBox05 .pic img {width:100px;  margin-bottom:0px;}
	.mainBox05 .tit strong {}	
}

@media screen and (max-width: 560px) {
	.mainBox05 {float:none; width:100%;}
	.mainBox05 .jBack video {height:150%; left:8%;}
	.mainBox05 .tit {width:55%; left:42%; }
	.mainBox05 .tit strong {font-size:19px;}
}

@media screen and (max-width: 500px) {
	.mainBox05 .jBack video {height:150%; left:5%;}
}

@media screen and (max-width: 400px) {
	.mainBox05 .jBack video {height:150%; left:5%;}
	.mainBox05 .tit {width:50%; left:50%; }
}

/* 와사비 배너 */
.banner {width:100%; height:130px; background:url(/image/banner.jpg) no-repeat center; background-size:auto; margin:30px 0; padding:28px 4%;}
.banner ul {float:left;}
.banner .logoWa {width:45%; text-align:center;}
.banner .logoWa img {width:70%; height:auto;}
.banner .logoWa .text {font-size:14px;}
.banner .contWa {width:53%; font-size:13px; line-height:1.2; word-break:break-all;}
.banner .contWa strong {padding-bottom:7px; font-size:19px; font-weight:700; display:block;}

@media screen and (max-width: 920px) {
	.banner .logoWa .text {font-size:12px;}
	.banner .contWa {font-size:12px;}
	.banner .contWa strong {font-size:16px;}
}

@media screen and (max-width: 768px) {
	.banner {float:left; width:48%; margin:20px 0;}
}	

@media screen and (max-width: 620px) {
	.banner {float:none; width:100%; background:url(/image/banner.jpg) no-repeat center; background-size:cover;}
	.banner .logoWa .text {font-size:14px;}
	.banner .contWa {font-size:14px;}
	.banner .contWa strong {font-size:20px;}
}	

@media screen and (max-width: 420px) {
	.banner .contWa {font-size:13px;}
	.banner .contWa strong {font-size:18px;}
}


/* 브니엘랜드 배너 */
.banner1 {width:100%; height:auto; background:url(/image/banner1.jpg) no-repeat left bottom #c7dbf0; margin:0 0 30px 0; padding:25px 20px; overflow:hidden;}
.banner1 ul {float:left;}
.banner1 .tag {width:35%; background:rgba(255,255,255,.75); padding:9px 17px 5px 17px; text-align:center; font-size:11px; color:rgba(0,0,0,.7); border-radius:50px; display:inline-block;}
.banner1 .tag strong {font-size:17px; font-weight:600; color:#214d9e;}
.banner1 .contB {width:65%; padding:10px 0 0 18px; font-size:13px; word-break:break-all;}


@media screen and (max-width: 960px) {
	.banner1 ul {float:none;}
	.banner1 .tag {width:auto;}
	.banner1 .contB {width:100%;}
}

@media screen and (max-width: 768px) {
	.banner1 {float:right; width:49%; height:130px; margin:20px 0 0 0; padding:10px;}
	.banner1 ul {float:left;} 
	.banner1 .tag {width:33%; word-break:break-all;}
	.banner1 .tag strong {font-size:15px; }
	.banner1 .contB {width:67%;}
	
}

@media screen and (max-width: 620px) {
	.banner1 {width:100%; height:auto; margin:20px 0 30px 0;}
}

@media screen and (max-width: 420px) {
	.banner1 {padding:15px;}
	.banner1 .tag {width:35%;}
	.banner1 .contB {width:65%;}
}

.mainBox060 {float:left; width:48.5%; margin-top:30px;}

/* 초대하기 */
.mainBox06 {float:left; width:48.5%; margin-top:30px; padding:0;}
.mainBox06 .tit {margin-bottom:0; color:#fff; font-size:18px; font-weight:600}
.mainBox06 .click {background:rgba(255,255,255,.1); padding:5px 10px; border-radius:50px; color:#fff; font-weight:500; font-size:10px; letter-spacing:0; display:inline-block;}
.mainBox06 .input {width:100%; height:40px; margin-bottom:30px; box-shadow:10px 15px 20px rgba(0,0,0,.1); border-radius:20px; display:flex;}
.mainBox06 .input .left {width:80%;}
.mainBox06 .input input {width:100%; height:40px; background:#0f1320; text-indent:7px; border:1px solid #252a36; border-radius:20px 0 0 20px; color:rgba(255,255,255,.7);}
.mainBox06 .input .copy {width:20%; height:40px; background: linear-gradient(180deg, #438df6 0%, #1764D4 100%); color:#fff; font-size:12px; line-height:40px; text-align:center; letter-spacing:0.5px;  border-radius:0 20px 20px 0; display:inline-block; cursor:pointer;}
.mainBox06 .input .copy:hover {background:#222;}

.mainBox06_1 {float:right; width:48.5%; margin-top:30px; padding:0;}
.mainBox06_1 .tit {margin-bottom:0; color:#000; font-size:18px; font-weight:600}
.mainBox06_1 .click {background:#222; padding:5px 10px; border-radius:50px; color:#fff; font-weight:500; font-size:10px; letter-spacing:0; display:inline-block;}
.mainBox06_1 .input {width:100%; height:40px; margin-bottom:30px; box-shadow:10px 15px 20px rgba(0,0,0,.1); border-radius:20px; display:flex;}
.mainBox06_1 .input .left {width:80%;}
.mainBox06_1 .input input {width:100%; height:40px; background:#fff; text-indent:7px;  border-radius:20px 0 0 20px; border:0;}
.mainBox06_1 .input .copy {width:20%; height:40px; background: linear-gradient(180deg, #438df6 0%, #1764D4 100%); color:#fff; font-size:12px; line-height:40px; text-align:center; letter-spacing:0.5px;  border-radius:0 20px 20px 0; display:inline-block; cursor:pointer;}
/* .mainBox06_1 .input .copy:hover {background:#222;} */
.mainBox06_1 .grBtn {background:#029bfe; padding:3px 7px; color:#fff; font-size:12px; border-radius:5px; display:inline-block;}

@media screen and (max-width: 880px) {
	.mainBox060 {clear:both; width:100%;}
	.mainBox06 {width:100%;}
	.mainBox06 .input {margin-bottom:0px;}
	.mainBox06_1 {width:100%;}
}


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

.menuWrap {float:right; width:48.5%; margin-top:30px; overflow:hidden;}
.menuWrap ul {float:left; width:23.12%; margin:0 2.5% 0 0;}
.menuWrap ul.last {margin:0;}
.menuWrap .pic {height:100px; border-radius:10px;}
.menuWrap .name {padding:10px 0; text-align:center; color:#fff; font-size:14px; font-weight:500;}


.menuWrap .menu01 {background:url(/image/newicon01.jpg) no-repeat center; background-size:cover;}
.menuWrap .menu02 {background:url(/image/newicon02.jpg) no-repeat center; background-size:cover;}
.menuWrap .menu03 {background:url(/image/newicon05.jpg) no-repeat center; background-size:cover;}
.menuWrap .menu04 {background:url(/image/newicon04.jpg) no-repeat center; background-size:cover;}
.menuWrap .menu05 {background:url(/image/newicon03.jpg) no-repeat center; background-size:cover;}


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

@media screen and (max-width: 680px) {
	.menuWrap .pic {height:85px;}
	.menuWrap .name {font-size:13px;}
}

@media screen and (max-width: 480px) {
	/* .menuWrap ul {width:19%; margin:0 1.25% 0 0;} */
	.menuWrap .pic {height:60px; border-radius:5px;}
}

.newsWrap {float:right; width:48.5%; min-height:100px; margin:30px 0 0 0; background:#0f1320; padding:25px; border:1px solid rgba(255,255,255,.1);}
.newsWrap .tit {margin-bottom:12px; color:#fff; font-size:18px; font-weight:600;}
.newsWrap dd {float:left; width:60%; font-size:14px !important; padding:3px 0; color:rgba(255,255,255,.7); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsWrap dd.date {width:40%; text-align:right; color:rgba(255,255,255,.3); letter-spacing:0;}

/* @media screen and (max-width: 880px) {
	.newsWrap {float:none; width:100%; height:auto; padding:25px 4%;}
} */

@media screen and (max-width: 880px) {
	.newsWrap {float:none; width:100%; 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 { width:100%;}
}


/* 하단영역 */  
.footWrap {clear:both; width:100%; margin:0; padding:50px 0 40px 0; text-align:center; font-size:12px; letter-spacing:.3px; }
.footWrap strong {color:#fff; font-family:"Metropolis-Bold", "Noto Sans KR";}


@media screen and (max-width: 1000px) {
	.footWrap {padding:50px 0 30px 0;} 
	.subWrap .footWrap {position:static; padding:0 0 30px 0;}
}


/* 서브페이지 */ 
.subCont {width:100%; min-height:830px; background:#0f1320; margin:; padding:70px 6%; border:1px solid rgba(255,255,255,.15);}
/* .subCont .title:before {content:''; width:60px; height:60px; background:url(/image/icon_tit.png) no-repeat center #e4eefe; margin:0 10px 0 0; background-size:50%; border-radius:50%; display:inline-block;} */
.subCont .title {background:url(/image/pat.png) repeat-x left bottom; margin:0 0 20px 0; padding:0 0 15px 0; color:; 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;}
/* .bgback {position:fixed; top:0px; right:30px; width:80%; height:200px; z-index:1; border:1px solid red;} */

.titWrap {width:100%; margin-bottom:10px; padding:30px 6%; border-radius:10px; border:1px solid rgba(255,255,255,.15);}
.titWrap ul {overflow:hidden;}
.titWrap ul li {float:left;}
.titWrap .icon {width:64px; margin-right:20px;}
.titWrap .icon img {width:100%; }
.titWrap strong {font-size:30px; font-weight:600; color:#fff;}
.titWrap .small {font-size:13px; font-weight:3001; color:rgba(255,255,255,.5);}

.titBg01 {background:url(/image/sub_top01.jpg) no-repeat right center #0f1320; background-size:cover;}
.titBg02 {background:url(/image/sub_top02.jpg) no-repeat right center #0f1320; background-size:cover;}
.titBg03 {background:url(/image/sub_top03.jpg) no-repeat right center #0f1320; background-size:cover;}
.titBg04 {background:url(/image/sub_top04.jpg) no-repeat right center #0f1320; background-size:cover;}
.titBg05 {background:url(/image/sub_top05.jpg) no-repeat right center #0f1320; background-size:cover;}
.titBg06 {background:url(/image/sub_top06.jpg) no-repeat right center #0f1320; background-size:cover;}
.titBg07 {background:url(/image/sub_top07.jpg) no-repeat right center #0f1320; background-size:cover;}
.titBg08 {background:url(/image/sub_top08.jpg) no-repeat right center #0f1320; background-size:cover;}
.titBg09 {background:url(/image/sub_top09.jpg) no-repeat right center #0f1320; background-size:cover;}


@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 {min-height:500px; margin:10px 0 20px 0; padding:50px 5%;}
	.subCont .title {font-size:25px;}
	
	.titWrap {margin-bottom:30px;}
	.titWrap .icon {width:55px; margin-right:15px;}
	.titWrap strong {font-size:28px;}
	.titWrap .small {font-size:12px;}

	.titBg01 {background-size:auto 160px;}
	.titBg02 {background-size:auto 160px;}
	.titBg03 {background-size:auto 160px;}
	.titBg04 {background-size:auto 160px;}
	.titBg05 {background-size:auto 160px;}
	.titBg06 {background-size:auto 160px;}
	.titBg07 {background-size:auto 160px;}
	.titBg08 {background-size:auto 160px;}
	.titBg09 {background-size:auto 160px;}

}

@media screen and (max-width: 520px) {
	.subCont {margin:0 0 30px 0; padding:20px 2.5%;}
	.subCont .title {font-size:22px; font-weight:600;}
	
	.titWrap {margin-bottom:20px;}
	.titWrap .icon {width:45px;}
	.titWrap strong {font-size:25px;}
	
	
	.titBg01 {background-size:auto 130px;}
	.titBg02 {background-size:auto 130px;}
	.titBg03 {background-size:auto 130px;}
	.titBg04 {background-size:auto 130px;}
	.titBg05 {background-size:auto 130px;}
	.titBg06 {background-size:auto 130px;}
	.titBg07 {background-size:auto 130px;}
	.titBg08 {background-size:auto 130px;}
	.titBg09 {background-size:auto 130px;}
}

@media screen and (max-width: 400px) {
	.subCont .title #t_page_title {display:block;}
	.titWrap strong {font-size:22px;}
	.titWrap .icon {margin-right:10px;}
	.titWrap .small {font-size:11px;}
	
	.titBg01 {background-size:auto 90px;}
}


/* 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-weight: 500;	text-transform: uppercase;}
.bTable .td {position: relative; height: 50px; background:rgba(255,255,255,.07); line-height:50px; font-size: 14px; color:#fff; text-indent: 10px; border:1px solid rgba(255,255,255,.1); border-radius:5px;}
.bTable .td:hover {border:1px solid #0082fa; transition:ease 1s;}
.bTable .td.phone {display: flex;}
.bTable .td.phone input {padding-left: 10px;}

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



.bTableJ .th {font-size:13px;}
.bTableJ .w50L {float:left; width:49%;}
.bTableJ .w50R {float:right; width:49%;}
.bTableJ .star {font-size:11px; color:#f65372;}
.bTableJ input {height:45px; padding:0 12px; background:rgba(255,255,255,.07); color:#fff; border-radius:7px; border:1px solid rgba(255,255,255,.1);}
.bTableJ input:hover {border:1px solid #0082fa;}
.bTableJ select.jSelect {height:45px; background:rgba(255,255,255,.07); border-radius:7px; border:1px solid rgba(255,255,255,.1);}
.bTableJ select.jSelect:hover {border:1px solid #0082fa;}




.bTable .td.bank {}
.bTable .td.bank .bCount {display:inline;}

.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 input {
	width: 90%;
	background: transparent;
	border: 0;
	height: 50px;
	text-indent: 0;
	padding: 0;
	font-size: 14px;
	
	outline:0
}
.btnS {
	position: absolute;
	top: -2px;
	right: -2px;
	width: 20%;
	height: 50px;
	background: #1b5fbd;
	border-radius:0 5px 5px 0;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	text-indent: 0;
	line-height: 50px;
	text-align: center;
}
.btnS:hover {background: #1b5fbd; 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: 770px) {
	.bTable .td.bank {height:80px;}
	.bTable .td.bank .bCount {display:block;}	
	.bTable .td.bank .input20 {width:33% !important;}
	.bTable .td.bank .bCount .input35 {width:70% !important;}
}

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


.bTable .td.inputRadio {background: #fff; display: flex;	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: 18px;	font-weight: 500;}
.bTable .inputRadioBtn input {width: 16px;	vertical-align: bottom;	margin: 0 10px 0 0;	background: #fff;}
.bTable .guide {font-size: 13px;	color: #1b5fbd;	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;}
.bTable .dd-options li {	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;}

.bTableJ .dd-container {	width: 100%;}
.bTableJ .dd-select {	margin: 0;}
.bTableJ .dd-options {	height: 250px;}
.bTableJ .dd-options li {	font-weight: 300;	padding: 0 10px;}
.bTableJ .dd-selected-image {	margin: 10px 0 10px 10px;}
.bTableJ .dd-selected-text {	line-height: 3 !important;}
.bTableJ .dd-pointer-down {	border-top: 5px solid rgba(0, 0, 0, 0.5);}
.bTableJ .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:15px 0;	background:#d2dded;	border: 0;	font-size:15px; color:#233168; font-weight:600; border-radius:10px; letter-spacing:0; /* text-shadow:0 0 3px rgba(0,0,0,.2); */	text-transform: uppercase;	display: inline-block;}
.bTable .bWrap .bOk {background:linear-gradient(110deg, #43C6F5 0%, #5688F5 45%, #8B45F5 75%, #D946EF 100%); color:#fff; margin-right: 5px;}
.bTable .bWrap .bOk:hover, .bTable .bWrap .bCa:hover {box-shadow:0 5px 10px rgba(0,0,0,.1); transition:ease 0.5s;}
.nTotal {background:#0f1320; margin:0 0 15px 0; border:1px solid rgba(255,255,255,.1); padding:15px 20px; text-align: right; border-radius:5px; letter-spacing:0;}
.nTotal .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;}
}



.bTable .addr {background:rgba(0,0,0,.03); padding:10px; border-radius:3px;}
.bTable .addr .copy {float:right; background:#222; padding:5px; color:#fff; border-radius:3px; display:inline-block;}
.bTable .qrcode {width:250px; background:#fff; margin:20px auto; padding:10px; text-align:center; border-radius:5px; border:1px solid rgba(0,0,0,.2);}
.bTable .qrcode img {width:100%;}
.bTable .warning {padding:15px; color:rgba(0,0,0,.5); border:1px solid rgba(0,0,0,.2); border-radius:5px;}




/* 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 {background:rgba(255,255,255,.15); padding:15px 0; color:rgba(255,255,255,.6); font-weight:500; border:1px solid rgba(255,255,255,.1); border-radius:5px; box-shadow:0 5px 5px rgba(0,0,0,.02); cursor:pointer;}
.tabMenu > ul a {margin:0 5px 0 0;}
.tabMenu > ul a:last-child {margin:0;}
.tabMenu > ul li.on {background:linear-gradient(180deg, #438df6 0%, #1764D4 100%); font-size:15px; font-weight:600; color:#fff; border:1px solid #1b5fbd; text-shadow:0 0 3px rgba(0,0,0,.4); box-shadow:0 10px 10px rgba(0,0,0,.05);}
.tabMenu a {display:block; width:100%; height:100%;}
.w02 {width:calc(50% - 5px);}
.w03 {width:calc(33.3% - 5px);}
.w04 {width:calc(25% - 5px);}
.w07 {width:calc(14.28% - 5px);}

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

@media screen and (max-width: 768px) {
	.tabMenu {margin:0 0 30px 0;}
	.tabMenu > ul > li {padding:12px 0; font-size:12px;}
	.tabMenu > ul > li.on {font-size:12px;}
	.tabMenu ul a {margin:0 2px 0 0;}
	.w02 {width:calc(50% - 2px);}
	.w03 {width:calc(33.3% - 2px);}
}

@media screen and (max-width: 560px) {
	.tabMenu {margin:0 0 15px 0;}
	.tabMenu > ul > li {padding:10px 0; font-size:11px;}
	.tabMenu > ul > li.on {font-size:11px;}
}


/* nSEARCH */
	.nSearch {
		background: #0f1320;
		border-radius:5px;
		border: 1px solid rgba(255,255,255,.1); 
		margin: 15px 0 10px 0;
		padding: 20px;
		font-size: 14px;
		overflow: hidden;
		display: flex;
		align-items: center;
	}
	.nSearch .intxt01 {height:28px; border:1px solid rgba(255,255,255,.1); vertical-align:middle;}
	.nSearchFlex {
		justify-content: space-between;
	}
	.nSearch label {
		margin-right: 5px;
	}
	.nSearch label span {
		vertical-align: inherit;
	}
	.nSearch input {
		width: 70px;
		height: 33px;
		font-size: 12px;
	}
	.nSearch .input_date {
		margin-left: 10px;
	}
	.nSearch .nRight > li {
		margin-top: 10px;
	}
	.nSearch .bBlack {
		height: 33px;
		background: #333;
		padding: 0 10px;
		color: #fff;
		font-size: 11px;
		font-weight: 500;
		line-height: 33px;
		display: inline-block;
		text-transform: uppercase;
	}
	.nSearch .bBlackOk {
		border: 0;
		background: #1b5fbd;
	}
	.nSearch .strong {
		font-size: 17px;
		font-weight: 500;
	}

	@media screen and (max-width:410px) {
		.nSearch {padding:15px;}
	}

	@media screen and (max-width:380px) {
		.nSearch {padding:15px; flex-wrap:wrap; justify-content:center;}
		.nLeft {}
		.nRight {}
	}


/* nSEARCH end */


/* LISTBOX */
	.listBox:first-child {
		margin: 30px 0 15px 0;
	}
	.listBox {
		position: relative;
		width: 100%;
		border-bottom: 2px solid rgba(255,255,255,.1);
		margin: 0 0 20px 0;
		padding: 20px 0 30px 0;
		overflow:hidden;
	}
	.listBox:hover {
		border-bottom: 2px solid #1b5fbd;
		box-shadow: 0 11px 18px rgba(255,255,255, 0.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;
	}
	.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;
	}

	.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:560px) {
		
	}

/* 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(255,255,255, 0.16);
	}
	.gBoxN .arabic {
		margin: 0;
		padding: 10px;
		color: #1b5fbd;
	}
	.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: #1b5fbd;
		padding: 15px 0;
		color: #fff;
		font-weight: 500;
		cursor: pointer;
		border-radius: 30px;
		text-align: center;
	}
/* PRODLIST end */

.purWrap {width:100%; margin:0 auto; padding:0 0 0 0; display:flex; }
.purBox {width:30%; margin:3% 1.66%; background:; padding:12px; text-align:center; color:#fff; border:1px solid rgba(255,255,255,.1); border-radius:7px;}
.purBox .pTop {width:100%; border-radius:5px;}
.purBox .pTop img {width:100%; height:auto; border-radius:5px;}
.purBox .name {padding:10px 5px; font-size:17px; font-weight:500;}
.purBox .small {margin-left:5px; font-size:14px; font-weight:500; vertical-align:middle;}
.purBox .price {padding:5px 0 3px 0; font-size:20px; font-weight:600; display:block;}
.purBox .pv {font-size:16px; font-weight:600; }
.purBox .pdt5 {margin:7px 0 0 0; padding:7px 0;border-top:1px dashed rgba(0,0,0,.1);}
.purBox .pdt4 {padding:4px 0;}
.purBox .sur {font-size:13px;}
.purBox .sur input {width:60px; height:25px; padding-left:5px; border:1px solid rgba(0,0,0,.07);}
.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:38px; 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 {width:100%; height:45px; background:rgba(255,255,255,.05); background-size:100%; margin-top:10px; text-align:center; font-size:15px; font-weight:600; line-height:50px; overflow:hidden; border-radius:5px; cursor:pointer;}
.purBox .pBtn:hover {background:url(/image/pur03.png) no-repeat center top; background-size:115%;}
.purBox:hover {box-shadow:0 15px 20px rgba(0,0,0,.2);}

.purBoxRe {width:40%; margin:3% auto; padding:12px; text-align:center; border:1px solid rgba(0,0,0,.1); border-radius:7px;}
.purBoxRe .pTop {width:100%; border-radius:5px;}
.purBoxRe .pTop img {width:100%; height:auto; border-radius:5px;}
.purBoxRe .name {padding:10px 5px; font-size:20px; }
.purBoxRe .small {margin-left:5px; font-size:15px; vertical-align:middle;}
.purBoxRe .price {padding:5px 0 3px 0; font-size:22px;  display:block;}
.purBoxRe .pv {font-size:17px; font-family:"Metropolis-regular";}
.purBoxRe .pdt5 {margin:7px 0 0 0; padding:7px 0;border-top:1px dashed rgba(0,0,0,.1);}
.purBoxRe .pdt4 {padding:4px 0;}
.purBoxRe .sur {font-size:13px;}
.purBoxRe .sur input {width:60px; height:25px; padding-left:5px; border:1px solid rgba(0,0,0,.07);}
.purBoxRe .pBtn {width:100%; height:45px; background:rgba(0,0,0,.05); background-size:100%; margin-top:10px; text-align:center; font-size:15px; font-weight:600; line-height:50px; overflow:hidden; border-radius:5px; cursor:pointer;}
.purBoxRe .pBtn:hover {background:url(/image/pur03.png) no-repeat center top; background-size:115%;}
.purBoxRe:hover {box-shadow:0 15px 20px rgba(0,0,0,.2);}

.purBoxH {width:364px; height:322px; background:url(/image/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; }
.purBoxH .price {font-size:34px; }
.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: 1000px) {
	.purBox {width:30%; margin:3% 1.66%;}
	.purBox .name {font-size:15px;}
	.purBox .price {font-size:18px;}
	.purBox .pv {font-size:14px;}
	.purBox .pBtn {height:40px; font-weight:500; font-size:13px; line-height:40px;}
}



@media all and (max-width: 740px) {
	.purBox {width:48%; margin:3% 1%;}
	.purBoxRe {width:60%;}
}


@media all and (max-width: 460px) {
	.purBox {padding:0; border-radius:5px; overflow:hidden;}
	.purBox .pTop img {border-radius:0;}
	.purBox .name {font-size:14px;}
	.purBox .price {font-size:16px;}
	.purBox .pv {font-size:12px;}
	.purBox .pBtn {border-radius:0;}

	.purBoxRe {width:80%;}
} 

/* 서브페이지 설명 */
.titBox {width:100%; padding:10px 2% 20px 2%; line-height:1.4; border-bottom:1px dashed rgba(0,0,0,.1); overflow:hidden;}
.titBox .pic {float:left; width:65px; padding:0 20px 0 0;}
.titBox .pic img {}
.titBox .cont {float:left; width:calc(100% - 65px); word-break:break-all;}
.titBox .fontY {color:#0ea272; font-weight:500;}

@media all and (max-width: 740px) {
	.titBox .pic {display:none;}
	.titBox .cont {float:none; width:100%;}
}

/* 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: 40px 30px 30px;
		font-weight: 400;
		color:#fff;
		border: 1px solid rgba(255,255,255,.1);
		display: flex;
		border-radius:5px;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.orderBox .oLeft {width: 57%;}
	.orderBox .oRight {width: 43%; text-align: right;}
	.orderBox .oBtnL {
		float: right;
		margin: 18px 0 0 0;
	}
	.orderBox .oBtnWrap {
		position: absolute;
		top: 0;
		right: 0;
		width: 65px;
	}
	.orderBox .o100 {
		position: relative;
		clear: both;
		float: none;
		width: 100%;
		height: 27px;
		line-height: 27px;
		margin: 20px 0 0 0;
		background: rgba(255, 255, 255, 0.06);
		padding: 0 0 0 12px;
		font-size: 12px;
		font-weight: 400;
		
		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;
		outline: 0;
	}
	.orderBox .o100 .o100Btn {
		position: absolute;
		bottom: 0;
		right: 0;
		float: right;
		height: 27px;
		line-height: 27px;
		background: #242848;
		color: #fff;
		padding: 0 8px;
		font-size: 10px;
	}
	.orderBox .date {
		font-size: 13px;
		color: rgba(255, 255, 255, 0.7);
		letter-spacing: 0;
		padding: 0 0 5px 0;
	}
	.orderBox .name {
		font-size: 20px;
		
		font-weight: 500;
	}
	.orderBox .nameS {
		font-size: 14px;
		color: rgba(0,0,0,.7);
		letter-spacing:0;
	}
	.orderBox .name em {
		font-size: 17px;
	}
	.orderBox .small {
		font-size: 60%;
	}
	.orderBox .nameR {
		font-size: 14px;
		
	}
	.orderBox .numR {
		font-size: 22px;
		color: #1b5fbd;
		font-weight: 600;
	}
	.orderBox .oBtn {
		width: 100%;
		height: auto;
		background: transparent; /*  margin:2px 0; */
		text-align: center;
		font-size: 10px;
		padding: 3px 7px;
		
		font-weight: 400;
		border: 1px solid rgba(0, 0, 0, 0.4);
	}
	.orderBox .oBtn:hover {
		background: #1b5fbd;
		border: 1px solid #1b5fbd;
		color: #fff;
	}
	.orderBox .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;
	}
	.orderBox .status strong {
		color: #22d4de;
		font-weight: 500;
	}
	.orderBox .oRed {
		color: #cc3a3a;
		border: 1px solid #cc3a3a;
	}
	.orderBox .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;
	}
	.orderBox .oRed:hover {
		background: #cc3a3a;
		border: 1px solid #cc3a3a;
	}

@media all and (max-width: 700px) {
	.orderBox {width:100%;}
}

/* ORDER end*/


/* bLIST */
	.bDate {
		margin-top:20px; font-weight:600; font-size:15px;
	}
	.bList2Top {
		border: 3px solid #1b5fbd;
	}
	.bList2 {
		position: relative;
		
		padding: 0 0 0 0;
		text-align: right;
		overflow: hidden;
		border: 2px solid #1b5fbd;
	}
	.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: 16%;
		/* 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,.2);
		line-height: 1.1;
	}
	.bList2 ul li:last-child {
		/* width:100%; */
	}
	.bList2 ul li.w02 {
		padding: 15px 30px 15px 0;
		
	}
	.bList2 ul li.w01 {
		padding: 15px 30px;
	}
	.bList2 ul li.total {
		background: rgba(96, 68, 215, 0.5);

	}
	.bList2sec3 ul li {
		width: 33.3%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}
	.bList2sec4 ul li {
		width: 33.3%;
	}
	.bList2sec5 ul li {
		width: 20%;
	}
	.bList2sec6 ul li {
		width: 16.6%;
	}
	.bList2sec8 ul li {
		width: 25%;
		border-bottom: 1px solid rgba(255, 255, 255, 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;
		font-weight:500;
	}
	.bList2 .mid {
		font-size: 14px;
		padding: 5px 0 0 0;
	}
	.bList2 .big {
		font-size: 20px;
		font-weight: 600;
		
	}
	.bList2 .big1 {
		font-size: 20px;
	}
	.bList2 .bottom {
		width:66.66%;
		margin: 0;
		bottom: 0;
		left: 0;
		font-size: 15px;
		padding: 14px 20px;
		text-align: right;
		border-right:1px solid rgba(255, 255, 255, 0.2);
		/* border: none; */
	}
	.bList2 .bottom .big {
		font-size: 22px;
		color: #1b5fbd;
	}

	@media all and (max-width: 470px) {
		.bList2sec4 ul li {width:50%;}
		.bList2sec4 ul li:last-child {width:50%;}
	}
/* bList 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(255, 255, 255, 0.5);
		overflow: hidden;
	}
	.noticeList ul.num {
		width: 12%;
		padding: 25px 0;
		font-size: 35px;
		font-weight: 600;
		color: #1b5fbd;
		text-align: center;
	}
	.noticeList ul.num1 {
		width: 12%;
		padding: 15px 0;
		font-size: 33px;
		font-weight: 600;
		text-align: center;
		color: #1b5fbd;
	}
	.noticeList ul.name {
		width: 76%;
		padding: 25px 0;
		font-size: 16px;
		font-weight: 400;
		color: #000;
	}
	.noticeList ul.name1 {
		width: 88%;
		padding: 25px 0;
		font-size: 16px;
		font-weight: 400;
		color: #000;
		cursor: pointer;
	}
	.noticeList ul .date {
		padding: 7px 0 0 0;
		font-size: 13px;
		color: rgba(0, 0, 0, 0.8);
		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/img/icon_down.png) no-repeat center center;
		display: inline-block;
		cursor: pointer;
	}

	.noticeList .content {
		clear: both;
		width: 100%;
		background: rgba(0,0,0,.03);
		padding: 30px 8%;
		border-bottom: 1px solid #1b5fbd;
		font-size: 14px;
		line-height: 1.5;
	}
	.noticeList .content1 {
		position: relative;
		clear: both;
		width: 100%;
		background: rgba(0, 0, 0, 0.2);
		padding: 30px 8% 30px 12%;
		border-bottom: 1px solid rgba(96, 68, 215, 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: #1b5fbd;
	}

	.btnWrap {
		width: 100%;
		margin: -20px 0 30px 0;
		text-align: right;
		overflow: hidden;
	}
	.btnWrap .btnYY {
		padding: 7px 15px;
		background: #1b5fbd;
		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: #1b5fbd;
		font-weight: 500;
	}
	.noticeList .cont .date {
		font-size: 14px;
		color: rgba(0, 0, 0, 0.5);
	}
	.noticeList .cont .down {
		background: url(/admin/img/icon_down.png) no-repeat center left;
		color: #000;
		font-size: 15px;
		font-weight: 600;
		padding: 0 0 0 30px;
	}
/* NOTICE end*/


.popBack {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:100; display:none;}
.popList {position:absolute; top:50%; left:50%; width:350px; transform:translate(-50%, -50%); border-radius:10px; overflow:hidden; box-shadow:0 10px 10px rgba(0,0,0,.5);}
.popList .close {position:absolute; top:15px; right:15px; width:20px; height:20px; background:url(/image/icon_x_w.png) no-repeat center; border-radius:50%; display:inline-block; cursor:pointer;}
.popList .title {background:#14203f; padding:15px; color:#fff; font-size:17px; font-weight:600;}
.popList .pList {background:#fff; height:330px; padding:25px; font-size:13px; }
.popList .pList .search {height:30px; background:rgba(0, 0, 0, 0.02); border:1px solid rgba(0, 0, 0, 0.2);}
.popList .pList .selOK {height:30px; padding:0 15px; background:#1b5fbd; color:#fff; border:0;}
.popList .pList .tableList {height:180px; margin-top:15px; overflow-y:auto; }
.popList .pList ul {width:100%; display:flex; justify-content:space-around;}
.popList .pList ul li {padding:8px; text-align:center; }
.popList .pList ul li:nth-child(1) {width:10%;}
.popList .pList ul li:nth-child(2) {width:30%;}
.popList .pList ul li:nth-child(3) {width:25%;}
.popList .pList ul li:nth-child(4) {width:35%;}
.popList .pList .th {background:rgba(0,0,0,.02);  border-top:1px solid #1b5fbd; border-bottom:1px solid rgba(0,0,0,.1);}
.popList .pList .td {border-bottom:1px dashed rgba(0,0,0,.1); }
.popList .pList input {height:auto;}
.popList .btnWrap {clear:both; width:100%; margin-top:25px; text-align:center; }
.popList .btnWrap .bOk {background:#1b5fbd; padding:7px 35px; color:#fff; border-radius:3px; display:inline-block;}
.popList .btnWrap .bCa {background:#eee; padding:7px 35px; border-radius:3px; display:inline-block;}

@media all and (max-width: 360px) {
	.popList {width:95%;}
}

.popList500 {position:absolute; top:50%; left:50%; max-width:500px; width:95%; background:#191d2d; transform:translate(-50%, -50%); padding:20px; color:#fff; border-radius:10px; overflow:hidden; box-shadow:0 10px 10px rgba(0,0,0,.5);}
.popList500 .tit {padding-bottom:5px; font-size:17px; font-weight:500;}
.popList500 .tableList {height:350px; overflow-y:auto; border:0px solid pink;}
.popList500 .pList {height:400px; border:0px solid red;}
.popList500 .pList ul {width:100%; display:flex; justify-content:space-around;}
.popList500 .pList ul li {padding:8px; text-align:center; color:#fff; }
.popList500 .pList .th {background:#3b4053; font-weight:300; border-radius:5px;}
.popList500 .pList .td {border-bottom:1px dashed rgba(255,255,255,.1); }
.popList500 .buttonW {width:100%; text-align:center; border:0px solid green;}
.popList500 .bCa {clear:both; width:90%; background:linear-gradient(180deg, #438df6 0%, #1764D4 100%); margin:10px auto 0; padding:7px 0; color:#fff; text-align:center; border-radius:5px;}

/* 20201120 popup */
	#popup-wrap {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 99999;
		width: fit-content;
		/* max-width: 600px; */
		/* display: flex;
		justify-content: center;
		align-items: baseline; */
	}
	#popup-wrap .closeBox {position:absolute; width:100%; top:-10px; right:12px; text-align:right; font-size:13px;}
	#popup-wrap .closeBox img {padding:0px 0 0 0;}

	#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:552px;
		max-width: 552px;
		/* 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: 0;
		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
	{
		background:#fff;
		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: 0 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: 600px) {
		#divpop {width:400px;}
		#popup-wrap .closeBox {width:100%; top:10px; right:12px; text-align:right; font-size:11px;}
		#popup-wrap .closeBox img {margin-top:-10px; padding:0px 0 0 0;}
	}

	@media screen and (max-width: 500px) {
		#divpop {width:350px;}
	}


	@media screen and (max-width: 400px) {
		#divpop .popInner,
		#divpop2 .popInner,
		#divpop3 .popInner{
			
		}
		#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 */


/* 주식거래 */
.sTable {width:100%; margin:0 auto;}
.sWidth45 {float:left; width:45%; }
.sWidth55 {float:left; width:55%; height:504px;}
.posiR1 {position:relative;}
.hTitle {width:100%; margin:10px auto 0; font-size:16px; font-weight:500; padding:15px 0;}
.btn100Line {position:absolute; bottom:0; left:20px; width:calc(100% - 40px); height:40px; line-height:40px; text-align:center; border:1px solid rgba(0,0,0,.2); display:block;}

.gBar {
	display:block;
	position:relative;
	background:#fdd2d7;
	padding: 5px 10px;
	text-align:left;
	height:40px;
	line-height:35px;
}
.gBar2 {
	display:block;
	position:relative;
	background:#cde0fe;
	padding: 5px 10px;
	text-align:left;
	height:40px;
	line-height:35px;
}

@media screen and (max-width: 560px) {
	.btn100Line {left:7px; width:calc(100% - 7px);}
}


@media all and (max-width:460px) {
	.sWidth45 {float:left; width:40%; }
	.sWidth55 {float:left; width:60%; }
}

table.hTable {width:100%; font-size:13px; }
table.hTable tr {position: relative;}
table.hTable tr .choose {color:#000; font-size:14px; font-weight: 600; position: absolute;top: 0;left: 0; z-index:996;}
table.hTable th {border-bottom:1px solid rgba(0,0,0,.15); padding:12px 10px; text-align:center; border-left:1px solid #dee0e4; } 
table.hTable th:first-child {border-left:0px solid #dee0e4;}
table.hTable td {border-bottom:1px solid rgba(0,0,0,.15); border-left:1px solid #dee0e4; padding:0; font-size:13px; text-align:center; font-weight:500; letter-spacing:0; font-family:"Noto Sans KR";}
table.hTable td:first-child {border-left:0px solid #dee0e4;}
table.hTable td.hRight {text-align:right;}
table.hTable td.hLeft {text-align:left;}
.gold {font-size:14px; font-weight:500;}

table.hTable1 {width:100%; border-top:1px solid #222; font-size:13px; border-right:1px solid #dee0e4;}
table.hTable1 th {border-bottom: 1px solid rgba(0,0,0,.15); background:#fff; padding:12px 10px; font-size:13px; text-align:center; border-left:1px solid #dee0e4; } 
/* table.hTable1 th:first-child {border-left:0px solid #dee0e4;} */
table.hTable1 td {border-bottom: 1px solid rgba(0,0,0,.15); border-left:1px solid #dee0e4; padding:10px 5px; font-size:13px; text-align:center; font-weight:; font-family:"Noto Sans KR";}
/* table.hTable1 td:first-child {border-left:0px solid #dee0e4;} */
table.hTable1 td.hRight {text-align:right;}
table.hTable1 td.hLeft {text-align:left;}
table.hTable1 .btnCancel {background:#35404f; color:#fff; font-size:11px; border-radius:3px; padding:3px 8px; display:inline-block; cursor:pointer;}

.sTarget {background: rgba(200,226,255,.15); cursor:pointer;}
.sTarget:hover {background: rgba(200,226,255,.55);}
.bTarget {background: rgba(255,217,215,.15); cursor:pointer;}
.bTarget:hover {background: rgba(255,217,215,.55);}

@media screen and (max-width: 480px) {
	table.hTable1 {font-size:11px;}
	table.hTable1 th {font-size:11px;}
	table.hTable1 td {font-size:11px;}
	
	table.hTable {font-size:11px;}
	table.hTable th {font-size:11px;}
	table.hTable td {font-size:11px;}
}

.hTab {width:100%; overflow:hidden;}
.hTab ul li {float:left; width:50%; height:35px; background:#f8f8f8; font-size:13px; font-weight:500; line-height:35px; text-align:center; border-right:1px solid rgba(0,0,0,.05); transition:none; cursor:pointer;}
.hTab ul li:nth-child(3) {border-right:0;}
.hTab ul li.on {background:#fff; font-weight:600; border-bottom:1px solid #fff; transition:none;}
.hTab ul li.on .buy { color:#d80e35;}
.hTab ul li.on .sell {  color:#115dcb;}
.hTab section {display:none; padding:25px 20px;}

.searchWrap {width:100%; margin-bottom:15px;}
.searchWrap input.silverIn {width:calc(50% - 9px); height:35px; font-size:11px; text-align:center; border-radius:3px;}
.searchWrap .dash {width:10px; height:35px; line-height:35px; }
.searchWrap .bSearch1 {width:100%; height:35px; margin:5px 0 0 0; background:#115dcb; color:#fff; font-size:11px; line-height:35px; border-radius:3px; text-align:center; display:inline-block;}

.sellWrap {width:100%; padding:0; overflow:hidden;}
.sellWrap .name {font-size:13px; font-weight:500; }
.sellWrap .con {width:100%; height:46px; text-align:right; display:inline-block; }
.sellWrap .con input {font-family:"Noto Sans KR";}
.sellWrap .name1 {float:left; width:30%; height:50px; line-height:30px; font-size:13px; font-weight:500; }
.sellWrap .con1 {float:left; width:70%; height:50px; line-height:30px; text-align:right; display:inline-block;}
.sellWrap .arabic {font-size:16px; font-weight:600;}
.sellWrap input {width:100%; height:35px; padding:0 10px; font-size:14px; font-weight:500; border:1px solid #dfe0e5; text-align:right; vertical-align:top;}
/* .sellWrap div {width:100%; clear:both; display:block;} */
.sellWrap select {float:left; width:60px; height:35px; background:#f9fafd; line-height:35px; border:1px solid #dfe0e5; text-align:center;}
.sellWrap input.in80 {float:left; width:calc(100% - 62px);}
.sellWrap .icon {float:left; width:30px; height:35px; background:#f9fafd; line-height:35px; border:1px solid #dfe0e5; text-align:center; font-size:22px; font-weight:500; display:inline-block; cursor:pointer;}
.sellWrap .clear {float:left; width:50%; margin:5px 0 0 0; background:#95959e; background-size:13px; padding:12px 0; font-size:13px; text-align:center; color:#fff; font-weight:500; cursor:pointer;}
.sellWrap .btnBuy {float:right; width:50%; margin:5px 0 0 0; background:#d80e35; padding:12px 0; font-size:13px; color:#fff; font-weight:500; text-align:center; cursor:pointer;}
.sellWrap .btnSell {float:right; width:50%; margin:5px 0 0 0; background:#115dcb; padding:12px 0; font-size:13px; color:#fff; font-weight:500; text-align:center; cursor:pointer;}
.sellWrap .percent {margin:-6px 0 10px 0; display:flex; justify-content:space-between; flex-wrap:nowrap;  overflow:hidden;}
.sellWrap .percent p {width:24.5%; height:35px; background:#f9fafd; line-height:35px; border:1px solid #dfe0e5; text-align:center; font-size:14px; font-weight:500; border-radius:3px; cursor:pointer;}


.sellWrap .box {overflow: hidden; margin-bottom: 15px; position: relative;}
.sellWrap .box .cDate {float: right; position: absolute;top: 0;right: 0;}
.sellWrap .box .cDate input {width: 100px;}
.sellWrap .box .recent {float: left; overflow: hidden; margin-right: 15px;}
.sellWrap .box .recent li {float: left; width: 37px; height: 37px; line-height: 33px; text-align: center; color:#bbb; font-size:12px; font-weight: 500; border: 2px solid #bbb; border-radius: 100%; padding: 0; margin-left: 3px;}
.sellWrap .box .recent li.on {line-height: 36px; color:#fff; background: #474747; border: 0;}
.sellWrap .box .recent li:first-child {line-height: 37px; color:#000; background: none; border: 0; cursor:default;}

.sellOption {width:99%;  margin:20px auto 0; display:flex; justify-content:space-between;}
.sellOption .menu2 {width:32.5%; height:35px; background:#f7f7f7; line-height:35px; text-align:center; font-size:14px; font-weight:500; border-radius:3px; }
.sellOption .menu2.on {background:#4e87d6; color:#fff;}



@media screen and (max-width: 1100px) {
	.sellWrap .box {padding-bottom: 5px;}
	.sellWrap .box .recent {float: left; margin: 0 0 15px;}
	.sellWrap .box .cDate input {width: 75px; height: 32px; line-height: 32px; font-size:13px; padding: 0 5px}
	.sellWrap .box .recent {margin: 0;}
	.sellWrap .box .recent li {width: 32px; height: 32px; line-height: 28px; margin-left: 2px;}
	.sellWrap .box .recent li.on {line-height: 32px;}
	.sellWrap .box .recent li:first-child {line-height: 32px;}
}

@media screen and (max-width: 960px) {
	.width50 {padding:40px 0 40px 30px;}
	.width50:first-child {padding:40px 30px 40px 0;}
	.width50 .hTitle {font-size:17px;}
	/* table.hTable {font-size:13px;} */

}

@media screen and (max-width: 900px) {
	.sellWrap .box .cDate {float: left; position: static;}
	.sellWrap .box .recent {margin-bottom: 15px;}
}

@media screen and (max-width: 768px) {
	.width50 {width:100%; padding:30px 0; }
	.width50:first-child {border-right:0; padding:30px 0 45px 0;}
	.sellWrap .box .cDate {position: absolute;top: 0;right: 0;}
	.sellWrap .box .recent {margin-bottom: 0;}
}

@media screen and (max-width: 560px) {
	.hTab section {padding:25px 0 0 7px;}
}

@media screen and (max-width: 475px) {
	.sellWrap .box .cDate {float: left; position: static;}
	.sellWrap .box .recent {margin-bottom: 15px;}
	.sellWrap .arabic {font-size:14px;}
	.gold {font-size:12px;}
}

/* 실버거래내역 */
.sFixwrap {position:absolute; left:12px; width:151px; border-top:1px solid #222; border-left:1px solid #ddd;}
.sFixwrap .sFix {width:151px; height:auto;}
.sFixwrap ul li {float:left; width:90px; background:#fff; font-size:13px; height:40px; padding:0 8px; line-height:40px; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.sFixwrap .time {width:100px; padding:6px 8px; font-size:12px; line-height:1.2; }
.sFixwrap .time.th {padding:0; font-size:13px; line-height:40px;}
.sFixwrap .bgG {background:#f7f7f7;}
.sFixwrap .sort {width:50px;}

.siTable {width:calc(100% - 151px); height:500px; margin-left:151px; border-top:1px solid #222;  overflow-x:auto;}
.siTable::-webkit-scrollbar {width:0; left:0;}
.siTable .sData {left:0; height:100%; width:722px; z-index:-1;}
.siTable ul {}
.siTable ul li {float:left; width:90px; background:#fff; font-size:13px; height:40px; padding:0 8px; line-height:40px; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }


#notice_list {width:100%; border-top:1px solid #1c2028; }
#notice_list th {background:rgba(255,255,255,.02); padding:10px 0; border-bottom:1px solid rgba(255,255,255,.1);}
#notice_list td {padding:10px 0; text-align:center; border-bottom:1px solid rgba(0,0,0,.1);}

.searchWrap {float:right; margin:30px 0 15px 0; overflow:hidden; height:25px; }
.searchWrap > ul {overflow:hidden; float:right;}
.searchWrap > ul > li {float:left;}
input.search {height:24px; background:rgba(0,0,0,.02); border:1px solid #e8e8e8; width:90px;}
select.search {height:24px; font-size:11px; border:1px solid #e8e8e8;}
.btnSearch {width:50px; height:24px; background:#1c2028; display:inline-block; color:#fff; font-size:14px; text-align:center; line-height:24px; border:none; cursor:pointer; }


@media only screen and (min-width: 768px) {
	
    .searchWrap {float:right; margin:20px 0 15px 0; overflow:hidden; height:34px; }
    .searchWrap > ul {overflow:hidden; float:right;}
	.searchWrap > ul > li {float:left;}
	input.search {height:34px; /* width:200px; */}
	select.search {height:34px;}
	.btnSearch {width:50px; height:30px; background:#1c2028; display:inline-block; line-height:30px; text-align:center; font-size:13px; border:none;}
}


.flipBox {width:100%; background:rgba(0,0,0,.06); margin-bottom:10px; padding:15px; border-radius:5px; overflow:hidden; }
.flipBox .flipWrap {overflow:hidden;}
.flipWrap .name {float:left; width:30%; font-size:17px;}
.flipWrap .small {font-size:13px; color:rgba(0,0,0,.6);}
.flipWrap .price {float:left; width:calc(100% - 30% - 40px); text-align:right;}
.flipWrap .arrow {float:right; width:40px; padding-top:13px; text-align:right;}
.flipWrap .arrowCenter {float:left; width:40px; text-align:center;}


.flipBox .flipCont {padding:15px; background:rgba(0,0,0,.03); display:none;}
.flipBox .flipCont ul li {float:left; width:40%; padding:3px 0;}
.flipBox .flipCont ul li:nth-child(2n+2) {width:60%; text-align:right;}
.flipBox .addr {clear:both; width:100%; margin-top:10px; padding-top:10px; border-top:1px dashed rgba(0,0,0,.3);}
.flipBox .addr .copy {float:right; padding:}

.flipWrap50 {overflow:hidden;}
.flipWrap50 .name {float:left; width:calc((100% - 40px)/2); font-size:17px; }
.flipWrap50 .small {font-size:13px; color:rgba(0,0,0,.6); }
.flipWrap50 .price {float:left; width:calc((100% - 40px)/2); text-align:right; font-size:17px; }
.flipWrap50 .arrowCenter {float:left; width:40px; text-align:center;}

.joinTop {width:100%; height:70px; background:#090c14; border-bottom:1px solid rgba(255,255,255,.2);}
.joinTop .joinInner {width:1350px; margin:0 auto; overflow:hidden;}
.joinTop .joinInner .logo img {height:40px; margin:15px 0 0 0;}
.joinTop .joinInner .goLogin {float:right; background:#0f1420; margin:20px 0 0 0; padding:5px 15px; color:#cbd5e1; border:1px solid #3f4c68; border-radius:5px; display:inline-block;}

.joinWrap {width:1300px; margin:30px auto 0; display:flex; justify-content:space-around; gap:20px; }
.joinLeft {float:left; width:38%; min-height:800px; background:url(/image/left_panel.jpg) no-repeat top center; background-size:cover; border-radius:20px; overflow:hidden;}
.joinLeft img {width:auto; height:100%;}

.joinRight {float:right; width:61%; min-height:800px; background:#0f1420; padding:40px; color:rgba(255,255,255,.8); border-radius:20px; border:1px solid #2f395b; overflow:hidden;}
.joinRight .jTitle {float:left; margin:0 0 0 15px; color:#fff; font-size:40px; font-weight:600;}
.joinRight .jTitle .small {font-size:13px; color:#7b88aa; font-weight:300;}
.joinRight .avatar {float:left; background:#7b88aa; padding:14px; font-size:24px; color:#386bfe; border-radius:17px;}
.joinRight .preview {background:#f3f6ff; margin:30px 0 20px; padding:8px 12px; font-size:12px; color:#7081aa; border-radius:9px;}

.bTableJ .th {font-size:13px;}
.bTableJ .w50L {float:left; width:49%;}
.bTableJ .w50R {float:right; width:49%;}
.bTableJ .star {font-size:11px; color:#f65372;}
.bTableJ input {height:45px; padding:0 12px; background:rgba(255,255,255,.07); color:#fff; border-radius:7px; border:1px solid rgba(255,255,255,.1);}
.bTableJ input:hover {border:1px solid #0082fa;}
.bTableJ select.jSelect {height:45px; background:rgba(255,255,255,.07); border-radius:7px; border:1px solid rgba(255,255,255,.1);}
.bTableJ select.jSelect:hover {border:1px solid #0082fa;}

.bTableJ .btnSg {position:absolute; top:-1px; right:-1px; width:20%; height:45px; background:linear-gradient(135deg, #40b8ff, #3564f6); color:#fff; font-weight:500; line-height:45px; text-align:center;  border-radius:7px;}
.bTableJ .bWrap {margin:30px 0 0 0; text-align:center;}
.bTableJ .bWrap .bOk {width:130px; background:linear-gradient(135deg, #40b8ff, #3564f6); padding:12px 0; color:#fff; text-align:center; font-weight:500; border-radius:7px; display:inline-block;}
.bTableJ .bWrap .bCa {width:130px; background:#e8edf8; padding:12px 0; color:#162657; text-align:center; font-weight:500; border-radius:7px; display:inline-block;}


@media only screen and (max-width: 1300px) {
	.joinTop .joinInner {width:95%;}
	.joinWrap {width:95%;}
}

@media only screen and (max-width: 990px) {
	.joinWrap {flex-wrap:wrap; margin:15px auto 0; gap:10px;}
	.joinLeft {float:none; width:100%; height:300px; min-height:auto; background:url(/image/left_panel_m.jpg) no-repeat top left; background-size:cover; border-radius:10px;}
	.joinRight {float:none; width:100%; border-radius:10px;}
}

@media only screen and (max-width: 860px) {
	.joinLeft {height:200px;}
}

@media only screen and (max-width: 600px) {
	.joinLeft {height:150px;}
	.joinRight {padding:20px;}
	.joinRight .jTitle {font-size:30px;}
	.joinRight .jTitle .small {font-size:11px;}
	.joinRight .avatar {padding:12px; font-size:20px; border-radius:12px;}
	.joinRight .preview {margin:15px 0;}
	
	.bTableJ .w50L {float:none; width:100%;}
	.bTableJ .w50R {float:none; width:100%;}
}

@media only screen and (max-width: 460px) {
	.joinLeft {height:120px;}
	.joinRight {padding:20px 15px;}
}


.ui-datepicker th {color:#000 !important;}