@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap');

/* ±âº»¼ÂÆà */


img {border:0;}

A:link    {color:#af9855;text-decoration:none}
A:visited {color:#af9855;text-decoration:none}
A:active  {color:#af9855;text-decoration:none}
A:hover   {color:#000000;text-decoration:none}

#garo { width: 100%; border-top: 1px solid #eeeeee; }

@media only screen and (max-width: 800px) {
#garo { width: 100%; border-top: 1px solid #eeeeee; }
}

.back-to-top {
    position: fixed;
    bottom: 0em;
    right: 0px;
    padding: 0em;
    display: none;
    -webkit-border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    border-radius: 0.8em;
}

.lazy {-webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0;}

.back-to-top { position: fixed; bottom: 3em; right: 10px; text-decoration: none; color: #000000; background-color: rgba(235, 235, 235, 0.80); font-size: 12px; padding: 0.5em; display: none;}
.back-to-top:hover { background-color: rgba(156, 156, 156, 0.30);}

form {margin:0px;}
.input {width:100px; height:20px; background-color: #ffffff; border: #EEEEEE 1px solid; padding: 2px;}
.input001 {width: 200px;height: 21px;font: 9pt Nanum Gothic;color:#7C7769;background-color:#FEFDFC;border: #E1E1E1 1px solid; padding: 3px 0px 0px 2px; vertical-align: middle}

/* ±âº» Å×À̺í¼ÂÆà */
.main_tb {border: #ffffff 0px solid;table-layout:fixed;}

/* ÃÖ »ó´Ü °øÁöºÎºÐ */
.main_td_nt {font: 9pt Nanum Gothic;color:#828282; padding: 10px;}

/* list_head ºÎºÐ */
.main_td001 {border: #ffffff 1px solid;font:bold 9pt Nanum Gothic;color:#9A9893;text-align: center;padding: 2px 0px 0px 0px;}

/* list_main °ü·ÃºÎºÐ */
.main_td002 {border: #ffffff 1px solid;font: 9pt Nanum Gothic;color:#555555;text-align: left; overflow:hidden;white-space: nowrap;padding: 2px 0px 0px 5px;}
.main_td003 {border: #ffffff 0px solid;font: 8pt Nanum Gothic;color:#7C7769;text-align: center; padding: 3px 0px 0px 0px;}
.list_com {font: 7pt tahoma;color:#969696}


/* ÇÏ´Ü°ü·ÃºÎºÐ */
/*ÇÏ´Ü °Ô½ÃÆÇ ÆäÀÌÁöÇ¥½Ã*/
.foot_page_list {font: 8pt Nanum Gothic;color:#9A9893;text-align: center; padding: 4px 0px 0px 0px;}
.foot_chack {font: 8pt Nanum Gothic;color:#9A9893; text-align: center;}
.foot_prev {font:bold 9pt Nanum Gothic; color:#999691;background:white url(images/bar_head_c.gif) repeat-x;padding: 4px 0px 0px 0px;overflow:hidden;white-space: nowrap}
.foot_prev_bg {font: 9pt Nanum Gothic; color:#999691;background:white url(images/bar_head_c.gif) repeat-x;padding: 4px 0px 0px 0px;overflow:hidden;white-space: nowrap}

/* ³»¿ëº¸±â °ü·ÃºÎºÐ */
.view_tb {background-color:#ffffff;border: #E1E1E1 1px solid;table-layout:fixed;}
.view_001 {font:bold 9pt Nanum Gothic;color:#444444; border-top: #ffffff 1px solid; border-right: #ffffff 0px solid; border-bottom: #ffffff 1px solid; border-left: #ffffff 1px solid;padding: 2px 0px 0px 5px;}
.view_002 {font:bold 9pt Nanum Gothic;color:#7C7769; border-top: #ffffff 1px solid; border-right: #ffffff 1px solid; border-bottom: #ffffff 1px solid; border-left: #ffffff 0px solid;padding: 2px 5px 0px 0px;}
.view_003 {font: 9pt Nanum Gothic;color:#555555;background-color:#ffffff;border: #ffffff 0px solid;text-align: left; padding: 5px;}
.view_name {font:bold 9pt Nanum Gothic;color:#9A9893;background-color:#ffffff; text-align: left; overflow:hidden;white-space: nowrap;padding: 5px;}
.view_home {font: 8pt Nanum Gothic;color:#9A9893;background-color:#ffffff; overflow:hidden;white-space: nowrap;padding: 5px;}
a.link_vote:link,a.link_vote:visited,a.link_vote:active {
color: #969696;
text-decoration:none;
}

a.link_vote:hover	 { 
color: #F58029;
text-decoration:none;
}
.view_vote {font: 9pt Nanum Gothic;color:#969696;background-color:#ffffff;border: #ffffff 0px solid; overflow:hidden;white-space: nowrap;padding: 5px 10px 5px 5px;}

/* µµÆ®¶óÀÎ */
.layer_dot1 {width:98%; height:4px;background: transparent url(images/hr_dot_01.gif) repeat-x;}
.layer_dot2 {width:98%; height:4px;background:#FBFAF7 url(images/hr_dot_01.gif) repeat-x;}


/* ÄÚ¸àÆ® °ü·Ã */
.com_tb {background-color:#E4E4E4;border: #ffffff 2px solid;table-layout:fixed;}
.com_num {width:90px;font: bold 9pt Nanum Gothic;color:#F58029; margin-left: 3px;}
.cmtt_001 {font:bold 9pt Nanum Gothic;color:#9A9893; background-color:#FBFAF7; padding: 5px;}
.cmtt_002 {font: 9pt Nanum Gothic;color:#444444; background-color:#FBFAF7; padding: 5px;}
.cmtt_003 {font: 8pt Nanum Gothic;color:#969696; background-color:#FBFAF7; padding: 5px;}
.cmtt_004 {font: 7pt tahoma;color:#7C7769; background-color:#FBFAF7; padding: 5px;}
.cmtt_date {font: 7pt tahoma;color:#969696; background-color:#FBFAF7; padding: 5px;}
.com_textarea {width:98%; height:200px; font: 9pt Nanum Gothic;color:#7C7769; background-color: #ffffff; border: #EEEEEE 1px solid; padding: 10px; margin: 3px 0px 0px 0px;overflow:auto}
.g_com1 {font: 9pt Nanum Gothic;color:#444444; background-color:#FBFAF7; padding: 5px;}


/* ±Û¾²±â °ü·Ã */
.foot_page_list {font: bold 9pt Nanum Gothic;color:#9A9893;background:#FBFAF7 url(images/bar_head_c.gif) repeat-x;}
.input_pw {width:100px; height:20px; background-color: #ffffff; border: #EEEEEE 1px solid; padding: 2px;}
.input_tt {font: 9pt Nanum Gothic;color:#CDCBCB; padding: 0px 0px 0px 10px}
.write_ft1 {font: bold 9pt ±¼¸²; color:#9A9893; padding: 7px;}
.write_ft2 {font: 9pt ±¼¸²; color:#9A9893; padding: 7px;}
.write_tag {font: 9pt ±¼¸²; color:#F58029; padding: 7px;}

.write_input1 {width:90%; height:20px; background-color:#ffffff;border: #E1E1E1 1px solid; padding: 2px;font: 9pt ±¼¸²; color:#9A9893; margin: 0px 0px 0px 0px;}
.write_input2 {width:94%; height:20px; background-color:#ffffff;border: #E1E1E1 1px solid; padding: 2px;font: 9pt ±¼¸²; color:#9A9893; margin: 0px 0px 0px 0px;}
.write_input3 {width:60%; height:20px; background-color:#ffffff;border: #E1E1E1 1px solid; padding: 2px;font: 9pt ±¼¸²; color:#9A9893; margin: 0px 0px 0px 0px;}
.write_tag {width:30%; height:20px; background-color:#ffffff;border: #E1E1E1 1px solid; padding: 2px;font: 9pt ±¼¸²; color:#9A9893; margin: 0px 0px 0px 0px;}

.write_textarea {width:100%; height:250px; background-color:#ffffff;border: #E1E1E1 1px solid; padding: 5px;font: 9pt ±¼¸²; color:#9A9893; margin: 0px 0px 0px 0px;overflow:auto}

.ask_t1 {font: 9pt ±¼¸²;color:#969696; background-color:#FBFAF7; padding: 5px;}
.ask_t2 {font: bold 9pt ±¼¸²;color:#969696; background-color:#FBFAF7; padding: 5px;}
.ask_t3 {font: bold 9pt ±¼¸²;color:#F58029; background-color:#FBFAF7; padding: 5px;}
.log_input {width:150px; height:20px; background-color:#ffffff;border: #E1E1E1 1px solid; padding: 2px;font: 9pt ±¼¸²; color:#9A9893; margin: 0px;}

.view_tag {font: 8pt Nanum Gothic;color:#7C7769; background-color:#FBFAF7; padding: 5px;}

/* lightbox °ü·Ã ½ÃÀÛ */
#lightbox {
	background-color: #eee;
	padding: 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#overlay {
	background-image: url(lightbox_plus/overlay.png);
}
#lightboxCaption {
	color: #333;
	background-color: #eee;
	font-size: 90%;
	text-align: center;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
* html #overlay {
	background-color: #000;
	background-image: url(lightbox_plus/blank.gif);
	filter: Alpha(opacity=50);
}
/* lightbox °ü·Ã ³¡ */

/* ¸®»çÀÌÁîÀ̹ÌÁö °ü·Ã */
.list_img{
border: 2px solid #E1E1E1;
margin: 10px;
}

.list_img_over {
border: 2px solid #F58029;
margin: 10px;
}

.list_img_out {
border: 2px solid #E1E1E1;
margin: 10px;
}

.list_img_title {font:bold 9pt Nanum Gothic;color:#7C7769;}

/* ·¹À̾î Ä«Å×°í¸®°ü·Ã */
#category_sub1 {
position:absolute;
display: none; 
width: 159px;
/* Hides from IE-mac \*/
* width: 161px;
/* End hide from IE-mac */
background-color: #FAF9F7;
text-align: justify; 
border-top: #E1E1E1 0px solid;
border-right: #E1E1E1 1px solid;
border-bottom: #E1E1E1 1px solid;
border-left: #E1E1E1 1px solid;;
margin: -1 0 0 0;
overflow:hidden;white-space: nowrap}

.span_sub {
width: 150px;
height: 18px;
font: 9pt Nanum Gothic; 
color:#4b4b4b;
margin: 3px;
overflow:hidden;white-space: nowrap
}

.category_text {font: 9pt Nanum Gothic; color:#999691;}

/* ¾÷·Îµå ¹öÆ°À̹ÌÁö °ü·Ã */
    #file1 {
	  width: 438px;
      height: 20px;
      padding-top: 1px;
   }


    #file2 {
      width: 438px;
      height: 20px;
      padding-top: 1px;
   }

   input:focus {
      background-color: transparent;
   }

   div.fileinputs {
      position: relative;
      height: 25px;
      width: 90%;
	  vertical-align: top;
   }

   input.file {
	  width: 400px;
      margin: 0;
   }

   input.file.hidden {
      position: relative;
      text-align: left;
      -moz-opacity:0 ;
      filter:alpha(opacity: 0);
      opacity: 0;
      z-index: 2;
   }

   div.fakefile {
      position: absolute;
      top: 0px;
      left: 0px;
      padding: 0;
      margin: 0;
      z-index: 1;
      line-height: 80%;
   }

   div.fakefile input { /* ½ÇÁ¦ º¸ÀÌ´Â input¿Í ¹öÆ°À̹ÌÁö */
	  width: 350px;
      height: 20px;
      margin: 0px;
	  background-color: #ffffff; 
	  border: #E1E1E1 1px solid;
	  vertical-align: top;
      margin-right: 5px;
   }

/* faq ½ºÅ² list °ü·Ã */
.slide_subject {
font: 9pt ±¼¸²;
color: #4b4b4b;
cursor: pointer;
padding: 0 0 0 5px;
}

/*Á¦¸ñŬ¸¯½Ãº¸À̴º»¹®¹ÙÅÁ*/
.slide_td {
width: 1200px;
font: 9pt ±¼¸²;
color: #4b4b4b;
text-align: left;
padding: 0px 0px 0px 0px;
vertical-align: top;
}




/*·Î±×ÀÎÈ­¸é*/

.log {font-family:tahoma;font-size:9px; color:#cccccc; border:1; background-color: #ffffff; line-height:100%;}
.table {border: solid 1px #e6ca95;}
.submit {border:solid 0;font-family:tahoma;font-size:7pt;color:#ffffff;background-color:#484233;}