@charset "UTF-8";
/* 공통 */
.layout {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto
}

.mv {
    position: relative;
    z-index: 2;
}
.mv img {
    width: 100%;
}
.mSection {
    position: relative;
    z-index: -1;
    margin-top: -210px;
    padding-top: 300px;
    padding-bottom: 120px;
    background: rgb(11,7,28);
    background: linear-gradient(180deg, rgba(11,7,28,1) 0%, rgba(45,8,48,1) 100%);
    text-align: center;
}
.mSection .sTitArea {
    margin-bottom: var(--space-40);
    color: var(--color-white);
}
.mSection .sTitArea span {
    display: block;
    margin-bottom: var(--space-20);
    font-size: var(--font-20);
    font-weight: var(--fw-bold);
}
.mSection .sTitArea h2 {
    display: block;
    font-size: var(--font-50);
    font-weight: var(--fw-black);
}
.mSection .mContent img {
    width: 100%;
}
    @media all and (max-width: 767px) {
        .mSection {
            padding-top: 260px;
            padding-bottom: var(--space-60);
        }
        .mSection .sTitArea {
            margin-bottom: var(--space-30);
        }
        .mSection .sTitArea span {
            margin-bottom: var(--space-10);
            font-size: var(--font-16);
        }
        .mSection .sTitArea h2 {
            font-size: var(--font-30);
        }
    }


aside {
    position: relative;
    width: 100%;
    height: 450px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
aside .stTit {
    position: absolute;
    top: 240px;
    text-align: center;
    width: 100%;
    color: var(--color-white);
    font-size: var(--font-60);
    font-weight: var(--fw-black);
    text-transform: uppercase;
}
.voting aside {
    height: 750px;
    background-image: url("/public/images/voting-pc.png");
}
.inquiry aside {
    background-image: url("/public/images/inquiry.jpg");
}
.notice aside {
    background-image: url("/public/images/notice.jpg");
}
.qna aside {
    background-image: url("/public/images/qna.jpg");
}
    @media all and (max-width: 1200px) {
        .voting aside {
            height: 500px;
        }
    }
    @media all and (max-width: 1023px) {
        aside {
            height: 350px;
        }
        aside .stTit {
            top: 185px;
            font-size: var(--font-40);
        }
        .voting aside {
            height: 546px;
            background-image: url("/public/images/voting-t.png");
        }
    }
    @media all and (max-width: 767px) {
        aside {
            height: 250px;
        }
        aside .stTit {
            top: 135px;
            font-size: var(--font-30);
        }
        .voting aside {
            height: 350px;
            background-image: url("/public/images/voting-m.png");
        }
    }


.wrap120 {
    padding: var(--space-120) 0;
}
.subTitArea {
    margin-bottom: var(--space-60);
    text-align: center;
}
.subTitArea .subTit {
    font-size: var(--font-40);
    font-weight: var(--fw-black);
}
.btnArea {
    display: flex;
    justify-content: center;
    margin-top: var(--space-80);
}
.btnArea a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 60px;
    margin: 0 var(--space-10);
    background: var(--color-dark);
    border-radius: 1000000px;
}
.btnArea a:last-of-type {
    background: var(--color-gray);
}
.btnArea a:hover {
    transform: translateY(5px);
}
.btnArea a span {
    color: var(--color-white);
    font-size: var(--font-18);
    font-weight: var(--fw-bold);
}
.btnArea a:last-of-type span {
    color: var(--color-dark);
}
    @media all and (max-width: 1023px) {
        .wrap120 {
            padding: var(--space-80) 0;
        }
        .subTitArea {
            margin-bottom: var(--space-40);
        }
        .subTitArea .subTit {
            font-size: var(--font-35);
        }
        .btnArea {
            margin-top: var(--space-40);
        }
        .btnArea a {
            width: 120px;
            height: 55px;
        }
        .btnArea a span {
            font-size: var(--font-16);
        }
    }
    @media all and (max-width: 767px) {
        .wrap120 {
            padding: var(--space-60) 0;
        }
        .subTitArea {
            margin-bottom: var(--space-30);
        }
        .subTitArea .subTit {
            font-size: var(--font-25);
        }
        .btnArea {
            margin-top: var(--space-30);
        }
        .btnArea a {
            width: 100px;
            height: 50px;
            margin: 0 var(--space-5);
        }
        .btnArea a span {
            font-size: var(--font-15);
        }
    }


