/* subpage css  */
@charset "utf-8";

.sub_wrap{padding:80px 0;}
.inner > section + section{margin-top:60px;}
.con_pt{padding-top:50px;}
.con_txt > p{font-size:18px; line-height:145%; word-break: keep-all;}
.con_txt > p + p{margin-top:30px;}

.btn_wrap{display:flex; justify-content:space-between;}

/* subpage tlt */
.sub_tlt_box {width:100%; padding-bottom:45px; text-align:center;}
.sub_tlt{font-family:var(--bs_tlt_font); font-size:var(--bs_tlt_size); color:var(--bs_tlt_color); font-weight:normal; letter-spacing:1px;}
.sub_tlt > a{display:inline-block; padding:0 20px; font-size:inherit; font-weight:inherit; color:inherit; font-family:inherit; letter-spacing:inherit;}
.sub_tlt_box2{width:100%; padding-bottom:10px; text-align:left; display:flex; justify-content: space-between; align-items: center;}
.sub_tlt_line{margin-bottom:15px; border-bottom:2px solid #333;}
.sub_tlt2{font-family:var(--bs_tlt_font); font-size:28px; color:var(--bs_tlt_color); font-weight:normal; letter-spacing:1px;}
.view_more{display:block; padding:3px 15px; border:1px solid #ddd; color:#999; transition:all 0.3s;}
.view_more:hover{border:1px solid var(--main_color); color:var(--main_color)}

.sub_loca {margin-top:10px;}
.sub_loca ul{ display:flex; justify-content: center; align-items: center;}
.sub_loca ul li {display:inline-block; position:relative; font-size:16px; color:#666; padding:0 15px; vertical-align: middle;}
.sub_loca ul li:not(:first-child):before {content:''; position:absolute; top:8px; left:-6px; width:6px; height:6px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; transform:rotate(-45deg);}
.sub_loca ul li.home{display:flex; align-items: center;}
.sub_loca ul li.home:before{content:''; width:16px; height:16px; display:block; background:url('/images/page/sub/loca_home.png'); background-size:100%; background-repeat: no-repeat; margin-right:3px; opacity:0.3;}

/* left_tlt_wrap */
.left_tlt_wrap{display:flex; justify-content: space-between;}
.left_tlt_wrap h3{width:350px;}
.left_tlt_wrap h3 + div{width:calc(100% - 350px);}

.left_tlt{font-size:26px; color:#222; font-weight:700;}

/* 준비중 페이지 */
.ready_box {text-align: center;}
.ready_box i {display: block; width: 120px; height: 120px; border: 5px solid #ddd; border-radius: 50%; margin: 0 auto;}
.ready_box i span {font-size: 60px; font-weight: 800; font-style: normal; color: #ddd; font-family: 'Montserrat'; line-height: 175%;}
.ready_box h5 {font-size: 35px; font-weight: 600; color: #111; letter-spacing: 5px; margin-top: 40px; font-family: 'Montserrat';}
.ready_box p {margin-top: 30px; color: #666; margin-bottom:40px;}


/* 인사말 */
.sub0101 .greeting{background:url(/images/page/sub/greeting_bg.jpg) left no-repeat; background-size: auto 100%; display:flex; justify-content:space-between; align-items: stretch; flex-direction: row-reverse; position:relative;}
.sub0101 .greeting:before{content:''; width:228px; height:114px; display:block; background:url('/images/page/sub/sub0101_acc01.png') no-repeat; background-size:auto 100%; position:absolute; z-index: 2; top:0; right:0; transform:translate(-440px, 100px);}
.sub0101 .greeting:after{content:''; width:206px; height:206px; display:block; background:url('/images/page/sub/sub0101_acc02.png') no-repeat; background-size:auto 100%; position:absolute; z-index: -1; bottom:0; right:0; transform:translate(-20px, 50px);}

.sub0101 .gree_left_box{width:550px; height:600px; overflow:hidden; position:relative; border-radius:0 50px 0 50px;}
.sub0101 .gree_left_box img{display:block; position:absolute; top:0; right:0; left:0; bottom:0; margin:auto; width:100%; height:100%; object-fit: cover;}

.sub0101 .gree_right_box{width:50%;}
.sub0101 .gree_right_box h5{font-family: 'ONE-Mobile-Regular', sans-serif; font-size:34px; font-weight:normal; line-height:145%; margin-bottom:30px; word-break:keep-all;}
.sub0101 .gree_right_box h5 strong{font-family:var(--bs_tlt_font); font-size:inherit; font-weight:inherit; color:#333}

.sub0101 .gree_right_box .gree_txt > p + p{margin-top:30px;}
.sub0101 .gree_right_box > p {text-align:right; margin-top:20px;}
.sub0101 .gree_right_box > p > span{display:block; font-size:18px;}
.sub0101 .gree_right_box > p > b{display:block; font-size:23px; letter-spacing:8px; color:var(--bs_tlt_color);}


/* 조직도 */
.sub0102{}

.sub0102 .org_graph{text-align:center;}
.sub0102 .org_graph > ul > li{width:35%; margin:0 auto; overflow:hidden; font-size:18px;}
.sub0102 .org_graph > ul > li + li{position:relative; padding-top:60px;}
.sub0102 .org_graph > ul > li + li:before{content:''; width:1px; height:60px; display:block;background:#ddd; position:absolute; left:0; right:0; top:0; margin:auto;}
.sub0102 .org_graph > ul > li:first-child{padding:5px; border:1px solid #ddd; border-radius:33px;}
.sub0102 .org_graph > ul > li strong{display:block; height:70px; line-height:70px; font-size:inherit; background:#333; color:#fff; width:100%; height:100%; border-radius:40px; }
.sub0102 .org_graph > ul > li > b {display:block; height:70px; line-height:70px; font-size:inherit; background:#fff; color:#333; width:100%; height:100%; border:1px solid #333; box-sizing:border-box; border-radius:30px;}
.sub0102 .org_graph > ul > li.org_team{width:100%; height:auto; padding-top:100px;}
.sub0102 .org_graph > ul > li.org_team:before{height:100px;}
.sub0102 .org_graph > ul > li.org_team:after{content:''; width:66.6%; height:1px; display:block; background:#ddd; position:absolute; top:60px; left:0; right:0; margin:auto;}
.sub0102 .org_team > ul {display:flex; justify-content: space-around; position:relative;}
.sub0102 .org_team > ul > li{width:calc(20% - 50px); height:60px; line-height:60px;  font-size: inherit; text-align:center;position:relative; font-size:15px;}
.sub0102 .org_team > ul > li:before{content:''; width:1px; height:40px; display:block; background:#ddd; position:absolute; top:-40px; left:0; right:0; margin:auto;}
.sub0102 .org_team > ul > li > span{background:#c7c7c7; color:#fff; display:block; width:100%; height:100%; font-size:inherit; border-radius:10px; box-sizing:border-box;}
.sub0102 .org_tb td.detail{text-align:left;}

.bg_333{background:#333 !important;}
.bg_bule{background:#0f5ec0 !important;}
.bg_purple{background:#4840bb !important;}
.bg_sky{background:#35b2d5 !important;}

.sub0102 .org_tb{ margin-top:60px; }
.sub0102 .org_tb .only_m{display:none;}
.sub0102 .org_tb td.detail{text-align:left;}

/* CI */
.sub0103 .ci_bg {width: 100%; height: 317px; border:1px solid #eee;}
.sub0103 .ci_bg .grid {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: url(/images/page/sub/grid.jpg) repeat 50% 50%;}
.sub0103 .left_tlt_wrap{margin-top:60px;}
.sub0103 .btn_wrap{margin-top:30px;}
.btn-download{display:inline-block; width:calc(25% - 15px); height:65px; line-height:65px; border:1px solid #333; text-align:center; box-sizing:border-box; transition: box-shadow 0.3s;}
.btn-download:hover{box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.btn-download span{font-size:15px; display:inline-block; position:relative; padding-right:20px;}
.btn-download span:after{content:''; width:15px; height:16px; display:inline-block; background:url('/images/page/sub/icon_down.png') no-repeat; position:absolute; top:0; bottom:0; margin:auto; margin-left:5px; }

.symbol_color_box ul {font-size: 0;}
.symbol_color_box ul li {position: relative; display: inline-block; width: 33.3%; padding: 50px 45px; min-height: 300px; vertical-align: middle; box-sizing:border-box;}
.symbol_color_box ul li.c_1 {background-color: #3da649;}
.symbol_color_box ul li.c_2 {background-color: #107cbb;}
.symbol_color_box ul li.c_3 {background-color: #4f5151;}
.symbol_color_box ul li strong {font-size: 26px; font-weight: 800; font-family: 'Montserrat'; color: #fff; letter-spacing: -1px; line-height: 1.1;}
.symbol_color_box ul li span {position: absolute; bottom: 50px; left: auto; display: block; font-size: 16px; font-weight: 200; color: #fff; line-height: 1;}

/* 오시는길 */
#map {width: 100%; height: 500px; border: 1px solid #ddd; box-sizing:border-box;}
.map_label {position: relative; display: inline-block; background: #0f54a9; padding: 10px 20px;}
.map_label > span {color: #fff;}
.map_label:after {content:''; position: absolute; left: 0; right: 0; bottom: -10px; margin: 0 auto; width: 0; height: 0; border-top: 10px solid #0f54a9; border-left: 10px solid transparent; border-right: 10px solid transparent;}
.map_info {position: relative; padding: 50px 60px; background-color: #0f54a9; overflow: hidden;}
.map_info:after {content: ''; position: absolute; right: 18px; bottom: 0; display: block; width: 444px; height: 187px; background: url(/images/page/sub/symbol.png); background-blend-mode: luminosity; background-repeat: no-repeat; background-position:50% 0; background-size:80%;}
.map_info strong {display: block; font-size: 23px; font-weight: 800; color: #fff; margin-bottom: 10px;}
.map_info dl {font-size: 0;}
.map_info dl * {display: inline-block; box-sizing:border-box; vertical-align: middle; font-size: 17px; color: #fff;}
.map_info dl dt {min-width: 70px; border-right: 1px solid rgba(255, 255, 255, .3); line-height: 1; margin-top: 20px;}
.map_info dl dd {width: calc(100% - 71px); padding-left: 30px; margin-top: 20px;}

/* 의견보내기 */
.research {width:100%; max-width: 1440px; margin: 0 auto;}
.research .research_box {border: 1px solid #ddd; padding: 25px 30px;}
.research .rsch_top {overflow: hidden; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px;}
.research .rsch_top p {float: left; font-size: 18px; font-weight: 600; background: url(/images/page/sub/icon_satisfy.png) no-repeat 0 50%; background-size: 25px auto; padding-left: 35px; word-break:keep-all;}
.research .rsch_top .input_radio {float: right; text-align: right;}
.research .rsch_top .input_radio ul.radio{display:flex; justify-content: flex-end; align-items: center;}
.research .bottom .input_txt {width: 100%;}
.research .bottom .input_txt input {width: calc(100% - 125px);}
.research .bottom .input_txt button {width: 120px;}

/* 프로젝트 활동 */
.sub0401 .photoList .txt_box > p{height:auto;}
.sub0401{position:relative;}
.sub0401 .ov_con_btn{position:absolute; top:-40px; right:30px; height:38px; line-height:38px; border-radius:5px;}

/* 신청 - 기업등록 */
.tab_menu{margin-bottom:50px;}
.tab_menu ul {display:flex; justify-content: space-between; align-items: center; border:1px solid #ddd;}
.tab_menu ul li{width:50%; padding:10px 0; text-align:center; background:#f9f9f9; color:#666;}
.tab_menu ul li.on{background:#333; color:#fff;}
.tab_menu ul li > i{display:block; font-size:14px;}
.tab_menu ul li > span{font-size:18px; color:inherit; font-family: var(--bs_tlt_font);}

.tab_menu02{display:flex; justify-content:flex-start; align-items:center; border-bottom:1px solid #ddd; margin-bottom:15px;}
.tab_menu02 li{width:25%; max-width:150px; height:40px; line-height:40px; border-radius:10px 10px 0 0; background:#eee; font-size:16px; text-align:center; border:1px solid #ddd; border-width:1px 1px 0 1px;}
.tab_menu02 li.on{background:#333; color:#fff; border-color:#333;}
.tab_menu02 li > a{display:block; color:inherit; font-size:inherit;}

.tab02_con{margin-bottom:15px;}
.tab02_con_02{display:none;}

.tb_tlt{font-size:26px; color:#222; font-weight:700; margin-bottom:20px;}

.com_reg_form > div + div{margin-top:60px;}
.com_reg_form + .com_reg_form{display:none;}
.file_upload input[type="file"]{display:none;}
.com_reg_form .file_upload.two_btn{display:flex;}
.com_reg_form .file_upload.two_btn > * + *{margin-left:5px;}

.file_box .file_list li > a {display: inline-block; font-weight: 600; padding-left: 24px; background: url(/images/page/sub/icon_down.png) no-repeat left 50%; background-size: 14px auto;}

.map_wrap {position: relative; width: 100%; height: 350px; background:#aaa;}

#menu_wrap {position: absolute; top: 0; left: 0; bottom: 0; width: 320px; margin: 10px 0 10px 10px; padding:15px; overflow-y: auto; background: rgba(255, 255, 255, 0.9); z-index: 1; font-size: 12px; border-radius: 10px;}
#menu_wrap input{background:#fff;}
#menu_wrap hr.dash{border-color:#bbb; margin:15px 0 5px}

#placesList{counter-reset: map_num;}
#placesList li {list-style: none; counter-increment: map_num;}
#placesList .item {position: relative; border-bottom: 1px dashed #bbb; overflow: hidden; cursor: pointer; min-height: 65px;}
#placesList .item span {display: block; margin-top: 4px;}
#placesList .item h5,
#placesList .item .info { text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#placesList .item .info {padding: 10px 0 10px 55px; text-align:left;}
#placesList .info .gray {color: #8a8a8a;}
#placesList .info .jibun {padding-left: 30px; position:relative;}
#placesList .info .jibun:before{content:'지번'; width:26px; height:16px; display:block; background:#fff; border:1px solid #ddd; border-radius: 3px; position:absolute; top:0; bottom:0; left: 0; margin:auto; font-size:11px; text-align:center;}
#placesList .info .tel {color: #009900;}

#placesList .item .markerbg {position:absolute; left:10px;  width:30px; height:30px; margin:10px 0 10px;}
#placesList .item .markerbg:before{content:counter(map_num); width:18px; height:18px; text-align:center; font-weight:700; line-height:18px; border-radius:50%; font-size:15px; color:var(--main_color); position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; z-index: 1; background:#fff;}
#placesList .item .markerbg:after{content:''; width:30px; height:30px; display:block; background:var(--main_color); position:absolute; top:0; bottom:0; right:0; left:0; margin:auto; transform:rotate(45deg); border-radius: 50% 50% 0;}

#pagination {margin: 10px auto; text-align: center;}
#pagination a {display: inline-block; margin-right: 10px;}
#pagination .on {font-weight: bold; cursor: default; color: #777;}

.com_add .field_add_wrap{text-align:right;}
.com_add .img_list {display:flex; justify-content: space-between; align-items:center; flex-wrap:wrap;}
.com_add .img_list p{display:block; width:calc(25% - 12px); position:relative; margin:20px 0;}
.com_add .img_list p .file_upload{display:flex; justify-content: space-between; align-items:center; margin-top:20px;}
.com_add .img_list p input[type="file"]{display:none;}
.com_add .img_list p input[type="text"]{width:calc(100% - 65px); font-size:13px;}
.com_add .img_list p label.fake_btn{background:#999; color:#fff; border:1px solid #999; width:60px; height:45px; line-height:45px; text-align:center; font-size:13px;}
.com_add .img_list .img_box{display:block; height:262px;}
.com_add .img_list .img_box img{width:100%; height:100%; object-fit: cover;}

.com_add .com_reg_del{position:absolute; top:10px; right:10px; width:25px; height:25px; line-height:25px; display:block; border-radius:50%; border:1px solid #fff; box-shadow: 3px 3px 3px rgba(0,0,0,0.3); text-align:center;}
.com_add .com_reg_del:before{content:'x'; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:100%; height:100%; display:block; text-shadow: 3px 3px 3px rgba(0,0,0,0.3); color:#fff; font-size:16px; text-indent:0; font-family: '굴림'; line-height:20px;}

/* 신청 - 교육리스트 */
.sub0306 td[data_tbl="period"] > div > p  + p{margin-top:10px;}

/* 신청 - 장비활용신청 20240708 추가분 */
.equip_list_wrap{padding-left:370px; position:relative;}
.equip_list_wrap .equip_left{position:absolute; top:0; left:0; width:320px; background:#f9f9f9; border:1px solid #ddd; border-radius:10px; padding:20px;}
.equip_list_wrap .equip_left.scroll{position:fixed; top:150px;}

.equip_list_wrap .equip_right{width:100%;}

.equip_left h4{font-size:20px; color: #222; margin-bottom:20px;}
.equip_apply_state{height:fit-content;}
.equip_apply_state > ul{height:624px !important; padding:5px 0;}
.equip_apply_state > ul > li{height:146px !important;}

.equip_apply_item{border:1px solid #ddd; border-radius:10px; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); padding:15px; background: #fff; margin:0 5px 5px 0;}
.equip_apply_item > strong{font-size:18px; border-width:1px 0;}
.equip_apply_item > strong span{margin-right:5px;}
.equip_apply_item dl{display:flex; flex-wrap:wrap; font-size:15px; margin-top:20px;}
.equip_apply_item dl > *{}
.equip_apply_item dl dt{width:80px; text-align:left;}
.equip_apply_item dl dd{width:calc(100% - 80px); text-align:right;}

.equip_app_paging.swiper-pagination-vertical.swiper-pagination-bullets,
.equip_app_paging.swiper-pagination-bullets.swiper-pagination-horizontal{transform:none; display:flex; justify-content: center; align-items: center; margin-top:15px;}
.equip_app_paging.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.equip_app_paging.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bulle{display:inline-block; margin:0 5px;}

.equip_list_wrap .bbsTop .search{width:80%;}
.top_exp_wrap{padding:30px; background:#f9f9f9; border:1px solid #ddd; border-radius:10px; margin-bottom:30px; display:block;}
.top_exp_wrap .top_exp_tit{font-size:18px; color:#333; margin-bottom:10px;}
.top_exp_wrap .top_exp_txt{font-size:15px;}
.top_exp_wrap .top_exp_txt + .top_exp_txt{margin-top:15px;}
.top_exp_wrap .top_exp_txt b{color:#222; display:block; margin-bottom:5px;}
.equip_list > ul{display:flex; flex-wrap: wrap; width:calc(100% + 40px); transform: translateX(-20px);}
.equip_list > ul > li{width:calc(33.3333% - 40px); margin:20px;}

.equip_img{display:block; width: 100%; height:0; padding-top:100%; overflow:hidden; border:1px solid #ddd; position:relative;}
.equip_img > img{width:100%; height:100%; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; object-fit: contain;}
.equip_img .cate{position:absolute; top:0; left:0; z-index: 10;}

.equip_info{margin-top:10px;}
.equip_info strong{color:#222; font-size:20px; font-weight: 700;}
.equip_info p{display:block; font-size:16px; color:#666; padding-left:20px; position:relative; margin-top:15px;}
.equip_info p:before{content:''; width:15px; height:18px; display:block; background:url('/images/page/sub/sub_icon_location.png') no-repeat; position:absolute; top:0; bottom:0; left:0; margin:auto;}

.equip_info dl {display:flex; flex-wrap: wrap; border-bottom:1px solid #eee; font-size:15px; margin-top:15px;}
.equip_info dl > dt{width:40%; padding:10px; background:#f9f9f9; border-top:1px solid #eee; line-height:125%; white-space: nowrap;}
.equip_info dl > dd{width:60%; padding:10px; border-top:1px solid #eee; line-height:125%; font-size:14px; word-break: keep-all; border-left:1px solid #eee;}

.equip_form{margin-top:80px; padding-top:80px; border-top:1px dashed #ddd;}

.file_list{margin-top:20px; background:#f9f9f9; border:1px solid #ddd; padding:20px; display:flex;}
.file_list strong {display: inline-block; width: 130px; font-weight: 800; color: #333; vertical-align: top;}
.file_list ul{display: inline-block; width: calc(100% - 130px);}
.file_list li{display: block; padding-left:20px; position:relative; font-size:14px; letter-spacing: 0;}
.file_list li:before{content:''; opacity:0.7; width:16px; height:16px; display:block; background: url('/images/page/common/bxs-download_999.svg') no-repeat; position:absolute; top:2px; left:0;}
.file_list li + li{margin-top:5px;}
.file_list li * {display: inline; vertical-align: middle;}

.file_list .btn-icon {width:15px; height:15px; display:inline-block; border:none; padding:0; border:none; background:none; margin-left:5px;}
.file_list .close_icon{position:relative; width:100%; height:100%; display:block;}
.file_list .btn-icon .close_icon:before,.file_list .btn-icon .close_icon:after{content:''; width:10px; height:2px; border-radius:1px; background:#dc4252; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
.file_list .close_icon:before{ transform:rotate(45deg);}
.file_list .close_icon:after{transform:rotate(-45deg);}

.equip_detail{border-top:2px solid #333; padding-top:40px;}
.equip_detail .eq_box {padding-left:550px; position:relative; min-height:620px;}

.equip_detail .eq_box .tit h3 {display: block; font-size: 30px; font-weight: 800; margin-top: 10px; color:#333;}

.equip_detail .eq_info .tit .txt {font-size: 1rem; color: #999;}
.equip_detail .eq_box .photoSlide {width: 500px; position:absolute; top:0; left:0;}
.equip_detail .eq_box .photo_main ul li {padding-top: 100% !important; border:1px solid #ddd;}

.equip_detail .eq_info {width: 100%;}
.equip_detail .eq_info .eq_location{display:flex; justify-content: space-between; align-items: center; margin: 10px 0; padding:10px; background:#333; border:1px solid #ddd; border-width:1px 0;}
.equip_detail .eq_info .eq_location .direction{display:block; font-size:16px; color:#fff; padding-left:20px; position:relative;}
.equip_detail .eq_info .eq_location .direction:before{content:''; width:15px; height:18px; display:block; background:url('/images/page/sub/sub_icon_location.png') no-repeat; position:absolute; top:0; bottom:0; left:0px; margin:auto;}

.equip_detail .eq_info .eq_location_map{margin:10px 0;}
.equip_detail .eq_info .eq_location_map .root_daum_roughmap{width:100%;}

.equip_detail .eq_info .detail dl {font-size: 0;}
.equip_detail .eq_info .detail dl + dl {margin-top: 20px;}
.equip_detail .eq_info .detail dl * {display: inline-block; vertical-align: middle; font-size: 1rem;}
.equip_detail .eq_info .detail dl dt {width: 160px; font-weight: 800; color: var(--main_color);}
.equip_detail .eq_info .detail dl dd {width: calc(100% - 160px); color: #666;}
.equip_detail .eq_info .btn_wrap {padding-top: 40px;}
.equip_detail .eq_info .btn_wrap a {display: block; max-width:640px; min-width:320px; width: 60%; height: 60px; line-height: 60px; margin:0 auto; background-color: var(--main_color); font-size: 18px; color: #fff; text-align:center; transition: all .2s;}

.equip_detail .detail_item + .detail_item{margin-top:40px;}
.equip_detail .sm_tit {display: block; border-bottom: 1px solid #ddd; padding: 10px;}
.equip_detail .sm_tit h4 {font-size: 16px; font-weight: 800; color:#333;}
.equip_detail .detail_item dl {font-size: 0; padding: 30px 30px; border-bottom: 1px solid #ddd;}
.equip_detail .detail_item dl > * {display: inline-block; font-size: 16px; vertical-align: top;}
.equip_detail .detail_item dl dt {position: relative; width: 180px; padding-left: 20px; color: #111; font-weight: 600; line-height: 1.7rem;}
.equip_detail .detail_item dl dt:before {content: ''; position:absolute; left:0; top:13px; display:block; width:3px; height:3px; background:#000;}
.equip_detail .detail_item dl dd {width: calc(100% - 180px); color: #666; font-weight: 400;}

.equip_detail .eq_agree_check{position:relative; display:block; padding:20px; background:#f9f9f9; border:1px solid #ddd; border-width: 1px 0;}
.equip_detail .eq_agree_check .eq_agree_btn{position:absolute; top:0; left:0; width:100%; height:100%; display:block; opacity: 0; z-index: 10;}
.equip_detail .checkbox label:before{background:#fff;}
.equip_detail .eq_chk_wrap{border:1px solid #ddd; border-width:1px 0; padding:20px;}
.equip_detail .eq_chk_wrap > p.checkbox{display:block; width:100%; padding:10px 0; position:relative;}
.equip_detail .eq_chk_wrap > p.checkbox button{appearance: none; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:10; display:block;}

.input_radio.row_group > ul{display:flex; align-items: center; width:calc(100% + 16px); transform:translateX(-8px); flex-wrap: wrap;}
.input_radio.row_group > ul > li{width:calc(16.6666% - 16px); margin: 0 8px 8px; min-width:120px; position:relative;}
.input_radio.row_group > ul > li label{margin-right:0;}
.input_radio.row_group > p{display:none; border-top:1px dashed #eee; padding-top:16px; margin-top:8px;}

.eq_layer_pop .layer_pop_box{position:relative;}
.eq_layer_pop .layer_pop_header{position: sticky; top:-1px; left:0; width:100%; z-index: 10;}
.eq_layer_pop .layer_pop_body{padding:0; display:none;}
.eq_layer_pop .layer_pop_body.on{display:block;}

.eq_layer_pop .eq_agree_wrap{ padding:30px 50px;}
.eq_layer_pop .eq_agree_wrap p.txt{padding:10px; border:1px solid #ddd; border-radius:30px; text-align:center; background:#f9f9f9; margin-bottom:20px;}
.eq_layer_pop .eq_agree_wrap strong{color:#333; display:block; font-size:18px; margin-bottom:10px;}
.eq_layer_pop .eq_agree_wrap > ul{border:1px solid #111; padding:20px; border-width: 2px 0 1px; border-bottom-color:#ddd;}

.eq_layer_pop .eq_pop_btn_wrap{position:sticky; bottom:0; left:0; z-index: 10; border-top:1px solid #ddd; text-align: center; background:#fff; padding:10px 30px; display:flex; justify-content: space-between; align-items: center;}
.eq_layer_pop .eq_pop_btn_wrap.button_area{justify-content: center;}
.eq_layer_pop.layer_pop_wrap .x_btn{top:10px; right:10px; z-index: 10;}

.eq_layer_pop .check_link_btn:disabled{color:#999; border:1px solid #ddd; background:#f9f9f9; cursor: auto;}
.eq_layer_pop .check_link_btn.on{color:#fff; border:var(--main_color); background:var(--main_color); cursor:pointer;}

.photoSlide .swiper, .photoSlide .swiper-container {margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block; font-size:0;}
.photoSlide .photo_main ul li {position: relative; height: 0; padding-top: 50%; overflow: hidden;}
.photoSlide .photo_main ul li img{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:100%; height:100%; object-fit: contain;}

.photoSlide .photo_thum {margin-top: 20px;}
.photoSlide .photo_thum ul li {position:relative; height:0; padding-top:19%; overflow:hidden; border:1px solid #ddd;}
.photoSlide .photo_thum ul li:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 5px solid #2664d6; box-sizing: border-box; opacity: 0; z-index: 1;}
.photoSlide .photo_thum ul li.swiper-slide-thumb-active:before {opacity: .8;}
.photoSlide .photo_thum ul li img{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:100%; height:100%; object-fit: contain;}


/* 신청 - 장비활용신청 상세 20240923 추가분 */

/* file drag zone */
.drag_file_box {margin: 2px 3px;}
.dropzone {display:block; border: 1px dashed #eee; padding: 20px 20px; text-align: center; transition: all .3s;}
.dropzone * {color: #666;}
.dropzone strong {text-decoration: underline;  text-underline-position: under;}
.dropzone img.drag_icon {width:24px; height:24px;}
.dropzone:hover {border: 1px solid #243056;}
.dropzone.dragging {border: 1px solid #243056;}
.drag_file_box .file_preview {max-height: 120px; background-color: #F9FAFB; overflow-y: auto; margin-top: 10px;}

.file_preview ul {display: flex; flex-wrap: wrap;}
.file_preview ul li {position: relative; display: flex; align-items: center; width: 50%; border-bottom: 1px solid #eee; padding: 20px 20px; margin-bottom: 20px;}
.file_preview ul li .img {position: relative; display: table; width: 80px; height: 80px; overflow: hidden; background-color: #fff; text-align: center; border: 1px solid #eee;}
.file_preview ul li .img:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/images/common/icon_file.png') no-repeat 50% 50%; opacity: .3;}
.file_preview ul li .img > img {position: absolute; top:0; bottom:0; right:0; left:0; margin:auto; width: 100%; height: 100%; object-fit:scale-down; z-index: 1;}
.file_preview ul li .txt {width: calc(100% - 80px); padding-left: 20px; font-size: 1rem;}
.file_preview ul li .txt strong{font-weight:400;}
.file_preview ul li .txt p {color: #666;}

.file_preview .btn-icon {width:15px; height:15px; display:inline-block; border:none; padding:0; border:none; background:none; margin-left:5px;}
.file_preview .close_icon{position:relative; width:100%; height:100%; display:block;}
.file_preview .btn-icon .close_icon:before,.file_preview .btn-icon .close_icon:after{content:''; width:10px; height:2px; border-radius:1px; background:#dc4252; display:block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
.file_preview .close_icon:before{ transform:rotate(45deg);}
.file_preview .close_icon:after{transform:rotate(-45deg);}

/* 도움문의 */
.help_inquiry ul{display:flex; justify-content: center; align-items: center;}
.help_inquiry ul li{width:max(340px, 25%); border:3px solid #eee; border-radius:20px; margin:20px; padding:40px 20px; text-align:center;}
.help_inquiry ul li a{display:flex; flex-direction: column; align-items: center; }
.help_inquiry ul li img{display:inline-block; width:120px; height:120px; transition:all 0.4s;}
.help_inquiry ul li span{margin-top:20px; font-size:20px; font-family:var(--bs_tlt_font); color:#333; transition:all 0.4s;}
.help_inquiry ul li:hover {border-width:3px; border-color:var(--main_color);}
.help_inquiry ul li:hover a img{transform:scale(1.2);}
.help_inquiry ul li:hover a span{color:var(--main_color);}

/* 카드뉴스 - 상세 */
.card_slide_wrap{overflow:hidden; margin:60px auto;}

.card_list_wrap{display:flex; justify-content:center; align-items:center;}
.card_list_wrap .card_prev{width:35px; height:35px; border:1px solid #333; border-width:0 0 1px 1px; display:block; transform:rotate(45deg); cursor: pointer;}
.card_list_wrap .card_slide_list{width:500px; height:500px; overflow:hidden; margin:0 20px 15px;}
.card_list_wrap .card_next{width:35px; height:35px; border:1px solid #333; border-width:1px 1px 0 0; display:block; transform:rotate(45deg); cursor: pointer;}

.card_thum_wrap{display:flex; justify-content: center; align-items:center;}
.card_thum_wrap .card_thum_list{overfloW:hidden; width:500px; margin:0 20px;}
.card_thum_wrap .card_thum_list ul li{width:150px; height:150px;}
.card_thum_wrap .card_thum_list ul li img{max-width:100%; width:100%; height:100%; object-fit: cover;}
.card_thum_wrap .card_thum_prev{position:relative; width:35px; height:35px; background: #eee; border-radius:50%; display:block; cursor: pointer;}
.card_thum_wrap .card_thum_prev:after{content:''; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:10px; height:10px; display:block; border:1px solid #666; border-width:0 0 1px 1px; transform: translateX(2px) rotate(45deg);}
.card_thum_wrap .card_thum_next{position:relative; width:35px; height:35px; background: #eee; border-radius:50%; display:block;cursor: pointer;}
.card_thum_wrap .card_thum_next:after{content:''; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:10px; height:10px; display:block; border:1px solid #666; border-width:1px 1px 0 0; transform: translateX(-2px) rotate(45deg);}

/* 설문조사 */
.url_go{display:inline-block; width:30px; height:30px; background:url('/images/page/sub/url_icon.png') no-repeat; background-size:25px; background-position:center; transition:background 0.3s;}
.copy_icon{display:inline-block; width:30px; height:30px; background:url('/images/page/sub/copy_icon.png') no-repeat; background-size:25px; background-position:center; margin-left:5px; transition:background 0.3s;}

.url_go:hover{background:url('/images/page/sub/url_icon_on.png') no-repeat; background-size:25px; background-position:center;}
.copy_icon:hover{background:url('/images/page/sub/copy_icon_on.png') no-repeat; background-size:25px; background-position:center;}

/* 관리 */
.link_con{display:flex; justify-content: space-between; flex-direction: row-reverse; align-items: center;}
.link_left_box{width: 45%}
.link_left_box h5{margin-bottom:50px; font-family:var(--bs_tlt_font); font-size:var(--bs_tlt_size); color:var(--bs_tlt_color); font-weight:normal;}
.attach_comment{display:block; margin-top:30px; padding-left:15px; position:relative; font-size: 15px; color:#999;}
.attach_comment:before{content:'※'; position:absolute; left:0; }
.link_con .con_txt + a.button{margin-top:50px;}
.link_right_box{width:50%;}
.link_right_box img{width:100%;}


/* modal */
.modal.modal_reset{max-width:1200px; padding:30px;}

.modal .bbsTop .search_with_tlt{width:100%; display:flex; justify-content:space-between; align-items: center;}
.modal .bbsTop{margin-bottom:15px}
.modal .bbsTop .total{margin-top:20px;}
.modal .pagination{padding-top:30px;}

/* 탭 메뉴 */
.tab {display: flex; font-size: 0; margin-bottom: 30px;}
.tab:after {content: ''; display: block; clear: both;}
.tab .tab_item {position: relative; display: table; float: left; width: calc(100%/2 + 1px); height: 60px; text-align: center; margin-left: -1px;}
.tab .tab_item.active:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background-color: #0f5ec0;}
.tab .tab_item span {display: table-cell; vertical-align: middle; padding: 0 10px; font-size: 16px; color: #666; background-color: #f7f7f7; border: 1px solid #eee; font-family: 'Play';}
.tab .tab_item.active span {background-color: #fff; border-bottom-width: 0; color: #0f5ec0; font-weight: 600;}

/* 마이페이지 */

.has_menu{display:flex; justify-content: space-between;}
.has_menu .left_menu{width:240px; border:1px solid #ddd; height:fit-content;}
.has_menu .left_menu strong a{font-family: var(--bs_tlt_font); font-size:28px; color:#333; display:block; width:100%; height:70px; line-height:70px; text-align:center; border-bottom:1px solid #ddd; font-weight:normal;}
.has_menu .left_menu > ul{padding:15px;}
.has_menu .left_menu > ul > li{}
.has_menu .left_menu > ul > li + li{margin-top:15px;}
.has_menu .left_menu > ul > li > a{font-family: var(--bs_tlt_font); color:var(--bs_tlt_color); font-size:18px; display:block; padding:5px;}
.has_menu .left_menu .left_dep02{}
.has_menu .left_menu .left_dep02 > li{}
.has_menu .left_menu .left_dep02 > li > a{font-family: var(--bs_txt_font); font-size:18px; display:block; padding:5px; border-radius:3px;}
.has_menu .left_menu > ul > li > a.on{color:var(--main_color);}
.has_menu .left_menu .left_dep02 > li > a.on{background:var(--main_color); color:#fff; opacity:0.3;}
.has_menu .my_con{width:calc(100% - 300px);}

.has_menu .my_con .my_tlt_box{display:flex; justify-content: space-between; align-items: center; margin-bottom:15px; border-bottom:1px solid #ddd; padding-bottom:15px;}
.has_menu .my_con .my_tlt{font-size:var(--bs_tlt_size); font-family: var(--bs_tlt_font); font-weight: normal; color:#222;}
.has_menu .my_con .my_point{color:var(--main_color); font-size:inherit; font-family: inherit;}
.has_menu .my_con > section + section{margin-top:60px;}
.has_menu .my_con .my_sub_tlt_box{display:flex; justify-content: space-between; align-items:center; margin-bottom:20px;}
.has_menu .my_con .my_sub_tlt{font-size:26px; color:var(--bs_tlt_color);}

.has_menu .my_intro > div + div{margin-top:60px}
.has_menu .my_intro .tab_menu02{margin-bottom:0;}
.has_menu .my_intro .tab_menu02 li{position:relative; cursor: pointer;}
.has_menu .my_intro .tab_menu02 li + li{margin-left:-10px;}
.has_menu .my_intro .tab_menu02 li:nth-child(1){z-index: 7;}
.has_menu .my_intro .tab_menu02 li:nth-child(2){z-index: 6;}
.has_menu .my_intro .tab_menu02 li:nth-child(3){z-index: 5;}
.has_menu .my_intro .tab_menu02 li:nth-child(4){z-index: 4;}
.has_menu .my_intro .tab_menu02 li:nth-child(5){z-index: 3;}
.has_menu .my_intro .tab_menu02 li:nth-child(6){z-index: 2;}
.has_menu .my_intro .tab_menu02 li:nth-child(7){z-index: 1;}

.has_menu .my_info_view table{width:100%; table-layout: fixed;}
.has_menu .my_info_view table th{border:1px solid #ddd; background:#f9f9f9; height:45px; padding:10px;}
.has_menu .my_info_view table td{border:1px solid #ddd; height:45px; padding:10px;}

.has_menu .my_tb_wrap > div{display:none;}
.has_menu .my_tb_wrap > div:first-child{display:block;}
.has_menu .my_tb_wrap table{border-top:none;}

.has_menu .my_menu_m{display:none; justify-content:space-between; align-items: center; margin-bottom:35px; padding-bottom:15px; border-bottom: 1px solid #ddd;}
/*.has_menu .my_menu_m > a{display:block; width:45px; height:45px; text-align:center; line-height:45px; border:1px solid #ddd; border-radius:3px;}*/
.has_menu .my_menu_m > div{width:calc(50% - 28px); position:relative; margin-left:4%;}
.has_menu .my_menu_m > div:before{content:''; width:5px; height:5px; border:1px solid #aaa; border-width:0 1px 1px 0; transform:rotate(-45deg); display:block; line-height:25px; position:absolute; left:-6%; top:0; bottom:0; margin:auto; text-align:center; z-index: -1;}
/*.has_menu .my_menu_m > div > strong{font-weight:500; display:block; width:100%; position:relative; cursor:pointer;  padding:10px; border:1px solid #ddd; border-radius:3px; position:relative; z-index: 2; background:#fff;}*/
/*.has_menu .my_menu_m > div > strong:after{content:''; position:absolute; top:45%; right:20px; display:inline-block; width:1px; height:1px; border:5px solid transparent; border-top:6px solid #ccc; transition:transform 0.3s;}*/
/*.has_menu .my_menu_m > div > ul{display:none; position:absolute; top:40px; left:0; width:100%; background:#fff; border:1px solid #ddd; padding:10px; border-radius:3px; z-index: 1;}*/
/*.has_menu .my_menu_m > div > ul > li{}*/
/*.has_menu .my_menu_m > div > ul > li + li{margin-top:5px;}*/
/*.has_menu .my_menu_m > div > ul > li > a{display:block; padding:3px 5px; border-radius:3px;}*/
/*.has_menu .my_menu_m > div > ul > li > a:hover{color:var(--main_color); background:#f9f9f9;}*/
/*.has_menu .my_menu_m > div.on > ul{display:block;}*/

.has_menu .my_menu_m > div > select {height:45px; top:40px; left:0; width:100%; border:1px solid #ddd; padding:10px; border-radius:3px; z-index: 1;}

.has_menu .tb_my_assign_wrap td[data-tbl="subject"] a{display:block; color:#333; font-size:18px; margin:3px 0; font-weight:500;}
.has_menu .tb_my_servey_wrap td[data-tbl="sv_url"] > a{display:block; position:relative;}
.has_menu .tb_my_servey_wrap td[data-tbl="sv_url"] > a > img{display:block; width:24px; margin:auto;}

.has_menu .my_txt{margin:30px 0}


/* 기업등록 신청 상세 */
.my_com_map{height:340px; margin-top:10px;}

/* 상태별 색상 */
.state{font-size:12px; padding:2px 12px; border-radius:15px; color:#fff; display:inline-block;}
.state_B{background-color:#4378d7;}
.state_R{background-color:#fa9a9a;}
.state_O{background-color:#fac99a;}
.state_G{background-color:#70b56a;}
.state_GR{background-color:#999999}
.state_G_line{border:1px solid #70b56a; color:#70b56a;}

/* list_St */
.gray_bg{padding:20px; border-radius:10px; background:#f9f9f9;}
.list_st_dot li{position:relative; padding-left:15px; word-break: keep-all;}
.list_st_dot li + li{margin-top:10px;}
.list_st_dot li:before{content: ''; width: 4px; height: 4px; display: block; background: #fff; border: 1px solid #999; border-radius: 50%; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.list_st_dot li > b{color:#333;}

/* 통합검색 */
.search_result_wrap > div + div{margin-top:80px;}
.search_result_wrap > div > .pagination{padding-top:20px;}

/* 20241122 추가 */
/* 설문조사 로그인 */
#snsWrap {padding: 4% 0; display: flex; justify-content: center; flex-direction: column; width: 100%; min-height: 100%;}
#snsWrap header {text-align: center;}

/* pc */
@media (max-width: 1920px) {

}

@media (max-width: 1440px) {
	/* 신청 - 장비활용신청 상세 20240708 추가분 */
	.equip_detail .eq_box{padding-left:475px;}
	.equip_detail .eq_box .photoSlide{width:425px;}
}

@media (max-width: 1280px) {

	/* 인사말 */
	.sub0101 .greeting:before{width:158px; height:78px; transform:translate(-210px, 100px);}
	.sub0101 .gree_left_box{width:40%; height:auto;}

	/* 조직도 */
	.sub0102 .org_team > ul > li{width:calc(20% - 25px);}


	/* CI */
	.left_tlt_wrap h3{width:24%;}
	.left_tlt_wrap h3 + div{width:76%;}
	.left_tlt{font-size:22px;}

	.con_txt > p{font-size:16px;}
	.sub0103 .ci_bg .grid img{width:60%; max-width:500px;}
	.sub0103 .symbol_color_box ul li{padding:30px; min-height:240px;}
	.symbol_color_box ul li span{bottom:30px;}
	.symbol_color_box ul li strong{font-size:22px;}
	.btn-download span{font-size:15px;}
	.btn-download span:after{width:12px; background-size:100%;}

	/* 장비신청 - 20240709 추가분 */
	.equip_list_wrap{display:flex; flex-direction: column; padding-left:0;}
	.equip_list_wrap .equip_left{position:static; width:100%;}
	.equip_list_wrap .equip_left.scroll{position:static;}
	.equip_list_wrap .equip_right{float:none; width:100%; padding-left:0; margin-top:30px;}

	.equip_apply_state > ul,
	.equip_apply_state > ul > li{height:auto !important;}

	/* 신청 - 장비활용신청 상세 20240708 추가분 */
	.equip_detail .detail_item dl dt{width:125px;}
	.equip_detail .detail_item dl dd{width:calc(100% - 125px);}

	/* 회원가입 */
	.join_box .form_tb.tal .w50{width:80%;}

	/* 마이페이지 */
	.has_menu .left_menu{width:200px;}
	.has_menu .my_con{width:calc(100% - 260px);}
	.has_menu .my_con .search{width:auto;}

	/* modal */
	.modal.modal_reset{max-width:768px; padding:20px;}

}

/* tab */
@media (max-width: 1024px) {
	.sub_wrap {padding:40px 0;}
	.con_pt{border-top:1px solid #ddd;}
	.sub_tlt_box{padding-bottom:40px;}
	.sub_loca{margin-top:0;}
	.sub_loca ul li{font-size:12px}
	.sub_loca ul li.home:before{width:12px; height:12px;}
	.sub_loca ul li.home > span{font-size:12px;}
	.sub_loca ul li:not(:first-child):before{top:5px;}

	/* 인사말 */
	.sub0101 .greeting{flex-wrap:wrap;}
	.sub0101 .greeting:before{width:72px; height:36px; left:0; right:0; margin:auto; transform:translate(0, 360px);}
	.sub0101 .greeting:after{display:none;}
	.sub0101 .gree_left_box{width:100%; height:280px;}
	.sub0101 .gree_right_box {width:100%; text-align:center; padding-top:90px;}
	.sub0101 .gree_right_box h5{font-size:26px;}
	.sub0101 .gree_right_box .gree_txt{text-align:left;}
	.sub0101 .gree_right_box > p > span{font-size:15px;}
	.sub0101 .gree_right_box > p > b{font-size:18px;}

	/* 조직도 */
	.sub0102 .org_graph > ul > li{width:60%;}
	.sub0102 .org_graph > ul > li > strong,
	.sub0102 .org_graph > ul > li > b{font-size:18px; height:42px; line-height:42px;}

	.sub0102 .tb_st03 + .tb_st03{margin-top:30px;}
	.sub0102 .tb_st03 thead th span{display:block; width:100%; height:100%; background:#c7c7c7; color:#fff; border-radius:10px;}
	.sub0102 .tb_st03 tbody th span{background:#c7c7c7; color:#fff; font-size:12px; font-weight:500; padding:0px 6px; border-radius:20px; display:inline-block; width:fit-content; opacity:0.6;}
	.sub0102 .tb_st03 tbody th b{font-weight:600; color:#333; display:block;}

	.sub0102 .org_tb .only_pc{display:none;}
	.sub0102 .org_tb .only_m{display:block;}

	/* CI */
	.btn-download{height:45px; line-height:45px;}
	.sub0103 .symbol_color_box ul li{padding:15px; min-height:180px;}
	.sub0103 .symbol_color_box ul li span{bottom:15px;}

	/* 오시는길 */
	.map_info {padding: 30px 40px;}
	.map_info:after{bottom:30px; width:250px; height:105px; background-size:100%;}
	.map_info dl dt,
	.map_info dl dd {margin-top: 10px;}

	/* 만족도 */
	.research .rsch_top p{float:none;}
	.research .rsch_top .input_radio{float:none; text-align:left; margin-top:20px;}
	.research .rsch_top .input_radio ul.radio{justify-content:flex-start;}

	/* 신청- 기업등록 */
	.map_wrap{height:550px;}
	#menu_wrap{width:90%; height:25vh; min-height:195px; top:auto; bottom:0; left:0; right:0; margin:auto; border-radius:10px 10px 0 0;}
	.com_add .img_list p{width:calc(50% - 12px);}

	/* 신청 - 교육리스트 */
	.sub0306 colgroup col:nth-child(3),.sub0306 colgroup col:nth-child(5),
	.sub0306 th[data-tbl="place"], .sub0306 th[data-tbl="agency"],
	.sub0306 td[data-tbl="place"], .sub0306 td[data-tbl="agency"]{display:none;}

	/* 프로젝트 활동 */
	.sub0401 .ov_con_btn{ width:120px; height:32px; line-height:32px; top:-30px;}

	/* 회원가입 */
	.join_box .form_tb.tal .w50 , .member_box .form_tb.tal .w50{width:100%;}

	/* 탭메뉴 */
	.tab .tab_item{height:45px;}
	.tab .tab_item span{font-size:15px;}

	/* 마이페이지 */
	.has_menu {flex-wrap:wrap;}
	.has_menu .left_menu{width:100%; display:none;}
	.has_menu .my_con{width:100%; padding:0 20px;}
	.has_menu .my_con .my_sub_tlt{font-size:22px;}

	.has_menu .my_menu_m{display:flex;}


	/* modal */
	.modal.modal_reset{max-width:unset;}

	/* 신청 - 장비활용신청 상세 20240708 추가분 */
	.equip_detail{padding-top:0;}
	.equip_detail .eq_box{padding-left:0;}
	.equip_detail .eq_box .tit{text-align:center; margin-top:20px;}
	.equip_detail .eq_box .tit span{}
	.equip_detail .eq_box .tit h3{margin-top:0; margin-bottom:20px;}

	.equip_detail .eq_box .photoSlide{width:100%; position:static; display:flex;}

	.input_radio.row_group > ul > li{width:calc(33.3333% - 16px);}

	.photoSlide .photo_main{width:580px;}
	.photoSlide .photo_thum{margin-top:0;}
	.photoSlide .photo_thum ul{height:580px; flex-direction: column;}
	.photoSlide .photo_thum ul li{width:100px;}


	.equip_detail .eq_info{width:100%;}

}

@media (max-width: 768px) {

	.sub_tlt_box{padding-bottom:30px;}

	/* CI */
	.left_tlt_wrap{flex-wrap:wrap;}
	.left_tlt_wrap h3{width:100%; margin-bottom:30px;}
	.left_tlt_wrap h3 + div{width:100%;}

	.sub0103 .ci_bg{height:207px;}
	.sub0103 .btn-download{width: calc(50% - 10px);}

	/* 오시는길 */
	.map_info:after{bottom:0; top:0; margin:auto; width:150px; height:63px;}

	/* 신청 - 기업등록 */
	.tb_tlt {font-size:20px;}
	.com_add .img_list p label.fake_btn{height:40px; line-height:40px;}

	/* 신청 - 교육리스트 */
	.sub0306 th[data-tbl="place"], .sub0306 th[data-tbl="agency"],
	.sub0306 td[data-tbl="place"], .sub0306 td[data-tbl="agency"]{display:flex;}

	.sub0306 td[data_tbl="period"] br{display:none;}
	.sub0306 td[data_tbl="period"] > div > p + p{margin-top:5px;}
	.sub0306 td[data_tbl="period"] > div > p > span.cate{margin-right:5px;}

	.com_add .img_list {display:flex; justify-content: space-between; align-items:center; flex-wrap:wrap;}

	/* 신청 - 장비활용신청 20240709 추가분*/
	.equip_list > ul{width:calc(100% + 20px); transform: translateX(-10px);}
	.equip_list > ul > li{width:calc(50% - 20px); margin:10px;}
	.equip_info dl > dt,
	.equip_info dl > dd{width:100%; border-left:none;}

	/* 신청 - 장비활용신청 상세 20240709 추가분*/
	.photoSlide{flex-direction: column;}
	.photoSlide .photo_main{width:100%;}
	.photoSlide .photo_thum{margin-top:20px; width:100%;}
	.photoSlide .photo_thum ul{height:auto; flex-direction: row;}
	.photoSlide .photo_thum ul li{width:auto; padding-top:33%; }

	/* 도움문의 */
	.help_inquiry ul li{width: max(300px, 45%); margin:10px; padding:20px;}
	.help_inquiry ul li a img{width:100px; height:100px;}
	.help_inquiry ul li a span{font-size:18px;}

	/* 프로젝트 활동 */
	.sub0401 .ov_con_btn{height:22px; line-height:22px; font-size:14px; top: 65px; right:0; left:0; margin:auto;}
	.sub0401 .sub_tlt_box{padding-bottom:50px;}

	/* 설문조사 */
	.url_go, .copy_icon{display:inline-block; width:22px; height:22px; background-size:100%;}
	.url_go:hover, .copy_icon{background-size:100%;}

	/* 관리 */
	.link_con{flex-direction:column;}
	.link_con .link_left_box{width:100%; position:relative;}
	.link_con .con_txt + a.button{position:absolute; top:0; right:0; margin-top:0; width:30%; min-width:180px;}
	.link_con .link_right_box{width:100%; margin-bottom:40px; text-align:center;}
	.link_con .link_right_box > img{max-width:640px; width:90%;}

	/* 마이페이지 */
	.has_menu .tb_my_servey_wrap td[data-tbl="sv_url"]{position:absolute; bottom:0; right:0; border-bottom:0; padding:0;}
	.has_menu .tb_my_servey_wrap td[data-tbl="sv_url"] > a{width:48px; height:48px;}
	.has_menu .tb_my_servey_wrap td[data-tbl="sv_url"] > a > img{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
	.has_menu .tb_my_servey_wrap td[data-tbl="period"] > div > p{display:inline-block; padding-left:3px;}

	.has_menu .my_info_view table, .has_menu .my_info_view tbody{display:block; width:100%;}
	.has_menu .my_info_view table{border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
	.has_menu .my_info_view table tr{display:flex; justify-content:space-between; align-items: stretch;}
	.has_menu .my_info_view table th, .has_menu .my_info_view table td{display:block; width:65%; border-width:1px 0 0 1px;}
	.has_menu .my_info_view table th{width:35%;}

	.has_menu .my_tb_wrap{padding:0 20px; border:1px solid #ddd; border-top:none;}
	.has_menu .my_tb_wrap .bbsList tr{border:1px solid #ddd; border-bottom:none;}

	/* modal */
	.modal.modal_reset{padding:25px 15px;}
	.modal .bbsTop .search_with_tlt{flex-wrap:wrap; justify-content: center; flex-direction: column; text-align:center;}
	.modal .bbsTop .search_with_tlt .tb_tlt{margin-bottom:10px;}

	/* 통합검색 */
	.search_result_wrap > div + div{margin-top:60px;}
}

/* mobile */
@media (max-width: 640px) {

	/* 인사말 */
	.sub0101 .greeting:before{transform:translate(0, 320px);}
	.sub0101 .gree_left_box{height:240px;}

	/* 조직도 */
	.sub0102 .org_graph > ul > li{margin:0;}
	.sub0102 .org_graph > ul > li + li{padding-top:40px;}
	.sub0102 .org_graph > ul > li + li:before{height:40px;}
	.sub0102 .org_graph > ul > li:nth-child(2){width:calc(60% + 10px);}
	.sub0102 .org_graph > ul > li.org_team{padding-top:40px;}
	.sub0102 .org_graph > ul > li.org_team:before{height:80px; left:calc(30% + 4px); right:auto;}
	.sub0102 .org_graph > ul > li.org_team:after{top:40px; width:1px; height:72%; left:calc(30% + 4px); right:auto;}
	.sub0102 .org_team > ul{flex-direction: column; padding-left:calc(30% + 20px); }
	.sub0102 .org_team > ul > li{width:100%; }
	.sub0102 .org_team > ul > li:before{width:16px; height:1px; top:0; bottom:0; left:-16px; right:auto;}
	.sub0102 .org_team > ul > li + li{margin-top:15px;}

	.sub0102 .org_tb .only_pc{display:none;}
	.sub0102 .org_tb .only_m{display:block;}

	/* CI */
	.sub0103 .symbol_color_box ul li{width:100%;}
	.sub0103 .btn_wrap{flex-wrap:wrap;}
	.sub0103 .btn-download{width:calc(50% - 5px);}
	.sub0103 .btn-download:nth-child(n+3){margin-top:10px;}

	/* 오시는길 */
	#map{height:300px;}
	.map_info{padding:15px 20px;}
	.map_info strong {font-size: 18px; word-break: keep-all; letter-spacing:0;}
	.map_info dl * {font-size: 14px;}
	.map_info dl dt{min-width:60px;}
	.map_info dl dd{padding-left:20px; word-break: keep-all;}

	/* 만족도 */
	.research .rsch_top p{padding-left:0; padding-top:30px; background:url(/images/page/sub/icon_satisfy.png) no-repeat 50% 0; background-size:25px auto; text-align:center;}
	.research .rsch_top .input_radio ul.radio{justify-content:center; flex-wrap:wrap;}
	.research .rsch_top .input_radio ul.radio > li{margin-bottom:10px;}

	/* 신청 - 기업등록 */
	.tab_menu02 li{max-width:auto; min-width:150px; width:30%; font-size:14px;}
	#menu_wrap{width:96%;}

	/* 장비 활용 신청 - 20240709 추가분 */
	.equip_list > ul {width:100%; transform:translateX(0);}
	.equip_list > ul > li{width:100%; margin:15px 0;}
	.equip_list_wrap .bbsTop .search{width:100%;}

	.eq_layer_pop .eq_agree_wrap{padding:30px;}
	.eq_layer_pop .eq_agree_wrap > ul{padding:20px 10px;}

	/* 도움문의 */
	.help_inquiry ul li a img{width:80px; height:80px;}

	/* 카드뉴스 - 상세 */
	.card_slide_wrap{margin:35px auto 0;}
	.card_list_wrap{position:relative;}
	.card_list_wrap .card_prev{position:absolute; top:0; bottom:0; left:15px; margin:auto; z-index: 10; border-width:0 0 2px 2px; border-color:#fff;}
	.card_list_wrap .card_slide_list{width: 98vw; height:auto; max-width:600px; max-height:600px; margin:0 0 15px;}
	.card_list_wrap .card_next{position:absolute; top:0; bottom:0; right:15px; margin:auto; z-index: 10; border-width:2px 2px 0 0; border-color:#fff;}

	.card_thum_wrap .card_thum_list{margin:0; width:100%;}
	.card_thum_wrap .card_thum_list ul li{height:auto;}
	.card_thum_wrap .card_thum_prev,
	.card_thum_wrap .card_thum_next{display: none;}

	/* 관리 */
	.link_left_box h5{margin-bottom:30px;}


	/* 마이페이지 */
	.has_menu .my_con .my_sub_tlt_box{flex-wrap:wrap; justify-content:center; margin-bottom:30px;}
	.has_menu .my_con .my_sub_tlt{width:100%; text-align:center;}
	.has_menu .my_con .search{width:100%; margin:10px auto 0; text-align:center;}

	.has_menu .my_info_view table tr{flex-wrap:wrap;}

	.has_menu .my_intro .tab_menu02{overflow-x:scroll; overflow-y:hidden;}
	.has_menu .my_intro .tab_menu02 li{min-width:92px;}


	/* modal */
	.modal.modal_reset{width:98%; padding:15px;}

	/* list_St */
	.list_st_dot li:before{bottom:auto; top:8px;}
	.list_st_dot li > b{display:block;}
}

@media (max-width: 578px) {

	/* 신청 - 장비 활용 신청 - 20240626 추가분 */
	.equip_info{flex-direction: column;}
	.equip_info > span{width:100%; height:0; padding-top:100%;}
	.equip_info > div{width:100%; margin-left:0; margin-top:20px;}

	/* 신청 - 장비 활용 신청 상세 - 20240626 추가분 */
	.file_list{flex-direction: column;}
	.file_list strong{display:block; width:100%;}
	.file_list ul{width:100%; margin-top:10px; padding-top:10px; border-top:1px solid #ddd;}
	.file_list li + li{margin-top:8px;}

	.eq_layer_pop .eq_pop_btn_wrap{padding:15px 20px; flex-direction: column;}
	.eq_layer_pop .eq_pop_btn_wrap > *{width:100%; text-align: center;}
	.eq_layer_pop .eq_pop_btn_wrap > .checkbox{text-align:left; padding:15px; border:1px solid #ddd;}
	.eq_layer_pop .eq_pop_btn_wrap > .checkbox:has(input[type="checkbox"]:checked){border-color:var(--main_color);}
	.eq_layer_pop .eq_pop_btn_wrap > button{margin-top:20px;}

	/* 신청 - 장비활용 신청 상세 - 20240923 추가분 */
	/* file drag zone */
	.file_preview ul li{width:100%;}
	.file_preview ul li .img{width:40px; height:40px;}
	.file_preview ul li .txt{padding-left:10px; width:calc(100% - 50px);}

}

@media (max-width: 425px) {

	/* 인사말 */
	.sub0101 .greeting:before{width:52px; height:26px; transform:translate(0, 270px);}
	.sub0101 .gree_left_box{height:200px;}
	.sub0101 .gree_right_box{padding-top:60px;}

	/* CI */
	.sub0103 .ci_bg .grid img{width:80%; max-width:400px;}
	.sub0103 .btn-download{width: calc(50% - 5px);}

	/* 신청- 기업등록 */
	.tab_menu02 li{min-width:auto; width:40%;}

	.com_reg_form .file_upload.two_btn{flex-wrap:wrap;}
	.com_reg_form .file_upload.two_btn > .input_st01{width:100%;}
	.com_reg_form .file_upload.two_btn > .button{width:100%; margin-left:0;}

	.com_add .img_list .img_box{height:40vw;}

	/* 도움문의 */
	.help_inquiry ul{flex-direction: column;}
	.help_inquiry ul li a img{width:100px; height:100px;}
	.help_inquiry ul li a span{font-size:18px;}

	/* 카드뉴스 - 상세 */
	.card_list_wrap .card_prev,
	.card_list_wrap .card_next{width:25px; height:25px;}

	/* 관리 */
	.link_con .con_txt + a.button{position:static; width:100%; min-width:100%; margin-top:30px;}

	/* 마이페이지 */
	.has_menu .my_menu_m > div:before{left:-7%;}

	/* 신청 - 장비활용신청 상세 20240709 추가분*/
	.equip_detail .detail_item dl{padding:0;}
	.equip_detail .detail_item dl > *{display:block;}
	.equip_detail .detail_item dl dt, .equip_detail .detail_item dl dd{width:100%;}
	.equip_detail .detail_item dl dt{padding: 10px 10px 10px 20px; border-bottom:1px solid #ddd; background: #f9f9f9;}
	.equip_detail .detail_item dl dt:before{left:10px; top:20px;}
	.equip_detail .detail_item dl dd{padding:10px;}

	.input_radio.row_group > ul > li{width:calc(50% - 16px);}

	.eq_layer_pop .eq_agree_wrap{padding:20px;}
	.eq_layer_pop .eq_agree_wrap > ul{padding:20px 0;}


}

@media (max-width: 360px) {



}