@charset "euc-kr";
/* layout ========== */
/* layout main º¸Á¤ ===== */
/* body.main À¸·Î »ç¿ë! body#idname Àº ¿ì¼±¼øÀ§°¡ ³ôÀ¸¹Ç·Î ÁÖÀÇ!  */

/*main.css´Â ùȭ¸é¿¡¼­¸¸ »ç¿ëÇÏ´Â º°µµcssÀÌ´Ù. */
body.main {background: url() repeat-x}
body.main #head {}
body.main #wrap {background: url() no-repeat; overflow: visible; }

body.main #body
  {padding-right: 0px; display: block; padding-left: 0px; background: none transparent scroll repeat 0% 0%;
    float: none; padding-bottom: 0px; width: 1000px; padding-top: 0px; top: 0px; height:630px /*copyright À§Ä¡¸¦ Àâ±â À§ÇØ top~º»¹®±îÁöÀÇ heightÀÌ´Ù */}

body.main #body2 /*ÃàÁ¦¿ë default¿¡ Àû¿ë*/
  {padding-right: 0px; display: block; padding-left: 0px; background: none transparent scroll repeat 0% 0%;
    float: none; padding-bottom: 0px; width: 1000px; padding-top: 0px; top: 0px; height:1000px /*copyright À§Ä¡¸¦ Àâ±â À§ÇØ top~º»¹®±îÁöÀÇ heightÀÌ´Ù */}

body.main #mainmovie {z-index: 100;  position: absolute; left: 414px; top: 0px; background: url() no-repeat;}  /*ÀÌ À§Ä¡¸¦ ¹Ù²ÙÁö ¸» °Í*/ 
body.main #mainmovie h1 {padding-right: 0px; padding-left: 0px; left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; position: absolute; top: 0px}
body.main #mainmovie h2 {padding-right: 0px; padding-left: 16px; font-size: 1.1em; background: url() no-repeat 0px 2px; left: 524px; padding-bottom: 0px; margin: 0px; color: #000; padding-top: 0px; letter-spacing: -1px; position: absolute; top: 0px}

body.main #mvisual {z-index: 100; left: 0px; top: 0px; position: absolute; width: px; height: 453px;}
body.main #mvisual img {vertical-align: top}

