/* container */
:root{
	--container-padding: 15px;
	--container-padding-minus: -15px;
}
.container {max-width: calc(1280px + (var(--container-padding) * 2)); margin:0 auto; padding:0 var(--container-padding); width:100%;}
.container-xxl {max-width: calc(1400px + (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(575px + (var(--container-padding) * 2));}
#bo_w .bo_w_flie .lb_icon {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.pic_lt .lt_more {display:none !important;}

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

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

/* skipnavi-box */
.skipnavi-box {position:fixed; left:0; top:0; width:100%; z-index:99999;}
.skipnavi-box dl dt {display:none;}
.skipnavi-box dl dd a {position:absolute; left:0; top:-35px; width:100%; transition:all ease 0.5s; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:35px; background:var(--color-active); color:var(--color-white); font-size:16px; font-weight:600;}
.skipnavi-box dl dd a:focus {top:0;}

/* icon-box */
.icon {display:inline-block; font-size:0; width:20px; height:20px; background-size:cover; background-position:center; margin:0 5px 0 0;}
.icon-xl {width:24px; height:24px;}
.icon-lg {width:22px; height:22px;}
.icon-md {width:20px; height:20px;}
.icon-sm {width:16px; height:16px;}
.icon-xs {width:12px; height:12px;}
.icon-back {margin:0 0 0 5px;}
.icon-only {margin:0;}
.icon-white {filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}
.icon-search {background-image:url('../images/icon_search.svg');}
.icon-clip {background-image:url('../images/icon_clip.svg');}
.icon-lock {background-image:url('../images/icon_lock.svg');}
.icon-unlock {background-image:url('../images/icon_unlock.svg');}
.icon-like {background-image:url('../images/icon_heart.svg'); filter:var(--filter-gray-700); transition:all ease 0.5s;}
.icon-like.active {background-image:url('../images/icon_heart_on.svg'); filter:var(--filter-active-100); animation:pop 0.4s ease, sparkle 0.6s ease;}
.icon-new {font-size:12px; font-weight:500; color:var(--color-white); background:var(--color-active); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; line-height:1; border-radius:2px;}
.icon-sort {width:16px; height:16px; background-image:url('../images/icon_sort.svg'); filter:var(--filter-white); position:relative; top:4px; margin:0 0 0 5px;}
.icon-sort.is-asc {background-image:url('../images/icon_arrow_up.svg');}
.icon-sort.is-desc {background-image:url('../images/icon_arrow_down.svg');}
@media (max-width:991px){
.icon-sort {margin:0 0 0 2.5px; top:3px;}
}

/* input-box */
.input-box {display:flex; flex-wrap:wrap; align-items:center; border:1px solid var(--color-gray-400); border-radius:4px; background:var(--color-white); position:relative;}
.input-box input {flex:1; min-width:0; height:45px; background:none; padding:0 10px !important;}
.input-box input::placeholder {color:var(--color-gray-700);}
.input-box input[type=date],
.input-box input[type=datetime-local] {min-width:150px;}
.input-box input[type=date]::-webkit-calendar-picker-indicator,
.input-box input[type=datetime-local]::-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 {position:absolute; border-radius:4px; left:0; top:0; content:attr(placeholder); background:var(--color-white); width:100%; height:100%; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--color-gray-700); 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 {position:absolute; right:10px; top:50%; transform:translateY(-50%); content:""; width:24px; height:24px; background:url('../images/icon_calendar.svg') no-repeat center / cover; filter:invert(47%) sepia(0%) saturate(1821%) hue-rotate(201deg) brightness(85%) contrast(95%);}
.input-box input[type=date]:focus:before,
.input-box input[type=datetime-local]:focus:before {opacity:0;}
.input-box input ~ * {padding:0 5px 0 0;}
.input-box.has-value input[type=date]:before,
.input-box.has-value input[type=datetime-local]:before {display:none;}
@media (max-width:991px){
.input-box input {height:40px;}
.input-box input[type=date]:after,
.input-box input[type=datetime-local]:after {width:18px; height:18px;}
}

/* input-inner-box */
.input-inner-box {pointer-events:none; opacity:0; position:absolute; top:95%; width:100%; padding:10px !important; transition:all ease 0.5s; background:var(--color-white); border:1px solid var(--color-gray-400) !important; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.05);}
.input-inner-box .keyword-list {padding:0 0 0 5px; max-height:200px; overflow-y:auto;}
.input-inner-box .keyword-list > ul > li {margin:0 0 5px;}
.input-inner-box .keyword-list > ul > li:last-of-type {margin:0;}
.input-inner-box .keyword-list > ul > li .more {font-size:15px; color:var(--color-black-500); display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.input-inner-box .keyword-list > ul > li .more b {font-size:15px; font-weight:600; color:var(--color-active);}
.input-inner-box .keyword-list > ul > li .more:hover {text-decoration:underline;}
.input-box.press {z-index:50;}
.input-box.press .input-inner-box {pointer-events:inherit; opacity:1; top:115%;}
@media (max-width:991px){
.input-inner-box .keyword-list {max-height:150px;}
.input-inner-box .keyword-list > ul > li .more {font-size:13px;}
.input-inner-box .keyword-list > ul > li .more b {font-size:13px;}
}

/* quantity-box */
.quantity-box {border:1px solid var(--color-gray-400); border-radius:4px; display:flex; flex-wrap:wrap; align-items:center; background:var(--color-white); overflow:hidden;}
.quantity-box .quantity-btn {width:45px; height:45px; display:block; font-size:0;}
.quantity-box .quantity-btn.minus {background:url('../images/icon_minus.svg') no-repeat center / 20px !important;}
.quantity-box .quantity-btn.plus {background:url('../images/icon_plus.svg') no-repeat center / 20px !important;}
.quantity-box .quantity-btn.disabled {background-color:var(--color-disabled) !important;}
.quantity-box .input-box {flex:1; min-width:0; border-radius:0; border-width:0 1px;}
.quantity-box .input-box input {text-align:center;}
@media (max-width:991px){
.quantity-box .quantity-btn {width:40px; height:40px;}
.quantity-box .quantity-btn.minus {background-size:16px !important;}
.quantity-box .quantity-btn.plus {background-size:16px !important;}
}

/* textarea-box */
.textarea-box textarea {width:100%; height:150px; display:block; border:1px solid var(--color-gray-400); border-radius:4px; padding:10px; background:var(--color-white);}
.textarea-box textarea::placeholder {color:var(--color-gray-700);}
.textarea-box textarea:disabled {background:var(--color-disabled);}

/* select-box */
.select-box {display:flex; flex-wrap:wrap; align-items:center; border:1px solid var(--color-gray-400); border-radius:4px; background:var(--color-white); position:relative;}
.select-box select {flex:1; min-width:0; height:45px; padding:0 40px 0 10px !important; background:url('../images/icon_select.svg') no-repeat calc(100% - 10px) center / 20px; color:var(--color-gray-700);}
.select-box select option {color:var(--color-black-500);}
.select-box select option:disabled {background:var(--color-disabled); color:var(--color-gray-700);}
.select-box select optgroup {color:var(--color-black-500);}
.select-box select ~ * {padding:0 5px 0 0;}
.select-box.has-value select {color:var(--color-black);}
@media (max-width:991px){
.select-box select {height:40px;}
}

/* check-box */
.check-box {position:relative;}
.check-box input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-box label {display:flex; flex-wrap:wrap; border-radius:4px;}
.check-box label:before {display:block; content:""; width:20px; height:20px; margin:0 5px 0 0; background:url('../images/icon_check.svg') no-repeat center / cover;}
.check-box label span {flex:1; min-width:0; color:var(--color-gray-700);}
.check-box input:focus-visible ~ label {outline:2px solid var(--color-black);}
.check-box input:disabled ~ label:before {background-image:url('../images/icon_check_disabled.svg');}
.check-box input:disabled ~ label span {color:var(--color-gray-700);}
.check-box input:checked ~ label:before {background-image:url('../images/icon_check_on.svg');}
.check-box input:checked ~ label span {color:var(--color-black);}
.check-box input:disabled:checked ~ label:before {background-image:url('../images/icon_check_on_disabled.svg');}
.check-box input:disabled:checked ~ label span {color:var(--color-gray-700);}
.check-box.single label:before {margin:0;}
.check-box.single label span {display:none;}
.check-group-box {display:flex; flex-wrap:wrap; gap:10px 20px;}
@media (max-width:991px){
.check-group-box {gap:10px;}
}

/* radio-box */
.radio-box {position:relative;}
.radio-box input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.radio-box label {display:flex; flex-wrap:wrap; border-radius:4px;}
.radio-box label:before {display:block; content:""; width:20px; height:20px; margin:0 5px 0 0; background:url('../images/icon_radio.svg') no-repeat center / cover;}
.radio-box label span {flex:1; min-width:0; color:var(--color-gray-700);}
.radio-box input:focus-visible ~ label {outline:2px solid var(--color-black);}
.radio-box input:disabled ~ label:before {background-image:url('../images/icon_radio_disabled.svg');}
.radio-box input:disabled ~ label span {color:var(--color-gray-700);}
.radio-box input:checked ~ label:before {background-image:url('../images/icon_radio_on.svg');}
.radio-box input:checked ~ label span {color:var(--color-black);}
.radio-box input:disabled:checked ~ label:before {background-image:url('../images/icon_radio_on_disabled.svg');}
.radio-box input:disabled:checked ~ label span {color:var(--color-gray-700);}
.radio-box.single label:before {margin:0;}
.radio-box.single label span {display:none;}
.radio-group-box {display:flex; flex-wrap:wrap; gap:10px 20px;}
@media (max-width:991px){
.radio-group-box {gap:10px;}
}

/* switch-box */
.switch-box {position:relative;}
.switch-box input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.switch-box label {display:block; width:50px; height:25px; border-radius:50px; background:var(--color-gray-300); padding:3px; font-size:0; transition:0.3s; cursor:pointer;}
.switch-box label span {position:absolute; left:3px; top:3px; width:18.5px; height:18.5px; border-radius:50%; background:var(--color-active); font-size:0; transition:0.3s; cursor:pointer;}
.switch-box input:focus-visible ~ label {outline:2px solid var(--color-black);}
.switch-box input:checked ~ label {background:var(--color-active);}
.switch-box input:checked ~ label span {left:29px; background:var(--color-white);}
.switch-box input:disabled ~ label {background:var(--color-gray-400);}
.switch-box input:disabled ~ label span {background:var(--color-gray-600);}

/* star-box */
.star-box {display:flex; flex-wrap:wrap; align-items:center;}
.star-box .star {position:relative;}
.star-box .star input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.star-box .star label {position:relative; display:block; font-size:0; width:24px; height:24px; cursor:pointer;}
.star-box .star label:after {position:absolute; content:""; width:24px; height:24px; background:url('../images/icon_star.svg') no-repeat center / cover; filter:var(--filter-gray-500);}
.star-box .star input:focus-visible ~ label {outline:2px solid var(--color-black); z-index:2;}
.star-box .star.active label:after {filter:var(--filter-active-100);}

/* file-box */
.file-box {display:flex; flex-wrap:wrap; align-items:center;}
.file-box .file-name {display:flex; flex-wrap:wrap; align-items:center; flex:1; min-width:0; padding:0 10px; border-radius:4px; border:1px solid var(--color-gray-400); background:var(--color-white);}
.file-box .file-name p {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 0 0 5px; height:45px; line-height:45px; color:var(--color-gray-700);}
.file-box .file-select {position:relative; margin:0 0 0 10px;}
.file-box .file-select label {border-radius:4px; cursor:pointer;} 
.file-box .file-select input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.file-box .file-select input:focus-visible ~ label .button-box .btn {outline:2px solid var(--color-black);}
.file-box .file-button {margin:0 0 0 10px; display:flex; flex-wrap:wrap; align-items:center;}
.file-box .file-button .file-btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:0; width:30px; height:30px; background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:50%; margin:0 0 0 5px;}
.file-box .file-button .file-btn:after {display:block; content:""; font-size:0; width:20px; height:20px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.file-box .file-button .file-btn:first-of-type {margin:0;}
.file-box .file-button .file-btn.file-add:after {background-image:url('../images/icon_plus.svg');}
.file-box .file-button .file-btn.file-remove:after {background-image:url('../images/icon_minus.svg');}
.file-box .file-name.success p {color:var(--color-black);}
.file-group-box .file-box {margin:0 0 10px;}
.file-group-box .file-box:first-of-type .file-btn.file-remove {display:none;}
.file-group-box .file-box:last-of-type {margin:0;}
@media (max-width:991px){
.file-box {position:relative;}
.file-box .file-name p {height:40px; line-height:40px;}
.file-box .file-select {position:absolute; opacity:0; left:0; top:0; width:100%; height:100%;}
.file-box .file-button {margin:0 0 0 5px; position:relative; z-index:5;}
.file-box .file-button .file-btn {width:20px; height:20px;}
.file-box .file-button .file-btn:after {width:15px; height:15px;}
}

/* file-image-box */
.file-image-box {display:flex; flex-wrap:wrap; align-items:flex-start;}
.file-image-box label {display:block; left:0; top:0; position:relative; overflow:hidden; font-size:0; width:100%; height:100%; border-radius:4px; background:var(--color-white); cursor:pointer;}
.file-image-box label:after {position:absolute; left:50%; top:50%; content:""; transform:translate(-50%,-50%); width:18px; height:18px; background:url('../images/icon_plus.svg') no-repeat center / cover; cursor:pointer;}
.file-image-box input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.file-image-box input:focus-visible ~ label {outline:2px solid var(--color-black);}
.file-image-box .file-list {display:block; overflow-x:auto; white-space:nowrap; font-size:0; padding:5px; margin:-5px;}
.file-image-box .file-list li {margin:0 4px 0 0; padding:0; width:60px; height:60px; border-radius:4px; border:1px solid var(--color-gray-400); background-size:cover; background-position:center; position:relative; display:inline-block; font-size:0;}
.file-image-box .file-list li .delete {cursor:pointer; position:absolute; right:3px; top:3px; width:17px; height:17px; font-size:0; border-radius:50%; background:var(--color-gray-500) url('../images/icon_trash.svg') no-repeat center / 14px;}

/* file-list-box */
.file-list-box > ul > li {margin:0 0 5px;}
.file-list-box > ul > li:last-of-type {margin:0;}
.file-list-box > ul > li .list-inner {padding:10px 15px; border-radius:5px; display:flex; align-items:center; background:var(--color-white); border:1px solid var(--color-gray-400);}
.file-list-box > ul > li .list-inner:before {display:inline-block; content:""; width:20px; height:20px; margin:0 5px 0 0; flex-shrink:0; background:url('../images/icon_clip.svg') no-repeat center / cover;}
.file-list-box > ul > li .list-inner p {font-size:16px; text-decoration:underline; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; flex:1; min-width:0;}
.file-list-box > ul > li .list-inner .download {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; margin:0 0 0 15px; flex-shrink:0;}
.file-list-box > ul > li .list-inner .download:after {display:block; content:""; width:16px; height:16px; margin:0 0 0 5px; background:url('../images/icon_download.svg') no-repeat center / cover;}
.file-list-box > ul > li .list-inner .download:hover {text-decoration:underline;}
.file-list-box > ul > li .list-inner .preview {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; margin:0 0 0 15px; flex-shrink:0;}
.file-list-box > ul > li .list-inner .preview:after {display:block; content:""; width:16px; height:16px; margin:0 0 0 5px; background:url('../images/icon_scan.svg') no-repeat center / cover;}
.file-list-box > ul > li .list-inner .preview:hover {text-decoration:underline;}
.file-list-box > ul > li .list-inner:hover {background:var(--color-gray-200);}
@media (max-width:991px){
.file-list-box > ul > li .list-inner {padding:10px;}
.file-list-box > ul > li .list-inner:before {width:16px; height:16px;}
.file-list-box > ul > li .list-inner p {font-size:14px;}
.file-list-box > ul > li .list-inner .download {font-size:13px; margin:0 0 0 10px;}
.file-list-box > ul > li .list-inner .download:after {width:14px; height:14px;}
.file-list-box > ul > li .list-inner .preview {font-size:13px; margin:0 0 0 10px;}
.file-list-box > ul > li .list-inner .preview:after {width:14px; height:14px;}
}

/* button-box */
.button-box {display:flex; flex-wrap:wrap; align-items:center; margin:0 -2.5px -5px;}
.button-box .btn {height:45px; padding:0 16px; margin:0 2.5px 5px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:4px; transition:all ease 0.5s; color:var(--color-white);}
.button-box .btn-round {border-radius:50px;}
.button-box .btn-full {flex:1; min-width:0; width:100%;}
.button-box .btn-xl {height:50px; font-size:18px;}
.button-box .btn-lg {height:45px; font-size:16px;}
.button-box .btn-md {height:40px; font-size:14px;}
.button-box .btn-sm {height:30px; font-size:12px; padding:0 10px;}
.button-box .btn-xs {height:25px; font-size:11px; padding:0 10px;}
.button-box .btn-search {background:#939091; color:#fff;}
.button-box .btn:hover {opacity:0.8;}
.button-box .btn:hover .filter-hover {filter:var(--filter-white) !important;}
@media (max-width:991px){
.button-box .btn {height:40px;}
.button-box .btn-xl {height:45px; font-size:16px;}
.button-box .btn-lg {height:40px; font-size:14px;}
.button-box .btn-md {height:35px; font-size:14px;}
.button-box .btn-sm {height:30px;}
.button-box .btn-xs {height:25px;}
}

/* badge-box */
.badge-box {gap:2px; display:flex; flex-wrap:wrap; align-items:center;}
.badge-box .badge {font-size:0.75em; padding:0.25em 0.45em; border-radius:0.375rem; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}

/* dropdown-box */
.dropdown-box {position:relative;}
.dropdown-box .dropdown-btn:after {display:block; content:""; width:16px; height:16px; font-size:0; margin:0 0 0 10px; background:url('../images/icon_select_white.svg') no-repeat center / cover; transition:all ease 0.5s;}
.dropdown-box .dropdown-inner {pointer-events:none; opacity:0; padding:5px 0 0; transition:all ease 0.5s; position:absolute; width:auto; white-space:nowrap;}
.dropdown-box .dropdown-inner > ul {background:var(--color-white); border:1px solid var(--color-gray-400); border-radius:10px; padding:5px 0; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.dropdown-box .dropdown-inner > ul {overflow-y:auto; max-height:200px;}
.dropdown-box .dropdown-inner > ul > li > .more {display:flex; flex-wrap:wrap; align-items:center; padding:5px 10px; font-size:14px;}
.dropdown-box .dropdown-inner > ul > li > .more:hover {background:var(--color-gray-200);}
.dropdown-box.dropdown-right .dropdown-inner {right:0;}
.dropdown-box.dropdown-center .dropdown-inner {left:50%; transform:translateX(-50%);}
.dropdown-box.dropdown-top-left .dropdown-inner {top:0; right:100%; padding:0 5px 0 0;}
.dropdown-box.dropdown-top-right .dropdown-inner {top:0; left:100%; padding:0 0 0 5px;}
.dropdown-box.dropup-top .dropdown-inner {bottom:100%; padding:0 0 5px;}
.dropdown-box.dropup-top-right .dropdown-inner {bottom:100%; right:0; padding:0 0 5px 5px;}
.dropdown-box.dropup-top-center .dropdown-inner {bottom:100%; left:50%; padding:0 0 5px; transform:translateX(-50%);}
.dropdown-box.active {z-index:10;}
.dropdown-box.active .dropdown-btn:after {transform:rotate(180deg);}
.dropdown-box.active .dropdown-inner {pointer-events:inherit; opacity:1;}

/* 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:var(--color-black); border-radius:5px; padding:5px 10px; font-size:14px; 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:13px; line-height:1.3; color:var(--color-white);}
.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:var(--color-black) 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 var(--color-black) 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 var(--color-black);}
.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 var(--color-black) 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;}

/* tab-box */
.tab-box {margin:0 0 20px;}
.tab-box > ul > li > .tab {width:100%; transition:all ease 0.5s; border-radius:4px; font-size:16px; font-weight:500; height:50px; padding:0 15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center;}
.tab-box.tab1 > ul {display:flex; flex-wrap:wrap; align-items:center;}
.tab-box.tab1 > ul > li {flex:1; min-width:0;}
.tab-box.tab1 > ul > li > .tab {border-radius:0; color:var(--color-gray-700); background:var(--color-gray-200); border:1px solid transparent; border-bottom-color:var(--color-gray-400);}
.tab-box.tab1 > ul > li > .tab:hover {background:var(--color-gray-300); color:var(--color-gray-800);}
.tab-box.tab1 > ul > li > .tab.active {position:relative; z-index:2; background:var(--color-white); color:var(--color-active); border-color:var(--color-active); border-bottom-color:transparent;}
.tab-box.tab1 > ul > li:first-of-type > .tab {border-radius:4px 0 0 0;}
.tab-box.tab1 > ul > li:last-of-type > .tab {border-radius:0 4px 0 0;}
.tab-box.tab2 > ul {display:flex; flex-wrap:wrap; gap:10px;}
.tab-box.tab2 > ul > li {width:calc(25% - 7.5px);}
.tab-box.tab2 > ul > li > .tab {border:1px solid var(--color-gray-400); color:var(--color-gray-700); background:var(--color-white);}
.tab-box.tab2 > ul > li > .tab.active {background:var(--color-active); color:var(--color-white); border-color:var(--color-active);}
.tab-box.tab3 > ul {display:flex; flex-wrap:wrap; gap:10px;}
.tab-box.tab3 > ul > li > .tab {height:40px; font-size:14px; width:100%; color:var(--color-gray-700); background:var(--color-white); border:1px solid var(--color-gray-400);}
.tab-box.tab3 > ul > li > .tab:hover {background:var(--color-gray-200);}
.tab-box.tab3 > ul > li > .tab.active {background:var(--color-active); color:var(--color-white); border-color:var(--color-active);}
@media (max-width:991px){
.tab-box > ul > li > .tab {height:45px; font-size:14px;}
.tab-box.tab2 > ul {gap:5px;}
.tab-box.tab2 > ul > li {width:calc(33.33% - 3.33px);}
.tab-box.tab3 > ul {gap:5px;}
}
@media (max-width:767px){
.tab-box.tab2 > ul > li {width:calc(50% - 2.5px);}
.tab-box.tab3 > ul > li > .tab {height:35px;}
}

/* toast-box */
.toast-box {pointer-events:none; opacity:0; position:fixed; width:350px; transition:all ease 0.5s; z-index:9999; transform:scale(0.8);}
.toast-box.toast-top-left {left:15px; top:0;}
.toast-box.toast-top-center {left:50%; top:0; transform:translateX(-50%) scale(0.8);}
.toast-box.toast-top-right {right:15px; top:0;}
.toast-box.toast-center-left {left:15px; top:45%; transform:translateY(-50%) scale(0.8);}
.toast-box.toast-center {left:50%; top:45%; transform:translate(-50%,-50%) scale(0.8);}
.toast-box.toast-center-right {right:15px; top:45%; transform:translateY(-50%) scale(0.8);}
.toast-box.toast-bottom-left {left:15px; bottom:0;}
.toast-box.toast-bottom-center {left:50%; bottom:0; transform:translateX(-50%) scale(0.8);}
.toast-box.toast-bottom-right {right:15px; bottom:0;}
.toast-box .box {background:var(--color-white); border-radius:10px; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.toast-box .toast-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:10px; background:var(--color-active); border-bottom:1px solid var(--color-gray-300); position:relative;} 
.toast-box .toast-head h2 {font-size:16px; font-weight:600; flex:1; min-width:0; padding:0 10px 0 0; color:var(--color-white);}
.toast-box .toast-head .close {width:17px; height:17px; font-size:0; background:url('../images/icon_close.svg') no-repeat center / cover; filter:var(--filter-white);}
.toast-box .toast-head .toast-progress {position:absolute; left:0; bottom:-1px; height:3px; background:var(--color-active2);}
.toast-box .toast-body {padding:15px;}
.toast-box .toast-body .toast-body-text p {font-size:15px; word-break:keep-all;}
.toast-box.fixed {pointer-events:inherit; opacity:1; transform:scale(1);}
.toast-box.toast-top-left.fixed {top:15px;}
.toast-box.toast-top-center.fixed {top:15px; transform:translateX(-50%) scale(1);}
.toast-box.toast-top-right.fixed {top:15px;}
.toast-box.toast-center-left.fixed {top:50%; transform:translateY(-50%) scale(1);}
.toast-box.toast-center.fixed {top:50%; transform:translate(-50%,-50%) scale(1);}
.toast-box.toast-center-right.fixed {top:50%; transform:translateY(-50%) scale(1);}
.toast-box.toast-bottom-left.fixed {bottom:15px;}
.toast-box.toast-bottom-center.fixed {bottom:15px; transform:translateX(-50%) scale(1);}
.toast-box.toast-bottom-right.fixed {bottom:15px;}
@media (max-width:991px){
.toast-box {width:calc(100% - 30px); max-width:350px;}
}

/* modal-box */
.modal-box {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; transition:all ease 0.5s; z-index:9999; background:rgba(0,0,0,0.7);}
.modal-box[aria-hidden="true"][inert] {user-select:none;}
.modal-box .box {pointer-events:none; opacity:0; position:absolute; left:50%; top:45%; width:calc(100% - 30px); transition:all ease 0.5s; transform:translate(-50%,-50%); background:var(--color-white); border-radius:15px; overflow:hidden; max-height:90%; display:flex; flex-direction:column;}
.modal-box .box .modal-head {padding:15px 20px; border-bottom:1px solid var(--color-gray-400); width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.modal-box .box .modal-head h2 {flex:1; min-width:0; padding:0 20px 0 0; font-size:20px; font-weight:600;}
.modal-box .box .modal-head .close {width:20px; height:20px; font-size:0; background:url('../images/icon_close.svg') no-repeat center / cover;}
.modal-box .box .modal-body {padding:20px 20px 15px; width:100%; height:100%; overflow-y:auto;}
.modal-box .box .modal-body .modal-body-text strong {display:block; text-align:center; font-size:18px; font-weight:500; margin:0 0 10px; word-break:keep-all;}
.modal-box .box .modal-body .modal-body-text p {text-align:center; font-size:16px; color:var(--color-gray-800); word-break:keep-all;}
.modal-box .box .modal-foot {padding:15px 20px; width:100%;}
.modal-box.modal-sm .box {max-width:500px;}
.modal-box.modal-md .box {max-width:800px;}
.modal-box.modal-lg .box {max-width:1200px;}
.modal-box.modal-left .box {width:calc(100% - 15px); max-width:320px; height:100%; max-height:100%; left:-15px; top:0; transform:none; border-radius:0 15px 15px 0;}
.modal-box.modal-right .box {width:calc(100% - 15px); max-width:320px; height:100%; max-height:100%; left:auto; right:-15px; top:0; transform:none; border-radius:15px 0 0 15px;}
.modal-box.modal-bottom .box {width:100%; max-width:100%; border-radius:15px 15px 0 0; top:auto; left:0; bottom:-15px; transform:none;}
.modal-box.modal-full .box {width:100%; max-width:100%; left:0; top:0; transform:scale(0.9); border-radius:0; height:100%; max-height:100%;}
.modal-box.fixed {pointer-events:inherit; opacity:1;}
.modal-box.fixed .box {pointer-events:inherit; opacity:1; top:50%;}
.modal-box.modal-left.fixed .box {left:0; top:0;}
.modal-box.modal-right.fixed .box {left:auto; right:0; top:0;}
.modal-box.modal-bottom.fixed .box {bottom:0; top:auto;}
.modal-box.modal-full.fixed .box {top:0; transform:scale(1);}
@media (max-width:991px){
.modal-box .box {border-radius:10px;}
.modal-box .box .modal-head {padding:15px;}
.modal-box .box .modal-head h2 {font-size:18px; padding:0 15px 0 0;}
.modal-box .box .modal-body {padding:20px 15px 15px;}
.modal-box .box .modal-body .modal-body-text strong {font-size:16px;}
.modal-box .box .modal-body .modal-body-text p {font-size:14px;}
.modal-box .box .modal-foot {padding:15px;}
.modal-box.modal-left .box {border-radius:0 10px 10px 0;}
.modal-box.modal-right .box {border-radius:10px 0 0 10px;}
}

/* paging-box */
.paging-box {margin:24px 0 0;}
.paging-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.paging-box ul li {margin:0 5px 0 0;}
.paging-box ul li:last-of-type {margin:0;}
.paging-box ul li * {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:32px; height:32px; font-size:14px; font-weight:600; color:var(--color-gray-800);}
.paging-box ul li a:hover {color:var(--color-active); text-decoration:underline;}
.paging-box ul li p {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:32px; height:32px; font-size:14px; font-weight:600; color:var(--color-gray-800);}
.paging-box ul li.active a {border-radius:50%; background:var(--color-active); color:var(--color-white);}
.paging-box ul li.pg * {font-size:0;}
.paging-box ul li.pg *:after {display:block; content:""; width:24px; height:24px; background-size:cover; background-position:center; background-repeat:no-repeat; filter:var(--filter-gray-800);}
.paging-box ul li.pg.prev {margin:0 10px 0 0;}
.paging-box ul li.pg.prev *:after {background-image:url('../images/icon_arrow_left.svg');}
.paging-box ul li.pg.next {margin:0 0 0 10px;}
.paging-box ul li.pg.next *:after {background-image:url('../images/icon_arrow_right.svg');}
.paging-box ul li.pg.first *:after {background-image:url('../images/icon_arrow_left_double.svg');}
.paging-box ul li.pg.last *:after {background-image:url('../images/icon_arrow_right_double.svg');}
.paging-box ul li.disabled {background:none !important;}
.paging-box ul li.disabled.pg *:after {filter:var(--filter-gray-400);}
.paging-box.paging-left ul {justify-content:flex-start;}
.paging-box.paging-right ul {justify-content:flex-end;}
@media (max-width:991px){
.paging-box ul li a {width:25px; height:25px; font-size:13px;}
.paging-box ul li p {width:25px; height:25px; font-size:13px;}
.paging-box ul li.pg *:after {width:20px; height:20px;}
}

/* table-box */
.table-box {overflow-x:auto; white-space:nowrap;}
.table-box table {table-layout:auto; border-collapse:collapse; width:100%;}
.table-box table thead tr th {font-size:15px; font-weight:500; padding:10px; background:var(--color-black-200); color:var(--color-white); border:1px solid var(--color-black-300);}
.table-box table tbody tr {counter-increment:list_num;}
.table-box table tbody tr td {font-size:15px; padding:10px; border:1px solid var(--color-gray-400); background:var(--color-white);}
.table-box table tbody tr td p {font-size:15px;}
.table-box table tbody tr td.num:before {content:counter(list_num);}
.table-box table tbody tr:nth-of-type(even) td {background:var(--color-gray-200);}
.table-box table tbody tr:hover td {background:var(--color-light-active);}
.table-box .check-box.single label {justify-content:center;}
.table-box .select-box {margin:0 auto;}
.table-box .select-box select {height:30px;}
.table-box .input-box {margin:0 auto;}
.table-box .input-box input {height:30px;}
.table-box .button-box .btn {height:30px;}
@media (max-width:991px){
.table-box {margin:0 var(--container-padding-minus);}
.table-box table {margin:0 var(--container-padding);}
.table-box table thead tr th {font-size:13px; padding:7px 10px;}
.table-box table tbody tr td {font-size:13px; padding:7px 10px;}
.table-box table tbody tr td p {font-size:13px;}
.table-box .check-box.single label:before {width:20px; height:20px;}
}

/* board-search-box */
.board-search-box {background:var(--color-white); border:1px solid var(--color-gray-400); padding:20px; border-radius:8px;}
.board-search-box > ul {display:flex; flex-wrap:wrap; margin:0 -5px -20px;}
.board-search-box > ul > li {display:flex; flex-wrap:wrap; align-items:center; padding:0 5px 20px;}
.board-search-box > ul > li .search-title {margin:0 0 5px;}
.board-search-box > ul > li .search-title strong {font-size:16px; font-weight:600;}
.board-search-box > ul > li .search-content {width:100%;}
.board-search-box > ul > li .search-content .input-box input {height:40px;}
.board-search-box > ul > li .search-content .select-box select {height:40px;}
.board-search-box > ul > li .search-content .button-box .btn {height:40px;}
@media (max-width:991px){
.board-search-box {padding:15px; border-radius:4px;}
.board-search-box > ul {display:flex; flex-wrap:wrap; margin:0 -5px -10px;}
.board-search-box > ul > li {display:flex; flex-wrap:wrap; align-items:center; padding:0 5px 10px;}
.board-search-box > ul > li .search-title strong {font-size:15px;}
}

/* board-list-box */
.board-list-box {border-top:2px solid var(--color-active);}
.board-list-box table {table-layout:fixed;}
.board-list-box table thead tr th {font-size:16px; font-weight:500; padding:10px; background:var(--color-gray-200); border:1px solid var(--color-gray-400); border-width:0 1px 1px 0;}
.board-list-box table thead tr th:last-of-type {border-right:0;}
.board-list-box table tbody tr td {font-size:16px; padding:10px; background:var(--color-white); border:1px solid var(--color-gray-300); border-width:0 1px 1px 0;}
.board-list-box table tbody tr td:last-of-type {border-right:0;}
.board-list-box table tbody tr td .subject {display:flex; align-items:center;}
.board-list-box table tbody tr td .subject .subject-tit {font-size:16px; line-height:1; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.board-list-box table tbody tr td .subject .subject-cnt {font-size:16px; font-weight:500; margin:0 0 0 5px; color:var(--color-active); flex-shrink:0;}
.board-list-box table tbody tr td .subject .icon {flex-shrink:0;}
.board-list-box table tbody tr td .badge-box {font-size:16px;}
.board-list-box table tbody tr:hover td .subject .subject-tit {text-decoration:underline;}
.board-list-box table tbody tr.notice td {background:var(--color-light-active); border-color:var(--color-gray-400);}
@media (max-width:991px){
.board-list-box table colgroup {display:none;}
.board-list-box table thead {display:none;}
.board-list-box table tbody {display:block;}
.board-list-box table tbody tr {padding:15px 10px; display:flex; flex-wrap:wrap; align-items:center; background:var(--color-white); border-bottom:1px solid var(--color-gray-300);}
.board-list-box table tbody tr td {padding:0; border:0; color:var(--color-gray-800);}
.board-list-box table tbody tr td.subject-cell {width:100%; margin:0 0 5px;}
.board-list-box table tbody tr td.subject-cell .subject-tit {color:var(--color-black);}
.board-list-box table tbody tr td.mo-line {display:flex; flex-wrap:wrap; align-items:center;}
.board-list-box table tbody tr td.mo-line:after {display:inline-block; content:""; width:1px; height:10px; background:var(--color-gray-300); margin:0 10px;}
.board-list-box table tbody tr td.mo-hidden {display:none;}
.board-list-box table tbody tr td .badge-box {font-size:14px;}
.board-list-box table tbody tr.notice {background:var(--color-light-active);}
}
@media (max-width:767px){
.board-list-box table tbody tr td {font-size:13px;}
.board-list-box table tbody tr td .badge-box {font-size:13px;}
}

/* board-faq-box */
.board-faq-box {border-top:2px solid var(--color-active);}
.board-faq-box > ul > li {background:var(--color-white); border-bottom:1px solid var(--color-gray-300);}
.board-faq-box > ul > li .faq-head button {display:flex; flex-wrap:wrap; padding:15px; width:100%;}
.board-faq-box > ul > li .faq-head button:after {display:block; content:""; width:24px; height:24px; background:url('../images/icon_arrow_down.svg') no-repeat center / cover;}
.board-faq-box > ul > li .faq-head button b {font-size:16px; font-weight:600; color:var(--color-active); width:30px; text-align:left;}
.board-faq-box > ul > li .faq-head button .subject {font-size:16px; font-weight:500; color:var(--color-black); padding:0 15px 0 0; flex:1; min-width:0; text-align:left;}
.board-faq-box > ul > li .faq-body {background:var(--color-gray-100); border-top:1px solid var(--color-gray-300); padding:20px 15px; display:none; flex-wrap:wrap;}
.board-faq-box > ul > li .faq-body > b {font-size:16px; font-weight:600; color:var(--color-active); width:30px; text-align:left;}
.board-faq-box > ul > li .faq-body > .faq-body-inner {flex:1; min-width:0;}
.board-faq-box > ul > li .faq-body > .faq-body-inner p {font-size:16px; text-align:left;}
.board-faq-box > ul > li.active .faq-head button:after {transform:rotate(180deg); filter:var(--filter-active-200);}
.board-faq-box > ul > li.active .faq-head button .subject {color:var(--color-active); font-weight:600;}
.board-faq-box > ul > li.active .faq-body {display:flex;}

/* board-gallery-box */
.board-gallery-box {border-top:2px solid var(--color-active); padding:20px 0 0;}
.board-gallery-box > ul {display:flex; flex-wrap:wrap; gap:20px;}
.board-gallery-box > ul > li {width:calc(20% - 16px); border:1px solid var(--color-gray-300);}
.board-gallery-box > ul > li .more {display:block; background:var(--color-white);}
.board-gallery-box > ul > li .more .list-image {position:relative; overflow:hidden; border-bottom:1px solid var(--color-gray-300);}
.board-gallery-box > ul > li .more .list-image:after {display:block; content:""; padding-bottom:63%;}
.board-gallery-box > ul > li .more .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; transition:all ease 0.2s;}
.board-gallery-box > ul > li .more .list-content {padding:15px;}
.board-gallery-box > ul > li .more .list-content .subject {font-size:17px; font-weight:500;}
.board-gallery-box > ul > li .more .list-content .text {font-size:16px; color:var(--color-gray-700); margin:5px 0 0;}
.board-gallery-box > ul > li .more .list-content .detail {display:flex; flex-wrap:wrap; align-items:center; margin:5px 0 0;}
.board-gallery-box > ul > li .more .list-content .detail > li {font-size:14px; color:var(--color-gray-700); display:flex; flex-wrap:wrap; align-items:center;}
.board-gallery-box > ul > li .more .list-content .detail > li:after {display:block; content:""; width:1px; height:13px; margin:0 10px; background:var(--color-gray-600);}
.board-gallery-box > ul > li .more .list-content .detail > li:last-of-type:after {display:none;}
.board-gallery-box > ul > li .more:hover .list-image img {transform:scale(1.1);}
.board-gallery-box > ul > li .more:hover .list-content .subject {text-decoration:underline;}
@media (max-width:991px){
.board-gallery-box > ul {gap:10px;}
.board-gallery-box > ul > li {width:calc(33.33% - 6.66px);}
.board-gallery-box > ul > li .more .list-content .subject {font-size:15px;}
.board-gallery-box > ul > li .more .list-content .text {font-size:14px;}
.board-gallery-box > ul > li .more .list-content .detail > li {font-size:12px;}
.board-gallery-box > ul > li .more .list-content .detail > li:after {height:10px;}
}
@media (max-width:767px){
.board-gallery-box > ul > li {width:calc(50% - 5px);}
}
@media (max-width:575px){
.board-gallery-box > ul {gap:0;}
.board-gallery-box > ul > li {width:100%; margin:0 0 15px;}
.board-gallery-box > ul > li:last-of-type {margin:0;}
}

/* board-webzine-box */
.board-webzine-box {border-top:2px solid var(--color-active);}
.board-webzine-box > ul > li {border-bottom:1px solid var(--color-gray-300);}
.board-webzine-box > ul > li .more {display:flex; flex-wrap:wrap; align-items:center; padding:20px 15px; background:var(--color-white);}
.board-webzine-box > ul > li .more .list-image {border:1px solid var(--color-gray-300); position:relative; width:200px; margin:0 15px 0 0; overflow:hidden;}
.board-webzine-box > ul > li .more .list-image:after {display:block; content:""; padding-bottom:63%;}
.board-webzine-box > ul > li .more .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; transition:all ease 0.2s;}
.board-webzine-box > ul > li .more .list-content {flex:1; min-width:0;}
.board-webzine-box > ul > li .more .list-content .subject {font-size:17px; font-weight:500;}
.board-webzine-box > ul > li .more .list-content .text {font-size:16px; color:var(--color-gray-700); margin:5px 0 0;}
.board-webzine-box > ul > li .more .list-content .detail {display:flex; flex-wrap:wrap; align-items:center; margin:5px 0 0;}
.board-webzine-box > ul > li .more .list-content .detail > li {font-size:15px; color:var(--color-gray-700); display:flex; flex-wrap:wrap; align-items:center;}
.board-webzine-box > ul > li .more .list-content .detail > li:after {display:block; content:""; width:1px; height:13px; margin:0 10px; background:var(--color-gray-600);}
.board-webzine-box > ul > li .more .list-content .detail > li:last-of-type:after {display:none;}
.board-webzine-box > ul > li .more:hover .list-image img {transform:scale(1.1);}
.board-webzine-box > ul > li .more:hover .list-content .subject {text-decoration:underline;}
@media (max-width:991px){
.board-webzine-box > ul > li .more {padding:15px 10px;}
.board-webzine-box > ul > li .more .list-content .subject {font-size:15px;}
.board-webzine-box > ul > li .more .list-content .text {font-size:14px;}
.board-webzine-box > ul > li .more .list-content .detail > li {font-size:13px;}
}
@media (max-width:767px){
.board-webzine-box > ul > li .more .list-image {width:120px; margin:0 10px 0 0;}
.board-webzine-box > ul > li .more .list-content .subject {color:var(--color-white);}
.board-webzine-box > ul > li .more .list-content .text {margin:1.5px 0 0;}
.board-webzine-box > ul > li .more .list-content .detail {margin:1.5px 0 0;}
}

/* board-write-box */
.board-write-box {border-top:2px solid var(--color-active);}
.board-write-box table {table-layout:fixed;}
.board-write-box table tbody tr > * {font-size:16px; padding:10px 15px; border:1px solid var(--color-gray-400); border-width:0 1px 1px 0; text-align:left;}
.board-write-box table tbody tr > *:last-child {border-right:0;}
.board-write-box table tbody tr th {font-weight:500; background:var(--color-gray-200); position:relative;}
.board-write-box table tbody tr th.required:after {display:inline-block; content:"*"; font-size:16px; font-weight:300; color:var(--color-danger-200); margin:0 0 0 5px;}
.board-write-box table tbody tr td {background:var(--color-white);}
.board-write-box table tbody tr td p {font-size:16px;}
.board-write-box table tbody tr td .select-box select {height:35px;}
.board-write-box table tbody tr td .input-box input {height:35px;}
.board-write-box table tbody tr td .input-box input[type=date]:after,
.board-write-box table tbody tr td .input-box input[type=datetime-local]:after {width:18px; height:18px;}
.board-write-box table tbody tr td .button-box .btn {height:35px;}
.board-write-box table tbody tr td .file-box .file-name p {height:35px; line-height:35px; font-size:14px;}
@media (max-width:991px){
.board-write-box table colgroup {display:none;}
.board-write-box table tbody {display:block;}
.board-write-box table tbody tr {display:flex; flex-wrap:wrap;}
.board-write-box table tbody tr > * {font-size:14px; padding:10px;}
.board-write-box table tbody tr th {width:110px; display:flex; flex-wrap:wrap; align-items:center; word-break:keep-all;}
.board-write-box table tbody tr th.required:after {font-size:13px; position:absolute; right:3px; top:3px;}
.board-write-box table tbody tr th.title-cell {width:100%; text-align:center; background:var(--color-active); color:var(--color-white);}
.board-write-box table tbody tr td {width:calc(100% - 110px); border-right:0;}
.board-write-box table tbody tr td p {font-size:14px;}
}

/* board-view-box */
.board-view-box {border-top:2px solid var(--color-active); background:var(--color-white);}
.board-view-box .view-head {border-bottom:1px solid var(--color-gray-400); padding:15px;}
.board-view-box .view-head .head-subject {display:flex; flex-wrap:wrap;}
.board-view-box .view-head .head-subject .badge-box {font-size:20px; margin:0 10px 0 0;}
.board-view-box .view-head .head-subject h2 {font-size:20px; font-weight:600; flex:1; min-width:0;}
.board-view-box .view-head .head-info {margin:10px 0 0;}
.board-view-box .view-head .head-info ul {display:flex; flex-wrap:wrap; align-items:center;}
.board-view-box .view-head .head-info ul li {display:flex; flex-wrap:wrap; align-items:center; font-size:15px; color:var(--color-gray-900);}
.board-view-box .view-head .head-info ul li:after {display:inline-block; content:""; width:1px; height:13px; margin:0 10px; background:var(--color-gray-400);}
.board-view-box .view-head .head-info ul li:last-of-type:after {display:none;}
.board-view-box .view-body .view-body-content {border-bottom:1px solid var(--color-gray-400); padding:40px 15px;}
.board-view-box .view-body .view-body-content p {font-size:16px; margin:0 0 30px; color:var(--color-gray-900);}
.board-view-box .view-body .view-body-content p:last-of-type {margin:0;}
.board-view-box .view-body .view-body-content img {display:block; margin:0 auto; max-width:100%;}
.board-view-box .view-body .view-body-file {padding:15px;}
.board-view-box .view-body .view-body-list {margin:15px 0 0;}
.board-view-box .view-body .view-body-list > ul {border-top:1px solid var(--color-black);}
.board-view-box .view-body .view-body-list > ul > li {border-bottom:1px solid var(--color-gray-400);}
.board-view-box .view-body .view-body-list > ul > li .more {display:flex; align-items:center; padding:15px;}
.board-view-box .view-body .view-body-list > ul > li .more b {font-size:16px; border-radius:50px; width:100px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:40px; background:var(--color-active); color:var(--color-white);}
.board-view-box .view-body .view-body-list > ul > li .more b:after {display:block; content:""; width:20px; height:20px; margin:0 0 0 5px; filter:var(--filter-white); background-size:cover; background-position:center;}
.board-view-box .view-body .view-body-list > ul > li .more p {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; padding:0 15px;}
.board-view-box .view-body .view-body-list > ul > li .more time {font-size:15px; color:var(--color-gray-700);}
.board-view-box .view-body .view-body-list > ul > li .more:hover p {text-decoration:underline;}
.board-view-box .view-body .view-body-list > ul > li.prev .more b:after {background-image:url('../images/icon_arrow_up.svg');}
.board-view-box .view-body .view-body-list > ul > li.next .more b:after {background-image:url('../images/icon_arrow_down.svg');}
@media (max-width:991px){
.board-view-box .view-head {padding:15px 10px;}
.board-view-box .view-head .head-subject .badge-box {font-size:18px; margin:0 5px 0 0;}
.board-view-box .view-head .head-subject h2 {font-size:18px;}
.board-view-box .view-head .head-info ul li {font-size:13px;}
.board-view-box .view-head .head-info ul li:after {height:10px; margin:0 7px;}
.board-view-box .view-body .view-body-content {padding:15px 10px;}
.board-view-box .view-body .view-body-content p {font-size:14px;}
.board-view-box .view-body .view-body-file {padding:15px 10px;}
.board-view-box .view-body .view-body-list > ul > li .more {padding:10px;}
.board-view-box .view-body .view-body-list > ul > li .more b {font-size:13px; width:70px; height:32px;}
.board-view-box .view-body .view-body-list > ul > li .more b:after {width:16px; height:16px; margin:0 0 0 2px;}
.board-view-box .view-body .view-body-list > ul > li .more p {font-size:15px; padding:0 10px;}
.board-view-box .view-body .view-body-list > ul > li .more time {font-size:13px;}
}

/* board-comment-box */
.board-comment-box .comment-write {margin:0 0 40px;}
.board-comment-box .comment-list {border-top:2px solid var(--color-active); background:var(--color-white);}
.board-comment-box .comment-list > ul > li {border-bottom:1px solid var(--color-gray-400);}
.board-comment-box .comment-list > ul > li .cmt-head {border-bottom:1px solid var(--color-gray-300); padding:10px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.board-comment-box .comment-list > ul > li .cmt-head .head-inner {display:flex; flex-wrap:wrap; align-items:center;}
.board-comment-box .comment-list > ul > li .cmt-head .head-inner b {font-size:16px; font-weight:600; display:flex; flex-wrap:wrap; align-items:center;}
.board-comment-box .comment-list > ul > li .cmt-head .head-inner b:after {display:inline-block; content:""; width:1px; height:13px; margin:0 10px; background:var(--color-gray-400);}
.board-comment-box .comment-list > ul > li .cmt-head .head-inner time {font-size:15px; color:var(--color-gray-700);}
.board-comment-box .comment-list > ul > li .cmt-head .head-inner .icon-like {margin:0 0 0 10px;}
.board-comment-box .comment-list > ul > li .cmt-head .head-inner:first-of-type {flex:1; min-width:0; padding:0 15px 0 0;}
.board-comment-box .comment-list > ul > li .cmt-body {padding:10px;}
.board-comment-box .comment-list > ul > li .cmt-body .comment-write {margin:0; width:100%;}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-inner {display:flex; flex-wrap:wrap;}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-text {flex:1; min-width:0;}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-text p {font-size:16px; color:var(--color-gray-900);}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-text .cmt-more {display:none;}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-image {margin:0 0 0 10px;}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-image button {display:block; font-size:0; width:80px; height:80px; border-radius:5px; background-size:cover; background-position:center; position:relative; overflow:hidden;}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-image button span {position:absolute; left:0; top:0; width:100%; height:100%; font-size:15px; font-weight:500; color:var(--color-white); background:rgba(0,0,0,0.7); display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-inner ~ .comment-write {margin:10px 0 0;}
.board-comment-box .comment-list > ul > li .cmt-foot > ul {border-top:1px solid var(--color-gray-400);}
.board-comment-box .comment-list > ul > li .cmt-foot > ul > li {padding-left:30px; position:relative; border-bottom:1px solid var(--color-gray-400);}
.board-comment-box .comment-list > ul > li .cmt-foot > ul > li:last-of-type {border:0;}
.board-comment-box .comment-list > ul > li .cmt-foot > ul > li:before {position:absolute; left:13px; top:10px; width:20px; height:20px; background:url('../images/icon_reply.svg') no-repeat center / cover; content:""; filter:var(--filter-gray-500);}
@media (max-width:991px){
.board-comment-box .comment-list > ul > li .cmt-head {padding:10px;}
.board-comment-box .comment-list > ul > li .cmt-head .head-inner b {font-size:14px;}
.board-comment-box .comment-list > ul > li .cmt-head .head-inner b:after {height:10px; margin:0 7px;}
.board-comment-box .comment-list > ul > li .cmt-head .head-inner time {font-size:13px;}
.board-comment-box .comment-list > ul > li .cmt-body {padding:10px;}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-text p {font-size:14px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis;}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-text .cmt-more {display:block; font-size:0; margin:5px 0 0;}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-text .cmt-more:after {content:"더보기"; font-size:14px; color:var(--color-black);}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-image button {width:50px; height:50px;}
.board-comment-box .comment-list > ul > li .cmt-body .cmt-body-image button span {font-size:13px;}
.board-comment-box .comment-list > ul > li .cmt-body.active p {display:block; overflow:visible; text-overflow:normal;}
.board-comment-box .comment-list > ul > li .cmt-body.active .cmt-more:after {content:"접기";}
.board-comment-box .comment-list > ul > li .cmt-foot > ul > li {padding-left:20px;}
.board-comment-box .comment-list > ul > li .cmt-foot > ul > li:before {width:16px; height:16px; left:8px; top:13px;}
}

/* swiper-gallery-box */
.swiper-gallery-box {width:100%; height:100%; max-width:1000px; margin:0 auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.swiper-gallery-box .swiper {height:100%; flex:1; min-width:0;}
.swiper-gallery-box .swiper .swiper-container {height:100%;}
.swiper-gallery-box .swiper .swiper-wrapper {height:100%;}
.swiper-gallery-box .swiper .swiper-slide {height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.swiper-gallery-box .swiper .swiper-slide img {display:block; margin:0 auto; max-width:100%; max-height:100%; object-fit:cover;}
.swiper-gallery-box .swiper-button-prev {position:static; width:50px; height:50px; background:url('../images/icon_arrow_left.svg') no-repeat center / cover;}
.swiper-gallery-box .swiper-button-prev:after {display:none;}
.swiper-gallery-box .swiper-button-next {position:static; width:50px; height:50px; background:url('../images/icon_arrow_right.svg') no-repeat center / cover;}
.swiper-gallery-box .swiper-button-next:after {display:none;}
@media (max-width:991px){
.swiper-gallery-box .swiper-button-prev {display:none;}
.swiper-gallery-box .swiper-button-next {display:none;}
}

/* search-box */
.search-box {background:var(--color-gray-200); padding:40px 0; margin:0 0 30px;}
.search-box form {display:flex; flex-wrap:wrap; align-items:center; max-width:900px; margin:0 auto;}
.search-box form .input-box {margin:0 10px;}
@media (max-width:991px){
.search-box {padding:15px 0; margin:0 0 30px;}
.search-box form .input-box {margin:0 10px 0 0;}
}

/* terms-box */
.terms-box .terms-body {padding:15px;}
.terms-box .terms-body > ul > li {margin:0 0 30px;}
.terms-box .terms-body > ul > li:last-of-type {margin:0;}
.terms-box .terms-body > ul > li > * {margin:0 0 5px;}
.terms-box .terms-body > ul > li > *:last-child {margin:0;}
.terms-box .terms-body > ul > li .terms-title {margin:0 0 10px; font-size:18px; font-weight:600;}
.terms-box .terms-body > ul > li p {font-size:16px; color:var(--color-black-500);}
.terms-box .terms-body > ul > li ul li {font-size:16px; color:var(--color-black-500); margin:0 0 3px;}
.terms-box .terms-body > ul > li ul li:last-of-type {margin:0;}
.terms-box .terms-body > ul > li ul.inner {padding:0 0 0 10px;}
.terms-box .terms-body > ul > li ul.inner li {position:relative; margin:0; padding:0 0 0 14px;}
.terms-box .terms-body > ul > li ul.inner li:before {position:absolute; left:0; top:10px; width:6px; height:1px; content:""; background:var(--color-black-500);}
@media (max-width:991px){
.terms-box .terms-body {padding:10px;}
.terms-box .terms-body > ul > li {margin:0 0 20px;}
.terms-box .terms-body > ul > li .terms-title {font-size:15px; margin:0 0 5px;}
.terms-box .terms-body > ul > li p {font-size:13px;}
.terms-box .terms-body > ul > li ul li {font-size:13px;}
.terms-box .terms-body > ul > li ul.inner {padding:0 0 0 7px;}
.terms-box .terms-body > ul > li ul.inner li {padding:0 0 0 10px;}
.terms-box .terms-body > ul > li ul.inner li:before {top:9px;}
}