.searchArea {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 40px;
}
.searchArea form {
    display: flex;
    width: 100%;
    max-width: 410px;
}
.searchArea .formSelect {
    flex: 0 1 100px;
    height: 56px;
    padding: 0 20px;
    background: url("/public/images/icon-select.svg") no-repeat right 20px center / 11px auto;
    border: 1px solid #e1e1e1;
    border-right: 0;
    color: var(--color-dark);
    font-size: 16px;
    font-weight: 300;
}
.searchArea .formInput {
    flex: 1 1 auto;
    height: 56px;
    padding: 0 20px;
    border: 1px solid #e1e1e1;
    border-right: 0;
    color: var(--color-dark);
    font-size: 16px;
    font-weight: 300;
}
.searchArea .formButton {
    display: flex;
    flex: 0 0 56px;
    height: 56px;
    background: var(--color-dark);
}
.searchArea .formButton img {
    margin: auto;
}
    /* searchArea 미디어쿼리 1023px 이하*/
    @media all and (max-width: 1023px) {
        .searchArea {
            margin-bottom: 30px;
        }
        .searchArea .formSelect {
            height: 50px;
            padding: 0 18px;
            background: url("/public/images/icon-select.svg") no-repeat right 18px center / 11px auto;
            font-size: 15px;
        }
        .searchArea .formInput {
            height: 50px;
            padding: 0 18px;
            font-size: 15px;
        }
        .searchArea .formButton {
            flex: 0 0 50px;
            height: 50px;
        }
        .searchArea .formButton img {
            width: 20px;
        }
    }
    /* searchArea 미디어쿼리 768px 이하*/
    @media all and (max-width: 768px) {
        .searchArea {
            margin-bottom: 20px;
        }
        .searchArea form {
            max-width: 100%;
        }
        .searchArea .formSelect {
            flex: 0 0 80px;
            height: 46px;
            padding: 0 16px;
            background: url("/public/images/icon-select.svg") no-repeat right 16px center / 11px auto;
            font-size: 14px;
        }
        .searchArea .formInput {
            min-width: 0;
            height: 46px;
            padding: 0 16px;
            font-size: 14px;
        }
        .searchArea .formButton {
            flex: 0 0 46px;
            height: 46px;
        }
        .searchArea .formButton img {
            width: 18px;
        }
    }


