/* 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: 0px; 
	padding: 0px;
}
/* font import */
/*****Basic Definitions*****/

a { 
	color: #2d2f30; 
	text-decoration: none; 
}
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;
}
pre{
	width: 100%;
	white-space: pre-wrap;
	word-break: break-all;
	overflow: auto;
}
/*****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 #cecece;
	color: #e5e5e5;
	z-index: 100;
	position:fixed;
	top: 0px;
	background: #fff;
}
#top_noti{
	display: inline-block;
	width: 100%;
	background: #3ec0ce;
}

#top_noti_con{
	clear: both;
	text-align: center; 
	width: 100%;
	padding-left: 10px;
	padding-right: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#top_noti_con_txt{
	display: none;
	float: left;
	/*display: inline-block;*/
	width: 50%;
	font-size: 11px;
	text-align: left;
	color: #fff;
}
#top_noti_con_txt a{
	color: #fff;
}
#top_menu_area{
	display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
	color:#ffffff;
	font-size: 12px;
}
#top_menu_area a{
	line-height: 1em;
	font-size: 12px;
	color: #fff;
}
#top_menu_area a::after{
	content: '\2758';
	margin-left: 10px;
}
#top_menu_area a:last-child::after{
    content: none;
}
#top_con{
	clear: both;
	position: relative;
	text-align: center; 
	width: 100%;
	height: 27px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 20px;
}
#top_con a{
	cursor: pointer;
}

#top_logo{
	display: flex;
    height: 47px;
    align-items: center;
    justify-content: flex-start;
    padding-left: 15px;
}
#top_logo_img{
	max-width: 80px;
}
#workspace_top_con_dashboard{
	display: flex;
	align-items: center;
    padding: 0 10px;
}
#top_dashboard_bt_area{
	z-index: 105;
}
#bt_dashboard_menu{
	width: 25px;
	height: auto;
}
#top_main_menu_area{
	display: none;
	float: left;
	width: 100%;
	margin-top: 0px;
}
#top_main_menu{
	text-align: center; 
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
#top_main_menu a{
	font-size: 15px;
 	font-family: 'Godo', sans-serif;
 	text-decoration: none;
 	font-weight: 250;
 	color: #000000;
}
#top_main_menu .top_impact_bt{
	color: #6ABECC; 
	border-radius: 30px; 
}
/* #top_main_menu .top_impact_bt a{
	color: #fff; 
}
#top_main_menu .top_sub_menu{
	color: #aaaaa9;
} */

/* 모바일 top nav */
#top_submenu_area_m{
	floaT: left;
	width: 100%;
}
#mobile_2depts_menu{
	z-index: 100;
	position: fixed;
	margin: 0px;
	top: 77px;
	padding-top: 0px;
	width: 100%;
	text-align: center;
	/* padding-top: 15px; */
	background: rgba(255,255,255,0.5);
}
.m2d_navigation{
	float: left;
	width: 100%;
	margin-bottom: 0px;
	padding: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #3ec0ce;
	color: #ffffff;
	font-weight: 600;
	font-size: 15px;
	text-align: left;
}
.m2d_navigation > img{
	position: absolute;
	right: 15px;
	top: 27px;
}
#mobile_2depts_con{
	display: none;
	float: right;
	width: 100%;
	margin-bottom: 0px;
	border-bottom: 1px solid #3ec0ce;
	padding: 10px;
	background: #3ec0ce;
	color: #ffffff;
	font-weight: 600;
	font-size: 15px;
	text-align: left;
}
.sub_menu_link{
	float: left;
	border-bottom: 1px solid #cdcdcd;
	width: 100%;
	padding: 5px;
	background: #fff;
	text-align: left;
	color: #3ec0ce;
}

#top_submenu_area_m .sub_menu_link h3{
	color: #808080;
}
#top_submenu_area_m .sub_menu_link a{
	color: #555555;
}

#nav_btn_area{
	position: absolute;
	top: 10px;
    right: 15px;
	z-index: 999;
}
#nav_btn{
	width: 24px;
	height: 24px;
	cursor: pointer;
	border: none;
	outline: none;
	background-color: unset;
	
}
#nav_btn span {
	position: absolute;
	width: 24px;
	height: 3px;
	top: 50%;
	left: 50%;
	background: #555555;
	overflow: hidden;
	transition: all 0.3s linear;
}
#nav_btn span::before {
	content: "";
	position: absolute;
	width: 0;
	height: 100%;
	top: 0;
	right: 0;
	transition: all 0.3s linear;
}
#nav_btn span:nth-child(1) {
	animation: span-first-off 0.5s ease-in-out;
	animation-fill-mode: forwards;
}
#nav_btn span:nth-child(2) {
	animation: span-second-off 0.5s ease-in-out;
	animation-fill-mode: forwards;
}
#nav_btn span:nth-child(3) {
	animation: span-third-off 0.5s ease-in-out;
	animation-fill-mode: forwards;
}

#nav_btn.on:hover span::before {
	width: 100%;
	transition: all 0.3s linear;
}
#nav_btn.on span:nth-child(1) {
	animation: span-first-on 0.5s ease-in-out;
	animation-fill-mode: forwards;
}
#nav_btn.on span:nth-child(2) {
	animation: span-second-on 0.5s ease-in-out;
	animation-fill-mode: forwards;
}
#nav_btn.on span:nth-child(3) {
	animation: span-third-on 0.5s ease-in-out;
	animation-fill-mode: forwards;
}

#nav_list{
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	width: 240px;
	max-width: 90%;
	height: 100vh;
	background-color: #6ABECC;
    border-bottom: 1px solid #eeeeee;
	animation: fade-in-right 0.5s ease-in-out;
	z-index: 150;
}
#nav_logo{
	padding-top: 130px;
	padding-bottom: 50px;
	text-align: center;
	background-color: #ffffff;
}
#nav_logo img{
	width: 55%;
}
#nav_list ul{
	padding: 30px;
	display: flex;
	gap: 20px;
	flex-direction: column;
    flex-wrap: nowrap;
}
#nav_list ul li a{
	font-size: 16px;
 	font-family: 'Godo', sans-serif;
 	text-decoration: none;
 	font-weight: 400;
	 color: #ffffff;
}
.popup_blur{
	display: none;
	width: 100vw;
	height: 100vh;
	background: #2D2F30;
	opacity: 0.5;
	position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
	
}

@keyframes span-first-on {
0% {
	transform: translate(-50%, -300%);
}
30% {
	transform: translate(-50%, -50%);
}
100% {
	transform: translate(-50%, -50%) rotate(-45deg);
}
}
@keyframes span-first-off {
0% {
	transform: translate(-50%, -50%) rotate(-45deg);
}
30% {
	transform: translate(-50%, -50%) rotate(0deg);
}
100% {
	transform: translate(-50%, -300%);
}
}
@keyframes span-second-on {
0% {
	transform: translate(-50%, -50%);
}
50% {
	transform: translate(-50%, -50%) scale(1);
}
100% {
	transform: translate(-150%, -50%) scale(0);
}
}
@keyframes span-second-off {
0% {
	transform: translate(-150%, -50%) scale(0);
}
50% {
	transform: translate(-50%, -50%) scale(1);
}
100% {
	transform: translate(-50%, -50%);
}
}
@keyframes span-third-on {
0% {
	transform: translate(-50%, 200%);
}
30% {
	transform: translate(-50%, -50%);
}
100% {
	transform: translate(-50%, -50%) rotate(45deg);
}
}
@keyframes span-third-off {
0% {
	transform: translate(-50%, -50%) rotate(45deg);
}
30% {
	transform: translate(-50%, -50%) rotate(0deg);
}
100% {
	transform: translate(-50%, 200%);
}
}
@keyframes fade-in-fwd {
	0% {
	  -webkit-transform: translateY(-100px);
	  transform: translateY(-100px);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	  opacity: 1;
	}
}
@keyframes fade-in-bwd {
	0% {
	  -webkit-transform: translateY(100px);
	  transform: translateY(100px);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	  opacity: 1;
	}
}
@keyframes fade-in-left {
	0% {
	  -webkit-transform: translateX(-100px);
	  transform: translateX(-100px);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateX(0);
	  transform: translateX(0);
	  opacity: 1;
	}
}
@keyframes fade-in-right {
	0% {
	  -webkit-transform: translateX(100px);
	  transform: translateX(100px);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateX(0);
	  transform: translateX(0);
	  opacity: 1;
	}
}
/* 모바일 top_nav 끝 */


#container {
	/*overflow: hidden; 
	z-index: 5;
	position:absolute;*/
	margin-top: 100px;
	width: 100%; 
}
#container_main{
	/*overflow: hidden; 
	z-index: 5;
	position:absolute;*/
  	min-height: 80vh;           /* 화면 높이만큼은 채움 */
	margin-top: 70px;
	width: 100%; 
	float: left;
}
#con{
	float: left;
	text-align: center;
	width: 100%;
	padding-bottom: 30px;
	background: #f7f7f8;
}
#con2{
	float: left;
	text-align: center;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 30px;
	background: #f7f7f8;
}
#chn_con{
	float: left;
	text-align: center;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 30px;
	background: #fff;
}
#chn_top_con{
	text-align: center;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom: 0px;
}
#chn_top_con_area{
	display: block;
	width: 100%;
}
#chn_top_con_logo{
	width: 100%;
	float: left;
}
#prg_top_con_txt{
	width: 100%;
	float: left;
}

#prg_top_con_txt h1{
	margin-bottom: 0px;
}

#prg_menu_area{
	width: 100%;
	border-bottom: 1px solid #cdcdcd;
	margin-top: 15px;
	float: left;
}

