@charset "utf-8";
.main-product .text-inner  {max-width:600px; }

@media (max-width: 1920px) {
	
	/* main */
    .main-product {height:auto;}
    .main-product .inner {width:60%}
    .main-product .text-inner  {width:100%; margin-left:auto;}
    .main-product .pic {position:relative;  z-index:1;}
}

@media (max-width: 1760px) {

    .company-inner,
    .history-inner,
    #certification, 
    .location-inner {padding-left:140px;}
    .certSlider {padding:0 100px;}
    .certSlider li {padding:0 15px;}
    .certSlider li .photo {padding:20px;}
}

@media (max-width: 1540px) {

	/* main */
    .main-prod-inner {padding: 160px 0;}
    .main-prod-inner .counter-inner {top:38%; left:110px;}
    .main-prod-inner .productSlide {max-width: 100%; padding:0 100px;}
    .main-prod-inner .swiper-slide {padding:0 100px;}
    .main-prod-inner .swiper-slide .pic {transform: scale(0.8) translateY(40px);}

    
}

@media (max-width: 1440px) {
	
	/* header */
    #gnb {margin-left:-100px;}

	/* main */
	.main-visual .slick-dots {left:20px; margin-left:0; width:100%;}


    /* footer */

	/* sub */

	/* board */
	


}


@media (max-width: 1380px) {

	
	/* main */
    
	
	/* sub */
    
	
	

}

@media (max-width: 1240px) {

	/* head */
    #gnb > ul {margin:0 -26px;}
    #gnb > ul > li {padding:0 26px;}

    .google-element select {width:100px;}

    /* main */
    .main-visual .content .tit {font-size:50px;}

    .main-title {margin-bottom:30px;}
    .main-title em {font-size:20px;}
    .main-title h2 {font-size:70px;}

    .main-product .text-inner .txt {font-size:18px; margin-bottom:14px;}
    .main-product .text-inner .cnt {font-size:17px;  margin-bottom:30px;}
    .main-product .text-inner .cnt br {display:none;}

    .main-prod-inner {padding: 120px 0;}
    .main-prod-inner .text-inner {bottom:75px; left:-50px;}
    .main-prod-inner .text-inner h2 {font-size:70px; margin-bottom:20px;}
    .main-prod-inner .text-inner p {font-size:20px;}
    .main-prod-inner .counter-inner {top:30%; left:60px;}
    .main-prod-inner .counter {margin-bottom:50px; font-size:18px;}
    .main-prod-inner .counter .counter-total {margin-left:190px;}
    .main-prod-inner .swiper-pagination {left:33px; width:160px;}

    .main-business {padding:60px 0 100px;}
    .main-business .cards {height:600px;}
    .main-business .card .content .main-title h2 {font-size:50px;}
    .main-business .card .content .main-title .text ul li {font-size:18px;}
    .main-business .card .pic {height:600px;}

    .main-board {padding-bottom: 100px;}
    .main-board .title-inner {width:400px; padding-top: 30px;}
    .main-board .board-inner ul li {padding-bottom:30px; margin-bottom:30px;}
    .main-board .board-inner ul li .title {font-size:20px;}
    .main-board .board-inner ul li .dates .year {width:60px; height: 60px; font-size:20px;}
    .main-board .board-inner ul li .dates .date {font-size:30px;}

   
	/* sub */
    
    .bessiness-inner .inner {height:735px;}
    .bessiness-inner .text-inner {width:60%;}
    .bessiness-inner .text-inner .info {max-width:830px; width:100%; margin-left:auto;}
    .bessiness-inner .text-inner h3 {font-size:40px; margin-bottom:30px;}
    .bessiness-inner .text-inner .txt {font-size:20px; margin-bottom:16px;}
    .bessiness-inner .text-inner ul {margin-left:-15px; margin-bottom:-15px;}
    .bessiness-inner .text-inner ul li {width:calc(33.333333% - 15px); margin-left:15px; margin-bottom:15px; padding: 24px 24px; font-size:17px;}
    .bessiness-inner .img-inner {right:-90px;}
    .bessiness-inner .img-inner img {height:735px;}
    
	
	

}

