@charset "utf-8";

#header{border-bottom:1px solid rgba(255,255,255,0.4);}
#header.scroll-menu{background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,0.1);border-bottom:none;}
/* #header.scroll-menu .logo a img.logo1{display:none;}
#header.scroll-menu .logo a img.logo2{display:table;} */
#header.scroll-menu .logo a{color:#333;}
#header.scroll-menu .main-menu > ul > li > a{color:rgba(51,51,51,0.8);}
#header.scroll-menu .main-menu > ul > li:hover > a{color:rgba(51,51,51,1);}
#header.scroll-menu .ham .line{background:#333;}


.sub-top1{background:url(../../images/thema/sub/sub-top1.jpg)no-repeat;}
.sub-top2{background:url(../../images/thema/sub/sub-top2.jpg)no-repeat;}
.sub-top3{background:url(../../images/thema/sub/sub-top3.jpg)no-repeat;}
.sub-top4{background:url(../../images/thema/sub/sub-top4.jpg)no-repeat;}
#sub-top{width:100%; overflow:hidden; background-size:cover; background-position:center center;position:relative;z-index:-1;}

.s-top-title h1{font-size:48px; color:#fff;line-height:400px;text-align:center;font-weight:400;position:relative;display:table;margin:0 auto;}
.s-top-title h1:before{content:'';position:absolute;left:-45px;top:132px;;background:url(../../images/thema/sub/s.png)no-repeat center center;width:112px;height:115px;}

/* #sub-nav{width:100%; height:55px; box-sizing:border-box; overflow:hidden;max-width:1200px;margin:0 auto;background:#e7141a;margin-top:-27px;}
#sub-nav > ul{width:100%;background:#e7141a;}
#sub-nav > ul > li{line-height:55px; float:left; width:100%; max-width:250px;}
#sub-nav > ul > li > a{padding:0px 15px 0 30px; box-sizing:border-box; display:block;font-weight:300;}
#sub-nav .nav-home{width:55px; text-align:center; padding:0;background:#e8464b;}
#sub-nav .nav-home a{font-size:17px; color:#fff; padding:0 10px; opacity:0.9; transition:all 0.4s; font-weight:300;}
#sub-nav .nav-home a:hover{opacity:1;}
#sub-nav .nav-menu > a{cursor:pointer;position:relative;font-size:15px; color:#fff; }
#sub-nav .nav-menu > a:before{content: "\e936"; font-family:'xeicon'; color:#fff; position:absolute; right:25px;font-size:17px;}
#sub-nav .nav-active > a:before{content: "\e930";}
#sub-nav .nav-menu > a:after{content:'';width:1px;height:23px;background:rgba(255,255,255,0.4);right:0;top:50%;transform:translateY(-50%);position:absolute;}
#sub-nav .nav-menu ul{display:none; position:absolute; z-index:99; background:#e8464b; border:1px solid #ccc; border-top:0; width:100%; max-width:250px; margin-left:-1px;}
#sub-nav .nav-menu ul li{border-bottom:1px dashed rgba(255,255,255,0.4);line-height:48px;}
#sub-nav .nav-menu ul li:last-child{border-bottom:0;}
#sub-nav .nav-menu ul li a{display:block; font-size:15px; color:#fff; padding:0 15px 0 30px;font-weight:300;}
#sub-nav .nav-menu ul li a:hover{background:rgba(222,217,235,0.2);} */
#sub-wrap{width:100%;max-width:1300px;overflow:hidden;margin:0 auto;position:relative;}
#sub-nav{width:20%;max-width:260px;position:relative;float:left;box-shadow:2px 2px 6px rgba(0,0,0,0.2);margin-top:90px;}
.menu-title{display:flex;justify-content:center;align-items:center;height:145px;width:100%;border-radius:5px 5px 0px 0px;background:#e7141a url(../../images/thema/sub/polygon-bg.jpg)no-repeat;background-size:cover;}
.menu-title h2{font-size:29px;color:#fff;font-weight:600;line-height:1;margin-top:15px;}
.menu-title span{font-size:11px;color:rgba(255,255,255,0.7);line-height:1;letter-spacing:0.68em;display:block;margin-top:4px;}
.nav-menu{border:1px solid #bfbfbf;margin-top:-1px;}
.nav-menu li{height:55px;border-bottom:1px solid #bfbfbf;background:#fff;}
.nav-menu li:last-child{border-bottom:none;}
.nav-menu li a{line-height:55px;font-size:16px;color:#888;font-weight:400;padding-left:27px;display:inline-block;width:100%;box-sizing:border-box;position:relative;}
.nav-menu li a:hover{text-decoration:underline;}
.nav-menu li.selected{background:#f8f8f8;}
.nav-menu li.selected a{color:#333;text-decoration:none;}
.nav-menu li.selected a:before{position:absolute;content:'\e930';color:#e7141a;font-family:'xeicon';font-size:17px;top:50%;transform:translateY(-50%) rotate(90deg);right:21px;}

#sub-inquiry{height:50px;width:100%;background:#333;background:url(../../images/thema/sub/polygon-bg2.jpg)no-repeat;background-size:cover;border-radius:0 0 5px 5px;}
#sub-inquiry a{display:inline-block;padding-left:27px;color:#fff;line-height:50px;font-size:16px;font-weight:400;width:100%;box-sizing:border-box;opacity:0.8;transition-duration:0.4s;}
#sub-inquiry a:hover{opacity:1;}
#sub-inquiry a i{color:#fff;margin-right:13px;transform:rotate(-45deg);font-size:20px;}
.si-bar{display:inline-block;width:5px;height:2px;background:#fff;margin:0 0 5px 10px;transition-duration:0.5s;}
#sub-inquiry a:hover .si-bar{width:25px;}

#sub-nav .no-nav a{cursor:default;}
#sub-nav .no-nav a:before{content:'';}

/********************************* section *************************************/
#section{width:80%;float:right;max-width:1040px;padding-left:40px;box-sizing:border-box;}
.sub-section{width:100%;  min-height:600px; overflow:hidden; padding-bottom:190px;}
.sub-section#sub3-2{padding-bottom:0;}
.section-wrap{width:100%; /*max-width:1200px; margin:0 auto*/}

.s-title{text-align:center; width:100%;padding:85px 0 55px;}
.s-title h2{font-size:40px; color:#333; font-weight:500;line-height:50px;}


/* 인사말 */
.greeting{width:100%;background:url(../../images/thema/sub/g_bg.jpg)no-repeat center top;padding-top:144px;background-size:contain;}
.g-txt{text-align:center;padding:52px 4% 35px;box-sizing:border-box;background:#fff;box-shadow:2px 2px 8px rgba(0,0,0,0.2);width:87%;margin:0 auto;}
.g-txt>h4{font-size:28px;font-weight:400;line-height:38px;margin-bottom:9px;}
.g-txt>h3{font-size:33px;font-weight:400;line-height:43px;margin-bottom:15px;}

.g-ment{padding:5px 0;background:url(../../images/thema/sub/g_bg2.png)no-repeat center 2px;}
.g-ment p{margin-bottom:26px;}
.g-ment h4{margin-top:25px;font-size:18px;line-height:28px;font-weight:400}
.g-ment h4 span{display:inline-block;margin-left:16px;}

.c-red{color:#e7141a;}
.sm-inline{display:block;}
.g-line{margin:17px auto;height:1px;display:block;background:#ccc;width:54.5%;}
.b400{color:#333 !important;font-weight:400 !important;}

.fadeInUp{animation-duration:1.3s;}

/* 연혁 */
.history-wrap{position:relative;}
.history-wrap:before, .history-wrap:after{position:absolute;content:'';width:480px;height:516px;background:url(../../images/thema/sub/h_bg.png)no-repeat left top;}
.history-wrap:after{width:383px;height:348px;background:url(../../images/thema/sub/h_bg2.png)no-repeat right bottom;right:0;bottom:1%;}
.history{position:relative;padding-bottom:36px;background:url(../../images/thema/sub/v_line.gif)repeat-y center center;}
.history .history-box{width:100%; overflow:hidden;}
.history .box-wrap{width:50%;position:relative;background:url(../../images/thema/sub/h_line.jpg)no-repeat 0 27px}
.history .box-wrap:before{content:'';width:25px;height:55px;background:url(../../images/thema/sub/h_dot.png)no-repeat;top:0;position:absolute;}
.history .box-wrap.right:before{left:-12.5px;}
.history .box-wrap.left:before{right:-12.5px;}
.history .box-wrap.right{float:right;}
.history .box-wrap.left{float:left;background:url(../../images/thema/sub/h_line.jpg)no-repeat 100% 27px}
.history .box-wrap .box{margin-top:3px;}
.history .box-wrap.right .box{margin-left:16.5%;}
.history .box-wrap.left .box{margin-right:16.5%;}
.year{color:#e7141a;font-size:32px;line-height:42px;font-weight:400;}
.history .box-wrap.left .box .year{text-align:right;}
.history .box-wrap .box ul{margin-top:22px;}
.history .box-wrap .box ul li{position:relative;font-size:16px;line-height:26px;font-weight:300;color:#555;padding:8px 20px;}
.history .box-wrap .box ul li:before{content:'';position:absolute;width:3px;height:3px;background:#555;left:0;top:21px;}
.history .box-wrap.left .box ul li{text-align:right;padding-right:37px;}
.history .box-wrap.left .box ul li:before{left:auto;right:0;}

.f14{font-size:14px !important;}
.f16{font-size:16px !important;}

/* 조직도 */
.p-r{position:relative;}
.ms-team-wrap{position:relative; overflow:hidden;}
.ceo-wrap{position:relative; padding-bottom:100px;}
.ceo{background:url(../../images/thema/sub/ceo_bg.png)no-repeat; width:100%; max-width:210px; margin:0 auto; text-align:center;height:210px;}
.ceo h4{font-size:30px; color:#fff;font-weight:400;padding-top:87px;box-sizing:border-box;}
.v-line{position:absolute; width:1px; left:50%; height:100%; background:url(../../images/thema/sub/hv_line.gif)repeat-y center; top:0; z-index:-2;*transform:translateX(-50%);}
.h-line{width:66.8%; height:1px; background:url(../../images/thema/sub/hh_line.gif)repeat-x; position:absolute; left:16.8%;}
.ms-team-wrap>.h-line{left:25%;width:50%;}

.k-company{padding-bottom:115px;position:relative;padding-top:23px;}
.lab{position:absolute;right:20px;bottom:29px;}
.lab:before{content:'';height:1px;background:url(../../images/thema/sub/hh_line.gif)repeat-x;position:absolute;top:50%;z-index:-2;width:78%;left:-71%;}
.k-wrap, .lab{background:linear-gradient(to right, #e7141a, #ea4c51);width:100%;max-width:280px;margin:0 auto;border-radius:7px}
.v-wrap{background:linear-gradient(to right, #174d98, #22aac6);}
.k-wrap h4, .lab h4{font-size:25px;font-weight:400;text-align:center;color:#fff;line-height:36px;padding:8px 0 12px;}

.ms-team{width:33.33%; float:left; box-sizing:border-box;}
.team-wrap{width:90%; max-width:180px; position:relative; padding-top:18px;margin:0 auto;z-index:2}
.team-title{width:100%; height:57px; text-align:center; background:#fff; box-sizing:border-box;border:1px solid #ccc;border-top:2px solid #e7141a;position:relative;}
.ms-team2 .team-title{border-top:2px solid #174d98;}
.team-title h4{font-size:16px; color:#555; line-height:57px; font-weight:300;}
.ms-team ul li{font-weight:300;width:100%; border:1px solid #ccc; box-sizing:border-box; text-align:center; color:#555; line-height:20px;font-size:16px; background:#fff;line-height:57px;margin-top:15px;}

.or-txt{padding:18px 35px;background:#f4f4f4;margin-top:38px;}
.or-txt p{font-size:17px;padding-left:18px;position:relative;line-height:27px;}
.or-txt p:before{content:'';position:absolute;width:6px;height:2px;background:#555;left:0;top:12px;}

/*주요실적 2024.12.10. 신규추가*/
.partner_back_circle {width: 560px; display: flex; justify-content: center; border-radius: 150px; border: 2px dotted #FF9497; padding: 20px; margin: 0 auto 80px;}
.partner_color_circle {width: 560px; background: rgba(254, 232, 232, 0.7); border-radius: 130px; display: flex; justify-content: space-between;}
.partner_msfilter, .partner_collaborator {width: 220px; height: 100px; display: flex; justify-content: center; align-items: center; border-radius: 100px; margin: 20px; font-weight: 600; font-size: 28px;}
.partner_msfilter {background: #E7141A; color: #fff;}
.partner_msfilter img {margin-right: 10px;}
.partner_collaborator {background: #fff; color: #E7141A; border: 2px solid #E7141A;}

.partner_base {width: 100%; padding: 80px 0;}
.partner_base:nth-child(odd) {background: #F7F7F7;}
#sub1-7 .c-title {padding: 0 25px;}
.c-title span {font-size: 16px; color: #E7141A}

.partner_list {width: 940px; padding: 0 25px; display: flex; flex-wrap: wrap; gap: 30px;}
.partner_item {width: 30.9%; height: 110px; background: #fff; border: 1px solid #ddd; border-radius: 10px; display: flex; justify-content: center; align-items: center;}

/* 2021-05 추가 */
.lab.qg{bottom:auto;right:auto;left:1.5%;top:114px;background:#fff;border:2px solid #e7141a;border-radius:0;
max-width:180px;}
.lab.qg:before{right:auto;left:0px;width:135%;}
.lab.qg h4{font-size:16px;color:#555;line-height:57px;font-weight:300;padding:0;}
.qg-wrap .v-line{display:none;}

/* 사업장소개 */
.area-tab{width:100%;border-bottom:2px solid #ccc;margin-bottom:55px;}
.area-list{width:100%;max-width:141px;margin:0 auto;border-bottom:3px solid #e7141a;}
.area-list>a{position:relative;display:block;cursor:pointer;padding-bottom:10px;font-size:28px;color:#555;font-weight:400;text-indent:28px;line-height:1;}
.area-list>a:before{position:absolute;content:'\e936';font-family:'xeicon';font-size:21px;color:#555;right:16px;top:13%;}
.area-list.area-active>a:before{content:'\e930';}
.area-list ul{display:none;position:absolute;z-index:99;background:#fff;width:100%;max-width:141px;margin-top:3px;border:1px solid #ccc;box-sizing:border-box;}
.area-list ul li a{color:#555;line-height:45px;display:block;font-size:22px;color:#555;font-weight:300;text-indent:30px;transition-duration:0.4s;}
.area-list ul li a:hover{color:#e7141a;}
.area-list ul li:first-child a{border-bottom:1px dashed #ccc;}


.area{background:#fff;box-shadow:2px 2px 8px rgba(0,0,0,0.2);overflow:hidden;padding:38px 25px;position:relative;margin-left:10px;margin-right:10px;margin-bottom:35px;}
.area2{margin-bottom:0 !important;}
.area-img{height:232px;position:relative;width:100%;background:url(../../images/thema/sub/area3.jpg)no-repeat center center;background-size:cover;box-shadow:2px 2px 8px rgba(0,0,0,0.2);}
.area2 .area-img{background:url(../../images/thema/sub/area2.jpg)no-repeat center center;background-size:cover;}
.area3 .area-img{background:url(../../images/thema/sub/area1.jpg)no-repeat center center;background-size:cover;}
.area4 .area-img{background:url(../../images/thema/sub/area4.jpg)no-repeat center center;background-size:cover;}
.area-img:before{position:absolute;content:'본사';left:50%;top:50%;transform:translateX(-50%) translateY(-50%);color:#fff;font-size:38px;font-weight:400;z-index:2;font-family:'Noto Sans KR',sans-serif;}
.area2 .area-img:before{content:'연구소'}
.area3 .area-img:before{content:'해외법인'}
.area4 .area-img:before{content:'신축공장'}
/* .area img{width:100%;} */

.area-txt{margin-top:30px;padding-left:63px;}
.area-txt li{font-size:16px;font-weight:300;color:#555;position:relative;line-height:26px;padding:16px 20px 16px 145px;}
.area-txt li:before{position:absolute;content:'';width:3px;height:3px;left:0;top:27px;background:#555;}
.area-txt li span{display:inline-block;width:100%;position:absolute;left:20px;top:15px;}

.area-wrap .btn-wrap{position:absolute;right:25px;top:50%;transform:translateY(-50%);}
.map-btn{width:189px;line-height:45px;text-indent:28px;color:#fff;font-size:16px;background:#e7141a;display:block;font-weight:300;position:relative;opacity:0.8;transition-duration:0.4s;}
.map-btn:before{position:absolute;content:'\e980';font-family:'xeicon';font-size:23px;color:#fff;right:13px;line-height:45px;}
.map-btn:hover{opacity:1;}

/*찾아오시는길 */
.root_daum_roughmap{width:100% !important; border:0 !important; padding:0 !important; border-radius:0 !important;}
.map{position:relative;margin-bottom:110px;}
/* .map-img{border:1px solid #ccc;} */
.map-txt{position:absolute;z-index:10;right:50px;top:47%;opacity:0.8;background:linear-gradient(to right, #e7141a, #c10b10);text-align:right;padding:51px 46px 51px 20px;width:372px;box-sizing:border-box;}
.map-txt .txt01{font-size:25px;font-weight:400;line-height:35px;margin-bottom:3px;color:rgba(255,255,255,0.8);}
.map-txt h4{font-size:34px;line-height:44px;font-weight:400;color:#fff;}
.w-line{margin:21px 0;display:block;background:rgba(255,255,255,0.5);height:3px;width:69px;float:right;}
.map-txt .txt02{font-size:20px;font-weight:400;color:rgba(255,255,255,0.5);line-height:30px;clear:both;}

.direction{overflow:hidden;width:100%;}
.direction h3{font-size:30px;line-height:30px;font-weight:400;text-align:center;position:relative;padding:54px 0;}
.direction h3:before{position:absolute;content:'';background:url(../../images/thema/sub/dr_bg.png)no-repeat center center;width:102px;height:103px;z-index:0;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);}
.direction-txt{overflow:hidden;box-sizing:border-box;}
.direction-txt li{word-break:break-all;position:relative;font-size:22px;font-weight:300;padding:21px 0 21px 58px;color:#333;width:33.33%;float:left;box-sizing:border-box;}
.direction-txt li:first-child{width:100%;}
.direction-txt li span{color:#e7141a;position:absolute;left:0;top:24px;font-size:17px;font-weight:300;}

/* 설비현황 */
.equipment{margin-bottom:55px;overflow:hidden;}
.equipment2{margin-bottom:0;}
.c-title h3{width: 100%;font-size:23px;line-height:1;font-weight:400;position:relative;padding-left:33px;margin-bottom:30px;}
.c-title h3:before{position:absolute;content:'';background:url(../../images/thema/sub/c_title.png)no-repeat;top:50%;transform:translateY(-50%);left:0;width:20px;height:23px;}

.e-table{width:100%;border-top:2px solid #e7141a;border-bottom:1px solid #e7141a;border-collapse:collapse;}
.e-table tr th{font-size:16px;color:#555;font-weight:400;line-height:26px;padding:14px 10px;box-sizing:border-box;border-left:1px solid #ccc;background:#f2f5f8;}
.e-table tr td{font-size:16px;color:#555;font-weight:300;line-height:26px;padding:12px 10px;border-top:1px solid #ccc;box-sizing:border-box;text-align:center;border-left:1px solid #ccc;}
.e-table tr th:first-child, .e-table tr td:first-child{border-left:none;}
.view-contents .e-table tr td:nth-of-type(1), .view-contents .e-table tr td:nth-of-type(2){text-align:left;}
.view-contents .e2-table tr td:nth-of-type(1), .view-contents .e2-table tr td:nth-of-type(2){text-align:center;}

/* 제품소개 */
.product{width:100%;box-sizing:border-box;border:1px solid #ccc;padding:59px 25px 54px 0;display:flex;justify-content:center;align-items:center;}
.product-img img{display:table;margin:0 auto;width:90%;}
.product-txt-wrap{padding-left:19px;}
.product-txt h3{font-size:26px;line-height:36px;font-weight:400;color:#555;margin-bottom:22px;}
.product-txt .txt01{font-size:18px;font-weight:300;line-height:28px;margin-bottom:11px;}
.product-txt .txt02{font-size:15px;font-weight:100;line-height:25px;*margin-bottom:11px;position:relative;padding-left:12px;}
.product-txt .txt02:before{position:absolute;content:'*';font-size:22px;color:#e7141a;font-weight:300;left:0;top:1px;}

.dt-btn-wrap{margin-top:66px;}
.dt-btn-wrap2{margin-top:46px;}
.dt-btn{color:#555;font-size:14px;line-height:46px;background:#fff;border:1px solid #ccc;padding:0 56px;display:inline-block;transition-duration:0.4s;font-weight:300;}
.dt-btn:hover{background:#e7141a;border:1px solid #e7141a;color:#fff;font-weight:400;}

/* 제품뷰어 */
.view-title{position:relative;border-top:3px solid #e7141a;border-bottom:1px solid #e7141a;padding:16px 0;margin-bottom:55px;}
.view-title h3{font-size:26px;color:#555;font-weight:400;text-align:center;line-height:36px;}

.view-contents .product-img{width:45.5%;float:left;padding-top:45px;}
.feature{width:54.5%;float:left;padding:35px 39px;box-sizing:border-box;background:#f8f8f8;position:relative;min-height:305px;}
.feature:before{position:absolute;content:'';top:0;right:0;border-top:72px solid #fff;border-left:72px solid transparent;}
.feature:after{position:absolute;content:'';bottom:0;right:0;width:426px;height:65px;background:url(../../images/thema/sub/msfilter.png)no-repeat;}
.feature ul{padding-left:11px;}
.feature ul li{position:relative;font-size:16px;color:#555;line-height:1;font-weight:300;margin-bottom:20px;padding-left:15px;}
.feature ul li:last-child{margin-bottom:0;}
.feature ul li:before{position:absolute;left:0;top:7px;content:'';width:3px;height:3px;background:#555;}
.feature ul li span{display:block;position:relative;font-size:14px;padding-left:14px;margin-top:7px;}
.feature ul li span:before{position:absolute;width:5px;height:1px;background:#555;content:'';left:0;top:7px;}


.v-table{width:100%;border-top:1px solid #e7141a;border-bottom:1px solid #e7141a;border-collapse:collapse;}
.v-table tr td{font-size:16px;color:#555;font-weight:300;line-height:26px;padding:10px 32px;border-top:1px solid #ccc;box-sizing:border-box;border-left:1px solid #ededed;}
.v-table tr:first-child td{border-top:none;}
.v-table tr td:first-child{border-left:none;}
.v-table tr td:nth-of-type(odd){background:#f2f5f8;color:#555;padding:10px 28px;font-weight:400;}

.view-contents .e-table tr th span{display:block;font-size:12px;}
.view-contents .e-table tr th{line-height:17px;padding:6px 10px;}
.view-contents .e-table2 tr th{padding:15px 10px;}
.view-contents .e-table tr td{padding:10px;}

.vc-wrap{border:1px solid #ccc;padding:35px;}
.pressure-img{display:table;margin:0 auto;}
.pressure-img img{width:100%;}

.change li{position:relative;font-weight:300;font-size:16px;color:#555;line-height:26px;padding:7px 12px;}
.change li:before{position:absolute;content:'';width:3px;height:3px;background:#555;left:0;top:19px;}


.list-btn-wrap{position:absolute;top:50%;left:18px;transform:translateY(-50%);}
.list-btn{font-size:17px;font-weight:400;color:#555;line-height:60px;display:inline-block;position:relative;padding-left:59px;}
.list-btn:before{content:'';background:url(../../images/thema/sub/list_arrow.png)no-repeat;width:53px;height:25px;position:absolute;left:0; top:50%;transform:translateY(-50%);}

/* 제조공정 */
.produce{width:95%;}
.produce:before{content:'01. Media Pleating';width:74%;background:#fff;font-weight:400;padding:12px 19px;line-height:26px;position:absolute;bottom:0;right:0;z-index:80;box-sizing:border-box;}
.produce2:before{content:'02. Separator Inserting';}
.produce3:before{content:'03. Sealing';}
.produce4:before{content:'04. Cleaning&Gasket Foaming';}
.produce5:before{content:'05. Leak test&Visual Inspection';}
.produce6:before{content:'06. Packing';}
.produce:after{position:absolute;content:'\e930';color:#555;font-size:22px;font-family:'xeicon';right:-7%;top:50%;transform:translateY(-50%) rotate(90deg);}
.produce1{margin-bottom:80px;}
.produce2{margin:0 auto 80px;}
.produce3{float:right;margin-bottom:80px;}
.produce4{}
.produce5{margin:0 auto;}
.produce6{float:right;}

.p-item img{width:100%;}

.slick-prev, .slick-next{transition-duration:0.4s;background:rgba(0,0,0,0.5);border:1px solid rgba(255, 255, 255, 0.5);width:50px;height:50px;left:0;bottom:0;top:auto;z-index:80;transform:inherit;}
.slick-prev:hover, .slick-next:hover{background:rgba(0,0,0,1);}
.slick-next{left:49px;}

.pd-type-wrap{padding-top:50px;padding-bottom:190px;background:#f8f8f8;}
.type-list{background:#fff;border:1px solid #ccc;box-sizing:border-box;width:100%;padding:21px 25px 50px;position:relative;}
.type-list1{margin-bottom:40px;}
.type-list2:before{content:'[ Cell Pleating ]';position:absolute;font-size:14px;color:#333;font-weight:400;left:10%;bottom:26px;}
.type-list2:after{content:'[ Corrugator ]';position:absolute;font-size:14px;color:#333;font-weight:400;left:31.5%;bottom:26px;}
.type-list h4{position:relative;font-size:18px;line-height:28px;color:#555;font-weight:400;padding-left:15px;margin-bottom:30px;}
.type-list h4:before{position:absolute;content:'';width:6px;height:2px;background:#555;left:0;top:13px;}
.type-img-wrap{overflow:hidden;position:relative;}
.type-img{width:85.5%;position:relative;}
.type-img1{margin-left:27px;}
.type-img1:before{position:absolute;content:'';width:30px;height:20px;background:url(../../images/thema/sub/arrow.png)no-repeat;right:-14.5%;top:50%;transform:translateY(-50%);}
.type-img2{float:right;margin-right:27px;}
.type-img img{width:100%;display:table;}
.type-img p{font-size:16px;color:#fff;background:rgba(0,0,0,0.5);font-weight:400;width:100%;line-height:26px;padding:21px 0px;text-indent:20px;box-sizing:border-box;position:absolute;bottom:0;left:0;}
.type-list1 .type-img1 p{padding:8px 0;}
.type-img p span{display:block;font-weight:300;text-indent:0;padding:0 20px;}





@media all and (max-width:1199px){
	#sub-nav{display:none;}
	.s-title{padding:70px 0 55px;}
	#sub-nav2{position:absolute;top:10px;right:17px;}
	#sub-nav2 p{font-size:14px;color:#afafaf;}
	#sub-nav2 p span i{font-size:11px;padding:0 10px;}
	
	#section{float:none;max-width:none;padding-left:0;width:100%;}
	.greeting{padding-top:185px;background-size:inherit;}
	
	.lab:before{left:-98%;width:100%;}
	.lab.qg:before{width:150%;}
	
	.slick-prev, .slick-next{top:0;}
	
	.product-img img{width:80%}
	.feature:after{background-size:contain;width:300px;bottom:-19px;}
}

@media all and (max-width:767px){
	.s-top-title h1{line-height:320px;font-size:38px;}
	.s-top-title h1::before{background-size:contain;left:-33px;top:98px;width:85px;}
	/* #sub-nav{height:45px;margin-top:-21px;width:95%;}
	#sub-nav > ul > li{max-width:200px;line-height:45px;font-size:15px}
	#sub-nav > ul > li > a{padding:0px 15px 0 20px;}
	#sub-nav .nav-home{width:45px;}
	#sub-nav .nav-home a{font-size:15px;}
	#sub-nav .nav-menu ul{max-width:200px;}
	#sub-nav .nav-menu ul li{line-height:42px;}
	#sub-nav .nav-menu ul li a{padding:0px 15px 0 20px;font-size:14px;} */
	#sub-nav2{right:2.5%;}
	.section-wrap{padding:0 2.5%;box-sizing:border-box;}
	#sub1-1 .section-wrap{padding:0;}
	.s-title{padding:65px 0 60px;}
	.s-title h2{font-size:35px;line-height:45px;}
	
	.greeting{padding-top:150px;}
	.g-txt{width:95%;padding:36px 4% 35px;}
	.g-txt > h4{font-size:24px;line-height:34px;margin-bottom:5px;}
	.g-txt > h3{font-size:28px;line-height:38px;margin-bottom:13px;}
	.g-ment{text-align:justify;}
	.sm-inline{display:inline-block;}
	
	.history-wrap:before, .history-wrap:after{background:none;}
	.history{padding-bottom:26px;background:url(../../images/thema/sub/v_line.gif)repeat-y 10px;}
	.history-box.history-box1{margin-top:-3px;}
	.history .box-wrap{width:100%;background:none;}
	.history .box-wrap::before{background:none;}
	.history .box-wrap .box{background:#fff;}
	.history .box-wrap.right .box{margin-left:0;}
	.history .box-wrap.left .box{margin-right:0;}
	.year{font-size:28px;text-align:left !important;padding-top:6px;padding-left:30px;position:relative;}
	.year:before{position:absolute;background:#e7141a;height:10px;width:10px;border-radius:50%;left:5px;top:24px;content:'';}
	.year:after{position:absolute;border:1px dotted #e7141a;height:18px;width:18px;border-radius:50%;left:0px;top:19px;content:'';}
	.history .box-wrap .box ul{padding:0 10px 13px 10px;margin-top:10px;}
	.history .box-wrap .box ul li{padding:5px 20px;}
	.history .box-wrap .box ul li::before{top:17px;}
	.history .box-wrap.left .box ul li{text-align:left;}
	.history .box-wrap.left .box ul li::before{left:0;right:auto;}

	.lab{position:relative;right:auto;}	
	.lab::before{background:none;}
	.v-company{padding-top:46px;margin-top:25px;padding-bottom:23px !important;}
	.v-company:before{content:'';position:absolute;width:13px;height:13px;background:url(../../images/thema/sub/history_dot.png)no-repeat ;left:50%;top:0;transform:translateX(-50%);}
	.or-txt p{font-size:16px;}
	
	.lab.qg{position:absolute;left:7.8%;}
	.lab.qg:before{background:url(../../images/thema/sub/hh_line.gif)repeat-x;}
	
	.area-tab{margin-bottom:40px;}
	.area{padding:28px 25px;margin-right:0;margin-left:0;}
	.area-list > a{font-size:24px;}
	.area-list ul li a{font-size:20px;line-height:42px;}
	
	.area-img, .area2 .area-img, .area3 .area-img, .area4 .area-img{height:260px;width:91%;margin:0 auto;}
	.area-txt{margin-top:17px;padding-left:27px;}
	.area-txt li{padding:8px 20px 8px 145px;}
	.area-txt li::before{top:21px;}
	.area-txt li span{top:8px;}
	.area-wrap .btn-wrap{position:relative;right:auto;top:auto;transform:none;margin:23px auto 0;display:table;}
	
	.root_daum_roughmap .wrap_map{height:350px !important;}
	.map-txt{padding:25px 33px 25px 20px;right:17px;top:60%;width:310px;}
	.map-txt .txt01{font-size:21px;line-height:31px;margin-bottom:0;}
	.map-txt h4{font-size:29px;line-height:39px;}
	.w-line{margin:14px 0;}
	.map-txt .txt02{font-size:17px;line-height:27px;}
	.direction h3{font-size:25px;line-height:30px;}
	.direction-txt{padding-left:0;}
	.direction-txt li{padding:12px 0 12px 40px;font-size:19px;}
	.direction-txt li span{font-size:15px;top:15px;}
	
	.c-title h3{font-size:21px;margin-bottom:25px;}
	
	.equipment{margin-bottom:40px;}
	.et-wrap{overflow:auto;}
	.e-table{min-width:768px;}
	.e-table tr th{padding:11px 10px;}
	.e-table tr td{padding:9px 10px !important;}
	
	.product{padding:30px 0 45px 0;display:inherit;justify-content:inherit;align-items:inherit;}
	.product-img img{width:inherit;}
	.product-txt-wrap{padding:0 19px;}
	.product-txt h3{font-size:23px;line-height:33px;margin-bottom:7px;margin-top:20px;}
	.product-txt .txt01{font-size:16px;line-height:26px;margin-bottom:7px;}
	.dt-btn-wrap{margin-top:46px;}
	
	.view-title{padding:10px 0;}
	.view-title h3{font-size:23px;}
	.view-contents .product-img{width:100%;padding-top:0;}
	.view-contents .product-img img{width:58%;}
	.feature{width:100%;margin-top:29px;min-height:270px;}
	
	.v-table tr td{padding:8px 20px;}
	.v-table tr td:nth-of-type(odd){padding:8px 18px;}
	
	.produce{margin-bottom:40px;}
	.produce2, .produce4{float:right;}
	.produce3{float:none;}
	.produce5{margin:0 0 40px 0;}
	.produce::after{right:-10%;}
	.type-img{margin:0 auto;float:none;width:94%;}
	.type-img1{margin-bottom:55px;}
	.type-img1::before{right:auto;left:50%;transform:translateX(-50%) translateY(-50%) rotate(90deg);top:109%;}
	.type-list2::before, .type-list2::after{content:none;}
	
	body{-webkit-text-size-adjust: 100%;}/* 사파리 오류*/

	/*주요실적 2024.12.10. 신규추가*/
	#sub1-7 .c-title h3 {letter-spacing: -1px;}

	.partner_back_circle {width: 80%;}
	.partner_color_circle {width: 100%;}
	.partner_color_circle img {width: 25px;}
	.partner_msfilter, .partner_collaborator {width: 90px; height: 90px; margin: 20px; font-size: 16px;}
	.partner_msfilter {flex-direction: column;}
	.partner_msfilter img {margin: 0 0 5px;}

	.partner_list {width: 100%; gap: 10px; padding: 0 20px;}
	.partner_item {width: 43%; height: 80px;}
	.partner_item img {width: 60%;}

}

@media all and (max-width:525px){
	.s-top-title h1{line-height:290px;font-size:33px;}
	.s-top-title h1::before{width:69px;left:-23px;top:80px;}
	/* #sub-nav > ul > li{max-width:170px;}
	#sub-nav > ul > li:nth-of-type(2){display:none;}
	#sub-nav > ul > li:nth-of-type(3){max-width:none;}
	#sub-nav .nav-menu > a::before{right:10px;}
	#sub-nav .nav-home{display:none;}
	#sub-nav > ul > li:nth-of-type(3) ul{max-width:95%;border:none;margin-left:0;} */
	
	#sub-nav2 p span i{padding:0 6px;}
	.s-title{padding:55px 0 50px;}
	.s-title h2{font-size:29px;line-height:39px;}
	.sub-section{padding-bottom:100px;}
	
	.greeting{padding-top:115px;}
	.greeting p{font-size:14px;}
	.g-txt > h4{font-size:21px;line-height:32px;}
	.g-txt > h3{font-size:25px;line-height:35px;}
	.g-line{margin:13px auto;}
	
	.year{font-size:26px;}
	.history .box-wrap .box ul li{font-size:14px;padding:3px 0 3px 20px;line-height:22px;}
	.history .box-wrap .box ul li::before{top:13px;}
	
	.ms-team{width:100%;}
	
	.k-company{padding-bottom:61px;}
	.lab.qg{position:relative;left:auto;top:-20px;}
	.lab.qg:before{background:none;}
	.qg-wrap .v-line{display:block;;}
	
	.area{margin-bottom:25px;}
	.area-img::before{font-size:34px;}
	.area-txt li{font-size:14px;padding:3px 20px 3px 105px;}
	.area-txt li::before{top:14px;}
	.area-txt li span{top:2px;}
	
	.map-btn{width:170px;line-height:42px;font-size:15px;}
	.map-btn::before{font-size:21px;line-height:42px;}
	
	.map{margin-bottom:75px;}
	.map-txt{width:95%;right:auto;left:50%;transform:translateX(-50%);top:83%;padding:15px 33px 15px 20px;}
	.map-txt .txt02{display:none;}
	.direction-txt{padding-left:5%;}
	.direction-txt li{padding:10px 0 10px 40px;width:100%;font-size:18px;}
	.direction-txt li span{font-size:14px;top:13px;}
		
	.e-table tr th{font-size:14px;padding:9px 10px}
	.e-table tr td{font-size:14px;padding:8px 10px !important;}
	
	.product-img img{width:80%;}
	.product-txt h3{font-size:21px;margin-bottom:3px;}
	.product-txt .txt01{font-size:15px;line-height:23px;}
	.dt-btn-wrap{margin-top:35px;}
	.dt-btn{line-height:42px;padding:0 46px;}
	
	.view-title{margin-bottom:35px;}
	.view-title h3{font-size:21px;line-height:31px;}
	.list-btn-wrap{left:0;}
	.list-btn{font-size:15px;padding-left:55px;}
	.view-contents .product-img img{width:75%;}
	.feature, .vc-wrap{padding:25px;}
	.feature ul li{font-size:14px;margin-bottom:15px;padding-left:12px;}
	.feature ul li::before{top:6px;}
	.feature ul li span{font-size:13px;margin-top:5px;}
	.v-table tr td{width:100%;display:block;border-left:none;font-size:14px;}
	.view-contents .e-table2 tr th{padding:13px 10px;}
	.change li{font-size:14px;line-height:24px;padding:4px 10px;}
	.change li:before{top:15px;}
	
	.produce{margin:0 auto 40px;float:none;}
	.produce6{margin:0 auto;}
	.produce::after{right:auto;left:50%;top:108%;transform:translateX(-50%) translateY(-50%) rotate(180deg);}
   .produce6:after{contnet:none;}
   .type-list h4{margin-bottom:20px;}
   .type-img{width:100%;}
   .type-img1::before{top:116%;}
   .type-img p{font-size:14px;line-height:24px;padding:15px 0;}
   .type-list1 .type-img1 p{padding:7px 0;line-height:20px;}
   
	
}

@media all and (max-width:360px){
	
}