/**
 * @file	: _style/main.css
 * @author	: (ÁÖ)¾Æ¶÷¾¾¾Ø¾¾
 * @brief	: ±âº» ¸ÞÀÎ ·¹À̾ƿô CSS ÆÄÀÏ
 **/
@import url(common.css);
@import url(calendar.css);
@import url(button.css);
@import url(table.css.php);

/* MainLayout */
/* Layout */
#wrap {width:100%; height:100%; margin:0px; padding:0px;}

/* Top */
#header {width:870px; height:333px; margin-left:30px; text-align: left;}
#header .spare {height:28px; margin-left:680px; padding:0px;}
#header .spare ul li {float:left; height:10px; background:url(/images/spare_line.gif) 0px 0px no-repeat; padding:0px 8px 0px 8px; margin-top:8px; font-size:0; line-height:0;}
#header .spare ul li.none {padding:0px 8px 0px 0px; margin-top:8px;}
#header .gnb {width:870px; height:60px; margin:0px; padding:0px;}
#header .img_area {width:870px; height:220px; margin:0px; padding:0px;}
#header .main_img {float:left; width:592px; height:220px; margin:0px; padding:0px;}
#header .popupzone {float:right; width:278px; height:220px; margin:0px; padding:0px;}



/* Contents */
#container {width:870px; height:330px; margin-left:30px; padding:0px;}
#container .snb {float:left; width:215px; margin-right:30px; padding:0px;}
#container .snb .login {width:215px; height:120px; margin-bottom:20px; padding:0px; background:url(/images/loginBack.gif) 0px 0px no-repeat;}

/* ·Î±×ÀÎ */
.login_box {width:195px; height:55px; margin:0px 0px 0px 10px; padding-top:33px;}
.login_box dl {float:left; width:140px; margin:0px;}
.login_box dl dt {float:left; width:22px; margin-top:6px; font-size:0; line-height:0;}
.login_box dl dd {float:left; width:118px; height:22px;}

.login_box p.btn {float:right;}


.join_box {width:195px; margin:0px 0px 0px 10px; padding:0px;}
.join_box ul li {float:left; margin:5px 6px 0px 7px; padding:0px; text-align:center;}

/* ·Î±×¾Æ¿ô */
.logout_box {width:195px; height:55px; margin:0px 0px 0px 10px; padding-top:33px;}
.logout_box dl {float:left; width:140px; margin:0px;}
.logout_box dl dd {float:left; width:130px; height:22px; margin-left:7px;}
.logout_box p.btn {float:right;}

.logout_ch {width:195px; margin:0px 0px 0px 10px; padding:0px;}
.logout_ch ul li {float:left; margin:5px 6px 0px 7px; padding:0px;}

#container .snb .banner {width:215px; height:97px; margin:0px; padding:0px;}
#container .snb .banner ul li {width:215px; height:46px; margin-bottom:5px; padding:0px;}
#container .content {float:left; width:316px; margin-right:30px; padding:0px;}
#container .content .notice {width:316px; height:120px; margin-bottom:20px; padding:0px;}
#container .content .program {width:316px; height:97px; margin:0px; padding:0px;}

/* Notice */
.tabmenu ul.tabList {width:316px; height:20px; border-bottom:1px solid #a5d3b8; margin-bottom:7px;}
.tabmenu ul.tabList li {float:left; margin:0px;}
.tabmenu ul.tabList li.more {float:right; margin-top:3px; font-size:0; line-height:0;}
dl.noticeList {float:left; width:316px;}
dl.noticeList dt {float:left; width:240px; height:19px;}
dl.noticeList dd {width:76px; height:19px; float:left; text-align:right;}

#container .colgroup {float:left; width:278px; margin:0px; padding:0px;}
#container .colgroup .tel_info {float:left; width:278px; height:120px; margin-bottom:20px; padding:0px;}
#container .colgroup .tel_info ul li {float:left; height:20px; margin:15px 5px 0px 0px; padding:0px;}
#container .colgroup .tel_info ul li.none {height:20px; margin:15px 0px 0px 0px; padding:0px;}
#container .colgroup .gallery {float:left; width:278px; height:97px; margin:0px; padding:0px;}

/* °¶·¯¸® */
.tabmenu ul.gallList {width:278px; height:20px; border-bottom:1px solid #d3a5c0; margin-bottom:7px;}
.tabmenu ul.gallList li {float:left; margin:0px; font-size:0; line-height:0;}
.tabmenu ul.gallList li.more {float:right; margin-top:3px; font-size:0; line-height:0;}
.photo ul li {float:left; width:90px; height:59px; background:#ececec; margin-right:4px; padding-top:3px; text-align:center;}
.photo ul li.none {float:left; width:90px; height:59px; margin:0px; background:#ececec;}

/* °ü·Ã»çÀÌÆ®¸ðÀ½ */
.bannerarea {float:left; width:870px; height:38px; margin:0px; padding:0px; background:url(/images/bannersite_back.gif) 0px 0px repeat-x; margin-top:20px;}
.banner_title {float:left;}
ul.bannersite {float:left; width:870px; height:28px; margin-top:10px; padding:0px;}
ul.bannersite li.first {float:left; padding-left:20px;}
ul.bannersite li{float:left; padding-left:30px;}

/* Footer */
#footer {width:100%; height:90px; background:#f2f2f2;}
#footer .logo {width:228px; height:37px; margin:30px 0px 0px 30px !important; margin:30px 0px 0px 15px; float:left;}
#footer .copyright {width:536px; margin-top:15px; float:left;}
#footer .copyright ul li {float:left; height:9px; margin:0px; padding:0px; background:url(/images/btm_line.gif) no-repeat; padding:0px 8px 0px 8px; margin-top:8px; font-size:0; line-height:0;}
#footer .copyright ul li.none {padding:0px 8px 0px 0px; margin-top:8px;}
#footer .address {float:left; height:11px; margin-top:7px; font-size:0; line-height:0;}
#footer .copy {float:left; height:11px; margin-top:2px; font-size:0; line-height:0;}
#footer .familylink {width:126px; margin-top:20px; float:left; text-align:right;}