body{overflow-x: hidden;}

/*sub_profile*/
.people_ul_top { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 200px; }
.people_ul_top > li { width: calc((100% - 10px) / 2); display: flex; align-items: flex-end; gap: 10px; }
.people_ul_top .img_wrap { width: 240px; min-width: 240px; }
.people_ul_top .img_wrap > img { width: 100%; }
.people_ul_top .people_profile > span { font-size: 16px; }
.people_ul_top .people_profile > span > b { font-size: 25px; margin-right: 10px; }
.people_ul_top .people_profile > ul { margin-top: 10px; display: flex; flex-wrap: wrap; align-items: center; }
.people_ul_top .people_profile > ul > li:after { content: '/'; display: inline-block; margin: 0 3px; }
.people_ul_top .people_profile > ul > li:last-child:after { display: none; }

.people_bottom { display: flex; align-items: stretch; gap: 30px; }
.people_bottom > .img_wrap { width: 250px; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.people_ul_list { display: flex; align-items: flex-start; gap: 100px 15px; flex-wrap: wrap; width: calc(100% - 280px); }
.people_ul_list > li { width: calc((100% - 45px) / 4); display: flex; gap: 10px; align-items: flex-end; }
.people_ul_list .img_wrap { width: 100%; max-width: 165px; min-width: 165px; height: 180px; overflow: hidden; filter: grayscale(1); }
.people_ul_list .img_wrap > img { width: 100%; }
.people_ul_list .people_profile > span { font-size: 16px; }
.people_ul_list .people_profile > span > b { font-size: 22px; margin-right: 5px; }
.people_ul_list .people_profile > ul { margin-top: 10px; display: flex; align-items: center; }
.people_ul_list .people_profile > ul > li:after { content: '/'; display: inline-block; margin: 0 3px; }
.people_ul_list .people_profile > ul > li:last-child:after { display: none; }

.people_about .tit { display: block; margin-bottom: 10px; font-size: 2rem; }
.people_banner { display: flex; align-items: flex-start; gap: 3px; }
.people_banner > div { height: 500px; }
.people_banner > div > div { background-repeat: no-repeat; background-position: center center; background-size: cover; }
.people_banner .center { flex: 3; }
.people_banner .center > div { height: inherit; }
.people_banner .left,
.people_banner .right { flex: 1; display: flex; flex-direction: column; gap: 3px; }
.people_banner .left > div,
.people_banner .right > div { height: calc((100% - 3px)); }

.people_banner + p { text-align: right; margin: 20px 0 100px; font-size: 17px; line-height: 1.5; letter-spacing: -0.8px; }


/* 230308 삭제 */
.people_li_bottom{height: 460px; position: relative;}
.people_li_bottom{background: url(../images/bg_profile.png) no-repeat center center; background-size: cover; color: #fff; text-align: center; width: 100%; grid-column: 1/3; height:420px;}
.inner ul li.people_li .people{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.about_us{position: absolute;top: 50%;left: 75%;transform: translate(-50%, -50%);}
.people_li_bottom p strong.name{font-size: 20px; font-weight: bold; margin-bottom: 30px; letter-spacing: 15px;}
.people_li_bottom p{font-size: 15px; letter-spacing: -0.5px; margin-bottom: 30px;}
.people_li_bottom .dimm{position: absolute;width: 100%;height: 100%; background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.49653364763874297) 50%, rgba(0,0,0,1) 100%);}
.people_li_bottom p{line-height: 28px;}
.people_li_bottom .about_us .about{font-size: 30px; font-weight: 600; /* font-family: 'SeoulNamsanM'; */ margin-bottom: 45px;}
.strong{font-weight: 700;}
/* //230308 삭제 */




/*sub_works*/
.contents{padding: 100px 0;}
.contents .inner .works_list{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 15px;}
.works_list .list{position: relative; margin-bottom: 20px;}
.works_list .list img{width: 434px; height: 466px; margin-bottom: 15px;}
.works_list .list .tit{font-size: 18px; font-weight: 700;}
.contents ul li .img{height:300px; overflow: hidden;}

/*sub_works_detail*/
.bxslide_wrap {position: relative; width:80%; margin:0 auto;}
.bx-wrapper .bx-pager .bx-pager-item{display: inline-block;}
.bx-pager.bx-default-pager {position: absolute;bottom: -30px; left: 50%; transform: translateX(-50%);}
.bx-wrapper .bx-pager.bx-default-pager a {background: #d0d0d0; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #486284;}
a.bx-prev {position: absolute; top: 50%; transform: translateY(-50%); left: -35px; display: block; text-indent: -999999px; background: url(../images/prev_arrow.png) no-repeat center center; width: 18px; height: 33px;}
a.bx-next {position: absolute;top: 50%; transform: translateY(-50%); right: -35px; display: block; text-indent: -999999px; background: url(../images/next_arrow.png) no-repeat; width: 18px; height: 33px;}
.bxslide li img{width: auto; max-height: 650px; object-fit:contain;}
.contents .bxslide_wrap .bx-viewport > ul > li{text-align: center; overflow:hidden;}

.work_sec{display: flex; justify-content: center; margin-top: 70px;}
.work_sec .work_tit{text-align: right; margin-right: 40px; font-size: 30px; font-weight: 800; line-height: 44px;}
.work_sec .work_txt li{margin-bottom: 10px;}
.work_sec .work_txt li:last-child{margin-bottom: 0;}
.work_sec .work_txt {font-size: 14px; color: #666;}
.work_sec .work_txt .work_strong{font-weight: 800; color: #333;}


/*sub_competation*/
.tab_btn {display: flex; justify-content: center; padding: 65px 0 45px 0; font-size: 16px;}
.tab_btn a{display: block; padding-bottom: 15px; width: 110px; text-align: center; color: #d6d6d6;}
.tab_btn .on a{color: #5a708e; border-bottom: 2px solid #486284;}
.tab_btn .region {margin-right: 85px;}

.grid-item{cursor: pointer; margin-bottom: 20px; width: 334px;}

.thum{position: relative; width: 100%;}
.thum img{width: 100%;}
.thum .dimm{position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); transition: all .4s;}
.thum .title{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 17px; font-weight: 800; opacity:0 ; transition: ease .4s;}
.thum:hover .title{opacity: 1; }
.thum:hover .dimm{background: rgba(0,0,0,.7);}

/*sub_recruit*/
.recruit_inner{width: 1050px; margin: 0 auto; padding: 230px 0; position: relative; /* font-family: 'SeoulNamsanM'; */ background: url(../images/bg_recruit.png) no-repeat right center; height: 459px;}

.left_txt{position: relative; height:100%;}
.left_txt .recruit_tit{font-size: 30px; font-weight: 800; margin-bottom: 60px;}
.left_txt .recruit_txt{font-size: 15px;}
.left_txt .recruit_bottom {display: grid; grid-template-columns: 54px 1fr; grid-gap: 16px; position: absolute; bottom: 0; color: #333; font-size: 15px;}
.left_txt .recruit_bottom .bold{font-weight: 800; color: #000;}
.left_txt .recruit_bottom .bold .blank{width: 25px; display:inline-block;}




/*공지사항*/
table {width: 100%; table-layout: fixed;}
table thead th {color: #fff; background: #264b9e; border-left: #fff 1px solid; padding: 12px 0; font-weight: 500;}
table thead th:nth-child(1) {border-left: none;}
table tbody tr {border-bottom: #8da9b9 solid 1px;}
table tbody td {padding: 16px 0; text-align: center; background: #fff; border-left: #8da9b9 solid 1px; word-break: keep-all;}
table tbody td:nth-child(1) {border-left: none;}
table tbody td img { width: 100%; }
.sub_select_section{padding-bottom: 20px; display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #222;}
.sub_select_section .total{color: #777;}
.sub_select_section .total > span{color: #111; font-weight: 500;}
.sub_select_section .sub_select{display: flex; justify-content: space-between; align-items: center;}

.new_table caption{display: none;}
.news_inner{width: 1200px; margin: 200px auto 0;}
.news_inner .sub_select input{border: 1px solid #ddd; outline: none; box-sizing: border-box; width: 300px; height: 45px; padding: 12px; color: #777;}
.sub_select_section .sub_select > button{height: 45px; width: 100px; background: #3e4e5e; color: #fff; border: none; cursor: pointer; letter-spacing: -0.02em;}
.news_inner .sub_select input::placeholder{color:#ddd;}
.table_wrap{margin-bottom: 40px; padding: 0 20px;}
/* .table_wrap tbody tr td:first-child{font-family: 'Inter';} */
.table_wrap tbody tr td{color: #555; letter-spacing: -1px; }
.table_wrap tbody tr td > a{color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
.table_wrap th,
.table_wrap td{padding: 18px 12px; text-align: center;}
.table_wrap .txt_l{text-align: left; width: 100%;}
.paging_wrap{display: flex; align-items: center; justify-content: center;}
.paging_wrap a{display: inline-block; margin: 0 17px; color: #999;}
.paging_wrap a .strong{font-weight: 700; color: #1f3a55;}
.paging_wrap a.a_img{margin: 0;}

/*공지사항 view*/
.notice_detail{padding-bottom: 30px; border-bottom: 1px solid #919191;}
.notice_tit{font-size: 25px; font-weight: 800; margin-bottom: 10px;color: #111;}
.notice_tit_bottom{font-size: 18px; color: #8e8e8e;}
.notice_section{margin: 10px 0;}
.notice_section img{margin-top: 30px; max-width: 100%;}
