@charset "utf-8";



/* 상단 배너 슬라이드 영역 :: S */
.topBannerWrap {width:100%; position:relative;}

.topBannerWrap .topBannerSlider {}
.topBannerWrap .topBannerSlider .swiper-wrapper {z-index:5;}
.topBannerWrap .topBannerSlider .swiper-slide {position:relative;}
.topBannerWrap .topBannerSlider .swiper-slide a {display:block; height:900px; background-size:cover !important; position:relative;}
.topBannerWrap .topBannerSlider .swiper-slide a img {width:100%;}

.topBannerWrap .topBannerSlider .arrows {width:140px; position:absolute; bottom:0; top:auto; left:50%; right:auto; margin:0 0 0 -70px; z-index:10; overflow:hidden;}
.topBannerWrap .topBannerSlider .arrows .swiper-pagination {width:100%; height:24px; float:left; text-align:center; top:auto; bottom:auto; left:auto; right:auto; position:relative; margin:0 auto 10px;}
.topBannerWrap .topBannerSlider .arrows .swiper-pagination,
.topBannerWrap .topBannerSlider .arrows .swiper-pagination * {font-size:15px; height:24px; line-height:24px; color:#fff; vertical-align:middle; font-weight:400;}
.topBannerWrap .topBannerSlider .arrows .swiper-pagination .swiper-pagination-current {font-size:24px; font-weight:700;}
.topBannerWrap .topBannerSlider .swiper-arrow {width:70px; height:70px; position:relative; top:auto; bottom:auto; left:auto; right:auto; margin:0; float:left; background-size:15px 30px !important;}
.topBannerWrap .topBannerSlider .swiper-button-prev {background:#fff url('/public/images/history_arrow_left_000.png') center center no-repeat;}
.topBannerWrap .topBannerSlider .swiper-button-next {background:#fff url('/public/images/history_arrow_right_000.png') center center no-repeat;}

.topBannerWrap .typo {width:761px; height:366px; position:absolute; top:50%; left:50%; margin:-183px 0 0 -380.5px; z-index:15;}
.topBannerWrap .typo img {max-width:100%;}



@media screen and (max-width:1200px){
  .topBannerWrap .topBannerSlider .swiper-slide a {height:700px;}
}

@media screen and (max-width:1024px){
  .topBannerWrap .typo {width:380.5px; height:183px; margin:-91.5px 0 0 -190.25px;}
}

@media screen and (max-width:960px){
  .topBannerWrap .topBannerSlider .swiper-slide a {height:560px;}
}

@media screen and (max-width:768px){
  .topBannerWrap .topBannerSlider .swiper-slide a {height:480px;}

  .topBannerWrap .topBannerSlider .arrows {width:70px; margin:0 0 0 -35px;}
  .topBannerWrap .topBannerSlider .arrows .swiper-pagination {margin:0 auto 5px;}
  .topBannerWrap .topBannerSlider .arrows .swiper-pagination,
  .topBannerWrap .topBannerSlider .arrows .swiper-pagination * {font-size:12px; line-height:16px; height:16px;}
  .topBannerWrap .topBannerSlider .arrows .swiper-pagination .swiper-pagination-current {font-size:16px;}
  .topBannerWrap .topBannerSlider .swiper-arrow {width:35px; height:35px; background-size:7.5px 15px !important;}
}

@media screen and (max-width:640px){
  .topBannerWrap .topBannerSlider .swiper-slide a {height:400px;}
}

@media screen and (max-width:480px){
  .topBannerWrap .topBannerSlider .swiper-slide a {height:320px;}

  .topBannerWrap .topBannerSlider .arrows .swiper-pagination,
  .topBannerWrap .topBannerSlider .arrows .swiper-pagination * {font-size:10px; line-height:14px; height:14px;}
  .topBannerWrap .topBannerSlider .arrows .swiper-pagination .swiper-pagination-current {font-size:14px;}

  .topBannerWrap .typo {width:254px; height:122px; margin:-75px 0 0 -127px;}
}

@media screen and (max-width:400px){
  .topBannerWrap .topBannerSlider .swiper-slide a {height:240px;}
}
/* 상단 배너 슬라이드 영역 :: E */



/* 사업소개 슬라이드 영역 :: S */
.mainCon .conTit {width:100%; position:relative; text-align:center; margin:0 auto 50px; padding:0 0 100px 0;}
.mainCon .conTit:after {display:block; content:''; width:1px; height:80px; background:#1c9de1; position:absolute; bottom:0; left:50%;}
.mainCon .conTit.noLine {padding:0;}
.mainCon .conTit.noLine:after {display:none;}
.mainCon .conTit p {display:block; text-align:center; position:relative; margin:0 auto;}
.mainCon .conTit p.tit {font-size:34px; line-height:34px; font-weight:700; color:#222; margin:0 auto 20px;}
.mainCon .conTit p.desc {font-size:22px; line-height:24px; font-weight:400; color:#555;}


.introWrap {width:100%; position:relative; margin:100px auto 0;}
.introWrap .inner {width:100%; max-width:1430px; margin:0 auto; position:relative; padding:0 15px; box-sizing:border-box;}

.introWrap .introSlider {position:relative; height:460px;}
.introWrap .introSlider .swiper-slide {position:relative;}
.introWrap .introSlider .swiper-slide p {display:block; position:relative; margin:0;}
.introWrap .introSlider .swiper-slide .idx {font-size:50px; line-height:50px; font-weight:700; color:#000; position:absolute; top:50px; left:0; text-align:left; text-indent:20px; opacity:0; z-index:5;}
.introWrap .introSlider .swiper-slide .img {width:100%; position:relative; box-sizing:border-box; padding:50px 50px; text-align:center;}
.introWrap .introSlider .swiper-slide .img img {max-width:100%;}
/*
.introWrap .introSlider .swiper-slide .txts {width:100%; position:absolute; bottom:30px; left:0; z-index:5;}
.introWrap .introSlider .swiper-slide .txts .name {font-size:20px; line-height:20px; font-weight:700; color:#222; text-align:center;}
.introWrap .introSlider .swiper-slide .txts .desc {font-size:15px; line-height:24px; font-weight:400; color:#555; margin:15px auto 0; opacity:0;}
*/
.introWrap .introSlider .swiper-slide .txts {width:100%; position:relative; margin:15px auto 0;}
.introWrap .introSlider .swiper-slide .txts .name {font-size:20px; line-height:20px; font-weight:700; color:#222; text-align:center;}
.introWrap .introSlider .swiper-slide .txts .desc {font-size:15px; line-height:24px; font-weight:400; color:#555; margin:15px auto 0; opacity:0; display:none !important;}

.introWrap .introSlider .swiper-slide.swiper-slide-next .idx {opacity:1;}
.introWrap .introSlider .swiper-slide.swiper-slide-next .img {padding:0 0;}
.introWrap .introSlider .swiper-slide.swiper-slide-next .name {font-size:30px; line-height:30px; text-align:center;}
.introWrap .introSlider .swiper-slide.swiper-slide-next .desc {opacity:1;}

.introWrap .introSlider .arrows {width:820px; height:40px; positioN:absolute; top:50%; left:50%; margin:-40px 0 0 -410px;}
.introWrap .introSlider .arrows .swiper-arrow {width:40px; height:40px; float:left; position:relative; margin:0; top:auto; left:auto; bottom:auto; right:auto; background-size:7.5px 15px !important; border-radius:50%;}
.introWrap .introSlider .arrows .swiper-button-prev {background:#000 url('/public/images/history_arrow_left_fff.png') center center no-repeat;}
.introWrap .introSlider .arrows .swiper-button-next {background:#000 url('/public/images/history_arrow_right_fff.png') center center no-repeat; float:right}


@media screen and (max-width:1200px){
  .introWrap .introSlider {height:390px;}
}

@media screen and (max-width:1024px){
  .introWrap .introSlider {height:350px;}
}

@media screen and (max-width:960px){
  .introWrap .introSlider {height:345px;}

  .introWrap .introSlider .arrows {width:480px; margin:-40px 0 0 -240px;}
}

@media screen and (max-width:768px){
  .introWrap {margin:60px auto 0;}

  .mainCon .conTit {margin:0 auto 15px; padding:0 0 60px 0;}
  .mainCon .conTit:after {height:50px;}
  .mainCon .conTit p.tit {font-size:20px; line-height:20px; margin:0 auto 10px;}
  .mainCon .conTit p.desc {font-size:13px; line-height:18px;}

  .introWrap .introSlider {height:auto;}
  .introWrap .introSlider .swiper-slide .idx {opacity:1; font-size:40px; line-height:40px; top:0; left:0;}
  .introWrap .introSlider .swiper-slide .img {padding:0 20px;}
  .introWrap .introSlider .swiper-slide .img img {max-width:100%;}
  .introWrap .introSlider .swiper-slide .txts {}
  .introWrap .introSlider .swiper-slide .txts .name {font-size:20px;}

  .introWrap .introSlider .arrows {width:100%; margin:-40px 0 0 0; left:0; padding:0 10px; box-sizing:border-box;}
}
/* 사업소개 슬라이드 영역 :: E */



/* 공장별 업무 순서 슬라이드 영역 :: S */
.processWrap {width:100%; position:relative; padding:0 0 50px 0; box-sizing:border-box; margin:100px auto 0;}
.processWrap:after {display:block; content:''; width:100%; height:479px; background:#f3f3f3 url('/public/images/main/cm_main_slider_3_bg_1.jpg') left center no-repeat; z-index:1; position:absolute; bottom:0; left:0;}
.processWrap > * {z-index:3;}
.processWrap .inner {width:100%; max-width:1080px; margin:0 auto; position:relative; padding:0 15px; box-sizing:border-box;}
.processWrap.category-wrap .category-cons .category-con {background:none;}

.processWrap .conTit .category-tabs {display:block;}
.processWrap .conTit .category-tabs a {position:relative; font-size:18px; line-height:20px; padding:0 0 50px 0; margin:0 10px; font-weight:700; color:#777;}
.processWrap .conTit .category-tabs a.active {color:#000;}
.processWrap .conTit .category-tabs a.active:after {display:block; content:''; width:1px; height:36px; background:#000; position:absolute; bottom:0; left:50%;}

.processWrap .processSlider {width:100%; position:relative;}
.processWrap .processSlider .swiper-slide {padding:0 25px; box-sizing:border-box; position:relative;}
.processWrap .processSlider .swiper-slide a {display:block; position:relative;}
.processWrap .processSlider .swiper-slide a img {width:100%;}
.processWrap .processSlider .swiper-slide a .desc {display:block; position:absolute; top:10px; right:10px; height:50px; line-height:50px; background:#000; 
padding:0 20px; box-sizing:border-box; font-size:18px; color:#fff; font-weight:400;}

.processWrap .processSlider .swiper-arrow {width:50px; height:50px; border:1px solid #c4c4c4; box-sizing:border-box;}
.processWrap .processSlider .swiper-button-prev {background:#fff url('/public/images/history_arrow_left_000.png') center center no-repeat; left:0;}
.processWrap .processSlider .swiper-button-next {background:#fff url('/public/images/history_arrow_right_000.png') center center no-repeat; right:0;}

/*
.processWrap .thumbSlider .swiper-arrow {width:40px; height:50px; border:1px solid #c4c4c4; box-sizing:border-box; margin-top:-25px;}
.processWrap .thumbSlider .swiper-button-prev {background:#fff url('/public/images/history_arrow_left_000.png') center center no-repeat; left:0;}
.processWrap .thumbSlider .swiper-button-next {background:#fff url('/public/images/history_arrow_right_000.png') center center no-repeat; right:0;}

.processWrap .thumbnails {width:100%; position:relative; margin:15px auto 0; overflow:hidden; padding:0 25px; box-sizing:border-box;}
.processWrap .thumbnails a {display:block; float:left; width:calc(20% - 10px); margin:0 12.5px 0 0; position:relative;}
.processWrap .thumbnails a:nth-of-type(5n+5) {margin:0;}
.processWrap .thumbnails a img {max-width:100%;}
*/

.processWrap .btnArea {width:100%; position:relative; margin:30px auto 0;}
.processWrap .btnArea a {display:block; width:150px; height:46px; line-height:42px; text-align:center; font-size:14px; font-weight:500; color:#333; border:2px solid #333; margin:0 auto;}


@media screen and (max-width:768px){
  .processWrap {margin:60px auto 0;}
  .processWrap:after {height:300px; background-size:cover !important;}

  .processWrap.mainCon .conTit {margin:0 auto 20px;}
  .mainCon .conTit p.tit {font-size:20px; line-height:20px; margin:0 auto 15px;}

  .processWrap .conTit .category-tabs {overflow:hidden;}
  .processWrap .conTit .category-tabs a {display:block; float:left; width:calc(50% - 5px); font-size:12px; line-height:16px; padding:5px; margin:0 10px 5px 0; background:#fff; border:1px solid #999; color:#999; box-sizing:border-box;}
  .processWrap .conTit .category-tabs a:nth-of-type(2n+2) {margin:0 0 5px 0;}
  .processWrap .conTit .category-tabs a.active {border:1px solid #000; color:#000;}
  .processWrap .conTit .category-tabs a.active:after {display:none;}

  .processWrap .processSlider .swiper-slide {padding:0;}
  .processWrap .processSlider .swiper-slide a .desc {height:30px; line-height:30px; padding:0 15px; font-size:13px;}

  .processWrap .thumbnails {padding:0;}
}

@media screen and (max-width:480px){
  .processWrap:after {height:200px;}

  .processWrap .thumbSlider .swiper-arrow {width:20px; height:25px; background-size:7.5px 15px !important; margin-top:-12.5px;}
}
/* 공장별 업무 순서 슬라이드 영역 :: E */



/* 컨텐츠 링크 영역 :: S */
.conLinkWrap {width:100%; position:relative; margin:100px auto 0;}
.conLinkWrap .inner {width:100%; max-width:1730px; margin:0 auto; padding:0 15px; box-sizing:border-box;}

.conLinkWrap .conTit {}

.conLinkWrap .links {display:block; width:100%; position:relative; overflow:hidden; margin:0; padding:0;}
.conLinkWrap .links li {display:block; float:left; width:calc(33.33333333333333% - 40px); margin:0 60px 0 0; padding:0; position:relative;}
.conLinkWrap .links li:nth-of-type(3n+3) {margin:0;}
.conLinkWrap .links li a {display:block; position:relative;}
.conLinkWrap .links li a img {display:block; width:100%;}
.conLinkWrap .links li a .txts {width:100%; text-align:center; position:absolute; top:50%; left:0; margin:-41.5px 0 0 0;}
.conLinkWrap .links li a .txts p {display:block; text-align:center; font-size:28px; line-height:28px; height:28px; color:#fff; font-weight:700; margin:0;}
.conLinkWrap .links li a .txts img {display:block; width:44px; height:35px; margin:20px auto 0;}


@media screen and (max-width:1200px){
  .conLinkWrap .links li {width:calc(33.33333333333333% - 15px); margin:0 22.5px 0 0;}
  .conLinkWrap .links li:nth-of-type(3n+3) {margin:0;}
}

@media screen and (max-width:768px){
  .conLinkWrap {margin:60px auto 0;}

  .mainCon .conTit {margin:0 auto 20px;}
  .mainCon .conTit p.tit {font-size:20px; line-height:20px; margin:0 auto 15px;}
  .mainCon .conTit p.desc {font-size:13px; line-height:18px;}

  .conLinkWrap .links li {width:100% !important; margin:0 auto 30px !important;}
  .conLinkWrap .links li:last-child {margin:0 auto !important;}
  .conLinkWrap .links li a .txts {margin:-23.75px 0 0 0;}
  .conLinkWrap .links li a .txts p {font-size:20px; line-height:20px; height:20px;}
  .conLinkWrap .links li a .txts img {width:22px; height:17.5px; margin:10px auto 0;}
}
/* 컨텐츠 링크 영역 :: E */



/* 공지사항 슬라이드 영역 :: S */
.noticeSliderWrap {width:100%; position:relative; margin:100px auto 0; padding:60px 0 0 0;}
.noticeSliderWrap:before {display:block; content:''; width:100%; height:300px; background:#1c9de1; position:absolute; top:0; left:0; z-index:1;}
.noticeSliderWrap .inner {width:100%; max-width:1730px; margin:0 auto; padding:0 15px; box-sizing:border-box; overflow:hidden; position:relative; z-index:3;}

.noticeSliderWrap .conTit {width:290px; float:left; position:relative; padding:80px 0 0 0;}
.noticeSliderWrap .conTit p {display:block; text-align:left; position:relative; margin:0;}
.noticeSliderWrap .conTit p.tit {font-size:34px; line-height:34px; font-weight:700; color:#fff;}
.noticeSliderWrap .conTit p.desc {font-size:16px; height:21px; line-height:21px; font-weight:400; color:#fff; margin:15px auto 40px;}
.noticeSliderWrap .conTit .arrows {width:101px; height:50px; position:relative; overflow:hidden;}
.noticeSliderWrap .conTit .arrows a {display:block; float:left; width:50px; height:50px; position:relative; background-size:7.5px 15px !important;}
.noticeSliderWrap .conTit .arrows a.prev {background:#fff url('/public/images/history_arrow_left_000.png') center center no-repeat;}
.noticeSliderWrap .conTit .arrows a.next {background:#fff url('/public/images/history_arrow_right_000.png') center center no-repeat; float:right;}

.noticeSliderWrap .slider {width:calc(100% - 300px); float:right; position:relative; padding:2px 0 0 0;}
.noticeSliderWrap .noticeSlider {position:relative; padding:0 0 10px 0;}
.noticeSliderWrap .noticeSlider .swiper-slide {position:relative;}
.noticeSliderWrap .noticeSlider .swiper-slide a {display:block; position:relative;}
.noticeSliderWrap .noticeSlider .swiper-slide a .img {width:100%;}
.noticeSliderWrap .noticeSlider .swiper-slide a .img img {width:100%;}
.noticeSliderWrap .noticeSlider .swiper-slide a .info {width:100%; padding:30px; box-sizing:border-box; background:#fff; box-shadow:2px 2px 3px 3px rgba(0,0,0,0.2);}
.noticeSliderWrap .noticeSlider .swiper-slide a .info p {display:block; text-align:left; position:relative; margin:0;}
.noticeSliderWrap .noticeSlider .swiper-slide a .info .title {font-size:16px; line-height:24px; color:#454545; font-weight:400; margin:0 auto 15px;}
.noticeSliderWrap .noticeSlider .swiper-slide a .info .date {font-size:12px; line-height:16px; color:#888; font-weight:400;}


@media screen and (max-width:960px){
  .noticeSliderWrap {padding:30px 0;}

  .noticeSliderWrap .conTit {width:100%; float:none; padding:0; text-align:center;}
  .noticeSliderWrap .conTit p {text-align:center;}
  .noticeSliderWrap .conTit p.desc {margin:10px auto 20px;}
  .noticeSliderWrap .conTit .arrows {width:81px; height:40px; margin:0 auto;}
  .noticeSliderWrap .conTit .arrows a {width:40px; height:40px;}

  .noticeSliderWrap .slider {width:100%; margin:20px auto 0;}
}

@media screen and (max-width:768px){
  .noticeSliderWrap {margin:60px auto 0;}

  .noticeSliderWrap .conTit p.tit {font-size:20px; line-height:20px;}
  .noticeSliderWrap .conTit p.desc {font-size:13px; line-height:18px;}

  .noticeSliderWrap .conTit .arrows {width:51px; height:25px;}
  .noticeSliderWrap .conTit .arrows a {width:25px; height:25px;}
}
/* 공지사항 슬라이드 영역 :: E */



/* 온라인 문의 배너 영역 :: S */
.contactBanner {display:block; width:100%; height:365px; position:relative; background:url('/public/images/cm_contact_banner_bg_1.jpg') center center no-repeat; background-size:cover !important; margin:100px auto 0;}
.contactBanner .txts {width:100%; text-align:center; position:absolute; top:50%; left:0; margin:-84px 0 0 0;}
.contactBanner .txts p {display:block; text-align:center; color:#fff; margin:0 auto;}
.contactBanner .txts .t1 {font-size:34px; line-height:34px; font-weight:700;}
.contactBanner .txts .t2 {font-size:20px; line-height:20px; font-weight:500; margin:20px auto 50px;}
.contactBanner .txts img {display:block; width:35px; height:44px; margin:0 auto;}


@media screen and (max-width:768px){
  .contactBanner {height:300px; margin:60px auto 0;}

  .contactBanner .txts {margin:-45px 0 0 0;}
  .contactBanner .txts .t1 {font-size:20px; line-height:20px;}
  .contactBanner .txts .t2 {font-size:13px; line-height:18px; margin:10px auto 20px;}
  .contactBanner .txts img {width:17.5px; height:22px;}
}
/* 온라인 문의 배너 영역 :: E */