@charset "utf-8";

@media (max-width: 1920px) {
	
	/* content */
}

@media (max-width: 1680px) {

	
	
}

@media (max-width: 1440px) {
	
	

	/* main */
	.scrolldown {left:20px;}
    .visual-content .inno {font-size:80px; padding-right:50px;}
    .visual-content .inno:after {width:18px; height:18px;}
    .visual-content .tit {font-size:80px;}
    .visual-content p {font-size:26px; margin-bottom:20px;}

    @keyframes textWon {
        0% {
          opacity: 0;
          width:10px; height:10px;
        }
        100% {
          opacity: 1;
          width:26px; height:26px;
        }
    }
    .visual-recruit .recruit-slider .recruit-prev {left:430px;}
    .visual-recruit .recruit-slider .recruit-next {right:430px;}

    .main-business .text-inner {max-width:520px; padding-left: 20px;}
    .main-business .text-inner h2 {font-size:22px;}
    .main-business .text-inner h2 span {width:8px; height: 8px;}
    .main-business .text-inner p {margin:26px 0; font-size:32px;}
    .main-business .business-slider {padding-bottom:26px;}
    .main-business .business-slider li {width:420px;}

    .main-sustainability .left {width:360px;}
    .main-sustainability .right {width:360px;}
    .main-sustainability .content-inner h2 {font-size:60px; padding-right: 36px;}
    .main-sustainability .content-inner h2 span {width:18px; height:18px;}
    .main-sustainability .content-inner p {font-size:24px; margin:24px 0 60px;}


    /* footer */
    .scroll-top {bottom:100px;}
    #main .scroll-top {bottom:100px;}

	/* sub */

	/* board */
	


}


@media (max-width: 1380px) {

	
	/* main */
    .visual-recruit .recruit-slider .recruit-prev {left:400px;}
    .visual-recruit .recruit-slider .recruit-next {right:400px;}
	
	/* sub */
    .sub-vis {margin-bottom:100px;}

    .consulting-step.type2 .row .col {padding:25px 20px;}
	
	

}

@media (max-width: 1240px) {

	/* head */
    

    /* main */
    .visual-recruit .recruit-slider .recruit-prev {left:330px;}
    .visual-recruit .recruit-slider .recruit-next {right:330px;}

    .main-sustainability .left {width:300px;}
    .main-sustainability .right {width:300px;}
    .main-sustainability .content-inner h2 {font-size:50px; padding-right: 30px;}
    .main-sustainability .content-inner h2 span {width:16px; height:16px;}
    .main-sustainability .content-inner p {font-size:22px; margin:20px 0 50px;}
    .main-sustainability .content-inner .more {font-size:17px;}


   
	/* sub */
    .history-inner .group .title {width:400px;}
    .history-inner .group .info {padding-left: 80px;}
    .history-inner .group .info .year {width:190px; margin-right:30px;}

    .three-inner .box .pic { margin-right: 50px;}
    .three-inner .box .title {width:240px;}

    .net-inner ul {margin-left:-25px;}
    .net-inner ul li {width:calc(25% - 25px); margin-left:25px;}
    .net-inner ul li .content {padding: 30px 26px 50px;}
    .net-inner ul li .num {font-size:36px;}

    .job-inner h3 {font-size:28px; margin-bottom:26px;}
    .job-inner ul {margin-left:-20px;}
    .job-inner ul li {width:calc(50% - 20px); margin-left:20px;}
    .job-inner ul li a {padding: 30px 20px;}
    .job-inner ul li .logos {width:130px; margin-right: 30px;}

    
	
	

}

@media (max-width: 1140px) {

    /* main */
    .visual-recruit .recruit-slider .recruit-prev {left:300px;}
    .visual-recruit .recruit-slider .recruit-next {right:300px;}
 
    /* FOOTER */   
   

    /* sub */
    .vision-inner .group .photo {width:500px; margin-right: 60px;}

    .mailform .captcha_box--fc {width:100%;}

}   

