/* Portfolio Filter Stylesheet */

/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
/* font import */
/*****Basic Definitions*****/
h1 { 
	font-size: 2.8em;  line-height: 2.5em;
	font-family: 'Godo', sans-serif;
}
h2 { 
	font-size: 2.0em; 
	line-height: 2.2em;
	font-family: 'Godo', sans-serif;
}
h3 { 
	font-size: 1.3em;  
	line-height: 1.8em;
	font-family: 'Godo', sans-serif;
}
h4 { 
	font-size: 1.2em;  
	line-height: 1.5em;
	font-family: 'Godo', sans-serif;
}
h5, h6 { 
	font-size: 1em; 
	font-family: 'Godo', sans-serif;
}

a { 
	color: #333; 
}
a:visited { }
a:hover { 
	text-decoration: none; 
}
p, ul, ol, dl, table { margin-bottom: 0px; }
ul, ol, dd { margin-left: 0px; }
img { border: 0;}

body{
	background: #f7f7f8;
}
/*****Custom Classes*****/
.clearing { clear: both; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }

/*****Basic Layout*****/
#top_area{
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px solid #cdcdcd;
	color: #e5e5e5;
	z-index: 10;
	position:fixed;
	top: 0px;
	background: #fff;
}
#top_noti{
	display: inline-block;
	width: 100%;
	background: #3ec0ce;
}

#top_noti_con{
	clear: both;
	text-align: center; 
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 30px;
}
#top_noti_con_txt{
	float: left;
	display: inline-block;
	width: 750px;
	font-size: 11px;
	text-align: left;
	color: #fff;
}
#top_menu_area{
	float: left;
	display: inline-block;
	width: 250px;
	font-size: 11px;
	text-align: right;
	color: #fff
}
#top_menu_area a{
	font-size: 11px;
	color: #fff;
}
#top_con{
	clear: both;
	text-align: center; 
	width: 1000px;
	height: 27px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 20px;
}
#top_con a{
	cursor: pointer;
}

#top_logo{
	float: left;
	width: 230px;
}
#top_logo_img{
	float: left;
	max-width: 215px;
}
#top_main_menu_area{
	float: left;
	width: 770px;
}
#top_main_menu{
	text-align: left; 
	width: 100%;
	margin-top: 5px;
	margin-bottom: 10px;
}
#top_main_menu a{
	font-size: 18px;
 	font-family: 'Godo', sans-serif;
 	font-weight: 250;
 	color: #6e6e6e;
}

#container {
	/*overflow: hidden; 
	z-index: 5;
	position:absolute;*/
	margin-top: 95px;
	width: 100%; 
}
#con{
	float: left;
	text-align: center;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	background: #f7f7f8;
}
#con2{
	float: left;
	text-align: center;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 30px;
	background: #f7f7f8;
}
#con_main{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#con_main2{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

#main_slider{
	float: left;
	background : url('/img/sgsg/main_top_banner_bg.jpg') no-repeat center top;
	background-size: 1200px 300px;
	width: 100%;
	height: 280px;
	border: 1px solid #d5d5d5;
	border-radius: 5px;
}
#main_slider_con{
	float: left;
	padding: 20px;
	width: 500px;
	background: #fff;
}
.nv_bt{
	background: #6f43cc;
	color: #fff;
	border: 0px;
	border-radius: 3px;
	padding: 10px;
	cursor: pointer;
}
.nv_bt:hover{
	font-weight: bold;
}
#main_slider_menu a{
	font-size: 14px;
 	font-weight: 250;
 	font-family: 'Godo', sans-serif;
}

#sub_top_banner{
	float: left;
	background : url('/img/sgsg/main_top_banner_bg.jpg') no-repeat center top;
	width: 100%;
	border: 1px solid #d5d5d5;
	border-radius: 5px;
}
#sub_top_banner_con{
	float: left;
	padding: 20px;
	width: 500px;
}


#sub_top_welcome_con{
	float: left;
	margin: 5%;
	width: 90%;
	background: #fff;
	text-align: center;
}

