/* 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;;font-family:'S-CoreDream', sans-serif;font-weight:400;word-break:keep-all;letter-spacing:-0.05em;} h1,h2,h3,h4,h5,h6,input, textarea, button {font-family:'S-CoreDream', sans-serif;font-weight:400;letter-spacing:-0.05em;} .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.92;} .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:90px;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:#1e2c3f;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;font-size:0.9em;} .entra-footer .footer-info {display:flex;gap:50px 18%;padding:50px 0;} .entra-footer .info-about {flex-grow:1;font-size:1.2em;} .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 {display:flex;flex-wrap:wrap;gap:10px 30px;} .entra-footer .about-menu .inb {border:1px solid #fff;padding:6px 26px;} .entra-footer .about-company {margin-top:50px;display:flex;flex-wrap:wrap;gap:20px 60px;} .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:80px 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;top:50%;transform: translateY(-50%);} .entra-section-title .bbs-more.square {width:60px;height:60px;border-color:#222;border-radius:0;} .entra-content {position:relative;z-index:2;padding:80px 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.left {text-align:left;} .entra-content-title .content-title {position:relative;display:inline-block;font-weight:normal;font-weight:600;font-size:3.3em;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:16px;-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-slide.s6:before {background-image:url(../images/visual/main6.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:center;margin-top:0;word-break:keep-all;} .entra-sub-visual .copy > strong {position:relative;display:inline-block;font-size:3.99em;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-sub6 .entra-sub-visual:after {background-image:url(../images/visual/sub6.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-guide {display:flex;position:relative;} .entra-main-guide:after {position:absolute;z-index:-1;content:"";top:-200px;bottom:-200px;left:-5000px;right:66.66%;/*;margin-right:16.66%;*/background-color:#d6d6d6;} .entra-main-guide .item {position:relative;z-index:2;width:33.33%;flex-grow:1;padding:39px 5%;text-align:left;letter-spacing:-0.05em;} .entra-main-guide .item:after {position:absolute;content:"";top:33px;right:10%;width:50px;height:50px;border-radius:100%;background-color:#fff;background-position:center center;background-size:50% auto;background-image:url(../images/ico/plus.png);transition:1s;} .entra-main-guide .item:nth-child(1):after {border:1px solid #aaa;} .entra-main-guide .item:hover:after {transform: rotate(180deg);} .entra-main-guide .item:nth-child(1) {background-color:#fff;color:#111;border-radius:30px 0 0 30px;} .entra-main-guide .item:nth-child(2) {background-color:#0c67bc;color:#fff;} .entra-main-guide .item:nth-child(3) {background-color:#ffea1f;color:#381100;border-radius:0 30px 30px 0;} .entra-main-guide .item .title {display:block;font-size:2em;line-height:1.2;margin-bottom:19px;margin-right:20%;} .entra-main-guide .item .entra-imgwrap {margin-bottom:19px;transition:0.5s;} .entra-main-guide .item:hover .entra-imgwrap {margin-left:5%;} .entra-main-guide .item .exp {display:block;font-size:1.2em;} .entra-main-type {display:flex;flex-wrap:wrap;position:relative;gap:10px;} .entra-main-type .container {width:calc(25% - 7px);flex-grow:1;display:flex;flex-wrap:wrap;position:relative;gap:10px;} .entra-main-type .container:nth-child(2) {width:calc(50% - 7px);} .entra-main-type .container .item {flex-grow:1;width:100%;padding-top:70%;position:relative;} .entra-main-type .container .entra-imgwrap {position:absolute;z-index:-1;left:50%;top:50%;transform: translate(-50%,-50%);width:100%;height:100%;} .entra-main-type .container .entra-imgwrap > img {width:auto;min-width:100%;min-height:100%;} .entra-main-type .container .text {position:absolute;z-index:2;top:33px;left:33px;right:33px;color:#fff;line-height:1.2;text-align:left;} .entra-main-type .container .title-en {display:block;font-size:0.9em;margin-bottom:7px;} .entra-main-type .container .title {font-size:1.6em;font-weight:500;} .entra-main-type .container:nth-child(2) .title-en {font-size:1.4em;} .entra-main-type .container:nth-child(2) .title {font-size:3.3em;line-height:1.1;} .entra-item-cate {display:flex;gap:20px;flex-wrap:wrap;} .entra-item-cate .item {width:calc(25% - 15px);display:block;border:1px solid #ccc;padding:20px 10px;text-align:center;font-size:1.2em;transition:0.5s;} .entra-item-cate .item.on {background-color:#013d80;border-color:#013d80;color:#fff;} .entra-item-cate .item:hover {background-color:#013d80;border-color:#013d80;color:#fff;} .entra-item-list {display:flex;gap:60px 20px;flex-wrap:wrap;} .entra-item-list .item {position:relative;width:calc(25% - 15px);display:block;margin:0;} .entra-item-list .item .entra-imgwrap {display:block;border:1px solid #ccc;} .entra-item-list .item .entra-imgwrap:before {transition:0.5s;} .entra-item-list .item:hover .entra-imgwrap:before {background-position:center center;background-size:60% auto;background-image:url(../images/logo-thumb-white.png);background-color:#000;opacity:0.5;} .entra-item-list .item .text {display:block;text-align:left;} .entra-item-list .item .title {display:block;font-size:1.2em;line-height:1.4;margin-top:9px;} .entra-item-list .item .exp {display:block;font-size:1.1em;line-height:1.4;margin-top:9px;padding-top:9px;border-top:1px solid #eee;color:#999;font-weight:300;} .entra-main-promise {display:flex;align-items:center;gap:30px;position:relative;padding-left:190px;text-align:center;} .entra-main-promise:after {position:absolute;z-index:-1;content:"";left:-5000px;right:-5000px;top:-40px;bottom:-40px;background-color:#f0f2f2;} .entra-main-promise:before {position:absolute;z-index:2;content:"";width:205px;height:392px;left:-44px;top:-44px;background-position:center center;background-size:100% auto;background-image:url(../images/main/promise-cha.png);} .entra-main-promise .subject {position:relative;font-size:2.3em;color:#01487f;font-weight:800;letter-spacing:-0.05em;max-width:199px;flex-shrink:0;line-height:1.4;} .entra-main-promise .content {position:relative;display:flex;gap:20px;flex-grow:1;} .entra-main-promise .content .item {width:calc(33.33% - 15px);display:block;flex-grow:1;background-color:#fff;border-radius:29px;padding:29px 10px 0 10px;} .entra-main-promise .content .title {display:block;font-size:1.8em;font-weight:500;line-height:1.2;} .entra-main-promise .content .exp {display:block;font-size:1.1em;margin-top:10px;line-height:1.2;} .entra-main-promise .content .entra-imgwrap {width:70%;max-width:274px;margin-top:20px;} .entra-item-detail .entra-main-promise {padding-top:30px;padding-bottom:30px;padding-right:30px;margin-bottom:50px;} .entra-item-detail .entra-main-promise:after {left:0;right:0;top:0;bottom:0;} .entra-item-detail .entra-main-promise:before {left:20px;top:0;width:180px;} .entra-section.bg-blue:after {background-color:#e1f4ff;} .entra-section.bg-tel:after {background-position:center center;background-size:cover;background-image:url(../images/main/bg-curtain.jpg);background-attachment:fixed;} .entra-section.bg-cs:after {background-position:center center;background-size:cover;background-image:url(../images/main/bg-cs.jpg);background-attachment:fixed;} .entra-main-tel {color:#fff;font-size:2.3em;font-weight:300;letter-spacing:-0.05em;max-width:890px;} .entra-main-tel a {color:#fff;} .entra-main-tel .exp {display:block;max-width:890px;margin-bottom:20px;} .entra-main-tel strong {font-weight:800;} .entra-main-tel .tel {font-size:1.6em;} .entra-main-gallery {position:relative;/*padding:0 60px;*/} .entra-main-gallery .swiper-container {height:auto;padding:20px;margin:-20px;} .entra-main-gallery .swiper-wrapper {height:auto;} .entra-main-gallery .swiper-slide {height:auto;} .entra-main-gallery .swiper-btn {position:absolute;cursor:pointer;top:50%;transform: translateY(-50%);display:none;width:40px;height:40px;background-color:transparent;color:#fff;border-radius:100%;transition:0.2s;} .entra-main-gallery .swiper-btn:hover {} .entra-main-gallery .swiper-btn.prev {left:0;} .entra-main-gallery .swiper-btn.next {right:0;} .entra-main-gallery .swiper-btn:before {position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);font-family: "Font Awesome 5 Free"; font-weight:900;font-size:1.6em;} .entra-main-gallery .swiper-btn.prev:before {content:"\f104";} .entra-main-gallery .swiper-btn.next:before {content:"\f105";} .entra-main-gallery .swiper-pagination {bottom:auto;top:-10px;left:0;right:0;} .entra-main-gallery .swiper-pagination-bullet {width:16px;height:16px;margin:0 5px;} .entra-main-gallery .item {display:block;background:#fff;border:1px solid #ddd;overflow:hidden;transition:0.5s;} .entra-main-gallery .item:hover {box-shadow: 0 6px 12px rgba(0,0,0,0.175);background-color:#color:#fff;;} .entra-main-gallery .item .entra-imgwrap {display:block;padding-top:56%;background-color:#eee;} .entra-main-gallery .item:hover .entra-imgwrap.abs > img {width:110%;} .entra-main-gallery .item .text {display:block;padding:26px;text-align:center;} .entra-main-gallery .item .text .sub {display:block;font-weight:600;font-size:1.2em;line-height:1.4;margin-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .entra-main-gallery .item .text .cate {color:#206800;} .entra-main-gallery .item .text .title {display:block;font-weight:400;font-size:1.2em;line-height:1.4;margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .entra-main-gallery .item .text .exp {display:block;overflow:hidden;} .entra-main-gallery .item .text .lineclamp2 {white-space:normal;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .entra-main-gallery .item .text .lineclamp3 {white-space:normal;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;} .entra-main-gallery .item .text .wrap-btn {display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:15px;} .entra-main-gallery .item .text .wrap-btn .btn {display:inline-block;padding:5px 10px 6px 10px;font-size:0.8em;border:1px solid #02833f;color:#02833f;border-radius:20px;transition:0.2s;} .entra-main-gallery .item:hover .text .wrap-btn .btn {color:#fff;background-color:#02833f;} .entra-main-gallery .item .text .wrap-btn .txt {flex-grow:1;margin-top:3px;font-size:0.8em;color:#02833f;} .entra-main-gallery .item .text .wrap-btn .bticon {position:relative;font-size:0;display:inline-block;width:28px;height:28px;background-color:#fff;border:1px solid #555;border-radius:100%;display:flex;align-items:center;justify-content:center;transition:0.5s;} .entra-main-gallery .item .text .wrap-btn .bticon:before {font-family: "Font Awesome 5 Free"; font-weight:900;font-size:12px;transition:0.2s;content:"\f054";transition:0.5s;} .entra-main-gallery .item:hover .text .wrap-btn .bticon {background-color:#006fd6;border-color:#006fd6;color:#fff;} .entra-main-gallery .item .text .wrap-brand {display:flex;align-items:center;gap:10px;margin-bottom:10px;} .entra-main-gallery .item .text .wrap-brand .entra-imgwrap {flex-shrink:0;padding-top:0;width:33px;height:33px;border-radius:100%;} .entra-main-gallery .item .text .wrap-brand .name {flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500;font-size:1.1em;} .entra-main-gallery .item .wrap-press {display:block;padding:26px;padding-bottom:0;} .entra-main-gallery .item .wrap-press .date {display:flex;flex-direction:column;font-size:0.9em;margin-bottom:9px;text-align:left;} .entra-main-gallery .item .wrap-press .date > strong {order:-1;font-size:2em;font-weight:600;line-height:1.2;} .entra-main-gallery .item .text > * {transition:0.5s;opacity:0;margin-left:-20px;} .entra-main-gallery .item .text.on > * {opacity:1;margin-left:0;} .entra-main-gallery .item .text.on > *:nth-child(1) {transition-delay:0.5s;} .entra-main-gallery .item .text.on > *:nth-child(2) {transition-delay:0.6s;} .entra-main-gallery .item .text.on > *:nth-child(3) {transition-delay:0.7s;} .entra-main-gallery .item .text.on > *:nth-child(4) {transition-delay:0.8s;} .entra-main-gallery .item .text.on > *:nth-child(5) {transition-delay:0.9s;} .entra-main-cs {display:flex;color:#fff;text-align:left;ine-height:1.4;} .entra-main-cs a {color:#fff;} .entra-main-cs .cs-item {position:relative;width:50%;padding-right:29px;font-size:1.2em;l} .entra-main-cs .cs-item:after {position:absolute;z-index:-1;content:"";left:-5000px;top:-200px;bottom:-200px;right:0;background-color:#000;opacity:0.5;} .entra-main-cs .cs-form {position:relative;width:50%;padding-left:29px;} .entra-main-cs .item-copy {font-size:1.6em;} .entra-main-cs .cs-item > ul {display:flex;flex-wrap:wrap;margin-top:29px;} .entra-main-cs .cs-item > ul > li {width:50%;flex-grow:1;} .entra-main-cs .cs-item > ul > li:nth-child(1) {padding-bottom:29px;} .entra-main-cs .cs-item > ul > li:nth-child(2) {padding-bottom:29px;} .entra-main-cs .cs-item > ul > li:nth-child(odd) {border-right:1px solid #fff;padding-right:29px;} .entra-main-cs .cs-item > ul > li:nth-child(even) {padding-left:29px;} .entra-main-cs .cs-item > ul > li:nth-child(n+3) {border-top:1px solid #fff;padding-top:29px;} .entra-main-cs .cs-item .txt {display:block;margin-top:7px;} .entra-main-cs .cs-item * > .txt:first-child {margin-top:0;} .entra-main-cs .cs-item .txt1 {font-size:1.4em;} .entra-main-cs .cs-item .txt2 {font-size:2.3em;} .entra-main-cs .cs-item .txt.yellow {color:#f7d52e;} .entra-main-cs .cs-item .txt.blue {color:#51d0ff;} .entra-main-cs .cs-item .btn {display:block;margin-top:10px;margin-bottom:10px;padding:10px 15px;display:flex;gap:10px;align-items:center;justify-content:center;text-align:center;font-size:1.2em;transition:0.5s;} .entra-main-cs .cs-item .btn:hover {padding-left:40px;} .entra-main-cs .cs-item .btn.katalk {background-color:#f7d52e;color:#2b1517;} .entra-main-cs .cs-item .btn.katalk:before {display:inline-block;content:"";width:45px;height:45px;background-size:100% 100%;background-image:url(../images/main/kakao-plus.png);} .entra-main-cs .cs-item .entra-imgwrap {margin-top:15px;} .entra-main-form {display:flex;flex-wrap:wrap;gap:10px;} .entra-main-form .fld {position:relative;width:calc(50% - 5px);flex-grow:1;} .entra-main-form .full {width:100%;} .entra-main-form .fld:after {position:absolute;z-index:-1;content:"";left:0;right:0;top:0;bottom:0;background-color:#fff;opacity:0.2;} .entra-main-form .fld .inp {background-color:transparent;border:0;width:100%;color:#fff;padding:10px;} .entra-main-form .fld .inp::placeholder {color:#fff;} .entra-main-form .chk {width:26px;height:26px;margin-right:10px;vertical-align:middle;} .entra-main-form .foot {width:100%;display:flex;flex-wrap:wrap;gap:20px;align-items:center;} .entra-main-form .foot > * {flex-shrink:0;} .entra-main-form .foot > *:first-child {flex-grow:1;} .entra-main-form .btn {display:flex;align-items:center;justify-content:center;padding:10px 15px;background-color:#07b6c6;color:#fff;font-size:1.2em;font-weight:500;} .entra-rental-proc {position:relative;background-color:#f0f2f2;padding:50px;font-size:1.2em;} .entra-rental-step {text-align:center;display:flex;flex-wrap:wrap;gap:30px;overflow:hidden;margin-bottom:50px;} .entra-rental-step .step {position:relative;flex-grow:1;line-height:1.2;} .entra-rental-step .step:before {position:absolute;content:"";left:-15px;top:50%;transform: translateY(-50%);width:1px;height:100%;border-left:1px dashed #222;} .entra-rental-step .step:after {position:absolute;content:"";left:-15px;right:-15px;top:-15px;height:1px;border-top:1px dashed #222;} .entra-rental-step .step em {display:inline-block;background-color:#000;color:#fff;font-style:normal;padding:2px 5px;font-size:0.8em;} .entra-rental-step .step > strong {display:block;font-size:1.1em;}