/* common */
html, body {background:#111;}
.is-pc {display:block;}
.is-m {display:none;}
@media (max-width:991px){
.is-pc {display:none;}
.is-m {display:block;}
}

/* container */
:root{
	--container-padding: 24px;
	--container-padding-minus: -24px;
}
.container {max-width: calc(1760px + (var(--container-padding) * 2)); margin:0 auto; padding:0 var(--container-padding); width:100%;}
.container-xxl {max-width: calc(1440px + (var(--container-padding) * 2));}
.container-xl {max-width: calc(1200px + (var(--container-padding) * 2));}
.container-lg {max-width: calc(991px + (var(--container-padding) * 2));}
.container-md {max-width: calc(767px + (var(--container-padding) * 2));}
.container-sm {max-width: calc(540px + (var(--container-padding) * 2));}
.container-xs {max-width: calc(400px + (var(--container-padding) * 2));}

/* sub-top-box */
.sub-top-box {margin:80px 0; padding:48px 0 40px;}
@media (max-width:991px){
.sub-top-box {margin:64px 0 0; padding:30px 0;}
}

/* sub-content-box */
.sub-content-box {margin:0 0 80px;}
@media (max-width:991px){
.sub-content-box {margin:0 0 50px;}
}

/* sub-category-box */
.sub-category-box {border-bottom:1px solid #2B2B30; margin:80px 0 24px; padding:16px 0;}
.sub-category-box .container > ul {display:flex; flex-wrap:wrap; gap:8px;}
.sub-category-box .container > ul > li a {height:40px; padding:0 24px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.sub-category-box .container > ul > li a p {font-size:16px; font-weight:700; color:#fff;}
.sub-category-box .container > ul > li a small {font-size:12px; color:#828187; font-weight:500; margin:0 0 0 5px; position:relative; top:2px;}
.sub-category-box .container > ul > li a:hover {background:#2B2B30;}
.sub-category-box .container > ul > li.active a {background:#fff;}
.sub-category-box .container > ul > li.active a p {color:#111;}
@media (max-width:991px){
.sub-category-box {margin:64px 0 0; padding:0;}
.sub-category-box .container > ul {flex-wrap:nowrap; overflow-x:auto; white-space:nowrap;}
.sub-category-box .container > ul > li a {height:auto; padding:5px 12px; border-radius:0;}
.sub-category-box .container > ul > li a p {font-size:14px;}
.sub-category-box .container > ul > li a small {display:none;}
.sub-category-box .container > ul > li.active a {background:none; position:relative;}
.sub-category-box .container > ul > li.active a p {color:#fff;}
.sub-category-box .container > ul > li.active a:after {position:absolute; left:0; bottom:0; width:100%; height:2px; background:#fff; content:"";}
}

/* sub-mypage-box */
.sub-mypage-box {margin:80px 0 0; display:flex; flex-wrap:wrap; align-items:flex-start; position:relative; background:#232428;}
.sub-mypage-box .mypage-left {width:280px; height:100%; position:sticky; top:80px; padding:48px 0;}
.sub-mypage-box .mypage-left h2 {text-align:center; font-size:32px; font-weight:700; color:#fff; margin:0 0 16px;}
.sub-mypage-box .mypage-left ul li a {display:flex; flex-wrap:wrap; align-items:center; height:48px; padding:0 15px 0 80px; font-size:16px; font-weight:700; color:#fff;}
.sub-mypage-box .mypage-left ul li a:before {display:inline-block; content:""; width:20px; height:20px; margin:0 8px 0 0; background-size:cover; background-position:center;}
.sub-mypage-box .mypage-left ul li.cate01 a:before {background-image:url('../images/icon_mypage_01.svg');}
.sub-mypage-box .mypage-left ul li.cate02 a:before {background-image:url('../images/icon_mypage_02.svg');}
.sub-mypage-box .mypage-left ul li.cate03 a:before {background-image:url('../images/icon_mypage_03.svg');}
.sub-mypage-box .mypage-left ul li.cate04 a:before {background-image:url('../images/icon_mypage_04.svg');}
.sub-mypage-box .mypage-left ul li.cate05 a:before {background-image:url('../images/icon_mypage_05.svg');}
.sub-mypage-box .mypage-left ul li.cate01.active a:before {background-image:url('../images/icon_mypage_01_on.svg');}
.sub-mypage-box .mypage-left ul li.cate02.active a:before {background-image:url('../images/icon_mypage_02_on.svg');}
.sub-mypage-box .mypage-left ul li.cate03.active a:before {background-image:url('../images/icon_mypage_03_on.svg');}
.sub-mypage-box .mypage-left ul li.cate04.active a:before {background-image:url('../images/icon_mypage_04_on.svg');}
.sub-mypage-box .mypage-left ul li.cate05.active a:before {background-image:url('../images/icon_mypage_05_on.svg');}
.sub-mypage-box .mypage-left ul li.active a {background:#000; color:var(--color-active);}
.sub-mypage-box .mypage-left ul li a:hover{background:#000; color:var(--color-active);}
.sub-mypage-box .mypage-left ul li.cate01 a:hover:before {background-image:url('../images/icon_mypage_01_on.svg');}
.sub-mypage-box .mypage-left ul li.cate02 a:hover:before {background-image:url('../images/icon_mypage_02_on.svg');}
.sub-mypage-box .mypage-left ul li.cate03 a:hover:before {background-image:url('../images/icon_mypage_03_on.svg');}
.sub-mypage-box .mypage-left ul li.cate04 a:hover:before {background-image:url('../images/icon_mypage_04_on.svg');}
.sub-mypage-box .mypage-left ul li.cate05 a:hover:before {background-image:url('../images/icon_mypage_05_on.svg');}
.sub-mypage-box .mypage-right {flex:1; min-width:0; background:#111; padding:48px 0;}
@media (max-width:1200px){
.sub-mypage-box {background:none;}
.sub-mypage-box .mypage-left {position:relative; width:100%; margin:0; padding:0; top:0; height:auto; z-index:999;}
.sub-mypage-box .mypage-left h2 {height:48px; margin:0; padding:0 24px; font-size:18px; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; text-align:left; cursor:pointer;}
.sub-mypage-box .mypage-left h2:after {display:block; content:""; width:20px; height:20px; margin:0 0 0 8px; background:url('../images/icon_mypage_toggle.svg') no-repeat center / cover;}
.sub-mypage-box .mypage-left ul {display:none; background:#2B2B30; position:absolute; left:0; top:100%; width:100%;}
.sub-mypage-box .mypage-left ul li a {padding:0 24px; font-size:16px;}
.sub-mypage-box .mypage-left.active h2:after {transform:rotate(180deg);}
.sub-mypage-box .mypage-left.active ul {display:block;}
.sub-mypage-box .mypage-right {flex:none; width:100%; padding:40px 0;}
}
@media (max-width:991px){
.sub-mypage-box {margin:64px 0 0;}
}

/* banner-box */
.banner-box {background-size:cover; background-position:center; padding:300px 0 65px;}
.banner-box.choice {background-image:url('../images/bg_banner_choice.png');}
.banner-box.news {background-image:url('../images/bg_banner_news.png');}
.banner-box.sport {background-image:url('../images/bg_banner_sport.png');}
.banner-box.entertainment {background-image:url('../images/bg_banner_entertainment.png');}
.banner-box.art {background-image:url('../images/bg_banner_art.png');}
.banner-box.archive {background-image:url('../images/bg_banner_archive.png');}
.banner-box.economy {background-image:url('../images/bg_banner_economy.png');}
.banner-box.license {background-image:url('../images/bg_banner_license.png');}
.banner-box .container > h2 {font-size:56px; font-weight:700; color:#fff; text-align:center; word-break:keep-all;}
.banner-box .container > p {font-size:24px; font-weight:700; color:#fff; text-align:center; word-break:keep-all;}
.banner-box .container > p.pack {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:16px 0 0;}
.banner-box .container > p.pack b {font-size:24px; font-weight:700; color:#fff; padding:0 10px;}
.banner-box .container > p.pack:before {display:inline-block; content:""; width:90px; height:1px; background:#4D4D53;}
.banner-box .container > p.pack:after {display:inline-block; content:""; width:90px; height:1px; background:#4D4D53;}
@media (max-width:991px){
.banner-box {padding:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:300px;}
.banner-box .container > h2 {font-size:30px;}
.banner-box .container > p {font-size:17px; font-weight:500;}
.banner-box .container > p.pack b {font-size:17px;}
.banner-box .container > p.pack:before {width:40px;}
.banner-box .container > p.pack:after {width:40px;}
}

/* member-drop-box */
.member-drop-box .drop-head {display:flex; flex-wrap:wrap; align-items:center; gap:15px; margin:0 0 16px;}
.member-drop-box .drop-head p {flex:1; min-width:0; font-size:14px; font-weight:700; color:#fff;}
.member-drop-box .drop-head span {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:32px; background:#000; border:1px solid #3C3C42; border-radius:4px; padding:0 16px; font-size:12px; color:#fff;}
.member-drop-box .drop-body .body-card {border-radius:4px; padding:12px;}
.member-drop-box .drop-body .body-card .card-inner {display:block;}
.member-drop-box .drop-body .body-card .card-title {display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:0 0 8px;}
.member-drop-box .drop-body .body-card .card-title:after {display:inline-block; content:""; width:16px; height:16px; background:url('../images/icon_card_more.svg') no-repeat center / cover;}
.member-drop-box .drop-body .body-card .card-title p {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; font-size:14px; font-weight:700; color:#fff;}
.member-drop-box .drop-body .body-card .card-title p b {background:rgba(0,0,0,0.4); height:24px; padding:0 12px; font-size:11px; font-weight:700; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; margin:0 0 0 8px;}
.member-drop-box .drop-body .body-card ul {margin:8px 0 0;}
.member-drop-box .drop-body .body-card ul li {position:relative; font-size:11px; padding:0 0 0 10px; word-break:keep-all; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.member-drop-box .drop-body .body-card ul li:before {position:absolute; left:0; top:6px; width:4px; height:4px; background:#fff; border-radius:50%; content:"";}
.member-drop-box .drop-body .body-card .button-box {width:100%;}
.member-drop-box .drop-body .body-card .button-box .btn {height:32px; font-size:12px;}
.member-drop-box .drop-body .body-card.gray {background:#50525C;}
.member-drop-box .drop-body .body-card.gray:hover {background:#6D6D73;}
.member-drop-box .drop-body .body-card.brown {background:#6B5656;}
.member-drop-box .drop-body .body-card.brown b {color:#BD8E88;}
.member-drop-box .drop-body .body-card.brown:hover {background:#937D79;}
.member-drop-box .drop-body .body-card.green {background:#32493B;}
.member-drop-box .drop-body .body-card.green b {color:#6BAA75;}
.member-drop-box .drop-body .body-card.green:hover {background:#47785A;}
.member-drop-box .drop-body .body-card.purple {background:#563B66;}
.member-drop-box .drop-body .body-card.purple b {color:#C174EF;}
.member-drop-box .drop-body .body-card.purple:hover {background:#8B63A2;}
.member-drop-box .drop-body .body-card.navy {background:#3C5076;}
.member-drop-box .drop-body .body-card.navy b {color:#70A0F9;}
.member-drop-box .drop-body .body-card.navy:hover {background:#5C79AF;}
.member-drop-box .drop-body .body-card.full {background:linear-gradient(to right bottom, #4E4ACB, #AD2020);}
.member-drop-box .drop-body .body-card.full b {color:#F383CB;}
.member-drop-box .drop-body .body-card.full:hover {background:linear-gradient(to right bottom, #827BEC, #DB4647);}
.member-drop-box .drop-body .body-card.special {background:#8A7B3A;}
.member-drop-box .drop-body .body-card.special b {color:#DBBF45;}
.member-drop-box .drop-body .body-card.special:hover {background:#BBA338;}
.member-drop-box .drop-body .body-cate {margin:16px 0 0;}
.member-drop-box .drop-body .body-cate ul li {margin:0 0 15px;}
.member-drop-box .drop-body .body-cate ul li:last-of-type {margin:0;}
.member-drop-box .drop-body .body-cate ul li a {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; font-weight:700; color:#fff;}
.member-drop-box .drop-body .body-cate ul li a:hover:before {filter: brightness(0) invert(1);}
.member-drop-box .drop-body .body-cate ul li.cate a:before {display:inline-block; content:""; width:18px; height:18px; margin:0 8px 0 0; background-size:cover; background-position:center;}
.member-drop-box .drop-body .body-cate ul li.cate-01 a:before {background-image:url('../images/icon_member_cate_01.svg');}
.member-drop-box .drop-body .body-cate ul li.cate-02 a:before {background-image:url('../images/icon_member_cate_02.svg');}
.member-drop-box .drop-body .body-cate ul li.cate-03 a:before {background-image:url('../images/icon_member_cate_03.svg');}
.member-drop-box .drop-body .body-cate ul li.cate-04 a:before {background-image:url('../images/icon_member_cate_04.svg');}
.member-drop-box .drop-body .body-cate ul li.cate-05 a:before {background-image:url('../images/icon_member_cate_05.svg');}
.member-drop-box .drop-body .body-cate ul li.border {border-bottom:1px solid #3C3C42; padding:0 0 15px; margin:0 0 20px;}

/* member-box */
.member-box {height:100vh; display:flex; flex-wrap:wrap; overflow:hidden;}
.member-box .member-inner {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; min-width:0; min-height:0;}
.member-box .member-inner .member-logo {max-width:400px;}
.member-box .member-inner .member-logo h1 img {width:120px;}
.member-box .member-inner .member-logo h2 {margin:8px 0 0; font-size:40px; font-weight:700; color:#fff; line-height:1; text-transform:uppercase;}
.member-box .member-inner .member-form {max-width:500px; width:100%; margin:0 auto; max-height:85vh; background:#232428; display:flex; flex-direction:column; overflow:hidden;}
.member-box .member-inner .member-form h2 {margin:0 0 60px; font-size:32px; font-weight:700; color:#fff;}
.member-box .member-inner .member-form h2 img {display:block; width:160px; margin:0 auto;}
.member-box .member-inner .member-form h2 img.sm {display:block; margin:0 0 16px; width:120px;}
.member-box .member-inner .member-form h2 u {font-size:inherit; font-weight:inherit;}
.member-box .member-inner .member-form h2.md {font-size:24px; line-height:1.5;}
.member-box .member-inner .member-form .form-head {display:flex; flex-wrap:wrap; align-items:center; padding:24px 24px 8px; width:100%;}
.member-box .member-inner .member-form .form-head .head-back {display:flex; flex-wrap:wrap; align-items:center;}
.member-box .member-inner .member-form .form-head .head-back .back {width:32px; height:32px; font-size:0; background:url('../images/icon_member_back.svg') no-repeat center / cover;}
.member-box .member-inner .member-form .form-head .head-close {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.member-box .member-inner .member-form .form-head .head-close .close {width:32px; height:32px; font-size:0; background:url('../images/icon_member_close.svg') no-repeat center / cover;}
.member-box .member-inner .member-form .form-body {width:100%; height:100%; overflow-y:auto; padding:0 40px 40px;}
.member-box .member-inner .member-form .form-body .form-body-inner {width:100%;}
.member-box .member-inner .member-form .form-body .form-body-inner::-webkit-scrollbar {display:none;}
.member-box .member-inner .member-form .form-body.between {display:flex; flex-direction:column; gap:20px; overflow:hidden; min-height:0;}
.member-box .member-inner .member-form .form-body.between .form-body-inner:first-of-type {height:100%; overflow-y:auto; min-height:0;}
.member-box .member-inner:first-of-type {background:url('../images/bg_member.png') no-repeat center / cover;}
@media (max-width:991px){
.member-box {overflow:auto;}
.member-box .member-inner .member-form {height:100%; max-height:100%;}
.member-box .member-inner .member-form h2 {margin:0 0 30px; font-size:25px;}
.member-box .member-inner .member-form h2.md {font-size:20px;}
.member-box .member-inner .member-form .form-head {padding:20px;}
.member-box .member-inner .member-form .form-head .head-close .close {width:25px; height:25px;}
.member-box .member-inner .member-form .form-body {padding:0 20px 20px;}
.member-box .member-inner:first-of-type {display:none;}
}

/* write-box */
.write-box > ul > li {margin:0 0 24px;}
.write-box > ul > li:last-of-type {margin:0;}
.write-box > ul > li .tit {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 8px;}
.write-box > ul > li .tit strong {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; font-weight:700; color:#fff;}
.write-box > ul > li .tit strong.req:after {display:inline-block; content:"*"; font-size:14px; font-weight:500; color:#FF5026; margin:0 0 0 5px;}
.write-box > ul > li .cont {width:100%;}
.write-box > ul > li .cont > p {font-size:18px; font-weight:700; color:#fff;}
.write-box > ul > li.flex {flex-wrap:wrap; align-items:center;}
.write-box > ul > li.flex .tit {width:90px; margin:0 8px 0 0;}
.write-box > ul > li.flex .cont {flex:1; min-width:0;}
.write-box.border > ul > li {border-bottom:1px solid #3C3C42; margin:0; padding:10px;}
.write-box.border > ul > li.flex .tit {width:120px;}
@media (max-width:991px){
.write-box > ul > li .cont > p {font-size:16px;}
.write-box > ul > li.flex .tit {width:100%; margin:0 0 8px;}
.write-box > ul > li.flex .cont {flex:none; width:100%;}
.write-box.border > ul > li.flex .tit {width:100%;}
}

/* write-table-box */
.write-table-box table {table-layout:fixed; width:100%; border-top:1px solid #2B2B30;}
.write-table-box table tbody tr {display:table-row;}
.write-table-box table tbody tr th {width:160px; border-right:1px solid #2B2B30; border-bottom:1px solid #2B2B30; text-align:left; padding:8px 24px; font-size:14px; font-weight:700; color:#fff;}
.write-table-box table tbody tr th.req:after {display:inline-block; content:"*"; font-size:14px; font-weight:700; margin:0 0 0 5px; color:var(--color-active);}
.write-table-box table tbody tr td {border-bottom:1px solid #2B2B30; text-align:left; padding:8px 24px;}
.write-table-box table tbody tr td > p {font-size:14px; font-weight:700; color:#fff; min-height:32px; display:flex; flex-wrap:wrap; align-items:center;}
@media (max-width:991px){
.write-table-box table {display:block; border-top:0;}
.write-table-box table tbody {display:block;}
.write-table-box table tbody tr {display:block !important; border-bottom:1px solid #2b2b30; padding:0 0 10px; margin:0 0 10px;}
.write-table-box table tbody tr th {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 8px; border:0; padding:0;}
.write-table-box table tbody tr td {display:block; width:100%; border:0; padding:0;}
.write-table-box table tbody tr.flex {display:flex !important; flex-wrap:wrap; align-items:center;}
.write-table-box table tbody tr.flex th {width:120px; margin:0;}
.write-table-box table tbody tr.flex td {flex:1; min-width:0;}
}

/* select-box */
.select-box {display:flex; flex-wrap:wrap; align-items:center; background:#3C3C42; border:1px solid #4D4D53; border-radius:4px; position:relative;}
.select-box select {flex:1; min-width:0; height:48px; padding:0 40px 0 24px; font-size:14px; font-weight:500; color:#acacb2; background:url('../images/icon_arrow_down.svg') no-repeat calc(100% - 16px) center / 16px;}
.select-box select option {background:#2B2B30; color:#fff;}
.select-box.sm select {height:32px; padding:0 30px 0 16px;}

/* input-box */
.input-box {display:flex; flex-wrap:wrap; align-items:center; gap:10px; background:#3C3C42; border:1px solid #4D4D53; border-radius:4px; position:relative;}
.input-box input {flex:1; min-width:0; background:none; height:48px; padding:0 24px; font-size:14px; font-weight:500; color:#fff;}
.input-box input::placeholder {color:#acacb2;}
.input-box .pw-toggle {width:20px; height:20px; font-size:0; margin:0 16px 0 0; background:url('../images/icon_eye_off.svg') no-repeat center / cover;}
.input-box.border {background:none; border-width:0 0 1px; border-radius:0;}
.input-box.border input {padding:0;}
.input-box.password .pw-toggle {background-image:url('../images/icon_eye_on.svg');}
.input-box.has-value {border-color:#fff;}
.input-box.focus {border-color:#fff;}
.input-box.focus input::placeholder {color:transparent;}
.input-box.sm input {height:32px; padding:0 16px;}
.input-box.sm input:before {height:32px; padding:0 16px !important;}
.input-box.disabled {background:#2B2B30; border-color:#2B2B30;}
.input-box.disabled input {color:#828187;}
.input-box input[type=date],
.input-box input[type=datetime-local],
.input-box input[type=month],
.input-box input[type=time] {min-width:150px;}
.input-box input[type=date]::-webkit-calendar-picker-indicator,
.input-box input[type=datetime-local]::-webkit-calendar-picker-indicator,
.input-box input[type=month]::-webkit-calendar-picker-indicator,
.input-box input[type=time]::-webkit-calendar-picker-indicator {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer; z-index:3;}
.input-box input[type=date]:before,
.input-box input[type=datetime-local]:before,
.input-box input[type=month]:before {position:absolute; border-radius:4px; left:0; top:0; content:attr(data-placeholder); background:#3C3C42; width:100%; height:100%; padding:0 24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; display:flex; flex-wrap:wrap; align-items:center; box-sizing:border-box;}
.input-box input[type=date]:after,
.input-box input[type=datetime-local]:after,
.input-box input[type=month]:after,
.input-box input[type=time]:after {position:absolute; right:10px; top:50%; transform:translateY(-50%); content:""; width:16px; height:16px; background:url('../images/icon_calendar.svg') no-repeat center / cover;}
.input-box input[type=date]:focus:before,
.input-box input[type=datetime-local]:focus:before,
.input-box input[type=month]:focus:before,
.input-box input[type=time]:focus:before {opacity:0;}
.input-box.has-value input[type=date]:before,
.input-box.has-value input[type=datetime-local]:before,
.input-box.has-value input[type=month]:before,
.input-box.has-value input[type=time]:before {display:none;}

/* date-box */
.date-box {display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
@media (max-width:991px){
.date-box {width:100%;}
.date-box .date {flex:1; min-width:0;}
}

/* check-button-box */
.check-button-box {display:flex; flex-wrap:wrap; gap:8px;}
.check-button-box .check {position:relative; width:120px;}
.check-button-box .check input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-button-box .check label {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:48px; border-radius:4px; background:#3C3C42; font-size:14px; font-weight:700; color:#828187;}
.check-button-box .check input:checked ~ label {color:#fff; outline:1px solid #FF5026;}
.check-button-box .check input:checked ~ label:before {display:inline-block; content:""; width:20px; height:20px; margin:0 4px  0 0; background:url('../images/icon_check_button.svg') no-repeat center / cover;}
@media (max-width:991px){
.check-button-box {gap:0; margin:0 -2.5px -5px;}
.check-button-box .check {width:calc(33.33% - 5px); margin:0 2.5px 5px;}
.check-button-box .check label {height:32px; font-size:13px;}
.check-button-box .check input:checked ~ label:before {width:16px; height:16px;}
}

/* check-box */
.check-box {display:flex; flex-wrap:wrap; align-items:center; position:relative; gap:10px;}
.check-box input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-box label {cursor:pointer; position:relative; flex:1; min-width:0; padding:0 0 0 24px; display:flex; flex-wrap:wrap; align-items:center; font-size:14px; font-weight:500; color:#fff;}
.check-box label:before {position:absolute; left:0; top:2px; display:inline-block; content:""; width:16px; height:16px; margin:0 8px 0 0; background:url('../images/icon_check.svg') no-repeat center / cover;}
.check-box input:checked ~ label:before {background-image:url('../images/icon_check_on.svg');}
.check-box a {position:relative; z-index:5; font-size:14px; font-weight:500; color:#fff; text-decoration:underline;}
.check-box.lg label {font-size:16px; padding:0 0 0 32px;}
.check-box.lg label:before {width:24px; height:24px;}
.check-box.single label {justify-content:center; padding:0; font-size:0;}
.check-box.single label:before {margin:0; position:static;}
.check-group-box {display:flex; flex-wrap:wrap; gap:12px 24px; border-bottom:1px solid #6D6D73; padding:14px 0;}
.check-group-box.has-value {border-color:#fff;}
.check-group-box.no-border {border:0; padding:5px 0;}
@media (max-width:991px){
.check-group-box {gap:6px 18px;}
}

/* radio-box */
.radio-box {display:flex; flex-wrap:wrap; align-items:center; position:relative; gap:10px;}
.radio-box input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.radio-box label {position:relative; flex:1; min-width:0; padding:0 0 0 24px; display:flex; flex-wrap:wrap; align-items:center; font-size:14px; font-weight:500; color:#fff;}
.radio-box label:before {position:absolute; left:0; top:2px; display:inline-block; content:""; width:16px; height:16px; margin:0 8px 0 0; background:url('../images/icon_radio.svg') no-repeat center / cover;}
.radio-box input:checked ~ label:before {background-image:url('../images/icon_radio_on.svg');}
.radio-box a {position:relative; z-index:5; font-size:14px; font-weight:500; color:#fff; text-decoration:underline;}
.radio-box.lg label {font-size:16px; padding:0 0 0 32px;}
.radio-box.lg label:before {width:24px; height:24px;}
.radio-box.single label {justify-content:center; padding:0; font-size:0;}
.radio-box.single label:before {margin:0; position:static;}
.radio-group-box {display:flex; flex-wrap:wrap; gap:12px 24px; border-bottom:1px solid #6D6D73; padding:14px 0;}
.radio-group-box.has-value {border-color:#fff;}
.radio-group-box.no-border {border:0; padding:5px 0;}
@media (max-width:991px){
.radio-group-box {gap:6px 18px;}
}

/* radio-method-box */
.radio-method-box .radio {width:160px; margin:0 0 8px; position:relative;}
.radio-method-box .radio:last-of-type {margin:0;}
.radio-method-box .radio input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.radio-method-box .radio label {display:flex; flex-wrap:wrap; align-items:center; height:48px; border-radius:4px; background:#3C3C42; padding:0 24px; font-size:14px; font-weight:700; color:#828187;}
.radio-method-box .radio label:before {display:inline-block; content:""; width:16px; height:16px; margin:0 8px 0 0; background:url('../images/icon_radio.svg') no-repeat center / cover;}
.radio-method-box .radio input:checked ~ label {color:#fff; outline:1px solid #FF5026;}
.radio-method-box .radio input:checked ~ label:before {background-image:url('../images/icon_radio_on.svg');}
@media (max-width:991px){
.radio-method-box .radio {width:140px;}
.radio-method-box .radio label {height:40px;}
}

/* button-box */
.button-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:4px 8px;}
.button-box .btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:48px; padding:0 16px; font-size:16px; border-radius:4px;}
.button-box .btn-full {flex:1; min-width:0; padding:0; font-size:16px; font-weight:700;}
.button-box .btn-full.col-12 {flex:none; width:100%;}
.button-box .btn-sm {height:32px; font-size:12px;}
.button-box .btn-md {height:40px; font-size:14px;}
.button-box .btn-lg {height:56px; font-size:16px; font-weight:700;}
.button-box .btn-lg:before {width:24px !important; height:24px !important;}
.button-box .btn-naver {position:relative; background:#03A94D; color:#fff;}
.button-box .btn-naver:before {position:absolute; content:""; left:16px; top:50%; transform:translateY(-50%); width:16px; height:16px; background:url('../images/icon_btn_naver.svg') no-repeat center / cover;}
.button-box .btn-naver:hover {background:#139B00;}
.button-box .btn-kakao {position:relative; background:#FAE300; color:#391B1B;}
.button-box .btn-kakao:before {position:absolute; content:""; left:16px; top:50%; transform:translateY(-50%); width:16px; height:16px; background:url('../images/icon_btn_kakao.svg') no-repeat center / cover;}
.button-box .btn-kakao:hover {background:#FAD400;}
.button-box .btn-google {position:relative; background:#fff; color:#000;}
.button-box .btn-google:before {display: inline-block; position:relative; content:""; width:16px; height:16px; margin-top: -1px; margin-right: 8px;background:url('../images/icon_btn_google.svg') no-repeat center / cover;}
.button-box .btn-google:hover {background:#EBEBF2;}
.button-box .btn-gray {background:#C9C9D0; color:#2B2B30;}
.button-box .btn-gray:hover {background:#fff;}
.button-box .btn-gray-gradient {background:linear-gradient(to right, #747A8A, #4C5162); color:#fff;}
.button-box .btn-gray-gradient:hover {background:linear-gradient(to right, #8C94A2, #6A7188);}
.button-box .btn-gray-thick {background:#828187; color:#fff;}
.button-box .btn-gray-thick:hover {background:#ACACB2;}
.button-box .btn-gray-dark {background:#2B2B30; color:#fff;}
.button-box .btn-gray-dark:hover {background:#4D4D53;}
.button-box .btn-blue {background:#408DEF !important; color:#fff;}
.button-box .btn-blue:hover {background:#3B7BDB !important;}
.button-box .btn-white:hover {background:#EBEBF2 !important;}
.button-box .btn-active {background:linear-gradient(to right, #FF5026, #E20000) !important; color:#fff;}
.button-box .btn-active:hover {background:linear-gradient(to right, #FF0000, #BA0000) !important;}
.button-box .btn.disabled {background:#2B2B30 !important; border:1px solid #3C3C42 !important; color:#6D6D73 !important;}
.button-box .btn-check:before {display:inline-block; content:""; width:20px; height:20px; margin:0 4px 0 0; background:url('../images/icon_btn_check.svg') no-repeat center / cover;}
.button-box .btn-add:before {display:inline-block; content:""; width:20px; height:20px; margin:0 4px 0 0; background:url('../images/icon_btn_add.svg') no-repeat center / cover;}
.button-box .btn-link:before {display:inline-block; content:""; width:20px; height:20px; margin:0 4px 0 0; background:url('../images/icon_btn_link.svg') no-repeat center / cover;}
.button-box .btn-link-w:before {display:inline-block; content:""; width:20px; height:20px; margin:0 4px 0 0; background:url('../images/icon_btn_link_w.svg') no-repeat center / cover;}
.button-box .btn-move:before {display:inline-block; content:""; width:20px; height:20px; margin:0 4px 0 0; background:url('../images/icon_btn_move.svg') no-repeat center / cover;}
.button-box .btn-copy:before {display:inline-block; content:""; width:20px; height:20px; margin:0 4px 0 0; background:url('../images/icon_btn_copy.svg') no-repeat center / cover;}
.button-box .btn-pack:before {display:inline-block; content:""; width:20px; height:20px; margin:0 4px 0 0; background:url('../images/icon_btn_pack.svg') no-repeat center / cover;}
.button-box .btn-pencil:before {display:inline-block; content:""; width:20px; height:20px; margin:0 4px 0 0; background:url('../images/icon_btn_pencil.svg') no-repeat center / cover;}
.button-box .btn-home:before {display:inline-block; content:""; width:20px; height:20px; margin:0 4px 0 0; background:url('../images/icon_btn_home.svg') no-repeat center / cover;}
.button-box .btn-history:before {display:inline-block; content:""; width:20px; height:20px; margin:0 4px 0 0; background:url('../images/icon_btn_history.svg') no-repeat center / cover;}
.button-box .btn-card:before {display:inline-block; content:""; width:20px; height:20px; margin:0 4px 0 0; background:url('../images/icon_btn_card.svg') no-repeat center / cover;}
.button-box .btn-print:before {display:inline-block; content:""; width:20px; height:20px; margin:0 4px 0 0; background:url('../images/icon_btn_print.svg') no-repeat center / cover;}
.button-box .btn-project:before {display:inline-block; content:""; width:20px; height:20px; margin:0 4px 0 0; background:url('../images/icon_btn_project.svg') no-repeat center / cover;}
.button-box .btn-download:before {display:inline-block; content:""; width:20px; height:20px; margin:0 4px 0 0; background:url('../images/icon_btn_download.svg') no-repeat center / cover;}
.button-box .btn-search:before {display:inline-block; content:""; width:20px; height:20px; margin:0 4px 0 0; background:url('../images/icon_btn_search.svg') no-repeat center / cover;}
.button-box .btn-cart:before {display:inline-block; content:""; width:20px; height:20px; margin:0 4px 0 0; background:url('../images/icon_btn_cart.svg') no-repeat center / cover;}
.button-box .btn-box:before {display:inline-block; content:""; width:20px; height:20px; margin:0 4px 0 0; background:url('../images/icon_btn_box.svg') no-repeat center / cover;}
.button-box .btn-box-w:before {display:inline-block; content:""; width:20px; height:20px; margin:0 4px 0 0; background:url('../images/icon_btn_box_w.svg') no-repeat center / cover;}
.button-box.check-before:before {display:block; content:""; width:24px; height:24px; background:url('../images/icon_btn_check_before.svg') no-repeat center / cover;}
@media (max-width:991px){
.button-box .btn.flex-lg-1 {padding:0;}
.button-box.check-before:before {width:20px; height:20px;}
}

/* link-box */
.link-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.link-box ul li {display:flex; flex-wrap:wrap; align-items:center;}
.link-box ul li:after {display:inline-block; content:""; width:1px; height:12px; margin:0 12px; background:#6D6D73;}
.link-box ul li:last-of-type:after {display:none;}
.link-box ul li a {font-size:12px; font-weight:700; color:#ACACB2;}
.link-box ul li a:hover {position:relative; color:#fff; top:-1px;}
.link-box ul li a:hover:after {display:block; content:""; position:absolute; left:0; top:calc(100% + 5px); width:100%; height:1px; background:#fff;}
.t-hover:hover {color:#fff !important;}

/* or-box */
.or-box {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 16px;}
.or-box:before {display:inline-block; content:""; flex:1; min-width:0; height:1px; background:#4D4D53;}
.or-box:after {display:inline-block; content:""; flex:1; min-width:0; height:1px; background:#4D4D53;}
.or-box p {margin:0 16px; font-size:14px; font-weight:700; color:#6D6D73;}

/* message-box */
.message-box {margin:8px 0 0;}
.message-box p {font-size:12px; font-weight:500; word-break:keep-all; color:#fff; line-height:1.5;}
.message-box p.error {color:#FF5026;}

/* agree-box */
.agree-box .agree-total {margin:0 0 12px;}
.agree-box .agree-total .check-box label {font-size:16px; padding:0 0 0 35px;}
.agree-box .agree-total .check-box label:before {width:24px; height:24px; margin:0 16px 0 0;}
.agree-box .agree-list .check-box {padding:4px 0; margin:0 0 4px;}
.agree-box .agree-list .check-box:last-of-type {margin:0;}

/* register-box */
.register-box .reg-inner {background:#000; border-radius:4px; padding:0 15px 12px;}
.register-box .reg-inner:before {display:block; content:""; width:80px; height:77px; position:relative; top:-19px; margin:0 auto 8px; background:url('../images/icon_register.png') no-repeat center / cover;}
.register-box .reg-inner p {font-size:16px; font-weight:800; color:#6D6D73; text-align:center; text-transform:uppercase;}
.register-box .reg-text {margin:24px 0 0;}
.register-box .reg-text strong {display:block; font-size:18px; font-weight:700; color:#fff; text-align:center; word-break:keep-all; margin:0 0 8px; line-height:1.5;}
.register-box .reg-text p {font-size:14px; font-weight:600; text-align:center; color:#828187; word-break:keep-all; line-height:1.5;}
@media (max-width:991px){
.register-box .reg-inner:before {width:70px; height:67px; margin:0 auto; top:-14px;}
}

/* coupon-box */
.coupon-box {background:#111; border-radius:4px;}
.coupon-box .inner {display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:16px 24px;}
.coupon-box .inner p {flex:1; min-width:0; font-size:14px; color:#828187; word-break:keep-all;}
.coupon-box .inner div {width:75px; height:39px; position:relative; background:url('../images/bg_coupon.png') no-repeat center / cover;}
.coupon-box .inner div b {position:absolute; height:100%; width:55px; font-size:17px; font-weight:700; left:20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.coupon-box .inner div b em {font-size:17px;}

/* search-box */
.search-box {position:relative; width:100%; max-width:640px; padding:0 32px; gap:16px; background:#fff; display:flex; flex-wrap:wrap; align-items:center; border-radius:50px;}
.search-box .search {display:block; font-size:0; width:24px; height:24px; background:url('../images/icon_search_submit.svg') no-repeat center / cover;}
.search-box .file {display:block; font-size:0; width:24px; height:24px; background:url('../images/icon_search_file.svg') no-repeat center / cover;}
.search-box .search-input {flex:1; min-width:0;}
.search-box .search-input input {display:block; width:100%; height:48px; font-size:16px; color:#111; background:none;}
.search-box .search-input input::placeholder {color:#828187;}
.search-box .search-inner {position:absolute; left:0; top:calc(100% + 10px); background:#fff; border-radius:4px; width:100%; display:none; flex-wrap:wrap;}
.search-box .search-inner .inner-wrap {flex:1; min-width:0; padding:24px; border-right:1px solid #F2F2F8;}
.search-box .search-inner .inner-wrap:last-of-type {border:0;}
.search-box .search-inner .inner-wrap h2 {border-bottom:1px solid #F2F2F8; padding:0 0 16px; margin:0 0 16px; font-size:18px; font-weight:600;}
.search-box .search-inner .inner-wrap ul {max-height:250px; overflow-y:auto;}
.search-box .search-inner .inner-wrap ul li {margin:0 0 8px;}
.search-box .search-inner .inner-wrap ul li:last-of-type {margin:0;}
.search-box .search-inner .inner-wrap ul li a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; font-weight:700; color:#ACACB2;}
.search-box .search-inner .inner-wrap ul li a b {font-size:16px; font-weight:700; color:var(--color-active);}
.search-box .search-inner .inner-wrap ul li a:hover {text-decoration:underline; color:#111;}
/* 스크롤바 커스텀 */
.search-box .search-inner .inner-wrap ul::-webkit-scrollbar {background:transparent; width:8px;}
.search-box .search-inner .inner-wrap ul::-webkit-scrollbar-thumb {background:#ACACB2; border-radius:50px;}
.search-box .search-inner .inner-wrap ul::-webkit-scrollbar-button {background-repeat:no-repeat; background-position:center; background-size:8px 6px;}
.search-box .search-inner .inner-wrap ul::-webkit-scrollbar-button:vertical {width:8px; height:16px;}
.search-box .search-inner .inner-wrap ul::-webkit-scrollbar-button:vertical:decrement {background-image:url('../images/icon_scroll_up.svg');}
.search-box .search-inner .inner-wrap ul::-webkit-scrollbar-button:vertical:increment {background-image:url('../images/icon_scroll_down.svg');}

.search-box .search-file {position:absolute; left:0; top:calc(100% + 10px); background:#fff; border-radius:4px; width:100%; display:none; padding:24px;}
.search-box .search-file .file-inner {background:#F2F2F8; padding:40px;}
.search-box .search-file .file-inner:before {display:block; content:""; width:48px; height:48px; margin:0 auto 8px; background:url('../images/icon_search_upload.svg') no-repeat center / cover;}
.search-box .search-file .file-inner p {display:block; text-align:center; font-size:16px; font-weight:500; word-break:keep-all; color:#000;}
.search-box .search-file .file-inner label {margin:24px auto 0; width:130px; height:40px; border-radius:4px; color:#fff; background:#2B2B30; font-size:14px; font-weight:700; position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.search-box .search-file .file-inner label input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.search-box .search-image {position:relative;}
.search-box .search-image img {width:40px; height:40px; object-fit:cover;}
.search-box .search-image .delete {position:absolute; right:0; top:0; width:16px; height:16px; background:rgba(0,0,0,0.5) url('../images/icon_close.svg') no-repeat center / 12px; font-size:0;}
.search-box.active .search-inner {display:flex;}
.search-box.upload .search-file {display:block;}
.search-box.dark {background:#4D4D53;}
.search-box.dark .search {background-image:url('../images/icon_search_submit_w.svg');}
.search-box.dark .file {background-image:url('../images/icon_search_file_w.svg');}
.search-box.dark .search-input input {background:transparent; color:#fff;}
.search-box.dark .search-input input::placeholder {color:#C9C9D0;}
.search-box.dark .search-inner {background:#4D4D53;}
.search-box.dark .search-inner .inner-wrap {border-color:#585A64;}
.search-box.dark .search-inner .inner-wrap h2 {color:#fff; border-color:#585A64;}
.search-box.dark .search-inner .inner-wrap ul li a {color:#ACACB2;}
.search-box.dark .search-inner .inner-wrap ul li a b {color:#fff;}
.search-box.dark .search-inner .inner-wrap ul li a:hover {color:#fff;}
.search-box.dark .search-file {background:#4D4D53;}
.search-box.dark .search-file .file-inner {background:#2B2B30;}
.search-box.dark .search-file .file-inner:before {background-image:url('../images/icon_search_upload_w.svg');}
.search-box.dark .search-file .file-inner p {color:#fff;}
.search-box.dark .search-file .file-inner label {background:#fff; color:#111;}
.search-sub-box {display:none; margin:16px 0 0; position:relative; z-index:100;}
.search-sub-box .search-box {margin:0 auto;}
@media (max-width:1300px){
.search-sub-box {display:block;}
}
@media (max-width:991px){
.search-box {padding:0 16px; gap:10px;}
.search-box .search-inner .inner-wrap {padding:16px;}
.search-box .search-inner .inner-wrap h2 {font-size:16px;}
.search-box .search-inner .inner-wrap ul li a {font-size:14px;}
.search-box .search-inner .inner-wrap ul li a b {font-size:14px;}
.search-box .search-file {padding:16px;}
.search-box .search-file .file-inner {padding:20px;}
.search-box .search-file .file-inner:before {width:40px; height:40px;}
.search-box .search-file .file-inner p {font-size:14px;}
}

/* quration-list-box */
.quration-list-box {margin:0 0 80px;}
.quration-list-box:last-of-type {margin:0;}
.quration-list-box > h3 {position:relative; margin:0 0 24px; display:flex; flex-wrap:wrap; align-items:center;}
.quration-list-box > h3 strong {font-size:24px; font-weight:700; color:#fff;}
.quration-list-box > h3 span {flex:1; min-width:0; padding:0 0 0 20px; font-size:16px; color:#ACACB2; word-break:keep-all;}
.quration-list-box > h3 div {position:absolute; right:0; top:50%; transform:translateY(-50%); display:flex; flex-wrap:wrap; align-items:center; gap:16px;}
.quration-list-box > h3 div button {display:block; font-size:0; width:24px; height:24px; background-size:cover; background-position:center;}
.quration-list-box > h3 div button.off {opacity:0.5;}
.quration-list-box > h3 div button.prev {background-image:url('../images/icon_quration_prev.svg');}
.quration-list-box > h3 div button.next {background-image:url('../images/icon_quration_next.svg');}
.quration-list-box > ul {display:flex; flex-wrap:wrap; margin:0 -12px -24px;}
.quration-list-box > ul > li {width:calc(33.33% - 24px); margin:0 12px 24px;}
.quration-list-box > ul > li .inner {display:block; position:relative;}
.quration-list-box > ul > li .inner .list-image {overflow:hidden; position:relative;}
.quration-list-box > ul > li .inner .list-image:after {display:block; content:""; padding-bottom:65.5%;}
.quration-list-box > ul > li .inner .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:all ease 0.5s;}
.quration-list-box > ul > li .inner .list-content {position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.8); max-height:100%; padding:16px 24px;}
.quration-list-box > ul > li .inner .list-content strong {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; font-weight:700; color:#fff;}
.quration-list-box > ul > li .inner .list-content span {margin:10px 0 0; font-size:11px; padding:2px 10px; display:none; flex-wrap:wrap; align-items:center; border-radius:50px; border:1px solid #fff; color:#fff;}
.quration-list-box > ul > li .inner .list-content p {font-size:15px; color:#fff; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; margin:5px 0 0; display:none;}
.quration-list-box > ul > li .inner:hover .list-image img {transform:scale(1.1);}
.quration-list-box > ul > li .inner:hover .list-content p {display:-webkit-box;}
.quration-list-box > ul > li .inner:hover .list-content span {display:inline-flex;}
@media (max-width:1200px){
.quration-list-box > ul {margin:0 -5px -10px;}
.quration-list-box > ul > li {width:calc(33.33% - 10px); margin:0 5px 10px;}
}
@media (max-width:991px){
.quration-list-box > h3 {margin:0 0 20px; padding:0 65px 0 0;}
.quration-list-box > h3 strong {display:block; font-size:18px;}
.quration-list-box > h3 span {flex:none; padding:0; width:100%; font-size:14px; margin:5px 0 0;}
.quration-list-box > h3 div {gap:10px; transform:none; top:auto; bottom:0;}
.quration-list-box > ul > li {width:calc(50% - 10px);}
.quration-list-box > ul > li .inner .list-content {padding:16px;}
.quration-list-box > ul > li .inner .list-content strong {font-size:15px;}
.quration-list-box > ul > li .inner .list-content p {font-size:14px;}
}
@media (max-width:767px){
.quration-list-box > ul {margin:0;}
.quration-list-box > ul > li {width:100%; margin:0 0 10px;}
.quration-list-box > ul > li:last-of-type {margin:0;}
}

/* modal-box */
.modal-box {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:9999; transition:all ease 0.5s;}
.modal-box .box.alert {pointer-events:none; opacity:0; transition:all ease 0.5s; position:absolute; left:50%; top:45%; transform:translate(-50%,-50%); width:calc(100% - 30px); max-height:90%; overflow:hidden; max-width:360px; background:#000; border:1px solid #2B2B30; border-radius:4px; padding:24px; display:flex; flex-direction:column;}
.modal-box .box.alert .modal-head {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin:0 0 8px;}
.modal-box .box.alert .modal-head h2 {flex:1; min-width:0; margin:0 10px 0 0; font-size:16px; font-weight:700; color:#fff;}
.modal-box .box.alert .modal-head .close {width:24px; height:24px; font-size:0; background:url('../images/icon_member_close.svg') no-repeat center / cover;}
.modal-box .box.alert .modal-head.border {border-bottom:1px solid #2B2B30; margin:-24px -24px 16px; padding:16px 24px; width:calc(100% + 48px);}
.modal-box .box.alert .modal-body {width:100%; height:100%; overflow-y:auto;}
.modal-box .box.alert .modal-body > h2 {font-size:24px; font-weight:700; color:#fff; text-align:center; margin:0 0 24px;}
.modal-box .box.alert .modal-body > p {text-align:center; font-size:16px; font-weight:700; color:#fff; word-break:keep-all; line-height:1.5;}
.modal-box .box.alert .modal-body > p u {font-size:inherit;}
.modal-box .box.alert .modal-body > p b {font-size:16px; font-weight:700; color:#FF5026; text-decoration:underline;}
.modal-box .box.alert .modal-foot {width:100%; margin:20px 0 0;}
.modal-box .box.alert .modal-foot.border {border-top:1px solid #2B2B30; padding:24px 0 0; margin:24px 0 0;}
.modal-box .box.alert.xxlarge {max-width:1360px;}
.modal-box .box.alert.xlarge {max-width:883px;}
.modal-box .box.alert.large {max-width:712px;}
.modal-box .box.alert.medium {max-width:428px;}
.modal-box .box.auto {overflow:visible;}
.modal-box .box.auto .modal-body {overflow:visible;}
.modal-box.fixed {pointer-events:inherit; opacity:1;}
.modal-box.fixed .box.alert {pointer-events:inherit; opacity:1; top:50%;}
@media (max-width:991px){
.modal-box .box.alert {padding:20px;}
.modal-box .box.alert .modal-body > h2 {font-size:20px; margin:0 0 20px;}
.modal-box .box.alert.xxlarge {max-width:100%; max-height:100%; width:100%;}
}

/* title-box */
.title-box {display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between;}
.title-box h2 {font-size:48px; font-weight:800; color:#fff;}
.title-box ul {display:flex; flex-wrap:wrap; align-items:center;}
.title-box ul li {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; font-weight:500; color:#fff;}
.title-box ul li:after {display:inline-block; content:">"; font-size:14px; font-weight:500; color:#fff; margin:0 10px;}
.title-box ul li:last-of-type:after {display:none;}
@media (max-width:991px){
.title-box h2 {font-size:28px;}
.title-box ul {display:none;}
}

/* text-box */
.text-box p {font-size:16px; font-weight:500; color:#fff; word-break:keep-all;}
@media (max-width:991px){
.text-box p {font-size:14px;}
}

/* text-guide-box */
.text-guide-box {display:flex; flex-wrap:wrap; align-items:center; background:#3C3C42; border-radius:4px; padding:8px 24px; margin:0 0 24px;}
.text-guide-box:before {display:inline-block; content:""; width:24px; height:24px; margin:0 4px 0 0; background:url('../images/icon_text_guide.svg') no-repeat center / cover;}
.text-guide-box p {flex:1; min-width:0; font-size:14px !important; font-weight:500 !important; color:#fff; word-break:keep-all; text-align:left !important;}
@media (max-width:991px){
.text-guide-box {padding:8px 15px; margin:0 0 15px;}
.text-guide-box:before {width:20px; height:20px;}
}

/* tab-box */
.tab-box.tab1 {margin:0 0 24px;}
.tab-box.tab1 ul {display:flex; flex-wrap:wrap; border-bottom:1px solid #232428;}
.tab-box.tab1 ul li {width:20%;}
.tab-box.tab1 ul li .tab {position:relative; width:100%; height:48px; font-size:16px; font-weight:700; color:#828187; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center;}
.tab-box.tab1 ul li .tab.active {color:#fff;}
.tab-box.tab1 ul li .tab.active:after {position:absolute; left:0; bottom:0; width:100%; height:2px; content:""; background:#fff;}
.tab-box.tab1.full ul li {flex:1; min-width:0;}
@media (max-width:991px){
.tab-box.tab1 ul li {flex:1; min-width:0;}
}

/* event-list-box */
.event-list-box > ul > li {margin:0 0 16px; padding:0 0 16px; border-bottom:1px solid #232428;}
.event-list-box > ul > li:last-of-type {margin:0;}
.event-list-box > ul > li .inner {display:flex; flex-wrap:wrap; align-items:center;}
.event-list-box > ul > li .inner .list-image {width:400px; position:relative; overflow:hidden; border-radius:4px;}
.event-list-box > ul > li .inner .list-image:after {display:block; content:""; padding-bottom:120px;}
.event-list-box > ul > li .inner .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:all ease 0.5s;}
.event-list-box > ul > li .inner .list-content {flex:1; min-width:0; padding:0 0 0 32px;}
.event-list-box > ul > li .inner .list-content p {font-size:18px; font-weight:700; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.event-list-box > ul > li .inner .list-content small {margin:5px 0 0; display:block; font-size:12px; font-weight:500; color:#ACACB2; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.event-list-box > ul > li .inner:hover .list-image img {transform:scale(1.1);}
@media (max-width:991px){
.event-list-box > ul > li .inner .list-image {width:100%;}
.event-list-box > ul > li .inner .list-image:after {padding-bottom:30%;}
.event-list-box > ul > li .inner .list-content {padding:0; width:100%; flex:none; margin:15px 0 0;}
.event-list-box > ul > li .inner .list-content p {font-size:15px;}
.event-list-box > ul > li .inner .list-content small {margin:0;}
}

/* event-view-box */
.event-view-box {background:#232428; padding:40px;}
.event-view-box .view-image img {max-width:100%; display:block; margin:0 auto;}
.event-view-box .view-content {margin:32px 0 0;}
.event-view-box .view-content h3 {font-size:16px; font-weight:700; color:#fff; word-break:keep-all;}
.event-view-box .view-content ul {margin:5px 0 0; padding:0 0 0 20px;}
.event-view-box .view-content ul li {list-style:disc; font-size:14px; color:#fff; font-weight:500; word-break:keep-all;}
@media (max-width:991px){
.event-view-box {padding:0; background:none;}
.event-view-box .view-content {margin:24px 0 0;}
.event-view-box .view-content ul li {font-size:13px;}
}

/* paging-box */
.paging-box {margin:55px 0 0;}
.paging-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.paging-box ul li {margin:0 12px 0 0;}
.paging-box ul li a {font-size:16px; font-weight:700; color:#828187;}
.paging-box ul li a:hover {color:#fff; text-decoration:underline;}
.paging-box ul li.active a {color:#fff;}
.paging-box ul li.pg {margin:0;}
.paging-box ul li.pg.prev {margin:0 8px 0 0;}
.paging-box ul li.pg.next {margin:0 0 0 8px;}
.paging-box ul li.pg a {font-size:0; width:36px; height:36px; background-size:16px; background-repeat:no-repeat; background-position:center;}
.paging-box ul li.pg.first a {background-image:url('../images/icon_paging_first.svg');}
.paging-box ul li.pg.prev a {background-image:url('../images/icon_paging_prev.svg');}
.paging-box ul li.pg.next a {background-image:url('../images/icon_paging_next.svg');}
.paging-box ul li.pg.last a {background-image:url('../images/icon_paging_last.svg');}
.paging-box ul li.pg.off {opacity:0.4;}
@media (max-width:991px){
.paging-box {margin:35px 0 0;}
.paging-box ul li {margin:0;}
.paging-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:30px; height:30px; font-size:14px;}
.paging-box ul li.pg a {width:30px; height:30px;}
}

/* social-box */
.social-box ul {display:flex; flex-wrap:wrap; gap:8px;}
.social-box ul li a {display:block; font-size:0; width:32px; height:32px; background-size:cover; background-position:center;}
.social-box ul li.google a {background-image:url('../images/icon_social_google.svg');}
.social-box ul li.naver a {background-image:url('../images/icon_social_naver.svg');}
.social-box ul li.kakao a {background-image:url('../images/icon_social_kakao.svg');}

/* dropdown-box */
.dropdown-box.select {position:relative; min-width:240px;}
.dropdown-box.select .dropdown-btn {width:100%; display:flex; flex-wrap:wrap; align-items:center; background:#2B2B30; gap:10px; border-radius:4px; padding:0 16px; height:48px;}
.dropdown-box.select .dropdown-btn:after {display:inline-block; content:""; width:16px; height:16px; background:url('../images/icon_dropdown_arrow.svg') no-repeat center / cover;}
.dropdown-box.select .dropdown-btn span {flex:1; min-width:0; font-size:14px; font-weight:700; color:#fff; text-align:left;}
.dropdown-box.select .dropdown-inner {padding:8px; position:absolute; left:0; top:calc(100% + 5px); width:100%; border-radius:4px; background:#2B2B30; border:1px solid #3C3C42; box-shadow:4px 4px 16px rgba(0,0,0,0.1);}
.dropdown-box.select .dropdown-inner ul {max-height:180px; padding:0 5px; overflow-y:auto;}
.dropdown-box.select .dropdown-inner ul li {border-bottom:1px solid #3C3C42;}
.dropdown-box.select .dropdown-inner ul li:last-of-type {border:0;}
.dropdown-box.select .dropdown-inner ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; height:40px; font-size:14px; font-weight:700; color:#828187;}
.dropdown-box.select .dropdown-inner ul li a.modal-btn:after {display:inline-block; content:""; width:20px; height:20px; background:url('../images/icon_plus.svg') no-repeat center / cover;}
.dropdown-box.select .dropdown-inner ul li a:hover {color:#fff;}
.dropdown-box.select .dropdown-inner ul li.active a {color:#fff;}
.dropdown-box.select .dropdown-inner ul li.active a:after {display:inline-block; content:""; width:16px; height:16px; background:url('../images/icon_dropdown_check.svg') no-repeat center / cover;}
.dropdown-box.select.active {z-index:100;}
.dropdown-box .dropdown-inner ul::-webkit-scrollbar {background:transparent; width:8px;}
.dropdown-box .dropdown-inner ul::-webkit-scrollbar-thumb {background:#ACACB2; border-radius:50px;}
.dropdown-box .dropdown-inner ul::-webkit-scrollbar-button {background-repeat:no-repeat; background-position:center; background-size:8px 6px;}
.dropdown-box .dropdown-inner ul::-webkit-scrollbar-button:vertical {width:8px; height:16px;}
.dropdown-box .dropdown-inner ul::-webkit-scrollbar-button:vertical:decrement {background-image:url('../images/icon_scroll_up.svg');}
.dropdown-box .dropdown-inner ul::-webkit-scrollbar-button:vertical:increment {background-image:url('../images/icon_scroll_down.svg');}
@media (max-width:991px){
.dropdown-box.select .dropdown-btn {padding:0 10px;}
.dropdown-box.select .dropdown-inner {padding:5px 10px;}
.dropdown-box.select .dropdown-inner ul li a {height:35px; font-size:13px;}
}

/* list-top-box */
.list-top-box {margin:24px 0; display:flex; flex-wrap:wrap; align-items:center; gap:10px; justify-content:space-between;}
.list-top-box .top-inner {display:flex; flex-wrap:wrap; align-items:center; gap:10px;}
.list-top-box .top-inner h3 {font-size:32px; font-weight:700; color:#fff;}
.list-top-box .top-inner .top-inner-search > ul {display:flex; flex-wrap:wrap; align-items:center; gap:10px;}
.list-top-box .top-inner .top-inner-search > ul > li {display:flex; flex-wrap:wrap; align-items:center; gap:15px;}
.list-top-box .top-inner .top-inner-search > ul > li > strong {font-size:16px; font-weight:700; color:#fff;}
.list-top-box .top-inner .top-inner-button {display:flex; flex-wrap:wrap; gap:8px;}
.list-top-box .top-inner .top-inner-button > a {display:flex; flex-wrap:wrap; align-items:center; height:40px; border-radius:4px; color:#fff; background:#2B2B30; padding:0 24px; font-size:14px; font-weight:700;}
.list-top-box .top-inner .top-inner-button > a:hover {background:#3C3C42;}
.list-top-box .top-inner .top-inner-button > .dropdown-box {min-width:100px;}
.list-top-box .top-inner .top-inner-button > .dropdown-box .dropdown-btn {height:40px;}
@media (max-width:991px){
.list-top-box .top-inner {width:100%;}
.list-top-box .top-inner h3 {font-size:24px;}
.list-top-box .top-inner .top-inner-search {width:100%;}
.list-top-box .top-inner .top-inner-search > ul > li {gap:8px; width:100%;}
.list-top-box .top-inner .top-inner-search > ul > li > strong {font-size:14px; width:100%;}
.list-top-box .top-inner .top-inner-search > ul > li > .dropdown-box {width:100%;}
.list-top-box .top-inner .top-inner-button {gap:4px;}
.list-top-box .top-inner .top-inner-button > a {height:35px; font-size:13px; padding:0 16px;}
.list-top-box .top-inner .top-inner-button > .dropdown-box .dropdown-btn {height:35px; font-size:13px;}
}

/* more-box */
.more-box {position:relative; z-index:20; height:auto;}
.more-box .more {display:block; font-size:0; width:20px; height:20px; background:url('../images/icon_dot.svg') no-repeat center / 100% auto;}
.more-box ul {display:none; padding:8px 16px; position:absolute; right:0; top:calc(100% + 5px); background:#2B2B30; border:1px solid #3C3C42; border-radius:4px; box-shadow:4px 4px 16px rgba(0,0,0,0.1); white-space:nowrap;}
.more-box ul li a {display:flex; align-items:center; height:40px; font-size:14px; font-weight:700; color:#ACACB2;}
.more-box ul li a:before {display:inline-block; content:""; width:20px; height:20px; margin:0 8px 0 0; background-size:cover; background-position:center;}
.more-box ul li a:hover {text-decoration:underline; color:#fff;}
.more-box ul li.update a:before {background-image:url('../images/icon_more_update.svg');}
.more-box ul li.delete a:before {background-image:url('../images/icon_more_delete.svg');}
.more-box ul li.share a:before {background-image:url('../images/icon_more_share.svg');}
.more-box.active ul {display:block;}
@media (max-width:991px){
.more-box ul {padding:5px 12px;}
.more-box ul li a {height:34px; font-size:13px;}
.more-box ul li a:before {width:16px; height:16px; margin:0 5px 0 0;}
}

/* download-list-box */
.download-list-box > ul {display:flex; flex-wrap:wrap; margin:0 -8px -24px;}
.download-list-box > ul > li {width:calc(25% - 16px); margin:0 8px 24px;}
.download-list-box > ul > li .inner {display:block;}
.download-list-box > ul > li .inner .list-image {position:relative; overflow:hidden;}
.download-list-box > ul > li .inner .list-image:after {display:block; content:""; padding-bottom:60%;}
.download-list-box > ul > li .inner .list-image img {transition:all ease 0.5s; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.download-list-box > ul > li .inner .list-image span {position:absolute; left:8px; top:8px; display:flex; flex-wrap:wrap; align-items:center; height:24px; background:rgba(0,0,0,0.6); border-radius:4px; padding:0 8px; font-size:11px; font-weight:700; color:#fff;}
.download-list-box > ul > li .inner .list-content {display:flex; flex-wrap:wrap; margin:8px 0 0;}
.download-list-box > ul > li .inner .list-content b {display:flex; flex-wrap:wrap; align-items:center; font-size:12px; font-weight:700; color:#fff;}
.download-list-box > ul > li .inner .list-content b:after {display:inline-block; content:""; width:1px; height:8px; background:#6D6D73; margin:0 8px;}
.download-list-box > ul > li .inner .list-content p {flex:1; min-width:0; font-size:12px; font-weight:700; color:#fff;}
.download-list-box > ul > li .inner:hover .list-image img {transform:scale(1.1);}
@media (max-width:991px){
.download-list-box > ul {margin:0 -5px -30px;}
.download-list-box > ul > li {width:calc(50% - 10px); margin:0 5px 30px;}
}
@media (max-width:600px){
.download-list-box > ul {margin:0;}
.download-list-box > ul > li {width:100%; margin:0 0 25px;}
.download-list-box > ul > li:last-of-type {margin:0;}
}

/* project-list-box */
.project-list-box .list-01 {display:flex; flex-wrap:wrap; margin:0 -12px -24px;}
.project-list-box .list-01 > li {width:calc(33.33% - 24px); margin:0 12px 24px; position:relative;}
.project-list-box .list-01 > li .detail-more {position:absolute; left:0; top:0; width:100%; height:100%; font-size:0; opacity:0; z-index:2;}
.project-list-box .list-01 > li .list-image {position:relative; overflow:hidden;}
.project-list-box .list-01 > li .list-image:after {display:block; content:""; padding-bottom:60%;}
.project-list-box .list-01 > li .list-image .image-wrap {position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; gap:2px;}
.project-list-box .list-01 > li .list-image .image-wrap .image-inner {flex:1; min-width:0; height:100%; display:flex; flex-direction:column; gap:2px; position:relative;}
.project-list-box .list-01 > li .list-image .image-wrap .image-inner img {width:100%; height:100%; object-fit:cover;}
.project-list-box .list-01 > li .list-image .image-wrap .image-inner span {position:absolute; right:0; bottom:0; width:100%; height:50%; background:rgba(0,0,0,0.6); font-size:14px; font-weight:500; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.project-list-box .list-01 > li .list-content {margin:15px 0 0; gap:10px; display:flex; flex-wrap:wrap; align-items:flex-start;}
.project-list-box .list-01 > li .list-content .inner {flex:1; min-width:0;}
.project-list-box .list-01 > li .list-content .inner strong {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:24px; font-weight:700; color:#fff;}
.project-list-box .list-01 > li .list-content .inner span {display:block; font-size:14px; color:#ACACB2;}
.project-list-box .list-02 {display:flex; flex-wrap:wrap; margin:0 -12px -24px;}
.project-list-box .list-02 > li {width:calc(33.33% - 24px); margin:0 12px 24px; position:relative;}
.project-list-box .list-02 > li .detail-more {position:absolute; left:0; top:0; width:100%; height:100%; font-size:0; opacity:0; z-index:2;}
.project-list-box .list-02 > li .list-image {position:relative; overflow:hidden;}
.project-list-box .list-02 > li .list-image:after {display:block; content:""; padding-bottom:60%;}
.project-list-box .list-02 > li .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.project-list-box .list-02 > li .list-image span {position:absolute; display:flex; flex-wrap:wrap; align-items:center; left:12px; top:12px; background:rgba(0,0,0,0.6); height:32px; border-radius:4px; padding:0 12px; font-size:12px; font-weight:700; color:#fff;}
.project-list-box .list-02 > li .list-content {display:flex; flex-wrap:wrap; align-items:center; margin:15px 0 0;} 
.project-list-box .list-02 > li .list-content .check-box {margin:0 10px 0 0; position:relative; z-index:5; cursor:pointer;}
.project-list-box .list-02 > li .list-content .check-box label:before {width:24px; height:24px;}
.project-list-box .list-02 > li .list-content b {display:flex; flex-wrap:wrap; align-items:center; height:24px; margin:0 8px 0 0; border-radius:4px; padding:0 10px; font-size:12px; font-weight:700; color:#000;}
.project-list-box .list-02 > li .list-content b.red {background:#E0A1A1;}
.project-list-box .list-02 > li .list-content b.blue {background:#9BB6E1;}
.project-list-box .list-02 > li .list-content p {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px; font-weight:500; color:#fff;}
@media (max-width:991px){
.project-list-box .list-01 {margin:0 -5px -30px;}
.project-list-box .list-01 > li {width:calc(50% - 10px); margin:0 5px 30px;}
.project-list-box .list-01 > li .list-content {margin:10px 0 0;}
.project-list-box .list-01 > li .list-content .inner strong {font-size:16px;}
.project-list-box .list-01 > li .list-content .inner span {font-size:12px;}
.project-list-box .list-02 {margin:0 -5px -30px;}
.project-list-box .list-02 > li {width:calc(50% - 10px); margin:0 5px 30px;}
.project-list-box .list-02 > li .list-image span {left:8px; top:8px; height:24px; font-size:11px;}
.project-list-box .list-02 > li .list-content .check-box {margin:0 8px 0 0;}
.project-list-box .list-02 > li .list-content .check-box label:before {width:20px; height:20px;}
.project-list-box .list-02 > li .list-content b {height:20px; font-size:11px;}
.project-list-box .list-02 > li .list-content p {font-size:14px;}
}
@media (max-width:600px){
.project-list-box .list-01 {margin:0;}
.project-list-box .list-01 > li {width:100%; margin:0 0 30px;}
.project-list-box .list-01 > li:last-of-type {margin:0;}
.project-list-box .list-02 {margin:0;}
.project-list-box .list-02 > li {width:100%; margin:0 0 30px;}
.project-list-box .list-02 > li:last-of-type {margin:0;}
}

/* list-none-box */
.list-none-box {padding:160px 0;}
.list-none-box strong {display:block; text-align:center; font-size:32px; font-weight:700; color:#fff; word-break:keep-all;}
.list-none-box strong b {font-size:32px; font-weight:700; color:#55AAFF;}
.list-none-box p {text-align:center; margin:5px 0 0; font-size:16px; color:#fff; word-break:keep-all;}
.list-none-box.image:before {display:block; content:""; margin:0 auto 16px; width:64px; height:64px; background:url('../images/icon_list_none_image.png') no-repeat center / cover;}
@media (max-width:991px){
.list-none-box {padding:80px 0;}
.list-none-box strong {font-size:24px;}
.list-none-box strong b {font-size:24px;}
.list-none-box p {font-size:14px;}
.list-none-box.image:before {margin:0 auto 10px; width:55px; height:55px;}
}

/* table-box */
.table-box .table-head {display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:8px; margin:0 0 16px;}
.table-box .table-head p {font-size:16px; font-weight:700; color:#fff; word-break:keep-all;}
.table-box .table-head .head-inner {display:flex; flex-wrap:wrap; gap:8px;}
.table-box .table-head .head-inner .dropdown-box {min-width:120px;}
.table-box .table-body {overflow-x:auto; white-space:nowrap;}
.table-box .table-body table {width:100%; border-collapse:collapse;}
.table-box .table-body table thead tr th {background:#232428; padding:14px 10px; font-size:14px; font-weight:700; color:#fff; border:1px solid #2B2B30;}
.table-box .table-body table tbody tr td {border:1px solid #2B2B30; text-align:center; color:#fff; font-size:14px; padding:8px 10px;}
.table-box .table-body table tbody tr td .button-box {flex-wrap:nowrap;}
.table-box .table-body table tbody tr td .button-box .btn {height:32px; font-size:12px;}
@media (max-width:991px){
.table-box .table-head p {width:100%; font-size:14px;}
.table-box .table-head .head-inner {width:100%;}
.table-box .table-head .head-inner .dropdown-box {flex:1; min-width:0;}
.table-box .table-body table thead tr th {padding:10px 7px;}
.table-box .table-body table tbody tr td {padding:5px 7px; font-size:13px;}
.table-box .table-body table tbody tr td .button-box .btn {height:28px; font-size:12px;}
}

/* grade-box */
.grade-box {background:#50525C; border-radius:4px; padding:24px 40px;}
.grade-box .grade-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.grade-box .grade-head h3 {font-size:32px; font-weight:700; color:#fff; display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
.grade-box .grade-head h3 b {position:relative; top:3px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; height:40px; background:rgba(0,0,0,0.4); font-size:14px; font-weight:700; padding:0 16px;}
.grade-box .grade-head .button-box {width:180px;}
.grade-box .grade-body {margin:16px 0 0;}
.grade-box .grade-body ul {display:flex; flex-wrap:wrap; gap:8px;}
.grade-box .grade-body ul li {width:30%; padding:16px 24px; border-radius:4px; background:rgba(0,0,0,0.25);}
.grade-box .grade-body ul li:last-of-type {flex:1; min-width:0;}
.grade-box .grade-body ul li b {display:block; font-size:14px; font-weight:700; color:rgba(255,255,255,0.4);}
.grade-box .grade-body ul li div {display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
.grade-box .grade-body ul li div p {font-size:14px; font-weight:700; color:#fff;}
.grade-box .grade-body ul li div span {display:flex; flex-wrap:wrap; align-items:center; border-radius:50px; background:rgba(0,0,0,0.4); height:24px; padding:0 12px 2px; font-size:11px; font-weight:700;}
.grade-box.basic {background:#6B5D56;}
.grade-box.basic .grade-head h3 b {color:#AF8975;}
.grade-box.basic .grade-body ul li div span {color:#AF8975;}
.grade-box.sport {background:#32493B;}
.grade-box.sport .grade-head h3 b {color:#6BAA75;}
.grade-box.sport .grade-body ul li div span {color:#6BAA75;}
.grade-box.art {background:#563B66;}
.grade-box.art .grade-head h3 b {color:#C174EF;}
.grade-box.art .grade-body ul li div span {color:#C174EF;}
.grade-box.news {background:#3C5076;}
.grade-box.news .grade-head h3 b {color:#70A0F9;}
.grade-box.news .grade-body ul li div span {color:#70A0F9;}
.grade-box.full {background:linear-gradient(to right, #4E4ACB, #AD2020);}
.grade-box.full .grade-head h3 b {color:#F383CB;}
.grade-box.full .grade-body ul li div span {color:#F383CB;}
.grade-box.special {background:#8A7B3A;}
.grade-box.special .grade-head h3 b {color:#DBBF45;}
.grade-box.special .grade-body ul li div span {color:#DBBF45;}
@media (max-width:991px){
.grade-box {padding:16px;}
.grade-box .grade-head h3 {gap:5px; font-size:20px;}
.grade-box .grade-head h3 b {height:24px; font-size:10px; top:0; padding:0 10px;}
.grade-box .grade-head .button-box {width:110px;}
.grade-box .grade-head .button-box .btn {height:35px; font-size:13px;}
.grade-box .grade-head .button-box .btn:before {width:16px; height:16px;}
.grade-box .grade-body ul li {width:100%; padding:16px; flex:1; min-width:0;}
.grade-box .grade-body ul li:last-of-type {flex:none; width:100%;}
.grade-box .grade-body ul li b {font-size:13px;}
.grade-box .grade-body ul li div span {padding:0 12px;}
}

/* order-view-box */
.order-view-box h3 {margin:0 0 32px; font-size:32px; font-weight:700; color:#fff; text-align:center;}
.order-view-box .view-inner {margin:0 0 32px; background:#232428; border:1px solid #3C3C42; border-radius:4px; padding:32px 40px;}
.order-view-box .view-inner:last-of-type {margin:0;}
.order-view-box .view-inner .inner-list ul li {border-bottom:1px solid #3C3C42; display:flex; flex-wrap:wrap; padding:16px;}
.order-view-box .view-inner .inner-list ul li > b {width:125px; font-size:14px; font-weight:500; color:#fff;}
.order-view-box .view-inner .inner-list ul li > div {flex:1; min-width:0;}
.order-view-box .view-inner .inner-list ul li > div p {font-size:14px; color:#fff; word-break:keep-all;}
.order-view-box .view-inner .inner-total strong {margin:0 0 10px; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; background:#2B2B30; border-bottom:1px solid #3C3C42; padding:8px 24px; font-size:18px; font-weight:700; color:#fff;}
.order-view-box .view-inner .inner-total p {padding:0 24px; margin:0 0 5px; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; font-size:16px; font-weight:500; color:#fff; gap:5px;}
.order-view-box .view-inner .inner-total p:last-of-type {margin:0;}
.order-view-box .view-inner .inner-total p b {font-size:18px; font-weight:700; color:#fff;}
.order-view-box .view-inner .inner-total p em {font-size:24px; font-weight:700; color:#FF5026;}
.order-view-box .view-inner .inner-title {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 24px;}
.order-view-box .view-inner .inner-title h4 {display:flex; flex-wrap:wrap; align-items:center; height:40px; background:#111; border:1px solid #3C3C42; border-radius:4px; padding:0 24px; font-size:14px; font-weight:500; color:#fff;}
.order-view-box .view-inner .inner-item {margin:0 0 10px;}
.order-view-box .view-inner .inner-item > ul > li {margin:0 0 16px; display:flex; flex-wrap:wrap; align-items:flex-start;}
.order-view-box .view-inner .inner-item > ul > li:last-of-type {margin:0;}
.order-view-box .view-inner .inner-item > ul > li .list-image {width:160px; height:110px;}
.order-view-box .view-inner .inner-item > ul > li .list-image img {width:100%; height:100%; object-fit:cover;}
.order-view-box .view-inner .inner-item > ul > li .list-content {flex:1; min-width:0; padding:0 0 0 24px;}
.order-view-box .view-inner .inner-item > ul > li .list-content ul li {border-bottom:1px solid #3C3C42; display:flex; flex-wrap:wrap; align-items:center; padding:16px 24px 16px 0;}
.order-view-box .view-inner .inner-item > ul > li .list-content ul li:last-of-type {border:0;}
.order-view-box .view-inner .inner-item > ul > li .list-content ul li > strong {width:125px; font-size:14px; font-weight:500; color:#fff;}
.order-view-box .view-inner .inner-item > ul > li .list-content ul li > em {display:flex; flex-wrap:wrap; align-items:center; margin:0 8px 0 0; height:24px; border-radius:4px; padding:0 10px; font-size:12px; font-weight:700;}
.order-view-box .view-inner .inner-item > ul > li .list-content ul li > em.red {background:#E0A1A1; color:#111;}
.order-view-box .view-inner .inner-item > ul > li .list-content ul li > em.blue {background:#9BB6E1; color:#111;}
.order-view-box .view-inner .inner-item > ul > li .list-content ul li > p {flex:1; min-width:0; font-size:14px; color:#fff;} 
.order-view-box .view-inner .inner-item > ul > li .list-price {width:100%;}
.order-view-box .view-inner .inner-item > ul > li .list-price p {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; background:#2B2B30; border:1px solid #3C3C42; border-width:1px 0; padding:8px 24px; font-size:18px; font-weight:700; color:#fff;}
@media (max-width:991px){
.order-view-box h3 {margin:0 0 24px; font-size:20px;}
.order-view-box .view-inner {margin:0 0 24px; padding:16px;}
.order-view-box .view-inner .inner-list > ul > li {padding:12px 0;}
.order-view-box .view-inner .inner-list > ul > li > b {width:100px; font-size:13px;}
.order-view-box .view-inner .inner-list > ul > li > div p {font-size:13px;}
.order-view-box .view-inner .inner-total strong {padding:8px 16px; font-size:16px;}
.order-view-box .view-inner .inner-total p {padding:0 16px; font-size:14px;}
.order-view-box .view-inner .inner-total p b {font-size:16px;}
.order-view-box .view-inner .inner-total p em {font-size:18px;}
.order-view-box .view-inner .inner-title {margin:0 0 10px;}
.order-view-box .view-inner .inner-title h4 {height:32px; padding:0 16px; font-size:13px;}
.order-view-box .view-inner .inner-item > ul > li .list-image {width:100%; height:auto; position:relative;}
.order-view-box .view-inner .inner-item > ul > li .list-image:after {display:block; content:""; padding-bottom:60%;}
.order-view-box .view-inner .inner-item > ul > li .list-image img {position:absolute; left:0; top:0;}
.order-view-box .view-inner .inner-item > ul > li .list-content {flex:none; padding:0; width:100%;}
.order-view-box .view-inner .inner-item > ul > li .list-content ul li {padding:12px 0;}
.order-view-box .view-inner .inner-item > ul > li .list-content ul li > strong {width:100px; font-size:13px;}
.order-view-box .view-inner .inner-item > ul > li .list-content ul li > p {font-size:13px;}
.order-view-box .view-inner .inner-item > ul > li .list-content ul li > .button-box .btn {height:32px; font-size:13px;}
.order-view-box .view-inner .inner-item > ul > li .list-price p {padding:8px 16px; font-size:16px;}
}

/* order-write-box */
.order-write-box {display:flex; flex-wrap:wrap; align-items:flex-start; gap:40px;}
.order-write-box .write-left {flex:1; min-width:0;}
.order-write-box .write-right {width:395px; position:sticky; top:80px;}
.order-write-box .write-right .right-content .content-head {display:none;}
.order-write-box .write-right .right-content .content-body .content-inner {background:#232428; border:1px solid #3C3C42; border-radius:4px; padding:40px;}
.order-write-box .write-right .right-content .content-body .content-inner h4 {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 24px;}
.order-write-box .write-right .right-content .content-body .content-inner h4 b {display:flex; flex-wrap:wrap; align-items:center; background:#111; border:1px solid #3C3C42; border-radius:4px; height:40px; padding:0 24px; font-size:14px; font-weight:500; color:#fff;}
.order-write-box .write-right .right-button {display:none;}
.order-write-box .write-right.lg {width:480px;}
.order-write-box .write-right.xl {width:535px; top:20px;}
@media (max-width:1400px){
.order-write-box .write-left {flex:none; width:100%; padding-bottom:96px !important;}
.order-write-box .write-right {width:100% !important; top:auto; bottom:0; position:static;}
.order-write-box .write-right .right-content {display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999;}
.order-write-box .write-right .right-content .box {position:absolute; display:flex; flex-direction:column; left:0; top:0; width:100%; height:100%; background:#111; overflow:hidden;}
.order-write-box .write-right .right-content .content-head {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; padding:20px;}
.order-write-box .write-right .right-content .content-head .write-close {width:24px; height:24px; font-size:0; display:block; background:url('../images/icon_close.svg') no-repeat center / cover;}
.order-write-box .write-right .right-content .content-body {width:100%; height:100%; overflow-y:auto; padding:0 20px 20px;}
.order-write-box .write-right .right-content .content-body .content-inner {padding:20px;}
.order-write-box .write-right .right-content .content-body .content-inner h4 {margin:0 0 16px;}
.order-write-box .write-right .right-content .content-body .content-inner h4 b {height:32px; padding:0 16px; font-size:13px;}
.order-write-box .write-right .right-button {display:block; padding:16px; z-index:100; background:#111; position:fixed; bottom:0; left:0; width:100%;}
.order-write-box.fixed .write-right .right-content {display:block;}
}

/* total-price-box */
.total-price-box .toggle {display:flex; flex-wrap:wrap; align-items:center; width:100%; margin:0 0 10px;} 
.total-price-box .toggle span {font-size:18px; font-weight:700; color:#fff;}
.total-price-box .toggle:after {display:inline-block; content:""; display:inline-block; content:""; width:20px; height:20px; margin:0 0 0 8px; background:url('../images/icon_arrow_down.svg') no-repeat center / cover;}
.total-price-box ul li {margin:0 0 4px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.total-price-box ul li b {font-size:14px; font-weight:700; color:#fff;}
.total-price-box ul li p {font-size:18px; font-weight:700; color:#fff;}
.total-price-box ul li p.lg {font-size:24px; color:#FF5026;}
.total-price-box ul li.list {display:none;}
.total-price-box ul li.list b {display:flex; flex-wrap:wrap; align-items:center;}
.total-price-box ul li.list b:before {display:inline-block; content:""; width:12px; height:12px; margin:0 8px 0 0; background:url('../images/icon_total_list.svg') no-repeat center / cover;}
.total-price-box ul li.border {border-bottom:1px solid #828187; padding:0 0 10px; margin:0 0 10px;}
.total-price-box ul li:last-of-type {border-top:1px solid #3C3C42; padding:6px 0 0; margin:12px 0 0;}
.total-price-box.active .toggle:after {transform:rotate(180deg);}
.total-price-box.active ul li.list {display:flex;}

/* tooltip-box */
.tooltip-box {position:relative;}
.tooltip-box .tooltip-inner {pointer-events:none; opacity:0; transition:all ease 0.5s; z-index:10; content:attr(data-tooltip); position:absolute; background:#3C3C42; border-radius:5px; padding:5px 10px; white-space:nowrap;}
.tooltip-box .tooltip-inner:before {pointer-events:none; opacity:0; content:""; position:absolute; left:100%; top:50%; transform:translateY(-50%); border-width:5px; border-style:solid; transition:opacity 0.2s;}
.tooltip-box .tooltip-inner p {font-size:11px; line-height:1.3; color:#fff;}
.tooltip-box:hover {z-index:20;}
.tooltip-box:hover .tooltip-inner {pointer-events:inherit; opacity:1;}
.tooltip-box:hover .tooltip-inner:before {pointer-events:inherit; opacity:1;}
.tooltip-box.tooltip-top .tooltip-inner {left:50%; transform:translateX(-50%); bottom:calc(100% + 8px);}
.tooltip-box.tooltip-top .tooltip-inner:before {left:50%; transform:translateX(-50%); top:calc(100% - 2.5px); border-color:#3C3C42 transparent transparent transparent;}
.tooltip-box.tooltip-bottom .tooltip-inner {left:50%; transform:translateX(-50%); top:calc(100% + 8px);}
.tooltip-box.tooltip-bottom .tooltip-inner:before {left:50%; transform:translateX(-50%); top:calc(0% - 8px); border-color:transparent transparent #3C3C42 transparent;}
.tooltip-box.tooltip-left .tooltip-inner {right:calc(100% + 8px); top:50%; transform:translateY(-50%);}
.tooltip-box.tooltip-left .tooltip-inner:before {left:calc(100% - 1.5px); border-color:transparent transparent transparent #3C3C42;}
.tooltip-box.tooltip-right .tooltip-inner {left:calc(100% + 8px); top:50%; transform:translateY(-50%);}
.tooltip-box.tooltip-right .tooltip-inner:before {right:calc(100% - 1.5px); left:auto; transform:translateY(-50%); border-color:transparent #3C3C42 transparent transparent;}
.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;}

/* cart-list-box */
.cart-list-box {overflow-x:auto; white-space:nowrap;}
.cart-list-box table {border-collapse:collapse;}
.cart-list-box table thead tr th {padding:10px; font-size:14px; font-weight:700; color:rgba(255,255,255,0.6); background:#2B2B30;}
.cart-list-box table thead tr th .tooltip-btn {font-size:14px; font-weight:700; color:rgba(255,255,255,0.6); display:flex; flex-wrap:nowrap; align-items:center; justify-content:center;}
.cart-list-box table thead tr th .tooltip-btn:after {display:inline-block; content:""; width:20px; height:20px; margin:0 0 0 5px; background:url('../images/icon_tooltip.svg') no-repeat center / cover;}
.cart-list-box table tbody tr td {font-size:14px; font-weight:700; color:#fff; padding:10px; border-bottom:1px solid #2B2B30;}
.cart-list-box table tbody tr td .cart-thumb {width:160px; margin:0 auto;}
.cart-list-box table tbody tr td .cart-thumb a {display:block;}
.cart-list-box table tbody tr td .cart-thumb .list-image {position:relative;}
.cart-list-box table tbody tr td .cart-thumb .list-image:after {display:block; content:""; padding-bottom:60%;}
.cart-list-box table tbody tr td .cart-thumb .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.cart-list-box table tbody tr td .cart-thumb .list-content {margin:5px 0 0;}
.cart-list-box table tbody tr td .cart-thumb .list-content p {text-align:center; font-size:14px; font-weight:700; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.cart-list-box table tbody tr td .dropdown-box {width:160px; min-width:0; margin:5px auto 0;}
.cart-list-box table tbody tr td .dropdown-box .dropdown-btn {height:40px;}
.cart-list-box table tbody tr td .select-box {width:160px; margin:5px auto 0;}
.cart-list-box table tbody tr td .button-box {margin:0 auto;}
.cart-list-box table tfoot tr td {background:#2B2B30; border:1px solid #3C3C42; border-width:1px 0; padding:8px 24px; text-align:right; font-size:18px; font-weight:700; color:#fff;}
.cart-list-box.rm table thead tr th {background:#3A2A2B;}
.cart-list-box.rf table thead tr th {background:#323A49;}
@media (max-width:991px){
.cart-list-box table thead tr th {padding:5px 10px;}
.cart-list-box table thead tr th .tooltip-btn:after {width:14px; height:14px;}
.cart-list-box table tbody tr td {font-size:13px;}
.cart-list-box table tbody tr td .cart-thumb {width:110px;}
.cart-list-box table tbody tr td .cart-thumb .list-content p {font-size:12px;}
.cart-list-box table tbody tr td .dropdown-box {width:120px;}
.cart-list-box table tbody tr td .select-box {width:120px;}
.cart-list-box table tbody tr td .select-box select {height:30px;}
.cart-list-box table tfoot tr td {text-align:left; padding:8px 15px; font-size:16px;}
}

/* price-box */
.price-box  {margin:10px 0 0;}
.price-box p {padding:0 24px; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin:5px 0 0; font-size:16px; font-weight:500; color:#fff; gap:8px;}
.price-box p b {font-size:18px; font-weight:700; color:#fff;}
.price-box p strong {font-size:32px; font-weight:700; color:#FF5026;}
@media (max-width:991px){
.price-box p {font-size:16px; padding:0 16px; justify-content:flex-start;}
.price-box p b {font-size:16px;}
.price-box p strong {font-size:20px;}
}

/* order-form-box */
.order-form-box > ul > li {border-bottom:1px solid #3C3C42; padding:18px 0; display:flex; flex-wrap:wrap;}
.order-form-box > ul > li > strong {width:100px; font-size:14px; font-weight:500; color:#fff;}
.order-form-box > ul > li > div {flex:1; min-width:0;}
.order-form-box > ul > li > div em {font-size:18px; font-weight:700; color:#fff;}
.order-form-box > ul > li > div ul {padding:0 0 0 20px;}
.order-form-box > ul > li > div ul li {list-style:disc; font-size:11px; font-weight:500; color:#ACACB2; word-break:keep-all;}
.order-form-box > ul > li > div ul li a {font-size:11px; font-weight:700; color:#ACACB2;}
.order-form-box > ul > li > div ul li b {display:block; font-size:11px; font-weight:500; color:#fff;}
.order-form-box > ul > li.is-m {display:none !important;}
@media (max-width:991px){
.order-form-box > ul > li > strong {width:90px;}
.order-form-box > ul > li.flex > strong {width:100%; margin:0 0 8px;}
.order-form-box > ul > li.flex > div {flex:none; width:100%;}
.order-form-box > ul > li.is-m.active {display:flex !important;}
}

/* order-price-box */
.order-price-box {margin:24px 0 0;}
.order-price-box p {text-align:right; font-size:16px; font-weight:500; color:#fff;}
.order-price-box strong {display:block; text-align:right; margin:4px 0 0; font-size:24px; font-weight:700; color:#fff;}

/* order-link-box */
.order-link-box {margin:12px 0 0;}
.order-link-box ul {display:flex; flex-wrap:wrap; gap:12px;}
.order-link-box ul li a {font-size:14px; font-weight:700; color:#ACACB2;}
.order-link-box ul li a:hover {color:#fff; text-decoration:underline;}

/* order-text-box */
.order-text-box ul {margin:12px 0 0; padding:0 !important;}
.order-text-box ul li {position:relative; margin:0 0 5px; display:flex; flex-wrap:wrap; align-items:center; gap:4px; padding:0 0 0 13px;}
.order-text-box ul li:last-of-type {margin:0;}
.order-text-box ul li:before {position:absolute; left:0; top:50%; transform:translateY(-50%);  display:inline-block; content:""; width:4px; height:4px; background:#ACACB2; border-radius:50%; margin:0 3px 0 0;}
.order-text-box ul li p {font-size:12px; color:#fff; word-break:keep-all;}
.order-text-box ul li.depositor {display:grid; grid-template-columns:max-content 160px; align-items:center; column-gap:4px; padding:0;}
.order-text-box ul li.depositor:before {display:none;}
.order-text-box ul li.depositor > p {position:relative; padding:0 0 0 13px;}
.order-text-box ul li.depositor > p:before {position:absolute; left:0; top:50%; transform:translateY(-50%); content:""; width:4px; height:4px; background:#ACACB2; border-radius:50%;}
.order-text-box ul li.depositor > .message-box {grid-column:2;}
@media (max-width:991px){
.order-text-box ul li.depositor {grid-template-columns:max-content minmax(0,1fr);}
}

/* order-result-box */
.order-result-box {margin:0 0 32px;}
.order-result-box strong {display:block; text-align:center; word-break:keep-all; font-size:32px; font-weight:700; color:#fff;}
.order-result-box p {margin:5px 0 0; font-size:18px; font-weight:500; color:#fff; text-align:center; word-break:keep-all;}
.order-result-box p b {font-size:18px; font-weight:700; color:#55AAFF;}
@Media (max-width:991px){
.order-result-box {margin:0 0 24px;}
.order-result-box strong {font-size:24px;}
.order-result-box p {font-size:15px;}
.order-result-box p b {font-size:15px;}
}

/* print-box */
.print-box {max-width:980px; margin:0 auto; padding:30px 16px;}
.print-box h2 {margin:0 0 20px; font-size:40px; font-weight:800; text-align:center;}
.print-box .print-inner > p {margin:0 0 8px; color:#6D6D73;}
.print-box .print-between {display:flex; flex-wrap:wrap; gap:18px;}
.print-box .print-between .inner {flex:1; min-width:0; border:1px solid #ACACB2;}
.print-box .print-sign time {display:block; text-align:center; font-size:14px; font-weight:500; border-bottom:1px solid #EBEBF2; padding:10px 0;}
.print-box .print-sign p {text-align:center; font-size:16px; color:#6D6D73; padding:10px;}
.print-box .print-sign ul {display:flex; flex-wrap:wrap; border-bottom:1px solid #EBEBF2;}
.print-box .print-sign ul li {border-right:1px solid #EBEBF2; display:block; text-align:center; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.print-box .print-sign ul li:first-of-type {flex:1; min-width:0;}
.print-box .print-sign ul li:last-of-type {border:0; width:85px;}
.print-box .print-sign ul li b {padding:17px 0; font-size:32px; font-weight:700; display:block; text-align:center;}
.print-box .print-sign ul li p {color:#6D6D73; font-size:14px;} 
.print-box .print-table table {table-layout:fixed; border-collapse:collapse;}
.print-box .print-table table tbody tr th {background:#F7F7FD; border:1px solid #EBEBF2; padding:7.5px 10px; font-size:12px; text-align:left;}
.print-box .print-table table tbody tr td {padding:7.5px 10px; border:1px solid #EBEBF2; text-align:left; position:relative; font-size:12px;}
.print-box .print-table table tbody tr td img {position:absolute; right:5px; top:0; width:50px;}
.print-box .print-list table thead tr th {background:#F2F2F8; border:1px solid #EBEBF2; border-width:1px 0; padding:10px; font-size:14px; font-weight:700; color:#6D6D73;}
.print-box .print-list table tbody tr td {border-bottom:1px solid #C9C9D0; padding:10px; font-weight:500;}
.print-box .print-list table tbody tr td .list-thumb {width:160px; margin:0 auto;}
.print-box .print-list table tbody tr td .list-thumb .list-image {position:relative;}
.print-box .print-list table tbody tr td .list-thumb .list-image:after {display:block; content:""; padding-bottom:60%;}
.print-box .print-list table tbody tr td .list-thumb .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.print-box .print-list table tbody tr td .list-thumb .list-content {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:8px 0 0;}
.print-box .print-list table tbody tr td .list-thumb .list-content b {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:4px; width:40px; height:24px; font-size:12px; font-weight:700; color:#fff;}
.print-box .print-list table tbody tr td .list-thumb .list-content b.rm {background:#E0A1A1;}
.print-box .print-list table tbody tr td .list-thumb .list-content b.rf {background:#9BB6E1;}
.print-box .print-list table tbody tr td .list-thumb .list-content p {padding:0 0 0 8px; font-weight:700;}
.print-box .print-price ul li {border-bottom:1px solid #EBEBF2; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:8px 24px;}
.print-box .print-price ul li b {font-size:16px; font-weight:500;}
.print-box .print-price ul li p {font-size:18px; font-weight:700;}
.print-box .print-price ul li:last-of-type {background:#F2F2F8;}
.print-box .print-price ul li:last-of-type b {font-size:18px; font-weight:700;}
.print-box .print-price ul li:last-of-type p {font-size:24px; font-weight:700;}
.print-box .print-text {margin:18px 0 0;}
.print-box .print-text ul {padding:0 0 0 20px;}
.print-box .print-text ul li {font-size:12px; color:#6D6D73; word-break:keep-all; list-style:auto; margin:0 0 5px;}
.print-box .print-text ul li:last-of-type {margin:0;}

/* license-box */
.license-box {overflow:hidden;}
.license-box ul {display:flex; flex-wrap:wrap; margin:0 -4px -8px;}
.license-box ul li {width:calc(30% - 8px); margin:0 4px 8px; background:#2B2B30; border-radius:4px; padding:18px;}
.license-box ul li strong {font-size:16px; font-weight:700; word-break:keep-all; margin:0 0 8px; display:block;}
.license-box ul li dl {padding:0 0 0 20px; display:list;}
.license-box ul li dl dd {list-style:disc; font-size:12px; word-break:keep-all; margin:0 0 4px; display:list-item;}
.license-box ul li dl dd:last-of-type {margin:0;}
.license-box ul li:nth-of-type(2),
.license-box ul li:nth-of-type(5) {width:calc(40% - 8px);}
@media (max-width:991px){
.license-box ul {margin:0;}
.license-box ul li {width:100% !important; margin:0 0 8px;}
.license-box ul li:last-of-type {margin:0;}
.license-box ul li strong {font-size:15px;}
}

/* card-list-box */
.card-list-box > ul {display:flex; flex-wrap:wrap; gap:24px;}
.card-list-box > ul > li {flex:1; min-width:0; background:#232428; border:1px solid #3D3D3D; border-radius:16px; padding:40px 32px; display:flex; flex-wrap:wrap; align-content:space-between;}
.card-list-box > ul > li .list-top {width:100%;}
.card-list-box > ul > li .list-top .top-title {margin:0 0 30px;}
.card-list-box > ul > li .list-top .top-title h3 {margin:0 0 10px; font-size:24px; font-weight:700; color:#fff;}
.card-list-box > ul > li .list-top .top-title p {display:flex; flex-wrap:wrap; align-items:baseline; gap:8px;}
.card-list-box > ul > li .list-top .top-title p strong {font-size:32px; font-weight:700; color:#fff;}
.card-list-box > ul > li .list-top .top-title p small {font-size:14px; color:#C9C9D0;}
.card-list-box > ul > li .list-top .top-info ul li {border-bottom:1px solid #3C3C42; gap:10px; padding:0 0 12px; margin:0 0 12px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.card-list-box > ul > li .list-top .top-info ul li:last-of-type {border:0; padding:0; margin:0;}
.card-list-box > ul > li .list-top .top-info ul li b {font-size:14px; color:#C9C9D0;}
.card-list-box > ul > li .list-top .top-info ul li p {text-align:right; font-size:14px; color:#C9C9D0;}
.card-list-box > ul > li .list-bottom {width:100%; margin:32px 0 0;}
.card-list-box > ul > li:nth-of-type(1):hover {background:#2B2B30; border:1px solid #646464;}
.card-list-box > ul > li:nth-of-type(2):hover {background:#16261E; border:1px solid #27674A;}
.card-list-box > ul > li:nth-of-type(3):hover {background:#261622; border:1px solid #882990;}
.card-list-box > ul > li:nth-of-type(4):hover {background:#131C2D; border:1px solid #2A4AAA;}
.card-list-box > ul > li:nth-of-type(5):hover {background:#2D2424; border:1px solid #7E2C2C;}
@media (max-width:1500px){
.card-list-box > ul {gap:0; margin:0 -12px -24px;}
.card-list-box > ul > li {flex:none; width:calc(25% - 24px); margin:0 12px 24px;}
}
@media (max-width:1200px){
.card-list-box > ul > li {width:calc(33.33% - 24px);}
}
@media (max-width:991px){
.card-list-box > ul > li {border-radius:10px; padding:24px 16px;}
.card-list-box > ul > li .list-top .top-title {margin:0 0 20px;}
.card-list-box > ul > li .list-top .top-title h3 {font-size:18px;}
.card-list-box > ul > li .list-top .top-title p strong {font-size:24px;}
.card-list-box > ul > li .list-top .top-title p small {font-size:13px;}
.card-list-box > ul > li .list-top .top-info ul li b {font-size:13px;}
.card-list-box > ul > li .list-top .top-info ul li p {font-size:13px;}
.card-list-box > ul > li .list-bottom {margin:24px 0 0;}
}
@media (max-width:767px){
.card-list-box > ul > li {width:calc(50% - 24px);}
}
@media (max-width:600px){
.card-list-box > ul {margin:0;}
.card-list-box > ul > li {width:100%; margin:0 0 24px;}
.card-list-box > ul > li:last-of-type {margin:0;}
}

/* item-box */
.item-box .item-thumb img {width:100%;}
.item-box .item-button {margin:24px 0 0;}
.item-box .item-subject {margin:40px 0 0;}
.item-box .item-subject p {font-size:16px; font-weight:700; color:#fff; word-break:keep-all;}
.item-box .item-info {border-top:1px solid #2B2B30; padding:24px 0 0; margin:24px 0 0;}
.item-box .item-info > ul {display:flex; flex-wrap:wrap; margin:0 -8px -8px;}
.item-box .item-info > ul > li {width:calc(50% - 16px); margin:0 8px 8px; display:flex; flex-wrap:wrap; align-items:center;}
.item-box .item-info > ul > li.full {width:100%;}
.item-box .item-info > ul > li > strong {width:100px; font-weight:700; color:#828187; display:flex; flex-wrap:wrap; align-items:center;}
.item-box .item-info > ul > li > strong .tooltip-btn {display:flex; flex-wrap:nowrap; align-items:center; font-weight:700; color:#828187;}
.item-box .item-info > ul > li > strong .tooltip-btn:after {display:inline-block; content:""; width:16px; height:16px; margin:0 0 0 8px; background:url('../images/icon_tooltip.svg') no-repeat center / cover;}
.item-box .item-info > ul > li > p {flex:1; min-width:0; font-size:14px; font-weight:500; color:#fff; word-break:keep-all;}
.item-box .item-info > ul > li.row > strong {width:100%; margin:0 0 4px;}
.item-box .item-info > ul > li.row > p {flex:none; width:100%; font-size:12px;}
.item-box .item-tag {border-top:1px solid #2B2B30; padding:24px 0 0; margin:24px 0 0;}
.item-box .item-tag ul {display:flex; flex-wrap:wrap; gap:12px;}
.item-box .item-tag ul li button {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; background:#2B2B30; color:#fff; height:38px; padding:0 16px; font-size:12px;}
.item-box .item-tag ul li button:hover {background:#4D4D53;}
.item-box .item-tag ul li button.active {background:#4D4D53;}
.item-box .item-search {margin:24px 0 0;}
@media (max-width:1400px){
.item-box .item-search .button-box {width:100% !important;}
}
.item-box .item-title p {font-size:14px; color:#fff;}
.item-box .item-title .title-inner {display:flex; flex-wrap:wrap; align-items:center; gap:15px; margin:12px 0 0;}
.item-box .item-title .title-inner h2 {flex:1; min-width:0; font-size:24px; font-weight:700; color:#fff;}
.item-box .item-title .title-inner span {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:32px; border-radius:4px; background:rgba(255,255,255,0.8); padding:0 12px; font-size:16px; font-weight:700; color:#111;}
@media (max-width:991px){
.item-box .item-button {margin:15px 0 0;}
.item-box .item-subject {margin:20px 0 0;}
.item-box .item-subject p {font-size:15px;}
.item-box .item-info > ul {margin:0;}
.item-box .item-info > ul > li {width:100%; margin:0 0 8px;}
.item-box .item-info > ul > li:last-of-type {margin:0;}
.item-box .item-tag ul {gap:12px;}
.item-box .item-tag ul li button {height:32px; padding:0 12px; font-size:11px;}
}
@media (max-width:600px){
.item-box .item-button .btn {font-size:13px;}
.item-box .item-button .btn:before {width:14px; height:14px;}
}

/* pack-box */
.pack-box .pack-text {display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
.pack-box .pack-text p {font-size:14px; font-weight:700;}
.pack-box .pack-text p b {font-size:14px; font-weight:700; color:#55AAFF;}
.pack-box .pack-text strong {font-size:18px; font-weight:700; color:#fff; text-decoration:underline;}
.pack-box .pack-text .btn {height:32px; padding:0 16px; font-weight:700;}
.pack-box .pack-info {margin:24px 0 0;}
.pack-box .pack-info > button {display:flex; flex-wrap:wrap; align-items:center;}
.pack-box .pack-info > button:after {display:inline-block; content:""; width:18px; height:18px; margin:0 0 0 10px; background:url('../images/icon_arrow_down.svg') no-repeat center / cover; transform:rotate(180deg);}
.pack-box .pack-info > button span {font-weight:700; color:#fff;}
.pack-box .pack-info > div {margin:10px 0 0;}
.pack-box .pack-info > div ul li {position:relative; font-size:12px; color:#fff; padding:0 0 0 10px; word-break:keep-all;}
.pack-box .pack-info > div ul li:before {position:absolute; left:0; top:7px; width:3px; height:3px; border-radius:50%; background:#fff; content:"";}
.pack-box .pack-info.active > button:after {transform:rotate(0deg);}
.pack-box .pack-info.active > div {display:none;}
.pack-box .pack-more {margin:24px 0 0; display:flex; flex-wrap:wrap; align-items:center;}
.pack-box .pack-more a {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; font-weight:700; color:#FF5026;}
.pack-box .pack-more a:after {display:inline-block; content:""; width:16px; height:16px; margin:0 0 0 4px; background:url('../images/icon_pack_more.svg') no-repeat center / cover;}
.pack-box .pack-more a:hover {text-decoration:underline;}
.pack-box .pack-more strong {display:block; font-size:24px; font-weight:700; color:#fff; margin:40px 0 -10px; text-align:left; width:100%;}
.pack-box .pack-more .check-box {margin:24px 0 0;}
.pack-box .pack-check > strong {display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:16px; font-weight:700; color:#fff; margin:0 0 12px;}
.pack-box .pack-check > strong:before {display:inline-block; content:""; width:4px; height:4px; background:#fff; border-radius:50%; content:"";}
.pack-box .pack-check > ul {display:flex; flex-wrap:wrap; gap:8px;}
.pack-box .pack-check > ul > li {position:relative; flex:1; min-width:0;}
.pack-box .pack-check > ul > li input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.pack-box .pack-check > ul > li label {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#2B2B30; border-radius:4px; height:48px; color:#828187; font-weight:700;}
.pack-box .pack-check > ul > li input:checked ~ label {color:#fff; outline:1px solid #FF5026;}
.pack-box .pack-check > ul > li input:checked ~ label:before {display:inline-block; content:""; width:20px; height:20px; margin:0 4px 0 0; background:url('../images/icon_pack_check.svg') no-repeat center / cover;}
.pack-box .pack-check > ul:last-of-type {margin:8px 0 0;}
.pack-box .pack-check > ul:last-of-type > li label {height:40px;}
.pack-box .pack-check > ul:last-of-type > li input:checked ~ label:before {width:16px; height:16px;}

/* search-none-box */
.search-none-box {padding:100px 0;}
.search-none-box:before {display:block; content:""; width:40px; height:40px; margin:0 auto 16px; background:url('../images/icon_search_none.svg') no-repeat center / cover;}
.search-none-box h3 {text-align:center; font-size:32px; font-weight:700; color:#fff; word-break:keep-all;}
.search-none-box h3 b {font-size:32px; font-weight:700; color:#FF5026;}
.search-none-box p {margin:5px 0 0; text-align:center; font-size:16px; font-weight:500; color:#fff; word-break:keep-all;}
.search-none-box strong {display:block; text-align:center; margin:40px 0 0; font-size:32px; font-weight:700; color:#fff;}
.search-none-box small {display:block; text-align:center; font-weight:500; color:#C9C9D0;}
@media (max-width:991px){
.search-none-box {padding:50px 0;}
.search-none-box h3 {font-size:22px;}
.search-none-box h3 b {font-size:22px;}
.search-none-box p {font-size:12px;}
.search-none-box strong {margin:20px 0 0; font-size:22px;}
.search-none-box small {font-size:12px;}
}

/* image-swiper-box */
.image-swiper-box {background:#232428; border-radius:4px; padding:48px;}
.image-swiper-box .list-head {display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; margin:0 0 32px;}
.image-swiper-box .list-head h2 {font-size:24px; font-weight:500; color:#fff; word-break:keep-all;}
.image-swiper-box .list-head h2 b {font-size:24px; font-weight:500; color:#FF5026;}
.image-swiper-box .list-head img {width:140px;}
.image-swiper-box .list-body {position:relative;}
.image-swiper-box .list-body .swiper-container {overflow:hidden;}
.image-swiper-box .list-body .swiper-slide {width:auto;}
.image-swiper-box .list-body .swiper-slide img {height:160px; object-fit:cover;}
.image-swiper-box .list-body .swiper-button-prev {width:36px; height:36px; left:-40px; background:url('../images/icon_swiper_arrow.svg') no-repeat center / cover; transform:rotate(180deg);}
.image-swiper-box .list-body .swiper-button-prev:after {display:none;}
.image-swiper-box .list-body .swiper-button-next {width:36px; height:36px; right:-40px; background:url('../images/icon_swiper_arrow.svg') no-repeat center / cover;}
.image-swiper-box .list-body .swiper-button-next:after {display:none;}
@media (max-width:991px){
.image-swiper-box {padding:30px 20px;}
.image-swiper-box .list-head {margin:0 0 24px; align-items:flex-end; gap:15px;}
.image-swiper-box .list-head h2 {font-size:18px; order:2; width:100%;}
.image-swiper-box .list-head h2 b {font-size:18px;}
.image-swiper-box .list-head img {width:100px; order:1;}
.image-swiper-box .list-body .swiper-slide img {height:120px;}
.image-swiper-box .list-body .swiper-button-prev {width:28px; height:28px; left:0;}
.image-swiper-box .list-body .swiper-button-next {width:28px; height:28px; right:0;}
}

/* pack-info-box */
.pack-info-box {margin:0 0 24px;}
.pack-info-box strong {display:block; line-height:1.2; font-size:40px; font-weight:700; color:#fff;}
.pack-info-box ul {margin:8px 0 0;}
.pack-info-box ul li {position:relative; font-size:14px; font-weight:500; color:#acacb2; word-break:keep-all; padding:0 0 0 16px; margin:0 0 4px;}
.pack-info-box ul li:last-of-type {margin:0;}
.pack-info-box ul li:before {position:absolute; left:0; top:7px; width:6px; height:6px; background:#acacb2; border-radius:50%; content:"";}
.pack-info-box ul li.on {color:#5AF;}
.pack-info-box ul li.on:before {background:#5AF;}
@media (Max-width:991px){
.pack-info-box strong {font-size:24px;}
}

/* search-top-box */
.search-top-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:24px; margin:0 0 16px;}
.search-top-box .search-paging {display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
.search-top-box .search-paging button {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:4px; width:36px; height:36px; font-size:0;}
.search-top-box .search-paging button:after {background:url('../images/icon_search_arrow.svg') no-repeat center / cover; display:block; content:""; width:16px; height:16px;}
.search-top-box .search-paging button.prev:after {transform:rotate(180deg);}
.search-top-box .search-paging button:hover {background-color:#4D4D53;}
.search-top-box .search-paging button.disabled {background:transparent !important; cursor:auto !important;}
.search-top-box .search-paging button.disabled:after {opacity:0.3;}
.search-top-box .search-paging b {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0 16px; height:36px; background:#2B2B30; color:#fff; border-radius:4px; font-size:14px; font-weight:700;}
.search-top-box .search-paging span {font-weight:500; color:#828187;}
.search-top-box .search-grid {display:flex; flex-wrap:wrap; gap:1px; border-radius:4px; overflow:hidden;}
.search-top-box .search-grid button {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:36px; height:36px; background:#2B2B30; font-size:0;}
.search-top-box .search-grid button:hover {background:#4D4D53;}
.search-top-box .search-grid button.active {background:#4D4D53;}
.search-top-box .search-grid button:after {display:block; content:""; width:16px; height:16px; background-size:cover; background-position:center;}
.search-top-box .search-grid button.grid-1:after {background-image:url('../images/icon_grid_01.svg');}
.search-top-box .search-grid button.grid-2:after {background-image:url('../images/icon_grid_02.svg');}
.search-top-box .search-grid button.grid-1:hover:after {background-image:url('../images/icon_grid_01_on.svg');}
.search-top-box .search-grid button.grid-2:hover:after {background-image:url('../images/icon_grid_02_on.svg');}
.search-top-box .search-grid button.grid-1.active:after {background-image:url('../images/icon_grid_01_on.svg');}
.search-top-box .search-grid button.grid-2.active:after {background-image:url('../images/icon_grid_02_on.svg');}
.search-top-box .search-button {position:fixed; z-index:99; right:0; top:50%; transform:translateY(-50%);}
.search-top-box .search-button button {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:56px; height:56px; border-radius:4px 0 0 4px; background:#2B2B30; font-size:0; margin:0 0 2px;}
.search-top-box .search-button button:last-of-type {margin:0;}
.search-top-box .search-button button:after {display:block; content:""; width:24px; height:24px; background:url('../images/icon_search_paging_arrow.svg') no-repeat center / cover;}
.search-top-box .search-button button.prev:after {transform:rotate(180deg);}
.search-top-box .search-button button:hover {background:#4D4D53;}
.search-top-box .search-button button.disabled {background:#2B2B30 !important; cursor:auto !important;}
.search-top-box .search-button button.disabled:after {opacity:0.3;}
.search-top-box .dropdown-box {min-width:100px;}
.search-top-box .dropdown-box .dropdown-btn {height:36px;}
.search-top-box .dropdown-box .dropdown-inner {white-space:nowrap; width:auto; right:0;}
@media (max-width:991px){
.search-top-box {margin:24px 0 16px; gap:8px;}
.search-top-box .search-paging {gap:4px;}
.search-top-box .search-paging button {width:30px; height:30px;}
.search-top-box .search-paging b {height:30px; padding:0 12px;}
.search-top-box .search-grid {display:none;}
.search-top-box .search-grid button {width:30px; height:30px;}
.search-top-box .search-button button {width:40px; height:40px;}
.search-top-box .search-button button:after {width:16px; height:16px;}
}

/* search-list-box */
.search-list-box > ul {display:flex; flex-wrap:wrap; gap:4px;}
.search-list-box > ul:after {content:""; flex-grow:999;}
.search-list-box > ul > li {position:relative; height:240px; flex-grow:1; overflow:hidden;}
.search-list-box > ul > li .list-image {position:absolute; left:0; top:0; width:100%; height:100%;}
.search-list-box > ul > li .list-image img {width:100%; height:100%; object-fit:cover;}
.search-list-box > ul > li .list-content {opacity:0; pointer-events:none; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; position:absolute; left:0; bottom:0; width:100%; padding:16px 12px;}
.search-list-box > ul > li .list-content b {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:24px; background:rgba(255,255,255,0.8); border-radius:4px; padding:0 8.5px; font-size:12px; font-weight:700; color:#111;}
.search-list-box > ul > li .list-content div {display:flex; flex-wrap:wrap; align-items:center; gap:4px;}
.search-list-box > ul > li .list-content div button {font-size:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:4px; background:rgba(0,0,0,0.6); width:36px; height:36px;}
.search-list-box > ul > li .list-content div button:after {display:block; content:""; width:24px; height:24px; background-size:cover; background-position:center;}
.search-list-box > ul > li .list-content div button.project:after {background-image:url('../images/icon_search_project.svg');}
.search-list-box > ul > li .list-content div button.cart:after {background-image:url('../images/icon_search_cart.svg');}
.search-list-box > ul > li .list-content div button.cart.active:after {background-image:url('../images/icon_search_cart_on.svg');}
.search-list-box > ul > li .list-content div button.cart.active:hover:after {filter:none; background-image:url('../images/icon_search_cart_on_b.svg');}
.search-list-box > ul > li .list-content div button span {display:none;}
.search-list-box > ul > li .list-content div button:hover {background:rgba(255,255,255,0.6);}
.search-list-box > ul > li .list-content div button:hover:after {filter:brightness(0);}
.search-list-box > ul > li:hover .list-content {opacity:1; pointer-events:inherit;}
@media (max-width:991px){
.search-list-box > ul {gap:2px;}
.search-list-box > ul > li {height:150px;}
}