@charset "utf-8"; /* core style */ /* Home */ .homeNav .homeNav-item-4:before { width: 50px; height: 50px; top: 80px; background-size: 50px 50px; } .homeNav .homeNav-item-4:before, .mobileHomeNav .subnav:nth-child(4):after { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30 30"><!-- Generator: Adobe Illustrator 29.0.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 186) --><path d="M14.3,15.4c0,1.5-.3,2.7-.8,3.8s-1.2,1.9-2.1,2.5-2,.9-3.2.9-2.3-.3-3.2-.9-1.7-1.4-2.2-2.5-.8-2.3-.8-3.8v-.8c0-1.4.3-2.7.8-3.8s1.2-1.9,2.2-2.5,2-.9,3.2-.9,2.3.3,3.2.9,1.7,1.4,2.2,2.5.8,2.4.8,3.8v.8ZM11.7,14.6c0-1.6-.3-2.9-.9-3.8s-1.5-1.3-2.6-1.3-2,.4-2.6,1.3-.9,2.1-1,3.7v.9c0,1.6.3,2.9,1,3.8s1.5,1.3,2.6,1.3,2-.4,2.6-1.3.9-2.1.9-3.8v-.8Z" style="fill: %23878863;"/><path d="M22.3,16.7h-2.9v5.7h-2.6V7.6h5.2c1.7,0,3,.4,4,1.1s1.4,1.9,1.4,3.3-.2,1.8-.7,2.5-1.1,1.2-2,1.5l3.3,6.2h0c0,.1-2.8.1-2.8.1l-3-5.7ZM19.4,14.6h2.6c.9,0,1.5-.2,2-.7s.7-1,.7-1.8-.2-1.4-.7-1.8-1.1-.7-2-.7h-2.7v5Z" style="fill: %23878863;"/></svg>'); } .mainNav_m .nav-link .textImg { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30 30"><!-- Generator: Adobe Illustrator 29.0.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 186) --><path d="M14.3,15.4c0,1.5-.3,2.7-.8,3.8s-1.2,1.9-2.1,2.5-2,.9-3.2.9-2.3-.3-3.2-.9-1.7-1.4-2.2-2.5-.8-2.3-.8-3.8v-.8c0-1.4.3-2.7.8-3.8s1.2-1.9,2.2-2.5,2-.9,3.2-.9,2.3.3,3.2.9,1.7,1.4,2.2,2.5.8,2.4.8,3.8v.8ZM11.7,14.6c0-1.6-.3-2.9-.9-3.8s-1.5-1.3-2.6-1.3-2,.4-2.6,1.3-.9,2.1-1,3.7v.9c0,1.6.3,2.9,1,3.8s1.5,1.3,2.6,1.3,2-.4,2.6-1.3.9-2.1.9-3.8v-.8Z" style="fill: %23ffffff;"/><path d="M22.3,16.7h-2.9v5.7h-2.6V7.6h5.2c1.7,0,3,.4,4,1.1s1.4,1.9,1.4,3.3-.2,1.8-.7,2.5-1.1,1.2-2,1.5l3.3,6.2h0c0,.1-2.8.1-2.8.1l-3-5.7ZM19.4,14.6h2.6c.9,0,1.5-.2,2-.7s.7-1,.7-1.8-.2-1.4-.7-1.8-1.1-.7-2-.7h-2.7v5Z" style="fill: %23ffffff;"/></svg>'); width: 20px; height: 20px; } .textWrap { display: block !important; } .textWrap .text { left: 25%; } .imageWrap:before { background-image: url(../../../template/common/images/mainv-v1.png); width: 130%; left: -28%; background-size: auto 125%; background-position: bottom right; } #logoWrap img { width: 300px; } .nav-item .nav-link .title { font-size: 0.888em; } .nav-item .nav-link .icon { align-self: normal; } .nav-item .subnav .popup_title { font-size: 1em; } .nav-item .subnav .section-title a { font-size: 1.111em; } .nav-item .subnav-link { font-size: 0.888em; } .nav-item .nav-link .step { font-size: 1em; } .nav-item.selected .nav-link .step { font-size: 1.111em; } .nav-item.selected .nav-link .step { font-size: 1.233em; } /* end of core style */ /* home style */ .text { width: 100%; left: 15%; } .float_btn.btn-1 { right: 4.1%; top: 12%; } .float_btn.btn-2 { right: 2.65%; top: 41.28%; } .float_btn.btn-3 { top: 3.8%; right: 20.5%; } .mainNav_m .subnav ul li:not(.sectionTitle):before { top: 0.9em; } .float_btn .floatBtn-content { font-size: 1em; width: 150%; } .homeNav .homeNav-item .subnav .popup_title { font-size: 1em; } .homeNav .homeNav-item .subnav .section-title { font-size: 1.111em; } .homeNav .subnav-link { font-size: 0.888em; } .homeNav .nav-link .title { font-size: 1em; line-height: 1.3; padding: 0 30px; } /* end of home style */ /* inside page style */ /* end of inside page style */ /* responsive */ @media screen and (min-width: 1200px) { .slogan p { margin: 0 !important; text-align: center; line-height: 1.3; } } @media screen and (max-width: 1199.98px) { .text { max-width: 100%; text-align: center; } .text .mainTextWrap { max-width: 480px; margin: 0 auto 20px; } .slogan p:last-child { margin-left: 0; } } @media screen and (max-width: 991.98px) { .mainNav_m .nav-link span { font-size: 1em; } .mainNav_m .subnav ul li:not(.sectionTitle):before { top: 1em; } .nav-item .nav-link .title { font-size: 1.125em; } .nav-item .subnav .popup_title { font-size: 1.125em; } .nav-item .subnav-link { font-size: 1em; } .nav-item .subnav-item:before { top: 6px; } .nav-item .subnav-item:after { top: 8px; } } @media screen and (max-width: 768.98px) { #logoWrap img { width: 250px; } .slogan p { font-size: 1em; padding: 0 20px; } .slogan p:last-child { margin-left: 20px; } .imageWrap .slider.slider-1 { background-image: url("../../../../filemanager/template/common/images/mainv-1-en-mobile.jpg") !important; } .imageWrap .slider.slider-2 { background-image: url("../../../../filemanager/template/common/images/mainv-flow-chart-en-mobile.png") !important; } }