#prg_menu_con{
	display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
    align-items: center;
}
#prg_menu_area a{
	font-size: 16px;
	font-family: 'Godo', sans-serif;
	text-decoration: none;
	font-weight: 400;
	padding:0px 5px 0px;
	color: #aaaaa9;
	background: initial;
	border-bottom: 3px solid #fff;
}
#prg_menu_area .top_impact_bt{
	background-color: initial;
	border: initial;
	border-radius: 0;
	color: #6ABECC; 
	border-bottom: 3px solid #6ABECC;
	padding:15px 5px 15px;
}
#con_main{
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}
#con_main_680{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
#con_main_600{
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.main_con_area{
	width: 100%;
	float: left;
	padding-top: 50px;
	padding-bottom: 50px;
}
.pr_con_area{
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	clear: both;
	padding-top: 30px;
	padding-bottom: 30px;
}
.main_con_detail{
	width: 100%;
	padding: 5%;
}
.main_con_detail img{
	max-width: 100%;
}
#main_1_con_area{
	width: 100%;
	float: left;
}
/*리포트 영역 지도출력관련*/
.stackLabel{
	font-size: 10px;
}
.stackLabel ul li{
	list-style: square;
}
.main_1_con{
	float: left;
	display: inline-block;
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
	text-align: center;
	font-size: 13px;
	line-height: 19px;
	color: #cecece;
}
.main_1_con h3{
	margin-top: 20px;
	margin-bottom: 20px;
	color: #555;
}
.main_1_con img{
	width: 60%;
}
#main_2_menu{
	float: left;
	width: 100%;
	margin-top: 50px;
	text-align: center;
	border-bottom: 1px solid #cecece;
}
.main_2_menu_icon{
	display: inline-block;
	font-weight: bold;
	margin-left: 2px;
	margin-right: 2px;
	cursor: pointer;
	font-size: 12px;
	padding-bottom: 10px;
}
.main_2_menu_on{
	border-bottom: 3px solid #3ec1cf;
}

.main_2_menu_off{
	border-bottom: 0px;
}
#main_2_con{
	float: left;
	width: 100%;
}
#main_2_con img{
	max-width: 100%;
}
#main_3_left{
	float: left;
	width: 100%;
}
#main_3_left h1{
	line-height: 30px;
	font-size: 20px;
	color: #000;
}
#main_3_left img{
	max-width: 50%;
}
#main_3_right{
	float: left;
	margin-top: 10px;
	width: 100%;
}
#main_3_right img{
	max-width: 100%;
}

.bg_color_black{
	background: #2D2F30;
}
.bg_color_white{
	background: #ffffff;
}
.bg_color_gray{
	background: #f7f7f8;
}
.bg_color_mint{
	background: #d5efee;
}
.bg_color_mint_highlight{
	background: #3ec0ce;
}
/*Dashboard*/
.dash_h1{
	text-align: center; 
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 1em;
}
#back_bt_area{
	text-align:center; 
	color:#cecece; 
	padding-bottom:10px; 
	margin-bottom: 0px; 
	border-bottom: 1px solid #cecece;
}
#dashboard_menu{
	float: left;
	width: 100%;
	text-align:center; 
	color:#cecece; 
	padding-top: 30px;
	padding-bottom:5px; 
}
.dashboard_menu_sub{
	float: left;
	width: 100%;
	text-align: left; 
	color:#cecece; 
	padding-top: 5px; 
	padding-left: 40px;
	padding-bottom:5px; 
	line-height: 30px;
}
#dashboard_menu ul{
	list-style: none;
}
.dash_menu{
	padding-bottom: 24px;
}
.dash_menu_live{
	position: fixed;
	top: 10px;
}
.dash_menu img{
	vertical-align: middle;
	margin-right: 10px;
}
.dash_menu_on{
	display: none;
	margin-bottom: 24px;
}
.dashboard_menu_sub{
	display: none;
}
#dashboard_menu a,.dashboard_menu_sub a{
	font-weight: bold;
	color: #fff; 
}
.icon_st{
	width: 12px;
	margin-right: 5px;
	vertical-align : middle;
}
.dash_con_area{
	float:left; 
	width: 100%;
	margin-bottom: 10px;
}
.dash_con{
	float: left;
	display: block;
	width: 100%;
	padding: 10px;
	border-top: 1px solid #eaeaea; 
	font-size: 12px;
}
.dash_con2{
	float: left;
	display: block;
	width: 100%;
	padding: 20px 0;
	border-top: 1px solid #eaeaea; 
	font-size: 12px;
}
.dash_con2:first-child{
	border:none;
	padding-top: 0;
}
.dash_con2_title{
	display: flex; 
	justify-content: space-between;
	margin-bottom: 10px;
}
.dash_con2_title h3{
	font-size-adjust: 18px;
}
.dash_campaign_img{
	width: 100%;
	height: 150px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
}
.dash_campaign_info{
	display: flex;
	gap: 20px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
	margin-bottom: 15px;
}
.dash_campaign_txt{
	display: flex;
	flex-direction: column;
	gap:5px;
}
.dash_make_from{
	display: flex;
	flex-direction: column;
}
.dash_make_from span{
    display: inline-block;
    font-size: 12px;
	
}
.dash_visit_area{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	flex-direction: column-reverse;
	gap: 20px;
}
.dash_visit{
	display: flex;
	gap: 20px;
	flex-direction: row;
}
.dash_visit_title span{
	display: block;
}
.dash_visit_num_title{
	font-size: 14px;
	color: #aaaaa9;
	margin-bottom: 10px;
}
.dash_visit_num{
	font-size: 30px;
	font-weight: 700;
}
.dash_visit_set{
	display: flex;
	gap: 5px;
}
.visit_from{
	display: flex;
	align-items: center;
	gap: 15px;
}
.visit_from_con{
	display: flex;
	align-items: flex-start;
	gap: 5px;
}
.visit_from_img{
	display: none;
}
.visit_from_img img{
	width: 20px;
}
.visit_from_txt{
	display: flex;
	flex-direction: column-reverse;
	gap: 0px;
}
.visit_val{
	font-weight: 700;
	font-size: 16px;
}
.visit_title{
	font-size: 10px;
	width: 35px;
}

.dash_like_action{
	display: flex;
	gap: 20px;
}
.dash_like_action_con{
	display: flex;
	gap: 5px;
	align-items: flex-end;
	font-size: 16px;
}
.dash_like_action_con img{
	height: 18px;
	width: auto;
}
#resp_list_area{
	float: left;
	width: 100%;
}
#resp_table_area{
	float: left;
	width: 100%;
	height: 300px;
	overflow: auto;
	border: 1px solid #cecece;
	background: #f8f8f8;
}
#resp_list_area2{
	float: left;
	width: 100%;
}
#resp_result_area{
	float: left;
	width: 100%;
	height: 500px;
	overflow: auto;
	border: 1px solid #cecece; 
	background: #f8f8f8;
}
#resp_result_area2{
	float: left;
	width: 100%;
	height: 500px;
	overflow: auto;
	border: 1px solid #cecece; 
	background: #f8f8f8;
}
#eval_con_area{
	float: left; 
	width: 100%; 
	padding: 10px; 
	background: #fff;
}
#eval_menu{
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}
.eval_sub_menu{
	float: left;
	width: 33%;
	border: 1px solid #f8f8f8;
	padding: 5px;
	text-align: center;
	cursor: pointer;
}
.eval_sub_menu_selected{
	float: left;
	width: 33%;
	padding: 5px;
	background: #3ec0ce;
	color: #fff;
	border: 1px solid #f8f8f8;
	text-align: center;
	cursor: pointer;
}
#inc_responses_con_area{
	width: 100%;
	padding: 10px;
}
#inc_responses_con_area h3{
    margin-bottom: 10px;
}
#inc_responses_con_area hr{
	margin-top: 10px;
	margin-bottom: 10px;
}
.apply_con_item{
	margin-bottom: 10px;
}
#upload_file_state{
	width: 100%;
}
#graph_date_search{
	border: 1px solid #cecece; 
	width: 100%; 
	float: left; 
	display: none; 
	text-align: center; 
	background: #f8f8f8; 
	margin-top: 10px; 
	padding-top: 5px; 
	padding-bottom: 5px;
}
#event_form, #event_list, #mail_send_con_list, #team_mate_state, #team_state,#pan_state{
	border: 1px solid #cecece; 
	width: 100%; 
	float: left; 
	display: none; 
	background: #f8f8f8;
	padding:10px 2% 10px 2%;
}
#event_list ul{
	padding: 5px 0;
}
#event_list ul li{
	display: flex;
	gap: 10px;
	align-items: center;
	margin-bottom: 5px;
}
#graph_area{
	float: left;
	width: 100%;
	margin-top: 10px;
}

