@charset "UTF-8";

:root {
    --color-gray1 : #555555;
    --color-gray99: #999999;
    --color-gray2 : #D9D9D9;
    --color-grayE1 : #E1E1E1;
    --color-gray: #FAFAFA;
    --border: 1px solid #E1DAD3;
}
/* 카테고리 */
.boardCategory {
    width: 100%;
}
.boardCategory .categoryDepth {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.boardCategory .categoryDepth > li {
    margin: 0 var(--space-5)
}
.boardCategory .categoryDepth > li > button {
    padding: var(--space-8) var(--space-15);
    font-size: var(--font-16);
    font-weight: var(--fw-light);
    background-color: var(--color-lightgray);
    color: var(--color-gray);
    border-radius: 10000000000px;
    text-align: var(--align-center);
}
.boardCategory .categoryDepth > li > button:hover,
.boardCategory .categoryDepth > li > button.on {
    background-color: var(--color-primary);
    color: var(--color-white);
    font-weight: var(--fw-bold);
}
    /* 카테고리 미디어쿼리 */
    @media all and (max-width: 1023px) {
        .boardCategory .categoryDepth > li {
            margin-bottom: var(--space-10);
        }
    }
    @media all and (max-width: 767px) {
        .boardCategory .categoryDepth > li {
            margin: 0 3px;
            margin-bottom: var(--space-6);
        }
        .boardCategory .categoryDepth > li > button {
            padding: var(--space-5) var(--space-10);
            font-size: var(--font-15);
            font-weight: var(--fw-normal);
        }
    }

/* 텍스트형 게시판 */
.boardList {
    width: 100%;
    border-top: 2px solid var(--color-dark);
}
.boardList .boardHead {
    background-color: var(--board-bg);
    border-bottom: 1px solid var(--color-darkgray);
    color:var(--color-dark);
    font-weight: var(--color-bold);
}
.boardList .boardHead {
    padding: var(--space-20) 0;
}
.boardList .list,
.board-view .subject-area,
.poduct-list .list {
    border-bottom: 1px solid var(--color-darkgray);
}
.boardList .list,
.board-view .subject-area {
    padding: var(--space-25) 0;
}
.boardList .boardHead,
.boardList .list {
    display: flex;
    align-items: center;
    font-size: var(--font-18);
}
.boardList .boardHead .number-th,
.boardList .list .number {
    flex:1.9;
    text-align: center;
}
.boardList .boardHead .subject-th {
    text-align: center;
}
.boardList .boardHead .subject-th,
.boardList .list .subject {
    flex:13.5;
}
.boardList .boardHead .date-th,
.boardList .list .date {
    flex:2.7;
    text-align: center;
}
.boardList .boardHead .file-th,
.boardList .list .file {
    flex:2.36;
    text-align: center;
}
.boardList .list .subject a {
    font-size: 20px;
    font-weight: 600;
}
.boardList .list .subject a:hover {
    color: var(--color-orange);
}
.boardList .list .number,
.boardList .list .date {
    font-weight: 400;
    color: #363636;
    display: flex;
    justify-content: center;
    align-items: center;
}
    /* 텍스트형 미디어쿼리 */
    @media (max-width: 1699px) {
        .boardList {width: 90%;}
    }
    @media (max-width: 1199px) {
        .boardList .date,
        .boardList .media,
        .boardList .subject {
            font-size: 0.889rem;
        }
        .boardList .list .date {
            width: 18%;
        }
    }
    @media (max-width: 1023px) {
        .boardList {
            width: 100%;
        }
        .boardList .list .contwrap,
        .boardList .list .date {
            padding: 1.5rem 0;
        }
        .boardList .list .date {
            width: 28%;
            text-align: left;
            padding-left: 3%;
        }
        .boardList .contwrap .box-row {
            display: table;
            width: 100%;
        }
        .boardList .contwrap .media,
        .boardList .contwrap .subject {
            width: 100%;
            display: block;
            text-align: left;
        }
        .boardList .contwrap .media {
            margin-bottom: 0.5rem;
            opacity: 0.8;
        }
        .boardList .subject {
            padding-left: 0;
        }
    }
    @media (max-width: 767px) {
        .boardList .list .contwrap,
        .boardList .list .date {
            display: block;
            width: 100%;
        }
        .boardList .list .date {
            padding: 1.2rem 0 0.5rem;
            border-bottom: 0;
            font-size: 0.778rem;
            opacity: 0.6;
        }
        .boardList .list .contwrap {
            padding: 0 0 1.2rem;
        }
    }

/* 텍스트형 타입2 */
/* normalBoardList */
.normalBoardList {
    border-top: var(--border);
}
.normalBoardList .tHead {
    display: flex;
    align-items: center;
    height: 60px;
    background: var(--color-gray)
}
.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 .date {
    flex: 0 0 188px;
}
.normalBoardList .tHead .row span {
    color: var(--color-dark);
    font-size: var(--font-16);
    font-weight: var(--fw-bold);
}
.normalBoardList .tBody .row {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--space-22) 0;
    border-bottom: var(--border);
}
.normalBoardList .tBody .row .td {
    font-weight: var(--fw-light);
}
.normalBoardList .tBody .row .numberContent {
    flex: 0 0 150px;
    text-align: center;
}
.normalBoardList .tBody .row .subjectContent {
    flex: 1 1 auto;
    text-align: left;
    font-weight: var(--fw-normal);
}
.normalBoardList .tBody .row.topic .subjectContent {
    font-weight: var(--fw-medium);
}
.normalBoardList .tBody .row .subjectContent img {
    width: 40px;
    margin-right: var(--space-20);
}
.normalBoardList .tBody .row .dateContent {
    flex: 0 0 180px;
    color: var(--color-basic);
    text-align: center;
    font-weight: var(--fw-light);
}
.normalBoardList .tBody .row.topic .noticeTxt {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 32px;
    margin: 0 auto;
    background: var(--color-primary);
    color: var(--color-white);
    font-size: var(--font-12);
    font-weight: var(--fw-bold);
}
/* .normalBoardList .tBody .row.topic .noticeTxt {
    width: 60px;
} */
    /* 미디어쿼리 1200px이하 */
    @media all and (max-width: 1200px) {
        .normalBoardList .tHead {
            height: 54px;
        }
        .normalBoardList .tHead .row .number {
            flex: 0 0 90px;
        }
        .normalBoardList .tHead .row .date {
            flex: 0 0 140px;
        }
        .normalBoardList .tBody .row .td {
            font-size: var(--font-15)
        }
        .normalBoardList .tBody .row .numberContent {
            flex: 0 0 90px;
        }
        .normalBoardList .tBody .row .dateContent {
            flex: 0 0 140px;
        }
        .normalBoardList .tBody .row .subjectContent img {
            width: 34px;
            margin-right: var(--space-15);
        }
    }
    /* 미디어쿼리 768px이하 */
    @media all and (max-width: 1000px) {
        .normalBoardList .tHead {
            height: 50px;
        }
        .normalBoardList .tBody .row {
            padding: var(--space-20) 0
        }
        .normalBoardList .tHead .row .date {
            flex: 0 0 90px;
        }
        .normalBoardList .tBody .row .dateContent {
            flex: 0 0 110px;
        }
        .normalBoardList .tBody .row .subjectContent img {
            width: 28px;
            margin-right: var(--space-10);
        }
    }
    /* 미디어쿼리 768px이하 */
    @media all and (max-width: 640px) {
        .normalBoardList .tHead {
            height: 40px;
        }
        .normalBoardList .tBody .row {
            padding: var(--space-15) 0 var(--space-15) var(--space-45);
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
        }
        .normalBoardList .tBody .row .td {
            font-size: var(--font-14)
        }
        .normalBoardList .tHead .row .number,
        .normalBoardList .tBody .row .numberContent {
            flex: 0 0 32px;
        }
        .normalBoardList .tBody .row .subjectContent .ellipsis1 {
            -webkit-line-clamp: 2;
        }
        .normalBoardList .tHead .row .date,
        .normalBoardList .tBody .row .dateContent {
            flex: 0 0 50px;
        }
        .normalBoardList .tBody .row .numberContent {
            position: absolute;
            left: 0;
            width: 32px;
        }
        .normalBoardList .tBody .row.topic .noticeTxt {
            width: 32px;
            height: 22px;
        }
        .normalBoardList .tBody .row .dateContent {
            flex: unset;
            margin-top: var(--space-5);
        }
        .normalBoardList .tBody .row .dateContent span {
            font-size: var(--font-13);
        }
        .en .normalBoardList .tBody .row .numberContent {
            width: 48px;
        }
        .en .normalBoardList .tBody .row.topic .noticeTxt {
            width: 46px;
            height: 20px;
            font-size: var(--font-10);
        }
        .en .normalBoardList .tBody .row {
            padding-left: var(--space-60)
        }
    }

