@charset "utf-8";
html, body {word-break: keep-all;font-size:17px; color: #333;}

/**/
.todo  {outline:1px solid blue;}

/**/
.fc-45 {color:#454545;}
.fc-mint {color:#00bfb2;}
.fc-sky {color:#3ea3e3;}
.fc-blue {color:#0575b5;}
.fc-blue2 {color:#0081e9;}
.bg-f8 {background:#f8f8f8;}
.skyblue{background-color: #F0F7FB;}
.gray{background-color: #f8f8f8;}



/*------------------ 공통---------------- */

section{margin-bottom: 100px;}
.bold{font-weight: 700;}
.half{width: 49%;}
.pc{display: block;}
.mob{display: none;}
.center{text-align: center;}
.white{color: white;}

.icn-title{width: 100%; height: 36px; margin-bottom: 30px; font-size: 30px; font-weight: 700; background-image: url(/images/content/menu/icn.png);background-repeat: no-repeat;background-size: 20px;background-position: left center; padding-left:30px;}
.footbx{width: 100%; height: 100px;}


/* 회사소개부분 공통 */

.section-title{text-align: center;font-weight: 600; color: #003586; line-height: 160%; letter-spacing: -0.1px;}

.company-title{ width: 100%; height: auto; margin-bottom: 20px;}
.company-title .comp-title{ text-align: center; margin-bottom: 50px; line-height: 160%; font-weight: 500;}
.company-title .comp-title span{ font-weight: 700; color:#003586;}

.company-p{width: 100%; height: auto;}
p.comp-p{font-size: 16px; line-height: 180%; letter-spacing: -0.1px;}
p.comp-p span{float: right !important; font-weight: 700;}

/* 테이블 */
.life-table{width: 100%; text-align: center; table-layout: fixed;}
.life-table thead{border-top: #003586 solid 2px; border-bottom: #003586 solid 2px; height: 60px;}
.life-table thead tr th{vertical-align: middle; font-weight: 700 !important; color: #003586;}
.life-table tbody tr{height: 60px; border-bottom: 1px solid  #ccc;}
.life-table tbody tr:last-child{border-bottom: 2px solid #003586;}
.life-table tbody tr td{vertical-align: middle;}


/*------------------ 서브페이지 ---------------- */

/* 6-인사말 */
.manage-goals{display: flex; flex-wrap: wrap; justify-content: space-between;}
.manage-goals .managebx{text-align: center;margin-bottom: 30px;}
.manage-goals .managebx p{font-size: 16px; line-height: 180%; letter-spacing: -0.1px; margin-top: 15px;}


#menu-6 .greet-slide {height:436px; max-width:1400px; }
#menu-6 .greet-slide .swiper-slide {
    background-size:cover; background-position:center center; background-repeat:no-repeat; height:100%;
    color:#fff; flex-direction: column;
    display:flex; justify-content: center; align-items: center;
}
/* #menu-6 .greet-slide .swiper-slide-1 {background-image:url(/images/content/main/main_visual1.jpg);}
#menu-6 .greet-slide .swiper-slide-2 {background-image:url(/images/content/main/main_visual2.jpg);}
#menu-6 .greet-slide .swiper-slide-3 {background-image:url(/images/content/main/main_visual3.jpg);} */

.policy div {text-align:center;}


/* 8-조직도 */
.company-table{ margin-top: 50px;}


/* 16-연혁 */
.history{width: 100%; height: auto; margin-top: 50px; border-top: 2px solid #003586;}
.btm-line{width: 100%; height: auto; border-bottom: 1px solid #ccc;}
.history tr td{height: 80px; vertical-align: middle; font-size: 16px; color:#555;}
.history tr .dot{width: 5%;  text-align: center;}
.history tr .year{ width: 10%;  font-family: 'Montserrat'; font-size: 32px; font-weight: 700; text-align: center;}
.history tr .month{width: 15%; font-size: 20px; text-align: center; font-weight: 700;}
.history tr .history-con{ width: 70%; text-align: left;}


/* 9-설비현황 */
.facility{width: 100%; display: flex; justify-content: space-between; margin-top: 50px;}
.faci-table{width: 100%;}
.faci-table thead {border-top: 3px solid #003586; border-bottom: 2px solid #003586; height: 50px;}
.faci-table thead tr th {vertical-align: middle; text-align: center; color: #003586; border-right: 1px solid #ccc;}
.faci-table thead tr th:last-child { border-right: none;}
.faci-table tbody tr{border-bottom: 1px solid #ccc; height: 50px;}
.faci-table tbody tr td{vertical-align: middle; text-align: center; border-right: 1px solid #ccc;}
.faci-table tbody tr td:last-child { border-right: none;}
.faci-table tbody tr:nth-child(even) { background-color: #F0F7FB;}

.certifi{width:100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 50px;}
.certifi .certbx{ text-align: center; margin-top: 10px;}
.certifi .certbx p{display: block; font-weight: 700;}
.certifi .certbx p span{display: block; font-size: 14px; font-weight: normal;}


/* 10-오시는길 */
.map{margin-top: 50px;}
.map .map-api{width: 100%; height: 500px; border: 1px solid #ccc; background-color: #f2f2f2;}
.map .map-info{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px;}
.map .map-info .info-bx{ margin: 20px 0;}
.map .map-info .info-bx p{display: inline-block;}
.map .map-info .info-bx p:first-child{color: #003586; font-weight: 700; padding-right:30px ;}


/* 11-제품 */
ul.tabs{ display: flex; flex-wrap: wrap; justify-content: space-between; }
ul.tabs li{ height: 60px; flex: auto; cursor: pointer; text-align: center; padding-top: 17px; border: 1px solid #ccc; border-right: none; background-color: #f2f2f2; color: #999;}
ul.tabs li:last-child{border-right: 1px solid #ccc;}
ul.tabs li.current{ background: #003586; color: #fff; font-weight: 700; box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);}
.tab-content{ display: none; background: inherit; padding: 15px; margin-top: 30px;}
.tab-content.current{ display: inherit;}

.con-title{text-align: center; font-weight: 700; color: #003586; padding-top: 50px; padding-bottom: 30px;}
.con-p{text-align: center; font-size: 16px; line-height: 180%; letter-spacing: -.1px;}

.tab-con{width: 100%; margin-top: 80px; position: relative;}
.imgcontent{width: 90%; margin: 0 auto;}
.imgcontent img{width: 100%}
.imgcontent2{width: 100%;  display: flex; flex-wrap: wrap; justify-content: space-between; }
.imgcontent3{width: 100%;  display: flex; flex-wrap: wrap; justify-content: space-between; }
.imgcontent3 img{width:30%}

.test{border-radius: 30px; background-color: #f2f2f2;padding: 30px 30px 50px; margin-top: 50px;}
.test .test-title{display:inline-block;width: 240px; padding:10px;border-top-left-radius: 25px; border-bottom-right-radius: 25px; background-color: #003586; color: #fff; box-shadow:4px 4px 10px rgba(0, 0, 0, 0.25); margin-bottom: 30px;}
.test .test-title p{ text-align: center;}
.test .test-p{ width: 450px; position: absolute; right: 90px; bottom: 70px;}

.lfc{ width: 500px; margin: 80px auto; border-radius: 30px; padding: 50px; background-color: #f2f2f2;}
.lfc-title{display:inline-block; margin-right:30px; width: 120px; height: 40px; padding:7px 10px;border-top-left-radius: 25px; border-bottom-right-radius: 25px; background-color: #003586; color: #fff; box-shadow:4px 4px 10px rgba(0, 0, 0, 0.25); margin-bottom: 30px; text-align: center; vertical-align: middle;}
.lfc p{display: inline-block; vertical-align: middle;}

.lfc2{ width: 100%; margin: 80px auto; text-align: center;}
.title-lfc2{font-size: 24px; color: #003586;font-weight: 800; width: 45px; height: 70px; margin:0 auto; border-top: 3px solid #003586;}
.lfc2-area{width: 100%; padding: 10px 20px; display: flex; flex-wrap: wrap; justify-content: space-around;}
.lfc2-bx{padding: 10px 40px; margin-bottom: 20px; border-radius: 10px;}

.conven{text-align: center; position: relative; height: 500px;}
.conven img{margin: 0 auto; margin-top: 50px;}
.conven p{text-align: center; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,-0%);}
.imgbx{width: 90%; background-color: #e6e6e6; margin-left: 50px;text-align: center;padding: 50px;}
.imgbx img{ margin: 0 auto;}

/* ----------------------------meadiaquery-------------------------------- */


/* Tablet */

@media (max-width:1100px) and (min-width:780px){

/*------------------ 공통---------------- */

section{margin-bottom: 100px;}
.bold{font-weight: 700;}
.half{width: 100%;}
.pc{display: block;}
.mob{display: none;}

/* 회사소개부분 공통 */

.section-title{text-align: center;font-weight: 600; color: #003586; line-height: 160%; letter-spacing: -0.1px;}

.company-title{ width: 100%; height: auto; margin-bottom: 20px;}
.company-title .comp-title{ text-align: center; margin-bottom: 50px; line-height: 160%; font-weight: 500; font-size: 25px !important;}
.company-title .comp-title span{ font-weight: 700; color:#003586;}
.company-title img{width: 100%;}


.company-p{width: 100%; height: auto;}
p.comp-p{font-size: 16px; line-height: 180%; letter-spacing: -0.1px;}
p.comp-p span{float: right !important; font-weight: 700;}

/*------------------ 서브페이지 ---------------- */

/* 6-인사말 */
.manage-goals{display: block; }
.manage-goals .managebx{text-align: center;margin-bottom: 30px;}
.manage-goals .managebx p{font-size: 16px; line-height: 180%; letter-spacing: -0.1px; margin-top: 15px;}

.policy div {text-align:center; width: 100%;}
.policy div img {width: 100%;}

/* 8-조직도 */
.organization {width: 100%;}
.organization img {width: 100%;}



/* 9-설비현황 */
.facility{width: 100%; display: flex; justify-content: space-between; margin-top: 50px;}
.faci-table{width: 98%;}
.faci-table thead {border-top: 3px solid #003586; border-bottom: 2px solid #003586; height: 50px;}
.faci-table thead tr th {vertical-align: middle; text-align: center; color: #003586; border-right: 1px solid #ccc;}
.faci-table thead tr th:last-child { border-right: none;}
.faci-table tbody tr{border-bottom: 1px solid #ccc; height: 50px;}
.faci-table tbody tr td{vertical-align: middle; text-align: center; border-right: 1px solid #ccc;}
.faci-table tbody tr td:last-child { border-right: none;}
.faci-table tbody tr:nth-child(even) { background-color: #F0F7FB;}

.certifi{width:100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 50px;}
.certifi .certbx{ text-align: center; margin-top: 10px;}
.certifi .certbx p{display: block; font-weight: 700;}
.certifi .certbx p span{display: block; font-size: 14px; font-weight: normal;}

/* 11-제품 */
ul.tabs{ display: flex; flex-wrap: wrap; justify-content: space-between; }
ul.tabs li{ height: 60px; flex: auto; cursor: pointer; text-align: center; padding-top: 17px; font-size: 14px; border: 1px solid #ccc; border-right: none; background-color: #f2f2f2; color: #999;}
ul.tabs li:last-child{border-right: 1px solid #ccc;}
ul.tabs li.current{ background: #003586; color: #fff; font-weight: 700; box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);}
.tab-content{ display: none; background: inherit; padding: 15px; margin-top: 30px;}
.tab-content.current{ display: inherit;}

.con-title{text-align: center; font-weight: 700; color: #003586; padding-top: 50px; padding-bottom: 30px;}
.con-p{text-align: center; font-size: 16px; line-height: 180%; letter-spacing: -.1px;}

.tab-con{width: 100%; margin-top: 80px; position: relative;}
.imgcontent{width: 90%; margin: 0 auto;}
.imgcontent img{width: 100%}
.imgcontent2{width: 100%;  display: flex; flex-wrap: wrap; justify-content: space-between; }
.imgcontent3{width: 100%;  display: flex; flex-wrap: wrap; justify-content: space-between; }
.imgcontent3 img{width:30%}

.test{border-radius: 30px; background-color: #f2f2f2;padding: 30px 30px 50px; margin-top: 50px;}
.test .test-title{display:inline-block;width: 240px; padding:10px;border-top-left-radius: 25px; border-bottom-right-radius: 25px; background-color: #003586; color: #fff; box-shadow:4px 4px 10px rgba(0, 0, 0, 0.25); margin-bottom: 30px;}
.test .test-title p{ text-align: center;}
.test .test-p{ width: 80%; position: relative; display: block; bottom: 0; right: 0; left: 130px; margin-top: 30px;}

.lfc{ width: 500px; margin: 80px auto; border-radius: 30px; padding: 50px; background-color: #f2f2f2;}
.lfc-title{display:inline-block; margin-right:30px; width: 120px; height: 40px; padding:7px 10px;border-top-left-radius: 25px; border-bottom-right-radius: 25px; background-color: #003586; color: #fff; box-shadow:4px 4px 10px rgba(0, 0, 0, 0.25); margin-bottom: 30px; text-align: center; vertical-align: middle;}
.lfc p{display: inline-block; vertical-align: middle;}

.conven{text-align: center; position: relative; height: 500px;}
.conven img{margin: 0 auto; margin-top: 50px;}
.conven p{text-align: center; position: absolute; bottom: 0; left: 50%; transform: translate(-50%,-0%);}
.imgbx{width: 90%; background-color: #e6e6e6; margin-left: 50px;text-align: center;padding: 50px;}
.imgbx img{width: 100%}


}/*태블릿 미디어쿼리 종료*/


/* Mobile - Portrait */
@media (max-width:779px){
    .pc{display: none;}
    .mob{display: block;}
    .half{width: 100% !important;}
    .icn-title{width: 100%; height: 26px; margin-bottom: 30px; font-size: 20px; font-weight: 700; background-image: url(/images/content/menu/icn.png);background-repeat: no-repeat;background-size: 18px;background-position: left center; padding-left:30px;}
.footbx{width: 100%; height: 100px;}

    /* 회사소개부분 공통 */

.section-title{margin-bottom: 80px;}

.company-title{ width: 100%; height: auto; margin-bottom: 20px;}
.company-title .comp-title{ text-align: center; margin-bottom: 50px; line-height: 160%; font-weight: 500; font-size: 18px !important;}
.company-title .comp-title span{ font-weight: 700; color:#003586;}
.company-title img{width: 100%;}


.company-p{width: 100%; height: auto;}
p.comp-p{font-size: 16px; line-height: 180%; letter-spacing: -0.1px;}
p.comp-p span{float: right !important; font-weight: 700;}



/*------------------ 서브페이지 ---------------- */

/* 6-인사말 */
.manage-goals{display: block; width: 100%;}
.manage-goals .managebx{text-align: center;margin-bottom: 30px; width: 100%;}
.manage-goals .managebx img{ width: 100%;}
.manage-goals .managebx p{font-size: 16px; line-height: 180%; letter-spacing: -0.1px; margin-top: 15px;}

.policy div {text-align:center; width: 100%;}
.policy div img {width: 100%;}

/* 8-조직도 */
.organization {width: 100%;}
.organization img {width: 100%;}

/* 16-연혁 */
.history{width: 100%; height: auto; margin-top: 50px; border-top: 2px solid #003586;}
.btm-line{width: 100%; height: auto; border-bottom: 1px solid #ccc;}
.history tr td{height: 80px; vertical-align: middle; font-size: 16px; color:#555;}
.history tr .dot{width: 5%;  text-align: center;}
.history tr .year{ width: 10%;  font-family: 'Montserrat'; font-size: 20px; font-weight: 700; text-align: center;}
.history tr .month{width: 15%; font-size: 16px; text-align: center; font-weight: 700;}
.history tr .history-con{ width: 70%; text-align: left; font-size: 13px;}

/* 9-설비현황 */
.facility{width: 100%; display: inline-block; justify-content: space-between; margin-top: 50px;}
.faci-table{width: 100%;}
.right .faci-table thead {display: none;}
.faci-table thead {border-top: 3px solid #003586; border-bottom: 2px solid #003586; height: 50px;}
.faci-table thead tr th {vertical-align: middle; text-align: center; color: #003586; border-right: 1px solid #ccc;}
.faci-table thead tr th:last-child { border-right: none; width: 100px;}
.faci-table tbody tr{border-bottom: 1px solid #ccc; height: 50px;}
.faci-table tbody tr td{vertical-align: middle; text-align: center; border-right: 1px solid #ccc;}
.faci-table tbody tr td:last-child { border-right: none; width: 100px;}
.faci-table tbody tr:nth-child(even) { background-color: #F0F7FB;}

.certifi{width:100%; display: block; justify-content: space-between; flex-wrap: wrap; margin-top: 50px;}
.certifi .certbx{ text-align: center; margin-top: 10px;}
.certifi .certbx p{display: block; font-weight: 700;}
.certifi .certbx p span{display: block; font-size: 14px; font-weight: normal;}

/* 11-제품 */
ul.tabs{ display: flex; flex-wrap: wrap; justify-content: space-between; }
ul.tabs li{ height: 60px; flex: auto; cursor: pointer; text-align: center; padding-top: 17px; font-size: 14px; border: 1px solid #ccc; border-right: 1px solid #ccc;; background-color: #f2f2f2; color: #999;}
ul.tabs li:last-child{border-right: 1px solid #ccc;}
ul.tabs li.current{ background: #003586; color: #fff; font-weight: 700; box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);}
.tab-content{ display: none; background: inherit; padding: 15px; margin-top: 30px;}
.tab-content.current{ display: inherit;}

.con-title{text-align: center; font-weight: 700; color: #003586; padding-top: 50px; padding-bottom: 30px;}
.con-p{text-align: center; font-size: 16px; line-height: 180%; letter-spacing: -.1px;}

.tab-con{width: 100%; margin-top: 80px; position: relative;}
.imgcontent{width: 90%; margin: 0 auto;}
.imgcontent img{width: 100%}
.imgcontent2{width: 100%;  display: flex; flex-wrap: wrap; justify-content: space-between; }
.imgcontent3{width: 100%;  display: flex; flex-wrap: wrap; justify-content: space-between; }
.imgcontent3 img{width:30%}

.test{border-radius: 30px; background-color: #f2f2f2;padding: 30px 30px 50px; margin-top: 50px;}
.test .test-title{display:inline-block;width: 240px; padding:10px;border-top-left-radius: 25px; border-bottom-right-radius: 25px; background-color: #003586; color: #fff; box-shadow:4px 4px 10px rgba(0, 0, 0, 0.25); margin-bottom: 30px;}
.test .test-title p{ text-align: center;}
.test .test-p{ width: 100%; position: relative; display: block; bottom: 0; right: 0; left: 0; margin-top: 30px;}

.lfc{ width: 100%; margin: 80px auto; border-radius: 30px; padding: 50px; background-color: #f2f2f2;}
.lfc-title{display:inline-block; margin-right:30px; width: 120px; height: 40px; padding:7px 10px;border-top-left-radius: 25px; border-bottom-right-radius: 25px; background-color: #003586; color: #fff; box-shadow:4px 4px 10px rgba(0, 0, 0, 0.25); margin-bottom: 30px; text-align: center; vertical-align: middle;}
.lfc p{display: inline-block; vertical-align: middle;}

.conven{text-align: center; position: relative; height: auto; width: 100%; }
.conven img{margin: 0 auto; margin-top: 50px; width: 100%;}
.conven p{text-align: center; position: relative; bottom: 0; left: 50%; transform: translate(-50%,-0%);}
.imgbx{width: 90%; background-color: #e6e6e6; margin-left: 30px;text-align: center;padding: 50px;}
.imgbx img{width: 100%}

/**/
footer {
    width: 100%;
    background:#3D3D49; height:auto !important;  padding:20px 0;
    display:block; align-items: center; margin-top: 50px;
    
}
footer .wrap {
    display:block !important; align-items: center; flex-shrink: 0; color:#858585;
    width: 100%;
}
footer .wrap > div:nth-child(1) {width:100% !important; text-align: center;}
footer .wrap > div:nth-child(1) img {width:300px; padding-bottom: 30px;}
footer .wrap > div:nth-child(2) {width:100% !important;}
.foot-text {display:block; margin:0; width:100% !important;  margin: 0 auto;}
footer .wrap > div:nth-child(2) > div {display:block;width: 100% !important; text-align: center;}
footer .wrap > div:nth-child(2) > div> div > p { display: inline-block; font-size: 15px;}
footer .copyright {color:#909191; margin-top:25px; font-size: 13px;}
.footbx{display: none;}
}