/* normalBoardList */
.normalBoardList {
    border-top: 2px solid var(--color-dark);
}
.normalBoardList .tHead {
    display: flex;
    align-items: center;
    height: 60px;
    background: #f8f8f8;
}
.normalBoardList .tHead .row {
    display: flex;
    align-items: center;
    width: 100%;
}
.normalBoardList .tHead .row .th {
    text-align: center;
}
.normalBoardList .tHead .row .number {
    flex: 0 0 108px;
}
.normalBoardList .tHead .row .subject {
    flex: 1 1 auto;
}
.normalBoardList .tHead .row .writer {
    flex: 0 0 160px;
}
.normalBoardList .tHead .row .date {
    flex: 0 0 188px;
}
.normalBoardList .tHead .row span {
    color: var(--color-dark);
    font-size: 16px;
    font-weight: bold;
}
.normalBoardList .tBody .row a {
    display: flex;
    align-items: center;
    height: 76px;
    border-bottom: 1px solid #e1e1e1;
}
.normalBoardList .tBody .row .td {
    text-align: center;
}
.normalBoardList .tBody .row .numberContent {
    flex: 0 0 108px;
}
.normalBoardList .tBody .row .subjectContent {
    flex: 1 1 auto;
    padding: 0 40px;
    text-align: left;
}
.normalBoardList .tBody .row .writerContent {
    flex: 0 0 160px;
}
.normalBoardList .tBody .row .dateContent {
    flex: 0 0 188px;
}
.normalBoardList .tBody .row .td span {
    color: var(--color-dark);
    font-size: 16px;
    font-weight: 300;
}
.normalBoardList .tBody .row .numberContent .noticeTxt {
    display: block;
    width: 48px;
    height: 28px;
    line-height: 28px;
    margin: 0 auto;
    background: var(--color-dark);
    color: #ffffff;
}
.normalBoardList .tBody .row .subjectContent img {
    width: 40px;
    margin-right: 20px;
}
    /* normalBoardList 미디어쿼리 1023px 이하 */
    @media all and (max-width: 1023px) {
        .normalBoardList .tHead {
            height: 54px;
        }
        .normalBoardList .tHead .row .number {
            flex: 0 0 90px;
        }
        .normalBoardList .tHead .row .date {
            flex: 0 0 140px;
        }
        .normalBoardList .tHead .row span {
            font-size: 15px;
        }
        .normalBoardList .tBody .row a {
            height: 70px;
        }
        .normalBoardList .tBody .row .numberContent {
            flex: 0 0 90px;
        }
        .normalBoardList .tBody .row .subjectContent {
            padding: 0 30px;
        }
        .normalBoardList .tBody .row .dateContent {
            flex: 0 0 140px;
        }
        .normalBoardList .tBody .row .td span {
            font-size: 15px;
        }
        .normalBoardList .tBody .row .subjectContent img {
            width: 34px;
            margin-right: 15px;
        }
    }
    /* normalBoardList 미디어쿼리 768px이하 */
    @media all and (max-width: 768px) {
        .normalBoardList .tHead {
            height: 50px;
        }
        .normalBoardList .tHead .row .number {
            display: none;
        }
        .normalBoardList .tHead .row .date {
            flex: 0 0 100px;
        }
        .normalBoardList .tHead .row span {
            font-size: 14px;
        }
        .normalBoardList .tBody .row a {
            height: 64px;
        }
        .normalBoardList .tBody .row .numberContent {
            display: none;
        }
        .normalBoardList .tBody .row .subjectContent {
            padding: 0 20px;
        }
        .normalBoardList .tBody .row .dateContent {
            flex: 0 0 100px;
        }
        .normalBoardList .tBody .row .td span {
            font-size: 14px;
        }
        .normalBoardList .tBody .row .subjectContent img {
            width: 30px;
            margin-right: 10px;
        }
    }


/* galleryBoardList */
.galleryBoardList {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-40) var(--space-30);
}
.galleryBoardList .item .imgArea {
    overflow: hidden;
    position: relative;
    height: 0;
    padding-top: 56.25%;
}
.galleryBoardList .item .imgArea img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.galleryBoardList .item .txtArea {
    margin-top: var(--space-20);
}
.galleryBoardList .item .txtArea .subject {
    font-size: var(--font-20);
    font-weight: var(--fw-bold);
}
    @media all and (max-width: 1023px) {
        .galleryBoardList {
            grid-template-columns: repeat(2, 1fr);
            gap: var(--space-30) var(--space-25);
        }
        .galleryBoardList .item .txtArea {
            margin-top: var(--space-15);
        }
        .galleryBoardList .item .txtArea .subject {
            font-size: var(--font-18);
        }
    } 
    @media all and (max-width: 767px) {
        .galleryBoardList {
            grid-template-columns: repeat(2, 1fr);
            gap: var(--space-30) var(--space-10);
        }
        .galleryBoardList .item .txtArea {
            margin-top: var(--space-10);
        }
        .galleryBoardList .item .txtArea .subject {
            font-size: var(--font-16);
        }
    } 


