@charset "UTF-8";

/*
* File : media.css
* Author : MYLINK HOME
* Date : 2025.05.13
*/

/* 고해상도 */

@media all and (min-width:5000px) {
	.function-wrap{padding:0px 30vw}

}

@media all and (min-width:2140px) {
	
	/* 메인 */
	.main-wrap .faq-wrap{padding:140px 10vw}
	.main-wrap .faq-wrap:before{left:10vw; bottom:-60px}
	.main-wrap .faq-wrap:after{left:8vw; width: 760px; height: 760px; }
	

	
	
	.solution.portal .visual-portal{padding-top:200px}
	#section-5{height:30vh}
	.en #section-5{height:45vh}
	
	
} 

@media all and (max-width:1680px) {
	.gnb{gap:40px}
	.header-w .gnb > li{width: max-content}
	.main-wrap .support-wrap .news-area .news-cont{grid-template-columns:repeat(1, 1fr)}
	.main-wrap .main-solution .solution-banner{padding:80px 60px}
	.main-wrap .main-solution .solution-banner .solution-list{width: 75%;}
	.main-wrap .main-solution .solution-banner .solution-list ul li{width: 100%;}
	.main-wrap .support-wrap .news-area .news-cont .news{height: 330px}
	.main-wrap .support-wrap .service-area .service-list .service{height: 330px}
	.main-wrap .faq-wrap{height: auto}
	.main-wrap .faq-wrap > div{gap:initial; justify-content:space-between;}	
	.main-wrap .faq-wrap .tit-wrap{width: 30%; flex:none}

	
	.function-wrap{gap:0px 5%}
	.function-list{width: 30%; min-width: 330px}
	.function-cont {width: 65%}
	.function-cont section.function{height:initial }
	.function-cont section.function .section-cont{flex-direction:column;}
	.function-cont section.function .section-cont ul.detail{width: 100%;}
	.function-cont section.function .section-cont .img-area{position:relative; width: 100%; height: auto}
	
	.soluton-visual-wrap .visual-img{zoom:0.8}
	.soluton-visual-wrap .sub-img{zoom:0.9}
	.smartfac-wrap .factory-overview{padding:0px 5vw; padding-top:140px; width: 100%;}
	.smartfac-wrap .smart-core .core-cont{padding:0px 5vw; width: 100%;}
	.smartfac-wrap .support-service-map{padding:0px 5vw; width: 100%;}
	.news-wrap .notice.notice-view{width: 90%;}
	

	
}


