container {display:block; position: relative; min-width:1280px}

wrap {background:#eff2f7; position:relative}
wrap, content {
display:block
}

.hidden {visibility: hidden; width:0; height: 0; font-size: 0; display: block}

header {position:relative; z-index: 110; height:160px; border-bottom:1px solid #cccccc; background-color: rgb(200,205,205);}
header .header_inner {position:relative; width:1280px; height:118px; margin:0 auto}
header .header_inner .logo {position:absolute; top:25px; bottom:0; left:0; height:67px}
header .header_inner .logo > a {display:block}
header .header_inner .logo > a > img {}

nav {position:absolute; right:0; height:100%; transition:none}
nav .navtoggle {display:none}

nav .innerset {position:relative}
nav .innerset .navlist {position:relative; top: 25px;/* right:20px*/}
/*nav .innerset .gnb {position:absolute; top:24px; right:20px}*/

nav .navlist {display:inline-block; vertical-align: middle; font-size:0}
nav .navlist > li {position:relative; display:inline-block; float:left;}
nav .navlist > li + li {margin-left:0}
nav .navlist > li > a {position:relative; display:block; height:65px; line-height: 65px; padding:0 20px; z-index: 10; font-size: 1.125rem; /* text-shadow: #666 0px 0px 0.015em; */}




nav .navlist > li.on > a,
nav .navlist > li > a:hover {color:#fe0002}


/*
nav .navlist > li.on > a:before,
nav .navlist > li > a:hover:before {content:""; display:block;  height:2px; background:#5d56a3; position:absolute; bottom:0; left:0; right:0}
*/

nav .dp2 {border-bottom:1px solid #d2d2d2; position:absolute; top:0; left:50%; padding:93px 0 0 0;  visibility: hidden; opacity: 0}

nav .dp2 > li {text-align:center;background-color: #fff;}
nav .dp2 > li > a {display:block; white-space: nowrap; padding:10px 30px; font-size:1rem; border:1px solid #d2d2d2; border-width:0 1px; color: #666; font-weight: 300}
nav .dp2 > li:first-child > a {border-top:2px solid #fe0002; padding-top: 20px;}
nav .dp2 > li:last-child > a {padding-bottom: 20px;}
nav .dp2 > li > a:hover {color: #000;}


nav .navlist > li.on .dp2 {visibility: visible; opacity: 1; transition:all .2s ease}


.gnb {width: 100%; border-bottom:1px solid #aaa; display:inline-block; height:40px; line-height: 40px; font-size:0; padding:0 12px; margin:auto; vertical-align: middle;}
.gnb .btn {position:relative; font-size:.875rem; color:#666; line-height: 40px}
.gnb .btn:hover {color:#1b1b1b}
.gnb .btn + .btn:before {content:""; display:inline-block; width:13px; height: 13px; margin-right: 10px; background:url('../img/top_plus_icon.gif') no-repeat 0 0; }
.gnb .btn .ico {display:inline-block; width:18px; height: 18px; background:url('../img/gnb_icoset.png') no-repeat 0 0; background-size:auto 18px;
vertical-align:middle; margin:0 5px 3px 0}
.gnb .btn.name .ico {background-position:-18px 0}
.gnb .btn.area .ico {background-position:-36px 0}
.gnb .btn.money .ico { }

.gnb .stat_login	{max-width: 1280px; margin: 0 auto; text-align: right;}
.gnb .stat_login a	{border-right: 1px #aaa solid; padding: 0 18px;}



.main_v	{background-color: #000; width: 100%; margin-bottom: 60px; height: 560px; background:url('../img/main/main_img.jpg') 50%; text-align: center; line-height:560px}
.main_v img	{max-width: 699px; width: 90%;}

em {color:#aa0000}
em.point1 {color:#015bce}
em.point2 {color:#ff0000}

.arr { }
.arr.up { }
.arr.down { }

.ic { }
.ic > li {font-size:.75em; line-height: 1.7; text-indent: -7px; margin-left: 11px;}
.ic > li:before {content:""; display:inline-block; width:4px; height:1px; background:#747474; margin: 0 4px 4px 0;
	}

.btnset { }
.btnset.ct {text-align:center}
.btnset.rt {text-align:right}
.btn {display:inline-block; vertical-align: middle; margin:0; padding:0}
.btn.link { background:url('../img/main/trade_go.gif'); width: 115px; height: 41px; padding-right: 13px; line-height: 41px; font-weight: 200; color: #fff;}
.btn.arr:after {content:""; display:inline-block; width:5px; height:8px; background:url('../img/btn_arrwhite.png') no-repeat 0 0;
background-size:100%; margin:0 0 2px 15px; vertical-align: middle}

.btn.ctype1 {background:#d9d9d9; color: #000; overflow: hidden; padding:8px 15px 8px;}
.btn.ctype2 {background:#666; color: #fff; overflow: hidden; padding:8px 15px 8px;}
.btn.submit {background:#0c2748; color:#fff; height:50px; line-height: 50px; padding:0 40px}
.btn.cancel {background:#666; color:#fff; height:50px; line-height: 50px; padding:0 40px}
.btn.complete {background:#02abd2; color:#fff}

.btn.progress {background:#ffb005; color:#fff; padding:4px 0; border-radius: 30px; min-width:59px}
.btn.sell {background:#4c84ff; color:#fff; padding:4px 0; border-radius: 30px; min-width:59px}
.btn.buy {background:#ff6c60; color:#fff; padding:4px 0; border-radius: 30px; min-width:59px}
.btn.end {background:#b7b6b6; color:#fff; padding:4px 0; border-radius: 30px; min-width:59px}
.btn.etc1 {border:1px solid #cb1919; color:#cb1919}

.btn.co1 {background:#f53241; color:#fff}
.btn.co2 {background:#2e69eb; color:#fff}
.btn.co3 {background:#02abd2; color:#fff; padding:7px 19px}
.btn.co4 {background:#aaa; color:#fff; padding:7px 19px}
.btn.view {border: 1px solid #ccc; padding: 5px 19px}

.btn.moreview {border:1px solid #aaa; padding:8px 30px; border-radius: 30px}
.btn.moreview:before {content:""; display:inline-block; vertical-align: middle; width: 15px; height:15px;
background:url('../img/moreviewicon.png') no-repeat 0 0; background-size:100%; margin:0 5px 3px 0}


.btnset .btn + .btn {margin-left:15px}
.btnset.col1 .btn {display:block}
.btnset.ct {text-align:center}

.btn .ico_sch  {display:inline-block; vertical-align: middle; width:15px; height: 15px; background:url('../img/searchico.png') no-repeat 0 0;
background-size:100%; margin-bottom:2px}
.btn .ico_sch + .context {margin-left:5px; margin-bottom:4px; display:inline-block; vertical-align: middle}



.print:before {content:""; display:inline-block; width:22px; height: 22px; background:url('../img/dealagree_print.png') no-repeat 0 0; vertical-align: middle; margin: 0 5px 2px 0}


table td .ctrset {display:inline-block; vertical-align: middle; margin-left:3px; margin-bottom:3px}
table td .ctrset .btn,
table td .ctrset .badge {display:block; width:11px; height: 8px; background:url('../img/main_ratearr.png') no-repeat 0 0;
background-size:11px 16px;}
table td .ctrset .btn + .btn,
table td .ctrset .badge + .badge {margin-top:3px}
table td .ctrset .btn.limit,
table td .ctrset .badge.limit { }
table td .ctrset .btn.stop,
table td .ctrset .badge.stop {background-position:0 -8px}


footer {background:#2d2d2d; height: 370px;}
footer .footer_top {height:75px; border-bottom:1px solid #72757c}
footer .footer_top .inner {position:relative; width:1280px; margin:0 auto}
footer .footlogo {position:absolute; top:55px; width: 260px;}
footer .footlogo img	{width: 160px;}
.footer_gnb {position:absolute; top:30px; left:20px}
.footer_gnb > ul {overflow: hidden}
.footer_gnb > ul > li {float:left}
.footer_gnb > ul > li > a {color:#cdcdcd; font-size:.875em; display:block}
.footer_gnb > ul > li > a:hover {color:#fff}
.footer_gnb > ul > li + li > a:before {content:""; display:inline-block; width:1px; height:10px; background:#72757c; vertical-align: middle; margin:0 20px}

.snslist {position:absolute; top:20px; right:20px}
.snslist > ul {overflow: hidden }
.snslist > ul > li {float:left}
.snslist > ul > li + li {margin-left:15px}
.snslist > ul > li > a {display:block}
.snslist > ul > li > a .ico {display:block}
.snslist > ul > li > a .ico.sns1 {
width:110px; height: 30px; background:url('../img/footer_sns_band.png') no-repeat 0 0;
background-size:100%;
}
.snslist > ul > li > a .ico.sns2 {
	width:145px; height: 30px; background:url('../img/footer_sns_kakaostroy.png') no-repeat 0 0;
	background-size:100%;
}

.snslist > ul > li .callcenter {color:#fff; display:inline-block; margin-top:2px; font-size:1.25em}
.snslist > ul > li + li {margin-left:30px}

wrap {}
content {width:1280px; margin:0 auto; min-height:500px; padding:20px 0 30px}



footer .footer_bottom {width: 95%; max-width: 1280px; margin: 0 auto; padding:0; height:265px}
footer .footer_bottom .inner {position:relative; width:1280px; margin:0 auto}
footer .footer_bottom .inner .addinfo {position:absolute; top:55px; left: 260px;}
footer .footer_bottom .inner .addinfo a	{padding-right: 15px; margin-right: 15px; font-size: 13px; font-weight: 200; color: #fff; background: url(/img/foot_line.jpg) no-repeat right;}
footer .footer_bottom .inner .addinfo .no-border	{background: none;}
footer .footer_bottom .inner .addinfo address	{ font-weight: 200; margin: 10px 0; color: #a5a5a5; font-size: 13px;}
footer .footer_bottom .inner .addinfo address span	{padding-right: 15px; margin-right: 15px; background: url(/img/foot_line.jpg) no-repeat right;}
/*footer .footer_bottom .inner .addinfo {position:absolute; top:50px; left:240px}*/

footer address {color:#fff; font-size:.875em; line-height: 2}
footer .copywright {top: 200px; position:relative;max-width: 1280px; width: 100%; color:#fff; font-size:.875em; margin: 0 auto; border: 1px #4b4b4b solid; color: #828181; text-align: center; font-size: 13px; padding: 40px}

footer .account {position: absolute; top:60px; right:20px}
footer .account .simg {display:inline-block; vertical-align:middle}
footer .account .stxt {color:#fff; display:inline-block; vertical-align:middle; margin-left:15px}

.subvisual {position: relative; overflow: hidden; text-align: center; height: 125px; left: 0; width: 100%; display:none}
.subvisual .inner {position: absolute; top: 0; left: 50%; margin-left: -960px; width: 1920px; height: 125px}
.subvisual .inner.ty1 {background:url(../img/subvisual01.jpg) no-repeat 0 0; background-size:cover}
.subvisual .innertynull {background:url(../image/subvisual1.jpg) no-repeat 0 0; background-size:auto}
.subvisual .inner .txtinfo {display:table; width:100%; height:100%; text-align: center}
.subvisual .inner .txtinfo .txtinner {display:table-cell; vertical-align: middle}
.subvisual .inner .txtinfo .txtinner * {color:#fff}
.subvisual .inner .txtinfo .hd3 {font-size:2em}
.subvisual .inner .txtinfo .stxt { }

.location {border-bottom:1px solid #cbcbcb; height:40px; background: #fff}
.location .inner {position:relative; width:1280px; height:40px; margin:0 auto; overflow: hidden}
.location .inner .home {float:left; width:40px; height:40px; border:1px solid #cbcbcb; border-width:0 1px; position:relative}
.location .inner .home:before {content:""; display:block; width:15px; height:15px; background:url('../img/loc_homeicon.png') no-repeat 0 0;
position:absolute; top:0; left:0; right:0; bottom:0; margin:auto}
.location .inner .locallist {float:left; overflow: hidden}
.location .inner .locallist > li {float:left}
.location .inner .locallist > li > a {display:block; height:40px; line-height: 40px; padding:0 20px}
.location .inner .locallist > li > a:after {content:""; display:inline-block; width:4px; height: 6px; background:url('../img/location_arr.png') no-repeat 0 0; background-size:4px 12px; vertical-align: middle; margin:0 0 4px 20px}
.location .inner .locallist > li.on > a {color:#5d56a3}
.location .inner .locallist > li.on > a:after {background-position:0 -6px}
.location .inner .locallist > li + li > a {border-left:1px solid #cbcbcb}
.location .inner .locallist > li:last-child > a {border-right:1px solid #cbcbcb}

.section { }
.section.wht {background:#fff; padding:20px}
.section.wht + .section {margin-top:20px}


/* Æû ¶óÀÌÆ® - ±âº» ¸ÞÅ͸®¾ó 4´Ü°è Àû¿ë */
.frm_write {border-top:1px solid #4c84ff; background: #fff}
.frm_write .frm_list > li {display:flex; width: 100%; border-bottom:1px solid #d4d3d3}
.frm_write .frm_list > li.bound_date .frm_clm:nth-child(1) {width:inherit}
.frm_write .frm_list > li.bound_date .frm_clm:nth-child(2),
.frm_write .frm_list > li.bound_date .frm_clm:nth-child(3) {width:calc(100%/2)}

.frm_write .frm_list > li .frm_clm {display:inline-block}
.frm_write .frm_list > li .frm_clm.col1 {width:calc(100%/1)}
.frm_write .frm_list > li .frm_clm.col2 {width:calc(100%/2)}
.frm_write .frm_list > li .frm_clm.col3 {width:calc(100%/3)}
.frm_write .dlist {display:table; width: 100%; height: 100%}
.frm_write .dlist > dt,
.frm_write .dlist > dd {padding:10px 10px; display: table-cell; vertical-align: middle}
.frm_write .dlist > dd.txtrow {padding:15px 0}
.frm_write .dlist > dd.txtrow .row {padding:15px; border-bottom:1px solid #d4d3d3}
.frm_write .dlist > dd.txtrow .row:last-child {border-bottom:none}
.frm_write .dlist > dt {width:90px; text-align: center; background: #f8f8f8}
.frm_write .dlist > dd {}
.frm_write .dlist > dd .inputset.rdo,
.frm_write .dlist > dd .inputset.ckbox {width:auto}
.frm_write .dlist > dd .row + .row {margin-top:10px}
.frm_write .dlist > dd .row.pc_inline {display:inline-block; vertical-align: middle}
.frm_write .dlist > dd .row.pc_inline + .row.pc_inline {margin-top:0}
.frm_write .dlist > dd .row.pc_inline .inputdate .inputset + .btn {vertical-align: top}

.frm_write .dlist > dd .row .inputset,
.frm_write .dlist > dd .row input {vertical-align: top}

/*.frm_write .dlist > dd .inputset.sectize .control-group .selectize-input input#searcharea-selectized {width:150px}*/


.frm_write .dlist > dd .sbj_col3_outer {overflow:hidden; margin:-10px 0 0 -20px; padding:0}
.frm_write .dlist > dd .sbj_col3 {float: left; margin:10px 0 0 20px}
/* .frm_write .dlist > dd .sbj_col3 + .sbj_col3 {margin-left:1%} */
.frm_write .dlist > dd .sbj_col3 .stxt {margin-bottom: 10px}
.frm_write .dlist > dd .sbj_col3 .inputset {width:inherit}

.frm_write .dlist > dd .inputset + .btn {margin-left:10px}
.frm_write .dlist > dd .box_insertimg .inputset + .btn {margin-left:0}
.frm_write .dlist > dd .input_col .flag {line-height:42px; display:inline-block; padding:0 10px}
.frm_write .dlist > dd .stxt {font-weight:normal}
.frm_write .dlist > dd .stxt.sm {font-size:.875em; color: #666}
.frm_write .dlist > dd .input_col .stxt {}
.frm_write .dlist > dd .input_col .stxt.ty1 {min-width:100px}
.frm_write .dlist > dd .input_col .stxt + .inputset,
.frm_write .dlist > dd .input_col .stxt + .inputdate,
.frm_write .dlist > dd .input_col .stxt + .ctrbox_row {margin-left:5px}
.frm_write .dlist > dd .input_col .stxt + .ctrbox_row {flex:1; -webkit-flex:1}

.frm_write .dlist > dd .input_col .inputdate + .inputset,
.frm_write .dlist > dd .input_col .inputset + .stxt,
.frm_write .dlist > dd .input_col .inputdate + .stxt {margin-left:20px}
.frm_write .dlist > dd .input_col .inputdate {flex:1; -webkit-flex:1}


.frm_write .dlist > dd .input_col.reverse .stxt + .inputset {margin-left:20px}
.frm_write .dlist > dd .input_col.reverse .inputset + .stxt {margin-left:5px}

.frm_write .dlist > dd .inputset.txt {display:flex}
.frm_write .dlist > dd .inputset.txt input {flex:1}
.frm_write .dlist > dd .inputset.txt .txt_sub {vertical-align: middle}
.frm_write .dlist > dd .txtinfo {font-size:.75em; margin-top:5px}
.frm_write .dlist > dd .wgrid1 {width:300px}
.frm_write .dlist > dd .wgrid2 {width:150px}


.frm_write .frm_list > li .frm_clm.col1 .dlist > dt,
.frm_write .frm_list > li .frm_clm.col2 .dlist > dt {width:150px}

.frm_write .dlist > dd label .inputset {width:auto}

.frm_write .dlist > dd .t_list {box-shadow:none}
.frm_write .dlist > dd .t_list td .inputset {vertical-align: middle }
.frm_write .dlist > dd .t_list td .btn {padding:8px 10px 7px}
.frm_write .dlist > dd .t_list td .btn .ico.more { }
.frm_write .dlist > dd .t_list td .btn .ico.more:before {width: 14px; height: 14px; background-size: 84px 14px; background-position:-70px 0}
.frm_write .dlist > dd .stxt + .slink,
.frm_write .dlist > dd label + .slink{margin-top:15px;}

.frm_write .dlist > dd .input_col .inputset {display:inline-block; flex:none}


.frm_write .dlist > dd .input_col.file {display:flex}

.frm_write.ty1 .inputset { }
.frm_write.ty1 .inputset input,
.frm_write.ty1 .inputset select {height:28px}
.frm_write.ty1 .btn {padding:0 10px; height:30px; line-height: 30px; font-size:.875em}



.hd1 {font-size:2em}
.hd2 {font-size:1.7em}
.hd3 {font-size:1.5em}
.hd4 {font-size:1.2em}
.hd5 {font-size:1em}
.hd6 {font-size:.875em}
.hd2 + .hd5 {margin-top:20px}

.hd2.ct {text-align: center}

.userinifoset {background:#f2f2f2; border: 1px solid #d2d2d2; padding:3px 20px}
.userinifo {font-weight:normal; display: inline-block; vertical-align: middle}
.userinifo:before {content:""; display: inline-block; vertical-align: middle; width: 15px; height: 18px; background: url('../img/userinfoicon.png') no-repeat 0 0; margin:0 10px 5px 0; background-size:100%}


.agreebox + .hd5,
.tablist + .tab_sectionout {margin-top:50px}

.titset.hd3 + .userinifoset,
.hd3 + .msgbox,
.titset.hd3 + .frm_write {margin-top:10px}

.hd5 + .tb_frm,
.hd5 + .frm_write,
.agreebox + .btnset,
.alram + .section,
.graphset + .contract_timeset,
.titset + .agreebox,
.stxt + .stxt,
.stxt + .simg,
.stxt + .tb_frm,
.tb_frm + .btnset,
.tb_frm + .page_navi,
.inputset + .hd5,
.titset + .section,
form[name="fm"] + .btnset,
form[name="fm"] + .page_navi,
.msgbox + .hd3,
.msgbox + .frm_write,
.frm_write + .btnset,
.frm_write + .tb_frm,
.frm_write + .sum_frm,
.tablist + .frm_write,
.tablist + .tb_cap,
.tablist + .tb_frm,
.sum_frm + .tb_frm,
.stxt + .tb_cap,
.hd2 + .frm_write,
.tablist + .titset.hd3,
.tab_pos_rt + .tb_frm {margin-top:20px}

.contract_timeset + .contractset {margin-bottom:20px}

.hd3 + .stxt {margin-top:10px}

.hd2 + .section {margin-top:15px}
.graph_infoset + .contract_timeset {margin-top:7px}

.tb_frm + .hd5,
.frm_write + .hd5,
form[name="fm"] + .hd5,
.tb_frm + .tb_cap,
.frm_write + .tb_cap,
.frm_write + .hd2,
.frm_write + .hd3,
.frm_write + .hd4,
.titset.hd3 + .titset.hd4,
.userinifoset + .titset.hd4 {margin-top:40px}

.tb_frm + .agreebox,
.hd5 + form[name="fm"],
.hd4 + form[name="fm"],
.hd5 + .agreebox {margin-top:10px}

.tb_cap + #myResultDiv,
.tb_cap + .tb_frm {margin-top:5px}

.titset {position:relative}
.titset.ct {text-align:center}
.titset.rt {text-align:right}
.titset .pos_rt {position:absolute; right:0; top:0}
.titset .pos_rt .can-toggle {right:41px; top:14px}

.titset.icon .hd2 {display:inline-block; vertical-align: middle}
.titset .reload {width:20px; height: 20px; display:inline-block; vertical-align: middle; background:url('../img/refresh.png') no-repeat 0 0; background-size:100%; margin-left:5px}