/* Copyright entraon.com */ @charset "utf-8"; /* body {font-size:13px;line-height:1.5;letter-spacing:0;font-family:'Noto Sans KR', sans-serif;font-weight:300;} */ body {font-size:14px;line-height:1.5;letter-spacing:0;font-family:'S-CoreDream', sans-serif;font-weight:400;word-break:keep-all;} h1,h2,h3,h4,h5,h6,input {font-family:'S-CoreDream', sans-serif;font-weight:400;} .entra-wrapper {position:relative;z-index:2;min-width:260px;max-width:1700px;padding-left:50px !important;padding-right:50px !important;} .entra-wrapper:after {content:" ";display:block;clear:both;height:0;visibility:hidden;margin:0;padding:0;} .entra-inner {position:relative;} .entra-inner:after {content:" ";display:block;clear:both;height:0;visibility:hidden;margin:0;padding:0;} .entra-header {position:fixed;top:0;left:0;width:100%;z-index:97;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select: none;-o-user-select:none;user-select: none;-ms-user-select: none;} .entra-header {padding:0 0;} .entra-header:after {position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;content:"";-webkit-transition:0.5s;transition:0.5s;} .entra-header:after {background-color:#161515;opacity:0.56;} .entra-header.header-fixed:after {opacity:0.7;} .entra-header.header-white:after {background-color:#fff;opacity:1;box-shadow: 0 6px 12px rgba(0,0,0,0.175);} .entra-header .header-lang {position:absolute;z-index:99999;right:0;top:5px;display:flex;transition:0.5s;} .entra-header .header-lang .lang {position:relative;display:block;line-height:20px;padding:0 15px;font-size:0.8em;color:#fff;transition:0.5s;} .entra-header .header-lang .lang:after {position:absolute;z-index:-1;content:"";left:0;right:0;top:0;bottom:0;background-color:#000;border:1px solid #fff;border-left-width:0;opacity:0.5;transition:0.5s;} .entra-header .header-lang .lang:first-child:after {border-left-width:1px;} .entra-header .header-lang .lang:hover:after {background-color:#00d157;} .entra-header .header-lang .lang.on {color:#000;} .entra-header .header-lang .lang.on:after {background-color:#fff;opacity:0.8;} .entra-header.header-fixed .header-lang {right:50px;top:50%;transform: translate(0,-50%);} .entra-header .header-logo {position:relative;left:0;z-index:9999999;display:inline-block;padding:10px 0;-webkit-transition:0.5s;transition:0.5s;} .entra-header .header-logo > a {display:block;background-position:center center;background-size:auto 100%;background-image:url(../images/logo-white.png);padding:0px;font-size:0;} .entra-header.header-white .header-logo > a {background-image:url(../images/logo.png);} .entra-header .header-logo > a > img {height:66px;display:block;filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-webkit-transition:0.5s;transition:0.5s;} .entra-menu {display:none;} .entra-nav {display:none;} .entra-navbar {position:absolute;z-index:9999;left:260px;right:70px;top:50%;transform: translate(0,-50%);transition:0.5s;} .entra-navbar .gnb > ul {display:flex;justify-content:flex-end;} .entra-navbar .gnb > ul > li {position:relative;text-align:center;} .entra-navbar .gnb > ul > li > a {position:relative;display:block;height:60px;line-height:60px;padding:0 33px;font-weight:500;font-size:1.3em;white-space:nowrap;-webkit-transition:0.5s;transition:0.5s;} .entra-navbar .gnb > ul > li > i {display:none;} .entra-navbar .gnb > ul > li > a {color:#fff;} .entra-navbar .gnb > ul > li.on > a {color:#b3bec9;} .entra-navbar .gnb > ul > li:hover > a {color:#b3bec9;} .entra-navbar .gnb > ul > li:before {position:absolute;content:"";height:0;bottom:0;/*left:50%;transform: translate(-50%,0);width:100%;*/left:0;width:100%;opacity:1;transition:0.5s;} .entra-navbar .gnb > ul > li:before {background-color:#1f2c37;opacity:0.9;} .entra-navbar .gnb > ul > li:hover:before {height:100%;} .entra-navbar .gnb > ul > li > ul {display:none;position:absolute;z-index:9;/*left:50%;transform: translate(-50%,0);*/left:0;min-width:100%;white-space:nowrap;margin-top:-1px;} .entra-navbar .gnb > ul > li:last-child > ul {} .entra-navbar .gnb > ul > li > ul:after {position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;content:"";background-color:#1f2c37;opacity:0.9;transition:0.5s;} .entra-navbar .gnb > ul > li > ul > li {border-top:1px solid #16212b;-webkit-transition:0.5s;transition:0.5s;text-align:left;} /* .entra-navbar .gnb > ul > li > ul > li:first-child {border-top:0;} */ .entra-navbar .gnb > ul > li > ul > li:hover {background-color:#3c5165;} .entra-navbar .gnb > ul > li > ul > li > a {display:block;;padding:11px 16px;transition:0.5s;color:#fff;} .entra-navbar .gnb > ul > li > ul > li.on > a {color:#b3bec9;} .entra-navbar .gnb > ul > li > ul > li:hover > a {color:#b3bec9;} .entra-header.header-fixed .header-logo {padding:5px 0;} /* .entra-header.header-fixed .header-logo > a {background-image:url(../images/logo-white.png);} */ .entra-header.header-fixed .header-logo > a > img {height:50px;} .entra-header.header-fixed .entra-navbar {;} .entra-header.header-fixed .entra-navbar .gnb > ul > li > ul {} .entra-header.header-fixed .entra-navbar .gnb > ul > li > ul:after {} .entra-header.header-fixed .entra-navbar .gnb > ul > li > a {font-size:1.2em;height:58px;line-height:58px;} body.fixed-other .entra-header {margin-top:-100px;} .entra-header.header-white .entra-navbar .gnb > ul > li > a {color:#111;} .entra-header.header-white .entra-navbar .gnb > ul > li.on > a {color:#4680b5;} .entra-header.header-white .entra-navbar .gnb > ul > li:hover > a {color:#4680b5;} .entra-header.header-white .entra-navbar .gnb > ul > li:before {background-color:#fff;border:1px solid #ddd;opacity:0;} .entra-header.header-white .entra-navbar .gnb > ul > li:hover:before {opacity:1;height:calc(100% + 2px);} .entra-header.header-white .entra-navbar .gnb > ul > li > ul {} .entra-header.header-white .entra-navbar .gnb > ul > li > ul:after {background-color:#fff;border:1px solid #ddd;border-top:0;opacity:1;} .entra-header.header-white .entra-navbar .gnb > ul > li > ul > li {border-color:#ddd;} .entra-header.header-white .entra-navbar .gnb > ul > li > ul > li:hover {background-color:transparent;} .entra-header.header-white .entra-navbar .gnb > ul > li > ul > li > a {color:#111;} .entra-header.header-white .entra-navbar .gnb > ul > li > ul > li.on > a {color:#4680b5;} .entra-header.header-white .entra-navbar .gnb > ul > li > ul > li:hover > a {color:#4680b5;} .entra-header.header-white .header-lang .lang:after {opacity:1;border-color:#000;} .entra-header.header-white .header-lang .lang.on:after {border-color:#000;} .entra-sns .sns {display:inline-block;vertical-align:middle;position:relative;margin-left:20px;width:60px;height:60px;border-radius:100%;background-color:#555555;transition:0.5s;} .entra-sns .sns:hover {background-color:#0397fe;} .entra-sns .sns:first-child {margin-left:0;} .entra-sns .sns:before {position:absolute;content:"";left:50%;top:50%;transform:translate(-50%,-50%);background-position:center center;background-size:50% auto;width:100%;height:100%;} .entra-sns .sns.facebook:before {background-image:url(../images/ico-sns/facebook.svg);} .entra-sns .sns.blog:before {background-image:url(../images/ico-sns/blog.svg);background-size:50% auto;} .entra-sns .sns.katalk:before {background-image:url(../images/ico-sns/katalk.svg);} .entra-sns .sns.instagram:before {background-image:url(../images/ico-sns/instagram.svg);} .entra-sns .sns.youtube:before {background-image:url(../images/ico-sns/youtube.svg);} .entra-sns .sns.linkedin:before {background-image:url(../images/ico-sns/linkedin.svg);} .entra-btn {position:relative;z-index:11;font-weight:500;} .entra-btn .btn {position:relative;z-index:2;display:inline-block;white-space:nowrap;overflow:hidden;padding:10px 20px;border:1px solid #111;color:#111;letter-spacing:0.02em;transition:0.5s;} .entra-btn .btn:after {position:absolute;z-index:-1;left:0;width:0;bottom:0;height:100%;background-color:#111;content:"";opacity:0;transition:0.5s;} .entra-btn .btn > i {position:relative;z-index:2;transition:0.5s;margin:0 10px;} .entra-btn .btn:hover {border-color:#111;color:#fff;} .entra-btn .btn:hover:after {width:100%;opacity:0.5;} .entra-btn .btn:hover > i {margin-left:20px;margin-right:10px;} .entra-btn .btn.wh {border-color:#fff;color:#fff;} .entra-btn .btn.wh:after {background-color:#fff;} .entra-btn .btn.wh:hover {border-color:#111;color:#111;} .entra-btn .btn.nob {border-color:transparent ;} .entra-footer {position:relative;overflow:hidden;z-index:7;background-color:#1a1f1a;color:#fff;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select: none;-o-user-select:none;user-select: none;-ms-user-select: none;word-break:keep-all;background-position:center top;background-size:cover;} .entra-footer a {color:#fff;} .entra-footer .label {display:block;color:#ccc;} .entra-footer .footer-info {display:flex;gap:50px 18%;padding:50px 0;} .entra-footer .info-about {flex-grow:1;font-size:1.3em;} .entra-footer .info-cs {flex-shrink:0;font-size:1.18em;} .entra-footer .cs-tel .tel {font-size:2.8em;font-weight:600;display:inline-block;margin-top:30px;margin-bottom:10px;line-height:1;letter-spacing:-0.05em;color:#0397fe;} .entra-footer .cs-tel .entra-list-wrap > * {margin-top:3px;} .entra-footer .cs-tel .entra-list-wrap .label {width:66px;} .entra-footer .entra-sns {margin-top:20px;} .entra-footer .about-menu {margin-top:15px;display:flex;flex-wrap:wrap;gap:10px 30px;} .entra-footer .about-company {margin-top:50px;display:flex;flex-wrap:wrap;gap:20px 30px;} .entra-footer .about-company .item {min-width:150px;} .entra-footer .footer-copy {position:relative;padding:19px 0 50px 0;} .entra-footer .footer-copy:before {position:absolute;content:"";left:-5000px;right:-5000px;top:0;height:1px;background-color:#fff;opacity:0.2;} .entra-footer .footer-copy strong {color:#0397fe;} .entra-section {position:relative;word-break:keep-all;z-index:2;padding:120px 0;overflow:hidden;text-align:center;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select: none;-o-user-select:none;user-select: none;-ms-user-select: none;} .entra-section:after {position:absolute;z-index:-1;content:"";left:0;right:0;top:0;bottom:0;background-color:#fff;background-size:cover;} .entra-section.section-gray {background-color:#efefef;} .entra-section.notp {padding-top:0;} .entra-section.nobt {padding-bottom:0;} .entra-section-title {position:relative;text-align:center;word-break:keep-all;margin-bottom:50px;} .entra-section-title {padding-top:29px;} .entra-section-title .section-title {position:relative;display:inline-block;font-weight:normal;font-weight:600;font-size:3.3em;line-height:1.2em;letter-spacing:-0.08em;-webkit-transition:0.5s;transition:0.5s;} .entra-section-title .section-title:before {position:absolute;content:"";left:50%;transform: translate(-50%,0);margin-left:1px;top:-29px;width:8px;height:8px;border-radius:100%;background-color:#165aad;-webkit-transition:0.5s;transition:0.5s;} .entra-section-title .section-title:after {position:absolute;content:"";left:50%;transform: translate(-50%,0);margin-left:1px;top:-150px;width:1px;height:140px;background-color:#76acee;-webkit-transition:0.5s;transition:0.5s;} .entra-section-title .section-copy {font-weight:300;;font-size:1.372em;line-height:1.3em;display:block;margin-top:10px;-webkit-transition:0.5s;transition:0.5s;} .entra-section-title .thin {font-weight:200;} .entra-section-title.wh {color:#fff;} .entra-section-title.wh .section-title:before {background-color:#fff;} .entra-section-title.wh .section-title:after {background-color:#fff;} .entra-section-title .section-title:after {height:0;} .entra-section-title.on .section-title:after {height:123px;} .entra-section-title .section-title:before {opacity:0;margin-top:-150px;} .entra-section-title.on .section-title:before {opacity:1;margin-top:0;} .entra-section-title .bbs-more {position:relative;margin-left:22px;display:inline-block;vertical-align:middle;width:32px;height:32px;border:2px solid #dddddd;border-radius:50%;transition:0.5s;font-size:1.2em;} .entra-section-title .bbs-more > i {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);} .entra-section-title .bbs-more > em {display:none;} .entra-section-title .bbs-more:hover {background-color:#006fd6;border-color:#006fd6;color:#fff;} .entra-section-title .bbs-more.abs {position:absolute;right:0;} .entra-content {position:relative;z-index:2;padding:100px 0;overflow:hidden;text-align:center;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select: none;-o-user-select:none;user-select: none;-ms-user-select: none;} .entra-content:after {position:absolute;z-index:1;content:"";left:0;right:0;top:0;bottom:0;background-color:#fff;background-size:cover;} .entra-content.notp {padding-top:0;} .entra-content.nobt {padding-bottom:0;} .entra-content.bg-gray {background-color:#f3f3f3;} .entra-content.bg-lightblue {background-color:#f6f8f9;} .entra-content-title {position:relative;text-align:center;word-break:keep-all;margin-bottom:60px;} .entra-content-title .content-title {position:relative;display:inline-block;font-weight:normal;font-weight:600;font-size:3.9em;line-height:1em;letter-spacing:-0.08em;-webkit-transition:0.5s;transition:0.5s;} .entra-content-title .content-title:before {position:absolute;content:"";left:50%;transform: translate(-50%,0);margin-left:1px;top:-29px;width:8px;height:8px;border-radius:100%;background-color:#165aad;-webkit-transition:0.5s;transition:0.5s;} .entra-content-title .content-title:after {position:absolute;content:"";left:50%;transform: translate(-50%,0);margin-left:1px;top:-150px;width:1px;height:140px;background-color:#76acee;-webkit-transition:0.5s;transition:0.5s;} .entra-content-title .content-copy {font-weight:300;;font-size:1.372em;line-height:1.3em;display:block;margin-top:30px;-webkit-transition:0.5s;transition:0.5s;} .entra-content-title .thin {font-weight:200;} .entra-content-title.wh {color:#fff;} .entra-content-title.wh .content-title:before {background-color:#fff;} .entra-content-title.wh .content-title:after {background-color:#fff;} .entra-content-title .content-title:after {height:0;} .entra-content-title.on .content-title:after {height:123px;} .entra-content-title .content-title:before {opacity:0;margin-top:-150px;} .entra-content-title.on .content-title:before {opacity:1;margin-top:0;} .entra-content-title .bbs-more {position:relative;margin-left:22px;display:inline-block;vertical-align:middle;width:32px;height:32px;border:2px solid #dddddd;border-radius:50%;transition:0.5s;font-size:1.2em;} .entra-content-title .bbs-more > i {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);} .entra-content-title .bbs-more > em {display:none;} .entra-content-title .bbs-more:hover {background-color:#006fd6;border-color:#006fd6;color:#fff;} .entra-content-title .bbs-more.abs {position:absolute;right:0;} .entra-intro-wrap {position:relative;height:100%;max-height:1046px;} .entra-intro-wrap .entra-wrapper {height:100%;} .entra-intro-wrap .entra-inner {height:100%;} /* .entra-intro {position:fixed;z-index:1;left:0;right:0;top:0;height:inherit;overflow:hidden;} */ .entra-intro {position:absolute;z-index:1;left:0;right:0;top:0;height:inherit;overflow:hidden;} .entra-intro .intro-logo {position:absolute;z-index:9;left:50%;top:50%;transform: translate(-50%,-50%);background-position:center center;background-size:100% auto;background-image:url(../images/visual/main-text.png);-webkit-transition:0.5s;transition:0.5s;} .entra-intro .intro-logo > img {width:100%;max-width:930px;display:block;filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-webkit-transition:0.5s;transition:0.5s;} /* .entra-intro .intro-logo:before {position:absolute;content:"";left:0;top:0;width:100%;height:100%;background-position:center center;background-size:auto 100%;background-image:url(../images/visual/main-text-box.png);-webkit-transition:0.5s;transition:0.5s;} .entra-intro.on .intro-logo:before {transform: rotateX(180deg);} */ .entra-intro .intro-img {position:absolute;z-index:1;left:0;top:0;right:0;height:100%;} .entra-intro .swiper-container {height:100%;} .entra-intro .swiper-wrapper {height:100%;} .entra-intro .swiper-slide {height:100%;overflow:hidden;background-color:#fff;} .entra-intro .swiper-slide:before {position:absolute;left:0;right:0;top:0;bottom:0;content:"";background-position:center center;background-size:cover;-webkit-transition:2s;transition:2s;filter:alpha(opacity=100);opacity:1;-moz-opacity:1;} .entra-intro .swiper-slide-active:before {left:0;right:0;top:0;bottom:0;filter:alpha(opacity=100);opacity:1;-moz-opacity:1;} .entra-intro .swiper-slide.s1:before {background-image:url(../images/visual/main1.jpg);} .entra-intro .swiper-slide.s2:before {background-image:url(../images/visual/main2.jpg);} .entra-intro .swiper-slide.s3:before {background-image:url(../images/visual/main3.jpg);} .entra-intro .swiper-slide.s4:before {background-image:url(../images/visual/main4.jpg);} .entra-intro .swiper-slide.s5:before {background-image:url(../images/visual/main5.jpg);} .entra-intro .swiper-button-prev {color:#fff;margin-left:32px;margin-top:0;} .entra-intro .swiper-button-next {color:#fff;margin-right:32px;margin-top:0;} .entra-intro .swiper-pagination {bottom:60px;} .entra-intro .swiper-pagination-bullet {border:2px solid #fff;background-color:transparent;filter:alpha(opacity=100);opacity:1;-moz-opacity:1;width:16px;height:16px;box-sizing:border-box;-webkit-transition:0.5s;transition:0.5s;} .entra-intro .swiper-pagination-bullet-active {background-color:#fff;} .entra-pop-cont {display:none;position:fixed;z-index:999;left:0;right:0;top:0;bottom:0;color:#fff;} .entra-pop-cont a {color:#fff;} .entra-pop-cont:after {position:fixed;content:"";z-index:-1;left:0;right:0;top:0;bottom:0;background-color:#1c2233;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;} .entra-pop-cont .container {position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);} .entra-pop-cont .container.video {width:60%;max-width:1100px;padding:0;background-color:transparent;} .entra-video-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;} .entra-video-container iframe {position:absolute;top:0;left:0;width:100%;height:100%;} .entra-pop-open {cursor:pointer !important;} .entra-sub-visual {position:relative;overflow:hidden;} .entra-sub-visual .entra-inner {height:480px;} .entra-sub-visual:after {position:absolute;z-index:-2;left:50%;top:0;transform: translate(-50%,0);width:100%;height:480px;content:"";background-position:center center;background-size:cover;transition:1s;} .entra-sub-visual:before {content:"";position:absolute;z-index:-1;left:0;top:0;width:100%;height:480px;background-color:#002337;opacity:1;transition:2s;} .entra-sub-visual.hidden:after {content:none;} .entra-sub-visual * {color:#fff;} .entra-sub-visual a {color:#fff;} .entra-sub-visual .copy {position:absolute;z-index:2;display:block;left:0;right:0;top:50%;transform: translate(0,-50%);text-align:left;margin-top:0;word-break:keep-all;} .entra-sub-visual .copy > strong {position:relative;display:inline-block;font-size:3.3em;line-height:1.2;} .entra-sub-visual .copy > strong:after {position:absolute;z-index:-1;content:"";left:-5000px;top:-10px;bottom:-10px;right:-60px;background-color:#000;opacity:0.5;border-radius:0 100px 100px 0;} .entra-sub-visual .copy > em {display:block;font-size:1.2em;font-style:normal;margin-top:5px;} body.entra-sub1 .entra-sub-visual:after {background-image:url(../images/visual/sub1.jpg);} body.entra-sub2 .entra-sub-visual:after {background-image:url(../images/visual/sub2.jpg);} body.entra-sub3 .entra-sub-visual:after {background-image:url(../images/visual/sub3.jpg);} body.entra-sub4 .entra-sub-visual:after {background-image:url(../images/visual/sub4.jpg);} body.entra-sub5 .entra-sub-visual:after {background-image:url(../images/visual/sub5.jpg);} body.entra-sub5.entra-pg2 .entra-sub-visual:after {background-image:url(../images/visual/sub90.jpg);} body.entra-sub5.entra-pg3 .entra-sub-visual:after {background-image:url(../images/visual/sub90-02.jpg);} .entra-sub-visual:after {width:200%;filter: blur(0);} .entra-sub-visual.on:after {width:100%;filter: blur(0);} .entra-sub-visual:before {opacity:1;} .entra-sub-visual.on:before {opacity:0;} .entra-sub-visual .copy > strong {transition:1s;margin-left:-10%;opacity:0;ilter: blur(33px);} .entra-sub-visual .copy > em {transition:0.5s;margin-left:10%;opacity:0;ilter: blur(33px);} .entra-sub-visual.on .copy > strong {transition-delay:0.5s;margin-left:0;opacity:1;ilter: blur(0);} .entra-sub-visual.on .copy > em {transition-delay:1s;margin-left:0;opacity:1;ilter: blur(0);} .entra-sub-novisual {background-color:#0d223a;} .entra-submenu-wrap {position:relative;z-index:95;margin-top:-70px;} .entra-submenu .gnb li > i {display:none;} .entra-submenu {position:relative;height:70px;display:flex;} .entra-submenu:after {position:absolute;content:"";z-index:-1;left:-5000px;right:100%;top:0;bottom:0;background-color:#fff;} .entra-submenu > li {flex-shrink:0;background-color:#fff;border:1px solid #ddd;border-left:0;position:relative;height:100%;} .entra-submenu > li:first-child {border-left:1px solid #ddd;} .entra-submenu > li .home {font-size:1.6em;width:70px;height:100%;display:flex;align-items:center;justify-content:center;} .entra-submenu > li .names {cursor:pointer;display:flex;align-items:center;font-size:1.3em;height:100%;gap:0 20px;padding:0 20px;min-width:230px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select: none;-o-user-select:none;user-select: none;-ms-user-select: none;} .entra-submenu > li .names:after {display:block;flex-shrink:0;width:28px;height:28px;border-radius:100%;border:1px solid #ddd;background-color:#fff;margin-left:auto;display:flex;align-items:center;justify-content:center;font-family: "Font Awesome 5 Free"; font-weight:900;font-size:12px;transition:0.2s;content:"\f054";} .entra-submenu > li:hover .names:after {transform: rotate(90deg);} .entra-submenu > li:last-child .names:after {transform: rotate(90deg);} .entra-submenu > li:last-child:hover .names:after {transform: rotate(90deg) scaleX(-1) ;} .entra-submenu > li .names .title {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .entra-submenu .gnb {overflow:hidden;border:1px solid #ddd;border-top:0;margin-left:-1px;margin-right:-1px;background-color:#fff;} .entra-submenu .gnb > ul > li {border-top:1px solid #ddd;} .entra-submenu .gnb > ul > li:hover {background-color:#eee;} .entra-submenu .gnb > ul > li > a {display:block;padding:10px 20px;font-size:1em;} .entra-submenu > li:nth-child(2) .gnb > ul > li > a {font-size:1.2em;} .entra-submenu .gnb > ul > li.on > a {color:#088fdc;} .entra-submenu > li .gnb {height:0;} .entra-submenu > li:hover .gnb {height:auto;} .entra-submenu .gnb > ul > li > ul {padding-bottom:10px;} .entra-submenu .gnb > ul > li > ul > li > a {display:block;;padding:4px 20px;transition:0.5s;font-size:1em;display:flex;align-items:flex;start;gap:10px;opacity:0.5;transition:0.5s;} .entra-submenu .gnb > ul > li > ul > li > a:before {flex-shrink:0;content:"";width:4px;height:4px;background-color:#555;border-radius:100%;margin-top:9px;} .entra-submenu .gnb > ul > li > ul > li:hover > a {opacity:1;color:#088fdc;} .entra-submenu .gnb > ul > li > ul > li.on > a {opacity:1;color:#088fdc;} .entra-submenu .gnb > ul > li > ul {display:none;} /* pc에서 안보이게 */ .entra-main-title {position:relative;text-align:center;word-break:keep-all;margin-bottom:50px;} .entra-main-title .title {position:relative;display:block;font-weight:normal;font-weight:600;font-size:4.4em;line-height:1.2em;letter-spacing:-0.05em;transition:0.5s;} .entra-main-title .entitle {position:relative;display:inline-block;font-weight:600;font-size:1.4em;line-height:1.2em;letter-spacing:-0.02em;color:#da020e;transition:0.5s;margin-bottom:40px;padding-bottom:6px;} .entra-main-title .entitle:after {position:absolute;display:block;content:"";left:0;bottom:0;width:100%;height:1px;background-color:#222;} .entra-main-title .entitle > em {font-style:normal;color:#000;} .entra-main-title .exp {display:block;margin-top:23px;font-size:1.2em;} .entra-main-item-wrap .entra-main-title {text-align:left;max-width:273px;} .entra-main-item-wrap {display:flex;gap:39px;} .entra-main-item-wrap .main-item-title {flex-shrink:0;text-align:left;} .entra-main-item-wrap .main-item-content {flex-grow:1;padding-top:73px;overflow:hidden;} .entra-section.section-business:after {bottom:30%;background-color:#e9efff;} .entra-main-business {display:flex;gap:20px;} .entra-main-business .item {width:33.33%;flex-grow:1;padding-top:29%;padding-bottom:50px;position:relative;z-index:2;border-radius:30px;overflow:hidden;color:#fff;} .entra-main-business .item .title {display:block;font-size:3em;font-weight:600;transition:0.5s;} .entra-main-business .item:before {position:absolute;z-index:-1;content:"";left:50%;top:50%;transform: translate(-50%,-50%);width:100%;height:100%;background-color:#555;transition:0.5s;background-size:cover;} .entra-main-business .item:nth-child(1):before {background-image:url(../images/main/biz01.jpg);} .entra-main-business .item:nth-child(2):before {background-image:url(../images/main/biz02.jpg);} .entra-main-business .item:nth-child(3):before {background-image:url(../images/main/biz03.jpg);} .entra-main-business .item:hover:before {width:120%;height:120%;} .entra-main-business .item:hover .title {margin-left:29px;} .entra-section.section-facilities:after {background-image:url(../images/main/bg-facilities.jpg);} .entra-main-facilities {position:relative;} .entra-main-facilities .swiper-container {height:auto;padding:20px;margin:-20px;} .entra-main-facilities .swiper-wrapper {height:auto;} .entra-main-facilities .swiper-slide {height:auto;} .entra-section.section-facilities .swiper-pagination {position:relative;bottom:auto;top:auto;left:auto;right:auto;margin-top:29px;text-align:left;} .entra-section.section-facilities .swiper-pagination-bullet {width:12px;height:12px;background-color:#555;opacity:1;box-sizing:border-box;transition:0.5s;margin-left:14px;position:relative;} .entra-section.section-facilities .swiper-pagination-bullet-active {background-color:#e65000;} .entra-section.section-facilities .swiper-pagination-bullet:after {position:absolute;content:"";left:50%;top:50%;transform: translate(-50%, -50%);width:26px;height:26px;border-radius:100%;border:1px solid #e65000;transition:0.5s;opacity:0;} .entra-section.section-facilities .swiper-pagination-bullet-active:after {opacity:1;} .entra-section.section-facilities .swiper-btn {display:inline-flex;align-items:center;gap:10px;justify-content:flex-start;} .entra-section.section-facilities .swiper-btn .btn {display:block;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border:5px solid #111;background-color:#fff;border-radius:100%;margin-right:auto;font-size:2.2em;transition:0.5s;} .entra-section.section-facilities .swiper-btn .btn:hover {border-color:transparent;background-color:#555;color:#fff;} .entra-section.section-facilities .swiper-btn .btn.prev:hover {padding-right:10px;} .entra-section.section-facilities .swiper-btn .btn.next:hover {padding-left:10px;} .entra-main-facilities .swiper-slide {position:relative;z-index:2;border-radius:30px;overflow:hidden;background-color:#fff;padding:30px;text-align:left;} .entra-main-facilities .entitle {display:block;font-weight:500;margin-bottom:10px;} .entra-main-facilities .entra-imgwrap {display:block;padding-top:70%;} .entra-main-facilities .entra-imgwrap > img {width:auto;height:100%;} .entra-main-facilities .content {display:block;text-align:center;margin-top:23px;line-height:1.2;} .entra-main-facilities .title {display:block;font-weight:500;margin-bottom:10px;font-size:1.9em;letter-spacing:-0.05em;} .entra-main-facilities .title > strong {font-weight:800;} .entra-main-facilities .exp {display:block;margin-top:15px;font-size:1.2em;} .entra-main-facilities .more {position:relative;display:inline-block;align-items:center;margin-top:33px;font-size:0.9em;font-weight:600;padding:10px 20px;transition:0.5s;} .entra-main-facilities .more:after {position:absolute;right:-5px;background-color:#111;border-radius:100%;width:20px;height:20px;top: 50%; transform: translateY(-50%);color:#fff;line-height:20px;text-align:center;font-family: "Font Awesome 5 Free"; font-weight: 900;content:"\2b";font-size:0.9em;transition:0.5s;} .entra-main-facilities :hover .more {padding-left:50px;} .entra-main-facilities :hover .more:after {right:calc(100% - 40px);width:40px;height:4px;border-radius:0;color:transparent;line-height:4px;} .entra-main-facilities .entra-imgwrap > img {transition:0.5s;} .entra-main-facilities :hover .entra-imgwrap > img {height:120%;} .entra-main-products {position:relative;} .entra-main-products .swiper-container {height:auto;padding:20px;margin:-20px;} .entra-main-products .swiper-wrapper {height:auto;} .entra-main-products .swiper-slide {height:auto;} .entra-section.section-products .swiper-pagination {position:relative;display:block;z-index:11;bottom:auto;top:auto;left:auto;right:auto;margin-top:29px;text-align:left;} .entra-section.section-products .swiper-pagination-bullet {display:inline-block !important;width:60px;height:4px;border-radius:0;background-color:#aaa;opacity:1;box-sizing:border-box;transition:0.5s;margin-right:0;position:relative;} .entra-section.section-products .swiper-pagination-bullet-active {background-color:#000;} .entra-section.section-products .swiper-btn {display:inline-flex;align-items:center;gap:10px;justify-content:flex-start;} .entra-section.section-products .swiper-btn .btn {display:block;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #111;border-radius:100%;margin-right:auto;font-size:1.2em;transition:0.5s;} .entra-section.section-products .swiper-btn .btn:hover {border-color:transparent;background-color:#555;color:#fff;} .entra-section.section-products .swiper-btn .btn.prev:hover {padding-right:10px;} .entra-section.section-products .swiper-btn .btn.next:hover {padding-left:10px;} .entra-main-products .swiper-slide {position:relative;z-index:2;overflow:hidden;background-color:#fff;text-align:left;border:1px solid #111;} .entra-main-products .swiper-slide:after {position:absolute;z-index:-1;content:"";left:0;right:0;bottom:0;top:50%;background-color:#f0f0f0;} .entra-main-products .entitle {display:inline-block;font-weight:500;margin-bottom:10px;background-color:#111;color:#fff;padding:4px 15px;} .entra-main-products .entra-imgwrap {display:block;padding-top:60%;background-color:fff;} .entra-main-products .entra-imgwrap > img {width:auto;height:80%;} .entra-main-products .content {display:block;text-align:center;line-height:1.2;padding-top:30px;} .entra-main-products .title {display:block;font-weight:500;font-size:1.1em;letter-spacing:-0.05em;} .entra-main-products .title > strong {font-weight:600;} .entra-main-products .exp {display:inline-block;margin-top:10px;font-size:1.2em;background-color:#26aad4;color:#fff;border-radius:60px;padding:6px 20px;} .entra-main-products .more {position:relative;display:block;text-align:right;;font-size:0.9em;font-weight:600;padding-right:22px;margin:39px;transition:0.5s;} .entra-main-products .more:after {position:absolute;right:-5px;background-color:#111;border-radius:100%;width:20px;height:20px;top: 50%; transform: translateY(-50%);color:#fff;line-height:20px;text-align:center;font-family: "Font Awesome 5 Free"; font-weight: 900;content:"\2b";font-size:0.9em;transition:0.5s;} .entra-main-products :hover .more {padding-right:50px;} .entra-main-products :hover .more:after {width:40px;height:4px;border-radius:0;color:transparent;line-height:4px;} .entra-main-products .entra-imgwrap > img {transition:0.5s;} .entra-main-products :hover .entra-imgwrap > img {height:100%;} .entra-section.section-stat{padding:10% 0;font-size:1.1em;} .entra-section.section-stat:after {background-image:url(../images/main/bg-stat.jpg);background-attachment:fixed;} .entra-section.section-stat2{padding:10% 0;font-size:1.1em;} .entra-section.section-stat2:after {background-image:url(../images/main/bg-stat2.jpg);background-position:center bottom;} .entra-stats {display:flex;justify-content:center;flex-wrap:wrap;gap:20px 0;color:#fff;max-width:1000px;} .entra-stats .stat {position:relative;overflow:hidden;padding:0 20px;white-space:nowrap;text-align:center;} /* .entra-stats .stat:before {background-position:center center;background-size:auto 100%;content:"";} .entra-stats .stat:nth-child(1):before {background-image:url(../images/main/icon-stat1.png);transition-delay:0.1s;} .entra-stats .stat:nth-child(2):before {background-image:url(../images/main/icon-stat2.png);transition-delay:0.3s;} .entra-stats .stat:nth-child(3):before {background-image:url(../images/main/icon-stat3.png);transition-delay:0.5s;} .entra-stats .stat:nth-child(4):before {background-image:url(../images/main/icon-stat4.png);transition-delay:0.7s;} .entra-stats .stat:nth-child(5):before {background-image:url(../images/main/icon-stat5.png);transition-delay:0.9s;} .entra-stats .stat:nth-child(6):before {background-image:url(../images/main/icon-stat6.png);transition-delay:0.11s;} */ .entra-stats .stat:after {position:absolute;left:0;top:50%;transform:translateY(-50%);height:70%;width:1px;background-color:#fff;opacity:0.5;content:none;} .entra-stats .stat:first-child:after {content:none;} .entra-stats .stat .txt {display:block;} .entra-stats .stat .txt .p {display:block;font-size:1.2em;line-height:1.2;} .entra-stats .stat .txt .digit {display:block;font-size:1.6em;font-weight:800;} .entra-stats .stat .txt .digit > strong {font-size:2.73em;letter-spacing:-0.02em;} .entra-stats .stat:before {-moz-transform: scaleX(-1);-webkit-transform: scaleX(-1);-o-transform: scaleX(-1);transform: scaleX(-1);-webkit-transition:0.5s;transition:0.5s} .entra-stats .stat.on:before {-moz-transform: scaleX(1);-webkit-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);} .entra-stats .stat:after {height:0;opacity:0.5;} .entra-stats .stat.on:after {height:100%;transition:0.5s;} .entra-stats .stat.on:nth-child(1):after {transition-delay:0.1s;} .entra-stats .stat.on:nth-child(2):after {transition-delay:0.2s;} .entra-stats .stat.on:nth-child(3):after {transition-delay:0.3s;} .entra-stats .stat.on:nth-child(4):after {transition-delay:0.4s;} .entra-section.section-company:after {background-image:url(../images/main/bg-company.jpg);} .entra-main-company {float:right;width:100%;max-width:660px;display:flex;flex-wrap:wrap;font-size:1.2em;} .entra-main-company .item {position:relative;width:50%;padding:39px;padding-bottom:170px;color:#fff;text-align:left;} .entra-main-company .item:before {position:absolute;z-index:-1;content:"";left:50%;top:50%;transform: translate(-50%,-50%);width:100%;height:100%;} .entra-main-company .item:nth-child(1) {color:#000;} .entra-main-company .item:nth-child(1):before {background-color:#fff;} .entra-main-company .item:nth-child(2):before {background-color:#000;opacity:0.5;} .entra-main-company .item:nth-child(3):before {background-color:#000;opacity:0.5;} .entra-main-company .item:nth-child(4):before {background-color:#004789;} .entra-main-company .item .title {display:block;font-size:1.3em;} .entra-main-company .item .exp {display:block;margin-top:20px;} .entra-main-company .item .more {position:relative;display:inline-flex;align-items:center;transition:0.5s;} .entra-main-company .item .more:before {order:8;margin-left:10px;content:"";width:10px;height:2px;background-color:#fff;opacity:0.6;transition:0.5s;} .entra-main-company .item .more:after {order:9;content:"";width:50px;height:50px;background-color:transparent;border-radius:100%;background-position:right center;background-size:100% auto;background-image:url(../images/ico/arrow-w.png);transition:0.5s;} .entra-main-company .item:nth-child(1) .more:before {background-color:#000;} .entra-main-company .item:nth-child(1) .more:after {background-image:url(../images/ico/arrow.png);} .entra-main-company .item:hover .more {transition-delay:0s !important;} .entra-main-company .item:hover .more:before {transition-delay:0s !important;width:40px !important;} .entra-main-company .item .etc-wrap {position:absolute;left:39px;right:39px;bottom:39px;display:flex;flex-wrap:wrap;align-items:flex-end;jutify-content:space-between;} .entra-main-company .item .etc-wrap .more {order:1} .entra-main-company .item .etc-wrap:before {order:2;content:"";flex-grow:1;} .entra-main-company .item .etc-wrap:after {order:3;content:"";width:70px;height:70px;background-size:100% auto;transition:0.5s;} .entra-main-company .item:hover .etc-wrap:after {transform:scaleX(-1);} .entra-main-company .item:nth-child(1) .etc-wrap:after {background-image:url(../images/ico/company02.png);} .entra-main-company .item:nth-child(2) .etc-wrap:after {background-image:url(../images/ico/company01-w.png);} .entra-main-company .item:nth-child(3) .etc-wrap:after {background-image:url(../images/ico/company01-w.png);} .entra-main-company .item:nth-child(4) .etc-wrap:after {background-image:url(../images/ico/org-w.png);} .entra-main-certification {position:relative;} .entra-main-certification .swiper-container {height:auto;padding:20px;margin:-20px;} .entra-main-certification .swiper-wrapper {height:auto;} .entra-main-certification .swiper-slide {height:auto;} .entra-section.section-certification .swiper-pagination {position:relative;display:block;z-index:11;bottom:auto;top:auto;left:auto;right:auto;margin-top:29px;text-align:left;} .entra-section.section-certification .swiper-pagination-bullet {display:inline-block !important;width:10px;height:4px;border-radius:0;background-color:#aaa;opacity:1;box-sizing:border-box;transition:0.5s;margin-right:0;position:relative;} .entra-section.section-certification .swiper-pagination-bullet-active {background-color:#000;} .entra-section.section-certification .swiper-btn {display:inline-flex;align-items:center;gap:10px;justify-content:flex-start;} .entra-section.section-certification .swiper-btn .btn {display:block;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #111;border-radius:100%;margin-right:auto;font-size:1.2em;transition:0.5s;} .entra-section.section-certification .swiper-btn .btn:hover {border-color:transparent;background-color:#555;color:#fff;} .entra-section.section-certification .swiper-btn .btn.prev:hover {padding-right:10px;} .entra-section.section-certification .swiper-btn .btn.next:hover {padding-left:10px;} .entra-main-certification .swiper-slide {position:relative;z-index:2;overflow:hidden;background-color:#fff;text-align:left;} .entra-main-certification .entra-imgwrap {display:block;padding-top:127%;background-color:#f4f4f4;transition:2s;} .entra-main-certification .entra-imgwrap > img {width:60%;} .entra-main-certification .swiper-slide-active .entra-imgwrap {background-color:#fff;} .entra-main-certification .swiper-slide-active .entra-imgwrap > img {width:100%;} .entra-main-certification .swiper-wrapper:hover .entra-imgwrap {background-color:#f4f4f4;} .entra-main-certification .swiper-wrapper:hover .entra-imgwrap > img {width:60%;} .entra-main-certification .swiper-slide:hover .entra-imgwrap {background-color:#fff;} .entra-main-certification .swiper-slide:hover .entra-imgwrap > img {width:100%;} .entra-main-certification .content {display:block;text-align:center;line-height:1.2;padding:20px;} .entra-main-certification .exp {font-size:1.39em;} .entra-main-contact {position:relative;} .entra-main-contact:before {position:absolute;z-index:-1;content:"";left:0;right:50%;top:0;bottom:0;background-position:center bottom;background-image:url(../images/main/bg-contact.jpg);background-size:cover;} .entra-main-contact .entra-map {position:absolute;width:50%;left:50%;top:0;} .entra-main-contact .contact-info {margin-right:50%;padding:15% 0;padding-right:50px;color:#fff;} .entra-main-contact .contact-info a {color:#fff;} .entra-main-contact .contact-info .info-text {text-align:center;} .entra-main-contact .contact-info .info-text > i {font-size:6em;} .entra-main-contact .contact-info .info-text .exp {display:block;font-size:1.6em;font-weight:500;margin-top:30px;margin-bottom:30px;} .entra-main-contact .contact-info .info-text .tel {display:inline-block;font-size:3.9em;font-weight:800;line-height:1;}