@import "default.css";
@import "layout.css";

/* ·Î±×ÀÎ */
.login {padding:18px 20px 0 20px; width:180px; height:132px; background:url(../images/main/log_bg.png) 0 0 no-repeat;}
.login h3 {padding-bottom:12px;}
.login label.lab {display:inline-block; width:42px; 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 {clear:both; margin:-44px 0 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 {padding-top:3px; text-align:center;}
#id_save {position:relative; top:3px;}

/* °Ô½ÃÆÇ */
/*
#board_tab {float:left; position:relative; width:480px; height:210px; background:url(../images/main/board_tabBg.gif) 0 25px repeat-x;}
#tab1c1, #tab1c2 {position:absolute; left:0; width:480px;}
#tab1, #tab2 {float:left;}
*/
#board_tab {float:left; position:relative; width:480px; height:210px; margin:0 0 10px 0;background:url(../images/main/board_tabBg.gif) 0 25px repeat-x;}
#tab1, #tab2 {float:left;z-index:1;}
#tab1c1, #tab1c2 {position:absolute; left:0; width:480px;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:#333333;}
#board_tab  H3 div {height:26px; width:120px;}
#board_tab .more {position:absolute;top:-18px; right:0px}
#board_tab .more a {color:#969696;}

.board {padding-top:13px; width:480px;}
.board li {float:left; padding:2px 0; line-height:16px; width:480px;}
.board li a {float:left; padding-left:10px; width:410px; background:url(../images/main/board_bu.gif) 0 40% no-repeat;}
.board li span.date {float:right; color:#b0b0b0;}
.board li img {padding-left:2px; vertical-align:baseline;}
.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:480px;}
.gallery h3 {padding:4px 0 0 16px; height:20px; color:#1e1e1e; font-weight:bold; font-size:12px; background:url(../images/main/gallery_ico.gif) 0 4px no-repeat;}
.gallery ul {float:left; width:480px; 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:7px; border:1px solid #c4c4c4; background:#fff;}
.gallery ul li a {font-size:11px;}
.gallery .sbj {width:100px; overflow:hidden;}
.gallery p {position:absolute; top:5px; right:0;}

/* ÀÏÁ¤°ü¸® */
.schedule {clear:both; position:relative; padding-bottom:16px; width:220px; font-size:12px; background:url(../images/main/schedule_bx.gif) 50% 100% no-repeat;}
.schedule h3 {padding-top:4px; height:20px; color:#1e1e1e; font-weight:bold; font-size:12px; background:#fff;}
.schedule blockquote {padding-top:18px; background:url(../images/main/schedule_bx.gif) 50% 0 no-repeat;}
.schedule table {border-collapse:collapse;}
.schedule caption {visibility:visible; height:26px; _height:10px; text-align:center; color:#484848; font-size:12px;}
.schedule caption img {padding:0 17px;}
.schedule th {padding:3px; border-bottom:1px solid #ececec; font-weight:normal; font-size:11px;}
.schedule td {padding:2px 3px; border-bottom:1px solid #ececec; border-right:1px solid #ececec; width:21px; vertical-align:top; text-align:right; font-size:11px;}
.schedule .sat, .schedule .sat a {color:blue;}
.schedule .sun, .schedule .sun a {color:red;}
.schedule .today {background:#fefeb0;}
.schedule p {position:absolute; top:4px; right:0;}

/* ºü¸¥¸Þ´º */
.family {position:absolute; top:360px; padding:0 0 10px 10px; width:210px;z-index:12;}
.family ul {float:left;}
.family ul li {float:left; display:inline; padding-right:10px;}
.family ul li img {vertical-align:top;}

.app {position:absolute; top:380px; padding:0 10px; width:200px; background:url(../images/main/app_bx.gif) 0 0 no-repeat;z-index:12;}
.app ul li {padding:10px 0;}
.app ul li img {display:block; vertical-align:top;}

.quick {clear:both; position:relative; top:70px; padding-bottom:20px; width:220px; background:url(../images/main/quick_bx.gif) 0 100% no-repeat;}
.quick ul {padding:30px 30px 0 30px; 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/quick_part.gif) 0 100% repeat-x;}
.quick ul li span {padding:0 0 0 20px;font-weight:bold; letter-spacing:-1px; background:url(../images/main/quick_bu.png) 0 50% no-repeat;}


/* ¹è³Ê¸ðÀ½ */
.banner_zone {clear:both; padding-top:5px; background:url(../images/main/banner_bg.gif) 0 0 repeat-x;}
.banner_zone .site {overflow:hidden; margin:0 auto; padding:0 0 8px 0; width:1000px;}
.banner_zone .site h3 {float:left; padding:18px 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;}