/* 갤러리 */
.gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: var(--space-120) var(--space-33);
}
.gallery .post {
    text-align: center;
}
.gallery .post .postTitle {
    margin-top: var(--space-15);
    font-size: var(--space-18);
    font-weight: var(--fw-normal);
    color: var(--color-deep);
}
.gallery .post .postImg {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
}
.gallery .post .postImg img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    transition: var(--transition);
    transform: scale(1);
}
.gallery .post a:hover .postImg img {
    transform: scale(1.01);
}
.gallery .post .postTitleSub {
    color: var(--color-basic);
    margin-top: var(--space-6);
    font-weight: var(--fw-light);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: normal;
}
.gallery .post .period {
    font-size: var(--font-16);
    font-weight: var(--fw-light);
    border-top: var(--border);
    padding-top: var(--space-15);
    margin-top: var(--space-15);
}
    /* 갤러리 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .gallery {
            grid-template-columns: repeat(3, 1fr);
            grid-gap: var(--space-60) var(--space-20);
        }
        .gallery .post .postTitle {
            margin-top: var(--space-15);
            font-size: var(--font-18);
        }
    }
    @media all and (max-width: 1000px) {
        .gallery {
            grid-template-columns: repeat(2, 1fr);
            grid-gap: var(--space-50) var(--space-10);
        }
        .gallery .post .postTitle {
            margin-top: var(--space-15);
            font-size: var(--font-16);
        }
        .gallery .post .period {
            font-size: var(--font-15);
            padding-top: var(--space-10);
            margin-top: var(--space-10);
        }
    }
    @media all and (max-width: 640px) {
        .gallery {
            grid-template-columns: repeat(1, 1fr);
            grid-gap: var(--space-40) 0;
        }
        .gallery .post .postTitle {
            margin-top: var(--space-15);
            font-size: var(--font-18);
        }
        .gallery .post .postTitleSub {
            font-size: var(--font-16);
            margin-top: var(--space-5);
        }
        .gallery .post .period {
            font-size: var(--font-14);
            padding-top: var(--space-8);
            margin-top: var(--space-8);
        }
    }

/* 갤러리 > 호버 이펙트형 */
.galleryHover {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 64px;
}
.galleryHover .post .postLink {
    position: absolute;
    top: 0;
    left:0;
    z-index: 3;
    display: block;
    width:100%;
    height:100%
}
.galleryHover .post .postImg {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 144%;
    overflow: hidden;
}
.galleryHover .post .postImg img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.galleryHover .post figure {
    position: relative;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
    transition: .3s ease-out;
}
.galleryHover .post figure::before {
    content:"";
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top: 0;
    display: block;
    z-index: 1;
    transition: .3s ease-out;
}
.galleryHover .post figure:hover::before {
    background: rgba(0, 0, 0, 0.6);
}
.galleryHover .post figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
}
.galleryHover .post figure figcaption {
    padding: var(--space-35) var(--space-40);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
    top: auto;
    bottom: 0;
    height: 50%;
    display:flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    color: var(--color-white);
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}
.galleryHover .post figure figcaption::before,
.galleryHover .post figure figcaption::after {
	pointer-events: none;
}
.galleryHover .post figure figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    z-index: 2;
}
.galleryHover figure .postMenu {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,200%,0);
    transform: translate3d(0,200%,0);
    font-size: var(--font-14);
    font-weight: var(--fw-light);
    opacity: 0;
}
.galleryHover figure .postTitle {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,200%,0);
    transform: translate3d(0,200%,0);
    font-size: var(--font-25);
    font-weight: var(--fw-bold);
    opacity: 0;
}
.galleryHover figure:hover figcaption,
.galleryHover figure:hover .postTitle,
.galleryHover figure:hover .postMenu {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
}
.galleryHover figure:hover .postMenu {
    opacity: 0.8;
}
.galleryHover figure:hover .postMenu {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.galleryHover figure:hover .postTitle {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
    /* 갤러리 > 호버 이펙트형 미디어쿼리 */
    @media all and (max-width: 1199px) {
        .galleryHover {
            grid-gap: var(--space-30);
        }
    }
    @media all and (max-width: 1023px) {
        .galleryHover {
            grid-template-columns: repeat(3, 1fr);
            grid-gap: var(--space-20);
        }
    }
    @media all and (max-width: 767px) {
        .galleryHover {
            grid-template-columns: repeat(2, 1fr);
            grid-gap: var(--space-10);
        }
    }
    


/* news */
.galleryHorizontal {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
}
.galleryHorizontal .post:not(:last-of-type) {
    border-bottom: var(--border);
}
.galleryHorizontal .post {
    display: flex;
    align-items: center;
    padding: var(--space-30) 0
}
.galleryHorizontal .post .postImg {
    flex: 0 0 20%;
    display: block;
    position: relative;
    height: 0;
    padding-bottom: 15%;
    overflow: hidden;
}
.galleryHorizontal .post .postImg img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: var(--transition);
}
.galleryHorizontal .post .postContent {
    flex: 1 0 80%;
    padding:0 var(--space-80);
}
.galleryHorizontal .post .postContent .postTitle {
    margin-bottom: var(--space-30);
    font-size: var(--space-25);
    font-weight: var(--fw-bold);
    color: var(--color-deep);
}
.galleryHorizontal .post .postContent .postTitle a:hover {
    color: var(--color-primary);
}
.galleryHorizontal .post .postContent .postImg a:hover img {
    transform: scale(1.02);
}
.galleryHorizontal .post .postContent .postTitleSub {
    line-height: 1.4;
}
.galleryHorizontal .post .postContent .postDate {
    font-size: var(--font-15);
    display: block;
    margin-top: var(--space-40);
    color: var(--color-text);
}



/* 게시글 상세보기 */
.boardView {
    border-top: 2px solid transparent;
    background-color: var(--color-light-fcf);
    padding: 6.5% 6.5%
}
/* .boardView .viewHead,
.boardView .viewFile,
.boardView .viewContent  {
    padding: var(--space-40);
} */
.boardView .viewHead {
    border-bottom: var(--border);
    text-align: center;
    padding-bottom: var(--space-50)
}
.boardView .viewTitle {
    font-size: var(--font-40);
    margin-bottom: var(--space-25);
    font-weight: var(--fw-bold);
    word-wrap: break-word;
    color: var(--color-black);
}
.boardView .viewDate {
    color:var(--color-text)
}
.boardView .postTitleSub {
    font-size: var(--font-25);
    color: var(--color-basic);
    font-weight: var(--fw-medium);
    display: block;
}
.boardView .period {
    font-size: var(--font-20);
    margin-top: var(--space-30);
    color:var(--color-primary);
    display: block;
}
.boardView .viewFile {
    display: flex;
    flex-wrap: wrap;
    background-color: var(--color-gray);
    padding-top: var(--space-10);
    padding-bottom: var(--space-10);
}
.boardView .viewFile .fileList {
    padding: var(--space-10) var(--space-20);
    font-size: var(--font-15);
    border:var(--border);
    background-color: var(--color-white);
    display: flex;
    align-items: center;
    color: var(--color-gray99);
    border-radius: 10000px;
}
.boardView .viewFile .fileList:not(:last-of-type) {
    margin-right: var(--space-10);
}
.boardView .viewFile .fileList svg {
    width: 15px;
    margin-right: var(--space-10)
}
.boardView .viewFile .fileList svg Path {
    fill: #535353
}
.boardView .viewFile .fileList:hover {
    border:1px solid #535353;
    color: #535353;
}
.boardView .viewContent {
    font-size: var(--font-18);
    font-weight: var(--fw-normal);
    text-align: center;
    padding: var(--space-60) 0 var(--space-80)
}
.boardView .viewContent * {
    word-break: break-word;
    font-family: inherit !important;
    font-size: inherit !important;
}
.boardView .viewContent img {
    width: auto;
    margin:0 auto
}
    /* 게시글 상세보기 미디어쿼리 */
    @media (max-width: 1200px) {
        .boardView .viewHead {
            padding-bottom: var(--space-40)
        }
        .boardView .viewContent {
            padding: var(--space-40) 0 var(--space-70);
        }
        .boardView .viewTitle {
            font-size: var(--font-30);
        }
        .boardView .viewContent img {
            width: 100%;
            max-width: auto !important;
        }
    }
    @media (max-width: 1000px) {
        .boardView {
            padding: 7% 8%
        }
        .boardView .viewHead {
            padding-bottom: var(--space-35)
        }
        .boardView .viewTitle {
            font-size: var(--font-25);
            margin-bottom: var(--space-15);
        }
        .boardView .viewContent {
            padding: var(--space-35) 0 var(--space-70);
            font-size: var(--font-16)
        }
        .boardView .postTitleSub {
            font-size: var(--font-18);
        }
        .boardView .period {
            font-size: var(--font-18);
        }
    }
    @media (max-width: 640px) {
        .boardView {
            padding: 8% 5%
        }
        .boardView .viewHead {
            padding-bottom: var(--space-25)
        }
        .boardView .viewTitle {
            font-size: var(--font-20);
            margin-bottom: var(--space-20)
        }
        .boardView .viewDate {
            font-size: var(--font-14);
        }
        .boardView .postTitleSub {
            font-size: var(--font-16);
        }
        .boardView .viewContent {
            padding: var(--space-30) 0 var(--space-50);
            font-size: var(--font-16)
        }
        .boardView .period {
            font-size: var(--font-15);
            margin-top: var(--space-20);
        }
        .boardView .viewFile .fileList {
            padding: var(--space-8) var(--space-10);
            font-size: var(--font-14);
        }
        .boardView .viewFile .fileList svg {
            width: 13px;
            margin-right: var(--space-5)
        }
    }

/* Board Form */
.boardForm .inputArea {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0 var(--space-10);
}
.boardForm .inputBox {
    height:65px;
    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:63px;
    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 .file_attach {
    width: calc(100% - 180px);
    height: 62px;
    padding-left: var(--space-20);
    background-color: var(--color-gray);
}
.boardForm .fileInput .file_attach::placeholder {
    color: var(--color-dark);
    font-weight: var(--fw-medium);
}
.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: 8px;
    top: 8px;
    width:103px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
    background-color: var(--color-graye1);
    font-size: var(--font-16);
    font-weight: var(--fw-normal);
    color: var(--color-dark)
}
.boardForm .fileInput label:hover {
    background-color: var(--color-dark);
    color:var(--color-white)
}
.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: 8px;
    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: 393px;
    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-white);
    --disabled: #F6F8FF;
    --disabled-inner: #E1E6F9;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 23px;
    height: 10px;
    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;
    border:0
}
.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: -6px;
    top: -3px;
    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: 16px;
    background-color: var(--color-dark);
}
/* .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);
    font-weight: var(--fw-bold);
}
    /* Contact 미디어쿼리 */
    @media all and (max-width: 1199px) {
        .boardForm .inputArea {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    @media all and (max-width: 1023px) {
        .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 .inputBox.inputPolicy {
            height:230px;
        }
    }
    @media all and (max-width: 767px) {
        .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)
        }
        .agree-box span {
            margin-left: var(--space-5);
        }
        .boardForm .fileInput .file_attach {
            height: 48px;
            padding-left: var(--space-10);
            margin-right:54px
        }
        .boardForm .fileInput label {
            font-size: var(--font-12);
            width: 20%;
            top: 2px;
            right: 2px;
            height: 45px
        }
        .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)
        }
    }

