@charset "utf-8";
@import "board.css";
@import "member.css";
@import "policy.css";

.sub_wrap{overflow:hidden; position:relative;}
.sub_con{padding:80px 0; transition:all 0.4s;}
.sub_con > section + section{margin-top:80px;}
.shadow_box{box-shadow:0 4px 4px rgba(var(--main_color_rgb), 0.04), 0 -4px 4px rgba(var(--main_color_rgb), 0.04), 4px 0 4px rgba(var(--main_color_rgb), 0.04), -4px 0 4px rgba(var(--main_color_rgb), 0.04);}

.page_top{position:relative; display:flex; justify-content: center; align-items: center; height:220px; margin-top:30px;}
.page_top:before{content:''; display:block; width:calc(((100% - 1440px) / 2) + 1440px); background:url(/images/page/contents/sub_visual.jpg) no-repeat; background-size:cover; height:100%; border-radius: 0 30px 30px 0; position:absolute; left:0; top:0;}
.page_top > div.inner{position: relative; z-index: 3}

.page_tit{}
.page_tit span{color:#666; font-family: var(--tit_font); font-size:15px; line-height:100%;}
.page_tit h2{color:#000; font-family: var(--tit_font); font-weight:700; font-size:45px; line-height:125%;}

.tab_menu{display:flex; align-items: center; gap:15px; margin-top:15px;}
.tab_menu li{}
.tab_menu li a{display:block; padding:5px 20px; border:1px solid #ddd; border-radius:30px; color:#666; background: #fff;}

.tab_menu li a:hover{}
.tab_menu li.active a{border:2px solid var(--main_color); color:var(--main_color); font-weight:600;}

.sub_loca{margin-top:15px;}
.sub_loca > ul{display:flex; align-items: center;}
.sub_loca > ul > li{padding:0 10px;}
.sub_loca > ul > li + li{position:relative; padding-left:20px;}
.sub_loca > ul > li + li:before{content:'\f2d8'; color:#999; font-family: boxicons!important; position:absolute; left:0; top:0; bottom:0; margin:auto; line-height: 100%; font-size:18px; height:fit-content;}
.sub_loca > ul > li a{font-size:0; color:#333; display:block;}
.sub_loca > ul > li:first-child{}
.sub_loca > ul > li a .bx{vertical-align: middle; font-size:15px;}

.semi_tit_wrap{margin-bottom:40px; position:relative; display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.semi_tit_wrap h3{}
.semi_tit_wrap p{margin-top:10px; color:#333; width:100%; flex-shrink: 0;}
.semi_tit_wrap .more_btn{width:120px; height:40px; line-height:40px; display:block; text-align:center; font-size:15px; color:#666; font-weight:600; background:#f9f9f9; border-radius:20px; border:1px solid #ddd; position:absolute; right:0; top:0; bottom:0; margin:auto;}
.semi_tit_wrap .more_btn:hover, .semi_tit_wrap .more_btn:focus{background:#fff; color:var(--sub_color); border:2px solid var(--sub_color);}

.inner_tit_wrap{display:flex; justify-content: space-between; align-items: center; margin-bottom:30px;}

h3.tit{font-family: var(--tit_font); font-size:28px; font-weight:700; color:#222; line-height:125%; padding-left:25px; position:relative;}
h3.tit:before, .semi_tit_wrap h3:after{content:''; width:8px; height:8px; display:block; position:absolute; transform:rotate(45deg);}
h3.tit:before{background:var(--main_color); left:5px; top:14px;}
h3.tit:after{background:var(--sub_color); left:10px; top:14px;}

h4.tit{font-family: var(--tit_font); font-size:22px; font-weight:600; color:#222; line-height:125%; padding-left:15px; position: relative;}
h4.tit:before{content:''; display:block; width:5px; height:5px; background:var(--sub_color); transform: rotate(45deg); position: absolute; left:0; top:10px;}

h5.tit{font-family: var(--tit_font); font-size:18px; font-weight: 500; color:#222; position:relative; padding-left:20px;}
h5.tit:before{content:'●'; color:var(--sub_color); position:absolute; left:0; top:14px; font-size:8px;}

.icon_col_list{display:flex; justify-content: center; align-items: center; gap:30px}
.icon_col_list > li{padding:30px; border:1px solid #ddd; border-radius:10px; width:calc((100% - 120px)/5); text-align:center;}
.icon_col_list > li .img_box{width:50px; height:50px; margin:0 auto; border:none;}
.icon_col_list > li .img_box img{}
.icon_col_list > li .txt_box{margin-top:10px; word-break: keep-all;}
.icon_col_list > li .txt_box b{display:block; margin-top:10px; color:#222;}

.list_st_alert{display:flex; justify-content: center; gap:30px;}
.list_st_alert > li{width:40%; border:1px solid #ddd; border-radius:10px; overflow:hidden; text-align: center}
.list_st_alert > li > b{display:block; padding:10px 20px; font-family: var(--tit_font); color:#fff; background:var(--main_color);}
.list_st_alert div{padding:20px; word-break: keep-all;}
.list_st_alert div strong{font-family: var(--tit_font); color:#222; font-size:20px; font-weight: 600; line-height:125%;}
.list_st_alert div small{display:block; margin-top:5px;}

.add_comment:after{content:'연계'; width:fit-content; height:fit-content; background:#fff; border:5px solid var(--main_color); border-radius:30px; font-size:20px; font-family: var(--tit_font); font-weight: 600; color:var(--main_color); padding:5px 15px; position: absolute; inset: 0; margin:auto; margin-top:170px;}

.list_st_obj{display:flex; gap:20px; flex-wrap: wrap;}
.list_st_obj > li{width:calc((100% - 40px)/3); border:1px solid #ddd; border-radius:10px; background:#fff; word-break: keep-all; overflow:hidden;}
.list_st_obj .img_box{border:none;}
.list_st_obj .txt_box{padding:20px ;}
.list_st_obj b{display:block; color:#222; font-size:18px; position:relative; padding-left:15px; margin-bottom:10px;}
.list_st_obj b:before{content:''; width:5px; height:5px; display:block; background:var(--sub_color); position: absolute; left:0; top:10px; transform: rotate(45deg);}
.list_st_obj p{}

/* ticker 서브 전용 */
.ticker span{animation: scrollUp 10s linear infinite;}

/* 사업소개 */
.svc_tit{font-family: var(--tit_font); font-size:32px; font-weight: 500; color: #fff; background:var(--main_color); line-height:50px; height:50px; width:fit-content; padding:0 20px; margin-bottom:40px; position:relative;}
.svc_tit:before{content:''; width:100%; height:100%; display:block; background:var(--sub_color); position:absolute; top:8px; left:8px; z-index: -1;}

.svc_tit + .semi_tit_wrap .badge{padding:6px 10px; background:#fff; border:1px solid var(--main_color); color:var(--main_color); font-size:15px; margin-right:8px; margin-bottom:4px;}
.svc_bg_box{display:flex; justify-content: center; align-items: center;background:var(--sub_color); border-radius:10px; word-break: keep-all; padding:20px 50px; line-height:175%;}
.svc_bg_box strong{color:#fff; text-align: center; font-family: var(--tit_font); font-size:24px;}
.svc_bg_box small{display:block;}
.svc_con01{margin-top:50px;}
.svc_con01 .icon_col_list{}
.svc_con01 .list_st_alert{padding-top:120px; position:relative;}
.svc_con01 .list_st_alert:before{content:''; width:20%; height:60px; display:block; background:url(/images/page/contents/svc_arrow.png) no-repeat; background-position: center; position: absolute; top:30px; left:0; right:0; margin:auto;}

.svc_con .list_st_obj > li:last-child{width:100%;}

.svc_con .bbsList .list_st_dot{text-align: left;}
.svc_con .bbsList th{width:160px;}

/* 지원내용 */
.sup_con01{}
.sup_imgs{display:flex; justify-content: center; align-items: center; gap:15px; flex-wrap: wrap;}
.sup_imgs li{width:calc((100% - 45px)/4); height:400px; border-radius:10px; background:#f9f9f9; position:relative; overflow: hidden;}
.sup_imgs li:first-child{width:calc((33.3333% - 15px));}
.sup_imgs li:nth-child(2){width:66.6666%;}
.sup_imgs li:nth-child(n+3){width:calc((100% - 30px)/3)}
.sup_imgs li img{position:absolute; inset:0; margin:auto; width:100%; height:100%; object-fit: cover;}
.sup_imgs li span{position:absolute; top:10px; right:10px; background:rgba(0,0,0,0.6); color:#fff; border-radius:3px; padding:2px 15px;}
.border_box{margin-top:40px; padding:30px; border:1px solid #ddd; border-radius:10px;}

.sup_eq_list > ul > li {border:1px solid #ddd; border-radius:10px; overflow: hidden; font-size:0;}
.sup_eq_list .txt_box{padding:10px; text-align: center;}
.sup_eq_list .txt_box > b{font-size:18px; color:#222; display: block;}

.sup_con02 + .sup_con02,
.sup_con03 + .sup_con03{margin-top:60px;}


/* 사업공고 */
.bbs_top{margin-bottom:30px; display:flex; justify-content: space-between; align-items: baseline;}

.bbs_top .list_total{}
.bbs_top .list_total span{color:#333;}
.bbs_top .list_total b{font-weight:600; color:var(--user-danger);}
.bbs_top .list_search{min-width:340px; width:60%; display:flex;}
.bbs_top .list_search select{width:170px; height:50px; margin:5px; border-radius:10px; padding:0 15px; background-position:calc(100% - 15px);}

.search_input{display:flex; justify-content: space-between; align-items: center; border:1px solid #ddd; border-radius:10px; overflow: hidden; font-size:0; flex:0 0 calc(100% - 180px); margin:5px;}
.search_input input{border:none !important; flex:1 1 calc(100% - 80px); height:50px; margin:0; font-size:16px; padding:0 15px; border-radius:10px 0 0 10px;}
.search_input input:focus{border-color:var(--outline_color); outline-color:var(--outline_color); }
.search_input button{flex:0 0 50px; width:50px; height:50px; background:none; border-left:1px solid #ddd;}
.search_input button i.bx{font-size:16px;}

.bbs_type_card{border-top:2px solid var(--main_color); padding:30px 0; border-bottom:1px solid rgba(var(--main_color_rgb), 0.4);}
.bbs_type_card ul{display:flex; gap: 30px; flex-wrap: wrap;}
.bbs_type_card ul li:not(.nodata){width:calc((100% - 90px)/4); border-radius:10px; padding:25px; border:2px solid transparent;}
.bbs_type_card ul li:hover{border-color:var(--main_color);}
.bbs_type_card .bbs_state{font-size:14px; color:#fff; padding:2px 5px; border:1px solid #999; background:#999; border-radius:3px; margin-bottom:5px; display:inline-block;}
.bbs_type_card .bbs_state.ing{color:var(--main_color); border-color:var(--main_color); background:#fff;}
.bbs_type_card .bbs_tit{font-family: var(--tit_font); font-weight: 700; color:#222; font-size:20px;}
.bbs_type_card .bbs_exp{font-size: 15px; margin-top:15px; min-height:42px;}
.bbs_type_card .opt_box{display:flex; justify-content: space-between; align-items: center; margin-top:15px; padding-top:15px; border-top:1px solid #ddd;}
.bbs_type_card .period{padding-left:20px; position: relative; font-size:14px;}
.bbs_type_card .period:before{content:'\f264'; position: absolute; font-family: boxicons !important; left:0;}
.bbs_type_card .d_day{border:1px solid var(--sub_color); color:var(--sub_color); padding:6px 10px; border-radius:3px; font-size:14px; background:#fff;}
.bbs_type_card ul li:hover .d_day{background:var(--sub_color); color:#fff;}

.nodata{width:100%; padding:40px; text-align:center; font-family: var(--tit_font); border-radius:10px;}
.nodata:hover{border:none;}
.nodata .bx{color:rgba(var(--main_color_rgb), 0.4); font-size:28px;}


/* 사업공고 상세 */
.biz_dtail .dtail_info{margin:20px 20px 0;}
.biz_dtail .dtail_info .dl_tb > dt{background:rgba(var(--main_color_rgb), 0.05); width:200px;}
.biz_dtail .dtail_info .dl_tb > dd{width:calc(100% - 200px);}

/* 사업공고 신청 */
.step{border:2px solid rgba(var(--main_color_rgb), 0.2); border-radius:15px; margin-bottom:60px; padding:40px;}
.step_list{display:flex; justify-content: center; gap:30px;}
.step_list > li{padding:0 20px; position:relative; display:flex; flex-direction: column; gap: 8px;}
.step_list > li + li:before{content:''; width:30px; height:0; display:block; border-top:2px dashed #e9e9e9; position:absolute; top:0; bottom:0; left:-30px; margin:auto;}
.step_list > li > *{line-height:100%; display:inline-block; text-align: center;}
.step_list > li > span{font-size:13px; border:1px solid rgba(var(--main_color_rgb), 0.4); color:var(--main_color); padding:2px 5px; border-radius:8px; width:fit-content; margin:auto;}
.step_list > li > b{color:#222;}
.step_list > li.on > span{background:var(--main_color); color:#fff;}
.step_list > li.on > b{color:var(--main_color);}

.biz_apl_con{}
.biz_apl_con > div:not(.semi_tit_wrap) + div{margin-top:80px;}
.biz_apl_con .bbsList th, .biz_apl_con .bbsList td{border:1px solid #ddd;}
.biz_apl_con .bbsList th{background:var(--bg_color);}
.biz_apl_con .dl_tb_group{border:1px solid #ddd; border-width: 0 1px 1px 0;}
.biz_apl_con .dl_tb_row + .dl_tb_row{border-top:none;}
.biz_apl_con .dl_tb dt, .biz_apl_con .dl_tb dd{border:1px solid #ddd; border-width: 1px 0 0 1px;}
.biz_apl_con .dl_tb dt{background:var(--bg_color);}
.biz_apl_con .dl_tb dd{}

.inner_search{display:flex; height:40px; gap: 4px 6px;}
.inner_search input{width:100%; margin:0; padding:0 10px; min-width:120px;}
.inner_search .search_icon{flex: 0 0 40px;height:40px; margin:0; padding:0; color:#999; background: #fff; border:1px solid #ddd; border-radius:5px;}


/* 창업지원공간 */
.rent_detail > div + div{margin-top:50px;}
.rent_detail .item_box {display: flex; justify-content: space-between; gap:60px;}
.rent_detail .item_box .img_box{background:#fff;}
.rent_detail .item_box .img_box img{height:100%; margin:auto; object-fit: contain;}

.rent_detail .item_info {width:100%;}
.rent_detail .item_info .tit {padding-bottom: 30px; border-bottom: 1px solid #ddd;}
.rent_detail .item_info .tit p span.cate{margin-top:5px;}
.rent_detail .item_info .tit h3 {display: block; font-family: var(--tit_font); font-size: 30px; font-weight: 700; color:#222;}
.rent_detail .item_info .tit .txt {font-size: 1rem; color: #999; margin-top: 10px;}
.rent_detail .item_info .tit .txt .bx{vertical-align: middle;}

.rent_detail .item_info .btn_wrap a {display: block; width: 80%; height: 50px; line-height: 50px; font-size: 18px; color: #fff; margin:auto; transition: all .2s;}
.rent_detail .item_info .btn_wrap a:hover {border-radius: 35px; opacity: 0.8;}

.rent_detail .sum_up dl {font-size: 0; padding: 15px 20px; border-bottom: 1px solid #ddd; display:flex; flex-wrap: wrap;}
.rent_detail .sum_up dl *{font-size:14px;}
.rent_detail .sum_up dl dt {position: relative; padding-left: 10px; color: #111; font-weight: 600; line-height: 1.7rem; width:120px;}
.rent_detail .sum_up dl dt:before {content: ''; position:absolute; left:0; top:13px; display:block; width:3px; height:3px; background:#000;}
.rent_detail .sum_up dl dd {width: calc(100% - 120px); color: #666; font-weight: 400;}
.rent_detail .sum_up dl dd .dd_tit{color:#222; display:block;}
.rent_detail .sum_up dl dd .dd_tit + *{margin-top:10px;}

.tb_st_border{width:100%; border:1px solid #ddd; border-collapse: collapse;}
.tb_st_border thead{background:rgba(var(--main_color_rgb), 0.04);}
.tb_st_border thead th{text-align:center; font-family: var(--tit_font); font-weight: 500; font-size:18px; border:1px solid #ddd; color:#222; padding:12px 18px; vertical-align: middle;}
.tb_st_border tbody{}
.tb_st_border tbody th, .tb_st_border tbody td{padding:12px 18px; border:1px solid #ddd; vertical-align: middle; text-align:center;}
.tb_st_border tbody th{font-family: var(--tit_font); color:var(--main_color);}

.startup_step{display:flex; justify-content: center; gap: 40px;}
.startup_step > li{width:calc((100% - 200px) / 6); border:1px solid #ddd; border-radius: 10px; text-align: center; padding:20px; position:relative;}
.startup_step > li + li:before{content:''; width:15px; height:15px; border:1px solid var(--main_color); border-width:2px 2px 0 0; display:block; transform:rotate(45deg); position:absolute; left:-35px; top:0; bottom:0; margin:auto;}
.startup_step > li img{width:50px; height:50px; object-fit: contain;}
.startup_step > li b{color:#222; font-family: var(--tit_font); font-weight: 500; font-size: 14px; display:block; }

.item_dtail{margin-top:60px; padding-top:60px; border-top:1px solid var(--main_color);}
.item_dtail + .item_dtail{border-top:1px dashed #ddd;}

.item_dtail_con .list_st_obj > li{padding:15px;}
.item_dtail_con .list_st_obj b{margin-bottom:0; font-size:16px;}

.img_box.rough_map{padding-top:50%;}
.img_box.rough_map > img{height:80%; object-fit: contain; margin:auto;}

.item_dtail_con .startup_map{width:100%; height:420px; border:1px solid #ddd; }
.item_dtail_con .startup_map .root_daum_roughmap_landing{width:100%; height:100%;}
.item_dtail_con .startup_map .root_daum_roughmap .wrap_map{height:100%;}
.item_dtail_con .startup_map .root_daum_roughmap .wrap_controllers,
.item_dtail_con .startup_map .root_daum_roughmap .cont,
.item_dtail_con .startup_map .root_daum_roughmap .border1,
.item_dtail_con .startup_map .root_daum_roughmap .border2,
.item_dtail_con .startup_map .root_daum_roughmap .border3,
.item_dtail_con .startup_map .root_daum_roughmap .border4{display:none;}

/* bbs */
.bbs_type_list{border-top:2px solid var(--main_color); border-bottom:1px solid var(--main_color);}
.bbs_type_list > ul > li + li{border-top:1px solid #ddd}
.bbs_type_list > ul > li:hover.bbs_tit{text-decoration: underline; text-decoration-thickness: 15px; text-decoration-color: #f1f1ff;}
.bbs_type_list > ul > li:not(.nodata) > div{display:flex; justify-content: space-between; align-items: center; color:#666; padding:25px 0;}
.bbs_type_list > ul > li > div > *{min-width: 100px; text-align:center;}
.bbs_type_list .bbs_num{color:#666; font-size:15px;}
.bbs_type_list .bbs_tit{display:flex; color: #222; font-size: 18px; text-align: left; width:100%; transition: all 0.4s;}
.bbs_type_list .bbs_tit:hover{color:var(--main_color);}
.bbs_type_list .bbs_tit .ellip{max-width:95%;}
.bbs_type_list .bbs_tit .bx{vertical-align: middle;}
.bbs_type_list .bbs_date{font-size:15px;}

.bbs_type_list > ul > li.nodata{margin:30px 0;}

.bbs_badge{display:inline-block; padding:2px 5px; font-size:12px; border-radius:2px; background:rgba(var(--main_color_rgb), 0.05); color:var(--main_color); margin-right:5px;}

.bbs_badge.bbs_a{color:var(--main_color); border:1px solid var(--main_color); background:#fff;}
.bbs_badge.bbs_b{color:#2d5cda; border:1px solid #2d5cda; background:#fff;}

.bbs_badge.Qsign{color:var(--main_color); border:1px solid var(--main_color); background:#fff;}
.bbs_badge.re_sign{position:relative; margin-left:40px;}
.bbs_badge.re_sign:before{content:"\fd9e"; font-family: boxicons !important; position:absolute; left:-35px; top:-3px; bottom:0; margin:auto; font-size:18px; color:var(--main_color); transform: scale(-1);}


.bbs_type_gallery{border-top:2px solid var(--main_color); padding:30px 0; border-bottom:1px solid rgba(var(--main_color_rgb), 0.4);}
.bbs_type_gallery > ul{display:flex; gap:40px; flex-wrap: wrap;}
.bbs_type_gallery > ul > li:not(.nodata){width:calc((100% - 120px)/4);}

.bbs_type_gallery .img_box{border-radius:10px;}
.bbs_type_gallery .img_box > span{font-size:20px; font-family: var(--tit_font); font-weight: 700; color:#222; position:absolute; bottom:0; top:0; left:20px; margin:auto; width:calc(70% - 40px); height:fit-content;}
.bbs_type_gallery .txt_box{margin-top:15px;}
.bbs_type_gallery .txt_box > a{display:block; font-family: var(--tit_font); font-size:18px; font-weight: 500; color:#222;}
.bbs_type_gallery .txt_box > span{font-size:15px;}

.bbsView_tit .bbs_badge{margin-bottom:5px;}

/* Q&A 팝업 커스텀 */
.passChk{text-align:center; margin:0 auto; width:80%;}
.passChk > *{display:block;}
.passChk > strong{color:#222; word-break: keep-all; margin-bottom:10px; line-height:125%;}
.passChk > input[type="text"]{width:100%; margin:10px auto; height:50px;}

/* FAQ */
.bbs_type_faq{border-top:2px solid var(--main_color); border-bottom:1px solid var(--main_color);}
.bbs_type_faq > ul {}
.bbs_type_faq > ul > li + li{border-top:1px solid #ddd;}
.bbs_type_faq > ul > li:not(.nodata) > div{color:#666; padding:25px 25px 25px 85px; position:relative;}
.bbs_type_faq > ul > li:not(.nodata) > div:before{content:''; position:absolute; left:10px; top:8px; width:60px; height:60px; line-height: 60px; text-align: center; display: block; font-size:28px; font-family: var(--tit_font); font-weight: bold;}
.bbs_type_faq > ul > li > div.faq_con{display:none;}

.bbs_type_faq .faq_tit{display:flex; justify-content: space-between; align-items: center;}
.bbs_type_faq .faq_tit:before{content:'Q.' !important; color:var(--main_color);}
.bbs_type_faq .faq_tit h3{font-family:var(--tit_font); font-weight: 700; font-size:22px; color:#222;}

.bbs_type_faq .faq_tit button{background:#fff; font-size:20px; color:#222; transition:transform 0.4s;}
.bbs_type_faq .faq_con{height:100%; max-height:200px; overflow-y:auto; background:rgba(var(--sub_color_rgb), 0.05);}
.bbs_type_faq .faq_con:before{content:'A.' !important; color:var(--sub_color);}
.bbs_type_faq .faq_con p{}


.bbs_type_faq > ul > li.on .faq_tit button{transform: rotate(180deg);}

.bbs_type_faq > ul > li.nodata{margin:30px 0;}


@media (max-width: 1620px) {

	.not_ready{max-width:calc(100% - 40px); margin:0 auto;}

	.sub_con{margin-right:150px;}

	.page_top{margin-top:0; background:#fff;}
	.page_top:before{width:97%;}

	/* ticker 서브 전용 */
	.ticker{right:80px;}
	.ticker span{font-size:6.5vw;}
}

@media (max-width: 1440px) {

    /* 지원내용 */
    .sup_imgs li{height:280px;}

}

@media (max-width: 1280px) {

	/* 사업소개 */
	.list_st_obj b{font-size:17px;}
	.list_st_obj p{font-size:15px;}

	/* 지원내용 */
    .sup_con03 .list_st_obj > li{width:calc((100% - 20px)/2)};

	/* 사업공고 */
	.bbs_top .list_search select,
	.search_input,
	.search_input input{height:40px;}
	.search_input input{flex:1 1 calc(100% - 60px);}
	.search_input button{flex:0 0 40px; width:40px; height:40px;}

	.bbs_type_card ul{gap:15px;}
	.bbs_type_card ul li:not(.nodata){width:calc((100% - 30px)/3); padding:20px;}

	.bbs_type_card .bbs_state{font-size:12px;}
	.bbs_type_card .bbs_tit{font-size:18px;}
	.bbs_type_card .bbs_exp{font-size:15px;}
	.bbs_type_card .period{padding-left:15px;}
	.bbs_type_card .d_day{font-sizE:12px;}

	.bbs_type_gallery > ul > li:not(.nodata){width:calc((100% - 80px)/3);}

}

@media (max-width: 1024px) {

	.sub_con{margin-right:0;}

	/* sub_공통 */
	.page_top{height:160px;}
	.page_tit span{font-size:14px;}
	.page_tit h2{font-size:40px;}

	h4.tit{font-size:20px;}

	.sub_loca_wrap{margin-top:0;}

	/* ticker 서브 전용 */
	.ticker span{animation: ticker_mobile 20s linear infinite;}

	/* 사업소개 */
	.icon_col_list{gap:10px; flex-wrap: wrap;}
	.icon_col_list > li{width:calc((100% - 20px) / 3);}

	.list_st_dash li p{font-size:15px;}

	.list_st_alert > li{ width: calc((100% - 30px)/2); }

	.list_st_obj li{width:calc((100% - 20px)/2);}
	.list_st_obj p{font-size: 15px;}

	.svc_con .list_st_obj li:first-child{width:100%;}    

	/* 지원내용 */
    .sup_imgs li{height: 220px;}

	.sup_con02 .list_st_obj > li:last-child{width:100%;}

	/* 창업지원공간 */
	.rent_detail .item_box{gap:40px;}
	.rent_detail .sum_up dl{flex-direction: column; padding:0;}
	.rent_detail .sum_up dl dt, .rent_detail .sum_up dl dd{width:100%;}
	.rent_detail .sum_up dl dt{padding:10px 10px 10px 20px; background:var(--bg_color); border-bottom:1px solid #ddd;}
	.rent_detail .sum_up dl dt:before{top:20px; left:10px;}
	.rent_detail .sum_up dl dd{padding:20px;}

	.startup_step{gap: 20px;}
	.startup_step > li{width:calc((100% - 100px)/6);padding:15px 5px;}
	.startup_step > li + li:before{width:10px; height:10px; left:-20px;}
	.startup_step > li img{width:30px; height:30px;}


	/* bbs */
	.bbs_type_list .bbs_tit{font-size:16px;}

	.bbs_type_gallery > ul > li:not(.nodata){width:calc((100% - 80px)/3);}

}

@media (max-width: 768px) {

    /* sub_공통 */
    .sub_con{padding:60px 0;}
    .sub_loca_wrap{display:none;}

    .tab_menu{overflow-x:auto;}
    .tab_menu::-webkit-scrollbar{display:none;}
    .tab_menu li{ width:fit-content;}
    .tab_menu li a{text-align:center; padding:2px 10px; min-width:120px;white-space: nowrap;}

    /* 사업소개 */
    .svc_tit{font-size:26px}
    .svc_con01 .list_st_alert{padding-top:80px;}
    .svc_con01 .list_st_alert:before{height:20px; background-size:contain;}
    .add_comment:after{margin-top:135px}

    /* 지원내용 */
    .sup_imgs li:first-child{order:1; width:calc((100% - 15px)/2)}
    .sup_imgs li:nth-child(2){order:3; width:100%;}
    .sup_imgs li:nth-child(3){order:2; width:calc((100% - 15px)/2)}
    .sup_imgs li:nth-child(4){order:4; width:calc((100% - 15px)/2)}
    .sup_imgs li:nth-child(5){order:5; width:calc((100% - 15px)/2)}
    .sup_imgs li:nth-child(6){order:6; width:calc((100% - 15px)/2)}


    /* 사업공고 */
    .bbs_top .list_search{width:80%}

    .bbs_type_card ul{gap:15px;}
    .bbs_type_card ul li:not(.nodata){width:calc((100% - 15px)/2); padding:15px;}

    /* 사업공고 신청 */
    .step{padding:40px 0;}
    .step_list{gap:20px;}

    /* 창업지원공간 */
    .rent_detail .item_box{flex-direction: column;}
    .rent_detail .item_box .img_box{padding-top:65%;}

    .item_dtail_con .icon_col_list{align-items: stretch;}
    .item_dtail_con .icon_col_list > li{width:calc((100% - 15px)/2);}

    /* bbs */
    .bbs_type_list > ul > li > div{padding: 20px 10px;}
    .bbs_type_list > ul > li > div > *{min-width:60px;}
    .bbs_type_list .bbs_date{display:none;}

    .bbs_type_gallery > ul{gap:20px;}
    .bbs_type_gallery > ul > li:not(.nodata){width:calc((100% - 20px)/2);}
    .bbs_type_gallery .txt_box{font-size:14px;}

}

@media (max-width: 640px) {

	.page_top:before{width:100%; border-radius: 0;}
	.page_tit h2{font-size:36px;}

	.sub_con .dl_tb dt, .sub_con .dl_tb dd{padding:15px 5px;}

	/* 지원내용 */
	.sup_imgs{gap:15px; flex-wrap: wrap;}
	.sup_imgs > li{width:100%;}

	.border_box{margin-top:15px;}

	/* 사업공고 */
	.bbs_top{flex-direction: column-reverse; margin-bottom:20px;}
	.bbs_top .list_total,
	.bbs_top .list_search{width:100%;}
	.bbs_top .list_search select{margin-left:0;}
	.bbs_top .list_search p{margin-right:0;}

	.bbs_top .list_total{margin-top:40px;}

	/* 사업공고 상세 */
	.link_share{top:-20px;}
	.biz_dtail .dtail_info{margin: 20px 0 0;}
	.biz_dtail .dl_tb,
	.biz_dtail .dl_tb.dl_tb_twin{flex-direction: column;}
	.biz_dtail .dtail_info .dl_tb > dt,
	.biz_dtail .dtail_info .dl_tb > dd{width:100%;}
	.biz_dtail .dtail_info .dl_tb > dt{border-right:none;}

	/* 창업지원공간 */
	.startup_step{flex-direction: column; align-items: center;}
	.startup_step > li{width:90%; display:flex; justify-content: center; align-items: center; gap: 20px; padding:10px;}
	.startup_step > li + li:before{left:0; right:0; top:-20px; bottom:unset; margin:auto; transform: rotate(135deg);}
	

}

@media (max-width: 578px) {


	/* 사업소개 */
	.svc_tit{height:auto; line-height: 125%; font-size:22px; padding:10px 20px; word-break: keep-all;}

	.icon_col_list > li{padding:20px;}
	.icon_col_list > li .img_box{width:40px; height:40px;}
	.icon_col_list > li .txt_box b{font-size:15px;}

	.list_st_alert{gap:15px; flex-wrap: wrap;}
	.list_st_alert > li{width:100%;}
	.list_st_alert div strong{font-size:18px;}

    .list_st_alert.add_comment > li:last-child{margin-top:80px;}
    .add_comment:after{margin-top:auto; transform: translateY(40px);}

    .list_st_obj{gap:10px;}
	.list_st_obj li{width:100%;}

	.svc_con .list_st_obj li,
	.sup_con03 .list_st_obj > li{width:100%;}

    /* 지원내용 */
    .sup_imgs li{height:180px;}
    
	.bbsList.mb_block,
	.bbsList.mb_block thead,
	.bbsList.mb_block tbody,
	.bbsList.mb_block tr,
	.bbsList.mb_block th,
	.bbsList.mb_block td{display:block; width:100%;}

	.svc_con .bbsList.mb_block{border:1px solid #ddd;}
	.svc_con .bbsList.mb_block th{background:var(--bg_color);}
	.svc_con .bbsList.mb_block td{padding:20px 6px;}
	.svc_con .bbsList .list_st_dot li{width:fit-content; margin:auto;}

	/* 사업공고 */
	.bbs_type_card ul li:not(.nodata){width:100%;}

}

@media (max-width: 425px) {

	/* sub_공통 */
	.page_tit h2{font-size:28px;}
	.page_top{padding:30px 0 30px; height:auto;}

	.semi_tit_wrap h3{font-size:24px;}

	/* 사업소개 */
	.icon_col_list > li{padding:15px;}

	/* 사업공고 */
	.bbs_top .list_search{display:flex; flex-direction: column; min-width: 100%;}
	.bbs_top .list_search select, .search_input{width:100%; margin:5px auto;}

	/* 창업지원공간 */
	.startup_step > li{width:100%;}

	/* bbs */
	.bbs_type_list .bbs_num{display:none;}

	.bbs_type_gallery > ul{gap:10px;}
	.bbs_type_gallery > ul > li:not(.nodata){width:100%;}

	.notice_list .bbs_badge{display:block; width:fit-content; margin-bottom:5px;}
}