#workspace_top_noti{
	display: inline-block;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	background: #3ec0ce;
	padding-top: 6px;
	padding-bottom: 8px;
}
#workspace_top_con{
	clear: both;
	width: 100%;
	position: relative;
}
#workspace_container{
	/*overflow: hidden; 
	z-index: 5;
	position:absolute;*/
	margin-top: 70px;
	width: 100%; 
	min-height: 100%;
}
#workspace_container_dashboard{
	/*overflow: hidden; 
	z-index: 5;
	position:absolute;*/
	margin-top: 70px;
	width: 100%; 
	min-height: 100%;
}
#dashboard_container{
	margin-top: 175px;
	width: 100%; 
	min-height: 100%;
}
#workspace{
	float: left;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#workspace2{
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	
}
/*모집하기*/
#workspace_left{
	width: 100%;
	float: left;
}
/*모집하기 메인*/
#workspace_left2{
	display: none;
}
/*관리페이지*/
#workspace_left3{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	box-sizing: inherit;
	flex-shrink: 0;
	border-right: 1px solid #cecece;
	height: 100%;
	visibility: hidden;
}
#workspace_left_con{
	width: 100%;
	padding: 20px;
}
.ws_left{
	display: none;
	float: left;
	width: 100%;
	background: #fff;
}
.dash_left{
	width: 65px;
	background: #555555;
	color: #fff;
	position: absolute;
	z-index: 99;
}
.dash_left_con{
	width: 100%;
	padding: 10px;
	color: #fff;
}
/*캠페인 정보에 대한 세부 속성 */
#eval_con1{
	width: 100%;
	float: left;
}
#eval_step1{
	width: 100%;
	float: left;
	margin-top: 10px;
}
#eval_step2{
	width: 100%;
	float: left;
	margin-top: 30px;
}
.eval_con_all, .slt_con_all{
	float: left;
	width: 100%;
	padding: 25px;
	
	background: #ffffff;
	border-radius: 10px;
	margin-bottom: 30px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.eval_con_left{
	float: left;
	width:100%;
	padding: 25px;
	
	background: #ffffff;
	border-radius: 10px;
	margin-bottom: 15px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.eval_con_right{
	float: right;
	width:100%;
	margin-bottom: 30px;
}
.eval_step_select_area{
	float: left;
	width: 100%;
	padding: 0px;
}
.eval_step_con{
	float: left;
	width: 100%;
	padding: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #ffffff;
	border-radius: 10px;
	/**/

}
#eval_step_set1, #eval_step_set2, #eval_step_set3{
	cursor: pointer;
}
.eval_step_now{
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.eval_title_num{
	display: inline-block;
	font-size: 50px;
	font-weight: bold;
	margin-right: 10px;
}
.eval_off{
	color: #ededed;
}
.eval_on{
	color: #6ABECC;
}
.eval_select_on{
	background: #6ABECC;
	color: #fff;
	border: 0px;
}
.eval_select_on option{
	background: #fff;
	color: #6ABECC;
	border: 0px;
	border: none;
}.eval_select_on option:hover{
	background: #6ABECC;
	color: #fff;
	border: 0px;
	border: none;
}
.eval_title_txt  {
	display: inline-block;
}
.eval_title_txt h3{
	font-weight: bold;
}
#eval_stepbar{
	width: 100%;
	float: left;
	margin-top: 30px;
}
#eval_step_select{
	width: 200px;
}
.con_title{
	color: #6ABECC;
}
.con_sub_title{
	font-weight: bold;
	color: #000;
}
.con_title{
	color: #6ABECC;
}
.con_sub_title{
	font-weight: bold;
	color: #000;
}
.campaign_info{
	float: left;
	width: 100%;
	padding: 25px;
	border: 1px solid #6ABECC;
	background: #ffffff;
	border-radius: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.cp_con_area{
	float: left;
	width: 100%;
	margin-top: 10px;
}
.cp_con_detail{
	float: left;
	width: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
}
.cp_title{
	float: left;
	color: #269ABC;
	min-width: 90px;
	padding-right: 33px;
}
.cp_con{
	float: left;
	color: #555555;
	min-width: 90px;
	padding-right: 33px;
}

/*Step bar area */
 .container {
  width: 100%;
}

.progressbar {
  counter-reset: step;
}
.progressbar li {
  list-style: none;
  display: inline-block;
  width: 32%;
  position: relative;
  text-align: center;
}
.progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 30px;
  height: 30px;
  line-height : 30px;
  border: 1px solid #ddd;
  border-radius: 100%;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  background-color: #fff;
}
.progressbar li:after {
  content: "";
  position: absolute;
  width: 75%;
  height: 1px;
  background-color: #ddd;
  top: 15px;
  left: -40%;
  z-index : 0;
}
.progressbar li:first-child:after {
  content: none;
}
.progressbar li.active {
  color: #6ABECC;
}
.progressbar li.active:before {
  border-color: #6ABECC;
  background: #6ABECC;
  color: #fff;
  z-index : 1;
} 
.progressbar li.active + li:after {
  background-color: #6ABECC;
}

.progressbar2 {
  counter-reset: step;
}
.progressbar2 li {
	list-style: none;
	display: inline-block;
	width: 44%;
	position: relative;
	text-align: center;
}
.progressbar2 li:before {
	content: counter(step);
	counter-increment: step;
	width: 30px;
	height: 30px;
	line-height : 30px;
	border: 1px solid #ddd;
	border-radius: 100%;
	display: block;
	text-align: center;
	margin: 0 auto 10px auto;
	background-color: #fff;
}
.progressbar2 li:after {
	content: "";
	position: absolute;
	width: 92%;
	height: 1px;
	background-color: #ddd;
	top: 15px;
	left: -47%;
	z-index : 0;
}
.progressbar2 li:first-child:after {
	content: none;
}
.progressbar2 li.active {
	color: #6ABECC;
}
.progressbar2 li.active:before {
	border-color: #6ABECC;
	background: #6ABECC;
	color: #fff;
	z-index : 1;
} 
.progressbar2 li.active + li:after {
	background-color: #6ABECC;
}


.progressbar3 {
	counter-reset: step;
}
.progressbar3 li {
	list-style: none;
	display: inline-block;
	width: 32%;
	position: relative;
	text-align: center;
}
.progressbar3 li:before {
	content: counter(step);
	counter-increment: step;
	width: 30px;
	height: 30px;
	line-height : 30px;
	border: 1px solid #ddd;
	border-radius: 100%;
	display: block;
	text-align: center;
	margin: 0 auto 10px auto;
	background-color: #fff;
}
.progressbar3 li:after {
	content: "";
	position: absolute;
	width: 92%;
	height: 1px;
	background-color: #ddd;
	top: 15px;
	left: -47%;
	z-index : 0;
}
.progressbar3 li:first-child:after {
	content: none;
}
.progressbar3 li.active {
	color: #6ABECC;
}
.progressbar3 li.active:before {
	border-color: #6ABECC;
	background: #6ABECC;
	color: #fff;
	z-index : 1;
} 
.progressbar3 li.active + li:after {
	background-color: #6ABECC;
}


.progressbar_4 {
	counter-reset: step;
}
.progressbar_4 li {
	list-style: none;
	display: inline-block;
	width: 24%;
	position: relative;
	text-align: center;
}
.progressbar_4 li:before {
	content: counter(step);
	counter-increment: step;
	width: 30px;
	height: 30px;
	line-height : 30px;
	border: 1px solid #ddd;
	border-radius: 100%;
	display: block;
	text-align: center;
	margin: 0 auto 10px auto;
	background-color: #fff;
}
.progressbar_4 li:after {
	content: "";
	position: absolute;
	width: 88%;
	height: 1px;
	background-color: #ddd;
	top: 15px;
	left: -45%;
	z-index : 0;
}
.progressbar_4 li:first-child:after {
	content: none;
}
.progressbar_4 li.active {
	color: #6ABECC;
}
.progressbar_4 li.active:before {
	border-color: #6ABECC;
	background: #6ABECC;
	color: #fff;
	z-index : 1;
} 
.progressbar_4 li.active + li:after {
	background-color: #6ABECC;
}
/*Step bar area finished*/
.make_step{
	width: 100%;
	background: #3ec0ce;
	text-align: center;
}
#make_step_txt{
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.step_bt{
	vertical-align: middle;
	width: 30px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
}
#make_step_txt a{
	color: #fff;
	font-weight: bold;
}
#workspace_right{
	min-width: 0;
	min-height: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	box-sizing: inherit;
}
#workspace_all{
	min-width: 0;
	min-height: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	box-sizing: inherit;
}

#workspace_center{
	float: left;
}

#workspace_design{
	min-width: 150px;
	min-height: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-flex: 0.3;
	-ms-flex: 0.3;
	flex: 0.3;
	box-sizing: inherit;
	border-right: 1px solid #cecece;
}
#workspace_preview{
	display: none;
}
#workspace_right_con{
	width: 100%;
	padding: 30px;
	float: left;
}
#wp_center_con{
	width: 100%;
	padding: 10px;
	padding-top: 0px;
}
.page_title_area{
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eaeaea;
}
#wp_center_con h1{
	margin-bottom: 10px;
	font-weight: 400;
}
#wp_center_con .t_title{
	font-weight: 400;
}
.form_set_subtitle{
	float: left;
	width: 100%;
    align-items: center;
	margin-bottom: 20px;
}
.form_set_subtitle .load_data_btn_area{
	display: inline-flex;
    margin-top: 15px;
}
.page_con_area{ 
	padding: 10px 0;
	width: 100%;
	float: left;
	border-bottom: 1px solid #eaeaea;
}
.page_con_area2{
	padding-top: 20px;
	display: grid;
}
#wp_center_con h3{
	font-weight: 400;
	font-size: 22px;
	margin-bottom: 15px;
}
.upload_img_area{
	margin-top: 10px;
}
.datepick_area{
	display: flex;
	flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.bt_design{
	display: none;
}
#design_template_area{
	float: left;
	overflow-x: hidden;
	overflow-y: auto;
}
.work_item{
	width: 100%;
	margin-right: 20px;
	margin-bottom: 20px;
}
.work_item_con{
	float: left;
	background: #f7f1c2;
	float: left;
	width:100%; 
	padding: 10px; 
	border: 1px solid #cecece; 
	border-radius: 10px; 
	font-size: 10px; 
	line-height: 12px;
	text-align: center;
}