/* 문의하기 FlexBox 타입 */
.inquiry {
    background-color: var(--color-beige);
}
.inquiry .content {
    background-color: var(--color-white);
    padding: 6.5% 5.5%
}
.inquiry .flex-box {
    display: flex;
}
.inquiry .flex-title {
    width: 20%;
}
.inquiry .boardFormA {
    width: 80%;
    border-left: var(--border);
    padding-left: 5.5%
}
.boardFormA .inputBox {
    position: relative;
    margin-bottom: var(--space-80);
    transition: all 0.3s;
    padding-left: var(--space-35);
}
.boardFormA .inputBox:last-of-type {
    margin-bottom: 0
}
.boardFormA .inputTitle {
    font-size: var(--font-18);
    margin-bottom: var(--space-22);
    display: flex;
    align-items: center;
    color: var(--color-dark);
    font-weight: var(--fw-bold);
    width: 100%;
}
.boardFormA .inputTitle .essentialMak {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--color-primary);
    margin-right: var(--space-15);
    position: absolute;
    left: 0
}
.boardFormA .inputTitle .essentialMak svg path {
    stroke: #A45F22;
}
.boardFormA .inputStyle,
.boardFormA .inputPolicy {
    width: 100%;
    color: var(--color-dark);
    font-size: inherit;
    background-color: var(--color-beige-f2);
}
.boardFormA .inputStyle[type="text"],
.boardFormA .fileInput .file_attach {
    height:50px;
    padding-left: var(--space-15);
}
.boardFormA .inputTextarea textarea {
    height: 250px;
    padding: var(--space-15)
}
.boardFormA .inputStyle[type="text"]::placeholder,
.boardFormA .inputTextarea textarea::placeholder,
.boardFormA .fileInput .file_attach::placeholder {
    font-size: var(--font-16);
    font-weight: var(--fw-light);
    color:var(--color-darkgray);
}
.boardFormA .inputBox input,
.boardFormA .inputBox textarea {
    border: 1px solid var(--color-beige-f2);
    transition: var(--transition);
}
.boardFormA .inputBox input:hover,
.boardFormA .inputBox input:focus,
.boardFormA .inputBox textarea:hover,
.boardFormA .inputBox textarea:focus {
    border: 1px solid var(--color-primary);
}
.boardFormA .inputTextarea,
.boardFormA .inputPolicy {
    width:100% !important;
    align-items: flex-start;
    flex-direction: column;
}
.boardFormA .inputTextarea > label,
.boardFormA .inputTextarea > strong {
    width:100% !important;
    max-width: 100% !important;
    border-right:0;
    border-bottom: 0;
}
.boardFormA .fileInput {
    width: 100%;
    padding-right: 0;
    position: relative;
}
.boardFormA .fileInput .file_attach {
    width: calc(100% - 92px);
    color: var(--color-dark);
    font-weight: var(--fw-bold);
}
.boardFormA .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: 0;
    top: 0;
    width:92px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
    background-color: var(--color-basic);
    font-size: var(--font-15);
    color:var(--color-white)
}
.boardFormA .fileInput label:hover {
    background-color: var(--color-dark);
}
.boardFormA .fileInput input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
   /* 자동등록방지 */
