/* 구글에서 나눔폰트 불러오기*/

@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');

}







@font-face {

  font-family : 'Binggrae-Bold';

  src : url('/func/webFont/Binggrae-Bold.woff') format('woff');

  font-weight : normal;

  font-style : normal;

}







/*

나눔브러쉬 (Nanum Brush Script)

나눔고딕(Nanum Gothic)

나눔고딕코딩(Nanum Gothic Coding)

나눔명조(Nanum Myeongjo)

나눔펜(Nanum Pen Script)

나눔스퀘어(Nanum Square)

*/







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

body { background-color:; }







A:link    { color:#333333; text-decoration:none; }

A:visited { color:#333333; text-decoration:none; }

A:active  { color:#333333; text-decoration:none; }

A:hover   { color:#FF0000; text-decoration:underline; }







p                      { margin:0px; }

img                    { max-width: 100%; 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:160%; font-family:Arial, Helvetica, sans-serif, "나눔고딕";    letter-spacing: 0px; word-spacing:0 px;                     }

.FontStyle2 { font-size:11px; line-height:160%; font-family:Arial, Helvetica, sans-serif, "나눔고딕";   letter-spacing: 0px; word-spacing:0px;                     }

.FontStyle3 { font-size:14px; line-height:160%; font-family:Arial, Helvetica, sans-serif, "나눔고딕"; 	letter-spacing: 0px; word-spacing:0px;                   }

.FontStyle4 { font-size:17px; line-height:160%; font-family:Arial, Helvetica, sans-serif, "나눔고딕"; 	letter-spacing:-1px; word-spacing:-1px; font-weight:bold; }

.FontStyle5 { font-size:26px; line-height:160%; font-family:Arial, Helvetica, sans-serif, "나눔고딕"; letter-spacing:0px; word-spacing:0px; font-weight:bold; }

.FontStyle6 { font-size:28px; line-height:160%; font-family:Arial, Helvetica, sans-serif, "나눔고딕"; letter-spacing:-0px; word-spacing:0px; font-weight:bold; }

.FontStyle7 { font-size:16px; line-height:160%; font-family:Arial, Helvetica, sans-serif, "나눔고딕"; letter-spacing:0px; word-spacing:0px; font-weight:bold; }

.FontStyle0 { font-size:20px; line-height:160%; font-family:Arial, Helvetica, sans-serif, "나눔고딕"; letter-spacing:0px; word-spacing:0px; font-weight:bold; }


.sfTitle     { font-size:22px; line-height:160%; font-family:Arial, Helvetica, sans-serif, "나눔고딕"; letter-spacing:0px; word-spacing:0px; font-weight:bold;}

.isBoard     { font-size:15px; line-height:160%; font-family:Arial, Helvetica, sans-serif, "나눔고딕"; letter-spacing: 0px; word-spacing: 0px; font-weight:;}


.FontStyle10 { font-size:28px; line-height:150%; font-family:Arial, Helvetica, sans-serif, "나눔고딕"; letter-spacing:0px; word-spacing:0px; font-weight:bold;}

.FontStyle11 { font-size:18px; line-height:120%; font-family:Arial, Helvetica, sans-serif, "나눔고딕"; letter-spacing:0px; word-spacing:0px; font-weight:;}

.FontStyle12 { font-size:26px; line-height:120%; font-family:Arial, Helvetica, sans-serif, "나눔고딕"; letter-spacing:0px; word-spacing:0px; font-weight:;}







.topArea{

  position:fixed;

  top:0;

  left:0;

  right:0;

  z-index:1200;

  width:100%;

  height:100px;

  background:;

  // box-shadow:0 2px 0 rgb(64,64,64);

  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; }







input[type="text"] {

    font-family:맑은 고딕, Arial, Helvetica, sans-serif, "나눔고딕";

    box-sizing: border-box;

    padding: 7px 8px 10px 8px;

    margin: 0px 0px;

    transition: 0.3s;

    border: 1px solid #CCCCCC;

    background-color:#FFFFFF;

    border-radius: 4px;

}

input[type="text"]:focus {

    font-family:맑은 고딕;

    background-color:#FFFFFF;

    border: 1px solid #80bdff;

    box-shadow:0  0 10px #80bdff;

}



input[type="password"] {

    font-family:맑은 고딕;

    box-sizing: border-box;

    padding: 7px 8px 10px 8px;

    margin: 0px 0px;

    transition: 0.3s;

    border: 1px solid #CCCCCC;

    background-color:#FFFFFF;

    border-radius: 4px;

}

input[type="password"]:focus {

    font-family:맑은 고딕;

    background-color:#FFFFFF;

    border: 1px solid #80bdff;

    box-shadow:0  0 10px #80bdff;

}







select{

    padding: 10px;

    margin: 5px 0;

    box-sizing: border-box;

    border: 2px solid #CCCCCC;

    background-color:#FFFFFF;

    border-radius: 4px;

}







.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;}







.oBtnON        { color:#FFFFFF; font-size:11px; border-width:1px; border-color:rgb(0,145,64); border-style:solid; height:28px; background-color:rgb(59,136,207); }

.oBtnON:hover  { color:#FFFFFF; font-size:11px; border-width:1px; border-color:rgb(0,145,64); border-style:solid; height:28px; background-color:rgb(27,99,165); }

.oBtnON:active { color:#FFFFFF; font-size:11px; border-width:1px; border-color:rgb(0,145,64); border-style:solid; height:28px; background-color:rgb(59,136,207); }



.oBtnOFF       { color:#FFFFFF; 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;}







.oBtnON2        { color:#FFFFFF; font-size:17px; border-width:1px; border-color:rgb(0,145,64); border-style:solid; height:60px; background-color:rgb(59,136,207); font-weight:bold; }

.oBtnON2:hover  { color:#FFFFFF; font-size:17px; border-width:1px; border-color:rgb(0,145,64); border-style:solid; height:60px; background-color:rgb(27,99,165); font-weight:bold; }

.oBtnON2:active { color:#FFFFFF; font-size:17px; border-width:1px; border-color:rgb(0,145,64); border-style:solid; height:60px; background-color:rgb(59,136,207); font-weight:bold; }



.oBtnOFF2       { color:#FFFFFF; font-size:17px; border-width:1px; border-color:rgb(224,224,224); border-style:solid; height:60px; background-color:rgb(250,250,250); color:#c6c6c6;}







.oBtnON3        { color:#FFFFFF; font-size:14px; border-width:1px; border-color:rgb(0,145,64); border-style:solid; height:45px; background-color:rgb(59,136,207); font-weight:bold; }

.oBtnON3:hover  { color:#FFFFFF; font-size:14px; border-width:1px; border-color:rgb(0,145,64); border-style:solid; height:45px; background-color:rgb(27,99,165); font-weight:bold; }

.oBtnON3:active { color:#FFFFFF; font-size:14px; border-width:1px; border-color:rgb(0,145,64); border-style:solid; height:45px; background-color:rgb(59,136,207); font-weight:bold; }



.oBtnOFF3       { color:#FFFFFF; font-size:14px; border-width:1px; border-color:rgb(224,224,224); border-style:solid; height:45px; background-color:rgb(250,250,250); color:#c6c6c6;}







.vodBtnON        { color:#FFFFFF; border-width:1px; border-color:rgb(204,204,204); border-style:solid; height:50px; background-color:rgb(59,136,207); }

.vodBtnON:hover  { color:#FFFFFF; border-width:1px; border-color:rgb(204,204,204); border-style:solid; height:50px; background-color:rgb(27,99,165);  }

.vodBtnON:active { color:#FFFFFF; border-width:1px; border-color:rgb(204,204,204); border-style:solid; height:50px; background-color:rgb(59,136,207); }



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