/* Landscape tablet */
@media (max-width: 1024px) {

	/* header */
    #header .inner {height:80px;}
	#gnb {display:none;}

    .lang {right:70px;}

    .sitelogo {left:20px;}
    .sitelogo a {height:30px;} 
	
	.btn-m-menu {display:block;}

	.mobile-navigation {display:block;}

	
	/* main */
	.visual-content .inno {font-size:60px; padding-right:50px;}
    .visual-content .inno:after {width:16px; height:16px;}
    .visual-content .tit {font-size:60px; margin-bottom:16px;}
    .visual-content p {font-size:24px; margin-bottom:16px;}

    @keyframes textWon {
        0% {
          opacity: 0;
          width:10px; height:10px;
        }
        100% {
          opacity: 1;
          width:22px; height:22px;
        }
    }

    /*.visual-recruit {bottom:50px;}*/
    .visual-recruit .recruit-slider .item {margin:0 30px; }
    .visual-recruit .recruit-slider .box {width:390px; /* padding:20px 26px;*/}
    .visual-recruit .recruit-slider .label {/*font-size:15px; line-height:34px; border-radius:34px;*/}
    .visual-recruit .recruit-slider .company-name {/*font-size:18px; */padding-bottom: 10px; margin:10px 0 10px;}
    .visual-recruit .recruit-slider .etc {font-size:15px;}
    .visual-recruit .recruit-slider .etc .number .bar {height:18px; margin:0 16px;}
    .visual-recruit .recruit-slider .more {top:15px; right:26px; /*width:50px; height:50px;*/}
    .visual-recruit .recruit-slider .more span {width:40px; height:40px;}
    .visual-recruit .recruit-slider .slick-arrow {width:18px;}
    .visual-recruit .recruit-slider .recruit-prev {left:0;}
    .visual-recruit .recruit-slider .recruit-next {right:0;}

    .main-business .text-inner {max-width:400px;}
    .main-business .text-inner h2 {font-size:20px}
    .main-business .text-inner h2 span {width:6px; height: 6px;}
    .main-business .text-inner p {margin:20px 0; font-size:26px;}
    .main-business .text-inner .more {font-size:16px; line-height:46px; padding-right:100px; margin-bottom:30px;}
    .main-business .text-inner .more .arrow {width:80px; height:46px}
    .main-business .text-inner .more .arrow:after {width:46px; height:46px;}


    .main-business .text-inner .btns .swiper-button-prev,
    .main-business .text-inner .btns .swiper-button-next {height:24px;}
    .main-business .text-inner .btns .swiper-button-prev {margin-right:30px;}
    .main-business .business-slider {padding-bottom:26px;}
    .main-business .business-slider li {width:400px;}
    .main-business .business-slider li h3 {font-size:22px; margin-bottom:12px;}
    .main-business .business-slider li h3 span {margin-right:16px; font-size:30px;}
    .main-business .business-slider li dl {bottom:90px;  padding:0 40px;}
    .main-business .business-slider li dl dt {font-size:30px; margin-bottom:12px;}
    .main-business .business-slider li dl dd {font-size:16px;}
    .main-business .business-slider li .more {bottom:100px; width:68px; height: 68px;}
    .main-business .business-slider li .more span {width:26px; height: 26px;}
    .sliderText {height:370px;}
    .sliderText ul li {font-size:400px;}


    .main-sustainability {flex-wrap:wrap; align-content: space-between}
    .main-sustainability .slider {width:100%;  height:200px;}
    .main-sustainability .slider ul {display:flex; width:5000px; height:200px;}
    .main-sustainability .slider ul li {margin-bottom: 0; margin-right:10px;}
    .main-sustainability .slider img {height:200px;}
    .main-sustainability .left {width:100%;}
    .main-sustainability .left ul li {animation: imgmoveLeft 12s linear infinite;}
    .main-sustainability .right {width:100%;}
    .main-sustainability .right ul li {animation: imgmoveRight 12s linear infinite;}
    .main-sustainability .content-inner {width:100%; display:block; height:auto; padding:50px 0;}
    .main-sustainability .content-inner h2 {font-size:40px;  padding-right: 26px;}
    .main-sustainability .content-inner h2 span {width:12px; height:12px;}
    .main-sustainability .content-inner p {font-size:20px; margin:20px 0 40px;}
    .main-sustainability .content-inner .more {font-size:16px; line-height:46px; padding-right:100px;}
    .main-sustainability .content-inner .more .arrow {width:80px; height:46px}
    .main-sustainability .content-inner .more .arrow:after {width:46px; height:46px;}

    @keyframes imgmoveLeft {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-500px);
        }
      }
      
      @keyframes imgmoveRight {
        0% {
            transform: translateX(-500px);
        }
        100% {
            transform: translateX(0);
        }
      }


    .main-contact .title {font-size:36px; margin-bottom: 40px;}
    .main-contact .img-inner {height:340px;}
    .main-contact .img-inner h2 {font-size:36px;  margin-bottom:14px;}
    .main-contact .img-inner p {font-size:24px; margin-bottom:30px;}
    .main-contact .img-inner .more {height:60px; border-radius: 60px; padding:0 50px; font-size:22px;}
    .main-contact .img-inner .more span {width:8px; height:8px;}

    .logo-slider { margin-top: 40px; }
    .logo-slider .marquee-area .logo-track {
        animation-duration: 30s; 
    }
    .logo-slider .marquee-area .logo-item {
        padding: 0 10px; 
    }

    .logo-slider .marquee-area .logo-item .logo-item-img {
        min-width: 200px; height: 55px;
    }

    .logo-slider .marquee-area .logo-item .logo-item-img img {
        max-height: 40px;max-width: 160px; 
    }


    .sliderText2 {height:280px;}
    .sliderText2 ul li {font-size:300px;}


     /* FOOTER */  
    #footer {padding:40px 0;font-size:16px;}
    #footer .bar {height:12px; margin:0 12px;}

    .foot-menu {margin-bottom:50px;}
    .foot-menu ul > li {padding-right:80px;}
    .foot-menu ul > li > a {font-size:20px;}
    .foot-menu .submenu ul {margin-top:15px;}
    .foot-menu .submenu ul li a {font-size:15px;}

    .foot-info {padding-top: 30px;}
    .foot-logo {width:120px;}
    .foot-logo img {height:28px;}
    .foot-addr {padding:0 16px;  width: calc(100% - 250px);}
    
    .foot-privacy a {font-size:16px;}
    .foot-copy { margin-top:0;}

    .scroll-top {bottom:100px; right:20px; width:120px; height:120px;}
    .scroll-top .top {width:80px; height: 80px;}
    .scroll-top .top .arrow img {height:22px;}
    .scroll-top .top  p {font-size:16px;}

    #main .scroll-top {top:-60px;}
    

	
	/* sub */
    .home-nav {margin-bottom: 30px;}
    .home-nav ul li {padding:0 20px; font-size:15px ;}
    .home-nav ul li.home {padding:0 20px 0 10px; height:15px;}
    .home-nav ul li:after {margin-top:-1px;  width:2px; height:2px;}

    .sub-title {margin-bottom:50px;}
    .sub-title h2 {font-size:50px; margin-bottom:30px;}
    .sub-title h2:after{width:10px; height:10px;}
    
    .sub-vis {height:450px; margin-bottom:100px;}
    .sub-vis .content {padding:0 30px;}
    .sub-vis .content .tit {font-size:32px; margin-bottom:16px;}
    .sub-vis .content p {font-size:20px;}
  
    
    .lnb ul {margin:0 -15px;}
    .lnb ul li {padding:0 15px;}
    .lnb ul li a {height:50px; font-size:16px;}
    .lnb ul li a:after {height:3px;}

    #lnb.fixed  {top:80px;}

    #sub #wrapper {padding-top:120px;}
    
    .real-cont {padding-bottom:80px;}

    .doc-title {margin-bottom: 40px;}
    .doc-title h3 {font-size:38px;}
    .doc-title p {font-size:20px ;padding-left: 0; margin-left:0; top: 0; margin-top:6px;}
    .doc-title p:after {display:none;}
    .doc-title.flex {display:block;}
    .doc-title.type2 h3 {font-size:32px;}
    .doc-title.line {padding-bottom:40px;}

    .vision-vis {height:420px; margin-bottom: 100px;}
    .vision-vis .content {padding:0 30px;}
    .vision-vis em {font-size:21px;  margin-bottom: 16px;}
    .vision-vis h3 {font-size:40px; margin-bottom: 16px;}
    .vision-vis p {font-size:16px;}

    .vision-inner .group {margin-bottom: 40px;}
    .vision-inner .group .photo {width:400px; margin-right: 40px;}
    .vision-inner .group .info .num {font-size:50px; margin-bottom:10px;}
    .vision-inner .group .info h4 {font-size:22px; margin-bottom:16px;}
    .vision-inner .group .info p {font-size:20px; margin-bottom:16px;}
    .vision-inner .group .info ul li {font-size:16px; padding-left:16px;}
    .vision-inner .group .info ul li:before {top:7px; width:5px; height: 5px;}

    .history-inner .group {margin-bottom: 40px; padding:50px;}
    .history-inner .group .title {width:350px;}
    .history-inner .group .title .num {font-size:50px; margin-bottom:10px;}
    .history-inner .group .title .tit {font-size:26px;}
    .history-inner .group .title p {font-size:16px;}
    .history-inner .group .info {padding-left: 50px; display:block;}
    .history-inner .group .info .year {width:100%; font-size:24px; margin-bottom:10px;}
    .history-inner .group .info .cont {width:100%;}
    .history-inner .group .info .cont ul li {font-size:16px;}

    .integrated-inner {margin-bottom: 80px;}
    .integrated-inner .logo {margin-bottom:20px;}
    .integrated-inner .logo img{height:30px;}
    .integrated-inner p {font-size:25px ; margin-bottom: 50px;}
    .integrated-inner .box {padding:50px 20px;}

    .doc-tit {margin-bottom:30px;}
    .doc-tit h4 {font-size:22px;}

    body.page-url-production--fc .doc-tit h4 ,
    body.page-url-logistics--fc .doc-tit h4 ,
    body.page-url-integrated--fc .doc-tit h4 ,
    body.page-url-three_r .doc-tit h4 {font-size:25px;}

    .integrated-business-inner {margin-bottom: 80px;}
    .integrated-business-inner ul {margin-left:-30px; margin-bottom:-30px;}
    .integrated-business-inner ul li {width:calc(50% - 30px); margin-left:30px; padding:40px 50px; margin-bottom:30px;}
    .integrated-business-inner ul li dl dt {font-size:25px; margin-bottom:12px;}
    .integrated-business-inner ul li dl dd {font-size:16px;}
    .integrated-business-inner ul li dl dd:before {top:9px; width:6px; height: 6px;}
    .integrated-business-inner ul li .ico {bottom:30px; right:40px;}
    .integrated-business-inner ul li .ico img {height:60px;}

    .location-inner {padding: 80px 0; margin-bottom:80px;}
    .location-inner .group {margin-bottom:80px;}
    .location-inner .group:last-child {margin-bottom:0;}
    .location-inner .group .map {margin-bottom:50px;}
    .location-inner .group .map iframe {height:500px !important;}
    .location-inner .group ul {margin:0 -50px;}
    .location-inner .group ul li {padding:0 50px;}
    .location-inner .group ul li:after {height:30px;}
    .location-inner .group dl dt {width:100px; font-size:18px; padding-left: 30px;}
    html:lang(en) .location-inner .group dl dt {width:120px;}
    .location-inner .group dl dt:before {top:6px; width:16px; height: 16px;}
    .location-inner .group dl dd {font-size:16px;}
    .location-inner .group .row {margin:0 -10px;}
    .location-inner .group .col {padding:0 10px;}
    .location-inner .group .col .map iframe {height:350px !important;}
    .location-inner .group .col dl {margin-bottom: 20px; padding-bottom:20px;}
    .location-inner .group .col dl dt {width:100px}
    .location-inner .group .col br {display:none;}

    .all-maps {padding:40px;}

    .business-inner .group {padding:80px 0;}

    .logos-list ul {margin:0 -12px -40px;}
    .logos-list ul li {width:33.333333%; padding:0 12px; margin-bottom:40px;}
    .logos-list ul li .thumb {margin-bottom:15px;}
    .logos-list ul li .tit {font-size:20px;}

	.doc-title-cnt {font-size:18px; margin-bottom:60px;}

    .inte-inner ul {margin-left:-20px; margin-bottom:-20px;}
    .inte-inner ul li {width:calc(50% - 20px); margin-left:20px; margin-bottom:20px; padding:40px 20px 40px 30px;}
    .inte-inner ul li .icon {width:100px; height:100px; margin-right:30px;}
    .inte-inner ul li .info dl dt {font-size:25px; margin-bottom: 15px;}
    .inte-inner ul li .info dl dt span {font-size:16px;}
    .inte-inner ul li .info dl dd {padding-left: 16px; font-size:16px;}
    .inte-inner ul li .info dl dd:before { top:7px;}

    .ifm-merit-inner {padding: 50px;}
    .ifm-merit-inner .doc-tit {padding-bottom: 25px; margin-bottom:25px;}
    .ifm-merit-inner ul li {padding-left: 16px; font-size:20px; margin-bottom:10px;}
    .ifm-merit-inner ul li:before {top:8px;}

    .three-box {margin-bottom: 60px; padding:30px 46px;}
    .three-box .ico {width:80px; height:80px; margin-right:30px;}
    .three-box .info .tit {font-size:24px;}
    .three-box .info p {font-size:20px}

    .three-inner .box {margin-bottom: 20px;}
    .three-inner .box .pic {margin-right: 40px; width:300px; height:280px;}
    .three-inner .box .title {width:200px;}
    .three-inner .box .title .num {font-size:22px;}
    .three-inner .box .title h5 {font-size:26px;}
    .three-inner .box .info ul li {padding-bottom:24px; margin-bottom:14px; padding-left:16px; font-size:16px;}
    .three-inner .box .info ul li:before {top:7px;}

    .consulting-image {height:240px; padding: 26px 40px; margin-bottom: 50px;}
    .consulting-image .tit {font-size:25px;}
    .consulting-image p {font-size:18px;}

    .consulting-day {padding-top:16px; margin-bottom:60px;}
    .consulting-day .col {padding:0 30px 18px; margin-bottom:16px; font-size:16px;}
    .consulting-day .col .ico {width:50px; height:50px; margin-right: 25px;}
    .consulting-day .col .title {width:160px;}
    .consulting-day .col .txt {padding-left: 30px;}
    
    .consulting-step {padding:50px;}
    .consulting-step em {font-size:16px;}
    .consulting-step p {font-size:25px; margin-bottom:40px;}
    .consulting-step ul {margin:0 -20px -20px; justify-content: center;}
    .consulting-step ul li {padding:0 20px; margin-bottom:40px;}
    .consulting-step ul li:before {left:-20px; width:40px;}
    .consulting-step ul li:after {left:-20px; width:40px;}
    .consulting-step ul li .box {width:180px; height: 180px;}
    .consulting-step ul li .box .num {top:-20px; width:40px; height: 40px; font-size:18px;}
    .consulting-step ul li .box .ico img {height:40px;}
    .consulting-step ul li .box .tit {font-size:18px ; min-height:50px;}
    .consulting-step.type2 .row {margin-left:-12px; margin-bottom:-12px;}
    .consulting-step.type2 .row .col {width:calc(50% - 12px); margin-left:12px; margin-bottom:12px; padding: 20px; flex-basis:auto;}
    .consulting-step.type2 .row .tit {font-size:16px; margin-bottom:12px;}
    .consulting-step.type2 .row .ico img {height:50px;}

    .factory-inner {margin-bottom:60px;}
    .factory-inner .row {margin:0 -10px;}
    .factory-inner .row .col {padding:0 10px;}
    .factory-inner .title {height:60px;font-size:20px;  border-radius: 60px;}
    .factory-inner .img-wrap {margin-bottom:30px;}
    .factory-inner .img-wrap ul li {margin-bottom: 10px;}
    .factory-inner .img-wrap ul li ul.flex {margin: 0 -5px -12px;}
    .factory-inner .img-wrap ul li ul.flex li {width:50%; padding:0 5px; margin-bottom:12px;}
    .factory-inner .table dl {display:block;}
    .factory-inner .table dl dt {width:100%; padding:16px 10px 16px 20px; font-size:16px;}
    .factory-inner .table dl dd {width:100%; padding:16px 10px 16px 20px; font-size:16px}
    
    .factory-btns a {width:230px; height:60px; font-size:18px;}
    .factory-btns a .ico {margin-right:10px; height: 18px;}

    .onepage .section {padding:60px 0; }

    .net-content {margin-bottom: 40px;}
    .net-content .tit {font-size:20px; margin-bottom:12px;}
    .net-content .cnt {font-size:18px;}
    .net-inner ul {margin-left:-20px; flex-wrap:wrap; margin-bottom:-20px;}
    .net-inner ul li {width:calc(50% - 20px); margin-left:20px; margin-bottom:20px;}
    .net-inner ul li .content {padding: 20px 20px 40px;}
    .net-inner ul li .num {font-size:30px; margin-bottom:10px;}
    .net-inner ul li .cnt {font-size:16px;}

    .human-inner {height:auto;}
    .human-inner .content {padding:60px 30px;}
    .human-inner .tit {font-size:24px; margin-bottom:16px;}
    .human-inner .cnt {font-size:16px;  margin-bottom: 50px;}
    .human-inner .img-wrap ul {margin:0 0 0 -30px;}
    .human-inner .img-wrap ul > li {width:calc(50% - 30px); margin-left:30px; height:450px; padding:30px;}
    .human-inner .btns > ul {margin:0 -8px;}
    .human-inner .btns > ul > li {width:auto; max-width:100%; padding:0 8px; height:auto;} 
    .human-inner .btns > ul > li > a {padding:0 60px; height:70px; font-size:20px;}
    .human-inner .btns > ul > li > a .ico {width:36px; height:36px; margin-left:25px;}
    .human-inner.type2 .content {padding:0;}

    .contact-title {margin-bottom: 60px; padding-bottom:60px;}
    .contact-title .tt {font-size:16px;  margin-bottom:12px;}
    .contact-title h3 {font-size:32px; margin-bottom:15px;}
    .contact-title .tit {font-size:20px;}
    .contact-title .cnt {font-size:18px;}

    .person-head {margin-bottom:50px;}
    .person-head .box {padding:40px 50px;}
    .person-head .box .logos {width:141px; margin-right: 60px;}
    .person-head .box .info .tit {font-size:22px;}
    .person-head .box .info .email {font-size:18px;}

    .person-inner .group {padding:80px 0;}
    .person-step ul li {padding-bottom: 60px; margin-bottom:60px;}
    .person-step ul li .num {font-size:16px;  width:60px;}
    .person-step ul li .ico {width:80px; margin-right: 60px;}
    .person-step ul li .info dl dt {font-size:22px; margin-bottom:15px;} 
    .person-step ul li .info dl dd {font-size:18px ;}
    
    .job-inner h3 {font-size:26px; margin-bottom:20px;}
    .job-inner ul {margin-left:-16px;}
    .job-inner ul li {width:calc(50% - 16px); margin-left:16px;}
    .job-inner ul li a {padding: 30px 20px; display:block; position:relative;}
    .job-inner ul li .logos {width:120px; margin:0 auto 20px;}
    .job-inner ul li .info {width:100%;}
    .job-inner ul li .info dl dt {font-size:20px;  margin-bottom:4px;}
    .job-inner ul li .info dl dd {font-size:18px;}
    .job-inner ul li .more {width:36px; height:36px; position:absolute; top:50%; transform: translateY(-50%); right:20px;}
    
	
	/* board */
   
    .gallery-list ul {margin:0 -6px;}
    .gallery-list ul li {width:33.333333%; padding:0 6px; margin-bottom:60px;}
    .gallery-list ul li .photo {/*padding:30px;*/ margin-bottom:20px;}
    .gallery-list ul li .tit {font-size:18px;}

    .mailform .input {height:40px;font-size:16px;}
    .mailform .form-group {display:block;  margin:0 0 10px; padding-bottom:10px;}
    .mailform .form-group .form-col {width:100%; padding:0; margin-bottom:10px;}
    .mailform .form-group.wide {display:block; margin:0 0 10px;}
    .mailform .form-group.wide .form-col {width:100%; padding:0; }
    .mailform .form-group .tit {width:130px; font-size:16px;}
    

	
	.mailform + .buttons {margin-top:50px;}
    .btn-pack.form-zip {height:40px; width:auto; padding:0 16px; font-size:16px; line-height:40px;}
    .btn-pack.form-submit {width:200px; height:60px;  font-size:16px; line-height:60px;}

    .board-search {margin-bottom:30px;}
    .board-search .input {font-size:16px;}
    .board-search select.input {width:120px;}
    .board-search select.input,
    .board-search input.input {height:44px;}
    .board-search .bt-search {height:44px;}

    .board-total {font-size:18px;}


    .board-paging li > a {width:40px; height:40px;  line-height:40px;font-size:14px;}

    .faq-wrap--fc .f-wrap--fc a {padding:25px 60px; font-size:20px;}
    .faq-wrap--fc .f-wrap--fc a:before {left:20px;}
    .faq-wrap--fc .f-wrap--fc a:after {display:none;}
    .faq-wrap--fc .f-wrap--fc a .plus {right:20px; width:26px; height: 26px;}
    .faq-wrap--fc .q-wrap--fc p {padding:30px 60px; font-size:16px;}
    .faq-wrap--fc .q-wrap--fc p:before {left:20px;}
	


	
} 