.boardFormA .captcha-input {
    display: flex;
    align-items: center;
}
.boardFormA .captcha-input img {
    cursor: pointer;
    width: 160px;
    height: 50px;
} 
/* 개인정보수집 동의 */
.boardFormA .inputPolicy {
    color: var(--color-basic);
    padding: var(--space-25)
}
.boardFormA .inputPolicy .inputPrivacy {
    width:100%;
    height:300px;
    overflow-y:scoll;
    overflow-x:hidden;
    padding-bottom: 0;
    text-align: left;
}
.boardFormA .inputPolicy .inputPrivacy .policyContent {
    margin-right: var(--space-20)
}
.boardFormA .inputPolicy .inputPolicyAgree {
    margin-top: var(--space-20);
    padding-top: var(--space-15);
    border-top: var(--border);
    display: flex;
    justify-content: flex-end;
}
/* 문의내용 체크박스 */
.boardFormA .checkboxArea ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.boardFormA .checkboxArea ul > li {
    display: flex;
    align-items: center;
    margin-right: 5.5%;
    white-space: nowrap;
}
.en .boardFormA .checkboxArea ul > li {
    padding: var(--space-5) 0
}
.boardFormA .checkboxArea input {
    width:18px;
    height: 18px;
    background-color: var(--color-gray-e5);
}
.boardFormA .checkboxArea label {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-weight: var(--fw-medium);
    color: var(--color-dark);
}
.en .boardFormA .checkboxArea label {
    font-size: var(--font-15);
}
.boardFormA .checkboxArea .checkbox {
    position: relative;
    margin: 0 9px 0 0;
    cursor: pointer;
}
.boardFormA .checkboxArea .checkbox:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    z-index: 1;
    width: 12px;
    height: 8px;
    border: 2px solid var(--color-white);
    border-top-style: none;
    border-right-style: none;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -moz-transition: -moz-transform 0.3s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.3s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: rotate(-45deg) scale(0, 0);
    -moz-transform: rotate(-45deg) scale(0, 0);
    -ms-transform: rotate(-45deg) scale(0, 0);
    -o-transform: rotate(-45deg) scale(0, 0);
    transform: rotate(-45deg) scale(0, 0);
}
.boardFormA .checkboxArea .checkbox:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background: transparent;
    cursor: pointer;
}
.boardFormA .checkboxArea .checkbox:checked:before {
    -webkit-transform: rotate(-45deg) scale(1, 1);
    -moz-transform: rotate(-45deg) scale(1, 1);
    -ms-transform: rotate(-45deg) scale(1, 1);
    -o-transform: rotate(-45deg) scale(1, 1);
    transform: rotate(-45deg) scale(1, 1);
}
.boardFormA .checkboxArea .checkbox:checked {
    background: var(--color-primary);
}
    /* Contact 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .boardFormA .checkboxArea ul > li {
            margin-right: 4%;
        }
        .boardFormA .inputBox {
            margin-bottom: var(--space-60);
        }
    }
    @media all and (max-width: 1000px) {
        .inquiry .boardFormA {
            padding-left: 5.5%;
        }
        .inquiry .flex-box {
            flex-wrap: wrap;
        }
        .inquiry .flex-title {
            display: none;
        }
        .inquiry .boardFormA {
            width: 100%;
            border-left: 0;
            padding-left: 0;
        }

        .boardFormA .inputBox {
            margin-bottom: var(--space-50);
        }
        .board-form .checkboxArea {
            flex-direction: column;
            align-items: flex-start;
        }
        .board-form .checkboxArea ul {
            width:100%;
        }
        .board-form .checkboxArea ul > li,
        .board-form .checkboxArea ul > li:first-child {
            margin-left:0
        }
    }
    @media all and (max-width: 640px) {
        .boardFormA .inputTitle .essentialMak svg,
        .boardFormA .inputTitle .essentialMak img {
            width: 18px;
        }
        .boardFormA .inputBox {
            margin-bottom: var(--space-40);
            padding-left: var(--space-25);
        }
        .boardFormA .inputTitle {
            font-size: var(--font-16);
            margin-bottom: var(--space-15);
        }
        .boardFormA .inputStyle[type="text"],
        .boardFormA .fileInput .file_attach {
            height: 40px;
            padding-left: var(--space-8);
        }
        .boardFormA .inputTextarea textarea {
            height: 200px
        }
        .boardFormA .inputStyle[type="text"]::placeholder,
        .boardFormA .inputTextarea textarea::placeholder,
        .boardFormA .fileInput .file_attach::placeholder {
            font-size: var(--font-14);
        }
        .boardFormA .inputTitle.inp {
            align-items: flex-start;
        }
        .boardFormA .captcha-input img {
            width: 120px;
            height: 40px;
        }
        .boardFormA .fileInput label {
            font-size: var(--font-12);
            width: 55px;
        }
        .boardFormA .inputPolicy {
            padding: var(--space-15);
        }
        .boardFormA .inputBox.inputPolicy {
            height:230px;
        }
        .boardFormA .inputPolicy .inputPrivacy * {
            font-size: var(--font-14)
        }
        .boardFormA .inputPolicy .agree-box span {
            margin-left: var(--space-7);
        }
        .boardFormA .checkboxArea .checkbox {
            margin-right: 8px
        }
        .boardFormA .checkboxArea label {
            font-size: var(--font-15);
        }
        .boardFormA .checkboxArea ul {
            flex-direction: column;
            align-items: flex-start;
        }
        .boardFormA .checkboxArea ul > li {
            margin-right: 0;
        }
        .en .boardFormA .checkboxArea ul > li {
            padding: 0
        }
        .boardFormA .checkboxArea ul > li:not(:last-child) {
            margin-bottom: var(--space-8)
        }
        .boardFormA .inputPolicy .inputPolicyAgree {
            margin-top: var(--space-15);
            padding-top: var(--space-10);
        }
    }

/* FAQ */
.faqList {
    border-top: var(--border)
}
.faqList .list {
    border-bottom: var(--border);
    cursor: pointer;
}
.faqList .questions,
.faqList .answer {
    display: flex;
    padding: var(--space-22) var(--space-50);
    position: relative;
}
.faqList .icon {
    flex: 0 0 50px;
    height: 32px;
    font-size: var(--font-15);
    font-weight: var(--fw-bold);
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius);
    margin-right: 3.5%
}
.faqList .questions .icon {
    background-color: var(--color-primary);
}
.faqList .answer .icon {
    background-color: var(--color-basic);
}
.faqList .faqText {
    flex: 1 0 auto;
    font-size: var(--font-18);
}
.faqList .questions .faqText {
    font-weight: var(--fw-semibold);
}
.faqList .questions {
    align-items: center;
}
.faqList .questions .arrow {
    display: block;
    position: absolute;
    transform: rotate(-180deg);
    transition: var(--transition);
    right: var(--space-50);
    width: 14px;
}
.faqList .questions .arrow.on {
    transform: rotate(0);
}
.faqList .answer {
    background-color: var(--color-gray-light);
}
.faqList .answer .faqText {
    margin-top: var(--space-5);
}
    /* FAQ 미디어쿼리 */
    @media all and (max-width:1000px) {
        .faqList .questions,
        .faqList .answer {
            padding: var(--space-20)
        }
        .faqList .questions .arrow {
            width:15px;
        }
    }
    @media all and (max-width:640px) {
        .faqList .questions,
        .faqList .answer {
            padding: var(--space-15) var(--space-10)
        }
        .faqList .icon {
            flex: 0 0 30px;
            height: 20px;
            font-size: var(--font-11);
        }
        .faqList .faqText {
            font-size: var(--font-15);
        }
        .faqList .faqText {
            flex: 1 0 calc(100% - 30px);
        }
        .faqList .answer .faqText {
            margin-top: var(--space-2)
        }
        .faqList .questions .arrow {
            right: var(--space-10);
            width:10px;
        }
    }

