/* basic */
.inner {width:1250px; margin:0 auto;}
.goldM {display:none;}
.subInner {width:1250px; background:#fff; margin:100px auto 50px; padding:50px 60px; border-radius:10px; overflow:hidden;}
.subOver {width:1250px; margin:100px auto 50px; overflow:hidden; z-index:-1;}
.wi520 {width:520px; background:#fff; margin:150px auto 50px; padding:50px 60px; border-radius:10px; overflow:hidden;}
.wiLeft {float:left; width:48%;}
.wiRight {float:right; width:48%;}
.wi100 {width:100%; border-top:1px solid rgba(0,0,0,.1); overflow:hidden;}
.grayBg {width:100%; background:#f8f9fa;}
.overH {overflow:hidden;}
.whiteBg {width:100%; background:#fff;}
.textCenter {margin-bottom:20px; text-align:center; }
.grayText {background:#f8f9fa; margin:0 auto 20px; padding:10px 20px; text-align:center; font-size:13px; border-radius:50px;}
.btnWrap {padding:50px 0; text-align:center;}
.bOk {width:100px; height:40px; background:#fcb517; line-height:40px; font-weight:600; cursor:pointer; border-radius:3px; display:inline-block;}
.bCa {width:100px; height:40px; background:#dce0e3; line-height:40px; font-weight:600; cursor:pointer; border-radius:3px; display:inline-block;}
.tcenter {text-align:center;}
.img720 {text-align:center;}
.img720 img {width:auto; }

.btnDG {background:#1c2028; padding:7px 15px; color:#fff !important; border-radius:3px; display:inline-block;}
.btnOR {background:#fcb517; padding:15px 55px; color:#000 !important; font-size:16px; font-weight:500; border-radius:3px; display:inline-block;}
.btnLine {background:#fff; margin:0 0 0 5px; padding:6px 7px; font-size:12px; line-height:1.4; border:1px solid rgba(0,0,0,.2); border-radius:3px; display:inline-block;}

.bigTit {font-size:35px; font-weight:600;}
.midTit {font-size:16px; font-weight:500; color:#93989e;}
.title {padding:0 0 20px 0; font-size:28px; font-weight:600; text-align:center;}
.posiR1 {position:relative;}
.btnS {position:absolute; right:0; height:35px; background:#dce0e3; padding:0 15px; color:#1c2028; font-size:12px; line-height:35px; border-radius:3px; cursor:pointer;}
.btnS:hover {background:#1c2028; color:#fff;}
input::placeholder {color:rgba(0,0,0,.3);}
.caption {font-size:13px; color:#eb4c4c;}
.active {color:#13947a; font-weight:600; text-decoration:underline;}
.bold {font-weight:600 !important;}
.tleft {text-align:left !important;}


@media all and (max-width:1300px) {
	.inner {width:95%;}
	.subInner {width:95%;}
	.subOver {width:95%;}
	
	.bigTit {font-size:40px;}
	.midTit {font-size:14px;}
}

@media all and (max-width:930px) {
	.btnOR {padding:12px 35px; font-size:14px;}
	.subInner {padding:30px;}
	.wi520 {margin:100px auto 50px;}
	.subOver {margin:100px auto 50px;}
	
	.bigTit {font-size:35px;}
	.midTit {font-size:13px;}
}

@media all and (max-width:860px) {
	.wiLeft {float:none; width:100%;}
	.wiRight {float:none; width:100%;}
}

@media all and (max-width:720px) {
	.img720 img {width:100%;}
}

@media all and (max-width:620px) {
	.wi520 {margin:80px auto 50px;}
	.subOver {margin:80px auto 50px;}
	
	.bigTit {font-size:30px;}
	.midTit {font-size:13px;}
}

@media all and (max-width:540px) {
	.wi520 {width:95%; margin:100px auto 30px; padding:30px 20px;}
	.grayText {padding:7px 10px; font-size:11px;}
	.title {font-size:22px;}
	.subInner {padding:20px;}
	.wi520 {margin:70px auto 50px;}
	.subOver {margin:70px auto 50px;}
	.subOver.chart {width:100%;}
	.btnOR {padding:7px 25px; font-size:13px;}
	
	.bigTit {font-size:25px;}
	.midTit {font-size:13px;}
	
	.inner.gold {display:none;}
	.goldM {width:100%; display:block;}
	.goldM img {width:100%;}
}


/* 상단영역 */
.topWrap {position:fixed; top:0; width:100%; height:82px;}
.topWrap .inner {height:100%; overflow:visible;}
.topWrap .logo {float:left; margin:25px 40px 0 0;}
.topWrap .logo img {height:35px;}
.topWrap .topNav {float:left; padding:25px 0 0 0;}
.topWrap .topNav ul {display:flex;}
.topWrap .topNav li {position:relative; padding:5px 20px; font-size:16px; font-weight:500;}
.topWrap .topNav li ul {position:absolute; top:30px; left:50%; transform:translate(-50%); width:110px; background:#fff; padding:15px; border-radius:7px; box-shadow:0 5px 10px rgba(0,0,0,.1); display:none;}
.topWrap .topNav li ul li {font-size:13px; padding:5px 0; text-align:center;}
.topWrap .topNav li ul li:hover {font-weight:600; text-decoration:underline;}
.topWrap .topNav li:hover ul {display:block;}
.topWrap .topGnb {float:right; margin:23px 0 0 0;}
.topWrap .topGnb ul {display:flex;}
.topWrap .topGnb li {padding:0 0 0 10px; line-height:31px; font-size:13px; font-weight:500;}
.topWrap .topGnb li .btnDG {line-height:1.4;}
.topWrap .topGnb .iconNav {width:25px; height:28px; background:url(/image/icon_nav.png) no-repeat center right; display:inline-block; cursor:pointer;}
.topWrap .topGnb .user {width:20px; vertical-align:middle;}
.topWrap .myProfile {position:relative; padding:0 5px 0 0; border-radius:3px; cursor:pointer;}
.topWrap .myProfile:hover {background:#fff; transition:none;}
.topWrap .myProfile:hover .uSub {position:absolute; top:35px; left:50%; transform:translateX(-50%); width:100%; background:#fff; padding:15px; border-radius:5px; box-shadow:0 5px 10px rgba(0,0,0,.1); display:block !important;}
.topWrap .uSub {display:none !important;}
.topWrap .uSub li {line-height:22px;}
.topWrap .uSub .btnOut {width:100%; background:#f2f3f4; margin-top:7px; padding:3px 0; text-align:center; border-radius:4px; display:inline-block;}

.topWrap.fixed {top:0; background:#fff; border-bottom:1px solid rgba(27,32,40,.05); z-index:3;}
.topWrap.fixTop {top:0; background:#fff; border-bottom:1px solid rgba(27,32,40,.05); z-index:3;}

@media all and (max-width:930px) {
	.topWrap {height:70px;}
	.topWrap .topNav {display:none;}
	.topWrap .logo img {height:30px;}
}

@media all and (max-width:620px) {
	.topWrap {height:60px;}
	.topWrap .logo {margin:15px 0 0 0;}
	.topWrap .logo img {height:25px;}
	.topWrap .topGnb {margin:18px 0 0 0;}
	.topWrap .topGnb li {padding:0 0 0 7px; font-size:12px;}
	.topWrap .topGnb li .btnDG {margin-top:2px; padding:5px 10px;}
}

@media all and (max-width:420px) {
	
}

/* 전체메뉴 */
.allBack {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:4; display:none;}
.allMenu {position:fixed; top:10%; left:50%; width:1250px; transform:translateX(-50%); background:#fff; padding:60px; border-radius:10px; z-index:5;}
.allMenu .close {position:absolute; top:10px; right:10px; width:30px; height:30px; background:url(/image/icon_x.png) no-repeat center; cursor:pointer;}
.allMenu ul {float:left; width:16.66%; }
.allMenu ul .big {margin:0 0 15px 0; padding:0 0 15px 0; font-size:18px; color:#1c2028; font-weight:600; border-bottom:1px solid #1c2028;}
.allMenu ul li {padding:10px 0 0 0; font-size:15px; font-weight:500; color:rgba(28,32,40,.7);}


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

@media all and (max-width:900px) {
	.allMenu {padding:30px;}
	.allMenu ul .big {font-size:15px;}
	.allMenu ul li {font-size:13px;}
}

@media all and (max-width:660px) {
	.allMenu {width:300px; height:100%; right:0; left:auto; top:0; transform:translateX(0); padding:30px 5%; border-radius:0; overflow-y:auto;}
	.allMenu .close {left:10px; right:auto;}
	.allMenu ul {float:none; width:100%;}
	.allMenu ul .big {background:#fff; margin:25px 0 0 0; padding:0 0 10px 0;}
	.allMenu ul li {background:rgba(28,32,40,.03); padding:2px 7px 2px 7px;}
	.allMenu ul li:nth-child(2) {padding:10px 7px 2px 7px;}
	.allMenu ul li:last-child {padding:2px 7px 10px 7px;}
}


/* 메인영역 */
.mainWrap {width:100%; height:644px; top:0; margin:0; border:1px solid transparent;}
.mainWrap .inner {/* position:relative; */}
.mainWrap .textWrap {/* position:absolute; top:242px; left:45px; */margin:242px 0 0 45px; font-size:27px; }
.mainWrap .textWrap strong {padding:7px 0 20px 0; font-size:57px; font-weight:600; letter-spacing:-2px;}
.mainWrap .textWrap .small {padding-bottom:25px; font-size:18px;}

.mainFade {position:absolute; top:0; width:100%; height:644px; z-index:-1;}
.main00 {width:100%; height:644px; background:url(/image/main00.jpg) center no-repeat; background-size:cover; }
.main01 {width:100%; height:644px; background:url(/image/main01.jpg) center no-repeat; background-size:cover; }
.main02 {width:100%; height:644px;background:url(/image/main02.jpg) center no-repeat; background-size:cover;}
.main03 {width:100%; height:644px;background:url(/image/main03.jpg) center no-repeat; background-size:cover;}


@media all and (max-width:930px) {
	.mainWrap {height:500px;}
	.mainWrap .textWrap {top:170px; left:35px; margin:170px 0 0 35px; font-size:22px;}
	.mainWrap .textWrap strong {font-size:40px;}
	.mainWrap .textWrap .small {font-size:15px;}
	
	.mainFade {height:500px;}	
	.main00, .main01, .main02, .main03 {height:500px;}
}

@media all and (max-width:620px) {
	.mainWrap {height:450px;}
	.mainWrap .textWrap {top:170px; left:25px; margin:170px 0 0 25px; font-size:18px;}
	.mainWrap .textWrap strong {font-size:35px;}
	.mainWrap .textWrap .small {font-size:13px;}
	
	.mainFade {height:450px;}	
	.main00 {height:450px; background:url(/image/main00.jpg) 60% center no-repeat; background-size:auto 100%;}
	.main01 {height:450px; background:url(/image/main01.jpg) 60% center no-repeat; background-size:auto 100%; }
	.main02 {height:450px;background:url(/image/main02.jpg) 60% center no-repeat; background-size:auto 100%;}
	.main03 {height:450px;background:url(/image/main03.jpg) 60% center no-repeat; background-size:auto 100%;}
}

@media all and (max-width:400px) {
	.mainWrap {height:350px;}
	.mainFade {height:350px;}	
	.mainWrap .textWrap {top:120px; left:25px; margin:120px 0 0 25px; font-size:17px;}
	.mainWrap .textWrap strong {padding:5px 0 15px 0; font-size:30px;}
	.mainWrap .textWrap .small {padding-bottom:15px; font-size:13px;}
	
	.main00 {height:350px; background:url(/image/main00.jpg) 60% center no-repeat; background-size:auto 100%;}
	.main01 {height:350px; background:url(/image/main01.jpg) 60% center no-repeat; background-size:auto 100%; }
	.main02 {height:350px;background:url(/image/main02.jpg) 60% center no-repeat; background-size:auto 100%;}
	.main03 {height:350px;background:url(/image/main03.jpg) 60% center no-repeat; background-size:auto 100%;}
}

.infoWrap {position:relative; width:100%; padding:100px 0; overflow:hidden;}
.infoWrap .bigTit {text-align:center;}
.infoWrap .infoGray {position:absolute; bottom:0; left:0; width:100%; height:50%; background:#f1f5f8; z-index:-1;}

.mainInfo {width:1250px; margin:50px auto; padding:0 0 50px 0; overflow:hidden; }
.mainInfo .sec {float:left; width:30%; height:370px; margin:0 0 0 5%; padding:50px; text-align:left; border:1px solid rgba(0,0,0,.05); border-radius:20px; overflow:hidden; box-shadow:0 15px 20px rgba(0,0,0,.1);}
.mainInfo .sec:first-child {margin:0;}
.mainInfo .sec strong {font-size:23px;}
.mainInfo .sec .text {padding-top:15px; font-size:17px; font-weight:300; color:#63666d;}

.sec01 {background:url(/image/sec01.png) #fff no-repeat right 130%;}
.sec02 {background:url(/image/sec02.png) #fff no-repeat 30% 800%;}
.sec03 {background:url(/image/sec03.png) #fff no-repeat 65% 160%;}


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


@media all and (max-width:930px) {
	.mainInfo .sec {width:32%; height:300px; margin:0 0 0 2%; padding:30px; box-shadow:0 10px 15px rgba(0,0,0,.1);}
	.mainInfo .sec strong {font-size:20px;}
	.mainInfo .sec .text {padding-top:10px; font-size:15px;}
	
	.sec01 {background:url(/image/sec01.png) #fff no-repeat right 120px; background-size:85% auto;}
	.sec02 {background:url(/image/sec02.png) #fff no-repeat 30% 120px; background-size:110% auto;}
	.sec03 {background:url(/image/sec03.png) #fff no-repeat 65% 120px; background-size:75% auto;}
}

@media all and (max-width:768px) {
	.mainInfo .sec {height:270px;}
}

@media all and (max-width:520px) {
	.mainInfo .sec {float:none; width:100%; height:auto; margin:0 0 15px 0; padding:30px 5%; border-radius:10px; display:block;}
	.mainInfo .sec:first-child {margin:0 0 15px 0;}
	
	.sec01 {background:url(/image/sec01.png) #fff no-repeat right -5%; background-size:auto 125%;}
	.sec02 {background:url(/image/sec02.png) #fff no-repeat right -5%; background-size:auto 125%;}
	.sec03 {background:url(/image/sec03.png) #fff no-repeat right -5%; background-size:auto 125%;}
}


.noWrap {width:100%; background:#fff; padding:20px 0; overflow:hidden;}
.noWrap .noticeWrap {float:left; width:50%; height:25px; padding:0 30px 0 0; line-height:25px; overflow:hidden;}
.noWrap .noticeWrap .name {padding:0 0 0 30px;}
.noWrap .noticeWrap .date {float:right; text-align:right;}
.noWrap .statusWrap {float:left; width:50%;}
.noWrap ul {overflow:hidden;}
.noWrap ul li {float:left; line-height:25px;}
.noWrap .tit {font-weight:600;}


@media all and (max-width:620px) {
	.noWrap .noticeWrap {float:none; width:100%;}
	.noWrap .statusWrap {float:none; width:100%; padding:10px 0 0 0;}
}

.goldWrap {width:1250px; height:700px; margin:100px auto 60px; overflow:visible;}
.goldWrap .goBox {position:relative; float:left; width:31%; background:#fff; margin:40px 0 0 3.5%; border-radius:20px; box-shadow:0 5px 15px rgba(0,0,0,.1);}
.goldWrap .goBox.mar0 {margin:40px 0 0 0;}
.goldWrap .goBox .number {position:absolute; top:20px; left:-18px; width:50px; height:50px; background:#1c2028; color:#fff; font-weight:600; font-size:24px; text-align:center; line-height:50px; border-radius:50%;}
.goldWrap .goBox .txWrap {margin:40px 50px 30px 50px;}
.goldWrap .goBox .en {padding:0 0 0 5px; font-size:12px; color:#acb0b4; font-weight:600; letter-spacing:0.2px;} 
.goldWrap .goBox .name {padding:3px 0 10px 0; font-size:22px; font-weight:600;}
.goldWrap .goBox .text {color:#707882; font-size:14px;}
.goldWrap .goBox .img {height:240px; overflow:hidden; border-radius:0 0 20px 20px;}
.goldWrap .goBox .img img {width:100%;}

@media all and (max-width:1300px) {
	.goldWrap {width:90%;}
	.goldWrap .goBox .img img {width:auto; height:100%;}
}

@media all and (max-width:1000px) {
	.goldWrap {width:95%; height:auto; margin:60px auto; overflow:hidden;}
	.goldWrap .goBox .number {left:10px; top:10px; width:30px; height:30px; font-size:17px; line-height:30px;}
	.goldWrap .goBox .name {font-size:18px; line-height:1.2;}
	.goldWrap .goBox .txWrap {margin:25px 25px 25px 45px;}
	.goldWrap .goBox .text {font-size:12px;}
	.goldWrap .goBox .img {height:180px;}
}

@media all and (max-width:750px) {
	.goldWrap {width:90%; margin:40px auto;}
	.goldWrap .goBox {float:none; width:100%; margin:0 0 20px 0; border-radius:10px;}
	.goldWrap .goBox.mar0 {margin:30px 0 20px 0;}
	.goldWrap .goBox .number {width:40px; height:40px; font-size:20px; line-height:40px;}
	.goldWrap .goBox .txWrap {margin:0 0 0 0; padding:40px 40px 20px 50px;}
	.goldWrap .goBox .name {padding:2px 0 5px 0; font-size:17px;}
	.goldWrap .goBox .img {height:170px; border-radius:0 0 10px 10px;}
	.goldWrap .goBox .img img {width:100%; height:auto;}
	.goldWrap .goBox .text {font-size:13px;}
}

@media all and (max-width:400px) {
	.goldWrap {margin:30px auto;}
	.goldWrap .goBox .number {left:10px; top:10px; width:30px; height:30px; font-size:17px; line-height:30px;}
	.goldWrap .goBox .txWrap {padding:30px 30px 20px 50px;}
}

.mcoinWrap {width:100%; height:1060px; background:url(/image/main_coin.jpg) no-repeat center top; background-size:cover; padding:100px 0;color:#fff;}
.mcoinWrap .bigTit {}
.mcoinWrap .mTitle {font-size:25px; font-weight:600;}
.mcoinWrap .iconWrap {width:430px; margin:70px 0 0 0;}
.mcoinWrap .iBox {background:rgba(255,255,255,.15); width:100%; margin:5px 0 10px 0; padding:20px; border-radius:15px; overflow:hidden;}
.mcoinWrap .iBox ul li {float:left;}
.mcoinWrap .iBox ul li:nth-child(2) {width:calc(100% - 90px); padding:20px 0 0 15px; font-size:15px;}
.mcoinWrap .icon {position:relative; width:80px; height:80px; background:rgba(255,255,255,.1); border-radius:50%; text-align:center; display:inline-block;}
.mcoinWrap .icon img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

.mcoinWrap .bosWrap {width:1250px; margin:300px auto 0; z-index:5; border:1px solid red;}
.mcoinWrap .bosWrap .bBox {width:1250px; height:183px; margin:20px 0 0 0; font-size:16px; border-radius:15px; color:#000; overflow:hidden;}
.mcoinWrap .bosWrap button {display:none !important;}
.mcoinWrap .bosWrap strong {font-size:19px; display:block;}
.mcoinWrap .bosWrap .b01 {width:100%; height:183px; background:url(/image/bos01.jpg) no-repeat; background-size:cover; padding:20px 20px 0 200px; border:1px solid green;}
.mcoinWrap .bosWrap .b02 {width:100%; height:183px; background:url(/image/bos02.jpg) no-repeat; background-size:cover; padding:20px 20px 0 200px;}
.mcoinWrap .bosWrap .b03 {width:100%; height:183px; background:url(/image/bos03.jpg) no-repeat; background-size:cover; padding:20px 20px 0 200px;}
.mcoinWrap .bosWrap .b04 {width:100%; height:183px; background:url(/image/bos04.jpg) no-repeat; background-size:cover; padding:20px 20px 0 200px;}





/* 하단영역 */
.footWrap {width:100%; height:250px; background:#1c2028;  padding:40px 0 50px 0; }
.footWrap .inner {width:1300px; margin:0 auto; font-size:13px; font-weight:300; color:rgba(255,255,255,.5);}
.footWrap .fNav {padding:0 0 25px 0; border-bottom:1px solid rgba(255,255,255,.1);}
.footWrap .fNav span {margin:0 15px 0 0; color:#fff;}
.footWrap .fNav .link {float:right;}
.footWrap .fNav .link span {width:50px; height:35px; margin:-7px 15px; background-size:auto; opacity:.6; display:inline-block;}
.footWrap .fNav .link span:hover {opacity:1;}
.footWrap .addr {float:left; width:60%; padding:25px 0 0 0; }
.footWrap .addr .space {margin:0 15px;}
.footWrap .addr .copy {font-size:13px; padding:15px 0 0 0; letter-spacing:0.5px;}
.footWrap .addr .copy .com {color:#fcb517;}
.footWrap .bar {margin:0 10px;}
.footWrap .fam {float:right; position:relative; height:53px; margin:25px 0 0 0; background:url(/image/arrow_fa.png) no-repeat 90% center; padding:0 65px 0 28px; line-height:53px; border:1px solid rgba(255,255,255,.2); display:inline-block;}
.footWrap .fam ul {position:absolute; top:-120px; left:-1px; width:101%; background:#fff; color:#000; line-height:35px; padding:10px 28px; border:1px solid rgba(0,0,0,.2); opacity:0; display:none;}
.footWrap .fam:hover, .footWrap .fam:active {background:url(/image/arrow_fa_on.png) no-repeat 90% center #fff; color:#000;}
.footWrap .fam:hover ul {opacity:1; top:-127px; display:block;}
.footWrap .fLogo {float:right; width:150px; height:43px; margin:20px 0 0 0; background:url(/image/logo_arex_gray.png) no-repeat; background-size:100%;}



@media all and (max-width:1300px) {
	.footWrap .inner {width:95%; font-size:13px;}
	.footWrap .addr {width:78%; }

	.footWrap .fam {padding:0 55px 0 20px;}
}

@media all and (max-width:960px) {
	.footWrap .addr .space {margin:0 5px;}
	.footWrap .fam {height:50px; line-height:50px; padding:0 30px 0 15px;}
}

@media all and (max-width:820px) {
	.footWrap .inner {font-size:12px;}
	.footWrap .addr {width:70%;}
	.footWrap .fNav .link span {width:40px; height:28px; background-size:auto 100%;}
}

@media all and (max-width:768px) {
	.footWrap .addr {width:65%;}
	.footWrap .addr .copy {font-size:12px;}
	.footWrap .fLogo {width:100px; height:34px;}
}

@media all and (max-width:700px) {
	.footWrap .addr {width:100%;}
	.fLogo {display:none;}
}



@media all and (max-width:540px) {
	.footWrap {height:330px;}
	.footWrap .inner {width:90%;}
	.footWrap .addr {width:100%;}

	.footWrap .fam {float:left; height:40px; margin:20px 0 0 0; line-height:40px; padding:0 65px 0 28px; border:1px solid rgba(255,255,255,.3);}
}

@media all and (max-width:480px) {
	.footWrap .fNav span {margin:0 7px 0 0; word-wrap:break-word}
	.footWrap .inline {width:100%; display:block;}
}

@media all and (max-width:440px) {
	.footWrap .fNav span {width:45%; margin:0; display:inline-block;}
}

@media all and (max-width:416px) {
	.footWrap .fNav span {}
}



/* gotop */
.scrollToTop {
	width:60px; 
	height:60px;
	border-radius:50%;
	background:url(/image/gotop_b.png) center 16px no-repeat rgba(255,255,255,.7);
	background-size:auto;
	border:1px solid rgba(0,0,0,.3);
	position:fixed;
	bottom:35px;
	right:35px;
	display:none;
	font-size:14px;
	font-weight:600;
	color:rgba(0,0,0,.3);
	padding:30px 0 0 0;
	text-align:center;
	z-index:5;
	transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease;
}
.scrollToTop:hover {
	box-shadow:0 10px 10px rgba(0,0,0,.3);
	border:0px;
	background:url(/image/gotop_b.png) center 16px no-repeat #fcb517;
	color:#000;
	transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease;
}


@media all and (max-width:768px) {
	.scrollToTop {width:40px; height:40px; font-size:0px;}
}


/* 회원가입 로그인 */
.th {padding:25px 0 0 0; font-size:14px; font-weight:500;}
.td {width:100%;}
.td input {width:100%; height:40px; background:rgba(28,32,40,.02); border-bottom:1px solid #dadde1; border-top:0; border-left:0; border-right:0;}
input.trans {background:none !important;}
.td select {width:100%; height:40px; background:rgba(28,32,40,.02); border-bottom:1px solid #dadde1; border-top:0; border-left:0; border-right:0;}
.td:hover input {border-bottom:2px solid #1c2028; transition:all .5s;}
.td.basic {height:40px; background:rgba(28,32,40,.05); line-height:40px; border-bottom:1px solid #dadde1;}
.td.phone {display:flex;}
.td.phone strong {line-height:40px; padding:0 5px;}
.btnJoin {width:100%; height:55px; background:#1c2028; margin:30px 0 0 0; color:#fff; font-size:17px; font-weight:600; line-height:55px; text-align:center; border-radius:4px; cursor:pointer;}
.btnJoin:hover {background:#fcb517; color:#000; font-weight:600;}
.sLink {width:80%; margin:20px auto 0;}
.sLink p {float:left; padding:0 20px; font-size:13px; text-align:center;}
.sLink p:nth-child(2) {border-left:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1);}

.allCheck {padding:10px 0; margin:0 0 10px 0; font-size:16px; font-weight:500; border-bottom:1px solid rgba(0,0,0,.1);}
input.check {height:auto; vertical-align:middle;}
.yakLine {padding:7px 0;}
.yakLine .more {float:right; color:rgba(0,0,0,.5); font-weight:500; text-decoration:underline; cursor:pointer;}

.dd-select {height:40px; background:url(/image/icon_down.png) no-repeat right center; border-bottom:1px solid #dadde1 !important;}

@media all and (max-width:930px) {
	.th {padding:20px 0 0 0; font-size:13px;}
	.td input {height:35px;} 
	.btnJoin {height:50px; font-size:14px; line-height:50px;}
	.sLink {width:90%;}
}

@media all and (max-width:400px) {
	.sLink p {padding:0 10px; font-size:12px;}
}


/* 주식거래 */
.sTable {width:100%; margin:0 auto;}
.sWidth45 {float:left; width:45%; }
.sWidth55 {float:left; width:55%; height:504px;}

.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; }



/* 서브 */
.subLeft {position:fixed; top:100px; left:50%; width:170px; transform:translateX(-370%); background:#fff; padding:20px; border-radius:7px;}
.subLeft .sTop {padding-bottom:10px; font-weight:600; font-size:18px; border-bottom:1px solid rgba(0,0,0,.25);}
.subLeft ul li {position:relative; padding:10px 2px; border-bottom:1px solid rgba(0,0,0,.07);}
.subLeft ul li::after {
	content: '';
    position: absolute;
    right: 2%;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -5px;
    border: 2px solid #000;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.subCenter {float:right; width:calc(100% - 185px); min-height:550px; background:#fff; padding:20px 30px; border-radius:7px; overflow:hidden;}
.subCenter.noPd {}
.subCenter .subTit {padding-bottom:10px; font-weight:600; font-size:18px; border-bottom:1px solid rgba(0,0,0,.25);}
.subCenter .subSm {float:right; margin-top:3px; padding:3px 12px; font-size:13px; font-weight:500; border:1px solid rgba(0,0,0,.2); border-radius:50px; display:inline-block;}
.subCenter .myPoint {padding:45px 25px; overflow:hidden;}
.subCenter .myPoint .left {float:left; width:45%;}
.subCenter .myPoint .right {float:right; width:55%; padding:20px 0 0 0; text-align:right;}
.subCenter .name {font-size:13px;}
.subCenter .number {font-size:26px; font-weight:600;}
.subCenter .small {font-size:15px; font-weight:400;}
.subCenter strong {font-size:17px;}
.topGuide {font-size:14px !important; font-weight:400 !important; color:red !important;}


@media screen and (max-width: 1300px) {
	.subLeft {display:none;}
	.subCenter {float:none; width:100%; }
}

@media screen and (max-width: 800px) {
	.subCenter .myPoint {padding:35px 0;}
	.subCenter .myPoint .left {float:none; width:100%;}
	.subCenter .myPoint .right {float:none; width:100%; text-align:left;}
}

@media screen and (max-width: 620px) {
	.subCenter {padding:15px;}
	.subCenter.chart {width:100% !important;}
}

@media screen and (max-width: 520px) {
	.subCenter .number {font-size:24px;}
	.subCenter strong {font-size:14px;}
}

@media screen and (max-width: 400px) {
	.subCenter.noPd {padding:5px;}
	.subCenter .subTit {font-size:17px;}
	.subCenter .subSm {font-size:11px;}
}


/* .subTab {width:100%; }
.subTab ul {border-bottom:1px solid rgba(0,0,0,.1); overflow:hidden;}
.subTab ul li {float:left; padding:10px 30px; color:rgba(0,0,0,.7);}
.subTab ul li.on {color:#1c2028; font-weight:600; border-bottom:2px solid #1c2028;} */

.subTab {width:100%; }
.subTab ul {border-bottom:0px solid rgba(0,0,0,.1); overflow:hidden;}
.subTab ul li {float:left; background:#f6f7f8; margin:0 5px 5px 0; padding:10px 30px; color:#93989e; font-weight:600; border-radius:50px; display:inline-block;}
.subTab ul li.on {background:#1c2028; color:#fff; font-weight:600; }

.nSearch {background:#f8f8f8; margin:15px 0 10px 0; padding:20px; font-size:14px; display:flex;	align-items:center; border-radius:5px; flex-wrap:wrap; /* justify-content:space-between; */ overflow:hidden;}
.nSearch input {width:70px; height:33px; font-size:12px;}
.nSearch .intxt01 {height:28px; background:#fff; border:1px solid rgba(0,0,0,.1); vertical-align:middle;}
.nSearch .nLeft {width:65%;}
.nSearch .nRight {width:35%; text-align:right;}
.nSearch .name {margin:0 7px 0 0; font-size:13px;}
.nSearch .name1 {margin:0 7px 0 15px; font-size:13px;}
select.basic {height:30px; background:#fff; border:1px solid rgba(0,0,0,.1); }


@media screen and (max-width: 440px) {
	.nSearch .nLeft {width:100%;}
	.nSearch .nRight {width:100%; padding-top:7px; text-align:left;}
}



/* 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 #1c2028;
		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: 14px;
		letter-spacing:0;
	}
	.listBox ul li.name {
		float: left;
		padding: 11px 0 0 0;
		font-size: 18px;
		font-weight: 500;
	}
	
	.listBox ul li .text {padding:3px; font-size:13px; background:rgba(0,0,0,.05); display:block;}
	
	.listBox ul li .tit {
		font-size: 14px;
		padding: 0;
	}
	.listBox ul li .number {
		font-size: 20px;
		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;
		letter-spacing:0;
	}

	@media screen and (max-width:580px) {
		.listBox ul li.date {float:none; padding:0; font-size:12px; letter-spacing:0;}
		.listBox ul li.name {float:none; padding:7px 0 0 0; font-size:15px;}
	}

/* LISTBOX end */


/* ORDER */
	.orderWrap {
		overflow: hidden;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap:1%;
	}
	.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 .bottom {position:relative; width:100%; background:rgba(0,0,0,.03); margin:5px 0 0 0; padding:0 10px; font-size:12px; border:1px solid rgba(0,0,0,.1); border-radius:50px; overflow:hidden;}
	.orderBox .bottom.pd5 {padding:5px 10px;}
	.orderBox .bottom input {height:30px; background:transparent; border:0; }
	.orderBox .bottom .btnCopy {position:absolute; right:0; background:#1c2028; padding:0 15px; font-size:11px; color:#fff; cursor:pointer;}
	.orderBox .bottom .space {padding:0 10px;}
	.orderBox .pic {width:100%; margin-top:7px;}
	.orderBox .pic img {width:100%;}
		
	.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: #000;
		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: #41518f;
		border: 1px solid #41518f;
		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: 830px) {
	.orderBox .bottom .space {padding:0; font-size:0; display:block;}
}
	
@media all and (max-width: 768px) {
	.orderBox {padding:15px;}
	.orderBox .name {font-size:16px;}
}	

@media all and (max-width: 520px) {
	.orderBox {width:100%; padding:20px;}
	.orderBox .name {font-size:17px;}
}

/* ORDER end*/


/* 입금 */
.dWrap {width:95%; margin:2% auto; overflow:hidden;}
.dBox {float:left; width:24%; background:#fff; margin:15px 1.33% 15px 0; padding:10px; text-align:center; border:1px solid rgba(0,0,0,.1); border-radius:7px;}
.dBox:nth-child(4n+4) {margin:15px 0 15px 0;}
.dBox .img {width:100%;}
.dBox .img img {width:100%; border-radius:5px;}
.dBox .name {padding:15px 0 10px; font-size:22px; font-weight:500;}
.dBox .qty {font-size:12px;}
.dBox input {width:45px; height:28px; background:#f1f1f1; text-align:center; border-radius:3px;}
.dBox .tit {padding:15px 0 0 0; font-size:13px;}
.dBox .price {font-weight:600; font-size:21px;}
.btnB {background:#1c2028; margin-top:15px; padding:11px; color:#fff; text-align:center; font-size:13px; border-radius:3px;}


@media screen and (max-width:920px) {
	.dWrap {width:100%;}
	.dBox {width:31%;}
}

@media screen and (max-width:680px) {
	.dBox {width:48%;}
	.dBox .name {font-size:15px;}
	.dBox .price {font-size:17px;}
	.dBox .btnB {padding:10px; font-size:12px;}
}


.bankWrap {width:530px; background:#fff; margin:50px auto; padding:20px; border:1px solid rgba(0,0,0,.1); border-radius:10px; overflow:hidden;}
.bankWrap .pic {margin-bottom:20px;}
.bankWrap .pic img {width:100%; border-radius:5px;}
.bankWrap .th {padding:0; }
.bankWrap .td {margin:0 0 15px 0; line-height:40px; }
.bankWrap .secWrap {overflow:hidden;}
.bankWrap .sec {float:left; width:20%; height:40px; line-height:40px; text-align:center; border:1px solid rgba(0,0,0,.3);}
.bankWrap .sec:nth-child(1) {border-radius:5px 0 0 5px;}
.bankWrap .sec:nth-child(5) {border-radius:0 5px 5px 0;}


@media screen and (max-width:540px) {
	.bankWrap {width:100%;}
	.bankWrap .td {font-size:13px;}
}

@media screen and (max-width:420px) {
	.bankWrap {padding:10px;}
	.bankWrap .td {font-size:11px;}
	.bankWrap .sec {font-size:11px;}
}


.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:700px; 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:#1c2028; padding:15px; color:#fff; font-size:17px; font-weight:600;}
.popList .pList {background:#fff; height:550px; 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:#1c2028; color:#fff; border:0;}
.popList .pList .tableList {height:420px; 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 #1c2028; 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:15px; padding:0; text-align:center; }
.popList .btnWrap .bOk {background:#1c2028; padding:7px 35px; color:#fff; line-height:1; border-radius:3px; display:inline-block;}
.popList .btnWrap .bCa {background:#eee; padding:7px 35px; line-height:1; border-radius:3px; display:inline-block;}

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

.popBack1 {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:100; display:none;}
.popList1 {position:absolute; top:50%; left:50%; width:700px; transform:translate(-50%, -50%); border-radius:10px; overflow:hidden; box-shadow:0 10px 10px rgba(0,0,0,.5);}
.popList1 .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;}
.popList1 .title {background:#1c2028; padding:15px; color:#fff; font-size:17px; font-weight:600;}
.popList1 .pList {background:#fff; height:550px; padding:25px; font-size:13px;}
.popList1 .pList .search {height:30px; background:rgba(0, 0, 0, 0.02); border:1px solid rgba(0, 0, 0, 0.2);}
.popList1 .pList .selOK {height:30px; padding:0 15px; background:#1c2028; color:#fff; border:0;}
.popList1 .pList .tableList {height:420px; margin-top:15px; overflow-y:auto; }
.popList1 .pList ul {width:100%; display:flex; justify-content:space-around;}
.popList1 .pList ul li {padding:8px; text-align:center; }
.popList1 .pList ul li:nth-child(1) {width:10%;}
.popList1 .pList ul li:nth-child(2) {width:30%;}
.popList1 .pList ul li:nth-child(3) {width:25%;}
.popList1 .pList ul li:nth-child(4) {width:35%;}
.popList1 .pList .th {background:rgba(0,0,0,.02);  border-top:1px solid #1c2028; border-bottom:1px solid rgba(0,0,0,.1);}
.popList1 .pList .td {border-bottom:1px dashed rgba(0,0,0,.1); }
.popList1 .pList input {height:auto;}
.popList1 .btnWrap {clear:both; width:100%; margin-top:15px; padding:0; text-align:center; }
.popList1 .btnWrap .bOk {background:#1c2028; padding:7px 35px; line-height:1;  color:#fff; border-radius:3px; display:inline-block;}
.popList1 .btnWrap .bCa {background:#eee; padding:7px 35px; line-height:1; border-radius:3px; display:inline-block;}

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

.popBack2 {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:100; display:none;}
.popList2 {position:absolute; top:50%; left:50%; width:700px; transform:translate(-50%, -50%); border-radius:10px; overflow:hidden; box-shadow:0 10px 10px rgba(0,0,0,.5);}
.popList2 .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;}
.popList2 .title {background:#1c2028; padding:15px; color:#fff; font-size:17px; font-weight:600;}
.popList2 .pList {background:#fff; height:550px; padding:25px; font-size:13px;}
.popList2 .pList .search {height:30px; background:rgba(0, 0, 0, 0.02); border:1px solid rgba(0, 0, 0, 0.2);}
.popList2 .pList .selOK {height:30px; padding:0 15px; background:#1c2028; color:#fff; border:0;}
.popList2 .pList .tableList {height:420px; margin-top:15px; overflow-y:auto; }
.popList2 .pList ul {width:100%; display:flex; justify-content:space-around;}
.popList2 .pList ul li {padding:8px; text-align:center; }
.popList2 .pList ul li:nth-child(1) {width:10%;}
.popList2 .pList ul li:nth-child(2) {width:30%;}
.popList2 .pList ul li:nth-child(3) {width:25%;}
.popList2 .pList ul li:nth-child(4) {width:35%;}
.popList2 .pList .th {background:rgba(0,0,0,.02);  border-top:1px solid #1c2028; border-bottom:1px solid rgba(0,0,0,.1);}
.popList2 .pList .td {border-bottom:1px dashed rgba(0,0,0,.1); }
.popList2 .pList input {height:auto;}
.popList2 .btnWrap {clear:both; width:100%; margin-top:15px; padding:0; text-align:center; }
.popList2 .btnWrap .bOk {background:#1c2028; padding:7px 35px; line-height:1; color:#fff; border-radius:3px; display:inline-block;}
.popList2 .btnWrap .bCa {background:#eee; padding:7px 35px; line-height:1; border-radius:3px; display:inline-block;}

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


#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;}
}

/* 초대하기 */
.inviteWrap {position:relative; width:600px; height:260px; background:url(/image/invite.jpg) no-repeat center; background-size:cover; margin:40px auto 0; padding:40px;  border-radius:5px;}
.inviteWrap .text {padding-top:40px; color:#fff; font-weight:600; font-size:30px; text-shadow:0 2px 10px rgba(0,0,0,.3);}
.inviteWrap .in {position:absolute; bottom:30px; left:20px; width:calc(100% - 40px);}
.inviteWrap .in input {width:100%; height:40px; background:rgba(0,0,0,.5); color:#fff; border-radius:5px; border:1px solid rgba(255,255,255,.1);}
.inCopy {width:600px; background:#f7c83a; margin:7px auto 30px; padding:20px 0; color:#000; font-weight:600; font-size:15px; text-align:center; border-radius:5px; cursor:pointer;}


@media all and (max-width: 620px){
	.inviteWrap {width:95%; height:250px;}
	.inCopy {width:95%;}
}


/* 이용안내 */
.botWrap {width:95%; margin:50px auto; padding:40px 40px 20px 40px; border:1px solid rgba(0,0,0,.15); border-radius:10px;  }
.botWrap.none {border:0; padding:0 20px;}
.botWrap ul {margin:0 0 20px 0; overflow:hidden;}
.botWrap ul li {float:left; width:calc(100% - 52px); line-height:1.5;}
.botWrap ul li:first-child {width:52px;}
.botWrap .number {width:37px; height:37px; background:#1c2028;   color:#fff; font-size:17px; text-align:center; line-height:37px; border-radius:50%; display:inline-block;}
.botWrap strong {padding:0 0 7px 0; font-size:15px; display:block;}
.botWrap .smallWrap {width:100%; overflow:hidden;}
.botWrap .smallBox {position:relative; float:left; width:14%; height:90px; text-align:center; border:1px solid rgba(0,0,0,.2); border-radius:7px;}
.botWrap .smallBox .text {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:12px; line-height:1.2; }
.botWrap .arrow {float:left; width:15px; height:90px; background:url(/image/arrow_r.png) no-repeat center;}
.botWrap .cir {background:#f8f9fa; padding:5px 12px; font-size:13px; font-weight:600; border-radius:50px; display:inline-block;}

@media all and (max-width: 920px){
	.botWrap {width:100%; padding:30px 30px 20px 30px;}
}

@media all and (max-width: 680px){
	.botWrap {padding:20px;}
	.botWrap ul li {width:calc(100% - 40px); font-size:13px;}
	.botWrap ul li:first-child {width:40px;}
	.botWrap .number {width:30px; height:30px; font-size:14px; line-height:30px;}
	.botWrap .smallBox {width:27%; font-size:11px;}
}

@media all and (max-width: 400px){
	.botWrap {padding:10px;}
	.botWrap ul li {width:calc(100% - 30px); font-size:12px;}
	.botWrap ul li:first-child {width:30px;}
	.botWrap .number {width:25px; height:25px; font-size:12px; line-height:25px;}
}


.digiWrap {width:100%; height:655px; background:url(/image/bg_gold.png) no-repeat top/* , url(/image/bg_gold_back.png) repeat-x bottom */; background-size:cover; padding:130px 0 70px;}
.digiWrap .midTit {font-size:20px; color:rgba(28,32,40,.4);}
.digiWrap .diBox {width:425px; margin:50px 0 0 0;}
.digiWrap .diBox strong {font-size:25px; font-weight:500; display:block;}
.digiWrap .diBox .cont {padding-top:30px; font-size:16px; line-height:1.4;}

@media all and (max-width: 1200px){
	.digiWrap {height:500px; padding:90px 0 60px}
	.digiWrap .diBox {width:50%; margin:30px 0 0 0;}
	.digiWrap .diBox strong {font-size:22px;}
	.digiWrap .diBox .cont {padding-top:20px; font-size:14px;}
}

@media all and (max-width: 768px){
	.digiWrap {height:450px; padding:85px 0 50px}
	.digiWrap .midTit {font-size:17px;}
	.digiWrap .diBox {margin:25px 0 0 0;}
	.digiWrap .diBox strong {font-size:20px;}
	.digiWrap .diBox .cont {padding-top:15px; font-size:13px;}
}

@media all and (max-width: 620px){
	.digiWrap {height:400px; padding:50px 0 40px}
	.digiWrap .inner {width:90%;}
	.digiWrap .diBox {width:55%; margin:20px 0 0 0;}
	.digiWrap .diBox strong {font-size:17px;}
}

@media all and (max-width: 540px){
	.digiWrap {height:auto; padding:0;}
}


.tableWrap {width:1250px; margin:0 auto; padding:60px 0 100px; overflow:hidden;}
.tableWrap strong {font-size:25px; font-weight:500; display:block;}
.tableWrap .overWrap {width:100%; overflow-x:auto;}
.tableWrap table {width:100%; background:#fff; margin:15px 0 0 0; border-top:1px solid #1c2028;}
.tableWrap table th {background:#f8f9fa; padding:12px 5px; border-bottom:1px solid rgba(0,0,0,.2);}
.tableWrap table td {padding:12px 5px; text-align:center; border-bottom:1px dashed rgba(0,0,0,.2);}
.tableWrap .yel {background:#ffe2a0; font-weight:600;}
.gold_chart {display:none;}

@media all and (max-width: 1250px){
	.tableWrap {width:95%; }
	.tableWrap strong {font-size:22px;}
}

@media all and (max-width: 768px){
	.tableWrap strong {font-size:20px;}
	.tableWrap table {margin:10px 0 0 0;}
	.tableWrap table th {font-size:12px;}
	.tableWrap table td {font-size:12px;}
}


@media all and (max-width: 480px){
	.tableWrap table {display:none;}
	.gold_chart {display:block;}
	.gold_chart img {width:100%;}
}

.basicList60 {width:90%; margin:30px auto;}
.basicList60 table {width:100%; border-top:1px solid #1c2028;}
.basicList60 table th {background:#f8f9fa; padding:12px 5px; border-bottom:1px solid rgba(0,0,0,.2);}
.basicList60 table td {padding:12px 5px; text-align:center; border-bottom:1px dashed rgba(0,0,0,.2);}
.memTag {margin:5px 0 0 0; padding:1px 7px; font-size:11px; border-radius:50px; border:1px solid rgba(0,0,0,.2); display:inline-block;}

@media all and (max-width: 560px){
	.basicList60 {width:90%;}
}

/* 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: #000;
		text-align: center;
	}
	.noticeList ul.num1 {
		width: 12%;
		padding: 15px 0;
		font-size: 33px;
		font-weight: 600;
		text-align: center;
		color: #000;
	}
	.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 #41518f;
		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: #41518f;
	}

	/* .btnWrap {
		width: 100%;
		margin: -20px 0 30px 0;
		text-align: right;
		overflow: hidden;
	} */
	.btnWrap .btnYY {
		padding: 7px 15px;
		background: #41518f;
		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: #41518f;
		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*/


.mainEvent {position:relative; width:100%; height:496px; background:url(/image/main_event_bg.jpg) no-repeat center; background-size:cover;}
.mainEvent img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.mainEvent .mobile {display:none;}
.mainEvent .web {}

@media all and (max-width: 1250px){
	.mainEvent {position:inherit; height:auto; padding:40px 0; text-align:center;}
	.mainEvent img {position:inherit; width:100%; transform:none;}
}

@media all and (max-width: 680px){
	.mainEvent {padding:0;}
	.mainEvent .mobile {display:block;}
	.mainEvent .web {display:none;}
}

.eventWrap {width:100%; margin:20px 0;}
.eventWrap ul {overflow:hidden;}
.eventWrap ul li {float:left; width:49%; }
.eventWrap ul li img {width:100%; border-radius:10px;}
.eventWrap .subject {background:rgba(0,0,0,.05); padding:20px 0; text-align:center; font-weight:500; font-size:20px; border-bottom:1px dashed rgba(0,0,0,.1);}
.eventWrap .subMid {padding:25px 0; font-size:17px; text-align:center;} 
.eventWrap .content {padding:0 5%; font-size:15px; line-height:2.5;}

@media all and (max-width: 600px){
	.eventWrap ul li {float:none; width:100%;}
	.eventWrap ul li img {border-radius:5px;}
	.eventWrap .subject {font-size:17px;}
	.eventWrap .subMid {font-size:15px;}
	.eventWrap .content {padding:0 2.5%; font-size:13px; line-height:2;}
}

.ttt_img {width:40px; height:15px; background:url(/image/ttt_img.png) no-repeat center; background-size:100% auto; display:inline-block;}


/* 20201120 popup */
	#popup-wrap {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 99999;
		width: fit-content;
		max-width: 1200px;
		max-height:700px;
		overflow-y:auto;
		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 {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:500px;
		max-width: 500px;
		/* box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.1); */
		/* margin: 1%; */
		/* background: #f1f1f1; */
	}
	#divpop2 {left: 600px;}

	#divpop .popInner,
	#divpop2 .popInner,
	#divpop3 .popInner{
		width: 100%;
		/* max-width: 500px; */
		height: auto;
		/* max-height: 500px;
		overflow: auto; */
		padding: 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
	{
		font-size: 20px;
		font-weight: bolder;
		text-align: center;
		line-height: 2;
	}
	#divpop .date,
	#divpop2 .date,
	#divpop3 .date
	{
		font-size: 12px;
		color: #555;
		text-align: right;
	}
	#divpop .textBox,
	#divpop2 .textBox,
	#divpop3 .textBox{
		max-height: 400px;
		
		/* margin: 30px 0 10px; */
		background: #fff;
		padding: 30px 20px;
		overflow-y: auto;
		font-size: 13px;
		line-height: 1.7;
		font-weight: 400;
	}
	#divpop .textBox::-webkit-scrollbar,
	#divpop2 .textBox::-webkit-scrollbar,
	#divpop3 .textBox::-webkit-scrollbar{
		display: block;
		width: 10px;
	}
	#divpop .textBox::-webkit-scrollbar-thumb,
	#divpop2 .textBox::-webkit-scrollbar-thumb,
	#divpop3 .textBox::-webkit-scrollbar-thumb{
		background: #ddd;
	}
	#divpop input,
	#divpop2 input,
	#divpop3 input{
		height: auto;
		margin: 0 3px 0 0;
		vertical-align: inherit;
	}
	#divpop .btn-wrap,
	#divpop2 .btn-wrap,
	#divpop3 .btn-wrap{
		display: flex;
		justify-content: space-around;
		margin: 0 auto;
	}
	#divpop button,
	#divpop2 button,
	#divpop3 button{
		margin-top: 30px;
		text-align: center;
		border: none;
		background: #ebebeb;
		padding: 10px;
		width: 30%;
		border-radius: 5px;
		font-size: 14px;
		font-weight: 400;
		opacity: 1;
	}
	#divpop .closePop,
	#divpop2 .closePop,
	#divpop3 .closePop{
		background: #777;
		color: #fff;
	}

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

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

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

	@media screen and (max-width: 600px) {
		#popup-wrap {height:90%; overflow-y:auto;}
		#divpop. #divpop2, #divpop3 {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, #divpop2, #divpop3 {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 */