@charset "utf-8";
html, body, div, p {word-break: keep-all; font-size:17px; color: #444; line-height:1.4;}


/*------------------ 공통---------------- */
.bg-orange{background-color:#ED6F00}
.f-orange{color:#ED6F00}
.gray{background-color:#F1F1F1}
.center{text-align: center;}
.foot-clear{width: 100%; height: 120px;}
.mob{display: none;}
.pc{display: inline-block;}
.left{width: 49%; display: inline-block; vertical-align: top; }
.right{width: 49%; display: inline-block; vertical-align: top; }



/*------------------ p5 인사말 ---------------- */
#menu-5 .wrap .left img {width:100%;border-top-right-radius: 50px; box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.10);}
#menu-5 .wrap .right{padding-left: 30px;}
#menu-5 .wrap .right h2{font-weight: 700; margin-top: 50px;}
#menu-5 .wrap .right p{margin-top:50px;font-size: 16px; line-height: 160%;}
#menu-5 .wrap div:last-child{margin: 100px 0 0;}



/*------------------ p6 연혁 ---------------- */
#menu-6 .wrap:first-child{padding-bottom: 0 !important;}
#menu-6 .his-area .his-bx{width: 100%; height: 500px;} 
#menu-6 .his-area{margin-bottom: 100px !important;} 
#menu-6 .his-area .his-bx .wrap{height: 500px;background:url(/images/content/menu/p6_bg.png) no-repeat bottom right;}
#menu-6 .his-area .his-bx .wrap .left h1{font-family:'Montserrat'; font-weight: 800; font-size:84px;}
#menu-6 .his-area .his-bx .wrap .right{ width: 50%;}
#menu-6 .his-area .his-bx .wrap .right table{border-bottom: 1px solid #ccc; margin-bottom: 20px;}
#menu-6 .his-area .his-bx .wrap .right table tbody{font-size:16px; width: 100% !important;}
#menu-6 .his-area .his-bx .wrap .right table tbody tr{height: 40px; vertical-align: middle;}
#menu-6 .his-area .his-bx .wrap .right table tbody tr .year{text-align: center;width: 60px; font-weight: 700;}
#menu-6 .his-area .his-bx .wrap .right table tbody tr .month{text-align: center;width: 40px; font-weight: 700; color: #ED6F00;}
#menu-6 .his-area .his-bx .wrap .right table tbody tr .his{text-align: left; width: 85%; font-weight: normal;}



/*------------------ p7 오시는길 ---------------- */
#menu-7 .wrap {background:url(/images/content/menu/p6_bg.png) no-repeat bottom 15px right 15px #ffffff;padding: 30px; padding-bottom: 100px;}
#menu-7 .wrap .img-area{ border-top-right-radius: 100px; margin-bottom: 100px;}
#menu-7 .wrap .img-area img{ width: 100%;}
#menu-7 .wrap .left ul {margin-top:50px;}
#menu-7 .wrap .left ul li {margin-top:30px;}
#menu-7 .wrap .left ul li .li-t{font-size: 20px; color: #909090; font-weight: 700; line-height: 170%; padding-left: 40px;}
#menu-7 .wrap .left ul li .li-p{font-size: 16px; color: #333; line-height: 170%; padding-left: 40px;}
#menu-7 .wrap .left ul li .add{background:url(/images/content/menu/p7_icn1.png) no-repeat center left;}
#menu-7 .wrap .left ul li .tel{background:url(/images/content/menu/p7_icn2.png) no-repeat center left;}
#menu-7 .wrap .left ul li .fax{background:url(/images/content/menu/p7_icn3.png) no-repeat center left;}
#menu-7 .wrap .right {border-top-right-radius: 50px; box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.10);}
#menu-7 .wrap .right img {width: 100%; height: 100%;}



/*------------------ p8 공정과정 ---------------- */
#menu-8 {position: relative; overflow: hidden;}
#menu-8 .factory-bg{ background:url(/images/content/menu/p8_bg.png) no-repeat center center; height:1590px; top:100px ;position:relative; overflow: hidden;}
#menu-8 .factory-bg .flex {display: flex; flex-wrap: wrap; justify-content: space-between;}
#menu-8 .factory-bg .factory-area .factory-bx1{width:400px; height:400px;border-radius: 30px; background:url(/images/content/menu/p8_bg1.png) no-repeat bottom 15px right 15px #ED6F00;padding: 30px; position:relative; margin-bottom: 30px;}
#menu-8 .factory-bg .factory-area .factory-bx1 h3{font-size: 50px; font-weight: 800; margin-bottom: 5px; color: rgba(255,255,255,.3);}
#menu-8 .factory-bg .factory-area .factory-bx1 p{font-size: 28px; font-weight: 700; margin-left: 4px; color: #fff;}
#menu-8 .factory-bg .factory-area .factory-bx1 img{position: absolute; right: 30px; bottom: 30px;}
#menu-8 .factory-bg .factory-area .factory-bx2{width:400px; height:400px;border-radius: 30px; background:url(/images/content/menu/p8_bg2.png) no-repeat bottom 15px right 15px #ffffff;padding: 30px; position:relative; margin-bottom: 30px;}
#menu-8 .factory-bg .factory-area .factory-bx2 h3{font-size: 50px; font-weight: 800; margin-bottom: 5px; color: rgba(0,0,0,.2);}
#menu-8 .factory-bg .factory-area .factory-bx2 p{font-size: 28px; font-weight: 700; margin-left: 4px; color: #ED6F00;}
#menu-8 .factory-bg .factory-area .factory-bx2 img{position: absolute; right: 30px; bottom: 30px;}



/*------------------ p9~15 subpage ---------------- */
#menu-10 {position: relative; overflow: hidden;}
.wrap .img-area {width: 100%;}
.wrap .img-area img {width: 100%;}
.sub-title {font-weight: 700; text-align: center; margin: 50px 0;}
.wrap .use-left,.use-right {position: relative; display: inline-block; vertical-align: middle;}
.wrap .use-left img{width: 100%;}
.wrap .use-right img{width: 100%;}
.wrap .use-left p{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); color: #fff; font-size: 20px; font-weight: 700;}
.wrap .use-right p{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); color: #fff; font-size: 20px; font-weight: 700;}
.gray .wrap:last-child {padding-top: 0;}
#menu-6 .gray .wrap {padding-top: 100px;}

.sub-table{width:100%; background-color: #fff; margin-left: 10px; table-layout: fixed; text-align: center;}
.sub-table thead{height: 60px; border-top: 2px solid #555; background-color: #ED6F00 ;}
.sub-table thead tr{height: 100%;}
.sub-table thead tr th{height: 100%; vertical-align: middle; color: #fff; font-weight: 700;}
.sub-table tbody tr{border-bottom: 1px solid #e1e1e1; }
.sub-table tbody tr:nth-child(even){background-color: #f9f9f9;}
.sub-table tbody tr td{height: 60px; vertical-align: middle; color: #555;}

.factory-table{width:100%; background-color: #fff; margin-left: 10px; table-layout: auto; text-align: center;}
.factory-table thead{height: 60px; border-top: 2px solid #555; background-color: #ED6F00 ;}
.factory-table thead tr{height: 100%;}
.factory-table thead tr th{height: 100%; vertical-align: middle; color: #fff; font-weight: 700;}
.factory-table tbody tr{border-bottom: 1px solid #e1e1e1; }
.factory-table tbody tr:nth-child(even){background-color: #f9f9f9;}
.factory-table tbody tr td{height: 60px; vertical-align: middle; color: #555;}
.factory-table tbody .sectionline{border-bottom: 2px solid #e1e1e1;}

.certi-area{width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center;}
.certi-area .certi-bx{width: 250px; margin-right: 60px; margin-top: 30px;}
.certi-area2{width:100%; display: inline-block; text-align: center;}
.certi-area2 .certi-bx{margin: 0 auto;}
.certi-bx:nth-child(4n){ margin-right: 0px;}


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


/* Tablet */

@media (max-width:1100px) and (min-width:780px){
    .wrap{width: 100% !important; padding-right: 30px; height: auto; margin: 0 !important; }
    .mob{display: inline-block !important;}
    .pc{display: none;}
    .left{width: 100%; display: inline-block; vertical-align: top; }
    .right{width: 100%; display: inline-block; vertical-align: top; }

    /*------------------ p5 인사말 ---------------- */
#menu-5 .wrap .left img {width:100%;border-top-right-radius: 70px; box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.10);}
#menu-5 .wrap .right{padding-left: 30px;}
#menu-5 .wrap .right h2{font-weight: 700; margin-top: 50px;}
#menu-5 .wrap .right p{margin-top:50px;font-size: 16px; line-height: 160%;}
#menu-5 .wrap div:last-child{margin: 100px 0 0; width: 100%;}
#menu-5 .wrap div:last-child img{width: 100%;}

/*------------------ p6 연혁 ---------------- */
#menu-6 .wrap:first-child{padding-bottom: 0 !important;}
#menu-6 .his-area .his-bx{width: 100%; height: 500px;} 
#menu-6 .his-area{margin-bottom: 100px !important;} 
#menu-6 .his-area .his-bx .wrap{height: auto; background:url(/images/content/menu/p6_bg.png) no-repeat bottom right;}
#menu-6 .his-area .his-bx .wrap .left h1{font-family:'Montserrat'; font-weight: 800; font-size:84px;}
#menu-6 .his-area .his-bx .wrap .right{ width: 50% !important;}
#menu-6 .his-area .his-bx .wrap .left { width: 49% !important;}
.factory-table thead tr th{font-size: 14px;}
.factory-table tbody tr td{font-size: 14px;}

/*------------------ p7 오시는길 ---------------- */
#menu-7 .wrap .right {margin-top: 30px; width: 100%;}
#menu-7 .wrap .right img{width: 100%;}


/*------------------ p8 공정과정 ---------------- */
#menu-8 {position: relative; overflow: hidden;}
#menu-8 .factory-bg{ background:url(/images/content/menu/p8_bg.png) no-repeat center center; height:auto; top:100px ;position:relative; overflow: hidden;}
#menu-8 .factory-bg .flex {display: flex; flex-wrap: wrap; justify-content: space-between;}
#menu-8 .factory-bg .factory-area .factory-bx1{width:230px; height:230px;border-radius: 30px; background-size: 120px !important; background:url(/images/content/menu/p8_bg1.png) no-repeat bottom 15px right 15px #ED6F00;padding: 15px; position:relative; margin-bottom: 30px;}
#menu-8 .factory-bg .factory-area .factory-bx1 h3{font-size: 36px; font-weight: 800; margin-bottom: 5px; color: rgba(255,255,255,.3);}
#menu-8 .factory-bg .factory-area .factory-bx1 p{font-size: 20px; font-weight: 700; margin-left: 4px; color: #fff;}
#menu-8 .factory-bg .factory-area .factory-bx1 img{position: absolute; right: 18px; bottom: 18px; width: 60%;}
#menu-8 .factory-bg .factory-area .factory-bx2{width:230px; height:230px;border-radius: 30px; background-size: 120px !important; background:url(/images/content/menu/p8_bg2.png) no-repeat bottom 15px right 15px #ffffff;padding: 15px; position:relative; margin-bottom: 30px;}
#menu-8 .factory-bg .factory-area .factory-bx2 h3{font-size: 36px; font-weight: 800; margin-bottom: 5px; color: rgba(0,0,0,.2);}
#menu-8 .factory-bg .factory-area .factory-bx2 p{font-size: 20px; font-weight: 700; margin-left: 4px; color: #ED6F00;}
#menu-8 .factory-bg .factory-area .factory-bx2 img{position: absolute; right: 18px; bottom: 18px; width: 60%;}


/*------------------ p9~15 subpage ---------------- */
#menu-10 {position: relative; overflow: hidden;}
.wrap .img-area {width: 100%;}
.wrap .img-area img {width: 100%;}
.sub-title {font-weight: 700; text-align: center; margin: 50px 0;}
.wrap .use-left,.use-right {position: relative; display: inline-block; vertical-align: middle; width: 49%; }
.wrap .use-left img{width: 100%;}
.wrap .use-right img{width: 100%;}
.wrap .use-left p{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); color: #fff; font-size: 20px; font-weight: 700;}
.wrap .use-right p{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); color: #fff; font-size: 20px; font-weight: 700;}
.gray .wrap:last-child {padding-top: 0;}
#menu-6 .gray .wrap {padding-top: 100px;}
.gray .wrap .left,.right {position: relative; display: inline-block; vertical-align: middle; width: 49%; }
.gray .wrap .left img{width: 100%;}

.sub-table{width:100%; background-color: #fff; margin-left: 10px; table-layout: fixed; text-align: center;}
.sub-table thead{height: 60px; border-top: 2px solid #555; background-color: #ED6F00 ;}
.sub-table thead tr{height: 100%;}
.sub-table thead tr th{height: 100%; vertical-align: middle; color: #fff; font-weight: 700;}
.sub-table tbody tr{border-bottom: 1px solid #e1e1e1; }
.sub-table tbody tr:nth-child(even){background-color: #f9f9f9;}
.sub-table tbody tr td{height: 60px; vertical-align: middle; color: #555;}

.factory-table{width:100%; background-color: #fff; margin-left: 10px; table-layout: auto; text-align: center;}
.factory-table thead{height: 60px; border-top: 2px solid #555; background-color: #ED6F00 ;}
.factory-table thead tr{height: 100%;}
.factory-table thead tr th{height: 100%; vertical-align: middle; color: #fff; font-weight: 700;}
.factory-table tbody tr{border-bottom: 1px solid #e1e1e1; }
.factory-table tbody tr:nth-child(even){background-color: #f9f9f9;}
.factory-table tbody tr td{height: 60px; vertical-align: middle; color: #555;}
.factory-table tbody .sectionline{border-bottom: 2px solid #e1e1e1;}

.certi-area{width:100%; display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center;}
.certi-area .certi-bx{width: 20%; margin-right: 30px; margin-top: 30px;}
.certi-area .certi-bx img{width: 100%; }
.certi-area2{width:100%; display: inline-block; text-align: center;}
.certi-area2 .certi-bx{width:20%; margin: 0 auto;}
.certi-area2 .certi-bx img{width:100%;}
.certi-bx:nth-child(4n){width: 20%; margin-right: 0px;}


}/* 태블릿종료 */


/* Mobile - Portrait */
@media (max-width:779px){

    .wrap{width: 100% !important; padding: 30px !important; height: auto; margin: 0 !important; }
    .mob{display: inline-block !important;}
    .pc{display: none;}
    .left{width: 100%; display: inline-block; vertical-align: top; }
    .right{width: 100%; display: inline-block; vertical-align: top; }

        /*------------------ p5 인사말 ---------------- */
#menu-5 .wrap .left img {width:100%;border-top-right-radius: 70px; box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.10);}
#menu-5 .wrap .right{padding-left: 30px;}
#menu-5 .wrap .right h2{font-weight: 700; margin-top: 50px;}
#menu-5 .wrap .right p{margin-top:50px;font-size: 16px; line-height: 160%;}
#menu-5 .wrap div:last-child{margin: 100px 0 0; width: 100%;}
#menu-5 .wrap div:last-child img{width: 100%;}

/*------------------ p6 연혁 ---------------- */
#menu-6 .wrap:first-child{padding-bottom: 0 !important;}
#menu-6 .his-area .his-bx{width: 100%; height: 570px;} 
#menu-6 .his-area{margin-bottom: 100px !important;} 
#menu-6 .his-area .his-bx .wrap{height: auto; background:url(/images/content/menu/p6_bg.png) no-repeat bottom right; background-size: 500px; padding-top: 20px;}
#menu-6 .his-area .his-bx .wrap .left h1{font-family:'Montserrat'; font-weight: 800; font-size:64px; text-align: center;}
#menu-6 .his-area .his-bx .wrap .right{ width: 100% !important;}
#menu-6 .his-area .his-bx .wrap .left { width: 100% !important; margin-bottom: 30px;}
#menu-6 .his-area .his-bx .wrap .right table tbody tr .year{text-align: center;width: 78px;}
#menu-6 .his-area .his-bx .wrap .right table tbody tr .month{text-align: center;width: 52px; font-weight: 700; color: #ED6F00;}
#menu-6 .his-area .his-bx .wrap .right table tbody tr .his{text-align: left; width: 70%; font-weight: normal;}

/*------------------ p7 오시는길 ---------------- */
#menu-7 .wrap .right {margin-top: 30px; width: 100%;}
#menu-7 .wrap .right img{width: 100%;}

/*------------------ p8 공정과정 ---------------- */
#menu-8 {position: relative; overflow: hidden;}
#menu-8 .factory-bg{ height: auto; background:url(/images/content/menu/p8_bg.png) no-repeat center center; height:auto; top:0px ;position:relative; overflow: hidden;}
#menu-8 .factory-bg .flex {display: inline-block;}
#menu-8 .factory-bg .factory-area .factory-bx1{width:49%; height:200px; display:inline-block; border-radius: 30px; background-size: 120px !important; background:url(/images/content/menu/p8_bg1.png) no-repeat bottom 15px right 15px #ED6F00;padding: 15px; position:relative; margin-bottom: 30px;}
#menu-8 .factory-bg .factory-area .factory-bx1 h3{font-size: 36px; font-weight: 800; margin-bottom: 5px; color: rgba(255,255,255,.3);}
#menu-8 .factory-bg .factory-area .factory-bx1 p{font-size: 20px; font-weight: 700; margin-left: 4px; color: #fff;}
#menu-8 .factory-bg .factory-area .factory-bx1 img{position: absolute; right: 18px; bottom: 18px; width: 60%;}
#menu-8 .factory-bg .factory-area .factory-bx2{width:49%; height:200px; display:inline-block; border-radius: 30px; background-size: 120px !important; background:url(/images/content/menu/p8_bg2.png) no-repeat bottom 15px right 15px #ffffff;padding: 15px; position:relative; margin-bottom: 30px;}
#menu-8 .factory-bg .factory-area .factory-bx2 h3{font-size: 36px; font-weight: 800; margin-bottom: 5px; color: rgba(0,0,0,.2);}
#menu-8 .factory-bg .factory-area .factory-bx2 p{font-size: 20px; font-weight: 700; margin-left: 4px; color: #ED6F00;}
#menu-8 .factory-bg .factory-area .factory-bx2 img{position: absolute; right: 18px; bottom: 18px; width: 60%;}


/*------------------ p9~15 subpage ---------------- */
#menu-10 {position: relative; overflow: hidden;}
.wrap .img-area {width: 100%;}
.wrap .img-area img {width: 100%;}
.sub-title {font-weight: 700; text-align: center; margin: 30px 0;}
.wrap .use-left {position: relative; display: inline-block; vertical-align: middle; width: 100%; }
.wrap .use-right {position: relative; display: inline-block; vertical-align: middle; width: 100%; }
.wrap .use-left img{width: 100%;}
.wrap .use-right img{width: 100%;}
.wrap .use-left p{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); color: #fff; font-size: 20px; font-weight: 700;}
.wrap .use-right p{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); color: #fff; font-size: 20px; font-weight: 700;}
.gray .wrap:last-child {padding-top: 0;}
#menu-6 .gray .wrap {padding-top: 100px;}
.gray .wrap .left {position: relative; display: inline-block; vertical-align: middle; width: 100%; }
.gray .wrap .right {position: relative; display: inline-block; vertical-align: middle; width: 100%; }
.gray .wrap .left img{width: 100%;}

.sub-table{width:100%; background-color: #fff; margin-left: 0px; table-layout: fixed; text-align: center;}
.sub-table thead{height: 60px; border-top: 2px solid #555; background-color: #ED6F00;}
.sub-table thead tr{height: 100%;}
.sub-table thead tr th{height: 100%; vertical-align: middle; color: #fff; font-weight: 700; font-size: 13px;}
.sub-table tbody tr{border-bottom: 1px solid #e1e1e1; }
.sub-table tbody tr:nth-child(even){background-color: #f9f9f9;}
.sub-table tbody tr td{height: 60px; vertical-align: middle; color: #555; font-size: 13px;}

.factory-table{width:100%; background-color: #fff; margin-left: 0px; table-layout: auto; text-align: center;}
.factory-table thead{height: 60px; border-top: 2px solid #555; background-color: #ED6F00 ;}
.factory-table thead tr{height: 100%;}
.factory-table thead tr th{height: 100%; vertical-align: middle; color: #fff; font-weight: 700; font-size: 14px;}
.factory-table tbody tr{border-bottom: 1px solid #e1e1e1; }
.factory-table tbody tr:nth-child(even){background-color: #f9f9f9;}
.factory-table tbody tr td{height: 60px; vertical-align: middle; color: #555; font-size: 14px;}
.factory-table tbody .sectionline{border-bottom: 2px solid #e1e1e1;}

.certi-area{width:100%; display: flex; flex-wrap: wrap; justify-content: space-around; text-align: center; }
.certi-area .certi-bx{width: 45%; margin-right: 10px; margin-top: 30px; }
.certi-area .certi-bx img{width: 100%;}
.certi-area2 .certi-bx p{font-size: 14px;}
.certi-area2{width:100%; display: inline-block; text-align: center;}
.certi-area2 .certi-bx{width:45%; margin: 0 auto;}
.certi-area2 .certi-bx img{width:100%;}
.certi-area2 .certi-bx p{font-size: 14px;}
.certi-bx:nth-child(4n){width: 45%; margin-right: 10px;}
.certi-bx:nth-child(2n){margin-right: 0;}


}/* 모바일종료 */