@charset "UTF-8";





#sub   .blocks::before, #sub   .blocks::after { content: ""; display: block; }
#sub   .blocks::after { clear: both; } 
.sub_cont_block  .blocks::before, .sub_cont_block  .blocks::after { content: ""; display: block; }
.sub_cont_block  .blocks::after { clear: both; } 

.sub_cont_block .sub_img {max-width:600px; width:100%}
.sub_cont_block .sub_txt {}
.TL {  text-align: left;}
.clear {clear:both; padding:10px }
#images{    text-align:center;    margin:50px auto; }
#images a{    margin:0px 20px;    display:inline-block;    text-decoration:none;    color:black; }


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

#vid {width:100%; max-width:1200px ;  max-height:680px }

.tab_content_line { background:url('/archive/resources/images/fnc_images/sub/p_line.jpg') center 0 no-repeat;  max-width:100%; height:10px ; margin:0 auto; }
   .txt_cc { font-size:15px; color:#333; padding:0px 60px 0 0    ;font-weight:400; text-align:right; margin-top:-30px  }

.sub_title {  text-align: center;  font-size: 30px; font-weight: bold; color: #333;  padding: 60px 0 30px 0;font-family: 'NotoSans',  sans-serif;   font-weight:700;}
.sub_tit_cont h3 {font-size:20px; font-weight:bold; color:#000;text-align:left;  padding:20px 0 0px  0 font-family: 'NotoSans',  sans-serif;   font-weight:700;}
.sub_tit_cont h4 {font-size:18px; font-weight:bold; color:#249BD5;text-align:left;  padding:30px 0 10px  0 ;font-family: 'NotoSans',  sans-serif;   font-weight:400;}
.sub_tit_cont ul {padding-left:20px; }
.sub_tit_cont ul > li {font-size:16px; font-weight:400; color:#333;text-align:left; list-style: disc; }
.sub_tit_cont ul > li.li_list {font-size:16px; font-weight:400; color:#333;text-align:left; list-style: none; }

#user_board_control { border: 0px !important  }
#user_board_control .inner { display:none}


.flex-direction-nav li .prev {  left: 0px !important;}
.flex-direction-nav li .next {  right: 0px !important;}
.flex-direction-nav li a.prev {  background: url(/archive/resources/js/fnc_js/sliderengine_wj5/arrows-48-48-4.png) no-repeat 0 0 !important;}
.flex-direction-nav li a.next {   background: url(/archive/resources/js/fnc_js/sliderengine_wj5/arrows-48-48-4.png) no-repeat right 0 !important;}



.sub_cont_block.bg_blue {background:#e8f7fd}
.tab_content01_1 {padding-top:70px; }



.tab_cont1_info100 {position: absolute;  width:100%; max-width:1200px;   margin-top:-42px;  color:#fff; padding:5px 0px ; text-align:left;   background: #000000;       /* 기본 배경색 지정-투명도가 모두 적용되지 않았을 때 색상 */ 
    background: rgba(0,0,0,0.4);       /* RGBa 적용 - Firefox, Chrome, Safari, Opera ... */ 
    background: transparent !ie;       /* IE에서 Filter적용을 위해 배경을 지움 */ 
    zoom:1;		/* 정상적인 Filter적용을 위해 zoom:1을 적용 */ 

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* this works in IE6, IE7, and IE8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; /* this works in IE8 only */ 
}
.tab_cont1_info100 p{padding-left:30px; font-size:16px; }


.tab_cont1_info1200 {position: absolute;  width:100%; max-width:1200px;   margin-top:-42px;  color:#fff; padding:5px 0px ; text-align:left;   background: #000000;       /* 기본 배경색 지정-투명도가 모두 적용되지 않았을 때 색상 */ 
    background: rgba(0,0,0,0.4);       /* RGBa 적용 - Firefox, Chrome, Safari, Opera ... */ 
    background: transparent !ie;       /* IE에서 Filter적용을 위해 배경을 지움 */ 
    zoom:1;		/* 정상적인 Filter적용을 위해 zoom:1을 적용 */ 

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* this works in IE6, IE7, and IE8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; /* this works in IE8 only */ 
}
.tab_content06_100 li.float0_txt .float0_txt_cont .tab_cont1_info1200 p { padding: 0px 10px 0px 30px; font-size:16px;}


.tab_cont1_info1200 {position: absolute;  width:100%; max-width:1200px;   margin-top:-42px;  color:#fff; padding:5px 0px ; text-align:left;   background: #000000;       /* 기본 배경색 지정-투명도가 모두 적용되지 않았을 때 색상 */ 
    background: rgba(0,0,0,0.4);       /* RGBa 적용 - Firefox, Chrome, Safari, Opera ... */ 
    background: transparent !ie;       /* IE에서 Filter적용을 위해 배경을 지움 */ 
    zoom:1;		/* 정상적인 Filter적용을 위해 zoom:1을 적용 */ 

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* this works in IE6, IE7, and IE8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; /* this works in IE8 only */ 
}
.tab_cont1_info1200 p{padding-left:30px; font-size:16px; }



.tab_cont1_info1140 {position: absolute;  width:100%; max-width:1140px;   margin-top:-34px;  color:#fff; padding:5px 0px ; text-align:left;   background: #000000;       /* 기본 배경색 지정-투명도가 모두 적용되지 않았을 때 색상 */ 
    background: rgba(0,0,0,0.4);       /* RGBa 적용 - Firefox, Chrome, Safari, Opera ... */ 
    background: transparent !ie;       /* IE에서 Filter적용을 위해 배경을 지움 */ 
    zoom:1;		/* 정상적인 Filter적용을 위해 zoom:1을 적용 */ 

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* this works in IE6, IE7, and IE8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; /* this works in IE8 only */ 
}
.tab_cont1_info1140 p{padding-left:30px; font-size:16px; }




.tab_cont1_box {background:#4C6389 ; padding:40px 20px 40px 40px; }
.tab_cont1_box .tab_txt { font-size:20px; color:#fff;  line-height:180%; }

.tab_cont1_box .tab_txt  { letter-spacing:-0.4px ;   }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tab_cont1_box .tab_txt   { letter-spacing:-0.66px  !important;  }
}


.sub_txt2 img.img300 {width:100%; max-width:300px }
.sub_txt2 img.img1200 {width:100%; max-width:1200px }
.sub_txt2 img.img848 {width:100%; max-width:848px }

.floatimg_left {clear: left; float: left; margin-bottom: 0em; margin-right:1.5em; color:#E04314; text-decoration:none; }
.floatimg_right {clear: right; float: right; margin-bottom: 0em; margin-left:1.5em; color:#E04314; text-decoration:none; }

.sub_cont_block {padding:30px 0 ;}
.sub2_bottom {clear:both; padding:50px;}

.block_end {padding:30px; }

#sub .container.sub_cont_block .sub_txt {font-size:16px; color:#333; font-weight:400 ;padding:20px 0 20px 0}
#sub .container.sub_cont_block .sub_img {text-align:center; padding:20px 0 0 0}
#sub .container.sub_cont_block .sub_img_txt {font-size:14px; color:#666; font-weight:400;  padding:4px 0 20px 0}
#sub .container.sub_cont_block .sub_tit_2 {font-size:14px; color:#333; font-weight:bold ;padding:20px 0 20px 10px; text-align:left; }
	
#sub .container.sub_cont_block .sub_txt1 {font-size:16px; color:#333; font-weight:400 ;padding:0px 10px 0px 10px}
#sub .container.sub_cont_block .sub_tit_1 {font-size:16px; color:#333; font-weight:bold ;padding:20px 10px 0px 10px; text-align:left; }
#sub .container.sub_cont_block .sub_img1 {text-align:center; padding:10px 0 0 0}	
	
#sub .container.sub_cont_block {   font-size: 18px;  color: #000;  font-weight: 400;  padding: 0px 0 0px 0;   }
#sub .container.sub_cont_block .sub_txt2 {  font-size: 14px;  color: #777;  font-weight: 400;  padding: 0px 0 0px 0;}
#sub .container.sub_cont_block .sub_txt2 .img_cap  {  font-size: 14px;  color: #777;  font-weight: 400;  padding: 0px 0 0px 0;}
#sub .container.sub_cont_block .sub_txt3 {  font-size: 18px;  color: #000;  font-weight: 400;  padding: 0px 0 0px 0;}


.tab_content01_2 {padding:60px 30px 30px 30px; width:100%; }
.tab_content01_2 li {float:left; }
.tab_content01_2 li.float_img {float:left; }
.tab_content01_2 li.float_txt {float:left; }
.tab_content01_2 li {width:50%;}
.tab_content01_2 li.float_txt .float_txt_cont h2 {padding:10px 0 0 60px; text-align:left; line-height: 140%; font-size:36px; color:#0054a6; font-weight:bold;  }
.tab_content01_2 li.float_txt .float_txt_cont p {text-align:left; font-size:18px; color:#333; font-weight:400;
 padding: 100px 0px 30px 60px;   line-height:180% }
 
 .tab_content01_2 li.float_txt .float_txt_cont p { letter-spacing:-0.4px  ;  }
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .tab_content01_2 li.float_txt .float_txt_cont p { letter-spacing:-0.66px  !important;  }
}
 



.tab_content01_2.txt100 li {width:100%;}
.tab_content01_3.txt100 li {width:100%;}
.tab_content01_4.txt100 li {width:100%;}


.button_download {width:100%; text-align:center; padding:20px }
.button_download_a, .button_download_a:link, .button_download_a:visited { background:#4b4c4a; color:#fff; text-decoration:none; font-size: 18px;  padding:5px 20px ; border-radius:20px;   }
.button_download_a:hover {background:#ecc200; color:#fff;  }



.tab_content01_3 { padding: 60px 30px 30px 30px; width:100%; }
.tab_content01_3 li {float:left; }
.tab_content01_3 li.float_img {float:left; }
.tab_content01_3 li.float_txt {float:left;  }
.tab_content01_3 li {width:50%;}
.tab_content01_3 li.float_txt .float_txt_cont h2 {padding:10px 0 0 0px; text-align:left; font-size:36px; color:#0054a6; font-weight:bold; line-height:140% }
.tab_content01_3 li.float_txt .float_txt_cont p {text-align:left; font-size:18px; color:#333; font-weight:400; 
padding:100px  0px;    line-height:180% }

.tab_content01_3 li.float_img.img_right {text-align: right;}
.tab_content01_3 li.float_img.img_leftt {text-align: left;}

.tab_content01_3 li.float_txt .float_txt_cont p { letter-spacing:-0.4px ;   }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tab_content01_3 li.float_txt .float_txt_cont p { letter-spacing:-0.66px  !important;  }
}



@media screen and (max-width: 980px){
.tab_content01_3 li.float_txt {padding-right:0px}
}






.tab_content01_3.txt100.pdT10 {padding-top:10px!important;}

.tab_content01_3.txt100 li { width: 100%;}
.tab_content01_2.txt100 li.float_txt .float_txt_cont p {   padding: 100px 0px 0px 0px; }
.tab_content01_3.txt100 li.float_txt .float_txt_cont p {  padding: 100px 0px 0px 0px;  }



.tab_content01_2.txt100 li.float_txt .float_txt_cont p { letter-spacing:-0.4px ;   }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tab_content01_2.txt100 li.float_txt .float_txt_cont p { letter-spacing:-0.66px  !important;  }
}
.tab_content01_3.txt100 li.float_txt .float_txt_cont p { letter-spacing:-0.4px ;   }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tab_content01_3.txt100 li.float_txt .float_txt_cont p { letter-spacing:-0.66px  !important;  }
}

.tab_content01_2.txt100.top0 li.float_txt .float_txt_cont p {padding: 0 0 0 0}
.tab_content01_3.txt100.top0 li.float_txt .float_txt_cont p {padding: 0 0 0 0}

.tab_content01_2.txt100.top0 { padding: 0px 30px 30px 30px; width: 100%;}
.tab_content01_3.txt100.top0 { padding: 0px 30px 30px 30px; width: 100%;}
.tab_content01_4.txt100.top0 { padding: 0px 30px 30px 30px; width: 100%;}

.tab_content01_4 {padding-top:50px; width:100%; }
.tab_content01_4  {}
.tab_content01_4  .tab_txt {padding:0 90px 40px 60px;  font-size:22px; color:#333;  line-height:180%; letter-spacing:0}

.tab_content03_2 li.float_txt .float_txt_cont .float_img   .tab_cont1_info3 p{padding: 2px 0px 0px 20px; font-size:16px; color:#fff;  } 
.tab_cont1_info3 {position: relative;  width:100%; max-width:596px;   margin-top:-35px;  color:#fff; padding: 3px 0 3px 0px ; text-align:left;   background: #000000;       /* 기본 배경색 지정-투명도가 모두 적용되지 않았을 때 색상 */ 
    background: rgba(0,0,0,0.6);       /* RGBa 적용 - Firefox, Chrome, Safari, Opera ... */ 
    background: transparent !ie;       /* IE에서 Filter적용을 위해 배경을 지움 */ 
    zoom:1;		/* 정상적인 Filter적용을 위해 zoom:1을 적용 */ 

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* this works in IE6, IE7, and IE8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; /* this works in IE8 only */ 
}

.tab_cont1_info3 p{padding-left:30px; font-size:16px; }

.tab_content03_1 {padding-top:70px; width:100%; }
.tab_content03_1 li {float:left; }
.tab_content03_1 li.float_img {float:left; }
.tab_content03_1 li.float_txt {float:left; }
.tab_content03_1 li {width:50%;}
.tab_content03_1 li.float_img  h2 {padding:20px 0 50px 60px; text-align:left; font-size:36px; color:#0054a6; font-weight:bold;  }
.tab_content03_1 li.float_img  .float_img_img {padding:10px 0 0 60px }
.tab_content03_1 li.float_txt .float_txt_cont p {text-align:left; font-size:22px; color:#333; font-weight:400; padding:100px 60px 30px 60px; 
  line-height:180% }
 
 .tab_content03_1 li.float_txt .float_txt_cont p  { letter-spacing:-0.4px ;   }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tab_content03_1 li.float_txt .float_txt_cont p  { letter-spacing:-0.66px  !important;  }
}
 
 

.tab_content03_1 li.float_img.img_left {text-align:left}
.tab_content03_1 li.float_img.img_right {text-align:right}
.tab_content03_1 li.float_img.img_center {text-align:center}

.tab_content03_2 {padding-top:50px; width:100%; padding-right:30px;  padding-left:30px;  }
.tab_content03_2 li {float:left; }
.tab_content03_2 li.float_img {float:left; }
.tab_content03_2 li.float_txt {float:left; }
.tab_content03_2 li {width:50%;}
.tab_content03_2 li.float_img  h2 {padding:20px 0 50px 0px; text-align:left; font-size:36px; color:#0054a6; font-weight:bold;  }
.tab_content03_2 li.float_img  .float_img_img {padding:10px 0 0 0px }
.tab_content03_2 li.float_img  .float_img_img p {font-size:18px; color:#fff; font-weight:400;}

.tab_content03_2 li.float_img  .float_img_img p { letter-spacing:-0.4px ;   }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tab_content03_2 li.float_img  .float_img_img p  { letter-spacing:-0.66px  !important;  }
}





.tab_content03_2 li.float_img .float_img_img p.p_txt{font-size:18px; color:#333; }
.tab_content03_2 li.float_txt .float_txt_cont p {text-align:left; font-size:18px; color:#333; font-weight:400; padding:100px 60px 30px 60px;
  line-height:180% ; letter-spacing:-0.4px ;   }
  
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tab_content03_2 li.float_txt .float_txt_cont p  { letter-spacing:-0.66px  !important;  }
} 
   
   
   
   
   

.tab_content03_2 li.float_img.img_left {text-align:left}
.tab_content03_2 li.float_img.img_right {text-align:right}
.tab_content03_2 li.float_img.img_center {text-align:center}

.tab_content03_2 li.float_img { text-align: left;}
.tab_content03_3 li.float_img { text-align: center;}
.tab_content03_3 { padding-right: 30px;}

.tab_content03_2 {padding-right: 30px; padding-left: 30px;}
.tab_cont1_info2.info_left {float:left }
.tab_cont1_info2.info_right {float:right }
  

.tab_content03_3 {padding-top:90px; width:100%; padding-left:30px; padding-right:30px }
.tab_content03_3.pdT10 {padding-top:10px;  }
.tab_content03_3 li {float:left; }
.tab_content03_3 li.float_img {float:left; }
.tab_content03_3 li.float_img.img_left {text-align:left}
.tab_content03_3 li.float_img.img_right {text-align:right}
.tab_content03_3 li.float_img.img_center {text-align:center}
.tab_content03_3 li.float_txt {float:left; }
.tab_content03_3 li {width:50%;}


.tab_content03_3 li.float_txt  h2 {padding:0px 0 60px 0px; text-align:left; font-size:36px; color:#0054a6; font-weight:bold;  }
.tab_content03_3 li.float_txt .float_txt_cont p {text-align:left; font-size:18px; color:#333;
 font-weight:400; padding:0px 30px 30px 30px;    line-height:180% }
 
.tab_content03_3 li.float_txt .float_txt_cont p { letter-spacing:-0.4px ;   }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tab_content03_3 li.float_txt .float_txt_cont p  { letter-spacing:-0.66px  !important;  }
}
 
 
 
 #slider {    margin: 0 }
 @media screen and (max-width: 980px){
 #slider {    margin: 0 auto;}
}



.tab_content03_3.txt100 li {width:100%}
.tab_content03_3 li.float_txt.stit2 h2   {color:#000; font-size:26px; padding: 0px 0 15px 0px;}
.tab_content03_3 li.float_txt .float_txt_cont p { padding: 0px 0px 30px 0px;}
.tab_content03_2 li.float_txt .float_txt_cont p { padding: 100px 0px 30px 0px; }

.tab_content03_2.txt100 li {width:100%}
.tab_content03_2 li.float_txt.stit2 h2   {color:#000; font-size:26px; padding: 0px 0 15px 0px;}
.tab_content03_2 li.float_txt .float_txt_cont p { padding: 0px 0px 30px 0px;}
.tab_content03_2 li.float_txt .float_txt_cont p { padding: 100px 0px 30px 0px; }


.tab_content03_2 li.float_txt.pdT10 .float_txt_cont p { padding: 10px 60px 30px 60px;}
.tab_content03_2 .flex-control-nav li { float:left; width: 20px;}
.tab_content03_2 li.float_txt .float_txt_cont p { padding: 100px 0px 30px 0px;}
.tab_content03_2.txt100 li.float_txt.pdT10 .float_txt_cont p {  padding: 10px 20px 30px 20px;}

.tab_content01_4 {padding-top:100px; width:100%; }
.tab_content01_4  {}
.tab_content01_4  .tab_txt {padding:0 90px 40px 60px;  font-size:20px; color:#333;  line-height:180%; letter-spacing:0}

.tab_cont1_info2 {position: relative; margin:0 auto;  width:100%; max-width:518px;   margin-top:-35px; line-height: 35px; color:#fff; padding: 0px ; text-align:left;   background: #000000;       /* 기본 배경색 지정-투명도가 모두 적용되지 않았을 때 색상 */ 
    background: rgba(0,0,0,0.6);       /* RGBa 적용 - Firefox, Chrome, Safari, Opera ... */ 
    background: transparent !ie;       /* IE에서 Filter적용을 위해 배경을 지움 */ 
    zoom:1;		/* 정상적인 Filter적용을 위해 zoom:1을 적용 */ 

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* this works in IE6, IE7, and IE8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; /* this works in IE8 only */ 
}

h3.tab_cont1_info2 p{padding-left:30px; font-size:16px!important; } 



.tab_cont1_info2.info_left {margin: 0 0; margin-top:-35px}
.tab_cont1_info2.info_right{float:right;}

.tab_cont1_info2_570 {position: relative; margin:0 auto;  width:100%; max-width:570px;   margin-top:-35px;  color:#fff;  text-align:left;   background: #000000;       /* 기본 배경색 지정-투명도가 모두 적용되지 않았을 때 색상 */ 
    background: rgba(0,0,0,0.6);       /* RGBa 적용 - Firefox, Chrome, Safari, Opera ... */ 
    background: transparent !ie;       /* IE에서 Filter적용을 위해 배경을 지움 */ 
    zoom:1;		/* 정상적인 Filter적용을 위해 zoom:1을 적용 */ 

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* this works in IE6, IE7, and IE8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; /* this works in IE8 only */ 
}

.tab_cont1_info2_570 p{padding:0 0 0 30px !important; font-size:16px!important; line-height:35px!important } 




.tab_cont1_info2_518 {position: relative; margin:0 auto;  width:100%; max-width:518px;   margin-top:-35px;  color:#fff; padding: 3px ; text-align:left;   background: #000000;       /* 기본 배경색 지정-투명도가 모두 적용되지 않았을 때 색상 */ 
    background: rgba(0,0,0,0.6);       /* RGBa 적용 - Firefox, Chrome, Safari, Opera ... */ 
    background: transparent !ie;       /* IE에서 Filter적용을 위해 배경을 지움 */ 
    zoom:1;		/* 정상적인 Filter적용을 위해 zoom:1을 적용 */ 

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* this works in IE6, IE7, and IE8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; /* this works in IE8 only */ 
}

.tab_cont1_info2_518 p{padding-left:30px; font-size:16px!important; } 




.top_pop {display:none}

.sub_visual_bg { max-width:2000px; margin:0 auto;  height:296px }

.sub_visual_bg.sub_bg1 { background: url('/archive/resources/images/fnc_images/sub/sub_visual_1.jpg') center 0 no-repeat; max-width: 2000px; margin: 0 auto; height: 296px;}
.sub_visual_bg.sub_bg2 { background: url('/archive/resources/images/fnc_images/sub/sub_visual_2.jpg') center 0 no-repeat; max-width: 2000px; margin: 0 auto; height: 296px;}
.sub_visual_bg.sub_bg3 { background: url('/archive/resources/images/fnc_images/sub/sub_visual_3.jpg') center 0 no-repeat; max-width: 2000px; margin: 0 auto; height: 296px;}
.sub_visual_bg.sub_bg4 { background: url('/archive/resources/images/fnc_images/sub/sub_visual_4.jpg') center 0 no-repeat; max-width: 2000px; margin: 0 auto; height: 296px;}
.sub_visual_bg.sub_bg5 { background: url('/archive/resources/images/fnc_images/sub/sub_visual_5.jpg') center 0 no-repeat; max-width: 2000px; margin: 0 auto; height: 296px;}
.sub_visual_bg.sub_bg6 { background: url('/archive/resources/images/fnc_images/sub/sub_visual_6.jpg') center 0 no-repeat; max-width: 2000px; margin: 0 auto; height: 296px;}


.sub_visual_bg.sub_bg_bangok { background: url('/archive/resources/images/fnc_images/sub/bankok/sub_visual_city_bankok.jpg') center 0 no-repeat; max-width: 2000px; margin: 0 auto; height: 296px;}



.sub_visual_tit {text-align: center;color:#fff; font-size:36px;line-height:290px;   
 font-family: 'NanumSquareRound',  sans-serif;   font-weight:700;  }

	#sub .container {margin:0 auto;  max-width:1200px; }
	#sub .container .ptitle{text-align:center;  padding:90px 0 70px 0}
	#sub .container .ptitle h2{font-size:20px;  line-height:160%;  }
	#sub .container .img_title {text-align:center;font-size:24px;color:#333; font-weight:500 ; padding:20px 0; letter-spacing:-1px;}



#sub .container.sub_cont_block {   font-size: 18px;  color: #000; font-weight: 400;  padding:  0px;   }
#sub .container.sub_cont_block .sub_txt2 {  font-size: 14px;  color: #777;  font-weight: 400;  padding: 0px 0 0px 0;}
#sub .container.sub_cont_block .sub_txt2 .img_cap  {  font-size: 14px;  color: #777;  font-weight: 400;  padding: 0px 0 0px 0;}
#sub .container.sub_cont_block .sub_txt3 {  font-size: 18px;  color: #000;  font-weight: 400;  padding: 0px 0 0px 0;}

.sub_txt2 img.img300 {width:100%; max-width:300px }
.sub_txt2 img.img1200 {width:100%; max-width:1200px }
.sub_txt2 img.img848 {width:100%; max-width:848px }

.floatimg_left {clear: left; float: left; margin-bottom: 0em; margin-right:1.5em; color:#E04314; text-decoration:none; }
.floatimg_right {clear: right; float: right; margin-bottom: 0em; margin-left:1.5em; color:#E04314; text-decoration:none; }






#section_sub_navi {margin:0 auto; max-width:1200px; }
#section_sub_navi .sub_navi3 {width:100%; }
#section_sub_navi .sub_navi3 li{float:left; width:20%; text-align:center; border:1px solid #ddd; margin-left:-1px; 
line-height:54px; font-size:20px; background:#f5f5f5;   color:#333; font-family: 'NotoSans',  sans-serif;   font-weight:400;  cursor:pointer;cursor:hand; }

#section_sub_navi .sub_navi3 li:hover { background:#00477b; color:#fff;   }

#section_sub_navi .sub_navi3 li.sub_navi3_1.on { background:#00477b; color:#fff;   }
#section_sub_navi .sub_navi3 li.sub_navi3_2.on { background:#00477b; color:#fff;   }
#section_sub_navi .sub_navi3 li.sub_navi3_3.on { background:#00477b; color:#fff;   }


#sub .container .ptitle h1 { padding:0px 0 0px 0; font-size: 36px; color:#000; font-family: 'NotoSans',  sans-serif;   font-weight:700;  line-height: 160%;}
#sub .container .ptext {padding:0px 0 0px 0; font-size: 21px; color:#333; font-family: 'NotoSans',  sans-serif;   font-weight:400;  line-height: 180%; 
letter-spacing:-1px; 
} 



#section_sub_navi::before, #section_sub_navi::after { content: ""; display: block; }
#section_sub_navi::after { clear: both; } 
.sub1_cont_box2 {width:100%}
.sub1_cont_box2 li.con_box2_txt { float:left; width:60%}
.sub1_cont_box2 li.con_box2_txt p{ padding:10px 20px; font-size:20px; letter-spacing:-1px; font-weight: 400; }


.sub1_cont_box2 li.con_box2_txt p { letter-spacing:-0.4px ;   }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.sub1_cont_box2 li.con_box2_txt p  { letter-spacing:-1px !important;  }
}

.rt th, .rt td {font-family: 'NotoSans',  sans-serif;   font-weight:400;}
 
.sub1_cont_box2 li.con_box2_img { float:left; width:40%; text-align:right}

	
a	{font-family: 'NotoSans',  sans-serif;   font-weight:400;}
	
	
.sub_tabmenu {margin:0 auto; max-width:730px; padding-top:70px;  }
.sub_tabmenu li {width:24.5% ; float:left;  text-align:center; padding:14px 0 ; }
.sub_tabmenu li a {margin:10px 0px ;  border:1px solid #ddd;  text-align:center; padding:8px 30px ; border-radius:20px ; color:#333 ; font-family: 'NotoSans',  sans-serif;   font-weight:400; }
.sub_tabmenu li a:hover{background:#CEEAFF; color:#000}
.sub_tabmenu li a.sub_tabmenu_a.on {background:#CEEAFF; color:#000}
	
	
.font_black {color:#000 !important; cursor:pointer;cursor:hand; }
.color {font-size:25px; cursor:pointer;cursor:hand; }
.graph_navi {padding:80px 0 0 100px !important;}
#pie {max-height: 540px; }

	
table.responsive  { border-collapse: collapse; border-spacing: 0;}
table.responsive th {border: 1px solid #ddd;  border-collapse: collapse; border-spacing: 0; font-family: 'NotoSans',  sans-serif;   font-weight:400; }
table.responsive td {border: 1px solid #ddd;  border-collapse: collapse; border-spacing: 0; font-family: 'NotoSans',  sans-serif;   font-weight:400; }








#section_sub_navi .sub_navi3 li.sub_navi3_1 span {font-weight: 400; }
#section_sub_navi .sub_navi5 {width:100%; }
#section_sub_navi .sub_navi5 li{float:left; width:19.8%; text-align:center; border:1px solid #ddd; margin-left:-1px; line-height:54px; font-size:20px; background:#f5f5f5;   color:#333; font-weight:bold; cursor:pointer;cursor:hand; }
#section_sub_navi .sub_navi5 li:hover { background:#00477b; color:#fff;   }

#section_sub_navi .sub_navi5 li.sub_navi5_1.on { background:#00477b; color:#fff;   }
#section_sub_navi .sub_navi5 li.sub_navi5_2.on { background:#00477b; color:#fff;   }
#section_sub_navi .sub_navi5 li.sub_navi5_3.on { background:#00477b; color:#fff;   }
#section_sub_navi .sub_navi5 li.sub_navi5_4.on { background:#00477b; color:#fff;   }
#section_sub_navi .sub_navi5 li.sub_navi5_5.on { background:#00477b; color:#fff;   }




#section_sub_navi .sub_navi6 {width:100%; }
#section_sub_navi .sub_navi6 li{float:left; width:19.8%; text-align:center; border:1px solid #ddd; margin-left:-1px; line-height:54px; font-size:20px; background:#f5f5f5;   color:#333; font-weight:bold; cursor:pointer;cursor:hand; }
#section_sub_navi .sub_navi6 li:hover { background:#00477b; color:#fff;   }
#section_sub_navi .sub_navi6 li.sub_navi6_1.on { background:#00477b; color:#fff;   }
#section_sub_navi .sub_navi6 li.sub_navi6_2.on { background:#00477b; color:#fff;   }
#section_sub_navi .sub_navi6 li.sub_navi6_3.on { background:#00477b; color:#fff;   }
#section_sub_navi .sub_navi6 li.sub_navi6_4.on { background:#00477b; color:#fff;   }
#section_sub_navi .sub_navi6 li.sub_navi6_5.on { background:#00477b; color:#fff;   }
#section_sub_navi .sub_navi6 li.sub_navi6_6.on { background:#00477b; color:#fff;   }


#section_sub_navi .sub_navi7 {width:100%; }
#section_sub_navi .sub_navi7 li{float:left; width:19.8%; text-align:center; border:1px solid #ddd; margin-left:-1px; line-height:54px; font-size:20px; background:#f5f5f5;   color:#333; font-weight:bold; cursor:pointer;cursor:hand; }
#section_sub_navi .sub_navi7 li:hover { background:#00477b; color:#fff;   }
#section_sub_navi .sub_navi7 li.sub_navi7_1.on { background:#00477b; color:#fff;   }
#section_sub_navi .sub_navi7 li.sub_navi7_2.on { background:#00477b; color:#fff;   }
#section_sub_navi .sub_navi7 li.sub_navi7_3.on { background:#00477b; color:#fff;   }
#section_sub_navi .sub_navi7 li.sub_navi7_4.on { background:#00477b; color:#fff;   }
#section_sub_navi .sub_navi7 li.sub_navi7_5.on { background:#00477b; color:#fff;   }
#section_sub_navi .sub_navi7 li.sub_navi7_6.on { background:#00477b; color:#fff;   }
#section_sub_navi .sub_navi7 li.sub_navi7_7.on { background:#00477b; color:#fff;   }



#section_sub_navi .sub_navi8 {width:100%; }
#section_sub_navi .sub_navi8 li{float:left; width:19.8%; text-align:center; border:1px solid #ddd; margin-left:-1px; line-height:54px; font-size:20px; background:#f5f5f5;   color:#333; font-weight:bold; cursor:pointer;cursor:hand; }
#section_sub_navi .sub_navi8 li:hover { background:#00477b; color:#fff;   }
#section_sub_navi .sub_navi8 li.sub_navi8_1.on { background:#00477b; color:#fff;   }
#section_sub_navi .sub_navi8 li.sub_navi8_2.on { background:#00477b; color:#fff;   }
#section_sub_navi .sub_navi8 li.sub_navi8_3.on { background:#00477b; color:#fff;   }
#section_sub_navi .sub_navi8 li.sub_navi8_4.on { background:#00477b; color:#fff;   }
#section_sub_navi .sub_navi8 li.sub_navi8_5.on { background:#00477b; color:#fff;   }
#section_sub_navi .sub_navi8 li.sub_navi8_6.on { background:#00477b; color:#fff;   }
#section_sub_navi .sub_navi8 li.sub_navi8_7.on { background:#00477b; color:#fff;   }
#section_sub_navi .sub_navi8 li.sub_navi8_8.on { background:#00477b; color:#fff;   }









/*  연도별 우리마을 탭   */

	.tab_timeline_tab2_div {width:100%; margin:0 auto; padding:60px 30px 0 30px ; }
	.tab_timeline_tab2_div .tab_timeline_tab{width:100%}
	.tab_timeline_tab2_div .tab_timeline_tab li{text-align:center;  float:left; width:50%; height:70px ; border:0; }
	.tab_timeline_tab2_div .tab_timeline_tab li div{text-align:center;  padding:10px 0; background:#ffffff; border-radius:10px;  font-size:24px; font-weight:bold; color:#004485; width:100% }
	.tab_timeline_tab2_div .tab_timeline_tab li.tab_on  div{ background:#8AB6E9  ; margin:0 auto;  border:1px solid #ddd; }
	.tab_timeline_tab2_div .tab_timeline_tab li.tab_on  div.tab_arrow{ background: url('/archive/resources/images/fnc_images/sub/tab_onBG.png') center -41px no-repeat;  min-width:200px; height:42px ; margin:0 auto;  border:0;}


@media screen and (max-width: 480px){
.tab_timeline_tab2_div .tab_timeline_tab li div {
    text-align: center;
    padding: 10px 0;

    font-size: 18px;
    }
}



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






















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

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

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



@media screen and (max-width: 980px){
.tab_content03_3 {padding-top:60px;  }	
.tab_content03_3 { padding-right: 0px;}
.tab_content03_2 {  padding-right: 30px;  padding-left: 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; }
}



@media  (min-width:681px) {	
.mo_none {display:inline-block}
}


@media  (max-width:680px) {	
.mo_none {display:none}
}


@media  (max-width:480px) {	
.tab_content03_3 {padding-top:30px;  padding-left: 20px;}
.tab_content03_3 { padding-right: 20px;}
.tab_cont1_info2.info_left {  margin-top: -30px!important;}
}



@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; }
}



@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; }
}











.sub_navi5 {width:100%;  margin:0 auto; max-width:1200px;  }
.sub_navi5 li{width:20%; float:left ; background:#F5F5F5; color:#2C519B; border:1px solid #ddd;  text-align:center; padding:12px 0 ;  font-size:14px; margin-left:-1px; cursor:pointer; 
 border-radius:  15px 15px 0 0; margin-top:0px; font-family: 'NotoSans',  sans-serif;   font-weight:400;}
.sub_navi5 li.on{ margin-top:-6px;  height:54px; background:#2C519B; color:#fff;  ; border:1px solid #ddd;  }
.sub_navi5 li:hover{   background:#4D76CC; color:#fff;   border:1px solid #ddd;  margin-top:-6px;  height:54px;  }
.sub_navi5 li.on:hover{   height:54px;  background:#2C519B; color:#fff;   border:1px solid #ddd;  }





.sub_navi6 {width:100%;  margin:0 auto; max-width:1200px;  }
.sub_navi6 li{width:16.6%; float:left ; background:#F5F5F5; color:#2C519B; border:1px solid #ddd;  text-align:center; padding:12px 0 ;  font-size:14px; margin-left:-1px; cursor:pointer; 
 border-radius:  15px 15px 0 0; margin-top:0px; font-family: 'NotoSans',  sans-serif;   font-weight:400;}
.sub_navi6 li.on{ margin-top:-6px;  height:54px; background:#2C519B; color:#fff;  ; border:1px solid #ddd;  }
.sub_navi6 li:hover{   background:#4D76CC; color:#fff;   border:1px solid #ddd;  margin-top:-6px;  height:54px;  }
.sub_navi6 li.on:hover{   height:54px;  background:#2C519B; color:#fff;   border:1px solid #ddd;  }



.sub_navi8 {width:100%;  margin:0 auto; max-width:1200px;  }
.sub_navi8 li{width:14.3%; float:left ; background:#F5F5F5; color:#2C519B; border:1px solid #ddd;  text-align:center; padding:12px 0 ;  font-size:14px; margin-left:-1px; cursor:pointer; 
 border-radius:  15px 15px 0 0; margin-top:0px; font-family: 'NotoSans',  sans-serif;   font-weight:400;}
.sub_navi8 li.on{ margin-top:-6px;  height:54px; background:#2C519B; color:#fff;  ; border:1px solid #ddd;  }
.sub_navi8 li:hover{   background:#4D76CC; color:#fff;   border:1px solid #ddd;  margin-top:-6px;  height:54px;  }
.sub_navi8 li.on:hover{   height:54px;  background:#2C519B; color:#fff;   border:1px solid #ddd;  }




.tablt_br {display:none}
.line_top50 {margin-top:50px }

#user_board_paging {margin:0 auto; max-width:1200px; padding:30px 10px; border-top:0px solid #ddd; border-bottom:0px solid #ddd; text-align:center; font-size:12px; display:block;  background:#E8F7FD; }
#user_board_paging span {display:inline-block; height:28px; line-height:28px; border:1px solid #888; padding:0 11px; margin:0 3px; background-color:#888; color:#fff; font-weight:bold; vertical-align:middle;}
#user_board_paging a span {border:1px solid #bbb; padding:0 11px; margin:0 3px; background-color:#fff; color:#888; font-weight:400;}
#user_board_paging a span:hover {border:1px solid #888; padding:0 11px; margin:0 3px; background-color:#f9f9fb; color:#444;}
#user_board_paging span.prev {background:#fff; color:#ccc; border:1px solid #ccc; font-family:'Open Sans', sans-serif;}
#user_board_paging a span.prev {background:#fff; color:#444;}
#user_board_paging span.next {background:#fff; color:#ccc; border:1px solid #ccc; font-family:'Open Sans', sans-serif;}
#user_board_paging a span.next {background:#fff; color:#444;}








/* tab 반곡동 지명유래 */
.tab_content03_2 li.float_txt h2 { padding: 20px 0 50px 60px; text-align: left;  font-size: 36px;  color: #0054a6; font-weight: bold;}
.tab_content03_2 li.float_txt .float_txt_cont p.style2 {  padding: 0px 0px 30px 60px;  }
.tab_content03_2 li.float_txt .float_txt_cont .float_img {
    font-size: 22px; color: #fff;  font-weight: 400;word-break: normal;   padding: 35px 0px 0px 60px;line-height: 180%;}
.tab_content03_2 li.float_txt .float_txt_cont .float_img .tab_cont1_info2 p {
 font-size: 16px; color: #fff; font-weight: 400;  padding: 0px 0px 0px 20px;   line-height: 180%;}

.tab_content03_2 li.float_txt .float_txt_cont .float_img .tab_cont1_info2 p { letter-spacing:-0.4px ;   }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tab_content03_2 li.float_txt .float_txt_cont .float_img .tab_cont1_info2 p  { letter-spacing:-0.66px  !important;  }
}


.tab_content03_100  { width: 100%;padding-top:30px }
.tab_content03_100 li { width: 100%; padding:60px 30px 30px 30px }
.tab_content03_100 li.float0_txt h2 { padding: 20px 0 50px 0px;  text-align: left;  font-size: 36px;   color: #0054a6;   font-weight: bold;}
.float50_img {width:100%}
.float50_img li {width:50%; float:left; text-align:center; }
.tab_content03_100 .float50_img li { padding: 20px 30px 30px 30px;}


.tab_content03_100.imgOnly  { width: 100%;padding-top:0px }
.tab_content03_100.imgOnly li { width: 100%; padding:10px 30px 30px 30px }
.tab_content03_100.imgOnly .float100_img li { padding: 0px 30px 30px 30px;}


#sub .sub_navi5 li.line1 { height:46px;}
#sub .sub_navi5 li.line1:hover { height:54px;}
#sub .sub_navi5 li.on.line1  { height:54px; }

#sub .sub_navi6 li.line1 { height:46px;}
#sub .sub_navi6 li.line1:hover { height:54px;}
#sub .sub_navi6 li.on.line1  { height:54px; }


#sub .sub_navi8 li.line1 { height:46px;line-}
#sub .sub_navi8 li.line1:hover { height:54px;x}
#sub .sub_navi8 li.on.line1  { height:54px; }




@media screen and (max-width: 1200px) {
#sub .sub_navi5 {margin:0 auto; width:98%; }
#sub .sub_navi5 li { width: 20%;  border: 1px solid #ddd;   padding: 10px 0;   font-size: 14px;  margin-left: -1px;	border-radius:  0;  margin-top: 0px;height:54px;}
#sub .sub_navi5 li.on {  margin-top: 0;  height: 54px;  line-height: inherit;}
#sub .sub_navi5 li:hover{    margin-top:0px;  height:54px; line-height:inherit;  }
#sub .sub_navi5 li.on:hover{ line-height:inherit; height:54px; }
#sub .sub_navi5 li.on {  margin-top: 0;  height: 54px;  line-height: inherit;}
#sub .sub_navi5 li.line1 { height:54px;line-height:inherit}
#sub .sub_navi5 li.line1:hover { height:54px;line-height:inherit}
#sub .sub_navi5 li.on.line1  { height:54px; line-height:inherit}


#sub .sub_navi6 {margin:0 auto; width:98%; }
#sub .sub_navi6 li { width: 16.6%;  border: 1px solid #ddd;   padding: 10px 0;   font-size: 14px;  margin-left: -1px;	border-radius:  0;  margin-top: 0px;height:54px;}
#sub .sub_navi6 li.on {  margin-top: 0;  height: 54px;  line-height: inherit;}
#sub .sub_navi6 li:hover{    margin-top:0px;  height:54px; line-height:inherit;  }
#sub .sub_navi6 li.on:hover{ line-height:inherit; height:54px; }
#sub .sub_navi6 li.on {  margin-top: 0;  height: 54px;  line-height: inherit;}
#sub .sub_navi6 li.line1 { height:54px;line-height:inherit}
#sub .sub_navi6 li.line1:hover { height:54px;line-height:inherit}
#sub .sub_navi6 li.on.line1  { height:54px; line-height:inherit}




#sub .sub_navi8 {margin:0 auto; width:98%; }
#sub .sub_navi8 li { width: 25%;  border: 1px solid #ddd;   padding: 10px 0;   font-size: 14px;  margin-left: -1px;	border-radius:  0;  margin-top: 0px;height:54px;}
#sub .sub_navi8 li.on {  margin-top: 0;  height: 54px;  line-height: inherit;}
#sub .sub_navi8 li:hover{    margin-top:0px;  height:54px; line-height:inherit;  }
#sub .sub_navi8 li.on:hover{ line-height:inherit; height:54px; }
#sub .sub_navi8 li.on {  margin-top: 0;  height: 54px;  line-height: inherit;}
#sub .sub_navi8 li.line1 { height:54px;line-height:inherit}
#sub .sub_navi8 li.line1:hover { height:54px;line-height:inherit}
#sub .sub_navi8 li.on.line1  { height:54px; line-height:inherit}





}




@media screen and (max-width: 1024px) {
.small-6 {  width: 46% !important;}
}

@media screen and (max-width: 980px) {
.graph_navi { padding: 30px 0 0 50px !important;}
.color { font-size: 18px; line-height: 160%;}
.tb_p {margin-top:30px; }
#section_sub_navi .sub_navi3 li { font-size: 18px;width: 33.33%;  height: 54px; display: flex; line-height: 20px; align-items: center; justify-content: center;}
.sub_tabmenu li a { font-size: 14px; padding: 8px 20px; border-radius: 20px;}
}



@media screen and (max-width: 1020px){
.sub_navi8 li{width:12%;  }
.sub_navi5 li{width:20%;  }
.sub_navi5 li{width:16.6%;  }
}




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

.tab_cont1_box .tab_txt { font-size: 18px; line-height: 160%;}
.tab_cont1_box { padding: 20px 20px;}

.tab_content01_1 {  padding-top: 0px;}
.tab_content01_2 li.float_img {   float: none;  text-align: center;}
.tab_content01_2 li.float_txt {float: none;}
.tab_content01_2 li {width: 100%;}

.tab_cont1_info1 {position: relative; margin:0 auto; width: 100%; max-width: 100%;  margin-top: 0px; text-align: left;}
.tab_cont1_info2 { position: relative; margin:0 auto; width: 100%; max-width: 518px;  margin-top: -35px; text-align: left;}
.tab_cont1_info2_570 { position: relative; margin:0 auto; width: 100%; max-width: 570px;  margin-top: -35px; text-align: left;}
.tab_cont1_info2_518 { position: relative; margin:0 auto; width: 100%; max-width: 518px;  margin-top: -35px; text-align: left;}
.tab_cont1_info1140 { position: relative; margin:0 auto; width: 100%; max-width: 100%;  margin-top: -35px; text-align: left;}

.tab_cont1_info1 p {padding-left:30px; font-size:16px!important; } 
.tab_cont1_info2 p{padding-left:30px; font-size:16px!important; } 
.tab_cont1_info3 p {padding-left:30px; font-size:16px!important; } 
.tab_cont1_info1200 p {padding-left:30px; font-size:16px!important; } 
.tab_cont1_info1140 p {padding-left:30px; font-size:16px!important; } 
.tab_cont1_info2_570 p{padding-left:30px; font-size:16px!important; } 
.tab_cont1_info2_518 p{padding-left:30px; font-size:16px!important; } 

.tab_cont1_info2.info_right { float: none!important ;  margin:0 auto !important; margin-top:-35px!important }
.tab_cont1_info2.info_left { float: none!important ; margin:0 auto !important; margin-top:-35px!important  }


.tab_content01_2 li.float_txt {padding-top: 30px;}
.tab_content01_2 li.float_txt .float_txt_cont h2 {  padding: 10px 0 0 10px;  text-align: center;  font-size: 24px;}
.tab_content01_2 li.float_txt .float_txt_cont p { font-size: 18px;  padding: 20px 20px 20px 20px;  line-height: 160%;}

.tab_content01_3 { padding-top: 20px; width: 100%; }
.tab_content01_3 li.float_img {   float: none;  text-align: center;}
.tab_content01_3 li.float_txt {float: none;}
.tab_content01_3 li {width: 100%;}

.tab_content01_3 li.float_txt .float_txt_cont h2 {  padding: 10px 0 0 10px;  text-align: center;  font-size: 24px;}
.tab_content01_3 li.float_txt .float_txt_cont p { font-size: 18px;  padding: 20px 20px 20px 20px;  line-height: 160%;}

.tab_content_line { max-width: 100%;  height: 10px;  margin: 0 auto;}
.line_top50 {margin-top:10px}



.tab_content03_2 {  padding-top: 90px;}
.tab_content03_2 li {width:100%;}
.tab_content03_2 li.float_img h2 {padding:  0px 0 30px 0px; text-align:center; font-size:30px; color:#0054a6; font-weight:bold;  }
.tab_content03_2 li.float_img .float_img_img {padding:10px 0 0 0px;  text-align: center; }

.tab_content03_2 li.float_txt .float_txt_cont p {text-align:left; font-size:16px; color:#333; font-weight:400;  line-height:160% }
.tab_content03_2 li.float_txt .float_txt_cont p.style2 { padding: 0px 0 30px 0px;}
.tab_content03_2 li.float_txt h2 { padding: 0px 0 30px 0px;  text-align: center;    font-size: 30px;}
.tab_content03_2 li.float_txt .float_txt_cont .float_img { text-align: center; padding: 10px 0px 0px 0px; }
.tab_content03_2 li.float_txt .float_txt_cont .float_img .float_img_img.img570 {margin:0 auto ; max-width:570px }
.tab_content03_2 li.float_img {float:none; text-align:center; }
.tab_content03_2 li.float_txt {float:none; padding-top:90px  }
.tab_content03_2.imgL_txtR { padding-top: 60px;}
.tab_content03_2.imgL_txtR li.float_txt {float:none; padding-top:10px  }
.tab_content03_2 li.float_img .float_img_img p.p_txt { font-size: 16px; color: #333;}


.tab_content03_3 li.float_txt h2 {  padding: 0px 0 30px 0px;  text-align: center;  font-size: 30px;  color: #0054a6;    font-weight: bold;}
.tab_content03_3 li {width:100%;}
.tab_content03_3 li.float_txt { float: none;}
.tab_content03_3 li.float_img { float: none;}
.tab_content03_3 li.float_img .float_img_img {  padding: 0 0px !important; text-align:center; }
.tab_content03_3 li.float_txt .float_txt_cont p.mo_center {text-align:left; }
.tab_content03_3.imgR_txtL { padding-top: 60px; padding-bottom:30px; }
.tab_content03_3.imgR_txtL li.float_txt {float:none; padding-top:10px  }

.tab_cont1_info3 {position: relative;  width:100%; max-width:570px;   margin-top:-35px;  color:#fff; padding: 3px 0 3px 0px ; text-align:left;  }
.tab_cont1_info3 p{padding-left:30px; font-size:16px; }



.tab_content03_100.imgL_txtR { padding-top: 60px;}
.tab_content03_100.imgL_txtR li.float_txt {float:none; padding-top:10px  }
.tab_content03_100 li.float0_txt h2 {  padding: 0px 0 30px 0px;  text-align: center;  font-size: 30px; }

.float50_img {width:100%}
.float50_img li {width:100%; float:none; text-align:center; }
.tab_content03_100 .float50_img li { padding: 20px 30px 30px 30px;}


.tab_cont1_info100 {    margin-top: -36px;}

}


@media screen and (max-width: 780px){
#sub .sub_navi5 li { font-size: 13px;}
#sub .sub_navi6 li { font-size: 13px;}		
#sub .sub_navi8 li { font-size: 13px;}	
	
}	


@media screen and (max-width: 680px){
#sub .sub_navi5 {margin:0 auto; width:100%; }
#sub .sub_navi5 li{ width: 20%; line-height:140%;  padding:5px 0 ; font-size:14px; margin-left:-1px; cursor:pointer;  border-radius:  0px 0px 0 0; margin-top:0px; height:48px;}
#sub .sub_navi5 li.on{ height:48px;  line-height:140%; margin-top:0px;   }
#sub .sub_navi5 li.line1 { height:48px;line-height:38px}
#sub .sub_navi5 li.line1:hover { height:48px;line-height:38px}
#sub .sub_navi5 li.on.line1  { height:48px; line-height:38px}
#sub .sub_navi5 li.on.line1:hover  { height:48px; line-height:38px}
#sub .sub_navi5 li:hover{    margin-top:0px;  height:48px; line-height:140%; padding:5px 0 ; }
#sub .sub_navi5 li.on:hover{ line-height:140%; height:48px; }
#sub .sub_navi5 li.on {  margin-top: 0;  height: 48px;  line-height: 140%;}



#sub .sub_navi6 {margin:0 auto; width:100%; }
#sub .sub_navi6 li{ width: 16.65%; line-height:140%;  padding:5px 0 ; font-size:14px; margin-left:-1px; cursor:pointer;  border-radius:  0px 0px 0 0; margin-top:0px; height:48px;}
#sub .sub_navi6 li.on{ height:48px;  line-height:140%; margin-top:0px;   }
#sub .sub_navi6 li.line1 { height:48px;line-height:38px}
#sub .sub_navi6 li.line1:hover { height:48px;line-height:38px}
#sub .sub_navi6 li.on.line1  { height:48px; line-height:38px}
#sub .sub_navi6 li.on.line1:hover  { height:48px; line-height:38px}
#sub .sub_navi6 li:hover{    margin-top:0px;  height:48px; line-height:140%; padding:5px 0 ; }
#sub .sub_navi6 li.on:hover{ line-height:140%; height:48px; }
#sub .sub_navi6 li.on {  margin-top: 0;  height: 48px;  line-height: 140%;}


#sub .sub_navi7 {margin:0 auto; width:100%; }
#sub .sub_navi7 li{ width: 14.2%; line-height:140%;  padding:5px 0 ; font-size:14px; margin-left:-1px; cursor:pointer;  border-radius:  0px 0px 0 0; margin-top:0px; height:48px;}
#sub .sub_navi7 li.on{ height:48px;  line-height:140%; margin-top:0px;   }
#sub .sub_navi7 li.line1 { height:48px;line-height:38px}
#sub .sub_navi7 li.line1:hover { height:48px;line-height:38px}
#sub .sub_navi7 li.on.line1  { height:48px; line-height:38px}
#sub .sub_navi7 li.on.line1:hover  { height:48px; line-height:38px}
#sub .sub_navi7 li:hover{    margin-top:0px;  height:48px; line-height:140%; padding:5px 0 ; }
#sub .sub_navi7 li.on:hover{ line-height:140%; height:48px; }
#sub .sub_navi7 li.on {  margin-top: 0;  height: 48px;  line-height: 140%;}



#sub .sub_navi8 {margin:0 auto; width:100%; }
#sub .sub_navi8 li{ width: 25%; line-height:140%;  padding:5px 0 ; font-size:14px; margin-left:-1px; cursor:pointer;  border-radius:  0px 0px 0 0; margin-top:0px; height:48px;}
#sub .sub_navi8 li.on{ height:48px;  line-height:140%; margin-top:0px;   }
#sub .sub_navi8 li.line1 { height:48px;line-height:38px}
#sub .sub_navi8 li.line1:hover { height:48px;line-height:38px}
#sub .sub_navi8 li.on.line1  { height:48px; line-height:38px}
#sub .sub_navi8 li:hover{    margin-top:0px;  height:48px; line-height:140%; padding:5px 0 ; }
#sub .sub_navi8 li.on:hover{ line-height:140%; height:48px; }
#sub .sub_navi8 li.on {  margin-top: 0;  height: 48px;  line-height: 140%;}



.tablt_br {display:inline-block; }
}




@media screen and (max-width: 600px) {
#sub .sub_navi5 {margin:0 auto; width:100%; }
#sub .sub_navi5  li { width: 33.33%;   font-size: 13px;}

#sub .sub_navi6 {margin:0 auto; width:100%; }
#sub .sub_navi6  li { width: 33.33%;   font-size: 13px;}

#sub .sub_navi7 {margin:0 auto; width:100%; }
#sub .sub_navi7  li { width: 33.33%;   font-size: 13px;}

#sub .sub_navi8 {margin:0 auto; width:100%; }
#sub .sub_navi8  li { width: 33.33%;   font-size: 13px;}


}

@media screen and (max-width: 580px){
.sub_navi5 li{width:33%;  padding:6px 0 0 0 ; font-size:14px; margin-left:-1px; cursor:pointer;  border-radius:  0px 0px 0 0; margin-top:0px; height:44px;}
.sub_navi5 li:hover{    margin-top:0px;  height:40px; }
.sub_navi5 li.line1 { height:44px;line-height:44px}
.sub_navi5 li.on.line1  { height:44px; line-height:40px}
.sub_navi5 li.on:hover{ line-height: 40px; height:40px; }

.sub_navi6 li{width:16.65%;  padding:6px 0 0 0 ; font-size:14px; margin-left:-1px; cursor:pointer;  border-radius:  0px 0px 0 0; margin-top:0px; height:44px;}
.sub_navi6 li:hover{    margin-top:0px;  height:40px; }
.sub_navi6 li.line1 { height:44px;line-height:44px}
.sub_navi6 li.on.line1  { height:44px; line-height:40px}
.sub_navi6 li.on:hover{ line-height: 40px; height:40px; }

.sub_navi7 li{width:14.2%;  padding:6px 0 0 0 ; font-size:14px; margin-left:-1px; cursor:pointer;  border-radius:  0px 0px 0 0; margin-top:0px; height:44px;}
.sub_navi7 li:hover{    margin-top:0px;  height:40px; }
.sub_navi7 li.line1 { height:44px;line-height:44px}
.sub_navi7 li.on.line1  { height:44px; line-height:40px}
.sub_navi7 li.on:hover{ line-height: 40px; height:40px; }

.sub_navi8 li{width:24%;  padding:6px 0 0 0 ; font-size:14px; margin-left:-1px; cursor:pointer;  border-radius:  0px 0px 0 0; margin-top:0px; height:44px;}
.sub_navi8 li:hover{    margin-top:0px;  height:40px; }
.sub_navi8 li.line1 { height:44px;line-height:44px}
.sub_navi8 li.on.line1  { height:44px; line-height:40px}
.sub_navi8 li.on:hover{ line-height: 40px; height:40px; }





.tab_cont1_info1 {position: relative; margin:0 auto; width: 100%; max-width: 100%;  margin-top: 0px; text-align: left;}
.tab_cont1_info2 { position: relative; margin:0 auto; width: 100%; max-width: 518px;  margin-top: -35px; text-align: left;}
.tab_cont1_info2_570 { position: relative; margin:0 auto; width: 100%; max-width: 100%;  margin-top: -35px; text-align: left;}
.tab_cont1_info2_518 { position: relative; margin:0 auto; width: 100%; max-width: 100%;  margin-top: -35px; text-align: left;}
.tab_cont1_info1140 { position: relative; margin:0 auto; width: 100%; max-width: 100%;  margin-top: -35px; text-align: left;}

.tab_cont1_info1 p {padding-left:10px; font-size:16px; } 
.tab_cont1_info2 p{padding-left:10px; font-size:16px; } 
.tab_cont1_info3 p {padding-left:10px; font-size:16px; } 
.tab_cont1_info1200 p {padding-left:10px; font-size:16px; } 
.tab_cont1_info1140 p {padding-left:10px; font-size:16px; } 
.tab_cont1_info2_570 p{padding-left:10px; font-size:16px; } 
.tab_cont1_info2_518 p{padding-left:10px; font-size:16px; } 
}






@media screen and (max-width: 980px){
.br_pc {display:none}
.block_end {padding:30px; }

#sub .container.sub_cont_block {  font-size: 16px;  color: #000;  font-weight: 400;  padding: 30px 0 0px 0; line-height:160%;  }
#sub .container.sub_cont_block .sub_txt2 { text-align:center;  font-size: 13px;  color: #777;  font-weight: 400;  padding: 0px}
#sub .container.sub_cont_block .sub_txt2 .img_cap  {  font-size: 13px;  color: #777;  font-weight: 400;  padding: 0px 0 0px 0;}
#sub .container.sub_cont_block .sub_txt3 {  font-size: 16px;  color: #000;  font-weight: 400;  padding: 0px 0 0px 0; line-height:160%; }

.sub_cont_block {margin:0 auto; max-width:98%; padding:0 1%}
.floatimg_left {text-align:center; clear: both; float: none; margin-bottom: 10em; margin-right:0em; color:#E04314; text-decoration:none;}
.floatimg_right {text-align:center;clear: both; float: none; margin-bottom: 10em; margin-left:0em; color:#E04314; text-decoration:none; }
.floatimg_center {text-align:center;clear: both; float: none; margin-bottom: 10em; margin-left:0em; color:#E04314; text-decoration:none;}
.tab_content03_2 {  padding-right: 30px !important; padding-left: 30px !important; }
.tab_content03_3 {  padding-right: 30px !important; padding-left: 30px !important; }

.txt_cc { font-size:15px; color:#333; padding:0px 60px 0 0    ;font-weight:400; text-align:right;  margin-top:20px }
}


@media screen and (max-width: 640px) {
#sub .container .ptitle { padding: 40px 0 20px 0;}
#sub .container .ptitle h1 {  font-size: 22px;}

.small-6 { width: 98% !important;}
#donut { max-height: 540px; text-align: center;}
.graph_navi { padding: 0px 0 0 50px !important;}
.graph_navi  li {float:left;  padding:5px 10px;  }
#section_sub_navi .sub_navi3 li { font-size: 16px;width: 33%; }

.sub_tabmenu { max-width: 100%;  padding-top: 20px;}
.sub_tabmenu li {width: 49%; float: left; text-align: center; padding: 10px 0; border: 1px solid #ddd; margin-left:-1px}
.sub_tabmenu li a { margin: 10px 0px; border: 0px solid #ddd;  padding: 3px 0px; border-radius: 0px;  }
.sub_tabmenu li a.sub_tabmenu_a.on {  background: #fff;  }


#sub .container .ptext { padding: 0px 20px 0px 20px; font-size: 18px; line-height: 170%;   }
.sub1_cont_box2 li.con_box2_txt p {padding: 0px 20px; font-size: 18px;}

}






/* 반곡동 >  tab 연도별 우리마을  ***************************************************************************************************************/
.sub_cont_block .tab_timeline  {padding:30px; padding-top:100px;  }
.timeline_div {width:100%; padding-top:30px; }
.timeline_div li{float:left }
.timeline_div li.timeline_year {width:25%; background: url('/archive/resources/images/fnc_images/sub/timeline_year_bg.png') right -10px no-repeat; max-width: 264px;  height: 63px;}
.timeline_div li.timeline_text {width:75%; max-width:100%;    text-indent: 0px; line-height:160%;  }
.timeline_div li.timeline_text p{padding:5px 0 0 20px ; padding:3px 0 0 77px ;   text-indent: -62px;   }

.timeline_div li.timeline_year span { font-size:26px; line-height:40px;  font-weight:500; padding:10px 60px; border-radius:20px; background:#004485; color:#fff;  }
.timeline_div li.timeline_text span { padding:0px 10px 0 0px ;  }

@media screen and (max-width: 980px) {
.timeline_div li.timeline_text { padding:3px 0 0 0px ;    text-indent: -57px; }
}
@media screen and (max-width: 820px) {
.timeline_div li.timeline_year {width:100%;}
.timeline_div li.timeline_text {width:100%;padding-bottom:30px; }
}

@media screen and (max-width: 480px) {
.timeline_div {  padding-top: 60px;}
.sub_cont_block .tab_timeline { padding: 20px; }
.timeline_div li.timeline_year {  max-width: 264px; height: 43px;}
.timeline_div li.timeline_year span { font-size: 18px; line-height: 40px;  padding: 10px 60px; border-radius: 20px; }
.timeline_div li.timeline_text { padding:3px 0 0 10px ;   text-indent: 0px; }
.timeline_div li.timeline_text span{width:100%; display:block; padding:10px 0 0 0px ;  font-weight:bold}
.timeline_div li.timeline_text p { padding: 5px 0 0 20px;  padding: 3px 0 0 0px;    text-indent: 0px;}

.timeline_div li.timeline_text p { letter-spacing:-0.4px ;   }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.timeline_div li.timeline_text p  { letter-spacing:-0.66px  !important;  }
}




}


/* 반곡동 >  tab 연도별 우리마을//  ***************************************************************************************************************/








/* 반곡동 >  tab 혁신도시  ***************************************************************************************************************/
.sub_cont_block .tab_timeline2  {padding:30px; padding-top:0px;  }
.timeline2_div {width:100%; padding-top:30px; }
.timeline2_div li{float:left }
.timeline2_div li.timeline_year {width:12%;  max-width: 264px;  height: 63px;}
.timeline2_div li.timeline_text {width:88%; max-width:100%;    text-indent: 0px; line-height:160%;  }
.timeline2_div li.timeline_text p{padding:5px 0 0 20px ; padding:3px 0 0 77px ;   text-indent: -62px;   }
.timeline2_div li.timeline_text span{  font-weight:bold; font-size:18px ; width:150px  }

.timeline2_div li.timeline_year span.year_txt { font-size:26px; line-height:26px;  font-weight:bold; padding:0px 0px 0 30px;  color:#0054a6;  }
.timeline2_div li.timeline_year span.year_txt .fa { padding-top:2px }
.timeline2_div li.timeline_text .timeline2_tb {width:100%}
.timeline2_div li.timeline_text .timeline2_tb th{width:16% ; text-align:left; font-size:18px; line-height:20px; font-family: 'NotoSans',  sans-serif;   font-weight:700; padding:2px 0px 10px 0px;  color:#333; vertical-align: top;}
.timeline2_div li.timeline_text .timeline2_tb td{width:84% ; font-size:18px; line-height:20px; font-family: 'NotoSans',  sans-serif;   font-weight:400; padding:2px 0px 10px 0px;  color:#333; }

.timeline2_div li.timeline_text .timeline2_tb.timeline2_2005{ background: url('/archive/resources/images/fnc_images/sub/bankok/timeline2_tbBG.png') -150px 0 no-repeat; width: 100%;  }

@media screen and (max-width: 1060px) {
.timeline2_div li.timeline_text .timeline2_tb.timeline2_2005{ background: none;  }
}






.block_middle_banner {background: url('/archive/resources/images/fnc_images/sub/bankok/tab5_cont_img4.jpg') center 0 no-repeat; width: 100%; height:100px }

.timeline22_div {width:100%; margin:0 auto; max-width:1140px; padding:0 30px; padding-top:40px ;}
.timeline22_div li{width:50%; float:left; }
.timeline22_div  h2 {font-size:18px; font-weight:500; font-size:18px ; color:#000 ; padding:30px 0 0px 0 }



@media screen and (max-width: 1280px) {
.timeline2_div li.timeline_year span.year_txt { font-size: 24px; line-height: 24px; font-weight: 700;  padding: 0px 0px 0 20px; }
}

@media screen and (max-width: 1200px) {
.timeline2_div li.timeline_year span.year_txt { font-size: 22px; line-height: 22px; font-weight: 700;  padding: 0px 0px 0 10px; }
.timeline2_div li.timeline_text .timeline2_tb th{width:16% ;  font-size:16px; line-height:18px;  font-weight:bold; padding:2px 0px 10px 0px;  color:#333;vertical-align: top; }
.timeline2_div li.timeline_text .timeline2_tb td{width:84% ; font-size:16px; line-height:18px;  font-weight:400; padding:2px 0px 10px 0px;  color:#333; }

}


@media screen and (max-width: 980px) {
.timeline2_div li.timeline_text { padding:3px 0 0 0px ;    text-indent: -57px; }
.timeline22_div li{margin:0 auto; width:96%; float:none; }
.timeline2_div li.timeline_year span.year_txt { padding: 0px 0px 0 0px;}
.timeline2_div li.timeline_text .timeline2_tb th{width:20% ;  }
.timeline2_div li.timeline_text .timeline2_tb td{width:80% ;  }

}

@media screen and (max-width: 820px) {
.timeline2_div li.timeline_year {width:100%;     height: 40px;}
.timeline2_div li.timeline_text {width:100%;padding-bottom:30px; }
.timeline2_div li.timeline_text .timeline2_tb.timeline2_2005{ background: none;  }
.timeline2_div li.timeline_text .timeline2_tb th { padding: 2px 0px 10px 10px;}
.timeline2_div li.timeline_text .timeline2_tb td {padding: 10px 0px 10px 0px; }
}


@media screen and (max-width: 680px) {
.timeline2_div li.timeline_text .timeline2_tb th{width:24% ;  font-size:16px; line-height:18px;  }
.timeline2_div li.timeline_text .timeline2_tb td{width:76% ; font-size:16px; line-height:18px; }
}

@media screen and (max-width: 580px) {
.timeline2_div li.timeline_text .timeline2_tb th{width:30% ;  font-size:16px; line-height:18px;  }
.timeline2_div li.timeline_text .timeline2_tb td{width:70% ; font-size:16px; line-height:18px; }
}


@media screen and (max-width: 480px) {
.timeline2_div {  padding-top: 60px;}
.timeline22_div{  padding-top: 10px;}
.sub_cont_block .tab_timeline2 { padding: 20px; }
.timeline2_div li.timeline_year {  max-width: 264px; height: 43px;}
.timeline2_div li.timeline_year span { font-size: 18px; line-height: 40px;  padding: 10px 60px; border-radius: 20px; }
.timeline2_div li.timeline_text { padding:3px 10px 0 10px ;   text-indent: 0px; }
.timeline2_div li.timeline_text span{width:100%; display:block; padding:10px 0 0 0px ;  font-weight:bold}
.timeline2_div li.timeline_text p { padding: 5px 0 0 20px;  padding: 3px 0 0 0px;   text-indent: 0px;}

.timeline2_div li.timeline_text .timeline2_tb th{width:25% ;  font-size:14px; line-height:160%;  }
.timeline2_div li.timeline_text .timeline2_tb td{width:75% ; font-size:14px; line-height:160%;padding: 5px 0px 5px 0px; }

.timeline2_div li.timeline_text .timeline2_tb tr {border-bottom:1px solid #D6E6E7}
}
/* 반곡동 >  tab 혁신도시//  ***************************************************************************************************************/







/* 반곡동 >  tab 역사속 반곡동 //  ***************************************************************************************************************/


.tab_content06.imgR_txtL {padding-top:50px; width:100%; padding-right:30px;  padding-left:30px;  }
.tab_content06.imgR_txtL li {float:left; }
.tab_content06.imgR_txtL li.float_img {float:left; }
.tab_content06.imgR_txtL li.float_txt {float:left; }
.tab_content06.imgR_txtL li {width:50%;}
.tab_content06.imgR_txtL li.float_img  h2 {padding:20px 0 50px 0px; text-align:left; font-size:36px; color:#0054a6; font-weight:bold;  }
.tab_content06.imgR_txtL li.float_img .float_img_img {padding:0px 0px 0 40px ; text-align:center; }
.tab_content06.imgR_txtL li.float_img .float_img_img p {font-size:18px; color:#fff; font-weight:400;}

.tab_content06.imgR_txtL li.float_img .float_img_img p { letter-spacing:-0.4px  ;  }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tab_content06.imgR_txtL li.float_img .float_img_img p  { letter-spacing:-0.66px  !important;  }
}




.tab_content06.imgR_txtL li.float_img .float_img_img p.p_txt{font-size:18px; color:#333; }
.tab_content06.imgR_txtL li.float_txt .float_txt_cont p {text-align:left; font-size:18px; color:#333; font-weight:400; padding:10px 40px 30px 10px;  line-height:180% ; letter-spacing:-1px}
  
.tab_content06.imgR_txtL li.float_txt .float_txt_cont p { letter-spacing:-0.4px ;  }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tab_content06.imgR_txtL li.float_txt .float_txt_cont p  { letletter-spacing:-0.66px mportant;  }
}
  
  
.tab_content06.imgR_txtL h2 { padding: 20px 0 50px 0px; text-align: left; font-size: 36px; color: #0054a6; font-weight: bold;}



.sub_cont_block  h4 {padding:40px 0 40px 30px; text-align:left; font-size:36px; color:#0054a6; font-weight:bold;  }
.sub_cont_block  h5 { padding: 0px 0 20px 0px;  text-align: left;  font-size: 20px;   color: #000;   font-weight: bold;}

.tab_content06_100  { width: 100%;padding-top:0px }
.tab_content06_100 li { width: 100%; padding:0px 0px 30px 0px }

.float50_img {width:100%}
.float50_img li {width:50%; float:left; text-align:center; }
.float50_img li.img_left { text-align: left; float: left;}
.float50_img li.img_right { text-align: right; float: right;}


.tab_content06_100 .float50_img p { letter-spacing:-0.4px ;   }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tab_content06_100 .float50_img p  { letter-spacing:-0.66px  !important;  }
}

.tab_content06_100 li.float0_txt .float0_txt_cont p  { letter-spacing:-0.4px ;   }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tab_content06_100 li.float0_txt .float0_txt_cont p  { letter-spacing:-0.66px  !important;  }
}



.tab_content06imgR_txtL li.float_txt .float_txt_cont b {font-weight:600; padding-right:10px; }
.tab_content06_100 .float50_img li { padding: 20px 30px 30px 30px;}
.tab_content06_100 li.float0_txt  .float0_txt_cont p{ padding: 20px 30px 30px 30px; }

.tab_content06_100 li.float0_txt  .float0_txt_cont p { letter-spacing:-0.4px ;   }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tab_content06_100 li.float0_txt  .float0_txt_cont p  { letter-spacing:-0.66px  !important;  }
}



.tab_content06_100.imgOnly  { width: 100%;padding-top:0px }
.tab_content06_100.imgOnly li { width: 100%; padding:10px 30px 30px 30px }
.tab_content06_100.imgOnly .float100_img li { padding: 0px 30px 30px 30px;}
.tab_content06_100 .float0_txt_cont.tab6_cont_img8BG {background: url('/archive/resources/images/fnc_images/sub/bankok/tab6_cont_img8.jpg') 0px -30px no-repeat; width: 100%; min-height:1000px  }
.tab_content06_100 .float0_txt_cont.tab6_cont_img8BG .tab6_cont_img8BG_p { height:900px}

.tab_content06_100 .float0_txt_cont.tab6_cont_img8BG .tab6_cont_img8BG_p { letter-spacing:-0.4px ;   }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tab_content06_100 .float0_txt_cont.tab6_cont_img8BG .tab6_cont_img8BG_p  { letter-spacing:-0.66px  !important;  }
}



.tab_content06_100 h2 {     padding: 50px 0 0px 30px; text-align: left;   font-size: 26px; color: #0054a6;  font-weight: bold;}
.tab_content06_100 .p_Sources {padding:0px; padding-top:185px; text-align:left;  }





.tab_content06.imgL_txtR {padding-top:50px; width:100%; padding-right:30px;  padding-left:30px;  }
.tab_content06.imgL_txtR li {float:left; }
.tab_content06.imgL_txtR li.float_img {float:left; }
.tab_content06.imgL_txtR li.float_txt {float:left; }
.tab_content06.imgL_txtR li {width:50%;}
.tab_content06.imgL_txtR li.float_img  h2 {padding:20px 0 50px 0px; text-align:left; font-size:36px; color:#0054a6; font-weight:bold;  }
.tab_content06.imgL_txtR li.float_img  .float_img_img {padding:0px 0px 0 0px ; text-align:center; max-width:518px; }
.tab_content06.imgL_txtR li.float_img  .float_img_img p {font-size:18px; color:#fff; font-weight:400;}

.tab_content06.imgL_txtR li.float_img  .float_img_img p { letter-spacing:-0.4px ;   }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tab_content06.imgL_txtR li.float_img  .float_img_img p  { letter-spacing:-0.66px  !important;  }
}

.tab_content06.imgL_txtR li.float_img .float_img_img p.p_txt{font-size:18px; color:#333; }
.tab_content06.imgL_txtR li.float_txt .float_txt_cont p {text-align:left; font-size:18px; color:#333; font-weight:400; padding:10px 0px 30px 50px;   line-height:180% ; letter-spacing:-1px}
.tab_content06.imgL_txtR h2 { padding: 20px 0 50px 0px; text-align: left; font-size: 36px; color: #0054a6; font-weight: bold;}

.tab_content06.imgL_txtR li.float_txt .float_txt_cont p { letter-spacing:-0.4px ;   }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tab_content06.imgL_txtR li.float_txt .float_txt_cont p  { letter-spacing:-0.66px  !important;  }
}




@media only screen and (max-width: 1200px) {
.tab_content06_100 .p_Sources { padding-top: 50px;}

}

@media only screen and (max-width: 980px) {
.tab_content06_100 li.float0_txt .float0_txt_cont .tab_cont1_info1200 p {
 padding: 0px 10px 0px 30px; font-size: 16px;}
  
  
.tab_content06_100 li.float0_txt .float0_txt_cont .tab_cont1_info1200 p  { letter-spacing:-0.4px ;   }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tab_content06_100 li.float0_txt .float0_txt_cont .tab_cont1_info1200 p   { letter-spacing:-0.66px  !important;  }
}
  
.tab_cont1_info1200 { margin-top: -35px;}
.tab_content06 li { width: 100%;}
.tab_content06 li.float_txt {  float: none;  text-align: center;}
.tab_content06 li.float_img {   float: none;  text-align: center;}
.tab_content06 li.float_img .float_img_img { margin: 0 auto; padding: 0px 0px 0 0px;  text-align: center; max-width: 518px;  float: none;}
.tab_content01_2 li.float_txt .float_txt_cont p { font-size: 16px; padding: 20px 0px 20px 0px; line-height: 160%;}
.tab_content01_3 li.float_txt .float_txt_cont p { font-size: 16px; padding: 20px 0px 20px 0px; line-height: 160%;}

.tab_content01_2 li.float_txt .float_txt_cont p  { letter-spacing:-0.4px ;   }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tab_content01_2 li.float_txt .float_txt_cont p   { letter-spacing:-0.66px  !important;  }
}
.tab_content01_3 li.float_txt .float_txt_cont p  { letter-spacing:-0.4px ;   }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tab_content01_3 li.float_txt .float_txt_cont p   { letter-spacing:-0.66px  !important;  }
}




.tab_content01_3 li.float_txt .float_txt_cont h2 {  padding: 16px 0 0 10px;  text-align: center;  font-size: 24px;line-height:140%}

.tab_content03_2 li.float_txt .float_txt_cont p { padding: 20px 0px 20px 0px; font-size: 16px;}
.tab_content03_3 li.float_txt .float_txt_cont p { padding: 20px 0px 20px 0px; font-size: 16px;}

.tab_content03_2 li.float_txt .float_txt_cont p  { letter-spacing:-0.4px ;   }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tab_content03_2 li.float_txt .float_txt_cont p   { letter-spacing:-0.66px  !important;  }
}
.tab_content03_3 li.float_txt .float_txt_cont p  { letter-spacing:-0.4px ;   }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tab_content03_3 li.float_txt .float_txt_cont p   { letter-spacing:-0.66px  !important;  }
}


.tab_content01_3 li.float_img.img_right { text-align: center;}
.tab_content03_3 li.float_img.img_right {   text-align: center;}

.tab_content01_3.txt100.top0  li.float_txt .float_txt_cont p  {padding: 0px 0px 0px 0px;}
}





@media only screen and (min-width: 801px) {
.mo_img {display:none}
}

@media only screen and (max-width: 800px) {
.mo_img {display:block}
.tab_cont1_info1200 { margin-top: -35px;}
.tab_content06_100 li.float0_txt .float0_txt_cont p.mo_img  { padding: 0px 0px 0px 0px;}

.tab_content06_100 .float0_txt_cont.tab6_cont_img8BG {  background: none ;     min-height: 100%; height:100%}
.tab_content06_100 .float0_txt_cont.tab6_cont_img8BG .tab6_cont_img8BG_p { height:100%}
  
.tab_content06_100 .float0_txt_cont.tab6_cont_img8BG .tab6_cont_img8BG_p  { letter-spacing:-0.4px ;   }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.tab_content06_100 .float0_txt_cont.tab6_cont_img8BG .tab6_cont_img8BG_p  { letter-spacing:-0.66px  !important;  }
}

  

.tab_content06_100 .float50_img li {    width: 100%;    float: none;  text-align: center;}
.tab_content03_100 .float50_img li {    width: 100%;    float: none;  text-align: center;}
.tab_content06_100 .p_Sources {  padding-top: 20px;}

.tab_content06 li.float_img { float: none;  text-align: center;   width: 100%;}
.tab_content06.imgR_txtL li {  float: none; text-align: center;width: 100%;}
.tab_content06.imgL_txtR li {  float: none; text-align: center;width: 100%;}
.tab_content06.imgR_txtL li.float_img .float_img_img {   padding: 0px 0px 0 0px;  text-align: center;}
.tab_content06.imgL_txtR li.float_txt .float_txt_cont p { font-size: 16px;  padding: 10px 20px 30px 20px;  line-height: 160%; letter-spacing: -1px;}
.tab_content06.imgR_txtL li.float_txt .float_txt_cont p { font-size: 16px;  padding: 10px 20px 30px 20px;  line-height: 160%; letter-spacing: -1px;}
}



@media only screen and (max-width: 480px) {
.tab_content06 li.float_txt .float_txt_cont b {display:block; width:100%;  font-weight: 600;  padding-right: 10px; padding-top:20px; }
.tab_cont1_info1200 { margin-top: -35px;}
.tab_content03_3 li.float_txt.stit2 h2 { padding: 0px 0 15px 0px;}
.tab_content01_wild .float_txt_cont p { padding: 0px 20px ;}
.tab_content01_2 li.float_txt .float_txt_cont p { padding: 20px 0px 20px 0px;}
.tab_content01_3 li.float_txt .float_txt_cont p { padding: 20px 0px 20px 0px;}
.tab_content01_2 li.float_txt .float_txt_cont p { font-size: 16px;}

.tab_content01_2 {  padding:20px; padding-top: 20px;  width: 100%;}
.tab_content01_3 {  padding:20px; padding-top: 20px;  width: 100%;}
}

/* 반곡동 >  tab 역사속 반곡동 //  ***************************************************************************************************************/


















/* 페이징 추가*/

.pagination-wrapper {
  text-align: center;
  margin: 40px 0;
}

.pagination {
  display: inline-block;
  height: 70px;
  margin-top: 70px;
  padding: 0 25px;
  border-radius: 35px;
  background-color: #eee;
}
@media only screen and (max-width: 1199px) {
  .pagination {
    height: 50px;
    margin-top: 50px;
    padding: 0 10px;
    border-radius: 25px;
  }
}

.page-numbers {
  display: block;
  padding: 0 25px;
  float: left;
  transition: 400ms ease;
  color: #595959;
  font-size: 20px;
  letter-spacing: 0.1em;
  line-height: 70px;
}
.page-numbers:hover, .page-numbers.current {
  background-color: #86c023;
  color: #fff;
}
.page-numbers.prev:hover, .page-numbers.next:hover {
  background-color: transparent;
  color: #86c023;
}
@media only screen and (max-width: 1199px) {
  .page-numbers {
    padding: 0 15px;
    font-size: 16px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 1024px) {
  .page-numbers {
    padding: 0 14px;
    display: none;
  }
  .page-numbers:nth-of-type(2) {
    position: relative;
    padding-right: 50px;
  }
  .page-numbers:nth-of-type(2)::after {
    content: "...";
    position: absolute;
    font-size: 25px;
    top: 0;
    left: 45px;
  }
  .page-numbers:nth-child(-n + 3), .page-numbers:nth-last-child(-n + 3) {
    display: block;
  }
  .page-numbers:nth-last-child(-n + 4) {
    padding-right: 14px;
  }
  .page-numbers:nth-last-child(-n + 4)::after {
    content: none;
  }
}



















/*   숫자로 보는 우리 마을  ******************************************************************************/
.tab_graph { margin:0 auto; max-width:1160px ; padding:0px 0px 30px 0px; } 
.graph_content_div {width:100%;overflow:auto;}
.graph_content_div table {white-space:nowrap;border-collapse:collapse}
.graph_content_div table th,
.graph_content_div table td {border:1px solid #555;width:300px }

.kindbox_img {padding:40px 20px 20px 20px ; text-align:center; }
.kindbox2 {  border-radius: 0 0 20px 20px;  background: #ffffff;}
.kindbox2 h2 { padding:20px }
.graph_infos {float:right; margin-top:-30px ;    padding: 0 20px 0 0 }


.offerkind2 { height: 520px;   overflow-x: auto;  overflow-y: hidden;  position: relative; 
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);   -webkit-overflow-scrolling: touch;
padding:0px; border-radius:20px; background:#ffffff;   }
.offerkind2 ul {  display: block; height: 500px;   padding: 0 ;  white-space: nowrap;border-radius:20px;}
.offerkind2 ul li { display: table-cell; margin: 0;  white-space: nowrap;height: 500px; }
.offerkind2 ul li > div { display: block;  width: 160px; height: 500px;  }
.offerkind2 ul li.graph_bar_0 {display: block; float:none;}
.offerkind2 ul li.graph_bar_1 {display: block; float:none;}
.offerkind2 ul li.graph_bar_2 {display: block; float:none;}
.offerkind2 ul li.graph_bar_3 {display: block; float:none;}
.offerkind2 ul li.graph_bar_4 {display: block; float:none;}
.offerkind2 ul li.graph_bar_5 {display: block; float:none;}




.tab_graph_info_box {  margin:0 auto; max-width:1160px ;  padding: 20px 0px 0px 0px;   color:#fff  }
.tab_graph_info_top  { background:#6D7D8D; border-radius:20px 20px 0 0 ; padding:10px 30px; color:#fff   }

.container.sub_cont_block .tab_graph_title.pd30LR h2{ padding: 50px 0 0px 30px;  text-align: left;  font-size: 36px; color: #004485;  font-weight: bold;}
.tab_graph_info2 {width:100%; }
.tab_graph_info2 li {float:left ; width:50%;font-family: 'NotoSans',  sans-serif;   font-weight:400; }
.tab_graph_info2 li.tab_graph_info2_left {  padding-left:0px ; color:#fff;   }
.tab_graph_info2 li.tab_graph_info2_left span {padding-left:30px ; line-height:30px;font-size:24px }
.tab_graph_info2 li.tab_graph_info2_right li {float:left; text-align:center;  padding:0px 10px; width:33%}

.tab_graph_info3 {width:100%; }
.tab_graph_info3 li {float:left ; width:50%; }
.tab_graph_info3 li.tab_graph_info3_left {padding-left:60px  }
.tab_graph_info3 li.tab_graph_info3_left span {padding-left:30px ; line-height:90px }
.tab_graph_info3 li.tab_graph_info3_right li {float:left; text-align:center;  padding:30px 10px; width:25%}
.tab_graph_info2 li.tab_graph_info2_right li .bd{color:#fff; font-size:24px; font-weight:bold }


.tab_graph_50box {width:100%}
.tab_graph_50box1 {float:left; width:50% }
.tab_graph_50box2 {float:left; width:50% }
.tab_graph_50box1 .tab_graph_info_box {padding: 20px 30px 0px 30px; }
.tab_graph_50box2 .tab_graph_info_box {padding: 20px 30px 0px 30px; }
.tab_graph_50box .tab_graph_info3 .tab_graph_info3_left{padding-left: 30px; width:100%}
.tab_graph_50box .tab_graph_info3 .tab_graph_info3_right{padding-left: 30px; width:100%}
.tab_graph_50box  .tab_graph .kindbox2  .kindbox {padding:0 30px; }




@media screen and (max-width: 480px) {
.container.sub_cont_block .tab_graph_title.pd30LR h2 {  padding: 30px 0 0px 10px;  font-size: 26px;}
.tab_graph_info2 li.tab_graph_info2_left span { padding-left: 0px; line-height: 150%;font-size: 22px;}
.tab_graph_info2 li.tab_graph_info2_right li .bd{color:#fff000; font-size:20px; font-weight:bold }

.block_end { padding: 10px;}

}
















@media screen and (max-width: 1200px){
.tab_graph_50box .offerkind2 ul li > div {width: 120px;}

}



@media screen and (max-width: 980px){
.tab_graph_info_box  {width:96%;margin:0 auto ;  padding: 20px 10px 0px 10px; }
.tab_graph_info2 li {float:none ; width:100%; }
.tab_graph_info3 li {float:none ; width:100%; }
.tab_graph_50box1 {float:left; width:50% }
.tab_graph_50box2 {float:left; width:50% }
.tab_graph_50box1 .tab_graph_info_box {padding: 20px 15px 0px 15px; }
.tab_graph_50box2 .tab_graph_info_box {padding: 20px 15px 0px 15px; }
.tab_graph_50box  .tab_graph .kindbox2  .kindbox {padding:0 0px; }
.tab_graph_50box .tab_graph_info3 .tab_graph_info3_left{padding-left: 0px; width:100%}
.tab_graph_50box .tab_graph_info3 .tab_graph_info3_right{padding-left: 0px; width:100%}
.tab_graph_50box .offerkind2 ul li > div {width: 120px;}

}


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

.tab_graph_50box1 {float:left; width:100% }
.tab_graph_50box2 {float:left; width:100% }
.tab_graph_50box1 .tab_graph_info_box {padding: 20px 15px 0px 15px; }
.tab_graph_50box2 .tab_graph_info_box {padding: 20px 15px 0px 15px; }
.tab_graph_50box  .tab_graph .kindbox2  .kindbox {padding:0 0px; }
.tab_graph_50box .tab_graph_info3 .tab_graph_info3_left{padding-left: 0px; width:100%}
.tab_graph_50box .tab_graph_info3 .tab_graph_info3_right{padding-left: 0px; width:100%}
.tab_graph_50box .offerkind2 ul li > div {width: 120px;}

}


@media screen and (max-width: 480px){
.tab_graph_info_box  {width:96%;margin:0 auto }
.tab_graph_info2 li.tab_graph_info2_left { text-align:center; padding-left: 0px;}
.tab_graph_info2 li.tab_graph_info2_left span {width:100%; display:block ; text-align:center; padding-left:0px; padding-top:10px ; line-height: 160%;}
.tab_graph_info2 li.tab_graph_info2_right li { float: none;  text-align: center; padding: 0px 10px;  width: 100%;}
.graph_infos { float: none;  margin-top: 10px; text-align:center; }
.offerkind2 h2 {text-align:center; }
.tab_graph { padding: 20px 0px 30px 0px;}
.offerkind2 { height: 520px; padding:10px 10px; border-radius:20px; background:#f9f9f9   }
.offerkind2 ul li.graph_bar_5.gp105{  height: 50px;background: none;}
.kindbox2 { background: #f9f9f9;}

.tab_graph_info3 li.tab_graph_info3_left { text-align:center; padding-left: 0px;}
.tab_graph_info3 li.tab_graph_info3_left span {width:100%; display:block ; text-align:center; padding-left:0px; padding-top:10px ; line-height: 160%;}
.tab_graph_info3 li.tab_graph_info3_right li { float: left;  text-align: center; padding: 5px 10px;  width: 50%;}

}

@media screen and (max-width: 480px) {
.offerkind2 ul li > div {  width: 140px;}
}

@media screen and (max-width: 420px) {
.offerkind2 ul li > div {  width: 120px;}
}

@media screen and (max-width: 380px) {
.offerkind2 ul li > div {  width: 100px;}
.tab_graph_50box .offerkind2 ul li > div {    width: 100px;}

}





/*   숫자로 보는 우리 마을//  ******************************************************************************/









.video2_wrap {width:100% ;  padding-top: 40px;} 
.video2_wrap li { float:left; width:50%; text-align: center; overflow: hidden;} 


@media all and (max-width: 980px) {
.video2_wrap li { float:none; width:98%; margin:0  auto; padding:20px 0} 
.test span{white-space: normal !important;}
.test {text-align: justify !important;}

.tab_content01_3.txt100 li.float_txt .float_txt_cont p { padding: 40px 0px 0px 0px;}
}    




@media screen and (max-width: 640px){
#sub .container .sub_title { font-size: 22px;}
}






















@media screen and (max-width: 480px){
	
.sub_txt2 img.img300 {width:100%; max-width:100% }
.sub_txt2 img.img1200 {width:100%; max-width:100% }

.tab_cont1_box .tab_txt { font-size: 16px; line-height: 160%;}


.tab_content03_1 {  padding-top: 20px;  padding-right: 0px !important; padding-left: 0px !important;}
.tab_content03_2 {  padding-right: 30px !important; padding-left: 30px !important; }
.tab_content03_3 {  padding-right: 30px !important; padding-left: 30px !important; }


.tab_content03_2 li.float_txt .float_txt_cont p { font-size:16px;  padding:20px 0;  line-height:160% }
.tab_content03_2 li.float_txt .float_txt_cont p.style2 {  padding: 0px 0px 20px 0px;}
.tab_content03_2 li.float_txt .float_txt_cont .float_img { font-size: 14px; color: #fff; padding: 30px 0px 0px 0px; line-height: 160%;	}


.tab_content01_2.txt100 li.float_txt .float_txt_cont p {    padding: 20px 0px 0px 0px !important; }
.tab_content01_3.txt100 li.float_txt .float_txt_cont p {    padding: 20px 0px 0px 0px !important; }
.tab_content03_1 li.float_txt .float_txt_cont p {font-size:16px;  line-height:160% ; padding: 20px 0px 20px 0px !important;}
.tab_content03_3 li.float_txt .float_txt_cont p {font-size:16px;  line-height:160% ; padding: 20px 0px 20px 0px !important;}
.tab_content03_2 li.float_txt .float_txt_cont p {font-size:16px;  line-height:160% ; padding: 20px 0px 20px 0px !important;}
.tab_content03_1 li.float_txt h2 { padding: 0px 0 10px 0px !important;  font-size: 24px; line-height:140%}
.tab_content03_2 li.float_txt h2 { padding: 0px 0 10px 0px !important;  font-size: 24px; line-height:140%}
.tab_content03_3 li.float_txt h2 { padding: 0px 0 10px 0px !important;  font-size: 24px; line-height:140%}
.tab_content03_3.txt100  li.float_txt .float_txt_cont p.mo_center { text-align: left;}

.tab_content03_2 li.float_txt .float_txt_cont p.mo_center {  text-align: left;}
.tab_content03_3 li.float_txt .float_txt_cont p.mo_center {  text-align: left;}
.tab_content03_2 li.float_img .float_img_img {  padding: 0 0px!important; }
.tab_content03_3 li.float_img .float_img_img {  padding: 0 0px!important;}


.tab_content03_2 li.float_txt .float_txt_cont .float_img .float_img_img p {padding: 2px 0px 0px 20px !important;}
.tab_content03_3 li.float_txt .float_txt_cont .float_img .float_img_img p {padding: 2px 0px 0px 20px !important;}

.txt_cc { text-align: center !important;  padding: 0px 0px 0 0}
.timeline2_div li.timeline_year span.year_txt {  padding: 0px 0px 0 20px !important;}
.tab_content01_2 li.float_txt .float_txt_cont h2 {  font-size: 20px; line-height:140%}
.tab_content01_3 li.float_txt .float_txt_cont h2 {  font-size: 20px; line-height:140%}
.tab_content01_2 li.float_txt .float_txt_cont p {   font-size: 16px; }
.tab_content01_3 li.float_txt .float_txt_cont p {   font-size: 16px; }
.tab_content01_wild .float_txt_cont p { font-size: 16px;    font-weight: 400;  line-height: 180%;}

}


@media screen and (max-width: 420px) {
#sub .container .ptitle { padding: 50px 0 40px 0;}
#sub .container .ptitle h1 {  font-size: 24px;}
.small-6 { width: 100% !important;}
.color {font-size: 14px;}
#donut { max-height: 540px; text-align: center;}
.graph_navi { padding: 0px 0 0 50px !important;}
.graph_navi  li {float:left;  padding:5px 10px;  }
#section_sub_navi .sub_navi3 li { font-size: 14px;width: 33%; }
.sub_tabmenu { max-width: 100%;  padding-top: 20px;}
.sub_tabmenu li {width: 49%; float: left; text-align: center; padding: 10px 0; border: 1px solid #ddd; margin-left:-1px}
.sub_tabmenu li a { margin: 10px 0px; border: 0px solid #ddd;  padding: 3px 0px; border-radius: 0px;  }
.sub_tabmenu li a.sub_tabmenu_a.on {  background: #fff;  }
}

/*--------*/
@media screen and (min-width: 851px) {
.menu_04{display: flex !important;}
.menu_04>li{width:25%; margin:0 5px;} 
.menu_04>li .view{width:100%; margin: 0 !important;}
.menu_04>li .view img{width: 100%; height: 360px; object-fit: cover;}
.menu_04>li .view .mask{width:100%;}
.menu_04>li .view-tenth h2{margin: 20px 20px 0px 20px;}
.menu_04>li .view p{padding: 30px 20px 60px 20px; word-break: keep-all;}
}