@charset "utf-8";

/*------------------------------------------------------------------------------------------------------------------------------------------
	File : UI_Style.CSS 
	Company : The Webstyle co.,ltd 
 	Author : Woo Seok, Shin 2015-06
 	CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
	CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
	CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, background, color/font, align, etc 
--------------------------------------------------------------------------------------------------------------------------------------------*/
/*공통*/

.buletin {color:#0099cc; font-weight:bold}

.btn {position:relative; display:inline-block; cursor:pointer; border:none }
.mid {width:43px; height:28px}
.btn.blue {color:#fff; background:#006699}

.btn span {position:relative}




/* select */  

 select {min-width:80px;
	height:28px;
	padding:3px 40px 3px 10px;
	border:1px solid #cccccc ;
	line-height:18px;
	box-sizing:border-box; 
	font-size:12px;
	 appearance:none;
	-webkit-appearance:none; 
	-moz-appearance:none;
	-o-appearance:none;	
	font-family:"Dotum", "Dotumche", "돋움", "돋움체", "Arial";
	background:url(/Images/board/sel_btn.gif) right 5px no-repeat;}
:root select {padding:3px 5px 3px 10px \0/IE9; }

select::-ms-expand {display:none;}

/* input*/
input {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:0px;  font-family:"Dotum", "Dotumche", "돋움", "돋움체", "Arial";}
input[type=radio],input[type=checkbox] {border:none;}
input[type=text], input[type=password] {
	height:40px;
	padding:5px 20px;
	font-size:17px; 
	line-height:20px; 
	vertical-align:middle; 
	background-color:#fff;
	color:#757575;
	border:1px solid #cccccc ;
	-webkit-transition-property: width;
	-moz-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
}



/*board_list*/
.board_warp {padding:0 10px}

.board_list_wrap {margin-bottom:40px; }
.board_list_type1 tr { border-bottom:1px solid #d7d7d7 }

.board_list_type1 thead tr {background:url("/web/Images/Common/bg_board_head.jpg") 0px 0px no-repeat; background:url("/web/Images/Common/bg_board_head.jpg") top left no-repeat}
.board_list_type1 thead tr th:last-child {background:url("/web/Images/Common/bg_board_head.jpg") top right no-repeat}
.board_list_type1 thead th {padding:0; font-size:15px;line-height:60px; text-align:center; font-weight:bold; color:#fff;}

.board_list_type1 tr td.no_data {height:60px; text-align:center; color:#999999; font-size:17px;}

.board_list_type1 tbody td {padding:4px 0;font-size:17px;text-align:center; line-height:70px;} 
.board_list_type1 tbody td.tit {padding-left:30px; text-align:left; cursor:pointer; }

.board_list_type1 tbody td.tit:hover a {color:#009f4c}

.board_pager_wrap {overflow:hidden; width:auto; margin-top:30px; text-align:center;}
.board_pager {display:inline-block; *display:inline; *zoom:1; overflow:hidden;}
.board_pager .boardNav {display:inline-block; *display:inline; *zoom:1; float:left;}
.board_pager .boardNav li {float:left; margin:0 2px;}
.board_pager .boardNav a {display:block; width:40px; height:40px;text-indent:-9999px;}
.board_pager .boardNav a.btn_first {background:url('/web/Images/Common/ico_pager_first.gif') center center no-repeat;}
.board_pager .boardNav a.btn_last {background:url('/web/Images/Common/ico_pager_last.gif') center center no-repeat;}
.board_pager .boardNav a.btn_prev {background:url('/web/Images/Common/ico_pager_prev.gif') center center no-repeat;}
.board_pager .boardNav a.btn_next {background:url('/web/Images/Common/ico_pager_next.gif') center center no-repeat;}

.board_pager .boardPage {float:left; overflow:hidden; margin:0 7px;}
.board_pager .boardPage li {float:left; margin:0 2px;}
.board_pager .boardPage li a {
	display:block; 
	overflow:hidden;
	min-width:38px;
	height:38px; 
	font-size:12px;
	color:#999;
	border:1px solid #d7d7d7;
	line-height:38px; 
	text-align:center;
	box-sizing:content-box; 
	-moz-box-sizing:content-box; 
	-webkit-box-sizing:content-box; 
	-o-box-sizing:content-box;	
	
}
.board_pager .boardPage li:first-child  a{background:none}
.board_pager .boardPage li:hover a { font-weight:bold; color:#009f4c; border:1px solid #009f4c}
.board_pager .boardPage li.on a {font-weight:bold; color:#009f4c; border:1px solid #009f4c}

/*board_view_type1*/

/* Board View */

.borard_view_type1{width:100%; border-top:6px solid #7e818b; font-size:17px;}
.borard_view_type1 .board_view_tit ,
.borard_view_type1 .board_view_day {overflow:hidden; width:100%; padding:13px 20px;  }
.borard_view_type1 .board_view_day  {text-align:right}
.borard_view_type1 .board_view_tit { padding-left:30px; font-size:25px; color:#555555; text-align:left;}

.borard_view_type1 td {padding:10px 0;font-size:17px;text-align:center; line-height:30px; border-bottom:1px solid #d7d7d7} 


.borard_view_type1 .board_view_txt { padding:40px 20px; text-align:left }


/* Board list */
.board_list_type2 {width:940px;}
.board_list_type2 tr { border-bottom:1px solid #d7d7d7 }
.board_list_type2 tbody td {padding:4px 0 4px 20px;font-size:17px;text-align:left; line-height:70px;} 
.board_list_type2 tbody th {font-size:13px; color:#0066b3; font-weight:bold}

/* Board write */

.borard_write_type1{width:100%; border-top:6px solid #7e818b; font-size:17px;}
.borard_write_type1 .board_write_tit  {overflow:hidden; width:100%;  padding-left:30px; font-size:25px; color:#555555; text-align:left;  }

.borard_write_type1 .board_write_txt textarea {width:100%; min-height:500px;  padding:40px 20px; border:1px solid #d7d7d7; word-break:break-word; overflow:auto}

.borard_write_type1 td ,.borard_write_type1 th {padding:20px 0;font-size:17px;text-align:center; line-height:30px; border-bottom:1px solid #d7d7d7} 
.borard_write_type1 th { padding:25px 0 0 30px; text-align:left; vertical-align:top;}