@media (max-width: 1140px) {

    /* main */
    
    /* FOOTER */   
   

    /* sub */
   

}   

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

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


    .sitelogo {left:20px;}
    .sitelogo a {height:18px;} 

    .top-lang-menu {right:70px;}
	
	.btn-m-menu {display:block;}

	.mobile-navigation {display:block;}

	
	/* main */
	.main-visual .item {height:700px;}
    .main-visual .content .tit {font-size:40px; margin-bottom:25px;}
    .main-visual .content p {font-size:18px;}
    .main-visual .slick-dots {bottom:150px;}
    .main-visual .slick-dots li {margin-right: 10px; width:50px; height:4px;}
    .main-visual .slick-dots li button {height:4px;}
    .main-visual .slick-dots li button:after {height:4px;}

    .main-visual .scroll {bottom:50px;}
    .main-visual .scroll .txt {font-size:16px;}

    .main-title {margin-bottom:30px;}
    .main-title em {font-size:18px;}
    .main-title h2 {font-size:50px;}

    .main-product .text-inner .main-title {margin-bottom:25px;}
    .main-product .text-inner .txt {font-size:18px; margin-bottom:12px;}
    .main-product .text-inner .cnt {font-size:16px; margin-bottom:30px;}

    .main-more a {font-size:16px; height:44px; border-radius:44px; padding: 0 20px;}

    .main-prod-inner {padding: 80px 0;}
    .main-prod-inner .productSlide {padding:0 80px;}
    .main-prod-inner .text-inner {bottom:60px; left:-50px;}
    .main-prod-inner .text-inner h2 {font-size:50px; margin-bottom:18px;}
    .main-prod-inner .text-inner p {font-size:16px;}
    .main-prod-inner .swiper-slide {padding:0 80px;}
    .main-prod-inner .counter-inner {top:40%; left:40px;}
    .main-prod-inner .counter {margin-bottom:40px; font-size:16px;}
    .main-prod-inner .counter .counter-total {margin-left:150px;}
    .main-prod-inner .swiper-pagination {left:33px; width:120px;}

    .main-business {padding:60px 0 80px;}
    .main-business .cards {height:500px;}
    .main-business .card .content {left:40px;}
    .main-business .card .content .main-title h2 {font-size:40px;}
    .main-business .card .content .main-title .text ul li {font-size:17px;}
    .main-business .card .pic {height:500px;}

    .main-board {padding-bottom: 80px;}
    .main-board .title-inner {width:300px;}
    .main-board .board-inner ul li {padding-bottom:25px; margin-bottom:25px;}
    .main-board .board-inner ul li .title {font-size:18px;}
    .main-board .board-inner ul li .dates .year {width:50px; height: 50px; font-size:18px;}
    .main-board .board-inner ul li .dates .date {font-size:24px;}


     /* FOOTER */  
     #footer {padding:40px 0 30px;font-size:16px;}

     .foot-text {font-size:30px; margin-bottom: 30px;}
     .foot-inner {margin-bottom: 40px;}
     .foot-logo {width:200px;}

    .scroll-top {bottom:540px; right:40px;}
    .scroll-top .top {width:60px; height:60px;}
    .scroll-top .top img {height:22px;}
    .scroll-top.active {bottom:30px;}

	
	/* sub */
    
    

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

    .sub-title {margin-bottom:20px;}
    .sub-title h2 {font-size:70px;}

    .sub-vis {height:600px;}
    .sub-vis .content .tit {font-size:30px;}
    .sub-vis.history .content .tit {padding-top: 90px;}
    .sub-vis.history .content .tit:before {height:50px;} 
    .sub-vis.business {height:600px;}
    .sub-vis.product,
    .sub-vis.customer {height:300px;}
    .sub-vis.customer {margin-bottom:80px;}

    .onepage-nav {top:100px; width:100%; left:0; padding:20px; transform: translateY(-0) translateX(-100px); background:#fff; border-bottom: 1px solid #dedede;}
    .onepage-nav ul {display:flex;}
    .onepage-nav ul li {margin-bottom:0; margin-right:15px;}
    .onepage-nav.show {transform: translateY(0) translateX(0);}
    .onepage-nav.footer-active {position:fixed; top:100px; bottom:auto;}
    .onepage-nav.cover ul li a {color:rgba(21,21,21,.85);}
    .onepage-nav.cover ul li.active {color:rgba(21,21,21,1);}
    .onepage-nav.cover ul li a::before {background:#151515;}


    .company-inner {padding: 80px 0;}
    .company-inner .tit {font-size:30px; margin-bottom: 30px;}
    .company-inner .cnt {font-size:16px; margin-bottom:16px;}
    .company-inner .sain-box {font-size:18px;}
    .company-inner .sain-box .name {font-size:22px;}


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

    .company-inner,
    .history-inner,
    #certification, 
    .location-inner {padding-left:0;}
    .certSlider {padding:0;}

    #history {padding: 80px 0;}
    .history-inner {padding-bottom:80px;}
    .history-inner ul {padding-bottom: 25px;}
    .history-inner ul li { padding-left: 50px; }
    .history-inner ul li .year {font-size:25px; margin-bottom:15px;}
    .history-inner ul li dl {font-size:18px;  margin-bottom:15px;}
    .history-inner ul li dl dt {width:70px;}
    .history-inner ul:nth-child(even) li {padding-right:50px;}

    #certification {padding: 80px 0;}

    .certSlider .slick-list {margin:0 -20px;}
    .certSlider li {padding:0 20px;}
    .certSlider li .photo {padding:26px;}
    .certSlider li .photo .tit {font-size:20px;}
    .certSlider .slick-dots {margin-top:30px;}
    .certSlider .slick-dots li {width:10px; height: 10px;}
    .certSlider .slick-dots li button {width:10px; height: 10px;}
    .certSlider .slick-arrow {width:50px; height:50px; background-size:10px;}
    .certSlider .slick-arrow.cert-prev {left:-10px;}
    .certSlider .slick-arrow.cert-next {right:-10px;}

    .location-inner {padding:80px 0;}
    .location-inner .maps {margin-bottom: 30px;}
    .location-inner .maps iframe {height:420px !important;}
    .location-inner .content {display:block;}
    .location-inner .content .title {width:100%; font-size:30px; margin-bottom:20px;}
    .location-inner .content .info {width:100%;}
    .location-inner .content .info .group {margin-bottom: 12px; font-size:18px; }
    .location-inner .content .info .group .col-group {padding-right:80px;}
    .location-inner .content .info dl dt {width:100px;}

    .bessiness-inner  {padding-top:70px;}
    .bessiness-inner .inner {height:auto; display:block;}
    .bessiness-inner .text-inner {width:100%;}
    .bessiness-inner .text-inner .info {max-width:100%; width:100%; margin-left:0;}
    .bessiness-inner .text-inner h3 {font-size:30px; margin-bottom:26px;}
    .bessiness-inner .text-inner .txt {font-size:20px; margin-bottom:16px;}
    .bessiness-inner .text-inner ul {margin-left:-15px; margin-bottom:-15px;}
    .bessiness-inner .text-inner ul li {width:calc(33.333333% - 15px); margin-left:15px; margin-bottom:15px; padding: 24px 24px; font-size:17px;}
    .bessiness-inner .img-inner {right:0; position:relative;}
    .bessiness-inner .img-inner img {height:auto;}

    .product-inner .group {padding: 100px 0;}
    .product-inner .title {margin-bottom:70px;}
    .product-inner .title h3 {font-size:30px; margin-bottom:16px;}
    .product-inner .title .more a {border-radius:60px; padding:0 46px;height:60px; font-size:20px;}
    .product-inner  h4 {font-size:18px; padding-left:14px; margin-bottom:16px;}
    .product-inner  h4::before {top:8px; width:6px; height: 6px;}

    .productSlider {padding:0 90px;}
    .productSlider .slick-dots {margin-top:25px;}
    .productSlider .slick-dots li {width:10px; height: 10px;}
    .productSlider .slick-dots li button {width:10px; height: 10px;}
    .productSlider .slick-arrow {width:50px; height:50px;}
    
    .product-slider-txt {font-size:25px; margin-top:56px;}

    .doc-tit {margin-bottom:25px; text-align:center;}
    .doc-tit h3 {font-size:30px;}

    .product-feature {margin-top:50px;}
    .product-feature ul {margin-left:-20px; margin-bottom:-20px;}
    .product-feature ul li {width:calc(33.333333% - 20px);margin-left:20px; margin-bottom:20px;padding: 40px 30px 30px;}
    .product-feature ul li .num {top:-22px; font-size:16px; width:44px; height: 44px;}
    .product-feature ul li .txt {font-size:16px;}

    .product-spec .col-group {margin-bottom: 30px;}

    .table01 table {font-size:16px;}
    .table01 table thead th {padding:12px 10px;}
    .table01 table tbody th {padding:12px 25px;}
    .table01 table tbody td {padding:12px 25px;}
    .table01.type2 table th,
    .table01.type2 table td {text-align:center; padding:12px 10px;}

    .product-hardware ul {margin:0 -10px -40px;}
    .product-hardware ul li {width:33.333333%; padding:0 10px; margin-bottom:40px;}
    .product-hardware ul li .pic {margin-bottom: 16px;}
    .product-hardware ul li .tit {font-size:18px;}

    .product-software .soft-wrap {margin:0 -10px;}
    .product-software .soft-wrap .soft-col {padding:0 10px;}
    .product-software .title {font-size:20px; margin-bottom:10px;}
    .product-software .txt {font-size:16px; margin-bottom:16px; height:calc(1.4em * 1 * 2); -webkit-line-clamp:2; line-clamp:2; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box;  -webkit-box-orient:vertical;}
    .product-software .thumb {margin-bottom:16px;}
    .product-software .slick-dots {bottom:-50px}
    .product-software .slick-dots li {width:10px; height: 10px;}
    .product-software .slick-dots li button {width:10px; height: 10px;}
    .product-software .slick-arrow {width:40px; height:40px; background-size:10px;}
    .product-software .slick-arrow.soft-prev {left:5px;}
    .product-software .slick-arrow.soft-next {right:5px;}

    .product-test {margin:0 -10px;}
    .product-test .col-test {padding:0 10px;}
    .product-test ul {margin:0 -10px;}
    .product-test ul li {padding:0 10px;}
    .product-test ul li .tit {font-size:16px;}
    .product-test.type2 ul {margin:0 -10px;}
    .product-test.type2 ul li {padding:0 10px;}
    .product-test.type3 ul {margin:0 -10px;}
    .product-test.type3 ul li {padding:0 10px;}

    .case-toggle .case-col {margin-bottom: 16px;}
    .case-toggle .case-col .tit a {padding: 22px 80px 22px 30px; font-size:18px;}
    .case-toggle .cnt-box {padding: 50px 30px;}

    .case-cnt .img-cnt {margin:0 auto 30px;}
    .case-cnt .img-cnt ul {margin:0 -8px;}
    .case-cnt .img-cnt ul li {padding:0 8px;}
    .case-cnt .img-cnt ul li .box {padding:26px 10px 20px;margin-top:30px;}
    .case-cnt .img-cnt ul li .box .num {top:-20px; width:40px; height:40px; font-size:16px;}
    .case-cnt .img-cnt ul li .tit {font-size:16px;}
    .case-cnt .img-cnt ul li .cnt {font-size:15px;}
    .case-cnt .img-cnt.type3 ul li .tit {margin-bottom:25px;}
    .case-cnt .img-cnt.type3 ul li .num {top:-20px; width: 103px; height:40px; font-size:16px;}
    .case-cnt .img-cnt.type2.type4 ul li .tit {margin-top:16px;}
    .case-cnt .text {font-size:15px;}
    .case-cnt .text-box {font-size:15px;  margin-top:40px;}


    
	
	/* board */
   
    .board-search-wrap--fc {margin-bottom:20px;}
    .board-search-wrap--fc > .board_list_total--fc {font-size:16px;}
    .board-search-wrap--fc p:nth-of-type(2) {width:300px;}
    .board-search-wrap--fc input[type="text"] {height:50px; padding:0 20px; font-size:16px;}
    .search-input-wrap--fc a {width:22px;}

    .mailform-head {font-size:30px; margin-bottom:30px;}
    .mailform {padding-bottom:30px;}
    .mailform .input {height:60px; font-size:18px; padding-left:110px;}
    .mailform textarea.input {height:300px; padding:60px 20px 20px;}
    .mailform .form-group {margin:0 -10px 20px; }
    .mailform .form-group .form-col {padding:0 10px;}
    .mailform .form-group .tit {top:20px; left:30px;  font-size:16px;}
    .mailform .privacy_box--fc {font-size:16px}
    .mailform input[type="checkbox"] + label {font-size:16px;}
    .mailform .captcha_box--fc input {height:60px; font-size:16px;}

    .filebox label {width:120px; height:40px; margin-top: -20px; border-radius: 40px; font-size:15px; line-height:40px;}
    .filebox .upload-name {height:60px; font-size:16px;}

    .mailform + .buttons {margin-top:40px;}

    .basic-board-list--fc td, .webzine-board-list--fc td {padding:20px 5px; font-size:16px;}
    .basic-board-list--fc tbody td.board-subject--fc, .webzine-board-list--fc tbody td.board-subject--fc a {font-size:16px;}
    
    .board-paging li > a {width:40px; height:40px;  line-height:40px; font-size:14px;}

	
	.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;}



    .gallery-list {padding-top:30px;}
    .gallery-list ul {margin:0 -10px;}
    .gallery-list ul li {width:33.333333%; padding:0 10px; margin-bottom:30px;}
    .gallery-list ul li .thumb:after {border-width:2px;}
    .gallery-list ul li .tit {font-size:20px; margin-top:20px;}
    .gallery-list ul li .date {font-size:16px;}
   


	
} 

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

    .main-product {display:block; padding-top:50px;}
    .main-product .inner {width:100%;} 
    .main-product .text-inner {max-width:100%; text-align:center;}

    .main-prod-inner {padding: 70px 0;}
    .main-prod-inner .productSlide {padding:0;}
    .main-prod-inner .swiper-slide .pic {transform: scale(0.8) translateY(0);}
    .main-prod-inner .text-inner {bottom:60px; left:60px;}
    .main-prod-inner .text-inner h2 {font-size:40px; margin-bottom:12px;}
    .main-prod-inner .text-inner p {font-size:15px;}
    .main-prod-inner .swiper-slide {padding:0;}
    .main-prod-inner .counter-inner {top:42%; left:60px;}
    .main-prod-inner .counter {margin-bottom:40px; font-size:16px;}
    .main-prod-inner .counter .counter-total {margin-left:150px;}
    .main-prod-inner .swiper-pagination {left:33px; width:120px;}


	/* board */
    

	.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 */
   
	
} 

