/* ##########========== COMMON CSS ==========########## */

* { padding: 0; margin: 0; }

body {
background-color:#ffffff;
font-family:"Dotum", "Gulim", "GulimChe"; font-size:11px;
}

div, ul, li, ol, dl, dt, dd, p, td, th, input, textarea, select {
font:normal 11px "Dotum", "Gulim", "GulimChe"; color:#8e8e8e; line-height:120%;
}


A:link	{font:normal 11px "Dotum", "Gulim", "GulimChe"; color:#7d7d7d; text-decoration:none; line-height:110%;}
A:visited	{font:normal 11px "Dotum", "Gulim", "GulimChe"; color:#333333; text-decoration:none; line-height:110%;}
A:hover		{font:normal 11px "Dotum", "Gulim", "GulimChe"; color:#333333; text-decoration:none; line-height:110%;} 
A:active	{font:normal 11px "Dotum", "Gulim", "GulimChe"; color:#333333; text-decoration:none; line-height:110%;}
A.td:hover { background-color:#e7f7f5;
}


a {selector-dummy:expression(this.hideFocus=true);}

img {border:none;}

/*font */

.text_size12 {font:normal 12px "Dotum", "Gulim", "GulimChe"; color:#939393;}
.text_size12_bold {font:bold 12px "Dotum", "Gulim", "GulimChe"; color:#939393;}
.text_point  {font-family:"Dotum", "Gulim", "GulimChe"; font-size:11px; color:#f68d10;}
.text_detail {font:normal 11px "Dotum", "Gulim", "GulimChe"; color:#464545; line-height:110%; }
.text_detail_title{font:bold 11px "Dotum", "Gulim", "GulimChe"; color:#464545; line-height:110%;padding-right:5px;}
.text_detail_title1{font:bold 12px "Dotum", "Gulim", "GulimChe"; color:#464545; line-height:120%;padding-right:5px;}


/* bullet */

.bul01 {
	vertical-align:middle;
	padding-right:10px;
	width:7px;
	height:5px;
}

.bul02 {
	vertical-align:middle;
	padding-right:5px;
	width:2px;
	height:2px;
}


.subTitle {
	padding-bottom: 20px;
}


/*font bold*/

.text_bold {
	font-weight:bold;
}

/*font align */
.text_left {
	text-align: left;
}
.text_center {
	text-align: center;
}
.text_right {
	text-align:right;
}



/* ########## INPUT ########## 
/* Input readonly 
INPUT.inputbox_readonly {
ime-mode:active;
font-family:"Dotum", "Gulim", "GulimChe";
font-size:11px;
color:#2b2b2b;
border:1px solid #ACC4E4;
background-color:#ECF3FB;
height:20px;
text-align:left;
vertical-align:top;
padding:1 2 0 2;
}
*/
/* Input  */
INPUT.inputbox {
ime-mode:active;
font-family:"Dotum", "Gulim", "GulimChe";
font-size:12px;
color:#2b2b2b;
border:1px solid #DCDCDC;
background-color:#ffffff;
height:15px;
text-align:left;
vertical-align:top;
padding:1 2 0 2;
}



/* form  */
INPUT.inputbox_form {
ime-mode:active;
font-family:"Dotum";
font-size:11px;
color:#454545;
border:1px solid #b4b4b4;
background-color:#ffffff;
height:15px;
text-align:left;
vertical-align:middle;
vertical-align:middle;
padding:0 2px 0 2px;
width:100%;
}

INPUT.inputbox_calendar {
ime-mode:active;
font-family:"Dotum";
font-size:11px;
color:#333333;
border:1px solid #8ca6c0;
background-color:#ffffff;
height:16px;
text-align:left;
vertical-align:middle;
padding:0 2px 0 2px;
width:100%;
}
	
}

/* SELECT */
SELECT.selectbox {
font-family:"Dotum", "Gulim", "GulimChe";
font-size:12px;
color:#2b2b2b;
height:17px;
background-color:#ffffff;
}
/* SELECT Disable */
SELECT.selectbox_off {
font-family:"Dotum", "Gulim", "GulimChe";
font-size:12px;
color:#2b2b2b;
height:17px;
background-color:#DCDCDC;
}

/*#################### Main ########################################*/


#wrapper { 
 margin: 0 auto;
 width: 100%;
 }



/*IMG ALIGN */
.img_left {
	float:left;
	text-align:left;
	list-style:none;
}
.img_right {
	float:right;
	text-align:right;
	list-style:none;	
}
.img_center {
	text-align:center;
	list-style:none;
}


/*IMG MARGIN */
.img_margin_left_10 {
	margin-left: 10px;
}
.img_margin_left_20 {
	margin-left: 20px;
}
.img_margin_top_20{
	margin-top:20px;
}


#popup_free {
	background-color:#dadada;
	padding:10px;
	width:500px;
	height:600px;
}
#popup_free1 {
	background-color:#dadada;
	padding:10px;
	width:500px;
	height:100%;
}
#popup_free2 {
	background-color:#dadada;
	padding:10px;
	width:690px;
	height:530px;
}
#popup_free3 {
	background-color:#dadada;
	padding:10px;
	width:500px;
	height:90%;
	
}

#popup_free_contents {
	background-color:#fff;
	border: 1px solid #b9b9b9;
	width:100%;
	height:100%;
	list-style:none;
}
#popup_free_contents1 {
	background-color:#fff;
	border: 1px solid #b9b9b9;
	width:500px;
	height:70%;
	list-style:none;
}

.titleA {
	list-style:none;
	height:70px;
	
}
	
.title {
	padding:25px 0 0 10px;
	float:left;
	width:50%;
	list-style:none;
}

.textA {
	clear:both;
	text-align:left;
	padding:10px;
}

/* Form popup */

#form {
	border-collapse:collapse;
	background-color: #fff;
	width:460px;
	text-align:center;
	margin: 0 20px 0px 20px;
}


#form tr {	
	background-color: #fff;
}


