@charset "utf-8";



/* -- 공통 스타일 -- */
form {padding:0;margin:0;}
img {border:none;}
.hand {cursor:pointer;}


/* -- 숨김 콘텐츠 -- */
#skip-navigation, .blind, .location dt, legend { position:absolute; left:-1000em; font-size:0; line-height:0; }


/*전체 태그에 대하여 마진, 패딩 서체크기, 서체종류 초기화*/
* { margin:0; padding:0; }


/* -- 페이지 여백 초기화 -- */
body { font:0.75em dotum, "돋움", gulim, "굴림", sans-serif; color:#4f4f4f; }



/* -- 링크 초기화 -- */
a:link { text-decoration:none; color:#020202; }
a:visited { text-decoration:none; color:#020202; }
a:hover, a:active, a:focus { text-decoration:none; color:#020202; }


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


/* -- 테두리 초기화 -- */
fieldset, img, abbr, acronym { border:0 none; }


/* -- 리스트 초기화 -- */
ol, ul, li { list-style:none; }


/*테이블 보더 초기화 (마크업에 cellspacing="0" 지정 함께 필요)*/
table { border-collapse:collapse; border-spacing:0; border:0 none; }

/* -- 테이블 초기화 -- */
th, td { text-align:left; font-weight:normal; }
caption { text-align:center; font-size:15px; padding-bottom:10px; }

/* -- 텍스트 초기화 -- */
address, caption, em { font-weight:normal; }

/* -- 수평선 초기화 -- */
hr {display:none;}


* { margin:0; padding:0; } 

/* 관리자 수정페이지 */
.admin_setup { font-size:12px; width:100%; background:#fff; border:1px solid #e0e0e0; border-collapse:collapse;}
.admin_setup_title { background-color:#D0D0D0; }

/* 공통 적용 영역 입력폼 스타일 */
.input { background-color:#ffffff; color:#666666; font-family:Malgun Gothic, dotum; font-size:12px; height:19px; border : 1px solid #dadada; padding-left:3px;}
.textarea { font-family:Malgun Gothic, dotum, tahoma, Georgia; color:#666666; font-size:11px; border : 0px solid #dadada; line-height:16px; width:450px; height:110px;}
.select { font-family:Malgun Gothic, dotum, tahoma, Georgia; color:#666666; font-size:11px; border:1px #cccccc solid; height:18px;}

/*  공통 적용 영역 박스,내용스타일 */
#abtn_div { width:800px; text-align:right; border:0px;}
#abtn_pgdel { position:relative; width:0px; height:0px; left:2px; top:-15px; line-height: 0;}
#abtn_option { position:relative; width:0px; height:0px; left:15px; top:-15px; line-height: 0;}

/* 테이블 공통 스타일 */
.gu_table01 {color:#666; padding:5px; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;}
.gu_table02 {color:#666; width:120px; height:30px; text-align:right; padding-right:10px; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;}
.gu_table03 {color:#666; text-align:center; height:30px; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;}
.gu_table04 {color:#666; font:11px; padding:8px;}
.gu_table05 {color:#666; width:120px; height:30px; text-align:left; padding-left:10px; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;}

.gu_vtable01 {color:#666; text-align:center; height:30px; background:#f7f7f7; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0; color:#333;}
.gu_vtable02 {color:#666; text-align:center; height:30px; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;}
.gu_vtable_bottom {text-align:center; border:0px solid red;}

/* 폼 버튼div */
.btn_check {width:100%; text-align:center; clear:both;}
.btn_check input { border:none !important; }
.btn_check2 {width:100%; text-align:left; clear:both;}
.btn_check2 input,select,img,label { vertical-align:middle; }
.btn_check3 {width:100%; text-align:right; clear:both; margin-top:15px;}

.btn_check ul {border:0px solid red; margin-top:10px;}
.btn_check ul li {display:inline; border:0px solid red; padding:0; margin:0; height:30px; }
.btn_check_left {width:100%; text-align:left;}
.btn_check_left ul {border:0px solid red; margin-top:10px;}
.btn_check_left ul li {display:inline; border:0px solid red; padding:0; margin:0; height:30px; }

/* 테이블상단 정보표시 */
.gu_info01 {width:100%; padding:5px; border:0px solid red;}

/* 비밀번호 입력부 */
.gu_pwd01 {width:320px; margin:0 auto; padding:10px; border:1px solid #dedede;}

/* 확장관리 레이어 */
.gu_extent01 {width:750px; margin:10px 10px 0 0; float:right; border:0px solid red;}
.gu_extent02 {width:720px; margin:10px 10px 0 0; float:right; border:0px solid red;}

/* 확장관리에디터 */
.gu_editor01 {width:100%; border:0px solid red;}

/* 말풍선 디자인 */
#qTip {
 padding: 3px;
 border: 1px solid #666;
 display: none;
 background: #999;
 color: #FFF;
 font: bold 11px Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}

i {
  font-style: normal;
  text-decoration: underline;
}

/* Button Reset */
.button,
.button a,
.button button,
.button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(../img/buttonWhite.gif) no-repeat; overflow:visible; color:#333;}
.button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button a,
.button button,
.button input{ left:2px; vertical-align:top; cursor:pointer;}

/* Button Size */
.button.large { height:29px; background-position:left -30px; }
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; }
.button a,
.button button,
.button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
.button.large a,
.button.large button,
.button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -30px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;}
.button.small a,
.button.small button,
.button.small input { height:18px; border:0; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}
.button.green,
.button.green a,
.button.green button,
.button.green input { background-image:url(../images/buttonGreen.gif); color:#fff;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#ff0;}
.button.black,
.button.black a,
.button.black button,
.button.black input { background-image:url(../images/buttonBlack.gif); color:#fff;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#ff0;}
.button.red,
.button.red a,
.button.red button,
.button.red input { background-image:url(../images/buttonRed.gif); color:#fff;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{ color:#ff0;}
.button.blue,
.button.blue a,
.button.blue button,
.button.blue input { background-image:url(../images/buttonBlue.gif); color:#fff;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#ff0;}
.button.white,
.button.white a,
.button.white button,
.button.white input { background-image:url(../images/buttonWhite.gif); color:#333;}
.button.white *:hover,
.button.white *:active,
.button.white *:focus{ color:#333;}

/* Button Text Strong */
.button.strong * { font-weight:bold !important;}
.button.strong a:link { color:#fff; }
.button.strong a:visited { color:#fff; }
.button.strong a:hover, a:active, a:focus { color:#ff0; }

/* Button Text default */
.button.default a:link { color:#fff; }
.button.default a:visited { color:#fff; }
.button.default a:hover, a:active, a:focus { color:#ff0; }

/*툴팁 스타일*/
.gu_buble02 {
	float:none;
}

.gu_buble02 a.tip {
	position: relative;
}

.gu_buble02 a.tip span {
	display: none;
	position: absolute;
	top: 20px;
	left: -10px;
	padding: 5px;
	z-index: 100;
	background: #dedede;
	color: #333;
	-moz-border-radius: 5px; /* 파폭 박스 둥근 정도 */
	-webkit-border-radius: 5px; /* 사파리 박스 둥근 정도 */
}

.gu_buble02 a:hover.tip span {
	display: block;
}

/*  input 용 */
.gu_input01 {
	width:40px;
	height:20px;
	font-family:돋움,Arial;
	font-size:10pt;
	line-height:140%;
	font-stretch: normal;
	background:#f1f7e7;
	border:1px solid #dedede;
	padding:0 3px;
}

.gu_input02 {
	width:300px;
	height:20px;
	font-family:돋움,Arial;
	font-size:10pt;
	color:#6c6c6c;
	line-height:140%;
	font-stretch: normal;
	background:#f1f7e7;
	border:1px solid #dedede;
	padding:0 3px;
}

.gu_input03 {
	width:100px;
	height:20px;
	font-family:돋움,Arial;
	font-size:10pt;
	line-height:140%;
	font-stretch: normal;
	background:#f1f7e7;
	border:1px solid #dedede;
	padding:0 3px;
}

.gu_input04 {
	width:50px;
	height:20px;
	text-align:left;
	font-family:돋움,Arial;
	font-size:10pt;		
	line-height:140%;
	background:#f1f7e7;
	border:1px solid #dedede;
	padding:0 3px;
}

.gu_input05 {
	width:150px;
	height:20px;
	font-family:돋움,Arial;
	font-size:10pt;
	color:#6c6c6c;
	line-height:140%;
	font-stretch: normal;
	background:#f1f7e7;
	border:1px solid #dedede;
	padding:0 3px;
}

.gu_input06 {
	width:220px;
	height:20px;
	text-align:left;
	font-family:돋움,Arial;
	font-size:10pt;		
	line-height:140%;
	background:#f1f7e7;
	border:1px solid #dedede;
	padding:0 3px;
}
.gu_input07 {
	width:150px;
	height:20px;
	text-align:left;
	font-family:돋움,Arial;
	font-size:10pt;		
	line-height:140%;
	background:#fff
	border:1px solid #eee !important;
	padding:0 3px;
}

.gu_input08 {
	width:90px;
	height:20px;
	text-align:left;
	font-family:돋움,Arial;
	font-size:10pt;		
	line-height:140%;
	background:#f1f7e7;
	border:1px solid #dedede;
	padding:0 3px;
}

.gu_input09 {
	width:80%;
	height:20px;
	text-align:left;
	font-family:돋움,Arial;
	font-size:10pt;		
	line-height:140%;
	background:#f1f7e7;
	border:1px solid #dedede;
	padding:0 3px;
}

.gu_input10 {
	width:95px;
	height:20px;
	text-align:left;
	font-family:돋움,Arial;
	font-size:10pt;		
	line-height:140%;
	background:#f1f7e7;
	border:1px solid #e0e0e0 !important;
	padding:0 3px;
}

.gu_input11 {
	width:60%;
	height:20px;
	text-align:left;
	font-family:돋움,Arial;
	font-size:10pt;		
	line-height:140%;
	background:#f1f7e7;
	border:1px solid #dedede;
	padding:0 3px;
}

/* 셀렉트박스용 */
.gu_select01{
	font:13px Gulim,Arial;
	background:#f7f7f7;
	color:#333;
}

/* -- 페이징 -- */
.paging {text-align:center; margin:10px 0;}
.paging li {display:inline; margin:0 2px;}
.paging li a { width:29px; height:28px; background:none; border:none; color:none; display:inline; text-align:center; vertical-align:middle; line-height:30px;}
.paging li.bold a, .user .paging li a:hover, .user .paging li a:focus { font-weight:bold; background:none; }
.paging li a, .paging #prevPageButton a { border-right:none; }
.paging #nextPageButton a { border-left:none; border:none; }

/* ex table */
.chu_ex_table {width:auto; border:1px solid #e0e0e0;}
.chu_ex_table th {padding:7px; border:1px dotted #e0e0e0; font-weight:normal; text-align:left;}
.chu_ex_table td {padding:7px; border:1px dotted #e0e0e0;}
.chu_ex_table td.ex_td01 {text-align:center; background:#f7f7f7;}
.chu_ex_table td.ex_td02 {line-height:18px;}

.chu_ex_table2 {width:100%; border:1px solid #e0e0e0; font-size:15px;}
.chu_ex_table2 th {padding:10px; border:1px dotted #e0e0e0; font-weight:normal; text-align:left;}
.chu_ex_table2 td {padding:10px; border:1px dotted #e0e0e0;}
.chu_ex_table2 td.ex_td01 {text-align:center; background:#f7f7f7;}
.chu_ex_table2 td.ex_td02 {line-height:18px;}

/* 사용자 리스트 페이지 */
.main_list_wrap { width:90%; text-align:center; margin:0 auto;}
.main_list { font-size:12px; width:100%; background:#fff; border:1px solid #e0e0e0; border-collapse:collapse; letter-spacing:-1px;}
.main_list_wrap a:link { text-decoration:none; color:#020202; }
.main_list_wrap a:visited { text-decoration:none; color:#020202; }
.main_list_wrap a:hover, a:active, a:focus { text-decoration:none; color:#020202; }


/* SMS 설정 페이지*/
/* period */
 .tableBox01 {width:100%;}
 .tableBox01 th {padding:8px 0; border:1px solid #e0e0e0; font-weight:bold; background-color:#fff; text-align:center;}
 .tableBox01 td {padding:5px 3px; border:1px solid #e0e0e0; text-align:center;}
 .tableBox01 .inputBox td input {width:85%;}

 input {vertical-align:middle; background-color:#fff;  font-family:Malgun Gothic, dotum; font-size:12px; height:18px; padding-left:0px;}
.pension_input input {border:1px solid #dadada;}
.pension_input .input80 {width:80px;}
.pension_input .input220 {width:220px;}
select {vertical-align:middle; font-family:Malgun Gothic, dotum, tahoma, Georgia; color:#666666; font-size:11px; border:1px #cccccc solid; height:18px;}

/* 숨김 콘텐츠 */
.blind {
	position:absolute;
	left:-1000em;
	font-size:0.75em;
	line-height:0;
	height:0;
	display:none;
}

.title {
margin: 10px 0;
text-align: left;
font-family: "굴림", Gulim, "돋움", Dotum;
font-size: 13px;
font-weight: bold;
color: #4d4d4d;
}


textarea {
padding: 3px;
font-family: Malgun Gothic, dotum, tahoma, Georgia;
color: #666666;
font-size: 11px;
border: 1px solid #dadada;
line-height: 16px;
height: 80px;
width: 95%;
}


/* table_area */
/*테이블 보더 초기화 (마크업에 cellspacing="0" 지정 함께 필요)*/
.table_area { width:40%; font-size:11px; word-spacing:-1px; border-collapse:collapse; border-spacing:0; border:0 none; text-align:center; margin-bottom:5px; }
.table_area th { background:#f56220; padding:3px; font-weight:normal; color:#fff; border:1px solid #fff; border-top:1px solid #bbb; }
.table_area td { letter-spacing:-1px; font-size:11px; line-height:16px; border:1px solid #bbb; background:#f3f3f3; color:#626262 }
.table_area .group1 td { background:#fff; }
.table_area .th_st { border-left:1px solid #bbb; }
.table_area .th_nd { border-right:1px solid #bbb; }



/* -- online_area -- */
.online_area { width:100%; }
.online_area td u { color:#f56220; margin-left:5px; }
.online_area td input,img,select { vertical-align:middle; }
.online_area .mgin_left { margin-left:10px; }

/*우편번호찾기*/
.online_area a.zip_code {display:inline-block; cursor:pointer; height:24px; line-height:24px; margin-top:0; padding:0 8px; letter-spacing:-1px; color:#fff; background:#b2b2b2; vertical-align:middle;}
.online_area a:hover.zip_code { text-decoration:none; color:#fff !important; }

.pick_up { width:100%; margin:10px 0; border-collapse:collapse; border-spacing:0; }
.pick_up th { border:1px dotted #e0e0e0; font-size:11px; font-weight:normal; }
.pick_up td { border-bottom:1px dotted #e0e0e0; }

/* -- 추가작업 css */
.form_area { width:100%; margin-bottom:30px; }
body .form_area th { border-bottom: 1px solid #b3b3b3; color:#333; text-align:center; 
				height: 34px; line-height: 24px; background:#eee; padding: 0 3px;
				border-top:1px solid #b3b3b3; font-size:12px !important;}

body .form_area td { border-top: 1px dotted #b3b3b3; color:#333; line-height:24px;
				padding: 2px 3px 5px; text-align:center; font-size:12px !important; }
body .form_area .text_left { text-align:left !important; }
.borderN { border:none !important; }
.comment_info { color:#6d6d6d; }
  

/* -- 코멘트 --*/
.comment_area { width:100%; border:none; border-bottom:1px solid #b3b3b3; text-align:left;
}
.comment_area th { border:none; background:#fff; text-align:center; font-size:12px !important;  }
.comment_area td { border:none; text-align:center; }
.comment_area td input { border:1px solid #ccc; height:20px; }
.textarea { border:1px solid #ccc; width:99%; height:60px; padding:3px; font-size:11px; line-height:20px; }

.comment_area2 { width:100%; background:#fbfaf3; border-top:1px solid #E9E8DF; border-bottom:1px solid #E9E8DF; }
.comment_area2 th { color:#575757; text-align:center; font-size:12px !important; }
.comment_area2 td { color:#575757; line-height:24px; padding: 2px 3px 5px;}
.text_center { text-align:center; }


.edit_area {  width:100%; background:#eee;}
.edit_area th { border: 1px solid #b3b3b3; text-align:center !important;  font-size:12px !important; }
.edit_area td { border: 1px solid #b3b3b3; background:#fff; }

.content { width:97%; min-height:100px; padding:3px; line-height:20px; font-size:12px; border:1px solid #e0e0e0; }

.comment_N { border:none !important; }
.comment_N th { border:none !important; }
.comment_N td { border:none !important; }

/* 카테고리 탭 */
.category_tab { overflow:hidden; }
.category_tab > li { float:left; }
.category_tab > li > a { 
border:1px solid #ddd; 
color:#2b2b2b; 
font-weight:bold; 
padding:8px 10px 7px; 
display:inline-block; 
margin-right:1px; 
border-radius: 2px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
cursor: pointer;white-space: nowrap;
vertical-align: middle;
background-image: linear-gradient(to bottom, #ffffff, #f5f5f5) !important;
background-repeat: repeat-x;
}
.category_tab > li > .on { 
background:#4d4d4d;
background-image: linear-gradient(to bottom, #747474, #4d4d4d) !important;
color:#fff !important; 
}


/* -- 공통 --*/
.label {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:4px;
	font-size:11px;
	color:#fff;
	margin-right:2px;
}
.btn {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:none;
	padding:10px;
	font-size:13px;
	color:#fff;
	margin-right:2px;
}
.label-success { background-color: #468847; color:#fff; }
.label-warning { background-color: #76797A; color:#fff; cursor:hand;}
.label-important { background-color: #b94a48; color:#fff; }
.label-important2 { background-color: #18609C; color:#fff; }
.label-info { background-color:#76797A; color:#fff !important; }
.label-inverse { background-color: #A39E9E; color:#fff; }

.text-left { text-align:left !important; }