@charset "utf-8";

/*인사말*/
.greeting {display: flex; justify-content: space-between; align-items: stretch;}
.greeting .itemLeft {flex: 1 0 20%; margin-right:130px;}
.greeting .itemRight {flex: 1 0 65%; padding-top: 80px; position: relative;}
.greeting .itemLeft .photo {position: relative;}
.greeting .itemLeft .photo::before {position: absolute; content:"";background-color: #005aab; top: 0; left: 0; width: 80%; height: 50%; z-index: -1;}
.greeting .itemLeft .photo img {margin-top: 50px; margin-left: 50px;}
.greeting .itemRight .slogan p {font-size: 38px; font-family:'Dream Bold',sans-serif; color: #005aab; margin-bottom: 0;}
.greeting .itemRight .cont {margin-top: 80px;}
.greeting .itemRight .cont p strong {font-family: 'Dream Medium',sans-serif;}
.greeting .itemRight .sign {text-align: right; margin-top: 50px;}
@media all and (max-width: 1400px) {
  .greeting .itemLeft {flex: 1 0 30%;}
  .greeting .itemRight {flex: 1 0 55%;}
}
@media all and (max-width: 1024px) {
  .greeting .itemLeft {display:none;}
  .greeting .itemRight {flex:1 0 100%; padding-top:0;}
  .greeting .itemRight::before {display:none;}
  .greeting .itemRight .cont {margin-top:20px;}
}
@media all and (max-width: 768px) {
  .greeting .itemRight .slogan p {font-size: 32px;}
}

/*찾아오시는 길*/
.map-wrap {position: relative;}
.map-wrap .inner {display: block; overflow: hidden;}
.map-wrap .map {width: 100%; margin-bottom: 50px;}
.map-wrap .map > h3 {position: relative; display: block; line-height: 1.3; font-size: 20px; color: #1b60c6; font-family: 'Dream Medium'; margin-bottom: 20px;}
.map-wrap .map > h3::before {content:''; width:25px; height:2px; display:block; margin:0 0 10px 0; background-color: #1b60c6;}
.map-wrap .imgBox {text-align: center; border: 1px solid #F4F4F4; border-radius: 10px; overflow: hidden;}
.map-wrap .imgBox.grBg {background-color: #F4F4F4;}
.map-wrap .txtBox {display: table; table-layout: fixed; width: 100%; background-color: #fff; border: 1px solid #e9e9e9; margin-top: 15px;}
.map-wrap .txtBox .cells {display: table-cell; width: 100%; height: 100%; padding: 40px; vertical-align: middle;}
.map-wrap .txtBox .cells ul {margin-bottom: 20px; overflow: hidden;}
.map-wrap .txtBox .cells ul:last-child {margin-bottom: 0;}
.map-wrap .txtBox .cells ul li {float: left; line-height:1.6; font-size: 18px; color: #131313; margin-right: 5%;}
.map-wrap .txtBox .cells ul li:last-child {margin-right: 0;}
.map-wrap .txtBox .cells ul li strong {display: inline-block; margin-right: 10px; color: #004b83; font-family: 'Dream Medium',sans-serif;}

@media all and (max-width: 768px) {
  .map-wrap .txtBox .cells {padding: 30px;}
  .map-wrap .txtBox .cells ul li {float: none; margin-right: 0;}
}

/*PRODUCTS&E-CATALOG*/
.product-wrap {position: relative;}
.product-wrap .product-list {display: flex; flex-wrap: wrap; margin:0 -15px;}
.product-wrap .product-list > li {width: 20%; padding: 0 15px; margin-bottom: 10px; text-align: center;}
.product-wrap .product-list > li p {font-size: 16px; line-height: 28px; letter-spacing: -.025em; font-family: 'Dream Regular',sans-serif; color:#555; text-align: center; margin: 15px 0;}
.product-wrap .img-box {position: relative; display: inline-block; border: 1px solid #E9E9E9;}
@media all and (max-width: 1024px) {
  .product-wrap .product-list > li {width: 33.3333%;}
}
@media all and (max-width: 768px) {
  .product-wrap .product-list > li {width: 50%;}
}