@charset "UTF-8";

.modal-profile .modal-container,
.modal-profile .modal-content{ height:auto;}
.modal-profile .modal-container{ margin-top:3rem;}
.modal-profile .modal-content{ max-height:calc(100vh - 10rem)}

/* 이미지정렬 */
.img_flex{ width:100%; display: flex; flex-wrap: wrap; gap: 1rem;}
.img_flex.col-2 > p{ width:calc(50% - 0.5rem);}
.img_flex.col-3 > p{ width:calc(33.33% - 0.7rem);}

/* sub0102 보훈정신계승연수 */
.eduTrn_wrap .inr { display: flex; align-items: start; flex-wrap: wrap; gap: 0.75rem 1.75rem;}
.eduTrn_wrap .inr + .inr{ padding-top:2rem; margin-top:2rem; border-top:1px dashed #ccc;}
.eduTrn_wrap .inr .icon{ width:6.25rem; height:6.25rem; display: flex; align-items: center; justify-content: center; border-radius:10px; background:#f6f6f6; }
.eduTrn_wrap .inr .txt{ flex:1; min-width:0px; padding-top:1.25rem; }
.eduTrn_wrap .inr .img_flex { width:100%; padding-left:8rem;}
.eduTrn_wrap .inr .img_flex > p{ display: flex; align-items: end; border-radius: 10px; line-height:0; overflow:hidden;}
.eduTrn_wrap .inr .img_flex > p img{ width:100%;}
.eduTrn_wrap .inr.info{ gap: 1rem; flex-wrap: wrap; align-items: normal;}
.eduTrn_wrap .inr dl{ flex:1; border:1px solid #e0e0e0; border-radius:10px; padding:1.3rem 1.5rem;}
.eduTrn_wrap .inr dl dt{ display: flex; font-size: 1rem; font-weight:700; margin-bottom:0.25rem; justify-content: space-between;}
.eduTrn_wrap .inr dl dt i{ font-size:1.2rem; }
.eduTrn_wrap .inr dl.w100{ flex:auto; width:100%; display: flex; align-items: center; gap:0.5rem 1rem;}
.eduTrn_wrap .inr dl.w100 dt{ position:relative; padding-right:1rem; margin:0; justify-content: left;}
.eduTrn_wrap .inr dl.w100 dt:before{ content:""; position: absolute; right:0; top:calc(50% - 0.35rem); height:0.7rem; border-right: 1px solid #e0e0e0;}
.eduTrn_wrap .inr dl.w100 dd:not(.btns){ flex: 1;}
.eduTrn_wrap .inr dl .btns{ margin:0;}

/* sub0103 교육신청 */
.eduReg_wrap ul{ display: flex; flex-wrap: wrap; gap: 1rem;}
.eduReg_wrap li{ position:relative; width:calc(50% - 0.5rem);}
.eduReg_wrap li:before{ content:'\EA70'; position:absolute; right:1rem; top:1rem; width:2.5rem; height:2.5rem; text-align: center; line-height:2.5rem; font-family: 'remixicon'; font-size:1.3rem; border-radius:50%; z-index: 2;}
.eduReg_wrap li a{ position:relative; display: flex; align-items: center; gap: 0.5rem 1.5rem; width:100%; height:100%; padding:1.75rem 1.5rem; border-radius:10px; border:1px solid #ddd; overflow:hidden; }
.eduReg_wrap li a:after{ content:''; position:absolute; left:-1rem; bottom:-1rem; width:172px; height:190px; background:url(/images/web/bohunedu/sub/bg_edureq01.png) no-repeat right bottom/auto 100%;}
.eduReg_wrap li a:before{ content:''; position:absolute; right:-1rem; top:-1rem; width:155px; height:130px; background:url(/images/web/bohunedu/sub/bg_edureq02.png) no-repeat left top/auto 100%;}
.eduReg_wrap li a .ico{ width: 6rem; height: 6rem; border-radius:50%; background:#f4f4f5; display: flex; align-items: center; justify-content: center;}
.eduReg_wrap li a .inr{ flex: 1; min-width:0px;}
.eduReg_wrap li a .inr h5{ font-weight: 600; line-height:1.3; font-size:1.2rem; margin-bottom:0.5rem; padding-right:1.25rem;}
.eduReg_wrap li a .inr span{ display: block; color:#444;}
.eduReg_wrap li:before,
.eduReg_wrap li a,
.eduReg_wrap li a .ico,
.eduReg_wrap li a span,
.eduReg_wrap li a:after,
.eduReg_wrap li a:before{ transition: all 0.2s;}
.eduReg_wrap li:has(> a:hover):before,
.eduReg_wrap li:has(> a:focus):before{ color:#fff; background:rgba(0,0,0,0.4);}
.eduReg_wrap li a:hover,
.eduReg_wrap li a:focus{ background:#2a6900; border-color:#2a6900; color:#fff;}
.eduReg_wrap li a:hover span,
.eduReg_wrap li a:focus span{ color:#fff;}
.eduReg_wrap li a:hover .ico,
.eduReg_wrap li a:focus .ico{ background:#fff;}
.eduReg_wrap li a:hover:after,
.eduReg_wrap li a:focus:after{ left:0; bottom:0;}
.eduReg_wrap li a:hover:before,
.eduReg_wrap li a:focus:before{ right:0; top:0;}

/* 0503 조직도 */
.org_wrap{ margin-bottom:3rem;}
.org_wrap h3{ position:relative; padding-bottom:1.5rem;}
.org_wrap h3:before{ content:""; position:absolute; left:50%; bottom:0; height:1.5rem; border-left:1px solid #ddd;}
.org_wrap h3 p{ width:10rem; height:10rem; display: flex; align-items: center; justify-content: center; flex-direction: column; margin:0 auto; border-radius:50%; border:10px solid #87a503;}
.org_wrap h3 span{ padding-top:0.25rem; font-size:0.9rem;}
.org_wrap h3 strong{ line-height:1.2; font-size:1.2rem;}
.org_wrap ul{ position:relative; display: flex; gap: 2rem; width:100%; max-width:43rem; margin:0 auto;}
.org_wrap ul:before{ content:""; position:absolute; left:15%; top:0; width:70%; border-top:1px solid #ddd;}
.org_wrap li{ position:relative; flex: 1; padding-top:1.5rem;}
.org_wrap li:before{ content:""; position:absolute; left:50%; top:0; height:1.5rem; border-left:1px solid #ddd;}
.org_wrap li span{ display: block; line-height:3rem; text-align: center; font-size:1rem; border-radius:1.5rem; border:2px solid #87a503; font-weight: 700;}

/* sub0302 시설이용절차 */
.call_wrap { display: flex; flex-wrap: wrap; gap: 0.4rem 1.5rem;}
.call_wrap li{ display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem;}
.call_wrap li .icon{ display: inline-block; width:1.8rem; height:1.8rem; line-height:1.8rem; margin-right:0.25rem; border-radius:50%; text-align: center; background:#eee;}
.call_wrap li .icon strong{ font-weight: 600;}

/* sub0301 시설안내 */
.facInfo_wrap{ margin-bottom:3rem;}
.facInfo_wrap .img{ text-align: right; background:url('/images/web/bohunedu/sub/bg_0301.png') no-repeat left top;}
.facInfo_wrap .img img{ max-width:100%; height:auto;}
.facInfo_wrap .inr{ margin-top:-2rem;}
.facInfo_wrap .inr > h5{ font-size:1.4rem; color:#000; font-weight: 200;}
.facInfo_wrap .inr > p{ color:#444; margin-top:1.5rem; }
.facInfo_img + .facInfo_img { margin-top:2rem;}
.facInfo_img{ display: flex; align-items: center; gap: 1rem; overflow:hidden; }
.facInfo_img .swiper-container{ flex: 1; min-width: 0px; overflow:hidden;}
.facInfo_img ul{ /*display: flex; flex-wrap: wrap; gap: 0.75rem;*/ max-width: 100%; margin-top:1rem;}
/* .facInfo_img li{ flex:1; } */
.facInfo_img li a{ position: relative; display: block; line-height:0;}

.facInfo_img li a img{ max-width:100%; height:auto; transition: all 0.2s;}
.facInfo_img li p{ text-align: center; margin-top:0.25rem; font-weight: 600;  }

/* sub0301 시설안내 : 리스트 */
.facInfo_img:not(.facInfo_modal .facInfo_img) li a{background:#000; }
.facInfo_img:not(.facInfo_modal .facInfo_img) li a:before{ content:"\F0D1"; position:absolute; left:0; top:0; width:100%; height:100%; display: flex; align-items: center; justify-content: center; color:#fff; font-family: 'remixicon'; font-size:1.5rem; font-weight: 200; opacity: 0; z-index: 1; transition: all 0.2s;}
.facInfo_img:not(.facInfo_modal .facInfo_img) li a:hover img,
.facInfo_img:not(.facInfo_modal .facInfo_img) li a:focus img{ opacity: 0.5;}
.facInfo_img:not(.facInfo_modal .facInfo_img) li a:hover:before,
.facInfo_img:not(.facInfo_modal .facInfo_img) li a:focus:before{ opacity: 1;}

/* sub0301 시설안내 : 슬라이드 */
.facInfo_img .swiper-button-next,
.facInfo_img .swiper-button-prev{ cursor: pointer; font-size: 2rem; color:#017444;}
.facInfo_img .swiper-button-disabled{ color:#999;}

/* sub0301 시설안내 : 이미지 팝업 */
#imgModal { display: none; }
#imgModal.open { display: block; }
.modal-wrap > .facInfo_modal{ position:absolute; width:100%; margin-top:2rem; background:none; padding:0 1rem; max-width: 40rem;}
.modal-wrap > .facInfo_modal .title{ border-bottom:0px; justify-content: center;}
.modal-wrap > .facInfo_modal .content{ text-align: center;}
.modal-wrap > .facInfo_modal .content{ overflow: auto; max-height:calc(100vh - 10rem);}
.facInfo_modal .facInfo_img .swiper-button-next,
.facInfo_modal .facInfo_img .swiper-button-prev{color:#fff; font-size: 3rem;}


/* sub0301 시설안내 : 슬라이드 */
.facInfo_img .swiper-button-next,
.facInfo_img .swiper-button-prev{ cursor: pointer; font-size: 2rem; color:#017444;}
.facInfo_img .swiper-button-disabled{ color:#999;}

/* sub0104 ebook / sub0105 어린이 나라사랑 잡지 */
.book_wrap ul{ display: flex; gap: 2rem;}
.book_wrap li{ flex: 1;}
.book_wrap li > p{ line-height:0;}
.book_wrap li img{ max-width:100%; height:auto;}
.book_wrap li .txt{ display: flex; justify-content: space-between; align-items: center; margin-top:1rem;}
.book_wrap li .txt strong{ display: block; font-weight: 600; color:#000; font-size:1rem;}

/* sub0505 찾아오시는길 */
.map_Info{ flex-direction: column;}
.map_Info .mvInfr{ margin-top:1.65rem; padding-top:1.65rem; border-top:2px dotted #e2e2e2; border-left:0; padding-left:0; margin-left:0;}


/* 시설대관 캘린더 */
.vocalWrap .calWrap table {display: flex; flex-direction: column; border-top:2px solid #111; border-bottom:1px solid #111;}
.vocalWrap .calWrap table tr {flex: 1; display: flex;}
.vocalWrap .calWrap table th,
.vocalWrap .calWrap table td {display: block; width: calc(100% / 7);}
.vocalWrap .calWrap table td em{ display: inline-block; margin-bottom:5px; font-weight: 600; color:#000; opacity: 0.5;}
.vocalWrap .calWrap table td.selectDt em{ opacity: 1;}
.vocalWrap .calWrap table thead {display: block;}
.vocalWrap .calWrap table thead th {padding: 1rem 0; color: #000; border-bottom:1px solid #111;}
.vocalWrap .calWrap table tbody {flex: 1; display: flex; flex-direction: column;}
.vocalWrap .calWrap table tbody tr td {border-left: 1px solid #eee; border-bottom: 1px solid #eee; background:#f8f8f8; vertical-align: top;}
.vocalWrap .calWrap table tbody tr td.selectDt{ background:#fff;}
.vocalWrap .calWrap table thead tr th:first-child,
.vocalWrap .calWrap table tbody tr td:first-child{ border-left:0;}
.vocalWrap .calWrap table thead tr th:first-child em,
.vocalWrap .calWrap table tbody tr td:first-child em { color:#f30013; border-left:0;}
.vocalWrap .calWrap table thead tr th:last-child em,
.vocalWrap .calWrap table tbody tr td:last-child em { color:#085ea9;}
.vocalWrap .calWrap table tbody tr td .tdWr {display: block; min-height: 5rem; height: 100%; padding: 0.5rem 0.5rem 1rem; font-size: 0.75rem; line-height: 1; position: relative; z-index: 1;}
.vocalWrap .calWrap table tbody tr td .tdWr .cal_data {display: block; font-size: 0.7rem; position: relative; z-index: 1;}
.vocalWrap .calWrap table tbody tr td .tdWr .cal_data > span {display: inline-block; border-radius: 0.25rem; padding: 0.3rem 0.5rem; color: #f4eaee; text-align: center; margin: 0.4rem 0 0.25rem;}
.vocalWrap .calWrap table tbody tr td .tdWr .cal_data > span.no {background: #9e2763;}
.vocalWrap .calWrap table tbody tr td .tdWr .cal_data > span.wait {background: #777;}
.vocalWrap .calWrap table tbody tr td .tdWr .cal_data > span.ing {background: #085ea9;}
.vocalWrap .calWrap table tbody tr td .tdWr .cal_data > span.okay {background: #017444;}
.vocalWrap .calWrap table tbody tr td .tdWr .cal_data > span.can {background: #85bc20;}
.vocalWrap .calWrap table tbody tr td .tdWr .cal_data > span.wait2 {background: #ff8000;}
.vocalWrap .calWrap table tbody tr td .tdWr .cal_data > span.cant {background: #e40000;}
.vocalWrap .calWrap table tbody tr td .tdWr .cal_data .ppWrap {color: #444; line-height: 1.4;}
/* 캘린더 - 리스트 타입 : event */
.vocalWrap .calWrap table tbody tr td.event {background: #e4f1ff; font-weight: 600;}
.vocalWrap .calWrap table tbody tr td.red_date .tdWr > span {display: inline-block; color: #f30013; margin-left: 0.25rem;}
/* 캘린더 - 리스트 타입 : able */
.vocalWrap.ableCheck * {border-color: #ddd !important;}
.vocalWrap.ableCheck .calWrap table tbody tr td:first-child,
.vocalWrap.ableCheck .calWrap table tbody tr td:last-child {background: #fff;}
.vocalWrap.ableCheck .calWrap table tbody tr td:has(a) {background: #fafafa !important;}
.vocalWrap.ableCheck .calWrap table tbody tr td.abl {background: #fefbdc !important;}
.vocalWrap.ableCheck .calWrap table tbody tr td.ablNot {background: #ddd !important;}
.vocalWrap.ableCheck .ableView {display: flex; margin-top: 0.5rem;}
.vocalWrap.ableCheck .ableView li {display: flex; align-items: center;}
.vocalWrap.ableCheck .ableView li + li {margin-left: 0.5rem;}
.vocalWrap.ableCheck .ableView li .bg {width: 1rem; height: 1rem; border: 1px solid #ccc;}
.vocalWrap.ableCheck .ableView li.ablNot .bg {background: #ddd;}
.vocalWrap.ableCheck .ableView li.abl .bg {background: #fff456;}
.vocalWrap.ableCheck .ableView li .txt {font-size: 0.75rem; margin-left: 0.25rem;}
/* 캘린더 - 리스트 타입 : active */
.vocalWrap .calWrap table tbody tr td.selectDt .tdWr::before {content: ""; display: block; width: calc(100% + 2px); height: calc(100% + 2px); border: 1px solid #017444; position: absolute; left: -1px; top: -1px; opacity: 0;} 
.vocalWrap .calWrap table tbody tr td.selectDt .tdWr:hover::before,
.vocalWrap .calWrap table tbody tr td.selectDt.on a::before {opacity: 1;}
.vocalWrap .calWrap table tbody tr td .tdWr:hover .cal_data .ppWrap {text-decoration: underline;}

.sche_cal2 .vocalWrap h3 {font-size: 0.9rem; color: #000; font-weight: 500; text-align: center; margin-bottom: 0.5rem;}
.sche_cal2 .vocalWrap .calWrap table {display: table;}
.sche_cal2 .vocalWrap .calWrap table tr {display: table-row;}
.sche_cal2 .vocalWrap .calWrap table thead {display: table-header-group;}
.sche_cal2 .vocalWrap .calWrap table thead th {display: table-cell; height: 2.25rem; padding: 0; vertical-align: middle;}
.sche_cal2 .vocalWrap .calWrap table thead tr th:first-child {border-top-left-radius: 0;}
.sche_cal2 .vocalWrap .calWrap table thead tr th:last-child {border-top-right-radius: 0;}
.sche_cal2 .vocalWrap .calWrap table tbody {display: table-row-group; height: 10rem;}
.sche_cal2 .vocalWrap .calWrap table tbody tr td {display: table-cell; padding: 0.25rem; text-align: center; vertical-align: middle;}
.sche_cal2 .vocalWrap .calWrap table tbody tr td:first-child {background: none;}
.sche_cal2 .vocalWrap .calWrap table tbody tr td:last-child {background: none;}
.sche_cal2 .vocalWrap .calWrap table tbody tr td.sun {color: #db2929;}
.sche_cal2 .vocalWrap .calWrap table tbody tr td.sat {color: #047ed9;}
.sche_cal2 .vocalWrap .calWrap table tbody tr:last-child td:first-child {border-bottom-left-radius: 0;}
.sche_cal2 .vocalWrap .calWrap table tbody tr:last-child td:last-child {border-bottom-right-radius: 0;}

[class*="sche_cal"] .vocalWrap,
[class*="func_frame"] .vocalWrap {width: 26rem;}
[class*="func_frame"] .vocalWrap .calWrap table tbody {height: 20rem;}
[class*="func_frame"] .vocalWrap .calWrap table tbody tr td {height: 4rem;}
[class*="func_frame"] .vocalWrap .calWrap table tbody tr td .tdWr {min-height: unset;}

/* 캘린더 - 버튼 */
.vocalWrap .btns span,
.vocalWrap .btns a {min-width: 7.4rem; border-radius: 0.5rem; padding: 0.5rem 1rem;}

/* 캘린더 - 상세 */
[class*="sche_cal"] .cal_txt,
.func_frame .cal_txt {display: flex; flex-direction: column; width: calc(100% - 27.5rem); border-radius: 1rem; border: 1px solid #eeeeee; overflow: hidden;}
[class*="sche_cal"] .cal_txt > span,
.func_frame .cal_txt > span {display: flex; align-items: center; justify-content: center; height: 3.15rem; background: #0e375c; font-size: 0.85rem; color: #fff; font-weight: 500;}
[class*="sche_cal"] .cal_txt .txt_Wrap,
.func_frame .cal_txt .txt_Wrap {flex: 1; padding: 1rem; overflow-y: auto;}

/* 캘린더 - 캘린더 유지 타입 - 상세 */
.sche_cal2 .cal_txt {border-radius: 0;}
.sche_cal2 .cal_txt > span {height: 2.15rem;}

/* 시설대관 */
.vocalWrap select { background: url(/resource/images/con_com/sel_arr2.png) #fff right 0.6rem top 0.8rem/0.5rem 0.3rem no-repeat !important; padding-left: 0.75rem !important; }
.vocalWrap .dateWrap { display: flex; width: 100%; gap: 0.45rem; align-items: center; justify-content: center; }
.vocalWrap .dateWrap span { font-size: 1rem; font-weight: 600; color: #333333; }
.vocalWrap .dateWrap a { font-size: 1rem; display: flex; align-items: center; justify-content: center; width: 1.55rem; height: 1.55rem; border-radius: 0.5rem; border: 1px solid #eeeeee; background: #f5f9f8; }
.vocalWrap .selWrap { display: flex; width: 100%; flex-wrap: wrap; gap: 0.5rem; align-items: center; justify-content: end; margin: 0.4rem 0 0.6rem; }
.vocalWrap .selWrap select:nth-child(1) { min-width: 4.5rem !important; }
.vocalWrap .selWrap select:nth-child(2) { min-width: 3rem !important; }
/* 시설대관 : active */
.vocalWrap .dateWrap a { transition: 0.15s; -webkit-transition: 0.15s; }
.vocalWrap .dateWrap a.prev:hover,
.vocalWrap .dateWrap a.prev:focus { transform: translateX(-5px); -webkit-transform: translateX(-5px); }
.vocalWrap .dateWrap a.next:hover,
.vocalWrap .dateWrap a.next:focus { transform: translateX(5px); -webkit-transform: translateX(5px); }

/* 시설대관 */
.vocalWrap .dt_chk { display: flex; align-items: center; width: 100%; position: relative; }
.vocalWrap .dt_chk input { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.vocalWrap .dt_chk input + label { padding-right: 0.9rem; color: #444; position: relative; cursor: pointer; }
.vocalWrap .dt_chk input + label::before { content: ""; display: block; width: 0.65rem; height: 0.65rem; border: 1px solid #666; position: absolute; right: 0; top: 0.08rem; }
.vocalWrap .dt_chk input + label::after { content: ""; display: block; width: 0.2rem; height: 0.35rem; border-bottom: 1px solid #144293; border-right: 1px solid #144293; position: absolute; right: 0.21rem; top: 0.22rem; transform: rotate(45deg); opacity: 0; visibility: hidden; }
.vocalWrap .dt_sel { display: block; width: 100%; position: relative; margin-top: 0.5rem; }
.vocalWrap .dt_sel > select { min-width: 100%; }
.vocalWrap .dt_sel > input { min-width: 100%; }
.red_date .dt_chk,
.red_date .dt_sel { display: none; }
.vocalWrap .chk_bot { margin-top: 0.5rem; display: flex; align-items: center; gap: 0.25rem; flex-wrap: wrap; }
.vocalWrap .chk_bot .allsel > select { min-width: 4.5rem; }
.vocalWrap .allchk input { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.vocalWrap .allchk input + label { padding-left: 0.9rem; color: #444; position: relative; cursor: pointer; }
.vocalWrap .allchk input + label::before { content: ""; display: block; width: 0.65rem; height: 0.65rem; border: 1px solid #666; position: absolute; left: 0; top: 0.25rem; }
.vocalWrap .allchk input + label::after { content: ""; display: block; width: 0.2rem; height: 0.35rem; border-bottom: 1px solid #144293; border-right: 1px solid #144293; position: absolute; left: 0.25rem; top: 0.35rem; transform: rotate(45deg); opacity: 0; visibility: hidden; }
/* active */
.vocalWrap .dt_chk input + label { transition: 0.15s; -webkit-transition: 0.15s; }
.vocalWrap .dt_chk input:hover + label, .vocalWrap .dt_chk input:focus + label { text-decoration: underline; }
.vocalWrap .dt_chk input:checked + label { color: #085ea9; }
.vocalWrap .dt_chk input:checked + label::before { border-color: #144293; }
.vocalWrap .dt_chk input:checked + label::after { opacity: 1; visibility: visible; }
.vocalWrap .allchk input + label { transition: 0.15s; -webkit-transition: 0.15s; }
.vocalWrap .allchk input:hover + label, .vocalWrap .dt_chk input:focus + label { text-decoration: underline; }
.vocalWrap .allchk input:checked + label { color: #085ea9; }
.vocalWrap .allchk input:checked + label::before { border-color: #144293; }
.vocalWrap .allchk input:checked + label::after { opacity: 1; visibility: visible; }

/* 예약 - rsvInfoWrap */
.rsvInfoWrap { margin-bottom:3rem; padding:1.5rem; border-radius:0.5rem; border:4px solid #e1eddb;}
.rsvInfoWrap > ul > li > .txtWr{ padding-top:0;}
.rsvInfoWrap .info li {display:flex; }
.rsvInfoWrap .info li > p{ font-weight: 600; color:#111;}
.rsvInfoWrap .info li .dsc {flex: 1; color: #555;}
/* 예약 - rsvInfoWrap : active */
.rsvInfoWrap .txt ul li .dsc a:hover span,
.rsvInfoWrap .txt ul li .dsc a:focus span {text-decoration: underline;}

/* 예약 동의서 - rsvInfoWrap */
.rsvcAgree{ margin-top:4rem;}

/* 예약 - rsvView */
.rsvView {margin: 2.5rem 0 3.5rem;}
.rsvView h2 {font-size: 1.5rem; color: #000; font-weight: 600; margin-bottom: 0.75rem;}
.rsvView .scheWrap {margin-top: 2.5rem;}
.rsvView .scheWrap div[class*='tbl_st'] > table td {vertical-align: middle;}
.rsvView .rsvDetailWrap {margin-top: 3rem;}
.rsvView .rsvDetailWrap .tabBtn {margin: 0 0 1.5rem;}
.rsvView .rsvDetailWrap .tabCon img{max-width : 100%; height: auto !important;}
.rsvView .rsvDetailWrap .tabCon .conBox {display: none;}
/* 예약 - rsvView : active */
.rsvView .rsvDetailWrap .tabCon .conBox.active {display: block;}
/* 예약 - rsvView : no_data */
.rsvView .rsvDetailWrap .tabCon .conBox.no_data {padding: 8.5rem 1rem; text-align: center;}

/* 예약 - rsvWrite */
.rsvWrite {margin: 2.5rem 0 3.5rem;}
.rsvWrite h2 {font-size: 1.5rem; color: #000; font-weight: 600; margin-bottom: 0.75rem;}
.rsvWrite .rsvWriteWrap [class*='tbl_st'] {margin-top: 0.75rem;}
.rsvWrite .rsvWriteWrap [class*='tbl_st'] > table th label::before,
.rsvWrite .rsvWriteWrap [class*='tbl_st'] > table th span::before {content: "\002A"; color: #d71919; margin-right: 0.25rem;}
.rsvWrite .rsvWriteWrap [class*='tbl_st'] > table td {padding: 0.4rem 1rem; vertical-align: middle;}
.rsvWrite .rsvWriteWrap [class*='tbl_st'] > table td input:not([type="radio"], [type="checkbox"]),
.rsvWrite .rsvWriteWrap [class*='tbl_st'] > table td select {width: 100%; max-width: 17.35rem; height: 1.9rem; border-radius: 0.35rem; border: 1px solid #ccc; padding: 0 0.75rem; font-size: 0.75rem; color: #555; margin: 0.1rem 0;}
.rsvWrite .rsvWriteWrap [class*='tbl_st'] > table td input.phn {min-width: unset; width: 5rem; max-width: unset;}
.rsvWrite .rsvWriteWrap [class*='tbl_st'] > table td select {padding-left: 0.5rem; padding-right: 1.85rem; background: url(/resource/images/con_com/sel_arr.png) #fff right 0.75rem center/0.6rem 0.4rem no-repeat; appearance: none;}
.rsvWrite .rsvWriteWrap [class*='tbl_st'] > table td select::-ms-expand {display: none;}
.rsvWrite .rsvWriteWrap [class*='tbl_st'] > table td [class^='btn_'] {display: inline-block; min-width: 6.25rem; border-radius: 1.2rem; padding: 0.3rem 0.7rem; font-size: 0.7rem; text-align: center; margin-right: 5px;}
.rsvWrite .rsvWriteWrap [class*='tbl_st'] > table td span {display: inline-block; font-size: 0.75rem; color: #666;}
.rsvWrite .prvInfoBox {margin-top: 2.5rem;}
.rsvWrite > .btns {margin: 2.5rem 0 0;}

/* 예약 - rsvList */
.rsvList h2 {font-size: 1.5rem; color: #000; font-weight: 600; text-align: center; margin-bottom: 1.25rem;}
.rsvList .rsvListCon {margin-top: 2.25rem;}
.rsvList .rsvListCon > .titWrap {display: flex; justify-content: space-between; align-items: center;}
.rsvList .rsvListCon > .titWrap h3 {font-size: 1.1rem; color: #111; font-weight: 600;}
.rsvList .rsvListCon > .titWrap .listUtil {display: flex; align-items: center;}
.rsvList .rsvListCon > .titWrap .listUtil .listViewOpt {display: flex; margin-right: 1.5rem;}
.rsvList .rsvListCon > .titWrap .listUtil .listViewOpt a {display: flex; align-items: center; color: #666;}
.rsvList .rsvListCon > .titWrap .listUtil .listViewOpt a + a {margin-left: 0.5rem;}
.rsvList .rsvListCon > .titWrap .listUtil .listViewOpt a i {flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 2rem; height: 2rem; border-radius: 0.35rem; border: 1px solid #e2e2e2; font-size: 1.1rem; margin-right: 0.3rem;}
.rsvList .rsvListCon > .titWrap .listUtil .listBrief {display: flex; align-items: center;}
.rsvList .rsvListCon > .titWrap .listUtil .listBrief li {display: flex; align-items: center;}
.rsvList .rsvListCon > .titWrap .listUtil .listBrief li + li {padding-left: calc(1.4rem + 2px); position: relative;}
.rsvList .rsvListCon > .titWrap .listUtil .listBrief li + li::before {content: ""; display: block; height: 0.6rem; border-left: 2px dotted #9d9d9d; position: absolute; left: 0.7rem; top: calc(50% - 0.3rem);}
.rsvList .rsvListCon > .titWrap .listUtil .listBrief li span {color: #111;}
.rsvList .rsvListCon > .titWrap .listUtil .listBrief li select {min-width: 4rem; margin: 0; margin-left: 0.4rem;}
/* 예약 - rsvList : active */
.rsvList .rsvListCon > .titWrap .listUtil .listViewOpt a.on {color: #111; font-weight: 500;}
.rsvList .rsvListCon > .titWrap .listUtil .listViewOpt a.on i {border-color: #0069ba; background: #e5f4ff;}

/* 예약 - rsvList - type1 */
.rsvList .rsvListCon .conWrap .conType1 div[class*='tbl_st'] > table td {vertical-align: middle;}
.rsvList .rsvListCon .conWrap .conType1 div[class*='tbl_st'] > table td.sbj .list_st4 {border-radius: 0.5rem; background: #f1f1f1; padding: 0.25rem 0.5rem;}
.rsvList .rsvListCon .conWrap .conType1 div[class*='tbl_st'] > table td.sbj .list_st4 > li {font-size: 0.7rem;}
.rsvList .rsvListCon .conWrap .conType1 div[class*='tbl_st'] > table td.tbl div[class*='tbl_st'] > table {font-size: 0.7rem;}
.rsvList .rsvListCon .conWrap .conType1 div[class*='tbl_st'] > table td.tbl div[class*='tbl_st'] > table th,
.rsvList .rsvListCon .conWrap .conType1 div[class*='tbl_st'] > table td.tbl div[class*='tbl_st'] > table td {padding: 0.4rem 0.5rem;}

/* 예약 - rsvList - type2 */
.rsvList .rsvListCon .conWrap .conType2 {margin-top: 1rem;}
.rsvList .rsvListCon .conWrap .conType2 > ul {display: flex; flex-wrap: wrap; margin: -1rem -1.5rem;}
.rsvList .rsvListCon .conWrap .conType2 > ul > li {width: calc(100% / 3); padding: 1rem 1.5rem;}
.rsvList .rsvListCon .conWrap .conType2 > ul > li a {display: block; height: 100%; border-radius: 1rem; border: 1px solid #ddd; padding: 1.25rem 1.75rem 1.5rem; position: relative;}
.rsvList .rsvListCon .conWrap .conType2 > ul > li a::before {content: ""; display: block; width: calc(100% + 2px); height: calc(100% + 2px); border-radius: 1rem; border: 2px solid #056cbb; position: absolute; left: -1px; top: -1px; opacity: 0;}
.rsvList .rsvListCon .conWrap .conType2 > ul > li a::after {content: "go"; display: block; width: 2.75rem; height: 2.75rem; border-radius: 50%; border: 0.25rem solid #c8deef; background: #0069ba; padding-top: 0.3rem; font-size: 0.9rem; color: #fff; font-weight: 600; text-align: center; position: absolute; right: 1.5rem; bottom: 0; transform: translateY(50%); opacity: 0;}
.rsvList .rsvListCon .conWrap .conType2 > ul > li a .imgWrap {display: flex; justify-content: center; align-items: center; height: 8.5rem; border-radius: 1rem; border: 1px solid #ddd; background: #f5fbff; font-size: 0; line-height: 0;}
.rsvList .rsvListCon .conWrap .conType2 > ul > li a .imgWrap img {max-width: 100%; max-height: 100%; object-fit: contain;}
.rsvList .rsvListCon .conWrap .conType2 > ul > li a .txtWrap .tit {display: flex; align-items: center; height: 4.15rem;}
.rsvList .rsvListCon .conWrap .conType2 > ul > li a .txtWrap .tit span {flex-shrink: 0; display: block; width: 4rem; line-height: 1.75rem; border-radius: 0.875rem; font-size: 0.7rem; color: #fff; font-weight: 600; text-align: center; margin-right: 0.7rem;}
.rsvList .rsvListCon .conWrap .conType2 > ul > li a .txtWrap .tit span.wait {background: #085ea9;}
.rsvList .rsvListCon .conWrap .conType2 > ul > li a .txtWrap .tit span.ing {background: #ff8000;}
.rsvList .rsvListCon .conWrap .conType2 > ul > li a .txtWrap .tit span.end {background: #777;}
.rsvList .rsvListCon .conWrap .conType2 > ul > li a .txtWrap .tit p {flex: 1; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 2.5rem; font-size: 0.9rem; color: #111; font-weight: 600; overflow: hidden; text-overflow: ellipsis;}
.rsvList .rsvListCon .conWrap .conType2 > ul > li a .txtWrap .con {border-top: 1px solid #ddd;}
.rsvList .rsvListCon .conWrap .conType2 > ul > li a .txtWrap .con ul {padding-top: 0.75rem;}
.rsvList .rsvListCon .conWrap .conType2 > ul > li a .txtWrap .con ul li {display: flex; padding: 0.2rem 0; padding-left: 0.8rem; position: relative;}
.rsvList .rsvListCon .conWrap .conType2 > ul > li a .txtWrap .con ul li::before {content: ""; display: block; width: 0.3rem; height: 0.3rem; border-radius: 50%; background: #7fa0bd; position: absolute; left: 0; top: 0.65rem;}
.rsvList .rsvListCon .conWrap .conType2 > ul > li a .txtWrap .con ul li p {flex-shrink: 0; width: 2.9rem; color: #111; font-weight: 500; margin-right: 0.5rem;}
.rsvList .rsvListCon .conWrap .conType2 > ul > li a .txtWrap .con ul li span {flex: 1; color: #555;}
/* 예약 - rsvList - type2 : hasLeftMenu */
#lnb + #subContent .rsvList .rsvListCon .conWrap .conType2 > ul > li {width: 50%;}
/* 예약 - rsvList - type2 : active */
.rsvList .rsvListCon .conWrap .conType2 > ul > li a,
.rsvList .rsvListCon .conWrap .conType2 > ul > li a::before,
.rsvList .rsvListCon .conWrap .conType2 > ul > li a::after {transition: 0.15s;}
.rsvList .rsvListCon .conWrap .conType2 > ul > li a:hover,
.rsvList .rsvListCon .conWrap .conType2 > ul > li a:focus {box-shadow: 0.25rem 0.45rem 1rem rgba(0,0,0,0.05);}
.rsvList .rsvListCon .conWrap .conType2 > ul > li a:hover::before,
.rsvList .rsvListCon .conWrap .conType2 > ul > li a:focus::before,
.rsvList .rsvListCon .conWrap .conType2 > ul > li a:hover::after,
.rsvList .rsvListCon .conWrap .conType2 > ul > li a:focus::after {opacity: 1;}


@media (max-width: 1440px) {

	/* 예약 - rsvList */
    .rsvList .searchOption .tabBox {padding: 1.5rem;}

    /* 예약 - rsvList - type2 */
    .rsvList .rsvListCon .conWrap .conType2 > ul {margin: -0.75rem;}
    .rsvList .rsvListCon .conWrap .conType2 > ul > li {padding: 0.75rem;}
}


@media (max-width: 1240px) {
	/* 예약 - rsvInfoWrap */
    .rsvInfoWrap .txt h3 {font-size: 1.05rem;}
    .rsvInfoWrap .txt ul {margin-top: 0.75rem;}

    /* 예약 - rsvView */
    .rsvView {margin: 0;}
    .rsvView h2 {font-size: 1.25rem;}

    /* 예약 - rsvWrite */
    .rsvWrite {margin: 0;}
    .rsvWrite h2 {font-size: 1.25rem;}

    /* 예약 - rsvList */
    .rsvList h2 {font-size: 1.25rem;}
    .rsvList .searchOption .tabBox .tabList1 ul li {width: 25%;}
    .rsvList .searchOption .tabBox .tabList1.Tab_w25 ul li {width: calc(100% / 3);}

    /* 예약 - rsvList - type1 */
    .rsvList .rsvListCon .conWrap .conType1 div[class*='tbl_st'] > table {display: block;}
    .rsvList .rsvListCon .conWrap .conType1 div[class*='tbl_st'] > table thead {display: none;}
    .rsvList .rsvListCon .conWrap .conType1 div[class*='tbl_st'] > table tbody {display: block;}
    .rsvList .rsvListCon .conWrap .conType1 div[class*='tbl_st'] > table tr {display: flex; flex-wrap: wrap; border-bottom: 1px solid #c5c9d6; padding: 0.5rem 0;}
    .rsvList .rsvListCon .conWrap .conType1 div[class*='tbl_st'] > table td {display: block; border: 0; background: none; padding: 0.2rem 0.75rem; font-size: 0.75rem; text-align: left; position: relative;}
    .rsvList .rsvListCon .conWrap .conType1 div[class*='tbl_st'] > table td.num {display: none;}
    .rsvList .rsvListCon .conWrap .conType1 div[class*='tbl_st'] > table td.img {order: -2;}
    .rsvList .rsvListCon .conWrap .conType1 div[class*='tbl_st'] > table td.sbj {order: -1; font-size: 0.8rem; color: #000; font-weight: 500;}
    .rsvList .rsvListCon .conWrap .conType1 div[class*='tbl_st'] > table td.tdW100 {width: 100%; text-align: left;}
    .rsvList .rsvListCon .conWrap .conType1 div[class*='tbl_st'] > table td:not(.tdW100, :nth-child(7), .last)::after {content: ""; display: block; width: 0.2rem; height: 0.2rem; border-radius: 50%; background: #cbcbcb; position: absolute; right: -0.1rem; top: calc(50% - 0.1rem);}
    .rsvList .rsvListCon .conWrap .conType1 div[class*='tbl_st'] > table td.tbl {order: 1; width: 100%;}
    .rsvList .rsvListCon .conWrap .conType1 div[class*='tbl_st'] > table td.tbl::after {display: none;}
    .rsvList .rsvListCon .conWrap .conType1 div[class*='tbl_st'] > table td.tbl div[class*='tbl_st'] > table tr {justify-content: center; background: #fafcff; padding: 0.25rem 0;}
    .rsvList .rsvListCon .conWrap .conType1 div[class*='tbl_st'] > table td.tbl div[class*='tbl_st'] > table td {padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.7rem; text-align: center;}
    .rsvList .rsvListCon .conWrap .conType1 div[class*='tbl_st'] > table td.tbl div[class*='tbl_st'] > table td:nth-child(3)::after {display: none;}
    .rsvList .rsvListCon .conWrap .conType1 div[class*='tbl_st'] > table td p {display: inline;}

    /* 예약 - rsvList - type2 */
    .rsvList .rsvListCon .conWrap .conType2 > ul > li a {padding: 1rem 1.25rem 1.25rem;}
    .rsvList .rsvListCon .conWrap .conType2 > ul > li a .txtWrap .tit {flex-wrap: wrap; height: auto; padding: 0.75rem 0;}
    .rsvList .rsvListCon .conWrap .conType2 > ul > li a .txtWrap .tit p {flex: unset; width: 100%; margin-top: 0.5rem;}
    .rsvList .rsvListCon .conWrap .conType2 > ul > li a .txtWrap .con ul {font-size: 0.75rem;}
    .rsvList .rsvListCon .conWrap .conType2 > ul > li a .txtWrap .con ul li {padding-left: 0.7rem;}
    .rsvList .rsvListCon .conWrap .conType2 > ul > li a .txtWrap .con ul li::before {top: 0.6rem;}
    /* 예약 - rsvList - type2 : hasLeftMenu */
    #lnb + #subContent .rsvList .rsvListCon .conWrap .conType2 > ul > li {width: calc(100% / 3);}
}


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

    /* sub0102 보훈정신계승연수 */
    .eduTrn_wrap .inr .img_flex { padding-left:0; margin-top:1rem;}
    .eduTrn_wrap .inr dl{ flex:auto; width:calc(50% - 0.5rem); }

    /* sub0103 교육신청 */
    .eduReg_wrap li:before{ width:2rem; height:2rem; line-height:2rem; }
    .eduReg_wrap li a:after{ width:140px; height:90%; }
    .eduReg_wrap li a:before{ width:120px; height:80%; }

    /* sub0301 시설안내 */
    .facInfo_wrap .img{ background:none; text-align: center;}
    .facInfo_wrap .inr{ margin-top:1rem;}
    .facInfo_wrap .inr > p{ margin-top:0.75rem;}
    .facInfo_img ul.col-m-3 li{ flex: auto; width:calc(33.33% - 0.7rem); }

	/* 예약 - rsvInfoWrap */
    .rsvInfoWrap {flex-wrap: wrap; padding: 1.5rem;}
    .rsvInfoWrap::before,
    .rsvInfoWrap::after {display: none;}
    .rsvInfoWrap .img {flex-shrink: unset; width: 100%; max-width: unset; margin-right: 0; margin-bottom: 1.25rem; height: calc(46.5vw - 5rem);}
    .rsvInfoWrap .img > p {height: 100%;}
    .rsvInfoWrap .img + .txt {padding-top: 0;}

    /* 예약 - rsvView */
    .rsvView .scheWrap,
    .rsvView .rsvDetailWrap {margin-top: 2rem;}
    .rsvView .rsvDetailWrap .tabBtn {margin-bottom: 1.25rem;}

    /* 예약 - rsvWrite */
    .rsvWrite .rsvWriteWrap {margin-top: 2rem;}
    .rsvWrite .rsvWriteWrap [class*='tbl_st'] > table td input:not([type="radio"], [type="checkbox"]),
    .rsvWrite .rsvWriteWrap [class*='tbl_st'] > table td select {min-width: unset; max-width: unset; margin-right: 0;}
    .rsvWrite .rsvWriteWrap [class*='tbl_st'] > table td [class^='btn_'],
    .rsvWrite .rsvWriteWrap [class*='tbl_st'] > table td span {margin-top: 5px;}
    .rsvWrite .prvInfoBox,
    .rsvWrite > .btns {margin-top: 2rem;}

    /* 예약 - rsvList */
    .rsvList .rsvListCon {margin-top: 2rem;}

    /* 예약 - rsvList - type2 */
    .rsvList .rsvListCon .conWrap .conType2 > ul > li {width: 50%;}
    /* 예약 - rsvList - type2 : hasLeftMenu */
    #lnb + #subContent .rsvList .rsvListCon .conWrap .conType2 > ul > li {width: 50%;}
}


@media (max-width: 968px) {
	/* 캘린더 - 리스트 타입 - Full
    + 교육 > 교직원지원 > 보결강사지원 > 유치원
    + 교육 > 교직원지원 > 보결강사지원 > 유치원 > "신청일자 관리" 버튼
    + 참여/신청 > 견학·체험 > view
    */
    .vocalWrap:not(
        [class*="sche_cal"] .vocalWrap,
        [class*="func_frame"] .vocalWrap
    ) .calWrap table thead {display: none;}
    .vocalWrap:not(
        [class*="sche_cal"] .vocalWrap,
        [class*="func_frame"] .vocalWrap
    ) .calWrap table tbody {max-height: 15rem; border: 1px solid #eee; overflow-y: auto;}
    .vocalWrap:not(
        [class*="sche_cal"] .vocalWrap,
        [class*="func_frame"] .vocalWrap
    ) .calWrap table tr {flex-wrap: wrap;}
    .vocalWrap:not(
        [class*="sche_cal"] .vocalWrap,
        [class*="func_frame"] .vocalWrap
    ) .calWrap table td {width: 100%; border-radius: 0 !important; border: 0 !important;}
    .vocalWrap:not(
        [class*="sche_cal"] .vocalWrap,
        [class*="func_frame"] .vocalWrap
    ) .calWrap table td .tdWr {min-height: 0; border-top: 1px solid #eee; padding: 0.75rem 0.5rem; margin-top: -1px;}
    .vocalWrap:not(
        [class*="sche_cal"] .vocalWrap,
        [class*="func_frame"] .vocalWrap
    ) .calWrap table tbody tr td .tdWr::before {width: 100%; height: 100%; left: 0; top: 0;}

    /* 캘린더 - 리스트 타입 - Half
    + 소식 > 교육청안내 > 조직도(전화번호) > 전화번호 안내
    */
    .sche_cal2 .vocalWrap {width: 100%;}

    /* 캘린더 - 상세 */
    .sche_cal2 .cal_txt {width: 100%; margin-top: 1.5rem;}
    .sche_cal2 .cal_txt .txt_Wrap {max-height: 10rem;}

    /* 운영일정캘린더 - 공통 */
    .sche_cal2 {flex-wrap: wrap;}

    /* 일정기능 - 공통 */
    [class*="func_frame"] .func_cal .rol_tb table tbody {max-height: 10rem;}
}

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

    /* sub0103 교육신청 */
    .eduReg_wrap li:before{ right:0.75rem; top:0.75rem; width:1.75rem; height:1.75rem; line-height:1.75rem; font-size:1rem; }
    .eduReg_wrap li a { gap: 0.5rem 1rem; padding:1.5rem 1rem;}
    .eduReg_wrap li a:after{ width:100px; }
    .eduReg_wrap li a .inr h5{ font-size:1.1rem;}
    .eduReg_wrap li a .ico{ width: 4.5rem; height: 4.5rem;}
    .eduReg_wrap li a .ico img{ width: 3.5rem; height:auto;}
}

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

    /* 이미지정렬 */
    .img_flex.col-3 > p{ width:calc(50% - 0.5rem);}

    /* sub0102 보훈정신계승연수 */
    .eduTrn_wrap .inr{gap: 0.5rem 1rem;}
    .eduTrn_wrap .inr + .inr{ padding-top:1.5rem; margin-top:1.5rem;}
    .eduTrn_wrap .inr .txt{ padding-top:0.5rem;}
    .eduTrn_wrap .inr .icon{ width:4.5rem; height:4.5rem;}
    .eduTrn_wrap .inr .icon img{ width:3.25rem; height:auto;}
    .eduTrn_wrap .inr.info{ gap: 0.5rem;}
    .eduTrn_wrap .inr dl{ padding:1rem;}
    .eduTrn_wrap .inr.info dl:not(.w100){ width:calc(50% - 0.25rem); flex:none; }
    .eduTrn_wrap .inr dl.w100{ flex-wrap: wrap;}
    .eduTrn_wrap .inr dl.w100 dd.btns{ width:100%; justify-content: right; margin:0}

    /* sub0104 ebook / sub0105 어린이 나라사랑 잡지 */
    .book_wrap li .txt{ display: block;}
    .book_wrap li .txt strong{ margin-bottom:0.5rem;}
 
	/* 예약 - rsvInfoWrap */
    .rsvInfoWrap > ul > li { flex-direction: column;}
    .rsvInfoWrap > ul > li > .imgWr{ width:100%; max-width:100%; text-align: center;}
    .rsvInfoWrap > ul > li > .imgWr img{ max-width:100%; height:auto;}

	/* 예약 - rsvView */
    .rsvView .rsvDetailWrap .tabBtn {margin-bottom: 1rem;}
    /* 예약 - rsvView : no_data */
    .rsvView .rsvDetailWrap .tabCon .conBox.no_data {padding: 15vw 1rem;}

    /* 예약 - rsvWrite */
    .rsvWrite .rsvWriteWrap [class*='tbl_st'] > table td {padding: 0.4rem 0.75rem;}

    /* 예약 - rsvList */
    .rsvList .rsvListCon > .titWrap {flex-wrap: wrap;}
    .rsvList .rsvListCon > .titWrap .listUtil {justify-content: space-between; width: 100%; margin-top: 0.5rem;}
    .rsvList .rsvListCon > .titWrap .listUtil .listViewOpt a i {width: 1.5rem; height: 1.5rem; font-size: 0.9rem;}

    /* 예약 - rsvList - type2 */
    .rsvList .rsvListCon .conWrap .conType2 {margin-top: 0.75rem;}
    .rsvList .rsvListCon .conWrap .conType2 > ul > li a .txtWrap .tit span {font-weight: 500;}

    /* sub0301 시설안내 : 슬라이드 */
    .facInfo_img{ gap: 0.5rem;}
    .facInfo_img .swiper-button-next,
    .facInfo_img .swiper-button-prev{ font-size: 1.5rem; }
    .facInfo_modal .facInfo_img .swiper-button-next, 
    .facInfo_modal .facInfo_img .swiper-button-prev{ font-size: 1.75rem; }
    .modal-wrap > .facInfo_modal{ padding: 0 0.5rem;}
    
}

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

    /* sub0103 교육신청 */
    .eduReg_wrap ul{ gap: 0.5rem;}
    .eduReg_wrap li{ width:100%;}
    .eduReg_wrap li a{ padding:0.75rem 1rem; gap: 0.5rem;}
    .eduReg_wrap li a:after{ width:80px; }
    .eduReg_wrap li a .ico{ width:4rem; height:4rem;}
    .eduReg_wrap li a .ico img{ width:3rem;}
    .eduReg_wrap li a .inr h5{ margin-bottom:0.25rem; font-size:1rem;}

    /* 0503 조직도 */
    .org_wrap h3 p{ width:8.5rem; height:8.5rem; border-width: 5px;}
    .org_wrap h3 p img{ width:3rem; height:auto; }
    .org_wrap ul{ gap: 1rem; }
    .org_wrap li span{ font-size: 0.95rem; line-height:2.5rem;}

    /* sub0301 시설안내 */
    .facInfo_img ul.col-m-2 li{ flex: auto; width:calc(50% - 0.5rem); }

	/* 예약 - rsvInfoWrap */
    .rsvInfoWrap .img {height: calc(66.5vw - 5rem);}

    /* 예약 - rsvList - type2 */
    .rsvList .rsvListCon .conWrap .conType2 > ul {margin: -0.5rem;}
    .rsvList .rsvListCon .conWrap .conType2 > ul > li {padding: 0.5rem;}
}

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

    /* sub0104 ebook / sub0105 어린이 나라사랑 잡지 */
    .book_wrap ul{ gap: 1rem;}
    .book_wrap li .txt{ margin-top:0.75rem;}
    .book_wrap li .txt strong{ font-size:0.9rem;}

	/* 예약 - rsvInfoWrap */
    .rsvInfoWrap .txt h3 {font-size: 1rem;}

    /* 예약 - rsvView */
    .rsvView .scheWrap div[class*='tbl_st'] > table td {font-size: 0.75rem;}

    /* 예약 - rsvWrite */
    .rsvWrite .rsvWriteWrap [class*='tbl_st'] > table td {padding: 0.5rem;}

    /* 예약 - rsvList */
    .rsvList .rsvListCon > .titWrap .listUtil {flex-wrap: wrap;}
    .rsvList .rsvListCon > .titWrap .listUtil .listViewOpt {margin-right: 0;}
    .rsvList .rsvListCon > .titWrap .listUtil .listBrief {width: 100%;}
    .rsvList .rsvListCon > .titWrap .listUtil .listViewOpt + .listBrief {margin-top: 0.25rem;}
    /* 예약 - rsvList : active */
    .rsvList .searchOption .tabBox .tabList2 ul li.on a {padding-left: 1.25rem;}

    /* 예약 - rsvList - type2 */
    .rsvList .rsvListCon .conWrap .conType2 > ul > li {width: 100%;}
    /* 예약 - rsvList - type2 : hasLeftMenu */
    #lnb + #subContent .rsvList .rsvListCon .conWrap .conType2 > ul > li {width: 100%;}
}

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

	.vocalWrap .selWrap { margin: 0.5rem 0; }
    .vocalWrap select { height: 1.5rem; background: url(/resource/images/con_com/sel_arr2.png) #fff right 0.6rem top 0.525rem/0.5rem 0.3rem no-repeat !important }
    .vocalWrap input[type="text"] { height: 1.5rem; }

	/* 예약 - rsvInfoWrap */
    .rsvInfoWrap {padding: 1rem;}
    .rsvInfoWrap .img {height: calc(66.5vw - 3.5rem); margin-bottom: 0.75rem;}
    .rsvInfoWrap .txt h3 {font-size: 0.9rem;}
    .rsvInfoWrap .txt ul {font-size: 0.75rem; margin-top: 0.5rem;}
    .rsvInfoWrap .txt ul li {padding-left: calc(4px + 0.5rem);}
    .rsvInfoWrap .txt ul li::before {width: 4px; height: 4px; top: 12px;}

    /* 예약 - rsvView */
    .rsvView h2 {font-size: 1.1rem;}
    .rsvView .vocalWrap,
    .rsvView .scheWrap {margin-top: 1.5rem;}
    .rsvView .scheWrap div[class*='tbl_st'] > table {display: block;}
    .rsvView .scheWrap div[class*='tbl_st'] > table thead {display: none;}
    .rsvView .scheWrap div[class*='tbl_st'] > table tbody {display: block;}
    .rsvView .scheWrap div[class*='tbl_st'] > table tr {display: block; border-bottom: 1px solid #c5c9d6; padding: 0.5rem 0;}
    .rsvView .scheWrap div[class*='tbl_st'] > table td {display: block; border: 0; padding: 0; text-align: left;}
    .rsvView .rsvDetailWrap {margin-top: 1.5rem;}

    /* 예약 - rsvWrite */
    .rsvWrite h2 {font-size: 1.1rem;}
    .rsvWrite .rsvWriteWrap {margin-top: 1.5rem;}
    .rsvWrite .rsvWriteWrap [class*='tbl_st'] > table,
    .rsvWrite .rsvWriteWrap [class*='tbl_st'] > table tbody,
    .rsvWrite .rsvWriteWrap [class*='tbl_st'] > table tr,
    .rsvWrite .rsvWriteWrap [class*='tbl_st'] > table th,
    .rsvWrite .rsvWriteWrap [class*='tbl_st'] > table td {display: block;}
    .rsvWrite .rsvWriteWrap [class*='tbl_st'] > table td input.phn {width: 30%;}
    .rsvWrite .prvInfoBox,
    .rsvWrite > .btns {margin-top: 1.5rem;}

    /* 예약 - rsvList */
    .rsvList h2 {font-size: 1.1rem;}
    .rsvList .rsvListCon {margin-top: 1.5rem;}
    .rsvList .searchOption + .searchOption {margin-top: 0.75rem;}
    .rsvList .searchOption .mngBox > div.lft select,
    .rsvList .searchOption .mngBox > div.lft .iptWr,
    .rsvList .searchOption .mngBox > div.lft .iptWr input {width: 100%;}

    /* 예약 - rsvList - type2 */
    .rsvList .rsvListCon .conWrap .conType2 > ul > li a .txtWrap .tit p {font-size: 0.85rem;}

}

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

	/* 보컬강사지원 신청프로그램 */
    .vocalWrap .selWrap { margin: 0.5rem 0; }
    .vocalWrap select { height: 1.5rem; background: url(/resource/images/con_com/sel_arr2.png) #fff right 0.6rem top 0.525rem/0.5rem 0.3rem no-repeat !important }
    .vocalWrap input[type="text"] { height: 1.5rem; }

    /* 운영일정캘린더 - 공통 */
    .grd_Wrap .grd_sel > a { width: 100%; }

    /* 운영일정캘린더 */
    .sche_cal .date_frame { flex-wrap: wrap; gap: 1rem 0.25rem; justify-content: start; align-items: start; }
    .sche_cal .date_frame .dateWrap { order: 3; justify-content: space-between; padding: 0 1rem; }

    /* 일정기능 - 공통 */
    [class*="func_frame"] > .btns a { padding: 0.25rem 0.5rem; }

	/* 캘린더 - 버튼 */
    .vocalWrap .btns {display: flex; flex-wrap: wrap; gap: 0.25rem;}
    .vocalWrap .btns span,
    .vocalWrap .btns a {padding: 0.15rem 0.3rem; font-size: 0.65rem;}
    .vocalWrap .btns a {min-width: 3.5rem;}
    .vocalWrap .btns a:last-child {float: none;}

    /* 예약 - rsvInfoWrap */
    .rsvInfoWrap .txt h3 {font-size: 0.85rem;}
    .rsvInfoWrap .txt ul {font-size: 0.7rem;}
    .rsvInfoWrap .txt ul li .tit {min-width: 2.5rem; margin-right: 0.75rem;}

    /* 예약 - rsvList */
    .rsvList .rsvListCon > .titWrap .listUtil .listBrief {flex-wrap: wrap;}
    .rsvList .rsvListCon > .titWrap .listUtil .listViewOpt + .listBrief {margin-top: 0.5rem;}
    .rsvList .rsvListCon > .titWrap .listUtil .listBrief li {width: 100%;}
    .rsvList .rsvListCon > .titWrap .listUtil .listBrief li + li {padding-left: 0;}
    .rsvList .rsvListCon > .titWrap .listUtil .listBrief li + li::before {display: none;}

}

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

    /* 이미지정렬 */
    .img_flex > p{ width:100% !important;}

    /* sub0102 보훈정신계승연수 */
    .eduTrn_wrap .inr dl{ padding:0.75rem 1rem;}
    .eduTrn_wrap .inr dl.w100{ flex-direction: column; align-items: start;}
    .eduTrn_wrap .inr dl.w100 dt:before{ display: none;}
    .eduTrn_wrap .inr dl.w100 dd.btns{ justify-content: left;}
    .eduTrn_wrap .inr.info dl:not(.w100){ width:100%;}

    /* sub0103 교육신청 */
    .eduReg_wrap li:before{ right:0.5rem; top:0.5rem; width:1.5rem; height:1.5rem; line-height:1.5rem; font-size:0.8rem; }
    .eduReg_wrap li a{ padding:1rem 0.75rem;}
    .eduReg_wrap li a:after,
    .eduReg_wrap li a:before{ display: none; }
    .eduReg_wrap li a .ico{ width:3rem; height:3rem;}
    .eduReg_wrap li a .ico img{ width:2rem;}

    /* 0503 조직도 */
    .org_wrap ul{ gap: 0.5rem; }

    /* sub0104_03 고객불만족신고센터 */
    .call_wrap ul{ flex-direction: column;}
    .call_wrap li .icon{ display: none;}

    /* sub0301 시설안내 */
    .facInfo_img ul.col-m-3 li{ width:calc(50% - 0.5rem); }

    /* sub0104 ebook / sub0105 어린이 나라사랑 잡지 */
    .book_wrap ul{ flex-direction: column;}
}

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

    /* sub0102 보훈정신계승연수 */
    .eduTrn_wrap .inr .icon{ width:3.5rem; height:3.5rem;}
    .eduTrn_wrap .inr .icon img{ width:2.75rem; }
    .eduTrn_wrap .inr .txt{ padding-top:0.25rem;}

    /* 0503 조직도 */
    .org_wrap h3 p{ width:8.5rem; height:8.5rem; border-width: 5px;}
    .org_wrap h3 p img{ width:3rem; height:auto; }
    .org_wrap ul{ flex-direction: column; }
    .org_wrap li{ padding-top:0;}
    .org_wrap li:before{ display: none;}
}