@charset "UTF-8";
/* 메인 new */


table {border-collapse: collapse; border-spacing: 0; }




/* ************************************************************************************************/



#main_wrap {background:#7793E6 url('/gagong/fnc_images/main/main_bg1.jpg') center 0 no-repeat;  width:100%; height:736px ;}

.main_row1 {clear:both; margin:0 auto; max-width:1200px; min-height: 700px}
.main_row1 .main1bg_tit {padding-top:40px;}


.main_img {width:789px ; float:left; margin-top:20px;border: 10px solid #fff;
border-radius:27px; 
box-shadow: 14px 14px 22px -14px #ccc }
.main_banner {width:calc(100% - 789px); float:left; padding-top:0px; }
.main_banner_cont {padding-left:30px; }
.main_banner_cont li{float:none; padding:0 0 }


.main_banner_cont li.bn_test1 { box-shadow: 2px 7px 20px -4px #aaa; border-radius:26px;}
.main_banner_cont li.bn_test2 {clear:both; margin-top:28px; box-shadow: 2px 7px 20px -4px #aaa; border-radius:26px;}
.main_banner_cont li.bn_test3 {clear:both; margin-top:28px; box-shadow: 2px 7px 20px -4px #aaa ;border-radius:26px;}
.bn_test1 { background:#00d98a url('/gagong/fnc_images/main/main_bn_bg1.png') center -10px no-repeat;  width:380px; height:150px ;  }
.bn_test2 { background:#00c7d9 url('/gagong/fnc_images/main/main_bn_bg2.png') center  10px no-repeat;  width:380px; height:150px ;  }
.bn_test3 { background:#2c64ca url('/gagong/fnc_images/main/main_bn_bg3.png') center -10px no-repeat;  width:380px; height:150px ;  }

.main_banner_cont li.bn_test2 .bn_content.line3 h4{padding-top:12px; }
.main_banner_cont li.bn_test2 h4{padding-top:0px; }
.main_banner_cont li.bn_test2 h3{font-size: 21px !important; line-height: 25px;}
.main_banner_cont li.bn_test2 h5{padding-top: 0px;  font-size: 19px !important;}

.main_banner_cont li .bn_content {padding:10px 30px ; }
.main_banner_cont li h3 { text-align:left; font-size:23px!important; font-weight:800; line-height:180%; color:#fff;
letter-spacing:-1px ; padding-top:10px }
.main_banner_cont li h4 {font-family:  "Malgun Gothic",  sans-serif;  text-align:left; font-size:18px!important; 
font-weight:300; line-height:20px; color:#fff; letter-spacing:0px; ; padding-top:40px   }



.main_banner_cont li .bn_content.line3 {padding:0px 30px ; }
.main_banner_cont li h3 { text-align:left; font-size:23px!important; font-weight:800; line-height:180%; color:#fff;
letter-spacing:-1px ; padding-top:10px }
.main_banner_cont li h3 b{ font-size:20px!important; font-weight:800; color:#fff;letter-spacing:-1px ; padding-top:10px }

.main_banner_cont li .bn_content.line3  h4 {font-family:  "Malgun Gothic",  sans-serif;  text-align:left; font-size:18px!important; 
font-weight:300; line-height:20px; color:#fff; letter-spacing:0px; ; padding-top:30px   }

.main_banner_cont li h5 {font-family:  "Malgun Gothic",  sans-serif;  text-align:left; font-size:22px!important; 
font-weight:300; line-height:20px; color:#fff; letter-spacing:0px; ; padding-top:5px   }



.main_banner_cont .test_btnbg {float:right;padding:90px 0px 0 0  }
.main_banner_cont .test_btn {text-align:center; color:#fff; font-size:16px;line-height:120%;
border-radius:50%; border:1px solid #fff;padding:28px 10px; height:100px; width:100px;   }
.main_banner_cont li.bn_test1 .test_btn:hover {border:1px solid #2751CD;  background:#2751CD }
.main_banner_cont li.bn_test2 .test_btn:hover {border:1px solid #BD8213;  background:#BD8213 }

.main_bn {background:#fff; width:100%; margin-top:40px; margin-bottom:40px;   }
.main_bn_body {margin:0 auto; max-width:1200px}
.main_bn_tb  {width:100%; }
.main_bn_tb  li{float:left;}
.main_bn_tb  li.online_btn span {display:none}

@media only screen and (max-width: 980px) {
.main_bn {margin-top: 0px;  margin-bottom: 40px;}
.main_bn_tb  li{float:none; width:100%; text-align:center}
}
.main_bn_tb .mo_txt {display:none}



.radius24 {border-radius:24px 24px 24px 24px}

.gfoot {float:right; margin-top:-50px;     position: absolute; z-index:1; left:50%;margin-left:30px  }
.gfoot .gfoot_body {
background: #000;       /* 기본 배경색 지정-투명도가 모두 적용되지 않았을 때 색상 */ 
 background: rgba(0,0,0,0.5);       /* RGBa 적용 - Firefox, Chrome, Safari, Opera ... */ 
 background: transparent !ie;       /* IE에서 Filter적용을 위해 배경을 지움 */ 
 zoom:1;  	/* 정상적인 Filter적용을 위해 zoom:1을 적용 */ 
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* this works in IE6, IE7, and IE8 */ 
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /* this works in IE8 only */ 		
 color:#fff; font-size:16px; width:150px ; height:50px ; 
 padding:10px 0px 10px 10px; 
 border-radius:27px 0 27px 0 ; }

.gfoot span{ color:#fff; font-size:22px; line-height:25px;  }
.gfoot a{color:#fff; font-size:22px; line-height:25px; cursor:pointer; padding:0 8px}



#demos .owl-carousel .item {height:10rem; background:#fff000; padding:1rem;}
.button.play {cursor:pointer;}
.button.stop {cursor:pointer;}
.owl-carousel .owl-item img.rolls {max-width: 171px;}














/* 메인  **********************************************************************/


.main_bbs {background:url("/gagong/fnc_images/main/main_bg2.jpg") center 0 no-repeat; 
width:100%; height:512px ; margin:0 auto; clear: both; float: none; padding-top: 0px; }
.main_bbs_top {margin:0 auto; max-width:1200px;padding-top:44px;  }
.main_bbs_tit {background:url("/gagong/fnc_images/main/notice_bg.png") center 0 no-repeat; width:129px; height:77px ;  text-align:center;}
.main_bbs_tit  span {font-size:26px; font-weight:bold; font-family: 'Malgun Gothic', sans-serif; text-align:center; }
.main_bbs_more {float:right; margin-top:-36px; }
.main_bbs_more .bbs_more_a{background:#fff; padding:8px 15px 5px 15px ; border:1px solid #333; ;border-radius:25px;  vertical-align: top; line-height:30px; }
.main_bbs_more .bbs_more_a .material-icons{ font-size:30px; vertical-align: middle;}

.main_bbs_contents {margin:0 auto; max-width:1200px; clear:both;  }
.main_bbs_body { width:920px;float:left;  }
.main_bbs_body li {float:left; width:30%; margin:15px 2% ;}
.main_bbs_body li:first-child { margin-left:0px }
.main_bbs_body li:nth-child(3) { margin-right:0px }
.main_bbs_body li:last-child { display:none }


.main_bbs_body .main_bbs33 {padding:0 10px ; background:#fff; }
.main_bbs_body .main_bbs33 .cata {background:#D1F8E2; padding:5px 8px; border-radius:10px; color:#00820f; font-size:16px; }
.main_bbs_body .main_bbs33 .tit {clear:both; width:100%; font-size:20px; font-family:  "Malgun Gothic",  sans-serif; font-weight:bold; display:block ; line-height:180%; padding-top:10px;word-break: keep-all;  }
.main_bbs_body .main_bbs33 .bbs_text {clear:both;display:block ; min-height:160px; padding-top:40px;}
.main_bbs_body .main_bbs33 .txt {clear:both;display:block ;  font-size:15px; 
overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 2em;
    height: 8em;
}

.main_bbs_body .main_bbs33 .time {clear:both;display:block ; padding-top:32px; font-size:15px; line-height:180%;vertical-align: top;  }
.main_bbs_body .main_bbs33 .time .material-icons{ font-size:24px; vertical-align: middle; color:#058414}










.main_products {background:url("/gagong/fnc_images/main/main_bg3.jpg") center 0 no-repeat; 
width:100%; height:533px ; margin:0 auto; clear: both; float: none; margin-top: 50px; }
.main_products_top {margin:0 auto; max-width:1200px;padding-top:44px;  }
.main_products_tit { max-width:460px; height:100px ;  text-align:left;padding-top:50px; padding-left:50px; }
.main_products_tit  h4 {font-size:20px!important; font-weight:bold; font-family: 'Malgun Gothic', sans-serif; text-align:left; }
.main_products_tit  h3 {font-size:35px!important; font-weight:bold; font-family: 'Malgun Gothic', sans-serif; text-align:left; 
padding-top:30px; }
.main_products_more {float:right; margin-top:-36px; }
.main_products_more .bbs_more_a{background: transparent;  padding:8px 15px 5px 15px ; border:1px solid #333; ;border-radius:25px;  vertical-align: top; line-height:30px; }
.main_products_more .bbs_more_a .material-icons{ font-size:30px; vertical-align: middle;}


.main_products_contents {margin:0 auto; padding:0 20px; clear:both;float:right;  }
.main_products_body { width:1214px;float:right; padding-top:30px;   }
.main_products_body li {float:left; width:23%; margin:15px 1.3% ;background:#fff ;border-radius:24px;padding:10px  0 ; text-align:center; box-shadow: 2px 7px 20px -4px #aaa;  }


.main_products_body li:first-child { margin-left:0px }
.main_products_body li:last-child { margin-right:10px ;  }
.main_products_body .main_product44 {padding:0 0px }
.main_products_body .main_product44 .product_tit {clear:both; width:100%; 
font-size:18px; font-family:  "Malgun Gothic",  sans-serif; font-weight:bold; display:block ; 
line-height:180%; padding-top:10px; border-top:1px solid #ddd;  }

.product_slide_wrap {margin:0 auto; max-width:1200px;}
.product_slide_btn {width:250px; margin-top:230px; position: absolute; z-index:100}
.slide_btn_tb button{background:none; cursor:pointer;}
.slide_btn_tb td {width:67px; text-align:center; }
.slide_btn_tb img{border: 2px solid rgb(200, 200, 200); border-radius:50%}
.slide_btn_tb img.over_bd:hover {border:2px solid #24C3AB}


.main_products_body .owl-stage-outer {margin-left:-10px; }
.owl-carousel.owl-drag .owl-item {
    margin: 0px 0 20px 0;
    background: #fff;
    border-radius: 24px;
    padding: 0px 0px 20px 0;
    text-align: center;
    box-shadow: 2px 0px 14px -4px #aaa;
}

.product_img {text-align:center;border-radius: 24px 24px 0 0; }
.owl-carousel .owl-item img.product_img {max-width:247px; margin:0 auto; }






@media all and (max-width:1800px){
.product_slide_btn { width: 250px; margin-top: 306px; }
}


@media all and (max-width:1320px){
.owl-carousel {  max-width: 1200px; margin: 0 auto}
.main_products_body { width: 100%;  float: none;  padding-top: 30px; margin: 0 auto;}
.main_products_contents {  width:98%; margin: 0 auto;  padding: 0 1% 0 2%; clear: both;  float: none;}
}


@media all and (max-width:1160px){
.owl-carousel.owl-drag .owl-item { border-radius: 4px;}
.product_img { border-radius: 0px 0px 0 0;}
}



@media all and (max-width:890px){
.owl-carousel.owl-drag .owl-item {border-radius: 5px; padding: 0px 0; }
.product_slide_wrap {  margin: 0 auto;  max-width: 1200px; float:right; }
.product_slide_btn {  margin-top: 0px; position: relative;padding-top: 20px; }
.main_products_body { padding-top: 0px;  }
.main_products_body .main_product44 .product_tit {  font-size: 16px; padding-bottom:10px; }
.product_img {  border-radius: 0px 0px 0 0;}


}
@media all and (max-width:680px){
.product_slide_btn { width: 100%;}
.product_slide_wrap { margin: 0; max-width: 100%;  float: right;  clear:both;  display: block;}
}
@media all and (max-width:580px){
.main_products_more {  margin-top: 0px;}
}
@media all and (max-width:480px){
.main_products { background: url(/gagong/fnc_images/main/main_bg3.jpg) -400px 0 no-repeat; margin-top: 15px;}
.main_products_more {  margin-top: 0px; padding-right:10px; }
.main_products_tit { max-width: 100%;   height: 100px;   padding-top: 40px;  padding-left: 30px;}
.main_products_body .owl-stage-outer { margin-left: 0px;}
.owl-carousel.owl-drag .owl-item { box-shadow: 0px 0px 0px 0px #aaa;}
}











.main_bottom_bn {background:#fff; width:100%; height:260px ; margin:0 auto; clear: both; float: none; padding-top:70px;  }
.main_bottom_bn_content {margin:0 auto; max-width:1200px; clear:both;  }
.main_bottom_bn33  {width:100%; box-sizing: border-box; }
.main_bottom_bn33 li {width:32%; float:left;box-sizing: border-box; text-align:center; border-radius:25px; margin:0 1.5%; box-shadow: 2px 7px 20px -4px #aaa; }
.main_bottom_bn33 li:first-child {margin-left:0} 
.main_bottom_bn33 li:last-child {margin-right:0}  

.main_bottom_bn33 li.foot_bn_center { background:#14BEC0 url('/gagong/fnc_images/main/foot_bn_center.png') center 0px no-repeat;  width:375px; height:120px ;  }
.main_bottom_bn33 li.foot_bn_info { background:#00C068 url('/gagong/fnc_images/main/foot_bn_info.png') center  0px no-repeat;  width:375px; height:120px ;  }
.main_bottom_bn33 li.foot_bn_map { background:#ffffff url('/gagong/fnc_images/main/foot_bn_map.png') center 0px no-repeat; 
width:375px; height:120px ; border:2px solid #ff0000;  }

.main_bottom_bn33 li p {color:#fff; font-size:26px; font-weight:bold; line-height:120px; }
.main_bottom_bn33 li.foot_bn_info p {text-align:right; padding-right:40px  }
.main_bottom_bn33 li.foot_bn_map p { text-align:left; color:#000 ; padding-left:120px; line-height:160%;  }
.main_bottom_bn33 li.foot_bn_map p.foot_bn_tit {font-size:26px;padding-top:24px;  }
.main_bottom_bn33 li.foot_bn_map p.foot_bn_adress {font-size:14px;padding-top:5px  }


@media all and (max-width:1240px){
.main_bottom_bn33 li { width: 32%; border-radius: 25px; margin: 0 1%;}

.main_bottom_bn33 li.foot_bn_center {
    background: #14BEC0 url(/gagong/fnc_images/main/foot_bn_center.png) center 0px no-repeat;
    width: 32%;  height: 120px;}
.main_bottom_bn33 li.foot_bn_info {
    background: #00C068 url(/gagong/fnc_images/main/foot_bn_info.png) center 0px no-repeat;
    width: 32%; height: 120px;}
.main_bottom_bn33 li.foot_bn_map {
    background: #ffffff url(/gagong/fnc_images/main/foot_bn_map.png) center 0px no-repeat;
    width: 32%;  height: 120px;
    border: 2px solid #ff0000;}


}


@media all and (max-width:1180px){
.main_bottom_bn { width: 98%; height: 260px; padding-top: 70px;}
}
@media all and (max-width:1120px){
.main_bottom_bn33 li.foot_bn_center {  height: 100px;}
.main_bottom_bn33 li.foot_bn_info {  height: 100px;}
.main_bottom_bn33 li.foot_bn_map {  height: 100px;}
.main_bottom_bn33 li p {font-size: 20px;line-height: 100px;}
.main_bottom_bn33 li.foot_bn_info p {text-align: center; padding-left: 80px;}
.main_bottom_bn33 li.foot_bn_map p { padding-left: 90px;  line-height: 125%;}
}
@media all and (max-width:1024px){
.main_bottom_bn33 li.foot_bn_center {
    background: #14BEC0 url(/gagong/fnc_images/main/foot_bn_center.png) 25% center no-repeat;
    width: 25%;  height: 100px;}
.main_bottom_bn33 li.foot_bn_info {
    background: #00C068 url(/gagong/fnc_images/main/foot_bn_info.png) 25% center no-repeat;
    width: 25%; height: 100px;}
.main_bottom_bn33 li.foot_bn_map {
    background: #ffffff url(/gagong/fnc_images/main/foot_bn_map.png) 0% center  no-repeat;
    width: 45%;  height: 100px; }
.main_bottom_bn33 li p { font-size: 18px;}
.main_bottom_bn33 li.foot_bn_map p { padding-left: 30%;}
.main_bottom_bn33 li.foot_bn_info p {  text-align: left;   padding-right: 4px; padding-left: 30%;}
}
@media all and (max-width:897px){
.main_bottom_bn33 li p { font-size: 16px;}
}
@media all and (max-width:800px){
.main_bottom_bn33 li { width: 98%!important;  border-radius: 10px;  margin:  1%;}
.main_bottom_bn33 li.foot_bn_center {
    background: #14BEC0 url(/gagong/fnc_images/main/foot_bn_center.png) 0% center no-repeat;  }
.main_bottom_bn33 li.foot_bn_info {
    background: #00C068 url(/gagong/fnc_images/main/foot_bn_info.png) 0% center no-repeat; }
.main_bottom_bn33 li.foot_bn_map {
    background: #ffffff url(/gagong/fnc_images/main/foot_bn_map.png) 0% center  no-repeat; }
.main_bottom_bn33 li:first-child {  margin-left: 1%;}
.main_bottom_bn { height: auto; padding-top: 0px;}

.main_bottom_bn33 li p { font-size: 26px;}
.main_bottom_bn33 li.foot_bn_info p {  text-align: center;  padding-right: 0;    padding-left:0}
.main_bottom_bn33 li.foot_bn_map p {text-align: center;  padding-right: 0;    padding-left:0}
}

@media all and (max-width:680px){
.main_bottom_bn33 li p { font-size: 20px;}
.main_bottom_bn33 li.foot_bn_map p.foot_bn_tit {  font-size: 20px;}
}

@media all and (max-width:420px){
.main_bottom_bn33 li.foot_bn_center {
    background: #14BEC0 url(/gagong/fnc_images/main/foot_bn_center.png) -30px center no-repeat;  }
.main_bottom_bn33 li.foot_bn_info {
    background: #00C068 url(/gagong/fnc_images/main/foot_bn_info.png) -30px center no-repeat; }
.main_bottom_bn33 li.foot_bn_map {
    background: #ffffff url(/gagong/fnc_images/main/foot_bn_map.png) -25px center  no-repeat; }
.main_bottom_bn33 li {box-shadow: 0px 0px 0px 0px #aaa;}
}



/* ************************************************************************************************/


	.familly_site .select-box{float:right; }




@media all and (min-width:1225px){
.br_mo1224 {display:none}
}

@media all and (max-width:1224px){
.br_mo1224 {display:block}
}


@media only screen and (max-width: 1224px) {
.gfoot {left:50%;margin-left:235px  }
#main_wrap { width:100%; height:auto; background: url("/gagong/fnc_images/main/main_bg1.jpg") center 0 no-repeat;   
width: 100%;  height: auto; }
#main_wrap {  margin-top: 0px; }

.main_banner_cont li h5 {   font-size: 18px!important;   padding-top: 5px;}
.main_banner_cont li .bn_content.line3 {  padding: 0px 15px;}
.main_img  {float:none; margin:0 auto; max-width:789px  }
.main_banner  {float:none; margin:0 auto; max-width:850px ; width: 100%; padding-top:30px ;}
.main_banner_cont  {  width:100%}
.main_banner_cont li { float: left;  padding: 0 0; width:30.6%; margin:0 3%}
.main_banner_cont li.bn_test1 {margin-left:0}
.main_banner_cont li.bn_test2 { clear: none;  margin-top: 0px; margin-left:auto; margin-right:auto; padding-top:0}
.main_banner_cont li.bn_test3 { clear: none;  margin-top: 0px; margin-right:0 ; box-shadow: 2px 7px 20px -4px #aaa;    border-radius: 26px;}
.main_banner_cont li .bn_content { padding: 0px 10px 10px 10px;}
.main_banner_cont li h4 { font-size: 18px!important;  line-height: 20px;   padding-top: 30px;word-break: keep-all; }
.main_banner_cont li h3 { font-size: 18px!important;  font-weight: 800;   line-height: 180%;   padding-top: 10px;}

.main_banner_cont li h3 b{ font-size:16px!important; font-weight:400; letter-spacing:-2px; }
.bn_test1 { background:#00d98a url('/gagong/fnc_images/main/main_bn_bg1.png') -110px -10px no-repeat;  width:380px; height:150px ;  }
.bn_test2 { background:#00c7d9 url('/gagong/fnc_images/main/main_bn_bg2.png') -110px  10px no-repeat;  width:380px; height:150px ;  }
.bn_test3 { background:#2c64ca url('/gagong/fnc_images/main/main_bn_bg3.png') -110px -10px no-repeat;  width:380px; height:150px ;  }


.main_banner_cont li.bn_test2 h3{font-size: 18px !important;}
.main_banner_cont li.bn_test2 h5{font-size: 17px !important; line-height: 22px; padding-top: 5px;}

}



.main1bg_tit_img {display:block}
.main1bg_tit_txt {display:none}

@media only screen and (max-width: 980px) {
.main_row1 .main1bg_tit { padding-top: 0px;}
}



@media only screen and (max-width: 900px){
.main_bbs {  height: 400px;}
.main_bbs_body {  margin: 0 auto;  max-width:100%}
.main_bbs_body li { float: left; width: 48%; margin: 15px 1%;}
.main_bbs_body li:last-child {display:none}
.main_bbs_body .main_bbs33 .tit { font-size: 18px;min-height:85px; }
.main_bbs_body .main_bbs33 .bbs_text { min-height: 90px;  padding-top: 15px; border-top:1px solid #ddd; }

}




@media only screen and (max-width: 800px){
.main_img {width:100%; min-width: 100%;}
.gfoot {left: 0%;  margin-left: 10px;}
.gfoot .gfoot_body {border-radius:0 27px 0  0 ; }

}

@media only screen and (max-width: 780px){
.main_banner_cont { padding-left: 0px;  width:90%; margin:0 auto}
.main_banner_cont li { float: left;  padding: 0 0; width:48%; margin:0 3%;  margin-bottom: 20px;}
.main_banner_cont li:nth-child(3) {clear:both;   float: none;  padding: 0px 0; width:48%; margin:0px auto;   }
.br_mo1224 {display:none}
}



@media only screen and (max-width: 680px){

.main1bg_tit_img {display:none}
.main1bg_tit_txt {display:block; text-align:center; line-height:160%; padding:20px 0}
.main1bg_tit_txt {font-size:20px; font-weight:bold; color:#2DBB87}
.main1bg_tit_txt b {font-size:26px; font-weight:bold; color:#247EC3; }
}


@media only screen and (max-width: 580px){
.main_bbs {  height: auto;}
.main_bbs_body {  margin: 0 auto;  max-width:100%}
.main_bbs_body li { float: none; width: 100%; }
.main_bbs_body li:last-child {display:block}
.main_bbs_body .main_bbs33 .tit { font-size: 16px;min-height:auto; }
.main_bbs_body .main_bbs33 .bbs_text {display:none }

.main_bbs_body .main_bbs33 .cata {width:20%; display:inline-block; margin:0 2% 0 1% ; text-align:center;  }
.main_bbs_body .main_bbs33 .tit {   font-weight: bold;   padding-top: 4px;  
    line-height: 18px; clear: none; width: 75%; font-size: 16px; display: inline-block; 
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.main_bbs_body .main_bbs33 .time {padding-top: 8px; font-size: 15px;  padding-bottom:14px; }
.main_bbs_body li {margin-left: 0px;}
.main_bbs_body li:first-child {margin-left: 0px;}

.main_banner_cont { padding-left: 0px;  width:98%; margin:0 auto}
.main_banner_cont li { float: none;  padding: 0 0; width:100%; margin:0 auto;  margin-bottom: 8px;}
.main_banner_cont li:nth-child(3) {clear:both;   float: none;  padding: 0px 0; width:100%; margin:0px auto;   }
.bn_test1 { background:#00d98a url('/gagong/fnc_images/main/main_bn_bg1.png') 110% -37px no-repeat;  width:100%; height:117px ;  }
.bn_test2 { background:#00c7d9 url('/gagong/fnc_images/main/main_bn_bg2.png') 100% -15px no-repeat;  width:100%; height:117px ;  }
.bn_test3 { background:#2c64ca url('/gagong/fnc_images/main/main_bn_bg3.png') 110% -44px no-repeat;  width:100%; height:117px ;  }
.main_banner_cont li .bn_content { padding: 2px 10px 10px 50px;}
.main_banner_cont li.bn_test1 {box-shadow: 0px 0px 0px 0px #aaa;  border-radius: 7px;}
.main_banner_cont li.bn_test2 {box-shadow: 0px 0px 0px 0px #aaa;  border-radius: 7px;}
.main_banner_cont li.bn_test3 {box-shadow: 0px 0px 0px 0px #aaa;  border-radius: 7px;}

.main_bbs_body .main_bbs33 { padding: 0 5px;}
.main_bbs_body .main_bbs33 .cata { background: #D1F8E2;  padding: 3px 8px;  border-radius: 10px;  color: #00820f;  font-size: 14px;}
.main_bbs_body .main_bbs33 .tit {   font-weight: normal;   padding-top: 4px;    line-height: 18px; font-size: 15px; }
  
.main_bbs_body .main_bbs33 .time { display:none }

.main_banner_cont li .bn_content.line3 { padding: 2px 10px 10px 50px; }
.main_banner_cont li h3 { padding-top:10px }
.main_banner_cont li .bn_content.line3  h4 {padding-top:15px   }
.main_banner_cont li h5 { padding-top:5px   }


.main_banner_cont li.bn_test2 h3{font-size: 17px !important; line-height: 25px;  padding-top: 5px;}
.main_banner_cont li.bn_test2 h5{font-size: 16px !important; line-height: 20px; padding-top: 0px;}
.main_banner_cont li.bn_test2 .bn_content.line3 h4{padding-top: 1px;}
}






.fnc_rolling {border:1px solid #ddd; padding:30px 0}
.owl-carousel_roll .owl-item img.rolls {max-width: 171px;}
.fnc_rolling_conts {max-width:1200px; margin:0 auto;}
.roll_btn_row {float:left; width:18%}
.fnc_rolling_body {float:left;width:60%}
.roll_btn_cont span.tit{font-size:18px; line-height:50px; padding:0 10px  }
.roll_btn_cont span.material-icons{padding-top:0px; font-size:40px }
.roll_btn_cont .next_roll .material-icons{border:0px solid #ddd; cursor:pointer; padding-top:3px;  }
.roll_btn_cont .prev_roll .material-icons{border:0px solid #ddd; cursor:pointer;  padding-top:3px;  }
.familly_site {float:left; width:22%}
.familly_site{ }
.familly_site .select-box{float:right; }


@media only screen and (max-width: 1200px){
.roll_btn_row {float:left; width:18%}
.fnc_rolling_body {float:left;width:60%}
.familly_site {float: left; width: 22%;}
.familly_site .select-box { float: none; text-align:center; }
.select-script { margin: 0 auto;}
.roll_btn_cont span.tit { font-size: 18px; line-height: 42px;  padding: 0 10px;}
}

@media only screen and (max-width: 1024px){
.roll_btn_row {float:left; width:22%}
.fnc_rolling_body {float:left;width:55%}
.familly_site {float: left; width: 20%;}
.familly_site .select-box { float: none; text-align:center; }
.select-script { margin: 0 auto;}
.roll_btn_cont span.tit { font-size: 18px; line-height: 42px;  padding: 0 10px;}
}


@media only screen and (max-width: 980px){
.roll_btn_row {float:left; width:20%}
.roll_btn_cont {padding-top:10px; }
.fnc_rolling_body {float:left;width:59%}
.familly_site {float: left; width: 20%;}
.familly_site .select-box {float: right; margin-top: 3px; }
.roll_btn_cont span.tit { font-size: 18px; line-height: 24px;  padding: 0 10px;}
.roll_btn_cont span.material-icons { padding-top: 0px; font-size: 25px;}
.select-script {    width: 148px!important ; height: 40px;  line-height: 40px;}
.familly_site .select-box { text-align: left;}
.roll_btn_cont span.material-icons img{ width:34px; height:30px}
}

@media only screen and (max-width: 879px){
.roll_btn_cont {text-align:right; padding-right: 10px;}
.roll_btn_cont a.next_roll {display:none}
.roll_btn_cont a.prev_roll {display:none}
.roll_btn_row {float:left; width:16%}
.fnc_rolling_body {float:left;width:53%}
.familly_site {float: left; width: 20%;}
}

@media only screen and (max-width: 799px){
.roll_btn_cont {text-align:center; padding-right: 0px;}
.roll_btn_row {float:left; width:24%}
.fnc_rolling_body {float:left;width:55%}
.familly_site {float: left; width: 20%;}
}


@media only screen and (max-width: 720px){
.roll_btn_row {float:left; width:24%}
.fnc_rolling_body {float:left;width:53%}
.familly_site {float: left; width: 22%;}

}

@media only screen and (max-width: 690px){
.roll_btn_cont {display:none  }
.familly_site { display:none}

.fnc_rolling_body {clear:both;  float:none;width:100%}
.familly_site {clear:both; float: none; width: 100%}
.roll_btn_row { float: none; width: 100%;}


.select-script { width: 90% !important;}

}


@media only screen and (max-width: 690px){
.fnc_rolling_conts { max-width: 67%; margin: 0 auto;}

}
@media only screen and (max-width: 499px){
.fnc_rolling_conts { max-width: 83%; margin: 0 auto;}
}



/* 공통 미디어쿼리 **************************************************************************************/

@media only screen and (max-width: 1024px) {
#main_contents { padding:30px 0 50px 0}
}

@media only screen and (max-width: 980px) {
#main_contents { padding:30px 0 50px 0}
}



@media only screen and (min-width: 461px) {
.mo_none460 {display:inline-block}
.br_mo460 {display:none}
}

@media only screen and (max-width: 460px) {
.main_bn_tb  li.online_tel .mo_txt li {min-height:140px ;
.mo_none460 {display:none}
.br_mo460 {display:block}
}


/* ************************************************************************************************/