.topLine {
	border-top: 2px solid #699d0f;
	height:2px;
	width:100%; 
	padding:0; 
	margin:0;
}

.bottomLine {
	border-bottom: 2px solid #699d0f;
	height:2px;
	width:100%; 
	padding:0; 
	margin:0;
}

#form td {	
	height:27px;	
}

#form td.left {
	width:30%;
	text-align:center;
	vertical-align:middle;
	background-color: #e7e7e7;
	border: 1px solid #fff;
	border-left:none;
	color:#5a7c46;
	font-weight:bold;
}

#form td.right {	
	text-align:left;
	vertical-align:middle;	
	padding: 0 2px 0 2px;
	border-bottom: 1px solid #dedede;
}

#formAD {
	padding:0;
	margin:0;
	width:90%;
}
#formAD td {
	height:20px;
	padding:0;	
}

#formAD td.rightP {
	clear:both;
	padding:0;
	margin:0;
}


.formBtn {
	text-align:center;
	list-style:none;
	padding:0;
	margin:0;
}

/*ÇʼöÀÔ·Â font color */
.req {
	font:normal 11px "Dotum", "Gulim", "GulimChe"; color:#f83636;
}

/*¿ìÆí¹øÈ£ ã±â*/

#popup_search {
	background-color:#ffffff;
	width:350px;
	border: 1px solid #b9b9b9;
}

.search_titleA {
	clear:both;
	width:100%;
	background-color: #ebebeb;
	border-bottom: 1px solid #fff;	
	text-align:left;	
	list-style:none;
}

.search_title {
	height:25px;
	font:bold 12px "Dotum", "Gulim", "GulimChe"; color:#3d3d3d;
	list-style:none;	
	vertical-align:middle;
	padding-left:10px;
	padding-top:15px;
}

#searchBox {
	width:90%;
	text-align:left;
	padding: 20px 10px 10px 20px;
}
#searchBox tr {
}

#searchBox td {
	height:27px;
}

.textG {
	font:normal 11px "Dotum", "Gulim", "GulimChe"; color:#5a7c46;
}

.textB {
	font:normal 11px "Dotum", "Gulim", "GulimChe"; color:#333333;
	text-align:center;
}

#confirm{	
	padding: 35px 85px 20px 85px;
	text-align:center;
}

