@charset "utf-8";

/* container */
#container{background-color:#e7e9ec; }
#main_visual {width:100%; position:relative; height:500px; }
#main_visual .multiple{position:relative;width:100%; zoom:1;margin:0;padding:0; height:550px;}
#main_visual .multiple li{width:100%;margin:0; height:500px; position:relative; text-align:center;}
#main_visual .bx-pager{position:absolute; bottom:210px; z-index:99; left:50%; margin-left:-550px;}
#main_visual .bx-pager .bx-pager-item{display:inline; margin-right:10px;}
#main_visual .bx-pager a{display:inline-block; font-size:0px; line-height:0px;  margin:0px; height:12px; width:12px; z-index:99;}
#main_visual .bx-pager a.pager-0{background:url("../images/main_visual_btn.png") no-repeat 0 0;}
#main_visual .bx-pager a.pager-1{background:url("../images/main_visual_btn.png") no-repeat 0 0;}
#main_visual .bx-pager a.pager-2{background:url("../images/main_visual_btn.png") no-repeat 0 0;}
#main_visual .bx-pager a.pager-3{background:url("../images/main_visual_btn.png") no-repeat 0 0;}
#main_visual .bx-pager a.pager-4{background:url("../images/main_visual_btn.png") no-repeat 0 0;}
#main_visual .bx-pager a.pager-5{background:url("../images/main_visual_btn.png") no-repeat 0 0;}
#main_visual .bx-pager a.active{background-position:0 -12px}
#main_visual .bx-start{background:url("../images/main_visual_stop.png") no-repeat 0 0;position:absolute; bottom:110px;font-size:0px; line-height:0px; z-index:99; left:50%; margin-left:-517px; display:block; height:34px; width:34px; z-index:99;}
#main_visual .bx-stop{background:url("../images/main_visual_stop.png") no-repeat 0 -34px;position:absolute; bottom:110px;font-size:0px; line-height:0px; z-index:99; left:50%; margin-left:-517px; display:block; height:34px; width:34px; z-index:99;}
#main_visual .active{display:none;}
#main_visual .bx-prev{background:url("../images/main_visual_left.png") no-repeat 0 0;position:absolute; bottom:110px;font-size:0px; line-height:0px; z-index:99; left:50%; margin-left:-550px; display:block; height:34px; width:33px; z-index:99;}
#main_visual .bx-next{background:url("../images/main_visual_right.png") no-repeat 0 0;position:absolute; bottom:110px;font-size:0px; line-height:0px; z-index:99; left:50%; margin-left:-483px; display:block; height:34px; width:33px; z-index:99;}

#main_rolling{width:100%; height:224px; background-color:#fff;}
#main_rolling .in_rolling{position:relative; width:1200px; margin:0 auto; padding-top:20px;}
#main_rolling .in_rolling li{padding-left:20px; float:left;}
#main_rolling .in_rolling li:first-child{padding-left:0;}
#main_rolling .bx-pager{display:none;}
#main_rolling .bx-start{display:none;}
#main_rolling .bx-stop{display:none;}
#main_rolling .bx-prev{background:url("../images/main_roll_btn_left.jpg") no-repeat 0 0;position:absolute; margin-top:-15px; top:50%;font-size:0px; line-height:0px; z-index:99; left:-80px; display:block; height:50px; width:50px; z-index:99;}
#main_rolling .bx-next{background:url("../images/main_roll_btn_right.jpg") no-repeat 0 0;position:absolute; margin-top:-15px; top:50%;font-size:0px; line-height:0px; z-index:99; right:-80px; display:block; height:50px; width:50px; z-index:99;}

#main_top{width:1200px; margin:0 auto; margin-top:40px; height:240px; position:relative; }
#main_top h3{font-size:20px; line-height:20px; color:#000; font-weight:normal;}
#main_top .more a{position:absolute; top:10px; right:0;}
#main_top .pro_list{padding:20px 0;}
#main_top .pro_list li{float:left; }

