/* 인사말 */
.greeting {position: relative; padding-left: 2.5rem;}
/*.greeting:before {position: absolute; top: 4.75rem; left: 0; width: 1000%; height: 100%; background: #f7fbff; border-radius: 2rem 0 0 0; content: "";}*/
.greeting .box {position: relative; padding: 2rem 3rem; border-radius: 3rem 0.5rem; background: #fff url(/images/web/goeujb/sub/pattern01.png); border: 2px solid #007cd6; box-shadow: 2px 2px 10px rgba(0,0,0,0.2); z-index: 1;}
/*.greeting .box:after {position: absolute; right: 0; top: 0; content: url(/images/web/goeujb/sub/greeting_bg.png);}*/
.greeting .box p {font-size: 1rem; color: #111;}
.greeting .box p strong {font-size: 1.4rem; font-weight: 700;}
.greeting .box p.txt {position: relative; padding-top: 1.25rem; line-height: 1.65;}
.greeting .box p.txt:before {position: absolute; top: 0; left: 0; line-height: 0.25; font-family: xeicon; font-size: 2rem; color: #007cd6; content: "\e94a";}
.greeting .box.img_box {padding-right: 13rem;}
.greeting .box.img_box .img {position: absolute; right: 3rem; top: 1.75rem; width: 7.5rem; max-height: 8.75rem; z-index: 1;}
.greeting .box.img_box .img img {width: 100%; border-radius: 1rem;} 
.greeting .con {position: relative; padding: 2.5rem 0 3.5rem 3rem; font-size: 0.85rem; font-weight: 500; color: #202020; z-index: 1;}
.greeting .con p {line-height: 1.85;}
.greeting .con p + p {margin-top: 1.5rem;}
.greeting .con p.sign {text-align: right; font-size: 0.9rem; font-weight: 700; color: #005fa5;}

/* 교육행정서비스헌장 */
.promiseBox {position: relative; padding: 1.5rem; background: #eef7ff;}
.promiseBox:before,
.promiseBox:after {position: absolute; background: #007cd6; opacity: 0.05; border-radius: 50%; content: "";}
.promiseBox:before {top: -2.5rem; left: -2.5rem; width: 13.5rem; height: 13.5rem;}
.promiseBox:after {bottom: -4rem; right: -5rem; width: 17.25rem; height: 17.25rem;}
.promiseBox .inbox {position: relative; padding: 4rem 2rem 2rem; line-height: 1.5; font-size: 0.85rem; font-weight: 500; color: #111; background: #fff; border: 1px solid #daeeff; box-shadow: 2px 2px 10px rgba(0,124,214,0.1); z-index: 1;}
.promiseBox .inbox:after {position: absolute; top: -2rem; left: 0; width: 100%; line-height: 1; text-align: center; font-family: xeicon; font-size: 5rem; color: #007cd6; content: "\ea1c";}
.promiseBox h3 {text-align: center; font-size: 1.5rem; font-weight: 600; color: #006ebd;}
.promiseBox .txt {margin-top: 1.5rem;}
.promiseBox .lst {margin-top: 1.5rem; padding: 1.5rem 0; border-top: 1px dashed #b9dbf5; border-bottom: 1px dashed #b9dbf5;}
.promiseBox .lst > li {position: relative; padding-left: 1.4rem;}
.promiseBox .lst > li:before {position: absolute; top: -0.15rem; left: 0; font-family: xeicon; font-size: 1rem; color: #007cd6; content: "\e92b";}
.promiseBox .lst > li + li {margin-top: 1rem;}

/* 사이트맵 */
.sitemapBox {}
.sitemapBox h3 {position: relative; padding: 1.5rem 0; font-size: 1.2rem; font-weight: 700; color: #111; border-top: 1px solid #ccc;}
.sitemapBox h3:before {position: absolute; top: -1px; left: 0; width: 6.5rem; height: 2px; background: #007cd6; content: "";}
.sitemapBox ul {overflow: hidden;}
.sitemapBox .lst_dep01 {margin-left: -0.5rem; width: calc(100% + 1rem);}
.sitemapBox .lst_dep01 > li {float: left; margin-bottom: 2.5rem; padding: 0 0.5rem; width: 25%;}
.sitemapBox .lst_dep01 > li:nth-of-type(4n+1) {clear: both;}
.sitemapBox .lst_dep01 > li > a {position: relative; display: flex; padding: 0 2rem 0 1rem; height: 3rem; align-items: center; font-size: 0.8rem; font-weight: 600; color: #222; background: #fff; border: 2px solid #b5d8f5; border-radius: 1rem; overflow: hidden; transition: all 0.2s; -webkit-transition: all 0.2s;}
.sitemapBox .lst_dep01 > li > a:after {position: absolute; top: 50%; right: 1rem; font-family: xeicon; font-size: 1.2rem; font-weight: 500; color: #b5d8f5; transform: translateY(-50%); -webkit-transform: translateY(-50%); content: "\e94a";}
.sitemapBox .lst_dep01 > li > a[target="_blank"]:after {content: "\e980";}
.sitemapBox .lst_dep02 {padding: 0 1rem;}
.sitemapBox .lst_dep02 > li {}
.sitemapBox .lst_dep02 > li > a {position: relative; display: block; padding: 0.5rem 0; font-size: 0.75rem; font-weight: 500; color: #333; border-bottom: 1px solid #d5dde5; overflow: hidden;}
.sitemapBox .lst_dep02 > li > a:after {position: absolute; top: 50%; right: 0; font-family: xeicon; opacity: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); content: "\e907"; transition: all 0.2s; -webkit-transition: all 0.2s;}
.sitemapBox .lst_dep02 > li > a[target="_blank"]:after {opacity: 1; content: "\e980";}
.sitemapBox .lst_dep03 {padding: 0.5rem 0.75rem; background: #f9fcff; border-bottom: 1px solid #d5dde5;}
.sitemapBox .lst_dep03 > li > a {position: relative; display: block; padding: 0.25rem 0 0.25rem 0.5rem; font-size: 0.65rem; font-weight: 500; color: #333;}
.sitemapBox .lst_dep03 > li > a:before {position: absolute; top: 0.7rem; left: 0; width: 4px; height: 1px; background: #99acbb; content: "";}
.sitemapBox .lst_dep03 > li > a[target="_blank"]:after {position: absolute; top: 0.4rem; right: 0; font-family: xeicon; content: "\e980";}
/* active */
.sitemapBox .lst_dep01 > li > a:hover,
.sitemapBox .lst_dep01 > li > a:focus {color: #fff; background: #007cd6; border-color: #007cd6;}
.sitemapBox .lst_dep01 > li > a:hover:after,
.sitemapBox .lst_dep01 > li > a:focus:after {color: #fff;}
.sitemapBox .lst_dep02 > li > a:hover,
.sitemapBox .lst_dep02 > li > a:focus {padding: 0.5rem 1rem 0.5rem 0; font-weight: 600; color: #007cd6; border-bottom-color: #007cd6;}
.sitemapBox .lst_dep02 > li > a:hover:after,
.sitemapBox .lst_dep02 > li > a:focus:after {color: #007cd6; opacity: 1;}
.sitemapBox .lst_dep03 > li > a:hover,
.sitemapBox .lst_dep03 > li > a:focus {font-weight: 600; color: #007cd6;}

/* 연혁 */
[class^="box_st"] + .historyBox {margin-top: 2.5rem;}
.historyBox {background: url(/images/web/goeujb/sub/history_bg.png) no-repeat center top;}
.historyBox h3 {text-align: center;}
.historyBox h3 span {display: flex; margin: 0 auto; width: 11rem; height: 11rem; justify-content: center; align-items: center; font-size: 1rem; font-weight: 600; color: #fff; background: #006ac0; border: 0.5rem solid #e4f3ff; border-radius: 50%; content: "";}
.lstHistory {position: relative; overflow: hidden;}
.lstHistory:before {position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: #d9d9d9; content: "";}
.lstHistory:after {position: absolute; top: 1.75rem; left: 0.5rem; font-size: 4rem; font-weight: 700; color: #eef7ff; content: "HISTORY";}
.lstHistory > li {position: relative; clear: both; margin-top: 2.5rem; width: 50%; z-index: 1;}
.lstHistory > li:before {position: absolute; top: 0.25rem; width: 1.5rem; height: 1.5rem; background: #e4f3ff; border: 0.2rem solid #fff; border-radius: 50%; content: "";}
.lstHistory > li:after {position: absolute; top: 0.85rem; width: 0.3rem; height: 0.3rem; background: #006ac0; border-radius: 50%; content: "";}
.lstHistory > li:nth-of-type(odd) {float: right; padding-left: 2.25rem;}
.lstHistory > li:nth-of-type(odd):before {left: -0.75rem;}
.lstHistory > li:nth-of-type(odd):after {left: -0.15rem;}
.lstHistory > li:nth-of-type(even) {float: left; padding-right: 2.25rem; text-align: right;}
.lstHistory > li:nth-of-type(even):before {right: -0.75rem;}
.lstHistory > li:nth-of-type(even):after {right: -0.15rem;}
.lstHistory > li strong {display: block; margin-bottom: 1rem; font-size: 1.5rem; font-weight: 700; color: #016ebe;}
.lstHistory > li li {position: relative;}
.lstHistory > li li + li {margin-top: 0.5rem;}
.lstHistory > li li:before {position: absolute; top: 0.45rem; width: 0.3rem; height: 0.3rem; background: #006ac0; border-radius: 50%; content: "";}
.lstHistory > li:nth-of-type(odd) li {padding-left: 6.25rem;}
.lstHistory > li:nth-of-type(even) li {padding-right: 6.25rem;}
.lstHistory > li:nth-of-type(odd) li:before {left: 0;}
.lstHistory > li:nth-of-type(even) li:before {right: 0;}
.lstHistory > li li .date {position: absolute; width: 5rem; font-weight: 600; color: #006ac0;}
.lstHistory > li:nth-of-type(odd) li .date {left: 0.75rem;}
.lstHistory > li:nth-of-type(even) li .date {right: 0.75rem;}

/* 심볼 */
.symbolBox {}
.symbolBox .tit1 {margin-bottom: 1.5rem;}
.markBox {position: relative; margin: 3.5rem 0 0 2rem; padding: 1.5rem 1.5rem 1.5rem 13.5rem; line-height: 1.75; font-size: 0.75rem; font-weight: 500; color: #222; word-break: keep-all; background: #eef7ff; border-radius: 1.25rem;}
.markBox .img {position: absolute; top: -1.5rem; left: -2rem; width: 13.5rem; height: 100%; background: #fff; border-radius: 1.25rem; box-shadow: 2px 2px 10px rgba(131,172,203,0.3);}
.markBox .img img {position: absolute; top: 50%; left: 50%; width: auto; height: auto; max-width: 90%; max-height: 90%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.lstEmblem {overflow: hidden;}
.lstEmblem > li {float: left; margin-left: 2%; width: 49%;}
.lstEmblem > li:nth-of-type(2n+1) {margin-left: 0;}
.lstEmblem .img {position: relative; height: 13rem; background: #fdfdfd; border: 2px solid #d9e6f2; border-radius: 1.25rem;}
.lstEmblem .img img {position: absolute; top: 50%; left: 50%; width: auto; height: auto; max-width: 90%; max-height: 90%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}

/* 검색폼 */
.searchFormBox {padding: 2rem 1.5rem; background: #ecf6ff; border: 2px solid #d9e6f2; border-radius: 1.5rem;}
.searchFormBox .inner {display: flex; justify-content: space-between; align-items: center;}
.searchFormBox .inbox {margin-right: 0.5rem; width: calc(100% - 8rem);}
.searchFormBox .inner.w3 .inbox {width: calc(((100% - 7.5rem) / 3) - 0.5rem);}
.searchFormBox .inner.w2 .inbox {width: calc(((100% - 7.5rem) / 2) - 0.5rem);}
.searchFormBox .inbox label {display: inline-block; margin-right: 0; padding: 0 0.25rem; width: 3.7rem; text-align: center; font-size: 1rem; font-weight: 600; color: #035692;}
.searchFormBox .inbox input,
.searchFormBox .inbox select {padding: 0.5rem; width: 100%; height: 2.5rem; border-radius: 0.5rem; border: 1px solid #e0e0e0;}
.searchFormBox .inbox label + input,
.searchFormBox .inbox label + select {width: calc(100% - 4rem);}
.searchFormBox .btn_bl {width: 7.5rem; background: #035692; border-radius: 0.5rem;}

/* 조직도 */
[class^="box_st"] + .organizationBox {margin-top: 3rem;}
.chartBox {text-align: center;}
.chartBox li {position: relative; padding-top: 0.5rem;}
.chartBox li:before {position: absolute; top: 0; left: 50%; width: 1px; height: 0.5rem; background: #d9d9d9; content: "";}
.chartBox a {position: relative; display: flex; margin: 0 auto; width: 100%; max-width: 100%; height: 2.5rem; flex-direction: column; align-items: center; justify-content: center; background: #fff; border: 1px solid; border-radius: 1.5rem; z-index: 1;}
.chartBox a > span {font-size: 0.85rem; font-weight: 500;}

.chartBox .step01 > li {position: relative; padding-top: 0;}
.chartBox .step01 > li:before {position: absolute; top: 0; left: 50%; width: 1px; height: 6rem; background: #d9d9d9; content: "";}
.chartBox .step01 > li > a {margin-bottom: 2.5rem; width: 12.5rem; height: 3.5rem; font-size: 1rem; font-weight: 600; color: #fff; background: #006ac0 url(/images/web/goeujb/sub/step_bg.png) no-repeat right center; border: 4px solid #b8dfff; border-radius: 2rem;}

.chartBox .step02 {position: relative;}
.chartBox .step02:before {position: absolute; top: 0; left: 16.7%; width: 75%; height: 1px; background: #d9d9d9; content: "";}
.chartBox .step02:after {clear: both; display: block; width: 100%; content: "";}
.chartBox .step02 > li {position: relative; float: left; padding-top: 2rem; width: 16.65%;}
.chartBox .step02 > li:before {position: absolute; top: 0; left: 50%; width: 1px; height: 2rem; background: #d9d9d9; content: "";}
.chartBox .step02 > li:after {position: absolute; top: -0.8rem; left: calc(50% - 0.8rem); width: 1.6rem; height: 1.6rem; text-align: center; line-height: 2; font-size: 10px; color: #006ac0; background: #e4f3ff; border: 0.3rem solid #fff; border-radius: 50%; content: "●";}
.chartBox .step02 > li.half {padding-top: 2rem !important; width: 33.35%;}
.chartBox .step02 > li.half:before {height: 7rem !important;}

.chartBox .step02 > li > a {margin-bottom: 1.5rem; width: 12.5rem; height: 3.5rem; font-size: 1rem; font-weight: 600; color: #fff; background: url(/images/web/goeujb/sub/step_bg.png) no-repeat right center; border: 4px solid #b8dfff; border-radius: 2rem;}
.chartBox .step02 > li:nth-of-type(1) > a {background-color: #0272b9; border-color: #bbe3fc;}
.chartBox .step02 > li:nth-of-type(2) > a {background-color: #3f7eff; border-color: #c7d6ff;}
.chartBox .step02 > li:nth-of-type(3) > a {background-color: #008000; border-color: #01a301;}
.chartBox .step02 > li:nth-of-type(4) > a {background-color: #FF5E30; border-color: #f6c99c;}

.chartBox .step03 {position: relative;}
.chartBox .step03 > li {padding: 0 0.25rem;}
.chartBox .step02 > li.half .step03 {padding-top: 1.5rem;}
.chartBox .step02 > li.half .step03:before {position: absolute; top: 0; left: 25%; width: 50%; height: 1px; background: #d9d9d9; content: "";}
.chartBox .step02 > li.half .step03:after {clear: both; display: block; content: "";}
.chartBox .step02 > li.half .step03 > li {float: left; width: 50%;}
.chartBox .step02 > li.half .step03 > li:before {top: -1.5rem; height: 1.5rem;}
.chartBox .step02 > li.half .step03 > li > a ~ a {margin-top: 1rem;}

.chartBox .step04 > li > a {}

/* 분류별 색상 */
.chartBox .step02 > li:nth-of-type(1) .step03 > li > a {color: #fff; background: #0272b9; border-color: #0272b9;}
.chartBox .step02 > li:nth-of-type(2) .step03 > li > a {color: #fff; background: #3f7eff; border-color: #3f7eff;}
.chartBox .step02 > li:nth-of-type(3) .step03 > li > a {color: #fff; background: #008000; border-color: #008000;}
.chartBox .step02 > li:nth-of-type(4) .step03 > li > a {color: #fff; background: #FF5E30; border-color: #FF5E30;}
.chartBox .step02 > li:nth-of-type(1) .step04 > li > a {border-color: #0272b9;}
.chartBox .step02 > li:nth-of-type(2) .step04 > li > a {border-color: #3f7eff;}
.chartBox .step02 > li:nth-of-type(3) .step04 > li > a {border-color: #008000;}
.chartBox .step02 > li:nth-of-type(4) .step04 > li > a {border-color: #FF5E30;}
/* hover */
.chartBox .step02 > li:nth-of-type(1) .step04 > li > a:focus,
.chartBox .step02 > li:nth-of-type(1) .step04 > li > a:hover {background: #e2f4ff;}
.chartBox .step02 > li:nth-of-type(2) .step04 > li > a:focus,
.chartBox .step02 > li:nth-of-type(2) .step04 > li > a:hover {background: #e6eeff;}
.chartBox .step02 > li:nth-of-type(3) .step04 > li > a:focus,
.chartBox .step02 > li:nth-of-type(3) .step04 > li > a:hover {background: #e7fffb;}
.chartBox .step02 > li:nth-of-type(4) .step04 > li > a:focus,
.chartBox .step02 > li:nth-of-type(4) .step04 > li > a:hover {background: #fff2e6;}

/* 광주하남, 부천 */
.chartBox.type01 .step02:before {left: 16.7%; width: 75%;}
.chartBox.type01 .step02 > li {padding-top: 8.5rem;}
.chartBox.type01 .step02 > li:before {height: 9.25rem;}

/* 안성 */
.chartBox.type02 .step02:before {left: 8.325%; width: 83.35%;}
/* 양평 */
.chartBox.type03 .step02:before {left: 16.66%; width: 66.66%;}
.chartBox.type03 .step02 > li {width: 33.33%;}
/* 용인 */
.chartBox.type04 .step02:before {left: 12.5%; width: 75%;}
.chartBox.type04 .step02 > li {width: 25%;}
.chartBox.type04 .step02 > li > a {margin-bottom: 0;}
.chartBox.type04 .step03 > li {padding-top: 0.5rem;}


/* 목록형 있을경우 */
.Con_list {overflow:hidden;}
.Con_list li {position:relative; margin:.25rem;  font-size:.85rem; font-weight:600; color:#222;  }
.Con_list li a {position:relative; display:block; padding:1rem 4rem 1rem 1rem; border:1px solid #e5e5e5; border-radius:1rem;  -webkit-transition:background-color 0.3s ease; transition:background-color 0.3s ease;}
.Con_list li a i {position:absolute; right:1rem; top:.25rem; font-size:1.2rem; width:2.5rem; height:2.5rem; line-height:2.5rem; color:#666; text-align:center; background:#f7f7f7; border-radius:50%;  -webkit-transition:background-color 0.3s ease; transition:background-color 0.3s ease; }
.Con_list li a:hover,
.Con_list li a:focus {color:#007cd6; border:1px solid #84c5f5; }
.Con_list li a:hover i,
.Con_list li a:focus i {color:#007cd6; background:#e4f5ff; }

/* 첨부파일 목록 박스 있을 경우 */
.fileBoxList li a:hover,
.fileBoxList li a:focus {text-decoration:underline; }
.fileBoxList {margin:1rem 0 0; padding:.5rem 1rem; font-size:.75rem; background:#f7f7f7; border-radius:1rem;}
.fileBoxList li {position:relative; padding:.5rem 4rem; border-top:1px dotted #e5e5e5;}
.fileBoxList li:first-child {border-top:none;}
.fileBoxList li span.fileBoxT {position:absolute; left:0; top:.5rem; font-weight:600; color:#000; }
.fileBoxList li a.btnFileView {display:inline-block; margin-right:.5rem; padding:.15rem .5rem; color:#222; font-size:.7rem; border:1px solid #e5e5e5 ; border-radius:.5rem;  background:#fff;}
.fileBoxList li a i {margin-right:.25rem;}
.fileBoxList li a.btnFileDonw {display:inline-block; }
.fileBoxList li .fileBoxD {position:absolute; right:0; top:.5rem; font-size:.7rem;}

/* 특성화고 홍보 */
.meisterBN {overflow:hidden;}
.meisterBN li {width:32%; float:left; margin:.5rem 0 0 2%; padding:0 .5rem; border:1px solid #ddd; background:#f7f7f7; border-radius:1rem;}
.meisterBN li:first-child {margin-left:0;}
.meisterBN li dt {padding:.5rem; font-size:.9rem; font-weight:600; color:#000;  text-align:center;}
.meisterBN li dd span {display:block; padding:.5rem; background:#fff; border-radius:1rem;  text-align:center;}
.meisterBN li dd .meisterBtn {margin:.5rem 0;}
.meisterBN li dd .meisterBtn a {position:relative; width:100%; padding-right:1.5rem;}
.meisterBN li dd .meisterBtn a.btn_ico i {position:absolute; right:.75rem; top:.5rem; font-size:0.8rem; line-height:1rem; padding-left:2.3rem; vertical-align:top; }


@media (max-width:1400px){
	/* 인사말 */
	.greeting .con {padding: 2.5rem;}
}

@media (max-width:1024px){
	/* 인사말 */
	.greeting {padding-left: 0;}
	.greeting .box p {z-index: 1;}
	.greeting .con {font-size: 0.8rem;}

	/* pdf 뷰어 : 시작 **************************************************************/
	.pdfBox .pdf_inner .pdf_view {height:30rem;}
	/* pdf 뷰어 : 끝 **************************************************************/
}


@media (max-width:960px){
    



}

@media (max-width:880px){
    /* 중학교 신입생 무시험 배정 안내 */
    .procss_list > li {padding-top:2rem; background-position:center 0.55rem;}
	.procss_list > li:first-child {padding-top:0;}
	.procss_list > li dl {padding-left:0;}
	.procss_list > li dl dt {position:relative; left:auto; top:auto; width:100%; height:auto; padding:0.75rem; font-size:1rem; text-align:left;}
	.procss_list > li dl dt span {display:inline; margin:0 0.5rem 0 0; font-size:1rem; }
	.procss_list > li dl dd {min-height:auto; padding:0.5rem 1rem;}
}

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


@media (max-width:768px){
  
	/* 특성화고 홍보 */
	.meisterBN li {width:100%; float:none; margin:.5rem 0 0 0;}
	
    /* 인사말 */
    .greeting .box {padding: 2rem 1.5rem;}
    .greeting .box p {font-size: 0.9rem;}
	.greeting .box p strong {font-size: 1.1rem;}
	.greeting .box p.txt {line-height: 1.5;}
    .greeting .box.img_box {padding-right: 1.5rem;}
    .greeting .box.img_box .img {position: relative; top: auto; right: auto; display: block; margin: 0 auto 1rem;}
	.greeting .con {padding: 1.5rem;}
    .greeting .con p + p {margin-top: 1rem;}

	/* 연혁 */
	.lstHistory {padding-top: 4rem;}
	.lstHistory:before {left: 2rem;}
	.lstHistory:after {top: 0; left: 1rem; font-size: 3.25rem; background: #fff;}
	.lstHistory > li {margin-left: 2rem; width: calc(100% - 2rem)}
	.lstHistory > li:nth-of-type(odd) {float: none; padding-left: 1.5rem;}
	.lstHistory > li:nth-of-type(even) {float: none; padding-right: 0; padding-left: 1.5rem; text-align: left;}
	.lstHistory > li:nth-of-type(even):before {right: auto; left: -0.75rem;}
	.lstHistory > li:nth-of-type(even):after {right: auto; left: -0.15rem;}
	.lstHistory > li:nth-of-type(even) li {padding-right: 0; padding-left: 6.25rem;}
	.lstHistory > li:nth-of-type(even) li:before {right: auto; left: 0;}
	.lstHistory > li:nth-of-type(even) li .date {right: auto; left: 0.75rem;}

	/* 심볼 */
	.markBox {margin: 0; padding-left: 1.5rem;}
	.markBox .img {position: relative; top: auto; left: auto; display: block; margin: 0 0 1rem; width: 100%; height: 10rem;}

	/* 사이트맵 */
	.sitemapBox .lst_dep01 > li {width: 50%;}
	.sitemapBox .lst_dep01 > li:nth-of-type(2n+1) {clear: both;}

	/* 검색폼 */
	.searchFormBox {padding: 1rem; border-radius: 1rem;}
	.searchFormBox .inner {display: block;}
	.searchFormBox .inbox {margin-right: 0; margin-bottom: 0.25rem; width: 100%;}
	.searchFormBox .btn_bl {width: 100%;}

	/* 조직도 */
	.chartBox .step02:before {display: none;}
	.chartBox .step02 > li {padding-top: 2rem; width: 50%;}
	.chartBox .step02 > li ~ li {margin-top: 2rem;}
	.chartBox .step02 > li.half {width: 100%;}
	.chartBox .step02 > li:before {height: 2rem;}
	.chartBox .step02 > li.half:before {height: 7rem;}
	/* 안성 */
	.chartBox.type02 .step02 > li,
	.chartBox.type03 .step02 > li,
	.chartBox.type04 .step02 > li {width: 100%;}	

}

@media (max-width:680px){
    /* 배너전체보기 */
    .banner_wrap ul li {width:23%;}
}

@media (max-width:600px){
  
	/* 첨부파일 목록 박스 있을 경우 */
	.fileBoxList li {padding:2.25rem 0 .5rem 0;}


}
@media (max-width:480px){
   
	/* 목록형 있을경우 */
	.Con_list li {font-size:.8rem; }
	.Con_list li a {padding:1rem 3rem 1rem .5rem;}
	.Con_list li a i {right:.5rem; top:.5rem; font-size:1rem; width:2rem; height:2rem; line-height:2rem;}


	/* 연혁 */
	.lstHistory > li:nth-of-type(odd) li,
	.lstHistory > li:nth-of-type(even) li {padding-left: 0;}
	.lstHistory > li li .date {position: relative; display: block; width: 100%;}

	/* 교육행정서비스헌장 */
	.promiseBox .inbox {padding: 2rem 1rem 1rem; font-size: 0.8rem;}
	.promiseBox .inbox:after {font-size: 4rem;}
	.promiseBox h3 {font-size: 1.3rem;}
	.promiseBox .txt {margin-top: 1rem;}
	.promiseBox .lst {margin-top: 1rem; padding: 1rem 0;}
	.promiseBox .lst > li:before {top: -0.2rem;}

	/* 심볼 */
	.lstEmblem > li {margin-left: 0; width: 100%;}

	 /* 배너전체보기 */
    .banner_wrap ul li {width:31%;}

}

@media (max-width:380px){
	/* 사이트맵 */
	.sitemapBox .lst_dep01 > li {margin-bottom: 1.5rem; width: 100%;}
	.sitemapBox .lst_dep01 > li {clear: both;}
   
	 /* 배너전체보기 */
    .banner_wrap ul li {width:48%;}
}