.greeting_area { position:relative; margin-top:155px; text-align:center; font-size:1.8em; color:#333; line-height:1.8; font-weight:300; display: flex;justify-content: center; padding-bottom:200px;}
.greeting_area .left{width: 472px; height: 450px; position: relative;}
.greeting_area .left .ceo_img{width: 472px; height: 450px;}
.greeting_area .left .ceo_self{position: absolute; background-color: #BD8F4D; text-align: left; color: #fff; bottom: -100px; right: -150px; padding: 40px 30px;}
.greeting_area .left .ceo_self span { font-size:1.5em; font-weight:400; color: #fff;}

.greeting_area .right{text-align: left; padding-left: 200px;}
.greeting_area .right .ceo_txt{margin-bottom: 30px; font-size: 18px;}
.greeting_area .right .ceo_title{font-size: 28px; color: #BD8F4D; font-family: 'Noto Serif KR'; margin-bottom: 5px;}

/* ========================================================================= */
.grt{display: flex;}
.grt .ceo{text-align: center; margin: 0 50px 100px 0}
.grt em{display: block; font-size: 100px; color: #efefef; font-weight: bold; line-height: 1em; opacity: .6;}

.grt .ceo .photo{width: 500px; margin: 0 auto}
.grt .ceo .photo img{width: 100%; height: auto;}

.grt .ceo .text{font-size: 24px; line-height: 1.5em; display: flex; justify-content: center; }
.grt .ceo .text em{margin-top: -50px; opacity: 1;}
.grt .ceo .text h5{font-weight: 400;}

.grt .desc{}
.grt .desc>div{border-bottom: 1px solid #eee; margin-bottom: 80px; display: flex; flex-flow: wrap; padding-bottom: 80px;}
.grt .desc>div:last-child{border-bottom: none;}
.grt .desc>div em{}
.grt .desc strong{display: block; font-size: 28px; line-height: 1.3em; margin-top: 50px;}
.grt .desc span{font-size: 20px; line-height: 1.3em; width: 100%; margin-top: 30px; }
.grt .desc i{font-style: normal; color: #BD8F4D;}


/* ========================================================================= */

.grt2{position: relative;}
.grt2 .bg{width: 100%; height: 1000px; position: absolute; top: 0%; left:50%; transform: translateX(-50%); background: url(../images/ceo_bg.jpg) no-repeat center center / 100% auto; max-width: 150%; min-width: 100%; transition: opacity 2s;}
.grt2 .bg.on{width: 200%; opacity: 0; }

.grt2 .ceo{text-align: center; margin-bottom: 150px; padding-top: 600px; position: relative;}
.grt2 .ceo .photo{width: 400px; margin: 0 auto}
.grt2 .ceo .photo img{width: 100%; height: auto;}
.grt2 .ceo .photo h5{font-size: 20px; font-weight: 400;}
.grt2 .ceo .photo span{font-size: 20px;}
.grt2 .ceo .photo strong{font-size: 24px;}

.grt2 .ceo .text{text-align: center;}

.grt2 .ceo .text h4{font-size: 32px; }
.grt2 .ceo .text h4 i{font-style: normal; color: #BD8F4D;}
.grt2 .ceo .text span{font-size: 20px;}
.grt2 .ceo .text::after{content: ""; display: block; width: 1px; height: 100px; background: #111; margin: 30px auto 80px; }

.grt2 .desc>div{width: 50%; margin: 0 auto; }
.grt2 .desc>div:first-child{margin-bottom: 50px; border-bottom: 1px solid #eee; padding-bottom: 50px;}

.grt2 .desc>div em{display: block; font-size: 14px; line-height: 1em; color: #BD8F4D; font-weight: bold; text-transform: uppercase;}
.grt2 .desc>div strong{font-size: 28px;;}
.grt2 .desc>div strong i{font-style: normal; }
.grt2 .desc>div span{font-size: 20px; display: block; margin-top: 30px;}



/* ========================================================================= */
.grt3{}
.grt3 .ceo{padding-top: 0;}
.grt3 .desc{margin-bottom: 200px;}
.grt3 .desc>div{display: flex; width: 100%;}
.grt3 .desc>div em{font-size: 80px; width: 60%; }
.grt3 .desc>div div{width: 40%;}

.grt3 .bg2{width: 100%; height: 400px; overflow: hidden;}
.grt3 .bg2 img{width: 100%; height: auto; margin-top: -160px;}


@media all and (max-width:1000px) {

  .grt2 .ceo .photo{width: 100%; }
  .grt3 .desc>div{display: block;}
  .grt3 .desc>div div{width: 100%; text-align: center;}
  .grt3 .desc>div em{font-size: 40px; width: 100%; text-align: center;}
  .grt2 .desc>div span{font-size: 18px; }

  .grt3 .bg2 img{margin-top: 0;}

  .greeting_area { position:relative; margin-top:95px; text-align:center; font-size:1.8em; color:#333; line-height:1.8; font-weight:300; display: flex; flex-direction: column; align-items: center; padding-bottom:50px;}
  .greeting_area .left{width: 472px; height: 450px; position: relative;}
  .greeting_area .left .ceo_img{width: 293px; height: 290px;}
  .greeting_area .left .ceo_self{position: absolute; background-color: #BD8F4D; text-align: left; color: #fff; bottom: 90px; right: 80px; padding: 25px 15px; font-size: 0.8em;line-height: 1.5;}
  .greeting_area .left .ceo_self span { font-size:1.5em; font-weight:400; color: #fff;}

  .greeting_area .right{text-align: center; padding-left: 0px;}

  .greeting_area .right .ceo_txt{margin-bottom: 30px;}
  .greeting_area .right .ceo_title{font-size: 1.2em; color: #BD8F4D; font-family: 'Noto Serif KR'; font-style: italic; margin-bottom: 5px;}

}