@charset "utf-8";
/* CSS Document */

/* 관리자 */
#adm_wrap {
	width: 100%;
} 

/* 헤더영역 */
#adm_header {
	width: 100%; 
	height: 90px;
	background:#3e4a5a; 
	border-bottom:4px solid #ece9e9;
}
#adm_header .top {
	width: 90%; 
	margin: 0 auto;
	overflow:hidden;
	position:relative;
}

#adm_header h1 {
	float:left; 
	width:20%; 
	text-align:center;
	background:#fff;
	padding: 10px 0;
	height: 70px;
	
}
#adm_header h1 a {
	color: #212121; 
	text-decoration:none;
}
#adm_header .top .topwr {
	float:right;
	width:77%;
	position:absolute;
	right:0;
	top:0;
	/*border:1px solid red;*/
}
#adm_header .top  .topwr ul {
	float:right;
	background:#5a6778;
}
#adm_header .top .topwr ul li {
	float:left;
	padding: 6px 15px;
	color:#dbdbdb;
	background: url(../../images/sys/adm/top_line.gif) left no-repeat;
	line-height: 180%;
	font-size: 11px;
}
#adm_header .top .topwr ul li:first-child {
	background: none;
}
#adm_header .top .topwr ul li a {
	color:#dbdbdb;
}
.user {
	width: auto;
	float:left;
	margin-top: 10px;
}

.adm_nav {
	clear:both;
	width: 100%;
	overflow:hidden;
	position:absolute;
	top:51px;
}
.adm_nav ul {
	background:none !important;
	float:left !important;
	/*border:1px solid red;*/
}
.adm_nav ul li { 
	float:left; 
	text-align:center;
	font-size:14px; 
	color:#fff; 
	font-weight:bold;
	margin-right: 3px;
	background:#525d6b !important;
	padding: 0 !important;
}
.adm_nav ul li a {
	display:block;
	font-size:14px; 
	color:#fff  !important; 
	font-weight:bold; 
	width:150px; 
	height:38px;
	line-height:38px;
	
	border:1px solid #797f8a;
	color:#fff;

}
.adm_nav ul li a:hover {
	display:block; 
	text-decoration:none; 
	background:#ece9e9;
	border:1px solid #ece9e9;
	color:#3e4a5a !important;
}
.adm_nav ul li.on a{
	display:block;
	text-decoration:none; 
	background:#ece9e9 !important;
	border:1px solid #ece9e9;
	color:#3e4a5a !important;
}

/* 컨테이너 */
#adm_container {
	clear:both;
	width: 90%;
	margin: 0 auto;
	border-left:1px solid #cdcdcd;
	overflow:hidden;
	position:relative;
}
#adm_container .cont_wr {
	width: 80%;
	float:left;
	border-left:1px solid #cdcdcd;
	background: url(../../images/sys/adm/container_r_bg.gif) left repeat-y;
	vertical-align:top;
	margin-left: -1px;
	/*position:absolute;
	top:0;
	right:0;*/
}
.adm_contbox {
	float:right;
	width:96%;
	margin-top: 35px;
}
.adm_path {
	font-size: 12px; 
	color: #787878; 
	margin-bottom: 10px;
}
.adm_path .on {
	color: #343434; 
}
.adm_contbox h2 {
	line-height:120%;
	color:#303030; 
	font-size:30px; 
	font-weight:bold;
	margin-bottom: 20px;
}
.adm_content {
	color:#5e5e5e; 
	line-height:140%; 
	padding-bottom:30px;
	overflow:hidden;
}
.adm_contbox .cntarea {
	margin-bottom:30px;
}

.adm_contbox h3 {
	color:#212121;
	font-size: 15px; 
	line-height: 140%;
	font-weight:bold; 
	margin-bottom:8px; 
	background:url(../../images/sys/adm/a_bullet.gif)0 2px no-repeat; 
	padding-left:21px;
}
.stitle {
	color:#212121;
	font-weight:bold;
}
.gnb_wr {
	width: 20%;
	float:left;
	padding-top: 35px;
} 
.gnb {
	width:80%;
	margin: 0 auto;
}
.gnb ul li{
	height: 36px;
	line-height: 36px;
	background:url(../../images/sys/adm/nav_bg.gif) left bottom no-repeat; 
	vertical-align:middle;
	color:#3e4a5a;
	margin-bottom: 5px;
	border:1px solid #d8d8d8;	
}
.gnb ul li a{
	display:block;
	color:#3e4a5a;
	padding-left: 30px; 
	text-decoration:none;
	
}
.gnb ul li a:hover {
	border:1px solid #2d7eb5;
	background:#3598db url(../../images/sys/adm/nav_bg_on.gif) left bottom no-repeat; 
	color:#fff;
	text-decoration:none; 
}
.gnb ul li.on a {
	display:block;
	border:1px solid #2d7eb5 !important;
	background:#3598db url(../../images/sys/adm/nav_bg_on.gif) left bottom no-repeat; 
	text-decoration:none; 
	color:#fff;
}

