/* common */
html, body {background:#F2F3F6;}
.is-pc {display:block;}
.is-m {display:none;}
body.main {background:#000;}
.searchKeyword {background:var(--color-active); color:#fff; font-size:inherit;}
@media (max-width:991px){
.is-pc {display:none;}
.is-m {display:block;}
body.membership {background:#fff;}
}

.back {margin:0 0 40px; display:flex; flex-wrap:wrap; align-items:center; width:100%; font-size:24px; font-weight:600;}
.back:before {display:block; content:""; width:8px; height:14px; background:url('../../images/hmpg/icon_back.svg') no-repeat center / cover; margin:0 15px 0 0;}
@media (max-width:991px){
.back {margin:0 0 20px; font-size:19px;}
}

/* animation */
/* 살짝 튀는 애니메이션 */
@keyframes pop {
  0%   {transform:scale(1);}
  30%  {transform:scale(1.3);}
  60%  {transform:scale(0.9);}
  100% {transform:scale(1);}
}

/* 반짝이는 효과 */
@keyframes sparkle {
  0%   {text-shadow:0 0 0 rgba(224,36,94,0);}
  50%  {text-shadow:0 0 8px rgba(224,36,94,0.6);}
  100% {text-shadow:0 0 0 rgba(224,36,94,0);}
}

/* container */
.container {max-width:1240px; padding:0 15px; margin:0 auto; width:100%;}
.container-xs {max-width:470px !important; margin:0 auto !important;}
.container-sm {max-width:658px !important; margin:0 auto !important;}
.container-md {max-width:1030px !important; margin:0 auto !important;}
.container-lg {max-width:1200px !important; margin:0 auto !important;}

/* main-wrap-box */
.main-wrap-box {max-width:1446px; margin:0 auto; padding:0 15px;}

/* banner-box */
.banner-box {position:relative; max-width:1920px; margin:0 auto;}
.banner-box img {width:100%;}
.banner-box a {position:absolute; left:50%; bottom:6.2%; transform:translateX(-50%); width:9%; height:8%; font-size:0;}
@media (max-width:991px){
.banner-box a {width:43%; height:9%; bottom:7.7%;}
}

/* write-box */
.write-box h2 {margin:0 0 40px; text-align:center; font-size:24px; font-weight:700; word-break:keep-all;}
.write-box h2 b {font-size:24px; font-weight:700; color:var(--color-active);}
.write-box h2 strong {font-size:24px; font-weight:700; color:var(--color-red);}
.write-box h2 span {font-size:24px; font-weight:500;}
.write-box h2.req:after {display:inline-block; content:"*"; font-size:24px; font-weight:700; color:var(--color-red); margin:0 0 0 5px;}
.write-box .write-inner {margin:0 0 24px; background:#fff; padding:32px; border-radius:30px;}
.write-box .write-inner:last-of-type {margin:0;}
.write-box .write-inner .inner-head {margin:0 0 24px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.write-box .write-inner .inner-head h3 {font-size:24px; font-weight:600;}
.write-box .write-inner .inner-head h3 strong {font-size:24px; font-weight:700; color:var(--color-red);}
.write-box .write-inner .inner-head h3 span {font-size:24px; font-weight:500;}
.write-box .write-inner .inner-head h3.req:after {display:inline-block; content:"*"; margin:0 0 0 5px; font-size:24px; font-weight:700; color:var(--color-red);}
.write-box .write-inner .inner-head p {width:100%; font-size:15px; color:#989CA4; word-break:keep-all;}
.write-box .write-inner .inner-body .body-list > ul {display:flex; flex-wrap:wrap; margin:0 -15px -30px;}
.write-box .write-inner .inner-body .body-list > ul > li {width:calc(50% - 30px); margin:0 15px 30px;}
.write-box .write-inner .inner-body .body-list > ul > li.full {width:100%;}
.write-box .write-inner .inner-body .body-list > ul > li .tit {margin:0 0 8px; display:flex; flex-wrap:wrap; align-items:center;}
.write-box .write-inner .inner-body .body-list > ul > li .tit strong {font-size:17px; font-weight:500; color:#464C53;}
.write-box .write-inner .inner-body .body-list > ul > li .tit small {font-size:17px; font-weight:500; color:#9B9B9B; margin:0 0 0 5px;}
.write-box .write-inner .inner-body .body-list > ul > li .cont > p {margin:8px 0 0; text-align:right; font-size:15px; color:#464C53;}
.write-box .write-inner .inner-body .body-list > ul > li .cont > p b {font-size:15px; color:#14ADF1;}
.write-box .write-inner .inner-body .body-list > ul > li.grid-4 {width:calc(25% - 30px);}
.write-box .write-inner .inner-body .body-list.gray {background:#F6F6F6; padding:24px; border-radius:20px;}
.write-box .write-inner .inner-body .body-delete {margin:20px 0 0;}
.write-box .write-inner .inner-body .body-delete .delete {font-size:19px; font-weight:500; border-radius:10px; color:#454545; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; height:56px; background:#F2F3F6;}
.write-box .write-inner .inner-body .body-delete .delete:after {display:block; content:""; width:16px; height:16px; margin:0 0 0 5px; background:url('../../images/hmpg/icon_input_delete.svg') no-repeat center / cover;}
.write-box .write-button {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin:20px 0 0;}
.write-box .write-button .add {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:56px; border-radius:4px; background:#8c8c8c; color:#fff; padding:0 16px; font-size:19px; font-weight:700;}
.write-box .write-button .add:before {display:inline-block; content:""; width:24px; height:24px; margin:0 2px 0 0; background:url('../../images/hmpg/icon_add.svg') no-repeat center / cover;}
.write-box > ul > li {margin:0 0 24px;}
.write-box > ul > li:last-of-type {margin:0;}
.write-box > ul > li .tit {margin:0 0 8px;}
.write-box > ul > li .tit strong {font-size:15px; display:flex; flex-wrap:wrap; align-items:center; font-weight:400;}
.write-box > ul > li .tit strong.req:after {font-size:15px; content:"*"; color:#FF2525; font-weight:600; margin:0 0 0 5px;}
@media (max-width:991px){
.write-box h2 {margin:0 0 25px; font-size:25px;}
.write-box h2 b {font-size:25px;}
.write-box h2 strong {font-size:25px;}
.write-box h2 span {display:block; width:100%; text-align:center; font-size:20px; word-break:keep-all;}
.write-box h2.req:after {font-size:25px;}
.write-box .write-inner {padding:24px 16px; border-radius:20px;}
.write-box .write-inner .inner-head {margin:0 0 20px;}
.write-box .write-inner .inner-head p {font-size:13px;}
.write-box .write-inner .inner-body .body-list > ul {margin:0;}
.write-box .write-inner .inner-body .body-list > ul > li {width:100%; margin:0 0 24px;}
.write-box .write-inner .inner-body .body-list > ul > li:last-of-type {margin:0;}
.write-box .write-inner .inner-body .body-list > ul > li.blank {display:none;}
.write-box .write-inner .inner-body .body-list > ul > li .tit small {display:block; margin:0; word-break:keep-all; font-weight:300;}
.write-box .write-inner .inner-body .body-list > ul > li.grid-4 {width:100% !important;}
.write-box .write-inner .inner-body .body-list.gray {border-radius:10px; padding:16px;}
.write-box .write-inner .inner-body .body-delete .delete {font-size:17px;}
.write-box .write-button .add {width:100%;}
}

/* write-list-box */
.write-list-box {background:#fff; border-radius:30px; padding:40px 50px;}
.write-list-box > ul {display:flex; flex-wrap:wrap; margin:0 -15px -30px;}
.write-list-box > ul > li {width:calc(100% - 30px); margin:0 15px 30px;}
.write-list-box > ul > li .tit {margin:0 0 8px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.write-list-box > ul > li .tit strong {font-size:17px; font-weight:500; color:#454545; display:flex; flex-wrap:wrap;}
.write-list-box > ul > li .tit strong.req:after {display:block; content:"*"; font-size:17px; font-weight:500; color:#FF2525; margin:0 0 0 5px;}
.write-list-box > ul > li .tit strong small {font-size:16px; color:rgba(145, 145, 145, 1); margin:0 0 0 3px;}
.write-list-box > ul > li .cont > p {font-size:19px; font-weight:500; color:#454545; word-break:keep-all;}
.write-list-box > ul > li.half {width:calc(50% - 30px);}
.write-list-box.border {padding:40px; border:1px solid rgba(29, 29, 29, 0.3); border-radius:16px;}
.modal-box .write-list-box {border-radius:0; padding:0;}
.login-box .write-list-box {border-radius:0; padding:0;}
@media (max-width:1400px){
.write-list-box.border {padding:24px;}
}
@media (max-width:991px){
.write-list-box {padding:20px; border-radius:20px;}
.write-list-box > ul {margin:0;}
.write-list-box > ul > li {width:100%; margin:0 0 24px;}
.write-list-box > ul > li:last-of-type {margin:0;}
.write-list-box > ul > li.half {width:100%;}
.write-list-box > ul > li.blank {display:none;}
.write-list-box > ul > li .cont > p {font-size:17px;}
.write-list-box.border {padding:0; border:0; border-radius:0;}
}

/* input-box */
.input-box {position:relative; display:flex; flex-wrap:wrap; align-items:center; border-radius:6px; border:1px solid #bdbdbd; background:#fff;}
.input-box input {flex:1; min-width:0; height:56px; padding:0 16px; color:#1d1d1d; font-size:19px; background:none !important;}
.input-box input::placeholder {color:#A3A3A3;}
.input-box .submit {display:inline-block; content:""; width:24px; height:24px; margin:0 16px 0 0; background:url('../../images/hmpg/icon_search_on.svg') no-repeat center / cover; font-size:0;}
.input-box .delete {display:inline-block; font-size:0; width:16px; height:16px; margin:0 16px 0 0; background:url('../../images/hmpg/icon_input_delete.svg') no-repeat center / cover;}
.input-box .ui-datepicker-trigger {width:24px; height:24px; margin:0 16px 0 0; font-size:0; background:url('../../images/hmpg/icon_date.svg') no-repeat center / cover;}
.input-box.success {border-color:var(--color-active);}
.input-box.disabled {background:#F9F9FA; border-color:#CFD2DB;}
.input-box.disabled .ui-datepicker-trigger {pointer-events:none;}
@media (max-width:991px){
.input-box input {height:48px; font-size:17px;}
}

/* radio-select-box */
.radio-select-box ul {display:flex; flex-wrap:wrap; gap:8px;}
.radio-select-box ul li {flex:1; min-width:0; position:relative;}
.radio-select-box ul li input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.radio-select-box ul li label {font-size:16px; color:#8A8E99; height:56px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:6px; border:1px solid #bdbdbd; background:#fff;}
.radio-select-box ul li input:focus ~ label {outline:0; border-color:var(--color-active); color:var(--color-active); background:#E8EEFF;}
.radio-select-box ul li input:checked ~ label {border-color:var(--color-active); color:var(--color-active); background:#E8EEFF;}
@media (max-width:991px){
.radio-select-box ul li label {height:48px;}
}

/* keyword-input-box */
.keyword-input-box {display:flex; flex-wrap:wrap; margin:0 -2.5px -5px;}
.keyword-input-box .input-box {width:calc(25% - 5px); margin:0 2.5px 5px;}
@media (max-width:991px){
.keyword-input-box .input-box {width:calc(50% - 5px);}
}
@media (max-width:600px){
.keyword-input-box {margin:0; gap:5px;}
.keyword-input-box .input-box {width:100%; margin:0;}
}

/* domain-group-box */
.domain-group-box {display:flex; flex-wrap:wrap; align-items:flex-start; gap:5px;}
.domain-group-box .group {flex:1; min-width:0; display:flex; flex-wrap:wrap; margin:0 -2.5px -5px;}
.domain-group-box .group > * {width:calc(50% - 5px); margin:0 2.5px 5px;}

/* file-box */
.file-box .file-list > ul > li {margin:0 0 8px; height:56px; display:flex; flex-wrap:wrap; align-items:center; border:1px solid #bdbdbd; background:#fff; border-radius:6px; color:#1d1d1d; padding:0 16px;}
.file-box .file-list > ul > li p {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:19px;}
.file-box .file-list > ul > li p a {font-size:19px;}
.file-box .file-list > ul > li .delete {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 0 16px; font-size:17px;}
.file-box .file-list > ul > li .delete:after {display:inline-block; content:""; width:16px; height:16px; margin:0 0 0 4px; background:url('../../images/hmpg/icon_input_delete.svg') no-repeat center / cover;}
.file-box .file-list > ul > li.disabled {background:#F1F1F1; border-color:#BDBDBD;}
.file-box .file-input {display:flex; flex-wrap:wrap; align-items:center;}
.file-box .file-input label {position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#fff; border:1px solid #CFD2DB; border-radius:6px; height:50px; padding:0 35px; font-size:17px; font-weight:500;}
.file-box .file-input label:before {display:inline-block; content:""; width:20px; height:20px; margin:0 4px 0 0; background:url('../../images/hmpg/icon_clip.svg') no-repeat center / cover;}
.file-box .file-input input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
@media (max-width:991px){
.file-box .file-list > ul > li {height:48px;}
.file-box .file-list > ul > li p {font-size:13px;}
.file-box .file-list > ul > li p a {font-size:13px;}
.file-box .file-list > ul > li .delete {margin:0 0 0 10px; font-size:13px;}
.file-box .file-input label {padding:0 20px;}
}

/* thumb-box */
.thumb-box {display:flex; flex-wrap:wrap; align-items:center;}
.thumb-box h2 {width:100%; text-align:left; margin:0 0 8px; font-size:17px; font-weight:500; color:#464C53;}
.thumb-box .inner {position:relative;}
.thumb-box .inner input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.thumb-box .inner label {display:block; max-width:200px; margin:0 auto;}
.thumb-box .inner label img {width:100%; border-radius:10px; object-fit:cover; margin:0 auto 20px; display:block; border:1px solid #CFD2DB;}
.thumb-box .inner label p {position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#fff; border:1px solid #CFD2DB; border-radius:10px; height:50px; padding:0 16px; font-size:17px; font-weight:500;}
.thumb-box .inner label p:before {display:inline-block; content:""; width:20px; height:20px; margin:0 4px 0 0; background:url('../../images/hmpg/icon_clip.svg') no-repeat center / cover;}
.thumb-box .inner label span {position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#fff; border:1px solid #CFD2DB;  border-radius:10px; height:50px; padding:0 16px; font-size:17px; font-weight:500;}
.thumb-box .inner label span:before {display:inline-block; content:""; width:20px; height:20px; margin:0 4px 0 0; background:url('../../images/hmpg/icon_clip.svg') no-repeat center / cover;}
.thumb-box .inner input:disabled ~ label p {display:none;}
@media (max-width:991px){
.thumb-box {justify-content:center;}
.thumb-box h2 {display:none;}
.thumb-box .inner label img {margin:0 auto 10px;}
}

/* select-box */
.select-box {display:flex; flex-wrap:wrap; align-items:center; border-radius:6px; border:1px solid #bdbdbd; background:#fff;}
.select-box select {flex:1; min-width:0; height:56px; padding:0 45px 0 16px; color:#A3A3A3; font-size:19px; background:url('../../images/hmpg/icon_select.svg') no-repeat calc(100% - 16px) center / 24px;}
.select-box select option {font-size:17px; color:#1d1d1d;}
.select-box.success {border-color:var(--color-active);}
.select-box.success select {color:#1d1d1d;}
.select-box.disabled {background:#F1F1F1; border-color:#BDBDBD;}
@media (max-width:991px){
.select-box select {height:48px; font-size:17px; padding:0 40px 0 16px; background-size:20px;}
.select-box select option {font-size:15px;}
}

/* textarea-box */
.textarea-box textarea {display:block; width:100%; height:144px; border-radius:6px; padding:8px 16px; border:1px solid #BDBDBD; font-size:19px; color:#1d1d1d;}
.textarea-box textarea::placeholder {color:#a3a3a3;}
.textarea-box p {margin:8px 0 0; text-align:right; font-size:15px; color:#464C53;}
.textarea-box p b {font-size:15px; color:#14ADF1;}
.textarea-box.disabled textarea {background:#F1F1F1; border-color:#BDBDBD;}
.textarea-box.large textarea {height:345px;}
@media (max-width:991px){
.textarea-box textarea {font-size:17px;}
.textarea-box.large textarea {height:200px;}
}

/* check-box */
.check-box {position:relative;}
.check-box input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-box label {display:flex !important; flex-wrap:wrap;}
.check-box label p {flex:1; min-width:0; font-size:16px; color:#131416; word-break:keep-all;}
.check-box label span {flex:1; min-width:0; font-size:16px; color:#131416; word-break:keep-all;}
.check-box label span small {display:block; font-size:17px; color:#616161; word-break:keep-all;}
.check-box label span.lg {font-size:19px;}
.check-box label:before {display:inline-block; content:""; width:24px; height:24px; margin:0 5px 0 0; position:relative; top:0; background:url('../../images/hmpg/icon_check.svg') no-repeat center / cover;}
.check-box input:checked ~ label:before {background-image:url('../../images/hmpg/icon_check_on.svg');}
.check-group-box {display:flex; flex-wrap:wrap; gap:20px;}
@media (max-width:991px){
.check-box label p {font-size:17px;}
.check-box label:before {width:20px; height:20px; top:3px;}
.check-group-box {gap:0;}
.check-group-box .check-box {margin:0 0 10px; width:100%;}
.check-group-box .check-box:last-of-type {margin:0;}
}

/* radio-box */
.radio-box {position:relative;}
.radio-box input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.radio-box label {display:flex !important; flex-wrap:wrap;}
.radio-box label p {flex:1; min-width:0; font-size:16px; color:#131416; word-break:keep-all;}
.radio-box label span {flex:1; min-width:0; font-size:16px; color:#131416; word-break:keep-all;}
.radio-box label span small {display:block; font-size:17px; color:#616161; word-break:keep-all;}
.radio-box label span.lg {font-size:19px;}
.radio-box label:before {display:inline-block; content:""; width:24px; height:24px; margin:0 5px 0 0; position:relative; top:0; background:url('../../images/hmpg/icon_check.svg') no-repeat center / cover;}
.radio-box input:checked ~ label:before {background-image:url('../../images/hmpg/icon_check_on.svg');}
.radio-group-box {display:flex; flex-wrap:wrap; gap:20px;}
@media (max-width:991px){
.radio-box label p {font-size:17px;}
.radio-box label:before {width:20px; height:20px; top:3px;}
.radio-group-box {gap:0;}
.radio-group-box .radio-box {margin:0 0 10px; width:100%;}
.radio-group-box .radio-box:last-of-type {margin:0;}
}

/* unit-box */
.unit-box {margin:0 8px;}
.unit-box p {font-size:19px; color:#A3A3A3;}
@media (max-width:991px){
.unit-box {margin:0 5px;}
.unit-box p {font-size:17px;}
}

/* agree-box */
.agree-box {background:#fff; border-radius:30px; padding:32px;}
.agree-box h2 {margin:0 0 24px; font-size:24px; font-weight:700; color:#1d1d1d; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; text-align:left; word-break:keep-all;}
.agree-box .agree-body {padding:24px; border-radius:30px; background:#F9F9FA;}
.agree-box .agree-body ul li {margin:0 0 40px;}
.agree-box .agree-body ul li:last-of-type {margin:0;}
.agree-box .agree-body ul li p {font-size:17px; color:#454545; margin:0 0 20px;}
.agree-box .agree-body ul li p:last-of-type {margin:0;}
.agree-box .agree-foot {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:20px;}
@media (max-width:991px){
.agree-box {border-radius:20px; padding:24px 16px;}
.agree-box h2 {margin:0 0 20px;}
.agree-box .agree-body {padding:20px; border-radius:15px;}
.agree-box .agree-body ul li p {font-size:15px;}
}

/* button-box */
.button-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.button-box .btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:56px; border-radius:6px; padding:0 16px; font-size:19px; font-weight:500; transition:all ease 0.5s;}
.button-box .btn.round {border-radius:50px;}
.button-box .btn-icon:before {display:inline-block; content:""; width:24px; height:24px; margin:0 4px 0 0; background-size:cover; background-position:center;}
.button-box .btn.icon-reply:before {background-image:url('../../images/hmpg/icon_btn_reply.svg');}
.button-box .btn.icon-sign:before {background-image:url('../../images/hmpg/icon_btn_sign.svg');}
.button-box .btn.icon-like:before {background-image:url('../../images/hmpg/icon_heart.svg'); transition:all ease 0.5s;}
.button-box .btn.icon-like.active {background:#E8EEFF !important; color:#454545 !important; border:1px solid var(--color-active);}
.button-box .btn.icon-like.active:before {background-image:url('../../images/hmpg/icon_heart_on.svg'); filter:var(--filter-active-100); animation:pop 0.4s ease, sparkle 0.6s ease;}
.button-box .btn.icon-share:before {background-image:url('../../images/hmpg/icon_btn_share.svg');}
.button-box .btn.icon-eye:before {background-image:url('../../images/hmpg/icon_btn_eye.svg');}
.button-box .btn.icon-eye-off:before {background-image:url('../../images/hmpg/icon_btn_eye_off.svg');}
.button-box .btn-scrap:after {display:inline-block; content:""; width:24px; height:24px; margin:0 0 0 4px; background:url('../../images/hmpg/icon_scrap.svg') no-repeat center / cover;}
.button-box .btn-logout:after {display:inline-block; content:""; width:24px; height:24px; margin:0 0 0 4px; background:url('../../images/hmpg/icon_logout.svg') no-repeat center / cover;}
.button-box .btn-download:after {display:inline-block; content:""; width:24px; height:24px; margin:0 0 0 4px; background:url('../../images/hmpg/icon_download.svg') no-repeat center / cover;}
.button-box .btn-full {flex:1; min-width:0;}
.button-box .btn-select:after {display:inline-block; content:""; width:20px; height:20px; margin:0 0 0 10px; background:url('../../images/hmpg/icon_btn_select.svg') no-repeat center / cover;}
.button-box .btn-more:after {display:inline-block; content:""; width:20px; height:20px; margin:0 0 0 10px; background:url('../../images/hmpg/icon_btn_more.svg') no-repeat center / cover;}
.button-box .btn-lg {height:64px; font-size:24px;}
.button-box .btn-md {height:48px; font-size:17px;}
.button-box .btn-sm {height:35px; font-size:15px; line-height:1.3;}
.button-box .btn-active {color:#fff;}
.button-box .btn-active:hover {background:#0045d9 !important;}
.button-box .btn-active-outline {background:#E8EEFF;}
.button-box .btn-white {background:#fff; border:1px solid #CFD2DB; color:rgba(113, 113, 113, 1);}
.button-box .btn-white-outline2 {background:rgba(244, 244, 244, 0.1); border:1px solid #ACAFB9; color:#ACAFB9;}
.button-box .btn-gray {background:#EAEAEA; color:#454545;}
.button-box .btn-gray2 {background:#616161; color:#fff;}
.button-box .btn-gray3 {background:#8A8E99; color:#fff;}
.button-box .btn-lightgray {background:#F2F3F6; color:#454545;}
.button-box .btn-gray-outline {border:1px solid rgba(69, 69, 69, 0.2); color:rgba(145, 145, 145, 1);}
.button-box .btn-gray-outline:hover {background:rgba(69, 69, 69, 0.05);}
.button-box .btn-gray-outline2 {background:#F2F3F6; border:1px solid #CFD2DB; color:#8A8E99;}
.button-box .btn-black {background:#454545 !important; color:#fff !important;}
.button-box .btn-red {color:#fff;}
.button-box .btn-red-outline {border:1px solid rgba(213, 75, 75, 0.4) !important; color:rgba(213, 75, 75, 1) !important;}
.button-box .btn-red-outline:hover {background:rgba(213, 75, 75, 0.1) !important; color:rgba(213, 75, 75, 1) !important;}
.button-box .btn-indigo-outline {border:1px solid #203E9E !important; color:#203E9E !important; background:rgba(32, 62, 158, 0.05) !important;}
.button-box .btn-lightblue {background:#E8EEFF; color:#0051FF;}
.button-box .btn-lightred {background:rgba(190, 39, 42, 0.05); color:#DE3412;}
.button-box .btn-skyblue {background:#EEF2F7; color:#1d1d1d;}
.button-box .btn-selected {border:1px solid #203E9E; color:#203E9E; background:rgba(32, 62, 158, 0.05);}
.button-box .btn-not-selected {border:1px solid #FF2525; color:#FF2525; background:rgba(255, 37, 37, 0.05);}
.button-box .btn.disabled {background:#CDD1D5 !important; color:#fff;}
.button-box .btn-add {width:56px; height:56px; font-size:0; border-radius:4px; background:#F2F3F6; border:1px solid #CFD2DB; line-height:1.3; align-content:center;}
.button-box .btn-add:after {display:block; content:""; width:24px; height:24px; background:url('../../images/hmpg/icon_plus.svg') no-repeat center / cover; filter:var(--filter-active-100);}
.button-box .btn-remove {width:56px; height:56px; font-size:0; border-radius:4px; background:#F2F3F6; border:1px solid #CFD2DB; line-height:1.3; align-content:center;}
.button-box .btn-remove:after {display:block; content:""; width:24px; height:24px; background:url('../../images/hmpg/icon_minus.svg') no-repeat center / cover; filter:var(--filter-active-100);}
.button-box .btn-message:after {display:block; content:""; width:24px; height:24px; background:url('../../images/hmpg/icon_btn_message.svg') no-repeat center / cover; margin:0 0 0 8px;}
.button-box .btn-plus:after {display:block; content:""; width:20px; height:20px; background:url('../../images/hmpg/icon_btn_plus.svg') no-repeat center / cover; margin:0 0 0 8px;}
.button-box.border {border-top:1px solid #CFD2DB; padding:40px 0 0; margin:40px 0 0;}
@media (max-width:991px){
.button-box .btn {height:48px; font-size:15px;}
.button-box .btn-icon:before {width:20px; height:20px;}
.button-box .btn-lg {height:60px; font-size:19px;}
.button-box .btn-add {height:48px; width:48px; font-size:0; padding:0;}
.button-box .btn-remove {height:48px; width:48px; font-size:0; padding:0;}
.button-box .btn.flex-lg-1 {padding:0 5px;}
.button-box .btn.btn-full {padding:0 5px;}
.button-box.bottom {margin:0 -16px -50px; padding:16px; border-top:1px solid rgba(29, 29, 29, 0.15);}
.button-box .btn.icon-like {font-size:0; line-height:1.3; align-content:center; padding:0;}
.button-box .btn.icon-like:before {margin:0; filter:invert(74%) sepia(79%) saturate(657%) hue-rotate(184deg) brightness(96%) contrast(111%);}
.button-box .btn.icon-share {font-size:0; line-height:1.3; align-content:center; padding:0;}
.button-box .btn.icon-share:before {margin:0; background-image:url('../../images/hmpg/icon_btn_share_m.svg');}
.button-box .btn.icon-sign {font-size:0; line-height:1.3; align-content:center; padding:0;}
.button-box .btn.icon-sign:before {margin:0;}
.button-box.border {margin:24px 0 0; padding:0; border:0;}
}

/* modal-box */
.modal-box {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; transition:all ease 0.5s; background:rgba(0,0,0,0.7);}
.modal-box .box {pointer-events:none; opacity:0; position:absolute; left:50%; top:45%; transform:translate(-50%,-50%); width:calc(100% - 30px); max-width:560px; max-height:90%; display:flex; flex-direction:column; background:#fff; border-radius:30px; padding:32px; box-shadow:0 5px 10px rgba(0,0,0,0.25); transition:all ease 0.5s; overflow:hidden;}
.modal-box .modal-head {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin:0 0 24px; padding:0 0 16px; border-bottom:1px solid #000;}
.modal-box .modal-head h2 {font-size:24px; font-weight:600; word-break:keep-all; flex:1; min-width:0; padding:0 20px 0 0;}
.modal-box .modal-head h2 b {font-size:24px; font-weight:500; color:var(--color-active); margin:0 0 0 10px;}
.modal-box .modal-head h2 img {width:157px;}
.modal-box .modal-head .badge-box {margin:0 10px 0 0;}
.modal-box .modal-head .close {width:25px; height:25px; font-size:0; background:url('../../images/hmpg/icon_menu_close.svg') no-repeat center / cover;}
.modal-box .modal-body {width:100%; height:100%; overflow-y:auto; overflow-x:hidden;}
.modal-box .modal-body > h2 {font-size:19px; font-weight:700; margin:0 0 24px; word-break:keep-all;}
.modal-box .modal-body .modal-text img {display:block; margin:0 auto 20px; max-width:100%;}
.modal-box .modal-body .modal-text p {font-size:17px; word-break:keep-all; margin:0 0 20px;}
.modal-box .modal-body .modal-text p:last-of-type {margin:0;}
.modal-box .modal-body .modal-text p.notice {background:#F2F3F6; border-radius:10px; padding:16px; color:#454545;}
.modal-box .modal-body .modal-text p.subject {font-size:20px; font-weight:600; color:#1D1D1D; word-break:keep-all;}
.modal-box .modal-body .modal-text p.subject b {font-size:20px; font-weight:600; color:var(--color-active);}
.modal-box .modal-body .modal-text p.ps {padding:16px; font-size:15px; word-break:keep-all; border-radius:10px; background:#F2F3F6; color:#454545;}
.modal-box .modal-body .modal-text .loader {margin:10px auto 0;}
.modal-box .modal-foot {width:100%; margin:15px 0 0;}
.modal-box .modal-text .text {margin:8px 0 0; font-size:17px; color:#454545; word-break:keep-all;}
.modal-box .modal-text .text small {display:block; margin:8px 0 0; font-size:15px; font-weight:700; color:#1d1d1d; word-break:keep-all;}
.modal-box .box.small {max-width:600px;}
.modal-box .box.medium {max-width:800px;}
.modal-box .box.large {max-width:1050px;}
.modal-box .box.large .modal-head {border-bottom:1px solid rgba(29, 29, 29, 0.3); padding:0 0 24px;}
.modal-box .box.filter {max-width:350px; border-radius:15px; padding:0;}
.modal-box .box.filter .modal-head {margin:0; border-color:rgba(0,0,0,0.1); padding:16px;}
.modal-box .box.alert {padding:32px;}
.modal-box .box.alert .modal-head {margin:0 0 24px; padding:0; border:0;}
.modal-box .box.alert.sm {max-width:400px;}
.modal-box .box.alert.sm .modal-body {padding:60px 20px;}
.modal-box .box.profile {padding:0; background:#F2F3F6;}
.modal-box .box.profile .modal-head {padding:24px 32px; margin:0; background:#fff;}
.modal-box .box.profile .modal-body {padding:32px;}
.modal-box .box.profile .modal-foot {border-top:1px solid #CFD2DB; padding:24px 32px; margin:0;}
.modal-box .box.swiper {max-width:1036px; padding:0; background:none; box-shadow:none; height:80%;}
.modal-box .box.swiper .modal-body {overflow:hidden;}
.modal-box.fixed {pointer-events:inherit; opacity:1;}
.modal-box.fixed .box {pointer-events:inherit; opacity:1; top:50%;}
@media (max-width:991px){
.modal-box .box {padding:20px; border-radius:20px;}
.modal-box .modal-head h2 {font-size:20px; margin:0 10px 0 0;}
.modal-box .modal-head h2 b {font-size:20px; width:100%; margin:0;}
.modal-box .modal-head .close {width:20px; height:20px;}
.modal-box .modal-body .modal-text .text {font-size:15px;}
.modal-box .modal-body .modal-text .text small {font-size:13px;}
.modal-box .modal-body .modal-text p.notice {font-size:15px; padding:10px; border-radius:5px;}
.modal-box .box.large .modal-head {margin:0 -20px 24px; padding:0 15px 20px; width:calc(100% + 40px);}
.modal-box .box.filter {width:100%; max-width:100%; top:auto; transform:translateX(-50%); bottom:-15px; border-radius:15px 15px 0 0;}
.modal-box .box.alert {padding:20px;}
.modal-box .box.profile .modal-head {width:100%; padding:16px; margin:0; background:#fff;}
.modal-box .box.profile .modal-body {padding:24px 16px;}
.modal-box .box.profile .modal-foot {border-top:1px solid #CFD2DB; padding:16px;}
.modal-box.fixed .box.filter {bottom:0;}
}

/* talent-list-box */
.talent-list-box {margin:50px auto 0;}
.talent-list-box > ul {display:flex; flex-wrap:wrap;}
.talent-list-box > ul > li {flex:1; min-width:0; border-radius:20px; overflow:hidden; margin:0 70px 0 0; background:#F7F8F9; transition:all ease 0.3s;}
.talent-list-box > ul > li:last-of-type {margin:0;}
.talent-list-box > ul > li .list-head {padding:50px 40px;}
.talent-list-box > ul > li .list-head h2 {margin:0 0 10px; font-size:40px; font-weight:700; color:#fff; text-align:center; word-break:keep-all;}
.talent-list-box > ul > li .list-head p {margin:0 0 25px; font-size:24px; color:#fff; text-align:center; word-break:keep-all;}
.talent-list-box > ul > li .list-head p b {font-size:24px; color:#fff; font-weight:700;}
.talent-list-box > ul > li .list-head .btn {border-radius:50px;}
.talent-list-box > ul > li .list-head .btn:hover {color:#fff !important; border-color:#fff !important; background:none !important;}
.talent-list-box > ul > li .list-body {padding:30px;}
.talent-list-box > ul > li .list-body ul li {margin:0 0 25px;}
.talent-list-box > ul > li .list-body ul li dl dt {display:flex; flex-wrap:wrap; align-items:center; font-size:19px; font-weight:700; color:#454545; word-break:keep-all; margin:0 0 10px;}
.talent-list-box > ul > li .list-body ul li dl dt:before {display:inline-block; content:""; width:15px; height:15px; margin:0 10px 0 0; background:url('../../images/hmpg/icon_intro_bullet.png') no-repeat center / cover;}
.talent-list-box > ul > li .list-body ul li dl dd {position:relative; font-size:17px; color:#454545; word-break:keep-all; padding:0 0 0 25px;}
.talent-list-box > ul > li .list-body ul li dl dd:before {position:absolute; left:6px; top:11px; width:3px; height:3px; border-radius:50%; background:#454545; content:"";}
.talent-list-box > ul > li .list-body p {font-size:17px; color:#454545; word-break:keep-all;}
.talent-list-box > ul > li .list-body p b {font-size:17px; color:#454545; font-weight:600;}
.talent-list-box > ul > li:nth-of-type(1) .list-head {background:#54BF71;}
.talent-list-box > ul > li:nth-of-type(2) .list-head {background:#6896E6;}
.talent-list-box > ul > li:nth-of-type(1):hover .list-head {background:#328C4B;}
.talent-list-box > ul > li:nth-of-type(2):hover .list-head {background:#3A5480;}
@media (max-width:991px){
.talent-list-box > ul > li {margin:0 10px 0 0;}
.talent-list-box > ul > li .list-head {padding:40px;}
.talent-list-box > ul > li .list-head h2 {font-size:35px;}
.talent-list-box > ul > li .list-head p {font-size:19px;}
.talent-list-box > ul > li .list-head p b {font-size:19px;}
.talent-list-box > ul > li .list-body {padding:30px 20px;}
.talent-list-box > ul > li .list-body ul li {flex:none; width:100%; margin:0 0 25px;}
.talent-list-box > ul > li .list-body ul li dl dt {font-size:17px;}
.talent-list-box > ul > li .list-body ul li dl dd {font-size:15px;}
.talent-list-box > ul > li .list-body ul li dl dd:before {top:10px;}
.talent-list-box > ul > li .list-body p {font-size:15px;}
.talent-list-box > ul > li .list-body p b {font-size:15px;}
}
@media (max-width:767px){
.talent-list-box > ul > li {flex:none; width:100%; margin:0 0 70px;}
}

/* location-box */
.location-box {padding:55px 0; margin:0 0 25px; background:url('../../images/hmpg/bg_location.jpg') no-repeat center / cover;}
.location-box h3 {margin:20px 0 0; text-align:center; font-size:38px; font-weight:700; color:#1d1d1d; line-height:1.3;}
.location-box h3 span {font-size:38px; font-weight:500; color:#1d1d1d; line-height:1.3;}
.location-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.location-box ul li {display:flex; flex-wrap:wrap; align-items:center;}
.location-box ul li:after {display:inline-block; content:""; width:16px; height:16px; margin:0 4px; background:url('../../images/hmpg/icon_location_arrow.svg') no-repeat center / cover;}
.location-box ul li:last-of-type:after {display:none;}
.location-box ul li p {font-size:15px; font-weight:700; color:#454545; padding:0 4px;}
.location-box ul li .home {width:24px; height:24px; font-size:0; background:url('../../images/hmpg/icon_home.svg') no-repeat center / cover;}
@media (max-width:991px){
.location-box {display:none;}
}

/* logo-box */
.logo-box {margin:0 0 32px;}
.logo-box img {display:block; margin:0 auto; max-width:300px;}
@media (max-width:991px){
.logo-box img {width:172px;}
}

/* login-link-box */
.login-link-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.login-link-box ul li {display:flex; flex-wrap:Wrap; align-items:center; position:relative;}
.login-link-box ul li:after {width:1px; height:20px; background:#919191; margin:0 16px; content:"";}
.login-link-box ul li:last-of-type:after {display:none;}
.login-link-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:19px; font-weight:500; color:#454545;}
.login-link-box ul li a:hover {text-decoration:underline;}
@media (max-width:991px){
.login-link-box ul li:after {height:15px;}
.login-link-box ul li a {font-size:15px;}
}

/* title-box */
.title-box {margin:0 0 24px; position:relative;}
.title-box h4 {text-align:center; font-size:40px; font-weight:700; color:#111; word-break:keep-all;}
.title-box h4.sm {font-size:32px; font-weight:700; color:#454545; word-break:keep-all;}
.title-box h4.xs {font-size:19px; font-weight:500; color:#454545; word-break:keep-all; text-align:center;}
.title-box h5 {font-size:24px; font-weight:700; color:#1d1d1d;}
.title-box p {font-size:15px; color:#8A8E99; word-break:keep-all; margin:10px 0 0; text-align:center;}
.title-box > .button-box {position:absolute; right:0; top:0;}
.title-box .more {display:flex; flex-wrap:wrap; align-items:center; font-size:22px; color:rgba(29, 29, 29, 0.6);}
.title-box .more b {font-size:22px; font-weight:500; color:rgba(29, 29, 29, 0.6); margin:0 0 0 5px;}
.title-box .more:after {display:inline-block; content:""; width:16px; height:16px; margin:0 0 0 10px; background:url('../../images/hmpg/icon_main_more.svg') no-repeat center / cover;}
.title-box .more:hover {color:#000; text-decoration:underline;}
.title-box .more:hover b {color:#000;}
.title-box.border {margin:0 0 40px; border-bottom:1px solid rgba(0,0,0,0.8); padding:0 0 24px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.title-box.border h4 {text-align:left;}
@media (max-width:1300px){
.title-box.mb-xl-0 {margin-bottom:0;}
}
@media (max-width:991px){
.title-box h4 {font-size:24px;}
.title-box h4.sm {font-size:24px;}
.title-box h4.xs {font-size:17px;}
.title-box h5 {font-size:24px;}
.title-box p {font-size:13px;}
.title-box .more {font-size:0;}
.title-box .more b {margin:0; font-size:17px;}
.title-box > .button-box {position:static; margin:15px 0 0;}
.title-box.border {gap:10px; justify-content:center; border:0; padding:0; margin:0 0 30px;}
.title-box.border h4 {font-size:32px;}
.title-box.border h4.sm {font-size:24px;}
.title-box.border.border-mo {border-bottom:1px solid #CFD2DB; justify-content:flex-start; padding:0 0 10px;}
}

/* text-box */
.text-box p {font-size:17px; word-break:keep-all;}
@media (max-width:991px){
.text-box p {font-size:13px;}
}

/* member-select-box */
.member-select-box > ul {display:flex; flex-wrap:wrap;}
.member-select-box > ul > li {flex:1; min-width:0; border-radius:30px; background:#fff; margin:0 30px 0 0; border:4px solid transparent; transition:all ease 0.5s;}
.member-select-box > ul > li:last-of-type {margin:0;}
.member-select-box > ul > li .inner {display:block; padding:40px;}
.member-select-box > ul > li .inner b {display:block; text-align:center; font-size:24px; font-weight:700; color:#454545;}
.member-select-box > ul > li .inner span {display:block; text-align:center; margin:12px 0 0; font-size:17px; color:#818181; word-break:keep-all;}
.member-select-box > ul > li .inner:before {display:block; content:""; margin:0 auto 32px; width:139px; height:126px; background-size:auto 100%; background-position:center; background-repeat:no-repeat;}
.member-select-box > ul > li:nth-of-type(1) .inner:before {background-image:url('../../images/hmpg/icon_member_type_01.png');}
.member-select-box > ul > li:nth-of-type(2) .inner:before {background-image:url('../../images/hmpg/icon_member_type_02.png');}
.member-select-box > ul > li:hover {border-color:#A4C1FF; box-shadow:0 5px 5px rgba(164, 193, 255, 0.4);}
.member-select-box > ul > li:focus-within {border-color:#A4C1FF; box-shadow:0 5px 5px rgba(164, 193, 255, 0.4);}
.member-select-box > ul > li:focus-within .inner {outline:0;}
@media (max-width:991px){
.member-select-box > ul > li {flex:none; width:100%; margin:0 0 20px; box-shadow:0 0 2px rgba(0,0,0,0.4);}
.member-select-box > ul > li:last-of-type {margin:0;}
.member-select-box > ul > li .inner {padding:30px;}
.member-select-box > ul > li .inner:before {margin:0 auto 10px; width:64px; height:54px;}
.member-select-box > ul > li .inner b {font-size:19px;}
.member-select-box > ul > li .inner span {margin:5px 0 0; font-size:14px;}
}

/* agree-list-box */
.agree-list-box > ul > li {margin:0 0 40px;}
.agree-list-box > ul > li:last-of-type {margin:0;}
.agree-list-box > ul > li h4 {margin:0 0 15px; font-size:19px; font-weight:500; color:rgba(29, 29, 29, 0.85);}
.agree-list-box > ul > li h4 b {font-size:19px; font-weight:500; color:#DE3412;}
.agree-list-box > ul > li h4.req:after {font-size:19px; color:#FF0000; content:"*"; font-weight:500; margin:0 0 0 5px;}
.agree-list-box > ul > li .agree-text {margin:0 0 16px; border-radius:16px; padding:30px; border:1px solid #bdbdbd; background:#fff;}
.agree-list-box > ul > li .agree-text .text-inner {height:140px; overflow-y:auto; padding:0 30px 0 0;}
.agree-list-box > ul > li .agree-text .text-inner p {font-size:17px; color:#454545;}
.agree-list-box > ul > li .agree-check > p {text-align:right; font-size:17px; color:#454545; word-break:keep-all; margin:0 0 10px;}
.agree-list-box > ul > li .agree-check > ul > li {margin:0 0 10px; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:5px 10px;}
.agree-list-box > ul > li .agree-check > ul > li:last-of-type {margin:0;}
.agree-list-box > ul > li .agree-check > ul > li > p {position:relative; z-index:2; font-size:16px; color:#454545;}
.agree-list-box > ul > li .agree-check > ul > li > p b {font-size:16px; color:#DE3412;}
.agree-list-box > ul > li .agree-check > ul > li .check {position:relative; display:flex; flex-wrap:wrap; align-items:center; gap:5px 10px;}
.agree-list-box > ul > li .agree-check > ul > li .check input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.agree-list-box > ul > li .agree-check > ul > li .check label {display:flex; flex-wrap:wrap; align-items:center; font-size:16px; color:#454545;}
.agree-list-box > ul > li .agree-check > ul > li .check label:before {display:inline-block; content:""; width:24px; height:24px; margin:0 8px 0 0; background:url('../../images/hmpg/icon_radio.svg') no-repeat center / cover;}
.agree-list-box > ul > li .agree-check > ul > li .check input:checked ~ label:before {background-image:url('../../images/hmpg/icon_radio_on.svg');}
@media (max-width:991px){
.agree-list-box > ul > li h4 {font-size:17px;}
.agree-list-box > ul > li h4 b {font-size:17px;}
.agree-list-box > ul > li h4.req:after {font-size:17px;}
.agree-list-box > ul > li .agree-text {padding:20px;}
.agree-list-box > ul > li .agree-text .text-inner {padding:0 20px 0 0;}
.agree-list-box > ul > li .agree-check > p {margin:0 0 20px;}
.agree-list-box > ul > li .agree-check > ul > li {margin:0 0 20px;}
.agree-list-box > ul > li .agree-check > ul > li > p {width:100%; text-align:right; word-break:keep-all; margin:0 0 5px;}
.agree-list-box > ul > li .agree-check > ul > li .check {justify-content:flex-end;}
}

/* agree-total-box */
.agree-total-box {margin:40px 0 0; position:relative; padding:25px; border-radius:16px; background:#fff;}
.agree-total-box input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.agree-total-box label {display:flex !important; flex-wrap:wrap; justify-content:center;}
.agree-total-box label:before {display:inline-block; content:""; width:24px; height:24px; margin:0 8px 0 0; background:url('../../images/hmpg/icon_check.svg') no-repeat center / cover;}
.agree-total-box label span {font-size:17px; color:#454545; word-break:keep-all;}
.agree-total-box input:checked ~ label:before {background-image:url('../../images/hmpg/icon_check_on.svg');}
.agree-total-box.gray {border:1px solid #E5E7EB; background:#F9F9FA;}
@media (max-width:991px){
.agree-total-box {padding:25px 20px;}
.agree-total-box label span {flex:1; min-width:0;}
}

/* certification-box */
.certification-box:before {display:block; content:""; width:180px; height:180px; margin:0 auto 32px; background:url('../../images/hmpg/img_certification.png') no-repeat center / cover;}
.certification-box p {text-align:center; font-size:19px; font-weight:500; color:#454545; word-break:keep-all;}
@media (max-width:991px){
.certification-box:before {width:160px; height:160px; margin:0 auto 16px;}
.certification-box p {font-size:17px;}
}

/* message-box */
.message-box {margin:8px 0 0; display:flex; flex-wrap:wrap;}
.message-box p {flex:1; min-width:0; font-size:14px; color:#FF0000; word-break:keep-all;}
.message-box.msg:before {display:inline-block; content:""; width:18px; height:18px; background:url('../../images/hmpg/icon_message.svg') no-repeat center / cover; position:relative; top:1px; margin:0 3px 0 0;}
.message-box.msg p {color:#8A8E99;}
@media (max-width:991px){
.message-box.msg:before {top:0;}
.message-box p {font-size:13px;}
}

/* result-box */
.result-box:before {display:block; margin:0 auto 10px; width:110px; height:110px; background:url('../../images/hmpg/icon_result.png') no-repeat center / cover; content:"";}
.result-box h4 {margin:0 0 30px; text-align:center; font-size:24px; font-weight:700; color:#222; word-break:keep-all;}
.result-box p {border:2px solid #A4C1FF; border-radius:16px; padding:24px; font-size:19px; font-weight:500; color:#454545; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; word-break:keep-all;}
.result-box p b {font-size:19px; font-weight:500; color:var(--color-active); margin:0 5px;}
@media (max-width:991px){
.result-box:before {margin:0 auto; width:80px; height:80px;}
.result-box h4 {margin:0 0 12px; font-size:19px;}
.result-box p {font-size:15px; padding:15px;}
.result-box p b {font-size:15px;}
}

/* tab-box */
.tab-box.tab1 {margin:0 0 45px;}
.tab-box.tab1 ul {display:flex; flex-wrap:wrap;}
.tab-box.tab1 ul li {flex:1; min-width:0;}
.tab-box.tab1 ul li .tab {width:100%; border-bottom:3px solid #CFD2DB; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; text-align:center; height:58px; font-size:24px; font-weight:600; color:#ACAFB9;}
.tab-box.tab1 ul li .tab.active {color:#000; border-color:#000;}
.tab-box.tab2 {margin:0 0 32px;}
.tab-box.tab2 ul {display:flex; flex-wrap:wrap; justify-content:center; border-radius:50px; box-shadow:0 0 4px rgba(0,0,0,0.2); overflow:hidden;}
.tab-box.tab2 ul li {flex:1; min-width:0;}
.tab-box.tab2 ul li .tab {height:70px; font-size:19px; font-weight:500; color:#989CA4; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; border-radius:50px;}
.tab-box.tab2 ul li .tab.active {border:1px solid var(--color-active); background:#E8EEFF; color:var(--color-active); font-weight:600;}
.tab-box.tab3 ul {display:flex; flex-wrap:wrap;}
.tab-box.tab3 ul li {flex:1; min-width:0;}
.tab-box.tab3 ul li .tab {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:6px 6px 0 0; border-bottom:2px solid #ACAFB9; background:#F2F3F6; font-size:19px; font-weight:500; color:#8A8E99; width:100%; height:64px;}
.tab-box.tab3 ul li .tab.active {background:#000; color:#fff; border:0;}
.sub-top-box .tab-box.tab1 {margin:40px 0 0;}
@media (max-width:991px){
.tab-box.tab1 {margin:0 0 20px;}
.tab-box.tab1 ul li .tab {font-size:19px; height:47px; border-bottom-width:2px;}
.tab-box.tab1.scroll ul {display:block; overflow-x:auto; white-space:nowrap; margin:0 -15px; font-size:0;}
.tab-box.tab1.scroll ul li {display:inline-block; font-size:0;}
.tab-box.tab1.scroll ul li:first-of-type {margin-left:15px;}
.tab-box.tab1.scroll ul li:last-of-type {margin-right:15px;}
.tab-box.tab1.scroll ul li .tab {padding:0 20px;}
.tab-box.tab2 ul li .tab {height:44px; font-size:13px;}
.tab-box.tab3 {margin:0 -16px;}
.tab-box.tab3 ul {background:#F2F3F6; padding:20px 16px;}
.tab-box.tab3 ul li .tab {height:53px; font-size:15px; border:0; border-radius:10px;}
.sub-top-box .tab-box.tab1 {margin:0;}
}

/* filter-box */
.filter-box {border:1px solid rgba(29, 29, 29, 0.2); padding:40px 50px; border-radius:30px;}
.filter-box .filter-head {display:none;}
.filter-box .filter-body ul.list > li {margin:0 0 20px; display:flex; flex-wrap:wrap;}
.filter-box .filter-body ul.list > li:last-of-type {margin:0;}
.filter-box .filter-body ul.list > li > b {position:relative; top:7px; width:104px; font-size:19px; font-weight:500; color:#000;}
.filter-box .filter-body ul.list > li.flex-vc > b {top:0;}
.filter-box .filter-body ul.list > li > div {flex:1; min-width:0;}
.filter-box .filter-body ul.list > li > div ul {display:flex; flex-wrap:wrap; gap:4px 8px;}
.filter-box .filter-body ul.list > li > div ul li {position:relative;}
.filter-box .filter-body ul.list > li > div ul li > input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.filter-box .filter-body ul.list > li > div ul li > label {outline:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:8px 16px; font-size:17px; color:#454545; border:1px solid #CFD2DB; border-radius:6px;}
.filter-box .filter-body ul.list > li > div ul li > input:checked ~ label {color:var(--color-active); border-color:var(--color-active); font-weight:500;}
.filter-box .filter-body ul.list > li > div ul li > input:focus ~ label {outline:1px dashed red;}
.filter-box .filter-body ul.list > li > div ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; height:42px; padding:0 12px; background:#F2F3F6; font-size:17px; color:#8A8E99;}
.filter-box .filter-body ul.list > li > div ul li a img {width:24px; height:24px; border-radius:50%; object-fit:cover; margin:0 8px 0 0;}
.filter-box .filter-body ul.list > li > div ul li > label.image {border:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; height:42px; padding:0 12px; background:#F2F3F6; font-size:17px; color:#8A8E99;}
.filter-box .filter-body ul.list > li > div ul li > label.image img {width:24px; height:24px; border-radius:50%; object-fit:cover; margin:0 8px 0 0;}
.filter-box .filter-body ul.list > li > div ul li > input:checked ~ label.image {background:var(--color-active); color:#fff;}
.filter-box .filter-body ul.list > li > div ul li.active a {background:var(--color-active); color:#fff;}
.filter-box .filter-body ul.list > li > div ul.cate {justify-content:center; gap:20px 12px;}
.filter-box .filter-body ul.list > li > div .refresh {display:flex; flex-wrap:wrap; align-items:center; border:1px solid #bdbdbd; border-radius:50px; height:42px; padding:0 16px; font-size:16px; color:#797C83;}
.filter-box .filter-body ul.list > li > div .refresh:after {display:inline-block; margin:0 0 0 5px; content:""; width:24px; height:24px; background:url('../../images/hmpg/icon_btn_refresh.svg') no-repeat center / cover;}
.filter-box .filter-body ul.list > li > div .select-box select {height:42px; font-size:17px;}
.filter-box .filter-body ul.list > li > div .input-box input {height:42px; font-size:17px;}
.filter-box .filter-foot {display:none;}
.filter-box.no-border {border:0; padding:0; border-radius:0;}
@media (max-width:1300px){
.filter-box {pointer-events:none; opacity:0; margin:0 !important; border:0; padding:0; border-radius:0; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999; transition:all ease 0.5s;}
.filter-box .box {pointer-events:none; opacity:0; position:absolute; left:0; bottom:-20px; width:100%; max-height:85%; overflow:hidden; border-radius:16px 16px 0 0; background:#fff; transition:all ease 0.5s; display:flex; flex-direction:column;}
.filter-box .filter-head {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:16px; border-bottom:1px solid rgba(29, 29, 29, 0.3);}
.filter-box .filter-head h4 {font-size:19px; font-weight:500; color:#333;}
.filter-box .filter-head .close {display:block; font-size:0; width:20px; height:20px; background:url('../../images/hmpg/icon_menu_close.svg') no-repeat center / cover;}
.filter-box .filter-body {width:100%; height:100%; overflow-y:auto; padding:40px 16px;}
.filter-box .filter-body ul.list > li {margin:0 0 40px;}
.filter-box .filter-body ul.list > li > b {width:100%; margin:0 0 15px; top:0;}
.filter-box .filter-body ul.list > li > div {flex:none; width:100%;}
.filter-box .filter-body ul.list > li > div ul li.col-lg-12 {margin:0 0 20px;}
.filter-box .filter-body ul.list > li > div ul li.col-lg-12:last-of-type {margin:0;}
.filter-box .filter-body ul.list > li > div ul li a {height:40px; font-size:13px;}
.filter-box .filter-body ul.list > li > div ul li > label.image {height:40px; font-size:13px;}
.filter-box .filter-body ul.list > li > div ul.cate {justify-content:flex-start; gap:10px;}
.filter-box .filter-foot {width:100%; display:block; border-top:1px solid rgba(29, 29, 29, 0.2); padding:16px;}
.filter-box.fixed {pointer-events:inherit; opacity:1;}
.filter-box.fixed .box {pointer-events:inherit; opacity:1; bottom:0;}
}

/* filter-select-box */
.filter-select-box {position:relative;}
.filter-select-box .toggle {width:210px; display:flex; flex-wrap:wrap; align-items:center; border:1px solid #CFD2DB; border-radius:8px; height:43.5px; padding:0 16px;}
.filter-select-box .toggle span {flex:1; min-width:0; text-align:left; font-size:17px; color:#454545;}
.filter-select-box .toggle:after {display:inline-block; content:""; width:24px; height:24px; margin:0 0 0 8px; background:url('../../images/hmpg/icon_filter_toggle.svg') no-repeat center / cover;}
.filter-select-box .select-inner {display:none; position:absolute; left:0; top:100%; width:100%; border:1px solid #CFD2DB; border-top:0; background:#fff; border-radius:0 0 8px 8px; max-height:200px; overflow-y:auto;}
.filter-select-box.active {z-index:200;}
.filter-select-box.active .toggle {border-radius:8px 8px 0 0;}
.filter-select-box.active .toggle span {color:var(--color-active);}
.filter-select-box.active .toggle:after {background-image:url('../../images/hmpg/icon_filter_toggle_on.svg');}
.filter-select-box.active .select-inner {display:block;}
.filter-select-box.active .select-inner .check-box label {padding:0 16px; height:40px; align-items:center;}
.filter-select-box.active .select-inner .check-box label span {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px;}
.filter-select-box.active .select-inner .check-box:first-of-type label {background:#F2F3F6;}
.filter-select-box.active .select-inner .check-box:first-of-type label span {color:#989CA4;}
.filter-select-box.checked .toggle {border-color:var(--color-active);}
.filter-select-box.checked .toggle span {color:var(--color-active);}
@media (max-width:991px){
.filter-select-box {width:100%;}
.filter-select-box .toggle {width:auto; border:0; border-radius:0; padding:0;}
.filter-select-box .toggle:after {transform:rotate(180deg);}
.filter-select-box .select-inner {display:flex; flex-wrap:wrap; margin:0 -5px -10px; width:calc(100% + 10px); position:static; border:0; border-radius:0; max-height:none; overflow:auto;}
.filter-select-box .select-inner .check-box {width:calc(50% - 10px); margin:0 5px 10px;}
.filter-select-box.active .toggle {border-radius:0;}
.filter-select-box.active .toggle span {color:#454545;}
.filter-select-box.active .toggle:after {background-image:url('../../images/hmpg/icon_filter_toggle.svg'); transform:rotate(0deg);}
.filter-select-box.active .select-inner {display:none;}
.filter-select-box.active .select-inner .check-box:first-of-type label {background:#fff;}
.filter-select-box.active .select-inner .check-box:first-of-type label span {color:#000;}
.filter-select-box.checked .toggle span {color:#454545;}
}

/* filter-button-box */
.filter-button-box a {display:flex; flex-wrap:wrap; align-items:center;}
.filter-button-box a b {font-size:17px; font-weight:700; color:#1d1d1d; margin:0 8px 0 0; display:flex; flex-wrap:wrap; align-items:center;}
.filter-button-box a b:after {display:inline-block; content:""; width:20px; height:20px; background:url('../../images/hmpg/icon_filter.svg') no-repeat center / cover; margin:0 0 0 8px;}
.filter-button-box a span {display:flex; flex-wrap:wrap; align-items:center; border-radius:50px; color:#fff; background:#256EF4; height:20px; padding:0 8px; font-size:14px;}
@media (max-width:1300px){
.filter-button-box {margin:0 0 24px;}
}

/* select-custom-box */
.select-custom-box > .button {display:flex; flex-wrap:wrap; align-items:center; font-size:17px; font-weight:500; color:#454545;}
.select-custom-box > .button:after {display:block; content:""; width:20px; height:20px; margin:0 0 0 8px; background:url('../../images/hmpg/icon_list_select.svg') no-repeat right center / cover;}
.select-custom-list-box {padding:5px 16px;}
.select-custom-list-box li {position:relative;}
.select-custom-list-box li input {position:absolute; left:0; top:0; width:100%; height:100%;}
.select-custom-list-box li label {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:58px; font-size:17px; font-weight:500; color:#989CA4;}
.select-custom-list-box li input:checked ~ label {color:var(--color-active); outline:0;}
.select-custom-list-box li input:checked ~ label:after {display:inline-block; content:""; width:20px; height:20px; background:url('../../images/hmpg/icon_option_check.svg') no-repeat center / cover;}

/* filter-drop-box */
.filter-drop-box {position:relative;}
.filter-drop-box .dropdown-btn {cursor:pointer; display:flex; flex-wrap:wrap; align-items:center; font-size:17px; font-weight:500; color:#454545;}
.filter-drop-box .dropdown-btn:after {display:block; content:""; width:20px; height:20px; margin:0 0 0 8px; background:url('../../images/hmpg/icon_list_select.svg') no-repeat right center / cover;}
.filter-drop-box .dropdown-inner {width:165px; position:absolute; right:0; top:calc(100% + 10px); background:#fff; border-radius:10px; padding:15px; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.filter-drop-box .dropdown-inner .inner-head {display:none;}
.filter-drop-box .dropdown-inner .inner-body ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:40px; font-size:17px; font-weight:500; color:#989CA4;}
.filter-drop-box .dropdown-inner .inner-body ul li.active a {color:var(--color-active); outline:0;}
.filter-drop-box .dropdown-inner .inner-body ul li.active a:after {display:inline-block; content:""; width:20px; height:20px; background:url('../../images/hmpg/icon_option_check.svg') no-repeat center / cover;}
.filter-drop-box.active {z-index:999;}
@media (max-width:991px){
.filter-drop-box.active {z-index:9998;}
.filter-drop-box .dropdown-inner {position:fixed; left:0; top:auto; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999;}
.filter-drop-box .dropdown-inner .inner {position:absolute; left:0; bottom:0; width:100%; max-height:90%; overflow:hidden; background:#fff; border-radius:15px 15px 0 0;}
.filter-drop-box .dropdown-inner .inner-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(0,0,0,0.1); padding:16px;}
.filter-drop-box .dropdown-inner .inner-head h2 {font-size:20px; margin:0 10px 0 0; font-weight:600;}
.filter-drop-box .dropdown-inner .inner-head .close {width:20px; height:20px; font-size:0; background:url('../../images/hmpg/icon_menu_close.svg') no-repeat center / cover;}
.filter-drop-box .dropdown-inner .inner-body {padding:5px 16px; width:100%; height:100%; overflow-y:auto;}
.filter-drop-box .dropdown-inner .inner-body ul li a {height:56px;}
} 

/* list-top-box */
.list-top-box {margin:0 0 20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.list-top-box > .inner {display:flex; flex-wrap:wrap; align-items:center;}
.list-top-box > .inner:first-of-type {flex:1; min-width:0; padding:0 20px 0 0;}
.list-top-box > .inner h4 {font-size:17px; font-weight:700; color:#333; margin:0 20px 0 0;}
.list-top-box > .inner h4 b {font-size:17px; font-weight:700; color:var(--color-active);}
.list-top-box > .inner h4 span {font-size:17px; font-weight:500; color:#333;}
.list-top-box > .inner p {font-size:17px; color:#8A8E99; word-break:keep-all;}
.list-top-box > .inner > ul {display:flex; flex-wrap:wrap; align-items:center;}
.list-top-box > .inner > ul > li {display:flex; flex-wrap:wrap; align-items:center;}
.list-top-box > .inner > ul > li:after {display:inline-block; content:""; width:1px; height:20px; margin:0 16px; background:#989CA4;}
.list-top-box > .inner > ul > li:last-of-type:after {display:none;}
.list-top-box > .inner > ul > li p {margin:0 12px 0 0; font-size:17px; color:#818181;}
.list-top-box > .inner > ul > li select {font-size:17px; font-weight:500; color:#454545; padding:0 25px 0 0; background:url('../../images/hmpg/icon_list_select.svg') no-repeat right center / 20px;}
@media (max-width:1300px){
.list-top-box .is-m {display:block; width:100%;}
.list-top-box {margin:0 0 10px; align-items:flex-end;}
.list-top-box > .inner h4 {width:100%;}
}
@media (max-width:991px){
.list-top-box > .inner h4 {margin:0;}
.list-top-box > .inner h4 span {display:block;}
.list-top-box > .inner p {margin:0; display:none; font-size:15px;}
.list-top-box > .inner > ul {gap:8px;}
.list-top-box > .inner > ul > li:after {display:none;}
.list-top-box > .inner > ul > li.pc {display:none;}
.list-top-box > .inner > ul > li p {display:none;}
.list-top-box > .inner > ul > li.pc-only {display:none;}
.list-top-box > .inner:first-of-type {flex:none; padding:0;}
}

/* badge-box */
.badge-box {display:flex; flex-wrap:wrap; gap:2.5px 5px;}
.badge-box > * {display:flex; flex-wrap:wrap; align-items:center; height:39px; padding:0 16px; font-size:17px; border-radius:6px;}
.badge-box > *.small {height:30px; font-size:15px;}
.badge-box > *.round {border-radius:50px;}
.badge-box > *.lightgray {border:1px solid #CFD2DB; background:#F9F9FA; color:#454545;}
.badge-box > *.lightgray.off {border:1px solid #CFD2DB; background:#F9F9FA; color:#8A8E99;}
.badge-box > *.gray-outline {border:1px solid #989CA4; color:#8A8E99;}
.badge-box > *.gray {color:#ffffff; background:#454545;}
.badge-box > *.gray2 {color:#ffffff; background:#8A8E99;}
.badge-box > *.lightgreen {color:#4EA149; background:#E5F5E8;}
.badge-box > *.lightred {color:#C86565; background:#FFF4F4;}
.badge-box > *.brown {color:#ffffff; background:#A27328;}
.badge-box > *.green {color:#ffffff; background:#418D58;}
.badge-box > *.selected {color:#203E9E; background:rgba(32, 62, 158, 0.05);}
.badge-box > *.skyblue {color:var(--color-active); background:rgba(0, 81, 255, 0.1); border:1px solid rgba(0, 81, 255, 0.24);}
.badge-box > *.skyblue2 {background:#E8EEFF; color:#454545;}
.badge-box > *.red-outline {color:#f00; border:1px solid #f00;}
.badge-box > *.not-selected {color:#FF2525; background:rgba(255, 37, 37, 0.05);}
.badge-box > *.active-outline {color:var(--color-active); border:1px solid var(--color-active);}
.badge-box .copy {display:flex; flex-wrap:wrap; align-items:center; font-size:16px; color:#465359; text-decoration:underline; margin:0 0 0 10px; position:relative; z-index:3;}
.badge-box .copy:before {display:inline-block; content:""; width:24px; height:24px; background:url('../../images/hmpg/icon_copy.svg') no-repeat center / cover;}

/* card-list-box */
.card-list-box > ul {display:flex; flex-wrap:wrap; margin:0 -10px -20px;}
.card-list-box > ul > li {display:flex; flex-direction:column; background:#fff; width:calc(25% - 20px); margin:0 10px 20px; position:relative; border-radius:16px; transition:all ease 0.5s; outline:2px solid transparent;}
.card-list-box > ul > li:hover {outline:2px solid var(--color-active);}
.card-list-box > ul > li .inner {display:flex; flex-direction:column; flex:1; padding:24px;}
.card-list-box > ul > li .inner .badge-box {margin:0 0 15px;}
.card-list-box > ul > li .inner .subject {min-height:57px; font-size:24px; font-weight:600; color:#333; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.card-list-box > ul > li .inner .button-box {position:relative; z-index:3; margin-top:auto;}
.card-list-box > ul > li .inner ul {margin:10px 0 15px;}
.card-list-box > ul > li .inner ul li {margin:0 0 5px;}   
.card-list-box > ul > li .inner ul li:last-of-type {margin:0;}
.card-list-box > ul > li .inner ul li b {font-size:17px; color:#919191;}
.card-list-box > ul > li .inner ul li p {flex:1; min-width:0; font-size:17px; font-weight:500; color:#454545; word-break:keep-all;}
.card-list-box > ul > li .more {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
@media (max-width:1600px){
.card-list-box > ul > li {width:calc(25% - 20px);}
}
@media (max-width:1400px){
.card-list-box > ul > li {width:calc(33.33% - 20px);}
}
@media (max-width:991px){
.card-list-box > ul > li {width:calc(50% - 20px);}
.card-list-box > ul > li .inner {padding:24px;}
.card-list-box > ul > li .inner .subject {min-height:0; font-size:19px;}
.card-list-box > ul > li .inner ul li b {font-size:15px;}
.card-list-box > ul > li .inner ul li p {font-size:15px;}
}
@media (max-width:767px){
.card-list-box > ul {margin:0;}
.card-list-box > ul > li {width:100%; margin:0 0 20px;}
.card-list-box > ul > li:last-of-type {margin:0;}
}

/* card-swiper-box */
.card-swiper-box {padding:20px; margin:-20px; overflow:hidden;}
.card-swiper-box .swiper-container {overflow:visible;}
.card-swiper-box .inner {background:#fff; transition:all ease 0.3s; display:block; padding:30px; border-radius:30px; outline:2px solid transparent;}
.card-swiper-box .inner:hover {outline:2px solid var(--color-active);}
.card-swiper-box .inner .badge-box {margin:0 0 10px;}
.card-swiper-box .inner .subject {margin:0 0 15px; overflow:hidden; text-overflow:ellipsis; font-size:22px; font-weight:500; color:#1d1d1d; white-space:nowrap;}
.card-swiper-box .inner .detail {display:flex; flex-wrap:wrap; align-items:center; gap:8px 0;}
.card-swiper-box .inner .detail li {display:flex; flex-wrap:wrap; align-items:center;}
.card-swiper-box .inner .detail li:after {display:inline-block; content:""; width:1px; height:12px; background:#CFD2DB; margin:0 8px;}
.card-swiper-box .inner .detail li:last-of-type:after {display:none;}
.card-swiper-box .inner .detail li b {font-size:13px; color:#919191; margin:0 5px 0 0;}
.card-swiper-box .inner .detail li p {flex:1; min-width:0; font-size:13px; color:#1d1d1d; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
@media (max-width:991px){
.card-swiper-box .swiper-container {overflow:hidden;}
.card-swiper-box .inner:hover {outline:0;}
.card-swiper-box .inner .subject {min-height:0; font-size:19px;}
.card-swiper-box .inner {padding:24px 16px; border-radius:20px;}
}

/* paging-box */
.paging-box {margin:40px 0 0;}
.paging-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:0 8px;}
.paging-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:40px;}
.paging-box ul li:not(.pg) a {width:40px; height:40px; font-size:17px; color:#454545; border-radius:50%;}
.paging-box ul li:not(.pg) a:hover {background:#454545; color:#fff;}
.paging-box ul li:not(.pg).active a {background:var(--color-active); color:#fff; font-weight:700;}
.paging-box ul li.pg a {padding:0 8px; font-size:17px; color:#454545;}
.paging-box ul li.pg.disabled a {color:#7e7e7e;}
.paging-box ul li.prev a:before {display:block; content:""; width:20px; height:20px; background:url('../../images/hmpg/icon_paging_next.svg') no-repeat center / cover; transform:rotate(180deg);}
.paging-box ul li.prev.disabled a:before {opacity:0.6;}
.paging-box ul li.next a:after {display:block; content:""; width:20px; height:20px; background:url('../../images/hmpg/icon_paging_next.svg') no-repeat center / cover;}
.paging-box ul li.next.disabled a:after {opacity:0.6;}
.paging-box ul li.first {margin:0 -8px 0 0;}
.paging-box ul li.first a {padding:0; font-size:0;}
.paging-box ul li.first a:before {display:block; content:""; width:20px; height:20px; background:url('../../images/hmpg/icon_arrow_right_double.svg') no-repeat center / cover; transform:rotate(180deg);}
.paging-box ul li.first.disabled a:before {opacity:0.6;}
.paging-box ul li.last {margin:0 0 0 -8px;}
.paging-box ul li.last a {padding:0; font-size:0;}
.paging-box ul li.last a:after {display:block; content:""; width:20px; height:20px; background:url('../../images/hmpg/icon_arrow_right_double.svg') no-repeat center / cover;}
.paging-box ul li.last.disabled a:after {opacity:0.6;}
@media (max-width:991px){
.paging-box {margin:20px 0 0;}
.paging-box ul li.pc {display:none;} 
.paging-box ul li.prev {order:2; margin:0 0 10px; display:flex; flex-wrap:wrap; justify-content:center;}
.paging-box ul li.next {order:3; margin:0 0 10px; display:flex; flex-wrap:wrap; justify-content:center;}
.paging-box ul li.first {order:1; margin:0 0 10px; display:flex; flex-wrap:wrap; justify-content:center;}
.paging-box ul li.last {order:4; margin:0 0 10px; display:flex; flex-wrap:wrap; justify-content:center;}
.paging-box ul li.line {width:100%; order:5; height:1px;}
.paging-box ul li:not(.pg, .line) {order:6;}
}

/* line-box */
.line-box {width:100%; height:1px; background:rgba(29, 29, 29, 0.2); margin:50px auto;}
.line-box.large {height:2px; background:#1d1d1d;}
@media (max-width:991px){
.line-box {margin:30px auto;}
}

/* file-list-box */
.file-list-box > ul > li {display:flex; align-items:center; margin:0 0 5px;}
.file-list-box > ul > li:last-of-type {margin:0;}
.file-list-box > ul > li:before {display:block; content:""; width:24px; height:24px; margin:0 12px 0 0; flex-shrink:0; background:url('../../images/hmpg/icon_clip.svg') no-repeat center / cover;}
.file-list-box > ul > li a {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; font-size:17px; color:#454545; text-decoration:underline;}
.file-list-box > ul > li .delete {width:24px; height:24px; font-size:0; margin:0 0 0 12px; background:url('../../images/hmpg/icon_file_delete.svg') no-repeat center / cover;}
.file-list-box.gray {background:#F9F9F9; border-radius:16px; padding:24px; display:flex; flex-wrap:wrap;}
.file-list-box.gray > strong {font-size:19px; font-weight:700; color:#454545; margin:0 24px 0 0;}
.file-list-box.gray > ul {flex:1; min-width:0;}
@media (max-width:991px){
.file-list-box > ul > li:before {width:20px; height:20px; margin:0 8px 0 0;}
.file-list-box > ul > li a {font-size:15px;}
.file-list-box.gray {padding:16px;}
.file-list-box.gray > strong {width:100%; margin:0 0 10px;}
.file-list-box.gray > ul {flex:none; width:100%;}
}

/* board-view-box */
.board-view-box .view-head {border-bottom:1px solid #1d1d1d; padding:0 0 40px; margin:0 0 40px;}
.board-view-box .view-head .badge-box {margin:0 0 15px;}
.board-view-box .view-head > h5 {font-size:40px; font-weight:700; color:#1d1d1d; word-break:keep-all;}
.board-view-box .view-head > h5 b {font-size:40px; font-weight:700; color:#FF0000; margin:0 0 0 10px;}
.board-view-box .view-head > p {font-size:20px; font-weight:500; color:rgba(69, 69, 69, 0.5);}
.board-view-box .view-head > ul {display:flex; flex-wrap:wrap; gap:10px 0; margin:20px 0 0;}
.board-view-box .view-head > ul > li {display:flex; flex-wrap:wrap; align-items:center;}
.board-view-box .view-head > ul > li:after {display:inline-block; content:""; width:2px; height:20px; margin:0 20px; background:rgba(69, 69, 69, 0.2);}
.board-view-box .view-head > ul > li:last-of-type:after {display:none;}
.board-view-box .view-head > ul > li > b {font-size:17px; font-weight:bold; color:#454545; margin:0 12px 0 0;}
.board-view-box .view-head > ul > li > p {font-size:17px; font-weight:500; color:#454545;}
.board-view-box .view-body {margin:0 0 30px; background:#fff; padding:40px; border-radius:30px;}
.board-view-box .view-body .body-iframe {width:100%; position:relative; margin:0 auto 30px; max-width:800px; position:relative; overflow:hidden;}
.board-view-box .view-body .body-iframe:after {display:block; content:""; padding-bottom:56.5%;}
.board-view-box .view-body .body-iframe iframe {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.board-view-box .view-body .body-iframe video {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.board-view-box .view-body table {max-width:100%;}
.board-view-box .view-body img {display:block; margin:0 auto 40px; max-width:100%;}
.board-view-box .view-body [style*="text-align"] > img,
.board-view-box .view-body [align] > img {display:inline; margin:0 0 40px;}
.board-view-box .view-body p {font-size:17px; color:#454545; word-break:keep-all;}
.board-view-box .view-file {display:flex; flex-wrap:wrap;}
.board-view-box .view-file > b {margin:0 24px 0 0; font-size:19px; font-weight:bold; color:#454545;}
.board-view-box .view-state .state-head {background:#fff; border-radius:30px; padding:32px 40px; margin:0 0 24px; display:flex; flex-wrap:wrap; align-items:center;}
.board-view-box .view-state .state-head ul {flex:1; min-width:0; padding:0 40px 0 0; display:flex; flex-wrap:wrap; gap:5px 50px;}
.board-view-box .view-state .state-head ul li {display:flex; flex-wrap:wrap; align-items:center;}
.board-view-box .view-state .state-head ul li > b {font-size:17px; color:#989CA4; margin:0 20px 0 0;}
.board-view-box .view-state .state-head ul li > p {font-size:17px; color:#454545; font-weight:500;}
.board-view-box .view-state .state-head ul li > p b {font-size:17px; color:#454545; font-weight:bold;}
.board-view-box .view-state .state-head .button-box {gap:10px;}
.board-view-box .view-state .state-head .button-box .btn {min-width:130px;}
.board-view-box .view-state .state-body {background:#fff; border-radius:30px; padding:32px 40px;}
.board-view-box .view-state .state-body > ul {display:flex; flex-wrap:wrap;}
.board-view-box .view-state .state-body > ul > li {width:calc(100% - 20px); margin:0 10px 20px; display:flex; flex-wrap:wrap;}
.board-view-box .view-state .state-body > ul > li.half {width:calc(50% - 20px);}
.board-view-box .view-state .state-body > ul > li > b {width:100px; font-size:17px; color:#919191;}
.board-view-box .view-state .state-body > ul > li > div {flex:1; min-width:0;}
.board-view-box .view-state .state-body > ul > li > div p {font-size:17px; color:#1d1d1d; word-break:break-all;}
.board-view-box.white {border:1px solid #CFD2DB; padding:40px; border-radius:30px; background:#fff;}
.board-view-box.white .view-head {display:flex; flex-wrap:wrap; align-items:center; border-color:rgba(29, 29, 29, 0.2);}
.board-view-box.white .view-head .badge-box {width:100%;}
.board-view-box.white .view-head > h5 {font-size:24px; flex:1; min-width:0; margin:0 20px 0 0;}
.board-view-box.white .view-head > h5 b {font-size:24px;}
.board-view-box.white .view-state .state-body {background:none; border-radius:0; margin:0; padding:0;}
@media (max-width:991px){
.board-view-box .view-head {margin:0 0 30px; padding:0; border:0;}
.board-view-box .view-head .badge-box {justify-content:center;}
.board-view-box .view-head > h5 {font-size:28px; text-align:center;}
.board-view-box .view-head > h5 b {width:100%; display:block; margin:0; font-size:28px;}
.board-view-box .view-head > ul {gap:0; justify-content:center; margin:12px 0 0;}
.board-view-box .view-head > ul > li:after {height:12px; margin:0 8px;}
.board-view-box .view-head > ul > li b {font-size:13px;}
.board-view-box .view-head > ul > li p {font-size:13px;}
.board-view-box .view-body {padding:24px 16px; border-radius:20px;}
.board-view-box .view-body p {font-size:15px;}
.board-view-box .view-file > b {width:100%; margin:0 0 15px;}
.board-view-box .view-state .state-head {padding:24px 16px; border-radius:20px; margin:0 0 16px;}
.board-view-box .view-state .state-head ul {gap:0; flex:none; width:100%; padding:0; margin:0 0 30px;}
.board-view-box .view-state .state-head ul li {width:100%; gap:5px 20px; margin:0 0 15px;}
.board-view-box .view-state .state-head ul li:last-of-type {margin:0;}
.board-view-box .view-state .state-head ul li > b {margin:0; width:100%; margin:0;}
.board-view-box .view-state .state-head ul li > p {width:100%;}
.board-view-box .view-state .state-head .button-box {width:100%;}
.board-view-box .view-state .state-head .button-box .btn {flex:1; min-width:0;}
.board-view-box .view-state .state-body {padding:24px 16px; border-radius:16px;}
.board-view-box .view-state .state-body > ul {margin:0;}
.board-view-box .view-state .state-body > ul > li {width:100%; margin:0 0 15px;}
.board-view-box .view-state .state-body > ul > li.half {width:100%; margin:0 0 15px;}
.board-view-box .view-state .state-body > ul > li:last-of-type {margin:0 !important;}
.board-view-box .view-state .state-body > ul > li > b {width:100%; margin:0 0 5px;}
.board-view-box .view-state .state-body > ul > li > div {flex:none; width:100%;}
.board-view-box.white {padding:24px 16px; border-radius:20px;}
.board-view-box.white .view-head {border-bottom:1px solid rgba(29, 29, 29, 0.2); padding:0 0 20px; margin:0 0 20px;}
.board-view-box.white .view-head .badge-box {justify-content:flex-start;}
.board-view-box.white .view-head > h5 {text-align:left; margin:0; flex:none;}
}

/* swiper-control-box */
.swiper-control-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:40px 0 0;}
.swiper-control-box .swiper-button-prev {width:56px; height:56px; position:static; margin:0; transition:all ease 0.5s; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:transparent;}
.swiper-control-box .swiper-button-prev:after {display:block; content:""; width:33px; height:33px; background:url('../../images/hmpg/icon_arrow_left.svg') no-repeat center / cover;}
.swiper-control-box .swiper-button-next {width:56px; height:56px; position:static; margin:0; transition:all ease 0.5s; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:transparent;}
.swiper-control-box .swiper-button-next:after {display:block; content:""; width:33px; height:33px; background:url('../../images/hmpg/icon_arrow_right.svg') no-repeat center / cover;}
.swiper-control-box .swiper-pagination {margin:0 20px; width:auto; position:static; font-size:19px; font-weight:500; color:rgba(29, 29, 29, 0.5);}
.swiper-control-box .swiper-pagination span {font-size:19px; font-weight:500; color:#454545;}

/* board-state-box */
.board-state-box ul {display:flex; flex-wrap:wrap; align-items:center; gap:5px 20px;}
.board-state-box ul li {display:flex; flex-wrap:wrap; align-items:center;}
.board-state-box ul li:before {display:inline-block; content:""; width:16px; height:16px; margin:0 4px 0 0; background-size:cover; background-position:center;}
.board-state-box ul li p {font-size:16px; color:#666;}
.board-state-box ul li.like:before {background-image:url('../../images/hmpg/icon_board_like.svg');}
.board-state-box ul li.comment:before {background-image:url('../../images/hmpg/icon_board_comment.svg');}
.board-state-box ul li.hit:before {background-image:url('../../images/hmpg/icon_board_hit.svg');}

/* webzine-list-box */
.webzine-list-box > ul > li {margin:0 0 20px;}
.webzine-list-box > ul > li:last-of-type {margin:0;}
.webzine-list-box > ul > li .inner {transition:all ease 0.5s; display:flex; flex-wrap:wrap; align-items:flex-start; padding:40px; background:#fff; border-radius:16px; outline:2px solid transparent;}
.webzine-list-box > ul > li .inner:hover {outline:2px solid var(--color-active);}
.webzine-list-box > ul > li .inner:focus-within {outline:2px solid var(--color-active);}
.webzine-list-box > ul > li .inner .list-image {width:250px; position:relative; border-radius:16px; overflow:hidden;}
.webzine-list-box > ul > li .inner .list-image:after {display:block; content:""; padding-bottom:67.5%;}
.webzine-list-box > ul > li .inner .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.webzine-list-box > ul > li .inner .list-content {flex:1; min-width:0; padding:45px 0 0 30px;}
.webzine-list-box > ul > li .inner .list-content .badge-box {margin:-45px 0 15px;}
.webzine-list-box > ul > li .inner .list-content .subject {margin:0 0 10px; font-size:19px; font-weight:500; color:#1d1d1d; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.webzine-list-box > ul > li .inner .list-content .content {font-size:17px; color:#454545; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin:0 0 10px;}
.webzine-list-box > ul > li .inner .list-content .detail {display:flex; flex-wrap:wrap; gap:5px 20px;}
.webzine-list-box > ul > li .inner .list-content .detail .detail-info ul {display:flex; flex-wrap:wrap; align-items:center; gap:5px 20px;}
.webzine-list-box > ul > li .inner .list-content .detail .detail-info ul li {display:flex; flex-wrap:wrap;}
.webzine-list-box > ul > li .inner .list-content .detail .detail-info ul li > b {margin:0 10px 0 0; font-size:17px; color:#919191;}
.webzine-list-box > ul > li .inner .list-content .detail .detail-info ul li > p {font-size:17px; font-weight:500; color:#1D1D1D;}
@media (max-width:1400px){
.webzine-list-box > ul > li .inner {padding:24px;}
}
@media (max-width:767px){
.webzine-list-box > ul > li .inner .list-image {width:100%;}
.webzine-list-box > ul > li .inner .list-content {flex:none; width:100%; padding:45px 0 0 0; margin:20px 0 0;}
.webzine-list-box > ul > li .inner .list-content .detail .detail-info {width:100%;}
.webzine-list-box > ul > li .inner .list-content .detail .detail-info ul {gap:0;}
.webzine-list-box > ul > li .inner .list-content .detail .detail-info ul li {width:100%; margin:0 0 5px;}
.webzine-list-box > ul > li .inner .list-content .detail .detail-info ul li:last-of-type {margin:0;}
}

/* board-comment-box */
.board-comment-box {background:#fff; border-radius:30px; padding:40px;}
.board-comment-box h5 {font-size:18px; font-weight:500; color:#000; margin:0 0 15px;}
.board-comment-box h5 b {font-size:18px; font-weight:700; color:var(--color-active);}
.board-comment-box textarea {font-size:17px;}
.board-comment-box .name {margin:0 0 15px; font-size:18px; font-weight:700; color:#454545;}
.board-comment-box .name span {display:inline-block; margin:0 0 0 16px; font-size:16px; color:#777;}
.board-comment-box .comment-form {margin:15px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.board-comment-box .comment-form p {margin:0 10px 0 0; font-size:17px; color:#919199;}
.board-comment-box .comment-form p b {font-size:17px; font-weight:500; margin:0 5px 0 0; color:var(--color-active);}
@media (max-width:991px){
.board-comment-box {border-radius:20px; padding:24px 16px;}
.board-comment-box .comment-form {align-items:flex-start; justify-content:space-between;}
.board-comment-box .comment-form p {font-size:15px;}
.board-comment-box .comment-form p b {font-size:15px;}
}

/* board-nav-list-box */
.board-nav-list-box > ul > li {background:#fff;  border-radius:30px; margin:0 0 12px;}
.board-nav-list-box > ul > li:last-of-type {margin:0;}
.board-nav-list-box > ul > li .inner {padding:32px 40px; display:flex; flex-wrap:wrap; align-items:center;}
.board-nav-list-box > ul > li .inner:before {display:block; content:""; width:24px; height:24px; margin:0 13px 0 0; background-size:cover; background-position:center;}
.board-nav-list-box > ul > li .inner b {font-size:19px; font-weight:500; color:#454545; margin:0 70px 0 0;}
.board-nav-list-box > ul > li .inner p {flex:1; min-width:0; font-size:17px; color:#454545; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.board-nav-list-box > ul > li:nth-of-type(1) .inner:before {background-image:url('../../images/hmpg/icon_arrow_up.svg');}
.board-nav-list-box > ul > li:nth-of-type(2) .inner:before {background-image:url('../../images/hmpg/icon_arrow_down.svg');}
.board-nav-list-box > ul > li .inner:hover p {text-decoration:underline; font-weight:500;}
@media (max-width:991px){
.board-nav-list-box > ul > li {border-radius:15px;}
.board-nav-list-box > ul > li .inner {padding:20px 16px;}
.board-nav-list-box > ul > li .inner b {margin:0 20px 0 0; font-size:17px;}
}

/* comment-list-box */
.comment-list-box {margin:50px 0 0; border-top:1px solid #CFD2DB;}
.comment-list-box > ul > li {padding:40px 20px; border-top:1px solid #DDDDDD;}
.comment-list-box > ul > li:first-of-type {border-top:0;}
.comment-list-box > ul > li:last-of-type {padding-bottom:0;}
.comment-list-box > ul > li .list-head {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 20px;}
.comment-list-box > ul > li .list-head .head-left {flex:1; min-width:0; padding:0 20px 0 0; display:flex; flex-wrap:wrap; align-items:center;}
.comment-list-box > ul > li .list-head .head-left b {font-size:19px; font-weight:700; color:#454545;}
.comment-list-box > ul > li .list-head .head-left span {font-size:17px; color:#919191; margin:0 0 0 30px;}
.comment-list-box > ul > li .list-head .head-right .button-box {gap:0 10px;}
.comment-list-box > ul > li .list-head .head-right .btn-white {color:#454545 !important;}
.comment-list-box > ul > li .list-body {display:flex; flex-wrap:wrap;}
.comment-list-box > ul > li .list-body > p {flex:1; min-width:0; font-size:17px; color:#454545;}
.comment-list-box > ul > li .list-body > b {margin:0 20px 0 0; font-size:17px; font-weight:bold; color:#454545;}
.comment-list-box > ul > li .list-foot {margin-right:-16px;}
.comment-list-box > ul > li.reply {border-top:0; padding-top:0;}
.comment-list-box > ul > li.reply .list-head .head-left:before {display:block; content:""; width:32px; height:32px; margin:0 20px 0 0; background:url('../../images/hmpg/icon_reply.svg') no-repeat center / cover; margin-top:-10px;}
.comment-list-box > .more {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 auto; border:1px solid #CFD2DB; height:56px; font-size:17px; border-radius:10px; padding:0 24px; font-weight:500; color:#454545;}
.comment-list-box > .more:after {display:block; content:""; width:24px; height:12px; margin:0 0 0 8px; background:url('../../images/hmpg/icon_comment_more.svg') no-repeat center / cover;}
@media (max-width:991px){
.comment-list-box > ul > li {padding:40px 0;}
.comment-list-box > ul > li .list-head .head-left {flex:none; width:100%; padding:0;}
.comment-list-box > ul > li .list-head .head-left b {font-size:17px;}
.comment-list-box > ul > li .list-head .head-left span {margin:0 0 0 10px; font-size:15px;}
.comment-list-box > ul > li .list-head .head-right {width:100%; margin:15px 0 0;}
.comment-list-box > ul > li .list-head .head-right .button-box .btn {flex:1; min-width:0;}
.comment-list-box > ul > li .list-body > p {font-size:15px;}
.comment-list-box > ul > li .list-body > b {font-size:15px; margin:0 10px 0 0;}
.comment-list-box > ul > li .list-foot {margin:0;}
.comment-list-box > ul > li.reply .list-head .head-left:before {margin:0 5px 0 0; margin-top:-8px;}
.comment-list-box > .more {width:100%;}
}

/* expert-swiper-box */
.expert-swiper-box {padding:10px; margin:-10px; overflow:hidden;}
.expert-swiper-box .swiper-container {overflow:visible;}
.expert-swiper-box .swiper-wrapper {align-items: stretch; display:flex;}
.expert-swiper-box .swiper-slide {border-radius:20px; overflow:hidden; outline:2px solid transparent; background:#fff;}
.expert-swiper-box .swiper-slide .inner {display:block; height:100%; padding:36px 24px;}
.expert-swiper-box .swiper-slide .inner .list-content .name {font-size:24px; font-weight:600; color:#1d1d1d; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.expert-swiper-box .swiper-slide .inner .list-content .detail {min-width:0; margin:10px 0 0; font-size:17px; font-weight:500; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.expert-swiper-box .swiper-slide .inner .list-content .tag {margin:15px 0 0; font-size:15px; font-weight:500; color:#454545; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.expert-swiper-box .swiper-slide .inner .list-content > ul {margin:40px 0 0; display:flex; flex-wrap:wrap; gap:4px 8px;}
.expert-swiper-box .swiper-slide .inner .list-content > ul > li {display:flex; flex-wrap:wrap; align-items:center; border-radius:50px; padding:4px 16px; border:1px solid var(--color-active); color:var(--color-active); font-size:15px;}
.expert-swiper-box .swiper-slide .inner .list-content > ul > li.active {background:rgba(0, 81, 255, 0.1); border-color:rgba(0, 81, 255, 0.24);}
.expert-swiper-box .swiper-slide:hover {outline:2px solid var(--color-active);}
.expert-swiper-box .swiper-slide:focus-within {outline:2px solid var(--color-active);}

/* expert-list-box */
.expert-list-box > ul {display:flex; flex-wrap:wrap; margin:0 -10px -20px;}
.expert-list-box > ul > li {width:calc(33.33% - 20px); margin:0 10px 20px; border-radius:20px; overflow:hidden; outline:2px solid transparent; background:#fff;}
.expert-list-box > ul > li .inner {display:block; height:100%; padding:36px 24px;}
.expert-list-box > ul > li .inner .list-content .name {font-size:24px; font-weight:600; color:#1d1d1d; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.expert-list-box > ul > li .inner .list-content .detail {margin:10px 0 0; font-size:17px; font-weight:500; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.expert-list-box > ul > li .inner .list-content .tag {margin:15px 0 0; font-size:15px; font-weight:500; color:#454545; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.expert-list-box > ul > li .inner .list-content > ul {margin:40px 0 0; display:flex; flex-wrap:wrap; gap:4px 8px;}
.expert-list-box > ul > li .inner .list-content > ul > li {display:flex; flex-wrap:wrap; align-items:center; border-radius:50px; padding:4px 16px; border:1px solid var(--color-active); color:var(--color-active); font-size:15px;}
.expert-list-box > ul > li .inner .list-content > ul > li.active {background:rgba(0, 81, 255, 0.1); border-color:rgba(0, 81, 255, 0.24);}
.expert-list-box > ul > li:hover {outline:2px solid var(--color-active);}
.expert-list-box > ul > li:focus-within {outline:2px solid var(--color-active);}
@media (max-width:1300px){
.expert-list-box > ul > li {width:calc(50% - 20px);}
}
@media (max-width:991px){
.expert-list-box > ul {margin:0;}
.expert-list-box > ul > li {width:100%; margin:0 0 20px; height:auto !important;}
.expert-list-box > ul > li:last-of-type {margin:0;}
.expert-list-box > ul > li .inner {padding:24px;}
.expert-list-box > ul > li .inner .list-content > ul {margin:30px 0 0;}
}

/* expert-view-box */
.expert-view-box {display:flex; flex-wrap:wrap; align-items:flex-start;}
.expert-view-box .view-image {position:sticky; top:20px; width:200px; margin:0 40px 0 0;}
.expert-view-box .view-image .image {background:#F7F7F7; position:relative; border-radius:10px; overflow:hidden;}
.expert-view-box .view-image .image:after {display:block; content:""; padding-bottom:130%;}
.expert-view-box .view-image .image img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:90%; max-height:90%; object-fit:cover; border-radius:10px;}
.expert-view-box .view-image .image.company:after {padding-bottom:100%;}
.expert-view-box .view-content {flex:1; min-width:0;}
.expert-view-box .view-content > ul > li {background:#fff; padding:32px; border-radius:30px; margin:0 0 24px;}
.expert-view-box .view-content > ul > li:last-of-type {margin:0;}
.expert-view-box .view-content > ul > li.gray {border:0; background:#F4F4F4; padding:24px; border-radius:8px;}
.expert-view-box .view-content > ul > li h5 {margin:0 0 24px; font-size:24px; font-weight:600;}
.expert-view-box .view-content > ul > li h5 b {font-size:18px; font-weight:700;}
.expert-view-box .view-content > ul > li h5 span {display:block; font-size:17px; word-break:keep-all; margin:5px 0 0;}
.expert-view-box .view-content > ul > li h5.small {font-size:19px;}
.expert-view-box .view-content > ul > li .content-text > ul {display:flex; flex-wrap:wrap; border-bottom:1px solid #CFD2DB; padding:0 0 40px; margin:0 0 40px;}
.expert-view-box .view-content > ul > li .content-text > ul:last-of-type {border:0; padding:0; margin:0;}
.expert-view-box .view-content > ul > li .content-text > ul > li {display:flex; flex-wrap:wrap; width:100%; margin:0 0 16px;}
.expert-view-box .view-content > ul > li .content-text > ul > li:last-of-type {margin:0;}
.expert-view-box .view-content > ul > li .content-text > ul > li.half {width:50%;}
.expert-view-box .view-content > ul > li .content-text > ul > li > b {width:95px; font-size:15px; color:#989CA4; word-break:keep-all;}
.expert-view-box .view-content > ul > li .content-text > ul > li > b.lg {width:145px;}
.expert-view-box .view-content > ul > li .content-text > ul > li > div {flex:1; min-width:0;}
.expert-view-box .view-content > ul > li .content-text > ul > li > div p {font-size:16px; color:#333; word-break:keep-all; margin:0 0 20px;}
.expert-view-box .view-content > ul > li .content-text > ul > li > div p:last-of-type {margin:0;}
.expert-view-box .view-content > ul > li .content-text > ul > li > div a {font-size:16px; color:var(--color-active); display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.expert-view-box .view-content > ul > li .content-text > ul > li > div a:hover {text-decoration:underline;}
.expert-view-box .view-content > ul > li .content-text > ul > li > div ul {display:flex; flex-wrap:wrap; gap:5px 0;}
.expert-view-box .view-content > ul > li .content-text > ul > li > div ul li {display:flex; flex-wrap:wrap; align-items:center; font-size:16px; color:#333;}
.expert-view-box .view-content > ul > li .content-text > ul > li > div ul li:after {display:inline-block; content:""; width:1px; height:15px; background:#CFD2DB; margin:0 15px;}
.expert-view-box .view-content > ul > li .content-text > ul > li > div ul li:last-of-type:after {display:none;}
.expert-view-box .view-content > ul > li .content-txt p {font-size:16px; color:#333; word-break:keep-all;}
.expert-view-box .view-content > ul > li .content-txt p a {font-size:16px; color:#333; text-decoration:underline; display:inline-block; margin:0 0 10px;}
.expert-view-box .view-content > ul > li .content-txt p a:hover {color:var(--color-active);}
.expert-view-box .view-content > ul > li .content-text.half > ul {display:flex; flex-wrap:wrap; margin:0 -5px -10px;}
.expert-view-box .view-content > ul > li .content-text.half > ul > li {width:calc(50% - 10px); margin:0 5px 10px;}
.expert-view-box .view-content > ul > li .content-text.half > ul > li.full {width:calc(100% - 10px);}
.expert-view-box .view-content > ul > li .content-text.half > ul > li > b {width:130px;}
.expert-view-box .view-content > ul > li .content-text.half > ul > li > b.auto {width:auto; margin:0 12px 0 0;}
.expert-view-box .view-content > ul > li .content-text > ul > li.border {border-top:1px solid #D9D9D9; padding-top:30px; margin-top:30px;}
.expert-view-box .view-content > ul > li .content-text > ul > li.block > b {width:100%; margin:0 0 5px;}
.expert-view-box .view-content > ul > li .content-text > ul > li.block > div {flex:none; width:100%;}
.expert-view-box .view-content > ul > li .content-keyword > ul {display:flex; flex-wrap:wrap; gap:4px 8px;}
.expert-view-box .view-content > ul > li .content-keyword > ul > li {display:flex; flex-wrap:wrap; align-items:center; padding:6.5px 8px; color:#666; background:#F7F7F7; border-radius:4px;}
.expert-view-box .view-content > ul > li .content-addr > ul {display:flex; flex-wrap:wrap; gap:4px 8px;}
.expert-view-box .view-content > ul > li .content-addr > ul > li {font-size:16px; color:#515151; padding:8px 10px; display:flex; flex-wrap:wrap; align-items:center; background:#fff; border:1px solid rgba(29, 29, 29, 0.2); border-radius:6px;}
.expert-view-box .view-content > ul > li .content-list > ul {display:flex; flex-wrap:wrap; margin:0 -4px -8px;}
.expert-view-box .view-content > ul > li .content-list > ul > li {padding:12px 24px; width:calc(33.33% - 8px); margin:0 4px 8px; background:#fff; border:1px solid #ddd; border-radius:8px;}
.expert-view-box .view-content > ul > li .content-list > ul > li p {text-align:center; font-size:16px; font-weight:500; color:#222; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.expert-view-box .view-content > ul > li .content-list > ul > li span {display:block; margin:6px 0 0; color:#666; text-align:center;}
.expert-view-box .view-content > ul > li .content-swiper {position:relative;}
.expert-view-box .view-content > ul > li .content-swiper:before {position:absolute; left:0; top:0; width:40px; height:100%; content:""; background:linear-gradient(to right, #fff, transparent); content:""; z-index:10;}
.expert-view-box .view-content > ul > li .content-swiper:after {position:absolute; right:0; top:0; width:40px; height:100%; content:""; background:linear-gradient(to left, #fff, transparent); content:""; z-index:10;}
.expert-view-box .view-content > ul > li .content-swiper .swiper-slide {width:155px; margin:0 15px 0 0; overflow:hidden; border-radius:6px; position:relative; border:1px solid #ddd;}
.expert-view-box .view-content > ul > li .content-swiper .swiper-slide:after {display:block; content:""; padding-bottom:100%;}
.expert-view-box .view-content > ul > li .content-swiper .swiper-slide img {position:absolute; left:50%; top:50%; max-width:90%; max-height:90%; transform:translate(-50%,-50%); object-fit:cover;}
.expert-view-box .view-content > ul > li .content-swiper .swiper-button-prev {z-index:12; width:50px; height:50px; background:url('../../images/hmpg/icon_content_prev.png') no-repeat center / cover;}
.expert-view-box .view-content > ul > li .content-swiper .swiper-button-next {z-index:12; width:50px; height:50px; background:url('../../images/hmpg/icon_content_next.png') no-repeat center / cover;}
.expert-view-box .view-content > ul > li .content-guide ul li {margin:0 0 8px;}
.expert-view-box .view-content > ul > li .content-guide ul li:last-of-type {margin:0;}
.expert-view-box .view-content > ul > li .content-guide ul li a {display:flex; flex-wrap:wrap; align-items:center; border-radius:16px; padding:20px; transition:all ease 0.5s; border:2px solid #F9F9FA; background:#F9F9FA;}
.expert-view-box .view-content > ul > li .content-guide ul li a p {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:17px; font-weight:500;}
.expert-view-box .view-content > ul > li .content-guide ul li a:hover {border:2px solid var(--color-active);}
.expert-view-box .view-content > ul > li .content-history ul {display:flex; flex-wrap:wrap; align-items:center; gap:19px 38px; padding:24px; border-radius:14px; background:#F9F9FA; margin:0 0 12px;}
.expert-view-box .view-content > ul > li .content-history ul:last-of-type {margin:0;}
.expert-view-box .view-content > ul > li .content-history ul li {display:flex; flex-wrap:wrap;}
.expert-view-box .view-content > ul > li .content-history ul li.full {width:100%;}
.expert-view-box .view-content > ul > li .content-history ul li.half {flex:1; min-width:0;}
.expert-view-box .view-content > ul > li .content-history ul li b {font-size:16px; margin:0 12px 0 0; font-size:15px; color:#989CA4;}
.expert-view-box .view-content > ul > li .content-history ul li p {font-size:16px; color:#333;}
.expert-view-box .view-content > ul > li .content-history ul li a {font-size:16px; color:var(--color-blue); display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.expert-view-box .view-content > ul > li .content-keyword ul {display:flex; flex-wrap:wrap; gap:0;}
.expert-view-box .view-content > ul > li .content-keyword ul li {width:calc(25% - 10px); margin:0 5px 10px; font-size:15px; font-weight:500; color:#454545; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; background:#F2F3F6; border-radius:8px; padding:8px;}
.expert-view-box .view-content > ul > li .content-info > div {border-bottom:1px solid #CFD2DB; padding:0 0 40px; margin:0 0 40px;}
.expert-view-box .view-content > ul > li .content-info > div:last-of-type {border:0; padding:0; margin:0;}
.expert-view-box .view-content > ul > li .content-info > div > h6 {margin:0 0 16px; font-size:19px; font-weight:500;}
.expert-view-box .view-content > ul > li .content-info > div > p {font-size:16px; color:#454545; word-break:keep-all;}
.expert-view-box .view-content > ul > li .content-item > ul > li {border-bottom:1px solid #CFD2DB; padding:0 0 40px; margin:0 0 40px; display:flex; flex-wrap:wrap; align-items:flex-start;}
.expert-view-box .view-content > ul > li .content-item > ul > li:last-of-type {border:0; padding:0; margin:0;}
.expert-view-box .view-content > ul > li .content-item > ul > li .list-content {flex:1; min-width:0;}
.expert-view-box .view-content > ul > li .content-item > ul > li .list-content ul li {display:flex; flex-wrap:wrap; margin:0 0 12px;}
.expert-view-box .view-content > ul > li .content-item > ul > li .list-content ul li:last-of-type {margin:0;}
.expert-view-box .view-content > ul > li .content-item > ul > li .list-content ul li > b {width:130px; font-size:15px; color:#999;}
.expert-view-box .view-content > ul > li .content-item > ul > li .list-content ul li > p {flex:1; min-width:0; font-size:16px; word-break:keep-all;}
.expert-view-box .view-content > ul > li .content-item > ul > li .list-image {margin:0 0 0 20px; width:80px;}
.expert-view-box .view-content > ul > li .content-item > ul > li .list-image button {display:block; font-size:0; width:80px; height:80px; border-radius:8px; overflow:hidden; position:relative;}
.expert-view-box .view-content > ul > li .content-item > ul > li .list-image button img {max-width:100%; max-height:100%; object-fit:cover;}
.expert-view-box .view-content > ul > li .content-item > ul > li .list-image button .count {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:absolute; left:0; top:0; width:100%; height:100%; color:#fff; font-size:16px; font-weight:600; background:rgba(0,0,0,0.6);}
.expert-view-box .view-content > ul > li .content-item.gray > ul > li {background:#F9FAFB; border-radius:14px; padding:24px; margin:0 0 20px; border:0;}
.expert-view-box.small .view-image {margin:0 40px 0 0; top:0;}
.modal-box .box:not(.profile) .expert-view-box .view-content > ul > li {padding:0 0 24px; margin:0 0 24px; border-radius:0; border-bottom:1px solid #F2F3F6;}
.modal-box .box:not(.profile) .expert-view-box .view-content > ul > li:last-of-type {padding:0; margin:0; border:0;}
@media (max-width:1300px){
.expert-view-box .view-image {margin:0 30px 0 0;}
}
@media (max-width:991px){
.expert-view-box .view-image {margin:0 auto 30px; position:static;}
.expert-view-box .view-content {flex:none; width:100%;}
.expert-view-box .view-content > ul > li {padding:20px; border-radius:20px;}
.expert-view-box .view-content > ul > li h5 {margin:0 0 20px; font-size:24px;}
.expert-view-box .view-content > ul > li .content-text > ul {padding:0 0 20px; margin:0 0 20px;}
.expert-view-box .view-content > ul > li .content-text > ul > li.half {width:100%;}
.expert-view-box .view-content > ul > li .content-text > ul > li > b {width:100%; margin:0 0 5px;}
.expert-view-box .view-content > ul > li .content-text > ul > li > b.lg {width:100%;}
.expert-view-box .view-content > ul > li .content-text > ul > li > div {flex:none; width:100%;}
.expert-view-box .view-content > ul > li .content-text > ul > li.border {padding-top:20px; margin-top:20px !important;}
.expert-view-box .view-content > ul > li .content-text.half > ul {margin:0;}
.expert-view-box .view-content > ul > li .content-text.half > ul > li {width:100%; margin:0 0 10px;}
.expert-view-box .view-content > ul > li .content-text.half > ul > li:last-of-type {margin:0;}
.expert-view-box .view-content > ul > li .content-text.half > ul > li > b {width:100%;}
.expert-view-box .view-content > ul > li .content-text.half > ul > li > b.auto {width:100%; margin:0 0 5px;}
.expert-view-box .view-content > ul > li .content-list > ul {margin:0;}
.expert-view-box .view-content > ul > li .content-list > ul > li {width:100%; margin:0 0 5px;}
.expert-view-box .view-content > ul > li .content-list > ul > li:last-of-type {margin:0;}
.expert-view-box .view-content > ul > li .content-swiper .swiper-slide {width:140px; margin:0 10px 0 0;}
.expert-view-box .view-content > ul > li .content-swiper .swiper-button-prev {display:none;}
.expert-view-box .view-content > ul > li .content-swiper .swiper-button-next {display:none;}
.expert-view-box .view-content > ul > li .content-history ul {margin:0 0 8px; gap:0;}
.expert-view-box .view-content > ul > li .content-history ul li {width:100%; margin:0 0 10px;}
.expert-view-box .view-content > ul > li .content-history ul li.half {flex:none; width:100%;}
.expert-view-box .view-content > ul > li .content-history ul li:last-of-type {margin:0;}
.expert-view-box .view-content > ul > li .content-history ul li div {flex:1; min-width:0;}
.expert-view-box .view-content > ul > li .content-history ul li p {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.expert-view-box .view-content > ul > li .content-history ul li a {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.expert-view-box .view-content > ul > li .content-keyword ul li {font-size:13px; width:calc(50% - 10px);}
.expert-view-box .view-content > ul > li .content-info > div {padding:0 0 20px; margin:0 0 20px;}
.expert-view-box .view-content > ul > li .content-info > div > h6 {font-size:17px; margin:0 0 10px;}
.expert-view-box .view-content > ul > li .content-item > ul > li {padding:0 0 20px; margin:0 0 20px;}
.expert-view-box .view-content > ul > li .content-item > ul > li .list-content {flex:none; width:100%;}
.expert-view-box .view-content > ul > li .content-item > ul > li .list-content ul li > b {width:100%; margin:0 0 8px;}
.expert-view-box .view-content > ul > li .content-item > ul > li .list-content ul li > p {flex:none; width:100%;}
.expert-view-box .view-content > ul > li .content-item > ul > li .list-image {margin:20px 0 0;}
.expert-view-box .view-content > ul > li .content-item.gray > ul > li {padding:20px 16px;}
.expert-view-box.small .view-image {margin:0 auto 30px;}
/* .modal-box .expert-view-box .view-content > ul > li {} */
}
@media (max-width:600px){
.expert-view-box .view-content > ul > li .content-keyword ul {margin:0; gap:5px;}
.expert-view-box .view-content > ul > li .content-keyword ul li {width:100%; margin:0;}
}

/* table-text-box */
.table-text-box > ul > li {margin:0 0 10px; overflow:hidden; border-radius:8px; padding:12px 24px; background:#F9F9FA; display:flex; flex-wrap:wrap;}
.table-text-box > ul > li:last-of-type {margin:0;}
.table-text-box > ul > li > b {width:90px; font-size:19px; font-weight:500; display:flex; flex-wrap:wrap;}
.table-text-box > ul > li > .inner {flex:1; min-width:0;}
.table-text-box > ul > li > .inner > * {margin:0 0 24px;}
.table-text-box > ul > li > .inner > *:last-child {margin:0;}
.table-text-box > ul > li > .inner p {font-size:17px; color:#454545; word-break:keep-all; padding:2px 0 0;}
.table-text-box > ul > li > .inner ul li {position:relative; font-size:17px; color:#454545; word-break:keep-all; padding:0 0 0 20px;}
.table-text-box > ul > li > .inner ul li:before {position:absolute; left:5px; top:10px; width:4px; height:4px; border-radius:50%; background:#454545; content:"";}
.table-text-box > ul > li > .inner .input-box input {height:48px;}
@media (max-width:991px){
.table-text-box > ul > li {margin:0 0 16px; padding:20px;}
.table-text-box > ul > li:last-of-type {margin:0;}
.table-text-box > ul > li > b {width:100%; padding:0; margin:0 0 10px; font-size:17px; background:none; justify-content:flex-start;}
.table-text-box > ul > li > .inner {flex:none; width:100%; padding:0;}
.table-text-box > ul > li > .inner p {font-size:15px;}
.table-text-box > ul > li > .inner ul li {font-size:15px;}
.table-text-box > ul > li.flex > b {width:65px; margin:0;}
.table-text-box > ul > li.flex > .inner {flex:1; min-width:0;}
}

/* text-list-box */
.text-list-box {background:#fff; border-radius:30px; padding:40px;}
.text-list-box > ul > li {margin:0 0 5px; display:flex; flex-wrap:wrap;}
.text-list-box > ul > li:last-of-type {margin:0;}
.text-list-box > ul > li b {font-size:18px; font-weight:600; margin:0 12px 0 0;}
.text-list-box > ul > li p {flex:1; min-width:0; font-size:18px;}
@media (max-width:991px){
.text-list-box {border-radius:20px; padding:24px 16px;}
.text-list-box > ul > li b {font-size:15px;}
.text-list-box > ul > li p {font-size:15px;}
}

/* text-gray-box */
.text-gray-box > * {margin:0 0 24px;}
.text-gray-box > *:last-child {margin:0;}
.text-gray-box p {font-size:15px; word-break:keep-all;}
.text-gray-box .inner {background:#F9F9FA; padding:20px; border-radius:10px;}
.text-gray-box .inner h3 {font-size:17px; word-break:keep-all; margin:0 0 10px;}
.text-gray-box .inner p {font-size:15px; word-break:keep-all; color:#454545;}

/* company-list-box */
.company-list-box > ul {display:flex; flex-wrap:wrap; margin:0 -8px -16px;}
.company-list-box > ul > li {background:#fff; width:calc(25% - 16px); margin:0 8px 16px; border-radius:20px; transition:all ease 0.5s; outline:2px solid transparent;}
.company-list-box > ul > li .inner {display:block; padding:30px;}
.company-list-box > ul > li .inner .list-image {width:100px; height:100px; margin:0 auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.company-list-box > ul > li .inner .list-image img {display:block; max-width:100%; max-height:100%; object-fit:cover;}
.company-list-box > ul > li .inner .list-content {margin:10px 0 0;}
.company-list-box > ul > li .inner .list-content .name {font-size:19px; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center;}
.company-list-box > ul > li .inner .list-content .detail {font-size:17px; text-align:center; color:#454545; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:5px 0 0;}
.company-list-box > ul > li .inner .list-content .text {margin:24px 0 0; text-align:center; font-size:17px; color:#454545; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.company-list-box > ul > li:hover {outline:2px solid var(--color-active);}
@media (max-width:991px){
.company-list-box > ul > li {width:calc(50% - 16px);}
}
@media (max-width:767px){
.company-list-box > ul {margin:0;}
.company-list-box > ul > li {width:100%; margin:0 0 15px;}
.company-list-box > ul > li:last-of-type {margin:0;}
.company-list-box > ul > li .inner {padding:24px;}
}

/* company-swiper-box */
.company-swiper-box {padding:10px; margin:-10px; overflow:hidden;}
.company-swiper-box .swiper-container {overflow:visible;}
.company-swiper-box .swiper-wrapper {align-items:stretch;}
.company-swiper-box .swiper-slide {display:flex; flex-direction:column; height:auto !important; background:#fff; border-radius:20px; transition:all ease 0.5s; outline:2px solid transparent;}
.company-swiper-box .swiper-slide .inner {display:flex; flex-direction:column; flex:1; padding:30px;}
.company-swiper-box .swiper-slide .inner .list-image {height:120px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.company-swiper-box .swiper-slide .inner .list-image img {display:block; max-width:100%; max-height:100%; object-fit:cover;}
.company-swiper-box .swiper-slide .inner .list-content {margin:10px 0 0;}
.company-swiper-box .swiper-slide .inner .list-content .name {font-size:19px; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center;}
.company-swiper-box .swiper-slide .inner .list-content .detail {font-size:17px; text-align:center; color:#454545; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:5px 0 0;}
.company-swiper-box .swiper-slide:hover {outline:2px solid var(--color-active);}
@media (max-width:767px){
.company-list-box .swiper-slide .inner {padding:24px;}
.company-list-box .swiper-slide .inner .list-image {height:100px;}
}

/* guide-list-box */
.guide-list-box h5 {font-size:24px; font-weight:500; color:#454545; word-break:keep-all; position:relative; padding:0 0 0 32px; margin:0 0 30px;}
.guide-list-box h5:before {position:absolute; content:""; width:22px; height:22px; background:url('../../images/hmpg/icon_mine.svg') no-repeat center / cover; left:0; top:6px; border-radius:50%; box-shadow:0 7px 15px rgba(20, 173, 241, 0.31);}
.guide-list-box ul {display:flex; flex-wrap:wrap; margin:0 -10px -20px;}
.guide-list-box ul li {width:calc(25% - 20px); margin:0 10px 20px;}
.guide-list-box ul li .inner {display:block;}
.guide-list-box ul li .inner .list-image {position:relative; border-radius:8px; border:1px solid rgba(29, 29, 29, 0.3); transition:all ease 0.5s; outline:3px solid transparent;}
.guide-list-box ul li .inner .list-image:after {display:block; content:""; padding-bottom:100%;}
.guide-list-box ul li .inner .list-image img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; object-fit:cover;}
.guide-list-box ul li .inner .list-content {margin:20px 0 0;}
.guide-list-box ul li .inner .list-content .badge-box {margin:0 0 10px;}
.guide-list-box ul li .inner .list-content .subject {font-size:19px; font-weight:500; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.guide-list-box ul li .inner .list-content .state {margin:10px 0 0; display:flex; flex-wrap:wrap; align-items:center;}
.guide-list-box ul li .inner .list-content .state p {font-size:17px; color:#919191;}
.guide-list-box ul li .inner .list-content .state p:first-of-type {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 10px 0 0; flex:1; min-width:0;}
.guide-list-box ul li .inner .list-content .state p.hit {display:flex; flex-wrap:wrap; align-items:center;}
.guide-list-box ul li .inner .list-content .state p.hit:before {display:inline-block; content:""; width:24px; height:24px; margin:0 5px 0 0; background:url('../../images/hmpg/icon_hit.svg') no-repeat center / cover;}
.guide-list-box ul li .inner:hover .list-image {border-color:#14ADF1; outline:3px solid #14ADF1; background:rgba(20, 173, 241, 0.03); box-shadow:0 7px 15px rgba(20, 173, 241, 0.31);}
@media (max-width:1600px){
.guide-list-box ul li {width:calc(33.33% - 20px);}
}
@media (max-width:1300px){
.guide-list-box ul li {width:calc(50% - 20px);}
}
@media (max-width:991px){
.guide-list-box h5 {margin:0 0 15px; font-size:20px;}
.guide-list-box h5:before {width:20px; height:20px;}
.guide-list-box ul li .inner .list-image:after {padding-bottom:70%;}
}
@media (max-width:767px){
.guide-list-box > ul {margin:0;}
.guide-list-box > ul > li {width:100%; margin:0 0 15px;}
.guide-list-box > ul > li:last-of-type {margin:0;}
.guide-list-box ul li .inner .list-content .state  {margin:5px 0 0;}
}

/* ai-list-box */
.ai-list-box > ul > li {background:#fff; padding:32px 24px; border-radius:20px; margin:0 0 20px; display:flex; flex-wrap:wrap; align-items:center;}
.ai-list-box > ul > li:last-of-type {margin:0;}
.ai-list-box > ul > li .list-image {width:120px; margin:0 40px 0 0; position:relative; overflow:hidden;}
.ai-list-box > ul > li .list-image .image {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.ai-list-box > ul > li .list-image .image img {max-width:100%; max-height:120px; margin:0 auto; display:block; object-fit:cover;}
.ai-list-box > ul > li .list-image .button-box  {margin:10px 0 0;}
.ai-list-box > ul > li .list-content {flex:1; min-width:0;}
.ai-list-box > ul > li .list-content .content-top {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 10px;}
.ai-list-box > ul > li .list-content .content-top .badge-box {margin:0 0 10px;}
.ai-list-box > ul > li .list-content .content-top p {width:100%; font-size:20px; font-weight:700;}
.ai-list-box > ul > li .list-content .content-bottom a {font-size:16px; color:#454545; display:inline-block; margin:0 0 10px; text-decoration:underline;}
.ai-list-box > ul > li .list-content .content-bottom a:hover {color:var(--color-active);}
.ai-list-box > ul > li .list-content .content-bottom p {font-size:16px; color:#454545; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.ai-list-box > ul > li .list-button {display:none; margin:0 0 0 24px; width:140px;}
@media (max-width:991px){
.ai-list-box > ul > li {padding:24px;}
.ai-list-box > ul > li .list-image {width:100%; margin:0 0 15px;}
.ai-list-box > ul > li .list-image .image img {max-width:170px;}
.ai-list-box > ul > li .list-image .button-box {display:none;}
.ai-list-box > ul > li .list-content {flex:none; width:100%;}
.ai-list-box > ul > li .list-content .content-top p {flex:none; width:100%; margin:10px 0 0;}
.ai-list-box > ul > li .list-content .content-top .badge-box {width:100%; justify-content:center; margin:0;}
.ai-list-box > ul > li .list-button {width:100%; margin:15px 0 0; display:block;}
}

/* employ-list-box */
.employ-list-box > ul > li {background:#fff; position:relative; margin:0 0 16px; border-radius:30px; padding:24px 20px; display:flex; flex-wrap:wrap; align-items:center; outline:2px solid transparent; transition:all ease 0.5s;}
.employ-list-box > ul > li:last-of-type {margin:0;}
.employ-list-box > ul > li .more {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
.employ-list-box > ul > li .list-image {width:120px; margin:0 20px 0 0; position:relative; overflow:hidden; border-radius:50%;}
.employ-list-box > ul > li .list-image:after {display:block; content:""; padding-bottom:100%;}
.employ-list-box > ul > li .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.employ-list-box > ul > li .list-left {flex:1; min-width:0; padding:0 40px 0 0;}
.employ-list-box > ul > li .list-left .name {font-size:24px; font-weight:600; padding:0; color:#222; margin:0 10px 0 0;}
.employ-list-box > ul > li .list-left .badge-box {margin:0 0 10px;}
.employ-list-box > ul > li .list-left .badge-box:last-child {margin:10px 0 0;}
.employ-list-box > ul > li .list-left .detail {font-size:17px; color:#1D1D1D;}
.employ-list-box > ul > li .list-left .subject {font-size:19px; font-weight:500; color:#1D1D1D; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.employ-list-box > ul > li .list-left .state {display:flex; flex-wrap:wrap; gap:10px 20px; margin:10px 0 0;}
.employ-list-box > ul > li .list-left .state li {display:flex; flex-wrap:wrap;}
.employ-list-box > ul > li .list-left .state li > b {font-size:17px; margin:0 10px 0 0; color:#919191;}
.employ-list-box > ul > li .list-left .state li > p {font-size:17px;}
.employ-list-box > ul > li .list-left .tag {display:flex; flex-wrap:wrap; margin:10px 0 0; gap:4px 8px;}
.employ-list-box > ul > li .list-left .tag > li {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:15px; color:#454545;}
.employ-list-box > ul > li .list-right p {text-align:center; font-size:17px; color:#919191; margin:0 0 10px;}
.employ-list-box > ul > li .list-right p b {font-size:17px; color:#1d1d1d; font-weight:600;}
.employ-list-box > ul > li .list-right .button-box {margin:0 0 8px;}
.employ-list-box > ul > li .list-right .button-box:last-of-type {margin:0;}
.employ-list-box > ul > li .list-right .button-box .btn {min-width:150px; padding:0 15px; height:48px; position:relative; z-index:3; font-weight:400;}
.employ-list-box > ul > li .list-right .button-box .btn-gray {border:1px solid #CFD2DB; background:#F2F3F6;}
.employ-list-box > ul > li .list-right .button-box .btn-gray:not(.cancel):after {display:inline-block; content:""; width:24px; height:24px; margin:0 0 0 5px; background:url('../../images/hmpg/icon_scrap.svg') no-repeat center / cover;}
.employ-list-box > ul > li .list-right .button-box .btn-white.scrap:after {display:inline-block; content:""; width:24px; height:24px; margin:0 0 0 5px; background:url('../../images/hmpg/icon_scrap.svg') no-repeat center / cover;}
.employ-list-box > ul > li .list-right .button-box .btn-active:not(.success):after {display:inline-block; content:""; width:24px; height:24px; margin:0 0 0 5px; background:url('../../images/hmpg/icon_logout.svg') no-repeat center / cover;}
.employ-list-box > ul > li:hover {outline:2px solid var(--color-active);}
@media (max-width:991px){
.employ-list-box > ul > li {padding:20px; border-radius:15px;}
.employ-list-box > ul > li .list-image {margin:0 auto 15px;}
.employ-list-box > ul > li .list-left {flex:none; width:100%; padding:0;}
.employ-list-box > ul > li .list-left .name {width:100%; margin:0; font-size:20px;}
.employ-list-box > ul > li .list-left .state {gap:5px 0;}
.employ-list-box > ul > li .list-left .state li {width:100%;}
.employ-list-box > ul > li .list-left .state li > p {flex:1; min-width:0;}
.employ-list-box > ul > li .list-right {width:100%; margin:15px 0 0; gap:0 8px; display:flex; flex-wrap:wrap;}
.employ-list-box > ul > li .list-right p {text-align:left; width:100%;}
.employ-list-box > ul > li .list-right .button-box {flex:1; min-width:0; margin:0;}
}

/* text-list-box */
.text-list-box h6 {margin:0 0 20px; font-size:22px; font-weight:700;}
.text-list-box dl {margin:0 0 25px;}
.text-list-box dl:last-of-type {margin:0;}
.text-list-box dl dt {font-size:17px; font-weight:500; color:#818181;}
.text-list-box dl dd {position:relative; font-size:17px; font-weight:500; color:#454545; word-break:keep-all; padding:0 0 0 20px;}
.text-list-box dl dd:before {position:absolute; left:5px; top:11px; width:4px; height:4px; background:#454545; border-radius:50%; content:"";}

/* ai-view-box */
.ai-view-box {display:flex; flex-wrap:wrap;}
.ai-view-box .view-inner {border:1px solid rgba(29, 29, 29, 0.2); border-radius:16px; padding:30px; flex:1; min-width:0; margin:0 20px 0 0;}
.ai-view-box .view-inner:last-of-type {margin:0;}
.ai-view-box .view-inner .view-head {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 10px;}
.ai-view-box .view-inner .view-head .head-left {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; padding:0 15px 0 0;}
.ai-view-box .view-inner .view-head .head-left p {font-size:20px; font-weight:700; color:#454545;}
.ai-view-box .view-inner .view-head .head-left span {font-size:20px; font-weight:500; color:var(--color-active); margin:0 0 0 5px;}
.ai-view-box .view-inner .view-head .head-right {display:flex; flex-wrap:wrap; align-items:center; gap:0 8px;}
.ai-view-box .view-inner .view-head .head-right > * {border-radius:50%; border:1px solid #e4e4e4; width:36px; height:36px; position:static; margin:0; background-size:cover; background-position:center;}
.ai-view-box .view-inner .view-head .head-right .swiper-button-prev {background-image:url('../../images/hmpg/icon_content_prev.png');}
.ai-view-box .view-inner .view-head .head-right .swiper-button-next {background-image:url('../../images/hmpg/icon_content_next.png');}
.ai-view-box .view-inner .view-body .body-text {max-height:278px; overflow-y:auto;}
.ai-view-box .view-inner .view-body .body-text p {font-size:17px; color:#454545;}
.ai-view-box .view-inner .view-body .body-swiper .swiper-slide {width:195px;}
.ai-view-box .view-inner .view-body .body-swiper .swiper-slide a {display:block; position:relative; overflow:hidden; border-radius:6px;}
.ai-view-box .view-inner .view-body .body-swiper .swiper-slide a:after {display:block; content:""; padding-bottom:278px;}
.ai-view-box .view-inner .view-body .body-swiper .swiper-slide a img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.ai-view-box .view-inner .view-body .body-list ul {max-height:278px; overflow-y:auto;}
.ai-view-box .view-inner .view-body .body-list ul li {border-bottom:1px solid rgba(29, 29, 29, 0.1);}
.ai-view-box .view-inner .view-body .body-list ul li:last-of-type {border:0;}
.ai-view-box .view-inner .view-body .body-list ul li a {display:flex; flex-wrap:wrap; align-items:center; padding:10px 0;}
.ai-view-box .view-inner .view-body .body-list ul li a .badge-box > * {width:78px; height:34px; padding:0; text-align:center; justify-content:center;}
.ai-view-box .view-inner .view-body .body-list ul li a .subject {flex:1; min-width:0; padding:0 10px; font-size:19px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ai-view-box .view-inner .view-body .body-list ul li a .date {font-size:16px; color:#919191;}
.ai-view-box .view-inner .view-body .body-list ul li a:hover .subject {text-decoration:underline;}
@media (max-width:1300px){
.ai-view-box .view-inner {flex:none; width:100%; margin:0 0 20px;}
.ai-view-box .view-inner:last-of-type {margin:0;}
}
@media (max-width:991px){
.ai-view-box .view-inner {padding:24px;}
.ai-view-box .view-inner .view-head .head-left span {width:100%; margin:0;}
.ai-view-box .view-inner .view-body .body-list ul li a .badge-box {width:100%;}
.ai-view-box .view-inner .view-body .body-list ul li a .subject {flex:none; width:100%; padding:0; margin:5px 0;}
}

/* ai-report-box */
.ai-report-box {position:sticky; top:20px; z-index:100; background:var(--color-active); border-radius:30px; padding:30px;}
.ai-report-box .report-head {display:flex; flex-wrap:wrap; align-items:center;}
.ai-report-box .report-head .list-left {flex:1; min-width:0; padding:0 30px 0 0; display:flex; flex-wrap:wrap; align-items:center;}
.ai-report-box .report-head .list-left strong {display:flex; flex-wrap:wrap; align-items:center; font-size:20px; font-weight:700; color:#fff;}
.ai-report-box .report-head .list-left p {flex:1; min-width:0; margin:0 0 0 10px; font-size:16px; word-break:keep-all; color:#fff;}
.ai-report-box .report-head .list-right {display:flex; flex-wrap:wrap; align-items:center; gap:0 14px;}
.ai-report-box .report-head .list-right .refresh {width:24px; height:24px; font-size:0; background: url('../../images/hmpg/icon_refresh_w.svg') no-repeat center / cover;}
.ai-report-box .report-head .list-right .add {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:48px; border-radius:6px; background:#A4C1FF; padding:0 20px; font-size:17px; font-weight:700; color:var(--color-active);}
.ai-report-box .report-head .list-right .close {display:none;}
.ai-report-box .report-body {display:none; margin:20px 0 0;}
.ai-report-box .report-body .list-none {display:none;}
.ai-report-box .report-foot {display:none;}
.ai-report-box.active .report-head .list-right .add {background:#E8EEFF;}
.ai-report-box.active .report-body {display:block;}
@media (max-width:991px){
.ai-report-box {display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:#E9EEF6; transition:all ease 0.5s; border:0; border-radius:0; padding:0;}
.ai-report-box .box {width:100%; height:100%; display:flex; flex-direction:column;}
.ai-report-box .report-head {width:100%; border-bottom:1px solid rgba(29, 29, 29, 0.3); padding:16px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.ai-report-box .report-head .list-left {padding:0;}
.ai-report-box .report-head .list-left strong {color:#000;}
.ai-report-box .report-head .list-left p {display:none;}
.ai-report-box .report-head .list-right .refresh {display:none;}
.ai-report-box .report-head .list-right .add {display:none;}
.ai-report-box .report-head .list-right .close {display:block; width:18px; height:18px; font-size:0; background:url('../../images/hmpg/icon_menu_close.svg') no-repeat center / cover;}
.ai-report-box .report-body {padding:16px; margin:0; width:100%; height:100%; overflow-y:auto; display:block !important;}
.ai-report-box .report-body .list-none {width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; font-size:17px; color:#726F91; word-break:keep-all;} 
.ai-report-box .report-foot {width:100%; display:flex; flex-wrap:wrap; align-items:center; background:var(--color-active); padding:16px; gap:8px;}
.ai-report-box .report-foot .refresh {width:48px; height:48px; font-size:0; background:url('../../images/hmpg/icon_refresh_w.svg') no-repeat center / 24px;}
.ai-report-box .report-foot .add {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:48px; border-radius:10px; background:#E8EEFF; padding:0 20px; font-size:17px; font-weight:700; color:var(--color-active);}
.ai-report-box.fixed {display:block;}
}

/* report-text-box */
.report-text-box {margin:0 0 40px;}
.report-text-box ul {padding:0 0 0 20px;}
.report-text-box ul li {list-style:disc; color:#454545; font-size:16px; word-break:keep-all; margin:0 0 5px;}
.report-text-box ul li:last-of-type {margin:0;}
@media (max-width:991px){
.report-text-box {margin:0 0 20px;}
.report-text-box ul li {font-size:14px;}
}

/* report-swiper-box */
.report-swiper-box > strong {display:block; margin:0 0 10px; font-size:19px; font-weight:500;}
.report-swiper-box > ul {display:flex; flex-wrap:wrap; gap:16px;}
.report-swiper-box > ul > li {flex:1; min-width:0; background:#F2F3F6; border-radius:12px; padding:24px;}
.report-swiper-box > ul > li .inner {display:flex; flex-wrap:wrap; align-items:center; align-content:space-between; height:100%;}
.report-swiper-box > ul > li .inner .list-head {width:100%;}
.report-swiper-box > ul > li .inner .list-head p {font-size:17px; font-weight:500; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.report-swiper-box > ul > li .inner .list-body {width:100%;}
.report-swiper-box > ul > li .inner .list-body ul {display:flex; flex-wrap:wrap; margin:10px 0 0; gap:10px;}
.report-swiper-box > ul > li .inner .list-body ul li {display:flex; flex-wrap:wrap;}
.report-swiper-box > ul > li .inner .list-body ul li b {font-size:14px; color:#989CA4; margin:0 10px 0 0;}
.report-swiper-box > ul > li .inner .list-body ul li p {font-size:14px;}
.report-swiper-box .swiper-wrapper {align-items:stretch;}
.report-swiper-box .swiper-slide {display:flex; flex-direction:column; height:auto !important; background:#fff; border-radius:16px; padding:16px; width:240px; margin:0 8px 0 0;}
.report-swiper-box .swiper-slide .more {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
.report-swiper-box .swiper-slide .list-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin:0 0 8px;}
.report-swiper-box .swiper-slide .list-head .delete {position:relative; z-index:2; display:block; font-size:0; width:16px; height:16px; background:url('../../images/hmpg/icon_menu_close.svg') no-repeat center / cover;}
.report-swiper-box .swiper-slide .list-body {display:flex; flex-direction:column; flex:1;}
.report-swiper-box .swiper-slide .list-body p {font-size:15px; font-weight:500; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.report-swiper-box .swiper-slide .list-body span {font-size:13px; color:#8A8E99; display:block; margin-top:auto; padding-top:5px;}
@media (max-width:991px){
.report-swiper-box > ul > li {width:100%; flex:none;}
.report-swiper-box > ul > li {padding:16px;}
.report-swiper-box > ul > li .inner .list-body ul {gap:0;}
.report-swiper-box > ul > li .inner .list-body ul li {width:100%; margin:0 0 4px;}
.report-swiper-box > ul > li .inner .list-body ul li:last-of-type {margin:0;}
.report-swiper-box .swiper-wrapper {display:block; transform:none !important;}
.report-swiper-box .swiper-slide {position:relative; background:#fff; border-radius:16px; padding:16px; width:100%; margin:0 0 8px; border:1px solid #ddd;}
.report-swiper-box .swiper-slide:last-of-type {margin:0;}
.report-swiper-box .swiper-slide .more {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
.report-swiper-box .swiper-slide .list-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin:0 0 8px;}
.report-swiper-box .swiper-slide .list-head .delete {position:relative; z-index:2; display:block; font-size:0; width:16px; height:16px; background:url('../../images/hmpg/icon_menu_close.svg') no-repeat center / cover;}
.report-swiper-box .swiper-slide .list-body {display:flex; flex-direction:column; flex:1;}
.report-swiper-box .swiper-slide .list-body p {font-size:15px; font-weight:500; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.report-swiper-box .swiper-slide .list-body span {font-size:13px; color:#8A8E99; display:block; margin-top:auto; padding-top:5px;}
}

/* analysis-list-box */
.analysis-list-box > ul > li {background:#fff; border-radius:30px; padding:20px; margin:0 0 16px; transition:all ease 0.5s; outline:2px solid transparent;}
.analysis-list-box > ul > li > .list-head {display:flex; flex-wrap:wrap; align-items:center;}
.analysis-list-box > ul > li > .list-head .head-left {flex:1; min-width:0; padding:0 30px 0 0;}
.analysis-list-box > ul > li > .list-head .head-left .inner {display:block;}
.analysis-list-box > ul > li > .list-head .head-left .left-top {display:flex; flex-wrap:wrap; align-items:center;}
.analysis-list-box > ul > li > .list-head .head-left .left-top .subject {flex:1; min-width:0; font-size:19px; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.analysis-list-box > ul > li > .list-head .head-left .left-top .subject.full {flex:none; width:100%; padding:0; margin:10px 0 0;}
.analysis-list-box > ul > li > .list-head .head-left .left-bottom {margin:10px 0 0;}
.analysis-list-box > ul > li > .list-head .head-left .left-bottom .detail {font-size:17px; color:#454545; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.analysis-list-box > ul > li > .list-head .head-left .left-bottom ul {display:flex; flex-wrap:wrap; margin:10px 0 0; gap:10px 20px;}
.analysis-list-box > ul > li > .list-head .head-left .left-bottom ul li {display:flex; flex-wrap:wrap;}
.analysis-list-box > ul > li > .list-head .head-left .left-bottom ul li b {font-size:17px; color:#919191; margin:0 10px 0 0;}
.analysis-list-box > ul > li > .list-head .head-left .left-bottom ul li p {font-size:17px; font-weight:500;}
.analysis-list-box > ul > li > .list-head .head-right {width:150px;}
.analysis-list-box > ul > li > .list-head .head-right .button-box .btn {width:100%; height:48px; margin:0 0 8px;}
.analysis-list-box > ul > li > .list-head .head-right .button-box .btn:last-of-type {margin:0;}
.analysis-list-box > ul > li > .list-head .head-right .button-box .btn-purple {color:#fff;}
.analysis-list-box > ul > li > .list-head .head-right .button-box .btn-white {color:#1d1d1d;}
.analysis-list-box > ul > li > .list-head .head-right .button-box .btn-gray {border:1px solid rgba(29, 29, 29, 0.5);}
.analysis-list-box > ul > li > .list-body {display:none; border-top:1px solid rgba(29, 29, 29, 0.5); padding:30px 0 0; margin:30px 0 0;}
.analysis-list-box > ul > li:hover {outline:2px solid var(--color-active);}
.analysis-list-box > ul > li.active {outline:2px solid var(--color-active);}
.analysis-list-box > ul > li.active > .list-body {display:block;}
@media (max-width:1400px){
.analysis-list-box > ul > li > .list-head .head-left .left-top .subject {flex:none; width:100%; padding:0; margin:10px 0 0;}
}
@media (max-width:991px){
.analysis-list-box > ul > li {border-radius:20px; padding:20px 16px; margin:0 0 20px;}
.analysis-list-box > ul > li > .list-head .head-left {flex:none; width:100%; padding:0;}
.analysis-list-box > ul > li > .list-head .head-left .left-bottom ul {gap:5px 0;}
.analysis-list-box > ul > li > .list-head .head-left .left-bottom ul li {width:100%;}
.analysis-list-box > ul > li > .list-head .head-left .left-bottom ul li p {flex:1; min-width:0;}
.analysis-list-box > ul > li > .list-head .head-right {width:100%; margin:10px 0 0;}
}

/* report-view-box */
.report-view-box {background:#F4F4F4; padding:16px 24px; border-radius:6px; border:1px solid rgba(29, 29, 29, 0.2); text-align:center; font-size:19px; font-weight:500; color:rgba(29, 29, 29, 0.2);}

/* chat-box */
.chat-box {background:#fff; height:700px; display:flex; flex-wrap:wrap; padding:28px 46px; border-radius:30px;}
.chat-box .chat-left {width:35%; height:100%; display:flex; flex-direction:column; border:1px solid #CFD2DB; margin:0 12px 0 0; border-radius:16px; overflow:hidden;}
.chat-box .chat-left .left-search {padding:24px; width:100%;}
.chat-box .chat-left .left-list {padding:0 16px; width:100%; height:100%; overflow-y:auto;}
.chat-box .chat-left .left-list > ul > li {border-bottom:1px solid rgba(29, 29, 29, 0.2);}
.chat-box .chat-left .left-list > ul > li:last-of-type {border:0;}
.chat-box .chat-left .left-list > ul > li .inner {display:flex; flex-wrap:wrap; align-items:center; padding:20px 16px;}
.chat-box .chat-left .left-list > ul > li .inner .list-image {margin:0 16px 0 0;}
.chat-box .chat-left .left-list > ul > li .inner .list-image img {width:60px; height:60px; border-radius:50%; object-fit:cover;}
.chat-box .chat-left .left-list > ul > li .inner .list-content {flex:1; min-width:0;}
.chat-box .chat-left .left-list > ul > li .inner .list-content .content-top {display:flex; flex-wrap:wrap; align-items:center;}
.chat-box .chat-left .left-list > ul > li .inner .list-content .content-top .subject {flex:1; min-width:0; padding:0 10px 0 0; display:flex; align-items:center;}
.chat-box .chat-left .left-list > ul > li .inner .list-content .content-top .subject p {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; font-weight:500;}
.chat-box .chat-left .left-list > ul > li .inner .list-content .content-top .subject span {background:#E8EEFF; display:flex; flex-wrap:wrap; align-items:center; margin:0 0 0 8px; border-radius:6px; height:25px; padding:0 8px; font-size:15px; color:#1D56BC;}
.chat-box .chat-left .left-list > ul > li .inner .list-content .content-top .subject span:before {display:block; content:""; width:13.75px; height:11px; margin:0 3px 0 0; background:url('../../images/hmpg/icon_king.svg?a=1') no-repeat center / cover;}
.chat-box .chat-left .left-list > ul > li .inner .list-content .content-bottom {display:flex; flex-wrap:wrap; align-items:center; margin:8px 0 0;}
.chat-box .chat-left .left-list > ul > li .inner .list-content .content-bottom p {line-height:1.3; flex:1; min-width:0; padding:0 10px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#8A8E99;}
.chat-box .chat-left .left-list > ul > li .inner .list-content .content-bottom span {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; color:#fff; background:#E43131; padding:5px 8.5px; font-size:13px; line-height:1.3; font-weight:600;}
.chat-box .chat-left .left-list > ul > li:hover {background:#E8EEFF;}
.chat-box .chat-left .left-list > ul > li.active {background:#E8EEFF;}
.chat-box .chat-right {flex:1; min-width:0; width:65%; height:100%; border:1px solid #CFD2DB; border-radius:16px; overflow:hidden;}
.chat-box .chat-right .box {height:100%; display:flex; flex-direction:column;}
.chat-box .chat-right .right-head {width:100%; display:none;}
.chat-box .chat-right .right-body {width:100%; height:100%; display:flex; flex-direction:column; overflow:hidden;}
.chat-box .chat-right .right-body .body-top {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:24px;}
.chat-box .chat-right .right-body .body-top .user {display:flex; flex-wrap:wrap; align-items:center;}
.chat-box .chat-right .right-body .body-top .user img {width:56px; height:56px; border-radius:50%; object-fit:cover; box-shadow:0 4px 10px rgba(0,0,0,0.04);}
.chat-box .chat-right .right-body .body-top .user p {margin:0 0 0 15px; font-size:19px; font-weight:500; color:#222;}
.chat-box .chat-right .right-body .body-top .link {height:48px; padding:0 16px; font-size:16px; color:#454545; display:flex; flex-wrap:wrap; align-items:center; background:#fff; border:1px solid #ddd; border-radius:6px;}
.chat-box .chat-right .right-body .body-top .link:before {display:block; content:""; width:20px; height:16px; margin:0 8px 0 0; background:url('../../images/hmpg/icon_king.svg') no-repeat center / cover;}
.chat-box .chat-right .right-body .body-top .link:hover {background:#efefef;}
.chat-box .chat-right .right-body .body-list {background:#F2F3F6; width:100%; height:100%; overflow-y:auto; padding:30px 20px;}
.chat-box .chat-right .right-body .body-list .time {text-align:center; font-size:16px; color:#919191; margin:0 0 30px;}
.chat-box .chat-right .right-body .body-list ul li {margin:0 0 20px; display:flex; flex-wrap:wrap; justify-content:flex-end;}
.chat-box .chat-right .right-body .body-list ul li p {background:#454545; color:#fff; border-radius:30px 5px 30px 30px; font-size:17px; padding:20px; box-shadow:0 4px 10px rgba(25, 81, 116, 0.2);}
.chat-box .chat-right .right-body .body-list ul li span {width:100%; text-align:right; margin:10px 0 0; color:#919191;}
.chat-box .chat-right .right-body .body-list ul li span a {color:#333; font-size:15px; display:inline-block; margin:0 0 0 5px;}
.chat-box .chat-right .right-body .body-list ul li span a:hover {text-decoration:underline;}
.chat-box .chat-right .right-body .body-list ul li.mine {justify-content:flex-start;}
.chat-box .chat-right .right-body .body-list ul li.mine p {background:#fff; color:#1d1d1d;}
.chat-box .chat-right .right-body .body-list ul li.mine span {text-align:left;}
.chat-box .chat-right .right-body .body-write {width:100%; background:#F2F3F6; padding:24px 16px; display:flex; flex-wrap:wrap; align-items:center;}
.chat-box .chat-right .right-body .body-write .write-inner {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; background:#fff; width:100%; padding:0 14px;}
.chat-box .chat-right .right-body .body-write .write-file {position:relative;}
.chat-box .chat-right .right-body .body-write .write-file input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.chat-box .chat-right .right-body .body-write .write-file label {display:block; font-size:0; width:28px; height:28px; background:url('../../images/hmpg/icon_clip.svg') no-repeat center / cover;}
.chat-box .chat-right .right-body .body-write .write-text {flex:1; min-width:0; margin:0 0 0 10px;}
.chat-box .chat-right .right-body .body-write .write-text textarea {height:56px; font-size:17px; padding:14px 0; border:0;}
.chat-box .chat-right .right-body .body-write .button-box {gap:0 2px;}
.chat-box .chat-right .right-body .body-write .button-box .btn {width:32px; height:32px; font-size:0; border-radius:50%; background:url('../../images/hmpg/icon_write_submit.svg') no-repeat center / cover !important;}
.chat-box .chat-right.m-block {flex:none; width:100%;}
.chat-inner-box {background:#fff; border-radius:30px; padding:28px 46px; margin:0 0 24px;}
@media (max-width:991px){
.chat-box {height:auto; border-radius:0; padding:0; margin:-20px -16px 0;}
.chat-box .back {padding:24px 0 0;}
.chat-box .chat-left {width:100%; border-radius:0; margin:0; border-left:0; border-right:0;}
.chat-box .chat-left .left-search {border-bottom:1px solid rgba(69, 69, 69, 0.2);}
.chat-box .chat-left .left-list {padding:0;}
.chat-box .chat-right {border-left:0; border-right:0; border-radius:0; flex:none; display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:#fff;}
.chat-box .chat-right .right-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:relative; padding:15px; background:#fff; border-bottom:1px solid rgba(29, 29, 29, 0.3);}
.chat-box .chat-right .right-head strong {font-size:19px; font-weight:700; color:#454545;}
.chat-box .chat-right .right-head .close {position:absolute; right:15px; top:50%; transform:translateY(-50%); width:20px; height:20px; background:url('../../images/hmpg/icon_close.svg') no-repeat center / cover; font-size:0;}
.chat-box .chat-right .right-body .body-top {padding:15px;}
.chat-box .chat-right .right-body .body-top .user img {width:46px; height:46px;}
.chat-box .chat-right .right-body .body-top .user p {margin:0 0 0 10px; font-size:17px;}
.chat-box .chat-right .right-body .body-top .link {height:40px; font-size:15px; padding:0 10px;}
.chat-box .chat-right .right-body .body-list {padding:16px;}
.chat-box .chat-right .right-body .body-list .time {margin:0 0 15px;}
.chat-box .chat-right .right-body .body-list ul li {margin:0 0 15px;}
.chat-box .chat-right .right-body .body-list ul li p {font-size:15px; padding:12px 20px;}
.chat-box .chat-right .right-body .body-write {padding:0 16px 16px;}
.chat-box.fixed .chat-right {display:block;}
.chat-box .chat-right.m-block {position:static; height:500px; width:100%; display:block;}
.chat-box .chat-right.m-block .right-head {display:none;}
.chat-box .chat-right.m-block .right-body .body-write {position:sticky; bottom:0;}
.chat-inner-box {border-radius:0; margin:0 -16px 40px; padding:16px;}
.chat-inner-box .back {padding:0 !important;}
}

/* list-none-box */
.list-none-box p {padding:120px 20px; font-size:24px; font-weight:600; text-align:center; color:#989CA4;}
@media (max-width:991px){
.list-none-box p {padding:80px 15px; font-size:19px;}
}

/* like-box */
.like-box button {width:27px; height:27px; font-size:0; display:block; background:url('../../images/hmpg/icon_heart.svg') no-repeat center / cover; filter:var(--filter-gray-600);}
.like-box button.active {background-image:url('../../images/hmpg/icon_heart_on.svg'); animation:pop 0.4s ease, sparkle 0.6s ease; filter:var(--filter-active-100);}

/* tooltip-box */
.tooltip-box {position:relative;}
.tooltip-box .tooltip-btn {width:20px; height:20px; font-size:0; background:url('../../images/hmpg/icon_tooltip_btn.svg') no-repeat center / cover;}
.tooltip-box .tooltip-inner {width:360px; pointer-events:none; opacity:0; transition:all ease 0.5s; z-index:10; position:absolute; background:#fff; border:1px solid #C6C6C6; border-radius:12px; padding:24px;}
.tooltip-box .tooltip-inner:before {pointer-events:none; opacity:0; content:""; position:absolute; width:22px; height:12px; background:url('../../images/hmpg/icon_toolitip_arrow.svg') no-repeat center / cover;}
.tooltip-box .tooltip-inner .inner-head {display:flex; flex-wrap:wrap; margin:0 !important;}
.tooltip-box .tooltip-inner .inner-head strong {flex:1; min-width:0; padding:0 10px 0 0;}
.tooltip-box .tooltip-inner .inner-head .close {display:block; font-size:0; width:16px; height:16px; background:url('../../images/hmpg/icon_tooltip_close.svg') no-repeat center / cover;}
.tooltip-box .tooltip-inner .inner-body p {font-size:15px; color:#1d1d1d; word-break:keep-all; margin:15px 0 0; text-align:left;}
.tooltip-box.tooltip-top .tooltip-inner {left:-25px; bottom:calc(100% + 16px);}
.tooltip-box.tooltip-top .tooltip-inner:before {left:22px; top:calc(100% - 0.5px);}
.tooltip-box.tooltip-bottom .tooltip-inner {left:-25px; top:calc(100% + 16px);}
.tooltip-box.tooltip-bottom .tooltip-inner:before {left:22px; bottom:calc(100% - 0.5px); transform:rotate(180deg);}
.tooltip-box.focus {z-index:20;}
.tooltip-box.focus .tooltip-inner {pointer-events:inherit; opacity:1;}
.tooltip-box.focus .tooltip-inner:before {pointer-events:inherit; opacity:1;}
.tooltip-box.active {z-index:19;}
.tooltip-box.active .tooltip-inner {pointer-events:inherit; opacity:1;}
.tooltip-box.active .tooltip-inner:before {pointer-events:inherit; opacity:1;}
@media (max-width:991px){
.tooltip-box .tooltip-inner {width:200px; padding:10px;}
.tooltip-box .tooltip-inner .inner-head strong {font-size:13px;}
.tooltip-box .tooltip-inner .inner-body p {font-size:13px; margin:5px 0 0;}
}

/* login-box */
.login-box {background:#fff; border-radius:30px; padding:60px 50px; margin:100px 0 0;}
@media (max-width:991px){
.login-box {margin:50px 0 0; border-radius:0; padding:0;}
}

/* profile-image-box */
.profile-image-box {margin:0 0 40px;}
.profile-image-box img {max-width:200px; border-radius:10px; border:1px solid #CFD2DB;}
@media (max-width:991px){
.profile-image-box {margin:0 0 20px;}
.profile-image-box img {display:block; margin:0 auto;}
}

/* ai-summary-box */
.ai-summary-box h3 {border-bottom:1px solid #ddd; padding:0 0 40px; margin:0 0 40px;}
.ai-summary-box h3 b {display:flex; flex-wrap:wrap; align-items:center; font-weight:600;}
.ai-summary-box h3 b:before {display:inline-block; content:""; width:20px; height:20px; margin:0 10px 0 0; background:url('../../images/hmpg/icon_book.svg') no-repeat center / cover;}
.ai-summary-box h3 strong {display:block; font-size:24px; font-weight:600; line-height:1.4; word-break:keep-all; margin:16px 0 0;}
.ai-summary-box > ul > li {margin:0 0 40px; padding:0 0 40px; border-bottom:1px solid #ddd;}
.ai-summary-box > ul > li:last-of-type {margin:0; padding:0; border:0;}
.ai-summary-box > ul > li > b {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; font-weight:600; margin:0 0 16px;}
.ai-summary-box > ul > li > b:before {display:inline-block; content:""; width:20px; height:20px; margin:0 8px 0 0; background-size:cover; background-position:center;}
.ai-summary-box > ul > li > .smr-text {background:#F2F3F6; border:1px solid #C0C0C0; border-radius:8px; padding:24px;}
.ai-summary-box > ul > li > .smr-text p {font-size:15px; word-break:keep-all;}
.ai-summary-box > ul > li > .smr-text p b {font-size:15px; font-weight:500; color:#f00;}
.ai-summary-box > ul > li > .smr-keyword ul {display:flex; flex-wrap:wrap; margin:0 -5px -10px;}
.ai-summary-box > ul > li > .smr-keyword ul li {width:calc(20% - 10px); margin:0 5px 10px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; border-radius:8px; background:#F2F3F6; padding:8px 16px; font-size:15px; font-weight:500; color:#454545;}
.ai-summary-box > ul > li > .smr-list > ul > li {margin:0 0 10px;}
.ai-summary-box > ul > li > .smr-list > ul > li:last-of-type {margin:0;}
.ai-summary-box > ul > li > .smr-list > ul > li .inner {display:block; border:1px solid #CFD2DB; border-radius:16px; padding:16px;}
.ai-summary-box > ul > li > .smr-list > ul > li .inner dl {display:flex; flex-wrap:wrap; gap:5px 15px;}
.ai-summary-box > ul > li > .smr-list > ul > li .inner dl dt {width:100%; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ai-summary-box > ul > li > .smr-list > ul > li .inner dl dd {display:flex; flex-wrap:wrap;}
.ai-summary-box > ul > li > .smr-list > ul > li .inner dl dd b {color:#989CA4; margin:0 8px 0 0;}
.ai-summary-box > ul > li > .smr-list > ul > li .inner dl dd p {color:#454545;}
.ai-summary-box > ul > li > .smr-list > ul > li .inner ul {border-top:1px solid #CFD2DB; padding:15px 0 0 20px; margin:15px 0 0;}
.ai-summary-box > ul > li > .smr-list > ul > li .inner ul li {list-style:disc; font-size:13px; word-break:keep-all; margin:0 0 4px; color:#454545;}
.ai-summary-box > ul > li > .smr-list > ul > li .inner ul li:last-of-type {margin:0;}
.ai-summary-box > ul > li.keyword b:before {background-image:url('../../images/hmpg/icon_ai_summary_01.svg');}
.ai-summary-box > ul > li.content b:before {background-image:url('../../images/hmpg/icon_ai_summary_02.svg');}
.ai-summary-box > ul > li.board b:before {background-image:url('../../images/hmpg/icon_ai_summary_03.svg');}
@media (max-width:991px){
.ai-summary-box h3 {padding:0 0 24px; margin:0 0 24px;}
.ai-summary-box > ul > li {margin:0 0 24px; padding:0 0 24px;}
.ai-summary-box > ul > li > .smr-text {padding:24px 16px;}
.ai-summary-box > ul > li > .smr-keyword ul {gap:5px;}
.ai-summary-box > ul > li > .smr-keyword ul li {width:auto; margin:0;}
.ai-summary-box > ul > li > .smr-list > ul > li .inner dl {gap:0;}
.ai-summary-box > ul > li > .smr-list > ul > li .inner dl dd {width:100%;}
}

/* equipment-list-box */
.equipment-list-box {display:flex; flex-wrap:wrap; gap:20px; margin:0 0 80px;}
.equipment-list-box .equip-inner {flex:1; min-width:0; background:#F2F3F6; border-radius:30px; padding:40px;}
.equipment-list-box .equip-inner .inner-head {margin:0 0 40px; display:flex; flex-wrap:wrap;}
.equipment-list-box .equip-inner .inner-head:before {display:inline-block; content:""; width:24px; height:23px; margin:0 8px 0 0; background:url('../../images/hmpg/icon_equip_title.svg') no-repeat center / cover;}
.equipment-list-box .equip-inner .inner-head > h5 {flex:1; min-width:0; font-size:19px; font-weight:500; color:#454545; word-break:keep-all;}
.equipment-list-box .equip-inner .inner-body > ul {display:flex; flex-wrap:wrap; margin:0 -12px -24px;}
.equipment-list-box .equip-inner .inner-body > ul > li {width:calc(50% - 24px); margin:0 12px 24px; background:#fff; border-radius:20px; outline:2px solid transparent; transition:all ease 0.5s;}
.equipment-list-box .equip-inner .inner-body > ul > li .inner {display:block; padding:24px;}
.equipment-list-box .equip-inner .inner-body > ul > li .inner .list-image {max-width:170px; height:80px; margin:0 auto;}
.equipment-list-box .equip-inner .inner-body > ul > li .inner .list-image img {max-width:100%; max-height:100%; object-fit:cover; display:block; margin:0 auto;}
.equipment-list-box .equip-inner .inner-body > ul > li .inner .list-content {margin:16px 0 0;}
.equipment-list-box .equip-inner .inner-body > ul > li .inner .list-content .badge-box {justify-content:center;}
.equipment-list-box .equip-inner .inner-body > ul > li .inner .list-content strong {margin:8px 0 0; font-size:17px; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center; display:block;}
.equipment-list-box .equip-inner .inner-body > ul > li .inner .list-content p {text-align:center; font-size:15px; color:#454545; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.equipment-list-box .equip-inner .inner-body > ul > li:hover {outline:2px solid var(--color-active);}
@media (max-width:1300px){
.equipment-list-box {margin:0;}
}
@media (max-width:991px){
.equipment-list-box {gap:0;}
.equipment-list-box .equip-inner {flex:none; width:calc(100% + 32px); padding:32px 16px; border-radius:0; margin:0 -16px 20px;}
.equipment-list-box .equip-inner:last-of-type {margin-bottom:0;}
.equipment-list-box .equip-inner .inner-head {margin:0 0 20px;}
.equipment-list-box .equip-inner .inner-head h5 {font-size:17px;}
}
@media (max-width:600px){
.equipment-list-box .equip-inner .inner-body > ul {margin:0;}
.equipment-list-box .equip-inner .inner-body > ul > li {width:100%; margin:0 0 15px;}
.equipment-list-box .equip-inner .inner-body > ul > li:last-of-type {margin:0;}
}

/* equip-list-box */
.equip-list-box h5 {font-size:24px; font-weight:500; color:#454545; word-break:keep-all; position:relative; padding:0 0 0 32px; margin:0 0 30px;}
.equip-list-box h5:before {position:absolute; content:""; width:22px; height:22px; background:url('../../images/hmpg/icon_mine.svg') no-repeat center / cover; left:0; top:6px; border-radius:50%; box-shadow:0 7px 15px rgba(20, 173, 241, 0.31);}
.equip-list-box ul {display:flex; flex-wrap:wrap; margin:0 -6px -12px;}
.equip-list-box ul li {background:#fff; width:calc(25% - 12px); margin:0 6px 12px; border-radius:20px; padding:24px; transition:all ease 0.5s; outline:2px solid transparent;}
.equip-list-box ul li .list-image {height:80px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.equip-list-box ul li .list-image img {max-width:100%; max-height:100%; margin:0 auto; object-fit:cover;}
.equip-list-box ul li .list-content {margin:10px 0 0;}
.equip-list-box ul li .list-content .badge-box {justify-content:center; margin:0 0 10px;}
.equip-list-box ul li .list-content .name {font-size:17px; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center;}
.equip-list-box ul li .list-content .detail {font-size:15px; text-align:center; color:#454545; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:5px 0 0;}
.equip-list-box ul li .list-content .button-box {margin:15px 0 0;}
.equip-list-box ul li:hover {outline:2px solid var(--color-active);}
@media (max-width:1600px){
.equip-list-box ul li {width:calc(33.33% - 12px);}
}
@media (max-width:991px){
.equip-list-box ul {margin:0 -12px -24px;}
.equip-list-box ul li {width:calc(50% - 24px); margin:0 12px 24px;}
}
@media (max-width:600px){
.equip-list-box > ul {margin:0;}
.equip-list-box > ul > li {width:100%; margin:0 0 15px;}
.equip-list-box > ul > li:last-of-type {margin:0;}
.equip-list-box > ul > li .inner {padding:24px 16px;}
}

/* tip-list-box */
.tip-list-box {margin:0 0 80px;}
.tip-list-box > h5 {margin:0 0 24px; font-size:19px; font-weight:500; word-break:keep-all;}
.tip-list-box > ul {display:flex; flex-wrap:wrap; margin:0 -12px -24px;}
.tip-list-box > ul > li {width:calc(25% - 24px); margin:0 12px 24px;}
.tip-list-box > ul > li .inner {display:block;}
.tip-list-box > ul > li .inner .list-image {position:relative; border-radius:20px; overflow:hidden;}
.tip-list-box > ul > li .inner .list-image:after {display:block; content:""; padding-bottom:60%;}
.tip-list-box > ul > li .inner .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.tip-list-box > ul > li .inner .list-content {margin:20px 0 0;}
.tip-list-box > ul > li .inner .list-content .image {display:flex; flex-wrap:wrap; align-items:center;}
.tip-list-box > ul > li .inner .list-content .image img {width:36px; height:36px; border-radius:50%; object-fit:cover; box-shadow:-4px 2px 4px rgba(0,0,0,0.05); margin:0 0 0 -12px;}
.tip-list-box > ul > li .inner .list-content .image img:first-of-type {margin:0;}
.tip-list-box > ul > li .inner .list-content .image b {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50%; width:36px; height:36px; background:#000; color:#fff; font-size:12px; font-weight:500; margin:0 0 0 -12px;}
.tip-list-box > ul > li .inner .list-content .subject {margin:10px 0 0; font-size:17px; color:#454545; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.tip-list-box > ul > li .inner .list-content .info {margin:10px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.tip-list-box > ul > li .inner .list-content .info li {font-size:15px; color:#8A8E99; display:flex; flex-wrap:wrap; align-items:center;}
.tip-list-box > ul > li .inner .list-content .info li.hit:before {display:inline-block; content:""; width:20px; height:20px; margin:0 8px 0 0; background:url('../../images/hmpg/icon_hit.svg') no-repeat center / cover;}
@media (max-width:1300px){
.tip-list-box {margin:0;}
}
@media (max-width:991px){
.tip-list-box  {margin:40px 0 0;}
.tip-list-box > ul > li {width:calc(50% - 24px);}
}
@media (max-width:600px){
.tip-list-box > h5 {text-align:center;}
.tip-list-box > ul {margin:0;}
.tip-list-box > ul > li {width:100%; margin:0 0 20px;}
.tip-list-box > ul > li:last-of-type {margin:0;}
.tip-list-box > ul > li .inner .list-content {margin:10px 0 0;}
}

/* swiper-gallery-box */
.swiper-gallery-box {width:100%; height:100%; max-width:100%; margin:0 auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.swiper-gallery-box .inner-swiper {height:100%; flex:1; min-width:0;}
.swiper-gallery-box .inner-swiper .swiper-container {height:100%; overflow:hidden;}
.swiper-gallery-box .inner-swiper .swiper-wrapper {height:100%;}
.swiper-gallery-box .inner-swiper .swiper-slide {height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.swiper-gallery-box .inner-swiper .swiper-slide img {display:block; margin:0 auto; max-width:100%; max-height:100%; object-fit:cover; border:1px solid #ddd; border-radius:20px;}
.swiper-gallery-box .swiper-button-prev {position:static; width:50px; height:50px; background:url('../../images/hmpg/icon_swiper_arrow_left.svg') no-repeat center / cover;}
.swiper-gallery-box .swiper-button-prev:after {display:none;}
.swiper-gallery-box .swiper-button-next {position:static; width:50px; height:50px; background:url('../../images/hmpg/icon_swiper_arrow_right.svg') no-repeat center / cover;}
.swiper-gallery-box .swiper-button-next:after {display:none;}
.swiper-gallery-box .swiper-pagination {width:100%; position:fixed; left:50%; top:auto; bottom:15px; transform:translateX(-50%);}
.swiper-gallery-box .swiper-pagination span {width:12px; height:12px; background:#fff; opacity:1; margin:0 4px;}
.swiper-gallery-box .swiper-pagination span.swiper-pagination-bullet-active {background:var(--color-active);}
@media (max-width:991px){
.swiper-gallery-box .swiper-button-prev {display:none;}
.swiper-gallery-box .swiper-button-next {display:none;}
}

/* error-box */
.error-box {min-height:calc(100vh - 100px); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:50px 16px;}
.error-box h2 img {display:block; width:135px; display:block; margin:0 auto;}
.error-box h3 {margin:40px 0 0; text-align:center; font-size:40px; font-weight:600;}
.error-box p {margin:15px 0 0; font-size:17px; text-align:center; color:#8A8E99; word-break:keep-all;}
.error-box .button-box {margin:40px 0 0;}
@media (max-width:991px){
.error-box h2 img {width:81px;}
.error-box h3 {font-size:24px;}
.error-box p {margin:5px 0 0; font-size:15px;}
}

/* intro-box */
.intro-box {position:fixed; left:0; top:0; width:100%; height:100%; overflow:hidden; background:url('../../images/hmpg/bg_intro_top.png') no-repeat left top / 20%, url('../../images/hmpg/bg_intro_bottom.png') no-repeat right bottom / 50%; background-color:#fff;}
.intro-box .intro-head {z-index:1001;position:absolute; right:35px; top:35px;} 
.intro-box .intro-head .button-box .btn {padding:0 60px; font-size:25px;}
.intro-box .intro-body {width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center;}
.intro-box .intro-body .body-start p {text-align:center; font-size:4.2vw; font-weight:600; line-height:1.3;}
.intro-box .intro-body .body-start p b {font-size:4.2vw; font-weight:600; line-height:1.3; position:relative;}
.intro-box .intro-body .body-start p b:before {position:absolute; left:50%; bottom:calc(100% + 8px); transform:translateX(-50%); width:12px; height:12px; border-radius:50%; background:var(--color-active); content:"";}
.intro-box .intro-body .body-start > div {display:flex; flex-wrap:wrap; justify-content:center; margin:30px 0 0; width:100%;}
.intro-box .intro-body .body-start > div strong {font-size:4.2vw; font-weight:600; line-height:1.3; color:var(--color-active);}
.intro-box .intro-body .body-start > div .word {position:relative; width:18.5vw;}
.intro-box .intro-body .body-start > div .word p {font-size:4.2vw; font-weight:600; line-height:1.3; color:var(--color-active); text-align:center;}
.intro-box .intro-body .body-start > div .word ul {position:absolute; width:100%; will-change:transform;}
.intro-box .intro-body .body-start > div .word ul li {font-size:4.2vw; font-weight:600; line-height:1.3; color:var(--color-active); text-align:center; padding:1.3vw 0 0; opacity:0.2;}
.intro-box .intro-logo {z-index:1000; pointer-events:none; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; transition:all ease 0.5s; opacity:0;}
.intro-box .intro-logo img {width:25%;}
.intro-box .intro-logo.active {pointer-events:inherit; opacity:1;}
@media (max-width:991px){
.intro-box .intro-head .button-box .btn {padding:0 40px; font-size:20px;}
.intro-box .intro-body .body-start p {font-size:6vw;}
.intro-box .intro-body .body-start p b {font-size:6vw;}
.intro-box .intro-body .body-start > div {margin:15px 0 0;}
.intro-box .intro-body .body-start > div strong {font-size:6vw;}
.intro-box .intro-body .body-start > div .word {width:24.5vw;}
.intro-box .intro-body .body-start > div .word p {font-size:6vw;}
.intro-box .intro-body .body-start > div .word ul li {font-size:6vw;}
.intro-box .intro-logo img {width:40%;}
}
@media (max-width:600px){
.intro-box {background:url('../../images/hmpg/bg_intro_bottom_m.png') no-repeat right 125% / 100%; background-color:#fff;}
.intro-box .intro-head {right:15px; top:15px;}
.intro-box .intro-head .button-box .btn {font-size:17px; height:40px;}
.intro-box .intro-body {position:absolute; left:0; top:25%; width:100%; height:auto;}
.intro-box .intro-body .body-start p {font-size:6.7vw; line-height:1.1;}
.intro-box .intro-body .body-start p b {font-size:6.7vw; line-height:1.1;}
.intro-box .intro-body .body-start p b:before {width:5px; height:5px;}
.intro-box .intro-body .body-start > div {margin:10px 0 0;}
.intro-box .intro-body .body-start > div strong {font-size:6.7vw; line-height:1.1;}
.intro-box .intro-body .body-start > div .word {width:26.5vw;}
.intro-box .intro-body .body-start > div .word p {font-size:6.7vw; line-height:1.1;}
.intro-box .intro-body .body-start > div .word ul li {font-size:6.7vw; line-height:1.1;}
}

/* search-box */
.search-box {height:100vh; min-height:800px; display:flex; flex-direction:column; background:url('../../images/hmpg/bg_search.png') no-repeat center / cover;}
.search-box > div {width:100%; padding:0 30px; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center;}
.search-box > div > * {width:100%;}
.search-box .search-top {width:100%; height:100%;}
.search-box .search-top:after {pointer-events:none; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); content:""; opacity:0; transition:all ease 0.5s;}
.search-box .search-top h1 img {display:block; margin:0 auto; width:350px;}
.search-box .search-top h2 {margin:16px 0 0; font-size:36px; color:#fff; word-break:keep-all; line-height:1; text-align:center;}
.search-box .search-top .top-search {max-width:1187px; margin:0 auto; display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:32px 0 0;}
.search-box .search-top .top-search .search-inner {flex:1; min-width:0; position:relative; overflow:hidden; border-radius:50px; height:83px;}
.search-box .search-top .top-search .search-inner:before {position:absolute; left:0; top:0; width:100%; height:100%; border-radius:50px; background:url('../../images/hmpg/bg_search_form.png') no-repeat center / cover; content:"";}
.search-box .search-top .top-search .search-inner input {position:absolute; z-index:2; left:50%; top:50%; transform:translate(-50%,-50%); width:calc(100% - 4px); height:calc(100% - 4px); padding:0 35px; font-size:20px; color:#fff; border-radius:50px; background:url('../../images/hmpg/bg_search_input.png') no-repeat center / cover;}
.search-box .search-top .top-search .search-inner p {pointer-events:none; position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; font-size:20px; color:rgba(173, 173, 173, 0.8); z-index:3; padding:0 35px;}
.search-box .search-top .top-search .search-inner p .char {display:inline-block; opacity:0; transform:translateY(6px); transition:opacity 300ms ease, transform 300ms ease; font-size:20px; color:rgba(173, 173, 173, 0.8);}
.search-box .search-top .top-search .search {width:80px; height:80px; font-size:0; display:block; background:url('../../images/hmpg/icon_search_btn.png') no-repeat center / cover; border-radius:50%;}
.search-box .search-top .top-more {margin:70px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.search-box .search-top .top-more a {display:flex; flex-wrap:wrap; align-items:center; font-size:20px; font-weight:500; color:#fff;}
.search-box .search-top .top-more a:after {display:inline-block; content:""; width:24px; height:24px; margin:0 0 0 12px; background:url('../../images/hmpg/icon_search_more.svg') no-repeat center / cover;}
.search-box .search-top .top-more a:hover {text-decoration:underline;}
.search-box .search-top .top-search .search-inner:hover p .char {opacity:1; transform:translateY(0);}
.search-box .search-top .top-search .search-inner:not(:hover) p .char {opacity:0; transform:translateY(6px);}
.search-box .search-top .top-search .search-inner:focus-within p {display:none;}
.search-box .search-bottom {position:relative; padding-top:65px; padding-bottom:95px;}
.search-box .search-bottom:after {pointer-events:none; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); content:""; opacity:0; transition:all ease 0.5s;}
.search-box .search-bottom h2 {margin:0 0 32px; text-align:center; font-size:26px; color:#fff; word-break:keep-all; line-height:1.4;}
.search-box .search-bottom h2 b {font-size:28px; font-weight:600; color:#fff; line-height:1.4;}
.search-box .search-bottom ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px;}
.search-box .search-bottom ul li a {transition:all ease 0.5s; position:relative; isolation:isolate; height:70px; padding:0 18px; font-size:20px; font-weight:500; color:#F5F5F5; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; background:rgba(255,255,255,0.12); -webkit-backdrop-filter:blur(12px) saturate(140%); box-shadow:0 10px 24px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.20);}
.search-box .search-bottom ul li a::before{content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; padding:2px; background:linear-gradient(135deg,rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.35) 28%,rgba(255,255,255,0.10) 55%,rgba(0,0,0,0.25) 100%); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);  -webkit-mask-composite: xor; mask-composite: exclude;}
.search-box .search-bottom ul li a:hover{
  background:
    radial-gradient(74.15% 88.13% at 50% 50%,
      rgba(206, 83, 255, 0) 40%,
      rgba(206, 83, 255, 1) 100%
    ),
    radial-gradient(60.32% 65% at 53.06% 50%,
      rgba(36, 35, 166, 0.76) 40.87%,
      rgba(36, 35, 166, 0) 100%
    ),
    radial-gradient(55.49% 20% at 50% 0%,
      rgba(255, 255, 255, 0.4) 0%,
      rgba(20, 97, 241, 0) 53.85%
    ),
    radial-gradient(85.56% 91.21% at 52.78% 32.5%,
      rgba(197, 249, 255, 0) 54.33%,
      rgba(197, 249, 255, 0.4) 81.25%,
      #FFFFFF 96.63%
    ),
    linear-gradient(249.33deg, #0077FF 3.87%, #004799 88.89%);

  /* 위→아래 레이어 순서대로 적용 */
  background-blend-mode: screen, normal, screen, screen, normal;
}

.search-box .search-top:hover ~ .search-bottom {filter:blur(5px);}
.search-box .search-top:hover ~ .search-bottom:after {opacity:1;}
.search-box:has(.search-bottom:hover) .search-top {filter:blur(5px);}
.search-box:has(.search-bottom:hover) .search-top:after {opacity:1;}
@media (max-width:991px){
.search-box {position:relative; overflow:hidden;}
.search-box {min-height:0;}
.search-box .search-top h1 img {width:180px;}
.search-box .search-top h2 {margin:12px 0 0; font-size:20px;}
.search-box .search-top .top-search {margin:30px 0 0;}
.search-box .search-top .top-search .search-inner {height:45px;}
.search-box .search-top .top-search .search-inner input {padding:0 16px; font-size:15px;}
.search-box .search-top .top-search .search-inner p {padding:0 16px; font-size:15px;}
.search-box .search-top .top-search .search-inner p .char {font-size:15px;}
.search-box .search-top .top-search .search {width:45px; height:45px;}
.search-box .search-top .top-more {margin:50px 0 0;}
.search-box .search-top .top-more a {font-size:16px;}
.search-box .search-top .top-more a:after {width:17px; height:17px;}
.search-box .search-bottom {padding-top:20px; padding-bottom:20px; position:absolute; left:0; top:-10%; width:100%; filter:blur(5px) !important;}
.search-box .search-bottom:after {opacity:1 !important;}
.search-box .search-bottom h2 {font-size:18px;}
.search-box .search-bottom h2 b {font-size:18px;}
.search-box .search-bottom ul li a {height:44px; padding:0 20px; font-size:15px; pointer-events:none;}
.search-box.bottom .search-bottom {position:static; filter:blur(0px) !important; height:100%;}
.search-box.bottom .search-bottom:after {opacity:0 !important;}
.search-box.bottom .search-bottom ul li a {pointer-events:inherit;}
.search-box.bottom .search-top {position:absolute; left:0; top:-10%; width:100%; filter:blur(5px) !important; height:auto; z-index:10;}
.search-box.bottom .search-top:after {opacity:1 !important; pointer-events:inherit;}
.search-box.bottom .search-top > * {pointer-events:none;}
.search-box.top .search-top {position:static; filter:blur(0px) !important; height:100%;}
.search-box.top .search-top:after {opacity:0 !important; pointer-events:none;}
.search-box.top .search-top > * {pointer-events:inherit;}
.search-box.top .search-bottom {position:absolute; left:0; top:-10%; width:100%; filter:blur(5px) !important; height:auto;}
.search-box.top .search-bottom:after {opacity:1 !important;}
.search-box.top .search-bottom ul li a {pointer-events:none;}
.search-box.top .search-top .char {opacity:1; transform:translateY(0);}
.search-box .search-top:hover ~ .search-bottom {filter:blur(0px);}
.search-box .search-top:hover ~ .search-bottom:after {opacity:0;}
.search-box:has(.search-bottom:hover) .search-top {filter:blur(0px);}
.search-box:has(.search-bottom:hover) .search-top:after {opacity:0;}
}
@media (max-width:991px){
.search-box .search-top .top-search .search-inner:not(:hover) p .char {opacity:0; transform:translateY(6px);}
.search-box.top .search-top .top-search .search-inner p .char {opacity:1; transform:translateY(0);}
}

/* search-top-box */
.search-top-box {max-width:600px; margin:0 auto 60px;}
.search-top-box .input-box {border-color:#0051FF; border-radius:50px;}
.search-top-box .input-box input {height:42px; font-size:17px;}
@media (max-width:991px){
.search-top-box {margin:0 auto;}
}

/* board-list-box */
.board-list-box > ul > li {margin:0 0 16px;}
.board-list-box > ul > li:last-of-type {margin:0;}
.board-list-box > ul > li .inner {display:block; background:#fff; padding:24px 32px; border-radius:16px; outline:2px solid transparent;}
.board-list-box > ul > li .inner .subject {display:flex; align-items:center; gap:5px;}
.board-list-box > ul > li .inner .subject *:not(p) {flex-shrink:0;}
.board-list-box > ul > li .inner .subject .subject-inner {display:flex; align-items:center; gap:5px;}
.board-list-box > ul > li .inner .subject .subject-inner p {font-size:19px; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.board-list-box > ul > li .inner .subject .subject-inner .icon-new {width:16px; height:16px; font-size:0; background:url('../../images/hmpg/icon_new.svg') no-repeat center / cover;}
.board-list-box > ul > li .inner .subject .subject-inner .icon-clip {width:24px; height:24px; font-size:0; background:url('../../images/hmpg/icon_clip.svg') no-repeat center / cover;}
.board-list-box > ul > li .inner .subject .subject-inner .icon-lock {width:12.6px; height:14px; font-size:0; background:url('../../images/hmpg/icon_lock.svg') no-repeat center / cover;}
.board-list-box > ul > li .inner .info {margin:16px 0 0;}
.board-list-box > ul > li .inner .info ul {display:flex; flex-wrap:wrap; align-items:center;}
.board-list-box > ul > li .inner .info ul li {display:flex; flex-wrap:wrap; align-items:center;}
.board-list-box > ul > li .inner .info ul li:after {display:inline-block; content:""; width:1px; height:12px; background:#CFD2DB; margin:0 10px;}
.board-list-box > ul > li .inner .info ul li:last-of-type:after {display:none;}
.board-list-box > ul > li .inner .info ul li b {font-size:15px; color:#989CA4; margin:0 8px 0 0;}
.board-list-box > ul > li .inner .info ul li p {font-size:15px; color:#454545;}
.board-list-box > ul > li .inner:hover {outline:2px solid var(--color-active);}
.board-list-box > ul > li .inner:focus-within {outline:2px solid var(--color-active);}
@media (max-width:991px){
.board-list-box > ul > li .inner {padding:20px;}
.board-list-box > ul > li .inner .subject .subject-inner p {font-size:15px;}
.board-list-box > ul > li .inner .subject {flex-wrap:wrap;}
.board-list-box > ul > li .inner .subject .badge-box {width:100%;}
.board-list-box > ul > li .inner .subject .badge-box span {height:27px;}
.board-list-box > ul > li .inner .subject .subject-inner {width:100%;}
.board-list-box > ul > li .inner .subject .subject-inner .icon-new {width:16px; height:16px;}
.board-list-box > ul > li .inner .subject .subject-inner .icon-clip {width:16px; height:16px;}
.board-list-box > ul > li .inner .info {margin:10px 0 0;}
.board-list-box > ul > li .inner .info ul li b {font-size:13px;}
.board-list-box > ul > li .inner .info ul li p {font-size:13px;}
}

/* profile-state-box */
.profile-state-box {display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
.profile-state-box:before {display:inline-block; content:""; width:24px; height:24px; background:url('../../images/hmpg/icon_check_circle.svg') no-repeat center / cover; border-radius:50%;}
.profile-state-box b {font-size:16px; color:#333;}
.profile-state-box.hold:before {background-image:url('../../images/hmpg/icon_check_error.svg');}
@media (max-width:991px){
.profile-state-box {display:none;}
}

/* select-list-box */
.select-list-box {margin:40px 0 0; padding:12px; background:#F2F3F6; border-radius:8px;}
.select-list-box > ul {display:flex; flex-wrap:wrap; gap:8px;}
.select-list-box > ul > li {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#fff; border:1px solid #ddd; border-radius:50px; padding:4px 16px;}
.select-list-box > ul > li p {font-size:15px; color:#666;}
.select-list-box > ul > li .delete {width:16px; height:16px; display:block; font-size:0; margin:0 0 0 8px; background:url('../../images/hmpg/icon_select_list_delete.svg') no-repeat center / cover;}
@media (max-width:991px){
.select-list-box {margin:20px 0 0; display:none;}
.select-list-box > ul {gap:4px;}
.select-list-box > ul > li p {font-size:14px;}
.select-list-box > ul > li .delete {width:13px; height:13px; margin:0 0 0 5px;}
}

/* list-member-box */
.list-member-box {z-index:101; position:absolute; left:0; top:0; width:100%; height:calc(100% + 100px); display:flex; flex-wrap:wrap; justify-content:center; background:linear-gradient(to top, rgba(242, 243, 246, 0), rgba(242, 243, 246, 1)); backdrop-filter:blur(4px);}
.list-member-box p {font-size:32px; font-weight:500;}
@media (max-width:991px){
.list-member-box {height:calc(100% + 50px);}
.list-member-box p {font-size:19px;}
}

/* quration-box */
.quration-box .quration-inner {margin:0 0 20px; padding:32px 40px; border-radius:30px; background:#F2F3F6;}
.quration-box .quration-inner:last-of-type {margin:0;}
.quration-box .quration-inner h4 {margin:0 0 20px; display:flex; flex-wrap:wrap; align-items:center;}
.quration-box .quration-inner h4:before {display:block; content:""; width:34px; height:34px; background:url('../../images/hmpg/icon_quration_title.svg') no-repeat center / cover;}
.quration-box .quration-inner h4 span {flex:1; min-width:0; font-size:19px; font-weight:500; color:#454545;}
.quration-box .quration-inner .expert {display:flex; flex-wrap:wrap; margin:0 -8px -16px;}
.quration-box .quration-inner .expert li {width:calc(25% - 16px); margin:0 8px 16px; background:#fff; border-radius:20px;}
.quration-box .quration-inner .expert li .inner {display:block; padding:20px;}
.quration-box .quration-inner .expert li .inner b {font-size:17px; font-weight:600;}
.quration-box .quration-inner .expert li .inner p {margin:4px 0 0; font-size:15px; color:#454545;}
@media (max-width:991px){
.quration-box {margin:40px -16px 0;}
.quration-box .quration-inner {border-radius:0; padding:32px 16px;}
.quration-box .quration-inner h4:before {width:24px; height:24px;}
.quration-box .quration-inner h4 span {font-size:17px;}
.quration-box .quration-inner .expert {margin:0;}
.quration-box .quration-inner .expert li {width:100%; margin:0 0 16px;}
.quration-box .quration-inner .expert li:last-of-type {margin:0;}
.quration-box .quration-inner .expert li .inner {padding:16px;}
.quration-box .quration-inner .expert li .inner b {font-size:15px;}
.quration-box .quration-inner .expert li .inner p {font-size:13px;}
}

/* business-box */
.business-box > ul > li {background:#fff; margin:0 0 24px; border-radius:30px; display:flex; flex-wrap:wrap;}
.business-box > ul > li:last-of-type {margin:0;}
.business-box > ul > li .list-image {width:464px; padding:30px 20px 0;}
.business-box > ul > li .list-image img {max-width:324px; display:block; margin:0 auto;}
.business-box > ul > li .list-image p {text-align:center; padding:16px 0; font-size:13px; color:#454545; word-break:keep-all;}
.business-box > ul > li .list-content {flex:1; min-width:0; padding:60px 40px; border-left:1px solid #CFD2DB; display:flex; flex-wrap:wrap; align-items:center; align-content:center;}
.business-box > ul > li .list-content p {width:100%;}
.business-box > ul > li .list-content p strong {display:block; font-size:24px; font-weight:600; word-break:kep-all; margin:0 0 15px;}
.business-box > ul > li .list-content p span {display:block; font-size:15px; font-weight:500; color:#454545; word-break:keep-all; margin:0 0 15px;}
.business-box > ul > li .list-content p b {display:flex; flex-wrap:wrap; align-items:baseline; font-size:15px; color:#0051FF;}
.business-box > ul > li .list-content p b em {font-size:24px; font-weight:600; color:#0051FF; margin:0 0 0 5px;}
@media (max-width:1200px){
.business-box > ul > li .list-image {width:400px;}
}
@media (max-width:991px){
.business-box > ul > li {border-radius:15px;}
.business-box > ul > li .list-image {width:300px; padding:20px 15px 0;}
.business-box > ul > li .list-image img {max-width:250px;}
.business-box > ul > li .list-image p {font-size:12px; padding:12px 0;}
.business-box > ul > li .list-content {padding:40px 20px;}
.business-box > ul > li .list-content p strong {font-size:20px;}
.business-box > ul > li .list-content p span {font-size:13px;}
.business-box > ul > li .list-content p b {font-size:13px;}
.business-box > ul > li .list-content p b em {font-size:16px;}
}
@media (max-width:767px){
.business-box > ul > li .list-image {width:100%; padding:20px;}
.business-box > ul > li .list-image img {max-width:100%;}
.business-box > ul > li .list-image p {padding:12px 0 0;}
.business-box > ul > li .list-content {flex:none; width:100%; border-left:0; border-top:1px solid #CFD2DB; padding:20px;}
} 

/* greeting-box */
.greeting-box {padding:40px 0 0;}
.greeting-box .list-head {background:url('../../images/hmpg/bg_greeting.png') no-repeat center / cover; border-radius:30px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:0 80px 0 40px;}
.greeting-box .list-head .head-text {flex:1; min-width:0; padding:0 20px 0 0;}
.greeting-box .list-head .head-text p {font-size:24px; font-weight:600; color:#fff; word-break:keep-all;}
.greeting-box .list-head .head-image {position:relative; margin:-30px 0 0;}
.greeting-box .list-head .head-image img {width:219px;}
.greeting-box .list-head .head-image p {position:absolute; right:-50px; bottom:30px; font-size:13px; color:#A4C1FF; text-align:right;}
.greeting-box .list-head .head-image p b {display:block; text-align:right; font-size:17px; font-weight:500; color:#A4C1FF;}
.greeting-box .list-body {background:#fff; border-radius:30px; padding:40px; margin:40px 0 0;}
.greeting-box .list-body p {font-size:17px; word-break:keep-all;}
.greeting-box .list-body div {gap:10px; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin:24px 0 0;}
.greeting-box .list-body div b {font-size:17px;}
.greeting-box .list-body div strong {font-size:24px; font-weight:600;}
.greeting-box .list-body div img {width:63px;}
@media (max-width:991px){
.greeting-box {padding:0;}
.greeting-box .list-head {background-image:url('../../images/hmpg/bg_greeting_m.png');}
.greeting-box .list-head {border-radius:20px; padding:20px 20px 0;}
.greeting-box .list-head .head-text {flex:none; width:100%; padding:0;}
.greeting-box .list-head .head-text p {font-size:17px;}
.greeting-box .list-head .head-image {width:100%; margin:20px 0 0;}
.greeting-box .list-head .head-image img {width:148px; display:block; margin:0 auto;}
.greeting-box .list-head .head-image p {right:0px; bottom:20px; font-size:11px;}
.greeting-box .list-head .head-image p b {font-size:15px;}
.greeting-box .list-body {border-radius:15px; padding:20px; margin:24px 0 0;}
.greeting-box .list-body p {font-size:15px;}
.greeting-box .list-body div {gap:7px;}
.greeting-box .list-body div b {font-size:14px;}
.greeting-box .list-body div strong {font-size:18px;}
.greeting-box .list-body div img {width:53px;}
}