/* Board Form */
.boardForm .cofTxt {
    margin-bottom: var(--space-20);
    color: #888888;
    font-size: var(--font-16);
}
.boardForm .inputArea {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 var(--space-20);
}
.boardForm .inputBox {
    height: 60px;
    padding:0 var(--space-25);
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: var(--space-20);
    transition: all 0.3s;
    border: var(--border);
}
.boardForm .inputBox:hover,
.boardForm .inputBox:focus {
    border: 1px solid var(--color-primary);
}
.boardForm .inputBox > label,
.boardForm .inputBox strong {
    font-size: var(--font-18);
    display: flex;
    align-items: center;
    color: var(--color-dark);
    font-weight: var(--fw-bold);
}
.boardForm .inputBox > label {
    width:125px;
    border-right: var(--border)
}
.boardForm .essentialMak {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-primary);
    margin-right: var(--space-5);
    font-size: var(--font-16);
    padding-top: 7px;
}
.boardForm .inputStyle {
    color: var(--color-dark);
    font-size: inherit
}
.boardForm .inputStyle[type="text"] {
    width: calc(100% - 127px);
    height: 60px;
    padding-left: var(--space-15);
    background-color: transparent;
}
.boardForm .inputStyle[type="text"]::placeholder,
.boardForm textarea::placeholder {
    font-size: var(--font-16);
    font-weight: var(--fw-light);
    color:var(--color-darkgray)
}
.boardForm .inputTextarea,
.boardForm .inputPolicy {
    width:100% !important;
    padding-top: var(--space-25);
    padding-bottom: var(--space-25);
    align-items: flex-start;
    flex-direction: column;
}
.boardForm .inputTextarea {
    height: 225px;
}
.boardForm .inputTextarea > label,
.boardForm .inputTextarea > strong {
    width:100% !important;
    max-width: 100% !important;
    border-right:0;
    border-bottom: 0;
    padding-bottom: var(--space-15)
}
.boardForm .inputTextarea > label {
    border-bottom: var(--border)
}
/* .boardForm .inputTextarea > label {
    margin-bottom: var(--space-15)
} */
.boardForm .fileInput {
    width: 100%;
    padding-right: 0
}
.boardForm .fileInput .fileAttach {
    width: calc(100% - 180px);
    height: 60px;
    background-color: transparent;
}
.boardForm .fileInput .fileAttach::placeholder {
    color: var(--color-dark);
    font-size: var(--font-18);
    font-weight: var(--fw-bold);
}
.boardForm .fileInput label {
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 160px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
    background-color: var(--color-dark);
    font-size: var(--font-18);
    font-weight: var(--fw-bold);
    color: var(--color-white)
}
.boardForm .fileInput label:hover {
    background-color: var(--color-dark);
    color:var(--color-white)
}
.boardForm .fileInput label span {
    margin-right: var(--space-10);
}
.boardForm .fileInput input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
   /* 자동등록방지 */