.work_item_link_area{
	float: left; 
	width:100%; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	border-bottom: 1px solid #cecece; 
	/*border-radius: 10px; */
	color: #cecece; 
	size: 12px;
}
.icon_img{
	margin-right: 5px;
	width: 15px;
}
.work_item_con2{
	width: 100%; 
	float: left; 
	border-top: 1px solid #cecece; 
	padding-top:5px; 
	margin-top: 5px; 
	padding-left: 5px; 
	padding-right: 5px;
	word-wrap: break-word;
}
.new_item{
	float: left;
	width: 100%;
	padding: 10px;
	padding-top:  10px;
	padding-bottom:  10px;
	/*
	border: 1px solid #cecece;
	*/
	background: #4ac0cc;
	margin-bottom: 10px;
	border-radius: 5px;
	color: #fff;
	text-align: center;
}
.wkarea1{
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	background: #fff;
}
.wkarea_design{
	min-width: 150px;
	width: 150px;
	background: #fff;
}
.preview_area{
	width: 30%;
	min-width: 300px;
	background: #fff;
}
#bt_area{
	float: left;
	width: 100%;
	text-align: right;
	padding-top: 20px;
	padding-bottom: 20px;
}
#bt_area_on{
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px solid #cecece;
	color: #e5e5e5;
	z-index: 10;
	position: fixed;
	bottom: 0px;
	background: #fff;
	padding: 2%;
}
#project_img{
	display: flex;
	flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    align-content: flex-start;
	gap: 10px;
	width: 100%;
}
#team_mate_add, #team_add{
	float: left;
	width: 100%;
}
#wp_center_con ul{
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	padding-right: 20px;
}
#wp_center_con h3{
	float: left;
	width: 100%;
}
#wp_center_con hr{
	float:left; 
	width:100%; 
	margin-top: 10px; 
	margin-bottom: 10px;
}
.basic_ip{
	margin-top: 5px;
	margin-bottom: 5px;
}
.img_div{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #cecece;
	cursor: pointer;
	text-align: center;
}
.visible_img_div{
	width: 142px;
	height: 170px;
	padding: 10px;
	border: 1px solid #eaeaea;
	text-align: center;
	position: relative;
}

#con_main2{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
#form_area, #eval_table, #eval_user_list{
	width: 100%;
	float: left;
	margin-top: 15px;
}
#eval_user_list{
	max-height: 150px;
    	overflow: auto;
 }
 #resp_list_area2 .col{
 	padding-left: 3px;
 	padding-right: 3px;
 }
	#resp_list_area2 .col{
		padding-left: 3px;
		padding-right: 3px;
	}
 #eval_table{
	border: 1px solid #cecece;
	padding: 0px;
	max-height: 350px;
    	overflow: auto;
 }
 #inc_eval_table_con{
	width: 95%;
	margin: auto;
	border: 1px solid #cecece;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 10px;
	background: #ffffff;
 }


/* 콘텐츠 > 사업소개 시작 */
#con_set_menu{
	width: 100%; 
	background: #EAEAEA; 
	padding: 15px; 
	margin-top:10px; 
	display: flex;
	align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

#con_set_menu a{
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -0.08px;
	line-height: 1em;
	color: #AAAAA9;
	border-right: 1px solid #AAAAA9;
	padding-right: 10px;
	margin-right: 10px;
}

#con_set_menu_title{
	display: none;
}
#con_set_menu a:last-child{
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}
#con_set_menu a.onFocused{
	color: #6ABECC;
}
/* 콘텐츠 > 사업소개 끝 */

/* 콘텐츠  > 활성화 시작 */
.teammate_ul{
	padding: 0 10px !important;
}
.teammate_list{
	list-style: none;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
	flex-direction: row;
	margin-bottom: 10px;
}
.teammate_list:last-child{
	margin-bottom: 0;
}
.teammate_list .team_mate_list_logo{
	width: 20%;
}
.teammate_list .team_mate_list_cont{
	width: 50%;
}
.teammate_list .team_mate_list_act{
	width: 30%;
	text-align: right;
}
.teammate_add_cont{
	width: 65%;
}
.teammate_add_act{
	width: 35%;
	text-align: right;
}

#check_link{
	width: 100%;
	border:1px solid #EAEAEA;
	padding:10px 2% 10px 2%;
	border-bottom: none;
}
#check_link p{

}
#check_link.unactivated{
	background-color: #f8f8f8;
	margin-top: 10px;
}
/* 콘텐츠 > 활성화 끝 */

#main_slider{
	float: left;
	background : url('/img/main/main_slider_bg.jpg') repeat-x center top #fff;
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
}
#main_slider_con{
	float: left;
	background : url('/img/main/main_slider_con_bg.gif') no-repeat center bottom;
	background-size: 160%;
	margin-top: 30px;
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 120px;
	text-align: left;
}
#main_slider_con2{
	float: left;
	margin-top: 0px;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	height: 200px;
	text-align: center;
}
#board_slider{
	float: left;
	background : url('/img/main/board_top.jpg') no-repeat center top #fff;
	background-size: 1000px;
	width: 100%;
	border: 1px solid #d5d5d5;
	border-radius: 5px;
}

#board_slider_con{
	float: left;
	margin-top: 15px;
	width: 100%;
	padding-bottom: 30px;
	text-align: center;
}
#slider_con_1{
	float: left;
	width: 96%;
	margin-top: 30px;
	margin-left: 2%;
	margin-right: 2%;
	padding: 10px;
	text-align: center;
}
.g_point_color{
	color: #3ec0ce;
}
.g_point_bold{
	font-weight: bold;
}
.main_slider_sub_con_area{
	float: left;
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
}
.main_slider_sub_con{
	float: left;
	width: 100%;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 10px;
	font-size: 11px;
	line-height: 15px;
	border-bottom: 1px solid #cecece;
}
.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 : #fff;
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	border: 1px solid #d5d5d5;
	border-radius: 5px;
}
#sub_top_banner_con{
	float: left;
	padding: 20px;
	width: 100%;
}


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

#main_con_left{
	width: 96%;
	margin-top: 10px;
	margin-left: 2%;
	margin-right: 2%;
	float: left;
}
#main_con_right{
	width: 96%;
	margin-top: 10px;
	margin-left: 2%;
	margin-right: 2%;
	float: left;
}

#mail_msg_form{
	display: none;
}
.main_con_left_w{
	width: 100%;
}

