/* 모바일 + 태블릿*/
@media (max-width: 1279px) {
	container {min-width:inherit;}
	header .header_inner {width:100%; position: fixed; top: 0;background-color:#7069c3;}
	header .header_inner .logo {left: 0; right: 0; text-align: center;}
	nav {}
	nav .innerset {position: fixed; left: -300px; width: 300px; height: 100%; background: #1b293e; transition:all .2s linear}


	nav .navtoggle {display:block; position:fixed; top:28px; left:20px; z-index: 9999}
	nav .navtoggle .toggle {display:block}
	nav .navtoggle .toggle > span {width:30px; height:2px; background:#ffffff; display:block; transition:all .2s linear}
	nav .navtoggle .toggle > span + span {margin-top:8px}
	nav .navlist {margin-top:10px; overflow: hidden}
	nav .navlist > li {float:left; width:100%; border-bottom:1px solid #495465}

	nav .navlist > li + li {margin:0}
	nav .navlist > li > a {position:relative; color:#e8e8e8; height:60px; line-height: 60px; padding:0 20px}
	nav .navlist > li > a:hover {color:#fff}
	nav .navlist > li > a:hover:before {display:none}
	nav .navlist > li.act > a:after {content:""; display:block; width: 13px; height: 7px; background:url('../img/mobilenav_arr.png') no-repeat 0 0;
	background-size:13px 14px; position:absolute; top:0; bottom:0; right:20px; margin:auto}
	nav .navlist > li.act.on > a:after {background-position:0 -7px}
	nav .navlist > li.on > a {color:#ebf3fe}
	nav .navlist > li.on > a:before {display:none}
	nav .navlist > li .dp2 {position: relative; left: 0; top:0; padding: 6px; background: #516682; transition:none; visibility: visible; opacity: 1;
	border:none;z-index:999;}
	nav .navlist > li.on .dp2 {transition:none;}
	nav .dp2 {display:none;}
	nav .dp2 > li {text-align:left; line-height: 20px;}
	nav .dp2 > li > a {color:#fff; padding:10px 0 5px 25px; border:none;}
	nav .dp2 > li > a:before {content:""; display:inline-block; width:4px; height:1px; background:#fff; vertical-align: middle; margin-right:5px;
	margin-bottom:2px}
	
	nav .dp2 > li > a:hover {color:#fff47d; background:transparent;}
	nav .dp2 > li:first-child > a {border:none}
	/* nav .dp2 > li > a:hover:before {display:none} */


	nav .innerset .gnb {border: none; text-align: center; height: auto; position: relative; order: 1; margin: 60px 0 0 0; right:0; background-color:rgba(0,0,0,0);}
	nav .innerset .btn {color:#fff}
	nav .innerset .btn:hover {color:#fff}
	.simg { }
	.simg > img {width:100%}


	nav .innerset {display: flex; flex-direction: column;}
	nav .innerset .navlist {order: 2; border-top: 1px solid #495465; }

	nav.on .innerset {left:0}
	nav.on .navtoggle .toggle > span {background:#fff}
	nav.on .navtoggle .toggle > span:nth-child(1) {transform: translateY(10px) rotate(-45deg)}
	nav.on .navtoggle .toggle > span:nth-child(2) {opacity: 0; visibility: hidden}
	nav.on .navtoggle .toggle > span:nth-child(3) {transform: translateY(-10px) rotate(45deg)}

	nav .innerset .navlist {right:0; top:25px}

.gnb .stat_login { display: flex; flex-wrap: wrap}
.gnb .stat_login { }
.gnb .stat_login .name {order:1; flex:1; padding-right:10px}
.gnb .stat_login .money {order:4; background:#081221; width:100%; margin:10px 0; padding:5px 10px 5px 5px ; text-align:right}
.gnb .stat_login .money:before {content: "보유보증금"; display: inline-block; color: #fff; border: none; background: none;
    margin: 0; width: inherit; height: inherit; text-align: left; line-height: 38px; margin-left:5px; padding-left:10px}

.gnb .stat_login .point {order:4; background:#081221; width:100%; *margin:10px 0; padding:5px 10px 5px 5px ; text-align:right}
.gnb .stat_login .point:before {content: "보유포인트"; display: inline-block; color: #fff; border: none; background: none;
    margin: 0; width: inherit; height: inherit; text-align: left; line-height: 38px; margin-left:5px; padding-left:10px}


.gnb .stat_login .logout {order:3; flex:1}
.gnb .stat_login .area {order:2; width: 110px;}

.gnb .stat_login .login {flex:1}
.gnb .stat_login .member {width:50%}
.gnb .stat_login .btn:before {position:absolute; left:0; top:0; bottom:0; margin:auto}


	.m1 {width:inherit; padding:0 20px; display:flex}
	.m1 .m1section {*width:49%; width: 100%; height:30vw}
	.m1 .m1section + .m1section {margin-left:2%}
	.m1 .m1section img {width:100%}
	.m1 .m1section .m1_ratetable {height:100%}
	.m1 .m1section .m1_ratetable > table {height:100%}
	.m1 .m1section .m1_ratetable > table th {padding:10px 0}
	.m1 .m1section .m1_ratetable > table td {padding:6px 0}
	
	.m1 .m1section .m1_videobox .titset {height:44px}
	.m1 .m1section .m1_videobox .titset .hd3 {line-height: 44px}
	.m1 .m1section .m1_videobox .video_infobox {height: calc(100% - 44px)}
	.m1 .m1section .m1_videobox .video_infobox .inner .videoview .videoico {width:130px; height: 88px; 
		background: url(../img/main_videoiconset2.png) no-repeat 0 0;
		background-size:auto 88px;
	}
	.m1 .m1section .m1_videobox .video_infobox .inner .videoview .videoico.ty1 {background-position:-130px 0}
	.m1 .m1section .m1_videobox .video_infobox .inner .videoview .videoico.ty2 {background-position:-260px 0}
	.m1 .m1section .m1_videobox .video_infobox .inner .videoview + .videoview {margin-left:20px}

	.m1 + .m2 {margin-top:30px}

	.m2 {width:inherit; padding:0 20px}
	.m2 .m2_inner {display:flex; width: inherit}
	.m2 .m2_inner .usebox {width:auto; flex:1}
	.m2 .m2_inner .usebox .simg {width:auto}
	.m2 .m2_inner .usebox + .usebox {margin-left:20px}

	.m3 {width:inherit; padding:25px 20px}
	.m3 .m3list {display:flex}
	.m3 .m3list > li {flex:1}
	.m3 .m3list > li + li {margin-left:20px}
	.m3 .m3list > li .stxt {font-size:.875em}

	.m4 {width:inherit; padding:0 20px; display:flex; margin-top:20px; }
	.m4 .m4section {width:49%; height:30vw}
	.m4 .m4section + .m4section {margin-left:2%}
	.m4content{ font-size:17px; top:35px; padding-left:10px;}
	.m4title{ font-size:20px;}
	.m4titlecontentwrap{padding-top:10%;}

	.btn {}
	.btn.link {padding:4px 6px; font-size:.875em}

	footer .footer_top .inner,
	footer .footer_bottom .inner {width:inherit}
	footer .account .simg {display:block}
	footer .account .stxt {margin:15px 0 0 0}

	.subvisual .inner.ty1 {width: inherit; left: 0; margin: 0}
	content {width:inherit; padding:30px 10px}
	.location .inner {width:inherit}

	.section.wht {padding:20px 10px}

	.mtab ul li a {font-size:.875em}


	.graph {width:100%;}
	
	.graph_infoset {width:100%;position:relative; top:0; left:0;margin:0 0 0 0;}
	.graph_infoset .btnset {margin-bottom:20px;}
	
	
	.contract_timeset {width:100%;}
	.contract_timeset .titset .hd3 {line-height: 100px;}
	.contract_timeset {height:100px; box-shadow: 1px 0 3px #c9ccd1;}
	.contract_timeset .rtime .time {font-size:2.5em}
	.contract_timeset .atime .time {font-size:1.2em}
	.contract_timeset .titset {}
	.contract_timeset .titset .hd3 {font-size:1.2em}
	.contract_timeset .titset .hd3:before {width:20px; height:20px; background-size:100%}

	.contractset {width:100%;}
	.contractset .contract_infoset .topcont .ltcont {width:200px; padding: 45px 10px 0}
	.contractset .contract_infoset .topcont .ltcont .dlist > dt, .contractset .contract_infoset .topcont .ltcont .dlist > dd	{font-size:.875em}
	.contractset .contract_infoset .topcont .rtcont .tb_frm > table th,
	.contractset .contract_infoset .topcont .rtcont .tb_frm > table td {font-size:.875em; padding:7px 5px}
	.contract_timeset .rtime .time + .inputset {margin:0 0 0 20px}
	.contract_timeset .rtime .inputset select {height: 28px; font-size: .875em}


	.tb_frm > table th,
	.tb_frm > table td {font-size:.875em}

	#dealTb col:nth-child(1) {width:8%}
	#dealTb col:nth-child(2) {width:20%}
	#dealTb col:nth-child(3) {width:12%}
	#dealTb col:nth-child(4) {width:8%}
	#dealTb col:nth-child(5) {width:8%}
	#dealTb col:nth-child(6) {width:10%}
	#dealTb col:nth-child(7) {width:14%}
	#dealTb col:nth-child(8) {width:10%}
	#dealTb col:nth-child(9) {width:10%}
	.btn.view {padding:5px 10px}

	.frm_write .frm_list > li {flex-wrap:wrap}
	.frm_write .frm_list > li .frm_clm {padding:5px}
	.frm_write .frm_list > li .frm_clm.col2 {width:100%}
	.frm_write .frm_list > li .frm_clm.col2 + .col2 {border-top:1px solid #d4d3d3}
	.frm_write .dlist > dd .wgrid1,
	.frm_write .dlist > dd .wgrid2,
	.frm_write .dlist > dd input,
	.frm_write .dlist > dd select {width:100%}
	.frm_write .frm_list > li .frm_clm .dlist > dt {background:transparent; text-align:left; font-size:.875em}
	.frm_write .frm_list > li .frm_clm .dlist > dt,
	.frm_write .frm_list > li .frm_clm .dlist > dd {padding:5px; display:block}
	.frm_write .frm_list > li .frm_clm .dlist {display:block}
	.frm_write .frm_list > li .frm_clm .dlist > dd .email select {font-size:.8em}
	/*
	#memberJointb { }
	#memberJointb tr {display:flex}
	#memberJointb tr th {width:120px; padding: 0; display: flex; align-items: center; justify-content: center}
	#memberJointb tr td {flex:1}
	#memberJointb tr.row {flex-direction: column}
	*/

	.zigbox_outer {margin-top:50px}
	.zigbox_outer .zigbox .simg {width: 35%; margin: 0 0 0 10vw}
	.zigbox_outer .zigbox .txtinfo {width: 35%; margin: 0 10vw 0 0}
	.zigbox_outer .zigbox.ty1 .simg {width: 35%; margin: 0 10vw 0 0}
	.zigbox_outer .zigbox.ty1 .txtinfo {width:35%; margin-left:10vw}

	.contractset .contract_infoset .topcont .rtcont .tb_frm > table tfoot .apply td:last-child	{}
	.contractset .contract_infoset .sblist > li {text-align:left}

	.cusinfo {width: calc(100% - 20px); margin: 20px auto 0; display: flex; align-items: center; height: auto; box-shadow: none; border: 1px solid #d2d2d2; border-radius: 3px;}
	.cusinfo .box {float:none; width:100%; padding:20px 0}
	.cusinfo .box:first-child,
	.cusinfo .box:last-child {width:inherit}
	.cusinfo .box .infotxt:before {position:static; display: inline-block; vertical-align: middle; width:69px; height:60px; background-size: 100%; }
	.cusinfo .box .infotxt {padding:0; text-align: left}
	.cusinfo .box .infotxt .titset {position:relative; margin-left:20px; margin-bottom:10px; padding-left:60px}
	.cusinfo .box .infotxt .titset:before {position:absolute; top:0; left: 0; bottom:0; margin:auto}	
	.cusinfo .box .innercont {display:inline-block; vertical-align: middle; margin-left: 20px}
	.cusinfo .box + .box {}
	.cusinfo .box .iconinfo:first-child {padding-left:20px}
	.cusinfo .box .iconinfo:last-child {padding-right:20px}
	.cusinfo .box + .box:before {}

	.cusinfo + .m1 {margin-top:20px}

	.infoset .infolist > li {padding:20px 50px}
	
	.talkfloat .talkbody {height:0}
		
	.page_navi button + button {margin:0}
	.page_navi button {padding: 0 5px 0 15px; height: 25px}
	.page_navi button:after {position: absolute; bottom: 0; right: 0; height: 7px;}
	.page_navi button.fst:after, .page_navi button.prev:after, .page_navi button.next:after, .page_navi button.lst:after {position:relative}

	.sise-wrap {position:absolute; bottom:0;left:0; margin-left:0px; width:100%; }
	.container-home-top .title {z-index: 2;float:inherit; padding-top:0;}
.title-wrap {width:100%;}
	.stock-guide {width:100%; flex-wrap:wrap; text-align:center; margin:0 auto;  }
.stock-guide-title {margin:0 auto; }
.stock-guide-bnr-wrap {width:100%; margin:0 auto; margin-top:30px; padding:0 20px;flex-wrap:nowrap; }
.stock-guide-bnr {width: 33%; }
.stock-guide-bnr:nth-child(1) {margin-left:0;}
.stock-info-wrap {width:100%; flex-wrap:wrap;margin-top:70px; }
.stock-info-box {width:100%;height:300px;padding:0 20px; }
.stock-about {width:100%;}
.stock-about-icon-wrap {width:100%; justify-content:center; flex-wrap:wrap; padding:0 20px; }
.stock-about-icon {width:33%; }
.stock-info-box:nth-child(3) {width: 100%; height:300px; z-index:10;}
.stock-info-box ul {width:100%; }
.stock-info span:nth-child(1) {width:auto; }
.stock-info span:nth-child(2) {width:auto; }
}
/* 모바일 */
@media (max-width: 768px) {
	.videoinfo {padding-left:50px}
	header {height:75px}
	header .header_inner {height:74px}
	header .header_inner .logo {top:0}
	header .header_inner .logo > a {margin:18px auto; *width:110px;}
	header .header_inner .logo > a > img { *width: 100%; *height: 65px; }
	nav .dp2 > li > a:hover {background:none}
	.cusinfo {flex-direction: column}
	.cusinfo .box + .box:before {display:none}
	.cusinfo .box + .box {border-top:1px solid #d2d2d2}
	.cusinfo .box .titset {margin-left:22%}
	nav .innerset {width:calc(100vw - 60px); left: calc(100vw/-1 + 60px)}
	.visual {height:300px}
	.visual .visual_inner {position: relative; width: inherit; left: 0; margin: 0; height:300px}
	.visual .visual_inner .swiper-slide img {width:100%}
	.visual .visual_inner .swipervisual {height:300px}
	.visual .visual_inner .txtinfo {top:40px;}
	.visual .visual_inner .txtinfo .stxt.copy1 {font-size:1.5em }
	.visual .visual_inner .txtinfo .stxt.copy2 {font-size:1em }
	.visual .visual_inner .txtinfo .stxt.copy4 {font-size:1em}
	.stxt + .stxt {margin-top:10px}
	.visual .swiper_pagingbox {bottom:20px}
	.visual div.swiper-button-prev {left:20px}
	.visual div.swiper-button-next {right:20px}
	.visual div[class^=swiper-button] {width: 21px; height: 40px; background-size: auto 40px}
	.visual div.swiper-button-next {background-position: -21px 0}

	.m1 {display: flex; flex-direction: column; padding:0 10px}
	.m1 .m1section {width:100%; height:inherit}
	.m1 .m1section + .m1section {margin:20px 0 0 0}
	.m1 .m1section .m1_ratetable > table th {font-weight:normal}
	.m1 .m1section .m1_videobox .video_infobox {padding:20px 0}

	.m2 .m2_inner {padding-top:20px; padding-bottom:20px; display:flex; flex-direction: column; height: auto}
	.m2 .m2_inner .usebox .txtset {padding:0 0 20px 0}
	.m2 .m2_inner .usebox .simg + .txtset {margin-top:15px}
	.m2 .m2_inner .usebox .txtset .hd4 + .stxt {margin-top:10px; padding:0 10px}
	.m2 .m2_inner .usebox + .usebox {margin:10px 0 0 0}
	.m2 .m2_inner .usebox {height: inherit}

	.m2 + .m3 {margin-top:20px}
	.m3 {padding: 0; overflow: hidden}
	.m3 .m3list {display: flex; flex-wrap: wrap; overflow: hidden; margin: -4% 0 0 -2%; padding: 10px}
	.m3 .m3list > li {flex: none; width: 31.3%; margin: 4% 0 0 2%}
	.m3 .m3list > li + li {margin: 4% 0 0 2%}
	.m3 .m3list > li:nth-child(4) {margin-left:17%; }
	.m3 .round + .stxt {margin-top:10px}
	.m3 .m3list > li .stxt {font-size:.75em}

	.m4 {display: flex; flex-direction: column; padding:40px 10px; margin-top:20px;}
	.m4 .m4section {width:100%; height:inherit}
	.m4 .m4section + .m4section {margin:20px 0 0 0}

	footer .footer_top {height:100px}
	footer .snslist {top:75px; left:20px}
	footer .footer_bottom {height:200px}
	footer .copywright {font-size:.75em; margin-top:20px}
	footer .footlogo {*top:25px; *width:90px; left: 10px;}
	footer .footlogo > img {width:100%}
	footer .account {top: 60px; left: 15px}
	footer .account .simg {width:90px; display:inline-block}
	footer .account .simg > img {width:100%}
	footer .account .stxt {font-size:.75em; margin:0 0 0 10px}
	footer .footer_bottom .inner .addinfo {left: 0; top: 75px; width: 100%; padding: 15px}
	.location {display:none}

	.contract_timeset {}
	.contract_timeset .titset {width:inherit}
	.contract_timeset .titset .hd3 {line-height: 50px; margin:0}
	.contract_timeset .rtime {margin-left:0; text-align:center}
	.contract_timeset .rtime .time {margin:0; font-size:1.7em}
	.contract_timeset .rtime .stxt.icon:before {margin:0 15px 0 0}
	.contract_timeset .atime {margin-right:0; flex-direction: column; flex:1}
	.contract_timeset .atime .time {margin:0; font-size:1.5em}
	.contract_timeset .timeset {padding:0; align-items: center}
	.contract_timeset .atime .stxt {display:block}


	.contractset .contract_infoset .topcont {flex-direction: column; position: relative}
	.contractset .contract_infoset .topcont .ltcont .dlist > dt, .contractset .contract_infoset .topcont .ltcont .dlist > dd {
	line-height: 35px; width:inherit}
	.contractset .contract_infoset .topcont .ltcont {border-right:none}
	.contractset .contract_infoset .topcont .ltcont .round {width:28px; height:28px}
	.contractset .contract_infoset .topcont .ltcont .round .ico:before {width:12px; height:14px}

	.contractset .contract_infoset .topcont .ltcont .round {position: absolute; top: 10px; left: 10px}
	.contractset .contract_infoset .topcont .rtcont .tb_frm > table th {padding:7px 5px}
	.contractset .contract_infoset .topcont .ltcont {width:inherit; padding: 5px 10px 5px;}
	.contractset .contract_infoset .topcont .ltcont .infolist {overflow:hidden; margin-left:40px}
	.contractset .contract_infoset .topcont .ltcont .infolist > li {float:left; width:50%}


	.contractset .contract_infoset .topcont .rtcont .tb_frm > table th,
	.contractset .contract_infoset .topcont .rtcont .tb_frm > table td {font-size:.75em}
	.contractset .contract_infoset .topcont .rtcont .tb_frm > table td .btn.sell,
	.contractset .contract_infoset .topcont .rtcont .tb_frm > table td .btn.buy,
	.contractset .contract_infoset .topcont .rtcont .tb_frm > table td .btn.end {border-radius: 3px; min-width: 70px}
	
	
	
	.contractset .contract_infoset .topcont .rtcont .tb_frm > table tfoot th {padding-right:30px}
	
	
	
	.contractset .contract_infoset .botcont {padding:22px 7px}
	.contractset .contract_infoset .botcont .btnset .inputset select {height:35px; font-size:.75em}
	.contractset .contract_infoset .botcont .btnset .etcset .etc1 {height:35px; line-height: 35px; width:45px}
	.contractset .contract_infoset .botcont .btnset .inputset + .etcset {margin-left:5px}
	.contractset .contract_infoset .botcont .btnset .etcset .btn {font-size:.75em}
	.contractset .contract_infoset .botcont .btnset .etcset .btn + .btn {margin-left:3px}
	.contractset .contract_infoset .botcont .btnset .etcset + .apply {margin-left:5px}
	.contractset .contract_infoset .botcont .btnset .apply .co1, .contractset .contract_infoset .botcont .btnset .apply .co2 {height:35px; line-height: 35px;
	width:70px; font-size:.875em}
	.contractset .contract_infoset .botcont .btnset .apply .btn + .btn {margin-left:5px}
	
	.iclist .ic_dplist {margin-bottom:5px}
	.iclist .ic_dplist > dt, .iclist .ic_dplist > dd	{font-size:.875em; display: inline-block}
	.iclist .ic_dplist > dt + dd {margin-left:15px}
		.iclist > li .ico {width:30px; height: 30px; background-size: auto 30px; margin-right:10px}
	.iclist > li .ico.ty2 {background-position: -30px 0}	
	.iclist > li .ico.ty3 {background-position: -60px 0}	
	.iclist > li.price {width:auto}
	
	
	.graph .chart_row .hidden_tiparea {font-size:.8125em; padding:10px}
	.graph .chart_row .hidden_tiparea .stxt + .hd4 {margin-top:10px}
	.graph .chart_row .hidden_tiparea .hd4 + .stxt {margin-top:5px}
	.graph .chart_row .hidden_tiparea .stxt + .stxt {margin-top:5px}
	
	
	
	
	.graph {height: 400px}
	.graph .chart_col .chart_inner {height:540px}
	.graph .chart_col .chart_ctr .currenttime {right:10px; font-size:.875em}
	.graph .chart_col .chart_ctr .currenttime .tit {display:block; margin:0 }
	.graph .chart_col .chart_ctr .chartbtn {width:30px; height: 30px; background-size:auto 30px}
	.graph .chart_col .chart_ctr .chartbtn.ms {background-position: -30px 0}


	.tb_frm > table th,
	.tb_frm > table td {font-size:.875em; padding:10px 5px}
	.tb_frm > table tfoot .sum td {font-size:.875em}

#dealTb col:nth-child(1) {display:none}
#dealTb col:nth-child(2) {width:23%}
#dealTb col:nth-child(3) {width:15%}
#dealTb col:nth-child(4) {display:none}
#dealTb col:nth-child(5) {display:none}
#dealTb col:nth-child(6) {display:none}
#dealTb col:nth-child(7) {width:14%}
#dealTb col:nth-child(8) {width:10%}
#dealTb col:nth-child(9) {width:12%}

#dealViewtb col:nth-child(1) {display:none}
#dealViewtb col:nth-child(2) {width:20%}
#dealViewtb col:nth-child(3) {width:15%}
#dealViewtb col:nth-child(4) {width:35%}
#dealViewtb col:nth-child(5) {width:35%}
	
#areaMebertb col:nth-child(1) {display:none}
#areaMebertb col:nth-child(2) {width:33%}
#areaMebertb col:nth-child(3) {width:33%}
#areaMebertb col:nth-child(4) {display:none}
#areaMebertb col:nth-child(5) {display:none}
#areaMebertb col:nth-child(6) {display:none}
#areaMebertb col:nth-child(7) {display:none}
#areaMebertb col:nth-child(8) {width:34%}	


	.btn.view {padding:5px}
	.contract_timeset {height:120px}
	.contract_timeset .rtime .time {display:block}
	.contract_timeset .rtime .time + .inputset {margin:10px 0 0 0}

	.contractset .contract_infoset .botcont {display:flex; flex-direction: column}
	.contractset .contract_infoset .botcont .sblist {order:2}
	.contractset .contract_infoset .botcont .btnset {order:1}
	.contractset .contract_infoset .botcont .btnset .apply,
	.contractset .contract_infoset .botcont .btnset .etcset {display:inline-block}
	.contractset .contract_infoset .botcont .btnset .apply + .etcset {margin-left:20px}
	.contractset .contract_infoset .user_info_row .infolist + .infolist {margin-left:50px}
	.contractset .contract_infoset .user_info_row .infolist.ty1 > li + li {margin-left:0}
	
	.contractset .contract_infoset .topcont .rtcont .tb_frm > table td.rowflex .btn.sell,
	.contractset .contract_infoset .topcont .rtcont .tb_frm > table td.rowflex .btn.buy,
	.contractset .contract_infoset .topcont .rtcont .tb_frm > table td.rowflex .btn.end,
	.contractset .contract_infoset .topcont .rtcont .tb_frm > table td.rowflex .btn.etc1 {min-width:70px}
	

	.section {display:flex; flex-direction: column}

	.contractset {order:3}
	.contract_timeset {order:2;margin:20px 0 0 0;}
	.graph {order:1}
	.graph_infoset {order:4;margin:20px 0 0 0;}

	.contract_infoset {display:flex; flex-direction: column}
	.contract_infoset .topcont {order:2}
	.contract_infoset .botcont {order:3}
	.contract_infoset .user_info_row {order:1}
	.contractset .contract_infoset .user_info_row {padding:5px 10px}



	.tb_frm > table .btn.cancel,
	.tb_frm > table .btn.complete,
	.tb_frm > table .btn.stay,
	.tb_frm > table .btn.dcancel {height:20px; line-height: 20px; padding:0 6px; border-radius: 30px }

	.frm_write .dlist > dd .input_col .inputset {flex:1}

	.agreebox label {font-size:.875em}
	.zigbox_outer {margin-top:20px}
	.zigbox_outer .zigbox + .zigbox {margin-top:50px}
	.zigbox_outer .zigbox {flex-direction: column}
	.zigbox_outer .zigbox .simg {width:inherit}
	.zigbox_outer .zigbox .simg > img {width:100%}
	.zigbox_outer .zigbox .simg,
	.zigbox_outer .zigbox .txtinfo,
	.zigbox_outer .zigbox.ty1 .txtinfo {margin:15px 0 0 0; text-align: center; width: inherit}
	.zigbox_outer .zigbox.ty1 .txtinfo {align-items: center}
	.zigbox_outer .zigbox .txtinfo .ic > li,
	.zigbox_outer .zigbox.ty1 .txtinfo .ic > li{text-align:center}
	.zigbox_outer .zigbox.ty1 .simg {order:1; margin:0; width: inherit}
	.zigbox_outer .zigbox.ty1 .txtinfo {order:2}


	#dealViewtb > table {display: flex; flex-flow: column nowrap; flex-direction: column}
	#dealViewtb > table tr {display: flex; flex-flow:nowrap}
	#dealViewtb > table tr.apply {flex-direction: column}
	#dealViewtb > table tr.apply td  {display: flex; justify-content: center; align-items: center}
	#dealViewtb > table tr.apply td:nth-child(1) {order:3; justify-content: space-around;}
	#dealViewtb > table tr.apply td:nth-child(2) {order:1}
	#dealViewtb > table tr.apply td:nth-child(3) {order:2}
	#dealViewtb > table tr.apply [class^="btn co"] + [class^="btn etc"] {margin:0 0 0 10px}
	#dealViewtb > table tr th.adjustprice {flex:1.7}

	#dealViewtb > table tr th,
	#dealViewtb > table tr td {flex:1; display:flex; justify-content: center; align-items: center}

	#dealViewtb > table tr th.mbhidden,
	#dealViewtb > table tr td.mbhidden {display:none}
	
	#dealViewtb > table tr.dealViewtb_colgrid1 th:nth-child(2),
	#dealViewtb > table tr.dealViewtb_colgrid1 td:nth-child(2) { 
	flex:.3}
	#dealViewtb > table tr.dealViewtb_colgrid1 th:nth-child(3),
	#dealViewtb > table tr.dealViewtb_colgrid1 td:nth-child(3) { 
	flex:.5}
	#dealViewtb > table tr.dealViewtb_colgrid1 th:nth-child(4),
	#dealViewtb > table tr.dealViewtb_colgrid1 td:nth-child(4) { 
	flex:1}
	#dealViewtb > table tr.dealViewtb_colgrid1 th:nth-child(5),
	#dealViewtb > table tr.dealViewtb_colgrid1 td:nth-child(5) { 
	flex:1}
	
	
	
	.tb_frm .contxt {display:block}
	.tb_frm .percent {height: 20px; line-height: 20px; padding: 0 10px; display: inline-block; margin: 3px 0 0 0; right: 0;
	position:relative}
	.loginbox {width:90vw}
	.loginbox .logo {margin-top:30px}

	.agree_container {width:inherit}
	.agree_container .ahead {background-size:100%}
	.modal.contractfix .modal-body {top: 50px; margin: 0; padding: 0; left: 0}
	.agree_container .ahead .logo {top:22px; left: 22px}
	.agree_container .ahead .logo .hd1 {width:80px}
	.agree_container .awrap .dealbtn {top:-55px}
	.agree_container .awrap .resultbox {width:inherit}
	.agree_container .awrap .ic {margin-left:10px}
	.agree_container .awrap .dealtime {margin:15px 10px}
	.agree_container .awrap .qaset {padding:0 10px}
	#wprint {display:none}

	#msgAlertLypop .popcont {width: 80vw; height: 140px;margin: -70px 0 0 -40vw}
	#msgAlertLypop .popcont .inner .stxt {font-size:4em}

	.infoset .infolist > li {width:100%}

	.tb_frm > table td .subject.ty1 .txtcut {*max-width: 25vw; max-width: 50vw;}
	.tb_frm td .break, 
	.tb_frm td .break.ty2 {width:70px}
	

	#noticepop {width:90vw; bottom:inherit; top:20px}
	#noticepop .noticepop_cont {height : calc(100% - 50px)}
	#noticepop .noticepop_cont .txtsection {height:100%}
	#noticepop .noticepop_cont .txtsection .txtinfo {height : calc(100% - 120px); padding:0}


	#noticetb col:nth-child(1) {width:15%}
	#noticetb col:nth-child(2) {width:40%}
	#noticetb col:nth-child(3) {width:20%}
	#noticetb col:nth-child(4) {width:25%}

	#deallisttb th, #deallisttb td {font-size:.8em}
	#deallisttb col:nth-child(1) {display:none}
	#deallisttb col:nth-child(2) {width:29%}
	#deallisttb col:nth-child(3) {width:16%}
	#deallisttb col:nth-child(4) {width:10%}
	#deallisttb col:nth-child(5) {width:17%}
	#deallisttb col:nth-child(6) {width:30%}
	#deallisttb col:nth-child(7) {display:none}

	#faqtb col:nth-child(1) {width:35%}
	#faqtb col:nth-child(2) {width:20%}
	#faqtb col:nth-child(3) {width:30%}
	#faqtb col:nth-child(4) {width:15%}

	#areaPoint col:nth-child(1) {display:none}
	#areaPoint col:nth-child(2) {display:none}
	#areaPoint col:nth-child(3) {width:25%}
	#areaPoint col:nth-child(4) {width:25%}
	#areaPoint col:nth-child(5) {width:25%}
	#areaPoint col:nth-child(6) {display:none}
	#areaPoint col:nth-child(7) {width:25%}
	
	#localAreaMebbertb col:nth-child(1) {display:none}
	#localAreaMebbertb col:nth-child(2) {width:40%}
	#localAreaMebbertb col:nth-child(3) {width:20%}
	#localAreaMebbertb col:nth-child(4) {width:20%}
	#localAreaMebbertb col:nth-child(5) {display:none }
	#localAreaMebbertb col:nth-child(6) {display:none }
	#localAreaMebbertb col:nth-child(7) {display:none }
	#localAreaMebbertb col:nth-child(8) {display:none }
	#localAreaMebbertb col:nth-child(9) {display:none }
	#localAreaMebbertb col:nth-child(10) {display:none }
	#localAreaMebbertb col:nth-child(11) {display:none }	
	
	#localAreaDeposittb col:nth-child(1) {display:none}
	#localAreaDeposittb col:nth-child(2) {width:40%}
	#localAreaDeposittb col:nth-child(3) {width:15%}
	#localAreaDeposittb col:nth-child(4) { }
	#localAreaDeposittb col:nth-child(5) {display:none }
	#localAreaDeposittb col:nth-child(6) { }
	#localAreaDeposittb col:nth-child(7) {display:none }
	#localAreaDeposittb col:nth-child(8) {display:none }
	#localAreaDeposittb col:nth-child(9) {display:none }
	#localAreaDeposittb col:nth-child(10) {display:none }
	#localAreaDeposittb col:nth-child(11) {display:none }


	.tb_cap .btn {padding:0 10px}
	.btn.moreview {padding:5px 20px}

	.tb_frm > table .badge.stay,
	.tb_frm > table .badge.complete,
	.tb_frm > table .badge.cancel,
	.tb_frm > table .badge.dcancel {height:30px; line-height: 28px; padding:2px 6px; border-radius: 30px }

	.titset.mflex {display: flex; flex-direction: column; align-items: flex-end}
	.titset.mflex .hd2 {display: flex; flex: 1; flex-wrap: wrap; width: 100%; justify-content: center}
	.titset.mflex .alram,
	.titset.mflex .pos_rt {position: relative; display: flex; align-items: flex-end; flex-wrap: wrap; margin-top: 20px}


	.contractset .contract_infoset .user_info_row .infolist > li .dlist dt {min-width:80px}
	.contractset .contract_infoset .user_info_row .infolist > li .dlist dd .point1 {margin-left:0}

	[id^=alerLypop] .popcont {width: 90vw; margin-left: -45vw}

	.chatset .chat_header .titset {display:none}

	.mbhidden {display:none}

	.chatset {order:5; flex-direction: column; height: calc(100vh + 30px);}
	.chatset .chat_info {width:auto; padding-bottom:10px}
	.chatset .chat_info .titset .hd3 {padding-top:20px}
	.chatset .chat_info .stxt:after {width:88px; height: 60px; background-size:100%}
	.chatset .chatbox .inner .txtchat .stxt {font-size:.8em}
	.chatset .chat_info .titset + .stxt {margin-top:7px; font-size:.8em}
	.chatset .chatbox {padding-top:20px}
	.chatset .chat_info {height:auto}
	.chatset .chatbox .inner {height: calc(100vh - 295px);}
	.chatset .chatbox .inputfrm {position: absolute; bottom: 0;left: 0; right: 0;}


/*
	.chatset {width: 100%; height: 100%; right: 0}
	.chatset:after {content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,.7); position: absolute; top:0; left:0}
	.chatset .chat_header {position: absolute; bottom: 10px; right: 10px; width: 60px; height: 60px; margin: 0 0 0 auto;
    background: #4560b9; z-index: 500; border-radius: 50%; overflow: hidden}
	.chatset .chat_header .ctr {width:60px; height:60px}
	.chatset .chat_header .ctr > span:before {width:24px; height: 24px; background:url('../img/chat_ctrset_mobile.png') no-repeat 0 0;
	background-size:100%;}
	.chatset .chaatbody {position: fixed; top: 0; left: 0; width: 90vw; height: 90vh; right: 0; bottom: 0; margin: auto; z-index: 100}

	.chatset.off .chaatbody {height: 90vh; visibility: hidden; opacity: 0}
	.chatset.off:after {visibility: hidden; opacity: 0}
*/

	.talkfloat {width:70px; bottom:10px; right:10px}
	.talkfloat:before {content:""; display:block; position:fixed; top:0; left:0; background:rgba(0,0,0,0); width:100%; height:100%;
visibility: hidden; transition:all .5s ease}
	.talkfloat .talk_header {height:70px; border-radius: 50%; overflow: hidden; background:none}
	.talkfloat .talk_header .toplink {display:none}
	.talkfloat .talk_header .titset {display:none}
	.talkfloat .talk_header .ctr {width:100%; height:100%; border-radius: 50%}
	.talkfloat.on.moff .talk_header .ctr > span:before,
	.talkfloat.mon .talk_header .ctr > span:before {width:30px; height: 30px; background:url('../img/questionmark.png') no-repeat 0 0;
background-size:100%}

	.talkfloat .talkbody {background:none}
	.talkfloat .talkbody .talk_iconset .btn .stxt {display:none}


	.talkfloat .talkbody {position: absolute; top: -50px; background: none; visibility: hidden; opacity: 0}
	.talkfloat .talkbody .talk_iconset {padding:0}
	.talkfloat .talkbody .talk_iconset .btn + .btn {margin:10px 0 0 0}

	.talkfloat.mon .talkbody  {top: -70px; height: inherit; visibility: visible; opacity: 1}
	.talkfloat.mon:before {content:""; display:block; position:fixed; top:0; left:0; background:rgba(0,0,0,.7); width:100%; height:100%;
visibility: visible;}
	
	.talkfloat .talk_header .ctr {display:table}
	.talkfloat.on.moff .talkbody {height: 0; top: 0; visibility: hidden; opacity: 0}
	.talkfloat.on.moff:before {display:none}


	.cusinfo .box .banner .simg {position: relative; width: 100%}

	.snslist > ul > li {display:inline-block; vertical-align: middle; float: none}
	.snslist > ul > li > a .ico.sns1 {width: 74px; height: 20px;}
	.snslist > ul > li > a .ico.sns2 {width: 97px; height: 20px;}
	.snslist > ul > li .callcenter {font-size: .875em; margin-top:0}
	.snslist > ul > li + li {margin-left:10px}


	.msgbox .msg_dlist > dt {width:25%}
	.msgbox .msg_dlist > dd {width:75%}
	.msgbox .msg_dlist > dt, .msgbox .msg_dlist > dd {font-size:.875rem }
	.msgbox .msg_dlist > dd + dt, .msgbox .msg_dlist > dt + dd {margin-top:10px}
	.num > li {font-size:.875em}
	.num > li + li {margin-top:10px}


	.iclist {display:flex; flex-direction: column; padding:0}
	.iclist > li {padding:10px 0}
	.iclist > li:first-child {padding-top:0}
	.iclist > li:last-child {padding-bottom:0}
	.iclist > li + li {border-top:1px solid #d2d2d2}
	.iclist > li + li:before {display:none}

	.inputdate.release .inputset input {width:82px}
	.inputdate .eqeul {padding:0 5px}
	
	#searchWord {width:100%}
	
	#searcharea {width:100% !important}
	.inputset.sectize .control-group .selectize-control {width:100% !important}
	.endbox {height:auto; padding-bottom:30px}
	.endbox .hd3 {font-size:1.5em}
	.endbox .stxt {font-size:1em}
	
	.mtab.ty1 .tablist > li > a {padding:0 10px}
	
	.frm_write .dlist > dd .row.pc_inline {display:block}
	.frm_write .dlist > dd .row.pc_inline + .row.pc_inline {margin-top:10px}
	
	.sum_frm {display:flex; flex-wrap: wrap}
	.sum_frm .sumlist {width:100%; display: flex; }	
	.sum_frm .sumlist dt,
	.sum_frm .sumlist dd {display:inline-block; font-size:14px}
	.sum_frm .sumlist dt {width:150px; border-bottom:1px solid #d2d2d2}
	.sum_frm .sumlist dd {flex:1; text-align: left; background: #fff}
	
	#localAreaViewtb > table,
	#localAreaViewtb > table .innertb > table {display: flex; flex-flow: column nowrap; flex-direction: column}
	
	#localAreaViewtb > table > tbody > tr > th,
	#localAreaViewtb > table .innertb > table > tbody > tr > th {background:transparent; text-align:left}
	
	#localAreaViewtb > table > tbody > tr > th,
	#localAreaViewtb > table > tbody > tr > td {border-bottom:none; font-size:14px; padding:5px}
	
	#localAreaViewtb > table > tbody > tr > th {padding:10px 10px 5px 10px}
	#localAreaViewtb > table > tbody > tr > td {padding:5px 10px 10px 10px; border-bottom:1px solid #d2d2d2}
	#localAreaViewtb > table > tbody > tr:last-child > td {border-bottom:none }
	
	#localAreaViewtb > table .innertb {padding:0}
	
	#localAreaViewtb > table > tbody > tr,
	#localAreaViewtb > table .innertb > table > tbody > tr {display: flex; flex-flow: nowrap;  flex-direction: column }
	
	#localAreaViewtb > table .innertb > table > tbody > tr > th,
	#localAreaViewtb > table .innertb > table > tbody > tr > td {font-size:14px; }
	
	#localAreaViewtb > table .innertb > table > tbody > tr > th {padding:10px 10px 0 10px;}
	#localAreaViewtb > table .innertb > table > tbody > tr > td {padding:10px 10px 10px 10px; border-bottom:1px solid #d2d2d2}
	
	#localAreaViewtb > table .innertb td .icontxt .ico {width: 30px; height: 30px; background-size: auto 30px; margin-right: 10px}
	#localAreaViewtb > table .innertb td .icontxt .ico.ty1 {background-position:0 0}
	#localAreaViewtb > table .innertb td .icontxt .ico.ty2 {background-position:-30px 0}
	#localAreaViewtb > table .innertb td .icontxt .ico.ty3 {background-position:-60px 0}
	#localAreaViewtb > table .innertb td .icontxt .ico.ty4 {background-position:-90px 0}
	#localAreaViewtb > table .innertb td .icontxt .txtinfo {margin:0}
	#localAreaViewtb > table .innertb td .icontxt .txtinfo .hd3 {display:inline-block; vertical-align: middle}
	#localAreaViewtb > table .innertb td .icontxt .txtinfo .money {display:inline-block; vertical-align: middle; font-size:14px; margin-left:15px}
	
	#localAreaViewtb > table .innertb > table td + td {padding-left:10px}
	
	#localAreaViewtb > table .innertb:after {display:none}
	#localAreaViewtb > table .innertb > table td + td:before {display:none}
	
	.tb_frm td.innertb tr + tr:after {display:none}
	
	.m1 .m1section .m1_videobox .video_infobox .inner .videoview .videoico {width:100px; height: 68px; 
		background: url(../img/main_videoiconset2.png) no-repeat 0 0;
		background-size:300px 68px;
	}
	.m1 .m1section .m1_videobox .video_infobox .inner .videoview .videoico.ty1 {background-position:-100px 0}
	.m1 .m1section .m1_videobox .video_infobox .inner .videoview .videoico.ty2 {background-position:-200px 0}
	.m1 .m1section .m1_videobox .video_infobox .inner .videoview + .videoview {margin-left:10px}	

.stock-about-icon {width:50%; }
.stock-info-sise li {width:100%; }
.stock-guide-bnr-wrap{flex-wrap:wrap;} 
.stock-guide-bnr {width: 49%; margin-left:0;    margin-bottom: 20px; }
}


/* 모바일 */
@media (max-width: 480px) {

.stock-guide {padding:40px 0;}
.stock-guide-title {font-size:30px; line-height:30px; }
.stock-guide-bnr p {font-size:16px; }
.stock-about-title {font-size:20px;word-break: keep-all;  }
.stock-about-icon span {font-size:14px; }
.stock-about-icon span b {font-size:16px; }
.stock-about-icon img {width:40px; }
.stock-info-box {height:280px; }


	.contract_timeset .rtime .stxt {font-size:0.875em}
	.contract_timeset .rtime .stxt.icon:before {width:18px; height:18px; margin: 0 5px 2px 0}
	.contract_timeset .atime {width:auto}
	.contract_timeset .rtime {flex:1.3}
	
	.contractset .contract_infoset .topcont .rtcont .tb_frm > table td.rowflex {flex-direction: column}
	.contractset .contract_infoset .topcont .rtcont .tb_frm > table td.rowflex .btn.sell,
	.contractset .contract_infoset .topcont .rtcont .tb_frm > table td.rowflex .btn.buy,
	.contractset .contract_infoset .topcont .rtcont .tb_frm > table td.rowflex .btn.end,
	.contractset .contract_infoset .topcont .rtcont .tb_frm > table td.rowflex .btn.etc1 {min-width:90px}
	.contractset .contract_infoset .topcont .rtcont .tb_frm > table td.rowflex .btn + .btn, 
	.contractset .contract_infoset .topcont .rtcont .tb_frm > table td.rowflex .btn_pointtype + .btn {margin-top:5px}
	.contractset .contract_infoset .topcont .rtcont .tb_frm > table td.rowflex .btn.etc1 {height:26px; line-height: 26px }

	

	.m4title{font-size:16px;}
	.m4content{font-size:15px; top:10px !important; padding-left:5px;}


	.agree_container .ahead .logo img {
	
	margin: 0 0 0 20px;
	width:80%;
}


}

/* 태블릿 공용 모드 + 아이패드 프로 호환 */
@media (min-width: 768px) and (max-width: 1366px) {
	.m1 .m1section .m1_ratetable > table td,
	.m1 .m1section .m1_ratetable > table th {}
	.cusinfo {width:calc(100% - 40px)}
	.m2 .m2_inner .usebox .simg {height:150px}
	.m2 .m2_inner .usebox {height:330px}
	.m2 .m2_inner {height:420px}

}

/* 태블릿 공용 모드 */
@media (min-width: 768px) and (max-width: 1024px) {
	footer .footlogo {top: 20px; left: 20px; width:100px}
	footer .footlogo > img {width:100%}
	footer .footer_bottom .inner .addinfo {top: 90px; left: 20px}
	footer .account {top:90px}

	.location .inner {display:flex}
	.location .inner .locallist {flex:1}
	.location .inner .locallist > li > a {padding:0 10px}

	.contract_timeset .titset .hd3 {margin-left:20px}
	.contract_timeset .atime {width:250px}
	.contract_timeset .rtime .time {margin-left:15px; font-size:2em}
	.contractset .contract_infoset .topcont .rtcont .tb_frm > table td .btn.sell, .contractset .contract_infoset .topcont .rtcont .tb_frm > table td .btn.buy, .contractset .contract_infoset .topcont .rtcont .tb_frm > table td .btn.end {min-width:80px}
	.contractset .contract_infoset .topcont .rtcont .tb_frm > table td.rowflex .btn.etc1 {min-width:80px}
	.contractset .contract_infoset .topcont .rtcont .tb_frm > table td.rowflex .btn + .btn {margin-top:0}

	.contract_timeset .rtime .stxt.icon:before {margin-left:10px}
	
	.m1 .m1section .m1_videobox .video_infobox .inner .videoview .videoico {width:100px; height: 68px; 
		background: url(../img/main_videoiconset2.png) no-repeat 0 0;
		background-size:auto 68px;
	}
	.m1 .m1section .m1_videobox .video_infobox .inner .videoview .videoico.ty1 {background-position:-100px 0}
	.m1 .m1section .m1_videobox .video_infobox .inner .videoview .videoico.ty2 {background-position:-200px 0}
	.m1 .m1section .m1_videobox .video_infobox .inner .videoview + .videoview {margin-left:10px}	

}

@media (min-width: 850px) and (max-width: 1024px) {

	footer .footlogo {top: 20px; left: 40px; width:100px}
	footer .footer_bottom .inner .addinfo {top: 90px; left: 40px}
	footer .account {right:40px}
	footer .footer_gnb {left:40px}
	footer .snslist {right:40px}
	.mb_view {display:none}
}

/* 태블릿 세로 모드 */
@media (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) {
	/*
	footer .footlogo {top: 55px; left: 20px}
	footer .footer_bottom .inner .addinfo {top: 20px; left: 220px;}
	footer .account {top:35px}
	*/
}

/* 태블릿 세로 모드 */
@media (min-width: 768px) and (max-width: 1366px) and (orientation: portrait) {
	/*
	footer .footlogo {top: 55px; left: 20px}
	footer .footer_bottom .inner .addinfo {top: 20px; left: 220px;}
	footer .account {top:35px}
	*/
}




/* pc */
@media (min-width: 1280px) {
	.mb_view {display:none}

	.m4 {height:290px; }
	.m4title {font-size:25px; margin-bottom:30px; }
	.m4content{  font-size:18px; margin-top:30px; }
	.m4img {padding:3% 14% !important}
	.m4section-left{position:relative; left: 70px;}
	/* .m4titlecontentwrap{padding-top:8%;} */
}

@media print {
  @page { margin: 0}
	body {margin:0}

	.agree_container {width:100%; height:95%}
	.agree_container .ahead {background-size:100%; height: 160px}
	.agree_container .awrap .resultbox {width:90%; margin:27px auto 0}
	.agree_container .ahead .logo {top:60px; left:30px}
	.agree_container:after {background-size:100%}
	.agree_container .awrap .dealtime .f_right .btn {display:none}
	.agree_container .awrap .ic {margin-left:40px}
	.agree_container .awrap .dealtime {margin: 15px 40px}
	.agree_container .awrap .qaset {padding:0 40px}
	#wprint {display:none}
	.contractfix .modal-header {top:0}

	.modal-header {display:none}
	.modal.contractfix .modal-body {}
	.section {display:none}

	.talkfloat {display:none}



}