@charset "utf-8"; 
/*나눔고딕*/
@import url(./fonts/NanumGothic/NanumGothic.css);

/*본고딕*/
@import url(./fonts/NotoSans/NotoSansKR.css);

/* base */
html{overflow-y:scroll; overflow-x:hidden;}
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%;}
a{text-decoration:none;}
ul, ol, li{list-style:none;}
img{border:none; vertical-align:middle;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
table, td, tr{font-family:"Nanum Gothic"; font-size:13px; color:#333; font-weight:400;}

/* div위치조절 */
#wrap{width:100%; overflow:hidden; text-align:left; min-width:1200px; position:relative; background:#fff}
#top_wrap{border-bottom:5px solid #01479d; width:100%; height:110px; background:#ffffff;}
#middle_wrap{width:100%; overflow:hidden;  }

.top_wrap1{margin:0 auto; width:100%; height:30px; background:#555555;  z-index:10000}
.top_total1{margin:0 auto;width:1200px; height:30px;}
/* top div위치조절 */
.top_total{margin:0 auto; width:1200px; height:85px;}
#login{float:right; text-align:right; z-index:999; margin-top:7px;}
#login ul {list-style-type:none;}
#login li {float:right; list-style-type:none; margin-left:10px;}
#login li a{display:block; height:20px; font-size:12px; color:#f1f1f1; font-family:"Nanum Gothic"}
#login li a:hover{color:#fff; background:none; text-decoration:underline}
#logo{ float:left;width:182px; height:62px; z-index:10000; position:absolute; top:7px}
#top_menu{ float:left; height:125px; }

/* div위치조절 */
/* Header */

.lnb{clear:both; position:absolute; top:30px; left:0px; width:100%;  padding:0;  margin:0; z-index:100; background:#fff;background:url(../images/top_line.png) repeat-x 0 -11px; overflow:visible !important;}
.lnb a{text-decoration:none; } 
.lnb>ul {overflow:hidden; position:relative; top:3px; left:100px;  margin:0 auto; display:table}/*width:960px; margin:0 auto; background:#fff;*/
.lnb>ul>li {overflow:hidden; width:165px;}
.lnb>ul>li{float:left; text-align:center;}
.lnb>ul>li:first-child {background:none;}
.lnb>ul>li>a {display:block; overflow:hidden; color:#333; font-size:17px; font-weight:600; font-family:"Nanum Gothic"; padding:30px 0px 27px; letter-spacing:-0.5px }
.lnb>ul>li:hover>a{color:#004474; font-weight:600; }

.lnb5{}
.li000{ position:relative}
.lnb2 span{ font-size:11px; }


.first{border-left:1px solid #ccc; height:230px;}
.lnb>ul>li>ul{ display:block; height:223px;  padding:0;  border-right:1px solid #ccc}
.lnb>ul>li:hover>ul{background:#5c90d1;  }
.lnb>ul>li:hover>ul>li{}
.lnb>ul>li:hover>ul>li a{ color:#fff;}
.lnb>ul>li>ul>li:hover{display:block;}
.lnb>ul>li>ul>li a{display:block; height:auto; padding:15px 0 0 20px; height:30px; line-height:30px; color:#333; font-weight:400; font-family:"Nanum Gothic"; font-size:14px; text-align:left;  text-align:left;}
.lnb>ul>li>ul a{color:#fff;}
.lnb>ul>li>ul a:hover {color:#002758 !important; font-weight:600; }
.lnb6{width:165px !important;}
.lnb6>ul{border-right:1px solid #cccccc !important;}

/* middle div위치조절 */
#main_img_wrap{ margin:0 auto; position:relative; width:100%; height:500px; background:url('../images/main_img_bg.jpg') no-repeat center top;}
#main_img_total{ width:1200px; margin:0 auto; height:500px; overflow:hidden; position: relative}
.text_copy2{ position:absolute; top:140px; right:250px}

#main_copy{ width:1200px; height:160px; margin-top:120px}

.quick_wrap{ width:100%; height:148px;  margin:0 auto 40px; background:#deedff; border-top:1px solid #9fc7eb; border-bottom:1px solid #9fc7eb; overflow:hidden}
.quick_total{ width:1200px; height:148px; margin:0 auto; overflow:hidden}
.qq1,.qq2, .qq3, .qq4, .qq5{ width:199px; height:148px; border-left:1px solid #9fc7eb; float:left}
.qq6{ width:198px; height:148px; border-left:1px solid #9fc7eb; float:left; border-right:1px solid #9fc7eb;}


.main_content_wrap{ width:100%; height:180px; margin:0 auto 40px;}
.main_content_total{ width:1200px; height:180px; margin:0 auto; overflow:hidden}
.notice{ float:left; width:399px; height:180px; border-right:1px solid #ccc; margin-right:50px; }
.customer{ float:left; width:399px; height:180px; border-right:1px solid #ccc; margin-right:50px; }
.qrcode{ float:left; width:300px; height:180px; }
.qrcode_con{ margin-top:25px }
.notice_title, .customer_title, .qrcode_title{ margin-top:20px; height:30px; width:100%}
.notice_title{ position: relative}
.notice_title a{ position:absolute; top:5px; right:50px}

/* bottom div위치조절 */
/*copyright*/
#bottom_wrap{width:100%; height:150px; border-top:1px solid #ccc;font-family:"Nanum Gothic";font-size:13px; color:#222; font-weight:400; background:#f1f1f1}
.bottom_total{ width:1200px; margin:0 auto; height:150px;overflow:hidden}
.bottom_left{ float:left; width:740px; margin-top:30px;}
.bottom_right{ float:right;width:460px; text-align:right }
.ftt1{width:460px;}
.ftt1 a{width:460px;  margin-right:15px; }
.ftt1 a:hover{ font-weight:600; color:#000}
.copybox{ margin-top:15px; line-height:20px;}
.logo_box{width:183px; height:64px; margin:40px 0 0 275px; text-align:right}

/* sub_body div위치조절 */
#sub_img{ margin:0 auto; width:100%; height:315px; overflow:hidden; background:url(../images/sub_bg.jpg) no-repeat center top}
#sub_txt{ margin: 0 auto; width:1200px; height:315x;}
#sub_txt img{ margin-top: 105px; width:500px; height:70px; text-align:left}
#middle_total{margin:0 auto; width:1200px; overflow:hidden}
#left_total{ float:left; width:250px; overflow:hidden}
#left_title{ width:100%; height:100px; background:url(../images/left_title_bg.jpg) no-repeat top; overflow:hidden}
.left_txt2{ font-size:13px; color:#fff; ; text-align:center; font-family:"Nanum Gothic"; font-weight:400; margin-top:20px;}
.left_txt1{font-size:25px; color:#fff;  text-align:center; font-family:"Nanum Gothic"; font-weight:600; margin-top:10px;}
#left_nav{float:left; width:100%; overflow:hidden;}
#left_nav ul li{list-style-type:none; width:100%; overflow:hidden; height:50px; }
#left_nav ul li a{display:block;  overflow:hidden; padding:15px 0 15px 25px; width:250px; height:50px; font-family:"Nanum Gothic"; font-size:15px; color:#333333; font-weight:600; border-bottom:1px solid #ddd; background:#ffffff;}
#left_nav ul li a:hover{color:#003e8a; font-weight:600; background:url(../images/left_on.png)}
#left_nav ul li.on a{color:#003e8a; font-weight:600; background:url(../images/left_on.png)}


#con_total{ float:right; width:900px; margin-bottom:100px }
#con_title{ width:900px; height:99px; border-bottom:1px solid #ccc; overflow:hidden}
#title_a{ width:450px; font-size:24px; float:left; text-align:left; font-family:"Nanum Gothic"; font-weight:600; margin-top:55px;}
#title_b{ width:450px; font-size:15px; float:left; text-align:right; font-family:"Nanum Gothic";  margin-top:65px;}
#title_b span{ font-weight:600}

#con{ width:100%;  overflow:hidden; }
#left_nav2 ul li a.nav002{color:#003e8a; padding:15px 0 15px 25px; width:250px; height:50px;font-weight:600; background:url(../images/left_on.png);font-family:"Nanum Gothic"; font-size:15px; color:#333333; font-weight:600; border-bottom:1px solid #ddd; background:#ffffff;}


#left_nav2{float:left; width:100%; overflow:hidden;}
#left_nav2 ul li{list-style-type:none; width:100%; overflow:hidden; }
#left_nav2 ul li a{display:block;  overflow:hidden; padding:15px 0 15px 25px; width:250px;  font-family:"Nanum Gothic"; font-size:13px; color:#333333; font-weight:600; border-bottom:1px solid #ddd; background:#ffffff;}
#left_nav2 ul li a:hover{color:#003e8a; font-weight:600; background:#f1f1f1}



#left_nav2 ul li.ma010{display:block;  overflow:hidden; padding:15px 0 15px 25px; width:250px; height:50px; font-family:"Nanum Gothic"; font-size:15px; color:#333333; font-weight:600; border-bottom:1px solid #ddd; background:#ffffff;color:#003e8a; font-weight:600; background:url(../images/left_on.png)}
#left_nav2 ul li.on a{color:#003e8a; font-weight:600; background:url(../images/left_on.png)}