/* 0100_두물공유학교 소개 : set */
#wrap:has(.sub_0100) {overflow: unset;}
#wrap:has(.sub_0100) #sub_container .sbTp,
#wrap:has(.sub_0100) #footer {overflow: hidden;}
/* 0100_두물공유학교 소개 */
.sub_0100 .tab_st1 {width: 100%; margin-bottom: 0; position: sticky; top: 1rem; z-index: 1;}
.sub_0100 section {padding-top: var(--content-white-space);}



/* 프로그램 */
.prgrmFrm .cntWr {border-radius: max(0.5rem, calc(var(--content-white-space) * 0.5)); padding: max(0.75rem, calc(var(--content-white-space) * 0.7)) max(1rem, calc(var(--content-white-space) * 1.1)) max(1rem, var(--content-white-space)); position: relative; z-index: 0;}
.prgrmFrm .cntWr::before {content: ""; display: block; width: calc(var(--content-white-space) * 2.69); height: calc(var(--content-white-space) * 2); position: absolute; left: calc(var(--content-white-space) * 0.35); top: calc(var(--content-white-space) * 0.74); z-index: -1;}
.prgrmFrm .cntWr::after {content: ""; display: block; width: calc(var(--content-white-space) * 1.7); height: calc(var(--content-white-space) * 1.64); position: absolute; right: calc(var(--content-white-space) * 1.3); top: calc(var(--content-white-space) * 0.6); z-index: -1;}
.prgrmFrm .cntWr .cntTit {display: flex; flex-direction: column; align-items: center; font-family: 'GmarketSans'; margin-bottom: max(0.5rem, calc(var(--content-white-space) * 0.3)); position: relative; z-index: 2;}
.prgrmFrm .cntWr .cntTit span {border-radius: 2.25rem; border: 2px solid #000; background: #fff; padding: max(0.25rem, calc(var(--content-white-space) * 0.07)) max(0.5rem, calc(var(--content-white-space) * 0.5)); font-size: var(--font-size-017);}
.prgrmFrm .cntWr .cntTit h3 {font-size: var(--font-size-035); font-weight: 700; margin-top: 0.75rem;}
.prgrmFrm .cntWr [class^="cntCon"] {border-radius: max(0.5rem, calc(var(--content-white-space) * 0.3)); background: #fff; padding: max(0.5rem, calc(var(--content-white-space) * 0.5)) max(0.5rem, calc(var(--content-white-space) * 0.5)); position: relative; z-index: 1;}
.prgrmFrm .cntWr [class^="cntCon"] + [class^="cntCon"] {margin-top: max(0.75rem, calc(var(--content-white-space) * 0.6));}
.prgrmFrm .cntWr .cntCon01::before {content: ""; display: block; width: calc(var(--content-white-space) * 1.76); height: calc(var(--content-white-space) * 1.16); background: url(/00_common/images/web/sharenuri/dumul/sub/prgrmFrm_chr01.png) center bottom / contain no-repeat; position: absolute; left: calc(var(--content-white-space) * 1.67); top: 0; transform: translateY(-100%); z-index: -1;}
.prgrmFrm .cntWr .cntCon01::after {content: ""; display: block; width: calc(var(--content-white-space) * 1.61); height: calc(var(--content-white-space) * 1.19); background: url(/00_common/images/web/sharenuri/dumul/sub/prgrmFrm_chr02.png) center bottom / contain no-repeat; position: absolute; right: calc(var(--content-white-space) * 1.85); top: 0; transform: translateY(-100%); z-index: -1;}
.prgrmFrm .cntWr .cntCon01 .dlWr {display: flex; flex-wrap: wrap; margin: min(-0.125rem, calc(var(--content-white-space) * -0.15));}
.prgrmFrm .cntWr .cntCon01 .dlWr dl {display: flex; flex-direction: column; align-items: center; width: calc(100% / 3); padding: max(0.125rem, calc(var(--content-white-space) * 0.15)); text-align: center;}
.prgrmFrm .cntWr .cntCon01 .dlWr dl.w100 {width: 100%;}
.prgrmFrm .cntWr .cntCon01 .dlWr dl dt {display: inline-flex; justify-content: center; align-items: center; min-width: 8.5rem; height: 2.5rem; border-radius: 2.5rem; padding: 0 1rem; font-size: 1.0625em; color: #fff; position: relative; z-index: 0;}
.prgrmFrm .cntWr .cntCon01 .dlWr dl dt img {margin-right: 0.25rem;}
.prgrmFrm .cntWr .cntCon01 .dlWr dl dd {flex: 1; display: flex; justify-content: center; align-items: center; width: 100%; border-radius: max(0.5rem, calc(var(--content-white-space) * 0.25)); border: 2px dashed #97b6c5; padding: max(1.5rem, calc((var(--content-white-space) * 0.125) + 1.25rem)) max(0.5rem, calc(var(--content-white-space) * 0.25)) max(0.5rem, calc(var(--content-white-space) * 0.25)); margin-top: -1.25rem;}
.prgrmFrm .cntWr .cntCon01 .dlWr dl dd .ddWr strong {font-weight: 700;}
.prgrmFrm .cntWr .cntCon01 .dlWr dl dd .ddWr ul {text-align: left;}
.prgrmFrm .cntWr .cntCon01 .dlWr dl dd.ddQr .ddWr {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: -0.25rem;}
.prgrmFrm .cntWr .cntCon01 .dlWr dl dd.ddQr .ddWr img {width: 2.5rem; margin: 0.25rem;}
.prgrmFrm .cntWr .cntCon01 .dlWr dl dd.ddQr .ddWr .txt {margin: 0.25rem;}
.prgrmFrm .cntLnk {display: flex; justify-content: center; margin-top: max(1rem, calc(var(--content-white-space) * 0.3));}
/* 프로그램.sub_02 */
.prgrmFrm[class^="sub_02"] .cntWr {background: #ebf9ff;}
.prgrmFrm[class^="sub_02"] .cntWr::before {background: url(/00_common/images/web/sharenuri/dumul/sub/bg_0200_shp01.png) center / contain no-repeat;}
.prgrmFrm[class^="sub_02"] .cntWr::after {background: url(/00_common/images/web/sharenuri/dumul/sub/bg_0200_shp02.png) center / contain no-repeat;}
.prgrmFrm[class^="sub_02"] .cntWr .cntTit span {border-color: #0f84de; color: #0f84de;}
.prgrmFrm[class^="sub_02"] .cntWr [class^="cntCon"] {box-shadow: 0.2rem 0.3rem 0.75rem rgba(133,177,199,0.2);}
.prgrmFrm[class^="sub_02"] .cntWr .cntCon01 .dlWr dl dt {background: #217eac;}
/* 프로그램.sub_03 */
.prgrmFrm[class^="sub_03"] .cntWr {background: #edfaf3;}
.prgrmFrm[class^="sub_03"] .cntWr::before {background: url(/00_common/images/web/sharenuri/dumul/sub/bg_0300_shp01.png) center / contain no-repeat;}
.prgrmFrm[class^="sub_03"] .cntWr::after {background: url(/00_common/images/web/sharenuri/dumul/sub/bg_0300_shp02.png) center / contain no-repeat;}
.prgrmFrm[class^="sub_03"] .cntWr .cntTit span {border-color: #078210; color: #078210;}
.prgrmFrm[class^="sub_03"] .cntWr [class^="cntCon"] {box-shadow: 0.2rem 0.3rem 0.75rem rgba(133,177,199,0.2);}
.prgrmFrm[class^="sub_03"] .cntWr .cntCon01 .dlWr dl dt {background: #357b6d;}
/* 프로그램.sub_04 */
.prgrmFrm[class^="sub_04"] .cntWr {background: #fff8ee;}
.prgrmFrm[class^="sub_04"] .cntWr::before {background: url(/00_common/images/web/sharenuri/dumul/sub/bg_0400_shp01.png) center / contain no-repeat;}
.prgrmFrm[class^="sub_04"] .cntWr::after {background: url(/00_common/images/web/sharenuri/dumul/sub/bg_0400_shp02.png) center / contain no-repeat;}
.prgrmFrm[class^="sub_04"] .cntWr .cntTit span {border-color: #ec6412; color: #ec6412;}
.prgrmFrm[class^="sub_04"] .cntWr [class^="cntCon"] {box-shadow: 0.2rem 0.3rem 0.75rem rgba(146,112,62,0.2);}
.prgrmFrm[class^="sub_04"] .cntWr .cntCon01 .dlWr dl dt {background: #92703e;}

/* 프로그램별 상세 안내 : 아코디언 탭 */
.toggle_list .toggle_btn{ display: block; padding: 1rem 0; position: relative; padding-right: 2rem;}
.toggle_list .toggle_btn::after{ content: "\e941"; font-family: 'xeicon'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 1.1rem; color: #28348a;}  
.toggle_list .toggle_btn.open::after { content: "\e944";}
.toggle_list .toggle_btn .tit2{margin: 0;}
.toggle_list .toggle_btn ~ .toggle_btn{ border-top: 1px dashed #ddd;}
.toggle_box{margin-bottom: 1rem; display: none;}
.toggle_btn.actv + .toggle_box { display: block; }

/* 0601_신청하기 */
.sub_0600 .rowOvv {display: flex; flex-direction: column; align-items: center; border-radius: max(0.5rem, calc(var(--content-white-space) * 0.5)); background: url(/00_common/images/web/sharenuri/dumul/sub/bg_0601.png) #0f84de center no-repeat; padding: 0 1rem max(0.55rem, calc(var(--content-white-space) * 0.55)); font-family: 'GmarketSans'; color: #fff; text-align: center; overflow: hidden;}
.sub_0600 .rowOvv p {border-radius: 0 0 max(0.4rem, calc(var(--content-white-space) * 0.4)) max(0.4rem, calc(var(--content-white-space) * 0.4)); background: #005ba1; padding: 1rem 2.75rem; position: relative;}
.sub_0600 .rowOvv p::before {content: ""; display: block; width: max(0.3rem, calc(var(--content-white-space) * 0.3)); height: max(0.3rem, calc(var(--content-white-space) * 0.3)); border-top-right-radius: max(0.3rem, calc(var(--content-white-space) * 0.3)); background: transparent; box-shadow: 1.5rem -1.5rem 0 1.5rem #005ba1; position: absolute; left: 0; top: 0; transform: translateX(-100%);}
.sub_0600 .rowOvv p::after {content: ""; display: block; width: max(0.3rem, calc(var(--content-white-space) * 0.3)); height: max(0.3rem, calc(var(--content-white-space) * 0.3)); border-top-left-radius: max(0.3rem, calc(var(--content-white-space) * 0.3)); background: transparent; box-shadow: -1.5rem -1.5rem 0 1.5rem #005ba1; position: absolute; right: 0; top: 0; transform: translateX(100%);}
.sub_0600 .rowOvv p .fc_green {color: #aeff8a;}
.sub_0600 .rowOvv p .fc_blue {color: #7ed9ff;}
.sub_0600 .rowOvv h3 {font-size: var(--font-size-040); font-weight: 700; margin-top: 1.25rem;}
.sub_0600 .rowOvv .dlWr {display: flex; justify-content: center; margin-top: 1rem;}
.sub_0600 .rowOvv .dlWr dl {width: 12.5rem; margin: 0 0.75rem;}
.sub_0600 .rowOvv .dlWr dl dt {display: inline-flex; justify-content: center; align-items: center; min-width: 7.5rem; height: 2.5rem; border-radius: 2.5rem; background: #005ba1; padding: 0 1rem; text-align: center; position: relative; z-index: 1;}
.sub_0600 .rowOvv .dlWr dl dd {display: flex; justify-content: center; align-items: center; width: 100%; border-radius: max(0.5rem, calc(var(--content-white-space) * 0.25)); border: 2px solid #005ba1; background: #fff; padding: max(1.5rem, calc((var(--content-white-space) * 0.125) + 1.25rem)) max(0.5rem, calc(var(--content-white-space) * 0.25)) max(0.5rem, calc(var(--content-white-space) * 0.25)); font-family: 'Pretendard', sans-serif; color: #111; margin-top: -1.25rem;}
.sub_0600 .row {margin-top: max(1rem, calc(var(--content-white-space) * 0.5));}
.sub_0600 .row .rTit {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end;}
.sub_0600 .row .rTit h4 {font-size: var(--font-size-025); font-weight: 700; line-height: 1.4;}
.sub_0600 .row .rTit [class*="btn_"] {margin: 0;}
.sub_0600 .rowBsc .rTit h4 {border-radius: 1rem; border: 2px solid #0f84de; background: #fff; box-shadow: 0.1rem 0.15rem 0.5rem rgba(0,0,0,0.1); padding: 0.52em 2.72rem; padding-left: 3.72em; color: #005ba1; position: relative;}
.sub_0600 .rowBsc .rTit h4 em {width: 3.0625em; height: 4.125em; background: url(/00_common/images/web/sharenuri/dumul/sub/img_0601_flg.png) center top / contain no-repeat; padding-top: 1em; font-family: 'GmarketSans'; font-size: 0.64em; color: #fff; font-weight: 700; text-align: center; position: absolute; left: 1.5625em; top: -0.5em;}
.sub_0600 .row .rCon {display: flex; justify-content: space-between; border-radius: 1rem; border: 1px solid #bbb; padding: max(1rem, calc(var(--content-white-space) * 0.25)) max(1rem, calc(var(--content-white-space) * 0.35)); margin-top: 1rem;}
.sub_0600 .row .rCon .lft {display: flex; flex-wrap: wrap; width: calc(100% - 9.55rem);}
.sub_0600 .row .rCon .lft dl {display: flex; align-items: flex-start; width: 50%; padding-right: 1rem;}
.sub_0600 .row .rCon .lft dl:nth-child(n+3) {margin-top: 0.75rem;}
.sub_0600 .row .rCon .lft dl dt {flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 5.5rem; height: 2.5em; border-radius: 1.25em; background: #eff7ff; font-weight: 700; text-align: center; white-space: nowrap; margin-right: 1rem;}
.sub_0600 .row .rCon .lft dl dd {padding-top: 0.451em;}
.sub_0600 .row .rCon .rght {display: flex; align-items: center; border-left: 1px dashed #bbb; padding-left: 1.75rem;}
.sub_0600 .row .rCon .rght .qrWr {background: #e7e7e7; padding: 0.5rem; font-size: 0; line-height: 0; text-align: center;}
.sub_0600 .row .rCon .rght .qrWr img {max-width: 100%;}



/* 0800_교육자원 지도 */
.mapFrm .cntCon {border-radius: max(0.5rem, calc(var(--content-white-space) * 0.3)); border: 1px solid #ddd; background: url(/00_common/images/web/sharenuri/dumul/sub/bg_0800_tree.png) #fbfcf8 center no-repeat; padding: max(0.75rem, calc(var(--content-white-space) * 0.6)); position: relative;}
.mapFrm .cntCon .mapWr {max-width: 957px; font-size: 0; line-height: 0; margin: 0 auto; position: relative;}
.mapFrm .cntCon .mapWr > img {max-width: 100%;}
.mapFrm .cntCon .mapWr .arWr {width: 100%; height: 100%; font-size: 0.9rem; line-height: 1.4; position: absolute; left: 0; top: 0;}
.mapFrm .cntCon .mapWr .arWr > li {position: absolute;}
.mapFrm .cntCon .mapWr .arWr > li .aWr {position: relative;}
.mapFrm .cntCon .mapWr .arWr > li .aWr .img {display: block; width: 1.95em; max-width: 1.75rem; height: 2.45em; max-height: 2.2rem; position: relative;}
.mapFrm .cntCon .mapWr .arWr > li .aWr .img::before {content: ""; display: block; width: 100%; height: 100%; background: url(/00_common/images/web/sharenuri/dumul/sub/img_0800_mrkOff.png) center / contain no-repeat; position: absolute; left: 0; top: 0;}
.mapFrm .cntCon .mapWr .arWr > li .aWr .img::after {content: ""; display: block; width: 100%; height: 100%; background: url(/00_common/images/web/sharenuri/dumul/sub/img_0800_mrkOn.png) center / contain no-repeat; position: absolute; left: 0; top: 0; opacity: 0;}
.mapFrm .cntCon .mapWr .arWr > li .aWr .txt {font-family: 'GmarketSans'; color: #031744; font-weight: 700; line-height: 1.2; text-shadow: -2px -2px #fff, -2px 2px #fff, 2px -2px #fff, 2px 2px #fff; position: absolute;}
.mapFrm .cntCon .mapWr .arWr > li.lft .aWr .txt {text-align: right; right: calc(100% + 0.25rem); top: 50%; transform: translateY(-37%);}
.mapFrm .cntCon .mapWr .arWr > li.rght .aWr .txt {text-align: left; left: calc(100% + 0.25rem); top: 50%; transform: translateY(-37%);}
.mapFrm .cntCon .mapWr .arWr > li.tp .aWr .txt {text-align: center; left: 50%; bottom: 100%; transform: translateX(-50%);}
.mapFrm .cntCon .mapWr .arWr > li.bttm .aWr .txt {text-align: center; left: 50%; top: calc(100% + 0.25rem); transform: translateX(-50%);}
.mapFrm .cntCon .mapWr .arWr > li .aWr .txt span {white-space: nowrap;}
.mapFrm .cntCon .bu_wnrn {margin-top: 0; position: absolute; right: 5rem; top: 4.5rem;}
/* 0800_교육자원 지도 : active */
.mapFrm .cntCon .mapWr .arWr > li .aWr .img::before,
.mapFrm .cntCon .mapWr .arWr > li .aWr .img::after,
.mapFrm .cntCon .mapWr .arWr > li .aWr .txt {transition: 0.2s;}
.mapFrm .cntCon .mapWr .arWr > li .aWr:hover .img::before,
.mapFrm .cntCon .mapWr .arWr > li .aWr:focus .img::before {opacity: 0;}
.mapFrm .cntCon .mapWr .arWr > li .aWr:hover .img::after,
.mapFrm .cntCon .mapWr .arWr > li .aWr:focus .img::after {opacity: 1;}
.mapFrm .cntCon .mapWr .arWr > li .aWr:hover .txt,
.mapFrm .cntCon .mapWr .arWr > li .aWr:focus .txt {color: #f56a16;}



/* 0800_교육자원 지도 - 0801_통일, 역사 */
.sub_0801 .cntCon .mapWr .arWr > li.ar01 {left: 18%; top: 10%;}
.sub_0801 .cntCon .mapWr .arWr > li.ar02 {left: 5%; top: 34%;}
.sub_0801 .cntCon .mapWr .arWr > li.ar03 {left: 11%; top: 43%;}
.sub_0801 .cntCon .mapWr .arWr > li.ar04 {left: 43.75%; top: 31%;}
.sub_0801 .cntCon .mapWr .arWr > li.ar05 {left: 48%; top: 28%;}
.sub_0801 .cntCon .mapWr .arWr > li.ar06 {left: 56%; top: 38%;}
.sub_0801 .cntCon .mapWr .arWr > li.ar07 {left: 58.5%; top: 54.5%;}
.sub_0801 .cntCon .mapWr .arWr > li.ar08 {left: 59.5%; top: 61.5%;}
.sub_0801 .cntCon .mapWr .arWr > li.ar09 {left: 65%; top: 60.5%;}



/* 0800_교육자원 지도 - 0802_자연, 생태 */
.sub_0802 .cntCon .mapWr .arWr > li.ar01 {left: 3.5%; top: 29.5%;}
.sub_0802 .cntCon .mapWr .arWr > li.ar02 {left: 0%; top: 39%;}
.sub_0802 .cntCon .mapWr .arWr > li.ar03 {left: 4%; top: 40%;}
.sub_0802 .cntCon .mapWr .arWr > li.ar04 {left: 14.5%; top: 46%;}
.sub_0802 .cntCon .mapWr .arWr > li.ar05 {left: 17.5%; top: 51%;}
.sub_0802 .cntCon .mapWr .arWr > li.ar06 {left: 28.5%; top: 50.5%;}
.sub_0802 .cntCon .mapWr .arWr > li.ar07 {left: 33%; top: 54%;}
.sub_0802 .cntCon .mapWr .arWr > li.ar08 {left: 37.5%; top: 48%;}
.sub_0802 .cntCon .mapWr .arWr > li.ar09 {left: 51%; top: 38%;}
.sub_0802 .cntCon .mapWr .arWr > li.ar10 {left: 53%; top: 51%;}
.sub_0802 .cntCon .mapWr .arWr > li.ar11 {left: 65%; top: 38%;}
.sub_0802 .cntCon .mapWr .arWr > li.ar12 {left: 71%; top: 59%;}
.sub_0802 .cntCon .mapWr .arWr > li.ar13 {left: 72.5%; top: 41.5%;}
.sub_0802 .cntCon .mapWr .arWr > li.ar14 {left: 73%; top: 32%;}
.sub_0802 .cntCon .mapWr .arWr > li.ar15 {left: 77%; top: 28%;}
.sub_0802 .cntCon .mapWr .arWr > li.ar16 {left: 81.5%; top: 27.5%;}



/* 0800_교육자원 지도 - 0803_과학, 미래 */
.sub_0803 .cntCon .mapWr .arWr > li.ar01 {left: 3%; top: 28.5%;}
.sub_0803 .cntCon .mapWr .arWr > li.ar02 {left: 0%; top: 32.5%;}
.sub_0803 .cntCon .mapWr .arWr > li.ar03 {left: 0%; top: 39%;}
.sub_0803 .cntCon .mapWr .arWr > li.ar04 {left: 19%; top: 11%;}
.sub_0803 .cntCon .mapWr .arWr > li.ar05 {left: 20%; top: 21%;}
.sub_0803 .cntCon .mapWr .arWr > li.ar06 {left: 25.5%; top: 26%;}
.sub_0803 .cntCon .mapWr .arWr > li.ar07 {left: 28%; top: 24%;}
.sub_0803 .cntCon .mapWr .arWr > li.ar08 {left: 14%; top: 51%;}
.sub_0803 .cntCon .mapWr .arWr > li.ar09 {left: 23%; top: 56%;}
.sub_0803 .cntCon .mapWr .arWr > li.ar10 {left: 24.5%; top: 47.5%;}
.sub_0803 .cntCon .mapWr .arWr > li.ar11 {left: 39.5%; top: 23.5%;}
.sub_0803 .cntCon .mapWr .arWr > li.ar12 {left: 38.5%; top: 41%;}
.sub_0803 .cntCon .mapWr .arWr > li.ar13 {left: 39%; top: 56%;}
.sub_0803 .cntCon .mapWr .arWr > li.ar14 {left: 49%; top: 17%;}
.sub_0803 .cntCon .mapWr .arWr > li.ar15 {left: 48%; top: 33%;}
.sub_0803 .cntCon .mapWr .arWr > li.ar16 {left: 57%; top: 47%;}
.sub_0803 .cntCon .mapWr .arWr > li.ar17 {left: 61%; top: 63.5%;}
.sub_0803 .cntCon .mapWr .arWr > li.ar18 {left: 72.5%; top: 59.5%;}



/* 0800_교육자원 지도 - 0804_인문, 인성, 예절 */
.sub_0804 .cntCon .mapWr .arWr > li.ar01 {left: 9%; top: 6%;}
.sub_0804 .cntCon .mapWr .arWr > li.ar02 {left: 6%; top: 12%;}
.sub_0804 .cntCon .mapWr .arWr > li.ar03 {left: 7%; top: 19%;}
.sub_0804 .cntCon .mapWr .arWr > li.ar04 {left: 19%; top: 11%;}
.sub_0804 .cntCon .mapWr .arWr > li.ar05 {left: 38.5%; top: 41.5%;}
.sub_0804 .cntCon .mapWr .arWr > li.ar06 {left: 35%; top: 55%;}
.sub_0804 .cntCon .mapWr .arWr > li.ar07 {left: 36%; top: 61.5%;}
.sub_0804 .cntCon .mapWr .arWr > li.ar08 {left: 40%; top: 65%;}
.sub_0804 .cntCon .mapWr .arWr > li.ar09 {left: 48.5%; top: 31.5%;}
.sub_0804 .cntCon .mapWr .arWr > li.ar10 {left: 47%; top: 40%;}
.sub_0804 .cntCon .mapWr .arWr > li.ar11 {left: 52.5%; top: 48%;}
.sub_0804 .cntCon .mapWr .arWr > li.ar12 {left: 56%; top: 50%;}
.sub_0804 .cntCon .mapWr .arWr > li.ar13 {left: 61%; top: 63%;}
.sub_0804 .cntCon .mapWr .arWr > li.ar14 {left: 66%; top: 66%;}
.sub_0804 .cntCon .mapWr .arWr > li.ar15 {left: 78%; top: 58%;}



/* media query mobile */
@media (min-width: 1441px) {

    /* sub_container */
    #sub_container {margin-top: calc(var(--header-bottom-height) * 0.83);}
}



@media (max-width: 1440px) {

    /* 0800_교육자원 지도 */
    .mapFrm .cntCon .bu_wnrn {right: 2rem; top: 1.5rem;}

    /* 0800_교육자원 지도 - 0801_통일, 역사 */
    .sub_0801 .cntCon .mapWr .arWr > li.ar01 .aWr .txt,
    .sub_0801 .cntCon .mapWr .arWr > li.ar02 .aWr .txt {text-align: center; right: 50%; top: unset; bottom: 100%; transform: translateX(50%);}
    .sub_0801 .cntCon .mapWr .arWr > li.ar03 .aWr .txt {text-align: center; right: 50%; top: calc(100% + 0.25rem); transform: translateX(50%);}

    /* 0800_교육자원 지도 - 0803_과학, 미래 */
    .sub_0803 .cntCon .mapWr .arWr > li.ar02 .aWr .txt,
    .sub_0803 .cntCon .mapWr .arWr > li.ar03 .aWr .txt {right: unset; left: calc(100% + 0.25rem);}
}



@media (max-width: 1240px) {

    /* 프로그램 */
    .prgrmFrm .cntWr {padding: max(0.75rem, calc(var(--content-white-space) * 0.6));}
    .prgrmFrm .cntWr .cntCon01::before {left: var(--content-white-space);}
    .prgrmFrm .cntWr .cntCon01::after {right: var(--content-white-space);}

    /* 0601_신청하기 */
    .sub_0600 .row .rCon {margin-top: 0.75rem;}
    .sub_0600 .row .rCon .lft {flex: 1; width: auto;}
    .sub_0600 .row .rCon .rght {margin-left: 1.75rem;}

    /* 0800_교육자원 지도 - 0801_통일, 역사 */
    .sub_0802 .cntCon .mapWr .arWr > li.ar01 .aWr .txt {text-align: center; right: 50%; top: unset; bottom: 100%; transform: translateX(50%);}
    .sub_0802 .cntCon .mapWr .arWr > li.ar02 .aWr .txt {text-align: center; right: 50%; top: calc(100% + 0.25rem); transform: translateX(50%);}

    /* 0800_교육자원 지도 - 0804_인문, 인성, 예절 */
    .sub_0804 .cntCon .mapWr .arWr > li.ar02 {z-index: 1;}
    .sub_0804 .cntCon .mapWr .arWr > li.ar01 .aWr .txt {text-align: center; right: 50%; top: unset; bottom: 100%; transform: translateX(50%);}
    .sub_0804 .cntCon .mapWr .arWr > li.ar02 .aWr .txt,
    .sub_0804 .cntCon .mapWr .arWr > li.ar03 .aWr .txt {text-align: center; right: 50%; top: calc(100% + 0.25rem); transform: translateX(50%);}
}



@media (max-width: 1024px) {

    /* 0601_신청하기 */
    .sub_0600 .rowOvv .dlWr {width: 100%;}
    .sub_0600 .rowOvv .dlWr dl {width: calc((100% - 1rem) / 3); margin: 0;}
    .sub_0600 .rowOvv .dlWr dl + dl {margin-left: 0.5rem;}
    .sub_0600 .row .rCon {display: block;}
    .sub_0600 .row .rCon .rght {border-left: 0; padding-left: 0; margin-left: 0; margin-top: 1rem;}
    .sub_0600 .row .rCon .rght .qrWr {width: 100%; border-radius: 0.5rem;}
}



@media (max-width: 768px) {

    /* 프로그램 */
    .prgrmFrm .cntWr::before,
    .prgrmFrm .cntWr::after {display: none;}
    .prgrmFrm .cntWr .cntCon01::before,
    .prgrmFrm .cntWr .cntCon01::after {display: none;}
    .prgrmFrm .cntWr .cntCon01 .dlWr dl {width: 50%;}
    .prgrmFrm .cntWr .cntCon01 .dlWr dl dt {min-width: unset; height: 2rem;}
    .prgrmFrm .cntWr .cntCon01 .dlWr dl dt img {width: 1rem; height: 1rem;}
    .prgrmFrm .cntWr .cntCon01 .dlWr dl dd {padding: max(1rem, calc((var(--content-white-space) * 0.125) + 1rem)) max(0.5rem, calc(var(--content-white-space) * 0.25)) max(0.5rem, calc(var(--content-white-space) * 0.25)); margin-top: -1rem;}

    /* 0601_신청하기 */
    .sub_0600 .rowOvv .dlWr dl dt {min-width: unset; height: 2rem;}
    .sub_0600 .rowOvv .dlWr dl dd {padding: max(1rem, calc((var(--content-white-space) * 0.125) + 1rem)) max(0.5rem, calc(var(--content-white-space) * 0.25)) max(0.5rem, calc(var(--content-white-space) * 0.25)); margin-top: -1rem;}
    .sub_0600 .rowBsc .rTit h4 {padding: 0.5em 1em; padding-left: 3.72em;}
    .sub_0600 .row .rCon .lft dl {width: 100%; padding-right: 0;}
    .sub_0600 .row .rCon .lft dl:nth-child(n+2) {margin-top: 0.5rem;}
    .sub_0600 .row .rCon .lft dl dt {margin-right: 0.75rem;}

    /* 0800_교육자원 지도 */
    .mapFrm .cntCon {background: #fbfcf8;}
    .mapFrm .cntCon .mapWr .arWr {display: flex; flex-wrap: wrap; height: auto; margin-top: 1rem; position: static;}
    .mapFrm .cntCon .mapWr .arWr > li {width: 50%; padding-right: 1rem; position: static;}
    .mapFrm .cntCon .mapWr .arWr > li:nth-child(n+3) {margin-top: 0.5em;}
    .mapFrm .cntCon .mapWr .arWr > li .aWr {display: flex; align-items: flex-start;}
    .mapFrm .cntCon .mapWr .arWr > li .aWr .img {flex-shrink: 0; width: 0.95em; height: 1.15em; margin-right: 0.25em;}
    .mapFrm .cntCon .mapWr .arWr > li .aWr .txt {text-align: left !important; position: static; transform: none !important;}
    .mapFrm .cntCon .mapWr .arWr > li .aWr .txt span {white-space: unset;}
    .mapFrm .cntCon .bu_wnrn {margin-top: 1rem; position: relative; right: unset; top: unset;}
}



@media (max-width: 680px) {

    /* 0601_신청하기 */
    .sub_0600 .rowOvv p {width: calc(100% - 2rem); padding: 1rem 1.5rem; margin: 0 auto;}
    .sub_0600 .rowOvv p br {display: none;}
    .sub_0600 .rowOvv .dlWr {display: block;}
    .sub_0600 .rowOvv .dlWr dl {width: 100%;}
    .sub_0600 .rowOvv .dlWr dl + dl {margin-left: 0; margin-top: 0.5rem;}
}



@media (max-width: 580px) {

    /* 프로그램 */
    .prgrmFrm .cntWr .cntCon01 .dlWr dl {width: 100%;}

    /* 0601_신청하기 */
    .sub_0600 .row .rTit h4 {width: 100%;}
    .sub_0600 .row .rTit [class*="btn_"] {width: 100%; margin-top: 0.5rem;}

    /* 0800_교육자원 지도 */
    .mapFrm .cntCon .mapWr .arWr > li {width: 100%; padding-right: 0;}
    .mapFrm .cntCon .mapWr .arWr > li:nth-child(n+2) {margin-top: 0.5em;}
    .mapFrm .cntCon .mapWr .arWr > li .aWr .txt {font-weight: 400;}
}



@media (max-width: 480px) {

    /* 0601_신청하기 */
    .sub_0600 .rowOvv p {width: calc(100% - 1rem); padding: 0.75rem 1rem;}
    .sub_0600 .rowOvv p::before,
    .sub_0600 .rowOvv p::after {display: none;}
    .sub_0600 .row .rCon .lft dl {display: block;}
    .sub_0600 .row .rCon .lft dl:nth-child(n+2) {margin-top: 0.75rem;}
    .sub_0600 .row .rCon .lft dl dt {width: 100%; margin-right: 0;}
    .sub_0600 .row .rCon .lft dl dd {width: 100%; padding-top: 0.5em;}
}



@media (max-width: 380px) {
}