@CHARSET "EUC-KR";

/* Layout */
.Wrapper{
	margin:0 auto;
	position:relative;/*width:100%;*/
	min-width:320px;
	max-width:640px;
}

.shape{

}


/*Çì´õ¿µ¿ª ½ÃÀÛ*/
header{
	width:100%;
	margin-bottom:5px;
	position:relative;

}

nav{ clear:both; }
nav ul{ font-size:0px; }
nav ul li{ display:inline; }

.home_icon{ 
	position:absolute;top:10px;left:5px;
}

.sub_logo{
	display:block;
	text-align:center;
	padding-top:5px;
}

.back_icon{
	position:absolute;top:10px;right:5px;
}

.sns_icon{
	position:absolute;top:10px;right:66.5px;
}

/*Çì´õ¿µ¿ª ³¡*/



/* ¼¾ÅÍ¿µ¿ª ½ÃÀÛ*/
article{ 
	width:100%;
	min-height:
	margin:0 auto;
	letter-spacing:-1px;
}

section{
	width:96%;
	padding:5% 2%;
	text-align:left;
}



.depth{ text-align:right; margin-bottom:5px; }




/* ¼¾ÅÍ ¿µ¿ª ³¡ */


/* ÇªÅÍ ¿µ¿ª ½ÃÀÛ */
footer{ 
	width:100%; 
	clear:both;
	border-top:3px solid #000;
	padding:10px 0 0 0;
}

.f_left{ 
	width:46%;
	float:left; 
	padding:4% 2%;
	}

.f_right{
	width:46%;
	float:right; 
	padding:4% 2%;
	}

.copyright{
	clear:both;
	background:#000;
	color:#fff;
	font-size:0.7em;
	margin-top:10px;
	padding:1% 0;
	color:#b4b5b5;
}

/* ÇªÅÍ ¿µ¿ª ³¡ */



/* ÀÌº¥Æ® */

.bold_line{
	border:0px;
	border-top:2px solid #000;
}

.event_list{ 
	width:100%;
	margin:2% 0;
}

.list_img{ 
	display:inline-block;
	width:120px;
	vertical-align:top;
	height:76px;
	overflow:hidden;
	}

.list_text{ 
	display:inline-block;
	
	}

.list_title{ font-weight:bold; font-size:1.0em; line-height:2.0em; }

