#container{position:relative; width:100%; height:100%; background-color:#f2f2f2;} /*메인 롤링*/ #container .content_top{width:100%; height:653px; min-width:1140px; overflow:hidden; } #container .content_top .rolling{position:relative; width:100%; min-width:1140px; height:592px;} #container .content_top .rolling div{position:absolute; width:100%; height:592px; min-width:1140px;} #container .content_top .rolling .main_bg01{background:url(../images/content_top_01.jpg) no-repeat top center;} #container .content_top .rolling .main_bg02{background:url(../images/content_top_02.jpg) no-repeat top center;} #container .content_top .rolling .main_bg03{background:url(../images/content_top_03.jpg) no-repeat top center;} #container .content_top .sumnail_area{position:relative;width:1140px; height:53px; margin:0 auto;} #container .content_top .sumnail_area img{} #container .content_top .sumnail_area ul{position:absolute; top:9px; left:450px;} #container .content_top .sumnail_area ul li{float:left; width:25px; height:25px; margin-left:6px; cursor:pointer; background:url(../images/sumnail.png) no-repeat 0 0; text-align:center;} #container .content_top .sumnail_area ul li img{padding-top:7px;} #container .content_top .sumnail_area ul li.active{ width:92px; background-position:0 -25px } #container .content_top .sumnail_area ul li:first-child{margin-left:30px} /*메인 베너쪽 부분*/ #container .content_center{position:relative; width:100%; height:100%; min-width:1140px;} #container .content_center .banner_zone01{width:1140px; height:250px; margin:0 auto;} #container .content_center .banner_zone01 ul{width:1140px; height:250px;} #container .content_center .banner_zone01 ul li{float:left;} #container .content_center .banner_zone02{width:1140px; height:254px; margin:0 auto;} #container .content_center .banner_zone02 .banner_04{margin-left:853px} #container .content_center .banner_zone03{width:1140px; height:264px; margin:0 auto;} #container .content_center .banner_zone03 ul{width:1140px; height:264px;} #container .content_center .banner_zone03 ul li{float:left; padding-left:8px;} /*게시판부분*/ #container .content_center .banner_zone02 .banner_03_bg{position:absolute; width:853px; height:246px; background:url(../images/banner_03_bg.jpg) no-repeat top center;} #container .content_center .banner_zone02 .banner_03_bg div{float:left;} #container .content_center .banner_zone02 .banner_03_bg .zone_01{width:225px; height:244px;} #container .content_center .banner_zone02 .banner_03_bg .zone_01 .photo_zone{width:184px; height:193px; margin-top:25px; margin-left:25px;} #container .content_center .banner_zone02 .banner_03_bg .zone_02{position:relative; width:342px; height:244px;} #container .content_center .banner_zone02 .banner_03_bg .zone_02 .plus{position:absolute; top:-50px; right:32px; z-index:9999;} #container .content_center .banner_zone02 .banner_03_bg .zone_02 .plus01{position:absolute; top:-50px; right:32px; z-index:9999;} #container .content_center .banner_zone02 .banner_03_bg .zone_02 .direct_btn{position:absolute; top:26px; left:0px; width:322px; height:37px; border-bottom:1px solid #b0b0b0;} #container .content_center .banner_zone02 .banner_03_bg .zone_02 .direct_btn li{float:left; display:inline-block; width:322px; height:37px; background:url(../images/mini_tap_01.png) no-repeat; cursor:pointer;} #container .content_center .banner_zone02 .banner_03_bg .zone_02 .direct_btn .direct_01{width:101px; background-position:0 0px} #container .content_center .banner_zone02 .banner_03_bg .zone_02 .direct_btn .direct_02{width:100px; background-position:-101px -37px} #container .content_center .banner_zone02 .banner_03_bg .zone_02 .direct_box_1{position:absolute; top:91px; left:0px; width:342px; height:149px;} #container .content_center .banner_zone02 .banner_03_bg .zone_02 .direct_box_1 ul{} #container .content_center .banner_zone02 .banner_03_bg .zone_02 .direct_box_1 ul li{background:url(../images/dot.png) no-repeat 0 4px; margin-bottom:12px;} #container .content_center .banner_zone02 .banner_03_bg .zone_02 .direct_box_1 ul li a{padding-left:12px; color:#404040} #container .content_center .banner_zone02 .banner_03_bg .zone_02 .direct_box_1 ul li a span{float:right; padding-right:18px;} #container .content_center .banner_zone02 .banner_03_bg .zone_02 .direct_box_2{position:absolute; top:91px; left:0px; width:342px; height:149px;display:none} #container .content_center .banner_zone02 .banner_03_bg .zone_02 .direct_box_2 ul{} #container .content_center .banner_zone02 .banner_03_bg .zone_02 .direct_box_2 ul li{background:url(../images/dot.png) no-repeat 0 4px; margin-bottom:12px;} #container .content_center .banner_zone02 .banner_03_bg .zone_02 .direct_box_2 ul li a{padding-left:12px; color:#404040} #container .content_center .banner_zone02 .banner_03_bg .zone_02 .direct_box_2 ul li a span{float:right; padding-right:18px;} #container .content_center .banner_zone02 .banner_03_bg .zone_03{position:relative; width:284px; height:244px;} #container .content_center .banner_zone02 .banner_03_bg .zone_03 h1{position:absolute; top:35px; left:29px;} #container .content_center .banner_zone02 .banner_03_bg .zone_03 .plus{position:absolute; top:42px; right:32px;} #container .content_center .banner_zone02 .banner_03_bg .zone_03 .zone_03_txt{position:absolute; top:91px; left:25px; width:259px; height:149px;} #container .content_center .banner_zone02 .banner_03_bg .zone_03 .zone_03_txt li{background:url(../images/dot.png) no-repeat 0 4px; margin-bottom:12px;} #container .content_center .banner_zone02 .banner_03_bg .zone_03 .zone_03_txt li a{padding-left:12px; color:#404040} #container .content_center .banner_zone02 .banner_03_bg .zone_03 .zone_03_txt li a span{float:right; padding-right:18px;} /*메인 베너 아래 맵,문의쪽 부분*/ #container .content_bottom{position:relative; width:100%; height:100%; min-width:1140px;} #container .bottom_zone{width:1140px; height:238px; margin:0 auto;} #container .bottom_zone ul{width:1140px; height:238px;} #container .bottom_zone ul li{float:left; padding-left:8px;} #container .bottom_zone ul .money{padding-left:0px; width:279px; height:181px; background:url(../images/money_bg.jpg) no-repeat top center;} /*Header부분*/ #header{position:relative; width:100%; height:112px; background:url(../images/header_bg.gif) repeat-x;} #header #top_menu{width:1140px; height:112px; min-width:1140px; margin:0 auto;} #header #top_menu .top_gnb{} #header #top_menu .top_gnb .gnb_center{position:relative;} #header #top_menu .top_gnb .gnb_center .logo{position:absolute; top:5px; left:15px;} #header #top_menu .top_gnb .gnb_center .logo_sub{position:absolute; top:62px; left:30px; z-index:9999} #header #top_menu .top_gnb .gnb_center .m_login{position:absolute; top:20px; right:46px; width:194px;} #header #top_menu .top_gnb .gnb_center .m_login li{float:left;} #header #top_menu .top_gnb .gnb_center .gnb{position:absolute; top:53px; left:0px; width:1140px; height:59px; background:url(../images/one_depth_bg.jpg) no-repeat 0 0 ;} #header #top_menu .top_gnb .gnb_center .gnb li{ float:left;margin-top:20px;} #header #top_menu .top_gnb .gnb_center .gnb li a{ display:block; height:20px; background:url(../images/one_depth.png) no-repeat 0 0} /* 병원소개 - OneDepth */ #header #top_menu .top_gnb .gnb_center .gnb .g1 a{ width:62px; background-position:0px 0px } #header #top_menu .top_gnb .gnb_center .gnb .g1 a:hover{ background-position:-111px 0px } #header #top_menu .top_gnb .gnb_center .gnb .g1 a:focus{ background-position:-111px 0px } /* 첨단장비소개 - OneDepth */ #header #top_menu .top_gnb .gnb_center .gnb .g2 a{ width:94px; background-position:0px -35px } #header #top_menu .top_gnb .gnb_center .gnb .g2 a:hover{ background-position:-111px -35px } #header #top_menu .top_gnb .gnb_center .gnb .g2 a:focus{ background-position:-111px -35px } /* 시력교정클리닉 - OneDepth */ #header #top_menu .top_gnb .gnb_center .gnb .g3 a{ width:108px; background-position:0px -70px } #header #top_menu .top_gnb .gnb_center .gnb .g3 a:hover{ background-position:-111px -70px } #header #top_menu .top_gnb .gnb_center .gnb .g3 a:focus{ background-position:-111px -70px } /* 렌즈클리닉 - OneDepth */ #header #top_menu .top_gnb .gnb_center .gnb .g4 a{ width:78px; background-position:0px -105px } #header #top_menu .top_gnb .gnb_center .gnb .g4 a:hover{ background-position:-111px -105px } #header #top_menu .top_gnb .gnb_center .gnb .g4 a:focus{ background-position:-111px -105px } /* 노안교정 - OneDepth */ #header #top_menu .top_gnb .gnb_center .gnb .g5 a{ width:62px; background-position:0px -140px } #header #top_menu .top_gnb .gnb_center .gnb .g5 a:hover{ background-position:-111px -140px } #header #top_menu .top_gnb .gnb_center .gnb .g5 a:focus{ background-position:-111px -140px } /* 커뮤니티 - OneDepth */ #header #top_menu .top_gnb .gnb_center .gnb .g6 a{ width:62px; background-position:0px -175px } #header #top_menu .top_gnb .gnb_center .gnb .g6 a:hover{ background-position:-111px -175px } #header #top_menu .top_gnb .gnb_center .gnb .g6 a:focus{ background-position:-111px -175px } /*풀다운 매뉴*/ #header #top_menu .full_down{display:none; position:absolute; z-index:5; top:112px; left:0px;width:100%; height:202px; background:url(../images/full_bg_xx.png) repeat-x top center;} #header #top_menu .full_down .full_down_wrap{ position:relative; margin:0 auto; width:1140px; height:102px; padding:15px } /* 병원소개 - TwoDepth */ #header #top_menu .full_down .full_down_wrap .gnb_sub1{ position:absolute; left:277px; width:96px; height:122px;} #header #top_menu .full_down .full_down_wrap .gnb_sub1 li{ margin-bottom:10px } #header #top_menu .full_down .full_down_wrap .gnb_sub1 li a{ display:block; width:92px; height:16px; background:url(../images/two_depth.png) no-repeat 0px 0px } #header #top_menu .full_down .full_down_wrap .gnb_sub1 .gs1-1 a{ background-position:0px 0px } #header #top_menu .full_down .full_down_wrap .gnb_sub1 .gs1-1 a:hover{ background-position:-164px 0px } #header #top_menu .full_down .full_down_wrap .gnb_sub1 .gs1-2 a{ background-position:0px -20px } #header #top_menu .full_down .full_down_wrap .gnb_sub1 .gs1-2 a:hover{ background-position:-164px -20px } #header #top_menu .full_down .full_down_wrap .gnb_sub1 .gs1-3 a{ background-position:0px -40px } #header #top_menu .full_down .full_down_wrap .gnb_sub1 .gs1-3 a:hover{ background-position:-164px -40px } #header #top_menu .full_down .full_down_wrap .gnb_sub1 .gs1-4 a{ background-position:0px -60px } #header #top_menu .full_down .full_down_wrap .gnb_sub1 .gs1-4 a:hover{ background-position:-164px -60px } #header #top_menu .full_down .full_down_wrap .gnb_sub1 .gs1-5 a{ background-position:0px -80px } #header #top_menu .full_down .full_down_wrap .gnb_sub1 .gs1-5 a:hover{ background-position:-164px -80px } /* 첨단장비소개 - TwoDepth */ #header #top_menu .full_down .full_down_wrap .gnb_sub2{ position:absolute; left:418px; width:117px; height:122px; } #header #top_menu .full_down .full_down_wrap .gnb_sub2 li{ margin-bottom:10px } #header #top_menu .full_down .full_down_wrap .gnb_sub2 li a{ display:block; width:164px; height:16px; background:url(../images/two_depth.png) no-repeat 0px 0px } #header #top_menu .full_down .full_down_wrap .gnb_sub2 .gs2-1 a{ background-position:0px -100px } #header #top_menu .full_down .full_down_wrap .gnb_sub2 .gs2-1 a:hover{ background-position:-164px -100px } #header #top_menu .full_down .full_down_wrap .gnb_sub2 .gs2-2 a{ background-position:0px -120px;height:40px; } #header #top_menu .full_down .full_down_wrap .gnb_sub2 .gs2-2 a:hover{ background-position:-164px -120px } /* 시력교정클리닉 - TwoDepth */ #header #top_menu .full_down .full_down_wrap .gnb_sub3{ position:absolute; left:582px; width:117px; height:122px; } #header #top_menu .full_down .full_down_wrap .gnb_sub3 li{ margin-bottom:10px } #header #top_menu .full_down .full_down_wrap .gnb_sub3 li a{ display:block; width:164px; height:16px; background:url(../images/two_depth.png) no-repeat 0px 0px } #header #top_menu .full_down .full_down_wrap .gnb_sub3 .gs3-1 a{ background-position:0px -160px } #header #top_menu .full_down .full_down_wrap .gnb_sub3 .gs3-1 a:hover{ background-position:-164px -160px } #header #top_menu .full_down .full_down_wrap .gnb_sub3 .gs3-2 a{ background-position:0px -180px } #header #top_menu .full_down .full_down_wrap .gnb_sub3 .gs3-2 a:hover{ background-position:-164px -180px } #header #top_menu .full_down .full_down_wrap .gnb_sub3 .gs3-3 a{ background-position:0px -200px } #header #top_menu .full_down .full_down_wrap .gnb_sub3 .gs3-3 a:hover{ background-position:-164px -200px } #header #top_menu .full_down .full_down_wrap .gnb_sub3 .gs3-4 a{ background-position:0px -220px } #header #top_menu .full_down .full_down_wrap .gnb_sub3 .gs3-4 a:hover{ background-position:-164px -220px } #header #top_menu .full_down .full_down_wrap .gnb_sub3 .gs3-5 a{ background-position:0px -240px } #header #top_menu .full_down .full_down_wrap .gnb_sub3 .gs3-5 a:hover{ background-position:-164px -240px } #header #top_menu .full_down .full_down_wrap .gnb_sub3 .gs3-6 a{ background-position:0px -260px } #header #top_menu .full_down .full_down_wrap .gnb_sub3 .gs3-6 a:hover{ background-position:-164px -260px } #header #top_menu .full_down .full_down_wrap .gnb_sub3 .gs3-7 a{ background-position:0px -280px } #header #top_menu .full_down .full_down_wrap .gnb_sub3 .gs3-7 a:hover{ background-position:-164px -280px } /* 렌즈클리닉 - TwoDepth */ #header #top_menu .full_down .full_down_wrap .gnb_sub4{ position:absolute; left:768px; width:120px; height:122px; } #header #top_menu .full_down .full_down_wrap .gnb_sub4 li{ margin-bottom:10px } #header #top_menu .full_down .full_down_wrap .gnb_sub4 li a{ display:block; width:164px; height:16px; background:url(../images/two_depth.png) no-repeat 0px 0px } #header #top_menu .full_down .full_down_wrap .gnb_sub4 .gs4-1 a{ background-position:0px -300px } #header #top_menu .full_down .full_down_wrap .gnb_sub4 .gs4-1 a:hover{ background-position:-164px -300px } /* 노안교정 - TwoDepth */ #header #top_menu .full_down .full_down_wrap .gnb_sub5{ position:absolute; left:905px; width:105px; height:122px; } #header #top_menu .full_down .full_down_wrap .gnb_sub5 li{ margin-bottom:10px } #header #top_menu .full_down .full_down_wrap .gnb_sub5 li a{ display:block; width:164px; height:16px; background:url(../images/two_depth.png) no-repeat 0px 0px } #header #top_menu .full_down .full_down_wrap .gnb_sub5 .gs5-1 a{ background-position:0px -320px; height:40px;} #header #top_menu .full_down .full_down_wrap .gnb_sub5 .gs5-1 a:hover{ background-position:-164px -320px } /* 커뮤니티 - TwoDepth */ #header #top_menu .full_down .full_down_wrap .gnb_sub6{ position:absolute; left:1040px; width:115px; height:122px; } #header #top_menu .full_down .full_down_wrap .gnb_sub6 li{ margin-bottom:10px } #header #top_menu .full_down .full_down_wrap .gnb_sub6 li a{ display:block; width:164px; height:16px; background:url(../images/two_depth.png) no-repeat 0px 0px } #header #top_menu .full_down .full_down_wrap .gnb_sub6 .gs6-1 a{ background-position:0px -360px } #header #top_menu .full_down .full_down_wrap .gnb_sub6 .gs6-1 a:hover{ background-position:-164px -360px } #header #top_menu .full_down .full_down_wrap .gnb_sub6 .gs6-2 a{ background-position:0px -380px } #header #top_menu .full_down .full_down_wrap .gnb_sub6 .gs6-2 a:hover{ background-position:-164px -380px } #header #top_menu .full_down .full_down_wrap .gnb_sub6 .gs6-3 a{ background-position:0px -400px } #header #top_menu .full_down .full_down_wrap .gnb_sub6 .gs6-3 a:hover{ background-position:-164px -400px } #header #top_menu .full_down .full_down_wrap .gnb_sub6 .gs6-4 a{ background-position:0px -420px } #header #top_menu .full_down .full_down_wrap .gnb_sub6 .gs6-4 a:hover{ background-position:-164px -420px } #header #top_menu .full_down .full_down_wrap .gnb_sub6 .gs6-5 a{ background-position:0px -440px } #header #top_menu .full_down .full_down_wrap .gnb_sub6 .gs6-5 a:hover{ background-position:-164px -440px } /*Footer부분*/ #footer{position:relative; width:100%; height:200px; min-width:1140px; background-color:#f2f2f2;} #footer .address{position:relative; width:1140px; height:200px; margin:0 auto; background:url(../images/footer_bg.png) no-repeat;} #footer .address .footer_infor{position:absolute; height:25px; left:290px; width:470px; top:26px;} #footer .address .footer_infor li{float:left;} #footer .address .footer_infor li a{display:inline-block; color:#797979;height:30px;line-height:2.3em; font-weight:bold;} #footer .address .footer_infor li span{display:inline-block;width:30px;text-align:center} #footer .address p{position:absolute; top:72px;left:288px;}