@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

body {	
	font-size: 12px;
	color: #666666;
	background: #ffffff;
	margin:0px;
	padding:0px;
	font-family: 'Noto Sans KR',Tahoma, Geneva, sans-serif;
}
a, a:visited, a:link{text-decoration:none; color:#C00;}
a:hover {text-decoration:none; color:#00F;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; }
h2{ border-bottom: 1px solid #ddd; margin-top:20px; margin-bottom:20px; color:#A00; 	font-family:'Noto Sans KR',"Malgun Gothic", "Gothic","Dotum"; }	
h3{color:#000; 	font-family: 'Noto Sans KR',"Malgun Gothic", "Gothic","Dotum"; }	
strong {color:#922;	font-family: 'Noto Sans KR',"Malgun Gothic", "Gothic","Dotum";  }


#box { width:1000px; margin-left:auto;margin-right:auto;}

#top {height:40px;background:url(../image/footer_background.gif); }
#top #box #nav {float:right;}
#top a {float:left; margin-right:50px; margin-top:15px; font-size:12px; color:#FFF;}
#top a:hover {color:#CCC;}

#header { height: 300px; background:url(../image/header_background.jpg) }
#header-sub { height: 100px; background:url(../image/header_background.jpg) }
#slogan { height:100px;}

#content { background-color:#ffffff; padding:10px;}
	
#content #col1{ float:left; width:200px; margin-left:40px;}
#content #col2{ 
	float:left; 
	/* width:430px; */
	width: 660px;
	height:500px; 
	margin-left:20px; margin-top:10px; margin-bottom:20px;
	background-color:#F2F2F2;	
	border:1px solid #DDD;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;	
	padding:20px;
	
}

#content #col3{ 
	float:left; width:175px; height:500px; margin-left:10px; margin-top:10px;margin-bottom:20px;
	background-color:#FAFAF2;	
	border:1px solid #DDD;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;	
	padding:20px;
	display:none;
}

#content-sub { background-color:#EEE; padding:20px; }
#content-sub #box{
	
	background-color:#FFF;
	border:1px solid #DDD;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;	
	padding:40px;
	line-height: 200%;
	
	width:900px; 
	}

#content-sub input, textarea{ border:2px solid #CCC; font-size:14px; font-weight:bold; padding:5px;}
#content-sub label { font-size:14px; font-weight:bold; color:#666; font-family: 'Noto Sans KR',"Malgun Gothic", "Gothic","Dotum"; }
#content-sub label strong {color:#A30;}
#content-sub #tab_member img{border:1px solid #003; border-top: 2px solid #03F;}
#content-sub #tab_contribution img{border:1px solid #003; border-top: 2px solid #03F;}
#content-sub #tab_account img{border:1px solid #003; border-top: 2px solid #03F;}
#content-sub h3 {margin-top:0px;}



#footer {
	clear: both;
	border-top: 2px solid #CCCCCC;
	padding: 13px 25px;
	line-height: 18px;
	background:url(../image/footer_background.gif);
	height:200px;
	font-size:11px;
	
	
}	

#footer #registered{float:left;}

#footer #altnav {
	width: 500px;
	float: right;
	text-align: right;
}
#footer #copyright{
	float:right;
}

#footer a, a:visited, a:link{text-decoration:none; color:#CCC;}
#footer a:hover {text-decoration:none; color:#FFF;}

#slideshow_nav { z-index: 50; position: relative;  text-align:right; margin-top:-20px; }
#slideshow_nav a { margin: 0 5px; padding: 3px 5px; border: 1px solid #ccc; background: #036; text-decoration: none; font-weight:bold; color:#FFF; 
-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-bottom-left-radius: 4px 4px;	}
#slideshow_nav a.activeSlide { background: #fff ;color:#00F;}
#slideshow_nav a:focus { outline: none; }








/* --------------------------------- PRICE --------------------------------- */
table#price-chart { padding:0; margin:0 0 25px 0; border-collapse:collapse; }

table#price-chart th.heading { width: 198px ;}

table#price-chart th,table#price-chart td  { border-right: 1px solid #FFF; text-align:center;  }
table#price-chart td{ padding:10px;}

td.unlimited .special { font-weight: bold; color: #070; }

table#price-chart .even td { background: #e6e6e6;}

table#price-chart .odd .table-col-0 { background: #e4f0d5;}
table#price-chart .odd .table-col-1 { background: #d8ebd3 ;  }
table#price-chart .odd .table-col-2 { background: #d3e5ec; }
table#price-chart .odd .table-col-3 { background: #daeefb ;}

table#price-chart .even .table-col-0 { background: #cbe1ab; }
table#price-chart .even .table-col-1 { background: #b1d7a7 ; }
table#price-chart .even .table-col-2 { background: #a9cdd9;  }
table#price-chart .even .table-col-3 { background: #b5ddf7; }
 
/*----------------------------------- HIGHLIGHT ------------------------------------ */
.highlight-box { border:1px solid #e0bb3e; background:#fffcd7; margin: 0 0 25px 0; padding:10px; } /* yellow box on sign up */
.highlight-box-header {margin-top:10px; margin-bottom:10px; text-align:center; color:#000; font-size:24px}
.highlight-box p { margin:0 0 5px 0 ; font-size:16px; text-align:center}




#group_list_box #title{
	font-size:18px;
	font-family: 'Noto Sans KR',"Malgun Gothic", "Gothic","Dotum",Tahoma, Geneva, sans-serif;; font-weight:bold;
	font-weight:bold;
	color:#fff;
	background:#069;
	padding:10px;
	margin-bottom:30px;
	width:400px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
}

#group_item{
	width:270px;
	height:100px;
	float:left;
	font-size:14px;
	text-align:left;
	margin:10px;
}

#group_item #name{
	font-weight:bold;
	color:#069;
}

#group_item #name_eng{
	font-weight:bold;
	color:#333;
	font-size:11px;
}

#group_item #street{
	font-size:11px;
}

#group_item #city{
	font-size:11px;
}


#forum_box{ 
	background-color:#F9F9F9;
	border:1px solid #DDD;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;	
	padding:10px;
}

#forum_box ul li a { color:#1ca3dc; line-height:200%; font-size:13px; font-weight:bold; 	font-family:'Noto Sans KR',"Malgun Gothic", "Gothic","Dotum"; }
#forum_box ul li a:hover { color:#555; }
#forum_box ul {list-style:url(../image/bullet.png)}
.forum_view { background-color:#FFF; 
	border:1px solid #DDD;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;	
	padding:30px; 
	margin-bottom:50px;
	}