@import url(../jscss/main_add.css);

body {
      margin : 0; 
      padding : 0; 
      font-size : 9pt; 
      font-family : 'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', dotum, gulim, Seoul, tahoma;
      width : 100%; 
      background-color : #FFFFF
      background-image : url(../img/bg_top.gif); background-position : left top; background-repeat : repeat-x; 
}


h2      { overflow : hidden; visibility : hidden; font-size : 0; width : 0; height : 0; margin : 0; padding : 0; position : absolute; }
td      { color : #000000; font-family : 'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', dotum, gulim, Seoul, tahoma; line-height : 150%;  font-size : 9pt; }
th      { color : #000000; font-family : 'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', dotum, gulim, Seoul, tahoma; line-height : 150%;  font-size : 9pt; }
img     { margin : 0; border : 0; vertical-align : top; }
div     { margin : 0; padding : 0; border : 0; font-family : 'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', dotum, gulim, Seoul, tahoma; color : #000000; font-size : 9pt; }
span    { margin : 0; padding : 0; border : 0; font-family : 'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', dotum, gulim, Seoul, tahoma; color : #000000; font-size : 9pt; }
form    { margin : 0; padding : 0; border : 0; font-size : 0; }
input   { margin : 0; padding : 0; font-size : 9pt; }
ul      { list-style : none; margin : 0; padding : 0; }
li      { list-style : none; margin : 0; padding : 0; }

select     { font-size: 9pt; }
option     { font-size: 9pt; }
fieldset   { border : solid 0 transparent; padding : 0; margin : 0; }
legend     { overflow : hidden; visibility : hidden; font-size : 0; width : 0; height : 0; margin : 0; padding : 0; position : absolute; font-size : 1em; }
.skipNav   { overflow : hidden; visibility : hidden; font-size : 0; width : 0; height : 0; margin : 0; padding : 0; position : absolute; }

a:link      { text-decoration: none; color: #303030; }
a:visited   { text-decoration: none; color: #303030; }
a:active    { text-decoration: none; color: #0048ff; }
a:hover     { text-decoration: none; color: #0048ff; }



#contAll   { z-index : 1; float : left; width : 100%; position : relative; }

#centerTop                       { z-index : 20; position : relative; width : 1011px; height : 28px; }
#centerTop .centerTopA           { float : left; margin-left : 10px; }
#centerTop .centerTopA  li       { float : left; }
#centerTop .centerTopB           { float : right; margin-right : 10px; }
#centerTop .centerTopB  li       { float : right; }
#centerTop .centerTopB  li img   { margin-top : 3px; }
#centerTop .centerTopB .boxT     { font-size : 8pt; padding : 8px 10px 0 0; }

#centerSlogan   { z-index : 1; position : relative; margin-top : 5px; text-align : center; width : 1011px; height : 12px; font-size:18px; font-weight:bold; }
#centerSlogan span{ color:#FF5733;  font-size:18px; font-weight:bold;font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', dotum, gulim, Seoul, tahoma; }

#centerSearch                     { z-index : 1; position : relative; margin-top : 9px; width : 1011px; height :26px; }
#centerSearch .logo               { float : left; text-align : center; width : 213px; height : 45px; }
#centerSearch .logo img           { margin-top : 5px; }
/*#centerSearch .searchTop          { float : left; width : 582px; height : 35px; border:3px solid #086fc4; }*/
#centerSearch .searchTop          { float : left; width : 582px; height : 35px; border:3px solid #385b91; }
#centerSearch .searchTop select   { float : left; margin : 5px 8px 0 12px; border:0; padding : 0; color : #333; width : 110px; height : 23px; display : inline; }
#centerSearch .searchTop .iText   { float : left; margin-top : 6px; width : 345px; height : 20px; padding-top : 3px; font-size : 11pt; font-weight : bold; border : 0; }
/*#centerSearch .searchTop .bts     { float : right; width : 88px; height : 35px; background-color:#086fc4; }*/
#centerSearch .searchTop .bts     { float : right; width : 88px; height : 35px; background-color:#385b91; }
#centerSearch .key                { float : right; padding-top : 18px; text-align : center; width : 210px; }

#menuTop                      { z-index : 20; position : relative; margin-top : 22px; width : 1011px; height : 40px; background : url(../img/menuTop.gif); background-position : left top; background-repeat : no-repeat; }
#menuTop li                   { float : left; }
#menuTop .menuT01             { width : 244px; padding : 12px 0 0 6px; color : #e4e4e4; text-align : center; }
#menuTop .menuT01 a:link      { color : #e4e4e4; }
#menuTop .menuT01 a:visited   { color : #e4e4e4; }
#menuTop .menuT01 a:active    { color : #ffffff; }
#menuTop .menuT01 a:hover     { color : #ffffff; }
#menuTop .menuT02             { width : 95px; padding : 10px 0 0 0; color : #ffffff; font-size : 10pt; font-weight : bold; text-align : center; }
#menuTop .menuT02 a:link      { color : #ffffff; }
#menuTop .menuT02 a:visited   { color : #ffffff; }
#menuTop .menuT02 a:active    { color : #e4ff02; }
#menuTop .menuT02 a:hover     { color : #e4ff02; }
#menuTop .menuT03             { padding : 14px 0 0 46px; color : #e4e4e4; text-align : left; }
#menuTop .menuT03 a:link      { color : #e4e4e4; }
#menuTop .menuT03 a:visited   { color : #e4e4e4; }
#menuTop .menuT03 a:active    { color : #ffffff; }
#menuTop .menuT03 a:hover     { color : #ffffff; }


#center                                                                    { z-index : 1; position : relative; width : 1000px; text-align : center; }
#center .contBox                                                           { float : left; margin : 0px; width : 1000px; }
#center .contBox .contA                                                    { float : left; width : 216px; margin-left:-5px;margin-top : 0px; }
#center .contBox .contA .loginBoxA                                         { width : 216px; height : 145px; background : url(../img/box_L03.gif); background-position : left top; background-repeat : no-repeat; }
#center .contBox .contA .loginBoxA .id                                     { position : absolute; top : 58px; left : 28px; }
#center .contBox .contA .loginBoxA .id input                               { width : 126px; height : 20px; border : 0; }
#center .contBox .contA .loginBoxA .password                               { position : absolute; top : 85px; left : 28px; }
#center .contBox .contA .loginBoxA .password input                         { width : 126px; height : 20px; border : 0; }
#center .contBox .contA .loginBoxA .login                                  { position : absolute; top : 43px; left : 140px; width : 64px; height : 66px; }
#center .contBox .contA .loginBoxA .cook                                   { position : absolute; top : 117px; left : 19px; width : 185px; height : 20px; font-size : 8pt; color : #1aa6d4; }
#center .contBox .contA .loginBoxA .cook input                             { margin-left : 7px; }
#center .contBox .contA .logoutBoxA                                        { width : 216px; height : 145px; background : url(../img/box_L01.gif); background-position : left top; background-repeat : no-repeat; }
#center .contBox .contA .logoutBoxA .nameBox                               { position : absolute; top : 54px; left : 35px; }
#center .contBox .contA .logoutBoxA .nameBox div                           { float : left; }
#center .contBox .contA .logoutBoxA .nameBox .name                         { padding : 1px 0 0 20px; background : url(../img/bullet_key.gif); background-position : left top; background-repeat : no-repeat; }
#center .contBox .contA .logoutBoxA .nameBox .point                        { padding : 1px 0 0 45px; font-weight : bold; color : #525252; background : url(../img/bullet_gold.gif); background-position : 30px 2px; background-repeat : no-repeat; }
#center .contBox .contA .logoutBoxA .nameBox .point b                      { color : #e70000; }
#center .contBox .contA .logoutBoxA .team                                  { position : absolute; top : 85px; left : 36px; }
#center .contBox .contA .logoutBoxA .team ul                               { text-align : left; }
#center .contBox .contA .logoutBoxA .team li                               { padding : 1px 0 0 20px; font-weight : bold; color : #7f7f7f; line-height : 18px;background : url(../img/bullet_a01.gif); background-position : left 1px; background-repeat : no-repeat; }
#center .contBox .contA .logoutBoxA .team b                                { color : #21c80a; }
#center .contBox .contA .logoutBoxA .team span                             { color : #198ef1; }
#center .contBox .contA .loginBoxB                                         { width : 216px; height : 157px; }
#center .contBox .contA .noticeA                                           { width : 216px; height : 32px; margin-top:5px; }
#center .contBox .contA .noticeB                                           { width : 216px; background : url(../img/boxS_01.gif); background-position : left top; background-repeat : repeat-y; }
#center .contBox .contA .noticeB ul                                        { padding : 6px 6px 3px 8px; font-size : 8pt; color : #919191; }
#center .contBox .contA .noticeB li                                        { text-align : left; padding : 3px 6px 3px 15px; background : url(../img/bullet_01.gif); background-position : 8px 7px; background-repeat : no-repeat; }
#center .contBox .contA .noticeB li a:link                                 { font-size : 9pt; letter-spacing : -1px; color : #1e1e1e; }
#center .contBox .contA .noticeB li a:visited                              { font-size : 9pt; letter-spacing : -1px; color : #1e1e1e; }
#center .contBox .contA .noticeB li a:active                               { font-size : 9pt; letter-spacing : -1px; color : #1b87e2; }
#center .contBox .contA .noticeB li a:hover                                { font-size : 9pt; letter-spacing : -1px; color : #1b87e2; }
#center .contBox .contA .noticeB-1                                         { width : 216px; background : url(../img/boxS_01.gif); background-position : left top; background-repeat : repeat-y; }
#center .contBox .contA .noticeB-1 ul                                      { padding : 6px 6px 3px 8px; font-size : 9pt; }
#center .contBox .contA .noticeB-1 li                                      { text-align : left; padding : 3px 6px 3px 15px; word-spacing : 5px; }
#center .contBox .contA .noticeB-1 span                                    { float : left; margin-top : 2px; }
#center .contBox .contA .noticeC                                           { width : 216px; height : 3px; }
#center .contBox .contA .noticeC-1                                         { width : 216px; height : 3px; margin-bottom : 6px; }
#center .contBox .contA .noticeD                                           { margin-top : 6px; width : 216px; height : 39px; }
#center .contBox .contA .noticeE                                           { width : 216px; background : url(../img/boxS_01.gif); background-position : left top; background-repeat : repeat-y; }
#center .contBox .contA .noticeE ul                                        { padding : 6px 6px 3px 8px; font-size : 8pt; color : #919191; }
#center .contBox .contA .noticeE li                                        { text-align : left; padding : 3px 6px 3px 15px; background : url(../img/bullet_01.gif); background-position : 8px 7px; background-repeat : no-repeat; }
#center .contBox .contA .noticeE li a:link                                 { font-size : 9pt; color : #1e1e1e; }
#center .contBox .contA .noticeE li a:visited                              { font-size : 9pt; color : #1e1e1e; }
#center .contBox .contA .noticeE li a:active                               { font-size : 9pt; color : #1b87e2; }
#center .contBox .contA .noticeE li a:hover                                { font-size : 9pt; color : #1b87e2; }
#center .contBox .contA .viewer                                            { margin-top : 6px; width : 216px; height : 165px; }
#center .contBox .contA .onlineT                                           { margin-top : 6px; width : 216px; height : 32px; background : url(../img/title_m08.gif); background-position : left top; background-repeat : no-repeat; }
#center .contBox .contA .onlineT div                                       { font-weight : bold; text-align : left; padding : 14px 0 0 75px; }
#center .contBox .contA .onlinein                                          { width : 216px; background : url(../img/boxS_01.gif); background-position : left top; background-repeat : repeat-y; }
#center .contBox .contA .onlinein ul                                       { text-align : left; padding : 10px 30px 10px 20px; line-height : 18px; }
#center .contBox .contA .onlinein .man                                     { padding : 2px 0 0 12px; background : url(../img/bullet_man.gif); background-position : left 3px; background-repeat : no-repeat; }
#center .contBox .contA .onlinein .woman                                   { padding : 2px 0 0 12px; background : url(../img/bullet_woman.gif); background-position : left 3px; background-repeat : no-repeat; }
#center .contBox .contB                                                    { float : left; margin-top : 0px; width : 777px;  }
#center .contBox .contB .contBT                                            { float : left; width : 777px; }
#center .contBox .contB .contBT .contBTleft   { float : left; width : 561px; }
#center .contBox .contB .contBT .contBTleft .date                 { float : left; margin-top : 5px; width : 561px; height : 42px; }
#center .contBox .contB .contBT .contBTleft .date .dateleft       { float : left; text-align : left; padding-left : 23px; color : #828282; }
#center .contBox .contB .contBT .contBTleft .date .dateleft b     { font-size : 11pt; letter-spacing : -0.1em; color : #000000; }
#center .contBox .contB .contBT .contBTleft .date .datecenter     { float : right; text-align : right; padding : 2px 7px 0 0; color : #828282; }
#center .contBox .contB .contBT .contBTleft .date .datecenter b   { color : #000000; }
#center .contBox .contB .contBT .contBTleft .date .dateright      { float : right; text-align : right; padding-right : 23px; }
#center .contBox .contB .contBT .contBTleft .newsBox   { float : left; width : 561px; }
#center .contBox .contB .contBT .contBTleft .news01    { margin-left : 25px; width : 509px; }
#center .contBox .contB .contBT .contBTleft .news02    { margin-left : 25px; width : 509px; }
#center .contBox .contB .contBT .contBTleft .news03    { margin-left : 25px; width : 509px; }
#center .contBox .contB .contBT .contBTleft .news04    { margin-left : 25px; width : 509px; }
#center .contBox .contB .contBT .contBTleft .newsT01   { margin-left : 25px; width : 509px; margin-top : 30px; }
#center .contBox .contB .contBT .contBTleft .newsT02   { margin-left : 25px; width : 509px; margin-top : 30px; }
#center .contBox .contB .contBT .contBTleft .newsT03   { margin-left : 25px; width : 509px; margin-top : 30px; }
#center .contBox .contB .contBT .contBTright                         { float : left; width : 216px; }
#center .contBox .contB .contBT .contBTright .popkey                 { width : 216px; height : 26px; background : url(../img/title_m01.gif); background-position : left top; background-repeat : no-repeat; }
#center .contBox .contB .contBT .contBTright .popkey .popkeyleft     { float : left; text-align : right; padding : 7px 7px 0 151px; color : #828282; }
#center .contBox .contB .contBT .contBTright .popkey .popkeyleft b   { color : #000000; }
#center .contBox .contB .contBT .contBTright .popkey .popkeyright    { float : right; text-align : right; padding : 5px 2px 0 0; }
#center .contBox .contB .contBT .contBTright .reinfo                 { width : 216px; height : 26px; margin-top : 20px; background : url(../img/title_m02.gif); background-position : left top; background-repeat : no-repeat; }
#center .contBox .contB .contBT .contBTright .reinfo .reinfoleft     { float : left; text-align : right; padding : 7px 7px 0 151px; color : #828282; }
#center .contBox .contB .contBT .contBTright .reinfo .reinfoleft b   { color : #000000; }
#center .contBox .contB .contBT .contBTright .reinfo .reinforight    { float : right; text-align : right; padding : 5px 2px 0 0; }

#center .contBox .contB .contBB .youtubeBox                           { float : left; margin : 5px 0 0 6px; width : 773px; }
#center .contBox .contB .contBB .youtubeBox .youtubeTitle             { width : 773px; height : 51px; background : url(../img/title_youtube.gif); background-position : left top; background-repeat : no-repeat; font-family : 'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', dotum, gulim, Seoul, tahoma;  }
#center .contBox .contB .contBB .youtubeBox .youtubeTitle ul          { padding : 15px 20px 0 0; }
#center .contBox .contB .contBB .youtubeBox .youtubeTitle li          { float : right; }
#center .contBox .contB .contBB .youtubeBox .youtubeTitle .youT01     { float : right; margin-left : 10px; }
#center .contBox .contB .contBB .youtubeBox .youtubeTitle .youT02     { float : right; margin-top : 2px; }
#center .contBox .contB .contBB .youtubeBox .youtubeTitle .youT03     { float : right; padding : 4px 10px 0 0; color : #828282; }
#center .contBox .contB .contBB .youtubeBox .youtubeTitle .youT03 b   { color : #000000; }
#center .contBox .contB .contBB .youtubeBox .youtube                  { width : 773px; background : url(../img/boxT_02.gif); background-position : left top; background-repeat : repeat-y; }

#center .contBox .contB .contBB .mvBox                           { float : left; margin : 5px 0 0 0; width : 777px;border:1px solid #9cc3d5; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; behavior: url('./jscss/PIE.htc'); }
#center .contBox .contB .contBB .mvBox .movieTitle             { width : 773px; height : 51px; text-align:left; padding-left:10px; font-weight:normal; font-size:16px; padding-top:10px; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', dotum, gulim, Seoul, tahoma; }
#center .contBox .contB .contBB .mvBox .movieTitle ul          { padding : 15px 20px 0 0; float:right; width:200px;}
#center .contBox .contB .contBB .mvBox .movieTitle li          { float : right; }
#center .contBox .contB .contBB .mvBox .movieTitle .youT01     { float : right; margin-left : 10px; }
#center .contBox .contB .contBB .mvBox .movieTitle .youT02     { float : right; margin-top : 2px; }
#center .contBox .contB .contBB .mvBox .movieTitle .youT03     { float : right; padding : 4px 10px 0 0; color : #828282; }
#center .contBox .contB .contBB .mvBox .movieTitle .youT03 b   { color : #000000; }
#center .contBox .contB .contBB .mvBox .movie                  {  }

#center .contBox .contB .contBB .confBox                           { float : left; margin : 5px 0 0 0; width : 777px;border:1px solid #9cc3d5; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; behavior: url('./jscss/PIE.htc'); }
#center .contBox .contB .contBB .confBox .confTitle             { width : 773px; height : 51px; text-align:left; padding-left:10px; font-weight:normal; font-size:16px; padding-top:10px; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', dotum, gulim, Seoul, tahoma;  }
#center .contBox .contB .contBB .confBox .confTitle strong{ display:inline-block; width:200px; float:left;}
#center .contBox .contB .contBB .confBox .confTitle ul          { padding : 15px 20px 0 0; float:right; width:200px;}
#center .contBox .contB .contBB .confBox .confTitle li          { float : right; }
#center .contBox .contB .contBB .confBox .confTitle .confT01     { float : right; margin-left : 10px; }
#center .contBox .contB .contBB .confBox .confTitle .confT02     { float : right; margin-top : 2px; }
#center .contBox .contB .contBB .confBox .confTitle .confT03     { float : right; padding : 4px 10px 0 0; color : #828282; }
#center .contBox .contB .contBB .confBox .confTitle .confT03 b   { color : #000000; }
#center .contBox .contB .contBB .confBox .conf                  { }
#center .contBox .contB .contBB .blogBox                         { float : left; margin : 5px 0 0 6px; width : 773px; }
#center .contBox .contB .contBB .blogBox .blogTitle              { width : 773px; height : 41px; background : url(../img/title_blog.gif); background-position : left top; background-repeat : no-repeat; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', dotum, gulim, Seoul, tahoma;  }
#center .contBox .contB .contBB .blogBox .blogTitle ul           { padding : 15px 20px 0 0; }
#center .contBox .contB .contBB .blogBox .blogTitle li           { float : right; }
#center .contBox .contB .contBB .blogBox .blogTitle .blogT01     { float : right; margin-left : 10px; }
#center .contBox .contB .contBB .blogBox .blogTitle .blogT02     { float : right; margin-top : 2px; }
#center .contBox .contB .contBB .blogBox .blogTitle .blogT03     { float : right; padding : 4px 10px 0 0; color : #828282; }
#center .contBox .contB .contBB .blogBox .blogTitle .blogT03 b   { color : #000000; }
#center .contBox .contB .contBB .blogBox .blog                   { width : 773px; background : url(../img/boxT_02.gif); background-position : left top; background-repeat : repeat-y; }
#center .contBox .contB .contBB .blogBox .blog ul                { text-align : left; padding : 20px 20px 0 20px; }
#center .contBox .contB .contBB .blogBox .blog .bolgtext         { line-height : 19px; padding : 3px 0 15px 0; }
#center .contBox .contB .contBB .blogBox .blog a:link            { font-weight : bold; color : #4979db; }
#center .contBox .contB .contBB .blogBox .blog a:visited         { font-weight : bold; color : #4979db; }
#center .contBox .contB .contBB .blogBox .blog a:active          { font-weight : bold; color : #c149db; }
#center .contBox .contB .contBB .blogBox .blog a:hover           { font-weight : bold; color : #c149db; }
#center .contBox .contB .contBB .dataBox                         { float : left; margin : 5px 0 0 0px; width : 777px;border:1px solid #9cc3d5; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; behavior: url('./jscss/PIE.htc'); }
#center .contBox .contB .contBB .dataBox .dataTitle                      { width : 773px; height :20px; font-family : 'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', dotum, gulim, Seoul, tahoma;  }
#center .contBox .contB .contBB .dataBox .dataTitle ul                   { padding : 13px 20px 0 0; }
#center .contBox .contB .contBB .dataBox .dataTitle li                   { float : right; }
#center .contBox .contB .contBB .dataBox .dataTitle div                  { float : left;  }
#center .contBox .contB .contBB .dataBox .dataTitle .dataA               { width : 390px; }
#center .contBox .contB .contBB .dataBox .dataTitle .dataA  ul li p      { text-align:left; font-weight:bold; font-size:16px; padding:0 0 5px 0; margin:0; font-family:'Nanum Gothic', 'Malgun Gothic', dotum, gulim, Seoul, tahoma; }
#center .contBox .contB .contBB .dataBox .dataTitle .dataA .dataTA01     { float : right; margin-left : 10px; }
#center .contBox .contB .contBB .dataBox .dataTitle .dataA .dataTA02     { float : right; margin-top : 2px; }
#center .contBox .contB .contBB .dataBox .dataTitle .dataA .dataTA03     { float : right; padding : 4px 10px 0 0; color : #828282; }
#center .contBox .contB .contBB .dataBox .dataTitle .dataA .dataTA03 b   { color : #000000; }
#center .contBox .contB .contBB .dataBox .dataTitle .dataB               { width : 383px; }
#center .contBox .contB .contBB .dataBox .dataTitle .dataB ul li p      { text-align:left; font-weight:bold; font-size:16px; padding:0 0 5px 0; margin:0; font-family:'Nanum Gothic', 'Malgun Gothic', dotum, gulim, Seoul, tahoma; }
#center .contBox .contB .contBB .dataBox .dataTitle .dataB .dataTB01     { float : right; margin-top:-30px; margin-right:-10px; }
#center .contBox .contB .contBB .dataBox .dataTitle .dataB .dataTB02     { float : right; margin-top : 2px; }
#center .contBox .contB .contBB .dataBox .dataTitle .dataB .dataTB03     { float : right; padding : 4px 10px 0 0; color : #828282; }
#center .contBox .contB .contBB .dataBox .dataTitle .dataB .dataTB03 b   { color : #000000; }
#center .contBox .contB .contBB .dataBox .datacont                       { width : 773px; }

#center .contBox .contB .subBox                       { float : left; margin-left : 6px; width : 773px; background : url(../img/boxT_02.gif); background-position : left top; background-repeat : repeat-y; }
#center .contBox .contB .subBox .subTitle             { width : 773px; height : 55px; background : url(../img/title_bgSub.gif); background-position : left top; background-repeat : no-repeat; }
#center .contBox .contB .subBox .subTitle ul          { padding : 14px 15px 0 0; }
#center .contBox .contB .subBox .subTitle li          { float : right; }
#center .contBox .contB .subBox .subTitle .subT01     { float : right;}
#center .contBox .contB .subBox .subTitle .subT01 img { margin-left : 5px; }
#center .contBox .contB .subBox .subTitle .subT02     { float : left; margin : 0 0 0 30px; font-weight : bold; font-size : 11pt; color : #5565c6; }

#center .sideAll      { z-index : 100; position : absolute; left : 1006px; top : 3px; }

.newsmenu             { height : 45px }
.newsmenu li          { float : left; }
.newsmenu .li01       { text-align : right; width : 125px; height : 26px; background : url(../img/tA_05.gif); background-position : left top; background-repeat : no-repeat; }
.newsmenu .li01 img   { margin : 7px 2px 0 0; }
.newsmenu .li02       { text-align : right; width : 164px; height : 26px; background : url(../img/tB_04.gif); background-position : left top; background-repeat : no-repeat; }
.newsmenu .li02 img   { margin : 7px 2px 0 0; }

#newsT td    { text-align : left; padding : 4px 6px 1px 15px; letter-spacing : -0.1em; background : url(../img/bullet_01.gif); background-position : 8px 9px; background-repeat : no-repeat; }
#newsT .in   { width : 50%; }

#youtubeT td         { vertical-align : top; }
#youtubeT .youin     { padding : 10px 0 5px 17px; text-align : left; letter-spacing : 0em; width : 120px; }
#youtubeT img        { margin-bottom : 5px; }
#youtubeT .youtext   { padding : 3px; }

#movieT td         { vertical-align : top; }
#movieT .youin     { padding : 10px 0 5px 17px; text-align : left; letter-spacing : 0em; width : 120px; }
#movieT img        { margin-bottom : 5px; }
#movieT .youtext   { padding : 3px; }

#datacontT  td     { width : 50%; }
#datacontT  ul     { padding : 0 10px 10px 10px; }
#datacontT .no01   { text-align : left; padding : 4px 6px 2px 28px; background : url(../img/1.gif); background-position : 8px 5px; background-repeat : no-repeat; }
#datacontT .no02   { text-align : left; padding : 4px 6px 2px 28px; background : url(../img/2.gif); background-position : 8px 5px; background-repeat : no-repeat; }
#datacontT .no03   { text-align : left; padding : 4px 6px 2px 28px; background : url(../img/3.gif); background-position : 8px 5px; background-repeat : no-repeat; }
#datacontT .no04   { text-align : left; padding : 4px 6px 2px 28px; background : url(../img/4.gif); background-position : 8px 5px; background-repeat : no-repeat; }
#datacontT .no05   { text-align : left; padding : 4px 6px 2px 28px; background : url(../img/5.gif); background-position : 8px 5px; background-repeat : no-repeat; }
#datacontT .no06   { text-align : left; padding : 4px 6px 2px 28px; background : url(../img/6.gif); background-position : 8px 5px; background-repeat : no-repeat; }
#datacontT .no07   { text-align : left; padding : 4px 6px 2px 28px; background : url(../img/7.gif); background-position : 8px 5px; background-repeat : no-repeat; }
#datacontT .no08   { text-align : left; padding : 4px 6px 2px 28px; background : url(../img/8.gif); background-position : 8px 5px; background-repeat : no-repeat; }
#datacontT .no09   { text-align : left; padding : 4px 6px 2px 28px; background : url(../img/9.gif); background-position : 8px 5px; background-repeat : no-repeat; }
#datacontT .no10   { text-align : left; padding : 4px 6px 2px 28px; background : url(../img/10.gif); background-position : 8px 5px; background-repeat : no-repeat; }
#datacontT .no11   { text-align : left; padding : 4px 6px 2px 28px; background : url(../img/11.gif); background-position : 8px 5px; background-repeat : no-repeat; }
#datacontT .no12   { text-align : left; padding : 4px 6px 2px 28px; background : url(../img/12.gif); background-position : 8px 5px; background-repeat : no-repeat; }
#datacontT .no13   { text-align : left; padding : 4px 6px 2px 28px; background : url(../img/13.gif); background-position : 8px 5px; background-repeat : no-repeat; }
#datacontT .no14   { text-align : left; padding : 4px 6px 2px 28px; background : url(../img/14.gif); background-position : 8px 5px; background-repeat : no-repeat; }
#datacontT .no15   { text-align : left; padding : 4px 6px 2px 28px; background : url(../img/15.gif); background-position : 8px 5px; background-repeat : no-repeat; }
#datacontT .no16   { text-align : left; padding : 4px 6px 2px 28px; background : url(../img/16.gif); background-position : 8px 5px; background-repeat : no-repeat; }
#datacontT .no17   { text-align : left; padding : 4px 6px 2px 28px; background : url(../img/17.gif); background-position : 8px 5px; background-repeat : no-repeat; }
#datacontT .no18   { text-align : left; padding : 4px 6px 2px 28px; background : url(../img/18.gif); background-position : 8px 5px; background-repeat : no-repeat; }
#datacontT .no19   { text-align : left; padding : 4px 6px 2px 28px; background : url(../img/19.gif); background-position : 8px 5px; background-repeat : no-repeat; }
#datacontT .no20   { text-align : left; padding : 4px 6px 2px 28px; background : url(../img/20.gif); background-position : 8px 5px; background-repeat : no-repeat; }


#popular_1              { margin : 5px 0 0 3px; }
#popular_1 td           { padding : 3px 2px 1px 2px; border-bottom : 1px solid #eaeaea }
#popular_1 .index_key   { text-align : left; padding: 5px 0 0 3px; }
#popular_1 .index_no    { width : 15px; }

#bottomAll                  { z-index : 1; float : left; width : 100%; position : relative; }
#bottomAll .bottom          { z-index : 1; position : relative; width : 1011px; }
#bottomAll .bottom .menuS   { padding : 10px 0 0 8px; width : 1003px; height : 46px; }

#bottomlink td     { vertical-align : top; width : 25%; }
#bottomlink ul     { text-align : left; padding : 10px 20px 20px 20px; }
#bottomlink .lin   { text-align : left; padding : 4px 6px 1px 12px; background : url(../img/bullet_01.gif); background-position : 4px 11px; background-repeat : no-repeat; }

#copyAll         { z-index : 1; float : left; width : 100%; position : relative; margin-top : 10px; background : url(../img/bg_bottom.gif); background-position : left top; background-repeat : repeat-x; }
#copyAll .copy   { padding-top : 30px; text-align : left; width : 940px; height : 120px; }

.photoBox       { margin-left: 5px; text-align : center;  width:200px; border : 2px solid #b6d9e9; margin-bottom: 5px; }
.photoBox img   { margin-top : 5px; margin-bottom: 5px; width:auto; height:auto; max-width:190px; max-height:200px;}







.menusub       { margin : 15px 0 10px 0; text-align : center; }
.menusub img   { margin-bottom : 3px; }









/* K-라운지 스타일 시작 */

hr                    { float : left; margin : 20px 0 25px 0; width : 720px; border : 1px solid #c7d6e2; }

.commentBoxA          { float : left; margin : 10px 0 0 25px; }
.commentBoxA li       { float : left; }

.commentBoxB          { float : left; margin : 10px 0 20px 25px; width : 720px; }

.combox               { float : left; padding : 0 0 20px 0; }
.comboxin             { float : left; margin-top : 10px; padding : 5px; background-color : #edebeb; border : 1px solid #d6d6d6; }

.commPhoto            { float : left; }
.commPhoto img        { margin : 0 10px 0 5px; }

.commPhotoS           { float : left; }
.commPhotoS img       { margin : 10px 10px 0 5px; }

.commT01              { padding-right : 10px; }
.commT02              { width : 595px; }

.commText01           { float : left; text-align : left; line-height : 18px; width : 640px; }
.commText01 span      { color : #959ca3; }
.commText01 a:link    { color : #186cb7; }
.commText01 a:visited { color : #186cb7; }
.commText01 a:active  { color : #e401ff; }
.commText01 a:hover   { color : #e401ff; }

.commText02           { float : left; text-align : left; line-height : 18px; width : 570px; padding-top : 10px; }
.commText02 span      { color : #959ca3; }
.commText02 a:link    { color : #186cb7; }
.commText02 a:visited { color : #186cb7; }
.commText02 a:active  { color : #e401ff; }
.commText02 a:hover   { color : #e401ff; }

.comcom               { text-align : left; font-size : 8pt; border-bottom : 1px solid #ffffff; }
.comcom a:link        { color : #627cb2; }
.comcom a:visited     { color : #627cb2; }
.comcom a:active      { color : #e401ff; }
.comcom a:hover       { color : #e401ff; }

.comcombox            { float : right; margin-top : 10px; }

.textarea             { width : 598px; border : 1px solid #cecece; ime-mode:active;}
.textareaA            { width : 634px; border : 1px solid #cecece; }
.textareaB            { width : 568px; border : 1px solid #cecece; }

.commbottom           { text-align : right; width : 602px; background-color : #e3e3e3; }
.commbottomA          { text-align : right; width : 638px; background-color : #e3e3e3; }
.commbottomB          { text-align : right; width : 572px; background-color : #e3e3e3; }

.file                 { cursor : pointer; margin : 6px 6px 6px 0; width : 350px; height : 23px; letter-spacing : 0.1em; font-weight : bold; color : #ffffff; font-size : 8pt; border : 1px solid #344e65; }
.button               { cursor : pointer; margin : 6px 10px 6px 0; width : 50px; height : 23px; letter-spacing : 0.1em; font-weight : bold; color : #ffffff; font-size : 8pt; border : 1px solid #344e65; background-color : #5c98cd; }

/* K-라운지 스타일 끝 */










/* K-라운지 개인화면 스타일 시작 */

.personBox          { margin : 5px 0 10px 0; }
.personTitle        { margin-left : 6px; width : 202px; height : 30px; text-align : left; background-color : #e3e7f0; }
.personTitle div    { padding : 10px; font-weight : bold; color : #46629e; }
.person             { margin : 5px 5px 5px 10px;  }
.personT            { text-align : left; padding : 5px; font-size : 8pt; color : #7d7d7d; }
.personT b          { color : #494949; }
.personP            { text-align : left; padding : 6px; }
.personP img        { margin : 0 1px 5px 1px; }
.personC            { text-align : right; padding-right : 3px; font-size : 7pt; }
.personC a:link     { color : #8f8f8f; }
.personC a:visited  { color : #8f8f8f; }
.personC a:active   { color : #3682e0; }
.personC a:hover    { color : #3682e0; }
h1                  { float : left; margin : 5px 0 5px 0; width : 194px; border : 1px solid #c7d6e2; }

/* K-라운지 개인화면 스타일 끝 */








/* mypage 스타일 시작 */

.mymenuBox   { margin : 0 0 0 5px; padding-bottom : 7px; text-align : left; width : 205px; background-color : #7aa8ef; }

.myMbox   { margin-left : 6px; width : 190px; border : 1px solid #4b69c9; background-color : #e8e8e8; }

.myMe             { width : 190px; height : 33px; background : url(../img/menuBGe.gif); background-position : left top; background-repeat : nox-repeat; }
.myMe div         { padding : 10px 0 0 15px; font-size : 11pt; font-weight : bold; letter-spacing : -0.1em; }
.myMe a			  { font-weight:bold; font-size: 14px; font-family : 'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', dotum, gulim, Seoul, tahoma; }
.myMe a:link      { color : #ffffff; }
.myMe a:visited   { color : #ffffff; }
.myMe a:active    { color : #f6ff00; }
.myMe a:hover     { color : #f6ff00; }

.myM             { width : 190px; height : 33px; background : url(../img/menuBG.gif); background-position : left top; background-repeat : no-repeat; }
.myM div         { padding : 10px 0 0 15px; font-size : 10pt; font-weight : bold; letter-spacing : -0.1em; }
.myM a			 { font-family : 'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', dotum, gulim, Seoul, tahoma; }
.myM a:link      { color : #686868; }
.myM a:visited   { color : #686868; }
.myM a:active    { color : #0885f9; }
.myM a:hover     { color : #0885f9; }

.myMmenu             { margin : 6px; padding : 5px; background-color : #fcfdfe; border : 1px solid #8d99a3; }
.myMmenu li          { padding : 4px 6px 2px 18px; background : url(../img/bullet_my.gif); background-position : 8px 7px; background-repeat : no-repeat; }
.myMmenu b           { color : #1a3fa7; }
.myMmenu a	         { font-family : 'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', dotum, gulim, Seoul, tahoma; }
.myMmenu a:link      { color : #7a7a7a; }
.myMmenu a:visited   { color : #7a7a7a; }
.myMmenu a:active    { color : #c207f8; }
.myMmenu a:hover     { color : #c207f8; }

.myTitleBox               { float : left; width : 501px; border-right : 1px solid #5da2c1; }

.myTitle01                { float : left; width : 501px; height : 55px; background : url(../img/title_bgSub.gif); background-position : left top; background-repeat : no-repeat; }
.myTitle01 ul             { padding : 14px 15px 0 0; }
.myTitle01 li             { float : right; }
.myTitle01 .subT01        { float : right;}
.myTitle01 .subT01 img    { margin-left : 5px; }
.myTitle01 .subT02        { float : left; margin : 0 0 0 30px; font-weight : bold; font-size : 11pt; color : #5565c6; }

.myTitleCont                      { float : left; margin : 10px 0 0 15px; width : 475px; }
.myTitleCont ul                   { width : 475px; }
.myTitleCont li                   { float : left; width : 475px; }
.myTitleCont .mycontA             { float : left; text-align : left; padding-top : 10px; font-weight : bold; border-bottom : 1px solid #e1e1e3; }
.myTitleCont .mycontA a:link      { color : #5195d2; } /*#186cb7*/
.myTitleCont .mycontA a:visited   { color : #5195d2; }
.myTitleCont .mycontA a:active    { color : #e401ff; }
.myTitleCont .mycontA a:hover     { color : #e401ff; }
.myTitleCont .mycontB             { float : left; text-align : left; font-size : 8pt; color : #a1a1a1; padding : 5px 0 5px 0; }
.myTitleCont .mycontC             { float : left; text-align : justify; line-height : 16px; padding : 5px 0 2px 0; overflow:hidden;text-overflow:ellipsis;}
.myTitleCont .mycontC img         { margin-bottom : 5px; }
.myTitleCont .mycontD             { float : left; text-align : right; padding : 0 0 20px 0; }

.myKeyBox                { float : left; width : 260px; }

.myKeyA                  { margin : 5px 0 10px 5px; width : 260px; background : url(../img/myKeyBox_02.gif); background-position : left top; background-repeat : repeat-y; }

.myKeyA .top                   { width : 260px; height : 34px; background : url(../img/myKeyBox_01.gif); background-position : left top; background-repeat : no-repeat; }
.myKeyA .top .topT             { float : left; font-weight : bold; color : #ffffff; padding : 17px 0 0 22px; }
.myKeyA .top .topM             { float : right; text-align : right; font-size : 8pt; padding : 17px 18px 0 0; }
.myKeyA .top .topM a:link      { color : #eeeeee; }
.myKeyA .top .topM a:visited   { color : #eeeeee; }
.myKeyA .top .topM a:active    { color : #ffffff; }
.myKeyA .top .topM a:hover     { color : #ffffff; }

.myKeyA .bottom          { width : 260px; height : 5px; background : url(../img/myKeyBox_03.gif); background-position : left top; background-repeat : no-repeat; }

.myKeyA .list01          { text-align : left; padding : 4px 6px 2px 28px; margin : 10px 15px 0 15px; border-bottom : 1px solid #e1e1e3; background : url(../img/1.gif); background-position : 8px 3px; background-repeat : no-repeat; }
.myKeyA .list02          { text-align : left; padding : 4px 6px 2px 28px; margin : 3px 15px 0 15px; border-bottom : 1px solid #e1e1e3; background : url(../img/2.gif); background-position : 8px 3px; background-repeat : no-repeat; }
.myKeyA .list03          { text-align : left; padding : 4px 6px 2px 28px; margin : 3px 15px 0 15px; border-bottom : 1px solid #e1e1e3; background : url(../img/3.gif); background-position : 8px 3px; background-repeat : no-repeat; }
.myKeyA .list04          { text-align : left; padding : 4px 6px 2px 28px; margin : 3px 15px 0 15px; border-bottom : 1px solid #e1e1e3; background : url(../img/4.gif); background-position : 8px 3px; background-repeat : no-repeat; }
.myKeyA .list05          { text-align : left; padding : 4px 6px 2px 28px; margin : 3px 15px 0 15px; border-bottom : 1px solid #e1e1e3; background : url(../img/5.gif); background-position : 8px 3px; background-repeat : no-repeat; }
.myKeyA .list06          { text-align : left; padding : 4px 6px 2px 28px; margin : 3px 15px 0 15px; border-bottom : 1px solid #e1e1e3; background : url(../img/6.gif); background-position : 8px 3px; background-repeat : no-repeat; }
.myKeyA .list07          { text-align : left; padding : 4px 6px 2px 28px; margin : 3px 15px 0 15px; border-bottom : 1px solid #e1e1e3; background : url(../img/7.gif); background-position : 8px 3px; background-repeat : no-repeat; }
.myKeyA .list08          { text-align : left; padding : 4px 6px 2px 28px; margin : 3px 15px 0 15px; border-bottom : 1px solid #e1e1e3; background : url(../img/8.gif); background-position : 8px 3px; background-repeat : no-repeat; }
.myKeyA .list09          { text-align : left; padding : 4px 6px 2px 28px; margin : 3px 15px 0 15px; border-bottom : 1px solid #e1e1e3; background : url(../img/9.gif); background-position : 8px 3px; background-repeat : no-repeat; }
.myKeyA .list10          { text-align : left; padding : 4px 6px 2px 28px; margin : 3px 15px 0 15px; border-bottom : 1px solid #e1e1e3; background : url(../img/10.gif); background-position : 8px 3px; background-repeat : no-repeat; }
.myKeyA .list11          { text-align : left; padding : 4px 6px 2px 28px; margin : 3px 15px 0 15px; border-bottom : 1px solid #e1e1e3; background : url(../img/11.gif); background-position : 8px 3px; background-repeat : no-repeat; }
.myKeyA .list12          { text-align : left; padding : 4px 6px 2px 28px; margin : 3px 15px 0 15px; border-bottom : 1px solid #e1e1e3; background : url(../img/12.gif); background-position : 8px 3px; background-repeat : no-repeat; }
.myKeyA .list13          { text-align : left; padding : 4px 6px 2px 28px; margin : 3px 15px 0 15px; border-bottom : 1px solid #e1e1e3; background : url(../img/13.gif); background-position : 8px 3px; background-repeat : no-repeat; }
.myKeyA .list14          { text-align : left; padding : 4px 6px 2px 28px; margin : 3px 15px 0 15px; border-bottom : 1px solid #e1e1e3; background : url(../img/14.gif); background-position : 8px 3px; background-repeat : no-repeat; }
.myKeyA .list15          { text-align : left; padding : 4px 6px 2px 28px; margin : 3px 15px 0 15px; border-bottom : 1px solid #e1e1e3; background : url(../img/15.gif); background-position : 8px 3px; background-repeat : no-repeat; }
.myKeyA .list16          { text-align : left; padding : 4px 6px 2px 28px; margin : 3px 15px 0 15px; border-bottom : 1px solid #e1e1e3; background : url(../img/16.gif); background-position : 8px 3px; background-repeat : no-repeat; }
.myKeyA .list17          { text-align : left; padding : 4px 6px 2px 28px; margin : 3px 15px 0 15px; border-bottom : 1px solid #e1e1e3; background : url(../img/17.gif); background-position : 8px 3px; background-repeat : no-repeat; }
.myKeyA .list18          { text-align : left; padding : 4px 6px 2px 28px; margin : 3px 15px 0 15px; border-bottom : 1px solid #e1e1e3; background : url(../img/18.gif); background-position : 8px 3px; background-repeat : no-repeat; }
.myKeyA .list19          { text-align : left; padding : 4px 6px 2px 28px; margin : 3px 15px 0 15px; border-bottom : 1px solid #e1e1e3; background : url(../img/19.gif); background-position : 8px 3px; background-repeat : no-repeat; }
.myKeyA .list20          { text-align : left; padding : 4px 6px 2px 28px; margin : 3px 15px 15px 15px; border-bottom : 1px solid #e1e1e3; background : url(../img/20.gif); background-position : 8px 3px; background-repeat : no-repeat; }

/* mypage 스타일 끝 */








/* 추천콘텐츠 스타일 */

.recommTitle              { float : left; width : 773px; height : 55px; background : url(../img/title_bgSub.gif); background-position : left top; background-repeat : no-repeat; }
.recommTitle ul           { padding : 14px 15px 0 0; }
.recommTitle li           { float : right; font-family : 'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', dotum, gulim, Seoul, tahoma; }
.recommTitle .subT01 img  { float : left; position : relative; padding-right : 5px; padding-top:2px; }
.recommTitle .subT01 span { float : left; position : relative; color : #a0a0a0; }
.recommTitle .subT01 font { color : #000000; }
.recommTitle .subT02      { float : left; margin : 0 0 0 30px; font-weight : bold; font-size : 11pt; color : #5565c6; }


.recommCont                      { float : left; margin : 10px 0 0 16px; width : 740px; }
.recommCont ul                   { width : 740px; }
.recommCont li                   { float : left; width : 740px; }
.recommCont .mycontT             { float : left; text-align : left; padding : 10px 0 10px 17px; font-weight : bold; background : url(../img/bullet_02.gif); background-position : left 10px; background-repeat : no-repeat; }
.recommCont .mycontT span        { float : right; text-align : right; font-size : 8pt; font-weight : normal; padding-right : 20px; }
.recommCont .mycontA             { float : left; text-align : left; padding-top : 10px; font-size : 8pt; color : #8d8d8d; border-bottom : 1px solid #e1e1e3; }
.recommCont .mycontA a:link      { font-weight : bold; font-size : 9pt; color : #186cb7; }
.recommCont .mycontA a:visited   { font-weight : bold; font-size : 9pt; color : #186cb7; }
.recommCont .mycontA a:active    { font-weight : bold; font-size : 9pt; color : #e401ff; }
.recommCont .mycontA a:hover     { font-weight : bold; font-size : 9pt; color : #e401ff; }
.recommCont .mycontB             { float : left; text-align : left; font-size : 8pt; color : #a1a1a1; padding : 5px 0 5px 0; }
.recommCont .mycontC             { float : left; text-align : justify; line-height : 16px; padding : 5px 0 2px 0; overflow:hidden;text-overflow:ellipsis;}
.recommCont .mycontC img         { margin-bottom : 5px; }
.recommCont .mycontD             { float : left; text-align : right; padding : 0 0 20px 0; }
.recommCont .mycontE             { float : left; text-align : right; }


.recommmenu                    { float : left; }
.recommmenu ul                 { float : left; margin : 20px 10px 20px 14px; }
.recommmenu li                 { float : left; width : 184px; border : 1px solid #8cb0e5; background-color : #d5e1f3; }
.recommmenu .rmenue            { padding-top : 10px; height : 25px; font-weight : bold; background-color : #8cb0e5; }
.recommmenu .rmenu             { padding-top : 10px; height : 25px; }
.recommmenu .rmenue a:link     { font-size : 11pt; color : #ffffff; }
.recommmenu .rmenue a:visited  { font-size : 11pt; color : #ffffff; }
.recommmenu .rmenue a:active   { font-size : 11pt; color : #1655b3; }
.recommmenu .rmenue a:hover    { font-size : 11pt; color : #1655b3; }
.recommmenu .rmenu a:link      { font-size : 10pt; color: #303030; }
.recommmenu .rmenu a:visited   { font-size : 10pt; color: #303030; }
.recommmenu .rmenu a:active    { font-size : 10pt; color: #0048ff; }
.recommmenu .rmenu a:hover     { font-size : 10pt; color: #0048ff; }

.pagenom             { float : left; width : 773px; }
.pagenom ul          { padding : 20px; text-align : center; }
.pagenom li          { font-size : 6pt; word-spacing : 3px; }
.pagenom b           { color : #ff7800; }
.pagenom a:link      { font-size : 10pt; color: #303030; }
.pagenom a:visited   { font-size : 10pt; color: #303030; }
.pagenom a:active    { font-size : 10pt; color: #fc00ff; }
.pagenom a:hover     { font-size : 10pt; color: #fc00ff; text-decoration: underline; }


/* 추천콘텐츠 스타일 끝 */








/* 자료보관 스타일 */

.dataBox                  { float : left; margin : 10px 0 10px 0; width : 100%; }

.foldingBox               { float : left; padding-top : 15px; width : 160px; }

.dataTbg                  { width : 148px; height : 20px; background : url(../img/dataTbg.gif); background-position : left top; background-repeat : no-repeat; }
.dataTbg span             { float : left; padding : 4px 0 0 20px; color : #ffffff; font-weight : bold;  }

.dataTfolder                    { width : 148px; padding : 10px 0 10px 0; }
.dataTfolder ul                 { margin: 0 5px 0 5px; text-align : left; }
.dataTfolder .fol-1             { padding : 7px 0 5px 22px; font-weight : bold; border-bottom : 1px solid #dfdfdf; background : url(../img/bullet_02.gif); background-position : 5px 7px; background-repeat : no-repeat; }
.dataTfolder .fol-1 b           { color: #2088d1; }
.dataTfolder .fol-1 a:link      { color: #676767; }
.dataTfolder .fol-1 a:visited   { color: #676767; }
.dataTfolder .fol-1 a:active    { color: #2088d1; }
.dataTfolder .fol-1 a:hover     { color: #2088d1; text-decoration: underline; }
.dataTfolder .fol-1 span        { float : right; text-align : right; }
.dataTfolder .fol-2             { padding : 5px 0 3px 22px; font-size : 8pt; color : #6d6d6d; }
.dataTfolder .fol-2 a           { float : right; padding-right : 1px; }
.dataTfolder .fol-2 p           { margin : 3px 0 7px 0; }

.boardBox                 { float : left; padding-top : 18px; width : 600px; border-left : 1px solid #e0e0e0; }

.boardTop                     { float : left; width : 100%; padding-bottom : 5px; }
.boardTop li                  { float : right; }
.boardTop .boT02              { float : left; margin : 0 0 0 10px; font-weight : bold; }
.boardTop .boT02 img          { float : left; }
.boardTop .boT02 span         { float : left; padding : 2px 0 0 5px; }
.boardTop .searchBox          { width : 276px; height : 21px; border : 2px solid #d7d7d7; }
.boardTop .searchBox span     { float : left; }
.boardTop .searchBox select   { width : 80px; height : 21px; }
.boardTop .searchBox .iText   { border : 0; width : 165px; height : 21px;}
.boardTop .searchBox .imgi    { margin-top : 2px; }

#borderS                      { margin : 0 0 0 12px; table-layout:fixed; word-break:break-all; }
#borderS .bTtr                { height : 45px; background : url(../img/board_T03.gif); background-position : left top; background-repeat : repeat-x; }
#borderS .bTtr td             { vertical-align : top; padding-top : 13px; }
#borderS .bT01                { width : 30px; background : url(../img/board_T01.gif); background-position : left top; background-repeat : no-repeat; }
#borderS .bT02                { padding : 2px 0 0 1px; color : #8397c4; background : url(../img/board_T02.gif); background-position : left top; background-repeat : no-repeat; }
#borderS .bT03                { width : 2px; background : url(../img/board_T04.gif); background-position : right top; background-repeat : no-repeat; }

#borderS .btr td              { height : 27px; border-bottom : 1px solid #e3e3e3; }
#borderS .b01                 { text-align : left; padding : 3px 0 0 5px; }
#borderS .b02                 { font-size : 8pt; color : #a7a7a7; }
#borderS .b03                 { font-size : 8pt; color : #ff5b02; word-spacing : 4px; }
#borderS .b04                 { text-align : left; padding : 3px 0 0 5px; font-size : 8pt; color : #a7a7a7; }

.boardBtn                     { float : left; width : 100%; margin-left : 5px; }
.boardBtn li                  { float : right; padding : 5px; }
.boardBtn .boT02              { float : left; }
.boardBtn .boT02 img          { float : left; }
.boardBtn .boT01              { padding : 7px; }
.boardBtn .boT03              { float : left; margin : 0 0 0 10px; font-weight : bold; }
.boardBtn .boT03 img          { float : left; }
.boardBtn .boT03 span         { float : left; padding : 2px 0 0 5px; }


.pagenomS             { float : left; width :100%; }
.pagenomS ul          { padding : 20px; text-align : center; }
.pagenomS li          { font-size : 6pt; word-spacing : 3px; }
.pagenomS b           { color : #ff7800; }
.pagenomS a:link      { font-size : 10pt; color: #303030; }
.pagenomS a:visited   { font-size : 10pt; color: #303030; }
.pagenomS a:active    { font-size : 10pt; color: #fc00ff; }
.pagenomS a:hover     { font-size : 10pt; color: #fc00ff; text-decoration: underline; }

/* 자료보관 스타일 끝 */






/* 게시물보기 스타일 */

.viewTitle                 { float : left; margin : 10px 0 0 11px; width : 750px; height : 45px; background : url(../img/board_T03.gif); background-position : left top; background-repeat : repeat-x; }
.viewTitle .viewT01        { float : left; position : relative; text-align : left; width : 748px; height : 36px; padding-top : 12px; background : url(../img/board_T01.gif); background-position : left top; background-repeat : no-repeat; }
.viewTitle .viewT01 span   { float : left; position : relative; color : #3a68cf; padding : 0 6px 0 30px; }
.viewTitle .viewT02        { float : left; width : 2px; height : 36px; background : url(../img/board_T04.gif); background-position : right top; background-repeat : no-repeat; }

.viewinfo                  { float : left; margin : 10px 0 0 14px; width : 744px; border-bottom : 1px solid #e3e3e3; }
.viewinfo .viewi01         { float : left; position : relative; text-align : left; padding-bottom : 6px; width : 50%; }
.viewinfo .viewi01 span    { float : left; position : relative; color : #3a68cf; padding : 0 6px 0 26px; }
.viewinfo .viewi02         { float : left; position : relative; text-align : right; padding : 0 0 6px 0; width : 50%; }
.viewinfo .viewi02 span    { color : #3a68cf; padding : 0 0 0 7px; }
.viewinfo .viewi02 div     { padding-right : 26px; }

.viewCont                  { float : left; margin : 20px 0 10px 14px; width : 744px; border-bottom : 1px solid #e3e3e3; }
.viewCont .contin          { padding : 10px 15px 20px 15px; line-height : 17px; text-align : left; }

.viewPoint              { float : left; margin : 0 0 0 14px; width : 744px; height : 45px; }
.viewPoint .p01         { float : left; position : relative; text-align : left; padding : 10px 0 8px 0; width : 50%; border-bottom : 2px solid #b3c3e4; }
.viewPoint .p01 span    { float : left; position : relative; color : #3a68cf; padding : 0 6px 0 26px; }
.viewPoint .p02         { float : left; position : relative; text-align : right; padding : 10px 0 4px 0; width : 50%; border-bottom : 2px solid #b3c3e4; }
.viewPoint .p02 span    { color : #3a68cf; padding : 0 0 0 7px; }
.viewPoint .p02 div     { padding-right : 26px; }

.viewcomm        { float : left; margin : 10px 0 0 14px; width : 744px; height : 25px; }
.viewcomm span   { float : left; position : relative; color : #3a68cf; font-weight : bold; padding : 1px 6px 0 7px; }
.viewcomm img    { float : left; position : relative; }

#borderL                      { margin : 0 0 0 14px; }
#borderL .bTtr                { height : 40px; background : url(../img/board_T03.gif); background-position : left top; background-repeat : repeat-x; }
#borderL .bTtr td             { vertical-align : top; padding-top : 13px; }
#borderL .bT01                { padding : 2px 0 0 1px; color : #8397c4; background : url(../img/board_T01.gif); background-position : left top; background-repeat : no-repeat; }
#borderL .bT02                { padding : 2px 0 0 1px; color : #8397c4; background : url(../img/board_T02.gif); background-position : left top; background-repeat : no-repeat; }
#borderL .bT03                { width : 2px; background : url(../img/board_T04.gif); background-position : right top; background-repeat : no-repeat; }

#borderL .btr td              { height : 27px; border-bottom : 1px solid #e3e3e3; }
#borderL .b01                 { text-align : left; padding : 3px 0 0 15px; }
#borderL .b02                 { font-size : 8pt; color : #a7a7a7; }
#borderL .b03                 { font-size : 8pt; color : #4c729c; word-spacing : 4px; }

.viewCombox                   { float : left; margin : 10px 0 0 24px; width : 724px; }
.viewCombox .viewcomT         { margin-top: 10px; text-align : left; font-size : 8pt; color : #3a68cf; }
.viewCombox .comcombox        { float : left; position : relative; margin-top: 5px; text-align : left; }
.viewCombox .commbottomA      { float : right; position : relative; margin-top: 5px; text-align : right; width : 80px; background-color : #ffffff; }
.viewCombox .commbottomA input   { cursor : pointer; margin : 0 10px 0 0; width : 70px; height : 34px; letter-spacing : 0.1em; font-weight : bold; color : #ffffff; font-size : 8pt; border : 1px solid #344e65; background-color : #5c98cd; }

h3                             { float : left; margin : 25px 0 5px 14px; width : 744px; border : 1px solid #c7d6e2; }

.boardBtnT                     { float : left; margin : 0 0 0 24px; width : 724px; }
.boardBtnT li                  { float : right; padding : 5px; }
.boardBtnT .boL02              { float : left; }
.boardBtnT .boL02 img          { float : left; }
.boardBtnT .boL01              { padding : 7px; }

.viewlis        { float : left; margin : 15px 0 30px 14px; width : 744px; border-top : 1px solid #e3e3e3; }
.viewlis div    { text-align : left; padding : 10px 0 6px 0; border-bottom : 1px solid #e3e3e3; }
.viewlis span   { float : left; position : relative; color : #3a68cf; padding : 0 6px 0 6px; }
.viewlis img    { float : left; position : relative; margin : 2px 0 0 2px; }

/* 게시물보기 스타일 끝 */



/* 공지사항 스타일 */

#boardAbox                     { float : left; width : 744px; margin : 0 0 10px 14px; }
#boardAbox .searchBox          { float : right; width : 276px; height : 21px; border : 2px solid #d7d7d7; }
#boardAbox .searchBox span     { float : left; }
#boardAbox .searchBox select   { width : 80px; height : 21px; }
#boardAbox .searchBox .iText   { border : 0; width : 165px; height : 21px;}
#boardAbox .searchBox .imgi    { margin-top : 2px; }
#boardAbox .searchBox-1          { height : 21px; }
#boardAbox .searchBox-1 select   { width : 80px; height : 21px; }

#boardAbox .dateBox            { float : left; text-align : left; padding : 20px 0 0 25px; }

#board                      { float : left; margin : 10px 0 0 0; }
#board .bTtr                { height : 40px; background : url(../img/board_T03.gif); background-position : left top; background-repeat : repeat-x; }
#board .bTtr td             { vertical-align : top; padding-top : 13px; }
#board .bT01                { padding : 2px 0 0 1px; color : #8397c4; background : url(../img/board_T01.gif); background-position : left top; background-repeat : no-repeat; }
#board .bT02                { padding : 2px 0 0 1px; color : #8397c4; background : url(../img/board_T02.gif); background-position : left top; background-repeat : no-repeat; }
#board .bT03                { width : 2px; background : url(../img/board_T04.gif); background-position : right top; background-repeat : no-repeat; }

#board .btr td              { height : 27px; border-bottom : 1px solid #e3e3e3; }
#board .b02                 { padding-left : 15px; text-align : left; }
#board .b02-r               { padding : 4px 3px 2px 15px; text-align : left; letter-spacing : -0.1em; line-height : 16px; }
#board .b02-r span          { float : left; padding : 1px 5px 0 0; text-align : left; font-size : 11pt; color : #898989; }
#board .b02-r a:link        { color: #727272; }
#board .b02-r a:visited     { color: #727272; }
#board .b02-r a:active      { color: #0096ff; }
#board .b02-r a:hover       { color: #0096ff; }
#board .b03                 { font-size : 8pt; color : #a7a7a7; }
#board .b04                 { padding-left : 15px; text-align : left; font-size : 8pt; color : #a7a7a7; }

.writeBox          { float : left; margin : 10px 0 0 24px; width : 724px; }
.writeBox .write   { float : left; position : relative; margin-top: 5px; text-align : left; width : 724px; height : 500px; border : 1px solid #cecece; }

.fileup    { cursor : pointer; width : 350px; height : 23px; letter-spacing : 0.1em; color : #ffffff; font-size : 8pt; border : 1px solid #acacac; }
.fileup2   { cursor : pointer; height : 23px; letter-spacing : 0.1em; color : #ffffff; font-size : 8pt; border : 1px solid #acacac; }

/* 공지사항 스타일 끝 */







/* 일정관리 스타일 */

.schedulerBt        { float : left; width :100%; }
.schedulerBt ul     { padding : 20px 0 10px 0; text-align : center; }
.schedulerBt li     { word-spacing : 3px; }
.schedulerBt span   { font-size : 11pt; }
.schedulerBt b      { color : #8397c4; font-size : 12pt; }

#scheduler            { float : left; margin : 10px 0 0 0; }
#scheduler .bTtr      { height : 40px; background : url(../img/board_T03.gif); background-position : left top; background-repeat : repeat-x; }
#scheduler .bTtr td   { vertical-align : top; padding-top : 13px; }
#scheduler .bT01      { padding : 2px 0 0 1px; color : #ff6000; background : url(../img/board_T01.gif); background-position : left top; background-repeat : no-repeat; }
#scheduler .bT02      { padding : 2px 0 0 1px; color : #8397c4; background : url(../img/board_T02.gif); background-position : left top; background-repeat : no-repeat; }
#scheduler .bT03      { width : 2px; background : url(../img/board_T04.gif); background-position : right top; background-repeat : no-repeat; }

#scheduler .btr td   { width : 106px; height : 80px; vertical-align : top; text-align : left; border-bottom : 1px solid #e3e3e3; }
#scheduler .btr ul   { margin : 5px 0 5px 5px; }
#scheduler .b0T      { font-weight : bold; background-color : #e8f0fd; }

#scheduler .btr a:link      { color: #303030; }
#scheduler .btr a:visited   { color: #303030; }
#scheduler .btr a:active    { color: #0096ff; }
#scheduler .btr a:hover     { color: #0096ff; text-decoration: underline; }

#scheduler .sun a:link      { color: #ff6000; }
#scheduler .sun a:visited   { color: #ff6000; }
#scheduler .sun a:active    { color: #0096ff; }
#scheduler .sun a:hover     { color: #0096ff; text-decoration: underline; }

#scheduler .scha             { padding : 0 0 2px 5px; font-size : 8pt; line-height : 14px; background : url(../img/bullet_01.gif); background-position : left 5px; background-repeat : no-repeat; }

#scheduler .scha a:link      { color: #5d6c76; }
#scheduler .scha a:visited   { color: #5d6c76; }
#scheduler .scha a:active    { color: #000000; }
#scheduler .scha a:hover     { color: #000000; text-decoration: none; }

.schedulerinfo               { padding : 0 0 20px 0; width : 742px; text-align : right; }


.schwriteTitle        { float : left; width : 690px; height : 55px; background : url(../img/title_bgT.gif); background-position : left top; background-repeat : no-repeat; }
.schwriteTitle span   { float : left; margin : 14px 0 0 30px; font-weight : bold; font-size : 11pt; color : #5565c6; }

.schwriteBox                       { float : left; width : 670px; margin : 5px 0 0 9px; border : 3px solid #b6d9e9; background-color : #ffffff; }
#schwriteT                         { margin : 10px 0 10px 0; }
#schwriteT td                      { padding : 10px; }
#schwriteT .schwriteT01            { color : #3a68cf; border-bottom : 1px solid #b6d9e9; }
#schwriteT .schwriteT02            { text-align : left; border-bottom : 1px solid #b6d9e9; }
#schwriteT .schwriteT02 input      { width : 590px; height : 20px; font-size : 9pt; }
#schwriteT .schwriteT03            { color : #3a68cf; }
#schwriteT .schwriteT04            { text-align : left; }
#schwriteT .schwriteT04 textarea   { width : 590px; height : 200px; font-size : 9pt; }

.schwriteBt   { float : left; width : 680px; margin : 15px 0 0 10px; }

/* 일정관리 스타일 끝 */




/* 쪽지보관함 스타일 */

#note .bTtr      { height : 45px; background : url(../img/board_T03.gif); background-position : left top; background-repeat : repeat-x; }
#note .bTtr td   { vertical-align : top; padding-top : 13px; }
#note .bT01      { width : 30px; background : url(../img/board_T01.gif); background-position : left top; background-repeat : no-repeat; }
#note .bT02      { padding : 2px 0 0 1px; color : #8397c4; background : url(../img/board_T02.gif); background-position : left top; background-repeat : no-repeat; }
#note .bT03      { width : 2px; background : url(../img/board_T04.gif); background-position : right top; background-repeat : no-repeat; }

#note .btr td   { height : 27px; border-bottom : 1px solid #e3e3e3; }
#note .b01      { text-align : left; padding : 3px 0 0 5px; }
#note .b02      { font-size : 8pt; color : #a7a7a7; }

.noteBtnT              { float : left; margin : 0 0 0 17px; width : 450px; }
.noteBtnT li           { float : right; padding : 5px; }
.noteBtnT .boL02       { float : left; }
.noteBtnT .boL02 img   { float : left; }
.noteBtnT .boL01       { padding : 7px; }

.loginBtnT             { float : left; margin : 20px 0 0 17px; width : 450px; }

.noteBox   { float : left; width : 450px; margin : 5px 0 0 15px; border : 3px solid #b6d9e9; background-color : #ffffff; }

#noteViewT                         { margin : 10px 0 10px 0; }
#noteViewT td                      { padding : 10px; }
#noteViewT .noteViewT01            { width : 70px; color : #3a68cf; border-bottom : 1px solid #b6d9e9; }
#noteViewT .noteViewT02            { text-align : left; border-bottom : 1px solid #b6d9e9; }
#noteViewT .noteViewT02 input      { margin-top : 3px; width : 150px; height : 20px; font-size : 9pt; }
#noteViewT .noteViewT03            { text-align : left; padding : 15px 20px 10px 20px; }
#noteViewT .noteViewT04            { color : #3a68cf; }
#noteViewT .noteViewT05            { text-align : left; }
#noteViewT .noteViewT05 textarea   { width : 310px; height : 250px; font-size : 9pt; }
#noteViewT .noteViewT06            { width : 70px; color : #3a68cf; }
#noteViewT .noteViewT07            { text-align : left; }
#noteViewT .noteViewT07 input      { margin-top : 3px; width : 150px; height : 20px; font-size : 9pt; }
#noteViewT .noteViewT08            { width : 100px; color : #3a68cf; border-bottom : 1px solid #b6d9e9; }
#noteViewT .noteViewT09            { width : 100px; color : #3a68cf; }
#noteViewT .noteViewT10  div       { color : #3a68cf; text-align : left; padding-left : 30px; background : url(../img/bullet_my.gif); background-position : 20px 5px; background-repeat : no-repeat; }

.noteMemo   { float : left; text-align : left; margin : 10px 0 20px 17px; width : 450px; }

/* 쪽지보관함 스타일 끝 */


/* 카페 스타일 */

.cafeTitle           { float : left; width : 773px; height : 55px; background : url(../img/title_bgSub.gif); background-position : left top; background-repeat : no-repeat; }
.cafeTitle li        { float : right; }
.cafeTitle .subT01   { float : right; position : relative; padding : 10px 15px 0 0; }
.cafeTitle .subT02   { float : left; margin : 0 0 0 30px; padding-top : 14px; font-weight : bold; font-size : 11pt; color : #5565c6; }

.cafeTinfo            { float : left; margin : 10px 20px 20px 20px; text-align : left; line-height : 19px; }
.cafeTinfo div        { padding-bottom : 10px; font-weight : bold; font-size : 11pt; }
.cafeTurl             { float : right; margin : 3px 20px 20px 20px; text-align : right; font-size : 8.2pt; }
.cafeTurl a:link      { color: #b9b9b9; }
.cafeTurl a:visited   { color: #b9b9b9; }
.cafeTurl a:active    { color: #0066ff; }
.cafeTurl a:hover     { color: #0066ff; text-decoration: underline; }

.cafeListSort   { text-align : right; }

#cafeboardT            { float : left; margin-top : 10px; }
#cafeboardT .bTtr      { height : 40px; background : url(../img/board_T03.gif); background-position : left top; background-repeat : repeat-x; }
#cafeboardT .bTtr td   { vertical-align : top; padding-top : 13px; }
#cafeboardT .bT01      { padding : 2px 0 0 1px; color : #8397c4; background : url(../img/board_T01.gif); background-position : left top; background-repeat : no-repeat; }
#cafeboardT .bT02      { padding : 2px 0 0 1px; color : #8397c4; background : url(../img/board_T02.gif); background-position : left top; background-repeat : no-repeat; }
#cafeboardT .bT03      { width : 2px; background : url(../img/board_T04.gif); background-position : right top; background-repeat : no-repeat; }

#cafeboardT .btr td    { height : 27px; border-bottom : 1px solid #e3e3e3; }
#cafeboardT .b01       { padding-left : 15px; text-align : left; }
#cafeboardT .b01 img   { margin : 9px 10px 9px 0; }
#cafeboardT .b01 a     { float : left; margin : 10px 0 10px 0; }
#cafeboardT .b02       { font-size : 8pt; color : #a7a7a7; }

#searchWord   { margin-right : 3px; width : 130px; }

.cafeinfoBox                       { float : left; width : 744px; margin : 10px 0 10px 14px; }
.cafeinfoBox .cafeinfo             { float : left; border : 3px solid #cbdcf6; }
.cafeinfoBox .cafeinfo img         { margin : 5px; }
.cafeinfoBox .cafeinfo .info       { text-align : left; padding : 15px 15px 0 20px; background : url(../img/bullet_blue.gif); background-position : 10px 18px; background-repeat : no-repeat; }
.cafeinfoBox .cafeinfo .info div   { padding-bottom : 3px; color : #8397c4; font-size : 8pt; border-bottom : 1px solid #cbdcf6; }

.cafeinfoBox .cafetext   { float : left; padding : 10px; color : #217baf; font-size : 11pt; letter-spacing : -0.1em; }

.cafeWriteBox                { float : left; width : 744px; margin : 10px 0 20px 14px; }
.cafeWriteBox .title         { margin : 20px 0 8px 0; text-align : left; background : url(../img/bullet_my.gif); background-position : left 4px; background-repeat : no-repeat; }
.cafeWriteBox .title span    { float : left; padding-left : 12px; color : #3a68cf; font-weight : bold; }
.cafeWriteBox .title input   { margin-left : 10px; width : 695px; border : none; border-bottom : 1px solid #cecece;  }
.cafeWriteBox .textarea      { width : 740px; height : 150px; border : 1px solid #cecece; }
.cafeWriteBox .commbottom    { text-align : right; width : 744px; background-color : #e3e3e3; }
.cafeWriteBox .button        { cursor : pointer; margin : 6px 10px 6px 0; width : 50px; height : 23px; letter-spacing : 0.1em; font-weight : bold; color : #ffffff; font-size : 8pt; border : 1px solid #344e65; background-color : #5c98cd; }

.cafeviewTitle                 { float : left; margin : 10px 0 0 11px; width : 750px; height : 45px; background : url(../img/board_T03.gif); background-position : left top; background-repeat : repeat-x; }
.cafeviewTitle .viewT01        { float : left; position : relative; text-align : left; width : 670px; height : 36px; padding-top : 12px; background : url(../img/board_T01.gif); background-position : left top; background-repeat : no-repeat; }
.cafeviewTitle .viewT01 span   { float : left; position : relative; color : #3a68cf; padding : 0 6px 0 30px; }
.cafeviewTitle .viewT02        { float : right; position : relative; }
.cafeviewTitle .viewT02 img    { margin : 10px 26px 0 0; }
.cafeviewTitle .viewT03        { float : right; width : 2px; height : 36px; background : url(../img/board_T04.gif); background-position : right top; background-repeat : no-repeat; }

.cafeCombox                           { float : left; margin : 0 0 20px 24px; width : 724px; }
.cafeCombox .title                    { margin : 20px 0 3px 0; text-align : left; background : url(../img/bullet_my.gif); background-position : left 4px; background-repeat : no-repeat; }
.cafeCombox .title span               { padding-left : 12px; color : #3a68cf; font-weight : bold; }
.cafeCombox .cafecomcombox            { float : left; position : relative; text-align : left; }
.cafeCombox .cafecomcombox textarea   { width : 660px; height : 50px; }
.cafeCombox .cafecommbottomA          { float : right; position : relative; text-align : right; width : 55px; }
.cafeCombox .cafecommbottomA img      { margin-bottom : 5px; }

.cafeCommentbox               { float : left; margin : 0 0 20px 24px; width : 724px; }
.cafeCommentbox .cafecombg    { padding : 3px 0 1px 3px; background-color : #e8e8e8; }
.cafeCommentbox .cafecomme    { padding : 3px 0 0 3px; }
.cafeCommentbox .comcombtn               { padding-bottom : 5px; text-align : right; font-size : 8pt; border-bottom : 1px solid #ffffff; }
.cafeCommentbox .comcombtn a:link        { color : #959ca3; }
.cafeCommentbox .comcombtn a:visited     { color : #959ca3; }
.cafeCommentbox .comcombtn a:active      { color : #e401ff; }
.cafeCommentbox .comcombtn a:hover       { color : #e401ff; }

.openCafeBox                  { float : left; width : 740px; margin : 10px 0 20px 14px; border : 3px solid #cbdcf6; }
#openCafeT                    { margin : 10px; }
#openCafeT td                 { text-align : left; border-bottom : 1px solid #cbdcf6; }
#openCafeT .ocT01             { padding : 12px 0 6px 8px; width : 120px; color : #3a68cf; background-color : #f5f5f5; }
#openCafeT .ocT01 b           { color : #ff6c00; }
#openCafeT .ocT02             { padding : 12px 0 6px 10px; }
#openCafeT .ocT02 .cafeKey    { width : 108px; }
#openCafeT .ocT02 .cafeinfo   { width : 573px; height : 100px; }
#openCafeT .ocT02 .imgfile    { cursor : pointer; width : 350px; height : 23px; letter-spacing : 0.1em; color : #ffffff; font-size : 8pt; border : 1px solid #acacac; }

.openCafe             { float : left; margin : 10px 0 20px 0; width :100%; }
.openCafe ul          { text-align : center; }
.openCafe li          { padding : 10px; }
.pagenomS b           { color : #ff7800; }
.pagenomS a:link      { font-size : 10pt; color: #303030; }
.pagenomS a:visited   { font-size : 10pt; color: #303030; }
.pagenomS a:active    { font-size : 10pt; color: #fc00ff; }
.pagenomS a:hover     { font-size : 10pt; color: #fc00ff; text-decoration: underline; }

.cafeMemCh        { float : left; margin : 10px 10px 0 0; width :100%; text-align : left; }
.cafeMemCh span   { float : left; margin : 2px 5px 0 0; text-align : right; }

.cafeMemM ul     { float : left; width :100%; margin : 20px; text-align : left; }
.cafeMemM li     { padding : 5px; }
.cafeMemM span   { float : left; margin : 2px 5px 0 0; text-align : right; }

/* 카페 스타일 끝 */


/* 회원 스타일 */

.me-1      { margin-top : 10px; padding : 9px 0 6px 6px; width : 580px; font-weight : bold; border : 1px solid #dddfe2; }
.me-2 p    { margin-top : 10px; padding : 6px 0 6px 8px; width : 580px; border-bottom : 1px dotted #dddfe2; }

/* 회원 스타일 끝 */

/* 블로그 관리 스타일 */

.blogBtnT               { float : left; width : 100%; }
.blogBtnT li            { float : right; padding : 5px; }
.blogBtnT .bloL02       { float : left; }
.blogBtnT .bloL02 img   { float : left; }
.blogBtnT .bloL01       { padding : 7px; }


.blogAddBox                       { float : left; width : 700px; margin : 20px; border : 3px solid #cbdcf6; }
.blogAddBox ul                    { float : left; width :100%; margin : 20px; text-align : left; }
.blogAddBox li                    { padding : 5px; }
.blogAddBox .blogAddT span        { float : right; margin-top : 2px; width : 672px; text-align : left; font-weight : bold; }
.blogAddBox .blogAddT-1           { padding-bottom : 20px; }
.blogAddBox .blogAddT-1 span      { float : right; margin-top : 2px; width : 672px; text-align : left; font-weight : bold; }
.blogAddBox .blogAddrss           { padding : 20px 0 30px 24px; text-align : left; background : url(../img/bullet_my.gif); background-position : 11px 24px; background-repeat : no-repeat; }
.blogAddBox .blogAddrss span      { color : #3a68cf; font-weight : bold; }
.blogAddBox .blogAddrss input     { margin-left : 5px; width : 420px; border : none; border-bottom : 1px solid #cecece; }
.blogAddBox .blogAddrss-1         { padding : 10px 0 10px 24px; text-align : left; background : url(../img/bullet_my.gif); background-position : 11px 14px; background-repeat : no-repeat; }
.blogAddBox .blogAddrss-1 span    { color : #3a68cf; font-weight : bold; }
.blogAddBox .blogAddrss-1 input   { margin-left : 5px; width : 550px; border : none; border-bottom : 1px solid #cecece; }
.blogAddBox .blogAddrss-2         { padding : 10px 0 30px 24px; text-align : left; background : url(../img/bullet_my.gif); background-position : 11px 14px; background-repeat : no-repeat; }
.blogAddBox .blogAddrss-2 span    { color : #3a68cf; font-weight : bold; }
.blogAddBox .blogAddrss-2 input   { margin-left : 17px; width : 550px; border : none; border-bottom : 1px solid #cecece; }

/* 블로그 관리 스타일 끝 */




/* 그룹 관리 스타일 */

.groupBox   { float : left; margin : 10px 0 0 6px; width : 773px; }
.groupBox .foldingBox                 { float : left; padding : 10px 0 0 5px; width : 320px; text-align : left; }
.groupBox .foldingBox .dataTbg        { width : 148px; height : 20px; background : url(../img/dataTbg.gif); background-position : left top; background-repeat : no-repeat; }
.groupBox .foldingBox .dataTbg span   { float : left; padding : 4px 0 0 25px; color : #ffffff; font-weight : bold;  }
.groupBox .foldingBox .dataTfolder    { width : 148px; padding : 10px 0 10px 0; }

.groupBox .makeBox                 { float : left; padding-top : 15px; width : 430px; border-left : 1px solid #e0e0e0; }
.groupBox .makeBox .groupmakeBox   { float : left; padding-left : 10px; text-align : left; }
.groupBox .makeBox .groupmakeBox .groupAdd-1         { padding : 10px 0 10px 24px; text-align : left; background : url(../img/bullet_my.gif); background-position : 11px 14px; background-repeat : no-repeat; }
.groupBox .makeBox .groupmakeBox .groupAdd-1 span    { color : #3a68cf; font-weight : bold; }
.groupBox .makeBox .groupmakeBox .groupAdd-1 input   { margin-left : 17px; width : 250px; border : none; border-bottom : 1px solid #cecece; }
.groupBox .makeBox .groupmakeBox .groupAdd-2         { padding : 15px 0 10px 24px; text-align : left; background : url(../img/bullet_my.gif); background-position : 11px 19px; background-repeat : no-repeat; }
.groupBox .makeBox .groupmakeBox .groupAdd-2 span    { color : #3a68cf; font-weight : bold; }
.groupBox .makeBox .groupmakeBox .groupAdd-2 input   { margin-left : 5px; width : 250px; border : none; border-bottom : 1px solid #cecece; }
.groupBox .makeBox .groupmakeBox .groupAdd-3         { padding : 15px 0 10px 24px; text-align : left; background : url(../img/bullet_my.gif); background-position : 11px 19px; background-repeat : no-repeat; }
.groupBox .makeBox .groupmakeBox .groupAdd-3 span    { color : #3a68cf; font-weight : bold; }
.groupBox .makeBox .groupmakeBox .groupAdd-3 input   { margin-left : 5px; width : 275px; border : none; border-bottom : 1px solid #cecece; }


#grboard            { float : left; margin-left : 10px; }
#grboard .bTtr      { height : 40px; background : url(../img/board_T03.gif); background-position : left top; background-repeat : repeat-x; }
#grboard .bTtr td   { vertical-align : top; padding-top : 13px; }
#grboard .bT01      { padding : 2px 0 0 1px; color : #8397c4; background : url(../img/board_T01.gif); background-position : left top; background-repeat : no-repeat; }
#grboard .bT02      { padding : 2px 0 0 1px; color : #8397c4; background : url(../img/board_T02.gif); background-position : left top; background-repeat : no-repeat; }
#grboard .bT03      { width : 2px; background : url(../img/board_T04.gif); background-position : right top; background-repeat : no-repeat; }

#grboard .btr td    { height : 27px; border-bottom : 1px solid #e3e3e3; }
#grboard .b02       { padding-left : 15px; text-align : left; }

/* 그룹 관리 스타일 끝 */



/* 북마크 관리 스타일 */

.booktag        { float : left; margin : 10px 0 0 14px; width : 744px; }
.booktag div    { float : left; position : relative; text-align : left; width : 100%; background : url(../img/bullet_a01.gif); background-position : 12px top; background-repeat : no-repeat; }
.booktag span   { float : left; position : relative; color : #3a68cf; padding : 1px 6px 0 30px; }

.bookWriteBox   { float : left; width : 740px; margin : 10px 0 20px 14px; border : 3px solid #cbdcf6; }
.bookWriteBox .bookWriteinBox                              { float : left; width : 690px; margin : 10px 0 20px 25px; }
.bookWriteBox .bookWriteinBox .url                         { margin : 20px 0 8px 0; text-align : left; font-size : 8pt; background : url(../img/bullet_my.gif); background-position : 5px 4px; background-repeat : no-repeat; }
.bookWriteBox .bookWriteinBox .url span                    { float : left; padding-left : 18px; width : 75px; color : #3a68cf; font-size : 9pt; }
.bookWriteBox .bookWriteinBox .url input                   { margin-right: 10px; width : 350px; border : none; border-bottom : 1px solid #cecece; }
.bookWriteBox .bookWriteinBox .fileT                       { margin : 20px 0 8px 0; text-align : left; font-size : 8pt; background : url(../img/bullet_my.gif); background-position : 5px 4px; background-repeat : no-repeat; }
.bookWriteBox .bookWriteinBox .fileT span                  { float : left; padding-left : 18px; width : 75px; color : #3a68cf; font-size : 9pt; }
.bookWriteBox .bookWriteinBox .fileT input                 { margin-right: 5px; width : 230px; }
.bookWriteBox .bookWriteinBox .title                       { margin : 20px 0 8px 0; text-align : left; background : url(../img/bullet_my.gif); background-position : 5px 4px; background-repeat : no-repeat; }
.bookWriteBox .bookWriteinBox .title span                  { float : left; padding-left : 18px; width : 75px; color : #3a68cf; }
.bookWriteBox .bookWriteinBox .title input                 { width : 580px; border : none; border-bottom : 1px solid #cecece; }
.bookWriteBox .bookWriteinBox .tag                         { margin : 20px 0 8px 0; text-align : left; font-size : 8pt; color : #ff6600; background : url(../img/bullet_my.gif); background-position : 5px 4px; background-repeat : no-repeat; }
.bookWriteBox .bookWriteinBox .tag span                    { float : left; padding-left : 18px; width : 75px; color : #3a68cf; font-size : 9pt; }
.bookWriteBox .bookWriteinBox .tag input                   { margin-right: 10px; width : 350px; border : none; border-bottom : 1px solid #cecece; }
.bookWriteBox .bookWriteinBox .logintag                    { margin : 20px 0 8px 0; text-align : left; font-size : 8pt; color : #ff6600; background : url(../img/bullet_my.gif); background-position : 5px 8px; background-repeat : no-repeat; }
.bookWriteBox .bookWriteinBox .logintag span               { float : left; padding : 5px 0 0 18px; width : 75px; color : #3a68cf; font-size : 9pt; }
.bookWriteBox .bookWriteinBox .logintag input              { margin-right: 10px; width : 150px; height : 18px; border : none; border : 1px solid #cecece; }
.bookWriteBox .bookWriteinBox .cont                        { margin : 20px 0 8px 0; text-align : left; font-size : 8pt; color : #ff6600; background : url(../img/bullet_my.gif); background-position : 5px 4px; background-repeat : no-repeat; }
.bookWriteBox .bookWriteinBox .cont span                   { float : left; padding-left : 18px; width : 75px; color : #3a68cf; font-size : 9pt; }
.bookWriteBox .bookWriteinBox .cont textarea               { width : 580px; height : 100px; border : 1px solid #cecece; }
.bookWriteBox .bookWriteinBox .etc                         { margin : 20px 0 8px 0; text-align : left; font-size : 8pt; padding-bottom : 10px; border-bottom : 1px solid #cbdcf6; background : url(../img/bullet_my.gif); background-position : 5px 4px; background-repeat : no-repeat; }
.bookWriteBox .bookWriteinBox .etc span                    { float : left; padding-left : 18px; width : 75px; color : #3a68cf; font-size : 9pt; }
.bookWriteBox .bookWriteinBox .etc input                   { margin-right: 10px; width : 350px; border : none; border-bottom : 1px solid #cecece; }
.bookWriteBox .bookWriteinBox .sujT                        { margin-top : 10px; padding-bottom : 10px; text-align : left; border-bottom : 2px solid #cbdcf6; background : url(../img/bullet_a01.gif); background-position : left top; background-repeat : no-repeat; }
.bookWriteBox .bookWriteinBox .sujT span                   { float : left; padding : 1px 0 0 22px; width : 112px; color : #3a68cf; font-size : 9pt; font-weight : bold; }
.bookWriteBox .bookWriteinBox .sujT a                      { font-weight : bold; }
.bookWriteBox .bookWriteinBox .sujT a:link                 { color: #3a68cf; }
.bookWriteBox .bookWriteinBox .sujT a:visited              { color: #3a68cf; }
.bookWriteBox .bookWriteinBox .sujT a:active               { color: #fc00ff; }
.bookWriteBox .bookWriteinBox .sujT a:hover                { color: #fc00ff; }
.bookWriteBox .bookWriteinBox .loginT                      { margin-top : 40px; padding : 2px 0 10px 0; text-align : left; border-bottom : 2px solid #cbdcf6; background : url(../img/bullet_a01.gif); background-position : left top; background-repeat : no-repeat; }
.bookWriteBox .bookWriteinBox .loginT span                 { float : left; padding : 0 0 0 22px; width : 85px; color : #3a68cf; font-size : 9pt; font-weight : bold; }
.bookWriteBox .bookWriteinBox .sms                         { margin-top : 40px; padding-bottom : 10px; text-align : left; border-bottom : 2px solid #cbdcf6; background : url(../img/bullet_a01.gif); background-position : left top; background-repeat : no-repeat; }
.bookWriteBox .bookWriteinBox .sms span                    { float : left; padding : 1px 0 0 22px; width : 160px; color : #3a68cf; font-size : 9pt; font-weight : bold; }
.bookWriteBox .bookWriteinBox .sms a                       { font-weight : bold; }
.bookWriteBox .bookWriteinBox .sms a:link                  { color: #3a68cf; }
.bookWriteBox .bookWriteinBox .sms a:visited               { color: #3a68cf; }
.bookWriteBox .bookWriteinBox .sms a:active                { color: #fc00ff; }
.bookWriteBox .bookWriteinBox .sms a:hover                 { color: #fc00ff; }
.bookWriteBox .bookWriteinBox .smsGo                       { margin : 20px 0 8px 0; text-align : left; background : url(../img/bullet_my.gif); background-position : 5px 4px; background-repeat : no-repeat; }
.bookWriteBox .bookWriteinBox .smsGo span                  { float : left; padding-left : 18px; width : 75px; color : #3a68cf; font-size : 9pt; }
.bookWriteBox .bookWriteinBox .smsCom01                    { float : left; margin : 5px 0 8px 0; text-align : left; background : url(../img/bullet_my.gif); background-position : 5px 4px; background-repeat : no-repeat; }
.bookWriteBox .bookWriteinBox .smsCom01 span               { float : left; padding-left : 18px; width : 75px; color : #3a68cf; font-size : 9pt; }
.bookWriteBox .bookWriteinBox .smsCom01 input              { margin-right: 10px; width : 250px; border : none; border-bottom : 1px solid #cecece; }
.bookWriteBox .bookWriteinBox .smsCom02                    { float : left; margin : 5px 0 8px 10px; width : 320px; text-align : left; background : url(../img/bullet_my.gif); background-position : 5px 4px; background-repeat : no-repeat; }
.bookWriteBox .bookWriteinBox .smsCom02 span               { float : left; padding-left : 18px; width : 75px; color : #3a68cf; font-size : 9pt; }
.bookWriteBox .bookWriteinBox .smsCom03                    { float : left; margin : 20px 0 8px 0; text-align : left; background : url(../img/bullet_my.gif); background-position : 5px 4px; background-repeat : no-repeat; }
.bookWriteBox .bookWriteinBox .smsCom03 span               { float : left; padding-left : 18px; width : 100px; color : #3a68cf; font-size : 9pt; }
.bookWriteBox .bookWriteinBox .smsCom03 img				   { cursor: pointer; }
.bookWriteBox .bookWriteinBox .smsGlist                    { float : left; margin-left : 30px; width : 305px; text-align : left; }
.bookWriteBox .bookWriteinBox .smsGlist span               { float : left; margin-right : 4px; }
.bookWriteBox .bookWriteinBox .smsGlist a                  { font-size : 8pt; }
.bookWriteBox .bookWriteinBox .smsGlist a:link             { color: #7a7a7a; }
.bookWriteBox .bookWriteinBox .smsGlist a:visited          { color: #7a7a7a; }
.bookWriteBox .bookWriteinBox .smsGlist a:active           { color: #fc00ff; }
.bookWriteBox .bookWriteinBox .smsGlist a:hover            { color: #fc00ff; }
.bookWriteBox .bookWriteinBox .smsGlist li                 { padding : 5px 0 3px 0; }
.bookWriteBox .bookWriteinBox .smsGlist .smsGlistin        { padding : 5px 0 7px 17px; line-height : 19px; }
.bookWriteBox .bookWriteinBox .smsGlist .smsGlistin span   { float : left; margin : 2px 4px 0 0; }

.bookBtnT              { float : left; margin : 0 0 20px 24px; width : 724px; }
.bookBtnT li           { float : right; padding : 0 5px 0 5px; }
.bookBtnT .boL02       { float : left; }
.bookBtnT .boL02 img   { float : left; }
.bookBtnT .boL01       { padding : 7px; }

#borderB            { margin : 0 0 0 12px; table-layout:fixed; word-break:break-all; }
#borderB .bTtr      { height : 45px; background : url(../img/board_T03.gif); background-position : left top; background-repeat : repeat-x; }
#borderB .bTtr td   { vertical-align : top; padding-top : 13px; }
#borderB .bT01      { width : 30px; background : url(../img/board_T01.gif); background-position : left top; background-repeat : no-repeat; }
#borderB .bT02      { padding : 2px 0 0 1px; color : #8397c4; background : url(../img/board_T02.gif); background-position : left top; background-repeat : no-repeat; }
#borderB .bT03      { width : 2px; background : url(../img/board_T04.gif); background-position : right top; background-repeat : no-repeat; }

#borderB .btr td   { height : 27px; border-bottom : 1px solid #e3e3e3; }
#borderB .b01      { text-align : left; padding : 3px 0 0 5px; }
#borderB .b02      { font-size : 8pt; color : #a7a7a7; }
#borderB .b03      { font-size : 8pt; color : #a7a7a7; }

.bookTop        { float : left; padding-bottom : 10px; width : 600px; text-align : left; border-left : 1px solid #e0e0e0; }
.bookTop div    { margin-left : 11px; word-spacing : 7px; letter-spacing : -0.1em; font-size : 10pt; }
.bookPtop       { float : left; padding-bottom : 10px; width : 600px; text-align : left; }
.bookPtop div   { margin-left : 32px; word-spacing : 7px; letter-spacing : -0.1em; font-size : 10pt; }

.bookPopBox   { float : left; width : 450px; margin : 0 0 15px 15px; border : 3px solid #b6d9e9; background-color : #ffffff; }

#bookPopT                     { margin : 10px 0 10px 0; }
#bookPopT td                  { padding : 10px; }
#bookPopT .bookPopT01         { text-align : left; border-bottom : 1px solid #b6d9e9; }
#bookPopT .bookPopT02         { color : #3a68cf; width : 100px; }
#bookPopT .bookPopT02-1        { color : #3a68cf; width : 130px; }
#bookPopT .bookPopT03         { text-align : left; }
#bookPopT .bookPopT03 input   { margin-top : 3px; width : 330px; height : 20px; font-size : 9pt; }
#bookPopT .bookPopT04         { text-align : left; }
#bookPopT .bookPopT04 input   { margin-top : 3px; width : 200px; height : 20px; font-size : 9pt; }

/* 북마크 관리 스타일 끝 */



/* 검색 스타일 */

#searchMenu                    { float : left; margin-left : 14px; }
#searchMenu td                 { vertical-align : top; border : 1px solid #8cb0e5; background-color : #d5e1f3; }
#searchMenu .rmenue            { padding-top : 10px; height : 25px; font-weight : bold; background-color : #8cb0e5; }
#searchMenu .rmenu             { padding-top : 10px; height : 25px; }
#searchMenu .rmenue a:link     { font-size : 11pt; color : #ffffff; }
#searchMenu .rmenue a:visited  { font-size : 11pt; color : #ffffff; }
#searchMenu .rmenue a:active   { font-size : 11pt; color : #1655b3; }
#searchMenu .rmenue a:hover    { font-size : 11pt; color : #1655b3; }
#searchMenu .rmenu a:link      { font-size : 10pt; color: #303030; }
#searchMenu .rmenu a:visited   { font-size : 10pt; color: #303030; }
#searchMenu .rmenu a:active    { font-size : 10pt; color: #0048ff; }
#searchMenu .rmenu a:hover     { font-size : 10pt; color: #0048ff; }

.relaBox             { float : left; margin : 15px 0 10px 14px; width : 740px; height : 45px; border : 2px solid #dddddd; }
.relaBox ul          { float : left; margin : 17px 0 0 17px; }
.relaBox a:link      { color: #2088d1; }
.relaBox a:visited   { color: #2088d1; }
.relaBox a:active    { color: #c720d1; }
.relaBox a:hover     { color: #c720d1; }

.relaBox-1             { float : left; margin : 15px 0 10px 14px; width : 740px; border : 2px solid #dddddd; }
.relaBox-1 a:link      { color: #2088d1; }
.relaBox-1 a:visited   { color: #2088d1; }
.relaBox-1 a:active    { color: #c720d1; }
.relaBox-1 a:hover     { color: #c720d1; }

.relaTitle      { float : left; margin : 15px 0 0 14px; width : 744px; height : 34px; background : url(../img/bg_title1.gif); background-position : left top; background-repeat : no-repeat; }
.relaTitle ul   { float : left; margin : 9px 0 0 35px; color: #2088d1; font-size : 11pt; font-weight : bold; letter-spacing : -0.1em; }

#relayoutubeT .youin     { padding : 10px 0 5px 17px; text-align : left; letter-spacing :0em; width : 125px; }
#relayoutubeT img        { margin-bottom : 5px; }
#relayoutubeT .youtext   { padding : 3px; }


.ontBox                { float : left; width : 364px; padding-bottom : 15px; }

.ontA                  { margin : 5px 0 10px 5px; width : 364px; background : url(../img/ontBox_02.gif); background-position : left top; background-repeat : repeat-y; }

.ontA .top                   { width : 364px; height : 34px; background : url(../img/ontBox_01.gif); background-position : left top; background-repeat : no-repeat; }
.ontA .top .topT             { float : left; font-weight : bold; color : #ffffff; padding : 17px 0 0 22px; }
.ontA .top .topT span        { float : left; font-weight : normal; color : #ffffff; padding-right : 4px; }
.ontA .top .topM             { float : right; text-align : right; font-size : 8pt; padding : 17px 18px 0 0; }
.ontA .top .topM a:link      { color : #eeeeee; }
.ontA .top .topM a:visited   { color : #eeeeee; }
.ontA .top .topM a:active    { color : #ffffff; }
.ontA .top .topM a:hover     { color : #ffffff; }
.ontA .ont  div              { margin : 7px 0 0 11px; width : 336px; height : 190px; border : 1px solid #73c6f2; }
.ontA .disc-1                { margin : 7px 0 0 14px; width : 330px; font-size : 8pt; text-align : left; line-height : 15px; }
.ontA .disc-2                { margin : 7px 0 10px 14px; padding-bottom : 10px; width : 330px; font-size : 8pt; text-align : left; border-bottom : 1px dotted #dddfe2; }
.ontA .disc-2 a:link         { color: #2088d1; }
.ontA .disc-2 a:visited      { color: #2088d1; }
.ontA .disc-2 a:active       { color: #c720d1; }
.ontA .disc-2 a:hover        { color: #c720d1; }
.ontA .keyy                  { margin : 7px 0 10px 14px; width : 330px; font-size : 8pt; text-align : left; line-height : 15px; }
.ontA .keyy a:link         { color: #2088d1; }
.ontA .keyy a:visited      { color: #2088d1; }
.ontA .keyy a:active       { color: #c720d1; }
.ontA .keyy a:hover        { color: #c720d1; }
.ontA .keyt                  { margin : 17px 0 20px 14px; width : 330px; font-size : 8pt; text-align : left; line-height : 15px; }
.ontA .keyt a:link         { color: #2088d1; }
.ontA .keyt a:visited      { color: #2088d1; }
.ontA .keyt a:active       { color: #c720d1; }
.ontA .keyt a:hover        { color: #c720d1; }

.ontA .bottom          { width : 364px; height : 5px; background : url(../img/ontBox_03.gif); background-position : left top; background-repeat : no-repeat; }

/* 검색 스타일 끝 */


/* 통계 스타일 */

.statbottom             { float : left; width : 100%; margin : 20px; text-align : left; }


/* 통계 스타일 끝 */


/* 팝업관리 */
.popupBox             { float : left; width : 740px; margin : 10px 0 20px 14px; border : 3px solid #cbdcf6; }
#popupBoxT            { margin : 10px; }
#popupBoxT td         { text-align : left; border-bottom : 1px solid #cbdcf6; }
#popupBoxT .poT01     { padding : 12px 0 6px 8px; width : 60px; color : #3a68cf; background-color : #f5f5f5; }
#popupBoxT .poT01 b   { color : #ff6c00; }
#popupBoxT .poT02     { padding : 12px 0 6px 10px; }
#popupBoxT .poT02 textarea   { width : 695px; height : 100px; }

#popupBoxT .ss   { width : 40px; height : 18px; text-align : center; }
#popupBoxT .st   { width : 70px; height : 18px; text-align : center; }
#popupBoxT .su   { width : 250px; height : 18px; text-align : center; }
#popupBoxT .sv   { width : 620px; height : 18px; text-align : center; }
/* 팝업관리 끝 */

/* 이메일과 문자 전송 서비스의 이름으로 찾기에서 div의 테두리 설정 */
.notice_box {
	border: 9px solid #e5eef5;
	margin: 10px 10px 10px 10px;
	padding-top: 5px;
	padding-bottom: 5;
}

.notice_box span {
	color: #40a5db;
	font-weight: bold;
}

.myKeyBox2                { float : left; width : 260px; }

.myKeyA2                  { margin : 5px 0 10px 5px; width : 260px; background : url(../img/myKeyBox_02.gif); background-position : left top; background-repeat : repeat-y; }

.myKeyA2 .top                   { width : 260px; height : 34px; background : url(../img/myKeyBox_01.gif); background-position : left top; background-repeat : no-repeat;}
.myKeyA2 .top .topT             { float : left; font-weight : bold; color : #ffffff; padding : 17px 0 0 22px; }
.myKeyA2 .top .topM             { float : right; text-align : right; font-size : 8pt; padding : 17px 18px 0 0; }
.myKeyA2 .top .topM a:link      { color : #eeeeee; }
.myKeyA2 .top .topM a:visited   { color : #eeeeee; }
.myKeyA2 .top .topM a:active    { color : #ffffff; }
.myKeyA2 .top .topM a:hover     { color : #ffffff; }

.myKeyA2 .bottom          { width : 260px; height : 5px; background : url(../img/myKeyBox_03.gif); background-position : left top; background-repeat : no-repeat; }

.mypbtnA { margin-top : 5px; width : 730px; text-align : right; }

.mypSetup                      { margin : 20px 0 25px 0; width : 730px; background : url(../img/mypA02.gif); background-position : left top; background-repeat : repeat-y; }
.mypSetup .top                 { width : 730; height : 43px; background : url(../img/mypS01.gif); background-position : left top; background-repeat : no-repeat; }
.mypSetup .top .topT           { float : left; font-weight : bold; color : #ffffff; padding : 17px 0 0 22px; }
.mypSetup .top .topM a:link    { color : #eeeeee; }
.mypSetup .top .topM a:visited { color : #eeeeee; }
.mypSetup .top .topM a:active  { color : #ffffff; }
.mypSetup .top .topM a:hover   { color : #ffffff; }
.mypSetup .bottom              { width : 730px; height : 15px; background : url(../img/mypA03.gif); background-position : left bottom; background-repeat : no-repeat; }

.mypSboxOut                { margin : 10px; padding-bottom : 6px; width : 210px; border : 1px solid #ACACAC; }
.mypSboxinT                { padding : 8px 5px 8px 0; font-weight : bold; background-color : #EAEAEA; }
.mypSboxinC                { padding : 7px 5px 4px 21px; text-align : left; background-color : #FFFFFF; }
.btn_apply                 { text-align : right; width : 700px; }

.mypA                      { margin : 5px 0 10px 0; width : 730px; background : url(../img/mypA02.gif); background-position : left top; background-repeat : repeat-y; }
.mypA .top                 { width : 730; height : 43px; background : url(../img/mypA01.gif); background-position : left top; background-repeat : no-repeat; }
.mypA .top .topT           { float : left; font-weight : bold; color : #ffffff; padding : 17px 0 0 22px; }
.mypA .top .topM           { float : right; text-align : right; font-size : 8pt; padding : 17px 18px 0 0; }
.mypA .top .topM a:link    { color : #eeeeee; }
.mypA .top .topM a:visited { color : #eeeeee; }
.mypA .top .topM a:active  { color : #ffffff; }
.mypA .top .topM a:hover   { color : #ffffff; }
.mypA .bottom              { width : 730px; height : 5px; background : url(../img/mypA03.gif); background-position : left top; background-repeat : no-repeat; }

.mypAboxOut                { margin : 10px; padding-bottom : 6px; width : 210px; border : 1px solid #ACACAC; }
.mypAboxinT                { padding : 8px 5px 8px 21px; text-align : left; font-weight : bold; background-color : #EAEAEA; }
.mypAboxinC                { padding : 4px 5px 2px 21px; text-align : left; background-color : #FFFFFF; background : url(../img/bullet_blue.gif); background-position : 13px 12px; background-repeat : no-repeat; }
.mypAboxinC img            { float: left;}
.mypAboxinC .dt          { float : right; text-align : right; color:#64A6EA;}

.mypB                      { margin : 15px 0 10px 0; width : 355px; background : url(../img/mypB02.gif); background-position : left top; background-repeat : repeat-y; }
.mypB .top                 { width : 355; height : 43px; background : url(../img/mypB01.gif); background-position : left top; background-repeat : no-repeat; }
.mypB .top .topT           { float : left; font-weight : bold; color : #ffffff; padding : 13px 0 0 22px; }
.mypB .top .topM           { float : right; text-align : right; font-size : 8pt; padding : 13px 18px 0 0; }
.mypB .top .topM a:link    { color : #eeeeee; }
.mypB .top .topM a:visited { color : #eeeeee; }
.mypB .top .topM a:active  { color : #ffffff; }
.mypB .top .topM a:hover   { color : #ffffff; }
.mypB .bottom              { width : 355px; height : 20px; background : url(../img/mypB03.gif); background-position : left bottom; background-repeat : no-repeat; }
.mypB .mypBli              { text-align : left; padding : 0 6px 2px 25px; margin : 2px 15px 0 15px; border-bottom : 1px solid #e1e1e3; background : url(../img/bullet_blue.gif); background-position : 13px 8px; background-repeat : no-repeat; }
.mypB .mypBli .dt          { float : right; text-align : right; color:#64A6EA;}

/* 파일 Drag&Drop */
#drag_left { width:100px; float:left; color : #3a68cf; font-size : 9pt; font-weight : bold; padding: 5px 0 0 5px;}
#drag_contents { width:610px; float:left;}

/* 그룹토탈 */
.grouptotal   { float : left; margin : 0 0 0 0; width : 780px; }
.grouptotal .totalleftBox                 { float : left; padding : 12px 10px 2px 2px;  width : 380px; text-align : left; }
.grouptotal .totalrightBox                { float : left; padding : 12px 5px 2px 2px;  width : 380px;  }
.grouptalktotal   { float : left; margin : 0 0 0 0; width : 780px; }
.grouptalktotal .totalleftBox                 { float : left; padding : 12px 5px 2px 2px;  width : 380px; text-align : left; }

/* 그룹토탈 left  */
#center2                                                                    { z-index : 1; position : relative; width : 1011px; text-align : center; }
#center2 .contBox                                                           { float : left; margin : 0px; width : 1000px; }
#center2 .contBox .contA                                                    { float : left; width : 170px; margin-top : 0px; }
#center2 .contBox .contB .subBox                       { float : left; margin-left : 5px; width : 780px; background : url(../img/boxT_02_4.gif); background-position : left top; background-repeat : repeat-y; }
#center2 .contBox .contB .subBox .subTitle             { width : 780px; height : 55px; background : url(../img/title_bgSub.gif); background-position : left top; background-repeat : no-repeat; }
#center2 .contBox .contB .subBox .subTitle ul          { padding : 14px 15px 0 0; }
#center2 .contBox .contB .subBox .subTitle li          { float : right; }
#center2 .contBox .contB .subBox .subTitle .subT01     { float : right;}
#center2 .contBox .contB .subBox .subTitle .subT01 img { margin-left : 5px; }
#center2 .contBox .contB .subBox .subTitle .subT02     { float : left; margin : 0 0 0 30px; font-weight : bold; font-size : 11pt; color : #5565c6; }

/* 자료댓글 리스트 */

.viewCombox2                 { float : left; margin : 5px 0 0 24px; width : 724px; }
.viewCombox2 .cmlist{ margin:0px 0px 0px 0px; padding:10px 10px 10px 10px;}
.viewCombox2 .cmlist li{list-style:none; margin:0 0 5px 0; padding:0px 0 0px; } 
.viewCombox2 .cmlist li.reply{padding-left:29px}
.viewCombox2 .cmlist li.reply.insert{padding:9px 0 8px 44px; .padding:8px 0 3px 44px;} 
.viewCombox2 .cmlist .board-box-line-dashed{height:1px; padding:0; overflow:hidden; font:0/0 arial; border-bottom-width:1px; border-bottom-style:dotted;}
.viewCombox2 .cminput {margin:0 0 0;  padding:0 10px 10px 10px; width:100%; border-collapse:collapse;table-layout:fixed;}

.comtextarea4             { width : 470px; border : 1px solid #cecece; ime-mode:active;}
.comtextarea5             { width : 520px; border : 1px solid #cecece; ime-mode:active;}


ul, ol, dl,div,dd,dt,li, a { margin:0; padding:0; list-style:none; font-family : 'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', dotum, gulim, Seoul, tahoma; color:#555; font-weight:normal; }
body { }
.header-menu{ width:1000px; text-align:center; background:#385b91; height:40px; margin-top:30px;margin-bottom:5px;}

#menuTop2{ width:1000px; margin:20px auto;}
#menuTop2 li                   { float : left; }
/*#menuTop2 .menuT01             { padding : 12px 20px 10px 22px; color : #ffffff; font-size : 10pt; font-weight : bold; text-align : left;border-left:1px solid #5e97cc; }*/
#menuTop2 .menuT01             { padding : 12px 15px 10px 22px; color : #ffffff; font-size : 10.5pt; font-weight : bold; text-align : left; }
#menuTop2 .menuT01 a:link      { color : #ffffff; }
#menuTop2 .menuT01 a:visited   { color : #ffffff; }
#menuTop2 .menuT01 a:active    { color : #e4ff02; }
#menuTop2 .menuT01 a:hover     { color : #e4ff02;}
/*#menuTop2 .menuT02             { padding : 12px 22px 10px 22px; color : #ffffff; font-size : 10pt; font-weight : bold; text-align : left; border-left:1px solid #5e97cc; }*/
#menuTop2 .menuT02             { padding : 12px 20px 10px 20px; color : #ffffff; font-size : 10.5pt; font-weight : bold; text-align : center; }
#menuTop2 .menuT02 a 		   { font-weight: bold; font-family: 'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', dotum, gulim, Seoul, tahoma; }
#menuTop2 .menuT02 a:link      { color : #ffffff; }
#menuTop2 .menuT02 a:visited   { color : #ffffff; }
#menuTop2 .menuT02 a:active    { color : yellow; }
#menuTop2 .menuT02 a:hover     { color : yellow; }

#menuTop3{ width:1000px; margin:20px auto;}
#menuTop3 li                   { float : left; }
/*#menuTop2 .menuT01             { padding : 12px 20px 10px 22px; color : #ffffff; font-size : 10pt; font-weight : bold; text-align : left;border-left:1px solid #5e97cc; }*/
#menuTop3 .menuT01             { padding : 9px 15px 6px 22px; color : #ffffff; font-size : 10pt; font-weight : bold; text-align : left; }
#menuTop3 .menuT01 a:link      { color : #ffffff; }
#menuTop3 .menuT01 a:visited   { color : #ffffff; }
#menuTop3 .menuT01 a:active    { color : #e4ff02; }
#menuTop3 .menuT01 a:hover     { color : #e4ff02;}
/*#menuTop2 .menuT02             { padding : 12px 22px 10px 22px; color : #ffffff; font-size : 10pt; font-weight : bold; text-align : left; border-left:1px solid #5e97cc; }*/
#menuTop3 .menuT02             { padding : 9px 15px 6px 15px; color : #ffffff; font-size : 10pt; font-weight : bold; text-align : left; }
#menuTop3 .menuT02 a:link      { color : #ffffff; }
#menuTop3 .menuT02 a:visited   { color : #ffffff; }
#menuTop3 .menuT02 a:active    { color : #e4ff02; }
#menuTop3 .menuT02 a:hover     { color : #e4ff02; }

#menu_notice                { width:130px; height:40px; line-height:40px; color :#e4e4e4; float:right; background-color:#273f65;}
#menu_notice li a			{ margin-left:10px; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', dotum, gulim, Seoul, tahoma; font-size : 10.5pt; }
#menu_notice li a:link      { color : #e4e4e4;}
#menu_notice li a:visited   { color : #e4e4e4;}
#menu_notice li a:active    { color : #ffffff;}
#menu_notice li a:hover     { color : #ffffff;}

#centerTop_search		  { margin:0 0 20px 0; z-index : 1; position : relative; width : 1011px; text-align:left; }
#topmenu_query { padding:1px 5px 3px 5px; width:200px; border:none; height:27px; border:2px solid #385b91; }
#centerTop2                       { z-index : 20; position : relative; width : 1011px; height : 40px; background : url(../img/menuTop3.gif); background-position : left top; background-repeat : repeat-x; }
#centerTop .centerTopB2           { float : left; margin-left: 20px; }

.header-menu li ul{
		background: rgb(109,109,109);
		display:none; 
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:150px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
	}
	.header-menu li:hover ul{
		display:block; 
	}
	.header-menu li li {
		background: #273f65;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:150px;
	}
	.header-menu li:hover li a{
		background:none;
	}
	.header-menu li ul a{
		display:block;
		height:20px;
		font-size:13px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 10px;
		text-align:left;
	}
	.header-menu li ul li:hover a{
		background: rgb(71,71,71);
		border:0px;
		color:#ffffff;
		text-decoration:none;
	}
	
	#menuTop3 .submenuBar {
		padding-top: 0px;
		background-clip: content-box;
	}
	#menuTop2 .submenuBar {
		padding-top: 0px;
		background-clip: content-box;
	}

.btn_group_active 	{ cursor:pointer; border:none; background:#8999e4; color:white; font-size:10.5px; padding:3px 2px; border-radius:0.3em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; z-index:0; position: relative; behavior: url('../../jscss/PIE.htc'); font-family : dotum, 'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', gulim, Seoul, tahoma;  }
.btn_group_noactive	{ cursor:pointer; border:1px solid #8091e2; background:white; color:#8091e2; font-size:10.5px; padding:3px 2px; border-radius:0.3em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; z-index:0; position: relative; behavior: url('../../jscss/PIE.htc'); font-family : dotum, 'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', gulim, Seoul, tahoma;  }
.btn_group_secede		{ cursor:pointer; border:none; background:#eb8d8d; color:white; font-size:10.5px; padding:3px 2px; border-radius:0.3em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; z-index:0; position: relative; behavior: url('../../jscss/PIE.htc'); font-family : dotum, 'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', gulim, Seoul, tahoma;  }
.btn_group_manager		{ cursor:pointer; border:none; background:#195d6b; color:white; font-size:10.5px; padding:3px 2px; border-radius:0.3em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; behavior: url('../../jscss/PIE.htc'); font-family : dotum, 'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', gulim, Seoul, tahoma;  }
.btn_subGroup	{ cursor:pointer; border:none; background:#365075; color:white; font-size:10.5px; padding:3px 2px; border-radius:0.3em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; behavior: url('../../jscss/PIE.htc'); font-family : dotum, 'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', gulim, Seoul, tahoma;  }

.btn_request 	{ cursor:pointer; border:none; background:#8f8f8f; color:white; font-size:10.5px; padding:4px 5px; border-radius:0.3em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; behavior: url('../../jscss/PIE.htc'); font-family : dotum, 'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', gulim, Seoul, tahoma;  }
.btn_request2 	{ cursor:pointer; border:none; background:#aec2da; cursor:pointer; color:white; font-size:10.5px; padding:7px 5px; border-radius:0.3em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; behavior: url('../../jscss/PIE.htc'); font-family : dotum, 'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', gulim, Seoul, tahoma;  }
.btn_group_join { cursor:pointer; border:none; background:#8f8f8f; color:white; font-size:13px; padding:5px 15px; border-radius:0.3em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; behavior: url('../../jscss/PIE.htc'); font-family : dotum, 'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', gulim, Seoul, tahoma; }
.btn_group_joinEnd { border:none; font-size:11px; padding:6px 4px; border:1px solid gray; color:gray; background:white; border-radius:0.3em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; behavior: url('../../jscss/PIE.htc'); font-family : dotum, 'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', gulim, Seoul, tahoma; }

.groupMenu_tbl { margin:0 0 2px 6px; width:165px; background-color:#2b4a76; padding:0px; }
.groupMenu_tbl tr td {  padding:40px 10px; }
#groupMenu_txt { font-size:17px; color:white; font-weight:bold; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', dotum, gulim, Seoul, tahoma; }

.groupPortal_tbl { margin:0 0 10px 6px; width:205px; height:30px; background-color:#2b4a76; }
#groupPortal_txt { font-size:12px; color:white; font-weight:bold; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', dotum, gulim, Seoul, tahoma; }

.leftGroupMenu_tbl { margin:0 0 2px 5px; width:205px; background-color:#2b4a76; padding:0px; }
.leftGroupMenu_tbl tr td {  padding:23px 15px 12px 15px; }
#leftGroupPage_txt { padding:0 0 17px 0px; }
#leftGroupMenu_txt { font-size:17px; color:white; font-weight:bold; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', dotum, gulim, Seoul, tahoma; }

.leftGroupMenu_div {color:white;  margin:2px 0 2px 5px; position: relative; width:205px; height:150px; padding:0px; border-radius:0.5em;-moz-border-radius: 0.5em;-webkit-border-radius: 0.5em;background-size: cover;}
.leftGroupMenu_div .leftGroupPage_divtxt { position: absolute; width:90%; transform: translate(-50%, -50%); top:30%; left:50%; z-index: 2; text-align: center; font-size:17px; color:white;}
.leftGroupMenu_div .leftGroupPage_divtxt a:link { color:#ffffff; font-weight:bold;}
.leftGroupMenu_div .leftGroupPage_divtxt a:visited { color: #ffffff; font-weight:bold;}
.leftGroupMenu_div .leftGroupPage_divtxt a:active { color: #ffffff; font-weight:bold;}
.leftGroupMenu_div .leftGroupPage_divtxt a:hover { color: #ffffff; font-weight:bold;}
.leftGroupMenu_div .leftGroupMenu_divtxt { position: absolute; transform: translate(-50%, -50%); top:80%; left:50%; z-index: 2; text-align: center; font-size:13px; color:white; font-weight:bold; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은고딕', dotum, gulim, Seoul, tahoma; }
.leftGroupMenu_div .leftGroupMenu_divtxt a:link { color: #ffffff; font-weight:bold; }
.leftGroupMenu_div .leftGroupMenu_divtxt a:visited { color: #ffffff; font-weight:bold; }
.leftGroupMenu_div .leftGroupMenu_divtxt a:active { color: #ffffff; font-weight:bold; }
.leftGroupMenu_div .leftGroupMenu_divtxt a:hover { color: #ffffff; font-weight:bold; }
.leftGroupMenu-cover { position: relative; height: 150px; width: 205px; background-color: rgba(0, 0, 0, 0.3); z-index:1; }