.sub-menu { height:60px; border-bottom: 1px solid #e1e1e1;}
.sub-menu > .at-container > ul { width:100%; max-width:560px; margin:0; padding:0; color:#333; list-style: none; }
.sub-menu > .at-container > ul > li { float:left; height:60px; }
.sub-menu > .at-container > ul > li:first-of-type { width:60px; background: #476ccd; }
.sub-menu > .at-container > ul > li:not(:first-of-type) { width:calc((100% - 60px) / 2 ); border-right:1px solid #e1e1e1;}
.sub-menu > .at-container > ul > li > a > i { font-size:25px; color:#fff; }
.sub-menu > .at-container > ul > li:first-of-type > a { display:block; height:100%; width:100%; }

@media all and (max-width:991px) {
.sub-menu { display:block; }
.sub-menu > .at-container > ul > li { width:50%; }
}

.sub-menu .select-container { position: relative; }
.sub-menu .select-container:after { display:block; content:''; right:19px; top:50%; position:absolute; width:12px; height:7px; transition:all .2s; transform: translateY(-50%); }
.sub-menu .select-container.active:after { transform: translateY(-50%) rotate(-90deg); }
.sub-menu .select-checkbox { display: none; }
.sub-menu .select-label { display: block; position:relative; margin-bottom: 0px; padding-left:20px; height: 60px; line-height: 60px;  font-size:18px; cursor:pointer;  color:#111; }
.sub-menu .select-wrap { display: none;  position: absolute; z-index: 20; margin-left:-1px; width: 100%; background:#fff;  border:1px solid #ddd; border-top: none; box-sizing: content-box;}

.sub-menu .select-wrap .select { list-style: none; padding: 0; margin: 0; }

.sub-menu .select-wrap ul.select li { border-bottom:1px solid #ddd; }
.sub-menu .select-wrap ul.select li:last-of-type { border:none; }
.sub-menu .select-container.active .select-checkbox ~ .select-wrap { display:block;}
/*.sub-menu .select-checkbox:checked ~ .select-wrap { display: block; }*/

.sub-menu select::-ms-expand {
	display: none;
}
.sub-menu .select a { display: block; padding:10px 20px; color: inherit;  }
.sub-menu .select a:hover, .select a.on {  background: #f5f5f5; font-weight: 400; }

@media (max-width:1320px){
    .sub-menu > .at-container { padding: 0; max-width: 1300px;}
}

@media all and (max-width:480px){
    .sub-menu, .sub-menu > .at-container > ul > li { height: 50px;}
	.sub-menu .select-label {  padding-left:15px; height: 50px; font-size:16px; line-height: 50px; }
	.sub-menu .select-label:before { left:7px; width:8px; }
	.sub-menu .select a { padding:7px 15px; font-size: 15px; }
	.sub-menu > .at-container > ul > li:first-of-type { display:none; }
	.sub-menu > .at-container > ul > li:not(:first-of-type)  { width:50%; }
}

.flex_box{
    max-width:1320px;
    margin:70px auto;
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:22px;
}

.flex_box .visit{
    background:#fff;
    border:1px solid #e7e7ee;
    border-radius:24px;
    padding:20px 20px;
    text-align:center;
    text-decoration:none;
    color:#25234d;
    transition:.3s;
    box-shadow:0 8px 20px rgba(0,0,0,.05);
}

.flex_box .visit:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 35px rgba(0,0,0,.12);
}

.flex_box .visit .icon{
    height:72px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.flex_box .visit img{
    /* width:47px; */
    transition:.3s;
}

.flex_box .visit:hover img{
    transform:scale(1.08);
}

.flex_box .line{
    width:34px;
    height:0px;
    background:#f2c744;
    margin:10px auto;
    border-radius:30px;
}

.flex_box .tit{
    font-size:24px;
    font-weight:700;
    line-height:1.3;
    color:#26264d;
}

.flex_box .en{
    display:block;
    margin-top:10px;
    font-size:13px;
    font-weight:600;
    letter-spacing:2px;
    color:#707070;
}

/* 현재 페이지 */

/* .flex_box .visit.active{
    background:#241c59;
    border-color:#241c59;
    box-shadow:0 15px 35px rgba(36,28,89,.35);
}

.flex_box .visit.active .tit,
.flex_box .visit.active .en{
    color:#fff;
}

.flex_box .visit.active .line{
    background:#ffd84b;
} */

/* 반응형 */

@media (max-width:1024px){

.flex_box{
grid-template-columns:repeat(3,1fr);
}

}

@media (max-width:768px){

.flex_box{
grid-template-columns:repeat(3,1fr);
gap:10px;
margin: 20px auto;
padding: 0 10px;
}

.flex_box .visit{
padding:10px 7px;
border-radius:12px;
}

.flex_box .visit img{
width:32px;
}
.flex_box .visit .icon{height: 45px;}

.flex_box .tit{
font-size:15px;
}

.flex_box .en{
  display: none;
font-size:11px;
}

}

/* @media all and (max-width:400px){
	.sub-menu .select-label { font-size:14px; padding-left:10px; }
	.sub-menu .select a { padding:7px 10px; font-size:14px;}
	.sub-menu .select-container:after { right:7px; }
} */
/* .flex_box{display: flex; text-align: center; gap:30px; max-width: 1320px; margin: auto; padding: 50px 10px;background: rgba(255,255,255,0.6);}
.flex_box>a{background: #f2f3f7; flex:1;padding: 35px 0 ; border-radius: 15px; }
.flex_box .tit{padding-top: 20px; font-size: 22px; font-weight: 500;}

.flex_box>a:hover{ background: #13256a; color: #fff;} */
@media all and (max-width:991px) {
  .recruitment{flex-direction: column;;}

}
/* @media all and (max-width:768px) {
  .flex_box{flex-wrap: wrap; gap:20px; justify-content: space-between;}
  .flex_box>a{background: #f2f3f7; flex:none;padding: 15px 0 ; border-radius: 15px; }
  .flex_box>a:nth-of-type(1),.flex_box>a:nth-of-type(2),.flex_box>a:nth-of-type(3),.flex_box>a:nth-of-type(4){width: 21%}
  .flex_box>a:nth-of-type(5),.flex_box>a:nth-of-type(6),.flex_box>a:nth-of-type(7){width: 31%}
  .flex_box .tit{padding-top: 20px; font-size: 17px; font-weight: 500;}
} */
@media all and (max-width:600px) {
  /* .flex_box{flex-wrap: wrap; gap:15px; justify-content: space-between;}
  .flex_box>a:nth-of-type(5),.flex_box>a:nth-of-type(6),.flex_box>a:nth-of-type(7){width: 30%} */
  .top_top{ font-size: 17px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px 50px;}
  .top_top img{ width: auto; right: -20px; position: relative; padding-bottom: 10px;}
  .title_1{width: 100%;}
  .re_2{padding: 0 20px 20px;}
  .re_2 table{width: 100%!important}
}
@media all and (max-width:470px) {
/* .flex_box{flex-wrap: wrap; gap:10px; justify-content: space-between; padding: 20px 10px 30px;;}
  .flex_box>a:nth-of-type(1),.flex_box>a:nth-of-type(2),.flex_box>a:nth-of-type(3),.flex_box>a:nth-of-type(4){width: 22%}
  .flex_box>a:nth-of-type(5),.flex_box>a:nth-of-type(6),.flex_box>a:nth-of-type(7){width: 31%}
.flex_box .tit{font-size: 14px; font-weight: 400;} */
.title_1{ font-size: 20px; height: 45px; }
.infotitle2{ font-size: 14px;}
tr td{ font-size: 14px;}
.flex_box img{ height: 30px;}
.flex_box .tit{ padding-top: 10px}
.top_top{ font-size: 14px;}
#banner .tint h2{ font-size: 35px!important}
}
/* 스크롤 시 상단 고정 */
.flex_box{
  position: sticky;
  top: 0;                 /* 상단에 붙는 위치 */
  z-index: 9999;
  backdrop-filter: blur(6px);  /* 선택: 살짝 유리 느낌 */
}

/* sticky 상태에서 뒤 컨텐츠가 비쳐서 거슬리면 배경 더 진하게 */
.flex_box{
  background: rgba(255,255,255,0.92); /* 기존 0.6 → 더 안정적 */
}