@charset "utf-8";

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

@media (max-width: 1840px) {

	/* header */
    


    
	
}

@media (max-width: 1640px) {
    /* SUB */
   
}


@media (max-width: 1440px) {
	
	/* header */
    
    
	/* main */
    .main-product .group .content {max-width:100%; width:50%;}
    .main-product .group .pic {max-width:100%; width:100%;}
   
        
    .main-news {margin-top:80px; padding: 190px 0 90px;}
    .main-news .main-title {margin-bottom:50px;}
    .main-news .swiper-button-next {right:0;}
    .main-news .swiper-button-prev {left:0;}
    

	/* sub */

    .product-detail {padding-top:100px;}

    .detail-inner .group {margin-bottom:100px;}

    .patent-slider { height: 32vw !important; }
    .patent-slider .slick-arrow {width:50px; height: 50px; background-size:14px;}
    .patent-slider .slick-arrow.slick-prev {left:0;}
    .patent-slider .slick-arrow.slick-next {right:0;}

    .patent-cnt-inner .info {padding-left:100px;}
        

	/* board */
	


}


@media (max-width: 1240px) {

	/* header */
    #gnb > ul > li {width:220px;}

    /* main */
    .main-visual .item {height:850px;}

    .main-inquiry {height: 800px;}

    

	/* footer */
   

    

    /* sub */
    .product-head {margin-bottom:100px;}
    .product-photo {width:550px; margin-right:60px;}
    .product-info .btns ul {margin:0 -8px;}
    .product-info .btns ul li {padding:0 8px;}

    .detail-inner .group .photo {width:500px; margin-left: 60px;}
    .detail-inner .group:nth-child(even) .photo {margin-right: 60px;}

    
    
	

}