/* portrait tablet */
@media (max-width: 900px) {	
	.only-desktop {display:none;}
	.only-tablet {display:block;}

	/* board */
    .board-wrap--fc .board-view--fc header {padding:20px 0;} 
	.board-wrap--fc .board-view--fc header h1 {font-size:18px; margin-bottom:0;}
	.board-wrap--fc .board-view--fc header address p {font-size:15px;}

	.board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-list--fc {min-width:100%; font-size:15px;}

	.board-wrap--fc .board-view--fc .post-navi--fc .prev-post--fc a,
	.board-wrap--fc .board-view--fc .post-navi--fc .next-post--fc a {font-size:15px;}
	.board-wrap--fc .board-view--fc .post-navi--fc li span {font-size:15px;}
	
	.board-wrap--fc .board-view--fc .board-conts--fc ,
	.board-wrap--fc .board-view--fc .board-conts--fc div, .board-wrap--fc .board-view--fc .board-conts--fc p {font-size:15px;}

	/* sub */
    .human-inner .content {padding:40px 30px;}
    .human-inner .tit {font-size:22px; margin-bottom:16px;}
    .human-inner .cnt {font-size:16px;  margin-bottom: 40px;}
    .human-inner .img-wrap ul {margin:0;display:block;}
    .human-inner .img-wrap ul > li {width:100%; margin-left:0; height:400px; padding:25px; margin-bottom:20px;}
    .human-inner .img-wrap ul > li:last-child {margin-bottom:0;}
    .human-inner .btns > ul {margin:0 -8px;}
    .human-inner .btns > ul > li {width:auto; padding:0 8px; height:auto;} 
    .human-inner .btns > ul > li > a {padding:0 40px; height:70px; font-size:20px;}
    .human-inner .btns > ul > li > a .ico {width:36px; height:36px; margin-left:25px;}
	
} 

