@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:100px; background:url(../images/top_bg.jpg) top left repeat-x;}
#top_div{ margin:0 auto; width:1000px; height:100px;}
#logo{ float:left; width:290px; height:100px;}

/*·Î±×ÀÎ01*/
#login{ float:right; width:300px; height:18px; margin:13px 10px 14px 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;}

/*¾ÆÀÌÄܷα×ÀÎ*/
#login_div{float:right; position:relative; width:300px; height:30px; margin:41px 20px 19px 300px; text-align:right; z-index:100;}
.login_nav ul {list-style-type:none;}
.login_nav li {display: block; float:right; text-align:center; list-style-type:none;}
.login_nav li a{padding:0px 7px 0px 7px; height:15px; font-family:"³ª´®°íµñ", "NanumGothic" ; font-size:11px; color:#777777;}
.login_nav li a:hover{color:#333333; background:none;}
.login_nav li a:active{color:#333333; background:none;}
#login_div img{ vertical-align:middle;}


/* ž menu ¿µ¿ª */
#Main_top_Area { float:right; width:570px; height:55px;}
#Main_top_Area ul{list-style-type:none; margin:0; padding:0;}
#Main_top_Area li {float:left; }
#Main_top_Area li a {display:block; height:55px; background:url('../images/top_menu.png') no-repeat; text-indent:-5000px; }

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

#Main_top_Area .TopNavi02{ width:160px; }
#Main_top_Area .TopNavi02 a { background-position:-153px top; }
#Main_top_Area .TopNavi02 a:hover { background-position:-153px bottom; }
#Main_top_Area .TopNavi02 .on { background-position:-153px bottom; }

#Main_top_Area .TopNavi03{ width:145px; }
#Main_top_Area .TopNavi03 a { background-position:-313px top; }
#Main_top_Area .TopNavi03 a:hover { background-position:-313px bottom; }
#Main_top_Area .TopNavi03 .on { background-position:-313px bottom; }

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


/*¹ÙµðÀüüºÎºÐ*/
#body_total{margin:0 auto; width:100%; height:908px;}
#body_img_total{ margin:0 auto; width:100%; height:580px; background:url(../images/main_bg.jpg) top center no-repeat;}
#body_img_div{ margin:0 auto; width:1000px; height:580px;}
#body_img{ float:left; width:684px; height:201px; padding:68px 0 0 132px;}

#cus_total{ margin:0 auto; width:1000px; height:266px; padding:25px 0 37px 0;}

#cus01_total{ float:left; width:1000px; height:141px;}
#news_total{ float:left; width:290px; height:125px;}
#news_img{ float:left; width:290px; height:25px;}
#news_body{ float:left; width:280px; height:100px; padding-left:10px;}

#but_01{ float:left; width:220px; height:125px; padding-right:19px;}
#but_02{ float:left; width:220px; height:125px; padding-right:19px;}
#but_03{ float:left; width:220px; height:125px; }

#cus02_total{ float:left; width:1000px; height:162px;}
#cus_01{ float:left; width:290px; height:125px;}
#but_04{ float:left; width:220px; height:125px; padding-right:19px;}
#but_05{ float:left; width:220px; height:125px; padding-right:19px;}
#but_06{ float:left; width:220px; height:125px;}


/*Ä«ÇǺκÐ*/
#copy_total{ margin:0 auto; width:100%; height:222px; background:url(../images/copy_bg.jpg) top center repeat-x;}
#copy_bottom_div{ margin:0 auto; width:1000px; height:222px;}
#copy_top_menu{ float:left; width:1000px; height:35px; margin:0 0 0 0; background-image:url(../images/copy_topmenu_bg.jpg); background-position:top; background-repeat:no-repeat;}
.copy_top_menu li { float:left; display:block; list-style: none;}
.copy_top_menu li a { margin:0; padding:0 0 0 0; text-decoration: none; line-height:35px; font-family:"³ª´®°íµñ","NanumGothic","±¼¸²"; font-size:12px; font-weight: 600; color:#FFF; }
.copy_top_menu li a:hover { color: #000000; }
.copy_top_menu li a:active{ color: #000000; background:none;}

#copy_top_menu #menu01{width:82px; height:35px; text-align:center;}
#copy_top_menu #menu02{width:81px; height:35px; text-align:center;}
#copy_top_menu #menu03{width:125px; height:35px; text-align:center;}

#copy_add{ float:left; width:1000px; height:187px;}
#copy_left{ float:left; width:190px; height:187px;} 
#copy_right{ float:right; width:780px; height:49px; padding:49px 10px 0 20px; line-height:18px; font-family:"³ª´®°íµñ","NanumGothic","±¼¸²"; font-size:11px; color:#d2d2d2; text-align:left;}




/*¼­ºêÀüü*/
#sub_body_total{ margin:0 auto; width:100%;}
#sub_body_div{ margin:0 auto; width:100%; height:339px; background:url(../images/sub.jpg) top center no-repeat;}

/*¼­ºê ¹ÙµðºÎºÐ*/
#sub_body{ margin:0 auto; width:1000px; overflow:hidden; padding-top:20px;}

#sub_left_total{ float:left; width:200px; padding-left:10px;}
#sub_title_total{ float:left; width:200px; height:55px; background:url(../images/left_title_bg.jpg) top left no-repeat;}
#sub_title{ float:left; width:200px; height:35px; padding:3px 0 0 0; font-family:"³ª´®°íµñ","NanumGothic","±¼¸²"; font-size:35px; color:#5f5f5f; text-align:center; font-weight:600;}

#sub_left_menu{ float:left; width:200px;}
.sub_left_menu ul{margin:0; padding:0; font-family:"³ª´®°íµñ","NanumGothic"; font-size:14px; font-weight:600; list-style-type: none; text-align:left;}
.sub_left_menu li a{display:block; height:14px; width:172px; padding:10px 0 16px 28px; margin:0 0 0 0; color: #b5b5b5; 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: #566473;}
#sub_cus{ float:left; width:200px;}

#sub_right_total{ float:right; width:790px;}
#sub_right_title_total{ float:right; width:790px; height:65px;}
#sub_right_title01{ float:left; width:250px; height:35px; padding:3px 0 0 30px; font-family:"³ª´®°íµñ","NanumGothic","±¼¸²"; line-height:35px; font-size:28px; color:#626262; text-align:left; font-weight:600;}
#sub_right_title02{ float:right; width:250px; height:16px; padding:22px 10px 0 0; font-family:"³ª´®°íµñ","NanumGothic","±¼¸²"; line-height:16px; font-size:12px; color:#626262; text-align:right; font-weight:600;}
#sub_right_body{ float:right; width:750px; padding:0 10px 0 30px;}