@charset "utf-8";
@import url(/css/mobile/font.css);

/* reset CSS */
body, p, img, div, section, header, footer, span, ul, ol, li, dl, dt, dd, table, tr, th, td, input, textarea, fieldset{	margin:0; padding:0; border:none; border-spacing:0; border-collapse:collapse; resize:none; box-sizing:border-box; line-height:1.4em; list-style:none;	}
h1, h2, h3, h4, h5, h6{	margin:0; padding:0;	}
legend{	width:0; height:0; position:absolute; display:none;	}

html, body{	height:100%;	}
body{	font-family: 'Nanum Gothic', sans-serif; letter-spacing:-1px; word-break: keep-all;	}
a{	text-decoration:none; box-sizing:border-box;	}
input, select, button{	vertical-align:middle;	}
input{	   -webkit-appearance: none;  -webkit-border-radius: 0;	}
select{	-webkit-appearance:combo-box;  -webkit-border-radius: 0;	}
input, select{	background:#ffffff; border:1px solid #dcddde; height:26px; color:#636466; font-size:12px; padding:0 4px; box-sizing:border-box;	}
textarea{	background:#ffffff; border:1px solid #dcddde; color:#636466; font-size:12px; padding:4px; box-sizing:border-box;	}
.gray_input{	background:#f1f2f2 !important;	}


/* font weight */
.normal{	font-weight:normal !important;	}
.bold{	font-weight:bold !important;	}

/* font color */
.black{	color:#000000 !important;	}
.blue{	color:#0080cc !important;	}
.green{	color:#619126 !important;	}

.requied{	color:#ff4901 !important;	}

/* margin */
.mb10{	margin-bottom:10px !important;	}
.mb20{	margin-bottom:20px !important;	}
.mb30{	margin-bottom:30px !important;	}
.mb40{	margin-bottom:40px !important;	}

/* width */
.w100p{	width:100% !important;	}

.w60{	width:60px !important;	}
.w80{	width:80px !important;	}
.w100{	width:100px !important;	}

#wrap{	width:100%; min-width:320px; min-height:480px; height:100%; position:relative;		}
#container{	min-height:calc(100% - 112px); position:relative;	}

/* height */
.h19{height :19px !important;}

/* header */
header{	height:50px; background:#0080cc; position:relative;	}
header h1{	display:inline-block; text-align:left; font-size:16px; font-weight:800; margin-left:60px; background:url(/images/mobile/header-logo.png) no-repeat left center; line-height:50px; padding-left:40px; background-size:36px;	}
header h1 a{	display:block; color:#ffffff;	}
header .menuBtn{	width:50px; height:50px; display:block; position:absolute; left:0; top:0; background-color:#0066a3; text-indent:-9999px; background-image:url(/images/mobile/ico-menu.png); background-repeat:no-repeat; background-size:18px; background-position:center center;	}
header .menuBtn:active{	background-color:#002b44;	}
header .home{	width:20px; height:18px; display:block; position:absolute; right:10px; top:16px; text-indent:-9999px; background-image:url(/images/mobile/ico-home.png); background-repeat:no-repeat; background-size:100%; background-position:left top;	}
header .home:active{	opacity:0.5;	}


/* main */
#visual{	padding:30px 10px 0 10px; background-image:url(/images/mobile/main-visualBG.png); background-repeat:no-repeat; background-position:center top; background-size:100%; border-bottom:1px solid #d1d3d4; position:relative; background-color:#f1f2f2; overflow:hidden;	}
 /* border-bottom:1px solid #d1d3d4; */ 
#visual .search dl{	text-align:center; margin-bottom:20px;	}
#visual .search dl dt{	font-size:18px; font-weight:800; font-family:'NS', 'Nanum Gothic', sans-serif; color:#000000; margin-bottom:10px;	}
#visual .search dl dd{	font-size:12px; font-weight:normal; color:#000000;	}
#visual .search .searchForm{	width:100%; height:46px; border-radius:5px; border:3px solid #0080cc; background:#ffffff; overflow:hidden; line-height:46px; position:relative; 	}
#visual .search .searchForm input{	width:calc(100% - 40px); height:40px; padding:0 10px; color:#666666; font-size:12px; border:none; position:absolute; top:0;	}
#visual .search .searchForm .searchBtn{	width:40px; height:40px; display:inline-block; text-indent:-9999px; background:url(/images/mobile/ico-search.png) no-repeat center center; background-size:20px; position:absolute; top:0; right:0;	}
#visual .search .searchForm form:before, #visual .search .searchForm form:after{	content:""; display:table;	}
#visual .search .searchForm form:after{	clear:both;	}
#visual .mainImg{	text-align:center; margin:20px auto;	}
#visual .mainImg img{	width:100%; position:relative; bottom:-10px;	}

#cs_main_img{	width:100%; height:205px; float:left; display:inline-block; margin-right:12px; font-family: 'Nanum Barun Gothic', sans-serif; background-image:url(/img/subpage_cs/mainVisual01.jpg);	background-size:inherit; background-repeat: no-repeat;}
#cs_main_img p{ text-align:right; margin-top:15px; margin-right:13px; font-siza:15px; font-weight:bold; color:#fefefe;}

@media only screen and (min-width:720px){
	#visual .mainImg img{	width:auto;	}
}


.mlist{	background:#efeff0; padding:10px;	}
.mlist > ul:before, .mlist ul:after{	content:""; display:table;	}
.mlist > ul:after{	clear:both;	}
.mlist > ul li{	float:left; display:inline-block; font-size:14px; font-weight:bold; text-align:center; margin:5px; width:calc(33.3% - 10px); text-shadow:1px 1px 1px rgba(0,0,0,0.1); overflow:hidden; 	}
.mlist > ul li a{	color:#ffffff; display:block; padding:10px; background-color:#fdb33f;	 height:80px;}
.mlist > ul li a:before{	content:""; display:block; width:54px; height:40px; text-align:center; margin:0 auto 5px auto; background-repeat:no-repeat; background-position:center center; background-size:100%;	}
.mlist > ul li.m01{	width:calc(66.6% - 10px);	}
.mlist > ul li.m01 a{	height:170px;	}
.mlist > ul li.m01 a:before{	background-image:url(/images/mobile/main-m01.png); width:260px; height:120px;	}
.mlist > ul li.m02 a{	background-color:#f6b0a3;	}
.mlist > ul li.m02 a:before{	background-image:url(/images/mobile/main-m02.png);	}
.mlist > ul li.m03 a{	background-color:#c5b9f2;	}
.mlist > ul li.m03 a:before{	background-image:url(/images/mobile/main-m03.png);	}
.mlist > ul li.m04 a{	background-color:#50d1af;	}
.mlist > ul li.m04 a:before{	background-image:url(/images/mobile/main-m04.png);	}
.mlist > ul li.m05 a{	background-color:#5f96cf;	}
.mlist > ul li.m05 a:before{	background-image:url(/images/mobile/main-m05.png);	}
.mlist > ul li.m06 a{	background-color:#86cc34;	}
.mlist > ul li.m06 a:before{	background-image:url(/images/mobile/main-m06.png);	}

@media only screen and (max-width:480px){
	.mlist ul li.m01 a:before{	width:100%;	}
}

@media only screen and (max-width:350px){
	.mlist ul li{	font-size:12px;	}
}

@media only screen and (min-width:760px){
	.mlist ul li a{	 	}
	.mlist ul li.m01{	width:calc(33.3% - 10px); height:80px;	}
	.mlist ul li a:before{			}
	.mlist ul li.m01 a:before{	width:80px; height:40px;	}
}

@media only screen and (min-width:960px){
	.mlist ul li{	width:calc(16.6% - 10px);	}
	.mlist ul li.m01{	width:calc(16.6% - 10px);	}
}



/* FOOTER */
footer{	background:#35373b; text-align:center; padding:20px 10px	}
footer address{	color:#ffffff; font-size:12px; font-weight:normal; font-style:normal;	}



/* ALL MENU */
#menuWrap{	width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; z-index:9999;	}
#menuWrap .allMenu{	width:280px; height:100%; background:#efeff0; box-shadow:1px 0px 10px rgba(0,0,0,0.6); position:absolute; left:-280px; top:0;	}
#menuWrap .allMenu .menuTit{	width:100%; height:50px; background:#3b3c4b; line-height:50px; padding:0 10px; position:relative;	}
#menuWrap .allMenu .menuTit h2{		font-size:16px; font-weight:normal; color:#ffffff; padding-left:24px; background:url(/images/mobile/ico-allMenu.png) no-repeat left center; background-size:16px;	}
#menuWrap .allMenu .menuTit .menuClose{	width:14px; height:14px; display:block; position:absolute; right:10px; top:18px; text-indent:-9999px; background:url(/images/mobile/ico-close.png) no-repeat left top; background-size:100%;	}
#menuWrap .allMenu .menuList{	padding:5px;	}
#menuWrap .allMenu .menuList > ul > li{	font-size:14px; font-weight:normal; border-bottom:1px solid #d1d3d4;	}
#menuWrap .allMenu .menuList > ul > li > a{	background-color:#ffffff; color:#58595b; padding:10px; display:block; background-image:url(/images/mobile/ico-arrow1.png); background-repeat:no-repeat; background-size:6px; background-position:right 10px center;	}
#menuWrap .allMenu .menuList > ul > li > a:after{	display:inline-block; content:""; width:10px; height:10px;	}
#menuWrap .allMenu .menuList > ul > li > a:active{	color:#0080cc; background-color:#f8f8f8;	} 

#menuWrap .allMenu .memberInfo{	background:#3b3c4b; color:#ffffff; height:40px; padding:0 10px; border-top:1px solid #4f505d;	}
#menuWrap .allMenu .memberInfo .name{	font-size:14px; padding-left:18px; background:url(/images/mobile/ico-member.png) no-repeat left center; background-size:14px; line-height:40px; float:left; display:inline-block;	}
#menuWrap .allMenu .memberInfo .logout{	float:right; display:inline-block; color:#ffffff; border:1px solid #ffffff; font-size:12px; border-radius:3px; padding:0 10px; height:20px; line-height:20px; margin-top:10px;	}





/* SUB */
#container .subtit{	background:#efeff0; height:40px; line-height:38px; border-bottom:2px solid #dcddde; margin-bottom:10px;	}
#container .subtit h2{	font-size:14px; font-weight:bold; color:#000000; border-bottom:2px solid #0080cc; display:inline-block; padding:0 10px;	}
#container .subtit p{	font-size:12px; font-weight:normal; color:#4d4d4f; display:inline-block;	}
#container #contents{	padding:10px 10px 40px 10px; font-size:12px;  color:#6d6e71;		}

@media only screen and (max-width:340px){
	#container .subtit p{	font-size:10px;	}
}

.meat-info{	border:1px solid #d1d3d4; padding:10px; overflow:hidden;	}
.meat-info > dt{	font-size:14px; font-weight:bold; color:#000000; padding-bottom:10px; border-bottom:1px solid #d1d3d4; line-height:26px;	}
.meat-info > dt:before{	content:""; display:inline-block; margin-right:8px; background:#81be50; width:26px; height:26px; text-align:center; color:#ffffff; font-weight:800; float:left; font-size:16px; font-family:'Nanum Gothic';	}
.meat-info.step01{	margin-bottom:10px;	}
.meat-info.step01 > dt:before{	content:"01";	}
.meat-info.step02 > dt:before{	content:"02";	}
.meat-info > dd{	font-size:12px; font-weight:normal; color:#636466; margin-top:10px;	}
.meat-info > dd img{	width:100%;	}

.green_box{	position:relative; margin-bottom:20px;	}
.green_box > dt{	font-size:14px; font-weight:normal; color:#ffffff; background:#8bc542; display:inline-block; padding:4px 10px;	}
.green_box > dd{	border:1px solid #e6e7e8; padding:20px 10px 10px 10px; font-size:12px; color:#6d6e71; font-weight:normal; margin-top:-15px; display:block; background-color:#ffffff;	}

.summaryNum{	text-align:center;	}
.summaryNum dl{	display:inline-block; margin:0 10px;	}
.summaryNum dl dt{	font-size:24px; font-weight:800; color:#619126;	}
.summaryNum dl dd{	font-size:12px; font-weight:normal; color:#6d6e71;	}

.blueEx dt{	font-size:14px; font-weight:bold; color:#0080cc; margin-bottom:4px;	}
.blueEx dd{	font-size:12px; font-weight:normal; color:#636466;	}

.numList{	list-style:decimal; margin-left:20px;}	
.numList li{	margin-bottom:4px;	}

.arrow-gr li{	font-size:12px; font-weight:normal; color:#6d6e71; margin-bottom:4px; padding-left:8px; background:url(/images/mobile/arrow-gr.png) no-repeat left 5px;	}

.grayBox{	font-size:12px; font-weight:normal; color:#ffffff; background-color:#808285; padding:2px 6px; display:inline-block; margin-bottom:2px;	}

.con_tit03{	font-size:14px; font-weight:bold; color:#000000; margin-bottom:6px; background:url(/images/mobile/subcon-tit03.png) no-repeat left 4px; padding-left:16px;	}

.dotted_gray li{	font-size:12px; font-weight:normal; color:#6d6e71; margin-bottom:4px; padding-left:6px; background:url(/images/mobile/bullet02.png) no-repeat left 6px; background-size:4px;	}

.tbl1{	width:100%; border:2px solid #8bc542; border-left:none; border-right:none;	}
.tbl1 tr td{	font-size:12px; font-weight:normal; color:#6d6e71; padding:10px; border:1px solid #dcddde;	}

.step_year > li{	display:block; margin-bottom:6px;	}
.step_year > li h4{	font-size:14px; font-weight:bold; color:#ffffff; background-color:#0085ab; padding:6px 10px;	}
.step_year > li.two h4{	background-color:#005494;	}
.step_year > li.tree h4{	background-color:#1c3773;	}
.step_year > li > dl{	display:block; border:1px solid #d1d3d4; padding:10px;	}
.step_year > li > dl > dt{	font-size:14px; font-weight:bold; color:#333132; padding-bottom:10px; border-bottom:1px solid #e6e7e8; margin-bottom:10px;		}
.step_year > li > dl > dd{	font-size:12px; font-weight:normal; color:#6d6e71; margin-bottom:10px;	}
.step_year > li > dl .gr_tit{	margin-bottom:8px;	}
.step_year > li > dl .gr_tit > dt{	font-weight:bold; color:#619126; margin-bottom:4px;	}

.step_bubble{	display:block; border-top:1px solid #e6e7e8;	}
.step_bubble li{	border-bottom:1px solid #e6e7e8; padding:10px; position:relative;	}
.step_bubble li dl {	display:inline-block; margin-left:40px;	}
.step_bubble li dl dt{	font-size:14px; font-weight:bold; color:#333132; margin-bottom:6px;	}
.step_bubble li dl dd{	font-size:12px; font-weight:normal; color:#6d6e71; margin-bottom:2px; padding-left:6px; background:url(/images/mobile/list01.png) no-repeat left 8px; background-size:3px;	}
.step_bubble li:before{	width:34px; height:34px; display:inline-block; background:#8bc542;	 font-size:18px; font-weight:800; color:#ffffff; text-align:center; line-height:34px; position:absolute; left:0; top:20px; border-radius:100%;	}
.step_bubble li.one:before{	content:"01";	}
.step_bubble li.two:before{	content:"02";	}
.step_bubble li.tree:before{	content:"03";	}

@media only screen and (min-width:480px){
	.meat-info > dd img{	width:auto;	}
}

@media only screen and (max-width:460px){
	.tbl1 tr td{	display:block;	}
}

.sectionTitle{	display:block; margin-bottom:10px;	}
.sectionTitle:before, .sectionTitle:after{	content:""; display:table;	}
.sectionTitle:after{	clear:both;	}
.section_tit{	font-size:16px; font-weight:800; padding-left:16px; background-image:url(/images/mobile/bullet01.png); background-repeat:no-repeat; background-position:left 4px; background-size:10px; float:left; color:#000000;	}
.section_tit_sub{	font-size:16px; font-weight:800; padding-left:5px; float:left; color:#000000;	padding-top:15px;}
.section_tit .sub_txt{	font-size:12px; font-weight:normal; color:#0085ab; display:block; line-height:120%; margin-top:4px;	}
.sectionTitle button{	display:inline-block;	}

/*
@media only screen and (max-width:360px){
	.sectionTitle .section_tit{	float:none; display:block;	}
	.sectionTitle .btn_right{	float:none; margin-top:10px; text-align:left;	}
	.sectionTitle button{	float:none;	}
}
*/

.tbl_exList{	border:1px solid #d1d3d4; padding:6px 10px;	}
.tbl_exList ul li{	margin:6px 0; 	}
.tbl_exList dl{	position:relative;	}
.tbl_exList dl dt{	font-size:12px; font-weight:bold; text-align:left; width:100px; height:18px; padding:0; color:#414042; position:absolute; left:0; top:0; display:inline-block; line-height:18px;	}
.tbl_exList dl dd{	font-size:12px; font-weight:normal; text-align:left; color:#636466; margin-left:110px;	}
.tbl_exList dl dd:before{	content:" : "; font-size:12px; font-weight:bold; color:#414042; display:inline-block; margin-right:6px;	}

@media only screen and (min-width:680px){
	.tbl_exList ul:before, .tbl_exList ul:after{	content:""; display:table;	}
	.tbl_exList ul:after{	clear:both;	}
	.tbl_exList ul li{	float:left; display:inline-block; width:50%; margin:4px 0;	}
}



.tbl_exList2{	border:1px solid #d1d3d4; padding:6px;	}
.tbl_exList2 ul:before, .tbl_exList ul:after{	content:""; display:table;	}
.tbl_exList2 ul:after{	clear:both;	}
.tbl_exList2 ul li{	float:left; display:inline-block; width:48%; margin:4px 1%;	}
.tbl_exList2 dl{	position:relative;	}
.tbl_exList2 dl dt{	font-size:12px; font-weight:bold; text-align:left; width:80px; height:18px; padding:0; color:#414042; position:absolute; left:0; top:0; display:inline-block; line-height:18px;
	/* background-image:url(/images/mobile/arrow01.png); background-repeat:no-repeat; background-position:right center; background-size:4px; */
	
}
.tbl_exList2 dl dd{	font-size:12px; font-weight:normal; text-align:left; color:#636466; margin-left:110px;	}
.tbl_exList2 dl dd:before{	content:" : "; font-size:12px; font-weight:bold; color:#414042; display:inline-block; margin-right:6px;	}
.tbl_exList2 .tbl_business ul li dl dt{	width:50px;	}
.tbl_exList2 .tbl_business ul li dl dd{	margin-left:56px;	}

@media only screen and (min-width:620px){
	.tbl_exList2 ul li{	width:31.3%; margin:4px 1%;	}
}

@media only screen and (max-width:400px){
	.tbl_exList2 ul li{	width:100%; margin:4px 0;	}
}


.his_list{	width:100%; display:block;	}
.his_list li{	width:100%; border:1px solid #d1d3d4; border-left:3px solid #81be50; padding:10px;  margin-bottom:6px;	}
.his_list li table{	width:100%;	}
.his_list li table tr th{	width:60px; font-size:12px; font-weight:bold; color:#000000; text-align:right; padding-right:8px;	}
.his_list li table tr td{	font-size:12px; font-weight:normal; color:#636466;	}
.his_list li a{	color:#0080cc;	}
.his_list li a:active{	background:#0080cc; color:#ffffff; display:inline-block;	}

@media only screen and (min-width:580px){
	.his_list li{	float:left; display:inline-block; width:49%;  margin-left:1%;		 }
}

.tbl_search{		}
.tbl_search table{	width:100%; border:1px solid #d1d3d4;	}
.tbl_search table tr th{	background:#a7a9ac; text-align:center; font-weight:bold; font-size:12px; height:28px; color:#ffffff; padding:6px;	}
.tbl_search table tr td{	padding:6px;	}

.tbl_search2{		}
.tbl_search2 table{	width:100%; border:1px solid #d1d3d4;	}
.tbl_search2 table tr th{	background:#a7a9ac; text-align:center; font-weight:bold; font-size:12px; height:28px; color:#ffffff; padding:6px;	}
.tbl_search2 table tr td{	padding:6px;	}
.tbl_search2 table tr:nth-child(1) th, .tbl_search2 table tr:nth-child(1) td{	border-bottom:1px solid #d1d3d4;	}
.tbl_search2 table tr:nth-child(1) td.leftB{	border-left:1px solid #d1d3d4;	} 

.tbl_business{	width:100%;	}
.tbl_business tr td{	padding:0 3px;	}
.tbl_business ul li dl dt{	width:60px;	}
.tbl_business ul li dl dd{	margin-left:66px;	}


/* button */
.btn_center{	text-align:center;	 margin-top:20px;	}
.btn_right{	text-align:right; float:right; font-size:14px;	}

.select_btn{		font-size:14px; font-weight:bold; color:#ffffff; text-align:center; width:60px; height:28px; line-height:26px; background:#81be50; border:none; cursor:pointer; border-radius:3px;		}
.select_btn:active{	background:#649a38;	}

.modify_btn{	font-size:14px; font-weight:bold; color:#81be50; text-align:center;  height:28px; line-height:26px; background:#ffffff; border:1px solid #81be50; cursor:pointer; border-radius:3px;	}

.add_btn{	font-size:14px; font-weight:bold; color:#ffffff; text-align:center; width:auto; height:28px; line-height:26px; background:#414042; border:none; border-radius:3px; cursor:pointer;
		background: -webkit-linear-gradient(top, #565656 70%,#3d3d3d 100%); /* Chrome10-25,Safari5.1-6 */
}
.add_btn_deco{margin:auto; width:100px; margin-bottom:20px;}
.add_btn_prlAdd{ width:80px; height:25px; position:absolute; right:0; top:0;	}
.add_btn:before{	content:""; display:inline-block; background:url(/images/mobile/ico-add.png) no-repeat left top; width:10px; height:10px; background-size:100%; margin-right:4px;	}
.add_btn:active{	background:#000000;	}

.purchaseReport_btn{	font-size:14px; font-weight:bold; color:#ffffff; text-align:center; width:auto; height:28px; line-height:26px; background:#0080cc; border:none; border-radius:3px; cursor:pointer;	}
.purchaseReport_btn:before{	content:""; display:inline-block; background:url(/images/mobile/ico-check.png) no-repeat left top; width:14px; height:14px; background-size:100%; margin-right:4px; position:relative; top:2px;	}
.purchaseReport_btn:active{	background:#0066a3;	}

.itemRegister_btn{	font-size:14px; font-weight:bold; color:#ffffff; text-align:center; width:100px; height:28px; line-height:26px; background:#0080cc; border:none; border-radius:3px; cursor:pointer; display:inline-block;	}
.itemRegister_btn:before{	content:""; display:inline-block; background:url(/images/mobile/ico-check.png) no-repeat left top; width:14px; height:14px; background-size:100%; margin-right:4px; position:relative; top:2px;	}
.itemRegister_btn:active{	background:#0066a3;	}

.itemDelete_btn{	font-size:14px; font-weight:bold; color:#ffffff; text-align:center; width:100px; height:28px; line-height:26px; background:#e44949; border:none; border-radius:3px; cursor:pointer; display:inline-block;	}
.itemDelete_btn:before{	content:""; display:inline-block; background:url(/images/mobile/ico-delete.png) no-repeat left top; width:10px; height:14px; background-size:100%; margin-right:4px; position:relative; top:3px;	}
.itemDelete_btn:active{	background:#9e2e2e;	}

.search_btn{	font-size:14px; font-weight:bold; color:#ffffff; text-align:center; width:auto; height:28px; line-height:26px; background:#0080cc; border:none; cursor:pointer; border-radius:3px; padding:0 10px;	}
.search_btn:active{	background:#0066a3;	}

.enrollment_btn{	font-size:14px; font-weight:bold; color:#ffffff; height:28px; line-height:26px; border:1px solid #4d4d4f; border-radius:3px; cursor:pointer; display:inline-block; padding:0 10px;
	background: -webkit-linear-gradient(top, #565656 70%,#3d3d3d 100%); /* Chrome10-25,Safari5.1-6 */
}

.save_btn{	font-size:14px; font-weight:bold; color:#ffffff; height:28px; line-height:26px; border:none; border-radius:3px; cursor:pointer; background:#58595b; padding:0 10px;	}
.save_btn:before{	content:""; display:inline-block; background:url(/images/mobile/ico-save.png) no-repeat left top; width:14px; height:14px; background-size:100%; margin-right:4px; position:relative; top:2px;	}
.save_btn:active{	background:#414042;	}

.delete_btn{	font-size:14px; font-weight:bold; color:#ffffff; height:28px; line-height:26px; border:none; border-radius:3px; cursor:pointer; background:#58595b; padding:0 10px;	}
.delete_btn_deco{	float:right; width:60px; margin-top:8px; margin-right:5px;}
.delete_btn:before{	content:""; display:inline-block; background:url(/images/mobile/ico-delete.png) no-repeat left top; width:10px; height:14px; background-size:100%; margin-right:4px; position:relative; top:2px;	}
.delete_btn:active{	background:#414042;	}

.view_btn{	font-size:14px; font-weight:bold; color:#ffffff; height:28px; line-height:26px; border:none; border-radius:3px; cursor:pointer; background:#58595b; padding:0 10px;	}
.view_btn:before{	content:""; display:inline-block; background:url(/images/mobile/ico-view.png) no-repeat left top; width:14px; height:10px; background-size:100%; margin-right:4px; position:relative; top:2px;	}
.view_btn:active{	background:#414042;	}

.no_btn{	font-size:14px; font-weight:bold; color:#ffffff; height:28px; line-height:26px; border:none; border-radius:3px; cursor:pointer; background:#58595b; padding:0 10px;	margin-left:5px;}
.no_btn:active{	background:#414042;	}


@media only screen and (max-width:380px){
	.tbl_business ul li dl dt{	width:60px;	}
	.tbl_business ul li dl dd{	margin-left:66px;	}
	.tbl_business tr td{	display:block;	}
	.tbl_business tr td .select_btn{		width:100%; margin:6px 0;	}
	.tbl_business tr td .modify_btn{	width:100%; margin:6px 0;	}
}

.termsDate .boardSz{width:100%; !important;}
@media only screen and (min-width:580px){
	.termsDate .boardSz{width:80%; !important;}
}

.tbl_termsSearch{	border:1px solid #d1d3d4;	}
.tbl_termsSearch ul{	position:relative;	}
.tbl_termsSearch ul li{	padding:5px; color:#636466; font-size:12px; border-top:1px solid #d1d3d4;	}
.tbl_termsSearch ul .resultChck{	padding:0;	}
.tbl_termsSearch ul li.termsDate{	border:none;	}
.tbl_termsSearch ul li dl{	position:relative;	}
.tbl_termsSearch ul li dl dt{	width:65px; height:26px; line-height:26px; font-size:12px; font-weight:bold; background:#a7a9ac; color:#ffffff; text-align:center; position:absolute; left:0; top:0;	}
.tbl_termsSearch ul li dl dd{	margin-left:66px;	}
.search_btn2{	width:26px; height:26px; line-height:26px; border-radius:3px; border:1px solid #d1d3d4; padding:4px;
	background: -webkit-linear-gradient(top, #ffffff 73%,#e6e7e8 100%); /* Chrome10-25,Safari5.1-6 */
}
.tbl_termsSearch ul li.searchBtn{	border:none;	}
.tbl_termsSearch ul li.searchBtn .search_btn{	width:100%;	}
.tbl_termsSearch ul li.checkList{	width:100%;	}
.tbl_termsSearch ul li.checkList dl dt{	width:100%; text-align:left; padding-left:4px; margin-bottom:4px; position:static; left:auto; top:auto;	}
.tbl_termsSearch ul li.checkList dl dd{	margin:0 0 0 0;	}

@media only screen and (min-width:580px){
	.tbl_termsSearch ul:before, .tbl_termsSearch ul:after{	content:""; display:table;	}
	.tbl_termsSearch ul:after{	clear:both;	}
	.tbl_termsSearch ul li.termsDate{	width:100%;	}
	.tbl_termsSearch ul li.termsDate input{	width:120px !important;	}
	.tbl_termsSearch ul li{	float:left; display:inline-block; width:50%;	}
	.tbl_termsSearch ul li.searchBtn{	position:absolute; right:0; top:0;	width:100px; text-align:right;}
	.tbl_termsSearch ul li.searchBtn .search_btn{	width:80px;	}
	.tbl_termsSearch ul li.termsDate input.search_btn2{	width:26px !important;	}
}

.tbl_termsSearch2{	border:1px solid #d1d3d4;	}
.tbl_termsSearch2 ul{	position:relative;	}
.tbl_termsSearch2 ul li{	padding:5px; color:#636466; font-size:12px; border-top:1px solid #d1d3d4;	}
.tbl_termsSearch2 ul li:first-child{	border:none;	}
.tbl_termsSearch2 ul li dl{	position:relative;	}
.tbl_termsSearch2 ul li dl dt{	width:100px; height:26px; line-height:26px; font-size:12px; font-weight:bold; background:#a7a9ac; color:#ffffff; text-align:center; position:absolute; left:0; top:0;	}
.tbl_termsSearch2 ul li dl dd{	margin-left:106px;	}
.tbl_termsSearch2 ul li #sfrmprtCode{	width:31%; }
.tbl_termsSearch2 ul li #sfrmprtDetailCode{	width:35%; }
.tbl_termsSearch2 ul li #sfrmprtNm { width:29%;}

.search_btn2{	width:26px; height:26px; line-height:26px; border-radius:3px; border:1px solid #d1d3d4; padding:4px;
	background: -webkit-linear-gradient(top, #ffffff 73%,#e6e7e8 100%); /* Chrome10-25,Safari5.1-6 */
}
.tbl_termsSearch2 ul li.searchBtn{	border:none;	}
.tbl_termsSearch2 ul li.searchBtn .search_btn{	width:100%;	}

@media only screen and (min-width:580px){
	.tbl_termsSearch2 ul:before, .tbl_termsSearch2 ul:after{	content:""; display:table;	}
	.tbl_termsSearch2 ul:after{	clear:both;	}
	.tbl_termsSearch2 ul li.termsDate{	width:100%;	}
	.tbl_termsSearch2 ul li.termsDate input{	width:120px !important;	}
	.tbl_termsSearch2 ul li{	float:left; display:inline-block; width:50%;	}
	.tbl_termsSearch2 ul li.searchBtn{	position:absolute; right:0; top:0;	width:100px; text-align:right;}
	.tbl_termsSearch2 ul li.searchBtn .search_btn{	width:80px;	}
	.tbl_termsSearch2 ul li.termsDate input.search_btn2{	width:26px !important;	}
}

.tbl_purchaseList table{	width:100%; border:2px solid #414042; border-left:none; border-right:none;	}
.tbl_purchaseList table thead tr th{	 padding:8px; font-size:12px; font-weight:bold; color:#000000; text-align:center;	}
.tbl_purchaseList table tbody tr td{	font-size:12px; font-weight:normal; color:#636466; border-top:1px solid #d1d3d4; text-align:center; height:34px;	}
.tbl_purchaseList table tbody tr td a{	color:#0080cc;	}
.tbl_purchaseList table tbody tr td a:hover{	text-decoration:underline;	}
.tbl_purchaseList table tr.dateOver{	background:#f7f4e8;	}
.tbl_purchaseList table tr td .delete{	width:10px; height:10px; display:block; cursor:pointer; text-indent:-9999px; background:url(/img/layout/delete_btn.png) no-repeat left top; float:right; margin-right:5px;}
.decided_btn{	background:#81be50; text-align:center; width:50px; color:#ffffff; font-size:12px; font-weight:bold; border:none; padding:4px; cursor:pointer;	}

@media only screen and (max-width:480px){
	.tbl_purchaseList table .noRequied{	display:none;	}
	.tbl_purchaseList table .txBoxLimit {	overflow:hidden; word-wrap:break-word;	}
}

.tbl_purchaseList2 table{	width:100%; border:2px solid #414042; border-left:none; border-right:none;	}
.tbl_purchaseList2 table thead tr th{	 padding:8px; font-size:12px; font-weight:bold; color:#000000; text-align:center; border:1px solid #d1d3d4;	}
.tbl_purchaseList2 table tbody tr td{	font-size:12px; font-weight:normal; color:#636466; border-top:1px solid #d1d3d4; text-align:center; height:34px;	}
.tbl_purchaseList2 table tbody tr td a{	color:#0080cc;	}
.tbl_purchaseList2 table tbody tr td a:hover{	text-decoration:underline;	}

@media only screen and (max-width:480px){
	.tbl_purchaseList2 table .noRequied{	display:none;	}
}


/* POPUP */
.layer{	position:fixed; width:100%; height:100%; left:0; top:0; z-index:1000; background:rgba(0,0,0,0.5); min-width:320px; display:block; overflow:scroll;}
.layerPopup{	background:#ffffff; margin:70px 10px 10px 10px; border-radius:5px; overflow:hidden;	}
.layerPopup .title{	height:40px; line-height:40px; background:#3b3c4b; position:relative;	}
.layerPopup .title h4{	font-size:18px; font-weight:normal; color:#ffffff; padding-left:10px;	}
.layerPopup .title .close_btn{	position:absolute; right:12px; top:12px; display:block; width:16px; height:16px; text-indent:-9999px; background:url(/images/mobile/ico-close.png) no-repeat left top; background-size:100%;	}
.layerPopup .con{	padding:10px;	}
.layerPopup .con .textBox{	border-bottom:1px solid black; margin-bottom:10px;	font-size:15px; color:#555555; padding-bottom:10px;	}
.layerPopup .con .btnBox div{	width:215px; margin:auto;	}
.layerPopup .con .btnBox div button{	font-size:14px; font-weight:bold; text-align:center; width:auto; height:28px; line-height:26px; border:none; cursor:pointer; border-radius:3px; padding:0 10px; background:#ffffff;	border:1px solid;}
.layerPopup .con div .con_btn{	color:#006fff;	}
.layerPopup .con div .reg_btn{	color:#ec3636;	}
.layerPopup .con div .can_btn{	color:#808285;	}
.layerPopup .con .purchaseDetail_list{	height:280px; display:block; overflow-y:scroll; padding-right:10px;	}
.layerPopup .con .purchaseDetail_list::-webkit-scrollbar{	    width: 10px;	}
.layerPopup .con .purchaseDetail_list::-webkit-scrollbar-track{	 background: #f1f1f1;		}
.layerPopup .con .purchaseDetail_list::-webkit-scrollbar-thumb{		background: #888;   border-radius:40px;	}
.layerPopup .con .purchaseDetail_list::-webkit-scrollbar-thumb:hover {    background: #555;		}
.layerPopup .con .purchaseDetail_list li{	border:1px solid #d1d3d4; padding:4px; margin:4px 0;	}
.layerPopup .con .purchaseDetail_list li:before, .layerPopup .con .purchaseDetail_list li:after{	content:""; display:table;	}
.layerPopup .con .purchaseDetail_list li:after{	clear:both;	}
.layerPopup .con .purchaseDetail_list dl{	position:relative; float:left; display:inline-block; width:48%; margin:2px;	}
.layerPopup .con .purchaseDetail_list dl dt{	width:60px; height:24px; color:#ffffff; text-align:center; font-size:12px; font-weight:bold; background:#a7a9ac; position:absolute; left:0; top:0; line-height:24px;	}
.layerPopup .con .purchaseDetail_list dl dd{	height:24px; line-height:24px; font-weight:normal; font-size:12px; color:#636466; margin-left:66px;	}
.layerPopup .con .purchaseDetail_list dl.recordNum{	width:100%;	}
.layerPopup .con .purchaseDetail_list dl.recordNum dt{	background:#0080cc;	}
.layerPopup .con .purchaseDetail_list dl.recordNum dd{	font-weight:bold;	}
.layerPopup .decided_btn{	background:#81be50; text-align:center; width:100%;  color:#ffffff; font-size:12px; font-weight:bold; border:none; padding:10px; border-radius:3px; margin:20px 0 0 0;	}
.layerPopup .con .tbl_business2{	background:#f1f2f2; padding:6px 0; 	}
.layerPopup .con .tbl_business2 table{	width:100%;	}
.layerPopup .con .tbl_business2 table tr th{	font-size:12px; font-weight:bold; padding:6px 0;	}
.layerPopup .con .tbl_business2 table tr th:after{	content:" : ";	}
.layerPopup .con .tbl_business2 table tr td{	font-size:12px; font-weight:normal; padding:6px;	}
.layerPopup .con .requiryForm{	margin:10px 0; font-size:14px; font-weight:bold; color:#000000;	}
.layerPopup .con .requiryForm .search_btn{	border-radius:0; height:26px; line-height:26px;	}
.layerPopup .con .requiryForm *{	margin-bottom:4px;	}
.layerPopup .con .selectList ul li{	border:1px solid #d1d3d4; padding:10px; position:relative; margin-bottom:6px;	}
.layerPopup .con .selectList ul li:before, .layerPopup .con .selectList ul li:after{	content:""; display:table;	}
.layerPopup .con .selectList ul li:after{	clear:both;	}
.layerPopup .con .selectList ul li dl dt{	font-size:14px; font-weight:bold; color:#0080cc; background:#e8eff7; margin-bottom:4px; display:inline-block; padding:4px; letter-spacing:0;	}
.layerPopup .con .selectList ul li dl dt .businessNum{	display:inline-block; font-weight:normal; color:#000000; margin-left:4px;	}
.layerPopup .con .selectList ul li dl dd{	font-size:12px; font-weight:normal; color:#636466;	}
.layerPopup .con .selectList ul li .select_btn{	position:absolute; right:10px; top:50%; margin-top:-13px;	}
.layerPopup .con .selectList ul .fcl dd span:nth-child(2n){	float:left;}
.layerPopup .con .selectList ul .fcl dd span:nth-child(2n -1){	float:left; clear:left;}
.layerPopup .con .tabs{	background:#efeff0; margin-bottom:20px;	}
.layerPopup .con .tabs ul{	padding:4px 0 0 4px;	}
.layerPopup .con .tabs ul:before, .layerPopup .con .tabs ul:after{	content:""; display:table;	}
.layerPopup .con .tabs ul:after{	clear:both;	}
.layerPopup .con .tabs ul li{	float:left; display:inline-block; font-size:14px; font-weight:bold; letter-spacing:0; margin-left:6px;	}
.layerPopup .con .tabs ul li:first-child{	margin-left:0;	}
.layerPopup .con .tabs ul li a{	color:#a7a9ac; padding:10px 14px; display:block;	}
.layerPopup .con .tabs ul li a.on{	background:#ffffff; color:#000000;	}
.layerPopup .con .selectList2 ul li{	border:1px solid #d1d3d4; padding:10px; position:relative; margin-bottom:6px;	}
.layerPopup .con .selectList2 ul li:before, .layerPopup .con .selectList2 ul li:after{	content:""; display:table;	}
.layerPopup .con .selectList2 ul li:after{	clear:both;	}
.layerPopup .con .selectList2 ul li dl {	width:48%; float:left; display:inline-block; line-height:120%;	}
.layerPopup .con .selectList2 ul li dl dt{	font-size:12px; font-weight:bold; color:#000000; display:inline-block;  letter-spacing:0;	}
.layerPopup .con .selectList2 ul li dl dd{	font-size:12px; font-weight:normal; color:#636466; display:inline-block;	}
.layerPopup .con .selectList2 ul li .select_btn{	position:absolute; right:10px; top:50%; margin-top:-13px;	}
.layerPopup .con .selectList2 ul li .select_btn2{	font-size:14px; font-weight:bold; color:#ffffff; text-align:center; width:60px; height:28px; line-height:26px; background:#81be50; border:none; cursor:pointer; border-radius:3px; position:absolute; right:10px; top:50%; margin-top:-13px;	}

/* loding img */
.waitingBox{	width:140px; height:140px; position:absolute; left:50%; top:50%; margin:-70px 0 0 -70px; background:#ffffff; border-radius:10px; overflow:hidden; border:1px solid #d1d3d4; box-shadow:1px 1px 6px rgba(0,0,0,0.1), 1px 1px 6px rgba(0,0,0,0.1); z-index:999999999;	}
.waitingBox p{	text-align:center; font-size:14px; font-weight:normal; color:#58595b;	}
.waitingBox .waiting{	width:50px; height:50px; margin:30px auto 20px auto; border:6px solid #5492df; border-color: #5492df transparent transparent; border-radius:50%; -webkit-animation:spin 1.4s linear infinite;}
.waitingLayer { position:fixed; width:100%; height:100%; left:0; top:0; z-index:1000; background:rgba(0,0,0,0); min-width:320px; display:block; }
@keyframes spin{
	100%{	transform:rotate(360deg);	}
}

@media only screen and (max-width:360px){
	.layerPopup .con .purchaseDetail_list li{		}
	.layerPopup .con .purchaseDetail_list dl{	width:100%; border-bottom:1px solid #dcddde; margin:0;	}
	.layerPopup .con .purchaseDetail_list dl.recordNum{	border-top:1px solid #dcddde;	}
}

@media only screen and (max-width:420px){
	.layerPopup .con .requiryForm #searchTxt{	width:80%;	}
}

@media only screen and (max-width:560px){
	.layerPopup .con .selectList2 ul li dl{	width:100%;	}
	.layerPopup .con .selectList2 ul li .select_btn{	top:10px; margin-top:0;	}
	.layerPopup .con .selectList2 ul li .select_btn2{	bottom:10px; top:auto; margin:0;	}
}

@media only screen and (min-width:620px){
	.layerFixed {	width:500px; margin-left:auto; margin-right:auto;	}
	.layerPopup .con .purchaseDetail_list{	height:160px;	}
	.layerPopup .con .purchaseDetail_list dl{	width:31%;	}
}

.alert{	background:#ffffff; margin:70px 20px 10px 20px; border-radius:5px; overflow:hidden; box-shadow:1px 1px 3px rgba(0,0,0,0.3);	}
.alert .title{	height:40px; line-height:40px; background:#3b3c4b; position:relative;	}
.alert .title h4{	font-size:18px; font-weight:normal; color:#ffffff; padding-left:36px; background:url(/images/mobile/ico-alert.png) no-repeat 10px center; background-size:24px;	}
.alert .title h4.confirmation{	background:url(/images/mobile/ico-check2.png) no-repeat 10px center; background-size:20px;	}
.alert .title h4.save{	background:url(/images/mobile/ico-folder.png) no-repeat 10px center; background-size:20px;	}
.alert .title .close_btn{	position:absolute; right:12px; top:12px; display:block; width:16px; height:16px; text-indent:-9999px; background:url(/images/mobile/ico-close.png) no-repeat left top; background-size:100%;	}
.alert .con{	padding:40px 20px; font-size:14px; font-weight:normal; color:#636466; text-align:center;	}
.alert .con p{	margin-bottom:20px;	}


/* PAGING */
.paging{	display:block; text-align:center; margin-top:20px;	}
.paging li{	display:inline-block; font-size:13px; font-weight:normal; color:#808285; margin:0; cursor:pointer; border:1px solid #d1d3d4; padding:0 10px; height:30px; line-height:30px; margin-left:-2px;	}
.paging li.first{		text-indent:-9999px; background-image:url(/images/mobile/paging-first.png); background-repeat:no-repeat; background-position:center center; background-size:12px; padding:0 14px;	}
.paging li.prev{		text-indent:-9999px; background-image:url(/images/mobile/paging-prev.png); background-repeat:no-repeat; background-position:center center; background-size:7px; padding:0 14px;		}
.paging li.next{		text-indent:-9999px; background-image:url(/images/mobile/paging-next.png); background-repeat:no-repeat; background-position:center center; background-size:7px; padding:0 14px;		}
.paging li.last{	 text-indent:-9999px; background-image:url(/images/mobile/paging-last.png); background-repeat:no-repeat; background-position:center center; background-size:12px; padding:0 14px;		}
.paging li:hover{	text-decoration:underline;	}
.paging li.current{	color:#0080cc; border-color:#0080cc; color:#0080cc;	}
.paging li a { text-decoration:none; color:#808285; }

.noticeBox{	background:#f1f2f2; border:2px solid #81aee5; position:relative;	}
.noticeBox ul{	display:block; position:relative; width:100%; height:100%;	}
.noticeBox ul:before{	content:""; display:block; background-color:#81aee5; text-align:center; width:40px; height:calc(100% + 10px); position:absolute; left:0; top:-10px; background-image:url(/images/mobile/alert.png); background-size:26px; background-repeat:no-repeat; background-position:center center;	}
.noticeBox ul li{	font-size:12px; font-weight:normal; color:#636466; margin:10px 0; padding-left:10px; background:url(/images/mobile/bullet02.png) no-repeat left 6px; background-size:4px; margin-left:50px;	}


/* LOGIN */
.loginContainer{	background-color:#f0f0f0; background-image:url(/images/mobile/main-visual.png); background-repeat:no-repeat; background-position:center bottom;	}
#loginWrap{	padding:20px; background-image:url(/images/mobile/main-visualBG.png); background-repeat:no-repeat; background-position:center top; background-size:100% 100%; position:relative; background-color:#f0f0f0; overflow:hidden;	}
.login{		background:rgba(255,255,255,0.3); border:1px solid #ffffff; border-radius:10px; padding:20px; box-shadow:1px 1px 6px rgba(0,0,0,0.1), -1px -1px 6px rgba(0,0,0,0.1);	}
.login .title{	padding-left:50px; background:url(/images/mobile/login-title.png) no-repeat left top; background-size:40px; border-bottom:1px solid #d1d3d4; padding-bottom:15px;	}
.login .title dt{	font-size:18px; font-weight:800; font-family:'NS', 'Nanum Gothic', sans-serif; color:#000000;	}
.login .title dd{	font-size:12px; font-weight:normal; font-family:'Nanum Gothic', sans-serif; color:#000000;	}
.login .loginBox{	border-top:1px solid #ffffff; padding-top:15px;	}
.login .login_input{	width:100%; display:block; height:40px; line-height:40px; font-size:12px; color:#666666; padding:0 10px; border:3px solid #0080cc; border-radius:5px; margin:10px 0;	}
.login .login_btn{	width:100%; display:block; background:#0080cc; color:#ffffff; text-align:center; height:60px; line-height:60px; border:none; font-size:16px; font-weight:bold; border-radius:5px; cursor:pointer;	}
.login .login_btn:active{	background:#0066a3;	}
.login_txt{	font-size:12px; font-weight:normal; color:#636466; margin-top:20px; text-align:center;	}
.login_img {	margin-top:20px;	}
.login_img img{	width:100%;	}

@media only screen and (max-width:560px){
	.loginContainer{	background-size:100%;	}
}



/* 대시보드 */
.person_info{	 height:30px; background:#333333; font-size:10px; font-weight:normal;	}
.person_info ul{	display:block; text-align:center;	}
.person_info ul li{	display:inline-block; color:#ffffff;  line-height:30px;	}
.person_info ul li:before{	content:"|"; color:#808285; font-size:10px; font-weight:normal; display:inline-block; margin:0 4px;	}
.person_info ul li:first-child:before{	content:""; margin:0;	}

.dashboard_tit{	width:100%; height:46px; line-height:44px; border:1px solid #d1d3d4; border-left:none; border-right:none; text-align:center;
	background: -webkit-linear-gradient(top, #fbfbfb 41%,#dcddde 100%); /* Chrome10-25,Safari5.1-6 */
}
.dashboard_tit h3{	font-size:18px; font-weight:bold; font-family:'NS','Nanum Gothic', sans-serif; color:#333333; display:inline-block; }
.dashboard_tit .name{	display:inline-block;  background:#0066a2; color:#ffffff; margin-left:6px; border-radius:5px; padding:2px 6px; font-size:16px; box-shadow:inset 1px 1px 3px rgba(0,0,0,0.1), inset -1px -1px 3px rgba(0,0,0,0.1); 	}

.dashboard_list{	background:#e6e7e8; padding:20px; box-shadow:inset 0 1px 10px rgba(0,0,0,0.1);	}
.dashboard_list ul{	display:block; width:100%;	}
.dashboard_list ul:before, .dashboard_list ul:after{	content:""; display:table;	}
.dashboard_list ul:after{	clear:both;	}
.dashboard_list ul li{	float:left; display:inline-block; width:48%; margin:1%; text-align:center; font-size:14px; font-weight:bold;	}
.dashboard_list ul li a{	width:100%; height:100%; display:block; color:#000000; background-color:#ffffff; border-radius:5px; padding:100px 0 20px 0; border:1px solid #a7a9ac; box-shadow:1px 1px 1px rgba(0,0,0,0.1); background-repeat:no-repeat; background-position:center 30px; background-size:64px;	}
.dashboard_list ul li.list01 a{	background-image:url(/images/mobile/sales-list01.png);	}
.dashboard_list ul li.list02 a{	background-image:url(/images/mobile/sales-list05.png);	}
.dashboard_list ul li.list03 a{	background-image:url(/images/mobile/sales-list06.png);	}
.dashboard_list ul li.list04 a{	background-image:url(/images/mobile/sales-list02.png);	}
.dashboard_list ul li.list05 { clear:left;}
.dashboard_list ul li.list05 a{	background-image:url(/images/mobile/sales-list03.png);	}
.dashboard_list ul li.list06 a{	background-image:url(/images/mobile/sales-list04.png);	}
.dashboard_list ul li a:hover{	border-color:#0080cc;	}
.dashboard_list ul li a:active{	background-color:#0080cc; color:#ffffff;	}

@media only screen and (min-width:580px){
	.dashboard_list ul li{	width:31.3%;}
	.dashboard_list ul li.list05 {clear:none;}
}

/* 거래등록기한 조회 반영시  하단 주석 처리후 이걸로 대체
.public.dashboard_list ul li a{	background-size:68px;	}
.public.dashboard_list ul li.list01 a{	background-image:url(/images/mobile/public-list01.png);	}
.public.dashboard_list ul li.list02 a{	background-image:url(/images/mobile/public-list02.png);	}
.public.dashboard_list ul li.list03 a{	background-image:url(/images/mobile/public-list03.png);	}
.public.dashboard_list ul li.list06 a{	background-image:url(/images/mobile/sales-list041.png);	}
.public.dashboard_list ul li.list04 a{	background-image:url(/images/mobile/public-list04.png);	}
.public.dashboard_list ul li.list05 a{	background-image:url(/images/mobile/public-list05.png);	} 
*/

.public.dashboard_list ul li a{	background-size:68px;	}
.public.dashboard_list ul li.list01 a{	background-image:url(/images/mobile/public-list01.png);	}
.public.dashboard_list ul li.list02 a{	background-image:url(/images/mobile/public-list02.png);	}
.public.dashboard_list ul li.list03 a{	background-image:url(/images/mobile/public-list03.png);	}
.public.dashboard_list ul li.list04 a{	background-image:url(/images/mobile/public-list04.png);	}
.public.dashboard_list ul li.list05{	width:98%;	}
.public.dashboard_list ul li.list05 a{	background-image:url(/images/mobile/public-list05.png);	}

@media only screen and (min-width:580px){
	.public.dashboard_list ul li.list05{	width:64.6%;	}
}

.btnBox{ width:100%; overflow:hidden;}
p.error{	text-align:center; font-size:16px; font-weight:normal; color:#000000; padding-top:70px; background:url(/img/subpage_cs/alarm2.png) no-repeat center 10px; margin-top: 15px; background-color: #fefefe; border: 2px solid #0087cc; padding-bottom: 10px;}
/* 테스트서버안내 */
.testServer{	width:204px; height:185px; position:fixed; left:40px; bottom:40px; background-image:url(/img/layout/test-bg.png); background-repeat:no-repeat; background-position:left top; z-index:99999999; box-sizing:border-box; word-break: keep-all;	}
.testServer dl{	padding-top:86px; text-align:center;	}
.testServer dl dt{	font-size:16px; font-weight:bold; color:#333333; margin-bottom:14px; letter-spacing:-1px;	}
.testServer dl dd{	font-size:14px; font-weight:normal; color:#58595b; letter-spacing:-1px;	}


/* 오류페이지 */
.errorBox{	width:100%; background:url(/images/mobile/line-bg.png) repeat; padding:10px; box-sizing:border-box;	}
.error{	background-color:#ffffff; width:100%; height:100%; box-shadow:1px 1px 3px rgba(0,0,0,0.1), -1px -1px 3px rgba(0,0,0,0.1);	}
.error .errorTit{	background-color:#eff4fa; height:148px; text-align:center; padding:20px 10px; box-sizing:border-box;	}
.error .errorTit h1{	font-size:20px; font-weight:bold; color:#1c3773; font-family:'Noto Sans KR', sans-serif; margin-bottom:6px;}
.error .errorTit dl dt{	font-size:14px; font-weight:500; color:#000000; font-family:'Noto Sans KR', sans-serif; margin-bottom:10px;	}
.error .errorTit dl dd{	font-size:12px; font-weight:300; font-family:'Noto Sans KR', sans-serif; color:#6d6e71;	}
.error .errorCon{	text-align:center; padding:190px 30px 30px 30px; box-sizing:border-box; background-image:url(/images/mobile/error.png); background-repeat:no-repeat; background-position:center 30px; letter-spacing:0;	}
.error .errorCon .conTit:before{	content:""; width:14px; height:12px; display:inline-block; margin-right:6px; background:url(/images/mobile/loading-alert.png) no-repeat left top; position:relative; top:1px;		}
.error .errorCon .conTit{	font-size:14px; font-weight:bold; color:#ec3636; padding:14px 0; border:1px solid #e6e7e8; border-left:none; border-right:none; margin-bottom:30px; font-family:'돋움', sans-serif;	} 
.error .errorCon .conTxt{	font-size:12px; font-weight:normal; color:#6d6e71; font-family:'돋움', sans-serif; margin-bottom:20px;	}
.grayBtn{	border-radius:3px; background-color:#6d6e71; color:#ffffff; font-size:14px; font-weight:bold; padding:0 30px; height:32px; line-height:32px; display:inline-block; border:1px solid #333132; border-left:none; border-top:none;	}

.lgn_body {	overflow:hidden; }
#lgn_wrap {	width:100%; margin:0 auto; padding-bottom:30px;}
.lgn_tit {height:68px; margin-bottom:10px;}
.lgn_tit:before, .lgn_tit:after{	content:""; display:table;	}
.lgn_tit:after{	clear:both;	}
.lgn_tit h1{	float:left; display:inline-block;	}
.lgn_tit h1 img {		}
.lgn_tit .page_tit{	float:left; display:inline-block; font-size:20px; font-weight:bold; color:#58595b; font-family:'Noto Sans KR', sans-serif; letter-spacing:-1px; margin-top:30px; margin-left:5px;	}
.lgn_tit .page_tit:before{	content:": ";	}
.lgn_tit .page_tit strong{	color:#000000;	}
.memberBox{	border:4px solid #dcddde; box-sizing:border-box; padding:30px;	margin:0 5px 0 5px;}
.dormancy{	text-align:center; font-size:14px; color:#6d6e71; padding-top:200px; background:url(/img/layout/dormancy-img.png) no-repeat center top;  font-family:'Noto Sans KR', sans-serif; line-height:200%;	}

.btn_blue{	background-color:#3077ce; height:30px; line-height:30px; color:#ffffff !important; padding:0 10px; display:inline-block; border-radius:3px; font-size:14px; font-weight:bold; 	}
.btn_blue:after{	content:url(/img/layout/btn-arrow2.png); display:inline-block; margin-left:20px;	}

.btn_gray{	background-color:#808285; height:30px; line-height:30px; color:#ffffff !important; padding:0 10px; display:inline-block; border-radius:3px; font-size:14px; font-weight:bold; 	}
.btn_gray:after{	content:url(../img/layout/btn-arrow2.png); display:inline-block; margin-left:20px;	}

div.nojs {
    position:absolute;z-index:10000;top:0;right:0;left:0;
    clear:both;background:#fff;border-bottom:solid 1px #55b8e0;
    padding:10px;;
}
div.nojs p {font:bold 16px/1.6em "맑은 고딕","malgun gothic",dotum,arial;letter-spacing:-1px;}
div.nojs small {font-style:normal;font:normal 12px/1.8em tahoma,arial }
.memberBox2{	padding:5px;	}
.memberBox2 .productBtn{	height:20px; line-height:20px; border:1px solid #d4d4d4; border-radius:3px; padding:0 30px 0 10px; background-image:url(/img/layout/btn-arrow.png); background-repeat:no-repeat; background-position:right 10px center; display:inline-block;  font-size:12px; color:#6d6e71 !important;
	background-color:#ffffff;
}
.memberBox2 .productBtn:hover{	color:#3077ce !important; text-decoration:none;	}

.agreeInfo{	background-color:#f8f8f8; border:1px solid #dcddde; background-image:url(/img/layout/agreeInfo.png); background-repeat:no-repeat; background-position:right 10px bottom; padding:30px; box-sizing:border-box; margin-bottom:30px;
	font-size:14px; color:#6d6e71;  font-family:'Noto Sans KR', sans-serif;
}

.agreeList{	padding-left:10px;	}
.agreeList li{	font-size:14px; color:#6d6e71;  font-family:'Noto Sans KR', sans-serif;	 margin-bottom:20px;	}
.agreeList li dl{	border:1px solid #e6e7e8; padding:20px; box-sizing:border-box; font-family:"돋움", sans-serif; font-size:12px; color:#6d6e71; letter-spacing:0;	 margin-top:10px;}
.agreeList li dl dt{	font-weight:bold; margin-bottom:8px;	}

.agreeCheck{	border-top:1px solid #dcddde; padding-top:20px;	}
.agreeCheck textarea{	width:100%; height:250px; border:1px solid #e6e7e8; padding:10px; box-sizing:border-box; margin-bottom:10px; font-size:13px;	}
.agreeCheck label{	font-size:14px; color:#6d6e71; font-weight: bold;	}
.agreeCheck input[type="checkbox"]{	background:#ffffff; border:1px solid #c5c5c5; width:20px; height:20px; -webkit-appearance: checkbox;}

.g_tit {clear:both; height:34px; margin:0; color:#949494;font:normal 11px/34px "돋움",dotum,arial; }
.g_tit:before, .g_tit:after{	content:""; display:table;	}
.g_tit:after{	clear:both;	}
.g_tit h2{	float:left; display:inline-block; color:#4f4f4f; padding:0 15px; background:url(/img/layout/tit_bu_pack.gif) 0 -1px no-repeat; font-size:14px; font-weight:bold;	}

.boardBox{	border-radius:5px; background:#ffffff; overflow:hidden; margin:10px 5px 5px 5px; box-shadow:1px 1px 1px rgba(0,0,0,0.1), -1px -1px 1px rgba(0,0,0,0.1);	}
.boardBox ul{	display:block;	}
.boardBox ul li{	display:block; overflow:hidden; margin-bottom:10px; padding:0 10px; border-bottom:1px dotted #d1d3d4; padding-bottom:6px; 	}
.boardBox ul .bdTitle{	background-color:#0080cc; padding:10px; border:none; width:100%; }
.boardBox ul .bdTitle p{	 }
.boardBox ul li{	width:100%;	}
.boardBox ul li.bdTitle .sj{	float:left; display:inline-block; color:#ffffff; font-size:16px; font-weight:bold;	}
.boardBox ul li .addBtn{	background:url(/images/mobile/ico-add.png) no-repeat left top; text-indent:-9999px; display:block; float:right; width:18px; height:18px; background-size:100%;	}
.boardBox ul li .sj{	width:calc(100% - 90px); font-size:14px; font-weight:normal; color:#636466; float:left; display:inline-block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; cursor:pointer;	}
.boardBox ul li .date{	width:80px; font-size:14px; text-overflow:ellipsis; white-space:nowrap; float:right; font-weight:normal; color:#a7a9ac; text-align:right;	letter-spacing:0;	}
.boardBox ul li tr {	height:30px;	}
.boardBox td{text-align:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.boardBox .sjTx{	white-space:nowrap; text-ooverflow:ellipsis; overflow:hidden;	}

.boardetail .boardTit{ border-bottom:1.5px solid #0080cc; padding:0 0 15px 10px;	margin-top:15px;}
.boardetail .boardTit p{	font-size:27px; font-weight:bold;	}
.boardetail .boardFile{	padding:6px 10px; font-size:12px; border:1px solid #d1d3d4; border-top:none; border-bottom:none;	}
.boardetail .boardFile p{	white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:url(/images/mobile/ico-file.png) no-repeat left center; background-size:10px; cursor:pointer; margin-bottom:5px;	}
.boardetail .boardFile p:hover,
.boardetail .boardFile p:active{	text-decoration:underline;	}
.boardetail .boardSj{	font-size:16px; font-weight:800; padding-left:16px; background-repeat:no-repeat; background-position:left 4px; background-size:10px;  color:#000000; margin-bottom:10px;	}
.boardetail .boardBu{	background-color:#f1f2f2; padding:10px;	 overflow:hidden; border:1px solid #d1d3d4; }
.boardetail .boardBu p{	float:left; margin-right:10px; font-size:12px; font-weight:normal;	}
.boardetail .boardCn{	padding:20px; border:1px solid #d1d3d4; border-top:2px solid #0080cc; border-bottom:2px solid #0080cc;	}
.boardetail .boardCn p{	margin-bottom:10px; line-height:160%;	}
.p_board_btn{	margin:20px auto; width:76px;	}

.btn_color_r{	background:-webkit-linear-gradient(top, #DD5A5A 70%,#DD7C7C 100%);	}
.btn_color_b{	background:-webkit-linear-gradient(top, #0080DD 70%,#0080BB 100%);	}
.btn_color_b01{	background:-webkit-linear-gradient(top, #368AEE 70%,#2579DD 100%);	}