#main_con_left{
	width: 300px;
	margin-top: 30px;
	margin-right: 20px;
	float: left;
}
#main_con_right{
	margin-top: 30px;
	width: 680px;
	float: left;
}
.main_con_left_w{
	width: 300px;
}

.main_con_right_w{
	width: 680px;
}

#sub_con_left_detail{
	float: left;
	margin-top: 30px;
	width: 680px;
	margin-right: 20px;
}
#sub_con_right_detail{
	float: left;
	width: 300px;
	margin-top: 30px;
}
.sub_con_left_w{
	width: 680px;
}

.sub_con_right_w{
	width: 300px;
}

#sub_top_menu{
	font-size: 18px;
	color: #ceeeeb;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#sub_top_menu a{
	font-size: 18px;
	color: #ffffff;
}
.list_search_area{
	background: #37bc9b;
	border-radius: 3px;
	padding: 10px;
	margin-bottom: 20px;
}
.list_search_area select{
	padding: 5px;
	border-radius: 5px;
}
.list_search_area_gray{
	background: #efefef;
	border-radius: 3px;
	padding: 10px;
	margin-bottom: 20px;
}
.subtitle_mint_gr{
	border-radius: 3px;
	background : #37bc9b;
	text-align: center;
	color: #fff;
	padding: 10px;
	margin-bottom: 10px;
}

.subtitle_mint_gr a{
	color: #fff;

}


