@charset "UTF-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Malgun Gothic', dotum, sans-serif; }
html, h1, h2, h3, h4, h5, h6, form, fieldset {margin:0;padding:0;border:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /* font-family: 'Nanum Gothic'; */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;800&display=swap'); /* font-family: 'Montserrat'; */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700|Noto+Serif+KR:400,500&display=swap&subset=korean'); /* font-family: 'Noto Sans KR'; */

@font-face{font-family:'SJ_R'; src:url('/font/SJ_R.ttf'); }
@font-face{font-family:'SJ_R'; src:url('/font/SJJungR.woff');  }
@font-face { font-family:'GS_B'; src:url('/font/GmarketSansTTFBold.ttf');  }
@font-face { font-family:'GS_L'; src:url('/font/GmarketSansTTFLight.ttf');  }
@font-face { font-family:'GS_M'; src:url('/font/GmarketSansTTFMedium.ttf');  }
@font-face { font-family:'BING'; src:url('/font/Binggraes.ttf');  }
@font-face { font-family:'BING'; src:url('/font/Binggrae.otf');  }

.mobile{display:none;}
.pc{display:block;}



/* 메인헤더 */
#main .header{padding:0; position:fixed; top:0px; left:0px; width:100%; z-index:1001; background-color:#09F; box-shadow:0 0 10px rgba(0,0,0,0.1); }
#main .header:after{content:""; display:block; clear:both;}
#main .header .web{ display:inline-block; position:absolute; top:50%; transform:translateY(-50%); overflow:hidden; right:0px; }
#main .header .web > div { text-align:right; padding:0; margin:0px; display:flex; width:200px; }
#main .header .web a{ width:50%; padding:0px; font-size:12px; display:block; text-align:center; vertical-align:middle; color:#fff; height:55px; line-height:53px; }
#main .header .web .lxbtn { border-left:1px solid rgba(255,255,255,0.3); }
#main .header .web .lxbtn2 { border-left:1px solid rgba(255,255,255,0.3); }
#main .header h1{ position:absolute; top:50%; left:25px; transform:translateY(-50%); }
#main .header h1 a{width:210px; height:40px; background:url(../img/wlogo.png) no-repeat; background-size: contain; display:block; text-indent:-99999px;}
#main .header h2 { display:none; }
#main .header button { display:none; }
#main .header .right{ padding:0; text-align:center; margin:0 200px 0 210px; }
#main .header .right > .nav{ display:inline-block; margin:auto; }
#main .header .right > .nav > li > a{ font-size:16px; line-height:55px; height:55px; font-weight:700; position:relative; color:#fff; padding:0 30px; display:block; }
#main .header .right > .nav > li > a:hover { background-color:#06F; }
#main .header .right > .nav > li.dan2 > a:after{content:""; display:block; clear:both; position:absolute; background:url(../img/arrow_dw_icon.png); background-size:100% 100%; width:10px; height:6px; top:50%; margin-top:-1px; right:-18px;}
#main .header .right > div.btn { display:none; }
#main .header .right > div.btn a.log{margin:13.5px 35px 0 15px; height:24px;}
#main .header .right > div.btn a.log img{margin-left:10px;}
#main .header .right > div.btn a.rang{width:132px; height:62px; text-align:center; background:url(../img/rang_btn.png) no-repeat center center; }
#main .header .right > div.btn a.mobile{display:none;}
#main .header .right > ul{float:left;}
#main .header .right > ul:after{content:""; display:block; clear:both;}
#main .header .right > ul > li{float:left; position:relative;}
#main .header .right > ul > li ul{position:absolute; width:200px; text-align:center; text-align: center; z-index: 10; background:#fff; top:35px; left:0; margin-left:-72px; padding:10px; display:none;}
#main .header .right > ul > li ul li a{line-height:3; font-size:14px; font-weight:700;}