#main_top .pro_list .pro01 a{position:relative; display:block; width:386px; height:198px; background:url("../images/main_pro_01.jpg") 0 0 no-repeat; border-bottom:2px solid #0a478c; margin-right:20px;}
#main_top .pro_list .pro01 a .text_b{color:#fff; text-align:center; font-size:25px; padding-top:75px;}
#main_top .pro_list .pro01 a .text_s{color:#fff; text-align:center; font-size:14px; padding-top:13px; letter-spacing:2px;}
#main_top .pro_list .pro01 a .over{opacity:0; position:absolute; top:0; left:0; width:386px; height:198px; background: rgba(10, 71, 140, 0.5); text-align:right;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#main_top .pro_list .pro01 a .over .text_c{color:#fff; text-align:center; font-size:25px; padding-top:75px;}
#main_top .pro_list .pro01 a .over .text_d{color:#fff; text-align:center; font-size:14px; padding-top:13px; letter-spacing:2px;}
#main_top .pro_list .pro01 a .over .text_b{padding-top:55px;}
#main_top .pro_list .pro01 a .over .more{text-align:center; padding-top:20px;}
#main_top .pro_list .pro01 a:hover .over{opacity:1; }
#main_top .pro_list .pro01 a:hover .text_b{display:none; }
#main_top .pro_list .pro01 a:hover .text_s{display:none; }

#main_top .pro_list .pro02 a{position:relative; display:block; width:386px; height:198px; background:url("../images/main_pro_02.jpg") 0 0 no-repeat; border-bottom:2px solid #0a478c; margin-right:20px;}
#main_top .pro_list .pro02 a .text_b{color:#fff; text-align:center; font-size:25px; padding-top:75px;}
#main_top .pro_list .pro02 a .text_s{color:#fff; text-align:center; font-size:14px; padding-top:13px; letter-spacing:2px;}
#main_top .pro_list .pro02 a .over{opacity:0; position:absolute; top:0; left:0; width:386px; height:198px; background: rgba(10, 71, 140, 0.5); text-align:right;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#main_top .pro_list .pro02 a .over .text_c{color:#fff; text-align:center; font-size:25px; padding-top:75px;}
#main_top .pro_list .pro02 a .over .text_d{color:#fff; text-align:center; font-size:14px; padding-top:13px; letter-spacing:2px;}
#main_top .pro_list .pro02 a .over .text_b{padding-top:55px;}
#main_top .pro_list .pro02 a .over .more{text-align:center; padding-top:20px;}
#main_top .pro_list .pro02 a:hover .over{opacity:1; }
#main_top .pro_list .pro02 a:hover .text_b{display:none; }
#main_top .pro_list .pro02 a:hover .text_s{display:none; }

#main_top .pro_list .pro03 a{position:relative; display:block; width:386px; height:198px; background:url("../images/main_pro_03.jpg") 0 0 no-repeat; border-bottom:2px solid #0a478c;}
#main_top .pro_list .pro03 a .text_b{color:#fff; text-align:center; font-size:25px; padding-top:75px;}
#main_top .pro_list .pro03 a .text_s{color:#fff; text-align:center; font-size:14px; padding-top:13px; letter-spacing:2px;}
#main_top .pro_list .pro03 a .over{opacity:0; position:absolute; top:0; left:0; width:386px; height:198px; background: rgba(10, 71, 140, 0.5); text-align:right;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#main_top .pro_list .pro03 a .over .text_c{color:#fff; text-align:center; font-size:25px; padding-top:75px;}
#main_top .pro_list .pro03 a .over .text_d{color:#fff; text-align:center; font-size:14px; padding-top:13px; letter-spacing:2px;}
#main_top .pro_list .pro03 a .over .text_b{padding-top:55px;}
#main_top .pro_list .pro03 a .over .more{text-align:center; padding-top:20px;}
#main_top .pro_list .pro03 a:hover .over{opacity:1; }
#main_top .pro_list .pro03 a:hover .text_b{display:none; }
#main_top .pro_list .pro03 a:hover .text_s{display:none; }

#main_bottom{width:1200px; margin:0 auto; height:230px; padding:50px 0 80px 0;}
#main_bottom .main_notice{width:326px; height:170px; padding:30px; background-color:#fff; position:relative; float:left;}
#main_bottom .main_notice h3{font-size:20px; line-height:20px; color:#0a478c; font-family: 'NanumSquare', sans-serif;}
#main_bottom .main_notice .tit a{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; font-size:14px; line-height:14px; color:#000; font-family: 'NanumSquare', sans-serif; margin-top:20px;}
#main_bottom .main_notice .text a{overflow:hidden; display:block; font-size:14px; line-height:23px; height:46px; color:#767676; font-family: 'NanumSquare', sans-serif; margin-top:10px;}
#main_bottom .main_notice .list{margin-top:15px;}
#main_bottom .main_notice .list li{}
#main_bottom .main_notice .list li a{display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  font-size:14px; line-height:26px; color:#000; font-family: 'NanumSquare', sans-serif; padding-left:10px; background:url("../images/main_notice_bold.jpg") 0 center no-repeat;}
#main_bottom .main_notice .more a{position:absolute; top:20px; right:20px;}
/* #main_bottom .main_notice .more a:hover{-webkit-transform:rotate(100deg); -moz-transform: rotate(100deg); -ms-transform: rotate(100deg); -o-transform: rotate(100deg); transform: rotate(100deg);} */