/* 검색영역 */
.search-area {
    display: flex;
    justify-content: center;
    margin-bottom: var(--space-60);
}
.search-area form {
    display: flex;
    width: 100%;
    max-width: 437px;
    background-color: var(--color-gray-light);
    border-radius: var(--border-radius);
    overflow: hidden;
}
.search-area .form-input,
.search-area .form-select,
.search-area .form-button {
    height:57px;
}
.search-area .form-input,
.search-area .form-select {
    padding: 0 var(--space-10);
    border-right: 0;
    color: var(--color-basic);
    font-size: var(--font-16);
}
.search-area .form-select {
    flex: 0 1 100px;
    padding: 0 var(--space-20);
    background-position: right var(--space-10) center;
    background-size: 11px auto;
    background-image: url("/views/board/bootstrap/images/icon-select.svg") ;
    background-repeat: no-repeat;
    background-color: transparent;
}
.search-area .form-input {
    flex: 1 1 auto;
    background-color: transparent;
}
.search-area .form-button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 0 0 40px;
    background: transparent;
}
.search-area .form-button img {
    width:18px;
}
    /* search-area 미디어쿼리 */
    @media all and (max-width: 1200px) {
        .search-area {
            justify-content: center;
            margin-bottom: var(--space-40);
        }
        .search-area form {
            max-width: 400px;
        }
        .search-area .form-select,
        .search-area .form-input,
        .search-area .form-button {
            height: 55px;
        }
        .search-area .form-select,
        .search-area .form-input {
            padding: 0 var(--space-18);
            font-size: var(--font-15);
        }
        .search-area .form-select {
            flex: 0 1 100px;
            background-position: right var(--space-18) center;
        }
        .search-area .form-button {
            flex: 0 0 55px;
        }
        .search-area .form-button img {
            width: 20px;
        }
    }
    @media all and (max-width: 1000px) {
        .search-area {
            justify-content: center;
            margin-bottom: var(--space-30);
        }
        .search-area form {
            max-width: 380px;
        }
        .search-area .form-select,
        .search-area .form-input,
        .search-area .form-button {
            height: 50px;
        }
        .search-area .form-select,
        .search-area .form-input {
            padding: 0 var(--space-10);
        }
        .search-area .form-select {
            background-position: right var(--space-10) center;
        }
        .search-area .form-select {
            flex: 0 1 80px;
        }
        .search-area .form-button {
            flex: 0 0 50px;
        }
        .search-area .form-button img {
            width: 15px;
        }
    }
    @media all and (max-width: 640px) {
        .search-area {
            margin-bottom: var(--space-20)
        }
        .search-area form {
            max-width: 80%;
        }
        .search-area .form-select,
        .search-area .form-input,
        .search-area .form-button {
            height: 40px;
        }
        .search-area .form-select,
        .search-area .form-input {
            font-size: var(--font-13);
        }
        .search-area .form-select {
            flex: 0 0 70px;
            background-size: 8px auto;
        }
        .search-area .form-input {
            min-width: 0;
        }
        .search-area .form-button {
            flex: 0 0 40px;
        }
        .search-area .form-button img {
            width: 13px;
        }
    }

