@charset "utf-8";

.dis-block{display: block;}
/* pc 부분 수정 */
.board--wrapper .gallery--list.type2 ul li .desc--wrap .title_area .title{height: unset !important; height: unset !important; white-space: normal; line-height: 1.2;}
.board--wrapper .board--view--wrap h2{white-space: normal; line-height: 1.2;}
.search-btn-area{display: flex; justify-content: flex-end;}
.event_area, .board--wrapper .board--sch--wrap.sty2{max-width: 1280px;}
.optlabelFont {font-size: 14px; font-weight: 500; color: #3e3a39;}
.board--wrapper .board--sch--wrap .search--area input[type="text"] {width: 300px; height: 30px; border: 0.5px solid #107bc5; font-weight: 500; font-size: 12px; color: #3E3A39; line-height: 20px; padding-left: 10px;}
.frt_mp_ic {width: 25px; height: 25px; content: url(/static/user/assets/img/sub/frt_mp_ic.svg); margin-right: 20px;}
.gallery--list.normal table .radio--box label:before{margin-right: 0;}
.inq_txt{display: flex; align-items: center; margin: 30px 0 10px 0; justify-content: space-between;}
/* 정부지원사업 pc 추가*/
.gov-item-wrap{display: grid; grid-template-columns: repeat(auto-fill, minmax(23%, auto)); gap: 20px;}


@media (max-width: 1600px) {
	
	/* main page*/
	.main main .mainContainer{max-width: 1280px; margin: 0 auto;}
	.main {padding: 0 15px;}
	.tabBtnArea ul li{text-align: center;}
	.main main .mainContainer > .rightArea > .bestCase ul li{flex: 3; justify-content: center;}
	
	/* sub-공통 */
	header .user--menu .hmb--btn.actv:after{top: 50%; transform: translate(-50%, -50%);}
	.side--menu{display: none;}
	.aside--gnb--wrap{z-index: 1;}
	.side--menu--wrapper, .max--wrap, .board--wrapper .board--sch--wrap .search--area{max-width: 1280px !important;}
	.side--menu--wrapper .inner--contents{padding: 30px 0 0 0 !important;}
	.side--menu--wrapper .inner--contents .sub_tit.sub_tit02{display: block !important;}
	.breadcrumbs--wrapper{top: 50px !important;}
	.aside--gnb--wrap > ul{padding: 20px; max-width: 1320px; margin: 0 auto;}
	
	
	/* 게시판 type03 */
	.board--wrapper .board--sch--wrap .search--area{width: 100% !important; height: unset !important;}
	.gallery--list.type3 ul{display: grid !important; grid-template-columns: repeat(auto-fill, minmax(20%, auto)); gap: 20px !important; justify-content: normal !important;}
	.gallery--list.type3 ul>li{align-items: center;}
	/*.type3--li, .type4--li{flex: 1 1 auto;}*/

	
	/* 검색존 */
	.search-type1{flex-wrap: wrap; gap: 10px 40px;}
	.conAreaBox{min-height: 30px; padding: 5px !important; height: unset !important;}
	.gov-button{align-items: stretch; flex-wrap: wrap; gap: 5px;}
	
	
	/* con- 자가진단 */
	.diaExplanArea, .diaExplanArea .diaExplan, .diaMethodArea .diaResult{height: unset;}
	.diaExplanArea .diaExplan{width: unset; flex: 1;}
	.board--wrapper .gallery--list.self table thead tr th, .board--wrapper .gallery--list.self table tbody tr td{padding: 5px; word-wrap: break-word; word-break: keep-all;}
}


@media (max-width: 1240px) {
	
	/* main */
	.main main .mainContainer > .rightArea > .shortcuts > div{flex: 1 1 30%;}
	.main main .mainContainer .mainSubTitle{margin-bottom: 15px;}
	
	/*sub - 공통*/
	#content{padding-top: 80px;}
	.main main .mainContainer{margin-top: 40px;}
	
	
	/* 게시판 type03 */
	.gallery--list.type3 ul{grid-template-columns: repeat(auto-fill, minmax(25%, auto));}
	
	/* 자가진단 */
	.diaChartArea:before{display: none;}
	.diaExplanArea .diaExplan{margin-bottom: 40px;}
	
	.bs--proposal--step--wrap > div{width: 15% !important; height: auto !important; padding: 20px 10px;}
	
	/*footer */
	.footers .foot--head .foot--head--content select{width: unset !important;}
}



@media (max-width: 1024px) {
	  
	.quick--menu > ul > li{width: calc(80vw / 4); height: 60px;}
	.quick--menu > ul > li:nth-child(1) {width: calc(120vw / 6);}
	 
}



@media (max-width: 1165px) {
	
	
	/* sub-공통 */
	.breadcrumbs--wrapper{position: relative !important; margin-bottom: unset !important;}
	.board--wrapper .list--board--back > div .title{white-space: normal; max-width: calc(100% - 380px); padding: 10px;}
	
	/* con - 정부지원사업*/
	.gov-item-wrap{grid-template-columns: repeat(auto-fill, minmax(24%, auto));}
	
	
}

@media (max-width: 960px) {
	
	
	/* subpage */
	.board--wrapper .board--sch--wrap{flex-wrap: wrap; justify-content: center; gap: 30px;}
	
	/* 검색존 */
	.search-type1{justify-content: center;}
	.search-type2{flex-direction: column; margin-top: 30px !important; align-items: center;}
	.search-type2 .areaCheckBox{display: grid; grid-template-columns: repeat(auto-fill, minmax(30%, auto)); margin: 0 !important; width: 100%; justify-items: start; justify-content: center;} 
	.search-btn-area{justify-content: center; margin-top: 30px;}
	
}

@media (max-width: 880px) {

	/* sub-공통 */
	.sub#content{padding-top: 80px;}
	.m--title--m{left: 50%; transform: translateX(-50%); position: relative; text-align: center;}
	.side--menu--wrapper .inner--contents .sub_tit{display: none;}
	.side--menu--wrapper .inner--contents .sub_tit.sub_tit02{text-align: center; margin-top: 8px !important;}
	
	/* 게시판 type02 */
	.board--wrapper .board--sch--wrap .search--area {width: 100%; flex-wrap: wrap; gap: 10px 0;}
	.board--wrapper .board--sch--wrap .search--area > *{flex: 1 1 auto; width: unset !important;}
	.board--wrapper .board--sch--wrap .sch--btn, .board--wrapper .board--sch--wrap .search--area .sch--btn{width: 130px !important; text-align: center;}
	.board--wrapper .board--sch--wrap .search--area .sch--btn:before{display: none;}
	
	/* 게시판 type03 */
	.gallery--list.type3 ul{grid-template-columns: repeat(auto-fill, minmax(32%, auto));}
	
	/* 검색존 */
	.board--wrapper .board--sch--wrap .search-btn-area .sch--btn{width: 80px !important;  text-align: center !important; padding: 0 !important;}
	
	/* con - 정부지원사업*/
	.gov-item-wrap{grid-template-columns: repeat(auto-fill, minmax(32%, auto));}
	
	/* con - 자가진단 */
	.df--table table{border:0; border-top: 2px solid #107bc5;}
	.df--table table, .df--table table tbody, .df--table table tr, .df--table table tbody th, .df--table table tbody td{display: block;}
	.df--table table tbody th, .df--table table tbody td{border: 0; text-align: left !important; padding: 10px;}
	.df--table table tbody th{height: unset !important; background: #fff;}
	.df--table table tbody td{height: unset !important; border-bottom: 1px solid #ededed;}
	.df--table table tbody td select{width: 100%;}
	.form--responsive input, .form--responsive select {width: 100% !important; max-width: 100% !important;}
	
	.gallery--list.survey table, 
	.gallery--list.survey table tbody, 
	.gallery--list.survey table tr, 
	.gallery--list.survey table thead th, 
	.gallery--list.survey table tbody tr td{display: block;}
	
	.gallery--list.survey table thead tr{display: flex;}
	.gallery--list.survey table tbody tr td:first-child{font-weight: bold; text-align: left !important; border-right: 0; height: unset; padding: 10px 5px;}
	.gallery--list.survey table tbody tr td:not(:first-child){display: inline-block; border: 0; width: calc(100% / 5 - 3px); height: unset; padding: 10px 0;}
	.gallery--list.survey table thead tr:last-child th:first-child{display: none;}
	.gallery--list.survey table thead tr:last-child th:not(:first-child){border: 0; flex: 1; height: unset; border-right: 1px solid #ddd; text-align: center; display: flex;  align-items: center; justify-content: center;}
	.gallery--list.survey table thead tr th{padding: 10px 0;}
	.gallery--list.survey table thead tr th:last-child{border-right: 0 !important; height: unset; flex: 1;}
	
	.form--group label{min-height: unset;}
	
	.gallery--list.result table{display: inline-table;}
	.pointB2, .pointR{display: block;}
	
	
	/* 1:1문의 */
	.inquiryContentArea{flex-direction: column;}
	.inquiryContentArea:before{display: none;}
	.inquiryContentArea .ica_left, .inquiryContentArea .ica_right{width: 100%;}
	.inquiryContentArea .ica_left::before{content: "";  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 1px;  background: #107bc5;}
	.inquiryContentArea .ica_left button{position: relative;}
	.inquiryContentArea .ica_right .iquiryInfoArea div{flex-wrap: wrap;}
	.inquiryContentArea .ica_right .iquiryInfoArea input[type="text"], .inquiryContentArea .ica_right .iquiryInfoArea input[type="password"]{width: 100% !important;}
	.pw_text{justify-content: flex-start;}
	
	.leftBgTb.inq_table table, 
	.leftBgTb.inq_table table tbody, 
	.leftBgTb.inq_table table tr, 
	.leftBgTb.inq_table table thead th, 
	.leftBgTb.inq_table table tbody tr td{display: block;}
	
	
	.inq-check{flex-wrap: wrap; gap: 10px; margin-top: 10px;}
	
}

@media (max-width: 768px) {
	
	/* 메인페이지 */
	.main main .mainContainer > .rightArea > .shortcuts > div {flex: 1 1 48%;}

	/* 게시판 공통 */
	.board--wrapper .list--board--back > div .date{display: none !important;}
	.t_mobile {display: none !important;}
	
	
	/* 게시판 type05*/
	.board--wrapper .gallery--list.type5 table{border-top: 2px solid #107bc5; border-bottom: 1px solid #aaa}
	.board--wrapper .gallery--list.type5 table tbody tr{display: block; padding: 10px;}
	.board--wrapper .gallery--list.type5 table tbody tr + tr{border-top: 1px solid #aaa;}
	.board--wrapper .gallery--list.type5 table tbody tr td{height: unset !important; display: block; border: 0; padding: 0 10px 0 0 !important; margin-right: 5px;}
	.board--wrapper .gallery--list.type5 table tbody tr td .subj {display: block !important; width: 100%; border: 0; height: unset !important;}
	.board--wrapper .gallery--list.type5 table tbody tr td .t_file{margin: 10px 0;}
	.board--wrapper .gallery--list.type5 table tbody tr td.mobile_td{display: inline-block;}
	.board--wrapper .gallery--list.type5 table tbody tr td.mobile_td::after{position: absolute; top: 4px; right: 0; content: ""; display: block; width: 1px; height: 16px; background: #cecece;}
	.board--wrapper .gallery--list.type5 table tbody tr td.mobile_td:last-child::after{display: none;}
	.board--wrapper .list--board--back > div .title{max-width: 100%;}
	
	/* 게시판 type04 */
	.board--wrapper .gallery--list.type4 ul{justify-content: center !important;}
	
	/* event */
	.board--wrapper .board--sch--wrap.sty2 .search--area .textOpt, .board--wrapper .board--sch--wrap .search--area input[type="text"]{width: 80%;}
	
	/* con- 자가진단 */
	.diaExplanArea{flex-direction: column;}
	.diaExplanArea .diaExplan{flex: auto;}
	.diaExplanArea .diaImg{margin: 0 auto; background-size: contain; width: 100%; height: 180px;}
	.diaExplanArea span{left: unset;}
	.survey-subtitle-wrap{justify-content: center; flex-direction: column;}
	.survey-subtitle-wrap .survey-subtitle{display: contents;}
	.survey-subtitle-wrap .thin--btn--a{align-self: center; margin-top: 10px;}
	
	/* 1:1 문의 */
	.inq-check{justify-content: center; text-align: center;}
	
	/* footer */
	.footers .foot--head .foot--head--content{height: unset !important;}
	.footers .foot--head .cooperative--company{flex-wrap: wrap; height: 100% !important; line-height: unset !important; justify-content: center; padding: 20px 0;}
	.footers .foot--head .foot--head--content select{flex: 1; margin-top: 0;}
	.footers .foot--head .foot--head--content a{}
}




@media (max-width: 580px) {
	
	/* main */
	.main main .mainContainer > .rightArea > .busiNotice ul li div:last-child{display: none;}
	.main main .mainContainer > .rightArea > .pressRelease ul{text-align: center; justify-content: center; flex-wrap: wrap;}
	.main main .mainContainer > .rightArea > .pressRelease ul li{width: 100%;}
	.main main .mainContainer > .rightArea > .pressRelease ul li:last-child p,
	.main main .mainContainer > .rightArea > .pressRelease ul li:last-child div{width: unset;}
	.main main .mainContainer > .rightArea > .bestCase ul {flex-wrap: wrap;}
	.main main .mainContainer > .rightArea > .bestCase ul li{display: none;}
	.main main .mainContainer > .rightArea > .bestCase ul li:nth-child(1),
	.main main .mainContainer > .rightArea > .bestCase ul li:nth-child(2){display: flex;}
	
	/* 게시판 type02 */
	.board--wrapper .gallery--list.type2 ul li{justify-content: center; flex-direction: column; align-items: center;}
	.board--wrapper .gallery--list.type2 ul li:nth-child(1){height: unset !important;}
	.board--wrapper .gallery--list.type2 ul li .desc--wrap{gap: 10px; text-align: center; align-items: center; height: unset; padding: 0;}
	.board--wrapper .gallery--list.type2 ul li .desc--wrap .summary{height: unset !important;}
	.board--wrapper .gallery--list ul li .desc--wrap{padding-top: 10px !important;}
	
	/* 게시판 type03 */
	.gallery--list.type3 ul{grid-template-columns: repeat(auto-fill, minmax(49%, auto));}
	
	/*게시판 상세보기*/
	.board--wrapper .list--board--back > div{display: block; width: 100%; height: 100%;}
	.board--wrapper .list--board--back > div .tit--ftc{width: 100%; height: unset; padding: 12px 10px;}
	
	/* 검색존 */
	.search-type2 .areaCheckBox{grid-template-columns: repeat(auto-fill, minmax(40%, auto));}
	.sch_chk{flex-wrap: wrap; gap: 20px;}
	.sch_chk_item{display: flex; align-items: center;}
	.event-state{gap: 10px 0;}
	
	/* con - 정부지원사업*/
	.gov-item-wrap{grid-template-columns: repeat(auto-fill, minmax(49%, auto));}
	
	/* footer */
	.footers .contents{padding-top: 20px !important; margin-bottom: 40px;}
	.footers .contents .foot--body{text-align: center;}
	.footers .contents .foot--body .foot--menu--list{justify-content: center; margin-bottom: 10px;}
	.footers .contents .foot--body  p{margin-top: 20px;}
	.footers .contents .foot--body span{word-break: keep-all; text-wrap: nowrap;}
	
	
	
	
}

@media (max-width: 428px) {
	
	.board--wrapper .list--board--back2 div .conbox .attach--wrap a:before{right: 0;}
	
	/* 검색존 */
	.search-type1 {justify-content: flex-start;}   
	.search-type1 .st-con label{width: 50px;}
	.search-type2 .areaCheckBox{grid-template-columns: repeat(auto-fill, minmax(35%, auto)); justify-content: normal;}
	.gov-button-wrap{flex-direction: column; gap: 15px;}
	.gov-button{justify-content: center;}
	
	
	.search-type2 .areaCheckBox input[type="checkbox"] + label.ty3{font-size:12px;}
	
	
	/* 자가진단 */
	.diaChartArea .diaResultArea, .diaMethodArea{flex-wrap: wrap;}
	
	
}