.message_popup{position:fixed; left:141px; bottom:133px; width:360px; background:rgba(48,141,234,0.3); padding:20px; border-radius:10px;}
.message_popup:after{content:""; display:block; clear:both;}
.message_popup > img{float:left; margin-top:7.5px;}
.message_popup .text{float:left; margin-left:10px;}
.message_popup p{color:#fff; font-size:15px; font-weight:600; text-transform:uppercase; margin-bottom:5px;}
.message_popup span{font-size:12px; color:#fff;}
.message_popup .close{position:absolute; top:15px; right:15px;}
.message_popup .close img{height:15px;}

#main .message_popup{bottom:45px; left:35px}


.popup{background:rgba(0, 0, 0, 0.6); position:fixed; top:0; left:0; width:100%; height:100%; z-index:100000; display:none;}
.popup .buy{color:#00b050 !important;}
.popup .sell{color:#dc3232 !important;}
.popup .popupin{background:#fff; position:absolute; top:50%; left:50%; width:100%; max-width:800px; transform: translate(-50%, -50%); max-height:90%;  border-radius:16px; display:block; display:none; padding:0;}
.popup .popupin > form > p.tit, .popup .popupin > p.tit{font-size:23px; font-weight:600; height:80px; line-height:80px; padding:0 37px; color:#222; border-bottom:1px solid #ddd; }
.popup .popupin > .close{position:absolute; right:30px; top:30px;}
.popup .popupin > .close img{height:21px;}
.popup .popupin > .logo{text-align:center; margin-top:25px;}
.popup .popupin > .logo img{height:27px;}
.popup .popupin img{margin: 0 auto;}
.popup .page{text-align: center; padding-top: 30px; font-size: 18px; }
.popup .page .btns{display:inline-block; width:auto;}
.popup .page .btns:after{content:""; display:block; clear:both;}
.popup .page .btns a {color: #8c8c8c; font-weight: 400; width: 30px; line-height: 30px; display:inline-block; float:left;}
.popup .page .btns a.on{ color: #308dea; border-bottom:1px solid #308dea; margin:0 3px;}
.popup .page button { overflow: hidden; width: 30px; height: 30px; border: 1px solid #e6e6e6; line-height: 100px; background-color: #fff; background-position: center; background-repeat: no-repeat; }
.popup .page button.firstPage { background: url(../img/button_page_first.png) no-repeat center center; }
.popup .page button.prevPage { background: url(../img/button_page_prev.png) no-repeat center center; }
.popup .page button.nextPage { background: url(../img/button_page_next.png) no-repeat center center; }
.popup .page button.lastPage { background: url(../img/button_page_last.png) no-repeat center center; }

.popup .popupin.in01{text-align:center; width:720px;}
.popup .popupin.in01 > img{padding:24px 0 40px 0; height:130px;}
.popup .popupin.in01 .text p{font-size:35px; font-weight:500;}
.popup .popupin.in01 .text span{font-size:16px; margin-top:28px; display:block; color:#666666;}
.popup .popupin.in01 .text span div{display:inline-block;}
.popup .popupin.in01 .text span b{color:#333;}
.popup .popupin.in01 .btns{margin:48px 0 20px 0;}
.popup .popupin.in01 .btns a{display:inline-block; width:120px; line-height:44px; background:#edf1f7; color:#666666; font-size:16px; border-radius:6px;}
.popup .popupin.in01 .btns a.on{color:#fff; background:#308dea; margin-right:10px;}

.popup .popupin.in02{text-align:center; width:720px; }
.popup .popupin.in02 > img{padding:24px 0 40px 0; height:130px;}
.popup .popupin.in02 .text p{font-size:28px; font-weight:500;}
.popup .popupin.in02 .text span{font-size:16px; margin-top:20px; display:block; color:#666666;}
.popup .popupin.in02 .text span b{color:#333;}
.popup .popupin.in02 .logo{padding-top:25px; border-top:2px solid #edf1f7; margin:96px 0 8px 0;}
.popup .popupin.in02 .logo img{height:44px;}

.popup .popupin.in03{ }
.popup .popupin.in03 .tab{width:100%; margin-top:15px; border-bottom:2px solid #edf1f7;}
.popup .popupin.in03 .tab:after{content:""; display:block; clear:both;}
.popup .popupin.in03 .tab div{font-size:17px; text-align:center; width:28%; float:left; }
.popup .popupin.in03 .tab div:last-child{width:44%;}
.popup .popupin.in03 .tab div a{display:inline-block; padding:16px 10px; color:#999999; position:relative; top:2px;}
.popup .popupin.in03 .tab div a.on{border-bottom:3px solid #308dea; color:#333333;}
.popup .popupin.in03 .box{width:calc(100% - 54px); margin:21px 0 0 0; }
.popup .popupin.in03 .box > div{margin-bottom:15px; padding:21px 37px; }
.popup .popupin.in03 .box > div p{font-size:15px; font-weight:600; line-height:21px;}
.popup .popupin.in03 .box > div ul{margin-top:17px;}
.popup .popupin.in03 .box .notice{display:none;}
.popup .popupin.in03 .box .notice.in03_01{display:block;}
.popup .popupin.in03 .box .notice p{ color:#666; }
.popup .popupin.in03 .box .notice ul { background-color:#f6f6f6; padding:15px; border-radius:7px; }
.popup .popupin.in03 .box .notice ul li{font-size:13px; margin-bottom:12px; padding-left:10px; display:block; position:relative; color:#666; }
.popup .popupin.in03 .box .notice ul li:after{content:""; display:block; width:3px; height:3px; border-radius:3px; background:#333; left:0; top:50%; margin-top:-1.5px; position:absolute;}
.popup .popupin.in03 .box .notice ul li:last-child{margin-bottom:0;}
.popup .popupin.in03 .box .sum{margin-bottom:0;}
.popup .popupin.in03 .box .sum p{color:#666; }
.popup .popupin.in03 .box .sum ul{  }
.popup .popupin.in03 .box .sum ul li{ background-color:#f6f6f6; padding:5px; border-radius:7px; margin-bottom:5px; position:relative; overflow:hidden; }
.popup .popupin.in03 .box .sum ul li:after{content:""; display:block; clear:both;}
.popup .popupin.in03 .box .sum ul li span{ display:block; margin-left:130px; }
.popup .popupin.in03 .box .sum ul li span.tit{width:120px; text-align:center; padding:0; color:#666; font-size:13px; height:30px; line-height:30px; position:absolute; top:50%; left:5px; margin:0px; transform:translateY(-50%); }
.popup .popupin.in03 .box .sum ul li span em{line-height:40px; font-size:17px; color:#308dea; font-weight:700; font-style: initial;}
.popup .popupin.in03 .box .sum ul li span input{height:30px; width:190px; border:0px; background-color:#666; font-size:15px; padding:0 0 0 10px; color:#fff; border-radius:3px; }
.popup .popupin.in03 .box .sum ul li.buttons span div{ display:grid; grid-template-columns:repeat(8, 1fr); column-gap:1px; row-gap:1px; }
.popup .popupin.in03 .box .sum ul li.buttons span div button{ border:0px; background:#09F; color:#fff; font-size:12px; border-radius:3px; height:30px; }
.popup .popupin.in03 .box .sum ul li.buttons span div button.reset{ background:#999999; color:#fff;}
.popup .popupin.in03 .box .sum ul li.last_btn{text-align:center; padding:20px 0; background-color:transparent; }
.popup .popupin.in03 .box .sum ul li.last_btn button{display:inline-block; color:#fff; background-image: linear-gradient(to bottom, #333, #000); height:50px; width:200px; font-size:16px; border-radius:10px; border:0;}

.popup .popupin.in04{ }
.popup .popupin.in04 .tab{width:100%; margin-top:15px; border-bottom:2px solid #edf1f7;}
.popup .popupin.in04 .tab:after{content:""; display:block; clear:both;}
.popup .popupin.in04 .tab div{font-size:17px; text-align:center; width:28%; float:left; }
.popup .popupin.in04 .tab div:last-child{width:44%;}
.popup .popupin.in04 .tab div a{display:inline-block; padding:16px 10px; color:#999999; position:relative; top:2px;}
.popup .popupin.in04 .tab div a.on{border-bottom:3px solid #308dea; color:#333333;}
.popup .popupin.in04 .box{width:calc(100% - 54px); margin:21px 0 0 0; }
.popup .popupin.in04 .box > div{margin-bottom:15px; padding:21px 37px; }
.popup .popupin.in04 .box > div p{font-size:15px; font-weight:600; line-height:21px;}
.popup .popupin.in04 .box > div ul{margin-top:17px;}
.popup .popupin.in04 .box .notice{display:none;}
.popup .popupin.in04 .box .notice.in03_01{display:block;}
.popup .popupin.in04 .box .notice p{ color:#aaadb8; }
.popup .popupin.in04 .box .notice ul { background-color:#f6f6f6; padding:15px; border-radius:7px; }
.popup .popupin.in04 .box .notice ul li{font-size:13px; margin-bottom:12px; padding-left:10px; display:block; position:relative; color:#aaadb8; }
.popup .popupin.in04 .box .notice ul li:after{content:""; display:block; width:3px; height:3px; border-radius:3px; background:#333; left:0; top:50%; margin-top:-1.5px; position:absolute;}
.popup .popupin.in04 .box .notice ul li:last-child{margin-bottom:0;}
.popup .popupin.in04 .box .sum{margin-bottom:0;}
.popup .popupin.in04 .box .sum p{color:#666; }
.popup .popupin.in04 .box .sum ul{  }
.popup .popupin.in04 .box .sum ul li{ background-color:#f6f6f6; padding:5px; border-radius:7px; margin-bottom:5px; position:relative; overflow:hidden; }
.popup .popupin.in04 .box .sum ul li:after{content:""; display:block; clear:both;}
.popup .popupin.in04 .box .sum ul li span{ display:block; margin-left:130px; color:#666; }
.popup .popupin.in04 .box .sum ul li span.tit{width:120px; text-align:center; padding:0; color:#666; font-size:13px; height:30px; line-height:30px; position:absolute; top:50%; left:5px; margin:0px; transform:translateY(-50%); }
.popup .popupin.in04 .box .sum ul li span em{line-height:40px; font-size:17px; color:#308dea; font-weight:700; font-style: initial;}
.popup .popupin.in04 .box .sum ul li span input{height:30px; width:190px; border:0px; background-color:#666; font-size:15px; padding:0 0 0 10px; color:#fff; border-radius:3px; }
.popup .popupin.in04 .box .sum ul li span font { font-size:13px; display:inline-block; height:30px; line-height:30px; padding:0 15px; }
.popup .popupin.in04 .box .sum ul li.buttons span div{ display:grid; grid-template-columns:repeat(8, 1fr); column-gap:1px; row-gap:1px; }
.popup .popupin.in04 .box .sum ul li.buttons span div button{ border:0px; background:#09F; color:#fff; font-size:12px; border-radius:3px; height:30px; }
.popup .popupin.in04 .box .sum ul li.buttons span div button.reset{ background:#999999; color:#fff;}
.popup .popupin.in04 .box .sum ul li.last_btn{text-align:center; padding:20px 0; background-color:transparent; }
.popup .popupin.in04 .box .sum ul li.last_btn button{display:inline-block; color:#fff; background-image: linear-gradient(to bottom, #333, #000); height:50px; width:200px; font-size:16px; border-radius:10px; border:0;}

.popup .popupin.in05{}
.popup .popupin.in05 p span{display:inline-block; margin-left:5px; padding-left:5px; color:#aaadb8; font-weight:300; font-size:15px; height:20px; line-height:20px;}
.popup .popupin.in05 .box{width:calc(100% - 54px); margin:21px 27px 0 27px;}
.popup .popupin.in05 .box ul{max-height:435px; overflow-y:scroll; min-height:16px;}
.popup .popupin.in05 .box ul::-webkit-scrollbar { width:5px; /*스크롤바의 너비*/ }
.popup .popupin.in05 .box ul::-webkit-scrollbar-thumb { background-color:#ccc; /*스크롤바의 색상*/ }
.popup .popupin.in05 .box ul::-webkit-scrollbar-track { background-color:#fff; /*스크롤바 트랙 색상*/ }
.popup .popupin.in05 .box ul li { display:flex; border-bottom:1px solid #eee; }
.popup .popupin.in05 .box ul li:after{content:""; display:block; clear:both;}
.popup .popupin.in05 .box ul li span{ text-align:center; line-height:45px; font-size:13px; color:#666; }
.popup .popupin.in05 .box ul li span.time{width:30%;}	
.popup .popupin.in05 .box ul li span.position{width:30%;}
.popup .popupin.in05 .box ul li span.price{width:20%;}
.popup .popupin.in05 .box ul li span.result{width:20%}
.popup .popupin.in05 .box ul li span.result b{display:inline-block; padding:2px 0; width:80px; border-radius:10px; line-height:20px;}
.popup .popupin.in05 .box ul li span.result b.buys { display:inline-block; height:25px; line-height:23px; padding:0 10px; border-radius:25px; background:url(/img/back/blue.png) repeat-x center / auto 100%; color:#fff; }
.popup .popupin.in05 .box ul li span.result b.sells { display:inline-block; height:25px; line-height:23px; padding:0 10px; border-radius:25px; background:url(/img/back/red.png) repeat-x center / auto 100%; color:#fff; }
.popup .popupin.in05 .box ul.tit{ background-color:#f6f6f6; color:#666; }
.popup .popupin.in05 .box ul.tit li span{font-weight:700; padding:5px 0; }

.popup .popupin.in06{}
.popup .popupin.in06 > .tit > span { font-size:13px; color:#aaadb8; }
.popup .popupin.in06 .assets{position:absolute; right:70px; top:12px; display:none; }
.popup .popupin.in06 .assets:after{content:""; display:block; clear:both;}
.popup .popupin.in06 .assets > div{float:left; background:#f9f9f9; border:1px solid #eee; padding:10px; }
.popup .popupin.in06 .assets > div h3{font-size:14px; font-weight:600; color:#333;}
.popup .popupin.in06 .assets > div .money{margin-top:5px;}
.popup .popupin.in06 .assets > div .money em{color:#308dea; font-size:19px; font-style: initial; font-weight: 700; position:relative; top:-2px;}
.popup .popupin.in06 .assets > div .money span{color:#8f8f9d; font-size:13px; position:relative; top:-2px; font-weight:600;}
.popup .popupin.in06 .assets > div:nth-child(2){margin:0 10px; padding-left:10px; margin-left:10px; }
.popup .popupin.in06 .assets > div:nth-child(2) .btns a:nth-child(3){background:#666666; color:#fff;}
.popup .popupin.in06 .box{width:calc(100% - 54px); margin:21px 27px 0 27px; margin-top:30px; border-top:1px solid rgba(255,255,255,0.1); }
.popup .popupin.in06 .box ul{max-height:435px; overflow-y:scroll; min-height:16px;  }
.popup .popupin.in06 .box ul::-webkit-scrollbar { width:5px; /*스크롤바의 너비*/ }
.popup .popupin.in06 .box ul::-webkit-scrollbar-thumb { background-color:#666; /*스크롤바의 색상*/ }
.popup .popupin.in06 .box ul::-webkit-scrollbar-track { background-color: black; /*스크롤바 트랙 색상*/ }
.popup .popupin.in06 .box ul li { display:flex; }
.popup .popupin.in06 .box ul li:after{content:""; display:block; clear:both;}
.popup .popupin.in06 .box ul li span{ text-align:center; line-height:45px; border-bottom:1px solid #eee; width:17%; color:#666; font-size:13px; }
.popup .popupin.in06 .box ul li span.time{width:23%;}
.popup .popupin.in06 .box ul li span.event{width:23%;}
.popup .popupin.in06 .box ul li span.result{}
.popup .popupin.in06 .box ul li span.price{}
.popup .popupin.in06 .box ul li span.last{width:20%;}
.popup .popupin.in06 .box ul li span .buys, .popup .popupin.in06 .box ul li span .sells { margin-top:10px; font-size:12px; }
.popup .popupin.in06 .box ul li span .buys { display:inline-block; height:25px; line-height:23px; padding:0 10px; border-radius:25px; background:url(/img/back/blue.png) repeat-x center / auto 100%; color:#fff; }
.popup .popupin.in06 .box ul li span .sells { display:inline-block; height:25px; line-height:23px; padding:0 10px; border-radius:25px; background:url(/img/back/red.png) repeat-x center / auto 100%; color:#fff; }
.popup .popupin.in06 .box ul.tit{ background-color:rgba(0,0,0,0.5); }
.popup .popupin.in06 .box ul.tit li span{font-weight:700;}
.popup .popupin.in06 .btns{margin:48px 0 20px 0; text-align:center;}
.popup .popupin.in06 .btns a{display:inline-block; width:120px; line-height:44px; background:#edf1f7; color:#666666; font-size:16px; border-radius:6px;}
.popup .popupin.in06 .btns a.on{color:#fff; background:#308dea; margin-right:10px;}

.popup .popupin.in07{}
.popup .popupin.in07 .box{width:calc(100% - 54px); margin:21px 27px 0 27px; border-top:2px solid #333; max-height:500px; }
.popup .popupin.in07 .box.list{}
.popup .popupin.in07 .box.list ul{max-height:435px; overflow-y:scroll; min-height:16px; border-top:1px solid rgba(255,255,255,0.1); }
.popup .popupin.in07 .box.list ul::-webkit-scrollbar { width:5px; /*스크롤바의 너비*/ }
.popup .popupin.in07 .box.list ul::-webkit-scrollbar-thumb { background-color:#666; /*스크롤바의 색상*/ }
.popup .popupin.in07 .box.list ul::-webkit-scrollbar-track { background-color:#fff; /*스크롤바 트랙 색상*/ }
.popup .popupin.in07 .box.list ul li { display:flex; font-size:13px; color:#aaadb8;  border-bottom:1px solid rgba(255,255,255,0.1); }
.popup .popupin.in07 .box.list ul li:after{content:""; display:block; clear:both;}
.popup .popupin.in07 .box.list ul li span{ text-align:center; line-height:45px; }
.popup .popupin.in07 .box.list ul li span.name{width:80%; padding-left:20px; text-align:left;}	
.popup .popupin.in07 .box.list ul li span.state{width:20%;}
.popup .popupin.in07 .box.list ul li span.state b{background:#eee; color:#999; display:inline-block; padding:2px 0; width:80px; border-radius:10px; line-height:20px; font-weight:500;}
.popup .popupin.in07 .box.list ul li span.state b.on{background:#fff; border:1px solid #4c93f3;  color:#4c93f3;}
.popup .popupin.in07 .box.list ul.tit{ background-color:#f6f6f6; border:0px; color:#666; }
.popup .popupin.in07 .box.list ul.tit li span{font-weight:700;}
.popup .popupin.in07 .box.answer{display:none; overflow-y:none;}
.popup .popupin.in07 .box.answer .boxin{max-height:400px; overflow-y:scroll;}
.popup .popupin.in07 .box.answer .boxin::-webkit-scrollbar { width:5px; /*스크롤바의 너비*/ }
.popup .popupin.in07 .box.answer .boxin::-webkit-scrollbar-thumb { background-color:#666; /*스크롤바의 색상*/ }
.popup .popupin.in07 .box.answer .boxin::-webkit-scrollbar-track { background-color: black; /*스크롤바 트랙 색상*/ }
.popup .popupin.in07 .box.answer .boxin p{font-size:20px; padding-left:10px; line-height:2.2; font-weight: 500; border-bottom: 1px solid #cdcdcd;}
.popup .popupin.in07 .box.answer .boxin > div{padding:10px; font-size: 16px; line-height: 1.6;}
.popup .popupin.in07 .box.answer .boxin .text{margin-bottom:15px; }
.popup .popupin.in07 .box.answer .boxin .re{padding:21px 37px 30px 37px; background:#f2f5f7;}
.popup .popupin.in07 .box.answer .boxin .re b{display:block; border-bottom:1px solid #cdcdcd; padding-bottom:5px; margin-bottom:5px;}
.popup .popupin.in07 .last_btn{display:block; text-align:center;  padding:24px 0 0 0;}
.popup .popupin.in07 .last_btn a{display:inline-block; color:#fff; background:#308dea; margin-right:10px; width:156px; line-height:44px; font-size:16px; border-radius:6px; border:0;}

.popup .popupin.in08{}
.popup .popupin.in08 > .tit { height:auto; overflow:hidden; color:#aaadb8; }
.popup .popupin.in08 > .tit span{ font-weight:300; font-size:13px; height:20px; line-height:20px; margin-top:5px;}
.popup .popupin.in08 .txtbox { padding:20px; border-radius:7px; background-color:#f6f6f6; margin:37px 37px 0; font-size:14px; color:#666; }
.popup .popupin.in08 .txtbox span { display:block; line-height:18px; }
.popup .popupin.in08 .box{width:calc(100% - 54px); margin:21px 37px 0 37px; }
.popup .popupin.in08 .box.list{}
.popup .popupin.in08 .box.list ul{ overflow-y:scroll; min-height:50px; border-top:1px solid rgba(255,255,255,0.1); }
.popup .popupin.in08 .box.list ul::-webkit-scrollbar { width:5px; /*스크롤바의 너비*/ }
.popup .popupin.in08 .box.list ul::-webkit-scrollbar-thumb { background-color:#666; /*스크롤바의 색상*/ }
.popup .popupin.in08 .box.list ul::-webkit-scrollbar-track { background-color: black; /*스크롤바 트랙 색상*/ }
.popup .popupin.in08 .box.list ul li { display:flex;  color:#aaadb8; height:45px; line-height:45px; border-bottom:1px solid rgba(255,255,255,0.1); }
.popup .popupin.in08 .box.list ul li:after{content:""; display:block; clear:both;}
.popup .popupin.in08 .box.list ul li a { display:block; }
.popup .popupin.in08 .box.list ul li a:first-child { width:calc(100% - 50px); }
.popup .popupin.in08 .box.list ul li a:nth-child(2) { width:calc(100% - 50px); }
.popup .popupin.in08 .box.list ul li a:last-child { width:100px; }
.popup .popupin.in08 .box.list ul li span{ text-align:center; color:#aaadb8; font-size:12px; }
.popup .popupin.in08 .box.list ul li span.name{padding-left:10px; width:70%; text-align:left;}
.popup .popupin.in08 .box.list ul li span.state{width:10%;}
.popup .popupin.in08 .box.list ul li span.state b{background:#eee; color:#999; display:inline-block; padding:2px 0; width:80px; border-radius:10px; line-height:20px; font-weight:500;}
.popup .popupin.in08 .box.list ul li span.state b.on{background:#fff; border:1px solid #4c93f3;  color:#4c93f3;}
.popup .popupin.in08 .box.list ul li span.time{width:20%;}
.popup .popupin.in08 .box.list .empty_li { line-height:100px; color:#aaadb8; text-align:center; font-size:14px; }
.popup .popupin.in08 .box.write{display:none;}
.popup .popupin.in08 .box.write .tit{padding:0 15px; background:#f6f6f6;}
.popup .popupin.in08 .box.write .tit:after{content:""; display:block; clear:both;}
.popup .popupin.in08 .box.write .tit input{width:80%; height:50px; border:0; background:#666; color:#fff; }
.popup .popupin.in08 .box.write .tit input:focus {outline:none;}
.popup .popupin.in08 .box.write .tit span{float:right; line-height:50px;}
.popup .popupin.in08 .box.write .textarea{margin:10px 0;}
.popup .popupin.in08 .box.write .textarea li{}
.popup .popupin.in08 .box.write .textarea li:first-child{margin-bottom:5px;}
.popup .popupin.in08 .box.write .textarea li:after{content:""; display:block; clear:both;}
.popup .popupin.in08 .box.write .textarea li span{float:left; width:calc(100% - 120.05px)}
.popup .popupin.in08 .box.write .textarea li span textarea{width:96%; margin:10px 2%; resize:none; font-size: 14px; box-sizing: border-box; background: #fff; line-height: 22px; padding: 8px 10px;  height: 160px; border: 1px solid rgba(0, 0, 0, .1);}
.popup .popupin.in08 .box.write .textarea li span.tit{width:120px; text-align:center; background:#e7e7e7; line-height:200px;}
.popup .popupin.in08 .btns{display:block; text-align:center; padding:40px 0 0 0; border-top:1px solid #eee;}
.popup .popupin.in08 .btns a{display:inline-block; color:#fff; background:#308dea; margin-right:10px; width:156px; line-height:44px; font-size:16px; border-radius:6px; border:0;}
.popup .popupin.in08 .btns button{display:inline-block; color:#fff; background:#000; margin-right:10px; width:156px; line-height:44px; font-size:16px; border-radius:6px; border:0;}
.popup .popupin.in08 .btns a:last-child{margin-right:0;}

.popup .popupin.in09{text-align:center; width:720px; padding-bottom:75px;}
.popup .popupin.in09 > img{padding:24px 0 40px 0; height:130px;}
.popup .popupin.in09 .text p{font-size:20px; font-weight:300; color:#999;}
.popup .popupin.in09 .text span{font-size:24px; line-height:1.3; margin:0 0 30px 0; display:block; color:#333; font-weight:600;}
.popup .popupin.in09 .btns{margin:48px 0 20px 0;}
.popup .popupin.in09 .btns a{display:inline-block; width:120px; line-height:44px; background:#edf1f7; color:#666666; font-size:16px; border-radius:6px;}
.popup .popupin.in09 .btns a.on{color:#fff; background:#308dea; margin-right:10px;}


.popup .popupin.in11 .assets{position:absolute; right:70px; top:12px; display:none; }
.popup .popupin.in11 .assets:after{content:""; display:block; clear:both;}
.popup .popupin.in11 .assets > div{float:left; background:#f9f9f9; border:1px solid #eee; padding:10px; }
.popup .popupin.in11 .assets > div h3{font-size:14px; font-weight:600; color:#333;}
.popup .popupin.in11 .assets > div .money{margin-top:5px; }
.popup .popupin.in11 .assets > div .money em{color:#308dea; font-size:19px; font-style: initial; font-weight: 700; position:relative; top:-2px;}
.popup .popupin.in11 .assets > div .money span{color:#8f8f9d; font-size:13px; position:relative; top:-2px; font-weight:600;}
.popup .popupin.in11 .assets > div:nth-child(2){margin:0 10px; padding-left:10px; margin-left:10px; }
.popup .popupin.in11 .assets > div:nth-child(2) .btns a:nth-child(3){background:#666666; color:#fff;}
.popup .popupin.in11 .box{width:calc(100% - 14px); margin:21px 7px 0 7px; margin-top:30px;}
.popup .popupin.in11 .box ul{max-height:435px; overflow-y:scroll; min-height:16px; }
.popup .popupin.in11 .box ul::-webkit-scrollbar { width:5px; /*스크롤바의 너비*/ }
.popup .popupin.in11 .box ul::-webkit-scrollbar-thumb { background-color:#666; /*스크롤바의 색상*/ }
.popup .popupin.in11 .box ul::-webkit-scrollbar-track { background-color: black; /*스크롤바 트랙 색상*/ }
.popup .popupin.in11 .box ul li { display:flex;color:#aaadb8; padding:5px 0; }
.popup .popupin.in11 .box ul li:after{content:""; display:block; clear:both;}
.popup .popupin.in11 .box ul li div { text-align:center; line-height:30px; width:17%; color:#aaadb8; font-size:13px; }
.popup .popupin.in11 .box ul li .time{width:23%;}
.popup .popupin.in11 .box ul li .event{width:23%;}
.popup .popupin.in11 .box ul li .result{}
.popup .popupin.in11 .box ul li .price{}
.popup .popupin.in11 .box ul li .last{width:20%;}
.popup .popupin.in11 .box ul li .blue { display:inline-block; margin-top:5px; height:25px; line-height:23px; padding:0 10px; border-radius:25px; background:url(/img/back/blue.png) repeat-x center / auto 100%; color:#fff; }
.popup .popupin.in11 .box ul li .red { display:inline-block; margin-top:5px; height:25px; line-height:23px; padding:0 10px; border-radius:25px; background:url(/img/back/red.png) repeat-x center / auto 100%; color:#fff; }
.popup .popupin.in11 .box ul.tit{border-top:2px solid #333; background:#f3f3f3;}
.popup .popupin.in11 .box ul.tit li span{font-weight:700;}
.popup .popupin.in11 .btns{margin:48px 0 20px 0; text-align:center;}
.popup .popupin.in11 .btns a{display:inline-block; width:120px; line-height:44px; background:#edf1f7; color:#666666; font-size:16px; border-radius:6px;}
.popup .popupin.in11 .btns a.on{color:#fff; background:#308dea; margin-right:10px;}


.popup .popupin.main_popup{width:720px; padding-bottom:75px; padding: 60px 70px; text-align:Center;}
.popup .popupin.main_popup p{font-size: 28px; line-height: 38px; letter-spacing: -.029em; margin-bottom: 30px; min-height: 28px; font-weight:700; text-align:left;}
.popup .popupin.main_popup .box{text-align:left;}
.popup .popupin.main_popup .box .tit{font-size:20px; padding:0 0 0 10px; margin-bottom:15px; display:block; border-left:5px solid #308dea;}
.popup .popupin.main_popup .box ul.text{height:150px; overflow-y: scroll; text-indent: 0; padding-left: 0; font-size: 14px; line-height: 22px; letter-spacing: -.3px; color: #757575; padding-right: 20px; border:1px solid #eee; padding:15px;}
.popup .popupin.main_popup .box ul.text li{padding: 32px 0 0 0; font-size: 14px; line-height: 22px; color: #757575; letter-spacing: -.3px;}
.popup .popupin.main_popup .box ul.text li:first-child{padding-top:0;}
.popup .popupin.main_popup .box ul.text li h4{color: #333; padding-left: 0; font-size: 16px; font-weight:700; line-height: 24px; letter-spacing: -.3px; margin-bottom: 5px; display:block;}
.popup .popupin.main_popup .box ul.text li .dan{margin-bottom:5px;}
.popup .popupin.main_popup .box ul.text li h5{color: #666; padding-left: 0; font-size: 14px; font-weight:500; display:block;}
.popup .popupin.main_popup .box.bot{margin-top:30px;}
.popup .popupin.main_popup button{margin-top:40px; display:inline-block; width:120px; height:44px; color:#fff; background:#308dea; border:1px solid #308dea; font-size:16px; border-radius:6px;}

#king{min-width:1200px;}
#king .wrap > div{width:100%; background-position:center center; text-align:center; color:#fff;}
#king .wrap > div .tit{}
#king .wrap div.cont01{background:url(../img/king01_bg.jpg); padding:100px 0 155px 0;}
#king .wrap div.cont01 .tit{margin-bottom:100px;}
#king .wrap div.cont01 .tit img{margin-bottom:35px;}
#king .wrap div.cont01 .tit p{font-size:44px; line-height:1.2; margin-bottom:35px;}
#king .wrap div.cont01 .tit p b{color:#cc497b;}
#king .wrap div.cont01 .tit span{font-size:18px; line-height:1.6;}
#king .wrap div.cont01 .tit span b{color:#7e86b8; font-weight:500;}
#king .wrap div.cont01 .coin_list{width:100%; max-width:1200px; display:inline-block;}
#king .wrap div.cont01 .coin_list:after{content:""; display:block; clear:both;}
#king .wrap div.cont01 .coin_list .coins{float:left; width:calc((100% - 90px) / 4); margin-right:30px; background:#192349; padding:30px 20px 40px 20px; text-align:left;}
#king .wrap div.cont01 .coin_list .coins:last-child{margin-right:0;}
#king .wrap div.cont01 .coin_list .coins .name b{line-height:31px; margin-left:10px; font-size:19px; letter-spacing:-0.05em;}
#king .wrap div.cont01 .coin_list .coins .deposit{margin-top:15px;}
#king .wrap div.cont01 .coin_list .coins .deposit span{display:block; color:#acb6dc; line-height:1.2; font-size:15px;}
#king .wrap div.cont01 .coin_list .coins .list{margin-top:40px;}
#king .wrap div.cont01 .coin_list .coins .list div{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #212d59;}
#king .wrap div.cont01 .coin_list .coins .list div b{font-size:13px; color:#586eb4; display:block;}
#king .wrap div.cont01 .coin_list .coins .list div span{font-size:18px; color:#acb5dc; display:block; margin-top:10px;}
#king .wrap div.cont01 .coin_list .coins .spec{}
#king .wrap div.cont01 .coin_list .coins .spec span{font-size:16px; color:#a9b2d7; line-height:1.5; display:block;}
#king .wrap div.cont01 .coin_list .coins .btn{margin-top:40px;}
#king .wrap div.cont01 .coin_list .coins .btn a{display:block; line-height:39px; padding-left:40px; border-radius:20px; background:#586eb4; margin-bottom:10px; color:#fff; font-size:16px; position:relative;}
#king .wrap div.cont01 .coin_list .coins .btn a:last-child{margin-bottom:0;}
#king .wrap div.cont01 .coin_list .coins .btn a:after{content:""; display:block; position:absolute; right:30px; top:50%; width:10px; height:15px; margin-top:-7.5px; background:url(../img/btn_icon.png);}
#king .wrap div.cont02{background:url(../img/king02_bg.jpg); padding:125px 0 130px 0; text-align:left; background-size:auto 100%;}
#king .wrap div.cont02 .contin{width:100%; max-width:1200px; margin:0 auto;}
#king .wrap div.cont02 .contin .lists{margin-bottom:35px;}
#king .wrap div.cont02 .contin .lists b{color:#cc497b; font-size:21px; margin-bottom:10px; display:inline-block; font-weight:400;}
#king .wrap div.cont02 .contin .lists p{font-size:33px; width:100%; max-width:510px; border-bottom:1px solid #c4d2f0; font-weight:600; padding-bottom:15px;}
#king .wrap div.cont02 .contin .lists span{color:#acb6dc; margin-top:18px; display:block; line-height:1.9;	 font-size:17px; letter-spacing:-0.05em;}
#king .wrap div.cont02 .contin .lists:last-child{margin-bottom:0;}
#king .wrap div.cont03{background:url(../img/king03_bg.jpg); padding:115px 0;}
#king .wrap div.cont03 .contin{width:100%; max-width:1200px; margin:0 auto; background: rgba(255, 255, 255, 0.22); padding:70px 0 65px 0;}
#king .wrap div.cont03 .contin .tit{position:relative; padding-bottom:90px;}
#king .wrap div.cont03 .contin .tit span{display:block; color:#a659c6; padding-top:15px; font-size:20px;}
#king .wrap div.cont03 .contin .tit p{font-size:32px; line-height:1.5; font-weight:600;}
#king .wrap div.cont03 .contin .tit:after{content:""; display:block; position:absolute; left:50%; bottom:45px; width:115px; height:1px; margin-left:-57.5px; background:#5d5f77;}
#king .wrap div.cont03 .contin > span{font-size:18px; line-height:1.9; color:#b0aecc; font-weight:300; letter-spacing:-0.05em;}


.bg01{ background:url(/img/bgs.jpg) no-repeat center / cover; }
.bg01.wrap{position:fixed; width:100%; height:100%;}
.bg01.wrap .box{width:100%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); background:rgba(0,0,0,0.8); padding:51px 70px; text-align:Center; border-radius:10px;}

#reply-section {
	width: 96%;
    margin: 10px 2%;
    resize: none;
    font-size: 14px;
    box-sizing: border-box;
    background: #fff;
    line-height: 22px;
    padding: 8px 10px;
    height: 160px;
    border: 1px solid rgba(0, 0, 0, .1);
	
}


/* join */
.joinSkin { padding:100px 0; }
.joinSkin > h2 { font-size:32px; line-height:52px; font-family: 'Noto Sans KR'; color:#fff; text-align:center; margin:80px 0 5px; }
.joinSkin > div { max-width:600px; margin:auto; background-color:#fff; border-radius:30px; padding:25px; }
.joinSkin > div > ul > li { margin-top:10px; padding:10px 0; position:relative; text-align:left; }
.joinSkin > div > ul > li label { font-size:13px; font-family: 'Noto Sans KR'; color:#666; font-weight:bolder; letter-spacing:0.5px; display:block; padding:5px 0; box-sizing:border-box; }
.joinSkin > div > ul > li p { margin:0px; position:relative; }
.joinSkin > div > ul > li p font { display:block; color:#f00; padding:4px 0 0; }
.joinSkin > div > ul > li p button { height:40px; width:90px; border:0px; background:#000; color:#fff; border-radius:0 15px 0 0; }
.joinSkin > div > ul > li .fullinput { width:100%; height:40px; border:0px; padding:0 10px; box-sizing:border-box; background-color:transparent; background-color:#eee; color:#333; border-radius:0 15px 0 15px; }
.joinSkin > div > ul > li .btninput { width:calc(100% - 100px); height:40px; border:0px; padding:0 10px; box-sizing:border-box; background-color:transparent; background-color:#eee; color:#333; border-radius:0 0 0 15px; }
.joinSkin > div > ul > li select { color:#333; border:0px; width:100%; height:40px; background-color:#eee; color:#333; }
.joinSkin .chktxt { font-size:13px; color:#999; padding:25px 0; }
.joinSkin .btn_confirm { padding:40px 0; text-align:center; }
.joinSkin .btn_confirm #btnFormSubmit { border:0px; background-color:#000; width:100%; height:60px; border-radius:15px 0 15px 0; color:#fff; font-family: 'Noto Sans KR'; font-size:21px; display:block; margin-bottom:5px; }
.joinSkin .btn_confirm a { border:1px solid #999; height:60px; line-height:60px; text-align:center; border-radius:0 15px 0 15px; color:#999; font-family: 'Noto Sans KR'; font-size:21px; display:block; }

/* 로그인 */
.loginSkin { margin:auto; width:500px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background-color:#fff; border-radius:30px 0 30px 0; }
.loginSkin .loginBox { padding:30px; box-sizing:border-box; text-align:left; }
.loginSkin .loginBox h2 { text-align:right; position:relative; }
.loginSkin .loginBox h2 img { height:40px; position:absolute; top:15px; right:0px; }
.loginSkin .loginBox h6 { font-size:42px; font-family: 'Noto Sans KR'; color:#000; text-align:left; }
.loginSkin .loginBox ul { padding:25px 0; }
.loginSkin .loginBox li { margin:10px 0 0 0; padding:10px 0; }
.loginSkin .loginBox li label { font-size:15px; font-family: 'Noto Sans KR'; color:#ccc; display:block; padding:0 0 8px; box-sizing:border-box; }
.loginSkin .loginBox li p { margin:0px; }
.loginSkin .loginBox li input[type="text"],
.loginSkin .loginBox li input[type="password"] { width:calc(100% - 10px); height:40px; border:0px; padding:0; box-sizing:border-box; background-color:#eee; color:#333; }
.loginSkin .loginBox button { border:0px; background-color:#000; width:100%; height:60px; border-radius:15px 0 15px 0; color:#fff; font-family: 'Noto Sans KR'; font-size:21px; margin:10px 0; }


#api{min-width:1px;}
#api .wrap{width:100%; background-color: #2E3336;}
#api .wrap:after{content:""; display:block; clear:both; }
#api .wrap .left{width:250px; background:#3b3c4e; position:fixed; height:100%; top:0; left:0; text-align:center; overflow-y: scroll; padding-bottom:60px; z-index:1;}
#api .wrap .left .logo{padding:24px 0;}
#api .wrap .left ul{float:left; text-align:left; width:100%;}
#api .wrap .left ul li{display:block; width:100%;}
#api .wrap .left ul li a{padding-left:20px; color:#fff; display:block; width:100%; line-height:38px;}
#api .wrap .left ul li .dan2{background:#302f38; display:none;}
#api .wrap .left ul li.on > a{background:#7a6cc4; line-height:45px;}
#api .wrap .right{width:calc((100% - 250px) / 2); margin-left:250px; background-color: #f3f7f9; font-size:14px; padding-bottom:50px;}
#api .wrap .right > div{}
#api .wrap .right > div h2{font-size: 25px; line-height:52px; margin-bottom: 21px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #fdfdfd; color:#000000;  padding-left:18px; margin-top: 2em;}
#api .wrap .right > div:first-child h2{margin-top:0;}
#api .wrap .right > div > div{border-bottom: 1px solid #ccc; padding-bottom:75px; position:relative;}
#api .wrap .right > div > div:last-child{padding-bottom:0; border-bottom:0;}
#api .wrap .right > div > div b{background-color: rgba(0,0,0,0.05); display:inline-block; padding:0 3px; border-radius: 3px; white-space: nowrap; font-weight:400; line-height:1.4; font-size:12px; color:#333;}
#api .wrap .right > div > div font{color:#666666; display:block; line-height: 1.6; margin-bottom:14px; padding:0 28px 0 18px;}
#api .wrap .right > div > div h3{font-size: 19px; padding:1.2em 28px 1.2em 18px;}
#api .wrap .right > div > div table{margin-left:18px; background:#fdfdfd; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-collapse: collapse}
#api .wrap .right > div > div table tr td{min-height:40px; padding:10px 25px; line-height:1.8; font-size:14px;}
#api .wrap .right > div > div table tr:nth-child(2n) td{background-color: #fbfcfd;}
#api .wrap .right > div > div table.type01{border-top:0;}
#api .wrap .right > div > div table.type01 th{background-color: #f3f7f9; height:32px; border-bottom: 1px solid #ccc;}
#api .wrap .right > div > div span.warning{padding:24px 47px; display:block; margin-top:31px; background:#d9daf9;}
#api .wrap .right > div > div span.warning:after{content:""; display:block; clear:both;}
#api .wrap .right > div > div span.warning img{float:left; position:relative; top:1px;}
#api .wrap .right > div > div span.warning i{float: right; display: block; line-height:20px; font-style: initial; width: calc(100% - 28px); color:#666666; font-size:13px;}
#api .wrap .right > div > div ul{padding:0 28px 0 18px; margin:14px 0; }
#api .wrap .right > div > div ul li{padding-left:18px; line-height:22px; color: #333; position:relative;}
#api .wrap .right > div > div ul li::after{content:""; display:block; clear:both; position:absolute; width:4px; height:4px; background:#333; border-radius:4px; top:9px; left:0;}
#api .wrap .right > div > div span.bold{font-size: 15px; margin-top: 2.5em; margin-bottom: 0.8em; display:block; padding:0 28px 0 18px; font-weight: bold;}
#api .wrap .right > div > div .code{position:absolute; bottom:0; right:-100%; width:100%; background-color: #1E2224;  color:#fff; font-size: 12px; line-height:1.7;}
#api .wrap .right > div > div .code p{background-color: #191D1F; padding: 13px 2em; color: #eee; font-size:14px;} 
#api .wrap .right > div > div .code code{padding:24px 28px; display: block;}
#api .wrap .right > div > div .code code div span{font-size: 12px; line-height:1.7; word-break: break-all; display:inline-block;}
#api .wrap .right > div > div .code code div.jul2{padding-left:10px;}
#api .wrap .right > div > div .code code div.jul3{padding-left:20px;}
#api .wrap .right > div > div .code .s2{color: #e6db74;}
#api .wrap .right > div > div .code .w{color: #ffffff;}
#api .wrap .right > div > div .code .mi{color: #ae81ff;}
#api .wrap .right > div > div .code .kc {color: #66d9ef;}

#loading .wrap{text-align:center; padding-top:50px; border:3px solid #f00;}
#loading .wrap .icon{text-align:center; position:absolute; width:100%; left:0; top:50%; transform: translate(0%, -50%);}
#loading .wrap .icon img{animation-name: spin; animation-duration:3s; animation-iteration-count:infinite; transition: all 1s;}

#loading .wrap .icon span{display:block; font-size:32px; color:#fff; margin-top:22px;}



.ft_copy { text-align:left; background-color:#f6f6f6; }
.ft_copy .ft_link { position:relative; padding:0; text-align:center; border-bottom:1px solid #ddd; }
.ft_copy .ft_link > div { width:1200px; margin:auto; display:flex; }
.ft_copy .ft_link a { display:block; width:14.28%; height:50px; line-height:50px; color:#666; position:relative; }
.ft_copy .ft_link span { display:inline-block; vertical-align:top; width:210px; }
.ft_copy .ft_info { position:relative; padding:50px 0; color:#fff; }
.ft_copy .ft_info > div { width:1200px; margin:auto; display:flex; }
.ft_copy .ft_info h6 { width:150px; margin-right:50px; }
.ft_copy .ft_info h6 img { max-width:100%; }
.ft_copy .ft_info p { width:calc(100% - 150px); color:#666; line-height:21px; font-size:15px; font-weight:normal; padding:10px 0; }
.ft_copy .ft_info span { display:inline-block; padding:5px 0; color:#999; margin-right:10px; }
.ft_copy .ft_info span font { color:#666; }
.ft_copy .ft_texts { background-color:#000; }
.ft_copy .ft_texts > div { width:1200px; margin:auto; padding:50px 0; color:#999; line-height:24px; }
.ft_copy .ft_texts > div font { display:block; margin-top:25px; }


@media screen and (min-width: 911px) {
.loginSkin .loginTit > span { position:absolute; display:inline-block; top:50%; left:50%; transform:translate(-50%,-50%); }
	
/* 아이콘메뉴 */
header{position:fixed; right:0px; top:0px; width:500px; background:#111; z-index:1011; }
header h1{text-indent:-100000px; width:100%; height:60px; background:url(../img/logo.png) no-repeat center / 50% auto; border-bottom:1px solid #252d43; }
header nav{ display:grid; grid-template-columns:repeat(7, 1fr); column-gap:1px; row-gap:1px; }
header nav > a{color:#e8f4ff; display:block; text-align:center; font-size:12px; padding:8px 0; filter:brightness(50%); border-left:1px solid rgba(255,255,255,0.1); box-sizing:border-box; }
header nav > a:first-child { border-top:1px solid rgba(255,255,255,0.1); }
header nav > a span { width:18px; height:14px; display:block; margin:0 auto 7px; }
header nav > a #ic01 { background:url(../img/icon/tic01.png) no-repeat center / 100% auto; }
header nav > a #ic02 { background:url(../img/icon/tic02.png) no-repeat center / 100% auto; }
header nav > a #ic03 { background:url(../img/icon/tic03.png) no-repeat center / 100% auto; }
header nav > a #ic04 { background:url(../img/icon/tic04.png) no-repeat center / 100% auto; }
header nav > a #ic05 { background:url(../img/icon/tic05.png) no-repeat center / 100% auto; }
header nav > a #ic06 { background:url(../img/icon/tic06.png) no-repeat center / 100% auto; }
header nav > a #ic07 { background:url(../img/icon/tic07.png) no-repeat center / 100% auto; }
header nav > a #ic08 { background:url(../img/icon/tic08.png) no-repeat center / 100% auto; }
header nav > a.on{ filter:brightness(100%); background-color:#06F; }
header nav > a:hover{ filter:brightness(100%); background-color:#06F; }

.trade_wrap{width:100%; height:100%; background-color:#000; }
.trade_wrap .top{background:#131722; padding:10px; height:82px; box-sizing:border-box; }
.trade_wrap .top:after{content:""; display:block; clear:both;}


.trade_wrap .topinfo { position:fixed; top:0px; left:0px; width:calc(100% - 200px); text-align:center; z-index:1002; height:50px; display:flex; background-color:#111; padding-left:210px; }
.trade_wrap .topinfo .row{ overflow:hidden; padding:5px 10px; margin:0 0 0 5px; box-sizing:border-box; }
.trade_wrap .topinfo .row h6 { color:#ccc; font-size:11px; font-weight:normal; padding:2px 0 0; }
.trade_wrap .topinfo .row.deals { }
.trade_wrap .topinfo .row.deals div { margin-top:12px; }
.trade_wrap .topinfo .row.deals font { font-size:18px; color:#fff; font-family:'GS_M'; }
.trade_wrap .topinfo .row.deals span { color:#666; font-size:11px; }
.trade_wrap .topinfo .row.types { }
.trade_wrap .topinfo .row.types p { margin-top:5px; height:30px; line-height:30px; }
.trade_wrap .topinfo .row.types font { font-size:18px; color:#fff; font-family:'GS_M'; }
.trade_wrap .topinfo .row.types span { color:#666; font-size:11px; }
.trade_wrap .topinfo .row.next { }
.trade_wrap .topinfo .row.next h6 { display:none; }
.trade_wrap .topinfo .row.next p { margin-right:5px; display:inline-block; padding:7px 0 0; }
.trade_wrap .topinfo .row.next p font { display:inline-block; color:#666; font-size:11px; padding:0 5px; }
.trade_wrap .topinfo .row.next p span { display:inline-block; color:#fff; font-size:15px; border-radius:2px; padding:5px; text-align:center; }
.trade_wrap .topinfo .row.next p:last-child span { color:#f00; }


/* 거래 종류 */
.trade_wrap .tops { position:fixed; top:5px; left:5px; overflow: hidden; z-index:1002; width:205px; background-color:#111; }
.trade_wrap .tops .btnboxs { text-align:center; padding:0px; box-sizing:border-box; margin-bottom:5px; height:47px; background:url(/img/wlogo.png) no-repeat center / auto 80%; border-bottom:2px solid #000; }
.trade_wrap .tops h5 { height:30px; font-size:16px; color:#fff; padding:0 20px; margin-top:20px; }
.trade_wrap .tops .deals{ display:grid; grid-template-columns:repeat(1, 1fr); column-gap:1px; row-gap:1px; box-shadow:0 0 10px rgba(0,0,0,0.5); border-radius:2px; border:1px solid #333; background-color:#111; }
.trade_wrap .tops .deals:after{content:""; display:block; clear:both;}
.trade_wrap .tops .deals li{ border-bottom:1px solid #222; box-shadow:0 0 10px rgba(0,0,0,0.1); height:40px; }
.trade_wrap .tops .deals li a{display:block; text-align:center; color:#fff; padding:10px 2px 10px 20px; position:relative; }
.trade_wrap .tops .deals li a img { position:absolute; top:50%; left:8px; transform:translateY(-50%); width:15px; }
.trade_wrap .tops .deals li a span{display:block; text-align:left; font-size:15px; margin:0 0 2px 15px; }
.trade_wrap .tops .deals li a span font{display:inline-block; font-size:13px; }
.trade_wrap .tops .deals li a span font:nth-child(2){color:#999999; font-size:11px;}
.trade_wrap .tops .deals li.on{background:#2766bc;}
.trade_wrap .tops .deals li.on a span font:nth-child(2){color:#8fc1f4;}
.trade_wrap .tops .logoutbtn { box-sizing:border-box; position:absolute; bottom:10px; left:10px; width:calc(100% - 20px); display:none; }
.trade_wrap .tops .logoutbtn a{display:inline-block; text-align:center; color:#999; position:relative; width:100%; height:40px; line-height:40px; border-radius:5px; border:1px solid rgba(255,255,255,0.3); }

/* 거래 그래프 */
.trade_wrap .left{ position:fixed; top:52px; right:5px; height:calc(100% - 60px); width:calc(100% - 220px); overflow: hidden; z-index:1001; }
.trade_wrap .left .graph{height:100%;  }
.trade_wrap .left .graph:after{content:""; display:block; clear:both;}
.trade_wrap .left .graph > div{width:100%; height:100%; float:left;}
.trade_wrap .left .graph > div.graph01{background:#1e2535;}
.trade_wrap .left .graph > div.graph02{background:#425173;}
.trade_wrap .left .graph > div.graph03{background:#080f1e;}
.trade_wrap .left .graph > div.graph04{background:#284975;}
.trade_wrap .left .graph > div.full{width:100%; height:100%;}
.trade_wrap .left .graph > div > div{height: 50% !important; position: absolute; top:0; left: 0; width: 100%;}
.trade_wrap .left .graph > div > div:nth-child(2){top:50%;}
.trade_wrap .left .graph1 > div{width:100%; height:100% !important; position:absolute; left:0;}
.trade_wrap .left .graph1 > div:nth-child(1){top:0;}
.trade_wrap .left .graph1 > div:nth-child(2){top:50%;}
.trade_wrap .left .graph1 > div > div{height:100%;}
.trade_wrap .left .graph1 > div > div > div{height:100% !important;}
.trade_wrap .left .graph1 > div > div > div > div{height:calc(100% - 5px) !important;}
.trade_wrap .left .graph1 > div.full{height:100% !important;}
	
.trade_wrap .reset{position:absolute; right:35px; bottom:45px;}
.trade_wrap .reset span{background:url(../img/reset_bg.png); width:351px; height:43px; line-height:43px; display:inline-block; padding-left:40px; color:#fff; font-size:15px; margin-top:17.5px;}

/* 거래 입력창 */
.trade_wrap .right{ width:205px; height:calc(100% - 440px); position:fixed; bottom:5px; left:5px; z-index:1002; }
.trade_wrap .right > div { position:relative; margin:0; background-color:#222; padding:10px; }
.trade_wrap .right > div > h6 { font-size:12px; color:#666; margin-bottom:7px; text-align:left; }
.trade_wrap .right > div > p {}
.trade_wrap .right .row.sum { text-align:center; background-color:#111; border-top:1px solid #333; border-radius:2px; margin-bottom:2px; overflow:hidden; }
.trade_wrap .right .row.sum span { display:block; }
.trade_wrap .right .row.sum .pays{ width:calc(100% - 92px); position:relative; float:left; }
.trade_wrap .right .row.sum input[type="text"] { width:100%; height:30px; border-radius:2px; background-color:#666; border:0px; color:#fff; padding:10px;  }
.trade_wrap .right .row.sum .btns{ width:88px; position:relative; float:right; }
.trade_wrap .right .row.sum .btns button{width:40px; height:30px; background:#900; border:0; font-size:11px; color:#fff; border-radius:3px; }
.trade_wrap .right .row.sum .btns button:last-child{ background:#666; color:#fff; }
.trade_wrap .right .row.profit{ display:flex; background-color:#111; border-top:1px solid #333; border-radius:2px; margin-bottom:3px; clear:both; }
.trade_wrap .right .row.profit h6 { width:50px; }
.trade_wrap .right .row.profit .percent{ width:calc(100% - 50px); display:block; text-align:right; overflow:hidden; }
.trade_wrap .right .row.profit .percent b{font-size:16px; font-weight:600;}
.trade_wrap .right .row.profit .percent em{font-style: initial; font-size:21px; font-weight:600;}
.trade_wrap .right .row.profit .percent b:last-child{font-size:22px; font-weight:400;}
.trade_wrap .right .row.profit .percent.up b,
.trade_wrap .right .row.profit .percent.up em{ color:#FC0; }
.trade_wrap .right .row.profit .percent.down b,
.trade_wrap .right .row.profit .percent.down em{color:#09F;}
.trade_wrap .right .row.profit .total{border-top:1px solid #434454;  }
.trade_wrap .right .row.profit .total img{margin-top:13.5px;}
.trade_wrap .right .row.profit .total font{color:#de3232; font-size:18px; line-height:43px;}
.trade_wrap .right .row.profit .total.up font{color:#26a69a}
.trade_wrap .right .row.profit .total.down font{color:#de3232;}
.trade_wrap .right .row.btn_box{ background:none; text-align:center; padding:0px; margin:0; }
.trade_wrap .right .row.btn_box button{ width:calc(50% - 4px); text-align:center; color:#fff; border:0; border-radius:3px; overflow:hidden; font-size:15px; padding:10px 0; margin:4px 0; }
.trade_wrap .right .row.btn_box button img { height:15px; margin-right:10px; display:none; }
.trade_wrap .right .row.btn_box button:nth-child(1){ background-color:#089981; }
.trade_wrap .right .row.btn_box button:nth-child(2){ background-color:#f00; }
.trade_wrap .right .row.btn_box button:nth-child(3){ background:url(/img/back/skyblue.png) repeat-x center / auto 100%; }
	
}

@media screen and (max-width: 910px) {
body{width:100%; height:100%; }


#main .header{ padding:0px; height:55px; }
#main .header h1{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:inline-block; }
#main .header h1 a{width:100px;height:40px; background-size:auto 100%;}
#main .header h2 { background-color:rgba(0,0,0,0.2); color:#fff; height:50px; line-height:50px; text-align:center; display:block; margin:0px; }
#main .header button { display:block; position:absolute;top:7px;left:10px;padding:0;height:40px;width:40px;border:0; color:#fff;background:none;font-size:24px; font-weight:lighter; float:right; }
#main .header .web{ display:inline-block; position:absolute; top:50%; transform:translateY(-50%); overflow:hidden; right:0px; }
#main .header .web > div { text-align:right; padding:0; margin:0px; display:inline-block; }
#main .header .web a{ width:auto; padding:0 10px; font-size:12px; display:inline-block; text-align:center; vertical-align:middle; color:#fff; height:55px; line-height:53px; }
#main .header .web .lxbtn { border-left:1px solid rgba(255,255,255,0.3); }
#main .header .web .lxbtn2 { border-left:1px solid rgba(255,255,255,0.3); }
#main .header .right{ position:fixed; top:0px; left:0px; width:70%; height:100%; background-color:#fff; display:none; padding:0px; margin:0px; }
#main .header .right h2 { background:url(/img/logo.png) no-repeat center / auto 80%; font-size:0px; color:#fff; height:60px; border-bottom:2px solid #111; }
#main .header .right > .nav{ clear:both; width:100%; margin:0px; }
#main .header .right > .nav > li { clear:both; border-bottom:1px solid #eee; width:100%; position:relative; }
#main .header .right > .nav > li > a{ font-size:14px; line-height:50px; height:50px; font-weight:700; color:#333; clear:both; padding:0 15px 0 30px; display:block; text-align:left; }
#main .header .right > .nav > li > a:after{ visibility:visible; content:""; display:block; position:absolute; background:url(/img/button_page_next.png) no-repeat center left; width:10px; height:50px; top:50%; left:10px; transform:translateY(-50%); }
#main .header .right > .nav > li { clear:both; border-bottom:1px solid #eee; width:100%; position:relative; }
#main .header .right > .nav > li > a:hover { color:#fff; }
#main .header .right > div.web{ clear:both; width:100%; position:absolute; left:0px; bottom:0px; text-align:center; }
#main .header .right > div.web a{ background:#070515; color:#666; font-size:12px; width:50%; margin:0px; border-radius:0px; }
#main .header .right > div.web a:nth-child(2){background:#004098; color:#fff; }
#main .header .right > div.web a:nth-child(3){ background:#308dea; color:#fff; }
#main .header .right > div.web a:nth-child(4){margin-right:0;}
#main .header .right > ul > li ul{ position:relative; width:100%; text-align:center; z-index: 10; background:#f6f6f6; display:none; top:0px; left:0px; margin:0px; padding:0px; }
#main .header .right > ul > li ul li { border-top:1px solid #ddd; }
#main .header .right > ul > li ul li a{line-height:3; font-size:14px; font-weight:700;}
#main .header #nav_mback { position:fixed; top:0px; right:0px; width:30%; height:100%; background-color:rgba(0,0,0,0.7); display:none; }


.ft_copy { text-align:left; background-color:#f6f6f6; }
.ft_copy .ft_link { position:relative; padding:0; text-align:center; border-bottom:1px solid #ddd; }
.ft_copy .ft_link > div { width:auto; margin:auto; display:block; }
.ft_copy .ft_link a { display:inline-block; width:auto; height:50px; line-height:50px; color:#666; position:relative; padding:0 10px; font-size:11px; }
.ft_copy .ft_link span { display:inline-block; vertical-align:top; width:210px; }
.ft_copy .ft_info { position:relative; padding:50px 20px; color:#fff; }
.ft_copy .ft_info > div { width:auto; margin:auto; display:block; }
.ft_copy .ft_info h6 { margin:0px; }
.ft_copy .ft_info h6 img { width:100px; }
.ft_copy .ft_info p { color:#666; line-height:16px; font-size:12px; font-weight:normal; padding:10px 0; }
.ft_copy .ft_info span { display:inline-block; padding:5px 0; color:#999; margin-right:10px; }
.ft_copy .ft_info span font { color:#666; }
.ft_copy .ft_texts { background-color:#000; }
.ft_copy .ft_texts > div { width:auto; margin:auto; padding:20px; color:#999; line-height:18px; }
.ft_copy .ft_texts > div font { display:block; margin-top:25px; }


.loginSkin { width:90%; }

	
/* 아이콘메뉴 */
header{position:fixed; right:0px; bottom:95px; height:calc(100% - 165px); width:60px; background:#111; z-index:1001; }
header h1{text-indent:-100000px; width:100%; height:60px; background:url(../img/logo.png) no-repeat center / 50% auto; border-bottom:1px solid #252d43; }
header nav{ display:grid; grid-template-columns:repeat(1, 1fr); column-gap:1px; row-gap:1px; }
header nav > a{color:#e8f4ff; display:block; text-align:center; font-size:11px; padding:8px 0; filter:brightness(50%); border-bottom:1px solid rgba(255,255,255,0.1); box-sizing:border-box; }
header nav > a:first-child { border-top:1px solid rgba(255,255,255,0.1); }
header nav > a span { width:14px; height:18px; display:block; margin:auto; }
header nav > a #ic01 { background:url(../img/icon/tic01.png) no-repeat center / 100% auto; }
header nav > a #ic02 { background:url(../img/icon/tic02.png) no-repeat center / 100% auto; }
header nav > a #ic03 { background:url(../img/icon/tic03.png) no-repeat center / 100% auto; }
header nav > a #ic04 { background:url(../img/icon/tic04.png) no-repeat center / 100% auto; }
header nav > a #ic05 { background:url(../img/icon/tic05.png) no-repeat center / 100% auto; }
header nav > a #ic06 { background:url(../img/icon/tic06.png) no-repeat center / 100% auto; }
header nav > a #ic07 { background:url(../img/icon/tic07.png) no-repeat center / 100% auto; }
header nav > a #ic08 { background:url(../img/icon/tic08.png) no-repeat center / 100% auto; }
header nav > a.on{ border-left:2px solid #0CF; filter:brightness(100%); }
header nav > a:hover{ border-left:2px solid #0CF; filter:brightness(100%); }

.header.mobile { background-color:#000; }
	
.header { display:block; }
.header .top { }
.header .top > a{ position:absolute; top:10px;}
.header .top > a.divide{left:55px;}
.header .top > a.menu{left:10px;}
.header .top h1{width:100%; text-align:center; }
.header .top h1 img{ height:30px; margin:10px; }
.header .top > a.cart{right:55px;}
.header .top > a.logout{right:10px;}
.header .bot{ padding:0; }	
.header .bot .m-balance { font-size:12px; font-weight:normal; color:#fff; display:flex; width:100%; padding:0 0 10px; }
.header .bot .m-balance p { width:50%; height:20px; line-height:20px; text-align:center; }
.header .bot .dropdown { float:left; width:50%; border-top:1px solid rgba(255,255,255,0.1); position:relative; background-color:#333; }
.header .bot .dropdown button { width:100%; border-radius:0px; background-color:transparent; height:40px; }
.header .bot .dropdown ul{ padding:0; position:absolute; top:40px; left:0px; width:100%; z-index:1001; }
.header .bot .dropdown ul li{padding:0;}
.header .bot .dropdown ul li a{display:block; text-align:center; color:#fff; background:#3b3d4e; padding:5px; }
.header .bot .dropdown ul li a img{width:30px; display:none;}
.header .bot .dropdown ul li a span{display:block;  margin-left:0px; font-size:12px; width:100%; text-align:center;}
.header .bot .dropdown ul li a span font{display:block; line-height:10px; white-space:nowrap; font-size:10px;}
.header .bot .dropdown ul li a span font:nth-child(2){color:#999999; font-size:10px;}
.header .bot .dropdown ul li.on a, .header .bot .dropdown ul li:hover a{background:#2766bc;}
.header .bot .dropdown ul li.on a span font:nth-child(2){color:#8fc1f4;}
.header .bot .deallink { float:right; width:50%; border-top:1px solid rgba(255,255,255,0.1); background-color:#333; }
.header .bot .deallink p { border-left:1px solid rgba(255,255,255,0.1); }
.header .bot .deallink p span { display:block; text-align:center; height:40px; line-height:40px; color:#fff; font-size:12px; }
.header .bot .deallink .on a { color:#fff; }


.trade_wrap{width:100%; }
.trade_wrap .top{background:#131722; padding:10px; height:82px; box-sizing:border-box; }
.trade_wrap .top:after{content:""; display:block; clear:both;}


.trade_wrap .topinfo { position:fixed; top:45px; left:0px; width:100%; background-color:#171a22; text-align:center; z-index:1002; display:flex; box-sizing:border-box; }
.trade_wrap .topinfo .row{ overflow:hidden; width:50%; }
.trade_wrap .topinfo .row > h6 { height:30px; line-height:30px; color:#ccc; margin-right:10px; font-size:11px; display:inline-block; vertical-align:top; font-weight:normal; }
.trade_wrap .topinfo .row > p { display:inline-block; vertical-align:top; }
.trade_wrap .topinfo .row.deals { background-color:#111; }
.trade_wrap .topinfo .row.deals div { margin-top:7px; display:inline-block; vertical-align:top; }
.trade_wrap .topinfo .row.deals font { font-size:13px; color:#ff0; font-family:'GS_M'; }
.trade_wrap .topinfo .row.deals span { color:#666; font-size:11px; }
.trade_wrap .topinfo .row.types { display:none; }
.trade_wrap .topinfo .row.next { background-color:#000; }
.trade_wrap .topinfo .row.next p { height:30px; line-height:30px; margin-right:10px; }
.trade_wrap .topinfo .row.next p:nth-child(2) { display:none; }
.trade_wrap .topinfo .row.next p font { color:#9eaac4; font-size:11px; padding:0 5px; display:inline-block; vertical-align:top; }
.trade_wrap .topinfo .row.next p span { color:#fff; font-size:13px; border-radius:2px; background-color:#000; padding:0 10px; text-align:center; display:inline-block; vertical-align:top; line-height:20px; margin-top:5px; }
.trade_wrap .topinfo .row.next p:last-child span { color:#f00; }


/* 거래 종류 */
.trade_wrap .tops { width:210px; background:#000; padding:0 0 5px; position:fixed; top:45px; left:-300px; height:calc(100% - 45px); z-index:1002; }
.trade_wrap .tops .btnboxs { text-align:center; padding:0px; box-sizing:border-box; display:none; }
.trade_wrap .tops .btnboxs a{display:block; text-align:center; color:#fff; position:relative; height:50px; line-height:50px; font-size:18px; }
.trade_wrap .tops h5 { font-size:15px; color:#fff; height:30px; line-height:30px; margin-bottom:7px; padding:0 20px; }
.trade_wrap .tops .deals{ text-align:center; display:grid; grid-template-columns:repeat(1, 1fr); column-gap:1px; row-gap:1px; padding:0; margin:0px; }
.trade_wrap .tops .deals:after{content:""; display:block; clear:both;}
.trade_wrap .tops .deals li{ background-color:rgba(255,255,255,0.1); }
.trade_wrap .tops .deals li a{display:block; text-align:left; color:#fff; padding:15px 2px 15px 20px; position:relative; }
.trade_wrap .tops .deals li a img { position:absolute; top:50%; left:8px; transform:translateY(-50%); width:15px; }
.trade_wrap .tops .deals li a span{display:inline-block; text-align:left; font-size:12px; margin-left:20px; }
.trade_wrap .tops .deals li a span font{display:inline-block; font-size:12px; line-height:13px;}
.trade_wrap .tops .deals li a span font:nth-child(2){color:#999999; font-size:11px;}
.trade_wrap .tops .deals li.on{background:#2766bc;}
.trade_wrap .tops .deals li.on a span font:nth-child(2){color:#8fc1f4;}
.trade_wrap .tops .logoutbtn { box-sizing:border-box; position:absolute; bottom:10px; right:0px; width:25%; display:none; }
.trade_wrap .tops .logoutbtn a{display:block; text-align:center; color:#999; position:relative; width:100%; height:40px; line-height:40px; margin:auto; }

/* 거래 그래프 */
.trade_wrap .left{ position:fixed; bottom:95px; left:0px; height:calc(100% - 170px); width:calc(100% - 60px); overflow: hidden; z-index:1001; }
.trade_wrap .left .graph{height:100%;}
.trade_wrap .left .graph:after{content:""; display:block; clear:both;}
.trade_wrap .left .graph > div{width:100%; height:100%; float:left;}
.trade_wrap .left .graph > div.graph01{background:#1e2535;}
.trade_wrap .left .graph > div.graph02{background:#425173;}
.trade_wrap .left .graph > div.graph03{background:#080f1e;}
.trade_wrap .left .graph > div.graph04{background:#284975;}
.trade_wrap .left .graph > div.full{width:100%; height:100%;}
.trade_wrap .left .graph > div > div{height: 50% !important; position: absolute; top:0; left: 0; width: 100%;}
.trade_wrap .left .graph > div > div:nth-child(2){top:50%;}
.trade_wrap .left .graph1 > div{width:100%; height:100% !important; position:absolute; left:0;}
.trade_wrap .left .graph1 > div:nth-child(1){top:0;}
.trade_wrap .left .graph1 > div:nth-child(2){top:50%;}
.trade_wrap .left .graph1 > div > div{height:100%;}
.trade_wrap .left .graph1 > div > div > div{height:100% !important;}
.trade_wrap .left .graph1 > div > div > div > div{height:calc(100% - 5px) !important;}
.trade_wrap .left .graph1 > div.full{height:100% !important;}
	
.trade_wrap .reset{position:absolute; right:35px; bottom:45px;}
.trade_wrap .reset span{background:url(../img/reset_bg.png); width:351px; height:43px; line-height:43px; display:inline-block; padding-left:40px; color:#fff; font-size:15px; margin-top:17.5px;}

/* 거래 입력창 */
.trade_wrap .right{ width:100%; background:#000; padding:0 5px; position:fixed; bottom:0px; left:0px; z-index:1002; display:flex; }
.trade_wrap .right > div { position:relative; margin:0; background-color:#222; padding:5px; border-radius:5px; }
.trade_wrap .right > div > h6 { font-size:12px; color:#666; margin-bottom:7px; text-align:left; }
.trade_wrap .right > div > p {}
.trade_wrap .right .row.sum { text-align:center; width:230px; margin-top:5px; }
.trade_wrap .right .row.sum span { display:block; }
.trade_wrap .right .row.sum .pays { float:left; width:100px; }
.trade_wrap .right .row.sum input[type="text"] { width:100%; height:40px; border-radius:3px; background-color:#fff; border:0px; color:#333; padding:10px; box-sizing:border-box; }
.trade_wrap .right .row.sum .btns{ float:right; width:88px; }
.trade_wrap .right .row.sum .btns button{width:40px; height:40px; background:linear-gradient(to top, #09F, #06F); border:0; font-size:11px; color:#fff; border-radius:3px; }
.trade_wrap .right .row.sum .btns button:last-child{ background:linear-gradient(to top, #cccccc, #ffffff); color:#333; }
.trade_wrap .right .row.profit{ width:60px; margin:5px 2px 0; }
.trade_wrap .right .row.profit h6 { }
.trade_wrap .right .row.profit .percent{ display:block; text-align:center; overflow:hidden; height:40px; line-height:40px; }
.trade_wrap .right .row.profit .percent b{font-size:12px; font-weight:600;}
.trade_wrap .right .row.profit .percent em{font-style: initial; font-size:15px; font-weight:600;}
.trade_wrap .right .row.profit .percent b:last-child{font-size:15px; font-weight:400;}
.trade_wrap .right .row.profit .percent.up b,
.trade_wrap .right .row.profit .percent.up em{ color:#F90; }
.trade_wrap .right .row.profit .percent.down b,
.trade_wrap .right .row.profit .percent.down em{color:#09F;}
.trade_wrap .right .row.profit .total{border-top:1px solid #434454;  }
.trade_wrap .right .row.profit .total img{margin-top:13.5px;}
.trade_wrap .right .row.profit .total font{color:#de3232; font-size:18px; line-height:43px;}
.trade_wrap .right .row.profit .total.up font{color:#26a69a}
.trade_wrap .right .row.profit .total.down font{color:#de3232;}
.trade_wrap .right .row.btn_box{ background:none; text-align:center; margin:0; width:calc(100% - 250px); }
.trade_wrap .right .row.btn_box button{ width:100%; text-align:center; color:#fff; border:0; border-radius:3px; overflow:hidden; font-size:13px; padding:12px 0; }
.trade_wrap .right .row.btn_box button img { height:15px; margin-right:10px; display:none; }
.trade_wrap .right .row.btn_box button:nth-child(1){ background:url(/img/back/blue.png) repeat-x center / auto 100%; margin:0 0 3px; }
.trade_wrap .right .row.btn_box button:nth-child(2){ background:url(/img/back/red.png) repeat-x center / auto 100%; }
.trade_wrap .right .row.btn_box button:nth-child(3){ background:url(/img/back/skyblue.png) repeat-x center / auto 100%; }

	
	
	
	
	.mside_back { position:fixed; top:0px; left:-600px; width:calc(100% - 300px); height:100%; background-color:rgba(0,0,0,0.8); z-index:1001; }
	
	.f-item {
		
	}

	#t-history {
		font-size: 14px!important;
	}

	
	.message_popup{left:5%; width:90%; bottom:57px;}
	
	#king{min-width:100%;}
	#king .wrap div.cont01{padding:50px 5% 85px 5%; background-size:auto 100%;}
	#king .wrap div.cont01 .tit{word-break: keep-all; line-height: 1.4; margin-bottom:50px;}
	#king .wrap div.cont01 .tit br{display:none;}
	#king .wrap div.cont01 .tit p{font-size:30px; word-break: keep-all; line-height: 1.4;}
	#king .wrap div.cont01 .tit p br{display:none;}	
	#king .wrap div.cont01 .coin_list .coins{width:100%; margin:0 0 5px 0; text-align:center;}
	#king .wrap div.cont01 .coin_list .coins .btn a{padding-left:0; }
	#king .wrap div.cont02{padding:60px 5% 65px 5%; background-size:auto 100%; text-align:center;}
	#king .wrap div.cont02 .contin .lists p{font-size:30px; word-break: keep-all; line-height: 1.4;}
	#king .wrap div.cont02 .contin .lists span{font-size:15px; word-break: keep-all; line-height: 1.8;}
	#king .wrap div.cont02 .contin .lists span br{display:none;}
	#king .wrap div.cont03{padding:60px 0; background-size:auto 100%; text-align:center;}
	#king .wrap div.cont03 .contin{padding:50px 5%;}
	#king .wrap div.cont03 .contin .tit{padding-bottom:50px;}
	#king .wrap div.cont03 .contin .tit:after{bottom: 24px;}
	#king .wrap div.cont03 .contin .tit p{font-size:30px; word-break: keep-all; line-height: 1.4;}
	#king .wrap div.cont03 .contin > span{font-size:16px; word-break: keep-all; line-height: 2;}
	#king .wrap div.cont03 .contin > span br{display:none;}
	
	
	
	#main .wrap .swiper-container .swiper-wrapper .swiper-slide{padding:0 15px; font-size: 12px;}
	
	#main .wrap .main_img .slide{height:auto; background-size:auto 100% !important;}
	#main .wrap .main_img .slide .pc{display:none;}
	#main .wrap .main_img .slide .mobile{display:inline-block;}
	#main .wrap .main_img .slide div{padding:0 5%;}
	#main .wrap .main_img .slide div img{max-width:100%;}
	#main .wrap .main_img .slide div span{font-size: 16px; line-height:1.4; word-break: keep-all; margin:25px 0 40px 0;}
	#main .wrap .main_img .slide div a{width:80%; font-size: 14px; line-height:46px;}
	#main .wrap .main_img .slide div a:after{right:20px; top:12px; background-size:80%; background-position:center center;}
	
	#main .wrap .box{padding:60px 5%;}
	
	#main .wrap .box .tit p{font-size:21px; line-height:1.2; word-break: keep-all;}
	#main .wrap .box .tit p br{display:none;}
	#main .wrap .box .tit span{font-size:16px; line-height:1.4; word-break: keep-all;}
	#main .wrap .box .tit span br{display:none;}
	#main .wrap .box .tit b{font-size:16px; line-height:1.4; word-break: keep-all;}
	
	#main .wrap .box.cont01 .contin{padding:10px; margin:35px auto 0 auto;}
	#main .wrap .box.cont01 .contin img{display:none;}
	#main .wrap .box.cont01 .contin .list .listin{position:static;}
	#main .wrap .box.cont01 .contin .list .listin .icon{width:100%; margin-bottom:10px;}
	#main .wrap .box.cont01 .contin .list .listin.list02{margin:30px 0;}
	#main .wrap .box.cont01 .contin .list .listin.list01 .icon{background:url(../img/cont01_list01_icon01_on.png) no-repeat center center;}
	#main .wrap .box.cont01 .contin .list .listin.list02 .icon{background:url(../img/cont01_list01_icon02_on.png) no-repeat center center;}
	#main .wrap .box.cont01 .contin .list .listin.list03 .icon{background:url(../img/cont01_list01_icon03_on.png) no-repeat center center;}
	#main .wrap .box.cont01 .contin .list .listin .text p{font-size:21px; line-height:1.2;}
	#main .wrap .box.cont01 .contin .list .listin .text{text-align:center; margin-left:0; opacity:1;}
	#main .wrap .box.cont01 .contin .list .listin .text span{font-size:16px; line-height:1.4; word-break: keep-all; margin-top:10px;}
	#main .wrap .box.cont01 .contin .list .listin .text span br{display:none;}
	
	#main .wrap .box.cont02{background-size:auto 100%;}
	#main .wrap .box.cont02 .boxin .left{width:100%; padding:0 5%;}
	#main .wrap .box.cont02 .boxin .left .img{height:auto; margin-top:-40px;}
	#main .wrap .box.cont02 .boxin .left .img img{width:100%; position:static;}
	#main .wrap .box.cont02 .boxin .left .btn a{font-size:14px;}
	#main .wrap .box.cont02 .boxin .left > a{margin-top:35px; line-height:30px; font-size:14px;}
	#main .wrap .box.cont02 .boxin .right{width:100%; padding:0 5%; margin-top:40px;}
	#main .wrap .box.cont02 .boxin .right .tit{text-align:center;}
	#main .wrap .box.cont02 .boxin .right .tit p{margin-top:5px;}
	#main .wrap .box.cont02 .boxin .right .contin{margin-top:30px; text-align:center;}
	#main .wrap .box.cont02 .boxin .right .contin .listin img{float: initial;}
	#main .wrap .box.cont02 .boxin .right .contin .listin .text{width:100%; padding-left:0;}
	#main .wrap .box.cont02 .boxin .right .contin .listin .text p{font-size:16px; line-height:1.4; word-break: keep-all; margin:10px 0;}
	#main .wrap .box.cont02 .boxin .right .contin .listin .text span{font-size:12px; line-height:1.4; word-break: keep-all;}
	
	#main .wrap .box.cont03 .boxin .left{width:100%; text-align:center;}
	#main .wrap .box.cont03 .boxin .left .coupon{width:100%; margin-top:20px; background-size: 100% 100%;}
	#main .wrap .box.cont03 .boxin .left .coupon span{font-size:15px;}
	#main .wrap .box.cont03 .boxin .left .coupon p{font-size:70px; }
	#main .wrap .box.cont03 .boxin img{position:relative; transform: translate(0, 0); width:100%; top:30px; right:initial; left: -10px;}
	
	#main .wrap .box.cont04{padding:35px 5% 45px 5%;}
	#main .wrap .box.cont04 .boxin .row{margin:20px 0; padding:20px;}
	#main .wrap .box.cont04 .boxin .row span{font-size:14px; line-height:1.4; word-break: keep-all;}
	#main .wrap .box.cont04 .boxin .row span br{display:none;}
	#main .wrap .box.cont04 .boxin .row span:last-child{margin-top:10px;}
	#main .wrap .box.cont04 .boxin .list .listin{width:100%; padding-left:0;}
	#main .wrap .box.cont04 .boxin .list .listin:nth-child(1){margin-bottom:20px;}
	#main .wrap .box.cont04 .boxin .list .listin p{font-size: 16px;}
	#main .wrap .box.cont04 .boxin .list .listin span{font-size: 14px; margin-top:10px;}
	#main .wrap .box.cont04 .boxin .list .listin span br{display:none;}
	
	#main .wrap .box.cont05{text-align:center; padding:60px 5% 45px 5%;}
	#main .wrap .box.cont05 .boxin img{width:95%; padding:0; float: initial;}
	#main .wrap .box.cont05 .boxin .tit{width:100%; padding:30px 0 0 0;}
	#main .wrap .box.cont05 .boxin .tit p{font-size:21px; line-height:1.2; word-break: keep-all;}
	#main .wrap .box.cont05 .boxin .tit p strong{display:inline;}
	#main .wrap .box.cont05 .boxin .tit span{font-size:16px; line-height:1.4; word-break: keep-all;}
	
	#main .wrap .box.cont06{text-align:center; padding:45px 5% 75px 5%; background-size:auto 100%;}
	#main .wrap .box.cont06 .boxin .list{background:none; margin-top:50px; height:auto;}
	#main .wrap .box.cont06 .boxin .list .listin{width:100%; padding:80px 0 0 0 !important; text-align:center !important; margin-bottom:25px;}
	#main .wrap .box.cont06 .boxin .list .listin:nth-child(2n){padding:0;}
	#main .wrap .box.cont06 .boxin .list .listin:after{width:70px; height:70px; background-size:100% 100% !important; top:5px; left:50% !important; margin-left:-35px;}
	#main .wrap .box.cont06 .boxin .list .listin:nth-child(1):after{right:initial;}
	#main .wrap .box.cont06 .boxin .list .listin:nth-child(3),
	#main .wrap .box.cont06 .boxin .list .listin:nth-child(4){margin-top:0;}
	#main .wrap .box.cont06 .boxin .list .listin p{font-size:21px; line-height:2; word-break: keep-all;}
	#main .wrap .box.cont06 .boxin .list .listin span{font-size:16px; line-height:1.4; word-break: keep-all;}
	#main .wrap .box.cont06 .boxin .list .listin span br{display:none;}
	
	#main .wrap .box.cont07{ text-align:center; background-size:auto 100%;}
	#main .wrap .box.cont07 .top{padding:60px 5% 0 5%;}
	#main .wrap .box.cont07 .top img{position:static; width:95%;}
	#main .wrap .box.cont07 .top .text p{text-align:center; font-size:21px; line-height:1.2; word-break: keep-all;}
	#main .wrap .box.cont07 .top .text a{width:100%; margin-bottom:40px; font-size: 16px; line-height:46px;}
	#main .wrap .box.cont07 .top .text a:after{right: 25px;}
	#main .wrap .box.cont07 .bot{margin-top:60px; padding:60px 5% 20px 5%;}
	#main .wrap .box.cont07 .bot .botin .btns{width:100%; }
	#main .wrap .box.cont07 .bot .botin .btns.btn02{margin:20px 0;}
	#main .wrap .box.cont07 .bot .botin .btns.btn03{width:100%;}
	#main .wrap .box.cont07 .bot .botin .btns p{font-size:16px; line-height:2; word-break: keep-all; margin-bottom:5px;}
	#main .wrap .box.cont07 .bot .botin .btns ul{width:100%;}
	#main .wrap .box.cont07 .bot .botin .btns ul li{width:100%; margin-bottom:15px; font-size:12px;}
	#main .wrap .box.cont07 .bot .botin .btns.btn03 ul li{width:50%; float:left;}
	
	#main .footer .footerin .logo{width:100%; text-align:center;}
	#main .footer .footerin .logo img{margin: 0 auto;}
	#main .footer .footerin .logo:after{content:""; display:block; clear:both;}
	#main .footer .footerin .logo .copy{width:100%;}
	#main .footer .footerin span{margin-top:20px; padding:0 5%; font-size:12px; word-break: keep-all;}
	
	#api .wrap .left{left:-250px; z-index:1; overflow: inherit;}
	#api .wrap .left > ul{height:calc(100% - 211px); position:absolute; top:211px; overflow-y:scroll;}
	#api .wrap .left .mobile.btn{position:absolute; top:5px; right:-21px; }
	#api .wrap .left .mobile.btn img{width:16px;}
	#api .wrap .right{margin:0; width:100%;}
	#api .wrap .right > div h2{padding-left:28px;}
	#api .wrap .right > div > div font{padding: 0 28px;}
	#api .wrap .right > div > div h3{padding: 1.2em 28px;}
	#api .wrap .right > div > div .table{width:100%; overflow-x:scroll;}
	#api .wrap .right > div > div .table table{width:150%; margin-left:28px;}
	#api .wrap .right > div > div .table.table01{width:100%;}
	#api .wrap .right > div > div .code{position:static; margin-top:50px;}
	#api .wrap .right > div > div b{width:100%; white-space: initial; padding:5px;}
	#api .wrap .right > div > div ul{padding: 0 28px;}
	
	.popup .popupin{width:90% !important; overflow: hidden; }
	.popup .popupin > .logo{width:100%;}
	
	.popup .popupin.in01 .text span font{display:block;}
	
	.popup .popupin.in03 .tab div{font-size:14px;}
	.popup .popupin.in03 .tab div{width:50%;}
	.popup .popupin.in03 .box{width: calc(100% - 20px); margin:10px 0;}
	.popup .popupin.in03 .box > div{padding:10px 20px;}
	.popup .popupin.in03 .box .sum ul li.buttons span div { display:grid; grid-template-columns:repeat(2, 1fr); column-gap:4px; row-gap:4px; }
	.popup .popupin.in03 .box .sum ul li.buttons span div button { }
	.popup .popupin.in03 .box .sum ul li span{ display:block; margin-left:80px; }
	.popup .popupin.in03 .box .sum ul li span.tit{width:80px; text-align:center; padding:0; color:#666; font-size:12px; height:30px; line-height:30px; position:absolute; top:50%; left:5px; margin:0px; transform:translateY(-50%); }
	
	.popup .popupin.in04 .tab div{font-size:14px;}
	.popup .popupin.in04 .box{width: calc(100% - 20px); margin:10px 0;}
	.popup .popupin.in04 .box > div{padding:10px 20px;}
	.popup .popupin.in04 .box .sum ul li.buttons span div { display:grid; grid-template-columns:repeat(2, 1fr); column-gap:4px; row-gap:4px; }
	.popup .popupin.in04 .box .sum ul li span{ display:block; margin-left:80px; }
	.popup .popupin.in04 .box .sum ul li span.tit{width:80px; text-align:center; padding:0; color:#aaadb8; font-size:12px; height:30px; line-height:30px; position:absolute; top:50%; left:5px; margin:0px; transform:translateY(-50%); }
	
	.popup .popupin.in05 .box{width: calc(100% - 20px); margin:10px;}
	.popup .popupin.in05 .box ul li{}
	.popup .popupin.in05 .box ul li span{ text-align:center; line-height:17px; font-size:12px;  }
	.popup .popupin.in05 .box .values li span.time{ width:100px; padding:5px; }	
	.popup .popupin.in05 .box .values li span.position{ height:40px; line-height:40px; }
	.popup .popupin.in05 .box .values li span.price{ height:40px; line-height:40px; }
	
	.popup .popupin.in06 .box{width: calc(100% - 20px); margin:10px;}
	.popup .popupin.in06 .assets{position:static; margin:10px;}
	.popup .popupin.in06 .assets > div:first-child{width:100%; margin-bottom:10px;}
	.popup .popupin.in06 .assets > div:first-child h3{float:left; margin-right:5px;}
	.popup .popupin.in06 .assets > div:nth-child(2){margin-left:0; width:calc(55% - 10px);}
	.popup .popupin.in06 .assets > div:nth-child(3){width:45%;}
	.popup .popupin.in06 .assets > div .money em{font-size:17px;}
	.popup .popupin.in06 .box ul{max-height: 330px;}
	.popup .popupin.in06 .box ul li{border-bottom:1px solid #eee;}
	.popup .popupin.in06 .box ul li span{width:33.333% !important; white-space:nowrap; overflow:hidden;}
	.popup .popupin.in06 .box ul li span.time,
	.popup .popupin.in06 .box ul li span.event{width:50% !important;}
	.popup .popupin.in06 .box ul li span.price,
	.popup .popupin.in06 .box ul li span.last{border-bottom:0;}
	.popup .popupin.in06 .btns{margin:15px 0 5px 0;}
	
	.popup .popupin.in08 .box{width: calc(100% - 20px); margin:10px;}
	.popup .popupin.in08 .box.list ul{}
	.popup .popupin.in08 .box.list ul li{}
	.popup .popupin.in08 .box.list ul li span{width:50% !important;}
	.popup .popupin.in08 .box.list ul li span.name{width:100% !important;}
	.popup .popupin.in08 .box.list ul li span.state,
	.popup .popupin.in08 .box.list ul li span.time{border-bottom:0;}
	.popup .popupin.in08 .box.write .tit input{width:100%;}
	.popup .popupin.in08 .box.write .tit span{width:100%; text-align:right; line-height:25px; padding-bottom:15px;}
	.popup .popupin.in08 .box.write .textarea li span{width: calc(100% - 100.05px); padding:0 10px;}
	.popup .popupin.in08 .box.write .textarea li span textarea{width:100%;}
	.popup .popupin.in08 .box.write .textarea li span.tit{width:100px; line-height:180px;}
	.popup .popupin.in08 .box.write .textarea li span textarea{height:160px;}
	.popup .popupin.in08 .btns a{width:calc((100% - 8.05px) / 2); margin:0 5px 5px 0;}
	.popup .popupin.in08 .btns a:nth-child(2n){margin-right:0;}
		
	.popup .popupin.in09{width:95%; padding:30px 5%;}
	.popup .popupin.in09 .text span br{display:none;}
	
	.popup .popupin.in07 .box{width: calc(100% - 20px); margin:10px;}
	.popup .popupin.in07 .box.list ul li span.name{width:65%;}	
	.popup .popupin.in07 .box.list ul li span.state{width:35%;}
	.popup .popupin.in07 .box.answer .boxin p{font-size:16px;}
	.popup .popupin.in07 .box.answer .boxin > div{font-size:13px;}
	.popup .popupin.in07 .box.answer .boxin .re{padding:15px;}
	
	.popup .popupin.in11 .box ul li div { text-align:center; line-height:17px; font-size:12px; }
	
	.popup .popupin.main_popup{width: 100% !important; max-height: 100%; height: 100%; padding: 60px 5%; border-radius:0; left:0; top:0; transform: translate(0%, 0%);}
	.popup .popupin.main_popup .box{position:relative;}
	.popup .popupin.main_popup .box .text_btn{position:absolute; right:0; top:0; line-height:18px; height:20px;border:1px solid #cdcdcd; font-size:14px; font-size: 12px;  display: block;  width: 80px; text-align: center;}
	.popup .popupin.main_popup .box ul.text{height:100%;}
	.popup .popupin.main_popup button{width:100%;}
	.popup .popupin.main_popup > .close img{height:27px;}

	.bg01.wrap .box{padding:20px;}
	.bg01.wrap .box h1 img{max-width:100%;}
	.bg01.wrap .box > img{max-width:100%;}
	
	
}
@media screen and (max-width: 380px) {
	#m-display {
		display: none;
	}
	
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to{transform:rotate(360deg);}
}