#container .top_cont {width:1020px; height:211px;}
#container .mid_cont {width:1020px; height:230px; clear:both;}


/* 배너존 */
#container .bannerzone {width:507px; height:211px; margin-right:5px; float:left; position:relative;}
#container .bannerzone .popup ul {position:absolute; right:15px; top:15px;}
#container .bannerzone .popup li {width:11px; height:11px; margin-left:4px; background-image:url('/images/main/banner_light_off.png'); background-position:left top; background-repeat:no-repeat; list-style:none; display:block; float:left; cursor:pointer;}
#container .bannerzone .popup li.on {background-image:url('/images/main/banner_light_on.png');}


#container .cont01 {width:181px; height:211px; background-image:url('/images/main/bg_photo.gif'); background-position:left top; background-repeat:no-repeat; position:relative; float:left;}
#container .cont01 dt {position:absolute; left:26px; top:24px; border:1px solid #eeeeee;}
#container .cont01 dd {position:absolute; top:137px; left:57px;}

#container .diary {width:320px; height:211px; background-image:url('/images/main/bg_diary.gif'); background-position:left top; background-repeat:repeat-x; border:1px solid #e5e5e5; float:right; position:relative;}
#container .diary h2 {margin:20px 0 22px 25px;}
#container .diary .more {position:absolute; right:20px; top:20px;}
#container .diary .txt {width:280px; height:55px; padding:0 20px; line-height:19px; text-align:justify;}
#container .diary .date {position:absolute; right:20px; top:177px;}

#container .cont02 {width:396px; height:230px; margin:5px 5px 0 0; background-color:#fff; border:1px solid #e5e5e5; float:left; position:relative;}
#container .cont02 .notice {width:360px; height:140px; margin:0 20px 10px 20px; }
#container .cont02 .notice h2 {margin:25px 0 16px 0;}
#container .cont02 .notice .more {position:absolute; right:20px; top:30px;}
#container .cont02 .notice .list01 li {padding-left:8px; background-image:url('/images/common/bullet_notice.gif'); background-position:left 9px; background-repeat:no-repeat; position:relative; line-height:21px;}
#container .cont02 .notice .list01 li span {position:absolute; left:300px; top:0;font-size:11px;color:#008299;}

#container .cont03 {width:377px; height:230px; margin:5px 5px 0 0; background-color:#fff; border:1px solid #e5e5e5; float:left; position:relative;}
#container .cont03 .news {width:360px; height:140px; margin:0 20px 10px 20px; }
#container .cont03 .news h2 {margin:15px 0 15px 0;}
#container .cont03 .news h2 img {margin-right:2px;}
#container .cont03 .news .more {position:absolute; right:20px; top:30px;}
#container .cont03 .news .list01 li {padding-left:8px; background-image:url('/images/common/bullet_notice.gif'); background-position:left 9px; background-repeat:no-repeat; position:relative; line-height:21px;}
#container .cont03 .news .list01 li span {position:absolute; right:20px; top:0;font-size:11px;color:#008299;}

#container .cont04 {width:231px; height:230px; margin-top:5px; background-color:#fff; border:1px solid #e5e5e5; float:right;}
#container .cont04 h2 {margin:25px 0 16px 20px;}
#container .cont04 .list01 li {margin-left:20px; ;padding-left:8px; background-image:url('/images/common/bullet_notice.gif'); background-position:left 9px; background-repeat:no-repeat; position:relative; line-height:21px;}

#container .main_gallery {width:1019px; height:100px; margin-top:12px; background-color:#fff; border:1px solid #e5e5e5; position:relative;}
#container .main_gallery ul {margin-left:44px;}
#container .main_gallery li {margin:15px 15px 0 0; border:2px solid #deddde; float:left;}
#container .main_gallery span.left {position:absolute; left:15px; top:38px;}
#container .main_gallery span.right {position:absolute; right:15px; top:38px;}