/* link-box */
.link-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.link-box ul li {display:flex; flex-wrap:wrap; align-items:center;}
.link-box ul li:after {display:inline-block; content:""; width:1px; height:12px; background:#666; margin:0 20px;}
.link-box ul li:last-of-type:after {display:none;}
.link-box ul li a {font-size:16px; color:#666;}
.link-box ul li a:hover {text-decoration:underline; color:#000;}
@media (max-width:991px){
.link-box ul li:after {margin:0 15px;}
.link-box ul li a {font-size:14px;}
}

/* input-box */
.input-box {display:flex; flex-wrap:wrap; align-items:center; background:#fff; border:1px solid #ddd; border-radius:8px;}
.input-box input {flex:1; min-width:0; background:none; height:50px; border-radius:8px; padding:0 15px; font-size:16px; color:#222;}
/* 웹접근성: 플레이스홀더 명도 대비 4.5:1 이상 (기본 #bbb는 1.57:1 미달) */
.input-box input::placeholder {color:#595959;}
.input-box em {margin:0 15px 0 0; font-size:15px;}
.input-box .ui-datepicker-trigger {background:url('/uljukium/images/hmpg/icon_calendar.png') no-repeat center / cover; width:23px; height:20px; font-size:0; margin:0 15px 0 0;}
.input-box.input-sm {border-radius:4px;}
.input-box.input-sm input {height:40px; border-radius:4px;}
@media (max-width:991px){
.input-box input {height:45px; font-size:15px;}
}
/* 웹접근성: 지원사업검색 등 .board-write-box 내 검색어 placeholder 명도 대비 4.5:1 이상 */
.board-write-box .input-box input::placeholder {color:#595959 !important;}
/* 웹접근성: 검색폼(searchFrm) 연동 입력 placeholder 명도 대비 4.5:1 (지원사업검색 등 모든 목록 페이지) */
#searchFrm input::placeholder,
input[form="searchFrm"]::placeholder {color:#595959 !important;}
/* 웹접근성: 돌봄기관 목록(faciListPage) 검색어 placeholder 명도 대비 4.5:1 이상 */
.faci-search-box .input-box input::placeholder {color:#595959 !important;}
/* 웹접근성: 게시판 목록(공지사항 등) 검색어 placeholder 명도 대비 4.5:1 이상 */
.search-box input::placeholder,
.bord-cont-search-box input::placeholder {color:#595959 !important;}
/* 웹접근성: FAQ 목록(faqListPage) 검색어 placeholder 명도 대비 4.5:1 이상 */
.faq-search-box input::placeholder {color:#595959 !important;}

/* textarea-box */
.textarea-box textarea {width:100%; height:150px; display:block; border:1px solid #ddd; border-radius:8px; padding:10px; background:#fff;}
/* 웹접근성: 플레이스홀더 명도 대비 4.5:1 이상 */
.textarea-box textarea::placeholder {color:#595959;}
.textarea-box textarea:disabled {background:var(--color-disabled);}
.textarea-box.textarea-xs textarea {height:50px;}
.textarea-box.textarea-sm textarea {height:100px;}
.textarea-box.textarea-md textarea {height:150px;}
.textarea-box.textarea-lg textarea {height:250px;}
.textarea-box.textarea-xl textarea {height:400px;}
.textarea-box.textarea-xs.textarea-auto-height textarea {max-height:150px;}
.textarea-box.textarea-sm.textarea-auto-height textarea {max-height:250px;}
.textarea-box.textarea-md.textarea-auto-height textarea {max-height:150px;}
.textarea-box.textarea-lg.textarea-auto-height textarea {max-height:250px;}
.textarea-box.textarea-xl.textarea-auto-height textarea {max-height:400px;}
@media (max-width:991px){
.textarea-box.textarea-xs textarea {height:40px; border-radius:4px;}
.textarea-box.textarea-sm textarea {height:80px; border-radius:4px;}
.textarea-box.textarea-md textarea {height:120px; border-radius:4px;}
.textarea-box.textarea-lg textarea {height:200px; border-radius:4px;}
.textarea-box.textarea-xl textarea {height:300px; border-radius:4px;}
.textarea-box.textarea-sm.textarea-auto-height textarea {max-height:80px;}
.textarea-box.textarea-md.textarea-auto-height textarea {max-height:120px;}
.textarea-box.textarea-lg.textarea-auto-height textarea {max-height:200px;}
.textarea-box.textarea-xl.textarea-auto-height textarea {max-height:300px;}
}

/* file-box */
.file-box {display:flex; flex-wrap:wrap; align-items:center;}
.file-box .file-name {display:flex; flex-wrap:wrap; align-items:center; flex:1; min-width:0; padding:0 15px; border-radius:8px; border:1px solid #ddd; background:#fff;}
.file-box .file-name p {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 0 0 5px; font-size:16px; height:50px; line-height:50px; color:#bbb;}
.file-box .file-select {position:relative; margin:0 0 0 10px;}
.file-box .file-select label {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0 30px; height:50px; border-radius:8px; font-size:16px; font-weight:500; color:#2d3a56; border:1px solid #2d3a56;} 
.file-box .file-select input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.file-box .file-select input:focus-visible ~ label {outline:2px dashed var(--color-red);}
.file-box .file-button {margin:0 0 0 10px; display:flex; flex-wrap:wrap; align-items:center;}
.file-box .file-button .file-btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:0; width:30px; height:30px; background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:50%; margin:0 0 0 5px;}
.file-box .file-button .file-btn:after {display:block; content:""; font-size:0; width:20px; height:20px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.file-box .file-button .file-btn:first-of-type {margin:0;}
.file-box .file-button .file-btn.file-add:after {background-image:url('/uljukium/images/hmpg/icon_fild_plus.png');}
.file-box .file-button .file-btn.file-remove:after {background-image:url('/uljukium/images/hmpg/icon_fild_minus.png');}
.file-box .file-button .file-btn.file-add {background:#485974;}
.file-box .file-button .file-btn.file-add:after {display:block; content:""; width:14px; height:14px; background:url('/uljukium/images/hmpg/common/icon_plus.svg') no-repeat center / cover; filter:var(--filter-white);}
.file-box .file-button .file-btn.file-remove {background:#eee;}
.file-box .file-button .file-btn.file-remove:after {display:block; content:""; width:14px; height:14px; background:url('/uljukium/images/hmpg/common/icon_minus.svg') no-repeat center / cover;}
.file-box .file-name.success p {color:#222;}
.file-group-box .file-box {margin:0 0 10px;}
.file-group-box .file-box:first-of-type .file-btn.file-remove {display:none;}
.file-group-box .file-box:last-of-type {margin:0;}
@media (max-width:991px){
.file-box {position:relative;}
.file-box .file-name p {height:45px; line-height:45px; font-size:15px;}
.file-box .file-select {margin:0 0 0 5px;}
.file-box .file-select label {height:45px; font-size:15px; padding:0 20px;}
.file-box .file-button {margin:0 0 0 5px; position:relative; z-index:5;}
.file-box .file-button .file-btn {width:20px; height:20px;}
.file-box .file-button .file-btn:after {width:15px; height:15px;}
}

/* select-box */
.select-box {display:flex; flex-wrap:wrap; align-items:center; background:#fff; border:1px solid #ddd; border-radius:8px;}
/* 웹접근성: 선택 전 기본 텍스트(선택) 명도 대비 4.5:1 이상 */
.select-box select {flex:1; min-width:0; background:none; height:50px; border-radius:8px; padding:0 45px 0 15px; background:url('/uljukium/images/hmpg/common/icon_arrow_down.svg') no-repeat calc(100% - 15px) center / 20px; font-size:16px; color:#595959;}
.select-box select option {color:#222;}
.select-box.has-value select {color:#222;}
.select-box.select-sm {border-radius:4px;}
.select-box.select-sm select {height:40px; border-radius:4px;}
@media (max-width:991px){
.select-box select {height:45px; font-size:15px;}
}

/* check-box */
.check-box {position:relative;}
.check-box input {position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}
.check-box label {position:relative; display:flex; flex-wrap:wrap; align-items:center; font-size:16px; color:#222;}
.check-box label:before {display:block; content:""; width:24px; height:24px; background:url('/uljukium/images/hmpg/common/icon_check.png') no-repeat center / cover; margin:0 10px 0 0;}
.check-box label span {font-size:16px; color:#222; word-break:keep-all;}
.check-box label span b {font-size:16px; font-weight:700; color:#222;}
.check-box input:checked ~ label:before {background-image:url('/uljukium/images/hmpg/common/icon_check_on.png');}
.check-box.single label {font-size:0 !important; justify-content:center;}
.check-box.single label:before {margin:0;}
.check-group-box {display:flex; flex-wrap:wrap; gap:7.5px 15px;}
@media (max-width:991px){
.check-box label {font-size:15px;}
.check-box label:before {width:20px; height:20px; margin:0 8px 0 0;}
}

/* radio-box */
.radio-box {position:relative;}
.radio-box input {position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}
.radio-box label {position:relative; display:flex; flex-wrap:wrap; align-items:center; font-size:16px; color:#222;}
.radio-box label:before {display:block; content:""; width:24px; height:24px; background:#fff; border-radius:50%; border:1px solid #ddd; margin:0 10px 0 0;}
.radio-box input:checked ~ label:before {border:1px solid var(--color-active3);}
.radio-box input:checked ~ label:after {position:absolute; left:6px; top:50%; transform:translateY(-50%); width:14px; height:14px; border-radius:50%; background:var(--color-active3); content:"";}
.radio-group-box {display:flex; flex-wrap:wrap; gap:7.5px 15px;}
@media (max-width:991px){
.radio-box label {font-size:15px;}
.radio-box label:before {width:20px; height:20px; margin:0 8px 0 0;}
.radio-box input:checked ~ label:after {width:12px; height:12px; left:5px;}
}

/* check-button-box */
.check-button-box > ul {display:flex; flex-wrap:wrap; gap:10px;}
.check-button-box > ul > li {position:relative;}
.check-button-box > ul > li input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-button-box > ul > li label {height:40px; padding:0 20px; font-size:15px; color:#222; background:#f6f6f6; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.check-button-box > ul > li input:hover ~ label {background:#2d3a56; color:#fff;}
.check-button-box > ul > li input:checked ~ label {background:#2d3a56; color:#fff;}
.check-button-box > ul > li input:focus-visible ~ label {outline:2px dashed var(--color-red);}
@media (max-width:991px){
.check-button-box > ul {gap: 5px;}
.check-button-box > ul > li label {padding:0 15px;}
}

/* message-box */
.message-box p {font-size:15px; color:#666; word-break:keep-all;}
@media (max-width:991px){
.message-box p {font-size:13px;}
}

/* icon-box */
.icon {display:block; width:24px; height:24px; background-size:cover; background-position:center; font-size:0;}
.icon-clip {background-image:url('/uljukium/images/hmpg/common/icon_clip.svg');}

/* button-box */
.button-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px;}
.button-box .btn {height:50px; padding:0 25px; font-size:16px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; line-height:1.2; border-radius:8px;}
.button-box .btn:hover {opacity:0.7;}
.button-box .btn-link-w:after {display:inline-block; content:""; width:16px; height:16px; margin:0 0 0 5px; background:url('/uljukium/images/hmpg/common/icon_btn_link_w.png') no-repeat center / cover;}
.button-box .btn-xl {height:60px; padding:0 40px; font-size:20px; font-weight:600;}
.button-box .btn-sm {height:40px; padding:0 20px;}
.button-box .btn-xs {height:30px; padding:0 15px; font-size:13px; border-radius:3px;}
.button-box .btn-full {padding:0; flex:1; min-width:0;}
.button-box .btn-lightblue {background:#ecf6ff; color:#0f5392;}
.button-box .btn-navy {background:#2d3a56; color:#fff;}
.button-box .btn-navy-outline {background:#fff; color:#2d3a56; border:1px solid #2d3a56;}
.button-box .btn-navy-outline:hover {background:#2d3a56; color:#fff;}
/* 웹접근성: 바로가기 버튼 명도 대비 4.5:1 이상 (기존 #677385는 2.8:1 미달) */
.button-box .btn-lightnavy {background:#4a5568; color:#fff;}
.button-box .btn-purple {background:#4e4e90; color:#fff;}
.button-box .btn-gray {background:#f0f2f5; color:#222;}
.button-box .btn-white {background:#fff; color:#666; border:1px solid #e5e5e5;}
.button-box .btn-white:hover {opacity:1; background:#efefef !important;}
.button-box .btn-kakao {background:#fee500; position:relative;}
.button-box .btn-kakao:before {position:absolute; left:15px; top:50%; transform:translateY(-50%); width:23px; height:22px; background:url('/uljukium/images/hmpg/common/icon_btn_kakao.png') no-repeat center / cover; content:"";}
/* 웹접근성: 네이버 버튼 흰색 텍스트 명도 대비 4.5:1 이상 (기존 #03c65a는 1.57:1 미달) */
.button-box .btn-naver {background:#028a42; color:#fff; position:relative;}
.button-box .btn-naver:before {position:absolute; left:15px; top:50%; transform:translateY(-50%); width:21px; height:20px; background:url('/uljukium/images/hmpg/common/icon_btn_naver.png') no-repeat center / cover; content:"";}
.button-box .btn.flex-1 {padding:0;}
.button-box .btn[class^="w"], .button-box .btn[class*=" w"] {padding:0;}
.button-box.border-top {border-top:1px solid #ddd; padding:50px 0 0; margin:50px 0 0;}
@media (max-width:991px){
.button-box {gap:7px;}
.button-box .btn {height:45px; padding:0 16px; font-size:15px;}
.button-box .btn-xl {height:50px; padding:0 30px; font-size:17px;}
.button-box .btn-sm {height:40px;}
.button-box .btn-xs {height:30px; font-size:13px;}
.button-box .btn-full {padding:0 10px;}
.button-box .btn.flex-lg-1 {padding:0 10px;}
.button-box.border-top {padding:30px 0 0; margin:30px 0 0;}
}

/* badge-box */
.badge-box {display:flex; flex-wrap:wrap; align-items:center; gap:2px 4px;}
.badge-box > * {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; height:30px; padding:0 15px; font-size:14px; font-weight:500;}
.badge-box > .pink {background:#e21447; color:#fff;}
.badge-box > .pink-outline {color:#e21447; border:1px solid #e21447;}
.badge-box > .navy-outline {color:#2d3a56; border:1px solid #2d3a56;}
.badge-box > .navy {background:#2d3a56; color:#fff !important;}
.badge-box > .white {background:#fff; color:#222;}
@media (max-width:991px){
.badge-box > * {height:25px; padding:0 12px; font-size:12px;}
}

/* category-box */
.category-box {margin:0 0 30px;}
.category-box ul {display:flex; flex-wrap:wrap; gap:10px;}
.category-box ul li > * {height:50px; padding:0 25px; font-size:18px; color:#666; text-align:center; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; border:1px solid #ccc;}
.category-box ul li > *:hover {background:#2d3a56; color:#fff; font-weight:500; border-color:#2d3a56;}
.category-box ul li.active > * {background:#2d3a56; color:#fff; font-weight:500; border-color:#2d3a56;}
@media (max-width:991px){
.category-box {margin:0 0 20px;}
.category-box ul {gap:5px;}
.category-box ul li > * {height:40px; padding:0 15px; font-size:15px;}
.category-box.scroll ul {margin:0 -15px; display:block; font-size:0; overflow-x:auto; white-space:nowrap;}
.category-box.scroll ul li {display:inline-block; font-size:0; margin:0 5px 0 0;}
.category-box.scroll ul li:first-of-type {margin-left:15px;}
.category-box.scroll ul li:last-of-type {margin-right:15px;}
}

/* tab-box */
.tab-box.tab1 {display:flex; flex-wrap:wrap; align-items:center;}
.tab-box.tab1 > ul {display:flex; flex-wrap:wrap; align-items:center; border-radius:50px; background:#ececec;}
.tab-box.tab1 > ul > li .tab {display:flex; flex-wrap:wrap; align-items:center; border-radius:50px; height:55px; padding:0 30px; font-size:22px; font-weight:600; color:#666;}
.tab-box.tab1 > ul > li .tab:hover {color:#222;}
.tab-box.tab1 > ul > li .tab.active {background:var(--color-active3); color:#fff;}
.tab-box.tab2 {margin:0 0 50px;}
.tab-box.tab2 > ul {display:flex; flex-wrap:wrap; align-items:center; gap:0 3px; border-bottom:1px solid #2d3a56;}
.tab-box.tab2 > ul > li {flex:1; min-width:0;}
.tab-box.tab2 > ul > li .tab {height:70px; background:#f0f2f5; font-size:20px; font-weight:600; color:#222; border-radius:15px 15px 0 0; line-height:1.3; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center;}
.tab-box.tab2 > ul > li .tab:hover {background:#2d3a56; color:#fff; opacity:0.7;}
.tab-box.tab2 > ul > li .tab.active {background:#2d3a56; color:#fff;}
@media (max-width:991px){
.tab-box.tab1 > ul > li .tab {padding:0 20px; font-size:15px; height:40px;}
.tab-box.tab2 {margin:0 0 30px;}
.tab-box.tab2 > ul > li .tab {height:50px; font-size:15px;}
}

/* paging-box */
.paging-box {margin:40px 0 0;}
.paging-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.paging-box ul li {margin:0 5px 0 0;}
.paging-box ul li:last-of-type {margin:0;}
.paging-box ul li * {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:40px; height:40px; font-size:14px; font-weight:600; color:#222; border-radius:50%;}
.paging-box ul li a:hover {color:var(--color-active); text-decoration:underline;}
.paging-box ul li p {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:40px; height:40px; font-size:14px; font-weight:600; color:#222;}
.paging-box ul li.active a {border-radius:50%; background:var(--color-active3); color:#fff;}
.paging-box ul li.pg * {font-size:0; background:#efefef;}
.paging-box ul li.pg *:after {display:block; content:""; width:24px; height:24px; background-size:cover; background-position:center; background-repeat:no-repeat; filter:var(--filter-gray-800);}
.paging-box ul li.pg.prev {margin:0 10px 0 0;}
.paging-box ul li.pg.prev *:after {background-image:url('/uljukium/images/hmpg/icon_arrow_left.svg');}
.paging-box ul li.pg.next {margin:0 0 0 10px;}
.paging-box ul li.pg.next *:after {background-image:url('/uljukium/images/hmpg/icon_arrow_right.svg');}
.paging-box ul li.pg.first *:after {background-image:url('/uljukium/images/hmpg/icon_arrow_left_double.svg');}
.paging-box ul li.pg.last {margin:0 0 0 5px;}
.paging-box ul li.pg.last *:after {background-image:url('/uljukium/images/hmpg/icon_arrow_right_double.svg');}
.paging-box ul li.disabled {background:none !important;}
.paging-box ul li.disabled.pg *:after {filter:var(--filter-gray-400);}
.paging-box.paging-left ul {justify-content:flex-start;}
.paging-box.paging-right ul {justify-content:flex-end;}
@media (max-width:991px){
.paging-box {margin:30px 0 0;}
.paging-box ul li a {width:25px; height:25px; font-size:13px;}
.paging-box ul li p {width:25px; height:25px; font-size:13px;}
.paging-box ul li.pg *:after {width:17px; height:17px;}
}

/* button-control-box */
.button-control-box {display:flex; flex-wrap:wrap; align-items:center; gap:0 8px;}
.button-control-box .print {border-radius:50%; width:54px; height:54px; font-size:0; background:url('/uljukium/images/hmpg/common/icon_print_off.png') no-repeat center / 25px; border:1px solid #dfdfdf;}
.button-control-box .print:hover {border-color:#666;}
.button-control-box .share {border-radius:50%; width:54px; height:54px; font-size:0; background:url('/uljukium/images/hmpg/common/icon_share_off.png') no-repeat center / 25px; border:1px solid #dfdfdf;}
.button-control-box .share:hover {border-color:#666;}
.button-control-box .dropdown-box {position:relative;}
.button-control-box .dropdown-box .dropdown-inner {background:#fff; padding:8px 0; position:absolute; left:0; top:0; width:100%; border-radius:50px; border:1px solid #666;}
.button-control-box .dropdown-box .dropdown-inner ul li {margin:0 0 8px;}
.button-control-box .dropdown-box .dropdown-inner ul li:last-of-type {margin:0;}
.button-control-box .dropdown-box .dropdown-inner ul li .more {border-radius:50%; display:block; width:40px; height:40px; margin:0 auto; font-size:0; background-size:cover; background-position:center;}
.button-control-box .dropdown-box .dropdown-inner ul li .more.kakao {background-image:url('/uljukium/images/hmpg/common/icon_kakao.png');}
.button-control-box .dropdown-box .dropdown-inner ul li .more.facebook {background-image:url('/uljukium/images/hmpg/common/icon_facebook.png');}
.button-control-box .dropdown-box .dropdown-inner ul li .more.x {background-image:url('/uljukium/images/hmpg/common/icon_x.png');}
.button-control-box .dropdown-box .dropdown-inner ul li .more.band {background-image:url('/uljukium/images/hmpg/common/icon_band.png');}
.button-control-box .dropdown-box .dropdown-inner ul li .more.mail {background-image:url('/uljukium/images/hmpg/common/icon_mail.png');}
.button-control-box .dropdown-box .dropdown-inner ul li .more.link {background-image:url('/uljukium/images/hmpg/common/icon_link.png');}
.button-control-box .dropdown-box.active {z-index:100;}
@media (max-width:991px){
.button-control-box .print {display:none;}
.button-control-box .share {width:40px; height:40px; background-size:20px auto;}
.button-control-box .dropdown-box .dropdown-inner {padding:5px 0;}
.button-control-box .dropdown-box .dropdown-inner ul li {margin:0 0 4px;}
.button-control-box .dropdown-box .dropdown-inner ul li .more {width:30px; height:30px;}
}

/* file-list-box */
.file-list-box > ul > li {margin:0 0 8px; display:flex; align-items:center; gap:0 10px;}
.file-list-box > ul > li:last-of-type {margin:0;}
.file-list-box > ul > li > *:not(p) {flex-shrink:0;}
.file-list-box > ul > li .icon-clip {width:20px; height:20px;}
.file-list-box > ul > li p {font-size:15px; color:#666; text-decoration:underline; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.file-list-box > ul > li .download {width:32px; height:32px; font-size:0; background:#f0f2f5 url('/uljukium/images/hmpg/common/icon_file_download.png') no-repeat center / 17px; border-radius:50%;}
.file-list-box > ul > li .download:hover {background-color:#dfe1e4;}
.file-list-box > ul > li .preview {display:flex; flex-wrap:wrap; align-items:center; background:#f0f2f5; border-radius:50px; height:32px; padding:0 10px; font-size:13px; font-weight:500;}
.file-list-box > ul > li .preview:before {display:inline-block; content:""; width:16px; height:17px; margin:0 8px 0 0; background:url('/uljukium/images/hmpg/common/icon_file_preview.png') no-repeat center / cover;}
.file-list-box > ul > li .preview:hover {background-color:#dfe1e4; text-decoration:underline;}
.file-list-box.gray {border:1px solid #ddd; border-radius:15px; padding:15px;}
.file-list-box.gray > ul > li p {color:#333;}
@media (max-width:991px){
.file-list-box > ul > li {gap:0 7px;}
.file-list-box > ul > li .download {width:25px; height:25px; background-size:14px auto;}
.file-list-box > ul > li .preview {height:25px;}
.file-list-box > ul > li .preview:before {width:14px; height:15px;}
.file-list-box.gray {border-radius:10px;}
}

/* keyword-list-box */
.keyword-list-box > ul {display:flex; flex-wrap:wrap; gap:10px 20px;}
.keyword-list-box > ul > li {font-size:15px; color:var(--color-active3); font-weight:500;}
.keyword-list-box > ul > li a {font-size:15px; color:var(--color-active3); font-weight:500;}
.keyword-list-box > ul > li a:hover {text-decoration:underline;}
@media (max-width:991px){
.keyword-list-box > ul {gap:5px 10px;}
.keyword-list-box > ul > li {font-size:14px;}
.keyword-list-box > ul > li a {font-size:14px;}
}

/* text-message-box */
.text-message-box {margin:8px 0 0; display:flex; flex-wrap:wrap;}
.text-message-box:before {position:relative; top:4px; filter:var(--filter-active-100); display:inline-block; content:""; width:16px; height:16px; background:url('/uljukium/images/hmpg/common/icon_text_message.svg') no-repeat center / cover; margin:0 8px 0 0;}
.text-message-box p {flex:1; min-width:0; font-size:16px; font-weight:500; color:#e21447; word-break:keep-all;}
.text-message-box p b {font-size:16px; font-weight:700; color:#e21447;}
@media (max-width:991px){
.text-message-box:before {width:14px; height:14px; top:2px;}
.text-message-box p {font-size:13px;}
.text-message-box p b {font-size:13px;}
}

/* satisfact-box */
.satisfact-box {margin:130px 0 0; border:1px solid #ddd; border-radius:15px; overflow:hidden;}
.satisfact-box .list-head {background:#f6f6f6; padding:40px 40px 20px; display:flex; flex-wrap:wrap; align-items:center;}
.satisfact-box .list-head .head-title {display:flex; flex-wrap:wrap; flex:1; min-width:0; margin:0 50px 0 0;}
.satisfact-box .list-head .head-title:before {display:inline-block; content:""; width:18px; height:23px; margin:0 10px 0 0; background:url('/uljukium/images/hmpg/common/icon_satisfact.png') no-repeat center / cover;}
.satisfact-box .list-head .head-title p {flex:1; min-width:0;}
.satisfact-box .list-head .head-title p strong {font-size:18px; display:block; color:#05141f; font-weight:500; word-break:keep-all;}
.satisfact-box .list-head .head-title p span {margin:5px 0 0; display:block; font-size:15px; color:#666; word-break:keep-all;}
.satisfact-box .list-head .head-write {width:100%; margin:30px 0 0; display:flex; flex-wrap:wrap; align-items:center;}
.satisfact-box .list-head .head-write input {padding:0 20px; font-size:16px; flex:1; min-width:0; height:40px; background:#fff; border:1px solid #ddd; border-radius:8px 0 0 8px;}
.satisfact-box .list-head .head-write .submit {display:flex; flex-wrap:wrap; align-items:center; border-radius:0 8px 8px 0; background:#2d3a56; color:#fff; padding:0 30px; font-size:16px; color:#fff; height:40px;}
.satisfact-box .list-body {padding:20px 40px 40px;}
.satisfact-box .list-body ul {display:flex; flex-wrap:wrap; gap:10px 40px;}
.satisfact-box .list-body ul li {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; font-weight:500; color:#666;}
.satisfact-box .list-body ul li:before {display:inline-block; content:""; width:5px; height:5px; background:#666; border-radius:50%; margin:0 8px 0 0;}
@media (max-width:991px){
.satisfact-box {margin:80px 0 0; border-radius:10px;}
.satisfact-box .list-head {padding:20px;}
.satisfact-box .list-head .head-title {flex:none; width:100%; margin:0 0 15px;}
.satisfact-box .list-head .head-title:before {width:15px; height:20px; margin:0 8px 0 0;}
.satisfact-box .list-head .head-title p strong {font-size:16px;}
.satisfact-box .list-head .head-title p span {font-size:14px;}
.satisfact-box .list-head .head-check {width:100%;}
.satisfact-box .list-head .head-write {width:100%; margin:15px 0 0;}
.satisfact-box .list-head .head-write input {padding:0 15px; font-size:15px;}
.satisfact-box .list-head .head-write .submit {font-size:15px; padding:0 15px;}
.satisfact-box .list-body {padding:20px;}
.satisfact-box .list-body ul {gap:0;}
.satisfact-box .list-body ul li {width:100%; margin:0 0 5px;}
.satisfact-box .list-body ul li:last-of-type {margin:0;}
}

/* agree-box */
.agree-box h3 {font-size:40px; font-weight:bold; text-align:center; word-break:keep-all; margin:0 0 40px;}
.agree-box h4 {display:flex; align-items:center; border-bottom:1px solid #e1e1e1; margin:0 0 20px; padding:0 0 15px; gap:0 10px;}
.agree-box h4 b {font-size:25px; font-weight:600;}
.agree-box h4 img {width:30px;}
.agree-box h5 {font-size:20px; font-weight:600; margin:0 0 15px;}
.agree-box .agree-list > ul > li {margin:0 0 10px; padding:0 !Important;}
.agree-box .agree-list > ul > li:last-of-type {margin:0;}
.agree-box .agree-list > ul > li > a {display:inline-block;}
.agree-box .agree-list > ul > li > a img {width:30px; margin:0 0 0 8px; position:relative; top:-3px;}
.agree-box .agree-list > ul > li > a p {font-size:18px; display:inline;}
.agree-box .agree-list > ul > li > a:hover p {text-decoration:underline; font-weight:500;}
.agree-box .agree-inner {margin:0 0 100px;}
.agree-box .agree-inner:last-of-type {margin:0;}
.agree-box .agree-inner .table-inner {overflow-x:auto; white-space:nowrap;}
.agree-box .agree-inner table {table-layout:auto; width:100%; border-top:2px solid #222; margin:20px 0 0; border-collapse:collapse;}
.agree-box .agree-inner table thead tr th {background:#edf4f9; border:1px solid #e1e1e1; padding:10px; font-size:17px; word-break:keep-all; line-height:1.3;}
.agree-box .agree-inner table tbody tr td {padding:10px; border:1px solid #e1e1e1; font-size:16px; word-break:keep-all; line-height:1.4; font-weight:300; white-space:normal;}
.agree-box .agree-inner p {font-size:17px; word-break:keep-all;}
.agree-box .agree-inner ul li {font-size:17px; word-break:keep-all; padding:0 0 0 25px; position:relative; margin:0 0 10px;}
.agree-box .agree-inner ul li:last-of-type {margin:0;}
.agree-box .agree-inner ul li:before {font-family:'Pretendard'; display:inline-block; content:attr(data-list); font-size:17px; word-break:keep-all; margin:0 8px 0 0; position:absolute; left:0; top:0;}
.agree-box .agree-inner ul li a {font-size:17px; text-decoration:underline; font-weight:500;}
.agree-box .agree-inner ul li a:hover {color:var(--color-active3);}
.agree-box .agree-inner ul li table {margin:10px 0 20px;}
.agree-box .agree-inner ol {padding:0 0 0 20px; margin:10px 0;}
.agree-box .agree-inner ol li {list-style:decimal; padding:0 0 0 10px; margin:0 0 5px;}
.agree-box .agree-inner ol li:before {display:none;}
.agree-box .agree-inner ol li:last-of-type {margin:0;}
.agree-box .agree-inner .table-scroll {overflow-x:auto; white-space:nowrap;}
.agree-box .agree-link > ul {display:flex; flex-wrap:wrap; margin:0 -10px -20px;}
.agree-box .agree-link > ul > li {width:calc(33.33% - 20px); margin:0 10px 20px; padding:0; border-radius:10px; border:1px solid #e1e1e1;}
.agree-box .agree-link > ul > li:last-of-type {margin:0 10px 20px;}
.agree-box .agree-link > ul > li .inner {display:block; padding:0 20px 30px;}
.agree-box .agree-link > ul > li .inner p {text-align:center; font-size:19px; word-break:keep-all; color:#1d1d1d; text-decoration:none !important; margin:-30px 0 0;}
.agree-box .agree-link > ul > li .inner img {width:100%; display:block; margin:0 auto;}
.agree-box .agree-link > ul > li:hover .inner p {font-weight:600; text-decoration:underline !important;}
@media (max-width:991px){
.agree-box h3 {font-size:20px; margin:0 0 30px;}
.agree-box h4 b {font-size:20px;}
.agree-box h4 img {width:25px;}
.agree-box h5 {font-size:18px;}
.agree-box .agree-inner {margin:0 0 70px;}
.agree-box .agree-inner p {font-size:14px;}
.agree-box .agree-inner ul li {font-size:14px; padding:0 0 0 15px;}
.agree-box .agree-inner ul li:before {font-size:12px; position:relative; top:-2px; margin:0 4px 0 0;}
.agree-box .agree-inner ul li a {font-size:14px;}
.agree-box .agree-inner ol {padding:0 0 0 15px;}
.agree-box .agree-inner ol li {padding:0 0 0 5px;}
.agree-box .agree-list > ul > li > a p {font-size:14px;}
.agree-box .agree-list > ul > li > a img {width:24px; margin:0 0 0 4px;}
.agree-box .agree-inner table thead tr th {font-size:14px;}
.agree-box .agree-inner table tbody tr td {font-size:13px;}
.agree-box .agree-link > ul {margin:0 -5px -10px;}
.agree-box .agree-link > ul > li {width:calc(50% - 10px); margin:0 5px 10px;}
.agree-box .agree-link > ul > li:last-of-type {margin:0 5px 10px;}
.agree-box .agree-link > ul > li .inner {padding:0 10px 20px;}
.agree-box .agree-link > ul > li .inner p {font-size:15px; margin:-10px 0 0;}
}

/* modal-box */
.modal-box {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; transition:all ease 0.5s; background:rgba(0,0,0,0.5);}
.modal-box .box {pointer-events:none; opacity:0; width:calc(100% - 30px); max-width:400px; position:absolute; left:50%; top:45%; transform:translate(-50%,-50%); transition:all ease 0.5s; background:#fff; border-radius:20px 30px 50px 30px; display:flex; flex-direction:column; max-height:90%; overflow:hidden;}
.modal-box .modal-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%; border-bottom:1px solid #eee; padding:20px; background:#fbd165;}
.modal-box .modal-head h2 {display:flex; flex-wrap:wrap; align-items:center; font-size:20px; font-weight:600; flex:1; min-width:0; padding:0 15px 0 0;}
.modal-box .modal-head h2:before {display:inline-block; content:""; width:20px; height:20px; margin:0 5px 0 0; background:url('/uljukium/images/hmpg/common/icon_bullet.png') no-repeat center / cover;}
.modal-box .modal-head .close {width:34px; height:34px; font-size:0; background:url('/uljukium/images/hmpg/common/icon_modal_close.png') no-repeat center / cover;}
.modal-box .modal-head.no-border {border:0; padding:0;}
.modal-box .modal-body {width:100%; height:100%; overflow-y:auto; padding:30px;}
.modal-box .modal-body .modal-text img {display:block; margin:0 auto 20px; max-width:100%;}
.modal-box .modal-body .modal-text p {font-size:17px; word-break:keep-all; margin:0 0 20px;}
.modal-box .modal-body .modal-text p:last-of-type {margin:0;}
.modal-box .modal-body .modal-text p b {font-size:17px; font-weight:700;}
.modal-box .modal-foot {width:100%; padding:0 30px 40px;}
.modal-box.modal-sm .box {max-width:550px;}
.modal-box.modal-md .box {max-width:640px;}
.modal-box.modal-lg .box {max-width:750px;}
.modal-box.modal-xl .box {max-width:1200px;}
.modal-box.fixed {pointer-events:inherit; opacity:1;}
.modal-box.fixed .box {pointer-events:inherit; opacity:1; top:50%;}
@media (max-width:991px){
.modal-box .box .modal-head {padding:15px;}
.modal-box .modal-head h2:before {width:17px; height:17px;}
.modal-box .box .modal-head .close {width:24px; height:24px;}
.modal-box .modal-body {padding:15px;}
.modal-box .modal-body .modal-text p {font-size:15px;}
.modal-box .modal-body .modal-text p b {font-size:15px;}
.modal-box .modal-foot {padding:0 15px 30px;}
}

/* error-box */
.error-box {height:100vh; max-width:800px; margin:0 auto; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; padding:0 15px;}
.error-box img {width:250px; display:block; margin:-50px auto 0;}
.error-box h2 {width:100%; text-align:center; font-size:46px; font-weight:700; margin:30px 0 0; line-height:1.3; word-break:keep-all;}
.error-box p {font-size:18px; width:100%; text-align:center; color:#666; word-break:keep-all; margin:30px 0 0;}
@media (max-width:991px){
.error-box img {width:180px; margin:-50px auto 0;}
.error-box h2 {font-size:30px;}
.error-box p {font-size:15px; margin:15px 0 0;}
}

/* total-search-box */
.total-search-box {margin:70px 0 0;}
.total-search-box .search-head .head-text {margin:0 0 50px;}
.total-search-box .search-head .head-text p {text-align:center; word-break:keep-all; font-size:28px; font-weight:500; color:#1D1D1D;}
.total-search-box .search-head .head-text p b {font-size:28px; font-weight:700; color:#DD2721;}
.total-search-box .search-body > ul > li {margin:0 0 100px;}
.total-search-box .search-body > ul > li:last-of-type {margin:0;}
.total-search-box .search-body > ul > li .list-head {display:flex; flex-wrap:Wrap; align-items:center; border-bottom:1px solid #ddd; margin:0 0 30px;}
.total-search-box .search-body > ul > li .list-head strong {width:155px; height:50px; background:#2d3a56; border-radius:10px 10px 0 0; color:#fff; font-size:18px; font-weight:600; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.total-search-box .search-body > ul > li .list-head p {flex:1; min-width:0; padding:0 0 0 15px; font-size:18px; color:#333; word-break:keep-all;}
.total-search-box .search-body > ul > li .list-head p b {font-size:18px; font-weight:700; color:var(--color-active3);}
.total-search-box .search-body > ul > li .list-body {padding:0 15px;}
.total-search-box .search-body > ul > li .list-body ul li {margin:0 0 10px;}
.total-search-box .search-body > ul > li .list-body ul li:last-of-type {margin:0;}
.total-search-box .search-body > ul > li .list-body ul li a {display:block; font-size:18px; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; padding:0 0 0 15px;}
.total-search-box .search-body > ul > li .list-body ul li a:hover {color:#000; text-decoration:underline;}
.total-search-box .search-body > ul > li .list-body ul li a:before {position:absolute; content:""; left:0; top:10px; width:4px; height:4px; border-radius:50%; background:#666;}
.total-search-box .search-body > ul > li .list-body ul li a b {font-size:18px; color:var(--color-active3); text-decoration:underline;}
@media (max-width:991px){
.total-search-box {margin:40px 0 0;}
.total-search-box .search-head .head-text {margin:0 0 30px;}
.total-search-box .search-head .head-text p {font-size:22px;}
.total-search-box .search-head .head-text p b {font-size:22px;}
.total-search-box .search-body > ul > li {margin:0 0 50px;}
.total-search-box .search-body > ul > li .list-head {margin:0;}
.total-search-box .search-body > ul > li .list-head strong {width:auto; padding:0 20px; height:40px; border-radius:10px; font-size:16px;}
.total-search-box .search-body > ul > li .list-head p {width:100%; flex:none; padding:10px 0; font-size:18px;}
.total-search-box .search-body > ul > li .list-head p b {font-size:18px;}
.total-search-box .search-body > ul > li .list-body {padding:15px 0;}
.total-search-box .search-body > ul > li .list-body ul li {margin:0 0 5px;}
.total-search-box .search-body > ul > li .list-body ul li a {font-size:15px; padding:0 0 0 10px;}
.total-search-box .search-body > ul > li .list-body ul li a b {font-size:15px;}
.total-search-box .search-body > ul > li .list-body ul li a:before {top:8px;}
}

/* table-box */
.table-box {border-top:2px solid #222; overflow-x:auto; white-space:nowrap;}
.table-box table {width:100%; border-collapse:collapse;}
.table-box table thead tr th {border-bottom:1px solid #e5e5e5; font-size:14px; color:#666; font-weight:500; padding:25px 5px;}
.table-box table tbody tr td {border-bottom:1px solid #e5e5e5; font-size:15px; color:#222; padding:10px 5px;}
.table-box table tbody tr td a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.table-box table tbody tr td div {margin:0 auto;}
.table-box table tbody tr td .table-btn {width:24px; height:24px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 0 2px; font-size:0 !important; border-radius:3px;}
.table-box table tbody tr td .table-btn:last-of-type {margin:0;}
.table-box table tbody tr td .table-btn.table-add {background:#485974;}
.table-box table tbody tr td .table-btn.table-add:after {display:block; content:""; width:14px; height:14px; background:url('/uljukium/images/hmpg/common/icon_plus.svg') no-repeat center / cover; filter:var(--filter-white);}
.table-box table tbody tr td .table-btn.table-remove {background:#eee;}
.table-box table tbody tr td .table-btn.table-remove:after {display:block; content:""; width:14px; height:14px; background:url('/uljukium/images/hmpg/common/icon_minus.svg') no-repeat center / cover;}
.table-box table tbody tr td .table-btn.disabled {background:#999;}
.table-box table tbody tr td .input-box input {height:34px; font-size:14px;}
.table-box table tbody tr td .select-box select {height:34px; font-size:14px;}
.table-box table tbody tr td .select-box select option {font-size:14px;}
.table-box table tbody tr td .flex {flex-wrap:nowrap !important;}
.table-box table tbody tr:hover td {background:#fff9f5;}
@media (max-width:991px){
.table-box table thead tr th {font-size:13px; padding:10px 5px;}
.table-box table tbody tr td {font-size:13px; padding:10px 5px;}
.table-box table tbody tr td .input-box input {font-size:13px;}
.table-box table tbody tr td .select-box select {font-size:13px;}
}

/* board-top-box */
.board-top-box {margin:0 0 20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.board-top-box .top-inner {display:flex; flex-wrap:wrap; align-items:center;}
.board-top-box .top-inner p {display:flex; flex-wrap:wrap; align-items:center; font-size:18px;}
.board-top-box .top-inner p b {font-size:18px; font-weight:600; display:flex; flex-wrap:wrap; align-items:center; margin:0 10px 0 0;}
.board-top-box .top-inner p b:before {display:inline-block; content:""; width:5px; height:5px; border-radius:50%; background:#222; margin:0 8px 0 0;}
.board-top-box .top-inner p span {font-size:18px; color:#666;}
.board-top-box .top-inner p span strong {font-size:18px; color:var(--color-active3); font-weight:700;}
@media (max-width:991px){
.board-top-box .top-inner {width:100%; margin:0 0 10px;}
.board-top-box .top-inner:last-of-type {margin:0;}
.board-top-box .top-inner p {font-size:16px;}
.board-top-box .top-inner p b {font-size:16px;}
.board-top-box .top-inner p span {font-size:16px;}
.board-top-box .top-inner p span strong {font-size:16px;}
}

/* board-write-box */
.board-write-box .write-title {margin:0 0 15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:0 10px;}
.board-write-box .write-title .title {font-size:20px; font-weight:600; color:#222; display:flex; flex-wrap:wrap; align-items:center;}
.board-write-box .write-title .title:before {display:inline-block; content:""; width:19px; height:20px; margin:0 8px 0 0; background:url('/uljukium/images/hmpg/common/icon_board_write_title.png') no-repeat center / cover;}
.board-write-box .write-title .title b {font-size:20px; font-weight:500; margin:0 0 0 5px; color:#ee3f6a;}
.board-write-box .write-title .title small {font-size:16px; word-break:keep-all; margin:0 0 0 5px; position:relative; top:1px;}
.board-write-box .write-title .title.no-before:before {display:none;}
.board-write-box .write-title .required {font-size:15px; color:#666;}
.board-write-box .write-title .required b {font-size:15px; color:#ee3f6a;}
.board-write-box > ul{border-top:2px solid #222222; display:flex; flex-wrap:wrap;}
.board-write-box > ul > li {border-bottom:1px solid #e5e5e5; display:flex; flex-wrap:wrap; width:100%;}
.board-write-box > ul > li > .tit {background:#f6f6f6; width:220px; display:flex; flex-wrap:wrap; align-items:center; align-content:center; gap:5px; padding:15px;}
.board-write-box > ul > li > .tit strong {display:flex; flex-wrap:wrap; font-size:18px; font-weight:600; color:#222;}
.board-write-box > ul > li > .tit strong.req:after {display:inline-block; content:"*"; font-size:18px; font-weight:600; color:var(--color-active3); margin:0 0 0 5px;}
.board-write-box > ul > li > .tit small {width:100%; display:block; font-size:14px; color:#666; word-break:keep-all;}
.board-write-box > ul > li > .cont {flex:1; min-width:0; padding:15px; display:flex; flex-wrap:wrap; align-items:center;}
.board-write-box > ul > li > .cont .cont-inner {border-bottom:1px solid #e5e5e5; padding:15px;}
.board-write-box > ul > li > .cont .cont-inner:last-of-type {border:0;}
.board-write-box > ul > li > .cont .cont-inner .cont-title {width:120px; margin:0 10px 0 0;}
.board-write-box > ul > li > .cont .cont-inner .cont-title strong {font-size:18px; font-weight:600;}
.board-write-box > ul > li > .cont .cont-inner .cont-content {flex:1; min-width:0;}
.board-write-box > ul > li > .cont .cont-flex {display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:0 0 5px;}
.board-write-box > ul > li > .cont .cont-flex:last-of-type {margin:0;}
.board-write-box > ul > li > .cont > * {width:100%;}
.board-write-box > ul > li > .cont > p {font-size:18px; word-break:keep-all;}
.board-write-box > ul > li > .cont > ol {padding:0 0 0 20px;}
.board-write-box > ul > li > .cont > ol > li {list-style:decimal; font-size:18px; word-break:keep-all; margin:0 0 10px;}
.board-write-box > ul > li > .cont > ol > li:last-of-type {margin:0;}
.board-write-box > ul > li > .cont > ol > li b {font-size:18px; font-weight:600;}
.board-write-box > ul > li > .cont .table-box {border:0;}
.board-write-box > ul > li > .cont .table-box table thead tr th {border:0; padding:10px 5px; background:#eee;}
.board-write-box > ul > li > .cont .table-box table tbody tr td {border:1px solid #e5e5e5;}
.board-write-box > ul > li > .cont .table-box table tbody tr td:first-of-type {border-left:0;}
.board-write-box > ul > li > .cont .table-box table tbody tr td:last-of-type {border-right:0;}
.board-write-box > ul > li.half {width:50%;}
.board-write-box > ul > li.row:last-of-type {border:0;}
.board-write-box > ul > li.row > .tit {width:100%; padding:10px 15px;}
.board-write-box > ul > li.row > .cont {flex:none; width:100%; padding:10px;}
.board-write-box.no-border > ul {border:0;}
.board-write-box.no-border > ul > li {border:0;}
@media (max-width:991px){
.board-write-box .write-title {margin:0 0 10px;}
.board-write-box .write-title .title {font-size:18px;}
.board-write-box .write-title .title:before {width:16px; height:17px;}
.board-write-box .write-title .title b {font-size:18px;}
.board-write-box .write-title .title small {width:100%; top:0; font-size:14px;}
.board-write-box .write-title .required {font-size:12px;}
.board-write-box .write-title .required b {font-size:12px;}
.board-write-box > ul > li > .tit {width:100%; padding:10px 15px;}
.board-write-box > ul > li > .tit strong {font-size:16px;}
.board-write-box > ul > li > .tit strong.req:after {font-size:16px;}
.board-write-box > ul > li > .tit small {font-size:13px;}
.board-write-box > ul > li > .cont {flex:none; width:100%; padding:10px 0;}
.board-write-box > ul > li > .cont .cont-inner {padding:10px 0;}
.board-write-box > ul > li > .cont .cont-inner .cont-title {width:100%; margin:0 0 10px;}
.board-write-box > ul > li > .cont .cont-inner .cont-title strong {font-size:15px;}
.board-write-box > ul > li > .cont .cont-inner .cont-content {flex:none; width:100%;}
.board-write-box > ul > li > .cont .cont-flex {gap:5px;}
.board-write-box > ul > li > .cont > p {font-size:16px;}
.board-write-box > ul > li > .cont > ol {padding:0 15px 0 35px;}
.board-write-box > ul > li > .cont > ol > li {font-size:16px;}
.board-write-box > ul > li > .cont > ol > li b {font-size:16px;}
.board-write-box > ul > li.half {width:100%;}
.board-write-box > ul > li.row > .cont {padding:10px 0;}
}

/* board-none-box */
.board-none-box {border-top:2px solid #222; border-bottom:1px solid #e5e5e5; padding:100px 0;}
.board-none-box p {text-align:center; font-size:20px; font-weight:500;}
@media (max-width:991px){
.board-none-box {padding:50px 0;}
.board-none-box p {font-size:17px;}
}

/* board-navi-box */
.board-navy-box {border-top:1px solid #222;}
.board-navi-box > ul > li {margin:0 0 10px;}
.board-navi-box > ul > li:last-of-type {margin:0;}
.board-navi-box > ul > li a {display:flex; flex-wrap:wrap; align-items:center; background:#f6f6f6; border-radius:15px; padding:15px 30px;}
.board-navi-box > ul > li a b {display:flex; flex-wrap:wrap; align-items:center; font-size:20px; font-weight:700; margin:0 40px 0 0;}
.board-navi-box > ul > li a b:before {display:block; content:""; width:24px; height:24px; margin:0 8px 0 0; background-size:cover; background-position:center;}
.board-navi-box > ul > li a p {flex:1; min-width:0; font-size:20px; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.board-navi-box > ul > li a:hover p {color:var(--color-active3); font-weight:600;}
.board-navi-box > ul > li:nth-of-type(1) a b:before {background-image:url('/uljukium/images/hmpg/common/icon_arrow_up.svg');}
.board-navi-box > ul > li:nth-of-type(2) a b:before {background-image:url('/uljukium/images/hmpg/common/icon_arrow_down.svg');}
@media (max-width:991px){
.board-navi-box > ul > li {margin:0 0 5px;}
.board-navi-box > ul > li a {border-radius:10px; padding:15px;}
.board-navi-box > ul > li a b {font-size:15px; margin:0 10px 0 0;}
.board-navi-box > ul > li a b:before {width:20px; height:20px;}
.board-navi-box > ul > li a p {font-size:15px;}
}

/* board-map-box */
.board-map-box .map-iframe {position:relative; margin:0 0 50px; border-radius:30px; overflow:hidden;}
.board-map-box .map-iframe:after {display:block; content:""; padding-bottom:50.5%;}
.board-map-box .map-iframe iframe {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.board-map-box .map-iframe .map-iframe-pin {position:absolute; z-index:10;}
.board-map-box .map-iframe .map-iframe-pin .pin {width:23px; height:31px; font-size:0; background:url('/uljukium/images/hmpg/common/icon_map_pin.png') no-repeat center / cover;}
.board-map-box .map-iframe .map-iframe-pin .inner {display:none; position:absolute; left:-20px; bottom:calc(100% + 15px); background:#fff; border-radius:20px; box-shadow:0 0 10px rgba(0,0,0,0.2); width:280px;}
.board-map-box .map-iframe .map-iframe-pin .inner:before {position:absolute; left:23px; bottom:-7.5px; width:15px; height:15px; transform:rotate(45deg); background:#fff; content:""; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.board-map-box .map-iframe .map-iframe-pin .inner .inner-head {padding:20px 20px 10px;}
.board-map-box .map-iframe .map-iframe-pin .inner .inner-head .head-wrap {display:flex; flex-wrap:wrap; align-items:center; background:#fff2d2; padding:10px 15px; border-radius:50px;}
.board-map-box .map-iframe .map-iframe-pin .inner .inner-head .head-wrap strong {flex:1; min-width:0; position:relative; padding:0 15px 0 0; font-size:16px; font-weight:600; line-height:1.3; padding:0 0 0 12px;}
.board-map-box .map-iframe .map-iframe-pin .inner .inner-head .head-wrap strong:before {position:absolute; left:0; top:8px; width:5px; height:5px; background:#222; border-radius:50%; content:"";}
.board-map-box .map-iframe .map-iframe-pin .inner .inner-head .head-wrap .bookmark {width:14px; height:17px; font-size:0; background:url('/uljukium/images/hmpg/common/icon_bookmark.png') no-repeat center / cover;}
.board-map-box .map-iframe .map-iframe-pin .inner .inner-head .head-wrap .bookmark.active {background-image:url('/uljukium/images/hmpg/common/icon_bookmark_on.png');}
.board-map-box .map-iframe .map-iframe-pin .inner .inner-body {background:#fff; position:relative; z-index:3; padding:0 20px 20px; border-radius:0 0 20px 20px;}
.board-map-box .map-iframe .map-iframe-pin .inner .inner-body ul li {margin:0 0 8px; display:flex; flex-wrap:wrap;}
.board-map-box .map-iframe .map-iframe-pin .inner .inner-body ul li:last-of-type {margin:0;}
.board-map-box .map-iframe .map-iframe-pin .inner .inner-body ul li > b {width:60px; font-size:13px; font-weight:600; color:#767676;}
.board-map-box .map-iframe .map-iframe-pin .inner .inner-body ul li > p {flex:1; min-width:0; font-size:13px;}
.board-map-box .map-iframe .map-iframe-pin .inner .inner-body ul li > p a {font-size:13px;}
.board-map-box .map-iframe .map-iframe-pin.active .inner {display:block;}
.board-map-box .map-list > ul {display:flex; flex-wrap:wrap; margin:0 -20px -40px;}
.board-map-box .map-list > ul > li {width:calc(33.33% - 40px); margin:0 20px 40px; background:#fff; border-radius:20px; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.board-map-box .map-list > ul > li .inner {display:block; border-radius:20px;}
.board-map-box .map-list > ul > li .inner .list-top {padding:25px 20px;}
.board-map-box .map-list > ul > li .inner .list-top .badge-box {margin:0 0 20px;}
.board-map-box .map-list > ul > li .inner .list-top .subject b {margin:0 0 10px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:20px; font-weight:600; color:#677385;}
.board-map-box .map-list > ul > li .inner .list-top .subject b:before {display:inline-block; content:""; width:12px; height:16px; margin:0 10px 0 0; background:url('/uljukium/images/hmpg/common/icon_lcoation.png') no-repeat center / cover;}
.board-map-box .map-list > ul > li .inner .list-top .subject strong {font-size:28px; font-weight:600; color:#222; text-align:center; line-height:1.3; word-break:keep-all; display:block;}
.board-map-box .map-list > ul > li .inner .list-top .detail {margin:25px 0 0; display:flex; flex-wrap:wrap; justify-content:center;}
.board-map-box .map-list > ul > li .inner .list-top .detail:before {display:inline-block; content:""; width:15px; height:13px; margin:0 10px 0 0; background:url('/uljukium/images/hmpg/common/icon_house.png') no-repeat center / cover; position:relative; top:5px;}
.board-map-box .map-list > ul > li .inner .list-top .detail p {flex:1; min-width:0; word-break:keep-all; font-size:16px; color:#666;}
.board-map-box .map-list > ul > li .inner .list-bottom {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; overflow:hidden; border-radius:0 0 20px 20px; background:#fef6f8; padding:20px 15px;}
.board-map-box .map-list > ul > li .inner .list-bottom p {font-size:16px; font-weight:500; color:#222;}
.board-map-box .map-list > ul > li .inner.active {outline:2px solid var(--color-active3);}
.board-map-box .map-list > ul > li:hover {outline:2px solid var(--color-active3);}
/* 웹접근성: 돌봄기관 목록 카드/북마크 버튼 키보드 초점 표시 (숨겨진 콘텐츠에 초점 이동 방지) */
.board-map-box .map-list > ul > li a.faci-item:focus-visible,
.board-map-box .map-list > ul > li a.inner:focus-visible {outline:2px solid var(--color-active3); outline-offset:2px;}
.board-map-box .map-list .bookmark-btn:focus-visible {outline:2px solid #222; outline-offset:2px;}
@media (max-width:991px){
.board-map-box .map-iframe {margin:0 0 30px; border-radius:15px;}
.board-map-box .map-iframe:after {padding-bottom:100%;}
.board-map-box .map-iframe .map-iframe-pin .inner {border-radius:10px;}
.board-map-box .map-iframe .map-iframe-pin .inner .inner-head {padding:15px 15px 10px;}
.board-map-box .map-iframe .map-iframe-pin .inner .inner-head .head-wrap strong {font-size:14px;}
.board-map-box .map-iframe .map-iframe-pin .inner .inner-head .head-wrap strong:before {top:6px;}
.board-map-box .map-iframe .map-iframe-pin .inner .inner-body {padding:0 15px 15px;}
.board-map-box .map-list > ul {margin:0 -10px -20px;}
.board-map-box .map-list > ul > li {width:calc(50% - 20px); margin:0 10px 20px; border-radius:14px;}
.board-map-box .map-list > ul > li .inner {border-radius:14px;}
.board-map-box .map-list > ul > li .inner .list-top {padding:20px 15px;}
.board-map-box .map-list > ul > li .inner .list-top .badge-box {margin:0 0 15px; justify-content:flex-start !important;}
.board-map-box .map-list > ul > li .inner .list-top .subject b {font-size:16px; margin:0 0 5px; justify-content:flex-start;}
.board-map-box .map-list > ul > li .inner .list-top .subject b:before {width:10px; height:14px; margin:0 7px 0 0;}
.board-map-box .map-list > ul > li .inner .list-top .subject strong {font-size:18px; text-align:left;}
.board-map-box .map-list > ul > li .inner .list-top .detail {margin:15px 0 0;}
.board-map-box .map-list > ul > li .inner .list-top .detail p {font-size:15px; flex:1; min-width:0; text-align:left;}
.board-map-box .map-list > ul > li .inner .list-top .detail p br {display:none;}
.board-map-box .map-list > ul > li .inner .list-bottom {border-radius:0 0 14px 14px; padding:15px;}
.board-map-box .map-list > ul > li .inner .list-bottom p {font-size:15px;}
}
@media (max-width:600px){
.board-map-box .map-list > ul {margin:0;}
.board-map-box .map-list > ul > li {margin:0 0 20px; width:100%;}
.board-map-box .map-list > ul > li:last-of-type {margin:0;}
}

/* board-list-box */
.board-list-box {border-top:2px solid #222;}
.board-list-box table {table-layout:fixed; width:100%; border-collapse:collapse;}
.board-list-box table thead tr th {border-bottom:1px solid #e5e5e5; font-size:14px; color:#666; font-weight:500; padding:25px 10px;}
.board-list-box table tbody tr td {border-bottom:1px solid #e5e5e5; font-size:15px; color:#222; padding:15px 10px;}
.board-list-box table tbody tr td *:not(.icon) {font-size:15px;}
.board-list-box table tbody tr td a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.board-list-box table tbody tr td .subject {display:flex; align-items:center;}
.board-list-box table tbody tr td .subject * {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px; font-weight:500; color:#222;}
.board-list-box table tbody tr td .subject .new {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50%; margin:0 0 0 8px; width:17px; height:17px; background:#ff5b00; color:#fff; font-size:10px; font-weight:700;}
.board-list-box table tbody tr td .subject > *:not(p,a) {flex-shrink:0;}
.board-list-box table tbody tr td .subject:hover * {text-decoration:underline; color:var(--color-active3);}
.board-list-box table tbody tr td .icon-clip {margin:0 auto; width:20px; height:20px; filter:var(--filter-gray-700);}
.board-list-box table tbody tr td .mo-title {display:none;}
.board-list-box table tbody tr:hover td {background:#fff9f5;}
/* 웹접근성: caption을 display:none 대신 시각적으로만 숨기고 스크린리더에는 노출 */
.board-list-box table caption.sr-only {display:block !important; position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
/* 웹접근성: table-box caption을 display:none 대신 시각적으로만 숨기고 스크린리더에는 노출 */
.table-box table caption.sr-only {display:block !important; position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
@media (max-width:991px){
.board-list-box table {display:block;}
.board-list-box table colgroup {display:none;}
.board-list-box table thead {display:none;}
.board-list-box table tbody {display:block;}
.board-list-box table tbody tr {display:flex; flex-wrap:wrap; gap:5px 0; border-bottom:1px solid #e5e5e5; padding:15px 10px;}
.board-list-box table tbody tr td {display:flex; flex-wrap:wrap; align-items:center; border:0; padding:0; font-size:13px;}
.board-list-box table tbody tr td * {font-size:13px;}
.board-list-box table tbody tr td.mo-hidden {display:none;}
.board-list-box table tbody tr td.mo-line:after {display:inline-block; content:""; width:1px; height:10px; margin:0 8px; background:#e5e5e5;}
.board-list-box table tbody tr td.mo-line:last-of-type:after {display:none;}
.board-list-box table tbody tr td.subject-cell {width:100%;}
.board-list-box table tbody tr td.subject-cell .badge-box {margin:0 8px 0 0;}
.board-list-box table tbody tr td.subject-cell.wauto {width:auto; margin:0 8px;}
.board-list-box table tbody tr td .mo-title {display:flex; flex-wrap:wrap; align-items:center; font-size:13px; font-weight:500; color:#333; margin:0 8px 0 0;}
.board-list-box table tbody tr td .subject {overflow:hidden;}
.board-list-box table tbody tr td .subject * {font-size:15px;}
.board-list-box table tbody tr td .subject .new {width:14px; height:14px; font-size:8px; margin:0 0 0 5px;}
.board-list-box table tbody tr td .button-box .btn {height:25px; font-size:11px; padding:0 12px;}
.board-list-box table tbody tr:hover {background:#fff9f5;}
}

/* board-faq-box */
.board-faq-box {border-top:2px solid #222;}
.board-faq-box > ul > li {border-bottom:1px solid #e5e5e5;}
.board-faq-box > ul > li .faq-head button {display:flex; flex-wrap:wrap; width:100%; padding:35px 20px;}
.board-faq-box > ul > li .faq-head button:after {width:28px; height:28px; margin:0 0 0 20px; background:url('/uljukium/images/hmpg/common/icon_arrow_down.svg') no-repeat center / cover; content:"";}
.board-faq-box > ul > li .faq-head button b {font-size:22px; margin:0 10px 0 0; font-weight:800; color:var(--color-active3);}
.board-faq-box > ul > li .faq-head button .subject {flex:1; min-width:0; font-size:22px; color:#222; font-weight:600; text-align:left;}
.board-faq-box > ul > li .faq-body {border-top:1px solid #e5e5e5; padding:30px 20px; background:#fff9f5;}
.board-faq-box > ul > li .faq-body b {font-size:22px; margin:0 15px 0 0; font-weight:800; color:#222;}
.board-faq-box > ul > li .faq-body .faq-body-inner {flex:1; min-width:0;}
.board-faq-box > ul > li .faq-body .faq-body-inner p {font-size:18px; word-break:keep-all; margin:0 0 20px;}
.board-faq-box > ul > li .faq-body .faq-body-inner p:last-of-type {margin:0;}
.board-faq-box > ul > li:hover .faq-head button .subject {text-decoration:underline;}
.board-faq-box > ul > li.active .faq-head button .subject {color:var(--color-active3);}
.board-faq-box > ul > li.active .faq-head button:after {transform:rotate(180deg);}
.board-faq-box > ul > li.active .faq-body {display:flex; flex-wrap:wrap;}
@media (max-width:991px){
.board-faq-box > ul > li .faq-head button {padding:15px 0;}
.board-faq-box > ul > li .faq-head button:after {width:20px; height:20px; margin:0 0 0 10px;}
.board-faq-box > ul > li .faq-head button b {font-size:15px;}
.board-faq-box > ul > li .faq-head button .subject {font-size:15px;}
.board-faq-box > ul > li .faq-body {padding:20px 15px;}
.board-faq-box > ul > li .faq-body b {font-size:15px;}
.board-faq-box > ul > li .faq-body .faq-body-inner p {font-size:15px;}
}

/* board-view-box */
.board-view-box {border-top:2px solid #222;}
.board-view-box .view-head {padding:35px; border-bottom:1px solid #e5e5e5;}
.board-view-box .view-head .subject {font-size:30px; font-weight:600; line-height:1.3; word-break:keep-all; text-align:center; margin:0 0 20px;}
.board-view-box .view-head .badge-box {justify-content:center;}
.board-view-box .view-head .view-head-cate {margin:0 0 20px;}
.board-view-box .view-head .view-head-cate p {text-align:center; font-size:16px; font-weight:500; color:var(--color-active3);}
.board-view-box .view-head .view-head-info ul {display:flex; flex-wrap:wrap; justify-content:center; gap:5px 0;}
.board-view-box .view-head .view-head-info ul li {display:flex; flex-wrap:wrap; align-items:center;}
.board-view-box .view-head .view-head-info ul li:after {display:inline-block; content:""; width:1px; height:15px; background:#e5e5e5; margin:0 15px;}
.board-view-box .view-head .view-head-info ul li:last-of-type:after {display:none;}
.board-view-box .view-head .view-head-info ul li b {font-size:16px; font-weight:500; color:#222; margin:0 10px 0 0;}
.board-view-box .view-head .view-head-info ul li p {font-size:16px; color:#666;}
.board-view-box .view-content {border-bottom:1px solid #e5e5e5; padding:20px 0;}
.board-view-box .view-detail {padding:55px 0;}
.board-view-box .view-detail img {display:block; margin:0 auto; max-width:100%;}
.board-view-box .view-detail p {font-size:18px; word-break:keep-all;}
@media (max-width:991px){
.board-view-box .view-head {padding:15px 0;}
.board-view-box .view-head .badge-box {justify-content:flex-start;}
.board-view-box .view-head .subject {font-size:22px; margin:0 0 10px; text-align:left;}
.board-view-box .view-head .view-head-cate {margin:0 0 10px;}
.board-view-box .view-head .view-head-cate p {font-size:15px; text-align:left;}
.board-view-box .view-head .view-head-info ul {justify-content:flex-start;}
.board-view-box .view-head .view-head-info ul li:after {height:12px; margin:0 10px;}
.board-view-box .view-head .view-head-info ul li b {font-size:13px;}
.board-view-box .view-head .view-head-info ul li p {font-size:13px;}
.board-view-box .view-detail {padding:30px 0;}
.board-view-box .view-detail p {font-size:15px;}
}

/* control-box */
.control-box {display:flex; flex-wrap:wrap; align-items:center; gap:0 5px;}
.control-box .swiper-button-prev {width:36px; height:36px; border-radius:50%; border:1px solid #ddd; font-size:0; position:static; margin:0; background:#fff url('/uljukium/images/hmpg/common/icon_arrow_left.svg') no-repeat center / 20px;}
.control-box .swiper-button-prev:after {display:none;}
.control-box .swiper-button-next {width:36px; height:36px; border-radius:50%; border:1px solid #ddd; font-size:0; position:static; margin:0; background:#fff url('/uljukium/images/hmpg/common/icon_arrow_right.svg') no-repeat center / 20px;}
.control-box .swiper-button-next:after {display:none;}
.control-box .swiper-play {display:block; font-size:0; width:36px; height:36px; border-radius:50%; border:1px solid #ddd; background:#fff url('/uljukium/images/hmpg/common/icon_pause.svg') no-repeat center / 17px auto;}
.control-box .swiper-play.active {background:url('/uljukium/images/hmpg/common/icon_play.png') no-repeat 15px center / 7px auto;}
.control-box .swiper-bar {position:relative; width:100px; height:2px; background:#ddd; overflow:hidden; margin:0 15px 0 0;}
.control-box .swiper-bar .bar {position:absolute; left:0; top:0; height:100%; background:#222; transition:all ease 0.5s;}
.control-box .swiper-pagination {position:static; width:auto;}
.control-box .swiper-pagination-fraction {font-size:16px; color:#666; margin:0 10px 0 0;}
.control-box .swiper-pagination-fraction span {font-size:16px; color:#666;}
.control-box .swiper-pagination-fraction span.swiper-pagination-current {color:#222; font-weight:600;}
@media (max-width:991px){
.control-box .swiper-bar {display:none;}
}

/* mail-box */
.mail-box {border:1px solid #dddddd; border-radius:20px; overflow:hidden;}
.mail-box .mail-head {background:#fafafa; padding:50px 30px 30px;}
.mail-box .mail-head p {font-size:24px; text-align:center; word-break:keep-all;}
.mail-box .mail-head p b {font-size:24px; font-weight:700;}
.mail-box .mail-head p strong {font-size:24px; font-weight:700; color:#fe355b;}
.mail-box .mail-head:before {display:block; content:""; width:272px; height:194px; margin:0 auto 30px; background:url('/uljukium/images/hmpg/common/logo_error.png') no-repeat center / cover;}
.mail-box .mail-body {padding:30px 30px 50px;}
.mail-box .mail-body p {font-size:18px; text-align:center; word-break:keep-all;}
@media (max-width:991px){
.mail-box {border-radius:10px;}
.mail-box .mail-head {padding:30px 15px 15px;}
.mail-box .mail-head p {font-size:16px;}
.mail-box .mail-head p b {font-size:16px;}
.mail-box .mail-head p strong {font-size:16px;}
.mail-box .mail-head p br {display:none;}
.mail-box .mail-head:before {width:110px; height:142px; margin:0 auto 15px;}
.mail-box .mail-body {padding:15px 15px 30px;}
.mail-box .mail-body p {font-size:14px;}
.mail-box .mail-body p br {display:none;}
}

/* survey-box */
.survey-box {border:1px solid #ddd; border-radius:15px; overflow:hidden;}
.survey-box h6 {display:flex; flex-wrap:wrap; align-items:center; font-size:22px; font-weight:600; background:#fef6f8; padding:25px 50px;}
.survey-box h6:before {display:inline-block; content:""; width:22px; height:27px; margin:0 10px 0 0; background:url('/uljukium/images/hmpg/icon_survey.png') no-repeat center / cover;}
.survey-box ul {padding:20px 50px;}
.survey-box ul li {margin:0 0 10px; display:flex; flex-wrap:wrap;}
.survey-box ul li:last-of-type {margin:0;}
.survey-box ul li > b {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid var(--color-active3); color:var(--color-active3); width:70px; height:30px; font-size:14px; font-weight:600; border-radius:10px;}
.survey-box ul li > p {flex:1; min-width:0; padding:2px 0 0 20px; font-size:18px; word-break:keep-all;}
.survey-box ul li strong {padding:0 20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:18px; color:#666;}
.survey-box ul li strong:before {display:inline-block; content:""; width:20px; height:20px; margin:0 10px 0 0; background:url('/uljukium/images/hmpg/icon_survey_arrow.png') no-repeat center / cover;}
.survey-box ul li.line {align-items:center; margin:15px 0;}
.survey-box ul li.line:before {flex:1; min-width:0; display:block; height:1px; content:""; background:#ddd;}
.survey-box ul li.line:after {flex:1; min-width:0; display:block; height:1px; content:""; background:#ddd;}
@media (max-width:991px){
.survey-box h6 {font-size:18px; padding:15px;}
.survey-box h6:before {width:17px; height:22px;}
.survey-box ul {padding:15px;}
.survey-box ul li > b {width:60px; height:25px; border-radius:5px; font-size:13px;}
.survey-box ul li > p {padding:2px 0 0 10px; font-size:15px;}
.survey-box ul li strong {padding:0 10px; font-size:15px;}
.survey-box ul li strong:before {width:17px; height:17px; margin:0 5px 0 0;}
}

/* survey-result-box */
.survey-result-box > ul > li {margin:0 0 10px; display:flex; flex-wrap:wrap; align-items:center; position:relative;}
.survey-result-box > ul > li > strong {display:flex; flex-wrap:wrap; align-items:center; width:90px; font-size:15px; word-break:keep-all; font-weight:600;}
.survey-result-box > ul > li > strong em {font-size:14px; color:#666; margin:0 5px 0 0;}
.survey-result-box > ul > li > .result-text {z-index:2; position:absolute; right:0; top:4px; padding:0 10px 0 0;}
.survey-result-box > ul > li > .result-text p {font-size:13px; padding:2px 0 0;}
.survey-result-box > ul > li > .result-bar {flex:1; min-width:0; height:30px; position:relative;}
.survey-result-box > ul > li > .result-bar .bar {position:absolute; left:0; top:0; height:100%; background:#f0f2f5; border-radius:10px;}
.survey-result-box > ul > li > .result-content {width:100%; padding:0 0 0 15px;}
.survey-result-box > ul > li.rank-1 > .result-bar .bar {background:#fbd165;}
.survey-result-box > ul > li.rank-2 > .result-bar .bar {background:#f8e7bc;}
.survey-result-box > ul > li.rank-3 > .result-bar .bar {background:#f8e7bc;}
@media (max-width:991px){
.survey-result-box > ul > li > strong {font-size:14px;}
.survey-result-box > ul > li > strong em {font-size:13px;}
.survey-result-box > ul > li > .result-text p {font-size:12px; padding:0;}
.survey-result-box > ul > li > .result-bar {height:25px;}
}

/* survey-button-box */
.survey-button-box {display:flex; flex-wrap:wrap; align-items:center;}
.survey-button-box button {display:flex; flex-wrap:wrap; align-items:center; font-size:15px; color:#666; text-decoration:underline;}
.survey-button-box button:after {display:block; content:""; width:20px; height:20px; background:url('/uljukium/images/hmpg/common/icon_arrow_up.svg') no-repeat center / cover; filter:var(--filter-gray-700);}
.survey-button-box button.active:after {transform:rotate(180deg);}
@media (max-width:991px){
.survey-button-box button {font-size:14px;}
.survey-button-box button:after {width:18px; height:18px;}
}

/* survey-content-box */
.survey-content-box {border:1px solid #ddd; border-radius:15px; overflow:hidden;}
.survey-content-box table {table-layout:fixed;}
.survey-content-box table thead tr th {border-bottom:1px solid #111; font-size:14px; font-weight:600; padding:15px 10px;}
.survey-content-box table tbody tr td {border-bottom:1px solid #ddd; font-size:14px; color:#666; padding:10px;}
.survey-content-box table tbody tr td:last-of-type {text-align:left;}
.survey-content-box table tbody tr:last-of-type td {border:0;}
@Media (max-width:991px){
.survey-content-box table thead tr th {padding:10px;}
}

/* board-gallery-box */
.board-gallery-box {border-top:2px solid #222; padding:20px 0 0;}
.board-gallery-box > ul {display:flex; flex-wrap:wrap; gap:20px;}
.board-gallery-box > ul > li {width:calc(25% - 16px);}
.board-gallery-box > ul > li .more {display:block; background:var(--color-white);}
.board-gallery-box > ul > li .more .list-image {position:relative; overflow:hidden; border-radius:10px;}
.board-gallery-box > ul > li .more .list-image:after {display:block; content:""; padding-bottom:63%;}
.board-gallery-box > ul > li .more .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; transition:all ease 0.2s;}
.board-gallery-box > ul > li .more .list-image span {padding:5px 10px; font-size:15px; font-weight:500; color:#fff; position:absolute; right:0; top:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:0 0 0 10px; z-index:3;}
.board-gallery-box > ul > li .more .list-image span.scheduled {background:#2d3a56;}
.board-gallery-box > ul > li .more .list-image span.progress {background:var(--color-active3);}
.board-gallery-box > ul > li .more .list-image span.end {background:#677385;}
.board-gallery-box > ul > li .more .list-content {padding:15px 0;}
.board-gallery-box > ul > li .more .list-content .subject {font-size:18px; font-weight:500;}
.board-gallery-box > ul > li .more .list-content .text {font-size:16px; color:var(--color-gray-700); margin:5px 0 0;}
.board-gallery-box > ul > li .more .list-content .detail {display:flex; flex-wrap:wrap; align-items:center; margin:5px 0 0;}
.board-gallery-box > ul > li .more .list-content .detail > li {font-size:14px; color:var(--color-gray-700); display:flex; flex-wrap:wrap; align-items:center;}
.board-gallery-box > ul > li .more .list-content .detail > li:after {display:block; content:""; width:1px; height:13px; margin:0 10px; background:var(--color-gray-600);}
.board-gallery-box > ul > li .more .list-content .detail > li:last-of-type:after {display:none;}
.board-gallery-box > ul > li .more .list-content .detail.no-after > li {width:100%;}
.board-gallery-box > ul > li .more .list-content .detail.no-after > li:after {display:none;}
.board-gallery-box > ul > li .more:hover .list-image img {transform:scale(1.1);}
.board-gallery-box > ul > li .more:hover .list-content .subject {text-decoration:underline;}
.board-gallery-box > ul > li.end .list-image img {opacity:0.5;}
@media (max-width:991px){
.board-gallery-box > ul {gap:10px;}
.board-gallery-box > ul > li {width:calc(33.33% - 6.66px);}
.board-gallery-box > ul > li .more .list-content .subject {font-size:15px;}
.board-gallery-box > ul > li .more .list-content .text {font-size:14px;}
.board-gallery-box > ul > li .more .list-content .detail > li {font-size:12px;}
.board-gallery-box > ul > li .more .list-content .detail > li:after {height:10px;}
}
@media (max-width:767px){
.board-gallery-box > ul > li {width:calc(50% - 5px);}
}
@media (max-width:575px){
.board-gallery-box > ul {gap:0;}
.board-gallery-box > ul > li {width:100%; margin:0 0 15px;}
.board-gallery-box > ul > li:last-of-type {margin:0;}
}

/* board-webzine-box */
.board-webzine-box {border-top:2px solid #222;}
.board-webzine-box > ul > li {border-bottom:1px solid var(--color-gray-300);}
.board-webzine-box > ul > li .more {display:flex; flex-wrap:wrap; align-items:center; padding:20px 15px; background:var(--color-white);}
.board-webzine-box > ul > li .more .list-image {border:1px solid var(--color-gray-300); position:relative; width:200px; margin:0 15px 0 0; overflow:hidden;}
.board-webzine-box > ul > li .more .list-image:after {display:block; content:""; padding-bottom:63%;}
.board-webzine-box > ul > li .more .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; transition:all ease 0.2s;}
.board-webzine-box > ul > li .more .list-content {flex:1; min-width:0;}
.board-webzine-box > ul > li .more .list-content .subject {font-size:18px; font-weight:500;}
.board-webzine-box > ul > li .more .list-content .text {font-size:16px; color:var(--color-gray-700); margin:5px 0 0;}
.board-webzine-box > ul > li .more .list-content .detail {display:flex; flex-wrap:wrap; align-items:center; margin:5px 0 0;}
.board-webzine-box > ul > li .more .list-content .detail > li {font-size:15px; color:var(--color-gray-700); display:flex; flex-wrap:wrap; align-items:center;}
.board-webzine-box > ul > li .more .list-content .detail > li:after {display:block; content:""; width:1px; height:13px; margin:0 10px; background:var(--color-gray-600);}
.board-webzine-box > ul > li .more .list-content .detail > li:last-of-type:after {display:none;}
.board-webzine-box > ul > li .more:hover .list-image img {transform:scale(1.1);}
.board-webzine-box > ul > li .more:hover .list-content .subject {text-decoration:underline;}
@media (max-width:991px){
.board-webzine-box > ul > li .more {padding:15px 10px;}
.board-webzine-box > ul > li .more .list-content .subject {font-size:15px;}
.board-webzine-box > ul > li .more .list-content .text {font-size:14px;}
.board-webzine-box > ul > li .more .list-content .detail > li {font-size:13px;}
}
@media (max-width:767px){
.board-webzine-box > ul > li .more .list-image {width:120px; margin:0 10px 0 0;}
.board-webzine-box > ul > li .more .list-content .text {margin:1.5px 0 0;}
.board-webzine-box > ul > li .more .list-content .detail {margin:1.5px 0 0;}
}

/* view-news-box */
.view-news-box {display:flex; flex-wrap:wrap; padding:40px; border-bottom:1px solid #ddd; gap:40px;}
.view-news-box .news-image {flex:1; min-width:0;}
.view-news-box .news-image img {width:100%; border-radius:15px;}
.view-news-box .news-content {flex:1; min-width:0;}
.view-news-box .news-content .subject {display:flex; flex-wrap:nowrap; margin:10px 0 0;}
.view-news-box .news-content .subject b {font-size:30px; font-weight:600; line-height:1.3;}
.view-news-box .news-content .subject .new {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50%; width:20px; height:20px; font-size:12px; font-weight:500; position:relative; top:4px; background:#ff771a; color:#fff; flex-shrink:0;}
.view-news-box .news-content ul {margin:20px 0 0; border:1px solid #ddd; border-radius:10px; overflow:hidden;}
.view-news-box .news-content ul li {display:flex; flex-wrap:wrap; background:#f6f6f6;}
.view-news-box .news-content ul li b {background:#f6f6f6; font-size:15px; font-weight:600; width:140px; padding:5px 15px;}
.view-news-box .news-content ul li p {flex:1; min-width:0; font-size:15px; padding:5px 10px; background:#fff;}
.view-news-box .news-content ul li:first-of-type b {padding-top:15px;}
.view-news-box .news-content ul li:first-of-type p {padding-top:15px;}
.view-news-box .news-content ul li:last-of-type b {padding-bottom:15px;}
.view-news-box .news-content ul li:last-of-type p {padding-bottom:15px;}
@media (max-width:991px){
.view-news-box {padding:20px 0; gap:20px;}
.view-news-box .news-image {flex:none; width:100%;}
.view-news-box .news-content {flex:none; width:100%;}
.view-news-box .news-content .subject b {font-size:20px;}
.view-news-box .news-content ul {margin:10px 0 0; border-radius:10px;}
.view-news-box .news-content ul li b {width:100px;}
}

/* fact-box */
.fact-box .main-slide {margin:0 0 30px; position:relative;}
.fact-box .main-slide .swiper-button-prev {position:absolute; left:-70px; width:40px; height:40px; background:url('/uljukium/images/hmpg/icon_arrow_left.svg') no-repeat center / cover;}
.fact-box .main-slide .swiper-button-prev:after {display:none;}
.fact-box .main-slide .swiper-button-next {position:absolute; right:-70px; width:40px; height:40px; background:url('/uljukium/images/hmpg/icon_arrow_right.svg') no-repeat center / cover;}
.fact-box .main-slide .swiper-button-next:after {display:none;}
.fact-box .main-slide .swiper-container {overflow:hidden;}
.fact-box .main-slide .swiper-slide {overflow:hidden; position:relative; border-radius:10px;}
.fact-box .main-slide .swiper-slide:after {display:block; content:""; padding-bottom:61.5%;}
.fact-box .main-slide .swiper-slide img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.fact-box .thumb-slide .swiper-container {overflow:hidden;}
.fact-box .thumb-slide .swiper-slide {width:25%; position:relative; overflow:hidden; border-radius:10px; cursor:pointer;}
.fact-box .thumb-slide .swiper-slide:after {display:block; content:""; padding-bottom:61.5%;}
.fact-box .thumb-slide .swiper-slide img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
@media (max-width:991px){
.fact-box .main-slide {margin:0 0 10px;}
.fact-box .main-slide .swiper-slide {border-radius:10px;}
.fact-box .main-slide .swiper-button-prev {left:10px; border-radius:50%; background:rgba(0,0,0,0.5); width:35px; height:35px;}
.fact-box .main-slide .swiper-button-prev:after {display:block; content:""; width:100%; height:100%; background:url('/uljukium/images/hmpg/icon_arrow_left.svg') no-repeat center / cover; filter:var(--filter-white);}
.fact-box .main-slide .swiper-button-next {right:10px; border-radius:50%; background:rgba(0,0,0,0.5); width:35px; height:35px;}
.fact-box .main-slide .swiper-button-next:after {display:block; content:""; width:100%; height:100%; background:url('/uljukium/images/hmpg/icon_arrow_right.svg') no-repeat center / cover; filter:var(--filter-white);}
.fact-box .main-slide .swiper-button-next {right:15px;}
.fact-box .thumb-slide .swiper-slide {border-radius:10px;}
}