/*---------------------- 공용 css ------------------------ */
/* global */
body {

	/* page margin*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	FONT-SIZE: 9pt;

	/* scrollbar */
	scrollbar-face-color:#DDDDDD;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-3dlight-color: #F5F5F5;
	scrollbar-darkshadow-color: #F5F5F5;
	scrollbar-track-color: #F0F0F0;
	scrollbar-arrow-color: #FFFFFF;

	text-align:left;
}

table, tr, td {

	font-family: "돋움", "돋움체", dotum ;
	font-size:9pt;
	line-height: 16px;
	color:#6f6f6f;
	border-collapse:collapse;
	margin:0px;
	letter-spacing:-0.04em;
}

select {

	font-family: "돋움", "돋움체", dotum ;
	font-size:9pt;
	height:18px;
	color:#6f6f6f;
	border:0px solid #809dbd;
	LETTER-SPACING: 0px;
	padding : 0px;
	margin:0px;
	background:#F3F3F3;
}

input {
	color:#333333;
	font-size:9pt;
	LETTER-SPACING: 0px;
	padding : 2px;
	margin:0px;
}

textarea {
	color:#333333;
	font-size:9pt;
	line-height: 14pt;
	LETTER-SPACING: 0px;
	padding : 5px;
	margin:0px;
}

.login_style01{
	color:#2c231c;
	font-size:12px;
}
.login_style02{
	color:#435403;
}
.login_style03{
	font-weight:bold;
	color:#ff2a00;
}


img {border:0px;}


.dotline_1 {
		border-bottom-style:dashed;
		border-bottom-width:1px;
		border-bottom-color:#e6e3de;
		padding-top:0.8em;
		padding-right:0.8em;
		}

