@charset "utf-8";
@import url(font.css);
@import url(common.css);
@import url(layout.css);
@import url(board.css);
@import url(member.css);
@import url(policy.css);

.sub_wrap{padding:45px 0; margin-bottom:80px; border-top:1px solid #000; border-bottom:1px solid #000;}

.m_only{display:none !important;}

/* sub_gnb */
.sub_gnb{background:#000; position:static;}
header.sub_gnb .sub_menu > li a{color:#ddd;}
header.sub_gnb .sub_menu > li a:hover{color:#fff;}

.img_box{position:relative; overflow: hidden;}
.img_box img{width:100%; position:absolute; top:0; left:0; margin:auto; object-fit: contain;}

/* page_top */
.page_top{padding:60px 0 40px;}
.page_top .sub_loca{margin-bottom:40px;}
.page_top .page_tit{}

.sub_loca > ul{display:flex; justify-content: flex-end; align-items: center;}
.sub_loca > ul > li{padding:0 10px;}
.sub_loca > ul > li + li{position:relative; padding-right:0;}
.sub_loca > ul > li + li:before{content:'\ea50'; font-family: boxicons!important; color:var(--main_color); position:absolute; left:0; top:0; bottom:0; margin:auto; line-height: 100%; font-size:12px; height:fit-content;}
.sub_loca > ul > li a{font-size:15px; color:var(--main_color);}
.sub_loca > ul > li:first-child{}
.sub_loca .depth{display:none; position:absolute; top:30px; border:1px solid #ddd; border-radius:10px; padding:10px; text-align:center; width:100%;}
.sub_loca .depth > li a{color:#666;}
.sub_loca .depth > li a:hover, .sub_loca .depth > li a:focus{color:#222;}
.sub_loca button{background:transparent; display:flex; justify-content: space-between; align-items: center; padding:0 10px; color:var(--main_color); min-width:140px;}
.sub_loca button span{white-space: nowrap;}
.sub_loca button i.bx{font-size: 10px; line-height:100%; padding-left:10px;}

.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:600; font-size:45px; line-height:125%;}

.semi_tit_wrap{margin-bottom:30px; position:relative;}
.semi_tit_wrap h3{font-family: var(--tit_font); font-size:26px; font-weight:600; color:#222; line-height:125%; padding-left:25px; position:relative;}
.semi_tit_wrap h3:before, .semi_tit_wrap h3:after{content:''; width:8px; height:8px; display:block; position:absolute; transform:rotate(45deg);}
.semi_tit_wrap h3:before{background:var(--main_color); left:0; top:6px;}
.semi_tit_wrap h3:after{background:var(--sub_color); left:10px; top:16px;}
.semi_tit_wrap p{margin-top:10px; color:#666; padding-left:25px;}
.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);}

.tab_menu{display:flex; align-items: center;}
.tab_menu li{margin:15px 5px;}
.tab_menu li:first-child{margin-left:0;}
.tab_menu li a{display:block; padding:5px 20px; border:1px solid #ddd; border-radius:30px; color:#666;}

/* 시설 안내 */
.swiper-slide .img_box{position:relative;}
.swiper-slide .img_box img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:100%; height:100%; object-fit:cover;}

.svc_com_wrap .svc_fac_wrap{position:relative;}
.svc_com_wrap .svc_fac_list{margin-top:20px;}
.svc_com_wrap .svc_fac_list ul li{border:1px solid #eee; position:relative; overflow:hidden; border-radius:15px;}
.svc_com_wrap .svc_fac_list .img_box{padding-top:60%;}
.svc_com_wrap .svc_fac_list .hover_view{display:flex; justify-content: center; align-items: center; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0, 0, 0, 0.6); opacity:0; transition:all 0.4s;}
.svc_com_wrap .svc_fac_list .hover_view:hover{opacity:1;}
.svc_com_wrap .svc_fac_list .hover_view strong{display:block; text-align:center; width:100%; font-size:22px; color:#fff; font-weight:600;}

.svc_com_wrap .fac_remote{display:block; width:30px; height:30px; text-align: center; position:absolute; top:-32px; bottom:0; z-index: 10; margin:auto;}
.svc_com_wrap .fac_remote:hover{background:rgba(0,0,0,0.6); color:#fff;}
.svc_com_wrap .fac_remote.prev{left:0;}
.svc_com_wrap .fac_remote.next{right:0;}
.svc_com_wrap .fac_remote i.bx{ font-size:30px;}

.svc_com_wrap .fac_pagination{display:flex; justify-content: center; align-items: center; margin-top:20px;}
.svc_com_wrap .fac_pagination span{display:block; width:12px; height:12px; border-radius:50%; background:#dedede;}
.svc_com_wrap .fac_pagination span + span{margin-left:10px;}
.svc_com_wrap .fac_pagination span.swiper-pagination-bullet-active{background:var(--main_color);}

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

/* 사업개요 및 안내 */
.svc_info{}
.svc_info > ul{}
.svc_info > ul > li{}
.svc_info > ul > li + li{margin-top:80px;}
.svc_info > ul > li > strong{font-family: var(--tit_font); color:#222; font-weight:600; font-size:20px; position:relative; padding-left:25px;}
.svc_info > ul > li > strong:before{content:'\ed1b'; font-family:boxicons !important; color:var(--sub_color); display:block; width:16px; height:16px; line-height:16px; position:absolute; left:0; top:0; bottom:0; margin:auto;}

.svc_info .svc_txt{border:1px solid #ddd; padding:30px; border-radius:15px; margin-top:10px;}
.svc_info .svc_txt p{padding-left:20px; position:relative; color:#666;}
.svc_info .svc_txt p:before{content:'-'; display:block; color:#999; position:absolute; top:0; bottom:0; left:0; margin:auto;}
.svc_info .svc_txt p + p{margin-top:5px;}
.svc_info .svc_txt b{color:#222; font-weight:600;}

.svc_info .svc_goal{display:flex; justify-content: space-between; align-items: stretch; width:calc(100% + 40px); transform: translateX(-20px); margin-top:10px;}
.svc_info .svc_goal li{text-align:center; width:calc(25% - 40px); margin:0 20px; position:relative; padding:0 20px; border:1px solid #ddd; border-radius:15px; padding:30px;}
.svc_info .svc_goal li + li:before{content:''; width:1px; height:90%; border-left:1px dashed #eee; position:absolute; top:0; bottom:0; left:0; margin:auto;}
.svc_info .svc_goal span{background:#f9f9f9; border-radius:5px; padding:2px 10px; border:1px solid #ddd;}
.svc_info .svc_goal strong{display:block; margin-top:10px; font-size:40px; font-weight:900; font-family: var(--tit_font); color:var(--sub_color);}
.svc_info .svc_goal p{margin-top:10px; word-break: keep-all;}

.svc_info .svc_dir{display:flex; justify-content: space-between; align-items: stretch; width:calc(100% + 40px); transform:translateX(-20px); margin-top:10px;}
.svc_info .svc_dir li{width:calc(33.3333% - 40px); margin:0 20px; padding:30px; border:1px solid #ddd; border-radius:15px;}
.svc_info .svc_dir .img_box{padding-top:60%;}
.svc_info .svc_dir .img_box img{right:0; bottom:0; margin:auto; object-fit: cover;}
.svc_info .svc_dir .txt_box {margin-top:20px;}
.svc_info .svc_dir .txt_box b{font-size:18px; color:#222; font-weight:600;}
.svc_info .svc_dir .txt_box p{margin-top:10px;}

.svc_info .svc_plan{display:flex; justify-content:center; position:relative; border:1px solid #ddd; padding:80px 30px 30px; border-radius:15px; margin-top:10px;}
.svc_info .svc_plan:before{content:''; width:calc(100% - 60px); height:2px; display:block; background:#ddd; position:absolute; left:0; right:0; top:40px; margin:auto;}
.svc_info .svc_plan > li{width:30%;}
.svc_info .svc_plan > li + li{margin-left:5%;}
.svc_info .svc_plan b{position:relative; color:#222; font-size:24px; font-weight:900; display:block; padding-bottom:10px; border-bottom:1px dashed #eee;}
.svc_info .svc_plan b:before{content:''; display:block; width:15px; height:15px; border-radius:50%; background:#fff; border:2px solid var(--main_color); position:absolute; top:-48px; left:0;}
.svc_info .svc_plan p{margin-top:15px; padding-left:0;}
.svc_info .svc_plan p:before{content:'';}
.svc_info .svc_plan b{}

/* 오시는길 */
.svc_ctt{}
.svc_ctt .map_wrap{margin-top:40px}
/* 시설 예약 */
.fac_list {}
.fac_list > ul{}
.fac_list > ul > li{border-top:1px solid #ddd; padding:40px 0;}
.fac_list > ul > li:last-child{border-bottom:1px solid #ddd;}
.fac_list .fac_info{display:flex; justify-content: space-between;} 
.fac_list .fac_info .img_box{flex:0 0 360px; padding-top:15%; border-radius:15px; background:#f9f9f9;}
.fac_list .fac_info .img_box img{height:100%; bottom:0; right:0; object-fit:cover;}
.fac_list .fac_info .txt_box{flex:1 1 calc(100% - 360px); padding-left:40px;}
.fac_list .fac_info .txt_box strong{font-family: var(--tit_font); font-size:20px; font-weight:600; color:#222;}
.fac_list .fac_info .fac_detail{border:1px solid #ddd; background:#fff; padding:20px; margin-top:10px; border-radius:15px;}

/* 시설 & 장비 예약 - 상세 */
.apl_info_wrap .tit {padding-bottom: 20px; display:flex; justify-content: space-between; align-items: center;}
.apl_info_wrap .tit h3 {display: block; font-size: 30px; font-weight: 800; font-family: var(--tit_font);}
.apl_info_wrap .tit span.state{border-radius:5px; font-weight:600;}
.apl_info_wrap .tit span.state.apl_state01{background:var(--sub_color); color:#fff;}
.apl_info_wrap .tit span.state.apl_state02{background:var(--gds_gray_3); color:var(--gds_gray_7);}
.apl_info_wrap .sm_tit {display: block; border-bottom: 1px solid #111; padding-bottom: 20px; margin-bottom:30px;}
.apl_info_wrap .sm_tit h4 {font-size: 24px; font-weight: 800;}

.apl_info{padding-bottom:40px; padding-left:480px; position:relative; border-bottom:1px dashed #eee;}
.apl_info .apl_left{position:absolute; top:0; left:0; width:480px; transition:all 0.4s;}
.apl_info .apl_left.scroll{*position:fixed;}
.apl_info .apl_right{padding-left:80px; min-height:394px;}

.apl_info .apl_img{border-radius:20px; overflow:hidden;}

.photoSlide .swiper-slide{background:#f9f9f9; height:0; width:100%;}
.photoSlide .swiper-slide img{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:100%; height:100%; object-fit: cover;}
.photoSlide .photo_main, .photoSlide .photo_thum{font-size:0;}
.photoSlide .photo_main .swiper-slide{padding-top:60%;}
.photoSlide .photo_thum .swiper-slide{padding-top:20%;}
.photoSlide .photo_thum{margin-top:10px;}
.photoSlide .photo_thum_remote{width:30px; height:30px; border:3px solid #fff; background:#fff; color:#333; border-radius:3px; display:block; position:absolute; top:0; bottom:0; margin:auto; z-index: 10; font-size:25px; line-height:100%; transition:all 0.4s;}
.photoSlide .photo_thum_remote.prev{left:10px;}
.photoSlide .photo_thum_remote.next{right:10px;}

.apl_info .apl_loca{display:flex; justify-content: space-between; align-items: center; margin: 10px 0; padding:10px; background:#333; border:1px solid #ddd; border-width:1px 0; border-radius:3px;}
.apl_info .apl_loca .direction{display:block; font-size:16px; color:#fff; padding-left:20px; position:relative;}
.apl_info .apl_loca .direction:before{content:'\ee17'; font-family:'boxicons' !important; display:block; position:absolute; top:0; bottom:0; left:0px; margin:auto;}
.apl_info .apl_loca_map{display:none; margin:10px 0; border-radius:5px; overflow:hidden; border:1px solid #ddd;}

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

.apl_form{padding-top:60px;}
.apl_form .btn_wrap a {display: block; width: 60%; margin:30px auto; height: 60px; line-height: 60px; font-size: 18px; color:#fff; background:var(--sub_color); border-radius:5px; transition: all .2s;}
.apl_form .btn_wrap a:hover {border-radius: 35px;}

.apl_form .apl_opt_wrap{display:flex; justify-content: space-between;}
.apl_form .apl_opt_left{flex:0 0 460px;}
.apl_form .apl_opt_right{flex:1 1 calc(100% - 460px); padding-left:60px;}

.apl_form .calendar{border-radius:10px;}
.apl_form .calendar .dates .cal_day .day:after{width:100%; height:100%; border-radius: 2px;}

.apl_form .apl_opt_right input[type="date"]{-webkit-appearance: none;-moz-appearance: none; appearance: none; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; min-width: 120px; height: 40px; background: transparent; border:1px solid #ddd; font-family: 'Pretendard', sans-serif; vertical-align: middle; margin: 2px 3px; border-radius:5px; font-size:inherit;}
.apl_form .apl_opt_right .btn.refresh{width:40px; height:40px; line-height:40px; border:1px solid #ddd; border-radius:5px; background:#fff; text-align:center;}

.apl_form .time_opt{margin-top:15px; width: 100%;}
.apl_form .time_opt > span {display: block; font-size: 18px; font-weight: 600; margin-bottom: 10px;}

.apl_form .time_state{display:flex; justify-content: center; gap:10px; margin-bottom:15px; border:1px solid #ddd; border-radius:5px; padding-top:10px; padding-bottom:10px; padding-left:min(2%, 10px); padding-right:min(2%, 10px); min-width:285px;}
.apl_form .time_state li{position:relative; padding-left:15px;}
.apl_form .time_state .state{min-width:auto; padding:0; width:11px; height:11px; border-radius:50%; display:block; border:2px solid #ddd; position:absolute; top:0; bottom:0; left:0; margin:auto; box-sizing: border-box; background:#fff;}
.apl_form .time_state .state.time_dont{background-color:#eee; border-color:#eee;}
.apl_form .time_state .state.time_slt{border-color:#2664d6;}

.apl_form .time_group {display: flex; flex-wrap: wrap; gap: 12px 12px;}
.apl_form .time_group button {width: calc(20% - 10px); border: 2px solid #eee; background-color: #fff; color: #666; padding: 8px 3px;}
.apl_form .time_group button.on,
.apl_form .time_group button:not(.disable):hover {border: 2px solid #2664d6; color: #2664d6; box-shadow: 0 5px 5px 0 rgba(38, 100, 214, .1);}
.apl_form .time_group button.disable {background-color: #eee; color: #999; cursor: default}

/* 시설 및 장비 상세 - 신청확인 */
.apl_check .fac_list > ul > li{width:100%; border:none; padding-top:0;}
.apl_check .fac_list .fac_info{flex-direction: row !important;}
.apl_check .fac_list .fac_info .img_box{flex:0 0 360px; padding-top:15%; border-radius:15px;}
.apl_check .fac_list .fac_info .txt_box{flex:1 1 calc(100% - 360px); padding-left:40px; margin-top:0;}
.apl_check .fac_list .fac_info .txt_box strong{font-size:26px;}
.apl_check .dl_tb_group{}
.apl_check .dl_tb_row .info_box{width:100%; border:none; margin-top:0; padding:0;}
.apl_check .dl_tb > dt, .apl_check .dl_tb > dd{padding:20px 15px;}

/* 교육 및 세미나 - 리스트 */
.list_top{margin-bottom:30px; display:flex; justify-content: space-between; align-items: baseline;}

.list_top .list_total{}
.list_top .list_total span{}
.list_top .list_total b{font-weight:600; color:var(--gds_RED);}
.list_top .list_search{min-width:340px; width:60%; display:flex;}
.list_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:1 1 calc(100% - 180px); margin:5px;}
.search_input input{border:none; 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;}

.edu_list .tb_normal{border-bottom:1px solid #ddd;}
.edu_list .tb_normal tr:last-child{border-bottom:none;}
.edu_list .tb_normal th{padding:20px;}
.edu_list .tb_normal th, .edu_list .tb_normal td{border:1px solid #ddd; border-width:1px 0;}

.edu_list .tb_normal thead{}
.edu_list .tb_normal thead th, .edu_list .tb_normal thead td{text-align:center;}
.edu_list .tb_normal thead th{font-weight:600; background:#f9f9f9; font-size: 18px;}
.edu_list .tb_normal thead td{}

.edu_list .tb_normal tbody{}
.edu_list .tb_normal tbody tr:nth-child(2n){background:rgba(var(--main_rgb), 0.05);}
.edu_list .tb_normal tbody th, .edu_list .tb_normal tbody td{}
.edu_list .tb_normal tbody th{}
.edu_list .tb_normal tbody td{text-align:center; padding:40px 20px;}

.edu_list .type{display:inline-block; padding:2px 10px; color:#fff; border-radius:3px; white-space: nowrap;}
.edu_list .type.t-1{background:var(--main_color);}
.edu_list .type.t-2{background:var(--sub_color);}
.edu_list .type.t-3{background-color: #FF4753FF !important;}
.edu_list .type.t-4{background-color: #999 !important;}

.edu_list .edu_item{}
.edu_list .edu_item a{display:block;}
.edu_list .edu_item strong{font-size:20px; color:#222; font-weight:600;}
.edu_list .edu_item a.done{position:relative;}

/* 교육 및 세미나 - 상세 */
.edu_dtail .dtail_info{border:1px solid #ddd; margin:20px 20px 0;}
.edu_dtail .dtail_info .dl_tb > dt{background:#f9f9f9; width:200px; border-right:1px solid #ddd;}
.edu_dtail .dtail_info .dl_tb > dd{width:calc(100% - 200px);}

/* 사업공고 - 리스트 */
.biz_list .cate{background:#eee; border:1px solid #ddd;}
.biz_list .cate.current{background:var(--sub_color); color:#fff; border-color:transparent;}

/* ai 실증 성과 홍보 게시판 */
.biz_ai_list{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:50px 0 20px;}
.biz_ai_list ul{display:flex; align-items: center; flex-wrap: wrap; width:calc(100% + 30px); transform:translate(-15px, -15px);}
.biz_ai_list ul li{width:calc(25% - 30px); margin:15px; border:1px solid #ddd; overflow:hidden; border-radius:15px;}
.biz_ai_list .img_wrap{border-bottom:1px solid #ddd;}
.biz_ai_list .img_wrap a{display:block; padding-top:60%; background:#f9f9f9;}
.biz_ai_list .txt_wrap{padding:20px;}
.biz_ai_list .txt_wrap strong{font-size:18px; font-weight:600; font-family: var(--tit_font); color:#222; height:2.6em;}
.biz_ai_list .txt_wrap span{font-size:15px; color:#999; display:block; margin-top:10px;}

.biz_ai_list ul li.no_list{width:calc(100% - 30px);}

/* 참여기업 */
.ptn_list{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding-top:40px;}
.ptn_list ul{display:flex; flex-wrap: wrap; align-items: center; width:calc(100% + 40px); transform:translate(-20px, -20px);}
.ptn_list ul li{width:calc(50% - 40px); margin:20px;}
.ptn_list ul li.no_list{width:100%;}
.ptn_list a{display:flex; border:1px solid #ddd; border-radius:15px; padding:30px;}
.ptn_list .img_box{width:30%; height:80px;}
.ptn_list .img_box img{height:100%; bottom:0; right:0;}
.ptn_list .txt_box{width:70%; padding-left:60px;}
.ptn_list .txt_box strong{font-family: var(--tit_font); color:#222; font-size:20px; font-weight:600;}
.ptn_list .txt_box p{margin-top:10px;}

/* 마이페이지 - home */
.my_page{position:relative; padding:60px 0;}
.my_page section + section{margin-top:80px;}
.user_box{width:fit-content; background:var(--sub_color); color:#fff; padding:10px 30px; border-radius:0 0 20px 20px; position:absolute; right:0; top:0;}

.my_list .bbsList td[data-tbl="period"],
.my_list .bbsList td[data-tbl="btn"]{white-space: nowrap;}

.popup_box .popup_tlt{position:relative; font-size:20px; font-family: var(--tlt_font); font-weight:600; padding-bottom:20px; margin-bottom:20px; border-bottom:2px solid #222;}
.popup_box .btn_wrap{border-top:1px solid #222; padding-top:20px; margin-top:20px;}

.resign_exp > strong{display:block; text-align:center; font-size:24px; font-weight: 600; padding:20px 0; background:var(--gds_RED); color:#fff; border-radius:5px;}
.resign_exp > ol{margin:20px 0; padding:30px; border:1px solid #ddd; border-radius:5px;}
.resign_exp > ol > li{}
.resign_exp > ol > li + li{margin-top:20px;}
.resign_exp > ol > li > b{color:#222;}
.resign_exp > ol > li > p{color:#666; margin-top:2px; word-break: keep-all;}

@media (max-width: 1920px) {

}

@media (max-width: 1680px) {

}

@media (max-width: 1440px) {

}

@media (max-width: 1280px) {

	/* 사업개요 및 안내 */
	.svc_info .svc_goal {width:calc(100% + 30px); transform:translateX(-15px);}
	.svc_info .svc_goal li{width:calc(25% - 30px); margin:0 15px; padding:20px;}
	.svc_info .svc_goal strong{font-size:35px;}

	/* list_top */
	.list_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;}

	/* 시설 & 장비 예약 - 상세 */
	.apl_info .apl_right{padding-left: 40px;}

	.apl_form .apl_opt_wrap{flex-direction: column;}
	.apl_form .apl_opt_left{flex: 0 0 100%;}
	.apl_form .calendar{width:460px; margin-bottom: 30px;}
	.apl_form .apl_opt_right{padding-left:0;}

	/* AI 실증 성과 홍보 */
	.biz_ai_list ul li{width:calc(33.3333% - 30px);}

	/* 마이페이지 */
	.semi_tit_wrap .more_btn{width:100px; height:34px; line-height:34px; font-weight:500;}
}

@media (max-width: 1024px) {

	.page_top{padding:20px 0 10px;}
	.page_tit span{font-size:14px;}
	.page_tit h2{font-size:40px;}

	/* 사업개요 및 안내 */
	.svc_info .svc_goal{flex-wrap: wrap;}
	.svc_info .svc_goal li{width:calc(50% - 30px); padding:30px;}
	.svc_info .svc_goal li:nth-child(n+3){margin-top:30px;}

	.svc_info .svc_dir{display:block; width:100%; transform: translateX(0);}
	.svc_info .svc_dir li{width:100%; margin:20px 0; display:flex; justify-content: space-between; align-items: stretch;}
	.svc_info .svc_dir .img_box{width:320px; padding-top:20%; border-radius:10px; border:1px solid #ddd;}
	.svc_info .svc_dir .txt_box{width:calc(100% - 320px); padding-left:30px;}
	.svc_info .svc_dir .txt_box b{font-size:20px;}

	.svc_info .svc_plan{display:block; width:100%; transform:translateX(0); padding-left:80px; padding-top:40px;}
	.svc_info .svc_plan:before{width:2px; height:calc(100% - 60px); left:40px; right:auto; top:0; bottom:0;}
	.svc_info .svc_plan > li{width:100%;}
	.svc_info .svc_plan > li + li{margin-left:0; margin-top:30px;}
	.svc_info .svc_plan b{padding:10px; font-size:18px; font-weight:500; background: var(--sub_color); color:#fff; border-radius:10px 10px 0 0; border-bottom:none;}
	.svc_info .svc_plan b:before{top:15px;left:-48px;}
	.svc_info .svc_plan p{border:1px solid #ddd; border-top:none; margin-top:0; padding:30px; border-radius:0 0 10px 10px;}

	/* 교육 및 세미나 */
	.edu_list .tb_normal thead th{padding:10px 20px; font-size:16px;}
	.edu_list .edu_item .edu_info{padding:15px 20px;}
	.edu_list .edu_item strong{font-size:18px;}

	/* 시설 & 장비 예약 - 리스트 */
	.fac_list > ul{width:calc(100% + 40px); transform:translate(-20px, -20px); display:flex; align-items: stretch; flex-wrap: wrap;}
	.fac_list > ul > li{width:calc(50% - 40px); margin:20px; border-top:none; padding:0;}
	.fac_list > ul > li:last-child{border-bottom:none;}
	.fac_list .fac_info{flex-direction: column; }
	.fac_list .fac_info .img_box{flex:0 0 100%; padding-top:60%;}
	.fac_list .fac_info .txt_box{flex:0 0 100%; padding-left:0; margin-top:20px;}

	/* 시설 & 장비 예약 - 상세 */
	.apl_info{padding-left:0; display:flex; flex-direction: column-reverse;}
	.apl_info .apl_left{position:static !important; width: 80%; margin:30px auto 0;}
	.apl_info .apl_right{padding-left: 0;}

	/* 시설 및 장비 상세 - 신청확인 */
	.apl_check .fac_list .fac_info .txt_box{margin-top:0;}

	/* AI 실증 성과 홍보 */
	.biz_ai_list ul li{width:calc(50% - 30px);}

	/* 참여기업 */
	.ptn_list ul{width:calc(100% + 30px); transform:translate(-15px, -15px);}
	.ptn_list ul li{width:calc(50% - 30px); margin:15px;}
	.ptn_list a{flex-direction: column;}
	.ptn_list .img_box,
	.ptn_list .txt_box{width:100%; padding:0;}
	.ptn_list .txt_box{margin-top:20px;}


}
@media (max-width: 768px) {	

	/* tab_menu */
	.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_info .svc_dir{}
	.svc_info .svc_dir li{display:block; padding:0;}
	.svc_info .svc_dir .img_box{width:100%; padding-top:50%; border-radius:15px 15px 0 0;}
	.svc_info .svc_dir .txt_box{width:100%; padding:30px; margin:0}

	/* list_top */
	.list_top .list_search{width:80%}


	/* 시설 및 장비 상세 - 신청확인 */
	.apl_check .fac_list > ul{width:100%; transform: translate(0, 0);}
	.apl_check .fac_list .fac_info{flex-direction: column !important; margin-bottom:20px;}
	.apl_check .fac_list .fac_info .txt_box{padding-left:0; margin-top:20px;}
	.apl_check .fac_list .fac_info .img_box{flex:0 0 0; padding-top:50%;}

	/* 사업공고 & 홍보게시판 */
	.biz_list .bbsList *[data-tbl='date']{display:none;}

	/* 마이페이지 */
	.my_list .bbsList *[data-tbl="period"]{display:none;}
	.my_list .my_opt.m_only{display:block !important;}
	.my_list .my_opt{padding:15px; background:#f9f9f9; border-radius:5px; font-size:14px; margin-top:10px;}
	.my_list .my_opt p{position:relative; padding-left: 15px;}
	.my_list .my_opt p:before{content:''; width:3px; height:3px; border-radius:50%; display:block; background:#999; position:absolute; top:9px; left:0;}
	.my_list .my_opt p + p{margin-top:3px;}

	
}

@media (max-width: 640px) {

	.page_tit h2{font-size:34px;}

	/* 사업개요 및 안내 */
	.svc_info .svc_goal{width:100%; transform:translateX(0);}
	.svc_info .svc_goal li{width:100%; margin:0;}
	.svc_info .svc_goal li + li{margin-top:20px;}

	/* list_top */
	.list_top{flex-direction: column-reverse; margin-bottom:20px;}
	.list_top .list_total,
	.list_top .list_search{width:100%;}
	.list_top .list_total{margin-top:40px;}

	/* 시설 예약 - 리스트 */
	.fac_list > ul{width:calc(100% + 20px); transform:translate(-10px, -10px);}
	.fac_list > ul > li{width:calc(50% - 20px); margin:10px; }

	.apl_info .apl_left{width: 100%}
	.apl_form .calendar{width:100%; min-width:100%;}

	/* 시설 및 장비 상세 - 신청확인 */
	.apl_check .dl_tb > dt{background:#f9f9f9;}
	.apl_check .fac_list .fac_info .txt_box strong{font-size:20px;}

	/* 교육 및 세미나 - 리스트 */
	.edu_list .tb_normal.tb_m_block tbody tr{border:1px solid #ddd; border-radius:15px; padding:20px;}
	.edu_list .tb_normal.tb_m_block tbody tr + tr{margin-top:30px;}
	.edu_list .tb_normal.tb_m_block tbody tr:nth-child(2n){background:transparent;}
	.edu_list .tb_normal.tb_m_block tbody th,
	.edu_list .tb_normal.tb_m_block tbody td{border:none; text-align: left; padding:0 0 10px;}
	
	.edu_list .tb_normal.tb_m_block tbody td:last-child{text-align:center;}
	.edu_list .tb_normal.tb_m_block tbody td:last-child button{width:100%; max-width:100%;}

	/* 교육 및 세미나 - 상세 */
	.edu_dtail .dtail_info{margin: 20px 0 0;}
	.edu_dtail .dl_tb,
	.edu_dtail .dl_tb.dl_tb_twin{flex-direction: column;}
	.edu_dtail .dtail_info .dl_tb > dt,
	.edu_dtail .dtail_info .dl_tb > dd{width:100%;}
	.edu_dtail .dtail_info .dl_tb > dt{border-right:none;}

	/* 사업공고 & 홍보게시판 */
	.biz_list .bbsList *[data-tbl='num'],
	.biz_list .bbsList *[data-tbl='period']{display:none;}
	.biz_list .bbsList td[data-tbl='subject'] a > p{font-weight:600; color:#222; font-size:16px;}
	.biz_list .biz_opt.m_only{display:block !important;}
	.biz_list .biz_opt{padding:15px; background:#f9f9f9; border-radius:5px; font-size:14px; margin-top:10px;}
	.biz_list .biz_opt p{position:relative; padding-left: 10px;}
	.biz_list .biz_opt p:before{content:''; width:3px; height:3px; border-radius:50%; display:block; background:#999; position:absolute; top:9px; left:0;}
	.biz_list .biz_opt p + p{margin-top:3px;}
	.biz_list .bbsList *[data-tbl='num'], .biz_list .bbsList *[data-tbl='period'] { display: none; }

	/* AI 실증 성과 홍보 */
	.biz_ai_list ul{width:calc(100% + 20px); transform:translate(-10px ,0);}
	.biz_ai_list ul li{width:calc(50% - 20px); margin:0 10px;}
	.biz_ai_list ul li:nth-child(n+3){margin-top:20px;}

	/* 참여기업 */
	.ptn_list ul{width:100%; transform:translate(0, -15px);}
	.ptn_list ul li{width:100%; margin:15px 0;}
	.ptn_list a{flex-direction: row;}
	.ptn_list .img_box{width:30%;}
	.ptn_list .txt_box{width:70%; margin-top:0; padding-left:30px;}

	/* 마이페이지 */
	.my_list .bbsList *[data-tbl='num'],
	.my_list .bbsList *[data-tbl='date']{display:none;}
	.my_list .bbsList td[data-tbl='subject'] .state.m_only{display:inline-block !important; min-width:auto; padding:4px 8px; white-space: nowrap; margin-bottom:10px;}
	.my_list .bbsList td[data-tbl='subject'] .btn.m_only{display:block !important; width:100%; height:45px; line-height:45px; font-size:14px; max-width: 100%; margin-top:10px;}
}


@media (max-width: 576px) {

	/* 시설 예약 - 리스트 */
	.fac_list > ul{width:100%; transform:translate(0, 0);}
	.fac_list > ul > li{width:100%; margin:0;}
	.fac_list > ul > li + li{margin-top:40px;}

	/* AI 실증 성과 홍보 */
	.biz_ai_list ul{width:100%; transform:translate(0 ,0);}
	.biz_ai_list ul li{width:100%; margin:0;}
	.biz_ai_list ul li:nth-child(n+2),
	.biz_ai_list ul li:nth-child(n+3){margin-top:20px;}

	/* 참여기업 */
	.ptn_list a{flex-direction: column;}
	.ptn_list .img_box{width:100%;}
	.ptn_list .txt_box{width:100%; margin-top:10px; padding-left:3px;}

	/* 마이페이지 */
	.semi_tit_wrap{display:flex; justify-content: space-between; align-items: baseline;}
	.semi_tit_wrap h3{font-size:24px;}
	.semi_tit_wrap .more_btn{position:static; width:auto; height:auto; line-height:100%; padding:4px 8px; margin:0; white-space: nowrap;}
	.my_check_list input:first-child, select:first-child{margin-left:0}
	.pass_chg{margin-left:5px !important;}

}

@media (max-width: 425px) {

	.page_tit h2{font-size:28px;}

	.page_top .sub_loca{display:none;}
	.page_top{padding:40px 0 20px;}

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

	/* 참여기업 */
	.ptn_list .txt_box strong{font-size:18px;}

}

@media (max-width: 360px) {

}