@media (max-width: 767px) {	
    /* main */
    
    .main-vis {height:100vh;}

    .visual-recruit .recruit-slider .item {margin:0 20px; }

    .section.fp-section,
	.section .fp-slide,
	.section .fp-tableCell{
		height: auto !important;
	}

    .main-business  {display:block; height:auto; padding:80px 0;}
    .main-business .text-inner {width:100%; margin-right:0; margin-bottom:30px;}
    .main-business .text-inner .btns .swiper-button-prev {margin-right:20px;}
    .main-business .slide-inner {width:100%; padding:0 20px;}
    .main-business .business-slider {padding-bottom:20px;}
    .main-business .business-slider li {width:260px;}
    .main-business .business-slider li h3 {font-size:20px; margin-bottom:10px;}
    .main-business .business-slider li h3 span {margin-right:16px; font-size:24px;}
    .main-business .business-slider li dl {bottom:40px;  padding:0 20px;}
    .main-business .business-slider li dl dt {font-size:24px; margin-bottom:10px;}
    .main-business .business-slider li dl dd {font-size:15px;}
    .main-business .business-slider li .more {bottom:60px; width:50px; height: 50px;}
    .main-business .business-slider li .more span {width:22px; height: 22px;}
    .sliderText {height:180px;}
    .sliderText ul li {font-size:200px;}

     /* FOOTER */   
     #footer {padding:30px 0;font-size:1em; text-align:center;}
     #footer .bar {height:12px; margin:0 12px;}
 
     .foot-menu {display:none;}
 
     .foot-info {padding-top: 0; border-top: 0; display:block;}
     .foot-logo {width:100%; margin-bottom:20px;}
     .foot-logo img {height:26px;}
     .foot-addr {padding:0 12px; width: 100%;}
     .foot-addr .bar {display:block !important; width:auto !important; height:auto !important; margin:0 !important;}
     .foot-privacy {text-align:center; margin:20px 0;}
     .foot-privacy a {font-size:15px;}
 
     .scroll-top {bottom:100px; right:20px; width:60px; height:60px;}
     .scroll-top .top {width:40px; height: 40px;}
     .scroll-top .top .arrow {height:16px; margin-bottom:0;}
     .scroll-top .top  p {display:none;}
 
     #main .scroll-top {top:-30px;}
     

    /* sub */
    .home-nav {margin-bottom: 20px;}
    .home-nav ul li {padding:0 15px; font-size:1em ;}
    .home-nav ul li.home {padding:0 15px 0 10px; height:12px;}
    .home-nav ul li:after {margin-top:-1px;  width:2px; height:2px;}

    .real-cont {padding-bottom:60px;}
    .doc-title {margin-bottom: 30px;}
    .doc-title h3 {font-size:24px;}
    .doc-title p {font-size:16px;}
    .doc-title.type2 h3 {font-size:24px;}
    .doc-title.line {padding-bottom:30px;}

    .vision-vis {height:auto; padding:50px 0; margin-bottom: 60px;}
    .vision-vis em {font-size:18px;  margin-bottom: 12px;}
    .vision-vis h3 {font-size:30px; margin-bottom: 12px;}
    .vision-vis p {font-size:15px;}

    .vision-inner .group {display:block; margin-bottom: 40px;}
    .vision-inner .group .photo {width:100%; margin-right: 0; margin-bottom:20px;}
    .vision-inner .group .info {width:100%;}
    .vision-inner .group .info .num {font-size:40px; margin-bottom:0;}
    .vision-inner .group .info h4 {font-size:20px; margin-bottom:10px;}
    .vision-inner .group .info p {font-size:18px; margin-bottom:10px;}
    .vision-inner .group .info ul li {font-size:15px; padding-left:16px;}
    .vision-inner .group .info ul li:before {top:7px; width:5px; height: 5px;}

    .history-inner .group {margin-bottom: 30px; display:block; padding:20px 20px 30px;}
    .history-inner .group .title {width:100%; margin-bottom:20px; padding-bottom:20px;border-right:0; border-bottom: 1px solid #d2d2d2;}
    .history-inner .group .title .num {font-size:40px; margin-bottom:0;}
    .history-inner .group .title .tit {font-size:22px;}
    .history-inner .group .title p {font-size:15px;}
    .history-inner .group .info {padding-left: 0; width:100%;}
    .history-inner .group .info .year {font-size:20px;}
    .history-inner .group .info .cont ul li {font-size:15px;}

    .integrated-inner {margin-bottom: 40px;}
    .integrated-inner .logo {margin-bottom:15px;}
    .integrated-inner .logo img{height:25px;}
    .integrated-inner p {font-size:20px ; margin-bottom: 40px;}
    .integrated-inner .box {padding:30px;}

    .doc-tit {margin-bottom:25px;}
    .doc-tit h4 {font-size:20px;}

    body.page-url-production--fc .doc-tit h4 ,
    body.page-url-logistics--fc .doc-tit h4 ,
    body.page-url-integrated--fc .doc-tit h4 ,
    body.page-url-three_r .doc-tit h4 {font-size:20px;}

    .integrated-business-inner {margin-bottom: 50px;}
    .integrated-business-inner ul {display:block; margin-left:0; margin-bottom:-20px;}
    .integrated-business-inner ul li {width:100%; margin-left:0; padding:30px 30px; margin-bottom:20px;}
    .integrated-business-inner ul li dl dt {font-size:20px; margin-bottom:10px;}
    .integrated-business-inner ul li dl dd {font-size:15px; padding-left:15px;}
    .integrated-business-inner ul li dl dd:before {top:6px; width:5px; height: 5px;}
    .integrated-business-inner ul li .ico {bottom:20px; right:20px;}
    .integrated-business-inner ul li .ico img {height:40px;}

    .location-inner {padding: 50px 0; margin-bottom:50px;}
    .location-inner .group {margin-bottom:50px;}
    .location-inner .group .map {margin-bottom:20px;}
    .location-inner .group .map iframe {height:300px !important;}
    .location-inner .group ul {display:block; margin:0 0 -10px;}
    .location-inner .group ul li {padding:0 0 10px; margin-bottom:10px; border-bottom: 1px dashed #dedede;}
    .location-inner .group ul li:after {display:none}
    .location-inner .group ul li:last-child {border-bottom: 0; padding-bottom:0;}
    .location-inner .group dl dt {width:60px; font-size:15px; padding-left: 20px;}
    .location-inner .group dl dt:before {top:1px; height: 16px;}
    .location-inner .group dl dd {font-size:15px;}
    .location-inner .group .row {display:block; margin:0;}
    .location-inner .group .col {width:100%; padding:0 0 30px; margin-bottom:30px; border-bottom: 1px solid #dedede;}
    .location-inner .group .col:last-child {margin-bottom:0; padding: 0; border-bottom: 0;}
    .location-inner .group .col .map iframe {height:250px !important;}
    .location-inner .group .col dl {margin-bottom: 20px; padding-bottom:20px;}
    .location-inner .group .col dl dt {width:70px}


    .all-maps {padding:30px;}

    .business-inner .group {padding:60px 0;}

    .logos-list ul {margin:0 -4px -30px;}
    .logos-list ul li {width:50%; padding:0 4px; margin-bottom:30px;}
    .logos-list ul li .thumb {margin-bottom:10px;}
    .logos-list ul li .tit {font-size:16px;}

    .doc-title-cnt {font-size:16px; margin-bottom:40px;}

    .inte-inner ul {display:block; margin-left:0; margin-bottom:-15px;}
    .inte-inner ul li {width:100%; display:block; margin-left:0; margin-bottom:15px; padding:25px 20px 25px 20px;}
    .inte-inner ul li .icon {width:80px; height:80px; margin:0 0 15px;}
    .inte-inner ul li .info {width:100%;}
    .inte-inner ul li .info dl dt {font-size:20px;}
    .inte-inner ul li .info dl dt span {font-size:15px;}
    .inte-inner ul li .info dl dd {padding-left: 12px; font-size:15px;}
    .inte-inner ul li .info dl dd:before { top:7px; width:5px; height:5px;}

    .ifm-merit-inner {padding: 30px;}
    .ifm-merit-inner .doc-tit {padding-bottom: 20px; margin-bottom:20px;}
    .ifm-merit-inner ul li {padding-left: 12px; font-size:18px; margin-bottom:10px;}
    .ifm-merit-inner ul li:before {top:8px; width:5px; height:5px;}

    .three-box {margin-bottom: 30px; padding:26px 40px; display:block; text-align:center;}
    .three-box .ico {width:60px; height:60px; margin:0 auto 20px}
    .three-box .info {width:100%;}
    .three-box .info .tit {font-size:20px;}
    .three-box .info p {font-size:16px}

    .three-inner .box {display:block; padding-bottom:30px;;}
    .three-inner .box .pic {margin-right: 0; margin-bottom:20px; width:100%; height:200px;}
    .three-inner .box .title {width:100%; padding:0 20px; margin-bottom:20px;}
    .three-inner .box .title .num {font-size:18px;}
    .three-inner .box .title h5 {font-size:22px;}
    .three-inner .box .title br {display: none;;}
    .three-inner .box .info {width:100%; padding:0 20px;}
    .three-inner .box .info ul li {padding-bottom:10px; margin-bottom:10px; padding-left:16px; font-size:16px;}
    .three-inner .box .info ul li:before {top:7px; width:5px; height: 5px;}

    .consulting-image {height:180px; padding: 26px 40px; margin-bottom: 50px;}
    .consulting-image .tit {font-size:20px;}
    .consulting-image p {font-size:16px;}

    .consulting-day {padding-top:10px; margin-bottom:40px;}
    .consulting-day .col {padding:0 20px 16px; margin-bottom:16px; font-size:15px; display:block;} 
    .consulting-day .col .ico {width:50px; height:50px; margin-right: 0; margin-bottom:10px;}
    .consulting-day .col .title {width:100%; margin-bottom:10px;}
    .consulting-day .col .txt {width:100%;}
    .consulting-day .col .txt {padding-left: 0;}
    .consulting-day .col .txt:before {display:none;}

    .consulting-step {padding:50px 30px 30px;}
    .consulting-step em {font-size:15px;}
    .consulting-step p {font-size:22px; margin-bottom:30px;}
    .consulting-step ul {margin:0 -15px -15px;}
    .consulting-step ul li {padding:0 15px; margin-bottom:30px;}
    .consulting-step ul li:before {left:-15px; width:30px;}
    .consulting-step ul li:after {left:-15px; width:30px;}
    .consulting-step ul li:nth-child(3):before,
    .consulting-step ul li:nth-child(3):after,
    .consulting-step ul li:nth-child(5):before,
    .consulting-step ul li:nth-child(5):after {display:none;}
    .consulting-step ul li .box {width:130px; height: 130px;}
    .consulting-step ul li .box .num {top:-20px; width:36px; height: 36px; font-size:16px;}
    .consulting-step ul li .box .ico img {height:26px;}
    .consulting-step ul li .box .tit {font-size:16px ; min-height:30px;}
    .consulting-step.type2 {padding:20px;}
    .consulting-step.type2 .row {margin-left:0; display:block; margin-right:0;}
    .consulting-step.type2 .row .col {width:100%; margin-left:0; padding:16px;}
    .consulting-step.type2 .row .tit {font-size:15px;}
    .consulting-step.type2 .row .ico img {height:50px;}

    .factory-inner {margin-bottom:40px;}
    .factory-inner .row {margin:0 ; display:block;}
    .factory-inner .row .col {padding:0; width:100%; margin-bottom:20px;}
    .factory-inner .row .col:last-child {margin-bottom:0;}
    .factory-inner .title {height:50px;font-size:18px;  border-radius: 50px;}
    .factory-inner .img-wrap {margin-bottom:20px;}
    .factory-inner .img-wrap ul li {margin-bottom: 10px;}
    .factory-inner .img-wrap ul li ul.flex li {margin-bottom:10px;}
    .factory-inner .table dl dt {padding:12px 10px 12px 16px; font-size:15px;}
    .factory-inner .table dl dd {padding:12px 10px 12px 16px;  font-size:15px}
    
    .factory-btns a {width:20px; height:54px; font-size:16px;}
    .factory-btns a .ico {height: 16px;}

    .onepage .section {padding:40px 0; }

    .net-content {margin-bottom: 30px;}
    .net-content .tit {font-size:20px; margin-bottom:12px;}
    .net-content .cnt {font-size:18px;}
    .net-inner ul {margin-left:0; flex-wrap:wrap;}
    .net-inner ul li {width:100%; margin-left:0;}
    .net-inner ul li .content {padding: 20px 20px 30px;}
    .net-inner ul li .num {font-size:25px;}
    .net-inner ul li .cnt {font-size:15px;}

    .human-inner .content {padding:40px 30px;}
    .human-inner .tit {font-size:20px; margin-bottom:12px;}
    .human-inner .cnt {font-size:15px;  margin-bottom: 30px;}
    .human-inner .img-wrap ul > li {height:360px; padding:25px; margin-bottom:20px;}
    .human-inner .img-wrap ul > li:last-child {margin-bottom:0;}
    .human-inner .btns > ul {display:block; margin:0;}
    .human-inner .btns > ul > li {width:100%; padding:0; margin-bottom:10px; height:auto;} 
    .human-inner .btns > ul > li:last-child {margin-bottom:0;}
    .human-inner .btns > ul > li > a {padding:0 30px; height:60px; font-size:18px;}
    .human-inner .btns > ul > li > a .ico {width:30px; height:30px; margin-left:20px;}
    .human-inner br {display:none;}

    .contact-title {margin-bottom: 40px; padding-bottom:40px;}
    .contact-title .tt {font-size:15px;  margin-bottom:10px;}
    .contact-title h3 {font-size:25px; margin-bottom:12px;}
    .contact-title .tit {font-size:18px;}
    .contact-title .cnt {font-size:16px;}

    .person-head {margin-bottom:30px;}
    .person-head .box {padding:30px 30px; display:block;}
    .person-head .box .logos {width:100%; margin:0 auto 20px;}
    .person-head .box .logos img {height:28px;}
    .person-head .box .info {width:100%;}
    .person-head .box .info .tit {font-size:20px;}
    .person-head .box .info .email {font-size:16px;}

    .person-inner .group {padding:50px 0;}
    .person-step ul li {padding-bottom: 40px; margin-bottom:40px; flex-wrap:wrap;}
    .person-step ul li .num {font-size:15px;  width:auto;margin:20px 10px 20px 0;}
    .person-step ul li .ico {width:60px; margin:0 0 20px;}
    .person-step ul li .info {width:100%;}
    .person-step ul li .info dl dt {font-size:20px; margin-bottom:10px;} 
    .person-step ul li .info dl dd {font-size:16px ;}
    
    .job-inner h3 {font-size:22px}
    .job-inner ul {margin-left:0; display:block;}
    .job-inner ul li {width:100%; margin-left:0; margin-bottom:20px;}
    .job-inner ul li a {padding: 20px 20px; display:block; position:relative;}
    .job-inner ul li .logos {width:100%; margin:0 auto 15px;}
    .job-inner ul li .logos img {height:24px}
    .job-inner ul li .info {width:100%;}
    .job-inner ul li .info dl dt {font-size:18px; margin-bottom:0;}
    .job-inner ul li .info dl dd {font-size:16px;}
    
    /* board */
    

    .mailform .input {font-size:15px; padding-left:15px;}
    .mailform textarea.input {height:200px;}
    .mailform .form-group .form-col {display:block;}
    .mailform .form-group .tit {width:100%; font-size:15px; margin-bottom:10px;}
    .mailform .privacy_box--fc {font-size:1.2em;  height:120px;}
    .mailform input[type="checkbox"] + label {font-size:1.2em;}
    .mailform .captcha_box--fc {flex-wrap:wrap; width:100%;}
    .mailform .captcha_box--fc input {font-size:15px;}

    .btn-pack.form-submit {width:160px; height:50px;  font-size:15px; line-height:50px;}

    .gallery-list ul {margin:0 -4px;}
    .gallery-list ul li {width:50%; padding:0 4px; margin-bottom:40px;}
    .gallery-list ul li .photo {/*padding:12px;*/ margin-bottom:15px;}
    .gallery-list ul li .tit {font-size:16px;}

    .board-search {margin-bottom:20px; display:block}
    .board-search .search {margin-bottom:20px; max-width:100%;}
    .board-search .input {font-size:15px;}
    .board-search select.input {width:120px;}
    .board-search select.input,
    .board-search input.input {height:44px; }
    .board-search input.input  {flex:1 1 auto; min-width:0; width:1%;}
    .board-search .bt-search {height:44px;}

    .board-total {font-size:15px;}


    .board-paging li > a {width:40px; height:40px;  line-height:40px;font-size:14px;}

    .faq-wrap--fc .f-wrap--fc a {padding:20px 40px; font-size:16px;}
    .faq-wrap--fc .f-wrap--fc a:before {left:10px;}
    .faq-wrap--fc .f-wrap--fc a:after {display:none;}
    .faq-wrap--fc .f-wrap--fc a .plus {right:20px; width:20px; height: 20px;}
    .faq-wrap--fc .q-wrap--fc p {padding:20px 40px; font-size:15px;}
    .faq-wrap--fc .q-wrap--fc p:before {left:10px;}

    

}


/* Landscape phone */
@media (max-width: 640px) {
	.only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

	
	/* header */
	#header .inner {height:60px;}

	.sitelogo a {height:26px;} 

	.mobile-navigation {width:100%;}
    .lang {width:50px;}
    .lang .tit {height: 24px;}

	
	/* main */
    .visual-content .inno {font-size:40px; padding-right:40px;}
    .visual-content .inno:after {width:12px; height:12px;}
    .visual-content .tit {font-size:40px; margin-bottom:12px;}
    .visual-content p {font-size:1.4em; margin-bottom:12px;}

    @keyframes textWon {
        0% {
          opacity: 0;
          width:10px; height:10px;
        }
        100% {
          opacity: 1;
          width:18px; height:18px;
        }
    }

    .visual-recruit {bottom:40px;}
    .visual-recruit .recruit-slider .item {margin:0 15px; }
    .visual-recruit .recruit-slider .box {width:100%; height:auto;  padding:15px 20px;}
    .visual-recruit .recruit-slider .label {font-size:13px; line-height:26px; border-radius:26px;}
    .visual-recruit .recruit-slider .company-name {font-size:16px; padding-bottom: 8px; margin:10px 0 8px;}
    .visual-recruit .recruit-slider .etc {font-size:14px;}
    .visual-recruit .recruit-slider .etc .number .bar {height:16px; margin:0 12px;}
    .visual-recruit .recruit-slider .more {top:20px; right:20px; /* width:50px; height:50px;*/}
    .visual-recruit .recruit-slider .more span {width:30px; height:30px;}
    .visual-recruit .recruit-slider .slick-arrow {width:14px;}
    .visual-recruit .recruit-slider .recruit-prev {left:24px;}
    .visual-recruit .recruit-slider .recruit-next {right:24px;}

    .main-sustainability  {display:block; height:auto}
    .main-sustainability .slider {width:100%;  height:180px;}
    .main-sustainability .slider ul {height:180px;}
    .main-sustainability .slider ul li {width:180px;}
    .main-sustainability .content-inner {padding:40px 0;}
    .main-sustainability .content-inner h2 {font-size:30px;  padding-right: 26px;}
    .main-sustainability .content-inner h2 span {width:10px; height:10px;}
    .main-sustainability .content-inner p {font-size:18px; margin:20px 0 30px;}

    .main-contact {height:auto; padding:50px 0;}
    .main-contact .title {font-size:26px; margin-bottom:30px;}
    .main-contact .img-inner {height:300px;}
    .main-contact .img-inner h2 {font-size:26px;}
    .main-contact .img-inner p {font-size:20px; margin-bottom:25px;}
    .main-contact .img-inner .more {height:50px; border-radius: 50px; padding:0 40px; font-size:18px;}
    .main-contact .img-inner .more span {width:8px; height:8px;}

    .logo-slider { margin-top: 30px; }
    .logo-slider .marquee-area .logo-track {
        animation-duration: 25s; 
    }
    .logo-slider .marquee-area .logo-item {
        padding: 0 5px;
    }
    .logo-slider .marquee-area .logo-item .logo-item-img {
        min-width: 120px; height: 45px;
    }

    .logo-slider .marquee-area .logo-item .logo-item-img img {
        max-width: 100px; max-height: 35px; 
    }


    .sliderText2 {height:180px;}
    .sliderText2 ul li {font-size:200px;}

	
	/* footer */
	
	/* sub */
	.real-cont {padding-bottom:80px;}

    .sub-title {margin-bottom:30px;}
    .sub-title h2 {font-size:30px; margin-bottom:24px;}
    .sub-title h2:after{width:8px; height:8px;}
    
    .sub-vis {height:260px;  margin-bottom:60px;}
    .sub-vis .content .tit {font-size:26px; margin-bottom:12px;}
    .sub-vis .content p {font-size:1.1em;}
  
    
    .lnb ul {margin:0 -12px;}
    .lnb ul li {padding:0 12px;}
    .lnb ul li a {height:50px; font-size:16px;}
    .lnb ul li a:after {height:3px;}

    #lnb.fixed {top:60px;}
    #lnb.fixed ul {margin:0 0;}

    #sub #wrapper {padding-top:80px;}

	
	


	/* board */
	/* 검색 */
    
	.mailform + .buttons {margin-top:30px;}
	
	.buttons {margin:20px 0;}

	.btn-pack.form-submit {width:150px; height:50px; border-radius:12px; font-size:15px; line-height:50px; }
	.btn-pack.form-submit:after {width:26px;}
    .btn-pack.xlarge {min-width:120px; height:44px;padding:0 20px; line-height:42px;  font-size:16px; }

	

} 

/* Landscape phones and down */
@media (max-width: 320px) {

}