/* 메인 */
.main_inner {width: 90%; max-width: 1400px; margin:0 auto;}

.main_t {margin-top: 100px;position: relative;}
.main_t .sec_box .small{font-size: 1.5rem;}
.main_t .sec_box .tit{font-size: 4rem; font-weight: 800;margin-top: 30px;}
.main_t .main_banner{ height: calc(100vh - 100px); padding: 120px 0; text-align: center;}
.main_t .main_banner img{max-width: 800px;width: 100%;}
.main_t .sub_text_left{position: absolute; left: 150px; text-align: right;bottom: 150px;}
.main_t .sub_text_right{position: absolute;bottom: 270px;width: 280px; right: 220px; background: #fff; padding: 60px 30px; border: 1px solid #ddd;  z-index: 9;}
.main_t .sub_text_right::before{content: '';width: 100%; height: 100%;position: absolute;background: #fff; left: -10px;top: -10px; z-index: -1; padding: 10px;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}
.main_t .sub_text_right::after{content: '';width: 100%;height: 100%; border: 1px solid #ddd;position: absolute;left: 0; top: 0;}
.main_t .sub_text_right div:first-child{text-align: left;}
.main_t .sub_text_right div:last-child{text-align: right;margin-top: 24px;}
.main_t .sub_bg{position: absolute; top: 11%; left: 70%;z-index: -1;}

.main_t .line-bg{position: absolute;width: 100%;height: 100%;z-index: -1;}
.main_t .line-bg::before{content: "";position: absolute;top: 60px;left: 0;width: 100%;height: 1px;background: #ddd;}
.main_t .line-bg.right::before{content: "";position: absolute;top: inherit; bottom: 60px;width: 100%;height: 1px;background: #ddd;}
.main_t .line-bg.left::after{content: "";position: absolute;top: 0;left:15%;width: 1px;height: 100%;background: #ddd;}
.main_t .line-bg.right::after{content: "";position: absolute;bottom: 0;left: 85%;width: 1px;height: 100%;background: #ddd;}
.main_t .line-bg .dot{position: absolute;top: 60px;left: 15%;width: 6px;height: 6px;background: #26336C;transform: translate(-50%, -50%);z-index: 9;}
.main_t .line-bg.left .dot{position: absolute;top: 60px;left: 15%;width: 6px;height: 6px;background: #26336C;transform: translate(-50%, -50%);z-index: 99;}
.main_t .line-bg.right .dot{position: absolute;top: inherit;left: 85%; bottom: 55px;width: 6px;height: 6px;background: #26336C;transform: translate(-50%, -50%);z-index: 99;}

.flow_bg{display: flex;width: auto;overflow: hidden;padding: 30px 0;align-items: center; border-top: 1px solid #26336C; border-bottom: 1px solid #26336C;}
.flow_bg p {width: 2370px;object-fit: cover; font-size: 0;flex-shrink: 0;animation: flowText 30s linear infinite;}
.flow_bg p img{height: 50px;}
@keyframes flowText {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}
.flow_bg.eng p{width: 1980px;}

.about_us{display: flex; justify-content: space-between; margin-bottom: 80px;}
.about_us .about_txt .tit{font-size: 2rem; color: #785C1A; margin-bottom: 24px;}
.about_us .about_txt .desc{font-size: 2rem; margin-bottom: 30px;}
.about_us .about_txt .keyword{display: flex; gap: 10px; align-items: center;margin-bottom: 50px;}
.about_us .about_txt .keyword span{background: #E8ECFE; color: #26336C; padding: 4px 10px;}
.about_us .about_txt .btn a{ font-size: 1rem;color: #fff;background: #785C1A;padding: 20px 40px;display: inline-flex;align-items: center;gap: 5px;}
.about_us .about_txt .btn a::after {content: '';background: url(/img/footer_arrow-0975f33ef64e0babc6f516e77995bfe1.png) no-repeat;width: 24px;height: 24px;display: block;}

.about_point ul{display: grid;grid-template-columns: repeat(2, 1fr); gap:50px 120px;}
.about_point ul li .tit{font-size: 1.25rem; color: #785C1A; display: flex; align-items: center; gap: 5px;}
.about_point ul li .tit::before{content: ''; background: url(/img/about_point_icon01-fc7dc05b8121c86fd58f4db06229d04f.png) no-repeat; width: 24px; height: 24px; display: block;}
.about_point ul li:nth-child(2) .tit:before{content: ''; background: url(/img/about_point_icon02-a80d2d151afd843c8eb980e3ebef3323.png) no-repeat; width: 24px; height: 24px; display: block;}
.about_point ul li:nth-child(3) .tit::before{content: ''; background: url(/img/about_point_icon03-bdef9695c0b8fe1340080586528be592.png) no-repeat; width: 24px; height: 24px; display: block;}
.about_point ul li:nth-child(4) .tit::before{content: ''; background: url(/img/about_point_icon04-6867d84e77e8247b1cc6bc682e518ec2.png) no-repeat; width: 24px; height: 24px; display: block;}
.about_point ul li .nae{font-size: 5rem; font-weight: 800;}
.about_point ul li .nae span{font-size: 1.25rem; font-weight: 400;}


.about_point.eng_point ul{gap: 50px 60px;}
.about_point.eng_point .count_list .nae{ display:inline-block;min-width:3ch;text-align:right;font-variant-numeric:tabular-nums;}

.main_manage{background: #FAF7F3; position: relative;}
.main_manage::before{content: ''; background: url(/img/manage_bg-0e238f1c041c72a0753abc5bdce7b127.png) no-repeat; width: 280px; height: 300px;position: absolute; background-size: cover; left: 80px; bottom: 30px;}
.manage_box{display: flex;justify-content: space-between;}
.manage_box .manage_intro{flex-shrink: 0;}
.manage_box .manage_intro .tit{font-size: 3rem; font-weight: 800; margin-bottom: 10px;}
.manage_box .manage_intro .txt{font-size: 1.25rem;}
.manage_box ul{display: flex; padding: 50px 40px; border-top: 1px solid #785C1A; border-bottom: 1px solid #785C1A; gap: 50px; text-align: center;}
.manage_box ul li {flex: 1;}
.manage_box ul li .name{font-size: 1.25rem; margin: 20px 0 10px; font-weight: 600;position: relative; padding-bottom: 10px;}
.manage_box ul li .name::after{content: ''; background: #785C1A; width: 30px; height: 2px; position: absolute; bottom: 0;left: 50%; transform: translateX(-50%);}
.manage_box ul li .gu{color: #785C1A;margin-bottom: 16px;}
.manage_box ul li .nae{font-weight:400; color: #777777;}

.main_solution{background: url(/img/solution_bg-59cd60cd8b8e1ed2387057055baf4de1.png) no-repeat;text-align: center; background-size: cover; position: relative;}
.main_solution .inner > .tit{font-size: 3rem; text-align: center; font-weight: 800;}
.main_solution .solution_txt .big{font-size: 1.75rem;text-align: left; position: absolute; top: 380px; left: 100px;}
.main_solution .solution_txt .small{font-size: 1.25rem;text-align: left; position: absolute; top: 750px; right: 100px}
.main_solution .sol_stage ul{display: flex; justify-content: center; gap: 120px;margin-top: 60px;}
.main_solution .sol_stage ul li{background: #fff; width: 320px; padding: 100px 0 70px;border: 1px solid #785C1A;border-radius: 30px;position: relative;border-bottom: 6px solid #785C1A;}
.main_solution .sol_stage ul li img{position: absolute; top: -40%; transform: translate(-50%, 50%);left: 50%;}
.main_solution .sol_stage ul li .tit{font-size: 1.25rem; font-weight: 600;}
.main_solution .sol_stage ul li .nae{color: #785C1A ; font-size: 1.125rem; font-weight: 600;margin-top: 10px;}
.main_solution .sol_stage ul li .desc{font-weight: 400; color: #777; margin-top: 10px;}
.main_solution .sol_stage ul li::after{content: ''; background: url(/img/sol_stage_arrow-df1573696c503ca78230dcab6a5de643.svg) no-repeat;  width: 42px; height: 23px; position: absolute; right: -80px; top: 50%; transform: translateY(-50%);}
.main_solution .sol_stage ul li:last-child::after{display: none;}
.solution_icon div:nth-child(4){top: 600px; left: 200px;}
.solution_icon div:nth-child(4) img{}

.solution_icon div{position: absolute;}
.solution_icon div:first-child{left: 400px; top: 220px;}
.solution_icon div:nth-child(2){ left: 1120px; top: 300px;}
.solution_icon div:nth-child(3){left: 0; top: 600px;}
.solution_icon div:nth-child(4){top: inherit; bottom: 560px;left: 300px;}
.solution_icon div:nth-child(5){left: inherit;right: 0px; top: inherit; bottom: 500px;}

.main_today .today_box > .tit{ font-size: 3rem;text-align: center;font-weight: 800;}
.main_today .today_box .today_list ul{display: flex; gap: 30px;margin: 80px 0;}
.main_today .today_box .today_list ul li{flex: 1; padding: 40px; border: 1px solid #785C1A;}
.main_today .today_box .today_list ul li .num{font-size: 2.5rem; color: #5C4A21;}
.main_today .today_box .today_list ul li .tit{font-size: 1.25rem; color: #785C1A;margin: 20px 0 10px;font-weight: 700;}
.main_today .today_box .today_list ul li .desc{font-size: 1.25rem;}
.today_balance {display: flex; justify-content: space-between; gap: 80px;}
.today_balance .balance_txt {flex-shrink: 0;}
.today_balance .balance_txt .tit{font-size: 2.5rem; font-weight: 800;margin-bottom: 20px;}
.today_balance .balance_txt .txt{font-size: 1.25rem;}
.today_balance .balance_table{width: 100%; border: 1px solid #785C1A;padding: 40px;}
.today_balance .balance_table div{padding: 24px 10px;font-size: 1.25rem;font-weight: 400; border-bottom: 1px solid #5C4A21;}
.today_balance .balance_table div:first-child{padding-top: 0;}
.today_balance .balance_table div:last-child{padding-bottom: 0;border-bottom: 0;}

.main_clipping .clipping_data{border: 1px solid #785C1A;}
.main_clipping .clipping_data a{display: block;padding: 40px; }
.main_clipping .clipping_data .tit{font-size: 1.75rem;font-weight: 600; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.main_clipping .clipping_data .nae{font-size: 1.125rem;margin-top: 20px; min-height: 140px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;}
.main_clipping .clipping_data .date{margin-top: 40px; text-align: right;color: #777777; font-weight: 400;}

/* 폼 */
.forum_board .search_box {display: flex;justify-content: right;margin: 60px 0 10px;}
.forum_board .search_box .select {display: inline-block; }
.forum_board .search_box .select select {display:block; width: 100px;  border:2px solid #000; font-size: 16px;}
.forum_board .search_box .search {display: inline-block; position: relative;}
.forum_board .search_box .search input { border:1px solid #d9d9d9; border-radius: 10px; width: 300px; font-size: 16px; padding:10px;}
.forum_board .search_box .search button {
	position: absolute; top:50%; right: 12px; transform: translateY(-50%); display: block;
	background:url('/img/search_icon.png') no-repeat;border-radius: inherit; width: 32px; height: 32px; background-size: cover; border:none; padding:10px;
}

.board_detail .tit{ color: #000;font-size: 36px;font-weight: 700; text-align: center;}
.board_detail .date{font-size: 1.25rem; margin-top:10px;text-align: center;}
.board_detail .board_content{background: #fff; padding: 60px;  width: 100%; max-width: 1280px; margin: 30px auto 0;}
.board_detail .board_content .img_box{margin-bottom: 30px;}
.board_detail .board_content .nae{font-size: 1rem; word-break: break-all; display: grid;gap: 20px; text-align: left;}
.board_detail .board_content .nae h2{font-size: 1.5rem; font-weight: 700;border-bottom: 1px solid #000; width: 100%;}
.board_detail .board_content .nae p{font-size: 1rem; font-weight: 400;}

.board_detail .return_btn {margin-top:30px}
.board_detail .return_btn button{background: #000; max-width: 110px;border-radius: 50px; border: none;}

.board_detail.md_width{max-width: 1000px;margin: 0 auto; margin-top: 120px;}

.board_detail .share_btn {margin-top:30px; display: flex; justify-content: center; gap: 10px;}
.board_detail .share_btn button{background: #000; max-width: 130px;border-radius: 0; border: none; display: flex; align-items: center; gap: 10px; justify-content: center;}
.board_detail .share_btn button::after{content: ''; background: url(/img/share_icon-58a55653dea4c6d0ef971201cfbcc1b4.png) no-repeat; width: 25px; height: 25px; display: block; background-size: cover;}  
.board_detail .file{position: relative;margin-top: 60px;}
.board_detail .file a {margin: 3px 15px 3px 0;color: #555;display: inline-block;}
.board_detail .file .icon{margin-right: 20px;font-weight: 600;}
.board_detail .file .icon:before {display: inline-block;vertical-align: middle;content: "";background: url(/img/down_icon-3ffa5501bb0b76aac15d6bb761c3b1fa.png) no-repeat;background-size: 100%;width: 23px;height: 17px;margin-right: 5px;margin-bottom: 3px;}
.share_btn{cursor: pointer;}
.share_btn .go_link{background: #785C1A;color: #fff;padding: 0 20px; border: none; display: flex; align-items: center; gap: 5px; justify-content: center;}
.share_btn .go_link::after{content: ''; background: url(/img/go_link_icon-6744946866183f79ef72151539ccf18e.png) no-repeat; width: 20px; height: 20px; display: block; background-size: cover;}  

/* 뉴스 */
.resources_year{text-align: right; margin:30px 0 10px}
.resources_year select{border: 1px solid #d9d9d9; border-radius: 10px;}
.resources_table thead tr{background-color: #F0F7FF;border-top: 2px solid #785C1A;}
.resources_table thead tr th{border: 1px solid #D9D9D9; border-left: none;padding: 16px 0; font-weight: 700;}
.resources_table thead tr th:last-child{border-right: 0;}
.resources_table tbody tr td{border: 1px solid #D9D9D9; text-align: center; border-left: none;padding: 16px 0;vertical-align: middle; height: 100px;}
.resources_table tbody tr td:last-child{border-right: 0;}
.resources_table tbody tr:last-child{border-bottom: 2px solid #785C1A;}
.resources_table tbody tr td .date_check{position: relative;}
.resources_table tbody tr td .date_check::before{content: ''; background: #444444; width: 10px; height: 10px; border-radius: 20px; display: block; position: relative; left: 50%; transform: translateX(-50%);}

.borad_list .list_num{text-align: center;}
.borad_list .list_date{text-align: center;}
.borad_list thead tr{border-top: 2px solid #785C1A;}
.borad_list thead tr th{background: #F0F7FF; padding: 16px 0;}
.borad_list tbody tr td{ padding: 16px 0;}
.borad_list tbody tr td.list_title{text-align: left;}
.borad_list tbody tr td{border-bottom: 1px solid #d9d9d9;}
.borad_list tbody tr:last-child{border-bottom: 2px solid #785C1A;}

.ai_briefing {margin-top: 60px;}
.ai_briefing ul{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.ai_briefing ul li a{display: block; border: 1px solid #785C1A; padding: 40px; background: #fff;}
.ai_briefing ul li .tit{font-weight: 800; font-size: 1.25rem; text-align: left;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height: 54px;min-height: 54px;overflow: hidden;display: -webkit-box;}
.ai_briefing ul li .desc{text-align: left; margin:20px 0; font-size: 1rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; height: 68px;}
.ai_briefing ul li .date{text-align: right; color: #777;font-size: 0.875rem;}

.press_list{margin-top: 60px;}
.press_list ul{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.press_list .thum{position: relative; padding: 40px; aspect-ratio: 1 / 1; display: flex; flex-direction: column;}
.press_list .thum img{position: absolute; width: 100%; z-index: -2; left: 0; top: 0; object-fit: cover; height: 100%;}
.press_list .thum .txt{text-align: right;}
.press_list .thum .tit{font-size: 2rem;line-height: 1.2; margin-top: auto;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.press_list .key{display: flex; gap: 10px; margin-top: 10px; flex-wrap: wrap;}
.press_list .key span{ background: #F1EADA;padding: 4px 12px; border-radius: 4px; color: #785C1A;}
.press_list .thum .thum_bg{width: 100%; height: 100%; background: #fff; position: absolute;z-index: -1; opacity: 0.5; left: 0; top:0}

.view_wrap{margin-top: 120px;}
.view_top{display: flex; justify-content: space-between;align-items: center; gap: 30px; margin-bottom: 40px;}
.view_top .gu{font-size: 2rem;font-weight: 600;}
.view_top .date{font-size: 1rem; color: #777; flex-shrink: 0;}
.view_detail{background: #fff; padding: 40px 20px;text-align: left;font-weight: 500;border-top: 2px solid #000;border-bottom: 1px solid #D5D5D5;}
.view_post li{background: #fff; padding: 20px;display: flex;align-items: center;gap: 10px;border-bottom: 1px solid #ddd;}
.view_post div{font-weight: 600;}
.view_post .tit{font-weight: 400;cursor: pointer;}
.view_wrap .btn{margin:60px auto 0;text-align: center;}
.btn .move_list{display: inline-block;color: #fff;padding: 12px 48px;background: #000;border-radius: 20px;}
.btn .delete_qna{display: inline-block;color: #ffffff;padding: 12px 48px;background: #727272;border-radius: 20px;}
.view_file{margin-top: 20px;}
.view_file div{display: flex; align-items: center; gap: 5px;cursor: pointer;}
.view_file div img{vertical-align: middle;}


/* 페이지네이션 */
.paging {text-align: center; margin-top: 60px;}
.paging a {display: inline-block; vertical-align: middle;  }
.paging ol {display: inline-block; vertical-align: middle; }
.paging ol li {display: inline-block; font-size: 18px; }
.paging ol li a  { display: inline-block; vertical-align: middle; padding:0 5px;border-radius:50px; width:45px; height:45px; margin: 0 1px; line-height: 45px;}
.paging ol li a.this {background: #785C1A; color:#fff;}


/* 팝업 */
.center-popup-backdrop,
.bottom-popup-backdrop {position: fixed;inset: 0;z-index: 999;background: rgba(0,0,0,.64);display: none;}
.center-popup-backdrop.is-open,
.bottom-popup-backdrop.is-open {display: flex;}
.center-popup-backdrop {align-items: center;justify-content: center;}
.center-popup {width: 90%;max-width: 460px;border-radius: 1em;background: #fff;box-shadow: 0 0.4em 1.2em rgba(0,0,0,.18);display: flex;flex-direction: column;overflow: hidden;margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.center-popup_body {padding: 24px 24px 0px}
.center-popup_title {font-size: 16px;font-weight: 600;line-height: 1.5;}
.center-popup_text {font-size: 0.9em;color: rgba(0,0,0,.75);line-height: 1.5;}
.center-popup_footer {display: grid;grid-template-columns: repeat(2, 1fr);column-gap: 0.6em;padding: 16px 24px 24px;}
.one_btn{width: 100%;}
.one_btn .btn{width: inherit; padding: 16px 24px; justify-content: right; height: inherit; background: inherit !important; border: inherit !important; color: #3BBEE8; font-weight: 700;}
.center-popup_footer .btn {height: 2.6em;font-size: 0.9em;}
.btn-open-terms{cursor: pointer; }
.terms-txt{max-height: 400px; overflow: auto; font-size:14px;}
.terms .one_btn .btn{display: inline-block; cursor: pointer; color: var(--mainColor); margin-top: 0;}
.terms .center-popup_body{padding-right: 10px; text-align: left; line-height:1.4;}
.terms .center-popup_title{padding-right: 15px; font-size: 20px; font-weight: 700;margin-bottom: 10px;}
.terms_wrap{display: flex;flex-direction: column;box-shadow: none;padding: 0; border-radius: 0; gap: 20px;line-height: 1.5;}
.sec .tit{font-weight: 700;}
.sec span{font-weight: 700;}
.terms-txt .terms_wrap br{display: none;}
.terms-txt .terms_wrap br.terms_br{display: block;}
.terms .center-popup_body{padding-right: 17px;}
body.is-scroll-locked {overflow: hidden;touch-action: none;}
