@font-face{font-family:NanumGothic;src:url(/swww/font/NanumGothic.eot);}
@font-face{font-family:NanumGothicBold;src:url(/swww/font/NanumGothicBold.eot);}
@font-face{font-family:NanumGothicExtraBold;src:url(/swww/font/NanumGothicExtraBold.eot);}
@font-face{font-family:fonttest;src:url(/swww/font/rix_40.ttf);}

/** 메인페이지**/
/*초기화 코드*/
* {
	margin:0;
	padding:0;
}
ul {	list-style:none;}
a {	text-decoration:none;}

html {height:100%;}
body {height:100%;}

.max_width{
  max-width:500px;
}

/** 메인페이지**/
#header {max-width:800px; height:49px; position: relative;  margin:0 auto;background-color:#3b669b;box-shadow:0px 0px 5px #333;}

#top {	 clear:both;max-width:800px;	height:35px; margin:0 auto; }
#top .set {	float:right;padding:0px;border:1px solid red;}
#top .story a{	font-size:18px; font-family: 'NanumGothic, serif'; float:left;color:#fff; padding:0 10px; line-height:49px;font-weight:bold;}
#top .story:hover {	font-size:18px; font-family: 'NanumGothic, serif'; color:#fff; text-decoration:underline; line-height:49px; font-weight:bold;}
#top_select{float:right;margin-top:10px; width:240px;}
#top_select .select1{border:1px solid #ccc; height:28px;width:190px;}
#top_select a{display:block;  float:right; padding-right:10px;}

#main_gnb {	float:left;	max-width:800px;	height:45px; border-bottom:1px solid #ccc;}
#main_gnb li {	float:left;	width:25%;	height:45px; font-size:14px;}
#main_gnb a.menu1 {	float:left;	width:100%;	height:41px;	color:#666;}
#main_gnb .menu1:hover {	float:left;	width:100%;	height:41px;	color:#558ed5;  text-decoration:none;border-bottom:5px solid #558ed5;}
#main_gnb a.menu2 {	float:left;	width:100%;	height:41px;	color:#558ed5 ;border-bottom:5px solid #558ed5;}
#main_gnb a.menu2:hover {	float:left;	width:100%;	height:41px;	color:#558ed5  ;text-decoration:none;border-bottom:5px solid #558ed5;}

#main_gnb a {	display:block;	text-align:center;	width:100%;	height:40px;	color:#666;	line-height:47px;	font-weight:bold;}

#main_gnb a:hover{border-bottom:5px solid #558ed5;}


#content {	max-width:800px; clear: both;	position: relative;  margin:0 auto; background:#fff;height:1466px;}
#content p {	height:20px;	line-height:18px;	color:#666;}

.content img{
  max-width:100%;/*이미지 사이즈에 맞게*/
}
.content{
  line-height:180%;
}
.content_edit{
  margin: 0;
  padding: 0;
  font-family:'굴림';
  font-size: 11pt;
  line-height: 180%; 
}



