@charset "utf-8";
/* CSS Document */


/*	                                  total
 ================================================================================================ */
.sub-content{margin:0 auto; padding:70px 0 90px 0; width:100%; clear:both; position:relative;  overflow:hidden; max-width:1200px;}
.sub-content {-webkit-animation: movTop 1.5s;-ms-animation: movTop 1.5s;-o-animation: movTop 1.5s;animation: movTop 1.5s;a nimation-fill-mode:backwards;}
.mt55{margin-top:55px;}
.m40 {height: 40px; margin: 0; padding: 0; clear: both; overflow: hidden; font-size: 0;}

#lnb_con {width:100%; margin:0 auto; height:53px; border-bottom: 1px solid #d6d6d6;}
#lnb {
    max-width: 1200px;
    position: relative;
    box-sizing: border-box;

    z-index: 100;
	margin:0 auto;
}

#lnb .lnbIn .nav .home_icon:after {
    width: 15px;
    height: 14px;
    margin-top: -8px;
    right: 18px;
    background-position: 0;
}
#lnb .lnbIn .nav li>.menu_icon:after, #lnb .lnbIn .nav .home_icon:after {
    margin-top: -4px;
    position: absolute;
    top: 50%;
    right: 18px;
    display: inline-block;
	background-image: url(/base/img/comp_img/ico.png);
    background-repeat: no-repeat;
    content: "";
}

#lnb .lnbIn {
    position: relative;
    *zoom: 1;
}
#lnb .lnbIn .nav {
    float: left;
}
#lnb .lnbIn .nav>li {
    position: relative;
    float: left;
    border-right: 1px solid #d6d6d6;
}
#lnb .lnbIn .nav .home_icon {
    width: 51px;
    min-width: 0;
    text-indent: -100px;
    overflow: hidden;
    border-left: 1px solid #d6d6d6;
    white-space: nowrap;
}
#lnb .lnbIn .nav>li>a {
    min-width: 240px;
    padding: 1px 20px 0;
    display: block;
    line-height: 51px;
	
}
#lnb .lnbIn .nav ul {
    width: 100%;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
	border: 1px solid #d6d6d6;
}
#lnb .lnbIn .nav a {
    color: #000;
}
#lnb .lnbIn .nav ul a {
    padding-left: 20px;
    position: relative;
    display: block;
    border-bottom: solid 1px #d6d6d6;
    line-height: 3em;
}
/*	                                  인사말
 ================================================================================================ */
