@charset "utf-8";

/*서브콘텐츠 공통*/

.maj_content{border-top:0px solid #ccc; padding-top: 30px;}
.bull1{font-size: 22px; font-weight: 700; margin-bottom: 8px;}
.bull1:before{content:''; display:inline-block; width: 7px; height: 7px; border-radius: 50%; background:#8FC31F; margin-bottom:5px; margin-right: 12px;}
.bull2{font-size: 19px; font-weight: 700; margin-bottom: 8px;}
.bull2:before{content:''; display:inline-block; width: 7px; height: 7px; border-radius: 50%; background:#8FC31F; margin-bottom:3px; margin-right: 8px;}
.form-check-input{min-width: 1em;}

/*전체게시물 및 검색*/
.list_top{margin-bottom: 20px;}
.list_top p{font-size: 16px; color:#555; }
.list_top p strong{color:var(--dn_blue);}
.list_top > div{width: calc(362px + 0.25rem)}
.list_top .input-group{width: 100%; max-width:320px; position:relative;}
.list_top .input-group > *{padding-top:8px; padding-bottom: 8px;}
.list_top .input-group:before{content:''; display:block; width: 1px; height: 17px;background:#ccc; position:absolute; top:50%; left:100px;transform: translateY(-50%); z-index: 1;}
.list_top select{width: 30%; max-width: 100px; border-top-left-radius: 0.375rem!important; border-bottom-left-radius:0.375rem!important; border-right:0!important;font-size: 14px;}
.list_top input,
.list_top input::placeholder{ border-left:0!important; font-size: 14px; }
.list_top button{background: var(--dn_blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 26 26'  %3E%3Cpath fill='%23fff' d='m25.648 23.591-4.924-4.909a11.47 11.47 0 0 0 2.447-7.1 11.586 11.586 0 1 0-11.585 11.589 11.47 11.47 0 0 0 7.1-2.447l4.909 4.924a1.454 1.454 0 1 0 2.056-2.056ZM2.9 11.586a8.689 8.689 0 1 1 8.689 8.689A8.689 8.689 0 0 1 2.9 11.586Z'/%3E%3C/svg%3E") no-repeat; border-radius: 5px; width: 42px; height: 42px; min-width: 42px; background-position:center center; }

/*게시물분류 2개일때*/
.list_top.top2 > div{width: calc(462px + 0.25rem); }
.list_top.top2 .input-group{max-width: 420px; }
.list_top.top2 .input-group select:nth-child(4){border-radius: 0!important; border-left:0;}
.list_top.top2 .input-group:before{left: 96px;}
.list_top.top2 .input-group:after{content:''; display:block; width: 1px; height: 17px;background:#ccc; position:absolute; top:50%; left:196px;transform: translateY(-50%); z-index: 1;}

/*게시물상세 == 이전글 다음글*/
.post_direc{border-top:1px solid #ccc; border-bottom: 1px solid #ccc; }
.post_direc dl:first-child{border-bottom: 1px solid #ddd;}
.post_direc dt{min-width: 135px;background: #F6F6F6; }
.post_direc dd{width: calc(100% - 135px);position:relative;}
.post_direc dd a{color:#555; font-weight: 500;transition:color 0.4s;width: calc(100% - 40px); }
.post_direc dd a:hover{color:#232323;transition:color 0.4s;}
.post_direc dl dd:after{content:''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1.5 6 12' width='12' height='24' %3E%3Cpath fill='none' stroke='%23aaa' stroke-linejoin='round' stroke-width='2' d='m.707 7.916 3.6-3.6L.707.707'/%3E%3C/svg%3E"); width: 14px; height: 14px; display:inline-block; background-repeat: no-repeat; position:absolute; top:50%; background-position:center center; right:20px; transform: translateY(-50%) rotate(90deg); background-size: contain;transform-origin: center;}

.post_direc dl.post_next dd:after{transform: translateY(-50%) rotate(-90deg); transform-origin: center;}
.post_direc dl:not(:has(+ dl)){border-bottom: 0!important;;}

/*첨부파일*/
.attach_conts h6{border:1px solid #ccc; padding: 8px;min-width: 110px; text-align: center;;}
.attach_conts ul{column-gap:12px;row-gap:4px;margin-top:6px;}
.attach_conts ul li:before{content:''; display:inline-block ; width: 14px; height: 15px; background:url(../images/ico_file.png) no-repeat; margin-bottom:-2px; margin-right: 2px; background-size: contain;}
.attach_conts ul li a{color:#555;font-weight:500; padding-right: 4px;transition:color 0.3s;}
.attach_conts ul li a:hover{color:#222;transition:color 0.3s;}

/*목록으로*/
.goto_list{padding:10px; border: 1px solid #ccc; max-width: 160px; width: 100%;margin-top: 20px;transition: border 0.5s }
.goto_list:hover{border:1px solid #888; transition: border 0.5s}

/*홈페이지 이동*/
.goLink{color:#004992; text-decoration: underline;}

/*페이징*/
.pagination .page-item{border:0; background:transparent; border-radius: 6px;overflow: hidden;width:27px; height: 27px; min-width: 27px; display:flex; align-items: center; justify-content:center;}
.pagination .page-item a{background:transparent; border:0; width: 100%; height:100%; padding:0;padding-top:2px; text-align: center;margin-left:0!important; font-size:15px;color:#333; }
.pagination .page-item:not(.active) a:hover{font-weight: bold;}
.pagination .page-item.active{background:var(--dn_blue);}
.pagination .page-item.active a{background:var(--dn_blue); background:transparent; color:#fff; font-weight: bold;}
.pagination .page_arr,
.pagination .page_arr a{position:relative;}
.pagination .page-item.page_arr a{background-repeat:no-repeat; background-size:auto; background-position:center center;transition:all 0.4s; }
.pagination .page-item .first,
.pagination .page-item .last{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.876' height='13.754'%3E%3Cg fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m1.414 1.414 5.231 5.087-5.231 5.841M6.645 1.414l5.231 5.087-5.231 5.841'/%3E%3C/g%3E%3C/svg%3E");}
.pagination .page-item .prev,
.pagination .page-item .next{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.645' height='13.754'%3E%3Cpath fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1.414 1.414 5.231 5.087-5.231 5.841'/%3E%3C/svg%3E");}
.pagination .page-item .first,
.pagination .page-item .prev{transform:rotate(180deg); }
.pagination .page-item .first:hover,
.pagination .page-item .prev:hover{transform: translateX(-3px) rotate(180deg);}
.pagination .page-item .last:hover,
.pagination .page-item .next:hover{transform: translateX(3px) ;}

/*상세페이지 테이블*/
.dtl_table table th,
.dtl_table table td{padding:12px 8px 12px 20px;border-bottom:1px solid #ddd; }
.dtl_table table th{background: #F6F6F6}
.dtl_table table td{color:#707070}
.dtl_table table td .map_area{height:360px; }
.edu_table table td{border:1px solid #dbdbdb}
.sprtBizTable table td{border: 1px solid #dbdbdb;}


/*첨부파일*/
.attachs{column-gap: 16px;}
.attachs a{color:#707070;}
.attachs a:before{content:''; display: inline-block; width:14px; height: 17px; background:url(../images/ico_file.png) no-repeat; background-size: contain; background-position:center center; margin-bottom: -2px; margin-right: 2px;}
/**************************************************************************/
/**************************************************************************/



/*채용정보*/
.hire_sect{column-gap:20px; row-gap:25px; }
.hire_sect .item{border:1px solid #e5e5e5; border-radius: 10px;padding:0; width: calc(33.333% - 13.333px); background:#fff;transition:all 0.3s; }
.hire_sect .item .img_box{height: 80px; border-bottom: 1px solid #e5e5e5;padding:10px 15px;}
.hire_sect .item .img_box img{object-fit: contain;;}
.hire_sect .item a{padding: 20px 30px; row-gap:4px}
.hire_sect .item a .name{font-size:15px; color:#777;}
.hire_sect .item a .title{height: 79px; margin-bottom: 20px; }
.hire_sect .item a .title .tit{font-size:17px; position:relative;display:inline-block; padding-bottom: 28px;padding-right: 4px;white-space: normal;display:-webkit-box!important; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; padding-bottom:0;}
.hire_sect .item a .title .pos{font-size: 14px; display:inline-block; padding: 1px 5px ; border:1px solid #ccc; color:#afafaf; font-weight: 400; border-radius:5px;}
.hire_sect .item a .date{font-size:13px; font-weight: 500; color:#989898;}
.hire_sect .item:has(a:hover){background:#FBFBFB; transition:all 0.3s;}

/*공지사항 리스트*/
.noti_sect .item{border:1px solid #e5e5e5;padding: 30px 0;border-radius:12px;position:relative;background-color: #fff; transition:background-color 0.3s;}
.noti_sect .item:not(:last-child){margin-bottom: 15px;}
.noti_sect .item .numb{display:block;padding-left: 0px; padding-right: 0px; font-size:22px; font-weight: 500; color:#ccc;min-width: 120px;text-align: center;; }
.noti_sect .item a{width: calc(100% - 190px)}
.noti_sect .item .titl{font-size: 17px; font-weight:500;display:block; width: 80%;margin-bottom: 4px;}
.noti_sect .item .hits,
.noti_sect .item .date,
.noti_sect .item .writ{color:#aaa; margin-right:20px;}

.noti_sect .item .hits span{display:inline-block; margin-right:4px;}
.noti_sect .item .date span{display:inline-block; margin-right:4px;}
.noti_sect .item .writ span{display:inline-block; margin-right:4px;}
.noti_sect .item .attach_file{width: 28px; height: 28px; background: #fff url(../images/ico_file.png) no-repeat; background-position:calc(50% + 1px) calc(50% + 1px);position:absolute; top:50%; right:30px;border:1px solid #ddd; border-radius:50%; transform: translateY(-50%);}
.noti_sect .item:has(a:hover){background-color:#fbfbfb;transition:background-color 0.3s;}

.gallery_sect .item{width: calc(33.33% - 0.666rem);margin-bottom: 0!important; padding:15px; }
.gallery_sect .item .img_box{border-radius: 6px; overflow:hidden; margin-bottom: 16px; aspect-ratio:3/2;}
.gallery_sect .item .img_box img{object-fit:cover;}
.noti_sect .item .titl{white-space:unset; display:-webkit-box!important; -webkit-line-clamp:2 ; -webkit-box-orient: vertical; 
line-height: 1.2; height: 42px;}
.thumnailAttach .thumb_list .item{width: calc(25% - 0.75rem)}
.thumnailAttach .thumb_list .item .img_box{width:100%; aspect-ratio:3/2; }
.thumnailAttach .thumb_list .item .img_box img{object-fit:cover;}
.thumnailAttach .thumb_list .item .del_btn{top: 1rem; right:1rem;background: #fff; border-color:#000!important;}
.thumnailAttach .thumb_list .item .del_btn:before,.thumnailAttach .thumb_list .item .del_btn:after{background:#000;}

/*공지사항 상세*/
.noti_dtl_sect .title_wrap{border-bottom: 1px solid #ddd;padding-bottom: 30px;}
.noti_dtl_sect .title_wrap h3{font-size: 21px; font-weight:700;margin-bottom: 12px;}
.noti_dtl_sect .title_wrap .hits,
.noti_dtl_sect .title_wrap .date,
.noti_dtl_sect .title_wrap .writ{color:#888; margin-right: 20px; position:relative;}
.noti_dtl_sect .title_wrap .hits:before{content:'조회수'; display:inline-block; min-width: 40px; margin-right: 15px;}
.noti_dtl_sect .title_wrap .date:before{content:'작성일'; display:inline-block; min-width: 40px; margin-right: 15px;}
.noti_dtl_sect .title_wrap .writ:before{content:'작성자'; display:inline-block; min-width: 40px; margin-right: 15px;}
.noti_dtl_sect .title_wrap .hits:after,
.noti_dtl_sect .title_wrap .date:after,
.noti_dtl_sect .title_wrap .writ:after{content:''; display:inline-block; width:1px; height: 11px; background:#ccc;position:absolute; top:6px; left: 47.5px;}
.noti_dtl_sect .noti_cont{padding:20px 1.5rem 60px 1.5rem; color:#555; line-height: 2; min-height: 500px;white-space:pre-line;}
.noti_cont a{display:inline-block!important}

.noti_dtl_sect + .btn_wrap .goto_list.save{background:#fff; border-color: #004992; color:#004992; }

/*정보보호컨설팅*/
.surv_content .box{width: 100%; padding:20px; border: 5px solid #F5F5F5; border-radius: 20px; grid-template-columns:200px 1fr;}
.surv_content .box figure{height: 110px; grid-row:1 / span 2;}
.surv_content .box h5{font-size: 19px; font-weight:700;}
.surv_content .box p{grid-column: 2; font-size: 17px; color:#777;}

.surv_content dl,
.surv_stage{margin-top: 60px;}
.surv_content dd{font-size: 17px; color: #777; padding-left: 20px; position:relative; }
.surv_content dd:has(+ dd){ margin-bottom: 10px; position:relative; }
.surv_content dd:has(+ dd):before,
.surv_content dd + dd:before{content:''; display:block; width: 5px; height: 1px; background: #777;position:absolute; top: 12px; left: 6px;}

.surv_stage ul > li{width: 33.33%;}
.surv_stage .img_box{border:1px solid #DFDFDF; width: 80%; height: 80px; margin:0 auto;padding: 12px 30px; margin-bottom: 4px; max-width: 260px;}
.surv_stage .step{background:#EFEFEF; padding: 1px 8px 0 8px; font-size: 14px; font-weight:600}
.surv_stage .step_dtl{font-weight:500;text-align: center; word-break: keep-all ; line-height: 1.25; max-width: 260px; width: 80%;}
.surv_stage ul > li:not(:first-child):after{content:''; display:block; width: 45px; height:clamp(30px,2vw,40px); background:url(../images/arr_big_g.png) no-repeat;background-size:contain; position:absolute; top:70px; transform:translate(-50%, -50%); left:10px; }
.surv_stage ol{row-gap:8px;}

.down_form a{border:1px solid var(--dn_blue); width: 100%; max-width: 220px; color:var(--dn_blue); font-weight:bold} */

/*정보보호컨설팅 ++ 취약점*/
.weak_conts dl:nth-child(2) dd:nth-child(2):before{display:none;}
.weak_conts ul:before,.weak_conts ul:after{display:none;}
.weak_conts .surv_stage ul > li{width:25%; }
.weak_conts .surv_stage ul > li:not(:first-child):after{height: 30px;}

/*오시는길*/
.map_area{height: 420px; background:#ddd; border-radius: 10px;overflow: hidden;}
.come_load dl{border-bottom: 1px solid #efefef;}
.come_load dt{min-width: 110px; font-size: 20px; font-weight:bolder; }
.come_load dd{width: calc(100% - 100px); font-size: clamp(16px, 3vw, 17px)}
.come_load dd span{color: #707070;}
.map_link{margin-right: 20px;column-gap: 35px;}
.map_link li:after{content:''; display:block; width:10px; height: 10px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.312' height='8.623'%3E%3Cpath fill='none' stroke='%23555' stroke-linejoin='round' stroke-width='2' d='m.707 7.916 3.6-3.6L.707.707'/%3E%3C/svg%3E") no-repeat; position:absolute; top:50%; right:-15px;background-position: center center;transform: translateY(calc(-50% - 1px)); transition:right 0.3s;}
.map_link li a{color:#707070;transition:all 0.3s;}
.map_link li a:hover{color:#222; transition:all 0.3s;}
.map_link li:has(a:hover):after{right: -20px;; transition:right 0.3s;}

/*홍보자료*/
.yout_area{column-gap: 20px; ;}
.yout_area .box{width:100%; font-size: 0;display:block;}/* aspect-ratio: 16/9;*/
.yout_area .box iframe{width: 100%; height: 100%;;}
.yout_area .box:has(+ .yout_list){width: 70%;}
.yout_area .box video{width: 100%; }
.yout_list{background: #f5f5f5; width: 30%; overflow-y:auto; position:relative; height:0; padding-top: 38.8%; }
.yout_list::-webkit-scrollbar{width: 4px; }
.yout_list::-webkit-scrollbar-thumb{background: #ddd;  }
.yout_list ul{position:absolute; top:0; left:0; right:0;padding: 1rem; }

.broc_area{column-gap: 30px;margin-top: 50px;}
.broc_area .item{grid-template-columns: 180px 1fr ; width: calc(50% - 15px);padding-right: 30px;}
.broc_area .item .img_box{grid-row: 1/ span 2; margin-right: 15px; border:1px solid #ddd; border-radius: 10px; overflow: hidden; aspect-ratio: 1/1.414;}
.broc_area .item .img_box img{object-fit: cover;;}
.broc_area .item .tit{font-size: 19px; line-height: 1.25; height:22px; margin-bottom:30px;display:-webkit-box; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;}
.broc_area .item .des{display:-webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;color:#555; line-height: 1.7; }
.broc_area .item a{grid-column: 2; grid-row: 2; margin-top:auto; margin-bottom: 1rem; background: #098BC7;width: max-content; padding: 8px 16px; font-size: 15px; color:#fff; display:inline-block;border-radius: 6px; }
.broc_area .item a:after{content:''; display:inline-block ;background:url(../images/ico_down_w.png) no-repeat; width: 13px; height:13px; margin-left: 4px; background-size:contain;margin-bottom: -1px; }


/*비전및목표*/
.viso_content:before{content:''; display:block; width:100%; max-width: 810px; height: 200px; background: url(../images/bg_vv.png) no-repeat;position:absolute; top:78px;right:0;z-index: -1;background-position: center center;}
.vision_box{position: relative;height: 570px;}
.vision_box:before{content:''; background: url(../images/bg_vision.png) no-repeat; background-size: contain;background-position:center center; position:absolute; top:42%; left: 50%; transform:translate(-50%, -50%); width: 100%; max-width: 500px;height: 100%;max-height: 400px}
.vision_box > div{padding: 80px 0 60px 0;;}

.vision_box .mission:before,
.vision_box .vission:before{display:block; width: 100%; height: auto ; opacity: 0.1;font-weight: bolder;font-size:110px;position:absolute; top:-70%;vertical-align: baseline;}
.vision_box .mission:before{content:'MISSION';color:#8FC31F;left:0; }
.vision_box .mission h4{color:#8CCB05; margin-bottom:40px;font-size: 40px; font-weight: bold;}
.vision_box .mission p{color:#5AB221;}

.vision_box .vission:before{content:'VISSION';color:#0087D1;right: 0;text-align: end;}
.vision_box .vission h4{color:#00A1E9; margin-bottom:40px;font-size: 40px; font-weight: bold;}
.vision_box .vission p{color:#3F88B1;}

.vv_box{border-top: 1px solid #e1e1e1;padding-top: 16px;padding-bottom: 80px; position:relative;}
.vv_box h3{font-weight: bold; font-size: 22px; margin-bottom: 30px;}
.vv_box h3:before{content:''; display:block; width: 180px; height: 4px; background: linear-gradient(to right,#0087D1 ,#8FC31F); border-radius: 25rem; position:absolute; top:-2px;;}
.vv_box h3 span{color:#0087D1; font-weight: 900;margin-right: 10px; display: inline-block;}

.vv_box .spc_ind{gap:25px; }
.vv_box .spc_ind li{width: calc(33.3% - 15px);}
.vv_box .spc_ind .img_box{overflow: hidden; border-radius: clamp(10px, 1.5vw,20px);position: relative; aspect-ratio: 3/1.8; margin-bottom:10px;}
.vv_box .spc_ind .img_box:after{content:''; display:block; width:100%; height: 100%; background: #268B65; opacity: 0.1;top:0; left:0; right: 0; bottom:0; position: absolute;;}
.vv_box .spc_ind .img_box img{object-fit: cover;;}
.vv_box .spc_ind small{color:#24B7C2; text-align: center; display: block;font-weight: 600; font-size: 14px; ;}
.vv_box .spc_ind p{text-align: center; color:#434343; font-weight: bold; font-size: clamp(18px, 2vw, 22px);}

.vv_box .push_ahead div{width: calc(25% - 1.125rem); }
.vv_box .push_ahead h5{text-align: center;padding: 1rem;border-radius: 10px;color:#fff; font-weight: 600; font-size: 18px; margin-bottom: 10px;}
.vv_box .push_ahead .push01 h5{background:linear-gradient(135deg,#0187D0 ,#1E94AB)}
.vv_box .push_ahead .push02 h5{background:linear-gradient(135deg,#1E94AB ,#329C92)}
.vv_box .push_ahead .push03 h5{background:linear-gradient(135deg,#329C92 ,#4DA872)}
.vv_box .push_ahead .push04 h5{background:linear-gradient(135deg,#4DA872,#93B549)}
.vv_box .push_ahead ul{background: #f6f6f6; border-radius: 20px;padding: 30px clamp(25px, 2vw,35px); counter-reset: colorcircle 0;height:calc(100% - 60px)}
.vv_box .push_ahead ul li{position:relative;padding-left: 30px;}
.vv_box .push_ahead ul li:not(:last-child){margin-bottom: 10px;}
.vv_box .push_ahead ul li:before{position:absolute; top: 2px; left: 0;counter-increment: colorcircle 1; content:counter(colorcircle); color:#fff; font-size: 15px; font-weight: 600;z-index: 1; text-align: center;width: 20px;height: 20px; padding-right: 1px; display:block; margin-top: -1px;;}
.vv_box .push_ahead ul li:after{content:'';position:absolute; top:2px; left:0;  display: block; width: 20px;height: 20px;border-radius: 50%;;}
.vv_box .push_ahead .push01 ul li:after{background:#0187D0;}
.vv_box .push_ahead .push02 ul li:after{background:#1E94AB;}
.vv_box .push_ahead .push03 ul li:after{background:#329C92;}
.vv_box .push_ahead .push04 ul li:after{background:#4DA872;}


/*ci안내*/
.ci_content .info{width: 100%; padding:30px 20px; border: 5px solid #F5F5F5; border-radius: 20px; grid-template-columns:200px 1fr;}
.ci_content .info figure{height: 80px; grid-row:1 / span 2;}
.ci_content .info h5{font-size: 19px; font-weight:700;}
.ci_content .info p{grid-column: 2; font-size: 17px; color:#777;}
.symbol{border-bottom: 1px solid #ddd;}
.symbol ol{border-top: 1px solid #ddd; padding-top: 20px; margin-bottom: 10px;}
.symbol .tit{width: calc(40% - 240px);font-size: 18px; font-weight: bolder; min-width: 125px;}
.symbol .desc{width: 60%; color:#555; }
.symbol li:has(img){min-width: 240px;}
.signit , .cicol{margin-top: 60px;}
.signit li{width: calc(50% - 0.25rem)}
.signit .cate{padding:2px 16px; background:#EEE; font-size: 18px; font-weight: bold;margin-bottom: 8px;display:inline-block; }
.signit .img_box{border:1px solid #ccc; border-radius: 5px; padding:28px 40px}
.cicol .grdient_color{background: linear-gradient(to right, #0087D1 0%, #009DE5 35%, #009DE5 45%, #24B7C2 65%, #8FC31F 100%); width: 100%; height: 40px; }
.cicol ul{width: calc(33.3% - 0.66rem);color:#fff; border-radius: 5px; padding: 20px 30px;}
.cicol ul.c3005{background:#0087D1;}
.cicol ul.c2995{background:#00A1E9;}
.cicol ul.c319{background:#24B7C2;}
.cicol ul.c382{background:#8FC31F;}
.cicol ul.c301{background:#004992;}
.cicol ul li{font-weight: 300;}
.cicol ul li strong{font-weight: 700; display:inline-block; min-width: 90px;}
.ci_content .logo_down{display:inline-block; padding: 6px 44px 6px 20px; border: 1px solid #ddd; margin-top: 30px; position:relative;}
.ci_content .logo_down:after{content:''; display:block; width:15px; height: 15px; background:url(../images/ico_down_b.png) no-repeat; background-size:contain; background-position:center center; position:absolute; top:50%; right:20px;transform: translateY(-50%);}

/*주요시설-7층&8층*/
.blueP_label{gap:1px 1rem;}
.blueP_label p:before{content:''; display:inline-block; width: 12px; height: 9px;margin-right:2px; margin-bottom: 1px; border:2px solid;}
.blueP_label p.red:before{background-color:rgba(223,76,20,0.2); border-color:#DF4C14;}
.blueP_label p.pup:before{background-color:rgba(86,45,200,0.2); border-color:#562DC8;}
.blueP_label p.gre:before{background-color:rgba(34,159,20,0.2); border-color:#229F14;}
.blueP_label p.yel:before{background-color:rgba(217,155,31,0.2); border-color:#D99B1F;}
.blueP_label p.blu:before{background-color:rgba(0,135,209,0.2); border-color:#0087D1;}
.blueP_label p.sky:before{background-color:rgba(36, 183,194,0.2); border-color:#24B7C2;}

.vr_link{bottom:0.75rem; right:0.75rem; padding: 6px 8px;background:#004992;color:#fff;  font-size: 16px; font-weight:bolder; column-gap:4px;border:1px solid #ccc; border-radius: 4px;box-shadow: 4px 4px 4px rgba(0,0,0,0.1); transition:bottom 0.3s;}
.vr_link:hover{color:#fff;bottom:1rem; transition:bottom 0.3s;}
.vr_link .img_box{width: 30px;}

.faci_wrap{margin-top: 40px;}
.faci_wrap .item{width: calc(50% - 0.5rem);grid-template-columns: 230px 1fr;gap: 12px 1rem; border:1px solid #e9e9e9;padding: 1rem;border-radius:4px;}
.faci_wrap .item .tit{font-size: 18px; font-weight:bolder; grid-column: 1 /span 2;}
.faci_wrap .item .img_box{width:100%; aspect-ratio: 3/2; max-width:230px; overflow: hidden;}
.faci_wrap .item .img_box img{object-fit: cover;;}
.faci_wrap .item ul{padding-right: 1.5rem;}
.faci_wrap .item ul li{line-height:1.25;margin-bottom: 8px;display:flex;align-items:start; }
.faci_wrap .item ul li:last-child{margin-bottom: 0;}
.faci_wrap .item ul li strong{display:inline-block; min-width: fit-content; margin-right: 0.5rem;}
.faci_wrap .item ul li sup{top: 4px;}
.faci_wrap .item ul li:not(:has(strong)):before{content:""; display:inline-block; width: 6px; height: 1px; background: #707070;margin-right: 4px;margin-top: 8px;; }

/*주요시설 - 시설및장비예약*/
.booking_content .list_top select:first-child{max-width: 120px;}
.booking_content .list_top .input-group:before{left: 120px;}
.booking_content .list_top .input-group:after{left: 217px;}
.book_label{gap:0.5rem 1rem; font-size:14px;}
.book_label li:before{content:''; padding: 4px 12px; margin-right:4px; border-radius: 10px;font-weight:600;}
.book_label li.visit:before{content:"방문사용";background:rgba(0,135,209,0.3); color:#0087D1; }
.book_label li.btrip:before{content:"출장지원";background:rgba(0,79,146,0.3); color:#004992; }
.book_label li.nobok:before{content:"예약불가";background:rgba(242,77,0,0.3); color: #F24D00; }

.book_wrap .item{display:flex; flex-direction: row; border:1px solid #ccc; border-radius: 12px;margin-bottom: 20px;overflow: hidden;}
.book_wrap .item .img_box{aspect-ratio: 3/2; overflow: hidden;width: 320px;}
.book_wrap .item .img_box img{object-fit: cover;}
.book_wrap .item .img_box .cate{position: absolute; top:0; left:1.25rem; width: 50px; height:45px;text-indent:-99999px;}
.book_wrap .item .img_box .cate.equip:before{content:''; display:block; border-top: 6px solid #0088d2; border-left:0px solid transparent; border-right: 25px solid transparent; position:absolute; bottom: -6px; left:0;;}
.book_wrap .item .img_box .cate.equip:after{content:''; display:block; border-top: 6px solid #0088d2; border-left:25px solid transparent; border-right: 0px solid transparent; position:absolute; bottom: -6px; right:0;;}
.book_wrap .item .img_box .cate.equip{background:#0088d2 url(../images/ico_equip.png) no-repeat; background-position:center center;background-size:28px 28px;}

.book_wrap .item .img_box .cate.facil:before{content:''; display:block; border-top: 6px solid #0ab5cc; border-left:0px solid transparent; border-right: 25px solid transparent; position:absolute; bottom: -6px; left:0;;}
.book_wrap .item .img_box .cate.facil:after{content:''; display:block; border-top: 6px solid #0ab5cc; border-left:25px solid transparent; border-right: 0px solid transparent; position:absolute; bottom: -6px; right:0;;}
.book_wrap .item .img_box .cate.facil{background:#0ab5cc url(../images/ico_facil.png) no-repeat; background-position:center center;background-size:28px 28px;}

.book_wrap .item .info_wrap{width: calc(100% - 520px);}
.book_wrap .item .tit{font-weight:bold; font-size: 22px;}
.book_wrap .item .tit_en{display:block;font-size:14px; color:#afafaf; font-weight:300;line-height:1.2; margin-top:4px;}
.book_wrap .item ol li{color:#555; margin-bottom: 4px;}
.book_wrap .item ol li strong{margin-right: 6px;color:#222; }
.book_wrap .item ol li strong:after{content:''; display:inline-block; width: 1px; height:12px; background: #999;margin-left: 6px;}
.book_wrap .item .status_label{display:flex;flex-direction: row;  font-size: 14px; gap:0.5rem;margin-top:1rem; flex-wrap: wrap;}
.book_wrap .item .status_label li{border:1px solid; border-radius: 25rem;padding: 2px 12px;font-weight: 600; letter-spacing: 0.5px;min-width: max-content;;}
.book_wrap .item .status_label li.ok_bok{background:#198754; color:#fff; border-color:#198754;}
.book_wrap .item .status_label li.online_bok{color:#198754; }
.book_wrap .item .status_label li.tel_bok{color:#198754;}
.book_wrap .item .status_label li.not_bok{background:#F24D00; color:#fff; border-color:#F24D00; }

.book_wrap .item .btn_wrap{max-width: 200px; width: 100%;}
.book_wrap .item .btn_wrap div{border-left:1px solid #ccc;height: 100%;padding: 1.5rem;background: #fafafa; }
.book_wrap .item .btn_wrap div *{font-weight:bold;}
.book_wrap .item .btn_wrap button{border:1px solid var(--bs-border-color); border-radius:0; width: 100%; }




/*문의하기모달*/
.reserve_ask_modal .modal-header{padding-bottom: 0.75rem; }
.reserve_ask_modal .modal-title{font-size: 18px!important;; font-weight:bolder; display:flex; flex-direction: column ; align-items:flex-start; row-gap: 4px;;  column-gap: 8px; line-height: 1.25; width:100%; }
.reserve_ask_modal .modal-title span{border:1px solid #F24D00; color:#F24D00; font-size: 13px; display:inline-block; padding:2px 8px;border-radius: 25rem; min-width: 70px; text-align: center;;}
.reserve_ask_modal .modal-header button{position:absolute; top:1.25rem;right:1rem;}
.reserve_ask_modal .summary li:not(:last-child){margin-bottom: 2px;}
.reserve_ask_modal .summary li strong{margin-right: 6px; }
.reserve_ask_modal .summary li strong:after{content:''; display:inline-block; width: 1px; height: 12px; background: #999; margin-left: 6px;}

.reserve_ask_modal .ask_wrap{padding: 1rem;margin-top:0.5rem; border-radius:5px; row-gap: 8px;border:1px solid #eee; }
.reserve_ask_modal .ask_wrap label{font-size: 14px; font-weight:bold; color:#666; }
.reserve_ask_modal .ask_wrap input{border:0;padding:0; border-radius: 0;border-bottom:1px solid transparent;padding-right: 50px;text-overflow: ellipsis; white-space: nowrap;}
.reserve_ask_modal .ask_wrap input:focus{box-shadow: unset!important;  border-bottom: 1px solid #f9f9f9;;}
.reserve_ask_modal .ask_wrap button{bottom: 0; right:0; display:flex; flex-direction: row; align-items:center; justify-content:start; column-gap:2px; color:#afafaf;  font-size: 14px;padding:0; }
.reserve_ask_modal .ask_wrap button:before{content:''; display:inline-block; width: 15px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='icons' viewBox='0 0 15 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ccc%7D%3C/style%3E%3C/defs%3E%3Cpath d='M9.23 15.06c0 .19-.15.34-.34.34H2.88c-.19 0-.35-.15-.35-.34V5.74c0-.19.15-.34.35-.34h.95V3.87h-.95c-1.03 0-1.87.84-1.87 1.87v9.32c0 1.03.84 1.87 1.87 1.87h6.01c1.03 0 1.87-.84 1.87-1.87v-.04H9.23v.04Z' class='cls-1'/%3E%3Cpath d='M13.08.75H6.12c-.71 0-1.28.57-1.28 1.28v10.81c0 .71.57 1.28 1.28 1.28h6.96c.71 0 1.28-.57 1.28-1.28V2.03c0-.71-.57-1.28-1.28-1.28Z' class='cls-1'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position:center center; transition:background-image 0.3s; }

.reserve_ask_modal .ask_wrap button:active,
.reserve_ask_modal .ask_wrap button:hover{border:1px solid transparent!important; color:#004992; font-weight:600;}
.reserve_ask_modal .ask_wrap button:active:before,
.reserve_ask_modal .ask_wrap button:hover:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='icons' viewBox='0 0 15 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23004992%7D%3C/style%3E%3C/defs%3E%3Cpath d='M9.23 15.06c0 .19-.15.34-.34.34H2.88c-.19 0-.35-.15-.35-.34V5.74c0-.19.15-.34.35-.34h.95V3.87h-.95c-1.03 0-1.87.84-1.87 1.87v9.32c0 1.03.84 1.87 1.87 1.87h6.01c1.03 0 1.87-.84 1.87-1.87v-.04H9.23v.04Z' class='cls-1'/%3E%3Cpath d='M13.08.75H6.12c-.71 0-1.28.57-1.28 1.28v10.81c0 .71.57 1.28 1.28 1.28h6.96c.71 0 1.28-.57 1.28-1.28V2.03c0-.71-.57-1.28-1.28-1.28Z' class='cls-1'/%3E%3C/svg%3E"); transition:background-image 0.3s;}

.reserve_ask_modal .alert_box{position:absolute; top:-2rem; left:50%; transform:translateX(-50%); color:#fff;transition:1s; opacity:0; z-index:-1; }

/*장비 상세정보*/
.booking_info_content .item{border:0!important; }
.booking_info_content .item .img_box .cate{top:1rem;}
.booking_info_content .item .info_wrap{width: calc(100% - 320px)}
.howtouse_info{ border-radius: 10px; padding: 1rem 2rem; background: #f9f9f9;}
.howtouse_info h4{font-size: 20px; font-weight:bold; margin-bottom: 8px; width: 100%; }
.howtouse_info dl{padding-left: 0.5rem; padding-left: 1rem; padding-right: 1rem;}
.howtouse_info dl:not(:last-child){border-right:1px dashed #ddd;}
.howtouse_info dd{font-size: 15px; color:#666; }
.howtouse_info dd:before{content:''; display:inline-block; width: 6px; height:1px; background:#afafaf;margin:0 4px 5px 4px;}
.howtouse_info dd strong{padding-right: 8px;}

.booking_info_content .item_imgs{margin-bottom: 30px;}
.booking_info_content .item_imgs .slick-list{margin-left: -4px; margin-right: -4px;}
.booking_info_content .item_imgs .img_box{aspect-ratio: 3/2; overflow: hidden;padding:0 4px;}
.booking_info_content .item_imgs .img_box img{object-fit: cover;object-position: center center;}
.booking_info_content .item_imgs .slick-prev{left: 10px; z-index: 1; }
.booking_info_content .item_imgs .slick-next{right: 10px; z-index: 1; }
.booking_info_content .item_desc{min-height: 50px; color:#555;  padding: 0 1.5rem;}

.date_group{width: calc(100% - 80px - 1rem); margin-left: auto;background:#f9f9f9;padding: 1rem }
.date_item > input{text-align: center;;}
.date_item label.form-check-label{min-width: unset!important;; max-width: unset!important;; ;}
.date_group .date_item:has(.not_av){border:1px solid rgb(var(--bs-danger-rgb))}
.date_group .not_av{padding:5px;}
.date_group .not_av:before{content:''; display:block;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg fill='none' stroke='%23fff'%3E%3Cg%3E%3Ccircle cx='8' cy='8' r='8' stroke='none'/%3E%3Ccircle cx='8' cy='8' r='7.5'/%3E%3C/g%3E%3Cpath stroke-linecap='round' d='m5.345 5.345 5.311 5.311M10.656 5.345l-5.311 5.311'/%3E%3C/g%3E%3C/svg%3E");width: 16px; height: 16px; margin-right: 4px; }
.date_item.choice{position:relative;}
.date_item.choice:after{content:''; display:block; width:18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 26 26'  %3E%3Cpath fill='%23004992' d='m25.648 23.591-4.924-4.909a11.47 11.47 0 0 0 2.447-7.1 11.586 11.586 0 1 0-11.585 11.589 11.47 11.47 0 0 0 7.1-2.447l4.909 4.924a1.454 1.454 0 1 0 2.056-2.056ZM2.9 11.586a8.689 8.689 0 1 1 8.689 8.689A8.689 8.689 0 0 1 2.9 11.586Z'/%3E%3C/svg%3E"); position:absolute; top:0.7rem; right: 0.75rem;}
.datepicker{max-width: 300px;font-family: 'pretendard'!important;}
.datepicker table tr td,
.datepicker table tr td span{color:#707070;}
.datepicker table tr td.old,.datepicker table tr td.new,
.datepicker table tr td span.old,.datepicker table tr td span.new{color:#bbb;}

.datepicker table tr td.day:hover, .datepicker table tr td.day.focused,
.datepicker table tr td.active:hover.active,
.datepicker table tr td span:hover{background:transparent; font-weight:600;}
.datepicker table tr td.active.active{background:transparent; border-color:transparent; color:#008A94; font-weight:bold;position: relative;}
.datepicker table tr td.active.active:after{content:'';display:block; width: 30px; height:30px; position:absolute; top:calc(50% - 2px); left:calc(50% + 1px); transform:translate(-50% , -50%); background:rgba(0, 138,148,0.2);border-radius: 50%; z-index: -1;}
.datepicker table tr td.active:hover.active{color:#008A94;}
.datepicker table tr th.prev,
.datepicker table tr th.next{color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.312' height='8.623'%3E%3Cpath fill='none' stroke='%23aaa' stroke-linejoin='round' stroke-width='2' d='m.707 7.916 3.6-3.6L.707.707'/%3E%3C/svg%3E");background-position:center center;background-repeat:no-repeat;transition: transform 0.5s;}
.datepicker table thead th:not(.datepicker-switch):hover{background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.312' height='8.623'%3E%3Cpath fill='none' stroke='%23aaa' stroke-linejoin='round' stroke-width='2' d='m.707 7.916 3.6-3.6L.707.707'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important; background-position:center center!important;; }
.datepicker table tr th.prev{transform:rotate(180deg); }
.datepicker table tr th.prev:hover{transform:rotate(180deg) translateX(2px); transition: transform 0.5s;}
.datepicker table tr th.next:hover{transform:translateX(2px); transition: transform 0.5s;}
.datepicker table tr th.datepicker-switch{border-bottom:1px solid transparent;transition:all 0.5s;}
.datepicker table tr th.datepicker-switch:hover{border-color: #eee;background:transparent;}
.phone_auth{width: 100%; max-width:200px;border-color:#0087D1!important;color:#0087D1!important;}
.phone_auth:disabled{text-indent:-99999px; position:relative;}
.phone_auth:disabled:before{content:'인증완료'; position:absolute; top:50%; left: 50%; transform: translate(-50%,-50%); text-indent: 0;}

.booking_info_content:not(:has(.resv_view_wrap)) .group:first-child{width: calc(35% - 0.5rem)!important;}
.booking_info_content:not(:has(.resv_view_wrap)) .group:has(.regNum_group){width:calc(65% - 0.5rem)!important; grid-template-columns:1fr!important; column-gap:0!important;}
.booking_info_content:not(:has(.resv_view_wrap)) .group .regNum_group{grid-template-columns:80px auto;}
.booking_info_content:not(:has(.resv_view_wrap)) .group .regNum_group > input{width: 100%; }

.booking_info_content .resv_view_wrap .date_group{padding: 0; background:transparent;margin-left:0; width:100%;}
.booking_info_content .resv_view_wrap .date_group .date_item{position:relative;}
.booking_info_content .resv_view_wrap .date_group .date_item > input{border-color:rgb(var(--bs-success-rgb))}
.booking_info_content .resv_view_wrap .date_group .date_item:after{content:''; width: 16px; height:16px; position:absolute;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg fill='none' stroke='%23198754'%3E%3Cg%3E%3Ccircle cx='8' cy='8' r='8' stroke='none'/%3E%3Ccircle cx='8' cy='8' r='7.5'/%3E%3C/g%3E%3Cg stroke-linecap='round'%3E%3Cpath d='m3.922 7.5 2.845 3.155M12.078 5.345l-5.311 5.311'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; top:50%; right: 0.75rem; transform: translateY(-50%); ;}

/*장비예약 - 일정*/
.fc .fc-toolbar.fc-header-toolbar{margin-bottom: 22PX; position:relative;}
.fc .fc-toolbar.fc-header-toolbar:after{content:'예약불가'; display:flex; justify-content:flex-end; align-items:center;; position:absolute;  bottom:-18PX;; right:0; width: 68px; text-align: end;background:linear-gradient(to right, #ffb2b2 18px, transparent 18px);height: 18px;font-size: 14px; color:#DB2120; font-weight:bold;}
.fc .fc-button-primary,
.fc .fc-button-primary:hover{background-color:transparent;border:0; transition: transform 0.3s;}
.fc .fc-button-primary:has(.fc-icon-chevron-left):hover{transform:translateX(-2px); transition: transform 0.3s;}
.fc .fc-button-primary:has(.fc-icon-chevron-right):hover{transform:translateX(2px); transition: transform 0.3s;}
.fc-icon-chevron-left::before,
.fc-icon-chevron-right::before{color:#afafaf;}

.fc-theme-standard td, .fc-theme-standard th{cursor: pointer;}
.fc .fc-toolbar-title{font-size:28px; font-weight:bold;}
.fc-event-time{display: none;}
.fc-day-sun a{color:#DB2120;}
.fc-day-sat a{color:#0087D1;}
/* .fc-event{display:flex; align-items:center; justify-content:center;} */
.fc .fc-bg-event{isolation: isolate;}
.fc-event-title-container{text-align: center; width: 100%; ;}
.fc-h-event .fc-event-title{white-space: normal;font-size: clamp(14px, 2vw,16px);color:#000;}
.fc-event.fc-h-event{background:rgba(0, 138,148,0.2); margin:0!important;border-radius:0;border:0;padding:0.15rem 0.5rem; }
/*장비예약 캘린더클릭시 모달*/
.fc_bp_modal .modal-title{font-weight:bolder; font-size:18px;}
.fc_bp_modal .apply_input_wrap:has(.busi_log) {margin-top:0;}
.fc_bp_modal .apply_input_wrap label{min-width:unset!important;; max-width: unset!important; text-align: start!important; margin-bottom:0.25rem;}
.fc_bp_modal .busi_log{margin-bottom: 0;}
.fc_bp_modal .busi_log span{font-size: 15px; line-height: 1.2;}
.fc_bp_modal .modal-footer button{font-size: 14px!important; }
.fc_bp_modal .modal-footer button.close{border:1px solid #ccc;}
.fc_bp_modal .modal-footer button.inqur{background:var(--dn_blue); color:#fff;  }



/*예약 - 개인정보처리방침*/
.personal_wrap{border: 1px solid #eee;padding: 1.5rem; padding-right: 0.5rem; border-radius: 10px;}
.personal_wrap div{overflow-y: auto;height: 540px; padding-right: 1.5rem;}
.personal_wrap div::-webkit-scrollbar{width: 8px; background:#efefef;;}
.personal_wrap div::-webkit-scrollbar-thumb{background: #ddd;}

.personal_wrap h6{font-size: 17px;line-height: 1.7; margin-bottom: 30px;}
.personal_wrap dl{padding: 0 16px; margin-bottom: 16px;}
.personal_wrap dt{margin-bottom: 4px;position:relative; }
.personal_wrap dt:before{content:''; display:block; width: 7px; height: 7px; background:transparent; border: 1px solid #555; border-radius: 50%;
position:absolute; top:8px; left:-12px;}
.personal_wrap dd{padding-left: 18px; color:#666;position:relative;}
.personal_wrap dd:before{content:''; display:block; width: 6px; height: 1px; background:#aaa;position:absolute;top:10px;left:6px;;}
.personal_wrap p{font-size: 17px; padding-top: 10px; color:#444; }


.booking_info_content .goto_list.iAgree{background:#004992;border-color:#ccc;color:#fff;font-weight: bolder;}
.booking_info_content .goto_list.modify{border:1px solid #004992;color:#004992; }



/*기업db*/
.db_sect .item{border: 1px solid #E5E5E5;padding: 30px 40px;width: calc(50% - 0.5rem); border-radius:12px;}
.db_sect .item .tit{font-size:18px; font-weight:bolder;border-bottom: 1px solid #eee; padding-bottom: 12px; margin-bottom: 16px;padding-left: 30px;position:relative;}
.db_sect .item .tit:before{content:''; display:block; width: 22px; height: 24px; background:url(../images/ico_building.png) no-repeat; background-size: contain; background-position:center center; position:absolute; top:1px;left:0;}
.db_sect .item.no_item{background:#f5f5f5;color:#999;}
.db_sect .item.no_item .tit{padding-left: 0;}
.db_sect .item.no_item .tit:before{display:none;}
.db_sect .item ul li{display:flex; flex-direction: row; column-gap:8px; line-height:1.2; margin-bottom: 8px;}
.db_sect .item ul li:last-child{margin-bottom: 0;}
.db_sect .item ul li span{display:inline-block; font-weight:700; min-width: max-content;}
.db_sect .item ul li span + a{color:#555!important; margin-bottom: 4px; word-break: break-all;;}
.db_sect .item ul li .gotoLink{position:relative;padding-right: 16px;}
.db_sect .item ul li .gotoLink:after{content:'';background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.207' height='10.207'%3E%3Cg fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.7 5.865v2.882a.961.961 0 0 1-.961.961H1.461A.961.961 0 0 1 .5 8.747V3.464a.961.961 0 0 1 .961-.961h2.881M6.618.707H9.5v2.882M4.217 5.99 9.5.707'/%3E%3C/g%3E%3C/svg%3E");
width: 11px; height: 11px; background-repeat: no-repeat; background-size: contain; background-position:center center ; display:block;position:absolute; top: 5px; right:0; }
.db_sect .item ol li a{padding:4px 12px; background:#fff; border:1px solid #eee;border-radius: 5px; font-weight:500; transition:all 0.3s; }
.db_sect .item ol li a:after{content:''; display:inline-block; width:13px; height: 14px; background-image:url(../images/ico_down_b.png); background-repeat: no-repeat; background-size: contain; background-position:center center; margin-bottom: -3px; margin-left: 4px; transition:all 0.3s; }
.db_sect .item ol li a:hover{color:#fff; background: #004992; font-weight: bold; transition:all 0.3s;}
.db_sect .item ol li a:hover:after{background-image:url(../images/ico_down_w.png); transition:all 0.3s; }

.db_sect .item .tit .room-badge{min-width: 50px; text-align:end;}

/*경보단계*/
.dng_content > h3{font-size: clamp(20px,5vw,26px); }
.dng_content .step_txt{display:none;}
.dng_content .step_txt.on{display:inline-block;}
.dng_content .step_txt:before{display:inline-block;}
.dng_content .step_txt.nor{color:#1A9F58 }
.dng_content .step_txt.int{color:#00A1E9 }
.dng_content .step_txt.cau{color:#EB6A01 }
.dng_content .step_txt.bou{color:#F24D00 }
.dng_content .step_txt.dan{color:#DB2120 }

.dng_table thead th{background: #F6F6F6; padding:6px; border-top: 1px solid #268B65; }
.dng_table thead th:nth-child(1){padding-left: 46px; }
.dng_table tbody th{background: #F6F6F6; padding:4px 8px;border-bottom: 1px solid #DDD; }
.dng_table tbody td{border-bottom: 1px solid #ddd; }
.dng_table tbody td:has(img){border-right: 1px solid #eee; }
.dng_table tbody td img{margin:0 auto;width: 100%; max-width: 260px;}
.dng_table tbody td h5{font-weight: 600; font-size: 17px;}
.dng_table tbody td h5 span.nor{color:#1A9F58 }
.dng_table tbody td h5 span.int{color:#00A1E9 }
.dng_table tbody td h5 span.cau{color:#EB6A01 }
.dng_table tbody td h5 span.bou{color:#F24D00 }
.dng_table tbody td h5 span.dan{color:#DB2120 }
.dng_table tbody td ul{margin-top: 8px;padding-left: 12px;}
.dng_table tbody td ol{padding-left: 28px;margin-top: 4px}
.dng_table tbody td li{margin-bottom:4px; position:relative;}
.dng_table tbody td ul > li:before{content:''; display:block;width: 3px; height:3px; background: #333; border-radius: 50%; position:absolute; top:9px; left:-12px;}
.dng_table tbody td ol > li:before{content:''; display:block;width: 6px; height:1px; background: #333; border-radius: 50%; position:absolute; top:9px; left:-16px;}
.dng_noti_tit{color:#004992; font-size: 28px; font-weight:bolder; margin-top:80px; padding-bottom:20px; border-bottom: 1px solid #ddd; }
.dng_noti_tit + .list_top {margin-top:20px;}

/*입주지원 -- 입주현황*/
.enterprise_wrap{position:absolute;; left:0; top:0; pointer-events: none;;z-index: 999;}
.enterprise_box{border: 1px solid #E5E5E5;padding: 20px 25px;width:auto;max-width: 320px; border-radius:12px;background: #fff; display: none;min-width: 260px;}
.enterprise_box.on{display:block;}
.enterprise_box .tit{font-size:18px; font-weight:bolder;border-bottom: 1px solid #eee; padding-bottom: 12px; margin-bottom: 16px;}
.enterprise_box .tit span{font-size: 15px; background:#eee;display:inline-block; padding:2px 6px; border-radius:4px;font-weight: normal; margin-right:4px;;}
.enterprise_box ul li{display:flex; flex-direction: row; column-gap:8px; line-height:1.2; margin-bottom: 8px;}
.enterprise_box ul li:last-child{margin-bottom: 0;}
.enterprise_box ul li span{display:inline-block; font-weight:700; min-width: max-content;}
.enterprise_box.enterprise_no_box{background:#f5f5f5;color:#999; }

.occup_content .db_sect .item .tit{row-gap: 4px;;}
.occup_content .db_sect .item .tit span{font-weight: normal; font-size: 15px; background:#eee; padding:2px 4px; border-radius: 4px; color:#555; min-width: 42px;}


/*******사엄소개공통 == 탭*******/
.tabb_wrap{display:flex; flex-direction:row; align-items:center;margin-top: 20px; margin-bottom: 30px;}
.tabb_wrap li{flex:1 0 0%;border-top-left-radius: 10px; border-top-right-radius:10px; border: 1px solid #ccc;}
.tabb_wrap li:has(a.on){border-bottom: 0; border-color:#268B65; margin-left: -1px; margin-right: -1px; position:relative;}
.tabb_wrap li:not(:has(a.on)){border-bottom-color:#268B65;}
.tabb_wrap li + li:not(:has(a.on)){border-left:0;}

.tabb_wrap li a{text-align: center;font-size: 17px;font-weight: 500;padding: 12px;}
.tabb_wrap li a.on{font-weight: 700;}

/*******사엄소개공통 == 테이블*******/
h6:has(+.sub_table){font-size: 17px; font-weight:bolder; margin-bottom:8px;margin-top: 20px;}
.bull1:has(+.sub_table){margin-bottom:16px;margin-top: 20px;}
.sub_table{overflow-x:auto;padding-bottom: 10px;}
.sub_table::-webkit-scrollbar{height: 8px; background:#efefef;;}
.sub_table::-webkit-scrollbar-thumb{background: #ddd;}
.sub_table table{border-top: 1px solid #268B65; min-width: 700px;}
.sub_table table tr th,
.sub_table table tr td{text-align: center; vertical-align: middle;padding:10px; word-break: keep-all;}
.sub_table table th{background:#F6F6F6;border-bottom: 1px solid #ddd; }
.sub_table table tbody th{border-right: 1px solid #ddd; }
.sub_table td{border-bottom: 1px solid #ddd; }
.sub_table td:not(:last-child){border-right:1px solid #ddd; }
.sub_table td .table_list > li{text-align: start; padding:0;padding-left: 12px;position:relative;}
.sub_table td .table_list > li:not(.star):before{content:''; display:block; width: 4px; height: 4px; background:#555; position:absolute; top:10px; left: 2px; border-radius: 50%; }
.sub_table td .table_list ol li{position:relative;padding-left: 16px;}
.sub_table td .table_list ol li:before{content:''; display:block; width: 6px; height: 1px; background:#555; position:absolute; top:10px; left: 4px; border-radius: 50%; }
.sub_table td .table_list li.star{color:#EE8216;padding-left:0;margin-top: 8px;}
.sub_table td .table_list li.star:before{content:'※';  margin-right:4px;}

/*******사엄소개공통 == 리스트*******/
.busin_intro{padding-top:8px;}
.busin_intro > li{position:relative;padding-left: 16px;margin-bottom: 6px;display:flex;flex-direction: row;;}
.busin_intro > li:before{content:''; display:block; width: 6px; height: 1px; background:#777; position:absolute; top:10px; left: 2px; }
.busin_intro > li strong{display:inline-block; margin-right:8px;min-width: max-content;}
.busin_intro > li strong:after{content:''; display:inline-block; width: 1px; height: 11px; background:#afafaf;margin-left: 8px;}

/*부산 -- 사업소개*/
.busan_content .table_box{width: calc(50% - 0.5rem); border-radius: 20px; border:1px solid #ddd; background: #fefefe; display: flex;flex-direction: column;align-items: start; text-align: start;padding-top: 15px; padding-bottom: 15px;}
.busan_content .table_box span{display:flex; flex-direction: row;padding-left: 20px; padding-right: 20px;}
.busan_content .table_box span.w-100{border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-bottom: 15px;}
.busan_content .table_box span strong{min-width: 70px; display:inline-block; margin-right: 2px;}

/*경남 -- 사업소개*/
.gynam_content .busin_intro li.flex-wrap .star{width: calc(100% - 70px); margin-left:auto;color:#EB6A01; font-size: 15px;}
.gynam_content .busin_intro > li:has(ol){margin-bottom: 12px;}
.gynam_content .busin_intro > li strong:has( +ol):after{display:none;}
.gynam_content .busin_intro > li strong + ol li:not(.star){margin-left:12px;position:relative;}
.gynam_content .busin_intro > li strong + ol li:not(.star):before{content:''; display:block; width: 3px; height: 3px; background:#666; position:absolute; top:9px; left:-8px;border-radius: 50%; }
.gynam_content .cunsosium{margin-bottom: 16px;}
.gynam_content .cunsosium ul > li{width: calc(33.33% - 0.67rem);background:#fafafa; padding: 16px 24px; border-radius: 16px;border:1px solid #eee;}
.gynam_content .cunsosium ul > li span{display:block; position:relative;padding-left: 4px;}
.gynam_content .cunsosium ul > li span:before{content:''; display:block; width: 3px; height:3px; background: #afafaf; position:absolute; top:8px; left: -2px;}
.gynam_content .cunsosium ul > li span:not(:last-child){margin-bottom: 6px;}
.gynam_content .cunsosium .star{width: 100%!important;color:#0087D1!important;}

/*마케팅지원 -- 사업소개*/
.market_content .examp{border-radius: 20px; border:1px solid #eee; padding: 30px 40px;}
.market_content .examp h6{font-size: 18px; font-weight:600; margin-bottom: 16px;}
.market_content .examp p{background: #eee; border-radius: 5px; font-weight:600; padding:4px 20px; min-width: 66px;}
.market_content .examp ul li:not(:last-child){margin-bottom: 12px; }
.market_content .examp ul li{display:flex; flex-wrap:wrap;}
.market_content .examp ul li i{ position:relative; font-style: normal;;padding-left: 52px;}
.market_content .examp ul li i:before{content:''; display:block;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.667' height='11.955'%3E%3Cg fill='none' stroke='%23707070'%3E%3Cpath d='M0 5.977h26.541M21.335.353l5.624 5.624-5.624 5.624'/%3E%3C/g%3E%3C/svg%3E"); display:inline-block;width: 28px; height: 12px;background-size:contain; position:absolute; top:50%; left:12px; transform:translateY(-50%); }

/*입주지원 -- 사업소개*/
.occup_content .int_box{font-size:clamp(17px, 3vw,20px); border:1px solid #e7e7e7; border-radius: 20px;padding: 25px 35px; word-break: keep-all;line-height: 1.8;position:relative;overflow: hidden;margin-bottom:40px}
.occup_content .int_box:after{content:''; display:block; width: 200px; height:200px; background:url(../images/ci.png) no-repeat; background-size: contain; background-position: center center; position:absolute; top: -60px; right:20px;z-index: -1; filter:grayscale(1); opacity: 0.06;}
.occup_content .int_box strong{color:#004992;}
.occup_content .th_2nd{background: #fbfbfb;}

/*입주지원 -- 임대안내*/
.rent_wrap .slick-list{margin-left: -4px; margin-right:-4px;}
.rent_wrap .slick-prev{left: 5px;z-index: 1;;}
.rent_wrap .slick-next{right: 5px;z-index: 1;;}
.rent_wrap .img_box{aspect-ratio: 3/2;padding-left: 4px; padding-right:4px;}
.rent_wrap .img_box img{object-fit: cover;;}
.rent_wrap .img_box + p{margin-top: 4px; font-weight: bold; color:#444;}
.rent_table{overflow-x: auto; padding-bottom:15px;;}
.rent_table::-webkit-scrollbar{height: 8px; background:#efefef;;}
.rent_table::-webkit-scrollbar-thumb{background: #ddd;}
.rent_table table{border-top:1px solid #1A9F58;min-width: 475px; ;}
.rent_table th,
.rent_table td{padding: 12px 20px;border-bottom:1px solid #ddd; text-align:center;}
.rent_table th{background: #F6F6F6; word-break: keep-all;}
.rent_table td{color:#707070}

/*복원력 -- 사업소개*/
.resil_step:before{content:'';display:block; width: 100%; height: 1px; background: #ccc;position:absolute; top:2rem; }
.resil_step .step{padding: 2rem 20px 0 20px; position:relative; color:#666; word-break: keep-all;}
.resil_step .step:before{content:''; display:block; width: 17px; height: 17px; background: radial-gradient(#004992 50%, #fff 50%); border:1px solid #004992; border-radius: 50%; position:absolute ;top: 0; left: 50%; transform: translateX(-50%);}
.resil_step .step:not(:last-child):after{content:''; display:block; width: 26px; height: 14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.876' height='13.754'%3E%3Cg fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m1.414 1.414 5.231 5.087-5.231 5.841M6.645 1.414l5.231 5.087-5.231 5.841'/%3E%3C/g%3E%3C/svg%3E");position:absolute; top:2px; right: -13px; opacity: 0.3; }
.resil_step .step h5{font-weight:600;margin-bottom: 8px; color:#222;}
.resil_step .step p{width: 100%; max-width: 240px; margin:0 auto;}


/*사업신청*/
.apply_sect .item{border:1px solid #e5e5e5;padding: 30px 0;border-radius:12px;position:relative;background-color: #fff; transition:background-color 0.3s;}
.apply_sect .item:not(:last-child){margin-bottom: 15px;}
.apply_sect .item .numb{display:block;padding-left: 0px; padding-right: 0px; font-size:22px; font-weight: 500; color:#ccc;min-width: 120px;text-align: center;; }
.apply_sect .item .tit{max-width: calc(100% - 500px); font-size:17px; font-weight: 600;white-space:unset!important; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.apply_sect .item .tit span{color: #004992;font-size: 16px;}
.apply_sect .item ol{column-gap:30px;padding-right: 40px; }
.apply_sect .item .date{color:#555;}
.apply_sect .item .status{color:#314E6B; background: #E8F0F9; font-weight: 600;padding: 4px 16px; border-radius:24rem; min-width: 84px; text-align:center;}
.apply_sect .item .deadline{color:#004992; font-size: 17px; letter-spacing: -1px;;font-weight:bolder; }
.apply_sect .item:has(a:hover){background-color:#fbfbfb;transition:background-color 0.3s;}

/*사업신청 상세*/
.apply_title{border-bottom: 1px solid #ccc; padding-bottom: 15px;}
.apply_title span{padding:4px 12px;color:#314E6B; background: #E8F0F9;font-weight: 600;padding: 4px 16px; border-radius:24rem; min-width: max-content;;}
.apply_title h3{font-size:19px; font-weight: 700;}
.apply_title dl{background:#fff; border:1px solid #ccc; border-radius: 17px;padding: 12px 24px; min-width: max-content;}
.apply_title dt{font-size: 14px; }
.apply_title dd{font-size: 25px; font-weight:bold; color:#52A96B; margin-bottom: -10px;;}
.apl_dtl_content .btn_wrap .goto_list.apply{color:#004992;border-color:#004992;}
.apl_dtl_content .btn_wrap .goto_list.lookup{background:#004992;border-color:#ccc;color:#fff;font-weight: bolder;}

/*사업신청 인풋*/
.apply_box{border:1px solid #ddd; padding:20px 30px;border-radius: 12px;}
.apply_box li{margin-bottom: 4px; color:#505050; }
.apply_box li:last-child{margin-bottom: 0;}
.apply_box strong{ min-width: max-content; margin-right: 8px; color:#222; }
.apply_box dl{background:#f5f5f5;border-radius: 17px;padding: 12px 24px; aspect-ratio: 1/1; height: 100%;}
.apply_box dt{font-size: 14px; }
.apply_box dd{font-size: 25px; font-weight:bold; color:#52A96B; margin-bottom: -10px;;}

.apply_input_wrap .group.col-md-6,
.apply_input_wrap .group.col-sm-6{width: calc(50% - 0.5rem)}
.apply_input_wrap .group.col-12{width:100%}

.apply_input_wrap .group label,
.apply_input_wrap .group .label{min-width: 80px; text-align: justify; text-align-last: justify;max-width: 80px;line-height: 1.2; }
.apply_input_wrap .group button{font-size: 15px;}
.apply_input_wrap .group input,
.apply_input_wrap .group button,
.apply_input_wrap .group select{border-radius:0;border-color:#ddd; }
.apply_input_wrap .group input:disabled,
.apply_input_wrap .group select:disabled{background-color:#eee; color:#555;}

.apply_input_wrap .group:has(.regNum_group){grid-template-columns:repeat(2, 1fr);width: 100%; column-gap:1rem; row-gap: 0.5rem;;}
.regNum_group{grid-template-columns: 80px auto 84px; width: 100%; column-gap:1rem;order:1;}
.regNum_group > input{width: calc(100% + 8px)}
.apply_input_wrap .group .db_check{color:#fff; background:#0087D1;font-size: 15px;text-align: center;}
.apply_input_wrap .group .db_check:disabled{border:0;}

.no_coporation{order:3;grid-column: 1/ span 2; width: calc(100% - 80px - 1rem); margin-left: auto;;}
.no_coporation input{margin-top:4px;}
.no_coporation > label{min-width: unset!important; max-width: unset!important;color:#0087d1; text-align: start!important; text-align-last: auto!important; line-height: 1.5!important;;}
.pw_group{order:2; }

.apl_adr{width: calc(100% - 80px - 1rem);}
.apl_adr .numb_address,
.apl_adr .find_address{max-width: 160px; }
.apl_adr .find_address{border:1px solid #0087D1!important; margin-right:auto;color:#0087D1;}
.apl_adr input:not(.numb_address):disabled{width:calc(45% - 0.25rem);}
.apl_adr input:not(.numb_address){width:calc(55% - 0.25rem);}
.apl_state select{max-width: 160px;}

.apl_attch{row-gap: 0.5rem!important;;}
.apl_attch .att_btn{border:1px solid #0087D1!important; color:#0087D1; width:auto;padding: 0.5rem 1.5rem; min-width: 120px!important; max-width: unset!important;;text-align: center!important; text-align-last: unset!important;cursor: pointer;}
.apl_attch .att_wrap{width:calc(100% - 80px - 1rem); margin-left: auto; padding:20px 30px;}
.apl_attch .att_wrap li:not(:last-child){margin-bottom: 4px;}
.apl_attch .att_wrap li a{word-break: break-all;}
.apl_attch .att_wrap .del_btn{width: 16px; height:16px; padding:0; border-radius: 50%; position:relative;border-color:#afafaf!important; transition:background-color 0.4s; min-width: 16px;margin-bottom: 1px;margin-left: 4px;;}
.apl_attch .att_wrap .del_btn:before,
.apl_attch .att_wrap .del_btn:after{content:''; display:block; width: 7px; height: 1px; position:absolute;top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg); background: #afafaf;}
.apl_attch .att_wrap .del_btn:after{transform:translate(-50%, -50%) rotate(-45deg); }
.apl_attch .att_wrap .del_btn:hover{background:#efefef; transition:background-color 0.4s}

/* .post_attach{border: 1px solid #ced4da; border-radius: 0.375rem; } */
.post_attach{padding:  0.75rem; position:relative; }
.post_attach .att_btn{position:absolute; top: 0.75rem; right: 0.75rem;padding:0.15rem 1rem;}
.post_attach .label{font-size: 1rem; font-weight:normal!important; width: 100%; ;}
.post_attach .label small{color:#666; display:inline-block; margin-left: 4px;}
.post_attach .label small strong{color:#003377;}
.post_attach .att_wrap{width: 100%!important;; background: #f5f5f5;}

.form_cancel{padding:10px; border:1px solid #ccc; max-width: 160px; width :100%; margin-top:20px; border-radius: 0; }
.form_save{padding:10px; border:1px solid #ccc; background:#004992; max-width: 160px; width: 100%; margin-top: 20px;; border-radius: 0; color:#fff;  }

/*사업신청 - 내역조회*/
.apply_input_wrap:has(.busi_log){margin-top:80px;}
.busi_log{width: 100%; max-width: 510px; margin:0 auto; margin-bottom: 30px;}
.busi_log .d-grid{grid-template-columns: 80px 1fr; width: 100%; grid-template-rows: 1fr auto; gap:0.5rem 1rem;}
.busi_log .d-grid div{grid-row-start: 2; grid-column: 2 / span 1;}
.busi_log .d-grid div span{color:#0087d1; font-weight:bold;}
.busi_log + .btn_wrap .goto_list.b_down{background:#004992;border-color:#ccc;color:#fff;font-weight: bolder;}

/*사업신청 내역조회 상세*/
.apply_view_wrap .regNum_group{grid-template-columns:80px 1fr; position: relative;}
.apply_view_wrap .regNum_group > input{width: 100%; padding-right: 50px;}
.no_cop_temp{font-size: 13px; background: #008A94;color:#fff;display:inline-block; position:absolute; top: 50%; right: 0.5rem ;transform: translateY(-50%); padding: 2px 8px;border-radius: 25rem;}
.apply_view_wrap .apl_state input{max-width: 160px}
.apply_view_wrap .btn_wrap .goto_list.modify{border-color:#004992;color:#004992; }


/*교육지원*/
.edu_support{column-gap:1rem; row-gap: 3rem;}
.edu_support .item{width: calc(25% - 0.75rem); position:relative;}
.edu_support .item .img_box{border-radius: 5px; width: 100%; aspect-ratio: 3/2;background-color: #eee;overflow: hidden; margin-bottom: 4px}
.edu_support .item .edu_stt{font-size: 14px; font-weight: 500; color:#fff; position:absolute; top:0; left:0;width: 80px; z-index: 2; border-top-left-radius: 5px; border-bottom-right-radius: 5px;height: 30px;display:flex; align-items:center; justify-content:center; ;}
.edu_support .item .edu_stt.acc{background: #268B65;}
.edu_support .item .edu_stt.acc:before{content:'모집중';}
.edu_support .item .edu_stt.aing{background: #0187cf;}
.edu_support .item .edu_stt.aing:before{content:'교육중'}
.edu_support .item .edu_stt.aend{background: #a0a0a0;}
.edu_support .item .edu_stt.aend:before{content:'교육종료'}
.edu_support .item .edu_stt.end{background: #a0a0a0;}
.edu_support .item .edu_stt.end:before{content:'모집마감';}
.edu_support .item .ing_bar span{min-width: 72px;font-size: 13px; font-weight:500; color:#999;}
.edu_support .item .ing_bar progress{width: 100%; height: 6px; border:0; border-radius: 35rem; overflow: hidden;}
.edu_support .item .ing_bar progress::-webkit-progress-bar{background-color: #eee;}
.edu_support .item .ing_bar progress::-webkit-progress-value{border-radius: 35rem;background-image:#268B65;}
.edu_support .item .ing_bar progress::-moz-progress-bar{border-radius: 35rem;background-image:#268B65;}
.edu_support .item .tit{margin:18px 0 12px 0;; font-weight:600; font-size: 16px; display:block; }
.edu_support .item ul li{display:flex; flex-wrap:wrap; margin-bottom: 2px; font-size: 15px; color:#555; }
.edu_support .item ul li strong{position:relative;margin-right: 16px; color:#222; min-width: 48px;text-align:justify; text-align-last:justify;}
.edu_support .item ul li strong:after{content:''; display:block ; width: 1px ; height:10px; background: #bbb;  position:absolute; top: 5px; right:-10px;}

.eduSpp_dtl_content .tit{border-bottom: 1px solid #ccc; padding-bottom: 30px; margin-top: 5px}
.eduSpp_dtl_content .tit span{padding:4px 12px;color:#314E6B; background: #E8F0F9;font-weight: 600;padding: 4px 16px; border-radius:24rem; min-width: max-content;;}
.eduSpp_dtl_content .tit h3{font-size:19px; font-weight: 700;}

.eduSpp_dtl_content .marker_grand{border-color:#d9d9d9!important; box-shadow: 2px 2px 12px rgba(0,0,0,0.2); border-radius: 8px;}
.eduSpp_dtl_content .marker_grand > div:not(:has(.div_marker)){background:unset!important; width:unset!important; height: unset!important; top:66px!important; border-top: 6px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent;}
.eduSpp_dtl_content .div_marker{width: 240px; padding: 0.5rem;}
.eduSpp_dtl_content .div_marker p{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden;
font-size: 15px; line-height: 1.25;margin-bottom: 6px;}
.eduSpp_dtl_content .div_marker a{display:inline-flex; flex-direction: row; align-items:center; gap: 4px;width: 48%;font-size: 14px;font-weight: 600; color:#555; }
.eduSpp_dtl_content .div_marker .go_kakao:before,
.eduSpp_dtl_content .div_marker .find_kakao:before{content:''; display:inline-block; width: 20px; height: 20px; 
background-repeat: no-repeat; background-size: contain;}
.eduSpp_dtl_content .div_marker .go_kakao:before{background-image: url(../images/kakao_map.png);}
.eduSpp_dtl_content .div_marker .find_kakao:before{background-image: url(../images/kakao_load.png);}




/*사이트맵*/
.site_content{border:1px solid #E9E9E9; padding:10px 30px;; border-radius: 10px; }
.site_content div{padding-top:20px;padding-bottom:20px;border-bottom: 1px dotted #ddd}
.site_content div:last-child{border-bottom: 0;;}
.site_content h5{min-width: 180px; height: 48px;font-size: 17px;font-weight:bold;background:#F1F9F7; border-radius:5px; }
.site_content ul{margin: 14px 0 0 30px; width: calc(100% - 180px);gap:1.5rem;}
.site_m2{min-width:140px; flex:1 0 0; max-width: 160px; }
.site_m2 > a{font-size: 17px; font-weight:600;position:relative;padding-left: 8px;margin-bottom: 12px; transition:all 0.5s 0.1s;}
.site_m2 > a:before{content:''; display:block; width:4px; height:4px; background:#bbb; border-radius: 50%; position:absolute; top:9px; left:0; transition:all 0.5s 0.1s;}
.site_m3 a{font-size:15px; color:#999; margin-bottom: 4px; position:relative; padding-left:10px;  transition:all 0.5s 0.1s;}
.site_m3 a:before{content:''; display:block; width: 6px; height: 1px ; background:#999; position:absolute; top:9px; left:0; }
.site_m3 span{display: block;}
.site_m3 span:last-child{margin-bottom: 8px;}
.site_m3 span a{padding-left:24px;font-size: 14px; }
.site_m3 span a:before{left: 14px;}

.site_m2 > a:hover,
.site_m2 > a:has(+ ol .site_m3 a:hover){color:#008A94; transition:all 0.5s 0.1s;}
.site_m2 > a:hover:before,
.site_m2 > a:has(+ ol .site_m3 a:hover):before{background:#008A94; transition:all 0.5s 0.1s;}
.site_m3 a:hover,.site_m3 a:has(~ span a:hover),
.site_m3 span a:hover{color:#222;font-weight:500; transition:all 0.5s 0.1s;} 

/*검색결과없음*/
.no_result{background: #fafafa; border:1px solid #e5e5e5; border-radius: 20px; display:flex; flex-direction: column; justify-content:center; align-items: center; padding: 1.5rem; min-height: 460px;;}
.no_result h5{margin-bottom: 1rem; font-size: clamp(20px,3vw,24px);font-weight: bold;position: relative;padding-top: 70px;}
.no_result h5:before{content:''; display:block; width: 56px; height: 56px; border-radius: 50%; background-color: #f1f1f1;; position:absolute; top:0; left: 50%; transform:translateX(-50%);border: 1px solid #ddd; }
.no_result h5:after{content:''; display:block; width: 56px; height: 56px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='25'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h8v25H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg style='clip-path:url(%23a)'%3E%3Cpath d='M0 0h8v25H0z' style='fill:transparent'/%3E%3Cpath d='M2.8-4.7 1.428-17.724a2.115 2.115 0 0 1 .14-1.022 2.419 2.419 0 0 1 .574-.854 2.824 2.824 0 0 1 .882-.574 2.739 2.739 0 0 1 1.064-.21 2.739 2.739 0 0 1 1.064.21 2.824 2.824 0 0 1 .882.574 2.419 2.419 0 0 1 .574.854 2.115 2.115 0 0 1 .14 1.022L5.376-4.7ZM1.428-.028a2.568 2.568 0 0 1 .21-1.022 2.7 2.7 0 0 1 .574-.85 2.743 2.743 0 0 1 .84-.574 2.538 2.538 0 0 1 1.036-.21 2.568 2.568 0 0 1 1.022.21 2.7 2.7 0 0 1 .854.574 2.7 2.7 0 0 1 .574.854 2.568 2.568 0 0 1 .21 1.022 2.538 2.538 0 0 1-.21 1.036 2.743 2.743 0 0 1-.574.84 2.7 2.7 0 0 1-.854.574 2.568 2.568 0 0 1-1.022.21 2.538 2.538 0 0 1-1.036-.21 2.743 2.743 0 0 1-.84-.574 2.743 2.743 0 0 1-.574-.84 2.538 2.538 0 0 1-.21-1.04Z' style='fill:%23707070' transform='translate(0 21)'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat; background-position: center center; position:absolute; top:50%; left: 50%; transform: translate(calc(-50% + 0.5px), calc(-50% - 19.5px))}
.no_result *{text-align: center;}


/*주요시설--이미지맵*/
.facci_map{}
.imgCaro_modal .modal-title{font-size: 16px; font-weight:600;}
.imgCaro_modal .modal-body{padding: 0.75rem;}
.imgCaro_modal .facci_list .img_box{width: 100%; height: 100%; aspect-ratio: 3/2 ;}
.imgCaro_modal .facci_list .img_box img{width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.imgCaro_modal .slick-prev{left: 0.5rem;z-index: 1;}
.imgCaro_modal .slick-next{right: 0.5rem;z-index: 1;}
.imgCaro_modal .slick-dotted.slick-slider{margin-bottom: 0;}
.imgCaro_modal .slick-dots{bottom: 15px; }
.imgCaro_modal .slick-dots li{margin:0; }
.imgCaro_modal .slick-dots li button:before{color:#fff; opacity: 0.5;}
.imgCaro_modal .slick-dots li.slick-active button:before{opacity: 1;;}


/*스미싱메세지유형-리스트*/
.smiss_sect .item .numb,
.smiss_sect .item .hits,
.smiss_sect .item .writ,
.smiss_sect .item .date span{display:none; }
.smiss_sect .item{width: 80%; background:#efefef; padding: 30px;position:relative; margin-top: 60px; border-radius: 32px; border:0; }
.smiss_sect .item:after{content:''; display:block ;width: 18px; height: 23px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.13 22.38'%3E%3Cpath d='M9.53.56c-.46-.94-1.88-.62-1.88.43v2.96c0 2.89-.57 5.74-1.7 8.4-1.29 3.02-3.23 6.84-5.44 8.94-.71.68-.5 1.17.48 1.09 3.72-.32 13.06-1.07 15.94-5.25.22-.32.27-.73.1-1.08L9.53.56Z' style='fill:%23efefef'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-size: contain; background-position: center center;  position:absolute; bottom:0; left:-6px;;}
.smiss_sect .item a{width: 100%; }
.smiss_sect .item .date{position:absolute; top: -30px;left:62.5% ; transform: translateX(-50%);}
.smiss_sect .item .titl{height: auto; -webkit-line-clamp:unset; display:inline-block!important; text-overflow: unset!important; overflow:unset!important; width: auto; line-height: 1.75; 
text-decoration: underline; text-decoration-color:transparent;word-break: keep-all;}
.smiss_sect .item:has(a:hover){background:#efefef;  }
.smiss_sect .item a:hover .titl{ transition: all 0.5s; text-underline-position:under; text-decoration-color:#c1c1c1; }

/*게시판 뷰 -- 링크*/

.noti_cont a[data-fr-linked]{word-break: break-all;}
.noti_cont:has(.gotoForm){position: relative; }
.gotoForm{position:absolute; bottom: 10px; left: 50%; transform: translateX(-50%); width: 100%;  max-width: 160px;; }
.gotoForm a{margin: 0 auto; width: 100%;color:#fff; background:#2167BC; border-radius: 25rem;text-align: center;padding: 6px; font-weight: 700;  position:relative; }
.gotoForm a:before,
.gotoForm a:after{content:''; display: block; position:absolute; top: 50%;right: 34px;opacity: 0;transition: opacity 0.3s;visibility: hidden}
.gotoForm a:before{ width:11px; height: 1px; background:#fff; transform: translateY(-50%)}
.gotoForm a:after{width: 7px; height: 7px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: translateY(-50%) rotate(45deg)}
.gotoForm a:hover:before,
.gotoForm a:hover:after{opacity: 1; transition: opacity 0.3s;visibility:visible;}


/*추진체계*/
.prop_content .logo_wrap{padding:30px; border: 5px solid #F5F5F5; border-radius: 20px; gap: 20px;position:relative; margin-bottom: 160px;}
.prop_content .logo_wrap .img_box{height: 40px;}
.prop_content .logo_wrap:after{content:''; display:block;width:80px; height: 90px; position:absolute; bottom:-120px;; left: 50%; transform: translateX(-50%) rotate(90deg); background-image: url(../images/arr_big_g.png);background-repeat: no-repeat; background-size: contain; background-position:center center; }

.prop_spe{font-size:24px; font-weight: 800; color:#fff; display:flex; flex-direction: row; ; }
.prop_spe li{border-radius: 30rem; padding:40px 80px; display:flex; flex-direction: column ; align-items: center;justify-content: center;line-height: 1.2;opacity: 0.8; ;text-align: center; word-break: keep-all;}
.prop_spe li:nth-child(1){background:linear-gradient(45deg,#0187D0 ,#1E94AB);width: calc(33.3% + 60px);}
.prop_spe li:nth-child(2){background:linear-gradient(45deg,#1E94AB, #4DA872); margin-left: -60px; margin-right: -60px;  width: calc(33.3% + 60px);}
.prop_spe li:nth-child(3){background:linear-gradient(45deg,#4DA872, #93B549);width: calc(33.3% + 60px);}

.prop_content .box_wrap{background: linear-gradient(to bottom, #F1F5F9 40%,rgba(0,0,0,0.0) 70% ); padding: 33px;border-radius:20px; margin-top: 40px}
.prop_content .box{border:5px solid #F5F5F5; background: #fff;;padding: 20px; max-width: 400px;border-radius: 20px;width: 100%;  position: relative;;}
.prop_content .box h2{font-size: 24px; font-weight: 800; color:#222; text-align: center;}
.prop_content .box h2 small{font-size: 16px; font-weight: 300; color:#767676; }
.prop_content .box h2 .img_box{height: 32px;margin-top: 8px; margin-bottom: 14px;}
.prop_content .box ul{border: 1px solid #EEEEEE; background: #FBFBFB; border-radius: 9px; padding:23px clamp(30px,2vw, 40px);}
.prop_content .box ul li{position:relative; padding-left: 8px; margin-bottom: 8px;;}
.prop_content .box ul li:last-child{margin-bottom:0;}
.prop_content .box ul li:before{content:""; display:block ; width: 3px; height: 3px; background:#434483; border-radius: 50%; position: absolute; top: 8px; left:0; }
.prop_content .list2 .box{width: 38%; max-width: unset; ;}

.prop_content .list2:after{content:''; display:block ;width: 1px; height: calc(100% + 3.75rem); background: #ddd;position:absolute; top: -0.75rem;  left: 50%; transform: translateX(-50%); }
.prop_content .list2 .box:after{content:''; display:block ;width: 7px; height: 7px; background: #ddd;position:absolute; top: 120px;  border-radius: 50%;}
.prop_content .list2 .box:nth-child(1):after{right: -30px;;}
.prop_content .list2 .box:nth-child(2):after{left: -30px;}
.prop_content .list2 .box:before{content:''; display: block; width:20%; height: calc(120px + 1.5rem); border-bottom: 1px solid #ddd; position:absolute ; top: -1.25rem;}
.prop_content .list2 .box:nth-child(1):before{right:calc(-20% - 30px); border-right: 1px solid #ddd; ;}
.prop_content .list2 .box:nth-child(2):before{left:calc(-20% - 30px); border-left: 1px solid #ddd;}


.prop_content .list3{margin-left: -33px; margin-right: -33px; width:calc(100% + 66px); position: relative;}
.prop_content .list3:before{content:''; display:block; width: calc(66% + 0.75rem );height: 1px; background: #ddd; position:absolute; top:0; left: 50%; transform: translateX(-50%);}
.prop_content .list3 .box:before{content:''; display: block; width: 7px; height: 7px;background: #ddd; border-radius: 50%; position: absolute; top: calc(-2rem);left: 50%; transform: translateX(-50%);}


.prop_goal{background: url(../images/prop_bg.png) no-repeat; background-size: cover; background-position: center center;padding: 30px; border-radius: 20px;display: flex; flex-direction: column; justify-content: center; align-items: center; word-break:keep-all; min-height: 120px;;font-size: 28px; font-weight: 800;letter-spacing: 1px;color:#fff;position: relative; margin-top: 120px;;}
.prop_goal:before{content:''; display:block;width:80px; height: 90px; position:absolute; top:-120px;; left: 50%; transform: translateX(-50%) rotate(90deg); background-image: url(../images/arr_big_g.png);background-repeat: no-repeat; background-size: contain; background-position:center center; }






@media screen and (max-width:1300px){
    /*정보보호컨설팅 ++ 취약점*/
    .weak_conts .surv_stage ul{flex-wrap: wrap!important;row-gap: 60px;;}
    .weak_conts .surv_stage ul > li{width: 45%; }
    .weak_conts .surv_stage ul > li:nth-child(2){margin-right: auto; }
    .weak_conts .surv_stage ul > li:nth-child(3){margin-left: auto; }

    
    /*부산-- 사업소개*/
    .busan_content .table_box{width: 100%; }

    /*교육지원*/
    .edu_support .item{width:calc(33.3% - 0.66rem)}

    /*주요시설 - 7층&8층*/
    .faci_wrap .item{display:flex!important; flex-direction: column;}
    .faci_wrap .item .tit{text-align: center;}
    .faci_wrap .item .img_box{max-width:300px;margin: 0 auto 10px auto;;;}
    .faci_wrap .item ul{padding-right: 0;;}

    /*주요시설 - 장비예약 input*/
    .date_group .date_item{width: 30%; }
    
    /*추진체계*/
    .prop_content .logo_wrap{margin-bottom: 120px;}
    .prop_content .logo_wrap:after{bottom: -110px}

    .prop_spe{font-size: 20px; }
    .prop_spe li{padding: 28px 60px; }
    
    
    
}

@media (min-width:1024px) and (max-width:1300px){

    /*사이트맵*/
    .site_content div{flex-direction: column!important;}
    .site_content ul{width: 100%; margin-left:0;}

    /*주요시설 - 시설및장비예약*/
    .book_wrap .item{flex-wrap:wrap;}
    .book_wrap .item .info_wrap{width: calc(100% - 320px)}
    .book_wrap .item .btn_wrap{width: 100%; max-width: unset;}
    .book_wrap .item .btn_wrap div{border-left:0!important; border-top:1px solid #ccc;flex-direction: row!important;padding:0.5rem;}
    .book_wrap .item .btn_wrap div a,
    .book_wrap .item .btn_wrap div button{width: 50%; max-width: 240px; }
    
    /*갤러리 게시판*/
    .gallery_sect .item{width:calc(50% - 0.5rem)}
    .thumnailAttach .thumb_list .item{width: calc(33.3% - 0.666rem)}
    
    /*추진체계*/
    .prop_content .logo_wrap .img_box{height: 34px;}

    .prop_content .box_wrap{background:linear-gradient(to bottom, #F1F5F9 30%,rgba(0,0,0,0.0) 52% )}
    .prop_content .list2 .box{width: 46%; }
    .prop_content .list2 .box:before{display: none;;}
    .prop_content .list2 .box:nth-child(1):after{right: -7%}
    .prop_content .list2 .box:nth-child(2):after{left: -7%;}
    

    
}

@media (min-width:1024px) and (max-width:1200px){
    .hire_sect .item{width: calc(50% - 10px); }
    
    .broc_area .item{grid-template-columns: 150px 1fr;padding-right: 15px;}
    .broc_area .item .tit{-webkit-line-clamp: 2; height: 44px;margin-bottom: 20px;font-size: 17px; }
    .broc_area .item .des{line-height: 1.25; font-size: 15px;}
    .broc_area .item a{margin-bottom:0;}

    /*ci안내*/
    .cicol ul{width: calc(50% - 0.5rem);}

    /*사업신청*/
    .apply_sect .item{display:grid!important; grid-template-columns: 80px 1fr;}
    .apply_sect .item .numb{grid-row:1 / span 2; min-width: 80px;}
    .apply_sect .item .tit{width: 100%; max-width: unset;padding-right: 40px}
    .apply_sect .item .tit span{font-size: 14px;}
    .apply_sect .item ol{margin-right: auto;margin-left: 0!important;justify-content:space-between!important;;width: 100%; }
    .apply_sect .item .date{display:flex;  column-gap: 8px; font-size: 15px; }
    .apply_sect .item .date dl:last-child:before{content:'~'; display:inline-block;margin-right: 8px;}
    .apply_sect .item .date dt{display:none;}
    .apply_sect .item .status{position:absolute; top:20px; right:40px; font-size: 14px;}

    /*복원력 -- 사업소개*/
    .resil_step .step{width: 50%; }
    .resil_step .step:nth-last-child(-n+2){margin-top: 60px; border-top:1px solid #ccc; padding-top: 2rem;}
    .resil_step .step:nth-last-child(-n+2):before{top:-8px;}
    .resil_step .step:nth-last-child(-n+2):after{top:-7px}
    .resil_step .step:nth-child(2):after{width: 13px;right:0; }
    .resil_step .step:nth-child(3):after{width: 13px; right:unset; left:0;}
    .resil_step .step:nth-child(4):after{content:''; display:block; width: 26px; height: 14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.876' height='13.754'%3E%3Cg fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m1.414 1.414 5.231 5.087-5.231 5.841M6.645 1.414l5.231 5.087-5.231 5.841'/%3E%3C/g%3E%3C/svg%3E");position:absolute; opacity: 0.3; left:-13px;}

    /*경남 -- 사업소개*/
    .gynam_content .cunsosium ul > li{width: calc(50% - 0.5rem); }
    
    /*비전*/
    .vv_box .spc_ind .img_box{aspect-ratio: 3/2.5;}
    .vv_box .push_ahead div{width: calc(50% - 0.75rem)}

    

    
}






@media screen and (max-width:1024px){
    
}

@media screen and (max-width:991px){
    .hire_sect .item{width: calc(50% - 10px); }
    .weak_conts li:not(:first-child):after{left: -13%;}

    /*ci안내*/
    .symbol .tit{width: calc(40% - 180px);}
    .symbol li:has(img){min-width: 180px;}
    .cicol ul{width: calc(50% - 0.5rem);}

    /*사이트맵*/
    .site_content h5{min-width: 130px;}
    .site_content ul{width: calc(100% - 130px)}
    .site_m2{max-width: 170px;}

    /*주요시설 - 시설및장비예약*/
    .book_wrap .item{flex-wrap:wrap;}
    .book_wrap .item .info_wrap{width: calc(100% - 320px)}
    .book_wrap .item .btn_wrap{width: 100%; max-width: unset;}
    .book_wrap .item .btn_wrap div{border-left:0!important; border-top:1px solid #ccc;flex-direction: row!important;padding:0.5rem;}
    .book_wrap .item .btn_wrap div a,
    .book_wrap .item .btn_wrap div button{width: 50%; max-width: 240px; }
    .booking_info_content:not(:has(.resv_view_wrap)) .group:first-child{width: calc(45% - 0.5rem)!important;}
    .booking_info_content:not(:has(.resv_view_wrap)) .group:has(.regNum_group){width:calc(55% - 0.5rem)!important; }
    
    /*비전*/
    .vision_box:before{top: 44%;}
    .vv_box .push_ahead div{width: calc(25% - 0.75rem)}
    .vision_box .mission h4,
    .vision_box .vission h4{margin-bottom: 20px;}
    
    
    /*추진체계*/
    .prop_content .logo_wrap .img_box{height: 34px;}

    .prop_content .box_wrap{background:linear-gradient(to bottom, #F1F5F9 30%,rgba(0,0,0,0.0) 52% )}
    .prop_content .list2 .box{width: 46%; }
    .prop_content .list2 .box:before{display: none;;}
    .prop_content .list2 .box:nth-child(1):after{right: -7%}
    .prop_content .list2 .box:nth-child(2):after{left: -7%;}
    
}

@media (min-width:767px) and (max-width:991px){
    .broc_area .item{grid-template-columns: 150px 1fr;padding-right: 15px;}
    .broc_area .item .tit{-webkit-line-clamp: 2; height: 44px;margin-bottom: 20px;font-size: 17px; }
    .broc_area .item .des{line-height: 1.25; font-size: 15px;}
    .broc_area .item a{margin-bottom:0;}
}
@media screen and (max-width:820px) {
    
    /*사업신청*/
    .apply_sect .item{display:grid!important; grid-template-columns: 80px 1fr;}
    .apply_sect .item .numb{grid-row:1 / span 2; min-width: 80px;}
    .apply_sect .item .tit{width: 100%; max-width: unset;padding-right: 40px; margin-bottom: 4px;}
    .apply_sect .item .tit span{font-size: 14px;}
    .apply_sect .item ol{margin-right: auto;margin-left: 0!important;justify-content:space-between!important;;width: 100%; }
    .apply_sect .item .date{display:flex;  column-gap: 8px; font-size: 15px; }
    .apply_sect .item .date dl:last-child:before{content:'~'; display:inline-block;margin-right: 8px;}
    .apply_sect .item .date dt{display:none;}
    .apply_sect .item .status{position:absolute; top:30px; right:40px; font-size: 14px;padding: 0; min-width: 65px;}
    
    /*비전*/
    .vv_box .push_ahead div{width: calc(50% - 0.5rem)}
    
    
    
}


@media screen and (max-width:767px){
    /*게시물상세 == 이전글 다음글*/
    .post_direc dt{min-width: 100px;}
    .post_direc dd{width: calc(100% - 100px);}

    /*첨부파일*/
    .attach_conts ul{margin-top: 8px;}
    
    /*공지사항*/
    .noti_sect .item .titl{width: 100%; }

    /*공지사항 상세*/
    
    .noti_dtl_sect .noti_cont{padding: 40px 1rem;}

    /*정보보호컨설팅*/
    .surv_content .box{grid-template-columns: 170px 1fr;;}
    .surv_stage li .img_box{width: 100%; height: 64px; max-width: 160px;}
    .surv_stage .step_dtl{max-width: 160px;}
    .weak_conts .surv_stage ul > li{width: 100%; }
    .weak_conts .surv_stage ul > li:not(:first-child):after{transform: translate(-50%, 0) rotate(90deg); top: -40px; left: 50%; }

    /*홍보자료*/
    .broc_area{row-gap:30px;}
    .broc_area .item{width: 100%; }

    /*비전및 목표*/
	.vv_box .spc_ind{gap:15px;}
    .vv_box .spc_ind li{width: calc(33.3% - 5px)}
    .vv_box .spc_ind .img_box{aspect-ratio: 3/2.5;}

    /*ci안내*/
    .ci_content .info{grid-template-columns: 170px 1fr;}
    .ci_content ol{grid-template-columns:1fr 180px; grid-template-rows:auto 1fr;}
    .symbol .tit,
    .symbol .desc{width: 100%; }
    .symbol li:has(img){grid-row: 1 /span 2 ; grid-column:2; width:100%; }
    .signit .img_box{padding: 16px 32px; }
    .cicol ul{padding:20px;}

    /*기업DB*/
    .db_sect .item{width: 100%; }

    /*복원력 -- 사업소개*/
    .resil_step .step{width: 50%; }
    .resil_step .step:nth-last-child(-n+2){margin-top: 60px; border-top:1px solid #ccc; padding-top: 2rem;}
    .resil_step .step:nth-last-child(-n+2):before{top:-8px;}
    .resil_step .step:nth-last-child(-n+2):after{top:-7px}
    .resil_step .step:nth-child(2):after{width: 13px;right:0; }
    .resil_step .step:nth-child(3):after{width: 13px; right:unset; left:0;}
    .resil_step .step:nth-child(4):after{content:''; display:block; width: 26px; height: 14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.876' height='13.754'%3E%3Cg fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m1.414 1.414 5.231 5.087-5.231 5.841M6.645 1.414l5.231 5.087-5.231 5.841'/%3E%3C/g%3E%3C/svg%3E");position:absolute; opacity: 0.3; left:-13px;}

    /*경남 -- 사업소개*/
    .gynam_content .cunsosium ul > li{width: calc(50% - 0.5rem); }

    /*교육지원*/
    .edu_support .item{width:calc(50% - 0.5rem)}

    /*사이트맵*/
    .site_content div{flex-direction: column!important;}
    .site_content ul{width: 100%; margin-left:0;}
    .site_m2{flex: 0 0 auto; min-width: unset; max-width:unset;  width: calc(33.333% - 1rem); ;}

    /*사업신청 인풋*/
    .apply_input_wrap .group.col-md-6{width:100%;}
    .apply_input_wrap .group:has(.regNum_group){display:flex!important;flex-direction: column; gap: 1rem;}
    .no_coporation{order:2;}
    .pw_group{order:3;width: 100%; }

    /*주요시설 - 시설및장비예약*/
    .book_wrap .item{border-radius: 6px;}
    .book_wrap .item .img_box{width: 260px;border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;;margin-bottom: 1rem;}
    .book_wrap .item .info_wrap{width: calc(100% - 260px)}
    .book_wrap .item .btn_wrap div *{font-size: 14px;}
    
    
    /*주요시설 - 장비설명*/
    .howtouse_info dl:not(:last-child){border-right:0;}
    
    /*주요시설 - 장비예약 input*/
    .date_group .date_item{width: calc(50% - 0.5rem); }
    .booking_info_content .group .regNum_group{grid-template-columns: 70px auto;}
    .booking_info_content .group:first-child,
    .booking_info_content:not(:has(.resv_view_wrap)) .group:first-child,
    .booking_info_content:not(:has(.resv_view_wrap)) .group:has(.regNum_group){width:100%!important; }
    .booking_info_content:not(:has(.resv_view_wrap)) .group:has(.regNum_group){gap:0.5rem!important;}
    .booking_info_content:not(:has(.resv_view_wrap)) .group .no_coporation,
    .date_group{width: calc(100% - 70px - 1rem)}
    
    /*갤러리 게시판*/
    .gallery_sect .item{width:calc(50% - 0.5rem)}
    .thumnailAttach .thumb_list .item{width: calc(33.3% - 0.666rem)}
    
    
    /*스미싱메세지유형-리스트*/
    .smiss_sect .item{width: 94%;}
    .smiss_sect .item .titl{font-size: 16px; line-height: 1.6}
    .smiss_sect .item .date{left: 53%; }
    
    
    /*추진체계*/
    .prop_content .box_wrap > .box:after{content:""; display:block; width: 1px; height: 3rem; position: absolute ; bottom: -3.5rem; left: 50%; transform:translateX(-50%); background: #ddd;}

    .prop_content .list2:after{z-index: -1;;}
    .prop_content .list2 .box{width: 100%; max-width: 400px;margin: 0 auto;}
    .prop_content .list2 .box:nth-child(1){margin-bottom: 10px;}
    .prop_content .list2 .box:after{display: none;;}

    .prop_content .list3:before{width: calc(50% + 1rem)}
    .prop_content .list3 .box{width: calc(50% - 0.5rem); }
    .prop_content .list3 .box:nth-child(3):before{display: none;;}
    
    
    
    

}
@media screen and (max-width:670px){
    /*주요시설 - 시설및장비예약*/
    .book_wrap .item{flex-direction: column!important;;}
    .book_wrap .item .img_box,
    .book_wrap .item .info_wrap{width: 100%; max-width: unset; min-width:unset;}
    .book_wrap .item .info_wrap{padding-top:0!important; }
    .book_wrap .item ol,
    .book_wrap .item .status_label{margin-top:0.75rem!important;}
    
    /*추진체계*/
    .prop_spe{flex-direction: column;}
    .prop_spe li{width: 100%!important; margin:4px 0!important; }
    .prop_content .list3{padding-top:0!important; }
    .prop_content .list3 .box{width:100% ; margin: 0 auto;}
    .prop_content .list3 .box:before{top:-5px;}
    .prop_content .list3 .box:not(:first-child):before{display: none;;}

}

@media screen and (max-width:575px){
    /*******사엄소개공통 == 탭*******/
    .tabb_wrap li a{font-size: 15px;padding: 12px 4px}


    /*게시물및검색*/
    .list_top > div{width: 100%; max-width :calc(362px + 0.25rem);position:relative;}
    .list_top .input-group{max-width: 420px;}
    .list_top input{padding-right: 40px;border-top-right-radius:0.375rem!important;; border-bottom-right-radius:0.375rem!important;; }
    .list_top button{background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 26 26'  %3E%3Cpath fill='%23004992' d='m25.648 23.591-4.924-4.909a11.47 11.47 0 0 0 2.447-7.1 11.586 11.586 0 1 0-11.585 11.589 11.47 11.47 0 0 0 7.1-2.447l4.909 4.924a1.454 1.454 0 1 0 2.056-2.056ZM2.9 11.586a8.689 8.689 0 1 1 8.689 8.689A8.689 8.689 0 0 1 2.9 11.586Z'/%3E%3C/svg%3E") no-repeat; width: 26px; height: 26px; min-width: 26px; position:absolute; top:50%; right:10px; transform:translateY(-50%);background-position:center center;z-index: 6;;}

    .list_top.top2 > div{width: 100%; max-width :calc(462px + 0.25rem);position:relative;}
    .list_top.top2 .input-group{max-width: 470px;}

    /*첨부파일*/
    .attach_conts h6{min-width:100px; }

    /*페이지네이션*/
    .pagination .page-item{min-width: 22px; height:22px; width: 22px; ;}
    .pagination .page-item a{padding-top:0;}
    .pagination .page_arr:has(.last):before{transform:translate(calc(-50% + 4px), calc(-50% - 2px)) rotate(-135deg);}
    .pagination .page_arr:has(.last):after{transform:translate(calc(-50% + 4px), calc(-50% + 2px)) rotate(135deg);}

    /*상세페이지 테이블*/
    .dtl_table table{border-bottom: 1px solid #ccc;padding:12px 16px; display:flex; ;}
    .dtl_table table colgroup{display:none;}
    .dtl_table table tbody{width: 100%; }
    .dtl_table table tr{display:flex; width: 100%; flex-wrap:wrap;}
    .dtl_table table th,
    .dtl_table table td{padding:4px 0; border-bottom:0;}
    .dtl_table table th{background:transparent;min-width: 60px;}
    .dtl_table table td{width: calc(100% - 60px);}
    .dtl_table table td .map_area{height: 210px; margin-top: 30px!important; }

    /*채용공고*/
    .hire_sect{row-gap: 15px;;}
    .hire_sect .item{width: 100%;}
    .hire_sect .item a .name{font-size: 14px; }
    .hire_sect .item a .title{height: auto;}
    .hire_sect .item a .title span{font-size: 16px; }
    

    /*공지사항*/
    .noti_sect .item{flex-wrap:wrap;padding: 20px;}
    .noti_sect .item .numb{width: 100%; text-align: left;font-size:18px;}
    .noti_sect .item a{width: 100%; }
    .noti_sect .item .attach_file{top:20px; transform: translateX(0); right: 20px; background-color:transparent; border:0;}

    /*공지사항 상세*/
    .noti_dtl_sect .title_wrap h3{font-size: 20px;}

    /*정보보호컨설팅*/
    .surv_content .box{flex-direction: column; justify-content: center ; align-items: center;}
    .surv_content dl, .surv_stage{margin-top: 40px;}
    .surv_stage ul{row-gap: 60px;}
    .surv_stage ul > li{width: 100%; }
    .surv_stage ul > li:not(:first-child):after{transform: translate(-50%, 0) rotate(90deg); top: -40px; left: 50%; }
    .surv_stage .step_dtl{width: 100%; }

    /*정보보호컨설팅 ++ 취약점*/
    .weak_conts .surv_stage ul > li:nth-child(2),
    .weak_conts .surv_stage ul > li:nth-child(3){margin-right: 0; margin-left: 0;}
    
    /*오시는길*/
    .come_load dt,
    .come_load dd{width: 100%; text-align: center;}
    .come_load dd{margin-top: 4px; line-height: 1.4;}
    .map_link{column-gap:25px;}
    
    /*홍보자료*/
    .yout_area{row-gap: 20px;;}
    .yout_area .box:has(+ .yout_list), .yout_list{width: 100%;}
    .yout_list{ max-width:545px;overflow-y:hidden; height: auto; padding-top:unset;}
    .yout_list::-webkit-scrollbar{height: 4px; }
    .yout_list ul{position:unset; overflow-x: auto;}
    .yout_list li{min-width: 200px;;}
    
    .broc_area .item{grid-template-columns: 150px 1fr}

    /*비전및 목표*/
	.vision_box > div{padding-top: 40px;}
	.vision_box .mission h4, .vision_box .vission h4{margin-bottom: 8px;}
    .vision_box .mission:before,
    .vision_box .vission:before{font-size: clamp(60px, 15vw,80px);top: -50%;}
    .vv_box .spc_ind{gap:30px;}
    .vv_box .spc_ind li{width: 100%; }
    .vv_box .spc_ind .img_box{aspect-ratio: 3/1.5;}
    .vv_box .push_ahead div{width:100%}

    /*ci안내*/
    .ci_content ol{grid-template-columns:1fr 120px; }
    .symbol li:has(img){ min-width:unset; }
    .symbol li:has(img) img{width: 100%; height: 100%; object-fit: contain;}
    .signit li, .cicol ul{width: 100%; }

    /*주요시설 - 7층&8층*/
    .vr_link{bottom: -2.5rem; right:0;font-size: 13px;}
    .faci_wrap{margin-top: 50px;}
    .faci_wrap .item{width: 100%; }
    
    /*장비 상세보기*/
    .booking_info_content .item .img_box .cate{top:0;}
    .howtouse_info{padding: 1rem; }
    .howtouse_info dl{padding:0.5rem;}
    .booking_info_content .group .regNum_group{grid-template-columns: 70px auto!important;;}

    /*경보단계*/
    .dng_content > h3 img{width: 44px; }
    .dng_table table colgroup,
    .dng_table table thead{display:none;}
    .dng_table table tbody{border-top: 1px solid #268B65;}
    .dng_table table tbody tr{display:flex; position:relative;flex-direction: column; ;}
    .dng_table table tbody th{width: 100%;}
    .dng_table table tbody td:first-child{border-right:0;border-bottom: 0; }
    .dng_table tbody td:has(img){border-right:0;border-bottom:0;}

    /*사업신청_상세*/
    .apply_title{position:relative;}
    .apply_title span{position:absolute; top:0; left:0; font-size: 14px;}
    .apply_title h3{margin-top: 40px;}
    .apply_title dl{position:absolute; top:0; right:0 ; padding-top:0; padding-bottom:0;;}
    .apply_title dd{margin: 0 0 0 4px; font-size: 19px;}
    .apl_dtl_content .btn_wrap{flex-wrap: wrap;}
    .apl_dtl_content .goto_list{max-width: unset; width: calc(50% - 0.13rem)}
    .apl_dtl_content .goto_list.order-3{width: 100%;margin-top:0; }

    /*사업신청 인풋*/
    .apply_box > *{width: 100%; }
    .apply_box dl{margin-top:10px; aspect-ratio: unset;;}
    .apply_box dd{margin-bottom: 0; margin-left: 10px;;}
    .apply_input_wrap .group label, .apply_input_wrap .group .label{min-width: 70px; max-width: 70px;;}
    .apply_input_wrap .group.col-sm-6{width: 100%; }
    .apl_adr input:not(.numb_address){width: 100%!important; }
    .regNum_group{grid-template-columns:70px 1fr 84px}
    .apl_attch .att_wrap{width: calc(100% - 70px - 1rem) ; padding: 10px 15px;}
    .form_cancel, .form_save{width: calc(50% - 0.25rem); max-width: unset;}
    
    .post_attach .label small{display:block; margin-left: 0;}
    .post_attach .att_btn{font-size:14px; }

    /*사업신청 내역조회*/
    .apply_input_wrap:has(.busi_log){margin-top: 50px; }
    .busi_log{margin-bottom: 10px;}
    .busi_log + .btn_wrap .goto_list{width: calc(50% - 0.25rem); max-width: unset;}

    /*사업신청 내역조회 상세*/
    .apply_view_wrap .regNum_group{grid-template-columns: 70px 1fr;}
    

    /*복원력 -- 사업소개*/
    .resil_step:before{width: 1px; height:100%; margin-left:30px;top:0;}
    .resil_step .step{border-top:0!important; margin-bottom: 30px;padding:17px 0 0 50px;width: 100%; }
    .resil_step .step:before{left:23px; transform: translateX(0);top: 20px;}
    .resil_step .step:nth-last-child(-n+2){margin-top:0;padding-top:17px;}
    .resil_step .step:nth-last-child(-n+2):before{top:20px;}
    .resil_step .step:not(:last-child):after{width: 13px;right:unset; left: 24px;top:unset; bottom:-30px;transform:rotate(90deg);animation: step_arr 1s ease infinite alternate forwards;}
    .resil_step .step:last-child:after{display: none;;}
    .resil_step .step h5{font-size: 18px;}
    .resil_step .step p{max-width:unset;}
    
    @keyframes step_arr {
        0%{bottom:-30px}
        100%{bottom: -24px}
    }

    /*경남 -- 사업소개*/
    .gynam_content .cunsosium ul > li{width: 100% }

    /*교육지원*/
    .edu_support .item{width:100%}
    .eduSpp_dtl_content .tit{position:relative;margin-bottom:0; padding-bottom: 15px; }
    .eduSpp_dtl_content .tit span{position:absolute; top:0; left:0; font-size: 14px;}
    .eduSpp_dtl_content .tit h3{margin-top: 40px;}
    .eduSpp_dtl_content .map_area{height: 210px;}

    /*사이트맵*/
    .site_m2{width: calc(50% - 0.75rem); ;}

    /*주요시설 - 시설및장비예약*/
    .book_label li:before,
    .book_wrap .item .status_label li{font-size: 13px;}
    .book_wrap .item .tit{font-size: 20px;}

    .booking_info_content .goto_list{width: calc(50% - 0.25rem); max-width: unset; }

    

    /*주요시설 - 장비예약 input*/
    .date_group .date_item{width:100%;  }
    
    .book_wrap .item .img_box .cate{width: 40px; height: 35px; background-size: 22px 22px!important;;}
    
    /*갤러리 게시판*/
    .gallery_sect .item{width:100%}
    .thumnailAttach .thumb_list .item{width: calc(50% - 0.5rem)}
    
    
    /*추진체계*/
    .prop_content .logo_wrap{margin-bottom: 70px;}
    .prop_content .logo_wrap:after{height: 50px;bottom: -65px; ;}
    
    .prop_spe li{padding: 20px; font-size: 18px;}
    .prop_content .box_wrap{margin-top: 20px;padding: 15px; margin-left: -15px; margin-right: -15px;border-radius:0;width: calc(100% + 30px)}
    .prop_content .box ul li{margin-bottom:4px;}
    .prop_content .box h2{font-size: 22px; }
    .prop_content .box h2 small{font-size: 14px;}
    .prop_content .box h2 .img_box{height: 28px; }
    .prop_content .box ul{padding:16px 20px;}
    .prop_content .list3{width: 100%; margin:0 ;}
    
    .prop_goal{margin-top: 60px;text-align: center;font-size:20px; }
    .prop_goal:before{height: 50px;top: -60px;}
    
}

@media screen and (max-width:425px){
    /*페이지네이션*/
    .pagination{position:relative}
    .pagination .page_arr{position:absolute; bottom:-30px; left: 50%; transform:translateX(-50%);}
    .pagination .page_arr:has(.first){left:calc(50% - 32px)}
    .pagination .page_arr:has(.prev){left:calc(50% - 16px)}
    .pagination .page_arr:has(.next){left:calc(50% + 16px)}
    .pagination .page_arr:has(.last){left:calc(50% + 32px)}

    /*게시물분류 2개일때*/
    .list_top.top2 .input-group{flex-wrap:wrap!important;}
    .list_top.top2 .input-group select{width: 50%; max-width: unset;  margin-bottom: 0.25rem;}
    .list_top.top2 .input-group select:nth-child(4){border-right: 1px solid #ced4da!important; border-top-right-radius: 0.375rem!important; border-bottom-right-radius: 0.375rem!important;}
    .list_top.top2 .input-group input{width: 100%!important; border-left: 1px solid #ced4da!important; border-top-left-radius:  0.375rem!important; border-bottom-left-radius:  0.375rem!important;;}
    .list_top.top2 button{top: 100%; transform:translateY(-125%)}
    .list_top.top2 .input-group:before{left:50%; top:25%;}
    .list_top.top2 .input-group:after{display:none;}


    /*첨부파일*/
    .attach_conts{flex-direction: column!important;row-gap:2px!important;}

    /*채용공고*/
    


    /*ci안내*/
    .ci_content ol{display:flex!important;flex-direction: column;  }
    .symbol .tit{order:1; }
    .symbol .desc{order:3;}
    .symbol li:has(img){order:2;  max-width:160px; margin:0 auto;}
    .ci_content .logo_down{margin-top: 20px;}

    /*공지사항 등 게시판*/
    .noti_dtl_sect .title_wrap{padding: 0 0.5rem 20px 0.5rem!important; }
    .noti_dtl_sect .noti_cont{padding: 20px 0.5rem;}

    /*기업db*/
    
    .db_sect .item .tit{font-size: 17px;}
    .db_sect .item .tit:before{height: 22px;}
    
    /*경보단계*/
    .dng_table tbody td:last-child{padding-left:1rem!important;  }

    /*마케팅지원 -- 사업소개*/
    .market_content .examp{padding:25px; }
    .market_content .examp div{flex-direction: column!important; ;}
    
    .apply_sect .item ol{flex-direction: column; align-items: flex-start!important; ;}
    .apply_sect .item .status{right: 20px;}

    /*입주지원 -- 사업소개*/
    .occup_content .int_box{padding:20px 25px; }
    .occup_content .db_sect .item{padding: 20px 25px;}

    /*경남 -- 사업소개*/
    .gynam_content .busin_intro li.flex-wrap .star{width: 100%; }

    /*교육안내*/
    .eduSpp_dtl_content .map_area{margin-left: -60px;}

    /*사이트맵*/
    .site_content ul{gap:0.5rem;;}
    .site_m2{width: 100%; ;}
    .site_m2 > a{margin-bottom: 4px;}

    /*사업신청 인풋*/
    .apl_adr div{flex-direction: column;;}
    .apl_adr .numb_address{order:2;}
    .apl_adr .numb_address, .apl_adr .find_address{max-width: unset; width: 100%; ;}
    .regNum_group{display:flex!important; flex-wrap:wrap;row-gap: 0.5rem;;}
    .regNum_group > input{width:calc(100% - 70px - 1rem)}
    .apply_input_wrap .group .db_check{margin-left: auto;width: 100%; max-width: 120px;}


    

    /*장비설명*/
    .bok_tab li a img{width: 10px;}

    /*장비예약*/
    .date_group{width: 100%; ;}
    
    .thumnailAttach .thumb_list .item{width:100%}
}

@media screen and (max-width:320px){
    .list_top .input-group:before{left:80px;}
    .list_top select{max-width: 80px;;}

    .site_content{padding: 0 20px;}
    .come_load dd span{font-size: 14px;}

    .apply_sect .item{display:flex!important; flex-direction: column!important; align-items:flex-start!important; padding:20px 0;}
    .apply_sect .item .tit,
    .apply_sect .item ol{padding:0 20px;}
    
    
    .apply_sect .item .numb{min-width: unset; text-align:start;padding-left: 20px;}
    
    .db_sect .item,
    .hire_sect .item a{padding: 20px;}
    .db_sect .item ol li a{font-size: 13px}
    
    /*스미싱메세지유형-리스트*/
    .smiss_sect .item{width: 98%;}
    .smiss_sect .item .date{left: 50.25%; }
    
    
}