@import "default.css";
@import "layout.css";
#wrapper {background:url(../images/main/main_bg.gif) 0 0 repeat-x;}

/* ·Î±×ÀÎ */
.login {position:relative;margin:0 0 0 0;padding:18px 20px 0 15px; width:180px; height:132px; background:url(../images/main/login_bg.gif) 0 0 no-repeat;}
.login h3 {padding-bottom:12px;}
.login label.lab {display:inline-block; width:22px; vertical-align:top; padding-top:4px; color:#505050; font-size:11px; font-family:dotum; letter-spacing:-1px;}
.login input.type_text {padding:0; border:1px solid #c8c8c8; width:86px; height:18px; background-color:#fff;}
.login p.id, .login p.password {height:22px;}
.login p.login_bt {position:absolute; right:30px; margin:-44px 0px 0 0; text-align:right;}
.login p.login_bt img {vertical-align:top;}
.login p.save {padding-top:4px; color:#000000; font-size:11px;}
.login p.user_bt {position:relative;padding-top:3px; text-align:center;}
#id_save {position:relative; top:3px;}


/* °Ô½ÃÆÇ */
/*
#board_tab {float:left; position:relative; width:300px; height:180px; background:url(../images/main/board_tabBg.gif) 0 23px repeat-x;}
#tab1c1, #tab1c2 {position:absolute; left:0; width:300px;}
#tab1, #tab2 {float:left; padding-right:2px;}
*/
#board_tab {float:left; position:relative; width:300px; height:170px; margin:0 0 10px 10px;background:url(../images/main/board_tabBg.gif) 0 23px repeat-x;}
#tab1, #tab2 {float:left;z-index:1;}
#tab1c1, #tab1c2 {position:absolute; left:0; width:300px;z-index:1;}
#board_tab .title_off {background:url(../images/main/board_tab_off.gif) 0 0 repeat-x; height:26px; width:120px; padding:5px 0 0 0 ; overflow:hidden; font-size:11px;text-align:center;}
#board_tab .title_off  a {color:#888888;}
#board_tab .title_on {background:url(../images/main/board_tab_on.gif) 0 0 repeat-x; height:26px; width:120px; padding:5px 0 0 0 ; overflow:hidden; font-size:11px;text-align:center;}
#board_tab .title_on  a {color:#ffffff;}
#board_tab  H3 div {height:26px; width:120px;}
#board_tab .more {position:absolute;top:-25px; right:0px}
#board_tab .more a {color:#969696;}
.board li span.date {float:right; color:#aaaaaa;width:50px;}

.board {padding-top:13px; width:300px; }
.board li {float:left; padding:2px 0; line-height:17px; width:300px;}
.board li a {float:left; padding-left:8px; width:242px; background:url(../images/main/board_bu.gif) 0 46% no-repeat;}
.board li span.date {float:right; color:#aaaaaa;width:50px;}
.board li img {vertical-align:middle;}
.more {position:absolute; top:-19px; right:0;}
.more a {color:#969696;}

.news {float:left; position:relative; width:300px; height:180px;}
.news h3 {padding-top:4px; height:20px; color:#1e1e1e; font-weight:bold; font-size:12px; background:url(../images/main/news_tBg.gif) 0 100% no-repeat;}
.news h3 span {color:#386ec8;}
.news p {position:absolute; top:5px; right:0;}

/* °¶·¯¸® */
.gallery {clear:both; position:relative; width:300px;margin:0 0 0 5px;}
.gallery h3 {padding:4px 0 0 20px; height:20px; color:#111; font-weight:bold; font-size:12px; background:url(../images/main/gallery_tbg.gif) 0 50% no-repeat;}
.gallery h3 span {color:#386ec8;}
.gallery ul {float:left; width:300px; height:80px;}
.gallery ul li {float:left; display:inline; padding-right:6px; text-align:center;}
.gallery ul li.end {padding-right:0;}
.gallery ul li img {display:block; margin-bottom:3px; padding:1px; border:1px solid #c4c4c4; background:#fff;}
.gallery ul li a {font-size:11px;}
.gallery .sbj {width:90px; overflow:hiddne;margin-bottom:3px;}
.gallery p {position:absolute; top:5px; right:0;}

/* ÀÏÁ¤°ü¸® */
.schedule {clear:both; padding:0 10px; width:200px; background:url(../images/main/schedule_tit.png) 50% 0 no-repeat;}
.schedule blockquote {padding-top:4px; background:url(../images/main/schedule_bg.gif) 50% 0 no-repeat;}
.schedule table {border-collapse:collapse;}
.schedule caption {visibility:visible; height:20px; text-align:center; color:#006c00; font-size:12px;}
.schedule caption img {padding:0 20px;}
.schedule th {border-bottom:1px solid #ececec; color:#000; font-weight:normal; font-size:11px;}
.schedule td {padding:3px 0 0 0; border-bottom:1px solid #ececec; width:24px; text-align:center; background:#fff;}
.schedule .sat, .schedule .sat a {color:blue; border-right:none;}
.schedule .sun, .schedule .sun a {color:red;}

/* ºü¸¥¸Þ´º */
.family {float:left; margin:20px 0 30px 10px; width:310px;height:83px;overflow:hidden;}
.family ul {float:left;}
.family ul li {float:left; display:inline; padding-right:0px;}
.family ul li img {vertical-align:top;}

/* ¹è³Ê¸ðÀ½ */
.banner_zone {clear:both; margin:-40px auto 0 auto; padding-top:4px; border-top:1px solid #dddddd;height:50px;}
.banner_zone .site {overflow:hidden; margin:0 auto; padding:0 0 8px 0; width:1000px;}
.banner_zone .site h3 {float:left; padding:17px 0 0 20px; width:80px; height:12px; background:url(../images/main/banner_tbg.gif) 100% 0 no-repeat;}
.banner_zone .site ul {float:left; padding-left:10px; width:890px;}
.banner_zone .site ul li {float:left; padding-left:30px;}

.quick {clear:both; position:relative; top:0px; padding-bottom:20px; width:200px;z-index:100;}
.quick ul {padding:10px; background:url(../images/main/quick_bx.gif) 0 0 no-repeat;}
.quick ul li {padding:9px 0 0 0px; height:21px; background:url(../images/main/banner_dot.gif) 0 50% no-repeat; border-bottom:1px solid #dddddd;}
.quick ul li a {padding-left:20px; font-weight:bold; letter-spacing:-1px;}


/* Æ˾÷Á¸ */
.popup_zone {z-index:50; position:absolute; left:50%; top:500px; margin-left:200px; width:300px; height:130px;}
.popup_zone h3 {padding-top:4px; height:20px; color:#1e1e1e; font-weight:bold; font-size:12px; background:#fff;}
#popup {clear:both; z-index:60; visibility:visible; position:relative; left:0px; top:0px; width:300px; height:100px;}
.mainpop {visibility:hidden; overflow:hidden; position:absolute; left:0; top:0; width:300px; height:100px;}
.mainpop a {text-decoration:none;}
.popbt {float:left; position:absolute; width:300px; text-align:right;}
.popbt p.play {position:relative; top:-20px; left:-70px; padding:0; text-align:right;}
.popbt dl {float:right; position:relative; top:-20px;}
.popbt dl dd {float:left; display:inline; padding-left:4px;}