/* 서브 공통 */
.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;}
ul.mapAdres {margin-top:2rem;}

/* 체크박스 커스텀 스타일 */
.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'; }

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

/* 역대교육장 */
.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;}




/* media query mobile */
@media (max-width: 1440px) {
}



@media (max-width: 1240px) {
}



@media (max-width: 1024px) {
}

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

@media (max-width: 640px) {
	
	.emp-search .form-row:nth-child(2) {margin-top:1rem;}
}



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


@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;}
}


@media (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;}
}