/* 게시판 하단 & 버튼 */
.boardBottom {
    display: flex;
    justify-content: center;
    border-top: var(--border);
    padding-top: var(--space-50);
}
.boardBottom .btnSubmit {
    width: 100px;
    height: 37px;
    font-size: var(--font-13);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    border: 1px solid var(--color-black);
    background-color: var(--color-black);
    list-style: none;
}
.boardBottom .btnSubmit:hover {
    transform: translateY(5px)
}
    /* 게시판 하단 & 버튼 미디어쿼리 */
    @media all and (max-width:1200px) {
        .boardBottom {
            margin-top: var(--space-40);
        }
    }
    @media all and (max-width:1000px) {
        .boardBottom .btnSubmit {
            width: 80px;
            height: 80px;
            font-size: var(--font-20);
        }
    }
    @media all and (max-width:640px) {
        .boardBottom {
            margin-top: var(--space-30);
        }
        .boardBottom .btnSubmit {
            width: 65px;
            height: 65px;
            font-size: var(--font-15);
        }
    }

/* 페이징 */
.pagination {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: var(--space-70)
}
.pagination .pagingNumber {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--color-dark);
    margin: 0 var(--space-5);
    font-size: var(--font-16);
    font-weight: var(--fw-normal);
    border-radius: var(--border-radius);
    transition: var(--transition);
}
.pagination .current,
.pagination .pagingNumber:hover {
    color: var(--color-white);
    font-weight: var(--fw-bold);
    background-color: var(--color-dark);
}
.pagination .pagingPrev,
.pagination .pagingNext {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.pagination .pagingNext {
    margin-left: var(--space-10)
}
.pagination .pagingPrev {
    margin-right: var(--space-10)
}
.pagination .pagingPrev a:hover,
.pagination .pagingNex a:hover {
    opacity: 0.5;
}
.pagination .pagingPrev img,
.pagination .pagingNext img {
    width: 8px
}
    /* 페이징 미디어쿼리 */
    @media all and (max-width: 1199px) {
        .pagination {
            margin-bottom: var(--space-50)
        }
    }
    @media all and (max-width: 1023px) {
        .pagination {
            margin-bottom: var(--space-40)
        }
    }
    @media all and (max-width:767px) {
        .pagination {
            margin-top: var(--space-30)
        }
        .pagination .pagingNumber {
            width: 20px;
            height: 20px;
            margin: 0 var(--space-2);
            font-size: var(--font-14);
        }
        .pagination .pagingPrev img,
        .pagination .pagingNext img {
            width: 6px
        }
    }

/* 페이징 > 더보기형 */
/* .paginationMore {
    width:380px;
    height: 90px;
    margin:auto;
    margin-top: var(--space-100);
    font-size: var(--font-18);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border:2px solid var(--color-dark);
    transition: var(--transition);
    font-weight: var(--fw-bold);
}
.paginationMore:hover {
    background-color: var(--color-lightgray);
} */
    /* 페이징 > 더보기형 미디어쿼리 */
    /* @media all and (max-width:1199px) {
        .paginationMore {
            width:300px;
            height: 80px;
            margin-top: var(--space-60);
        }
    }
    @media all and (max-width:1023px) {
        .paginationMore {
            width:200px;
            height: 60px;
            margin-top: var(--space-50);
            font-size: var(--font-16);
        }
    }
    @media all and (max-width:767px) {
        .paginationMore {
            width:160px;
            height:50px;
            margin-top: var(--space-30);
            font-size: var(--font-15);
        }
    } */


    
/* 개인정보처리방침 */
.privacy h3 {
    font-weight: var(--fw-bold);
    padding: var(--space-40) 0 0;
    color: var(--color-dark);
}
.privacy h4 {
    margin-top:var(--space-20)
}
.en .privacy h3 {
    font-size: var(--font-16);
}
.privacy p,
.privacy th,
.privacy td,
.privacy li {
    color: var(--color-dark);
    line-height: 1.5;
    font-size: var(--font-15);
    font-weight: var(--fw-normal)
}
.privacy a {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
}
.privacy ul,
.privacy ol {
    margin-top: var(--space-10);
}
.privacy li > ol,
.privacy li > ul {
    margin-top: var(--space-5);
    margin-bottom: var(--space-10);
}
.privacy li {
    position: relative;
    margin-bottom: var(--space-5);
}
.privacy p {
    margin-top: var(--space-10);
}
.privacy .brace-list > li {
    padding-left: var(--space-20);
}
.privacy .line-list > li {
    padding-left: var(--space-10);
}
.privacy .hangul-list > li {
    padding-left: var(--space-20);
}
.privacy .number-list > li {
    padding-left: var(--space-20);
}
.privacy .brace-list > li::before,
.privacy .line-list > li::before,
.privacy .hangul-list > li::before,
.privacy .number-list > li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.4;
    font-size: inherit;
}
.privacy .hangul-list > li::before,
.privacy .number-list > li::before {
    line-height: 1.5;
}
.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 .hangul-list > li:nth-child(1)::before {
    content:"가.";
}
.privacy .hangul-list > li:nth-child(2)::before {
    content: "나.";
}
.privacy .hangul-list > li:nth-child(3)::before {
    content: "다.";
}
.privacy .hangul-list > li:nth-child(4)::before {
    content: "라.";
}
.privacy .hangul-list > li:nth-child(5)::before {
    content: "마.";
}
.privacy .number-list > li:nth-child(1)::before {
    content:"1.";
}
.privacy .number-list > li:nth-child(2)::before {
    content: "2.";
}
.privacy .number-list > li:nth-child(3)::before {
    content: "3.";
}
.privacy .number-list > li:nth-child(4)::before {
    content: "4.";
}
.privacy .number-list > li:nth-child(5)::before {
    content: "5.";
}
.privacy .table {
    margin:  var(--space-15) 0;
    border: var(--border);
    border-width: 1px 1px 0 1px;
}
.privacy .table td,
.privacy .table th {
    border-bottom: var(--border);
    text-align: left;
    padding: var(--space-5) var(--space-10);
}
.privacy .table td:first-child,
.privacy .table th:first-child {
    border-right: var(--border);
}
.privacy .table th {
    background-color: var(--color-gray);
}
    /* 이용약관 미디어쿼리 */
    @media all and (max-width:640px) {
        .privacy h3 {
            font-size: var(--font-16);
            padding: var(--space-30) 0 0
        }
        .privacy p,
        .privacy th,
        .privacy td,
        .privacy li,
        .privacy .brace-list > li::before, 
        .privacy .line-list > li::before,
        .privacy .hangul-list > li::before ,
        .privacy .number-list > li::before {
            font-size: var(--font-15)
        }
        .en .privacy p,
        .en .privacy th,
        .en .privacy td,
        .en .privacy li,
        .en .privacy .brace-list > li::before, 
        .en .privacy .line-list > li::before,
        .en .privacy .hangul-list > li::before ,
        .en .privacy .number-list > li::before {
            font-size: var(--font-14)
        }
    }