@media (max-width: 1140px) {

    /* header */
    #gnb > ul > li {width:200px;}
   
    /* FOOTER */   
   

    /* sub */
    
}   

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

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


    .sitelogo {margin-top:-25px;}
    .sitelogo a {height:50px;} 

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

	.mobile-navigation {display:block;}

	
	/* main */
    .main-visual .item {height:750px;}
    .main-visual .controler-wrap {bottom:90px;}

    .main-visual .scroll {bottom:40px; right:20px;}
    .main-visual .scroll .circle {width:120px; height:120px;}

    .main-product {margin-top:80px; }
    .main-product .group {margin-bottom:80px; min-height: auto;}

    .main-title {margin-bottom:30px;}
    .main-title .cnt br {display:none;}

    .main-more {margin-bottom:70px;}
    .main-more a {height: 44px; width:160px;}
    .main-more a:after {width:24px; height: 24px; background-size:10px;}

    .main-news {margin-top:70px; padding: 120px 0 80px;}
    .main-news .main-title {margin-bottom:40px;}
    .main-news .item {width:360px; margin-right:20px;}
    .main-news .swiper-button-next,
    .main-news .swiper-button-prev {width:50px; height: 50px; background-size:10px;}

    .main-inquiry {height: 600px;}

    /* FOOTER */  
   
    
	/* sub */
    .sub-vis .content h2 {padding-top:70px;}
    .sub-vis .content h2:after {height:52px;}
    
    #lnb {margin-bottom:80px;}
    .lnb ul li {flex:none; margin-right:30px;}
    .lnb ul li:last-child {margin-right:0;}

    .dep1-community--fc .lnb .swiper-container ,
    .dep1-support--fc .lnb .swiper-container {margin-left:0; margin-right:0;} 
    .dep1-community--fc .lnb ul,
    .dep1-support--fc .lnb ul {justify-content: center;}
    
    .real-cont {padding-bottom:80px;}

    .product-list-group .b-line {padding-bottom:90px; margin-bottom:90px;}

    .product-list ul {margin:0 -10px -25px;}
    .product-list ul li {width:33.333333%; padding:0 10px; margin-bottom:25px;}
    .product-list ul li a {padding: 30px 40px;}
    .product-list ul li a:after {border-width:3px;}

    .product-head {margin-bottom:80px;}
    .product-photo {width:500px; margin-right:40px;}
    .product-info .cnt br {display:none;}
    .product-info .btns ul {margin:0 -6px;}
    .product-info .btns ul li {padding:0 6px;}
    .product-info .btns ul li a {height: 52px;}

    .prod-menu ul li a {height: 56px;;}

    .product-detail {padding-top:80px;}
    .product-detail .section {padding-bottom:80px;}
    .product-detail .section:first-child {padding-top:60px;}

    .detail-top-img {margin-bottom:80px;}

    .detail-inner .group {margin-bottom:80px;}
    .detail-inner .group .photo {width:450px; margin-left: 40px;}
    .detail-inner .group:nth-child(even) .photo {margin-right: 40px;}

    .detail-inner .background-txt ul li {font-size:200px;}

    .app-list ul {margin-left:-16px; margin-bottom:-16px;}
    .app-list ul li {width:calc(25% - 16px); margin-left:16px; margin-bottom:16px;}
    .app-list ul li .ico {width:80px; height:80px;}

    .gallery-list {border-top-width: 2px; padding-top:30px;}
    .gallery-list ul { margin:0 -10px;}
    .gallery-list ul li {padding:0 10px; margin-bottom:40px;}
    .gallery-list ul li .tit {margin-top:16px;}

    .board-wrap--fc .board-view--fc header {padding:2rem 0;} 
    .board-wrap--fc .board-view--fc header h1 {font-size:1.7rem;}
    .board-wrap--fc .board-view--fc .board-conts--fc {padding-bottom:4rem; font-size:1.2rem;} 
    .board-wrap--fc .board-view--fc .board-conts--fc div, .board-wrap--fc .board-view--fc .board-conts--fc p {font-size:1.2rem;}

    .board-wrap--fc .board-view--fc .board-view-file--fc {margin:2rem 0; padding:2rem 0;}

    .board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-list--fc {padding:0 2rem; height:44px; font-size:1.2rem; line-height:44px; border-radius: 44px;}
    .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:1.2rem; line-height:42px; border-radius: 44px;}

   
    .board-wrap--fc .board-view--fc .post-navi--fc li span {float:none;}
    .board-wrap--fc .board-view--fc .post-navi--fc li strong {width:100px; font-size:1.2rem ;}
    .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:1.2rem;}
    .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 {font-size:1.2rem}

    .mailform .wrap {margin-bottom:50px;}


    .sub-head {margin-bottom:60px;}

    .buy-vis {margin-bottom:70px; height: 540px;}

    .total-search-inner {margin-bottom: 20px;}
    .total-search-inner .select-group {width:180px;}

    .prod-menu.about {margin-top:60px;}

    #company.section,
    #film.section{padding-top:80px;}

    .company-wrap .section {padding-bottom:80px;}

    .company-inner .group {padding-bottom:80px;}
    .patent-inner .group.bg {padding:80px 0;}

    .company-inner .video-wrap {margin-bottom:60px;}

    .company-inner .about-cnt .title {width:30%}
    .company-inner .about-cnt .info {width:70%}

    .about-image {height: 700px;}
    .company-title {margin-bottom:25px;}

    .vision-inner {padding:55px 20px;}

    .film-inner .photo {width:45%; padding-right:60px;}
    .film-inner .info {width:55%;}
    .film-inner .info ul li {padding-bottom:25px; margin-bottom:25px;}
    .film-inner .info ul li .ico-wrap .ico {width:120px; height: 120px;}

   
    .patent-slider .slick-list {margin:0 -10px;}
    .patent-slider .item {padding:0 10px;}
    .patent-slider .item .photo {padding:20px; margin-bottom:20px;}

    .patent-cnt-inner .photo .pic {height: 700px;;}
    .patent-cnt-inner .info {padding-left:60px;}
    
    .location-inner {margin-bottom:80px;}
    .location-maps {margin:0 -10px;}
    .location-maps .loca-col {padding:0 10px;}
    .location-maps .maps iframe {height: 360px !important;}
    .location-image ul  {margin:0 -10px;}
    .location-image ul li {padding:0 10px; }

    .distri-map {padding:80px 20px;}

    .brand-inner {padding:80px 0;}
    .brand-inner ul {margin-left:-10px;}
    .brand-inner ul li {width:calc(33.333333% - 10px); margin-left:10px; padding: 30px 20px 50px;} 
    .brand-inner ul li br {display:none;}
    .brand-inner ul li .num {font-size:80px; bottom:-30px}

	/* board */
	.mailform + .buttons {margin-top:50px;}
    .btn-pack.form-submit {height:60px;  font-size:20px; line-height:60px;}
    .btn-pack.medium {font-size:1.2rem;}
    .btn-pack.medium:after {font-size:1.2rem;}

    .mailform-tit {font-size:1.6rem;}
    .mailform .input {height:46px; font-size:1.2rem;}
    .mailform .form-group {flex-wrap:wrap; margin:0 -10px 15px; }
    .mailform .form-group .form-col {width:50%; margin-bottom:15px; padding:0 10px;}
    .mailform .form-group.form-col-3 .form-col {width:33.333333%;}
    .mailform .form-group .tit {font-size:1.35rem;}
    .mailform .form-group .em {font-size:1.1rem;}
    .mailform .privacy_box--fc {font-size:1.1rem;}
    .mailform .form-group.code .form-col {width:100%;}
    .mailform input[type="checkbox"] + label {font-size:1.1rem; padding-left:30px;}
    .mailform input[type="checkbox"] + label:before {width:20px; height:20px; top:3px;}
    .mailform .captcha_box--fc input {height:46px; font-size:1.2rem;}
    .mailform span.txt {font-size:1.1rem}

    

	
} 

