@charset "UTF-8";
/*-------------------------------------------------------------------
    컬러
-------------------------------------------------------------------*/
:root {
    /* 1순위, 긍정 */
	--color-primary1: #B62B5B;
	--color-primary1-hover: #aa2050;
	--color-primary1-focus: #aa2050;

    /* 2순위, 긍정 */
	--color-primary2: #fff;
	--color-primary2-hover: #EAF1FD;
	--color-primary2-focus: #D3E1FB;

    /* 부정 */
	--color-primary3: #EB003B;
	--color-primary3-hover: #D50136;
	--color-primary3-focus: #8D0023;

    /* 목록, 검색 */
	--color-primary3: #717171;
	--color-primary3-hover: #555;
	--color-primary3-focus: #2D2D2D;

    /* 댓글 등록 버튼 */
	--color-primary4: #003675;
	--color-primary4-hover: #002B5E;
	--color-primary4-focus: #002046;

    /* 그레이 라인 */
	--color-primary5: #fff;
	--color-primary5-hover: #F1F1F1;
	--color-primary5-focus: #E3E3E3;

    /* 인풋 */
	--color-primary6: #B1B8BE;
	--color-primary6-hover: #717171;
	--color-primary6-focus: #F1F1F1;

    /* 폰트, 배경 컬러 */
    --color-text-black: #000;
    --color-text-black2: #111;
    --color-text-black3: #151515;
    --color-text-black4: #353535;
    --color-text-black5: #555;
    --color-text-black6: #777;
    --color-text-black7: #717171;
    --color-text-black8: #919191;
    --color-text-white: #fff;
    --color-text-white2: #F0F0F0;
    --color-text-white3: #F4F4F4;
    --color-text-white4: #F8F8F8;
    --color-text-white5: #EEE;
    --color-text-white6: #E4E4E4;
    --color-text-white7: #DDD;
    --color-text-white8: #D9D9D9;
    --color-text-white9: #D8D8D8;
    --color-text-white10: #F8F8F8;
    --color-text-blue: #246BEB;
    --color-text-blue2: #F0F8FF;
    --color-text-red: #EB003B;
}
[data-mode="dark"]{
    /* 폰트, 배경 컬러 */
    --color-text-black: #fff;
    --color-text-black2: #F0F0F0;
    --color-text-black3: #F4F4F4;
    --color-text-black4: #F8F8F8;
    --color-text-black5: #EEE;
    --color-text-black6: #E4E4E4;
    --color-text-black7: #DDD;
    --color-text-black8: #D9D9D9;
    --color-text-black9: #D8D8D8;
    --color-text-black10: #F8F8F8;
    --color-text-white: #000;
    --color-text-white2: #111;
    --color-text-white3: #151515;
    --color-text-white4: #353535;
    --color-text-white5: #555;
    --color-text-white6: #777;
    --color-text-white7: #717171;
    --color-text-white8: #919191;
    --color-text-blue: #246BEB;
    --color-text-blue2: #F0F8FF;
    --color-text-red: #EB003B;

}

