.cate_tab ul li {margin:5px 15px;}
.cate_tab ul li a {min-width:auto; height:auto; font-family:var(--eng); font-size:1.222rem; color:rgba(119,119,119,0.7); font-weight:400; background:transparent !important; border:0 !important; box-shadow:2px 5px 0px 0px rgba(0, 0, 0, 0) !important; line-height:154.545%;}
.cate_tab ul li a::before {content:'#';}
.cate_tab ul li:first-of-type a::before {content:'';}
.cate_tab ul li.hover a {color:var(--black); text-decoration:underline; text-underline-offset: 8px;}


/*********** List *************/
.photo_list {display: grid;  grid-template-columns: repeat(3, 1fr); grid-gap:30px;}
.photo_list * {word-break: break-all;}
.photo_list dl {position:relative; padding:0 30px 45px;}
.photo_list dl::after {content:''; width:100%; height:calc(100% - 40px); position:absolute; bottom:0; left:0; border-radius:30px; background:var(--white); z-index:-1;}
.photo_list dl .checkbox {display:inline-block; position: absolute; left:5px; top:5px; z-index:2;}
.photo_list dl a {display: block; transition:all .3s linear;}
.photo_list dl dt {border-radius:20px; overflow: hidden; aspect-ratio: 3 / 3; background:var(--main);}
.photo_list dl dt img {display: block; width: 100%; height: 100%; object-fit: cover; transition:all 0.3s ease;}
.photo_list dl dd {padding-top:25px;}
.photo_list dl dd .info {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 10px;}
.photo_list dl dd .info small {display:flex; flex-wrap:wrap; align-items:center; font-size: 0.777rem; font-weight: 400; line-height: 171.429%; letter-spacing: -0.56px;}
.photo_list dl dd .info small::after {content:''; width:1px; height:14px; background:var(--basic); opacity:0.4; display:block; margin:0 12px; position:relative;}
.photo_list dl dd .info small:last-of-type::after {display:none;}
.photo_list dl dd .info small.cate {font-weight: 600; color:var(--main);}
.photo_list dl dd .info small.cate i {position:relative; display:block; width:16px; height:16px; border-radius:100%; border:1px solid rgba(218,41,28,0.2); box-sizing:border-box; margin-right:5px;}
.photo_list dl dd .info small.cate i::after {content:''; width:5px; height:5px; border-radius:100%; background:var(--main); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.photo_list dl dd h4 {color: #000; font-size: 1.11rem; font-weight: 400; line-height:160%; letter-spacing: -0.8px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; height:3.4rem;}


.photo_list dl:hover dt img {transform:scale(1.1); opacity:0.7; transition:all 0.3s ease;}





/*********** View *************/
.bbs_view {padding:70px 50px 100px; box-sizing:border-box; background:var(--white); border-radius: 30px;}
	.bbsView_tit{border-bottom:1px solid var(--border); padding:0 0 33px; box-sizing:border-box; position: relative; text-align:center;}
	.bbsView_tit .subject{font-size:25px; font-weight: 600; line-height:140%; letter-spacing: -1px; color:var(--black);}
	.bbsView_tit .subject span{display:inline-block; margin-right: 5px; letter-spacing:-1pt; font-weight:400;}
	.bbsView_tit .view_detail {display:flex; flex-wrap:Wrap; align-items:center; justify-content:center; margin:0 0 10px;}
	.bbsView_tit .view_detail li {display:flex; flex-wrap:Wrap; align-items:center; font-size:0.888rem; line-height:150%; letter-spacing: -0.64px; }
	.bbsView_tit .view_detail li.pointColor {font-weight: 600;}
	.bbsView_tit .view_detail li i {position:relative; display:block; width:16px; height:16px; border-radius:100%; border:1px solid rgba(218,41,28,0.2); box-sizing:border-box; margin-right:5px;}
	.bbsView_tit .view_detail li i::after {content:''; width:5px; height:5px; border-radius:100%; background:var(--main); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
	.bbsView_tit .view_detail li:after {content:''; display:block; width:1px; height:16px; background:rgba(119,119,119,0.4); position:relative; margin:0 12px;}
	.bbsView_tit .view_detail li:last-of-type::after {display:none;}
	.view_content{padding:50px 0 30px; box-sizing:border-box;}
	.view_content img{max-width:100%; height:auto !important;}

	.view_file{margin:70px 0 0; box-sizing:border-box; background:#f4f4f4; display:flex; border-radius: 5px;}
	.view_file .btit{width:180px; padding:15px 25px; font-size:1rem; font-weight: 600; line-height:177.778%; letter-spacing: -0.72px; color:var(--black); box-sizing:border-box; position: relative; display:flex; flex-wrap:wrap; align-items:center; gap:0 3px;}
	.view_file .btit::before {content:'\e2bc'; font-size:20px; color:var(--black); font-weight:300; font-family:var(--icon);}
	.view_file .bstxt{width:calc(100% - 180px); padding:15px 15px 15px 0; 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.72px; line-height:177.778%; 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); display:none !important;	}

	.bbs_bottom{border-top:1px solid var(--border); display:flex;}
	.bbs_bottom.last{border-bottom:1px solid var(--border);}
	.bbs_bottom dt{width:160px; padding:20px; font-size:1rem; font-weight: 600; letter-spacing:-0.35pt; line-height: 120%; color:var(--black); box-sizing:border-box; position: relative;}
	.bbs_bottom dt .arrow{color:var(--black); position:absolute; right:0; top:50%; transform:translateY(-50%); font-weight:500;}
	.bbs_bottom dd{width:calc(100% - 160px); padding:20px 25px; 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: block;}


.listBtn {border-radius: 15px; border: 2px solid var(--basic); width: 200px; height: 65px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:40px auto 0; font-size: 1rem; font-family:var(--eng); font-weight: 400; line-height:1; letter-spacing: -0.9px; text-shadow: 0px 2px 0px #FFF;}
.listBtn:hover {border-color:var(--main); color:var(--white); background:var(--main); text-shadow: 0px 2px 0px rgba(0,0,0,0.3);}





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



}

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


}

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



/*********** List *************/
.photo_list {display: grid;  grid-template-columns: repeat(2, 1fr); grid-gap:20px 15px;}
.photo_list dl {padding:0 15px 25px;}


/*********** View *************/
	.bbsView_tit{}
	.bbsView_tit .subject{font-size:20px;}
	.bbsView_tit .view_detail{}
	.bbsView_tit .view_detail li:after{height:12px;}
	.view_content{padding:25px 0 50px;}

	.view_file{margin:50px 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;}


.listBtn {width:130px; height:46px; border-radius:10px; margin:20px auto 0;}

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


/*********** List *************/
.photo_list {display: grid;  grid-template-columns: repeat(1, 1fr); grid-gap:20px 0;}
.photo_list dl {padding:0 20px 20px;}
.photo_list dl::after {border-radius:15px;}
.photo_list dl dt {border-radius:10px;}
.photo_list dl dd {padding-top:15px;}


/*********** View *************/
	.bbs_view {padding:30px 20px 50px;}
	.bbsView_tit{padding: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;}

	.view_file{margin:40px 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;}

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



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




}