@charset "euc-kr";
/* ?™ë¬’??¨ì¢Šëµ?*/
@font-face {
	font-family: "MalgunGothic";
	src: url('./font/MalgunGothic.eot');
	src: url('./font/MalgunGothic.eot?iefix') format('eot'), url('./font/MalgunGothic.ttf') format('truetype');
}

/* ??Žë‹Ž?¨ì¢Šëµ?*/
@font-face {
    font-family: 'NanumGothic';
    src: url('./font/NanumGothic.eot');
    src: url('./font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('./font/NanumGothic.woff') format('woff'),
         url('./font/NanumGothic.ttf') format('truetype'),
         url('./font/NanumGothic.svg#DaumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*reset*/
 #accessibility,.skip, hr,legend, caption{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;text-indent:-1000em;}
/* base */
html{overflow-y:scroll;}
body{ width:100%; height:100%; background-color:transparent; font-size:12px; text-align:center;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
ul, ol, li{list-style:none;}
fieldset, img{border:none;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
/* a-style */
a{color:#333;text-decoration:none;}
a:hover, a:active{color:#2255cb;text-decoration:underline;}
/*common*/
.reset{clear:both !important;height:0px !important;font-size:0 !important;line-height:0px !important;padding:0 !important;margin:0 !important}
.inp{height:16px;border:none;background:none;color:#888;font:11px;padding:2px 0 0 4px}
/*btn*/
.btn_r{text-align:right}
.btn_l{text-align:left}
.btn_c{text-align:center}
table{text-align:left;}


/*ÀüüºÎºÐ*/
#wrap{width:100%; height:100%; text-align:left;}


/*žºÎºÐ*/
#top_total{margin:0 auto; width:100%; height:109px; background:url(../images/top_bg.jpg) top left repeat-x;}
#top_div{ margin:0 auto; width:1000px; height:109px;}
#logo{ float:left; width:170px; height:109px;}

/*·Î±×ÀÎ01*/
#login{ float:right; width:400px; height:18px; margin:15px 10px 10px 0; text-align:right;}
#login ul{list-style-type:none; margin:0; padding:0;}
#login li {display:inline;}
#login li a{padding:0px 0px 0px 6px; font-family:"NanumGothic"; font-size:11px; color:#000000;}
#login li a:hover,a:active{color:#08b300; background-color:#FFFFFF;}



/* ž ³×ºñ°ÔÀÌ¼Ç ¿µ¿ª */
#Main_Navi_Area { float:right; width:750px; margin:0 auto; height:60px; }
#Main_Navi_Area ul{list-style-type:none; margin:0; padding:0;}
#Main_Navi_Area li {float:left; }
#Main_Navi_Area li a {display:block; height:60px; width:100%; background:url('../images/top_menu.png') no-repeat; text-indent:-5000px; }

#Main_Navi_Area .TopNavi01{ width:120px; }
#Main_Navi_Area .TopNavi01 a { background-position:0 top; }
#Main_Navi_Area .TopNavi01 a:hover { background-position:0 bottom; }
#Main_Navi_Area .TopNavi01 .on { background-position:0 bottom; }

#Main_Navi_Area .TopNavi02{ width:168px; }
#Main_Navi_Area .TopNavi02 a { background-position:-120px top; }
#Main_Navi_Area .TopNavi02 a:hover { background-position:-120px bottom; }
#Main_Navi_Area .TopNavi02 .on { background-position:-120px bottom; }

#Main_Navi_Area .TopNavi03{ width:170px; }
#Main_Navi_Area .TopNavi03 a { background-position:-288px top; }
#Main_Navi_Area .TopNavi03 a:hover { background-position:-288px bottom; }
#Main_Navi_Area .TopNavi03 .on { background-position:-288px bottom; }

#Main_Navi_Area .TopNavi04{ width:165px; }
#Main_Navi_Area .TopNavi04 a { background-position:-458px top; }
#Main_Navi_Area .TopNavi04 a:hover { background-position:-458px bottom; }
#Main_Navi_Area .TopNavi04 .on { background-position:-458px bottom; }

#Main_Navi_Area .TopNavi05{ width:127px; }
#Main_Navi_Area .TopNavi05 a { background-position:-623px top; }
#Main_Navi_Area .TopNavi05 a:hover { background-position:-623px bottom; }
#Main_Navi_Area .TopNavi05 .on { background-position:-623px bottom; }




/*¹ÙµðºÎºÐ*/
#body_total{margin:0 auto; width:100%; height:681px;}
#body_div{ margin:0 auto; width:1000px; height:491px; overflow:hidden;}

#cus_wrap{ margin:0 auto; width:100%; height:190px; background:url(../images/cus_bg.jpg) top left repeat-x;}
#cus_div{ margin:0 auto; width:1000px; height:190px;}

#news_total{ float:left; width:310px; height:190px;}
#news_img{ float:left; width:310px; height:65px;}
#news_body{ float:left; width:300px; height:125px; padding:0 0 0 10px;}

#cus_img{ float:left; width:690px; height:190px;}


/*Ä«ÇǺκÐ*/
#copy_total{margin:0 auto; width:100%; height:110px; background:url(../images/copy_bg.jpg) top left repeat-x;}
#copy_div{ margin:0 auto; width:1000px; height:41px; padding:17px 10px 0 10px; font-family:"NanumGothic"; font-size:12px; color:#777777; text-align:left; line-height:18px;}



/*¼­ºêºÎºÐ*/
#sub_body_total{ margin:0 auto; width:100%;}
#sub_body_img{ margin:0 auto; width:100%; height:106px; background:url(../images/sub_img.jpg) top center no-repeat;}


/*¹ÙµðºÎºÐ*/
#sub_wrap{ margin:0 auto; width:100%; background:url(../images/sub_bg.jpg) top left repeat-x;}
#sub_body{ margin:0 auto; width:1000px; overflow:hidden;}
#sub_left_total{ float:left; width:210px; padding-left:10px;}
#sub_title_total{ float:left; width:210px; height:79px; background:url(../images/left_title_bg.jpg) top left no-repeat;}
#sub_title{ float:left; width:210px; height:30px; padding:34px 0 0 0; font-family:"NanumGothic"; font-size:24px; color:#363636; text-align:left; line-height:18px; font-weight:600;}

#sub_left_menu{ float:left; width:210x; overflow:hidden; margin:0 0 0 0; }
.sub_left_menu ul{margin:0; padding:0; font-family:"³ª´®°íµñ","NanumGothic"; font-size:13px; font-weight:600; list-style-type: none; text-align:left;}
.sub_left_menu li a{display:block; height:16px; width:187px; padding:7px 0 7px 23px;; color: #666666; text-decoration: none;
background-image:url(../images/left_do.jpg); background-repeat:no-repeat; background-position:top;}
.sub_left_menu ul li a:hover{color: #285ca5;}
#sub_cus{ float:left; width:210px;}



#sub_right_total{ float:right; width:780px;}
#sub_right_title_total{ float:right; width:780px; height:128px; background:url(../images/sub_title_bg.jpg) top left no-repeat;}
#sub_right_title01{ float:left; width:265px; height:29px; padding:43px 0 0 69px; font-family:"NanumGothic"; font-size:18px; color:#393939; text-align:left; font-weight:600;} 
#sub_right_title02{ float:right; width:350px; height:21px; padding:45px 10px 0 0; font-family:"NanumGothic"; font-size:11px; color:#8b8b8b; text-align:right; font-weight:300;} 
#sub_right_body{ float:right; width:701px; padding:0 10px 0 69px;}




/*¼­ºê Åܸ޴º*/
#sub_tab2_menu{ float:left; width:710px; height:130px; padding:20px 0 20px 0;}
.sub_tab2_menu ul{margin:0; padding:0; font-family:"³ª´®°íµñ","NanumGothic"; font-size:11px; font-weight:600; list-style-type: none; text-align:center;}
.sub_tab2_menu li{ float:left;}
.sub_tab2_menu li a{display:block; width:140px; height:16px;  padding:7px 0 7px 0; margin:0 10px 10px 0; color: #606060; text-decoration: none;
 background-image:url(../images/tab_bg.jpg); background-repeat:no-repeat; background-position:top;}
.sub_tab2_menu ul li a:hover{color: #43a6f4;}