/* Copyright entraon.com */
@charset "utf-8";

/* 기본 필수 */
.se2_inputarea img {max-width:100% !important;}

.se2_inputarea .entra-imgwrap {background-color:#eee;}
.se2_inputarea .entra-imgwrap:before {content:none}

/* 기본 필수 */


.entra-subtitle {position:relative;display:block;font-size:2.9em;letter-spacing:-0.05em;line-height:1.4;font-weight:500;text-align:left;margin-bottom:29px;}
.entra-subtitle:nth-of-type(n+2) {margin-top:90px;}
.entra-subtitle > em {font-weight:300;font-style:normal;}
.entra-subtitle > strong {font-weight:800;font-style:normal;}








.entra-company-management {display:flex;border-radius:30px;overflow:hidden;margin-bottom:100px;}
.entra-company-management .item {position:relative;width:50%;padding:6% 10px;text-align:center;color:#fff;}
.entra-company-management .item:before {position:absolute;content:"";z-index:-1;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-size:cover;}

.entra-company-management .item:nth-child(1):before {background-image:url(../images/contents/company-management01.jpg);}
.entra-company-management .item:nth-child(2):before {background-image:url(../images/contents/company-management02.jpg);}

.entra-company-management .item .title {font-size:5em;}
.entra-company-management .item .exp {font-size:1.2em;display:block;margin-top:20px;}







.entra-company-vision {position:relative;padding:5% 0;}
.entra-company-vision > i {position:absolute;z-index:-1;display:block;left:50%;top:50%;transform:translate(-50%,-50%);width:46%;padding-top:44%;border-radius:100%;border:18px solid #c3d3de;}

.entra-company-vision > i:before {position:absolute;content:"";z-index:19;left:50%;top:50%;transform:translate(-50%,-50%);width:45%;height:45%;background-image:url(../images/contents/vision-text.png);background-size:100% auto;margin-top:-4%;}

.entra-company-vision > i > i {position:absolute;z-index:-1;display:block;left:50%;top:50%;transform:translate(-50%,-50%);width:80%;height:80%;border-radius:100%;background-image:url(../images/contents/vision-globe.png);background-size:100% 100%;opacity:0.3;animation: rotate 60s linear infinite;}

@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/*
.entra-company-vision .item {display:flex;gap:10px 20px;background-color:#4c9ccc;border-radius:100px;color:#fff;padding:30px;width:100%;max-width:600px;}
.entra-company-vision .item:nth-child(1) {float:left;}
.entra-company-vision .item:nth-child(2) {float:right;}
.entra-company-vision .item:nth-child(3) {clear:both;}
*/
.entra-company-vision {display:flex;flex-wrap:wrap;align-items:space-between;justify-content:space-between;gap:10vw 0;}
.entra-company-vision .item {display:flex;align-items:center;gap:10px 20px;background-color:#4c9ccc;border-radius:100px;color:#fff;padding:30px 30px;width:100%;max-width:660px;text-align:left;}

.entra-company-vision .item:before {flex-shrink:0;content:"";width:120px;height:120px;background-color:#fff;border-radius:100%;background-size:80% auto;}
.entra-company-vision .item:nth-child(1):before {background-image:url(../images/contents/vision-ico01.png);}
.entra-company-vision .item:nth-child(2):before {background-image:url(../images/contents/vision-ico02.png);}
.entra-company-vision .item:nth-child(3):before {background-image:url(../images/contents/vision-ico03.png);}

.entra-company-vision .item .content {flex-grow:1;}
.entra-company-vision .item .title {display:block;font-size:2.3em;font-weight:700;letter-spacing:-0.05em;line-height:1.2;}
.entra-company-vision .item .exp {display:block;font-size:1.2em;margin-top:6px;}




























.entra-company-greeting .greeting-pic {position:relative;padding-top:33%;border-radius:20px;overflow:hidden;color:#fff;}
.entra-company-greeting .greeting-pic:after {position:absolute;z-index:-1;content:"";left:50%;top:50%;transform: translate(-50%,-50%);width:100%;height:100%;background-image:url(../images/contents/company-greeting.jpg);background-size:cover;background-position:left center;}
.entra-company-greeting .greeting-pic .since {position:absolute;right:29px;bottom:29px;font-size:3.3em;letter-spacing:0.3em;font-weight:500;}


.entra-company-greeting .greeting-text {padding-top:5%;position:relative;display:flex;flex-wrap:wrap;gap:20px 8%;text-align:left;}

.entra-company-greeting .greeting-text .text-main {width:35%;flex-grow:1;min-width:300px;}
.entra-company-greeting .greeting-text .text-detail {width:57%;flex-grow:1;}


.entra-company-greeting .greeting-text .title {display:block;font-size:2.1em;letter-spacing:-0.05em;}
.entra-company-greeting .greeting-text .title > strong {color:#023daa;}
.entra-company-greeting .greeting-text .exp {display:block;font-size:1.2em;letter-spacing:-0.05em;}
.entra-company-greeting .greeting-text .final {display:block;font-size:1.8em;letter-spacing:-0.05em;font-weight:500;}
.entra-company-greeting .greeting-text .final > em {display:block;line-height:1.2;letter-spacing:0.02em;margin-bottom:10px;}




.entra-content.content-company-summary:after {bottom:27%;background-image:url(../images/contents/bg-company-summary.jpg);}



.entra-company-summary {display:flex;flex-wrap:wrap;border:1px solid #ddd;border-bottom:0;background-color:#fff;}
.entra-company-summary .item {width:calc(25% - 20px);flex-grow:1;background-color:#fff;padding:3% 3%;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:15px;}
.entra-company-summary .item:nth-child(1) {background-color:#173c81;color:#fff;padding:0;justify-content:center;}
.entra-company-summary .item:nth-child(n+2) {border-left:1px solid #ddd;border-bottom:1px solid #ddd;}

.entra-company-summary .item .ico {width:100px;}
.entra-company-summary .item .logo{width:50%;}

.entra-company-summary .item .label {display:block;font-size:1.5em;line-height:1.2;}
.entra-company-summary .item .content {display:block;font-size:1.2em;}







.entra-company-slide {position:relative;max-width:1200px;padding:0 100px;padding-top:30px;margin-top:90px;}
.entra-company-slide .swiper-container {height:auto;}
.entra-company-slide .swiper-wrapper {height:auto;}
.entra-company-slide .swiper-slide {height:auto;overflow:hidden;}

.entra-company-slide .swiper-slide .entra-imgwrap {padding-top:65%;}

.entra-company-slide .swiper-slide .entra-imgwrap > img {width:auto;height:150%;}
.entra-company-slide .swiper-slide-active .entra-imgwrap > img {transition-delay:1s;height:110%;}


.entra-company-slide .swiper-btn  {position:absolute;display:block;width:60px;height:60px;top: 50%; transform: translateY(-50%);display:flex;align-items:center;justify-content:center;border:1px solid #999;background-color:#fff;font-size:1.5em;transition:0.5s;color:#999;}

.entra-company-slide .swiper-btn.prev  {left:0;}
.entra-company-slide .swiper-btn.next  {right:0;}

.entra-company-slide .swiper-pagination {bottom:auto;top:0;left:100px;right:100px;text-align:center;}


.entra-company-slide .swiper-pagination-bullet {width:12px;height:12px;margin:5px 5px;background-color:#fff;border:1px solid #ddd;opacity:1;}
.entra-company-slide .swiper-pagination-bullet-active {border-color:#e65000;background-color:#e65000;}






.entra-content.content-company-promise:after {background-image:url(../images/contents/bg-company-promise.jpg);background-attachment:fixed;}
.entra-content.content-company-promise{font-size:1.4em;padding:10% 0;}

.entra-content.content-company-promise .entra-subtitle {text-align:center;color:#fff;}

















.entra-company-history .history-pic {position:relative;padding-top:29%;border-radius:20px;overflow:hidden;color:#fff;}
.entra-company-history .history-pic:after {position:absolute;z-index:-1;content:"";left:50%;top:50%;transform: translate(-50%,-50%);width:100%;height:100%;background-image:url(../images/contents/company-history.jpg);background-size:cover;}
.entra-company-history .history-pic .since {position:absolute;right:29px;bottom:29px;font-size:3.3em;letter-spacing:0.3em;font-weight:500;}



.entra-company-history .history-text {position:relative;z-index:2;text-align:left;}
.entra-company-history .history-text .title {position:relative;display:inline-block;margin-left:2%;margin-top:-10%;max-width:450px;padding:3% 6% 6% 3%;background-color:#004689;color:#fff;border-radius:0 100px 0 0;font-size:2em;text-align:left;}
.entra-company-history .history-text .title > strong {display:block;font-size:1.5em;font-weight:500;letter-spacing:0.05em;}




.entra-company-history .history-section {position:relative;max-width:1000px;display:flex;gap:20px 0;padding-top:50px;}
.entra-company-history .history-section:after {position:absolute;z-index:-1;content:"";left:50%;top:-100px;bottom:26px;width:1px;background-color:#ddd;}
.entra-company-history .history-section:first-of-type {padding-top:0;}
.entra-company-history .history-section:first-of-type:after {top:26px;}

.entra-company-history .history-section .year {width:50%;text-align:right;flex-shrink:0;flex-grow:1;font-size:3.9em;font-style:italic;line-height:1.1;padding-right:5%;}
.entra-company-history .history-section > ul {width:50%;text-align:left;flex-shrink:0;flex-grow:1;padding-left:5%;}

.entra-company-history .history-section > ul > li {position:relative;margin-top:50px;font-size:1.2em;}
.entra-company-history .history-section > ul > li:first-child {margin-top:20px;}

.entra-company-history .history-section > ul > li:before {position:absolute;content:"";left:-13%;top:3px;width:20px;height:20px;border-radius:100%;background-color:#222;}

.entra-company-history .history-section > ul > li > p {display:flex;gap:10px 20px;}
.entra-company-history .history-section > ul > li > p:nth-child(n+2) {margin-top:15px;}
.entra-company-history .history-section > ul > li > p .date {width:110px;flex-shrink:0;text-align:right;}
.entra-company-history .history-section > ul > li > p .exp {flex-grow:1;}


.entra-company-history .history-section:first-of-type .year {color:#004689;}
.entra-company-history .history-section:first-of-type > ul > li:before {background-color:#004689;}
.entra-company-history .history-section:first-of-type > ul > li > p .date {color:#004689;}








.entra-content.content-company-org:after {top:10%;bottom:calc(100px + 6%);background-color:#e7effa;}


.entra-company-org {position:relative;text-align:center;max-width:1290px;}
.entra-company-org:after {content:"";margin:100px auto 0;width:80%;max-width:970px;padding-top:9%;background-size:auto 100%;background-image:url(../images/contents/history-text.png);}

.entra-company-org .lv1-name {position:relative;z-index:9;display:inline-flex;width:230px;height:230px;align-items:center;justify-content:center;flex-direction:column;background-color:#0a3b7e;color:#fff;font-size:1.5em;font-weight:500;}
.entra-company-org .lv1-name:before {content:"";width:60%;padding-top:39%;margin-left:-5%;background-image:url(../images/logo-white.png);background-size:100% auto;}

.entra-company-org .lv2-name {position:relative;display:inline-flex;width:230px;height:80px;align-items:center;justify-content:center;background-color:#333;color:#fff;font-size:1.5em;font-weight:500;}

.entra-company-org .lv3-name {position:relative;display:inline-flex;width:230px;height:80px;align-items:center;justify-content:center;background-color:#333;color:#fff;font-size:1.5em;font-weight:500;}

.entra-company-org .lv4-name {position:relative;display:inline-flex;width:230px;height:80px;align-items:center;justify-content:center;background-color:#fff;border:1px solid #ccc;font-size:1.5em;font-weight:500;}


.entra-company-org li {padding-top:100px;;position:relative;}
.entra-company-org .lv1-wrap > li {padding-top:0;}

.entra-company-org .lv2-wrap > li > .lv2-name {margin-left:39%;}

.entra-company-org .lv3-wrap > li {display:flex;flex-wrap:wrap;justify-content:space-between;}

.entra-company-org .lv4-wrap {width:100%;}
.entra-company-org .lv4-wrap > li {width:100%;display:flex;justify-content:center;gap:50px 30px;}


.entra-company-org li:before {position:absolute;z-index:-2;content:"";left:50%;transform: translate(0,-50%);top:0;bottom:0;width:1px;background-color:#333;}
.entra-company-org .lv4-wrap > li:before {bottom:50%;margin-bottom:-35px;}


.entra-company-org li:after {position:absolute;z-index:-2;content:"";top:140px;height:1px;background-color:#333;}
.entra-company-org .lv2-wrap > li:after {left:50%;right:35%;}
.entra-company-org .lv3-wrap > li:after {left:10%;right:10%;}
.entra-company-org .lv4-wrap > li:after {content:none;top:45px;left:20%;right:20%;}


.entra-company-org .lv4-name:before {position:absolute;z-index:-2;content:"";left:50%;transform: translate(0,-50%);top:0;bottom:0;width:1px;background-color:#333;}
.entra-company-org .lv4-name:after {position:absolute;z-index:-2;content:"";top:-40px;height:1px;background-color:#333;left:-20%;right:-20%;}
.entra-company-org .lv4-name:first-child:after {left:50%;right:-20%;}
.entra-company-org .lv4-name:last-child:after {left:-20%;right:50%;}


















.entra-company-certification {display:flex;flex-wrap:wrap;gap:50px 4%;justify-content:flex-start;}
.entra-company-certification .item {width:calc(25% - 3%);}
.entra-company-certification .blank {flex-grow:1;}

.entra-company-certification .entra-imgwrap {display:block;padding-top:120%;background-color:#f4f4f4;transition:1s;}
.entra-company-certification .entra-imgwrap > img {width:50%;}

.entra-company-certification .item.on .entra-imgwrap {background-color:#fff;}
.entra-company-certification .item.on .entra-imgwrap > img {width:96%;}


.entra-company-certification .content {display:block;text-align:center;line-height:1.2;padding:20px;}
.entra-company-certification .exp {font-size:1.39em;}











.entra-company-map {position:relative;z-index:-1;height:100%;max-height:700px;}

.entra-content.content-company-location-info {z-index:9;margin-top:-110px;}
.entra-content.content-company-location-info:after {top:110px;}

.entra-company-location-info {position:relative;display:flex;text-align:center;}
.entra-company-location-info .info {position:relative;width:25%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:39px 29px;background-color:#004689;color:#fff;}
.entra-company-location-info .info:before {content:"";position:absolute;z-index:2;right:0;top:39px;bottom:39px;width:1px;background-color:#000;opacity:0.9;}
.entra-company-location-info .info:after {content:"";position:absolute;z-index:2;right:0;margin-right:-1px;top:39px;bottom:39px;width:1px;background-color:#fff;opacity:0.2;}


.entra-company-location-info .title {display:block;margin-top:10px;font-size:1.9em;font-weight:600;line-height:1.2;}
.entra-company-location-info .exp {display:block;margin-top:20px;font-size:1.2em;}


.entra-content.content-company-location-info .entra-list-wrap {padding-top:20px;max-width:1300px;margin:0 auto;}
.entra-content.content-company-location-info .entra-list-wrap > li {gap:10px 29px;margin-top:20px;}
.entra-content.content-company-location-info .entra-list-wrap .entra-imgwrap {width:40px;flex-shrink:0;}
.entra-content.content-company-location-info .entra-list-wrap .exp {font-size:1.2em;text-align:left;flex-grow:1;margin-top:8px;}












.entra-company-business {display:flex;gap:20px 4%;align-items:flex-start;max-width:1200px;}
.entra-company-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-company-business .item:nth-child(even) {margin-top:7%;}


.entra-company-business .item .title {display:block;font-size:3em;font-weight:600;transition:0.5s;}

.entra-company-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-company-business .item:nth-child(1):before {background-image:url(../images/contents/biz01.jpg);}
.entra-company-business .item:nth-child(2):before {background-image:url(../images/contents/biz02.jpg);}
.entra-company-business .item:nth-child(3):before {background-image:url(../images/contents/biz03.jpg);}

.entra-company-business .item:hover:before {width:120%;height:120%;}
.entra-company-business .item:hover .title {margin-left:29px;}












/*
.entra-company-facilities {display:flex;flex-wrap:wrap;gap:30px;}
.entra-company-facilities .item {width:calc(50% - 15px);background-color:#f6f6f6;padding:39px;position:relative;}
*/
.entra-company-facilities {display:flex;flex-wrap:wrap;max-width:1400px;}
.entra-company-facilities .item {width:calc(50%);background-color:#fff;position:relative;padding:39px;}
.entra-company-facilities .item.gr {background-color:#f6f6f6;}


.entra-company-facilities .entitle {position:absolute;z-index:9;left:0;top:0;display:block;font-weight:500;background-color:#000;color:#fff;padding:8px 39px;font-size:1.4em;}

.entra-company-facilities .entra-imgwrap {display:block;padding-top:80%;}
.entra-company-facilities .entra-imgwrap > img {width:80%;transition:0.5s;}
.entra-company-facilities .item:hover .entra-imgwrap > img {width:80%;}

.entra-company-facilities .content {display:block;text-align:center;line-height:1.2;}

.entra-company-facilities .exp {display:block;font-size:1.5em;}

















.entra-company-products {display:flex;gap:40px 20px;flex-wrap:wrap;background-color:#f6f6f6;padding:39px;}
.entra-company-products .item {width:calc(25% - 15px);}
.entra-company-products .blank {flex-grow:1;}



.entra-company-products .entra-imgwrap {display:block;padding-top:120%;background-color:fff;border-radius:30px;}
.entra-company-products .entra-imgwrap > img {width:80%;transition:0.5s;}
.entra-company-products .item:hover .entra-imgwrap > img {width:100%;}


.entra-company-products .content {display:block;text-align:center;line-height:1.2;padding-top:30px;}
.entra-company-products .title {display:block;font-weight:500;font-size:1.2em;letter-spacing:-0.05em;}
.entra-company-products .title > strong {font-weight:600;}
.entra-company-products .exp {display:inline-block;margin-top:10px;font-size:1.2em;background-color:#26aad4;color:#fff;border-radius:60px;padding:6px 20px;}






















.entra-notify {position:relative;padding:5% 10%;background-color:#eee;border-radius:40px;font-size:1.4em;text-align:left;display:flex;align-items:center;gap:10%;}
.entra-notify .entra-imgwrap {flex-shrink:0;}
.entra-notify .txt {flex-grow:1;}


.entra-notify.type2 {border-radius:5px 5px 40px 40px;background-color:#0099c8;color:#fff;}
.entra-notify.type3 {border-radius:0;font-size:1.2em;background-color:#eee;border:1px solid #ddd;padding:5%;}
