@charset "UTF-8"; /* 헤더 */

header { border-bottom: 1px solid #E8E8E8; } 

/* 공통 사용 ------------------------------------------------------*/

/* icon */
i.ico-file { display: inline-block; margin-right: 10px; vertical-align: middle; width: 18px; height: 18px; background: url('../img/sub/ico_clip.svg') no-repeat 50% 50%; } 
.required { margin: 0 6px; display: inline-block; vertical-align: middle; width: 10px; height: 12px; background: url('../img/common/ico_required.svg') no-repeat 50% 50%; } 
.required-txt { color: #777; font-size: 16px; text-align: right; margin-bottom: -10px; } 
i.disc,
i.dark-disc { width: 15px; height: 100%; position: relative; display: inline-block; } 
i.dark-disc::before { content: '*'; /*position: absolute; left: 0; top: 10px;*/ }

.lock { margin-left: 20px; } 

span.ongoing { width:62px; height: 30px; display: inline-block; border-radius: 5px; color: #fff; text-align: center; font-size: 16px; line-height: 30px; background: #D23345; } 
span.standby { width:62px; height: 30px; display: inline-block; border-radius: 5px; color: #fff; text-align: center; font-size: 16px; line-height: 30px; background: #000; } 
span.end { width:62px; height: 30px; display: inline-block; border-radius: 5px; color: #fff; text-align: center; font-size: 16px; line-height: 30px; background: #aaa; margin-left: 0; } 
strong > .ongoing,
strong > .standby,
strong > .end { margin-left: 20px; } 
em > .ongoing,
em > .standby { margin-left: 20px; } 

.list .ongoing,
.list .standby,
.list .end { width: auto; height: auto; line-height: 100%; padding: 6px 10px; } 

/* hash-tag */
.hashtag-tab { display: flex; align-items: center; justify-content: flex-start; gap: 0 20px; } 
.hashtag-tab li > a { display: block; padding: 14px 30px; border: 2px solid #f0f0f0; background: #f0f0f0; border-radius: 50px; color: #555; text-align: center; } 
.hashtag-tab li.on > a { border: 2px solid #000; background: #fff; color: #000; font-weight: 500; } 

/* disc, number list */
.disc-list li { list-style: disc; padding-bottom: 10px; margin-left: 20px; } 
.disc-list li::marker { font-size: 14px; line-height: 1.4; } 
.numb-list li { padding: 10px 0; margin-left: 20px; list-style: decimal; } 
.dash-list li { position: relative; padding-left: 10px; margin-bottom: 10px; line-height: 26px; } 
.dash-list li::before { content: '-'; position: absolute; left: -3px; } 
/* 인증번호 타이머 */
.cnt-time { color: #D23345; font-size: 16px; } 
/* btn */
.btn-box.flexbox { width: fit-content; gap: 0 10px; } 
.btn-box.gap20 { gap: 0 20px; } 
.btn-box .btn { width: fit-content; height: 60px; padding: 0 30px; display: inline-flex; align-items: center; justify-content: center; gap: 0 15px; font-size: 18px; font-weight: 500; color: #000; background: #fff; letter-spacing: -0.02em; } 
.btn-box .btn-esg { width: fit-content; height: 60px; padding: 0 30px; display: inline-flex; align-items: center; justify-content: center; gap: 0 15px; font-size: 18px; font-weight: 500; color: #000; background: #fff; letter-spacing: -0.02em; } 
.btn-box { position: relative; } 
.btn-box .btn.bold { font-weight: 500; } 
.btn-box .btn.b-gray { border: 1px solid #ccc; } 
.btn-box .btn.b-black { border: 1px solid #000; } 
.btn-box .btn.b-white { border: 1px solid #fff; } 
.btn-box .btn.black { background: #000; border: 1px solid #000; color: #fff; } 
.btn-box .btn.disabled { background: #f0f0f0; color: #bbb; } 
.btn-box .btn.white { background: transparent; border: 1px solid #fff; color: #fff; } 
.btn-box .btn-download,
.btn-box .btn-detail,
.btn-box .btn-attach,
.btn-box .btn-small { display: inline-block; height: 35px; padding:0 18px; font-size: 16px; line-height: 35px; border: 1px solid #ccc; border-radius: 5px; color: #000; } 
.btn-box .btn.right { position: absolute; right: 0; } 
.btn-box .btn.left { position: absolute; left: 0; } 

.btn-box.btn-long { display: flex; justify-content: center; align-items: center; gap: 0 30px; } 
.btn-box.btn-long .btn { min-width: 200px; } 
.btn-box.btn-long .btn-max { width: 400px; height: 90px; font-size: 24px; font-weight: 700; } 
.btn-box .btn-download { padding-left: 46px; background: url('../img/sub/ico_download.svg') no-repeat 18px 50%; } 
.btn-box .btn-detail { padding-left: 46px; background: url('../img/sub/ico_search3.svg') no-repeat 18px 50%; } 
.btn-box .btn-attach { padding-left: 46px; background: url('../img/sub/ico_clip.svg') no-repeat 18px 50%; } 

/* box tab */
.container .box-tab { margin-bottom: 40px; width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; text-align: center; } 
.container .box-tab li { position: relative; padding: 20px 0; width: calc(100% / 7); height: 60px; color: #000; background: #fff; border: 1px solid #ddd; border-left: 0; border-bottom: 0; } 
.container .box-tab li.border-l { border-left: 1px solid #ddd; } 
.container .box-tab li.border-b { border-bottom: 1px solid #ddd; } 
.container .box-tab li a { display: block; } 
.container .box-tab li.on { color: #D23345; font-weight: 600; color: #D23345; border: 2px solid #D23345; } 

/* card box */
.card-list { width: 100%; border: 1px solid #ddd; display: flex; } 
.card-list > li { flex: 1; padding: 40px 45px; display: flex; align-items: flex-start; gap: 25px 0; flex-direction: column; border-left: 1px solid #ddd; line-height: 25px; word-break: keep-all; } 
.card-list > li:first-child { border-left: 0; } 
.card-list > li .tit { font-size: 24px; font-weight: 500; } 

.card-list li > .tit.line { position: relative; margin-bottom: 25px; } 
.card-list li > .tit.line::after { content: ''; position: absolute; left: 0; width: 15px; height: 1px; background: #ccc; bottom: -25px; } 
.card-list li > .tit.line b.blue { margin-left: 13px; } 

/* list Style01 */
.list-style { width: 100%; border-top: 1px solid #eee; } 
.list-style > li { padding: 20px; border-bottom: 1px solid #eee; display: flex; align-items: flex-start; } 
.list-style > li > .gray { padding-left: 40px; min-width: 200px; color: #777; position: relative; } 
.list-style > li > .gray.disc::before { content:''; width: 4px; height: 4px; border-radius: 50%; background: #777; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); } 

 /* list Style02 */
 .list-style02 { width: 100%; } 
 .list-style02 > li { display: flex; align-items: center; gap: 100px; padding: 50px 0; color:#000; border-bottom: 1px solid #eee; } 


/* 갤러리형 리스트 */
.board-list { display: flex; gap: 0 40px; flex-wrap: wrap; } 
.board-list.col3 { gap: 0 70px; } 
.board-list.col3 > li { width: 420px; } 
.board-list > li { width: 320px; margin-bottom: 60px; } 
.board-list > li .thumb { width: 100%; height: 200px; border-radius: 10px; overflow: hidden; } 
.board-list > li .thumb img { width: 100%; height: 100%; } 
.board-list > li a { display: block; } 
.board-list > li .tit { min-height: 58px; font-weight: 500; font-size: 24px; line-height: 29px; color: #000; margin: 20px 0 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } 
.board-list > li .date { font-weight: 400; font-size: 16px; line-height: 19px; color: #777; } 
.board-list .line { position: relative; margin-bottom: 50px; } 
.board-list .line::after { content: ''; position: absolute; left: 0; width: 15px; height: 1px; background: #ccc; bottom: -25px; } 

.board-list > li.end .thumb { position: relative; } 
.board-list > li.end .thumb::after { content: '종료'; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); color: #fff; font-size: 36px; display: flex; align-items: center; justify-content: center; } 
.board-list > li.end .tit { color: #bbb; } 
.board-list > li .hit { float: right; color: #999; font-size: 16px; }
/* 갤러리형 리스트 border있는것 */
.board-list.card > li { margin-bottom: 0; width: auto; position: relative; padding: 30px 40px; border-bottom: 1px solid #ddd; } 
.board-list.card.border > li { border-top: 1px solid #ddd; } 
.board-list.card.col2 > li { width: calc( 50% - 40px ); } 
.board-list.card.col3 { gap: 0 40px; } 
.board-list.card.col3 > li { width: calc( 33.33% - 40px ); } 
.board-list.card.col4 > li { width: calc( 25% - 40px ); } 
.board-list.card.col5 > li { width: calc( 20% - 40px ); } 
.board-list.card .txt { font-size: 24px; font-weight: 600; } 
.board-list.card .txt .red { margin-bottom: 20px; } 
.board-list.card .txt .gray { margin-top: 15px; font-size: 16px; font-weight: 400; } 

/* 갤러리형 리스트 넘버링(파랑) 있는것 */
.board-list.card.numb > li { flex: 1; border-top: 1px solid #ddd; } 
.board-list.card.numb > li:not(:last-child)::after { content: ''; position: absolute; right: -30px; top: 50%; transform: translateY(-50%); width: 10px; height: 22px; background: url('../img/sub/ico_step arrow.svg') no-repeat 50% 50%; } 
.board-list.card.numb > li > div { display: flex; flex-direction: column; gap: 20px 0; font-size: 20px; font-weight: 500; } 
.board-list.card.numb > li > div .numb { display: block; width: 36px; height: 36px; color: #fff; text-align: center; line-height: 36px; background: #2245A5; border-radius: 50%; } 
.board-list.card.numb > li > div .gray { font-size: 16px; font-weight: 400; line-height: 25px; word-break: keep-all; } 

.board-list.card.noBorder > li { border-bottom: 0; border-top: 0; } 
/* 갤러리형 리스트 넘버링(회색) 있는것 */
.board-list li.graynumb { border-top: 1px solid #ddd; margin-top: -1px; padding-left: 30px; padding-right: 0; } 
.board-list li.graynumb > p { font-size: 24px; font-weight: 500; color: #ccc; } 
.board-list li.graynumb > div { padding-top: 20px; display: flex; flex-direction: column; gap: 15px 0; } 
.board-list li.graynumb > div p { font-size: 20px; } 

/* 아코디언형 리스트 */
.accordion-list { width: 100%; border-top: 1px solid #ccc; } 
.accordion-list ul { width: 100%; } 
.accordion-list ul li { width: 100%; border-bottom: 1px solid #eee; } 
.accordion-list ul li .card { padding: 35px 33px; display: flex; gap: 0 40px; align-items: center; font-size: 20px; } 
.accordion-list ul li .card .type { flex-shrink: 0; width: 33px; height: 33px; background: url('../img/sub/ico_qna01.svg') no-repeat 50% 50%; } 
.accordion-list ul li .card .category { flex-shrink: 0; width: 200px; word-break: keep-all; font-size: 18px; text-align: left; color: #777; } 
.accordion-list ul li .card > div { width: 100%; display: flex; align-items: center; justify-content: space-between; } 

.accordion-list ul li .card.answer,
.accordion-list ul li .card.my-question { align-items: flex-start; background: #F6F6F6; } 
.accordion-list ul li .card.my-question.on { margin-bottom: 10px; } 
.accordion-list ul li .card.answer .type { background: url('../img/sub/ico_qna02.svg') no-repeat 50% 50%; } 
.accordion-list ul li .card.answer > div,
.accordion-list ul li .card.my-question > div { align-items: flex-start; flex-direction: column; gap: 40px 0; } 
.accordion-list ul li .card .site { text-decoration: underline; } 

.accordion-list ul li .more { display: block; transition: all .2s; } 
.accordion-list ul li .more.open { transform: rotate(-180deg); } 

.accordion-list ul li .date { font-size: 16px; font-weight: 300; color: #777; flex-shrink: 0; } 
.accordion-list ul li .faq-ico { display: inline-block; flex-shrink: 0; width: 80px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; font-weight: 600; border-radius: 5px; font-weight: 400; } 
.accordion-list ul li .faq-ico.red { border: 1px solid #D23345; color: #D23345; font-weight: 600; } 
.accordion-list ul li .faq-ico.end { border: 1px solid #ccc; color: #777; } 
.accordion-list ul li .faq-ico.black { border: 1px solid #000; color: #000; } 
.accordion-list ul li .empty-more { padding-left: 12px; } 
.accordion-list ul li .admin-name > .date { padding-left: 30px; position: relative; } 
.accordion-list ul li .admin-name > .date::before { content: ''; position: absolute; left: 15px; top: 50%; width: 1px; height: 15px; background: #ccc; transform: translateY(-50%); } 

.accordion-list .file-list { display: flex; flex-direction: column; gap: 15px 0; padding: 25px 30px; background: #fff; } 
.accordion-list .file-list li { display: flex; align-items: center; gap: 0 30px; font-size: 16px; color: #777; border: 0; } 
.accordion-list .file-list li i { margin-right: 10px; } 

/* table style 01 */
.table-box01 table { border-top: 1px solid #ccc; margin-bottom: 40px; } 
.table-box01 table thead th { border-bottom: 1px solid #ccc; padding: 20px 0; font-weight: 300; font-size: 16px; color: #777; } 
.table-box01 table tbody tr.notice td { background: #F6F6F6;; } 
.table-box01 table tbody td { padding: 24px 0; border-bottom: 1px solid #eee; } 
.table-box01 table tbody td.center { text-align: center; } 
.table-box01 table tbody td.category { color: #777; text-align: center; } 
.table-box01 table tbody td.subject { padding-left: 40px; } 
.table-box01 table tbody td.subject > span { font-weight: 400; font-size: 18px; line-height: 21px; cursor: pointer; } 
.table-box01 table tbody td.subject span strong { font-weight: 500; } 
.table-box01 table tbody td.no span,
.table-box01 table tbody td.date span { font-weight: 300; font-size: 16px; line-height: 19px; color: #777; } 
.table-box01 table .more { display: inline-block; padding: 0 20px; transition: all .2s; } 
.table-box01 table .more.on { transform: rotate(-180deg); } 
.table-box01 table .subject .detail { display: none; position: relative; padding-left: 50px; color: #777; font-size: 18px; } 
.table-box01 table .subject .detail::before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 40px; width: 4px; height: 4px; border-radius: 50%; background: #777; } 
.table-box01 table .edit-btn button,
.table-box01 table .edit-btn a { margin-left: 10px; display: inline-block; padding: 8px 26px; border: 1px solid #ccc; border-radius: 5px; font-size: 16px; } 
.table-box01 table td.sortation { color: #777; } 
.table-box01.status .red,
.table-box01.status .endGray { font-weight: 500; } 

/* table Style 02 - 상단th만 배경색 있는거 */
.table-box02 table { width: 100%; border-top: 1px solid #000; margin-top: 30px; } 
.table-box02 table th,
.table-box02 table td { font-size: 18px; font-weight: 400; border-bottom: 1px solid #ddd; line-height: 22px; word-break: keep-all; } 
.table-box02 table th { background: #f7f7f7; padding: 20px 0; } 
.table-box02 table td { padding: 24px 40px; text-align: center; border-left: 1px solid #ddd; } 
.table-box02 table td:first-child { border-left: 0; } 
.table-box02 table th.border,
.table-box02 table td.border { border-left: 1px solid #ddd; } 
.table-box02 table th.left,
.table-box02 table td.left { text-align: left; } 
.table-box02 table td.right { text-align: right; } 
.table-box02 table td.bg { background: #f7f7f7; } 
.table-box02 table td strong { font-weight: 600; } 
.table-box02 .tit { display: flex; justify-content: flex-end; font-weight: 400; font-size: 16px; line-height: 19px; color: #555; margin-top: 40px; } 

.table-box02 table td.pl40,
.table-box02 table th.pl40 { padding-left: 40px; } 


/* border만 있는 테이블 */
.table-box03 table { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } 
.table-box03 table th { border-right: 1px solid #ddd; font-weight: 400; color: #999; } 
.table-box03 table tr:first-child th,
.table-box03 table tr:first-child td { padding-top: 30px; } 
.table-box03 table tr:last-child th,
.table-box03 table tr:last-child td { padding-bottom: 30px; } 
.table-box03 table th,
.table-box03 table td { text-align: left; padding: 20px 50px; } 



/* input 스타일 */
.input-box { width: 100%; margin: 30px 0; border: 1px solid #ddd; border-left: 0; border-right: 0; } 
.input-box .col-box { display: flex; flex-direction: column; gap: 10px 0; } 
.input-box input[type="file"] { display: none; } 
.input-box input[type="text"],
.input-box input[type="password"],
.input-box input[type="tel"],
.input-box select { width: 400px; height: 60px; border: 1px solid #ddd; box-sizing: border-box; } 
.input-box select,
.input-box input[type="tel"],
.input-box .flex-box input[type="text"] { width: 150px; } 
.input-box .flex-box input[type="text"].long { width: 400px; }
.input-box input[type="text"].addr { width: 600px; } 
.input-box > div { display: flex; padding: 15px 0; } 
.input-box > div > b { line-height: 60px; } 
.input-box > div:first-child { padding-top: 30px; } 
.input-box > div:last-child { padding-bottom: 30px; } 
.input-box:not(.add) > div > p { flex-shrink: 0; min-width: 200px; margin-right: 55px; padding: 0 0 0 40px; line-height: 60px; font-size: 18px; word-break: keep-all; } 
.input-box textarea { width: 1145px; height: 330px; }
.input-box > div iframe { width: 1145px!important; } 
.input-box select.long { width: 400px; } 
.input-box select.half,
.input-box input[type="text"].half { width: 200px; } 
.input-box > div .flex-box { display: flex; align-items: center; gap: 0 20px; } 
.input-box .flex-box.file { align-items: flex-end; } 
.input-box .flex-box.file > div input[type="text"] { width: 698px; } 
.input-box .file-list { padding: 20px; width: 1145px; min-height: 60px; border: 1px solid #ddd; display: flex; flex-direction: column; gap: 20px 0; } 
.input-box .file-list p { max-width: 100%; width: fit-content; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; padding-right: 34px; } 
.input-box .file-list p > button { position: absolute; top: 50%; right: 0; transform: translateY(-50%); } 
.input-box .btn-box > label .btn { width: 182px; } 
.input-box > .desc { width: 100%; padding: 18px 100px; text-align: center; line-height: 32px; border: 1px solid #ddd; } 


.input-box.add { padding-bottom: 40px; } 
.input-box.add > div { display: block; } 
.input-box.add > div > p { width: auto; line-height: 22px; } 

.flex-check { padding: 35px 40px!important; width: 100%; display: flex!important; gap: 0 206px; flex-wrap: wrap; border: 1px solid #ddd; } 
.flex-check.small { gap: 0 40px; } 
.flex-check.row { flex-direction: column; gap: 40px 0; } 

/*.progress-box { margin: 42px 0 60px; }*/
.progress-box { margin: 20px 0 60px; } /* #30370 개인정보 수집동의 필드값 위치 변경 */
.input-progress-bar { margin-top: 15px; position: relative; width: 100%; height: 3px; border-radius: 10px; background: #dddd; } 
.input-progress-bar .active { position: absolute; top: 0; bottom: 0; width: 5%; background: #D23345; border-radius: 10px; } 

.check-box { display: flex; flex-direction: column; gap: 20px 0; font-size: 18px; font-weight: 500; } 
.check-box p label { margin-right: 20px; line-height: 35px; } 

.flow-box { width: 100%; padding: 30px; background: #f8f8f8; display: flex; align-items: center; gap: 0 50px; } 
.flow-box span { position: relative; display: inline-flex; align-items: center; gap: 0 10px; font-size: 18px; color: #777; } 
.flow-box span.on { gap: 0 20px; padding-right: 220px; font-size: 24px; font-weight: 500; color: #000; } 
.flow-box span.on::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 200px; height: 1px; background: #000; } 

.mobile-box > input[type="text"] { width: 400px !important; }

/* page */
.page { margin: 20px auto 40px; display: flex; justify-content: center; } 
.page .pagination { display: flex; gap: 0 30px; align-items: center; } 
.page .pagination li a.num { font-weight: 300; font-size: 18px; line-height: 21px; color: #999; } 
.page .pagination li a.active { font-weight: 500; color: #000; border-bottom: 2px solid #000; } 
.page .pagination li a.btn-page img { vertical-align: baseline; } 

/* 게시판 view page */
.detail-head .subject-wrap { padding: 40px; border-top: 1px solid #000; border-bottom: 1px solid #eee; } 
.detail-head .subject-wrap strong { font-weight: 600; font-size: 24px; line-height: 29px; } 
.detail-head .subject-wrap div.date-flex { display: flex; align-items: center; justify-content: flex-start; gap: 0 10px; } 
.detail-head .subject-wrap .date { display: block; margin-top: 20px; font-weight: 300; font-size: 16px; line-height: 19px; color: #777; } 
.detail-head .subject-wrap .etc { display: block; margin-top: 20px; font-weight: 300; font-size: 16px; line-height: 19px; color: #777; padding-left: 10px; position: relative; } 
.detail-head .subject-wrap .etc::before { content: ''; width: 1px; height: 14px; background: #ddd; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); } 
.detail-head .file-wrap { padding: 30px; border-bottom: 1px solid #ccc; } 
.detail-head .file-wrap ul li:not(:first-child) { margin-top: 10px; } 
.detail-head .file-wrap ul li em { font-weight: 400; font-size: 16px; line-height: 19px; color: #777; margin-right: 30px; } 
.detail-head .file-wrap ul li em img { margin-right: 10px; vertical-align: -3px; } 
.detail-head .file-wrap ul li a.btn120 { display: inline-block; width: 120px; height: 35px; font-weight: 400; font-size: 16px; line-height: 35px; border: 1px solid #ccc; border-radius: 5px; text-align: center; margin-right: 10px; } 
.detail-head .file-wrap ul li a.btn120 img { margin-right: 10px; vertical-align: -3px; } 

.detail-body { padding: 60px 40px 80px; border-bottom: 1px solid #ccc; } 
.detail-body.reply { border-bottom:0; } 
.detail-body p { font-weight: 400; font-size: 18px; line-height: 30px; } 
.detail-body.not-big-btn { padding: 60px 0 80px; } 
.detail-body:not(.not-big-btn) .btn-box { display: flex; align-items: center; justify-content: center; } 
.detail-body:not(.not-big-btn) .btn-box .btn.black { margin-top: 100px!important; width: 400px; height: 90px; font-size: 24px; font-weight: 600; } 
.detail-body:not(.not-big-btn) .btn-box .btn.b-black { width: 400px; height: 90px; font-size: 24px; font-weight: 400; border: 1px solid #ccc; }

.detail-foot { padding: 35px 40px; border-bottom: 1px solid #ccc; display: flex; justify-content: space-between; } 
.detail-foot > div a { display: block; display: flex; gap: 0 20px; } 
.detail-foot > div span { font-weight: 400; font-size: 18px; line-height: 30px; } 
.detail-foot > div strong { font-weight: 400; font-size: 18px; line-height: 30px; color: #999; overflow: hidden; text-overflow: ellipsis; width: 500px; white-space: nowrap; } 
.detail-foot .prev,
.detail-foot .next { flex: 1; } 
.detail-foot .prev a { position: relative; padding-left: 40px; } 
.detail-foot .prev a::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 20px; height: 20px; background: url(../img/sub/ico_prev.svg) no-repeat; } 
.detail-foot .next { margin-left: auto; } 
.detail-foot .next a { position: relative; padding-right: 40px; justify-content: flex-end; text-align: right; } 
.detail-foot .next a::before { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 20px; height: 20px; background: url(../img/sub/ico_next.svg) no-repeat; } 

/* nodata */
.empty { width: 100%; padding: 160px 0; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 40px 0; border-top: 1px solid #ccc; } 
.empty p { font-size: 28px; } 

/* 고객센터 박스 */
.help-box { margin-top: 100px; width: 100%; padding: 40px 0; display: flex; align-items: center; justify-content: center; gap: 0 280px; border: 10px solid #F0F0F0; } 
.help-box2 { gap: 0 90px; } 
.help-box .gray { position: relative; } 
.help-box .border { position: relative; } 
.help-box2 .border { padding-right: 80px; } 
.help-box .gray::before { content: ''; width: 4px; height: 4px; border-radius: 50%; background: #777; position: absolute; top: 50%; transform: translateY(-50%); left: -20px; } 
.help-box .gray.border::after { content: ''; position: absolute; top: 0; right: -140px; width: 1px; height: 100%; background: #ddd; } 
.help-box2 .gray.border::after { right: 0; } 
.help-box .gray font { position: relative; color: #000; padding-left: 20px; } 
.help-box .gray span { position: relative; display:inline-block; color: #000; padding-left: 20px; } 


.help-box.column { flex-direction: column; } 
.help-box.column > div { display: flex; align-items: center; justify-content: space-between; width: 50%; } 
.help-box.column > div p:last-child { width: 200px; } 
.help-box.column > div p:last-child::after { content: ''; position: absolute; top: 0; left: -140px; width: 1px; height: 100%; background: #ddd; } 
/* 조직도 */
.chart-box { width: 100%; padding: 70px 0; display: flex; justify-content: center; background: #f6f6f6; } 
.chart-box .card { position: relative; width: 250px; height: 60px; text-align: center; line-height: 60px; background: #fff; border-top: 4px solid #2245A5; border-bottom: 1px solid #2245A5; } 
.chart-box .top { display: flex; align-items: center; justify-content: center; } 
.chart-box .top .card { border-top: 4px solid #D23345; border-bottom: 1px solid #D23345; } 
.chart-box .top .card::before { content: ''; position: absolute; bottom: -70px; left: 50%; transform: translateX(-50%); width: 1px; height: 70px; background: #ccc; } 
.chart-box .top .card::after { content: ''; position: absolute; bottom: -70px; left: 50%; transform: translateX(-50%); width: 7px; height: 7px; background: #ccc; border-radius: 50%; } 
.chart-box .bottom { position: relative; padding-top: 120px; display: flex; align-items: center; justify-content: space-between; } 
.chart-box .bottom::before { content: ''; position: absolute; top: 65px; left: 50%; transform: translateX(-50%); width: calc( 100% - 250px ); height: 1px; background: #ccc; } 
.chart-box .bottom .card::before { content: ''; position: absolute; top: -59px; left: 50%; transform: translateX(-50%); width: 1px; height: 55px; background: #ccc; } 
.chart-box .bottom .card a { display: flex; align-items: center; justify-content: center; gap: 0 10px; } 
/* 연혁 리스트 */
.history-box .map-wrap { border-top: 1px solid #ccc; padding: 60px 0; overflow: hidden; } 
.history-box .map-wrap > li { position: relative; display: flex; justify-content: space-between; padding: 0 0 80px; } 
.history-box .map-wrap > li::before { content: ''; position: absolute; top: 10px; left: 132px; width: 1px; height: 100%; border-left: 1px dashed #bbb; } 
.history-box .map-wrap > li.none::before { display: none; } 
.history-box .map-wrap > li:last-child { padding-bottom: 0; } 
.history-box .map-wrap > li:last-child::before { display: none; } 
.history-box .map { display: flex; gap: 0 76px; } 
.history-box .map .year { position: relative; width: 70px; font-size: 30px; font-weight: 700; color: #D23345; } 
.history-box .map .cont { display: flex; gap: 20px 0; flex-direction: column; font-size: 24px; position: relative; } 
.history-box .map-wrap > li:last-child .cont.several::before { content: ''; position: absolute; top: 20px; left: -14px; width: 1px; height: calc( 100% - 30px ); border-left: 1px dashed #bbb; } 
.history-box .map .cont > li { display: flex; align-items: center; gap: 0 20px; } 
.history-box .map .month { min-width: 60px; position: relative; } 
.history-box .map .month::before,
.history-box .map li.no-month .desc::before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: -19px; width: 10px; height: 10px; background: #D23345; border-radius: 50%; box-sizing: border-box; } 
.history-box .map li.no-month .desc::before { top: 0; transform: translateY(0); } 
.history-box .map .no-month .desc { position: relative; padding-left: 100px; } 
.history-box .map .desc p { position: relative; } 
.history-box .map .desc p:not(:first-child) { margin-top: 10px; } 
.history-box .big-thumb { position: relative; } 
.history-box .big-thumb::after { content: ''; position: absolute; top: 10px; right: 10px; width: 36px; height: 36px; background: url('../img/sub/ico_detail_img.svg') 50% 50% no-repeat; } 

/* 댓글 박스 */
.reply-box { position: relative; padding-bottom: 60px; margin-top: -1px; } 
.reply-box .reply-input { width: 100%; border: 1px solid #eee; position: relative; } 
.reply-box .reply-input input,
.reply-box .reply-input textarea { width: 100%; height: 170px; resize: none; border: 0; } 
.reply-box .reply-input > .flexbox { border-top: 1px solid #eee; } 
.reply-box .reply-input > .flexbox > div { display: inline-flex; gap: 0 30px; padding: 20px; font-size: 16px; } 
.reply-box .reply-input > .flexbox > div label > img { margin-right: 10px; } 
.reply-box .reply-input > .flexbox .gray { position: relative; } 
.reply-box .reply-input > .flexbox .gray::before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: -15px; height: 15px; width: 1px; background: #ddd; } 
.reply-box .reply-input > .flexbox button { width: 100px; height: 60px; background: #000; font-size: 18px; font-weight: 500; color: #fff; line-height: 60px; } 
.reply-box .reply-input .btn.edit { width: 70px; height: 40px; margin: 10px; background: #fff; border: 1px solid #ccc; border-radius: 5px; line-height: 40px; font-size: 16px; color: #000; } 

.reply-box .reply-btn { width: 24px; height: 24px; background: url('../img/sub/ico_reply_more.svg') no-repeat 50% 50%; } 

.reply-numb { padding: 100px 0 20px; color: #555; } 
.reply-numb b { font-weight: 600; color: #000; } 

.reply-box .reply-list li .ban { padding: 5px 0; color: #777; } 

.reply-box .reply-list { width: 100%; border-top: 1px solid #000; } 
.reply-box .reply-list li { width: 100%; display: flex; flex-direction: column; gap: 20px 0; padding: 20px 0; border-bottom: 1px solid #eee; } 
.reply-box .reply-list li .top { display: flex; align-items: center; justify-content: space-between; position: relative; } 
.reply-box .reply-list li .top .user-id { font-size: 18px; color: #2245A5; font-weight: 600; padding-right: 15px; } 
.reply-box .reply-list li .top .date { font-size: 16px; color: #777; font-weight: 300; } 
.reply-box .reply-list li .file { display: flex; align-items: center; justify-content: flex-end; gap: 0 30px; } 
.reply-box .reply-list li .file > a { display: inline-flex; gap: 0 10px; font-size: 16px; color: #777; } 
.reply-box .reply-list li .file .btn { width: auto; height: 35px; } 

.reply-box.only-member .reply-input::after { content: '댓글 작성은 회원 로그인 후 이용 가능합니다.'; padding: 20px; color: #999; position: absolute; top: 0; left: 0; right: 0; bottom: 60px; background: #fff; border-bottom: 1px solid #eee; } 

/* 댓글 수정 삭제 툴팁 박스 */
.tooltip_box { position: absolute; right: 10px; bottom: -150px; display: none; z-index: 1; } 
.tooltip_box .tooltip_cont { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px 0; position: relative; padding:40px 10px 10px; border-radius: 5px; background: #fff; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); } 
.tooltip_box .tooltip_cont button { border: 1px solid #ddd; border-radius: 5px; font-size: 16px; color: #000; font-weight: 500; padding: 10px 20px; } 
.tooltip_box .tooltip_cont button:hover { background: #000; border: 1px solid #000; color: #fff; } 
.btn_tip_close { font-size: 0; background: url('../img/sub/ico_x.svg') no-repeat 50% 50%; width: 24px; height: 24px; position: absolute; top: 5px; right: 5px; } 

.tooltip_btn { margin-left: 5px; position: relative; display: inline-block; width: 24px; height: 24px; border-radius: 50%; background: #ddd url('../img/sub/btn_tip.png') no-repeat 50% 50%; vertical-align: middle; } 
.tooltip_btn .hover-txt { width: 150px; margin-top: -15px; } 
.tooltip_btn .tooltip_box { bottom: -120px; right: 0; } 
.tooltip_btn:hover { background-color: #000; } 
.tooltip_btn:hover .tooltip_box { display: block; } 

/* 이미지 박스 */
.img-box { text-align: center; } 

.video-box { width: 100%; overflow: hidden; } 
.video-box video,
.video-box iframe { width: 100%; } 

/* 회색보더 탭메뉴 박스 */
.tab-box { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 70px; border: 10px solid #F0F0F0; padding: 38px; margin: 30px 0 50px; } 
.tab-box li.active a { font-weight: 700; color: #D23345; border-bottom: 3px solid #D23345; padding-bottom: 5px; } 
.tab-box li a { display: block; font-size: 20px; color: #777; } 


/* 정보마당 ------------------------------------------------------*/

/* 중소기업 기본통계 */
.kosis-potal { text-align: center; margin-top: 20px; } 

/* 지역맛집 500선 */
.book-info { display: flex; border-radius: 20px; background: #F6F6F6; margin: 130px 0 100px; } 
.book-info .book-img { margin-top: -70px; } 
.book-info .txt { padding: 40px 100px 44px 0; } 
.book-info .txt p { font-weight: 400; font-size: 18px; line-height: 30px; } 
.book-info .txt a { display: inline-block; width: 178px; height: 60px; font-weight: 400; font-size: 18px; line-height: 60px; border: 1px solid #CCCCCC; background: #fff; margin: 30px 20px 0 0; text-align: center; } 
.book-info .txt a img { margin-right: 15px; vertical-align: -2px; } 

/* 정책연구단 */
.system.flexbox { gap: 0 40px; } 
.system.flexbox ul li { display: flex; flex-direction: column; gap: 20px 0; min-height: 145px; } 
.system.flexbox ul li .gray { padding-left: 0; } 
.system.flexbox ul li .tit { font-weight: 500; font-size: 20px; line-height: 24px; color: #000; } 
.system.flexbox ul li .txt { font-weight: 400; font-size: 16px; line-height: 19px; color: #777; } 
.laboratory .desc { line-height: 36px; } 

/* 중소기업주간 */
.weeklyinfo > .flexbox { padding: 60px 0 30px; } 
.weeklyinfo > .flexbox .sub-tit { padding: 0 0; } 
.weeklyinfo .schedule .board-list li { width: 440px; margin: -1px 0 0; padding: 30px 40px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } 
.weeklyinfo .schedule .board-list li small { display: inline-block; padding: 10px 25px; margin-bottom: 20px; border-radius: 20px; font-weight: 700; color: #fff; background: #00B7C7; border-radius: 20px; } 
.weeklyinfo .schedule .board-list li small.purple { background: #715AFF; } 
.weeklyinfo .schedule .board-list li small.yellow { background: #F0A300; } 
.weeklyinfo .schedule .board-list li strong { display: block; margin-bottom: 20px; font-size: 20px; line-height: 32px; min-height: 64px; } 
.weeklyinfo .schedule .board-list li .desc-small { position: relative; font-weight: 300; color: #777; padding-left: 15px; margin-bottom: 20px; } 
.weeklyinfo .schedule .board-list li .desc-small::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 100%; background: #777; } 
.weeklyinfo .schedule .board-list li .desc-small span { position: relative; color: #000; margin-left: 30px; } 
.weeklyinfo .schedule .board-list li .desc-small span.border::before { content: ''; position: absolute; top: 50%; left: -15px; transform: translateY(-50%); width: 1px; height: 15px; background: #ddd; } 
.weeklyinfo .schedule .board-list li .btn-box { padding: 20px 0 0; } 
.weeklyinfo .schedule .board-list li .btn-box a { height: 40px; padding: 0 18px; font-size: 16px; } 

.weeklyinfo .card-list { flex-wrap: wrap; border: 0; } 
.weeklyinfo .card-list li { border: 1px solid #ddd; margin: -1px 0 0 -1px; align-items: center; width: 20%; flex: auto; flex-grow: 0; } 

.weeklyinfo .schedule .board-list li.point { position:relative; border: 1px solid #ccc; } 
.weeklyinfo .schedule .board-list li.point::before { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:167px; background:#F7F7F7; z-index:-1;} 

/* 선거관리위원회 */
.election .btn-box .btn { height: 50px; } 

/* 조사연구통계 */
.graph-list { width: 100%; display: flex; gap: 0 40px; } 
.graph-list > li { flex: 1; border: 1px solid #ddd; padding: 60px; display: flex; align-items: flex-start; } 
.graph-list > li > div { flex: 1; } 
.graph-list > li > div img { padding-right: 60px; vertical-align: top; } 
.graph-list > li > div .tit { font-weight: 400; font-size: 24px; line-height: 29px; padding-bottom: 15px; border-bottom: 1px solid #eee; } 
.graph-list > li > div .txt { position: relative; font-weight: 400; font-size: 18px; line-height: 21px; margin-top: 30px; padding-left: 20px; } 
.graph-list > li > div .txt1::before { content: ''; position: absolute; top: 5px; left: 0; width: 12px; height: 12px; border-radius: 100%; background: #5FA9FF; } 
.graph-list > li > div .txt2::before { content: ''; position: absolute; top: 5px; left: 0; width: 12px; height: 12px; border-radius: 100%; background: #4353E8; } 
.graph-list > li > div .txt strong { font-weight: 600; font-size: 20px; line-height: 24px; display: block; margin-top: 15px; } 

/* 임대·대관 */
.lease .sub-tit02 { font-size: 30px; } 
.lease .card-list2 { border-top: 1px solid #ddd; min-height: 420px; gap: 0 186px; } 
.lease .card-list2.border { border-bottom: 1px solid #ddd; } 
.lease .card-list2 li:nth-child(1) { flex: 1.1; } 
.lease .card-list2 li:nth-child(2) { flex:1; width: fit-content; text-align: right; } 
.lease .card-list2 li h3 { font-weight: 600; font-size: 24px; line-height: 29px; margin-bottom: 20px; } 
.lease .card-list2 li .txt { font-weight: 400; font-size: 18px; line-height: 28px; margin-bottom: 40px; } 
.lease .card-list2 li .txt span { display: block; margin-top: 15px; font-weight: 400; font-size: 16px; line-height: 19px; color: #555; } 
.lease .card-list2 li div { display: flex; gap: 0 55px; } 
.lease .card-list2 li div .gray { position: relative; min-width: 85px; padding-left: 20px; margin-bottom: 30px; } 
.lease .card-list2 li div .gray::before { content:''; width: 4px; height: 4px; border-radius: 50%; background: #777; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.lease .table-box02 td.pd { padding: 24px; } 
.lease .btn-box.flexbox { gap: 0 20px; } 
.lease .flexbox { gap: 0 40px; } 
.lease .flexbox2 { align-items: flex-end; } 
.lease .flexbox .table-box02 { flex: 1; } 
.lease .flexbox .sub-tit { padding-bottom: 0; } 

/* 지역본부 - 찾아오시는길 */
.directions .area-wrap { gap: 0 20px; } 
.directions .area-wrap .area-box { border: 10px solid #F0F0F0; height: 308px; } 
.directions .area-wrap .area-box1 { width: 265px; } 
.directions .area-wrap .area-box2 { width: 535px; } 
.directions .area-wrap .area-box3 { width: 310px; } 
.directions .area-wrap .area-box4 { width: 230px; } 
.directions .area-wrap .area-box .tit { color: #777; border-bottom: 1px solid #eee; padding-bottom: 20px; margin: 30px; } 
.directions .area-wrap .area-box ul { display: flex; gap: 0 50px; flex-wrap: wrap; margin: 30px; } 
.directions .area-wrap .area-box ul li { position: relative; font-weight: 400; font-size: 20px; margin-bottom: 35px; cursor: pointer; } 
.directions .area-wrap .area-box ul li::before { content: ''; position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; background: #D23345; padding: 12px 20px; display: none; } 
.directions .area-wrap .area-box ul li.active { font-weight: 600; color: #fff; } 
.directions .area-wrap .area-box ul li.active::before { display: block; } 

.directions .area-tab-cnt {display: none; }
.directions .area-tab-cnt.active {display: block; }

.directions .area-tab-cnt .address-box { margin-top: 37px; } 
.directions .area-tab-cnt .address-box li { border: 1px solid #ddd; padding: 40px 60px; flex: 1; } 
.directions .area-tab-cnt .address-box2 li { min-height: 224px; } 
.directions .area-tab-cnt .address-box li:nth-child(1) { border-right: 0; } 
.directions .area-tab-cnt .address-box li .tit { color: #777; margin-bottom: 30px; } 
.directions .area-tab-cnt .address-box2 li .tit { margin-bottom: 25px; } 
.directions .area-tab-cnt .address-box li .txt { font-size: 20px; } 
.directions .area-tab-cnt .address-box2 li .txt { line-height: 32px; } 
.directions .area-tab-cnt .area-map .wrap_controllers { display: none; } 
.directions .area-tab-cnt .traffic-wrap .title { font-weight: 700; font-size: 22px; margin-bottom: 28px; } 
.directions .area-tab-cnt .traffic-wrap .traffic-list div { display: flex; flex-direction: column; } 
.directions .area-tab-cnt .traffic-wrap .traffic-list li { display: flex; align-items: baseline; justify-content: flex-start; border-top: 1px solid #eee; padding: 19px 20px 19px 40px; } 
.directions .area-tab-cnt .traffic-wrap .traffic-list2 li { align-items: flex-start; } 
.directions .area-tab-cnt .traffic-wrap .traffic-list li:last-child { border-bottom: 1px solid #eee; } 
.directions .area-tab-cnt .traffic-wrap .traffic-list li .name { width: 280px; flex-shrink: 0; } 
.directions .area-tab-cnt .traffic-wrap .traffic-list li .number { min-height: 30px; } 
.directions .area-tab-cnt .traffic-wrap .traffic-list2 li .number { padding-bottom: 15px; } 
.directions .area-tab-cnt .traffic-wrap .traffic-list2 li .number:last-child { padding-bottom: 0; } 
.directions .area-tab-cnt .traffic-wrap .traffic-list li .number em { display: inline-block; height: 30px; padding: 5px 11px; border-radius: 100px; font-weight: 700; color: #fff; font-size: 16px; text-align: center; margin-right: 2px; } 
.directions .area-tab-cnt .traffic-wrap .traffic-list li .number em:last-of-type { margin-right: 20px; } 


/* 간선 */
.directions .area-tab-cnt .traffic-wrap .traffic-list li .number em.num_navy { background: #002060; } 
 /* 지선 */
.directions .area-tab-cnt .traffic-wrap .traffic-list li .number em.num_green { background: #13B050; } 
 /* 마을, 일반 */
.directions .area-tab-cnt .traffic-wrap .traffic-list li .number em.num_shuttle_bus { background: #48932d; } 
 /* 좌석 */
.directions .area-tab-cnt .traffic-wrap .traffic-list li .number em.num_blue { background: #375AAF; } 
/* 광역, 직행, 시외, 급행 */
.directions .area-tab-cnt .traffic-wrap .traffic-list li .number em.num_red { background: #D91219; } 
 /* 순환 */
.directions .area-tab-cnt .traffic-wrap .traffic-list li .number em.bus_cycle { background: #f3ae09; } 
 /* 공항 */
.directions .area-tab-cnt .traffic-wrap .traffic-list li .number em.bus_air { background: #6aa5d0; } 
 /* 9호선 */
.directions .area-tab-cnt .traffic-wrap .traffic-list li .number em.num9 { background: #BDA01E; } 
 /* 5호선 */
.directions .area-tab-cnt .traffic-wrap .traffic-list li .number em.num5 { background: #972EBE; } 
 /* 6호선 */
.directions .area-tab-cnt .traffic-wrap .traffic-list li .number em.num6 { background: #9A4E0F; } 
 /* 경의중앙 */
.directions .area-tab-cnt .traffic-wrap .traffic-list li .number em.num_center { background: #7DC4A5; } 
 /* 공항철도 */
.directions .area-tab-cnt .traffic-wrap .traffic-list li .number em.num_air { background: #70B7E5; } 
 /* 1호선 */
.directions .area-tab-cnt .traffic-wrap .traffic-list li .number em.num1 { background: #003499; } 
 /* 신분당 */
.directions .area-tab-cnt .traffic-wrap .traffic-list li .number em.subway_07 { background: #a9022d; } 
 /* 부산1호선 */
.directions .area-tab-cnt .traffic-wrap .traffic-list li .number em.busan01 { background: #f86c3e; } 
 /* 부산3호선 */
.directions .area-tab-cnt .traffic-wrap .traffic-list li .number em.busan03 { background: #d7ac65; } 
 /* 인천2호선 */
.directions .area-tab-cnt .traffic-wrap .traffic-list li .number em.inchen01 { background: #ffb850; } 
 /* 대구2호선, 대전1호선 */
.directions .area-tab-cnt .traffic-wrap .traffic-list li .number em.daegu { background: #37b42d; } 
 /* 4호선 */
.directions .area-tab-cnt .traffic-wrap .traffic-list li .number em.num4 { background: #359ede; } 
/* 농어촌 */
.directions .area-tab-cnt .traffic-wrap .traffic-list li .number em.nongA { background: #E27E3F; }



/* 본부소개 - 메인 */
.regional .map-wrap { padding: 0 140px; background: #F6F6F6; border-radius: 20px; position: relative; display: flex; align-items: flex-start; } 
.regional .map-wrap .map-area { width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } 
.regional .map-wrap .map-area img { width: 100%; transition: all .2s; } 
.regional .map-wrap ul { padding: 70px 0; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 30px 0; z-index: 1; } 
.regional .map-wrap ul li { width: 150px; height: 50px; border-radius: 50px; border: 1px solid #ccc; line-height: 50px; text-align: center; box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.1); transition: all .2s; background: #fff; } 
.regional .map-wrap ul li.on { background: #D23345; border: 1px solid #D23345; color: #fff; font-weight: 700; } 
.regional .map-wrap ul li a { display: block; } 
.regional .map-wrap ul:last-child { position: absolute; right: 140px; } 

.regional .board-list.regional { margin-top: 30px; display: flex; flex-wrap: wrap; } 
.regional .board-list.regional > li { position: relative; width: 440px; border: 1px solid #ddd; padding: 40px; } 
.regional .board-list.regional > li .txt { display: flex; gap: 0 10px; justify-content: space-between; align-items: center; font-size: 26px; font-weight: 600; } 
.regional .board-list.regional > li .txt .url { font-size: 16px; color: #777; font-weight: 400; } 
.regional .board-list.regional > li .lightGray { display: inline-block; padding: 0 10px; }
/* #32426 지역본부 버튼 위치 수정 */
.regional .board-list.regional .btn-copy { position: absolute; bottom: 20px; right: 20px; }

.regional .board-list > li .disc-list li { line-height: 30px; } 

/* 본부소개 */
.regional-intro.flexbox { justify-content: center; align-items: flex-start; } 
.regional-intro > .img { width: calc( 100% - 800px ); text-align: center; flex-shrink: 0; }
.regional-intro > .img > img { width: 243px; }
.regional-intro .txt { width: 800px; flex-shrink: 0; padding-right: 190px; }
.regional-intro .txt strong { font-weight: 700; font-size: 22px; } 
.regional-intro .txt p { position: relative; line-height: 32px; margin-top: 30px; width: fit-content; word-break: break-all; } 
.regional-intro .txt p::before { content: ''; position: absolute; top: 0; left: -40px; width: 20px; height: 17px; background: url(../img/sub/quotation01.svg); } 
.regional-intro .txt p::after { content: ''; position: absolute; bottom: 0; right: -25px; width: 20px; height: 17px; background: url(../img/sub/quotation02.svg); } 
.regional-intro .txt p.quotation::after { right: 140px; } 
.regional .table-box02 table { margin-top: 0; } 



/* 행사 이벤트 ------------------------------------------------------*/

/* 행사 · 이벤트 */
.event .board-list,
.voice .board-list { gap: 0 70px; } 
.event .board-list li,
.voice .board-list li { width: 420px; } 
.event .board-list li .thumb,
.voice .board-list li .thumb { height: 260px; } 
.event .board-list li .tit,
.voice .board-list li .tit { margin: 20px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height: 58px; } 
.event .board-list li .date { font-size: 17px; } 
.event .board-list li.end .thumb { position: relative; } 
/* .event .board-list li.end .thumb::before { content: '종료'; position: absolute; top: 0; left: 0; width: 100%; height: 260px; background: rgba(0, 0, 0, 0.7); border-radius: 10px; color: #fff; font-size: 36px; text-align: center; padding-top: 109px; box-sizing: border-box; } */
.event .board-list li.end .tit { color: #bbb; } 


.subject-wrap span.ongoing { vertical-align: 3px; } 
.subject-wrap span.standby { vertical-align: 3px; } 
.subject-wrap span.end { vertical-align: 3px; } 

.event-view .detail-body { padding: 0 40px 80px; } 
.event-view .detail-body .event-cnt { position:relative; width: 100%; margin: 40px auto; } 
.event-view .detail-body .event-cnt img { margin-bottom: 40px; }
.event-view .detail-body .event-txt { margin-left: 40px; } 

/* 명문장수기업 */
.prestigious .board-list li .thumb { display: flex; justify-content: center; align-items: center; gap: 0 25px; width: 320px; height: 200px; border: 1px solid #DDDDDD; border-radius: 10px; } 
.prestigious .board-list li .thumb .ci { border-right: 1px solid #EEEEEE; padding-right: 25px; } 
.prestigious .board-list li .thumb .desc { line-height: 26px; } 
.prestigious .board-list li .info .tit { margin: 20px 0 15px; min-height: auto; } 

.prestigious .btn.long { width: 250px; } 

.prestigious .company-box { margin-top: 30px; width: 100%; padding: 40px; border-top: 1px solid #000; border-bottom: 1px solid #ccc; display: flex; align-items: center; gap: 0 80px; } 
.prestigious .video-box { max-width: 1120px; margin: 80px auto 0; } 
.prestigious .desc-box { display: flex; flex-direction: column; gap: 100px 0; margin-top: 100px; } 
.prestigious .desc-box > div { display: flex; gap: 0 107px; } 
.prestigious .desc-box > div > b { font-size: 28px; } 

.prestigious .detail-foot { margin-top: 100px; border-top: 1px solid #ccc; } 
.prestigious .board-list.card.col3 > li { padding: 30px 40px 40px; } 
.prestigious .thumb-circle { margin-top: 40px; width: 250px; } 

.prestigious .photo-list ul { width: 100%; margin-top: 30px; } 
.prestigious .photo-list ul li { position: relative; border-radius: 10px; width: 440px; height:auto; overflow: hidden; cursor: pointer; } 
.prestigious .photo-list ul li img { width: 100%; height: 100%; } 
.prestigious .photo-list ul li .hover-event { display: none; transition: all .2s; } 
.prestigious .photo-list ul li:hover .hover-event { display: block; } 
.prestigious .photo-list ul li .desc { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 20px 0; background: #172857E5; color: #fff; font-size: 24px; } 
.prestigious .photo-list ul li .desc .date { font-size: 18px; } 
.prestigious .photoList-btn { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; }
.prestigious .photoList-btn .swiper-pagination { position: relative; width: 1250px; height: 2px; display: flex; }
.prestigious .photoList-btn .swiper-pagination > * { flex: 1; border-radius: 0; width: auto; height: 2px; }
.prestigious .photoList-btn .slide-btn { width: 100px; display: flex; align-items: center; justify-content: space-between; }


.prestigious-slide .swiper-slide { height: 570px; box-sizing: border-box; border-radius: 10px; overflow: hidden; background-size: cover; color: #fff; font-size: 24px; line-height: 36px; } 
.prestigious-slide .swiper-slide .txt { padding: 204px 80px 0; display: flex; flex-direction: column; gap: 30px; } 
.prestigious-slide .swiper-slide strong { font-size: 48px; } 
.prestigious-slide .swiper-slide .btn.white { border: 1px solid rgba(225, 225, 225, 0.5); } 
.prestigious-slide .swiper-slide .btn.white:hover { border: 1px solid #fff; } 
.prestigious-slide .slide-btn-wrap { position: absolute; left: 80px; bottom: 80px; right: 0; } 
.prestigious-slide .slide-btn-wrap .slide-btn { position: absolute; left: 100px; display: inline-flex; gap: 0 15px; z-index: 1; } 
.prestigious-slide .swiper-pagination-bullet { width: 10px; height: 10px; background: #fff; margin-right: 15px; } 

.prestigious-banner { width: 100%; background: #D1E5FE; display: flex; align-items: flex-end; justify-content: center; } 
.prestigious-banner .banner-wrap { margin: 60px auto 0; padding: 10px 60px; height: 250px; width: 1282px; background: url('../img/sub/banner_prestigious.png') no-repeat 50% 50%; box-sizing: border-box; } 
.prestigious-banner .banner-wrap .desc { font-size: 20px; } 
.prestigious-banner .banner-wrap .desc strong { font-size: 38px; } 
.prestigious-banner .banner-wrap .btn.b-black { background: transparent; border: 1px solid rgba(0, 0, 0, 0.4); font-size: 20px; font-weight: 600; } 

.prestigious-02 .flexbox { gap: 100px 40px; flex-wrap: wrap; } 
.prestigious-02 .flexbox > div { width: calc( 50% - 40px); } 
.prestigious-02 .flexbox > .faq { padding: 50px; height: 370px; display: flex; gap: 79px 0; flex-direction: column; color: #fff; font-size: 20px; background: #F76C44 url('../img/sub/thumb_prestig_faq.png') no-repeat right 40px bottom 40px; } 
.prestigious-02 .flexbox > .faq strong { display: block; font-size: 36px; padding-bottom: 15px; } 
.prestigious-02 .flexbox > .faq .btn { height: 50px; border-radius: 60px; } 

.prestigious-02 .btn { display: flex; gap: 20px 20px; flex-wrap: wrap; } 
.prestigious-02 .btn > a { display: inline-block; flex: 1; position: relative; padding: 40px; height: 175px; min-width: calc( 50% - 20px ); border: 1px solid #ccc; font-size: 24px; } 
.prestigious-02 .btn > a > img { position: absolute; right: 30px; bottom: 30px; } 

.prestigious-02 .help-box { margin-top: 0; padding: 50px; flex-direction: column; align-items: flex-start; gap: 25px 0; font-size: 20px; } 
.prestigious-02 .help-box strong { display: flex; font-size: 32px; display: flex; gap: 0 20px; } 
.prestigious-02 .help-box b { font-size: 46px; margin-right: 20px; } 
.prestigious-02 .help-box + div img { width: 100%; } 

.prestigious-02 .rolling-slide { margin-top: 100px; display: flex; align-items: center; } 
.prestigious-02 .rolling-slide .swiper-container { width: calc( 100% - 140px ); } 
.prestigious-02 .rolling-slide .swiper-slide { text-align: center; } 
.prestigious-02 .btn-play { display: none; }

/* #30864 명문장수기업 웹페이지 업데이트 */
.prestigious-02 .rolling-slide .swiper-slide > a > img {
   width:auto;
   height:40px !important;
}

 /* 포럼·네트워크 */
.forum .board-list.card li { border-top: 1px solid #ddd; } 
.forum .board-list .red + .name { font-size: 24px; font-weight: 600; word-break: keep-all; } 
.forum .board-list .red { font-size: 24px; } 
.forum .board-list.card li .thumb { margin-top: 40px; width: 250px; height: 250px; } 
.forum .board-list.card li.border-t { border-top: 0; } 

/* 리더스포럼 */
.leadersforum .info.list-style li p.lh { line-height: 32px; } 
.leadersforum .brochure .board-list li { margin-top: -1px; display: flex; align-items: flex-start; padding: 40px 20px; border-bottom: 1px solid #ddd; margin-bottom: 0; } 
.leadersforum .brochure .board-list li.border-t { border-top: 1px solid #ddd; } 
.leadersforum .brochure .board-list li strong { flex: 1; } 
.leadersforum .brochure .board-list li .btn-box { display: flex; flex-direction: column; gap: 10px 0; flex: 1; } 
.leadersforum .brochure .board-list li .btn-box a { height: 50px; } 
.leadersforum .board-list > li .thumb { width: 130px; height: 130px; } 
.leadersforum .tab-box { margin: 10px 0 60px; } 
.leadersforum .board-list li { display: flex; padding: 30px 40px; gap: 0 30px; align-items: center; justify-content: flex-start; border-top: 1px solid #ccc; } 
.leadersforum .board-list li:last-child { border-bottom: 1px solid #ccc; } 
.leadersforum .board-list li .name { font-weight: 600; font-size: 24px; margin-right: 15px; } 
.leadersforum .board-list li .gray { font-size: 16px; } 
.leadersforum .board-list li .txt > div { margin-top: 30px; font-size: 18px; font-weight: 400; } 
.leadersforum .table-box02 table { margin-top: 0; } 
.leadersforum .table-box02 table td { padding: 24px; } 
.leadersforum .table-box02 table td:first-child img { vertical-align: -5px; margin-right: 5px; } 
.leadersforum .table-box02 table td.thumb { padding: 0; } 
.leadersforum .table-box02 table td.thumb span { font-size: 16px; color: #555; margin-right: 30px; } 
.leadersforum .table-box02 table td.thumb span img { vertical-align: middle; margin-right: 10px; } 
.leadersforum .table-box02 table td.left { padding-left: 100px; } 
.leadersforum .desc-small { position: relative; font-weight: 300; color: #777; padding-left: 15px; line-height: 30px; } 
.leadersforum .desc-small::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 100%; background: #777; } 
.leadersforum .culture { flex-wrap: wrap; margin-bottom: 217px; } 
.leadersforum .culture .list-style { width: 675px; } 
.leadersforum .culture .list-style:nth-child(3),
.leadersforum .culture .list-style:nth-child(4) { border-top: 0; } 
.leadersforum .culture .list-style li { display: flex; justify-content: flex-start; align-items: center; gap: 0 30px; padding: 30px 40px 40px; } 
.leadersforum .culture .list-style li .txt .tit { font-weight: 600; font-size: 24px; margin-bottom: 20px; } 
.leadersforum .culture .list-style li .txt .tit span { font-weight: 500; font-size: 18px; color: #999; margin-left: 15px; } 

/* 문화경영포럼 */
.cultureforum .desc-small { font-size: 16px; color: #555; } 
.cultureforum .table-box02 table { margin-top: 0; } 

.cultureforum .forum-img { width: 1280px; height: 687px; margin: 0 auto 90px; background:url(../img/sub/img_cultureforum.png); color: #fff; text-align: center; padding: 145px 0; } 
.cultureforum .forum-img .tit { font-weight: 700; font-size: 66px; margin-bottom: 40px; } 
.cultureforum .forum-img .txt { font-weight: 500; font-size: 28px; margin-bottom: 197px; } 
.cultureforum .forum-img span { font-weight: 400; font-size: 20px; } 
.cultureforum p.lh { line-height: 36px; } 

.picture .detail-body .btn-box { display: flex; } 
.picture .detail-body .btn-box a.btn.b-black { margin-left: auto; width: auto; height: 50px; font-size: 18px; font-weight: 500; border: 1px solid #000; } 
.picture .detail-foot { display: block; border-bottom: 0; } 
.picture .detail-foot .btn-box { display: flex; justify-content: center; } 
.picture .detail-foot .btn-box .btn { width: 200px; height: 60px; } 
/* .detail-body .thumb-list { justify-content: flex-start; gap: 0 40px; margin-bottom: 40px; }  */
.detail-body .btn-box + .thumbnail-slide { margin-top: 40px; }
.detail-body .thumb-list { margin-bottom: 40px; }
.detail-body .thumb-list li { width: 232px; height: 150px; position: relative; flex-shrink: 0; border-radius: 10px; overflow: hidden; cursor: pointer; } 
.detail-body .thumb-list li * { vertical-align: top; width: 100%; height: 100%; } 
.detail-body .thumb-list li.on { border: 3px solid #D23345; } 
.detail-body .thumb-list li.off::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); } 

.detail-body .thumb-slide { height: 720px; margin-bottom: 40px; }
.detail-body .thumb-slide li { width: 100%; height: 100%; }
.detail-body .thumb-slide li img { width: 100%; height: 100%; }
.detail-body .thumb-slide li video { width: 100%; height: 100%; object-fit: cover; }  

.recent-box { background: #F6F6F6; padding: 100px 0 160px; margin-top: 100px; } 
.recent-box > div { position: relative; max-width: 1400px; margin: 0 auto; } 
.recent-box > div .swiper-slide { width: 420px!important; height: 375px; display: flex; justify-content: space-between; flex-direction: column; } 
.recent-box > div .swiper-slide img { width: 100%; height: 260px; } 
.recent-box h3 { font-weight: 700; font-size: 28px; margin-bottom: 30px; } 
.recent-box .desc { height: 94px; margin-top: 20px; display: flex; flex-direction: column; gap: 15px 0; justify-content: space-between; } 
.recent-box .tit { font-size: 24px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.recent-box em { font-size: 17px; color: #777; } 
.recent-box .slide-btn button { position: absolute; top: 50%; transform: translateY(-50%); } 
.recent-box .slide-btn .btn-prev { left: -80px; } 
.recent-box .slide-btn .btn-next { right: -80px; } 

/* KBIZ AMP */
.forum-AMP .sub-tit02 { font-size: 28px; margin-bottom: 30px; } 
.list-style.ceo-list li { line-height: 30px; } 
.list-style.ceo-list p.gray.disc { width: 300px; padding-right: 100px; word-break: keep-all; line-height: 22px; } 
.list-style.ceo-list .sub-list b { display: block; font-weight: 500; } 
.list-style.ceo-list .sub-list p { word-break: keep-all; padding-left: 10px; } 
.list-style.ceo-list .sub-list b:not(:first-child) { margin-top: 10px; } 

.box_vision_wrap { padding: 85px 0 100px; } 
.box_vision_goal { position: relative; width: 1170px; height: 800px; margin: 0 auto; } 
.box_vision_goal:before { content: ''; display: block; position: absolute; top: 205px; left: 50%; width: 966px; height: 478px; margin-left: -478px; background: url('../img/sub/bg_vision_round.png') bottom 78px center no-repeat; } 
.box_vision_goal:after { content: ''; display: block; position: absolute; bottom: 0; width: 1170px; height: 604px; background: url('../img/sub/bg_vision_line.png') bottom center no-repeat; } 

.box_vision_goal .vision_goal_title { display: table; position: relative; width: 350px; height: 350px; margin: 0 auto;; background: #e32c51; border-radius: 50%; font-family: 'notoB'; text-align: center; } 
.box_vision_goal .vision_goal_title .ico_wrap { margin-bottom: 16px; } 
.box_vision_goal .vision_goal_title .ico_wrap i { display: inline-block; width: 119px; height: 113px; background: url('../img/sub/ico_vision_tbl.png') no-repeat; } 
.box_vision_goal .vision_goal_title .vision_tit { font-size: 30px; color: #fff; } 

.box_vision_goal .vision_goal_item { display: table; position: absolute; width: 310px; height: 310px; text-align: center; box-sizing: border-box; z-index: 1 } 
.box_vision_goal .vision_cont { display: table-cell; vertical-align: middle; } 
.box_vision_goal .vision_goal_item .vision_tit { display: block; padding: 0 40px; font-size: 24px; color: #e32c51; font-family: 'notoB'; word-break: keep-all; } 
.box_vision_goal .vision_goal_item ul { display: inline-block; margin-top: 16px; text-align: left; } 
.box_vision_goal .vision_goal_item li { position: relative; margin-top: 2px; padding-left: 14px; font-size: 20px; color: #000; } 
.box_vision_goal .vision_goal_item li:before { content: ''; display: block; position: absolute; left:0; top: 16px; width: 3px; height: 3px; background: #000; } 
.box_vision_goal .vision_goal_item li:first-child { margin-top: 0; } 
.box_vision_goal .vision_goal_item:first-child { top: 195px; } 
.box_vision_goal .vision_goal_item:nth-child(2) { top: 489px; left: 240px; } 
.box_vision_goal .vision_goal_item:nth-child(3) { top: 489px; left: 620px; } 
.box_vision_goal .vision_goal_item:nth-child(4) { right: 0; top: 195px; } 

.amp_assoc .card-list { margin-top: 40px; flex-direction: column; border-left: 0; border-right: 0; } 
.amp_assoc .card-list > li { padding: 60px 0; flex-direction: row; gap: 0 80px; border-left: 0; border-bottom: 1px solid #ddd; } 
.amp_assoc .card-list > li .tit { display: block; margin-bottom: 30px; font-weight: 700; } 

.amp-greet .recommend-list { margin-top: 40px; } 
.amp-greet .recommend-list li { padding: 60px 0; border: 1px solid #ddd; border-left: 0; border-right: 0; } 
.amp-greet .recommend-list li .tit { margin-bottom: 40px; font-size: 28px; font-weight: 700; color: #2245A5; } 
.amp-greet .recommend-list li .cont { display: flex; gap: 0 60px; } 
.amp-greet .recommend-list li .cont .txt p { margin-top: 20px; line-height: 32px; } 
.amp-greet .recommend-list li .cont .txt p:first-child { margin-top: 0; } 
.amp-greet .recommend-list li .cont .name { margin-top: 40px; text-align: right; font-weight: 500; } 
.amp-greet .recommend-list li .cont .name b { display: block; margin-top: 10px; font-size: 22px; } 

.amp .vision-box02 > div.top { padding-bottom: 100px; } 
/* 유공자 명예의 전당 */
.hall_of_fame .banner { position: relative; background: #15283E; border-radius: 20px; color: #fff; padding: 60px 70px; } 
.hall_of_fame .banner strong { font-weight: 700; font-size: 40px; } 
.hall_of_fame .banner p { font-weight: 400; font-size: 22px; margin-top: 25px; } 
.hall_of_fame .banner .btn-box .btn { background: transparent; border: 1px solid #fff; color: #fff; } 
.hall_of_fame .banner .img { position: absolute; top: 30px; right: 70px; } 
.hall_of_fame .desc { line-height: 32px; } 
.hall_of_fame .board-list.card li { flex: 1; border-top: 1px solid #ddd; } 
.hall_of_fame .board-list.card li:not(:last-child)::after { content: ''; position: absolute; right: -30px; top: 50%; transform: translateY(-50%); width: 10px; height: 22px; background: url('../img/sub/ico_step arrow.svg') no-repeat 50% 50%; } 
.hall_of_fame .board-list.card li > div { display: flex; flex-direction: column; gap: 20px 0; font-size: 20px; font-weight: 500; } 
.hall_of_fame .board-list.card li > div .numb { display: block; width: 36px; height: 36px; color: #fff; text-align: center; line-height: 36px; background: #2245A5; border-radius: 50%; } 

/* 포럼·네트워크 */
.forum01_03 .board-list.card li .gray { line-height: 25px; } 
.forum01_03 .board-list.card li .btn-box .btn { height: 50px; } 
.forum01_03 .table-box02 table .border-r { border-right: 1px solid #ddd; } 
.forum01_03 .table-box02 table .border-l { border-left: 1px solid #ddd; } 
.forum01_03 .desc-small { font-size: 16px; color: #555; line-height: 25px; } 

/* 통계활용 정책공모전 */

.contest-apply .person-box > div { display: flex; } 
.contest-apply .person-box .person-tit { font-size: 22px; font-weight: 700; padding: 60px 0 20px; } 
.contest-apply .person-box .input-box { flex: 1; margin: 0; } 
.contest-apply .person-box .input-box:first-child { border-right: 1px solid #ddd; } 
.contest-apply .person-box .input-box input[type="tel"] { width: 247px; } 
.contest-apply .person-box .input-box input[type="tel"] + .btn-box button { width: 147px; } 
.contest-apply .person-box .input-box .flex-box { gap: 10px 10px; } 
.contest-apply .division-box { display: flex; gap: 0 40px; align-items: center; } 
.contest-apply .division-box input[type="radio"] + label { padding-left: 34px; } 

.contest-apply .add-file-list > div:not(:first-child) { padding: 30px 0; border-top: 1px solid #ddd; } 
.contest-apply .add-file-list > div > p { width: 240px; } 
.contest-apply .add-file-list .file-list { width: 972px; } 

.contest-apply .policy-box { margin-top: 60px; } 
.contest-apply .policy-tit,
.contest-apply .policy-box > p { font-weight: 700; font-size: 22px; margin-bottom: 20px; } 
.contest-apply .policy-tit > span ,
.contest-apply .policy-box > p > span { font-weight: 500; } 
.contest-apply .policy-box > div { border: 1px solid #ddd; } 
.contest-apply .policy-box .policy-cont { width: 100%; padding: 30px; max-height: 320px; overflow-y: auto; border-bottom: 1px solid #ddd; } 
.contest-apply .policy-box .agree-box { padding: 30px 40px; display: flex; align-items: center; justify-content: flex-end; } 
.contest-apply .policy-box.memb-agree .agree-box { padding: 10px 40px;}
.contest-apply .policy-box .agree-box > b { margin-right: 30px; min-width: 50px; } 
.contest-apply .policy-box .agree-box > label { margin-left: 30px; } 

.contest-apply .policy-box .flexbox { justify-content:flex-start; gap: 0 20px; } 
.contest-apply .policy-box .flex-file { border: 0; } 
.contest-apply .policy-box .flex-file > div { padding: 30px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-top: -1px; } 
.contest-apply .policy-box .flex-file > div > p { min-width: 200px; } 
.contest-apply .policy-box .flex-file .btn-box { flex-shrink: 0; } 
.contest-apply .policy-box .flex-file .file-list { width: 771px; height: 64px; } 
.contest-apply .policy-box .flex-file .btn-box + .file-list { width: 560px; height: 64px; } 

.contest-apply .table-box02 table td .file:not(:first-child) { margin-top: 20px; } 
.contest-apply .table-box02 table td .file p { width: 360px; text-align: left; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 

.contest-apply .apply-complete { padding: 80px; margin-top: 30px; border-top: 1px solid #ddd; } 
.contest-apply .apply-complete .btn-box { margin-top: 60px; } 
.contest-apply .apply-complete .desc > b { font-weight: 600; } 

.contest-apply .apply-complete table { margin-top: 20px; width: 1000px; } 
/* .contest-apply .step02 { display: none; }  */

.contest-apply .table-box03.flex { display: flex; } 
.contest-apply .table-box03.flex table { flex: 1; } 
.contest-apply .table-box03.flex table:first-child { border-right: 1px solid #ddd; } 

.contest-apply .border-box { margin-top: 20px; padding: 30px 40px; border: 1px solid #ddd; } 
.contest-apply .border-box .name { margin-right: 30px; } 
.contest-apply .border-box label { margin-left: 30px; } 
/* 상담센터 ------------------------------------------------------*/

/* 상담완료 */
.apply-complete { padding: 160px 0; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 40px 0; text-align: center; line-height: 22px; } 
.apply-complete .txt { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 30px 0; } 
.apply-complete .gray { line-height: 32px; } 
.apply-complete .btn-box { margin-top: 20px; } 
.apply-complete .desc { font-size: 28px; line-height: 43px; } 

/* 상담 */
.consult .input-box .tit-input { width: 900px; } 

/* 상담내역 */
.consult-mypage .accordion-list li .card { padding: 24px 40px; line-height: 26px; } 
.consult-mypage .accordion-list li .file-list { padding: 30px 0; border-top: 1px solid #ddd; background: transparent; } 
/* 중소기업 규제혁신 */
.innovation .input-box .flex-end { display: flex; align-items: flex-end; gap: 0 20px; } 
.innovation .chart-box .bottom { gap: 0 60px; } 

/* 불공정 */
.unfair .list-style li { display: flex; gap: 0 40px; } 
.unfair .list-style li > p { font-size: 24px; font-weight: 500; color: #ccc; } 
.unfair .list-style li > div { display: flex; flex-direction: column; gap: 15px 0; } 
.unfair .list-style li > div > .w-middle { font-size: 20px; } 

/* 사업조정접수 */
.adjust .list-style li > .gray { min-width: 180px; } 

/* 온라인 고객상담 */
.conslutLogin .card-list { margin-top: -1px; } 
.conslutLogin .card-list li { gap: 30px 0; } 
.conslutLogin .card-list li .tit { font-size: 28px; font-weight: 700; } 
.conslutLogin .card-list li .txt { font-size: 22px; } 
.conslutLogin .card-list.full li { flex-direction: row; gap: 0 130px; } 
.conslutLogin .card-list.full li > div { min-width: 160px; display: flex; flex-direction: column; gap: 30px 0; } 

/* 납품대금 조정협의 */
.delivery > .btn-box { gap: 0 20px; } 
.delivery .list-style li > .btn-box { margin: -10px 0; } 
.delivery .list-style li > .btn-box .btn { height: 50px; } 
.delivery .board-list.numb { gap: 0 94px; } 
.delivery .board-list.numb li:first-child:after { right: -42px; } 
.delivery .board-list.numb li:nth-child(2):before,
.delivery .board-list.numb li:nth-child(3):before,
.delivery .board-list.numb li:nth-child(4):before { content: ''; width: 34px; position: absolute; transform: translateY(-50%); top: 50%; right: -74px; font-size: 16px; color: #2245A5; font-weight: 500; } 
.delivery .board-list.numb li:nth-child(2):before { content: '20일 이내'; } 
.delivery .board-list.numb li:nth-child(3):before { content: '15일 이내'; } 
.delivery .board-list.numb li:nth-child(4):before { content: '30일 이내'; } 

/* 포상신청 */
.voice textarea { width: 100%; height: 150px; } 
.voice .end-tit { font-size: 36px; font-weight: 600; padding: 40px 0 20px; text-align: center; } 
.voice .end-desc { text-align: center; } 

.voice .input-box.add .file-list { width: 100%; } 

.voice .board-list li img { width: 100%; } 

/* 불복구제절차 */
.inform03 .list-style .gray { min-width: 300px; } 
/* kbiz 소개 ------------------------------------------------------*/

/* 회원정보 */
.member .flexbox { display: flex; align-items: center; justify-content: space-between; } 
.member .flexbox>div { font-size: 16px; color: #555; position: relative; } 
.member .flexbox>div::before { content: '*'; position: absolute; left: -10px; top: 50%; transform: translateY(-50%); color: #D23345; } 

/* 직원채용 */
.recruit03 .input-box.add { padding-bottom: 0; border-bottom: 0; } 
/* 조직소개 */
.intro .intro-search { margin: 30px auto 0; width: 800px; height: 70px; position: relative; box-sizing: border-box; } 
.intro .intro-search input[type="text"] { width: 100%; height: 100%; padding: 0 70px 0 30px; border: 1px solid #ccc; border-radius: 50px; } 
.intro .intro-search button { width: 30px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } 
.intro .board-list li { border-top: 1px solid #ddd; margin-top: -1px; } 

.intro .intro-map ul.center { display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; } 
.intro .intro-map ul.center::before { content:''; width: 1px; height: 69%; background: #ddd; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } 
.intro .intro-map ul.center > li { position: relative; margin-bottom: 75px; } 
.intro .intro-map ul.center > li.top { display: flex; align-items: center; justify-content: center; width: 100%; } 
.intro .intro-map ul.center > li.top > .right { position: absolute; top: 0; right: 0; } 
.intro .intro-map ul.center > li.top > .right .flow { padding-top: 20px; } 
.intro .intro-map ul.center > li a { display: inline-flex; width: 100%; height: 100%; align-items: center; justify-content: center; text-align: center; } 
.intro .intro-map ul.center > li.right > ul,
.intro .intro-map ul.center > li.left > ul { position: absolute; top: 50%; transform: translateY(-50%); display: flex; align-items: center; gap: 0 10px; } 
.intro .intro-map ul.center > li.right > ul { left: calc( 50% + 75px ); } 
.intro .intro-map ul.center > li.left > ul { right: calc( 50% + 75px ); } 
.intro .intro-map ul.center > li.right > ul::before,
.intro .intro-map ul.center > li.left > ul::before { content: ''; width: 100%; height: 1px; background: #ddd; position: absolute; top: 50%; z-index: -1; } 
.intro .intro-map ul.center > li.right > ul::before { left: -75px; } 
.intro .intro-map ul.center > li.left > ul::before { right: -75px; } 
.intro .intro-map ul.center > li.full > ul { display: flex; justify-content: center; gap: 0 10px; } 
.intro .intro-map ul.center > li.full > ul::before { content: ''; width: 100%; height: 1px; background: #ddd; position: absolute; top: 40px; z-index: -1; } 
.intro .intro-map ul.center > li.full.col2 > ul { gap: 0 150px; } 
.intro .intro-map ul.center > li.full.col2 { height: 700px; } 
.intro .intro-map ul.center > li.full ul > li { position: relative; list-style: none; margin-left: 0;} 
.intro .intro-map ul.center > li.full .sub.left { position: absolute; top: 75px; left: 200px; display: flex; gap: 0 10px; }
.intro .intro-map ul.center > li.full .sub.center { display: flex; gap: 0 10px; } 
.intro .intro-map ul.center > li.full .sub::before { content: ''; width: 100%; height: 1px; position: absolute; top: -35px; right: 95px; background: #ddd; z-index: -1; } 
.intro .intro-map ul.center > li.full .sub.center::before { width: auto; left: 94px } 
.intro .intro-map .flow { display: flex; flex-direction: column; gap: 10px 0; padding-top: 100px; position: relative; } 
.intro .intro-map .flow::before { content:''; width: 1px; height: 100%; background: #ddd; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1; } 
.intro .intro-map .sub .flow { padding-top: 10px; } 
.intro .intro-map ul.center > li.full .sub .box01::before { content: ''; position: absolute; top: -37px; left: 50%; transform: translateX(-50%); background: #ddd; width: 1px; height: 100px; z-index: -1; } 
.intro .intro-map ul.center li .box01 { width: 190px; height: 80px; border: 2px solid #000; background: #fff; box-sizing: border-box; position: relative; } 
.intro .intro-map ul.center li .box01.no01 { border: 3px solid #D23345; } 
.intro .intro-map ul.center li .box01.no02 { border: 3px solid #2245A5; } 
.intro .intro-map ul.center li .box02,
.intro .intro-map ul.center li .box03 { width: 190px; height: 60px; font-size: 16px; border: 1px solid #ddd; background: #fff; } 
.intro .intro-map ul.center li .flow .box03 > div > a { padding-left: 20px; justify-content: flex-start; } 
.intro .intro-map ul.center li .box03 > div { height: 60px; display: flex; align-items: center; justify-content: space-between; } 
.intro .intro-map ul.center li .box03 .more { transition: all .2s; margin-right: 20px; cursor: pointer; } 
.intro .intro-map ul.center li .box03.on { height: auto; } 
.intro .intro-map ul.center li .box03 .disc-list { display: none; padding: 0 20px; color: #555; font-size: 16px; } 
.intro .intro-map ul.center li .box03.on .disc-list { display: block; } 
.intro .intro-map ul.center li .box03.on .more { transform: rotate(-180deg); } 
.intro .intro-map ul.center li .box03 .disc-list a { justify-content: flex-start; } 

.intro .card-list { flex-wrap: wrap; border:0; gap: 10px 10px; } 
.intro .card-list li { width: 225px; max-width: 225px; padding: 30px 0; align-items: center; flex: auto; border: 2px solid #000; font-weight: 500; } 

.intro .board-list .darkGray > span { display: inline-block; padding-left: 30px; position: relative; } 
.intro .board-list .darkGray > span::before { content:''; position: absolute; top: 50%; transform: translateY(-50%); left: 15px; width: 1px; height: 15px; background: #ccc; } 
.intro .tel-box { width: 100%; padding: 40px 50px; border: 10px solid #eee; } 
.intro .tel-box ul { display: flex; align-items: center; justify-content: space-between; gap: 0 114px; } 
.intro .tel-box ul li { display: flex; justify-content: flex-start; flex-direction: column; gap: 15px 0; position: relative; } 
.intro .tel-box ul li:not(:first-child)::after { content: ''; position: absolute; left: -57px; width: 1px; height: 100%; background: #eee; } 
.intro .tel-box ul li .red { font-size: 23px; font-weight: 500; } 
.intro .board-list > li .tit { min-height: auto; } 
.intro .board-list > li { min-height: 360px; } 
.intro .board-list li > div { margin-top: 20px; } 
.intro .board-list li > div > p { margin-bottom: 5px; display: flex; gap: 0 20px; line-height: 26px; } 
.intro .board-list li > div .gray { display: inline-block; min-width: 110px; padding: 0 20px; position: relative; } 
.intro .board-list li > div .gray::before { content: ''; position: absolute; top: 10px; left: 0px; width: 4px; height: 4px; background: #777; border-radius: 50%; } 

/* 인재상 */
.talent .list-style>li { gap: 0 124px; } 
.talent .list-style>li>div { line-height: 32px; } 
.talent .list-style > li > p.gray { margin-top:10px; } 
.talent li .gray { min-width: 250px; display: flex; align-items: center; gap: 0 19px; } 
.talent .table-box02 th { padding: 20px; background: none; border-bottom: 0; color: #999; } 
.talent .table-box02 td { border-bottom: 0; } 
.talent .table-box02 table { border-bottom: 1px solid #ddd; } 
.talent .accordion-list ul li .card { padding: 25px 40px; font-size: 18px; } 
.talent .accordion-list li .category { width: 150px; line-height: 32px; } 

/* 정보공개 */
.inform .table-box02 td { padding: 20px 25px; } 
.inform .btn-box .btn { font-size: 16px; font-weight: 300; } 

/* 걸어온길 - 역대회장 */
.history .board-list .thumb { margin-top: 60px; width: 130px; height: 130px; float: right; } 

/* 연혁 */
.history .history-box .map-wrap > li { justify-content: flex-end; gap: 0 189px; } 
.history .history-box .map-wrap > li::before { left: 50%; transform: translateX(-50%); } 
.history .history-box .map { width: 833px; } 
.history .history-box .thumb { border-radius: 10px; overflow: hidden; cursor:pointer; } 
.history .history-box .tit { border-top: 1px solid #ccc; padding: 40px 0; display: flex; align-items: center; gap: 0 80px; } 
.history .history-box .tit strong { font-size: 24px; position: relative; } 
.history .history-box .tit strong::before { content: ''; width: 1px; height: 20px; background: #ccc; position: absolute; top: 50%; transform: translateY(-50%); right: -40px; } 

.history .history-box .map-wrap > li:last-child .cont.several::before { height: calc( 100% - 60px ); } 

/* ci,서체 */
.ci-font .btn-box.flexbox { gap: 0 20px; } 
.ci-font .board-list li { border-top: 1px solid #ddd; margin-top: -1px; } 
.ci-font .board-list li > p { position: relative; margin-bottom: 40px; word-break: keep-all; } 
.ci-font .board-list li > p::after { content: ''; position: absolute; left: 0; width: 15px; height: 1px; background: #ccc; bottom: -20px; } 
.ci-font .board-list.color li { width: calc( 50% - 40px ); min-height: 207px; display: flex; justify-content: space-between; } 
.ci-font .board-list.color li strong { display: block; margin-bottom: 20px; font-size: 24px; } 
.ci-font .board-list.color li .cercle { width: 60px; height: 60px; border-radius: 50%; } 
.ci-font .board-list.color li.red strong { color: #D23345; } 
.ci-font .board-list.color li.red .cercle { background: #D23345; } 
.ci-font .board-list.color li.gray strong { color: #58595B; } 
.ci-font .board-list.color li.gray .cercle { background: #58595B; } 
.ci-font .board-list.color li.gold strong { color: #B2A28B; } 
.ci-font .board-list.color li.gold .cercle { background: #B2A28B; } 
.ci-font .board-list.color li.subGray strong { color: #A8A9AD; } 
.ci-font .board-list.color li.subGray .cercle { background: #A8A9AD; } 
.ci-font .board-list.color li.beige strong { color: #D0CDB2; } 
.ci-font .board-list.color li.beige .cercle { background: #D0CDB2; } 
.ci-font .board-list.color li.lightGray strong { color: #C6C6BF; } 
.ci-font .board-list.color li.lightGray .cercle { background: #C6C6BF; } 

.ci-font .list-style li { border: none; padding: 0 0 25px; } 
.ci-font .list-style li > p { padding-left: 50px; min-width: 190px; } 
.ci-font .list-style li:first-child { border-top: 1px solid #ddd; padding-top: 40px; } 
.ci-font .list-style li:last-child { padding-bottom: 40px; border-bottom: 1px solid #ddd; } 

.ci-font .card-list li { position: relative; } 
.ci-font .card-list li.next::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: -18px; width: 36px; height: 36px; background: #2245A5 url('../img/sub/ico_arrow_w.svg') 50% 50% no-repeat; border-radius: 50%; z-index: 1; } 

/* 비전 */
.vision > p { line-height: 32px; } 
.vision .vision-box01 { position: relative; width: 100%; padding: 30px 0 60px; display: flex; align-items: center; justify-content: center; gap: 0 240px; } 
.vision .vision-box01 > div { width: 380px; height: 380px; position: relative; display: flex; align-items: center; justify-content: center; gap: 35px 0; flex-direction: column; border-radius: 50%; border: 2px solid #D23345; background: #fff; } 
.vision .vision-box01 > div .tit { font-size: 22px; font-weight: 600; } 
.vision .vision-box01 > div .desc { font-size: 32px; font-weight: 600; line-height: 50px; text-align: center; } 
.vision .vision-box01 > div.right { background: #D23345; color: #fff; } 
.vision .vision-box01 > div.right::before { content: ''; position: absolute; left: -310px; width: 380px; height: 380px; border-radius: 50%; border: 1px solid #555; z-index: -1; } 

.vision .vision-box03 { padding: 30px 0; } 
.vision .vision-box03 > div { text-align: center; } 
.vision .vision-box03 .tit { display: inline-block; width: fit-content; width: 180px; height: 60px; text-align: center; line-height: 60px; border-radius: 50px; background: #000; font-size: 28px; color: #fff; font-weight: 700; } 
.vision .vision-box03 .graph { position: relative; margin-top: 90px; display: flex; align-items: center; gap: 0 53px; } 
.vision .vision-box03 .graph li { position: relative; flex: 1; height: 240px; border: 1px solid #555; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 700; } 
.vision .vision-box03 .graph::before { content: ''; width: calc( 100% - 240px + 2px); height: 1px; background: #ccc; position: absolute; top:-50px; left: 50%; transform: translateX(-50%); } 
.vision .vision-box03 .graph li::after { content:''; width: 14px; height: 14px; border-radius: 50%; background: #D23345; position: absolute; top: -7px; left: 50%; transform: translateX(-50%); } 
.vision .vision-box03 .graph li::before { content: ''; width: 1px; height: 50px; background: #ccc; position: absolute; top: -50px; left: 50%; transform: translateX(-50%); } 

/* 비전 +amp 강의목록 */
.vision-box02 { position: relative; width: 100%; padding-top: 60px; } 
.vision-box02 > div { display: flex; } 
.vision-box02 > div > div { flex: 1; } 
.vision-box02 > div > div:last-child { text-align: right; } 
.vision-box02 > div.top { padding-bottom: 144px; } 
.vision-box02 > div.center { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 400px; height: 400px; display: flex; align-items: center; justify-content: center; gap: 32px 0; flex-direction: column; border: 2px solid #555; border-radius: 50%; background: #fff; font-size: 32px; font-weight: 700; text-align: center; z-index: 1; line-height: 40px; } 
.vision-box02 > div .tit { width: 100%; padding-bottom: 30px; font-size: 28px; font-weight: 700; border-bottom: 1px solid #ccc; } 
.vision-box02 > div .tit b { display: inline-block; padding-right: 15px; } 
.vision-box02 > div .desc { margin-top: 25px; font-size: 20px; } 
.vision-box02 > div .desc > p:not(:first-child) { margin-top: 10px; } 

/* 지원사업 ------------------------------------------------------*/

/* 협동조합지원 */
.association .list-style li > .gray { min-width: 300px; } 

/* esg */
.esg .intro-box { width: 100%; padding: 49px 0; border: 1px solid #ddd; display: flex; align-items: center; } 
.esg .intro-box li { display: flex; gap: 15px 0; flex-direction: column; font-size: 22px; font-weight: 500; border-left: 1px solid #ddd; padding: 0 80px; } 
.esg .intro-box li:first-child { border: 0; padding-right: 260px; } 
.esg .intro-box li span { color: #555; font-size: 18px; } 
.esg .card-list .btn-box.same .btn { width: 230px; } 
.esg .gray-box { width: 100%; padding: 40px 60px; display: flex; align-items: center; justify-content: space-between; background: #f6f6f6; } 

/* 공제사업 */
.mutual .table-box02 .custome-style th { width: 300px; } 
.mutual .banner-box { width: 100%; min-height: 350px; padding: 60px 75px; border-radius: 20px; position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 43px 0; } 
.mutual .banner-box .desc { display: flex; flex-direction: column; gap: 25px 0; } 
.mutual .banner-box .desc h4 { font-size: 40px; line-height: 48px; } 
.mutual .banner-box .btn-box .btn { background: transparent; } 

/* 노란우산 */
.mutual .banner-box.yellow { background: #FFDD00; } 
.mutual .banner-box.yellow::after { content: ''; width: 360px; height: 420px; position: absolute; top: 30px; right: 100px; background: url('../img/sub/thumb_yellowumb.png') no-repeat 50% 50%; } 

/* 중소기업공제기금 */
.mutual .banner-box.mutual02 { background: #eee; } 
.mutual .banner-box.mutual02::after { content: ''; width: 467px; height: 350px; position: absolute; top: 60px; right: 88px; background: url('../img/sub/thumb_mutual02.png') no-repeat 50% 50%; } 

/* 중소기업보증공제 */
.mutual .banner-box.mutual03 { background: #E0E4EB; } 
.mutual .banner-box.mutual03::after { content: ''; width: 380px; height: 394px; position: absolute; top: 66px; right: 140px; background: url('../img/sub/thumb_mutual03.png') no-repeat 50% 50%; } 

/* 파란우산손해공제, PL단체보험 */ 
.mutual .banner-box.mutual04,
.mutual .banner-box.mutual05 { background: #0052B4; color: #fff; } 
.mutual .banner-box.mutual04 .btn,
.mutual .banner-box.mutual05 .btn { color: #fff; } 
.mutual .banner-box.mutual04::after { content: ''; width: 506px; height: 380px; position: absolute; top: 40px; right: 84px; background: url('../img/sub/thumb_mutual04.png') no-repeat 50% 50%; } 

.mutual .banner-box.mutual05::after { content: ''; width: 425px; height: 388px; position: absolute; top: 42px; right: 120px; background: url('../img/sub/thumb_mutual05.png') no-repeat 50% 50%; } 

/* 국제통상 */
.trade .disc-list li .btn-download { padding: 0 40px 0 75px; margin: 20px 0; font-size: 18px; height: 60px; border: 1px solid #000; border-radius: 0; background-position-x: 40px; } 
.trade .list-style > li .gray { width: 105px; margin-right: 55px; padding-left: 20px; position: relative; } 
.trade .list-style > li .gray::before { content: ''; width: 4px; height: 4px; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; background: #777; border-radius: 50%; } 

.trade03 .flex-table { width: 100%; display: flex; align-items: flex-start; gap: 0 50px; } 
.trade03 .flex-table > div { flex: 1; position: relative; } 
.trade03 .flex-table > div:last-child table { height: 348px; } 
.trade03 .flex-table > div:first-child::after { content: ''; width: 10px; height: 22px; background: url('../img/sub/ico_next_black.svg') 50% 50% no-repeat; position: absolute; top: 50%; transform: translateY(-50%); right: -30px; } 


.trade03 .list-style > li > .blue { padding-left: 40px; min-width: 170px; position: relative; } 
.trade03 .list-style > li > .blue.disc::before { content:''; width: 4px; height: 4px; border-radius: 50%; background: #2245A5; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); } 

/* 인력지원 */
.manpower .banner { width: 100%; padding: 50px 60px 60px; display: flex; gap: 46px 0; flex-direction: column; background: url('../img/sub/thumb_manpower01.png') no-repeat 50% 50%; color: #fff; font-size: 20px; font-weight: 500; line-height: 34px; } 
.manpower .btn-box.flexbox { width: 100%; margin-top: 50px; align-items: center; justify-content: center; gap: 0 20px; } 
.manpower .chart-box .bottom { gap: 0 240px; } 

/* 중소기업승계자문 */
.btn-box.succession-box { width: 100%; display: flex; align-items: center; justify-content: center; background: rgb(85, 154, 212); padding-bottom: 60px; } 
.btn-box.succession-box a { display: inline-block; } 

/* 외국인력지원사업 */
.foreigner .input-box .w300 { width: 300px !important; } 
.foreigner .input-box > div > p { padding-left: 20px; } 
.foreigner .table-box02 { border-bottom: 0; } 
.foreigner table { margin: 0; border-top: 0; } 
.foreigner table th { width: 175px; text-align: left; padding: 40px; padding-right: 35px; vertical-align: text-top; background: none; font-weight: 600; } 
.foreigner table th.pd25 { padding: 25px; } 
.foreigner table td { text-align: left; padding: 25px 40px; border-left: 0; } 
.foreigner table td .flex { display: flex; align-items: flex-start; gap: 0 20px; } 
.foreigner table td .file-box { display: flex; align-items: flex-end; gap: 0 20px; } 
.foreigner table td .file-list { width: 629px; font-size: 16px; } 
.foreigner table td .btn-box + .file-list { width: 420px; font-size: 16px; } 
.foreigner table td .btn-box + .file-list > p { max-width: 378px; width: fit-content; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 25px; position: relative; } 



/* 컨텐츠 등록 - board */
.font_bold { font-weight:600; }

.dash_list li { position: relative; padding-left: 17px; font-size: 18px; color: #666; word-break: keep-all; }
.dash_list li:before { content: '-'; display: block; position: absolute; top: -2px; left: 0; }
.dash_list li .bul_txt{ margin-top: 0; }
.dash_list strong { font-weight:600; }
.dash_list .point_b { font-weight:600; color: #333; }

.dash_list.type li { font-size: 16px; color: #000; }
.dash_list.type02 li { font-size: 16px; color: #666; }

.ico_download { display: inline-block; position: relative; width: 13px; height: 14px; margin-right: 7px; background: url('../img/sub/ico_download.svg') no-repeat left center; vertical-align: middle; }

/* 조직도 개편 0623 */
.intro .intro-map ul.center > li.full .sub.left {
 position:absolute;
 top:177px;
 left:0;
}

.intro .intro-map ul.center > li.full .sub:nth-child(2) .box01.gongjae::before {
 content:'';
 position:absolute;
 top:-99px;
 left:50%;
 transform:translateX(-50%);
 width:1px;
 background:#ddd;
 height:100px;
 z-index:-1;
}

.intro .intro-map ul.center::before {
 height:71.5%;
}

.intro .intro-map ul.center > li.full.col2 {
 height:850px;
}

.intro .card-list li:nth-child(3) {
 padding:10px;
 justify-content: center;
}

.intro .intro-map ul.center li .box02 {
 width:140px;
}

/* #31349 조직도 개편 */
.intro .intro-map ul.center::before {
 height:49.4%;
}

.intro .intro-map ul.center li.full .sub.right {
 position:relative;
 display:flex;
 top:96px;
 right:38px;
 gap:0 10px;
}

.intro .intro-map ul.center > li.full.col2 > ul {
 gap:0 275px;
}

.intro .intro-map ul.center > li.full .sub.left {
 position:relative;
 left:39px;
 top:97px;
}

.intro .intro-map ul.center li .box01 {
 width:180px;
}

.intro .intro-map ul.center li .box03 {
 width:180px;
}

.intro .intro-map ul.center > li.full.col2 {
 height:800px;
}

.intro .intro-map ul.center li .box01.gongjae_box {
 position:relative;
 left:130px;
}

.intro .intro-map ul.center li .box01.director_box {
 left:345px;
}

.intro .intro-map ul.center li .box01.director_box::before {
 content:'';
 width:1px;
 height:81%;
 background:#ddd;
 position:absolute;
 top:78px;
 left:85px;
 z-index: 1;
}

.intro .intro-map ul.center li .box01.gongjae_box::before {
 content:'';
 width:1px;
 height:81%;
 background:#ddd;
 position:absolute;
 top:78px;
 left:90px;
 z-index: 1;
}

.intro .intro-map ul.center > li.full > ul::before {
 width:65%;
 left:356px;
}

.intro .intro-map ul.center > li.full .sub:nth-child(2) .box01.gongjae::before {
 top:-37px;
 height:37px;
}

.intro .intro-map ul.center > li.full .sub.right::before {
 content: '';
 width: 81%;
 height: 1px;
 position: absolute;
 top: -35px;
 right: 90px;
 background: #ddd;
 z-index: -1;
}

.intro .intro-map ul.center > li.full .sub.left::before {
 content: '';
 width: 51%;
 height: 1px;
 position: absolute;
 top: -35px;
 right: 90px;
 background: #ddd;
 z-index: -1;
}

.intro .intro-map ul.center li .flow .box03 > div > a {
 padding-left:16px;
}

.intro .card-list li:nth-child(3) {
 text-align:center;
}

/* 중기정책톡톡 */
.toctoc .input-box > div > p.two { width: 255px; margin-right: 0; line-height: 22px; }
.toctoc .input-box .flex-box .w300 { width: 300px !important; }
.toctoc .input-box .flex-check { padding: 0!important; gap : 0; border: 0; }
.toctoc .input-box .flex-check .check-box { flex-direction: row; align-items: center; gap: 0 20px; }
.toctoc .input-box .append-ico { position: relative; }
.toctoc .input-box .append-ico input[type="text"] { padding-right: 60px; }
.toctoc .input-box .append-ico .ico_search { display: block; width: 20px; height: 20px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); background: url('../img/common/ico_search.svg') no-repeat; background-size: 100% auto; }

.toctoc .info-list { margin-top: 40px; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #000; border-bottom: 1px solid #ddd; position: relative; }
.toctoc .info-list::after { content: ''; width: 1px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); bottom: 0; background: #ddd; }
.toctoc .info-list li { display: flex; }
.toctoc .info-list li p { padding: 20px 15px 20px 60px; font-size: 18px; }
.toctoc .info-list li .label { width: 230px; flex-shrink: 0; padding-left: 30px; border-right: 1px solid #ddd; color: #999; }

.toctoc .accordion-list .bgOn .card { background: #f7f7f7; }
.toctoc .accordion-list .card.my-question { background: #fff; display: block; padding: 0; background: #fff; }
.toctoc .accordion-list .card .title-wrap { flex-direction: column; justify-content: flex-start; align-items: flex-start; }
.toctoc .accordion-list .card .title-wrap .sub-tit02 { padding-bottom: 0; font-size: 18px; border-bottom: 0;  }
.toctoc .accordion-list .card .title-wrap .sub-tit02 span { padding-left: 10px ;}
.toctoc .accordion-list .card.my-question .detail-head { gap: 20px; }
.toctoc .accordion-list .card.my-question .subject-wrap +.file-wrap { border-top-color: #ccc; padding: 25px; padding-top: 0; width: 100%; }
.toctoc .accordion-list .card.my-question .subject-wrap { border-top-color: #ccc; padding: 30px; padding-bottom: 0; width: 100%; border-bottom: 0; }
.toctoc .accordion-list .card.my-question .subject-wrap.border { border-bottom: 1px solid #ddd; padding-bottom: 25px; width: 100%; }
.toctoc .accordion-list .card.my-question .file-wrap { width: 100%; border-top: 0; padding: 30px; padding-top: 0; }
.toctoc .accordion-list .card.my-question .file-wrap.border { padding-top: 30px; border-top: 1px solid #ccc; }

.toctoc .accordion-list .card.my-question .etc { margin: 0; display: flex; align-items: center; gap: 0 10px; padding-left: 0; }
.toctoc .accordion-list .card.my-question .etc::before { display: none; }
.toctoc .accordion-list .card.my-question ul li { width: auto; border: 0; }
.toctoc .accordion-list .card.my-question .etc li + li { padding-left: 10px; border-left: 1px solid #ddd; }
.toctoc .accordion-list .card.my-question .detail-body .cont { width: 100%; display: grid; grid-template-columns: 200px auto; }
.toctoc .accordion-list .card.my-question .detail-body .cont.w100 { display: block; }
.toctoc .accordion-list .card.my-question .detail-body .cont.border { padding-bottom: 40px; border-bottom: 1px solid #ddd; }
.toctoc .accordion-list .card.my-question .detail-body .cont .tit { font-size: 22px; text-align: left; color: #999; }

.toctoc .accordion-list ul li .card .icoA { background-image: url('../img/sub/ico_qna02.svg'); }

.toctoc span.status { /* 신청완료 */
    display: inline-block; height: 30px; padding: 0 8px; line-height: 30px; font-size: 16px; border: 1px solid #000; border-radius: 5px; }
.toctoc span.status.step01 { /* 건의확인중 */
    border-color: #D23345; color: #D23345; }
.toctoc span.status.step02 { /* 발송완료 */
    border-color: #0052B4; color: #0052B4; }
.toctoc span.status.step03 { /* 답변완료 */
    border-color: #ccc; color: #777777; }


/* #37581 조직도 개편 */
.intro .intro-map ul.center li .box01 {
 width:160px;
}

.intro .intro-map ul.center > li.full > ul::before {
 left:400px;
}

.intro .intro-map ul.center > li.full .sub.right::before {
 width:84%;
 right:80px;
}

.intro .intro-map ul.center li .box01.director_box {
 left:398px;
}

.intro .intro-map ul.center li .box01.director_box::before {
 left:81px;
}

.intro .intro-map ul.center li.full .sub.right {
 right:25px;
}

.intro .intro-map ul.center li .box03 {
 width:160px;
}

.intro .intro-map ul.center li .box02, .intro .intro-map ul.center li .box03 {
 font-size:15px;
}

.intro .intro-map ul.center li .box03 .disc-list {
 font-size:15px;
}

.intro .intro-map ul.center li .flow .box03 > div > a {
 padding-left:12px;
}

.intro .intro-map ul.center > li.full .sub.left {
 left:25px;
}

.intro .intro-map ul.center li .box01.gongjae_box {
 left:111px;
}

.intro .intro-map ul.center li .box01.gongjae_box::before {
 left:78px;
}

.intro .intro-map ul.center > li.full .sub.left::before {
 right:80px;
}

.intro .intro-map ul.center::before {
 height:530px;
}

/* #307 홈페이지 정보 공개 범위 수정 (이메일 미노출) */
.intro .board-list > li {
 min-height:300px;
}

/* #312 노란우산 사생대회 기능 추가 요청 */
.input-box.addchild div.qs-box {
 display:flex;
 padding:15px 0;
}

.input-box.addchild div.qs-box > p {
 flex-shrink: 0;
 min-width:200px;
 margin-right:55px;
 padding:0 0 0 40px;
 line-height:60px;
 font-size:18px;
 word-break:keep-all;
}

.input-box.addchild input[type="text"] {
 width:400px;
 height:60px;
 border:1px solid #ddd;
 box-sizing: border-box;
}

/* #538 포토아카이브 PC이미지 간격 추가 */
.detail-body img {
 margin-bottom:20px;
}