body {
      margin : 0;
      padding : 0;
      font-size : 9pt;
      font-family : 돋움, 돋움체, 굴림, 굴림체, 한강체, 서울체, Seoul, tahoma;
      scrollbar-face-color:#FFFFFF;
      scrollbar-highlight-color: #AAAAAA;
      scrollbar-3dlight-color: #FFFFFF;
      scrollbar-shadow-color: #AAAAAA;
      scrollbar-darkshadow-color: #FFFFFF;
      scrollbar-track-color: #EEEEEE;
      scrollbar-arrow-color: #AAAAAA;
      background-color : #FFFFFF;
      background-color:#252251;background-image:url(../img/main/main_bg.jpg);background-repeat:repeat-x;background-position:left top;
}

td    { font-size : 9pt; color : #383838; font-family : 돋움, 돋움체, 굴림, 굴림체, 한강체, 서울체, Seoul, tahoma; }
img   { margin : 0; border : 0; }
div   { margin : 0; padding : 0; border : 0; font-family : 돋움, 돋움체, 굴림, 굴림체, 한강체, 서울체, Seoul, tahoma; }
span  { margin : 0; padding : 0; border : 0; font-family : 돋움, 돋움체, 굴림, 굴림체, 한강체, 서울체, Seoul, tahoma; }
form  { margin : 0; padding : 0; border : 0; }
ul    { list-style : none; margin : 0; padding : 0; }
li    { list-style : none; margin : 0; padding : 0; }

select,option         { font-size: 9pt; }

a:link      { text-decoration: none; color: #cccccc; }
a:visited   { text-decoration: none; color: #cccccc; }
a:active    { text-decoration: none; color: #cccccc; }
a:hover     { text-decoration: none; color: #ffffff; }

#mainbgbg                               { position:relative;float:left;background:url(../img/main/mainbg.jpg) left top no-repeat;width:1000px;height:856px;}
#mainlogo                                   { position:absolute; left:0; top:0;z-index:5}

#smenu                                      { position:absolute; left:631px; top:13px;width:370px;height:51px;}
.smenubt                                     { position:relative; float:left;width:370px;text-align:right;cursor:pointer}

.smenubt span img                       { margin:0 0 0 3px}
.period                                         { position:relative;float:left;padding:6px 0 0 0;width:370px;text-align:right;}


#performance                               { position:absolute; left:0; top:31px;z-index:5}

#menu                                          { position:absolute; left:0; top:63px;z-index:4;}


#mainswf                                      { position:absolute; left:154px; top:59px;width:847px;height:482px;background:url(../img/main/main.jpg ) left top no-repeat;}

#maintext                                      { position:absolute; left:169px; top:72px;}

#todayper                                     { position:absolute; left:47px ; top:480px;z-index:3;width:260px;}
.todaytitle                                      { position:relative;float:left;}
.todayarrow                                   { position:relative;float:left;width:110px;text-align:right;}
.todayarrow img                             { margin:2px 0 0 6px;cursor:pointer;}
.todaylist                                         { position:relative;float:left;margin:9px 0 0 3px;width:270px;}
.todayimg                                       { position:relative;float:left;padding:2px; #828293}
.todaylistinfor                                   { position:relative;float:left;padding:0px 0 0 10px;color:#DCDCE3; font-size:8pt;line-height:18px;width:175px;}
.todaylistinfor img                            { margin:2px 5px 0 0}


#sorifepress                                  { position:absolute; left:43px; top:538px;width:142px;z-index:3;display:block}
#sorifepress li                               {position:relative;float:left;display:inline;margin:0 0 -2px 0;padding:0;}
#sorifepress img                            { cursor:pointer;}

#bbs                                              { position:absolute; left:209px ; top:573px;z-index:3;width:310px ! important;width:270px;}
.list                                                 { position:relative;float:left;width:310px;color:#cccccc;font-size:8pt;margin:0 0 4px 5px}
.listlist                                              { position:relative;float:left;width:240px;}


.listdate                                           { position:relative;float:left;width:50px;font-family:verdana;letter-spacing:-1px;text-align:right;color:#8D9AAF}


#performancedate                         { position:absolute; left:546px; top:625px; background:url(../img/main/performance_bg.gif) left top no-repeat;width:309px;height:48px;padding:13px 0 0 164px;}
#performancedate img                   { margin:0 4px 0 0;cursor:pointer;}

#cybertour                                      { position:absolute; left:870px; top:575px ;cursor:pointer;}

#ticket                                            { position:absolute; left:870px; top:628px;cursor:pointer;}

#performancesearch                       { position:absolute; left:546px; top:578px; background:url(../img/main/search_input.gif) left top no-repeat;width:305px;padding:0 0 0 5px;height:28px;}
#performancesearch span                  {margin:0 6px 0 3px;}

#banner                                           { position:absolute; left:32px; top:731px;}
.bannerone                                       { position:relative;float:left;width:473px;height:32px;background:url(../img/main/cooper.gif) left top no-repeat;}
.bannerimg0                                     { position:relative;float:left;}
.bannerimg                                       { position:relative;float:right;width:400px;height:27px;margin:3px 3px 0 0;}
.bannertwo                                       { position:relative;float:left;width:473px;height:32px;background:url(../img/main/festival_link.gif) left top no-repeat;margin:0 0 0 10px}

#copy                                               { position:absolute; left:0; top:787px;width:100%;}
.copybt                                              { position:relative;float:left;width:420px;padding:10px  0 0 35px}



/*                인트로시작             */

#intro                                                  { position:relative;float:left;height:600px;}
.introone                                             { position:absolute; left:0; top:0;}

.introtwo                                             { position:absolute; left:0; top:0;}

/*               왼쪾메뉴시작             */

#leftwidth                                           { position:absolute;left:0; top:31px;width:605px;height:684px;}

#lefleft                                                { position:relative;float:left;background-color:#000000; }
#title                                                   {  position:relative;float:left;}
#search                                               { position:relative;float:left;background:url(../program/icon/search_bg.gif) left top no-repeat ;width:535px;height:96px;margin:2px 0 0 4px; }
#indexone                                            {  position:relative;float:left;width:486px;padding:19px 0 0 26px;}
#indexone span                                   { margin:0 0 0 10px}
#indextwo                                              { position:relative;float:left;width:515px;padding:20px 0 0 10px;}
#indextwo img                                        {position:relative;float:left;cursor:pointer;vertical-align:middle;}
#programlist                                        {overflow-y:scroll; height:450px;width:530px;margin:20px 0 0 0;padding:15px 0 0 0; }
#perlist                                                { height:125px;background-color:#333333;width:480px;margin:0 0 20px 12px;padding:5px 0 0 0}
.simgbg                                                { border:3px solid #F3F3F3}
.listfont td                                              {font-size:8pt}
.leftborder                                                {background:url(../program/icon/line.gif) left top no-repeat ;height:121px;}

#number                                              {  position:relative;float:left;width:505px;margin:7px 0 7px 0;text-align:center;color:#ffffff; }
#number img                                        { margin:0 4px 0 5px }


#leftbottom                                         { position:relative;float:left;}


#leftright                                        { float:right;width:61px;height:684px;}
#leftright_open                                { float:right;width:61px;height:684px;}
#leftright_close                               { float:right;width:61px;height:684px;}




/**----------------------------------------------------------------------------------------------------------
                                                    weget
----------------------------------------------------------------------------------------------------------**/

#myjdi { width: 71px;    position: absolute;    top: 0;    left: 0;     height: 100%;    font-size: 8px;    z-index: 89990;  }
#myjdi #myjdi-left { width: 71px;        height: 100%;    left: 0;    top: 0;    position: relative; }
#myjdi #myjdi-left .jdi-menu {   width: 71px;    height: 100%;    position: absolute;  z-index: 89995;    left: 0px;    top: 0px; background : url(../img/bgSubTop01.gif) left top repeat-y; }
#myjdi #myjdi-left img { cursor : pointer; }
#myjdi #myjdi-left .login  { margin-top : 237px; width : 55px; height : 45px; }
#myjdi #myjdi-left .myPage { margin-top : 2px; width : 51px; height : 57px; }
#myjdi #myjdi-left .menuAll { margin-top : 18px; width : 62px; height : 68px; }
#myjdi #myjdi-left .iconMenu { margin-top : 18px; width : 53px; }
#myjdi #myjdi-left .iconMenu img { margin-bottom : 6px; }
#myjdi #myjdi-left .goMap { margin-top : 30px; width : 51px; height : 21px; }
#myjdi #myJDI-preview { width: 243px; height:100%;    background: url('../img/bgc_prev.gif') repeat-y left 0;    position: absolute;    z-index: 600;        top: 0px;    float: left; }
#myjdi #myJDI-preview .jdi-preview { width: 189px; float: left; height: 100%; background: url('../img/bgc_prev.gif') repeat-y left 0; }

.sideTopbox { width: 243px; height : 187px; background : url("../img/bgc_prevTop.gif") left top repeat-y; }
.intro_priv { width: 243px; height: 187px; background: url("../img/bg_dline_prev.gif") left bottom no-repeat; font-family: dotum; }

.intro_priv h3 { font-size: 14px; letter-spacing: -1px; line-height: 20px; color: #061A5D; margin: 0 0 5px 0; }
.intro_priv h3 strong { color: #F5F5F5; }
.intro_priv span { display: block; font-size: 11px; line-height: 14px; color: #FFFFFF;}

.sideBtn03 { width: 243px; height: 90px; background: url("../img/bg_dline_prev.gif") left bottom no-repeat; font-family: dotum; }

.sideTitle01 { width: 243px; height: 170px; background: url("../img/bg_dline_prev.gif") left bottom no-repeat; font-family: dotum; text-align:left; }
.sideTitle01 ul { margin : 5px 0 0 15px; }
.sideTitle01 li { font-size : 8pt; color : #FFFFFF; padding : 4px 0 2px 11px; background : url(../img/bullet04.gif) 4px 9px no-repeat; }
.sideTitle01 li span { cursor : pointer; }

.close { width: 243px; height: 89px; }
.close img { margin : 20px 10px 0 0; cursor : pointer; }

/* mykb 미리보기 *//*01.11추가 mykb최적화*/
#mykb #mykb-preview .my-preview .service { width:100%; padding: 0 0 20px 15px; float: left; background: url('../img/bg_dline_prev.gif') no-repeat 0 bottom; position: relative; }
/**----------------------------------------------------------------------------------------------------------
                                                    /weget
----------------------------------------------------------------------------------------------------------**/