/* #content el ========== */
ul li img { vertical-align: top; }
body.main a, a:link, a:visited, a:hover, a:active, a:focus { color: #3d3d3d; } 

#mBanner{LEFT: 785px; POSITION: absolute; TOP: 332px; float:left;} /*ÃàÁ¦¿ë default¿¡ Àû¿ë*/
#mBanner ul { padding:0; margin:0}
#mBanner ul li { margin: 0 0 0 0px; float:left;}
#mBanner ul li img { vertical-align: top; margin-right: 3px; }

#mTour{LEFT: 785px; POSITION: absolute; TOP: 332px; float:left;} /*ÃàÁ¦¿ë default¿¡ Àû¿ë*/
#mTour ul { padding:0; margin:0}
#mTour ul li { margin: 0 0 0 0px; float:left;}
#mTour ul li img { vertical-align: top; margin-right: 3px; }

#mBanner2{LEFT: 10px; POSITION: absolute; TOP: 355px; float:left;}
#mBanner2 ul { padding:0; margin:0}
#mBanner2 ul li { margin: 0 0 0 0px; float:left;}
#mBanner2 ul li img { vertical-align: top; margin-right: 3px; }

#mBanner22{LEFT: 2px; POSITION: absolute; TOP: 5px;}
#mBanner22 ul { padding:0; margin:0}
#mBanner22 ul li { margin: 0 0 2 0px;}
#mBanner22 ul li img { vertical-align: top; margin-right: 3px; }

#mBanner3{LEFT: 896px; POSITION: absolute; TOP: 35px; float:left;}

#mFestival{LEFT: 0px; POSITION: absolute; TOP: 465px; float:left;} /*ÃàÁ¦¿ë default¿¡ Àû¿ë*/
#mFestival ul { padding:0; margin:0}
#mFestival ul li { margin: 0 0 0 0px; float:left;}
#mFestival ul li img { vertical-align: top; padding-right: 0px; }

#mTour{LEFT: 0px; POSITION: absolute; TOP: 602px; float:left;} /*ÃàÁ¦¿ë default¿¡ Àû¿ë*/
#mTour ul { padding:0; margin:0}
#mTour ul li { margin: 0 0 0 0px; float:left;}
#mTour ul li img { vertical-align: top; margin-right: 0px; }

#mBoard{LEFT: 0px; POSITION: absolute; TOP: 362px;} /*ÃàÁ¦¿ë default¿¡ Àû¿ë*/

#tab1 /*ùȭ¸é¿ë ´º½º º¸¿©Áֱ⠼³Á¤ */
{display: block; z-index: 3; float: left; background: url() repeat-x; left: 10px; top: 468px; width: 320px; position: absolute}
#tab1 h3 {display: none}
#tab1 h4 {display: none}
#tab1 ul.tab {overflow: hidden; width: 100%}
#tab1 ul.tab li {display: inline; background: none transparent scroll repeat 0% 0%; float: left; margin: 0px}
#tab1 ul.tab li img {vertical-align: top}
#tab1 .tabcontent /*°øÁö»çÇ× º» ³»¿ë ¼³Á¤*/
  {padding-right: 0px; display: block; padding-left: 5px; left: 0px; padding-bottom: 0px; 
   margin: 0px; width: 315px; padding-top: 0px; position: absolute; top: 40px}
#tab1 .more {right: 0px; left: 280px; position: absolute; top: 7px;}
#tab1 .tabcontent *{}

.list .tabcontent ul {width: 100%}
.list .tabcontent ul li {display: inline}
.list .tabcontent ul li a
  {padding-right: 0px; display: block; padding-left: 7px; background: url(/img/main/tab1mlibg.gif) no-repeat 6px 8px;
    padding-bottom: 4px; overflow: auto; width: 100%; cursor: pointer; color: #333; padding-top: 4px}
.list .tabcontent ul li span.subject {padding-right: 0px; display: inline; padding-left: 7px; float: left; padding-bottom: 0px; padding-top: 2px}
.list .tabcontent ul li span.date {display: inline; float: right; color: #3c3c3c; letter-spacing: 0px; text-align: right; padding-top: 2px}
.list .tabcontent ul li span:hover {text-decoration: underline}
.list .tabcontent ul li img {vertical-align: baseline}

#tab2 /*ùȭ¸é¿ë ´º½º º¸¿©ÁÖ±â2 ¼³Á¤ */
{display: block; z-index: 3; float: left; background: url() repeat-x; left: 355px; top: 468px; width: 310px; position: absolute}
#tab2 h3 {display: none}
#tab2 h4 {display: none}
#tab2 ul.tab {overflow: hidden; width: 100%}
#tab2 ul.tab li {display: inline; background: none transparent scroll repeat 0% 0%; float: left; margin: 0px}
#tab2 ul.tab li img {vertical-align: top}
#tab2 .tabcontent /*Áú¹®°ú ´äº¯ º» ³»¿ë ¼³Á¤*/
  {padding-right: 0px; display: block; padding-left: 5px; left: 0px; padding-bottom: 0px; 
   margin: 0px; width: 305px; padding-top: 0px; position: absolute; top: 40px}
#tab2 .more {right: 0px; left: 280px; position: absolute; top: 7px;}
#tab2 .tabcontent *{}


#MMC_Gallery {padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px;  left: 680px; position: absolute; float: left; top: 468px; width: 320px}
#MMC_Gallery h2 { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px}
#MMC_Gallery ul { padding-right: 0px; padding-left: 0px; float: left; padding-bottom: 0px; margin: 0px;  padding-top: 0px}
#MMC_Gallery ul li {width: 100%; display: inline; float: left; vertical-align: middle; padding-right: 0px; padding-left: 0px; padding-bottom: 0px;  padding-top: 5px}
#MMC_Gallery ul li img {float: left; vertical-align: middle}
#MMC_Gallery ul li span.subject2 {display: inline; padding-right: 0px; padding-left: 5px; padding-bottom: 0px; letter-spacing: -0.5pt;}
#MMC_Gallery ul li span.date2 {{display: inline;color: #3c3c3c; text-align: left; padding-left: 5px; letter-spacing: 0pt;}
#MMC_Gallery ul li span:hover {text-decoration: underline}

#MM_Quick {display: block; z-index: 200; left: 0px; position: absolute; top: 0px; width: 100px}
/* #MM_Quick {display: block; z-index: 200; left: 0px; position: absolute; top: -20px; width: 100px} */