@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;}
::selection{background:#1783df; color:#ffffff;} 

/* div위치조절 */
#wrap{width:100%; overflow:hidden; text-align:left; min-width:1200px; position:relative; background-color:#fff;}
#top_wrap{width:100%; height:40px; background:#f1f1f1; border-bottom:1px solid #ccc; border-top: 2px solid #08428b}
#middle_wrap{width:100%; overflow:hidden; position:relative;}
#bottom_wrap{width:100%; overflow:hidden; border-top:1px solid #ccc; background:#222;}

/* top div위치조절 */
#top_total{margin:0 auto; width:1200px; height:140px; position:relative;}
#top_a{margin:0 auto; width:1200px; line-height:40px;}
#top_total_a{margin:0 auto; width:1200px; height:100px;} 


/* top div위치조절 */
#top_a{margin:0 auto; width:1200px; height:40px; line-height:40px; }
#top_a .top_cus{float:left; width:500px;  font-family:"Nanum Gothic"; font-size:14px; color:#222; font-weight:400; letter-spacing:-0.5; m}
#top_a .top_cus span{color:#222222; font-weight:700; margin-left:3px;}
#top_a .top_cus li{float:left; padding-left:5px; line-height:40px; margin-right:15px;}
#top_a .top_cus li.top_domain{line-height:40px; padding-left:0px;}

#inquary_banner{ position:absolute; top:150px; left:50px; width:300px; height:325px; background:#444444; z-index:10001}

/* 로그인 */
#login{float:right; width:420px; height:40px;}
#login ul {list-style-type:none;}
#login li {float:right; list-style-type:none;}
#login li a{display:block; padding:0 15px 0;  height:39px; font-family:"Nanum Gothic"; font-size:13px; line-height:39px; color:#222; font-weight:400; }
#login li a:hover{color:#fff; background-color:#00559d; font-weight:600;}

/* logo */
#top_logo_nav{float:left; width:265px; height:50px; position:relative;}
#logo{float:left; width:265px; height:50px; margin-top:25px;}

/*영문글씨*/
.eng_txt{ width:150px;position:absolute; font-family:"Nanum Gothic"; top:5px; left:0; text-align:center; font-size:12px; line-height:5px; color:#666666; font-weight:500; letter-spacing:-0.3px;}

/* top_nav */
div#commonGnb{float:right; }
div#commonGnb div.gnbWrap{width:100%; height:100px;}
div#commonGnb div.gnbWrap ul.gnbLayer{margin:0 auto; height:100px; text-align:center;}
div#commonGnb div.gnbWrap ul.gnbLayer li{float:left; position:relative; z-index:999;  zoom:1;}
div#commonGnb ul.gnbLayer li{position:relative;}
div#commonGnb ul.gnbLayer li a{display:block; height:100px; padding:0 25px; font-family:"Nanum Gothic"; font-size:16px; line-height:100px; color:#555; font-weight:600; letter-spacing:-0.5px;}
div#commonGnb ul.gnbLayer li a:hover{color:#00559d; font-weight:600;}
div#commonGnb ul.gnbLayer li dl {position:absolute; left:50%; top:100px; width:170px; margin-left:-85px; display:none;}
div#commonGnb ul.gnbLayer li dd {display:block; background:#fff;}
div#commonGnb ul.gnbLayer li dd a {display:block; width:170px !important; height:40px; padding:0; font-size:14px; line-height:40px; color:#666; font-weight:600; border-top:1px solid #eeeeee;}
div#commonGnb ul.gnbLayer li dd a:hover {background:#00559d; font-weight:600; color:#FFF;}


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


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

/*main_banner*/
#main_banner{position:relative; width:100%; overflow:hidden; height:670px;}
#main_banner .slider{ position:absolute; left:50%; top:0; width:1920px; height:670px; margin-left:-960px;}
.main_text{ position:absolute; z-index:100; left:50%; top:50%; margin:0 auto; width:1200px; margin-left:-600px; margin-top:-120px;}
.abtn{ float:left; position:absolute; left:45%; top:55%; width:100%; z-index:1000;}
.abtn p a{padding:12px 50px; font-size:14px; color:#fff; border:2px solid #fff; line-height:50px; font-family:"Nanum Gothic"; font-weight:600;}
.abtn p a:hover{ background:rgba(0,0,0,0.5); color:#fff; font-weight:600;}


/* ---------------------------- index.php (main div위치조절) ---------------------------- */
#main_middle_total{margin:0 auto; width:100%; overflow:hidden;}
#main_con_a{margin:0 auto; width:100%; overflow:hidden;}
#con_bottom{margin:60px auto; width:1200px; height:280px; border:1px solid #ccc;}

.quick_con_wrap{ width:100%; padding:80px 0; background:#f1f1f1}
.quick_con{ width:1200px; margin:0 auto; overflow: hidden;}
.quick_con ul{ width:1200px; height:195px; overflow:hidden; background:#ffffff}
.quick_con li{ float:left; width:300pxpx; height:195px; background:url(../images/quick_bg3.png) no-repeat center;  }
.quick_con li a{ display:block;text-indent:-5000px;width:300px; height:195px; }
.quick_con li#q01{ width:300px; height:195px; background-position:0 0}
.quick_con li#q02{ width:300px; height:195px; background-position:-300px 0;}
.quick_con li#q03{ width:300px; height:195px; background-position:-600px 0;}
.quick_con li#q04{ width:300px; height:195px; background-position:-900px 0;}
.quick_con li#q01:hover{ width:300px; height:195px; background-position:0 -195px}
.quick_con li#q02:hover{ width:300px; height:195px; background-position:-300px -195px; }
.quick_con li#q03:hover{ width:300px; height:195px; background-position:-600px -195px; }
.quick_con li#q04:hover{ width:300px; height:195px; background-position:-900px -195px; }

.main_middle_wrap1{ width:100%; height:785px; padding-top:80px; background:#ffffff}
.main_middle_total1{ height:100%; width:1200px; margin:0 auto; position: relative; }

.main_board_c_con_wrap{ margin-top:35px;}


#tab{ width:100%; height:100% }
#dB_Q{width:100%; overflow:hidden;}
#main_tab_q{width:1200px; height:70px; position:relative;}

#main_tab_q ul{list-style-type:none; margin:0; padding:0; overflow:hidden; display:table; }
#main_tab_q li{float:left; }
#main_tab_q li a{display:block; width:145px; height:70px; font-family:"Noto Sans Korean"; font-size:15px; line-height:23px; color:#000; font-weight:400; text-align:center; letter-spacing:-0.05em; }
#main_tab_q li.tab01 a{float:left; height:70px; background:#dddddd; border-top:2px solid #dddddd; border-left:2px solid #dddddd;  border-right:2px solid #dddddd;padding-top:20px; }
#main_tab_q li.tab02 a{float:left; height:70px; background:#dddddd; border-top:2px solid #dddddd; border-left:2px solid #dddddd;  border-right:2px solid #dddddd;padding-top:20px;margin-left:5px;}
#main_tab_q li.tab03 a{float:left; height:70px; background:#dddddd; border-top:2px solid #dddddd; border-left:2px solid #dddddd;  border-right:2px solid #dddddd;padding-top:10px;margin-left:5px;}
#main_tab_q li.tab04 a{float:left; height:70px; background:#dddddd; border-top:2px solid #dddddd; border-left:2px solid #dddddd;  border-right:2px solid #dddddd;padding-top:20px;margin-left:5px;}
#main_tab_q li.tab05 a{float:left; height:70px; background:#dddddd; border-top:2px solid #dddddd; border-left:2px solid #dddddd;  border-right:2px solid #dddddd;padding-top:20px;margin-left:5px;}
#main_tab_q li.tab06 a{float:left; height:70px; background:#dddddd; border-top:2px solid #dddddd; border-left:2px solid #dddddd;  border-right:2px solid #dddddd;padding-top:10px;margin-left:5px;}
#main_tab_q li.tab07 a{float:left; height:70px; background:#dddddd; border-top:2px solid #dddddd; border-left:2px solid #dddddd;  border-right:2px solid #dddddd;padding-top:20px;margin-left:5px;}
#main_tab_q li.tab08 a{float:left; height:70px; background:#dddddd; border-top:2px solid #dddddd; border-left:2px solid #dddddd;  border-right:2px solid #dddddd;padding-top:20px;margin-left:5px;}


#main_tab_q li.tab01#taba a{width:145px; height:70px; color:#005aa6; font-weight:500; background:#ffffff; border-top:2px solid #005aa6; border-left:2px solid #005aa6;  border-right:2px solid #005aa6;}
#main_tab_q li.tab02#taba a{width:145px; height:70px; color:#005aa6; font-weight:500; background:#ffffff; border-top:2px solid #005aa6; border-left:2px solid #005aa6;  border-right:2px solid #005aa6;  }
#main_tab_q li.tab03#taba a{width:145px; height:70px; color:#005aa6; font-weight:500; background:#ffffff; border-top:2px solid #005aa6; border-left:2px solid #005aa6;  border-right:2px solid #005aa6;  }
#main_tab_q li.tab04#taba a{width:145px; height:70px; color:#005aa6; font-weight:500; background:#ffffff; border-top:2px solid #005aa6; border-left:2px solid #005aa6;  border-right:2px solid #005aa6;  }
#main_tab_q li.tab05#taba a{width:145px; height:70px; color:#005aa6; font-weight:500; background:#ffffff; border-top:2px solid #005aa6; border-left:2px solid #005aa6;  border-right:2px solid #005aa6;  }
#main_tab_q li.tab06#taba a{width:145px; height:70px; color:#005aa6; font-weight:500; background:#ffffff; border-top:2px solid #005aa6; border-left:2px solid #005aa6;  border-right:2px solid #005aa6;  }
#main_tab_q li.tab07#taba a{width:145px; height:70px; color:#005aa6; font-weight:500; background:#ffffff; border-top:2px solid #005aa6; border-left:2px solid #005aa6;  border-right:2px solid #005aa6;  }
#main_tab_q li.tab08#taba a{width:145px; height:70px; color:#005aa6; font-weight:500; background:#ffffff; border-top:2px solid #005aa6; border-left:2px solid #005aa6;  border-right:2px solid #005aa6;  }







#main_g_tab{margin:0 auto 50px; width:1200px; height:300px;}



/* 퀵메뉴*/
#main_middle_total_a{margin:80px auto; width:100%;height:345px; background:url('../images/p_bg.jpg') no-repeat;}/*전체*/
#main_quick_wrap{margin:0 auto; width:1200px; height:230px; }
#main_quick{float:left; width:1200px;}

.quick_title01{ width:1200px; margin:0 auto; text-align:center; font-size:40px; font-weight:600; height:50px; letter-spacing:-0.05em; color:#333; line-height:40px}
.quick_title01 span{font-weight:600;}
.quick_title02{width:1200px; margin:5px auto 40px; text-align:center; font-size:14px; font-weight:400; height:20px; letter-spacing:0.2px; line-height:20px;}

#main_quick_a_wrap{float:left; position:relative; width:1200px; height:230px;}
.main_quick_a{margin:0 auto; width:1200px; height:230px;}
.main_quick_a li{float:left;}
.main_quick_a li a{display:block; height:230px; background:url('../images/q_menu.png') center center;}
.main_quick_a li.qmb01 a{width:224px; height:230px; background-position:0 top;}
.main_quick_a li.qmb02 a{width:224px; height:230px; margin-left:20px; background-position:-244px top;}
.main_quick_a li.qmb03 a{width:224px; height:230px; margin-left:20px; background-position:-488px top;}
.main_quick_a li.qmb04 a{width:224px; height:230px; margin-left:20px; background-position:-732px top;}
.main_quick_a li.qmb05 a{width:224px; height:230px; margin-left:20px; background-position:-976px top;}

.main_quick_a li.qmb01 a:hover{width:224px; height:230px; background-position:0 bottom;}
.main_quick_a li.qmb02 a:hover{width:224px; height:230px; margin-left:20px; background-position:-244px bottom;}
.main_quick_a li.qmb03 a:hover{width:224px; height:230px; margin-left:20px; background-position:-488px bottom;}
.main_quick_a li.qmb04 a:hover{width:224px; height:230px; margin-left:20px; background-position:-732px bottom;}
.main_quick_a li.qmb05 a:hover{width:224px; height:230px; margin-left:20px; background-position:-976px bottom;}

#main_middle_total_b{ width:100%; height:400px; background:url('../images/main_bg.jpg') no-repeat; }
.b_title{ overflow:hidden; margin:0 auto; width:1200px; padding-top:80px; }
/*INDEX.PHP : 메인_타이틀 스타일
----------------------------------*/
.main_title_total{margin:0 auto; width:1200px; height:80px; padding-top:60px;}
.quick_name01{margin:0 auto;  font-family:"Nanum Gothic"; font-size:35px; color:#333; line-height:40px; text-align:center; letter-spacing:-0.7px; margin-bottom:15px; font-weight:600;}
.quick_name02{margin:0 auto;  font-family:"Nanum Gothic"; font-size:18px; color:#555; text-align:center;letter-spacing:-0.7px; font-weight:600;}
.quick_name_color{ font-family:"Nanum Gothic"; font-size:35px; color:#00568c; font-weight:600; letter-spacing:-0.7px;}


/*공지사항*/
.main_a{float:left; width:500px; height:280px; padding:0 50px; border-right:1px solid #ccc; position:relative;}
.main_a_title{width:100%; height:35px; overflow:hidden; margin:40px 0 0 0; font-size:24px; font-weight:600; color:#222;}
.main_a_title span{font-size:14px; font-weight:400; color:#666; margin-left:10px;}
.main_a_more{position:absolute; right:50px; top:47px; width:25px; height:25px;}
.main_a_con{width:100%; height:150px; margin-top:10px;}


/*고객센터*/
.main_d{float:left; width:498px; height:280px; padding:0 50px;}
.main_d_title{float:left; width:100%; height:35px; margin:40px 0 0 0; font-size:24px; font-weight:600; color:#222;}
.main_d_title span{font-size:14px; font-weight:400; color:#666; margin-left:10px;}
.main_d_con{ width:100%; height:160px; margin-top:10px;}

.main_e{float:left; width:200px; overflow:hidden;}

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

#middle_total{margin:0 auto; padding:50px 0 70px 0; width:1200px; overflow:hidden;}

/*서브이미지*/
#con_sub{position:relative; margin:0 auto; width:100%; height:300px;}
#con_sub_img{position:absolute; left:50%; margin-left:-960px; width:1920px; height:300px;}
#con_sub_copy{position:absolute; left:50%; margin-left:-600px; top:95px; width:1200px; height:51px;}

/* --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:url('../images/left_menu_top_bg.jpg') no-repeat;}
#left_title{width:235px; color:#fefefe; font-family:"Nanum Gothic"; font-size:28px; text-align:center; font-weight:600; letter-spacing:-0.5px; margin-top:35px;}
#left_title_eng{margin:0 auto; padding:25px 0 0 0; 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:25px; width:235px; height:45px; font-family:"Nanum Gothic"; font-size:14px; line-height:45px; 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:915px; overflow:hidden;}
#con_title{margin:0 auto 50px 0; width:915px; height:100px; background:url('../images/title_line.jpg') repeat-x center bottom;}

/* 타이틀_코딩 */
#title_a_wrap{float:left; margin-top:15px; width:500px; font-family:"Nanum Gothic"; font-size:28px; color:#000; line-height:40px; text-align:left; font-weight:600; letter-spacing:-0.5px;}
#title_a_sub{float:left; margin-top:5px; width:550px; font-family:"Nanum Gothic"; font-size:14px; color:#555; line-height:15px; text-align:left; font-weight:500;}
#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:#00559d; 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:0 auto; width:915px; overflow:hidden; padding:0;}



/* ---------------------------- tab_nav.php ---------------------------- */
/* 탭네비 */
#tab_nav_sub{ background:#fff;padding:0; width:915px; display:block; margin:0 auto 40px;}

#tab_nav_sub ul{ overflow:hidden; margin:0 auto; display:table}
#tab_nav_sub ul li{float:left; overflow:hidden; }
#tab_nav_sub ul li a{display:block;line-height:50px; width:200px; text-align:center;font-size:15px; font-family:'Nanum Gothic';font-weight:600; color:#444444; letter-spacing:-0.05em; border:2px solid #ccc; margin-right:10px; font-family:"Nanum Gothic"}
#tab_nav_sub ul li a:hover{color:#073771;font-weight:600;border:2px solid #073771; background:#f1f1f1}
#tab_nav_sub ul li.on a{color:#073771;font-weight:600;border:2px solid #073771;background:#f1f1f1}


/* bottom div위치조절 */
#bottom_total{margin:0 auto; width:1200px; overflow:hidden; padding:20px 0;}
#copy_text{ float:left; width:1200px;  padding-top:20px;  font-family:"Nanum Gothic"; font-size:13px; line-height:22px; color:#ccc; }
#copy_logo{float:left; width:200px; height:90px; padding:45px 45px 0 0;}
#copy_link{ float:left; display:table; height:20px;}
#copy_link a{float:right; margin-right:20px; display:block; font-family:"Nanum Gothic"; font-weight:600; font-size:14px; line-height:20px; color:#ccc;}
#copy_link a:hover{color:#fff;}