.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: #f8f8f8;
	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;
	width: 100%;
	padding : 10px;
	border: 1px solid #cecece;
	background: #fff;
	margin-bottom: 10px;
	border-radius: 5px;
}
.con_outline ol, .con_outline ul{
	margin-left: 20px;
}
.con_outline_20{
	/*float: left;*/
	display: inline-table;
	padding : 20px;
	border: 1px solid #cecece;
	background: #fff;
	margin-bottom: 30px;
	border-radius: 5px;
	min-height: 100px;
}
.con_outline_20 ol, .con_outline ul{
	width:  96%;
	margin-left:  2%;
	margin-right:  2%;
	padding-left: 30px;
	padding-right: 30px;
}
.menu_mypage{
	background: #f8f8f8;
}
.main_con_title{
	color: #2d2f30;
 	font-weight: 700;
 	line-height: 1.3em;
 	/* /* font-family: 'Nanum Gothic'; */ */
}
.mypage_con_list{
	width: 100%;
	/* float: left; */
}
.mypage_item{
	float: left;
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #cecece;
	margin-top: 10px;
	margin-bottom: 10px;
}
.con_area{
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
.label_s{
	cursor: pointer;
}

/* 모집공고 만들기 makepage  시작 */
.makepage_right_con{
	padding: 0 !important;
}
.campaign_con_makepage{
	width: 100%;
	margin-top: 15px;
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
	color: #2d2f30;

}
.campaign_con_makepage_txt{
	width: 100%;
	background: #ffffff;
    padding: 20px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 4px 24px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
}
.campaign_con_makepage_img_area{
	width: 100%;
	min-width: 120px;
}
.campaign_con_makepage_img{
	width: 100%;
    height: 160px;
	border-radius: 10px;
    overflow-y: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.campaign_con_makepage_link{
	display:block;
	margin-top: 5px;
	padding: 0 10px;
}
.campaign_con_makepage_link a{
	font-weight: 500;
	font-size: 14px;
}
.campaign_con_makepage_detail{
	width: 100%;
	font-size: 16px;
	line-height: 1.3em;
	padding: 0;
	padding: 10px ;
}
.campaign_con_makepage_detail a{
	font-weight: bold;
}
.campaign_con_makepage_detail h3{
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2em;
	margin-bottom: 10px;
	
}
.campaign_con_makepage_detail .campaign_unactivated{
	padding: 10px;
	background-color: rgb(244, 195, 203, 0.3);
	border: 1px solid #F4C3CB;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 400;
	border-radius: 5px;
}
.campaign_con_makepage_detail .campaign_unactivated a{
	font-size: 14px;
	font-weight: 500;
	color:#D83A52 ;
}
.campaign_con_makepage_detail .campaign_temp_open{
	position: relative;
	padding: 10px;
	background-color: rgb(106, 190, 204, 0.3);
	border: 1px solid #6ABECC;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 400;
	border-radius: 5px;
}
.campaign_con_makepage_detail .campaign_temp_open a{
	font-size: 14px;
	font-weight: 500;
	color: #269ABC;
}
.campaign_con_makepage_detail .campaign_temp_open i{
	font-size: 16px;
	color: #269ABC;
	cursor: pointer;
}
.campaign_con_makepage_detail .campaign_temp_open p{
	display: none;
	position: absolute;
	top: 35px;
	left: 0;
	padding: 10px;
	background-color: #F8F8F8;
	border: 1px solid #AAAAA9;
	font-size: 14px;
	font-weight: 400;
	border-radius: 5px;
	line-height: 1.2em;
}
.campaign_con_makepage_detail .campaign_info_head{
	font-size: 14px;
	padding-top: 10px;
	margin-top: 15px;
	border-top: 1px solid #EAEAEA;
}
.campaign_con_makepage_detail .campaign_info_head span{
	display: inline-block;
	margin-right: 5px;
	font-size: 14px;
	font-weight: 500;
}
.campaign_con_makepage_detail p.campagin_des{
	margin: 0;
	font-size: 14px;
    line-height: 1.3em;
	max-height: 36px;
	overflow-y: scroll;
}
.campaign_cate{
	display: inline-block;
	margin-left: 13px;
    margin-top: 8px;
}

/* 모집공고 만들기 makepage 끝 */
.campaign_con_list_makepage{
	display: inline-block;
	width: 100%;
	max-width: 610px;
	background: #fff;
	border-radius: 10px;
	padding: 10px;
	margin: 10px;
	border: 1px solid #cecece;
}
.campaign_con_list{
	float: left;
	width: 100%;
	border-bottom: 1px solid #cecece;
}
.campaign_con_txt_area{
	width: 100%;
    padding: 20px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 4px 24px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
}
.campaign_con_img_area{
	float: left;
	border: 1px solid #cecece;
	margin-top: 5px;
	margin-right: 15px;
	width: 100%;
	height: 100px; 
}
.campaign_con_txt_area_detail{
	float: left;
	width: 100%;
	font-size: 12px;
	line-height: 17px;
	margin-top: 5px;
}
.campaign_con_txt_area_detail h3{
	font-weight: bold;
}
.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 #cecece;
	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: 5px;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
.tag_con{
	font-size: 12px;
	border-radius: 5px;
	padding: 2px 10px;
	background: #DBEEEE;
}
.main_mail_list{
	width: 100%;
}
.main_mail_con{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cecece;
}
.main_mail_con label{
	font-size: 13px;
	font-weight: 400;
	margin: 0;
}
.submenu_list{
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
.submenu_list hr{
	margin-top: 10px;
	margin-bottom: 10px;
}
.submenu_list_con{
	float: left;
	display: inline-block;
	padding: 5px;
	border: 1px solid #cecece;
  	/* font-family: 'Nanum Gothic'; */
	font-weight: normal;
	border-radius: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #fff;
}
.submenu_list_con a{
	font-weight: normal;
	color: #959699;
}
.submenu_list_con >.program_selected{
	font-weight: bold;
	color: #1C1C1C;
}
.board_menu{
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 20px;
  	font-family: 'OneShinhanBold';
	font-weight: normal;
}
.board_menu a{
	font-weight: bold;
	font-size: 18px;
	color: #959699;
}
.board_selected a{
	color: #6ABECC;
	padding-bottom: 5px;
	font-weight: bold;
	border-bottom: 1px solid #6ABECC;
}
/*하단 영역*/
#con_main_bottom{
	float: left;
	text-align: center;
	width: 100%;
	padding-top: 30px; 	
	padding-bottom: 30px;
	background: #fff;
	border-top: 1px solid #cecece;
}
#cmb_con{
	width: 96%;
	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: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	color: #e5e5e5;
}
#bottom_con a{
	color: #6ABECC;
}
/*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: 5px;
}
.inno_table_last_tr td{
	font-weight: bold;
	border: 0px;
	border-bottom: 1px solid #313030;
	padding: 5px;
}

.inno_table .price_td{
	text-align: right;
}
.inno_table table tr td{
	padding: 5px;
}
.inno_table img{
	max-width: 100%;
}
.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 #cecece;
	margin-top: 20px;
	padding-top: 10px;
}
.inno_checkbox{
	background: #fff;
	border:1px solid #cecece;
	margin-top: 5px;
}
.total_tr td{
	background: #434a54;
	color: #fff;
}
#login_area{
	font-size: 14px;
 	font-weight: 250;
 	font-family: 'Godo', sans-serif;
}
#sub_con_area select{
	padding: 5px;
	width: 100%;
	border:1px solid #cecece;
	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%;
}


/*폼 뷸더 관련*/
.form_move_icon_area{
	width: 100%;
	float: left;
	padding: 5px;
	background: #f8f8f8;
	margin-bottom: 10px;
	border-radius: 5px;
}
.form_title_area{
	width: 100%;
	float: left;
	margin-bottom: 5px;
}
.form_required_area{
	width: 100%;
    padding-top: 5px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.form_required_area label{
	font-weight: 400;
	font-size: 14px;
	color: #2D2F30;
	padding: 0;
	margin: 0;
}
.form_required_area a{
	text-decoration: underline;
	cursor: pointer;
}
.form_memo_area{
	width: 100%;
	float: left;
	margin-bottom: 5px;
}
.form_type_area{
	width: 100%;
	float: left;
	margin-bottom: 5px;
}
.form_move_area{
	width: 60%;
	float: left;
	text-align: left;
	cursor: pointer;
}
.form_dell_area{
	width: 40%;
	float: left;
	text-align: right;
}
.form_option_area{
	width: 100%;
	float: left;
}
.form_option_con{
	display: none;
	width: 100%;
	float: left;
}
.list-group-item{
	border: 1px solid #cecece;
	border-radius: 5px;
	margin-bottom: 20px;
	border: 1px solid #cecece !important;
}
.setting_box_toggle{
	text-decoration-line: underline; color:#AAAAA9; font-size:14px; font-weight:400;
}
.form_option_con_detail{
	float: left;
	width: 100%;
	margin-top: 10px;
}
.form_option_con_input{
	float: left;
	width: 70%;
	text-align: left;
}
.form_option_con_bt{
	float: left;
	width: 30%;
	min-width: 30px;
	text-align: left;

}
.form_option_con_bt .fa{
	padding-left: 10px;
}
.add_more_radio{
	cursor: pointer;
}
#workspace_preview_con{
	padding: 10px;
}
#workspace_preview_con h3{
	margin-top: 15px;
}
/*Guide 영역*/
#workspace_preview_guide{
	padding: 10px;
	overflow: auto;
}
#workspace_preview_guide h1{
	line-height: 35px;
}
#outline_preview{
	float: left;
	background: #fff;
	border: 1px solid #cecece;
	padding: 15px;
	width: 100%;
	max-height: 90%;
	display: none;
}
#outline_preview img{
	max-width: 100%;
}
/* 공고생성 > 접수항목 > 미리보기 영역 시작 */

.form_preview{
	width: 100%;
	float: left;
	border: 1px solid #eaeaea;
	border-radius: 10px;
	margin-bottom: 10px;
	padding: 15px 30px 25px;
	background: #fff;
}
.form_preview h1{
	font-size: 21px;
    font-weight: 400;
    color: #2D2F30;
    letter-spacing: 0.2em;
    width: fit-content;
    margin-bottom: 20px;
}
.form_preview h2{
	font-weight: 700;
	font-size: 18px;
	color:#2D2F30;
	margin-top: 10px;
	margin-bottom: 5px;
}
.form_preview p{
	font-size: 14px !important;
	font-weight: 400;
	color:#2D2F30;
	line-height: 1.3em;
}
.preview_con_area{
	margin-top: 20px;
	
}
.preview_con_area h3{
	font-weight: 500;
	font-size: 16px;
	line-height: 25px;
}
.preview_con_area p.con_memo{
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	color: #757575;
	margin-bottom: 5px;
} 
.preview_con_area select{
	border: 1px solid #757575;
	border-radius: 7px;
	font-size: 14px;
	padding: 0 15px;
	height: 34px;;
}
.preview_con_area label{
	font-size: 14px;
	font-weight: 400;
}
.preview_con_area input[type="file"]{
	font-size:14px;

}
.preview_con_area th{
	font-size: 16px;
	font-weight: 500;
	text-align: center;
}
.preview_con_area td{
	font-size: 14px;
	font-weight: 400;
	text-align: center;
}
/* 공고생성 > 접수항목 > 미리보기 영역 끝 */
.form_icon_area{
	width: 100%;
	padding: 5px;
	float: left;
	font-size: 10px;
	display: none;
	flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.form_icon{
	padding: 2px;
	width: 25px;
}
.form_icon_area button{
	font-size: 12px;
    font-weight: 400;
    width: 49%;
    background: #ffffff;
    border: 1px solid #cecece;
    margin-bottom: 5px;
    height: 43px;
    padding: 5px;
    display: flex;
    align-items: center;
    flex-direction: row;
    line-height: 1.5em;
    text-align: left;
    flex-wrap: nowrap;
}
.form_icon_area button:hover{
	background: #f8f8f8;
}

#form_area > .field_type{
	display: none;
}
.form_type_txt{
	font-weight: 500;
}
.form_type_txt_area a{
	cursor: pointer;
	text-decoration: underline;
}
.form_type_txt_label{
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 5px;
}
.form_type_txt_label span{
	font-size: 14px;
	color: #2d2f30;
	letter-spacing: -0.3px;
}
#form_area{
	height: 100%;
	overflow: auto;
}
#workspace_preview_con{
	padding: 10px;
}
#workspace_preview_con h3{
	margin-top: 15px;
}
#bt_show_preview_modal{
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
}
#btn_div{
	width: 100%;
	float: right;
	text-align: right;
}

/*채널관련*/
#host_banner_area{
	float: left;
    width: 100%;
}
#host_banner_con{
    float: left;
    text-align: center;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
}
#slider{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.banner_desktop{
	display: block;
}
.banner_mobile{
	display: none;
}

