/* 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; max-width: 100%;}

body{
	background: #f7f7f8;
}
pre{
	width: 100%;
	white-space: pre-wrap;
	word-break: break-all;
	overflow: auto;
}
::selection {
	background-color: #6abecc;
	color: #ffffff;
}
/*****Custom Classes*****/
.clearing { clear: both; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }

/* 스크롤에 따라 나타나기 */
@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;
	}
}
.hideme {
	opacity: 0;
}
.showmeFwd {
	-webkit-animation: fade-in-fwd 2s ease-out both;
	animation: fade-in-fwd 2s ease-out both;
}
.showmeBwd {
	-webkit-animation: fade-in-bwd 2s ease-out both;
	animation: fade-in-bwd 2s ease-out both;
}

/*****Basic Layout*****/
#top_area{
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px solid #cecece;
	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: 1200px;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}
#top_noti_con_txt{
	float: left;
	display: inline-block;
	width: 60%;
	font-size: 11px;
	margin-top: 5px;
	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;
    height: 30px;
	color:#ffffff;
	font-size: 11px;
	gap: 8px;
}
#top_menu_area a{
	font-size: 11px;
	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;
    display: flex;
    width: 1200px;
	max-width: 90%;
    margin: 0 auto;
    align-items: center;
    gap: 10%;
}
#top_con a{
	cursor: pointer;
}

#top_logo{
	
}
#top_logo_img{
	width: 120px;
	padding-top: 20px;
	padding-bottom: 20px;
	transition: all ease 1s;
}
#top_dashboard_bt_area{
	width: 55px;
}
#bt_dashboard_menu{
	width: 25px;
	height: auto;
}
#top_main_menu_area{
	margin-top: 0px;
}
#top_main_menu{
	display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    gap: 25px;
    width: 100%;
    align-items: center;
}
#top_main_menu a{
	font-size: 16px;
	font-family: 'Godo', sans-serif;
	text-decoration: none;
	font-weight: 400;
	padding: 30px 5px 25px;
	color: #aaaaa9;
	background: initial;
	border-bottom: 3px solid #fff;
}
#top_main_menu .top_impact_bt{
	background-color: initial;
	border: initial;
	border-radius: 0;
	color: #6ABECC; 
	border-bottom: 3px solid #6ABECC;
}
/* #top_main_menu .top_impact_bt a{
	color: #fff; 
}
#top_main_menu .top_sub_menu{
	color: #aaaaa9;
} */

/* 모바일 상단 nav */
#top_submenu_area_m{
	display: none;
}
#nav_btn_area{
	display: none;
}
#nav_list{
	display: none;
}
.popup_blur{
	display: none;
	width: 100vw;
	height: 100vh;
	background: #2D2F30;
	opacity: 0.5;
}
/* 모바일 상단 nav 끝 */

#container {
	/*overflow: hidden; 
	z-index: 5;
	position:absolute;*/
	margin-top: 95px;
	width: 100%; 
}
#container_main{
	/*overflow: hidden; 
	z-index: 5;
	position:absolute;*/
  	min-height: 100vh;           /* 화면 높이만큼은 채움 */
	margin-top: 35px;
	width: 100%; 
	float: left;
}
#con{
	float: left;
	text-align: center;
	width: 100%;
	padding-top: 80px;
	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%;
  	min-height: 80vh;           /* 화면 높이만큼은 채움 */
	padding-top: 20px;
	padding-bottom: 30px;
	background: #fff;
}
#chn_top_con{
	text-align: center;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom: 0px;
}
#chan_top_con_area{
	display: flex;
	width: 100%;
}
#chan_top_con_logo{
	flex-direction: column;
	width: 340px;  /* w-20 */
	margin-right: 30px;	
}
#chan_top_con_txt{
	flex-direction: column;
	width: 85%;
}
#chan_top_con_txt h1{
	margin-bottom: 0px;
}

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

