input[type="hidden"],
input[type="hidden1"] {
  opacity:0 !important;
  height:0 !important;
}

.subBg {display:none !important;}
.tabBtnCustom01 li { width:190px; height:50px; line-height:50px; text-align:center; border-radius:25px; background-color:#eeeeef; } 
.tabBtnCustom01 li:not(:last-child) { margin-right:22px; } 
.tabBtnCustom01 li.active { background-color:var(--color01); } 
.tabBtnCustom01 li:hover { background-color:#000; } 
.tabBtnCustom01 li:hover p,
.tabBtnCustom01 li:hover a { color:#fff; opacity:1; } 
.tabBtnCustom01 li p,
.tabBtnCustom01 li a { font-size:20px; font-weight:400; color:#252a31; opacity:0.5; display:block; width:100%; height:100%;} 
.tabBtnCustom01 li.active p,
.tabBtnCustom01 li.active a { color:#fff; opacity:1; } 

/*  */
.faqBest {margin-bottom:80px;}
.faqBest p {font-size:22px; font-weight:500; color:#000; margin-bottom:20px;}
.faqBest ul {display:flex; flex-direction:row; align-items:stretch; justify-content:flex-start; width:100%;}
.faqBest ul li {width:33%; background-color:#555;}
.faqBest ul li:not(:last-child) {margin-right:0.5%;}
.faqBest ul li:hover {background-color:#0e112e;}
.faqBest ul li a {display:flex; flex-direction:column; justify-content:center; width:100%; padding:25px 0 25px 25px; box-sizing:border-box;}
.faqBest dt {font-size:19px; font-weight:500; color:#fff; padding-bottom:10px;}
.faqBest dd {font-size:17px; font-weight:300; color:#fff;}
.noResult p{
    width: calc(100% - 60px);
    background-color: #e0e0e0;
    border-radius: 20px;
    padding:45px 30px;
    text-align:center;
}
.noResult {
    margin-top:30px;
    padding-bottom:180px;
}
/* 탭박스 */
.tabWrap {text-align:center;}
.tabBtn {background-color:#e7fafa; padding:10px; border-radius:40px; display:inline-block; overflow:hidden; }
.tabBtn li {float:left;}
.tabBtn li a {padding:20px 50px; text-align:center; font-size:20px; font-weight:400; color:#000000; background-color:transparent; cursor:pointer; line-height:1; display:block;}
.tabBtn li.active a {color:var(--color06); background-color:#fff; border-radius:30px;}
.tabBtn02 {background-color:#ececec;}
.tabBtn02 li.active a {font-weight:500; color:#010101;}
.tabBtn02 li a {color:#818181;}
.tabBtn03 li a {padding:20px 25px;}
.tabBox .box .text {font-size:20px; font-weight:400; color:#333333;}
.tabBox .box .imgBox {margin-right:250px;}
.tabBox .box .textCircle {text-align:left;}
.tabBox .box .textCircle dl {top:52%; transform:translateY(-50%);}
.tabBox02 >div {display:none;}
.tabBox02 >div.on {display:block;}

.qnaTabBox {width:100%;}
.qnaTabBox ul {width:100%;}
.qnaTabBox >div {display:none}
.qnaTabBox >div.active {display:block;}

.pageSearch { width:700px; height:60px; margin:0 auto; position:relative; margin:0 auto; } 
.pageSearch form { width:100%; height:100%; padding-right:50px; } 
.pageSearch select {margin-right:5px; width:200px; height:60px; background-color:#fff; border-radius:6px; border:1px solid #ccc; box-sizing:border-box;
    font-size: 17px;
    font-weight: 400;
    color: #000;
    opacity: 0.5;
    background: url('../../_images/sub/select_arrow.png') no-repeat right 15px center;  
    background-color:#fff;
    background-size:12px 12px;
}
.pageSearch select:focus {
    opacity:1;
}
.pageSearch input { border: 1px solid #aaaaaa; border-radius: 5px; font-size: 14px; font-weight: 300; color: #000000; background: #fff; text-indent: 10px; box-sizing: border-box; border:1px solid #ccc; box-sizing:border-box; padding:4px 55px 4px 4px; border-radius:6px; width:100%; height:60px !important; background-color:#fff; } 
.pageSearch input, .pageSearch input::placeholder { font-size:17px; font-weight:400; color:#000; opacity:0.5; } 
.pageSearch input:focus { font-size:16px !important; font-weight:500; color:#111; border:2px solid #2b68e5; opacity:1; } 
.pageSearch button { background-color:transparent; position:absolute; top:50%; transform:translateY(-50%); right:22px; } 
.pageSearch button img { width:26px; } 

.linkBtn01 { margin:0 auto; text-align:center; font-size:20px; font-weight:500; color:#252a31; } 
.linkBtn01 i { font-size:30px; line-height:1; margin-left:5px; } 
.linkBtn01:hover { color:var(--color01); } 

.linkBtn02 { margin:35px auto 0 auto; text-align:center; font-size:18px; font-weight:400; background-color:#eeeeef; color:#252a31; width:280px; height:65px; line-height:65px; border-radius:32px; } 
.linkBtn02 img { margin-right:7px; } 
.linkBtn02 .hover { display:none; } 
.linkBtn02:hover { background-color:var(--color01); color:#fff; } 
.linkBtn02:hover img { display:none; } 
.linkBtn02:hover .hover { display:block; } 

.projectBtn { margin:35px auto 0 auto; flex-wrap:wrap;}
.projectBtn .linkBtn02 {margin:0 auto; margin-bottom:5px; }

@media screen and (max-width:980px){
	.projectBtn .linkBtn02 {width:auto; padding:0 15px; font-size:15px; height:50px; line-height:50px;}
}

/* 페이지네이션 */
.pagination { margin:70px auto 0 auto; } 
.pagination .pageBtn a { width:37px; height:37px; border-radius:50%; background-color:#777777; display:flex; justify-content:center; align-items:center; margin-right:3px; } 
.pagination .pageBtn a:hover { background-color:var(--color01); } 
.pagination .pageBtn a:last-child { margin-right:0; } 
.pagination .btn01 img { width:13px; } 
.pagination .btn02 img { width:5px; } 
.pagination ul { margin:0 15px; display:flex; flex-direction:row; align-items:center;} 
.pagination ul li { padding:8px 10px 10px 10px; border-top:1px solid transparent; border-bottom:1px solid transparent; } 
.pagination ul li.on { border-top:1px solid var(--color01); border-bottom:1px solid var(--color01); } 
.pagination ul li.on a { color:var(--color01); font-weight:600; } 
.pagination ul li a { font-size:18px; font-weight:400; color:#363d45; line-height:1; } 
.pagination ul li:hover a { color:var(--color01); } 


.statusCustom { width:70px; height:30px; line-height:30px; border-radius:15px; text-align:center; font-size:14px; font-weight:400; color:#fff; } 
.statusCustomPosition { position:absolute; top:-15px; left:25px; } 
.statusCustom01 {background-color:#e54b00; }
.statusCustom02 {background-color:#0590a5;}
.statusCustom03 {background-color:#333;}

.board {padding-top:120px; background-color:#f6f4f0;}
.sub .subTitle {text-align:center;  font-weight:300; color:#252a31;}
.sub .subTitle01 {font-size:40px; font-weight:700;}
.sub .subTitle01_info {font-size:15px; font-weight:400; color:#333; padding-top:10px; display:block;}

/* 리스트_1 */
.board_list01 {} 
.board_list01 >ul.on {display:flex;}
.board_list01 >ul { display:none; flex-direction:row; flex-wrap:wrap; } 
.board_list01 >ul >li { width:23%; border:2px solid #e6e6e6; box-sizing:border-box; border-radius:12px; overflow:hidden; margin-bottom:30px; } 
.board_list01 >ul >li:hover { border:2px solid #000; box-sizing:border-box; } 
.board_list01 >ul >li:not(:nth-child(4n)) { margin-right:2.66666666666%; } 
.board_list01 >ul >li .imgBox { width:100%; height:345px; /*160px;*/ background-color:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center; } 
.board_list01 >ul >li .imgBox img { max-height:100%; } 
.board_list01 >ul >li .textBox { background-color:#eeeeef; padding:40px 20px 25px 25px; position:relative; } 
.board_list01 >ul >li .subject { width:100%; min-height:45px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:18px; font-weight:400; color:#252a31; line-height:1.3; margin-bottom:30px; } 
.board_list01 dl { display:flex; flex-direction:row; align-items:center; } 
.board_list01 dl dt { width:85px; } 
.board_list01 dl dd { width:calc(100% - 85px); } 
.board_list01 dl dt,
.board_list01 dl dd { font-size:16px; font-weight:400; color:#000; opacity:0.5; } 
.board_list01 .check { margin-top:28px; display:flex; flex-direction:row; justify-content:space-between; } 
.board_list01 .check p { font-size:18px; font-weight:500; color:var(--color01); } 
.board_list01 .check .listBtn { opacity:0; width:34px; height:34px; border-radius:50%; background-color:#252a31; display:flex; flex-direction:column; justify-content:center; align-items:center; } 
.board_list01 .check .listBtn i { font-size:24px; color:#fff; } 
.board_list01 >ul >li:hover .check .listBtn { opacity:1; } 


/* 뷰_1 */
.board_view01 { width:100%; align-items: flex-start;} 
.board_view01 .viewContent { width:calc(100% - 435px); border-bottom:1px solid #d0d0d0; box-sizing:border-box; } 
.board_view01 .infoBox .imgBox { width:100%; height:350px; /*200px;*/  display: flex; flex-direction: column; justify-content: center; align-items: center; background-color:#fff; overflow:hidden;}  
.board_view01 .infoBox .imgBox img {max-width:100%; }
.board_view01 .infoBox { width:400px; margin-left:35px; border:2px solid #f3f3f3; box-sizing:border-box; border-radius:12px; overflow:hidden; } 
.board_view01 .infoBox .textBox { width:calc(100% - 40px); padding:30px 20px 20px 20px; background-color:#fff; border-top:2px solid #f3f3f3; boxs-sizing:border-box;} 
.board_view01 .infoBox a { display:block; width:100%; background-color:#252a31; border-radius:8px; text-align:center; font-size:18px; font-weight:400; color:#fff; padding:12px 0; } 
.board_view01 .infoBox a:hover { background-color:var(--color01); } 
.board_view01 .infoBox a i { font-size:22px; margin-right:3px; } 
.board_view01 .infoBox ul,
.board_view01 .infoBox ul li { width:100%; } 
.board_view01 .infoBox ul { margin-bottom:30px; } 
.board_view01 .infoBox ul li:not(:last-child) { margin-bottom:20px; } 
.board_view01 .infoBox dl { display:flex; flex-direction:row; align-items:center; } 
.board_view01 .infoBox dt,
.board_view01 .infoBox dd { font-size:16px; color:#252a31; } 
.board_view01 .infoBox dt { font-weight:500; opacity:0.5; width:120px; } 
.board_view01 .infoBox dd { font-weight:400; width:calc(100% - 120px); } 
.board_view01 .title { font-size:30px; font-weight:500; color:#252a31; line-height:1.2; padding:20px 0 18px 0; border-bottom:2px solid #252a31; box-sizing:border-box; } 
.board_view01 .editBox { padding-top:50px; } 
.board_view01 .editBox p,
.board_view01 .editBox a { font-size:18px; font-weight:400; color:#656565; line-height:1.5; } 
.board_view01 .fixEdit {margin:30px 0; padding:20px 0; border:1px solid #ccc; box-sizing:border-box; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.board_view01 .fixEdit li {position:relative; width:50%; text-align:center;}
.board_view01 .fixEdit li:nth-child(1):after {content:''; width:1px; height:80%; background-color:#333; opacity:0.5; position:absolute; top:50%; transform:translateY(-50%); right:0; opacity:0.2;}
.board_view01 .fixEdit li p:nth-child(1) {font-size:18px; font-weight:500; color:#333; }
.board_view01 .fixEdit li p:nth-child(2) {font-size:18px; font-weight:400; color:#7b7b7b;}

/* 게시판_공통 */
.board .listNum { font-size: 16px; font-weight: 300; color: #333; } 
.board .listNum strong { font-weight: 700; padding: 0 2px; } 
.board .topBox { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; margin-bottom:20px; } 
.board .topBox::after { display: none; } 
.board .searchBox { display: flex; flex-direction: row; } 
.board .selectAll { position: relative; width: 150px; height: 50px; border: 1px solid #dddddd;; box-sizing: border-box; border-radius: 5px; margin-right: 5px; } 
.board .selectAll02 { width: 210px; } 
.board .selectAll button { background-color: transparent; width: 100%; position: relative; } 
.board .selectAll button i { position: absolute; top: 50%; margin-top: -14px; right: 10px; font-size: 28px; font-weight: 300; color: #757575;; } 
.board .selectAll button:focus-visible { outline: 1px solid #333; } 
.board .selectAll.active button i { transform: rotate(180deg); transition: all 0.3s; } 
.board .selectAll button { display: block; font-size: 18px; padding: 12px 40px 12px 16px; box-sizing: border-box; width: 100%; height: 100%; font-size: 18px; color: #757575;; line-height: 25px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.board .listBox { position: absolute; top: 50px; z-index: 2; background-color: #fff; border: 1px solid #dddddd;;; border-top: none; display: none; width: 100%; } 
.board .selectAll.active .listBox { display: block; } 
.board .selectAll.active .listBox li { border-bottom: 1px solid #ddd; } 
.board .selectAll.active .listBox li:last-child { border-bottom: none; } 
.board .listBox li span { line-height: 1; } 
.board .listBox li:hover { background-color: #dddddd;; cursor: pointer; } 
.board .listBox li:hover span { color: #333; } 
.board .inputBox { width: 445px; height: 50px; position: relative; } 
.board .inputBox input { width: 100%; height: 100%; border: 1px solid #dddddd;; box-sizing: border-box; border-radius: 5px; overflow: hidden; font-size: 16px; font-weight: 500; color: #333; padding: 0 40px 0 10px; } 
.board .inputBox input:focus { border: 2px solid #333; }
.board .inputBox input::placeholder { font-size: 16px; color: #757575;; font-weight: 300; } 
.board .inputBox button { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; cursor: pointer; background-color: transparent; line-height: 1; } 
.board .inputBox button:focus-visible { outline: 1px solid #333; } 
.board .writeBtn { margin-top: 20px; display: flex; flex-direction: column; justify-content: end; align-items: end; } 
.board .writeBtn a { border: 1px solid #333; width: 90px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #333; } 
.board .writeBtn a:hover { background-color: #333; border: none; color: #fff; } 
.board .boardInfo { text-align: center; font-size: 18px; color: #333; } 
.boardMove a { width: 110px; height: 43px; line-height: 43px; text-align: center; display: inline-block; border: 1px solid #333; border-radius: 8px; font-size: 16px; color: #333; } 
.boardMove a:hover { background-color: #000; color: #fff; } 
.boardMove a { width: 110px; height: 43px; line-height: 43px; text-align: center; display: inline-block; border: 1px solid #333; border-radius: 8px; font-size: 16px; color: #333; } 
.boardMove a:hover { background-color: #000; color: #fff; } 

/* 게시판_리스트형 */
.board .listType { width: 100%; } 
.board .listType ul { width: 100%; height: auto; border-top: 2px solid #111111; } 
.board .listType ul li { border-bottom: 1px solid #DDDDDD; box-sizing: border-box; } 
.board .listType ul li:hover { background-color: #ececec; } 
.board .listType ul li a { padding: 30px 20px; padding-left: 0px; width: 100%; height: 100%; display: block; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } 
.board .listType ul li::after { display: none; } 
.board .listType ul li .areaBox { width: 100%; display: flex; flex-direction: row; align-items: center; } 
.board .listType ul li .areaBox .numBox { width: 10%; text-align: center; font-size: 18px; color: #333; } 
.board .listType ul li .areaBox .numBox.active { font-weight: 700; color: var(--color01); } 
.board .listType ul li .infoBox { width: 90%; } 
.board .listType ul li dt { width: 100%; line-height: 1; display: flex; flex-direction: row; align-items: center; padding-bottom: 7px; } 
.board .listType ul li dt p { padding-right: 12px; font-size: 17px; font-weight:400; color:#333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.1; } 
.board .listType ul li dt .cate { color:#000; margin-right: 5px; } 
.board .listType ul li:hover dt p { color: #000 !important; } 
.board .listType ul li:hover dt .cate { color: var(--color01) !important; } 
.board .listType ul li dt .new i { font-size: 26px; color: var(--color01); } 
.board .listType ul li dd { display: flex; flex-direction: row; align-items: center; line-height: 1; } 
.board .listType ul li dd p { display: inline-block; font-size: 14px; font-weight: 400; color: #8b8b8b; padding-right: 10px; margin-right: 10px; position: relative; display: inline-block; line-height: 1; } 
.board .listType ul li:hover dd p { color: #000; } 
.board .listType ul li dd p:last-child::after { display: none; } 
.board .listType ul li dd p::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; display: block; width: 1px; height: 12px; background-color: #B4B4B4; } 
.board .listType ul li dd p .num { display: inline-block; } 
.board .listType ul li .content button { background-color: transparent; position: relative; } 
.board .listType ul li .content button:hover .num { background-color: var(--point); transition: all 0.3s; } 
.board .listType ul li .content button:hover svg path { fill: var(--point); } 
.board .listType ul li .content .num { position: absolute; bottom: -4px; right: -14px; width: 24px; height: 24px; line-height: 24px; background-color: #333; border-radius: 50%; font-family: 'Roboto-Regular'; font-size: 12px; color: #fff; } 
.board .listType ul li .infoBox02 {display:flex; flex-direction:row; align-items:center; justify-content:space-between;}
.board .listType ul li .infoBox02 >p {width:100px; font-size:16px; font-weight:300; color:#000; text-align:center;}
.board .listType ul li .infoBox02 >p.active {font-weight:500; color:var(--color01);}
.board .listType ul li .infoBox02 dl {width:calc(100% - 100px);}
/* 게시판_페이지네이션 */
/* s:게시판_뷰페이지 */
.boardView { margin: 0 auto; } 
.boardView .title { padding-bottom: 60px; font-size: 45px; font-weight: 900; color: #333333; } 
.boardView .topBox { border-top: 2px solid #1A1A1A; border-bottom: 1px solid #dddddd; box-sizing: border-box; padding: 25px 0; } 
.boardView .topBox dt { width: 100%; padding-bottom: 10px; line-height: 1; display: flex; flex-direction: row; align-items: center; } 
.boardView .topBox dt p { font-size: 1.125rem; font-weight: 400; color: #333; line-height: 1.3;; } 
.boardView .topBox dd { display: flex; flex-direction: row; align-items: center; } 
.boardView .topBox dd p { display: inline-block; font-size: 16px; font-weight: 300; color: #939393; padding-right: 10px; margin-right: 10px; position: relative; display: inline-block; line-height: 1; display: flex; flex-direction: row; align-items: baseline; } 
.boardView .topBox dd p:last-child::after { display: none; } 
.boardView .topBox dd p::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; display: block; width: 1px; height: 12px; background-color: #B4B4B4; } 
.boardView .topBox dd p .num { display: inline-block; font-family: 'Roboto', sans-serif; font-weight: 400; } 
.boardView .topBox dd p i { font-size: 1.2em; color: #666; margin-right: 5px; line-height: 1; position: relative; top: 1.2px; } 
.boardView .fileBox { width: 100%; } 
.boardView .fileBox li:last-child { margin-bottom:50px;}
.boardView .fileBox li { position: relative; width:100%; height:55px; background-color:#e9e9e9; border-bottom: 0.5px solid #ddd; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } 
.boardView .fileBox li a { width: 90%; padding: 13px 20px; display: flex; flex-direction: row; align-items: center; box-sizing: border-box; } 
.boardView .fileBox li:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; } 
.boardView .fileBox li:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: none; } 
.boardView .fileBox li:hover { background-color: #e9e9e9; } 
.boardView .fileBox li:last-child a { border-bottom: none; } 
.boardView .fileBox li p { padding-left: 10px; font-size: 16px; font-weight: 400; color: #666666; } 
.boardView .fileBox li img { width: 25px; } 
.boardView .fileBox li i { font-size: 1.5rem; color: #666666; font-weight: 100; } 
.boardView .fileBox li .fileDelete { border: 1px solid #333; box-sizing: border-box; border-radius: 8px; width: 60px; height: 30px; font-size: 16px; color: #333; margin-right: 20px; } 
.boardView .fileBox li .fileDelete:hover { background-color: #333; color: #fff; } 
.boardView .editBox { padding:40px 0 50px 0; border-bottom: 1px solid #DDDDDD; line-height: 2; } 
.boardView .editBox p {word-break:keep-all;}
.boardView .editBox p,
.boardView .editBox a {font-size:1em; font-weight:400; color:#333;}
.boardView .editBox .maxWidth100 { width: 100%; } 
.boardView .editBox img { max-width: 90% !important; margin: 0 auto; display: block; } 
.boardView .editBox iframe { display: block; margin: 0 auto; } 
.boardView .boardMove { display: flex; flex-direction: row; margin: 30px auto 60px auto; } 
.boardView .boardMove .lfBox a:nth-child(1) { margin-right: 5px; } 
.boardView .boardMove .listMove { background-color: #444; color: #fff; } 
.boardView .boardMove .listMove:hover { background-color: #000; transition: all 0.3s; } 
.boardView .moveBox { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box; padding: 25px 0px; position: relative; } 
.boardView .moveBox::after { content: ''; width: 1px; height: 50px; background-color: #ddd; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } 
.boardView .moveBox ul { display: flex; flex-direction: row; justify-content: space-between; } 
.boardView .moveBox ul::after { display: block; } 
.boardView .moveBox ul li { width: 50%; } 
.boardView .moveBox ul li li::after, .boardView .moveBox ul li a::after { display: block; } 
.boardView .moveBox ul li a { width: 100%; } 
.boardView .moveBox ul li dl { width:calc(100% - 60px); } 
.boardView .moveBox ul li a { display: flex; flex-direction: row; align-items: center; } 
.boardView .moveBox ul li.prev a { justify-content: left; text-align: left; } 
.boardView .moveBox ul li.next a { justify-content: right; text-align: right; } 
.boardView .moveBox ul li i { font-size: 20px; color: #666; } 
.boardView .moveBox ul li dl { padding: 0 20px; } 
.boardView .moveBox ul li dt { font-size: 16px; font-style: normal; font-weight: 300; color: #757575; margin-bottom: 8px; } 
.boardView .moveBox ul li dd { font-size: 18px; font-style: normal; font-weight: 400; color: #333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.boardView .moveBox ul li:hover i { color: #000; } 
.boardView .moveBox ul li:hover dt { color: #000; } 
.boardView .moveBox ul li:hover dd { color: #000; } 
.boardView .moveBox ul li.empty { opacity: 0.7; } 
.boardView .moveBox ul li.empty i { opacity: 0.6; } 
.boardView .moveBox ul li:hover { opacity: 1; } 

/* 게시판_갤러리형 */
.board .thumType { width: 100%; } 
.board .thumType ul { width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: initial; flex-wrap: wrap; column-gap: 22px; row-gap: 80px; } 
.board .thumType ul::after { display: block; } 
.board .thumType ul li { width: calc(33.3333333333% - 15px); } 
.board .thumType ul li a, .board .thumType ul li .thumb, .board .thumType ul li img { width: 100%; } 
.board .thumType ul li .thumb { margin-bottom: 20px; border-radius: 15px; overflow: hidden; width: 100%; height: 305px; border: 1px solid #e2e2e2; box-sizing: border-box; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; } 
.board .thumType ul li .thumb .img { width: calc(100% + 4px); height: calc(100% + 4px); background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; top: -2px; left: -2px; } 
.board .thumType ul li .thumb img { width: 100%; max-width: 100%; } 
.board .thumType ul li .eventEnd { position: relative; } 
.board .thumType ul li .eventEnd::before { content: '종료된 이벤트'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 18px; font-weight: 400; color: #fff; } 
.board .thumType ul li .cate { font-size: 1em; font-weight: 400; color: var(--color01); } 
.board .thumType ul li dt { font-size: 24px; font-weight: 400; line-height: 1.3; padding-top: 12px; color: #000; position: relative; display: block; } 
.board .thumType ul li .boardTit { font-size: 24px; font-weight: 400; line-height: 1.3; padding-top: 12px; color: #000; position: relative; display: block; } 
.board .thumType ul li:hover dt { color: #000; text-decoration: underline; text-underline-position: under; text-decoration-thickness: auto; text-decoration-color: var(--pointColor); transition: all 0.3s; } 
.board .thumType ul li:hover dd { color: #000; } 
.board .thumType ul li dd { font-size: 18px; font-weight: 300; line-height: 1.3; color: #333; letter-spacing: -0.6px; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-top: 20px; } 
.board .thumType ul li .date { margin-top: 20px; font-family: 'Roboto', sans-serif; font-size: 1em; font-weight: 300; color: #666; letter-spacing: -0.6px; display: block; } 
.board .thumType ul li:hover .date { color: #000; } 

.counsellingBox {width:100%; display:flex; flex-direction:row; align-items:flex-start; justify-content:space-between;}
.counsellingBox ul {width:49%;}
.counselling_answer {margin-top:30px;}
.counselling_answer .box {width:calc(100% - 40px); background-color:#ebebeb; padding:20px; }
.counselling_answer .answerTit {font-size:16px; font-weight:500; color:#000; margin-bottom:5px; padding:0 !important;}
#counseling_view .boardView .editBox {padding:50px 0 70px 0 !important;}
#counseling_list .listType ul li .infoBox {padding-left:20px;}

.board_view01 .moTitle {display:none;}

.signBtnWrap {display:flex; flex-direction:row; justify-content:end; align-items:center; margin-top:40px;}
.signBtnWrap .signBtn { padding: 0 80px; width: fit-content; height: 54px; line-height: 54px; background: #333; color: #fff; font-size:18px; letter-spacing: -0.9px; border-radius: 100px; display: flex; align-items: center; justify-content: center;}
.signBtnWrap .signBtn02 {background-color:#333;}
.signBtnWrap .signBtn:hover {background-color:#000 !important;}

.counseling {
    padding:120px 0;
}
.counseling .inner {
    padding: 35px 30px;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #f1f1f4;
}
.counseling .subTitle01 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.9px;
    text-align: left;
    line-height: 1;
    width: 100%;
    border-bottom: 1px solid #dbdfe9;
    box-sizing: border-box;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.counselingAnswer {
    margin-top:50px;
}
.counselingAnswer .titleBox {
    border-top:1px solid #a7a7a7;
    border-bottom:1px solid #a7a7a7;
    padding:15px 20px;
    box-sizing:border-box;
    background-color:#ebebeb;    
    position:relative;
}
.counselingAnswer .titleBox strong {
    font-size:18px;
    font-weight:700;
    color:#333;
    display:block;
    width:100%;
    text-align:center;
}
.counselingAnswer .titleBox p {
    font-size:16px;
    font-weight:300;
    color:#939393;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:20px;
}
.counselingAnswer .textBox {
    padding:30px 20px;
    border-bottom:1px solid #a7a7a7;    
    box-sizing:border-box;
}
.counselingAnswer .textBox p {
    font-size:16px;
    font-weight:300;
    color:#333;
}


@media screen and (max-width:1580px) {
    .board_list01 >ul >li {width:24%;}
    .board_list01 >ul >li:not(:nth-child(4n)) {margin-right:1.33333333333333333333%;}
}
@media screen and (max-width:1280px) {
    .board_view01 .title {font-size:24px;}

    .tabBtnCustom01 li {width:160px; height:45px; line-height:45px;}
    .tabBtnCustom01 li:not(:last-child) {margin-right:10px;}
    .tabBtnCustom01 li p, .tabBtnCustom01 li a {font-size:18px;}
}
@media screen and (max-width:1080px) {
    .counseling .radio_container_wrap {flex-wrap:wrap;}
    .counseling .radio_container_wrap .radio_container {margin-bottom:10px; margin-right:10px; }
}
@media screen and (max-width:980px) {
    .noResult {padding-bottom:80px;}
}
@media screen and (max-width:980px) {
    .pagination {margin:80px auto 120px auto !important;}

    .linkBtn01 {margin-bottom:50px !important;}

    .pageSearch {width:100%;}
    .pageSearch form {height:50px; padding-right:35px;}
    .pageSearch input,
    .pageSearch select {height:100% !important;}
    .pageSearch select {
        width:120px;
        background: url('../../_images/sub/select_arrow.png') no-repeat right 15px center;  
        background-size:10px 10px; /* 원하는 크기로 지정 */
        background-color:#fff;
        font-size:15px;
    }
    .pageSearch input {width:calc(100% - 130px);}
    .pageSearch input::placeholder,
    .pageSearch input {font-size:16px;}
    .pageSearch button {top:43%; right:18px;}
    .pageSearch button img {width:22px;}

    .tabBtnCustom01 {margin-bottom:50px !important;}

    #projectView {background-color:#fff;}
    #projectWrite .inner02 {width:calc(100% - 40px);}
    #projectView .inner02 {width:100%;}
    .board_view01 {flex-direction:column;}
    .board_view01 .infoBox {width:100%;  }

    .board_view01 .moTitle {width:calc(100% - 40px); margin:20px auto;}
    .board_view01 .title {border-bottom:0; padding:20px 0 0 0;}
    .board_view01 .viewContent .title {display:none;}
    .board_view01 .viewContent .statusCustom {display:none;}
    .board_view01 .moTitle {display:block;}
    .board_view01 .infoBox {order:1; border:none; margin-left:0; border-radius:0;}
    .board_view01 .viewContent {order:2; width:calc(100% - 40px); margin:40px auto 0 auto; border-top:2px solid #252a31;}
    .board_view01 .infoBox .imgBox {height:250px;}
    .board_view01 .infoBox ul {background-color:#f0f0f0; border-radius:12px; width:calc(100% - 50px); padding:30px 25px; margin-bottom:20px;}
    .board_view01 .infoBox .textBox {padding:0 20px;}
    .board_view01 .editBox {padding-top:30px;}

    .board_list01 >ul >li {width:49%;}
    .board_list01 >ul >li:not(:nth-child(4n)) {margin-right:auto;}
    .board_list01 >ul >li:nth-child(2n) {margin-left:2%;}

    .board .listType ul li .areaBox .numBox {width:58px;}
    .board .listType ul li .infoBox {width:calc(100% - 58px);}

    .tabBtn li a {padding:15px 25px;}

    .faqBest ul li {width:32.5%;}
    .faqBest ul li a {width:100%; padding:20px 5px 20px 15px; box-sizing:border-box;}
    .faqBest dt {font-size:17px; padding-bottom:5px;}
    .faqBest dd {font-size:14px; letter-spacing:-1px;}
}
@media screen and (max-width:680px) {
    .pagination {margin:50px auto 0 auto !important; padding-bottom:100px !important;}

    .customBtn a {flex-direction:column; justify-content:center; align-items:center;}
    .customBtn a > p {text-align:center; font-weight:500; margin-bottom:15px; font-size:20px;}
    .customBtn .move p {font-size:19px; margin-top:-2px;}
    .customBtn .move .circle {width:27px; height:27px;}

    .sub .subTitle01 br {display:none;}

    .board_view01 .title {font-size:19px; line-height:1.3;}
    .board_view01 .infoBox ul {padding:25px 20px; width:calc(100% - 40px);}
    .board_view01 .infoBox dt, .board_view01 .infoBox dd {font-size:15px;}
    .board_view01 .infoBox dd {line-height:1.5;}
    .board_view01 .infoBox dt {width:110px;}
    .board_view01 .infoBox dd {width:calc(100% - 110px);}
    .board_view01 .infoBox dd br {display:none;}
    .board_view01 .infoBox ul li:not(:last-child) {margin-bottom:15px;}
    .board_view01 .editBox p, .board_view01 .editBox a {font-size:16px;}
    .board_view01 .fixEdit li p:nth-child(1),
    .board_view01 .fixEdit li p:nth-child(2) {font-size:16px;}
    .linkBtn02 {width:230px; height:60px; line-height:60px; font-size:16px;}
    .linkBtn02 img {margin-top:3px;}

    .board_list01 >ul >li {margin-bottom:20px;}
    .board_list01 >ul >li .subject {font-size:16px; margin-bottom:20px;}
    .board_list01 dl dt, .board_list01 dl dd {font-size:15px;}
    .board_list01 .check {margin-top:25px;}
    .board_list01 .check p {font-size:16px;}
    .board_list01 >ul >li .textBox {padding:30px 20px 20px 20px;}

    .board_list01 >ul >li .subject {min-height:auto;}
    .board_list01 >ul.on {display:block;}
    .board_list01 >ul >li {width:100%;}
    .board_list01 >ul >li:nth-child(2n) {margin-left:0;}
    .board_list01 >ul >li .check .listBtn {opacity:1; width:26px; height:26px; }
    .board_list01 .check .listBtn i {font-size:22px;}

    .customBtn {width:calc(100% - 40px); margin:0 auto;}
    .customBtn a {padding:35px 0; width:100%;}

    #counseling .radio_container_wrap {display:block;}
    #counseling .radio_container_wrap .radio_container {margin-bottom:10px;}
    .counsellingBox {display:block;}
    .counsellingBox ul {width:100%;}
    .counsellingBox ul:nth-child(1) {margin-bottom:20px;}
    .counseling .inner {padding:30px 20px;}

    .sub .subTitle01 {font-size:30px; margin-bottom:40px !important;}
    .board {padding-top:80px;}
    .board.pb160 {padding-bottom:80px !important;}
    .boardView .editBox {padding:50px 0 80px 0;}

    .faqBest ul li {width:32.5%;} 
    .faqBest dd {font-size:14px;}
}
@media screen and (max-width:480px) {
    .tabBtnCustom01 li {width:auto; height:auto; line-height:1; border-radius:25px; padding:10px 10px 12px 10px;}
    .tabBtnCustom01 li:not(:last-child) {margin-right:5px;}
    .tabBtnCustom01 li p, .tabBtnCustom01 li a {font-size:14px;}

    .linkBtn01 {margin-bottom:35px !important; font-size:18px;}
    .linkBtn01 i {font-size:22px; position:relative; top:2px;}

    .pagination ul {margin:0 10px;}
    .pagination ul li {padding:5px 5px;}
    .pagination .pageBtn a {width:27px; height:27px;}
    .pagination .btn02 img {width:4px;}
    .pagination .btn01 img {width:10px;}

    .customBtn a > p, .customBtn .move p {font-size:17px; }
    .customBtn a > p {padding:0 10px;}

    .boardView .moveBox ul li i {font-size:18px;}
    .boardView .moveBox ul li dl {width:calc(100% - 40px); padding:0; box-sizing:border-box;}
    .boardView .moveBox ul li dd {font-size:16px;}
    .boardView .moveBox ul li.prev dl {padding-left:5px;}
    .boardView .moveBox ul li.next dl {padding-right:5px;}

    .faqBest p {font-size:18px;}
    .faqBest {margin-bottom:40px;}
    .faqBest ul li {width:32.5%; align-items: stretch;} 
    .faqBest ul li a{padding:15px 5px 15px 10px;}
    .faqBest dt {font-size:15px; padding-bottom:5px;}
    .faqBest dd {font-size:13px; letter-spacing:-1.5px;}
    .board .listType ul li .infoBox02 dl {width:calc(100% - 45px);}
    .board .listType ul li .infoBox02 >p {width:45px; font-size:14px;}

    .sub .subTitle01 {font-size:22px; margin-bottom:20px; padding-bottom:20px;}
    .counseling .radio_container_wrap .radio_container {font-size:14px; padding-left:22px;}
    .counseling .radio_container_wrap .radio_chkmark {top:2px; width:16px; height:16px; box-sizing:border-box;}
    .counseling .radio_container_wrap .radio_chkmark:after {width:9px; height:9px;}
    .CertificationStatus .subTitle01 {padding-top:80px !important; margin-bottom:0 !important;}
}
@media screen and (max-width:380px) {

    .pageSearch input::placeholder,
    .pageSearch input {font-size:14px;}
    .pageSearch button {top:40%; right:15px;}
    .pageSearch button img {width:18px;}

    .board_view01 .infoBox .imgBox {height:190px;}
    .board_view01 .infoBox a {font-size:16px;}
    .board_view01 .infoBox a i {font-size:19px;}
    .board_view01 .title {font-size:18px; padding:15px 0 0 0;}
    
    .tabBtnCustom01 {margin-bottom:40px !important;}
    .tabBtnCustom01 li {width:auto; height:auto; line-height:1; border-radius:25px; padding:8px 8px 10px 8px;}
    .tabBtnCustom01 li:not(:last-child) {margin-right:5px;}
    .tabBtnCustom01 li p, .tabBtnCustom01 li a {font-size:13px;}

    .linkBtn01 i {font-size:20px; position:relative; top:2px; margin-left:3px;}

    .customBtn {border-radius:70px;}
    .customBtn a > p, .customBtn .move p {font-size:15px;}
}
@media screen and (max-width:340px) {
    .tabBtnCustom01 {flex-wrap:wrap;}
    .tabBtnCustom01 li {padding:5px 6px 9px 6px; border-radius:22px; margin-bottom:5px;}
    .tabBtnCustom01 li p, .tabBtnCustom01 li a {letter-spacing:-1.5px; line-height:1.1;}

    .customBtn a > p {padding:0 20px;}
    .customBtn a > p br {display:none;}

}