@charset "utf-8";

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

@media (max-width: 1680px) {

	/* main */
    .main-product .prod-inner {padding:0 20px;}
    .main-product .prod-nav {margin-left:20px;}
    
    :lang(en) #gnb > ul > li {padding:0 25px;}
    :lang(en) #gnb > ul > li > a {font-size:18px;}

    
	
}

@media (max-width: 1440px) {
	
	/* header */

	/* main */
    .main-service .title {margin-bottom: 60px; }
    .main-service .title p {font-size:40px; margin-bottom:16px}
    .main-service .title h2 {font-size:60px;}
    .main-service .link {margin-bottom: 70px;}
    .main-service .link ul {margin:0 -20px -20px;}
    .main-service .link ul li {padding:0 20px; margin-bottom:20px;}
    .main-service .link ul li:before {margin-top: -.5px; left:-20px; width:40px;}
    .main-service .link ul li .box {width:260px; height: 260px;}
    .main-service .link ul li .box .ico {height: 70px;}
    
    .main-product .prod-inner {display:block;}
    .main-product .prod-nav {display:none;}
    .main-product .prod-slider {margin-left:0; width:100%;}
    .main-product .prod-slider .item .photo {margin-right: 60px;}
    .main-product .prod-slider .item .info dl dt {font-size:2.3rem;  margin-bottom:20px;}
    .main-product .prod-slider .item .info dl dd {font-size:1.6rem;}
    .main-product .prod-slider .item .info .btns {margin-top:46px;}
    .main-product .prod-slider .item .info .btns a {width:220px; height: 60px; font-size:1.1rem; padding:0 26px;}
    .main-product .prod-slider .item .info .btns a:after {right:26px; width:26px;}
    .main-product .slick-dots {position: static; top:0; margin-top:50px; display:flex; align-items: center; justify-content: center;}
    .main-product .slick-dots li {margin:0 5px; width:10px; height:10px; transition: .3s;}
    .main-product .slick-dots li button {width:10px; height: 10px; background:#ccc; border-radius: 100%; border:0; text-indent: -999em; transition: .3s;}
    .main-product .slick-dots li.slick-active {width:40px;}
    .main-product .slick-dots li.slick-active button {width:40px; border-radius:10px; background: linear-gradient(60deg, #009c65, #004676);}

    .main-review .review-inner {display:block;}
    .main-review .review-inner .wrap {width:100%; padding-left:20px;}

    :lang(en) .main-product .prod-slider {margin-left:0;}
    :lang(en) .main-product .prod-slider .item .photo {margin-right:60px;}

    /* footer */

	/* sub */
    

	/* board */
	


}


@media (max-width: 1240px) {

	/* header */
    #gnb {margin-left:130px;}
    #gnb > ul > li {padding:0 30px; }

    :lang(en) .sitelogo a {height:24px;}
    :lang(en) #gnb > ul > li {padding:0 16px;}
    :lang(en) #gnb > ul > li > a {font-size:16px;}
    :lang(en) #gnb .submenu > ul > li > a {font-size:16px;}

    /* main */
   
	/* sub */
    .dep1-products--fc .lnb ul li {width:25%;}
    .dep1-products--fc .lnb ul li a {height:65px; font-size:1.3rem;}
    .dep1-products--fc .doc-title {margin-bottom:20px;}

    .lnb-menu {margin-bottom: 25px;}
    .lnb-menu ul li {width:25%;}
    .lnb-menu ul li a {height:65px; font-size:1.3rem;}

    .product-list ul {margin:0 -10px -30px;}
    .product-list ul li {padding: 0 10px; margin-bottom:30px;}
    .product-list ul li .photo {padding:16px;}
    .product-list ul li .info dl dt {font-size:1.4rem; margin-bottom:14px;}
    .product-list ul li .info dl dd {padding:0 10px 0 26px; font-size:1.1rem;}
    .product-list ul li .info dl dd:before {left:10px;}
    .product-list ul li .btns {margin-top:10px; margin-left:-10px; margin-bottom:-10px;}
    .product-list ul li .btns a {padding:0 5px; height:60px; width:calc(50% - 10px); margin-left:10px; margin-bottom:10px; font-size:1.1rem;}
    .product-list ul li .btns a .ico {width:30px; height:30px; margin-right:5px;}

    .product-view .photo {width:560px;  margin-right: 50px;}
	
	

}

@media (max-width: 1140px) {

    :lang(en) #gnb{margin-left:120px;}
    :lang(en) .sitelogo a {height:22px;}
    :lang(en) #gnb > ul > li {padding:0 16px;}
    :lang(en) #gnb > ul > li > a {font-size:15px;}
    :lang(en) #gnb .submenu > ul > li > a {font-size:15px;}
   

    /* sub */
    .greeting .group .image .text {font-size:10rem;}

    .product-view .photo {width:500px;  margin-right: 40px;}
}   

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

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


    .sitelogo {left:20px; margin-top:-13px;}
    .sitelogo a {height:26px;} 

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

	.mobile-navigation {display:block;}

	
	/* main */
    .main-title {margin-bottom: 2rem;}
    .main-title h2 {font-size:2.4rem;}
    .main-title .cnt {font-size:1.3rem;}

	.main-visual .item {height:800px;}
    .main-visual .item .content .txt {font-size:2rem; margin-bottom:2rem;}
    .main-visual .item .content p {font-size:4rem;}
    .main-visual .slick-dots {bottom:50px;}
    .main-visual .slick-dots li {padding:0 16px;}
    .main-visual .slick-dots li button {width:8px; height:8px}
    .main-visual .slick-dots li button:before {width:28px; height:28px;}
    .main-visual .slick-dots li button:after {width:28px; height:28px}

    .main-service {padding:80px 0;}
    .main-service .title {margin-bottom: 50px; }
    .main-service .title p {font-size:1.9rem; margin-bottom:12px}
    .main-service .title h2 {font-size:3.5rem;}
    .main-service .link {margin-bottom: 50px;}
    .main-service .link ul {margin:0 -20px -20px;}
    .main-service .link ul li { padding:0 20px; margin-bottom:20px;}
    .main-service .link ul li:before {margin-top: -.5px; left:-20px; width:40px;}
    .main-service .link ul li .box {width:220px; height: 220px;}
    .main-service .link ul li:nth-child(4):before {display:none;}
    .main-service .link ul li .box .num {font-size:1.1rem; margin-bottom:12px;}
    .main-service .link ul li .box h3 {font-size:1.3rem; margin-bottom:16px;}
    .main-service .link ul li .box .ico {height: 60px;}
    .main-service .btns a {height:62px; border-radius: 62px; font-size:1.3rem;}
    .main-service .btns a span {height:54px; border-radius: 54px;}

    .main-product {padding:80px 0;}
    .main-product .prod-slider .item .photo {width:450px; margin-right: 40px;}
    .main-product .prod-slider .item .info dl dt {font-size:2rem;  margin-bottom:16px;}
    .main-product .prod-slider .item .info dl dd {font-size:1.3rem;}
    .main-product .prod-slider .item .info .btns {margin-top:40px;}
    .main-product .prod-slider .item .info .btns a {width:200px; height: 54px; padding:0 20px;}
    .main-product .prod-slider .item .info .btns a:after {right:20px; width:22px;}
    .main-product .slick-dots {margin-top:40px}


    :lang(en) .main-product .prod-slider .item .photo {width:450px; margin-right: 40px;}


    .main-review {padding:80px 0;}
    .main-review .gallery-list ul li { padding-right: 20px;}
    .main-review .gallery-list ul li .tit {padding: 22px; font-size:1.3rem;}
    .main-review .gallery-list ul li:hover {margin-top:-30px;}
    .main-review .swiper-pagination {margin-top:50px;}
    .main-review .btns a {height: 54px;font-size:1.1rem;  padding:0 20px;}

    .main-tech {padding:80px 0;}
    .main-tech .tech-inner ul {display:flex; margin-left:-30px;}
    .main-tech .tech-inner ul li {width:calc(33.333333% - 30px); margin-left:30px;}
    .main-tech .tech-inner ul li a {padding: 40px 20px 30px; }
    .main-tech .tech-inner ul li .ico {height:66px; margin-bottom: 22px;}
    .main-tech .tech-inner ul li .tit {font-size:1.5rem; margin-bottom: 20px;}
    .main-tech .tech-inner ul li .more {font-size:.9rem;}
    .main-tech .tech-inner ul li .more:after {width:24px;}
  

    /* FOOTER */  
    #footer {padding:45px 0 80px;font-size:16px;}
    #footer .bar {padding:0 12px;}

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

    .sub-vis {height:500px; margin-bottom:70px;}
    .sub-vis .content {padding:0 20px;}
    .sub-vis .content h2 {font-size:3.2rem;  margin-bottom:10px;}
    .sub-vis .content p {font-size:1.4rem;}

    .lnb ul li { margin-right:30px;}
    .lnb ul li a {height:70px; font-size:1.2rem;}

    .dep1-products--fc #lnb {margin-bottom:40px;}
    .dep1-products--fc .lnb ul li {width:33.33333%;}
    .dep1-products--fc .lnb ul li a {height:60px; font-size:1.2rem;}
    .dep1-products--fc .doc-title {margin-bottom:10px;}

    .lnb-menu {margin-bottom: 20px;}
    .lnb-menu ul li {width:33.333333%;}
    .lnb-menu ul li a {height:60px; font-size:1.2rem;}


    .greeting .group {margin-bottom: 60px;}
    .greeting .group .title {width:40%; font-size:1.6rem;}
    .greeting .group .info {width:60%; padding-left:50px;}
    .greeting .group .info .cnt {margin-bottom: 26px; font-size:1.2rem;}
    .greeting .group .image {height:360px;}
    .greeting .group .image .text {bottom:-30px; font-size:8rem;}

    .history-head {height:300px; margin-bottom:50px;}
    .history-head .text {bottom:-40px; font-size:8rem;}
    .history-head .title {top:50px; left:50px; font-size:1.6rem;}
    .history-head .title strong {font-size:2rem;}

    .history ul li {padding-bottom:80px;}
    .history ul li:after {top:20px;}
    .history ul li .year {font-size:2rem; padding-right:40px;}
    .history ul li .info {padding-left:40px; padding-top:0;}
    .history ul li .info:before {top:10px; left:-10px; width:20px; height:20px;}
    .history ul li .info dl {font-size:1.1rem; }
    .history ul li .info dl dt {width:40px;}
    .history ul li .info dl dd {padding-left:30px;}
    .history ul li .info dl dd:before {top:10px; width:6px; height:6px;}
    .history ul li:nth-child(even) .year {padding-left:40px;}
    .history ul li:nth-child(even) .info {padding-right:40px;}
    .history ul li:nth-child(even) .info:before {right:-10px}
    .history ul li:nth-child(even) .info dl dd { padding-right:40px;}

    .doc-title {font-size:1.6rem; margin-bottom:50px;}
    .doc-title br {display:none;}

    .location-inner {margin-bottom:60px;}
    .location-inner .group { margin-bottom:40px;}
    .location-inner .title {width:30%;}
    .location-inner .info {width:70%; font-size:1.2rem ;}
    .location-inner .maps iframe {height:360px !important;}

    .core-inner .group {padding:100px 0;}
    .core-inner .content {margin-bottom:30px;}
    .core-inner .content dl dt {font-size:1.4rem; margin-bottom:12px;}
    .core-inner .content dl dd {font-size:1.3rem }
    .core-inner .image ul { margin:0 -14px;}
    .core-inner .image ul li {padding:0 14px;}

    .process-inner .group {margin-bottom: 40px;}
    .process-inner .tit {font-size:1.3rem ;}
    .process-inner ul {margin:0 -20px; margin-bottom:-20px;}
    .process-inner ul li {padding:0 20px; margin-bottom:20px;}
    .process-inner ul li:after {left:-10px; width:20px;}
    .process-inner ul li img {width:100%;}
    .process-inner ul.first {margin:0 -20px;}
    .process-inner ul.first li {width:50%; padding: 0 20px;}

    .gallery-list ul {margin:0 -10px;}
    .gallery-list ul li {width:33.333333%; padding:0 10px; margin-bottom:30px;}
    .gallery-list ul li .tit {font-size: 1.3rem; margin-top:20px;}

    .page-url-installation--fc .gallery-list ul li .tit {padding: 16px; font-size: 1.3rem;}

    .white-popup {padding:26px;}
    .showroom-box .slider .slick-list .slick-slide h3.title {font-size:1.4rem;  margin-bottom:15px;}
    .mfp-close {right:26px; top:26px;}
    .mfp-close:active {top: 26px;}

    .doc-cnt {font-size:1.4rem;  margin-bottom:25px;}

    .product-list ul {margin:0 -10px -30px;}
    .product-list ul li {width:50%; padding: 0 10px; margin-bottom:30px;}
    .product-list ul li .photo {padding:12px;}
    .product-list ul li .info {padding: 18px;}
    .product-list ul li .info dl dt {font-size:1.3rem; margin-bottom:10px;}

    .product-view {display:block;}
    .product-view .photo {width:100%;  margin-right: 0; margin-bottom:30px;}
    .product-view .photo .prodSlider {margin-bottom:16px; padding:16px;}
    .product-view .photo .prodNav {padding:0 60px;}
    .product-view .photo .prodNav .item {margin-right:16px;}
    .product-view .photo .prodNav .slick-arrow {width:24px;}
    .product-view .photo .prodNav .slick-arrow.slick-prev {left:26px;}
    .product-view .photo .prodNav .slick-arrow.slick-next {right:26px;}

    .product-view .info {width:100%;}
    .product-view .info h2 {font-size:1.5rem; padding-top:0; margin-bottom:25px; }
    .product-view .info .cnt {padding-top:18px; margin-bottom:60px;}
    .product-view .info .cnt dl {padding-bottom:18px; margin-bottom:18px; font-size:1.2rem;}
    .product-view .info .cnt dl dt {width:150px;}
    .product-view .info .cnt dl dd p {padding-left:20px; font-size:1.1rem;}
    .product-view .info .cnt dl dd p:before {top:10px;}
    .product-view .info .btns ul {margin:0 -6px -12px;}
    .product-view .info .btns ul li {padding:0 6px; margin-bottom:12px;}
    .product-view .info .btns ul li a {height:54px; font-size:1.1rem; }
    .product-view .info .btns ul li a .ico {width:30px; height:30px;}
    


   /* footer */
    #footer {padding:60px 0;}

    .foot-logo {margin-left:30px;}
    .foot-logo .logo {margin-bottom: 20px;}
    .foot-logo .text {font-size:2rem;}
    .foot-info {font-size:1rem;}
    .foot-info .copy {padding-top: 30px;}


    .top-btn {display:none !important;}

    .quick-link {bottom:40px; right:20px; width:80px; height: 80px;  font-size:1rem;}
    .quick-link:after {width:80px; height:80px; animation: rotate 2s linear infinite;}
    .quick-link:before {width:72px; height:72px;}

    .scroll-top {bottom:540px; right:20px;}
    .scroll-top .top {width:46px; height:46px; background-size:8px;}


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

    .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-submit {height:60px;  font-size:20px; line-height:60px;}
    .btn-pack.xlarge {height:60px; line-height:60px;  font-size:20px;}

    .mailform {padding-top:30px;}
    .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.2rem;}
    .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;}




	
} 

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


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

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

    .board-write-btn-wrap--fc .btn-cancel--fc,
    .board-write-btn-wrap--fc .btn-confirm--fc {padding:0 10px; height:46px; font-size:15px; line-height:44px;}
    .board-wrap--fc .btn-write-wrap--fc .btn-write--fc {height:46px; font-size:15px;}
    .board-wrap--fc .btn-write-wrap--fc .btn-write--fc:before {width:16px}


	/* sub */

    /* footer */
    #footer {padding:40px 0;}
    #footer .inner {display:block;}
    #footer .bar {padding:0 5px;}

    .foot-logo {width:100%; margin-left:0; margin-bottom:20px; text-align: center;}
    .foot-logo .logo {margin-bottom: 20px;}
    .foot-logo .logo img {height: 22px;}
    .foot-info {width:100%; text-align: center;}
    .foot-info .copy {padding-top: 20px;}

    .scroll-top {bottom:540px; right:20px;}
    .scroll-top .top {width:40px; height:40px; background-size:7px;}
    
	
} 

