/* 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 -10px -25px;}
.write-box .write-inner .inner-body .body-list > ul > li {width:calc(50% - 20px); margin:0 10px 25px;}
.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:45px; 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:45px; 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:45px; 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:50px; 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:45px; height:45px; font-size:0; border-radius:4px; background:#F2F3F6; border:1px solid #CFD2DB; line-height:1.3; align-content:center; padding: unset;}
.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 .btn-plus-dark:after {display:block; content:""; width:20px; height:20px; background:url('../../images/hmpg/icon_btn_plus_dark.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; overflow-wrap:break-word;} /* 긴 URL 등 공백없는 문자열 줄바꿈 — 가로 넘침 방지 (jskim 2026.06.26) */
.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 iframe, .board-view-box .view-body video, .board-view-box .view-body embed, .board-view-box .view-body object {max-width:100% !important;} /* .body-iframe 래퍼 없는 raw iframe(유튜브)/video 가로 넘침 방지 (jskim 2026.06.26) */
.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-bottom: 20px; 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;}

/* 20260609 협업라운지 상세페이지 수정-혜원 */
.board-view-box .view-head.relative {position: relative;}
/* like-box */
.like-box-st2 {position: absolute; top:0; right: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap:6px; width: 90px; height: 90px; background: #fff; border-radius:20px;}
.like-box-st2 > span { font-size: 16px; color: #505050; font-weight: 500;}
.like-box.like-box-st2 i {display: block; 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.like-box-st2.active i {background-image:url('../../images/hmpg/icon_heart_on.svg'); animation:pop 0.4s ease, sparkle 0.6s ease; filter:var(--filter-active-100);}
.board-view-box .view-state .state-head:has(.renewal ){display: block;}
.board-view-box .view-state .state-head ul.renewal {gap: 10px; padding: 0 0 20px 0; border-bottom: 1px dashed #ccc;}
.board-view-box .view-state .state-head ul.renewal .state-cate {padding: 4px 16px;border-radius: 100px;}
/* 모집중 */
.board-view-box .view-state .state-head ul.renewal .state-cate.cate01 {border: 1px solid rgba(0, 81, 255, 0.24); background: rgba(0, 81, 255, 0.10); color:#0051FF; font-weight:500;}
/* 모집마감 */
.board-view-box .view-state .state-head ul.renewal .state-cate.cate02 {border: 1px solid #ccc; background:#f1f1f1; color: #666; font-weight:500;}
.board-view-box .view-state .state-head ul.renewal .d-date {padding: 4px 16px;border-radius: 100px;border: 1px solid #FFE6E6; background: #FFE6E6; color:#FF3B30; font-weight:500;}
.info-list{display:flex;flex-wrap:wrap;gap:20px; margin-top: 20px; padding: 0;}
.info-list > li{ display:flex;align-items:center;gap:16px;min-width:0;box-sizing:border-box;}
.info-list > li.col-4{width:calc((100% - 60px) / 4) !important;}
.info-list > li.col-full{width:100%;align-items:flex-start!important;}
.info-list > li.col-full > *:not(.tit) {margin-top:7px;}
.info-list .tit{ flex-shrink:0; background:#eee;border-radius:10px;  padding:5px 12px; font-size:15px;font-weight:500;color:#505050; white-space:nowrap;}
.info-list .desc{ flex:1;min-width:0; font-size:15px;color:#1d1d1d;line-height:1.6; word-break:break-all;}
@media (max-width:1023px){
    .info-list > li.col-4{width:calc((100% - 20px) / 2) !important;}
}
@media (max-width:991px){
	.like-box-st2 {position: static; flex-direction:row; width: 100%; height: unset; padding: 10px; margin-top: 20px; border: 1px solid #ccc;}
	.board-view-box .view-state .state-head ul.renewal > li {width: unset; margin: unset;}
	.board-view-box .view-state .state-head ul.info-list {gap: 3px 20px;}
	.apply-guide-docs .file-list-box > ul {margin: 0 !important;}
}
@media (max-width:600px){
    .info-list > li.col-4{width:100% !important;}
}

.apply-guide{background:#f9f9fa;border:1px solid #1a56db;border-radius:30px;padding:24px;display:flex;flex-direction:column;gap:20px; margin-top: 20px;}

.apply-guide-top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.apply-guide-method{display:flex;align-items:flex-start;gap:20px;flex:1;min-width:0;}
.apply-guide-method .label{flex-shrink:0;color:var(--color-active,#0051ff);font-size:17px;font-weight:500;line-height:1.4;}
.apply-guide-method .txt{color:#454545;font-size:16px;line-height:1.5;word-break:keep-all;}
.apply-guide-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:4px; color: #fff !important; border-radius: 100px; padding: 0 20px;}
.apply-guide-btn svg{width:24px;height:24px;}

.apply-guide-docs{display:flex;align-items:flex-start;gap:16px;padding-top:20px;border-top:1px dashed #ccc;}
.apply-guide-docs .label{flex-shrink:0;width:92px;color:#505050;font-size:15px;line-height:1.5;}
.apply-guide-docs .file-list-box{flex:1;min-width:0;}
.apply-guide-docs .file-list-box > ul {flex-direction:column;}

@media (max-width:767px){
    .apply-guide-method{flex-direction:column;gap:6px;}
    .apply-guide-top{align-items:stretch;}
    .apply-guide-btn{width:100%;justify-content:center;}
    .apply-guide-docs{flex-direction:column;gap:10px;}
    .apply-guide-docs .label{width:auto;}
}

/* 문의처 카드 */
.contact-box{background:#fff;border-radius:30px;padding:32px 40px;}
.contact-tit{font-size:24px;font-weight:600;color:#000;line-height:1.4;margin:0 0 30px;}
.contact-inner{background:#f9f9fa;border-radius:14px;padding:24px;}

.contact-list{display:flex;flex-wrap:wrap;align-items:center;gap:12px 0;}
.contact-list > li{display:flex;align-items:center;gap:12px;padding:0 24px;position:relative;}
.contact-list > li:first-child{padding-left:0;}
.contact-list > li + li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:16px;background:#f2f3f6;}
.contact-list .label{flex-shrink:0;font-size:15px;color:#989ca4;}      /* 라벨(회색) */
.contact-list .value{font-size:17px;color:#454545;}                    /* 값(진회색) */
.contact-list .value a{color:#147aff;text-decoration:none;}            /* 이메일(파랑) */
.contact-list .value a:hover{text-decoration:underline;}

@media (max-width:767px){
    .contact-box{padding:24px 20px;border-radius:20px;}
    .contact-tit{font-size:20px;margin:0 0 16px;}
    .contact-list{flex-direction:column;align-items:flex-start;gap:12px;}
    .contact-list > li{padding:0;}
    .contact-list > li + li::before{display:none;}
}

@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; height: 250px; object-fit:cover; 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;}
}




/* ============================================================
   프로필 좌측 메뉴 (my-page-aside) - profDetail.do / profUpdtForm.do
   ============================================================ */
/* aside + 콘텐츠를 가로 배치하는 flex 래퍼 (expert-view-box 안/밖 모두 동작) */
.view-flex{display:flex;align-items:flex-start;gap:44px;width:100%}
.view-flex > .view-content,
.view-flex > #expert_atvty_yn_view{flex:1;min-width:0}

.my-page-aside{flex:0 0 200px;width:200px;background:#fff;border-radius:20px 0 20px 20px;padding:25px 0;display:flex;flex-direction:column;gap:20px;position:sticky;top:20px}

.my-page-aside .aside-top{display:flex;align-items:center;justify-content:space-between;margin:0 20px;padding-bottom:15px;border-bottom:1px solid #e5e5e5}
.my-page-aside .aside-top strong{font-size:24px;font-weight:600;color:#000;line-height:1.2}
.my-page-aside .aside-top .toggle{position:relative;width:15px;height:15px;padding:0;border:0;background:transparent;font-size:0;cursor:pointer}
.my-page-aside .aside-top .toggle::after{content:"";position:absolute;inset:0;background-repeat:no-repeat;background-position:center;background-size:contain}

.my-page-aside .aside-menu{display:flex;flex-direction:column}
.my-page-aside .aside-menu li{position:relative}
.my-page-aside .aside-menu li > a{display:flex;align-items:center;gap:6px;padding:15px 20px;font-size:18px;font-weight:500;color:#333;line-height:1.2;white-space:nowrap}
.my-page-aside .aside-menu li > a::before{content:"";flex:0 0 16px;width:16px;height:16px;background-repeat:no-repeat;background-position:center;background-size:contain}
.my-page-aside .aside-menu li > a:hover{background:#e8e8ea}

.my-page-aside .aside-menu li.on > a{width:calc(100% + 20px);background:var(--color-active,#0051ff);color:#fff;font-weight:600;border-radius:0 40px 40px 0}
.my-page-aside .aside-menu li.on > a:hover{background:var(--color-active,#0051ff)}
.my-page-aside .aside-menu li.on > a::before{filter:brightness(0) invert(1)}
/* 메뉴별 아이콘 (Figma SVG → URL 인코딩 background) */
.my-page-aside .aside-menu .ic-agreement > a::before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 13.0001 14.3335' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M4.5 13.8334C4.74 13.8334 5.62667 13.4287 6.53333 12.6187M6.53333 12.6187C7.30533 11.928 8.09067 10.9427 8.5 9.66337C9.38867 6.88336 4.05533 9.66336 5.83333 11.98C6.052 12.2654 6.28733 12.4734 6.53333 12.6187ZM6.53333 12.6187C7.60133 13.2507 8.854 12.6827 9.70267 12.0294C9.96267 11.83 10.092 11.73 10.1693 11.7614C10.2467 11.7927 10.292 11.9707 10.3827 12.328C10.672 13.4714 11.5273 14.394 12.5 12.9067' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.8333 7.83336V4.4267C11.8333 3.28403 11.8333 2.71337 11.6547 2.2567C11.368 1.5227 10.76 0.943365 9.99 0.670032C9.51133 0.500032 8.91133 0.500032 7.712 0.500032C5.61333 0.500032 4.564 0.500032 3.72533 0.798032C2.37867 1.2767 1.31533 2.28937 0.812 3.57403C0.5 4.3727 0.5 5.3727 0.5 7.3727V9.0907C0.5 11.1627 0.5 12.198 1.06533 12.9174C1.228 13.1249 1.418 13.3063 1.63533 13.4614C1.88 13.6354 2.16 13.7534 2.5 13.8334' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.5 7.1667C0.5 6.57739 0.734103 6.01221 1.15081 5.59551C1.56751 5.1788 2.13269 4.9447 2.722 4.9447C3.166 4.9447 3.68933 5.02203 4.12067 4.9067C4.30914 4.85598 4.48097 4.7566 4.61892 4.61853C4.75687 4.48046 4.8561 4.30855 4.90667 4.12003C5.022 3.6887 4.94467 3.16536 4.94467 2.72136C4.94484 2.13217 5.17902 1.56717 5.59571 1.1506C6.0124 0.734043 6.57747 0.500032 7.16667 0.500032' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E")}
.my-page-aside .aside-menu .ic-pencil > a::before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M8 13.3333H14M10.6667 2.66667C10.9319 2.40145 11.2916 2.25245 11.6667 2.25245C12.0417 2.25245 12.4015 2.40145 12.6667 2.66667C12.9319 2.93188 13.0809 3.29159 13.0809 3.66667C13.0809 4.04174 12.9319 4.40145 12.6667 4.66667L4.66667 12.6667L2 13.3333L2.66667 10.6667L10.6667 2.66667Z' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E")}
.my-page-aside .aside-menu .ic-profile > a::before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 14.3333 14.3333' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M7.16667 0.5C3.48467 0.5 0.5 3.48467 0.5 7.16667C0.5 10.8487 3.48467 13.8333 7.16667 13.8333C10.8487 13.8333 13.8333 10.8487 13.8333 7.16667C13.8333 3.48467 10.8487 0.5 7.16667 0.5Z' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.014 11.3973C2.014 11.3973 3.5 9.5 7.16667 9.5C10.8333 9.5 12.32 11.3973 12.32 11.3973M7.16667 7.16667C7.6971 7.16667 8.20581 6.95595 8.58088 6.58088C8.95595 6.20581 9.16667 5.6971 9.16667 5.16667C9.16667 4.63623 8.95595 4.12753 8.58088 3.75245C8.20581 3.37738 7.6971 3.16667 7.16667 3.16667C6.63623 3.16667 6.12753 3.37738 5.75245 3.75245C5.37738 4.12753 5.16667 4.63623 5.16667 5.16667C5.16667 5.6971 5.37738 6.20581 5.75245 6.58088C6.12753 6.95595 6.63623 7.16667 7.16667 7.16667Z' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E")}
.my-page-aside .aside-menu .ic-handshake > a::before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 14.3333 13.0814' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M6.5 9.83367L7.83334 11.167C7.96466 11.2983 8.12056 11.4025 8.29214 11.4736C8.46372 11.5446 8.64762 11.5812 8.83334 11.5812C9.01905 11.5812 9.20295 11.5446 9.37453 11.4736C9.54611 11.4025 9.70201 11.2983 9.83334 11.167C9.96466 11.0357 10.0688 10.8798 10.1399 10.7082C10.211 10.5366 10.2476 10.3527 10.2476 10.167C10.2476 9.98129 10.211 9.79739 10.1399 9.62581C10.0688 9.45423 9.96466 9.29833 9.83334 9.167' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 7.83367L10.1667 9.50034C10.4319 9.76555 10.7916 9.91455 11.1667 9.91455C11.5417 9.91455 11.9015 9.76555 12.1667 9.50034C12.4319 9.23512 12.5809 8.87541 12.5809 8.50034C12.5809 8.12526 12.4319 7.76555 12.1667 7.50034L9.58 4.91367C9.205 4.53914 8.69667 4.32876 8.16667 4.32876C7.63667 4.32876 7.12834 4.53914 6.75334 4.91367L6.16667 5.50034C5.90145 5.76555 5.54174 5.91455 5.16667 5.91455C4.7916 5.91455 4.43189 5.76555 4.16667 5.50034C3.90145 5.23512 3.75246 4.87541 3.75246 4.50034C3.75246 4.12526 3.90145 3.76555 4.16667 3.50034L6.04 1.627C6.64816 1.02043 7.44127 0.634038 8.29376 0.528985C9.14626 0.423932 10.0094 0.606224 10.7467 1.047L11.06 1.23367C11.3439 1.40499 11.6814 1.46441 12.0067 1.40034L13.1667 1.167' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3388 1.16717L13.8333 7.83384H12.5M6.83334 10.1672C7.09855 10.4324 7.24755 10.7921 7.24755 11.1672C7.24755 11.5422 7.09855 11.902 6.83334 12.1672C6.56812 12.4324 6.20841 12.5814 5.83334 12.5814C5.45826 12.5814 5.09855 12.4324 4.83334 12.1672L0.500003 7.83384L1.16667 1.16715L6.5 1.16717' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E")}
.my-page-aside .aside-menu .ic-career > a::before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 10.3333 14.3333' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M3.45067 1.20867C4.28933 0.736 4.708 0.5 5.16667 0.5C5.62533 0.5 6.044 0.736 6.88267 1.20867L8.04933 1.866C8.91933 2.356 9.35467 2.60133 9.594 3.01133C9.83333 3.42133 9.83333 3.92133 9.83333 4.92133V6.07867C9.83333 7.07867 9.83333 7.57867 9.59333 7.98867C9.35467 8.39867 8.92 8.644 8.04933 9.134L6.88267 9.79133C6.044 10.264 5.62533 10.5 5.16667 10.5C4.708 10.5 4.28933 10.264 3.45067 9.79133L2.284 9.134C1.414 8.644 0.978667 8.39867 0.739334 7.98867C0.500001 7.57867 0.500001 7.07867 0.500001 6.07867V4.92133C0.500001 3.92133 0.500001 3.42133 0.740001 3.01133C0.978667 2.60133 1.41333 2.356 2.284 1.866L3.45067 1.20867Z' stroke='%23333' stroke-linejoin='round'/%3E%3Cpath d='M3.16667 5.94467C3.16667 5.94467 3.66667 5.94467 4.16667 6.83333C4.16667 6.83333 5.75467 4.61133 7.16667 4.16667M8.422 9.16667L8.86867 11.3067C9.15533 12.6813 9.29933 13.3687 9.004 13.6947C8.70933 14.0207 8.19733 13.7407 7.17333 13.18L5.65733 12.35C5.41533 12.218 5.29467 12.1513 5.16667 12.1513C5.03867 12.1513 4.918 12.218 4.676 12.35L3.16 13.18C2.136 13.74 1.624 14.0207 1.32933 13.6947C1.03467 13.3687 1.178 12.6813 1.46467 11.3067L1.91133 9.16667' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E")}
.my-page-aside .aside-menu .ic-edu > a::before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 14.3435 10.3336' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M13.8325 3.83357V7.83357M13.4459 4.44824C13.5652 4.39559 13.6665 4.30908 13.7372 4.19944C13.8078 4.0898 13.8448 3.96183 13.8434 3.8314C13.8421 3.70096 13.8025 3.57379 13.7296 3.46563C13.6567 3.35747 13.5536 3.27308 13.4332 3.2229L7.71921 0.620238C7.54551 0.541004 7.35681 0.5 7.16588 0.5C6.97496 0.5 6.78626 0.541004 6.61255 0.620238L0.899214 3.22024C0.780526 3.27222 0.679559 3.35766 0.608659 3.46612C0.537759 3.57457 0.5 3.70133 0.5 3.83091C0.5 3.96048 0.537759 4.08724 0.608659 4.19569C0.679559 4.30415 0.780526 4.38959 0.899214 4.44157L6.61255 7.0469C6.78626 7.12614 6.97496 7.16714 7.16588 7.16714C7.35681 7.16714 7.54551 7.12614 7.71921 7.0469L13.4459 4.44824Z' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.16588 5.50024V7.83357C3.16588 8.364 3.58731 8.87271 4.33745 9.24779C5.0876 9.62286 6.10502 9.83357 7.16588 9.83357C8.22675 9.83357 9.24416 9.62286 9.99431 9.24779C10.7445 8.87271 11.1659 8.364 11.1659 7.83357V5.50024' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E")}
.my-page-aside .aside-menu .ic-prize > a::before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M11.6364 11.9H4.36364C4.00198 11.9 3.65513 12.037 3.3994 12.2808C3.14367 12.5246 3 12.8552 3 13.2C3 13.5448 3.14367 13.8754 3.3994 14.1192C3.65513 14.363 4.00198 14.5 4.36364 14.5H11.6364C11.998 14.5 12.3449 14.363 12.6006 14.1192C12.8563 13.8754 13 13.5448 13 13.2C13 12.8552 12.8563 12.5246 12.6006 12.2808C12.3449 12.037 11.998 11.9 11.6364 11.9ZM5.72727 3.66667C5.72727 4.2413 5.96672 4.7924 6.39294 5.19873C6.81916 5.60506 7.39724 5.83333 8 5.83333C8.60276 5.83333 9.18084 5.60506 9.60706 5.19873C10.0333 4.7924 10.2727 4.2413 10.2727 3.66667C10.2727 3.09203 10.0333 2.54093 9.60706 2.1346C9.18084 1.72827 8.60276 1.5 8 1.5C7.39724 1.5 6.81916 1.72827 6.39294 2.1346C5.96672 2.54093 5.72727 3.09203 5.72727 3.66667ZM8 7.56667C7.31043 7.56719 6.62824 7.43139 5.99651 7.16786C5.36478 6.90432 4.79723 6.51877 4.3297 6.03556L6.63636 11.9H9.36364L11.6703 6.03556C11.2028 6.51877 10.6352 6.90432 10.0035 7.16786C9.37176 7.43139 8.68957 7.56719 8 7.56667Z' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E")}
.my-page-aside .aside-menu .ic-paper > a::before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 11.6669 14.3335' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M7.83333 0.83354V1.83354C7.83333 2.77621 7.83333 3.24754 8.12667 3.54021C8.41867 3.83354 8.89 3.83354 9.83333 3.83354H10.8333' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.16667 6.50021H8.5M3.16667 8.50021H8.5M3.16667 10.5002H5.94667M0.500001 9.83354V4.50021C0.500001 2.61487 0.500001 1.67154 1.086 1.08621C1.67133 0.500207 2.61467 0.500207 4.5 0.500207H7.28133C7.55333 0.500207 7.69 0.500207 7.81267 0.550873C7.93467 0.60154 8.03133 0.69754 8.224 0.890873L10.776 3.44287C10.9693 3.63621 11.0653 3.73221 11.116 3.85487C11.1667 3.97687 11.1667 4.11354 11.1667 4.38554V9.83354C11.1667 11.7189 11.1667 12.6622 10.5807 13.2475C9.99533 13.8335 9.052 13.8335 7.16667 13.8335H4.5C2.61467 13.8335 1.67133 13.8335 1.086 13.2475C0.500001 12.6622 0.500001 11.7189 0.500001 9.83354Z' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E")}
.my-page-aside .aside-menu .ic-patent > a::before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 11.6672 14.3333' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M5.61291 2.64133C5.63245 2.59928 5.66361 2.56369 5.7027 2.53875C5.7418 2.51381 5.7872 2.50055 5.83358 2.50055C5.87995 2.50055 5.92536 2.51381 5.96445 2.53875C6.00355 2.56369 6.0347 2.59928 6.05424 2.64133L6.59691 3.75333C6.63291 3.82667 6.70024 3.878 6.77891 3.89133L7.95758 4.08733C8.15758 4.12067 8.23758 4.37667 8.09424 4.526L7.25024 5.41C7.22248 5.43951 7.2018 5.47496 7.18979 5.51366C7.17778 5.55236 7.17474 5.59329 7.18091 5.63333L7.36691 6.86667C7.39824 7.076 7.18958 7.234 7.00958 7.138L5.94624 6.572C5.91155 6.55356 5.87287 6.54391 5.83358 6.54391C5.79429 6.54391 5.7556 6.55356 5.72091 6.572L4.65758 7.138C4.47758 7.234 4.26891 7.076 4.30024 6.86667L4.48624 5.63333C4.49241 5.59329 4.48938 5.55236 4.47736 5.51366C4.46535 5.47496 4.44468 5.43951 4.41691 5.41L3.57291 4.52667C3.43024 4.37733 3.50958 4.12133 3.70958 4.088L4.88824 3.892C4.92746 3.88537 4.96449 3.86936 4.99618 3.84533C5.02787 3.82131 5.05328 3.78997 5.07024 3.754L5.61291 2.64133Z' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5002 5.16667C10.5002 5.7795 10.3795 6.38634 10.145 6.95252C9.91049 7.51871 9.56675 8.03316 9.13341 8.4665C8.70007 8.89984 8.18562 9.24358 7.61943 9.4781C7.05325 9.71263 6.44641 9.83333 5.83358 9.83333C5.22074 9.83333 4.61391 9.71263 4.04772 9.4781C3.48153 9.24358 2.96709 8.89984 2.53375 8.4665C2.10041 8.03316 1.75666 7.51871 1.52214 6.95252C1.28762 6.38634 1.16691 5.7795 1.16691 5.16667C1.16691 3.92899 1.65858 2.742 2.53375 1.86683C3.40892 0.991665 4.5959 0.5 5.83358 0.5C7.07125 0.5 8.25824 0.991665 9.13341 1.86683C10.0086 2.742 10.5002 3.92899 10.5002 5.16667Z' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.50024 10.0613L7.58424 12.9347C7.80291 13.5127 7.91224 13.8027 8.10224 13.8333C8.29291 13.8053 8.52624 13.4867 8.75424 12.9113C8.91758 12.4993 8.99891 12.2933 9.16758 12.182C9.21913 12.1482 9.27491 12.1216 9.33491 12.102C9.52958 12.0407 9.75291 12.1007 10.2002 12.222C10.6782 12.3513 11.0102 12.3153 11.1416 12.222C11.1802 12.1947 11.1416 12.22 11.1416 12.22C11.2189 12.0827 11.1149 11.8693 10.9062 11.442L9.47091 8.5M5.16691 10.0613L4.08291 12.9333C3.86424 13.512 3.64824 13.8027 3.45824 13.8333C3.26758 13.8053 3.15358 13.5173 2.92491 12.942C2.76224 12.53 2.66824 12.2927 2.49958 12.182C2.4478 12.1477 2.39148 12.1207 2.33224 12.102C2.13758 12.04 1.91424 12.1007 1.46691 12.2213C0.98891 12.3507 0.656911 12.3127 0.525577 12.2193C0.448244 12.082 0.552244 11.8687 0.76091 11.4413L2.19624 8.5' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E")}
.my-page-aside .aside-menu .ic-book > a::before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M2 12.6667C4.22222 11.3333 5.33333 10 5.33333 8.66667C5.33333 6.66667 4.66667 6.66667 4 6.66667C3.33333 6.66667 2.64533 7.39 2.66667 8.66667C2.68933 10.032 3.772 10.5847 4.33333 11.3333C5.33333 12.6667 6 13 6.66667 12C7.11111 11.3333 7.44444 10.7778 7.66667 10.3333C8.33333 11.8889 9.22222 12.6667 10.3333 12.6667H12M12 12.6667L10.6667 11.3333V3.33333C10.6667 2.586 11.2527 2 12 2C12.7473 2 13.3333 2.586 13.3333 3.33333V11.3333L12 12.6667ZM10.6667 4.66667H13.3333' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E")}
.my-page-aside .aside-menu .ic-etc > a::before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M4.87 7.99667V8.00333M8.00333 7.99667V8.00333M11.1367 7.99667V8.00333' stroke='%23333' stroke-width='2' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E")}
.my-page-aside .aside-menu .ic-link > a::before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M8.66667 4L10 2.66667C10.6667 2 12 2 12.6667 2.66667L13.3333 3.33333C14 4 14 5.33333 13.3333 6L10 9.33333C9.33333 10 8 10 7.33333 9.33333M7.33333 12L6 13.3333C5.33333 14 4 14 3.33333 13.3333L2.66667 12.6667C2 12 2 10.6667 2.66667 10L6 6.66667C6.66667 6 8 6 8.66667 6.66667' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E")}
.my-page-aside .aside-menu .ic-propose > a::before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 12.9995 12.9996' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M7.09982 1.10115C6.81783 1.10035 6.51784 1.09995 6.19985 1.09995C3.51312 1.09995 2.16916 1.09995 1.33458 1.93452C0.5 2.7691 0.5 4.11247 0.5 6.79979C0.5 9.48652 0.5 10.8305 1.33458 11.6651C2.16916 12.4996 3.51252 12.4996 6.19985 12.4996C8.88657 12.4996 10.2305 12.4996 11.0651 11.6651C11.8997 10.8305 11.8997 9.48712 11.8997 6.79979C11.8997 6.4818 11.8993 6.18181 11.8985 5.89982' stroke='%23333' stroke-linecap='round'/%3E%3Cpath d='M10.3996 0.5L10.5544 0.918189C10.7572 1.46657 10.8586 1.74077 11.0584 1.94056C11.2588 2.14096 11.533 2.24235 12.0813 2.44515L12.4995 2.59994L12.0813 2.75474C11.533 2.95753 11.2588 3.05893 11.059 3.25873C10.8586 3.45912 10.7572 3.73331 10.5544 4.2817L10.3996 4.69989L10.2448 4.2817C10.042 3.73331 9.9406 3.45912 9.7408 3.25933C9.54041 3.05893 9.26622 2.95753 8.71783 2.75474L8.29964 2.59994L8.71783 2.44515C9.26622 2.24235 9.54041 2.14096 9.7402 1.94116C9.9406 1.74077 10.042 1.46657 10.2448 0.918189L10.3996 0.5Z' stroke='%23333' stroke-linejoin='round'/%3E%3Cpath d='M3.50007 9.79971C4.89923 8.33455 7.48576 8.26555 8.89992 9.79971M7.69695 5.29983C7.69695 6.12781 7.02497 6.79979 6.19519 6.79979C5.99801 6.80011 5.80271 6.76154 5.62045 6.68631C5.43819 6.61107 5.27255 6.50063 5.13301 6.36132C4.99347 6.222 4.88277 6.05654 4.80724 5.8744C4.73171 5.69226 4.69283 5.49701 4.69283 5.29983C4.69283 4.47186 5.36481 3.79988 6.19519 3.79988C6.39232 3.79964 6.58756 3.83826 6.76976 3.91354C6.95195 3.98881 7.11751 4.09926 7.25699 4.23857C7.39646 4.37787 7.50711 4.54331 7.5826 4.72541C7.65809 4.90751 7.69695 5.10271 7.69695 5.29983Z' stroke='%23333' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E")}
.my-page-aside .aside-menu .ic-privacy > a::before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M3.16667 4.94467C3.16667 4.47311 3.35399 4.02087 3.68743 3.68743C4.02087 3.35399 4.47311 3.16667 4.94467 3.16667H10.722C10.9555 3.16667 11.1867 3.21266 11.4024 3.30201C11.6181 3.39136 11.8141 3.52233 11.9792 3.68743C12.1443 3.85253 12.2753 4.04854 12.3647 4.26426C12.454 4.47997 12.5 4.71118 12.5 4.94467V10.722C12.5 10.9555 12.454 11.1867 12.3647 11.4024C12.2753 11.6181 12.1443 11.8141 11.9792 11.9792C11.8141 12.1443 11.6181 12.2753 11.4024 12.3647C11.1867 12.454 10.9555 12.5 10.722 12.5H4.94467C4.71118 12.5 4.47997 12.454 4.26426 12.3647C4.04854 12.2753 3.85253 12.1443 3.68743 11.9792C3.52233 11.8141 3.39136 11.6181 3.30201 11.4024C3.21266 11.1867 3.16667 10.9555 3.16667 10.722V4.94467Z' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.17467 9.658C0.97 9.54172 0.799766 9.37332 0.681267 9.16993C0.562768 8.96653 0.500227 8.73539 0.5 8.5V1.83333C0.5 1.1 1.1 0.5 1.83333 0.5H8.5C9 0.5 9.272 0.756667 9.5 1.16667M5.83333 7.83333L7.16667 9.16667L9.83333 6.5' stroke='%23333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E")}

/* 토글 화살표 (파란 원형) */
.my-page-aside .aside-top .toggle::after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Crect width='15' height='15' rx='7.5' fill='%230051FF'/%3E%3Cpath d='M10.5 6L7.5 9L4.5 6' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E")}

/* 반응형 : 991px 이하에서 세로 스택 */
@media (max-width:991px){
	.view-flex{flex-direction:column;gap:20px}
	.my-page-aside{flex:none;width:100%;border-radius:12px;position:static}
	.my-page-aside .aside-menu li.on > a{width:100%;border-radius:0}
}

/* ============================================================
   드래그 정렬 핸들 (.drag-list : 대표경력/주요학력/주요성과) - profUpdtForm.do
   ============================================================ */
.drag-list .sort-grab{display:inline-flex;align-items:center;margin:0 0 14px;padding:0 0 0 20px;border:0;background-color:transparent;font-size:15px;color:#999;line-height:18px;cursor:grab;background-repeat:no-repeat;background-position:left center;background-size:11px 16px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 12 18' xmlns='http://www.w3.org/2000/svg' fill='%23a8aeb8'%3E%3Ccircle cx='3' cy='3' r='1.5'/%3E%3Ccircle cx='9' cy='3' r='1.5'/%3E%3Ccircle cx='3' cy='9' r='1.5'/%3E%3Ccircle cx='9' cy='9' r='1.5'/%3E%3Ccircle cx='3' cy='15' r='1.5'/%3E%3Ccircle cx='9' cy='15' r='1.5'/%3E%3C/svg%3E")}
.drag-list .sort-grab:active{cursor:grabbing}
.drag-list .write-inner > .inner-body{position:relative}
.drag-list .ui-state-highlight{border:2px dashed var(--color-active,#0051ff);background:#f0f6ff;border-radius:14px;margin:0 0 20px}
.drag-list .inner-body{transition:box-shadow .15s ease, transform .15s ease, opacity .15s ease}
.drag-list .ui-sortable-helper,
.drag-list .inner-body.is-dragging{box-shadow:0 14px 34px rgba(0,0,0,.2);transform:scale(1.01);background:#fff;border-radius:14px;opacity:.98}