/* 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-content-greeting:after {content:" ";display:block;clear:both;height:0;visibility:hidden;margin:0;padding:0;}

.entra-content-greeting .entra-imgwrap {float:left;width:260px;margin-right:33px;margin-bottom:33px;}
*/

.entra-content-greeting  {display:flex;gap:29px 50px;align-items:flex-start;}
.entra-content-greeting .greeting-pic {width:260px;flex-shrink:0;background-position:center center;background-size:cover;background-image:url(../images/contents/president-bg.jpg);overflow:hidden;border-radius:10px 50px 10px 50px;}
.entra-content-greeting .greeting-wrap {flex-grow:1;}

.entra-content-greeting .greeting-summary {margin-bottom:20px;}
.entra-content-greeting .greeting-summary .main {display:block;font-size:2.6em;font-weight:800;line-height:1.4;color:#555;}
.entra-content-greeting .greeting-summary .sub {display:block;font-size:1.6em;font-weight:700;line-height:1.2;color:#555;}
.entra-content-greeting .greeting-summary .st {margin-right:10px;}
.entra-content-greeting .greeting-summary .sign {font-family: 'Nanum Brush Script';font-size:2em;display:inline-block;vertical-align:middle;letter-spacing:0.09em;font-weight:500;}

.entra-content-greeting .greeting-detail {font-size:1.1em;text-align:justify;}










.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;left:50px;top:50px;font-size:3.3em;letter-spacing:0.1em;font-weight:500;line-height:1;}
.entra-company-history .history-pic .since > strong {display:block;letter-spacing:0.15em;}



.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% 3% 3%;background-color:#004689;color:#fff;border-radius:0 100px 0 0;font-size:2em;text-align:left;margin-bottom:29px;}
.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:-50px;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:1.9em;font-weight:800;;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:0;}