@media (max-width: 1023px) {
    .patent-slider { height: 53vw !important; }
}

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

	/* sub */
    .product-head .inner {display:block;}
    .product-photo {width:100%; margin-right:0; margin-bottom:30px;}
    .product-info {width:100%; padding-top:0;}
    .product-info .btns ul li a {height: 52px;}

    .app-list ul li {width:calc(33.333333% - 16px);}

    .gallery-list ul { margin:0 -6px;}
    .gallery-list ul li {width:50%; padding:0 6px;}
   
   
    /* footer */
    #footer {padding:30px 0; text-align:center;}
    #footer .bar {padding:0; display:block; font-size:0; line-height:0;}

    .foot-logo {padding-bottom:25px; margin-bottom:25px;}
    .foot-logo img {height:40px;}
    .foot-menu {display:none;}

    .foot-info-inner {display:block;}
    .foot-info-inner .foot-info { width:100%; }
    .foot-info-inner .foot-info .info {margin-bottom: 12px; }
    .foot-info-inner .foot-sns { margin-top:20px;}
    .foot-info-inner .foot-sns .links {margin-bottom:10px;}
    .foot-info-inner .foot-sns .sns-link ul {justify-content: center;}
    
	
} 

@media (max-width: 767px) {	
    .only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

    /* main */
    .main-product {margin-top:60px; }
    .main-product .group {margin-bottom:60px;}

    .main-product .group .content {width:100%;}

    .parellex-title {text-align:center; display:none !important}
    .parellex-title .title.t1 p {left:0;}
    .parellex-title .title.t1 p.color-dark {opacity:0;}
    .parellex-title .title.t2 p {left:0;}
    .parellex-title .title.t2 p.color-dark {opacity:0;}
    .parellex-title .title.t3 p {left:0;}
    .parellex-title .title.t3 p.color-dark {opacity:0;}
    .parellex-title .title.t4 {top:10%}
    .parellex-title .title.t4 p {left:0;}
    .parellex-title .title.t4 p.color-dark {opacity:0;}

    .main-title {margin-bottom:20px;}

    .main-more {margin-bottom:40px;}
    .main-more a {height: 44px; width:160px;}
    .main-more a:after {width:24px; height: 24px; background-size:10px;}

    .main-news {margin-top:50px; padding: 90px 0 60px;}
    .main-news .main-title {margin-bottom:30px;}
    .main-news .item {width:260px; margin-right:10px;}
    .main-news .swiper-button-next,
    .main-news .swiper-button-prev {width:40px; height: 40px; background-size:10px;}
    .main-news  .main-more {position:relative; top:0; right:0; text-align:center; margin-bottom:0; margin-top:40px;}

    .main-inquiry {height: 400px; text-align:center;}

    /* sub */
    .sub-vis {height: calc(100vh - 60px);}
    .sub-vis .content h2 {padding-top:60px;}
    .sub-vis .content h2:after {height:42px;}

    #lnb {margin-bottom:50px;}
    .lnb ul li a {height: 60px;}

    .real-cont {padding-bottom:60px;}

    .lnb-menu ul li a {font-size:var(--font-size-16); padding:8px 0;}
    
    :lang(ru) .lnb-menu ul li {flex:1;}

    .product-list-group .b-line {padding-bottom:60px; margin-bottom:60px;}

    .product-title {margin-bottom:25px;}

    .product-list ul {margin:0 -5px -20px;}
    .product-list ul li {width:100%; padding:0 5px; margin-bottom:20px;}
    .product-list ul li a {padding: 20px 30px;}
    .product-list ul li a:after {border-width:2px;}

    .product-head {margin-bottom:60px;}
    .product-photo {padding:0;}
    .product-info .cnt {margin-bottom:30px;}
    .product-info .btns ul {margin:0 -4px;}
    .product-info .btns ul li {padding:0 4px;}
    .product-info .btns ul li a {height: 46px;}

    .prod-menu ul li a {height: 52px;}

    .product-detail {padding-top:60px;}
    .product-detail .section {padding-bottom:60px;}
    .product-detail .section:first-child {padding-top:50px;}

    .detail-top-img {margin-bottom:60px;}

    .detail-inner .group {margin-bottom:60px;}
    .detail-inner .group .inner {display:block;} 
    .detail-inner .group .photo {width:100%; margin-left: 0; }
    .detail-inner .group:nth-child(even) .photo {margin-right: 0;}
    .detail-inner .group .info {width: 100%; margin-bottom:30px;}

    .detail-inner .background-txt ul li {font-size:160px;}

    .table-group {margin-bottom:40px;}

    .table-list.table-left table tbody th {padding:9px 10px !important;}
    .table-list.table-left table tbody td {padding:9px 10px !important;}

    .app-list ul {margin-left:-10px; margin-bottom:-10px;}
    .app-list ul li {width:calc(50% - 10px); margin-left:10px; margin-bottom:10px;}
    .app-list ul li .ico {width:60px; height:60px;}

    
    .doc-title {margin-bottom:20px;}

    .board-wrap--fc .board-view--fc .board-conts--fc {padding-bottom:2rem;}
    .board-wrap--fc .board-view--fc .post-navi--fc .prev-post--fc {padding-left: 45px;}
    .board-wrap--fc .board-view--fc .post-navi--fc li {padding:18px 20px;}
    .board-wrap--fc .board-view--fc .post-navi--fc li span {width:auto; bottom:0;}


    .contact-box {margin-bottom: 3rem; display:block; padding:1.2rem 2rem; text-align:center;}
    .contact-box .ico {width: 70px; height: 70px; margin:0 auto 10px;}
    .contact-box .info {width:100%;}
    .contact-box .info ul li {margin-bottom:4px; font-size:1.4rem; }

    .gallery-list ul { margin:0 -4px;}
    .gallery-list ul li {width:100%; padding:0 4px; margin-bottom:30px;}
    .gallery-list ul li .tit {margin-top:12px;}
    
   
    .board-search-wrap--fc {margin-bottom:20px; display:block;}
    .board-search-wrap--fc p:nth-of-type(1) {width:120px;}
    .board-search-wrap--fc p:nth-of-type(2) {width:calc(100% - 120px);}

    .board-wrap--fc .board-paging {margin:30px auto 0;}
    .board-paging li > a {width:36px; height: 36px;}

    .lnb-menu {margin-bottom: 50px; margin-top:-20px;}

    .buy-table .table-list {overflow-x:auto; -webkit-overflow-scrolling:touch;}
    .buy-table .table-list table {width:1000px !important;}

    .sub-head {margin-bottom:40px;}

    .buy-vis {margin-bottom:50px; height: 440px;}

    .dep1-products--fc .prod-menu ul li {flex:1;}
    .prod-menu ul li {flex:none;}
    .prod-menu ul li a {padding:0 20px; min-width:140px;}
    .dep1-products--fc .prod-menu.fixed {top:59px;}
    
    .prod-menu.about {margin-top:40px;}

    #company.section,
    #film.section{padding-top:60px;}

    .company-wrap .section {padding-bottom:60px;}

    .company-inner .group {padding-bottom:60px;}
    .patent-inner .group.bg {padding:60px 0;}

    .company-inner .video-wrap {margin-bottom:40px;}

    .company-inner .about-cnt {display:block;}
    .company-inner .about-cnt .title {width:100%; margin-bottom:20px;}
    .company-inner .about-cnt .info {width:100%}

    .about-image {height: 450px;}
    .company-title {margin-bottom:20px;}

    .vision-inner {padding:40px 20px;}

    .film-inner {display:block;}
    .film-inner .photo {width:100%; padding-right:0; text-align:center; padding:0 20%; margin-bottom:20px;}
    .film-inner .info {width:100%;}
    .film-inner .info ul li {padding-bottom:20px; margin-bottom:20px;}
    .film-inner .info ul li .ico-wrap .ico {width:100px; height: 100px;}

    .patent-slider .slick-list {margin:0 -6px;}
    .patent-slider .item {padding:0 6px;}
    .patent-slider .item .photo {padding:16px; margin-bottom:16px;}

    .patent-cnt-inner {display:block;}
    .patent-cnt-inner .photo {width:100%;}
    .patent-cnt-inner .photo .pic {height: 300px}
    .patent-cnt-inner .info {padding:30px 20px; width:100%;}
    
    .location-inner {margin-bottom:60px;}
    .location-maps {margin:0 ; display:block;}
    .location-maps .loca-col {padding:0; width:100%; margin-bottom:30px;}
    .location-maps .loca-col:last-child {margin-bottom:0;}
    .location-maps .maps iframe {height: 260px !important;}
    .location-image ul {flex-wrap:wrap; margin:0 -5px -10px;}
    .location-image ul li {width:50%; padding:0 5px; margin-bottom:10px;}

    .distri-map {padding:60px 20px;}

    .brand-inner {padding:60px 0;}
    .brand-inner ul {display:block; margin-left:0;}
    .brand-inner ul li {width:100%; margin-left:0; margin-bottom:10px; padding: 30px 20px 50px;} 
    .brand-inner ul li:last-child {margin-bottom:0;}
    .brand-inner ul li br {display:none;}
    .brand-inner ul li .num {font-size:60px; bottom:-25px}


    

    /* board */

    .mailform .wrap {margin-bottom:30px;}

    .mailform-title {margin-bottom:10px;}
    .mailform-title:before {top:.2rem}

    .mailform .input {height:44px; font-size:1.2rem;}
    .mailform textarea.input {height:140px;}
    .mailform .form-group {flex-wrap:wrap; margin:0 -5px 0; }
    .mailform .form-group .form-col {width:100%; margin-bottom:15px;}
    .mailform .form-group.form-col-3 .form-col {width:100%;}
    .mailform .captcha_box--fc input {height:44px; }
    .mailform .privacy_box--fc {height: 100px; padding:20px;}
    .mailform .form-group.code .form-col {width:100%;}
    .mailform input[type="checkbox"] + label:before {top:1px; width:18px; height:18px;}
    .mailform .captcha_box--fc {flex-wrap:wrap;}
    .mailform .captcha_box--fc input {height:44px;}
   

    .filebox label {width:110px; margin-right:10px;  line-height:44px;}
    .filebox .upload-name {height: 44px; font-size:15px; padding-left:10px;}

    input[type="radio"] + label {font-size:1.2rem}
    .radiobox input[type="radio"] + label:before {width:16px; height: 16px; top:.2rem}
    .radiobox input[type="radio"]:checked + label:before {width: 16px;  height: 16px; background-size:8px;}



}


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

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

    .sitelogo { margin-top:-20px;}
    .sitelogo a {height:40px;} 


	.mobile-navigation {width:100%;}

	
	/* main */
    .main-visual .item {height:100vh;}
    .main-visual .controler-wrap {bottom:30px;}

    .main-visual .scroll {bottom:30px; right:20px;}
    .main-visual .scroll .circle {width:80px; height:80px;}
    .main-visual .scroll .down {width:12px;}
   
    .main-product .group .pic {max-width:100%;}
   
	/* footer */
   

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

   
    

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

	.btn-pack.form-submit {width:150px; height:44px;  font-size:1.3rem;}

	

} 

/* Landscape phones and down */
@media (max-width: 639px) {
    .patent-slider { height: 75vw !important; }
}