/*-- board css --*/

/*container*/
#board-wrap{padding: 80px 0;}

.board-wrap{margin-top: 80px;}

@media screen and (max-width: 720px){

	#board-wrap{padding: 56px 0;padding-top: 24px;}
	
	.board-wrap{margin-top: 56px;}
}

/*cate*/
#newCate{margin-bottom: 50px;margin-top: 60px;}
#newCate>ul{display: flex;border-bottom: 1px solid #e5e5e5;}
#newCate>ul>li{flex: 1;white-space: nowrap;}
#newCate>ul>li>a{display: block;width: 100%;height: 100%;font-size: var(--fs-18);font-weight: var(--fw-5);text-align: center;padding: 20px 0;color: var(--color-3);position: relative;}
#newCate>ul>li>a::after{content: "";position: absolute;bottom: -1px;left: 0;width: 100%;height: 2px;background: var(--color-6);z-index: 1;display: none;}
#newCate>ul>li>a#bo_cate_on{font-weight: var(--fw-6);color: var(--color-6);}
#newCate>ul>li>a#bo_cate_on::after{display: block;}

/*-- LIST --*/
.boardInfo{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 25px;}

.listCount{display: flex;gap: 5px;margin-top: 15px;font-weight: 400;}
.listCount span{color: #454545;}
.listCount b{font-weight: 600;}

@media screen and (max-width: 960px){

	.listCount{font-size: 15px;}
}

@media screen and (max-width: 720px){

	.boardInfo{display: block;}
	
	.listCount{margin-bottom: 10px;}
}

/*search*/
.listSearch{border: none;}
.listSearch>form{display: flex;gap: 5px;}

.searchInput{line-height: 45px;border: 1px solid #dbdbdb;padding: 0 13px;font-weight: 400;border-radius: 5px;outline: none;overflow: hidden;}
select.searchInput{width: 120px;background-image: url(/img/board/selectdown.png);background-repeat: no-repeat;background-position: right 11px top 50%;
	-webkit-appearance:none; /* for chrome */
	-moz-appearance:none; /*for firefox*/
	appearance:none;
}
select.searchInput::-ms-expand{display:none;}/*for IE10,11*/

.searchBox{position: relative;}
.searchBox .searchInput{padding-right: 58px;}
.searchBtn{position: absolute;top: 1px;right: 1px;width: 45px;height: 45px;display: flex;justify-content: center;align-items: center;}
.searchBtn i{font-size: var(--fs-18);}

@media screen and (max-width: 960px){

	.searchInput{font-size: 15px;}
}

@media screen and (max-width: 720px){

	.searchInput{width: 100%;}
	select.searchInput{width: 110px;}
	.searchBox{width: calc( 100% - 115px );}
}

/*board-list*/
.board-list>li{display: flex;border-bottom: 1px solid #ddd;position: relative;align-items: center;}
.board-list>li>span{text-align: center;white-space: nowrap;padding: 22px 13px;font-weight: 400;}

.board-head{border-top: 2px solid var(--color-4);}
.board-head>li{border-color: var(--color-4);}
.board-head>li>span{font-weight: 500;}

.board-body li>span.bo_Title{text-align: left;position: relative;}
.board-body li>span.bo_Data{color: #999;}

.board-body li:hover{background: #f7f7f7;}
.board-body li.boNotice{background: #f9f9f9;}
.board-body li.boNotice .bo_Num{font-weight: 600;color: var(--color-4);}

.bo_Num{width: 7%;}
.bo_Title{width: 66%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.bo_Hit{width: 7%;}
.bo_Name{width: 10%;}
.bo_Data{width: 10%;}

.board-admin .bo_Check{width: 5%;}
.board-admin .bo_Title{width: 61%;}

.bo_Title a i{padding-right: 5px;font-size: .9375rem;color: #aaa;}

.comment-count{background: var(--color-4);color: #FFF;display: inline-block;width: 18px;height: 18px;line-height: 18px;font-size: var(--fs-14);font-weight: 500;text-align: center;;border-radius: 10px;margin-left: 6px;vertical-align: bottom;}

@media screen and (max-width: 1080px){

	.bo_Num{width: 7%;}
	.bo_Title{width: 60%;}
	.bo_Hit{width: 7%;}
	.bo_Name{width: 13%;}
	.bo_Data{width: 13%;}
	
	.board-admin .bo_Check{width: 7%;}
	.board-admin .bo_Title{width: 53%;}
}

@media screen and (max-width: 960px){

	.board-list>li>span, .bo_Title a i{font-size: 15px;}
}

@media screen and (max-width: 860px){

	.bo_Hit{display: none;}
	.bo_Num{width: 8%;}
	.bo_Title{width: 62%;}
	.bo_Name{width: 16%;}
	.bo_Data{width: 16%;}
	
	.board-admin .bo_Check{width: 8%;}
	.board-admin .bo_Title{width: 54%;}
}

@media screen and (max-width: 720px){

	.board-list>li>span{padding: 20px 12px;}

	.bo_Num, .bo_Name{display: none;}
	.bo_Title{width: 65%;}
	.bo_Data{width: 35%;}
	
	.board-admin .bo_Check{width: 16%;}
	.board-admin .bo_Title{width: 49%;}
	
	.bo_Title a i{font-size: 14px;padding-right: 3px;}
	
	.comment-count{width: 16px;height: 16px;line-height: 16px;font-size: 12px;margin-left: 4px;margin-bottom: 2px;}
}

/*board button*/
.buttonWrap{display: flex;justify-content: space-between;margin-top: 40px;}
.buttonWrap>ul{display: flex;gap: 5px;}

.boardBtn{display: block;width: 95px;height: 45px;line-height: 43px;border: 1px solid #e4e4e4;color: #343434;background: #FFF;text-align: center;font-size: var(--fs-15);font-weight: 400;border-radius: 5px;overflow: hidden;cursor: pointer;}
.boardBtn00{background: #0085FF;font-weight: bold;border-color: #0085FF;color: #FFF;}

.boardBtn .memberCheck input[type=checkbox] + label{justify-content: center;}

.mbCheck input[type=checkbox] + label{justify-content: center;}

@media screen and (max-width: 960px){

	.boardBtn{font-size: 15px !important;}
}

@media screen and (max-width: 720px){

	.buttonWrap{margin-top: 30px;}
	
	.boardBtn{width: 75px;height: 40px;line-height: 38px;font-size: 14px !important;}
	div.boardBtn{width: 100px;} 
}

/*-- WRITE --*/
.write-table{width: 100%;table-layout: fixed;border-top: 2px solid #222;}
.write-table tr td{padding: 10px;border-bottom: 1px solid #ddd;}
.write-table tr td:first-child{padding: 15px 20px;border-right: 1px solid #ddd;background: #F0F3F9;color: var(--color-4);font-weight: 600;word-break: keep-all;}

.write-table tr td.padding-td{padding: 23px 15px;}
.write-table tr td.two_td{padding: 15px 20px;font-weight: 600;border-right: 1px solid #ddd;background: #f4f4f4;}

.cke_sc{display: none !important;}   
.flexCheck{display: flex;gap: 25px;}

.write-table .wr_content span.sound_only{display: none !important;}

.t_input{display: block;width:100%;height: 50px;line-height: 48px;border: 1px solid #dbdbdb;padding: 0 15px;font-weight: 400;border-radius: 5px;outline: none;}
.t_input:focus{border-color: var(--color-4);}
.t_input::placeholder{color: #aaa;}

.agree-box{margin-top: 30px;}
.agree-box label{font-size: var(--fs-18);font-weight: var(--fw-5);color: var(--color-4);text-align: center;line-height: 144%;margin-bottom: 10px;}
.agree-box label a{background: var(--color-4);color: #FFF;font-size: var(--fs-14);font-weight: bold;line-height: 20px;padding: 0 13px;border-radius: 20px;margin-bottom: 1px;}

@media screen and (max-width: 960px){
	
	.write-table{border-top: none;}
	.write-table tr td:first-child{width: 160px;}
}

@media screen and (max-width: 720px){

	.t_input{font-size: 15px !important;}
	
	.write-table, .write-table tr td, .write-table tr td:first-child{display: block;width: 100%;padding: 0;background: none;border: none;}
	.write-table tr td{margin-bottom: 20px;}
	.write-table tr td:first-child{font-size: 15px;margin-bottom: 10px;}
	.write-table tr td.padding-td{padding: 3px 0;}
	
	.board-box textarea#wr_content{border: 1px solid #dbdbdb;padding: 13px 15px;font-weight: 400;border-radius: 5px;outline: none;font-size: 15px;line-height: 160%;}
	.board-box textarea#wr_content:focus{border-color: var(--color-4);}
	
	.agree-box{margin-top: 10px;}
	.agree-box .mbCheck input[type=checkbox] + label, .agree-box .mbCheck input[type=radio] + label{flex-wrap: wrap;justify-content: flex-start;}
	.agree-box label a{font-size: 13px;line-height: 25px;margin: 0;}
}

/*-- VIEW --*/
.view-top{border-top: 2px solid #000;border-bottom: 1px solid #ddd;padding: 24px 30px;}
.view-top h3{font-size: var(--fs-30);font-weight: 600;line-height: 140%;}

.view-info{display: flex;gap: 15px;margin-top: 15px;line-height: 160%;}
.view-info>li.view-cate{color: #00277f;font-weight: 700;}
.view-info>li.view-date{color: #999;font-weight: 400;}

.addWrap{margin-top: 25px;}
.addUl li{display: flex;align-items: center;justify-content: space-between;line-height: 52px;background: #eee;margin-bottom: 8px;border-radius: 5px;overflow: hidden;padding: 0 25px;color: #565656;position: relative;}
.addUl li a{display: flex;align-items: center;gap: 5px;}
.addUl li a.f_delBtn{text-decoration: underline;}
.addUl li a i{margin-top: -2px;font-size: var(--fs-18);}
.addUl li a:hover{color: #000;}

.addUl li .bo_v_file_cnt, .addUl li .bo_v_link_cnt{top: 0;right: 25px;}

.view-content{padding: 35px 30px;border-bottom: 1px solid #eee;}
.view-content, .view-content *{line-height: 160%;}

@media screen and (max-width: 720px){

	.view-top{padding: 22px 10px;}	
	.view-top h3{font-size: 20px;word-break: keep-all;}
	
	.view-info{font-size: 13px;margin-top: 10px;}
	
	.view-content{padding: 25px 10px;}
	.view-content, .view-content *{font-size: 15px;}
}

/*답변*/
#comment-wrap{margin-top: 70px;}

#commentCore{display: flex;justify-content: space-between;}
#commentCore>h4{font-size: var(--font-size-18);font-weight: 600;}
#commentCore>h4 b{color: #00277f;font-weight: 700;}

.commentContent>li{background: #f9fafc;padding: 25px 30px;margin-top: 15px;border-radius: 15px;}

.commentTitle{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 16px;padding-bottom: 16px;border-bottom: 1px solid #dedee0;}
.commentTitle h5{font-size: var(--font-size-17);font-weight: 600;color: #727b92;}
.commentTitle span{font-weight: 400;color: #727b92;}

.commentBox{position: relative;}
.commentBox>div, .commentBox>div *{font-weight: 400;line-height: 170%;word-break: keep-all;color: #444c5e;}
.commentBox>div img{display: block;width: 100%;}

.commentBox>span{display: flex;justify-content: flex-end;}
.commentBox>span a{font-size: var(--font-size-15);padding: 0 3px;font-weight: 500;color: #727b92;}
.commentBox>span a:hover{text-decoration: underline;}

.qaBtn #btn_submit, .feedback-button>a{width: 300px;line-height: 65px;height: 65px;background: var(--color-4);color: #FFF;display: block;margin: 0 auto;border-radius: 5px;overflow: hidden;font-size: var(--fs-18);font-weight: 700;text-align: center;cursor: pointer;}
.feedback-button>a{background: #00277f !important;}

#bo_vc_empty{font-weight: 400;line-height: 170%;word-break: keep-all;color: #444c5e;background: #f9fafc;padding: 25px 30px;border-radius: 15px;margin-top: 15px;}

.cateName{display: inline-block;font-size: var(--font-size-14);height: 32px;line-height: 30px !important;padding: 0 10px;border: 1px solid #ddd;border-radius: 3px;text-align: center;color: #777;background: #fff;font-weight: 400;}
.sigNot{background: #e4e7ee;color: #989eac;font-weight: 700 !important;}
.sigIng{background: #e7eeff;border-color: #d7ddeb;color: #8496c1;font-weight: 700 !important;}
.sigSuc{background: #00277f;border-color: #00277f;color: #fff;font-weight: 800 !important;}

@media screen and (max-width: 720px){

	#comment-wrap{margin-top: 50px;}
	
	#commentCore>h4{font-size: 15px;}
	
	#bo_vc_empty{font-size: 15px;margin-top: 13px;padding: 40px 0 !important;}
	
	.bo_vc_w textarea{border: 1px solid #dbdbdb;padding: 13px 15px;font-weight: 400;border-radius: 5px;outline: none;font-size: 15px;line-height: 160%;box-shadow: none;}
	.bo_vc_w textarea:focus{border-color: var(--color-4);}
	
	.qaBtn #btn_submit, .feedback-button>a{width: 100%;line-height: 60px;height: 60px;font-size: 15px;}
	
	.commentContent>li{padding: 15px 18px;margin-top: 10px;}
	.commentTitle h5, .commentTitle span, .commentBox>div, .commentBox>div *, .commentBox>span a{font-size: 15px;}
}

/*-- 상담 신청 게시판 --*/
#contact-head .bo_Check, #contact-body .bo_Check{width: 5%;}
#contact-head .bo_Num, #contact-body .bo_Num{width: 7%;}
#contact-head .bo_Hit, #contact-body .bo_Hit{width: 10%;}
#contact-head .bo_Title, #contact-body .bo_Title{width: 58%;}
#contact-head .bo_Name, #contact-body .bo_Name{width: 10%;}
#contact-head .bo_Data, #contact-body .bo_Data{width: 10%;}

#contact-body .bo_Hit b{font-weight: 600;color: var(--color-1);}

/*-- 언론보도 게시판 --*/
.board-press{display: flex;flex-wrap: wrap;gap: 20px;row-gap: 50px;}
.board-press>li{width: calc( ( 100% - 40px ) / 3 );}
.board-press>li .press-text p{word-break: break-all;}

@media screen and (max-width: 720px){
	
	.board-press{gap: 15px;row-gap: 30px;}
	.board-press>li{width: calc( ( 100% - 15px ) / 2 );}
	
	.press-wrap>ul.board-press>li figure{border-radius: 8px;}
}

/*-- 페이징 --*/
.pg_wrap .pg_current, .pg_wrap .pg_page{width: 40px;height: 40px;line-height: 42px;border: none;border-radius: 40px;font-size: 1rem;font-weight: 500;color: #999;}
.pg_wrap .pg_current{color: #FFF;background: var(--color-6);}

@media screen and (max-width: 720px){
	
	.pg_wrap .pg_current, .pg_wrap .pg_page{width: 35px;height: 35px;line-height: 36px;}
}

/*-- 블로그톡톡 게시판 --*/
#blog-head .bo_Title, #blog-body .bo_Title{width: 83%;}
#blog-head.board-admin .bo_Title, #blog-body.board-admin .bo_Title{width: 78%;}