/* common */
.is-pc {display:block;}
.is-m {display:none;}
@media (max-width:991px){
.is-pc {display:none;}
.is-m {display:block;}
}

.loader {
  display: block;
  width: 25px;
  height: 25px;
  margin:5px 0 0;
  border-radius: 50%;
  background: 
    radial-gradient(farthest-side,#0051FF 94%,#0000) top/4px 4px no-repeat,
    conic-gradient(#0000 30%,#0051FF);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0);
  animation:s3 1s infinite linear;
}

@keyframes s3{ 
  100%{transform: rotate(1turn)}
}

/* skipnavi-box */
.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:var(--color-active); color:var(--color-white); font-size:16px; font-weight:600;}
.skipnavi-box dl dd a:focus {top:0;}

/* header */
header .header-top {position:relative; background:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:23px 60px; border-bottom:1px solid rgba(0,0,0,0.2);}
header .header-top .header-logo h1 a img {width:157px;}
header .header-top .header-button {display:flex; flex-wrap:wrap; align-items:center;}
header .header-top .header-button ul {margin:0 20px 0 0; display:flex; flex-wrap:wrap; align-items:center; gap:0 8px;}
header .header-top .header-button ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; height:48px; padding:0 20px; font-size:17px; font-weight:500; color:#454545; background:#f4f4f4;}
header .header-top .header-button ul li a:hover {background:#eee;}
header .header-top .header-button ul li a b {font-size:17px; font-weight:500; color:#989CA4; margin:0 0 0 3px;}
header .header-top .header-button ul li a.like:before {display:inline-block; content:""; width:20px; height:20px; margin:0 3px 0 0; background:url('../../images/hmpg/icon_heart.svg') no-repeat center / cover;}
header .header-top .header-button ul li a.like.active:before {background-image:url('../../images/hmpg/icon_heart_on.svg'); filter: var(--filter-active-100);}
header .header-top .header-button .menu {display:block; font-size:0; width:46px; height:46px; background:url('../../images/hmpg/icon_menu.svg') no-repeat center / cover;}
header .header-mobile {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.4);}
header .header-mobile .box {pointer-events:none; opacity:0; overflow:hidden; position:absolute; right:-20px; top:0; width:100%; max-width:360px; height:100%; display:flex; flex-direction:column; transition:all ease 0.5s; background:#fff;}
header .header-mobile .mobile-head {background:#fff; width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; padding:18px 20px;}
header .header-mobile .mobile-head .close {width:20px; height:20px; font-size:0; background:url('../../images/hmpg/icon_menu_close.svg') no-repeat center / cover;}
header .header-mobile .mobile-body {width:100%; height:100%; display:flex; flex-direction:column; overflow:auto;} 
header .header-mobile .mobile-body .body-member {width:100%; margin:0 0 20px; padding:20px 30px; background:#fff; border-bottom:20px solid #F2F3F6;}
header .header-mobile .mobile-body .body-member ul {display:flex; flex-wrap:wrap; gap:5px 10px;}
header .header-mobile .mobile-body .body-member ul li {flex:1; min-width:0;}
header .header-mobile .mobile-body .body-member ul li a {font-size:17px; font-weight:500; color:#333; transition:all ease 0.3s; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#fff; border-radius:14px; height:46px;}
header .header-mobile .mobile-body .body-member ul li a:hover {opacity:0.7;}
header .header-mobile .mobile-body .body-member ul li:first-of-type a {color:#0051FF; background:#E8EEFF;}
header .header-mobile .mobile-body .body-member ul li:last-of-type a {color:#ffffff; background:#0051FF;}
header .header-mobile .mobile-body .body-cate {width:100%; max-height:100%; overflow-y:auto; background:#fff; padding:20px; margin:0 0 20px;}
header .header-mobile .mobile-body .body-cate h3 {margin:0 0 15px; font-size:15px; font-weight:500; color:#ACAFB9;}
header .header-mobile .mobile-body .body-cate > ul > li {margin:0 0 5px;}
header .header-mobile .mobile-body .body-cate > ul > li:last-of-type {margin:0;}
header .header-mobile .mobile-body .body-cate > ul > li .menu {display:flex; flex-wrap:wrap; align-items:center; border:1px solid transparent; background:#fff; border-radius:12px; height:56px; padding:0 20px; font-size:24px; font-weight:600; color:#454545;}
header .header-mobile .mobile-body .body-cate > ul > li .menu:hover {color:#0051FF;}
header .header-mobile .mobile-body .body-cate > ul > li .menu.toggle {justify-content:space-between;}
header .header-mobile .mobile-body .body-cate > ul > li .menu.toggle:after {display:block; content:""; width:48px; height:48px; background:url('../../images/hmpg/icon_menu_toggle.svg') no-repeat center / cover;}
header .header-mobile .mobile-body .body-cate > ul > li ul {margin:2px 0 0; background:#f4f4f4; border-radius:6px; display:none;}
header .header-mobile .mobile-body .body-cate > ul > li ul li {margin:0 0 2px;}
header .header-mobile .mobile-body .body-cate > ul > li ul li:last-of-type {margin:0;}
header .header-mobile .mobile-body .body-cate > ul > li ul li a {display:flex; flex-wrap:wrap; align-items:center; height:56px; border-radius:6px; padding:0 10px; font-size:17px; font-weight:500; color:#333;}
header .header-mobile .mobile-body .body-cate > ul > li ul li a:before {display:inline-block; content:""; width:3px; height:3px; background:#333; border-radius:50%; margin:0 10px;}
header .header-mobile .mobile-body .body-cate > ul > li ul li a:hover {text-decoration:underline; color:var(--color-active);}
header .header-mobile .mobile-body .body-cate > ul > li ul li.active a {background:var(--color-active); color:#fff;}
header .header-mobile .mobile-body .body-cate > ul > li ul li.active a:before {background:#fff;}
header .header-mobile .mobile-body .body-cate > ul > li.active .menu {color:#0051FF;}
header .header-mobile .mobile-body .body-cate > ul > li.active .menu.toggle:after {background-image:url('../../images/hmpg/icon_menu_toggle_on.svg');}
header .header-mobile .mobile-body .body-cate > ul > li.active ul {display:block;}
header .header-mobile .mobile-body .body-bottom {width:100%; padding:20px; background:#fff; border-top:20px solid #F2F3F6;}
header .header-mobile .mobile-body .body-bottom ul li a {display:flex; flex-wrap:wrap; align-items:center; height:50px; padding:0 20px; font-size:17px; font-weight:500; color:#8A8E99;}
header .header-mobile .mobile-body .body-bottom ul li a:hover {color:#454545;}
header.fixed .header-mobile {pointer-events:inherit; opacity:1;}
header.fixed .header-mobile .box {pointer-events:inherit; opacity:1; right:0;}
body.membership header .header-top {background:#F2F3F6;}
body.main header .header-top {background:#000;}
body.main header .header-top .header-button ul li a {background:rgba(255,255,255,0.1); color:rgba(255,255,255,0.7);}
body.main header .header-top .header-button ul li a:hover {background:rgba(255,255,255,0.2); color:rgba(255,255,255,0.7);}
body.main header .header-top .header-button .menu {background-image:url('../../images/hmpg/icon_menu_b.svg');}
@media (max-width:1865px){
header .header-top {padding:23px 20px;}
}
@media (max-width:1400px){
header .header-top {padding:25px 16px;}
}
@media (max-width:991px){
header .header-top {padding:17px 16px;}
header .header-top .header-logo h1 a img {width:157px;}
header .header-top .header-button ul {display:none;}
header .header-top .header-button .menu {width:44px; height:44px;}
header .header-mobile .box {max-width:100%;}
body.membership header .header-top {background:#fff;}
}

/* footer */
footer {background:#000;}
footer .container {max-width:100%; padding:0 60px;}
footer .footer-top {padding:60px 0;}
footer .footer-top .container {display:flex; flex-wrap:wrap; align-items:flex-end;}
footer .footer-top .top-left {flex:1; min-width:0; padding:0 40px 0 0;}
footer .footer-top .top-left img {width:164px;}
footer .footer-top .top-left .left-inner {margin:20px 0 0;}
footer .footer-top .top-left .left-inner ul {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-top .top-left .left-inner ul li {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-top .top-left .left-inner ul li:after {display:inline-block; content:""; width:1px; height:12px; background:#fff; margin:0 15px;}
footer .footer-top .top-left .left-inner ul li:first-of-type {margin:0 0 9px; width:100%;}
footer .footer-top .top-left .left-inner ul li:first-of-type:after {display:none;}
footer .footer-top .top-left .left-inner ul li:last-of-type:after {display:none;}
footer .footer-top .top-left .left-inner ul li b {font-size:16px; word-break:keep-all; color:#fff; font-weight:700; margin:0 5px 0 0;}
footer .footer-top .top-left .left-inner ul li p {font-size:16px; word-break:keep-all; color:#fff;}
footer .footer-top .top-right {display:flex; flex-wrap:wrap; align-items:center; gap:60px;}
footer .footer-top .top-right ul {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-top .top-right ul.logo {gap:40px;}
footer .footer-top .top-right ul.logo li img {height:72px;}
footer .footer-top .top-right ul.social li {margin:0 8px 0 0;}
footer .footer-top .top-right ul.social li:last-of-type {margin:0;}
footer .footer-top .top-right ul.social li a {width:60px; height:60px; display:block; font-size:0; background-size:cover; background-position:center;}
footer .footer-top .top-right ul.social li.instagram a {background-image:url('../../images/hmpg/icon_footer_social_01.svg');}
footer .footer-top .top-right ul.social li.youtube a {background-image:url('../../images/hmpg/icon_footer_social_02.svg');}
footer .footer-top .top-right ul.social li.facebook a {background-image:url('../../images/hmpg/icon_footer_social_03.svg');}
footer .footer-bottom {border-top:1px solid #7d7d7d; padding:25px 0;}
footer .footer-bottom p {text-align:center; font-size:14px; color:#c6c6c6; word-break:keep-all;}
footer .footer-bottom p b {font-size:14px; color:#c6c6c6; font-weight:700;}
@media (max-width:1865px){
footer .container {padding:0 20px;}
}
@media (max-width:1200px){
footer .footer-top .top-right {gap:30px;}
footer .footer-top .top-right ul.logo {gap:20px;}
}
@media (max-width:991px){
footer .footer-top {padding:60px 0 40px;}
footer .container {padding:0 16px;}
footer .footer-top .top-left {flex:none; width:100%; padding:0; justify-content:center;}
footer .footer-top .top-left img {display:block; margin:0 auto;}
footer .footer-top .top-left .left-inner {flex:none; width:100%; padding:0; margin:20px 0 0;}
footer .footer-top .top-left .left-inner ul li {width:100%; justify-content:center; text-align:center;}
footer .footer-top .top-left .left-inner ul li:after {display:none;}
footer .footer-top .top-left .left-inner ul li p {font-size:15px;}
footer .footer-top .top-left .left-inner ul li b {font-size:15px;}
footer .footer-top .top-left .left-inner ul li:first-of-type {display:block; text-align:center;}
footer .footer-top .top-left .left-inner ul li:first-of-type b {display:inline;}
footer .footer-top .top-left .left-inner ul li:first-of-type p {display:inline;}
footer .footer-top .top-right {width:100%; margin:40px 0 0;}
footer .footer-top .top-right ul {width:100%; justify-content:center;}
footer .footer-top .top-right ul.logo {gap:40px;}
footer .footer-top .top-right ul.logo li img {height:48px;}
footer .footer-top .top-right ul.social {justify-content:center;}
footer .footer-top .top-right ul.social li a {width:44px; height:44px;}
footer .footer-bottom p {font-size:13px;}
footer .footer-bottom p b {font-size:13px;}
}

/* section */
:root {
    --aside-gap: 50px;
}
section {margin:0 0 100px;}
section .section-inner {display:flex; flex-wrap:wrap; align-items:flex-start;}
section .section-inner article {flex:1; min-width:0; position:relative;}
section .section-inner aside {position:sticky; z-index:999; right:60px; width:436px; padding-top:var(--aside-gap);}
section .section-inner aside .chat-aside-inner {width:100%; height:100%; display:flex; flex-direction:column; background:rgba(152, 156, 164, 0.2); border-radius:32px; transition:all ease 0.5s; backdrop-filter:blur(40px);} 
section .section-inner aside .chat-aside-inner .chat-side-head {width:100%;}
section .section-inner aside .chat-aside-inner .chat-side-head .chat-head-title {display:flex; flex-wrap:wrap; align-items:center; background:rgba(69, 69, 69, 0.4); border-radius:32px 32px 0 0; padding:20px 23.5px;}
section .section-inner aside .chat-aside-inner .chat-side-head .chat-head-title > div {flex:1; min-width:0;}
section .section-inner aside .chat-aside-inner .chat-side-head .chat-head-title > div strong {display:block; text-align:left; font-size:20px; font-weight:700; color:#F9FDFF;}
section .section-inner aside .chat-aside-inner .chat-side-head .chat-head-title > div strong b {position:relative; font-size:20px; font-weight:700; color:#0051FF;}
section .section-inner aside .chat-aside-inner .chat-side-head .chat-head-title > div strong b:before {position:absolute; right:0; top:-3px; width:6px; height:6px; content:""; background:url('../../images/hmpg/icon_aside_ai.svg') no-repeat center / cover;}
section .section-inner aside .chat-aside-inner .chat-side-head .chat-head-title > div p {text-align:left; font-size:14px; color:rgba(255, 255, 255, 1); word-break:keep-all;}
section .section-inner aside .chat-aside-inner .chat-side-head .chat-head-title > .close {display:none;}
section .section-inner aside .chat-aside-inner .chat-side-head .chat-head-title > .refresh {font-size:17px; font-weight:500; color:#fff; border-radius:50px; display:flex; flex-wrap:wrap; align-items:center; height:48px; padding:0 20px; background:rgba(255, 255, 255, 0.2);}
section .section-inner aside .chat-aside-inner .chat-side-head .chat-head-title > .refresh:after {display:inline-block; content:""; width:20px; height:20px; margin:0 0 0 8px; background:url('../../images/hmpg/icon_aside_refresh.svg') no-repeat center / cover;}
section .section-inner aside .chat-aside-inner .chat-side-head .chat-head-search {background:#fff; box-shadow:0 5px 5px rgba(0,0,0,0.05); display:flex; flex-wrap:wrap; align-items:center;}
section .section-inner aside .chat-aside-inner .chat-side-head .chat-head-search input {flex:1; min-width:0; height:120px; padding:0 20px; font-size:20px; font-weight:500; color:#1d1d1d;}
section .section-inner aside .chat-aside-inner .chat-side-head .chat-head-search input::placeholder {color:#bcbcbc; font-weight:400;}
section .section-inner aside .chat-aside-inner .chat-side-head .chat-head-search .submit {width:76px; height:76px; font-size:0; background:url('../../images/hmpg/icon_aside_search.svg') no-repeat center / cover;}
section .section-inner aside .chat-aside-inner .chat-side-body {width:100%; height:100%; overflow-y:auto; padding:30px 24px; transition:all ease 0.5s;}
section .section-inner aside .chat-aside-inner .chat-side-body::-webkit-scrollbar {display:none;}
section .section-inner aside .chat-aside-inner .chat-side-body .chat-body-list > ul > li {margin:0 0 20px; display:flex; flex-wrap:wrap; align-items:center;}
section .section-inner aside .chat-aside-inner .chat-side-body .chat-body-list > ul > li:last-of-type {margin:0;}
section .section-inner aside .chat-aside-inner .chat-side-body .chat-body-list > ul > li p {font-size:14px; color:#1d1d1d; word-break:keep-all; background:#fff; border-radius:5px 30px 30px 30px; padding:15px 24px; box-shadow:0 4px 10px rgba(25, 81, 116, 0.2);}
section .section-inner aside .chat-aside-inner .chat-side-body .chat-body-list > ul > li p:before {display:block; content:""; width:20px; height:20px; margin:0 0 5px; background:url('../../images/hmpg/icon_aside_ai.svg') no-repeat center / cover;}
section .section-inner aside .chat-aside-inner .chat-side-body .chat-body-list > ul > li p .list {display:block; margin:30px 0 0;}
section .section-inner aside .chat-aside-inner .chat-side-body .chat-body-list > ul > li p .list b {display:block; font-size:14px; color:#1d1d1d; margin:0 0 12px;}
section .section-inner aside .chat-aside-inner .chat-side-body .chat-body-list > ul > li p .list span {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 2px;}
section .section-inner aside .chat-aside-inner .chat-side-body .chat-body-list > ul > li p .list span:last-of-type {margin:0;}
section .section-inner aside .chat-aside-inner .chat-side-body .chat-body-list > ul > li p .list span small {padding:12px 24px; font-size:15px; background:#F9F9FA; display:flex; flex-wrap:wrap; align-items:center; border-radius:50px;}
section .section-inner aside .chat-aside-inner .chat-side-body .chat-body-list > ul > li.ai {position:relative; justify-content:flex-end;}
section .section-inner aside .chat-aside-inner .chat-side-body .chat-body-list > ul > li.ai p {text-align:right; background:#0051FF; color:#fff; border-radius:30px 5px 30px 30px;}
section .section-inner aside .chat-aside-inner .chat-side-body .chat-body-list > ul > li.ai p:before {display:none;}
section .section-inner aside .chat-aside-inner .chat-side-body .chat-body-list > ul > li .more {display:flex; flex-wrap:wrap; align-items:center; margin:10px 0 0;}
section .section-inner aside .chat-aside-inner .chat-side-body .chat-body-list > ul > li .more > * {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#8A8E99; border:1px solid #ACAFB9; border-radius:50px; height:40px; padding:0 15px; font-size:14px; font-weight:500;}
section .section-inner aside .chat-aside-inner .chat-side-body .chat-body-list > ul > li .more > *:hover {background:#8A8E99; color:#fff;}
section .section-inner aside .chat-aside-inner .chat-side-foot {width:100%; padding:28px 24px;}
section .section-inner aside .chat-aside-inner .chat-side-foot .chat-head-search {display:flex; flex-wrap:wrap; align-items:center; gap:5px;}
section .section-inner aside .chat-aside-inner .chat-side-foot .chat-head-search input {flex:1; min-width:0; height:55px; padding:0 20px; font-size:15px; font-weight:500; color:#fff; background:rgba(69, 69, 69, 0.5); border-radius:50px;}
section .section-inner aside .chat-aside-inner .chat-side-foot .chat-head-search input::placeholder {color:#fff;}
section .section-inner aside .chat-aside-inner .chat-side-foot .chat-head-search .submit {width:55px; height:55px; font-size:0; background:url('../../images/hmpg/icon_aside_search.svg') no-repeat center / cover;}
section .section-inner aside .chat-aside-open {display:none;}
section .section-inner aside.active .chat-aside-inner {border:1px solid #A4C1FF; box-shadow:0 0 16px 0 #7DA6FF; animation:chatAsidePulse 1.8s ease-in-out infinite;}
@media (max-width:1865px){
section .section-inner aside {right:20px; width:380px;}
}
@media (max-width:1400px){
section .section-inner article {padding:0;}
}
@media (max-width:1300px){
section .section-inner {margin:0; align-items:flex-start; backdrop-filter:none;}
section .section-inner article {flex:none; width:100%; padding:0; position:static;}
section .section-inner aside {top:auto !important; bottom:10px; margin:30px 0 0; right:0; width:100%; height:auto !important;}
section .section-inner aside .chat-aside-inner {background:#1E1F21; transition:all ease 0.5s; pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; transition:all ease 0.5s; border-radius:0;}
section .section-inner aside .chat-aside-inner .chat-side-head .chat-head-title {padding:15px 0 15px 20px; border-radius:0; background:#454545;}
section .section-inner aside .chat-aside-inner .chat-side-head .chat-head-title > div strong {text-align:left; font-size:20px;}
section .section-inner aside .chat-aside-inner .chat-side-head .chat-head-title > div strong b {font-size:20px;}
section .section-inner aside .chat-aside-inner .chat-side-head .chat-head-title > div strong b:before {right:-1px;}
section .section-inner aside .chat-aside-inner .chat-side-head .chat-head-title > div p {text-align:left; font-size:16px; margin:0;}
section .section-inner aside .chat-aside-inner .chat-side-head .chat-head-title > .refresh {font-size:0; width:40px; height:40px; padding:0; justify-content:center;}
section .section-inner aside .chat-aside-inner .chat-side-head .chat-head-title > .refresh:after {margin:0;}
section .section-inner aside .chat-aside-inner .chat-side-head .chat-head-title > .close {width:50px; height:50px; display:block; font-size:0; background:url('../../images/hmpg/icon_aside_close.svg') no-repeat center / cover;}
section .section-inner aside .chat-aside-inner .chat-side-head .chat-head-search {border:4px solid #14ADF1;}
section .section-inner aside .chat-aside-inner .chat-side-head .chat-head-search input {height:60px; padding:0 16px; font-size:19px;}
section .section-inner aside .chat-aside-inner .chat-side-head .chat-head-search .submit {width:48px; height:48px; background-image:url('../../images/hmpg/icon_aside_search_m.svg');}
section .section-inner aside .chat-aside-inner .chat-side-body {padding:16px; height:100% !important;}
section .section-inner aside .chat-aside-inner .chat-side-body .chat-body-list > ul > li {margin:0 0 25px;}
section .section-inner aside .chat-aside-inner .chat-side-body .chat-body-list > ul > li p {padding:15px 20px; font-size:15px;}
section .section-inner aside .chat-aside-inner .chat-side-body .chat-body-list > ul > li p .list  {margin:20px 0 0;}
section .section-inner aside .chat-aside-inner .chat-side-body .chat-body-list > ul > li p .list b {font-size:15px;}
section .section-inner aside .chat-aside-inner .chat-side-body .chat-body-list > ul > li p .list span small {font-size:13px;}
section .section-inner aside .chat-aside-inner .chat-side-body .chat-body-list > ul > li p:before {width:16px; height:16px;}
section .section-inner aside .chat-aside-inner .chat-side-body .chat-body-list > ul > li .more > * {font-size:15px; height:45px;}
section .section-inner aside .chat-aside-inner .chat-side-foot {padding:20px;}
section .section-inner aside .chat-aside-inner .chat-side-foot .chat-head-search input {height:60px; background:rgba(69, 69, 69, 0.5);}
section .section-inner aside .chat-aside-inner .chat-side-foot .chat-head-search .submit {width:60px; height:60px;}
section .section-inner aside .chat-aside-open {display:block; width:60px; margin-left:auto; margin-right:20px;}
section .section-inner aside .chat-aside-open button {margin:0 0 8px; background:#E8EEFF; border-radius:50%; width:60px; height:60px; font-size:0; font-weight:700; color:#fff; overflow:hidden; transition:all ease 0.5s; white-space:nowrap; display:flex; align-items:center; justify-content:center; box-shadow:2px 4px 10px rgba(0,0,0,0.15);}
section .section-inner aside .chat-aside-open button:last-of-type {margin:0;}
section .section-inner aside .chat-aside-open button:before {display:block; content:""; width:40px; height:40px; background:url('../../images/hmpg/icon_aside_search_w.svg') no-repeat center / cover;}
section .section-inner aside .chat-aside-open button.report {background:#fff; color:#504D7C; border:1px solid #F2F3F6;}
section .section-inner aside .chat-aside-open button.report:before {width:35px; height:33px; background-image:url('../../images/hmpg/icon_report.svg');}
section .section-inner aside.fixed .chat-aside-inner {pointer-events:inherit; opacity:1;}
section .section-inner aside.active .chat-aside-open button:last-of-type {border:2px solid #A4C1FF; box-shadow:0 0 16px 0 #7DA6FF; animation:chatAsidePulse 1.8s ease-in-out infinite;}
}
@media (max-width:991px){
section {margin:0 0 50px;}
section .section-inner aside {padding-top:0;}
}

/* 펄스 효과: 약해졌다가 강해졌다가 반복 */
@keyframes chatAsidePulse {
  0%, 100% {
    border-color:transparent;
    box-shadow:none;
  }
  50% {
    border-color: #A4C1FF;
    box-shadow: 0 0 16px 0 #7DA6FF;
  }
}

/* sub-box */
.sub-box .sub-top-box {position:relative; background:#fff; padding:50px 80px;}
.sub-box .sub-top-box:before {position:absolute; left:0; top:0; width:100vw; height:100%; background:#fff; content:"";}
.sub-box .sub-top-box .container {margin:0; padding:0; max-width:calc(100% - 80px); position:relative; z-index:3;}
.sub-box .sub-content-box {padding:0 80px; margin:40px 0 0; position:relative;}
.sub-box .sub-content-box .container {margin:0; padding:0; max-width:calc(100% - 80px);}
body.main .sub-content-box {padding:0;}
@media (max-width:1865px){
.sub-box .sub-top-box {padding:50px 16px;}
.sub-box .sub-top-box .container {max-width:calc(100% - 20px);}
.sub-box .sub-content-box {padding:0 16px;}
.sub-box .sub-content-box .container {max-width:calc(100% - 20px);}
}
@media (max-width:1300px){
.sub-box .sub-top-box {position:static;}
.sub-box .sub-top-box:before {display:none;}
.sub-box .sub-top-box .container {max-width:100%; position:static;}
.sub-box .sub-content-box .container {max-width:100%;}
}
@media (max-width:991px){
.sub-box .sub-top-box {padding:40px 16px;}
.sub-box .sub-content-box {margin:20px 0 0;}
}

/* main-title */
.main-box .main-title {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 40px;}
.main-box .main-title h4 {flex:1; min-width:0; padding:0 30px 0 0; font-size:28px; font-weight:600; line-height:1.4; word-break:keep-all;}
.main-box .main-title h4 small {width:100%; display:flex; flex-wrap:wrap; align-items:center; font-size:17px; color:#989CA4; word-break:keep-all; position:relative; padding:0 0 0 24px;}
.main-box .main-title h4 small:before {display:inline-block; content:""; width:20px; height:20px; background:url('../../images/hmpg/icon_info_g.svg') no-repeat center / cover; position:absolute; left:0;}
.main-box .main-title .more {width:40px; height:40px; border-radius:50%; font-size:0; border:1px solid transparent; background:url('../../images/hmpg/icon_main_more.svg') no-repeat center / cover;}
.main-box .main-title .more:hover {background-image:url('../../images/hmpg/icon_main_more_hover2.svg');}
.main-box .main-title .more-w {background-image:url('../../images/hmpg/icon_main_more_w.svg');}
.main-box .main-title .more-w:hover {background-image:url('../../images/hmpg/icon_main_more_hover.svg');}
@media (max-width:991px){
.main-box .main-title {margin:0 0 30px;}
.main-box .main-title h4 {font-size:24px; padding:0 15px 0 0;}
.main-box .main-title .more {width:40px; height:40px;}
}

/* main-parti */
.main-box .main-parti {background:#fff; padding:100px 80px; border-radius:0 0 0 120px; position:relative;}
.main-box .main-parti:before {position:absolute; left:0; top:0; width:100vw; height:100%; background:#fff; content:""; border-radius:0 0 0 120px;}
.main-box .main-parti .container {position:relative; z-index:2;}
.main-box .main-parti .swiper-slide {border:1px solid #CFD2DB; border-radius:28px; padding:24px;}
.main-box .main-parti .swiper-slide .subject {margin:10px 0 0; line-height:1; font-size:24px; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-box .main-parti .swiper-slide .info {margin:10px 0 0;}
.main-box .main-parti .swiper-slide .info li {display:flex; flex-wrap:wrap; margin:0 0 3px;}
.main-box .main-parti .swiper-slide .info li:last-of-type {margin:0;}
.main-box .main-parti .swiper-slide .info li b {font-size:19px; font-weight:500; margin:0 10px 0 0; color:#989CA4;}
.main-box .main-parti .swiper-slide .info li p {flex:1; min-width:0; font-size:19px; font-weight:500;}
.main-box .main-parti .swiper-slide .button-box {margin:16px 0 0;}
.main-box .main-parti .swiper-slide .button-box .btn {height:56px; font-size:18px;}
.main-box .main-parti .swiper-slide:hover {border:1px solid var(--color-active);}
.main-box .main-parti .swiper-pagination {margin:24px 0 0; width:100%; position:static;}
.main-box .main-parti .swiper-pagination span {opacity:1; width:8px; height:8px; background:#CFD2DB; margin:0 4px;}
.main-box .main-parti .swiper-pagination span.swiper-pagination-bullet-active {background:var(--color-active);}
@media (max-width:1865px){
.main-box .main-parti {padding:100px 16px;}
}
@media (max-width:991px){
.main-box .main-parti {padding:50px 16px;}
.main-box .main-parti:before {border-radius:0;}
.main-box .main-parti .swiper-slide {padding:24px 16px; border-radius:20px;}
.main-box .main-parti .swiper-slide .subject {font-size:19px;}
.main-box .main-parti .swiper-slide .info ul li b {font-size:17px;}
.main-box .main-parti .swiper-slide .info ul li p {font-size:17px;}
}

/* main-equipment */
.main-box .main-equipment {padding:0 80px 200px; position:relative;}
.main-box .main-equipment:before {position:absolute; left:0; top:0; width:100vw; height:100%; background:url('../../images/hmpg/bg_main_equipment.png') no-repeat center bottom / cover; pointer-events:none; content:"";}
.main-box .main-equipment .container {position:relative; z-index:2;}
.main-box .main-equipment .equip-inner ul {display:flex; flex-wrap:nowrap; gap:16px;}
.main-box .main-equipment .equip-inner ul li {flex:1; min-width:0; background:rgba(49, 49, 49, 0.5); backdrop-filter:blur(20px); padding:20px; border-radius:24px; display:flex; flex-direction:column;}
.main-box .main-equipment .equip-inner ul li .list-image {flex:0 0 128px; width:128px; height:128px; background:#F4F4F4; border-radius:16px; padding:20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-box .main-equipment .equip-inner ul li .list-image img {max-width:100%; max-height:100%; object-fit:cover;}
.main-box .main-equipment .equip-inner ul li .list-content {margin:20px 0 0; display:flex; flex-wrap:wrap; align-content:space-between; width:100%; height:100%;}
.main-box .main-equipment .equip-inner ul li .list-content > div {width:100%;}
.main-box .main-equipment .equip-inner ul li .list-content .subject {font-size:24px; font-weight:600; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-box .main-equipment .equip-inner ul li .list-content .info {margin:10px 0 0; font-size:19px; font-weight:500; color:#ACAFB9; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-box .main-equipment .equip-inner ul li .list-content .detail {margin:24px 0 0; font-size:15px; color:#797C83; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.main-box .main-equipment .equip-inner ul li .list-content .button-box {margin:24px 0 0;}
.main-box .main-equipment .equip-inner ul li .list-content .button-box .btn {height:56px; font-size:18px; padding:0;}
.main-box .main-equipment .equip-inner ul li .list-content .button-box .btn-white-outline2:hover {border-color:#fff; background:rgba(244, 244, 244, 0.5); color:#000;}
@media (max-width:1865px){
.main-box .main-equipment {padding:0 16px 150px;}
}
@media (max-width:991px){
.main-box .main-equipment {padding:50px 16px;}
.main-box .main-equipment:before {background:#000;}
.main-box .main-equipment .equip-inner ul {margin:0 -16px; overflow-x:auto;}
.main-box .main-equipment .equip-inner ul::-webkit-scrollbar {display:none;}
.main-box .main-equipment .equip-inner ul li {flex:none; width:250px; min-height:250px; border-radius:20px; padding:24px 16px;}
.main-box .main-equipment .equip-inner ul li:first-of-type {margin-left:16px;}
.main-box .main-equipment .equip-inner ul li:last-of-type {margin-right:16px;}
.main-box .main-equipment .equip-inner ul li .list-image {width:100px; height:100px; flex:0 0 100px;}
.main-box .main-equipment .equip-inner ul li .list-content {margin:15px 0 0;}
.main-box .main-equipment .equip-inner ul li .list-content .subject {19px;}
.main-box .main-equipment .equip-inner ul li .list-content .info {font-size:17px;}
.main-box .main-equipment .equip-inner ul li .list-content .detail {margin:10px 0 0;}
.main-box .main-equipment .equip-inner ul li .list-content .button-box {margin;15px 0 0;}
}

/* main-enterprise */
.main-box .main-enterprise {padding:100px 80px; position:relative;}
.main-box .main-enterprise .company-inner {background:#191919; backdrop-filter:blur(8px); padding:50px; border-radius:32px; display:flex; flex-wrap:wrap;}
.main-box .main-enterprise .company-inner .list-left {position:relative; height:445px; padding:14px 5px 0 64px; width:45%; overflow:hidden;}
.main-box .main-enterprise .company-inner .list-left:before {position:absolute; left:0; top:0; width:100%; height:80px; background:linear-gradient(to top, transparent, #191919); content:""; z-index:20;}
.main-box .main-enterprise .company-inner .list-left:after {position:absolute; left:0; bottom:0; width:100%; height:80px; background:linear-gradient(to bottom, transparent, #191919); content:""; z-index:20;}
.main-box .main-enterprise .company-inner .list-left .swiper-container {height:100%; overflow:visible; position:relative;}
.main-box .main-enterprise .company-inner .list-left .swiper-slide {display:flex; flex-wrap:wrap; align-items:center; height:auto !important; margin:5px 0;}
.main-box .main-enterprise .company-inner .list-left .swiper-slide a {transition:all ease 0.5s; padding:10px 25px; font-size:40px; font-weight:400; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:rgba(255,255,255,0.1); border:1px solid #fff; box-shadow:0 4px 10px rgba(0,0,0,0.1); border-radius:50px;}
.main-box .main-enterprise .company-inner .list-left .swiper-slide a b {font-size:40px; font-weight:600; color:#fff;}
.main-box .main-enterprise .company-inner .list-left .swiper-slide-active a {background:#fff; box-shadow:0 0 32px #1F6DFF; color:var(--color-active); font-size:40px;}
.main-box .main-enterprise .company-inner .list-left .swiper-slide-active a b {font-size:40px; color:var(--color-active); margin:0 0 0 5px;}
.main-box .main-enterprise .company-inner .list-right {flex:1; min-width:0;}
.main-box .main-enterprise .company-inner .list-right img {max-width:380px; margin:0 auto; display:block;}
.main-box .main-enterprise .company-inner .list-right b {display:block; font-size:20px; font-weight:600; color:#fff; text-align:center;}
.main-box .main-enterprise .company-inner .list-right p {display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center; font-size:60px; font-weight:300; color:#fff; line-height:1;}
.main-box .main-enterprise .company-inner .list-right p strong {font-size:120px; font-weight:700; color:#fff; line-height:1; margin:0 20px 0 0;}
.main-box .main-enterprise .company-inner .list-right span {display:block; text-align:center; margin:10px 0 0; font-size:24px; color:#fff;}
.main-box .main-enterprise .company-inner .list-right span em {font-size:24px; color:#fff; font-weight:700;}
.main-box .main-enterprise.expert:before {position:absolute; left:0; top:0; width:100vw; height:100%; background:#fff; border-radius:120px 0 0 0; content:"";}
.main-box .main-enterprise.expert .container {position:relative; z-index:2;}
.main-box .main-enterprise.expert .company-inner {background:#F2F7FD;}
.main-box .main-enterprise.expert .company-inner .list-left:before {background:linear-gradient(to top, transparent, #F2F7FD); content:""; z-index:20;}
.main-box .main-enterprise.expert .company-inner .list-left:after {background:linear-gradient(to bottom, transparent, #F2F7FD); content:""; z-index:20;}
.main-box .main-enterprise.expert .company-inner .list-left .swiper-slide a {background:#fff; color:#454545; box-shadow:8.52px 8.52px 21.31px 0px #0000000D;}
.main-box .main-enterprise.expert .company-inner .list-left .swiper-slide a b {color:#454545;}
.main-box .main-enterprise.expert .company-inner .list-left .swiper-slide-active a {background:#000; color:#fff; box-shadow:0px 0px 12px 0px #1F6DFF80; border:0;}
.main-box .main-enterprise.expert .company-inner .list-left .swiper-slide-active a b {color:var(--color-active);}
.main-box .main-enterprise.expert .company-inner .list-right b {color:#007AFF;}
.main-box .main-enterprise.expert .company-inner .list-right p {color:#007AFF;}
.main-box .main-enterprise.expert .company-inner .list-right p strong {color:#007AFF;}
.main-box .main-enterprise.expert .company-inner .list-right span {color:#007AFF;}
.main-box .main-enterprise.expert .company-inner .list-right span em {color:#007AFF;}
.main-box .main-enterprise.expert .company-inner .list-right img {max-width:285px;}
@media (max-width:1865px){
.main-box .main-enterprise {padding:100px 16px;}
.main-box .main-enterprise .company-inner {padding:30px 16px;}
.main-box .main-enterprise .company-inner .list-left {padding:0 5px 0 24px;}
}
@media (max-width:991px){
.main-box .main-enterprise {padding:50px 16px; border-radius:0;}
.main-box .main-enterprise .company-inner .list-left {width:100%; height:369px;}
.main-box .main-enterprise .company-inner .list-left .swiper-slide a {padding:16px 20px; font-size:19px;}
.main-box .main-enterprise .company-inner .list-left .swiper-slide a b {font-size:19px;}
.main-box .main-enterprise .company-inner .list-right {flex:none; width:100%; margin:15px 0 0;}
.main-box .main-enterprise .company-inner .list-right img {max-width:250px;}
.main-box .main-enterprise .company-inner .list-right b {font-size:17px;}
.main-box .main-enterprise .company-inner .list-right p {font-size:32px;}
.main-box .main-enterprise .company-inner .list-right p strong {font-size:60px; margin:0 8px 0 0;}
.main-box .main-enterprise .company-inner .list-right span {font-size:17px;}
.main-box .main-enterprise .company-inner .list-right span em {font-size:17px;}
.main-box .main-enterprise.expert:before {border-radius:0;}
.main-box .main-enterprise.expert .company-inner .list-right img {max-width:210px;}
}

/* main-issue */
.main-box .main-issue {padding:100px 80px;}
.main-box .main-issue .issue-inner {padding:50px; border-radius:30px; background:url('../../images/hmpg/bg_main_issue.png') no-repeat center / cover;}
.main-box .main-issue .issue-inner ul {background:#000; border:1px solid rgba(255,255,255,0.2); border-radius:30px; padding:24px;}
.main-box .main-issue .issue-inner ul li .inner {padding:24px 28px; border-radius:16px; display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-issue .issue-inner ul li .inner .subject {flex:1; min-width:0; font-size:19px; font-weight:500; color:#fff; padding:0 15px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-box .main-issue .issue-inner ul li .inner .name {width:200px; padding:0 16px 0 0; font-size:19px; font-weight:500; color:#F2F3F6; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-box .main-issue .issue-inner ul li .inner .date {width:120px; font-size:18px; color:#F2F3F6; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-box .main-issue .issue-inner ul li .inner:hover {background:#05213A ;}
.main-box .main-issue .issue-inner ul li .inner:hover .subject {font-weight:700; color:#fff;}
@media (max-width:1865px){
.main-box .main-issue {padding:100px 16px;}
.main-box .main-issue .issue-inner {padding:50px 16px; border-radius:20px;}
.main-box .main-issue .issue-inner ul {border-radius:20px; padding:16px;}
.main-box .main-issue .issue-inner ul li .inner {padding:24px 16px;}
}
@media (max-width:991px){
.main-box .main-issue {padding:0 16px;}
.main-box .main-issue .issue-inner {padding:50px 16px; border-radius:0; margin:0 -16px;}
.main-box .main-issue .issue-inner ul li .inner {padding:10px;}
.main-box .main-issue .issue-inner ul li .inner .subject {font-size:15px;}
.main-box .main-issue .issue-inner ul li .inner .name {display:none; padding:0 10px 0 0;}
.main-box .main-issue .issue-inner ul li .inner .date {font-size:13px; width:90px;}
}

/* main-top */
.main-box .main-top {padding:60px; background:url('../../images/hmpg/bg_main_top_title.png') no-repeat calc(100% - 5%) -40px / 700px auto;}
.main-box .main-top .top-title {padding:40px 0 100px;}
.main-box .main-top .top-title h4 {font-size:56px; font-weight:700; color:#fff; line-height:1.4; word-break:keep-all;}
.main-box .main-top .top-title h4 b {font-size:56px; font-weight:700; color:var(--color-active); line-height:1.4;}
.main-box .main-top .top-title img {display:none;}
.main-box .main-top .top-list ul {display:flex; flex-wrap:wrap; gap:15px;}
.main-box .main-top .top-list ul li {transition:transform 0.35s ease, box-shadow 0.35s ease, background-color 0.35s ease; will-change:transform; transform-origin:center; flex:1; min-width:0; padding:40px 20px; border-radius:24px; background-color:#002E63; background-position:left calc(100% + 10px); background-repeat:no-repeat; background-size:100% auto; height:250px; position:relative; display:flex; flex-wrap:wrap; align-items:space-between; align-content:space-between;}
.main-box .main-top .top-list ul li button {pointer-events:none; display:block; text-align:center; font-size:28px; font-weight:600; color:#fff; width:100%;}
.main-box .main-top .top-list ul li button b {display:none;}
.main-box .main-top .top-list ul li p {font-size:15px; font-weight:500; color:#fff; word-break:keep-all; display:none;}
.main-box .main-top .top-list ul li .button-box {margin:10px 0 0; justify-content:flex-start; width:100%;}
.main-box .main-top .top-list ul li .button-box .btn {width:50px; height:50px; padding:0; font-size:0; margin:0 auto; white-space:nowrap; overflow:hidden; transition:inherit;}
.main-box .main-top .top-list ul li .button-box .btn:after {display:block; content:""; width:24px; height:24px; margin:0; background:url('../../images/hmpg/icon_main_arrow.svg') no-repeat center / cover; transform:rotate(-35deg);}
.main-box .main-top .top-list ul li:nth-of-type(1) {background-image:url('../../images/hmpg/bg_main_top_list_01.png');}
.main-box .main-top .top-list ul li:nth-of-type(2) {background-image:url('../../images/hmpg/bg_main_top_list_02.png');}
.main-box .main-top .top-list ul li:nth-of-type(3) {background-image:url('../../images/hmpg/bg_main_top_list_03.png');}
.main-box .main-top .top-list ul li:nth-of-type(4) {background-image:url('../../images/hmpg/bg_main_top_list_04.png');}
.main-box .main-top .top-list ul li:nth-of-type(5) {background-image:url('../../images/hmpg/bg_main_top_list_05.png');}
.main-box .main-top .top-list ul li:hover {padding:40px; width:490px; flex:none; background:#007AFF; box-shadow:0 25px 40px rgba(0, 119, 255, 0.4); transform: scale(1.06);}
.main-box .main-top .top-list ul li:hover button {text-align:left;}
.main-box .main-top .top-list ul li:hover button b {display:inline-block; font-size:40px; font-weight:600; color:#fff;}
.main-box .main-top .top-list ul li:hover p {display:block;}
.main-box .main-top .top-list ul li:hover .button-box {justify-content:flex-start;}
.main-box .main-top .top-list ul li:hover .button-box .btn {margin:0; padding:0 20px; width:auto; height:40px; font-size:14px;}
.main-box .main-top .top-list ul li:hover .button-box .btn:after {transform:none; margin:0 0 0 4px;}
.main-box .main-top .top-scroll {margin:80px 0 0;}
.main-box .main-top .top-scroll p {display:block; text-align:center; font-size:14px; letter-spacing:2px; font-weight:600; color:#fff;}
.main-box .main-top .top-scroll p:after {display:block; content:""; width:48px; height:48px; margin:0 auto; background:url('../../images/hmpg/img_main_scroll.gif') no-repeat center / cover;}
@media (max-width:1865px){
.main-box .main-top {padding:50px 16px; background-size:600px auto; background-position:calc(100% - 5%) -15%;}
}
@media (max-width:991px){
.main-box .main-top {padding-top:0; background:none; overflow:hidden;}
.main-box .main-top .top-title {padding:20px 0 0;}
.main-box .main-top .top-title h4 {font-size:40px; position:relative;}
.main-box .main-top .top-title h4 b {font-size:40px;}
.main-box .main-top .top-title img {display:block; margin-left:auto; margin-top:-10%; margin-bottom:-25%; width:100%;}
.main-box .main-top .top-list ul li {transition:inherit; background-position:right bottom; background-size:auto 100%; background-repeat:no-repeat;}
.main-box .main-top .top-list ul li {flex:none; width:100%; height:auto; padding:0;}
.main-box .main-top .top-list ul li button {transition:inherit !important; padding:30px 30px 60px; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; font-size:24px; text-align:left; pointer-events:inherit;}
.main-box .main-top .top-list ul li button:after {flex:none; position:absolute; right:30px; top:30px; transition:all ease 0.5s; display:block; content:""; width:50px; height:50px; background:url('../../images/hmpg/icon_arrow_large.svg') no-repeat right center / 50px;}
.main-box .main-top .top-list ul li button b {font-size:24px;}
.main-box .main-top .top-list ul li p {font-size:15px; margin:10px 0 0;}
.main-box .main-top .top-list ul li .button-box  {display:none; margin:20px 0 0; justify-content:flex-start !important;}
.main-box .main-top .top-list ul li .button-box .btn {height:44px; padding:0 10px 0 20px; font-size:17px; width:auto; margin:0 !important;}
.main-box .main-top .top-list ul li .button-box .btn:after {transform:none;}
.main-box .main-top .top-list ul li:nth-of-type(1) {background-image:url('../../images/hmpg/bg_main_top_list_01_m.png');}
.main-box .main-top .top-list ul li:nth-of-type(2) {background-image:url('../../images/hmpg/bg_main_top_list_02_m.png');}
.main-box .main-top .top-list ul li:nth-of-type(3) {background-image:url('../../images/hmpg/bg_main_top_list_03_m.png');}
.main-box .main-top .top-list ul li:nth-of-type(4) {background-image:url('../../images/hmpg/bg_main_top_list_04_m.png');}
.main-box .main-top .top-list ul li:nth-of-type(5) {background-image:url('../../images/hmpg/bg_main_top_list_05_m.png');}
.main-box .main-top .top-list ul li:hover {width:100%; transform:none; background-position:right bottom; background-size:auto 100%; background-repeat:no-repeat; padding:0;}
.main-box .main-top .top-list ul li:hover button {text-align:left; padding:30px 30px 60px;}
.main-box .main-top .top-list ul li:hover button b {display:none; font-size:24px; font-weight:600;}
.main-box .main-top .top-list ul li:hover p {display:none;}
.main-box .main-top .top-list ul li:hover .button-box {justify-content:flex-start;}
.main-box .main-top .top-list ul li:hover .button-box .btn {margin:0; padding:0 10px 0 20px; width:auto; font-size:17px;}
.main-box .main-top .top-list ul li:hover .button-box .btn:after {transform:none; margin:0 0 0 4px;}
.main-box .main-top .top-list ul li.active {background:#007AFF; padding:30px;}
.main-box .main-top .top-list ul li.active button {padding:0; justify-content:flex-start;}
.main-box .main-top .top-list ul li.active button:after {transform:rotate(180deg);}
.main-box .main-top .top-list ul li.active button b {display:inline-block; margin:0 5px 0 0; font-weight:600;}
.main-box .main-top .top-list ul li.active p {display:block;}
.main-box .main-top .top-list ul li.active .button-box {display:flex;}
.main-box .main-top .top-list ul li.active .button-box .btn {font-size:17px; padding:0 10px 0 20px; font-size:17px;}
.main-box .main-top .top-list ul li.active .button-box .btn:after {margin:0 0 0 4px;}
.main-box .main-top .top-scroll {display:none;}
}

/* main-cooperation */
.main-box .main-cooperation {padding:120px 60px; margin:0 0 -100px; position:relative;}
.main-box .main-cooperation .inner {position:relative;}
.main-box .main-cooperation .inner:before {position:absolute; left:0; top:0; width:35px; height:100%; background:linear-gradient(to left, transparent, #000); content:""; z-index:20;}
.main-box .main-cooperation .inner:after {position:absolute; right:0; top:0; width:35px; height:100%; background:linear-gradient(to right, transparent, #000); content:""; z-index:20;}
.main-box .main-cooperation:before {position:absolute; left:0; bottom:0; content:""; width:100vw; height:130px; background:url('../../images/hmpg/bg_main_cooperation.png') repeat-x bottom / contain;}
.main-box .main-cooperation .main-title {margin:0 0 80px;}
.main-box .main-cooperation .coop-desktop .swiper-wrapper {transition-timing-function:linear !important;}
.main-box .main-cooperation .coop-desktop .swiper-slide {width:170px;}
.main-box .main-cooperation .coop-desktop .swiper-slide img {width:100%;}
.main-box .main-cooperation .coop-mobile {display:none;}
@media (max-width:1865px){
.main-box .main-cooperation {padding:120px 16px;}
}
@media (max-width:991px){
.main-box .main-cooperation {padding:50px 0 120px;}
.main-box .main-cooperation .main-title {padding:0 16px; margin:0 0 30px;}
.main-box .main-cooperation .coop-desktop {display:none;}
.main-box .main-cooperation .coop-desktop .swiper-slide  {width:136px;}
.main-box .main-cooperation .coop-mobile {display:block;}
.main-box .main-cooperation .coop-mobile .swiper-slide {width:130px;}
.main-box .main-cooperation .coop-mobile .swiper-slide img {width:100%;}
}