.title_bar { max-width:800px;	height:70px;	float:left;border-bottom:1px solid #ccc;  color:#666;  font-size:12px; }
.title_bar p { width:70%; float:right;  line-height:20px;height:60px; text-align:right;   padding-right:10px; font-size:12px;  }
.title_bar .text1 { width:10%; float:left;  line-height:20px;  color:#b62f24;  text-indent:10px;font-size:12px; margin-top:15px;}
.title_bar .text2 { float:left;  line-height:20px;  color:#666;  text-indent:5px;font-size:12px;margin-top:15px;}
.title_bar .text3{ max-width:800px; float:left;   line-height:20px; text-indent:8px;  font-size:12px; }
.title_bar .text4{ width:70%; float:right;   line-height:20px; text-indent:8px;  padding-right:10px; font-size:12px;margin-top:15px; }
.title_bar a { color:#666; }
.title_bar a:hover { color:#666; }


#footer {clear: both;	position: relative; margin:0 auto;	clear:both;	max-width:800px;	 line-height:18px; padding:30px 0;	background:#585f69;	font-family: 'NanumGothic, serif';  text-align:center;}
#copyright{color:#fff;}
/** 메인페이지**/



.logo{ background-color:#161616;}

.title{font-size:14px; line-height:40px; font-weight:bold; line-height:20px;padding:10px; color:#333;}



.top{ height:40px; background-color:#161616; background-image:url(/swww/images/web/top_bg.png); background-repeat:repeat-x; text-align:right; vertical-align:bottom; padding-bottom:10px;}
.top_text:link{ color:#888; text-decoration:none;}
.top_text:hover{ color:#fff; }
.top_text:active{ color:#fff;}
.top_text:visited{ color:#fff;}

.leftmenu_1{ background-image:url(/swww/images/web/submenu_off.png); background-repeat:no-repeat; height:44px;}
.leftmenu_1:hover{ background-image:url(/swww/images/web/submenu_on.png); background-repeat:no-repeat; height:44px;}


.leftmenu_bg{ background-color:#454545; width:220px;}
.leftmenu_bg td{padding-left:20px;}

.leftmenu_bg td:hover{color:#fff;font-size:16px;}

.leftmenu:link{ font-family: 'NanumGothic', sans-serif;color:#fff; text-decoration:none; font-size:16px; line-height:40px;}
.leftmenu:hover{ font-family: 'NanumGothic', sans-serif;color:#fff; font-size:16px; }
.leftmenu:active{font-family: 'NanumGothic', sans-serif; color:#fff; font-size:16px;}
.leftmenu:visited{font-family: 'NanumGothic', sans-serif; color:#fff; font-size:16px;}

.leftmenu_2_bg{ background-color:#727272; width:220px; padding:5px 0px;}
.leftmenu_2_bg td{border-bottom:1px solid #727272; padding-left:20px;}
.leftmenu_2_bg td:hover{background-color:#ff7800;color:#fff;font-size:16px;}

.leftmenu_2:link{ font-family: 'NanumGothic', sans-serif;color:#999; text-decoration:none; font-size:16px; line-height:40px;}
.leftmenu_2:hover{ font-family: 'NanumGothic', sans-serif;color:#fff; font-size:16px; }
.leftmenu_2:active{font-family: 'NanumGothic', sans-serif; color:#fff; font-size:16px;}
.leftmenu_2:visited{font-family: 'NanumGothic', sans-serif; color:#fff; font-size:16px;}

.text_btn{padding-left:40px;}

.btn2_bg{background-image:url(/swww/images/web/btn2_02.png); padding:0 8px; color:#fff; font-size:12px;font-weight: bold;}


.menu_bg{ background-color:#cccccc; height:40px;}
.copy{ background-color:#161616; padding:10px 10px; color:#888;}

.submenu_bg{  height:40px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#454545+1,5f5f5f+100 */
background: #454545; /* Old browsers */
background: -moz-linear-gradient(top,  #454545 1%, #5f5f5f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #454545 1%,#5f5f5f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #454545 1%,#5f5f5f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#5f5f5f',GradientType=0 ); /* IE6-9 */

}

.submenu_bg td{border-right:1px solid #747474; text-align:center; padding:0 40px;}
.submenu_bg td:hover{background-color:#fff;font-color:#333;font-size:16px;}

.submenu:link{ font-family: 'NanumGothic', sans-serif;color:#fff; text-decoration:none; font-size:16px; line-height:40px;}
.submenu:hover{ font-family: 'NanumGothic', sans-serif;color:#333; font-size:16px; }
.submenu:active{font-family: 'NanumGothic', sans-serif; color:#333; font-size:16px;}
.submenu:visited{font-family: 'NanumGothic', sans-serif; color:#333; font-size:16px;}

.contant{padding:10px;}



BODY {
	/*background-color:#333333;*/
	font-family: 'NanumGothic, serif';
	height:100%;
	FONT-SIZE: 9pt; COLOR: #666666; 
	FONT-FAMILY: 'NanumGothic', sans-serif;
	scrollbar-face-color: #FFFFFF; 
	scrollbar-shadow-color: #B6B6B6; 
	scrollbar-highlight-color: #B6B6B6; 
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF; 
	scrollbar-track-color: #FFFFFF; 									 	
	scrollbar-arrow-color: #B6B6B6; 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

	
TD {
	FONT-SIZE: 9pt; line-height:130% COLOR: #666666;  font-family: 'NanumGothic, serif';}
SELECT {
	FONT-SIZE: 9pt; COLOR: #666666; font-family: 'NanumGothic, serif';}
INPUT {
	FONT-SIZE: 9pt; COLOR: #666666; font-family: 'NanumGothic, serif';}
DIV {
	FONT-SIZE: 9pt;
	COLOR: #333333;
	 font-family: 'NanumGothic, serif';	word-spacing: normal;
	letter-spacing: normal;
	line-height: 18px;
}
FORM {
	FONT-SIZE: 9pt; COLOR: #666666; FONT-FAMILY: 돋움,tahoma,verdana
}
TEXTAREA {
	FONT-SIZE: 9pt; COLOR: #666666; FONT-FAMILY: 돋움,tahoma,verdana
}
CENTER {
	FONT-SIZE: 9pt; COLOR: #666666; FONT-FAMILY: 돋움,tahoma,verdana
}
OPTION {
	FONT-SIZE: 9pt; COLOR: #666666; FONT-FAMILY: 돋움,tahoma,verdana
}
PRE {
	FONT-SIZE: 9pt; COLOR: #666666; FONT-FAMILY: 돋움,tahoma,verdana
}
BLOCKQUOTE {
	FONT-SIZE: 9pt; COLOR: #666666; FONT-FAMILY: 돋움,tahoma,verdana
}
.px9 {
	FONT-SIZE: 9pt; FONT-FAMILY: "Tahoma", "Verdana", "돋움체"
}
.px10 {
	FONT-SIZE: 14pt; FONT-FAMILY: "Tahoma", "Verdana", "돋움체"
}
.input {
	BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid; BACKGROUND-COLOR: white
}
.input1 {BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10pt; BORDER-LEFT-COLOR: #ADD766; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #ADD766; COLOR: #4AA325; BORDER-TOP-COLOR: #ADD766; FONT-FAMILY: "돋움"; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #ADD766
}
.input2 {BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 10pt; BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; COLOR: #666666; BORDER-TOP-COLOR: #cccccc; FONT-FAMILY: "돋움"; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc
}
.box{border:1 solid #c0c0c0;background-color:#f9f9f9;}
.box1 {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid
}
.boxpic {
	BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid
}
.gongji {
	COLOR: white
}
.title {
	FONT-SIZE: 20pt; FONT-FAMILY: tahoma,돋움
}
IMG {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
A:link {
	COLOR: #333333; TEXT-DECORATION: none
}
A:visited {
	COLOR: #333333; TEXT-DECORATION: none
}
A:active {
	TEXT-DECORATION: underline
}
A:hover {
	COLOR: #76BB14; TEXT-DECORATION: underline; 
}
.link1:link {
	COLOR: #76BB14; TEXT-DECORATION: none
}
.link1:visited {
	COLOR: #666666; TEXT-DECORATION: none
}
.link1:active {
	COLOR: #666666; TEXT-DECORATION: none
}
.link1:hover {
	COLOR: #76BB14; TEXT-DECORATION: none
}
.bosline {
	BORDER-RIGHT: #339999 outset; BORDER-TOP: #339999 outset; BORDER-LEFT: #339999 outset; WIDTH: auto; BORDER-BOTTOM: #339999 outset; HEIGHT: auto
}
.button {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: white 1px dashed; FONT-SIZE: 9pt; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: black 1px solid
}
.button3 {
	BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: white 1px solid; COLOR: white; BORDER-BOTTOM: white 1px solid; BACKGROUND-COLOR: #336699
}
.button2 {
	BORDER-RIGHT: white 1px solid; BORDER-TOP: white 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: white 1px solid; COLOR: white; BORDER-BOTTOM: white 1px solid; BACKGROUND-COLOR: #999999
}

.h10		{padding:10 0 0 0}				/* 1 depth 헤딩 마진 */
.l10		{padding:0 0 0 10}				/* 1 depth 헤딩 마진 */
.l20		{padding:0 0 0 20}				/* 1 depth 헤딩 마진 */
.h20		{padding:0 0 0 20}				/* 1 depth 헤딩 마진 */
.cont {font-weight:bold;} /* 본문 강조용 */

.h10		{padding:10 0 0 0}				/* 1 depth 헤딩 마진 */
.l10		{padding:0 0 0 10}				/* 1 depth 헤딩 마진 */
.l20		{padding:0 0 0 20}				/* 1 depth 헤딩 마진 */
.h20		{padding:0 0 0 20}				/* 1 depth 헤딩 마진 */
.cont {font-weight:bold;} /* 본문 강조용 */


/*관리자 상단에 선택되었을경우*/
.AdminTop_{font-weight:bold;font-size:14;text-align:center;background:#DDDDDD;}
/*관리자 상단에 해제되었을경우*/
.AdminTop{font-weight:bold;font-size:13;text-align:center;;background:#FFFFFF;}

.box3{border:1 solid #DDDDDD;background-color:#ffffff;}


/*아무것도 선언하지 않았을때의 테이블 스타일*/
th {
	font-size:12;
}










/******************* 기본테이블 스타일시작 *******************/
/* 검색하는 부분의 스타일 */
.searcharea{
	margin:20px 0 20px 0;
  padding:10px;
  border:1px solid #dddddd;
}
.searcharea table{
  border-top:1px solid #eeeeee;
}

.searcharea table th{
  padding:5px;
  background:#eeeeee;
}

.searcharea table td{
  padding:5px;
  border-bottom:1px solid #eeeeee;
}
/* 검색하는 부분의 스타일 */

/*list부분*/
.tlist{
  border-collapse: collapse;
}
.tlist thead th{
  height:25px;
  padding:3px 0px 3px 0px;
  background-color:#efefef;
  border-top:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
}

.tlist tfoot th{
  height:25px;
  padding:5px 0px 3px 0px;
}

.tlist tbody th{
  text-align:left;
  color: #333333;
  font-size: 13px;
  font-weight:bold;
  background-color:#FCFBFF;
  border-bottom:1px solid #eeeeee;
}

.tlist tbody td{
text-align:left;
  font-size: 13px;
  color:#232323;
  border-bottom:1px solid #E7E7E7;
  font-weight: normal;
  padding:5px;
}
/*list부분*/

/*read트부분*/
.tread{
  border-collapse: collapse;
  background:#ffffff;
}
.tread thead th{
  height:1px;
  padding:0px;
  border-bottom:1px solid #cccccc;
}

.tread tfoot th{
  padding:0;

}

.tread tbody th{
  height:30px;
  text-align:left;
  color: #707070;
  font-size: 13px;
  font-weight:bold;
  background-color:#f9f9f9;
  border-bottom:1px solid #dddddd;
  padding:5px 5px 5px 10px;
}

.tread tbody td{
text-align:left;
  height:30px;
  font-size: 13px;
  color:#999999;
  border-bottom:1px solid #dddddd;
  font-weight: normal;
  padding:5px 10px 5px 10px;
}

.tread_div{
  padding:15px 0 15px 0;
  background:#FFFFFF;
  margin:5px 5px 5px 5px;
  border:1px solid #eeeeee;
  border-radius:10px;
  box-shadow:3px 3px 10px #dddddd;
}
/*read부분*/

/*write트부분*/
.twrite{
  border-collapse: collapse;
}
.twrite thead th{
  height:1px;
  padding:0px;
  border-top:2px solid #dddddd;
}

.twrite tfoot th{
  padding:0px;
  /*border-bottom:1px solid #dddddd;*/
}

.twrite tbody th{
  text-align:left;
  padding-left:15px;
  color: #707070;
  font-size: 13px;
  font-weight:bold;
  background-color:#f9f9f9;
  border-bottom:1px solid #dddddd;
}

.twrite tbody td{
  text-align:left;
  font-size: 13px;
  color:#232323;
  border-bottom:1px solid #d1d1d1;
  font-weight: normal;
  padding:5px;
}

.twrite_div{
  padding:15px 0 15px 0;
  background:#FFFFFF;
  margin:5px 5px 5px 5px;
  border:1px solid #dddddd;
  border-radius:10px;
  box-shadow:3px 3px 10px #dddddd;
}
/*write부분*/

/******************* 기본테이블 스타일끝 *******************/

/*하단에 버튼*/
.divbutton{
  text-align:center;
  padding:10px 10px 20px 10px;
}




.mbox1 {
	border:solid #e9e9e9 1px;
	padding:10px;
}

.mbox2 {
	border:solid #e9e9e9 1px;
}

.mbox3 {
	border-top: #FE4040 solid 2px;
	border-left: #E9E9E9 solid 1px;
	border-right: #E9E9E9 solid 1px;
	border-bottom: #E9E9E9 solid 1px;
}

.m_t01 {
	color: #3a2f2f;
	font-weight: bold;
	font-size: 12px;
}

.m_t02 {
	color: #3a2f2f;
	font-weight: bold;
	font-size: 11px;
	line-height:13px;
}

.m_t03 {
	color: #878787;
	font-size: 11px;
	line-height:13px;
}

.m_t04 {
	color: #ff4040;
	font-weight: bold;
	font-size: 11px;
	line-height:14px;
}

.m_t05 {
	color: #3a2f2f;
	font-weight: bold;
	font-size: 14px;
	line-height:20px;
}

.m_t06 {
	color: #5d5a5a;
	font-size: 12px;
	line-height:14px;
}

.m_t07 {
	color: #FF4C4C;
	font-weight: bold;
	font-size: 13px;
	line-height:18px;
}
.m_t08 {
	color: #ff4040;
	font-size: 11px;
	line-height:14px;
}
.m_t09 {
	color: #979696;
	font-size: 11px;
	line-height:18px;
}


.car_1 {
	color: #444444;
	font-size: 12px;
	font-weight: bold;
}
.car_2 {
	color: #1475dd;
	font-size: 16px;
	font-weight: bold;
}
.car_3 {
	color: #fe2a2a;
	font-size: 16px;
	font-weight: bold;
}
.copy {
	color: #4e4e4e;
	font-size: 12px;
	line-height:18px;
}


.auc01 {
	color: #556400;
	font-size: 14px;
	font-weight: bold;
}
.auc02 {
	color: #3d480d;
	font-size: 12px;
}
.auc03 {
	color: #272727;
	font-size: 12px;
}
.auc04 {
	color: #6e2f00;
	font-size: 12px;
	font-weight: bold;
}
.auc05 {
	color: #006a02;
	font-size: 12px;
	font-weight: bold;
}
.auc06 {
	color: #ff4800;
	font-size: 16px;
	font-weight: bold;
}
.auc_f01 {
	color: #243402;
	font-size: 12px;
	font-weight: bold;
}
.auc_f02 {
	color: #2a6101;
	font-size: 15px;
	font-weight: bold;
}
.auc_f03 {
	color: #3e3e3e;
	font-size: 11px;
}
.auc_f04 {
	color: #c21313;
	font-size: 16px;
	font-weight: bold;
}
.auc_f05 {
	color: #122303;
	font-size: 16px;
	font-weight: bold;
}
.auc_f06 {
	color: #777777;
	font-size: 11px;
	line-height:16px;
}
.auc_f07 {
	color: #2a6101;
	font-weight: bold;
	font-size: 12px;
}
.auc_f08 {
	color: #262626;
	font-size: 11px;
}
.auc_f09 {
	color: #db0000; 
	font-size: 11px; }
.auc_f10 {
	color: #737373; 
	font-size: 11px; }
.auc_f11 {
	color: #373737;
	font-size: 11px;
}





.listTitle{
	color:#222222;
	font-weight:bold;
	font-size:15px;
	padding-bottom:3px;
}
.listContent{
	color:#999999;
	font-weight:normal;
	font-size:13px;
	word-wrap:break-word;
	word-break:break-all;
}
.listJob{
	color:#ff3300;
}

.listAdd{
	background:#FFFFFF;
	background:url("/swww/images/web/btn_plus_gray.png");
	background-repeat:no-repeat;
	background-position:right ;/*이미지 위치*/
	background-size:30px 30px;/*이미지 사이즈*/
}

.listNext{
	background:#FFFFFF;
	background:url("/swww/images/web/icon_rarrow1.png");
	background-repeat:no-repeat;
	background-position:right ;/*이미지 위치*/
	background-size:30px 30px;/*이미지 사이즈*/
}

/*일진목록*/
.jinList1{
	min-height:30px;
	padding:5px 0px 5px 5px;
	border-bottom:1px solid #cccccc;
	background:#eff5f4;
	cursor:pointer;
}

/*이진목록*/
.jinList2{
	min-height:30px;
	padding:5px 0px 5px 5px;
	border-bottom:1px solid #dddddd;
	background:#f5f5f5;
	cursor:pointer;
}
.listTitle_2{
	color:#aaaaaa;
	font-weight:bold;
	font-size:15px;
	padding-bottom:3px;
}
.listContent_2{
	color:#aaaaaa;
	font-weight:normal;
	font-size:13px;
	word-wrap:break-word;
	word-break:break-all;
}
.listJob_2{
	color:#aaaaaa;
}

/*직업군리스트*/
.jobList{
	min-height:30px;
	padding:5px 0px 5px 5px;
	border-bottom:1px solid #e5e5e5;
	cursor:pointer;
}

/*전화번호 목록*/
.phoneList{
	min-height:30px;
	padding:5px 0px 5px 5px;
	border-bottom:1px solid #e5e5e5;
}

/*기본리스트*/
/*
.defaultList{
	min-height:50px;
	padding:5px 5px 5px 5px;
	border-bottom:1px solid #cccccc;
	background:#eff5f4;
	cursor:pointer;
}
*/

/* 카드모양 기본리스트 */
.card_defaultList{
  margin:0px 7px 10px 5px;
  background:#ffffff;
  border:1px solid #dddddd;
  box-shadow:2px 2px 3px #eeeeee;
  padding:5px;
  border-radius:1px;
  cursor:pointer;
  overflow:auto;
}

/*기본리스트에서 등록하기 버튼*/
.defaultAdd{
	height:40px;
	padding:5px 0 4px 5px;
	font-size:30px;
	border-bottom:1px solid #000000;
	background:#FFFFFF;
	cursor:pointer;
}

/*검색바*/
.top_search{
	width:100%;
	font-size:15px;
	border:0px;
	outline:none;
}

/*그림자*/
.boxshadow{
	/*box-shadow : 5px 5px 8px #2f2e2d;*/
}

/*갯수를 레이어로 나타내는 스타일*/
.layer_num{
	font-size:12px;
	color:#FFFFFF;
	border-radius:9px;
	background:#f15544;
	padding:0px 5px 0px 5px;
}

.layer_num_default{
	font-size:10px;
	color:#ffffff;
	border-radius:10px;
	background:#e53600;
	padding:3px 6px 3px 6px;
}


/*팝업창 닫기 버튼*/
.layer_close{
	cursor:pointer;
	width:10px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	border-radius:20px;
	background:#99CC00;
	padding:5px 8px 5px 8px;
}

/*팝업창디자인*/
.popup{
  border:3px solid #99CC00;
  border-radius:10px;

  /*box-shadow : 5px 5px 10px #182000;*/
}

/*직업설명 관련 풍선*/
.joblayout{
	text-align:left;
	font-size:14px;
	line-height:120%;
	padding:5px;
	border-radius:10px;
	border:1px solid #FFFF00;
	background:#FFFF00;
	/*box-shadow : 1px 1px 3px #2f2e2d;*//*그림자*/
}




/* form 관련 스타일 */

/*기본 버튼 css*/
.css_button_gray{
	border-radius:5px;
	background:#eeeeee;
	border:1px solid #dddddd;
	padding:5px 10px 5px 10px;
	cursor:pointer;
	color:#575757;
}

.css_button_green{
	border-radius:5px;
	background:#2aa111;
	border:1px solid #2aa111;
	padding:5px 10px 5px 10px;
	cursor:pointer;
	color:#ffffff;
}

.css_button_blue{
	border-radius:5px;
	background:#77b3fb;
	border:1px solid #77b3fb;
	padding:5px 10px 5px 10px;
	cursor:pointer;
	color:#ffffff;
}

.css_button_red{
	border-radius:5px;
	background:#ff6600;
	border:1px solid #ff6600;
	padding:5px 10px 5px 10px;
	cursor:pointer;
	color:#ffffff;
}

.div_button{
  text-align:center;
  padding:10px 0px 5px 0px;
}
/*
.css_button{
	border-radius:5px;
	background:#038971;
	border:1px solid #038971;
	padding:5px 10px 5px 10px;
	cursor:pointer;
	color:#ffffff;
}
*/
/*기본 input_text css*/
.css_input_text{
	border-radius:3px;
	background:#FFFFFF;
	border:1px solid #AAAAAA;
	padding:5px;
	font-size:18px;
	color:#999999;
	/*width:100% 넣는 부분*/
	width: 100%; 
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
	/*width:100% 넣는 부분*/
	/*box-shadow : 1px 1px 3px #2f2e2d;*//*그림자*/
}

.css_textarea{
	border-radius:3px;
	background:#FFFFFF;
	border:1px solid #AAAAAA;
	padding:5px;
	font-size:18px;
	color:#999999;
	/*width:100% 넣는 부분*/
	width: 100%;
	max-width:100%;
	min-width:100%;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
	/*width:100% 넣는 부분*/
	/*box-shadow : 1px 1px 3px #2f2e2d;*//*그림자*/
}

.css_select{
	border-radius:3px;
	background:#FFFFFF;
	border:1px solid #AAAAAA;
	padding:3px;
	font-size:18px;
	color:#999999;
	/*width:100% 넣는 부분*/
	width: 100%;
	max-width:100%;
	min-width:100%;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
	/*width:100% 넣는 부분*/
	/*box-shadow : 1px 1px 3px #2f2e2d;*//*그림자*/
}

.css_checkbox{
}

.profile_img{
	/*border:1px solid #cccccc;*/
	border-radius:5px;
}
/* form 관련 스타일 */

.tabmiddle_over{
	background:#ffffff; 
	border:solid 1px #636363; 
	border-bottom:none;
	padding:5px;
}
.tabmiddle_out{
}
.divbutton{
	text-align:right;
}

/*하단에 버튼 디자인*/
.divbutton_bottom{
  position:fixed;
  padding:0px;
  /*background:#efefef;*/
  width:100%;
  display:none;
  margin:0px;
  height:40px;
  text-align:right;
  color:#FFFFFF;
  z-index:1;
}

/* 이미지를 그레이로 변경 */
.gray_img{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}



input {
	padding:3px;
	font-size:13px;
  outline:none;
}

button {
  outline:none;
}

select {
	padding:3px;
	font-size:13px;
}

/******************************************** 말풍선관련 스타일 ********************************************/
.t_balloon {position:relative; display:inline-block;}
.t_balloon.t_down span {display:inline-block;margin:0 20px 0 20px; padding:5px 15px 5px 15px; background:#7d1919; border-radius:10px;}
.t_balloon.t_up span {display:inline-block;margin:0 20px 0 20px; padding:5px 15px 5px 15px; background:#7d1919; border-radius:10px;}
.t_balloon.t_left span {display:inline-block;margin:0 20px 0 20px; padding:5px 15px 5px 15px; background:#99cc00; border-radius:10px;}
.t_balloon.t_right span {display:inline-block;margin:0 20px 0 20px; padding:5px 15px 5px 15px; background:#b9daf2; border-radius:10px;}
.t_balloon:after {content:''; position:absolute; width:0; height:0; border-style:solid;}

.t_balloon.t_down:after,
.t_balloon.t_up:after {border-width:15px 10px; left:50%; margin-left:-10px;}
.t_balloon.t_left:after,
.t_balloon.t_right:after {border-width:10px 15px; top:50%; margin-top:-10px;}

.t_balloon.t_down:after {border-color:#7d1919 transparent transparent transparent; bottom:-10px;}
.t_balloon.t_up:after {border-color:transparent transparent #7d1919 transparent; top:-10px;}
.t_balloon.t_left:after {border-color:transparent #99cc00 transparent transparent; left:-7px;top:18px;}
.t_balloon.t_right:after {border-color:transparent transparent transparent #b9daf2; right:-7px;top:18px;}
/******************************************** 말풍선관련 스타일 ********************************************/

/**************************** 하단에 버튼 위치 ********************************/
.button_div_top{
/*
  position:fixed;
  right:15px;
  top:120px;
  z-index:100;
  text-align:right;
  max-width:790px;  
*/
  margin:10px 10px 10px; 10px;
}
.button_div_bottom{
/*
  margin:0 auto;
  position:fixed;
  right:15px;
  bottom:160px;
  z-index:100;
  text-align:right;
  max-width:790px;
*/
  margin:10px 10px 10px; 10px;
}

/* 버튼의 위아래 간격 */
.button_div_bottom input{
  border:1px solid #ffffff;
  border-radius:25px;
  width:50px;
  height:50px;
  cursor:default;
}

.button_div_bottom button{
  border:1px solid #ffffff;
  border-radius:25px;
  width:50px;
  height:50px;
  cursor:default;
}


.button_div_bottom #_button_div_bottom_top>div{
  margin:10px 0 10px 0;
}

.button_div_bottom #_button_div_bottom_left{
  position:fixed;
  right:75px;
}

.button_div_bottom #_button_div_bottom_left>div{
  margin:0px 10px 0px 10px;
}


/**************************** 하단에 버튼 위치 ********************************/







/************** 글쓰기페이지 **************/
.board_list{
/*
  clear:both;
  width:100%;
*/
  overflow:auto;  
  padding-bottom:5px;
}

.board_list .b_left{
  float:left;
  /*overflow:auto;*/
  padding:10px 0 0 10px;
  width:120px;  
  font-size:13px;
  font-weight:bold;
  color:#545861;
}

.board_list .b_center{
  float:left;
  /*overflow:auto;*/
  font-size:13px;
  line-height:30px;
  width:100%;
  margin:0;
}

.board_list .b_right{
  float:left;
  /*overflow:auto;*/
  padding-bottom:5px;
  padding-right:10px;
  font-size:13px;
  color:#999999;
}
/************** 글쓰기페이지 **************/


/************** 글읽기페이지 **************/
.board_read{
  clear:both;
  width:100%;
  padding:5px 0 0px 0;
}
.board_read .b_title{
  padding:10px 0 10px 0;
  font-weight:bold;
  font-size:15px;
}

.board_read .b_left{
  float:left;
  min-width:80px;
  min-height:30px;
  font-size:13px;
  font-weight:bold;
  color:#545861;
}

.board_read .b_center{
  float:left;
  min-width:170px;
  min-height:30px;
  font-size:13px;
}

.board_read .b_right{
  float:left;
  min-height:30px;
  padding-left:10px;
  font-size:13px;
  color:#999999;
}
/************** 글읽기페이지 **************/


/************* 파일업로드시에 프로그레스바 ***************/
.plugin_progress { position:relative; width:300px; border: 1px solid #ddd; padding: 1px; border-radius: 10px; margin:0 auto;background:#ffffff;box-shadow:5px 5px 10px #aaaaaa;}
.plugin_bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 10px; }
.plugin_percent { position:absolute; display:inline-block; top:3px; left:48%;}
/************* 파일업로드시에 프로그레스바 ***************/

/*모달창관련*/
.modal_div{
  min-width:200px;
  min-height:40px;
  padding:10px;
  border-radius:10px;
  background:#ffffff;
}
.modal_div_list{
  padding:0 15px 0 15px;
  line-height:40px;
  border-bottom:1px solid #dddddd;
  font-size:17px;
  cursor:pointer;
}

/*롱클릭스타일*/
.longclick{
   -ms-user-select: none; 
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}

.label_green{
  background:#197e16;
  border:1px solid #087405;
  color:#ffffff;
  font-weight:normal;
  font-size:11px;
  padding:1px;
  border-radius:3px;  
}

.label_blue{
  background:#5169f9;
  border:1px solid #435df8;
  color:#ffffff;
  font-weight:normal;
  font-size:11px;
  padding:1px;
  border-radius:3px;
}

.label_orange{
  background:#e57a11;
  border:1px solid #e5780d;
  color:#ffffff;
  font-weight:normal;
  font-size:11px;
  padding:1px;
  border-radius:3px;  
}

.label_bora{
  background:#9c52cb;
  border:1px solid #9a50cb;
  color:#ffffff;
  font-weight:normal;
  font-size:11px;
  padding:1px;
  border-radius:3px;  
}

.label_red{
  background:#f43938;
  border:1px solid #f43938;
  color:#ffffff;
  font-weight:normal;
  font-size:11px;
  padding:1px;
  border-radius:3px;  
}

.label_gray{
  background:#717273;
  border:1px solid #717273;
  color:#ffffff;
  font-weight:normal;
  font-size:11px;
  padding:1px;
  border-radius:3px;  
}




/* PC버전일때 타이틀디자인 시작 */
.pi_title{
  text-align:left;
  width:100%;
  height:35px; 
  border-bottom:1px solid #ccc;
  margin-bottom:20px;
  
}

.pi_title .left{ 
  text-align:left;
  float:left;
  font-family: 'NanumGothic', sans-serif;
  font-size:18px;
  text-align:left;
  font-weight:bold;
  line-height:35px;
  color:#333;
  background-image:url(/swww/include/function/images/left_icon.png);
  text-align:left;
  background-repeat:no-repeat;
  width:50%;
  padding-left:15px;
}

.pi_title .right{ font-family: 'NanumGothic', sans-serif; 
  text-align:left;
  float:right;
  text-align:right;
  width:40%;
  color:#666;
	font-size:13px;
	line-height:35px;
}

.pi_title_sub{
  text-align:left;
  font-family: 'NanumGothic', sans-serif;
  font-size:16px;
  font-weight:bold;
  height:35px;
  color:#333; 
  text-align:left;
  background-image:url(/swww/include/function/images/left_icon3.png); background-repeat:no-repeat; 
  padding-left:15px;line-height:35px;
}
.pi_title_sub .left{ 
  text-align:left;
  font-weight:bold;
  height:35px;
  color:#333; 
  text-align:left;line-height:35px;}
  
.pi_title_sub .right{ 
  text-align:left;
  font-weight:bold;
  height:35px;
  color:#333; 
  text-align:left;line-height:35px;}


.ps_title{
  text-align:left;
  padding:20px 0 0 0;
  line-height:40px;
  border-bottom:1px solid #ccc;
  margin-bottom:20px;
  overflow:auto;
}

.ps_title .left{
  text-align:left;
  float:left;
  font-family: 'NanumGothic', sans-serif;
  font-size:18px;
  font-weight:bold;
  line-height:35px;
  color:#333;
  background-image:url(/swww/include/function/images/left_icon1.png);
  background-repeat:no-repeat;
  padding-left:15px;
  line-height:35px;
}
.ps_title .right{
  text-align:left;
  font-family: 'NanumGothic', sans-serif;  float:right;
  text-align:right;
  color:#666;
	font-size:13px;
	line-height:35px;
}


.ps_title_sub{
  text-align:left;
  font-size:14px;
  /*border-bottom:1px solid #ccc;*/
  font-weight:bold;
  height:35px;
  color:#333;
  line-height:35px;
  margin-top:20px;
  margin-bottom:0px;
  font-family: 'NanumGothic';
}
.ps_title_sub .left{
  text-align:left;
  font-family: 'NanumGothic', sans-serif;
  float:left;
  background-image:url(/swww/include/function/images/left_icon2.png);
  background-repeat:no-repeat;
  padding:0px 0 0 15px;
  line-height:35px;
}
.ps_title_sub .right{
  text-align:left;
  font-family: 'NanumGothic', sans-serif;
  float:right;
  text-align:right;
  color:#666;
	font-size:12px;
	line-height:35px;
  padding:0px 0 0 0;
  font-weight:normal;
  line-height:35px;
}
/* PC버전일때 타이틀디자인 종료 */

/* 모바일버전일때 타이틀디자인 시작 */
.mi_title{
  text-align:left;
  padding:10px 10px 5px 10px;
}
.mi_title .left{
  text-align:left;
  font-weight:bold;
  float:left;
  width:60%;
  line-height:150%;
}
.mi_title .right{
  text-align:left;
  float:right;
  text-align:right;
  width:40%;
  color:#666;
	font-size:12px;
  font-weight:normal;
}

.mi_title_sub{
  text-align:left;
  padding:10px 10px 5px 10px;
}
.mi_title_sub .left{
  text-align:left;
  font-weight:bold;
  float:left;
  width:60%;
  line-height:150%;
}
.mi_title_sub .right{
  text-align:left;
  float:right;
  text-align:right;
  width:40%;
  color:#666;
	font-size:12px;
  font-weight:normal;
}

.ms_title{
  text-align:left;
  padding:10px 10px 5px 10px;
}
.ms_title .left{
  text-align:left;
  font-weight:bold;
  float:left;
  width:60%;
  line-height:150%;
}
.ms_title .right{
  text-align:left;
  float:right;
  text-align:right;
  width:40%;
  color:#666;
	font-size:12px;
  font-weight:normal;
}


.ms_title_sub{
  text-align:left;
  padding:10px 10px 5px 10px;
}
.ms_title_sub .left{
  text-align:left;
  font-weight:bold;
  float:left;
  width:60%;
  line-height:150%;
}
.ms_title_sub .right{
  text-align:left;
  float:right;
  text-align:right;
  width:40%;
  color:#666;
	font-size:12px;
  font-weight:normal;
}
/* 모바일버전일때 타이틀디자인 종료 */



/* 투명처리 */
.transparent_50{
  opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}

/* 뒤로가기부분 */
.div_back{
  cursor:pointer;
  background-repeat:no-repeat;
  background-color:#f7f7f7;
  background-image:url(/swww/images/web/icon_rarrow2.png);
  padding:10px 10px 10px 35px;
  background-size: 35px;
  font-size:17px;
  color:#9c9c9c;
  font-weight:bold;
}


/*기본 div*/
.css_div_green{
  padding:3px;
  background:#336600;
  color:#ffffff;
  line-height:100%;
  font-size:11px;
  border-radius:5px;
}

.css_div_red{
  padding:3px;
  background:#ff3300;
  color:#ffffff;
  line-height:100%;
  font-size:11px;
  border-radius:5px;
}

.css_div_gray{
  padding:3px;
  background:#575757;
  color:#ffffff;
  line-height:100%;
  font-size:11px;
  border-radius:5px;
}

.css_div_yellow{
  padding:3px;
  background:#ffcc00;
  color:#555555;
  line-height:100%;
  font-size:11px;
  border-radius:5px;
}

.css_div_blue{
  padding:3px;
  background:#0066ff;
  color:#ffffff;
  line-height:100%;
  font-size:11px;
  border-radius:5px;
}

/*기본 div*/


/********** 서브메뉴 ***********/
.sub_menu_over{
  margin:3px;
  padding:3px 8px 3px 8px;
  border:1px solid #4c4c4c;
  border-radius:3px;
  background:#4c4c4c;
  cursor:pointer;
  float:left;
  color:#ffffff;
}

.sub_menu_out{
  margin:3px;
  padding:3px 8px 3px 8px;
  border:1px solid #9f9f9f;
  border-radius:3px;
  background:#9f9f9f;
  cursor:pointer;
  float:left;
  color:#ffffff;
}
/********** 서브메뉴 ***********/


/**************** (?)퀘스천마크 *******************/
.admin_question{
  width:23px;
  height:23px;
  background:#ffff33;
  border:1px solid #cccccc;
}

.admin_question_text{
  padding:3px;
  background:#ffff33;
  border:1px solid #dddddd;
  font-size:12px;
}
/**************** (?)퀘스천마크 *******************/

/*****************컬러픽커 테이블 시작*****************/
.colorpicker_table{
}

.colorpicker_table td{
  box-sizing:border-box;
}

.colorpicker_table td:hover{
  border:3px solid #eeeeee;
}
/*****************컬러픽커 테이블 종료*****************/


/* 깨지는 이미지를 조금이나마 개선하는 부분 */
img{
  image-rendering: -moz-crisp-edges;         /* Firefox */
  image-rendering: -o-crisp-edges;         /* Opera */
  image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}