/* # GENERAL */

html,body     { height:100%; margin:0px; padding:0px; }
body		      { background-color:rgb(255,255,255); margin:0px; padding:0px; color:rgb(80,80,80); font-family:'맑은고딕',MalgunGothic,dotum,Arial; }
table         { margin:0px; padding:0px; width:100%; border-left:1px solid rgb(229,229,229); border-top:2px solid rgb(229,229,229); font-family:'맑은고딕',MalgunGothic,dotum,Arial; font-size:12px; }
th            { border-bottom:1px solid rgb(150,150,150); border-right:1px solid rgb(229,229,229); text-align:left; padding:5px 10px; color:rgb(80,80,80); white-space:nowrap; font-weight:normal; background-color:rgb(245,245,245); width:10%; }
td            { border-bottom:1px solid rgb(229,229,229); border-right:1px solid rgb(229,229,229); padding:5px 10px; color:rgb(80,80,80); }
.th           { border-bottom:1px solid rgb(229,229,229); border-right:1px solid rgb(229,229,229); padding:5px 10px; color:rgb(80,80,80); background-color:rgb(245,245,245); width:20%; }
input         { border:1px solid rgb(229,229,229); padding:2px; color:rgb(80,80,80); font-size:12px; }
select        { border:1px solid rgb(229,229,229); padding:1px; color:rgb(80,80,80); font-size:12px; }
textarea      { border:1px solid rgb(229,229,229); padding:1px; color:rgb(80,80,80); font-size:12px; }
a:link		    { color:#606060; text-decoration:none; }
a:hover		    { color:#cd3543; text-decoration:underline; background-color:#EEEE33; }
a:visited	    { color:#606060; text-decoration:none; }
a:active	    { color:#cd3543; text-decoration:none; }


.loginBg      { background-color:rgb(245,245,230); }
.loginBi      { margin:auto; margin-top:90px; width:330px; }
.loginTb      { margin:auto; width:330px; padding:50px 25px; background-color:rgb(255,255,255); border:2px dashed rgb(170,170,170); border-radius:13px; box-shadow:2px 3px 5px rgba(0,0,0,0.2); }
.loginTb td   { border:0px; font-size:14px; }
.loginTb .log { border:1px solid rgb(229,229,229); padding:5px; font-size:14px; color:rgb(80,80,80); width:100%; }

.top          { padding:5px 20px; background-color:rgb(60,60,80); }
.top td       { background-color:rgb(60,60,80); border:0px; color:rgb(250,250,250); }
.top table    { border:0px; }
.top td a:link{ color:rgb(86,138,223); text-decoration:none; }

.contents     { padding:30px 30px; font-family:'맑은고딕',MalgunGothic,dotum,Arial; font-size:12px; }
.foot         { margin-top:30px; border-top:1px solid rgb(229,229,229); padding:20px 30px; font-family:Arial; font-size:13px; text-align:center; }
.noBorder     { border:0px; }
.noBorder td  { border:0px; }
.pages        { border:0px; font-size:16px; text-align:center; color:rgb(130,130,130); }
.pages td     { border:0px; font-size:16px; text-align:center; color:rgb(130,130,130); }
.pages a      { font-weight:bold; }
.tab          { width:auto; border-top:1px solid rgb(229,229,229); }
.tab .off     { width:120px; height:30px; text-align:center; }
.tab .on      { width:120px; height:30px; text-align:center; background-color:rgb(245,245,245); font-weight:bold; }


.indexLeft    { width:50%;border:0px solid rgb(50,50,50);float:left; margin-right:10px; }
.indexRight   { width:49%;border:0px solid rgb(50,50,50);float:left; }
.center       { text-align:center; }
.cBasic       { background-color:rgb(245,245,245); }
.cVip         { background-color:rgb(200,255,170); }

.red		      { color:#ff0000; }
.sky		      { color:rgb(86,138,223); }
.gray         { color:rgb(150,150,150); }
.small        { font-size:11px; }
.bold         { font-weight:bold; }
.tright       { text-align:right; }
.tcenter      { text-align:center; }
.btitle       { font-size:18pt; font-weight:bold; letter-spacing:-1px; }
.stitle       { background-color:rgb(200,255,170); font-size:14px; font-weight:bold; padding:2px; }

.btn          { background-color:rgb(240,240,240);
                border:1px solid rgb(210,210,210);
                border-bottom:1px solid rgb(180,180,180);
                padding:4px 8px 1px 8px;
                font-family:'맑은고딕',MalgunGothic,dotum,Arial;
                font-size:11px;
                font-weight:normal;
                color:rgb(100,100,100);
                letter-spacing:-1px;
                cursor: pointer; }
                
.btnBlue      { background-color:rgb(120,170,260);
                border:1px solid rgb(100,150,240);
                border-bottom:1px solid rgb(80,130,220);
                padding:4px 8px 1px 8px;
                font-family:'맑은고딕',MalgunGothic,dotum,Arial;
                font-size:11px;
                font-weight:normal;
                color:rgb(255,255,255);
                letter-spacing:-1px;
                cursor: pointer; }
                
.btnBig       { background-color:rgb(240,240,240);
                border:1px solid rgb(210,210,210);
                border-bottom:1px solid rgb(180,180,180);
                border-radius:3px;
                padding:10px 12px 6px 12px;
                font-family:'맑은고딕',MalgunGothic,dotum,Arial;
                font-size:12px;
                font-weight:normal;
                color:rgb(100,100,100);
                letter-spacing:-1px;
                cursor: pointer; }
                
.btnBlueBig   { background-color:rgb(120,170,260);
                border:1px solid rgb(100,150,240);
                border-bottom:1px solid rgb(80,130,220);
                border-radius:3px;
                padding:10px 12px 6px 12px;
                font-family:'맑은고딕',MalgunGothic,dotum,Arial;
                font-size:12px;
                font-weight:normal;
                color:rgb(255,255,255);
                letter-spacing:-1px;
                cursor: pointer; }


/* # MENU-MENUITEM */
#menu         { border:0px; padding:0px; }
#menu td      { border:0px; padding:0px; background-color:rgb(255,100,100); }
#menuBar      { color:rgb(255,255,255);
                padding:10px 22px;
                z-index: 2; }
a.menuButton, a.menuButton:visited {
                background-color: Transparent;
                color:rgb(255,255,255);
                padding:10px 10px;
                position: relative;
                left: 0px;
                top: 0px;
                text-decoration: none;
                cursor: hand;
                z-index: 2; }
a.menuButton:hover {
                background-color:rgb(255,255,255);
                color:rgb(80,80,80);
                cursor: hand;
                text-decoration: none;
                z-index: 2; }
a.menuButtonActive {
                background-color:rgb(255,255,255);
                color:rgb(80,80,80);
                padding:10px 10px;
                position: relative;
                left: 0px;
                top: 0px;
                text-decoration: none;
                cursor: hand;
                z-index: 2; }
a.menuButtonActive:hover, a.menuButtonActive:visited {
                border-bottom:0px;
                color:rgb(80,80,80);
                text-decoration: none;
                cursor: hand;
                z-index: 2; }
.menu {
                background-color:rgb(255,255,255);
                color:rgb(80,80,80);
                border: 1px solid rgb(180,180,180);
                border-top:0px;
                padding:5px 0px;
                position: absolute;
                text-align: left;
                visibility: hidden;
                cursor: hand;
                z-index: 3; }
a.menuItem, a.menuItem:visited  {
                background-color: transparent;
                color:rgb(80,80,80);
                padding:4px 12px;
                cursor: default;
                display: block;
                margin: 0px;
                text-decoration: none;
                white-space: nowrap;
                cursor: hand;
                z-index: 3; }
a.menuItem:hover {
                background-color:rgb(255,200,200);
                text-decoration: none;
                color:rgb(80,80,80);
                padding:4px 12px;
                cursor: hand;
                z-index: 3; }
.menuItemSep { border:1px dotted rgb(180,180,180); }


/* AJAX Edit Area */
/* input FONT-SIZE: 12px; FONT-FAMILY: "돋움, Dotum"; COLOR: #383838; BACKGROUND-COLOR: #FFFFFF; height:20px; padding:3px; */
.ajaxEditDo		{ border: 2px solid #FF6666; padding: 1px; width: 90%; }
.ajaxEditOn		{ border: 2px solid #00AAFF;  padding: 1px; width: 90%; }
/* IE margin, FF padding */
.ajaxEditOff	{ border: 1px solid #ffffff;  padding: 2px; background-color: Transparent; width: 90%; }
.ajaxEditOver { border: 1px solid #00AAFF;  padding: 2px; width: 90%; }