/*채널관련*/
#host_banner_area{
	float: left;
    width: 100%;
}
#host_banner_con{
    float: left;
    text-align: center;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
}
#slider{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.banner_desktop{
	display: block;
}
.banner_mobile{
	display: none;
}
#host_main_title{
	clear:both;
	width: max-content; 
	padding-left: 10px; 
	padding-right: 10px; 
	padding-top: 5px; 
	padding-bottom:5px; 
	line-height: 35px; 
	margin-bottom: 10px; 
	margin-left: auto; 
	margin-right: auto; 
	font-size: 25px; 
	border-radius: 0px;
}
#slt_con_top{
	float: left;
	display: inline-flex;
	/*background : url('/img/main/board_top.jpg') no-repeat center top #fff;*/
	background-size: 1200px;
	width: 100%;
	border-radius: 5px;
	padding: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: left;
	border-bottom: 1px solid #f8f8f8;
}
/* 선정기업 소개 > 상단  시작 */
#challenge_main{
	margin-top: 30px;
}
#challenge_con_area{
	width: 95%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
#container_main{
	margin-top: 30px;
}
#challenge_top_menu_area{
	width: 95%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
#challenge_top_menu_area .top_main_menu{
	margin-bottom: 10px;
}
.challenge_top_profile_area{
	padding: 35px 0;
	display: flex;
	align-items:flex-start;
	gap: 35px;
	flex-direction: column;
}
.challenge_top_profile_img{
	width: 150px;
	height: 150px;
	border: none;
	border-radius: 120px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:180px 180px;
	background-size: cover;
	margin: 0 auto;
}
.challenge_campaign_name{
	font-size: 20px;
	color:#269ABC !important;
	font-weight: 700;
}
.challenge_top_profile_txt h1{
	color: #212121;
	font-weight: 900;
	font-size: 32px;
	line-height: 45px;
}
.challenge_top_profile_txt p{
	font-weight: 400;
	font-size: 16px;
	line-height: 25px;
	color: #757575;
	margin-top: 10px;
}
#chllenge_category{
	display: flex;
	gap: 10px;
	width: 100%;
	border-bottom: 1px solid #cecece;
	margin-bottom: 30px;
	justify-content: space-between;
}
#chllenge_category a{
	padding: 15px 20px;
	font-weight: 500;
	font-size: 14px;
	color: #AAAAA9;
}
#chllenge_category a.selected{
	color: #2d2f30;
	border-bottom: 2px solid #6ABECC;
}
/* 선정기업 소개 > 상단  끝 */
/* 선정기업 소개 > quick link > 공통  시작 */
.slt_quick_title{
	font-weight: 700;
	font-size: 25px;
	line-height: 32px;
	padding-bottom: 20px;
	border-bottom: 1px solid #cecece;
}
.slt_quick_con{
	padding: 10px 0;
}
.slt_quick_con p{
	color: #757575;
	font-size: 14px;
}
.slt_quick_btn_area{
	padding: 10px 0;
}
.slt_quick_subtitle{
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
	color: #269ABC;
	margin-bottom: 5px;
}
.slt_quick_subcon{
	padding: 10px 0;
}
/* 선정기업 소개 > quick link > 공통  끝 */
/* 선정기업 소개 > quick link > 새소식  시작 */
.slt_quick_list li{
	padding: 5px 0;
	display: flex;
    width: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
	margin-bottom: 5px;
}
.slt_quick_list li:last-child{
	margin-bottom: 0;
}
.slt_quick_list li a{
	font-size: 14px;
}
.slt_quick_list li span{
	color: #757575;
	font-size: 12px;
}
/* 선정기업 소개 > quick link > 새소식  끝 */
/* 선정기업 소개 > quick link > 소속기관 정보  시작 */
.slt_og_info{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
}
.og_head{
	width: 40px;
	text-align: right;
	padding: 5px 0;
}
.og_profile_logo{
	width: 40px;
	height: 40px;
	border: none;
	border-radius: 20px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:180px 180px;
	background-size: cover;
}
.og_con{
	padding: 5px 0px 5px 10px;
	font-size: 14px;
	color: #757575;
}
.og_con a{
	display: block;
	font-size: 16px;
	color: #757575;
	margin-top: 5px;
	font-weight: 700; 
}
.og_con p{
	font-size: 14px;
}
.og_head .slt_og_icon{
	width: 21px;
}
#slt_con_item_area{
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.slt_con_item p{
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5em;
	color: #757575;
	padding: 20px 0;
}
.slt_top_profile{
	float: left;
	width: 25%;
	text-align: center;
}

.profile_img_area{
	border-radius: 10px;
	width: 150px; 
	height: 150px; 
}
.slt_top_txt{
	float: left;
	width: 75%;
}
.slt_top_txt h1{
	float: left;
	width: 70%;
	font-weight: bold;
	margin-bottom: 0px;
}
.slt_top_txt2{
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
/* 선정기업 소개 > quick link > 소속기관 정보  끝*/
.tag_area{
	float: left;
	width: 100%;
}
.edu_img_area{
	position: relative;
	top: 50px;
	border: 5px solid #f05624;
	border-radius: 50px;
	width: 100px; 
	height: 100px; 
	margin-left: auto;
	margin-right: auto;
}





/* beta_intro 모집하기 클릭 시, 팝업 대신 나타나는 랜딩 페이지 CSS */
.intro_page{
	background-color: #ffffff !important;
}
.intro_page *{
	font-family: 'Noto Sans KR' !important;
}
.intro_page img{
	max-width: 100%;
	height: auto;
}
.intro_color_black{
	color: #2D2F30 !important;
}
.intro_color_white{
	color: #ffffff !important;
}
.intro_color_gwon{
	color: #269ABC !important;
}
.intro_color_grey{
	color: #757575 !important;
}
.intro_color_lightgrey{
	color: #AAAAA9 !important
}
.intro_h1{
	font-weight: 900;
	font-size: 50px;
	line-height: 60px;
	letter-spacing: -0.36px;
}
.intro_h2{
	font-weight: 700;
	font-size: 32px;
	line-height: 45px;
}
.intro_h3{
	font-weight: 700;
	font-size: 25px;
	line-height: 32px;
	letter-spacing: -0.36px;
}
.intro_h4{
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: -0.36px;
}
.intro_h5{
	font-weight: 500;
	font-size: 16px;
	line-height: 25px;
	letter-spacing: -0.24px;
}
.intro_p{
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: -0.08px;
	color: #757575;
}
.intro_strong{
	color: #269ABC;
}

.intro_con{
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 5%;
}

.main_story_list{
	float: left;
	width: 100%;
	padding: 5px;
}

/*게시판 관련*/
.main_campaign_list{
	float: left;
	width: 100%;
	padding: 5px;
}
.main_campaign_con_txt_area{
	float: left;
	width: 100%;
	padding-bottom: 5px;
}

.main_campaign_con_img_area{
	float: left;
	margin-top: 0px;
	margin-right: 15px;
	width: 100%;
	height: 120px; 
	border: 1px solid #cdcdcd;
	border-radius: 15px;
}
.interview_con_img_area{
	float: left;
	margin-top: 0px;
	margin-right: 15px;
	width: 100%;
	height: 150px; 
	border: 1px solid #cdcdcd;
	border-radius: 15px;
}
/* Slider */
.photo {
	background-size: cover;
	background-position: center center;
	min-height: 10em;
	will-change: transform;
	height: 100vw;
}
#join_gwon_photo .photo{
	min-height: 500px;
}
  .photo.is-animating {
	animation: scale 5s ease-in-out forwards;
  }
  .photo:before {
	content: "";
	display: block;
  }
  .photo * > {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
  }
