/* 테이블 */
.tbl_inner > table > tbody > tr > td{ padding:0; vertical-align: top;}
.tbl_inner > table > tbody > tr > td > table{ padding:0; margin-left:-1px;}
.tbl_inner > table > tbody > tr > td > table th{ background:#f1f1f1; padding:0.5rem;}

/* 박스 : 이미지정렬 */
.box_img_align{ position:relative; display:flex;}
.box_img_align > img{ max-width:10rem; height:auto;}
.box_img_align .txt{ flex:1; margin-left:1rem; font-size:0.75rem;}
.box_img_align .txt h3{ font-weight:600; font-size:0.9rem; margin-bottom:0.5rem;}

/* 이미지 리스트 */
.edu_img_list .box_st_obj{ display:flex; flex-direction: column; border-radius:0.3rem; border:1px solid #ccc; text-align:center; overflow:hidden;}
.edu_img_list .rsp_img{ padding:0.5rem; flex:1;}
.edu_img_list strong{ font-size:0.75rem; font-weight:700; color:#000; padding:0.5rem; background:#f1f1f1;}

/* 버튼 있는 리스트 */
.list_st1.list_btn > li:before{ top:1rem; }

/* 0303_01_기간제교원인력풀_안내사항 : slider */
.slider_wrap #sliderPlay{ display:none;}
.slider_wrap .obj{ text-align:center;}
.slider_wrap .obj img{ max-width:100%; height:auto; opacity: 0;}
.slider_wrap .obj.slick-slide img{ opacity: 1;}
.slider_wrap .slider_dots{ display:flex; align-items:center; justify-content:center; text-align:center;}
.slider_wrap .slider_dots > button{ width:1rem; height:1rem; line-height:1rem; padding:0; text-align:center; border-radius:50%; background:#ddd; vertical-align: middle; margin-right:0.25rem;}
.slider_wrap .slider_dots ul{ display:inline-block; line-height:0; text-align:center;}
.slider_wrap .slider_dots li{ display:inline-block; margin:0 3px;}
.slider_wrap .slider_dots li button{ font-size:0; line-height:0; width:0.5rem; height:0.5rem; border-radius:50%; background:#ccc; padding:0; margin:0;}
.slider_wrap .slider_dots li.slick-active button{ background:#007cd6;}

/* 고양교육의 약속 */
.eduapn{ position:relative; padding:2rem; z-index:0;}
.eduapn:before{ content:""; position:absolute; left:0; top:0; width:100%; height:50%; border-radius:1.5rem; background:#eef7ff; z-index:-1;}
.eduapn .tit_wrap{ text-align:center; padding-bottom:4.5rem; margin-bottom:0; background:url('/images/web/goegy/sub/bg_eduapn.png') no-repeat center bottom/contain;}
.eduapn .tit_wrap strong{ display:inline-block; font-size:1.6rem; font-weight:700; padding:0.5rem 2.25rem; border-radius:2.5rem; color:#005fa5; border:3px solid #005fa5;}
.eduapn .tit_wrap p{ position:relative; max-width:28rem; word-break: keep-all; line-height:1.7; font-size:0.9rem; padding-top:1.5rem; margin:1.5rem auto 0;}
.eduapn .tit_wrap p:before{ content:""; position:absolute; left:calc(50% - 0.25rem); top:-0.25rem; width:0.5rem; height:0.5rem; border-radius:50%; background:#005fa5;}
.eduapn .tit_wrap p em{ font-weight:700;}
.eduapn .txt_wrap{ position:relative; text-align:center; padding:4rem 2rem 2rem; border-radius:1.4rem; border:2px dashed #c0d7e8; background:#fff;}
.eduapn .txt_wrap:before{ content:""; position:absolute; left:calc(50% - 2.5rem); top:-2.5rem; width:5rem; height:5rem; border-radius:50%;  background:#007cd6 url('/images/web/goegy/sub/ico_eduapn.png') no-repeat center;}
.eduapn .txt_wrap span{ font-size:1.25rem; box-shadow: 0 -10px 0 inset #ffefaa;}
.eduapn .txt_wrap span strong{ font-weight:700;}
.eduapn .txt_wrap .inner{ margin-top:2rem; border-radius:1rem; padding:1.5rem; background:#fefaf0;}
.eduapn .txt_wrap .inner ul{ max-width:33rem; margin:0 auto; text-align:left;}
.eduapn .txt_wrap .inner li{ position:relative; padding-left:2rem;}
.eduapn .txt_wrap .inner li:before{ content:"\e929"; position:absolute; left:0; top:0; width:0.9rem; height:0.9rem; text-align:center; line-height:0.9rem; border-radius:50%; font-family: 'xeicon'; color:#fff; background:#007cd6;}
.eduapn .txt_wrap .inner li + li{ margin-top:0.5rem;}

/* 조직도 */
[class^="box_st"] + .organizationBox {margin-top: 3rem;}
.chartBox {text-align: center;}
.chartBox li {position: relative; padding-top: 0.5rem;}
.chartBox li:before {position: absolute; top: 0; left: 50%; width: 1px; height: 0.5rem; background: #d9d9d9; content: "";}
.chartBox a,
.chartBox p {position: relative; display: flex; margin: 0 auto; width: 100%; max-width: 100%; min-height: 2.5rem; padding:0.25rem 0.75rem; flex-direction: column; align-items: center; justify-content: center; background: #fff; border: 1px solid; border-radius: 1.5rem; z-index: 1;}
.chartBox a > span {font-size: 0.85rem; font-weight: 500;}
.chartBox a:hover,
.chartBox a:focus{ text-decoration: underline;}

.chartBox .step01 > li {position: relative; padding-top: 0;}
.chartBox .step01 > li:before {position: absolute; top: 0; left: 50%; width: 1px; height: 6rem; background: #d9d9d9; content: "";}
.chartBox .step01 > li > a {margin-bottom: 2.5rem; width: 12.5rem; height: 3.5rem; font-size: 1rem; font-weight: 600; color: #fff; background: #08879d url(/images/web/goeay/sub/step_bg.png) no-repeat right center; border: 4px solid #b8dfff; border-radius: 2rem;}

.chartBox .step02 {position: relative;}
.chartBox .step02:before {position: absolute;top: 0;left: 25%;width: 50%;height: 1px;background: #d9d9d9;content: "";}
.chartBox .step02:after {clear: both; display: block; width: 100%; content: "";}
.chartBox .step02 > li {position: relative;float: left;padding-top: 2rem;width: 50%;}
.chartBox .step02 > li:before {position: absolute; top: 0; left: 50%; width: 1px; height: 2rem; background: #d9d9d9; content: "";}
.chartBox .step02 > li:after {position: absolute; top: -0.8rem; left: calc(50% - 0.8rem); width: 1.6rem; height: 1.6rem; text-align: center; line-height: 2; font-size: 10px; color: #006ac0; background: #e4f3ff; border: 0.3rem solid #fff; border-radius: 50%; content: "●";}

.chartBox .step02 > li:nth-of-type(4):before{ height:7rem;}
.chartBox .step02 > li:nth-of-type(5):before{ height:7rem;}

.chartBox .step02 > li > a {position:relative; margin-bottom: 1.5rem; width: 12.5rem; height: 3.5rem; font-size: 1rem; word-break: keep-all; font-weight: 600; color: #fff; background: url(/images/web/goeay/sub/step_bg.png) no-repeat right center; border: 4px solid #b8dfff; border-radius: 2rem;}
.chartBox .step02 > li > a:before{position: absolute; bottom: calc(-1.5rem - 4px); left: 50%; width: 1px; height: calc(1.5rem + 4px); background: #d9d9d9; content: "";}
.chartBox .step02 > li:nth-of-type(1) > a {background-color: #0272b9; border-color: #bbe3fc;}
.chartBox .step02 > li:nth-of-type(2) > a {background-color: #3f7eff; border-color: #c7d6ff;}
.chartBox .step02 > li:nth-of-type(3) > a {background-color: #008000; border-color: #01a301;}
.chartBox .step02 > li:nth-of-type(4) > a {background-color: #FF5E30; border-color: #f6c99c;}

.chartBox .step03 {position: relative; max-width:11rem; margin:0 auto; font-size:0; }
.chartBox .step03:after{position: absolute; top: 0; left: 25%; width: 50%; height: 1px; background: #d9d9d9; content: "";}
.chartBox .step03 > li { padding: 0 0.25rem; font-size:0.8rem;}
.chartBox .step03 > li:before{ display:none;}
.chartBox .step03 > li + li > a{ margin-top:0.5rem;}

/* 분류별 색상 */
.chartBox .step02 > li:nth-of-type(1) .step03 > li > a {color: #0272b9; border-color: #0272b9;}
.chartBox .step02 > li:nth-of-type(2) .step03 > li > a {color: #3f7eff; border-color: #3f7eff;}
.chartBox .step02 > li:nth-of-type(3) .step03 > li > a {color: #008000; border-color: #008000;}
.chartBox .step02 > li:nth-of-type(4) .step03 > li > a {color: #FF5E30; border-color: #FF5E30; margin-top:5rem;}
.chartBox .step02 > li:nth-of-type(5) .step03 > li > a {color: #ea4084; border-color: #ea4084; margin-top:5rem;}
.chartBox .step02 > li:nth-of-type(1) .step04 > li > a {border-color: #0272b9;}
.chartBox .step02 > li:nth-of-type(2) .step04 > li > a {border-color: #3f7eff;}
.chartBox .step02 > li:nth-of-type(3) .step04 > li > a {border-color: #008000;}
.chartBox .step02 > li:nth-of-type(4) .step04 > li > a {border-color: #FF5E30;}
.chartBox .step02 > li:nth-of-type(5) .step04 > li > a {border-color: #ea4084;}
/* hover */
.chartBox .step02 > li:nth-of-type(1) .step04 > li > a:focus,
.chartBox .step02 > li:nth-of-type(1) .step04 > li > a:hover {background: #e2f4ff;}
.chartBox .step02 > li:nth-of-type(2) .step04 > li > a:focus,
.chartBox .step02 > li:nth-of-type(2) .step04 > li > a:hover {background: #e6eeff;}
.chartBox .step02 > li:nth-of-type(3) .step04 > li > a:focus,
.chartBox .step02 > li:nth-of-type(3) .step04 > li > a:hover {background: #e7fffb;}
.chartBox .step02 > li:nth-of-type(4) .step04 > li > a:focus,
.chartBox .step02 > li:nth-of-type(4) .step04 > li > a:hover {background: #fff2e6;}

/* 공익제보센터안내 */
.report_box1{ display: flex; width:calc(100% + 1.5rem); margin-left:-0.75rem;}
.report_box1 dl{ flex:1; margin:0.75rem;}
.report_box1 dt{ padding:1rem; font-size:0.9rem; font-weight:600; text-align:center; color:#fff; border-radius:1.5rem 1.5rem 0 1.5rem; background:#007cd6;}
.report_box1 dd{ padding:1rem 1.5rem; border:1px solid #ddd; border-radius:1.5rem 0 1.5rem 1.5rem;}
.report_box1 dl:nth-child(even) dt{ background:#005fa5; border-radius:1.5rem 1.5rem 1.5rem 0; }
.report_box1 dl:nth-child(even) dd{ border-radius:0 1.5rem 1.5rem 1.5rem;}
.report_box1 dl:nth-child(even) dd .list_ol1 li .num{ background:#005fa5;}

.report_box2 dl{ margin:0.75rem 0;}
.report_box2 dt{ padding:1rem; font-size:0.9rem; font-weight:600; text-align:center; color:#fff; border-radius:1.5rem 1.5rem 0 0; background:#007cd6;}
.report_box2 dd{ padding:1rem 1.5rem; border:1px solid #ddd; border-radius:0 0 1.5rem 1.5rem;}

.report_link > li{ display: flex; align-items:center; min-height:1.75rem; padding-left:2.25rem;}
.report_link > li + li{ margin-top:1rem;}
.report_link > li > span.num{ width:1.75rem; height:1.75rem; line-height:1.75rem; font-size:0.85rem;}
.report_link > li > p{ flex:1; font-size:0.9rem; font-weight:600; margin-right:0.5rem;}
.report_link > li > a{ font-size:0.75rem;}
.report_link > li > a:after{ content:"\e907"; display: inline-block; vertical-align: middle; font-family: 'xeicon'; padding-left:0.15rem; }

.report_list > li{ display: flex; align-items: center; padding-left:0;}
.report_list > li > span.num{ position:relative; left:auto; top:auto; width:1.75rem; height:1.75rem; line-height:1.75rem; font-size:0.85rem; margin-right:0.5rem;}
.report_list > li > strong{ font-size:0.9rem; font-weight: 600; min-width:6rem;}
.report_list .inner{ flex:1; margin-left:1rem; padding:1rem; border-radius:1rem; background:#efefef;}
.report_list .inner a{ font-size:0.7rem; padding:0.25rem 0.5rem;}
.report_list .inner a.btn_bl{ background:#005fa5; }
.report_list .inner li > strong{ display: inline-block; font-weight: 600; min-width:5rem;}
.report_list .inner li.list_btn:before{ top:0.6rem; }
.report_list .inner li:before{ top:0.5rem;}

@media (max-width: 840px) {

	/* 고양교육의 약속 */
	.eduapn .tit_wrap{ background: none;}

	/* 공익제보센터안내 */
	.report_box1{ display: block; width:100%; margin-left:0;}
	.report_box1 dl{ margin:0.75rem 0;}
	.report_box1 dt{ border-radius:1rem 1rem 0 0 !important;}
	.report_box1 dd{ border-radius:0 0 1rem 1rem !important;}
}
@media (max-width: 620px) {

	/* 고양교육의 약속 */
	.eduapn{ padding:1.25rem;}
	.eduapn .tit_wrap strong{ font-size:1.4rem;}
	.eduapn .txt_wrap{ padding:3rem 1rem 1rem;}
	.eduapn .tit_wrap p br{ display: none;}
	.eduapn .txt_wrap span{ font-size:1.1rem;}
	.eduapn .txt_wrap .inner{ margin-top:1.5rem;}

	.report_list > li{ display: block;}
	.report_list > li + li{ margin-top:1rem;}
	.report_list > li .inner{ width:100%; margin-top:0.25rem; margin-left:0;}
	.report_list > li > span.num{ display: inline-block; width:1.5rem; height:1.5rem; line-height:1.5rem; margin-right:0.25rem;}
}
@media (max-width: 480px) {

	/* 고양교육의 약속 */
	.eduapn .tit_wrap p br{ display: none;}
	.eduapn .tit_wrap strong{ font-size:1.2rem;}

	/* 조직도 */
	[class^="box_st"] + .organizationBox {margin-top: 3rem;}
    .chartBox .step02:before{ display:none;}
    .chartBox .step02 > li{ width:100%; padding-top:1rem;}
    .chartBox .step02 > li > a{ width:100%;}
    .chartBox .step02 > li + li{ margin-top:2rem;}
    .chartBox .step03{ max-width:100%;}

	.report_box1 dd,
	.report_box2 dd{ padding:0.75rem 1rem;}
	.report_link > li > p{ font-size:0.85rem;}
}