@charset "utf-8";

/* 스타일가이드 커스텀 */
[class^="box_st"]{margin-bottom:2rem;}
fieldset{min-inline-size:auto;}
.tit1 + .BD_table{margin-top:0;}

/* 게시판 전용 버튼 */
.btn_st,
.btns{margin-top:1.5rem;}
.btn_st a,
.btn_st a.btn_gr,
.btn_st button,
.btn_st button.btn_gr,
.btns a,
.btns a.btn_gr,
.btns button,
.btns button.btn_gr{display:inline-flex; align-items:center; justify-content:center; position:relative; min-width:8.5rem; width:auto; height:2.25rem; margin:0; margin-left:0.5rem; border:1px solid #666; background-color:rgba(102, 102, 102, 0.05); border-radius:0.3rem; font-size:0.8rem; color:#222; line-height:inherit; font-weight:600; font-family:'Pretendard'; transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;}
.btn_st a.blue,
.btn_st a.btn_bl,
.btn_st a.btn_blue,
.btn_st button.blue,
.btn_st button.btn_bl,
.btn_st button.btn_blue,
.btns a.btn_bl,
.btns a.btn_blue,
.btns button.btn_bl,
.btns button.btn_blue{border:1px solid var(--rise-color-blue); background-color:rgba(7, 114, 237, 0.05); color:var(--rise-color-blue);}
.btn_st a.navy,
.btn_st a.btn_navy,
.btn_st button.navy,
.btn_st button.btn_navy,
.btns a.btn_navy,
.btns button.btn_navy{border:1px solid var(--rise-color-navy); background-color:rgba(0, 77, 160, 0.05); color:var(--rise-color-navy)}
.btn_st a.red,
.btn_st a.btn_red,
.btn_st button.red,
.btn_st button.btn_red,
.btns a.btn_red,
.btns button.btn_red{border:1px solid var(--rise-color-red); background-color:rgba(255, 45, 35, 0.05); color:var(--rise-color-red);}
.btn_st a.green,
.btn_st a.btn_grn,
.btn_st button.green,
.btn_st button.btn_grn,
.btns a.btn_grn,
.btns button.btn_grn{border:1px solid var(--rise-color-green); background-color:rgba(0, 129, 158, 0.05); color:var(--rise-color-green);}
/* 게시판 전용 버튼 : active */
.btn_st a:hover,
.btn_st button:hover,
.btn_st a:focus,
.btn_st button:focus,
.btns a:hover,
.btns button:hover,
.btns a:focus,
.btns button:focus{border:1px solid #222; background-color:#222; color:#fff; text-decoration:none;}
.btn_st a.blue:hover,
.btn_st button.blue:hover,
.btn_st a.blue:focus,
.btn_st button.blue:focus,
.btns a.btn_bl:hover,
.btns button.btn_bl:hover,
.btns a.btn_bl:focus,
.btns button.btn_bl:focus{border:1px solid var(--rise-color-blue); background-color:var(--rise-color-blue); color:#fff;}
.btn_st a.navy:hover,
.btn_st button.navy:hover,
.btn_st a.navy:focus,
.btn_st button.navy:focus,
.btns a.btn_navy:hover,
.btns button.btn_navy:hover,
.btns a.btn_navy:focus,
.btns button.btn_navy:focus{border:1px solid var(--rise-color-navy); background-color:var(--rise-color-navy); color:#fff;}
.btn_st a.red:hover,
.btn_st button.red:hover,
.btn_st a.red:focus,
.btn_st button.red:focus,
.btns a.btn_red:hover,
.btns button.btn_red:hover,
.btns a.btn_red:focus,
.btns button.btn_red:focus{border:1px solid var(--rise-color-red); background-color:var(--rise-color-red); color:#fff;}
.btn_st a.green:hover,
.btn_st button.green:hover,
.btn_st a.green:focus,
.btn_st button.green:focus,
.btns a.btn_grn:hover,
.btns button.btn_grn:hover,
.btns a.btn_grn:focus,
.btns button.btn_grn:focus{border:1px solid var(--rise-color-green); background-color:var(--rise-color-green); color:#fff;}
.btn_st a:focus-visible,
.btn_st a.btn_gr:focus-visible,
.btn_st button:focus-visible,
.btn_st button.btn_gr:focus-visible{outline-offset:-0.3rem; outline-color:#fff;}
.btn_st button.btn_gr:focus-visible{outline-offset:-0.3rem; outline-color:#fff;}

/* BD_Top */
.BD_Top{display:flex; position:relative; width:100%; justify-content:space-between; margin-bottom:1.1rem;}
.BD_Top > form{display:flex; position:relative; width:100%;}
.BD_Top .BD_total{display:flex; position:relative; float:none; align-items:center;}
.BD_Top .BD_total a{margin-right:5px; line-height:1;}
.BD_Top .BD_total > span{position:relative; font-size:16px; color:#666665;}
.BD_Top .BD_total > span + span{padding-left:0.55rem;}
.BD_Top .BD_total > span + span:before{display:block; position:absolute; top:50%; left:0; width:1px; height:0.65rem; background:#ccc; content:''; transform:translateY(-50%);}
.BD_Top .BD_top_right{position:relative;}
.BD_Top .BD_top_right .BD_srch{}
.BD_Top .BD_top_right .BD_srch > div{display:flex; align-items:center; position:relative;}
.BD_Top .BD_top_right .BD_srch select,
.BD_Top .BD_top_right .BD_srch input,
.BD_Top .BD_top_right .BD_srch button{display:flex; position:relative; align-items:center; height:2.5rem; border-radius:4px; font-size:0.85rem;}
.BD_Top .BD_top_right .BD_srch select,
.BD_Top .BD_top_right .BD_srch input{margin-left:0.5rem; border:1px solid #ccc; background-color:#fff; padding:0 0.65rem;}
.BD_Top .BD_top_right .BD_srch select{min-width:7.25rem; padding-right:1.3rem; background:url(/00_common/images/board/select_arrow.png) no-repeat right 0.65rem center;}
.BD_Top .BD_top_right .BD_srch .inpTxt{min-width:14rem; border-top-right-radius:0; border-bottom-right-radius:0;}
.BD_Top .BD_top_right .BD_srch .btnSearch{flex-shrink:0; justify-content:center; width:4rem; margin-left:-5px; background:#0772ED; color:#fff;}
.BD_Top .BD_top_right .BD_srch select:focus,
.BD_Top .BD_top_right .BD_srch input:focus,
.BD_Top .BD_top_right .BD_srch button:focus{outline-offset:-0.2rem; outline-color:#444;}
.BD_Top .BD_top_right .BD_srch .btnSearch:focus{outline-color:#fff;}

/* BD_table */
label{margin:0;}
.BD_table{margin-top:2rem; border:none; font-size:inherit;}
.BD_table > table label{margin:0;}
.BD_table > table tbody tr th,
.BD_table > table tbody tr td{font-size:0.9rem;}
.BD_table > table .tel,
.BD_table > table .mail,
.BD_table > table .add{display:flex; align-items:center; gap:0.3rem;}
.BD_table > table .tel > input,
.BD_table > table .mail > input,
.BD_table > table .mail > select{flex:1; min-width:0;}
.BD_table > table .mail{}
.BD_table > table .add{}
/* BD_table : button */
.BD_table > table .btn_st a,
.BD_table > table .btn_st button{width:6rem; height:2rem; font-size:0.75rem; line-height:normal;}
/* BD_table : form */
.BD_table > table tbody tr td .input_txt{display:inline-block; position:relative; width:auto; height:2rem; border:1px solid #ccc; border-radius:0.2rem; background-color:#fff; font-size:0.85rem; color:#666665; line-height:1; text-align:left; transition-timing-function:ease-in-out; transition-duration:0.2s; transition-property:background-color, border, color;}
.BD_table > table input.hasDatepicker{background:url(/00_common/images/board/datepicker.png) no-repeat right 11px top 11px;}

/* post_table */
.post_table table select{width:auto;}

/* fileUploadTr : 파일업로드 */
.fileUploadTr{}
.fileUploadTr #popup h2{line-height:28px;}

/* BD_list */
.ico-new{display:inline-flex; align-items:center; justify-content:center; position:relative; width:36px; height:18px; margin-bottom:2px; border:1px solid #F94137; background:#fff; border-radius:4px; font-size:11px; color:#F94137; line-height:1; letter-spacing:-0.03em; font-weight:600; vertical-align:middle;}
.BD_list{position:relative; width:100%; border-color:#174799;}
.BD_list table{table-layout:fixed; position:relative; width:100%;}
.BD_list table .btn_S.btn_blue{display:inline-flex; align-items:center; justify-content:center; position:relative; width:48px; height:24px; background:#0772ED; border-color:#0772ED; color:#fff; border-radius:1.5rem; font-size:14px; line-height:1; letter-spacing:-0.03em; font-weight:600;}
.BD_list table td em.mTit{color:#444;}
.BD_list table td .ri-lock-2-line{color:#666;}
/* BD_list : table */
.BD_list table:after{display:block; position:absolute; z-index:1; bottom:0; left:0; width:100%; height:1px; background:#888; content:'';}
.BD_list table thead tr th,
.BD_list table tbody tr th,
.BD_list table tbody tr td,
.BD_list table tfoot tr th,
.BD_list table tfoot tr td{border-left:none; padding:0.65rem 0.6rem; word-break:break-all;}
.BD_list table thead tr th{position:relative; background:#fafafa; border-bottom:1px solid #acacac; color:#111; font-size:0.9rem; letter-spacing:-0.03em; font-weight:600;}
.BD_list table thead tr th:not(:first-child):before{display:block; position:absolute; top:50%; left:0; width:1px; height:0.75rem; background:#acacac; content:''; transform:translateY(-50%);}
.BD_list table tbody tr td,
.BD_list table tfoot tr td{font-size:16px; color:#444; letter-spacing:-0.01em;}
.BD_list table tbody tr td a,
.BD_list table tfoot tr td a{font-size:0.9rem; color:#111;}
.BD_list table tbody tr.no_date td{font-size:0.9rem; color:#111;}
.BD_list table tbody tr:hover{background-color:#F7F7F7; box-shadow:none;}
.BD_list table tbody tr:hover td{color:#444;}
.BD_list table tbody tr td a:not(.listFileDown):hover,
.BD_list table tfoot tr td a:not(.listFileDown):hover{font-weight:600; text-underline-position:under;}
/* BD_list : 첨부파일 */
.BD_list table .listFileDown{display:inline-flex; align-items:center; justify-content:center; position:relative; min-width:auto; width:1.25rem; height:1.25rem; border:1px solid #ccc; border-radius:0.2rem; background:#fff; padding:0; font-size:0; line-height:0; vertical-align:middle; transition:background 0.3s ease, border 0.3s ease;}
.BD_list table .listFileDown:after{display:inline-block; position:absolute; top:0.2rem; right:0.2rem; font-size:0.75rem; color:#333; line-height:1; font-family:"remixicon"; content: "\ec54"; transition:color 0.3s ease;}
.BD_list table .listFileDown:hover,
.BD_list table .listFileDown:focus{border:1px solid #004DA0; background-color:#004DA0;}
.BD_list table .listFileDown:hover:after,
.BD_list table .listFileDown:focus:after{color:#fff;}
.BD_list table .listFileDown:focus{outline-offset:-0.2rem; outline-color:#fff;}

/* photo_list : 공통 */
div[class^="photo_list"]{padding:0; border-top:2px solid #174799;}
div[class^="photo_list"] ul{display:flex; position:relative; margin:0; padding:0;}
div[class^="photo_list"] ul li{position:relative; padding:2.5rem 0;}
div[class^="photo_list"] ul li > a{display:flex;}
div[class^="photo_list"] ul li .img{height:202px; border:1px solid #d5d5d5; border-radius:10px; background-color:#F7F7F7;}
div[class^="photo_list"] ul li .img.private{background:#F7F7F7; color:#B3B3B3; font-weight:500;}
div[class^="photo_list"] ul li .img.private > em{display:flex; flex-direction:column;}
div[class^="photo_list"] ul li .img.private i{margin-bottom:0.5rem; font-size:2.8rem; color:#D0D0D0; line-height:1;}
div[class^="photo_list"] ul li .img img{height:100%; object-fit:contain; object-position:center;}
div[class^="photo_list"] ul li a:hover .lst_tit,
div[class^="photo_list"] ul li a:focus .lst_tit,
div[class^="photo_list"] ul li a:hover dt,
div[class^="photo_list"] ul li a:focus dt{text-decoration:underline; text-underline-position:under;}
div[class^="photo_list"] ul li a:hover .img > span,
div[class^="photo_list"] ul li a:focus .img > span{transform:translate(-50%, -50%) scale(1.03);}
div[class^="photo_list"] ul li > a:focus-visible{outline-offset:0.3rem; outline-color:#444;}
/* photo_list */
.photo_list ul{flex-wrap:wrap; gap:0 3rem;}
.photo_list ul li{float:none; width:calc((100% - 6rem) / 3);}
.photo_list ul li > a{flex-direction:column; border:none;}
.photo_list ul li .txt{margin-top:15px; padding:0;}
.photo_list ul li .lst_tit{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; height:3rem; font-size:1rem; color:#111; letter-spacing:-0.03em; line-height:1.5; font-weight:600; font-family:'Pretendard'; white-space:normal; text-align:left;}
.photo_list ul li .date{font-size:17px; color:#666; letter-spacing:-0.01em; font-family:'Pretendard'; text-align:right;}
.photo_list ul li .date i {margin-right:0.1rem; color:#888;}
.photo_list ul li:before{display:block; position:absolute; top:0; left:0; width:100vw; height:1px; background-color:#ccc; content:''; }
/* photo_list2 */
.photo_list2 ul{flex-direction:column;}
.photo_list2 ul li > a{gap:2.25rem;}
.photo_list2 ul li .img{float:none; flex-shrink:0; width:360px;}
.photo_list2 ul li dl{display:flex; flex-direction:column; justify-content:space-between; float:none; flex:1; min-width:0; width:auto; margin:0; padding:1rem 0 0.5rem;}
.photo_list2 ul li dt,
.photo_list2 ul li dd.txt{color:#111; line-height:1.5; letter-spacing:-0.03em; font-family:'Pretendard';}
.photo_list2 ul li dt{font-size:1.2rem; font-weight:600;}
.photo_list2 ul li dt > .ico-new{margin-right:6px;}
.photo_list2 ul li dd.txt{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; height:2.7rem; font-size:0.9rem; font-weight:400;}
.photo_list2 ul li dd.date{float:none; margin-top:1rem; font-size:0.9rem; color:#666; line-height:1.2; letter-spacing:-0.01em; font-family:'Pretendard';}
.photo_list2 ul li dd.date span:before{height:14px;}
.photo_list2 ul li dd.date i {margin-right:0.1rem;}

/* bbs_ViewA */
.bbs_ViewA{position:relative;}
.bbs_ViewA:after{display:block; position:absolute; z-index:1; bottom:0; left:0; width:100%; height:1px; background:#888; content:'';}
.bbs_ViewA h3{border-top:2px solid #174799; border-bottom:1px solid #ccc; background:#FAFAFA; font-size:1rem; letter-spacing:-0.03em; font-weight:600; word-break:keep-all;}
.bbs_ViewA .bbsV_data{border-bottom:1px solid #888; background:#fff;}
.bbs_ViewA .bbsV_data li{padding:0 1.75rem; font-size:0.9rem; color:#444; line-height:1.2;}
.bbs_ViewA .bbsV_data li:before{top:50%; height:0.75rem; background:#ccc; transform:translateY(-50%);}
.bbs_ViewA .bbsV_data li strong{color:#111; font-weight:600;}
.bbs_ViewA .bbsV_cont{margin:40px 0 5rem;}
.bbsV_atchmnfl{border-top:1px solid #d5d5d5;}
.bbsV_atchmnfl dl{display:flex; position:relative; width:100%; padding:0; border-bottom:none;}
.bbsV_atchmnfl dt{display:flex; position:relative; width:240px; height:auto; background:#F2F8FE;  font-size:0.9rem; letter-spacing:-0.03em; font-weight:600;}
.bbsV_atchmnfl dt span{display:flex; align-items:center; justify-content:center; position:relative; top:auto; left:auto; transform:none;}
.bbsV_atchmnfl dd{flex:1; min-width:0; padding:1.5rem; border-left:1px solid #d5d5d5;}
.bbsV_atchmnfl dd ul{display:flex; flex-direction:column; gap:0.5rem; max-height:6.6rem; min-height:auto;}
.bbsV_atchmnfl dd ul.bbsV_file li a{position:relative; padding-left:0.7rem; background:none; font-size:17px; color:#444; letter-spacing:-0.03em;}
.bbsV_atchmnfl dd ul.bbsV_file li a:before{display:block; position:absolute; top:10px; left:0; width:4px; height:4px; background:#666; border-radius:100%; content:'';}
.bbsV_atchmnfl dd ul.bbsV_file li a strong{position:relative; padding-left:8px; color:#666; font-weight:500;}
.bbsV_atchmnfl dd ul.bbsV_file li a strong:before{display:inline-flex; align-items:center; justify-content:center; position:relative; min-width:auto; width:1.25rem; height:1.25rem; margin-right:0.5rem; border:1px solid #ccc; border-radius:0.2rem; background:#fff; padding:0; font-size:0.75rem; color:#333; font-weight:400; font-family:'remixicon'; content:"\ec54"; transition:border 0.3s ease, background-color 0.3s ease, color 0.3s ease;}
.bbsV_atchmnfl dd ul.bbsV_file li a:hover,
.bbsV_atchmnfl dd ul.bbsV_file li a:focus{text-underline-position:under;}
.bbsV_atchmnfl dd ul.bbsV_file li a:hover strong:before,
.bbsV_atchmnfl dd ul.bbsV_file li a:focus strong:before{border:1px solid #004DA0; background-color:#004DA0; color:#fff;}
.bbsV_atchmnfl dd ul.bbsV_file li a:focus-visible{outline-offset:-0.1rem; outline-color:#444;}

/* bbsV_prne */
.bbsV_prne{margin-top:2rem; border-top:1px solid #888; border-bottom:1px solid #888; line-height:unset;}
.bbsV_prne li{display:flex; align-items:center; position:relative; padding:0.8rem 0; border-bottom:none; font-size:17px; }
.bbsV_prne li + li{border-top:1px dashed #ccc;}
.bbsV_prne li span{display:flex; align-items:center; position:relative; width:auto; gap:0.5rem; padding:0 1rem; background:#fff; letter-spacing:-0.01em; font-weight:600;}
.bbsV_prne li span:before{display:flex; position:relative; top:0; left:0; font-size:1rem; color:#333; font-weight:400; font-family:'remixicon'; transform:none;}
.bbsV_prne li.prev span:before{content: "\ea78";}
.bbsV_prne li.next span:before{content: "\ea4e";}
.bbsV_prne li a{flex:1; min-width:0; min-height:auto; padding:0; color:#444;}
.bbsV_prne li a:focus-visible{outline-offset:-0.1rem; outline-color:#444;}

/* bbs_WriteA */
.bbs_WriteA{border-top:2px solid #174799 !important;}
.bbs_WriteA table th,
.bbs_WriteA table td{font-size:0.85rem; line-height:1.5; font-family:'Pretendard';}
.bbs_WriteA table th{padding:0.65rem 0.75rem; background:#F2F8FE; border-bottom:1px solid #D5D5D5;}
.bbs_WriteA table td{padding:0.65rem 0.75rem; color:#222; font-weight:400; border-bottom:1px solid #D5D5D5; border-left:1px solid #D5D5D5;}
.bbs_WriteA table tr:last-child th,
.bbs_WriteA table tr:last-child td{border-bottom:1px solid #888;}

/**/
.bbs_ListA:not(.fcltyInfo){border-top:2px solid #174799;}
.bbs_ListA table{border:none;}

/**/
.bbsV_answer .bbsV_answList{border-radius:0.5rem;}
.bbsV_answer .bbsV_answList > li.no_answer{border-radius:inherit;}
.bbsV_answer .bbsV_answInfo{border:1px solid #D5D5D5; border-radius:0.5rem;}
.bbsV_answer .bbsV_answInfo > p{font-size:0.85rem; font-weight:600;}
.bbsV_answer .bbsV_answInfo > span{margin-top:0.5rem; padding:0 0 0 1.2rem; font-size:0.8rem; line-height:16px; background-position:left top;}
    
/* formCnt */
.formCnt .txt_wrap .bu_info{margin-top:0;}
.formCnt .txt_wrap + .BD_table{margin-top:0.5rem;}

/* 공공누리 */
.kogl_bg1{display:flex; position:relative; gap:1rem;}
.kogl_bg1 > a{flex-shrink:0;}
.kogl_bg1 ul{display:flex; flex:1; align-items:center; min-width:0; padding-left:0; font-size:0.85rem; line-height:normal;}
.kogl_bg1 ul li{margin-top:0; padding-left:0; padding-right:20px;}

/* faq */
.bbs_FaqA{border-top:2px solid #174799;}
.bbs_FaqA > li{transition:border-bottom 0.3s ease;}
.bbs_FaqA > li > a{padding:1rem 4rem 1rem 2rem; font-size:1rem; color:#111; letter-spacing:-0.03em; line-height:1.5; font-weight:400;}
.bbs_FaqA > li.faq > a{padding-left:3.25rem;}
.bbs_FaqA > li.faq > a:before,
.bbs_FaqA > li.faq .cnt:before{background:transparent; letter-spacing:-0.03em; font-weight:700; font-family:'Montserrat';}
.bbs_FaqA > li.faq > a:before{display:flex; align-items:baseline; justify-content:center; top:0.9rem; left:1.1rem; width:1.2rem; height:1.2rem; font-size:1.2rem; color:#2A66D4;}
.bbs_FaqA > li.faq .cnt:before{left:2.5rem; width:1.1rem; height:1.1rem; color:#004DA0; font-size:1.1rem; line-height:normal;}
.bbs_FaqA > li.faq > a:after{font-size:22px; font-weight:400; font-family:'remixicon'; content:"\ea4e";}
.bbs_FaqA > li .cnt{padding:1.5rem 2.5rem; border-top:1px solid #2A66D4; background:#F2F8FE;}
.bbs_FaqA > li .cnt .faqCn{line-height:1.5; letter-spacing:-0.01em;}
.bbs_FaqA > li.faq .cnt{padding-left:4.6rem;}
.bbs_FaqA > li.faq.on{border-bottom:1px solid #2A66D4;}
.bbs_FaqA > li.faq.on > a{font-weight:600;}
.bbs_FaqA > li.faq.on .cnt:before{top:1.5rem;}

/** 수강신청 **/
/* 공통 */
.bbs_srch{display:flex; align-items:center; justify-content:center; position:relative; margin-bottom:2rem; gap:0.5rem; padding:1.75rem 8rem; border:1px solid #ccc; border-radius:0.8rem;}
.bbs_srch:has(.srch_wrap){gap:1.3rem;}
.bbs_srch .srch-tit{flex-shrink:0; font-size:1rem; color:#111; font-weight:700;}
.bbs_srch .srch_wrap{display:flex; flex:1; min-width:0; align-items:center; gap:0.5rem;}
.bbs_srch{
    --srchSize:2.7rem;
}
.bbs_srch .srch_wrap .srch_form {display:flex; overflow: hidden; position:relative; z-index:1; width:100%; height:var(--srchSize);}
.bbs_srch .srch_wrap .srch_form:before{display:block; position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; border:1px solid #ccc; border-radius:4px; background:#fff; content:'';}
.bbs_srch .srch_wrap .srch_form:after{display:block; position:absolute; top:calc((100% - 1.25rem) / 2); left:8.1rem; width:1px; height:1.25rem; background:#d5d5d5; content:'';}
.bbs_srch select,
.bbs_srch input.inpTxt{position:relative; margin:0; padding:0 1.2rem; border:none; background-color:transparent; font-size: 0.9rem;}
.bbs_srch select {width:8.1rem; height:100%; background-image:url(/00_common/images/search/ico-arrow.png); background-repeat:no-repeat; background-position:right 24px center; color:#333; font-weight: 600;}
.bbs_srch input.inpTxt {flex:1; min-width:0; height: 100% !important; border:none; font-weight: 400;}
.bbs_srch input.inpTxt::placeholder {color: #666;}
.bbs_srch button.btnSearch{position:relative; flex-shrink:0; width:var(--srchSize); height:var(--srchSize); padding:0; border:none; border-radius:6px; background:#004DA0 url(/00_common/images/search/ico-search.png) no-repeat center; font-size:0; color:transparent; line-height:0;}
.bbs_srch button.btnSearch:hover,
.bbs_srch button.btnSearch:focus{background-color:#004DA0;}
.bbs_srch button.btnSearch:focus{outline:2px solid #fff; outline-offset:-0.2rem;}
.bbs_srch select:focus,
.bbs_srch input.inpTxt:focus{outline-offset:-0.3rem;}
.bbs_srch .srch_wrap .srch_form.no-after:after{content: none;}
.bbs_srch > select,
.bbs_srch > input.inpTxt,
.bbs_srch > button.btnSearch{overflow:hidden; border-radius:4px; height:var(--srchSize) !important;}
.bbs_srch > select,
.bbs_srch > input.inpTxt{border:1px solid #ccc; background-color:#fff;}


/* 01 : 교육프로그램 리스트 */
.edu_list{position:relative; border-top:2px solid #174799; border-bottom:1px solid #888;}
.edu_list > ul{}
.edu_list > ul > li{position:relative; padding:2rem 0.75rem;}
.edu_list > ul > li + li:before{display:block; position:absolute; top:0; left:0; width:100%; height:1px; background:#D5D5D5; content:'';}
.edu_list > ul > li a{display:flex; position:relative; width:100%; gap:1.8rem;}
.edu_list > ul > li .img{display:flex; flex-shrink:0; overflow:hidden; position:relative; width:240px; background:#F7F7F7; border-radius:10px;}
.edu_list > ul > li .img > span{display:flex; align-items:center; justify-content:center; width:100%; height:160px; text-align:center;}
.edu_list > ul > li .img img{width:auto; height:100%; transform:scale(1); transition:transform 0.3s ease;}
.edu_list > ul > li .img.private{}
.edu_list > ul > li .img.private > span{display:flex; flex-direction:column; position:relative;}
.edu_list > ul > li .img.private > span:before{display:block; position:relative; font-size:2rem; color:#D0D0D0; font-family:'remixicon'; content: "\f5ed";}
.edu_list > ul > li .img.private > span em{font-size:16px; color:#B3B3B3;}
.edu_list > ul > li .con{display:flex; flex:1; flex-direction:column; justify-content:center; position:relative; min-width:0; width:100%; gap:1.2rem;}
.edu_list > ul > li .edu-tit{display:flex; flex-wrap:wrap; align-items:center; position:relative; gap:1rem;}
.edu_list > ul > li .edu-tit > span{font-size:1.1rem; letter-spacing:-0.01em; line-height:1.5; font-weight:700;}
.edu_list > ul > li .edu-badge{display:flex; align-items:center; position:relative; gap:0.5rem;}
.edu_list > ul > li .edu-badge > span{display:inline-flex; align-items:center; justify-content:center; position:relative; width:auto; height:1.5rem; padding:0 0.6rem; border-radius:4px; font-size:16px; letter-spacing:-0.02em; line-height:1; font-weight:500;}
.edu_list > ul > li .edu-badge .type{border:1px solid #ccc; background:#fff; color:#2E2E2E;}
.edu_list > ul > li .edu-badge .period{border:1px solid #E02117; background:#E02117; color:#fff;}
.edu_list > ul > li .edu-badge .waiting{border:1px solid #174799; background:#174799; color:#fff;}
.edu_list > ul > li .edu-badge .closed{border:1px solid #757575; background:#757575; color:#fff;}
.edu_list > ul > li .edu-info{display:flex; flex-wrap:wrap; position:relative; gap:0.6rem 1.5rem;}
.edu_list > ul > li .edu-info li{display:flex; align-items:center; position:relative; gap:0.5rem;}
.edu_list > ul > li .edu-info li > span{font-size:0.85rem; color:#444; letter-spacing:-0.02em; line-height:1;}
.edu_list > ul > li .edu-info li .label{display:inline-flex; flex-shrink:0; overflow:hidden; align-items:center; justify-content:center; height:1.4rem; padding:0 0.7rem; background:#F5F5F5; border-radius:4px; color:#222; font-weight:600;}
.edu_list > ul > li.end a{pointer-events:none;}
.edu_list > ul > li.end .edu-tit > span,
.edu_list > ul > li.end .edu-badge .type,
.edu_list > ul > li.end .edu-info li > span,
.edu_list > ul > li.end .edu-info li .label{color:#757575;}
/*.edu_list > ul > li.end .edu-badge .period{border:1px solid #757575; background:#757575; color:#fff;}*/
/* active */
.edu_list > ul > li a:focus-visible{outline-offset:0.3rem;}
.edu_list > ul > li:not(.end) a:hover .img img,
.edu_list > ul > li:not(.end) a:focus .img img{transform:scale(1.05);}
.edu_list > ul > li:not(.end) a:hover .edu-tit > span,
.edu_list > ul > li:not(.end) a:focus .edu-tit > span{text-decoration:underline; text-underline-position:under;}

/* 02 : 미리보기 정보 */
.edu_view{}
.edu_view .box_st1{padding:2.5rem 2.95rem 3rem;}
.edu_view .box_st1 .box_inner{}
.edu_view .eduProgram{display:flex; position:relative; width:100%; gap:2.5rem;}
.edu_view .eduProgram .con{display:flex; flex:1; flex-direction:column; justify-content:space-between; position:relative; min-width:0; padding:0.8rem 0 0.2rem;}
.edu_view .eduProgram .edu-tit{display:flex; flex-direction:column; position:relative; width:100%;}
.edu_view .eduProgram .edu-tit > span{font-size:1.6rem; color:#2E2E2E; line-height:2rem; font-weight:700;}
.edu_view .eduProgram .edu-tit:has(.shareBox) {padding-right:4.2rem;}
.edu_view .eduProgram .edu-badge{display:flex; align-items:center; justify-content:flex-start;}
.edu_view .eduProgram .edu-badge:has(span){margin-bottom:0.6rem;}
.edu_view .eduProgram .edu-badge > span{display:flex; align-items:center; justify-content:center; height:1.6rem; padding:0 1.2rem; background:#F5F5F5; border:1px solid rgba(0, 0, 0, 0.3); border-radius:2.5rem; font-size:16px; color:#434343; font-weight:600;}
.edu_view .eduProgram .img{display:flex; overflow:hidden; flex-shrink:0; position:relative; width:400px; height:400px; background:#F7F7F7; border-radius:10px;}
.edu_view .eduProgram .img span{display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
.edu_view .eduProgram .img a{position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
.edu_view .eduProgram .img a img{width:auto; height:100%;}
.edu_view .eduProgram .img a .view-more{display:flex; align-items:center; justify-content:center; position:absolute; inset:0; background:rgba(0,0,0,0.45); color:#fff; font-size:0.95rem; font-weight:600; letter-spacing:0.05em; opacity:0; transition:opacity 0.25s ease; pointer-events:none;}
.edu_view .eduProgram .img a:hover .view-more,
.edu_view .eduProgram .img a:focus .view-more{opacity:1;}
.edu_view .eduProgram .etcBox{display:flex; position:absolute; align-items:flex-end; top:0; right:0; gap:0.5rem;}
.edu_view .eduProgram .snsBox{position:relative;}
.edu_view .eduProgram .snsBox .snsMore{right:0;}
.edu_view .eduProgram .shareBox{display:flex; overflow:hidden; flex-direction:column; border:1px solid #ccc; border-radius:8px; background:#fff;}
.edu_view .eduProgram .shareBox .shareBtn{display:flex; align-items:center; justify-content:center; position:relative; width:4rem; height:4rem; padding:0;}
.edu_view .eduProgram .shareBox span{display:none;}
.edu_view .eduProgram .btnGrp .btn{margin:0;}
.edu_view .eduProgram .shareBox .shareBtn:hover,
.edu_view .eduProgram .shareBox .shareBtn:focus{border:1px solid #004DA0; background:#fff;}
.edu_view .eduProgram .shareBox .shareBtn:hover span,
.edu_view .eduProgram .shareBox .shareBtn:focus span{color:#004DA0;}

/* 03 : 수강신청 정보입력 */
.edu_write form,
.edu_write fieldset{line-height:1.5;}
.edu_write .edu_list > ul > li{padding:1rem 0;}
.edu_write .edu_list > ul > li .link{display:flex; align-items:center; position:relative; width:100%; gap:1.75rem;}
.edu_write .edu_list > ul > li .img{width:180px;}
.edu_write .edu_list > ul > li .img > span{height:100px;}
.edu_write .edu_list > ul > li .img img{width:100%; height:100%;}
.edu_write .edu_list > ul > li .edu-info{max-width:35rem;}
.edu_write .edu_list > ul > li .edu-info li{width:calc(50% - 0.75rem);}
.edu_write .edu_list > ul > li .total{display:flex; align-items:center; flex-direction:column; position:absolute; right:0;}
.edu_write .edu_list > ul > li .total span:not(.price){font-size:16px; color:#747678; letter-spacing:-0.02em; font-weight:400;}
.edu_write .edu_list > ul > li .total .price{margin-top:0.5rem; font-size:1.5rem; color:#333; line-height:1; letter-spacing:-0.02em; font-weight:700;}
.edu_write .BD_table table{table-layout:fixed;}
.edu_write .privacy{margin-top:2.25rem;}
.edu_write .privacy ul{margin-top:0.5rem;}
.edu_write .privacy .box_st3{margin-top:1rem; margin-bottom:0; border:none;}
.edu_write .privacy .box_st3 .box_wrap{overflow-y:auto; position:relative; width:100%; max-height:16rem;}
.edu_write .privacy .box_inner + .box_inner{margin-top:1.5rem;}
.edu_write .privacy .agree{display:flex; flex-direction:column; align-items:center; position:relative; margin-top:1.5rem; padding-top:1rem; gap:0.6rem;}
.edu_write .privacy .agree:before{display:block; position:absolute; top:0; left:0; width:100%; border-top:1px dashed #ccc; content:'';}
.edu_write .privacy .agree > div{display:flex; position:relative;}
.edu_write .privacy .agree .form-tit{margin-right:5rem;}
.edu_write .edu_list > ul > li .con{padding-right:7.5rem;}

/* 공공누리 */
#subContent .kogl_bg4{display:flex; align-items:center; position:relative; padding:15px; border-radius:0.5rem;}
#subContent .kogl_bg4 ul{display:flex; flex:1; position:relative; min-width:0; padding-left:0; line-height:inherit;}
#subContent .kogl_bg4 ul li{margin-top:0; font-size:16px; line-height:1.2; font-weight:500;}
#subContent .kogl_bg4 ul li span{font-weight:600;}

/* 강의계획표 */
.preline {white-space: pre-line;}

/* 시설물 예약 */
#subContent .fcltyInfo ul{gap:1.4rem;}
#subContent .fcltyInfo ul li{width:calc((100% - 4.2rem) / 4);}
#subContent .fcltyItem .titlabel{margin-bottom:0;}
#subContent .fcltyItem .cntlabel{margin-top:5px;}
#subContent .resveDetail{border-radius:1rem;}
#subContent .resveDetail .img{display:flex; overflow:hidden; align-items:center; justify-content:center; position:relative; background:#d5d5d5;}
#subContent .resveDetail .img img{width:100%; height:100%; object-fit:contain;}
#subContent .resveDetail .noneImg{width:100%; height:100%;}
#subContent .resveDetail .cnt{display:flex; flex-direction:column; position:relative; height:100%;}
#subContent .resveDetail .cnt .title{margin-top:0 !important;}
#subContent .resveDetail .cnt ul{display:flex; position:relative; flex-direction:column; margin-top:0.5rem; gap:0.5rem;}
#subContent .resveDetail .cnt ul li{position:relative; width:100%; margin-top:0;}
#subContent .resveDetail .cnt ul li span{display:flex; position:relative;}
#subContent .resveDetail .cnt .lineL{width:auto; min-width:4rem; padding-right:0.5rem;}
#subContent .resveDetail .cnt .lineL + span{position:relative; padding-left:0.5rem; color:#222;}
#subContent .resveDetail .cnt .lineL + span:before{display:block; position:absolute; top:6px; left:0; width:1px; height:14px; background:#888; content:'';}
#subContent .resveDetail .cnt .txt{display:block; position:relative; margin-top:2rem; padding:0.5rem; float:none; height:6rem; border-radius:10px; background:rgba(0, 0, 0, 0.05); word-break:break-all;}
#subContent .resveDetail .cnt .txt > p{font-size:0.85rem !important; color:#222; font-family:'Pretendard' !important;}
#subContent .cal_box .inner table td div ul li a{transition:border 0.3s, backgroud-color 0.3s, color 0.3s;}
#subContent .cal_box .inner table td div ul li .btn_gr{border:1px solid #666; background-color:#fff; color:#222;}
#subContent .cal_box .inner table td div ul li .btn_gr:hover,
#subContent .cal_box .inner table td div ul li .btn_gr:focus{border:1px solid #222; background-color:#222; color:#fff;}
#subContent .cal_box .inner table td div ul li .btn_red{border:1px solid var(--rise-color-red); background-color:rgba(255, 45, 35, 0.05); color:var(--rise-color-red);}
#subContent .cal_box .inner table td div ul li .btn_red:focus,
#subContent .cal_box .inner table td div ul li .btn_red:hover{border:1px solid var(--rise-color-red); background-color:var(--rise-color-red); color:#fff;}
#subContent .cal_box .inner table td div ul li .btn_bl{border:1px solid var(--rise-color-blue); background-color:rgba(7, 114, 237, 0.05); color:var(--rise-color-blue);}
#subContent .cal_box .inner table td div ul li .btn_bl:hover,
#subContent .cal_box .inner table td div ul li .btn_bl:focus{border:1px solid var(--rise-color-blue); background-color:var(--rise-color-blue); color:#fff;}

/* 글쓰기 팝업 */
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content div[class^="box_st"]{margin:0; padding:1.2rem 1rem;}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content table thead th{font-size:0.9rem;}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content table tbody td{font-size:0.85rem;}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content table input[type="radio"],
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content table input[type="checkbox"]{position:relative !important; overflow:visible !important; width:17px !important; height:17px !important; margin-bottom:2px !important; clip:unset !important; }
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button{display:inline-flex; align-items:center; justify-content:center; position:relative; min-width:8.5rem; width:auto; height:2.25rem; padding:0 1rem; border:2px solid #666665; background-color:#fff; border-radius:0.3rem; font-size:16px !important; color:#222; line-height:1.5; font-weight:600; transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-dark{border:1px solid #222; background-color:rgba(102, 102, 102, 0.05); color:#222;}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn_blue{border:1px solid var(--rise-color-blue); background-color:rgba(7, 114, 237, 0.05); color:var(--rise-color-blue);}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn_navy{border:1px solid var(--rise-color-navy); background-color:rgba(0, 77, 160, 0.05); color:var(--rise-color-navy)}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn_red{border:1px solid var(--rise-color-red); background-color:rgba(255, 45, 35, 0.05); color:var(--rise-color-red);}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn_grn{border:1px solid var(--rise-color-green); background-color:rgba(0, 129, 158, 0.05); color:var(--rise-color-green);}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-dark:hover{border:2px solid #222; background-color:#222; color:#fff;}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn_blue:hover{border:2px solid var(--rise-color-blue); background-color:var(--rise-color-blue); color:#fff;}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn_navy:hover{border:2px solid var(--rise-color-navy); background-color:var(--rise-color-navy); color:#fff;}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn_red:hover{border:2px solid var(--rise-color-red); background-color:var(--rise-color-red); color:#fff;}
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn_grn:hover{border:2px solid var(--rise-color-green); background-color:var(--rise-color-green); color:#fff;}

/* datepicker */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year{color:#111;}

/* 게시판 기존 만족도 평가 */
.poll{padding:1.75rem 2rem 2.25rem; background-color:#F5F5F5; border-radius:0.8rem;}
.poll .tit p{font-size:0.85rem; color:#111; font-weight:400;}
.poll .form_ele_group{display:inline-flex; align-items:center; position:relative; min-height:auto; margin-right:1rem; font-size:0.85rem; line-height:1.2;}
.poll .form_ele_group input:checked + .checkmark{}
.poll .inp{margin-top:0.6rem;}
.poll .inp textarea{padding:0.2rem 0.5rem; border:1px solid #ccc; border-radius:0.5rem; font-size:0.8rem;}
.poll .inp button{background-color:#004DA0; border-radius:0.5rem;}

/* 차트박스 */
#subContent .chart-box h4{font-size:1.2rem; color: #004DA0; font-weight:700;}
#subContent .stat-card h4{font-size:1rem; color: #111; font-weight:700;}

/* 버튼 : 레이어팝업 */
.btnPopup{display:inline-block; position:relative;}
.btnPopup > button{}
.btnPopup .btnPopup_wrap{display:none; flex-direction:column; position:absolute; z-index:10; bottom:calc(100% + 0.5rem); left:50%; padding:0.6rem 0.8rem 0.8rem; border:1px solid #222; background-color:#fff; border-radius:0.5rem; transform:translateX(-50%);}
.btnPopup .btnPopup_wrap > p{font-weight:700; text-align:left;}
.btnPopup .btnPopup_wrap .btnPopGrp{display:flex; flex-direction:column; position:relative; gap:0.4rem; margin-top:0.4rem;}
.btnPopup .btnPopup_wrap .btnPopGrp > .btn{margin:0;}
.btnPopup .btnPopup_wrap .btnPopClose{display:flex; align-items:center; justify-content:center; position:absolute; top:0.7rem; right:0.7rem; width:1.1rem; height:1.1rem; background-color:#555; border-radius:5px; font-size:13px; color:#fff;}
.btnPopup.active .btnPopup_wrap{display:flex;}

/* 구글 번역 */
html:not([lang="ko"]) .BD_Top > form{flex-direction:column;}

@media screen and (min-width:561px) {
    /* photo_list2 */
    .photo_list2 ul li dd.date span{margin-left:13px; padding-left:15px;}
    
    .BD_Top .BD_top_right:not(:has(.inpTxt)) {margin-left:auto;}
}

@media screen and (min-width:861px) {
    .BD_Top .BD_top_right {margin-left:auto;}
    
    /* photo_list */
    .photo_list ul li:nth-child(-n + 3):before{display:none;}
}

@media screen and (min-width:1025px) {
    /* BD_table */
    .BD_table > table tbody .bu_info{font-size:0.85rem;}
    .BD_table > table tbody .bu_info:before{top:0.1rem; font-size:1.05rem;}
}

@media screen and (min-width:1441px) {
    /* 04 : 수강신청 결제완료 */
    .Coming_soon.type2{max-width:70rem; margin:0 auto;}
}

@media screen and (max-width:1640px) {
    div[class*='BD_'] .tbl_st thead tr th,
    div[class*='BD_'] .tbl_st tbody tr th,
    div[class*='BD_'] .tbl_st tbody tr td,
    div[class*='BD_'] .tbl_st tfoot tr th,
    div[class*='BD_'] .tbl_st tfoot tr td,
    div[class*='BD_'] .tbl_st_row tbody tr th,
    div[class*='BD_'] .tbl_st_row tbody tr td,
    div[class*='BD_'] .tbl_st_row tfoot tr th,
    div[class*='BD_'] .tbl_st_row tfoot tr td{padding-left:0.5vw; padding-right:0.5vw;}
    
    /* BD_Top */
    .BD_Top .BD_top_right .BD_srch select,
    .BD_Top .BD_top_right .BD_srch input,
    .BD_Top .BD_top_right .BD_srch button{height:2.25rem; font-size:0.9rem;}
    .BD_Top .BD_top_right .BD_srch select{min-width:6.5rem;}
    
    /* bbs_ViewA */
    .bbsV_atchmnfl dt{width:15vw;}
    
    /* photo_list */
    .photo_list ul{gap:0 3.5vw;}
    .photo_list ul li{width:calc((100% - 7vw) / 3);}
    /* photo_list2 */
    .photo_list2 ul li > a{gap:2.5vw;}
    .photo_list2 ul li dt{font-size:1.1rem;}
    
    /** 수강신청 **/
    /* 공통 */
    .bbs_srch{padding:1.75rem 8vw;}
    
    /* 01 : 교육프로그램 리스트 */
    .edu_list > ul > li a{gap:2vw;}
    .edu_list > ul > li .edu-info{gap:0.6rem 1.2rem;}
    .edu_list > ul > li .con{gap:1rem;}
    /* 02 : 미리보기 정보 */
    .edu_view .eduProgram{gap:2vw;}
    .edu_view .box_st1{padding:2.5rem 2vw;}
    .edu_view .eduProgram .edu-tit > span{font-size:1.5rem;}
    .edu_view .eduProgram .edu-tit:has(.shareBox){padding-right:4rem;}
    .edu_view .eduProgram .img{width:350px; height:370px;}
    .edu_view .eduProgram .shareBox .shareBtn{width:3.4rem; height:3.4rem;}
    
    /* 시설물 예약 */
    #subContent .fcltyInfo ul{gap:3vw;}
    #subContent .fcltyInfo ul li{width:calc((100% - 6vw) / 3);}
}

@media screen and (max-width:1440px) {
    /* BD_Top */
    .BD_Top .BD_top_right{float:none; width:auto; clear:none;}
    .BD_Top .BD_top_right .BD_srch{width:auto;}
    .BD_Top .BD_top_right .BD_srch select{float:none; width:auto; margin-right:0;}
    
    /* photo_list : 공통 */
    div[class^="photo_list"] ul li{padding:2rem 0;}
    /* photo_list */
    .photo_list ul{gap:0 2.5vw;}
    .photo_list ul li{width:calc((100% - 5vw) / 3);}
    
    /* 01 : 교육프로그램 리스트 */
    .edu_list > ul > li{padding:2rem 0}
    .edu_list > ul > li a{gap:1.5vw;}
    
    .edu_view .eduProgram .img{width:25vw;}
    
    /* 시설물 예약 */
    #subContent .fcltyInfo ul{gap:2.2vw;}
    #subContent .fcltyInfo ul li{width:calc((100% - 4.4vw) / 3);}
    #subContent .resveDetail{padding:2rem 2.5vw;}
    #subContent .resveDetail .img{width:45%; height:350px;}
    #subContent .resveDetail .cnt{width:55%;}
}

@media screen and (max-width:1240px) {
    div[class*='BD_'] .tbl_st thead tr th,
    div[class*='BD_'] .tbl_st tbody tr th,
    div[class*='BD_'] .tbl_st tbody tr td,
    div[class*='BD_'] .tbl_st tfoot tr th,
    div[class*='BD_'] .tbl_st tfoot tr td,
    div[class*='BD_'] .tbl_st_row tbody tr th,
    div[class*='BD_'] .tbl_st_row tbody tr td,
    div[class*='BD_'] .tbl_st_row tfoot tr th,
    div[class*='BD_'] .tbl_st_row tfoot tr td{padding-left:0.5rem; padding-right:0.5rem;}
    
    /* bbs_ViewA */
    .bbsV_atchmnfl dt{width:20vw;}
    .bbsV_atchmnfl dd{padding:1rem 1.2rem;}
    .bbsV_atchmnfl dd ul.bbsV_file li a{font-size:16px;}
    
    /* 01 : 교육프로그램 리스트 */
    .edu_list > ul > li{padding:2rem 0.5rem;}
    .edu_list > ul > li a{gap:1.2rem;}
    /* 02 : 미리보기 정보 */
    .edu_view .box_st1{padding:2rem 3vw;}
    .edu_view .eduProgram .con{padding-top:0;}
    .edu_view .eduProgram .edu-badge:has(*){margin-bottom:0.5rem;}
    .edu_view .eduProgram .edu-tit > span{font-size:1.4rem;}
    .edu_view .eduProgram .img{width:30vw;}
    .edu_view .eduProgram .snsBox{bottom:0;}
    
    /* 게시판 기존 만족도 평가 */
    .poll{padding:1.25rem 1.5rem 1.5rem;}
    
    /* 버튼 : 레이어팝업 */
    .btnPopup{display:none;}
}

@media screen and (max-width:1024px) {
    /* 게시판 전용 버튼 */
    .btn_st a,
    .btn_st button{font-size:0.85rem;}
    
    /* BD_Top */
    .BD_Top .BD_top_right .BD_srch select{min-width:6rem;}
    
    /* BD_table */
    .BD_table > table tbody tr.koglTypeSelector td{padding-top:0.25rem;}
    .BD_table > table tbody tr.koglTypeSelector .form-check{margin-top:0.4rem;}
    
    /* BD_list */
    .BD_list table td + td.noti{margin-top:3px;}
    .BD_list table thead tr th,
    .BD_list table tbody tr th,
    .BD_list table tbody tr td,
    .BD_list table tfoot tr th,
    .BD_list table tfoot tr td{padding:0.65rem 0.5rem; font-size:0.85rem;}
    
    /* bbs_ViewA */
    .bbs_ViewA h3{padding:15px 0;}
    .bbs_ViewA .bbsV_data{padding:12px 0;}
    .bbs_ViewA .bbsV_data li{padding:0 1.5rem;}
    
    /* bbsV_prne */
    .bbsV_prne li{font-size:16px;}
    
    /* photo_list2 */
    .photo_list2 ul li .img{width:36vw;}
    .photo_list2 ul li dt{font-size:1rem;}
    
    /* faq */
    .bbs_FaqA > li > a{padding:1rem 3rem;}
    .bbs_FaqA > li.faq > a{padding-left:3rem;}
    .bbs_FaqA > li.faq > a:before{left:1rem;}
    .bbs_FaqA > li .cnt{padding:1.2rem 2.5rem;}
    .bbs_FaqA > li.faq .cnt{padding-left:4rem;}
    .bbs_FaqA > li.faq .cnt:before{left:2rem;}
    .bbs_FaqA > li.faq.on .cnt:before{top:1.2rem;}
    
    /* 01 : 교육프로그램 리스트 */
    .edu_list > ul > li .edu-badge > span{height:1.4rem; padding:0 0.5rem; font-size:15px; line-height:normal;}
    /* 02 : 미리보기 정보 */
    .edu_view .box_st1{padding:2rem 2.5vw 1.5rem;}
    .edu_view .eduProgram .con{padding:0;}
    .edu_view .eduProgram .edu-tit > span{font-size:1.2rem; line-height:1.8rem;}
    .edu_view .eduProgram .edu-badge:has(*){margin-bottom:0.4rem}
    .edu_view .eduProgram .edu-badge > span{height:1.5rem; padding:0 1rem;}
    .edu_view .eduProgram .edu-tit:has(.shareBox){padding-right:3.5rem;}
    .edu_view .eduProgram .shareBox .shareBtn{width:3rem; height:3rem;}
    .edu_view .eduProgram .img{width:280px; height:320px;}
    .edu_view .eduProgram .tbl_st_row.responsive tbody tr.w50{flex-wrap:wrap; gap:0.2rem 0;}
    .edu_view .eduProgram .tbl_st_row.responsive tbody tr.w50 > td{width:calc(100% - 5.5rem);}
    /* 03 : 수강신청 정보입력 */
    .edu_write .edu_list > ul > li .link{gap:1.2rem;}
    .edu_write .edu_list > ul > li .edu-info{max-width:100%;}
    .edu_write .edu_list > ul > li .con{padding-right:0;}
    .edu_write .edu_list > ul > li .total{flex-direction:row; position:relative; gap:1.2rem;}
    .edu_write .edu_list > ul > li .total .price{margin-top:0; font-size:1.2rem;}
    .edu_write .edu_list > ul > li .total span:not(.price){padding-left:0.7rem; font-weight:600;}
    .edu_write .privacy .box_st3 .box_wrap{max-height:15rem;}
    /* 05 : 나의 수강내역 */
    .edu_mypage table tbody td.BD_tm_none{display:none !important;}
    .edu_mypage table tbody td .btns{display:inline-flex; }
    .edu_mypage table tbody td .btns .btn.sm{height:1.8rem;}
    .edu_mypage table tbody td.td_tit{font-size:0.95rem; font-weight:700;}
    .edu_mypage table tbody td.td_tit .mTit{display:none !important;}
    
    .tbl_st_row.responsive tbody tr.aply_w50{flex-wrap:wrap; gap:0.2rem 0;}
    .tbl_st_row.responsive tbody tr.aply_w50 > td{width:calc(100% - 7rem);}
    
    /* 차트박스 */
    #subContent .chart-box h4{font-size:1.1rem;}
    #subContent .stat-card h4{font-size:0.9rem;}
}

@media screen and (max-width:910px) {
    /* BD_Top */
    .BD_Top .BD_total{margin-bottom:0;}
    .BD_Top .BD_srch button{margin-top:0;}
}

@media screen and (max-width:860px) {
    /* 게시판 전용 버튼 */
    .btn_st a,
    .btn_st button{margin:0.3rem;}
    
    /* BD_Top */
    .BD_Top:not(.type2),
    .BD_Top:not(.type2) > form{flex-direction:column;}
    .BD_Top:not(.type2) .BD_top_right{margin-top:0.5rem;}
    .BD_Top .BD_top_right .BD_srch select{background-image:url(/00_common/images/con_com/select_arrow.png);}
    .BD_Top .BD_top_right .BD_srch .inpTxt{min-width:auto; width:100%;}
    .BD_Top .BD_top_right .BD_srch > div *:first-child{margin:0;}
    
    /* photo_list : 공통 */
    div[class^="photo_list"] ul li .img{height:182px;}
    /* photo_list */
    .photo_list ul{gap:0 3vw;}
    .photo_list ul li{width:calc((100% - 3vw) / 2);}
    
    /** 수강신청 **/
    /* 공통 */
    .bbs_srch{gap:0.7rem; padding:1.2rem 1.5rem;}
    .bbs_srch:has(.srch_wrap){flex-direction:column;}
    .bbs_srch .srch_wrap{flex:auto; min-width:auto; width:100%;}
    .bbs_srch .srch_wrap .srch_form:after{left:7.8rem;}
    .bbs_srch select,
    .bbs_srch input.inpTxt{padding:0 1rem;}
    .bbs_srch select{width:7.8rem; background-position:right 18px center;}

    
    /* 01 : 교육프로그램 리스트 */
    .edu_list > ul > li .img{width:230px;}
    /*.edu_list > ul > li .img > span{height:150px;}*/
    .edu_list > ul > li .con{gap:0.8rem;}
    .edu_list > ul > li .edu-info{gap:0.5rem 1rem;}
    
    /* 02 : 미리보기 정보 */
    .edu_view .eduProgram .etcBox{align-items:flex-start; bottom:auto; top:0;}
    .edu_view .eduProgram .snsBox > button,
    .edu_view .eduProgram .snsBox .snsMore .btnClose{width:1.8rem; height:1.8rem;}
    .edu_view .eduProgram .shareBox .shareBtn{width:2.5rem; height:2.5rem; padding:0;}
    .edu_view .eduProgram .shareBox .shareBtn span{display:none;}
    .edu_view .eduProgram .shareBox .shareBtn img{width:1.8rem;}
    
    /* 시설물 예약 */
    #subContent .fcltyInfo ul{gap:4vw;}
    #subContent .fcltyInfo ul li{width:calc((100% - 4vw) / 2);}
    #subContent .resveDetail .img{height:320px;}
    #subContent .resveDetail .cnt ul{margin-top:0;}
    #subContent .resveDetail .cnt .txt{height:5rem; margin-top:1.5rem;}
}

@media screen and (min-width:481px) and (max-width:860px) {
    /* photo_list */
    .photo_list ul li:nth-child(-n + 2):before{display:none;}
}

@media screen and (max-width:808px) {
    /* BD_table */
    .BD_table > table .btn_st a,
    .BD_table > table .btn_st button{margin:0;}
    
    .BD_table > table .add > input{flex:1; min-width:0;}
    .BD_table > table .type{display:flex; justify-content:center;}
}

@media screen and (max-width:800px) {
    /* 시설물 예약 */
    #subContent .resveDetail .img{width:100%;}
    #subContent .resveDetail .cnt{width:100%;}
    #subContent .resveDetail{padding:1.5rem;}
}

@media screen and (max-width:768px) {
    /* BD_table */
    .BD_table > table input.hasDatepicker{background-position:right 11px top 9px;}
    .BD_table > table tbody tr.koglTypeSelector td{padding-top:0.4rem;}
    
    /* BD_list : table */
    .BD_list table tr{padding:0.8rem;}
    .BD_list table thead tr th,
    .BD_list table tbody tr th,
    .BD_list table tbody tr td,
    .BD_list table tfoot tr th,
    .BD_list table tfoot tr td{word-break:break-all;}
    .BD_list table td:not(.ta_l, .BD_tm_none){padding:0;}
    .BD_list table td.ta_l a{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-weight:600; white-space:normal;}
    .BD_list table td.ta_l + td{margin-top:0.5rem;}
    .BD_list table td em.mTit{flex-shrink:0; margin-left:0; padding:0 0.5rem 0 12px; text-align:left;}
    .BD_list table td em.mTit:before{top:0.5rem;}
    .BD_list table tbody tr td,
    .BD_list table tfoot tr td{font-size:15px;}
    .BD_list table tr.no_date{padding:2rem 0;}
    .BD_list table tr:hover .ta_l a,
    .BD_list table tr:focus .ta_l a{color:#111;}
    .BD_list table tr:hover em.mTit{color:#444;}
    .BD_list table tr:hover em.mTit:before{background:#666;}
    
    /* bbs_ViewA */
    .bbs_ViewA .bbsV_data li{padding:0 1rem;}
    .bbsV_atchmnfl dl{flex-direction:column;}
    .bbsV_atchmnfl dt{width:100%;}
    .bbsV_atchmnfl dd{flex:auto; width:100%; padding:1rem 0.8rem; border-left:none;}
    
    /* photo_list : 공통 */
    div[class^="photo_list"] ul li{padding:1.5rem 0;}
    .photo_list ul li .date,
    .photo_list2 ul li dd.date{margin-top:5px; font-size:16px;}
    /* photo_list2 */
    .photo_list2 ul li .img{width:15rem;}
    
    /* faq */
    .bbs_FaqA > li.faq .cnt{padding-left:3rem;}
    .bbs_FaqA > li.faq .cnt:before{left:1.1rem;}
    
    /* 01 : 교육프로그램 리스트 */
    .edu_list > ul > li{padding:1.5rem 0;}
    .edu_list > ul > li a{align-items:center; gap:1rem;}
    .edu_list > ul > li .edu-info{gap:0.5rem 0.8rem;}
    .edu_list > ul > li .edu-tit{gap:0.5rem;}
    .edu_list > ul > li .edu-tit > span{font-size:1.05rem;}
    .edu_list > ul > li .edu-badge{gap:0.4rem;}
    .edu_list > ul > li .edu-badge > span{height:1.3rem; padding:0 0.3rem; font-size:14px;}
    /* 02 : 미리보기 정보 */
    .edu_view .eduProgram .img{height:300px;}
    /* 03 : 수강신청 정보입력 */
    .edu_write .edu_list > ul > li .img{width:160px;}
    .edu_write .edu_list > ul > li .link{gap:1rem;}
    .edu_write .edu_list > ul > li .total .price{font-size:1.1rem;}
    
    /* 게시판 기존 만족도 평가 */
    .poll{padding:1rem 1.25rem 1.25rem;}
}

@media screen and (max-width:700px) {
    /* 02 : 미리보기 정보 */
    .edu_view .eduProgram{gap:1rem;}
    .edu_view .eduProgram{flex-direction:column;}
    .edu_view .eduProgram .img{order:1; width:100%;}
    .edu_view .eduProgram .con{position:static; order:2;}
    .edu_view .eduProgram .edu-badge > span{padding:0 0.7rem; font-size:15px;}
    .edu_view .eduProgram .edu-tit{position:static;}
    .edu_view .eduProgram .edu-tit:has(.shareBox){padding-right:0;}
    .edu_view .eduProgram .tbl_st_row{margin-top:0.5rem;}
    .edu_view .eduProgram .etcBox{z-index:5; bottom:auto; top:0.8rem; right:0.8rem;}
    .edu_view .eduProgram .shareBox{align-items:center;}
    .edu_view .eduProgram .shareBox .shareBtn{width:4rem; height:4rem;}
    .edu_view .eduProgram .shareBox span{display:block; padding-bottom:0.2rem; font-size:14px; color:#222; line-height:1; font-weight:500;}
    .edu_view .box_st1{padding:1.5rem 1.5rem 1rem;}
    .edu_view .box_st1 .btnGrp{margin-top:1rem;}
}

@media screen and (max-width:640px) {
    /* 게시판 전용 버튼 */
    .btn_st a,
    .btn_st button{width:7.5rem;}
    
    /* BD_list : table */
    .ico-new{width:32px; height:17px; font-size:10px; line-height:normal;}
    
    /* BD_Top */
    .BD_Top .BD_total > span + span{margin-left:auto !important;}
    .BD_Top .BD_total > span + span:before{display:none;}
    
    /* bbs_ViewA */
    .bbs_ViewA h3{padding:12px 0.5rem;}
    .bbs_ViewA .bbsV_cont{margin:40px 0 3rem;}
    
    /* bbsV_prne */
    .bbsV_prne li span{padding:0 0.8rem;}
    
    /* photo_list : 공통 */
    div[class^="photo_list"] ul li .img{height:172px;}
    div[class^="photo_list"] ul li .img.private i{font-size:2.5rem;}
    /* photo_list2 */
    .photo_list2 ul li > a{gap:15px;}
    .photo_list2 ul li .img{width:13rem;}
    
    /* faq */
    .bbs_FaqA > li > a{padding:1rem 2.5rem;}
    .bbs_FaqA > li .cnt{padding:1rem 2rem;}
    .bbs_FaqA > li.faq > a{padding-left:2.5rem;}
    .bbs_FaqA > li.faq > a:before{left:0.75rem; width:1.1rem; height:1.1rem; font-size:1.1rem;}
    .bbs_FaqA > li.faq > a:after{right:0.8rem; font-size:20px;}
    .bbs_FaqA > li.faq .cnt{padding-left:2.5rem;}
    .bbs_FaqA > li.faq .cnt:before{left:0.8rem;}
    .bbs_FaqA > li.faq.on .cnt:before{top:1rem;}
    
    /** 수강신청 **/
    /* 공통 */
    .bbs_srch{padding:1.2rem 1rem;}
    .bbs_srch .srch_wrap .srch_form:after{left:7.5rem;}
    .bbs_srch select,
    .bbs_srch input.inpTxt{padding:0 0.8rem;}
    .bbs_srch select{width:7.5rem; background-position:right 14px center;}
    
    /* 01 : 교육프로그램 리스트 */
    .edu_list > ul > li .img{width:34vw;}
    .edu_list > ul > li .edu-tit{gap:0.2rem 0.5rem;}
    .edu_list > ul > li .edu-info{flex-direction:column;}
    .edu_list > ul > li .edu-info li .label{width:4.5rem;}
    .edu_list > ul > li .img.private > span em{font-size:15px;}
    /* 03 : 수강신청 정보입력 */
    .edu_write .privacy .agree .form-tit{margin-right:2rem;}
    .edu_write .edu_list > ul > li .link{flex-direction:column;}
    .edu_write .edu_list > ul > li .edu-info{flex-direction:row;}
    .edu_write .edu_list > ul > li .total{padding-top:0.7rem;}
    .edu_write .edu_list > ul > li .total:before{display:block; position:absolute; top:0; left:0; width:100%; height:1px; background:#d5d5d5; content:'';}
    /* 04 : 수강신청 결제완료 */
    .Coming_soon.type2 img{padding:0 1rem;}
    
    /* 공공누리 */
    #subContent .kogl_bg4{flex-direction:column; gap:0.2rem; padding:15px 15px 20px 15px;}
    #subContent .kogl_bg4 ul li{padding-left:0; font-size:15px;}
    
    /* 시설물 예약 */
    #subContent .fcltyItem{height:430px;}
    #subContent .resveDetail{padding:1.5rem 1rem;}
}

@media screen and (max-width:600px) {
    .edu_list > ul > li a{flex-direction:column;}
    .edu_list > ul > li .img{width:100%;}
}

@media screen and (max-width: 560px) {
    /* BD_Top */
    .BD_Top:not(.type2) .BD_top_right .BD_srch > div{flex-direction:column; align-items:flex-start; gap:0.5rem;}
    .BD_Top:not(.type2) .BD_top_right .BD_srch select,
    .BD_Top:not(.type2) .BD_top_right .BD_srch input,
    .BD_Top:not(.type2) .BD_top_right .BD_srch button{margin:0 !important; width:100% !important;}
    .BD_Top .BD_top_right .BD_srch .inpTxt{min-width:auto;}
    .BD_Top.type2 > form{flex-direction:column;}
    .BD_Top.type2 .BD_top_right{margin-top:0.5rem;}
    .BD_Top.type2 .BD_top_right .BD_srch select{width:50%;}
    
    /* photo_list2 */
    .photo_list2 ul li a{flex-direction:column;}
    .photo_list2 ul li .img{width:100%;}
    .photo_list2 ul li dl{padding:0; gap:0.4rem;}
    .photo_list2 ul li dd.txt{height:auto;}
    
    /** 수강신청 **/
    /* 공통 */
    .bbs_srch{flex-direction:column;}
    .bbs_srch{
        --srchSize:2.4rem;
    }
    .bbs_srch .srch_wrap{flex-direction:column;}
    .bbs_srch .srch_wrap .srch_form{flex-direction:column; height:auto; gap:0.5rem;}
    .bbs_srch .srch_wrap .srch_form:before,
    .bbs_srch .srch_wrap .srch_form:after{display:none;}
    .bbs_srch select,
    .bbs_srch input.inpTxt{width:100%; height:var(--srchSize) !important; border:1px solid #ccc; background-color:#fff; border-radius:4px;}
    .bbs_srch input.inpTxt{flex:auto; min-width:auto;}
    .bbs_srch button.btnSearch{width:100%;}
    
    /* 01 : 교육프로그램 리스트 */
    .edu_list > ul > li a{flex-direction:column;}
    
    /* 게시판 기존 만족도 평가 */
    .poll .tit p{display:block; margin-top:0.3rem;}
}

@media screen and (max-width:480px) {
    /* 게시판 전용 버튼 */
    .btn_st a,
    .btn_st button{font-size:15px; line-height:normal;}
    
    /* BD_Top */
    .BD_Top .BD_total > span{font-size:15px;}
    
    /* BD_table */
    .BD_table > table .btn_st a,
    .BD_table > table .btn_st button{font-size:14px;}
    
    /* BD_list : table */
    .BD_list table tr{padding:0.8rem 0.4rem;}
    
    /* bbs_ViewA */
    .bbs_ViewA .bbsV_data{display:flex; flex-direction:column; gap:0.2rem;}
    .bbs_ViewA .bbsV_data li:before{top:0.5rem;}
    .bbsV_atchmnfl dd{padding:1rem 0.3rem;}
    .bbsV_atchmnfl dd ul.bbsV_file li a{font-size:15px;}
    .bbsV_atchmnfl dd ul.bbsV_file li a strong{display:flex; align-items:center; padding-left:0;}
    .bbsV_atchmnfl dd ul.bbsV_file li a strong:before{margin-right:0.4rem;}
    
    /* bbsV_prne */
    .bbsV_prne li{font-size:15px;}
    .bbsV_prne li span{padding:0 0.5rem;}
    
    #noticeDtDiv > div{display:flex; flex-direction:column; position:relative;}
    #noticeDtDiv .period_wrap{margin-top:0.3rem;}
    #noticeDtDiv .period_wrap .hasDatepicker{width:calc((100% - 2rem) / 2);}
    
    /* 공공누리 */
    .kogl_bg1{flex-direction:column; align-items:center; gap:0.5rem;}
    .kogl_bg1 img{float:none; margin:8px;}
    .kogl_bg1 ul{font-size:15px;}
    .kogl_bg1 ul li{padding:0 10px; text-align:center;}
    
    /* photo_list : 공통 */
    div[class^="photo_list"] ul{flex-direction:column;}
    div[class^="photo_list"] ul li{width:100%; padding:1.2rem 0 1rem;}
    .photo_list ul li .date,
    .photo_list2 ul li dd.date{font-size:15px;}
    /* photo_list */
    .photo_list ul li .lst_tit{height:auto;}
    /* photo_list2 */
    .photo_list2 ul li dd.txt{font-size:16px;}
    
    /* faq */
    .bbs_FaqA > li .cnt .faqCn{font-size:16px;}
    
    .BD_Top.type2 .BD_top_right .BD_srch > div{flex-direction:column; align-items:flex-start; gap:0.5rem;}
    .BD_Top.type2 .BD_top_right .BD_srch select{width:100%; margin:0;}
    
    /* 01 : 교육프로그램 리스트 */
    .edu_list > ul > li .edu-info li span{font-size:15px;}
    /* 02 : 미리보기 정보 */
    .edu_view .box_st1{padding:1.5rem 1rem 1rem;}
    .edu_view .eduProgram .img{height:240px;}
    .edu_view .eduProgram .edu-tit > span{font-size:1.1rem;}
    .edu_view .eduProgram .edu-badge > span{font-size:14px;}
    .edu_view .eduProgram .tbl_st_row.responsive tbody tr.w50 > td{width:calc(100% - 5rem);}
    
    .BD_table > table .mail,
    .BD_table > table .add{flex-direction:column; line-height:1;}
    .BD_table > table .mail > input,
    .BD_table > table .mail > select,
    .BD_table > table .add > input{flex:auto; min-width:0; width:100% !important;}
    .BD_table > table .add .btns{width:100%;}
    .BD_table > table .add .btns button{width:100%;}
    /* 03 : 수강신청 정보입력 */
    .edu_write .edu_list > ul > li .edu-info{flex-direction:column;}
    .edu_write .edu_list > ul > li .edu-info li{width:100%;}
    .edu_write .edu_list > ul > li .total .price{gap:1rem; font-size:1rem;}
    .edu_write .privacy .agree > div{flex-wrap:wrap; justify-content:center; width:100%;}
    .edu_write .privacy .agree .form-tit{width:100%; margin-bottom:0.2rem; margin-right:0; text-align:center;}
    .edu_write .privacy .box_st3{margin-top:0.7rem;}
    
    /* 시설물 예약 */
    #subContent .fcltyInfo ul{gap:1.5rem;}
    #subContent .fcltyInfo ul li{width:100%;}
    #subContent .resveDetail .img{height:260px;}
    
    /* 게시판 기존 만족도 평가 */
    .poll .inp{height:auto; padding-right:0;}
    .poll .inp textarea{height:4rem;}
    .poll .inp button{position:relative; width:100%; height:2rem; margin-top:0.5rem;}
}

@media screen and (max-width:380px) {
    /* 02 : 미리보기 정보 */
    .edu_view .box_st1 .btnGrp .btn{width:100%; margin:0;}
    .edu_view .box_st1 .btnGrp .btn + .btn{ margin-top:0.5rem;}
    .edu_view .eduProgram .edu-badge{margin-bottom:0.7rem;}
    .edu_view .eduProgram .shareBox .shareBtn{width:3.5rem; height:3.5rem;}
    .edu_view .eduProgram .shareBox span{font-size:13px;}
    /* 04 : 수강신청 결제완료 */
    .Coming_soon.type2{padding:1.7rem 1.5rem 1.3rem;}
}

@media screen and (max-width:360px) {
    /* bbsV_prne */
    .bbsV_prne li span{padding:0 0.5rem;}
    
    /* BD_table */
    .BD_table > table tbody tr.koglTypeSelector .form-check{display:flex; width:100%; margin-top:0.7rem;}
    
    /* faq */
    .bbs_FaqA > li > a{padding:0.9rem 1.5rem;}
    .bbs_FaqA > li .cnt{padding:1rem 1.5rem;}
    .bbs_FaqA > li.faq > a{padding-left:2rem;}
    .bbs_FaqA > li.faq > a:before{top:0.8rem; left:0.5rem; width:1.05rem; height:1.05rem; font-size:1.05rem;}
    .bbs_FaqA > li.faq > a:after{right:0.4rem;}
    .bbs_FaqA > li.faq .cnt{padding-left:2rem;}
    .bbs_FaqA > li.faq .cnt:before{left:0.5rem; font-size:1rem;}
    .bbs_FaqA > li.faq.on .cnt:before{top:1.05rem;}
    
    /** 수강신청 **/
    /* 공통 */
    .bbs_srch{padding:1.2rem 0.7rem;}
    
    /* 01 : 교육프로그램 리스트 */
    .edu_list > ul > li .edu-tit{flex-direction:column; align-items:flex-start; gap:0.4rem;}
    .edu_list > ul > li .edu-tit > span{order:2;}
    .edu_list > ul > li .edu-badge{order:1;}
    /* 02 : 미리보기 정보 */
    .edu_view .eduProgram .snsBox{bottom:auto; top:0;}
    .edu_view .eduProgram .edu-tit > span{padding-right:0; line-height:1.5;}
    .edu_view .eduProgram .tbl_st_row.responsive table tr{padding-left:0; padding-right:0;}
    .edu_view .eduProgram .tbl_st_row.responsive tbody th,
    .edu_view .eduProgram .tbl_st_row.responsive tfoot th{padding-left:0;}
    .edu_view .eduProgram .tbl_st_row.responsive tbody th:before,
    .edu_view .eduProgram .tbl_st_row.responsive tfoot th:before{display:none;}
    .edu_view .eduProgram .tbl_st_row.responsive tbody tr th,
    .edu_view .eduProgram .tbl_st_row.responsive tfoot tr th{min-width:3.5rem;}
    .edu_view .eduProgram .tbl_st_row.responsive tbody tr.w50 > td{width:calc(100% - 4.5rem);}
    /* 04 : 수강신청 결제완료 */
    .Coming_soon.type2 img{padding:0 0.5rem;}
}

@media screen and (max-width:320px) {
    #noticeDtDiv .period_wrap{text-align:center;}
    #noticeDtDiv .period_wrap .hasDatepicker{display:block; width:100%;}
    /* 02 : 미리보기 정보 */
    .edu_view .eduProgram .tbl_st_row.responsive tbody th,
    .edu_view .eduProgram .tbl_st_row.responsive tbody td,
    .edu_view .eduProgram .tbl_st_row.responsive tfoot th,
    .edu_view .eduProgram .tbl_st_row.responsive tfoot td{font-size:14px;}
    .edu_view .eduProgram .tbl_st_row.responsive tbody tr.w50 > td{width:calc(100% - 4rem);}
    
    /* 시설물 예약 */
    #subContent .resveDetail{padding:1.2rem 0.8rem;}
    #subContent .resveDetail .cnt .lineL + span:before{top:5px;}
}