/* skipnavi-box - 웹접근성: 텍스트와 배경 명도 대비 4.5:1 이상 확보 */
.skipnavi-box {position:fixed; left:0; top:0; width:100%; z-index:99999;}
.skipnavi-box dl dt {display:none;}
.skipnavi-box dl dd a {position:absolute; left:0; top:-35px; width:100%; transition:all ease 0.5s; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:35px; background:#333; color:#fff; font-size:16px; font-weight:600;}
.skipnavi-box dl dd a:focus {top:0;}

/* header */
header {z-index:1000; position:fixed; width:100%; margin:0 auto; top:0;}
header .header-top {position:relative; z-index:1000; background:#f3f4f4; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:15px 50px;}
header .header-top ul {display:flex; flex-wrap:wrap; align-items:center; gap:0 20px;}
header .header-top ul li a {font-size:14px; color:#333;}
header .header-top ul li a:hover {text-decoration:underline;}
header .header-top .top-right ul {gap:0;}
header .header-top .top-right ul li {display:flex; flex-wrap:wrap; align-items:center;}
header .header-top .top-right ul li:after {display:block; content:""; width:1px; height:13px; background:#d0d0d0; margin:0 15px;}
header .header-top .top-right ul li:last-of-type:after {display:none;}
header .header-top .top-right ul li.lang {margin:0 40px 0 0;}
header .header-top .top-right ul li.lang:after {display:none;}
header .header-top .top-right ul li.lang a {display:flex; flex-wrap:wrap; align-items:center;}
header .header-top .top-right ul li.lang a:before {display:inline-block; content:""; width:26px; height:17px; margin:0 5px 0 0; background-size:cover; background-position:center;}
header .header-top .top-right ul li.lang.vt a:before {background-image:url('/uljukium/images/hmpg/icon_lang_vt.png');}
header .header-top .top-right ul li.lang.ch a:before {background-image:url('/uljukium/images/hmpg/icon_lang_ch.png');}
header .header-top .top-right ul li.lang.kr a:before {background-image:url('/uljukium/images/hmpg/icon_lang_kr.png');}
header .header-main {display:flex; flex-wrap:wrap; padding:0 50px;}
header .header-main .main-logo {display:flex; flex-wrap:wrap; margin:0 40px 0 0;}
header .header-main .main-logo h3 img {width:137px; display:block; margin:8px 0 0;}
header .header-main .main-search {width:280px; margin:0 60px 0 0; position:relative; padding:17px 0 0;}
header .header-main .main-search .search-inner {position:relative; width:100%; display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .main-search .search-inner input {flex:1; min-width:0; height:45px; background:#f5f5f5; padding:0 50px 0 20px; font-size:15px; color:#666; border-radius:50px;}
header .header-main .main-search .search-inner input::placeholder {color:#c2c2c2;}
header .header-main .main-search .search-inner .search {position:absolute; right:20px; top:50%; transform:translateY(-50%); width:22px; height:22px; font-size:0; background:url('/uljukium/images/hmpg/icon_search_g.png') no-repeat center / cover;}
header .header-main .main-search .search-list {display:none; position:absolute; left:0; top:calc(100% + 10px); width:100%; background:#fff; border-radius:15px; box-shadow:0 0 10px rgba(0,0,0,0.1);}
header .header-main .main-search .search-list ul {padding:20px;}
header .header-main .main-search .search-list ul li {margin:0 0 10px;}
header .header-main .main-search .search-list ul li:last-of-type {margin:0;}
header .header-main .main-search .search-list ul li a {display:block; font-size:15px; color:#666; font-weight:300;}
header .header-main .main-search .search-list ul li a:hover {font-weight:600; color:#222; text-decoration:underline;}
header .header-main .main-search.active .search-list {display:block;}
header .header-main .main-button {margin:0 0 0 40px; padding:28px 0 0;}
header .header-main .main-button .menu {width:24px; height:24px; font-size:0; background:url('/uljukium/images/hmpg/icon_menu.png') no-repeat right center / 24px auto;}
header .header-main .main-menu {flex:1; min-width:0;}
header .header-main .main-menu > ul {display:flex; flex-wrap:wrap;}
header .header-main .main-menu > ul > li {flex:1; min-width:0;}
header .header-main .main-menu > ul > li > a {display:block; padding:24px 20px; text-align:center; font-size:22px; font-weight:500; color:#222;}
header .header-main .main-menu > ul > li > ul {padding:0 0 60px; display:none;}
header .header-main .main-menu > ul > li > ul > li {margin:0 0 10px;}
header .header-main .main-menu > ul > li > ul > li:last-of-type {margin:0;}
header .header-main .main-menu > ul > li > ul > li > a {display:block; font-size:17px; color:#666; padding:0 20px; text-align:center;}
header .header-main .main-menu > ul > li > ul > li > ul {padding:0 20px; margin:10px 0 0;}
header .header-main .main-menu > ul > li > ul > li > ul > li {margin:0 0 10px;}
header .header-main .main-menu > ul > li > ul > li > ul > li:last-of-type {margin:0;}
header .header-main .main-menu > ul > li > ul > li > ul > li a {display:block; font-size:16px; color:#666; font-weight:300; text-align:center;}
header .header-main .main-menu > ul > li > ul > li > ul > li a:hover {color:var(--color-active3); font-weight:500;}
header .header-main .main-menu > ul > li > ul > li > ul > li.active a {color:var(--color-active3); font-weight:500;}
header .header-main .main-menu > ul > li > ul > li:hover > a {color:var(--color-active3); font-weight:600;}
header .header-main .main-menu > ul > li > ul > li.active > a {color:var(--color-active3); font-weight:600;}
header .header-main .main-menu > ul > li:hover > a:hover {font-weight:600; color:var(--color-active3); position:relative;}
header .header-main .main-menu > ul > li:hover > a:hover:before {position:absolute; left:30px; top:15px; width:8px; height:8px; border-radius:50%; background:var(--color-active3); content:"";}
header .header-main .main-menu > ul > li.active > a {font-weight:600; color:var(--color-active3); position:relative;}
header .header-main .main-menu > ul > li.active > a:before {position:absolute; left:30px; top:15px; width:8px; height:8px; border-radius:50%; background:var(--color-active3); content:"";}
header .header-main .main-menu:hover > ul > li > ul {display:block;}
header .header-allmenu {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; z-index:99999;}
header .header-allmenu .box {width:100%; height:100%; display:flex; flex-direction:column;}
header .header-allmenu .list-head {width:100%; padding:24px 50px; margin:0 0 24px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header .header-allmenu .list-head h3 img {width:137px;}
header .header-allmenu .list-head .close {width:27px; height:27px; font-size:0; background:url('/uljukium/images/hmpg/icon_close.png') no-repeat center / cover;}
header .header-allmenu .list-body {width:100%; height:100%; display:flex; flex-direction:column; overflow:hidden;}
header .header-allmenu .list-body .body-member {width:100%; display:none;}
header .header-allmenu .list-body .body-list {width:100%; height:100%; overflow-y:auto; padding:0 0 0 5%;}
header .header-allmenu .list-body .body-list .container > ul {display:flex; flex-wrap:wrap;}
header .header-allmenu .list-body .body-list .container > ul > li {flex:1; min-width:140px; margin:0 20px 0 0;}
header .header-allmenu .list-body .body-list .container > ul > li:last-of-type {margin:0;}
/* 카테고리(1뎁스) 토글만 숨김 - 2뎁스 그룹명(지원사업신청 등)은 보이도록 직계자식만 대상 */
header .header-allmenu .list-body .body-list .container > ul > li > .toggle {display:none;}
header .header-allmenu .list-body .body-list .container > ul > li > strong {display:block; font-size:26px; font-weight:700; margin:0 0 20px; color:var(--color-active3); word-break:keep-all; line-height:1.3;}
header .header-allmenu .list-body .body-list .container > ul > li > ul > li {margin:0 0 10px;}
header .header-allmenu .list-body .body-list .container > ul > li > ul > li:last-of-type {margin:0;}
header .header-allmenu .list-body .body-list .container > ul > li > ul > li > a {position:relative; font-size:18px; color:#222; word-break:keep-all; line-height:1.3; padding:0 0 0 12px; white-space:normal; overflow:visible;}
header .header-allmenu .list-body .body-list .container > ul > li > ul > li > a:before {position:absolute; left:0; top:8px; width:4px; height:4px; background:var(--color-active3); border-radius:50%; content:"";}
header .header-allmenu .list-body .body-list .container > ul > li > ul > li > ul {margin:10px 0 0; padding:0 0 0 16px;}
header .header-allmenu .list-body .body-list .container > ul > li > ul > li > ul > li {margin:0 0 10px;}
header .header-allmenu .list-body .body-list .container > ul > li > ul > li > ul > li:last-of-type {margin:0;}
header .header-allmenu .list-body .body-list .container > ul > li > ul > li > ul > li > a {font-size:15px; color:#666; display:block; line-height:1.3;}
header .header-allmenu .list-body .body-list .container > ul > li > ul > li > ul > li:hover > a {font-weight:500; color:var(--color-active3);}
header .header-allmenu .list-body .body-list .container > ul > li > ul > li > ul > li.active > a {font-weight:500; color:var(--color-active3);}
header .header-allmenu .list-body .body-list .container > ul > li > ul > li:hover > a {font-weight:500; color:var(--color-active3);}
header .header-allmenu .list-body .body-list .container > ul > li > ul > li.active > a {font-weight:500; color:var(--color-active3);}
header .header-allmenu .list-foot {display:none;}
header.hover .header-main {position:relative; background:#fff; z-index:1000;}
header.hover .header-main .main-menu > ul > li ul {display:block;}
header.hover:before {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:999; content:"";}
header.fixed .header-allmenu {display:block;}
header.scroll {background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);}
@media (max-width:1700px){
header .header-main {padding:15px 50px; align-items:center;}
header .header-main .main-logo h3 img {margin:0;}
header .header-main .main-search {flex:1; min-width:0; padding:0;}
header .header-main .main-search .search-inner {width:280px;}
header .header-main .main-menu {display:none;}
header .header-main .main-button {padding:0;}
}
@media (max-width:1500px){
header .header-top {padding:15px;}
header .header-main {padding:15px;}
header .header-allmenu .list-body .body-list {padding:0;}
}
@media (max-width:991px){
header {left:0; transform:none;}
header .header-top {display:none;}
header .header-main {background:#fff;}
header .header-main .main-logo {margin:0 15px 0 0;}
header .header-main .main-logo h3 img {width:100px;}
header .header-main .main-search {margin:0;}
header .header-main .main-search .search-inner {width:100%; max-width:280px;}
header .header-main .main-search .search-inner input {font-size:14px; height:40px; padding:0 50px 0 15px;}
header .header-main .main-search .search-inner .search {width:18px; height:18px; right:15px;}
header .header-main .main-button {margin:0 0 0 15px;}
header .header-main .main-search .search-list ul li {margin:0 0 7px;}
header .header-main .main-search .search-list ul li a {font-size:14px;}
header .header-allmenu .list-head {padding:15px; margin:0;}
header .header-allmenu .list-head h3 img {width:100px;}
header .header-allmenu .list-head .close {width:24px; height:24px;}
header .header-allmenu .list-body .body-member {padding:20px 15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header .header-allmenu .list-body .body-member strong {flex:1; min-width:0; font-size:16px; font-weight:600;}
header .header-allmenu .list-body .body-member ul {display:flex; flex-wrap:wrap; gap:2.5px 5px;}
header .header-allmenu .list-body .body-member ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; border:1px solid #e7e7e7; height:35px; padding:0 15px; font-size:14px; color:#222;}
header .header-allmenu .list-body .body-list .container {padding:0;}
header .header-allmenu .list-body .body-list .container > ul {border-top:1px solid #b2bac1;}
header .header-allmenu .list-body .body-list .container > ul > li {border-bottom:1px solid #b2bac1; margin:0; flex:none; width:100%;}
header .header-allmenu .list-body .body-list .container > ul > li > .toggle {width:100%; font-size:18px; font-weight:500; color:#222; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:55px; padding:0 15px;}
header .header-allmenu .list-body .body-list .container > ul > li > .toggle:after {display:block; content:""; width:20px; height:20px; margin:0 0 0 10px; background:url('/uljukium/images/hmpg/icon_arrow_down.svg') no-repeat center / cover;}
header .header-allmenu .list-body .body-list .container > ul > li > strong {display:none;}
header .header-allmenu .list-body .body-list .container > ul > li > ul {display:none; background:#f7f7f7; padding:20px 15px; border-top:1px solid #b2bac1;}
header .header-allmenu .list-body .body-list .container > ul > li > ul > li a {font-size:16px;}
header .header-allmenu .list-body .body-list .container > ul > li > ul > li a:before {top:7px;}
header .header-allmenu .list-body .body-list .container > ul > li > ul > li > ul > li a {font-size:14px;}
header .header-allmenu .list-body .body-list .container > ul > li > ul > li > ul > li a br {display:none;}
header .header-allmenu .list-body .body-list .container > ul > li.active > .toggle {background:var(--color-active3); color:#fff;}
header .header-allmenu .list-body .body-list .container > ul > li.active > .toggle:after {filter:var(--filter-white); transform:rotate(180deg);}
header .header-allmenu .list-body .body-list .container > ul > li.active > ul {display:block;}
header .header-allmenu .list-foot {display:block; width:100%; padding:15px;}
header .header-allmenu .list-foot ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:0 20px;}
header .header-allmenu .list-foot ul li.lang a {display:flex; flex-wrap:wrap; align-items:center; font-size:13px;}
header .header-allmenu .list-foot ul li.lang a:before {display:inline-block; content:""; width:22px; height:16px; margin:0 5px 0 0; background-size:cover; background-position:center;}
header .header-allmenu .list-foot ul li.lang.vt a:before {background-image:url('/uljukium/images/hmpg/icon_lang_vt.png');}
header .header-allmenu .list-foot ul li.lang.ch a:before {background-image:url('/uljukium/images/hmpg/icon_lang_ch.png');}
header .header-allmenu .list-foot ul li.lang.kr a:before {background-image:url('/uljukium/images/hmpg/icon_lang_kr.png');}
}

/* footer */
footer {background:#52555e;}
footer .footer-top {border-bottom:1px solid #86888f; padding:25px 0;}
footer .footer-top ul {display:flex; flex-wrap:wrap; gap:0 40px;}
footer .footer-top ul li a {font-size:18px; font-weight:500; color:#d5d5d5;}
footer .footer-top ul li a:hover {text-decoration:underline;}
footer .footer-top ul li:first-of-type a {color:#fdf0a9;}
footer .footer-bottom {padding:30px 0;}
footer .footer-bottom .container {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-bottom .footer-logo h2 img {width:137px;}
footer .footer-bottom .footer-info {flex:1; min-width:0; padding:0 40px 0 90px;}
footer .footer-bottom .footer-info ul li {display:flex; flex-wrap:wrap; gap:0 20px;}
footer .footer-bottom .footer-info ul li p {font-size:16px; color:#d5d5d5; word-break:keep-all;}
footer .footer-bottom .footer-info ul li p b {font-size:16px; color:#d5d5d5; font-weight:700; margin:0 10px 0 0; display:inline-block;}
footer .footer-bottom .footer-info ul li:first-of-type {margin:0 0 10px;}
footer .footer-bottom .footer-info ul li:nth-of-type(2) p {font-size:15px; margin:0 0 3px;}
footer .footer-bottom .footer-info ul li:last-of-type p {font-size:13px;}
footer .footer-select {width:220px;}
footer .footer-select .dropdown-box {position:relative;}
footer .footer-select .dropdown-box .dropdown-btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%; height:50px; border:1px solid #878787; padding:0 16px; font-size:15px; color:#cdcdcd;}
footer .footer-select .dropdown-box .dropdown-btn:after {display:block; content:""; width:14px; height:8px; margin:0 0 0 10px; background:url('/uljukium/images/hmpg/icon_footer_select.png') no-repeat center / cover;}
footer .footer-select .dropdown-box .dropdown-inner {padding:20px 15px ;position:absolute; left:0; bottom:calc(100% + 10px); width:100%; background:#fff; border:1px solid #878787;}
footer .footer-select .dropdown-box .dropdown-inner ul {max-height:200px; overflow-y:auto;}
footer .footer-select .dropdown-box .dropdown-inner ul li {margin:0 0 10px;}
footer .footer-select .dropdown-box .dropdown-inner ul li:last-of-type {margin:0;}
footer .footer-select .dropdown-box .dropdown-inner ul li a {display:block; font-size:15px; color:#666; line-height:1.3;}
footer .footer-select .dropdown-box .dropdown-inner ul li a:hover {color:#000; text-decoration:underline;}
footer .footer-select .dropdown-box.active {z-index:20;}
@media (max-width:991px){
footer .footer-top {padding:15px 0;}
footer .footer-top ul {gap:5px 15px;}
footer .footer-top ul li a {font-size:14px;}
footer .footer-bottom {padding:25px 0;}
footer .footer-bottom .footer-logo {width:100%;}
footer .footer-bottom .footer-logo h2 img {display:block; margin:0 auto;}
footer .footer-bottom .footer-info {flex:none; width:100%; padding:0; margin:30px 0;}
footer .footer-bottom .footer-info ul li {justify-content:center; gap:0;}
footer .footer-bottom .footer-info ul li p {width:100%; text-align:center; font-size:14px;}
footer .footer-bottom .footer-info ul li p b {font-size:14px;}
footer .footer-bottom .footer-info ul li:nth-of-type(2) p {font-size:13px;}
footer .footer-bottom .footer-info ul li:last-of-type p {font-size:12px;}
footer .footer-select {width:100%;}
footer .footer-select .dropdown-box {max-width:250px; margin:0 auto;}
footer .footer-select .dropdown-box .dropdown-btn {height:45px; font-size:14px;}
footer .footer-select .dropdown-box .dropdown-btn:after {width:12px; height:7px;}
footer .footer-select .dropdown-box .dropdown-inner {padding:10px;}
footer .footer-select .dropdown-box .dropdown-inner ul li {margin:0 0 7px;}
footer .footer-select .dropdown-box .dropdown-inner ul li a {font-size:14px;}
}

/* section */
section {margin:0 auto 100px;}
@media (max-width:991px){
section {margin:0 0 50px;}
}

/* sub-top-box */
.sub-top-box {position:relative; padding:250px 0 100px; margin:0;}
.sub-top-box .sub-top-bg {position:absolute; right:0; top:-20px; width:615px; display:block;}
.sub-top-box .sub-top-bg img {width:100%; position:absolute; left:0; top:0;}
.sub-top-box .sub-top-main h3 {font-size:45px; font-weight:700; color:#222; word-break:keep-all; line-height:1.3; margin:0 0 30px;}
.sub-top-box .sub-top-main .container > ul {display:flex; flex-wrap:wrap; align-items:center;}
.sub-top-box .sub-top-main .container > ul > li {margin:0 10px 0 0;}
.sub-top-box .sub-top-main .container > ul > li:last-of-type {margin:0;}
.sub-top-box .sub-top-main .container > ul > li .home {width:50px; height:50px; display:block; font-size:0; background:url('/uljukium/images/hmpg/icon_home.png') no-repeat center / cover;}
.sub-top-box .sub-top-main .container > ul > li .dropdown-box {position:relative;}
.sub-top-box .sub-top-main .container > ul > li .dropdown-box .dropdown-btn {width:220px; height:50px; padding:0 20px; border-radius:50px; background:#f0f2f5; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.sub-top-box .sub-top-main .container > ul > li .dropdown-box .dropdown-btn span {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; flex:1; min-width:0; font-size:18px; line-height:1.3; color:#222; margin:0 10px 0 0; text-align:left;}
.sub-top-box .sub-top-main .container > ul > li .dropdown-box .dropdown-btn:after {display:block; content:""; width:20px; height:20px; background:url('/uljukium/images/hmpg/icon_arrow_down.svg') no-repeat center / cover;}
.sub-top-box .sub-top-main .container > ul > li .dropdown-box .dropdown-inner {min-width:100%; background:#fff; border:1px solid #677385; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.1); position:absolute; left:0; top:calc(100% + 10px); white-space:nowrap;}
.sub-top-box .sub-top-main .container > ul > li .dropdown-box .dropdown-inner > ul {padding:20px;}
.sub-top-box .sub-top-main .container > ul > li .dropdown-box .dropdown-inner > ul > li {margin:0 0 10px;}
.sub-top-box .sub-top-main .container > ul > li .dropdown-box .dropdown-inner > ul > li:last-of-type {margin:0;}
.sub-top-box .sub-top-main .container > ul > li .dropdown-box .dropdown-inner > ul > li > a {display:block; font-size:16px; line-height:1.3; color:#222;}
.sub-top-box .sub-top-main .container > ul > li .dropdown-box .dropdown-inner > ul > li > a:hover {font-weight:600; color:var(--color-active3);}
.sub-top-box .sub-top-main .container > ul > li .dropdown-box .dropdown-inner > ul > li.active > a {font-weight:600; color:var(--color-active3);}
.sub-top-box .sub-top-main .container > ul > li .dropdown-box .dropdown-inner > ul > li > ul {padding:10px 10px 0;}
.sub-top-box .sub-top-main .container > ul > li .dropdown-box .dropdown-inner > ul > li > ul > li {margin:0 0 5px;}
.sub-top-box .sub-top-main .container > ul > li .dropdown-box .dropdown-inner > ul > li > ul > li:last-of-type {margin:0;}
.sub-top-box .sub-top-main .container > ul > li .dropdown-box .dropdown-inner > ul > li > ul > li > a {color:#666;}
.sub-top-box .sub-top-main .container > ul > li .dropdown-box .dropdown-inner > ul > li > ul > li > a:hover {text-decoration:underline;}
.sub-top-box .sub-top-main .container > ul > li .dropdown-box .dropdown-inner > ul > li > ul > li.active a {color:var(--color-active3);}
.sub-top-box .sub-top-main .container > ul > li .dropdown-box.active {z-index:100;}

@media (max-width:991px){
.sub-top-box {margin:50px 0 0; padding:290px 0 50px;}
.sub-top-box .sub-top-bg {width:80%; max-width:450px;}
.sub-top-box .sub-top-main .container {position:relative; z-index:10;}
.sub-top-box .sub-top-main h3 {font-size:30px; margin:0 0 20px;}
.sub-top-box .sub-top-main .container > ul > li {flex:1; min-width:0; margin:0 5px 0 0;}
.sub-top-box .sub-top-main .container > ul > li .home {width:45px; height:45px;}
.sub-top-box .sub-top-main .container > ul > li:first-of-type {flex:none;}
.sub-top-box .sub-top-main .container > ul > li .dropdown-box {position:static;}
.sub-top-box .sub-top-main .container > ul > li .dropdown-box .dropdown-btn {width:100%; height:45px; padding:0 15px; border-radius:8px;}
.sub-top-box .sub-top-main .container > ul > li .dropdown-box .dropdown-btn span {font-size:15px;}
.sub-top-box .sub-top-main .container > ul > li .dropdown-box .dropdown-inner {border-radius:8px; min-width:0; left:50%; transform:translateX(-50%); width:calc(100% - 30px);}
.sub-top-box .sub-top-main .container > ul > li .dropdown-box .dropdown-inner > ul {padding:15px;}
.sub-top-box .sub-top-main .container > ul > li .dropdown-box .dropdown-inner > ul > li {margin:0 0 5px;}
.sub-top-box .sub-top-main .container > ul > li .dropdown-box .dropdown-inner > ul > li > a {font-size:14px;}
}
@media (max-width:450px){
.sub-top-box {padding:53% 0 50px; margin:73px 0 0;}
}

/* sub-content-box */
.sub-content-box .container {display:flex; flex-wrap:wrap; align-items:flex-start;}
.sub-content-box .content-left {width:260px; margin:0 100px 0 0; overflow:hidden; position:relative; position:sticky; top:150px; border-radius:30px 70px 100px 30px; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.sub-content-box .content-left:before {position:absolute; right:40px; top:15px; width:12px; height:12px; background:#fff; border-radius:50%; content:"";}
.sub-content-box .content-left > h4 {background:var(--color-active); text-align:center; font-size:28px; font-weight:600; color:#222; line-height:1.3; padding:40px 15px 25px;}
.sub-content-box .content-left > ul {padding:15px 0 50px;}
.sub-content-box .content-left > ul > li > a {display:flex; flex-wrap:wrap; align-items:center; padding:15px 30px;}
.sub-content-box .content-left > ul > li > a:after {display:none; content:""; width:20px; height:20px; background:url('/uljukium/images/hmpg/icon_sub_cate_caret.png') no-repeat center / cover;}
.sub-content-box .content-left > ul > li > a p {flex:1; min-width:0; margin:0 15px 0 0; font-size:20px; font-weight:500; color:#222;}
.sub-content-box .content-left > ul > li > a:hover p {color:var(--color-active3); font-weight:700;}
.sub-content-box .content-left > ul > li > ul {padding:0 30px; margin:-5px 0 0;}
.sub-content-box .content-left > ul > li > ul > li {margin:0 0 8px;}
.sub-content-box .content-left > ul > li > ul > li:last-of-type {margin:0;}
.sub-content-box .content-left > ul > li > ul > li > a {font-size:18px; position:relative; font-size:18px; color:#666; word-break:keep-all; line-height:1.3; padding:0 0 0 14px;}
.sub-content-box .content-left > ul > li > ul > li > a:before {position:absolute; left:0; top:10px; width:6px; height:1px; background:#666; content:"";}
.sub-content-box .content-left > ul > li > ul > li > a:hover {font-weight:500; color:var(--color-active3);}
.sub-content-box .content-left > ul > li > ul > li.active > a {font-weight:500; color:var(--color-active3);}
.sub-content-box .content-left > ul > li.active > a p {color:var(--color-active3); font-weight:700;}
.sub-content-box .content-left > ul > li.active > a:after {display:block;}
.sub-content-box .content-right {flex:1; min-width:0; padding:30px 0 0;}
@media (max-width:1700px){
.sub-content-box .content-left {margin:0 30px 0 0;}
}
@media (max-width:1200px){
.sub-content-box .content-left {display:none;}
.sub-content-box .content-right {padding:0;}
}

/* main-box */
.main-box {margin:0 0 -100px;}
.main-box .main-title h3 {font-size:36px; font-weight:600; color:#222;}
.main-box .main-title h3 small {display:block; font-size:28px; font-weight:600; color:#222; line-height:1.3;}
.main-box .main-more a {display:block; font-size:0; width:40px; height:40px; border-radius:50%; background:url('/uljukium/images/hmpg/icon_main_more_01.png') no-repeat center / cover;}
@media (max-width:991px){
.main-box {margin:0 0 -50px;}
.main-box .main-title h3 {font-size:30px;}
.main-box .main-title h3 small {font-size:22px;}
.main-box .main-more a {width:36px; height:36px;}
}

/* main-company */
.main-box .main-company {border-top:1px solid #ededed; padding:20px 0;}
.main-box .main-company .container {display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-company .control-box {margin:0 40px 0 0;}
.main-box .main-company .swiper {flex:1; min-width:0;}
.main-box .main-company .swiper .swiper-slide {width:auto; height:58px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-box .main-company .swiper .swiper-slide a {display:flex; align-items:center; justify-content:center;}
.main-box .main-company .swiper .swiper-slide img {max-height:100%; object-fit:cover;}
/* 웹접근성: 관련기관 배너 링크 키보드 초점 시각적 표시 */
.main-box .main-company .swiper .swiper-slide a:focus,
.main-box .main-company .swiper .swiper-slide a:focus-visible {outline:3px solid #333; outline-offset:2px;}
@media (max-width:991px){
.main-box .main-company {padding:15px 0;}
.main-box .main-company .control-box {margin:0 10px 0 0; display:none;}
.main-box .main-company .swiper .swiper-slide {height:35px;}
}

/* main-bottom */
.main-box .main-bottom {margin:0 0 100px;}
.main-box .main-bottom .container {display:flex; flex-wrap:wrap; gap:0 30px;}
.main-box .main-bottom .bottom-inner {flex:1; min-width:0;}
.main-box .main-bottom .bottom-inner .bottom-head {display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; margin:0 0 30px;}
.main-box .main-bottom .bottom-inner .bottom-body .main-more {margin:-70px 0 0;}
.main-box .main-bottom .bottom-inner .bottom-body .bottom-gallery {margin:30px 0 0;}
.main-box .main-bottom .bottom-inner .bottom-body .bottom-gallery ul {display:flex; flex-wrap:wrap; gap:0 30px;}
.main-box .main-bottom .bottom-inner .bottom-body .bottom-gallery ul li {flex:1; min-width:0; border-radius:15px;}
.main-box .main-bottom .bottom-inner .bottom-body .bottom-gallery ul li .inner {display:block; padding:30px; border-radius:15px;}
.main-box .main-bottom .bottom-inner .bottom-body .bottom-gallery ul li .inner .list-image {position:relative; overflow:hidden;}
.main-box .main-bottom .bottom-inner .bottom-body .bottom-gallery ul li .inner .list-image:after {display:block; content:""; padding-bottom:60%;}
.main-box .main-bottom .bottom-inner .bottom-body .bottom-gallery ul li .inner .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.main-box .main-bottom .bottom-inner .bottom-body .bottom-gallery ul li .inner .list-content {margin:20px 0 0;}
.main-box .main-bottom .bottom-inner .bottom-body .bottom-gallery ul li .inner .list-content .subject {font-size:20px; font-weight:600; color:#222; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-box .main-bottom .bottom-inner .bottom-body .bottom-gallery ul li .inner .list-content .date {font-size:15px; color:#666; margin:5px 0 0;}
.main-box .main-bottom .bottom-inner .bottom-body .bottom-gallery ul li .inner:hover .list-content .subject {color:var(--color-active3);}
.main-box .main-bottom .bottom-inner .bottom-body .bottom-gallery ul li.ye {background:#fcfaec;}
.main-box .main-bottom .bottom-inner .bottom-body .bottom-gallery ul li.pk {background:#fdf3f5;}
.main-box .main-bottom .bottom-inner .bottom-body .bottom-swiper .swiper-container {overflow:hidden; padding:5px; margin:-5px;}
.main-box .main-bottom .bottom-inner .bottom-body .bottom-swiper .swiper-container .swiper-slide a {display:block; border-radius:15px; position:relative; overflow:hidden;}
.main-box .main-bottom .bottom-inner .bottom-body .bottom-swiper .swiper-container .swiper-slide a:after {display:block; content:""; padding-bottom:43.5%;}
.main-box .main-bottom .bottom-inner .bottom-body .bottom-swiper .swiper-container .swiper-slide a img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
/* 웹접근성: 배너존 링크 키보드 초점 시각적 표시 (overflow 영역 내에서도 보이도록 inset box-shadow 사용) */
.main-box .main-bottom .bottom-inner .bottom-body .bottom-swiper .swiper-container .swiper-slide a:focus,
.main-box .main-bottom .bottom-inner .bottom-body .bottom-swiper .swiper-container .swiper-slide a:focus-visible {box-shadow:inset 0 0 0 3px #333;}
@media (max-width:991px){
.main-box .main-bottom {margin:0 0 50px;}
.main-box .main-bottom .container {gap:30px 0;}
.main-box .main-bottom .bottom-inner {flex:none; width:100%; margin:0 0 15px;}
.main-box .main-bottom .bottom-inner .bottom-head {margin:0 0 15px;}
.main-box .main-bottom .bottom-inner .bottom-body .main-more {margin:-58px 0 0;}
.main-box .main-bottom .bottom-inner .bottom-body .main-more a {position:relative; top:10px;}
.main-box .main-bottom .bottom-inner .bottom-body .bottom-gallery ul {gap:0 10px;}
.main-box .main-bottom .bottom-inner .bottom-body .bottom-gallery ul li {border-radius:10px;}
.main-box .main-bottom .bottom-inner .bottom-body .bottom-gallery ul li .inner {padding:20px; border-radius:10px}
.main-box .main-bottom .bottom-inner .bottom-body .bottom-gallery ul li .inner .list-content {margin:10px 0 0;}
.main-box .main-bottom .bottom-inner .bottom-body .bottom-gallery ul li .inner .list-content .subject {font-size:18px;}
.main-box .main-bottom .bottom-inner .bottom-body .bottom-gallery ul li .inner .list-content .date {font-size:13px;}
}

/* main-board */
.main-box .main-board {padding:0 0 100px;}
.main-box .main-board .board-head {display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; margin:0 0 30px;}
.main-box .main-board .board-body .main-more {margin:-70px 0 0;}
.main-box .main-board .board-body .main-more a {background-image:url('/uljukium/images/hmpg/icon_main_more_02.png');}
.main-box .main-board .board-body ul {display:flex; flex-wrap:wrap; gap:0 30px; margin:30px 0 0;}
.main-box .main-board .board-body ul li {flex:1; min-width:0; border-radius:15px; border:1px solid #fff; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.main-box .main-board .board-body ul li .inner {display:block; border-radius:15px; padding:30px;}
.main-box .main-board .board-body ul li .inner .subject {font-size:20px; font-weight:600; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.main-box .main-board .board-body ul li .inner .detail {margin:10px 0 0; font-size:16px; color:#666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.main-box .main-board .board-body ul li .inner .date {margin:10px 0 0; font-size:15px; color:#666;}
.main-box .main-board .board-body ul li:hover {border-color:var(--color-active3);}
.main-box .main-board .board-body ul li:hover .inner .subject {color:var(--color-active3);}
@media (max-width:991px){
.main-box .main-board {padding:0;}
.main-box .main-board .board-head {margin:0 0 15px;}
.main-box .main-board .board-body .main-more {margin:-58px 0 0;}
.main-box .main-board .board-body .main-more a {position:relative; top:10px;}
.main-box .main-board .board-body ul {gap:0; margin:30px -5px -10px;}
.main-box .main-board .board-body ul li {border-radius:10px; flex:none; width:calc(50% - 10px); margin:0 5px 10px;}
.main-box .main-board .board-body ul li .inner {border-radius:10px; padding:20px;}
.main-box .main-board .board-body ul li .inner .subject {font-size:18px;}
.main-box .main-board .board-body ul li .inner .detail {font-size:15px;}
.main-box .main-board .board-body ul li .inner .date {font-size:13px;}
}
@media (max-width:600px){
.main-box .main-board .board-body ul {margin:30px 0 0;}
.main-box .main-board .board-body ul li {width:100%; margin:0 0 10px;}
.main-box .main-board .board-body ul li:last-of-type {margin:0;}
}

/* main-map */
.main-box .main-map {padding:0 0 140px;}
.main-box .main-map .main-title {margin:0 0 50px;}
.main-box .main-map .main-title h3 {font-size:45px;}
.main-box .main-map .main-title h3 small {font-size:35px;}
.main-box .main-map .inner {display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-map .inner .map-left {width:45%;}
.main-box .main-map .inner .map-left img {width:100%;}
.main-box .main-map .inner .map-left area {outline:0 !important;}
.main-box .main-map .inner .map-right {flex:1; min-width:0; margin:0 0 0 12%;}
.main-box .main-map .inner .map-right .right-list ul {display:flex; flex-wrap:wrap; margin:0 -10px -20px;}
.main-box .main-map .inner .map-right .right-list ul li {width:calc(33.33% - 20px); margin:0 10px 20px; background:#fff; border-radius:15px; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.main-box .main-map .inner .map-right .right-list ul li .inner {display:block; padding:30px 15px; border-radius:15px;}
.main-box .main-map .inner .map-right .right-list ul li .inner p {font-size:16px; text-align:center; word-break:keep-all; line-height:1.3;}
.main-box .main-map .inner .map-right .right-list ul li .inner strong {display:block; text-align:center; font-size:32px; font-weight:600; color:var(--color-active3); margin:10px 0 0;}
.main-box .main-map .inner .map-right .right-search {display:flex; flex-wrap:wrap; align-items:center; margin:50px 0 0; padding:20px; border-radius:15px; background:#fbd164; gap:0 10px;}
.main-box .main-map .inner .map-right .right-search input {flex:1; min-width:0; height:60px; background:#fff; border-radius:10px; padding:0 20px; font-size:18px;}
.main-box .main-map .inner .map-right .right-search input::placeholder {color:#888;}
.main-box .main-map .inner .map-right .right-search .search {color:#222; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:10px; padding:0 25px; height:60px; font-size:18px; font-weight:500; background:#ecb424;}
@media (max-width:1200px){
.main-box .main-map .inner .map-right {margin:0 0 0 6%;}
}
@media (max-width:991px){
.main-box .main-map {background:#f2f4f5; padding:50px 0; margin:0 0 50px;}
.main-box .main-map .main-title {margin:0 0 20px;}
.main-box .main-map .main-title h3 {font-size:30px;}
.main-box .main-map .main-title h3 small {font-size:22px;}
.main-box .main-map .inner .map-left {width:100%;}
.main-box .main-map .inner .map-left .left-area ul {display:flex; flex-wrap:wrap; margin:0 -1.5px -3px;}
.main-box .main-map .inner .map-left .left-area ul li {width:calc(16.66% - 3px); margin:0 1.5px 3px;}
.main-box .main-map .inner .map-left .left-area ul li .btn {height:30px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #7773c4; border-radius:3px; background:#fff; font-size:13px;}
.main-box .main-map .inner .map-left .left-area ul li .btn.active {background:#2d3a56; border-color:#2d3a56; color:#fff;}
.main-box .main-map .inner .map-right {flex:none; width:100%; margin:30px 0 0;}
.main-box .main-map .inner .map-right .right-list ul {margin:0 -4px -8px;}
.main-box .main-map .inner .map-right .right-list ul li {width:calc(33.33% - 8px); margin:0 4px 8px; border-radius:10px;}
.main-box .main-map .inner .map-right .right-list ul li .inner {padding:15px 10px; border-radius:10px;}
.main-box .main-map .inner .map-right .right-list ul li .inner p {font-size:13px;}
.main-box .main-map .inner .map-right .right-list ul li .inner strong {font-size:20px; margin:10px 0 0;}
.main-box .main-map .inner .map-right .right-search {margin:20px 0 0; border-radius:10px; padding:10px;}
.main-box .main-map .inner .map-right .right-search input {height:50px; padding:0 15px; font-size:15px;}
.main-box .main-map .inner .map-right .right-search .search {height:50px; font-size:15px;}
}

/* main-center */
.main-center {padding:100px 0 0; margin:100px 0 0; position:relative; background:url('/uljukium/images/hmpg/img_main_center.png') no-repeat right top / 65%;}
@media (max-width:991px){
.main-center {padding:50px 0; margin:0; background:none;}
}

/* main-business */
.main-business {overflow:hidden; padding:260px 0 60px; background:url('/uljukium/images/hmpg/bg_main_business.png') no-repeat left top / 600px;}
.main-business .container {display:flex; flex-wrap:wrap;}
.main-business .list-left {width:280px;}
.main-business .list-left h3 {font-size:45px; line-height:1.3; margin:0 0 40px;}
.main-business .list-left .control-box > * {background-color:#fff;}
.main-business .list-right {--vw-max:min(100vw, 2500px); --bleed:max(0px, calc((var(--vw-max) - 1400px) / 2)); flex:1; min-width:0; margin-right:calc(var(--bleed) * -1); width:calc(100% + var(--bleed));}
.main-business .list-right .swiper-container {overflow:hidden; padding:10px; margin:-10px;}
.main-business .list-right .swiper-slide {width:320px;}
.main-business .list-right .swiper-slide .inner {display:block; border-radius:15px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); overflow:hidden;}
.main-business .list-right .swiper-slide .inner .list-image {position:relative; overflow:hidden;}
.main-business .list-right .swiper-slide .inner .list-image:after {display:block; content:""; padding-bottom:60%;}
.main-business .list-right .swiper-slide .inner .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.main-business .list-right .swiper-slide .inner .list-content {padding:20px;}
.main-business .list-right .swiper-slide .inner .list-content .subject {font-size:20px; font-weight:500; color:#222; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-business .list-right .swiper-slide .inner .list-content span {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin:20px 0 0; font-size:18px;}
.main-business .list-right .swiper-slide .inner .list-content span:after {display:inline-block; content:""; width:18px; height:14px; margin:0 0 0 10px; background:url('/uljukium/images/hmpg/icon_more_arrow.png') no-repeat center / cover;}
.main-business .list-right .swiper-slide .inner:hover .list-content .subject {color:var(--color-active3);}
@media (max-width:991px){
.main-business {padding:22% 0 50px; background-size:80%; margin:0 0 -50px; background-position:-35% top;}
.main-business .list-left {width:100%; margin:0 0 20px; display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between;}
.main-business .list-left h3 {font-size:30px; margin:0;}
.main-business .list-right {width:100%; margin:0; flex:none;}
.main-business .list-right .swiper-slide {width:53%;}
.main-business .list-right .swiper-slide .inner {border-radius:10px;}
.main-business .list-right .swiper-slide .inner .list-content {padding:15px;}
.main-business .list-right .swiper-slide .inner .list-content .subject {font-size:18px;}
.main-business .list-right .swiper-slide .inner .list-content span {margin:10px 0 0; font-size:15px;}
.main-business .list-right .swiper-slide .inner .list-content span:after {width:14px; height:10px; margin:0 0 0 5px;}
}

/* main-search */
.main-box .main-search {margin:0 0 100px;}
.main-box .main-search .inner {display:flex; flex-wrap:wrap; align-items:center; border-radius:100px; height:160px; background:#f5f5f8;}
.main-box .main-search .inner h3 {background:#f5f5f8; height:100%; display:flex; flex-wrap:wrap; align-items:center; padding:0 50px; font-size:26px; font-weight:600; color:#222; border-radius:100px 0 0 100px;}
.main-box .main-search .inner .search-list {background:#ececef; height:100%; padding:10px 10px 10px 30px; flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-search .inner .search-list ul {height:100%; overflow-y:auto; padding:0 30px 0 0; width:100%;}
.main-box .main-search .inner .search-list ul li {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 4px;}
.main-box .main-search .inner .search-list ul li:last-of-type {margin:0;}
.main-box .main-search .inner .search-list ul li > strong {font-size:16px; width:60px; flex-shrink:0;}
.main-box .main-search .inner .search-list ul li > div {flex:1; min-width:0; display:flex; flex-wrap:nowrap; align-items:center; gap:0 2px;}
.main-box .main-search .inner .search-list ul li > div .input-box {width:168px; flex:0 0 auto; min-width:0 !important; max-width:168px;}
.main-box .main-search .inner .search-list ul li > div .input-box input {height:40px; box-sizing:border-box;}
.main-box .main-search .inner .search-list ul li > div > button {display:block; flex-shrink:0; font-size:0; border:1px solid #666; border-radius:5px; background-repeat:no-repeat; background-position:center; background-size:20px; background-color:#fff; width:40px; height:40px;}
.main-box .main-search .inner .search-list ul li > div > button.add {background-image:url('/uljukium/images/hmpg/common/icon_plus.svg');}
.main-box .main-search .inner .search-list ul li > div > button.remove {background-image:url('/uljukium/images/hmpg/common/icon_minus.svg');}
.main-box .main-search .inner .search-button {height:100%; display:flex; flex-wrap:wrap; align-items:center; margin:0 0 0 50px;}
.main-box .main-search .inner .search-button .search {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:10px; height:80px; padding:0 30px; font-size:20px; font-weight:500; color:#fff; background:#0375df;}
.main-box .main-search .inner .search-text {height:100%; padding:20px 0;}
.main-box .main-search .inner .search-text > div {margin:0 50px; height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; border-radius:15px; background:#fff; padding:0 50px;}
.main-box .main-search .inner .search-text > div p {width:100%; display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center; font-size:18px; font-weight:500; color:#222;}
.main-box .main-search .inner .search-text > div p b {font-size:22px; font-weight:700; color:var(--color-active3); margin:0 5px;}
.main-box .main-search .inner .search-check {height:100%;}
.main-box .main-search .inner .search-check a {height:100%; padding:0 30px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#3c3c50; border-radius:0 100px 100px 0;}
.main-box .main-search .inner .search-check a span {font-size:20px; font-weight:500; color:#fff;}
.main-box .main-search .inner .search-check a:after {display:inline-block; content:""; width:25px; height:22px; margin:0 0 0 20px; background:url('/uljukium/images/hmpg/icon_more_arrow_w.png') no-repeat center / cover;}
@media (max-width:1500px){
.main-box .main-search .inner h3 {padding:0 30px;}
.main-box .main-search .inner .search-list {padding:10px 10px 10px 30px;}
.main-box .main-search .inner .search-list ul {padding:0 30px 0 0;}
.main-box .main-search .inner .search-button {margin:0 0 0 10px;}
.main-box .main-search .inner .search-text > div {margin:0 10px; padding:0 20px;}
}
@media (max-width:1300px){
.main-box .main-search .inner {background:none; padding:0; height:auto;}
.main-box .main-search .inner h3 {width:100%; background:none; border-radius:0; margin:0 0 20px; padding:0;}
.main-box .main-search .inner h3 br {display:none;}
.main-box .main-search .inner .search-list {padding:30px 0 0 30px; width:100%; flex:none; background:#f5f5f8; border-radius:15px 15px 0 0;}
.main-box .main-search .inner .search-button {width:100%; justify-content:center; margin:0; padding:30px 0; background:#f5f5f8;}
.main-box .main-search .inner .search-button .search {padding:0 60px; height:60px;}
.main-box .main-search .inner .search-text {background:#f5f5f8; width:100%; padding:0 30px 30px;}
.main-box .main-search .inner .search-text > div {padding:20px 15px;}
.main-box .main-search .inner .search-check {width:100%;}
.main-box .main-search .inner .search-check a {padding:30px 15px; border-radius:0 0 15px 15px;}
.main-box .main-search .inner .search-check a span br {display:none;}
}
@media (max-width:991px){
.main-box .main-search {margin:0 0 50px;}
.main-box .main-search .inner h3 {font-size:25px; margin:0 0 15px;}
.main-box .main-search .inner .search-list {padding:20px 0 0 15px;}
.main-box .main-search .inner .search-list ul {padding:0 15px 0 0;}
.main-box .main-search .inner .search-list ul li > strong {font-size:14px; width:50px;}
.main-box .main-search .inner .search-list ul li > div .input-box {flex:1 !important;}
.main-box .main-search .inner .search-button {padding:20px 0;}
.main-box .main-search .inner .search-button .search {height:50px; font-size:18px;}
.main-box .main-search .inner .search-text > div {padding:15px 10px;}
.main-box .main-search .inner .search-text > div p {font-size:18px;}
.main-box .main-search .inner .search-text > div p b {font-size:22px;}
.main-box .main-search .inner .search-check a {padding:15px;}
.main-box .main-search .inner .search-check a span {font-size:18px;}
.main-box .main-search .inner .search-check a:after {width:15px; height:12px; margin:0 0 0 10px;}
}

/* main-top */
:root {
    --target-width: 1350px;
	--extra-ratio: 0.05;
}
.main-box .main-top {padding:200px 0; position:relative; overflow:hidden;}
.main-box .main-top .top-left {position:relative; z-index:10;}
.main-box .main-top .top-left h3 {margin:0 0 30px;}
.main-box .main-top .top-left h3 small {display:block; font-size:36px; font-weight:700; line-height:1;}
.main-box .main-top .top-left h3 strong {display:block; font-size:80px; font-weight:800;}
.main-box .main-top .top-left h3 strong b {font-size:80px; font-weight:800;}
.main-box .main-top .top-left h3 strong b.ye {color:#fbd164;}
.main-box .main-top .top-left h3 strong b.rd {color:var(--color-active3);}
.main-box .main-top .top-left h3 span {display:block; margin-top:30px; font-size:36px; word-break:keep-all;}
.main-box .main-top .top-left .cate {margin:100px 0 0;}
.main-box .main-top .top-left .cate ul {gap:0 10px; display:flex; flex-wrap:wrap;}
.main-box .main-top .top-left .cate ul li {width:150px; position:relative;}
.main-box .main-top .top-left .cate ul li:after {display:block; content:""; padding-bottom:100%;}
.main-box .main-top .top-left .cate ul li a {padding:10px 0 15px 0; border:5px solid #fbd164; background:#fbd164; display:block; border-radius:50%; position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:center; align-content:flex-end;}
.main-box .main-top .top-left .cate ul li a span {width:100%; text-align:center; font-size:20px; font-weight:500;}
.main-box .main-top .top-left .cate ul li a img {display:block; margin:0 auto 5px;}
.main-box .main-top .top-left .cate ul li:nth-of-type(1) a img {width:63px;}
.main-box .main-top .top-left .cate ul li:nth-of-type(2) a img {width:53px;}
.main-box .main-top .top-left .cate ul li:nth-of-type(3) a img {width:55px;}
.main-box .main-top .top-left .cate ul li:nth-of-type(4) a img {width:83px;}
.main-box .main-top .top-left .cate ul li:nth-of-type(5) a img {width:61px;}
.main-box .main-top .top-left .cate ul li a:hover {background:#fff;}
.main-box .main-top .top-right {pointer-events:none; position:absolute; right:-10%; top:-50%; width:var(--target-width); overflow:hidden; border-radius:50%;}
.main-box .main-top .top-right.animate {animation:shrinkWidth 1.8s ease forwards;}
.main-box .main-top .top-right:after {display:block; content:""; padding-bottom:100%;}
.main-box .main-top .top-right .inner {position:absolute; left:5%; bottom:5%; width:100%; height:100%; background:rgba(255,0,0,0.1); border-radius:50%; overflow:hidden;}
.main-box .main-top .top-right .inner .swiper-container {width:100%; height:100%;}
.main-box .main-top .top-right .inner .swiper-wrapper {width:100%; height:100%;}
.main-box .main-top .top-right .inner .swiper-slide {background:#e3e4e6; width:100%; height:100%; position:relative;}
.main-box .main-top .top-right .inner .swiper-slide:after {display:none; position:absolute; left:0; top:0; content:""; width:100%; height:100%; background:rgba(255,0,0,0.1);}
.main-box .main-top .top-right .inner .swiper-slide img {position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:100%; height:70%; object-fit:cover;}
.main-box .main-top .top-left .control-box {gap:0 3px;}
.main-box .main-top .top-left .control-box .swiper-button-prev {border:0; width:16px; height:16px;}
.main-box .main-top .top-left .control-box .swiper-button-next {border:0; width:16px; height:16px;}
.main-box .main-top .top-left .control-box .swiper-play {border:0; width:16px; height:16px; position:relative; background-size:14px auto; position:relative; top:1px;}
.main-box .main-top .top-left .control-box .swiper-play.active {background-size:6.5px auto; background-position:center; top:1.2px;}
@media (max-width:1300px){
:root {
    --target-width: 1000px;
}
.main-box .main-top .top-right {top:-30%;}
}
@media (max-width:991px){
.main-box .main-top {padding:0 0 50px;}
.main-box .main-top .container {display:flex; flex-wrap:wrap;}
.main-box .main-top .top-left {width:100%; order:2;}
.main-box .main-top .top-left h3 {margin:0 0 20px;}
.main-box .main-top .top-left h3 small {font-size:25px;}
.main-box .main-top .top-left h3 strong {font-size:50px;}
.main-box .main-top .top-left h3 strong b {font-size:50px;}
.main-box .main-top .top-left h3 span {margin-top:20px; font-size:25px;}
.main-box .main-top .top-left .cate {margin:30px 0 0;}
.main-box .main-top .top-left .cate ul {gap:5px;}
.main-box .main-top .top-left .cate ul li {width:120px;}
.main-box .main-top .top-left .cate ul li a span {font-size:14px;}
.main-box .main-top .top-left .cate ul li:nth-of-type(1) a img {width:43px;}
.main-box .main-top .top-left .cate ul li:nth-of-type(2) a img {width:33px;}
.main-box .main-top .top-left .cate ul li:nth-of-type(3) a img {width:35px;}
.main-box .main-top .top-left .cate ul li:nth-of-type(4) a img {width:63px;}
.main-box .main-top .top-left .cate ul li:nth-of-type(5) a img {width:41px;}
.main-box .main-top .top-right {width:calc(100% + 30px); margin:0 -15px; order:1; position:relative; right:auto; left:0; top:0; border-radius:0; background:none;}
.main-box .main-top .top-right .inner {width:120%; left:50%; transform:translateX(-50%); bottom:auto; top:0; border-radius:0 0 50% 50%; background:none;}
.main-box .main-top .top-right .inner .swiper-slide:after {background:#dfe1e4;}
.main-box .main-top .top-right .inner .swiper-slide img {z-index:2; height:90%;}
}
@media (max-width:500px){
.main-box .main-top .top-left .cate ul {gap:0; margin:30px -5px -10px;}
.main-box .main-top .top-left .cate ul li {width:calc(33.33% - 10px); margin:0 5px 10px;}
.main-box .main-top .top-left .cate ul li a {align-items:center; align-content:center; padding:0;}
}

@keyframes shrinkWidth {
    from {
        width: calc(var(--target-width) * (1 + var(--extra-ratio)));
    }
    to {
        width: var(--target-width);
    }
}