@charset "euc-kr";
/* CSS Document */


/* ³ª´®°íµñ */
@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;
}

/* base */
html{overflow-y:scroll;}
body{color:#666;font-size:9pt; background:url(../images/bg.png); 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:none;}
/*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*/
table{text-align:left;}
.btn_r{text-align:right}
.btn_l{text-align:left}
.btn_c{text-align:center}
td{font-family:"³ª´®°íµñ", "NanumGothic" ; font-size:12px; color:#333; line-height:20px;}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*Àüü¿µ¿ª*/
#wrap{margin:0 auto; width:100%; overflow:hidden;  text-align:left;}
 
/*top¿µ¿ª*/
#top_wrap{margin:0 auto; width:100%; height:110px; background-image:url(../images/top_bg.jpg); background-position:center top; background-repeat:no-repeat;}
#top_total{position:absolute; z-index:110; left:0px; top:0px; width:100%; height:110px;}

/*body¿µ¿ª*/
#body_total{margin:0 auto; width:100%; overflow:hidden; background-image:url(../images/main_body_bg.jpg); background-position:center top; background-repeat:no-repeat;}
/* ¼­ºê*/
#body_total_a{margin:0 auto; width:100%; overflow:hidden; background-image: url(../images/sub_bg.jpg); background-repeat: no-repeat; background-position:center top;}
/* Ä«ÇǶóÀÌÆ®*/
#copy_total{margin:0 auto; width:100%; height:115px;}
#copy_total_a{margin:0 auto; width:100%; height:115px; border-top:1px solid #eaeaea;}

/*------------------------------------------------------------------------------------------------------ ž¸Þ´º ¿µ¿ª -------------------------------------------------------------------------------------------------*/

/*ž_·Î°í¿µ¿ª*/
#logo_div{float:left; width:220px; height:110px;}


/* ·Î±×ÀÎÀ§Ä¡Á¶Àý */

#copy_a{float:right; width:1000px; height:30px;}
#login_div{float:right; width:1000px; height:15px; padding:15px 5px 0px 5px; text-align:right;}
.login_nav ul { list-style-type:none;}
.login_nav li {float:right; list-style-type:none; padding:0 10px 0px 10px; background:url(../images/copy_line.jpg) no-repeat right 0; }
.login_nav li a{display:block; height:13px; padding:0px 0px 0px 0px; font-family:"³ª´®°íµñ", "NanumGothic" ; font-size:12px; color:#777777; line-height:11px; font-weight:600;}
.login_nav li a:hover{color:#007bb9; background:none; text-decoration:underline;}
.login_nav li a:active{color:#007bb9; background:none; text-decoration:underline;}
.login_line a{border-right:1px solid #e1e1e1;}
.login_st{font-family:"³ª´®°íµñ", "NanumGothic" ; font-size:11px; color:#cccccc;}
.login_nav .no_line{background:none;}


/* ž¸Þ´ºcss */
#headArea{width:100%; min-width:1000px; height:110px; overflow:hidden; background:url(../images/top_sub_bg.png) repeat-x center 110px; position:relative;  border-bottom:1px solid #CCC;} 
#headArea .header{width:1000px; margin:0 auto; padding:0; overflow:hidden; height:240px; }
#headArea .commonArea{float:right; width:640px; margin:0px 20px 0px 120px;}
#headArea .commonArea .gnb{float:right;}
#headArea .commonArea .gnb li{list-style:none; float:left; font-family:"³ª´®°íµñ", "NanumGothic" ; display:inline; font-size:15px; font-weight:600; padding:0px 0px 0px 0px; color:#fff; text-align:right; position:relative;}
#headArea .commonArea .gnb li a{color:#ffffff; text-decoration:none;}
#headArea .commonArea .gnb li a:hover{color:#bb162b; background:none;}
#headArea .commonArea .gnb li a:active{color:#bb162b; background:none;}

/* ³»·Á¿À´Â ¼­ºê¸Þ´º ³ôÀÌÁ¶Àý*/
#headArea .commonArea .gnb .dep2{position:absolute; top:110px; left:0px;padding:10px 0 0 15px;}
#headArea .commonArea .gnb .dep2 li{font-size:12px; line-height:12px; font-weight:normal; float:none; display:block; padding:0px; text-align:left; }
#headArea .commonArea .gnb .dep2 li a{ display:block; color:#fff; padding:3px 5px 3px 5px; margin-bottom:1px;}
#headArea .commonArea .gnb .dep2 li a:hover{color:#fff; text-decoration:underline;}
#headArea .commonArea .gnb .dep2 li a:active{color:#fff; text-decoration:underline;}
#headArea .subMenuLayer{width:100%; height:240px;}
#dep_a{width:130px; padding-left:5px; }
#dep_b{width:130px; padding-left:5px;}
#dep_c{width:130px; padding-left:5px;}
#dep_d{width:130px; padding-left:5px;}

/*------------------------------------------------------------------------------------------------------ ž¸Þ´º ¿µ¿ª -------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------ ¸ÞÀιٵ𠿵¿ª -------------------------------------------------------------------------------------------------*/

/*¹Ùµð¿µ¿ª_Àüü*/
#body_a{margin:0 auto; width:1000px; overflow:hidden;}

/*¹Ùµð¿µ¿ª Ç÷¡½¬³ª img ¿µ¿ª*/
#main_img{margin:0 auto; width:100%; height:460px; min-width:1000px;}

/*¹Ùµð_ÄÜÅÙÃ÷¿µ¿ª*/
#content_total{float:left; width:960px; height:200px; margin:0px 20px 15px 20px; background-image:url(../images/contents_bg.jpg); background-repeat:no-repeat; background-position:center top;}

/*¹Ùµð_°í°´¼¾ÅÍ*/
#customer{float:left; width:240px; height:200px;}

/*¹Ùµð_°øÁö»çÇ×*/
#content_a{float:left; width:720px; height:45px;}

#noti_con{float:left; width:205px; height:100px; padding:20px 15px 35px 20px; text-align:left; background-image:url(../images/noti_con_bg.jpg); background-repeat:no-repeat; background-position:center top;}


/*¹Ùµð_µµ¸ÞÀÎ*/
#domain{float:left; width:480px; height:45px;}
#noti_name{float:left; width:240px; height:45px;}


/* Äü¸Þ´º_Àüü */
#quick_total{float:left; width:480px; height:155px;}
/* middle divÀ§Ä¡Á¶Àý */
#middle_total{float:left; width:480px; height:155px;}

#middle_quick{float:left;; width:480px; height:155px;}
#middle_quick ul {list-style-type:none;}
#middle_quick li {float:left;}
#middle_quick li a{display:block; width:120px; height:155px;}
#middle_quick li a:hover{ background-image:url(../images/middle_bar.png);}
#middle_quick li a:active{ background-image:url(../images/middle_bar.png);}
/* middle divÀ§Ä¡Á¶Àý */


/*copy*/
#copy{margin:0 auto; width:1000px; height:115px;}
/*------------------------------------------------------------------------------------------------------ ¸ÞÀιٵ𠿵¿ª -------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------ ¼­ºê¿µ¿ª -------------------------------------------------------------------------------------------------*/

#sub_total{margin:0 auto; width:1000px; overflow:hidden; }
#sub_body{float:left; width:1000px; overflow:hidden; background-image:url(../images/sub_body_bg.jpg); background-repeat:repeat-y; background-position:center top;}
#sub_left{float:left; width:220px; overflow:hidden;}
#left_menu{width:220px; overflow:hidden;}
#sub_cus{float:left; width:220px; overflow:hidden; padding-top:10px;}

#sub_img{float:left; width:1000px; height:220px;}

/*°¢ÆäÀÌÁö ÅǼҽº*/
#board_total{float:left; width:720px; overflow:hidden;}
#con_tab{ float:left;width:665px; height:45px; padding:35px 0px 0px 20px; background-image:url(../images/contab_bg.jpg); background-repeat:no-repeat; background-position:center top;}
.con_tab ul{list-style-type:none; overflow:hidden;}
.con_tab li{display:block; width:110px; height:40px; float:left; padding-right:0px;}
.con_tab .tab_last{padding-right:0;}
.con_tab li a{float:left;}
.con{width:720px; overflow-y:auto; overflow:hidden; margin:0px 0px 0px; 0px; text-align:left;}

/*·¹ÇÁÆ® ¸Þ´º----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*¸Þ´º ŸÀÌƲ¿µ¿ª */
#left_title{width:220px; height:105px; margin:0px 0px 0px 0px;}
#left_title_txt{ float:left; width:220px; height:105px;}
#left_nav01{width:220px; overflow:hidden; paddding: 0px 0px 0px 0px;}
/* Á¸޴º ¿µ¿ª */
.leftMenu {float:left; width:220px; overflow:hidden; padding-top:10px;}
.leftMenu > li > a{display:block; width:210px; padding-left:20px; height:35px; font-family:"³ª´®°íµñ", "NanumGothic"; font-size:14px; line-height:35px; font-weight:600; color:#535353; text-align:left; }
.leftMenu > .menu01{list-style:none; border-top:1px solid #ddd; width:220px; margin-left:20px; }

/* Á¸޴º over */
.leftMenu > li{list-style:none; border-bottom:1px solid #ddd; width:220px; margin-left:20px; }
.leftMenu > li > a:hover, .leftMenu > li.on > a{color:#0168a9; background-color:#ececec;}
/* Á¸޴º over */

/* ¼­ºê¸Þ´º ¿µ¿ª */

.leftMenu .menu04 .gub_sub { background-image:none;}

.leftMenu li .gub_sub { overflow:hidden; height:auto; padding-bottom:20px;}
.leftMenu li .gub_sub li a {display:block; height:20px; padding-left:20px; font-family:"³ª´®°íµñ", "NanumGothic"; font-size:13px; line-height:20px; color:#777; text-align:left; background:none;}
.leftMenu li .gub_sub li a:hover {color:#e04a45;}
.leftMenu li .gub_sub li a:hover, .leftMenu li .gub_sub li.on a {color:#e04a45;}
.leftMenu li .gub_sub .sub01 a { height:21px; }



/*·¹ÇÁÆ® ¸Þ´º----------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* °¢ÆäÀÌÁö ŸÀÌƲ */
#sub_title{width:780px; height:105px; background-image:url(../images/title_bg.jpg); background-position:center top; background-repeat:no-repeat;}
#title_a{float:left; height:20px; margin:65px 0px 0px 40px}
#title_b{float:right;  height:20px; margin:65px 30px 0px 40px; text-align:right;}
.st1{font-size:15px; color:#000; font-family:"³ª´®°íµñ", "NanumGothic";}
.st2{font-size:12px; color:#777; font-family:"³ª´®°íµñ", "NanumGothic";}
.title_c{font-size:16px;  color:#045eb2; font-family:"³ª´®°íµñ", "NanumGothic"; font-weight:600;}
.title_b{font-size:12px; color:#777; font-family:"³ª´®°íµñ", "NanumGothic";}

/* °¢ÆäÀÌÁö ŸÀÌƲ */


#con{width:720px; overflow:hidden; padding:10px 20px 100px 40px;}
#sub_con{float:right; width:780px; overflow:auto;}