@import url(button.css);
@import url(form.css);




/* 페이지 타이틀 */
.page-title h2 {
    padding-top:8rem;
    padding-bottom:2rem;
    font-size:2.8rem;
    color:var(--black-txt);
    font-weight:800;
    text-align:center;
    line-height:1;
}
.page-title p {
    font-size:1.8rem;
    color:var(--grey-txt);
    text-align:center;
}




/* 페이지 레이아웃 */
.layout-1280 {
    width:128rem;
    margin:0 auto;
}

@media all and (max-width:1420px) {
    .layout-1280 {
        width:100%;
        padding:0 var(--container-padding);
    }
}







/* 카테고리 */
.board-category {
    margin-top:5rem;
}
.board-category ul {
    display:flex;
    align-items:center;    
}
.board-category ul li::after {    
    display:inline-block;
    margin:0 2rem;
    content:"";
    width:1px;
    height:10px;
    background:#ddd;
}
.board-category ul li:last-child::after {
    display:none;
}
.board-category ul li a {
    font-size:2rem;
    color:var(--grey-txt);
}
.board-category ul li.on a {
    color:var(--symbol-color);
    font-weight:700;
}

/* 반응형 */
@media all and (max-width:640px) {
    .board-category ul {
        justify-content:center;
    }
}
@media all and (max-width:480px) {
    .board-category ul li::after { 
        margin:0 1rem;
    }
    .board-category ul li a {
        font-size:1.8rem;
    }
}
@media all and (max-width:380px) {
    .board-category ul li::after { 
        margin:0 0.5rem;
    }
}






/* 검색 */
.board-search {
    padding:2rem;
    display:flex;
    border:solid 1px #ddd;
    background:#fafafa;
    align-items:center;
}
.board-search .total {
    font-size:2rem;
    color:#000;
    font-weight:600;
}
.board-search .total b {
    color:var(--symbol-color);
}
.board-search .sch {
    margin-left:auto;
}
.board-search .sch .form fieldset {
    display:flex;
    column-gap:1rem;
}
.board-search .sch .form button.mbtn {
    width:8rem;
}

.board-search .basic {
    width:100%;
}
.board-search .basic .form fieldset {
    display:flex;
    column-gap:1rem;
    justify-content:center;
}


/* 반응형 */
@media all and (max-width:1220px) {
    .board-search {
        flex-wrap:wrap;
    }
    .board-search .total {
        flex-basis:100%;
    }
    .board-search .sch {
        margin-top:1rem;
        flex-basis:100%;
    }
}
@media all and (max-width:640px) {
    .board-search .sch .form fieldset {
        flex-wrap:wrap;
    }
    .board-search .sch .form .form-field.word {
        flex:1;
    }
    .board-search .sch .form .form-field.btn {    
        margin-top:1rem;
        flex-basis:100%;
    }
    .board-search .sch .form button.mbtn {
        width:100%;
    }
    .board-search .basic .form fieldset .word {
        width:calc(100% - 8rem);
    }
}
@media all and (max-width:480px) {
    .board-search .sch .form .form-field.date {
        flex:1;
    }
    .board-search .sch .form .form-field.class {
        flex:1;
    }
    .board-search .sch .form .form-field.word {
        flex-basis:100%;
        margin-top:1rem;
    }
}





/* table */
.board-tbl {
    margin-top:4rem;
}
.board-tbl caption {
    display:none;
}
.board-tbl table {
    width:100%;
    border-top:solid 1px #000;
}
.board-tbl table thead th {
    border-bottom:solid 1px #ddd;
    padding:2rem 1rem;
    background:#fafafa;
    font-size:1.8rem;
    color:#000;
    font-weight:500;
    white-space:nowrap;
}
.board-tbl table tbody td {
    padding:2rem 1rem;
    font-size:1.8rem;
    color:var(--grey-txt);
    text-align:center;
    border-bottom:solid 1px #ddd;
}
.board-tbl table tbody td.sbj {
    text-align:left;
}
.board-tbl table tbody td.sbj a {
    font-size:1.8rem;
    color:var(--grey-txt);
}
.board-tbl table tbody td .dataroom-down {
    display:inline-block;
    vertical-align:middle;
    font-size:0;
    width:2rem;
    height:2rem;
    background:url("../img/icon_down.png") no-repeat center;
    background-size:2rem auto;
}

