@charset "utf-8";

/* 대표 인사말 */
.sub-container .inner-content.greetings{max-width: 100%; padding: 0;}
.greetings-wrap{display: block;}
.greetings-wrap .con_box{display: flex; position: relative; z-index: 2;}
.greetings-wrap .top_box .con_box{align-items:center;}
.greetings-wrap .bottom_box{position: relative; padding-top: 60px;}
.greetings-wrap .bottom_box:before{content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: calc(100% + 110px); background-color: #f8f9fa;}
.greetings-wrap .bottom_box .con_box{align-items:flex-start; margin-bottom: 90px;}
.greetings-wrap .con_box li{width: 49%; box-sizing: border-box;}
.greetings-wrap .con_box li:first-of-type{margin-right: 2%;}
.greetings-wrap .img_area{padding-left: 6%;}
.greetings-wrap .img_area img{max-width: 100%; transform: translateY(15px);}
.greetings-wrap .text_box{letter-spacing: -0.25px;}
.greetings-wrap .text_box span{display: block; font-size: 15px; font-weight: 700; color: #dc851b; margin-bottom: 15px;}
.greetings-wrap .text_box .tt{font-size: 24px; font-weight: 700; color: #282828; line-height: 1.2; margin-bottom: 35px;}
.greetings-wrap .text_box .tp{font-size: 18px; color: #646464; line-height: 1.6; margin-bottom: 30px;}
.greetings-wrap .text_box p{word-break: keep-all;}
.greetings-wrap .text_box p:last-of-type{margin-bottom: 0;}
.greetings-wrap .sign_box{position: relative; z-index: 2;}
.greetings-wrap .sign_box p{letter-spacing: -0.25px; display: inline-block; vertical-align: middle; margin-right: 90px;}
.greetings-wrap .sign_box p strong{font-size: 24px; color: #282828; font-weight: 700;}
.greetings-wrap .sign_box p span{display: block; font-size: 18px; color: #646464;}
.greetings-wrap .sign_box img{vertical-align: middle;}

@media screen and (max-width: 1600px){
    .greetings-wrap .text_box .tt{font-size: 20px;}
    .greetings-wrap .text_box .tp{font-size: 16px;}
    .greetings-wrap .text_box .tp br{display: none;}
    .greetings-wrap .sign_box p strong{font-size: 20px;}
    .greetings-wrap .sign_box p span{font-size: 16px;}
}
@media screen and (max-width:1023px){
    .greetings-wrap .img_area{padding-left: 0;}
    .greetings-wrap .con_box li{width: 47.5%;}
    .greetings-wrap .con_box li:first-of-type {margin-right: 5%;}
    .greetings-wrap .bottom_box .con_box{margin-bottom: 60px;}
    .greetings-wrap .sign_box p{margin-right: 60px;}
}
@media screen and (max-width:767px){
    .greetings-wrap .img_area{text-align: center;}
    .greetings-wrap .img_area img{transform: none;}
    .greetings-wrap .con_box{flex-direction: column;}
    .greetings-wrap .con_box li{width: 100%; margin-bottom: 60px;}
    .greetings-wrap .con_box li:first-of-type{margin-right: 0;}
    .greetings-wrap .top_box .con_box li:last-of-type{margin-bottom: 30px;}
    .greetings-wrap .bottom_box{padding-top: 30px;}
    .greetings-wrap .bottom_box .con_box li:last-of-type{margin-bottom: 0;}
}
@media screen and (max-width:500px){
    .greetings-wrap .text_box span{margin-bottom: 10px;}
    .greetings-wrap .text_box .tt{font-size: 18px; margin-bottom: 20px;}
    .greetings-wrap .text_box .tp{font-size: 14px; margin-bottom: 20px;}
    .greetings-wrap .sign_box p{margin-right: 5%;}
    .greetings-wrap .sign_box p strong{font-size: 18px;}
    .greetings-wrap .sign_box p span{font-size: 14px;}
    .greetings-wrap .sign_box img{width: 89px;}
}

/* 연혁 */
.history-wrap{padding-left: 50px;}
.history-wrap .timeline {position:relative; padding-left:285px;}
.history-wrap .timeline .status {position:absolute; left:285px; top:0; margin-top:17px; height:100%;}
.history-wrap .timeline .history-container{width: 1px; height: 100%; background: #ebebeb; overflow: hidden;}
.history-wrap .timeline .history-bar{width: 1px; height: 0%; background: #dc851b;}
.history-wrap .timeline .item {position:relative; max-width: 500px; width: 45%; padding-left: 80px; box-sizing: border-box;}
.history-wrap .timeline .item .subject{position:absolute; top:0; left:-285px; width:285px; color:#282828; font-size:45px; line-height: 1; font-weight:700;}
.history-wrap .timeline .item .subject:before,
.history-wrap .timeline .item .subject:after {content:''; position:absolute; display:block;}
.history-wrap .timeline .item .subject:before {right:-8px; top:9px; width:10px; height:10px; transform: rotate(45deg); background-color:#fff; border: 2px solid #dc851b;}
.history-wrap .timeline .item li + li {margin-top:55px;}
.history-wrap .timeline .item li .tit {display:block; margin-bottom:20px; font-size:24px; font-weight:700; color:#282828; text-align: left; letter-spacing: -0.5px;}
.history-wrap .timeline .item li .txt {font-size:18px; color:#646464;}
.history-wrap .timeline .item li .txt span{display: inline-block; vertical-align: top; word-break: keep-all;}
.history-wrap .timeline .item li .txt .month{width: 50px; color: #dc851b;}
.history-wrap .timeline .item li .txt .con{width: calc(100% - 50px);}
.history-wrap .timeline .item li .txt + .txt {margin-top:20px;}
.history-wrap .timeline .item + .item {margin-top:65px;}
.history-wrap .timeline .img_box{position: absolute; top: 0; right: 0; max-width: 560px; width: 37%;}
.history-wrap .timeline .img_box ul:after{content: ''; clear: both; visibility: hidden; display: block;}
.history-wrap .timeline .img_box li{border-radius: 30px 0 0 0; overflow: hidden; margin-bottom: 35%; width: 85.76%;}
.history-wrap .timeline .img_box li:nth-of-type(odd){float: left; -webkit-box-shadow: 10px 30px 30px 1px rgba(0,0,0,0.15); box-shadow: 10px 30px 30px 1px rgba(0,0,0,0.15);}
.history-wrap .timeline .img_box li:nth-of-type(even){float: right; -webkit-box-shadow: -10px 30px 30px 1px rgba(0,0,0,0.15);box-shadow: -10px 30px 30px 1px rgba(0,0,0,0.15);}
.history-wrap .timeline .img_box li:last-of-type{margin-bottom: 0;}
.history-wrap .timeline .img_box li img{max-width: 100%;}

@media screen and (max-width: 1600px){
  .history-wrap{padding-left: 0;}
  .history-wrap .timeline{padding-left: 230px;}
  .history-wrap .timeline .item{padding-left: 70px;}
  .history-wrap .timeline .item .subject{left: -230px; width: 230px; font-size: 35px;}
  .history-wrap .timeline .status{left: 230px;}
}
@media screen and (max-width:1023px){
  .history-wrap .timeline{padding-left: 180px;}
  .history-wrap .timeline .item{padding-left: 50px;}
  .history-wrap .timeline .item .subject{left: -180px; width: 180px; font-size: 28px;}
  .history-wrap .timeline .item .subject:before {right: -6px; top: 5px; width: 7px; height: 7px;}
  .history-wrap .timeline .status{left: 180px;}
  .history-wrap .timeline .item li .tit{font-size: 20px; margin-bottom: 15px;}
  .history-wrap .timeline .item li .txt{font-size: 16px;}
  .history-wrap .timeline .item li + li {margin-top: 45px;}
}
@media screen and (max-width:767px){
  .history-wrap .timeline .item{width: 100%; max-width: 100%;}
  .history-wrap .timeline .img_box{display: none;}
}
@media screen and (max-width:500px){
  .history-wrap .timeline{padding-left: 100px;}
  .history-wrap .timeline .item{padding-left: 25px;}
  .history-wrap .timeline .item .subject{left: -100px; width: 100px; font-size: 18px;}
  .history-wrap .timeline .item .subject:before {right: -5.5px; top: 1px; width: 6px; height: 6px;}
  .history-wrap .timeline .status{left: 100px; margin-top: 0;}
  .history-wrap .timeline .item li .tit{font-size: 16px; line-height: 1;}
  .history-wrap .timeline .item li .txt{font-size: 14px;}
  .history-wrap .timeline .item li .txt .month{width: 40px;}
  .history-wrap .timeline .item li .txt .con {width: calc(100% - 40px);}
}