.gnb .nsub {
	clear:both;
	background:#f1f5f7;
	border:1px solid #d8d8d8;
	overflow:hidden;
}
.gnb .nsub ul {
	width: 90%;
	float:right;
	margin: 10px 0 15px 0;
} 
.gnb .nsub ul li {
	height: 25px;
	line-height: 25px;
	background:none !important; 
	border:none !important;
	margin-bottom: 3px;
	font-size: 12px;
	
}
.gnb .nsub ul li a {
	display:block;
	border:none !important;
	background: url(../../images/sys/adm/nsub_bl.png) left no-repeat;
	color:#3e4a5a;
	padding-left: 10px;
}
.gnb .nsub ul li a:hover {
	display:block;
	background: url(../../images/sys/adm/nsub_bl_on.png) left no-repeat;
	color:#14669e;
	padding-left: 10px;
}
.gnb .nsub ul li.on a {
	display:block;
	background: url(../../images/sys/adm/nsub_bl_on.png) left no-repeat;
	color:#14669e;
}

/* 푸터영역 */
#adm_footer {
	clear:both; 
	width:100%; 
	font-family:Dotum, "돋움"; 
	color:#939292; 
	font-size:11px; 
	text-align:center; 
	padding:20px 0 20px 0;
	background:#ececec;
	border-top: 1px solid #bababa;
}

/* 기본테이블 */
.tbl{
	width:100%;
}
.tbl tr th{
	background: url(../../images/sys/adm/bbs_bg.gif) repeat-x;
	height:43px;
	text-align:center;
	color:#212121;
	line-height: 140%;
	font-size: 13px;
}
.tbl tr th:first-child{
	background: url(../../images/sys/adm/bbs_lft_bg.gif) no-repeat;
}
.tbl tr th.rbg{
	background: url(../../images/sys/adm/bbs_rgt_bg.gif) right no-repeat;
}
.tbl tr td{
	padding: 9px 4px;
	color:#626262;
	border-bottom: 1px solid #dedede;
	line-height: 160%;
	text-align:center;
}
.tbl tr td a{
	color:#626262;
}
.tbl tr td a:hover{
	color:#307ade;
}
.tbl tr td.cont{
	padding: 15px;
}

.tbl_st02 {
	width:100%;
	border-top: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	margin-bottom:5px;
}
.tbl_st02 tr th{
	background:#f4f4f4;
	padding: 9px 0 !important;
	text-align:center !important;
	color:#212121;
	border-bottom: 1px solid #d3d3d3 !important;
	border-right: 1px solid #d3d3d3;
	line-height: 140%;
	font-size: 12px !important;
}
.tbl_st02 tr td{
	padding: 6px 6px !important;
	color:#626262;
	border-bottom: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	line-height: 160%;
}

.tbl_st03 {
	width:100%;
	border-top: 2px solid #444444;
	border-left: 1px solid #d3d3d3;
	margin-bottom:5px;
}
.tbl_st03 tr th{
	background:#f8f8f8;
	padding: 9px 4px;
	text-align:center;
	color:#212121;
	border-bottom: 1px solid #d3d3d3 ;
	border-right: 1px solid #d3d3d3;
	line-height: 140%;
	font-size: 12px ;
}
.tbl_st03 tr td{
	padding: 8px 6px;
	color:#626262;
	border-bottom: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	line-height: 160%;
}

/* 게시판 */
.board {
	width:100%;
}
.board .list{
	width:100%;
	margin-bottom:35px;
}
.board .view{
	width:100%;
	margin-bottom:35px;
}
.board .write{
	width:100%;
	margin-bottom:35px;
}
.board input {
	border: 1px solid #d3d3d3; 
	padding: 4px; 
	font-size:12px; 
	height:19px; 
	color:#666666;
	margin:0;
}
.board textarea {
	font-size:12px; 
	color:#666666;
}
.btn {
	text-align:center;
	overflow:hidden;
	margin-bottom: 5px;
} 
.btn_s {
	margin-bottom: 5px;
	overflow:hidden;
} 