.list_data{ font-size:0.8em; color:#bbb; }

.clear{ clear:both; }

.dotted{ border-top:1px dotted #ccc; width:100%; height:4px;}


/* Æ÷Æ®Æú¸®¿À _ ºä */

.video_view{
	border-top:2px solid #000;
}

.video_view table{ width:100%;font-size:0.9em; }


.video_view table th{ 
	border-bottom:1px solid #ccc;
	background:#e5e5e5; 
	text-align:center;  
	width:20%;
	padding:5px 0;
	font-weight:normal;
	}

.video_view table td{ 
	border-bottom:1px solid #ccc;
	width:76%;
	padding:5px;
	}

.video_view{ text-align:left;}

.button_center{ text-align:center; }
.button{ text-align:center; }



/* °¶·¯¸® */

.gallery{ 
	width:100%; 
	border-top:2px solid #000; 
	padding:2% 0;
	clear:both;  text-align:left; 
	}


.dotted{ width:98%; border:0px; border-bottom:1px dotted #ccc; }

.gallery ul{ padding-left:1%; }

.gallery ul li{ 
	width:28%;
	padding:2%;
	display:inline-block; 
	}

.gallery ul li img{ width:100%; }







/* °Ô½ÃÆÇ */

.notice table{ width:100%; text-align:center; }

.notice table thead{}
.notice table thead th{ 
	padding:10px 0;
	border-top:2px solid #000;
	border-bottom:1px solid #000;
	}

.notice table tbody{ font-size:0.8em; }
.notice table tbody td{
	padding:10px 3px;
	border-bottom:1px solid #aaa;
}

.form_title{ text-align:left; }


.paging{ clear:both; text-align:center; }

.paging ul li{ display:inline-block; margin:0px 1px; 	background::#625faa;}

.paging ul li a{ 
	padding:2px 8px;
	border:1px solid #ccc;
	color:#5d5d5d;
	text-align:center;
	display:inline-block; 
}


.paging ul li a:hover{
	padding:2px 8px;
	border:1px solid #ccc;
	color:#5d5d5d;
}

.selected a{
	font-weight:bold;


}


/* ºä */

.notice_view{
	border-top:2px solid #000;
}

.notice_view table{ width:100%; font-size:0.9em; }


.notice_view table th{ 
	border-bottom:1px solid #ccc;
	background:#e5e5e5; 
	text-align:center;  
	font-weight:normal;
	width:15%;
	padding:0 1%;
	}

.notice_view table td{ 
	border-bottom:1px solid #ccc;
	padding:10px; 
	
	}

.notice_view img { width:100%; height:auto; }
.notice_title{ text-align:left;}

.button{
	clear:both;
	float:right;
}



/* »ó´ã¹®ÀÇ _ ±Û¾²±â */

.Support_write{
	border-top:2px solid #000;
}

.Support_write table{ width:100%; }


.Support_write table th{ 
	border-bottom:1px solid #ccc;
	background:#e5e5e5; 
	text-align:center;  
	width:25%;
	padding:0 1%;
	font-weight:normal;
	}

.Support_write table td{ 
	border-bottom:1px solid #ccc;
	width:70%;
	padding:2% 1%;
	font-size:0.9em;
	}

.Support_write table td input{ 
	width:96%; 
	border:1px solid #ccc; 
	-webkit-border-radius :5px; 
	padding:5px;
	}

.file{ 	
	float:right;
	display:inline-block;
	background:#ccc;
	border:1px solid #aaa;
	width:60px; height:25px;
	line-height:30px;
	text-align:center;
	-webkit-border-radius :5px; 

	}

.Support_write table td textarea{ 
	width:95%;
	resize:none;  
	border:1px solid #ccc; 
	-webkit-border-radius :5px; 
	padding:5px;
	}

.Support_write table td select{ 
	width:28%; 
	border:1px solid #ccc; 
	-webkit-border-radius :5px; 
	padding:5px;
	}


.Support_write table td select.select02{
	width:98%; 
}
.Support_write table td select.select1{
	width:32%; 
}
.Support_write table td select.select2{
	width:32%; 
}
.Support_write table td select.select3{
	width:32%; 
}

.Support_write table td input.phone{ width:24%; }


.Support_write table td .radio{ text-align:left; width:5%;}



/* »ó´ã¿¹¾à _ ºñ¹Ð¹øÈ£ */

.password{ width:100%; }

.password ul{
	margin-top:5px;
	border-top:2px solid #000;
	padding:3px 0;
	border-bottom:1px solid #ccc;
}

.password ul li{ 
	display:inline; 
	height:33px;
	}

.password ul li.password_title{ 
	display:inline-block;
	background:#aaa; 
	width:25%;
	padding:0 1%;
	color:#fff;
	line-height:27px;
	text-align:center;
	}

.password ul li input{ 
	border:1px solid #ccc; 
	-webkit-border-radius :5px; 
	width:66%;
	padding:2% 1%;
	padding:3px 5px;
}

.password .ok_button{ 
	text-align:center;
}



/* ¿¹¾à¿Ï·á */

.top_button{
	background:#000;
	color:#fff;
	padding:10px;
	margin:5px 0;
}

.top_button a:hover{
	text-decoration:underline;
}

.finish{
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	text-align:center;
	padding:40px 0;
	font-size:1.0em;
	line-height:1.5em;
	background:#f4f4f4;
}

/* ¿¹¾àÀÚ ¸®½ºÆ® */

.directory{ width:100%; }

.directory table{  
	width:100%; 
	border-top:2px solid #000; 
	text-align:center;  
	}

.directory table th{ padding:10px 0; background:#e5e5e5;  font-weight:normal; }
.directory table th.name{ width:22%; }
.directory table .time{ width:54%; border-left:1px solid #ccc; border-right:1px solid #ccc; }
.directory table th.progress{ width:22%; }
.directory table td{ padding:5px 0; border-bottom:1px dotted #ccc;   }

















/* ÆùÆ® */
.f_01{ font-size:0.8em;}

.f_02{ color:#f86f00; }


/* ¹öÆ° */

.b_01{
	display:inline-block;
	width:120px;
	background:#000;
	color:#fff;
	padding:5px 0;
	font-size:0.9em;
}


.b_01_gray{
	display:inline-block;
	width:120px;
	background:#888;
	color:#fff;
	padding:5px 0;
	font-size:0.9em;
}


.b_02{
	display:inline-block;
	width:50px;
	background:#000;
	border:1px solid #000;
	color:#fff;
	padding:2px 0;
	font-size:0.6em;
	letter-spacing:0px;
	text-align:center;
}

.b_02_2{
	display:inline-block;
	width:25px;
	background:#000;
	border:1px solid #000;
	color:#fff;
	padding:2px 0;
	font-size:0.6em;
	letter-spacing:0px;
	text-align:center;
}



.b_03{
	display:inline-block;
	width:50px;
	background:#fff;
	border:1px solid #000;
	color:#000;
	padding:2px 0;
	font-size:0.6em;
	letter-spacing:0px;
	text-align:center;
}