.entra-company-history .history-section > ul > li:before {position:absolute;content:"";left:-13%;top:6px;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 .year {color:#004689;}
.entra-company-history .history-section > ul > li:before {background-color:#004689;}
.entra-company-history .history-section > ul > li > p .date {color:#004689;}

.entra-company-history .history-section > ul > li > p .subject {display:block;font-size:1.2em;}
.entra-company-history .history-section > ul > li > p .detail {display:block;}







.entra-pic-history {position:relative;}
.entra-pic-history .history {position:relative;display:flex;align-items:center;gap:50px;justify-content:center;margin-top:50px;}
.entra-pic-history .history .entra-imgwrap {width:300px;flex-shrink:0;}
.entra-pic-history .history:before {display:block;content:"";width:calc(50% - 180px);}
.entra-pic-history .history .exp {position:relative;z-index:9;display:block;width:calc(50% - 180px);}
.entra-pic-history .history .exp {font-size:1.3em;font-weight:500;letter-spacing:-0.05em;line-height:1.2;text-align:left;}

.entra-pic-history .history .exp:before {position:absolute;z-index:2;content:"";left:-63px;top:-2px;width:26px;height:26px;border-radius:100%;background-color:#004689;border:4px solid #fff;}
.entra-pic-history .history .exp:after {position:absolute;content:"";left:-40px;top:10px;width:30px;height:1px;background-color:#004689;}


.entra-pic-history .history:nth-child(even):before {order:9;}
.entra-pic-history .history:nth-child(even) .exp {order:-1;text-align:right;}
.entra-pic-history .history:nth-child(even) .exp:before {left:auto;right:-63px;}
.entra-pic-history .history:nth-child(even) .exp:after {left:auto;right:-40px;}





.entra-contact-info {position:relative;z-index:2;display:flex;background-color:#fff;border:1px solid #ddd;overflow:hidden;}
.entra-contact-info .info {position:relative;z-index:9;display:block;width:25%;padding:39px 10px;text-align:center;font-size:1.1em;word-break:keep-all;margin-bottom:-1px;font-size:1.1em;}
.entra-contact-info .info.addr {flex-grow:1;}

.entra-contact-info .info:before {position:absolute;left:0;right:0;top:-1px;content:"";height:8px;background-color:#0165b2;}
.entra-contact-info .info:nth-child(even):before {background-color:#44ccff;}
.entra-contact-info .info:after {position:absolute;left:-1px;top:0;bottom:0;content:"";width:1px;background-color:#ddd;}

.entra-contact-info .info > i {font-size:1.5em;color:#0165b2;}
.entra-contact-info .info:nth-child(even) > i {color:#44ccff;}

.entra-contact-info .info .title {position:relative;display:block;font-weight:600;margin-bottom:5px;margin-top:15px;padding-top:15px;}
.entra-contact-info .info .title:before {position:absolute;content:"";top:0;left:50%;transform: translateX(-50%);width:28px;height:1px;background-color:#111;}




.entra-contact-info .info > i {transition:0.5s;margin-left:30px;opacity:0;}
.entra-contact-info .info.on > i {margin-left:0;opacity:1;}
.entra-contact-info .info .title {transition:0.5s;margin-left:-30px;opacity:0;}
.entra-contact-info .info.on .title {margin-left:0;opacity:1;}


.entra-contact-map {position:relative;z-index:99;margin-top:-1px;}











.entra-subtitle {position:relative;font-size:1.7em;font-weight:700;margin-bottom:20px;letter-spacing:-0.05em;line-height:1.2;}






.entra-content-exp {position:relative;display:flex;gap:20px 30px;max-width:1200px;font-size:1.1em;}
.entra-content-exp:nth-of-type(n+2) {margin-top:20px;}
.entra-content-exp:nth-of-type(n+2) .entra-subtitle {margin-top:70px;}
.entra-content-exp:nth-of-type(n+2) .entra-imgwrap {margin-top:70px;}

.entra-content-exp .content-exp {flex-grow:1;}
.entra-content-exp > .entra-imgwrap {flex-shrink:0;max-width:45%;}



.entra-content-exp .content-exp ol {display:flex;flex-wrap:wrap;gap:10px 40px;}
.entra-content-exp .content-exp ol > li {flex-grow:1;width:calc(50% - 20px);}
.entra-content-exp .content-exp ol.full > li {width:100%;}
.entra-content-exp .content-exp ol > li.full {width:100%;}
.entra-content-exp .content-exp * > li {margin-top:15px;}
.entra-content-exp .content-exp li  li {margin:5px 0;}

.entra-content-exp .content-exp ol > li > strong:first-child {font-size:1.1em;line-height:1.4;}
.entra-content-exp .exp-box > strong:first-child {font-size:1.1em;line-height:1.4;}



.entra-content-exp .content-exp .exp-box {margin-top:10px;background-color:#eef3f5;border:1px solid #c9d2d7;padding:23px 33px;}
.entra-content-exp .content-exp .exp-box.emp {background-color:#fff;border-color:#0d4565;}


.entra-content-exp .exp-table table {border:1px solid #7e878b;width:100%;}
.entra-content-exp .exp-table table th {border:1px solid #7e878b;background-color:#d1d7d9;padding:10px 20px;}
.entra-content-exp .exp-table table td {border:1px solid #7e878b;padding:10px 20px;}







/*
.entra-content-conclusion {position:relative;z-index:-5;padding-top:100px;margin-top:-100px;margin-bottom:-110px;}
.entra-content-conclusion .content-img {position:absolute;left:0;right:0;top:0;bottom:0;background-size:cover;}
.entra-content-conclusion .content-img:after {position:absolute;content:"";left:0;right:0;top:0;bottom:0;background-color:#000;opacity:0.6;}
.entra-content-conclusion .content-exp {position:relative;z-index:2;max-width:1200px;padding:150px 0 150px 0;text-align:center;color:#fff;font-size:1.4em;font-weight:500;letter-spacing:-0.05em;text-shadow: 1px 1px 2px rgba(0,0,0,0);}
.entra-content-conclusion .content-exp > strong {font-weight:800;font-size:1.3em;line-height:1.2;}
*/
.entra-content-conclusion {position:relative;z-index:-5;padding-top:100px;margin-top:-100px;margin-bottom:-110px;}
.entra-content-conclusion .content-img {position:absolute;left:0;right:0;top:0;bottom:0;background-size:cover;}
.entra-content-conclusion .content-exp {position:relative;z-index:2;max-width:1200px;padding:100px 0 100px 0;}

.entra-content-conclusion .content-exp .exp {position:relative;z-index:2;max-width:800px;text-align:left;margin:0;padding:23px 33px;font-size:1.2em;font-weight:400;}
.entra-content-conclusion .content-exp .exp strong {font-weight:800;}
.entra-content-conclusion .content-exp .exp b {font-weight:800;}
.entra-content-conclusion .content-exp .exp:after {position:absolute;content:"";z-index:-1;left:0;right:0;top:0;bottom:0;background-color:#fff;opacity:0.85;}
