@charset "utf-8";
/*-------------------------------------------------------------------
    파일정의 : 메인컨텐츠 스타일
    작성날짜 : YYYY-MM-DD 홍길동
    참고사항 : 서브스타일과 메인스타일의 분리
    분류순서 : 레이아웃 > 공통디자인 > 컨텐츠
    속성순서 : 표시 > 위치 > 넘침/흐름 > 박스모델 > 박스모양 > 문단모양 > 기타
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
    ## 레이아웃
-------------------------------------------------------------------*/




/*-------------------------------------------------------------------
    ## 공통디자인
-------------------------------------------------------------------*/
/* section01~03 공통 */
.main_st { padding:0 15px;}
.pt_tit { line-height:50px; margin-left:-3px; font-size:36px; font-weight:700; letter-spacing:-1.5px; color:#f5821e;}
.pt_stit { margin-bottom:20px; font-size:15px; font-weight:100; color:#ddd;}
.pt_list .pt_ul { display:flex; flex-wrap:wrap; flex-direction:row; /*수평 정렬*/ align-items:center; justify-content:flex-start;}
.pt_list .pt_ul li { width:calc(25% - 20px); height:auto; margin:0 20px 20px 0; box-sizing:border-box;}
.pt_list .pt_ul li:nth-child(4n) { margin-right:0;}
.pt_list .pt_ul li .img_area img { width:100%;}
.pt_list .pt_ul li .txt_area { padding:20px; background:#000; overflow:hidden;}
.pt_list .pt_ul li .txt_area .ct_tit { letter-spacing:-1px; font-size:16px; color:#fff;}
.pt_list .pt_ul li .txt_area .ct_desc { font-size:12px; color:#b3b1b1;}

/* 애니메이션 */
@keyframes fadeInDown {
   0% {
      opacity: 0;
      transform: translateY(40px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}
 
/*-------------------------------------------------------------------
    ## 컨텐츠
-------------------------------------------------------------------*/

.bn_wrap { padding:0 15px;}
.bn_list { margin-bottom:40px;}
.bn_list .bn_ul { display:flex; flex-wrap:wrap; flex-direction:row; align-items:center; gap:20px; justify-content:flex-start;}
.bn_list .bn_ul li { width:calc(25% - 20px);}
.bn_list .bn_ul li a { display:block; box-sizing:border-box; border:2px solid #42b342; color:#fff; font-size:20px; font-weight:700; padding:20px 0px; text-align:center; transition:all 0.2s;}
.bn_list .bn_ul li a:hover { background:#42b342; border:2px solid #42b342; color:#fff;}
.bn_list .bn_ul li:nth-child(4n) { margin-right:0;}

/* main_section01 */
.main_section01 { position:relative;}
.main_section01:after {display:block; visibility:hidden; clear:both; content:""}


/* main_section02 */
.main_section02 { position:relative;}
.main_section02:after { display:block; visibility:hidden; clear:both; content:""}

/* main_section03 */
.main_section03 { position:relative;}
.main_section03:after { display:block; visibility:hidden; clear:both; content:""}

/* main_section04 */
.main_section04 { position:relative;}
.main_section04:after { display:block; visibility:hidden; clear:both; content:""}

/* main_section05 */
.main_section05 { position:relative;}
.main_section05:after { display:block; visibility:hidden; clear:both; content:""}