@charset "utf-8";

#wrap {width:100%;}
#header,#contents,#footer {position:relative;width:1200px;margin:0 auto;}

/* ��� */
#headerArea {position:relative;width:100%; background:url(topBg.jpg) repeat-x;}
#header {height:142px;}
#header .logo {position: absolute;top:76px;left:0px;width:231px;height:31px;}
#header .topMenu {position: absolute;top:10px;right:0px; }
#header .topMenu li {float:left;padding:0 2px;height:39px;text-align:center; font-size:12px; line-height:13px; }

/* �޴� */
#header #menu {position: absolute;top:39px;right:0px;z-index:999; }
#header #menu li {width: 155px; float: left;display: block;background: none;  height:103px; position: relative;text-align:center;}
#header #menu li a {color:#000;font-size:16px;margin-top:38px;display: block;border-right:1px solid #eee; height:28px; font-weight:bold; }
#header #menu li a:hover {color:#005daa;}
#header #menu li a.on {color:#005daa;}
#header #menu ul {position: absolute;top:103px;left: 0px;display: none;margin: 0;padding: 0;}	
#header #menu ul li {width: 155px;float: left;text-align: left; text-align:center;height:41px;text-align:center; /*text-transform:uppercase;*/ border-bottom:1px solid #ddd;}
#header #menu ul li a {display:block;padding:8px 0px 16px 0px; height:17px;margin:0px;border:0px;background-color:#eee; font-size:13px; color:#333; font-weight:normal;}
#header #menu ul li a:hover  {color:#fff;margin:0px;border:0px;background-color:#333;}

#moMenuTit,.catMenu5,.catMenu6,.moLang, .proSearBtn, .mobr{ display:none;}

/*�߰�*/
#proArea{ width:900px; margin:0 auto;}
#proArea_1,#proArea_2,#proArea_3 { width:200px; height:450px; margin:0 20px; float:left; padding:30px ; background:#0554a1}

#proArea_1 a,#proArea_2 a,#proArea_3 a { display:block; color:#fff; padding:10px 20px; font-size:15px; color:#b9d0e5; border-bottom:1px solid #1962a8 }
#proArea_1 h1,#proArea_2 h1,#proArea_3 h1 {  color:#fff; padding:30px 0px 70px 0px; font-size:24px; text-align:center; } 



