@charset "utf-8";

/* .wrap.main{min-height:100vh;} */

.main .contents{padding:0;width:100%;}
.main .box_wrap{display:flex;flex-wrap:wrap;gap:40px;}
.main .box{border:5px solid #f4f5fb;border-radius:10px;;}
.main .width3{width:calc((100% / 3) - 27px);}
.main .width2{width:calc((100% / 2) - 20px);}
.main .title{display:flex;height:50px;padding:0 25px;font-size:20px;font-weight:bold;color:#2b3db9;border-bottom:1px solid #f4f5f6;justify-content:space-between;align-items:center;}
.main .title span{font-size:18px;font-weight:400;}
.main .btn_plus{width:26px;height:26px;border:1px solid #d5d5d5;border-radius:5px;}
.main .btn_plus i{display:inline-block;width:100%;height:100%;background:url(/kofair_case_seed/adm/images/main/icon_plus.png) no-repeat center center;}

.main .box_list{display:flex;padding:20px 25px;flex-direction:column;gap:18px;}
.main .box_list a{display:flex;font-size:16px;font-weight:300;color:#666;gap:3px;transition:all 0.3s;}
.main .box_list a:hover{text-decoration:underline;text-underline-offset:3px;transition:all 0.3s;}
.main .box_list span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.main .box_list .list_title{position:relative;width:calc(100% - 160px);font-weight:400;color:#222;padding:}
.main .box_list.recent .list_title{padding:0 0 0 8px;}
.main .box_list.recent .new .list_title{padding:0 0 0 29px;}
.main .box_list.recent .list_title::before{position:absolute;content:"·";display:inline-flex;width:16px;height:16px;left:0;top:-1px;}
.main .box_list .new .list_title::after{position:absolute;content:"N";display:inline-flex;width:16px;height:16px;font-size:10px;font-weight:bold;color:#fff;background:#e40000;border-radius:5px;justify-content:center;align-items:center;margin:4px 0 0 5px;left:3px;}
.main .box_list .list_writer{width:60px;}
.main .box_list .list_date{width:100px;text-align:right;}

.main .quick_area{display:inline-flex;flex-wrap:wrap;border:0;gap:20px;}
.main .quick_area a{position:relative;width:calc((100% - 20px)/2);height:calc((100% - 20px)/2);padding:25px;color:#fff;border-radius:10px;transition:all 0.3s;}
.main .quick_area a::after{position:absolute;content:"";width:85px;height:85px;background:#fff;border-radius:100%;right:-6px;bottom:-17px;opacity:0.2;}
.main .quick_area a::before{position:absolute;content:"";width:85px;height:85px;}
.main .quick_area a.bg_7990c3::before{background:url(/kofair_case_seed/adm/images/main/icon_1.png) no-repeat center center;right:-4px;bottom:-14px;}
.main .quick_area a.bg_474b5e::before{background:url(/kofair_case_seed/adm/images/main/icon_2.png) no-repeat center center;right:-4px;bottom:-14px;}
.main .quick_area a.bg_171c70::before{background:url(/kofair_case_seed/adm/images/main/icon_3.png) no-repeat center center;right:-4px;bottom:-10px;}
.main .quick_area a.bg_04b5a5::before{background:url(/kofair_case_seed/adm/images/main/icon_4.png) no-repeat center center;right:-6px;bottom:-12px;}
.main .quick_area a:hover{transition:all 0.3s;}
.main .quick_area a.bg_7990c3:hover{box-shadow:0 0 9px rgba(121,144,195,0.5);}
.main .quick_area a.bg_474b5e:hover{box-shadow:0 0 9px rgba(71,75,94,0.5);}
.main .quick_area a.bg_171c70:hover{box-shadow:0 0 9px rgba(23,28,112,0.5);}
.main .quick_area a.bg_04b5a5:hover{box-shadow:0 0 9px rgba(4,181,165,0.5);}
.main .quick_area .bg_7990c3{background:#7990c3;}
.main .quick_area .bg_474b5e{background:#474b5e;}
.main .quick_area .bg_171c70{background:#171c70;}
.main .quick_area .bg_04b5a5{background:#04b5a5;}
.main .quick_area .quick_title{font-size:20px;font-weight:bold;}
.main .quick_area .baro_text{position:absolute;font-size:14px;left:25px;bottom:25px;}
.main .quick_area .baro_text i{display:inline-block;width:20px;height:11px;background:url(/kofair_case_seed/adm/images/main/icon_baro.png) no-repeat center center;}




@media screen and (max-width: 1600px){
	.main .box_wrap{gap:30px;justify-content:space-between;}	
	.main .width3{width:calc((100% / 2) - 20px);}
	
	.main .title{font-size:18px;}
	.main .box_list a{font-size:15px;}
	
	.main .quick_area{width:100%;justify-content:space-between;gap:20px 30px;}
	.main .quick_area .quick_title{font-size:18px;}
	.main .quick_area a{display:flex;width:calc((100%/2) - 20px);align-items:center;gap:12px;}
	.main .quick_area .baro_text{position:initial;font-weight:300;margin:2px 0 0 0;opacity:0.6;}
}