#chan_menu_con{
	display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
    align-items: center;
}
#chan_menu_area a{
	font-size: 16px;
	font-family: 'Godo', sans-serif;
	text-decoration: none;
	font-weight: 400;
	padding:15px 5px 15px;
	color: #aaaaa9;
	background: initial;
	border-bottom: 3px solid #fff;
}
#chan_menu_area .top_impact_bt{
	background-color: initial;
	border: initial;
	border-radius: 0;
	color: #6ABECC; 
	border-bottom: 3px solid #6ABECC;
}
#con_main{
	width: 1200px;
	margin-left: auto;
	margin-right: auto;f
}
#con_main_680{
	width: 680px;
	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;
}
.ch_con_area{
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	clear: both;
	padding-top: 30px;
	padding-bottom: 30px;
}
.main_con_detail{
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
#main_1_con_area, #main_2_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: 33%;
	padding-left: 1%;
	padding-right: 1%;
	text-align: center;
	font-size: 13px;
	line-height: 19px;
	color: #cecece;
}
.main_1_con h3{
	margin-top: 20px;
	margin-bottom: 20px;
	color: #555;
}
#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: 10px;
	margin-right: 10px;
	cursor: pointer;
	font-size: 15px;
	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_3_left{
	float: left;
	width: 30%;
}
#main_3_left h1{
	margin-top: 100px;
	line-height: 45px;
	font-size: 30px;
	color: #000;
}
#main_3_left img{
	margin-top: 250px;
	max-width: 80%;
}
#main_3_right{
	float: left;
	width: 70%;
}
#quick_link{
	z-index:100;
	/*float: left;*/
	position: fixed;
	width: 60px;
	right: 20px;
	bottom: 20px;
	padding: 15px;
	border: 1px solid #cecece;
	border-radius: 30px;
	margin-top: 10px;
	text-align: center;
	line-height: 12px;
	background: #fff;
}
#quick_link img{
	max-width: 100%;
}
#quick_link a{
	font-weight: bold;
	font-size: 13px;
	line-height: 12px;
	color: #555;
}
.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;
}
.dash_menu{
	margin-bottom: 24px;
}
.dash_menu img{
	vertical-align: middle;
	margin-right: 10px;
}
.dash_menu_on{
	display: none;
	margin-left: 10px;
	font-weight: 400;
	font-size: 17px;
	color: #AAAAA9;
}
.dashboard_menu_sub{
	display: none;
}
#dashboard_menu a,.dashboard_menu_sub a{

}
#dashboard_menu a,.dashboard_menu_sub a.on{
	color: #ffffff;
}
.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_info{
	display: flex;
	gap: 20px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
	margin-bottom: 15px;
}
.dash_campaign_img{
	width: 25%;
	min-width: 100px;
	height: 125px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
}
.dash_campaign_txt{
	display: flex;
	flex-direction: column;
	gap:5px;
}
.dash_make_from{
	display: flex;
	gap: 15px;
	flex-direction: row;
}
.dash_make_from span{
    display: inline-block;
    font-size: 12px;
	
}
.dash_visit_area{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	align-items: flex-end;
}
.dash_visit{
	display: flex;
	gap: 50px;
	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;
	flex-wrap: wrap;
	align-items: center;
	gap: 25px;
	padding: 10px 0;
}
.visit_from_con{
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
.visit_from_img img{
	width: 54px;
}
.visit_from_txt{
	display: flex;
	flex-direction: column;
	gap: 7px;
}
.visit_val{
	font-weight: 700;
	font-size: 22px;
}
.visit_title{
	font-size: 14px;
	width: 50px;
}
.dash_like_action{
	display: flex;
	gap: 20px;
}
.dash_like_action_con{
	display: flex;
	gap: 10px;
	align-items: center;
	font-size: 16px;
}
.dash_like_action_con img{
	height: 25px;
	width: auto;
}
.datepicker_area{
	display: flex;
	align-items: center;
	gap: 10px;
}
#resp_list_area{
	float: left;
	width: 40%;
	margin-right: 5%;
}
#resp_list_area2{
	float: left;
	width: 30%;
	margin-right: 5%;
}
#resp_result_area{
	float: left;
	width: 55%;
	height: 500px;
	overflow: auto;
	border: 1px solid #cecece; 
	background: #f8f8f8;
}
#resp_table_area{
	float: left;
	width: 100%;
	height: 400px;
	overflow: auto;
	background: #fff;
}
#resp_result_area2{
	float: left;
	width: 65%;
	height: 500px;
	overflow: auto;
	border: 1px solid #cecece; 
	background: #f8f8f8;
}
#eval_con_area{
	float: left; 
	width: 100%; 
	padding: 0px; 
	background: #fff;
}
#eval_con_area h3{
	font-weight: bold;
	margin-bottom: 10px;
}
#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%;
}
.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, #mail_send_con_list ul{
	padding: 5px 0;
}
#event_list ul li, #mail_send_con_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: 20px;
	padding-right: 20px;
	background: #3ec0ce;
	padding-top: 5px;
	padding-bottom: 5px;
}
#workspace_top_con{
	clear: both;
	display: flex;
    width: 100%;
	padding-left: 20px;
	padding-right: 20px;
    margin: 0 auto;
    align-items: center;
    gap: 10%;
}
#workspace_top_con_dashboard{
	clear: both;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	display: flex;
	align-items: center;
}
#workspace_container{
	/*overflow: hidden; 
	z-index: 5;
	position:absolute;*/
	margin-top: 120px;
	width: 100%; 
	min-height: 100%;
}
#workspace_container_dashboard{
	/*overflow: hidden; 
	z-index: 5;
	position:absolute;*/
	margin-top: 95px;
	width: 100%; 
	min-height: 100%;
}
#dashboard_container{
	margin-top: 103px;
	width: 100%; 
	min-height: 100%;
}
#workspace{
	width: 100%;
	min-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;
}
#workspace2{
	width: 100%;
	min-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{
	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;
}
#workspace_left_con{
	width: 100%;
	padding: 20px;
}
.ws_left{
	width: 255px;
	background: #fff;
}
.dash_left{
	width: 65px;
	background: #555555;
	color: #fff;
}
.dash_left_con{
	width: 100%;
	padding: 10px 20px;
    color: #fff;
    display: inline-block;
}
/*캠페인 정보에 대한 세부 속성 */
#eval_con1{
	width: 100%;
	float: left;
}
#eval_step1{
	width: 100%;
	float: left;
	margin-top: 10px;
}
#eval_step2{
	width: 100%;
	float: left;
	margin-top: 10px;
}
.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:30%;
	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:68%;
}
.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;
}
.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: 92%;
	height: 1px;
	background-color: #ddd;
	top: 15px;
	left: -47%;
	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{
	text-align: center;
	width: 100%;
}
#make_step_txt{
	float: left;
	width: 100%;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 20px;
	color: #fff;
}
#make_step_txt a{
	color: #fff;
	font-weight: 700;
    margin-bottom: 25px;
    display: inline-block;
    text-align: center;
}
.step_bt{
	vertical-align: middle;
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	margin-bottom: 0px;
}
.make_step{
	width: 100px;
	background: #3ec0ce;
}