@media (max-width: 767px) {	
    /* main */
    .main-title .cnt br {display:none;}
    .main-product {padding:60px 0;}
    .main-product .prod-slider .item {display:block;}
    .main-product .prod-slider .item .photo {width:100%; margin-right: 0; margin-bottom:20px;}
    .main-product .prod-slider .item .photo img {width:100%}
    .main-product .prod-slider .item .info {width:100%; text-align:center;}
    .main-product .prod-slider .item .info dl dt {font-size:2rem;  margin-bottom:16px;}
    .main-product .prod-slider .item .info dl dd {font-size:1.3rem;}
    .main-product .prod-slider .item .info .btns {margin-top:20px;}
    .main-product .prod-slider .item .info .btns a {display:inline-flex; height: 44px;}
    .main-product .slick-dots {margin-top:30px}

    :lang(en) .main-product .prod-slider .item .photo {width:100%; margin-right: 0; margin-bottom:20px;}

    .main-tech {padding:60px 0;}
    .main-tech .tech-inner ul {display:block; margin-left:0;}
    .main-tech .tech-inner ul li {width:100%; margin-left:0; margin-bottom:10px;}
    .main-tech .tech-inner ul li:last-child {margin-bottom:0;}
    .main-tech .tech-inner ul li a {padding: 30px 20px 30px; }
    .main-tech .tech-inner ul li .ico {height:60px; margin-bottom: 16px;}
    .main-tech .tech-inner ul li .tit {margin-bottom: 16px;}
    .main-tech .tech-inner ul li .more:after {width:22px;}

    /* 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 td, .webzine-board-list--fc td {padding:0; font-size:16px; border:0;  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;}
    .basic-board-list--fc tbody td.board-subject--fc a, .webzine-board-list--fc tbody td.board-subject--fc a {font-size:16px;}
    .basic-board-list--fc tbody td.board-date--fc, .webzine-board-list--fc tbody td.board-date--fc {font-size:14px;}


    .board-wrap--fc .board-view--fc header {padding:20px 0;} 
    .board-wrap--fc .board-view--fc header h1 {font-size:20px;}
    .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 .input {height:44px; font-size:1.1rem;}
    .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;}


    .greeting .group {display:block; margin-bottom: 50px;}
    .greeting .group .title {width:100%; margin-bottom:20px;}
    .greeting .group .title br {display:none;}
    .greeting .group .info {width:100%; padding-left:0;}
    .greeting .group .info .cnt {margin-bottom: 20px;}
    .greeting .group .image {height:260px;}
    .greeting .group .image .text {bottom:-10px; font-size:4.6rem;}


    .location-inner {margin-bottom:50px;}
    .location-inner .group {display:block; margin-bottom:20px;}
    .location-inner .title {width:100%; margin-bottom:12px;}
    .location-inner .info {width:100%; padding-top:12px;}
    .location-inner .info dl {display:block; margin-bottom:12px; padding-bottom: 12px;}
    .location-inner .info dl dt {width:100%; margin-bottom:10px;}
    .location-inner .info dl dd {width:100%; padding-left:36px;}
    .location-inner .maps iframe {height:260px !important;}

    .page-url-installation--fc .white-popup { padding:20px 40px;}
    .page-url-installation--fc .showroom-box .slick-dots li {width:12px; height: 12px; padding:0 5px;}
    .page-url-installation--fc .showroom-box .slick-arrow {width:40px; height: 40px; margin-top:-20px; background-size:12px;}
    .page-url-installation--fc .showroom-box .slick-arrow.slick-prev {left:-20px;}
    .page-url-installation--fc .showroom-box .slick-arrow.slick-next {right:-20px;}
        

}


/* 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 { margin-top:-10px;}
    .sitelogo a {height:20px;} 


	.mobile-navigation {width:100%;}


   

	
	/* main */
    .main-visual .item {height:600px;}
    .main-visual .slick-dots {bottom:40px;}
    .main-visual .slick-dots li {padding:0 12px;}
    .main-visual .slick-dots li button {width:6px; height:6px}
    .main-visual .slick-dots li button:before {width:24px; height:24px;}
    .main-visual .slick-dots li button:after {width:24px; height:24px}

    .main-service {padding:60px 0;}
    .main-service .title {margin-bottom: 30px; padding:0 20px;}
    .main-service .title p {margin-bottom:10px}
    .main-service .link {margin-bottom: 50px;}
    .main-service .link ul {margin:0 -10px -10px;}
    .main-service .link ul li {padding:0 10px; margin-bottom:10px;}
    .main-service .link ul li:before {left:-10px; width:20px;}
    .main-service .link ul li .box {width:180px; height: 180px;}
    .main-service .link ul li:nth-child(4):before {display:block;}
    .main-service .link ul li:nth-child(3):before {display:none;}
    .main-service .link ul li .box .num { margin-bottom:10px;}
    .main-service .link ul li .box h3 {margin-bottom:12px;}
    .main-service .link ul li .box .ico {height: 40px;}
    .main-service .btns a {height:50px; border-radius: 50px;}
    .main-service .btns a span{height:44px; border-radius: 44px;  padding:0 30px;}

    :lang(en) .main-service .btns a span {padding:0 20px;}

    .main-review {padding:60px 0;}
    .main-review .review-inner {margin-right:0;}
    .main-review .review-inner .wrap {padding:0 20px;}
    .main-review .gallery-list ul li {padding:40px 30px 0;}
    .main-review .gallery-list ul li .tit {padding: 20px;}
    .main-review .swiper-pagination {margin-top:20px;}
    .main-review .btns {display:none; position: static; margin-top:30px;}
    .main-review .btns a {height: 44px; margin:0 auto;}
    .main-review .btns a:after {width:20px; right:20px;}
    .main-review .review-btn-m {display:block;}
   
   
	/* footer */
    #footer .bar {padding:0; display:block; width:0; height:0;}

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

    .sub-vis {height:400px; margin-bottom:60px;}
    .sub-vis .content h2 {font-size:2.6rem}

    .lnb ul li a {height:60px}

    .dep1-products--fc .lnb ul li {width:50%;}
    .dep1-products--fc .lnb ul li a {height:44px}

    .lnb-menu {margin-bottom: 15px;}
    .lnb-menu ul li {width:50%;}
    .lnb-menu ul li a {height:44px}

    .history-head {height:200px; margin-bottom:40px;}
    .history-head .text {bottom:-20px;}
    .history-head .title {top:30px; left:0; padding:0 20px;}

    .history ul li {display:block; padding-bottom:40px;}
    .history ul li:after {display:none;}
    .history ul li .year {position: relative;width:100%; font-size:2rem; padding-right:0; padding-left:30px; text-align:left;}
    .history ul li .year:before {content:""; position:absolute; top:10px; left:0; width:16px; height:16px; background:url('../img/sub/dot.png') 50% 50% no-repeat; background-size:contain;}
    .history ul li .info {width:100%; padding-left:30px; padding-top:0;}
    .history ul li .info:before {display:none;}
    .history ul li .info dl {font-size:1.1rem; }
    .history ul li .info dl dt {width:40px;}
    .history ul li .info dl dd {padding-left:0;}
    .history ul li .info dl dd:before {top:9px; left:-12px; width:5px; height:5px;}
    .history ul li:nth-child(even) .year {padding-left:30px;}
    .history ul li:nth-child(even) .info {padding-right:0; padding-left:30px; text-align:left;}
    .history ul li:nth-child(even) .info:before {left:auto; left:0;}
    .history ul li:nth-child(even) .info dl {justify-content: flex-start;}
    .history ul li:nth-child(even) .info dl dt {order:1;}
    .history ul li:nth-child(even) .info dl dd {order:2; padding-right:0; padding-left:0;}
    .history ul li:nth-child(even) .info dl dd:before {left:-12px; right:auto;}

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

    .core-inner .group {padding:70px 0;}
    .core-inner .content {margin-bottom:20px;}
    .core-inner .image ul {display:block; margin:0;}
    .core-inner .image ul li {width:100%; padding:0; margin-bottom:10px;}
    .core-inner .image ul li img {width:100%;}
    .core-inner .image ul li:last-child {margin-bottom:0;}
    .padding-x-50px { padding-left: 20px; padding-right: 20px;}

    .process-inner .group {margin-bottom: 30px;}
    .process-inner ul {margin:0 ; margin-bottom:-30px;}
    .process-inner ul li {width:100%; padding:0; margin-bottom:30px; padding-bottom:30px;}
    .process-inner ul li:after {left:0; top:auto; bottom:-10px; width:100%; height:16px; margin-left:0; transform: rotate(90deg);}
    .process-inner ul li:first-child:after {display:block;}
    .process-inner ul li:last-child:after {display:none;}
    .process-inner ul.first {margin:0;}
    .process-inner ul.first li {width:100%; padding:0 0 30px;}

    .gallery-list ul {margin:0 -5px;}
    .gallery-list ul li {width:50%; padding:0 5px; margin-bottom:25px;}
    .gallery-list ul li .tit {margin-top:16px;}

    .page-url-installation--fc .gallery-list ul li {width:50%;}
    .page-url-installation--fc .gallery-list ul li .tit {padding: 16px;}


    .white-popup {padding:20px;}
    .mfp-close {right:20px; top:20px;}
    .mfp-close:active {top: 20px;}

    .doc-cnt {font-size:1.3rem;  margin-bottom:20px;}

    .product-list ul {margin:0 -5px -20px;}
    .product-list ul li {width:100%; padding: 0 5px; margin-bottom:20px;}
    .product-list ul li .photo {padding:8px;}
    .product-list ul li .info {padding: 10px;}
    .product-list ul li .info dl dt {font-size:1.3rem; margin-bottom:12px;}
    .product-list ul li .info dl dd {padding:0 10px 0 26px;}
    .product-list ul li .info dl dd:before {top:10px; left:10px; width:5px; height:5px;}
    .product-list ul li .btns {margin-top:10px; margin-left:-5px; margin-bottom:-10px;}
    .product-list ul li .btns a {height:50px; width:calc(50% - 5px); margin-left:5px}
    .product-list ul li .btns a .ico {width:26px; height:26px}

    :lang(en) .product-list ul li .btns a {font-size:1.1em}

    .product-view .photo .prodSlider {margin-bottom:12px; padding:10px;}
    .product-view .photo .prodNav {padding:0 40px;}
    .product-view .photo .prodNav .item {margin-right:10px;}
    .product-view .photo .prodNav .slick-arrow {width:20px;}
    .product-view .photo .prodNav .slick-arrow.slick-prev {left:10px;}
    .product-view .photo .prodNav .slick-arrow.slick-next {right:10px;}

    .product-view .info .cnt {padding-top:10px; margin-bottom:40px;}
    .product-view .info .cnt dl {display:block; padding-bottom:10px; margin-bottom:10px;}
    .product-view .info .cnt dl dt {width:100%; margin-bottom:10px;}
    .product-view .info .cnt dl dd {width:100%; padding-left:10px;}
    .product-view .info .cnt dl dd p {padding-left:14px; font-size:1.1rem;}
    .product-view .info .cnt dl dd p:before {top:8px; width:5px; height:5px;}
    .product-view .info .btns ul {margin:0 -4px -8px;}
    .product-view .info .btns ul li {padding:0 4px; margin-bottom:8px;}
    .product-view .info .btns ul li a {height:44px;}
    .product-view .info .btns ul li a .ico {width:26px; height:26px;}
    :lang(en) .product-view .info .btns ul {display:block; margin:0 0 -8px;}
    :lang(en) .product-view .info .btns ul li {width:100%; padding:0;}
        

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

	.btn-pack.form-submit {width:120px; height:50px;  font-size:16px; line-height:50px;}
    .btn-pack.xlarge {min-width:auto; width:auto; height:50px; line-height:50px;  font-size:16px; padding:0 20px;}

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

    .quick-link {bottom:260px; right:10px; width:70px; height: 70px; }
    .quick-link:after {width:70px; height:70px;}
    .quick-link:before {width:62px; height:62px;}

    
	

} 

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

}