@charset "UTF-8";
















/* 메인 new */

header.major {margin-top:60px; }
header.major h4 {color:#7ea459; font-weight:600; font-size:18px; }


.box.box1 { background:#FE7058 url('/fnc_images/main/main_bn3_1.png') center 0 no-repeat;  max-width:456px; margin:0 auto;  min-height:300px }
.box.box2 { background:#FFB00D url('/fnc_images/main/main_bn3_2.png') center 0 no-repeat;  max-width:456px; margin:0 auto;  min-height:300px}
.box.box3 { background:#7EA459 url('/fnc_images/main/main_bn3_3.png') center 0 no-repeat;  max-width:456px; margin:0 auto;  min-height:300px}
 .box h3 {color:#fff; font-size:38px;letter-spacing:-1px }
 .box p {color:#fff; font-size:18px; font-weight:normal; letter-spacing:-1px}
 .box footer { margin-left:-32px; margin-top:30px;  }
 .box .button {padding: 5px 10px 5px 40px; font-weight:normal; font-size:18px;  border-radius: 0px 25px 25px 10px / 0px 25px 25px 0px;}
 .box .button.btn01 { background:#EA4040; color:#fff; line-height:35px}
 .box .button.btn02 { background:#EA7B00; color:#fff; line-height:35px}
 .box .button.btn03 { background:#417A3A; color:#fff; line-height:35px}

 .box .button.btn01:hover { background:#000000; color:#fff; line-height:35px}
 .box .button.btn02:hover { background:#000000; color:#fff; line-height:35px}
 .box .button.btn03:hover { background:#000000; color:#fff; line-height:35px}


.view-tenth2 .mask	.icon .fa { font-size: 40px;}
 
 
#main::before, #main::after { content: ""; display: block; }
#main::after { clear: both; } 

.row  .col3 { float:left; width: 33.33333%;}
	#main .container {margin:0 auto;  max-width:1200px; }
	#main .container .ptitle{text-align:center;  }
	#main .container .ptitle h2{font-size:32px; padding-top:60px;  }
		.row  .col3 .box3.TL {text-align:left}
		.row  .col3 .box3.TC {text-align:center}
		.row  .col3 .box3.TR {text-align:right}
	
	#main .container .img_title {text-align:center;font-size:22px;color:#333; font-weight:500 ; padding:10px 0}


					.main33  {clear:both; padding-top:20px; }
					.main33 li {float:left}
					.main33 li span {text-align:center}

					.main33 li.TL {text-align:left; }
					.main33 li.TC {text-align:center; }
					.main33 li.TR {text-align:right }

					.main33 li.TL .view {margin: 0 0px; }
					.main33 li.TC .view {margin: 0 60px; }
					.main33 li.TR .view {margin: 0 0px; }
                    .main_coltop {clear:both; padding-top:10px; }  
		


#mbbs::before, .#mbbs::after { content: ""; display: block; }
#mbbs::after { clear: both; } 

#mbbs {width:100%; margin:0 auto; max-width:1200px; padding-top:70px;   }
#mbbs .bbs_box{width:50%; float:left;  }

.bbs_box_cont {padding:40px; }
.bbs_box_cont.TL {padding:40px 40px 40px 0;}
.bbs_box_cont.TR {padding:40px 0px 40px 40px;}

.bbs_box_cont .bbs_more {float:right; }
.bbs_box_cont .bbs_list {clear:both; width:100%; padding-top:10px; }
.bbs_box_cont .bbs_list li {height:60px; line-height:60px; border-bottom:1px solid #ddd;  }
.bbs_box_cont .bbs_title { text-align:left; font-size:24px; font-family: 'NotoSans',  sans-serif;   font-weight:700;
 background:url('/archive/resources/images/fnc_images/main/bbs_tit1_bg.jpg') 0 -5px no-repeat; width:100%;  min-width:155px; height:46px ;  }


.bbs_box_cont .bbs_title span{ padding-left:50px;   }

.bbs_more, .bbs_more:link, .bbs_more:visited {  float:right; color:#333; text-decoration:none; font-size: 18px;   }
.bbs_more:hover {color:#000;  }



.mbba_a, .mbba_a:link, .mbba_a:visited {  color:#333; text-decoration:none; font-size: 18px; font-family: 'NotoSans',  sans-serif;   font-weight:400;  }
.mbba_a:hover {color:#000;  }

.bbs_list  {width:100%; }
.bbs_list li { background:url('/archive/resources/images/fnc_images/main/li_bulit.jpg') 0 center  no-repeat; width:100%;  height:23px ;  }
.bbs_list li a {padding-left:30px; }
.bbs_list li span {font-size: 18px; }
.bbs_box_cont .bbs_list li{display: flex;        align-items: center;        justify-content: space-between; gap:10px;}
.bbs_box_cont .bbs_list li > span{float:none !important;}
.bbs_list li span.bbs_list_tit{line-height:22px;}
.bbs_list li span.bbs_list_tit > a{line-height:22px; display:block;}
.bbs_list li span.bbs_list_date{flex-shrink: 0;}


.main_bn3_bg {margin:0 auto;  max-width:100%;  margin-top:100px; background:url('/archive/resources/images/fnc_images/main/main_bn3_bg.jpg') 0 center  no-repeat; width:100%;  height:308px ;  background-size: cover;}


.main_bn3_bg_cont {margin:0 auto; max-width:570px; }
.main_bn3_bg_cont_tit {text-align:center; letter-spacing:-1px; color:#ffffff; font-size:30px; font-weight:bold;  padding:30px; }
.main_bn3_bg_cont_txt {text-align:center; letter-spacing:-1px; color:#ffffff; font-size:20px; font-weight:normal;  padding:0px 0 10px 0;    }
.main_bn3_bg_cont_tel {text-align:center; letter-spacing:0px; color:#d0f5f8; font-size:26px; font-weight:bold;  padding:10px;}
.main_bn3_bg_cont_btn {text-align:center; letter-spacing:-1px; color:#ffffff; font-size:30px; font-weight:bold;  padding:10px;}

.main_bn3_bg_cont_btn_a, .main_bn3_bg_cont_btn_a:link, .main_bn3_bg_cont_btn_a:visited { background:#F5F4E5; color:#000; text-decoration:none; font-size: 18px; font-weight:600; padding:10px 30px ; border-radius :4px; }
.main_bn3_bg_cont_btn_a:hover {background:#EDC505; color:#000; 
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}



@media screen and (max-width: 1260px) {
.main33 {margin:0 auto; max-width:1120px}
.main33 li.TC .view {margin: 0 20px;}


.bbs_box_cont .bbs_title {font-size: 20px;}
.bbs_box_cont .bbs_title span{ padding-left:50px;   }
.bbs_more, .bbs_more:link, .bbs_more:visited , .bbs_more:hover{font-size: 16px;   }
.mbba_a, .mbba_a:link, .mbba_a:visited , .mbba_a:hover {  font-size: 16px;   }
.bbs_list li { width:100%;  height:20px ;  }
.bbs_list li a {padding-left:26px; }
.bbs_list li span { font-size: 16px; }
.bbs_box_cont.TL {padding: 30px 20px 30px 10px;}
.bbs_box_cont.TR {padding: 30px 10px 30px 20px;}




}



@media screen and (max-width: 1140px) {
.main33 { margin: 0 auto; max-width: 820px;}
}




@media screen and (max-width: 960px) {
#mbbs .bbs_box { width: 98%; margin:0  auto;   float: none;}
.bbs_box_cont .bbs_list li { height: 50px;  line-height: 50px; border-bottom: 1px solid #ddd;}
.bbs_box_cont .bbs_title {  font-size: 24px; min-width: 155px;  height: 30px;}


}




@media screen and (max-width: 840px) {
.main33 { margin: 0 auto; max-width: 360px;}
.main33 li {padding:10px 0 20px 0}
.main33 li.TL {text-align:center; }
.main33 li.TC {text-align:center; }
.main33 li.TR {text-align:center }

.main33 li.TL .view {margin: 0 0px; }
.main33 li.TC .view {margin: 0 0px; }
.main33 li.TR .view {margin: 0 0px; }
.main_coltop {clear:both; padding-top:50px; }  
}



@media screen and (max-width: 640px) {
.main_bn3_bg_cont_tit {  font-size: 24px;  font-weight: bold;  padding: 30px;}
.main_bn3_bg_cont_txt {  font-size: 18px;  font-weight: bold;  padding: 0px 0 10px 0;}
.main_bn3_bg_cont_tel {  font-size: 20px;  font-weight: bold;  padding: 10px;}
.main_bn3_bg_cont_btn_a, .main_bn3_bg_cont_btn_a:link, .main_bn3_bg_cont_btn_a:visited ,.main_bn3_bg_cont_btn_a:hover { font-size: 18px; font-weight: 600; padding: 10px 30px;}

}











@media screen and (max-width: 460px) {
.main_bn3_bg_cont_tit {  font-size: 20px;  font-weight: bold;  padding: 20px;}
.main_bn3_bg_cont_txt {  font-size: 16px;  font-weight: bold;  padding: 0px 0 10px 0;}
.main_bn3_bg_cont_tel {  font-size: 18px;  font-weight: bold;  padding: 10px;}
.main_bn3_bg_cont_btn_a, .main_bn3_bg_cont_btn_a:link, .main_bn3_bg_cont_btn_a:visited ,.main_bn3_bg_cont_btn_a:hover { font-size: 18px; font-weight: 600; padding: 10px 30px;}


.bbs_box_cont .bbs_list li { height: 50px;  line-height: 50px; border-bottom: 1px solid #ddd;}
.bbs_box_cont .bbs_title { text-align: left; font-size: 20px; min-width: 155px;  height: 30px;}
.bbs_more, .bbs_more:link, .bbs_more:visited , .bbs_more:hover{font-size: 14px;   }
.mbba_a, .mbba_a:link, .mbba_a:visited , .mbba_a:hover {  font-size: 14px;   }
.bbs_list li span { font-size: 14px;}



}



@media screen and (max-width: 420px) {
.container { width: calc(100% - 0px);}
.main33 { margin: 0 auto; max-width: 360px;}
.main33 li {padding:10px 0 20px 0}
.main33 li.TL {text-align:center; }
.main33 li.TC {text-align:center; }
.main33 li.TR {text-align:center }

.main33 li.TL .view {margin: 0 0px; }
.main33 li.TC .view {margin: 0 0px; }
.main33 li.TR .view {margin: 0 0px; }
.main_coltop {clear:both; padding-top:50px; }  
#main .container .ptitle h2 { font-size: 24px;  font-weight:bold; padding-top: 40px;font-family: 'NanumSquareRound' ,"Nanum Gothic", 'NotoSans', 'Malgun Gothic' ,sans-serif;}
#main .container .img_title { font-size: 18px;  font-weight: 500; padding: 20px 0;}


.bbs_list li span.bbs_list_tit {text-overflow:ellipsis;  width:250px; white-space:nowrap; overflow:hidden; word-wrap:normal;}

}



@media screen and (max-width: 380px) {
.container { width: calc(100% - 0px);}
.main33 { margin: 0 auto; max-width: 300px;}
.main33 li {padding:10px 0 20px 0}
.main33 li.TL {text-align:center; }
.main33 li.TC {text-align:center; }
.main33 li.TR {text-align:center }

.main33 li.TL .view {margin: 0 0px; }
.main33 li.TC .view {margin: 0 0px; }
.main33 li.TR .view {margin: 0 0px; }
.main_coltop {clear:both; padding-top:50px; }  

/*.bbs_list li span.bbs_list_tit {text-overflow:ellipsis;  width:200px; white-space:nowrap; overflow:hidden; word-wrap:normal;}*/


}