@charset "utf-8";

@media screen and (min-width:901px) {
ul, li { list-style:none; padding:0px; margin:0px; }
a { text-decoration:none; padding:0px; margin:0px; }

.container { max-width:1600px; margin:auto; position:relative; padding:0; }

.chartarea { border-radius:10px 10px 0 0; border:1px solid #ddd; border-top:2px solid #000; box-shadow:0 0 5px rgba(0,0,0,0.1); margin:0 330px 0 0; }
.chartarea > ul { display:flex; padding:25px; }
.chartarea > ul > li { width:50%; box-sizing:border-box; }
.chartarea > ul .grpCate { position:relative; text-align:left; }
.chartarea > ul .grpCate img { height:15px; display:inline-block; vertical-align:middle; }
.chartarea > ul .grpCate ul { position:absolute; top:40px; left:0px; width:200px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:8px; display:none; }
.chartarea > ul .grpCate ul li a { display:block; height:40px; line-height:40px; color:#666; padding:0 20px; }
.chartarea > ul .grpCate ul li a font { font-size:12px; }
.chartarea > ul .grpCate div { font-weight:bolder; font-size:24px; }
.chartarea > ul .grpCate div font { font-size:13px; color:#666; font-weight:300; display:inline-block; vertical-align:bottom; }
.chartarea > ul .grpCate div span { display:inline-block; vertical-align:middle; background:url(/images/select.png) no-repeat center / auto 5px; margin-left:15px; width:20px; height:20px; }
.chartarea > ul .grpTit { text-align:right; }
.chartarea > ul .grpTit a { display:inline-block; border:1px solid #ddd; height:35px; line-height:32px; padding:0 25px; border-radius:25px; color:#666; font-size:15px; background-color:#f6f6f6; }
.chartarea > ul .grpTit .onX { background-color:#000; color:#fff; }

#grpArea { margin:0 330px 0 0; }
#grpArea iframe { width:100%; height:450px; border:1px solid #ddd; box-shadow:0 0 5px rgba(0,0,0,0.1); }

.sec-list { border-radius:10px 10px 0 0; border:1px solid #ddd; border-top:2px solid #000; box-shadow:0 0 5px rgba(0,0,0,0.1); margin:10px 330px 0 0; position:relative; }
.sec-list > .sendform { background-color:#fff; }
.sec-list > .sendform ul { display:flex; }
.sec-list > .sendform ul li { padding:25px; box-sizing:border-box; text-align:center; }
.sec-list > .sendform ul li:first-child { width:calc(100% - 350px); border-right:1px solid #eee; }
.sec-list > .sendform ul li:last-child { width:350px; }
.sec-list > .sendform ul li font { color:#999; font-size:18px; display:inline-block; vertical-align:middle; height:60px; line-height:60px; margin-right:30px; }
.sec-list > .sendform ul li font i { font-size:21px; display:inline-block; vertical-align:middle; font-weight:300; }
.sec-list > .sendform ul li span { display:inline-block; vertical-align:middle; height:60px; line-height:60px; font-size:30px; }
.sec-list > .sendform ul li .time { font-size:34px; font-weight:400; }
.sendform p { display:inline-block; vertical-align:middle; border:1px solid #aaaaaa; background-color:#dbdbdb; height:40px; line-height:40px; padding:0 45px 0 15px; color:#666; border-radius:5px; margin-left:30px; position:relative; }
.sendform p:after { visibility:visible; content:""; display:block; width:20px; height:20px; border-radius:100%; position:absolute; top:50%; right:10px; transform:translateY(-50%); border:1px solid #fff; background:url(/img/sub/arr.gif) no-repeat center; filter:brightness(500%); z-index:100; text-align:left; }

.grpRE table .txtred { display:inline-block; padding:6px 7px; background-image:url(../img/back/red.png); background-size:auto 100%; color:#fff; font-size:13px; border-radius:5px; box-sizing:border-box; cursor:pointer; }
.grpRE table .txtblue { display:inline-block; padding:6px 7px; background-image:url(../img/back/blue.png); background-size:auto 100%; color:#fff; font-size:13px; border-radius:5px; box-sizing:border-box; cursor:pointer; }
.grpRE table .txtgrey { display:inline-block; padding:6px 7px; background-color:#aaa; color:#fff; font-size:12px; border-radius:5px; box-sizing:border-box; cursor:pointer; }
.grpRE table .linered { display:inline-block; border:1px solid #f00; color:#f00; font-size:13px; font-weight:bolder; padding:5px 7px; border-radius:5px; margin:auto; box-sizing:border-box; cursor:pointer; }
.grpRE table .lineblue { display:inline-block; border:1px solid #06c; color:#06c; font-size:13px; font-weight:bolder; padding:5px 7px; border-radius:5px; margin:auto; box-sizing:border-box; cursor:pointer; }
#grpTable { background-color:#fff; }
#grpTable table { border:0px; width:100%; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
#grpTable table tr th { font-size:15px; padding:15px 0; border-bottom:1px solid #ddd; }
#grpTable table tr td { font-size:15px; padding:15px 0; border-bottom:1px solid #ddd; }
#grpTable table tr td:first-child { padding:20px 0; }
#grpTable table tr td:nth-child(2) { padding:20px 0; }
#grpTable table tr td:nth-child(3) { padding:20px 0; }
#grpTable table tr td:nth-child(3) span { display:inline-block; width:15px; height:25px; background:url(/img/sub/arr.png) no-repeat center / 100% auto; }
#grpTable table tr td .sell, #grpTable table tr td .buy, #grpTable table tr td .end { width:95px; }
#grpTable table #results td { padding:7px 0; font-size:15px; font-weight:bolder; }
#grpTable #redball { width:23px; height:23px; line-height:25px; border-radius:100%; background-color:#f00; color:#fff; text-align:center; font-size:12px; margin:auto; display:block; }
#grpTable #blueball { width:23px; height:23px; line-height:25px; border-radius:100%; background-color:#06F; color:#fff; text-align:center; font-size:12px; margin:auto; display:block; }
#grpSubmit { background-color:#fff; padding:15px 0; }
#grpSubmit table { border:0px; width:100%; text-align:center; padding:3px 0; }
#grpSubmit table tr td { height:35px; }
#grpSubmit table tr td span { display:inline-block; max-width:180px; min-width:120px; height:40px; line-height:38px; margin:2px auto; padding:0px; box-sizing:border-box; font-size:13px; }
#grpSubmit table tr td .btn { width:90%; }

.grpInfos { }
.grpInfos ul { display:table; }
.grpInfos ul li { display:table-cell; position:relative; padding:20px; vertical-align:middle; }
.grpInfos ul li:first-child > span { position:absolute; width:40px; height:40px; top:25px; left:20px; border-radius:100%; overflow:hidden; display:block; }
.grpInfos ul li:first-child p { margin-left:50px; }
.grpInfos ul li p { padding:3px 0; }
.grpInfos ul li p font { display:inline-block; min-width:80px; }
.grpInfos ul li p span { display:inline-block; min-width:120px; }

.grp01 { width:150px; }
.grp02 { width:150px; }
.grp03 {  }
.grp04 { width:200px; }
.grp05 { width:200px; }
.grp01-2 { }

.infoListbox { position:absolute; top:0px; right:0px; width:310px; height:calc(100% - 0px); border-radius:10px; overflow:hidden; border:1px solid #ddd; box-shadow:0 0 10px rgba(0,0,0,0.1); }
.infoListbox h5 { background-color:#222; color:#fff; font-size:15px; padding:0 10px; height:40px; line-height:40px; margin:0px; }
.infoListbox > div { overflow-y:scroll; height:calc(100% - 40px); text-align:center; font-size:14px; }
.infoListbox > div::-webkit-scrollbar { width:5px; /*스크롤바의 너비*/ }
.infoListbox > div::-webkit-scrollbar-thumb { background-color:#666; /*스크롤바의 색상*/ }
.infoListbox > divp::-webkit-scrollbar-track { background-color:black; /*스크롤바 트랙 색상*/ }
.infoListbox #titleul { display:flex; }
.infoListbox #titleul li { padding:15px 0; border-bottom:1px solid #ddd; }
.infoListbox #titleul li:first-child { width:calc(100% - 170px); }
.infoListbox #titleul li:nth-child(2) { width:90px; }
.infoListbox #titleul li:last-child { width:80px; }
.infoListbox #resultList ul { display:flex; }
.infoListbox #resultList ul li { border-bottom:1px solid #ddd; height:40px; line-height:40px; font-size:13px; }
.infoListbox #resultList ul li span { display:inline-block; }
.infoListbox #resultList ul li:first-child { width:calc(100% - 170px); }
.infoListbox #resultList ul li:nth-child(2) { width:90px; }
.infoListbox #resultList ul li:last-child { width:80px; }
.infoListbox #resultList .btn { display:inline-block; width:60px; color:#fff; font-size:12px; border-radius:5px; box-sizing:border-box; cursor:pointer; line-height:30px; vertical-align:middle; margin:-3px 0 0; }
.infoListbox #resultList .btn01 { background:url(../img/back/blue.png) repeat-x center / auto 100%; font-size:12px; }
.infoListbox #resultList .btn02 { background:url(../img/back/red.png) repeat-x center / auto 100%; font-size:12px; }
.infoListbox #resultList .progress { display:inline-block; width:60px; background-color:#fff; color:#666; border:1px solid #ddd; font-size:12px; border-radius:5px; box-sizing:border-box; cursor:pointer; margin:-3px 0 0; }

#closeDiv {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 15px;
	z-index:10001;
}

#closeDiv span {
    color: #fff;
    font-weight: bold;
    font-size: 1.25rem;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}


/* 거래 팝업창*/

.agree_container {
	width:580px;
	position:relative;
}
.agree_container:after {
	content:"";
	display:block;
	width:100%;
	height:30px;
	background:url(../img/dealagree_footbg.png) no-repeat 0 0;
	position:absolute;
	bottom:0;
	left:0
}
.agree_container .ahead {
	position:relative;
	height:50px;
	background:url(/img/top/logo.png) no-repeat 20px center / auto 33px;
	z-index:0;
	margin-top:-25px;
}
.agree_container .ahead .logo {
	position:absolute;
	top:42px;
	left:21px;
	display:none;
}
.agree_container .ahead .logo img {
	vertical-align:top;
	margin: -10px 0 0 20px;
	width: 155px;
}
.agree_container .awrap {
	position:relative;
	z-index:10
}
.agree_container .awrap .dealbtn {
	position:absolute;
	top:-35px;
	right:25px
}
.agree_container .awrap .dealbtn .sell {
	font-size:1em;
	padding:5px 15px;
	border-radius:5px;
	background-color:#06F;
	color:#fff;
}
.agree_container .awrap .dealbtn .buy {
	font-size:1em;
	padding:5px 15px;
	border-radius:5px;
	background-color:#f00;
	color:#fff;
}
.agree_container .awrap .titset {
	text-align:center;
	padding-top:0
}
.agree_container .awrap .titset .hd2 {
	font-size:2em
}
.agree_container .awrap .titset .stxt {
	color:#666;
	font-size:.875em;
	margin-top:10px
}
.agree_container .awrap .resultbox {
	position:relative;
	width:90%;
	margin:10px auto 0;
	padding:20px 10px;
	background:#fff;
	text-align:center;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
}
.agree_container .awrap .resultbox .result_dt {
	font-size:.875em;
	color:#666;
	width:300px;
	margin:auto;
}
.agree_container .awrap .resultbox .result_dt .space {
	display:inline-block
}
.agree_container .awrap .resultbox .result_dt .space+.space {
	margin-left:0px
}
.agree_container .awrap .resultbox .date {
	display:block
}
.agree_container .awrap .resultbox .money {
	display:block;
	font-size:1.875em;
	color:#324da8;
	font-weight:400;
	margin-top:4px
}
.agree_container .awrap .resultbox .money .smtxt {
	color:#666;
	font-size:.5em;
	margin-right:10px;
	font-weight:400;
	height:30px;
	line-height:40px;
}
.agree_container .awrap .resultbox .hr {
	border-bottom:1px solid #eee;
	display:block;
	margin:10px auto 14px 0;
	width:95%
}
.agree_container .awrap .resultbox .result_dt span {
	background-color:#f6f6f6; border:1px solid #ddd; border-radius:3px; padding:5px 10px; margin:2px;
}

.agree_container .awrap .ic {
	margin:10px 0 0 40px;
	text-align:center;
}
.agree_container .awrap .ic li {
	color:#999;
}
.agree_container .awrap .dealtime {
	overflow:hidden;
	margin:15px 40px
}
.agree_container .awrap .dealtime .f_left {
	float:left;
	width:50%;
	text-align:right;
}
.agree_container .awrap .dealtime .f_left .time {
	display:inline-block;
	vertical-align:middle;
	padding:10px 5px 0;
	
}
.agree_container .awrap .dealtime .f_left span {
	color:#900;
	font-size:18px;
}
.agree_container .awrap .dealtime .f_right {
	float:right;
	width:50%;
	text-align:left;
	padding-left:25px;
	box-sizing:border-box;
}
.agree_container .awrap .dealtime .f_right .submit {
	height:40px;
	line-height:40px;
	background-color:#f00;
	color:#fff;
	width:120px;
	text-align:center;
	display:inline-block;
}
.agree_container .awrap .qaset {
	padding:0 40px;
	margin:0;
	overflow:hidden;
	text-align:center;
}
.agree_container .awrap .qaset .inner {
	overflow:hidden
}
.agree_container .awrap .qaset .inner .tel {
	float:left
}
.agree_container .awrap .qaset .inner .tel .num {
	font-size:1.67em
}
.agree_container .awrap .qaset .inner .print {
	padding:2px 7px;
	border-radius:3px;
	box-shadow:0 0 5px rgba(0,0,0,0.1);
	border:1px solid #ddd;
	background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
	margin:4px auto;
	display:inline-block;
}
.agree_container .awrap .qaset .inner .print:before {
	width:14px;
	height:14px;
	background-size:100%
}
.agree_container .awrap .qaset .stxt {
	clear:both;
	font-size:.75em;
	margin:7px auto 0;
	text-align:center;
	max-width:460px;
}
.agree_container .awrap .tb_frm {
	width:90%;
	margin:10px auto 0
}
.agree_container .awrap .tb_frm th,.agree_container .awrap .tb_frm td {
	text-align:center;
	padding:7px
}
.agree_container .awrap .tb_frm td {
	border-left:1px solid #d7d7d7;
}
.agree_container .awrap .dealtime .f_right .buy{
	background-color:#f00;
	height:40px;
	line-height:40px;
	color:#fff;
	width:120px;
	text-align:center;
	display:inline-block;
	border-radius: 5px;
}
.agree_container .awrap .dealtime .f_right .sell{
	background-color:#06F;
	height:40px;
	line-height:40px;
	color:#fff;
	width:120px;
	text-align:center;
	display:inline-block;
	border-radius: 5px;
}

}


@media screen and (max-width:900px) {
ul, li { list-style:none; padding:0px; margin:0px; }
a { text-decoration:none; padding:0px; margin:0px; }

.container { margin:auto; position:relative; padding:0 20px; background-color:#fff; }

.chartarea { border-radius:10px 10px 0 0; border:1px solid #ddd; border-top:2px solid #000; box-shadow:0 0 5px rgba(0,0,0,0.1); background-color:#fff; }
.chartarea > ul { padding:25px; }
.chartarea > ul > li { box-sizing:border-box; }
.chartarea > ul .grpCate { position:relative; text-align:left; }
.chartarea > ul .grpCate img { height:15px; display:inline-block; vertical-align:middle; }
.chartarea > ul .grpCate ul { position:absolute; top:40px; left:0px; width:200px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:8px; display:none; }
.chartarea > ul .grpCate ul li a { display:block; height:40px; line-height:40px; color:#666; padding:0 20px; }
.chartarea > ul .grpCate ul li a font { font-size:12px; }
.chartarea > ul .grpCate div { font-weight:bolder; font-size:18px; }
.chartarea > ul .grpCate div font { font-size:13px; color:#666; font-weight:300; display:inline-block; vertical-align:bottom; }
.chartarea > ul .grpCate div span { display:inline-block; vertical-align:middle; background:url(/images/select.png) no-repeat center / auto 5px; margin-left:15px; width:20px; height:20px; }
.chartarea > ul .grpTit { text-align:center; padding:30px 0 0; }
.chartarea > ul .grpTit a { display:inline-block; border:1px solid #ddd; height:25px; line-height:25px; padding:0 15px; border-radius:25px; color:#666; font-size:13px; background-color:#f6f6f6; }
.chartarea > ul .grpTit .onX { background-color:#000; color:#fff; }

#grpArea { margin:0; height:350px; background-color:#fff; }
#grpArea iframe { width:100%; height:350px; border:1px solid #ddd; box-shadow:0 0 5px rgba(0,0,0,0.1); }

.sec-list { border-radius:10px 10px 0 0; border:1px solid #ddd; border-top:2px solid #000; box-shadow:0 0 5px rgba(0,0,0,0.1); margin:10px 0 0 0; position:relative; }
.sec-list > .sendform { background-color:#fff; }
.sec-list > .sendform ul {  }
.sec-list > .sendform ul li { padding:5px; box-sizing:border-box; text-align:center; }
.sec-list > .sendform ul li:first-child { border-bottom:1px solid #eee; }
.sec-list > .sendform ul li font { color:#999; font-size:13px; display:inline-block; vertical-align:middle; height:60px; line-height:60px; margin-right:30px; }
.sec-list > .sendform ul li font i { font-size:24px; display:inline-block; vertical-align:middle; font-weight:normal; }
.sec-list > .sendform ul li span { display:inline-block; vertical-align:middle; height:60px; line-height:60px; font-size:30px; }
.sec-list > .sendform ul li .time { font-size:42px; font-weight:bolder; }
.sendform p { display:inline-block; vertical-align:middle; border:1px solid #aaaaaa; background-color:#dbdbdb; height:40px; line-height:40px; padding:0 45px 0 15px; color:#666; border-radius:5px; margin-left:30px; position:relative; }
.sendform p:after { visibility:visible; content:""; display:block; width:20px; height:20px; border-radius:100%; position:absolute; top:50%; right:10px; transform:translateY(-50%); border:1px solid #fff; background:url(/img/sub/arr.gif) no-repeat center; filter:brightness(500%); z-index:100; text-align:left; }

.grpRE table .txtred { display:block; padding:6px 12px; background-image:url(../img/back/red.png); background-size:auto 100%; color:#fff; font-size:12px; border-radius:5px; box-sizing:border-box; cursor:pointer; }
.grpRE table .txtblue { display:block; padding:6px 12px; background-image:url(../img/back/blue.png); background-size:auto 100%; color:#fff; font-size:12px; border-radius:5px; box-sizing:border-box; cursor:pointer; }
.grpRE table .txtgrey { display:block; padding:6px 12px; background-color:#aaa; color:#fff; font-size:12px; border-radius:5px; box-sizing:border-box; cursor:pointer; }
.grpRE table .linered { display:block; border:1px solid #f00; color:#f00; font-size:12px; font-weight:bolder; padding:5px 12px; border-radius:5px; box-sizing:border-box; cursor:pointer; }
.grpRE table .lineblue { display:block; border:1px solid #06c; color:#06c; font-size:12px; font-weight:bolder; padding:5px 12px; border-radius:5px; box-sizing:border-box; cursor:pointer; }
#grpTable { background-color:#fff; }
#grpTable table { border:0px; width:100%; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
#grpTable table tr th { font-size:15px; color:#333; padding:15px 0; border-bottom:1px solid #ddd; }
#grpTable table tr td { font-size:15px; color:#666; padding:15px 0; border-bottom:1px solid #ddd; }
#grpTable table tr td:first-child { line-height:55px; }
#grpTable table tr td:nth-child(2) { line-height:55px; }
#grpTable table tr td:nth-child(3) { line-height:55px; }
#grpTable table tr td:nth-child(3) span { display:inline-block; vertical-align:middle; width:15px; height:25px; background:url(/img/sub/arr.png) no-repeat center / 100% auto; }
#grpTable table #results td { padding:7px 0; font-size:15px; font-weight:bolder; }
#grpTable #redball { width:23px; height:23px; line-height:25px; border-radius:100%; background-color:#f00; color:#fff; text-align:center; font-size:12px; margin:auto; display:block; }
#grpTable #blueball { width:23px; height:23px; line-height:25px; border-radius:100%; background-color:#06F; color:#fff; text-align:center; font-size:12px; margin:auto; display:block; }
#grpSubmit { background-color:#fff; padding:15px 0; }
#grpSubmit table { border:0px; width:100%; text-align:center; padding:3px 0; }
#grpSubmit table tr td { height:35px; }
#grpSubmit table tr td span { display:block; width:90%; height:40px; line-height:38px; margin:5px auto; padding:0px; box-sizing:border-box; font-size:13px; }

.grpInfos { display:none; }
.grpInfos ul { }
.grpInfos ul li { position:relative; padding:10px 20px; vertical-align:middle; }
.grpInfos ul li:first-child > span { position:absolute; width:40px; height:40px; top:15px; left:20px; border-radius:100%; overflow:hidden; display:block; }
.grpInfos ul li:first-child p { margin-left:50px; }
.grpInfos ul li p { padding:3px 0; }
.grpInfos ul li:first-child p font { display:inline-block; width:80px; }
.grpInfos ul li:nth-child(2) p font, .grpInfos ul li:last-child p font { display:inline-block; width:130px; }
.grpInfos ul li p span { display:inline-block; }

.grp01 {}
.grp02 { width:90px; }
.grp03 { width:70px; }
.grp04 { width:calc(50% - 80px); }
.grp05 { width:calc(50% - 80px); }
.grp01-2 { display:none; }

.infoListbox { margin:25px 0; text-align:center; border:1px solid #ddd; border-radius:10px; overflow:hidden; background-color:#fff; }
.infoListbox h5 { background-color:#222; color:#fff; font-size:15px; padding:0 10px; height:40px; line-height:40px; margin:0px; }
.infoListbox > div { overflow-y:scroll; height:407px; text-align:center; font-size:14px; }
.infoListbox > div::-webkit-scrollbar { width:5px; /*스크롤바의 너비*/ }
.infoListbox > div::-webkit-scrollbar-thumb { background-color:#666; /*스크롤바의 색상*/ }
.infoListbox > divp::-webkit-scrollbar-track { background-color:black; /*스크롤바 트랙 색상*/ }
.infoListbox #titleul { display:flex; }
.infoListbox #titleul li { padding:15px 0; border-bottom:1px solid #ddd; }
.infoListbox #titleul li:first-child { width:calc(100% - 170px); }
.infoListbox #titleul li:nth-child(2) { width:90px; }
.infoListbox #titleul li:last-child { width:80px; }
.infoListbox #resultList ul { display:flex; }
.infoListbox #resultList ul li { border-bottom:1px solid #ddd; height:40px; line-height:40px; font-size:13px; }
.infoListbox #resultList ul li span { display:inline-block; }
.infoListbox #resultList ul li:first-child { width:calc(100% - 170px); }
.infoListbox #resultList ul li:nth-child(2) { width:90px; }
.infoListbox #resultList ul li:last-child { width:80px; }
.infoListbox #resultList .btn { display:inline-block; width:60px; color:#fff; font-size:12px; border-radius:5px; box-sizing:border-box; cursor:pointer; line-height:30px; vertical-align:middle; margin:-3px 0 0; }
.infoListbox #resultList .btn01 { background:url(../img/back/blue.png) repeat-x center / auto 100%; font-size:12px; }
.infoListbox #resultList .btn02 { background:url(../img/back/red.png) repeat-x center / auto 100%; font-size:12px; }
.infoListbox #resultList .progress { display:inline-block; width:60px; background-color:#fff; color:#666; border:1px solid #ddd; font-size:12px; border-radius:5px; box-sizing:border-box; cursor:pointer; margin:-3px 0 0; }

#closeDiv {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 15px;
	z-index:10001;
}

#closeDiv span {
    color: #fff;
    font-weight: bold;
    font-size: 1.25rem;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}




/* 거래 팝업창*/

.agree_container {
	position:relative
}
.agree_container:after {
	content:"";
	display:block;
	width:100%;
	height:30px;
	background:url(../img/dealagree_footbg.png) no-repeat 0 0;
	position:absolute;
	bottom:0;
	left:0
}
.agree_container .ahead {
	position:relative;
	height:50px;
	background:url(../img/dealagree_headbg.png) no-repeat 0 0;
	z-index:0
}
.agree_container .ahead .logo {
	position:absolute;
	top:42px;
	left:21px;
	display:none;
}
.agree_container .ahead .logo img {
	vertical-align:top;
	margin: -10px 0 0 20px;
	width: 155px;
}
.agree_container .awrap {
	position:relative;
	z-index:10
}
.agree_container .awrap .dealbtn {
	position:absolute;
	top:-22px;
	right:25px
}
.agree_container .awrap .dealbtn .sell {
	font-size:1em;
	padding:5px 15px;
	border-radius:5px;
	background-color:#06F;
	color:#fff;
}
.agree_container .awrap .dealbtn .buy {
	font-size:1em;
	padding:5px 15px;
	border-radius:5px;
	background-color:#f00;
	color:#fff;
}
.agree_container .awrap .titset {
	text-align:center;
	padding-top:0
}
.agree_container .awrap .titset .hd2 {
	font-size:2em
}
.agree_container .awrap .titset .stxt {
	color:#666;
	font-size:.875em;
	margin-top:10px
}
.agree_container .awrap .resultbox {
	position:relative;
	width:90%;
	margin:10px auto 0;
	padding:20px 10px;
	background:#fff;
	text-align:center;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
}
.agree_container .awrap .resultbox .result_dt {
	font-size:.875em;
	color:#666
}
.agree_container .awrap .resultbox .result_dt .space {
	display:inline-block
}
.agree_container .awrap .resultbox .result_dt .space+.space {
	margin-left:10px
}
.agree_container .awrap .resultbox .date {
	display:block
}
.agree_container .awrap .resultbox .money {
	display:block;
	font-size:1.875em;
	color:#324da8;
	font-weight:400;
	margin-top:4px
}
.agree_container .awrap .resultbox .money .smtxt {
	color:#666;
	font-size:.5em;
	margin-right:10px;
	font-weight:400;
	height:30px;
	line-height:40px;
}
.agree_container .awrap .resultbox .hr {
	border-bottom:1px solid #eee;
	display:block;
	margin:10px auto 14px 0;
	width:95%
}
.agree_container .awrap .resultbox .result_dt span {
	background-color:#f6f6f6; border:1px solid #ddd; border-radius:3px; padding:5px 10px; margin:2px;
}

.agree_container .awrap .ic {
	margin:10px 0 0 40px;
}
.agree_container .awrap .ic li {
	color:#999;
}
.agree_container .awrap .dealtime {
	overflow:hidden;
	margin:15px 40px
}
.agree_container .awrap .dealtime .f_left {
	float:left
}
.agree_container .awrap .dealtime .f_left .time {
	display:inline-block;
	vertical-align:middle;
	padding:5px;
}
.agree_container .awrap .dealtime .f_left span {
	color:#900;
}
.agree_container .awrap .dealtime .f_right {
	float:right
}
.agree_container .awrap .dealtime .f_right .submit {
	height:40px;
	line-height:40px;
	color:#fff;
	width:120px;
	text-align:center;
	display:inline-block;
	border-radius: 5px;
}
.agree_container .awrap .dealtime .f_right .buy{
	background-color:#f00;
	height:40px;
	line-height:40px;
	color:#fff;
	width:120px;
	text-align:center;
	display:inline-block;
	border-radius: 5px;
}
.agree_container .awrap .dealtime .f_right .sell{
	background-color:#06F;
	height:40px;
	line-height:40px;
	color:#fff;
	width:120px;
	text-align:center;
	display:inline-block;
	border-radius: 5px;
}
.agree_container .awrap .qaset {
	padding:0 40px;
	margin:0;
	overflow:hidden;
	text-align:center;
}
.agree_container .awrap .qaset .inner {
	overflow:hidden
}
.agree_container .awrap .qaset .inner .tel {
	float:left
}
.agree_container .awrap .qaset .inner .tel .num {
	font-size:1.67em
}
.agree_container .awrap .qaset .inner .print {
	padding:2px 7px;
	border-radius:3px;
	box-shadow:0 0 5px rgba(0,0,0,0.1);
	border:1px solid #ddd;
	background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
	margin:4px auto;
	display:inline-block;
}
.agree_container .awrap .qaset .inner .print:before {
	width:14px;
	height:14px;
	background-size:100%
}
.agree_container .awrap .qaset .stxt {
	clear:both;
	font-size:.75em;
	margin-top:7px;
	text-align:center;
}
.agree_container .awrap .tb_frm {
	width:90%;
	margin:10px auto 0
}
.agree_container .awrap .tb_frm th,.agree_container .awrap .tb_frm td {
	text-align:center;
	padding:7px
}
.agree_container .awrap .tb_frm td {
	border-left:1px solid #d7d7d7;
}


.mbhidden { display:none; }

}