@media (max-width: 767px) {	
    /* main */
    .main-board {padding-bottom: 60px;}
    .main-board .board-tabs-inner {display:block;}
    .main-board .menu ul li {margin-right:18px;}
    .main-board .menu ul li a {font-size:18px; }
    .main-board .title-inner {width:100%; margin-bottom:20px;}
    .main-board .title-inner .main-more {position:absolute; top:0; right:0;}
    .main-board .board-inner {width:100%;}
    .main-board .board-inner ul li {padding-bottom:20px; margin-bottom:20px;}
    .main-board .board-inner ul li .title {font-size:16px;}
    .main-board .board-inner ul li .dates .year {width:40px; height: 40px; font-size:16px; margin-right:10px;}
    .main-board .board-inner ul li .dates .date {font-size:20px;}
    .main-board .gallery-inner { width:100%;}
    

     /* FOOTER */   
     #footer {padding:30px 0 30px;font-size:15px;}

     .foot-text {font-size:20px; margin-bottom: 25px;}
     .foot-inner {display:block; margin-bottom: 20px;}
     .foot-logo {width:100%; margin-bottom:20px;}
     .foot-info {width:100%;}
     .scroll-top {right:20px;}
     .scroll-top .top {width:40px; height:40px;}
     .scroll-top .top img {height:15px;}
     

    /* sub */
    
    .real-cont {padding-bottom:60px;}
    
    /* board */
    .board-search-wrap--fc {margin-bottom:20px; display:block;}
    .board-search-wrap--fc > .board_list_total--fc {font-size:15px;}
    .board-search-wrap--fc p:nth-of-type(2) {width:100%;}
    .board-search-wrap--fc input[type="text"] {height:44px; padding:0 20px; font-size:15px;}
    .search-input-wrap--fc a {height:44px; background-size:20px;}


    .basic-board-list--fc {border-bottom: 1px solid #dedede;}
    .basic-board-list--fc td, .webzine-board-list--fc td {padding:5px 5px; font-size:16px; border-bottom:0;}
    .basic-board-list--fc tbody td.board-subject--fc, .webzine-board-list--fc tbody td.board-subject--fc a {font-size:16px;}

    .board-wrap--fc .board-view--fc header {padding:20px 0;} 
    .board-wrap--fc .board-view--fc header h1 {font-size:22px;}
    .board-wrap--fc .board-view--fc header address {font-size:16px; margin-top:20px;}
    .board-wrap--fc .board-view--fc .board-conts--fc {padding-bottom:60px; font-size:15px;} 
    .board-wrap--fc .board-view--fc .board-conts--fc div, .board-wrap--fc .board-view--fc .board-conts--fc p {font-size:15px;}

    .board-wrap--fc .board-view--fc .board-view-file--fc {padding:20px 0;}

    .board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-list--fc {padding:0 20px;  height:44px; font-size:15px; line-height:42px; border-radius: 40px;}
    .board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-list--fc:before {width:24px;}
    .board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-del--fc, .board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-modify--fc, .board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-reply--fc {padding:0 20px; height:44px; font-size:15px; line-height:42px;}

    .board-wrap--fc .board-view--fc .post-navi--fc .next-post--fc, .board-wrap--fc .board-view--fc .post-navi--fc .prev-post--fc {display:flex; align-items: center;}
    .board-wrap--fc .board-view--fc .post-navi--fc .next-post--fc a, .board-wrap--fc .board-view--fc .post-navi--fc .prev-post--fc a {flex:1 1 auto; min-width:0; width:1%; padding-right:20px;}
    .board-wrap--fc .board-view--fc .post-navi--fc li a, .board-wrap--fc .board-view--fc .post-navi--fc li span, .board-wrap--fc .board-view--fc .post-navi--fc li strong {width:100px; font-size:15px ;}
    .board-wrap--fc .board-view--fc .post-navi--fc .next-post--fc a,
    .board-wrap--fc .board-view--fc .post-navi--fc .prev-post--fc a {font-size:15px;}
    .board-wrap--fc .board-view--fc .post-navi--fc li a, .board-wrap--fc .board-view--fc .post-navi--fc li span, .board-wrap--fc .board-view--fc .post-navi--fc li strong {width:auto;}
    .board-wrap--fc .board-view--fc .post-navi--fc li span {top:0;}
   

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

 
    .mailform-head {font-size:22px; margin-bottom:20px;}
    .mailform {padding-bottom:20px;}
    .mailform .form-group {display:block;  margin:0 -0 10px; }
    .mailform .form-group .form-col {width:100%; padding:0; margin-bottom:10px;}
    .mailform .input {font-size:15px; padding-left:90px;}
    .mailform .form-group .tit {left:20px;}

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

}


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

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

    .sitelogo a {height:14px;}

    .top-lang-menu {right:55px;}

	.mobile-navigation {width:100%;}

    .btn-m-menu {top:20px;}

    .catalog-btn {display:none;}

	
	/* main */
    .main-visual .item {height:70vh;}
    .main-visual .content .tit {font-size:30px; margin-bottom:20px;}
    .main-visual .content p {font-size:16px;}
    .main-visual .slick-dots {bottom:120px;}
    .main-visual .slick-dots li {margin-right: 6px; width:40px; height:3px;}
    .main-visual .slick-dots li button {height:3px;}
    .main-visual .slick-dots li button:after {height:3px;}

    .main-visual .scroll {bottom:30px;}
    .main-visual .scroll .txt {font-size:1em;}

    .main-title {margin-bottom:25px;}
    .main-title em {font-size:16px; margin-bottom:0;}
    .main-title h2 {font-size:30px;}

    .main-product .text-inner .main-title {margin-bottom:20px;}
    .main-product .text-inner .txt {font-size:16px; margin-bottom:12px;}
    .main-product .text-inner .cnt {font-size:15px; margin-bottom:20px;}

    .main-more a {font-size:15px; height:40px; border-radius:40px;}

    .main-prod-inner {padding: 50px 0;}
    .main-prod-inner .text-inner {bottom:30px; left:40px;}
    .main-prod-inner .text-inner h2 {font-size:30px;}
    .main-prod-inner .text-inner p {font-size:15px;}
    .main-prod-inner .counter-inner {top:auto; bottom:50%; left:40px;}
    .main-prod-inner .counter {margin-bottom:40px; font-size:16px;}
    .main-prod-inner .counter .counter-total {margin-left:110px;}
    .main-prod-inner .swiper-pagination {left:33px; top:8px; width:80px;}

    .main-business {padding:60px 0 40px;}
    .main-business .cards {height:400px;}
    .main-business .card .content {left:40px;}
    .main-business .card .content .main-title h2 {font-size:30px;}
    .main-business .card .content .main-title .text ul li {font-size:15px;}
    .main-business .card .pic {height:400px;}
   
	/* footer */
	
	/* sub */
	.real-cont {padding-bottom:80px;}

    .sub-title h2 {font-size:50px;}

    
    .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;}


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

    .sub-vis {height:400px;}
    .sub-vis .content .tit {font-size:20px;}
    .sub-vis.history .content .tit {padding-top: 40px;}
    .sub-vis.history .content .tit:before {height:30px;} 
    .sub-vis.business {height:300px;}
    .sub-vis.product,
    .sub-vis.customer {height:200px;}
    .sub-vis.customer {margin-bottom:50px;}

    .onepage-nav {top:90px;}


    .company-inner {padding: 60px 0;}
    .company-inner .tit {font-size:24px; margin-bottom: 20px;}
    .company-inner .cnt {font-size:15px; margin-bottom:12px;}
    .company-inner .sain-box {font-size:16px;}
    .company-inner .sain-box .name {font-size:18px;}
    .company-inner br {display:none;}


    .doc-title {margin-bottom: 40px;}
    .doc-title h3 {font-size:16px ;margin-bottom:12px;}
    .doc-title .cnt {font-size:20px;}
    .doc-title br {display:none;}

    #history {padding: 60px 0;}
    .history-inner {padding-bottom:60px;}
    .history-inner .inner:before {left:10px; margin-left:0;}
    .history-inner .inner:after {left:10px; margin-left:0;}
    .history-inner ul {display:block; padding-bottom: 20px; padding-left:12px;}
    .history-inner ul li { padding-left:0; width:100%; }
    .history-inner ul li .year {font-size:22px; margin-bottom:10px;}
    .history-inner ul li dl {font-size:16px;  margin-bottom:10px;}
    .history-inner ul li dl dt {width:40px;}
    .history-inner ul:nth-child(even) {text-align:left;}
    .history-inner ul:nth-child(even) li {padding-right:0;}
    .history-inner ul:nth-child(even) dl {justify-content: flex-start;}
    .history-inner ul:nth-child(even) dl dt {order:1}
    .history-inner ul:nth-child(even) dl dd {order:2}
    .certSlider .slick-dots {margin-top:20px; }

    #certification {padding: 60px 0;}

    .certSlider .slick-list {margin:0 -8px;}
    .certSlider li {padding:0 8px;}
    .certSlider li .photo {padding:14px;}
    .certSlider li .photo .tit {font-size:16px;}
    .certSlider .slick-dots {margin-top:30px;}
    .certSlider .slick-dots li {width:10px; height: 10px;}
    .certSlider .slick-dots li button {width:10px; height: 10px;}
    .certSlider .slick-arrow {width:30px; height:30px; background-size:10px;}
    .certSlider .slick-arrow.cert-prev {left:-10px;}
    .certSlider .slick-arrow.cert-next {right:-10px;}

    .location-inner {padding:60px 0;}
    .location-inner .maps {margin-bottom: 20px;}
    .location-inner .maps iframe {height:250px !important;}
    .location-inner .content .title {font-size:20px; margin-bottom:15px;}
    .location-inner .content .info .group {font-size:16px;}
    .location-inner .content .info .group .col-group {padding-right:0;}
    .location-inner .content .info dl dt {width:90px;}
    .location-inner .content .info .group.type2 {display:block;}
    .location-inner .content .info .group.type2 dl {margin-bottom:10px;}
    .location-inner .content .info .group.type2 dl:last-child {margin-bottom:0;}

    .bessiness-inner  {padding-top:5ch;}
    .bessiness-inner .text-inner h3 {font-size:26px; margin-bottom:20px;}
    .bessiness-inner .text-inner .txt {font-size:18px; margin-bottom:10px;}
    .bessiness-inner .text-inner ul {margin-left:-10px; margin-bottom:-10px;}
    .bessiness-inner .text-inner ul li {width:calc(50% - 10px); margin-left:10px; margin-bottom:10px; padding: 22px 22px; font-size:15px;}


	.product-inner .group {padding: 60px 0;}
    .product-inner .title {margin-bottom:50px;}
    .product-inner .title h3 {font-size:24px; margin-bottom:12px;}
    .product-inner .title .more a {border-radius:44px; padding:0 30px;height:44px; font-size:18px;}
    .product-inner  h4 {font-size:16px; margin-bottom:12px;}


    .productSlider {padding:0 60px;}
    .productSlider .slick-dots {margin-top:20px;}
    .productSlider .slick-arrow {width:40px; height:40px; background-size:12px;}
    .productSlider .slick-arrow.prod-prev {left:0;}
    .productSlider .slick-arrow.prod-next {right:0;}
    
    .product-slider-txt {font-size:20px; margin-top:30px;}

    .doc-tit h3 {font-size:25px;}

    .product-feature {margin-top:40px;}
    .product-feature ul {margin-left:-10px; margin-bottom:-1px;}
    .product-feature ul li {width:calc(100% - 10px);margin-left:10px; margin-bottom:30px;}
    .product-feature ul li .num {top:-20px; font-size:15px; width:40px; height: 40px;}
    .product-feature ul li .txt {font-size:15px;}

    .product-spec .col-group {margin-bottom: 20px;}

    .table01 {overflow-x:auto; -webkit-overflow-scrolling:touch;}
    .table01 table {font-size:15px; width:800px;}
    .table01 table thead th {padding:12px 10px;}
    .table01 table tbody th {padding:12px 10px;}
    .table01 table tbody td {padding:12px 10px;}
    .table01.type2 table th,
    .table01.type2 table td {padding:12px 10px;}

    .product-hardware ul {margin:0 -6px -30px;}
    .product-hardware ul li {width:50%; padding:0 6px; margin-bottom:30px;}
    .product-hardware ul li .pic {margin-bottom: 16px;}
    .product-hardware ul li .tit {font-size:16px;}

    .product-software .soft-wrap {display:block; margin:0;}
    .product-software .soft-wrap .soft-col {width:100%; padding:0; margin-bottom:30px;}
    .product-software .soft-wrap .soft-col:nth-child(1) {margin-bottom:60px;}
    .product-software .title {font-size:18px; margin-bottom:10px;}
    .product-software .txt {font-size:15px; margin-bottom:14px; height:auto; -webkit-line-clamp:1; line-clamp:1;}
    .product-software .slick-arrow {width:30px; height:30px; background-size:10px;}
    .product-software .slick-arrow.soft-prev {left:5px;}
    .product-software .slick-arrow.soft-next {right:5px;}

    .product-test {margin:0; display:block;}
    .product-test .col-test {width:100%; padding:0; margin-bottom:30px;}
    .product-test ul {margin:0 -4px;}
    .product-test ul li {padding:0 4px;}
    .product-test ul li .tit {font-size:15px;}
    .product-test.type2 ul {margin:0 -5px;}
    .product-test.type2 ul li {padding:0 5px;}
    .product-test.type3 ul {margin:0 -5px;}
    .product-test.type3 ul li {padding:0 5px;}

    .case-toggle .case-col {margin-bottom: 12px;}
    .case-toggle .case-col .tit a {padding: 20px 60px 20px 20px; font-size:16px;}
    .case-toggle .case-col .tit a:after {right:20px;}
    .case-toggle .cnt-box {padding: 30px 20px;}

    .case-cnt .img-cnt {margin:0 auto 30px;}
    .case-cnt .img-cnt ul {margin:0; display:block;}
    .case-cnt .img-cnt ul li {padding:0; width:100%; margin-bottom:20px;}
    .case-cnt .img-cnt ul li:lsat-child {margin-bottom:0;}
    .case-cnt .img-cnt ul li .box {padding:20px 10px 20px;margin-top:20px;}
    .case-cnt .img-cnt ul li .box .num {top:-15px; width:30px; height:30px; font-size:15px;}
    .case-cnt .img-cnt ul li .tit {font-size:15px;}
    .case-cnt .img-cnt ul li .cnt {font-size:14px;}
    .case-cnt .img-cnt.type2 ul li {width:100%;}
    .case-cnt .img-cnt.type3 ul li {width:100%;}
    .case-cnt .img-cnt.type3 ul li .tit {margin-bottom:20px;}
    .case-cnt .img-cnt.type3 ul li .num { width: auto; padding:0 20px; font-size:15px;}
    .case-cnt .img-cnt.type2.type4 ul li .tit {margin-top:16px;}
    .case-cnt .text {font-size:14px;}
    .case-cnt .text-box {font-size:14px;  margin-top:30px;}
    

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

	.btn-pack.form-submit {width:150px; height:50px; 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; }

    .gallery-list {padding-top:20px;}
    .gallery-list ul {margin:0 -6px;}
    .gallery-list ul li {width:50%; padding:0 6px; margin-bottom:25px;}
    .gallery-list ul li .tit {font-size:18px; margin-top:14px;}
    .gallery-list ul li .date {font-size:13px;}

} 

