body,html{ height:100% ;width:100%; }
#wrap { width:100%; }
#wrap #top_wrap { background-color:#2f2f2f ; height:35px ; position:absolute; width:100% ; z-index:5 }
/* 상단 탑 */
#top_wrap #top { width:980px ; margin:0 auto ; color:#fff ; height:35px ; background-color:#2f2f2f }
#top .family { float:right ; margin-top:5px ; position:relative ; top:0px }
#top .family div#select { width:155px ; height:19px ; background-color:#2f2f2f ; color:#a1a1a1 ; overflow:hidden; *zoom:1 ; border:1px solid #686868 ; font-size:11px ; cursor:pointer ; position:relative }
.family div#select span#select-txt { float:left ; display:block ; padding-left:10px ; line-height:2.0em}
.family div#select span#select-btn { float:right ; display:block }
.family span#select { }
.family div#select_list { position:absolute ;width:145px ; border:1px solid #686868 ; padding-left:10px ; background-color:#2f2f2f ; color:#a1a1a1 ; font-size:11px ; border-top:none ; display:none }
div#select_list ul { padding:5px 0px }
div#select_list ul li { padding:3px 0px ; width:100% }
div#select_list ul li a { display:black ; width:153px ; color:#a1a1a1 }
div#select_list ul li a:hover { color:yellow ; text-decoration:none }
#top dl { float:right ; margin-right:20px ; display:inline }
#top dd { float:left }
#top dd a { text-indent:-9999px ; display:block ; overflow:hidden }
#top dd.login a { width:43px ; height:35px ; background:url("/img/top1.png") no-repeat }
#top dd.login a:hover { background:url("/img/top1_over.png") no-repeat}
#top dd.join a { width:67px ; height:35px ; background:url("/img/top2.png") no-repeat }
#top dd.join a:hover { background:url("/img/top2_over.png") no-repeat }
#top dd.logout a { width:50px ; height:35px ; background:url("/img/logout.png") no-repeat }
#top dd.logout a:hover { background:url("/img/logout.png") no-repeat }
#top dd.sitemap a { width:52px ; height:35px ; background:url("/img/top3.png") no-repeat }
#top dd.sitemap a:hover { background:url("/img/top3_over.png") no-repeat }
#top_wrap #sitemap_wrap{ width:100% ; background:url("/img/sitemap-bg.png") repeat-x ; position:relative ; z-index:9999 ; background-position:0px -1px ; display:none }
#sitemap_wrap #sitemap { margin:0 auto;width:980px }
#sitemap img { position:relative ; z-index:6878 }
/* // 상단 탑 */
/* Logo && Gnb 시작 */
#wrap #header_wrap { background-color:#c41525 ; height:60px ; padding-top:35px ; position:relative; z-index:1 }
#header_wrap #submenu-bg { position:absolute ; z-index:2 ; background:url("/img/submenu-bg.png") repeat-x ; height:69px ; display:none ; width:100% }
#header_wrap #header { width:980px ; margin:0 auto ; background-color:#c41525;}
#header{ /*width: 100%;*/ float:none !important; }
.clear {clear:both;}
#header:after { content:""; display:block ; clear:both }
/* 로고 */
#header_wrap #header h1 { text-indent:-9999px ; float:left ; margin-left:0px ; display:inline ; padding-top:5px }
#header h1 a { display:block ; width:150px ; height:45px ; background:url("/img/logo.png") no-repeat }
/* gnb 시작 */
#header ul#gnb { padding-left:30px ; float:left ; text-indent:-9999px ; width:790px ; display:inline; }
#header ul#gnb li { float:left ; display:inline }
ul#gnb li a { display:block ; overflow:hidden }
ul#gnb li.gnb1 { width:103px ; position:relative ; z-index:4999 }
ul#gnb li.gnb1 a.gnb1 { width:103px ; height:60px ; background:url("/img/gnb1.png") no-repeat }
ul#gnb li.gnb1 a.gnb1:hover { background:url("/img/gnb1_over.png") no-repeat }
ul#gnb li.gnb1 a.gnb1_over { width:103px ; height:60px ; background:url("/img/gnb1_over.png") no-repeat }
/* 서브메뉴 */
ul#gnb li.gnb1 ul#gnb1_sub { position:relative ; z-index:9999 }
ul#gnb1_sub a { overflow:hidden ; display:block ; text-indent:-9999px }
ul#gnb1_sub .common { position:absolute }
ul#gnb1_sub .sub1-1 { position:absolute ; top:30px ; left:35px }
ul#gnb1_sub .sub1-1 a { width:26px;height:15px;background:url("/img/gnb1_sub1.png") no-repeat }
ul#gnb1_sub .sub1-2 { top:30px ; left:90px }
ul#gnb1_sub .sub1-2 a { width:50px;height:15px;background:url("/img/gnb1_sub2.png") no-repeat }
ul#gnb1_sub .sub1-3 { top:30px ; left:160px }
ul#gnb1_sub .sub1-3 a { width:13px;height:15px;background:url("/img/gnb1_sub3.png") no-repeat }
ul#gnb1_sub .sub1-4 { top:30px ; left:195px }
ul#gnb1_sub .sub1-4 a { width:25px;height:15px;background:url("/img/gnb1_sub4.png") no-repeat }
ul#gnb1_sub .sub1-5 { top:30px ; left:240px }
ul#gnb1_sub .sub1-5 a { width:36px;height:15px;background:url("/img/gnb1_sub5.png") no-repeat }
ul#gnb1_sub .sub1-6 { top:30px ; left:295px }
ul#gnb1_sub .sub1-6 a { width:61px;height:15px;background:url("/img/gnb1_sub6.png") no-repeat }
ul#gnb1_sub .sub1-7 { top:30px ; left:375px }
ul#gnb1_sub .sub1-7 a { width:26px;height:15px;background:url("/img/gnb1_sub7.png") no-repeat }
ul#gnb1_sub .sub1-8 { top:30px ; left:415px }
ul#gnb1_sub .sub1-8 a { width:26px;height:15px;background:url("/img/gnb1_sub8.png") no-repeat }
ul#gnb1_sub .sub1-9 { top:30px ; left:455px }
ul#gnb1_sub .sub1-9 a { width:26px;height:15px;background:url("/img/gnb1_sub9.png") no-repeat }
ul#gnb1_sub .sub1-10 { top:30px ; left:495px }
ul#gnb1_sub .sub1-10 a { width:26px; height:15px;background:url("/img/gnb1_sub10.png") no-repeat }
ul#gnb li.gnb2 a.gnb2 { width:103px ; height:60px ; background:url("/img/gnb2.png") no-repeat }
ul#gnb li.gnb2 a.gnb2:hover { background:url("/img/gnb2_over.png") no-repeat }
ul#gnb li.gnb2 a.gnb2_over { width:103px ; height:60px ; background:url("/img/gnb2_over.png") no-repeat }
/* 서브메뉴 */
ul#gnb li.gnb2 { width:103px ; position:relative ; z-index:4999 }
ul#gnb li.gnb2 ul#gnb2_sub { position:relative ; z-index:1 }
ul#gnb2_sub a { overflow:hidden ; display:block ; text-indent:-9999px }
ul#gnb2_sub .common { position:absolute ; z-index:5001 }
ul#gnb2_sub .sub2-1 { top:30px ; left:35px }
ul#gnb2_sub .sub2-1 a { width:26px;height:15px;background:url("/img/gnb1_sub1.png") no-repeat }
ul#gnb2_sub .sub2-2 { top:30px ; left:90px }
ul#gnb2_sub .sub2-2 a { width:50px;height:15px;background:url("/img/gnb1_sub2.png") no-repeat }
ul#gnb2_sub .sub2-3 { top:30px ; left:160px }
ul#gnb2_sub .sub2-3 a { width:13px;height:15px;background:url("/img/gnb1_sub3.png") no-repeat }
ul#gnb2_sub .sub2-4 { top:30px ; left:195px }
ul#gnb2_sub .sub2-4 a { width:25px;height:15px;background:url("/img/gnb1_sub4.png") no-repeat }
ul#gnb2_sub .sub2-5 { top:30px ; left:240px }
ul#gnb2_sub .sub2-5 a { width:36px;height:15px;background:url("/img/gnb1_sub5.png") no-repeat }
ul#gnb2_sub .sub2-6 { top:30px ; left:295px }
ul#gnb2_sub .sub2-6 a { width:61px;height:15px;background:url("/img/gnb1_sub6.png") no-repeat }
ul#gnb2_sub .sub2-7 { top:30px ; left:375px }
ul#gnb2_sub .sub2-7 a { width:26px;height:15px;background:url("/img/gnb1_sub7.png") no-repeat }
ul#gnb2_sub .sub2-8 { top:30px ; left:415px }
ul#gnb2_sub .sub2-8 a { width:26px;height:15px;background:url("/img/gnb1_sub8.png") no-repeat }
ul#gnb2_sub .sub2-9 { top:30px ; left:455px }
ul#gnb2_sub .sub2-9 a { width:26px;height:15px;background:url("/img/gnb1_sub9.png") no-repeat }
ul#gnb2_sub .sub2-10 { top:30px ; left:495px }
ul#gnb2_sub .sub2-10 a { width:26px; height:15px;background:url("/img/gnb1_sub10.png") no-repeat }
ul#gnb li.gnb3 a.gnb3 { width:103px ; height:60px ; background:url("/img/gnb3.png") no-repeat }
ul#gnb li.gnb3 a.gnb3:hover { background:url("/img/gnb3_over.png") no-repeat }
ul#gnb li.gnb3 a.gnb3_over { width:103px ; height:60px ; background:url("/img/gnb3_over.png") no-repeat }
ul#gnb li.gnb3 {width:103px ; position:relative ; z-index:4999 }
/* 서브메뉴 */
ul#gnb li.gnb3 ul#gnb3_sub { width:103px ; position:relative ; z-index:1 }
ul#gnb3_sub a { overflow:hidden ; display:block ; text-indent:-9999px }
ul#gnb3_sub .common { position:absolute ; z-index:5001 }
ul#gnb3_sub .sub3-1 { top:30px ; left:35px }
ul#gnb3_sub .sub3-1 a { width:26px;height:15px;background:url("/img/gnb1_sub1.png") no-repeat }
ul#gnb3_sub .sub3-2 { top:30px ; left:90px }
ul#gnb3_sub .sub3-2 a { width:50px;height:15px;background:url("/img/gnb1_sub2.png") no-repeat }
ul#gnb3_sub .sub3-3 { top:30px ; left:160px }
ul#gnb3_sub .sub3-3 a { width:13px;height:15px;background:url("/img/gnb1_sub3.png") no-repeat }
ul#gnb3_sub .sub3-4 { top:30px ; left:195px }
ul#gnb3_sub .sub3-4 a { width:25px;height:15px;background:url("/img/gnb1_sub4.png") no-repeat }
ul#gnb3_sub .sub3-5 { top:30px ; left:240px }
ul#gnb3_sub .sub3-5 a { width:36px;height:15px;background:url("/img/gnb1_sub5.png") no-repeat }
ul#gnb3_sub .sub3-6 { top:30px ; left:295px }
ul#gnb3_sub .sub3-6 a { width:61px;height:15px;background:url("/img/gnb1_sub6.png") no-repeat }
ul#gnb3_sub .sub3-7 { top:30px ; left:375px }
ul#gnb3_sub .sub3-7 a { width:26px;height:15px;background:url("/img/gnb1_sub7.png") no-repeat }
ul#gnb3_sub .sub3-8 { top:30px ; left:415px }
ul#gnb3_sub .sub3-8 a { width:26px;height:15px;background:url("/img/gnb1_sub8.png") no-repeat }
ul#gnb3_sub .sub3-9 { top:30px ; left:455px }
ul#gnb3_sub .sub3-9 a { width:26px;height:15px;background:url("/img/gnb1_sub9.png") no-repeat }
ul#gnb3_sub .sub3-10 { top:30px ; left:495px }
ul#gnb3_sub .sub3-10 a { width:26px; height:15px;background:url("/img/gnb1_sub10.png") no-repeat }
ul#gnb li.gnb4 a.gnb4 { width:103px ; height:60px ; background:url("/img/gnb4.png") no-repeat }
ul#gnb li.gnb4 a.gnb4:hover { background:url("/img/gnb4_over.png") no-repeat }
ul#gnb li.gnb4 a.gnb4_over { width:103px ; height:60px ; background:url("/img/gnb4_over.png") no-repeat }
ul#gnb li.gnb4 { width:103px ; position:relative ; z-index:4999 }
/* 서브메뉴 */
ul#gnb li.gnb4 ul#gnb4_sub { position:relative ; z-index:1 }
ul#gnb4_sub a { overflow:hidden ; display:block ; text-indent:-9999px }
ul#gnb4_sub .common { position:absolute ; z-index:5001 }
ul#gnb4_sub .sub4-1 { top:30px ; left:-65px }
ul#gnb4_sub .sub4-1 a { width:26px;height:15px;background:url("/img/gnb1_sub1.png") no-repeat }
ul#gnb4_sub .sub4-2 { top:30px ; left:-10px }
ul#gnb4_sub .sub4-2 a { width:50px;height:15px;background:url("/img/gnb1_sub2.png") no-repeat }
ul#gnb4_sub .sub4-3 { top:30px ; left:60px }
ul#gnb4_sub .sub4-3 a { width:13px;height:15px;background:url("/img/gnb1_sub3.png") no-repeat }
ul#gnb4_sub .sub4-4 { top:30px ; left:95px }
ul#gnb4_sub .sub4-4 a { width:25px;height:15px;background:url("/img/gnb1_sub4.png") no-repeat }
ul#gnb4_sub .sub4-5 { top:30px ; left:140px }
ul#gnb4_sub .sub4-5 a { width:36px;height:15px;background:url("/img/gnb1_sub5.png") no-repeat }
ul#gnb4_sub .sub4-6 { top:30px ; left:195px }
ul#gnb4_sub .sub4-6 a { width:61px;height:15px;background:url("/img/gnb1_sub6.png") no-repeat }
ul#gnb4_sub .sub4-7 { top:30px ; left:275px }
ul#gnb4_sub .sub4-7 a { width:26px;height:15px;background:url("/img/gnb1_sub7.png") no-repeat }
ul#gnb4_sub .sub4-8 { top:30px ; left:315px }
ul#gnb4_sub .sub4-8 a { width:26px;height:15px;background:url("/img/gnb1_sub8.png") no-repeat }
ul#gnb4_sub .sub4-9 { top:30px ; left:355px }
ul#gnb4_sub .sub4-9 a { width:26px;height:15px;background:url("/img/gnb1_sub9.png") no-repeat }
ul#gnb4_sub .sub4-10 { top:30px ; left:395px }
ul#gnb4_sub .sub4-10 a { width:26px; height:15px;background:url("/img/gnb1_sub10.png") no-repeat }
ul#gnb li.gnb5 a.gnb5 { width:103px ; height:60px ; background:url("/img/gnb5.png") no-repeat }
ul#gnb li.gnb5 a.gnb5:hover { background:url("/img/gnb5_over.png") no-repeat }
ul#gnb li.gnb5 a.gnb5_over { width:103px ; height:60px ; background:url("/img/gnb5_over.png") no-repeat }
ul#gnb li.gnb5 { width:103px ; position:relative ; z-index:4999 }
/* 서브메뉴 */
ul#gnb li.gnb5 ul#gnb5_sub { position:relative ; z-index:1 }
ul#gnb5_sub a { overflow:hidden ; display:block ; text-indent:-9999px }
ul#gnb5_sub .common { position:absolute ; z-index:5001 }
ul#gnb5_sub .sub5-1 { top:30px ; left:-115px }
ul#gnb5_sub .sub5-1 a { width:108px;height:15px;background:url("/img/gnb3_sub1.png") no-repeat }
ul#gnb5_sub .sub5-2 { top:30px ; left:25px }
ul#gnb5_sub .sub5-2 a { width:62px;height:15px;background:url("/img/gnb3_sub2.png") no-repeat }
ul#gnb5_sub .sub5-3 { top:30px ; left:120px }
ul#gnb5_sub .sub5-3 a { width:108px;height:15px;background:url("/img/gnb3_sub3.png") no-repeat }
ul#gnb li.gnb6 a.gnb6 { width:103px ; height:60px ; background:url("/img/gnb6.png") no-repeat }
ul#gnb li.gnb6 a.gnb6:hover { background:url("/img/gnb6_over.png") no-repeat }
ul#gnb li.gnb6 a.gnb6_over { width:103px ; height:60px ; background:url("/img/gnb6_over.png") no-repeat }
ul#gnb li.gnb6 { width:103px ; position:relative ; z-index:4999 }
/* 서브메뉴 */
ul#gnb li.gnb6 ul#gnb6_sub { position:relative ; z-index:1 }
ul#gnb6_sub a { overflow:hidden ; display:block ; text-indent:-9999px }
ul#gnb6_sub .common { position:absolute ; z-index:5001 }
ul#gnb6_sub .sub6-1 { top:30px ; left:37px }
ul#gnb6_sub .sub6-1 a { width:37px;height:15px;background:url("/img/gnb4_sub1.png") no-repeat }
ul#gnb6_sub .sub6-2 { top:30px ; left:100px }
ul#gnb6_sub .sub6-2 a { width:49px;height:15px;background:url("/img/gnb4_sub2.png") no-repeat }
ul#gnb li.gnb7 a.gnb7 { width:103px ; height:60px ; background:url("/img/gnb7.png") no-repeat }
ul#gnb li.gnb7 a.gnb7:hover { background:url("/img/gnb7_over.png") no-repeat }
ul#gnb li.gnb7 a.gnb7_over { width:103px ; height:60px ; background:url("/img/gnb7_over.png") no-repeat }
ul#gnb li.gnb7 { width:103px ; position:relative ; z-index:4999 }
/* 서브메뉴 */
ul#gnb li.gnb7 ul#gnb7_sub { position:relative ; z-index:1 }
ul#gnb7_sub a { overflow:hidden ; display:block ; text-indent:-9999px }
ul#gnb7_sub .common { position:absolute ; z-index:5001 }
ul#gnb7_sub .sub7-1 { top:30px ; left:-30px }
ul#gnb7_sub .sub7-1 a { width:24px;height:15px;background:url("/img/gnb5_sub1.png") no-repeat }
ul#gnb7_sub .sub7-2 { top:30px ; left:25px }
ul#gnb7_sub .sub7-2 a { width:61px;height:15px;background:url("/img/gnb5_sub2.png") no-repeat }
.submenu { display:none }
#wrap #container_wrap { }
#container_wrap #container { width:980px ; margin:0 auto }
/* 하단 */
#wrap #footer { width:100% }
#footer #info_wrap { height:34px ; background-color:#e3e3e3 ; width:100% }
#info_wrap #info { width:980px ; margin:0 auto ; font-size:11px ; color:#292929 ; background-color:#e3e3e3}
#footer #copyright_wrap { width:100% ; background-color:#f7f7f7 }
#copyright_wrap #copyright { margin:0 auto ; width:980px ; background-color:#f7f7f7 }