@charset "utf-8";


/* 협동조합 > 협동조합지원 > 홍보 */
.coop_online_pr {overflow:hidden; margin:40px 0 0 -20px; }
.coop_online_pr > div {float:left; width:20%; }
.coop_online_pr > div > a{display:block; padding-top:130px; margin-left:20px;}
.coop_online_pr > div > a.pr_blog{background:url(../images/bg_pr_blog.png) no-repeat center 23px #2db400;}
.coop_online_pr > div > a.pr_facebook{background:url(../images/bg_pr_facebook.png) no-repeat center 23px #3b5998;}
.coop_online_pr > div > a.pr_youtube{background:url(../images/bg_pr_youtube.png) no-repeat center 23px #e7161a;}
.coop_online_pr > div > a.pr_insta{border:1px solid #5286e6; background:url(../images/bg_pr_insta.png) no-repeat center 23px #fff;}
.coop_online_pr > div > a.pr_letter{background:url(../images/bg_pr_letter.png) no-repeat center 23px #00aee6;}
.coop_online_pr > div > a > p{padding:12px 0; border:1px solid #5286e6; border-top:0; text-align:center; background:#fff; font-size:14px; color:#366ACA; font-weight:600; box-sizing:border-box; }
.coop_online_pr > div > a > p > span {display:inline-block; padding-right:25px; background:url(../images/icon_all_btn.png) no-repeat right top -593px; }

.coop_online_pr > div > a:hover > p,
.coop_online_pr > div > a:focus > p,
.coop_online_pr > div > a:active > p {background-color:#e5eefe;}
.coop_online_pr > div > a:hover > p > span,
.coop_online_pr > div > a:focus > p > span,
.coop_online_pr > div > a:active > p > span {text-decoration:underline; text-underline-position:under;}

.coop_online_pr > div > a.pr_insta > p {border:0; border-top:1px solid #5286e6;}



/* 안내박스 버튼타입 */
.box_btn_right {position:relative; padding-right:430px; }
.box_btn_right .box_btn_r{position:absolute; top:50%; right:30px; margin-top:-22.5px;}

/* 에러페이지 */
.error_wrap {max-width:490px; min-height:490px; padding:0 20px; margin:190px auto 0 auto; text-align:center; box-sizing:border-box; }
.error_wrap .error_top{height:245px; background:url(../images/bg_error.png) no-repeat top center; text-indent:-9999999px;}
.error_wrap .error_tit{font-size:18px; color:#333; font-weight:700;}

/* ol_style 추가 2020-09-16 */
.point_ol1 > li + li {margin-top:-1px;}
.point_ol1 > li > p {position:relative; padding:12px 0 12px 70px; font-size:16px; color:#333; font-weight:600; border-top:1px solid #d2d7e6; border-bottom:1px solid #d2d7e6; vertical-align:middle;}
.point_ol1 > li > p > b {position:absolute; top:12px; left:0; display:inline-block; margin-right:8px; min-width:60px; height:30px; background-color:#004ea2; border-radius:30px; color:#fff; text-align:center;}
.point_ol1 > li > .inner_space20 {margin:20px 0 0 0 ;}

/* indent type ol list 2020-09-16 */
.ol_indent > li {position:relative; margin-bottom:10px; padding-left:25px;}
.ol_indent > li > b{position:absolute; top:0; left:0; }


/* 2020-09-16 board.css추가 */
[class^="board_qna_type"] li .qna_question .qna_tit > em {display:block; margin-top:5px; font-size:16px; color:#828999; line-height:1.70;}

/* 설립목적 추가 2020-09-18 */
.establish_warp {display:flex; flex-wrap:wrap; margin-left:-15px;} 
.establish_warp > div {width:calc(50% - 15px); margin-left:15px; padding:20px; border:2px solid #5e93f3; background-color:#fff;  text-align:center;  box-sizing:border-box;} 
.establish_warp > div > h3 {padding-bottom:15px; border-bottom:3px solid #5e93f3; font-size:20px; font-weight:600; color:#356ed5;}
.establish_warp > div > p {padding-top:15px; font-size:16px; color:#356ed5;}
.establish_warp > div:nth-child(2) {border:2px solid #36b8cb;}
.establish_warp > div:nth-child(2) > h3 {border-bottom:3px solid #36b8cb; color:#0098b1;}
.establish_warp > div:nth-child(2) > p {color:#0E768D;}

/* 경영지원 추가 2020-09-18 */
.busi_supp_warp > div {position:relative; margin-top:30px; padding:30px 30px 30px 178px; border:2px solid #68b1df; background-color:#fff;}
.busi_supp_warp > div > h3 {font-size:25px; font-weight:800; color:#1097D6;}
.busi_supp_warp > div:before {content:''; position:absolute; top:50%; left:40px; width:107px; height:90px; margin-top:-45px; background:url(../images/icon_busi_supp.png) 0 0 no-repeat;}
.busi_supp_warp > div:nth-child(2):before {background-position-y:-205px;}
.busi_supp_warp > div:nth-child(3):before {background-position-y:-400px;}

/* 서비스준비중 2020-09-18 */
.page_preparing {margin:100px 0; padding-top:150px; text-align:center;  background:url(../images/bg_preparing.png) top center no-repeat;}
.page_preparing > p:first-child {margin:11px 0px; font-size:28px; font-weight:600; color:#333;}
.page_preparing > p:last-child {margin-top:0;}

/* 저작권보호정책 2020-09-18 */
.bg_copyright_warp {position:relative; padding-left:505px; min-height:245px; }
.bg_copyright_warp:before {content:''; position:absolute; top:0; left:0; display:inline-block; width:415px; height:245px; background:url(../images/bg_copyright.png) top center no-repeat;}
.bg_copyright_warp > p {padding-top:20px; line-height:1.5; font-size:28px; color:#333; font-weight:600;}
.bg_copyright_warp > p:last-child {line-height:1.8; font-size:18px; color:#737686; font-weight:400;}
.text_copyright_warp {padding:40px 0; border-top:1px solid #333; border-bottom:1px solid #333;}
.text_copyright_warp > p + p {margin-top:20px;}

/* 지역자원뱅크 - 정책·제도여건 2020-01-29 */
#area_map {text-align: center;}
#area_map area:focus {border: none; outline: none; outline-style: none; -moz-outline-style: none;}
.tb_caption {text-align: right; color: #828999; margin-bottom: 5px;}
.AreaSearch {overflow: hidden;}
.AreaSearch > div {float: left; width: 50%; height: 390px; box-sizing: border-box; text-align: left;}
.AreaSearch > .search_area2 > label, .AreaSearch > .search_area2 > select, .AreaSearch > .search_area2 > input[type="text"] {float: none; display: block ; width: 100%;}
.AreaSearch > .search_area2 > label {color: #333; line-height: 45px;}
.AreaSearch > .search_area2 > .group_btn {width: 100%; margin: 15px 0 0 0; text-align: center;}
.AreaSearch > .search_area2 > .group_btn > button {float: none;}
.AreaSearch > .search_area2 > .group_btn > button:not(:first-child) {margin-left: 2px;}
/* 지역자원뱅크 - 지역연계 가능 공간 2020-01-29 */
.Rbank_board .board_box li a .cont p {overflow: hidden; display: -webkit-box; height: 86px; text-overflow: ellipsis; font-size: 18px; line-height: 1.5; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.Rbank_board .board_box li a .cont p > span {display: inline-block; margin-bottom: 4px; font-size: 14px; color: #283f88; padding: 2px 12px; background: #fff; border: 2px solid #283f88; border-radius: 5px; box-sizing: border-box;}
.classification span:not(:last-child) {padding-right: 20px; background : url(../images/icon_lnb_arrow.png) right 8px center no-repeat;}
.cont_Rbank .type2_img_box_list > div > div:first-child > b:before {background: url(../images/bg_Rbank_location.png) center no-repeat;}
.cont_Rbank .type2_img_box_list .Rbank_map {position: relative; height: 398px; padding: 0;}
.Rbank_map .Rbank_map_btn {position: absolute; width: 40px; right: 15px; bottom: 20px; border-radius: 5px; box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.17); box-sizing: border-box;}
.Rbank_map .Rbank_map_btn > button {display: block; height: 40px; background-color: #ffffff; background-position: center; background-repeat: no-repeat; border: 1px solid #d2d7e6;}
.Rbank_map .Rbank_map_btn > button:hover {background-color: #f7f7f7;}
.Rbank_map .Rbank_map_btn > button:not(:last-child) {border-bottom: 0;}
.Rbank_map .Rbank_map_btn > button:first-child {border-radius: 5px 5px 0px 0px; background-image: url(../images/btn_Rbank_zoom.png);}
.Rbank_map .Rbank_map_btn > button:last-child {border-radius: 0px 0px 5px 5px; background-image: url(../images/btn_Rbank_zoomOut.png);}
.Rbank_map .Rbank_map_btn > button > span {display: block; overflow: hidden; position: relative; z-index: -1; width: 100%; height: 100%;} /* 대체 텍스트 */
.Rbank_map .Rbank_map_txt {height: 100%; padding: 265px 30px 0px 30px; text-align: center; background: #ffffff url(../images/icon_Rbank_nodata.png) center 93px no-repeat;}
.Rbank_map .Rbank_map_txt > p {font-size: 21px; font-weight: 700; color: #333333;}

.search_w2 > div {width: calc((100% - 80px)/2);}
.search_w2 > div:not(:last-child) {padding-right: 10px;}

/* 바이소설 2021 추가 2021.07.30*/
.social_2021 {overflow:hidden; position:relative; padding:20px 30px; border:1px solid #d2d7e6; text-align:center; }
.social_2021:before{content:''; position:absolute; top:35px; left:50%; display:inline-block; width:136px; height:163px; margin-left:-410px; background:url(../images/img_about_girl.png) no-repeat; background-size:100%;}
.social_2021:after{content:'공정여행,공정무역,취약계층일자리창출'; position:absolute; top:30px; right:50%; display:inline-block; width:142px; height:168px; margin-right:-415px; font-size:0; background:url(../images/img_history_sticker.png) no-repeat; background-size:100%;}

/* 사회적가치 플랫폼 추가 2021-08-05 */
.pltform_info_box {background:url(../images/bg_pltform_info_box.png) no-repeat right bottom;}
.pltform_info {margin-top:15px; padding-top:15px; border-top:2px solid #85acf1; word-break:keep-all;}
.icon_list_type1 {margin-top:30px; border-top:1px solid #d2d7e6;}
.icon_list_type1 > li {position:relative; padding:25px 0; padding-left:100px; border-bottom:1px solid #d2d7e6; box-sizing:border-box;}
.icon_list_type1 > li:before {content:''; position:absolute; top:50%; left:0; display:inline-block; width:72px; height:72px; margin-top:-36px;}
.icon_list_type1 > li > b{color:#333; font-size:18px;}
.icon_list_type1 > li > p{margin-top:2px;}
/* 13가지 사회적가치 */
.pltform_value_list > li:before{background:url(../images/icon_pltform_value_list.png) no-repeat;}
.pltform_value_list > li:nth-child(2):before{background-position-y:-72px;}
.pltform_value_list > li:nth-child(3):before{background-position-y:-144px;}
.pltform_value_list > li:nth-child(4):before{background-position-y:-216px;}
.pltform_value_list > li:nth-child(5):before{background-position-y:-288px;}
.pltform_value_list > li:nth-child(6):before{background-position-y:-360px;}
.pltform_value_list > li:nth-child(7):before{background-position-y:-432px;}
.pltform_value_list > li:nth-child(8):before{background-position-y:-504px;}
.pltform_value_list > li:nth-child(9):before{background-position-y:-576px;}
.pltform_value_list > li:nth-child(10):before{background-position-y:-648px;}
.pltform_value_list > li:nth-child(11):before{background-position-y:-720px;}
.pltform_value_list > li:nth-child(12):before{background-position-y:-792px;}
.pltform_value_list > li:nth-child(13):before{background-position-y:-864px;}


.text_source {margin-top:10px; font-size:14px; text-align:right;}
.text_source > span {display:inline-block; padding-bottom:2px;}

/* 소셜벤처 동아리 지원 21-08-09*/
.pdf_type2{padding-top:10px;}
.pdf_type2 > div {display:inline-flex; margin-top:20px; }
.pdf_type2 > div > div:nth-child(2){width:230px;}

/* 웹접근성 사회적경제 정첵 포커스 outline */
a.link_zoom_in:hover,
a.link_zoom_in:focus,
a.link_zoom_in:active {outline:1px dotted gray;}

.social_fin:hover,
.social_fin:focus,
.social_fin:active {outline:1px dotted gray;}

/* ================================================= pc기본사이즈 이하 */
@media screen and (max-width:1440px){
	/* 협동조합 > 협동조합지원 > 홍보 */
	.coop_online_pr > div {float:left; width:50%; }
	.coop_online_pr > div:nth-of-type(n+3) {margin-top:40px;}
	
	/* 안내박스 버튼타입 */
	.box_btn_right {position:relative; padding-right:300px; }

	/* 저작권보호정책 2020-09-18 */
	.bg_copyright_warp {padding-left:380px;}
	.bg_copyright_warp:before {width:350px;}
	.bg_copyright_warp > p {padding-top:0px; font-size:25px;}
	.bg_copyright_warp > p:last-child {padding-top:10px; font-size:16px;}


}

/* ================================================= tablet 가로까지 */
@media screen and (max-width:1024px){

}

/* ================================================= tablet 세로까지*/
@media screen and (max-width:768px){
	/* 협동조합 > 협동조합지원 > 홍보 */
	.coop_online_pr {margin-left:0px; }
	.coop_online_pr > div {float:none; width:auto; }
	.coop_online_pr > div > a{margin-left:0;}
	.coop_online_pr > div:nth-of-type(n+2) {margin-top:20px;}

	/* 안내박스 버튼타입 */
	.box_btn_right {padding-right:30px; }
	.box_btn_right .box_btn_r{position:relative; top:0; right:0px; margin-top:20px;}
	.box_btn_right .box_btn_r .btn_sz_m{height:auto; padding:8px 20px; line-height:1.5;}

	
	/* 설립목적 추가 2020-09-18 */
	.establish_warp {display:block; margin-left:0px;} 
	.establish_warp > div {width:100%; margin-left:0px;} 
	.establish_warp > div:nth-child(2) {margin-top:15px;} 
	
	/* 저작권보호정책 2020-09-18 */
	.bg_copyright_warp {padding:30px; min-height:auto; background:#eff2f6;}
	.bg_copyright_warp > p {font-size:20px;}
	.bg_copyright_warp > p:last-child {margin-top:20px; border-top:1px solid #d2d7e6;}
	.bg_copyright_warp:before {display:none;}
	
	/* 지역자원뱅크 추가 2021-01-29 */
	.AreaSearch {padding: 0; border: none;}
	.AreaSearch > div {float: none; height: auto; width: 100%;}
	.AreaSearch > div:first-child {margin-bottom: 20px;}
	#area_map {margin-bottom: 20px;}
	#area_map > img {width: 60%; height: 60%; min-width: 400px;}
	.AreaSearch .search_area2 .group_btn {overflow: hidden; margin: 5px 0 0 0;}
	.AreaSearch .search_area2 .group_btn > button {float: left; width: calc((100% - 6px)/2);}
	.AreaSearch > .search_area2 > .group_btn > button:not(:first-child) {margin-left: 6px;}
	
	.search_w2 > div {width: 100%;}
	.search_w2 > div:not(:last-child) {padding-right: 0px;}
	.pltform_info_box {background:none;}
	.text_source {text-align:left;}
	
	.pdf_type2 > div {display:flex;}
	.pdf_type2 > div > div:nth-child(2) {width:100%;}
}

/* ================================================= 모바일영역 */
@media screen and (max-width:360px){
	/* 에러페이지 */
	.error_wrap {margin:70px auto 0 auto;}
	.error_wrap .error_top{height:150px; background-size:280px;}
	.error_wrap .error_tit{font-size:18px; color:#333; font-weight:700;}

	/* 경영지원 추가 2020-09-18 */
	.busi_supp_warp > div {padding:120px 30px 30px 30px; text-align:center;}
	.busi_supp_warp > div:before {top:65px; left:50%; margin-left:-45px;}
	
	/* 지역자원뱅크 추가 2021-01-29 */
	#area_map > img {width: 100%; height: 100%; min-width: 360px;}
	.Rbank_map .Rbank_map_txt {padding: 265px 20px 0px 20px;}
	.Rbank_map .Rbank_map_txt > p {font-size: 17px;}

	/* 사회적가치 플랫폼 추가 2021-08-05 */
	.icon_list_type1 > li {padding-left:0px;}
	.icon_list_type1 > li:before {display:none;}

}