@charset "utf-8";

/*@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');*/

a{color:#000;text-decoration:none;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
a:link,a:hover,a:active{
	text-decoration:none;
	vertical-align: middle;
}
strong{font-weight:bold;}

textarea:focus, select:focus, input:focus {outline: none;}	


.text_box {width:100%;padding:8px 3px 4px 3px; border:0;border:1px solid #e1e1e1; font-size:0.875em; font-weight:bold; font-family:'돋움'; }
.text_multi {width:100%;padding:8px 3px 4px 3px; border:1px solid #c8c8c8; font-size:0.875em; font-family:'돋움';}

.sel_box{ width:17%;padding:9px 3px 8px 3px; border:0;border:1px solid #e1e1e1; font-size:0.875em; font-family:'돋움'; background:#f7f7f7;
		   -webkit-border-radius: 0x;
		   -moz-border-radius: 0;
		   border-radius: 0;	
			/*-webkit-box-shadow:inset 0px 0px 4px 0px #dadada; 
			box-shadow:inset 0px 0px 4px 0px #dadada;	*/			   
}


/*  상단 이전, 센터로고, 홈버튼   */
.header-area {position:relative;margin:0; background:#285386;}
.header-area .top_title_1 {position:absolute;width:60%; text-align:center; top:0;padding-top:12px; color:#FFF; font-size:1.1em; font-weight:bold; left:20%; right:20%;}

.top_header{ position:relative;height:48px;margin:0; padding:0;border-bottom:0px #e0e0e0 solid;}
.top_header .menu_pop {position:absolute; left:10px; top:13px; display:block;width:22px; height:21px; background: url(/images/btn_previous.png) no-repeat center center; background-size:9px}
.top_header .flick_menu {position:absolute; left:45px; top:12px; display:inline-block;  width:40px; height:30px; border:0px #000 solid}
.top_header .flick_myp {position:absolute; right:10px; top:13px; display:block; width:25px; height:25px; background:url(/images/icon_01.png) no-repeat center center; background-size:20px}

.top_header .m_bar { width:20px;height:1px;background-color:#FFF;margin: 5px 0;}


.footer {background:#2c4680;padding:15px 0 0 0; text-align:center; font-size:0.70em; border-top:0px #d3d3d3 solid; color:#fff; word-spacing:-1px; visibility:hidden; display:none}




.check_box {margin:20px 0 20px 10px;}
.check_box label {color:#000; margin-right:5px; font-weight:bold}
.check_box span{margin:0 7px 0 0;}
/*.check_box input{width:17px; height:17px}*/

.check_box input[type="checkbox"] {/*position:absolute;left:-10000px;top:-10000px;*/width:17px;height:17px;margin:0;opacity:0;}
.check_box input[type="checkbox"] + label {height:20px;margin:0 0 0 -13px;padding:0 0 0 26px;display:inline-block;background: url('/images/btn_check_off.png') no-repeat 0 0;background-size:20px 20px;/*font-size:0.875em;*/line-height:20px; font-weight:normal}
.check_box input[type="checkbox"]:checked + label {background:url('/images/btn_check_on.png') no-repeat 0 0;background-size:20px 20px;}

.check_box input[type="radio"] {/*position:absolute;left:-10000px;top:-10000px;*/width:19px;height:19px;margin:0;opacity:0;}
.check_box input[type="radio"] + label {height:20px;margin:0 0 0 -25px;padding:0 0 0 26px;display:inline-block;background: url('/images/btn_radio_off.png') no-repeat 0 0;background-size:20px 20px;/*font-size:0.875em;*/line-height:20px; font-weight:normal}
.check_box input[type="radio"]:checked + label {background:url('/images/btn_radio_on.png') no-repeat 0 0;background-size:20px 20px;}


.content_block01 {margin: 10px 0;padding:0;	background: #FFF;border:2px #dfdfdf solid;*zomm: 1;
				border-radius:5px;
				-webkit-border-radius:5px;  
				-moz-border-radius:5px; 
				-o-border-radius:5px; 
				-ms-border-radius:5px; 		
}	


/* 팝업 레이어 전용 */
.pop_lay { position:relative; 
		background:#fefdf8;
		border-radius:5px;
		-webkit-border-radius:8px; 
		-moz-border-radius:8px; 
		-o-border-radius:8px;  
		-ms-border-radius:8px; 	
	}

.pop_lay .close {position: absolute;top:5px; right:10px; display:block; width:50px; height:50px; background: url(/images/btn_close.png) center center no-repeat; background-size:25px}	
.pop_lay h3 {padding:14px; text-align:center; background:#34559c; color:#FFF; font-size:1.2em; font-weight:normal}
.pop_lay ul {margin:10px 20px 20px 20px;}		
.pop_lay ul li a.selection{ display:block;padding:15px 20px 15px 10px; font-size:1em; font-weight:bold; border-bottom:1px #e0e0e0 solid; background: url(/mob/images/ico_move.png) 98% center no-repeat;}	

/* 라디오레이어 리스트*/
.lay_lst{margin:10px 15px;overflow:auto;height:230px; border:0px #000 solid}	
.lay_lst li a{ display:block;padding:8px; font-size:1.1em; font-weight:bold; border-bottom:1px #edeadc solid;}



/* 빌리보드 견적서 페이지*/
.tbl01 table {
	margin: 0 auto;
	width: 100%;
	border-top: 3px #e0e0e0 solid;
	/*border-bottom: 2px #e0e0e0 solid;	*/
}
.tbl01 table th {color:#333;border-bottom: 2px #e0e0e0 solid; line-height:260%; font-size:0.90em}	
.tbl01 table td {color:#333;border-bottom: 1px #e0e0e0 solid;  text-align:center;line-height:250%;font-size:0.875em}
.tbl01 table td.price  {padding-right:10px;color: #000; font-size:1em; font-weight:bold; text-align:right}      /* 총매출 */
.tbl01 table td.price_1  {padding-right:10px;color: #ce2b2b; font-size:1em; font-weight:bold; text-align:right}
.tbl01 table td.lft  {padding:0 0 0 7px;text-align:left}
.tbl01 table td.time  {color: #ce2b2b; font-weight:bold;}
.tbl01 table td.num  {color: #6587c3; font-weight:normal;}
.tbl01 table td a.num  { padding:5px 10px;color:#039 ; text-decoration:underline}

/* 테이블 합계*/
.tbl_total table {
	margin: 0 auto;
	width: 100%;
	border-top: 2px #333 solid;
	border-bottom: 0px #666 solid;
}
.tbl_total table th {color:#333;border-bottom: 2px #e0e0e0 solid; line-height:260%}		
.tbl_total table td {color:#333;border-bottom: 0px #e0e0e0 solid;  text-align:center; font-family:'Arial'; line-height:250%}
.tbl_total table td.price01  { padding-right:10px;color: #ce2b2b; font-size:1em; font-weight:bold; text-align:right}   /* 순수입*/
.tbl_total table td.price02  { padding-right:10px;color: #333; font-size:1em; font-weight:bold; text-align:right}/* 총수입*/
.tbl_total table td.time01  {color: #3a68ba; font-weight:bold;}
.tbl_total table td.num01  {color: #333; font-weight:normal;}

/* 견적서 상세페이지*/
.tis_text01_1 {margin:0px;position:relative;padding:10px; font-size:0.90em;background:#f9f9f9; font-weight:bold; border-bottom:0px #f1f1f1 solid} /* 가격없을때*/

.table_block01 { margin:6px; padding:5px 15px;background:#FFF /*#f9f9f9*/;border-top:0px #e5e5e5 solid;border-bottom:1px #e5e5e5 solid}
.table_block01 li {position:relative; padding:5px 0; font-size:0.875em;}




/* 텍스트 마크*/
.ma_new { display:inline-block;margin: 0 5px 0 0;padding: 1px 2px;border: 1px #939393 solid;background: #FFF;color: #333;
				text-align:center;font-size: 0.75em;vertical-align: middle;
				   -webkit-border-radius: 3px;
				   -moz-border-radius: 3px;
				   border-radius: 3px	
		 }				

/* 플레이스홀더 css*/
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #d0d0d0; font-weight:normal;
}
input::-moz-placeholder { /* Firefox 19+ */
  color: #d0d0d0;font-weight:normal;
}
input:-ms-input-placeholder { /* IE 10+ */
  color: #d0d0d0;font-weight:normal;
}
input:-moz-placeholder { /* Firefox 18- */
  color: #d0d0d0;font-weight:normal;
}

textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #d0d0d0; font-weight:normal;
}
textarea::-moz-placeholder { /* Firefox 19+ */
  color: #d0d0d0;font-weight:normal;
}
textarea:-ms-input-placeholder { /* IE 10+ */
  color: #d0d0d0;font-weight:normal;
}
textarea:-moz-placeholder { /* Firefox 18- */
  color: #d0d0d0;font-weight:normal;
}

/* 기본 큰버튼 블루*/
.btn_sty01 {
   display:inline-block;
   margin:0 10px;
   border: 0px solid #434343;
   background:#34559c;   
   padding:3px 6px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   /*background: -webkit-gradient(linear, left top, left bottom, from(#34559c), to(#193063));
   background: -webkit-linear-gradient(top, #34559c, #193063);
   background: -moz-linear-gradient(top, #34559c, #193063);
   background: -ms-linear-gradient(top, #34559c, #193063);
   background: -o-linear-gradient(top, #34559c, #193063); */  
   /*text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
   color:#fff;
   font-size: 1em;
   font-family: 'Nanum Gothic';
   font-weight:bold;
   text-decoration: none;
   vertical-align: middle;
   text-align:center   
   } 
   
/* 기본 큰버튼 그린*/
.btn_green01 {
   display:inline-block;
   margin:0 10px;
   border: 1px solid #14800b;
   background:#31a728;   
   padding:3px 6px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   /*text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
   color:#fff;
   font-size: 1em;
   font-family: 'Nanum Gothic';
   font-weight:bold;
   text-decoration: none;
   vertical-align: middle;
   text-align:center   
   }    


/* 기본 큰버튼 화이트 그레이*/   
.btn_sty01_1 {
   display:inline-block;
   margin:0 2px;
   border: 1px solid #ababab;
   background:#898989;   
   padding:3px 6px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;   
   /*text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
   color:#000;
   font-size: 1em;
   font-family: 'Nanum Gothic';
   font-weight:bold;
   text-decoration: none;
   vertical-align: middle;
   text-align:center   
   }   
   
/* 기본 큰버튼 그레이*/   
.btn_sty01_2 {
   display:inline-block;
   margin:0 2px;
   border: 1px solid #5b5b5b;
   background:#898989;   
   padding:3px 6px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   /*text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
   color:#fff;
   font-size: 1em;
   font-family: 'Nanum Gothic';
   font-weight:bold;
   text-decoration: none;
   vertical-align: middle;
   text-align:center   
   }     
  
.btn_sty01_3 {
   display:inline-block;
   margin:0 10px;
   border: 1px solid #2a4a8c;
   background:#52acf1;   
   padding:3px 6px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px; 
   /*text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
   color:#fff;
   font-size: 1em;
   font-family: 'Nanum Gothic';
   font-weight:bold;
   text-decoration: none;
   vertical-align: middle;
   text-align:center   
   }   

/* 기본 그레이*/
.btn_sty02 {
   display:inline-block;
   margin:8px 0;
   border: 1px solid #8b8b8b;
   background:#a1a1a1;   
   padding:5px 8px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   /*text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
   color:#fff;
   font-size: 0.875em;
   font-family: 'Nanum Gothic';
   font-weight:bold;
   text-decoration: none;
   vertical-align: middle;
   text-align:center
   } 
   
/* 오렌지*/      
.btn_sty03 {
   display:inline-block;
   margin:8px 0;
   border: 1px solid #db3400;
   background:#fd5e00;   
   padding:2px 8px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   /*text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
   color:#fff;
   font-size: 0.875em;
   font-family: 'Nanum Gothic';
   font-weight:bold;
   text-decoration: none;
   vertical-align: middle;
   text-align:center
   } 

/* 기본 화이트*/   
.btn_sty04 {background:#FFF;
   display:inline-block;
   /*width:25%;*/
   margin:0 0;
   border: 1px solid #b0b0b0; 
   padding:3px 8px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   /*text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
   /*color:#333;*/
   font-size: 0.875em;
   font-family: 'Nanum Gothic';
   font-weight:bold;
   text-decoration: none;
   vertical-align: middle;
   text-align:center
} 
   
   
/* 기본 그린*/
.btn_sty05 {
   display:inline-block;
   margin:8px 0;
   border: 1px solid #0b866d;
   background:#04b9c2;   
   padding:3px 8px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   /*text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
   color:#fff;
   font-size: 0.875em;
   font-family: 'Nanum Gothic';
   font-weight:bold;
   text-decoration: none;
   vertical-align: middle;
   text-align:center
   }  
  
/* 다크블루*/   
.btn_sty06 {background:#FFF;
   display:inline-block;
   /*width:25%;*/
   color:#FFF;
   margin:0 0;
   background: -webkit-gradient(linear, left top, left bottom, from(#34559c), to(#193063));
   background: -webkit-linear-gradient(top, #34559c, #193063);
   background: -moz-linear-gradient(top, #34559c, #193063);
   background: -ms-linear-gradient(top, #34559c, #193063);
   background: -o-linear-gradient(top, #34559c, #193063);   
   border: 1px solid #434343; 
   padding:3px 8px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   /*text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
   /*color:#333;*/
   font-size: 0.875em;
   font-family: 'Nanum Gothic';
   font-weight:bold;
   text-decoration: none;
   vertical-align: middle;
   text-align:center
} 

   
   
 /* 라운드 화이트버튼*/  
.btn_round { 
	font-weight:bold; color:#000;
	margin: 20px;
	padding: 5px;
	width:44%;
	border:1px #666 solid;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	-o-border-radius:25px;
	-ms-border-radius:25px;
	background:#fff;
	vertical-align:middle;
	text-align:center;
	/*opacity : 0.85;*/
		}		







/* 하단에 버튼 */ 
.btn_bottom { position:fixed; bottom:0; z-index:10; width:100%;}
.btn_sty { float:left; display:inline-block;padding:10px; text-align:center; font-size:0.95em; font-weight:normal; }
.bg_01 {background:#10aa00; color:#FFF} /*그린*/
.bg_02 {background:#1259a9; color:#FFF} /*블루*/
.bg_03 {background:#46576a; color:#FFF} /*다크네비*/
.bg_04 {background:#eeeeee; color:#000} /*그레이*/
.bg_05 {background:#db3da9; color:#FFF} /*핑크*/
.fix_height{ height:60px; border:1px #000 solid}



/* 버튼 아웃라인 없애기..*/
button:active, button:hover,
a:active, a:hover {
	outline: none;
}





/* 체크박스 형태의 input type */
.btn_checkbox input {display:none;}
.btn_checkbox label {
	display:inline-block; 
	margin:6px 3px 10px 0 !important; 
	padding: 5px 0; 
	background:#FFF; 
	border:1px #d1d1d1 solid; 
	color:#9f9f9f !important; 
	text-align:center; 
	font-size:0.80em !important; 
	cursor:pointer; 
}
.btn_checkbox input:checked + label {
	background:#6e8bf5;
	color:#fff !important; 
	font-weight:normal;
	border:1px #6e8bf5 solid;
}