@charset "euc-kr";

/* **********************************************************
 * ÆÄÀÏ¸í      : style.css
 * ¼³¸í        : common_css
 * ÀÛ¼ºÀÚ      : °­ÁøÈñ
********************************************************** */

/* °ËÁ¤(³»·Á°¡¸é¼­ Èå·ÁÁü) */
.clr_black1{color:#000;} /* °ËÁ¤ */
.clr_black2{color:#333;}
.clr_black3{color:#666;}
.clr_black4{color:#999;}
.clr_black5{color:#CCC;} /* È帰ȸ»ö */

/* »¡°­(³»·Á°¡¸é¼­ Èå·ÁÁü) */
.clr_red0{color:#8C0707;} /* ¾îµÎ¿î »¡°­ */
.clr_red1{color:#FF0000;} /*¹àÀº »¡°­ */
.clr_red2{color:#FF3333;} 
.clr_red3{color:#FF6666;} 
.clr_red4{color:#FF9999;} 
.clr_red5{color:#FFCCCC;} /*È帰 »¡°­(ÇÎÅ©°è¿­) */

/* ÆĶû(³»·Á°¡¸é¼­ Èå·ÁÁü) */
.clr_blue0{color:#115797;} /* ¾îµÎ¿î ÆĶû */
.clr_blue1{color:#00A0F3;} /*Skyblue ¹àÀº ÆĶû */
.clr_blue2{color:#33bAFF;}
.clr_blue3{color:#65CbFF;}
.clr_blue4{color:#90D9FF;}
.clr_blue5{color:#b3E5FF;}/*Skyblue È帰 ÆĶû */

/* ¿À·»Áö(³»·Á°¡¸é¼­ Èå·ÁÁü) */
.clr_orange{color:#D48200;} /* ¾îµÎ¿î ¿À·»Áö */
.clr_orange0{color:#b25900;} /* ¾îµÎ¿î ¿À·»Áö */
.clr_orange1{color:#FF7E00;} /*¹àÀº ¿À·»Áö */
.clr_orange2{color:#FF8A19;}
.clr_orange3{color:#FFA147;}
.clr_orange4{color:#FFbD7E;}
.clr_orange5{color:#FFCE9F;} /*È帰 ¿À·»Áö */

/* ³ì»ö(³»·Á°¡¸é¼­ Èå·ÁÁü) */
.clr_green{color:#009900;}

/* Text Á¤·Ä */
.tx_alignC{text-align:center !important;}
.tx_alignR{text-align:right !important;}
.tx_alignL{text-align:left !important; }

/* ÆùÆ® ½ºÅ¸ÀÏ */
.ftb{font-weight:bold;}

/* bg_ground»ö»ó */
.bg_red{background:#FFEEEE;} /* È帰 ºÓÀº»ö */
.bg_white{background:#FFFFFF;}/*Èò»ö*/
.bg_yellow{background:#FFFFE0;} /* È帰 ³ë¶û»ö */
.bg_gray{background:#F5F5F5;}  /* È帰 ȸ»ö */
.bg_blue{background:#EEF7FF;}  /* ¹àÀº ÆĶû */
.bg_blue1{background:#DbE6F6;} /* Á¶±Ý ÁøÇÑ ÆĶû */
.bg_purple0{background:#DbE6F6;} /* ÁøÇÑ º¸¶ó */
.bg_purple1{background:#F4F7FF;} /* ¹àÀº º¸¶ó */
.bg_green{background:#DCF4DF;} /* È帰 ¿¬µÎ */
.bg_green2{background:#9CEbA6;}/* ¹àÀº ¿¬µÎ */
.bg_orange3{ background:#FFDFDF;} /* ´Þ·Â¿¡ Çش糯¥¿¡ µ¥ÀÌÅÍ°¡ ÀÖÀ»½Ã ¹é±×¶ó¿îµå »ö±ò*/


/* È帧 */
.fl{float:left;}
.fr{float:right;}
.clearb{clear:both;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.ml50{margin-left:50px;}
.ml10{margin-left:10px;}
.mr50{margin-right:50px;}
.mr10{margin-right:10px;}
.mb20{margin-bottom:20px;}
/* Width */
.Wid5{width:5% !important;}
.Wid10{width:10% !important;}
.Wid15{width:15% !important;}
.Wid20{width:20% !important;}
.Wid25{width:25% !important;}
.Wid30{width:30% !important;}
.Wid35{width:35% !important;}
.Wid40{width:40% !important;}
.Wid45{width:45% !important;}
.Wid50{width:50% !important;}
.Wid55{width:55% !important;}
.Wid60{width:60% !important;}
.Wid65{width:65% !important;}
.Wid70{width:70% !important;}
.Wid75{width:75% !important;}
.Wid80{width:80% !important;}
.Wid85{width:85% !important;}
.Wid90{width:90% !important;}
.Wid95{width:95% !important;}
.Wid100{width:100% !important;}
.Wid10px{ width:10px; }
.Wid20px{ width:20px; }
.Wid25px{ width:25px; }
.Wid30px{ width:30px; }
.Wid50px{ width:50px; }
.Wid60px{ width:60px; }
.Wid70px{ width:70px; }
.Wid80px{ width:80px; }
.Wid90px{ width:90px; }
.Wid100px{ width:100px; }
.Wid110px{ width:110px; }
.Wid120px{ width:120px; }
.Wid130px{ width:130px; }
.Wid140px{ width:140px; }
.Wid142px{ width:142px; }
.Wid150px{ width:150px; }
.Wid160px{ width:160px; }
.Wid165px{ width:165px; }
.Wid170px{ width:170px; }
.Wid180px{ width:180px; }
.Wid190px{ width:190px; }
.Wid200px{ width:200px; }
.Wid210px{ width:210px; }
.Wid220px{ width:220px; }
.Wid230px{ width:230px; }
.Wid240px{ width:240px; }
.Wid250px{ width:250px; }
.Wid260px{ width:260px; }
.Wid300px{ width:300px; }
.Wid310px{ width:310px; }
.Wid320px{ width:320px; }
.Wid330px{ width:330px; }
.Wid340px{ width:340px; }
.Wid350px{ width:350px; }
.Wid360px{ width:360px; }
.Wid370px{ width:370px; }
.Wid380px{ width:380px; }
.Wid390px{ width:390px; }
.Wid400px{ width:400px; }
.Wid410px{ width:410px; }
.Wid420px{ width:420px; }
.Wid430px{ width:430px; }
.Wid440px{ width:440px; }
.Wid450px{ width:450px; }
.Wid460px{ width:460px; }
.Wid470px{ width:470px; }
.Wid480px{ width:480px; }
.Wid490px{ width:490px; }
.Wid495px{ width:495px; }
.Wid500px{ width:500px; }
.Wid510px{ width:510px; }
.Wid520px{ width:520px; }
.Wid530px{ width:530px; }
.Wid540px{ width:540px; }
.Wid550px{ width:550px; }

/* height °ª */
.heit5{height:5px;}
.heit10{height:10px;}
.heit30{height:30px;}
.heit40{height:40px;}
.heit50{height:50px;}
.heit60{height:60px;}
.heit70{height:70px;}
.heit80{height:80px;}
.heit90{height:90px;}
.heit100{height:100px;}
.heit130{height:130px;}
.heit180{height:180px;}
.heit200{height:200px;}
.heit250{height:250px;}
.heit300{height:300px;}
.heit400{height:400px;}
.heit500{height:500px;}
.heit600{height:600px;}

/* *************************************************** Å×À̺íÄÚµù ****************************************** */
.tablegroup{width:100%; border-collapse:collapse;}
.tablegroup tr th, .tablegroup tr td{border:1px solid #D9D9D9; line-height:24px;}

/* *************************************************** SubTop ****************************************** */
.subT{width:98%; text-align:right; padding:5px 0 5px 0; margin:0;}

/* Ä¿¼­À§Ä¡½Ã */
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.ml14 {margin-left:14px;}

.v_alignM{vertical-align:middle;}
.cu_po{cursor:pointer;}

.comment{ line-height:25px; }
.comment em{ color:#fe5301; font-weight:bold;}

/*ÇÏ´Ü ¹öÆ°¸ðÀ½*/
.btn_all{clear:both; padding:10px 0 10px 0; text-align:center;}
.btn_all li{display:inline; margin-right:10px; }
.btn_all li img{margin-right:5px;}
.ButList{padding:3px;}

/*ÆäÀÌ¡*/
.page{ clear:both; margin:0 auto; width:90%; line-height:35px; text-align:center; }
.page a{ padding:0 10px 0 10px;}

.pages{ clear:both;  margin-top:30px; text-align:center;}
.pages span{display:inline-block;  padding:0px 8px; line-height:25px; text-align:center; font-size:14px; font-weight:bold; color:#C41745}
.pages a{ display:inline-block;  padding:0px 8px; line-height:25px; text-align:center; font-size:14px; font-weight:bold;}
.pages a img{ vertical-align:middle;}

/* Å×ÀÌºí ½ºÅ¸ÀÏ 01 */
.member_list20{border-top:1px solid #f29c4f; border-bottom:1px solid #f29c4f; width:100%;}
.member_list20 table{border:1px solid #e5e5e5; border-collapse:collapse; width:100%; }
.member_list20 table th{width:150px; color:#656565; font-size:12px; line-height:30px; text-align:left; font-weight:bold; background-color:#f6f6f6; border:1px solid #e5e5e5; padding:0 5px 0 5px; text-indent:10px;}
.member_list20 table .td{border:1px solid #e5e5e5; color:#555; font-size:12px; text-align:left; line-height:30px; padding:0 0 0 5px; text-indent:5px;}
.member_list20 table .td img{vertical-align:middle;}
.member_list20 table .td span{color:#8888d0; font-weight:bold;}
.member_list20 table input{border:1px solid #cbcbcb; text-indent:5px; color:#555; vertical-align:middle; font-family:'Nanum Gothic'; height:20px; line-height:20px;}
.member_list20 table input.button{text-indent:0px; padding:0px 5px; height:24px; line-height:24px;}
.member_list20 table textarea{border:1px solid #cbcbcb; color:#555; text-indent:5px; margin-bottom:5px; vertical-align:middle; font-family:'Nanum Gothic';}

/* ¹ÝÀÀÇü ¹öÆ° */

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}

.btn_blue,
.btn_black{
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.btn_blue:active,
.btn_black:active,
.btn_blue.active,
.btn_black.active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn_blue {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image:      -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
  background-image:         linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #245580;
}

.btn_blue:hover,
.btn_blue:focus {
	color: #fff;
  background-color: #265a88;
  background-position: 0 -15px;
}
.btn_blue:active,
.btn_blue.active {
	color: #fff;
  background-color: #265a88;
  border-color: #245580;
}
.btn_blue.disabled,
.btn_blue:disabled,
.btn_blue[disabled] {
  background-color: #265a88;
  background-image: none;
}

.btn_blue {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn_blue:hover,
.btn_blue:focus,
.btn_blue.focus,
.btn_blue:active,
.btn_blue.active,
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn_blue:active,
.btn_blue.active,
  background-image: none;
}
.btn_blue.disabled,
.btn_blue[disabled],
fieldset[disabled] .btn_blue,
.btn_blue.disabled:hover,
.btn_blue[disabled]:hover,
fieldset[disabled] .btn_blue:hover,
.btn_blue.disabled:focus,
.btn_blue[disabled]:focus,
fieldset[disabled] .btn_blue:focus,
.btn_blue.disabled.focus,
.btn_blue[disabled].focus,
fieldset[disabled] .btn_blue.focus,
.btn_blue.disabled:active,
.btn_blue[disabled]:active,
fieldset[disabled] .btn_blue:active,
.btn_blue.disabled.active,
.btn_blue[disabled].active,
fieldset[disabled] .btn_blue.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn_black {
  background-image: -webkit-linear-gradient(top, #666666 0%, #000000 100%);
  background-image:      -o-linear-gradient(top, #666666 0%, #000000 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#000000));
  background-image:         linear-gradient(to bottom, #666666 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff666666', endColorstr='#ff000000', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #000;
}

.btn_black:hover,
.btn_black:focus {
	color: #fff;
  background-color: #000;
  background-position: 0 -15px;
}
.btn_black:active,
.btn_black.active {
	color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn_black.disabled,
.btn_black:disabled,
.btn_black[disabled] {
  background-color: #000;
  background-image: none;
}

.btn_black {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn_black:hover,
.btn_black:focus,
.btn_black.focus,
.btn_black:active,
.btn_black.active,
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn_black:active,
.btn_black.active,
  background-image: none;
}
.btn_black.disabled,
.btn_black[disabled],
fieldset[disabled] .btn_black,
.btn_black.disabled:hover,
.btn_black[disabled]:hover,
fieldset[disabled] .btn_black:hover,
.btn_black.disabled:focus,
.btn_black[disabled]:focus,
fieldset[disabled] .btn_black:focus,
.btn_black.disabled.focus,
.btn_black[disabled].focus,
fieldset[disabled] .btn_black.focus,
.btn_black.disabled:active,
.btn_black[disabled]:active,
fieldset[disabled] .btn_black:active,
.btn_black.disabled.active,
.btn_black[disabled].active,
fieldset[disabled] .btn_black.active {
  background-color: #000;
  border-color: #000;
}