#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;
	padding-bottom: 20px;
}
#workspace_all{
	padding-top: 30px;
	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{
	min-width: 570px;
	width: 80%;
	min-height: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-flex: 1.5;
	-ms-flex: 1.5;
	flex: 1.5;
	box-sizing: inherit;
	border-right: 1px solid #cecece;
	padding-bottom: 20px;
}
#workspace_center2{
	min-width: 570px;
	width: 80%;
	min-height: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-flex: 2.0;
	-ms-flex: 2.0;
	flex: 2.0;
	box-sizing: inherit;
	border-right: 1px solid #cecece;
	padding-bottom: 20px;
}

#workspace_design{
	min-width: 150px;
	max-width: 200px;
	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;
}
.template_img_area{
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
#workspace_preview{
	min-height: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-flex: 0.8;
	-ms-flex: 0.3;
	flex: 0.8;
	box-sizing: inherit;
}
.preview_area{
	min-width: 100px;
	background: #f8f8f8;
}
#workspace_preview_template{
	min-width: 100px;
	min-height: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-flex: 1.7;
	-ms-flex: 1.7;
	flex: 1.7;
	box-sizing: inherit;

}
#workspace_right_con{
	width: 100%;
	padding: 30px;
	float: left;
}
#wp_center_con{
	width: 100%;
	padding: 10px 40px;
}
.page_title_area{
	margin-top: 10px;
    padding-bottom: 30px;
	border-bottom: 1px solid #eaeaea;
}
#wp_center_con h1{
	margin-bottom: 5px;
	font-weight: 400;
	font-size: 30px;
}
#wp_center_con .t_title{
	font-weight: 400;
	font-size: 16px;
}
.form_set_subtitle{
	float: left;
	width: 100%;
    align-items: center;
}
#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;
	padding: 20px;
	padding-top:  100px;
	padding-bottom:  100px;
	/*
	border: 1px solid #cecece;
	*/
	background: #4ac0cc;
	margin-bottom: 30px;
	border-radius: 5px;
	color: #fff;
	text-align: center;
}
.wkarea1{
	min-width: 600px;
	width: 600px;
	background: #fff;
}
.wkarea_design{
	min-width: 150px;
	width: 150px;
	background: #fff;
}
#bt_area{
	float: left;
	width: 100%;
	text-align: right;
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 0px;
	border-top: 1px solid #eaeaea;
}
#bt_area_on{
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px solid #eaeaea;
	color: #e5e5e5;
	z-index: 10;
	position: fixed;
	bottom: 0px;
	background: #fff;
	padding: 10px;
}
#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;
}
.page_con_area{
	padding: 10px 0;
	width: 100%;
	float: left;
	border-bottom: 1px solid #eaeaea;
}
#wp_center_con h3{
	font-weight: 400;
	font-size: 21px;
	margin-bottom: 15px;
}
.upload_img_area{
	margin-top: 10px;
}
.datepick_area{
	display: flex;
	flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
#wp_center_con hr{
	float:left; 
	width:100%; 
	margin-top: 10px; 
	margin-bottom: 10px;
}
#logo_state{
	width: 100%;
	float: left;
}
.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;
}
#tag_backup{
	display: flex;
	flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 10px;
}
.visible_img_div{
	width: 142px;
	height: 170px;
	padding: 10px;
	border: 1px solid #eaeaea;
	text-align: center;
	position: relative;
}

