@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;	}


.st1{font-family:"NanumGothic","³ª´®°íµñ"; font-size:13px; font-weight:600; color: #333333; text-align:right;}


/*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{color:#666;font-size:9pt; overflow-x:hidden;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, select{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;}
/*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{font-family:"µ¸¿ò"; font-size:12px; color:#666666; text-align:left; }
.textarea{font-family:"³ª´®°íµñ","NanumGothic"; font-size:11px; color:#999999; text-align:left; line-height:16px;}

/* divÀ§Ä¡Á¶Àý */
#main_wrap{margin:0 auto; width:100%; overflow:hidden; text-align:left; min-width:1000px; background-image:url(../images/main.jpg); background-position:center top; background-repeat:no-repeat;}
#main_top_wrap{margin:0 auto; width:100%; height:150px; overflow:hidden; min-width:1000px;}
#main_middle_wrap{margin:0 auto; width:100%; height:640px; min-width:1000px;}
#main_bottom_wrap{margin:0 auto; width:100%; height:70px; min-width:1000px;}

#sub_wrap{margin:0 auto; width:100%; overflow:hidden; text-align:left; min-width:1000px; background-image:url(../images/sub.jpg); background-position:center top; background-repeat:no-repeat;}
#sub_img_txt{margin:0 auto; width:1000px; height:165px;}
#sub_wrap_cts{margin:0 auto; width:1000px; overflow:hidden;}
#left_total{float:left; width:250px;}
#cts_total{float:right; width:750px; overflow:hidden;}

/*  top divÀ§Ä¡Á¶Àý  */
#top_total{margin:0 auto; width:1000px; height:150px; background-image:url(../images/top.png); background-position:center top; background-repeat:no-repeat;}
#main_logo{float:left; margin:20px 0px 0px 20px; width:130px; height:130px;}
#login_nav{float:right; width:100px; height:25px; padding:34px 20px 0px 0px; text-align:right;}
#top_nav{float:right; width:830px; height:40px; padding-right:20px;}
#top_nav .topmenu_nav{list-style-type:none; margin:0; float:right; padding:20px 40px 0 0px;}
#top_nav .topmenu_nav li {float:left; width:126px;}
#top_nav .topmenu_nav li a{display:block; font-family:"³ª´®°íµñ","NanumGothic"; font-size:13px; font-weight:600; color:#ffffff; text-align:center;}
#top_nav .topmenu_nav li a:hover{color:#fff000;}
#top_nav .topmenu_nav li a:active{color:#fff000;}
#top_nav .topmenu_nav .topmenu_nav_bar{float:left; font-family:"³ª´®°íµñ","NanumGothic"; font-size:11px; color:#cdcdcd; font-weight:bold; width:2px; padding-top:2px;}

/* ·Î±×ÀÎ, ·Î±×¾Æ¿ô */
.login_txt{float:right; padding-right:3px; }
.login_txt img{vertical-align:middle;}
.login_txt_home{float:right; padding-right:0px; }
.login_txt_home img{vertical-align:middle;}

/* MAIN */
#main_img_txt{margin:0 auto; width:1000px; height:475px;}

#main_banner_total{margin:0 auto; width:100%; height:165px;}
#main_banner_total .main_banner_total_img{margin:0 auto; width:1000px; height:165px;}
#main_banner_total .main_banner_total_img .main_banner_img{list-style-type:none; margin:0;}
#main_banner_total .main_banner_total_img li {display:inline; float:left;}
#main_banner_total .main_banner_total_img img{display:block;}
#main_banner_total .main_banner_total_img .quick2{float:left; width:310px; height:115px; margin-left:20px;}
#main_banner_total .main_banner_total_img .quick2 .b23{float:left; width:310px; height:115px; font-family:"³ª´®°íµñ","NanumGothic"; font-size:11px; color:#888888; text-align:right; line-height:18px;}
#main_banner_total .main_banner_total_img .quick2 .b23 a{font-family:"³ª´®°íµñ","NanumGothic"; font-size:11px; color:#888888; text-align:right; line-height:18px;}
#main_banner_total .main_banner_total_img .quick2 .b23 a:hover{color:333333;}
#main_banner_total .main_banner_total_img .quick2 .b23 a:active{color:333333;}
#main_banner_total .main_banner_total_img .quick2 .b23 img{display:inline;}
#main_banner_total .main_banner_total_img .quick2 .b23 td{line-height:14px;}

/* copy */
#copy_bg{width:100%; height:80px;}
#copy_total{margin:0 auto; width:1000px; height:80px; background-image:url(../images/copy.jpg); background-position:center top; background-repeat:no-repeat;}
.copy_txt{float:left; margin:21px 0 0px 20px; width:820px; height:34px; font-family:"³ª´®°íµñ","NanumGothic"; font-size:11px; color:#888888; line-height:20px; text-align:left;}
#poweredby{float:right; width:140px; height:16px; margin:8px 20px 0px 0; text-align:right;}
#privacy{float:right; width:86px; height:12px; margin:26px 20px 0px 0; font-family:"³ª´®°íµñ","NanumGothic"; font-size:11px; color:#888888; text-align:right;}
#privacy a{color:#888888;}
#privacy a:hover{color:#bababa}
#privacy a:active{color:#bababa;}

/* left1 ¸Þ´º */
#left_total_nav{float:left; width:250px; height:125px;}

#left1_nav{float:left; width:230px; padding:1px 0px 0px 20px;}
#left1_nav ul {text-decoration: none; list-style-type: none; padding:0px 0px 0px 0px;}
#left1_nav li {display: block; width:210px; margin:0 20px 0 0px;}
#left1_nav li a{display: block; list-style-type: none; padding:7px 0px 8px 10px; width:200px; height:15px; font-family:"³ª´®°íµñ","NanumGothic"; line-height:18px; font-size:13px; font-weight:600; text-align:left; color:#333333;}
#left1_nav li a:hover {color:#ffffff; background-color:#549fc9;}
#left1_nav li a:active {color:#ffffff; background-color:#549fc9;}
#left1_nav li{border-bottom:1px dashed #bdbdbd;}

#customercenter{float:left; width:250px; height:105px;}

/* TITLE */
#sub_title_total{float:left; width:750px; height:40px; background-image:url(../images/title.jpg); background-position:center top; background-repeat:no-repeat;}
#sub_title_total .sub_title_txt{float:right; width:420px; height:15px; padding:23px 40px 0px 0px; font-family:"³ª´®°íµñ","NanumGothic"; font-size:12px; text-align:right; color:#888888; font-weight:600;}
#sub_title_total .sub_title_txt a{color:#666666;}
#sub_title_total .sub_title_txt a:hover{color:#aaaaaa;}
#sub_title_total .sub_title_txt a:active{color:#aaaaaa;}

/* ³»¿ë */
#cts {float:left; width:750px; overflow:hidden;}
#cts_map{float:left; width:710px; overflow:hidden; padding:65px 20px 0 20px;}
#cts_cus{margin:0 auto; width:670px; overflow:hidden;}



/* TAB MENU */
#tab_menu{float:left; width:710px; height:30px; margin:50px 20px 0px 20px; border-bottom:1px solid #bdbdbd;}
#tab_menu ul{list-style-type:none; padding:0px 0 0px 0;}
#tab_menu  li {float:left; background-color:#ffffff;}
#tab_menu .tab_menu_total ul{list-style-type:none; width:710px; height:30px;}
#tab_menu .tab_menu_total li {float:left; background-color:#7c7c7c; margin-right:2px;}
#tab_menu .tab_menu_total li a{font-family:"³ª´®°íµñ","NanumGothic"; font-size:12px; text-align:center; color:#ffffff; line-height:30px; display:block; width:160px; height:30px;}
#tab_menu .tab_menu_total li a:hover{color:#ffffff; background-color:#2987bb;}
#tab_menu .tab_menu_total li a:active{color:#ffffff; background-color:#2987bb;}
#tab_menu .tab_menu_total #tab_306 a{line-height:30px;}