/*********** List *************/
.thumb_list{ border-top:2px solid var(--main);}
.thumb_list .list{position: relative; border-bottom: 1px solid var(--border);}
.thumb_list .list.notice{background:rgba(240,244,248,.6);}
.thumb_list .list .checkbox{display: inline-block; position:absolute; left:5px; top:5px; z-index: 2;}
.thumb_list .list a{display: block; padding:50px 30px; box-sizing:border-box;}
.thumb_list .list dl{display: flex; align-items:center;}
.thumb_list .list dl dt{width: 400px; overflow:hidden; aspect-ratio:2 / 1; display:flex; justify-content: center; border:1px solid var(--border);}
.thumb_list .list dl dt img{display: block; width: auto; height: 100%; object-fit:cover; transition:all .4s;}
.thumb_list .list dl dd {width:calc(100% - 315px); box-sizing:border-box; padding:0 0 0 50px;}
.thumb_list .list dl dd .catname{width: 160px; padding: 0 20px 0 0; font-size:0.889rem; line-height: 130%; letter-spacing:var(--letter-spacing-body); font-weight: 500; color:var(--main); box-sizing:border-box; display: block; position: relative;}
.thumb_list .list.notice dl dd .catname{font-size:0; height: 24px; line-height: 24px;}
.thumb_list .list.notice dl dd .catname::before{content:'\e98e'; display: block; width: 24px; height: 24px; line-height: 24px; font-size:24px; font-family:var(--icon); color:var(--main); position: absolute; left:0; top:0;}
.thumb_list .list dl dd .fs26 {font-weight: 700; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; width: 100%; color:var(--black);}
.thumb_list .list dl dd .date {margin-top: 15px; font-weight: 400; color:#999;}
.thumb_list .list dl dd .date::before{content:'\ebcc'; display: inline-block; vertical-align: middle; margin: -2px 6px 0 0; font-size:19px; font-family:var(--icon); font-weight: 400;}
.thumb_list .list dl dd .multiple {margin-top:20px; overflow:hidden; height:3em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.5em; text-overflow:ellipsis;}

.thumb_list a:hover dt img{transform:scale(1.1);}
.thumb_list a:hover {background:rgba(6,78,145,.05);}



/*********** View *************/
.bbs_view {border-top:2px solid var(--black); font-size:var(--fs18);}
	.bbsView_tit{border-bottom:1px solid var(--border); padding:33px 100px 33px 20px; box-sizing:border-box; position: relative;}
	.bbsView_tit .subject{font-size:26px; letter-spacing:-1pt; line-height:130%; font-weight:700; color:var(--black);}
	.bbsView_tit .subject span{display:inline-block; margin-right: 5px; letter-spacing:-1pt; font-weight:400;}
	.bbsView_tit .view_detail{margin:10px 0 0; display:flex;}
	.bbsView_tit .view_detail li{font-size:1rem; color:var(--basic); line-height:150%; padding:0 37px 0 0; position:relative;}
	.bbsView_tit .view_detail li:last-child{padding:0;}
	.bbsView_tit .view_detail li:after{content:''; display:block; width:1px; height:16px; background:#ccc; position:absolute; right:18px; top:50%; margin-top:-8px;}
	.bbsView_tit .view_detail li:last-child:after{display:none;}
	.bbsView_tit .count{font-size:1rem; color:var(--basic); line-height:120%; position:absolute; right:20px; top:50%; transform:translateY(-50%);}
	.bbsView_tit .count span{display:inline-block; vertical-align:middle; margin:-2px 7px 0 0; color:var(--black);}
	.view_content{padding:30px 0; box-sizing:border-box; border-bottom: 1px solid var(--border);}
	.view_content img{ width:90%; max-width:1300px; height:auto !important; margin:10px 5%;}

	.answer_content{padding:25px 20px; word-break:break-all; border-bottom:1px solid var(--border); background:var(--grayBg);}
	.answer_content p.title{font-weight:700; color:var(--black); letter-spacing:-0.5pt; padding:0 0 8px;}


	.view_file{margin:30px 0 0; box-sizing:border-box; background:var(--grayBg); display:flex;}	
	.view_file .btit{width:170px; padding:20px; font-size:1rem; letter-spacing:-0.35pt; line-height: 120%; color:var(--black); box-sizing:border-box; position: relative;}	
	.view_file .bstxt{width:calc(100% - 170px); padding:20px; font-size:1rem; letter-spacing:-0.35pt; line-height: 120%; box-sizing:border-box;}	
	.view_file .bstxt a{display:inline-block; font-size:1rem; letter-spacing:-0.25pt; line-height:150%; color:var(--black); border-bottom:1px solid var(--black); margin: 0 0 5px;}
	.view_file .bstxt a:last-child{margin: 0;}
	.view_file .bstxt .file{display: inline-block; vertical-align: middle; margin-left: -5px; font-size:1rem; color:var(--black);}	

	.bbs_bottom{border-top:1px solid var(--border); display:flex;}
	.bbs_bottom.last{border-bottom:1px solid var(--border);}
	.bbs_bottom dt{width:170px; padding:20px; font-size:1rem; letter-spacing:-0.35pt; line-height: 120%; color:var(--black); box-sizing:border-box; position: relative;}
	.bbs_bottom dt .arrow{color:var(--black); opacity:0.5; position:absolute; right:0; top:50%; transform:translateY(-50%);}
	.bbs_bottom dd{width:calc(100% - 170px); padding:20px; font-size:1rem; letter-spacing:-0.35pt; line-height: 120%; box-sizing:border-box;}
	.bbs_bottom dd a{text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: inline-block;}

.bbs_input select, .bbs_input .input, .bbs_input textarea {font-size:var(--fs18);}


/*  detail css */
.notice_detail {line-height:155%;}
.notice_detail h2 {font-size:1.667rem; font-weight:bold; color:var(--black); letter-spacing:var(--letter-spacing-default); line-height:135%; margin-bottom:10px}
.notice_detail h2 span{color:var(--main); line-height:inherit;}
.notice_detail h3 {font-size:1.111rem; font-weight:bold; color:var(--black); letter-spacing:var(--letter-spacing-default); line-height:135%; margin-bottom:10px}
.notice_detail h3 span{color:var(--main); line-height:inherit;}
.notice_detail b{ color:var(--black); line-height:inherit; }
.notice_detail .fs18{font-size:1rem; color:var(--black); letter-spacing:var(--letter-spacing-default); line-height:155%;}

.notice_detail .point_list{background:rgba(240,244,248,.6); padding:20px; border:1px solid #ddd;}
.notice_detail .point_list li{padding:2px 0}
.notice_detail .point_list li b{color:var(--main)}

.tpad_10{padding-top:10px}
.bpad_10{padding-bottom:10px}
.bpad_30{padding-bottom:30px}
.b_line{border-bottom:1px solid var(--border); margin-bottom:30px; padding-bottom:30px}



.award_list {position:relative;}
.award_list h4 {background: #3e424a; font-size:1.5rem; display: block; padding: 15px 10px; letter-spacing:-1pt; color: #fff; text-align: Center;}
.award_list .cnt {background:#f4f4f4; padding:40px;}
.award_list .cnt dl {display:flex; flex-wrap:wrap; gap:0 60px;}
.award_list .cnt dl dt {width:460px;}
.award_list .cnt dl dd {align-self:center; width:calc(100% - 520px);}
.award_list .cnt .site_tit {color:#333; font-size:2rem; line-height:150%; letter-spacing:-1pt; margin-bottom:20px;}
.award_list .cnt .site_txt {line-height:170%; letter-spacing:-.5pt; font-size:1rem;}
.award_list .cnt .linkBtn {width:100%; display:flex; align-items:center; justify-content:space-between; margin-top:50px;}
.award_list .cnt .linkBtn a:link, .award_list .cnt .linkBtn a:visited {width:49.5%; line-height:1; font-size:1rem;line-height:130%; text-align:center; padding:15px 25px; color:#fff; background:#218adb; text-decoration:none; letter-spacing:-.5pt; border:1px solid #218adb; border-radius:10rem; box-sizing:border-box;}
.award_list .cnt .linkBtn a:hover {color:#218adb; background:#fff;}
.award_list .cnt .linkBtn a.portfolio {background:#064e91; border-color:#064e91;}
.award_list .cnt .linkBtn a.portfolio:hover {color:#064e91; background:#fff;}



/*******************************************************************************
    @media  1300px              
*******************************************************************************/
@media all and (max-width:1300px){

/*********** List *************/
.thumb_list{}
.thumb_list .list{}
.thumb_list .list dl dt{display: block;}
.thumb_list .list dl dt .catname{width: 100%; padding: 0; margin-bottom: 10px;}
.thumb_list .list.notice dl dt .catname{height: 24px;}
.thumb_list .list dl dt .tit{width: 100%;}


}
/*******************************************************************************
    @media  ~980px              
*******************************************************************************/
@media all and (max-width:980px){

/*********** List *************/
.thumb_list{}
.thumb_list .list{}
.thumb_list .list a{padding:20px;}
/* .thumb_list .list dl dt{width: calc(100% - 150px); padding: 0 30px 0 0;} */
/* .thumb_list .list dl dd{width: 150px;} */

.thumb_list .list dl dt{width:290px;}
.thumb_list .list dl dd{width:calc(100% - 290px); padding:0 0 0 30px;}
.thumb_list .list dl dd .fs30 {font-size:18px}
.thumb_list .list dl dd .date{margin-top: 10px;}



/*********** View *************/
.bbsView_tit{padding:25px 100px 25px 15px;}
.bbsView_tit .subject{font-size:20px;}
.bbsView_tit .subject span{margin-right: 5px;}
.bbsView_tit .view_detail{margin:5px 0 0;}
.bbsView_tit .view_detail li{padding:0 20px 0 0;}
.bbsView_tit .view_detail li:after{height:12px; right:10px; margin-top:-6px;}
.bbsView_tit .count{right:15px;}
.view_content{padding:25px 0;}

.view_file{margin:25px 0 0;}	
.view_file .btit{width:120px; padding:15px;}	
.view_file .bstxt{width:calc(100% - 120px); padding:15px;}	

.bbs_bottom{}
.bbs_bottom.last{}
.bbs_bottom dt{width:120px; padding:15px;}
.bbs_bottom dd{width:calc(100% - 120px); padding:15px;}


.answer_content{padding:20px 15px;}

}

/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/*********** List *************/
.thumb_list{}
.thumb_list .list{}
.thumb_list .list a{padding:20px 10px;}
.thumb_list .list dl{flex-wrap:wrap;}
.thumb_list .list dl dt{width: 100%; display:flex;}
.thumb_list .list dl dd .fs30 {font-size:16px}
.thumb_list .list dl dt .catname{margin-bottom: 6px;}
.thumb_list .list.notice dl dt .catname{height: 20px;}
.thumb_list .list.notice dl dt .catname::before{width: 20px; height: 20px; line-height: 20px; font-size:20px; left: 50%; transform:translateX(-50%);}
.thumb_list .list dl dt .date::before{font-size:16px;}
.thumb_list .list dl dd{width: 100%; padding: 15px 0 0;}
.thumb_list .list dl dd .date {margin-top:5px;}
.thumb_list .list dl dd .multiple {margin-top:10px;}


/*********** View *************/
	.bbsView_tit{padding:15px 70px 15px 0;}
	.bbsView_tit .subject{font-size:18px;}
	.bbsView_tit .subject span{display: block; font-size:14px; margin: 0 0 2px;}
	.bbsView_tit .count{right:0; transform:translateY(0); top:20px;}
	.bbsView_tit .count span{font-size:20px; margin: -2px 5px 0 0;}
	.view_content{padding:25px 0;}
	.answer_content{padding:15px 10px;}
	.answer_content p.title{padding:0 0 6px;}

	.view_file{margin:20px 0 0;}	
	.view_file .btit{width:100px; padding:12px;}	
	.view_file .bstxt{width:calc(100% - 100px); padding:12px;}	

	.bbs_bottom{}
	.bbs_bottom.last{}
	.bbs_bottom dt{width:100px; padding:12px;}
	.bbs_bottom dd{width:calc(100% - 100px); padding:12px;}
	.bbs_bottom dt .arrow{font-size:20px;}




/*  detail css */
.notice_detail h2{font-size:1.25rem; margin-bottom:6px}
.notice_detail h3{font-size:1rem; margin-bottom:6px}

.notice_detail .point_list{padding:15px;}

.tpad_10{padding-top:6px}
.bpad_10{padding-bottom:6px}
.bpad_30{padding-bottom:20px}
.b_line{margin-bottom:20px; padding-bottom:20px}

}