@charset "utf-8";
/* ----------------------------------------------------------- */
/* ------------------------ 숨김 요소 ------------------------ */
/* ----------------------------------------------------------- */
legend, .blind, caption{
	position:absolute;
	top: -1000px;
	overflow:hidden;	
	width:0px;
	height:0px;
	font-size:0;
	line-height:0;
	z-index: 10000;
	display: none;
}
/* ----------------------------------------------------------- */
/* -------------------------- BODY --------------------------- */
/* ----------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	color:#666;
	font-size:75%;
	line-height:1.2;	
	font-family:'Nanum Gothic';
}

/* ----------------------------------------------------------- */
/* -------------------------- RESET -------------------------- */
/* ----------------------------------------------------------- */

/* 요소(element) 여백 초기화  */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, th, td {
	margin:0;
	padding:0;
}
* :not([class*="webnote"]) {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* 제목요소 */
h1, h2, h3, h4, h5, h6 {  
	font-size:100%;   
	font-weight:normal;   
} 

/* 테두리 없애기 */
fieldset, img, abbr, acronym { 
	border:0 none;
} 

/* 목록 */
ol, ul { list-style:none; }

/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요
table {
	border-collapse: separate;
	border-spacing:0;
	border:0 none;
} */
caption,td {
	text-align: justify;
	font-weight: normal;
}

/* 텍스트 관련 요소 초기화 */
address, caption,em,cite {
	font-weight:normal;
	font-style:normal;
}
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* 인용문 */
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote,q { quotes:"" ""; }

/* 수평선*/
hr { display:none; }

/* 링크요소 */
a, a:link {
	color: #666;
	text-decoration:none;
} 
a:visited {
	color:#666;
	text-decoration:none;
}
a:hover {
	color: #FF6600;
	text-decoration:none;
}
a:focus {
	color: #FF6600;
	text-decoration:none;
}
a:active {
	color: #FF6600;
	text-decoration:none;
}
/* 세로정렬  */
label, select, input, textarea{
	vertical-align: middle;
}
img {
	vertical-align: middle;
}

/*  푬관련  */
input[type=text],input[type=password] {
	padding: 3px;
	color: #666;
	border: 1px solid #ccc;
}
input[type=file] {
	padding: 3px;
	cursor: pointer;
}
select {
	padding: 3px;
	color: #666;
	border: 1px solid #ccc;
}
textarea {
	padding: 4px;
	color: #666;
	border: 1px solid #ccc;
}
button {
	background: none;
	border: none;
	padding: 0;
	font-size:inherit;
	font-family:'Nanum Gothic';
	cursor: pointer;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* ----------------------------------------------------------- */
/* --------------------------- BASE -------------------------- */
/* ----------------------------------------------------------- */
.displayBlock {
	display: block;
	width: 100%;
	height: 100%;	
}
.fullWidth {
	width: 100%;
}
.halfWidth {
	width: 50%;
}
.thertyWidth {
	width: 30%;
}
.autoWidth {
	width: auto;
}
.return {
	display: block;
}
.bold {
	font-weight: bold;
}
.orangeColor {
	color: #FF6600;
}
.blueColor {
	color: #09C;
}
.greenColor {
	color: #690;
}
.purpleColor {
	color: #FF3366;
}
.grayColor333 {
	color: #333;
}
.grayColor666 {
	color: #666;
}
.grayColor999 {
	color: #999;
}
.grayColorccc {
	color: #ccc;
}
.blackColor {
	color: #000;
}
.whiteColor {
	color: #fff;
}
.blueBgBut {
	background: #2fb6bc;
}
.purpleBgBut {
	background: #FF3366;
}
.grayBgBut333 {
	background: #333;
}
.grayBgBut666 {
	background: #666;
}
.grayBgBut999 {
	background: #999;
}
.grayBgButccc {
	background: #ccc;
}
.blackBgBut {
	background: #000;
}
.greenBgBut {
	background: #66CC00;
}
.orangeBgBut {
	background: #FF6600;
}
.center {
	text-align: center;
}
.left {
	text-align: justify;
}
.right {
	text-align: right;
}
/* ------------------------ butList ---------------------- */
ul.butList{
	margin: 0 auto;
	margin-bottom: 10px;
}
ul.butList > li{
	float: left;
}
.liBut{
	line-height: 2;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}
.listBut{
	background: #2fb6bc;
}
.listBut:hover{
	background: #0099CC;
}
.writeBut{
	background: #FF3366;
}
.writeBut:hover{
	background: #ff0042;
}
.modifyBut {
	background: #66CC00;
}
.modifyBut:hover{
	background: #669900;
}
.replyWriteBut{
	background: #FF6600;
}
.replyWriteBut:hover{
	background: #FF3300;
}
.deleteBut{
	background: #A3ABDC;
}
.deleteBut:hover{
	background: #6666CC;
}
.cansleBut{
	background: #A3ABDC;
}
.cansleBut:hover{
	background: #6666CC;
}
/* ------------------------ singleBut ---------------------- */
.but{
	padding: 4.5px 0;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	vertical-align: middle;
}
.butInline{
	padding: 4.5px 10px;
}
.butWhite{
	color: #999;
	background: #fff;
	border: 1px solid #ccc;
}
.butWhite:hover{
	color: #FF6600;
	border: 1px solid #FF6600;
}
.butGray{
	color: #fff;
	background: #666;
	border: 1px solid #333;
}
.butGray:hover{
	background: #333;
	border: 1px solid #000;
}
.butBlue{
	color: #fff;
	background: #0099FF;
	border: 1px solid #0066CC;
}
.butBlue:hover{
	background: #0066CC;
	border: 1px solid #333;
}
.butGreen{
	color: #fff;
	background: #669900;
	border: 1px solid #6F8718;
}
.butGreen:hover{
	background: #6F8718;
	border: 1px solid #333;
}
.butOrange{
	color: #fff;
	background: #FF9900;
	border: 1px solid #FF6600;
}
.butOrange:hover{
	background: #FF6600;
	border: 1px solid #FF0000;
}
.butpurple {
	color: #fff;
	background: #FF3366;
	border: 1px solid #FF0042;
}
.butpurple:hover {
	background: #FF0042;
	border: 1px solid #CC0022;
}
/* -------------- 확인버튼 ---------------- */
.confirmBut{
	padding: 10px 0;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	border-radius: 3px;
	background: #0099FF;
	border: 1px solid #0066CC;
}
.confirmBut:hover{
	background: #0066CC;
	border: 1px solid #333;
}
/* -------------- 로그인버튼 ---------------- */
.loginBut{
	padding: 10px 0;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	background: #666;
	border-radius: 3px;
	border: 1px solid #333;
}
.loginBut:hover{
	background: #333;
	border: 1px solid #000;
}
/* -------------- 중복체크버튼 ---------------- */
.doubleChkBut{
	padding: 5px 10px;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	color: #fff;
	vertical-align: middle;
	background: #666;
	border: 1px solid #333;
}
.doubleChkBut:hover{
	background: #333;
	border: 1px solid #000;
}
/* -------------- 우편번호찿기버튼 ---------------- */
.zipSearchBut{
	padding: 5px 10px;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	color: #fff;
	vertical-align: middle;
	background: #666;
	border: 1px solid #333;
}
.zipSearchBut:hover{
	background: #333;
	border: 1px solid #000;
}
/* 게시판 비밀글/답변글/새글 아이콘 및 댓글삭제/쓰기버튼 , 파일선택버튼, 이전/다음버튼, 로그인버튼 */
.newIcon{
	padding: 2px 5px;
	font-size: 0.9em;
	color: #fff;
	border-radius: 3px;
	background: #339900;
}
.secretIcon{
	padding: 2px 5px;
	font-size: 0.9em;
	color: #fff;
	border-radius: 3px;
	background: #FF6600;
}
.replyIcon{
	padding: 2px 5px;
	font-size: 0.9em;
	color: #fff;
	border-radius: 3px;
	background: #0099FF;
}
.questionIcon{
	padding: 2px 5px;
	font-size: 0.9em;
	color: #fff;
	border-radius: 3px;
	background: #FF6600;
}
.memoDeleteBut{
	padding: 2px 5px;
	font-size: 0.9em;
	color: #fff;
	border-radius: 3px;
	background: #666;
	border-radius: 3px;
	border: 1px solid #333;
}
.memoDeleteBut:hover{
	background: #333;
	border: 1px solid #000;
}
.memoWriteBut{
	padding: 4px 10px;
	font-size: 0.9em;
	color: #fff;
	border-radius: 3px;
	background: #666;
	border-radius: 3px;
	border: 1px solid #333;
}
.memoWriteBut:hover{
	background: #333;
	border: 1px solid #000;
}
.boardMoveBut{
	padding: 5px 0;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	background: #666;
	border-radius: 3px;
	border: 1px solid #333;
}
.boardMoveBut:hover{
	background: #333;
	border: 1px solid #000;
}
.confirm_key {
	padding: 4px 10px;
	font-size: 0.9em;
	color: #333;
	border-radius: 3px;
	background: #eee;
	border-radius: 3px;
	border: 1px solid #ccc;
}
/* --------------------------- H/P/UL -------------------------- */
h1.title {
	padding: 10px 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
	text-align: center;
	background: #666;
}
.h2Text {
	text-align: justify;
	margin-bottom: 20px;
	color: #333;
}
.h2Text li {
	margin-bottom: 5px;
	padding: 5px 0;
	padding-left: 15px;
	background: url(../images/arrow_17.gif) no-repeat 0 9px;
}

h3.title {
	margin-bottom: 10px;
	padding: 0px 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #333;
	padding-left: 10px;
	background:url(../images/green_icon.png) repeat-y 0 0;
	/*padding-left: 20px;*/
	/*background: url(../images/arrow_green.png) no-repeat 0 center;*/
}
.h3Text {
	text-align: justify;
	margin-left: 0px;
	margin-bottom: 20px;
	color: #333;
}
.h3Text li {
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 5px 0;
	padding-left: 20px;
	background: url(../images/arrow_icon11.gif) no-repeat 0 7px;
}
h4.title {
	margin-bottom: 10px;
	margin-left: 20px;
	padding: 5px 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #666;
	padding-left: 15px;
	background: url(../images/arrow_12.gif) no-repeat 0 center;
}
.h4Text {
	text-align: justify;
	margin-left: 35px;
	margin-bottom: 20px;
	color: #666;
}
.h4Text li {
	margin-bottom: 5px;
	padding: 2px 0;
	padding-left: 10px;
	background: url(../images/blue_icon.gif) no-repeat 0 7px;
}
h5.title {
	margin-bottom: 10px;
	margin-left: 35px;
	padding: 5px 0;
	font-size: 1em;
	font-weight: bold;
	color: #666;
}
.h5Text {
	text-align: justify;
	margin-left: 35px;
	margin-bottom: 20px;
	color: #999;
}
.h5Text li {
	margin-bottom: 5px;
	padding: 2px 0;
	padding-left: 10px;
	background: url(../images/arrow_8_gray.gif) no-repeat 0 7px;
}
/* ----------------------------------------------------------- */
/* ------------------------ 헤더 영역 ------------------------ */
/* ----------------------------------------------------------- */
#header {
	background: url(../main_eng/user_img/menu_pat.jpg) repeat-x 0 bottom;
	visibility: hidden;
}
#headerInner {
	position: relative;
	margin: 0 auto;
}
/* ----------------------------------------------------------- */
/* ----------------------- 비주얼 영역  ---------------------- */
/* ----------------------------------------------------------- */
#visual {
	background:url(../main_eng/user_img/sub_visual_pat.jpg) repeat-x 0 0;
	visibility: hidden;
}
#visualInner {
	position: relative;
	margin: 0 auto;
	height: 153px;
}
/* ----------------------------------------------------------- */
/* ----------------------- 컨텐츠 영역  ---------------------- */
/* ----------------------------------------------------------- */
#contents {
	padding-top:35px;
	background:url(../main_eng/user_img/contents_pat.jpg) repeat-x 0 0;
	visibility: hidden;
}
#contentsInner {
	position:relative;
	margin: 0 auto;	
	min-height: 300px;
}
#leftMenu {
	position: absolute;
	top: 0;
	left: 0;
}
#sub {
}
#title {
	position: relative;
}
#subContents {
}
/* ----------------------------------------------------------- */
/* ----------------------- pg_css 영역  ---------------------- */
/* ----------------------------------------------------------- */
#pg_css {
	position: relative;
}
/* ------------------------ searchForm ---------------------- */
#pg_css div.searchBox {
	position: relative;
	margin-bottom: 10px;
}
#pg_css div.searchBox input[type=text]{
	width: 200px;
	padding-left: 5px;
	padding-right: 5px;
}
#pg_css div.searchBox .searchBut{
	padding: 4px 10px;
	padding-bottom: 5px;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	color: #fff;
	background: #666;
	border: 1px solid #333;
}
#pg_css div.searchBox .searchBut:hover{
	background: #333;
	border: 1px solid #000;
}
/* -------------------------- pageNo ----------------------- */
#pg_css .paging {
	margin-top: 20px;
	text-align: center;
}
#pg_css .paging a {
}
#pg_css .paging span.arrow{
	padding: 5px 14px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	color: #999;
	background: #fff;
	border: 1px solid #ccc;
}
#pg_css .paging a span.arrow:hover{
	color: #FF6600;
	border: 1px solid #FF6600;
}
#pg_css .paging  a span.arrowTab{
	color: #fff;
	background: #666;
	border: 1px solid #333;
}
#pg_css .paging a span.arrowTab:hover{
	background: #333;
	border: 1px solid #000;
}
#pg_css .paging a span.circle{
	padding: 14px 10px;
	color: #999;
	background: url(../images/circle_bg1.png) no-repeat center center;
}
#pg_css .paging a span.circle:hover{
	color: #fff;
	font-weight: bold;
	background: url(../images/circle_bg2.png) no-repeat center center;
}
#pg_css .paging a.strong span.circle{
	color: #fff;
	font-weight: bold;
	background: url(../images/circle_bg2.png) no-repeat center center;
}

.borderWrap {
	margin-bottom: 20px;
	padding: 20px;
	border-radius: 5px;
	border: 1px solid #ccc;
	background: #F2F2F2;
}
.borderWrap p, .borderWrap ul {
	margin-bottom: 0px;
}
.borderWrapBN {
	margin-bottom: 20px;
	padding: 20px;
	border-radius: 5px;
	border: 1px solid #ccc;
	background: #fff;
}
.borderWrapBN p, .borderWrapBN ul {
	margin-bottom: 0px;
}
/* ----------------------------------------------------------- */
/* ----------------------- 배너 영역  ------------------------ */
/* ----------------------------------------------------------- */

/* ----------------------------------------------------------- */
/* ----------------------- 푸터 영역  ------------------------ */
/* ----------------------------------------------------------- */