@charset "utf-8";

/****** sub01 ******/
/*전북특자도교육청상징*/
.sj .r mark.hw {background: #fecd20;color: #000;}
.sj .r mark.ch2 {background:#023064;}
.sj .r mark.ch3 {background:#008f8c;}
.sj .r mark.hw2 {background: #eb5d47;}

/****** sub02 ******/
/*신고센터*/
.singo li{position: relative;padding: 20px 20px 20px 120px;margin-bottom: 10px;background: var(--bggray2);border-radius: 20px;}
.singo li:before{position: absolute;width: 80px;height: 80px;top: 50%;left: 20px;content: "";background: url("/images/common/notice_ico.png") no-repeat -240px -160px;transform: translateY(-50%);}
.singo li strong, .singo li span{display: block;}
.singo li strong{font-size: 18px;margin-bottom: 8px;}
.singo li span{margin: 8px 0;}
.singo li a{display: inline-block;padding: 4px 15px;border-radius: 10px 5px;background: var(--point3);color: #000;}
.singo li a:hover, .singo li a:focus{background: var(--dkgray);color: #fff;}

/*교육행정서비스헌장전문*/
.hunjang { position: relative; overflow: hidden; background: #55b1f5; padding: 20px 20px 300px 20px;  background-size: cover; border-radius: 20px;}
.hunjang>div { background: #fff; border-radius: 30px; padding: 30px}
.hunjang:before { display: block; content: '';  position: absolute;  bottom: 0;  background: url(/images/01_potal/content/sub02/hunjang.png) no-repeat center bottom;width: 333px; height: 323px; background-size: 280px; left: -25px; bottom: 15px;}

/*분야별이행기준*/
.service_box ul{display: flex;flex-wrap: wrap;gap: 10px;}
.service_box li{width: 100%;padding: 20px;background: var(--bggray2);border-radius: 5px;}
.service_box li em, .service_box li i{display: block;font-style: normal;}
.service_box li strong{display: block;font-size: 18px;}
.service_box li span{display: block;margin: 5px 0;font-size: 14px;color: #666;}
.service_box li em{font-weight: 600;color: var(--point1);}
.service_box li i{text-align: right;}
.service_box li i a{margin: 0;padding: 0 10px;background: #fff;}
.service_box li i a span{text-transform: uppercase;color: #000;}

/****** sub03 ******/

/****** sub04 ******/
/*교육과정 도우미*/
.img_box {max-width: 300px; text-align: center;    margin: 0 auto;}
.img_box img {border-radius: 20px;margin: 0 auto;display: block;box-shadow: 0 0 10px rgba(0,0,0,.3);}

/*전북미래학교 현황*/
.school_table .point_bg1{background: #f7feff;}
.school_table .point_bg2{background: #fffef4;}
.school_table .point_bg3{background: #fff6f9;}
.school_table span.sp, .school_table span.kid {display: inline-block; width: 18px; height: 18px; font-size: 12px;  text-align: center; line-height: 18px;  color: #fff;  border-radius: 5px; vertical-align: baseline;}
.school_table span.sp {background: #364968;}
.school_table span.kid {background: #c35416;}
.school_table span.je, 
.school_table span.mi,
.school_table span.ib {display: inline-block; width: 18px; height: 18px; font-size: 12px; text-align: center; line-height: 18px;  color: #448500; border-radius: 5px;  vertical-align: baseline; border: 1px #448500 solid;}
.school_table span.mi{color: #1f6fc5;border: 1px #1f6fc5 solid;}
.school_table span.ib{color: #1f6fc5;border: 1px #1f6fc5 solid;}
.school_table span.y1{display: inline-block;width: 18px;height: 18px;font-size: 12px;text-align: center;line-height: 18px;color: #fff;background: #1f6fc5;border-radius: 20px;vertical-align: baseline;}
.school_table span.sa{display: inline-block;width: 18px;height: 18px;font-size: 12px;text-align: center;line-height: 18px;color: #d61e49;border-radius: 100%; vertical-align: baseline;border: 1px #d61e49 solid;}

/*기초학력 향상 지원*/
.edu_basic1 li {box-sizing: border-box; width: 200px; height: 200px; margin: 0 auto 20px;  padding-top: 60px;text-align: center; font-size: 17px; border-radius: 10px; color: #fff;background:#d06224;box-shadow: 0 0 10px rgba(0, 0, 0, .2); font-weight: 500;}

/*info_box*/
.bgimg_none {background-image:none;}

/*마을교육생태계*/
.reverse_step2 li{background: url("/images/common/basic_step3.png") no-repeat center top;}
.reverse_step2 li:first-child strong{background: var(--point1);color: #fff;}
.reverse_step2 li:first-child span{border-color: var(--point1);font-weight: bold;font-size:1.3rem;color:#c35416;}
.reverse_step2 li:last-child strong{background:#f6f1e9;color: #000;}
.reverse_step2 li:last-child span{border-color:#f6f1e9;font-weight:normal;}
.reverse_step2 li span{text-align:center;overflow:hidden;word-break:keep-all;}
.reverse_step2 li em{font-style:normal;display:block;word-break:keep-all;border-bottom:1px solid #e8ddcc;padding:10px 0;}
.reverse_step2 li em:last-child{border:none;}
.reverse_step2 li:nth-child(4) em{font-size:18px;font-weight:600;}

/*전북교육협력지구*/
.gyc_history dl{overflow:hidden;margin-bottom:20px;border-bottom:1px dashed #f0e0ca;padding-bottom:20px;}
.gyc_history .num{width: auto;min-width: 30px;}

/****** sub05 ******/
/*전북미래교육*/
.jbfuture .plan li{margin: 0 0 20px;}
.jbfuture .plan li strong{display: block;margin-bottom: 3px;text-align: center;}
.jbfuture .plan li strong em{display: block;padding: 15px;background: var(--bgpoint);color: #000;font-weight: bold;font-style: normal;border-radius: 10px;}
.jbfuture .plan li span{display: block;border: 1px solid var(--bgpoint);padding: 15px;border-radius: 10px;text-align: center;}
.jbfuture .plan .vision strong em{background: var(--point1);color: #fff;}
.jbfuture .plan .vision span{font-size: 18px;font-weight: bold;color: var(--point1);border-color: var(--point1);}
.jbfuture .plan li>ul{border: 1px solid var(--bgpoint);padding: 5px 15px;border-radius: 10px;text-align: center;}
.jbfuture .plan li li{margin: 0;padding: 10px 0;border-top: 1px solid var(--bgpoint)}
.jbfuture .plan li li:first-child{border: none;}
.jbfuture .plan dl{border: 5px solid var(--bgpoint);padding: 5px 15px;margin-bottom: 3px;overflow: hidden;border-radius: 10px;}
.jbfuture .plan dt{padding: 10px 0;text-align: center;font-weight: bold;color: var(--point2);border-bottom: 1px solid var(--bgpoint);}
.jbfuture .plan dd{margin: 10px 0;padding-left: 15px;background: url("/images/common/li01.png") no-repeat top 4px left;word-break: keep-all;}
.jbfuture .basic_box2 h5{margin: 10px 0 0;}
.jbfuture .basic_box2 p{margin: 0 0 20px 25px;}

.jbfuture .step>div>ul>li{border-radius: 20px;padding: 10px;margin-bottom: 10px;background: var(--bgpoint);}
.jbfuture .step li strong{display: block;padding: 10px 0;text-align: center;}
.jbfuture .step li span{display: block;padding: 15px;background: #fff;border-radius: 10px;text-align: center;}
.jbfuture .step li>ul, .jbfuture .step li div li{padding: 15px;background: #fff;border-radius: 10px;}
.jbfuture .step li li{margin: 10px 0;padding-left: 15px;background: url("/images/common/li01.png") no-repeat top 4px left;text-align: left;}
.jbfuture .step li li:first-child, .jbfuture .step li div li{border: none;}
.jbfuture .step li div li{margin: 10px 0;text-align: center;}
.jbfuture .step>div>ul>li.vision{background: var(--point1);}
.jbfuture .step>div>ul>li.vision strong{color: #fff;}
.jbfuture .step>div>ul>li.vision span{font-size: 18px;font-weight: bold;color: var(--point1);}
.jbfuture .step .box2{padding-top: 35px;margin-top: 20px;background: url("/images/common/basic_step3.png") no-repeat center top;}
.jbfuture .step .box2>ul>li{background: var(--bggray1);}

/*2022교육과정*/
.edu2022 .title>div{padding-top: 140px;background: url("/images/01_potal/content/sub05/edu2022_tit.png") no-repeat top 20px center #fff;text-align: center;}
.edu2022 .title P{font-size: 20px;margin: 10px 0;word-break: keep-all;}
.edu2022 .title P strong{font-family: GWedupower;font-size: 32px;color: #354c97;}
.edu2022 h5.bg_none{padding: 0;}
.basic_step.no_step li{padding-top: 0!important;background: none!important;}
.edu2022 .no_step li:nth-child(2n) strong{background: #009285;color: #fff;}
.edu2022 .no_step li:nth-child(2n) span{border-color: #009285;font-weight: normal;}
.edu2022 .no_step li:nth-child(2n+1) strong{background: #597a0f;color: #fff;}
.edu2022 .no_step li:nth-child(2n+1) span{border-color: #597a0f;font-weight: normal;}
.edu2022 .box_li li{padding: 0;background: none;display: inline-block;}
.edu2022 .box_li li span{display: block;padding: 5px 10px;border-radius: 10px;background: var(--bggray1);border: 1px solid #ddd;}
.edu2022 .end>div{padding-top: 140px;background: url("/images/01_potal/content/sub05/edu2022_tit.png") no-repeat top 20px center #fff;text-align: center;}
.edu2022 .end p{font-size: 20px;vertical-align: middle;margin: 10px 0;}
.edu2022 .end p span{font-weight: bold;vertical-align: baseline;}
.edu2022 .end p strong{display: inline-block;margin-top: 8px;font-family: GWedupower;font-size: 24px;color: #354c97;vertical-align: baseline;}

.cell_07 { background: #f5f6f7;}
.cell_09 { background: #eef5fa;}
.cell_15 { background: #e6f0fc;}

/****** sub06 ******/

/****** sub07 ******/
/*연혁*/
.history .his02{padding: 20px 0;border-bottom: 1px dashed var(--bgpoint);}
.history .his_right{position: relative;padding-left: 40px;}
.history .his_right:before{position: absolute;content: "";width: 1px;height: 100%;left: 20px;top: 0;background:  var(--bgpoint);}
.history .his_right>ul>li{position: relative;margin-bottom: 20px;}
.history .his_right>ul>li:before{position: absolute;width: 12px;height: 12px;border: 4px solid #fff6d0;background: var(--point3);content: "";border-radius: 100%;left: -30px;top: 4px;}
.history .his_right li span{display: inline-block;position: relative;/*padding: 0 5px;*/font-size: 20px;font-weight: 900;color: var(--point1);}
/*.history .his_right li span:before{position: absolute;width: 100%;height: 12px;left: 0;bottom: 0;content: "";background: var(--bgpoint);z-index: -1;}*/
.history .his_right li u{display: block;margin: 10px 0;text-decoration: none;}
.history .his_right div{margin: 20px 0;padding: 15px 20px;background: var(--bggray2);border-radius: 10px;}
.history .his_right dt{font-size: 18px;font-weight: 600;color: var(--point1);}
.history .his_right dd, .history .his_right li li{margin: 5px 0;padding-left: 12px;background: url("/images/common/li03.gif") no-repeat 0 10px;line-height: 1.6;}
.history h5{padding: 0 0 0 36px;margin:0 0 20px 0;font-size:28px;font-weight: bold;color: var(--point2);background: url("/images/common/h4.png") no-repeat 0 4px;border-bottom: none;}
.history.before .his02{border-bottom-color: #ccc;}
.history.before .his_right:before{background: #ccc;}
.history.before .his_right div{background: #fff;}

/*교육청상징*/
.sj{padding: 20px;margin: 0 auto 30px;border: 1px solid var(--bgpoint);border-radius: 30px 5px;box-shadow: 0 0 10px rgba(219,219,219,0.4);background: url("/images/01_potal/content/sub07/sj_bg.gif") center;}
.sj img{display: block;max-width: 100%;margin: 0 auto;}
.sj .r{margin-top: 30px;}
.sj .r mark{vertical-align: baseline;color: #fff;}
.sj .r mark.ch{background: #0e3091;}
.sj .r mark.or{background: #fe280e;}
.sj.img{text-align: center;}
.sj.img img{box-shadow: 0 0 10px rgba(219,219,219,0.4);border-radius: 10px;padding: 5px;}
.sj.img li{margin: 10px 0 30px;}
.sj.img li span{display: block;margin-top: 20px;}
.sj.vision img{margin: 20px auto}
.sj .text{padding: 20px 0;border-top: 1px solid var(--point1);border-bottom: 1px solid var(--point1);}
.sj .text dl{margin: 10px 0 20px;}
.sj .text dt{margin-bottom: 4px;}
.sj .text dt span{display: inline-block;padding: 2px 15px;font-size: 18px;color: #fff;border-radius: 20px;background: #666;}
.sj.vision .text dl:nth-child(1) dt span{background: #188f2a;}
.sj.vision .text dl:nth-child(2) dt span{background: #028b88;}
.sj.slogan .text dl:nth-child(1) dt span{background: #004898;}
.sj.slogan .text dl:nth-child(2) dt span{background: #0087b9;}
.sj .text dd{padding: 0 0 0 13px;margin: 0 0 4px 8px;background: url("/images/common/li03.gif") no-repeat 0 9px;}
.sj .text dd.sup{background: none;font-size: 15px;color: #555;}
.logo_song span{text-align:center;}
.logo_song em{font-size:14px;font-style:normal;display:block;}  
.notice_box>div.nuri_four:after{width: 206px;background: url("/images/common/open04.jpg") no-repeat center;}

/*부서별홈페이지*/
.buseo_link>div{padding: 0;}
.buseo_link div div{padding: 20px;border-bottom: 1px dashed var(--bgpoint);}
.buseo_link div div h4{margin-top: 20px;}

/*기구도*/
.org{position: relative;padding: 30px 0;border: 1px solid var(--bgpoint);border-radius: 30px 5px;box-shadow: 0 0 10px rgba(219,219,219,0.4);text-align: center;}
.org:before{position: absolute;left: 50%;width: 1px;height: 80%;content: "";background: #ddd;z-index: -1;}
.org a:hover, .org a:focus{text-decoration: underline;}
.org>div{position: relative;}
.org li a{display: block;margin: 0 auto;}
.org li a strong, .org li a span{display: block;}
.org .org1{position: relative;padding-bottom: 80px;}
.org .org1 a{width: 200px;}
.org .org1 a strong{padding: 15px 0;background: linear-gradient(90deg,  var(--point1) 0%, var(--point2) 100%);border-radius: 5px;color: #fff;font-size: 20px;}
.org .org1 a span{padding: 10px 0;border: 1px solid var(--point2);background: #fff;font-size: 20px;font-weight: bold;color: var(--point2);border-radius: 5px;}
.org .org2{position: relative;padding-bottom: 200px;}
.org .org2 a{width: 200px;}
.org .org2 a strong{padding: 15px 0;background: var(--point2);border-radius: 5px;color: #fff;font-size: 20px;}
.org .org2 a span{padding: 10px 0;border: 1px solid var(--point2);background: #fff;font-size: 20px;font-weight: bold;color: var(--point2);border-radius: 5px;}
.org .org3>a:before, .org .org3 li:before{position: absolute;top: 50%;left: 0;width: 50%;height: 1px;content: "";background: #ddd;z-index: -1;}
.org .org3>a strong, .org .org3 li a{display: block;width: 100%;padding: 10px 0;background: var(--bgpoint);border-radius: 5px;}
.org .org3>a{position: absolute;top: 120px;left: 50%;width: 45%;padding-left: 15%;}
.org .org3 ul{position: absolute;top: 300px;left: 50%;width: 45%;padding-left: 10%;}
.org .org3 ul:before{position: absolute;width: 22%;height: 1px;top: 50%;left: 0;content: "";background: #ddd;}
.org .org3 ul:after{position: absolute;width: 1px;height: 66%;top: 17%;left: 22%;content: "";background: #ddd;}
.org .org3 li{position: relative;margin: 2px 0;padding-left: 10%;}
.org .org4{position: relative;padding-top: 40px;}
.org .org4:before{position: absolute;top: 20px;left: 50%;width: 67%;height: 1px;content: "";background: #ddd;transform: translateX(-50%);}
.org .org4>div{display: flex;flex-wrap: wrap;}
.org .org4 div:after{display: block;clear: both;content: "";}
.org .org4 div div{position: relative;width: 29.33333%;margin: 0 2%;border-radius: 10px;background: var(--bggray1);}
.org .org4 div div:before{position: absolute;top: -20px;left: 50%;width: 1px;height: 100%;content: "";background: #ddd;z-index: -1;}
.org .org4 p a{display: block;padding: 10px 0;background: var(--dkgray);border-radius: 10px 10px 0 0;color: #fff;font-weight: bold;}
.org .org4 li{border-bottom: 1px dashed #d4dbe1;}
.org .org4 li a{display: block;padding: 10px 0;}
.org .org4 div div:nth-child(2) li:last-child{border: none;}

.org_2 li{margin-bottom: 10px;padding: 10px;border-radius: 20px;background: var(--bgpoint);}
.org_2 li a{display: block;position: relative;background: #fff;padding: 20px 20px 20px 100px;border-radius: 10px;box-shadow: 0 0 10px rgba(219,219,219,0.4);}
.org_2 li a:before{position: absolute;width: 80px;height: 80px;background: url("/images/common/notice_ico.png") no-repeat -320px 0;content: "";left: 10px;top: 0;}
.org_2 li a span{display: block;font-size: 18px;font-weight: 600;}
.org_2 li a em{display: inline-block;margin-top: 4px;padding: 4px 10px;background: var(--point3);color: #000;border-radius: 10px 3px;font-style: normal;}
.org_2 li a:hover em, .org_2 li a:focus em{background: var(--dkgray);color: #fff;}

.org_2.img_logo li a{padding: 0;text-align: center;}
.org_2.img_logo li a:before{display: none;}

.org_wrap{position: relative;padding: 30px 0;border: 1px solid var(--bgpoint);border-radius: 30px 5px;box-shadow: 0 0 10px rgba(219,219,219,0.4);text-align: center;}
.org_wrap:before{position: absolute;left: 50%;width: 1px;height: 80%;content: "";background: #717171;z-index: -1;}
.org_wrap h5, .org_wrap h6{background: none;padding: 0;margin: 0;line-height: normal;}

.org_wrap a, .org_wrap strong, .org_wrap span{display: block;}
.org_wrap a:hover, .org_wrap a:focus{text-decoration: underline;}
.org_wrap .org1 a{max-width: 200px;margin: 0 auto;}
.org_wrap .org1 h5{font-family: SUIT;}
.org_wrap .org1 h5 strong{padding: 15px 0;background: linear-gradient(90deg,  var(--point1) 0%, var(--point2) 100%);border-radius: 5px;color: #fff;font-size: 20px;}
.org_wrap .org1 h5 span{padding: 10px 0;border: 1px solid var(--point2);background: #fff;font-size: 20px;font-weight: bold;color: var(--point2);border-radius: 5px;}
.org_wrap .org1 h6 strong{padding: 15px 0;background: var(--point2);border-radius: 5px;color: #fff;font-size: 20px;}
.org_wrap .org1 h6 span{padding: 10px 0;border: 1px solid var(--point2);background: #fff;font-size: 20px;font-weight: bold;color: var(--point2);border-radius: 5px;}
.org_wrap .org1 ul{position: relative;width: 50%;margin: 20px 0;margin-left: 50%;}
.org_wrap .org1 ul:before{position: absolute;width: 20px;height: 1px;left: 0;top: 50%;content: "";background: #717171;}
.org_wrap .org1 ul:after{position: absolute;width: 1px;left: 20px;top: 20px;bottom: 20px;content: "";background: #717171;}
.org_wrap .org1 li{position: relative;padding-left: 40px;margin: 10px 0;max-width: 240px;}
.org_wrap .org1 li:before{position: absolute;width: 20px;height: 1px;left: 20px;top: 50%;content: "";background: #717171;}
.org_wrap .org1 li a{padding: 10px 0;background: var(--bgpoint);border-radius: 5px;}
.org_wrap .org2{display: flex;position: relative;flex-wrap: wrap;justify-content: space-evenly;padding-top: 80px;}
.org_wrap .org2:before{position: absolute;width: 65%;height: 1px;left: 50%;top: 40px;content: "";background: #717171;transform: translateX(-50%);}
.org_wrap .org2 div{position: relative;width: 29.3333%;border-radius: 10px;background: var(--bggray1);}
.org_wrap .org2 div:before{position: absolute;width: 1px;height: 40px;left: 50%;top: -40px;content: "";background: #717171;}
.org_wrap .org2 p.tit a{padding: 10px 0;font-size: 16px;font-weight: 700;background: var(--dkgray);border-radius: 10px 10px 0 0;color: #fff;}
.org_wrap .org2 li{border-bottom: 1px dashed #d4dbe1;}
.org_wrap .org2 div:nth-child(2) li:last-child{border: none;}
.org_wrap .org2 li a{padding: 10px 0;}

@media  all and (max-width: 1022px){
.bbs_skin2 table tbody td.task{display: block;border-top: 1px dashed #ddd;margin-top: 10px;padding-top: 10px;}
}
td.task p{text-align: left;}
td.task p *{display: block;font-weight: normal;line-height: 1.5em;margin: 0 0 5px;}
td.task p strong{padding: 0 0 0 17px;background: url("/images/common/li01.png") no-repeat 0 5px;}
td.task p span{margin-left: 17px;padding: 0 0 0 12px;background: url("/images/common/li02.png") no-repeat 0 9px;}

/****** sub08 ******/
.pry_ico img{width:30px}
.pry_tgl{margin: 20px 0 40px;border: none;}
.pry_tgl>h4{border: none;}
.pry_tgl>h4 a{border-radius: 5px;background: var(--bgpoint);}
.pry_tgl>h4.on a{border: 1px solid var(--point1);background: #fff;}
.pry_tgl>div{border: none;}

/*비주얼,알림존,배너모아보기*/
.img_all{margin-top:30px; }
.img_all ul li{width:100%;text-align: center;margin-bottom: 20px;}
.img_all ul li a{display: block;border-radius: 20px;overflow: hidden;box-shadow: 0 0 10px rgba(219,219,219,0.4);background: var(--bgpoint);}
.img_all ul li a:hover, .img_all ul li a:focus{font-weight: 600;}
.img_all ul li img{width:100%;}
.img_all ul li a:hover img, .img_all ul li a:focus img{transform: scale(1.1);transition: 1s;}
.img_all ul li a span{display: block;position: relative;padding: 10px 0;color: #000;background: var(--bgpoint);}
.img_all:after{display:block;content:"";clear:both;}

.banner_all {margin-top: 30px;}
.banner_all li{margin-bottom: 10px;}
.banner_all li a{display:block;padding: 10px;box-sizing: border-box;background: var(--bggray1);border-radius: 5px 5px 20px 5px;color: #000;}
.banner_all li:hover a,.banner_all li:focus a{background:var(--point3);font-weight: 600;box-shadow: 0 0 5px rgba(219,219,219,0.4);}
.banner_all:after{display:block;content:"";clear:both;}

/*이용안내*/
.guide{margin: 20px 0 30px;}
.guide li{margin: 8px 0;overflow: hidden;}
.guide li em{float: left;}
.guide li span{float: left;width: calc(100% - 40px);padding-top: 4px;}

/*url*/
.bbs_url .basic_box .bbs_search2 .form_txt{width: 100%;}
.bbs_url .basic_box .bbs_search2 .txt_center{margin: 30px 0 0;}

/*Tablet*/
@media all and (min-width:768px) {
/****** sub01 ******/

/****** sub02 ******/
.singo ul{display: flex;flex-wrap: wrap;}
.singo li{width: 48%;margin: 10px 1%;}

/*교육행정서비스헌장전문*/
.hunjang { padding: 45px 30px 320px 30px;}
.hunjang>div {border-radius: 10px; padding: 30px 30px 50px;}
.hunjang:before { width: 375px;; background-size: 100%;  left: 5%;bottom: 20px;filter: drop-shadow(5px 5px 10px #5596dc);}
	
.service_box li{position: relative;width: calc((100% - 10px)/2);}
.service_box li i{position: absolute;bottom: 20px;right: 20px;}

/****** sub03 ******/

/****** sub04 ******/
/*기초학력 향상 지원*/
.edu_basic1 {font-size: 0; margin: 0 80px; text-align: center;}
.edu_basic1 li { display: inline-block; margin: 0 1% 20px;}

/*마을교육생태계*/
.reverse_step2 li span{display:flex;justify-content:center;align-items:center;}
.reverse_step2 li em{float:left;width:33.333%;border-right:1px solid #eae3d9;border-bottom:none;padding:0 10px;vertical-align:middle;}

/*전북교육협력지구*/
.gyc_history dt{text-align:center;font-size:26px;background: #fff;}
.gyc_history dd{width:50%;word-break:keep-all;float:left;overflow:hidden;clear:both;text-align:right;background:none;padding-right:20px;margin-bottom: 15px;}
.gyc_history dd:before{content:"";display:block;width:10px;height:10px;position:absolute;left:50%;background:#ffffff;border-radius:50%;transform:translateX(-50%);margin-top:3px;border:3px solid #d06224;}
.gyc_history dl{border:none;position:relative;z-index: 0;margin: 0;}
.gyc_history dl:before{content:"";display:block;position:absolute;left:50%;width:1px;height:100%;background: #dfdfdf;z-index:-1;top: 0;}
.gyc_history dl:nth-of-type(2n) dd{float:right;text-align:left;}

/****** sub05 ******/
.jbfuture .plan li ul{display: flex;flex-wrap: wrap;padding: 15px 0;}
.jbfuture .plan li li{width: 33.3333%;border-top: none;border-left: 1px solid var(--bgpoint);}
.jbfuture .plan ul.box{border: none;}
.jbfuture .plan ul.box li{width: 18%;margin: 1%;padding: 20px;border: 5px solid;word-break: keep-all;border-radius: 30px;box-shadow: 0 0 10px rgba(219,219,219,0.4);}
.jbfuture .plan ul.box li:nth-child(1){border-color: #bfaba3;}
.jbfuture .plan ul.box li:nth-child(2){border-color: #f1ce9a;}
.jbfuture .plan ul.box li:nth-child(3){border-color: #cddc39;}
.jbfuture .plan ul.box li:nth-child(4){border-color: #c0ebe0;}
.jbfuture .plan ul.box li:nth-child(5){border-color: #d3ebfd;}
.jbfuture .plan div{display: flex;flex-wrap: wrap;justify-content: space-between;}
.jbfuture .plan div dl{width: 33%;}
	
.jbfuture .step>div>ul>li{display: flex;flex-wrap: wrap;word-break: keep-all;}
.jbfuture .step li strong{width: 20%;padding: 15px 15px 0 0;}
.jbfuture .step li span, .jbfuture .step li>div,  .jbfuture .step li>ul{width: 80%;}
.jbfuture .step li div ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.jbfuture .step li div li{width: 32%}
	
.edu2022 .title>div{padding: 30px 30px 30px 200px;background-position: left 30px center;text-align: left;}
.edu2022 .box_li.col3 li, .edu2022 .box_li.col6 li{width: 32%;word-break: keep-all;text-align: center;}
.edu2022 .box_li.col6 li:nth-child(2n) span{background: var(--dkgray);color: #eee;}
.edu2022 .end>div{padding: 30px 30px 30px 200px;background-position: left 30px center;text-align: left;}
	
/****** sub06 ******/

/****** sub07 ******/
.history .his02{padding: 30px 0;}
.history .his_right{padding-left: 80px;}
.history .his_right:before{left: 40px;}
.history .his_right>ul>li:before{left: -50px;}

.sj.img ul{display: flex;flex-wrap: wrap;}
.sj.img li{width: 33.333%;}
.sj.img li:nth-child(1), .sj.img li:nth-child(2){width: 50%;}
.sj.img li.w50{width: 50%;}
.sj.vision ul{display: flex;flex-wrap: wrap;}
.sj.vision li{width: 50%;padding: 1% 10%;}
.sj.vision li.w{width: 100%}
.notice_box>div.nuri_four{padding-left: 260px;}
.notice_box>div.nuri_four:after{top: 16px;}

.buseo_link>div{display: flex;flex-wrap: wrap;}
.buseo_link div div{width: 33.3333%;padding: 30px;border-right: 1px dashed var(--bgpoint);}
.buseo_link .basic_ul{height: 150px;}

.org{padding: 40px;}
.org .org3>a strong, .org .org3 li a{max-width: 200px;}
.org .org4{padding-top: 80px;}
.org .org4:before{top: 40px;}
.org .org4 div div{width: 25.333333%;margin: 0 4%;}
.org .org4 div div:before{top: -40px;}

.org_2 ul{display: flex;flex-wrap: wrap;}
.org_2 ul:after{display: block;clear: both;content: "";}
.org_2 li{width: 48%;margin: 0 1% 10px;}
	
.org_wrap{padding: 40px;}

/****** sub08 ******/
.img_all ul li{float: left;width: 23.5%;margin-right: 2%; margin-bottom: 50px;}
.img_all ul li:nth-child(4n){margin-right:0}
.img_all.visual_all ul li{width: 49%;margin-right: 2%;}
.img_all.visual_all ul li:nth-child(2n){margin-right:0}
.banner_all li{width: 48%;float: left;margin: 0 1%;text-align: center;margin-bottom: 15px;}

.pry_tgl>h4{text-align: right;}
.pry_tgl>h4 a{display: inline-block;padding-right: 40px;}
}

/*Desktop*/
@media all and (min-width:1023px) {
.service_box li{width: calc((100% - 40px)/3);}
.service_box li strong{font-size: 20px;}
.service_box li>span{margin: 10px 0 0;font-size: 16px;}
}

@media all and (min-width:1400px) {

/****** sub02 ******/
/*교육행정서비스헌장전문*/
.hunjang { border-radius: 30px;}
.hunjang>div {border-radius: 20px; padding: 30px 30px 70px;}
.hunjang:before { bottom: 16px; width: 421px; height: 349px; left: 8%;filter: drop-shadow(0 0 11px #4272a4);}


/****** sub04 ******/
/*교육과정 도우미*/
.img_box {margin: 50px auto;}

/*기초학력 향상 지원*/
.edu_basic1 li {width: 150px;}
.edu_basic1 li:first-of-type {border-radius: 40px 10px 10px 10px;}
.edu_basic1 li:last-of-type {border-radius: 10px 10px 40px 10px;}

/*마을교육생태계*/
.reverse_step2 li{background-position-x:60%;}
.reverse_step2 li:nth-child(5) strong{padding-top:60px;}
.reverse_step2 li:nth-child(6) strong{padding-top:28px;}
	
/****** sub05 ******/
.jbfuture .plan>ul>li{display: flex;flex-wrap: wrap;}
.jbfuture .plan li strong{width: 20%;}
.jbfuture .plan li strong em{width: 150px;margin: 0 auto;padding: 20px 0;border-radius: 30px 30px 5px 30px;}
.jbfuture .plan li span, .jbfuture .plan li ul, .jbfuture .plan li div{width: 79.5%;margin-left: 0.5%;}
.jbfuture .plan li li{text-align: center;}
.jbfuture .step li li{display: inline-block;width: 49%;}

/****** sub07 ******/
.org_2 li{width: 31.33333%;margin: 0 1% 10px;}
.org_wrap .org1 ul:before{width: 15%;}
.org_wrap .org1 ul:after{left: 15%;}
.org_wrap .org1 li{max-width: none;padding-left: 30%;}
.org_wrap .org1 li:before{width: 15%;left: 15%;}
.org_wrap .org1 li a{margin: 0;}
.org_wrap .org2:before{width: 64%;}
.org_wrap .org2 div{width: 28%;}

/****** sub08 ******/
/*url*/
.bbs_url .basic_box .bbs_search2 .form_txt{width: 30%;}
.bbs_url .basic_box .bbs_search2 .wide .form_txt{width: 80%;}
}
@media all and (min-width:1600px) {

footer .top{display: block;}

/****** sub04 ******/
/*기초학력 향상 지원*/
.edu_basic1 { margin: 50px 70px 0;}
.edu_basic1 li {width: 200px}

/****** sub07 ******/
.sj{display: flex;flex-wrap: wrap;}
.sj .l{width: 35%;}
.sj .r{width: 65%;}
.buseo_link div div{width: 25%;}

/****** sub08 ******/
.banner_all li{width: 31.3333%;}
}                                                                                                                                                      


/*서브08*/
.sub_pop{text-align: center;height: 100%;width: 100%;}
.send_pop{padding:20px 10px;box-sizing: border-box;}
.send_pop h1{background: #474b50;font-size: 20px;color: #fff;text-align: center;padding: 10px 0;}
.up_btn {margin:0 0 20px 20px}
.up_btn a{display:inline-block;padding:10px 15px;background: #1f899a;color: #fff;}
.up_btn a:hover{background:#15707f;}                         


/* 전북교육발전대상 */
.award .award_ul{display:flex; flex-direction:column; gap:20px;}
.award .award_ul li{padding:20px 0; text-align:center; background:#f6f6f6; border-radius:10px; font-weight:700; font-size:18px;}
.award .award_ul li p{margin-top:6px; font-weight:400; font-size:16px;}
.award .award_photo{position:relative;}
.award .award_photo .img{overflow:hidden;}
.award .award_photo .img img{width: 100%;border-radius: 10px;}
.award .award_photo .btn{position:absolute;bottom:0;left:0;right:0;width: 200px;margin: 0 auto;padding-top: 20px;border-radius: 50px 50px 0 0;background: #fff;}
.award .award_photo .btn{display:flex; justify-content:center; gap: 0 5px; margin-top:20px;}
.award .award_photo .btn button{display:block; width:40px; height:40px; background: #464646 url('/images/01_potal/content/sub06/award_btn.png') no-repeat; border-radius:50%; font-size:0;}
.award .award_photo .btn .prev{background-position: center 9px;}
.award .award_photo .btn .play{background-position: center -145px;}
.award .award_photo .btn .next{background-position: center -43px;}
.award .award_photo .btn .stop{background-position: center -94px;}
.award .award_con{padding: 20px;background: #2d2c2c url('/images/01_potal/content/sub06/award_bg.jpg') ;border-radius: 20px;}
.award .award_con *{color:#fff;}
.award .award_con h5{color:#fff;padding:0;margin: 0 0 10px;background: none;}
.award .award_con .info{padding: 20px;margin: 0 0 30px;background: #373737;border-radius: 20px;border: 1px #3b3b3b solid;}
.award .award_con .info .img{margin-bottom: 20px;text-align:center;}
.award .award_con .info .img img{border-radius:10px;}
.award .award_con .info .txt{text-align:center;}
.award .award_con .info .txt .name{margin-bottom: 13px;font-size: 25px;font-weight: bold;color: #ddc793;}
.award .award_con .info .txt .name:before{content:'';display:inline-block;width: 28px;height: 22px;margin-right: 10px;background: url('/images/01_potal/content/sub06/award_ico.png') no-repeat center;vertical-align: middle;}
.award .award_con .info .txt ul{display:inline-block;min-width: 200px;margin:0 auto 20px;}
.award .award_con .info .txt ul li{position:relative;margin-bottom: 7px;padding-left: 16px;word-break: keep-all;text-align:left;font-size: 15px;}
.award .award_con .info .txt ul li:after{content:'';display:block;position: absolute;top: 7px;left: 0;width:8px;height:3px;background:#ddd;border-radius:10px;}
.award .award_con .info .video{width:100%;}
.award .award_con .info .video video{width:100%;}
@media all and (min-width:768px) {
.award .award_ul{flex-direction:row; flex-wrap:wrap; gap:20px 2%;}
.award .award_ul li{width:49%;height: 90px;padding: 33px 0;}
.award .award_ul li:last-of-type{padding:20px 0;}

.award .award_con .info{display:flex; flex-wrap:wrap; gap: 20px;text-align:left;}
.award .award_con .info .img{margin-bottom:0;}
.award .award_photo .img img{height:auto;object-fit: cover;}
.award .award_con .info .txt{text-align:left;}
.award .award_con .info .txt ul{margin-bottom:0;}
.award .award_con .info .video{min-height:350px;}
}
@media all and (min-width:1080px) {

}
@media all and (min-width:1280px) {
.award .award_ul li{width:23%;}
.award .award_con{padding:60px;}
.award .award_con .info{padding:40px;gap: 30px;}
.award .award_photo{background:#f6f6f6;}
.award .award_photo .slick-track{display:flex; align-items:center;}
.award .award_photo .slick-slide{background:#f6f6f6; text-align:center;}
.award .award_photo .img img{width: 750px !important; border-radius:0;}

}                  
@media all and (min-width:1600px) {
.award .award_con .info .txt{width: 400px;align-self: center;}

}                                                                    