/* font-family: "나눔스퀘어", "NanumSquare","돋움",dotum, sans-serif; */
@font-face {
 font-family: 'NanumSquare';
 font-weight: 300;
 src: url("fonts/NanumSquareL.eot");
 src: url("fonts/NanumSquareL.eot?#iefix") format('embedded-opentype'),
      url("fonts/NanumSquareL.woff") format('woff'),
      url("fonts/NanumSquareL.ttf") format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url("fonts/NanumSquareR.eot");
 src: url("fonts/NanumSquareR.eot?#iefix") format('embedded-opentype'),
      url("fonts/NanumSquareR.woff") format('woff'),
      url("fonts/NanumSquareR.ttf") format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url("fonts/NanumSquareB.eot");
 src: url("fonts/NanumSquareB.eot?#iefix") format('embedded-opentype'),
      url("fonts/NanumSquareB.woff") format('woff'),
      url("fonts/NanumSquareB.ttf") format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url("fonts/NanumSquareEB.eot");
 src: url("fonts/NanumSquareEB.eot?#iefix") format('embedded-opentype'),
      url("fonts/NanumSquareEB.woff") format('woff'),
      url("fonts/NanumSquareEB.ttf") format('truetype');
}

/* font-family: "나눔고딕" , "Nanum Gothic" ,"돋움", dotum, sans-serif; */
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/NanumGothic-Regular.eot);
    src: url(fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/NanumGothic-Regular.woff2) format('woff2'), url(fonts/NanumGothic-Regular.woff) format('woff'), url(fonts/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 700;
    src: url(fonts/NanumGothic-Bold.eot);
    src: url(fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/NanumGothic-Bold.woff2) format('woff2'), url(fonts/NanumGothic-Bold.woff) format('woff'), url(fonts/NanumGothic-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 800;
    src: url(fonts/NanumGothic-ExtraBold.eot);
    src: url(fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'), url(fonts/NanumGothic-ExtraBold.woff2) format('woff2'), url(fonts/NanumGothic-ExtraBold.woff) format('woff'), url(fonts/NanumGothic-ExtraBold.ttf) format('truetype');
}

.png24 { tmp:expression(setPng24(this)); }

/* css reset  */
ul, ol, li, dd { list-style:none;}
img { border:0; vertical-align:middle;}
html, body, div, ul, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form { margin:0; padding:0;}
body{ width:100%; font-family:"Nanum Gothic", "나눔고딕", "돋움", "굴림"; font-size:12px; color:#666; line-height:1.9em; }

/*layout*/
#wrap {width:100%; } 
#header { width:100%; height:104px; background:url(../img/main/top_bg.gif) top left repeat-x; }
#content { width:100%; } 
#footer {width:100%; background:url(../img/main/bottom_bg.gif) top left repeat-x; clear:both; }

/*header*/
.header_wrap { width:1000px; margin:0 auto; position:relative; z-index:99;}
.header_wrap h1 { float:left; margin:40px 50px 0 0;}
.header_wrap .navi {padding:40px 0 0 0;}
.header_wrap .navi li { float:left; margin:0 0 0 31px; background:url(../img/main/top_mu_bg.gif) top left no-repeat; padding:0 0 0 31px;}
.header_wrap .navi li:first-child {padding:0;}

/*total navi*/
.header_wrap .total_navi { position:absolute; top:104px; left:0; height:280px; width:1000px; background:url(../img/main/total_mu_bg.png) top left no-repeat; }
.header_wrap .total_navi .total_list {width:725px; float:right;}
.header_wrap .total_navi .total_list .t_01 { float:left; width:119px; padding:10px 0 0 25px;}
.header_wrap .total_navi .total_list li {}
.header_wrap .total_navi .total_list a { text-decoration:none; color:#e9e9e9;}
.header_wrap .total_navi .total_list a:hover { text-decoration:none; color:#13e19b;}
.header_wrap .total_navi .total_list p {color:#e9e9e9;}
.header_wrap .total_navi .total_list .t_top { padding:0 0 0 20px; height:180px;}
.header_wrap .total_navi .total_list .tt_top { padding:0 0 0 20px; }
.header_wrap .total_navi .total_list .tt_top .in { padding:5px 0 0 5px; font-size:11px; line-height:20px;}
.header_wrap .total_navi .total_list .inside {}

/*footer*/
.footer_wrap { width:1000px; margin:0 auto; height:123px;}
.footer_wrap span { float:left; margin:24px 30px 0 0;}
.footer_wrap .copy { overflow:hidden; padding:20px 0 0 0;}
.footer_wrap .copy li { float:left;padding:0 5px 10px 0;}