html {
     -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
     -moz-text-size-adjust: none; /*Firefox*/
     -ms-text-size-adjust: none;  /*Ie*/
     -o-text-size-adjust: none; /*old versions of Opera*/
}
/* 0101_교육행정서비스헌장전문 */
.education_list {margin-top:4.5rem;}
.education_list li {position:relative; margin:3.5rem 0 0 2.5rem; padding:1.5rem 1rem 1.5rem 4rem; font-size:.8rem; background:#fff; border-radius: 1.2rem; background:#f2f2f2;}
.education_list li span {position:absolute; top:-2.5rem; left:-2.5rem; width:5.5rem; height:5.5rem; line-height:6.5rem; font-size:1.1rem; text-align:center; color:#fff; background:#2c61a2; box-shadow:0 0 10px 0 rgb(44 97 162 / 50%); border-radius:50%;}
.education_list li span > img {width:2.15rem; height:2.15rem;}
.education_list li:nth-child(even) span {background:#319889; box-shadow:0 0 10px 0 rgb(49 152 137 / 50%);}
.education_list li > .txt_point {color:#319889; font-size:.9rem; font-weight:600;}
.education_list li:nth-child(even) > .txt_point {color:#2c61a2; font-size:.9rem; font-weight:500;}

/* 업무분장 */
.search_box {position:relative; width:100%; height:2rem; text-align:right;}
.search_box > input {position:relative; width:11rem;height:1.7rem; border:1px solid #ddd; right:0; bottom:0.1rem;}
.search_box > a.btn_style1 {margin:0 0 0 0.15rem; padding:0.25rem 1rem;}

/* 0104_07_유치원비리신고센터 */
.step_list{ position:relative; overflow:hidden}
.step_list > li { position:relative; width:25%; float:left; margin:0.5rem 0 0}
.step_list > li:after,
.step_list > li.first:before { position:absolute; top:50%; left:85%; margin-top:-9px; width:27px; height:18px; background:url('/images/goedy/sub/arrow.png') no-repeat; display: inline-block; content: ''; vertical-align: middle;}
.step_list > li span {text-align:center; display:inline-block; width:80%; box-sizing:border-box; vertical-align: middle; border:2px solid #009aa4; border-radius:20px; padding:1rem 0}
.step_list > li:first-child span{ background:#009aa4;  border:1px solid #009aa4;}
.step_list > li:first-child span a {color:#fff;}
.step_list > li:last-child:after{display: none;}

/* 0107_01_정보공개안내 */
.information_procss > li {padding-top:3rem;background: url('/images/goedy/sub/information_procss.png') no-repeat 3.75rem 1rem;}
.information_procss > li + li {padding-top: 5.5rem;}
.information_procss > li:first-child {padding-top: 3rem;background:none;}
.information_procss > li dl {position:relative;height:100%;padding-left:9rem;border: 1px dotted #dcdcdc;}
.information_procss > li dl dt {position:absolute;left:0;top: -2.5rem;display:table;width: 10rem;height:5.5rem;padding:1rem;line-height:1.2;color:#fff;font-size:1.1rem;font-weight:700;text-align:center;background: #1e569b;box-shadow: rgb(30 86 155 / 30%) 3px 3px 5px;border-radius: 2rem 0;}
.information_procss > li dl dt p{display:table-cell; vertical-align:middle;}
.information_procss > li dl dt span {display:block; margin-bottom:0.25rem; font-size:1.5rem; font-weight:200;}
.information_procss > li dl dd {display:table;min-height:5.5rem;padding: 1rem 2.5rem;}
.information_procss > li dl dd p.txt {display:table-cell; vertical-align:middle;}



/* 0107_05_정보공개목록 */
.informationBox {position:relative; width:100%; height:auto; background:#f5f5f5; padding:1.5rem; overflow:hidden;}
.informationBox .info_txt {position:relative;width: calc(100% - 18rem);float:left;background: #fff;border-radius: 1.2rem;padding: 2rem 4rem 2rem 2rem;box-shadow: rgb(0 0 0 / 5%) 3px 3px 5px;}
.informationBox .info_txt p span.point_txt {font-size:1rem; color:#2c61a2; font-weight:500;}
.informationBox .info_img {width: 13.15rem;float:right;margin-left:1rem;}



/* 0501_교육인사말 */
.greeting_box{position: relative; }
.greeting_box .greeting_top{position: relative; }
.greeting_box .greeting_top .img{position: relative; width: 100%; margin-top: 3.5rem; z-index: -2; font-size: 0; }
.greeting_box .greeting_top .img img{width: 100%; }
.greeting_box .greeting_top .tit_boxwrap{position: absolute; top: 0; right: 0; max-width: 20rem; padding: 2.4rem 3.8rem 3.8rem 2.4rem; color: #fff; font-size: 1.1rem; }
.greeting_box .greeting_top .tit_boxwrap em{font-size: 1.5rem; font-weight: 700; }
.greeting_box .greeting_top .tit_boxwrap::before{position:absolute;top:50%;left:50%;content:"";width:100%;height:100%;background:transparent;border:3px solid;border-image: linear-gradient(to left, #1b63bc, #11b0f7);border-image-slice:1;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.greeting_box .greeting_top .tit_boxwrap:after{width:100%;height:100%;position:absolute;top:-0.85rem;left:-0.75rem;content:"";background: -moz-linear-gradient(-35deg, rgba(27, 99, 188, 1) 0%, rgba(31, 164, 223, 1) 100%);background: -webkit-linear-gradient(-35deg, rgba(27, 99, 188, 1) 0%, rgba(31, 164, 223, 1) 100%);background: -o-linear-gradient(-35deg, rgba(27, 99, 188, 1) 0%, rgba(31, 164, 223, 1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5e3fa', endColorstr='#e2f6b8', GradientType=0 );background: -ms-linear-gradient(-35deg, rgba(27, 99, 188, 1) 0%, rgba(31, 164, 223, 1) 100%);background: linear-gradient(-35deg, rgba(27, 99, 188, 1) 0%, rgba(31, 164, 223, 1) 100%);z-index: -1;}
.greeting_box .greeting_top .tit_boxwrap .tit_box{position: relative; }
.greeting_box .greeting_top .tit_boxwrap .tit_box:before{position: absolute; top: -1rem; left: -1rem; width: 1.1rem; height: 0.95rem; background: url('/images/goedy/sub/greeting_con1.png') no-repeat center / cover; content: ""; }
.greeting_box .greeting_top .txt_box{position: absolute; bottom: 0; left: 0; max-width: 24rem; background: #fff; padding: 2.35rem 1.7rem 0; }
.greeting_box .point1{color: #234a77; }
.greeting_box .point2{color: #399c8e; }  
.greeting_box .greeting_txt{padding: 1.9rem 5rem 0 1.7rem;}
.greeting_box .greeting_txt .name{display: block; margin-top: 2rem; }



/* 050301_조직도 */ 
.org li { position:relative; height:auto; overflow:hidden; } 
.org a { position:relative; display:block; width:11.3rem; line-height:3.1rem; text-align:center; color:#fff; font-size:0.9rem;  float:left; margin-bottom:0.5rem; }
.org > li > a { background:#2c61a2 url('/images/goedy/sub/org_bg1.png') no-repeat right bottom; }
.org > li:before { content:""; position:absolute; top:1.5rem; left:0; width:100%; height:2px; background:#eaeff3; }
.org > li > ul { width:70%; float:right; } 
.org > li > ul > li {padding-left:3rem; }
.org > li > ul li:before { content:""; position:absolute; left:0; width:100%; height:2px; background:#eaeff3; }
.org > li > ul li:after { content:""; position:absolute; left:0; width:2px; height:100%; background:#eaeff3; }
.org > li > ul > li:before { top:1.5rem;}
.org > li > ul > li:first-child:after { top:1.5rem;}
.org > li > ul > li:last-child:after { height:1.5rem;}
.org > li > ul > li > a { background:#d5dde8 url('/images/goedy/sub/org_bg2.png') no-repeat right bottom; color:#324b6a; }
.org > li > ul li a:before { content:""; position:absolute; left:-4px; top:calc(50% - 4.5px); width:9px; height:9px; background:url('/images/goedy/sub/org_dot.png') no-repeat; }
.org > li > ul > li > ul { width:50%; float:right; margin-top:2px; }
.org > li > ul > li > ul > li { padding-left:2.25rem; }
.org > li > ul > li > ul > li:first-child:after { top:1.4rem; }
.org > li > ul > li > ul > li:last-child:after { height:1.4rem; }
.org > li > ul > li > ul > li.one:after { display:none; }
.org > li > ul > li > ul > li:before { top:1.4rem; }
.org > li > ul > li > ul > li:first-child:before { width:10rem;}
.org > li > ul > li > ul > li > a { width:100%; line-height:2.8rem; background:#d5dde8; padding:0 1rem; text-align:left; color:#324b6a;  } 
.org a:hover,
.org a:focus { font-weight:600;}
.org_txt { margin-top:1rem; background:url('/images/goedy/sub/org_txt.png') no-repeat left center; padding:0.5rem 0 0.5rem 2.2rem; word-break:keep-all;}
.org_txt span { color:#324b6a; }


/* 050201_연혁 */
.histort{position:relative; }
.histort > ul > li{position: relative; padding-left: 2.2rem; }
.histort > ul > li ~ li{margin-top: 2.35rem; }
.histort > ul > li:first-child{margin-top: 0; }
.histort > ul > li .year{position: absolute; display: block; top: -1.35rem; left: 0; width: 9.5rem; height: 4.4rem; line-height: 4.4rem; color: #fff; border-radius: 1rem; background: #2c61a2 url('/images/goedy/sub/histort_list_bg.png')no-repeat center / cover; text-align: center; font-size: 1.25rem; font-weight: 600; box-shadow: 3px 3px 10px rgba(44, 97, 162, 0.6); }
.histort > ul > li ~ li .year::before{position: absolute; top: -2.25rem; left: 50%; content: ""; background: url('/images/goedy/sub/histort_con1.png') no-repeat center / cover; width: 1rem; height: 2.75rem; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.histort .date{width: 100%; border: 1px solid #c4cad6; padding: 2rem 1rem 2rem 9.2rem; margin-top: 3.8rem; }
.histort .date ul li{padding-left: 5.7rem;}
.histort .date ul li span{padding-right: 0.75rem;margin-right: 0.6rem;position: absolute;top: 0;left: 0.65rem;}
.histort .date ul li span::before{position:absolute; top: 50%; right: 0; width: 2px; height: 0.6rem; background: #e6e6e6; content: ""; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.histort .date ul li span .point{color: #2c61a2; }

/* 050607_관내학교 안내도 */
.guidemap {overflow:hidden;}
.guidemap_left {width:calc(100% - 32rem); float:left;}
.guidemap_right {width:31rem; float:right;}


/* 0508_찾아오시는길 */
.mapBox{position: relative; padding: 0.3rem; background: #f0f9fb; border: 1px solid #d5e2e5; margin-left: 1.5rem; margin-bottom: 4rem; }
.mapBox .inner{width: 100%; height: 100%; padding: 0.6rem; background: #fff; }
.mapBox .mapAdres{position: absolute; bottom: -1.9rem; left: -1.5rem; background: #1d559a; padding: 1.4rem 1.7rem 1.4rem 1.35rem; color: #fff; font-size: 0.8rem; box-shadow: 3px 3px 10px rgba(44, 97, 162, 0.6); }
.mapBox .mapAdres::before{position: absolute; top: -1.15rem; left: 0.45rem; width: 2.2rem; height: 2.2rem; background: #153a69; content: ""; transform: rotate(45deg); -webkit-transform: rotate(45deg); z-index: -1; }
.mapBox .mapAdres li{position: relative; }
.mapBox .mapAdres li::before{position: absolute; top: 0; left: -3px; width: 0.8rem; height: 0.8rem; background: rgba(255,255,255,0.3); border-radius: 50%; content: ""; }
.mapBox .mapAdres li ~ li{margin-top: 1.1rem; }
.mapBox .mapAdres i{position:relative; font-size: 1.25rem; vertical-align: middle; margin-right: 0.5rem; }
.adres_list{position: relative; width: 100%; height: auto; margin-top: 1.4rem; overflow: hidden; }
.adres_list li{position: relative; width: 48%; float: left; margin-left: 2%; }
.adres_list li:before {content:""; display:inline-block; position:absolute; width:4.6rem; height:4.6rem; top:50%; left:0; background:#f0f9fb; border-radius:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.adres_list li:first-child{margin-left: 0; }
.adres_list li.bus:before {background:#f0f9fb url('/images/goedy/sub/bus_icon.png') no-repeat center center; }
.adres_list li.car:before {background: #f0f9fb url('/images/goedy/sub/car_icon.png') no-repeat center center; }
.adres_list li.subway:before {background: #f0f9fb url('/images/goedy/sub/subway_icon.png') no-repeat center center; }
.adres_list li .txt_box{padding: 1.1rem 0 1.1rem 5rem; }
.adres_list li .txt_box .point{color: #1d559a; }

/* 0607_로그인 */
.loginBox {position:relative; width:100%; height:auto; background:#f2f5fc; padding:1.5rem; overflow:hidden; margin-top:1rem;}
.loginBox .login_txt {position:relative;width: calc(100% - 15rem);float:left;background: #fff;border-radius: 1.2rem;padding: 2.5rem 4rem 2.5rem 2rem;box-shadow: rgb(0 0 0 / 5%) 3px 3px 5px;}
.loginBox .login_img {width: 10.9rem;float:right;margin-left:1rem;}

/* 0608_회원가입 */
.joinBox {padding:1rem;border: 1px solid #d8dfe8;background:#f8fbff;border-radius: 1.2rem;}
.joinBox dd {margin-top:1rem; text-align:center;background: #fff; padding:0.25rem 0 1rem; }
.joinBox dd ul {margin:1rem 0;overflow:hidden;}
.joinBox dd ul li {display:inline;padding:0 10px;}

.root_daum_roughmap .section_busline .ico_bus7 .icon_bus {background:url('/images/goedy/sub/ico_traffic_02.png') no-repeat center / cover !important;}
.root_daum_roughmap .section_busline .ico_bus3 .icon_bus {background:url('/images/goedy/sub/ico_traffic_01.png') no-repeat center / cover !important;}

/* 반응형 */
@media (max-width:1440px){
    
    /* 0501_교육인사말 */
    .greeting_box .greeting_top .txt_box{position: relative; max-width: 100%;}
    .greeting_box .greeting_top .img{margin-top: auto; }
    .greeting_box .greeting_top .tit_boxwrap{position: relative; max-width: 100%; padding: 2rem 2.5rem; }
    .greeting_box .greeting_top .tit_boxwrap br:nth-of-type(1){display:none;}
    .greeting_box .greeting_top .tit_boxwrap:after{top: 0; left: 0; }
}


@media (max-width:1280px){
    
    /* 050607_관내학교 안내도 */
    .guidemap_left {margin:1rem 0; width:100%; text-align:center;}
    .guidemap_right {width:100%;}

    
}

@media (max-width:1200px){
    /* 0501_교육인사말 */
    .greeting_box .greeting_top .txt_box{padding: 2.35rem 1rem 0;}
    .greeting_box .greeting_txt{padding: 1.9rem 1rem; }
}

@media (max-width:1060px){
    /* 0107_05_정보공개목록 */
    .informationBox .info_txt p > br {display:none;}

}

@media (max-width:880px){
    
    
   /* 0107_01_정보공개안내 */
    .information_procss > li {padding-top:2rem;background-position: center 1rem;}
    .information_procss > li + li {padding-top:3rem}
	.information_procss > li:first-child {padding-top:0;}
	.information_procss > li dl {padding-left:0;border-radius: 2rem 2rem 0 0;}
	.information_procss > li dl dt {position:relative;left:auto;top:auto;width:100%;height:auto;font-size:1rem;border-radius: 1.2rem 1.2rem 0 0;}
	.information_procss > li dl dt span {display:inline; margin:0 0.5rem 0 0; font-size:1rem; }
	.information_procss > li dl dd {min-height:auto;padding: 1rem 1rem;}
    
    /* 0107_05_정보공개목록 */
    .informationBox .info_txt {width:100%;margin-top: 1.5rem;}
	.informationBox .info_img {width:100%;margin-left:0;margin-top: 1rem;text-align:center;}
	.informationBox .info_img img {max-width:100%;}
}


@media (max-width:800px){
	
	/* 0104_07_유치원비리신고센터 */
	.step_list > li {width:50%}

    /* 050301_조직도 */ 
    .org > li:before { width:2px; height:5rem; left: 2rem;}
    .org > li > ul { width:100%; padding-left:2rem; margin-top:1rem;} 
    .org > li > ul > li { padding-left:1.5rem;} 
    .org > li > ul > li > ul { width:calc(100% - 13rem); }

}
@media (max-width:768px){
    /* 0501_교육인사말 */
    .greeting_box .greeting_top .tit_boxwrap{font-size: 1rem; }
    .greeting_box .greeting_top .tit_boxwrap em{font-size: 1.2rem; }

    /* 050201_연혁 */
    .histort > ul > li {padding-left: 0; }
    .histort > ul > li .year{position: relative; top: 0; height: 3.4rem; line-height: 3.4rem; font-size: 1rem;}
    .histort .date{margin-top: 0.5rem; padding: 1.3rem 1rem; }

	/* 0508_찾아오시는길 */
    .adres_list li{width: 100%; margin-left: 0; margin-top: 0.5rem; }
    .adres_list li:first-child{margin-top: 0; } 
	

}

@media (max-width:680px){
	/* 0104_07_유치원비리신고센터 */
	.step_list > li {width:100%; margin:0 0 1rem; float:none; padding-bottom:27px;}
	.step_list > li:after,
	.step_list > li.first:before { top:auto; bottom:0; left:50%; margin:0 0 0 -13px; transform:rotate(90deg); -webkit-transform:rotate(90deg);}
	.step_list > li span { width:100%;}
	}

@media (max-width:580px){
	/* 050301_조직도 */ 
    .org > li > a, 
    .org > li > ul > li > a { width:100%; float:none; margin:1rem 0 0;  } 
    .org li:before,
    .org li:after,
    .org > li > ul li a:before { display:none;}
    .org > li > ul { margin-top:0; }
    .org > li > ul,
    .org > li > ul > li,
    .org > li > ul > li > ul > li { padding:0; }
    .org > li > ul > li > ul { width:100%; text-align:center; border:1px solid #ddd; margin-top:0; padding:1rem 1rem 0.5rem; }
    .org > li > ul > li > ul > li { display:inline-block; width:47%; padding:0 1%; vertical-align:top; }
    .org > li > ul > li > ul > li > a { text-align:center; line-height:1.2; padding:0.5rem; }

}	
@media (max-width:460px){
    
	/* 0107_05_정보공개목록 */
	.informationBox .info_txt {padding:2rem;}
    
	/* 0508_찾아오시는길 */
    .adres_list li:before{width: 3.8rem; height: 3.8rem; }
    .adres_list li.bus:before {background-size: 2.3rem; }
    .adres_list li.car:before {background-size: 2.3rem; }
    .adres_list li.subway:before {background-size: 2.3rem; }
    .adres_list li .txt_box{padding: 1.1rem 0 1.1rem 4.5rem;}
    
    
    /* 0607_로그인 */
	.loginBox .login_txt {padding:2rem;}
}

@media (max-width:380px){ 

    /* 교육행정서비스헌장전문 */
    .education_list li {padding:1.5rem 1rem 1.5rem 2.5rem;}
    .education_list li span {top: -1.5rem; width: 4.5rem; height: 4.5rem; line-height: 5.5rem;}
	
	/* 업무분장 */
	.search_box > input {width:8rem;}


	
}