/* �ϴ� */
#footerArea {position:relative;width:100%;clear:both; background:#222; }
#footer {height:50px;color:#fff;padding:50px 0 50px 0;}
#footer > .left{position: absolute;top:30px;left:0px;}
#footer > .left > h1 {font-size:14px;}
#footer > .left > li {float:left;padding:3px 0;}
#footer > .right{position: absolute;top:50px;right:0px;}
#footerArea > #footer > .left > .copytxt { color:#fff; font-size:13px; padding-top:15px; }
#footerArea > #footer > .left > ul > .mtt { font-size:18px; font-weight:bold;  color:#fff; padding-bottom:5px;}
.footer_select {  height:37px; background:#fff; border:1px solid #ddd;  font-size:12px; color:#000; vertical-align:middle; width:200px; }
#quick {position: absolute;top:485px;margin-left:640px;left:50%;   padding:0px;  border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
#quick > a {  text-align:center; font-size:22px; padding:15px 7px 14px 7px; color:#000; display:block; border-bottom:1px solid #e5e5e5; }
#quick > a:hover {color:#fff; background:#005daa}
#quick > a > p { padding:5px 0; font-size:12px;}

/* ���� */
#subImgArea { width:100%; height:180px; /*background-size:cover;*/ }
#subImgArea .subTitleArea { position:relative;width:1200px;margin: 0 auto; height:180px; }
#subImgArea .subTitleArea .subTitle{ position:absolute; bottom:23px; color:#fff; font-size:30px; letter-spacing:3px; left:0px; font-weight:bold; }
#subImgArea .subTitleArea .naviArea{ position:absolute; bottom:20px; color:#fff; font-size:13px; letter-spacing:0px; right:0px;  }
#subImgArea > .subTitleArea > .naviArea > span { font-weight:bold; }
.fa-chevron-right { vertical-align:middle; font-size:12px; padding:0px 5px; }
#contentsArea { position:relative; width:1200px; margin:30px auto 50px auto; padding-bottom:100px; min-height:700px;}
#contentsArea .sub01Menu {width:1200px; margin:0px auto 0px auto; overflow:hidden;  border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
#contentsArea .sub01Menu a { text-align:center; font-size:14px; color:#000; padding:14px 0 17px 0; display:block; width:14%; float:left; background:url(blankBgg.png) repeat-y right top;}
#contentsArea .sub01Menu a.out { width:15%; } 
#contentsArea .sub01Menu a.on { background:#0554a1; color:#fff; font-weight:bold}
#contentsArea .sub01Menu a:hover { color:#0554a1}
#contentsArea .sub01Menu a.on:hover { color:#fff;}

#contentsArea .sub02Menu {width:1200px; margin:0px auto 0px auto; overflow:hidden;  border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
#contentsArea .sub02Menu a { text-align:center; font-size:15px; color:#000; padding:14px 0 17px 0; display:block; width:50%; float:left; background:url(blankBgg.png) repeat-y right top;}
#contentsArea .sub02Menu a.on { background:#0554a1; color:#fff; font-weight:bold}
#contentsArea .sub02Menu a:hover { color:#0554a1}
#contentsArea .sub02Menu a.on:hover { color:#fff;}

#contentsArea .sub03Menu {width:1200px; margin:0px auto 0px auto; overflow:hidden;  border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
#contentsArea .sub03Menu a { text-align:center; font-size:15px; color:#000; padding:14px 0 17px 0; display:block; width:20%; float:left; background:url(blankBgg.png) repeat-y right top;}
#contentsArea .sub03Menu a.on { background:#0554a1; color:#fff; font-weight:bold}
#contentsArea .sub03Menu a:hover { color:#0554a1}
#contentsArea .sub03Menu a.on:hover { color:#fff;}
#contentsArea .sub04Menu {width:1200px; margin:0px auto 0px auto; overflow:hidden;  border-top:1px solid #e5e5e5;  }

#contentsArea .sub05Menu {width:1200px; margin:0px auto 0px auto; overflow:hidden;  border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
#contentsArea .sub05Menu a { text-align:center; font-size:15px; color:#000; padding:14px 0 17px 0; display:block; width:25%; float:left; background:url(blankBgg.png) repeat-y right top;}
#contentsArea .sub05Menu a.on { background:#0554a1; color:#fff; font-weight:bold}
#contentsArea .sub05Menu a:hover { color:#0554a1}
#contentsArea .sub05Menu a.on:hover { color:#fff;}
#contentsArea .sub05Menu {width:1200px; margin:0px auto 0px auto; overflow:hidden;  border-top:1px solid #e5e5e5;  }


#contentsArea .sub06Menu {width:1200px; margin:0px auto 0px auto; overflow:hidden;  border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
#contentsArea .sub06Menu a { text-align:center; font-size:15px; color:#000; padding:14px 0 17px 0; display:block; width:33.3%; float:left; background:url(blankBgg.png) repeat-y right top;}
#contentsArea .sub06Menu a.out { width:33.4%; }
#contentsArea .sub06Menu a.on { background:#0554a1; color:#fff; font-weight:bold}
#contentsArea .sub06Menu a:hover { color:#0554a1}
#contentsArea .sub06Menu a.on:hover { color:#fff;}
#contentsArea .sub06Menu {width:1200px; margin:0px auto 0px auto; overflow:hidden;  border-top:1px solid #e5e5e5;  }




#contentsArea .catMenu { position:relative;  text-align:left; font-weight:normal; padding:50px 0 0px 0;    }
#contentsArea .catMenu a { font-size:14px; padding:10px 20px 13px 20px; border:1px solid #ddd; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;  }
#contentsArea .catMenu a:hover { color:#fff; background:#0554a1; border:1px solid #0554a1; }
#contentsArea .catMenu a.on { color:#fff; background:#0554a1; border:1px solid #0554a1; font-weight:bold; font-size:14px;  }
#contentsArea .catMenu a.cat { position:absolute; top:41px; right:0px; background:#222; border:1px solid #222; color:#fff;  font-size:14px; padding:8px 20px 11px 20px;  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;  }

#contentsArea .catMenu4 { position:relative;  text-align:left; font-weight:normal; padding:0px 0 20px 0;    }
#contentsArea .catMenu4 a { font-size:13px;background:#fafafa; padding:6px 40px 9px 40px; border:1px solid #ddd; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color:#999;  }
#contentsArea .catMenu4 a:hover {color:#000; background:#fafafa; border:1px solid #ddd; }
#contentsArea .catMenu4 a.on { color:#000; background:#fff;  border:1px solid #333; font-weight:bold; }
#contentsArea .catMenu4 a.cat { position:absolute; top:41px; right:0px; background:#222; border:1px solid #222; color:#fff;  font-size:14px; padding:8px 20px 11px 20px;  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;  }


#contentsArea .catMenu4_ { position:relative;  text-align:center; font-weight:normal; padding:20px 0 20px 0;    }
#contentsArea .catMenu4_ a { font-size:13px;background:#fafafa; padding:6px 10px 9px 10px; border:1px solid #ddd; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color:#999;  }
#contentsArea .catMenu4_ a:hover {color:#000; background:#fafafa; border:1px solid #ddd; }
#contentsArea .catMenu4_ a.on { color:#000; background:#fff;  border:1px solid #333; font-weight:bold; }
#contentsArea .catMenu4_ a.cat { position:absolute; top:41px; right:0px; background:#222; border:1px solid #222; color:#fff;  font-size:14px; padding:8px 20px 11px 20px;  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;  }





#contentsArea .catMenu2 { position:relative;  text-align:center; font-weight:normal; padding:50px 0 0px 0;    }
#contentsArea .catMenu2 a { font-size:15px;background:#fafafa; padding:10px 50px 13px 50px; border:1px solid #ddd; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color:#999;  }
#contentsArea .catMenu2 a:hover {color:#000; background:#fafafa; border:1px solid #ddd; }
#contentsArea .catMenu2 a.on { color:#000; background:#fff;  border:1px solid #333; font-weight:bold; }
#contentsArea .catMenu2 a.cat { position:absolute; top:41px; right:0px; background:#222; border:1px solid #222; color:#fff;  font-size:14px; padding:8px 20px 11px 20px;  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;  }


#contentsArea .catMenu3 { position:relative;  text-align:center; font-weight:normal; padding:50px 0 0px 0;    }
#contentsArea .catMenu3 a { font-size:15px;background:#fafafa; padding:10px 30px 13px 30px; border:1px solid #ddd; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color:#999;  }
#contentsArea .catMenu3 a:hover {color:#000; background:#fafafa; border:1px solid #ddd; }
#contentsArea .catMenu3 a.on { color:#000; background:#fff;  border:1px solid #333; font-weight:bold; }
#contentsArea .catMenu3 a.cat { position:absolute; top:41px; right:0px; background:#222; border:1px solid #222; color:#fff;  font-size:14px; padding:8px 20px 11px 20px;  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;  }


#contentsArea .catMenu3_ { position:relative;  text-align:center; font-weight:normal; padding:50px 0 0px 0;    }
#contentsArea .catMenu3_ a { font-size:15px;background:#fafafa; padding:10px 30px 13px 30px; border:1px solid #ddd; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color:#999;  }
#contentsArea .catMenu3_ a:hover {color:#000; background:#fafafa; border:1px solid #ddd; }
#contentsArea .catMenu3_ a.on { color:#000; background:#fff;  border:1px solid #333; font-weight:bold; }
#contentsArea .catMenu3_ a.cat { position:absolute; top:41px; right:0px; background:#222; border:1px solid #222; color:#fff;  font-size:14px; padding:8px 20px 11px 20px;  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;  }

#contentsArea .catMenu7 { position:relative;  text-align:center; font-weight:normal; padding:50px 0 0px 0;    }
#contentsArea .catMenu7 a { font-size:15px;background:#fafafa; padding:10px 30px 13px 30px; border:1px solid #ddd; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color:#999;  }
#contentsArea .catMenu7 a:hover {color:#000; background:#fafafa; border:1px solid #ddd; }
#contentsArea .catMenu7 a.on { color:#000; background:#fff;  border:1px solid #333; font-weight:bold; }
#contentsArea .catMenu7 a.cat { position:absolute; top:41px; right:0px; background:#222; border:1px solid #222; color:#fff;  font-size:14px; padding:8px 20px 11px 20px;  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;  }



#contentsArea .catMenuLine {border-top:1px solid #e5e5e5; }
#contentsArea > .conTitle { text-align:center;  font-size:30px; font-weight:normal; padding:40px 0 15px 0; font-family:"notokr-bold";}
#contentsArea > .content { overflow:hidden;   }

.insa_1 { width:100%; padding-bottom:50px; border-bottom:1px solid #e5e5e5; overflow:hidden; }
.insa_1 > .insa_top { float:left; width:600px;  }
.insa_1 > .insa_top > h1 { font-size:40px; padding:40px 0 40px 0; font-family:"notokr-bold";  }
.insa_1 > .insa_top  > p { font-size:18px; font-family:"notokr-regular"; line-height:26px; }
.insa_1 > img { float:right; padding-right:50px; }
.insa_2 { width:100%; padding-top:50px;overflow:hidden; font-size:15px; }
.insa_2 > .in_left { float:left; width:550px;  }
.insa_2 > .in_right { float:right; width:550px;  }
.insa_3  { float:right; font-size:18px; font-weight:bold; padding-top:50px;}

.his_right { width:608px; margin-left:592px; background:url(his_bg.jpg) repeat-y left top; padding-top:68px; }
.his_right > h1 { margin-left:40px; font-size:30px; height:96px; line-height:30px; background:url(his_line.jpg) repeat-y left top;  }
.his_right > ul { margin:0 0 0 40px;}
.his_right > ul > li {height:30px; font-size:13px; vertical-align:middle; }
.his_right > ul > li > span { font-weight:bold; padding-right:20px;  font-size:15px;   letter-spacing:0px; }
.his_left { width:608px;  background:url(his_bg.jpg) repeat-y right top; text-align:right; padding-top:68px;  }
.his_left > h1 { margin-right:40px; font-size:30px; height:96px; line-height:30px; background:url(his_line.jpg) repeat-y right top;  }
.his_left > ul { margin:0 40px 0 0 ;}
.his_left > ul > li {height:30px;  font-size:13px; vertical-align:middle; }
.his_left > ul > li > span { font-weight:bold; padding-left:20px;  font-size:15px;  letter-spacing:0px; float:right; display:block;}

.sur > li { width:300px; height:350px; float:left; text-align:center; font-size:15px; margin-top:30px; padding:370px 50px 0 50px;}
.sur > li > h1 {  font-weight:normal; font-size:22px; padding-bottom:30px; line-height:30px; font-family:"notokr-bold";  }
.sur_01 {  background:url(0103_01.jpg) no-repeat center top;  }
.sur_02 {  background:url(0103_02.jpg) no-repeat center top;  }
.sur_03 {  background:url(0103_03.jpg) no-repeat center top;  }


.sur_Area {background:url(sub0103.jpg) repeat-x; width:1200px; height:600px; }
.sur_ > li { width:400px; height:350px; float:left; padding-top:80px; text-align:center; font-size:13px; margin-top:30px;  color:#ccc;  }
.sur_ > li > h1 {  font-weight:normal; font-size:22px; padding-bottom:60px; line-height:30px; font-family:"notokr-bold"; color:#fff; text-decoration:underline }
.sur_ > li > h2 {  font-weight:normal; font-size:50px; padding-bottom:50px; line-height:30px; font-family:"notokr-bold"; color:#3383ce;  }





.oper_01 { position:relative; background:url(0104_01.jpg) no-repeat center 50px; height:740px; border-bottom:1px solid #e5e5e5; font-family:notokr-regular; }	
.oper_01 > .oper_do_01 { position: absolute;top:10px; left:0px; width:100%; text-align:center; }
.oper_01 > .oper_do_02 { position: absolute;top:460px; left:120px; }
.oper_01 > .oper_do_03 { position: absolute;top:460px; left:840px; }
.oper_01 > .oper_do_04	{ position: absolute;top:280px; left:0px; line-height:36px; width:100%; text-align:center; }
.oper_01 > .oper_do_04 > .oper_txt_1 > span{ color:#000}
.oper_txt_1 { font-size:28px; color:#0457a5; text-align:center; font-weight:normal; font-family:"notokr-bold"; padding-bottom:20px;  }
.oper_txt_2 {font-size:20px; text-align:center }
.oper_02 { width:100%; text-align:center; padding-top:80px; overflow:hidden; font-size:16px; }	
.oper_02 > h1 { font-weight:normal;  font-size:28px;   height:35px; width:320px; margin:0 auto 40px auto;  }
.oper_02 > h2 { font-weight:normal;  font-size:26px; padding-bottom:20px;font-family:"notokr-bold";  }
.oper_02 > h2 > span { color:#0457a5 ; }
.oper_02 > ul { width:100%; margin-top:80px; }
.oper_02 > ul > .oper_left { float:left; width:40%; padding:280px 5% 0 5%; background:url(0104_02.jpg) no-repeat center 0px;  }
.oper_02 > ul > .oper_right { float:left; width:40%; padding:280px 5% 0 5%;  background:url(0104_03.jpg) no-repeat center 0px;   }
.oper_02 > ul > li > h3 { font-weight:normal; font-size:26px; padding-bottom:20px; }
.oper_font_color_01 { color:#333; font-family:"notokr-bold"; }
.oper_font_color_02 { color:#333; font-family:"notokr-bold"; }

.sam_ci > h1 { text-align:center; padding:70px 0 140px 0; }
.sam_ci > h2 { text-align:center; padding:70px 0 0 0; }
.sam_ci > ul { overflow:hidden; }
.sam_ci > ul > li {width:25%;height:250px; background:url(0105_02.jpg) no-repeat center top; padding-top:50px; float:left; text-align:center; font-size:15px;  }
.sam_ci > ul > li > span { display:block; font-size:38px; color:#005daa; font-family:"notokr-bold"; padding:30px 0 30px 0;}


.info_1 { width:100%; padding-bottom:50px; border-bottom:1px solid #e5e5e5; overflow:hidden; font-size:30px; font-family:"notokr-regular"; line-height:36px; }
.info_1 > span { color:#0457a5;}
.info_2 { background:url(0401.jpg) no-repeat center top; height:100px; width:100%; color:#fff; font-family:"notokr-bold"; text-align:center; padding-top:70px; font-size:32px;  }
.info_3 { width:100%; padding-top:50px;overflow:hidden; font-size:15px; }
.info_3 > .in_left { float:left; width:570px;  }
.info_3 > .in_right { float:right; width:570px;  }



.visi_01  { overflow:hidden; width:100%; padding:30px 0 80px 0;  border-bottom:1px solid #e5e5e5; }
.visi_01 > ul { width:930px; margin:0 auto; }
.visi_01 > ul > li { width:310px; background:url(0106_02.jpg) no-repeat center top; height:230px; float:left;  text-align:center; line-height:18px; color:#a9a9a9 }
.visi_01 > ul > li > h1 { padding-bottom:15px; font-weight:normal; padding-top:90px; font-size:22px;   }
.visi_01 > ul > .on { color:#1f72d8; background:url(0106_01.jpg) no-repeat center top } 
.visi_02 { width:100%; text-align:center; padding-top:50px; overflow:hidden; font-size:16px; }	
.visi_02 > h1 { font-weight:normal;  font-size:30px;   height:35px; width:450px; margin:0 auto 40px auto; } 
.visi_02 > h2 { font-weight:normal;  font-size:24px; padding-bottom:20px; font-family:"notokr-bold"; }
.visi_02 > h2 > span { color:#0457a5 ; }
.visi_03 { overflow:hidden; width:1068px; background:url(0106_03.jpg) no-repeat center top; margin:70px auto 0 auto; height:370px; }
.visi_03 > ul > li { width:356px; float:left; text-align:center; font-size:15px;   }
.visi_03 > ul > li > h1 { color:#0457a5; font-size:22px; font-weight:normal; line-height:28px; padding:95px 0px 130px 0px; font-family:"notokr-bold"; }
.visi_04 {  position:relative; width:100%; height:730px; background:url(0106_04.jpg) no-repeat center top; margin-top:50px; }
.visi_04 > h1 { position:absolute; top:205px; left:155px; font-size: 28px; color:#fff; line-height:32px; text-align:center; font-weight:normal; font-family:"notokr-bold";  }
.visi_04 > h2 { position:absolute; top:460px; left:170px; font-size: 28px; color:#fff; line-height:32px; text-align:center; font-weight:normal; font-family:"notokr-bold";  }
.visi_04 > ul { padding:190px 0 0 400px; font-size:14px; }
.visi_04 > ul > li > h3 { font-size:24px; font-weight:normal; padding-bottom:20px; color:#333; font-family:"notokr-bold"; }
.visi_04 > ul > li > h4 { font-size:24px; font-weight:normal; padding-bottom:20px; padding-top:130px; color:#333; font-family:"notokr-bold"; }

.txt_bg { background:url(txt_bg.jpg) repeat-x center bottom;  }

.visi_05 {  position:relative;  overflow:hidden; width:700px; height:640px; margin:100px auto 100px auto; background:url(0106_05.jpg) no-repeat center top; font-family:notokr-regular;    }
.visi_05 > h1 { color:#fff; position:absolute; top:130px; left:245px; font-weight:normal; font-size:20px; text-align:center;  }
.visi_05 > h2 { color:#fff; position:absolute; top:490px; left:55px; font-weight:normal; font-size:20px; text-align:center;  }
.visi_05 > h3 { color:#fff; position:absolute; top:490px; left:422px; font-weight:normal; font-size:20px; text-align:center;   }

.visi_06 {  width:100%; border-top:1px solid #e5e5e5;   }
.visi_06 > ul > li { position:relative;  border-bottom:1px solid #e5e5e5; width:100%; overflow:hidden; padding:40px 0 40px 0; font-size:15px;  }
.visi_06 > ul > li > h1 { background:url(0106_06.jpg) no-repeat center top; height:122px; width:280px; font-size:13px;line-height:15px; color:#fff; font-weight:normal;  float:left; padding:92px 83px 0 0; text-align:center;  }
.visi_06 > ul > li > h2 { background:url(0106_07.jpg) no-repeat center top; height:122px; width:280px; font-size:13px;line-height:15px; color:#fff; font-weight:normal;  float:left; padding:97px 83px 0 0; text-align:center;  }
.visi_06 > ul > li > h3 { background:url(0106_08.jpg) no-repeat center top; height:122px; width:280px; font-size:13px;line-height:15px; color:#fff; font-weight:normal;  float:left; padding:92px 83px 0 0; text-align:center;  }
.visi_06 > ul > li > p { padding-top:70px;}
.visi_06 > ul > li > .padtop { padding-top:50px;}


.env_01 { width:100%; text-align:center;  overflow:hidden; font-size:16px; }	
.env_01 > h1 { font-weight:normal;  font-size:32px; line-height:32px; padding-bottom:40px; font-family:"notokr-bold";  }
.env_01 > h1 > span { color:#0457a5 ; }

.env_02 { width:100%; text-align:center;  overflow:hidden; font-size:36px; color:#fff; margin-top:50px;}	
.env_02 > ul > li { float:left; line-height:60px; padding-top:120px; width:383px; height:280px; }
.env_02 > ul > .env_02_01 { background:url(0107_01.jpg) no-repeat center top; margin-right:25px;  }
.env_02 > ul > .env_02_02 { background:url(0107_02.jpg) no-repeat center top; margin-right:26px;  }
.env_02 > ul > .env_02_03 { background:url(0107_03.jpg) no-repeat center top; margin-right:0px;  }

.glotb{ width:100%; border:1px solid #ccc; margin-top:20px; }
.glotb th{ border-right: 1px solid #ccc; font-size:16px;   border-bottom: 2px solid #025ea9; height:80px; text-align:center; background:#fff;  font-weight:normal; color:#025ea9;}
.glotb td{ border-right: 1px solid #ccc; background:#f6f6f8;   padding:20px 0 30px 0px;  text-align:center; vertical-align:top;  } 
a.glolink { font-size:14px; display:block; padding:5px 0 8px 0; }
a:hover.glolink {  color:#025ea9; }
a.glolink_on { font-size:14px; display:block; padding:5px 0 8px 0; color:#fff; font-weight:bold; background:#025ea9  }

.glotb2{ width:100%; border-top: 2px solid #000;   }
.glotb2 th{ border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;color:#025ea9; text-align:left; font-size:14px;}
.glotb2 td{ border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;padding:15px; font-size:13px;   } 
.glotb2 .last { border-right:0px; }
.glotb2 .bgc{ background:#f6f6f8; } 

.sam_tit_01 { font-size:26px; font-weight:normal; line-height:30px; background:url(tit_icon.jpg) no-repeat left 13px; padding-left:25px;  }
.sam_tit_01 > .busi_dan {  float:right; font-size:13px; }
.sam_tit_02 { font-size:20px; font-weight:normal; line-height:20px; background:url(tit_icon.jpg) no-repeat left 8px; padding-left:20px;  }

.busi_01 { overflow:hidden; border-bottom: 1px solid #e5e5e5; margin-top:50px; }
.busi_01 > h1 { float:left; color:#fff; text-align:center; font-weight:normal; padding-top:90px; font-size:20px;  background:url(0402_01.jpg) no-repeat center top; width:350px; height:240px; padding-right:160px; }
.busi_01 > h1 > span { display:block; padding-top:22px; font-size:16px; }
.busi_01 > ul { float:left; font-size:15px; margin-top:40px;  }
.busi_01 > ul > li { padding:10px 0;}

.busi_02_area { width:100%;border-bottom: 1px solid #e5e5e5;overflow:hidden; }

.busi_02 {   width:686px; height:400px;  background:url(0402_02.jpg) no-repeat center top; float:left;   } 
.busi_02 > ul { overflow:hidden; }
.busi_02 > ul > li {  float:left; width:232px; height: 400px; text-align:center; font-size:15px; }
.busi_02 > ul > .center { width:222px;}
.busi_02 > ul > .center > h1 { color:#6e6e6e;}
.busi_02 > ul > li > h1 { color:#1b6caf; font-weight:normal; font-size:26px; padding:110px 0 140px 0; }
.busi_03 {  position:relative; overflow:hidden; width:260px; height:400px;  background:url(0402_03.jpg) no-repeat center top; float:left; text-align:center; padding-left:253px; font-size:15px; }  
.busi_03 >  h1 { color:#1b6caf; font-weight:normal; font-size:26px; padding:110px 0 140px 0px; color:#fff; }
.busi_03 > span { display:block;  position:absolute; top:130px; left:80px;}

.glo_area { overflow:hidden; width:100%; padding-bottom:50px;overflow:hidden;  }
.glo_home { width:100%; padding:50px 0 30px 0 ; color:#0554a1; font-size:22px;}
.glo_01 { float:left; width:570px; overflow:hidden;  }
.glo_01_left { float:left; width:130px; padding-top:5px; }
.glo_01_right { float:left; width:440px; }
.glo_01_con {  clear:both; padding-top:30px;  }
.glo_01 > ul { padding-top:20px;}
.glo_02 { float:right; width:570px; overflow:hidden;  }
.samglotb{ width:100%; border-top:2px solid #000; margin-top:20px; font-size:13px; }
.samglotb .thtit { background:#fff;  font-size:20px;  height:70px;  }
.samglotb th{ border-right: 1px solid #ccc;    border-bottom: 1px solid #ccc;  text-align:center; background:#fafafa;  font-weight:bold; color:#000;}
.samglotb td{ border-right: 1px solid #e5e5e5;  border-bottom: 1px solid #ccc; padding:15px 0 15px 15px; line-height:20px; text-align:left;  } 
.samglotb .last { border-right:0px; }


.comtb{ width:100%; border-top:2px solid #000; margin-top:20px; }
.comtb .thtit { background:#fff;  font-size:20px;  height:70px;  }
.comtb th{ border-right: 1px solid #ccc; font-size:14px;   border-bottom: 1px solid #ccc; height:50px; text-align:center; background:#fafafa;  font-weight:bold; color:#000;}
.comtb td{ border-right: 1px solid #e5e5e5;  border-bottom: 1px solid #e5e5e5; padding:15px 0 15px 0px; line-height:20px; text-align:center; } 
.comtb .last { border-right:0px; }
.comtb .mdate { display:none; }



.comtb2{ width:100%; border-top:1px solid #000; margin:20px 0 20px 0;  }
.comtb2 .thtit { background:#fff;  font-size:20px;  height:70px;  }
.comtb2 th{ border: 1px solid #e5e5e5; font-size:14px;  padding-left:20px;  height:50px; text-align:left; background:#fafafa;  font-weight:bold; color:#000;}
.comtb2 td{ border: 1px solid #e5e5e5;  padding:15px 0 15px 0px; line-height:20px; text-align:center; } 




.pc_map { position:relative; width:1200px; height:450px; margin:0 auto; overflow:hidden; border:1px solid #ddd;  }
.root_daum_roughmap { position:absolute; top:-11px; left:-3px;  }
.maptb { width:100%;}
.maptb th{ color:#000; border-bottom:1px solid #ccc; height:55px; background-color:#fff;  text-align:left; padding-left:15px; width:15%}
.maptb td{ border-bottom:1px solid #eee; padding-left:30px; padding:30px 10px;  }
.font_point{ font-weight:bold; color:#df262e}

.contit { font-size:24px; height:40px; font-weight:normal;  }


/* ��ü�޴� */
.total_menu {display: block; display:none;  }
.side_area {position:fixed;top:0;left:-398px;z-index:9999;width:249px;height:100%; background:url(lbg.jpg); overflow-y:auto}
.contentBG {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity: 0.8;z-index:9998;cursor:default;}
.allMenuList {width:100%;clear:both;overflow:hidden;text-align:left;margin:80px auto; }
.allMenuList h1 { color:#d91f52; font-size:18px; padding:15px 30px 15px 30px;}
.allMenuList a {color:#fff;font-size:16px;  padding:0 30px;  }
.allMenuList li {overflow:hidden; line-height:50px; border-bottom:1px solid #015aa2;}
.allMenuList .on a {color:#fff;}
.allMenuList li.mly{overflow:hidden;width:100%;display:none;padding:0px;} 
.allMenuList dl{padding:0px 0;margin:0;}
.allMenuList dl a {display:block;font-size:13px; padding:15px 30px; font-weight:normal; background:#fff;border-bottom:1px solid #eee; color:#333;}
.allMenuList dd {line-height:20px; }
.allMenuList .btn {cursor:pointer;}

/* ��ǰ�˻� */
.proSchArea { margin-top:50px; width:1400px; margin:0px auto 100px auto; color:#333; }
.prologo { width:100%;  border-bottom:1px solid #eee; }
.prologo img { height:25px; padding:15px; }
.proCatMenu { border-top:1px solid #333;  padding-top:50px; padding-bottom:50px; text-align:center;}
.proCatMenu a { width:100px; padding: 10px 25px 15px 25px; background:#fff; border:1px solid #ddd; font-weight:bold; font-size:16px;  }
.proCatMenu a.on { background:#0554a1; border:1px solid #0554a1; color:#fff;  }
.proSchTit { font-family:"notokr-black"; font-size:35px; color:#333; font-weight:bold;  padding:40px 0 30px 0; }
.proSch_selec { height:38px; float:right; width:200px;  }

.pro_sch { position:relative; width:100%; }
.pro_sch_left{    width:100%; margin:0 auto 30px auto;  overflow:hidden; color:#333; height:200px;   border:1px solid #333;  }
.pro_sch_left > .input_area input{ height:50px; background:#f2f2f2; color:#000; font-weight:bold; line-height:28px; border:1px solid #ddd; width:100%;  font-size:18px;}
.pro_sch_left > .input_area > h1 {  font-size:13px; font-weight:normal; line-height:18px; padding:35px 0 10px 0; }
.pro_sch_left > .input_area > h1 > strong { font-size:24px;  }
.pro_sch_left > .input_area > p {  position:relative;   }
.pro_sch_left > .input_area > p > a { color:#999; font-size:26px; position:absolute;right:10px;top:12px}

.pro_sch_left .input_area { width:800px; margin:0 auto; }

.pro_sch_right { width:1400px;  height:400px; overflow: hidden;  border:1px solid #333;  font-size:11px; }
.pro_sch_board{  border-top:2px solid #333; width:1400px;  }
.pro_sch_board th{  border-right: 1px solid #e5e5e5; background:#fff;  padding:10px; border-bottom: 1px solid #666; height:25px; text-align:center; font-size:14px; font-weight:bold;  color:#000;  }
.pro_sch_board td{ border-right: 1px solid #e5e5e5;  border-bottom: 1px solid #e5e5e5;  line-height:28px; vertical-align:top; padding:15px;  } 
.pro_sch_board .last { border-right:0px; }
.pro_sch_board .mdate { display:none; }
.pro_sch_board2{  border-top:2px solid #333; width:1400px; margin-top:30px;  }
.pro_sch_board2 th{  border-right: 1px solid #e5e5e5;  padding:8px; border-bottom: 1px solid #666; height:40px; text-align:center; font-size:14px; font-weight:normal;   color:#000;  }
.pro_sch_board2 td{ border-right: 1px solid #e5e5e5;  border-bottom: 1px solid #e5e5e5;  line-height:28px; vertical-align:top; padding:12px 5px 12px 5px; text-align:center; font-size:14px; } 
.pro_sch_board2 .last { border-right:0px; }
.pro_sch_board2 .mdate { display:none; }
.sort_area { display:block; float:right; font-size:9px; line-height:10px; padding-right:0px;  }
.pro_sch_view_area > h1 { font-size:24px;}
.pro_sch_view{  border-top:1px solid #333;  border-bottom:1px solid #333; width:1400px; margin-top:20px;  }
.pro_sch_view th{  border-right: 1px solid #e5e5e5; background:#f2f2f2;  padding:12px 25px 12px 25px; border-bottom: 1px solid #ddd;  text-align:left; font-size:14px; font-weight:normal;   color:#000;  }
.pro_sch_view td{  border-bottom: 1px solid #e5e5e5;  line-height:28px; vertical-align:top; padding:12px 25px 12px 25px; text-align:left; font-size:14px; } 
.pro_sch_view .last { border-right:0px; }
.pro_sch_view .mdate { display:none; }

.pro_sch_view_img{  border-top:1px solid #333;  border-bottom:1px solid #333; width:1400px; margin-top:20px;  }
.pro_sch_view_img th{  border-right: 1px solid #e5e5e5; background:#f2f2f2;  padding:12px 30px 12px 30px; border-bottom: 1px solid #ddd;  text-align:center; font-size:14px; font-weight:bold;   color:#000;  }
.pro_sch_view_img td{  border-bottom: 1px solid #e5e5e5;  line-height:28px; vertical-align:top; padding:12px 25px 12px 25px; text-align:center; font-size:14px; } 


/* �Խ��� ����¡ */
div.pagination {position:relative;padding:50px 0 50px 0px;text-align:center ; clear:both;}
div.pagination a {display:inline-block;width:26px;height:20px;padding-top:5px;color:#797979;font:11px tahoma;border:1px solid #ddd;text-align:center;text-decoration:none;vertical-align:top;background:#fff}
div.pagination a:hover {color:#000;font-weight:bold;text-decoration:none}
div.pagination strong {display:inline-block;width:26px;height:20px;padding-top:5px;color:#000;font:bold 11px tahoma;border:1px solid #999;text-align:center;background:#fff;vertical-align:top}
div.pagination a.first, div.pagination a.prev, div.pagination a.next, div.pagination a.last {border:0;padding-top:0px;border:0; width:28px;height:27px;}
div.pagination .button {position:absolute;right:0;top:30px}
div.pagination .button a {border:none;width:auto;height:auto;padding:0}

/* ��ǰ�Ұ� */
.proList { position:relative; width:100%; overflow:hidden;clear:both; padding-bottom:50px;  }
.proList li { float:left; width:25% ;  overflow:hidden;  padding:0px 0px 40px 0px; text-align:center; }
.proList li img { width:95%; }
.proList li > h1 {  position:relative; padding:15px 0px 5px 0px; text-align:center; color:#000; font-size:15px; font-weight:normal;}
.proList li > h1 a:hover { color:#0554a1}
.proListTit {  position:relative; padding:10px 0px 15px 0px; text-align:center; color:#000; font-size:15px; font-weight:normal;}


/* ��ǰ���� */
.proView { position:relative;overflow:hidden;clear:both;  }
.pro_img {float:left; width:440px; position:relative;   }
.pro_img > .pro_btnArea {  width:100%; text-align:center; padding-top:30px;  }
.pro_img > .pro_btnArea > a { background:#fff; border:1px solid #ddd; padding:8px 15px 10px 12px; font-size:13px;  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;  }
.pro_img > .pro_btnArea > a:hover { background:#0554a1; color:#fff; border:1px solid #ddd;   }
.pro_de{ float:left; width:710px;margin-left:50px;   }
.pro_de > h1 { color:#0554a1; padding-bottom:20px; font-size:30px;  font-family:"notokr-bold";  }
.pro_de > p { padding-bottom:50px; }
.pro_tit { font-weight:normal; padding-top:10px;}

/* ��� */
.ep_board{ width:100%; border-top:2px solid #000; margin-top:20px; }
.ep_board th{ border-right: 1px solid #e5e5e5; font-size:16px;   border-bottom: 1px solid #666; height:60px; text-align:center;   font-weight:bold; color:#000;}
.ep_board td{ border-right: 1px solid #e5e5e5;  border-bottom: 1px solid #e5e5e5; padding:15px 0 15px 0px; line-height:20px; } 
.ep_board .last { border-right:0px; }
.ep_board .mdate { display:none; }


.ep_board2{ width:100%;  }
.ep_board2 th{ border-right: 1px solid #e5e5e5; font-size:16px;   border-bottom: 1px solid #666; height:60px; text-align:center;   font-weight:bold; color:#000;}
.ep_board2 td{ border-right: 0px solid #e5e5e5;  border-bottom: 1px solid #e5e5e5; padding:25px 0 25px 0px; line-height:20px; font-size:24px; } 
.ep_board2 .last { border-right:0px; }
.ep_board2 .mdate { display:none; }



/* ���� */
.ep_view {  padding:30px 0; line-height:24px;}

/* ���� */
.write_ep { width:100%;}
.write_ep th{ color:#000; border-bottom:1px solid #ccc; height:55px; background-color:#fff;  text-align:left; padding-left:15px; width:15%}
.write_ep .fil { background:url(/images/sub/icon_01.gif) left no-repeat; }
.write_ep td{ border-bottom:1px solid #eee; padding-left:30px; padding:10px;  }
.write_epTit { position:relative; font-size:18px; color:#000; font-weight:normal; padding:0 0 20px 24px; background:url(/images/board/iconForm_01.gif) no-repeat 0px 0px ;} 

/* ��Ÿ */
.btnArea { text-align:center; margin-top:30px; padding:30px; clear:both; }
.btnArea2 { text-align:center; margin-top:0px; padding:30px 0 60px 0; clear:both; }


.round_1 { -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; }
.round_2 { -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
.ep_select {  height:37px; background:#fff; border:1px solid #ddd;  font-size:12px; color:#000; vertical-align:middle; }
a.btn_01 { background:#025ea9; padding:10px 40px 15px 40px; color:#fff; margin-right:1px; font-size:16px; font-weight:bold; }
a.btn_01 > .fa-search {vertical-align:middle;}
a.btn_02 { background:#025ea9; padding:10px 40px 15px 40px; color:#fff; margin-right:1px; font-size:14px; font-weight:normal; }
a.btn_02_ { background:#666; padding:10px 40px 15px 40px; color:#fff; margin-right:1px; font-size:14px; font-weight:normal; }
a.btn_03 {  padding:2px 18px 4px 15px; color:#999;  font-size:12px; font-weight:normal;  border:1px solid #555; margin-left:10px;}
.bLine { border-top:2px solid #000}

a.btn_07 { background:#0554a1; padding:10px 40px 13px 40px; color:#fff; margin-right:1px; font-size:14px; font-weight:normal;}
a.btn_07_ { background:#666; padding:10px 40px 13px 40px; color:#fff; margin-right:1px; font-size:14px; font-weight:normal; }

a.btn_08 { background:#f26565; padding:10px 20px 10px 20px; color:#fff; margin-right:1px; font-size:14px; font-weight:normal;}


.containerx {  
    display: flex;  
    flex-wrap: wrap;  
    gap: 20px; /* 设置列和行之间的间隔 */  
    padding: 0; /* 容器内边距为0 */  
	margin-top: 1rem;
}  
  
.containerx .article-column {  
    flex: 1 1 calc(20% - 0px); /* 由于没有margin，所以不需要减去额外的空间 */  
    box-sizing: border-box;  
    background-color: #f9f9f9;  
    border: 1px solid #ddd;  
    border-radius: 5px;  
    text-align: left;  
    padding: 20px; /* 文章列内部的内边距 */  
    /* margin: 0; 这行其实可以省略，因为默认就是0 */  
} 
  
.containerx .article-column:hover {  
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);  
}  
  
.containerx  .article-column .title {  
	width: 100%;
    margin: 0 0 10px;  
    font-size: 1.2em;  
    color: #333;  
    overflow: hidden;    /* 隐藏溢出的文本 */  
    text-overflow: ellipsis;
}  
  
.containerx  .article-column .summary {  
    flex: 0 1 70%; /* 占据70%的宽度，不伸缩 */  
    padding: 20px; /* 根据需要设置内边距 */  
    box-sizing: border-box; /* 包括内边距和边框在内计算宽度 */  
    background-color: #f4f4f4; /* 可选：设置背景颜色 */  
}  
  
.containerx  .article-column .image {  
     float: left; /* 让图片浮动到左侧 */  
    margin-right: 15px; /* 图片右侧添加一些间距，以便文本不会紧贴图片 */  
    margin-bottom: 15px; /* 可选：根据需要为图片底部添加间距 */  
    /* 可选：为图片设置最大宽度，以防止其过大 */  
    max-width: 40%; /* 图片宽度不会超过其父元素的宽度 */  
    height: auto; /* 图片高度自动调整以保持比例 */ 
} 
  
@media (max-width: 1024px) {  
    .containerx .article-column {  
        flex: 1 1 calc(50% - 20px);  
    }  
}  
  
@media (max-width: 768px) {  
    .containerx .article-column {  
        flex: 1 1 calc(100% - 20px);  
    }  
}