@charset "EUC-KR";
@font-face{ font-family:ngttf; src:url('../../../../../_webfont/NanumGothic.ttf');}
@font-face{ font-family:ngebttf; src:url('../../../../../_webfont/NanumGothicExtraBold.ttf');}
@font-face{ font-family:ngebeot; src:url('../../../../../_webfont/NanumGothicExtraBold.eot');}
@font-face{ font-family:ngeot; src:url('../../../../../_webfont/NanumGothic.eot');}

.alignC {text-align:center;}
.alignR {text-align:right;}
.alignL {text-align:left;}
.floatL {float:left;}
.floatR {float:right;}
.fontB {font-weight:bold;}
.clear {clear:both;}

/* reset style [start] */
html { margin: 0; padding: 0; }
body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; } 
body { font-size: 12px; font-family: NanumGothic, ³ª´®°íµñ, ngttf, ngeot, sans-serif; color: #3e3e3e; height: 100%; }
ol, ul, li { list-style: none; }
table { border-spacing:0; border-collapse:collapse; }
caption, legend { display: none; }
button { border: none; padding: 0; margin: 0; visibility: visible; }

/* reset style [end] */
a { text-decoration: none; }

select { font-size: 12px; color: #3e3e3e;  font-family: NanumGothic, ³ª´®°íµñ, ngttf, ngeot, sans-serif; border: 1px solid #d7d7d7; }
input { font-size: 1em; }
input.textBox { height: 17px; margin-bottom: 1px; padding: 0 2px; }
textarea { border: 1px solid #d8d8d8; }
hr { display: none; }


/* layout */
#wrap { width: 100%; }
.cont_bg { margin:0 auto; width:1300px; min-height: 1220px; background: url('../../img/png/bg.png') no-repeat;  }
#header { width: 100%; min-width: 1024px; height: 150px; }
#container { width: 1024px; height: 100%; position: relative; margin: 0 auto; }
#footer { width: 100%; height: 70px; background: #002157; position: absolute; left:0px;min-width:1300px;color: #fff;}

button.button{width: 120px; height: 30px; display: block; background: #338da7;color: #fff; font-weight:bold; text-align: center; line-height: 30px; cursor:pointer;float:left;margin:0 10px;border-radius:4px; border:1px solid #33ad87;}
button.button_gray{width: 120px; height: 30px; display: block; background: #eee;color: #999; font-weight:bold; text-align: center; line-height: 30px; cursor:pointer;float:left;margin:0 10px;border-radius:4px; border:1px solid #ddd;}
button.btn_style { 
background:url('../../img/png/btn_style.gif') repeat-x;
background-color: #e8e8e8;
border:1px solid #A9A9A9; 
border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px;
color:#323232; 
overflow:visible; 
font-size:12px; 
width:auto; 
cursor:pointer; 
margin-left:2px;
vertical-align: middle;
padding: 1px 7px 0 7px;
height:23px;
 }
  /* Àͽº7Àü¿ë */
 *:first-child+html button.btn_style { line-height:16px; }

/* ÆÄÆøÀü¿ë */
@-moz-document url-prefix()
{
	button.btn_style { line-height: 0px; padding: 4px; }
}

 button.btn_style:hover { border:1px solid #777; background:url('../../img/png/btn_style2.gif') repeat-x; background-color: #e0e0e0; }

.line { clear:both; width:100%; height:0px; }
.line_p { clear: both; width: 100%; height: 1px; }
.line_p5 { clear: both; width: 100%; height: 5px; }
.line_p10 { clear: both; width: 100%; height: 10px; }
.line_p15 { clear: both; width: 100%; height: 15px; }
.line_p20 { clear: both; width: 100%; height: 20px; }
.line_p30 { clear: both; width: 100%; height: 30px; }
.line_p50 { clear: both; width: 100%; height: 50px; }
.line_p60 { clear: both; width: 100%; height: 60px; }
.line_w1 { clear: both; width: 100%; height: 1px; background:#707fb4}

span.button_01 { width: 120px; line-height: 34px; text-align: center; display: inline-block; color: #eee; font-size: 14px;  font-weight: bold; background: #e14779;  }
span.button_01:hover { color: #fff; background: #222; }
span.button_02 { width: 120px; line-height: 30px; text-align: center; display: inline-block; color: #777; font-size: 14px;  font-weight: bold; border: 2px solid #e14779; background:url('../../img/png/span_bg.png') repeat-x;  }
span.button_02:hover { color: #000; border: 2px solid #555; }
span.button_02 a { color: #777; display: block; }
span.button_02 a:hover { color: #333; display: block; }
span.button_03 { width: 40px; line-height: 20px; text-align: center; display: inline-block; color: #777;  font-weight: bold; border: 2px solid #e14779; background: #fff;  }
span.button_03 a { display: block; color: #777; }
span.button_03 a:hover { color: #333; display: block; }
a.write_btn { width: 41px; height: 25px; float:right; padding: 0 9px; border: 1px solid #c6c6c6; border-radius:2px; display: block; background: #dbd9d9; color:#373737; font-weight:bold; line-height:25px;}
a.write_btn:hover { background: #e5e5e5; }