html,body,p,h1,h2,h3,h4,h5,h6,menu,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,button,select,hr{margin:0;padding:0;} body{background-color:#fff; font-size:0.75em; font-family:"나눔고딕", NanumGothic, "돋움", Dotum, Verdana, Arial;} img,fieldset{border:0} img, input, select {vertical-align:middle;} ul,ol{list-style:none} em,address,i{font-style:normal} a{text-decoration:none; vertical-align:middle; } a:link{color: #949494} a:visited{color: 8d8d8d} a:hover{color: 8d8d8d} a:active{color: 8d8d8d} button{display:inline-block;overflow:hidden;border:0;background:none;cursor:pointer} caption {visibility:hidden;overflow:hidden;top:0;left:0;width:0;height:0;font-size:0;line-height:0;} textarea {resize:none; vertical-align:middle;} /* Common Class */ .hide{width:0;height:0;font-size:0;line-height:0;overflow:hidden;text-indent:-9999px} /*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%; min-width:1140px; background-color:#f2f2f2;} #footer .address{position:relative; width:1140px; margin:0 auto; background:url(../images/footer_bg.png) no-repeat;} #footer .address .footer_infor{position:absolute; height:25px; width:100%; top:18px; left:203px;letter-spacing:0.15em;color:#727272} #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:68px;left:203px;letter-spacing:0.01em;color:#727272;line-height:150%} /*서브Footer부분*/ #sub_footer{position:relative; width:920px; background-color:#f2f2f2;} #sub_footer .address{position:relative; width:920px; height:217px; margin:0 auto; background:url(../images/sub_footer_bg.png) no-repeat;} #sub_footer .address .sub_footer_infor{position:absolute; height:25px; width:100%; top:18px; left:203px;letter-spacing:0.15em;color:#727272} #sub_footer .address .sub_footer_infor li{float:left;} #sub_footer .address .sub_footer_infor li a{display:inline-block; color:#797979;height:30px;line-height:2.3em; font-weight:bold;} #sub_footer .address .sub_footer_infor li span{display:inline-block;width:30px;text-align:center} #sub_footer .address p{position:absolute; top:68px;left:203px;letter-spacing:0.01em;color:#727272;line-height:150%}