@charset "utf-8";
/* CSS Document */
/* com2zoa design KYJ 240611 */
/*★★★ table 및 공통스타일 관련은 프로그램 및 컨텐츠에 해당하지않는 페이지에도 표형식이 있을수 있으므로 sub.css에 선언함 ★★★*/

/*행정서비스헌장_공개절차*/
.open_stepbx{padding: 20px; border:1px solid #e0e0e0; border-radius:5px; background: #f6f6f6}
.open_stepbx ul{display: flex; flex-wrap: wrap; justify-content: space-between}
.open_stepbx ul li{position: relative; width: calc(100%/6 - 30px); padding: 20px 5px; background: #f0f; border-radius:25px 5px 25px 25px; box-sizing: border-box; text-align: center; color:#fff; font-weight: 600; align-content: space-around; line-height: 160%}
.open_stepbx ul li::after{display: block; content: ''; clear: both; position: absolute; bottom:50%; right:-23px; width:12px; height: 15px; margin-bottom:-8px; background:url(../images/content/arw_step2.gif) 0 0 no-repeat}
.open_stepbx ul li:last-child::after{display: none}
.open_stepbx ul li:first-child, .open_stepbx ul li:nth-child(3), .open_stepbx ul li:nth-child(5){background: #496f86}
.open_stepbx ul li:nth-child(2), .open_stepbx ul li:nth-child(4), .open_stepbx ul li:nth-child(6){background: #324957}

/* 온라인 민원서비스 */
.sb_academy .online_service{padding:15px; margin-bottom:30px; border:1px solid #e0e0e0; border-radius:5px; font-weight:500; color:#000}
.sb_academy .online_service .onser_tit{padding:5px 15px 15px; margin-bottom:10px; border-bottom:2px solid #e0e0e0; font-size:1.286em; text-align:center; font-weight:600}
.sb_academy .online_service span{display:block}
.sb_academy .online_service span.btn{padding:15px; border-radius: 8px; background:url(../images/content/btn_ifbtn.png) right 10px center no-repeat #50606a; box-sizing: border-box; font-size: 1.071em; color:#fff; transition: all .4s}
.sb_academy .online_service span.btn:hover{background-color: #2d3c46; box-shadow:0 3px 0 rgba(0, 0, 0, 0.2)}
.sb_academy .online_service span.img{max-width:800px; margin:0 auto}
.sb_academy .online_service img{width:100%; height:auto}

/* 서부규정 */
.sb_rule .rulebody_box h4{padding:0 5px 10px; margin: 25px 0 15px; border-bottom: 2px solid #dfdfdf}
.sb_rule .rulebody_box h4.first_tit{margin-top: 0}
.sb_rule .rulebody_box h4 span{display: inline-block; padding: 8px 50px 5px; border-radius: 50px; background: #396171; color:#fff; font-size: 1.214em; font-weight: 500; font-family: 'Gmarket Sans'}
.sb_rule .rulebody_box h5{line-height:150%; padding:0 0 5px 17px; margin:20px 0 10px 0; background:url(../images/content/ruletit5.gif) no-repeat left 3px; border-bottom: 1px solid #ddd; font-size: 15px; font-weight:600}
.sb_rule .rulebody_box > p{line-height:150%; padding:0 10px; margin-bottom:10px}
.sb_rule .rulebody_box > ol {line-height:150%; margin:10px}
.sb_rule .rulebody_box ol li {padding:0 0 5px 15px; text-indent:-16px}
.sb_rule .rulebody_box ol li:last-child{padding-bottom: 0}
.sb_rule .rulebody_box ol.rule_list01, .sb_rule .rulebody_box ol.rule_list02,.sb_rule .rulebody_box ol.rule_list03,.sb_rule .rulebody_box ol.rule_list04 {line-height:140%; padding:10px; margin: 5px 0 10px; border-radius:5px}
.sb_rule .rulebody_box ol.rule_list01{margin: 10px 0 15px 10px}
.sb_rule .rulebody_box ol.rule_list02 li, .sb_rule .rulebody_box ol.rule_list03 li, .sb_rule .rulebody_box ol.rule_list04 li  {padding:0;  text-indent:0}
.sb_rule .rulebody_box ol.rule_list01, .sb_rule .rulebody_box ol.rule_list02{background: #f5f5f5; border:1px solid #ddd}
.sb_rule .rulebody_box ol.rule_list03{margin-bottom: 5px; background: #fff}
.sb_rule .rulebody_box ol.rule_list04{border:1px solid #c3c3c3}

/*신고센터*/
.sb_report .report_btn ul{display: flex; flex-wrap: wrap; justify-content: space-between}
.sb_report .report_btn ul li{position: relative; width: calc(100%/2 - 15px); margin-bottom: 20px}
.sb_report .report_btn.type_openinfo ul li{width: calc(100%/2 - 10px)}
.sb_report .report_btn .btnitem a{display: block; padding: 25px; border-radius: 5px; border:1px solid #e1e1e1; transition:all .5s}
.sb_report .report_btn .btnitem a > span{display: block; transition:all .5s}
.sb_report .report_btn span.tit{font-size: 1.286em; font-weight: 600}
.sb_report .item_type01 span.tit span{color:#3d756c}
.sb_report .item_type02 span.tit span{color:#3e6d8a}
.sb_report .report_btn span.eng{margin-top: 10px; color:#737373}
.sb_report .report_btn span.stit{margin-bottom: 10px; color:#737373}
.sb_report .report_btn .btn{position: absolute; top:50%; right:25px; width: 155px; margin: 0 auto; padding: 15px 13px; margin-top: -26px; border-radius: 25px; background-color:#50606a; text-align: left; color:#fff; font-size: 15px; box-sizing: border-box}
.sb_report .item_type01 .btn{background: #3d756c}
.sb_report .item_type02 .btn{background: #3e6d8a}
.sb_report .report_btn .btn span{display: block; background:url(../images/content/btn_go.png) right center no-repeat}
.sb_report .report_btn a:hover .btn{box-shadow:0 3px 0 rgba(0, 0, 0, 0.2)}
.sb_report .report_btn a:hover .eng{color:#000}
.sb_report .item_type01 a:hover{border-color:#3d756c; box-shadow:0 3px 0 rgba(61, 117, 108, 0.2)}
.sb_report .item_type01 a:hover .btn{background: #19443d}
.sb_report .item_type01 a:hover .tit{color: #3d756c}
.sb_report .item_type02 a:hover{border-color:#3e6d8a; box-shadow:0 3px 0 rgba(62, 109, 138, 0.2)}
.sb_report .item_type02 a:hover .btn{background: #224358}
.sb_report .item_type02 a:hover .tit{color: #3e6d8a}
/*주요업무 추진계획*/
.sb_report.sb_workplan .wplan01{background:url(../images/content/btn_go.png) right center no-repeat}
.sb_report.sb_workplan .report_btn ul{display: inherit}
.sb_report.sb_workplan .report_btn ul li{width:auto}

/* 학폭제로지원단 */
.sb_support .sprt_topline{position: relative; margin-top: 50px; padding: 50px 0 0 0; border-top:1px solid #d3d3d3}
.sb_support .sprt_topline::after{display: block; content: ''; clear: both; position:absolute; left:50%; top:-30px; width:78px; height: 54px; margin-left: -41px; background:url(../images/content/topline_lamp.gif) 0 0 no-repeat}
.sb_support .sprt_tit{font-size: 1.643em; font-weight: 600; line-height: 140%; text-align: center; font-family: 'Gmarket Sans'}
.sb_support .s_tit{display: block; width:260px; margin: 15px auto 0; padding:5px; border-radius: 50px; border:2px solid #3098ce; font-size:1.071em; font-weight: 600; color:#3098ce; box-sizing: border-box; text-align: center}
.sb_support .sb_table.tb_topinfo{margin-top: 25px}
/* 학폭제로지원단 운영흐름 공통스타일 */
.sb_support .step_sprt{margin: 30px 0 35px}
.sb_support .step_sprt ul{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center}
.sb_support .step_sprt.st_type3 li{width: calc(100%/3 - 38px)}
.sb_support .step_sprt.st_type4 li{width: calc(100%/4 - 38px)}
.sb_support .step_sprt li{position: relative; text-align: center}
.sb_support .step_sprt li::after{display: block; content:''; clear: both; position: absolute; bottom:50%; right:-44px; width:37px; height: 37px; margin-bottom: 5px; background:url(../images/content/arw_step.gif) 0 0 no-repeat}
.sb_support .step_sprt li:last-child::after{display: none}
.sb_support .step_sprt li .st_lst{border-top:2px solid #50606a}
.sb_support .step_sprt li .st_num{display:block; max-width: 120px; padding: 3px; margin:-15px auto 0; border-radius: 50px; border:2px solid #50606a; background: #fff; box-sizing: border-box; font-size:1.071em; font-weight: 600}
.sb_support .step_sprt li .st_tit{min-height: 99px; padding: 20px 5px; font-size:1.143em; font-weight: 600; box-sizing: border-box; align-content: space-around}
.sb_support .step_sprt li .st_tit span{display: block}
.sb_support .step_sprt li .st_tit span.bgtxt{padding:5px 10px; margin-top: 10px; border-radius: 50px; background: #ececec; font-size: 0.875em; font-weight: 500}
.sb_support .step_sprt li .st_txt{min-height: 75px; padding: 10px; border-radius: 5px; background:#50606a; font-size:1.071em; color:#fff; line-height: 150%; box-sizing: border-box; align-content: space-around}
.sb_support .step_sprt li .st_txt span.way_lst{display: block; padding: 5px; margin-top: 5px; border-radius: 5px; background: #fff; color:#000; font-size: 13px; line-height: 130%}
.sb_support .step_explain{padding:15px; margin-bottom:10px; border:1px solid #e0e0e0; border-radius:5px; font-weight:500; color:#000}
.sb_support .step_explain dt{width:170px; margin-bottom: 8px; padding: 3px; border-radius: 50px; background: #50606a; text-align: center; color:#fff; font-weight: 600}
.sb_support .step_explain dd{margin-bottom: 10px}
.sb_support .step_explain dd:last-child{margin-bottom: 0}
.sb_support .step_explain dd ul{padding:0 5px}
.sb_support .step_explain dd ul li{position: relative; padding-left: 15px}
.sb_support .step_explain dd ul li::after{display: block; content: ''; clear: both; position: absolute; left:0; top:6px; width: 5px; height: 5px; background: #767676}
/*학교 초기대응 및 위기학생 컨설팅 지원단(신속대응팀)*/
.support_type1 .sprt_tit span{color:#3098ce}
.support_type1 .sb_table.tb_topinfo .table_st01{border-bottom-color:#3098ce}
.support_type1 .step_sprt li .point_col{border-top-color:#3098ce}
.support_type1 li .point_col .st_num{border-color:#3098ce}
.support_type1 li .point_col .st_txt{background: #3098ce}
.support_type1 .step_explain dt.point_tit{background: #3098ce}
/*학교폭력 중재 및 피·가해학생 관계회복 지원단*/
.support_type2 .sprt_tit span{color:#69bc56}
.support_type2 .sb_table.tb_topinfo .table_st01{border-bottom-color:#69bc56}
.support_type2 .step_sprt li .point_col{border-top-color:#69bc56}
.support_type2 li .point_col .st_num{border-color:#69bc56}
.support_type2 li .point_col .st_txt{background: #69bc56}
.support_type2 .step_explain dt.point_tit{background: #69bc56}
/*피해학생 전담지원단*/
.support_type3 .step_sprt li .st_txt{min-height: 92px}
.support_type3 .sprt_tit span{color:#32b6ae}
.support_type3 .sb_table.tb_topinfo .table_st01{border-bottom-color:#32b6ae}
.support_type3 .step_sprt li .point_col{border-top-color:#32b6ae}
.support_type3 li .point_col .st_num{border-color:#32b6ae}
.support_type3 li .point_col .st_txt{background: #32b6ae}
.support_type3 .step_explain dt.point_tit{background: #32b6ae}

/* WEE센터 */
.sb_weecenter .wee_topline{position: relative; margin: 60px 0 25px; padding: 35px 0 0 0; border-top:1px solid #d3d3d3; border-bottom: 2px solid #50606a}
.sb_weecenter .wee_topline::after{display: block; content: ''; clear: both; position:absolute; left:50%; top:-40px; width:146px; height: 64px; margin-left: -75px}
.sb_weecenter .wee_tit{font-size: 1.643em; font-weight: 600; line-height: 140%; text-align: center; font-family: 'Gmarket Sans'}
.sb_weecenter .wee_meanbx{margin: 20px 60px}
.sb_weecenter .wee_meanbx ul{display: flex; flex-wrap: wrap; justify-content: space-between}
.sb_weecenter .wee_meanbx ul li{position: relative; width: calc(100%/ 3 - 50px); padding: 15px; border-radius: 50px; border:2px solid #d0d; box-sizing: border-box; align-content: space-around}
.sb_weecenter .wee_meanbx ul li::after{display: block; content: ''; clear: both; position:absolute; right:-57px; bottom:6px; width: 37px; height: 37px; background:url(../images/content/ico_plus.gif) 0 0 no-repeat}
.sb_weecenter .wee_meanbx ul li:last-child::after{display: none}
.sb_weecenter .wee_meanbx ul li span{display: block}
.sb_weecenter .wee_meanbx ul li span.word{font-weight: 700; font-size: 1.357em}
.sb_weecenter .wee_meanbx ul li span.mean{position: absolute; right:12px; top:9px; width: 120px; padding: 6px 5px; border-radius: 50px; box-sizing: border-box; text-align: center; color:#fff; font-weight: 600}
.sb_weecenter .wee_topline .mean_txt{margin: 0 15px 15px; padding: 15px; background: #f4f4f4; border-radius: 5px; font-size: 1.071em; text-align: center; line-height: 160%}
/*직원현황조직도*/
.sb_weecenter .wee_staff{margin: 15px 0 35px}
.sb_weecenter .wee_staff p{position: relative; width: 295px; padding:15px 10px; margin: 0 auto; border-radius: 25px 5px 25px 25px; text-align: center; font-size: 1.286em; font-weight: 600; color:#fff; box-sizing: border-box}
.sb_weecenter .wee_staff p::after{display: block; content: ''; clear: both; position: absolute; bottom:-26px; left:50%; width:1px; height: 26px; background: #cfcfcf; z-index: 1}
.sb_weecenter .wee_staff p span{display: block; padding-top: 45px; background:url(../images/content/ico_leader.png) top center no-repeat}
.sb_weecenter .wee_staff .staff_lst{position: relative; margin: 0 100px}
.sb_weecenter .wee_staff .staff_lst::before, .sb_weecenter .wee_staff .staff_lst::after{display: block; content: ''; clear: both; position: absolute; top:-26px; height: 1px; background: #fff; z-index: 1}
.sb_weecenter .wee_staff .staff_lst::before{left:0; width:24.75%}
.sb_weecenter .wee_staff .staff_lst::after{right:0; width:25.1%}
.sb_weecenter .wee_staff ul{position: relative; display:flex; flex-wrap:wrap; margin: 52px 0 0; justify-content: space-between}
.sb_weecenter .wee_staff ul::after{display: block; content: ''; clear: both; position: absolute; top:-26px; left:0; width:100%; height:1px; background: #cfcfcf}
.sb_weecenter .wee_staff ul li{position: relative; width: calc(100%/2 - 25px); padding: 20px; border-radius:5px 50px 50px 50px; background: #fff; border:2px solid #ccc; box-sizing: border-box; align-content: space-around; font-size: 1.143em}
.sb_weecenter .wee_staff ul li::after{display: block; content: ''; clear: both; position: absolute; top:-28px; left:50%; width: 1px; height:26px; margin-left: 10px; background: #cfcfcf}
.sb_weecenter .wee_staff ul li:last-child::after{margin-left:-15px}
.sb_weecenter .wee_staff ul li span.staff{font-weight: 600}
.sb_weecenter .wee_staff ul li span.num{position: absolute; right:12px; top:10px; width: 120px; padding: 10px 5px; border-radius: 50px; box-sizing: border-box; text-align: center; color:#fff; font-weight: 600}
/*Wee센터 약도*/
.sb_weecenter .wee_mapbox {position: relative; clear:both; padding:0; margin:0; color:#000}
.sb_weecenter .map_area {width:100%!important; margin:0; border-radius:5px; border:1px solid #e0e0e0; box-sizing: border-box}
.sb_weecenter .map_area .root_daum_roughmap { width:100%!important; padding:0; border-radius:5px}
.sb_weecenter .map_area .root_daum_roughmap .wrap_map {overflow:hidden; height:320px !important; border-radius:5px}
.sb_weecenter .map_info{position: absolute; bottom:33px; right:53px; width: 369px; padding: 15px; background: rgba(255, 255, 255, 0.8); border-radius:30px 5px 5px 5px; box-shadow:0 3px 5px rgba(0, 0, 0, 0.2); box-sizing: border-box; z-index: 50}
.sb_weecenter .map_info .titline{position: relative; padding: 10px; border-radius: 50px; background:#ff0; font-size: 1.143em; font-weight: 600}
.sb_weecenter .map_add .titline{background: #327e97; margin-bottom: 10px;}
.sb_weecenter .map_add .titline .tit{padding: 3px 0 3px 30px; background:url(../images/content/ico_add.png) left center no-repeat; color:#fff}
.sb_weecenter .map_add .txtline{padding: 0 7px; font-size: 1.071em}
.sb_weecenter .map_add{margin-bottom: 20px}
.sb_weecenter .map_add a.map_go{position: absolute; top:5px; right:5px; display: block; width: 130px; padding: 5px 13px; border-radius: 50px; background: #fff; font-size: 14px; box-sizing: border-box; transition: all .5s}
.sb_weecenter .map_add a.map_go span{display: block; background:url(../images/content/btn_map.png) right 4px no-repeat}
.sb_weecenter .map_add a.map_go:hover{background: #ffd21c; box-shadow:0 3px 0 rgba(0, 0, 0, 0.2)}
.sb_weecenter .map_tel .titline{background: #50606a}
.sb_weecenter .map_tel .titline .tit{padding: 3px 0 3px 30px; background:url(../images/content/ico_tel.png) left center no-repeat; color:#fff}
.sb_weecenter .map_tel .tel_num{position: absolute; top:10px; right:15px; color:#fff}
/*서부wee센터*/
.sb_weecenter.wee_type1 .wee_topline::after{background:url(../images/content/topline_wee1.gif) 0 0 no-repeat}
.sb_weecenter.wee_type1 span.col1{color:#327aa7}
.sb_weecenter.wee_type1 span.col2{color:#38afb1}
.sb_weecenter.wee_type1 span.col3{color:#24a781}
.sb_weecenter.wee_type1 li.mean_type1{border-color:#327aa7; color:#327aa7}
.sb_weecenter.wee_type1 li.mean_type1 span.mean{background: #327aa7}
.sb_weecenter.wee_type1 li.mean_type2{border-color:#38afb1; color:#38afb1}
.sb_weecenter.wee_type1 li.mean_type2 span.mean{background: #38afb1}
.sb_weecenter.wee_type1 li.mean_type3{border-color:#24a781; color:#24a781}
.sb_weecenter.wee_type1 li.mean_type3 span.mean{background: #24a781}
.sb_weecenter.wee_type1 .wee_staff p{background: #2c90cc}
.sb_weecenter.wee_type1 .wee_staff ul li{border-color:#2c90cc}
.sb_weecenter.wee_type1 .wee_staff ul li span.num{background: #2c90cc}
/*광산wee센터*/
.sb_weecenter.wee_type2 .wee_topline::after{background:url(../images/content/topline_wee2.gif) 0 0 no-repeat}
.sb_weecenter.wee_type2 span.col1{color:#ffbb50}
.sb_weecenter.wee_type2 span.col2{color:#ff7f4d}
.sb_weecenter.wee_type2 span.col3{color:#ff5159}
.sb_weecenter.wee_type2 li.mean_type1{border-color:#ffbb50; color:#ffbb50}
.sb_weecenter.wee_type2 li.mean_type1 span.mean{background: #ffbb50}
.sb_weecenter.wee_type2 li.mean_type2{border-color:#ff7f4d; color:#ff7f4d}
.sb_weecenter.wee_type2 li.mean_type2 span.mean{background: #ff7f4d}
.sb_weecenter.wee_type2 li.mean_type3{border-color:#ff585f; color:#ff585f}
.sb_weecenter.wee_type2 li.mean_type3 span.mean{background: #ff585f}
.sb_weecenter.wee_type2 .wee_staff p{background: #ffb73a}
.sb_weecenter.wee_type2 .wee_staff ul li{border-color:#ffb73a}
.sb_weecenter.wee_type2 .wee_staff ul li span.num{background: #ffb73a}

/* 특수학교지원센터 */
/*조직*/
.spe_staff{position:relative;margin: 0 140px}
.spe_staff::after, .spe_staff::before{display: block; content: ''; clear: both; position: absolute}
.spe_staff::after{top:50%; left:50%; width:114px; height:117px; margin:-142px 0 0 -58px; background:url(../images/content/chart_logo.gif) center top no-repeat}
.spe_staff::before{top:0; left:50%; width:1px; height:100%; margin-left: -2px; background: #cfcfcf}
.spe_staff .spe_leader{position: relative; width: 300px; padding: 20px 5px; margin: 0 auto; background: #186fa3; border-radius: 50px; box-sizing: border-box; color:#fff; font-size:1.214em; text-align: center; z-index: 2}
.spe_staff .staff_lst{position: relative; margin-top: 30px}
.spe_staff ul{position: relative; padding-top: 160px}
.spe_staff ul::after{display: block; content: ''; clear: both; position: absolute; top:65px; left:0; width:100%; height:1px; background: #cfcfcf}
.spe_staff ul li dl{position: relative; width: 335px; border-radius: 15px; border:2px solid #ccc; background: #fff; text-align: center; font-size:1.071em; line-height: 160%; z-index: 5}
.spe_staff ul li dl dt{color:#fff}
.spe_staff ul li dl dd{padding:0 15px; align-content: space-around}
.spe_staff .cate_type1{position: absolute; top:0}
.spe_staff .cate_type1 dl{position: relative; border-color:#46ad94}
.spe_staff .cate_type1 dl dt{position: absolute; top:-17px; left:50%; width:200px; padding: 6px; margin-left:-105px; border-radius: 50px; background: #46ad94}
.spe_staff .cate_type1 dl dd{height: 100px; padding-top: 20px}
.spe_staff .cate_type1.saf_cate1{left:0}
.spe_staff .cate_type1.saf_cate2{right:0}
.spe_staff .cate_type2{margin-bottom: 20px}
.spe_staff .cate_type2 dl{overflow: hidden; margin: 0 auto; border-color:#2c90cc}
.spe_staff .cate_type2 dl dt{padding: 8px; background: #2c90cc}
.spe_staff .cate_type2 dl dd{height: 60px}

/* 학교정보공시 제도 */
/*내용공개*/
.sb_openinfo .infosys_open{margin-bottom: 25px}
.sb_openinfo .infosys_open .open_num{position: relative; width: 350px; padding:15px 5px; margin: 0 auto; background: #27516a; border-radius: 50px; box-sizing: border-box; color:#fff; font-size:1.214em; text-align: center; z-index: 2}
.sb_openinfo .infosys_open .open_num::after{display: block; content: ''; clear: both; position: absolute; bottom:-20px; left:50%; width:1px; height: 20px; background: #cfcfcf; z-index: 1}
.infosys_open .open_lst{position: relative}
.infosys_open .open_lst::before, .infosys_open .open_lst::after{display: block; content: ''; clear: both; position: absolute; top:-20px; height: 1px; background: #fff; z-index:5}
.infosys_open .open_lst::before{left:0; width: 7.65%}
.infosys_open .open_lst::after{right:0; width: 7.65%}
.infosys_open ul{position: relative; display: flex; flex-wrap:wrap; margin-top: 40px; justify-content: space-between}
.infosys_open ul::after{display: block; content: ''; clear: both; position: absolute; top:-20px; left:0; width:100%; height: 1px; background: #cfcfcf; z-index: 1}
.infosys_open ul li{position: relative; width: calc(100%/6 - 15px); padding: 15px 5px; border-radius:50px; border:2px solid #ccc; text-align: center; font-size: 1.071em; font-weight: 600; box-sizing: border-box}
.infosys_open ul li::after{display: block; content: ''; clear: both; position: absolute; top:-22px; left:50%; width:1px; height: 20px; background: #cfcfcf; z-index: 1}
.infosys_open ul li.ifso_type1{border-color:#5fb6ff}
.infosys_open ul li.ifso_type2{border-color:#4091cf}
.sb_openinfo .infosys_detail > ul{display: flex; flex-wrap: wrap; justify-content: space-between}
.sb_openinfo .infosys_detail > ul > li{width: calc(100%/2 - 15px); padding: 15px; margin-bottom: 20px; border:1px solid #e0e0e0; border-radius: 15px; box-sizing: border-box}
.sb_openinfo .infosys_detail .tit{padding: 10px; margin-bottom: 15px; border-radius: 50px; font-size: 1.143em; font-weight: 600; color:#fff; text-align: center}
.sb_openinfo .infosys_detail .ifdt_type1 .tit{background: #5fb6ff}
.sb_openinfo .infosys_detail .ifdt_type2 .tit{background: #4091cf}
.sb_openinfo .infosys_detail .lst{margin: 0 5px}
.sb_openinfo .infosys_detail .lst li{position: relative; padding-left: 12px; margin-bottom: 7px; line-height: 130%}
.sb_openinfo .infosys_detail .lst li::after{display: block; content: ''; clear: both; position: absolute; left:0; top:6px; width: 5px; height: 5px; background: #767676}
.sb_openinfo .infosys_detail .lst li:last-child{margin-bottom: 0}

/* 저작권정책 */
.sb_copyright .cpr_ex{padding: 10px; border-radius: 5px; border:2px solid #ff3f30}
.sb_copyright .cpr_ex .ex_tit{width: 250px; padding: 7px; margin: 0 auto; border-radius: 50px; background: #ff3f30; text-align: center; color:#fff; font-size: 1.071em; font-weight: 600; box-sizing: border-box}
.sb_copyright .cpr_ex .ex_txt{padding: 15px 5px 10px; margin-top: 10px; border-top:1px solid #ccc; text-align: center; line-height: 150%}
.sb_copyright .cpr_ex .ex_warning{padding: 10px; margin-top: 5px; border-radius: 5px; background:#f1f1f1; text-align: center}

/* 자주찾는 페이지(기존서부에서 스타일 수정) */
.sb_visitpage .visit_ptop{margin-bottom: 20px; border-radius: 50px; background: linear-gradient(90deg, #2694ca, #285f7e); text-align: center}
.visit_ptop .visit_ptit{display: inline-block; padding: 15px 0 15px 40px; background:url(../images/content/ico_visit.png) left center no-repeat; font-size: 1.643em; color:#fff}
.visit_ptop .visit_ptit span{display: inline-block; padding: 5px 20px 4px; margin-left: 15px; border-radius: 50px; background: #fff; color:#394856; font-size: 0.87em}
.sb_visitpage .visit_pcon .vt_rank{position: relative; overflow: hidden; margin-bottom: 15px; border-radius:30px 5px 5px 5px; border:1px solid #dbdbdb}
.sb_visitpage .visit_pcon .vt_pboxtit span{display: block}
.sb_visitpage .visit_pcon .vt_pnum{position: absolute; top:13px; left:25px; width: 50px; height: 71px; font-size: 0; text-indent: -9999px}
.sb_visitpage .vt_rank01 .vt_pnum{background:url(../images/content/rank_v1.gif) left center no-repeat}
.sb_visitpage .vt_rank02 .vt_pnum{background:url(../images/content/rank_v2.gif) left center no-repeat}
.sb_visitpage .vt_rank03 .vt_pnum{background:url(../images/content/rank_v3.gif) left center no-repeat}
.sb_visitpage .vt_rank04 .vt_pnum{background:url(../images/content/rank_v4.gif) left center no-repeat}
.sb_visitpage .vt_rank05 .vt_pnum{background:url(../images/content/rank_v5.gif) left center no-repeat}
.sb_visitpage .visit_pcon .vt_pname{margin-left: 97px; padding: 20px 7px 15px; font-size: 1.286em; font-weight: 600}
.sb_visitpage .visit_pcon .vt_pposi{position: relative; margin-left: 97px; padding: 13px 10px 10px 35px; border-radius: 20px 0 0 0; background: #eaeaea}
.sb_visitpage .visit_pcon .vt_pposi::after{display: block; content: ''; clear: both; position: absolute; left:15px; top:16px; width: 11px; height: 11px; background:url(../images/content/ico_home.gif) left top no-repeat}
.sb_visitpage .visit_pcon .vt_phits{position: absolute; top:12px; right:175px; width: 180px; padding: 6px 15px; border-radius: 50px; border:2px solid #eaeaea; background:url(../images/content/ico_page.gif) 15px center no-repeat; text-align: right; font-weight: 600; box-sizing: border-box}
.sb_visitpage .visit_pcon .vt_plink{display: block; position: absolute; top:12px; right:13px; width: 150px; height: 72px; background: #4c5d6c; border-radius: 30px 5px 5px; text-align: center; transition: all .5s}
.sb_visitpage .visit_pcon .vt_plink span{display:inline-block; padding: 27px 50px 27px 0; background:url(../images/content/btn_go.png) right center no-repeat; font-size: 1.071em; font-weight: 600; color:#fff}
.sb_visitpage .visit_pcon .vt_plink:hover{background: #232e38; box-shadow:3px 3px 2px rgba(0, 0, 0, 0.2)}

/*교육지원청 인사말*/
.sb_greet .gt_top{position: relative; padding: 0 0 45px; margin-bottom: 70px; border-bottom:1px solid #d3d3d3; text-align: center; z-index: 5}
.sb_greet .gt_top::after{display: block; content: ''; clear: both; position:absolute; left:50%; bottom:-40px; width:84px; height: 74px; margin-left: -48px; background:url(../images/content/topline_logo.gif) 0 0 no-repeat}
.sb_greet .gt_top .tit01{display: inline-block; padding: 12px 80px 8px; margin-bottom: 12px; border-radius: 50px; border:2px solid #e8e8e8; font-size: 1.286em}
.sb_greet .gt_top .tit02 span{display: inline-block; position: relative; padding: 0 45px}
.sb_greet .gt_top .tit02 span::before, .sb_greet .gt_top .tit02 span::after{display: block; content: ''; clear: both; position: absolute; top:0; width: 28px; height: 18px;}
.sb_greet .gt_top .tit02 span::before{left:0; background:url(../images/content/mark_v1.gif) left top no-repeat}
.sb_greet .gt_top .tit02 span::after{right:0; background:url(../images/content/mark_v2.gif) left top no-repeat}
.sb_greet .gt_tbx p{position: relative; margin: 25px 30px; font-size: 1.143em; line-height: 150%; z-index: 1}
.sb_greet .gt_tbg{position: relative; padding: 30px; margin-top: 40px; border-radius: 5px 80px 5px 5px; background:url(../images/content/gt_gjlogo.png) right 30px no-repeat, linear-gradient(90deg, #419dd1, #0e72ab)}
.sb_greet .gt_tbg::after{display: block; content: ''; clear: both; position: absolute; right:0; top:-240px; width: 560px; height: 240px; background:url(../images/content/gt_img.gif) left top no-repeat}
.sb_greet .gt_tbg p{margin: 0; color:#fff}
.sb_greet .gt_tbg p:first-child{margin-bottom: 20px}
.sb_greet .gt_tbg .gt_sign{position: absolute; bottom:20px; right:25px}
.sb_greet span.col_txt1{color: #3e9f39}
.sb_greet span.col_txt2{color: #ff992b}
.sb_greet span.col_txt3{color: #ff6f37}
.sb_greet span.col_txt4{color: #abeeff}
.sb_greet span.col_txt5{color: #a9fdbb}
.sb_greet span.txt_bk{font-weight: 700}

/*주요업무추진계획*/
.sb_workplan .report_btn .btnitem a{padding-left: 85px}
.sb_workplan .wplan01 a{background:url(../images/content/ico_workplan1.gif) 20px center no-repeat}
.sb_workplan .wplan02 a{background:url(../images/content/ico_workplan2.gif) 20px center no-repeat}
.sb_workplan .wplan03 a{background:url(../images/content/ico_workplan3.gif) 20px center no-repeat}
.sb_workplan .wplan04 a{background:url(../images/content/ico_workplan4.gif) 20px center no-repeat}

/*조직도안내*/
.sb_chart .chart_header{position: relative}
.sb_chart .chart_header a{display: block; max-width: 300px; padding: 30px 10px; margin: 0 auto; border-radius: 40px 40px 8px 8px; background:url(../images/content/head_bg.png) left center no-repeat, linear-gradient(90deg, #1e89ca, #16a2a0); text-align: center; font-weight: 600; font-size: 1.643em; color:#fff; box-sizing: border-box; transition: all .3s}
.sb_chart .chart_header a:hover{box-shadow:0 3px 3px rgba(0, 0, 0, 0.2); text-shadow:0 2px 2px rgba(0, 0, 0, 0.3)}
.sb_chart .chart_lstbx{position: relative; display:flex; flex-wrap: wrap; padding: 0 60px; margin-top: 51px; justify-content: space-between}
.sb_chart .chart_lstbx .chart_posi{position: relative; width: calc(100%/2 - 50px); text-align: center}
.sb_chart .chart_posi dl dt{margin-bottom: 13px}
.sb_chart .chart_posi dl dt a{display: block; padding: 18px 10px; background: #fff; border:2px solid #ccc; font-size:1.357em; font-weight: 600; box-sizing: border-box; transition: all .5s}
.sb_chart .chart_posi dl dd > div{position: relative; padding: 12px 10px 5px; margin-bottom: 17px; border-radius: 5px; border:1px solid #d0d0d0; background: #fff; transition: all .5s}
.sb_chart .chart_posi dl dd > div:last-child{margin-bottom: 0}
.sb_chart .chart_posi .chart_tit a{display: block; padding: 13px 10px; margin-bottom: 10px; border-radius: 5px; background: #ccc; font-size: 1.143em; font-weight: 500; color:#fff; transition: all .5s}
.sb_chart .chart_posi dl dd > div ul{display: flex; flex-wrap: wrap; justify-content: space-between}
.sb_chart .chart_posi dl dd > div ul li{width: calc(100%/2 - 8px)}
.sb_chart .chart_posi dl dd > div ul li a{display: block; padding: 8px; margin-bottom: 8px; border-radius: 50px; font-size: 1.071em; transition: all .5s}
.sb_chart .chart_posi dl dd > div ul li a:hover{color:#fff}
.sb_chart .chart_header::before, .sb_chart .chart_header::after{display: block; content: ''; clear: both; position: absolute; bottom:-26px; background: #cfcfcf}
.sb_chart .chart_header::before{left:50%; width:1px; height: 26px; z-index: 1}
.sb_chart .chart_header::after{left:0; width:100%; height:1px}
.sb_chart .chart_lstbx::before, .sb_chart .chart_lstbx::after{display: block; content: ''; clear: both; position: absolute; top:-26px; height: 1px; background: #fff; z-index: 1}
.sb_chart .chart_lstbx::before{left:0; width:25.4%}
.sb_chart .chart_lstbx::after{right:0; width:25.35%}
.sb_chart .chart_lstbx .chart_posi::after{display: block; content: ''; clear: both; position: absolute; top:-26px; left:50%; width:1px; height: 26px; background: #cfcfcf}
.sb_chart .chart_posi dl dd > div::after{display: block; content: ''; clear: both; position: absolute; top:-14px; left:50%; width:1px; height: 13px; background: #cfcfcf}
/*교육지원국*/
.sb_chart .chart_lstbx .chart_posi.left:hover dl dt a{background: #236283; border-color: #236283; color:#fff}
.sb_chart .chart_posi.left dl dt a{border-radius: 30px 30px 5px 30px; border-color:#4196c3; color:#4196c3}
.sb_chart .chart_posi.left .chart_tit a{background: #4196c3}
.sb_chart .chart_posi.left .chart_tit a:hover{background: #236283}
.sb_chart .chart_posi.left dl dd > div{box-shadow:0 4px 0 rgba(117, 186, 223, 1)}
.sb_chart .chart_posi.left dl dd > div:hover{border-color:#236283; box-shadow:0 4px 0 rgba(35, 98, 131, 1)}
.sb_chart .chart_posi.left dl dd > div ul li a{background:#d2e3eb}
.sb_chart .chart_posi.left dl dd > div ul li a:hover{background: #236283}
/*행정지원국*/
.sb_chart .chart_lstbx .chart_posi.right:hover dl dt a{background: #1c6061; border-color: #1c6061; color:#fff}
.sb_chart .chart_posi.right dl dt a{border-radius: 30px 30px 30px 5px; border-color:#349a9b; color:#349a9b}
.sb_chart .chart_posi.right .chart_tit a{background: #349a9b}
.sb_chart .chart_posi.right .chart_tit a:hover{background: #1c6061}
.sb_chart .chart_posi.right dl dd > div{box-shadow:0 4px 0 rgba(132, 200, 201, 1)}
.sb_chart .chart_posi.right dl dd > div:hover{border-color:#247879; box-shadow:0 4px 0 rgba(36, 120, 121, 1)}
.sb_chart .chart_posi.right dl dd > div ul li a{background:#d1e4df}
.sb_chart .chart_posi.right dl dd > div ul li a:hover{background: #247879}

/* 오시는 길 */
.sb_map {clear:both; padding:0; margin:0; color:#000}
.sb_map .map_area {position: relative; width:100%!important; margin:0; border-radius:10px 50px 10px 10px; border:1px solid #e0e0e0; box-sizing: border-box}
.sb_map .map_area .root_daum_roughmap { width:100%!important; padding:0; border-radius:10px 50px 10px 10px}
.sb_map .map_area .root_daum_roughmap .wrap_map {overflow:hidden; height:450px !important; border-radius:10px 50px 10px 10px}
.sb_map .map_txtbox{margin-top:10px; border-top:2px solid #50606a}
.sb_map .map_numbx{padding: 15px; background:url(../images/content/map_logo.png) right 15px center no-repeat}
.sb_map .map_numbx dl{position: relative; float: left; padding: 14px 0 14px 100px}
.sb_map .map_numbx dl::after{display: block; content: ''; clear: both; position: absolute; left:0; top:0; width: 78px; height: 78px; border-radius: 50%; background-color:#ff0; background-position: center; background-repeat: no-repeat}
.sb_map .map_numbx dl.telnum::after{background-image:url(../images/content/map_tel.png); background-color: #3c85b1}
.sb_map .map_numbx dl.faxnum::after{background-image:url(../images/content/map_fax.png); background-color: #2daa8d}
.sb_map .map_numbx dl.telnum{margin-right: 50px}
.sb_map .map_numbx dl dt{margin-bottom: 10px; font-size:1.143em; font-weight: 600}
.sb_map .map_numbx dl.telnum dt span{color:#3c85b1}
.sb_map .map_numbx dl.faxnum dt span{color:#2daa8d}
.sb_map .map_numbx dl dd{font-size: 1.071em}
.sb_map .map_addbx{position: relative; padding: 10px 10px 10px 15px; border-radius: 5px 30px 30px; background: #50606a}
.sb_map .map_addbx .addtxt{padding: 10px 0 10px 40px; background:url(../images/content/map_add.png) left  no-repeat; color:#fff; font-size: 1.071em}
.sb_map .map_addbx .addbtn a{display: block; position: absolute; top:9px; right:10px; width: 15%; padding: 6px 15px; border-radius: 50px; background: #fff; font-size: 1.071em; font-weight: 600; box-sizing: border-box; transition: all .5s}
.sb_map .map_addbx .addbtn a span{display: block; padding: 5px 0; background:url(../images/content/map_btn.png) right center no-repeat}
.sb_map .map_addbx .addbtn a:hover{background-color: #ffe345}

/* 서부연혁 */
.sb_history .his_tb{position: relative; margin-top: 80px}
.sb_history .his_tb::before{display: block; content: ''; clear: both; position: absolute; left:50%; top:-58px; width:84px; height: 74px; margin-left: -42px; background:url(../images/content/topline_logo.gif) 0 0 no-repeat; z-index: 1}
.sb_history .his_tb::after{display: block; content: ''; clear: both; position: absolute; left:0; top:-22px; width: 100%; height: 1px; background: #cfcfcf}
.sb_history .his_btn{position: relative; position: absolute; top:0}
.sb_history .his_btn::after{display: block; content: ''; clear: both; position: absolute; left:50%; top:-27px; width: 13px; height: 13px; border-radius: 50px; background: #cdcdcd; z-index: 1}
.sb_history .his01 .his_btn{left:130px}
.sb_history .his02 .his_btn{right:130px}
.sb_history .his_btn a{position: relative; display: block; width: 305px; padding: 15px 10px 12px; border-radius: 50px; border:2px solid #cdcdcd; background: #fff; text-align: center; font-size: 1.429em; font-weight: 600; font-family: 'Gmarket Sans'; color:#a7a7a7; box-sizing: border-box; transition: all .5s; z-index: 1}
.sb_history .on .his_btn a, .sb_history .his_btn a:hover{background: #0072bc; border-color: #0072bc; color:#fff}
.sb_history .on .his_btn::after, .sb_history .his_btn a:hover::after{background: #0072bc}
.sb_history .his_txt{padding-top: 125px}
.sb_history .his_txt .his_cate{position: relative; margin-bottom:40px}
.sb_history .his_txt .his_cate::before, .sb_history .his_txt .his_cate::after{display: block; content: ''; clear: both; position: absolute; left:0}
.sb_history .his_txt .his_cate::before{top:-37px; width:158px; height: 34px; background:url(../images/content/his_seobu.gif) right center no-repeat; z-index: 1}
.sb_history .his_txt .his_cate::after{top:-22px; width: 100%; height: 2px; background: #0072bc}
.sb_history .his_cate .year_txt{position: absolute; top:-33px; right:0; background: #fff; padding: 6px 10px 0 10px; font-size: 1.643em; font-weight: 700; font-family: 'Gmarket Sans'; z-index: 1}
.sb_history .his_cate .year_txt span.year_poin{color:#0072bc}
.sb_history .his_cate .year_txt span.year_num{font-size: 0.826em; color:#b8b8b8}
.sb_history .year_lst{position: relative; padding-bottom: 30px}
.sb_history .year_lst::before, .sb_history .year_lst::after{display: block; content: ''; clear: both; position: absolute; background: #e6e6e6}
.sb_history .year_lst::before{left:7.5%; top:0; width: 1px; height: 100%}
.sb_history .year_lst::after{left:6%; bottom:0; width:3%; height: 12px; border-radius: 50px}
.sb_history .year_lst > ul{position: relative; z-index: 1}
.sb_history .year_lst > ul > li{display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 20px}
.sb_history .year_lst .year_tit{width: 15%; height: 40px; padding: 8px 5px; border-radius: 50px; border:2px solid #9d9d9d; background: #fff; color:#9d9d9d; font-size:1.286em; font-weight: 600; text-align: center; box-sizing: border-box}
.sb_history .year_lst .year_cont{width: 85%; padding: 10px 10px 10px 30px; font-size: 1.071em; box-sizing: border-box}
.sb_history .year_lst .year_cont li{margin-bottom: 12px}
.sb_history .year_lst .year_cont li:last-child{margin-bottom: 0}
.sb_history .year_lst .year_cont li span{display: block}
.sb_history .year_lst .year_cont .date{position: relative; width: 10%; padding-left: 17px; color:#505050; font-weight: 700; box-sizing: border-box}
.sb_history .year_lst .year_cont .date::after{display: block; content: ''; clear: both; position: absolute; left:0; top:6px; width:6px; height: 6px; border-radius: 50px; background: #747474}
.sb_history .year_lst .year_cont .txt{margin: -20px 0 0 110px; color:#6d6d6d}
.sb_history .year_lst > ul > li:first-child .year_tit{padding: 10px 5px; background:linear-gradient(90deg, #3c85b1, #2baf88);  border:none; color:#fff}
.sb_history .year_lst > ul > li:first-child .year_cont .date{color:#0066a9; font-weight: 800}
.sb_history .year_lst > ul > li:first-child .year_cont .date::after{background:#0066a9}
.sb_history .year_lst > ul > li:first-child .year_cont .txt{color:#000; font-weight: 600}

/* 서부교육방향 */
.sb_eduway .edu_titbx{position: relative; display: flex; flex-wrap:wrap; margin-bottom: 70px; justify-content: space-between}
.sb_eduway .edu_titbx::after{display: block; content: ''; clear: both; position: absolute; left:50%; bottom:-55px; width: 113px; height: 117px; margin-left: -58px; background:url(../images/content/edu_logo_n.png) 0 0 no-repeat}
.sb_eduway .edu_titbx > dl{position: relative; overflow: hidden; width:calc(100%/2 - 25px); background: #fff; border:2px solid #ff0}
.sb_eduway .edu_titbx > dl dt{position: absolute; top:0; width: 235px; padding: 10px 18px; background: #ff0; font-size: 1.429em; color:#fff; text-shadow: 2px 2px 1px rgba(0,0,0,0.08); box-sizing: border-box}
.sb_eduway .edu_titbx > dl dt span{display: block; padding: 8px 0}
.sb_eduway .edu_titbx > dl dd{padding: 83px 60px 30px; font-size: 1.357em}
.sb_eduway .edu_titbx > dl.edu_tit1{border-radius:5px 80px 5px 50px; border-color:#42b9e5; text-align: right}
.sb_eduway .edu_titbx > dl.edu_tit1 dt{left:0; border-radius: 0 0 25px 0; background: #42b9e5}
.sb_eduway .edu_titbx > dl.edu_tit1 dt span{background:url(../images/content/edu_ico1.gif) left center no-repeat}
.sb_eduway .edu_titbx > dl.edu_tit2{border-radius:80px 5px 50px 5px; border-color: #50ccd4}
.sb_eduway .edu_titbx > dl.edu_tit2 dt{right:0; border-radius: 0 0 0 25px; background: #50ccd4}
.sb_eduway .edu_titbx > dl.edu_tit2 dt span{background:url(../images/content/edu_ico2.gif) right center no-repeat}
.sb_eduway .edu_arw{text-align: center}
.sb_eduway .edu_slogbx{margin: -25px 0 50px}
.sb_eduway .edu_slogbx ul{display: flex; flex-wrap: wrap; margin: 0 160px; justify-content: space-between}
.sb_eduway .edu_slogbx ul li{position: relative; width:calc(100%/2 - 15px); padding: 12px; background: #fff; border:2px solid #d3d3d3; text-align: center; box-sizing: border-box}
.sb_eduway .edu_slogbx ul li::after{display: block; content: ''; clear: both; position: absolute; right:-45px; bottom:20px; width: 56px; height: 56px; border-radius: 50%;background:url(../images/content/edu_plus.png) center center no-repeat; background-color: #d3d3d3; z-index: 1}
.sb_eduway .edu_slogbx ul li:first-child{border-radius:50px 50px 50px 5px}
.sb_eduway .edu_slogbx ul li:last-child{border-radius:50px 50px 5px 50px}
.sb_eduway .edu_slogbx ul li:last-child::after{display: none}
.sb_eduway .edubx_tit{width: 320px; margin: 0 auto; text-align: center}
.sb_eduway .edubx_tit .mark_tit{position: relative; margin-top:-7px; padding: 15px 0; border-radius: 50px; background: #50606a; color:#fff; font-size: 1.357em; font-weight: 600}
.sb_eduway .edubx_tit .mark_tit::before, .sb_eduway .edubx_tit .mark_tit::after{display: block; content: ''; clear: both; position: absolute; left:50%;}
.sb_eduway .edubx_tit .mark_tit::before{bottom:-38px; height:28px; width: 1px; margin-left:-1px; background: #d0d0d0}
.sb_eduway .edubx_tit .mark_tit::after{bottom:-10px; width:17px; height: 17px; margin-left: -9px; border-radius: 50px; border:2px solid #50606a; background: #fff; box-sizing: border-box}
.sb_eduway .edu_sbbx .edubx_tit .mark_tit{background: #447594}
.sb_eduway .edu_sbbx .edubx_tit .mark_tit::after{border-color: #447594}
.sb_eduway .edubx_tit .mark_tit span{position: relative; margin: 0 20px; display: block}
.sb_eduway .edubx_tit .mark_tit span::before, .sb_eduway .edubx_tit .mark_tit span::after{display: block; content: ''; clear: both; position: absolute; top:0; width:28px; height: 18px}
.sb_eduway .edubx_tit .mark_tit span::before{left:0; background:url(../images/content/edu_mark1.png) right center no-repeat}
.sb_eduway .edubx_tit .mark_tit span::after{right:0; background:url(../images/content/edu_mark2.png) right center no-repeat}
/*5대주요시책*/
.sb_eduway .edu_gjbx .gjbx_lst{position: relative; margin: 65px 0 30px}
.sb_eduway .edu_gjbx .gjbx_lst::before, .sb_eduway .edu_gjbx .gjbx_lst::after{display: block; content: ''; clear: both; position: absolute; top:-30px; height: 1px; background: #fff; z-index: 1}
.sb_eduway .edu_gjbx .gjbx_lst::before{left:0; width:8.8%}
.sb_eduway .edu_gjbx .gjbx_lst::after{right:0; width:8.85%}
.sb_eduway .edu_gjbx .gjbx_lst ul{position: relative;display: flex; flex-wrap: wrap; justify-content: space-between}
.sb_eduway .edu_gjbx .gjbx_lst ul::after{display: block; content: ''; clear: both; position: absolute; left:0; top:-30px; width: 100%; height: 1px; background: #d0d0d0}
.sb_eduway .gjbx_lst ul li{position: relative; width:207px; height: 207px; border:8px solid #fff; border-radius: 50%; box-shadow: 0 6px 3px rgba(0,0,0,0.05); font-size: 1.143em; font-weight: 600; color:#fff; text-align: center; box-sizing: border-box; align-content: space-around}
.sb_eduway .gjbx_lst ul li::before, .sb_eduway .gjbx_lst ul li::after{display: block; content: ''; clear: both; position: absolute; left:50%}
.sb_eduway .gjbx_lst ul li::before{top:-38px; height:28px; width: 1px; margin-left:-1px; background: #d0d0d0}
.sb_eduway .gjbx_lst ul li::after{top:-11px; width: 19px; height: 19px; margin-left: -10px; border-radius: 50px}
.sb_eduway .gjbx_lst ul li p{padding-top:55px}
.sb_eduway .gjbx_lst ul li span{display: block; margin: 10px 28px 0; padding: 8px; border-radius: 50px; background: #ccc}
.sb_eduway .gjbx_lst ul li.gjitem1{background: #ff94b5}
.sb_eduway .gjbx_lst ul li.gjitem1 span{background: #f9729c}
.sb_eduway .gjbx_lst ul li.gjitem1::after{background: #f9729c}
.sb_eduway .gjbx_lst ul li.gjitem2{background: #4cb6e2}
.sb_eduway .gjbx_lst ul li.gjitem2 span{background: #389ec8}
.sb_eduway .gjbx_lst ul li.gjitem2::after{background: #389ec8}
.sb_eduway .gjbx_lst ul li.gjitem3{background: #82c97b}
.sb_eduway .gjbx_lst ul li.gjitem3 span{background: #6fb667}
.sb_eduway .gjbx_lst ul li.gjitem3::after{background: #6fb667}
.sb_eduway .gjbx_lst ul li.gjitem4{background: #4acec9}
.sb_eduway .gjbx_lst ul li.gjitem4 span{background: #38b1ac}
.sb_eduway .gjbx_lst ul li.gjitem4::after{background: #38b1ac}
.sb_eduway .gjbx_lst ul li.gjitem5{background: #d6a1f8}
.sb_eduway .gjbx_lst ul li.gjitem5 span{background: #bc7fe3}
.sb_eduway .gjbx_lst ul li.gjitem5::after{background: #bc7fe3}
.sb_eduway .gjbx_lst ul li.gjitem1 p{background:url(../images/content/edu_way1.png) center top no-repeat}
.sb_eduway .gjbx_lst ul li.gjitem2 p{background:url(../images/content/edu_way2.png) center top no-repeat}
.sb_eduway .gjbx_lst ul li.gjitem3 p{background:url(../images/content/edu_way3.png) center top no-repeat}
.sb_eduway .gjbx_lst ul li.gjitem4 p{background:url(../images/content/edu_way4.png) center top no-repeat}
.sb_eduway .gjbx_lst ul li.gjitem5 p{background:url(../images/content/edu_way5.png) center top no-repeat}
/*3대역점과제*/
.sb_eduway .edu_sbbx{margin-top: -35px}
.sb_eduway .edu_sbbx .sbbx_lst{position: relative; margin-top: 65px}
.sb_eduway .edu_sbbx .sbbx_lst::before, .sb_eduway .edu_sbbx .sbbx_lst::after{display: block; content: ''; clear: both; position: absolute; top:-28px; height: 1px; background: #fff; z-index: 1}
.sb_eduway .edu_sbbx .sbbx_lst::before{left:0; width:16%}
.sb_eduway .edu_sbbx .sbbx_lst::after{right:0; width:15.7%}
.sb_eduway .edu_sbbx .sbbx_lst ul{position: relative; display: flex; flex-wrap: wrap; justify-content: space-between}
.sb_eduway .edu_sbbx .sbbx_lst ul::after{display: block; content: ''; clear: both; position: absolute; left:0; top:-28px; width: 100%; height: 1px; background: #d0d0d0}
.sb_eduway .sbbx_lst ul li{position: relative; width: calc(100%/3 - 20px); padding: 22px 15px; background: #fff; border-radius: 80px; border:2px solid #ccc; font-size: 1.143em; font-weight: 600; text-align: center; box-sizing: border-box}
.sb_eduway .sbbx_lst ul li p{margin-left: 100px;}
.sb_eduway .sbbx_lst ul li span{display: block; margin-top: 15px; font-size:1.25em}
.sb_eduway .sbbx_lst ul li::before, .sb_eduway .sbbx_lst ul li::after{display: block; content: ''; clear: both; position: absolute}
.sb_eduway .sbbx_lst ul li::before{left:50%; top:-30px; height:28px; width: 1px; margin-left:0; background: #d0d0d0}
.sb_eduway .sbbx_lst ul li.sbitem1::before{margin-left: 2px}
.sb_eduway .sbbx_lst ul li::after{left:10px; top:10px; width:80px; height: 80px; background: #f0f; border-radius: 50%}
.sb_eduway .sbbx_lst ul li.sbitem1{border-color: #6db3df}
.sb_eduway .sbbx_lst ul li.sbitem1::after{background: url(../images/content/edu_work1.png) center center no-repeat #6db3df}
.sb_eduway .sbbx_lst ul li.sbitem1 span{color:#498fbb}
.sb_eduway .sbbx_lst ul li.sbitem2{border-color: #78cd6f}
.sb_eduway .sbbx_lst ul li.sbitem2::after{background: url(../images/content/edu_work2.png) center center no-repeat #78cd6f}
.sb_eduway .sbbx_lst ul li.sbitem2 span{color:#50ab46}
.sb_eduway .sbbx_lst ul li.sbitem3{border-color: #60c9af}
.sb_eduway .sbbx_lst ul li.sbitem3::after{background: url(../images/content/edu_work3.png) center center no-repeat #60c9af}
.sb_eduway .sbbx_lst ul li.sbitem3 span{color:#3e9882}

/*행정정보 지원센터*/
.sb_custom .topline_logobx{margin-bottom: 25px}
.sb_custom .support_tit{font-size: 1.643em; font-family: 'Gmarket Sans'; font-weight: 600; text-align: center}
.sb_custom.sprt_combine .support_tit span{color:#35a5d9}
.sb_custom.sprt_welfare .support_tit span{color:#4eb9c0}
.sb_custom .sprt_lst{overflow:hidden; display: flex; justify-content:space-between; margin:15px 10px; border-radius: 5px; border:1px solid #e0e0e0}
.sb_custom .sprt_lst > p{width: 10%; background: #50606a; color:#fff; text-align: center; align-content: space-around; font-size: 1.133em}
.sb_custom .sprt_lst > ul{width: 90%; padding: 15px; box-sizing: border-box; font-size: 1.071em}
.sb_custom .sprt_lst > ul li{position: relative; padding-left: 12px; margin-bottom: 7px; line-height: 130%}
.sb_custom .sprt_lst > ul li::after{display: block; content: ''; clear: both; position: absolute; left:0; top:6px; width: 5px; height: 5px; background: #767676}
.sb_custom .sprt_lst > ul li:last-child{margin-bottom: 0}
.sb_custom .txt_centerbx{padding: 15px; margin-bottom: 10px; border-radius: 5px; border:1px solid #e0e0e0; text-align: center; font-size: 1.071em}
/*학생맞춤통합지원 체계 구축*/
.sb_custom.sprt_combine .sprt_tbline{margin-bottom: 35px; border-bottom: 2px solid #50606a}
.sb_custom.sprt_combine .sprt_tbline .sb_txtbox{margin-bottom: 15px}
.sb_custom.sprt_combine .tb_poin{padding: 10px 10px 10px 25px; margin-top: 10px; border-radius: 5px; background: url(../images/content/ico_tbpoin.gif) 10px 13px no-repeat #efefef}
/*체계구축방법 테이블*/
.sprt_combine .combine_table{overflow: hidden; width:100%; margin-bottom:20px; border-collapse:collapse; table-layout:auto}
.sprt_combine .combine_table table{width: 100%; font-size: 1.071em}
.sprt_combine .combine_table p, .sprt_combine .combine_table ul{min-height: 61px; box-sizing: border-box}
.sprt_combine .combine_table thead th > p{min-height: auto}
.sprt_combine .combine_table .txtcenter{text-align: center}
.sprt_combine .combine_table img{display: inline-block; vertical-align: middle}
.sprt_combine .combine_table table th, .sprt_combine .combine_table table td{padding: 3px; vertical-align: middle}
.sprt_combine .combine_table table p{padding: 10px; border-radius: 5px; font-weight: 500}
.sprt_combine .combine_table thead th > p{background: #50606a; color:#fff; align-content: space-around}
.sprt_combine .combine_table thead th.tbbg_col > p{background:#50aeea}
.sprt_combine .combine_table tbody{font-size: 0.933em}
.sprt_combine .combine_table tbody th > p{background: #ececec;; align-content: space-around}
.sprt_combine .combine_table tbody td > ul{padding: 10px; border-radius: 5px; border:1px solid #dcdcdc; box-sizing: border-box;; align-content: space-around}
.sprt_combine .combine_table ul li{position: relative; padding-left: 15px}
.sprt_combine .combine_table ul li::after{display: block; content: ''; clear: both; position: absolute; left:0; top:6px; width: 5px; height: 5px; background: #767676}
.sprt_combine .combine_table ul li:last-child{margin-bottom: 0}
.sprt_combine .combine_table.table_scroll::-webkit-scrollbar {height: 10px}
.sprt_combine .combine_table.table_scroll::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0.05); border-radius:0 0 5px 5px; box-shadow: inset 0px 0px 0px white}
.sprt_combine .combine_table.table_scroll::-webkit-scrollbar-thumb {background-color: #a7a7a7; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent}
.sprt_combine .combine_table.table_scroll .mb_txt{line-height:0; font-size:0; text-indent:-9999999px}
.sprt_combine .combine_table.table_scroll table {min-width:630px}
/*추진방향*/
/*타이틀*/
.sb_custom .sprtbx_tit{width: 560px; margin: 0 auto; text-align: center}
.sb_custom .sprtbx_tit .mark_tit{position: relative; margin-top:-7px; padding: 15px 0; border-radius: 50px; border:2px solid #50606a; color:#fff; font-size: 1.357em; font-weight: 600; color:#000; box-sizing: border-box}
.sb_custom .sprtbx_tit .mark_tit span{position: relative; margin: 0 20px; display: block}
.sb_custom .sprtbx_tit .mark_tit span::before, .sprtbx_tit .mark_tit span::after{display: block; content: ''; clear: both; position: absolute; top:0; width:28px; height: 18px}
.sb_custom .sprtbx_tit .mark_tit span::before{left:0; background:url(../images/content/vision_mark1.png) right center no-repeat}
.sb_custom .sprtbx_tit .mark_tit span::after{right:0; background:url(../images/content/vision_mark2.png) right center no-repeat}
/*추진방향 타이틀-목표*/
.sb_custom .goal_waybx{position: relative; margin: -40px 0 30px; padding-bottom: 15px; border-bottom: 2px solid #50606a}
.sb_custom .goal_waybx::after{display: block; content: ''; clear: both; position: absolute; top:55px; left:0; width: 100%; height: 2px; background: #dbdbdb}
.sb_custom .goal_waybx .sprtbx_tit{width: 400px}
.sb_custom .goal_waybx .sprtbx_tit .mark_tit{position: relative; background:#50606a; color:#fff; z-index: 1}
.sb_custom .goal_waybx .sprtbx_tit .mark_tit span::before{background:url(../images/content/goal_mark1.png) right center no-repeat}
.sb_custom .goal_waybx .sprtbx_tit .mark_tit span::after{background:url(../images/content/goal_mark2.png) right center no-repeat}
.sb_custom.sprt_welfare .goal_waybx{margin-top: 25px}
.sb_custom.sprt_welfare .goal_waybx::after{display: none}
/*추진방향 내용*/
.sb_custom .sprtbx_arw{margin-top: 20px; text-align: center}
.sb_custom .goal_lstbx{margin: 20px 60px 50px}
.sb_custom.sprt_welfare .goal_lstbx{margin-bottom: 5px}
.sb_custom .sprtbx_subj{position: relative; margin-top: -40px; text-align: center}
.sb_custom .sprtbx_subj::after{display: block; content: ''; clear: both; position: absolute; top:20px; left:0; width: 100%; height: 2px; background: #dbdbdb}
.sb_custom .sprtbx_subj span{position: relative; display: inline-block; padding: 10px 30px; border-radius:50px; border:2px solid #dbdbdb; background: #fff; font-size: 1.267em; font-weight: 600; z-index: 1}
.sb_custom .goal_lstbx ul{display: flex; flex-wrap: wrap; justify-content: space-between}
.sb_custom .goal_lstbx ul li{position: relative; width: calc(100%/ 3 - 50px); padding: 15px; border-radius: 50px; border:2px solid #d0d; box-sizing: border-box; align-content: space-around; text-align: center; font-weight: 700; font-size:1.143em}
.sb_custom .goal_lstbx ul li::after{display: block; content: ''; clear: both; position:absolute; right:-57px; bottom:6px; width: 37px; height: 37px; background:url(../images/content/ico_plus.gif) 0 0 no-repeat}
.sb_custom .goal_lstbx ul li:last-child::after{display: none}
.sb_custom .goal_lstbx ul li.mean_type1{border-color:#327aa7; color:#327aa7}
.sb_custom .goal_lstbx ul li.mean_type2{border-color:#38afb1; color:#38afb1}
.sb_custom .goal_lstbx ul li.mean_type3{border-color:#24a781; color:#24a781}
.sb_custom .goal_lstbx.type2 ul li.mean_type1{background: #327aa7; color:#fff}
.sb_custom .goal_lstbx.type2 ul li.mean_type2{background: #38afb1; color:#fff}
.sb_custom .goal_lstbx.type2 ul li.mean_type3{background: #24a781; color:#fff}
.sb_custom .goal_connect{position: relative; width:540px; margin: 0 auto; padding:5px 15px; border-radius: 50px; background: linear-gradient(90deg, #3c84b2, #2baf88); font-size: 1.286em; font-weight: 600; text-align: center; color:#fff; box-sizing: border-box}
.sb_custom .goal_connect::after{display: block; content: ''; clear: both; position:absolute; left:50%; top:-34px; width: 23px; height: 19px; margin-left: -16px; background:url(../images/content/arw_goal.gif) left center no-repeat}
.sb_custom .goal_connect span{display: inline-block; padding: 13px 0 10px 50px; background:url(../images/content/ico_goalinfo.png) left center no-repeat}
/*학생지원방식의 변화*/
.sb_custom .step_lstbx ul li{width: calc(100%/2 - 38px)}
.sb_custom .step_lstbx ul li::after{background:url(../images/content/arw_support.gif) 0 0 no-repeat}
.sb_custom .step_lstbx ul li .way_imgbx{margin:15px 0}
.sb_custom .step_lstbx ul li .st_tit{padding-top: 0}
.sb_custom .step_lstbx ul li .st_tit span{display: inline-block; padding: 10px 35px; border-radius: 50px; background: #ececec}
.sb_custom .step_lstbx ul li .st_lst{border-top-color:#324957}
.sb_custom .step_lstbx ul li .st_num{border-color:#324957}
.sb_custom .step_lstbx ul li .st_txt{background: #324957}
.sb_custom .step_lstbx ul li .st_lst.item2{border-top-color:#50aeea}
.sb_custom .step_lstbx ul li .st_lst.item2 .st_num{border-color:#50aeea}
.sb_custom .step_lstbx ul li .st_lst.item2 .st_txt{background: #50aeea}

/*교육복지우선지원사업 대상학생*/
.sprt_welfare .sb_table .tb_list2{text-align: left}
/*
.sprt_welfare .stubx_map{display: flex; flex-wrap:wrap; justify-content:space-between; flex-direction:row-reverse; border-radius: 0 0 5px 5px}
.sprt_welfare .stubx_map > div{position: relative; width: calc(100%/3); text-align: center}
.sprt_welfare .stubx_map > div::before{display: block; content: ''; clear: both; position:absolute; left:0; top:0; width: 100%; height: 65px; background: #f0f; border-radius:0 50px 0 0  ;}
.sprt_welfare .stubx_map > div.tgstu_focus::before{margin-top: -65px}
.sprt_welfare .stubx_map > div.tgstu_first::before{width: 66.6%; margin-top: -130px}
.sprt_welfare .stubx_map > div.tgstu_all::before{margin-top: -135px}
*/
 



/* ========================================= MOBILE LAYOUT ========================================= */
@media only screen and (max-width:1024px) {

/*신고센터*/
.sb_report .report_btn .btnitem a{padding: 15px}
.sb_report .report_btn .btn{right:15px; width: 120px; margin-top: -24px}

/* WEE센터 */
.sb_weecenter .wee_topline{margin: 40px 0 25px}
.sb_weecenter .wee_meanbx{margin: 20px 0}
.sb_weecenter .wee_meanbx ul li span.mean{width: 70px}
.sb_weecenter .wee_topline .mean_txt{margin: 0 0 15px}
/*직원현황조직도*/
.sb_weecenter .wee_staff .staff_lst{margin:0}
/*Wee센터 약도*/
.sb_weecenter .map_area .root_daum_roughmap .wrap_map {height:250px !important}
.sb_weecenter .map_info{position: relative; bottom:0; right:0; width: 100%; margin-top: 10px; border:2px solid #e0e0e0; border-radius:5px; box-shadow:none}
.sb_weecenter .map_add .txtline br{display: none}

/* 특수학교지원센터 */
/*조직*/
.spe_staff{margin: 0}
.spe_staff::after{margin-top:-141px}
.spe_staff ul li dl{width: 300px}

/* 학교정보공시 제도 */
/*내용공개*/
.infosys_open .open_lst::before{width: 7.4%}
.infosys_open .open_lst::after{width: 7.3%}

/* 자주찾는 페이지(기존서부에서 스타일 수정) */
.visit_ptop .visit_ptit{font-size: 16px; color:#fff}
.sb_visitpage .visit_pcon .vt_pnum{top:13px; left:15px; width: 40px; height: 58px; background-size: 40px 58px}
.sb_visitpage .visit_pcon .vt_pname{margin-left: 65px; padding: 20px 7px 15px; font-size: 16px}
.sb_visitpage .visit_pcon .vt_pposi{margin-left: 65px; font-size: 12px}
.sb_visitpage .visit_pcon .vt_phits{position: relative; top:0; right:0; width: 100%; padding: 5px 15px; border-radius: 0; border:none; border-top:2px solid #eaeaea}
.sb_visitpage .visit_pcon .vt_plink{position: relative; top:0; right:0; width: 100%; height: auto; border-radius: 0}
.sb_visitpage .visit_pcon .vt_plink span{padding:10px 50px 10px 0}

/* 교육지원청 인사말 */
.sb_greet .gt_top{padding: 0 0 35px; margin-bottom: 60px}
.sb_greet .gt_top::after{bottom:-26px; width:61px; height:53px; margin-left: -35px; background-size: 61px 53px}
.sb_greet .gt_top .tit01{width: 85%; padding: 10px 20px 6px; margin-bottom: 10px; font-size: 14px}
.sb_greet .gt_top .tit02 span{padding: 0 35px}
.sb_greet .gt_top .tit02 span::before, .sb_greet .gt_top .tit02 span::after{width: 21px; height: 14px; background-size: 21px 14px}
.sb_greet .gt_top .tit02 img.titimg01{width: 160px; height: 33px}
.sb_greet .gt_top .tit02 img.titimg02{width: 153px; height: 33px}
.sb_greet .gt_tbx p{margin:20px; line-height: 130%}
.sb_greet .gt_tbg{padding: 20px; margin-top: 20px; border-radius: 5px 60px 5px 5px}
.sb_greet .gt_tbg::after{top:-177px; width: 420px; height: 177px; background-size: 420px 177px}
.sb_greet .gt_tbg p{margin: 0}
.sb_greet .gt_tbg p:first-child{margin-bottom: 15px}

/*주요업무추진계획*/
.sb_workplan .report_btn .btnitem a{background: none}

/*조직도안내*/
.sb_chart .chart_lstbx{padding: 0}
.sb_chart .chart_lstbx .chart_posi{width: calc(100%/2 - 20px)}
.sb_chart .chart_lstbx::before{width:23.9%}
.sb_chart .chart_lstbx::after{width:23.7%}

/* 서부연혁 */
.top_expbtn.expbtn_type2{padding: 15px}
.sb_history .his_tb{margin-top: 50px}
.sb_history .his_tb::before{transform: scale(60%)}
.sb_history .his_btn{width: 50%}
.sb_history .his01 .his_btn{left:0}
.sb_history .his02 .his_btn{right:0}
.sb_history .his_btn a{width: 95%; margin: 0 auto; padding: 10px 10px 8px}
.sb_history .his_txt{padding-top: 100px}
.sb_history .his_txt .his_cate{margin-bottom:20px}
.sb_history .his_txt .his_cate::before{top:-32px; width:94px; height: 21px; background-size:94px 21px}
.sb_history .his_cate .year_txt{top:-35px}
.sb_history .year_lst > ul > li:first-child .year_tit{padding: 8px 5px}
.sb_history .year_lst::before{left:7.5%; top:0; width: 1px; height: 100%}
.sb_history .year_lst::after{left:6%; bottom:0; width:3%; height: 12px; border-radius: 50px}
.sb_history .year_lst > ul > li{margin-bottom: 15px}
.sb_history .year_lst .year_tit{height: 35px; padding: 5px; font-size: 15px}
.sb_history .year_lst .year_cont{padding: 10px 10px 10px 15px}
.sb_history .year_lst .year_cont li{margin-bottom: 10px}
.sb_history .year_lst .year_cont .txt{margin: -20px 0 0 90px}
    
/* 서부교육방향 */
.sb_eduway .edu_slogbx ul{margin: 0}
.sb_eduway .edubx_tit .mark_tit::before{display: none}
/*5대주요시책*/
.sb_eduway .edu_gjbx .gjbx_lst{margin: 30px 0 10px}
.sb_eduway .edu_gjbx .gjbx_lst::before, .sb_eduway .edu_gjbx .gjbx_lst::after{display: none}
.sb_eduway .edu_gjbx .gjbx_lst ul::after{display: none}
.sb_eduway .gjbx_lst ul li{width:100%; height: auto; margin-bottom: 21px; border-radius: 20px; padding: 15px}
.sb_eduway .gjbx_lst ul li:last-child{margin-bottom: 0}
.sb_eduway .gjbx_lst ul li::before{top:-28px; height:20px}
/*3대역점과제*/
.sb_eduway .edu_sbbx .edubx_tit .mark_tit::before{display: block}
.sb_eduway .edu_sbbx{margin-top: -35px}
.sb_eduway .edu_sbbx .sbbx_lst::before{width:15.5%}
.sb_eduway .edu_sbbx .sbbx_lst::after{width:15.4%}
}

/* ============================================ PC LAYOUT ========================================= */
@media only screen and (min-width:1025px) {
}

/* =========================================== LOWSET FIX ========================================= */

@media only screen and (max-width:930px) {
/* 서부교육방향 */
.sb_eduway .edu_titbx{margin-bottom:10px}
.sb_eduway .edu_titbx::after{left:0; bottom:50%; width: 68px; height: 75px; margin:0 0 -40px 0; background-size: 68px 70px}
.sb_eduway .edu_titbx > dl{width:100%}
.sb_eduway .edu_titbx > dl dt{width: 180px; padding: 5px 18px; font-size: 17px}
.sb_eduway .edu_titbx > dl dd{padding: 65px 15px 15px; font-size: 16px}
.sb_eduway .edu_titbx > dl.edu_tit1{margin-bottom: 20px; border-radius:5px 50px 5px 50px}
.sb_eduway .edu_titbx > dl.edu_tit2{border-radius:50px 5px 50px 5px}
.sb_eduway .edu_arw img{width: 286px; height: 74px}
}

@media only screen and (max-width:880px) {
/*로고박스*/
/* 광주학생 네티즌 윤리헌장 */
.topline_logobx .netizen_lst{background-size: 123px 121px}
    
/*행정서비스헌장_공개절차*/
.open_stepbx ul li{width: calc(100%/3 - 23px)}
.open_stepbx ul li:nth-child(3)::after{display: none}
.open_stepbx ul li:first-child, .open_stepbx ul li:nth-child(2), .open_stepbx ul li:nth-child(3){margin-bottom: 15px}

/*신고센터*/
.sb_report .report_btn ul li{width: calc(100%/2 - 10px)}
.sb_report .report_btn .btnitem a{padding: 12px}
.sb_report .report_btn span.eng{margin: 5px 0 10px}
.sb_report .report_btn .btn{position: relative; top:0; right:0; width: 100%; padding:5px 10px; margin-top: 0; font-size: 14px}
.sb_report .type_openinfo span.tit{margin: 0 0 10px}
/*주요업무 추진계획*/
.sb_report.sb_workplan .report_btn ul li{width:auto}


/* 학폭제로지원단 */
/* 학폭제로지원단 운영흐름 공통스타일 */
.sb_support .step_sprt{margin: 30px 15px}
.sb_support .step_sprt.st_type3 li{width:100%}
.sb_support .step_sprt.st_type4 li{width:100%}
.sb_support .step_sprt li{margin-top: 35px}
.sb_support .step_sprt li:first-child{margin-top: 0}
.sb_support .step_sprt li::after{display: none}
.sb_support .step_sprt li:last-child::after{display: none}
.sb_support .step_sprt li .st_tit{min-height: auto}
.sb_support .step_sprt li .st_txt{min-height: auto}

/*행정정보 지원센터*/
/*학생지원방식의 변화*/
.sb_custom .step_lstbx ul li{width: 100%}
.sb_custom .step_lstbx ul li img{width: 230px; height: 230px}    
}

@media only screen and (max-width:820px) {
/*조직도안내*/
.sb_chart .chart_header a{max-width: 100%; padding: 25px 10px}
.sb_chart .chart_lstbx{margin-top: 26px}
.sb_chart .chart_lstbx .chart_posi{width:100%}
.sb_chart .chart_header::after{display: none}
.sb_chart .chart_lstbx::before, .sb_chart .chart_lstbx::after{display: none}
.sb_chart .chart_lstbx .chart_posi.left::after{display: none}
.sb_chart .chart_posi{margin-bottom: 30px}
.sb_chart .chart_posi .chart_tit a{padding: 10px}
.sb_chart .chart_posi dl dd > div ul li{width: calc(100%/2 - 5px)}
.sb_chart .chart_posi.left dl dd > div ul li a{padding: 6px}

/*행정정보 지원센터*/
.sb_custom .sprt_lst{display:block}
.sb_custom .sprt_lst > p{width:auto; padding: 10px}
.sb_custom .sprt_lst > ul{width: auto}
/*추진방향*/
/*타이틀*/
.sb_custom .sprtbx_tit{width: auto}
/*추진방향 타이틀-목표*/
.sb_custom .goal_waybx{margin-top: -30px}
.sb_custom .goal_waybx::after{display: none}
.sb_custom .sprtbx_tit .mark_tit span{font-size: 15px}
.sb_custom .goal_waybx .sprtbx_tit{width: auto}
/*추진방향 내용*/
.sb_custom .sprtbx_arw{margin-top:10px}
.sb_custom .sprtbx_arw img{width: 279px; height: 67px}
.sb_custom .goal_lstbx{margin: 20px 0 50px}
.sb_custom .goal_lstbx ul li{width: calc(100%/ 3 - 40px)}
.sb_custom .goal_lstbx ul li::after{right:-48px}
.sb_custom .goal_connect{width:auto}
}

@media only screen and (max-width:800px) {
/* WEE센터 */
.sb_weecenter .wee_meanbx ul li{width:100%; padding: 15px; margin-bottom: 38px}
.sb_weecenter .wee_meanbx ul li:last-child{margin-bottom: 0}
.sb_weecenter .wee_meanbx ul li::after{right:50%; bottom:-35px; width: 28px; height: 28px; margin-right: -15px; background-size: 28px 28px}
.sb_weecenter .wee_meanbx ul li:last-child::after{display: none}

/* 학교정보공시 제도 */
/*내용공개*/
.sb_openinfo .infosys_open{margin-bottom: 0}
.sb_openinfo .infosys_open .open_num{ width: 80%; padding:10px 5px}
.infosys_open .open_lst::before{width: 24.3%}
.infosys_open .open_lst::after{width: 24.1%}
.infosys_open ul li{width: calc(100%/2 - 10px); padding: 10px 5px; margin-bottom: 20px}
.sb_openinfo .infosys_detail > ul > li{width: calc(100%/2 - 10px); padding: 10px; margin-bottom: 15px}

/*교육지원청 인사말*/
.sb_greet .gt_top{margin-bottom: 40px}
.sb_greet .gt_tbg::after{display:none}
.sb_greet .gt_tbg .gt_sign{position: relative; bottom:0; right:0; text-align: right}
.sb_greet .gt_tbg .gt_sign img{width: 248px; height: 45px}

/* 서부교육방향 */
/*3대역점과제*/
.sb_eduway .edu_sbbx .edubx_tit .mark_tit::before{display: none}
.sb_eduway .edu_sbbx .sbbx_lst{margin-top: 30px}
.sb_eduway .edu_sbbx .sbbx_lst::before, .sb_eduway .edu_sbbx .sbbx_lst::after{display: none}
.sb_eduway .edu_sbbx .sbbx_lst ul::after{display: none}
.sb_eduway .sbbx_lst ul li{width:100%; padding: 22px; margin-bottom: 20px; border-radius: 20px}
.sb_eduway .sbbx_lst ul li p{margin:0; text-align: right}
.sb_eduway .sbbx_lst ul li::before{top:-22px; height:20px}
.sb_eduway .sbbx_lst ul li.sbitem1::before{margin-left: 0}
}

@media only screen and (max-width:770px) {
/* WEE센터 */
/*직원현황조직도*/
.sb_weecenter .wee_staff{position: relative; margin: 15px 0 35px}
.sb_weecenter .wee_staff::after{display: block; content: ''; clear: both; position: absolute; bottom:0; left:50%; width:1px; height: 100%; background: #cfcfcf; z-index: 1}
.sb_weecenter .wee_staff p{width: 100%; z-index: 5}
.sb_weecenter .wee_staff p::after{display: none}
.sb_weecenter .wee_staff p span{display:inline-block; padding: 5px 5px 3px 30px; background-position: left center; background-size: 21px 23px}
.sb_weecenter .wee_staff .staff_lst::before, .sb_weecenter .wee_staff .staff_lst::after{display: none}
.sb_weecenter .wee_staff ul{position: relative; margin: 15px 0 0; z-index: 10}
.sb_weecenter .wee_staff ul::after{display: none}
.sb_weecenter .wee_staff ul li{width:100%}
.sb_weecenter .wee_staff ul li:first-child{margin-bottom:15px}
.sb_weecenter .wee_staff ul li::after{display: none} 
.sb_weecenter .wee_staff ul li span.num{width: 65px}

/* 특수학교지원센터 */
/*조직*/
.spe_staff::after{display:none}
.spe_staff .spe_leader{width: 70%}
.spe_staff ul{position: relative; padding-top: 0}
.spe_staff ul::after{display: none}
.spe_staff ul li dl{margin-bottom: 20px; width: 100%}
.spe_staff ul li.saf_cate1 dl{margin-bottom: 30px}
.spe_staff .cate_type1{position: relative; top:0}
.spe_staff .cate_type1 dl dd{height: auto; padding: 30px 5px 15px}
.spe_staff .cate_type2 dl dd{height: auto; padding: 15px 5px}
}

@media only screen and (max-width:730px) {
/*오시는 길*/
.sb_map .map_area {border-radius:10px 20px 10px 10px}
.sb_map .map_area .root_daum_roughmap {border-radius:10px 20px 10px 10px}
.sb_map .map_area .root_daum_roughmap .wrap_map {height:250px !important; border-radius:10px 20px 10px 10px}
.sb_map .map_numbx dl{padding: 8px 0 8px 75px}
.sb_map .map_numbx dl::after{ width: 65px; height: 65px}
.sb_map .map_addbx .addbtn a{position: relative; top:0; right:0; width: 100%; margin-top: 5px}
}

@media only screen and (max-width:630px) {
/*체계구축방법 테이블스크롤*/
.sprt_combine .combine_table.table_scroll{overflow-x: scroll; position: relative}

/*행정정보 지원센터*/
/*추진방향 내용*/
.sb_custom .sprtbx_tit img{width: 48px}
.sb_custom .goal_lstbx{margin: 20px 0 50px}
.sb_custom .goal_lstbx ul li{width: 100%; margin: 0 0 50px}
.sb_custom .goal_lstbx ul li:last-child{margin-bottom: 0}
.sb_custom .goal_lstbx ul li::after{right:50%; bottom:-45px; margin-right: -15px}
}

@media only screen and (max-width:600px) {
/*신고센터*/
.sb_report .report_btn ul li{width:100%; margin-bottom: 15px}
.sb_report .report_btn .btnitem a{text-align: center} 

/* 학교정보공시 제도 */
/*내용공개*/
.sb_openinfo .infosys_open .open_num::after, .infosys_open ul::after, .infosys_open .open_lst::before, .infosys_open .open_lst::after{display: none}
.infosys_open ul{margin-top: 20px}
.infosys_open ul li{width:100%}
.sb_openinfo .infosys_detail > ul > li{width:100%}

/*오시는 길*/
.sb_map .map_numbx{padding:15px 5px}
.sb_map .map_numbx dl{float: none}
.sb_map .map_numbx dl.telnum{margin: 0 0 15px}      
}

@media only screen and (max-width:530px) {
/* 서부연혁 */
.sb_history .year_lst > ul > li:first-child .year_tit{padding: 8px 5px}
.sb_history .year_lst > ul > li{margin-bottom:7px}
.sb_history .year_lst .year_tit{width: 100%; margin-bottom: 5px}
.sb_history .year_lst .year_cont{width: 100%; padding: 10px 10px 10px 6.9%}
.sb_history .year_lst .year_cont li{margin-bottom: 10px}

/* 서부교육방향 */
.sb_eduway .edu_slogbx{margin:-10px 0 30px}
.sb_eduway .edu_slogbx ul li{width:100%; padding: 10px}
.sb_eduway .edu_slogbx ul li:first-child{margin-bottom: 20px; border-radius:50px 5px}
.sb_eduway .edu_slogbx ul li:last-child{border-radius:5px 50px}
.sb_eduway .edu_slogbx ul li::after{right:0; bottom:50%; width: 42px; height: 42px; margin-bottom: -79px; background-size:16px 16px}
.sb_eduway .edubx_tit{width: auto; margin: 0 auto; text-align: center}
.sb_eduway .edubx_tit .mark_tit{position: relative; margin-top:-7px; padding: 15px 0; border-radius: 50px; background: #50606a; color:#fff; font-size: 1.357em; font-weight: 600}
}

@media only screen and (max-width:510px) {
/*행정서비스헌장_공개절차*/
.open_stepbx ul li{width:100%; margin-bottom: 40px}
.open_stepbx ul li:last-child{margin-bottom: 0}
.open_stepbx ul li::after{bottom:-27px; right:50%; width:12px; height: 15px; margin:0 -7px 0 0; transform: rotate(90deg)}
.open_stepbx ul li:nth-child(3)::after{display: block}
.open_stepbx ul li:first-child, .open_stepbx ul li:nth-child(2), .open_stepbx ul li:nth-child(3){margin-bottom: 40px}

/* 항목안내 (정보공개불복구제방법) */
.cate_lstbx li{width:100%; margin-bottom: 35px}
.cate_lstbx li:last-child{margin-bottom: 0}
.cate_lstbx li .ct_tit span{padding:0}
}

@media only screen and (max-width:480px) {
/*행정정보 지원센터*/
.sb_custom .sprt_lst{display:block}
.sb_custom .sprt_lst > p{width:auto; padding: 10px}
.sb_custom .sprt_lst > ul{width: auto}
/*추진방향*/
/*타이틀*/
.sprt_combine .sprtbx_tit{width: auto}
/*추진방향 타이틀-목표*/
.sprt_combine .goal_waybx{margin-top: -30px}
.sprt_combine .goal_waybx::after{display: none}
.goal_waybx .sprtbx_tit{width: auto}
/*추진방향 내용*/
.sb_custom.sprt_combine .sprtbx_arw{margin-top:10px}
.sb_custom.sprt_combine .sprtbx_arw img{width: 279px; height: 67px}
.sb_custom .goal_connect{width:auto}
}

@media only screen and (max-width:419px) {
/*교육지원청 인사말*/
.sb_greet .gt_top .tit02 span{width: 160px; margin: 0 auto}

/* 서부연혁 */
.sb_history .his_txt{padding-top: 70px}
.sb_history .his_txt .his_cate{text-align: center}
.sb_history .his_txt .his_cate::before{display: none}
.sb_history .his_txt .his_cate::after{top:7px}
.sb_history .his_cate .year_txt{display: inline-block; position: relative; top:0; right:0; padding:0 10px; text-align: center}
}


/*행정정보 지원센터*/
/*****교육복지 우선대상*****/
.sprt_welfare .stubx_map > ul > li:nth-of-type(1){background: #e8f0f3}
.sprt_welfare .stubx_map > ul > li:nth-of-type(2){background: #7abcda}
.sprt_welfare .stubx_map > ul > li:nth-of-type(3){background: #3c8db1}
.sprt_welfare .stubx_map > ul > li .stubx_item > div{padding:10px; text-align: center; box-sizing: border-box}
.sprt_welfare .stubx_map .stubx_item .tit{position: relative; padding: 12px; margin:35px auto 0; border-radius: 50px; background: #0ff; font-size: 1.067em; font-weight: 600; color:#fff; box-sizing: border-box}
.sprt_welfare .stubx_map .stubx_item .tgstu_all .tit{background: #cedbe0; color:#000}
.sprt_welfare .stubx_map .stubx_item .tgstu_first .tit{background: #57a4c7}
.sprt_welfare .stubx_map .stubx_item .tgstu_focus .tit{background: #266e8e}
.sprt_welfare .stubx_map .stubx_item .tit::before{display: block; content: ''; clear: both; position:absolute; left:50%; top:-35px; width: 100px; height:35px}
.sprt_welfare .stubx_map .stubx_item .tgstu_all .tit::before{width:38px; margin-left: -20px; background:url(../images/content/tgstu_all.gif) 0 0 no-repeat}
.sprt_welfare .stubx_map .stubx_item .tgstu_first .tit::before{width:80px; margin-left: -40px; background:url(../images/content/tgstu_first.gif) 0 0 no-repeat}
.sprt_welfare .stubx_map .stubx_item .tgstu_focus .tit::before{width:36px; margin-left: -20px; background:url(../images/content/tgstu_focus.gif) 0 0 no-repeat}
.sprt_welfare .stubx_map .stubx_item .txt_line{line-height: 170%; align-content: space-around; color:#fff}
.sprt_welfare .stubx_map .stubx_item .tgstu_all .txt_line{color:#000}
.sprt_welfare .stubx_map .stubx_item .bttxt{display: none}
@media only screen and (min-width:650px){
/*교육복지우선지원사업 대상학생*/
.sprt_welfare .target_stubx{overflow: hidden; width: 100%; margin-bottom: 30px}
.sprt_welfare .target_stubx::-webkit-scrollbar {height: 10px}
.sprt_welfare .target_stubx::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0.05); border-radius:0 0 5px 5px; box-shadow: inset 0px 0px 0px white}
.sprt_welfare .target_stubx::-webkit-scrollbar-thumb {background-color: #a7a7a7; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent}
.sprt_welfare .stubx_wrap{height: 475px; margin-top: -10px}
.sprt_welfare .stubx_map{position: relative}
.sprt_welfare .stubx_map > ul > li{position: absolute; left:0}
.sprt_welfare .stubx_map > ul > li:nth-of-type(1){width:100%; bottom:-475px; height: 463px; border-radius: 5px 50px 5px 5px}
.sprt_welfare .stubx_map > ul > li:nth-of-type(2){width:66.6%; bottom:-475px; height: 436px; border-radius: 0 50px 0 5px}
.sprt_welfare .stubx_map > ul > li:nth-of-type(3){width:33.4%; bottom:-475px; height: 407px; border-radius: 0 50px 0 5px}
.sprt_welfare .stubx_map > ul > li .stubx_item{position: relative}
.sprt_welfare .stubx_map > ul > li .stubx_item > div{position: absolute; top:0; right:0; padding:0 10px}
.sprt_welfare .stubx_map > ul > li .stubx_item div.tgstu_all{top:85px; width: 33.4%}
.sprt_welfare .stubx_map > ul > li .stubx_item div.tgstu_first{top:59px; width: 50%}
.sprt_welfare .stubx_map > ul > li .stubx_item div.tgstu_focus{top:30px; width: 100%}
.sprt_welfare .stubx_map .stubx_item .tit{max-width: 225px}
.sprt_welfare .stubx_map .stubx_item .txt_line{height: 300px}
.sprt_welfare .stubx_bttxt{overflow: hidden; display: flex; flex-wrap: wrap; margin-top: 7px; border-radius: 5px; text-align: center}
.sprt_welfare .stubx_bttxt > p{padding: 10px; font-weight: 600; line-height: 150%; box-sizing: border-box}
.sprt_welfare .stubx_bttxt > p:first-child{width: 66.6%; background: #d3d3d3}
.sprt_welfare .stubx_bttxt > p:last-child{width: 33.4%; background: #e3e3e3}
}
@media only screen and (max-width:649px){
.sprt_welfare .stubx_map .stubx_item .tit{max-width: 100%; margin-bottom: 15px}
.sprt_welfare .stubx_map > ul{overflow: hidden; background: #e8f0f3; border-radius: 30px 5px 5px 5px}
.sprt_welfare .stubx_map > ul > li:nth-of-type(1){background: #e8f0f3}
.sprt_welfare .stubx_map > ul > li:nth-of-type(2){margin-left: 15px; background: #7abcda; border-radius: 30px 0 0 0}
.sprt_welfare .stubx_map > ul > li:nth-of-type(3){margin-left: 15px; background: #7abcda}
.sprt_welfare .stubx_map > ul > li:nth-of-type(3) .stubx_item{margin-left: 15px; background: #3c8db1; border-radius: 30px 0 0 0}
.sprt_welfare .stubx_map .stubx_item .bttxt{display:block; margin-top: 15px; padding: 10px; border-radius: 5px; background: #fff}
.sprt_welfare .stubx_bttxt{display: none}
}

/* 자주찾는페이지 연도별 보기-240911 추가 KYJ */
.visit_state {display: flex; justify-content: flex-start; align-items: center; margin:15px 0; padding:20px; border-radius:30px 5px 5px 5px; border:2px solid #e0e0e0; font-family: 'Gmarket Sans'}
.visit_state .visit_tit span {display:inline-block; padding:14px 0 12px 50px; background:url(../images/content/blt_visit_tit.png) no-repeat 0 center; font-size:1.385em; font-weight:500}
.visit_state .visit_tit br{display: none}
.visit_state .visit_con {position:relative; margin-left: auto; align-content:space-around}
.visit_con .visit_lst {position:relative; width:350px; padding-right:60px; background:#fff; border-radius:5px; box-sizing: border-box}
.visit_con .visit_lst select {width:100%; height:40px; line-height:38px; border-radius:5px 0 0 5px; border:1px solid #e0e0e0; padding:0 10px; appearance:none; background:url(../images/content/bg_visit_arr.png) no-repeat right 10px top 50% #f4f4f4; font-family:NSQ}
.visit_con .visit_lst .button {position:absolute; top:0; right:0; width:60px; height:40px; line-height:40px; background:#50606a; text-align: center; color:#fff; border-radius:0 5px 5px 0; font-size:1.154em; font-family: 'Gmarket Sans'; transition: all .3s}
.visit_con .visit_lst .button:hover{background: #3e789d;}
@media only screen and (max-width:920px) {
.visit_state {display: block;  padding:13px}
.visit_state .visit_tit {width:100%; text-align: center}
.visit_state .visit_tit span {font-size:1.231em}
.visit_state .visit_con{margin-top: 10px}
.visit_con .visit_lst{width:auto}
}
@media only screen and (max-width:390px) {
.visit_state .visit_tit br{display: block}
.visit_state .visit_tit span{padding: 10px 0 10px 45px}
.visit_state .visit_con{padding: 0}
}



/*조직도안내 2025.07.03 변경*/
.sb_chart_new .chart_header{position: relative}
.sb_chart_new .chart_header a{display: block; max-width: 300px; padding: 30px 10px; margin: 0 auto; border-radius: 40px 40px 8px 8px; background:url(../images/content/head_bg.png) left center no-repeat, linear-gradient(90deg, #1e89ca, #16a2a0); text-align: center; font-weight: 600; font-size: 1.643em; color:#fff; box-sizing: border-box; transition: all .3s}
.sb_chart_new .chart_header a:hover{box-shadow:0 3px 3px rgba(0, 0, 0, 0.2); text-shadow:0 2px 2px rgba(0, 0, 0, 0.3)}
.sb_chart_new .chart_area{position: relative}
.sb_chart_new .chart_area .chart_box{margin-right:400px}
.sb_chart_new .chart_lstbx{position: relative; display:flex; flex-wrap: wrap; margin-top: 110px; justify-content: space-between}
.sb_chart_new .chart_lstbx .chart_posi{position: relative; width: calc(100%/2 - 20px); text-align: center}
.sb_chart_new .chart_posi dl dt{margin-bottom: 13px}
.sb_chart_new .chart_posi dl dt a{display: block; padding: 18px 10px; background: #fff; border:2px solid #ccc; font-size:1.357em; font-weight: 600; box-sizing: border-box; transition: all .5s}
.sb_chart_new .chart_posi dl dd > div{position: relative; padding: 12px 10px 5px; margin-bottom: 17px; border-radius: 5px; border:1px solid #d0d0d0; background: #fff; transition: all .5s}
.sb_chart_new .chart_posi dl dd > div:last-child{margin-bottom: 0}
.sb_chart_new .chart_posi .chart_tit a{display: block; padding: 13px 10px; margin-bottom: 10px; border-radius: 5px; background: #ccc; font-size: 1.143em; font-weight: 500; color:#fff; transition: all .5s}
.sb_chart_new .chart_posi dl dd > div ul{display: flex; flex-wrap: wrap; justify-content: space-between}
.sb_chart_new .chart_posi dl dd > div ul li{width: calc(100%/2 - 8px)}
.sb_chart_new .chart_posi dl dd > div ul li a{display: block; padding: 8px; margin-bottom: 8px; border-radius: 50px; font-size: 1.071em; transition: all .5s}
.sb_chart_new .chart_posi dl dd > div ul li a:hover{color:#fff}
.sb_chart_new .chart_header::before, .sb_chart_new .chart_header::after{display: block; content: ''; clear: both; position: absolute; bottom:-71px; background: #cfcfcf}
.sb_chart_new .chart_header::before{left:50%; width:1px; height: 71px; z-index: 1}
.sb_chart_new .chart_header::after{left:0; bottom:-70px; width:100%; height:1px}
.sb_chart_new .chart_lstbx::before, .sb_chart_new .chart_lstbx::after{display: block; content: ''; clear: both; position: absolute; top:-41px; height: 1px; background: #fff; z-index: 1}
.sb_chart_new .chart_lstbx::before{left:0; width:23.7%}
.sb_chart_new .chart_lstbx::after{right:0; width:23.7%}
.sb_chart_new .chart_lstbx .chart_posi::after{display: block; content: ''; clear: both; position: absolute; top:-42px; left:50%; width:1px; height: 43px; background: #cfcfcf}
.sb_chart_new .chart_posi dl dd > div::after{display: block; content: ''; clear: both; position: absolute; top:-14px; left:50%; width:1px; height: 13px; background: #cfcfcf}
/*교육지원국*/
.sb_chart_new .chart_lstbx .chart_posi.chart_type1:hover dl dt a{background: #236283; border-color: #236283; color:#fff}
.sb_chart_new .chart_posi.chart_type1 dl dt a{border-radius: 30px 30px 5px 30px; border-color:#4196c3; color:#4196c3}
.sb_chart_new .chart_posi.chart_type1 .chart_tit a{background: #4196c3}
.sb_chart_new .chart_posi.chart_type1 .chart_tit a:hover{background: #236283}
.sb_chart_new .chart_posi.chart_type1 dl dd > div{box-shadow:0 4px 0 rgba(117, 186, 223, 1)}
.sb_chart_new .chart_posi.chart_type1 dl dd > div:hover{border-color:#236283; box-shadow:0 4px 0 rgba(35, 98, 131, 1)}
.sb_chart_new .chart_posi.chart_type1 dl dd > div ul li a{background:#d2e3eb}
.sb_chart_new .chart_posi.chart_type1 dl dd > div ul li a:hover{background: #236283}
/*행정지원국*/
.sb_chart_new .chart_lstbx .chart_posi.chart_type2:hover dl dt a{background: #1c6061; border-color: #1c6061; color:#fff}
.sb_chart_new .chart_posi.chart_type2 dl dt a{border-radius: 30px 30px 30px 5px; border-color:#349a9b; color:#349a9b}
.sb_chart_new .chart_posi.chart_type2 .chart_tit a{background: #349a9b}
.sb_chart_new .chart_posi.chart_type2 .chart_tit a:hover{background: #1c6061}
.sb_chart_new .chart_posi.chart_type2 dl dd > div{box-shadow:0 4px 0 rgba(132, 200, 201, 1)}
.sb_chart_new .chart_posi.chart_type2 dl dd > div:hover{border-color:#247879; box-shadow:0 4px 0 rgba(36, 120, 121, 1)}
.sb_chart_new .chart_posi.chart_type2 dl dd > div ul li a{background:#d1e4df}
.sb_chart_new .chart_posi.chart_type2 dl dd > div ul li a:hover{background: #247879}
/*광산교육지원센터*/
.sb_chart_new .chart_posimid{position: absolute; top:262px; right:0;}
.sb_chart_new .posimid_bx{position: relative; width: 350px; padding: 12px 10px 5px; margin-bottom: 17px; border-radius: 5px; border:1px solid #d0d0d0; background: #fff; transition: all .5s; box-shadow:0 4px 0 rgba(174, 156, 233, 1); z-index: 1}
.sb_chart_new .posimid_bx::before,
.sb_chart_new .posimid_bx::after{display: block; content: ''; clear: both; position: absolute; top:-150px; background: #cfcfcf}
.sb_chart_new .posimid_bx::before{left:-415px; width: 600px; height: 1px}
.sb_chart_new .posimid_bx::after{left:50%; width: 1px; height: 150px}
.sb_chart_new .posimid_bx:hover{border-color:#5f45b6; box-shadow:0 4px 0 rgba(118, 92, 203, 1)}
.sb_chart_new .posimid_bx .chart_tit a{display: block; padding: 13px 10px; margin-bottom: 10px; border-radius: 5px; background: #8f79d7; font-size: 1.143em; font-weight: 500; color:#fff; transition: all .5s; text-align: center}
.sb_chart_new .posimid_bx .chart_tit a:hover{background: #5f45b6}
.sb_chart_new .posimid_bx ul{display: flex; flex-wrap: wrap; justify-content: space-between}
.sb_chart_new .posimid_bx ul li{width: calc(100%/2 - 8px)}
.sb_chart_new .posimid_bx ul li a{display: block; padding: 8px; margin-bottom: 8px; border-radius: 50px; background:#dbd3f5; font-size: 1.071em; transition: all .5s; text-align: center}
.sb_chart_new .posimid_bx ul li a:hover{background: #6649c4; color:#fff}
@media only screen and (max-width:1024px) {
/*조직도안내*/
.sb_chart_new .chart_header a{padding: 25px 10px}
.sb_chart_new .chart_area .chart_box{margin-right:0}
.sb_chart_new .chart_lstbx{margin-top: 26px}
.sb_chart_new .chart_lstbx .chart_posi{width:100%}
.sb_chart_new .chart_header::after{display: none}
.sb_chart_new .chart_lstbx::before,
.sb_chart_new .chart_lstbx::after{display: none}
.sb_chart_new .chart_lstbx .chart_posi::after{top:-26px; height:26px} 
.sb_chart_new .chart_posi{margin-bottom: 30px}
.sb_chart_new .chart_posi .chart_tit a{padding: 10px}
.sb_chart_new .chart_posi dl dd > div ul li{width: calc(100%/2 - 5px)}
.sb_chart_new .chart_posi.left dl dd > div ul li a{padding: 6px}
.sb_chart_new .chart_header::before, .sb_chart_new .chart_header::after{display: none}
/*광산교육지원센터*/
.sb_chart_new .chart_posimid{position:inherit; top:0}
.sb_chart_new .posimid_bx{width:auto}
.sb_chart_new .posimid_bx::before{display: none}
.sb_chart_new .posimid_bx::after{left:50%; top:-27px; width: 1px; height: 27px}
}

/* 명칭변경에 따른 수정 kjh 260701 */
.sb_map .map_numbx {background:none}
.sb_map .map_addbx {padding:10px 128px 10px 15px; word-break:keep-all}
.sb_map .map_addbx .addbtn a {top:50%; margin-top:-20px}

@media only screen  and (max-width: 730px) {
.sb_map .map_addbx {padding:10px 10px 10px 15px}
.sb_map .map_addbx .addbtn a {top:inherit; margin:0}
}