@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,figure,figcaption{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:1100px; position:relative; background-color:#fff;}
#top_wrap{width:100%; height:115px; }
#middle_wrap{width:100%; overflow:hidden; position:relative;}
#bottom_wrap{width:100%; height:130px; overflow-x:hidden; background-color:#eaeaea;}
#copy_wrap{width:100%; height:140px;  background-color:#333; min-width:1000px; }
/* top div위치조절 */
#top_total{margin:0 auto; width:1100px; height:115px; position:relative;}
#top_total_a{margin:0 auto; width:1100px; height:115px;} 
#top_a{margin:0 auto; width:1100px; line-height:20px;}

/* 로그인 */
#login{float:right; width:300px; height:20px;}
#login ul {list-style-type:none;}
#login li {float:right; list-style-type:none;}
#login li a{display:block; padding:0 10px 0;  height:40px; font-family:"Nanum Gothic"; font-size:12px; line-height:40px; color:#666666; font-weight:600;}
#login li a:hover{color:#d31113; font-weight:600; }

/* logo */
#top_logo_nav{float:left; width:250px; height:60px; position:relative; margin-top:0px;}
#logo{float:left; margin-right:50px; width:250px; height:60px;}


/* top_nav */
div#commonGnb{float:right; width:640px; height:70px; margin-top:25px;}
div#commonGnb div.gnbWrap{width:100%; height:65px;}
div#commonGnb div.gnbWrap ul.gnbLayer{margin:0 auto; width:760px; height:70px; text-align:center;}
div#commonGnb div.gnbWrap ul.gnbLayer li{float:left; width:140px; position:relative; z-index:999;  zoom:1;}
div#commonGnb ul.gnbLayer li{position:relative;}
div#commonGnb ul.gnbLayer li a{display:block; width:160px; height:70px; padding:0px 10px; font-family:"Nanum Gothic"; font-size:16px; line-height:65px; color:#555; font-weight:600; letter-spacing:-0.5px;}
div#commonGnb ul.gnbLayer li a:hover{color:#182d68; font-weight:600;}
div#commonGnb ul.gnbLayer li dl {position:absolute; left:-10px; top:70px; width:190px; display:none;}
div#commonGnb ul.gnbLayer li dd {display:block; background:#fff;}
div#commonGnb ul.gnbLayer li dd a {display:block; width:190px !important; height:40px; padding:0; font-size:13px; line-height:40px; color:#666; font-weight:500; border-bottom:1px solid #eeeeee; letter-spacing:-0.5px;}
div#commonGnb ul.gnbLayer li dd a:hover {background:#182d68; font-weight:600; color:#FFF; letter-spacing:-0.5px;}


/* main */
#top_main_wrap{margin:0 auto; width:100%; overflow:hidden; }


/*main_banner*/
#main_banner_total{margin:0 auto; width:100%; height:560px;   }

/*main_banner*/
#main_banner{position:relative; width:100%; overflow:hidden; }
.main_text{ position:absolute; z-index:100; left:50%; top:34%; margin-left:-600px; width:600px;}



/* ---------------------------- index.php (main div위치조절) ---------------------------- */

#main_middle_total{margin:0 auto; width:100%; overflow:hidden; background:url('../images/middle_bg.jpg') repeat-x top;}
#main_con{margin:40px auto; width:1100px; height:155px; margin-bottom:65px;}

#main_img{margin:0 auto; width:100%; height:541px;}

#headerimg {position:relative;overflow:hidden; width:100%; height:541px; z-index:9997; background:#000 ; margin:0 auto; min-width:1040px;}
.slideWrap{position:absolute;overflow:hidden; width:100%; min-width:1040px; background:#000; }
.slideWrap .bspace{position:relative;overflow:hidden;width:1040px; margin:0 auto;}
.slideWrap .btnPrev{position:absolute;left:10px;top:270px; width:55px; height:55px; background:url(../images/00_index_prev.png) no-repeat left top;overflow:hidden;border:0px;text-indent:-9999px;}/* ¹öÆ° À§Ä¡ Á¶Á¤ */
.slideWrap .btnNext{position:absolute;right:10px;top:270px; width:55px; height:55px; background:url(../images/00_index_next.png) no-repeat left top;overflow:hidden;border:0px;text-indent:-9999px;}/* ¹öÆ° À§Ä¡ Á¶Á¤ */
.slideWrap ul{overflow:hidden;height:541px;}
.slideWrap ul li {width:1040px;height:541px;float:left;overflow:hidden; }
.slideWrap ul li img{vertical-align:top; border:0px;}
.slideWrap .bgLeft{background:url(../images/bg.png) repeat-x 0 0;height:541px;position:absolute;left:0;top:0; opacity:0.5;}			
.slideWrap .bgRight{background:url(../images/bg.png) repeat-x 0 0;height:541px;position:absolute;right:0;top:0; opacity:0.5;}



#main_contents{width:100%; height:583px; margin:0 auto; background-image:url(../images/mc_bg.jpg); background-repeat:repeat-x;}

#mc1{width:1020px; overflow:hidden; margin:0 auto;}

#board{width:329px; height:319px; float:left; padding-top:35px;}

#news{width:329px; height:140px; float:left;}
#n1{width:329px; height:35px;  float:left;}
#n2{width:329px; height:90px; float:left; margin:10px 0 0 0;}
#n2 td{ font-family: 'Nanum Gothic', sans-serif; font-size:12px; color:#333; line-height:22px;}
#n2 td a{ font-family: 'Nanum Gothic', sans-serif; font-size:12px; color:#333; line-height:22px; }

#qna{width:329px; height:140px; float:left; margin-top:39px;}
#q1{width:329px; height:35px;  float:left;}
#q2{width:329px; height:90px; float:left; margin:10px 0 0 0;}
#q2 td{ font-family: 'Nanum Gothic', sans-serif; font-size:12px; color:#333; line-height:22px;}
#q2 td a{ font-family: 'Nanum Gothic', sans-serif; font-size:12px; color:#333; line-height:22px; }

#quick_menu{width:654px; height:319px; float:left; margin: 35px 0 0 37px;}


#mc2{width:1020px; overflow:hidden; margin:0 auto; padding-top:40px;}
#customer{width:1020px; height:190px; float:left;}



/*서브페이지_ 코딩--------------------------------------------------------------------------------------------------*/

#middle_total{margin:0 auto; padding-top:50px; width:1100px; overflow:hidden;}

/*서브이미지*/
#con_sub{position:relative; margin:0 auto; width:100%; height:235px;}
#con_sub_img{position:absolute; left:50%; margin-left:-1100px; width:1100px; height:235px;}
#con_sub_copy{position:absolute; left:0%; margin-left:350px; bottom:0px; width:1200px; height:235px;}

/* --left_nav.php -- */
#left_total{float:left; width:235px; min-height:500px;  margin-bottom:20px;}/*overflow:hidden;*/

#left_title_wrap{float:left;width:235px;height:100px;background: #182d68;}
#left_title{width:235px; color:#fefefe; font-family:"Nanum Gothic"; font-size:22px; text-align:center; font-weight:600; letter-spacing:-0.5px; margin-top:30px;}
#left_title_eng{margin-top:5px; width:235px; color:#fefefe; font-family:"Nanum Gothic"; font-size:11px; line-height:15px; text-align:center; font-weight:500; letter-spacing:-0.5px;}
#left_customer{float:left; width:235px; height:215px; margin-top:10px; margin-bottom:100px;}

/* 좌메뉴 over */
#left_nav{float:left; width:235px;}/*overflow:hidden;*/
.leftMenu {float:left; width:235px; }/*overflow:hidden;*/
.leftMenu > li > a{display:block; padding-left:17px; width:218px; height:40px; font-family:"Nanum Gothic"; font-size:14px; line-height:40px; font-weight:600; color:#666; background:#fff;}
.leftMenu > .menu01{list-style:none; border-bottom:1px solid #ddd;}
.leftMenu > li{list-style:none; border-bottom:1px solid #ddd; width:235px;}
.leftMenu > li.last{border-top:0px}
.leftMenu > li > a:hover{color:#444444; font-weight:600; background:#f3f3f3 url('../images/left_menu_arrow.png') no-repeat 215px center;}
.leftMenu > li.on > a{color:#ffffff; font-weight:600; background:#444444 url('../images/left_menu_arrow.png') no-repeat 215px center;}
/* 좌메뉴 over */

/* --- } left_nav 사용시 --- */

/* 내용전체 */
#con_total{float:right; width:815px; overflow:hidden;}
#con_title{/* float:right; */width:815px;height: 134px;}

/* 타이틀_코딩 */
#title_a_wrap{
 float:left;
 margin-top: -30px;
 font-family:"Nanum Gothic";
 font-size:26px;
 color:#000;
 /* text-align:left; */
 font-weight:600;
 letter-spacing:-0.5px;
 margin-left: -10%;
 border-bottom: 1px solid #ccc;
 }
#title_a_sub{float:left; margin-top:5px; width:550px; font-family:"Nanum Gothic"; font-size:13px; color:#555; line-height:15px; text-align:left; font-weight:500; letter-spacing:-0.5px;}
#title_b_wrap{float:right; margin-top:60px; width:400px;}/*width:770px;*/
#title_b{float:right; font-family:"Nanum Gothic"; font-size:13px; color:#000; line-height:14px; text-align:right; font-weight:500; letter-spacing:-0.5px}
#title_b .title_tree{color: #182d68;font-weight:600;}

.title_text_sub{float:left; margin-top:15px; margin-left:10px; font-family:"Nanum Gothic"; font-size:14px; line-height:14px; color:#666; font-weight:500; letter-spacing:-0.5px}
.title_text{font-family:"Nanum Gothic"; font-size:16px; line-height:16px; color:#191818; font-weight:600; letter-spacing:-0.5px}


/* 내용*/
#con{float:left;margin:50px auto;width:815px;overflow:hidden;padding:0;}



/* ---------------------------- tab_nav.php ---------------------------- */
#tab_nav{margin:0 auto;width:815px;height:40px;margin-bottom:15px;}/* */
#tab_nav li {float:left; list-style-type:none; background:#fff;}
#tab_nav li a{display:block; padding:3px 20px;  margin-bottom:10px; border:1px solid #ddd;  font-family:"Nanum Gothic"; font-size:14px; color:#777; line-height:40px; text-align:center; font-weight:500; letter-spacing:-0.5px; margin-right:9px;}
#tab_nav li a:hover{color: #fff;background: #182d68;font-weight:600;border:1px solid #dadada;}
#tab_nav li.on a{color:#fff;background: #182d68;font-weight:600;border:1px solid #dadada;}

/* bottom div위치조절 */
#bottom_total{margin:0 auto; width:1100px; overflow:hidden;  }
#copy_text{float:left; text-align:left; width:590px; height:80px; padding-top:40px;  font-family:"Nanum Gothic"; font-size:12px; line-height:18px; color:#c0cda1; padding-left:20px;}
#copy_logo{float:left; width:195px; height:55px; padding:0px 30px 0 0;}
#copy_link{float:right; width:270px; height:20px; margin:35px 0px 0 0;}
#copy_link a{float:right; margin-left:10px; display:block; font-family:"Nanum Gothic"; font-weight:600; font-size:12px; line-height:20px; color:#c0cda1;}
#copy_link a:hover{color:#f6ff00;}

.priv_type{font-family:"Nanum Gothic"; font-size:13px; color:#000; line-height:14px; text-align:left; font-weight:500; letter-spacing:-0.2px; line-height:20px;}


/* tail.php */
#copy_total{ margin:0 auto; width:1020px; height:120px; padding-top:20px;}
#copy_menu{width:504px; height:30px; float:left; margin:0 0 0 258px;}
#copy_menu ul li{ float:left;}
#copy_menu ul li a{ font-size:12px; line-height:30px; color:#ccc; font-family: 'Nanum Gothic', sans-serif; text-align:center; padding:0 0 0 8px; font-weight:600;}
#copyright{ width:1020px; float:left; font-size:12px; line-height:20px; color:#ccc; font-family: 'Nanum Gothic', sans-serif; text-align:center; }

#sub_img{width:100%; height:300px; float:left; position:relative;}
#sub_img_slide{width:2200px; height:300px; float:left; position:absolute; top:0; left:50%; margin-left:-1100px; }
#content{position:relative;	width:2200px; height:300px;}
#bi{position:relative; width:2200px; height:300px; overflow:hidden; }
#bi1{position:relative; display:block;left:0px; width:2200px;; height:300px; }