body{
	margin: 0px;
	padding: 0px;
}

div#container {
	width: 100%;
}
/*****intro 시작*****/
#top_area{
	display: block;
	width: 100%;
	/*background:url("/img/bg_main.jpg");*/
	background-color:#efefef;
	text-align: center;
	border-bottom: 1px solid #cdcdcd;
	/*background:url("../img/menu_bg.jpg")repeat-y;*/
}
#list_area{
	text-align: left;	
}
#con{
	clear: both;
	width: 100%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
#logo_area{
	width: 100%;
	text-align: center;
	background-color:#efefef;
}
#logo_area_con{
	margin-left: auto;
	margin-right: auto;
	min-width: 280px;
	text-align: center;
}
#service_intro{
	width: 100%;
	height: 60px;
	text-align: center;
	background: #efefef;	
	overflow-y : hidden;
}
#si_main{
	min-width: 280px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background:url("/img/introduce/top_right_bg.png") no-repeat right top;
}
#si_bt{
	width: 100%;
	text-align: center;
	background: #ffffff;
	display: none;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 10px solid #cdcdcd;
	cursor: pointer;
}
#con_area{
	width: 100%;
	text-align: center;
}
#bt_area{
	margin-top: 10px;
	width: 100%;
	text-align: right;
}
#con_main{
	min-width: 280px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: #ffffff;
	/*background:url("/img/bg_top_con.png")no-repeat;*/
}

#make_step{
	/*background-color: #cdcdcd;*/
	border-bottom: 1px solid #cdcdcd;
	text-align: center;
}
#team_mate_state, #team_state{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
#linked_url_now{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
#cate_div, #sdgs_area, #project_img{
	width: 300px;
	float: left;
}

#sdgs_area{
	margin-bottom: 15px;
}
.sdgs_img{
	padding: 5px;
	float: left;
}
#sdgs_area img{
	width: 80px;
}

#add_other_info{
	width: 300px;
	float: left;
	background: #efefef;
	padding: 10px;
}
#intro_con{
	font-size:11px;
	padding-top:10px;
	margin-top:10px;
	border-top: 1px solid #cdcdcd;
}
#intro_con h1{
	color: #34495e;
	margin-bottom: 20px;
}
#intro_con table{
	margin-top: 10px;
}
#intro_con td{
	padding-bottom: 30px;
}
.intro_num_td{
	background: url(/img/input_area_bg.jpg) repeat-y;
	width: 40px;
}
.num_img {
	width: 30px;
	margin-right: 10px;
	margin-top:1px;
}
/*code area 관련*/
#css_con{
	visibility: visible;
	height: 400px;
}
#edit_code_con_mobile{
	display: block;
}
#code_area{
	visibility: hidden;
	height: 0px;
}
#edit_code_con{
	display: none;
}
#code_top_area, #module_con{
	padding-left: 10px;
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid #cdcdcd;
}
#module_top_area{
	padding-left: 10px;
	padding-top: 10px;
	margin-top: 10px;
	border-top: 0px;
}
#editor_mode{
	height: 27px;
}
#code_state{
	display: none;
}
#code_state_m{
	font-weight: normal; 
	display: block;
	padding-left: 10px;
	text-align: left;
}
/*배경 이미지 쉽게 변경하는 기능 관련*/
#bgc_con_area{
	padding-top: 10px;
}
.bg_controller_area{
	width: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
	border-top: 1px solid #cdcdcd;
	background: url("/img/right_top_shape_w.png") no-repeat top center;
	background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    font-weight: bold;
    font-family: 'Nanum Gothic';
}
#bgc_bottom{
	display: block;
	position: fixed;
	bottom: 0px;
	width: 100%;
	margin:0px;
	padding:0px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	border-top: 1px solid #cdcdcd;
	background: #efefef;
	z-index: 100;
}
#bgc_bottom2{
	display: block;
	float: left;
	width: 100%;
	margin:0px;
	padding:0px;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	border-top: 1px solid #cdcdcd;
	background: #efefef;
}
.bgc_state{
	width: 100%;
	padding-top:10px;
	padding-bottom:10px;
    font-family: 'Nanum Gothic';
}
.saved_txt{
	cursor: pointer; 
	padding: 10px; 
	border: 1px solid #cdcdcd;
	clear: both;
	float: left;
	width: 100%;
}
A:hover
.con_area_div{
	width: 100%;
	padding-top: 20px;
	padding-bottom: 10px;
}

.cate_div{
	float: left; 
	margin-right: 5px; 
	margin-bottom: 5px; 
	padding: 10px; 
	border: 1px solid #cdcdcd;
	cursor: pointer;
	text-align: center;
}
.img_div{
	float: left; 
	margin-right: 5px; 
	margin-bottom: 5px; 
	padding: 5px; 
	border: 1px solid #cdcdcd;
	cursor: pointer;
	text-align: center;
}
#right_top_shape{
	position:absolute ;
	right:0px;
	top: 0px; 
	z-index: 20;
}
.top_logo{
	padding-top: 15px;
	padding-bottom: 10px;
	width: 150px;
}
.logo_shape{
	filter:alpha(opacity=50);
	width: 32px;
}
#login_area{
	float:left;
	width: 90%;
	text-align: center;
	background-color: #505050; 
	padding-left: 5%;
	padding-right: 5%;
}
#login_txt{
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	/*background:url("/img/bg_top_con.png")no-repeat;*/
}
#login_txt a{
	color: #fff;
	line-height: 18px;
	/*background:url("/img/bg_top_con.png")no-repeat;*/
}

#login_div{
	float: left;
	display: none;
	background-color: #ffffff;
	padding: 10px;
	color: #555555;
}
/*****intro 끝*****/

#top{
	clear: both;
	width: 800px;
	height: 80px;
	margin: 50px;
}
#search_result_team_mate{
	width: 100%;
	float: left;
}
/*콘텐츠 영역*/
.contents{
	/*overflow: hidden;*/
	float: left;
	position: absolute;
	min-width:300px;
	width: 100%;
	color: #555555; 
	font-size: 15px;
	line-height:23px;
	z-index: 5;
	height: 100%;
	/*background: #fff;*/
}
.contents a{
  color: #555555; 
  font-size: 15px;
  line-height:20px;
  margin-bottom: 10px;
}
#content{
	float: left;
	margin-top: 30px;
}
#content_area{
	float: left;
	width: 100%;
	padding-bottom: 10px;
	background: #ffffff;
}
#con_div{
	padding-left: 20px;
	padding-right: 20px;
	min-width: 150px;
	height: 100%;
}
#wgw_bt_left{
	float: left;
	width: 100%;
	margin-top: 10px;
	text-align: left;
}
#wgw_bt_right{
	float: left;
	width: 100%;
	margin-top: 10px;
	text-align: left;
}
.btn-group{
	margin-left: 5px;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 2px;  
}
/*popup Contents*/
#popup_area{
	display: block;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #cdcdcd;
	padding-top: 10px;
}
#popup_con{
	width: 280px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	text-align: center;
	color: #ffffff;
	font-size: 12px;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#popup_read{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	text-align: center;
	font-size: 12px;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#popup_txt{
	width: 100%;
	text-align: left;
	text-align: center;
	color: #cdcdcd;
	font-size: 12px;
	background-color:#34495e;
	margin-top: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	cursor: pointer;
}
#popup_bt_area{
	width: 100%;
	color: #555555;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px solid #cdcdcd;
}
#popup_date{
	width: 100%;
	color: #555555;
	padding-top: 10px;
}
#popup_list{
	width: 280px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	text-align: center;
	color: #ffffff;
	font-size: 12px;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}