@charset "euc-kr";


/*³ª´® °íµñ ±Û²Ã*/

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('../font/NanumGothic-Regular.eot');
  src: url('../font/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumGothic-Regular.woff2') format('woff2'),
       url('../font/NanumGothic-Regular.woff') format('woff'),
       url('../font/NanumGothic-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('../font/NanumGothic-Bold.eot');
  src: url('../font/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumGothic-Bold.woff2') format('woff2'),
       url('../font/NanumGothic-Bold.woff') format('woff'),
       url('../font/NanumGothic-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url('../font/NanumGothic-ExtraBold.eot');
  src: url('../font/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumGothic-ExtraBold.woff2') format('woff2'),
       url('../font/NanumGothic-ExtraBold.woff') format('woff'),
       url('../font/NanumGothic-ExtraBold.ttf') format('truetype');
}


@media print 
{
  #print_hidden, #print_none { display: none; }
  body { margin: 0; padding: 0; background: #fff; }
}


/*
@media screen and (-webkit-animation) 
{
	a {
		margin-bottom: -4px;
	}
}
*/

/* html Àüü padding °ªÀÌ ¹Ú½º »çÀÌÁî¿¡ ¿µÇâÀ» ÁÖÁö¾Ê°Ô º¯È­ */
*{
   font-size:9pt;
   font-style:normal;
   margin:0;padding:0;
   font-family:"Nanum Gothic", "±¼¸²", "Gulim", Verdana, Arial, Sans-serif
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;   
   
}


* html			{overflow:scroll;overflow-x:auto;}
* html body		{height:100%;overflow-y:scroll;}
html, body		{min-height:100%;margin:0;padding:0;}
body			{  font-size: 100%;  color: #686868;  font-style: normal;  font-family: "Nanum Gothic", "±¼¸²","verdana";  line-height:150%; }

/* º»¹® Á¦¸ñ */
#header h1 {margin: 0; padding: 0; background: transparent; } /* »çÀÌÆ®Á¦¸ñ */
#header h2, #snb h2, #body_head h2, #body_foot h2, #footer h2, #aside h2 { margin: 0; padding: 0; background: transparent; }

h1, h2, h3, h4, h5, h6 {font-size:100%;letter-spacing:0;line-height:1.25;text-align:left;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {font-weight: normal;} 
h1 {font-size:130%;font-weight:bold;letter-spacing:-0.1em;color:#111;}
h2 {font-size:118%;font-weight:bold;letter-spacing:-0.1em;color:#333;}
h3 {font-weight:bold;letter-spacing:-0.1em;color:#009763;}
h4 {font-weight:bold;color:#333;}
h5 {font-weight:normal;color:#111; }
h6 {font-weight:normal; }



/* ±âº»Å×±× */
strong	{font-weight:bold;}

a {cursor:pointer; }
A:link    {font: 100% Gulim,"±¼¸²"; text-decoration: none; color:#000000}
A:active  {font: 100% Gulim,"±¼¸²"; text-decoration: none; color:#000000}
A:visited {font: 100% Gulim,"±¼¸²"; text-decoration: none; color:#000000}
A:hover   {text-decoration: none; color:#ff0096;}

form { margin: 0; padding: 0; }
fieldset { margin: 0; padding: 0; border: 0; }
legend { margin: 0; padding: 0; }

table caption	{visibility:hidden; height:0;}
fieldset, button{display:block;border:none;}
img				{margin:0;border:0;  border-style : none;} 
ol,ul,li		{list-style:none;}
ul{  list-style-image : none;}
hr, button img	{display:none;}
textarea		{overflow:auto;} 
option			{padding-right:6px;} 
legend			{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden; font-size:0; line-height:0;} 
dl,dt			{margin:0;padding:0;}
dd				{display:inline;margin:0;padding:0;}
label.none		{display:none;}
input{  border: 1px solid #A5ACB2;  font-size: 100%;  color: #595959;  font-style: normal;  font-family: "±¼¸²","verdana";  line-height:150%;  margin-left: 0;  word-spacing:-1pt; vertical-align:middle;}
table, tr,td {  font-size: 100%;  color: #686868;  font-style: normal;  font-family: "±¼¸²","verdana";  line-height:150%; }

input[type="text"], input[type="password"]{  height:20px; }



/* »ç¿ëÀÚÁ¤ÀÇ */
.noborder {  border-style : none;}
.font0 {font-size:0px;}
.font0 a {font-size:0px;}


/* ÀÏÁ¤°ü¸® Å×ÀÌºí »ö»ó */
.sch_head_dark {  background-color : #BF799F;  height : 3px;}
.sch_head_light {  background-color : #FEEEFA;}


/* ±âº»Å×À̺í */
.table_1 {  border-collapse : collapse;  border-width : 1px;  border-style:solid;  border-color : #999999;    }
.table_1 th, .table_1 td {  border-width : 1px;  border-style:solid;  padding : 3px;    border-color : #999999 }
.table_1 th {  background-color : #EFEFEF; }


/* ±âº»Á¤·Ä¹æ½Ä */
.left { text-align:left;}
.center { text-align:center;}
.right { text-align:right;}
.f_left { float:left;}
.f_right { float:right;}
.f_clear { clear:both;}
.f_center { margin:0 auto; }
.f_left_clear { clear:left;}
.f_right_clear { clear:right;}
.vtop {vertical-align:top;}
.vmiddle {vertical-align:middle;}
.vbottom {vertical-align:bottom;}

.font0 {font-size:0px; line-height:0;}
.font0 a {font-size:0px; line-height:0;}




/* ¶ó¿îµå ¹Ú½º */
.box 
{  
   border-radius: 5px;
   -webkit-border-radius: 5px;  /* safari */
   -moz-border-radius: 5px;  /* firefox */
   border: 1px solid #aaa;  
/*   behavior: url(border-radius.htc); */
}


/* ±×¶óµ¥À̼Ç1 »ó->ÇÏ, color1-> color2 */
.gradient1
{
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E0E0E0), color-stop(0.6, #EFEFEF));
  
  /* Safari 5.1, Chrome 10+ */  
  background: -webkit-linear-gradient(top, #E0E0E0, #FFFFFF);  

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top,#FFFFFF, #EFEFEF, #E0E0E0);

  /* IE 10 */
  background: -ms-linear-gradient(top, #E0E0E0, #FFFFFF);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #E0E0E0, #FFFFFF);
  
}


/* ±×¶óµ¥À̼Ç2 ÁÂ->¿ì, color1-> color2 -> color1 -> color2 */
.gradient2
{
  /* fallback DIY*/

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, left top, right top, from(#2F2727), color-stop(0.25, #1a82f7), color-stop(0.5, #2F2727), color-stop(0.75, #1a82f7), to(#2F2727));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-linear-gradient(left, #2F2727, #1a82f7, #2F2727, #1a82f7, #2F2727);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(left, #2F2727, #1a82f7, #2F2727, #1a82f7, #2F2727);

  /* IE 10 */
  background: -ms-linear-gradient(left, #2F2727, #1a82f7, #2F2727, #1a82f7, #2F2727);

  /* Opera 11.10+ */
  background: -o-linear-gradient(left, #2F2727, #1a82f7, #2F2727, #1a82f7, #2F2727);
}


input[type="button"].bd_selected
{
  width:28px;  height:28px; font-size:100%; background:black; color:white; font-weight:bold; border-style:solid; border-width:1px; margin:2px; padding:6px 2px 2px 2px; line-height:130%; cursor:pointer;
}
input[type="button"].bd_unselected
{
  width:28px;  height:28px; font-size:100%;   background:white; font-weight:bold; border-style:solid; border-width:1px; margin:2px; padding:6px 2px 2px 2px; line-height:130%; cursor:pointer;
}


/* ¹ÝÅõ¸í */
.opacity_50
{
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity:0.5;
  opacity:0.5;
}

.opacity_25
{
  filter:alpha(opacity=25);
  -moz-opacity:0.25;
  -khtml-opacity:0.25;
  opacity:0.25;
}

.opacity_75
{
  filter:alpha(opacity=75);
  -moz-opacity:0.75;
  -khtml-opacity:0.75;
  opacity:0.75;
}



#top
{
  width:100%;
  margin:0 auto;
  padding:0;
  line-height:0;

}

.top_main
{
  margin:0 auto;
  width:1200px;
  padding:0;
  line-height:0; 
}


.top_main02
{
  margin:0 auto;
  width:1200px;

}

.top_bg
{
  width:100%;
  height:59px;
  background: url("../images/top_bg.jpg");
  background-repeat: repeat-x;
  background-position: center top;
  min-width:1200px;

}




 .meun_fotn a {color:#ffffff; font-size:150%;font-family:"Nanum Gothic";}
 .meun_fotn A:link    {color:#ffffff; font-size:150%; font-weight:bold;font-family:"Nanum Gothic";}
 .meun_fotn A:active  {color:#ffffff;  font-size:150%; font-weight:bold;font-family:"Nanum Gothic";}
 .meun_fotn A:visited {color:#ffffff;  font-size:150%; font-weight:bold;font-family:"Nanum Gothic";}
 .meun_fotn A:hover {color:#ffffff; font-size:150%; font-weight:bold;font-family:"Nanum Gothic";}
 .meun_fotn:hover { font-weight:bold; font-family:"Nanum Gothic";}


#headerimg1
{
  width: 100%;
  height: 498px;
  background-image: url("../images/main_img01.jpg");
  background-repeat: repeat-x;
  background-position: center top;  
  min-width:1200px;
  animation-name: fade_in;
  animation-duration: 1s; 
  animation-fill-mode: both;
  -webkit-animation-fill-mode:both;     
}


@keyframes fade_in 
{
  from 
  {
      filter:alpha(opacity=0);
      -moz-opacity:0;
      -khtml-opacity:0;
      opacity:0;
  
  }
  to {

       filter:alpha(opacity=100);
       -moz-opacity:1;
       -khtml-opacity:1;
        opacity:1;    
     }
}
@-webkit-keyframes fade_in 
{
  from 
  {
      filter:alpha(opacity=0);
      -moz-opacity:0;
      -khtml-opacity:0;
      opacity:0;
  
  }
  to {

       filter:alpha(opacity=100);
       -moz-opacity:1;
       -khtml-opacity:1;
        opacity:1;    
     }
}

@keyframes fade_out 
{
  from 
  {
      filter:alpha(opacity=100);
      -moz-opacity:1;
      -khtml-opacity:1;
      opacity:1;
  
  }
  to {

       filter:alpha(opacity=0);
       -moz-opacity:0;
       -khtml-opacity:0;
        opacity:0;    
     }

}
@-webkit-keyframes fade_out
{
  from 
  {
      filter:alpha(opacity=100);
      -moz-opacity:1;
      -khtml-opacity:1;
      opacity:1;
  
  }
  to {

       filter:alpha(opacity=0);
       -moz-opacity:0;
       -khtml-opacity:0;
        opacity:0;    
     }
}


#headerimg2
{
  width: 100%;
  height: 300px;
  background-image: url("../images/sub_img.jpg");
  background-repeat: repeat-x;
  background-position: center top;  
  min-width:980px;
}

.font_news {font-size:110%; line-height:2;}
.font_news01 {font-size:80%; line-height:1; font-weight:bold;}
.main_tt {font-size:150%; line-height:2; font-weight:bold; }
.main_tt:link {font-size:150%;}
.main_tt:active  {font-size:150%;}
.main_tt:visited {font-size:150%;}
.main_tt:hover {font-size:150%;}

.j_sub
{
margin:0 auto;
width:930px;
line-height:0; 
float:left;
}


.sub_font{font-size:130%; line-height:2;}
.sub_font02{font-size:130%; line-height:2; color :#4d771b;font-weight:bold;}
.sub_font03{font-size:150%; line-height:2; color :#4d771b;font-weight:bold;}
.sub_font04{font-size:110%; line-height:2; font-weight:bold;}
.sub_font05{font-size:250%; line-height:1; font-weight:bold; color:#ffffff;}
.sub_font06{font-size:210%; line-height:3;}
.sub_font07{font-size:110%;}
.sub_font08{font-size:110%; line-height:1.5; width:300px; overflow:hidden; height:72px;}
.sub_font09{font-size:130%; font-weight:bold;}
.sub_font10{font-size:210%;}
.sub_font11{font-size:130%; line-height:1.5;}


.organizat
{
background-color:#0a8245; width: 450px; height: 50px;padding:10px;text-align:center; 
}


.organizat01
{
background-color:#eb7921; width: 450px; height: 50px;padding:10px;text-align:center; 
}

.main_tt2 {font-size:100%; line-height:2; font-weight:bold; }
.main_tt2:link {font-size:100%;}
.main_tt2:active  {font-size:100%;}
.main_tt2:visited {font-size:100%;}
.main_tt2:hover {font-size:100%;}



.business_font01{font-size:200%; line-height:2;font-weight:bold; color :#829c2c;}
.business_font02{font-size:160%; line-height:2;font-weight:bold; color :#383d41;}

.sub_title_box{width:930px; border-bottom:solid 1px #4e4c4c;height:51px;}
.sub_title{font-size:230%; line-height:2; font-weight:bold; color : #4d771b;}


/*·¹ÇÁÆ®*/
.a6 a {cursor:pointer; width:200px; height:46px;  display:block; margin:0; padding:0;  padding-top:15px;}
.a6 a:link    {font-family:"Nanum Gothic","verdana","sans-serif"; text-decoration: none; color:#4d4d4f;  font-size:130%; font-weight:600;  }
.a6 a:active  {font-family:"Nanum Gothic","verdana","sans-serif"; text-decoration: none; color:#4d4d4f;  font-size:130%; font-weight:600;  }
.a6 a:visited {font-family:"Nanum Gothic","verdana","sans-serif"; text-decoration: none; color:#4d4d4f;  font-size:130%; font-weight:600;  }
.a6 a:hover   {text-decoration: none; color:#ffffff; font-size:130%; font-family: "Nanum Gothic","Dotum","±¼¸²","verdana","sans-serif"; background-color : #7b8867;}

 #cp
{
  width:100%;
  height:145px;
  background:#edeef0;
}


.cp_
{
  margin:0 auto;
  width:1200px;
  padding:0;
  line-height:0; 
}

.line
{
width:380;
height:430px;
border:solid 1px #e9e8e6;
}



/* ¸ÞÀÎ Æ˾÷ ·Ñ¸µ*/

.DATA_layout {
  width:100%; 
  margin:0 auto; 
  position:relative; 

  border:1px solid #c6c6c6;
  border-top:1px solid #FFFFFF;      
  border-left:1px solid #FFFFFF;        
  box-shadow:5px 5px 15px #999;  
}

.DATA_plist
{
  position:relative; overflow:hidden; font-size:0; 
}

.DATA_main_title
{
 /* font-family:'NotoKrB';*/
  font-size:50px;
  color:black;
  letter-spacing:10px;
  text-align:center;
}

#DATA_image_list
{
  font-size:0; 
  display:none;
}

#DATA_now_img 
{
    position:absolute; width:100%; z-index:2; left:0; top:0; 
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    animation-fill-mode: both; /* ³¡¿¡¼­ ¸ØÃã */
    -webkit-animation-fill-mode:both;      
}
#DATA_next_img 
{
  position:absolute; width:100%; z-index:2; margin-left:100%; top:0; 
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    animation-fill-mode: both; /* ³¡¿¡¼­ ¸ØÃã */
    -webkit-animation-fill-mode:both;        
}
@keyframes DATA_move_left
{
  from {left:0;}
  to {left:-100%;}
}
@-webkit-keyframes DATA_move_left
{
  from {left:0;}
  to {left:-100%;}
}

@keyframes DATA_move_right
{
  from {left:0;}
  to {left:100%;}
}
@-webkit-keyframes DATA_move_right
{
  from {left:0;}
  to {left:100%;}
}