.con_outline{
	float: left;
	padding : 20px;
	border: 1px solid #cdcdcd;
	background: #fff;
	margin-bottom: 30px;
	border-radius: 3px;
}
.con_outline ol, .con_outline ul{
	margin-left: 20px;
}
.main_con_title{
	color: #717171;
 	font-weight: 700;
 	font-family: 'Nanum Gothic';
 	margin-bottom: 10px;
}
.donate_con_list{
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
.donate_con_color_area{
	float: left;
	width: 140px;
	padding: 15px;
	padding-top: 35px;
	padding-bottom: 35px;
	background: #4ac0cc;
	text-align: center;
	color: #009eb4;
 	font-weight: 350;
 	font-family: 'Nanum Gothic';
 	font-size: 20px;
 	line-height: 25px;
}
.donate_con_color_area_h{
	width: 100%;
 	font-size: 20px;
 	line-height: 30px;
 	font-weight: bold; 
	text-align: center;
 	color: #fff;
 	padding-bottom: 5px;
}
.donate_con_color_area_h_money{
	width: 100%;
 	font-size: 29px;
 	line-height: 30px;
 	font-weight: bold; 
	text-align: center;
 	color: #fff;
 	padding-bottom: 10px;
}
.donate_success{
	background: #009eb4;
	color: #4ac0cc;
}
.donate_con_txt_area, .swoker_con_txt_area{
	float: left;
	margin-left: 15px;
	width: 483px;
	padding-top: 10px;
}
.donate_con_txt_area_detail, .swoker_con_txt_area_detail{
	font-size: 12px;
	line-height: 17px;
	margin-top: 5px;
}
.team_con_txt_area{
	float: left;
	margin-left: 15px;
	width: 483px;
	padding-top: 0px;
}
.team_con_txt_area_detail{
	font-size: 12px;
	line-height: 17px;
	margin-top: 5px;

}
.team_sub_event_menu{
	width: 100%;
	border-bottom: 1px solid #cdcdcd;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-weight: bold;

 	font-weight: 800;
 	font-family: 'Nanum Gothic';
 	font-size: 15px;
 	line-height: 25px;
}
.con_detail_h3{
	color:  #079db6;
}
.swoker_con_list{
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
.swoker_con_color_area{
	float: left;
	width: 140px;
	padding: 15px;
	padding-top: 30px;
	padding-bottom: 30px;
	background: #8b73b3;
	text-align: center;
	color: #009eb4;
 	font-weight: 350;
 	font-family: 'Nanum Gothic';
 	font-size: 20px;
 	line-height: 25px;
}
.swoker_con_color_area_h{
	width: 100%;
 	font-size: 30px;
 	line-height: 35px;
 	font-weight: bold; 
	text-align: center;
 	color: #fff;
 	padding-bottom: 10px;
}

.tag_area{
	width:100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.main_mail_list{
	width: 100%;
}
.main_mail_con{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cdcdcd;
}
.submenu_list{
	width: 100%;
}
.submenu_list hr{
	margin-top: 10px;
	margin-bottom: 10px;
}
.submenu_list_con{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cdcdcd;
  	font-family: 'Nanum Gothic';
	font-weight: normal;
}
.donate_step_back{
	width:100%;
	text-align: left; 
	margin-top: 10px; 
	border-top: 1px solid #cdcdcd; 
	padding-top: 10px;
}
/*하단 영역*/
#con_main_bottom{
	float: left;
	text-align: center;
	width: 100%;
	padding-top: 30px; 	
	padding-bottom: 30px;
	background: #fff;
	border-top: 1px solid #cdcdcd;
}
#cmb_con{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#cmb_con1{
	float: left;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
}
.date_st{
	color: #8f8f8f;
	font-size: 11px;
}
#bottom_area{
	float: left;
	text-align: center;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	background: #313030;
}
#bottom_con{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	color: #e5e5e5;
}
/*sub page*/
#sub_top{
	float: left;
	background : #fff;
	background-repeat: no-repeat;
	background-position: 100% 0%;
	width: 100%;
	border: 1px solid #d5d5d5;
	border-radius: 5px;
}
#sub_top_con{
	float: left;
	padding: 20px;
	margin-bottom: 10px;
	background: #fff;
}
#sub_navigator{
	width: 100%;
	float: left;
	text-align: right;
	margin-top: 10px;
}
#sub_navigator2{
	width: 100%;
	float: left;
	text-align: right;
}
#sub_con_area{
	margin-top: 10px;
	width: 100%;
	background : #fff;
	border: 1px solid #d5d5d5;
	border-radius: 5px;
	float: left;
}
#sub_con_zone{
	float: left;
	width: 960px;
	padding: 20px;
}
#sub_con_zone2{
	float: left;
	width: 100%;
	padding: 20px;
}
.inno_table{
	width: 100%;
	border: 0px;
	border-top: 1px solid #313030;
	border-collapse: collapse;
}
.inno_table th{
	font-weight: bold;
	border: 0px;
	border-bottom: 1px solid #313030;
	padding: 10px;
}
.inno_table td{
	font-weight: bold;
	border: 0px;
	border-bottom: 1px solid #e5e5e5;
	padding: 10px;
}
.inno_table_last_tr td{
	font-weight: bold;
	border: 0px;
	border-bottom: 1px solid #313030;
	padding: 10px;
}
.inno_table .price_td{
	text-align: right;
}
.inno_table table tr td{
	padding: 5px;
}
.com_img{
	max-width: 140px;
}
.com_img_area{
	float: left;
	width: 140px;
	padding: 0px;
	text-align: center;
}
.gray_area{
	padding: 10px;
	background: #f7f7f8;
}
.result_area{
	float: left;
	border-top:1px solid #cdcdcd;
	margin-top: 20px;
	padding-top: 10px;
}
.inno_checkbox{
	background: #fff;
	border:1px solid #cdcdcd;
	margin-top: 5px;
}
.total_tr td{
	background: #434a54;
	color: #fff;
}
#login_area{
	margin-left: 50px;
	font-size: 14px;
 	font-weight: 250;
 	font-family: 'Godo', sans-serif;
}
#sub_con_area select{
	padding: 5px;
	width: 100%;
	border:1px solid #cdcdcd;
	color: #8d8d8d;
}
#sub_con_area input{
	color: #8d8d8d;
	padding: 5px;
}
#search_result_table tr td{
	text-align: center;
}
#addr_2, #addr_3{
	display: none;
}
.div_alert{
  border: 1px solid #e85757;
  width: 96%;
  margin-top: 15px;
  padding: 2%;
}
.donate_title{
	font-size: 20px;
	line-height: 35px;
}
.donate_title a{
	font-size: 20px;
	line-height: 35px;
	font-weight: bold;
}