.boardForm .captcha-input #captcha_section {
    position: absolute;
    right:0;
    bottom: 4px;
    z-index: 2;
}
.boardForm .captcha-input img {
    cursor: pointer;
    width: 160px;
    height: 50px;
    border-left: 3px solid var(--color-dark) !important;
} 
/* 개인정보수집 동의 */
.boardForm .inputBox.inputPolicy {
    height: 260px;
    background-color: var(--color-gray);
    text-align: left;
}
.boardForm .inputPolicy .inputTitle {
    width:100%;
    max-width:none;
    padding-bottom: var(--space-15);
    margin-bottom:var(--space-10);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: var(--border);
    border-right:0
}
.boardForm .inputPolicy .inputPrivacy {
    width:100%;
    height:300px;
    overflow-y:scroll;
    padding-bottom: 0
}
.boardForm .inputPolicy .inputPrivacy .policyContent {
    margin-right: var(--space-20)
}
/* 마케팅 동의 */
.boardForm .inputMaketing {
    background-color: var(--color-gray);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.boardForm .inputMaketing > label {
    border-right: 0;
    width: auto !important;
    font-weight: var(--fw-normal);
}
.boardForm .inputMaketing.inputBox > strong {
    width: auto;
}
/* 동의하기 체크 박스 - 타입 A */
.boardForm .btnRadio {
    cursor: pointer;
    width:auto !important
}
.boardForm .btnRadio svg {
    width: 15px; 
    height: 15px;
    fill: none;
    vertical-align: middle;
}
.boardForm .btnRadio svg circle {
    stroke-width: 1;
    stroke: var(--color-gray1);
}
.boardForm .btnRadio:hover svg circle {
    stroke-width: 1;
    stroke: var(--color-primary);
}
.boardForm .btnRadio svg path {
    stroke: var(--color-primary);
}
.boardForm .btnRadio svg path.inner {
    stroke-width: 6;
    stroke-dasharray: 19;
    stroke-dashoffset: 19;
}
.boardForm .btnRadio svg path.outer {
    stroke-width: 1;
    stroke-dasharray: 57;
    stroke-dashoffset: 57;
}
.boardForm .btnRadio input {
    display: none;
}
.boardForm .btnRadio input:checked + svg path {
    transition: all 0.4s ease;
}
.boardForm .btnRadio input:checked + svg path.inner {
    stroke-dashoffset: 38;
    transition-delay: 0.3s;
}
.boardForm .btnRadio input:checked + svg path.outer {
    stroke-dashoffset: 0;
}
.boardForm .btnRadio span {
    display: inline-block;
    vertical-align: middle;
    color: var(--color-gray1);
    font-size: var(--font-15);
    transition: var(--transition);
}
.boardForm .btnRadio:hover span {
    color: var(--color-orange);
}
/* 동의하기 체크 박스 - 타입 B */
.agree-box {
    display: flex;
    align-items: center;
    position: relative;
}
.agree-box input[type=checkbox].switch {
    --active: var(--color-primary);
    --active-inner: var(--color-white);
    --focus: 2px rgba(0, 0, 0, .2);
    --border: var(--color-white);
    --border-hover: var(--color-primary);
    --background: var(--color-graye1);
    --disabled: #F6F8FF;
    --disabled-inner: #E1E6F9;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 26px;
    height: 9px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    top: 0;
    cursor: pointer;
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
    border-radius: 11px;
}
.agree-box input[type=checkbox].switch:after {
    content: "";
    display: block;
    position: absolute;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    left: -1px;
    top: -4px;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background: var(--ab, var(--active));
    transform: translateX(var(--x, 0));
}
.agree-box input[type=checkbox].switch:checked {
    --b: var(--background);
    --bc: var(--background);
    --d-o: .3s;
    --d-t: .6s;
    --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
    --ab: var(--active);
    --x: 12px;
}
.agree-box input[type=checkbox].switch:disabled:checked {
    --b: var(--disabled-inner);
    --bc: var(--border);
}
.agree-box input[type=checkbox].switch:hover:not(:checked):not(:disabled) {
    --bc: var(--border-hover);
}
.agree-box input[type=checkbox].switch + label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 8px;
    color: var(--color-white);
    font-size: var(--font-15);
}
.agree-box span {
    font-size: var(--font-16);
    margin-left: var(--space-10);
}
    /* Contact 미디어쿼리 */
    @media all and (max-width: 1199px) {
        .boardForm .inputArea {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    @media all and (max-width: 1023px) {
        .boardForm .cofTxt {
            margin-bottom: var(--space-15);
            font-size: var(--font-15);
        }
        
        .boardForm .inputArea {
            margin-top: var(--space-20);
            flex-direction: column;
        }
        .boardForm .inputBox {
            width:100%;
            padding: var(--space-15) var(--space-15);
            margin-bottom: var(--space-15);  
        }
        .boardForm .inputArea .inputBox:not(:last-of-type) {
            margin-right: 0;
        }
        .boardForm .inputStyle,
        .boardForm .inputBox > label,
        .boardForm .inputBox strong,
        .boardForm .inputPolicy .inputTitle {
            font-size: var(--font-16)
        }
        .boardForm .inputStyle[type="text"] {
            width: calc(100% - 105px);
        }
        .boardForm .inputBox > label,
        .boardForm .inputBox > strong {
            width:105px;
        }
        .boardForm .fileInput .fileAttach::placeholder {
            font-size: var(--font-16);
        }
        .boardForm .captcha-input img {
            width: 105px;
        }
        .boardForm .inputBox.inputPolicy {
            height:230px;
        }
    }
    @media all and (max-width: 767px) {
        .boardForm .cofTxt {
            margin-bottom: var(--space-10);
            font-size: var(--font-14);
        }
        .boardForm .inputArea {
            grid-template-columns: repeat(1, 1fr);
        }
        .boardForm .essentialMak {
            padding-top: 0;
            font-size: var(--font-14);
        }
        .boardForm .inputBox {
            padding: var(--space-15) var(--space-10);
            margin-bottom: var(--space-10);
            height:50px
        }
        .boardForm .inputStyle,
        .boardForm .inputBox > label,
        .boardForm .inputBox strong,
        .boardForm .inputPolicy .inputTitle {
            font-size: var(--font-15)
        }
        .boardForm .inputStyle[type="text"] {
            width: calc(100% - 95px);
            height:48px;
            padding-left: var(--space-10)
        }
        .boardForm .inputBox > label,
        .boardForm .inputBox > strong {
            width:95px;
        }
        .boardForm .inputStyle[type="text"]::placeholder,
        .boardForm textarea::placeholder,
        .boardForm .btnRadio span,
        .agree-box span {
            font-size: var(--font-14)
        }
        .boardForm .inputTextarea,
        .boardForm .inputPolicy {
            padding: var(--space-15) var(--space-10)
        }
        .boardForm .inputTextarea {
            height: 180px;
        }
        .boardForm .inputTextarea > label, 
        .boardForm .inputTextarea > strong {
            padding-bottom: var(--space-10)
        }
        .boardForm .fileInput label span {
            width: 15px;
            margin-right: var(--space-5);
        }
        .boardForm .fileInput label span img {
            width: 100%;
        }
        .agree-box span {
            margin-left: var(--space-5);
        }
        .boardForm .fileInput .fileAttach {
            width: calc(100% - 90px);
            height: 50px;
        }
        .boardForm .fileInput label {
            font-size: var(--font-12);
            width: 25%;
            height: 50px
        }
        .boardForm .captcha-input {
            flex-wrap: wrap;
            height: 95px;
        }
        .boardForm .captcha-input label {
            width: 100%;
            border-right: 0;
        }
        .boardForm .captcha-input .inputStyle[type="text"] {
            width: 100%;
            padding-left: 0;
        }
        .boardForm .captcha-input #captcha_section {
            right: 10px;
            bottom: 15px;
        }
        .boardForm .captcha-input img {
            width: 90px;
            height: 40px;
        }
        .boardForm .inputPolicy .inputTitle {
            padding-bottom: var(--space-10);
            margin-bottom: var(--space-5);
        }
        .boardForm .inputBox.inputPolicy {
            height:230px;
        }
        .boardForm .inputPolicy .inputPrivacy * {
            font-size: var(--font-14)
        }
    }


/* 게시판 하단 & 버튼 */
.boardBottom {
    display: flex;
    justify-content: center;
    margin-top: var(--space-80);
}
.boardBottom .btnSubmit {
    width: 150px;
    height: 60px;
    background-color: var(--color-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    font-size: var(--font-18);
    font-weight: var(--fw-bold);
    border-radius: var(--border-radius);
}
.boardBottom .btnSubmit:hover {
    transform: translateY(5px)
}
    /* 게시판 하단 & 버튼 미디어쿼리 */
    @media all and (max-width:1023px) {
        .boardBottom {
            margin-top: var(--space-40);
        }
        .boardBottom .btnSubmit {
            width: 120px;
            height: 55px;
            font-size: var(--font-16);
        }
    }
    @media all and (max-width:767px) {
        .boardBottom {
            margin-top: var(--space-30);
        }
        .boardBottom .btnSubmit {
            width: 100px;
            height: 50px;
            font-size: var(--font-15);
        }
    }


/* boardView */
.boardView {
    border-top: 2px solid var(--color-dark);
}
.boardView .boardSubject {
    padding: var(--space-30) var(--space-40);
    border-bottom: 1px solid var(--color-graye1);
}
.boardView .boardSubject p {
    margin-bottom: var(--space-10);
    font-size: var(--font-20);
    font-weight: var(--fw-light);
}
.boardView .boardSubject ul {
    display: flex;
}
.boardView .boardSubject li:not(:last-of-type) {
    position: relative;
    margin-right: var(--space-15);
    padding-right: var(--space-15);
}
.boardView .boardSubject li:not(:last-of-type)::after {
    position: absolute;
    top: 6px;
    right: 0;
    content: "";
    display: block;
    width: 1px;
    height: 10px;
    background: var(--color-graye1);
}
.boardView .boardSubject span {
    font-size: var(--font-16);
    font-weight: var(--fw-light);
}
/* .boardView .boardAttachedFile {
    display: flex;
    align-items: center;
    height: 60px;
    padding: 0 40px;
    background: var(--color-gray);
}
.boardView .boardAttachedFile button {
    display: flex;
    align-items: center;
    height: 38px;
    padding: 0 20px;
    background: #ffffff;
    border: 1px solid #e1e1e1;
}
.boardView .boardAttachedFile button img {
    margin-right: 10px;
}
.boardView .boardAttachedFile button span {
    font-size: 15px;
    font-weight: 200;
} */
.boardView .boardContent {
    padding: var(--space-40);
    border-bottom: 1px solid var(--color-graye1);
}
.boardView .boardContent img {
    width: 100%;
    max-width: 1000px;
}
.boardView .boardContent p {
    font-size: 16px !important;
}
.boardView .qnaList .row {
    display: flex;
    align-items: flex-start;
    margin-bottom: var(--space-30);
    padding-bottom: var(--space-30);
    border-bottom: 1px solid var(--color-graye1);
}
.boardView .qnaList .row:last-of-type {
    margin-bottom: 0;
}
.boardView .qnaList .row strong {
    flex: 0 1 35px;
    font-size: var(--font-16);
}
.boardView .qnaList .row p {
    flex: 1 1 100%;
}
    @media all and (max-width: 1023px) {
        .boardView .boardSubject {
            padding: var(--space-25) var(--space-30);
        }
        .boardView .boardSubject p {
            margin-bottom: 8px;
            font-size: var(--font-18);
        }
        .boardView .boardSubject span {
            font-size: var(--font-15);
        }
        /* .boardView .boardAttachedFile {
            height: 54px;
            padding: 0 30px;
        }
        .boardView .boardAttachedFile button {
            height: 34px;
            padding: 0 18px;
        }
        .boardView .boardAttachedFile button img {
            width: 13px;
            margin-right: 8px;
        }
        .boardView .boardAttachedFile button span {
            font-size: 14px;
        } */
        .boardView .boardContent {
            padding: var(--space-30);
        }
        .boardView .boardContent p {
            font-size: 15px !important;
        }
        .boardView .qnaList .row {
            margin-bottom: var(--space-25);
            padding-bottom: var(--space-25);
        }
        .boardView .qnaList .row strong {
            flex: 0 1 30px;
            font-size: var(--font-15);
        }
    }
    @media all and (max-width: 767px) {
        .boardView .boardSubject {
            padding: var(--space-20);
        }
        .boardView .boardSubject p {
            margin-bottom: 6px;
            font-size: var(--font-16);
        }
        .boardView .boardSubject span {
            font-size: var(--font-14);
        }
        /* .boardView .boardAttachedFile {
            height: 50px;
            padding: 0 20px;
        }
        .boardView .boardAttachedFile button {
            height: 30px;
            padding: 0 16px;
        }
        .boardView .boardAttachedFile button img {
            width: 10px;
            margin-right: 6px;
        }
        .boardView .boardAttachedFile button span {
            font-size: 13px;
        } */
        .boardView .boardContent {
            padding: var(--space-20);
        }
        .boardView .boardContent p {
            font-size: 14px !important;
        }
    }


/* 페이징 */
.pagination {
    display: flex;
    justify-content: center;
    margin-top: var(--space-40);
}
.pagination ul {
    display: flex;
    align-items: center;
}
.pagination li button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    margin: auto;
}
.pagination li:hover button {
    background: #F8F6F4;
}
.pagination li button:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}
.pagination li button span {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    display: flex;
    color: #888888;
    font-size: 14px;
    font-weight: 300;
}
.pagination li.current button span,
.pagination li button:hover span {
    color: var(--color-dark);
    font-weight: bold;
}
    /* 공통 pagination 미디어쿼리 1200px이하*/
    @media all and (max-width: 1023px) {
        .pagination {
            margin-top: var(--space-30);
        }
        .pagination li button span {
            font-size: 13px;
        }
    }
    /* 공통 pagination 미디어쿼리 768px이하*/
    @media all and (max-width: 767px) {
        .pagination {
            margin-top: var(--space-20);
        }
        .pagination li button span {
            font-size: 12px;
        }
    }
    

