/* 찾아오시는 길 */
.wayList li > a{ position:absolute; right:0; top:0; margin: 0 !important;}
.wayList li{ position:relative; min-height:1.7rem; padding-top:.25rem; padding-right:6rem;}
.wayList li:before{ top:.65rem !important;}
.wayList li span{ color:#0d69cd; font-weight:600;}

/* 시설사진 */
.fcltyList ul{ display:flex; flex-wrap: wrap;}
.fcltyList li{ width:calc(33.33% - 1rem); margin:.25rem .5rem; text-align:center; border-radius:.5rem; border:1px solid #ddd;}
.fcltyList li a{ display:block; height:100%; border-radius:.5rem; transition: all .2s; -webkit-transition: all .2s;}
.fcltyList li a h5{ background:#f1f1f1; color:#091f46; text-align:center; padding:.5rem .75rem; font-size:.9rem; font-weight:600; border-radius:.5rem .5rem 0 0; transition: all .2s; -webkit-transition: all .2s;}
.fcltyList li a .img{ background:#f1f1f1; height:10rem; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.fcltyList li a .img img{ position:relative; width:100%; height:auto; }
.fcltyList li a .con{ padding: .5rem;}
.fcltyList li a .con span{ color: #666; font-size:.75rem;}
.fcltyList li a:hover{ box-shadow:0 0 10px rgba(0, 0, 0, 0.3);}
.fcltyList li a:hover h5{ background:#0d69cd; color:#fff;}
.viewer{ margin:0 0 1.5rem;}

/* 성취기준별수업평가자료 */
.Evllist_st1 li {position:relative;}
.Evllist_st1 li a {display:block; padding-right:1.5rem;}
.Evllist_st4 li a {display:block; padding:0;}
.Evllist_st1 > li {margin:.25rem 0; padding:1rem 1rem; font-size:.85rem; line-height:1.5rem; border:1px solid #dbdee7; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.05); }
.Evllist_st1 > li:before {content:"\e937"; display:block; clear:both; position:absolute; right:1.5rem; top:1rem; font-family:'xeicon'; font-size:1.2rem; color:#444;}
.Evllist_st1 > li.active { font-weight:600; color:#043162; background:#f5f9fc; border:1px solid #1f6abb;}
.Evllist_st1 > li.active:before {content:"\e931"; color:#043162; }

.Evllist_st1 > li > .Evllist_st2 {margin-top:.75rem; padding:0 1rem; font-size:.8rem; font-weight:400; border:1px solid #c5c9d6; background:#fff;}
.Evllist_st1 > li > .Evllist_st2 > li {margin:.25rem 0; padding:.5rem 0; line-height:1.2rem; border-top:1px solid #dbdee7;}
.Evllist_st1 > li > .Evllist_st2 > li:first-child {border-top:none;}
.Evllist_st1 > li > .Evllist_st2 > li:before {content:"\e938"; display:block; clear:both; position:absolute; right:0; top:.5rem; font-family:'xeicon'; font-size:1.2rem; color:#444;}
.Evllist_st1 > li > .Evllist_st2 > li.active { font-weight:600; color:#043162;}
.Evllist_st1 > li > .Evllist_st2 > li.active:before {content:"\e932"; color:#043162; }

.Evllist_st1 > li > .Evllist_st2 > li > .Evllist_st3 {margin-top:.75rem; padding:0 1rem; font-size:.75rem; font-weight:400; border:1px dotted #c5c9d6; background:#f6f6f6;}
.Evllist_st1 > li > .Evllist_st2 > li > .Evllist_st3 > li {margin:.25rem 0; padding:.35rem 0; border-top:1px dotted #dbdee7;}
.Evllist_st1 > li > .Evllist_st2 > li > .Evllist_st3 > li:first-child {border-top:none;}
.Evllist_st1 > li > .Evllist_st2 > li > .Evllist_st3 > li:before {content:"\e936"; display:block; clear:both; position:absolute; right:0; top:.35rem; font-family:'xeicon'; font-size:1rem; color:#444;}
.Evllist_st1 > li > .Evllist_st2 > li > .Evllist_st3 > li.active { font-weight:600; color:#043162;}
.Evllist_st1 > li > .Evllist_st2 > li > .Evllist_st3 > li.active:before {content:"\e930"; color:#043162; }

.Evllist_st1 > li > .Evllist_st2 > li > .Evllist_st3 > li > .Evllist_st4 {margin-top:.5rem; padding:.5rem .5rem 0 .5rem; font-size:.7rem; font-weight:400; border-top:1px dotted #c5c9d6;}
.Evllist_st1 > li > .Evllist_st2 > li > .Evllist_st3 > li > .Evllist_st4 > li {margin:0; padding:0 0 0 1rem;}
.Evllist_st1 > li > .Evllist_st2 > li > .Evllist_st3 > li > .Evllist_st4 > li:before {content:"\eaa8"; display:block; clear:both; position:absolute; left:0; top:0; font-family:'xeicon'; font-size:.85rem; color:#444;}

/* 논술형 평가실습 프로그램 탭메뉴 */
.tab_st3 ul { display:flex; width:calc(100% + 0.5rem); margin-left:-0.25rem; overflow:hidden; align-items: end; flex-wrap:wrap;}
.tab_st3 li { width:calc(25% - 0.5rem); margin:0.25rem 0.25rem; }
.tab_st3 li a,
.tab_st3 > .select { padding:0.65rem 1rem 0.65rem 0.5rem; color:#333; background:#fff; border:1px solid #ddd; border-radius:0.5rem;}
.tab_st3 li a:before,
.tab_st3 > .select:before{content:"\e941"; position:absolute; right:0.6rem; top:0.65rem; width:1.2rem; height:1.2rem; line-height:1.2rem; text-align:center; font-family: 'xeicon'; font-size:0.8rem; color:#999; background:#eee; border-radius:50%; font-weight:400;}
.tab_st3 li.on a,
.tab_st3 > .select { background:#196ebe; border-color:#196ebe; color:#fff; box-shadow:0 0 7px rgba(25,99,209,0.53);}
.tab_st3 li.on a:before,
.tab_st3 > .select:before { background:#fff; color:#196ebe;}
.tab_st3 li:not(.on) a:focus,
.tab_st3 li:not(.on) a:hover{border-color:#1963d1; color:#2457a3;}
.tab_st3 li a[target='_blank']:after { font-size:0.7rem; }
.qesitmTable{display:block;/* height:400px; */overflow:auto;padding:5px;border-bottom:1px solid #d7d7d7;} 
.qesitmTable img{max-width:100%;}

.Tab_w20 li { width:calc(20% - 0.5rem); }

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

	/* 논술형 평가실습 프로그램 탭메뉴 */
	.tab_st3 ul{width:100%; margin:0; border:1px solid #ddd; border-top:0; overflow:hidden; border-radius: 0 0 0.5rem 0.5rem;}
	.tab_st3 li{margin:0;}
	.tab_st3 li + li{border-top:1px solid #ddd;}
	.tab_st3 li a{border-radius:0; border:0;}
	.tab_st3 li.on a{background:#fff; color:#333;}
}

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

	/* 논술형 평가실습 프로그램 탭메뉴 */
	.tab_st3 > li { width:100%; }
	.tab_st3 > li a { padding:.75rem 1rem .75rem .5rem; }
}

@media (max-width:580px) {
    /* 찾아오시는 길 */
    .wayList li{ min-height:0; padding-top:0 !important; padding-right:0;}
    .wayList li:before{ top:.45rem !important;}
    .wayList li span{ display:block; padding-right:5rem; line-height:1.4rem; margin-bottom:.4rem;}
    .wayList li > a{ padding:.15rem .25rem !important; font-size:12px !important; font-weight:600 !important;}
}