@charset "utf-8";

/* Layout*/


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



body, div, ul, li, dl, dt, dd, ol, p, img {margin:0; padding:0; border:0}
*{	margin:0;	padding:0;}
html,body{	height:100%;}
body{	font-family:'Nanum Gothic','나눔고딕',dotum;	font-size:14px; letter-spacing:0.05em;	line-height:20px;	color:#666;	background:#fff; }


#wraper  {width:100%; margin:auto 0;	 }


#header {width:100%;  height:130px; border-bottom:1px solid #e2e2e2;   }
#header_content {margin-right:auto; 	margin-left:auto;	 width:1100px; }
#header_content #logo{float:left; width:270px;}
#header_content #header_top{float:left; width:810px; margin-top:80px;}
#header_content #header_top  li {float:right; font-size:24px; font-weight:bold; color:#FFF; margin-left:20px;  }

#gnbArea{   width:100%; height:207px; background-color:#fff;  border-bottom:2px solid #000;  }
#gnbArea #gnb{ margin-right:auto; 	margin-left:auto;	 width:1100px; margin-top:40px; }
#gnbArea #gnb .gnbmenu  {float:left;  width:170px;  padding:0px; list-style:none; height:208px; }
#gnbArea #gnb .gnbmenu  li {float:left ; margin-bottom:27px;}
#gnbArea #gnb .top_image {float:right; width:500px; text-align:right;}

#gnbArea #gnb .gnbmenu  li a{ color:#FFF }
#gnbArea #gnb .gnbmenu  li a:hover, a:focus{color:#ff9933; text-decoration:underline;}
#gnbArea #gnb .gnbmenu  .on a{color:#ff9933; text-decoration:underline;}


#gnbArea_main{   width:100%; height:207px; background-color:#fff;   }
#gnbArea_main #gnb{ margin-right:auto; 	margin-left:auto;	 width:1100px; margin-top:40px; }
#gnbArea_main #gnb .gnbmenu  {float:left;  width:170px;  padding:0px; list-style:none; height:208px; }
#gnbArea_main #gnb .gnbmenu  li {float:left ; margin-bottom:27px;}
#gnbArea_main #gnb .top_image {float:right; width:930px; text-align:right;}

#gnbArea_main #gnb .gnbmenu  li a{ color:#FFF }
#gnbArea_main #gnb .gnbmenu  li a:hover, a:focus{color:#ff9933; text-decoration:underline;}
#gnbArea_main #gnb .gnbmenu  .on a{color:#ff9933; text-decoration:underline;}



#footer {	float:left;		font-size:12px;	width:100%;	min-height:100px;     }
#footer #footer_group{ margin-right:auto; 	margin-left:auto;	 width:1100px;  margin-top:45px;}


#middleArea{ float:left;		width:100%;   background-color:#fff; height:100%;   background-color:#fff; }

#contents{margin-right:auto; 	margin-left:auto;	  width:1100px; }
#contents1{margin-right:auto; 	margin-left:auto;	  width:1100px; }

.gnb_sub{float:left; width:1100px; height:90px;}
.gnb_sub .sub_menu{float:left; width:650px;  font-size:18px; font-weight:bold;  font-family: 'NanumGothicExtraBold'; line-height:18px; margin-top:20px; z-index:4000}
.gnb_sub .sub_position{float:left; width:450px; font-size:14px; margin-top:25px; text-align:right;}

.menu_1st {float:left; margin:0px 10px; height:20px; padding:0px; background:url('/images/icon_arrow_1st.gif');    text-align:center; letter-spacing:-0.5px; color:#000 }
.menu_1st_on {float:left;  margin:0px 10px; height:20px; padding:0px;   background:#fff; text-align:center; letter-spacing:-0.5px; color:#fff; background-color:#000}

.view {float:left; margin-top:50px;}


#subwraper{width:1004px;margin:0 auto;padding-top:155px;position:relative;z-index:100;font-family:NanumGothic;}
.fadein-event{opacity:0; }
.imgholder{width:254px;padding:0 !important;margin:0 !important;position:relative;}
.imgholder a{display:block;padding:0 !important;margin:0 !important;}
.grid{width:254px !important; float:left; }
.grid > .imgholder > a > img{height:100%;width:100%; margin-bottom:70px;}

.icon-view{position:absolute;left:50%;top:50%;margin-left:-26px !important;margin-top:-26px !important;display:none;z-index:100;cursor:pointer;}
.overay{width:100%;height:100%;background-color:#000;opacity:0.5;filter: alpha(opacity=50);position:absolute;left:0;top:0;z-index:90;display:none;}


.admin_container {width:1080px; padding:10px;}
.admin_titleArea {margin:30px 0px 5px; width:100%}
.admin_title{ font-family: 'NanumGothicExtraBold'; font-size:20px; font-weight:bold; color:#000; margin-bottom:15px;}





/* input */
input {vertical-align:middle;}
input[type=text],input[type=password]{border:1px solid #d4d4d4; padding:1px 2px; height:16px; font-size:12px; color:#636363; vertical-align:middle;}
input .input {border:1px solid #d4d4d4; padding:1px 2px; height:16px; font-size:12px; color:#636363;}
input[type=radio],input[type=checkbox]{width:13px; height:13px; margin:0 4px 2px 2px; padding:0;}
input .file{background:#fff; width:400px; height:20px !important;}
input .width1{width:140px;}
input .width2{width:500px;}


 
 
 

.table01_list{ margin-top:0px;  text-align:center; width:100%; font-size:12px;}
.table01_list th{ padding:7px 0 10px 0;  background:#111; color:#fff; text-align:center; font-weight:bold; font-family:'Nanum Gothic','나눔고딕';	}
.table01_list th.end{ background-image:none}
.table01_list th.left{ padding-left:10px; text-align:left;  background:#e1e1e1;  color:#333}

.table01_list td{ padding:15px 5px 10px; border-bottom:1px solid #f2f2f2; text-align:center; vertical-align:middle; min-height:20px;}
.table01_list td span{ color:#1552a6;}
.table01_list td.left{ padding-left:10px; text-align:left;}
.table01_list td a{ color:#494949; text-decoration:none;  font-size:12px;}
.table01_list td a:hover, .table01_list td a:focus, .table01_list td a:active{ color:#1552a6; text-decoration:none}
.table01_list td .viewx{border-bottom:1px solid #b7b7b7;background-color:##F9F9F9; padding:20px 10px 40px 40px; text-align:left;  color:#333; letter-spacing:0px;}
.table01_list .num{font-size:11px; color:#999}


.btn_write {width:85px; padding:6px 0px 9px 0px; background-color:#000; border:0px solid #302d80; color:#FFF; cursor:pointer;}





/* table_write */
.table01_write{ margin-top:5px;     text-align:center; width:100%;  border-top:2px solid #333;  font-family:dotum;}

.table01_write th{padding:0px;  border-bottom:0px solid #dadada; }
.table01_write td{ padding:3px 5px;  color:#999;  border-bottom:1px solid #dadada; font-size:12px; line-height:16px; text-align:left; vertical-align:middle}
.table01_write td span{ font-size:11px; color:#767676}
.table01_write td .bold {  font-size:12px; color:#999900; font-weight:bold;}

.table01_write .field{height:25px; text-align:center;    background-color:#f0f0f0; border-right:1px solid #dadada; font-size:11px; color:#333;}
.table01_write .field_right{height:25px; text-align:center;  background-color:#f0f0f0;  border-right:1px solid #dadada;  border-left:1px solid #dadada; font-size:11px; color:#333;}
.table01_write .field_content{height:100%; text-align:left;  background-color:#fff; padding:20px 10px; color:#868686;}
.table01_write .field_content_write{height:100%; text-align:left;  background-color:#fff; padding:0px; color:#868686;}
.table01_write .field_title{height:25px; text-align:center;  background-color:#f3f3f3; border-left:1px solid #dadada; border-right:0px solid #dadada; font-weight:bold;}





.page td {font-size:11px; color:#d3d3d3;  text-decoration:none; padding-top:2px; font-family:dotum; }
.page td a{font-size:11px; font-weight:bold; color:#999999;  text-decoration:none}
.page td a:hover, .page td a:focus, .page td a:active{ color:#1552a6; text-decoration:underline}
.page td span{ color:#fc7715; font-weight:bold; font-size:11px;}
.pageNum_line{ font-size:10px; color:#d7d7d7;}


.paging{float:left; width:100%; margin-top:30px; text-align:center; margin-bottom:50px;}

 	   
.sbtn	   {	font-family: dotum;	font-size:11px;width:55;height:22px;	text-align:center;background-color:#f4f4f4;	padding:2px;	cursor:pointer;	border:1px solid #ccc; 	margin:0px;  }
	   
#btnarea {	position:relative;	float:right;	margin:10px 0px 0px 2px;		padding:5px 0px;	border:0px solid red;	list-style:none;}
#btnarea  li{float:left; 	display:inline; margin-left:3px}
#btnarea_left {	position:relative;	float:left;	margin:10px 0px 0px 0px;	padding:5px 0px;	border:0px solid red;	list-style:none;}