@charset "utf-8";

.subCntBody {padding:0;}
#sub_container_wrap {padding-top: 0; background: url('/images/web/aftersc/sub/bg_sub.png') no-repeat center bottom;}
#sub_container_wrap:before {display: none;}
#sub_content {padding-top: 2rem; width: calc(100% - 17rem);} 
.sub_content_wrap {margin: 0 auto; padding: 2rem 1rem 10rem !important; width: 100% !important;}
 
.w_hidden {display: none;}
.m_hidden {display: block;}

.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}

/* 글씨색 */
.color_red {color: #FF0000 !important;} 
.color_blue {color: #0066CC !important;}
.color_gray {color: #555 !important;}
.pc_blue2 {color:#0066CC !important;}
 
/* 버튼 */
.btn { display:inline-block; *display:inline; zoom:1; /*margin:0 5px 5px 0;*/ font-size:14px; color:#fff; line-height:20px; text-align:center; /* border-radius:3px; */ vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; border:1px solid transparent; white-space:nowrap; padding:6px 12px; cursor: pointer;}
.btn:hover{text-decoration:underline;}/* 191022 jhk*/
.btn span { color: #ffff;}
.btn_S {display:inline-block; *display:inline; zoom:1; margin:0; font-size:12px; color:#fff; line-height:20px; text-align:center; /* border-radius:3px; */ vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; border:1px solid transparent; white-space:nowrap; padding:0 8px; cursor: pointer;}
.btn_S:hover{text-decoration:underline;}/* 191022 jhk*/
.btn_default {background-color:#fff; border-color:#ccc; color:#364c60 !important}
.btn_blue { background-color:#0066CC; border-color:#0066CC}
.btn_blue2 { background-color:#5d61ea; border-color:#5d61ea}
.btn_green { background-color:#26B99A; border-color:#4cae4c}
.btn_green2 {background-color: #27d02d;border-color: #fff8f8de;color: #f3f4f5 !important;}
.btn_green3 {background-color: #11a216;border-color: #fff8f8de;color: #f3f4f5 !important;}
.btn_green_disabled { background-color:#b7f0e4; border-color:#4cae4c}
.btn_sky {background-color:#5bc0de; border-color:#46b8da}
.btn_yellow {background-color:#f0ad4e;border-color:#f0ad4e; color:#000;} /* 210414수정 */
.btn_yellow_disabled {background-color:#fbe7cb; border-color:#f0ad4e}
.btn_orange {background-color:#f59307; border-color:#f0ad4e}
.btn_white {background-color:#fff; border-color:#000; color:#000;}
.btn_white2 {color:#FF0000; border: 1px solid #FF0000; background:#fff;}
.btn_red {background-color:#d9534f; border-color:#d9534f}
.btn_pink {background-color: #d027c7;border-color: #d027c7;color: #f3f4f5 !important;}
.btn_dark {background-color:#4b5e70; border-color:#364c60; color:#e9edef !important}
.btn:hover, .btn_S:hover { opacity:0.9}
.btn_st {overflow:hidden; display: flex; align-items: center; flex-wrap: wrap; gap: 10px;}
.btn_st.ar {justify-content: flex-end;}
.btn_st.ac {justify-content: center;}
.btn_st a {display:inline-block; line-height:20px; padding:14px 30px; margin:0; font-size:16px; border-radius: 50px;}
.btn_st a:hover {text-decoration:underline;}
.btn_st a.blue {color:#fff; border: 1px solid #0066CC; background:#0066CC;}
.btn_st a.green {color:#fff; border-bottom:1px solid #3e9416; border-right:1px solid #3e9416; background-color:#329c21;}
.btn_st a.yellow {color:#fff; border-bottom:1px solid #3e9416; border-right:1px solid #3e9416; background-color:#f0ad4e; border-color:#f0ad4e}
.btn_st a.red {background-color: #D1332E; border-color: #D1332E;}/*220502*/
.btn_st a.line {padding:7px 15px 8px; color:#222; border:1px solid #9298af; background:#fff;}
.btn_st a.blue_l {padding:7px 15px 8px; color:#1e5ebc; border:1px solid #1e5ebc; background:#fff;}
.btn_st a.green_l {padding:7px 15px 8px; color:#42991a; border:1px solid #42991a; background:#fff;}
.btn_st a.mini {padding:2px 8px; font-size:12px; font-weight:bold; }

.btn_st.flex {margin-top: 40px; display: flex; justify-content:flex-end; gap: 10px;}
.btn_st a.blueline {color:#0066CC; border: 1px solid #0066CC; background:#fff;}
.btn_st a.gray {color:#222; border: 1px solid #E0E0E0; background:#E0E0E0;}

/*btn_state*/
.btn_state {padding: 0 15px; display:inline-block; font-size:16px; font-weight: 500; line-height:32px; text-align:center; border-radius: 32px;}
.btn_state.bg1 {color: #1855E4; background: #E8EEFD;}
.btn_state.bg2 {color: #009344; background: #E6F5ED;}
.btn_state.bg3 {color: #FF5900; background: #FFF7E6;}
.btn_state.bg4 {color: #5D5D5D; background: #F1F1F1;} 

/* sub 타이틀 */ 
#sub_content .title_area {position:relative; margin: 0 0 1.3rem; padding:1.2rem 6rem 1.2rem 1.5rem; border-bottom: 0;} 
#sub_content .title_area:after {content:""; display:block; clear:both }
#sub_content .title_area:before {position:absolute; left:0; top:calc(50% - 10px); width:20px; height:20px; border:4px solid #2099FA; border-radius:50%; content:""; box-sizing:border-box;}
.title_area .location {left: 0; top: -2rem; font-size: 0.7rem;}   
.title_area .location span { text-decoration: underline; color:#555;}
.title_area .location span, 
.title_area .location strong {padding-left:2.3rem; background: url('/images/web/aftersc/sub/icon_location_arrow.png') no-repeat 1rem center;}
.title_area .location strong {font-weight:500; color:#222;}
.title_area .location a.home {content: url('/images/web/aftersc/sub/icon_location_home.png'); width:16px; height:16px; vertical-align:middle;}
.title_area .pageTitle {font-size:1.8rem; font-weight: 700;} 
.tit2 {margin: 0 0 10px; padding: 0; font-size: 20px; font-weight: 500; background: 0;}
.tit2.mgt20 {margin-top: 50px !important;}
.tit2.mt20 {margin-top: 20px !important;}
.tit1 {margin: 0 0 10px; padding: 0; font-size: 20px; font-weight: 500; background: 0;}
.tit1 span {box-shadow: none;}
.bu_wnrn_line {margin: 0.5rem 0;}

/* 리스트 : 블릿 타입 */
.list_st6 > li {position:relative; padding:0.1rem 0 0.1rem 1.25rem; font-size:0.8rem; line-height:1.5; color:#222;}
.list_st6 > li:before {content:''; position:absolute; top:0.6rem; left:0.5rem; width:3px; height:3px; border-radius:50%; background:#222; }

/* sns */ 
.snsBox {display:block; position:absolute; top: 0.75rem; right:0; width:auto; height:auto;} 
.snsBox button {float:left; overflow:hidden; width:2.5rem; height:2.5rem;}
.snsBox .btn_F {background-position: 0 0.2rem;}
.snsBox .btn_T {background-position: -40px 0.2rem;}
.snsBox .btn_Ks {background-position: -240px 0.2rem;}
.snsBox .btn_Bn {background-position: -280px 0.2rem;}
.snsBox .btnShare {border-radius: 50%; background: #eee url('/images/web/aftersc/sub/icon_btn_share.png') no-repeat center;}
.snsBox .btnPrint {margin-left:0.5rem; border-radius: 50%; background: #eee url('/images/web/aftersc/sub/icon_btn_print.png') no-repeat center;}
.snsBox .btnExcel {margin-left:0.5rem; border-radius: 50%; background: #eee url('/images/web/aftersc/sub/btn_down02.png') no-repeat center;}
.snsBox .sns_more {right: 6rem; top: 0; height: 2.5rem; border: 1px solid #2099FA;}

/*왼쪽메뉴*/
#menu {margin-right:4.5rem; width:12.5rem; background:#fff; border-radius:1.5rem; box-shadow:0 0.4rem 1.2rem rgba(0, 0, 0, 0.1); overflow:hidden;}
#menu h2 {position:relative; display:flex; align-items:center; justify-content:center; min-height:6rem; margin:0; padding:0 0.5rem; font-family:"12LotteMartHappyBold", "Malgun Gothic", sans-serif; font-size:1.4rem; font-weight:700; color:#fff; text-align:center; background:#0066CC; border-radius:1.5rem 1.5rem 0 0; overflow:hidden; word-break: keep-all;}
#menu h2 span {position:relative; z-index:1;}
#menu .lnb {margin:0; padding:1rem 1.5rem; list-style:none;}
#menu .lnb > li {position:relative; border-bottom:1px solid #ddd;}
#menu .lnb > li:last-child {border-bottom:0;}
#menu .lnb > li.dep01.open {border-bottom: 0;}
#menu .lnb > li > a {display:block; position:relative; padding:0.6rem 0; font-weight:500; font-size:0.8rem; color:#222; text-decoration:none;}
#menu .lnb > li.open > a {background: none; border: none; box-shadow: none; color:#0060FF; font-weight:600;}
#menu .lnb > li.dep01 > a {padding-right:2.25rem;}
#menu .lnb > li.dep01 > a:before {display: none;}
#menu .lnb > li.dep01 > a::after {content:""; display:block; position:absolute; top:50%; right:0.3rem; width:0.4rem; height:0.4rem; margin-top:-0.1rem; border-right:2px solid #0066CC; border-bottom:2px solid #0066CC; transform:translateY(-50%) rotate(45deg);}
#menu .lnb > li.dep01.open > a::after {transform:translateY(-50%) rotate(225deg);}
#menu .lnb > li > a:hover {color:#0060FF; font-weight:600; text-decoration: none;}
#menu .lnb > li:not(.open) > a:hover,
#menu .lnb > li:not(.open) > a:focus { text-decoration:none; }
#menu .lnb > li:not(.dep01):not(.is-external) > a::after {content:""; position:absolute; top:50%; right:0.3rem; width:0.35rem; height:0.35rem; margin:0; border-right:2px solid #0066CC; border-bottom:2px solid #0066CC; transform:translateY(-50%) rotate(-45deg);}
#menu .lnb > li > a[target="_blank"]:after {background: none;}
#menu .subLnb {display:none; margin: 0; padding:0.75rem 1rem; list-style:none; background:#F8F8F8; border-radius:0.5rem; border: 0;}
#menu .lnb > li.open > .subLnb {display:block;}
#menu .subLnb > li {position:relative; margin-bottom: 0.25rem;}
#menu .subLnb > li:last-child {margin-bottom: 0;}
#menu .subLnb > li > a {display:block; position:relative; margin:0; padding:0 0 0 0.6rem !important; color:#555; font-weight:500; font-size:0.8rem; letter-spacing: -1px;}
#menu .subLnb > li > a::before {content:""; display:block; position:absolute; top:0.5rem; left:0; width:4px; height:4px; border-radius:50%; background:#2099FA;}
#menu .subLnb > li > a:hover, #menu .subLnb > li > a:focus {font-weight:500; color:#555;}
#menu .subLnb > li.open > a span {font-weight:500; color:#555;}
#menu .subLnb > li.dep01 > a:after {bottom: 0.2rem; right: 0;} 
#menu .subLnb > li.dep01.open > a:after {bottom:0.2rem; right:0;}
#menu .subLnb > li > a:hover span,
#menu .subLnb > li > a:focus span,
#menu .subLnb > li.open > a span {box-shadow: none; color: #0060FF;}
#menu .subLnb2 {margin: 0.5rem 0 0; padding:0.4rem 0; border:1px solid #ddd; background:#fff; border-radius: 0.5rem;}
#menu .subLnb2 > li > a {margin-left:0.5rem; padding:0.1rem 0.5rem; font-size: 0.65rem; letter-spacing: -1px;}
#menu .subLnb2 > li > a:before {top: 0.55rem;}
#menu .subLnb2 > li > a:hover {text-decoration: none; color: #0060FF;}
#menu .subLnb2 > li.open > a {border: none; background: none; box-shadow: none; color: #0060FF; font-weight: 400;}
#menu .subLnb2 > li.open > a:before {background: #0060FF;}

/* 검색 */
.BD_Top {position:relative; margin:0 0 18px; padding:0; overflow:visible; border: 0;}
.BD_Top form {display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between;}
.BD_Top .BD_total {line-height:1.4; font-size:14px; font-weight:700; color:#222;}
.BD_Top .BD_total .pc_blue {color:#2099FA !important;}
.BD_Top .BD_total select {height:40px; padding:0 12px; border:1px solid #ddd; border-radius:8px; background:#fff;}
.BD_Top .BD_srch {text-align:right;}
.BD_Top .BD_srch > div {display:flex; flex-wrap:wrap; align-items:center; gap: 0 8px; position:relative;}
.BD_Top .BD_srch select {height:40px; min-width:100px; padding:0 40px 0 15px; border:1px solid #ddd; border-radius:8px; background:#fff url('/images/web/aftersc/sub/icon_select_arrow.png') no-repeat right 15px center / 14px; font-size:16px; color:#666; vertical-align:top; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
.BD_Top .BD_srch select::-ms-expand {display:none;}
.BD_Top .BD_srch select:nth-of-type(2) {min-width: 110px;} 
.BD_Top .BD_srch input {width:205px; height:40px; line-height:40px; border:1px solid #ddd; border-radius:8px; padding:0 40px 0 15px; font-size:16px; color:#666; vertical-align:top; box-sizing:border-box;}
.BD_Top .BD_srch button {position:absolute; right:0; top:0; width:40px; height:40px; border:0; background:transparent url('/images/web/aftersc/sub/icon_board_search.png') no-repeat right 15px center; font-size:0; color:transparent; cursor:pointer;}

/* 게시판 list */ 
.BD_list {margin-top:20px; border-top:3px solid #494C6B;}
body:has(input#bbsId[value="5255"]) .BD_list table {table-layout: auto;} /* 업체위탁 서류제출(bbsId=5255) col width 합 미달 시 우측 빈공간 차단 — fixed 해제하여 auto 자동 보정 */
.BD_list th {padding:22px 0; font-size:16px; font-weight:500; border-bottom:1px solid #D4D4D4; background-color: #F9FAFB;}
.BD_list td {padding:18px 10px; font-size:16px; border-bottom:1px solid #D4D4D4; color:#555;} 
.BD_list td .nttInfoBtn {width: 100%;}
.BD_list td .nttInfoBtn img {margin-left: 5px; width: 16px; height: 16px !important; content: url('/images/web/aftersc/sub/icon_board_new.png');}
.BD_list td .nttInfoBtn span {margin-left: 5px; color: #0066CC !important;}
.BD_list td .nttInfoBtn .common_ml_px_10 {margin: -4px 5px 0 0; content: url('/images/web/aftersc/sub/icon_lock.png');}
.BD_list td .listFileDown img {width: 16px; height: 18px !important; content: url('/images/web/aftersc/sub/icon_board_file.png');}
.BD_list td .bg_red {padding: 0 15px; display: inline-block; height: 32px; line-height: 32px; font-size: 16px; font-weight: 500; color: #1855E4; border-radius: 32px; background: #E8EEFD;}

/* 머리말 */
.board-guide {position:relative; margin:0 0 40px; padding:40px 80px 40px 180px; border-radius:20px; border: none !important; background:#F2F9FF;}
.board-guide:before {position:absolute; left:40px; top:50%; transform:translateY(-50%); width:102px; height:102px; background: url('/images/web/aftersc/sub/icon_board_guide.png') no-repeat center / contain; content:"";}
.board-guide > p {font-size:16px; line-height:1.4; color:#222;}
.board-guide .guide_list li {position:relative; margin:0 0 12px; padding:0 0 0 20px; font-size:16px; line-height:1.4; color:#222; word-break:keep-all;}
.board-guide .guide_list li:last-of-type {margin:0;}
.board-guide .guide_list li:before {position:absolute; left:0; top:5px; width:11px; height:11px; border:3px solid #2099FA; border-radius:50%; content:""; box-sizing:border-box;}
.board-guide .guide_list li .blue {font-weight:700;color: #0066CC;}
.board-guide .guide_list li .red {color: #FF0000;}
.board-guide .guide_dot_list {margin: 5px 0 0;}
.board-guide .guide_dot_list li {font-size:16px; line-height:1.4; color:#0066CC; word-break:keep-all;}
.board-guide + br {display: none;}
/* 공지사항 */
.board-guide.notice:before {background: url('/images/web/aftersc/sub/icon_board_guide_notice.png') no-repeat center / contain;}
/* 행복카드활용처 */
.board-guide.happycard:before {background: url('/images/web/aftersc/sub/icon_board_guide_happycard.png') no-repeat center / contain;}
/* 서류제출 */
.board-guide.proposal:before {background: url('/images/web/aftersc/sub/icon_board_guide_proposal.png') no-repeat center / contain;}

/* tbl_st_new */
.tbl_st_new { overflow: hidden; border-top: 1px solid #0066CC; }
.tbl_st_new table {margin-left:-1px;width: 100%;table-layout:fixed;border-collapse: collapse;background: #fff;} 
.tbl_st_new table tbody tr {border-bottom: 1px solid #ddd;}
.tbl_st_new table tbody tr:last-child {border-bottom: 1px solid #0066CC;}
.tbl_st_new th,
.tbl_st_new td {padding: 15px 20px;font-size: 16px;line-height: 1.7;color: #444;vertical-align: middle;word-break:keep-all;overflow-wrap: anywhere;border-left: 1px solid #0066CC;}
.tbl_st_new thead th {background: #f0f8ff;font-size: 16px;font-weight: 600;color: #222;text-align: center; border-bottom: 1px solid #0066CC;}
.tbl_st_new thead tr:last-child th,
.tbl_st_new thead tr th[rowspan] {border-bottom: 0;}
.tbl_st_new tbody td {text-align: center;} 
.tbl_st_new tbody td.al {text-align: left;} 
.tbl_st_new .list_st3 li {position: relative;padding-left: 12px;margin-bottom: 5px; font-size: 16px; color: #222;} 
.tbl_st_new .list_st3 li:last-child {margin-bottom: 0; } 
.tbl_st_new .list_st3 li::before {content: '';position: absolute;left: 0;top: 12px;width: 3px;height: 3px;border-radius: 50%;background: #0066CC; }
.tbl_st_new .bu_lct {font-size: 14px; color: #666; background: url('/images/web/aftersc/sub/icon_location.png') no-repeat left 3px;}
.tbl_st_new .box_st6 {margin: 5px 0 0; line-height:1.4; font-size: 14px; color: #555; padding: 0; border: 0; background: 0;}
.tbl_st_new .bu_wnrn2_line {margin-top: 5px;padding-left: 10px;position:relative;font-size: 14px;color: #222;background: 0;} 
.tbl_st_new .bu_wnrn2_line::before {content: '-';position: absolute;left: 0;top: 0;} 

/* 페이징 */
.pagination {display:inline-flex; flex-wrap:wrap; align-items:center; gap:8px; padding:0; margin:25px 0 0; list-style:none; white-space:nowrap;}
.pagination > li {display:inline-flex; align-items:center; justify-content:center; margin:0;}
.pagination > li > a, 
.pagination > li > span {display:inline-flex; align-items:center; justify-content:center; padding:0; box-sizing:border-box; line-height:1; font-size:14px; color:#555; text-decoration:none; background:transparent; border:0; border-radius:50%; transition:color 0.15s ease, background-color 0.15s ease;}
.pagination > li.page-pre > a, 
.pagination > li.page-next > a {margin: 0 15px; border-radius:0; min-width:7px; height: 12px; padding:0; content: url('/images/web/aftersc/sub/icon_pagination_prev.png');}
.pagination > li.page-next > a {transform: scaleX(-1);} 
.pagination > li.page-first > a,
.pagination > li.page-last > a {margin: 0 15px; border-radius:0; min-width:14px; height: 12px; padding:0; content: url('/images/web/aftersc/sub/icon_pagination_first.png');}
.pagination > li.page-last > a {transform: scaleX(-1);}
.pagination > li.page-first > a,
.pagination > li.page-pre > a {opacity: 0.2;}
.pagination > li.page-pre > a {margin-right: 20px;}
.pagination > li.page-next > a {margin-left: 20px;}
.pagination > li:not(.active):not(.disabled) > a:hover, 
.pagination > li:not(.active):not(.disabled) > span:hover {color:#333; background:transparent;}
.pagination > li.page-first:not(.disabled) > a:hover, 
.pagination > li.page-pre:not(.disabled) > a:hover, 
.pagination > li.page-next:not(.disabled) > a:hover, 
.pagination > li.page-last:not(.disabled) > a:hover {color:#3d444c;}
.pagination .disabled > a, 
.pagination .disabled > span, 
.pagination > .disabled > a, 
.pagination > .disabled > span {color:#d5d8dc !important; cursor:not-allowed; background:transparent !important; box-shadow:none !important;}
.pagination > .disabled > a:hover, 
.pagination > .disabled > a:focus, 
.pagination > .disabled > span:hover, 
.pagination > .disabled > span:focus, 
.pagination .disabled > a:hover, 
.pagination .disabled > span:hover {color:#d5d8dc !important; background:transparent !important;} 
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {min-width:30px !important; height:30px !important; padding:0; border-radius:50%; background-color:#494C6B; color:#fff !important; cursor:default; z-index:1;}
.pagination > li > a {margin: 0 10px;}
.pagination > .active > a {margin: 0;}

/* 게시판 VIew */
.title_area + .subCntBody .BD_table {margin-top: 0;}
.BD_table {margin-top:20px; border-top:3px solid #494C6B;}
.BD_table table {margin-left: 0;}
.BD_table th {padding: 15px 30px; color:#000; font-weight:500; font-size:16px; text-align: left; border-bottom:1px solid #D8D8D8; border-left:1px solid #D8D8D8; background:#fff; vertical-align:middle;}
.BD_table th:first-child {border-left: 0;}
.BD_table th.title {padding: 20px 30px;}
.BD_table th .req {color: #ff6060;}
.BD_table thead th {text-align: center; background: #F8F8F8;}
.BD_table thead th:first-child {border-left: 0;}
.BD_table td {padding: 20px; color:#666; font-size:16px; border-left:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8;}
.BD_table tbody td:first-child {border-left: 0;}
.BD_table tbody td input[type="radio"] {margin: 0 5px 0 10px !important;}
.BD_table tbody td input[type="radio"]:first-child {margin-left: 0 !important;}
.BD_table td .input_txt,
.BD_table td .hasDatepicker {width: 100%; height:48px; line-height:48px; font-size: 16px; border-radius: 8px; border:1px solid #ccc; padding: 8px 15px;}
.BD_table td .input_txt + .pc_blue {display: block; margin-top: 10px;}
.BD_table td input[type=text][name="nttSj"].input_txt,
.BD_table td input[type=text][name="chgRegNm"].input_txt {width: 100% !important;}
.BD_table td .input_cal {padding: 0 40px 0 15px; background: #FFF url('/images/web/aftersc/sub/icon_cal.png') no-repeat right 15px center;}
.BD_table td select {width: 150px; height:48px; font-size: 16px; border-radius: 8px; border:1px solid #ccc; padding: 0 35px 0 15px; background: #FFF url('/images/web/aftersc/sub/icon_select_arrow2.png') no-repeat right 15px center; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}
.BD_table td select::-ms-expand {display: none;}
.BD_table td #selectMove {width: 100%;}
.BD_table td textarea,
.BD_table td .write_txt {width: 100%; height:100px; font-size: 16px; border-radius: 8px; border:1px solid #ccc; padding: 12px 15px;}
.BD_table td .write_txt {height: 350px;}
.BD_table td table td {padding: 12px 10px;}
.BD_table td table td:first-child {border-left: 0;}
.BD_table td .tit {margin-bottom: 10px; font-weight: 500; color: #222;}
.BD_table td .tit span {margin-right: 5px; color: #0066CC;}
.BD_table td .radio_box {display: flex; align-items: center; flex-wrap: wrap; gap: 12px;}
.BD_table td .radio_box label {display: flex; align-items: center; gap: 8px;}
.BD_table td .radio_box label input {margin: 0;}
.BD_table td .radio_box label input[type="radio"] {margin-right: 0 !important;}
.BD_table td .check_box {display: flex; align-items: center; flex-wrap: wrap; gap: 12px;}
.BD_table td .check_box label {display: flex; align-items: center; gap: 8px;}
.BD_table td .check_box label input {margin: 0;}
.BD_table td .time_box {display: flex; align-items: center; flex-wrap: wrap; gap: 8px;}
.BD_table td .time_box select {width: 100px;}
.BD_table td .time_box span {margin: 0 8px;}
.BD_table td .addr_box {display: flex; align-items: center; flex-wrap: wrap; gap: 10px;}
.BD_table td .addr_box input {width: calc(100% - 131px);}
.BD_table td .addr_box button {padding: 0 30px; height: 48px; font-size: 16px; font-weight: 500; color: #0066CC; border: 1px solid #0066CC; border-radius: 8px;}
.BD_table td .reason_box {display: flex; align-items: center; gap: 20px; width: 100%;}
.BD_table td .reason_box label {white-space: nowrap;}
.BD_table td .reason_box .input_txt {flex: 1;}
.BD_table .inner_table table {border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8;}
.noResp td {text-align: center;}
.noResp th:last-child {border-right: 0 !important;}
.noResp td:last-child {border-right: 0 !important;}
#aditCol20 {margin-left: 10px !important;}
#aditCol23_1 {margin-left: 10px !important; margin-right: 0 !important;}

/* 공지설정 기간설정 */
#noticeDtDiv > p {display: flex; align-items: center; flex-wrap: wrap; gap: 10px;}
#noticeDtDiv > p .hasDatepicker {width: 140px; text-align: center;}
#noticeDtDiv .bu_st1 {padding-left: 12px;}
#noticeDtDiv .bu_st1:before {top: 24px; width: 3px; height: 3px; border-radius: 50%; background: #0066CC;}

/* 동의 */
.input_indvdlinfoColctAgreAt,
.input_infoProvdAgreUseAt{margin-bottom: 10px;padding:20px 20px 15px;border-radius:8px;border: 1px solid #ccc;}
.input_indvdlinfoColctAgreAt h3,
.input_infoProvdAgreUseAt h3 {color: #222;}

/* 삭제사유 */
.BD_tableDel th {font-size: 16px !important;}
.BD_tableDel td select {width: 100%; height:48px; font-size: 16px; border-radius: 8px; border:1px solid #ccc; padding: 0 35px 0 15px; background: #FFF url('/images/web/aftersc/sub/icon_select_arrow2.png') no-repeat right 15px center; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}
.BD_tableDel td select::-ms-expand {display: none;}
.BD_tableDel td .input_txt {margin-top: 10px !important; width: 100% !important; height:48px !important; line-height:48px !important; font-size: 16px !important; border-radius: 8px !important; border:1px solid #ccc !important; padding: 8px 15px !important;}
.jconfirm-box {width: 800px !important;}
.jconfirm-box .tbl_st .detail_tb td {text-align: left;}
.jconfirm-scrollpane {display: flex !important; align-items: center;}
.jconfirm-row,
.jconfirm-cell {display: block !important;}

/* 긴급돌봄 */
.calendar { margin: 50px 0; width: 100%; } 
.calendar_header { display: flex; justify-content: space-between; align-items: center; } 
.calendar_header h2 { font-size: 20px; font-weight: 700;} 
.calendar_header .btn_nav { width: 36px; height: 36px; } 
.calendar_header .btn_nav.prev { background: url('/images/web/aftersc/sub/icon_calendar_arrow_prev.png') no-repeat center; } 
.calendar_header .btn_nav.next { background: url('/images/web/aftersc/sub/icon_calendar_arrow_next.png') no-repeat center; } 
.calendar_legend { margin: 16px 0; background-color: #F6F6F6; border-radius: 10px; padding: 8px 30px; display: flex; justify-content: flex-end; gap: 20px; } 
.calendar_legend .legend_item { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #222; } 
.calendar_legend .legend_item .dot { width: 10px; height: 10px; border-radius: 50%; } 
.calendar_legend .legend_item .dot.available { background-color: #0066CC; }
.calendar_legend .legend_item .dot.waiting { background-color: #28B85D; } 
.calendar_legend .legend_item .dot.unavailable { background-color: #FF0000; }
.calendar_legend .legend_item .dot.weekend { background-color: #D7D7D7; }  
.calendar_grid.pc { display: grid; grid-template-columns: repeat(7, 1fr); gap: 8px; } 
.calendar_grid.pc .day_name { text-align: center; height: 35px; line-height: 35px; font-weight: 500; font-size: 14px; } 
.calendar_grid.pc .day_name.sun { color: #FB2C36; } 
.calendar_grid.pc .day_name.sat { color: #0066CC; }
.calendar_grid.pc .day_cell { border-radius: 10px; min-height: 70px; padding: 10px; display: flex; flex-direction: column; background-color: #FAFAFA; } 
.calendar_grid.pc .day_cell p {line-height: 20px;}
.calendar_grid.pc .day_cell .date_num { font-size: 16px; font-weight: 700; text-align: center; }
.calendar_grid.pc .day_cell .capacity_info { font-size: 12px; text-align: center; color: #222; } 
.calendar_grid.pc .status_weekend { border: 2px solid #E5E7EB; }
.calendar_grid.pc .status_weekend .date_num.sun { color: #ff4d4d; } 
.calendar_grid.pc .status_weekend .date_num.sat { color: #007bff; } 
.calendar_grid.pc .status_available { border: 2px solid #0066CC; background-color: #fff; cursor: pointer; }
.calendar_grid.pc .status_available .capacity_tag { display: inline-block; background-color: #E6F8FF; color: #006ACD; padding: 0 12px; line-height: 23px; font-size: 12px; border-radius: 23px; font-weight: 500; } 
.calendar_grid.pc .status_unavailable { background-color: #FBEFEF; } 
.calendar_grid.pc .status_unavailable .capacity_info { color: #FF0000; font-weight: 500; } 
.calendar_grid.pc .status_waiting { background-color: #E0FEEB; border-color: #28B85D; } 
.calendar_grid.pc .status_waiting .capacity_info { color: #007219; font-weight: 500; }
.calendar_grid.pc .calendar_grid,
.calendar_grid.pc .status_weekend { opacity: 0.6; } 
.calendar_grid.mo {display: none;}
 
.care_top_box {margin-bottom: 30px; border: 2px solid #0066CC;border-radius: 20px;overflow: hidden;background: #fff;}
.care_top_box .top_info {padding: 32px 20px 20px;text-align: center; } 
.care_top_box .top_info h2 {font-size: 24px;font-weight: 700;color: #222;} 
.care_top_box .top_info p {margin-top: 10px;font-size: 16px;color: #5B5B5B;} 
.care_top_box .top_info .tel {margin-top: 16px;display: flex;align-items: center;justify-content: center;gap: 8px;font-size: 18px;font-weight: 600;color: #000;} 
.care_top_box .top_info .tel i {color: #0066CC;font-size: 20px;}
.care_top_box .info_date {border-top: 1px solid #DAE3EB;padding: 20px 20px 32px;} 
.care_top_box .info_date ul {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 40px;} 
.care_top_box .info_date li {display: flex;align-items: center;gap: 12px;} 
.care_top_box .info_date strong {font-size: 16px;font-weight:400;color: #555;}
.care_top_box .info_date span {font-size: 16px;font-weight:400;color: #4B4B4B; } 

.card_item { border: 2px solid #ddd; border-radius: 20px; margin-bottom: 20px; background: #fff; overflow: hidden;} 
.card_item:hover { border: 2px solid #0066CC; }
.card_item .card_top { padding: 30px 30px 20px; display: flex; justify-content: space-between; align-items: flex-end; } 
.card_item .card_top .title { font-size: 20px; font-weight: 700; margin-bottom: 20px; } 
.card_item .card_top .detail_list { display: flex; flex-wrap: wrap; gap: 8px; } 
.card_item .card_top .detail_list li { margin-right: 32px; display: flex; gap: 15px; } 
.card_item .card_top .detail_list .label { color: #555; flex-shrink: 0; }
.card_item .card_top .detail_list .desc { color: #4B4B4B; } 
.card_item .card_top .btn_area { display: flex; gap: 8px; } 
.card_item .card_top .btn_area .btn_map { width: 50px; height: 50px; background: #DFECFF url('/images/web/aftersc/sub/icon_map.png') no-repeat center; border-radius: 50%;} 
.card_item .card_top .btn_area .btn_apply { background: #0066CC; color: #fff; border-radius: 50px; padding: 0 30px; height: 50px; font-size: 16px; font-weight: 600;}
.card_item .card_bottom { border-top: 1px solid #ddd; padding: 25px 30px; } 
.card_item p { font-size: 16px; color: #555; padding-left: 30px; background: url('/images/web/aftersc/sub/icon_notice.png') no-repeat 0 2px;}

.map_wrapper {margin: 0 0 30px; position:relative; width:100%; height:600px; border-bottom: 1px solid #ccc;}
.map_wrapper .root_daum_roughmap .wrap_controllers,
.map_wrapper .root_daum_roughmap .cont,
.map_wrapper .root_daum_roughmap a:link {display: none;}
.map_wrapper .root_daum_roughmap .map {height: calc(100% - 1px) !important;}
.map_wrapper .map-cont {position: relative;}
.map_wrapper .map-cont .custom_marker { width: 42px; height: 50px; } 
.map_wrapper .map-cont .custom_marker.type1 {background: url('/images/web/aftersc/sub/icon_custom_marker_type2.png') no-repeat;}
.map_wrapper .map-cont .custom_marker.type2 {background: url('/images/web/aftersc/sub/icon_custom_marker_type3.png') no-repeat;}
.map_wrapper .map-cont .custom_marker.type3 {background: url('/images/web/aftersc/sub/icon_custom_marker_type1.png') no-repeat;}
.map_wrapper .map-cont .custom_popup { word-break: break-all; width: 285px; background: #fff; border-radius: 10px; padding: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.2); } 
.map_wrapper .map-cont .custom_popup .popup_header { margin-bottom: 10px; display: flex; justify-content: space-between; align-items: flex-start; font-weight: bold; font-size: 16px; } 
.map_wrapper .map-cont .custom_popup .popup_header button {font-weight: 500;}
.map_wrapper .map-cont .custom_popup .popup_body p {width: 100%; font-size: 14px; display: flex; flex-wrap: wrap;}
.map_wrapper .map-cont .custom_popup .popup_body p span:first-child {width: 58px; flex-shrink: 0;}
.map_wrapper .map-cont .custom_popup .popup_body p span:last-child {min-width: 0; white-space: normal; overflow-wrap: anywhere; width: calc(100% - 58px);}
.map_wrapper .map-cont .custom_popup .popup_body .date {color: #aaa;}
.map_wrapper .map-cont .custom_popup .popup_body .btn_apply { width: 100%; color: #fff; height: 32px; font-size: 14px; font-weight: 600; border-radius: 6px; margin-top: 12px;} 
.map_wrapper .map-cont .custom_popup.type1 .popup_body .btn_apply {background: #FF383C;}
.map_wrapper .map-cont .custom_popup.type2 .popup_body .btn_apply {background: #009344;}
.map_wrapper .map-cont .custom_popup.type3 .popup_body .btn_apply {background: #0066CC;}
.map_wrapper .map-cont .custom_popup::after { content: ""; display: block; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; } 

.map-search-panel { position: absolute; top: 10px; left: 10px; width: 250px; max-height: calc(100% - 20px); background: #fff; border-radius: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.15); z-index: 100; display: flex; flex-direction: column; } 
.map-search-panel .panel_header { background: #22255D; padding: 18px 20px; color: #fff; display: flex; justify-content: space-between; align-items: center; border-radius: 20px 20px 0 0;} 
.map-search-panel .panel_header .title { font-weight: 500; font-size: 16px; } 
.map-search-panel .panel_header .count { font-size: 14px; color: #fff;} 
.map-search-panel .panel_header .count strong { color: #F8FB35; }
.map-search-panel .panel_header .btn_back { padding-left: 15px; font-size: 16px; font-weight: 500; color: #fff; background: url('/images/web/aftersc/sub/icon_map_arrow.png') no-repeat 0 center; } 
.map-search-panel .search_box { padding: 15px 20px; position: relative; background: #EDF4FF; } 
.map-search-panel .search_box input { width: 100%; height: 50px; border: 1px solid #CDE0FF; border-radius: 8px; padding: 0 45px 0 15px; font-size: 16px; background: #fff; } 
.map-search-panel .search_box .btn_search { position: absolute; right: 35px; top: 30px; width: 19px; height: 19px; background: url('/images/web/aftersc/sub/icon_map_search.png') no-repeat; } 
.map-search-panel .category_list { padding: 20px; } 
.map-search-panel .category_list .cate_item { width: 100%; display: flex; align-items: center; padding: 0 20px; height: 50px; margin-bottom: 12px; border: 1px solid #ddd; border-radius: 30px; background: #fff; cursor: pointer; font-family: 'Paperlogy', 'NotoSans', '돋움', 'Dotum', '굴림', 'Gulim', AppleGothic, UnDotum, Arial, Tahoma, Verdana, sans-serif !important; } 
.map-search-panel .category_list .cate_item:hover { background: #f9f9f9; } 
.map-search-panel .category_list .cate_item:last-child {margin-bottom: 0;}
.map-search-panel .category_list .cate_item .icon { width: 20px; height: 20px; margin-right: 8px; } 
.map-search-panel .category_list .cate_item .icon.type1 {background: url('/images/web/aftersc/sub/icon_map_item1.png') no-repeat center;}
.map-search-panel .category_list .cate_item .icon.type2 {background: url('/images/web/aftersc/sub/icon_map_item2.png') no-repeat center;}
.map-search-panel .category_list .cate_item .icon.type3 {background: url('/images/web/aftersc/sub/icon_map_item3.png') no-repeat center;}
.map-search-panel .category_list .cate_item .label { flex: 1; font-size: 16px; font-weight: 500; text-align: left; } 
.map-search-panel .category_list .cate_item .val { font-size: 14px; font-weight: 500; color: #555;  }
.map-search-panel .result_list { overflow-y: auto; flex: 1; } 
.map-search-panel .result_list .list_item { padding: 20px 22px; border-bottom: 1px solid #ddd; word-break: break-all; } 
.map-search-panel .result_list .list_item:last-child { border-radius: 0 0 20px 20px; }
.map-search-panel .result_list .list_item:hover { background: #F6F6F6; cursor: pointer; } 
.map-search-panel .result_list .list_item .name { display: block; font-size: 16px; font-weight: 600; margin-bottom: 8px; } 
.map-search-panel .result_list .list_item .addr { font-size: 14px; color: #4B4B4B; } 
.map-search-panel .result_list .list_item .tel { font-size: 14px; color: #4B4B4B; } 
.map-search-panel .result_list::-webkit-scrollbar { width: 6px; background: #EEEEEE; } 
.map-search-panel .result_list::-webkit-scrollbar-thumb { background: #D9D9D9; border-radius: 10px; } 
.map-search-panel .btn_trigger {display: flex; justify-content: center; align-items: center; position: absolute; top: calc(50% - 25px); right: -26px; width: 26px; height: 50px; border-radius: 0 5px 5px 0; border: 1px solid #ddd; background: #fff; }
.map-search-panel .btn_trigger .icon {transform: scaleX(-1); width: 8px; height: 12px; background: url('/images/web/aftersc/sub/icon_map_btn.png') no-repeat center;}
.map-search-panel .btn_trigger:hover { background: #F3F9FF; }
.map-search-panel .btn_trigger:hover .icon {background: url('/images/web/aftersc/sub/icon_map_btn_hover.png') no-repeat center;}
.map-search-panel.closed { width: 66px; } 
.map-search-panel.closed::before { cursor: pointer; z-index: 9; position: absolute; top: 0; left: 0; display: block; content: ""; width: 100%; height: 100%; border-radius: 20px; }
.map-search-panel.closed .panel_header { padding: 18px 0; justify-content: center;} 
.map-search-panel.closed .panel_header .title { display: none; } 
.map-search-panel.closed .panel_header .btn_back { display: none; } 
.map-search-panel.closed .search_box { padding: 30px 0; display: flex; justify-content: center; align-items: center; } 
.map-search-panel.closed .search_box input { display: none; } 
.map-search-panel.closed .search_box .btn_search { position: static; }
.map-search-panel.closed .category_list { padding: 20px 0; } 
.map-search-panel.closed .category_list .cate_item { margin: 0 auto 12px; padding: 0; width: 50px; height: 50px; justify-content: center; font-size: 0; } 
.map-search-panel.closed .category_list .cate_item:last-child {margin-bottom: 0;}
.map-search-panel.closed .category_list .cate_item .icon { margin: 0; }
.map-search-panel.closed .category_list .cate_item .label { display: none; } 
.map-search-panel.closed .category_list .cate_item .val { display: none;  } 
.map-search-panel.closed .btn_trigger .icon {transform: scaleX(1);}

/* 로그인 */
.login_area::after {z-index: -1; position: fixed; top: 0; left: 0; display: block; content: ""; width: 100%; height: 100%; background: #edf4ff;}
.login_area h2 {padding: 70px 0 130px; width: 100%; font-size: 48px; font-weight: 700; text-align: center; background: url('/images/web/aftersc/sub/bg_login.png') no-repeat center bottom 0; font-family: '12LotteMartHappyBold', 'NotoSans', '돋움', 'Dotum', '굴림', 'Gulim', AppleGothic, UnDotum, Arial, Tahoma, Verdana, sans-serif !important;}
.login-box { margin: 0 auto; padding: 70px 100px; position: relative; z-index: 10; width: 100%; max-width: 700px; background: #fff; border-radius: 20px; box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1); } 
.login-box .text-box {margin: 0 0 50px; text-align: center;font-family: '12LotteMartHappyBold', 'NotoSans', '돋움', 'Dotum', '굴림', 'Gulim', AppleGothic, UnDotum, Arial, Tahoma, Verdana, sans-serif !important;}
.login-box .text-box h3 {font-size: 28px;}
.login-box .text-box p {margin-top: 10px; font-size: 20px;}
.login-box .main-tabs { margin: 0 0 50px; display: flex; border-bottom: 1px solid #ddd; } 
.login-box .main-tabs li { flex: 1; text-align: center; padding: 13px 0; cursor: pointer; color: #555; font-weight: 500; position: relative; transition: 0.3s; } 
.login-box .main-tabs li.active { color: #d43100; font-weight: 700; } 
.login-box .main-tabs li.active::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 4px; background-color: #d43100; } 
.login-box .sub-tabs { display: flex; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; margin-bottom: 40px; } 
.login-box .sub-tab { flex: 1; padding: 17px 0; background: #fff; color: #555; font-size: 16px; font-weight: 600; transition: 0.2s; } 
.login-box .sub-tab.active { background-color: #0060FF; color: #fff; } 
.login-box .tab-panel { display: none; } 
.login-box .tab-panel.active {display: flex; flex-direction: column; gap: 16px; animation: fadeIn 0.4s ease-out; }
.login-box .tab-panel.active .sub-panel {margin-top: -16px; display: flex; flex-direction: column; gap: 16px; animation: fadeIn 0.4s ease-out; }
.login-box .tab-panel.active .sub-panel.hidden {display: none;}
.login-box .inp { width: 100%; padding: 16px 20px; background-color: #F6F8F9; border: 1px solid #F6F7F9; border-radius: 8px; outline: none; } 
.login-box .inp:focus { border-color: #0085ff; } 
.login-box .school-box { position:relative; display: flex; gap: 12px; } 
.login-box .school-box .inp {flex: 1;}
.login-box .school-box .btn-search { flex-shrink: 0; width: 80px; font-size: 16px; background: #494C6B; color: #fff; border-radius: 8px; font-weight: 600; } 
.login-box .school-box .result {display: none; overflow-y: auto; max-height: 110px; position: absolute; top: 60px; left: 0; width: 100%; background: #fff; border: 1px solid #ddd;}
.login-box .school-box .result ul li {cursor: pointer; padding: 15px 10px; border-bottom: 1px solid #ddd; transition: all 0.3s ease;}
.login-box .school-box .result ul li:last-child {border-bottom: 0;}
.login-box .school-box .result ul li:hover {background: #ff4931; color: #fff;}
.login-box .class-box {display: flex;gap: 30px;}
.login-box .class-box > div {display: flex;align-items: center;flex: 1;gap: 12px;}
.login-box .class-box label {flex-shrink: 0;font-size: 16px;font-weight: 500;color: #222;}
.login-box .login-option {display: flex;justify-content: space-between;align-items: center;margin-top: 5px;}
.login-box .login-option label {display: flex;align-items: center;gap: 8px;font-size: 16px;color: #222;}
.login-box .login-option input[type="checkbox"] {width: 20px;height: 20px;}
.login-box .login-option a {cursor: pointer; font-size: 16px;font-weight: 500;color: #d43100;}
.login-box .info-box { background-color: #F6F7F9; border-radius: 12px; padding: 25px 30px; display: flex; align-items: flex-start; gap: 30px; text-align: left; } 
.login-box .info-box .icon { flex-shrink: 0;width: 61px;height: 73px;background: url('/images/web/aftersc/sub/icon_login_info_epki.png') no-repeat center / contain; } 
.login-box .info-box p { font-size: 16px; color: #222; line-height: 1.5; } 
.login-box .info-box + .inp {margin-top: 24px;}
.login-box .info-box.type2 {align-items: center;}
.login-box .info-box.type3 {align-items: center;}
.login-box .info-box.type3 .icon { width: 53px; height: 73px; background: url('/images/web/aftersc/sub/icon_login_info_phone.png') no-repeat center / contain; }
.login-box .info-box.type4 {align-items: center; }
.login-box .info-box.type4 .icon { width: 68px; height: 49px; background: url('/images/web/aftersc/sub/icon_login_info_ipin.png') no-repeat center / contain; }
.login-box .btn-submit { margin-top: 25px; width: 100%; height: 60px; background-color: #d43100; color: #fff; border-radius: 60px; font-size: 16px; font-weight: 600; } 
.login-box .btn-submit.disabled { background-color: #C2C2C2; cursor: default; } 
.login-box .cs-info {margin-top: 5px;text-align: center;}
.login-box .cs-info h4 {display: block;margin-bottom: 5px;font-size: 16px;font-weight:600;color: #d43100;}
.login-box .cs-info p {font-size: 14px;line-height: 1.6;color: #555;}
@keyframes fadeIn { 
	from { opacity: 0; transform: translateY(10px); } 
	to { opacity: 1; transform: translateY(0); } 
}

/* 비밀번호찾기인증 */
.login-box.find-pw-box .text-box h3 { font-size: 28px; } 
.login-box.find-pw-box .text-box p { font-size: 20px; } 
.login-box.find-pw-box .info-box { margin-bottom: 40px; } 
.login-box.find-pw-box .btn-submit {margin: 40px 0 20px;}

/* 모달 */
.modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; display: none; align-items: center; justify-content: center; } 
.modal-overlay.active { display: flex; } 
.modal-content { background: #fff; width: 100%; max-width: 600px; border-radius: 30px; overflow: hidden; position: relative; padding: 40px; box-shadow: 0 10px 40px rgba(0,0,0,0.2); animation: fadeIn 0.3s ease-out; } 
.modal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; } 
.modal-header h3 { font-size: 24px; font-weight: 700; color: #222; } 
.modal-header .modal-close { font-size: 18px; font-weight: 500; color: #555; }
.modal-desc { background: #F6F7F9; padding: 20px; border-radius: 12px; margin-bottom: 25px; word-break: keep-all; } 
.modal-desc p { font-size: 16px; font-weight: 600; color: #666; line-height: 1.6; } 
.modal-desc ul li { font-size: 14px; color: #666; line-height: 1.6; position: relative; padding-left: 12px; }
.modal-desc ul li::before { content: "•"; position: absolute; left: 0; color: #555; }
.modal-body .form-group { position: relative; margin-bottom: 30px; } 
.modal-body .form-group:last-child {margin-bottom: 0;}
.modal-body .form-group label { display: block; font-size: 16px; font-weight: 600; color: #222; } 
.modal-body .form-group input {width: 100%;}
.modal-body .form-group .warning { position: absolute; bottom: -25px; left: 0; color: red; font-size: 12px; }
.modal-body .input-with-btn { position: relative; display: flex; gap: 10px; align-items: center; margin-bottom: 15px; } 
.modal-body .input-with-btn .inp { flex: 1; border: none; border-bottom: 1px solid #ddd; background: transparent; border-radius: 0; padding: 10px 0; } 
.modal-body .input-with-btn .btn-auth { flex-shrink: 0; padding: 10px 15px; background: #c2c2c2; color: #fff; border-radius: 6px; font-size: 13px; font-weight: 500; cursor: pointer; } 
.modal-body .input-with-btn .btn-auth.active { background: #494C6B; } 
.modal-body .input-with-btn .time {position: absolute; top: 10px; right: 112px; font-size: 13px; color: red;}
.modal-body .grid-input { display: flex; flex:1; gap: 10px; } 
.modal-body .pw-result { margin-top: 25px; text-align: center; animation: fadeIn 0.4s ease; } 
.modal-body .pw-result p { font-size: 16px; color: #666; margin-bottom: 10px; } 
.modal-body .pw-result .temp-pw { font-size: 24px; font-weight: 800; color: red; letter-spacing: 2px; } 
.modal-body .btn-full { width: 100%; height: 60px; background: #c2c2c2; color: #fff; border-radius: 10px; font-size: 16px; font-weight: 600; margin-top: 10px; pointer-events: none; transition: 0.3s; } 
.modal-body .btn-full.active { background: #494C6B; pointer-events: auto; cursor: pointer; } 
.modal-body .btn-group {display: flex; gap: 10px;}

/* 비밀번호변경 정보입력 */
.confirm_area { max-width: 700px; width: 100%; margin: 0 auto ; text-align: center; } 
.confirm_area h2 { margin-bottom: 40px; width: 100%; line-height: 48px; font-size: 48px; font-weight: 700; text-align: center; font-family: '12LotteMartHappyBold', 'NotoSans', '돋움', 'Dotum', '굴림', 'Gulim', AppleGothic, UnDotum, Arial, Tahoma, Verdana, sans-serif !important;} 
.confirm_area .confirm-description { font-size: 16px; color: #666; margin-bottom: 30px; } 
.confirm_area .form-box { background-color: #fff; border: 1px solid #ddd; border-radius: 20px; padding: 30px 40px; display: inline-block; width: 100%; text-align: left; } 
.confirm_area .form-box .form-group { display: flex; align-items: center; margin-bottom: 15px; } 
.confirm_area .form-box .form-group:last-child { margin-bottom: 0; } 
.confirm_area .form-box .form-group .form-label { width: 120px; font-weight: 600; font-size: 16px; } 
.confirm_area .form-box .form-group .form-data { font-size: 16px; color: #333; } 
.confirm_area .form-box .form-group .inp { flex: 1; padding: 16px 20px; font-size: 16px; background-color: #fff; border: 1px solid #ddd; border-radius: 8px; } 
.confirm_area .section-title { width: 100%; font-size: 20px; font-weight: 600; margin: 30px 0 15px; text-align: left; color: #333; } 
.confirm_area .section-text {margin: -5px 0 15px; text-align: left; }
.confirm_area .btn-box .btn-submit { margin: 30px 0; display: inline-block; width: 160px; height: 50px; background-color: #0066CC; color: #fff; font-size: 16px; border-radius: 8px; }
.confirm_area .btn-box .btn-submit.gray {background: #555;}

/* 공통 댓글 */
.BD_replyWrap {margin: 35px 0;}
.BD_boxReply { border: 0; border-top:3px solid #494C6B; color:#222;}
.BD_boxReply textarea {padding:15px; width: calc(87% - 20px) !important; height: 150px !important; border-radius: 8px; border:1px solid #ccc; background:#fff; }
.BD_reply-body ul li div .btn {height: 150px; border-radius: 8px;}
.BD_reply-head { padding:10px 0; color:#000; }
.BD_reply-head .info span { font-size: 16px; }
.BD_reply-head .info strong { margin-left:5px; color:#0066CC; }
.BD_reply-head .write textarea {width:100%; height:150px; }
.BD_reply-head .write button {margin: 15px 0 0; overflow: hidden; clear: both; float: right; position:static; padding: 0 30px; width: auto; height:50px; font-size:16px; border-radius: 50px; background:#0066CC;}
.BD_reply-head .write + p {margin: 15px 0; font-size: 12px; text-align: right;}
.BD_reply-head p { margin-top:10px; }
.BD_reply-head p strong { margin:0 3px 0 0; color:#0072e6; }
.BD_reply-body {padding: 0; border-top:3px solid #494C6B; background:#fff; }
.BD_reply-body ul li { position:relative; overflow:hidden; padding:28px 20px; border-top: 0; border-bottom:1px solid #DAE3EB; }
.BD_reply-body ul li .user a { color:#222; font-weight: 500; }
.BD_reply-body ul li .user span { margin-left:10px; padding-left:0; font-size:14px; background: 0; color: #666; }
.BD_reply-body ul li div { padding-top:16px; }
.BD_reply-body ul li div p { width: 100%; padding:0; line-height:160%; font-size: 16px; float: none; word-break: break-all;}
.BD_reply-btn { padding-top: 25px !important; position:absolute; right:20px; top:0; height:34px;}
.BD_reply-btn button { margin-left:3px; padding: 0 20px; height:34px; font-size: 14px; font-weight: 500; border-radius: 34px; border: 1px solid #ddd; color:#222; }
.BD_reply-btn button:hover {text-decoration:none; cursor: pointer; }
.BD_reply-btn .delete { padding-left:0; background:0; }
.BD_noReply {padding: 50px 20px; border-bottom: 1px solid #ddd;}

/* 서식자료 */
.nttSjClickFileDown span {padding: 0 20px 0 40px; display: inline-block; height: 40px; line-height: 38px; font-size: 16px; font-weight: 500; border-radius: 40px; color: #0066CC; border: 1px solid #0066CC; background: #fff url('/images/web/aftersc/sub/icon_filedown.png') no-repeat 20px center;}

/* 지원센터소개 */
.intro_img {margin: 0 0 70px; text-align:center;}
.intro_img img {max-width: 100%;}
.map_info { margin: -10px 0 80px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 30px 50px; background: #22255D; border-radius: 0 0 20px 20px; box-sizing: border-box; } 
.map_info .info_box { flex: 1; min-width: 0; } 
.map_info .info_box .title { margin: 0 0 6px; font-size: 20px; font-weight: 600; color: #fff; line-height: 1.5; word-break: keep-all; } 
.map_info .info_box .address { font-size: 16px; font-weight: 400; color: #fff; line-height: 1.5; word-break: keep-all; } 
.map_info .btn_map { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; gap: 25px; padding: 0 25px; height: 50px; border: 0; border-radius: 50px; background: #fff; color: #222; font-size: 16px; font-weight: 500; line-height: 1; cursor: pointer; box-sizing: border-box; } 
.map_info .btn_map::after { content: ""; display: inline-block; width: 14px; height: 20px; background: url('/images/web/aftersc/sub/icon_map.png') no-repeat center / contain;} 
.transport_guide {display: flex; flex-direction: column; gap: 20px;}
.transport_guide .transport_card { display: flex; justify-content: center; flex-direction: column; gap: 16px; padding: 0 50px 0 192px; height: 162px; background: #fff; border: 1px solid #ddd; border-radius: 20px; box-sizing: border-box; } 
.transport_guide .transport_card.bus {background: url('/images/web/aftersc/sub/img_transport_bus.png') no-repeat 50px center / 102px auto;}
.transport_guide .transport_card.subway {background: url('/images/web/aftersc/sub/img_transport_subway.png') no-repeat 50px center / 102px auto;}
.transport_guide .transport_card .title { font-size: 18px; font-weight: 600; color: #333; line-height: 1.3; } 
.transport_guide .transport_card .list_st6 li {font-size: 14px; color: #5B5B5B;}
.root_daum_roughmap {width: 100% !important;}
.root_daum_roughmap .wrap_map {height: 650px !important; border-bottom: 1px solid #ddd;}

/* 공고>심사지원시스템 */
.tbl_st table td {word-break:break-all; padding: 0.5rem 0.25rem;}
.tbl_st table td input[type="text"],
.tbl_st table td input[type="number"] {max-width: 100% !important; width: 120px !important; height:48px; line-height:48px; font-size: 16px; border-radius: 8px; border:1px solid #ccc; margin: 2px 0; padding: 0 8px;}
.tbl_st table td .input_box.w_100,
.tbl_st table td input[type="text"].input_w100 {width: 100% !important;}
.tbl_st table td .input_cal {padding: 0 40px 0 15px; background: #FFF url('/images/web/aftersc/sub/icon_cal.png') no-repeat right 15px center;}
.tbl_st table td select {max-width: 100% !important; width: 150px !important; height:48px; font-size: 16px; border-radius: 8px; border:1px solid #ccc; padding: 0 35px 0 15px; background: #FFF url('/images/web/aftersc/sub/icon_select_arrow2.png') no-repeat right 15px center; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}
.tbl_st table td select::-ms-expand {display: none;}
.tbl_st table td  #selectMove {width: 100%;}
.tbl_st table td textarea,
.write_txt {width: 100%; height:100px; font-size: 16px; border-radius: 8px; border:1px solid #ccc; padding: 20px;}
.write_txt table td .write_txt {height: 350px;}
.tbl_st + span,
.tbl_st + script + span,
.tbl_st + span + br + span + br + span {display: block; line-height: 30px; margin-top: 5px;}
.tbl_st + span + br,
.tbl_st + script + span + br {display: none;}
.tbl_st td .btn_red.mini {padding: 7px 5px; display: inline-block; font-size: 13px; font-weight: 500; color: #666; border-radius: 5px; background: #F1F1F1;}
.tbl_st td .btn_green.mini {padding: 7px 5px; display: inline-block; font-size: 13px; font-weight: 500; color: #1855E4; border-radius: 5px; background: #E8EEFD;}
.tbl_st td .btn_grL.mini.ico_g {padding: 6px 5px; display: inline-block; font-size: 13px; font-weight: 500; color: #666; border-radius: 5px; border: 1px solid #666; background: #fff;}

#goSj {width: 100% !important;}
#jeTel {margin-right: 10px;}
#cnt1, #cnt2, #cnt3, #cnt4, #cnt5 {margin: 0 0 10px; font-size: 13px;}
.tit3 {padding-left: 0; background: 0;}
.tit3 span {color: #0066CC;}
.line_dot {border: 0; padding: 0; margin: 0 0 20px;}
.box_st2 {padding: 20px; border-radius: 8px; border: 1px solid #ccc; background: 0;}
.box_st5 {position:static; z-index:auto; padding:0 !important; background:transparent !important;}
.box_st5::before, .box_st5::after {display:none !important;}
.box_st5 .inner {padding:0 !important; background:transparent !important;}
.box_st5 .line_dot {display:none !important;}
.box_st5 .list_st1 {position:relative;}
.box_st5 .list_st1::before {content:""; z-index: 1; position:absolute; left:40px; top:30px; width:109px; height:109px; background: url('/images/web/aftersc/sub/icon_board_guide_proposal.png') no-repeat center / contain;}
.box_st5 .list_st1 > li:nth-child(1)::before,
.box_st5 .list_st1 > li:nth-child(2)::before {display:none !important; content:none !important;}
.box_st5 .list_st1 > li:nth-child(1),
.box_st5 .list_st1 > li:nth-child(2) {background:#edf4fc; color:#222;}
.box_st5 .list_st1 > li:nth-child(1) {padding: 30px 40px 0 180px; font-size:18px; font-weight:700; line-height:1.4; border-radius: 20px 20px 0 0;}
.box_st5 .list_st1 > li:nth-child(2) {padding: 8px 40px 30px 180px; font-size:16px; font-weight:400; color: #0066CC; border-radius: 0 0 20px 20px;}
.box_st5 .list_st1 > li:nth-child(1) h3.pc_red {padding: 8px 0 0; font-size:16px; font-weight:400; color:#222 !important;}
.box_st5 .list_st1 > li:nth-child(1) p {font-size:16px; font-weight:400; color:#222;}
.box_st5 .list_st1 > li:nth-child(2) .pc_red {color:#0066CC !important;}
.box_st5 .list_st1 > li:nth-child(3) {margin-top: 30px; padding:30px 40px; border:1px solid #ddd; border-radius:20px; background:#fff; font-size:18px; font-weight:600; line-height:1.4; color:#222;}
.box_st5 .list_st1 > li:nth-child(3)::before {content:"!" !important; display:inline-flex !important; align-items:center; justify-content:center; width:20px; height:20px; margin-right:6px; border-radius:50%; background:#DFECFF !important; color:#0066CC; font-size:13px; font-weight:800; vertical-align:middle; position:static; top:auto; left:auto;}
.box_st5 .list_st1 > li:nth-child(3) p.bu_st2 {display:block; margin:6px 0 0; padding-left:10px; font-size:16px; font-weight:400; color:#222;}
.box_st5 .list_st1 > li:nth-child(3) p.bu_st2:first-of-type {margin-top:12px;}
.box_st5 .list_st1 > li:nth-child(3) p.bu_st2[style] {color:#222 !important;}
.box_st5 .list_st1 > li:nth-child(3) p.bu_st2::before {top:10px; left:0; width:3px; height:3px; border-radius:3px; background:#0066CC;}
.box_st5 .list_st1 > li:nth-child(3) p.bu_st2 b {font-weight:400 !important;}
#jeType2 {margin-right: 50px;}
.btn_grL.mini.ico_g {padding: 5px 10px;}
.mini.ico_g span.glan {display: none;}
.ac.mgt20 {overflow: hidden; clear: both;}
.ac .btn_point.midd,
.ac .btn_point.mini {margin-left: 5px;}
.btn_point.mini,
.btn_point.midd {float: right; padding: 15px 30px; border-radius: 52px; font-size: 16px; background: #0066CC; color: #fff; border: 0;}
.btn_point.mini strong,
.btn_point.midd strong {font-weight: 400;}
.btn_point.mini:hover:before,
.btn_point.midd:hover:before,
.btn_point.mini:hover:after,
.btn_point.midd:hover:after {transform: none;}
.btn_point span.glan {display: none;}
#modal .modal_content {width: 340px;}
.BD_table td ul.file li a.btn_view {top: -3px; padding: 8px 15px;}

input#aditCol1_1 {min-width: 80px; text-align: center;}
input#aditCol1_2 {min-width: 60px; text-align: center;}
input#aditCol1_3 {min-width: 100px; text-align: center;}
input#aditCol5_1,
input#aditCol5_2,
input#aditCol5_3,
input#aditCol6_1,
input#aditCol6_2,
input#aditCol6_3 {min-width: 90px; text-align: center;}
.BD_table input[type=text][name*="aditCol"].input_txt {max-width: 100%;}
.BD_table input[type=text][name*="aditCol"].hasDatepicker {margin-right: 8px; width: 130px !important;}

/*260921_추가*/
#modal .modal_content {top:50%; left:50%; transform: translate(-50%, -50%);}
#modal .modal_content .btn_grL.mini {max-width: 100% !important;}
#modal .modal_content .btn_grL.mini + .btn_bl.mini {margin-top: 5px;}

@media(max-width:1200px){
	.w_hidden {display: block;}
	.m_hidden {display: none;}
	
	/*btn_state*/
	.btn_state {padding: 0 10px; font-size:12px; line-height:26px; border-radius: 26px;}

	#sub_container_wrap {padding-top: 0; background: 0;}
	#sub_content {padding: 3rem 0 1rem;width: 100% !important;}
	#sub_content .title_area {margin: 0; padding:0.8rem 3rem 0.8rem 1.2rem}
	#sub_content .title_area:before {width: 0.8rem; height: 0.8rem; top: 1.3rem;}
	#menu {display: none;}
	.sub_content_wrap {padding: 0 1rem 2.5rem !important;}
	.title_area .location {position: absolute; top: -3rem;}
	.title_area .location span, 
	.title_area .location strong {font-size: 0.6rem; padding-left:1.4rem; background: url('/images/web/aftersc/sub/icon_location_arrow.png') no-repeat 0.6rem center;}
	.title_area .location a.home {width:12px; height:12px;}
	.title_area .pageTitle {font-size: 1.2rem;}
	.snsBox .sns_more {height: 2rem; right: 2.5rem; padding: 0 0.5rem;}
	.snsBox button {width: 2rem; height: 2rem;}
	.snsBox .btn_F {background-position: 0 0.1rem;}
	.snsBox .btn_T {background-position: -40px 0.1rem;}
	.snsBox .btn_Ks {background-position: -240px 0.1rem;}
	.snsBox .btn_Bn {background-position: -280px 0.1rem;}
	
	/* 머리말 */
	.board-guide {margin: 0 0 32px; padding: 138px 24px 28px;}
	.board-guide:before {left: calc(50% - 40px); top: 28px; width:80px; height:80px; transform: none;}
	.board-guide > p {font-size:16px; line-height:1.4; color:#222;}
	.board-guide .guide_list li {margin: 0 0 0.4rem; font-size: 14px;}
	.board-guide .guide_list li:before {top: 0.2rem;}
	.board-guide .guide_dot_list {margin: 5px 0 0;}
	.board-guide .guide_dot_list li {font-size:16px; line-height:1.4; color:#0066CC; word-break:keep-all;}

	/* 검색 */
	.BD_Top .BD_srch {margin: 0.5rem 0 0; width: 100%;}
	.BD_Top .BD_srch > div {justify-content: flex-end;flex-wrap: wrap;}
		
	/* 게시판 list */ 
	.BD_list {margin: 0;}
	.BD_list table,
	.BD_list colgroup,
	.BD_list tbody,
	.BD_list tr,
	.BD_list td {display:block; width:100%;}
	.BD_list thead {display:none;}
	.BD_list tbody tr {padding:15px 0; border-bottom:1px solid #D4D4D4;}
	.BD_list tbody td {border:0; padding:2px 0; text-align:left; font-size:14px;}
	.BD_list tbody td:first-child {font-size:13px;}
	.BD_list tbody td .nttInfoBtn {font-size:16px; font-weight: 500; width: calc(100% - 100px) ;}
	/*.BD_list .BD_tm_none {display:none;}*/
	.BD_list tbody td {display: flex; align-items: center; flex-wrap: wrap; gap: 20px;}
	.BD_list table tbody td::before {content: var(--cell-label); width: 80px; font-weight: 500; background: url('/images/web/aftersc/sub/icon_tablelist_line.png') no-repeat right center;}
	
	/* 게시판 view */ 
    .BD_table > table, 
    .BD_table > table > thead, 
    .BD_table > table > thead > tr, 
    .BD_table > table > thead > tr > th, 
    .BD_table > table > tbody, 
    .BD_table > table > tbody > tr, 
    .BD_table > table > tbody > tr > th, 
    .BD_table > table > tbody > tr > td {display: block;}
    .BD_table > table > thead {display: none;}
    .BD_table > table > tbody > tr {padding: 15px 0; border-bottom: 1px solid #cfcfcf;}
    .BD_table > table > tbody:has(td.nttView) > tr:not(:has(th, td)) {display: none;}
    .BD_table > table > tbody > tr > th {padding: 0 0 10px; line-height: 20px; font-size: 14px; font-weight: 500; text-align: left; color: #000; background-color: #fff; border: 0;}
    .BD_table > table > tbody > tr > td {padding: 0 0 10px; line-height: 20px; font-size: 14px; color: #666; border: 0;}
	.BD_table > table > tbody > tr > td:last-child {padding: 0;}
	.BD_table th.title {padding: 5px 0; border-bottom: 0;}
	.BD_table td.nttView {padding: 0;}
	.BD_table td.flex {display: flex; align-items: center; flex-wrap: wrap; gap: 10px;}
	.BD_table .inner_table table {margin-left: 1px;}
	
	/* 삭제사유 */
	#viewHistPopWrap > div {max-width: 900px; width: calc(100% - 40px) !important;}
	.jconfirm-box {width: calc(100% - 40px) !important;}

	/* 긴급돌봄 */
	.calendar_legend { margin: 20px 0 12px; background-color: #F6F6F6; border-radius: 8px; padding: 3px 30px; } 
	.calendar_grid.pc { display: none; } 
	.calendar_grid.mo { display: block; }
	.calendar_grid.mo .day_cell { margin-bottom: 5px; border-radius: 8px; padding: 12px 20px; display: flex; align-items: center; gap: 15px;  background-color: #FAFAFA;} 
	.calendar_grid.mo .day_cell .date_num { font-size: 14px; font-weight: 700; text-align: center; }
	.calendar_grid.mo .day_cell .capacity_info { font-size: 12px; text-align: center; color: #222; } 
	.calendar_grid.mo .status_weekend { border: 2px solid #E5E7EB; }
	.calendar_grid.mo .status_weekend .date_num.sun { color: #ff4d4d; } 
	.calendar_grid.mo .status_weekend .date_num.sat { color: #007bff; } 
	.calendar_grid.mo .status_weekend .capacity_info.sun { color: #ff4d4d; } 
	.calendar_grid.mo .status_weekend .capacity_info.sat { color: #007bff; } 
	.calendar_grid.mo .status_available { border: 2px solid #0066CC; background-color: #fff; cursor: pointer; }
	.calendar_grid.mo .status_available .capacity_info { color: #006ACD; font-weight: 500; }
	.calendar_grid.mo .status_unavailable { background-color: #FBEFEF; } 
	.calendar_grid.mo .status_unavailable .capacity_info { color: #FF0000; font-weight: 500; }
	.calendar_grid.mo .status_waiting { background-color: #E0FEEB; border-color: #28B85D; } 
	.calendar_grid.mo .status_waiting .capacity_info { color: #007219; font-weight: 500; }
	.calendar_grid.mo .calendar_grid,
	.calendar_grid.mo .status_weekend { opacity: 0.6; } 
	.card_item .card_top { padding: 20px; flex-wrap: wrap; } 
	.card_item .card_top .title { margin-bottom: 10px; } 
	.card_item .card_top .detail_list { width: 100%; } 
	.card_item .card_top .detail_list li { margin-right: 0; width: 100%; gap: 12px; } 
	.card_item .card_top .detail_list .label { width: 50px; font-size: 14px; } 
	.card_item .card_top .detail_list .desc { font-size: 14px; } 
	.card_item .card_top .btn_area { margin-top: 20px; width: 100%;}
	.card_item .card_top .btn_area .btn_apply { width: calc(100% - 58px); } 
	.card_item .card_bottom { padding: 20px; } 
	.card_item p { font-size: 14px;}
	
	.map_wrapper {margin: 0 0 40px; height:390px !important;}
	.map_wrapper .wrap_map {height:390px !important;}
	
	/*로그인*/
	.login_area h2 {padding: 30px 0 120px; font-size: 30px;} 
	.login-box {margin: 0 auto; padding: 30px; width: 100%;}
	.login-box .text-box {margin: 0 0 30px;}
	.login-box .text-box h3 {font-size: 22px;}
	.login-box .text-box p {margin-top: 5px; font-size: 16px;}
	.login-box .main-tabs { margin: 0 0 30px; } 
	.login-box .main-tabs li { padding: 8px 0; font-size: 14px; } 
	.login-box .main-tabs li.active::after { height: 3px; } 
	.login-box .sub-tabs { border-radius: 8px; margin-bottom: 30px; } 
	.login-box .sub-tab { padding: 12px 0; font-size: 14px; } 
	.login-box .tab-panel.active {gap: 8px;}
	.login-box .tab-panel.active .sub-panel {margin-top: -8px; gap: 8px; }
	.login-box .inp { padding: 12px; font-size: 14px; }
	.login-box .school-box { gap: 8px; } 
	.login-box .school-box .btn-search { width: 60px; font-size: 14px; border-radius: 8px; } 
	.login-box .school-box .result {max-height: 88px; top: 50px;}
	.login-box .school-box .result ul li {padding: 10px; font-size: 14px;}
	.login-box .class-box {gap: 15px;}
	.login-box .class-box > div {gap: 8px;}
	.login-box .class-box label {font-size: 14px;}
	.login-box .login-option label {font-size: 14px;}
	.login-box .login-option a {font-size: 14px;}
	.login-box .info-box { flex-wrap: wrap; justify-content: center; text-align: center; border-radius: 8px; padding: 15px 20px; gap: 10px; } 
	.login-box .info-box .icon { width: 50px;height: 60px; } 
	.login-box .info-box p { width: 100%; font-size: 14px; } 
	.login-box .info-box.type3 .icon { width: 44px; height: 60px; }
	.login-box .info-box.type4 .icon { width: 55px; height: 40px; }
	.login-box .btn-submit { margin-top: 15px; height: 50px; font-size: 14px; border-radius: 50px; } 
	.login-box .cs-info h4 {font-size: 14px;}
	.login-box .cs-info p {font-size: 12px;}
	
	/*비밀번호찾기인증*/
	.login-box.find-pw-box .text-box h3 { font-size: 22px; } 
	.login-box.find-pw-box .text-box p { font-size: 16px; } 
	.login-box.find-pw-box .info-box { margin-bottom: 30px; } 
	.login-box.find-pw-box .btn-submit {margin: 30px 0 10px;}

	/* 모달 */
	.modal-content { width: calc(100% - 40px); border-radius: 20px; padding: 20px;} 
	.modal-header { margin-bottom: 20px; } 
	.modal-header h3 { font-size: 20px; } 
	.modal-desc { padding: 15px 20px; margin-bottom: 20px; } 
		
	/*비밀번호변경 정보입력*/
	.confirm_area {margin: 0 20px; width: calc(100% - 40px);}
	.confirm_area h2 { margin: 30px 0; line-height: 30px; font-size: 30px; } 
	.confirm_area .confirm-description { font-size: 14px; margin-bottom: 30px; } 
	.confirm_area .form-box { padding: 20px; border-radius: 10px; } 
	.confirm_area .form-box .form-group { margin-bottom: 10px; } 
	.confirm_area .form-box .form-group .form-label { font-size: 14px; } 
	.confirm_area .form-box .form-group .form-data { font-size: 14px; } 
	.confirm_area .form-box .form-group .inp { padding: 10px 15px; font-size: 14px; } 
	.confirm_area .section-title { font-size: 16px; margin: 20px 0 10px; } 
	.confirm_area .section-text {margin: -5px 0 10px; line-height: 20px; font-size: 14px; }
	.confirm_area .btn-box .btn-submit { margin: 20px 0; width: 120px; height: 45px; font-size: 14px; } 
	
	/* 공통 댓글 */
	.BD_replyWrap {margin: 50px 0;}
	.BD_boxReply textarea {padding:10px; height: 100px !important;}
	.BD_reply-body ul li div .btn {height: 100px;}
	.BD_reply-head { padding:15px 0; }
	.BD_reply-head .info {margin-top: 0;}
	.BD_reply-head .info span { font-size: 14px; }
	.BD_reply-head .info span.warning {margin: 5px 0 0; line-height: 1.4;}
	.BD_reply-head .write textarea {height:100px; font-size: 14px;}
	.BD_reply-head .write button {margin: 10px 0 0;}
	.BD_reply-head .write + p {margin: 10px 0; font-size: 12px;}
	.BD_reply-body ul li { padding:15px 10px; }
	.BD_reply-body ul li .user a {font-size:14px;}
	.BD_reply-body ul li .user span { margin-left:5px; font-size:12px; }
	.BD_reply-body ul li div { padding-top:10px; }
	.BD_reply-body ul li div p { font-size: 14px; }
	.BD_reply-btn { padding-top: 12px !important; position:absolute; right:10px; height:30px;}
	.BD_reply-btn button { padding: 0 15px; height:30px; font-size: 12px; border-radius: 30px; }
	.BD_noReply {padding: 40px 10px; font-size: 14px;}
	
	/* 지원센터소개 */
	.intro_img {margin: 0 0 40px;}
	.map_info { margin: -10px 0 50px; flex-wrap: wrap; gap: 16px; padding: 20px; } 
	.map_info .info_box {flex: none; width: 100%;}
	.map_info .info_box .title { width: 100%; font-size: 18px; line-height: 1.4; } 
	.map_info .info_box .address { width: 100%; font-size: 12px; line-height: 1.4; } 
	.map_info .btn_map { gap: 10px; padding: 0 15px; height: 38px; border-radius: 38px; font-size: 14px; font-weight: 500; } 
	.transport_guide .transport_card { padding: 170px 24px 28px 24px; height: auto; border-radius: 20px; }
	.transport_guide .transport_card.bus {background: url('/images/web/aftersc/sub/img_transport_bus.png') no-repeat center 28px / 102px auto;}
	.transport_guide .transport_card.subway {background: url('/images/web/aftersc/sub/img_transport_subway.png') no-repeat center 28px / 102px auto;}
	.transport_guide .transport_card .title { font-size: 16px; font-weight: 500; } 
	.transport_guide .transport_card .list_st6 li {font-size: 14px;}
	.root_daum_roughmap .wrap_map {height: 350px !important;}
	
	/* 공고>심사지원시스템 */
	.box_st5 .list_st1::before {left:50%; transform:translateX(-50%); width:80px; height:80px;}
    .box_st5 .list_st1 > li:nth-child(1) {padding:130px 40px 0;}
    .box_st5 .list_st1 > li:nth-child(2) {padding:8px 40px 30px; font-size:14px;}
    .box_st5 .list_st1 > li:nth-child(1) h3.pc_red {padding:8px 0 0; font-size:14px;}
    .box_st5 .list_st1 > li:nth-child(1) p {font-size:14px;}
    .box_st5 .list_st1 > li:nth-child(3) {padding:30px 32px; font-size:18px;}
    .box_st5 .list_st1 > li:nth-child(3)::before {margin: -6px 6px 0 0;}
    .box_st5 .list_st1 > li:nth-child(3) p.bu_st2 {font-size:14px;}
    .box_st5 .list_st1 > li:nth-child(3) p.bu_st2:first-of-type {margin-top:12px;}
    #jeType2 {margin-right: 0;}
}
@media(max-width:860px){
	/* tbl_st_new */
	.tbl_st_new {overflow-x: auto;}
	.tbl_st_new table {table-layout:auto;}
	.tbl_st_new th, .tbl_st_new td {overflow-wrap: normal;}
	
	.tbl_st {overflow-x: auto;}
	.tbl_st table {width: 860px;}
	.tbl_st th, .tbl_st td {overflow-wrap: normal;}
} 
@media(max-width:690px){
	.BD_Top .BD_srch select {min-width: none; width: 100%;}
	.BD_Top .BD_srch select:nth-child(odd) {margin: 0 0 5px;}
	.BD_Top .BD_srch input {width: 100%;}
	.BD_Top .BD_srch button {top: auto; bottom: 5px;}
	.BD_Top .BD_srch .btnSearch {width: 40px;}
	
	.pagination > li > a {min-width:auto !important; width:auto !important; height:30px !important;}
	.pagination > li > a.first,
	.pagination > li > a.last {width: auto !important; height: auto !important;}
	
	.BD_table .inner_table {overflow-x: auto;}
	.BD_table .inner_table table {width: 750px;}
	
	/* 긴급돌봄 */
	.care_top_box {margin-bottom: 50px;} 
	.care_top_box .top_info {padding: 26px 10px 20px;} 
	.care_top_box .info_date {padding: 20px 10px 26px;} 
	.care_top_box .info_date ul {gap: 8px;} 
	.care_top_box .info_date li {width: 100%; justify-content: center;} 
	.care_top_box .info_date strong {font-size: 14px;} 
	.care_top_box .info_date span {font-size: 14px;} 
	
	.map_wrapper {height:760px !important; border-bottom: 0;}
	.map_wrapper .map-cont .custom_popup { width: 240px; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; } 
	.map_wrapper .map-cont .custom_popup .popup_header { margin-bottom: 2px; font-size: 14px; } 
	.map_wrapper .map-cont .custom_popup .popup_body p { line-height: 21px; font-size: 12px;}
	.map_wrapper .map-cont .custom_popup .popup_body p span {width: 50px;}
	.map_wrapper .map-cont .custom_popup .popup_body .btn_apply { font-size: 12px; margin-top: 8px;} 
	.map_wrapper .map-cont .custom_popup::after { bottom: -6px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #fff; } 
	.map-search-panel {top: auto; bottom: 0; left: 0; width: 100%; height: 385px;} 
	.map-search-panel .search_box input { height: 40px; padding: 0 40px 0 15px; font-size: 14px; } 
	.map-search-panel .search_box .btn_search { right: 33px; top: 25px; } 
	.map-search-panel .category_list { padding: 15px; } 
	.map-search-panel .result_list .list_item { padding: 15px 20px; } 
	.map-search-panel .result_list .list_item .name { margin-bottom: 4px; } 
	.map-search-panel .result_list .list_item .addr { line-height: 18px; font-size: 12px; } 
	.map-search-panel .result_list .list_item .tel { line-height: 18px; font-size: 12px; } 
	.map-search-panel .result_list::-webkit-scrollbar { width: 8px; } 
	
	/* 비밀번호변경 정보입력 */
	.confirm_area .form-box .form-group { flex-wrap: wrap; } 
	.confirm_area .form-box .form-group .form-label { margin-bottom: 5px; width: 100%; } 
	
	.BD_reply-body ul li div textarea {width: calc(72% - 20px) !important;}
}
@media(max-width:580px){
	/* sub 타이틀 */ 
	.title_area .location {margin: 0.5rem 0 0;}
	.title_area .pageTitle {letter-spacing: -0.01rem;}
}
@media(max-width:480px){
	/* 공지설정 기간설정 */
	#noticeDtDiv > p .hasDatepicker {width: 90%;}
	#noticeDtDiv .bu_st1:before {top: 12px;}
}
@media(max-width:380px){
	.snsBox .sns_more.open {width: 190px;}
}