@charset "utf-8";/*css 표준작업 :sypark*/
body{margin:0;padding:0;font-family:'돋움','굴림','Arial';font-size:10pt;background:url(/images/bg.gif) repeat-x left top;}
img{padding:0;margin:0}
div{padding:0;margin:0}
/* 링크 */
a, a:link, visited, hover, focus, active{color:#000; text-decoration:none}
/* 요소(element) 여백 초기화  */
html, body,div, span,dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6,blockquote, p, address, pre, cite,form, fieldset, input, textarea, select,table, th, td {margin:0;padding:0}
/* 제목요소 */
h1, h2, h3, h4, h5, h6 {font-size:100%;}
/* 테두리 없애기 */
fieldset, img, abbr,acronym { border:0 none}
/* 목록 */
ol, ul {list-style:none}
/* 테이블 - 마크업에 'cellspacing="0"' 지정  */
table{border-collapse:separate;border-spacing:0}
caption, th, td {text-align:left;font-weight: normal;border:0}
/* 텍스트 관련 요소 초기화 */
address, caption, em, cite {font-weight:normal;font-style:normal}
ins { text-decoration:none}
del { text-decoration:line-through}
/* 인용문 */
blockquote:before, blockquote:after, q:before, q:after { content:""}
blockquote,q { quotes:"" "" }
/*hr과퀵메뉴보이지 않기*/
hr,.quick{display:none}
.hidden{display:none}
/* 레이아웃 관련 Main 영역*/ 
#wrap{width:100%;background:#fff;margin-top:3px;float:left}
#main_wrap{width:1024px;margin:0 auto;height:739px;background:url(/images/main_bg.gif) no-repeat top left}
#footer{float:left;clear:both;width:100%;height:26px;background:#000}
#footer_inner address{float:right;margin:0 auto;color:#fff;margin-right:30px;margin-top:5px}
#footer_inner{width:1024px;margin:0 auto;}
#visual{float:left;position:relative;width:1024px;height:546px;float:left}
#main_notice{position:absolute;width:253px;height:100px;top:450px;left:424px}
#main_notice td{padding-top:5px}
#main_notice table{margin-top:10px}
#contents{float:left;width:1024px;height:193px}
/*sub*/
#sub_wrap{position:relative;width:1024px;margin:0 auto;background:#fff;}
#left{float:left;width:286px;height:838px;background:url(/images/lnb_bg.png) bottom left no-repeat;z-index:3000}
#lnb{width:266px;height:300px;}
#sub_visual{position:absolute;left:175px;width:738px;height:176px;z-index:0}
#subcon{float:left;margin-top:175px;width:738px;margin-bottom:30px}
#subcon span{float:right;margin-top:30px;margin-right:10px;color:#999}
.tex1{color:#000;font-weight:bold}
#list{float:left;clear:both;width:100%;height:58px;background:#fff;text-align:center}
#list_inner{float:center;width:735;height:58px;margin:0 auto;}
.margintop{margin-top:30px;margin-bottom:20px;width:740px;height:60px;border-bottom:1px dotted #ccc}
#menu1 td, #menu2 td{border-left:1px solid #ccc;padding-top:5px;vertical-align:top;line-height:110%;color:#333;padding-left:3px}/*writing-mode: tb-rl;*/
#menu1 td:hover, #menu2 td:hover {color:#000}
/*navi*/
#nav {position:relative; float:left;margin-top:30px;list-style:none;width:261px}
#nav,#nav ul{margin:0;padding:0;list-style-type:none}
#nav ul{float:left;margin-top:0px}
#nav ul li{float:left;margin-top:20px;z-index:1000;margin-left:15px}
#nav ul{width:550px}
#nav li ul,#nav li ul ul {display:none}

/*#nav li:hover ul, #nav li li:hover, #nav li:hover ul, #nav li li:hover li{display:'block'}*/
#nav p.onbtn{position:absolute; top:0; display:none;}
.nav1 ,.nav2 ,.nav3 {float:left}
.nav1 {float:left;width:87px;height:166px;background:url(/images/nav.png) no-repeat -263px 0px}
.nav2 {float:left;width:87px;height:166px;background:url(/images/nav.png) no-repeat -345px  0px }
.nav3 {float:left;width:87px;height:166px;background:url(/images/nav.png) no-repeat -433px 0px }

/*left*/
#lnb dt img,#lnb dd img{vertical-align:top; margin:0; padding:0;}
#lnb dd{padding-left:80px}
#lnb dd li div{position:absolute; top:228px; left:153px ; width:108px; height:140px; background:url(/images/left_navi_subbox.gif) no-repeat 0 0; display:none;}
#lnb dd li div ul{padding: 18px 0 0 10px; }
#lnb dd li div ul li{padding-bottom:14px}

#lnb  p.sub1{position:absolute; top:197px; display:none;}
#lnb  p.sub2{position:absolute; top:237px; ; display:none; }
#lnb  p.sub3{position:absolute; top:277px; ; display:none; }