/*-------------------------------------------------------------------
    게시판 검색 [data-board="search"]
-------------------------------------------------------------------*/
[data-board="search"]{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 1rem 2rem; width: 100%; margin-bottom: 1.6rem; margin-top:4rem;}
[data-board="search"] >ul{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 1rem 0;}
[data-board="search"] >ul >li{position: relative; color: var(--color-text-black3); font-size: 1.5rem; line-height: 1; font-weight: 500; letter-spacing: -0.016rem;}
[data-board="search"] >ul >li:not(:last-child){margin-right: 1.2rem; padding-right: 1.2rem;}
[data-board="search"] >ul >li:not(:last-child):before{content: ""; position: absolute; top: 0.2rem; right: 0; width: 1px; height: 1.2rem; background-color: #8A949E;}
[data-board="search"] >ul >li >strong{display: inline-block; margin-right: 0.8rem; font-weight: 500;}
[data-board="search"] >ul >li >em{color: var(--color-primary1);}
[data-board="search"] >div{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 0.6rem; margin-left: auto;}
[data-board="search"] >div select{
    display: block; width: auto; min-width: 10rem; padding: 1rem 3rem 1rem 1.2rem; font-size: 1.5rem; color: var(--color-text-black6); background: var(--color-text-white) url(../../../images/site/skin/board_img01.svg) no-repeat center right 1rem/ 2rem auto; border: 1px solid #B1B8BE; border-radius: 0.6rem;
    transition: all 0.2s linear;
}
/* [data-board="search"] >div select:hover{border-color: var(--color-primary5-hover);} */
/* [data-board="search"] >div select:focus{border-color: var(--color-primary5-hover); background-color: var(--color-primary5-focus);} */
[data-board="search"] >div input{
    display: block; width: 22rem; padding: 1rem 3rem 1rem 1.2rem; font-size: 1.5rem; color: var(--color-text-black6); background-color: var(--color-text-white); border: 1px solid var(--color-primary6); border-radius: 0.6rem;
    transition: all 0.2s linear;
}
[data-board="search"] >div input::placeholder{color: var(--color-text-black6);}
[data-board="search"] >div a{
    display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width:40px; height:40px; background:#717171 url(../../../images/site/skin/board_img06.svg) no-repeat 50% 70% / 44px auto; border-radius: 0.6rem;
    transition: all 0.2s linear; text-indent: -9999px;
}
[data-board="search"] >div a:hover{background-color: var(--color-primary3-hover);}
[data-board="search"] >div a:focus{background-color: var(--color-primary3-focus);}

@media screen and (max-width: 740px){
    [data-board="search"]{gap: 0;}
    [data-board="search"] >ul{order: 2; width: 100%;}
    [data-board="search"] >ul >li >strong{font-size:14px;}
    [data-board="search"] >ul >li >em{font-size:14px;}
    [data-board="search"] >div{order: 1; gap: 0.6rem; width: 100%; margin-bottom: 4rem;}
    [data-board="search"] >div select{width: 100%; padding: 1.375rem 3rem 1.375rem 1.2rem; font-size: 14px;}
    [data-board="search"] >div input{flex:1; padding: 1.375rem 1.2rem; font-size: 14px;}
    /* [data-board="search"] >div a{width: 40px; height:40px; padding: 1.227rem 1.2rem; font-size: 1.7rem;} */
}

/*-------------------------------------------------------------------
    게시판 필터
-------------------------------------------------------------------*/
[data-board="filter"] + [data-board="search"]{padding-top:6rem; border-top:none;}
[data-board="filter"]{padding:3rem; background:#FAFAFA; border-bottom:1px solid #eee; border-top:2px solid #151515;}
[data-board="filter"] .tit{display:block; margin-bottom:2.4rem; font-size:1.6rem; font-weight:700; line-height:1;}
[data-board="filter"] >div{display:flex; align-items: center; gap:2rem;}
[data-board="filter"] .list{flex:1; display:grid; grid-template-columns: repeat(6, 1fr); gap:1.4rem;}
[data-board="filter"] .list >li{position:relative;}
[data-board="filter"] .list >li input[type="checkbox"]{position:absolute; width:1px; height:1px; visibility: hidden; overflow: hidden; opacity: 0;}
[data-board="filter"] .list >li input[type="checkbox"] + label{display:block; position:relative; padding-left:2.8rem; font-size:1.6rem; font-weight:500; cursor: pointer;}
[data-board="filter"] .list >li input[type="checkbox"] + label::before{content:""; display:block; position:absolute; top:0.2rem; left:0; width:2rem; height:2rem; border-radius: 0.4rem; border:1px solid #B1B8BE; background:#fff;}
[data-board="filter"] .list >li input[type="checkbox"]:checked + label::before{border-color:#3472D6; background:#3472D6 url("../../../images/site/skin/board_img20.svg") no-repeat 50% 50% / auto;}
[data-board="filter"] >div .btn{height:4rem; font-size:1.5rem;}

@media screen and (max-width: 1440px){
    [data-board="filter"] .list{grid-template-columns: repeat(5, 1fr);}
}
@media screen and (max-width: 1024px){
    [data-board="filter"] .list{grid-template-columns: repeat(4, 1fr);}
}
@media screen and (max-width: 740px){
    [data-board="filter"] .tit{font-size:15px;}
    [data-board="filter"] >div{flex-direction: column;}
    [data-board="filter"] .list{grid-template-columns: repeat(3, 1fr); gap:0.8rem; width:100%;}
    [data-board="filter"] .list >li input[type="checkbox"] + label{font-size:14px;}
    [data-board="filter"] >div .btn{width:100%; font-size:14px;}
}
@media screen and (max-width: 520px){
    [data-board="filter"] .list{grid-template-columns: repeat(2, 1fr);}
}

/*-------------------------------------------------------------------
    게시판 리스트 - 일반 [data-board="list"]
-------------------------------------------------------------------*/
[data-board="list"]{width: 100%; table-layout: fixed; border-top: 2px solid var(--color-text-black3);}
/* [data-board="list"] >thead{background-color: #F4F5F6;} */
[data-board="list"] >thead tr{border-bottom: 1px solid var(--color-text-white7);}
[data-board="list"] >thead tr th{height: 5.4rem; padding: 0.8rem; font-size: 1.7rem; font-weight: 600; letter-spacing: -0.017rem; color: var(--color-text-black3);}
[data-board="list"] >tbody{}
[data-board="list"] >tbody tr{border-bottom: 1px solid var(--color-text-white7); transition: all .35s;}
[data-board="list"] >tbody tr:hover{background-color:#F4F5F6;}
[data-board="list"] >tbody tr td{height: 5.6rem; padding: 1rem; font-size: 1.7rem; font-weight: 400; letter-spacing: -0.017rem; line-height: 1.2; color: var(--color-text-black5); text-align: center;}
[data-board="list"] >tbody tr td[data-label="번호"] em{min-width: auto; padding:0.6rem 1.2rem; border-color:var(--color-primary1); color:var(--color-primary1); background-color: var(--color-text-white);}
[data-board="list"] >tbody tr td strong{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; gap: 0.6rem; font-weight: 400; line-height: 1.3;}
[data-board="list"] >tbody tr td strong a{overflow: hidden; display: inline-block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; color: var(--color-text-black3); font-size:17px; font-weight: 600;}
[data-board="list"] >tbody tr td strong a:hover{text-decoration: underline; text-underline-position: under;}
[data-board="list"] >tbody tr td strong .re_num{margin-left: -0.4rem; color: var(--color-text-blue);}
[data-board="list"] >tbody tr td strong .new{display: block; width: 1.8rem; min-width: 1.8rem; height: 1.8rem; color: var(--color-text-white); font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; background-color: #33363D; border-radius: 50%;}
[data-board="list"] >tbody tr td strong .secret{display: block; width: 1.8rem; min-width: 1.8rem; height: 1.8rem; background: url(../../../images/site/skin/board_img02.svg) no-repeat center center / 100% auto; text-indent: -9999px;}
[data-board="list"] >tbody tr td strong .re{color: var(--color-text-blue); font-weight: 600; letter-spacing: -0.017rem;}
[data-board="list"] >tbody tr td em{display: inline-block; min-width: 10rem; padding: 0.542rem 1.2rem; color: var(--color-text-blue); background-color: var(--color-text-blue2); border: 1px solid var(--color-text-blue2); border-radius: 10rem; font-size: 15px; font-weight: 600; letter-spacing: -0.016rem;}
[data-board="list"] >tbody tr td .file{display: inline-block; width: 2.4rem; height: 2.4rem; text-indent: -9999px; background: url(../../../images/site/skin/board_img03.svg) no-repeat center center / 100% auto;}
[data-board="list"] >tbody tr td .tag{display:inline-block; padding:0.7rem 1.2rem; background:#F4F4F4; border-radius: 0.4rem; color:#58616A; font-size:1.5rem; font-weight:600;}
[data-board="list"] >tbody tr td .tag.ty1{background:rgba(0, 118, 163, 0.10); color:#0076A3;}
[data-board="list"] [data-label="번호"]{width: 10rem;}
[data-board="list"] [data-label="구분"]{width: 14rem;}
[data-board="list"] [data-label="분류"]{width: 14rem;}
[data-board="list"] [data-label="제목"]{width: auto;}
[data-board="list"] [data-label="작성자"]{width: 14rem;}
[data-board="list"] [data-label="첨부"]{width: 10rem;}
[data-board="list"] [data-label="첨부파일"]{width: 10rem;}
[data-board="list"] [data-label="조회"]{width: 12rem;}
[data-board="list"] [data-label="조회수"]{width: 12rem;}
[data-board="list"] [data-label="등록일"]{width: 14rem;}
[data-board="list"] [data-label="답변여부"]{width: 14rem;}
.paging_bottom_area{position:relative; margin-top:4.5rem; padding:0 10rem;}
.paging_bottom_area .btn_area{position:absolute; bottom:-0.4rem; right:0;}

@media screen and (max-width: 1200px){
    [data-board="list"] >tbody tr td em{min-width: auto;}
    [data-board="list"] [data-label="번호"]{width: 8rem;}
    [data-board="list"] [data-label="구분"]{width: 11rem;}
    [data-board="list"] [data-label="분류"]{width: 11rem;}
    [data-board="list"] [data-label="제목"]{width: auto;}
    [data-board="list"] [data-label="작성자"]{width: 12rem;}
    [data-board="list"] [data-label="첨부"]{width: 8rem;}
    [data-board="list"] [data-label="첨부파일"]{width: 8rem;}
    [data-board="list"] [data-label="조회"]{width: 10rem;}
    [data-board="list"] [data-label="조회수"]{width: 10rem;}
    [data-board="list"] [data-label="등록일"]{width: 13rem;}
    [data-board="list"] [data-label="답변여부"]{width: 13rem;}
}
@media screen and (max-width: 1024px){
    [data-board="list"] >thead tr th{padding: 0.8rem;}
    [data-board="list"] >tbody tr td{padding: 0.8rem;}
    [data-board="list"] >tbody tr td em{min-width: auto;}
    [data-board="list"] [data-label="첨부"]{width: 7rem;}
}
@media screen and (max-width: 840px){
    [data-board="list"]{display: block;}
    [data-board="list"] >thead{display: none;}
    [data-board="list"] >tbody{display: block;}
    [data-board="list"] >tbody tr{display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center; gap: 0.4rem 0; padding: 2rem 0;}
    [data-board="list"] >tbody tr td{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; height: auto; padding: 0; font-size:14px;}
    [data-board="list"] >tbody tr td.no_board_data{border:none; width:100%;}
    [data-board="list"] >tbody tr td[data-label="제목"]{display: inline-block; width: 100%; margin-top: 1.2rem; margin-bottom: 1.2rem;}
    [data-board="list"] >tbody tr td strong a{font-size:15px;}
    [data-board="list"] >tbody tr.noti td strong a:before{content: "공지"; color: var(--color-text-blue); margin-right: 1rem;}
    [data-board="list"] >tbody tr td .file{display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; width: 5.6rem; height: auto; background-size: 2.4rem auto; background-position: left center;}
    [data-board="list"] >tbody tr td:not(:last-child):after,
    [data-board="list"] >tbody tr td[data-label="첨부"]:not(:last-child) .file:after{content: ""; display: block; width: 1px; height: 1.2rem; background-color: var(--color-text-white8); margin-left: 1.6rem; margin-right: 1.6rem;}
    [data-board="list"] >tbody tr td[data-label="번호"]:after,
    [data-board="list"] >tbody tr td[data-label="구분"]:after,
    [data-board="list"] >tbody tr td[data-label="제목"]:after,
    [data-board="list"] >tbody tr td[data-label="첨부"]:after{display: none;}
    [data-board="list"] [data-label="번호"]{display: none;}
    [data-board="list"] [data-label]{width: auto;}
    [data-board="list"] >tbody tr td .tag{padding:0.4rem 0.8rem; font-size:14px;}

    .paging_bottom_area{padding:0;}
    .paging_bottom_area .btn_area{position:static; display:flex; justify-content: flex-end; margin-top:2rem;}
}

/*-------------------------------------------------------------------
    게시판 리스트 - 포토형 [data-board="photo_list"]
-------------------------------------------------------------------*/
[data-board="photo_list"]{display: block; padding-top:2.4rem; border-top: 2px solid #151515; border-bottom: 1px solid var(--color-text-white7);}
[data-board="photo_list"] >thead{display: block;}
[data-board="photo_list"] >thead tr{display: block; position: absolute; top: -9999px; left: -9999px;}
[data-board="photo_list"] >thead tr th{display: block;}
[data-board="photo_list"] >tbody{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 4.4rem 2.4rem; padding: 0 0 2.4rem;}
[data-board="photo_list"] >tbody tr{display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; gap: 0.2rem 0; position: relative; width: calc((100% - 2.4rem - 2.4rem - 2.4rem) / 4); border-bottom: 0;}
[data-board="photo_list"] >tbody tr td{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; height: auto; padding: 0; text-align: left; font-size: 1.5rem; letter-spacing: -0.017rem; line-height: 1; color: var(--color-text-black5);}
[data-board="photo_list"] >tbody tr td[data-label="사진"]{display: block; width: 100%; height: auto;}
[data-board="photo_list"] >tbody tr td[data-label="사진"] span{overflow:  hidden; display: block; position: relative; width: 100%; height: 0; padding-top: 67.252%; border-radius: 1.2rem; background:#f1f1f1;}
[data-board="photo_list"] >tbody tr td[data-label="사진"] span img{
    position: absolute; top: 50%; left: 50%; min-width:100%; height:100%; object-fit: cover; object-position: center center; transform: translate(-50%,-50%) scale(1);
    transition: all 0.2s linear;
}
[data-board="photo_list"] >tbody tr td[data-label="사진"] span:before{
    content: ""; opacity: 0; display: block; position: absolute; top: 50%; left: 50%; z-index: 1; width: 23.396%; height: 30.788%; background: rgba(0, 0, 0, 0.50) url(../../../images/site/skin/board_img06.svg) no-repeat 50% 50% / 100%; backdrop-filter: blur(10px); border-radius: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.2s linear;
}
[data-board="photo_list"] >tbody tr td[data-label="사진"] span.video:before{opacity: 1; background-color: rgba(0, 0, 0, 0.50);  background-image: url(../../../images/site/skin/board_img08.svg); background-position:56% 50%; background-size:36% auto;}
[data-board="photo_list"] >tbody tr:hover td[data-label="사진"] span.video:before{background-color: #fff; background-image: url(../../../images/site/skin/board_img07.svg);}
[data-board="photo_list"] >tbody tr:hover td[data-label="사진"] span:before{opacity: 1;}
[data-board="photo_list"] >tbody tr td[data-label="제목"]{display: block; width: 100%; margin: 1.6rem 0;}
[data-board="photo_list"] >tbody tr td[data-label="제목"] a{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; gap: 0.6rem; font-weight: 400; line-height: 1.3;}
[data-board="photo_list"] >tbody tr td[data-label="제목"] a:before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
[data-board="photo_list"] >tbody tr td[data-label="제목"] a strong{overflow: hidden; display: inline-block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; color: var(--color-text-black3); font-size:1.7rem; font-weight: 600;}
[data-board="photo_list"] >tbody tr:hover td[data-label="제목"] a strong{text-decoration: underline; text-underline-position: under;}
[data-board="photo_list"] >tbody tr td[data-label="제목"] .new{display: block; width: 1.8rem; min-width: 1.8rem; height: 1.8rem; margin-left: -0.2rem; color: var(--color-text-white); font-size: 1.2rem; text-align: center; line-height: 1.8rem; font-weight: 500; background-color: var(--color-text-red); border-radius: 50%;}
[data-board="photo_list"] >tbody tr td[data-label="댓글"]:before{content: ""; display: block; width: 1.8rem; height: 1.8rem; margin-top: -0.1rem; margin-right: 0.5rem; background: url(../../../images/site/skin/board_img09.svg) no-repeat center center / 100% auto;}
[data-board="photo_list"] >tbody tr td .file{display: inline-block; width: 2.4rem; height: 1.7rem; text-indent: -9999px; background: url(../../../images/site/skin/board_img03.svg) no-repeat center center / 100% auto;}
[data-board="photo_list"] >tbody tr td:not(:last-child):after,
[data-board="photo_list"] >tbody tr td[data-label="첨부"]:not(:last-child) .file:after{content: ""; display: block; width: 1px; height: 1.2rem; background-color: var(--color-text-white8); margin-left: 1.6rem; margin-right: 1.6rem;}

[data-board="photo_list"] >tbody tr td[data-label="사진"]:after,
[data-board="photo_list"] >tbody tr td[data-label="제목"]:after,
[data-board="photo_list"] >tbody tr td[data-label="첨부"]:after{display: none;}

@media screen and (max-width:1200px){
    [data-board="photo_list"] >tbody{gap: 2.4rem 2rem; padding: 2rem 0;}
    [data-board="photo_list"] >tbody tr{width: calc((100% - 2rem - 2rem) / 3);}
    [data-board="photo_list"] >tbody tr td[data-label="제목"]{margin: 1.2rem 0;}
}
@media screen and (max-width:740px){
    [data-board="photo_list"] >tbody{gap: 2.4rem 2rem;}
    [data-board="photo_list"] >tbody tr{width: calc((100% - 2rem) / 2);}
    [data-board="photo_list"] >tbody tr td{font-size:14px;}
    [data-board="photo_list"] >tbody tr td[data-label="제목"]{margin: 1rem 0;}
    [data-board="photo_list"] >tbody tr td[data-label="제목"] a strong{font-size:15px;}
}
@media screen and (max-width:414px){
    [data-board="photo_list"] >tbody tr{width: 100%;}
}

[data-board="photo_list"].st1 >tbody{gap:3.4rem;}
[data-board="photo_list"].st1 >tbody tr{width: calc((100% - 3.4rem - 3.4rem - 3.4rem) / 4);}
[data-board="photo_list"].st1 >tbody tr td[data-label="사진"] span{padding-top:122.574%; border-radius: 0;}
[data-board="photo_list"].st1 >tbody tr td[data-label="사진"] span:before{height: 18.788%;}
[data-board="photo_list"].st1 >tbody tr td[data-label="사진"] span img{max-width:calc(100% - 1rem); min-width:auto; height:calc(100% - 1rem);}

@media screen and (max-width:1200px){
    [data-board="photo_list"].st1 >tbody{gap: 3.2rem 2rem; padding: 2rem 0;}
    [data-board="photo_list"].st1 >tbody tr{width: calc((100% - 2rem - 2rem) / 3);}
    [data-board="photo_list"].st1 >tbody tr td[data-label="제목"]{margin: 1.2rem 0;}
}
@media screen and (max-width:740px){
    [data-board="photo_list"].st1 >tbody{gap: 4rem 2rem;}
    [data-board="photo_list"].st1 >tbody tr{width: calc((100% - 2rem) / 2);}
}
@media screen and (max-width:414px){
    [data-board="photo_list"].st1 >tbody tr{width: 100%;}
}


/*-------------------------------------------------------------------
    게시판 리스트 - 보도형 [data-board="bodo_list"]
-------------------------------------------------------------------*/
[data-board="bodo_list"]{display: block; border-top: 2px solid var(--color-text-black3); border-bottom: 1px solid var(--color-text-white7);}
[data-board="bodo_list"] >thead{display: block;}
[data-board="bodo_list"] >thead tr{display: block; position: absolute; top: -9999px; left: -9999px;}
[data-board="bodo_list"] >thead tr th{display: block;}
[data-board="bodo_list"] >tbody{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 2.4rem; padding: 2.4rem 0;}
[data-board="bodo_list"] >tbody tr{display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; gap: 0.2rem 0; position: relative; width: 100%; min-height: 21rem; padding-left: 36.6rem; border-bottom: 0;}
[data-board="bodo_list"] >tbody tr:not(:last-child){min-height: calc(21rem + 2.4rem); padding-bottom: 2.4rem; border-bottom: 1px solid var(--color-text-white7);}
[data-board="bodo_list"] >tbody tr td{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; height: auto; padding: 0; text-align: left; font-size: 1.7rem; letter-spacing: -0.017rem; line-height: 1; color: var(--color-text-black5);}
[data-board="bodo_list"] >tbody tr td[data-label="사진"]{display: block; position: absolute; top: 0; left: 0; width: 34.2rem; height: auto;}
[data-board="bodo_list"] >tbody tr td[data-label="사진"] span{overflow:  hidden; display: block; position: relative; width: 100%; height: 0; padding-top: 61.405%; border-radius: 1rem;}
[data-board="bodo_list"] >tbody tr td[data-label="사진"] span img{
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center;
    transform: scale(1);
    transition: all 0.2s linear;
}
[data-board="bodo_list"] >tbody tr td[data-label="사진"] span:before{
    content: ""; opacity: 0; display: block; position: absolute; top: 50%; left: 50%; z-index: 1; width: 23.396%; height: 38.1%; background: rgba(0, 0, 0, 0.50) url(../../../images/site/skin/board_img06.svg) no-repeat center center / 100% auto; backdrop-filter: blur(10px); border-radius: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.2s linear;
}
[data-board="bodo_list"] >tbody tr td[data-label="사진"] span.video:before{opacity: 1; background-color: #fff; background-image: url(../../../images/site/skin/board_img08.svg);}
[data-board="bodo_list"] >tbody tr:hover td[data-label="사진"] span.video:before{background-color: rgba(0, 0, 0, 0.50); background-image: url(../../../images/site/skin/board_img07.svg);}
[data-board="bodo_list"] >tbody tr:hover td[data-label="사진"] span:before{opacity: 1;}
[data-board="bodo_list"] >tbody tr td[data-label="제목"]{display: block; width: 100%; margin: 0.5rem 0 1.6rem;}
[data-board="bodo_list"] >tbody tr td[data-label="제목"] a{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; gap: 0.6rem; font-weight: 400; line-height: 1.3;}
[data-board="bodo_list"] >tbody tr td[data-label="제목"] a:before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
[data-board="bodo_list"] >tbody tr td[data-label="제목"] a strong{overflow: hidden; display: inline-block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; font-size: 2.1rem; color: var(--color-text-black3); font-weight: 600;}
[data-board="bodo_list"] >tbody tr:hover td[data-label="제목"] a strong{text-decoration: underline; text-underline-position: under;}
[data-board="bodo_list"] >tbody tr td[data-label="제목"] .new{display: block; width: 1.8rem; min-width: 1.8rem; height: 1.8rem; color: var(--color-text-white); font-size: 1.2rem; text-align: center; line-height: 1.8rem; font-weight: 500; background-color: var(--color-text-red); border-radius: 50%;}
[data-board="bodo_list"] >tbody tr td[data-label="내용"]{overflow: hidden; display: block; display: -webkit-box; width: 100%; height: auto; max-height: calc((1.6rem * 1.56) * 4); margin-bottom: 1.6rem; font-size: 1.6rem; font-weight: 400; line-height: 1.56; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
[data-board="bodo_list"] >tbody tr td[data-label="댓글"]:before{content: ""; display: block; width: 1.8rem; height: 1.8rem; margin-top: -0.1rem; margin-right: 0.5rem; background: url(../../../images/site/skin/board_img09.svg) no-repeat center center / 100% auto;}
[data-board="bodo_list"] >tbody tr td .file{display: inline-block; width: 2.4rem; height: 1.7rem; text-indent: -9999px; background: url(../../../images/site/skin/board_img03.svg) no-repeat center center / 100% auto;}
[data-board="bodo_list"] >tbody tr td:not(:last-child):after,
[data-board="bodo_list"] >tbody tr td[data-label="첨부"]:not(:last-child) .file:after{content: ""; display: block; width: 1px; height: 1.2rem; background-color: var(--color-text-white8); margin-left: 1.6rem; margin-right: 1.6rem;}

[data-board="bodo_list"] >tbody tr td[data-label="사진"]:after,
[data-board="bodo_list"] >tbody tr td[data-label="제목"]:after,
[data-board="bodo_list"] >tbody tr td[data-label="내용"]:after,
[data-board="bodo_list"] >tbody tr td[data-label="첨부"]:after{display: none;}

@media screen and (max-width:1200px){
    [data-board="bodo_list"] >tbody{gap: 2rem 0; padding: 2rem 0;}
    [data-board="bodo_list"] >tbody tr:not(:last-child){min-height: calc(21rem + 2rem); padding-bottom: 2rem;}
}
@media screen and (max-width:1024px){
    [data-board="bodo_list"] >tbody tr{min-height: 18.6rem; padding-left: 32rem;}
    [data-board="bodo_list"] >tbody tr:not(:last-child){min-height: calc(18.6rem + 2rem);}
    [data-board="bodo_list"] >tbody tr td[data-label="사진"]{width: 30rem;}
    [data-board="bodo_list"] >tbody tr td[data-label="제목"]{margin: 0.5rem 0 1.2rem;}
    [data-board="bodo_list"] >tbody tr td[data-label="내용"]{margin-bottom: 1.2rem;}
}
@media screen and (max-width:740px){
    [data-board="bodo_list"] >tbody tr{min-height: 16rem; padding-left: 28rem;}
    [data-board="bodo_list"] >tbody tr:not(:last-child){min-height: calc(16rem + 2rem);}
    [data-board="bodo_list"] >tbody tr td[data-label="사진"]{width: 26rem;}
}
@media screen and (max-width:640px){
    [data-board="bodo_list"] >tbody tr{min-height: 13.5rem; padding-left: 24rem;}
    [data-board="bodo_list"] >tbody tr:not(:last-child){min-height: calc(13.5rem + 2rem);}
    [data-board="bodo_list"] >tbody tr td[data-label="사진"]{width: 22rem;}
}
@media screen and (max-width:540px){
    [data-board="bodo_list"] >tbody tr{min-height: 11rem; padding-left: 19.5rem;}
    [data-board="bodo_list"] >tbody tr:not(:last-child){min-height: calc(11rem + 2rem);}
    [data-board="bodo_list"] >tbody tr td[data-label="사진"]{width: 18rem;}
}
@media screen and (max-width:420px){
    [data-board="bodo_list"] >tbody{gap: 2rem 0;}
    [data-board="bodo_list"] >tbody tr{padding-left: 0;}
    [data-board="bodo_list"] >tbody tr:not(:last-child){min-height: 0; padding-bottom: 0; border-bottom: 0;}
    [data-board="bodo_list"] >tbody tr td[data-label="사진"]{position: relative; top: auto; left: auto; width: 100%;}
    [data-board="bodo_list"] >tbody tr td[data-label="사진"] span{padding-top: 67.254%;}
    [data-board="bodo_list"] >tbody tr td[data-label="사진"] span:before{height: 34.788%;}
    [data-board="bodo_list"] >tbody tr td[data-label="제목"]{margin: 1rem 0 0.8rem;}
    [data-board="bodo_list"] >tbody tr td[data-label="제목"] a strong{font-size: 1.7rem;}
    [data-board="bodo_list"] >tbody tr td[data-label="내용"]{max-height: calc(1.6rem * 1.56); margin-bottom: 0.8rem; -webkit-line-clamp: 1;}
}

/*-------------------------------------------------------------------
    게시판 리스트 - pdf형 [data-board="pdf_list"]
-------------------------------------------------------------------*/
[data-board="pdf_list"]{display: block; border-bottom: 1px solid var(--color-text-white7);}
[data-board="pdf_list"] >thead{display: block;}
[data-board="pdf_list"] >thead tr{display: block; position: absolute; top: -9999px; left: -9999px;}
[data-board="pdf_list"] >thead tr th{display: block;}
[data-board="pdf_list"] >tbody{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 2.4rem; padding: 0.8rem 0 4rem;}
[data-board="pdf_list"] >tbody tr{position: relative; width: calc((100% - 2.4rem) / 2); min-height: 23rem; padding:0.6rem 0 0.6rem 20.4rem; border-bottom: 0;}
[data-board="pdf_list"] >tbody tr td{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; height: auto; padding: 0; text-align: left; font-size: 1.7rem; letter-spacing: -0.017rem; line-height: 1; color: var(--color-text-black5);}
[data-board="pdf_list"] >tbody tr td[data-label="사진"]{position:absolute; left:0; top:0; width: 18rem; height:100%; max-height:23rem; background:#EEE;}
[data-board="pdf_list"] >tbody tr td[data-label="사진"] span{overflow:  hidden; display: block; width: 100%; height:100%;}
[data-board="pdf_list"] >tbody tr td[data-label="사진"] span img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width:calc(100% - 1rem); height: calc(100% - 1rem); object-fit: cover; object-position: center center;}
[data-board="pdf_list"] >tbody tr td[data-label="제목"]{display: block; width: 100%; margin: 0.6rem 0 1rem;}
[data-board="pdf_list"] >tbody tr td[data-label="제목"] a{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; gap: 0.6rem; font-weight: 400; font-size:2rem; line-height: 1.5;}
/* [data-board="pdf_list"] >tbody tr td[data-label="제목"] a::after{content:""; position:absolute; left:0; top:0; display:block; width:100%; height:100%;} */
[data-board="pdf_list"] >tbody tr td[data-label="제목"] a span{overflow: hidden; display: inline-block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; color: var(--color-text-black3); font-weight: 600;}
[data-board="pdf_list"] >tbody tr td[data-label="제목"] .new{display: block; width: 1.8rem; min-width: 1.8rem; height: 1.8rem; margin-left: -0.2rem; color: var(--color-text-white); font-size: 1.2rem; text-align: center; line-height: 1.8rem; font-weight: 500; background-color: var(--color-text-red); border-radius: 50%;}
[data-board="pdf_list"] >tbody tr td[data-label="구분"] span{display:inline-block; vertical-align: middle; padding:0.75rem 1rem; background:#FFEAE3; border-radius: 4rem; color:#C24517; font-size:14px;}
[data-board="pdf_list"] >tbody tr td[data-label="소제목"],
[data-board="pdf_list"] >tbody tr td[data-label="발간부서"],
[data-board="pdf_list"] >tbody tr td[data-label="발행연월"]{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; width:100%; color:#464C53; font-size:1.6rem; line-height: 1.8; overflow: hidden; text-overflow: ellipsis;}
[data-board="pdf_list"] >tbody tr td[data-label="소제목"]:before{content:"소 제 목"; display: inline-block; min-width:6.6rem; margin-right:2rem; color:#6D7882;}
[data-board="pdf_list"] >tbody tr td[data-label="발간부서"]:before{content:"발간부서"; display: inline-block; min-width:6.6rem; margin-right:2rem; color:#6D7882;}
[data-board="pdf_list"] >tbody tr td[data-label="발행연월"]:before{content:"발행연월"; display: inline-block; min-width:6.6rem; margin-right:2rem; color:#6D7882;}
[data-board="pdf_list"] >tbody tr td[data-label="태그"]{margin-top:2.4rem; overflow-x: auto;}
[data-board="pdf_list"] >tbody tr td[data-label="태그"]::-webkit-scrollbar{display:none;}
[data-board="pdf_list"] >tbody tr td[data-label="태그"] ul{display:flex; gap:0.6rem;}
[data-board="pdf_list"] >tbody tr td[data-label="태그"] ul > li{display:inline-block; padding:0.884rem 1.4rem; border:1px solid #ddd; border-radius: 5rem; color:#1E2124; font-size:15px; white-space: nowrap;}
[data-board="pdf_list"] >tbody tr td[data-label="태그"] ul > li::before{content:"#";}

@media screen and (max-width:920px){
    [data-board="pdf_list"] >tbody tr{width: 100%;}
    [data-board="pdf_list"] >tbody tr td[data-label="소제목"], [data-board="pdf_list"] >tbody tr td[data-label="발간부서"], [data-board="pdf_list"] >tbody tr td[data-label="발행연월"]{font-size:14px;}
    [data-board="pdf_list"] >tbody tr td[data-label="태그"]{display:none;}
    [data-board="pdf_list"] >tbody tr td[data-label="태그"] ul{margin-top:1.2rem;}
    [data-board="pdf_list"] >tbody tr td[data-label="태그"] ul > li{font-size:14px;}
}
@media screen and (max-width:768px){
    [data-board="pdf_list"] >tbody tr td[data-label="구분"] span{padding:7.5px 10px; font-size:13px;}
    [data-board="pdf_list"] >tbody tr td[data-label="제목"] a span,
    [data-board="pdf_list"] >tbody tr td[data-label="소제목"]{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: wrap;}
    [data-board="pdf_list"] >tbody tr td[data-label="발간부서"], [data-board="pdf_list"] >tbody tr td[data-label="발행연월"]{display:none;}
    [data-board="pdf_list"] >tbody tr td[data-label="소제목"]::before{display:none;}
}
@media screen and (max-width:380px){
    [data-board="pdf_list"] >tbody tr{padding:0.6rem 0;}
    [data-board="pdf_list"] >tbody tr td[data-label="사진"]{position:relative; width:100%; height:0; padding-top:120%; margin-bottom:2rem;}
}

[data-board="pdf_view"]{display:flex; align-items: flex-start; gap:6rem 8rem; padding-top:4rem; border-top:2px solid #151515;}
[data-board="pdf_view"] .view_l{width:46rem;}
[data-board="pdf_view"] .view_r{width:calc(100% - 46rem - 8rem);}
[data-board="pdf_view"] .view_l span{display:block; padding:4rem; background:#EEE; overflow: hidden;}
[data-board="pdf_view"].ty2 .view_l span{padding:0;}
[data-board="pdf_view"] .view_l span img{display:block; max-width:100%; margin:0 auto;}
[data-board="pdf_view"] .view_r .top{padding: 0 2rem;}
[data-board="pdf_view"] .category{display:inline-block; vertical-align: middle; margin:0; padding:0.75rem 1rem; background:#FFEAE3; border-radius: 4rem; color:#C24517; font-size:14px; line-height:1;}
[data-board="pdf_view"] .title{display:block; margin:0.6rem 0 1rem; font-size:2.1rem; font-weight:700;}
[data-board="pdf_view"] .list > li{display:flex; gap:2rem; color:#464C53; font-size:1.6rem; font-weight:500; line-height:1.8;}
[data-board="pdf_view"] .list > li span{display:inline-block; min-width:6.6rem; color:#6D7882;}
[data-board="pdf_view"] .hashtag{display:flex; flex-wrap:wrap; gap:0.6rem; margin-top:2.4rem;}
[data-board="pdf_view"] .hashtag > li{display:inline-block; padding:0.4rem 1.4rem; border-radius: 4rem; border:1px solid #ddd; font-size:15px;}
[data-board="pdf_view"] .hashtag > li::before{content:"#";}
[data-board="pdf_view"] .content{margin-top:4rem; padding:4rem 2rem; border-top:1px solid #CDD1D5; border-bottom:1px solid #CDD1D5; font-size:1.6rem; font-weight:500; line-height:1.6; letter-spacing: -0.16px;}
[data-board="pdf_view"] .content .tit{display:block; margin-bottom:0.6rem; color:#464C53; font-size:1.6rem;}
[data-board="pdf_view"] .view_m{position: relative;}
[data-board="pdf_view"] .img_wrap{margin-bottom:2rem; }
[data-board="pdf_view"] .img_wrap >img{display: block; width: auto; max-width: 100%; margin: 0 auto;}
[data-board="pdf_view"] .img_wrap >img + img{margin-top:2rem;}
[data-board="pdf_view"] .img_wrap iframe{display: block; max-width:100%; margin: 0 auto;}
[data-board="pdf_view"] .img_wrap .slides{position: relative;}
[data-board="pdf_view"] .img_wrap .slides .swiper{position: relative; width: 954px; max-width: 100%; height: 0; padding-top: 41.236%; border-radius: 1rem;}
[data-board="pdf_view"] .img_wrap .slides .swiper .swiper-wrapper{position: absolute; top: 0; left: 0;}
[data-board="pdf_view"] .img_wrap .slides >a{
    display: block; width: 5.6rem; height: 5.6rem; position: absolute; top: 50%; left: 50%; z-index: 1; background: #fff url(../../../images/site/skin/board_img04.svg) no-repeat center center / 100% auto; border: 1px solid #CDD1D5; border-radius: 50%; text-indent: -9999px;
    transform: translateY(-50%);
}
[data-board="pdf_view"] .img_wrap .slides >a.prev{margin-left: calc((-954px / 2) - 4rem - 2.8rem);}
[data-board="pdf_view"] .img_wrap .slides >a.next{
    left: auto; right: 50%; margin-right: calc((-954px / 2) - 4rem - 2.8rem);
    transform: rotate(180deg);
}
[data-board="pdf_view"] .img_wrap .slides .pagination{padding-top:1rem; text-align: center;}
[data-board="pdf_view"] .img_wrap .slides .pagination .swiper-pagination-bullet{width:1rem; height:1rem; background-color:#CDD1D5; opacity: 1;}
[data-board="pdf_view"] .img_wrap .slides .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:3rem; border-radius: 1rem; background-color:#6D7882;}
[data-board="pdf_view"] .img_wrap .slides .swiper .swiper-wrapper{}
[data-board="pdf_view"] .img_wrap .slides .swiper .swiper-wrapper .swiper-slide{background: none;}
[data-board="pdf_view"] .img_wrap .slides .swiper .swiper-wrapper .swiper-slide img{display: block; width: 100%; height: 100%; object-fit: contain;}
[data-board="pdf_view"] .img_thumb{position: relative; width: 100%; max-width: 1140px; height: 0; margin: 2.4rem auto; padding: 9.31% 6rem 0;}
/* [data-board="pdf_view"] .img_thumb:before{content: ""; display: block; position: absolute; bottom: -2.4rem; left: -50%; width: 200vw; height: 1px; background-color: var(--color-text-white9);} */
[data-board="pdf_view"] .img_thumb >a{
    display: block; width: 4rem; height: 4rem; position: absolute; top: 50%; left: 0; background:#fff url(../../../images/site/skin/board_img04.svg) no-repeat center center / 100% auto; border: 1px solid #CDD1D5; border-radius: 50%; text-indent: -9999px;
    transform: translateY(-50%);
    transition: all 0.2s linear;
}
[data-board="pdf_view"] .img_thumb >a:hover{background-color: var(--color-primary2-focus);}
[data-board="pdf_view"] .img_thumb >a.next{
    left: auto; right: 0;
    transform: translateY(-50%) rotate(180deg);
}
[data-board="pdf_view"] .img_thumb .swiper{position: absolute; top: 0; left: 6rem; width: calc(100% - 12rem); height: 100%;}
[data-board="pdf_view"] .img_thumb .swiper .swiper-wrapper .swiper-slide{overflow: hidden; background: none; border-radius: 0.8rem; cursor: pointer;}
[data-board="pdf_view"] .img_thumb .swiper .swiper-wrapper .swiper-slide:before{
    content: ""; opacity: 1; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
    transition: all 0.2s linear;
}
[data-board="pdf_view"] .img_thumb .swiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:before{opacity: 0;}
[data-board="pdf_view"] .img_thumb .swiper .swiper-wrapper .swiper-slide:before{}
[data-board="pdf_view"] .img_thumb .swiper .swiper-wrapper .swiper-slide img{display: block; width: 100%; height: 100%; object-fit: cover;}
[data-board="pdf_view"] .board_txt{padding: 4rem 2rem; color: var(--color-text-black); font-weight: 400; line-height: 1.6;}
[data-board="pdf_view"] img{max-width:100%;}
[data-board="pdf_view"] .file{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 2.1rem; padding: 1.6rem 2rem; border-bottom: 1px solid #CDD1D5;}
[data-board="pdf_view"] .file >strong{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: 7.5rem; color: var(--color-text-black3); font-size: 1.5rem; font-weight: 600; border-right: 1px solid var(--color-text-white9);}
[data-board="pdf_view"] .file >ul{flex: 1;}
[data-board="pdf_view"] .file >ul >li{display: flex; flex-wrap: wrap; justify-content:space-between ; align-content: center; align-items: center; gap: 0.4rem 0.8rem; position: relative; padding-left: 3.2rem;}
[data-board="pdf_view"] .file >ul >li:not(:first-child){margin-top: 1.2rem;}
[data-board="pdf_view"] .file >ul >li >img{display: block; width: 2.4rem; height: 2.4rem; position: absolute; top: 0.2rem; left: 0;}
[data-board="pdf_view"] .file >ul >li >strong{display: block; color: var(--color-text-black5); font-weight: 500; font-size: 1.5rem;}
[data-board="pdf_view"] .file >ul >li >div{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 0.4rem;}
[data-board="pdf_view"] .file >ul >li >div a{
    display: block; padding: 0.8rem 1rem; font-size: 1.5rem; line-height: 1; font-weight: 500; color: var(--color-primary1); border: 1px solid var(--color-primary1); background-color: rgba(182, 43, 91, 0.06); border-radius: 0.4rem;
    transition: all 0.2s linear;
}
[data-board="pdf_view"] .file >ul >li >div a:hover{border-color: var(--color-primary1-hover); color: var(--color-primary1-hover);}
[data-board="pdf_view"] .file >ul >li >div a:focus{border-color: var(--color-primary1-focus); color: var(--color-primary1-focus);}
[data-board="pdf_view"] .file >ul >li >div a.preview{color: #58616A; background-color: var(--color-primary5); border-color: #58616A;}
[data-board="pdf_view"] .file >ul >li >div a.preview:hover{background-color: var(--color-primary5-hover);}
[data-board="pdf_view"] .file >ul >li >div a.preview:focus{background-color: var(--color-primary5-focus);}

@media screen and (max-width:1024px){
    [data-board="pdf_view"]{gap:4rem;}
    [data-board="pdf_view"] .view_l{width:38rem;}
    [data-board="pdf_view"] .view_r{width:calc(100% - 38rem - 4rem);}
    [data-board="pdf_view"] .img_thumb{padding-top:12.33%;}
    [data-board="pdf_view"] .file{gap: 1.8rem; margin-top: 1.4rem; padding: 1.4rem 1.8rem;}
    [data-board="pdf_view"] .file >ul >li:not(:first-child){margin-top: 1rem;}
}
@media screen and (max-width:768px){
    [data-board="pdf_view"]{flex-direction: column;}
    [data-board="pdf_view"] .view_l{width:100%;}
    [data-board="pdf_view"] .view_l span{width:100vw; margin-left:-2rem;}
    [data-board="pdf_view"] .view_r{width:100%;}
    [data-board="pdf_view"] .view_r .top{padding:0;}
    [data-board="pdf_view"] .list > li{font-size:14px;}
    [data-board="pdf_view"] .hashtag > li{font-size:14px;}
    [data-board="pdf_view"] .content{min-height:20rem; padding:24px 0; font-size:15px;}
    [data-board="pdf_view"] .content .tit{font-size:14px;}

}
@media screen and (max-width:640px){
    [data-board="pdf_view"] .view_l span{padding:15px 24px;}
    [data-board="pdf_view"] .file{display: block; margin-top: 1.2rem; padding: 1.2rem 1.6rem;}
    [data-board="pdf_view"] .file >strong{display: block; width: 100%; margin-bottom: 1rem; border-right: 0; font-size:14px;}
    [data-board="pdf_view"] .file >ul >li:not(:first-child){margin-top: 0.8rem;}
    [data-board="pdf_view"] .file >ul >li >strong{font-size:15px;}
    [data-board="pdf_view"] .file >ul >li >div{width:100%;}
    [data-board="pdf_view"] .file >ul >li >div a{flex:1; font-size:14px; text-align: center;}
}

/*-------------------------------------------------------------------
    게시판 리스트 - 카드뉴스형 [data-board="card_list"]
-------------------------------------------------------------------*/
[data-board="card_list"]{display: block; border-top: 2px solid var(--color-text-black3); border-bottom: 1px solid var(--color-text-white7);}
[data-board="card_list"] >thead{display: block;}
[data-board="card_list"] >thead tr{display: block; position: absolute; top: -9999px; left: -9999px;}
[data-board="card_list"] >thead tr th{display: block;}
[data-board="card_list"] >tbody{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 2.4rem; padding: 2.4rem 0;}
[data-board="card_list"] >tbody tr{display: block; position: relative; width: calc((100% - 2.4rem - 2.4rem - 2.4rem) / 4); border-bottom: 0;}
[data-board="card_list"] >tbody tr td{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; height: auto; padding: 0; text-align: left; font-size: 1.7rem; letter-spacing: -0.017rem; line-height: 1; color: var(--color-text-black5);}
[data-board="card_list"] >tbody tr td[data-label="사진"]{display: block; width: 100%; height: auto;}
[data-board="card_list"] >tbody tr td[data-label="사진"] a{overflow: hidden; display: block; position: relative; width: 100%; height: 0; padding-top: 100%; border-radius: 1rem; cursor: pointer;}
[data-board="card_list"] >tbody tr td[data-label="사진"] a img{
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center;
    transform: scale(1);
    transition: all 0.2s linear;
}
[data-board="card_list"] >tbody tr td[data-label="사진"] a:before{content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 100%);}
[data-board="card_list"] >tbody tr:hover td[data-label="사진"] a img{
    transform: scale(1.15);
}
[data-board="card_list"] >tbody tr td[data-label="제목"]{display: block; position: absolute; bottom: 2.4rem; left: 2.4rem; z-index: 1; width: calc(100% - 2.4rem - 2.4rem);}
[data-board="card_list"] >tbody tr td[data-label="제목"] strong{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; gap: 0.6rem; font-weight: 400; line-height: 1.3;}
[data-board="card_list"] >tbody tr td[data-label="제목"] strong span{overflow: hidden; display: inline-block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; color: #fff; font-weight: 500;}
[data-board="card_list"] >tbody tr td[data-label="제목"] .new{display: block; width: 1.8rem; min-width: 1.8rem; height: 1.8rem; margin-left: -0.2rem; color: var(--color-text-white); font-size: 1.2rem; text-align: center; line-height: 1.8rem; font-weight: 500; background-color: var(--color-text-red); border-radius: 50%;}
[data-board="card_list"] >tbody tr td[data-label="개수"]{display: flex; justify-content: flex-start; align-items: center; gap: 0.4rem; position: absolute; top: 2.4rem; left: 2.4rem; z-index: 1; padding: 0.8rem 1.2rem; color: #fff; font-size: 1.6rem; font-weight: 400; line-height: 1; border-radius: 5rem; background-color: rgba(0,0,0,0.8); backdrop-filter: blur(5px);}
[data-board="card_list"] >tbody tr td[data-label="개수"]:before{content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url(../../../images/site/skin/board_img10.svg) no-repeat center center / 100% auto;}

@media screen and (max-width:1200px){
    [data-board="card_list"] >tbody{gap: 2.4rem 2rem; padding: 2rem 0;}
    [data-board="card_list"] >tbody tr{width: calc((100% - 2rem - 2rem) / 3);}
}
@media screen and (max-width:740px){
    [data-board="card_list"] >tbody{gap: 2.4rem 2rem;}
    [data-board="card_list"] >tbody tr{width: calc((100% - 2rem) / 2);}
}
@media screen and (max-width:540px){
    [data-board="card_list"] >tbody{gap: 2rem 1.5rem;}
    [data-board="card_list"] >tbody tr{width: calc((100% - 1.5rem) / 2);}
}
@media screen and (max-width:360px){
    [data-board="card_list"] >tbody tr{width: 100%;}
}

/*-------------------------------------------------------------------
    게시판 리스트 - faq형 [data-board="faq_list"]
-------------------------------------------------------------------*/
[data-board="faq_list"]{padding-bottom:2.4rem; padding-top:2.4rem; border-top:2px solid #151515; border-bottom: 1px solid var(--color-text-white7);}
[data-board="faq_list"] >li:not(:first-child){margin-top: 1.2rem;}
[data-board="faq_list"] >li >a{display: block; position: relative; padding: 2.2rem 6rem 2.2rem 6rem; color: #464C53; font-size: 1.7rem; font-weight: 600; line-height: 1.6; background-color: var(--color-text-white10); border-radius: 0.8rem;}
[data-board="faq_list"] >li >a:before{content: ""; display: block; width: 2rem; height: 2rem; position: absolute; top: 2.4rem; left: 2rem; background: url(../../../images/site/skin/board_img11_normal.svg) no-repeat center center / auto 100%;}
[data-board="faq_list"] >li >a:after{content: ""; display: block; width: 1.6rem; height: 1.6rem; position: absolute; top: 2.8rem; right: 2.4rem; background: url(../../../images/site/skin/board_img13.svg) no-repeat center center / 100% auto;}
[data-board="faq_list"] >li >a.active:after{
    transform: rotate(180deg);
}
[data-board="faq_list"] >li >.ans{
    overflow: hidden; display: none; height: 0; padding-top: 0;
    transition: height 0.2s linear;
}
[data-board="faq_list"] >li >a.active{background:#FBF3F5; color:#222;}
[data-board="faq_list"] >li >a.active::before{background-image:url(../../../images/site/skin/board_img11.svg);}
[data-board="faq_list"] >li >a.active + .ans{display: block; height: auto; padding-top: 2.4rem; padding-bottom:1.6rem; border-bottom:1px solid #CDD1D5;}
[data-board="faq_list"] >li >.ans .ans_b{position: relative; margin-bottom: 0.8rem; padding: 0 0 0 6.3rem; color: var(--color-text-black5); font-size: 1.6rem; font-weight: 500; line-height: 1.6;}
[data-board="faq_list"] >li >.ans .ans_b:before{
    content: ""; display: block; width: 2.2rem; height: 2.2rem; position: absolute; top: 0.2rem; left: 2rem; background: url(../../../images/site/skin/board_img12.svg) no-repeat center center / 100% auto;
}
[data-board="faq_list"] >li >.ans .file{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 2.1rem; margin-top: 1.6rem; padding: 1.6rem 2rem; border-top: 1px solid var(--color-text-white9); border-bottom: 1px solid var(--color-text-white9);}
[data-board="faq_list"] >li >.ans .file >strong{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: 7.5rem; color: var(--color-text-black3); font-size: 1.5rem; font-weight: 600; border-right: 1px solid var(--color-text-white9);}
[data-board="faq_list"] >li >.ans .file >ul{flex: 1;}
[data-board="faq_list"] >li >.ans .file >ul >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center; gap: 0.4rem 0.8rem; position: relative; padding-left: 3.2rem;}
[data-board="faq_list"] >li >.ans .file >ul >li:not(:first-child){margin-top: 1.2rem;}
[data-board="faq_list"] >li >.ans .file >ul >li >img{display: block; width: 2.4rem; height: 2.4rem; position: absolute; top: -0.2rem; left: 0;}
[data-board="faq_list"] >li >.ans .file >ul >li >strong{display: block; color: var(--color-text-black5); font-weight: 500; font-size: 1.5rem;}
[data-board="faq_list"] >li >.ans .file >ul >li >div{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 0.4rem;}
[data-board="faq_list"] >li >.ans .file >ul >li >div a{
    display: block; padding: 0.5rem 1.2rem; font-size: 1.2rem; line-height: 1; font-weight: 500; color: var(--color-text-blue); border: 1px solid var(--color-text-blue); background-color: var(--color-primary2); border-radius: 0.4rem;
    transition: all 0.2s linear;
}
[data-board="faq_list"] >li >.ans .file >ul >li >div a:hover{background-color: var(--color-primary2-hover);}
[data-board="faq_list"] >li >.ans .file >ul >li >div a:focus{background-color: var(--color-primary2-focus);}
[data-board="faq_list"] >li >.ans .file >ul >li >div a.preview{color: var(--color-text-black7); background-color: var(--color-primary5); border-color: var(--color-text-black8);}
[data-board="faq_list"] >li >.ans .file >ul >li >div a.preview:hover{background-color: var(--color-primary5-hover);}
[data-board="faq_list"] >li >.ans .file >ul >li >div a.preview:focus{background-color: var(--color-primary5-focus);}

@media screen and (max-width:1024px){
    [data-board="faq_list"]{padding: 2rem 0;}
    [data-board="faq_list"] >li:not(:first-child){margin-top: 1rem;}
    [data-board="faq_list"] >li >a{padding: 1.4rem 5rem 1.4rem 5.7rem; font-size:15px;}
    [data-board="faq_list"] >li >a:before{top: 1.6rem; left: 2rem;}
    [data-board="faq_list"] >li >a:after{top: 1.8rem; right: 2rem;}
    [data-board="faq_list"] >li >a.active + .ans{padding-top: 2rem;}
    [data-board="faq_list"] >li >.ans .ans_b{margin-bottom: 0.6rem; padding: 0 0 0 5.7rem;}
    [data-board="faq_list"] >li >.ans .ans_b:before{left: 2rem;}
    [data-board="faq_list"] >li >.ans .file{gap: 1.8rem; margin-top: 1.4rem; padding: 1.4rem 1.8rem;}
    [data-board="faq_list"] >li >.ans .file >ul >li:not(:first-child){margin-top: 1rem;}
}
@media screen and (max-width:640px){
    [data-board="faq_list"] >li >a.active + .ans{padding-top: 1.8rem;}
    [data-board="faq_list"] >li >.ans .ans_b{margin-bottom: 0.4rem; padding: 0 0 0 4.7rem; font-size:14px;}
    [data-board="faq_list"] >li >.ans .ans_b:before{left: 1.5rem;}
    [data-board="faq_list"] >li >.ans .file{display: block; margin-top: 1.2rem; padding: 1.2rem 1.6rem;}
    [data-board="faq_list"] >li >.ans .file >strong{display: block; width: 100%; margin-bottom: 1rem; border-right: 0; font-size:15px;}
    [data-board="faq_list"] >li >.ans .file >ul >li >strong{font-size:13px;}
    [data-board="faq_list"] >li >.ans .file >ul >li:not(:first-child){margin-top: 0.8rem;}
}

/*-------------------------------------------------------------------
    페이징 [data-board="paging"]
-------------------------------------------------------------------*/
[data-board="paging"]{display: flex; justify-content: center; align-items: center; gap: 0.8rem;}
[data-board="paging"] >a{
    display: flex; justify-content: center; align-items: center; width: 3.8rem; height: 3.8rem; font-size: 1.5rem; color: var(--color-text-black5); font-weight: 500; border: 1px solid transparent; border-radius: 0.6rem;
    transition: all 0.2s linear;
}
[data-board="paging"] >a.on{background-color: var(--color-primary1); border-color: var(--color-primary1); color: var(--color-text-white);}
[data-board="paging"] >a[class*="page_"]{text-indent: -9999px; background: url(../../../images/site/skin/board_img05.svg) no-repeat center center / 100% auto;}
[data-board="paging"] >a.page_left,
[data-board="paging"] >a.page_right{background-image: url(../../../images/site/skin/board_img04.svg);}
[data-board="paging"] >a.page_right,
[data-board="paging"] >a.page_end{
    transform: rotate(180deg);
}
[data-board="paging"] >a.page_left{margin-right: 0.4rem;}
[data-board="paging"] >a.page_right{margin-left: 0.4rem;}
[data-board="paging"] >a:hover{border-color: var(--color-primary1); color: var(--color-primary1)}

@media screen and (max-width:640px){
    [data-board="paging"] >a{font-size:14px;}
    [data-board="paging"] >a.page_left{margin-right: 1rem;}
    [data-board="paging"] >a.page_right{margin-left: 1rem;}
    [data-board="paging"] >a{display: none; position: relative;}
    [data-board="paging"] >a[class*="page_"],
    [data-board="paging"] >a[class*="page_"],
    [data-board="paging"] >a.page_left + a,
    [data-board="paging"] >a:nth-last-of-type(3),
    [data-board="paging"] >a.on{display: flex;}
    [data-board="paging"] >a:not(.on):nth-of-type(3){margin-right: 2.2rem;}
    [data-board="paging"] >a:not(.on):nth-of-type(3):before{content: "···"; position: absolute; left: calc(100% + 0.5rem); cursor: none;}
    [data-board="paging"] >a:not(.on):nth-last-of-type(3){margin-left: 2.2rem;}
    [data-board="paging"] >a:not(.on):nth-last-of-type(3):before{content: "···"; position: absolute; right: calc(100% + 0.5rem); cursor: none;}
}

/*-------------------------------------------------------------------
    게시판 상세 [data-board="view"]
-------------------------------------------------------------------*/
[data-board="view"]{margin-top:4rem; overflow: hidden; border-top: 2px solid #151515;}
[data-board="view"] .view_h{padding: 2.4rem 2rem; border-bottom: 1px solid var(--color-text-white7);}
[data-board="view"] .view_h .cate_tag{display:inline-block; margin-bottom:0.6rem; padding:0.4rem 1rem; border-radius:10rem; background:#FFEAE3; color:#C24517; font-size:14px; line-height:1.5;}
[data-board="view"] .view_h >strong{display: block; color: var(--color-text-black3); font-size: 2.4rem; font-weight: 700; line-height: 1.5; letter-spacing: -0.022rem;}
[data-board="view"] .view_h >ul{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 0.2rem 0; margin-top: 2rem;}
[data-board="view"] .view_h >ul >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center; color: var(--color-text-black5); font-size: 15px; font-weight: 400; line-height: 1.2;}
[data-board="view"] .view_h >ul >li:not(:last-child):after{content: ""; display: block; width: 1px; height: 1.6rem; margin: 0 1.6rem; background-color: var(--color-text-white9);}
[data-board="view"] .view_h >ul >li strong{display: block; margin-right: 0.8rem; font-weight: 500;}


[data-board="view"] .view_m{position: relative; border-bottom: 1px solid var(--color-text-white9);}
[data-board="view"] .view_m .img_wrap{margin-top:2rem; margin-bottom:2rem; padding: 4rem 8rem; border-bottom:1px solid #eee;}
[data-board="view"] .view_m .img_wrap >img{display: block; width: auto; max-width: 100%; margin: 0 auto;}
[data-board="view"] .view_m .img_wrap >img + img{margin-top:2rem;}
[data-board="view"] .view_m .img_wrap iframe{display: block; max-width:100%; margin: 0 auto;}
[data-board="view"] .view_m .img_wrap .slides{position: relative;}
[data-board="view"] .view_m .img_wrap .slides .swiper{position: relative; width: 954px; max-width: 100%; height: 0; padding-top: 41.236%; border-radius: 1rem;}
[data-board="view"] .view_m .img_wrap .slides .swiper .swiper-wrapper{position: absolute; top: 0; left: 0;}
[data-board="view"] .view_m .img_wrap .slides >a{
    display: block; width: 5.6rem; height: 5.6rem; position: absolute; top: 50%; left: 50%; z-index: 1; background: #fff url(../../../images/site/skin/board_img04.svg) no-repeat center center / 100% auto; border: 1px solid #CDD1D5; border-radius: 50%; text-indent: -9999px;
    transform: translateY(-50%);
}
[data-board="view"] .view_m .img_wrap .slides >a.prev{margin-left: calc((-954px / 2) - 4rem - 2.8rem);}
[data-board="view"] .view_m .img_wrap .slides >a.next{
    left: auto; right: 50%; margin-right: calc((-954px / 2) - 4rem - 2.8rem);
    transform: rotate(180deg);
}
[data-board="view"] .view_m .img_wrap .slides .pagination{padding-top:1rem; text-align: center;}
[data-board="view"] .view_m .img_wrap .slides .pagination .swiper-pagination-bullet{width:1rem; height:1rem; background-color:#CDD1D5; opacity: 1;}
[data-board="view"] .view_m .img_wrap .slides .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:3rem; border-radius: 1rem; background-color:#6D7882;}
[data-board="view"] .view_m .img_wrap .slides .swiper .swiper-wrapper{}
[data-board="view"] .view_m .img_wrap .slides .swiper .swiper-wrapper .swiper-slide{background: none;}
[data-board="view"] .view_m .img_wrap .slides .swiper .swiper-wrapper .swiper-slide img{display: block; width: 100%; height: 100%; object-fit: contain;}
[data-board="view"] .view_m .img_thumb{position: relative; width: 100%; max-width: 1140px; height: 0; margin: 2.4rem auto; padding: 8.33% 6rem 0;}
[data-board="view"] .view_m .img_thumb:before{content: ""; display: block; position: absolute; bottom: -2.4rem; left: -50%; width: 200vw; height: 1px; background-color: var(--color-text-white9);}
[data-board="view"] .view_m .img_thumb >a{
    display: block; width: 4rem; height: 4rem; position: absolute; top: 50%; left: 0; background:#fff url(../../../images/site/skin/board_img04.svg) no-repeat center center / 100% auto; border: 1px solid #CDD1D5; border-radius: 50%; text-indent: -9999px;
    transform: translateY(-50%);
    transition: all 0.2s linear;
}
[data-board="view"] .view_m .img_thumb >a:hover{background-color: var(--color-primary2-focus);}
[data-board="view"] .view_m .img_thumb >a.next{
    left: auto; right: 0;
    transform: translateY(-50%) rotate(180deg);
}
[data-board="view"] .view_m .img_thumb .swiper{position: absolute; top: 0; left: 6rem; width: calc(100% - 12rem); height: 100%;}
[data-board="view"] .view_m .img_thumb .swiper .swiper-wrapper .swiper-slide{overflow: hidden; background: none; border-radius: 0.8rem; cursor: pointer;}
[data-board="view"] .view_m .img_thumb .swiper .swiper-wrapper .swiper-slide:before{
    content: ""; opacity: 1; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
    transition: all 0.2s linear;
}
[data-board="view"] .view_m .img_thumb .swiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:before{opacity: 0;}
[data-board="view"] .view_m .img_thumb .swiper .swiper-wrapper .swiper-slide:before{}
[data-board="view"] .view_m .img_thumb .swiper .swiper-wrapper .swiper-slide img{display: block; width: 100%; height: 100%; object-fit: cover;}
[data-board="view"] .view_m .board_txt{padding: 4rem 2rem; color: var(--color-text-black); font-weight: 400; line-height: 1.6;}
/* 본문 표 기본 테두리 — 편집기에서 지정한 테두리(인라인 style)는 이 규칙보다 우선한다 */
[data-board="view"] .view_m .board_txt table{border-collapse: collapse;}
[data-board="view"] .view_m .board_txt th,
[data-board="view"] .view_m .board_txt td{border: 1px solid #CDD1D5;}
[data-board="view"] .view_m img{max-width:100%; height:auto !important;}
[data-board="view"] .file{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 2.1rem; padding: 1.6rem 2rem; border-bottom: 1px solid #CDD1D5;}
[data-board="view"] .file >strong{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: 7.5rem; color: var(--color-text-black3); font-size: 1.5rem; font-weight: 600; border-right: 1px solid var(--color-text-white9);}
[data-board="view"] .file >ul{flex: 1;}
[data-board="view"] .file >ul >li{display: flex; flex-wrap: wrap; justify-content:space-between ; align-content: center; align-items: center; gap: 0.4rem 0.8rem; position: relative; padding-left: 3.2rem;}
[data-board="view"] .file >ul >li:not(:first-child){margin-top: 1.2rem;}
[data-board="view"] .file >ul >li >img{display: block; width: 2.4rem; height: 2.4rem; position: absolute; top: 0.2rem; left: 0;}
[data-board="view"] .file >ul >li >strong{display: block; color: var(--color-text-black5); font-weight: 500; font-size: 1.5rem;}
[data-board="view"] .file >ul >li >div{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 0.4rem;}
[data-board="view"] .file >ul >li >div a{
    display: block; padding: 0.8rem 1rem; font-size: 1.5rem; line-height: 1; font-weight: 500; color: var(--color-primary1); border: 1px solid var(--color-primary1); background-color: rgba(182, 43, 91, 0.06); border-radius: 0.4rem;
    transition: all 0.2s linear;
}
[data-board="view"] .file >ul >li >div a:hover{border-color: var(--color-primary1-hover); color: var(--color-primary1-hover);}
[data-board="view"] .file >ul >li >div a:focus{border-color: var(--color-primary1-focus); color: var(--color-primary1-focus);}
[data-board="view"] .file >ul >li >div a.preview{color: #58616A; background-color: var(--color-primary5); border-color: #58616A;}
[data-board="view"] .file >ul >li >div a.preview:hover{background-color: var(--color-primary5-hover);}
[data-board="view"] .file >ul >li >div a.preview:focus{background-color: var(--color-primary5-focus);}
[data-board="view"] .ggnuri{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 2.4rem; margin-top: 2.4rem; padding: 2.4rem; background-color: var(--color-text-white4); border-radius: 0.4rem;}
[data-board="view"] .ggnuri div{display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center; flex: 1; gap:2rem; color: var(--color-text-black2);}
[data-board="view"] .ggnuri div.titles{margin-bottom:1.2rem;}
[data-board="view"] .ggnuri div span{font-weight: 500; font-size: 1.6rem; word-break: break-all;}
[data-board="view"] .answer{margin-top: 4rem;}
[data-board="view"] .answer >strong{display: block; color: var(--color-text-black3); font-size: 2rem; font-weight: 600; line-height: 1.2;}
[data-board="view"] .answer >div{margin-top: 2.4rem; border-top: 2px solid var(--color-text-black3); border-bottom: 1px solid var(--color-text-black8);}
[data-board="view"] .answer >div >.title{display: flex; flex-wrap:wrap; gap:0.4rem 0; padding: 2.175rem 2rem; color: #58616A; font-size: 1.5rem;}
[data-board="view"] .answer >div >.title strong{display:inline-block; font-weight: 600;}
[data-board="view"] .answer >div >.title strong + strong{position:relative; margin-left:1.2rem; padding-left:1.2rem;}
[data-board="view"] .answer >div >.title strong + strong::before{content:""; display:block; position:absolute; left:0; top:50%; width:1px; height:1.2rem; background:#8A949E; transform: translateY(-50%);}
[data-board="view"] .answer >div >.title em{display: inline-block; margin-right: 1.2rem; color: var(--color-text-black5); font-weight: 400;}
[data-board="view"] .answer >div >p{padding: 3.2rem 2rem; color: var(--color-text-black5); font-size: 1.5rem; font-weight: 400; line-height: 1.66; border-top: 1px solid var(--color-text-white9);}
[data-board="view"] .comment{margin-top: 4rem;}
[data-board="view"] .comment >strong{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: center; gap: 0.2rem 1.4rem; margin-bottom: 2.4rem; color: var(--color-text-black3); font-size: 2rem; font-weight: 600; line-height: 1.2;}
[data-board="view"] .comment >strong b{font-weight: inherit; color: var(--color-text-blue);}
[data-board="view"] .comment >strong em{font-size: 1.6rem;}
[data-board="view"] .comment >strong .ml_auto{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; font-size: 1.5rem; font-weight: 400;}
[data-board="view"] .comment >strong .ml_auto a{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; font-size: 1.5rem; font-weight: 400; color: var(--color-text-black7);}
[data-board="view"] .comment >strong .ml_auto a.on{color: var(--color-text-black3);}
[data-board="view"] .comment >strong .ml_auto a:not(:last-child):after{content: ""; display: block; width: 1px; height: 1.2rem; margin: 0 1.2rem; background-color: var(--color-text-white7);}
[data-board="view"] .comment .inputs{margin-bottom: 2.4rem; padding: 2.4rem; background-color: var(--color-text-white4); border-radius: 0.8rem;}
[data-board="view"] .comment .inputs .t{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 1rem;}

/*-------------------------------------------------------------------
    댓글 / 대댓글 (.reply_box, .reply)
-------------------------------------------------------------------*/
[data-board="view"] .reply_top{display:flex; align-items: center; justify-content: space-between; margin-top:4rem;}
[data-board="view"] .reply_top > div{display:flex; align-items: center; gap:2rem;}
[data-board="view"] .reply_top > div strong{font-size:2rem; font-weight:700;}
[data-board="view"] .reply_top > div p{font-size:15px; font-weight:600;}
[data-board="view"] .reply_top > div p .point{color:#256EF4;}
[data-board="view"] .reply_top > ul{display:flex;}
[data-board="view"] .reply_top > ul > li{position:relative; color:#58616A; font-size:15px;}
[data-board="view"] .reply_top > ul > li a:hover{text-decoration: underline;}
[data-board="view"] .reply_top > ul > li.active{font-weight:600;}
[data-board="view"] .reply_top > ul > li + li{padding-left:1.2rem; margin-left:1.2rem;}
[data-board="view"] .reply_top > ul > li + li::before{content: ""; display: block; position: absolute; left: 0; top: 50%; width: 1px; height: 1.2rem; background:#8A949E; transform: translateY(-50%);}

[data-board="view"] .reply_box{margin-top:2.4rem; padding:2rem 2.4rem; background: #EEF2F7; border-radius: 0.8rem;}
[data-board="view"] .reply_box input[name="wrtrNm_pass"]{display: inline-block; width: 22rem; height: 40px; margin-bottom: 0.8rem; padding: 0 1.2rem; border: 1px solid #B1B8BE; border-radius: 0.6rem; background: #fff; font-size: 15px; color: #151515;}
[data-board="view"] .reply_box .chk{display:inline-block; vertical-align: middle; margin-top:0; margin-bottom:0.8rem; margin-left:0.8rem;}
[data-board="view"] .reply_box input[type="checkbox"]{position:absolute; left:0; top:0; visibility: inherit; overflow: hidden; width:1px; height:1px; opacity: 0;}
[data-board="view"] .reply_box input[type="checkbox"] + label{display:inline-block; position:relative; padding-left:2.8rem; color:#1E2124; font-size:16px; cursor: pointer;}
[data-board="view"] .reply_box input[type="checkbox"] + label::before{content:""; display:block; position:absolute; top:0.2rem; left:0; width:2rem; height:2rem; border-radius: 0.4rem; border:1px solid #B1B8BE; background:#fff;}
[data-board="view"] .reply_box input[type="checkbox"]:checked + label::before{border-color:#3472D6; background:#3472D6 url("../../../images/site/skin/board_img20.svg") no-repeat 50% 50% / auto;}
[data-board="view"] .reply_box .inputs{display: flex; flex-wrap:wrap; gap: 1rem; align-items: flex-start;}
[data-board="view"] .reply_box .inputs .textarea{flex: 1; padding: 0.8rem 1.2rem; border: 1px solid #B1B8BE; border-radius: 0.6rem; background: #fff; font-size: 15px; font-family: inherit; color: #151515; resize: vertical; outline: none;}
[data-board="view"] .reply_box .inputs .textarea:has(textarea:focus){outline:1px solid #000;}
[data-board="view"] .reply_box .inputs .textarea textarea{width:100%; min-height: 70px;border:none;}
[data-board="view"] .reply_box .inputs .textarea textarea:focus{border:none; outline: none;}
[data-board="view"] .reply_box .inputs .textarea p{color: #777; font-size:12px; font-weight:600;}
[data-board="view"] .reply_box .inputs .textarea p em{color:#555;}
[data-board="view"] .reply_box .inputs .btn_ok{display: flex; align-items: center; justify-content: center; padding: 1.2rem 1.6rem; background: #555; color: #fff; font-size: 15px; font-weight: 600; border-radius: 0.4rem; text-decoration: none; transition: background 0.2s ease;}
[data-board="view"] .reply_box .inputs .btn_ok:hover{background: #046C94;}
[data-board="view"] .reply_box span{display: block; margin-top: 1.2rem; color: #6D7882; font-size: 14px; line-height: 1.4;}

[data-board="view"] .reply{margin-top:2.4rem;}
[data-board="view"] .reply .txts{position: relative; padding: 2rem 2.4rem; border-bottom: 1px solid #CDD1D5;}
[data-board="view"] .reply .txts .writer{display: inline-block; color: #151515; font-size: 15px; font-weight: 600;}
[data-board="view"] .reply .txts .reply_contents{margin: 1.2rem 0; color: #333; font-size: 15px; line-height: 1.6; word-break: break-all; white-space: pre-wrap;}
[data-board="view"] .reply .txts > div .date{display: inline-block; color: #58616A; font-size: 13px;}
[data-board="view"] .reply .txts > div a{display: inline-block; color: #58616A; font-size: 13px;}
[data-board="view"] .reply .txts > div span + span{display: inline-block; position:relative; margin-left: 1.2rem; padding-left:1.2rem;}
[data-board="view"] .reply .txts > div span + span::before{content: ""; display: inline-block; position:absolute; left:0; top:10px; width: 1px; height: 10px; background-color: #8A949E;}


/* 대댓글 (Re-comment) */
[data-board="view"] .reply .txts.re{padding-left: 5.4rem; background: none;}
[data-board="view"] .reply .txts.re::before{content: ""; display: block; position: absolute; left: 2.4rem; top: 2.4rem; width: 2.4rem; height: 2.4rem; background:url("../../../images/site/skin/board_img22.svg") no-repeat 50% 50% / cover;}

[data-board="view"] .view_b{margin-top: 4rem; border-top: 1px solid var(--color-text-black8); border-bottom: 1px solid var(--color-text-black8);}
[data-board="view"] .view_b >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; position: relative;}
[data-board="view"] .view_b >li >strong{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0.6rem; width: 11rem; height: 5rem; background-color: var(--color-text-white4); font-size:1.5rem;}
[data-board="view"] .view_b >li >strong:before{content: ""; display: block; width: 1.2rem; height: 1.2rem; background: url(../../../images/site/skin/board_img17.svg) no-repeat center center / 100% auto;}
[data-board="view"] .view_b >li.next{border-top: 1px solid var(--color-text-white9);}
[data-board="view"] .view_b >li.next >strong:before{
    transform: rotate(180deg);
}
[data-board="view"] .view_b >li >div{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: calc(100% - 11rem); padding: 0 13rem 0 2.4rem; color: var(--color-text-black5); font-size: 1.6rem; font-weight: 500;}
[data-board="view"] .view_b >li >div a{overflow: hidden; display: inline-block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis;}
[data-board="view"] .view_b >li >div a:hover{text-decoration: underline; text-underline-position: under;}
[data-board="view"] .view_b >li span{
    position: absolute; top: 50%; right: 2.4rem; color: var(--color-text-black7); font-size: 1.5rem; font-weight: 400;
    transform: translateY(-50%);
}






@media screen and (max-width:1024px){
    [data-board="view"] .view_m .img_thumb{padding-top:14%;}
    [data-board="view"] .file{gap: 1.8rem; margin-top: 1.4rem; padding: 1.4rem 1.8rem;}
    [data-board="view"] .file >ul >li:not(:first-child){margin-top: 1rem;}
}
@media screen and (max-width:640px){
    [data-board="view"] .view_m .img_wrap{padding:2.4rem;}
    [data-board="view"] .view_m .img_wrap .slides .swiper{padding-top:60%;}
    [data-board="view"] .view_m .img_thumb{margin-top:0; padding-top:18%;}
    [data-board="view"] .view_m .board_txt{padding:3rem 2.4rem; font-size:15px;}
    /* 편집기로 넣은 표는 래퍼가 없으므로 table 자체를 스크롤 영역으로 만든다 */
    [data-board="view"] .view_m .board_txt table{display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}
    [data-board="view"] .file{display: block; margin-top: 1.2rem; padding: 1.2rem 1.6rem;}
    [data-board="view"] .file >strong{display: block; width: 100%; margin-bottom: 1rem; border-right: 0; font-size:14px;}
    [data-board="view"] .file >ul >li:not(:first-child){margin-top: 0.8rem;}
    [data-board="view"] .file >ul >li >strong{font-size:15px;}
    [data-board="view"] .file >ul >li >div a{font-size:14px;}
    [data-board="view"] .ggnuri{display: block;}
    [data-board="view"] .ggnuri img{display: block; max-width: 100%;}
    [data-board="view"] .view_b >li >strong,
    [data-board="view"] .view_b >li >div,
    [data-board="view"] .view_b >li span{font-size:14px;}
    [data-board="view"] .answer >div >.title,
    [data-board="view"] .answer >div >p{font-size:14px;}
    [data-board="view"] .reply_box{padding: 1.6rem;}
    /* [data-board="view"] .reply_box input[name="wrtrNm_pass"]{width: 100%;} */
    [data-board="view"] .ggnuri div.titles{font-size:14px;}
    [data-board="view"] .ggnuri div span{font-size:15px;}
    [data-board="view"] .reply .txts{padding:1.6rem 1.2rem;}
    [data-board="view"] .reply .txts.re{padding-left: 3.6rem;}
    [data-board="view"] .reply .txts.re::before{left: 0.8rem; top: 1.6rem;}
}
@media screen and (max-width:414px){
    [data-board="view"] .reply_box .inputs .textarea{flex:none; width:100%;}
    [data-board="view"] .reply_box .inputs .btn_ok{width:100%;}

}

/*-------------------------------------------------------------------
    달력 컴포넌트 (.apply-calendar)
-------------------------------------------------------------------*/
.apply-calendar{margin-bottom: 6rem;}

/* 상단 컨트롤 */
.apply-calendar .hd{display: flex; align-items: center; justify-content: center; flex-wrap:wrap; position: relative;}
.apply-calendar .hd .control{display:flex; align-items: center; justify-content:flex-start; gap: 0.8rem; width:100%; margin-bottom: 2.4rem;}
.apply-calendar .hd .control .now{font-size: 2.8rem; font-weight: 700; color: #151515; line-height: 1; letter-spacing: -0.05rem; margin: 0 1.2rem;}
.apply-calendar .hd .control a{display: flex; align-items: center; justify-content: center; width: 3.6rem; height: 3.6rem; border: 1px solid #DEDEDE; border-radius: 50%; background-color: #fff; background-repeat: no-repeat; background-position: 50% 50%; background-size: 1.6rem auto; text-indent: -9999px; transition: all 0.2s ease; cursor: pointer;}
.apply-calendar .hd .control a:hover{border-color: #333; background-color: #f8f8f8;}

.apply-calendar .hd .control a.btn-prev{background-image: url("../../../images/site/sub/ico_arr_04.svg");}
.apply-calendar .hd .control a.btn-next{background-image: url("../../../images/site/sub/ico_arr_05.svg");}

.apply-calendar .hd .legend{flex:1; display: flex; align-items: center; justify-content: flex-end; gap: 2rem;}
.apply-calendar .hd .legend > li{display: flex; align-items: center; gap: 0.6rem; font-size: 1.6rem; font-weight: 600; color: #333;}
.apply-calendar .hd .legend > li::before{content: ""; display: inline-block; width: 1.2rem; height: 1.2rem; border-radius: 50%;}
.apply-calendar .hd .legend > li.off::before{background-color: #33363D;}
.apply-calendar .hd .legend > li.edu::before{background-color: #EF6D3B;}
.apply-calendar .hd .legend > li.exhi::before{background-color: #0076A3;}
.apply-calendar .hd .legend > li.event::before{background-color: #05A63B;}


/* 본문 테이블 */
.apply-calendar .bd{width: 100%; overflow-x: auto;}
.apply-calendar .bd table{width: 100%; min-width: 80rem; table-layout: fixed; border-collapse: collapse; border-top: 2px solid #151515;}
.apply-calendar .bd table thead th{height: 5rem; padding: 1rem; border-bottom: 1px solid #CDD1D5; background: #F8F8F8; font-size: 1.8rem; font-weight: 600; color: #151515; text-align: center;}
.apply-calendar .bd table thead th:not(:last-child){border-right: 1px solid #CDD1D5;}
.apply-calendar .bd table thead th.sun{color: #E03E3E;}
.apply-calendar .bd table thead th.sat{color: #2B6CB0;}

.apply-calendar .bd table tbody td{height: 14rem; vertical-align: top; padding: 1.6rem; border-bottom: 1px solid #CDD1D5; background: #fff; transition: background 0.2s ease;}
.apply-calendar .bd table tbody td:not(:last-child){border-right: 1px solid #CDD1D5;}
.apply-calendar .bd table tbody td.disabled{background: #FAFAFA;}
.apply-calendar .bd table tbody td.today,
.apply-calendar .bd table tbody td.selected{background: #FDE8E1; outline: 1px solid #EF6D3B;}

.apply-calendar .bd table tbody td .day,
.apply-calendar .bd table tbody td span.day{font-size: 1.6rem; font-weight: 700; color: #333; line-height: 1; display: inline-block; margin-bottom: 0.8rem;}
.apply-calendar .bd table tbody td .day.sun,
.apply-calendar .bd table tbody td span.day.sun{color: #E03E3E;}
.apply-calendar .bd table tbody td .day.sat,
.apply-calendar .bd table tbody td span.day.sat{color: #2B6CB0;}
.apply-calendar .bd table tbody td .day.next,
.apply-calendar .bd table tbody td .day.prev{color: #aaa;}

.apply-calendar .bd table tbody td ul.times{display: flex; flex-direction: column; align-items: flex-start; gap: 0.6rem; margin: 0; padding: 0; list-style: none;}
.apply-calendar .bd table tbody td ul.times li{display: flex; align-items: center; height: 28px; padding: 0 0.8rem; border-radius: 0.4rem; color: #fff; font-size: 1.6rem; font-weight: 500; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: opacity 0.2s ease;}
.apply-calendar .bd table tbody td ul.times li a{display:flex; align-items: center; height:100%; color: #fff; text-decoration: none;}
.apply-calendar .bd table tbody td ul.times li:hover{opacity: 0.85;}

@media screen and (max-width: 1024px) {
    .apply-calendar .hd{flex-direction: column; gap: 1.6rem;}
}
@media screen and (max-width: 768px) {
    .apply-calendar .hd .control .now{font-size: 20px;}
    .apply-calendar .bd table tbody td{height: 11rem; padding: 0.8rem 0.6rem;}
    .apply-calendar .bd table tbody td .day,
    .apply-calendar .bd table tbody td span.day{font-size: 14px;}
    .apply-calendar .bd table tbody td ul.times li{height: 22px; font-size: 14px;}
    .apply-calendar .hd .legend > li{font-size:14px;}
}
@media screen and (max-width: 520px) {
    .apply-calendar .hd .control{flex-wrap:wrap; justify-content: center; margin-bottom:0;}
    .apply-calendar .hd .legend{flex:none; width:100%; margin-top:0.4rem; justify-content: center;}
}

.calendar_detail .title1{font-size:2.4rem; margin-bottom:1.2rem;}
.calendar_detail .table tbody tr td.left{text-align: left;}

/*-------------------------------------------------------------------
    팝업
-------------------------------------------------------------------*/
[data-skin="popup"] {
    display: none; visibility: hidden; position: absolute; top: 50%; left: 50%; z-index: 9999; width: 100vw; height: 100vh;
    transform: translate(-50%,-50%);
    -webkit-transition: visibility 0.4s linear; transition: visibility 0.4s linear;
}
body:not(#onepage) [data-skin="popup"]{position: fixed; height: 100%;}
[data-skin="popup"].on {display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; visibility: visible;}
[data-skin="popup"]:before{content: ""; display: none; position: fixed; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7);}
[data-skin="popup"].on:before{display: block;}
[data-skin="popup"] >.bx{position: fixed; z-index: 1; width: auto; max-width: 100%; max-height: 100%; padding: 0 5rem;}
[data-skin="popup"] >.bx >.in{overflow-y: auto; height: auto; max-height: calc(100vh - 30rem); border-radius: 3rem;}
[data-skin="popup"] >.bx >.in >.video{display: block; width: 800px; max-width: 100%; max-height: calc(100vh - 10rem); border-radius: 3rem;}
[data-skin="popup"] >.bx >.in >.video video{display: block; width: 100%; height: auto;}
[data-skin="popup"] >.bx >.in >.video .v_stop{display: block; position: absolute; top: -9999px; left: -9999px;}
[data-skin="popup"] >.bx >.in >img{display: block; width: 800px; max-width: 100%; max-height: calc(100vh - 10rem); border-radius: 3rem 3rem 0 0;}
[data-skin="popup"] >.bx >.in >.desc{width: 800px; max-width: 100%; padding: 4rem; margin-top: -1px; background-color: #153E93; border-radius: 0 0 3rem 3rem; color: #FFF; font-size: 2rem; font-weight: 400; line-height: 1.5;}
[data-skin="popup"] >.bx .close{
    display: block; position: absolute; top: 0; left: 100%; width: 6.4rem; height: 6.4rem; border-radius: 50%; text-indent: -9999px; background-color: #fff; box-shadow: 0 0.4rem 1rem rgba(0,0,0,0.2); cursor: pointer;
    -webkit-transform: translate(-125%,-50%); transform: translate(-125%,-50%);
}
[data-skin="popup"] >.bx .close:before{
    content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../../images/site/onepage/sec04_img11.svg) no-repeat center center / 100% auto; border-radius: 50%;
    -webkit-transform: rotate(0); transform: rotate(0);
    -webkit-transition: all 0.15s linear; transition: all 0.15s linear;
}
[data-skin="popup"] >.bx .close:hover:before{
    -webkit-transform: rotate(180deg); transform: rotate(180deg);
}

/* 컨텐츠 팝업 */
[data-skin="popup"] >.inner{overflow: hidden; position: relative; width: 100%; max-width: 50rem; height: auto; margin: 0 3rem; border-radius: 0.8rem;}
[data-skin="popup"][data-size="l"] >.inner{max-width: calc(1440px + 4rem);}
[data-skin="popup"] >.inner >.titles{padding: 1.5rem 6rem 1.5rem 2rem; background: #0076A3 url(../../../images/site/skin/popup_img01.svg) no-repeat right bottom / auto 100%;}
[data-skin="popup"] >.inner >.titles >strong{display: block; font-size: 2rem; font-weight: 600; color: #fff; line-height: 1.2;}
[data-skin="popup"] >.inner >.in{padding: 3rem; background-color: #fff;}
[data-skin="popup"] >.inner >.in >.desc{overflow-y: auto; height: auto; max-height: 42.6rem; color:#555; font-size:1.7rem; font-weight:600;}
[data-skin="popup"][data-size="l"] >.inner >.in >.desc{max-height: 70vh;}
[data-skin="popup"] >.inner >.in >.desc::-webkit-scrollbar{width: 4px; border-radius: 10px;}
[data-skin="popup"] >.inner >.in >.desc::-webkit-scrollbar-thumb{background-color: #AAA; border-radius: 10px;}
[data-skin="popup"] >.inner >.in >.desc::-webkit-scrollbar-track{background-color: #EEE; border-radius: 10px;}

[data-skin="popup"] >.inner .close{
    display: block; position: absolute; top: 1.6rem; right: 2rem; width: 2.4rem; height: 2.4rem; background: url(../../../images/site/skin/popup_img02.svg) no-repeat center center / 100% auto; text-indent: -9999px;
    -webkit-transform: rotate(0); transform: rotate(0);
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
[data-skin="popup"] >.inner .close:hover{
    -webkit-transform: rotate(180deg); transform: rotate(180deg);
}

[data-skin="input"] input{width:100%; height:4.8rem; padding:0.8rem 1.6rem; border:1px solid #B1B8BE; border-radius: 0.6rem;}

@media screen and (max-width: 640px){
    [data-skin="popup"] >.bx >.in >.desc{padding: 3rem; font-size: 1.9rem; font-weight: 400;}
}


/*-------------------------------------------------------------------
    게시판 작성/수정 [data-board="edit"]
-------------------------------------------------------------------*/
[data-board="edit"]{width:100%; border-top:2px solid #151515;}
[data-board="edit"] tbody tr{border-bottom:1px solid #E2E5E8;}
[data-board="edit"] tbody tr th{width:20rem; padding:2rem 2.4rem; background:#FAFAFA; text-align: left; font-size:1.6rem; font-weight:600; color:#151515; vertical-align: middle;}
[data-board="edit"] tbody tr td{padding:1.6rem 2.4rem; vertical-align: middle; font-size:1.5rem;}

[data-board="edit"] input[type="text"],
[data-board="edit"] input[type="password"],
[data-board="edit"] select{height:4.2rem; padding:0.4rem 1.6rem; border:1px solid #B1B8BE; border-radius: 0.6rem; font-size:1.6rem; color:#151515; outline:none; transition:border-color 0.2s;}
[data-board="edit"] select{padding-right: 3.6rem; background:url("../../../images/site/skin/board_img01.svg") no-repeat 92% 50%;}
[data-board="edit"] input[type="text"]:focus,
[data-board="edit"] input[type="password"]:focus,
[data-board="edit"] select:focus{border-color:#0076A3;}
[data-board="edit"] textarea{width:100%; height:24rem; padding:1.4rem 1.6rem; border:1px solid #B1B8BE; border-radius: 0.6rem; font-size:1.6rem; color:#151515; line-height:1.6; resize:vertical; outline:none; transition:border-color 0.2s;}
[data-board="edit"] textarea:focus{border-color:#0076A3;}
[data-board="edit"] .w100{width:100%;}
[data-board="edit"] .w50{width:calc(50% - 0.4rem);}
[data-board="edit"] input[type="radio"]{position:absolute; left:0; top:0; width:1px; height:1px; opacity: 0; overflow: hidden; visibility: hidden;}
[data-board="edit"] input[type="radio"] + label{display: block; position: relative;margin-right:1.2rem; padding-left: 2.8rem;font-size: 1.6rem;font-weight: 500;cursor: pointer;}
[data-board="edit"] input[type="radio"] + label::before{content: "";display: block;position: absolute;top: 0.2rem;left: 0;width: 2rem;height: 2rem;border-radius: 50%;border: 1px solid #B1B8BE;background: #fff;}
[data-board="edit"] input[type="radio"]:checked + label::before{border-color:#3472D6;}
[data-board="edit"] input[type="radio"]:checked + label::after{content: "";display: block;position: absolute;top: 0.72rem;left: 0.55rem;width: 1rem;height: 1rem;border-radius: 50%; background: #3472D6;}

/* 첨부파일 업로드 영역 */
.file_upload_area{}
.file_upload_area .file_drop_zone{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 2rem; border-radius: 1rem;background-color: #F4F5F6;text-align: center;transition: all 0.25s ease;}
.file_upload_area .file_drop_zone.drag_over{border-color: #0076A3;background-color: rgba(0, 118, 163, 0.06);}
.file_upload_area .file_drop_zone .file_input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;z-index: 2;}
.file_upload_area .file_drop_zone .drop_txt{margin-bottom: 1.6rem;color: #555;font-size: 1.6rem;font-weight: 500;line-height: 1.5;}
.file_upload_area .file_drop_zone .drop_txt strong{color: #0076A3;font-weight: 600;}
.file_upload_area .file_drop_zone .btn{position: relative;z-index: 3;cursor: pointer;}

.file_upload_area .file_top{display:flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap:1.2rem;}
.file_upload_area .file_top .count{font-size:1.5rem; color:#555; font-weight:500;}
.file_upload_area .file_top .count .point{color:#0076A3; font-weight:700;}
.file_upload_area .file_top .btn{height:4rem; padding:0.8rem 1.2rem;}

.file_upload_area .file_list{margin-top:0.8rem; display:flex; flex-wrap:wrap; gap:0.8rem;}
.file_upload_area .file_list > li{width:calc(50% - 0.4rem); display:flex; align-items: center; justify-content: space-between; gap:1.6rem; padding:1.4rem 0.6rem; border:1px solid #ddd; border-radius: 0.6rem;}
.file_upload_area .file_list > li .file_info{display:flex; align-items: center; gap:1rem; flex:1; min-width:0;}
.file_upload_area .file_list > li .file_info img{width:2.4rem; height:2.4rem; flex-shrink:0;}
.file_upload_area .file_list > li .file_info .name{color:#333; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.file_upload_area .file_list > li .btn_del{display:inline-block; padding:0 1rem;}
.file_upload_area .file_list > li .btn_del::after{content:""; display:inline-block; width:1.3rem; height:1.3rem; margin-left:0.4rem; background:url("../../../images/site/skin/board_img21.svg") no-repeat 50% 50% / cover;}

@media screen and (max-width:768px){
    [data-board="edit"] colgroup{display:none;}
    [data-board="edit"] tbody tr{display:block; width:100%;}
    [data-board="edit"] tbody tr th{display:block; width:100%; padding:1.4rem 1.6rem 0.6rem; background:transparent; font-size:14px;}
    [data-board="edit"] tbody tr td{display:block; width:100%; padding:0.6rem 1.6rem 1.4rem; font-size:14px;}
    .file_upload_area .file_drop_zone{padding:2.4rem 1.6rem;}
    .file_upload_area .file_top .count,
    .file_upload_area .file_drop_zone .drop_txt{font-size:14px;}
    .file_upload_area .file_list > li{width:100%; padding:1rem 1.2rem;}
    [data-board="edit"] input[type="text"],
    [data-board="edit"] input[type="password"],
    [data-board="edit"] select{font-size:14px;}
    [data-board="edit"] input[type="radio"] + label{font-size:14px;}
}

/*-------------------------------------------------------------------
    경영공시
-------------------------------------------------------------------*/
.disclosure{padding-top:4rem; border-top:2px solid #151515;}
.page_tab + .disclosure{padding-top:0; border-top:0;}
.disclosure .flx{display:flex; gap:4rem;}
.disclosure .page_tab{margin-bottom:0;}
.disclosure .text{flex:1;}
.disclosure .text p{font-size:2.6rem; font-weight:500;}
.disclosure .text p em{font-size:3rem; font-weight:600;}
.disclosure .text .btn{margin-top:2.4rem;}
.disclosure iframe{width:100%; margin-top:6rem;}
.disclosure .box{display:flex; flex-wrap:wrap; gap:2rem; margin-top:2.6rem;}
.disclosure .box >li{flex:1; padding:2rem; border-radius: 0.4rem; border:1px solid #ddd;}
.disclosure .box >li strong{display:block; margin-bottom:1.2rem; color:#444; font-size:1.6rem; font-weight:400;}
.disclosure .box >li a{position:relative; padding-left:2.4rem; color:#151515; font-size:1.6rem; font-weight:500;}
.disclosure .box >li a::before{content:""; display:block; position:absolute; left:0; top:0; width:1.8rem; height:1.8rem; background:url("../../../images/site/sub/ico_call.svg") no-repeat 50% 50% / cover;}
.disclosure .item{margin-top:4rem; padding:6rem 20rem; border-radius: 0.8rem; background:#F4F6F8;}
.disclosure .item > strong{display:block; margin-bottom:4rem; font-size:2.4rem; text-align: center;}
.disclosure .item .list{display:flex; gap:2.4rem;}
.disclosure .item .list >li{flex:1; position:relative; padding:1rem 2rem 6rem; border-radius: 0.8rem; background:#fff;}
.disclosure .item .list >li + li::before{content:""; display:block; position:absolute; right:100%; top:50%; transform: translateY(-50%); width:2.4rem; height:1px; background:#000;}
.disclosure .item .list >li strong{display:block; padding-bottom:2rem; margin-bottom:2rem; border-bottom:1px solid #ddd; font-size:1.8rem; font-weight:700; text-align: center;}
.disclosure .item .list >li strong::before{content:""; display:block; width:5rem; height:5rem; margin:0 auto; border-radius: 50%; background-color:rgba(255,255,255,0.1); background-repeat:no-repeat; background-size:auto; background-position:50% 50%;}
.disclosure .item .list >li:nth-child(1) strong::before{background-image:url("../../../images/site/sub/ico_process01.svg");}
.disclosure .item .list >li:nth-child(2) strong::before{background-image:url("../../../images/site/sub/ico_process02.svg");}
.disclosure .item .list >li:nth-child(3) strong::before{background-image:url("../../../images/site/sub/ico_process03.svg");}
.disclosure .item .list >li:nth-child(4) strong::before{background-image:url("../../../images/site/sub/ico_process04.svg");}
.disclosure .item .list >li p{position:relative; margin-top:2rem; font-size:1.6rem; font-weight:500; text-align: center;}
.disclosure .contacts{display:flex; flex-wrap:wrap; gap:1.2rem 2rem; margin-top:3rem;}
.disclosure .contact{flex:1; margin:0; padding:2rem;}
.disclosure .contact strong{display:block; font-size:16px;}
.disclosure .contact >a{float:left; margin-right:2rem;}

@media screen and (max-width: 1440px) {
    .disclosure .item{padding:6rem 4rem;}
    .disclosure .item .contacts{flex-direction: column;}
    .disclosure .item .list >li strong::before{width:7rem; height:7rem; background-size:6rem;}
    .disclosure .item .list >li p{margin-top:1.2rem;}
}
@media screen and (max-width: 1024px) {
    .disclosure .item .list{flex-wrap:wrap;}
    .disclosure .item .list >li{flex:none; width:calc(50% - 2rem);}
    .disclosure .item .list >li:nth-child(1){order:1;}
    .disclosure .item .list >li:nth-child(2){order:2;}
    .disclosure .item .list >li:nth-child(3){order:4;}
    .disclosure .item .list >li:nth-child(3)::before{width:1px; height:2.4rem; top:auto; bottom:100%; left:50%; transform: translateX(-50%);}
    .disclosure .item .list >li:nth-child(4){order:3;}
    .disclosure .item .list >li:nth-child(4)::before{left:100%;}

    .disclosure .flx{flex-direction: column;}
    .disclosure .flx .img img{max-width:100%; margin:0 auto;}
}
@media screen and (max-width: 768px) {
    .disclosure .text p{font-size:2.4rem;}
    .disclosure .text p em{font-size:2.6rem;}
    .disclosure .text p br{display:none;}
    .disclosure .box >li{flex:none; display:flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap:1rem 2rem; width:100%;}
    .disclosure .box >li strong{margin-bottom:0; font-size:14px;}
    .disclosure .box >li a{font-size:14px;}
    .disclosure .box >li a::before{top: 2px;}
    .disclosure .item{padding:4rem 2.4rem;}
    .disclosure .item > strong{margin-bottom:2rem; font-size:2rem;}
    .disclosure .item .list >li{display:flex; align-items: center; gap:20px; width:100%; padding:10px 20px 14px 20px; order:initial !important;}
    .disclosure .item .list >li + li::before{left:50%; top:auto; bottom:100%; width:1px; height:2.4rem; transform:translate(-50%, 0%);}
    .disclosure .item .list >li:nth-child(4)::before{left:50%}
    .disclosure .item .list >li strong{min-width:80px; margin:0; padding:0; border:none; font-size:15px;}
    .disclosure .item .list >li strong::before{width:44px; height:44px;}
    .disclosure .item .list >li p{margin-top:0; font-size:15px; text-align: left;}
    .disclosure .item .list >li p br{display:none;}

    .disclosure .text .btn{width:100%;}
}

/*-------------------------------------------------------------------
    no_board_data : 데이터 없는 경우
-------------------------------------------------------------------*/
.no_board_data{padding: 8rem 0; font-size: 1.8rem; text-align:center; border-top: 1px solid #2D2D2D; border-bottom:1px solid #EEE;}