.main_banner_area{
	padding-top: 50px;
}
.intro_slider_con{
	float: left;
	margin-top: 0px;
	width: 100%;
	padding-top: 40px;
	text-align: left;
}
.intro_slider_con_text{
	position: absolute;
    top: 80px;
    width: 100%;
    display: flex;
    align-items: center;
}
.intro_slider_box{
	width: 100%;
	max-width: 1200px;
	padding: 10px 30px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
.intro_slider_box h2{
	color: #FFFFFF;
	text-shadow: 0px 0px 4px rgba(45, 47, 48, 0.1);
	margin-bottom: 20px;
}
.intro_slider_box p{
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.08px;
	color: #FFFFFF;
	margin-bottom: 25px;
}
.sub_bannner_area{
	position: fixed;
    bottom: 0px;
    background-color: #DBEEEE;
    width: 90%;
    z-index: 100;
    margin: 0 5% 15px;
    border-radius: 20px;
    filter: drop-shadow(0px 6px 20px rgba(117, 117, 117, 0.5));
}
ul.sub_bannner{
	width: 100%;
	max-width: 900px;
	padding: 15px 2%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
    align-items: center;
	gap: 5px;
}
ul.sub_bannner h5{
	margin-bottom: 5px;
	text-align: center;
}
.dalsu_img{
	width: 25px;
}
.intro_conainer{
	padding: 80px 0;
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.intro_title{
	margin-top: 40px;
}
.solution_title h3{
	font-size: 18px;
}
.service_con{
	margin-top: 60px;
}
.service_img{
	padding-bottom: 25px;
}
.service_des{
	margin-bottom: 25px;
}
.service_des h4{
	margin-bottom: 10px;
}

.solution_con{
	margin-top: 60px;
	padding-left: 5%;
	padding-right: 5%;
}
.solution_box{
	background: #FFFFFF;
	box-shadow: 0px 6px 20px #56A8B6;
	border-radius: 15px;
	text-align: center;
	padding: 45px 10px;
	margin-bottom: 25px;
}
.solution_box h3{
	margin-bottom: 0 !important;
	margin-top: 25px;
}
.solution_box img{
	width: 23px;
	margin-left: 5px;
}
.partner_con{
	padding: 35px 0;
}
.partner_con ul{
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
	gap: 20px;
}
.partner_con ul li img{
	width: 120px;
}

.faq_area{
	margin-top: 30px;
	display: flex;
	gap:15px;
	flex-direction: column;
    flex-wrap: nowrap;
}
.faq_area li{
	padding: 0;
	border-bottom: 1px solid #eaeaea;
    width: 100%;
}
.faq_area li .faq_q{
	padding: 15px 0;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
	cursor: pointer;
}
.faq_area li .faq_q h5{
	color:#2D2F30;
	font-weight: 700;
	padding-right: 10px;
}
.faq_area li .faq_a{
	padding: 20px 0 20px;
	display: none;
	border-top: 1px solid #EAEAEA;
}
.faq_a ul{
	display: flex;
	flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 10px;
    margin: 10px 20px;
}
.faq_a ul li{
	border: none;
	list-style: disc;
	border: none;
	list-style: disc;
	padding: 0 !important;
	font-weight: 400;
font-size: 14px;
color: #2D2F30;
}
.faq_cta{
	display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
}
.faq_cta svg{
	margin-top: 6px;
}


.join_des{
	width: 90%;
	max-width: 475px;
	margin: 0 auto;
}
.join_des p{
	margin-top: 10px;
	margin-bottom: 25px;
}
.join_des .cta_join{
	display: flex;
	gap: 5px;
	justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
.guide_img{
	margin-top:30px; text-align: center;
}
.mockup_img{
	margin-top:30px; text-align: center;
}
.open_toggle{
	content: "";
	display: inline-block;
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: transform .25s linear;
	-webkit-transition: -webkit-transform .25s 
}
.open_toggle[aria-expanded = "false"]{
	background-image: url( "/img/beta_intro/arrow_down.png" );
	-webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.open_toggle[aria-expanded = "true"]{
	background-image: url( "/img/beta_intro/arrow_down.png" );
	-webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}


/* 메인 수정 */
.main_con{
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 5%;
}
.main_con2{
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 5%;
}
.intro_slider_con_light{
	float: left;
    margin-top: 0px;
    width: 100%;
    text-align: left;
	height:100%;
}
.intro_img_slider_con_light{
    width: 100%;
}
.slider_con_img_banner{
	cursor: pointer;
	width: 100%;
	height: 100%;
}
.main_banner_img_desktop{
	display: none !important;
}
.main_banner_img_mobile{
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.slider_contents_area{
	padding: 0 20px;

}
.intro_img_slider_box_light{
	width: 100%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	height: 100%;
}
.intro_slider_box_light{
	width: 1200px;
	max-width: 100%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	padding-top: 5vw;
}
.intro_slider_box_light h2{
	color: #2d2f30;
	margin-bottom: 20px;
	margin-top: 30px;
	text-align: left;
}
.intro_slider_box_light p{
	font-weight: 400;
	font-size: 16px;
	line-height: 1.3em;
	letter-spacing: -0.08px;
	color: #2d2f30;
	margin-bottom: 20px;
}
.slider_img_area{
	position: absolute;
    right: 5%;
    bottom: 10%;
}
#main_banner_dalsu{
	width: 180px;
}
.partner_title_area{    
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.partner_con_area{
    margin-top: 30px;
    overflow-x: hidden;
}
.partner_box{
    padding-right: 15px;
}

#induce_con p{
    margin: 30px 0 40px;
}
.closebeta_apply{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 50px;
}
.closebeta_apply p{
    margin: 30px 0 40px;
}
.closebeta_character{
    text-align: right;
}
.closebeta_character img{
    width: 70%;
}
.tablebboard_load{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 70px;
}
.tablebboard_load .table_board_load_notice{
    width:100%;
}
.tablebboard_load .table_board_load_campaign{
    width:100%;
}
.tablebboard_load ul{
    margin-top: 20px;
}
.tablebboard_load ul li{
    margin-bottom: 10px;
}
/* 메인 수정 끝 */


/* 공고 목록 */
.campaign_title_area{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
}
#campain_con_area{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 20px 2%;
    align-items: flex-start;
    justify-content: space-between;
}
.campaign_box{
    width:48%;
}

#campaign_box{
	width: 100%;
	float: left;
}
.campaign_txt_area{
	display: flex;
	flex-direction: column;
    flex-wrap: nowrap;
	background-color: #ffffff;
}
.campaign_img_area{
	width: 100%;
    height: 200px;
    overflow-y: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	border-radius: 10px;
}
.campaign_txt_area_detail{
	width: 100%;
	font-size: 16px;
	line-height: 1.3em;
	padding: 10px 0;
}
.campaign_txt_area_detail h3{
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2em;
	margin-bottom: 10px;
	
}
.campaign_txt_area_detail .campaign_info_head{
	font-size: 12px;
	color: #757575;
}
.campaign_txt_area_detail .campaign_info_head span{
	display: inline-block;
	margin-right: 5px;
	font-size: 14px;
	font-weight: 500;
}
.campaign_txt_area_detail p{
	margin: 5px 0;
	font-size: 14px;
    line-height: 1.3em;
	height: 36px;
	overflow-y: hidden;
}
.campaign_cate{
	display: inline-block;
	margin-left: 13px;
    margin-top: 8px;
}
.campaign_txt_area_detail .campaign_from{
	margin-top: 5px;
	font-size: 14px;
	font-weight: 500;
	color: #6ABECC;
}

/* Gwon 필요성 체크 팝업 시작 */
#check_gwon_area{
	position: fixed;
	top: 20px;
	width: 100%;
	display: flex;
	justify-content: center;
    flex-direction: column;
    align-items: center;
	gap: 15px;
}
.check_gwon{
    position: relative;
	max-width: 536px;
	width: 90%;
	background-color: #ffffff;
	padding: 15px;
	border-radius: 10px;
	
}
.check_gwon p{
    padding: 10px 0 10px;
}
.check_gwon_list_area{
    padding: 0 5px;
}
.check_gwon_list{
    margin-bottom: 5px;
}
.check_gwon_list label, .check_gwon_list input[type='checkbox']{
    margin: 0;
    padding: 0;
}
.check_gwon_list input[type='checkbox']{
    width: 15px;
}
.check_gwon .check_gwon_list_area .check_gwon_list label{
    font-size: 12px;
    font-weight: inherit;
}
.check_gwon_list label{
	display: flex;
	gap: 15px;
	align-items: center;
}
.check_gwon_list input[type='checkbox']{
	display: none;
}
.check_gwon_list label img{
	width: 16px;
	height: 16px;
}
.check_gwon_list label{
	display: flex;
	gap: 15px;
}
.check_gwon_apply_area{
    margin-top: 20px;
    display: flex;
    gap:5%;
}
.check_gwon_dalsu{
    width: 25%;
}
.check_gwon_dalsu img{
    width: 100%;
}
.check_gwon_apply{
    width: 70%;
}
.check_gwon_apply a{
    display: block;
    margin: 15px 0 30px;
}
#check_gwon_close{
    position: absolute;
    top: 15px;
    right:15px
}
/* Gwon 필요성 체크 팝업 끝 */

/* 이용문의 폼 시작 */
.floating_btn_area{
	position: fixed;
	bottom: 30px;
	right: 30px;
}
.floating_btn_area .floating_btn{
	border:none;
	border-radius: 50%;
	width: 80px;
	height: 80px;
	background-color: #6ABECC;
	text-align: center;
}
.floating_btn_area .floating_btn i{
	font-size: 35px;
	color:#ffffff
}

#contact_form_area{
	position: fixed;
	top: 100px;
	width: 100%;
	display: flex;
	justify-content: center;
    flex-direction: column;
    align-items: center;
	gap: 15px;
}
.contact_form{
	max-width: 350px;
	width: 90%;
	background-color: #ffffff;
	border: 1px solid #eaeaea;
	padding: 25px;
	border-radius: 10px;
	
}
.contact_mail_list{
	width: 100%;
}
.contact_mail_con{
	margin-bottom: 10px;
	display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;

}
.contact_mail_con label{
	font-size: 13px;
	font-weight: 400;
	margin: 0;
}
/* 이용문의 폼 끝 */



