/* container */
#container {width:100%;}

.contents {width:100%;padding-top:10rem;}
.contents .title-wrap {width:100%;margin-bottom:5rem;}
.contents .title-wrap .title {color:var(--mono1);font-size:3.5rem;font-weight:700;word-break:keep-all;}
.contents .title-wrap .title .responsive {display:none;}
.contents .title-wrap .desc {color:var(--mono2);font-size:1.25rem;font-weight:300;line-height:1.5;word-break:keep-all;margin-top:1.25rem;}

.boards {width:100%;padding-bottom:10rem;}
.boards .board-top {justify-content:space-between;align-items:center;width:100%;margin-bottom:3.75rem;}
.board-list .btn-wrap {text-align:center;margin-top:5rem;}
.board-list .btn-wrap .button {cursor:pointer;}
.board-list .btn-wrap .button .plus {display:block;width:15px;height:15px;background:url(../../../images/biz/icon-plus-bk.svg) no-repeat center center / contain;transition:0.2s;}
.board-view .board-visual-wrap {width:100%;padding:calc(5rem + 80px) 0 5rem;margin-bottom:3.75rem;border-bottom:1px solid var(--mono7);}
.board-view .board-visual-wrap .tag-list {justify-content:flex-start;align-items:center;gap:0.5rem;width:100%;margin-bottom:1.25rem;}
.board-view .board-visual-wrap .tag-list li {color:var(--color1);font-size:1rem;font-weight:600;line-height:1;padding:0.375rem 1rem;border-radius:50px;background-color:var(--mono10);}
.board-view .board-visual-wrap .title {color:var(--mono1);font-size:3rem;font-weight:700;word-break:keep-all;}
.board-view .board-visual-wrap .date {color:var(--mono2);font-size:1rem;font-weight:300;margin-top:1.25rem;}
.board-view .board-title-wrap {width:100%;}
.board-view .board-title-wrap .title {color:var(--mono1);font-size:3rem;font-weight:700;word-break:keep-all;}
.board-view .board-title-wrap .bottom-list {justify-content:space-between;align-items:center;width:100%;padding:1.25rem 0;}
.board-view .board-title-wrap .bottom-list .info {display:inline-flex;justify-content:flex-start;align-items:center;gap:0.75rem;}
.board-view .board-title-wrap .bottom-list .info .category {display:block;color:var(--mono3);font-size:0.875rem;font-weight:500;line-height:1;padding:0.25rem 0.75rem;border:1px solid var(--mono7);border-radius:50px;}
.board-view .board-title-wrap .bottom-list .info .date {display:block;color:var(--mono4);font-size:1rem;font-weight:400;line-height:1;}
.board-view .board-title-wrap .bottom-list .share-btn a {display:inline-flex;justify-content:space-between;align-items:center;gap:0.5rem;height:40px;color:var(--mono2);font-size:1rem;font-weight:600;padding:0 1rem;border:1px solid var(--mono7);border-radius:8px;box-sizing:border-box;transition:0.2s;}
.board-view .board-title-wrap .bottom-list .share-btn a .icon {width:15px;height:15px;background:url(../../../images/biz/icon-share-gr.svg) no-repeat center center / contain;}
.board-view .board-bottom-wrap {width:100%;margin-top:5rem;}
.board-view .board-bottom-wrap .board-navigation {position:relative;justify-content:space-between;align-items:center;width:100%;}
.board-view .board-bottom-wrap .board-navigation::after {content:"";position:absolute;top:50%;left:50%;display:block;width:1px;height:20px;background-color:var(--mono7);transform:translate(-50%,-50%);}
.board-view .board-bottom-wrap .board-navigation li {width:50%;}
.board-view .board-bottom-wrap .board-navigation li a {display:block;}
.board-view .board-bottom-wrap .board-navigation li a .inner {align-items:center;gap:1.25rem;color:var(--mono1);font-size:1.125rem;font-weight:700;padding:2.5rem;border:1px solid var(--mono7);box-sizing:border-box;transition:0.2s;}
.board-view .board-bottom-wrap .board-navigation li a .inner .item-name {display:inline-block;width:auto;max-width:calc(100% - 64px - 1.25rem * 2);font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.board-view .board-bottom-wrap .board-navigation li.prev a .inner {justify-content:flex-start;border-right:0;border-radius:20px 0 0 20px;}
.board-view .board-bottom-wrap .board-navigation li.prev a .inner .item-name {text-align:left;}
.board-view .board-bottom-wrap .board-navigation li.next a .inner {justify-content:flex-end;border-left:0;border-radius:0 20px 20px 0;}
.board-view .board-bottom-wrap .board-navigation li.next a .inner .item-name {text-align:right;}
.board-view .board-bottom-wrap .board-navigation li a.no-post {cursor:default;}
.board-view .board-bottom-wrap .board-navigation li a.no-post .inner {color:var(--mono3);}
.board-view .board-bottom-wrap .btn-wrap {text-align:center;margin-top:3.75rem;}
.board-view .board-bottom-wrap .btn-wrap .button {padding:0 2.5rem;}

.forms {width:100%;padding-bottom:10rem;}
.forms .title-wrap {width:100%;margin-bottom:5rem;}
.forms .title-wrap .sub {color:var(--color2);font-size:1.25rem;font-weight:700;font-family:'Campton',sans-serif;line-height:1;margin-bottom:1.25rem;}
.forms .title-wrap .title {color:var(--mono1);font-size:3.5rem;font-weight:700;word-break:keep-all;}
.forms .title-wrap .desc {color:var(--mono2);font-size:1.25rem;font-weight:300;line-height:1.5;word-break:keep-all;margin-top:1.25rem;}

/* button */
.btn-wrap .button {display:inline-flex;justify-content:space-between;align-items:center;gap:1.5rem;height:60px;color:#fff;font-size:1.25rem;font-weight:700;padding:0 1.5rem;border-radius:8px;background-color:var(--color1);box-sizing:border-box;transition:0.2s;}
.btn-wrap .button.secondary {color:var(--mono1);background-color:var(--mono9);}
.btn-wrap .button.secondary-lined {color:var(--mono1);border:1px solid var(--mono7);background-color:transparent;}
.btn-wrap .button.invert {color:var(--mono1);background-color:#fff;}
.btn-wrap .button.lined-wh {border:1px solid #fff;background-color:transparent;}
.btn-wrap .button.lined-bk {color:var(--mono1);border:1px solid var(--mono1);background-color:transparent;}
.btn-wrap .button.blank {justify-content:center;gap:0.5rem;}
.btn-wrap .button.blank .arrow {width:10px;height:20px;background:url(../../../images/biz/icon-blank-wh.svg) no-repeat right top / contain;transition:0.2s;}
.btn-wrap .button.blank.secondary .arrow {background-image:url(../../../images/biz/icon-blank-bk.svg);}
.btn-wrap .button.blank.secondary-lined .arrow {background-image:url(../../../images/biz/icon-blank-bk.svg);}
.btn-wrap .button.blank.invert .arrow {background-image:url(../../../images/biz/icon-blank-bk.svg);}
.btn-wrap .button.lined-bk {background-image:url(../../../images/biz/icon-blank-bk.svg);}

/* popup */
#popup-wrap {position:fixed;top:0;left:0;display:none;width:100vw;height:100%;background-color:#01010280;z-index:10005;}
#popup-wrap .inner {position:absolute;top:0;left:0;width:100%;height:100vh;}
#popup-wrap .popup-item {position:absolute;top:50%;left:50%;display:none;width:1200px;text-align:center;transform:translate(-50%,-50%);}
#popup-wrap .popup-item img {display:inline-block;width:100%;}

.blur {filter:blur(2px);}

/* form */
.form-box {position:relative;width:100%;}
.form-box .essential-text {width:100%;color:var(--color2);font-size:0.875rem;padding:0 0.5rem;box-sizing:border-box;}
.form-box .form-wrapper {justify-content:space-between;width:100%;}
.form-box .form-wrapper .form-line {margin-bottom:2.5rem;}
.form-box .form-wrapper .form-line.full-type {width:100%;}
.form-box .form-wrapper .form-line.half-type {width:calc(50% - 2.5rem / 2);}
.form-box .form-wrapper .form-line > label {position:relative;display:inline-block;color:var(--mono1);font-size:1.125rem;font-weight:600;padding-right:14px;}
.form-box .form-wrapper .form-line > label.essential::after {content:"*";position:absolute;top:2px;right:0;display:block;width:12px;height:12px;color:var(--color2);text-align:center;line-height:1;}
.form-box .form-wrapper .form-line .form-content {position:relative;width:100%;margin-top:0.75rem;}
.form-box .form-wrapper .form-line .form-content .guide {display:block;color:var(--mono3);font-size:1rem;margin-bottom:0.5rem;}
.form-box .form-wrapper .form-line .form-content input:not([type=checkbox], [type=radio], [type=file]),
.form-box .form-wrapper .form-line .form-content select {width:100%;height:48px;}
.form-box .form-wrapper .form-line .form-content textarea {width:100%;height:80px;}
.form-box .form-wrapper .form-line .form-content textarea.inquiry-text {height:160px;}
.form-box .form-wrapper .form-line .form-content .text-length {justify-content:flex-end;align-items:center;width:100%;color:var(--mono2);font-size:0.875rem;margin-top:0.5rem;}
.form-box .form-wrapper .form-line .form-content .text-length.over {color:var(--color2);}
.form-box .form-wrapper .form-line .form-content .tel-input {justify-content:space-between;align-items:center;width:100%;}
.form-box .form-wrapper .form-line .form-content .tel-input select {width:200px;}
.form-box .form-wrapper .form-line .form-content .tel-input input:not([type=checkbox], [type=radio], [type=file]) {width:calc(100% - 200px - 0.5rem);}
.form-box .form-wrapper .form-line .form-content .radio-wrap {justify-content:flex-start;align-items:center;gap:1.25rem;width:100%;}
.form-box .form-wrapper .form-line .form-content .radio-wrap li {justify-content:flex-start;align-items:center;}
.form-box .form-wrapper .form-line .form-content .radio-wrap li label {color:var(--mono2);font-size:1rem;cursor:pointer;}
.form-box .form-wrapper .form-line .form-content .file-input {justify-content:space-between;align-items:center;width:100%;}
.form-box .form-wrapper .form-line .form-content .file-input .guide {margin:0;word-break:keep-all;}
.form-box .form-wrapper .form-line .form-content .file-input input[type=file] {position:absolute;left:-99999px;}
.form-box .form-wrapper .form-line .form-content .file-input .button {display:inline-flex;justify-content:space-between;align-items:center;gap:1.75rem;height:48px;color:var(--mono1);font-size:1.125rem;font-weight:500;padding:0 1.25rem;border:1px solid var(--mono7);border-radius:8px;background-color:#fff;box-sizing:border-box;transition:0.2s;cursor:pointer;}
.form-box .form-wrapper .form-line .form-content .attached-file {justify-content:flex-start;align-items:center;width:100%;height:48px;padding:0 10px;margin-top:1.25rem;border:1px solid var(--mono7);border-radius:8px;background-color:#fff;box-sizing:border-box;}
.form-box .form-wrapper .form-line .form-content .attached-file .file-name {display:block;color:var(--mono2);font-size:1rem;line-height:1;margin-right:4px;}
.form-box .form-wrapper .form-line .form-content .attached-file a {display:block;width:20px;height:20px;color:transparent;font-size:0;background:url(../../../images/biz/icon-close-thin-bk.svg) no-repeat center center / 10px;cursor:pointer;}
.form-box .required {position:relative;display:none;color:var(--color2);font-size:0.875rem;padding-left:18px;margin-top:0.5rem;box-sizing:border-box;}
.form-box .required::before {content:"";position:absolute;top:2px;left:0;display:block;width:14px;height:14px;background:url(../../../images/biz/icon-alert-color2.svg) no-repeat center center / contain;}
.form-box .form-check {justify-content:flex-start;align-items:center;width:100%;}
.form-box .form-check label {position:relative;display:block;color:var(--mono1);font-size:1.125rem;font-weight:500;margin-right:0.75rem;cursor:pointer;}
.form-box .form-check label.essential::after {content:"*";display:inline-block;width:12px;height:12px;color:var(--color2);text-align:center;line-height:1;padding-left:0.25rem;}
.form-box .form-check .show-details {display:inline-block;color:#fff;font-size:0.875rem;font-weight:600;line-height:1;padding:0.375rem 0.75rem;border-radius:4px;background-color:var(--mono3);transition:0.2s;}
.form-box .form-check-details {display:none;width:100%;color:var(--mono2);font-size:1rem;line-height:1.5;padding:1.5rem;margin-top:1.25rem;word-break:keep-all;white-space:pre-line;border:1px solid var(--mono7);border-radius:8px;background-color:#fff;box-sizing:border-box;}
.form-box .form-check-details strong {color:var(--mono1);font-weight:700;}
.form-box .form-check-details .point {color:var(--color2);font-weight:500;}
.form-box .btn-wrap {text-align:center;margin-top:5rem;}
.form-box .btn-wrap .button {padding:0 2.5rem;}

/* spacer */
.spacer {margin:0;opacity:0;}

/* responsive */
@media screen and (max-width:1450px) {
    /* popup */
    #popup-wrap .popup-item {width:960px;}
}

@media screen and (max-width:1280px) {
    /* container */
    .contents .title-wrap {margin-bottom:3.75rem;}
    .contents .title-wrap .title {font-size:2.75rem;}
    .contents .title-wrap .desc {font-size:1.125rem;}

    .board-view .board-visual-wrap .title {font-size:2.75rem;}
    .board-view .board-title-wrap .title {font-size:2.75rem;}

    .forms .title-wrap {margin-bottom:3.75rem;}
    .forms .title-wrap .title {font-size:2.75rem;}
    .forms .title-wrap .desc {font-size:1.125rem;}
    .form-box .form-wrapper .form-line .form-content .file-input .button {gap:1.25rem;font-size:1rem;padding:0 1.25rem;}
    .form-box .btn-wrap {margin-top:3.75rem;}

    /* button */
    .btn-wrap .button {gap:1.25rem;height:48px;font-size:1rem;padding:0 1.25rem;}
    .btn-wrap .button.blank .arrow {width:8px;height:18px;}

    /* popup */
    #popup-wrap .popup-item {width:840px;}
}
@media screen and (max-width:1024px) {
    /* container */
    .contents {padding-top:6.25rem;}
    .contents .title-wrap {text-align:center;}

    .boards {padding-bottom:6.25rem;}
    .boards .board-top {margin-bottom:2.5rem;}
    .board-view .board-visual-wrap {padding:calc(3.75rem + 64px) 0 3.75rem;margin-bottom:2.5rem;}
    .board-view .board-bottom-wrap {margin-top:3.75rem;}
    .board-view .board-bottom-wrap .board-navigation::after {width:100%;height:1px;}
    .board-view .board-bottom-wrap .board-navigation li {width:100%;}
    .board-view .board-bottom-wrap .board-navigation li a .inner {padding:1.75rem;}
    .board-view .board-bottom-wrap .board-navigation li.prev a .inner {border-right:1px solid var(--mono7);border-bottom:0;border-radius:20px 20px 0 0;}
    .board-view .board-bottom-wrap .board-navigation li.prev a .inner .arrow {transform:rotate(90deg);}
    .board-view .board-bottom-wrap .board-navigation li.next a .inner {justify-content:flex-start;border-left:1px solid var(--mono7);border-top:0;border-radius:0 0 20px 20px;}
    .board-view .board-bottom-wrap .board-navigation li.next a .inner .arrow {order:1;transform:rotate(90deg);}
    .board-view .board-bottom-wrap .board-navigation li.next a .inner .label {order:2;}
    .board-view .board-bottom-wrap .board-navigation li.next a .inner .item-name {order:3;}
    .board-view .board-bottom-wrap .btn-wrap {margin-top:2.5rem;}

    .forms {padding-bottom:6.25rem;}

    /* popup */
    #popup-wrap .popup-item {width:calc(100% - 32px);}
}

@media screen and (max-width:768px) {
    /* container */
    .contents .title-wrap {margin-bottom:2.5rem;}
    .contents .title-wrap .title {font-size:2rem;}
    .contents .title-wrap .desc {font-size:1rem;margin-top:0.75rem;}

    .board-view .board-visual-wrap .tag-list {margin-bottom:0.75rem;}
    .board-view .board-visual-wrap .title {font-size:2rem;}
    .board-view .board-visual-wrap .date {margin-top:0.75rem;}
    .board-view .board-title-wrap .title {font-size:2rem;}
    .board-view .board-title-wrap .bottom-list {padding:0.75rem 0;}
    .board-view .board-bottom-wrap .board-navigation li a .inner {gap:0.75rem;padding:1.25rem;}
    .board-view .board-bottom-wrap .board-navigation li.prev a .inner {border-radius:12px 12px 0 0;}
    .board-view .board-bottom-wrap .board-navigation li.next a .inner {border-radius:0 0 12px 12px;}
    .board-view .board-bottom-wrap .board-navigation li a .inner .item-name {max-width:calc(100% - 54px - 0.75rem * 2);}

    .forms .title-wrap {margin-bottom:2.5rem;}
    .forms .title-wrap .title {font-size:2rem;}
    .forms .title-wrap .desc {font-size:1rem;margin-top:0.75rem;}
    .form-box .form-wrapper .form-line.half-type {width:100%;}
    .form-box .form-wrapper .form-line .form-content .tel-input select {width:125px;}
    .form-box .form-wrapper .form-line .form-content .tel-input input:not([type=checkbox], [type=radio], [type=file]) {width:calc(100% - 125px - 0.5rem);}
    .form-box .form-wrapper .form-line .form-content .file-input {justify-content:flex-end;gap:1.25rem;}
    .form-box .form-wrapper .form-line .form-content .file-input .guide {width:100%;}
    .form-box .form-wrapper .form-line .form-content .file-input .button {height:44px;}
    .form-box .form-wrapper .form-line .form-content .attached-file .file-name {margin-right:0;}
    .form-box .form-wrapper .form-line .form-content .attached-file a {background-size:8px;}
    .form-box .form-check label {padding-right:12px;margin-right:0.5rem;}
    .form-box .form-check .show-details {padding:0.25rem 0.5rem;}

    /* button */
    .btn-wrap .button {height:44px;}
}

@media screen and (max-width:480px) {
    /* container */
    .contents .title-wrap .title {font-size:1.75rem;}
    .contents .title-wrap .title .responsive {display:block;}

    .board-view .board-visual-wrap .title {font-size:1.75rem;}
    .board-view .board-title-wrap .title {font-size:1.75rem;}
    .board-view .board-title-wrap .bottom-list .share-btn a {justify-content:center;width:36px;height:36px;padding:0;}
    .board-view .board-title-wrap .bottom-list .share-btn a .text {display:none;}

    .forms .title-wrap .title {font-size:1.75rem;}
}