@charset "utf-8";
ul,ol,li{list-style:none}
img {border:0;}
form {margin:0}
.hand {cursor:pointer}



#wrap{position:relative;}

/**** 상단 ****/
#header{position:relative; width:100%;background:url(/images/top_bg.gif) repeat-x center top;}
#header .top{position:relative; width:1000px; height:115px; margin:0 auto;}

.logo{ position:absolute; left:0px; top:24px;}
.top .top_btn {overflow:hidden; position:absolute; width:195px; height:39px; right:0px; top:0px; margin:0; padding:0;}
.top .top_btn ul li{float:left; height:39px; margin:0px; padding:0;}
.top .top_navl{ position:absolute; right:10px; top:60px; }


/**** 카피라이트 ****/
#footer{ clear:both;position:relative; width:100%; background-color:#e7e7e7;}
.copy{position:relative; width:1000px; margin:0 auto; padding:30px 0;  font-size:12px;  text-align:center; line-height:20px; color:#6b6b6b;}


#container01{position:relative; width:100%; margin:0px auto;}

/**** 메인비주얼 ****/
#main_visu{position:relative; width:100%; height:420px; background-color:#053769}
#main_visu #visu{position:relative;width:1000px; height:420px; margin:0 auto;}

/**** 메인비주얼 20230328****/
#main_visu_new{position:relative; width:100%; height:900px; background-size:cover; background:url('/images/main_visual_bg.jpg') no-repeat 50% 50%;}
#main_visu_new .main_copy_title {font-size:52px; color:#fff; font-weight:600; text-align:center; position:relative; top:40%; width:100%; margin:0 auto;}
#main_visu_new .main_copy_title span.desc{font-size:22px; color:#fff; font-weight:400;}



/**** 컨텐츠 ****/
#main_prod{position:relative; width:100%;height:200px;background-color:#053769;}
#main_prod #prod{position:relative; width:1000px; /*height:220px;*/ margin:0 auto; padding:0px; }
#main_prod #prod:after {  display: block; content: ''; clear: both;  }
.prod_box { float: left; width: 500px;}
.prod_box ul:after { display: block; content: ''; clear: both; }
.prod_box ul li{float:left; width:250px; }
.main_noti{ float:left; padding:20px 20px; width:210px; height: 160px; background-color:#efefef; overflow:hidden; }
.noti_tit{ height:40px;}
.noti_box{height:120px;  }
.main_as{ float:left; padding:20px 20px; width:210px; height: 160px; background-color:#fff; overflow:hidden }
.as_tit{ height:40px;}
.as_box{height:120px;  }


#main_cont{ position:relative; width:100%; margin:0px auto; height:135px; background-color:#053769;}
#main_cont #cont .cont_box ul:after {  display: block; content: ''; clear: both;  }
#main_cont #cont{position:relative; width:1000px;height:135px; margin:0 auto; padding:0;}
.cont_box ul li{float:left; width:250px; }
.cont_box02 ul li{width:125px; float:left; }


/**** 서브비주얼 ****/
#sub_visu{ clear:both;position:relative;  width:100%; margin:0 auto; background-color:#053769;}
.s_visu{position:relative;width:1000px; height:230px; margin:0 auto;}

/**** 서브컨텐츠 ****/

#sub_container01{ clear:both;position:relative;  width:100%; margin:0 auto; background-color:#053769;}
#sub_container02 {position:relative;width:1000px;min-height:600px; margin:0 auto; background-color:#fff;}

/* 서브 aside 레이아웃 */
#left_mn {float:left; width:170px;background:#fff; margin:0; padding-top:20px; padding-left:20px;}
#left_mn_bg { width:170px; height:100px;  background:url(/images/left_title_bg.gif) center top no-repeat;}
#left_mn h2 { padding-top:7px; padding-left:20px;  padding-bottom:10px; font-size:20px;font-weight:bold;letter-spacing:-0.5px;color:#fff;}
#left_mn h3 { padding-top:27px; padding-left:20px; font-size:11px;color:#bdd2ea;}
#left_mn span {font-size:14px;font-weight:bold;color:#555;}
#left_mn dl {margin:0;padding:0;}
#left_mn dl dd {margin:0; padding-top:11px; padding-bottom:12px; background:url(/images/bg_aside_menu.jpg) center center no-repeat;}
#left_mn a {display:block;padding:0px 0 0px 30px;}
#left_mn a span {font-size:12px;font-weight:bold;}
#left_mn a:hover span {color:#e00;text-decoration:none;}
#left_mn a:active, #aside a:visited, #aside a:link {text-decoration:none;}
.left_cust { width:170px; margin:0;padding-top:20px;}

.sub_aside ul li {list-style:none;}

/* 서브 contents 레이아웃 */
#sub_cont {position:relative;float:left; margin-left:25px; margin-top:15px; width:760px;min-height:300px; background:#fff;font-size:1em;zoom:1;}
#sub_cont:after {display:block;visibility:hidden;clear:both;content:"";}

#sub_cont-title {height:57px; margin-bottom:40px; background:url(/images/title_bg.gif) center top no-repeat;}
#sub_cont-title h1 {float:left;font-size:18px;font-weight:bold;padding-left:35px; padding-top:12px;}
#sub_cont-title .breadcrumb {float:right;color:#999;padding-top:25px;padding-right:10px;}