/* TOP */
.sec-subvisual.sub8-1 { background-image: url('../img/visual_sub1.png'); }
.sec-subvisual.sub8-2 { background-image: url('../img/visual_sub2.png'); }
.sec-subvisual.sub8-3 { background-image: url('../img/visual_sub3.png'); }
.sec-submenu.sub8 .submenu li { width: calc(100% / 3); }

@media all and (max-width: 800px) {
    .sec-subvisual.sub8-1 { background-image: url('../img/m_visual_sub1.png'); }
    .sec-subvisual.sub8-2 { background-image: url('../img/m_visual_sub2.png'); }
    .sec-subvisual.sub8-3 { background-image: url('../img/m_visual_sub3.png'); }
}

/* SUB 8: 후기/상담 */

/* 온라인상담 */
.sec-counsel { background: #FAF7F4; }
.sec-counsel .inner { flex-flow: column; padding: 65px 20px 120px; }
.sec-counsel h3 { padding-bottom: 40px; font-size: 15px; font-weight: 500; letter-spacing: .3em; color: #5E4F44; }
.sec-counsel .card { max-width: 1060px; width: 100%; padding: 70px 126px 55px; background: #fff; box-shadow: 6px 8px 16px 0 rgba(73, 73, 75, 0.06); }
.sec-counsel input:not([type=checkbox]) { width: 100%; height: 47px; padding: 4px 14px; box-sizing: border-box; outline: 0; border: 1px solid #cfd0d1; font-family: 'Pretendard', sans-serif;  font-size: 18px; font-weight: 500; }
.sec-counsel textarea { width: 100%; max-height: 300px; min-height: 47px; padding: 10px 14px; box-sizing: border-box; resize: vertical; outline: 0; border: 1px solid #cfd0d1; font-family: 'Pretendard', sans-serif; font-size: 18px; font-weight: 500; resize: none; }
.sec-counsel select { width: 100%; height: 47px; padding: 4px 32px 4px 12px; outline: 0; border: 1px solid #cfd0d1; text-overflow: ellipsis; font-family: 'Pretendard', sans-serif; font-size: 18px; font-weight: 500; background: #fff url('../img/ic_selectArrow.png') no-repeat calc(100% - 14px) 50%; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.sec-counsel select::-ms-expand { display: none; }
.sec-counsel .form-group { display: flex; }
.sec-counsel .form-group:not(.first) { margin-top: 33px; }
.sec-counsel .label-text { width: 100px; min-width: 100px; position: relative; padding: 13px 0; font-size: 18px; font-weight: 600; color: #484745; }
.sec-counsel .label-text.required:after { content: "*"; padding-left: 4px; font-size: 18px; font-weight: 400; color: #cc100b; }
.sec-counsel .input-connect { width: 30px; min-width: 30px; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 500; color: #9f9f9f; }
.sec-counsel .input-group { width: 100%; display: flex; align-items: center; }
.sec-counsel .input-group.sm { max-width: 353px; }
.sec-counsel .input-group.md { max-width: 474px; }
.sec-counsel .check-group { padding-top: 40px; }
.sec-counsel .check-group > div:not(:first-child) { padding-top: 16px; }
.sec-counsel .check-group label { padding-left: 7px; font-size: 15px; color: #767676; }
.sec-counsel .check-group input[type=checkbox] { margin: 0; }
.sec-counsel .check-group a { text-decoration: underline; text-underline-position: under; }
.sec-counsel .notice-text { font-size: 16px; color: #484745; }
.sec-counsel .notice-text .required { color: #cc100b; }
.sec-counsel .btn-group { padding-top: 65px; }
.sec-counsel .btn-group a { width: 230px; height: 42px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 600; color: #fff; }
.sec-counsel .confirm-btn { background: #5E4F44; }
.sec-counsel .back-btn { background: #9bb6f8; }

@media all and (max-width: 800px) {
    .sec-counsel .inner { padding: 65px 40px 120px; }
    .sec-counsel .card { padding: 50px 60px 55px; }
    .sec-counsel .input-group.sm { max-width: 100%; }

    .sec-counsel .btn-group { width: 100%; }
    .sec-counsel .btn-group a { width: 50%; }
}
@media all and (max-width: 640px) {
    .sec-counsel .inner { padding: 12.5vw 6.25vw 15.625vw; }
    .sec-counsel h3 { padding-bottom: 6.25vw; font-size: 3.4375vw; }
    .sec-counsel .notice-text { font-size: 3.4375vw; }
    .sec-counsel .label-text { font-size: 3.4375vw; }
    .sec-counsel .label-text.required:after { font-size: 3.4375vw; }
    .sec-counsel select { font-size: 3.4375vw; background-position: calc(100% - 2.5vw) 50%; }
    .sec-counsel .check-group label { font-size: 3.4375vw; }
    .sec-counsel .btn-group a { font-size: 3.75vw; height: 8.125vw; }
    .sec-counsel .btn-group a:not(:first-child) { margin-left: 3.75vw; }
    .sec-counsel .card { padding: 9.375vw 6.25vw; }
    .sec-counsel .form-group { flex-direction: column; }
    .sec-counsel .form-group:not(.first) { margin-top: 6.25vw; }
    .sec-counsel .label-text { padding: 0 0 2.5vw; }
    .sec-counsel select, .sec-counsel input:not([type=checkbox]) { height: 11.25vw; font-size: 3.4375vw; }
    .sec-counsel .input-connect { width: 4.6875vw; min-width: 4.6875vw; }
    .sec-counsel select { padding: 0 5vw 0 2.5vw; background-size: 2.5vw; }
    .sec-counsel textarea { height: 22.5vw; padding: 2.5vw; font-size: 3.4375vw; }
    .sec-counsel input:not([type=checkbox]) { padding: 0 2.5vw; }
    .sec-counsel .btn-group { padding-top: 9.375vw; }
    .sec-counsel .btn-group a { width: 100%; height: 12.5vw; font-size: 4.6875vw; }
}
@media all and (max-width: 560px) {
    
}


/* 자필후기 */
.sec-review { padding-bottom: 120px; background: #FAF7F4; }
.sec-review .inner { max-width: 1316px; padding: 115px 0px 0; }
.sec-review .review-wrap { position: relative; margin-bottom: 80px; border-bottom: 1px solid #cfd0d1; }
.sec-review .review-wrap .divider { position: absolute; left: 50%; top: -58px; width: 440px; height: calc(100% + 58px); border-left: 1px solid #cfd0d1; border-right: 1px solid #cfd0d1; transform: translateX(-50%); }
.sec-review .card-wrap { display: flex; flex-wrap: wrap; margin-bottom: 80px; }
.sec-review .card { width: calc(100%/3); padding: 19px 20px 20px; }
.sec-review .card:hover { padding: 13px 14px 14px; border: 6px solid #5E4F44; border-radius: 16px; background: #fff; }
.sec-review .card:nth-child(n+4) { margin-top: 50px; }
.sec-review .card .img-wrap { width: 100%; }
.sec-review .card .img-wrap img { width: 100%; height: 100%; object-fit: cover; }
.sec-review .card-header { position: relative; display: flex; align-items: center; padding: 15px 0; border-bottom: 1px solid #d2d2d2; transition: opacity .5s; }
.sec-review .card-header .arrow { position: absolute; top: 50%; right: 9px; display: block; width: 19px; height: 8px; background: url('../img/ic_arrow.png'); transform: translateY(-50%); opacity: 0; transition: .5s; }
.sec-review .card:hover .card-header .arrow { opacity: 1; }
.sec-review .card .number { display: inline-flex; align-items: center; justify-content: center; padding: 3px 11px; border-radius: 3px; background: #5E4F44; font-size: 14px; font-weight: 600; color: #fff; line-height: 1; }
.sec-review .card .title { padding: 0 38px 0 12px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; font-weight: 600; color: #191919; }
.sec-review .card-bottom { display: flex; align-items: center; justify-content: flex-end; }
.sec-review .card-bottom > div { display: inline-flex; align-items: center; padding-top: 10px; }
.sec-review .card-bottom > div:not(:first-child) { padding-left: 6px; }
.sec-review .card-bottom dt, .sec-review .card-bottom dd { font-size: 14px; font-weight: 300; }
.sec-review .card-bottom dt { color: #5c6b91; }
.sec-review .card-bottom dd { padding: 0 4px; color: #9e9e9e; }

@media all and (max-width: 800px) {
    .sec-review { padding-bottom: 100px; }
    .sec-review .inner { padding: 80px 40px 0; }
    .sec-review .review-wrap { margin-bottom: 60px; }
    .sec-review .review-wrap .divider { display: none; }
    .sec-review .card-wrap { margin-bottom: 40px; }
    .sec-review .card { width: 50%; }
    .sec-review .card:nth-child(n+3) { margin-top: 30px; }
    .sec-review .card .title { padding-right: 0; }
}
@media all and (max-width: 640px) {
    .sec-review .inner { padding: 60px 6.25vw 0; }
    .sec-review .card { padding: 3.75vw; }
    .sec-review .card:hover { padding: 2.8125vw; border: 0.9375vw solid #5E4F44; }
    .sec-review .card .number, 
    .sec-review .card-bottom dt, .sec-review .card-bottom dd { font-size: 3.4375vw; }
    .sec-review .card .title { font-size: 3.9063vw; }

    .sec-review .card { width: 100%; }
    .sec-review .card:nth-child(n+2) { margin-top: 24px; }
}
@media all and (max-width: 560px) {
    .sec-review .inner { padding: 50px 20px 0; }
}


/* 목록 하단 페지네이션 */
.board-pagination a { display: block; margin: 0 16px; color: #a7a7a7; font-size: 1.5em; font-weight: 500; }
.board-pagination a.active { color: #5E4F44; font-weight: 700; }
.board-pagination a.page-btn { width: 25px; height: 25px; margin: 0; font-size: 0; background: no-repeat center/cover; }
.board-pagination a.page-btn.go-first { margin-right: 7px; background-image: url('../img/btn_pprev.png'); }
.board-pagination a.page-btn.go-prev { margin-right: 10px; background-image: url('../img/btn_prev.png'); }
.board-pagination a.page-btn.go-next { margin-left: 10px; background-image: url('../img/btn_next.png'); }
.board-pagination a.page-btn.go-last { margin-left: 7px; background-image: url('../img/btn_nnext.png'); }

/* 게시글 세부 */
.sec-board_view { background: #FAF7F4; }
.sec-board_view .inner { max-width: 1200px; padding: 160px 0 140px; }
.sec-board_view .view-title { justify-content: space-between; padding: 28px 42px 28px 25px; margin-bottom: 20px; background: #fff; border-top: 1px solid #dbdbdb; -webkit-box-shadow: 10px 10px 16px 0px rgba(73,73,75,0.06); box-shadow: 10px 10px 16px 0px rgba(73,73,75,0.06); }
.sec-board_view .view-title .category { padding: 2px 10px; margin-right: 40px; color: #fff; font-size: 1.4em; font-weight: 600; border-radius: 3px; }
.sec-board_view .view-title .category.cat1 { background: #5E4F44; }
.sec-board_view .view-title .category.cat2 { background: #C4AA8B; }
.sec-board_view .view-title h3 { padding-right: 36px; font-size: 2.5em; font-weight: 700; }
.sec-board_view .view-title .date { font-size: 1.6em; font-weight: 300; }
.sec-board_view .view-title .hits { margin-left: 20px; font-size: 1.6em; font-weight: 300; }
.sec-board_view .view-title .date span, .sec-board_view .view-title .hits span { color: #5E4F44; }
.sec-board_view .view-cont { padding: 40px 25px; margin-bottom: 30px; font-size: 1.8em; line-height: 1.55; background: #fff; border-bottom: 1px solid #dbdbdb; -webkit-box-shadow: 10px 10px 16px 0px rgba(73,73,75,0.06); box-shadow: 10px 10px 16px 0px rgba(73,73,75,0.06); }
.sec-board_view .view-cont img { display: block; max-width: 100%; }
.sec-board_view .view-foot { text-align: right; }
.sec-board_view .view-foot a { display: inline-block; padding: 9px 62px; font-size: 1.8em; line-height: 1; border: 1px solid #595959; border-radius: 19px; }

@media all and (max-width: 800px) {
    .sec-board_view .inner { padding: 130px 40px 100px; }
    .sec-board_view .view-title .category { margin-right: 20px; }
    .sec-board_view .view-title .hits { margin-left: 15px; }
}
@media all and (max-width: 640px) {
    .sec-board_view .inner { padding: 15.625vw 6.25vw; }
    .sec-board_view .view-title { flex-direction: column; padding: 4.6875vw 6.25vw; }
    .sec-board_view .view-title .left { margin-bottom: 2.8125vw; }
    .sec-board_view .view-title .category { margin-right: 2.5vw; font-size: 2.5vw; }
    .sec-board_view .view-title .date, 
    .sec-board_view .view-title .hits { font-size: 3.4375vw; }
    .sec-board_view .view-cont {padding: 9.375vw 6.25vw;}
    .sec-board_view .view-cont,
    .sec-board_view .view-foot a { font-size: 3.4375vw; }
    .sec-board_view .view-foot { text-align: center; }
    .board-pagination a { margin: 0 1.5625vw; }
    .sec-board_view .view-title h3 { padding-right: 0; font-size: 3.9063vw; }
}
@media all and (max-width: 560px) {
}


/* AWARDS */
.sec-awards { background: #1d100a; }

/* 전후사진 */
.sec-photo { background: #FAF7F4; }
.sec-photo .inner { padding: 130px 0 120px; }
.sec-photo .board-pagination { padding-top: 80px; }
.sec-photo .divider { width: calc(100% + 9999px); height: 1px; display: flex; margin: 0 auto; transform: translateX(-50%); background: #cfd0d1; }

.sec-photo .photo-tab { padding-bottom: 60px; }
.sec-photo .photo-tab > li { width: 140px; height: 31px; margin: 0 10px; padding: 0 10px; display: inline-flex; align-items: center; justify-content: center; border-radius: 19px; border: 1px solid #5E4F44; font-size: 16px; color: #5E4F44; cursor: pointer; font-weight: 600; }
.sec-photo .photo-tab > li.active { background: #5E4F44; color: #fff; }

.sec-photo .slider-wrap { width: 100%; max-width: 1044px; margin: 0 auto; position: relative; }
.sec-photo .photo-slider { width: 100%; position: relative; margin: 0 auto; overflow: hidden; }
.sec-photo .swiper-slide { display: flex; align-items: center; }
.sec-photo .swiper-slide img { display: block; width: 100%; }

.sec-photo .photoTop-slider { max-width: 708px; height: 310px; margin: 0 auto 60px; }
.sec-photo .photoTop-slider .swiper-slide { justify-content: space-between; width: 100%; }
.sec-photo .photoTop-slider .swiper-slide .slide-in { width: calc(50% - 1px); height: 100%; }
.sec-photo .photoTop-slider .swiper-slide .slide-in .img { height: auto; }
.sec-photo .photoTop-slider .swiper-slide .slide-in .caption { display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; color: #fff; font-size: 1.8em; text-align: center; background: #5E4F44; }

.sec-photo .photoBottom-slider { max-width: 1198px; box-sizing: border-box; padding: 34px 0; }
.sec-photo .photoBottom-slider .swiper-slide { align-items: stretch; justify-content: space-between; padding: 6px; overflow: hidden; }
.sec-photo .photoBottom-slider .swiper-slide .slide-in { width: calc(50% - 1px); height: 100%; margin-top: -1px; }
.sec-photo .photoBottom-slider .swiper-slide-thumb-active { padding: 0; border-radius: 6px; border: 6px solid #5E4F44; }

.sec-photo .swiper-button-next, .sec-photo .swiper-button-prev { width: 66px; height: 66px; margin-top: 0; transform: translateY(-50%); border-radius: 50%; background: #fff; border: 1.5px solid #5E4F44; color: #5E4F44; }
.sec-photo .swiper-button-next { right: 0; }
.sec-photo .swiper-button-prev { left: 0; }
.sec-photo .swiper-button-next::after, .sec-photo .swiper-button-prev::after { font-size: 18px; font-weight: 900; }
.sec-photo .swiper-button-next.swiper-button-disabled, .sec-photo .swiper-button-prev.swiper-button-disabled { background: transparent; border-color: transparent; color: #999; opacity: 1; }

@media all and (max-width: 800px) {
    .sec-photo .inner { padding: 120px 40px; }
    .sec-photo .photoTop-slider, .sec-photo .photoBottom-slider { height: auto; }
    .sec-photo .slider-wrap { padding: 0 40px; }
    .sec-photo.bottom .btn-more { position: static; margin: 50px auto; }
    .sec-photo .swiper-button-next, .sec-photo .swiper-button-prev { background: none; border: 0; }
    .sec-photo .swiper-button-next { right: -28px; }
    .sec-photo .swiper-button-prev { left: -28px; }

    .sec-photo .photo-tab > li { width: calc((100% - 40px) / 4); height: 50px; margin: 0 4px; border-width: 1.5px; border-radius: 25px; }
    .sec-photo .swiper-button-next, .sec-photo .swiper-button-prev { width: 42px; height: 42px; background: none; border: 0; }
    .sec-photo .swiper-button-next { right: -20px; }
    .sec-photo .swiper-button-prev { left: -20px; }
}
@media all and (max-width: 640px) {
    .sec-photo .inner { padding: 15.625vw 6.25vw; }
    .sec-photo .slider-wrap { padding: 0 3.75vw; }
    .sec-photo .photo-tab { padding-bottom: 9.375vw; }
    .sec-photo .photo-tab > li { font-size: 3.4375vw; font-size: 3.75vw; }
    .sec-photo .photoTop-slider { margin-bottom: 9.375vw; }
    .board-pagination a { margin: 0 1.5625vw; }
    .sec-photo .photo-tab > li { width: 20.3125vw; height: 7.8125vw; }
    .sec-photo .board-pagination { padding-top: 12.5vw; }
    .sec-photo .swiper-button-next, .sec-photo .swiper-button-prev { top: 50%; transform: translateY(-50%); width: 3.75vw; height: 3.75vw; }
    .sec-photo .swiper-button-next::after, .sec-photo .swiper-button-prev::after { font-size: 2.8125vw; }
    .sec-photo .swiper-button-prev { left: -3.125vw; }
    .sec-photo .swiper-button-next { right: -3.125vw; }
    .sec-photo .photoBottom-slider { padding: 5vw 0; }
    .sec-photo .photoTop-slider .swiper-slide .slide-in .caption { height: 6.25vw; font-size: 3.125vw; }
    .sec-photo .photoBottom-slider .swiper-slide { padding: 0.9375vw; }
    .sec-photo .photoBottom-slider .swiper-slide-thumb-active { border-width: 0.9375vw; padding: 0; }
}
@media all and (max-width: 560px) {
}
/* 
@media all and (max-width: 640px) {
    .sec-photo .photo-tab > li { width: 20.3125vw; height: 7.8125vw; }
    .sec-photo.bottom .btn-more { width: 168px; height: 7.8125vw; font-size: 3.75vw; font-weight: 600; color: #191919; }
}
@media all and (max-width: 560px) {} */