@charset "utf-8";
/* CSS Document */
.header_top_wrap, .header_wrap, .footer_wrap_top, .footer_wrap_b {position:relative; width:100%;min-width: 1200px;}
.header_top_wrap {border-top:4px solid #f4f4f4; border-bottom:1px solid #eaeaea; height:36px; line-height:36px;}
.header, .footer {width:1045px; margin: 0 auto; overflow:hidden;}

.header .header_01 {float:left; width:90px;padding-right: 10px; margin-top:23px;}
.header .header_01 img {margin-top:5px;}
.header .header_01 a:nth-child(3) {float:right;}
.header .header_02 {float:right; color:#ccc;/* margin-top:23px;*/ position:relative; width:500px;}
.header .header_02 > ul { position:absolute; top:38px; right:0 }
.header .header_02 > ul > li { background:url('/img/width_header_right_top_line.jpg') left top no-repeat; padding:0 10px 0 10px; float:left;}
.header .header_02 > ul > li.first{ background:none;}
.header .header_02 > div { position:absolute; top:28px; right:214px;}


.header { height:80px;}
.header h1 {display:inline-block; /*float:left;*/ position:absolute; left:50%; text-align:center; margin-top:23px; margin-left:-84px;}
.header .gnb{float:left; height: 52px;/* margin-top:23px; */ position:absolute; top:71px;}
.header .gnb .dep1{float:left; margin:0 10px 0 10px;}

.clearfix {clear:both}
.footer_wrap_top {margin:20px 0;}
.footer_wrap_b {border-top:1px solid #eaeaea;}
.footer_wrap_b .footer img {margin:13px 10px;}

.header .gnb .dep1 ul{display:none; position:absolute; z-index:9999;}
.header .gnb .dep1 ul li {border-bottom:1px solid #5f6271;}
.header .gnb .dep1 ul li.last{border-bottom:0}

/** gnb lnb 메뉴 이미지 삽입 **/
.header .gnb .dep1 a {text-indent:-9999px;}
.header .gnb .dep1 > a:hover{background-position:0 -26px; background-color:#1b58c8;}
/*.header .gnb .dep1.dep1_1> a:hover, 
.header .gnb .dep1.dep1_2 > a:hover, 
.header .gnb .dep1.dep1_3 > a:hover, 
.header .gnb .dep1.dep1_4 > a:hover,
.header .gnb .dep1.dep1_5 > a:hover, 
.header .gnb .dep1.dep1_6 > a:hover, 
.header .gnb .dep1.dep1_7 > a:hover, 
.header .gnb .dep1.dep1_8 > a:hover, {background-position:0 -26px; background-color:#1b58c8;}
*/
.dep1_over{background-color:#1b58c8;}
/* 서울위드치과 소개*/
.header .gnb .dep1.dep1_1> a {display:block; width:137px; height: 52px; background:url('/img/with_dep1_intro.png') 0 20px no-repeat;}
.header .gnb .dep1.dep1_1 > ul li > a {display:block; width:137px; height:38px;}

.header .gnb .dep1.dep1_1 > ul li:first-child > a {background:url('/img/with_dep2_intro01.png') -5px 8px no-repeat; background-color:#4b4f5a;}
.header .gnb .dep1.dep1_1 > ul li:first-child + li > a {background:url('/img/with_dep2_intro02.png') -5px 8px no-repeat; background-color:#4b4f5a;}
.header .gnb .dep1.dep1_1 > ul li:first-child + li + li > a {background:url('/img/with_dep2_intro03.png') -5px 8px no-repeat; background-color:#4b4f5a;}
.header .gnb .dep1.dep1_1 > ul li:first-child + li + li + li > a {background:url('/img/with_dep2_intro04.png') -5px 8px no-repeat; background-color:#4b4f5a;}
.header .gnb .dep1.dep1_1 > ul li:first-child + li + li + li + li > a {background:url('/img/with_dep2_intro05.png') -5px 8px no-repeat; background-color:#4b4f5a;}
.header .gnb .dep1.dep1_1 > ul li:first-child + li + li + li + li  + li> a {background:url('/img/with_dep2_intro06.png') -5px 8px no-repeat; background-color:#4b4f5a;}

.header .gnb .dep1.dep1_1 > ul li:first-child > a:hover, 
.header .gnb .dep1.dep1_1 > ul li:first-child + li > a:hover, 
.header .gnb .dep1.dep1_1 > ul li:first-child + li + li > a:hover, 
.header .gnb .dep1.dep1_1 > ul li:first-child + li + li + li > a:hover, 
.header .gnb .dep1.dep1_1 > ul li:first-child + li + li + li + li > a:hover,
.header .gnb .dep1.dep1_1 > ul li:first-child + li + li + li + li + li > a:hover {background-position:-156px 8px; background-color:#353842;}


/* 치아교정 */
.header .gnb .dep1.dep1_2 > a {display:block; width:84px; height:52px; background:url('/img/with_dep1_fix.png') 0 20px no-repeat;}

.header .gnb .dep1.dep1_2 > ul li > a {display:block; width:150px; height:38px;}
.header .gnb .dep1.dep1_2 > ul li:first-child > a {background:url('/img/with_dep2_fix01.png') 0 8px no-repeat; background-color:#4b4f5a;}
.header .gnb .dep1.dep1_2 > ul li:first-child + li > a {background:url('/img/with_dep2_fix02.png') 0 8px no-repeat; background-color:#4b4f5a;}
.header .gnb .dep1.dep1_2 > ul li:first-child + li + li > a {background:url('/img/with_dep2_fix03.png') 0 8px no-repeat; background-color:#4b4f5a;}
.header .gnb .dep1.dep1_2 > ul li:first-child + li + li + li > a {background:url('/img/with_dep2_fix04.png') 0 8px no-repeat; background-color:#4b4f5a;}
.header .gnb .dep1.dep1_2 > ul li:first-child + li + li + li + li > a {background:url('/img/with_dep2_fix05.png') 0 8px no-repeat; background-color:#4b4f5a;}
.header .gnb .dep1.dep1_2 > ul li:first-child + li + li + li + li + li > a {background:url('/img/with_dep2_fix06.png') 0 8px no-repeat; background-color:#4b4f5a;}

.header .gnb .dep1.dep1_2 > ul li:first-child > a:hover, 
.header .gnb .dep1.dep1_2 > ul li:first-child + li > a:hover, 
.header .gnb .dep1.dep1_2 > ul li:first-child + li + li > a:hover, 
.header .gnb .dep1.dep1_2 > ul li:first-child + li + li + li > a:hover, 
.header .gnb .dep1.dep1_2 > ul li:first-child + li + li + li + li > a:hover, 
.header .gnb .dep1.dep1_2 > ul li:first-child + li + li + li + li + li > a:hover{background-position:-151px 8px; background-color:#353842;}


/* 임플란트 */
.header .gnb .dep1.dep1_3 > a {display:block; width:81px; height:52px; background:url('/img/with_dep1_implant.png') 0 20px no-repeat;}

/* 라미네이트*/
.header .gnb .dep1.dep1_4 > a {display:block; width:93px; height:52px; background:url('/img/with_dep1_laminate.png') 0 20px no-repeat;}

/* 치아미백*/
.header .gnb .dep1.dep1_5> a {display:block; width:82px; height:52px; background:url('/img/with_dep1_blanch.png') 0 20px no-repeat;}

/* 치아회복 프로그램
.header .gnb .dep1:nth-child(6) > a {display:block; width:82px; height:20px; background:url('/img/with_dep1_blanch.png') 0 0 no-repeat;}
*/

/* 상담/예약 */
.header .gnb .dep1.dep1_6 > a {display:block; width:89px; height:52px; background:url('/img/with_dep1_reserve.png') 0 20px no-repeat;}

.header .gnb .dep1.dep1_6 > ul li > a {display:block; width:150px; height:38px;}
.header .gnb .dep1.dep1_6 > ul li:first-child > a {background:url('/img/with_dep2_reserve01.png') 0 8px no-repeat; background-color:#4b4f5a;}
.header .gnb .dep1.dep1_6 > ul li:first-child + li > a {background:url('/img/with_dep2_reserve02.png') 0 8px no-repeat; background-color:#4b4f5a;}
.header .gnb .dep1.dep1_6 > ul li:first-child + li + li > a {background:url('/img/with_dep2_reserve03.png') 0 8px no-repeat; background-color:#4b4f5a;}

.header .gnb .dep1.dep1_6 > ul li:first-child > a:hover, 
.header .gnb .dep1.dep1_6 > ul li:first-child + li > a:hover, 
.header .gnb .dep1.dep1_6 > ul li:first-child + li + li > a:hover{background-position:-151px 8px; background-color:#353842;}

/* 사례후기 */
.header .gnb .dep1.dep1_7 > a {display:block; width:88px; height:52px; background:url('/img/with_dep1_case.png') 0 20px no-repeat; }

.header .gnb .dep1.dep1_7 > ul li > a {display:block; width:150px; height:38px;}
.header .gnb .dep1.dep1_7 > ul li:first-child > a {background:url('/img/with_dep2_case01.png') 0 8px no-repeat; background-color:#4b4f5a;}
.header .gnb .dep1.dep1_7 > ul li:first-child + li > a {background:url('/img/with_dep2_case02.png') 0 8px no-repeat; background-color:#4b4f5a;}

.header .gnb .dep1.dep1_7 > ul li:first-child > a:hover, 
.header .gnb .dep1.dep1_7 > ul li:first-child + li > a:hover{background-position:-151px 8px; background-color:#353842;}

/* 커뮤니티 */
.header .gnb .dep1.dep1_8 > a {display:block; width:87px; height:52px; background:url('/img/with_dep1_commu.png') 0 20px no-repeat;}
.header .gnb .dep1.dep1_8 > ul li > a {display:block; width:150px; height:38px;}
.header .gnb .dep1.dep1_8 > ul li:first-child > a {background:url('/img/with_dep2_commu01.png') 0 8px no-repeat; background-color:#4b4f5a;}
.header .gnb .dep1.dep1_8 > ul li:first-child + li > a {background:url('/img/with_dep2_commu02.png') 0 8px no-repeat; background-color:#4b4f5a;}

.header .gnb .dep1.dep1_8 > ul li:first-child > a:hover, 
.header .gnb .dep1.dep1_8 > ul li:first-child + li > a:hover{background-position:-151px 8px; background-color:#353842;}

/* 치료회복프로그램 */
.header .gnb .dep1.dep1_9 > a {display:block; width:124px; height:52px; background:url('/img/with_dep9_commu.png') 0 20px no-repeat;}
.header .gnb .dep1.dep1_9 > ul li > a {display:block; width:150px; height:38px;}
.header .gnb .dep1.dep1_9 > ul li:first-child > a {background:url('/img/with_dep2_commu01.png') 0 8px no-repeat; background-color:#4b4f5a;}
.header .gnb .dep1.dep1_9 > ul li:first-child + li > a {background:url('/img/with_dep2_commu02.png') 0 8px no-repeat; background-color:#4b4f5a;}

.header .gnb .dep1.dep1_9 > ul li:first-child > a:hover, 
.header .gnb .dep1.dep1_9 > ul li:first-child + li > a:hover{background-position:-151px 8px; background-color:#353842;}