A:active, A:link, A:visited {font-family: "돋움", "돋움체", dotum ;   color: #666666; text-decoration:none;}
A:hover {font-family: "돋움", "돋움체", dotum ;  color: #d51216; text-decoration:underline; font-weight:normal;}

.fsz8, .fsz8 A:active, .fsz8 A:link, .fsz8 A:visited, .fsz8 A:hover{ font-size:8pt; color:#6f6f6f; font-weight:normal; text-decoration:none; font-family: "돋움", "돋움체", dotum ;}

ul li { list-style-type: none; margin: 0; padding: 0;}

/* 이 윗부분까지는 일반적인 페이지 설정입니다.*/


/*---- 폼스타일적용-----*/
.form {	font-family: "돋움", "돋움체", dotum ; FONT-SIZE: 9pt; MARGIN: 0px; PADDING: 0px; color: #6f6f6f;}

/* 달력 */
.calendar_head { color:#FFFFFF;FONT-SIZE: 12pt; font-weight:bold;}
.calendar_num { FONT-SIZE: 9pt; font-weight:bold;}
.calendar_body { FONT-SIZE: 8pt;}
A.calendar_body:active, A.calendar_body:link, A.calendar_body:visited { FONT-SIZE: 8pt; letter-spacing:-0.04em;}
A.calendar_body:hover { color:#993300;FONT-SIZE: 8pt; letter-spacing:-0.04em;}

.bbs_head {color:#7c7161; font-weight:bold;}
.bbs_headCenter {color:#7c7161; font-weight:bold; background:url(/kr/images/dunes/bbs_head_bg.gif) ;text-align:center}
.bbs_alignCenter {color:#7c7161; text-align:center}
.bbs_page_hit {color:#d51216; font-weight:bold;}

.font_s { FONT-SIZE: 8pt;}
.font_sw { color:#FFFFFF;FONT-SIZE: 8pt;}
.point_1 {color:#d51216}
.point_2 {color:#e78512}
.bottom { color:#213705;FONT-SIZE: 8pt; letter-spacing:-0.04em;}
A.bottom:active, A.bottom:link, A.bottom:visited { color:#213705; FONT-SIZE: 8pt; letter-spacing:-0.04em;}
A.bottom:hover { color:#9db380;FONT-SIZE: 8pt; letter-spacing:-0.04em;}

/*로그인*/
.log, A.log:active, A.bottom:link, A.bottom:visited { color:#213705; FONT-SIZE: 8pt; letter-spacing:-0.04em;}
A.log:hover { color:#9db380;FONT-SIZE: 8pt; letter-spacing:-0.04em;}

a, img, input, button { selector-dummy: expression(this.hideFocus=true) } /* 080721 이재학, 링크 점선 제거 */

/* 테이블 스타일*/
.ta_1	{border:0px solid #e7e3df}


/*---- 듄스 달력 TD 스타일 -----*/
.th_1 {font-weight:bold; height:31px; text-align:center;}
.th_1c {height:78px; text-align:center;}
.th_2 {color:#d51216; font-weight:bold; height:31px; text-align:center;}
.th_3 {color:#e78512; font-weight:bold; height:31px; text-align:center;}
.td_1 {color:#d51216; font-weight:bold; background:url(/kr/images/dunes/reser/table02_datebg.jpg);}
.td_2 {color:#d51216; font-weight:bold; background:url(/kr/images/dunes/reser/table02_weekbg.jpg);}
.td_bg {text-align:center; vertical-align:top; height:109px; background:url(/kr/images/dunes/reser/table01_bg01.jpg);}
.td_bgw {text-align:center; height:109px; background:url(/kr/images/dunes/reser/table01_bg01w.jpg);}
.td_t_w {text-align:center; height:32px; background:url(/kr/images/dunes/reser/table01_bg.jpg);}
.td_3g {background:url(/kr/images/dunes/reser/table01_gab01.jpg);}

.link {cursor:hand}

table.table1 td {border-right:1px white solid; border-bottom:1px white solid} /* 2013.06.19 ㅣ이재학, 크롬용 */
table.table1 td.wrb {border-right:1px white solid; border-bottom:1px white solid} /* 2013.06.19 ㅣ이재학, 크롬용 */
table.table1 td.rend {border-right:none}
table.table1 td.bend {border-bottom:none}

.dreser_box {border:2px solid #ddd; padding:10px; border-radius:6px; line-height:160%;}
.dreser_box b {color:#c80000;}
.dreser_info {margin-top:20px; border:2px solid #ddd; padding:10px; border-radius:6px; background:#f9e0e0;text-align:center;}
.dreser_info span {display:inline-block; text-align:center;border:2px solid #ddd; padding:10px 0px; border-radius:6px; background:#fff; font-weight:bold;color:#c80000;width:46%;margin-left:4px; margin-right:4px;}


/* gnb */
#header2 #idNav{ position:absolute; right:20px; top:46px; height:41px; width:616px; background:url(/kr/images_n/dunes/common/menu_off.png) no-repeat 0 0 }
#header2 #idNav ul,#header2 #idNav ol{ list-style:none; padding:0;margin:0; }
#header2 #idNav > ul > li{ position:relative; width:143px; float:left; }
#header2 #idNav > ul > li > a{ display:block;  height:40px; text-indent:-5000px; }
#header2 #idNav > ul > li.menu01 { width:127px;margin-left:15px; margin-right:4px; background-position:0 0}
#header2 #idNav > ul > li.menu02 { width:60px; margin-right:4px; background-position:0 0}
#header2 #idNav > ul > li.menu03 { width:60px; margin-right:11px;  background-position:0 0}
#header2 #idNav > ul > li.menu04 { width:77px; margin-right:8px; background-position:0 0}
#header2 #idNav > ul > li.menu05 { width:85px; margin-right:10px; background-position:0 0}
#header2 #idNav > ul > li.menu06 { width:72px; margin-right:0px;background-position:0 0}
#header2 #idNav > ul > li.menu07 { width:72px; background-position:0 0}
#header2 #idNav > ul > li > a:hover, #header2 #idNav > ul > li > a.on{ background:url(/kr/images_n/dunes/common/menu_on.png) no-repeat 0 5px}
#header2 #idNav > ul > li.menu01 > a:hover, #header2 #idNav > ul > li.menu01 > a.on {background-position:0 5px}
#header2 #idNav > ul > li.menu02 > a:hover, #header2 #idNav > ul > li.menu02 > a.on {background-position:-130px 5px}
#header2 #idNav > ul > li.menu03 > a:hover, #header2 #idNav > ul > li.menu03 > a.on {background-position:-194px 5px}
#header2 #idNav > ul > li.menu04 > a:hover, #header2 #idNav > ul > li.menu04 > a.on {background-position:-266px 5px}
#header2 #idNav > ul > li.menu05 > a:hover, #header2 #idNav > ul > li.menu05 > a.on {background-position:-350px 5px}
#header2 #idNav > ul > li.menu06 > a:hover, #header2 #idNav > ul > li.menu06 > a.on {background-position:-447px 5px}
#header2 #idNav > ul > li.menu07 > a:hover, #header2 #idNav > ul > li.menu07 > a.on {background-position:-520px 5px}
#header2 #idNav > ul > li div{ position:absolute; top:32px; overflow:hidden; background:url(/kr/images_n/dunes/common/menu_bg_l.png) no-repeat left top; display:none}
#header2 #idNav > ul > li div ul{overflow:hidden; height:30px; padding-top:8px; background:url(/kr/images_n/dunes/common/menu_bg_r.png) no-repeat right top;}
#header2 #idNav > ul > li div ul li{ float:left; padding:0 14px; border-left:1px solid #a7a7a7}
#header2 #idNav > ul > li div ul li:first-child{ border-left:0}
#header2 #idNav > ul > li div ul li a{ display:block; line-height:11px; height:11px;  font-size:11px; color:#ffffff}
#header2 #idNav > ul > li div ul li a.on { color:#515151 }
#header2 #idNav > ul > li.menu01 div{ left:-30px; width:266px; height:30px; }
#header2 #idNav > ul > li.menu02 div{ left:-30px; width:485px; height:30px; }
#header2 #idNav > ul > li.menu03 div{ left:-30px; width:180px; height:30px; background:none}
#header2 #idNav > ul > li.menu04 div{ left:-110px; width:435px; height:30px;}
#header2 #idNav > ul > li.menu05 div{ left:-30px; width:210px; height:30px; background:none }
#header2 #idNav > ul > li.menu06 div{ left:-150px; width:280px; height:30px; background:none }
#header2 #idNav > ul > li.menu07 div{ left:-250px; width:330px; height:30px;}
#header2 #idNav > ul > li.menu03 ul{ background:url(/kr/images_n/dunes/common/menu_bg.png) no-repeat left top; }
#header2 #idNav > ul > li.menu05 ul{ background:url(/kr/images_n/dunes/common/menu_bg2.png) no-repeat left top;}
#header2 #idNav > ul > li.menu06 ul{ background:url(/kr/images_n/dunes/common/menu_bg3.png) no-repeat left top;}