@charset "utf-8";

/* Layout Selector */
#container {width:1000px;}
#content {position:relative; width:1000px; margin:0; padding:220px 0 0 0; background:url('../../img/main/main_visual.jpg') no-repeat;}
#contentArea {position:relative; width:1000px; margin:0; padding:0;}
#contentArea div.section01 {display:inline; float:left; width:198px; margin:0 0 0 53px;}
#contentArea div.section02 {display:inline; float:left; width:459px; margin:0 0 0 29px;}
#contentArea div.section02 div.section02_wrap {*zoom:1;}
#contentArea div.section02 div.section02_wrap:after {content:""; display:block; float:none; clear:both;}
#contentArea div.section03 {display:inline; float:right; width:183px; margin:0 56px 0 0;}

/* welcome */
p.welcome{position:absolute; left:482px; top:58px;}

/* banner */
div.bannerCollection {position:absolute; left:280px; top:250px; width:662px; height:52px; background:url('../../img/main/banner_bg.gif') no-repeat;}
div.bannerCollection ul {*zoom:1; margin:0 0 0 5px;}
div.bannerCollection ul:after {content:""; display:block; float:none; clear:both;}
div.bannerCollection ul li {display:inline; float:left; margin:14px 18px 0 18px;}

/* culturalEvents */
div.culturalEvents {width:195px; height:231px; margin:0 0 0 3px; background:url('../../img/main/event_bg.gif') no-repeat;}
div.culturalEvents h3 {padding:12px 0 0 15px;}
div.culturalEvents p.txt {margin:28px 0 0 17px;}

/* localSpeciality */
div.localSpeciality {width:195px; height:67px; margin:7px 0 0 0; background:url('../../img/main/speciality_bg.gif') no-repeat;}
div.localSpeciality h3 {margin:14px 0 0 74px;}
div.localSpeciality p.subject {margin:5px 0 0 74px;}
div.localSpeciality p.content {margin:0 0 0 74px;}

/* organization */
div.organization {display:inline; float:left; width:252px;}
div.organization p.image {display:inline; float:left; margin:15px 0 0 16px;}
div.organization p.image img {width:64px; height:54px;}
div.organization div.list {display:inline; float:left; width:140px; margin:15px 0 0 10px;}
div.organization div.list ul li {padding:0 0 0 10px; background:url('../../img/main/organization_bul.gif') 0 7px no-repeat; line-height:16px;}

/* Seo-gu Vision */
div.vision {display:inline; float:right; width:200px;}
div.vision p.image {display:inline; float:left; margin:15px 0 0 16px;}
div.vision p.image img {width:64px; height:54px;}
div.vision p.txt {display:inline; float:left; width:100px; margin:15px 0 0 10px;}

/* PHOTO GALLERY */
div.photoGallery {position:relative; width:459px; height:121px; margin:30px 0 0 0; background:url('../../img/main/gallery_bg.gif') no-repeat; clear:both;}
div.photoGallery h3 {padding:15px 0 0 22px;}
div.photoGallery div.list {margin:15px 0 0 12px;}
div.photoGallery div.list ul {*zoom:1;}
div.photoGallery div.list ul:after {content:""; display:block; float:none; clear:both;}
div.photoGallery div.list ul li {display:inline; float:left; margin:0 12px 0 0; padding:0 0 0 12px; background:url('../../img/main/gallery_line.gif') 0 center no-repeat;}
div.photoGallery div.list ul li.first-child {background:none;}
div.photoGallery div.list ul li img {width:81px; height:57px; border:2px solid #ffffff;}
div.photoGallery p.more {position:absolute; left:415px; top:12px;}
div.photoGallery p.more a {display:block; padding:6px 0;}

/* mayor */
div.mayor {width:183px; height:102px; background:url('../../img/main/mayor_bg.gif') no-repeat;}
div.mayor h3 {padding:18px 0 0 12px;}
div.mayor p.btn {margin:5px 0 0 17px;}
div.mayor p.btn a {display:block; padding:4px 0;}

/* tour */
div.tour {width:183px; height:122px; margin:12px 0 0 0; background:url('../../img/main/tour_bg.gif') no-repeat;}
div.tour h3 {padding:18px 0 0 17px;}
div.tour ul.txt {margin:12px 0 0 19px;}
div.tour ul.txt li {padding:0 0 0 10px; background:url('../../img/main/tour_txt_bul.gif') 0 center no-repeat; line-height:16px;}
div.tour ul.icon {margin:15px 0 0 0; *zoom:1;}
div.tour ul.icon:after {content:""; display:block; float:none; clear:both;}
div.tour ul.icon li {display:inline; float:left; margin:0 0 0 15px;}
div.tour ul.icon li a {display:block; padding:2px; 0;}