/* 로그인 */
.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%; right:50%; width:470px; background:rgba(255,255,255,1); transform:translate(-50%, -50%); padding:50px 55px 40px 55px; border-radius:50px; text-align:center; box-shadow:0 10px 15px rgba(145,147,249,.2);} 
.loginWrap .tit {padding:10px 0; font-size:20px; font-weight:600;  letter-spacing:1px;}
.loginWrap .loginLang {width:100%; height:50px; border-top:0; border-right:0; border-left:0; border-radius:0px; }
.loginWrap p {margin:7px 0;}
.loginWrap select {width:100%; height:50px; background:rgba(0,0,0,.03); text-indent:7px;}
.loginWrap select option {color:#000;}
.loginWrap input {width:100%; height:50px; background:rgba(0,0,0,.03);  border:0; border-radius:0px; text-indent:7px;}
.loginWrap input:hover {border-bottom:2px solid #1b5fbd;}
.loginWrap input::placeholder {color:rgba(0,0,0,.8);}
.loginWrap a.btnLogin {width:100%; height:55px; background:#1b5fbd; margin:25px 0 0 0; line-height:55px; 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 {top:auto; bottom:0; left:0; width:100%; height:100%; background:transparent; transform:translateY(0); padding:35px 15%; }
	.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;}
}

@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%; padding:41px 18px 0 18px; overflow-y:auto; z-index:5;}
.leftWrap .logo {width:160px; height:47px; background:url(/image/logo_new.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:#000; font-weight:500; font-size:12px; letter-spacing:0.2px;}
.leftWrap .userWrap .btnOut {background:#1b5fbd; 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(0,0,0,.05); padding:0 10px; color:rgba(0,0,0,.8); border-radius:17.5px; border:0px solid #ddd;}
.leftWrap .tLang select option {}

.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; background:#fff; border-right:0; box-shadow:none;}
	.leftWrap .logo {width:140px; height:41px; background:url(/image/logo_new.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.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:33px; padding:0 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; 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; line-height:1; 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;}

/* layout */
.mainWrap {width:1088px; margin:90px 0 0 380px; z-index:-1;}
.mainWrap1 {width:1088px; margin:90px 0 0 380px; }
.mobileTop {display:none;} 
.whiteDoc { 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;}


@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_new.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.png) no-repeat center; background-size:22px; display:inline-block; }

	.mobileTop.fixed {position:fixed; top:0; left:0; background:#fff; 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;}
	.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%;}
}

.mainBox01 {float:left; width:32%; height:290px; margin:0 2%;; background:url(/image/of01.jpg) no-repeat center; background-size:cover; padding:25px 30px 15px 30px; }
.mainBox01 .sTit {padding-bottom:10px; font-size:16px; font-weight:600; color:#321498;}
.mainBox01 ul {float:left; width:50%; margin-bottom:20px;}

.mainBox02 {float:right; width:32%; height:290px; background:url(/image/of02.jpg) no-repeat center; background-size:cover; padding:25px 30px 15px 30px; }
.mainBox02 ul {float:left; width:50%; margin-bottom:20px;}
.mainBox02 .sTit {padding-bottom:10px; font-size:16px; font-weight:600; color:#c032bb;}
.mainBox02 .bTit {font-size:28px; font-weight:400;}


.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%; padding:30px 0;}
.mainBox03 .gTit {padding:0 0 15px 0; font-size:18px; font-weight:600;}

.mainBox03_1 {float:right; width:48.5%; margin:30px 0 0 0; padding:20px 30px; color:#000; border:1px solid rgba(0,0,0,.05);}
.mainBox03_1 .sTit {padding-bottom:15px; font-size:16px; font-weight:500;}
.mainBox03_1 ul {float:left; width:33.3%;}


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

@media screen and (max-width: 880px) {
	.mainBox00 {float:none; width:100%; height:auto;}
	.mainBox00 video {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%; margin:20px 0 0 0; }
.graphWrap .bgStick {position:relative; width:100%; height:22px; background:rgba(0,0,0,.07); border-radius:5px;}
.graphWrap .gLine {
	position:absolute; top:-2px; left:0px; 
	/* background:#0186b4; */
	background:linear-gradient(to left, #1b5fbd 0%, #151758 50%);
	height:26px; 
	padding:0 10px 0 5px;
	border-radius:5px; 
	box-shadow:5px 5px 5px rgba(0,0,0,.15);
	text-align:right;
	color:#fff;
	font-size:10px; font-weight:500;
	line-height:26px;
	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:#1b5fbd; 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; width:100%; background:#fff; padding:30px; text-align:left;}
.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 {font-size:18px; 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: 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%;}
}


/* 초대하기 */
.mainBox06 {width:100%; height:120px; padding:15px 0 0 0;}
.mainBox06 .tit {margin-bottom:0; color:#000; font-size:18px; font-weight:600}
.mainBox06 .click {background:#222; 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:#fff; text-indent:7px;  border-radius:20px 0 0 20px; border:0;}
.mainBox06 .input .copy {width:20%; height:40px; background:#222; 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;}


@media screen and (max-width: 768px) {
	.mainBox06 {clear:both; width:100%; height:150px; padding:30px 0 0 0;}
}


@media screen and (max-width: 560px) {
	.mainBox06 {height:auto; margin:40px 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 {width:100%; margin-top:35px; overflow:hidden;}
.menuWrap ul {float:left; width:18%; margin:0 2.5% 0 0;}
.menuWrap ul.last {margin:0;}
.menuWrap .pic {height:130px; border-radius:10px;}
.menuWrap .name {padding:10px 0; text-align:center; color:#000; font-size:14px; font-weight:500;}


.menuWrap .menu01 {background:url(/image/new01.jpg) no-repeat center top; background-size:cover;}
.menuWrap .menu02 {background:url(/image/new02.jpg) no-repeat center ; background-size:cover;}
.menuWrap .menu03 {background:url(/image/new03.jpg) no-repeat center top; background-size:cover;}
.menuWrap .menu04 {background:url(/image/new04.jpg) no-repeat center; background-size:cover;}
.menuWrap .menu05 {background:url(/image/new05.jpg) no-repeat center top; background-size:cover;}


@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 {width:100%; min-height:100px; margin:20px 0 0 0; background:#fff; padding:25px;}
.newsWrap .tit {margin-bottom:12px; color:#000; font-size:18px; font-weight:600;}
.newsWrap dd {float:left; width:60%; font-size:14px !important; padding:3px 0; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsWrap dd.date {width:40%; text-align:right; color:#9294a9; letter-spacing:0;}

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

@media screen and (max-width: 768px) {
	.newsWrap {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 {float:none; 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:#000; 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; margin:30px 0 0 0; padding:80px 8%; }
.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;}

@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 20px 0; padding:50px 5%;}
	.subCont .title {font-size:25px;}
}

@media screen and (max-width: 520px) {
	.subCont {margin:0 0 30px 0; padding:40px 2.5%;}
	.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;	font-weight: 500;	text-transform: uppercase;}
.bTable .td {position: relative;height: 50px;	background: #f8f8f8; line-height:50px;	font-size: 14px; text-indent: 10px; border:2px solid transparent; border-radius:5px;}
.bTable .td:hover {border:2px solid #1b5fbd; transition:ease 1s;}
.bTable .td.phone {display: flex;}
.bTable .td.phone input {padding-left: 10px;}

.bTable .read {background: #e9e9e9;}
.bTable .td.basic {background: #e9e9e9;}
/* .bTable .td input:read-only {background: #e9e9e9;} */
.bTable .td.input select.table {width:98%; margin-left: -5px; }

.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;
	color: #373737;
	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;}

.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: #fff;  	border-radius:5px; letter-spacing:0; text-shadow:0 0 3px rgba(0,0,0,.2);	text-transform: uppercase;	display: inline-block;}
.bTable .bWrap .bOk {	background: #1b5fbd;	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 {margin:0 0 15px 0; border:1px solid rgba(0,0,0,.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;}
}


/* 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:#9c9c9c; font-weight:400; border:1px solid #ddd; 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:#1b5fbd; 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);}


@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 > 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 > ul > li {padding:10px 0; font-size:11px;}
	.tabMenu > ul > li.on {font-size:11px;}
}


/* nSEARCH */
	.nSearch {
		background: #f8f8f8;
		border-radius:5px;
		border: 1px solid rgba(0,0,0,.1); 
		margin: 15px 0 10px 0;
		padding: 20px;
		font-size: 14px;
		overflow: hidden;
		display: flex;
		align-items: center;
	}
	.nSearch .intxt01 {height:28px; background:#fff; border:1px solid rgba(0,0,0,.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(0,0,0,.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(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 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; border:1px solid rgba(0,0,0,.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(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;}
.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;
		border: 1px solid #ccc;
		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(0, 0, 0, 0.06);
		padding: 0 0 0 12px;
		font-size: 12px;
		font-weight: 400;
		color: #000;
		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(0, 0, 0, 0.7);
		letter-spacing: 0;
		padding: 0 0 5px 0;
	}
	.orderBox .name {
		font-size: 20px;
		color: #000;
		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;
		color: #000;
	}
	.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;
		color: #000;
		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;
		background: #fff;
		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(0, 0, 0, 0.2);
		border-left: 1px solid rgba(0, 0, 0, 0.2);
	}
	.bList2 ul li {
		/* float:left; */
		width: 16%;
		/* height: 100%; */
		padding: 15px 20px 15px 0;
		border-right: 1px solid rgba(0, 0, 0, 0.2);
		border-bottom:1px solid rgba(0,0,0,.2);
		line-height: 1.1;
	}
	.bList2 ul li:last-child {
		/* width:66.6%; */
	}
	.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(0, 0, 0, 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(0, 0, 0, 0.2);
	}
	.bList2 .w300 {width:75%; border-bottom:1px solid rgba(0, 0, 0, 0.2) !important; border-right:1px solid rgba(0, 0, 0, 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(0,0,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(0, 0, 0, 0.2);
		overflow: hidden;
	}
	.noticeList ul.faq {
		float: left;
		height: 75px;
		border-bottom: 1px solid rgba(0, 0, 0, 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:#1b5fbd; 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%;}
}


/* 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(0,0,0,.02); padding:10px 0; border-bottom:1px solid rgba(0,0,0,.1);}
#notice_list td {background:#fff; 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;}
}