/* 모바일 */
@media all and (max-width:1220px) {
    .board-tbl:not(.no-trans) table {position:relative;}
    .board-tbl:not(.no-trans) table colgroup {display:none;}
    .board-tbl:not(.no-trans) table thead {display:none;}
    .board-tbl:not(.no-trans) table tbody tr {position:relative; display:block;}
    .board-tbl:not(.no-trans) table tbody td {display:block;}
    .board-tbl:not(.no-trans) table tbody td.sbj {padding-top:6rem; padding-left:0; padding-bottom:1.5rem;}
    .board-tbl:not(.no-trans) table tbody td.no {padding:0; border:0; position:absolute; left:0; top:1.5rem; color:#000;}
    .board-tbl:not(.no-trans) table tbody td.class {padding:0; border:0; position:absolute; left:8rem; top:1.5rem; color:#000;}
    .board-tbl:not(.no-trans) table tbody td.name {padding:0; border:0; position:absolute; right:17rem; top:1.5rem;}
    .board-tbl:not(.no-trans) table tbody td.down {padding:0; border:0; position:absolute; right:13rem; top:1.5rem;}
    .board-tbl:not(.no-trans) table tbody td.date {padding:0; border:0; position:absolute; right:0; top:1.5rem;}
}






/* gallery */
.gallery-ep {
    margin-top:3rem;
    padding-bottom:5rem;
}
.gallery-ep ul {
    display:flex;
    flex-flow:row wrap;
    row-gap:5rem;
    margin-left:-2%;
}
.gallery-ep ul li {
    flex:0 1 23%;
    margin-left:2%;
}
.gallery-ep ul li .thumb {

}
.gallery-ep ul li .thumb a {
    display:block;
    position:relative;
    overflow:hidden;
}
.gallery-ep ul li .thumb a:before {
    display:block;
    content:"";
    padding-top:57%;
}
.gallery-ep ul li .thumb.shorts a:before {
    padding-top:0;
}

/* 카드뉴스 정사각형 */
.gallery-ep.square ul li .thumb a:before {
    display:block;
    content:"";
    padding-top:100%;
}
.gallery-ep ul li .thumb img {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    height:auto;
}

.gallery-ep ul li .thumb.shorts img {
    position:relative;
    top:0;
    left:0;
    transform:translate(0%,0%);
    width:100%;
    height:auto;
}
.gallery-ep.top ul li .thumb img {
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:100%;
    height:auto;
}
.gallery-ep ul li .info {
    margin-top:3rem;
}
.gallery-ep ul li .info span.kword {
    display:inline-block;
    border:solid 1px var(--symbol-color);
    height:3.2rem;
    line-height:3.2rem;
    padding:0 1rem;
    border-radius:1.6rem;
    font-size:1.6rem;
    color:var(--symbol-color);
    font-weight:700;
}
.gallery-ep ul li .info p.sbj {
    margin-top:1.5rem;
    height:5.6rem;
}
.gallery-ep ul li .info p.sbj a {
    font-size:1.8rem;
    color:#000;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.gallery-ep ul li .info p.name {
    margin-top:1rem;
    font-size:1.6rem;
    color:var(--grey-txt);
}
.gallery-ep ul li .info p.date {
    margin-top:1rem;
    font-size:1.6rem;
    color:var(--grey-txt);
}
.gallery-ep ul li .info p.down {
    margin-top:2rem;
    font-size:0;
}
.gallery-ep ul li .info p.down a {
    display:inline-block;
    width:2rem;
    height:1.8rem;
    background:url("../img/icon_down.png") no-repeat center;
    background-size:2rem auto;
}

/* 반응형 */
@media all and (max-width:1220px) {
    .gallery-ep ul li {
        flex:0 31.333%;
    }
}
@media all and (max-width:800px) {
    .gallery-ep ul li {
        flex:0 48%;
    }
}



/* 영상 커버 */
.gallery-ep.mov {

}
.gallery-ep.mov .thumb a {
    display:block;
    position:relative;
}
.gallery-ep.mov .thumb a::after {
    display:block;
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.3) url("../img/btn_mov_play.png") no-repeat center center;
    background-size:4.4rem auto;
}






/* webjin */
.webjin-ev {}
.webjin-ev ul li {
    display:flex;
    align-items:center;
    padding:3rem 0;
    border-bottom:solid 1px #ddd;
}
.webjin-ev ul li .date {
    padding:0 4rem;
    font-size:1.6rem;
    color:#000;
    font-weight:500;    
    text-align:center;
}
.webjin-ev ul li .date span {
    display:block;
    font-size:3.2rem;
    font-weight:800;
    white-space:nowrap;
}
.webjin-ev ul li .info {
    flex:1;
}
.webjin-ev ul li .info .hd {
    display:flex;
    align-items:center;
    margin-bottom:2rem;
    column-gap:1rem;
}
.webjin-ev ul li .info .hd .cate {
    display:inline-block;
    border:solid 1px var(--symbol-color);
    height:3.2rem;
    line-height:3.2rem;
    padding:0 1rem;
    border-radius:1.6rem;
    font-size:1.6rem;
    color:var(--symbol-color);
    font-weight:700;
    white-space:nowrap;
}
.webjin-ev ul li .info .hd .sbj {

}
.webjin-ev ul li .info .hd .sbj a {
    font-size:2.4rem;
    color:#000;
    font-weight:600;
}
.webjin-ev ul li .info .host {
    font-size:2rem;
    color:#000;
    font-weight:500;
    margin-bottom:1rem;
}
.webjin-ev ul li .info .place {
    font-size:1.8rem;
    color:var(--grey-txt);
}

/* 반응형 */
@media all and (max-width:1220px) {
    .webjin-ev ul li .info .hd {
        flex-wrap:wrap;
    }
    .webjin-ev ul li .info .hd .sbj {
        flex-basis:100%;
        margin-top:1rem;
    }
}
@media all and (max-width:480px) {
    .webjin-ev ul li {
        flex-wrap:wrap;
    }
    .webjin-ev ul li .date {
        padding:0 0 1rem;
        flex-basis:100%;
        text-align:left;
    }
    .webjin-ev ul li .date span {
        display:inline-block;
        margin-right:1rem;
    }
    .webjin-ev ul li .info {
        flex-basis:100%;
    }
}






/* webjin-basic */
.webjin-basic {

}
.webjin-basic ul li {
    display:flex;
    padding:3rem 0;
    border-bottom:solid 1px #ddd;
}
.webjin-basic ul li .thumb {
    width:24rem;
    padding:0 2rem;
}
.webjin-basic ul li .thumb img {
    max-width:100%;
}
.webjin-basic ul li .info {
    flex:1;
    padding-left:2rem;
}
.webjin-basic ul li .info .hd {
    display:flex;
    align-items:center;
    margin-bottom:2rem;
    column-gap:1rem;
}
.webjin-basic ul li .info .hd .cate {
    display:inline-block;
    border:solid 1px var(--symbol-color);
    height:3.2rem;
    line-height:3.2rem;
    padding:0 1rem;
    border-radius:1.6rem;
    font-size:1.6rem;
    color:var(--symbol-color);
    font-weight:700;
    white-space:nowrap;
}
.webjin-basic ul li .info .hd .sbj {

}
.webjin-basic ul li .info .hd .sbj a {
    font-size:2.4rem;
    color:#000;
    font-weight:600;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.webjin-basic ul li .info .conts {
    margin-top:1.5rem;
    font-size:2rem;
    color:var(--grey-txt);
    font-weight:500;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.webjin-basic ul li .info .date {
    margin-top:1.5rem;
    font-size:1.8rem;
    color:var(--grey-txt);
    font-weight:500;
}

@media all and (max-width:800px) {
    .webjin-basic ul li .thumb {
        width:20rem;
        padding:0;
    }
}
@media all and (max-width:480px) {
    .webjin-basic ul li {
        flex-wrap:wrap;
    }
    .webjin-basic ul li .thumb {
        width:100%;
    }
    .webjin-basic ul li .thumb img {
        width:100%;
    }
    .webjin-basic ul li .info {
        margin-top:2rem;
        padding-left:0;
    }
    .webjin-basic ul li .info .hd {
        flex-wrap:wrap;
    }
    .webjin-basic ul li .info .hd .sbj {
        margin-top:1rem;
        flex-basis:100%;
    }
    .webjin-basic ul li .info .hd .sbj a {
        -webkit-line-clamp:2;
    }
}









/* paging */
.paging {
    margin: 3rem 0 0;
    text-align: center;
    z-index: -1;
    font-size: 0;
}
.paging>span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: -1px;
    margin-top: 1rem;
}
.paging>span a {
    display: block;
    width: 4.8rem;
    height: 4.8rem;
    line-height: 4.8rem;
    color: var(--grey-txt);
    font-size: 1.6rem;
    text-align: center;
    font-weight: 300;
    border: 1px solid #ddd;
    background: #fff;
    box-sizing: border-box;
}
.paging>span a:after {
    display: block;
    content: "";
    width: 1rem;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 75%;
    left: 50%;
    margin-left: -0.5rem;
}
.paging>span.on a:after {
    background: #fff;
}
.paging>span.on {
    z-index: 2;
}
.paging>span.on a {
    color: #fff;
    background: var(--symbol-color);
    border: 1px solid var(--symbol-color);
}
.paging .btn_pg a {
    display: inline-block;
    width: 4.8rem;
    height: 4.8rem;
    box-sizing: border-box;
    border: 1px solid #ddd;
    text-indent: -9999px;
    background-color: #fff !important;
    vertical-align: middle;
}
.paging .btn_pg.first {

}
.paging .btn_pg.first a {
    background: url("../img/paging_first.png") no-repeat center;
    background-size:1.2rem auto;
}
.paging .btn_pg.prev {
    margin-left: -1px;
    margin-right:1rem;
}
.paging .btn_pg.prev a {
    background: url("../img/paging_prev.png") no-repeat center;
    background-size:0.6rem auto;
}
.paging .btn_pg.next {
    margin-left:1rem;
}
.paging .btn_pg.next a {
    background: url("../img/paging_next.png") no-repeat center;
    background-size:0.6rem auto;
}
.paging .btn_pg.last {
    margin-left: -1px;
}
.paging .btn_pg.last a {
    background: url("../img/paging_last.png") no-repeat center;
    background-size:1.2rem auto;
}

/* 모바일 */
@media all and (max-width:520px) {
    /* .paging {text-align:left;} */
}









/* 게시판 보기 */
.tbl-view {margin-top:5rem;}
.tbl-view dl {
    border-top:solid 1px #000;
}
.tbl-view dl dt {
    padding:2rem 3rem;
    background:#fafafa;
    font-size:2rem;
    color:#000;
    font-weight:500;
}
.tbl-view dl dt span {
    display:inline-block;
    margin-right:1rem;
    font-size:1.8rem;
    color:var(--grey-txt);
    font-weight:600;
}
.tbl-view dl dd {    
    border-top:solid 1px #ddd;
    display:flex;
    padding:1.5rem 3rem;
    font-size:1.6rem;
    color:var(--grey-txt);
}
.tbl-view dl dd.mov {  
    justify-content:center;
}
.tbl-view dl dd.flex {  
    display:flex;
    align-items:center;
}
.tbl-view dl dd.flex .ml-auto {
    margin-left:auto;
}
.tbl-view dl dd > span {
    display:inline-block;
    margin-right:2rem;
    color:#000;
}
.tbl-view dl dd.date button.share {
    display:inline-block;
    margin-left:auto;
    font-size:1.6rem;
    color:#000;
    line-height:2.1rem;
    padding-left:2.5rem;
    background:url("../img/loc_share.png") no-repeat left center;
    background-size:1.8rem auto;
}
.tbl-view dl dd.name em {
    margin-right:0.5rem;
}
.tbl-view dl dd.down {
    border-top:0;
}
.tbl-view dl dd.down a {
    display:inline-block;
    line-height:1.8rem;
    padding-left:3rem;
    background:url("../img/icon_down.png") no-repeat left center;
    background-size:2rem auto;
}
.tbl-view dl dd.conts {
    display:block;
    padding:5rem 3rem;
    font-size:2rem;
    color:#000;
}
.tbl-view dl dd.conts .img {
    margin-bottom:4rem;
}
.tbl-view dl dd.conts img {
    max-width:100% !important;
    min-width:inherit !important;
}
.tbl-view .suggestion {
    margin-top:5rem;
    display:flex;
    justify-content:center;
    column-gap:10px;
}
.tbl-view .suggestion button {
    display:inline-block;
    text-align:center;
    padding-top:3rem;
    width:8rem;
    height:8rem;
    font-size:1.6rem;
    color:#fff;
    font-weight:500;
    border-radius:4rem;
}
.tbl-view .suggestion button.up {
    background:var(--symbol-color) url("../img/hand_up.png") no-repeat center 1.7rem;
    background-size:auto 2.1rem;
}
.tbl-view .suggestion button.down {
    background:#757575 url("../img/hand_down.png") no-repeat center 1.7rem;
    background-size:auto 2.1rem;
}

/* 연관 키워드 */
.tbl-view .keyword {
    border-top:solid 1px #ddd;
    border-bottom:solid 1px #ddd;
    display:flex;
    padding:1.5rem 3rem;
    align-items:center;
}
.tbl-view .keyword span {
    display:inline-block;
    width:10rem;
    color:#000;
}
.tbl-view .keyword ul {
    flex:1;
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    align-items:center;
}
.tbl-view .keyword ul li {
    border:solid 1px #ddd;
    border-radius:3px;
    padding:0 1rem;
    height:4rem;
    line-height:4rem;
    background:#fafafa;
    font-size:1.8rem;
    color:var(--grey-txt);
}

/* 슬라이드 */
.tbl-view .v-slide {
    display:block;
}
.tbl-view .v-slide .sl-bxslider {
    position:relative;
    max-width:82rem;
    margin:auto;
    padding-top:4rem;    
}
.tbl-view .v-slide .sl-bxslider li {
    text-align:center;
}
.tbl-view .v-slide .sl-bxslider li .thumb img {
    max-width:100%;
}

.tbl-view .v-slide .sl-bxslider li .info {
    margin-top:3rem;
    text-align:left;
    font-size:2rem;
    color:var(--grey-txt);
}
.tbl-view .v-slide .sl-bxslider .bx-controls-direction a {
    position:absolute;
    top:45%;
    transform:translateY(-50%);
    width:2.8rem;
    height:4.4rem;
    font-size:0;
}
.tbl-view .v-slide .sl-bxslider .bx-controls-direction a.bx-prev {
    left:-8rem;
    background:url("../img/g_prev.png") no-repeat center;
    background-size:2.8rem auto;
}
.tbl-view .v-slide .sl-bxslider .bx-controls-direction a.bx-next {
    right:-8rem;
    background:url("../img/g_next.png") no-repeat center;
    background-size:2.8rem auto;
}
.tbl-view .v-slide .sl-bxslider .v-control {
    display:flex;
    margin-top:3rem;
    justify-content:center;
}
.tbl-view .v-slide .sl-bxslider .v-control .indi {
    display:inline-block;
    border:solid 1px #bbb;
    height:4rem;
    line-height:4rem;
    border-radius:2rem;
    padding:0 1.5rem;
    min-width:8rem;
    text-align:center;
}
.tbl-view .v-slide .sl-bxslider .v-control .indi .cur {
    font-size:1.8rem;
    color:#000;
    font-weight:600;
    margin-right:0;
}
.tbl-view .v-slide .sl-bxslider .v-control .indi .end {
    font-size:1.8rem;
    color:var(--grey-txt);
    margin-right:0;
}
.tbl-view .v-slide .sl-bxslider .v-control .indi .end::before {
    display:inline-block;
    content:"/";
    margin:0 0.5rem 0 0;
}

.tbl-view .v-slide .sl-pager {
    margin-top:4rem;
    position:relative;
    border-top:solid 1px #ddd;
    padding:4rem 8rem;
}
.tbl-view .v-slide .sl-pager li {
    width:20rem !important;
    margin-right:2rem !important;
}
.tbl-view .v-slide .sl-pager li a {
    position:relative;
    display:block;
}
.tbl-view .v-slide .sl-pager li a:after {
    display:block;
    content:"";
    padding-top:67%;
}
.tbl-view .v-slide .sl-pager li img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
}
.tbl-view .v-slide .sl-pager .bx-controls-direction a {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:1.4rem;
    height:2.2rem;
    font-size:0;
}
.tbl-view .v-slide .sl-pager .bx-controls-direction a.bx-prev {
    left:2rem;
    background:url("../img/pager_prev.png") no-repeat center;
    background-size:1.4rem auto;
}
.tbl-view .v-slide .sl-pager .bx-controls-direction a.bx-next {
    right:2rem;
    background:url("../img/pager_next.png") no-repeat center;
    background-size:1.4rem auto;
}


/* 반응형 */
@media all and (max-width:1020px) {
    /* 포토뉴스 이미지 비율로 고정 */
    .tbl-view .v-slide.photo .sl-bxslider li .thumb {
        position:relative;
    }
    .tbl-view .v-slide.photo .sl-bxslider li .thumb:after {
        display:block;
        content:"";
        padding-top:67%;
    }
    .tbl-view .v-slide.photo .sl-bxslider li .thumb img {
        height:100%;
        position:absolute;
        top:0;
        left:50%;
        transform:translateX(-50%);
    }

    .tbl-view .v-slide .sl-bxslider .bx-controls-direction {
        /* display:none; */
    }
    .tbl-view .v-slide .sl-bxslider .bx-controls-direction a.bx-prev {
        left:-4rem;
    }
    .tbl-view .v-slide .sl-bxslider .bx-controls-direction a.bx-next {
        right:-4rem;
    }
}
@media all and (max-width:800px) {
    .tbl-view .v-slide .sl-pager {
        padding:4rem 4rem;
    }
    .tbl-view .v-slide .sl-pager .bx-controls-direction a.bx-prev {
        left:0;
    }
    .tbl-view .v-slide .sl-pager .bx-controls-direction a.bx-next {
        right:0;
    }
}
@media all and (max-width:480px) {
    .tbl-view dl dt {
        padding:2rem 2rem;
    }
    .tbl-view dl dd.date {
        padding:1.5rem 2rem;
    }
    .tbl-view dl dd.name {
        padding:1.5rem 2rem;
    }  
    .tbl-view dl dd.conts {
        padding:3rem 2rem;
    }
    .tbl-view dl dd.down {
        padding:1.5rem 2rem;
    }  
    .tbl-view .suggestion {
        margin-top:3rem;
    }
    .tbl-view .keyword {
        padding:1.5rem 2rem;
    }  
}

/* 댓글쓰기 */
.comment-write {
    margin-top:6rem;
}
.comment-write h3 {
    font-size:2.2rem;
    color:#000;
    font-weight:600;
}
.comment-write .limit-cnt {
    position:absolute;
    bottom:2rem;
    right:2rem;
    font-size:1.6rem;
    color:var(--grey-txt);
}
.comment-write .mbtn {
    min-width:8rem;
}

/* 댓글 리스트 */
.comment-list {
    margin-top:3rem;
}
.comment-list h4 {
    font-size:1.8rem;
    color:#000;
    font-weight:normal;
}
.comment-list h4 b {
    color:var(--symbol-color);
    font-weight:600;
}
.comment-list ul.clist {
    margin-top:1rem;
    border-top:solid 1px #ddd;
}
.comment-list ul.clist li {
    padding:2rem 0;
    border-bottom:solid 1px #ddd;
}
.comment-list ul.clist li .name {
    font-size:1.8rem;
    color:#000;
    display:flex;
    align-items:center;
    column-gap:1rem;
}
.comment-list ul.clist li .name a {
    margin-left:auto;
    display:inline-block;
    padding:0 1rem;
    height:3.2rem;
    line-height:3.2rem;
    border-radius:5px;
    text-align:center;
    font-size:1.4rem;
    color:#fff;
    font-weight:600;
    background:var(--grey-bg);    
}
.comment-list ul.clist li .name span {
    font-size:1.5rem;
    color:#999;
    font-weight:400;
}
.comment-list ul.clist li .conts {
    margin-top:1rem;
    font-size:1.6rem;
    color:#666;
    font-weight:300;
}
.comment-list ul.clist li .date {
    margin-top:1rem;
    font-size:1.4rem;
    color:var(--grey-txt);
    font-weight:300;
}





.tbl-write {

}
.tbl-write table {
    width:100%;
    border-top:solid 1px #000;
}
.tbl-write th,
.tbl-write td {
    height:6.8rem;
    padding:1.5rem;
    border-bottom:solid 1px #ddd;
    vertical-align:middle;
}
.tbl-write th {
    font-size:1.6rem;
    color:#000;
    font-weight:500;    
    background:#fafafa;
}
.tbl-write td {
    font-size:1.6rem;
    color:var(--grey-txt);    
}
















/* faq 검색 */
.faq-search {
    margin-top:2rem;
    padding:2rem;
    display:flex;
    border:solid 1px #ddd;
    background:#fafafa;
    align-items:center;
    justify-content:center;
}
.faq-search .sch {

}
.faq-search .sch .form fieldset {
    display:flex;
    column-gap:1rem;
}
.faq-search .sch .form .word {
    display:flex;
    align-items:center;
}
.faq-search .sch .form .word label {
    font-size:2rem;
    color:#000;
    font-weight:600;
    white-space:nowrap;
    margin-right:2rem;
}
.faq-search .sch .form button.mbtn {
    width:8rem;
}

/* 반응형 */
@media all and (max-width:640px) {
    .faq-search .sch .form fieldset {
        align-items:flex-end;
    }
    .faq-search .sch .form .word {
        flex-wrap:wrap;
        flex:1;
    }
    .faq-search .sch .form .btn {
        width:8rem;
    }
    .faq-search .sch .form .word label {
        flex-wrap:wrap;
        flex-basis:100%;
        margin-bottom:1rem;
    }
    .board-search .total {
        flex-basis:100%;
    }
    .board-search .sch {
        margin-top:1rem;
        flex-basis:100%;
    }
}




/* faq top10 */
.faq-top10 {
    margin-top:3rem;
}
.faq-top10 h3 {
    font-size:2rem;
    color:#000;
    font-weight:600;
}
.faq-top10 ul {
    margin-top:2rem;
    display:flex;
    flex-wrap:wrap;
}
.faq-top10 ul li {
    display:inline-block;
    width:calc(20% + 1px);
    text-align:center;
    margin-top:-1px;
    margin-left:-1px;
}
.faq-top10 ul li a {
    display:flex;
    height:100%;
    flex-wrap:wrap;
    text-align:center;
    padding:3rem 2rem;
    border:solid 1px #ddd;
}
.faq-top10 ul li.active a {
    border:solid 1px var(--symbol-color);
    background:var(--symbol-color);
}
.faq-top10 ul li a span {
    flex-basis:100%;
    font-size:2rem;
    color:#000;
}
.faq-top10 ul li.active a span {
    color:#fff;
}
.faq-top10 ul li a p {
    height:5rem;
    flex-basis:100%;
    margin-top:1rem;
    font-size:1.8rem;
    color:var(--grey-txt);
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.faq-top10 ul li.active a p {
    color:#fff;
}

@media all and (max-width:1020px) {
    .faq-top10 ul li {
        width:calc(25% + 1px);
    }
}
@media all and (max-width:800px) {
    .faq-top10 ul li {
        width:calc(33.333% + 1px);
    }
}
@media all and (max-width:580px) {
    .faq-top10 ul li {
        width:calc(50% + 1px);
    }
}



/* faq */
.board-faq {
    margin-top:2rem;
    border-top:solid 1px #000;
}
.board-faq .hd {
    background:#fafafa;
    height:7rem;
    display:flex;
    align-items:center;
    border-bottom:solid 1px #ddd;
}
.board-faq .hd span {
    display:inline-block;
    font-size:1.8rem;
    color:#000;
    font-weight:500;
    text-align:center;
}
.board-faq .hd span.no {
    width:8rem;
}
.board-faq .hd span.cate {
    width:15rem;
}
.board-faq .hd span.sbj {
    flex:1;
}
.board-faq ul li {
    border-bottom:solid 1px #ddd;
}
.board-faq ul li .q-wrap {

}
.board-faq ul li .q-wrap {
    position:relative;
    height:7rem;
    display:flex;
    align-items:center;
}
.board-faq ul li .q-wrap > span {
    display:inline-block;
    font-size:2rem;
    color:#000;
    font-weight:500;
    text-align:center;
}
.board-faq ul li .q-wrap > span.no {
    width:8rem;
}
.board-faq ul li .q-wrap > span.cate {
    width:15rem;
}
.board-faq ul li .q-wrap > a.sbj {
    flex:1;
    font-size:2rem;
    color:var(--grey-txt);
    align-items:center;
    padding-right:6rem;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.board-faq ul li .q-wrap > a.sbj:before {
    display:inline-block;
    content:"Q.";
    font-size:2rem;
    color:#000;
    font-weight:600;
    margin-right:0.5rem;
}
.board-faq ul li .q-wrap > a.sbj:after {
    position:absolute;
    display:inline-block;
    content:"";
    top:50%;
    right:2rem;
    width:2.2rem;
    height:1.4rem;
    transform:translateY(-50%);
    background:url("../img/faq_down.png") no-repeat center;
    background-size:2.2rem auto;
    transition:0.3s;
}
.board-faq ul li.active .q-wrap > a.sbj span {
    color:#000;
    border-bottom:solid 1px #000;
}
.board-faq ul li.active .q-wrap > a.sbj:after {
    background:url("../img/faq_active.png") no-repeat center;
    background-size:2.2rem auto;
}
.board-faq ul li .a-wrap {
    display:none;
    border-top:solid 1px #ddd;
    background:#fafafa;
    padding:3rem 6rem 4rem 23rem;
}
.board-faq ul li.active .a-wrap {
    display:block;
}
.board-faq ul li .a-wrap .sbj {
    font-size:1.8rem;
    color:#000;
}
.board-faq ul li .a-wrap .sbj:before {
    display:inline-block;
    content:"A.";
    font-size:2rem;
    color:var(--symbol-color);
    font-weight:600;
    margin-right:0.5rem;
}
.board-faq ul li .a-wrap .conts {
    margin-top:2rem;
    font-size:2rem;
    color:var(--grey-txt);
}

.board-faq ul li .a-wrap .conts p b {
    font-weight:500;
    color:#000;
}
.board-faq ul li .a-wrap .conts p.nt {
    margin-top:2rem;
    font-size:1.8rem;
    color:var(--symbol-color);
}
.board-faq ul li .a-wrap .conts p.down-tit {
    font-size:2rem;
    color:#000;
    padding-left:1.5rem;
    background:url("../img/location_bullet.png") no-repeat left center;
    background-size:0.4rem auto;
}
.board-faq ul li .a-wrap .conts .down-btn {
    display:flex;
    column-gap:1rem;
}

@media all and (max-width:800px) {
    .board-faq .hd {
        display:none;
    }
    .board-faq ul li .q-wrap {
        flex-wrap:wrap;
        height:auto;
        padding:1.5rem 0;
    }
    .board-faq ul li .q-wrap > span {
        text-align:left;
    }
    .board-faq ul li .q-wrap > a.sbj {
        flex-basis:100%;
        margin-top:1.5rem;        
    }
    .board-faq ul li .q-wrap > a.sbj:after {
        right:0;
    }
    .board-faq ul li .a-wrap {
        padding: 3rem 6rem 4rem 0;
    }
}






/* index popup */
.indexPop {

}
.indexPop-close {
    display:flex;
    align-items:center;
    background:var(--symbol-color);
    padding:1rem 1.5rem;
}
/* checkbox */
.indexPop-close .pop-checkbox {
    font-size:0;
}
.indexPop-close .pop-checkbox input[type=checkbox] {position:absolute; width:0; height:0; overflow:hidden; left:0; top:0;}
.indexPop-close .pop-checkbox input[type=checkbox] + label {
    position:relative; display:inline-block; font-size:1.6rem; color:#fff; 
    line-height:23px; vertical-align:top; cursor:pointer; outline:none;
}
.indexPop-close .pop-checkbox input[type=checkbox] + label:before {
	display:inline-block; width:23px; height:23px; content:""; margin-right:0.7rem; vertical-align:top;
	background:url('../img/pop_chk.png') no-repeat center center; transition:all 0.35s;
}
.indexPop-close .pop-checkbox input[type=checkbox] + label.blank:before {margin-right:0;}
.indexPop-close .pop-checkbox input[type=checkbox]:checked + label:before {background:url('../img/pop_chk_on.png') no-repeat center center;}

.indexPop-close .pop-close {
    display:inline-block;    
    margin-left:auto;
    padding-left:2.2rem;
    line-height:2.3rem;
    background:url("../img/allmenu_close.png") no-repeat left center;
    background-size:1.6rem;
    color:#fff;
    font-size:1.6rem;
    cursor: pointer;
}

@media all and (max-width:800px) {
    .indexPop {
        width:100% !important;
        padding:5%;
        left:0 !important;
        margin-left:0 !important;
    }
    .indexPop .popup_conent img {
        width:100%;
    }
}





/* 당원 마이존 */
.zone-box .head {
    background:var(--symbol-color) url("../img/ethics_banner_bg.png") no-repeat right bottom;
    position:relative;
    padding:2rem 3rem;
    text-align:center;
}
.zone-box .head p {
    font-size:2.2rem;
    color:#fff;
    line-height:2;
}
.zone-box .head p strong {
    font-weight:700;
}

.zone-menu {

}
.zone-menu ul {
    display: flex;
    flex-wrap: wrap;
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd;
}
.zone-menu ul li {
    flex-basis: 16.66%;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}
.zone-menu ul li a {
    position: relative;
    display: flex;
    font-size: 1.8rem;
    color: var(--grey-txt);
}
.zone-menu ul li a:after {
    display: block;
    content: "";
    padding-top: 100%;
}
.zone-menu ul li a span {
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1.1;
}

.zone-menu ul li.zm1 a {
    background: #fff url("../img/my_icon1.png") no-repeat center 35%;
    background-size: auto 4.6rem;
}
.zone-menu ul li.zm2 a {
    background: #fff url("../img/my_icon2.png") no-repeat center 35%;
    background-size: auto 3.8rem;
}
.zone-menu ul li.zm3 a {
    background: #fff url("../img/my_icon3.png") no-repeat center 35%;
    background-size: auto 4rem;
}
.zone-menu ul li.zm4 a {
    background: #fff url("../img/my_icon4.png") no-repeat center 35%;
    background-size: auto 4rem;
}
.zone-menu ul li.zm5 a {
    background: #fff url("../img/my_icon5.png") no-repeat center 35%;
    background-size: auto 4rem;
}
.zone-menu ul li.zm6 a {
    background: #fff url("../img/my_icon6.png") no-repeat center 35%;
    background-size: auto 4.9rem;
}
.zone-menu ul li.zm7 a {
    background: #fff url("../img/my_icon7.png") no-repeat center 35%;
    background-size: auto 4.7rem;
}
.zone-menu ul li.zm8 a {
    background: #fff url("../img/my_icon8.png") no-repeat center 35%;
    background-size: auto 5rem;
}
.zone-menu ul li.zm9 a {
    background: #fff url("../img/my_icon9.png") no-repeat center 35%;
    background-size: auto 5.1rem;
}
.zone-menu ul li.zm10 a {
    background: #fff url("../img/my_icon10.png") no-repeat center 35%;
    background-size: auto 5.4rem;
}
.zone-menu ul li.zm11 a {
    background: #fff url("../img/my_icon11.png") no-repeat center 35%;
    background-size: auto 5.1rem;
}
.zone-menu ul li.zm12 a {
    background: #fff url("../img/my_icon12.png") no-repeat center 35%;
    background-size: auto 4.5rem;
}

/* 반응형 */
@media all and (max-width:1220px) {
    .zone-menu ul li a {
        font-size:1.6rem;
    }
    .zone-menu ul li.zm1 a {
        background-size: auto 4.1rem;
    }
    .zone-menu ul li.zm2 a {
        background-size: auto 3.3rem;
    }
    .zone-menu ul li.zm3 a {
        background-size: auto 3.5rem;
    }
    .zone-menu ul li.zm4 a {
        background-size: auto 3.5rem;
    }
    .zone-menu ul li.zm5 a {
        background-size: auto 3.5rem;
    }
    .zone-menu ul li.zm6 a {
        background-size: auto 4.4rem;
    }
    .zone-menu ul li.zm7 a {
        background-size: auto 4.2rem;
    }
    .zone-menu ul li.zm8 a {
        background-size: auto 4.5rem;
    }
    .zone-menu ul li.zm9 a {
        background-size: auto 4.6rem;
    }
    .zone-menu ul li.zm10 a {
        background-size: auto 4.9rem;
    }
    .zone-menu ul li.zm11 a {
        background-size: auto 4.6rem;
    }
    .zone-menu ul li.zm12 a {
        background-size: auto 4rem;
    }
}
@media all and (max-width:1020px) {
    .zone-menu ul li {
        flex-basis: 25%;
    }
}
@media all and (max-width:480px) {
    .zone-box .head p {
        font-size:1.8rem;
    }
    .zone-menu ul li {
        flex-basis: 33.33%;
    }
    .zone-menu ul li a {
        font-size:1.4rem;
    }
}



.zone-total {
    border-top: solid 1px var(--symbol-color);
    padding-top: 4rem;
}
.zone-total .flex {
    display:flex;
    align-items:center;
}
.zone-total .flex span.tt {
    font-size:2.6rem;
    color:#000;
    font-weight:700;
}
.zone-total .flex span.tx {    
    margin-left:2rem;
    font-size:2rem;
    color:#000;
    font-weight:600;
}
.zone-total .flex span.tx b {
    color:var(--symbol-color);
}









/* 비밀번호 재설정 */
.find-repass-wrap {
    width:46rem;
    margin:0 auto;
}
.find-repass-wrap .fr-stit h3 {
    font-size:2rem;
    color:#000;
    font-weight:600;
}
.find-repass-wrap .fr-stit p {
    font-size:1.6rem;
    color:#757575;
    letter-spacing:-0.5px;
}
.find-repass-wrap .form {
    margin-top:5rem;
}
.find-repass-wrap .form .mbtn_find_box {
    text-align:center;
}
.find-repass-wrap .form .mbtn_find_box .mbtn {
    width:18rem;
}
.find-repass-wrap .find_link {
    border-top:solid 1px #ddd;
    margin-top:8rem;
    padding-top:2rem;
    display:flex;
    align-items:center;
}
.find-repass-wrap .find_link span {
    color:var(--grey-txt);
}
.find-repass-wrap .find_link a {
    display:inline-block;
    margin-left:auto;
    padding-right:1.5rem;
    background:url("../img/link_arr2.png") no-repeat right center;
    background-size:auto 0.9rem;
}
.find-repass-wrap .find_link a em {
    font-style:normal;
    display:inline-block;
    border-bottom:solid 1px #000;
}

.find-repass-wrap .member-out {
    margin-top:4rem;
    padding-top:4rem;
    border-top:solid 1px #ddd;
}
.find-repass-wrap .member-out button.out {
    width:18rem;
    background:#bbb;
    color:#fff;
}
.find-repass-wrap .member-out .onotice {
    border-top:dashed 1px #ddd;
    padding-top:1.5rem;
}
.find-repass-wrap .member-out .onotice p {
    font-size:1.4rem;
    color:#000;
    padding-left:1rem;
    text-indent:-1rem;
}

/* 추가 */
.mod-add {margin-top:5rem; padding-bottom:4rem; border-bottom:solid 1px #ddd;}
.mod-add .agree_box {display:flex; column-gap:1rem;}
.mod-add .agree_box a.link {margin-left:auto}
.mod-add .agree_box.receive {padding-left:2.5rem;}
.mod-add .mbtn_find_box {text-align:center;}
.mod-add .mbtn_find_box .mbtn {width:18rem;}

/* 모바일 */
@media all and (max-width:480px) {
    .find-repass-wrap {
        width:100%;
        padding:0 var(--container-padding);
    }
    .find-repass-wrap .member-out p br {
        display:none;
    }
}




/* 게시판 운영정책 */
.board-policy h4 {
    margin-top: 3rem;
    font-size: 2rem;
    color: #000;
    margin-bottom: 1rem;
}
.board-policy p {
    font-size: 1.8rem;
    color: var(--grey-txt);
    line-height:1.5;
}
.board-policy p + p {
    margin-top: 1rem;
}
.board-policy a {
    margin-left:2rem;
    display:inline-block;
    background:#eee;
    padding:0.5rem 1rem;
    font-size:1.6rem;
}

.photo-copy {
    margin-top:4rem;
    text-align:right;
    font-size:1.6rem;
    color:#000;
}