.project_action_a{
	font-size:16px;
}
#con_main2{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
#form_title{
	background: #f8f8f8;
	margin-bottom: 5px;
}
#form_area, #eval_table, #eval_user_list{
	width: 100%;
	float: left;
}
#eval_user_list{
	min-height: 150px;
	max-height: 350px;
	overflow: auto;
}
#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;
}

/* 콘텐츠 > 사업소개 시작 */
#contents_depth2{
	width: 170px;
	min-width: 170px;
	border-right:1px solid #cecece;
}
#con_set_menu{
	gap: 20px;
    width: 100%;
    padding: 30px 25px;
    margin-top: 10px;
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-direction: column;
}

#con_set_menu a{
	font-weight: 500;
	font-size: 18px;
	color: #AAAAA9;
}
#con_set_menu a.onFocused{
	color: #6ABECC;
}
/* 콘텐츠 > 사업소개 끝 */

/* 콘텐츠  > 활성화 시작 */
.teammate_ul{
	padding: 0 20px;
}
.teammate_list{
	list-style: none;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
	flex-direction: row;
	margin-bottom: 10px;
}
.teammate_list:last-child{
	margin-bottom: 0;
}
.teammate_list .team_mate_list_logo{
	width: 10%;
}
.teammate_list .team_mate_list_cont{
	width: 65%;
}
.teammate_list .team_mate_list_act{
	width: 25%;
	text-align: right;
}
.teammate_add_cont{
	width: 75%;
}
.teammate_add_act{
	width: 25%;
	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: 100%;
	border-radius: 5px;
	padding-bottom: 30px;
}
#main_slider_con{
	float: left;
	background : url('/img/main/main_slider_con_bg.gif') no-repeat center top #fff;
	margin-top: 0px;
	width: 100%;
	padding-top: 150px;
	text-align: left;
	height: 690px;
}
#main_slider_con2{
	float: left;
	margin-top: 0px;
	width: 100%;
	height: 200px;
	text-align: center;
}
#board_slider{
	float: left;
	background : url('/img/main/board_top.jpg') no-repeat center top #fff;
	background-size: 1200px;
	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{
	width: 1200px;
	padding: 20px;
	margin-top: 20px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
.g_point_color{
	color: #3ec0ce;
}
.g_point_bold{
	font-weight: bold;
}
.align_center{
	text-align: center;
}
.main_slider_sub_con_area{
	float: left;
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
}
.main_slider_sub_con{
	float: left;
	width: 50%;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 10px;
	font-size: 11px;
	line-height: 15px;
}
.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: 880px;
	float: left;
}
#mail_msg_form{
	display: none;
}
.main_con_left_w{
	width: 300px;
}

