.section{
	text-align:center;
}

.index_wrap nav.navbar.bootsnav{
	width: 100%;
	position: fixed;
	top: 0px;
	z-index: 999;
}
/*
@media (min-width: 992px){
	.index_wrap nav.navbar.bootsnav{
		padding: 0px 10px;
	}
} */

.index_wrap nav.bootsnav .container{
	width: 100%;
	padding: 0px 10px ;
}

input[type="file"]{border: none !important;}

.index_wrap nav.bootsnav .container{
	width: 1270px;
}


div.top_btn_jinjin {
	margin: auto;/*
	width: 100px;
	height: 100px;
	border: 1px solid #bcbcbc; */
	z-index:99999;
	position:absolute;
	}

div.top_btn_jinjin a.top_txt_jinjin {
	position: fixed;
	right: 2.5%;
	bottom: 50px;
	display: none;
	transition: all 0.3s ease .1s;
	cursor:pointer;
	display:block;
	width:70px; height:70px;
	z-index: 999
	}

div.top_btn_jinjin a.top_txt_jinjin img {

	width:70px; height:70px;
}

#wrap.crowd_wrapper #slider img.mob_img{display: none;}

/* main Slider Css */

/*! Flickity v2.0.10
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 67px;
  border: none;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus {
  outline: none;
}

.flickity-prev-next-button:active {
  opacity: 0.6;
}

.flickity-prev-next-button.previous { right: 20px; background-image: url('/images/g_prev.svg')}
.flickity-prev-next-button.next { right:0; background-image: url('/images/g_next.svg')}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  opacity: 0.8;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 0;
  height: 0;
}

.flickity-prev-next-button .arrow {
  fill: #fff;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 98%;
  bottom: 5px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #fff;
  border-radius: 50%;
  opacity: 0.55;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.main-carousel{width: 100%; height:400px}
.carousel-cell{width: 100%; height:100%;}
.carousel-cell > a{display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size:cover; background-position: center; position: relative; background-position-y:38%
;}
.carousel-cell .carousel_slider{height:360px;}
.carousel-cell .cell_wrap{width: 100%; height: 100%; background: #fff; top:0; left: 0; position: absolute; }
.carousel-cell a .carousel_txt{display: none;}
.carousel-cell.is-selected{display:block;}
.carousel-cell.is-selected > a{display: block;}
.carousel-cell.is-selected a .carousel_txt{display: block; position: absolute; bottom: 50px; left: 50px; background: rgba(0, 0, 0, 0.63); padding: 20px 30px;}
.carousel-cell.is-selected a .carousel_txt h2{color: #fff; margin-bottom: 15px; font-size: 2.2em; line-height: 1.2em;}
.carousel-cell.is-selected a .carousel_txt p{color: #fff; margin-left: 23px; font-size: 1.5em; line-height: 1.5em;}
.carousel_txt button{display:block; margin-top:5%; background:#3d3d3d; padding:10px 20px; border-radius:20px; font-size:1em; color:#fff}
@media screen and (max-width: 1100px){
	.carousel-cell{width: 100% !important;; height:100%;}
	.carousel-cell .cell_wrap{display: none;}
}

@media screen and (max-width: 749px){
	#slider_wrapper{margin-top:1px}
}

@media screen and (max-width: 560px){
	.carousel-cell .carousel_slider{height:250px;}
	.carousel-cell.is-selected a .carousel_txt{width: 80%; margin: 0 auto; left: 10%;}
	.carousel-cell.is-selected a .carousel_txt p{margin: 0;}
	#slider_wrapper{height:200px}
	.carousel-cell{ height:200px;}
}

/* 메인콘텐츠 시작 */
.main_contents{margin-top: 30px;}
.top_banner{width: 100%; height: 130px; background: #ffeaeb; background-image: url("/images/g_main_banner.jpg");}
.top_banner a{display: block;padding: 24px 20px; height: 100%;}
.top_banner h2{text-align: center; font-weight: bold; color: #1f1f1f; margin-bottom: 20px; line-height: 1.5em}
.top_banner h2 span{color: #dc6384}
.top_banner p{text-align: center;}
.top_banner p span{display: inline-block; background: #dc6384; color: #fff; padding: 8px 15px; border-radius: 20px;}

@media screen and (max-width: 1100px){
	.main_contents.wrap_1100{width: 100%; padding: 0 20px;}
}

@media screen and (max-width: 491px){
	.top_banner{height: 165px;}
}


/*<!-- 인기캠페인 영역 -->*/

.section_inner .project_section{
	width:calc((100% - 80px)/3); margin-right: 40px;
	float: left;  margin-bottom: 55px; background-color:#fff;
	}
.section_inner .project_section:nth-child( 3n ){margin-right: 0;}
.main_section .section_inner .project_section{display: none; }
.section_inner .project_section > a{/*border: 1px solid #efefef; border:1px solid #eee;*/  border-radius: 3px;display: block; width: 100%; padding-bottom:15px; transition: all 0.3s; cursor: pointer;}
.section_inner .project_section > a:hover { border-color: rgba(199, 32, 48,0.4); }
/* .section_inner .project_section > a:hover{border-color: rgba(229, 60, 80, 0.5);} */
.main_section .section_inner .project_section:nth-child( -n + 4 ){display: block;}
.main_section .section_inner .project_section:nth-child( 4n ){margin-right: 0;}

.section_inner .project_section > a > span{display: block; background-position: center; background-size: cover; min-height:172px; background-color: #fff; position: relative; height: 0; width: 100%; padding-bottom: 56%; border-radius: 5px;}
.section_inner .project_section img{width: 100%;}
.section_inner .project_section > span {display: block; background-position: center; background-size: cover; min-height: 180px;}
@media screen and (max-width: 1024px) {
	.section_inner {padding: 0 10px;}
	.section_inner .project_section{padding: 0 10px; margin-right: 0;}

}
@media screen and (max-width: 1100px){
	.section_inner .project_section > span {min-height: 220px;}
	.section_inner .project_section{width:calc(100% / 3 - 10px); float: left; margin-right: 10px;
		/*border: 1px solid #ddd;*/ margin-bottom: 10px;}
	.main_section .section_inner .project_section{display: none;}
	.main_section .section_inner .project_section:nth-child( 3n ){margin-right: 0;}
	.main_section .section_inner .project_section:nth-child( 2n ){margin-right: 10px;}
	.main_section .section_inner .project_section:nth-child( -n + 3 ){display: block;}
	.main_section .section_inner .project_section:nth-child( 4n ){display: none;}
}

@media screen and (max-width: 768px){
	.section_inner .project_section > span {min-height: 250px;}
	.section_inner .project_section{width:33%; float: left; margin-right: 0;
		/*border: 1px solid #ddd;*/margin-bottom: 40px;}
	.main_section .section_inner .project_section{display: none;}
	.main_section .section_inner .project_section:nth-child( 3n ){margin-right: 0;}
	.main_section .section_inner .project_section:nth-child( 2n ){margin-right: 0;}
	/*.main_section .section_inner .project_section:nth-child( -n + 4 ){display: block;}*/
}
@media screen and (max-width: 540px){
	.section_inner .project_section{width:100%; /*height:100%;*/ float: none; margin-right: 0;
		/*border: 1px solid #ddd;*/ margin-bottom:20px; }
	.main_section .section_inner .project_section{display: none;}
	.main_section .section_inner .project_section:nth-child( 2n ){margin-right: 0;}
	.main_section .section_inner .project_section:nth-child( -n + 4 ){display: block;}

	.section_inner .project_section > a{overflow: hidden; /*height: 100%;*/ padding-bottom:0;}
	.section_inner .project_section > a > span{min-height:110px;}
	.section_inner .project_section .progress-inner{display:block; float:left; width:calc(100% - 165px); height:120px;}
	.section_inner .project_section .progress-inner .perc li{margin-bottom: 10px;}
	.section_inner .project_section > a > span{float:left; width:165px;}
	.crowd_contents .section_inner .project_section > a{ display: flex; justify-content: space-between;}

}

.main_section{margin-top: 60px;}
.main_section h2{font-size: 1.3em; font-weight: 600; margin-bottom: 15px; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.main_section h2 span{float: right; font-size: 13px; font-weight: 400; letter-spacing: 1px; margin-top:-6px;}
.main_section h2 span a{color: #333; padding: 5px 20px; display: block; transition: all 0.3s ease .05s; border: 1px solid #ccc; background: #fff;}
.main_section h2 span a:hover{background: #333; color: #fff; border: 1px solid #333}
.progress-inner{background: #fff;}
.progress-inner .camp_info{padding:10px;}
.progress-inner .cate_div_in{padding: 0 15px 0 15px; margin-top: 17px; text-align: center;}
.progress-inner .cate_div_in span{display: block;}
.progress-inner .camp_info > span.cate_inner{color: #b72932; margin-bottom: 5px; display: none;}
.progress-inner .cate_div_in span:last-child{font-weight:400; min-height: 18px; letter-spacing: 1px;}
.progress-inner .cate_div_in span:first-child{margin-top:5px; font-size: 0.8em; display: inline-block; padding: 1px 10px; border-radius:20px; color: #cc1618;; letter-spacing: 1px;}
.progress-inner h3{font-weight: 400; font-size: 1.15em; line-height: 1.6em; letter-spacing: 0px; font-weight: 600; letter-spacing: 0;}
.progress-inner h3.dot_txt{height: 46px; overflow: hidden; word-break: keep-all}

.progress-inner .progress{width: calc(100% - 30px); margin: 0 15px; height: 5px; background: #eee; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; overflow: hidden;}
.progress-inner .progress .progress-bar{background: #cc1717; height: 100%;}
.progress-inner .perc{padding: 0 15px;}
.progress-inner .perc li{width: 50%; float: left; text-align: left; font-weight: 600; margin-top: 5px; margin-bottom: 20px;}
.progress-inner .perc li:last-child{width: 50%; text-align: right; font-weight: bold; font-size:1.1em;}

.progress-inner .perc li.two{width: 75%; text-align: left;}
.progress-inner .perc li.tree{width: 25%; text-align: right;}
.progress-inner .perc li.quert{font-weight: 600; font-size: 1em;}
.progress-inner .perc li.quert.two{font-size: 1.1em;}
.progress-inner .perc li.quert.two span{font-size: 0.9em; margin-left: 8px; color: #cc1618;}
.progerss_bottom .cate_inner{display: block; padding: 0 15px; margin-bottom: 5px; font-weight: 600; min-height: 18px;}
.progress-inner .collection {padding: 0 15px; margin-bottom: 5px; font-size: 1.1em; font-weight: 600;}


@media screen and (max-width: 491px){
	.progress-inner h3{font-size: 1.2em;}
	.progress-inner .collection{font-size: 1.4em; margin-bottom: 10px;}
	.progress-inner .perc li{font-size: 1.2em; margin-top: 10px;}
}


/* 하단 배너 시작 */

.bottom_banner{background: url("/images/g_bottom_banner.jpg") no-repeat center; background-size: cover; height: 200px; position: relative; padding: 27px; margin:0 auto; margin-top:55px; }
.bottom_banner h3, .bottom_banner p{text-align: center; background: rgba(255, 255, 255, 0.5); padding: 20px;}
.bottom_banner h3{font-weight: 600; padding:30px 20px 20px 20px; line-height: 1.5em;}
.bottom_banner h3 span{color: #ad2828;}
.bottom_banner p{text-align: center; padding: 20px 20px 30px 20px}
.bottom_banner p span{border: 1px solid #c55050; background: #c55050; color: #fff; padding: 10px 20px; border-radius: 20px;}

.bottom_banner02{background: url("/images/g_bottom_banner02.png") no-repeat center; background-size: cover; height: 500px; position: relative; padding: 55px; margin: 40px 0; margin-top:0; background-position-x: 83%}
.bottom_banner02 .wrap_1100{margin: 0 auto;}
.bottom_banner02 h2{line-height: 2em; display: inline-block; text-align: right; font-size: 2.2em; padding: 7% 4%;}
.bottom_banner02 h2 span{font-size: 1.3em; color: #cc363a;}

@media screen and (max-width: 1100px){
	.bottom_banner, .bottom_banner02 .wrap_1100{width: calc(100% - 40px); margin: 0 20px;}
}

@media screen and (max-width: 749px){
	.bottom_banner02 h2{font-size: 1.8em; text-align: center; padding: 0; margin: 0 auto; display: block; margin-top: 18%;}
	.bottom_banner, .bottom_banner02 .wrap_1100{padding: 13px 0;}
	.bottom_banner02{padding: 20px 20px;}
}

@media screen and (max-width: 491px){
	.bottom_banner02 h2{font-size: 1.4em; margin-top: 32%;}
}
/* 하단 배너 끝 */


/* 로그인 */
.login_section{
    margin-bottom: 0;
    padding-top: 50px;
}

@media (min-width: 768px){
	.login_section{
	    margin-bottom: 0;
	    padding-top: 200px;
	}
}
.login_section .container .row{
	width: 450px;
	margin: 0 auto;
}

.login_section .container .row>a:hover{
	text-decoration: none;
}

.login_section .login-box{
	margin: 0 auto;
    float: none;
    padding: 30px 0;
    box-shadow: 1px 3px 5px #d6d2d2;
    -webkit-box-shadow: 1px 3px 5px #d6d2d2;
    -o-box-shadow: 1px 3px 5px #d6d2d2;
    -ms-box-shadow: 1px 3px 5px #d6d2d2;
    -moz-box-shadow: 1px 3px 5px #d6d2d2;
    overflow: hidden;
    width: 450px;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding-bottom: 50px;
}

@media (max-width: 460px){
	.login_section .login-box{width: 90%}
	.login_section .container .row{width: 100%}
}

.login_section .login-box .login-logo{
	text-align: center;
	margin-bottom: 14px;
}

.login_section .login-box .login-logo a{
	display: block;
	font-size: 22px;
	text-align: left;
	border-left: 5px solid #b72832;
	padding-left: 30px;
	color: #333;
	letter-spacing: 3px;
	font-weight: bold;
	line-height: 32px;
}

.login_section .login-box .login-logo a:hover{
	text-decoration: none;
}

.login_section .login-box .login-box-body{
	padding: 0 35px;
}

.login_section .login-box .login-box-body p {
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
}

.login_section .login-box .login-box-body .login_input_div{margin-top: 50px; overflow: hidden;}
.login_section .login-box .login-box-body .login_input_div label{color: #333; margin-left: 2px; margin-bottom: 0px; font-size: 12px;}
.login_section .login-box .login-box-body .login_input_div input{border: 1px solid #ddd; border-radius: 0px; margin-bottom: 0px;}
.login_section .login-box .login-box-body .login_input_div input#user_id, .login_section .login-box .login-box-body .login_input_div .m_bottom_20, .login_section .login-box .login-box-body .login_input_div input#user_name{margin-bottom: 20px;}
.m_bottom_20{margin-bottom: 20px;}
.login_section .login-box .login-box-body .login_submit{margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 20px; overflow: hidden;}
.login_section .login-box .login-box-body .login_submit.id_search_submit{border-bottom:0px; margin-bottom: 0px; padding-bottom: 0px;}
.login_section .login-box .login-box-body .login_submit.id_search_submit.signup_submit{border-top: 1px solid #ddd; padding-top: 20px;}

.login_section .sign_up_wrap.container .row{width: 600px;}
.login_section .sign_up_wrap.container .row .login-box{width: 600px;}
.login_section .sign_up_wrap.container .row .login_input_div ul{overflow: hidden; padding: 0px;}
.login_section .sign_up_wrap.container .row .login_input_div ul li{overflow: hidden; padding: 0px}
.login_section .sign_up_wrap.container .row .login_input_div ul li label{line-height: 22px; width: 100%;}
.login_section .sign_up_wrap.container .row .login_input_div ul li label.mailing_label{width: calc(100% - 23px); float: left;}
.login_section .sign_up_wrap.container .row .login_input_div ul li input{float: left; width: 100%; padding: 5px 10px;}
.login_section .sign_up_wrap.container .row .login_input_div ul li input#mailing{float: right; width: 20px; height: 20px;}
.login_section .sign_up_wrap.container .row .login_input_div ul li select{width: 100%; height: 36px; border: 1px solid #ddd; background: #fff;}
.login_section .login_btn_box {margin: 0px 10px; margin-top: 10px;}
.login_section .login_btn_box a{margin-right: 20px; font-size: 14px;}
.login_section .login_btn_box a i{color: #737373}
.login_section .login_btn_box a.reg_search_login{margin-right: 0px;}


@media (max-width: 650px){
	.login_section .sign_up_wrap.container .row{width: 90%;}
	.login_section .sign_up_wrap.container .row .login-box{width: 100%;}
	.login_section .login-box .login-box-body{padding: 0px 15px;}
}

@media (max-width: 460px){
	.login_section .login-box {width: 90%;}
	.login_section .login_btn_box{width: 90%; margin: 0 auto; margin-top: 10px;}
}

.social-auth-links{
	    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
}

.btn-facebook{
	background: #536ca2;
	color: #fff;
}

.login_id_input, .login_pw_input, .login_name_input, .login_mail_input{
	    border: 0px;
    border-bottom: 1px solid #a5a5a5;
    width: 100%;
    margin-bottom: 20px;
    padding: 5px 10px;
}

.login-box-body .add_input_div input{
	border-bottom: 1px solid #ddd !important
}

.succ_btn{
	padding-top: 30px;
    border-top: 1px solid #ddd;
    margin-top: 30px;
}

.login-logo{
	text-align: center;
	margin: 20px 0px;
}

h2.login_text{
	font-size: 14px;
    margin-bottom: 40px;
    color: #636363;
    border-bottom: 1px dotted #949494;
    border-top: 1px dotted #949494;
    font-weight: 400;
    line-height: 30px;
    padding: 20px 0px 0px 0px;
}

h2.login_text span{
	    color: #000;
    font-weight: 600;
    display: block;
}

.login-box-msg{
	text-align: center;
	padding: 5px 0px;
}
.btn-default {
	padding:10px 40px !important; font-size:14px; font-weight:400; text-align:center; white-space:nowrap; vertical-align:middle; border:1px solid transparent;
	border-radius:4px; }


/* 서비스소개 페이지 */

.service_wrap .services .container{ border-bottom: 0px; }
.service_wrap .work_title img, .contact_title img{ width: 100%; margin-bottom: 0px }
.service_wrap .pc_intro{ display: none; }
.service_wrap .container{ padding: 0px; }
.service_wrap .container .col-md-12{ margin: 0px; }
.service_wrap .container .work_title h1{ padding: 0px; margin: 0px; }
.service_wrap .about_title img{ margin-bottom: 0px; }
.service_wrap .about_title h2{ margin-top: 0px; }
.service_wrap .testimonial{ padding: 0px; }

@media (min-width: 600px){
	.service_wrap .pc_intro{ display: block; }
	.service_wrap .mob_intro{ display: none; }
}

.w3c_div{ position: fixed; z-index: 99999; bottom: 10px; right: 10px; }

.term_wrap{ width: 1200px; margin: 0 auto; padding: 50px 0 100px; }
.term_wrap h1{ color: #333; border-bottom: 1px solid #a7a7a7; padding-bottom: 15px; }
.term_wrap h1 span{ color: #c72030; }
.term_wrap h3{ color: #0e0e0e; font-weight: 400; }
.term_wrap p{ font-size: 14px; color: #797979; margin-bottom: 40px;}


/* 마이페이지 - 회원탈퇴 */
.mypage_wrap .container .my_header{width: 100%; margin: 0 auto; text-align: center; padding: 50px 0px;}
.mypage_wrap .container .my_header h1{font-size: 24px; letter-spacing: 5px;}
.add_project_form.myproject_wrap{max-width: 950px; overflow: hidden; margin: 0 auto; }
.add_project_form.myproject_wrap ul{overflow: inherit; }
.add_project_form.myproject_wrap .reward_detail01.board_div h2 span{color: #333; font-size: 16px; }
.mypage_wrap .add_project_form > div{border:0px; border-top: 1px solid #ddd; padding-top: 10px; margin-bottom: 0px; }

.mypage_wrap .add_project_form > div:last-child{
	border-bottom: 1px solid #ddd;
	margin-top: 50px;
}

.mypage_wrap .add_project_form > div label{
	font-size: 14px;
	margin-bottom: 10px;
}

.mypage_wrap .add_project_form > div li{
	overflow: hidden;
	list-style: none;
}

.mypage_wrap .add_project_form > div h2{
	    font-size: 16px;
    float: left;
    width: calc(100% - 100px);
    font-weight: normal
}

.mypage_wrap .add_project_form > div span.reg_date{
	float: right;
}

#idchk{
	display: block;
}

.inner_cont b{
	font-size: 1em;
   font-weight: 300;
    display: block;
}

.add_project_form.member_leave_div p{
	text-align: center;
	margin-bottom: 0px;
	color: #333;
}

.add_project_form.member_leave_div p b{
	color: #333;
}

.add_project_form.member_leave_div p:nth-child(4){
	margin-bottom: 20px;
}

.add_project_form.member_leave_div p span{
	display: inline-block;
}

.mypage_input_div span{display: inline;}