/**  
lang
**/

html:lang(en) .sub-vis .content .tit {max-width: 1240px; margin: 0 auto;}

html:lang(en) .google-element {
    display: none !important;
}

html:lang(en) .btn-m-menu {
    top: 41px;
}

/* 문의폼 */
html:lang(en) .mailform input.input {padding-left: 180px;}

@media (max-width: 1440px) {
    html:lang(en) .sub-vis .content .tit {max-width: 1000px; }  
}
@media (max-width: 1380px) {
    html:lang(en) .sub-vis .content .tit {max-width: 800px; }  
}

@media (max-width: 1240px) {
    html:lang(en) .google-element select {
        width: 100%;
    }
}
@media (max-width: 640px) {
    html:lang(en) .btn-m-menu {
        top: 30px;
    }
    html:lang(en) .lang {
        margin-top: 5px;
    }
}
@media (max-width: 575px) {
    html:lang(en) .mailform .form-group .en-form-col .tit {  position: unset;width: 90px;}
    html:lang(en) .mailform .form-group .en-form-col {
        display: flex;
        align-items: center;
        padding-left: 20px;
        border-radius: 12px;
        background: #f5f5f5;
    }
    
    html:lang(en) .mailform .form-group .en-form-col .input {
        padding-left: 0;
        width: calc(100% - 90px);
    }
}