.main_con_right_w{
	width: 880px;
}

#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;*/
	display: inline-table;
	padding : 10px;
	border: 1px solid #cecece;
	background: #fff;
	margin-bottom: 30px;
	border-radius: 5px;
	min-height: 100px;
}
.con_outline ol, .con_outline ul{
	width:  96%;
	margin-left:  2%;
	margin-right:  2%;
	padding-left: 30px;
	padding-right: 30px;
}
.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;
}
.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  시작 */
.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;
}
.campaign_con_makepage_img_area{
	width: 40%;
	min-width: 120px;
}
.campaign_con_makepage_img{
	width: 100%;
    height: 120px;
	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: 20px;
}
.campaign_con_makepage_link a{
	font-weight: 500;
	font-size: 14px;
}
.campaign_con_makepage_detail{
	width: 60%;
	font-size: 16px;
	line-height: 1.3em;
	padding: 0 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{
	float: left;
	width: 100%;
	padding-top: 10px;
	margin-bottom: 15px;
	display: flex;
}
.campaign_con_left{
	float: left;
	width: 100%;
	max-width: 220px;
}
.campaign_con_img_area{
	float: left;
	/*border: 1px solid #cecece;*/`
	margin-top: 5px;
	margin-right: 15px;
	max-width: 200px;
	width: 100%;
	height: 100px; 
}
.campaign_con_txt_area_detail{
	float: left;
	max-width: 635px;
	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;
	max-width: 635px;
	width: 100%;
	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: 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.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{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cecece;
	/* font-family: 'Nanum Gothic'; */
	font-weight: normal;
	line-height: 1.8em;
}
.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: 1200px;
	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;
	text-align: center;
}
#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: 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;
}
.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{
	padding-left: 10px;
	padding-right: 10px;
	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: 60%;
	float: left;
	margin-bottom: 5px;
}
.form_required_area{
	width: 40%;
	margin-top: 5px;
	padding-left: 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;
	display: none;
}
.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-title{
	border: 1px solid #AAAAA9;
	margin-top: 5px;
	margin-bottom: 5px;
	background: #f8f8f8;
}
.list-group-item{
	border: 0px;
	border-radius: 5px;
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 12px;
	border: 1px solid #eaeaea !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-top: 20px;
}
#workspace_preview_con h3{
	margin-top: 15px;
}
/*Guide 영역*/
#workspace_preview_guide{
	padding: 10px;
	height: 100%;
	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%;
}
#op_top{
	clear: both;
	text-align: center; 
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 20px;
}
#op_top a{
	cursor: pointer;
}
#op_con{
	width: 100%;
	text-align: center;
}

/* 공고생성 > 접수항목 > 미리보기 영역 시작 */
.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: 24px;
    font-weight: 700;
    color: #2D2F30;
    letter-spacing: 0.2em;
    width: fit-content;
    margin-bottom: 20px;
}
.form_preview h2{
	font-weight: 500;
	font-size: 21px;
	color:#2D2F30;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1.3em;
}
.form_preview p{
	font-size: 14px;
	font-weight: 400;
	color:#2D2F30;
	line-height: 1.3em;
}
.preview_con_area{
	margin-top: 20px;
	
}
.preview_con_area h3{
	font-weight: 500;
	font-size: 18px;
	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{
	margin-right: 10px;
	margin-left: 20px;
}
.form_icon_area button{
	font-size: 14px;
	font-weight: 400;
	width: 49%;
    background: #ffffff;
    border: 1px solid #AAAAA9;
    margin-bottom: 5px;
    height: 43px;
	padding: 0;
}
.form_icon_area button:hover{
	background: #f8f8f8;
}
#form_area > .field_type{
	display: none;
}
.form_type_txt{
	font-weight: bold;
}
.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%;
	min-height: 100px;
	overflow: auto;
}
#workspace_preview_con{
	height: 100%;
	overflow: auto;
}

#bt_show_preview_modal{
	display: none;
}

#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_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;
}
#container_main h3{
	width: 99%;
    margin-left: 0.5%;
    margin-right: 0.5%;
    font-weight: bold;
    margin-bottom: 15px;
}
.host_main_con_area{
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 30px;
}
.host_main_con{
	display: inline-block;
    background: #fff;
    width: 32%;
    box-sizing: border-box;
    border-radius: 10px;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-bottom: 15px;
    transition: 0.3s ease-in-out;
}
.host_list_con{
	display: inline-block;
    background: #fff;
    width: 48%;
    border: 1px solid #cecece;
    box-sizing: border-box;
    border-radius: 10px;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-bottom: 15px;
    transition: 0.3s ease-in-out;
}
.host_main_con_txt{
	float: left;
    width: 100%;
    padding: 0px;
    height: 270px;
}
#container_main .host_main_con_txt h3 {
    color: #555;
    line-height: 20px;
    margin-bottom: 10px;
    font-weight: bold;
}
.campaign-thumbnail{
    position: relative;
    border-radius: 10px 10px 10px 10px;
}

.expired-thumbnail::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 10px 10px 10px 10px;
}

.expired-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.expired-text {
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 8px 16px;
    border-radius: 5px;
    font-weight: bold;
}
.btn3 {
    color: #2d2f30235;
    background-color: #ffffff;
    border: 1px solid #C5C5CC;
    border-radius: 70px;
    text-align: center;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    min-width: 100px;
}
#host_notice_area{
	float: left;
	width: 100%;
	border-top: 1px solid #cecece;
}
#host_notice_con{
	width: 1200px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
}
#host_notice_title{
	float: left;
	font-family: 'OneShinhanMedium', sans-serif;
	text-decoration: none;
	font-weight: 700;
	font-size: 16px;
	margin-right: 15px;
	margin-bottom: 10px;
}
.host_notice_txt{
	float: left;
	font-weight: bold;
	margin-right: 0px;
	margin-bottom: 10px;
	width: 500px;
}
.host_notice_date{
	float: left;
	color: #cecece;
	margin-right: 30px;
	margin-bottom: 10px;
}

#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: 10px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	text-align: left;
	border-bottom: 1px solid #f8f8f8;
}
/* 선정기업 소개 > 상단  시작 */
#challenge_main{
	margin-top: 70px;
}
#challenge_con_area{
	width: 95%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

#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;
}
.challenge_top_profile_img{
	width: 180px;
	height: 180px;
	border: none;
	border-radius: 120px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:180px 180px;
	background-size: cover;
}
.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;
}
#chllenge_category a{
	padding: 15px 20px;
	font-weight: 500;
	font-size: 20px;
	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_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: 82px;
	line-height: 90px;
	letter-spacing: -0.36px;
}
.intro_h2{
	font-weight: 700;
	font-size: 50px;
	line-height: 60px;
}
.intro_h3{
	font-weight: 700;
	font-size: 32px;
	line-height: 45px;
	letter-spacing: -0.36px;
}
.intro_h4{
	font-weight: 700;
	font-size: 25px;
	line-height: 32px;
	letter-spacing: -0.36px;
}
.intro_h5{
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: -0.24px;
}
.intro_p{
	font-weight: 400;
	font-size: 16px;
	line-height: 25px;
	letter-spacing: -0.08px;
	color: #757575;
}
.intro_strong{
	color: #269ABC;
}

.intro_con{
	max-width: 1200px;
	margin: 40px auto;
	padding: 0 50px;
}

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

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

.main_campaign_con_img_area{
	float: left;
	margin-top: 0px;
	margin-right: 15px;
	width: 100%;
	height: 203px; 
	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;
}
/* slick slider */

.slick-slider {
  position: relative;
  width: 100%;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  max-height: 670px;
  overflow: hidden;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  width: 100%;
}
.slick-slide:focus, .slick-slide:hover {
  outline: 0;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
  height: auto;
  width: 100%;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.photo {
	background-size: cover;
	background-position: center center;
	min-height: 10em;
	will-change: transform;
}
.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%;
}
.intro_slider_con_text{
	position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 5%;
}
.intro_slider_con{
	float: left;
	margin-top: 0px;
	width: 100%;
	padding-top: 150px;
	text-align: left;
	height: 670px;
}
.intro_slider_box{
	width: 1200px;
	max-width: 100%;
	padding: 20px 50px;
	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: 18px;
	line-height: 30px;
	letter-spacing: -0.08px;
	color: #FFFFFF;
	margin-bottom: 50px;
}
.sub_bannner_area{
    bottom: 0px;
    background-color: #DBEEEE;
    width: 100%;
    z-index: 100;
}

ul.sub_bannner{
    width: 100%;
    max-width: 900px;
    padding: 0 20px 0 20px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.dalsu_img{
    margin-top: 17px;
    height: 110px;
}
.sub_bannner_area.move{
    position: fixed;
}
.sub_bannner_area.move .dalsu_img{
    margin-top: 17px;
    height: 78px;
}

ul.sub_bannner h5{
	margin-bottom: 5px;
}

.intro_conainer{
	padding: 80px 0;
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.intro_title{
	margin-top: 80px;
}
.service_con{
	margin-top: 120px;
}
.service_img{
	padding: 0 60px;
}
.service_des{
	padding: 0 60px;
}
.service_des h4{
	margin-bottom: 10px;
}

.solution_con{
	margin-top: 100px;
	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;
}
.solution_box h3{
	margin-bottom: 0 !important;
	margin-top: 25px;
	font-size:28px;
}
.solution_box img{
	width: 23px;
	margin-left: 5px;
}
.partner_con{
	margin-top: 40px;
	padding: 35px 0;
}
.partner_con ul{
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
}
.partner_con ul li img{
	width: 145px;
}

.faq_area{
	margin-top: 30px;
	display: flex;
	gap:15px;
	flex-direction: column;
    flex-wrap: nowrap;
}
.faq_area li{
	padding: 15px 15px;
	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;
}
.faq_area li .faq_a{
	padding: 30px 0 30px;
	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;
	padding: 0 !important;
	font-weight: 400;
font-size: 16px;
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-bottom: 25px;
}
.join_des .cta_join{
	display: flex;
	gap: 25px;
	justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
.guide_img{
	margin-top:60px; text-align: center;
}
.mockup_img{
	margin-top:60px; 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{
    width: 90%;
	max-width: 1200px;
	margin: 10px auto;
}
.main_con2{
	clear: both;
    width: 90%;
	max-width: 1000px;
	margin: 10px auto;
}
.main_banner_area{
	padding-top: 85px !important;
}
.intro_slider_con_light{
	float: left;
    margin-top: 0px;
    width: 100%;
    text-align: left;
    height: 44vw;
	max-height: 600px;
	overflow-y: hidden;
}
.intro_img_slider_con_light{
    width: 100%;
}
.slider_con_img_banner{
	cursor: pointer;
	width: 1200px;
	max-width: 100%;
	height: 100%;
}
.main_banner_img_desktop{
	width: 1200px;
	max-width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.main_banner_img_mobile{
	display: none !important;
}
.intro_slider_box_light{
	width: 1200px;
	max-width: 90%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	height: 100%;
	display: flex;
	justify-content: space-between;
	gap: 30px;
}
.intro_slider_box_light .slider_contents_area{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}
.intro_slider_box_light h2{
	color: #2d2f30;
	margin-bottom: 20px;
	text-align: left;
}
.intro_slider_box_light p{
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: -0.08px;
	color: #2d2f30;
	margin-bottom: 3vw;
}
.intro_slider_box_light a{
	margin-bottom: 50px;
}
.slider_img_area{
	display: flex;
    align-items: flex-end;
}
@media screen and (max-width:800px) {
	.slider_img_area{
		display: none;
	}
}
#main_banner_dalsu{
	max-width: 300px;
	margin-bottom: 30px;
}

.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: 15px 0 40px;
}
.closebeta_apply{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 5%;
}
.closebeta_apply p{
    margin: 15px 0 40px;
}
.tablebboard_load{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
	gap:5%;
}
.tablebboard_load .table_board_load_notice{
    width:50%;
}
.tablebboard_load .table_board_load_campaign{
    width:50%;
}
.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: 5%;
    align-items: flex-start;
}
.campaign_box{
    width:30%;
}
#campaign_box{
	width: 100%;
	float: left;
}
.campaign_txt_area{
	display: flex;
	flex-direction: column;
    flex-wrap: nowrap;
	background-color: #ffffff;
	margin-bottom: 40px;
}
.campaign_img_area{
	width: 100%;
    height: 200px;
    overflow-y: hidden;
    background-position: top 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 !important;
	font-size: 20px;
	line-height: 1.2em;
	margin-bottom: 10px !important;
	
}
.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: 52px;
    overflow-y: hidden;
    color: #757575;
}
.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;
}

/* 이용문의 폼 시작 */
.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;
}
/* 이용문의 폼 끝 */

/* Gwon 필요성 체크 팝업 시작 */
#check_gwon_area{
	position: fixed;
	top: 55px;
	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: 25px 0 30px;
}
.check_gwon_list_area{
    padding: 0 5px;
}
.check_gwon_list{
    margin-bottom: 10px;
}
.check_gwon_list label, .check_gwon_list input[type='checkbox']{
    margin: 0;
    padding: 0;
}
.check_gwon .check_gwon_list_area .check_gwon_list label{
    font-size: 14px;
    font-weight: inherit;
}
.check_gwon_list label{
	display: flex;
	gap: 15px;
}
.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;
	align-items: center;
}


.check_gwon_apply_area{
    margin-top: 40px;
    display: flex;
    gap:5%;
}
.check_gwon_dalsu{
    width: 35%;
}
.check_gwon_apply{
    width: 60%;
}
.check_gwon_apply a{
    display: block;
    margin: 15px 0 30px;
}
#check_gwon_close{
    position: absolute;
    top: 15px;
    right:15px
}
/* Gwon 필요성 체크 팝업 끝 */

/** makeintro 시작 **/
/* makeintro 메인 슬라이더  시작 */
.makeintro_banner_area {
	background-size: cover;
	background-position: center center;
	min-height: 10em;
	padding-bottom: 5%;
	will-change: transform;
}
.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: 450px;
}
.makeintro_slider_inner_con{
	width: 90%;
	max-width: 800px;
	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 h1{
	margin:150px 0 50px;
}
.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;
}
.process_area {
	width: 95%;
	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: 20px;
}
.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;
	margin-bottom: 20px;
}
.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: 5%;
}
.solution_title{
	text-align: center;
}
.solution_bar {
	width: 45%;
	display: flex;
	flex-direction: column;
	gap: 60px;
}
.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{
	width: 50%;
}
/* 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: 80px;
}
.guide_video_con_head{
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 20px;
}
.guide_video_con_title{
	font-weight: 700;
	font-size: 16px;
	margin-top: 10px;
	height: 23px;
    overflow: hidden;
}
.guide_video_con{
	cursor: pointer;
}
.guide_video_con img{
	width: 100%;
}
.makeintro_closebeta_area{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5%;
}
.makeintro_closebeta_character{
	width: 35%;
}
.makeintro_closebeta_character img{
	width: 90%;
	max-width: 300px;
}
.makeintro_closebeta_comments{
	width: 65%;
}
.makeintro_closebeta_comments h3{
	font-size: min(2.8vw, 32px);
	line-height: 1.3em;
	font-weight: 400 !important;
	margin: 0 !important;
	margin-bottom: 30px !important;

}

.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;
}
#search_value:hover{
	width: 80%;
	margin: 0%;
	margin-bottom: 5px;
	border: 0px;
	border-radius: 0px;
	box-shadow: none;

}
.search_area input, .search_area select{
	float: left;
	width: 23%;
	margin-left: 1%;
	margin-right: 1%;
}
/* Gwon 영상 가이드 끝 */

/* makeintro 끝 */