.tbl_bbs {
	width:100%;
}
.tbl_bbs tr th{
	background: url(../../images/sys/adm/bbs_bg.gif) repeat-x;
	height:43px;
	text-align:center;
	color:#212121;
	line-height: 140%;
	font-size: 13px;
}
.tbl_bbs tr th:first-child{
	background: url(../../images/sys/adm/bbs_lft_bg.gif) no-repeat;
}
.tbl_bbs tr th.rbg{
	background: url(../../images/sys/adm/bbs_rgt_bg.gif) right no-repeat;
}
.tbl_bbs tr td{
	padding: 9px 4px;
	color:#626262;
	border-bottom: 1px solid #dedede;
	line-height: 160%;
	text-align:center;
}
.tbl_bbs tr td a{
	color:#626262;
}
.tbl_bbs tr td a:hover{
	color:#307ade;
}
.tbl_bbs tr td.cont{
	padding: 15px;
	height:300px;
	min-height: 300px;
	vertical-align:top;
}

.tbl_bbs02 {
	width:100%;
	border-top: 1px solid #dedede;
}
.tbl_bbs02 tr th{
	text-align:center;
	color:#212121;
	line-height: 120%;
	font-size: 13px;
	padding: 8px 4px;
	border-bottom: 1px solid #dedede;
}

.tbl_bbs02 tr td{
	padding: 9px 4px;
	color:#626262;
	border-bottom: 1px solid #dedede;
	line-height: 160%;
	text-align:center;
}
.tbl_bbs02 tr td a{
	color:#626262;
}
.tbl_bbs02 tr td a:hover{
	color:#307ade;
}
.tbl_bbs02 tr td.cont{
	padding: 15px;
}
.bbs_tit {
	color:#212121 !important;
	line-height: 120%;
	font-size: 13px;
	font-weight:bold;
}
.notice {
	background:#f4f3f9;
}
.ic_coment {
	width: 29px;
	height: 16px;
	line-height: 18px;
	background: url(../../images/sys/adm/icon_re.png) no-repeat;
	font-size: 11px;
	font-family:Dotum, "돋움"; 
	color:#fff;
	text-align:center;
	display:inline-block;
	padding-left: 1px;
}

/* 댓글 */
.coment_write {
	margin: 40px 0 25px 0;
	border:1px solid #d4d4d4;
	background:#f9f9f9;
	padding: 10px;
}
.coment_write dl dt {
	margin-bottom: 12px;
	color:#7b7b7b;
	padding: 0 0 0 4px;
}
.coment_write dl dd {
	
}
.coment_write textarea {
	padding: 7px 10px;
	border:1px solid #dbdbdb;
	vertical-align:middle;
}

.coment_list {
	margin-bottom: 40px;
}
.coment_list ul {
	border-top: 1px solid #979797;
	border-bottom: 1px solid #979797;
}
.coment_list ul li {
	padding: 19px 0;
	background: url(../../images/sys/adm/dotline.gif) top repeat-x;
}

.coment_list ul li:first-child {
	background: none;
}
.coment_list ul li dl {
	width: 97%;
	margin: 0 auto;
}
.coment_list ul li dl dt {
	margin-bottom: 10px;
}

.coment_list ul li dl dd {
	line-height: 160%;
	font-size: 12px;
}
.coment_list ul li .mail_id {
	font-weight:bold;
	color:#247bdd;
	margin-right: 12px;
}
.coment_list ul li .date {
	font-size: 11px;
	color:#969696;
	margin-right: 20px;
}


/* 페이징 */
.pagenum {
	width:100%;
	height: 30px;
	text-align: center; 
	vertical-align: middle;
	margin-bottom:30px; 
}
a:link.p_num  {
	padding:4px 8px 2px;
	border: 1px solid #d3d3d3; 
	color: #808080;
	vertical-align: middle;
	display: inline-block;
}
a:hover.p_num {
	padding:4px 8px 2px;
	border: 1px solid #666666; 
	color: #ffffff !important;
	background-color: #666666; 
	vertical-align: middle; 
	display: inline-block;
	}
a:active.p_num {
	padding:4px 8px 2px;
	border: 1px solid #666666; 
	color: #ffffff;
	background-color: #666666;
	vertical-align: middle;
	display: inline-block;
}
a:visited.p_num {
	padding:4px 8px 2px;
	border: 1px solid #d3d3d3; 
	color: #808080;
	vertical-align: middle;
	display: inline-block;
}