.sub-content .comp_img{width:100%; height:299px; padding:54px; margin-bottom:55px; background:url(/base/img/comp_img/comp_05.jpg) no-repeat 0 0;}
.sub-content .comp_img .comp_text { font-size: 36px; color: #fff; font-weight:600;  line-height: 48px; letter-spacing: -1.5px; margin-bottom: 30px;}
.sub-content .comp_img .comp_text1 { font-size: 16px; color: #fff; font-weight:400;  line-height: 28px; letter-spacing: -0.5px; }

.sub-content .sub01{margin:0 auto; padding:0; clear:both; overflow:hidden; width:100%; border-bottom:1px solid #cccccc;}
.sub-content .sub01 h2{ font-size:36px; color:#2f2f2f; line-height:100%; margin:0 auto; padding:0 0 35px 0; font-weight:500; letter-spacing:-1px; text-align:center}
.sub-content .sub01 h2 strong{ color:#ed1b23;}
.sub-content .sub01 h3{ font-size:24px; color:#4e4e4e; line-height:100%; margin:0 auto; padding:0 0 50px 0; margin-bottom:75px; font-weight:300; text-align:center; border-bottom: 1px solid #ccc;}
.sub-content .sub01 h3 strong{ font-weight:bold}

.sub-content .wrap_basic {position: relative; margin-top:55px;}
.sub-content .wrap_basic .sub_title { margin-bottom: 15px;}
.sub-content .wrap_basic .sub_title { font-size: 16px; color: #222; text-align: left;}
.sub-content .wrap_basic .sub_desc1 { font-size: 38px; color: #333;  line-height: 48px; letter-spacing: -1.5px; margin-bottom: 20px;}
.sub-content .wrap_basic .sub_desc1 strong { font-size: 38px; color: #f15a23;  line-height: 48px; letter-spacing: -1.5px; }
.sub-content .wrap_basic .sub_desc1_1 { font-size: 24px; color: #000;  line-height: 28px; letter-spacing: -0.5px; margin-bottom: 30px;}
.sub-content .wrap_basic .img { position: absolute; right: 0; top: 0; }
.sub-content .wrap_basic .sub_desc2 {  font-size: 16px; color: #666; line-height: 26px;}

/*	                                 연혁 및 경영목표
 ================================================================================================ */
 .sub-content .wrap_basic .sub_desc5{border-bottom: 1px solid #d6d6d6; height:600px;}
.sub-content .wrap_basic .sub_desc5 .img2{width:1200px; text-align: center; }
.sub-content .wrap_basic .sub_desc5 h1{font-size: 36px; line-height: 48px; text-align: center; letter-spacing: -0.5px; margin-bottom: 30px;}
.sub-content .wrap_basic .sub_desc5 .tol{float:left; width:359px; height:236px; margin:19px; background:url(/base/img/comp_img/comp1_11.jpg) no-repeat 0 0;}
.sub-content .wrap_basic .sub_desc5 .tol h2{font-size: 28px; line-height: 56px; text-align: center; color:#fff; letter-spacing: -0.5px; margin:10px 0 24px 0;}
.sub-content .wrap_basic .sub_desc5 .tol p{font-size: 18px; line-height: 31px;  letter-spacing: -0.5px; margin-left: 40px;}

.sub-content .wrap_basic .sub_desc6{position: relative;  margin-top:55px;}
.sub-content .wrap_basic .sub_desc6 .img2{width:1200px; text-align: center; }
.sub-content .wrap_basic .sub_desc6 .history{}
.sub-content .wrap_basic .sub_desc6 .his{ }
.sub-content .wrap_basic .sub_desc6 .his p{float:left;}
.sub-content .wrap_basic .sub_desc6 .year{width:179px; height:179px; font-size: 31px; line-height: 56px; color:#fff; text-align:center; padding-top:60px; margin:0 80px 0 0; background:#f15a23; border-radius:50%;}
.sub-content .wrap_basic .sub_desc6 .year1{width:230px; font-size: 21px; line-height: 36px; text-align: left; color:#484848; font-weight:400; letter-spacing: -0.5px; margin:10px 0 24px 0;}
.sub-content .wrap_basic .sub_desc6 .year2{ font-size: 16px; line-height: 36px; text-align: left; color:#484848; font-weight:400; letter-spacing: -0.5px; margin:10px 0 24px 0;}

.sub-content .wrap_basic .sub_desc6 .his1{clear:both; padding-top:55px;}
.sub-content .wrap_basic .sub_desc6 .his1 p{float:left;}
.sub-content .wrap_basic .sub_desc6 .his1 .year{width:179px; height:179px; font-size: 31px; line-height: 56px; color:#fff; text-align:center; padding-top:60px; margin:0 80px 0 0; background:#f19223; border-radius:50%;}
.sub-content .wrap_basic .sub_desc6 .his2{clear:both; padding-top:55px;}
.sub-content .wrap_basic .sub_desc6 .his2 p{float:left;}
.sub-content .wrap_basic .sub_desc6 .his2 .year{width:179px; height:179px; font-size: 31px; line-height: 56px; color:#fff; text-align:center; padding-top:60px; margin:0 80px 0 0; background:#f1b923; border-radius:50%;}

/*	                                  오시는길
 ================================================================================================ */
.location{ margin:40px; font-weight:400;}
.location .add {float:left; margin:0 60px 0 0; width:40%;}
.location .add strong{background:#946f17; border-radius:65px;  font-weight:600; padding:10px; margin-right:10px; color:#fff; }
.location .tel {float:left; margin:0 30px 0 0; }
.location .tel strong{background:#174c94; border-radius:65px; font-weight:600; padding:10px; margin-right:10px; color:#fff;}
.location .fax {float:left; margin:0 30px 0 0; }
.location .fax strong{background:#941738; border-radius:65px; font-weight:600; padding:10px; margin-right:10px; color:#fff; }
.location .email strong{background:#879417; border-radius:65px; font-weight:600; padding:10px; margin-right:10px; color:#fff; }


/*	                                 제품소개
 ================================================================================================ */
.sub-content .wrap_basic .pro_01{width:23%; float:left; margin-bottom:50px; margin-left:2.5%;}
.sub-content .wrap_basic .pro_01 .pro_img{border:1px solid #dfdfdf;}
.sub-content .wrap_basic .pro_01 .text_01{font-size:19px; letter-spacing:-0.9px; height:60px; text-align:center; line-height:60px; border-bottom:2px solid #616161; font-weight:600;}
.sub-content .wrap_basic .pro_01 .text_02{font-size:18px; min-height:40px; text-align:center; line-height:25px;  font-weight:600; margin-top:16px;}
.sub-content .wrap_basic .pro_01 .text_03{text-align:center; min-height:92px; line-height:24px; border-bottom:1px solid #dfdfdf; padding-bottom:20px; margin-bottom:20px;}
.sub-content .wrap_basic .pro_01 .text_04{line-height:24px; border-bottom:1px solid #dfdfdf; padding-bottom:20px; margin-bottom:20px;}
.sub-content .wrap_basic .pro_01 .btn{width:100%; font-weight:600;color:#fff; background-color:#ff053f; border-radius:6px; border: none; padding: 15px 0; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px; cursor: pointer;}
.sub-content .wrap_basic .pro_01 .btn:hover {background-color:#bb133f;}
.sub-content .wrap_basic .pro_01 .btn a{color:#fff; }
.sub-content .wrap_basic .pro_01:first-child{margin-left:0% !important;}
.sub-content .wrap_basic .pro_01:nth-child(5){margin-left:0% !important;}

.sub-content .wrap_basic .pro_02{width:100%; margin-bottom:50px;}
.sub-content .wrap_basic .pro_02 .pro_img{border:1px solid #dfdfdf; float:left; }
.sub-content .wrap_basic .pro_02 ul{margin-left:335px;}
.sub-content .wrap_basic .pro_02 .text_01{font-size:21px; letter-spacing:-0.9px; height:60px;  line-height:60px; border-bottom:2px solid #616161; font-weight:600;}
.sub-content .wrap_basic .pro_02 .text_02{font-size:18px; min-height:40px; line-height:25px;  font-weight:600; margin-top:16px;}
.sub-content .wrap_basic .pro_02 .text_03{ line-height:24px; border-bottom:1px solid #dfdfdf; padding-bottom:20px; margin-bottom:20px;}
.sub-content .wrap_basic .pro_02 .text_04{line-height:24px; border-bottom:1px solid #dfdfdf; padding-bottom:20px; margin-bottom:20px;}
.sub-content .wrap_basic .pro_02 .btn{width:100%; color:#fff; font-weight:600; background-color:#ff053f; border-radius:6px; border: none; padding: 15px 0; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px; cursor: pointer;}
.sub-content .wrap_basic .pro_02 .btn:hover {background-color:#bb133f;}
.sub-content .wrap_basic .pro_02 .btn a{color:#fff; }
.sub-content .wrap_basic .pro_02 b{font-size:14px; color:#fff; background-color:#ff053f; border-radius:19px; padding: 5px 10px;}

.gu_table table {width: 100%; text-align: center; border-top: 2px solid #444; border-bottom: 1px solid #444;}
.gu_table thead {background: #fafafa;}
.gu_table thead th:first-child {padding-left: 24px;}
.gu_table thead th {font-size: 16px; line-height: 24px;font-weight: 700; vertical-align: middle; border-bottom: 1px solid #e1e1e1; padding: 16px 12px;}
.gu_table thead th:last-child {padding-right: 24px;}
.gu_table thead th {font-size: 16px; line-height: 24px; font-weight: 700; vertical-align: middle; padding: 16px 12px;}
.gu_table tbody tr {border-top: 1px solid #e1e1e1; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.gu_table tbody td.title {font-size: 18px;text-align: center;}
.gu_table tbody td:first-child {padding-left: 24px; border-left: 1px solid #fff;}
.gu_table tbody td {font-size: 16px;line-height: 28px; border-left: 1px solid #e1e1e1; vertical-align: middle; padding: 20px 12px; color: #444;}
.gu_table tbody td.download {color: #000;}
.gu_table tbody td {font-size: 16px; line-height: 28px; vertical-align: middle; padding: 20px 12px; color: #444;}	
.gu_table .btn{width:100%; font-weight:600; color:#fff; background-color:#ff053f; border-radius:6px; border: none; padding: 9px 0; text-align: center; text-decoration: none; display: inline-block; font-size: 15px; margin: 2px; cursor: pointer;}
.gu_table .btn:hover {background-color:#bb133f;}
.gu_table .btn a{color:#fff; }

.sub-content .wrap_basic .btn1{width:200px; margin:35px auto;  font-weight:600; background-color:#ff053f; border-radius:6px; border: none; padding: 15px 0; text-align: center; text-decoration: none;  font-size: 18px; }
.sub-content .wrap_basic .btn1:hover {background-color:#bb133f;}
.sub-content .wrap_basic .btn1 a{color:#fff; }

.sub-content .wrap_basic  .btnzone{width:420px; margin:35px auto;}
.sub-content .wrap_basic  .btnzone li{float:left;}
.sub-content .wrap_basic .btn2{width:200px; font-weight:600; background-color:#ff053f; border-radius:6px; border: none; padding: 15px 0; text-align: center; text-decoration: none;  font-size: 18px; }
.sub-content .wrap_basic .btn2:hover {background-color:#bb133f;}
.sub-content .wrap_basic .btn2 a{color:#fff; }

.sub-content .wrap_basic .btn3{width:200px; margin-left:20px; font-weight:600; background-color:#ff053f; border-radius:6px; border: none; padding: 15px 0; text-align: center; text-decoration: none;  font-size: 18px; }
.sub-content .wrap_basic .btn3:hover {background-color:#bb133f;}
.sub-content .wrap_basic .btn3 a{color:#fff; }

.gu_table1 table {width: 100%; text-align: left; border-top: 2px solid #444; border-bottom: 1px solid #444;}
.gu_table1 thead {background: #fafafa;}
.gu_table1 thead th:first-child {padding-left: 24px;}
.gu_table1 thead th {font-size: 16px; line-height: 24px;font-weight: 700; vertical-align: middle; border-bottom: 1px solid #e1e1e1; padding: 16px 12px;}
.gu_table1 thead th:last-child {padding-right: 24px;}
.gu_table1 thead th {font-size: 16px; line-height: 24px; font-weight: 700; vertical-align: middle; padding: 16px 12px;}
.gu_table1 tbody tr {border-top: 1px solid #e1e1e1; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.gu_table1 tbody td.title {font-size: 18px;}
.gu_table1 tbody td:first-child {padding-left: 24px; border-left: 1px solid #fff; background: #fafafa;}
.gu_table1 tbody td {font-size: 16px;line-height: 28px; border-left: 1px solid #e1e1e1; vertical-align: middle; padding: 20px 12px; color: #444;}
.gu_table1 tbody td.download {color: #000;}
.gu_table1 tbody td {font-size: 16px; line-height: 28px; vertical-align: middle; padding: 20px 12px; color: #444;}

.mb10{margin-bottom:10px;}
.fleft{float:left; } 
/*	                                  제품소개 끝
 ================================================================================================ */

 
 /*	                                  인증서
 ================================================================================================ */

.row figure { height: 424px; width: 282px; margin:0; background-size: cover; background-position: 50% 50%; box-shadow:0 0 10px rgba(0, 0, 0, 0.1); transition: all 1s ease-in-out;   background-repeat:no-repeat; z-index:2; display:inline-block; position:relative;}
.row a { display: inline-block; text-align: center; margin:55px 7px 0 7px; text-decoration:none; color:white;}
.row a p { position:absolute; opacity: 0;  font-size: 20px; top:45%; z-index:100; left: 0; right: 0; margin: auto;}
figure:hover p { opacity:1;}
figure:after { content:""; display:inline-block; height:100%; width:100%; background-color:#000; position: absolute; left: 0; bottom: 0; opacity:0; transition: all 0.4s ease-in-out 0s; z-index:99;}
figure:hover:after { opacity:0.7;}
.photo01 { background-image: url("/base/img/comp_img/comp2_03.jpg");}
.photo02 { background-image: url("/base/img/comp_img/comp2_05.jpg");}
.photo03 { background-image: url("/base/img/comp_img/comp2_07.jpg");}
.photo04 { background-image: url("/base/img/comp_img/comp2_09.jpg");}
.photo05 { background-image: url("/base/img/comp_img/comp2_15.jpg");}
.photo06 { background-image: url("/base/img/comp_img/comp2_16.jpg");}
.photo07 { background-image: url("/base/img/comp_img/comp2_17.jpg");}
.photo08 { background-image: url("/base/img/comp_img/comp2_18.jpg");}

/* lightbox */
.lightbox-target {position: fixed;  top: -100%;  width: 100%;   margin: 0 auto;   left: 0;   right: 0;  background: rgba(0, 0, 0, 0.7);  opacity: 0;  -webkit-transition: opacity .5s ease-in-out;  -moz-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;  transition: opacity .5s ease-in-out;  overflow: hidden;  z-index:999999;}
.lightbox-target .container {  margin: auto;  position: absolute;  top: 50vh;  left: 50vw;  background-color: white;  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;  text-align:left;  transform: translate3d(-50%, -50%, 0);}

a.lightbox-close {  display: block;  width: 66px;  height: 66px;  position: absolute;  top: -50px;  right: -50px;  margin: 0;  padding-top: 10px;}
.lightbox-target:target {  opacity: 1;  top: 0;  bottom: 0;}
.lightbox-target:target img {    vertical-align: top;}

/*	                                  인증서 끝
 ================================================================================================ */

 /*	                                  사업소개
 ================================================================================================ */
.sub-content .wrap_basic {position: relative;  margin-top:55px;}
.sub-content .wrap_basic .pdt_img {float:left; width:688px; height:385px; padding:0 55px 0 0;}
.sub-content .wrap_basic .pdt_left h1{font-size: 42px; line-height: 48px; text-align: left; color:#0066b3; font-weight:600; letter-spacing: -0.5px; margin-bottom: 15px;}

.sub-content .wrap_basic .pdt_left h2{font-size: 28px; line-height: 36px; text-align: left; font-weight:400; letter-spacing: -0.5px; margin-bottom: 30px;}
.sub-content .wrap_basic .pdt_left p{font-size: 18px; line-height: 28px; text-align: left; font-weight:200; letter-spacing: -0.5px; }

#bus_m {width:100%;  background:#f3f3f3;}
#bus_m .bus_mnt{margin:0 auto; padding:70px 0 90px 0; width:100%; clear:both; position:relative;  overflow:hidden; max-width:1200px;}
#bus_m .bus_mnt h1{font-size: 36px; line-height: 48px; text-align: center; font-weight:600; letter-spacing: -0.5px; margin-bottom: 30px;}
#bus_m .bus_mnt h2{font-size: 18px; line-height: 26px; text-align: center; letter-spacing: -0.5px; margin-bottom: 30px;}  
#bus_m .bus_mnt p{text-align:center;}

.mt40 {margin-top:40px}
.mt50 {margin-top:50px}  

#bus_m1 {width:100%;  }
#bus_m1 .bus_mnt{margin:0 auto; padding:70px 0 90px 0; width:100%; clear:both; position:relative;  overflow:hidden; max-width:1200px;}
#bus_m1 .bus_mnt h1{font-size: 36px; line-height: 48px; text-align: center; font-weight:600; letter-spacing: -0.5px; margin-bottom: 30px;}
#bus_m1 .bus_mnt h2{font-size: 18px; line-height: 26px; text-align: center; letter-spacing: -0.5px; margin-bottom: 30px;}  
#bus_m1 .bus_mnt p{text-align:center;}
#bus_m1 .bus_mnt h4{font-size: 18px; line-height: 26px;  letter-spacing: -0.5px; margin: 38px 0 20px 0;}

  /*	                                  장비안내
 ================================================================================================ */
.sub-content .wrap_basic1 {position: relative;  margin-top:55px;}
.sub-content .wrap_basic1 .sub_title {padding:40px 0 25px 0;}
.sub-content .wrap_basic1 .sub_title h1{ font-size: 28px; color: #222; text-align: left; font-weight:700; letter-spacing:-1px; padding-bottom:35px; }
.sub-content .wrap_basic1 .jang {width:100%;}
.sub-content .wrap_basic1 .jang li{float:left; width:33.3%; padding:20px; }
.sub-content .wrap_basic1 .jang1 { }
.sub-content .wrap_basic1 .jang1 p{border: 1px solid #e1e1e1;  }
.sub-content .wrap_basic1 .jang1 h3{text-align:center; padding:15px 0 25px 0;  }

 /*	                                  장비안내 끝
 ================================================================================================ */
 
   /*	                                  카다로그
 ================================================================================================ */
.sub-content .wrap_basic .catalog {display: inline-block;  width:100%;}
.sub-content .wrap_basic .catalog .left{float:left; width:320px; height:462px; padding-right:25px;}
.sub-content .wrap_basic .catalog .right{margin-left:340px;}
.sub-content .wrap_basic .catalog .right h1{font-size:28px; line-height:61px; font-weight:600; border-bottom: 1px solid #e1e1e1; margin-bottom:20px;}
.sub-content .wrap_basic .catalog .brt {margin-top: 45px; }




 /*	                                  카다로그 끝
 ================================================================================================ */