.confirm_text {
	text-align:left;
	font:normal 12px "Dotum", "Gulim", "GulimChe"; color:#808080; line-height:160%;
	padding-left: 15px;
}

.confirmBox {
	width: 415px;
	height:87px;
	text-align:left;
	background-color:#f2f2f2;
	border: 1px solid #d1d1d1;
	padding: 10px;
	color: #333333;
	vertical-align:top;
}


#popup_calendar {
	background-color:#dadada;
	padding:10px;
	width:600px;
	height:100%;
}
#popup_calendar1 {
	background-color:#dadada;
	padding:10px;
	width:630px;
	height:100%;
}


/* Form popup */

#form_calendar {
	border-collapse:collapse;
	background-color: #fff;
	width:568px;
	text-align:center;
	margin: 0 17px 0px 17px;
	display : inline;
}


#form_calendar tr {	
	background-color: #fff;
}


.calendar_topLine {
	border-top: 2px solid #0078c1;
	height:2px;
	width:100%; 
	padding:0; 
	margin:0;
}

.calendar_bottomLine {
	border-bottom: 2px solid #0078c1;
	height:2px;
	width:100%; 
	padding:0; 
	margin:0;
}

#form_calendar th {
	border: 1px solid #c9d7e0;
	padding: 10px;
	background-color: #f4f9ff;
	font:bold 11px "Dotum"; color:#0078c1;
}


#form_calendar td {	
	width:75px;
	height:40px;	
}

#form_calendar td.left {
	width:80px;
	text-align:center;
	vertical-align:middle;
	background-color: #f2f2f2;
	border: 1px solid #d7d7d7;
	color:#4e4e4e;
	font:normal 11px "Dotum", "Gulim", "GulimChe";
	color:#4e4e4e;
}

#form_calendar td.right {
	text-align:center;
	vertical-align:middle;	
	padding: 0 2px 0 2px;
	border-bottom: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;	
	color: #333333;
}
.reservation {
	width:518px;
	margin: 10px 17px 0px 16px;
	padding: 0px 25px 0px 25px;
	border: 1px solid #b6c0c6;
	background-color: #f4f9ff;
}

#form_reservation {
	width:100%	
	display : inline;
	margin: 15px 0 15px 0;
	
	
}
#form_reservation1 {
	width:100%;
        height:580px;	
	display : inline;
	margin: 0px 0px 0px 5px;

}
#form_reservation1 td {
	color:#333333;
	height: 25px;
}

#form_reservation td {
	color:#333333;
	height: 27px;
}

.formBtn {
	text-align:center;
	list-style:none;
	padding-top: 10px;
	margin:0;
}
	
/* board search */
#boxBoard {	
	margin:25px 0 15px 20px;
	padding: 0;
	width:455px;
	height:45px;
}
#boxBoard tr{
	padding:0;
	margin:0;
}

#boxBoard td{
	display:inline;
	background-color:#f4f4f4;
	padding:0;
	margin:0;
}
	
#boxBoard td.boxBoard_up_left    {background:url(../images/boxBoard_up_left.gif); width:6px; height:6px;padding:0; margin:0;}
#boxBoard td.boxBoard_up_right	 {background:url(../images/boxBoard_up_right.gif); width:6px; height:6px;padding:0; margin:0;}
#boxBoard td.boxBoard_down_left  {background:url(../images/boxBoard_down_left.gif); width:6px; height:6px;padding:0; margin:0;}
#boxBoard td.boxBoard_down_right {background:url(../images/boxBoard_down_right.gif); width:6px; height:6px;padding:0; margin:0;}
#boxBoard td.boxBoard_up	{background:url(../images/boxBoard_up.gif); width:450px; height:6px;padding:0; margin:0;}
#boxBoard td.boxBoard_down  {background:url(../images/boxBoard_down.gif); width:450px; height:6px;padding:0; margin:0;}
#boxBoard td.boxBoard_left  {background:url(../images/boxBoard_left.gif); width:6px; height:33px;padding:0; margin:0;float:left;}
#boxBoard td.boxBoard_right {background:url(../images/boxBoard_right.gif); width:6px; height:33px;padding:0; margin:0;float:right;}