#main_bottom .main_system{float:left;}
#main_bottom .main_system a{display:block; width:386px; height:230px;  background-color:#fff; position:relative; background:url("../images/main_sysyem.jpg") 0 0 no-repeat;}
#main_bottom .main_system a h3{text-align:center; padding-top:80px; font-size:25px; line-height:25px; color:#0a478c; font-family: 'NanumSquare', sans-serif;}
#main_bottom .main_system a .eng{margin-top:15px; text-align:center; font-size:14px; line-height:14px; color:#000;}
#main_bottom .main_system a .more{margin-top:20px; text-align:center;}
#main_bottom .main_system a .over{position:absolute; top:0; left:0; width:386px; height:230px; background: rgba(10, 71, 140, 0.5); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; opacity:0;}
#main_bottom .main_system a .over h3{text-align:center; padding-top:80px; font-size:25px; line-height:25px; color:#fff; font-family: 'NanumSquare', sans-serif;}
#main_bottom .main_system a .over .eng{margin-top:15px; text-align:center; font-size:14px; line-height:14px; color:#fff;}
#main_bottom .main_system a:hover .over{opacity:1; }
#main_bottom .main_bottom_center{width:387px; height:230px; background-color:#fff; margin-left:20px; position:relative; float:left;}
#main_bottom .main_bottom_center .online a{width:387px; height:115px; background:url("../images/online_bg.jpg") 0 0 no-repeat; display:block; }
#main_bottom .main_bottom_center .online a .sub_text1{text-align:center; font-size:14px; color:#fff; padding-top:10px;}
#main_bottom .main_bottom_center .online a .more{opacity:0; position:absolute; top:50px; right:60px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#main_bottom .main_bottom_center .online a:hover .more{opacity:1; right:30px;}
#main_bottom .main_bottom_center .online a h3{text-align:center; font-size:20px; color:#fff; padding-top:38px;}
#main_bottom .main_bottom_center .online a:hover h3{text-align:left; padding-left:30px; height:65px; background-color:#2a70be; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; padding-top:50px;}

#main_bottom .main_bottom_center .faq a{position:relative; width:387px; height:115px; display:block;}
#main_bottom .main_bottom_center .faq a h3{text-align:center; font-size:20px; color:#0a478c; padding-top:38px;}
#main_bottom .main_bottom_center .faq a .sub_text2{text-align:center; font-size:14px; color:#000; padding-top:10px;}
#main_bottom .main_bottom_center .faq a .over{opacity:0; position:absolute; top:0; left:0; width:387px; height:115px; background-color:#fff; text-align:right;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#main_bottom .main_bottom_center .faq a .over h3{text-align:left; padding-left:30px; padding-top:50px;}}
#main_bottom .main_bottom_center .faq a .over .more{position:absolute; top:50px; right:60px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
#main_bottom .main_bottom_center .faq a:hover .over{opacity:1; }
#main_bottom .main_bottom_center .faq a:hover .over .more{position:absolute; top:50px; right:30px;}

#main_bottom .main_customer{width:387px; height:230px; padding-top:30px; background:url("../images/cus_bg.jpg") 0 0 no-repeat; margin-left:20px; position:relative;  float:left;}
#main_bottom .main_customer h3{font-size:16px; line-height:16px; color:#0a478c; text-align:center;}
#main_bottom .main_customer .tel{font-size:25px; line-height:25px; color:#000; text-align:center; font-weight:bold; margin-top:20px;}
#main_bottom .main_customer .fax{font-size:14px; line-height:14px; color:#000; text-align:center; margin-top:10px;}
#main_bottom .main_customer .time{font-size:14px; line-height:23px; color:#000; text-align:center; margin-top:20px;}

#main_banner{width:100%; height:80px; padding:20px 0; background-color:#fff; position:relative; clear:both; }
#main_banner .in_banner{width:1200px; margin:0 auto; height:80px; margin:0 auto; position:relative; }
#main_banner #banner_rolling{}
#main_banner #banner_rolling .slide{cursor:pointer;}
#main_banner .bx-pager{display:none;}
#main_banner .bx-start{display:none;}
#main_banner .bx-stop{display:none;}
#main_banner .bx-prev{display:none;}
#main_banner .bx-next{display:none;}