/* 서브 공통 */
.section {position:relative; width:100%;}
.section.half {display:flex; justify-content:space-between; gap:2rem;}
.section.half .box {flex:1;}
.m-box [class*='list_st'] {margin:0 auto;}
.m-box [class*='list_st'] li {width:fit-content; margin:0 auto;}
.m-box .list_st1 > li {font-weight:700;}
.m-box .list_st1 > li:before {display:none;}
.m-box .list_st1 > li li {font-weight:400;}

/* 라디오 박스 스타일 */
.rdoBox label { display: flex; align-items: center; line-height: 1rem; gap: 0.3rem; padding-left: 1.15rem; position: relative; color: #333; margin: 0; }
.rdoBox.ac ul { justify-content: center; }
.rdoBox ul { display: flex; flex-wrap: wrap; gap: 0.5rem 0.75rem; }
.rdoBox.ac ul { justify-content: center; }
.rdoBox.ar ul { justify-content: end; }

/* 지도박스 크기 */
#box_st2,
#box_st2_1,
#box_st2_2 {min-height:20rem;}

/* 체크박스 커스텀 스타일 */
.chkBox ul { display: flex; flex-wrap: wrap; gap: 0.5rem 0.9rem; }
.chkBox.ac ul { justify-content: center; }
.chkBox input[type="checkbox"] { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden; }
.chkBox label { width: 100%; display: flex; gap: 0.3rem; line-height: 1rem; margin: 0; }
.chkBox .custom_checkbox { width: 1rem; height: 1rem; display: inline-flex; align-items: center; justify-content: center; position: relative; cursor: pointer; font-size: 0.75rem; border-radius: 0.25rem; background: #fff; border: 1px solid #555; }
.chkBox .txt_lb { color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chkBox input[type="checkbox"]:checked ~ .txt_lb { font-weight: 600; }
.chkBox input[type="checkbox"]:checked + .custom_checkbox { background: #304793; color: #fff; border-color: #304793; }
.chkBox input[type="checkbox"]:checked + .custom_checkbox::before { position: absolute; content: "\eb7a"; color: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%); line-height: 1; font-family: 'remixicon'; }

/* 데이트박스 레이아웃 */
.dateWrap { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; }
.dateWrap .dateBox { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; }
.dateWrap .dateBox input[type="date"] {height:2rem; min-width: 8.5rem; font-weight:400; padding:0 0.75rem; appearance:none;  border:1px solid #ccc; border-radius:0.25rem; font-size:0.8rem;}

/* 정보공개시스템 */
.info_sysBox {width:100%; text-align:center; margin:2rem 0;}
.info_sysBox a {margin:0 auto;}

/* 저작권 보호방침 */
.copyright-policy .tbl_st img {max-width:10rem;}

/* 인사말 */
.greet-line {margin:2rem 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:2rem 0;}
.greet-line p {font-size:1.2rem;}

/* 역대교육장 */
.leader-list {display:flex; flex-direction:column; gap:0.75rem;}
.leader-list .leader-item {display:flex; align-items:center; gap:1rem; padding:1.5rem; border:1px solid #ddd; border-radius:0.5rem; background:#fff;}
.leader-list .leader-item.is-current {border:0.2rem solid #3aa0e8; box-shadow:0 0 0 0.2rem rgba(58,160,232,.15) inset;}
.leader-list .leader-item.is-current .order {color:#1a7bc7; font-weight:700;}
.leader-list .leader-item.is-current .col-thumb {flex:0 0 7rem; width:7rem; height:7rem;}
.leader-list .leader-item .col-left {flex:0 0 8rem; text-align:center; }
.leader-list .leader-item .order {font-size:1.25rem; color:#999; font-weight:400;}
.leader-list .leader-item .col-thumb {flex:0 0 7rem; width:3.5rem; height:3.5rem; border-radius:0.5rem; overflow:hidden;}
.leader-list .leader-item .col-thumb img {height:100%; object-fit:cover; display:block; margin:0 auto;}
.leader-list .leader-item .col-meta {display:flex; align-items:center; gap:0.8rem; min-width:0;}
.leader-list .leader-item .name {font-size:1.25rem; font-weight:700; color:#333; white-space:nowrap;}
.leader-list .leader-item .term {font-size:1rem; font-weight:400; color:#888; white-space:nowrap;}


/* 역대교육장 */
.master{ display:flex; flex-wrap:wrap; }
.master .list{ position:relative; width:48%; min-height: 8.5rem;margin:.75rem 0; z-index:1; border-radius:1.25rem 1.25rem 0 1.25rem; background:#fff; border:2px solid #bec4c9; overflow:hidden;}
.master .list:after {content:''; display:block; position:absolute; right:-4rem; bottom:-4rem; background:rgba(26, 95, 197, 0.2); width: 170px; height:170px; border-radius:50%;}
.master .list:nth-of-type(even){ margin-left:4%;}
.master .list img{ position:relative; width:4.5rem; height:5.8rem; margin:1.5rem 1.5rem; float:left;}
.master ul{ position:relative; padding: 2rem 1.5rem 0 0;float: left;}
.master li{ position:relative; display:flex; line-height:1.5rem; font-weight:600; font-size:.8rem;}
.master li span { display:block; width:3rem; height:3rem; color:#fff; text-align:center; margin-right:.75rem; border-radius:50%; background:#1a5fc5; font-size:.7rem; line-height:3rem;}
.master li .name {position:relative; font-weight:700; font-size:1rem; padding-top:.5rem; color:#222;}
.master li .name:before {content:''; display:block; position:absolute; left:0rem; top:1.5rem; background:rgba(0, 131, 203, 0.2); width:100%; height:12px; border-radius:9.5px; z-index:0;}
.master li + li{ margin-top:.5rem; }
.master .list:hover {border:2px solid #1a5fc5; box-shadow:3px 0px 10px rgba(9, 88, 165, 0.35); animation-duration:10s;}



/* 조직안내 */
.emp-search {max-width:100%; margin:2rem auto; border:1px solid #ddd; background:#f7f7f7; border-radius:0.25rem;}
.emp-search .search-form {display:flex; flex-direction:column; padding:1rem 2rem; gap: 0.25rem 0;}
.emp-search .search-form .form-label {flex:0 0 auto; width:8rem; line-height:1; color: #00589d; font-size: 0.95rem; margin-right:0; font-weight:700;}
.emp-search .form-field {display:flex; align-items:center; gap:0.25rem; flex:1 1 auto;}
.emp-search .form-field .select {min-width:5rem; position:relative; height:2rem; background:#fff;}
.emp-search .form-field .select select {height:100%; width:100%; font-weight:400; padding:0 0.75rem; appearance:none;  border:1px solid #ccc; border-radius:0.25rem; font-size:0.8rem;}
.emp-search .form-field .select:after {content:''; position:absolute; right:0.5rem; top:50%; transform:translateY(-50%); border-left:0.2rem solid transparent; border-right:0.2rem solid transparent; border-top:0.3rem solid #333;}
.emp-search .form-field .input {height:2rem; padding:0 0.75rem; border:1px solid #ccc; border-radius:0.25rem; font-size:0.8rem; flex:1 1 auto; min-width:18rem;}
.emp-search .field-group {display:flex; gap:0.25rem; flex:1 1 auto;} 
.emp-search .form-row {display:flex; align-items:center; gap:1rem; flex-wrap:wrap;}
.emp-search .select-full {min-width:20rem;}
.emp-search .btn {height:2rem; padding:0 1.6rem; border:0; border-radius:0.25rem; font-size:0.8rem; cursor:pointer; font-weight:700; margin:0;}
.emp-search .btn.primary {background:#007cd6; color:#fff;}

.orgNztScrll {margin:1rem 0;}
.orgLst {position:relative; min-height: 10rem;}
.orgHead {display:flex; justify-content:space-between; align-items:center;}
.orgHead h3 {margin-bottom:0!important;}
.orgHead button {gap:0.5rem;}
.orgLst.is-open { display: block; position:relative;}
.orgLst .box_st4 {border-left:1px solid #ccc; border-right:1px solid #ccc; margin-bottom:0.5rem;}
.orgLst .box_st4 .tbl_st {margin-top:0;}
.orgLst .orgDetail { margin-bottom: 1.5rem; margin-top:0.65rem;}
.orgLst .orgDetail .btns { margin:0;}
.orgLst .orgDetail .btns > a { justify-content: center; gap: 0.25rem; }

.orgLst .detail {display:none;}
.orgLst.is-detail-open .detail {display:block;}
.orgWrap {position:relative;}
.orgTopBtn {position: absolute;	right: 1.6rem; bottom: 1.6rem;	display: none; padding: 0.8rem 1.2rem; border-radius: 999px; background: #333; color: #fff; font-size: 1.2rem;	cursor: pointer; z-index: 10;}
	
.orgTopBtn:focus,
.orgTopBtn:hover {background: #000;}

/* 서식 */
.download-list > ul {display:flex; flex-wrap:wrap; gap:0.25rem 0.5rem; justify-content: space-between; margin-top:0.5rem;}
.download-list > ul li {border:1px solid #ddd; padding:0.25rem 0.5rem; width: calc(50% - 0.25rem); display: flex; align-items: center; justify-content: space-between; transition:all 0.2s;}
.download-list > ul li:hover,
.download-list > ul li:focus {background:#f4f4f4;}
.download-list > ul li a.btn_bl {padding:0.25rem 0.5rem; font-size:0.75rem;}

/* 통학구역찾기 */
.sub-locate {position:relative;}
.sub-locate .emp-search {margin:0.5rem 0;}
.sub-locate .search-form > p.bu_atte {font-size:0.75rem; margin:0.5rem 0 0 auto;}

/* 통학구역찾기 - 관리자 */
.sub-locate.admin input { height: 2rem; padding: 0 0.75rem; border: 1px solid #ccc; border-radius: 0.25rem; font-size: 0.8rem; }
.sub-locate.admin .emp-search .select {min-width:5rem; position:relative; height:2rem; background:#fff;}
.sub-locate.admin .emp-search select {height:100%; width: 100%; font-weight:400; padding:0 1.25rem 0 0.75rem; appearance:none;  border:1px solid #ccc; border-radius:0.25rem; font-size:0.8rem; }
.sub-locate.admin .emp-search select:after {content:''; position:absolute; right:0.5rem; top:50%; transform:translateY(-50%); border-left:0.2rem solid transparent; border-right:0.2rem solid transparent; border-top:0.3rem solid #333;}
.sub-locate.admin .emp-search .search-form { padding: 1.5rem 2rem; }
.sub-locate.admin .emp-search .field-group { gap: 0.75rem 1rem; flex-wrap: wrap; }
.sub-locate.admin .emp-search .scrhBox { display: flex; gap: 0.25rem; flex: 1; flex-wrap: wrap; }
.sub-locate.admin .emp-search .scrhBox input { min-width:auto; flex: 1; }
.sub-locate.admin .emp-search .inBox { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; }
.sub-locate.admin .emp-search .inBox.w100 { width: 100%; }
.sub-locate.admin .emp-search .inBox.flx01 { flex: 1; }
.sub-locate.admin .emp-search .inBox > span { font-weight: 500; }
.sub-locate.admin table button { padding: 0.35rem 0.9rem; margin: 0; }
.sub-locate.admin .addSchl { margin: 0.5rem 0 0!important; border-top:1px solid #ddd; padding-top:0.5rem; }

.tbl_st .areaNum { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 0.5rem;}
.tbl_st .areaNum li { display: flex; gap: 0.25rem; align-items: center; }
.tbl_st .crtBtnBox { display: flex; align-items: center; flex-wrap: wrap; gap: 0.25rem; justify-content: center; }
.tbl_st .crtBtnBox .upDown { display: inline-flex; align-items: center; gap: 0.15rem; }
.tbl_st .crtBtnBox .upDown button { display: inline-flex; padding: 0 !important; margin: 0 !important;  width: 1.5rem; height: 1.5rem; align-items: center; justify-content: center; border: 1px solid #ccc; }
.tbl_st .crtBtnBox .upDown button i { font-size: 1rem; }
.tbl_st .areaLst { display: flex; flex-direction: column; gap: 0.5rem; }
.tbl_st .areaLst li { position: relative; display: flex; align-items: center; gap: 1rem; overflow: hidden; justify-content: space-between; }
.tbl_st .areaLst li p { flex: 1; text-align: start; }
.tbl_st .insertArea { width: 100%; display: flex; align-items: center; gap: 0.25rem; margin-top: 1rem;}
.tbl_st .insertArea input { flex: 1; height: 1.5rem; }
.edit-area {min-height:5rem;}
.thumb_map {max-width:20rem; margin:0 auto;}
.thumb_map > img {max-width:100%;}
.ins_st {line-height: 1.7rem; border: 1px solid #b9bec7; padding: 0 0.5rem; color: #666; font-size: 0.75rem; border-radius: 0.2rem;} 

/* 머릿말 none */
.box_info_wrap.has-summary {padding:0; border:0; border-radius:0;}
.box_info_wrap.has-summary:before {display:none;}
.box_info_wrap.has-summary > img {display:none;}
.box_info_wrap.has-summary .txt_wrap {padding-left:0; width:100%; float:none;}
.box_info_wrap.has-summary .txt_wrap .list_st1 li {margin-top:0;}
.box_info_wrap.has-summary .txt_wrap .list_st1 > li:before {display:none;}
.box_info_wrap.has-summary .txt_wrap .list_st1 > li .summary-box img {/* width:100%;  */display:block; float:none; max-width:100%; margin: 2rem auto;}


@media screen and (max-width: 1024px) {
	/* 통학구역찾기 - 관리자 */
	.sub-locate.admin .tbl_st .crtBtnBox { gap: 0.5rem 0.25rem; }
	.sub-locate.admin .tbl_st .crtBtnBox .upDown { width: 100%; justify-content: center; }  
}

@media screen and (max-width:870px){
	
	/* 역대교육장 */
	.master ul{padding:0 2rem 1rem 2rem;}
}

@media screen and (max-width:840px){
	/* 조직안내 */
	.emp-search .form-field {width:100%; flex-wrap:wrap;}
	.emp-search .search-form {gap:1rem 0; padding:1rem 1.5rem;}
	.emp-search .form-row {flex-direction:column; align-items:flex-start; gap:0.5rem;}
	.emp-search .form-field .input {min-width:auto;}
}

@media screen and (max-width:768px){
	.section.half {flex-direction:column;}
	
	/* 역대교육장 */
	.leader-list .leader-item {gap:1.2rem;}
	.leader-list .leader-item .col-left {flex:0 0 auto; min-width:6.4rem;}
	.leader-list .leader-item .col-meta {flex-wrap:wrap;}
	.leader-list .leader-item .term {width:100%;}

	/* 통학구역찾기 - 관리자 */
	.dateWrap .dateBox { width: 100%; }
	.sub-locate.admin .emp-search .select { min-width: auto; width: auto !important; } 
	.sub-locate.admin .emp-search .search-form { padding: 1.25rem 1.5rem; }
	.sub-locate.admin .scrhBox button { padding: 0 0.9rem; font-size: 0.75rem; width: auto !important; }
}

@media screen and (max-width:640px){
	/* 역대교육장 */
	.leader-list .leader-item {flex-direction:column; align-items:center; gap:0.8rem;}
	.leader-list .leader-item .col-left {min-width:auto; flex:none;}
	.leader-list .leader-item .col-thumb {flex:none;}
	.leader-list .leader-item .col-thumb img {width:100%; height:auto;}
	.leader-list .leader-item .col-meta {flex-direction:column; align-items:flex-start; gap:0.25rem;}
	.leader-list .leader-item .term {margin-top:0rem;}
	.leader-list .leader-item .name {margin:0 auto;}
}


@media screen and (max-width:580px){
	.download-list > ul {flex-direction:column;}
	.download-list > ul li {width:100%;}	
	
	/* 역대교육장 */
   	.master{ display:block; }
    .master .list{ width:100%; }
    .master .list:nth-of-type(even){ margin-left:0%;}
	.master ul{padding: 2rem 1.5rem 0 0;}

	/* 통학구역찾기 - 관리자 */
	.sub-locate.admin .emp-search .scrhBox,
	.sub-locate.admin .emp-search .inBox.flx01 { flex: none; width: 100%; }
	.sub-locate.admin .emp-search .search-form { padding: 1rem 1.25rem; }
	.dateWrap .dateBox input[type="date"] { width: 100%; min-width: auto; }
}


@media screen and (max-width:520px){
	/* 조직안내 */
	.emp-search .search-form {padding:1rem;}
	.emp-search .form-field,
	.emp-search .field-group {flex-direction:column;}
	.emp-search .field-group,
	.emp-search .btn.primary,
	.emp-search .form-field .select,
	.emp-search .form-field .select select {width:100%;}
	.emp-search .select-full {min-width:auto;}
	.orgLst { margin-top: 1.5rem; } 
}



@media screen and (max-width:480px){
	/* 역대교육장 */
   	.master{ display:block; }
    .master .list{ width:100%; }
    .master .list:nth-of-type(even){ margin-left:0%;}
}


@media (max-width:395px){
	/* 역대교육장 */
   	.master ul{padding:0 2rem 1rem 2rem;}

	/* 통학구역찾기 - 관리자 */
	.sub-locate.admin .emp-search .inBox > span { width: 100%; text-align: start; }
	.sub-locate.admin .emp-search .scrhBox input,
	.sub-locate.admin .scrhBox button { width: 100% !important; flex: none; }
	.sub-locate.admin .emp-search .field-group { gap: 0.75rem 0.5rem; }
	/* .sub-locate.admin .emp-search .inBox { width: calc((100% - 0.5rem) / 2) !important; }
	.sub-locate.admin .emp-search .inBox.flx01,
	.sub-locate.admin .emp-search .inBox.w100 { width: 100% !important; } 
	.sub-locate.admin .emp-search .select { width: 100% !important; } */
	.sub-locate.admin .emp-search .select { width: 100% !important; }
}

@media (max-width:340px){
	[class^="box_st"] .btns [class^="btn"] {width:100%;}
	[class^="box_st"] .btns [class^="btn"] + [class^="btn"] {margin-top:0.25rem;}
	
	.orgLst h3  {position:relative; top:0;}
	.orgLst .orgDetail .btns > a {width:100%; max-width:100%;}
	
}