@charset "utf-8";

.s_con{margin:40px 20px}
@media all and (min-width:1023px) {
.s_con {margin: 20px 40px 40px 40px;}
/*
.menu1 .depth_box li:first-child{margin-left:600px}
.menu2 .depth_box li:first-child{margin-left:600px}
.menu3 .depth_box li:first-child{margin-left:860px}
.menu4 .depth_box li:first-child{margin-left:1030px}
.menu5 .depth_box li:first-child{margin-left:1230px}
*/
.depth_box li{line-height:20px;}
}

/*매니페스토 테이블*/
.mf_table th, .mf_table td{font-size:15px !important;}
.mf_table tbody th{padding:8px 5px !important; word-break:keep-all;}

/*이미지100*/
.img100 img{width:100%;}

/*취임사*/
.inaugural{background:url("/upload_data/board_data/BBS_CONTENT_FILE/165837823711469.png") no-repeat #ecf1f6;max-width:800px;margin:0 auto}
.inaugural>div{background:url("/upload_data/board_data/BBS_CONTENT_FILE/165837823710964.png") no-repeat right bottom;background-size:contain;padding:60px 30px 200px 30px}
.inaugural h4{text-align:center;padding:0;background:none !important;margin:0 0 40px 0}
.inaugural p{margin:15px 0;line-height:1.5em;font-size:16px}
.inaugural p.tit{font-weight:bold}
.inaugural p.tit strong{display:block;color:#1c3e98}
.inaugural p.name{margin:30px 0 0 0;text-align:center}

/*매니페스토 소개*/
.mfis h3{font-weight:300;margin-top: 30px;}
.mfis h3 span{color:#00a0e9;font-weight:600;}       
.mfis div h4{font-weight:300; letter-spacing:-1px; background:none; padding:0; margin:30px 0 0; font-size:22px; line-height:29px; word-break:keep-all;}
.mfis div h4 span{background-color:#004da2;color:#fff;}
.mfis div{margin-bottom:40px;}
.mf_txt p{margin-bottom:30px;}
.mf_txt p strong{font-size:17px;color:#2e4792;font-weight:300;}
.mf_txt{border-bottom:1px solid #b8b8b8;font-size:15px;}
.mf_bt{/* float:right; */text-align:center;}

.mf_bt a{display:block;margin-top:20px;}
.mf_bt a span{display:inline-block;background:#004da2;color:#fff;padding:20px 15px;text-align:center;font-size: 15px;}

/*전북교육청 기본방향*/
.mf_direct{margin-top:80px;}
.mf_direct .direct_box{padding:20px; border:1px solid #d9d9d9;margin-bottom:50px;border-radius:20px;}
.mf_direct .direct_box:after{display: block;clear: both;content: "";}
.mf_direct .direct_box:nth-child(1) p img{width:100%; max-width:311px;}
.mf_direct .direct_box h4{background:none; color:#fff;padding:0;text-align:center;width:168px;height:74px; line-height:70px; margin:0 auto; margin-top:-54px;}
.mf_direct .direct_box div .txt{word-break:keep-all;}
.mf_direct .direct_box:nth-child(1){margin-top:30px;}
.mf_direct .direct_box:nth-child(1) h4{background:url("/upload_data/board_data/BBS_CONTENT_FILE/166555775635303.png");}
.mf_direct .direct_box:nth-child(2) h4{background:url("/upload_data/board_data/BBS_CONTENT_FILE/166555775635661.png");}
.mf_direct .direct_box:nth-child(3) h4{background:url("/upload_data/board_data/BBS_CONTENT_FILE/166555775635801.png");}
.mf_direct .direct_box:nth-child(1) p{text-align:center;margin:0 0 20px 0;}
.mf_direct .direct_box:nth-child(3) p{text-align:center;margin:25px 0 20px 0;}
.mf_direct .direct_box .con_box{text-align:center;overflow: hidden; position:relative;}
.mf_direct .direct_box .con_box p{margin-top:40px; padding:10px 0;}
.mf_direct .direct_box .con_box .circle{width:195px; height:195px;border-radius:50%;margin:0 auto; margin-top:25px;}
.mf_direct .direct_box .con_box .circle:after{content:"";height:40px;border-left:1px solid #d9d9d9;position:absolute;top: 230px;}
.mf_direct .direct_box .cir01 .circle{border:5px solid #004da2; background:url("/images/03manifesto/content/sub01/vision_img02.png")no-repeat top; background-position:center 10px;}
.mf_direct .direct_box .cir01 .circle span{color:#004da2;}
.mf_direct .direct_box .cir02 .circle{border:5px solid #59b62d;background:url("/images/03manifesto/content/sub01/vision_img03.png")no-repeat top;background-position:center 10px;}
.mf_direct .direct_box .cir02 .circle span{color:#59b62d;}
.mf_direct .direct_box .cir03 .circle{border:5px solid #2eb6dc; background:url("/images/03manifesto/content/sub01/vision_img04.png")no-repeat top; background-position:center 5px;}
.mf_direct .direct_box .cir03 .circle span{color:#2eb6dc;}
.mf_direct .direct_box .con_box .circle span{position:absolute;top: 139px;left:50%;transform:translateX(-50%);font-size:22px;word-break:keep-all;}
.mf_direct .direct_box .con_box .circle span strong{display:block;}
.mf_direct .direct_box .cir01 p:before{content:"";width:10px;height:10px;background:#004da2;position: absolute;left:50%;transform:translateX(-50%);border-radius:50%;top: 268px;}
.mf_direct .direct_box .cir02 p:before{content:"";width:10px;height:10px;background:#59b62d;position: absolute;left:50%;transform:translateX(-50%);border-radius:50%;top: 268px;}
.mf_direct .direct_box .cir03 p:before{content:"";width:10px;height:10px;background:#2eb6dc;position: absolute;left:50%;transform:translateX(-50%);border-radius:50%;top: 268px;}
.mf_direct{display: none;}
.mf_direct.on{display: inherit;}

/*전북교육청 정책방향*/
.policy{margin:15px 0; overflow:hidden;}
.policy .pol_con{width:100%;}
.policy img{width:80%; float:right;}
.policy:nth-child(2) .half{height:230px;}
.policy:nth-child(3) .half{height:300px;}
.policy:nth-child(2) .half img{width:100%;}
.policy .half{width:48%;float:left;background:#41c6f3;}
.policy .half:last-child{float:right;}
.policy:nth-child(1){background:#41c6f3; border-radius:20px 20px 0 0;}
.policy:nth-child(4){background:#41c6f3; border-radius:0 0 20px 20px;}
.policy .pol_txt{color:#fff; padding:15px;word-break:keep-all;}
.policy .pol_txt span{display:block; color:#fff44e;font-size:38px;font-family: 'inklip'; line-height:30px;margin-bottom:8px;}

/*주요정책*/
.round_chart .chart_img{position:relative;overflow:hidden;background:url('/upload_data/board_data/BBS_CONTENT_FILE/174521096222448.png')no-repeat top center;background-size:contain;width: 348px;height:300px;margin:0 auto;margin-top:40px;}
.chart_img .chart_link{font-size: 13px;position:absolute;color: #fff;cursor:pointer;line-height: 24px;}
.chart_img .chart_link:hover{color:#777;}
.chart_img .chart_link.on{color: #000000;}
.chart_img .chart_link p{font-size: 18px;font-family: 'inklip';}
.chart_img .chart_link:nth-child(1){top: 19px;right: 72px;}
.chart_img .chart_link:nth-child(2){top: 122px;right: 17px;}
.chart_img .chart_link:nth-child(3){bottom: 26px;right: 70px;}
.chart_img .chart_link:nth-child(4){bottom: 23px;left: 78px;}
.chart_img .chart_link:nth-child(5){top: 122px;left: 24px;}
.chart_img .chart_link:nth-child(6){top: 21px;left: 79px;}
.round_chart .chart_con{display:none;width:100%;border:1px solid #e5e5e5;border-radius:15px 0;margin-top: 41px;overflow:hidden;}
.round_chart .chart_con:before{content:"";position: absolute;height: 59px;width:2px;border-left: 2px dashed #919191;left:50%;z-index: 9;margin-top: -59px;}
.round_chart .chart_con h4{background:none;padding:15px; margin:0;color:#fff;}
.round_chart .chart_con ul{margin:15px;}
.round_chart .chart_con ul li{margin-bottom:5px;line-height:24px;}
.round_chart .chart_con.on{display:block;}
.round_chart #ct-1 h4{background:#63b8c5;}
.round_chart #ct-2 h4{background:#fd9593;}
.round_chart #ct-3 h4{background:#e6b729;}
.round_chart #ct-4 h4{background:#6190e4;}
.round_chart #ct-5 h4{background:#58c399;}
.round_chart #ct-6 h4{background:#9372ac;}

/*이행현황*/
.mf_progress{width:100%;overflow:hidden;margin-bottom:15px;padding-bottom: 30px;}
.mf_progress .keyword{padding: 32px 21px;border-radius:10px;}
.mf_progress:nth-child(1) .keyword{background:url("/images/20_manifesto/mf_on_con.png") no-repeat right top #63b8c5;background-position: right 10px top 3px;}
.mf_progress:nth-child(2) .keyword{background:url("/images/20_manifesto/mf_on_con.png") no-repeat right top #fd9593;background-position: right 9px top -95px;}
.mf_progress:nth-child(3) .keyword{background:url("/images/20_manifesto/mf_on_con.png") no-repeat right top #e6b729;background-position: right 10px top -180px;}
.mf_progress:nth-child(4) .keyword{background:url("/images/20_manifesto/mf_on_con.png") no-repeat right top #6190e4;background-position: right 10px top -265px;}
.mf_progress:nth-child(5) .keyword{background:url("/images/20_manifesto/mf_on_con.png") no-repeat right top #58c399;background-position: right 10px top -351px;}
.mf_progress:nth-child(6) .keyword{background:url("/images/20_manifesto/mf_on_con.png") no-repeat right top #9372ac;background-position: right 10px top -441px;}
.mf_progress .keyword span{font-size:24px;font-weight:600;color:#fff;width:80px;}
.mf_progress .bar p{font-family: 'inklip';font-size: 26px;color:#545454;margin:5px 0;word-break:keep-all;}
.mf_progress:nth-child(1) .bar p{background: linear-gradient(to top, #e1fbff 40%, transparent 50%);}
.mf_progress:nth-child(2) .bar p{background: linear-gradient(to top, #ffe3e2 40%, transparent 50%);}
.mf_progress:nth-child(3) .bar p{background: linear-gradient(to top, #fff1c8 40%, transparent 50%);}
.mf_progress:nth-child(4) .bar p{background: linear-gradient(to top, #d2e2fd 40%, transparent 50%);}
.mf_progress:nth-child(5) .bar p{background: linear-gradient(to top, #ccffeb 40%, transparent 50%);}
.mf_progress:nth-child(6) .bar p{background: linear-gradient(to top, #eed9fd 40%, transparent 50%);}
.mf_progress .bar progress{height:40px; width:100%;-webkit-appearance: none;position:relative;}
::-webkit-progress-bar {background-color: white; border:1px solid #c6c6c6;}
::-webkit-progress-value {background-color: #979797;}
.mf_progress .bar progress:before{content:"0"; font-size:13px; color:#6c6c6c;}
.mf_progress .bar progress:after{content:"100"; font-size:13px; color:#6c6c6c; position:absolute; right:0; top:0;}

/*원형그래프*/
.c_chart{text-align:center;margin:40px 0;}
.c_chart img{width:100%;max-width:500px;}
.c_chart2{text-align:center;margin:40px 0;}
.c_chart2 img{width:100%;max-width:683px;}
.c_chart.col3{display: flex;flex-direction: column;gap: 20px;border: 1px solid #ddd;border-radius: 20px;padding: 20px;}

/*공약지도(부분별)*/
.polmap_chart{text-align:center;}
.polmap_chart img{width:100%;max-width:600px;}
.polmap{padding:20px;/* overflow:hidden; */position:relative;}
.polmap div{margin-bottom:30px; padding-bottom:15px;}
.polmap div p{padding: 10px 32px;border-radius:50px;color:#fff;font-size:18px; font-weight:600; margin-bottom:20px;}
.polmap div p span{display:inline-block;float:right;font-size:14px;font-weight:300;}
.polmap div ul{padding-left:40px;}
.polmap div ul li{list-style-type: decimal;margin-bottom:3px;}
.polmap .pm_01{border-bottom:1px solid #138496;}
.polmap .pm_02{border-bottom:1px solid #ea5f5c;}
.polmap .pm_03{border-bottom:1px solid #906f08;}
.polmap .pm_04{border-bottom:1px solid #2356b1;}
.polmap .pm_05{border-bottom:1px solid #199465;}
.polmap .pm_06{border-bottom:1px solid #7537a2;}
.polmap .pm_01 p{background:#138496;}
.polmap .pm_02 p{background:#ea5f5c;}
.polmap .pm_03 p{background:#906f08;}
.polmap .pm_04 p{background:#2356b1;}
.polmap .pm_05 p{background:#199465;}
.polmap .pm_06 p{background:#7537a2;}
.polmap .pm_01 ul li::marker{color:#138496;}
.polmap .pm_02 ul li::marker{color:#ea5f5c;}
.polmap .pm_03 ul li::marker{color:#906f08;}
.polmap .pm_04 ul li::marker{color:#2356b1;}
.polmap .pm_05 ul li::marker{color:#199465;}
.polmap .pm_06 ul li::marker{color:#7537a2;}
.polmap2 div{border-radius:0 0 20px 20px;border:1px solid gainsboro;margin:50px 0 30px 0;padding: 45px 10px 20px 10px;position:relative;}
.polmap2 div h6{padding: 10px 42px;background:none;position:absolute;top: -44px;left: -3px;color:#fff;border-radius:50px;font-weight:300;}
.polmap2 div ul{padding-left: 26px;}
.polmap2 div ul li{list-style-type: initial;margin-bottom:3px;word-break:keep-all;}
.polmap2 .pm2_01 h6{background:#138496;}
.polmap2 .pm2_02 h6{background:#ea5f5c;}
.polmap2 .pm2_03 h6{background:#906f08;}
.polmap2 .pm2_04 h6{background:#2356b1;}
.polmap2 .pm2_05 h6{background:#199465;}
.polmap2 .pm2_06 h6{background:#7537a2;}
.polmap2 .pm2_01 ul li::marker{color:#138496;}
.polmap2 .pm2_02 ul li::marker{color:#ea5f5c;}
.polmap2 .pm2_03 ul li::marker{color:#906f08;}
.polmap2 .pm2_04 ul li::marker{color:#2356b1;}
.polmap2 .pm2_05 ul li::marker{color:#199465;}
.polmap2 .pm2_06 ul li::marker{color:#7537a2;}

/*공약추진현황 테이블*/
.gongyak tbody .total th{background: var(--bggray1);}
.gongyak tbody .toggle_line th{background: #fdffe7;font-size: 18px;}
.gongyak tbody .toggle_line th:first-child{text-align: left;}
.gongyak tbody .txt_left a{display: block;line-height: 1;}
.gongyak tbody .txt_left a:hover, .gongyak tbody .txt_left a:focus{text-decoration: underline;}
.gongyak tbody td.bar{padding: 0;}
.gongyak tbody td.bar span{display: block;height: 10px;font-size: 0;overflow: hidden;border-radius: 0 3px 3px 0;background: #13a0a2 linear-gradient(90deg,  #13a0a2 0%, #0054a6 100%);}

.table_budget .basic_table td{text-align: right;}

/*10대 핵심과제*/
.gongbo li img{margin-bottom: 20px;}
.gongbo .btn{display: inline-flex;gap: 8px;align-items: center;padding: 15px 30px;margin:5px;background: var(--point3);border-radius: 50px;}
.gongbo .btn:after{display: inline-flex;content: "";width: 12px;height: 12px;}
.gongbo .btn span{display: inline-flex;line-height: 1.4;height: 1.2em;}
.gongbo .btn.view:after{background: url("/images/common/btn_file.png") no-repeat center;}
.gongbo .btn.down:after{background: url("/images/common/btn_down.png") no-repeat center;}
.gongbo .btn:hover, .gongbo .btn:focus{background: var(--dkgray);color: #fff;}
.gongbo .btn.view:hover:after, .gongbo .btn.view:focus:after{background-image: url("/images/common/btn_file_w.png");}
.gongbo .btn.down:hover:after, .gongbo .btn.down:focus:after{background-image: url("/images/common/btn_down_w.png");}

/*공약사업 관리체계*/
.gong_manage .basic_step{word-break: keep-all;}
.gong_manage .basic_step br{display: none;}
.gong_manage .basic_step strong{font-size: 18px;font-weight: normal;}

.p_box{word-break: keep-all;}
.p_box .basic_ul, .p_box .basic_p{margin: 10px 0;}

/* Tablet */
@media all and (min-width:768px) {
.mfis h3{font-size:32px;}
.mfis div h4{font-size:24px;line-height:34px;}
.mf_bt a span{font-size:18px;}

.inaugural>div{padding:100px 50px 350px 50px}

.mf_direct .direct_box:nth-child(1)>p{width:40%;float:left;margin: 20px 25px 26px 0;}
.mf_direct .direct_box:nth-child(1)>div{margin-top:20px;}
.mf_direct .direct_box:nth-child(3)>p{width:45%; float:left;}
.mf_direct .direct_box>div .txt{text-align:left;}
.mf_direct .direct_box .con_box{width:33%;}
.mf_direct .direct_box .con_box:nth-child(1){float:left;}
.mf_direct .direct_box .con_box:nth-child(2){float:left;}
.mf_direct .direct_box .con_box:nth-child(3){float:right;}
.mf_direct .direct_box .con_box .circle span{top: 128px;}

.policy{width: 100%;margin:0 auto;margin-bottom: 15px;}
.policy .half{width:49%;}
.policy:nth-child(1) img{width:438px;}
.policy:nth-child(2) .half{height:300px;}
.policy:nth-child(3) .half{height:420px;}
.policy:nth-child(2) .half img{width:300px;}
.policy:nth-child(3) .half img{width:250px;}
.policy:nth-child(4) img{width:586px;}
.policy .pol_txt{font-size:18px;position:relative; top:30px; left:10px;}
.policy .pol_txt span{font-size:65px;position:relative; top:-10px;}

.round_chart .chart_img{width: 674px;height: 584px;}
.round_chart .chart_con:before{height: 96px;margin-top: -96px;}
.chart_img .chart_link{font-size: 19px;}
.chart_img .chart_link p{font-size: 35px;font-weight:300;line-height: 60px;}
.chart_img .chart_link:nth-child(1){top: 26px;right: 161px;}
.chart_img .chart_link:nth-child(2){top: 221px;right: 51px;}
.chart_img .chart_link:nth-child(3){bottom: 41px;right: 162px;}
.chart_img .chart_link:nth-child(4){bottom: 41px;left: 163px;}
.chart_img .chart_link:nth-child(5){top: 221px;left: 55px;}
.chart_img .chart_link:nth-child(6){top: 29px;left: 154px;}
.round_chart .chart_con h4{background:none;padding:15px;margin:0;color:#fff;font-size: 30px;}
.round_chart .chart_con ul{margin: 25px;}
.round_chart .chart_con ul li{margin-bottom: 10px;font-size: 18px;}

.mf_progress .keyword{width:20%;float:left;margin-top: 26px;}
.mf_progress .bar{width:72%;float:right;}
.mf_progress .bar p{font-size: 32px;}

.pol_change{height:340px;overflow:hidden;}
.pol_change img{float:left;width:50%;}
.pol_change p{font-size:25px; margin-top:90px;}

.polmap_chart{width:100% !important;height: 560px !important;}
.polmap div p{font-size:24px;}
.polmap div p span{line-height:32px;}
.polmap div{width:45%;float:left;margin-right:13px;height:270px;}
.polmap div:nth-of-type(2n){float:right;}
.polmap2 div{width:45%;float:left;margin-right:13px; height:450px;}
.polmap2 div h6{font-size:18px;}
.polmap2 div:nth-of-type(2n){float:right;}
.polmap2 div:nth-child(5), .polmap2 div:nth-child(6){height:300px;}
	
.gongbo ul{justify-content: center;gap: 2%;}
.gongbo li{width: 32%;margin: 0;max-width: 540px;}

.gongbo .col3 li{width: 28%;}
}


/* Desktop */
@media all and (min-width:1023px) {


.mf_bt p{display:inline-block;padding-right:50px;}
.mf_bt a{display:inline-block;}

.c_chart.col3{flex-direction: row;justify-content: center;padding: 30px;gap: 30px;}
.c_chart.col3 img{max-width: none;}

.policy .pol_txt{font-size:18px;top:45px; left:10px;}
.policy .pol_txt span{font-size:80px;top:-15px;}
.policy:nth-child(1) img{width:438px;}
.policy:nth-child(2) .half{height:345px;}
.policy:nth-child(3) .half{height:430px;}
.policy:nth-child(2) .half img{width:360px;}
.policy:nth-child(3) .half img{width:250px;}

.round_chart .chart_con{width:70%;margin:0 auto; margin-top:50px;}
.round_chart .chart_con:before{left: 50%;transform: translateX(137px);}

.polmap{position:relative;height: 1022px;padding-bottom: 30px;}
.polmap .polmap_chart{position:absolute;z-index:-1;width:50% !important;left:50%;top: 47%;transform:translate(-50%,-50%);padding: 0;}
.polmap div{width: 31%;position:absolute;}
.polmap div p span{display:block;float:none;line-height: 15px;}
.polmap div ul li{font-size:15px;}
.polmap .pm_01{top:0;left:50%;transform:translateX(-50%);height:210px;}
.polmap .pm_02{top: 40px;right: -11px;height: 252px;}
.polmap .pm_03{bottom: 123px;right: 0;height:210px;}
.polmap .pm_04{bottom:0;left:50%;transform:translateX(-50%);height:260px;}
.polmap .pm_05{bottom: 131px;left: 0;height: 186px;}
.polmap .pm_06{top: 77px;height:210px;}
.polmap2{margin-top:30px;}
.polmap:after{content:"";position:absolute;width:30px;height:30px;bottom: -32px;left:50%;transform:translateX(-50%);background:url("/images/20_manifesto/mf_on_ar.png")no-repeat center;}
.polmap2:after{display:block;content:"";clear:both;}

.link_box2 li{width:46%;}
	
.gong_manage .basic_step br{display: inline-block;}
.gong_manage .basic_step .col5 span{min-height: 130px;}
}