@charset "utf-8";

* { 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 {padding:5px; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;}
.gu_table02 {width:120px; height:30px; text-align:right; padding-right:10px; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;}
.gu_table03 {text-align:center; height:30px; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;}
.gu_table04 {font:11px; padding:8px;}
.gu_table05 {width:120px; height:30px; text-align:left; padding-left:10px; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;}

.gu_vtable01 {text-align:center; height:30px; background:#f7f7f7; border:1px dotted; border-color:#e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0; color:#333;}
.gu_vtable02 {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%; margin:20px 0; text-align:center;}
.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:308px; 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_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; 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;}

/*툴팁 스타일*/
.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-weight:bold;
	color:red;
	text-align:center;
	font-family:Dotum,Arial;
	font-size:10pt;		
	line-height:140%;
	background:#f1f7e7;
	border:1px solid #dedede;
}

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

.gu_input03 {
	width:100px;
	height:20px;
	font-family:Dotum,Arial;
	font-size:10pt;
	color:#6c6c6c;
	line-height:140%;
	font-stretch: normal;
	background:#f1f7e7;
	border:1px solid #dedede;
}

.gu_input04 {
	width:70%;
	height:20px;
	font-family:Dotum,Arial;
	font-size:10pt;
	color:#6c6c6c;
	line-height:140%;
	text-align:center;
	font-stretch: normal;
	background:#f1f7e7;
	border:1px solid #dedede;
}

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

.gu_select02{
	font:13px Gulim,Arial;
	color:#333;
	width:50px;
}

/* 페이징 부분 */
.paging {text-align:center; margin:10px 0;}
.paging li {display:inline; margin:0 2px;}

/* navi 
#dgcWrap .nav_on {margin:10px 0; position:relative; width:750px; min-height:30px;}
#dgcWrap .nav_area {border-bottom:1px solid #383838; float:left; width:100%;}
#dgcWrap .nav_on .tab_01 {background:#6e6d6d; height:30px; line-height:30px; padding:0; float:left; text-align:center; margin-right:3px;
									border-top:1px solid #383838; border-left:1px solid #383838; border-right:1px solid #383838;}
#dgcWrap .nav_on .tab_01 a {color:#fff; font-weight:bold; padding:0 8px;}
#dgcWrap .nav_on .tab_01 a:hover,
#dgcWrap .nav_on .tab_01 a:active,
#dgcWrap .nav_on .tab_01 a:focus {color:#faf2bd;}
*/

/* navi */
.nav_on {margin:10px 0; width:750px;}
.nav_area {width:100%; border-bottom:1px solid #383838;}
.nav_area th {padding:5px; text-align:center; background:#6e6d6d; border:1px solid #383838; font-weight:bold; letter-spacing:-1px;}
.nav_area a:link {display:block;}
.nav_area a:link,
.nav_area a:visited {text-decoration:none; color:#fff;}
.nav_area a:active,
.nav_area a:hover {text-decoration:none; color:#faf2bd;}


/* 관리자페이지 내용 */
img, input, select {vertical-align:middle;}
#dgcWrap {padding-bottom:10px;}

.title {font:14px dotum; font-weight:bold; text-indent:15px; background:url(../images/point02.gif) no-repeat 3px 4px;}
.title2 {margin:20px 0 10px 0; font:14px dotum; font-weight:bold; text-indent:15px; background:url(../images/point02.gif) no-repeat 3px 4px;}

.chu_cha_admcon1 {width:100%; border:1px solid #e0e0e0;}
.chu_cha_admcon1 th {padding:0 10px; text-align:right; border:1px solid #e0e0e0; font-weight:normal; background:#fafafa;}
.chu_cha_admcon1 td {height:32px; padding:3px 5px; border-left:1px dotted #e0e0e0; border-top:1px dotted #e0e0e0;}

.chu_cha_admcon2 {width:100%; border:1px solid #e0e0e0;}
.chu_cha_admcon2 th {height:32px; line-height:32px; border:1px solid #e0e0e0; font-weight:normal; text-align:center; background:#fafafa;}
.chu_cha_admcon2 td {height:32px; line-height:32px; border-left:1px dotted #e0e0e0; border-top:1px dotted #e0e0e0; text-align:center;}

/* 예약 시 문자서비스 기능 2014-08-22 */
/* 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%;
}

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

/*개인정보취급방침*/
.privacy_wrap {margin-top:10px; border:1px solid #ddd; background:#fefefe;}
.privacy_wrap > div {border:1px solid #eee; margin:8px; padding:10px; background:#fff}
.privacy_wrap p.title {margin:0; padding:13px 10px; background:#888; color:#fff;}
.privacy_wrap ul {margin:20px 0 15px; overflow: auto; height:100px; width:100%;}
.privacy_wrap ul li {margin-top:8px; line-height:18px;}

.privacy_wrap .agreeBox { text-align:center;}
.privacy_wrap .agreeBox span {color:red; font-size:11px;}