/* 검색 */
.bbs_search {
	width: 100%;
	background:#f1f1f1;
	padding: 7px;
	margin-bottom:15px; 
	vertical-align:middle;
	position:relative;
	overflow:hidden;

}
.bbs_search input {
	border: 1px solid #d3d3d3; 
	padding: 5px; 
	font-size:12px; 
	height:19px; 
	color:#666666;
	margin-left:5px;
}
.bbs_search select {
	border: 1px solid #d3d3d3;
	padding: 4px 2px; 
	font-size:12px; 
	height:29px; 
	line-height: 29px;
	color:#666666;
} 
.btn_search {
	width: 72px;
	margin-left: 5px;
}

/* 게시판 */
.board {
	width:100%;
}
.board .list{
	width:100%;
	margin-bottom:35px;
}
.board .view{
	width:100%;
	margin-bottom:35px;
}
.board .write{
	width:100%;
	margin-bottom:35px;
} 

.photo_it {
	width: 260px;
	margin: 20px auto;
}
.photo_it dt {
	font-size: 15px;
	font-weight: bold;
	color:#212121;
	margin-bottom: 5px;
}
.photo_it dt a {
	font-size: 15px;
	font-weight: bold;
	color:#212121;
}
.photo_it dd.date {
	font-size: 12px;
	color:#8c8c8c;
}
.photo_it dd.img {
	width: 260px;
	height: 173px;
	margin-bottom: 15px;
}
.noimg {
	border:1px solid #dddddd;
}

/* 버튼 */
.button,
.button *{
	display:inline-block; 
	overflow:visible; 
	border:0; 
	color:#535353;
	font-size:12px; 
	text-decoration:none !important; 
	white-space:nowrap; 
	text-align:center; 
	cursor:pointer; 
	cursor:hand;
}
.button.m {
	background:url(../../images/sys/adm/btn_m_wbg.gif) no-repeat; 
	width: 76px; 
	height:37px;
	line-height:35px; 
}

.button *:hover,
.button *:active,
.button *:focus{
	color:#307ade; 
	display:block;
}

.str,
.str *{
	display:inline-block; 
	overflow:visible;
	border:0; 
	color:#fff; 
	font-size:12px; 
	text-decoration:none !important;
	white-space:nowrap; 
	text-align:center; 
	cursor:pointer; 
	cursor:hand; 
	margin-right:1px;
}
.str.m {
	background:url(../../images/sys/adm/btn_m_blbg.gif) no-repeat; 
	width: 76px; 
	height:37px;
	line-height:35px; 
}

.str.w {
	background:url(../../images/sys/adm/btn_w_str.gif) no-repeat; 
	width: 130px; 
	height:37px;
	line-height:35px; 
}

.str *:hover,
.str *:active,
.str *:focus{
	color:#fff; 
	text-decoration:underline; 
	display:block;
}


 
/* 로그인
.logo_adm {
	text-align:center; 
	margin: 100px 0 60px 0; 
	font-size: 55px; 
	font-weight:bold; 
	color:#212121; 
}
.login01 {
	width: 70%; 
	background:#fff; 
	margin: 0 auto 30px auto; 
	border-top:1px solid #565656; 
	border-bottom:1px solid #565656;
	padding: 45px 0 0 0; 
	font-family:'Nanum Gothic';
	overflow:hidden;
}

.login01 .left {
	width: 37%; 
	float: left; 
	text-align:center; 
	padding-top: 40px;
} 

.login01 .right {
	width: 63%; 
	float: right; 
	margin: 0 0 45px 0; 
}
.login01 .right h3 {
	margin-bottom:10px;
}
.login01 .right .txt {
	margin-bottom:50px; 
	font-size: 13px; 
	color:#242424;
}
.login01 .right ul.login_input {
	width: 64%; 
	float:left; 
}
.login01 .right ul.login_input li {
	display:block;  
	margin:0 0 5px 0; 
}
.login01 .right ul.login_input li label { 
	display:inline-block; 
	width:26%; 
	font-size:15px; 
	vertical-align:middle; 
	color:#5e5e5e; 
}
.login01 .right ul.login_input li input { 
	width:67%; 
	height:24px; 
	vertical-align:middle; 
	border:1px solid #c8c8c8; 
	margin:0 0 3px 0; 
}
.login01 .right .btn_login {
	float:left; 
	width:133px; 
	height:75px;
}
 */

/* 텍스트 컬러 */
.txt_wh {
	color:#fff;
}
.txt_blue {
	color:#4779c0;
}
.txt_skyblue {
	color:#2d9bdb;
} 
.txt_orange {
	color:#ed5922;
}
.txt_red {
	color:#db4a03;
}
.txt_red02 {
	color:#eb3b4b;
}
.txt_black {
	color:#212121;
}