@media all and (max-width:1366px){
	.page-tit{width: 100%;}
	.main-wrap .support-wrap .news-area .news-cont .news .tit{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
	.main-wrap .contact-wrap .tit{word-break:auto-phrase}	
	.main-wrap .main-swiper .main-award{top:-100px}
	.solution-wrap .solution-list{width: 100%;}
	
	.smartfac-wrap .smart-core{height: auto}
	.smartfac-wrap .smart-core .core-cont > ul{display:grid; grid-template-columns: repeat(2, 1fr); justify-items:center; gap:24px; width:fit-content; margin: 0 auto}
	.smartfac-wrap .smart-core .core-cont > ul > li:nth-of-type(even){margin-top:24px}
	.smartfac-wrap .support-service-map .service-table{overflow: auto; padding:12px}
	.smartfac-wrap .support-service-map .service-table ul{width: 1400px;}
	.smart-banner .tit{width: 90%;}
	
	.function-wrap{flex-direction: column; flex-wrap: nowrap; padding:0px 5vw 40px}
	.function-category{display: none;}
	.function-list{display:none; }
	.function-list .page-tit{margin-bottom:initial}
	.function-list ul{display:none}
	.function-cont{overflow:auto; width: 100%; justify-content:initial; top:40px}
	.function-cont section.function{padding-right:initial }
	.function-cont section.function .section-cont{padding-top: 0px; flex-wrap:initial; }
	
	.solution-wrap.home .soluton-visual-wrap{justify-content:flex-end; height: auto}
	.solution-wrap .page-tit{width: 100%;}
	.soluton-visual-wrap{gap:42px; flex-direction: column-reverse;}
	.soluton-visual-wrap .visual-img{width: 90%;}
	.soluton-visual-wrap .sub-img{zoom:1; left:0px; top:0px; width: 100%; height: -webkit-fill-available}
	
	.soluton-visual-wrap .cut-img01,
	.soluton-visual-wrap .cut-img02,
	.soluton-visual-wrap .cut-img03{border-radius: 10px}
	.soluton-visual-wrap .cut-img01{top:20%; left:10%;}
	.soluton-visual-wrap .cut-img02{top:25%; left:40%;}
	.soluton-visual-wrap .cut-img03{top:initial; bottom:10%;}
	.soluton-visual-wrap .tit-wrap{text-align: center}
	.soluton-visual-wrap .tit-wrap .tit{width: 100%}
	.solution-cont .soluton-list-detail > ul{width: 90%}
	
	.solution-cont .intro-wrap{width: 90%;}
	.solution-cont .cont-detail .server-list-wrap{width: 90%;}
	.solution-cont .cont-detail .server-list-wrap .server-list{grid-template-columns: repeat(3, minmax(100px, auto));}	
	.solution-cont .cont-detail .system-process-wrap{width: 90%;}
	.solution-cont .cont-detail .system-process-wrap .system-process{width: 100%; padding:16px; height: fit-content}
	.solution-cont .cont-detail .system-process-wrap .system-process > img{width: 100%;}
	.solution-cont .cont-detail .maintenance-wrap{width: 90%; flex-direction:column;}
	.solution-cont .cont-detail .maintenance-wrap > div{width: 100%;}
	.solution-cont.pms .intro-wrap .pms-intro{flex-direction:column-reverse; align-items:flex-start; gap:40px; margin-bottom: 40px}
	.solution-cont.pms .intro-wrap .pms-intro .function{width: 100%; padding:24px}
	.solution-cont.pms .intro-wrap .pms-intro .function > li{width: 100%;}
	.solution-cont.pms .process-wrap .process{zoom:0.9}
	.solution-cont.qms .intro-wrap .qms-function ul{flex-wrap: wrap; justify-content: center;}
	.solution-cont.qms .intro-wrap .qms-function ul li{flex:none; }
	.solution-cont.qms .intro-wrap .qms-function ul li:nth-child(even){margin-top: 0}
	.solution-cont.qms .cont-detail:nth-of-type(1){width: 90%;}
	.solution-cont.dms .cont-detail:nth-of-type(1){width: 90%}
	
	
	.company-wrap .company-overview .tit{width: 90%;}
	.company-wrap .company-overview .core-values{height: auto}
	.company-wrap .company-overview .core-values ul{gap:20px; flex-direction:column;}
	.company-wrap .company-overview .core-values ul > li {height: 405px; width: 801px;}
	.company-wrap .company-overview .core-values ul > li .values-wrap{display:flex; gap:60px; align-items: center}
	.company-wrap .company-overview .core-values ul > li:after {width: 796px; height:401px;}
	.company-wrap .company-overview .core-values ul > li .values-wrap .tit-wrap{margin-top: 0}
	.company-wrap .company-overview .core-values ul li.floating::before {width: 900px; height: 900px;}
	.company-wrap .company-overview .core-values ul > li:nth-child(2){top:initial}
	.company-wrap .company-overview .core-values ul > li:nth-child(4){top:initial}
	.company-wrap .company-overview .core-values ul li.floating {transform: translateY(0px); border-color:transparent;}
	.company-wrap .company-overview .core-values ul li.falling {transform: translateY(0px); border-color:#D5DDE1;}
	.company-wrap .core-banner{height: auto}
	.company-wrap .core-banner .main-banner{flex-direction: column; gap:80px; width: 100%; padding:0px; padding-top:80px; padding-bottom:140px; align-items: center; height: auto}
	.company-wrap .core-banner .main-banner .cont-txt{text-align:center;} 
	.company-wrap .core-banner .sub-banner{position: relative; width: 90%; bottom:0px; border-radius: 1000px; margin: 0 auto; top:-100px; padding:0}
	.company-wrap .core-banner .main-banner .img-area > .point-icon-wrap{position: absolute; top:0px; left:30%; width: 100%;}
	.company-wrap .history h3.tit{width: 90%; text-align: center; margin: 0 auto}
	.company-wrap .history .timeline-wrap{width: 90%;}

	
	.company-wrap .company-info .info-detail ul{width: 90%;}
	.company-wrap .company-info .info-detail ul li{width: auto}
	.company-wrap .company-info .location{width: 90%;}
	.company-wrap .company-info .location .maps-wrap{flex-direction:column;}
	.company-wrap .company-info .location .map-area{width: 100%;}
	.company-wrap .partnership{padding:0px 5vw}
	.company-wrap .partnership .tit{text-align: center;}
	
	.news-wrap .social-media .social-cont-wrap{grid-template-columns:repeat(2, 1fr)}
	
	.helpdesk-wrap .form-wrap{width: 90%}
	.helpdesk-wrap .contact{width: 90%}
	.helpdesk-wrap .button.Large{width: 90%;}
	.helpdesk-wrap .form-wrap .form.contact{width: 100%;}
	
		
		
	
	
}


@media all and (max-width:1024px) {
	html { font-size: 56.25%; }
	
	/* layout */
	header > .wrap {position: relative; max-width: 100%;}
    header > .wrap .mylink {margin-left: 2vw;}
    .header-w .gnb_menu .bar-menu:before {color: #000; }
    .gnb_menu{z-index: 99}
    .gnb_menu .bar-menu:before {display: block;}
    
    .gnb_menu .gnb { display: none }
    .gnb_menu .gnb.active {display: none; position: absolute; left: 0px; background: #fff; width: 100%;}
    .gnb_menu .gnb.active li {clear: both}
    .gnb_menu .gnb.active li a {color: #000;}
	
	.lang-btn-wrap{right: 52px}
	
	.footer{height: auto}	
	.footer-inner{flex-direction: column; align-items:center}
	.footer-inner .company-info > ul{flex-direction:column; align-items:center}
	.footer-inner .company-info > ul > li{font-size: 1.8rem}
	.footer-inner .company-info > address > p{ align-items:center; font-size: 1.8rem}
	.main-wrap .main-swiper .category-wrap {max-width: 100%;}
	.main-wrap .main-swiper .category-wrap .category{gap:12px; flex-wrap:wrap;}
	.main-wrap .main-swiper .swiper-wrapper .swiper-slide{display:flex; flex-direction:column; padding:60px; }	
	.main-wrap .main-swiper .swiper-wrapper .swiper-slide .img-area{position:relative; width: 100%; padding-left:0px}
	.main-wrap .main-swiper .swiper-wrapper .swiper-slide .img-area > img{object-fit:contain}
	.main-wrap .main-swiper .swiper-wrapper .swiper-slide.link-plm .img-area > .main-img{width: auto; height:100%; bottom:0px; top:initial}
	.main-wrap .main-swiper .swiper-wrapper .swiper-slide.link-pms .img-area > .main-img{width: auto; height:100%; bottom:0px; top:initial}
	.main-wrap .main-swiper .swiper-wrapper .swiper-slide.link-qms .img-area > .main-img{width: auto; height:100%; bottom:0px; top:initial}
	.main-wrap .main-swiper .swiper-wrapper .swiper-slide.link-qms .img-area > .sub-img{display: none}
	.main-wrap .main-swiper .swiper-wrapper .swiper-slide.link-dms .img-area > .main-img{width: auto; height:-webkit-fill-available; bottom:24px; top:initial; left:0px}
	.main-wrap .main-swiper .swiper-wrapper .swiper-slide.link-dms .img-area > .sub-img{display: none}
	.main-wrap .main-swiper .swiper-wrapper .swiper-slide .txt{word-break:auto-phrase; width: 100%; margin-bottom: 24px}
	.main-wrap .main-solution h3.tit{width: 90%;}
	
	.main-wrap .main-solution .solution-banner{flex-direction: column; background-size: cover; height: auto;}
	.main-wrap .main-solution .solution-banner:hover {background-size: cover; height: auto}
	.main-wrap .main-solution .solution-banner .tit-wrap{flex-direction:row; margin-bottom:60px}
	.main-wrap .main-solution .solution-banner .solution-list {width: 100%;}
	.main-wrap .main-solution .solution-banner .solution-list ul li{width: 100%; text-align: center; height: auto; padding:24px; word-break:auto-phrase}
	
	.main-wrap .support-wrap{flex-direction:column; padding:0px 5vw;}
	.main-wrap .support-wrap .news-area{width: 100%;}
	.main-wrap .support-wrap .service-area{width: 100%;}
	.main-wrap .faq-wrap{padding:80px 5vw; }
	.main-wrap .faq-wrap > div{flex-direction: column; gap:72px}	
	.main-wrap .faq-wrap > div:before{left:initial; right: -240px; top:-200px}
	.main-wrap .faq-wrap > div:after{left:initial; right: -240px; top:-200px}
	.main-wrap .faq-wrap .tit-wrap{width: 100%}
	.main-wrap .faq-wrap .faq-list{width: 100%;}
	.main-wrap .faq-wrap .faq-list > li{padding:54px}
	
	.main-wrap .contact-wrap{height: auto; padding: 140px 0px}
	.main-wrap .contact-wrap .contact-cont{padding:0px 5vw}
	
	.smartfac-wrap .smart-core > .tit{width: 90%;}
	.smartfac-wrap .factory-overview > ul > li{flex-direction:column; height: auto; gap:0px;}
	.smartfac-wrap .factory-overview > ul > li .tit{width: 100%; height: 80px; }
	.smartfac-wrap .factory-overview > ul > li .txt{display:flex; align-items:center; justify-content:center; text-align:center; width: 100%; height: 100px; padding-right:initial}
		
	.solution-cont .soluton-list-detail > ul{gap:42px}
	.solution-cont .soluton-list-detail > ul > li:after{font-size: 9rem}
	
	.solution-cont .intro-wrap .key-features-list > ul{grid-template-columns:repeat(2, 1fr)}
	.solution-cont .cont-detail .tit-wrap{width: 90%;}	
	.solution-cont.pms .process-wrap {overflow: hidden; overflow-x:scroll;padding:80px 5vw; height:fit-content}
	.solution-cont.pms .process-wrap .process{width: 1270px}
	.solution-cont.qms .cont-detail .feature-wrap .feature_list > li .list_step{flex-wrap: wrap; justify-content:center; gap:20px 40px}
	.solution-cont.qms .cont-detail .feature-wrap .feature_list > li .list_step > div{min-width: 140px}
	
	
	.company-wrap .company-overview .core-values{width: 100%;}
	.company-wrap .company-overview .core-values ul > li{width: 100%;}
	.company-wrap .company-overview .core-values ul li.floating::before {display:none;}

	.company-wrap .core-banner .sub-banner{border-radius: 0; width: 100%;}
	.company-wrap .core-banner .main-banner .cont-txt{width: 90%}
	.company-wrap .history .bg-txt{right:-10px}
	.company-wrap .history .timeline-wrap > ul > li:nth-child(odd){left:24px;}
	.company-wrap .history .timeline-wrap > ul > li:nth-child(even){left:24px; text-align: left; padding-right:0px; padding-left:40px;}
	.company-wrap .history .timeline-wrap > ul > li:nth-child(even) > ul > li{flex-direction:row}
	.company-wrap .history .timeline-wrap > ul > li{width: 100%;}
	.company-wrap .history .timeline-wrap::before {left: 0%;}
	.company-wrap .history .timeline-progress {left: 0%; }
	.company-wrap .company-info .info-detail ul{grid-template-columns:repeat(2, 1fr)}
	.company-wrap .company-info .info-detail ul li{height: 180px}
	.company-wrap .company-overview .core-values{padding:0px 5vw}	
	.company-wrap .company-overview .core-values ul li.floating{border-color:#D5DDE1}
	.company-wrap .company-overview .core-values ul > li .values-wrap .img-area{zoom:0.8}
	.company-wrap .partnership .partner{width: 180px}
	.company-wrap .core-banner .main-banner .img-area{width: 90%}
	.company-wrap .core-banner .main-banner .img-area > .point-icon-wrap{left:initial; zoom:0.8}
	.company-wrap .core-banner .main-banner .img-area > .point-icon-wrap .icon:nth-child(1){left:0%}
	.company-wrap .core-banner .main-banner .img-area > .point-icon-wrap .icon:nth-child(2){left: 30%}
	.company-wrap .core-banner .main-banner .img-area > .point-icon-wrap .icon:nth-child(3){left: 15%; top:220px}
	.company-wrap .core-banner .main-banner .img-area > .point-icon-wrap .icon:nth-child(4){right: 5%} 
	.company-wrap .core-banner .main-banner .img-area > img{width: 100%}
	.company-wrap .core-banner .sub-banner .cont-txt{width: 90%;}
	.news-wrap .social-media .social-cont-wrap{grid-template-columns:repeat(1, 1fr)}
	
	.helpdesk-wrap .form-wrap .checkbox-wrap{grid-template-columns:repeat(2, 1fr)}
	.helpdesk-wrap .form-wrap .form{grid-column:1/3}
	.helpdesk-wrap .form-wrap .form .switch-wrap{grid-template-columns:repeat(2, 1fr)}
	.helpdesk-wrap .contact{flex-direction: column;}
	.helpdesk-wrap .contact .contact-box{width: 100%;}
	.category-wrap .category{gap:12px}
	.pop-inner > div{width: -webkit-fill-available; height: -webkit-fill-available;}
	
}
@media all and (max-width:1023px){
	.main-wrap .main-swiper{padding:120px 5vw 60px 5vw;}
	.main-wrap .main-swiper .swiper-wrapper .swiper-slide-active{width: 100% !important}
	.main-wrap .main-swiper .swiper:after{display:none}	
}


@media all and (max-width:768px) {
	 html { font-size: 50%; }
	.quick .button{width: 100%;}
	.main-wrap .main-swiper{padding-top: 80px; }
	.main-wrap .main-swiper .category-wrap{display:none}	
	
	.main-wrap .main-swiper .swiper-wrapper{height: 620px}
    .main-wrap .main-swiper .swiper-wrapper .swiper-slide{height: 560px}
    .main-wrap .main-swiper .swiper-wrapper .swiper-slide-prev{background: linear-gradient(270deg, #ffffff, transparent)}
	.main-wrap .main-swiper .swiper-slide .slide-motion .slide-box1{display:none}
	.main-wrap .main-swiper .swiper-slide .slide-motion .slide-box2{display:none}
	.main-wrap .main-swiper .swiper-slide .slide-motion .slide-circle1{display:none}
	.main-wrap .main-swiper .swiper-slide .slide-motion .slide-circle2{display:none}
	.main-wrap .main-swiper .swiper-slide .slide-motion .slide-circle3{display:none}	
	.main-wrap .main-swiper .swiper-wrapper .swiper-slide .img-area{width: 100%; height: 100%;}
	.main-wrap .main-swiper .swiper-wrapper .swiper-slide .img-area > img{width:auto; height: 100%}
	.main-wrap .main-swiper .swiper-wrapper .swiper-slide.link-plm .img-area > .main-img{width: 100%; height:100%;}
	.main-wrap .main-swiper .swiper-wrapper .swiper-slide.link-pms .img-area > .main-img{width: 100%; height:100%;}
	.main-wrap .main-swiper .swiper-wrapper .swiper-slide.link-qms .img-area > .main-img{width: 100%; height:100%;}
	.main-wrap .main-swiper .swiper-wrapper .swiper-slide.link-dms .img-area > .main-img{width: 100%; height:100%; bottom:initial}
	.main-wrap .main-swiper .swiper-wrapper .swiper-slide-active .img-area > .sub-img {display:none}
	.main-wrap .main-swiper .swiper-wrapper .swiper-slide-active .award-wrap{position: relative; justify-content:flex-end; top:-12px; right:initial; }	
	.main-wrap .main-swiper .swiper-wrapper .swiper-slide .Button{width: 100%; height: 100%;}
	.main-wrap .main-solution .solution-banner .solution-list ul{grid-template-columns:repeat(1, 1fr)}
	.main-wrap .main-swiper .swiper-wrapper .swiper-slide .Button i{display:none}
	
	.main-wrap .faq-wrap .faq-list > li{padding:36px}
	.main-wrap .faq-wrap .faq-list > li .tit{gap:24px} 
	
	.main-wrap .support-wrap .service-area .service-list{grid-template-columns:repeat(1, 1fr)}
	.main-wrap .support-wrap .service-area .service-list .service{height: fit-content; padding:42px 0px}
	.main-wrap .contact-wrap .contact-icon > ul{grid-template-columns:repeat(1, 1fr); gap:42px}	
	.main-wrap .contact-wrap .contact-icon > ul > li:nth-child(2):before{display: none}
	.main-wrap .contact-wrap .contact-icon > ul > li:nth-child(2):after{display: none}
	.main-wrap .main-solution .solution-banner{padding:60px 30px}
	.main-wrap .main-solution .solution-banner .tit-wrap{flex-wrap: wrap; gap:20px; align-items:center;}
	.main-wrap .main-solution .solution-banner .solution-list ul li{word-break:break-word; min-width: 100% }
	
	.main-wrap .contact-wrap .button.Large{width: 100%}
	
	

	.footer-inner{gap:60px}
	.footer-inner .company-info{align-items: center}
	.footer-inner .company-info > ul > li{flex-direction: column; align-items:center;}
	.footer-inner .company-info > address > p{flex-direction:column; margin-bottom: 24px; align-items:center; text-align: center}
	.footer-inner .company-etc{align-items: center}
	.soluton-visual-wrap .tit-wrap{padding:0px 5vw}
	.soluton-visual-wrap .cut-img02{left:50%}
	.soluton-visual-wrap .cut-img03{display:none}
	.solution-cont .intro-wrap .key-features-list > ul{grid-template-columns:repeat(1, 1fr)}
	.solution-cont .soluton-list-detail{height: auto; margin-bottom: 140px}	
	.solution-cont .soluton-list-detail > ul {grid-template-columns:repeat(1, 1fr)}
	
	.solution-cont .cont-detail .server-list-wrap h4.tit{position:relative; top:initial; left:initial; width:100%; padding: 0px 24px;}
	.solution-cont .cont-detail .server-list-wrap .legend{position: relative; top:16px; left:20px; right:initial }
	.solution-cont .cont-detail > p.txt{width: 80%;}
	
	.solution-cont .cont-detail .frame-arch-wrap{width: 90%; max-width: 90%;}
	.solution-cont .cont-detail .frame-arch-wrap .legend-wrap > ul{grid-template-columns:repeat(2, 1fr)}
	.solution-cont .cont-detail .frame-arch-wrap .frame-list > div[class^="frame-"] > ul{grid-template-columns:repeat(1, 1fr)}
	.solution-cont .cont-detail .maintenance-wrap > div > ul > li .numbering .number{font-size: 9.8rem}
	.solution-cont.pms .intro-wrap .pms-intro .tit-wrap .sub-tit:before{display:none}
	.solution-cont.pms .intro-wrap .pms-intro .function{grid-template-columns:repeat(2, 1fr)}
	.solution-cont .cont-detail .server-list-wrap .server-list{grid-template-columns:repeat(1, 1fr)}
	.solution-cont .cont-detail .server-list-wrap .server-list > li.row2{grid-column:initial; display: flex; gap:14px}
	.solution-cont .cont-detail .server-list-wrap .server-list > li.row2 > ul{width: 100%;}
	.solution-cont .cont-detail .server-list-wrap .server-list > li.row2 > .tit{margin-bottom: 0px}
	.solution-cont .cont-detail .frame-arch-wrap .frame-list > div[class^="frame-ty2"] > ul{grid-template-columns:repeat(1, 1fr)}
	.solution-cont .cont-detail .frame-arch-wrap .frame-list > div[class^="frame-"] > ul > li.label{padding:5vw}
	.solution-cont .cont-detail .frame-arch-wrap .frame-list > div[class^="frame-ty3"] > ul{grid-template-columns:repeat(1, 1fr)}
	.solution-cont.qms .intro-wrap .qms-function ul li{width: 120px; height:120px}
	.solution-cont.qms .cont-detail .feature-wrap .feature_list > li{padding:40px 16px 40px 42px }
	.solution-cont.qms .cont-detail .feature-wrap .feature_list > li .list_step{width: 90%;}
	.solution-cont.dms .cont-detail .tit-wrap{width: 100%;}
	.solution-cont.dms .intro-wrap .key-features-list > ul{grid-template-columns:repeat(1, 1fr)}
	.solution-cont.dms .cont-detail .feature-wrap .feature_list > li{padding:40px 16px 40px 42px}
	.solution-cont.dms .cont-detail .feature-wrap .feature_list > li > ul > li > ul{padding:20px 16px 20px 32px}
	
	
	
	.smartfac-wrap .page-tit{height: auto; background-size: cover; padding:80px 10vw; word-break:auto-phrase;}
	
	.smartfac-wrap .smart-core .core-cont > ul{grid-template-columns:repeat(2, 1fr)}
	.smartfac-wrap .smart-core .core-cont > ul > li{width: 100%;}
	.smartfac-wrap .page-tit .group-button{flex-direction:column; width: 100%;}
	.smartfac-wrap .page-tit .group-button .button.round{width:100%; min-width: 100%;}
	.smartfac-wrap .page-tit h2{width: 100%}
	.smart-banner{padding:0px 5vw}
	
	.company-wrap .company-overview .core-values ul > li{height: auto; padding:60px 5vw}	
	.company-wrap .company-overview .core-values ul > li .values-wrap{flex-direction:column; gap:40px}
	.company-wrap .company-overview .core-values ul > li .values-wrap .tit-wrap{width: 100%;}
	.company-wrap .company-overview .core-values ul > li .values-wrap .tit-wrap .tit{width: 100%;}
	.company-wrap .history .history-banner img {object-position:-630px}
	.company-wrap .company-info .info-detail{padding-top:60px}
	.company-wrap .company-info .info-detail ul{grid-template-columns:repeat(1, 1fr)}
	
	.social-media .category-wrap{flex-direction:column;  gap:24px}
	.social-media .category-wrap .category{flex-wrap:wrap; gap:12px} 
	.social-media .category-wrap .Divselect{display:none}
	.news-wrap .social-media .social-cont-wrap{margin-top: 24px}
	.news-wrap .notice-list .notice{flex-direction: column; align-items:flex-start; gap:24px; height: auto}
	.news-wrap .notice-list .notice .tit-wrap{width: 100%;}
	.helpdesk-wrap .consent{flex-direction: column; padding:80px 5vw}
	.helpdesk-wrap .form-wrap .checkbox-wrap{grid-template-columns:repeat(1, 1fr)}
	.helpdesk-wrap .form-wrap .form.contact .col2 {flex-wrap: wrap;}
	.helpdesk-wrap .form-wrap .form.contact .col2 .Daterange{width: 100%;}
	.helpdesk-wrap .form-wrap .form.contact .col2 .Daterange .Dateinput{width: 100%;}
	.helpdesk-wrap .form-wrap .form .switch-wrap{grid-template-columns:repeat(1, 1fr)}
	.helpdesk-wrap .form-wrap .form .switch-wrap .box-wrap{justify-content: flex-start; padding:0px 5vw}
	
	
		
}


@media all and (max-width:480px) {
	html { font-size: 43.75%; } 
	.footer-inner .company-info > ul{flex-direction:column;}
	.smartfac-wrap .smart-core .core-cont > ul{grid-template-columns:repeat(1, 1fr)}
	.solution-cont.pms .intro-wrap .pms-intro .function{grid-template-columns:repeat(1, 1fr)}
	.company-wrap .company-info .location .address-box{flex-direction:column; align-items:flex-start; height: auto}
	.company-wrap .history .timeline-wrap > ul > li:nth-child(odd){left: 0px;}
	.company-wrap .history .timeline-wrap > ul > li:nth-child(even){left: 0px;}
	.main-wrap .main-swiper .swiper-wrapper .swiper-slide-active .award-wrap{width:100%; justify-content: space-between; gap:12px; margin: 0 auto}
	.main-wrap .main-swiper .award-wrap > img{width:30%;}
	.main-wrap .main-swiper .award-wrap > .award_logos02{width: 20%;}
	.solution-cont .cont-detail .server-list-wrap .server-list > li.row2{gap:14px}
	.solution-cont .cont-detail .server-list-wrap .server-list > li.row2 > ul{width: 100%;}
	.solution-cont .cont-detail .frame-arch-wrap .frame-list > div[class^="frame-ty2"] > ul > li > ul{grid-template-columns:repeat(2, 1fr)}	
	.solution-cont .cont-detail .frame-arch-wrap .frame-list > div[class^="frame-ty3"] > ul > li > div > ul{grid-template-columns:repeat(2, 1fr)}
	.solution-cont .cont-detail .frame-arch-wrap .frame-list > div[class^="frame-ty2"] > ul > li:nth-child(3) > ul{grid-template-columns:repeat(2, 1fr)}
	.solution-cont .cont-detail .maintenance-wrap > div:first-child > ul > li{gap:20px}
	.solution-cont .cont-detail .frame-arch-wrap .frame-list > div[class^="frame-ty3"]:last-child > ul > li:first-child > div:nth-child(2) > ul{grid-template-columns:auto}
	.helpdesk-wrap .contact .contact-box i{display: none}
}

@media all and (max-width:394px) {
	
}