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

/* ¸¼Àº °íµñ */
@font-face {font-family:'MalgunGothic'; src:url(./font/MalgunGothic.eot);}

/* ³ª´®°íµñ */
@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);}
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;}
img{ vertical-align:middle;}
/* 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:"¸¼Àº °íµñ", "MalgunGothic" ; font-size:12px; color:#333; line-height:20px;}


/* °¢¿µ¿ªÀÇ Àüü¿µ¿ª DIV --------- */
#wrap{margin:0 auto; width:100%; overflow:hidden;}

/*¸ÞÀÎ_ž¿µ¿ª*/
#top_wrap{margin:0 auto; width:100%; height:140px; background-image:url(../images/top_bg.jpg); background-position:center top; background-repeat:no-repeat;}
#top_total{	margin:0 auto;	width:1000px; height:140px;  background-image:url(../images/top_bg.jpg); background-position:center top; background-repeat:no-repeat;}

/* ·Î±×ÀÎÀ§Ä¡Á¶Àý */
#login_div{ position:absolute; float:right; width:350px; height:20px; margin:50px 30px 0px 630px; text-align:left;}
.login_nav ul { list-style-type:none;}
.login_nav li {float:right; list-style-type:none; position:relative;}
.login_nav li a{display:block;height:35px; padding:0px 0px 0px 30px; font-family:'NanumGothic' ; font-size:12px; color:#000000; line-height:35px; padding-right:10px;}
.login_nav li a:hover{color:#0a52a2; text-decoration:underline;}
.login_nav li a:active{color:#0a52a2; text-decoration:underline;}
.login_line a{border-right:1px solid #e1e1e1;}

.login_nav .icon1 a{ background:url('../images/top_1.jpg') no-repeat 5px 5px;}
.login_nav .icon2 a{ background:url('../images/top_2.jpg') no-repeat 5px 5px;}
.login_nav .icon3 a{ background:url('../images/top_3.jpg') no-repeat 5px 5px;}
.login_nav .icon4 a{ background:url('../images/top_4.jpg') no-repeat 5px 5px;}
.login_nav .icon5 a{ background:url('../images/top_5.jpg') no-repeat 5px 5px;}



/*¸ÞÀÎ_¹Ùµð¿µ¿ª*/ 
#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_a{margin:0 auto; width:1000px; height:180px; }


/* Ä«ÇǶóÀÌÆ®*/
#copy_total{margin:0 auto; width:100%; height:100px;}


/* ¼­ºê_Àüü¿µ¿ª*/
#body_total_a{margin:0 auto; width:100%; overflow:hidden;}


/* °¢¿µ¿ªÀÇ Àüü¿µ¿ª DIV --------- */


/*topºÎºÐ ¸Þ´º------------------------------------------------------*/
/*topºÎºÐ ·Î°í*/
#top_a{float:left;  width:960px; height:50px; }
#logo{float:left; width:250px; height:105px; margin-left:375px;}

/* top divÀ§Ä¡Á¶Àý */
#top_menu{float:right; width:980px; height:35px; position:relative;}
#top_nav {position: absolute;left: 0px; top: -3px; z-index: 99; display: inline-block; vertical-align: middle; width:980px; height:35px;}
#top_nav .m_menu {display:inline-block; height:35px; float:left;}
#top_nav .m_main li {position:relative; float:left; display:inline; }
#top_nav .m_main li.start {background:none;}
#top_nav .m_main a {display:block; width:122px; height:35px;  font-family:"³ª´®°íµñ","NanumGothic"; font-size:15px; line-height:35px; color:#3a3a3a; text-align:center; font-weight:600;}
#top_nav .m_main a:hover {color:#ffd800;}
#top_nav .m_main a.on {color:#ffd800;}
#top_nav .m_main li:hover .m_sub {display:inline-block;}
#top_nav .m_sub {z-index:99; position:absolute; left:50%; top:30px; display:none; vertical-align:middle; margin-left:-88px; padding:3px 0;   background:#fff; border-radius:5px; border:1px solid #ccc; background-image:url(../images/top_menu_bg.jpg) no-repeat right 0;}
#top_nav .m_sub li {display:inline-block; vertical-align:middle; margin:0; width:100%; height:22px; background:none;}
#top_nav .m_sub li a {display:block; margin:0 3px; padding:0 0 0 0; width:160px; height:22px; font-family:"³ª´®°íµñ","NanumGothic"; font-size:12px; font-weight:400; color:#666; letter-spacing:-1px; line-height:22px; text-align:center; background:none;}
#top_nav .m_sub li a:hover {color:#fff; background:#0d285e; border-radius:3px;}

#top_nav .line_cls a{padding-right:0px; background:none;}
#top_nav .m_main .line_cls {margin-right:0px;}


/*middle¿µ¿ª----------------------------------------------------------------*/

/*main_img»çÁø*/
#main_img{margin:0 auto; width:1000px; height:440px;}


#contents_total{margin:0 auto; width:100%; height:400px; background-image:url(../images/content_total_bg.jpg); background-position:center top; background-repeat:no-repeat;}
#content{margin:0 auto; width:1000px; height:400px;}

/* middle divÀ§Ä¡Á¶Àý(1)*/
#middle_total{float:left; width:980px; height:130px; padding:0px 10px 40px 10px;}
#middle_quick{float:left; width:980px; height:130px;}
#middle_quick ul {list-style-type:none;}
#middle_quick li {float:left;}
#middle_quick li a{display:block; width:196px; height:130px;}
#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_quick .line a{margin-right:0px;}
#middle_quick .line a{margin-right:0px;}
/* middle divÀ§Ä¡Á¶Àý(1)*/

#content_b{float:left; width:980px; height:175px; margin:0px 10px 55px 10px;}

#notice_total{float:left; width:340px; height:175px;}
#notice_name{float:left; width:340px; height:40px;}
#notice_con{float:left; width:310px; height:105px; padding:15px 15px 15px 15px; background-image:url(../images/notice_con_bg.jpg); background-position:center top; background-repeat:no-repeat;}
#notice_con a{ color:#222; font-weight:400; }
#notice_con table, #notice_con td{margin:0; padding:0; border-spacing:0;}

#main_customer{float:left; width:640px; height:175px;}



/* copy */
#copy_total{margin:0 auto; width:100%; height:145px; background-image:url(../images/copy_bg.jpg); background-position:top center; background-repeat:x-repeat;}
#copy_middle{margin:0 auto; width:1000px; height:145px;}
.copy_txt{margin:0 auto; width:100%; height:110px; font-family:"³ª´®°íµñ","NanumGothic"; font-size:11px; color:#f8f8f8; line-height:20px; text-align:left; padding-top:30px;}
.copy_txt a{color:#f8f8f8; line-height:23px;}
.copy_txt a:hover{color:#53d5ff; text-decoration:underline; font-weight:600;}


/*¼­ºêºÎºÐ------------------------------------------------------------------------------------------------------------------------------------*/
#sub_total{margin:0 auto; width:1000px; overflow:hidden;}

#sub_img{float:left; width:780px; height:180px;}

#sub_body{float:left; width:1000px; overflow:hidden; overflow:hidden; margin-top:30x;  }
#sub_left{float:left; width:200px; }
#left_menu{width:200px; overflow:hidden; }

#sub_cus{float:left; width:220px; overflow:hidden;}

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

/*¸Þ´º ŸÀÌƲ¿µ¿ª */
#left_title{width:200px; height:130px;}

/* Á¸޴º ¿µ¿ª */
.leftMenu {float:left; width:200px; overflow:hidden;}
.leftMenu li{list-style:none; width:188px; border-top:1px solid #cccccc; margin-left:12px;}
.leftMenu > li > a{display:block; width:176px; height:40px; padding-left:10px; font-family:"³ª´®°íµñ", "NanumGothic"; font-size:13px; line-height:40px; font-weight:600; color:#535353; text-align:left; }
.leftMenu > {list-style:none;  width:200px; border-top:1px solid #cccccc; }

/* Á¸޴º over */
.leftMenu > li > a:hover, .leftMenu > li.on > a{ width:200px; height:40px; font-family:"³ª´®°íµñ", "NanumGothic"; font-size:13px; line-height:40px; font-weight:600; background-color:#d9d9d9; color:000;}
/* Á¸޴º over */

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

#sub_total_b{margin:0 auto; width:1000px; overflow:hidden; margin-top:30px;  background-image:url(../images/left_bg.jpg); background-position:center 30px; background-repeat:repeat-y; }


/* °¢ÆäÀÌÁö ŸÀÌƲ */
#sub_title_total{float:right; width:800px; height:40px; background-image:url(../images/title_bg.jpg); background-position:top center; background-repeat:no-repeat;}
#sub_title_total .sub_title_txt2{float:right; width:790px; height:15px; padding:15px 10px; font-family: "³ª´®°íµñ","NanumGothic"; font-size:12px; text-align:right; color:#666;}
#sub_title_total .sub_title_txt2 a{color:#666;}
#sub_title_total .sub_title_txt2 a:hover{color:#333333; text-decoration:underline;}
#sub_title_total .sub_title_txt2 a:active{color:#333333; text-decoration:underline;}
#sub_title_total .sub_title_txt2 .st1{font-family: "³ª´®°íµñ","NanumGothic"; font-size:12px; color:#333333; font-weight:600;}
#sub_title_total .sub_title_txt2 img{margin:2px 10px 0 0;}


#con{width:755px; overflow:hidden; padding:40px 10px 70px 35px;}
#sub_con{float:right; width:800px; overflow:auto;}






/*¼­ºêºÎºÐ----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#sub_left_a{float:left; width:220px; height:1100px;}






.st1{ font-family:"³ª´®°íµñ", "NanumGothic"; font-size:12px; color:#999999;}
td a{ font-family:"³ª´®°íµñ", "NanumGothic";; font-size:12px; color:#999999; line-height:20px;}