html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend input, textarea, button, select{
 vertical-align: baseline;
 font-family: inherit;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 outline: 0;
 padding: 0;
 margin: 0;
 border: 0;
 }
input, textarea,button,select{margin:0;padding:0;font-family:'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;font-weight:normal}
/* remember to define focus styles! */
:focus {
 outline: 0;
 }
body {
 background: white;
 line-height: 1.2;       /*- 한글 기준은 1.2 -*/
 color: black;
 }
ol, ul {
 list-style: none;
 }
/* tables still need cellspacing="0" in the markup */
table {
 border-collapse: separate;
 border-spacing: 0;
 }
caption, th, td {
 font-weight: normal;
 text-align: left;
 }
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
 content: "";
 }
blockquote, q {
 quotes: "" "";
 }
input{vertical-align:middle}

input[type="radio"]{border:none;-webkit-appearance:none}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0}

.main_menu_bk {
	background-image:url(img/top_menu_bg.png); background-repeat:repeat-x;text-align:center; position: fixed; top:0; width:100%;z-index: 1;
}
.main_menu_bk .main_menu { text-align:center; width:720px;}
.main_menu_wh {
	background-image:url(img/top_menu_bg.gif); background-repeat:repeat-x;text-align:center; position: fixed; top:0; width:100%; display:none;z-index: 1;
}
.main_menu_wh .main_menu { text-align:center; width:720px;}
.wrap {}
.wrap div {text-align:center;}
.wrap .topImg {background:url(img/main_bg.jpg); background-repeat:no-repeat; background-position:center; height:740px;}
.wrap .topImg div { height:740px;}
.wrap .mid {background:url(img/main_mid_bg.jpg); background-repeat:no-repeat; background-position:center; height:340px;}
.wrap .bot {background-color:#54504d;}
.wrap .subMidTitle { background-color:#e2e3e2; height:50px;}
.wrap .subMidTitle div { width:1200px;text-align: left; line-height:0px;}
.wrap .sub03_title { height:148px;}
.wrap .subMidTxt .sub03 { width:640px; height:620px;}
.wrap .subMidTxt .sub03 .db { position:relative; background-color:#e2e3e2;z-index: 0; height:570px;}




#dd
{   margin: 0;
    padding: 0;
	width:720px;

	}
#dd li
{   margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    font: bold 11px arial}
#dd li:nth-of-type(1) { width:240px; text-align:left;} 
#dd li:nth-of-type(2) { width:170px;} 
#dd li:nth-of-type(2) div {margin-left:30px;}
#dd li:nth-of-type(3) { width:175px;} 
#dd li:nth-of-type(3) div {margin-left:20px;}
#dd li:nth-of-type(4) { width:135px;} 
#dd li:nth-of-type(4) div {margin-left:20px;}
#dd li a.menu
{   display: block;
    text-align: center;
    background: #5970B2;
    padding: 4px 10px;
    margin: 0;
    color: #FFF;
    width: 100px;
    text-decoration: none}
#dd li a.menu:hover
{   background: #49A3FF}
.submenu
{   background: #fff;
    visibility: hidden;
    position: absolute;
	margin-top:-30px;
	padding:0px 20px 16px 20px;
	width:140px;
	border:1px solid #c6c5c5;
    z-index: 3;}
    .submenu a
    {   display: block;
        font: 12px dotum;
		font-weight:bold;
        text-align: left;
        text-decoration: none;
        padding: 20px 0px 0px 0px;
        color: #666666;}
    .submenu a:hover
    {   
        color: #ff6863;}