/** makeintro 시작 **/
/* makeintro 메인 슬라이더  시작 */
.makeintro_banner_area {
	background-size: cover;
	background-position: center center;
	min-height: 10em;
	padding-bottom: 5%;
	will-change: transform;
	height: 650px;
}
.makeintro_banner_area.is-animating {
	animation: scale 5s ease-in-out forwards;
}
.makeintro_banner_area:before {
	content: "";
	display: block;
}
.makeintro_banner_area * > {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.makeintro_slider_con{
    margin-top: 0px;
    width: 100%;
    padding-top: 100px;
    height: 650px;
}
.makeintro_slider_inner_con{
	width: 70%;
	max-width: 800px;
	margin: 0 auto;
}
.makeintro_slider_title{
	width: 220px;
	margin: 0 auto;
}
.makeintro_comment_area{
	width: 100%;
	margin: 60px 0;
	display: flex;
	gap: 30px;
	flex-direction: column;
}
.makeintro_comment_left{
	text-align: left;
}
.makeintro_comment_right{
	text-align: right;
}
.makeintro_comment{
	opacity: 0;
	position: relative;
	display: inline-block;
	padding: 10px 15px;
	background-color: #eaeaea;
	border-radius: 10px;
	font-size: 18px;
}
.makeintro_comment_left .makeintro_comment:after{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-right-color: #eaeaea;
	border-left: 0;
	border-top: 0;
	margin-top: -12px;
	margin-left: -10px;
}
.makeintro_comment_right .makeintro_comment:after{
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-left-color: #eaeaea;
	border-right: 0;
	border-top: 0;
	margin-top: -12px;
	margin-right: -10px;
}
/* makeintro 메인 슬라이더  끝 */
/* 아래로 이동 유도 화살표 애니메이션  시작 */
#gwon_more_more img{
	max-width: 330px;
}
#gwon_more_more h1{
	margin:100px auto 50px;
	width: 300px;
}
.chevron_down_animated {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.chevron {
	position: absolute;
	width: 2.1rem;
	height: 0.48rem;
	opacity: 0;
	transform: scale(0.3);
	-webkit-animation: move-chevron 3s ease-out infinite;
	animation: move-chevron 3s ease-out infinite;
}

.chevron:first-child {
	-webkit-animation: move-chevron 3s ease-out 1s infinite;
	animation: move-chevron 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
	-webkit-animation: move-chevron 3s ease-out 2s infinite;
	animation: move-chevron 3s ease-out 2s infinite;
}

.chevron:before{
	content: "";
	position: absolute;
	top: 0;
	left: -12px;
	width: 0;
	height: 0;
	border: 24px solid transparent;
	border-right-color: #269ABC;
	border-left: 0;
	border-top: 0;
}
.chevron:after {
	content: "";
	position: absolute;
	top: 0;
	right: -12px;
	width: 0;
	height: 0;
	border: 24px solid transparent;
	border-left-color: #269ABC;
	border-right: 0;
	border-top: 0;
}


@-webkit-keyframes move-chevron {
	25% {
		opacity: 0.5;
	}
	33.3% {
		opacity: 0.5;
		transform: translateY(2.28rem);
	}
	66.6% {
		opacity: 0.5;
		transform: translateY(3.12rem);
	}
	100% {
		opacity: 0;
		transform: translateY(4.8rem) scale(0.5);
	}
}

@keyframes move-chevron {
	25% {
		opacity: 0.5;
	}
	33.3% {
		opacity: 0.5;
		transform: translateY(2.28rem);
	}
	66.6% {
		opacity: 0.5;
		transform: translateY(3.12rem);
	}
	100% {
		opacity: 0;
		transform: translateY(4.8rem) scale(0.5);
	}
}
/* 아래로 이동 유도 화살표 애니메이션  끝 */
/* Gwon 소개 Step 시작 */
.process_title{
	text-align: center;
	width: 305px;
    margin: 0 auto;
}
.process_area {
	width: 100%;
	max-width: 1000px;
	margin: 60px auto 20px;
}
.process_bar {
	width: 100%;
	min-width: 320px;
	display: flex;
}
.process_step {
	width: 25%;
	position: relative;
}
.process_step:first-child .process_step_circle:before {
	content: "1";
}
.process_step:nth-child(2) .process_step_circle:before {
	content: "2";
}
.process_step:nth-child(3) .process_step_circle:before {
	content: "3";
}
.process_step:last-child .process_step_circle:before {
	content: "4";
}
.process_bar .process_step:not(:first-child):before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	top: 17.5px;
	left: calc(-50% + 15px);
	right: 0;
	border: 2px #eaeaea dashed;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	-moz-transition: 0.4s;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.process_step_cont {
	font-family: sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	align-content: space-between;
}
.process_step_circle {
	border-radius: 100%;
	line-height: 0;
	background: #eaeaea;
	text-align: center;
	align-items: center;
	justify-content: center;
	align-self: center;
	display: flex;
	color: #fff;
	width: 35px;
	height: 35px;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 10px;
	z-index: 4;
	cursor: pointer;
}
.process_label {
	color: #aaaaa9;
	font-weight: 500;
	width: 100%;
	text-align: center;
	font-size: 16px;
}
.active_step1 .process_step:first-child .process_step_circle,
.active_step1-mini2 .process_step:first-child .process_step_circle,
.active_step1-mini3 .process_step:first-child .process_step_circle,
.active_step1-mini4 .process_step:first-child .process_step_circle {
	background-color: #6ABECC;
}
.active_step1 .process_step:first-child .process_label,
.active_step1-mini3 .process_step:first-child .process_label,
.active_step1-mini2 .process_step:first-child .process_label,
.active_step1-mini4 .process_step:first-child .process_label {
	color: #2d2f30;
}
.active_step2 .process_step:first-child,
.active_step3 .process_step:nth-child(-n + 2),
.active_step4 .process_step:nth-child(-n + 3) {
	opacity: 0.5;
	/*pointer-events: none;*/
}
.active_step2 .process_step:nth-child(-n + 2) .process_step_circle,
.active_step3 .process_step:nth-child(-n + 3) .process_step_circle,
.active_step4 .process_step:nth-child(-n + 4) .process_step_circle {
	background-color: #6ABECC;
}
.active_step2 .process_step:nth-child(-n + 2) .process_label,
.active_step3 .process_step:nth-child(-n + 3) .process_label,
.active_step4 .process_step:nth-child(-n + 4) .process_label {
	color: #6ABECC;
}
.active_step2 .process_step:nth-child(-n + 2):before,
.active_step3 .process_step:nth-child(-n + 3):before,
.active_step4 .process_step:nth-child(-n + 4):before {
	border-color: #6ABECC !important;
}
.process_con{
	width: 95%;
	max-width: 1000px;
	margin: 0 auto;
}
.process_con_img{
	display: none;
	text-align: center;
}
.process_con_txt{
	text-align: center;
}
.process_con_txt p{
	font-weight: 500;
	font-size: 18px;
	line-height: 30px;
	padding: 20px 0 40px;
	text-align: center;
}
.process_con_img a{
	padding: 7px 20px;
	background-color: unset;
	border: 1px solid #aaaaa9;
	border-radius: 10px;
	display: inline-block;
}
/* Gwon 소개 step 끝 */
/* Gwon 핵심 기능 소개 시작 */
.solution_area {	
	margin: 60px auto;
	display: flex;
	gap: 40px;
	flex-direction: column-reverse;
}
.solution_title{
	text-align: center;
    width: 260px;
    margin: 0 auto;
}
.solution_bar {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.solution_step_cont {
	display: flex;
	gap: 20px;
	position: relative;
}
.solution_step_circle{
	width: 48px;
	height: 48px;
	content: url('/img/icon/bt_chack_disable.png');
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	-moz-transition: 0.4s;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.solution_bar .solution_step_cont:not(:last-child)::after {
	content: "";
	display: block;
	position: absolute;
	width: 2px;
	height: 100%;
	top: 54px;
    left: 24px;
	border: 2px #eaeaea dashed;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	-moz-transition: 0.4s;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.solution_step_cont.active .solution_step_circle{
	content: url('/img/icon/bt_chack_enable.png');
}
.solution_con_txt{
	display: flex;
	gap: 10px;
	flex-direction: column;
}
.solution_con_txt .solution_label {
	color: #757575;
	font-weight: 500;
	width: 100%;
	font-size: 20px;
}
.solution_con_txt p{
	font-weight: 400;
	font-size: 16px;
	line-height: 25px;
	color: #757575;
}
.solution_step_cont.active .solution_label{
	color: #2d2f30;
}
.solution_step_cont.active .solution_con_txt p{
	color: #2d2f30;
}
.solution_con_img{
}
/* Gwon 핵심 기능 소개 끝 */
/* Gwon 영상 가이드 시작 */
.guide_video_area{
	margin-top: 20px;
}
.guide_video_con_play{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.guide_video_con_play iframe,
.guide_video_con_play object,
.guide_video_con_play embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.guide_video_con_list{
	margin-top: 40px;
}
.guide_video_con_head{
	font-weight: 700;
	font-size: 16px;
	width: 270px;
	margin: 0 auto 20px;
	text-align: center;
}
.guide_video_con_title{
	font-weight: 700;
	font-size: 16px;
	margin-top: 10px;
	height: 23px;
	text-align: left;
    overflow: hidden;
}
.guide_video_con{
	cursor: pointer;
}
.guide_video_con img{
	width: 100%;
}
.makeintro_closebeta_character img{
	width: 50%;
}
.makeintro_closebeta_comments{
	margin-top: 40px;
}
.makeintro_closebeta_comments h3{
	text-align: center;
	font-weight: 400 !important;
	font-size: 20px;
	margin: 0 !important;
	margin-bottom: 30px !important;

}
.makeintro_closebeta_cta{
	text-align: center;
}

.search_area{
	width: 100%;
	float: left;
}

.search_area button, .search_area button:hover{
	background: #fff;
	border: 0px;
}
.search_area input{
	border: 0px;
	border-radius: 0px;
	box-shadow: none;
}
.search_area input:hover{
	box-shadow: none;
	border-radius: 0px;
}
#search_txt_area{
	float: left;
	width: 100%;
	border-bottom: 1px solid #cdcdcd;
	margin-bottom: 15px;
}
#search_txt_area button{
	float: right;
}
#search_value{
	width: 80%;
	margin: 0%;
	margin-bottom: 5px;
	border: 0px;
	border-radius: 0px;
	border-top: 0px;
	box-shadow: none;
	display: inline-block;
}
#search_value:hover{
	width: 80%;
	margin: 0%;
	margin-bottom: 5px;
	border: 0px;
	border-radius: 0px;
	box-shadow: none;

}
.search_area input, .search_area select{
	width: 100%;
	margin-bottom: 10px;
}
/* Gwon 영상 가이드 끝 */

/* makeintro 끝 */