@charset "euc-kr";
/* ű×ÃʱâÈ­ */
h1, h2, h3, h4, h5, h6, p,dd,dl { margin:0px;  }
ul{ margin:0px; list-style:none; padding:0px; }
img{ border:0px;  }
a{ text-decoration:none; }
a:link, a:visited, a:hover, a:active{color:#555}
form{ margin:0px; padding:0px; }
input{font-family:inherit; font-size:inherit; color:inherit; margin:0px; padding:0px;}
button{border:0px;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;margin:0px;padding:0px;}


/* °øÅëŬ·¡½º */
.floatL { float:left; }
.floatR { float:right; }
.relative{ position:relative; }
.absolute{position:absolute;}
.clear{*zoom:1;}
.clear:after{content:"";display:block; clear:both;}
.none{ width:0px; height:0px; font-size:0px; line-height:0px; overflow:hidden; position:absolute; top:0px; left:0px; }
.paddingB30px{ padding-bottom:30px;}



body{margin:0;padding:0px;}
body, th, td{margin:0px; padding:0px;}
body{font-family:"¸¼Àº °íµñ", "malgun Gothic", "Dotum", "µ¸¿ò",Arial;font-size:0.75em;color:"#555";}
a{text-decoration:none; color:#555;}
table{border-collapse:collapse; border-spacing:0px;margin:bottom:20px;}
img{border:0px;}



body{ margin:0px; font-family:"Nanum Gothic", NanumGothic, "µ¸¿ò",Dotum, Arial;font-size:15px;color:#666;line-height:1.5;background:url("../images/sub_bg.png") repeat-x  }
#subwrap{}
#submain{margin:0px auto;width:1278px;background:url("../images/notice_bg.jpg") no-repeat;}
.sub_title{text-align:center;font-size:30px;color:#fff;font-family:Nanum Gothic;padding-top:30px}
.small{font-size:18px;}
#submain ul{width:1100px;height:148px;}


/* table */
#board{width:1100px;margin:0px auto;}
/*#board caption{font-size:1.3em; font-weight:bold; background:yellow url("../images/icon_cap.gif") no-repeat left center; text-align:left; padding-left:30px; height:40px;line-height:40px;} ¼öÁ÷ ³ôÀÌ°¡ ³ô¾ÒÀ» °æ¿ì ±ÛÀÚ¸¦ ¼öÁ÷°¡¿îµ¥ À§Ä¡ÇÏ°Ô ÇÏ´Â ¹æ¹ý : height¿Íµ¿ÀÏÇÑ line-height¸¦ ¼³Á¤ */

#board  tr th{border-bottom:2px solid #e60e2b;background: url("./images/topbg.gif") repeat-x left bottom;} 
#board thead tr{border-bottom:2px solid #e60e2b;} 

.color{background:#e2e2e2}

/* */
#board thead tr th,#board tbody tr td{padding:8px 20px;}
#board tbody tr td{border-bottom:1px solid #aaa;text-align:center }/* 103 */
/*#board tbody tr td img{padding-top:30px}*/
#board tr .left{text-align:left;}/* 111 !important */
#board tbody tr td .pre{padding-left:30px;font-size:15px; font-weight:bold;}

#board tbody tr td a:hover{color:#ff6699;text-decoration:underline;}
.list{text-align:center; padding-top:30px; font-size:18px;padding-bottom:30px;}


.title{border-bottom:1px solid #aaa;text-align:center;padding-bottom:5px}
.title_bg{background:#e2e2e2; height:40px; padding-top:10px;padding-left:10px;text-align:center}
.list_btn{margin-left:517px;text-align:center;padding-top:10px;background:#e60e2b;width:66px; height:30px;margin-bottom:30px;margin-top:30px;color:#fff}
.list_btn a{text-align:center;color:#fff;font-weight:normal;font-size:14px;margin-top:10px;margin-bottom:10px}
.list span{padding-right:10px}

.img_pad{padding-top:30px;padding-bottom:30px;padding-left:50px}
.con{line-height:40px;padding-left:50px}
.pre_con{padding-left:30px;}

#submain1{margin:0px auto;width:1278px;height:148px;background:url("../images/contact_bg.jpg") no-repeat;}

caption{font-size:0px; line-height:0px;}
input, select{font-family:inherit;font-size:inherit;color:#555;}

#content{width:1100px;margin:40px auto; }

#member{width:1100px;border-top:2px solid #3252e7;border-bottom:2px solid #3252e7;}
#member th, #member td{border-top:1px solid #c1c1c1; padding:10px;} /* Ưº°¼º ¼öÄ¡ 101, 101 */
#member th{background-color:#f8f8f8}
#member .bor_no th, #member .bor_no td{border-top:0px;} /* Ưº°¼º ¼öÄ¡ 111, 111 */
#member td *{vertical-align:middle;}
#phone2, #phone3{width:50px;}
#member td p{padding-top:5px;}

/*eun */
#member td .inp_subj{width:790px;height:23px;color:#000;float:left}
#member td .inp_nm{width:250px;height:23px;color:#000;float:left}
#member td .inp_email{width:250px;height:23px;color:#000;float:left}
#member td .inp_com_nm{width:250px;height:23px;color:#000;float:left}
#member td .inp_tel_no{width:250px;height:23px;color:#000;float:left}
#member td .inp_sec_no{width:70px;height:23px;color:#000;text-align:center;}
#member td .inp_file{width:700px;height:23px;color:#000;float:left}

/* select´Â height¿¡ º¸´õ°¡ Æ÷ÇÔµÊ
input text³ª password ´Â height¿¡ border°¡ Æ÷ÇÔµÇÁö¾ÊÀ½*/
.let_spa{letter-spacing:-1px;}
.red{color:#f00;}
#f1 .btn{padding-top:30px;text-align:center;}
#f1 .btn input{width:60px;height:30px;color:#fff;float:right;border:0px}
#f1 .btn input[type="button"]{background:url("../images/btn.gif") repeat;}
#f1 table{margin-bottom:10px}
textarea{font-size:12px;font-family:dotum;margin-top:10px}
.padding-top{padding-top:10px}
.padding-bottom{padding-bottom:10px}

#submain2{margin:0px auto;width:1278px;background:url("../images/company_bg.jpg") no-repeat;padding-bottom:30px}
#sub_content{text-align:center;padding-top:30px; padding-bottom:30px;}

.sub_title1{border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;padding-top:30px;padding-bottom:25px;font-size:24px; color:#00578a;font-weight:bold;text-align:center;font-family:Nanum Gothic;letter-spacing:-1px }
.txt{font-size:15px; width:1000px;padding-top:20px;padding-bottom:20px;font-weight:bold;font-family:Nanum Gothic;padding-left:80px}
#txt_bg{width:1093px; height:479; background:url("../images/vision_bg1.gif") no-repeat}

/* 2019.03.25 */
.sub_title2{width:700px;height:90px;background:url("../images/history_icon.gif") no-repeat;border-bottom:1px solid #dddddd;border-top:1px solid #dddddd;font-weight:bold;font-family:Nanum Gothic;padding-left:400px; font-size:25px;margin-left:80px;}
.txt1{padding-top:30px; }
#history {padding-left:100px}

#history table tr td{padding:30px;}
#history table tr .year{width:300px;font-size:20px; font-weight:bold;text-align:center;background:url("../images/history_circle.gif") no-repeat}
#history table tr .year1{width:250px;font-size:22px;;font-weight:bold;text-align:center;background:url("../images/history_circle1.gif") no-repeat}
#history table tr .yearCont{font-size:17px; }

#box{width:1100px;margin:80px auto;}
#box .cert{float:left;width:240px;background:url("../images/cert_bg.gif") no-repeat;margin-right:30px;margin-top:30px;}
#box .cert img{ padding:20px; }
#box .cert .txt2{text-align:center;font-weight:bold;padding-left:35px;padding-right:35px;padding-bottom:20px}
#box .m{margin-left:20px}
#box:after{display:block; clear:both; content:""; }

/* 2019.03.26 */
#submain3{margin:0px auto;width:1278px;background:url("../images/project_bg.jpg") no-repeat;padding-bottom:30px;}
.prod_list:after{display:block;clear:both;content:"";}
.prod_list li, .prod_list li .caption a{width:240px;height:246px;}
.prod_list li{position:relative;float:left;margin-left:10px;margin-bottom:10px;overflow:hidden;}
.prod_list li:first-child{margin-left:10}

.prod_list li img{position:absolute;top:0;left:0;z-index:-9}
.prod_list li .caption a{display:block;background:rgba(0,0,0,0.5);-webkit-transform:translateY(246px);-moz-transform:translateY(246px);transform:translateY(246px);-webkit-transition:transform 0.5s;-moz-transition:transform 0.5s;-o-transition:transform 0.5s;transition:transform 0.5s;}
.prod_list li .caption a *{display:block;text-align:center;color:#fff}
.prod_list li .caption a strong{font-size:20px;height:180px;line-height:180px}
.prod_list li .caption a span{font-size:16px;line-height:40px}

/* transition ÇÏ´Ü¿¡¼­ »ó´ÜÀ¸·Î ¿Ã¶ó¿À±â */
.prod_list li:hover .caption a, .prod_list li .caption a:focus{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px);}
.tab_title{font-size:18px;margin-top:10px;padding-top:60px;padding-bottom:20px;}
.project_list ul li{float:left;padding-right:20px;}
.project_list {padding-top:60px;padding-bottom:60px;float:right}
.project_in{border-bottom:1px solid #777777}
.project_in input{border:0px;width:192px; height:30px}
.list_bg span{padding:5px;width:29px; height:29px;background-color:#777777}
.list_bg span a{color:#ffffff;width:29px; height:29px;}
.project_list_btn button a{padding:7px;background:#e60e2b;width:42px; height:29px;color:#fff;font-weight:bold}
#project_tab{width:1278px;height:50px;padding:10px;border-bottom:1px solid #777777;text-align:center}
.select a{display:block;width:183x;background-color:#ff0000;color:#fff;font-weight:bold}

#border_box{margin:40px auto;width:1100px; height:105px;border:1px solid #dddddd}
#border_box ul li{text-align:left;float:left;font-size:20px;padding:30px}
.b{font-weight:bold}
#border_box1{margin:40px auto;width:1100px; height:105px;border:1px solid #dddddd}
#border_box1 ul li{text-align:left;float:left;font-size:20px;padding:30px;padding-top:40px}
#border_box1 ul .img{text-align:left;padding-top:30px}
.map{line-height:46px;height:46px;width:105px;background-color:#777777;color:#fff}
.map a{text-align:center;color:#fff;font-weight:bold;}
#border_box ul .map{text-align:center;background:url("../images/com_bg.gif") no-repeat}

#project_box{width:1278px; border:1px solid #dddddd}
#project_box tr td{padding:20px;}
#project_box .list_title{text-align:center;width:550px;padding-bottom:10px;border-bottom:1px solid #b8b8b8;font-size:20px; font-weight:bold;}
#project_box tr td .list_content{width:490px; height:400px;padding:30px;font-size:15px;background-color:#f3f3f3;line-height:20px}
#project_box tr td .list_content li{line-height:40px}
.project_list_btn1 button a{display:block;width:80px; height:33px;background-color:#ff0000;padding-top:20px;color:#fff;font-weight:bold}


#submain4{margin:0px auto;width:1278px;background:url("../images/service_bg.jpg") no-repeat;padding-bottom:30px}

/* 4.5ÀÏ Ãß°¡ºÐ */
.service_bg{padding-top:30px;padding-bottom:25px;font-size:18px; color:#00578a;font-weight:bold;text-align:center;letter-spacing:-1px;width:1100px; height:170px; background:url("../images/service_bg.gif") no-repeat;text-align:center;font-size:20px;padding-left:100px; }
.sam{font-size:30px;}


.sub_title3{background:url("../images/bar_bg.png") no-repeat;width:1100px;height:80px;padding-top:30px; margin-bottom:30px;padding-bottom:30px;border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;padding-top:5px;padding-bottom:5px;font-size:24px; color:#00578a;font-weight:bold;text-align:center; }
.sub_title3 tr td a:hover{color:#ffffff}
.pic{margin-bottom:-100px;padding-top:24px;font-size:25px;text-align:center;background:url("../images/text_bg.png") no-repeat; width:1100px; height:92px;padding-left:80px}
.ser{padding-right:25px;font-size:30px;font-weight:bold;color:#b41a22;}
.arr{font-size:30px;letter-spacing:-10px;}
.plus{padding-left:30px;font-size:30px;}

#box .service{float:left;width:300px;height:306px;background-color:#b41a22;margin-right:20px;margin-top:30px;padding-left:30px;padding-top:50px;color:#fff}
#box .service1{float:left;width:300px;height:306px;background-color:#333333;margin-right:20px;margin-top:30px;padding-left:30px;padding-top:50px;color:#fff}
#box .service2{float:left;width:300px;height:306px;background-color:#999999;margin-right:20px;margin-top:30px;padding-left:30px;padding-top:50px;color:#fff}

#box .service p{font-size:30px;margin-bottom:30px;border-bottom:1px dotted #fff}
#box .service1 p{font-size:30px;margin-bottom:30px;border-bottom:1px dotted #fff}
#box .service2 p{font-size:30px;margin-bottom:30px;border-bottom:1px dotted #fff}

#box .service ul{padding-left:50px;}
#box .service1 ul{padding-left:50px}
#box .service2 ul{padding-left:50px}

 /* 7.25 Ãß°¡ºÐ */
#table_re{padding-left:230px;text-align:center;margin-top:30px;width:800px;}
#box_re{height:45px;padding-top:15px;background-color:#1D65AE;margin-top:30px;font-size:20px;color:#FF8200;font-weight:bold;}
.box_sub{text-align:left;padding-left:20px;padding-top:30px;}
.arrow{background:url("../../images/arrow.png") no-repeat;height:30px;padding-left:40px}