/* 구글에서 나눔폰트 불러오기*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumsquare.css);



@font-face {
 font-family: 'NanumSquare';
 src: url(/func/webFont/NanumSquareR.eot);
 src: url(/func/webFont/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(/func/webFont/NanumSquareR.woff) format('woff'),
      url(/func/webFont/NanumSquareR.ttf) format('truetype');
}



@font-face {
 font-family: 'NanumGothic';
 src: url(/func/webFont/NanumGothic.eot);
 src: url(/func/webFont/NanumGothic.eot?#iefix) format('embedded-opentype'),
      url(/func/webFont/NanumGothic.woff) format('woff'),
      url(/func/webFont/NanumGothic.ttf) format('truetype');
}



/*
나눔브러쉬 (Nanum Brush Script)
나눔고딕(Nanum Gothic)
나눔고딕코딩(Nanum Gothic Coding)
나눔명조(Nanum Myeongjo)
나눔펜(Nanum Pen Script)
나눔스퀘어(Nanum Square)
*/



body, table, select, input, textarea { font-size:14px; color:#444444; line-height:150%; font-family:NanumSquare; }



A:link    { color:#222222; text-decoration:none; }
A:visited { color:#222222; text-decoration:none; }
A:active  { color:#222222; text-decoration:none; }
A:hover   { color:#915a24; text-decoration:none; }



p                      { margin:0px; }
img                    { border:none; }
table, tr, td          { border-collapse:collapse; word-break:break-all; }
ul, ol, li, dl, dt, dd { margin-top:0px; margin-bottom:0px; margin:0px; padding:0px; text-indent:0px; }
body                   { leftmargin:0px; topmargin:0px; marginwidth:0px; marginheight:0px; text-align:justify; }
textarea               { word-break:break-all; }



.FontStyle1 { font-size:11px; line-height:150%; font-family:돋움;      letter-spacing:-1px; word-spacing:-1px;                     }
.FontStyle2 { font-size:11px; line-height:150%; font-family:돋움;      letter-spacing: 0px; word-spacing:-1px;                     }
.FontStyle3 { font-size:14px; line-height:150%; font-family:NanumSquare; letter-spacing:-1px; word-spacing:-1px;                   }
.FontStyle4 { font-size:17px; line-height:150%; font-family:NanumSquare; letter-spacing:-1px; word-spacing:-1px; font-weight:bold; }
.FontStyle5 { font-size:30px; line-height:150%; font-family:NanumSquare; letter-spacing:-2px; word-spacing:-2px; font-weight:bold; }

.FontStyle6 { font-size:28px; line-height:150%; font-family:NanumSquare; letter-spacing:-1px; word-spacing:-1px; font-weight:bold; }

.FontStyle7 { font-size:16px; line-height:150%; font-family:NanumSquare; letter-spacing:-1px; word-spacing:-1px; font-weight:bold; }


.topArea{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:1200;
  width:100%;
  height:90px;
  background:#FFFFFF;
  box-shadow:0 3px 0 rgb(31,81,131);
  // rgb(145,90,36)
}


.td_line  { border-width:1px; border-color:rgb(224,224,224); border-style:solid; padding:5px 8px 5px 8px; }
.ho_line  { border-width:1px; border-top-color:rgb(223,223,223); border-right-color:; border-bottom-color:rgb(223,223,223); border-left-color:; border-top-style:solid; border-right-style:none; border-bottom-style:solid; border-left-style:none; padding:5px 8px 5px 8px; }
.no_line  { border-width:1px; border-color:rgb(255,255,255); border-style:solid; padding:5px 8px 5px 8px; }

.ho_line2 { border-width:1px; border-top-color:rgb(223,223,223); border-right-color:; border-bottom-color:rgb(223,223,223); border-left-color:; border-top-style:solid; border-right-style:none; border-bottom-style:solid; border-left-style:none; padding:0px 0px 0px 0px; }
.td_line2 { border-width:1px; border-color:rgb(224,224,224); border-style:solid; padding:20px 20px 20px 20px; }



.tbl_OFF { border-width:1px; border-top-color:rgb(223,223,223); border-bottom-color:rgb(223,223,223); border-right-color:rgb(223,223,223); border-left-color:rgb(223,223,223); border-top-style:solid; border-bottom-style:solid; border-right-style:solid; border-bottom-style:style; border-left-style:solid; padding:0px 0px 0px 0px; background-color:rgb(238, 238, 238); }
.tbl_ON  { border-width:1px; border-top-color:rgb(223,223,223); border-right-color:rgb(223,223,223); border-left-color:rgb(223,223,223); border-top-style:solid; border-right-style:solid; border-bottom-style:none; border-left-style:solid; padding:0px 0px 0px 0px; }



.dot_ho_line { margin-right:3px; margin-left:3px; border-width:1px; padding:3px 5px 3px 5px; border-width:1px; border-top-color:rgb(200,200,200); border-right-color:; border-bottom-color:rgb(200,200,200); border-left-color:; border-top-style:dotted; border-right-style:none; border-bottom-style:dotted; border-left-style:none; }



.l_line { padding:5px 8px 5px 8px; border-width:1px; border-top-color:rgb(223,223,223); border-right-color:rgb(223,223,223); border-bottom-color:rgb(223,223,223); border-left-color:;                 border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:none; }
.r_line { padding:5px 8px 5px 8px; border-width:1px; border-top-color:rgb(223,223,223); border-right-color:;                 border-bottom-color:rgb(223,223,223); border-left-color:rgb(223,223,223); border-top-style:solid; border-right-style:none;  border-bottom-style:solid; border-left-style:solid; }



.img_line       { margin-right:0px; margin-left:0px; border-width:1px; border-color:rgb(231,231,231); border-style:solid; padding:3px 3px 3px 3px; }
.img_line_focus { margin-right:0px; margin-left:0px; border-width:2px; border-color:rgb( 27,145,236); border-style:solid; padding:3px 3px 3px 3px; }
.img_lineBK     { margin-right:5px; margin-left:5px; margin-top:5px; margin-bottom:5px; border-width:1px; border-color:rgb(231,231,231); border-style:solid; padding:3px 3px 3px 3px; }



.inputbox  { border-width:1px; border-color:rgb(224,224,224); border-style:solid; height:18px; }
.selectbox { border-width:1px; border-color:rgb(224,224,224); border-style:solid; height:28px; }



.QuestionPasswd { width: 260px; height: 60px; background-color: ; position: absolute; left: 0; top: 0; z-index: 10; filter:alpha(opacity=100); Opacity:1; }



.rProfile img { border-radius:100%; border:2px solid #ececec; }



.btnStyle1        { font-family:굴림; font-size:11px; letter-spacing:-1px; word-spacing:-1px; font-weight:bold; padding:5px 12px; border-radius:6px; border:1px solid rgb(213, 213, 213); border-image:none; color: rgb(51, 51, 51); vertical-align:middle; display:inline-block; white-space:nowrap; position:relative; cursor:pointer; text-shadow:0px 1px 0px rgba(255,255,255,0.9); -ms-user-select:none; background-image:linear-gradient(rgb(252, 252, 252), rgb(238, 238, 238)); background-repeat:repeat-x; background-color:rgb(238, 238, 238); -webkit-appearance:none; -webkit-user-select:none; -moz-user-select:none; user-select:none; }
.btnStyle1:hover  { border-color:rgb(204, 204, 204); text-decoration:none; background-image:linear-gradient(rgb(238, 238, 238), rgb(221, 221, 221)); background-repeat:repeat-x; background-color:rgb(221, 221, 221); }
.btnStyle1:active { border-color:rgb(204, 204, 204); text-decoration:none; background-image:linear-gradient(rgb(238, 238, 238), rgb(221, 221, 221)); background-repeat:repeat-x; background-color:rgb(221, 221, 221); }



.btnStyle2        {
  font-family:굴림;
  font-size:11px;
  letter-spacing:-1px;
  word-spacing:-1px;
  font-weight:bold;
  padding:5px 12px;
  border-radius:6px;
  border:1px solid rgb(213, 213, 213);
  border-image:none;
  color: rgb(51, 51, 51);
  vertical-align:middle;
  display:inline-block;
  white-space:nowrap;
  position:relative;
  cursor:pointer;
  text-shadow:0px 1px 0px rgba(255,255,255,0.9);
  -ms-user-select:none;
  background-image:linear-gradient(rgb(252, 252, 252), rgb(238, 238, 238));
  background-repeat:repeat-x;
  background-color:rgb(238, 238, 238);
  -webkit-appearance:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
}
.btnStyle2:hover  { border-color:rgb(204, 204, 204); text-decoration:none; background-image:linear-gradient(rgb(238, 238, 238), rgb(221, 221, 221)); background-repeat:repeat-x; background-color:rgb(221, 221, 221); }
.btnStyle2:active { border-color:rgb(204, 204, 204); text-decoration:none; background-image:linear-gradient(rgb(238, 238, 238), rgb(221, 221, 221)); background-repeat:repeat-x; background-color:rgb(221, 221, 221); }



.noLine { padding:0px 0px 0px 0px; border-width:0px; background:none; }



.rBtnON        { border-width:1px; border-color:rgb(204,204,204); border-style:solid; height:40px; background-color:rgb(240,240,240); }
.rBtnON:hover  { border-width:1px; border-color:rgb(204,204,204); border-style:solid; height:40px; background-color:rgb(219,219,219); }
.rBtnON:active { border-width:1px; border-color:rgb(204,204,204); border-style:solid; height:40px; background-color:rgb(240,240,240); }

.rBtnOFF       { border-width:1px; border-color:rgb(224,224,224); border-style:solid; height:40px; background-color:rgb(250,250,250); color:#c6c6c6;}



.sBtnON        { font-size:11px; border-width:1px; border-color:rgb(204,204,204); border-style:solid; height:28px; background-color:rgb(240,240,240); }
.sBtnON:hover  { font-size:11px; border-width:1px; border-color:rgb(204,204,204); border-style:solid; height:28px; background-color:rgb(219,219,219); }
.sBtnON:active { font-size:11px; border-width:1px; border-color:rgb(204,204,204); border-style:solid; height:28px; background-color:rgb(240,240,240); }

.sBtnOFF       { font-size:11px; border-width:1px; border-color:rgb(224,224,224); border-style:solid; height:28px; background-color:rgb(250,250,250); color:#c6c6c6;}