/* 개인정보처리방침 */
.privacy h3 {
    font-size: 18px;
    font-weight: 500;
    padding: 40px 0 0;
    color:#313131
}
.privacy h4 {
    margin-top:20px
}
.privacy p,
.privacy th,
.privacy td,
.privacy li {
    color:#313131;
    line-height: 1.5;
    font-size: 16px;
}
.privacy ul,
.privacy ol{
    margin-top: 10px;
}
.privacy li > ol,
.privacy li > ul {
    margin-top:5px;
    margin-bottom: 10px;
}
.privacy li {
    position: relative;
    margin-bottom: 5px;
}
.privacy p {
    margin-top: 10px;
}
.privacy .brace-list > li {
    padding-left: 20px;
}
.privacy .line-list > li {
    padding-left: 10px;
}
.privacy .brace-list > li::before,
.privacy .line-list > li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.4;
    font-size:16px;
    font-family: Pretendard;
}
.privacy .brace-list > li:nth-child(1)::before {
    content: "⑴";
}
.privacy .brace-list > li:nth-child(2)::before {
    content: "⑵";
}
.privacy .brace-list > li:nth-child(3)::before {
    content: "⑶";
}
.privacy .brace-list > li:nth-child(4)::before {
    content: "⑷";
}
.privacy .brace-list > li:nth-child(5)::before {
    content: "⑸";
}
.privacy .line-list > li::before {
    content: "-";
}
.privacy .table {
    margin: 15px 0;
    border: 1px solid #d9d9d9;
    border-width: 1px 1px 0 1px;
}
.privacy .table td,
.privacy .table th {
    border-bottom: 1px solid #d9d9d9;
    text-align: left;
    padding: 5px 10px;
}
.privacy .table td:first-child,
.privacy .table th:first-child {
    border-right: 1px solid #d9d9d9;
}
.privacy .table th {
    background-color: #fafafa;
}
    /* 이용약관 미디어쿼리 */
    @media all and (max-width:640px) {
        .privacy p,
        .privacy th,
        .privacy td,
        .privacy li,
        .privacy .brace-list > li::before, 
        .privacy .line-list > li::before {
            font-size: 15px;
        }
        .privacy h3 {
            font-size: 16px;
            padding:30px 0 0
        }
    }