@charset "utf-8";
.greet .group.group1 {position: relative;}
.greet .group.group1:before {z-index: -1; content:""; position: absolute; width: 100%; height: 525px; background:url(../images/sub/greet-bg.png)50% 50% no-repeat; background-size: cover; top: 50px; left: 0;}
.greet .group.group1 .contain {display:flex;}
.greet .group.group1 .contain .img {width: 42.91%; margin-top: -20px;}
.greet .group .contain .text {flex:1 1 auto; min-width: 0; width: 1%;}
.greet .group .contain .text .con {padding-left: 70px; margin-top: 80px; margin-bottom: 100px;}
.greet .group .contain .text .tit {position: relative; padding-bottom: 20px; color:#242424; font-size:30px; font-weight:600; line-height:1.367em; letter-spacing: -0.03em;}
.greet .group .contain .text .tit .q-mark img {position: absolute; z-index: -1; left: -30px; top: -5px;}
.greet .group .contain .text .tit span {font-size:23px; font-weight:500;}
.greet .group .contain .text .line {width: 2px; height: 50px; background-color: #2f4590;}
.greet .group .contain .text .txt {margin-top: 25px;}
.greet .group .contain .text .txt p {margin-bottom: 30px;color:#454545; font-size:16px; font-weight:400; line-height:1.75em; letter-spacing: -0.03em;}
.greet .group .contain .text .txt p:last-of-type {margin-bottom: 0;}
.greet .group .contain .text .txt p span {font-size:18px; font-weight:500;}

.greet .group.group2 {margin: 60px 0 0;}
.greet .group.group2 h2 {margin-bottom: 60px; text-align: center; color:#242424; font-size:26px; font-weight:500; line-height:1.367em; letter-spacing: -0.03em;}
.greet .group.group2 h2 span {color:#2f4590; font-weight: 600; font-size:30px;}
.greet .group.group2 h2 img {margin-top: -5px;}
.greet .group.group2 .img {text-align: center;}

.history .sub-tit {position: relative; margin-bottom: 80px;}
.history .sub-tit .tit {position: relative; font-family: 'Montserrat', sans-serif; font-size:40px; font-weight:700; color:#242424; line-height: 1.4em; letter-spacing: -.03em; margin-bottom: 14px;}
.history .sub-tit .tit:before {content:""; position: absolute; width: 161px; height: 161px; background: url(../images/sub/history-logo.png)50% 50% no-repeat; top: 33px; left: 250px;}
.history .sub-tit .tit span {color:#2f4590; font-size:40px; letter-spacing: -.03em;}
.history .sub-tit .tt {font-size:18px; color:#454545; line-height: 1.722em; letter-spacing: -.03em; font-weight:500;}

.history .group {display:flex; margin-bottom: 70px;}
.history .group .year {position: relative; width:27.5%;}
.history .group .year:before {content:""; position: absolute; top:13px; right:0; bottom:13px; width:2px; background-color: #ddd;}
.history .group .year h3 {position:absolute; top:0; left:0; font-size:60px; font-weight:600; color:#242424; line-height: 1.4em; letter-spacing: -.03em;}

.history .group .items {margin-left: 80px; padding: 40px 0; flex:1 1 auto; min-width: 0; width: 1%;}
.history .group .items .item {margin-bottom: 40px;}
.history .group .items .item:last-of-type {margin-bottom: 0;}
.history .group .items .item h4 {position: relative; padding-bottom: 20px; font-size:26px; color:#242424; line-height: 1.4em; letter-spacing: -.03em; font-weight:600;}
.history .group .items .item h4:before {content:""; position: absolute; bottom:0; left:0; width:100%; height: 1px; background-color: #eee;}
.history .group .items .item ul {margin-top: 20px;}
.history .group .items .item li {display:flex; margin-bottom: 10px; align-items: center}
.history .group .items .item li:last-of-type {margin-bottom: 0;}
.history .group .items .item li p {font-size:16px; color:#454545; line-height: 1.4em; letter-spacing: -.03em; font-weight: 400;}
.history .group .items .item li span {color:#2f4590; font-weight: 600; margin-right: 15px;}

.certificate ul {display:flex; flex-wrap:wrap; margin: -10px -20px;}
.certificate ul li {width: 20%; padding: 10px 20px;}
.certificate ul li .img {box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.3);}
.certificate ul li .text {margin-top: 8px; text-align: center; font-size:16px; color:#686868; line-height: 1.4em; letter-spacing: -.03em; font-weight: 400;}

.customer {margin-bottom: 70px;}
.customer:last-of-type {margin-bottom: 0;}
.customer h2 , .appliance h2 {border-bottom:1px solid #ddd; padding-bottom: 30px; margin-bottom: 40px; padding-left: 26px; position: relative; font-size:23px; color:#242424; line-height: 1.4em; letter-spacing: -.03em; font-weight: 600;}
.customer h2:before , .appliance h2:before {content:""; position: absolute; width: 20px; height: 20px; background: url(../images/sub/mark.png); left: 0; top: 5px;}
.customer .parts .part {margin-left: 30px; margin-bottom: 40px;}
.customer .parts .part:last-of-type {margin-bottom: 0;}
.customer .parts .part h3 {margin-bottom: 20px; padding-left: 25px; position: relative; font-size:20px; color:#242424; line-height: 1.4em; letter-spacing: -.03em; font-weight: 600;}
.customer .parts .part h3:before {content:""; position: absolute; width: 20px; height: 20px; background: url(../images/sub/mark2.png); left: 0; top: 3px;}
.customer .parts .part ul {display:flex; flex-wrap:wrap; margin: -15px;}
.customer .parts .part ul li {padding: 15px;}
.customer .parts .part ul li .img {border-radius:15px; box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.3);}

.appliance {margin-bottom: 70px;}
.appliance:last-of-type {margin-bottom: 0;}

.appliance .product {display:flex; flex-wrap:wrap; align-items: center;}
.appliance .product > .img {width: 50%;}
.appliance .product > .img img {box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.3); border-radius:30px;}
.appliance .product .con {width: 50%; padding-left: 20px;}
.appliance .product .con .text .tit {margin-bottom: 20px; font-size:28px; color:#242424; line-height: 1.4em; letter-spacing: -.03em; font-weight: 600;}
.appliance .product .con .text .txt {margin-bottom: 30px; font-size:16px; color:#454545; line-height: 1.75em; letter-spacing: -.03em; font-weight: 400;}
.appliance .product .con .text .txt ul li {text-indent: -0.67em; padding-left: 0.67em; margin-bottom: 3px; font-size:16px; color:#454545; line-height: 1.4em; letter-spacing: -.03em; font-weight: 400;}
.appliance .product .con .popup-list p {margin-bottom: 13px; text-align: right; font-size:15px; color:#2f4590; line-height: 1.4em; letter-spacing: -.03em; font-weight: 400;}
.appliance .product .con .popup-list p img {vertical-align: middle; margin-right: 4px; margin-top: -2px;}
.appliance .product .con .popup-list ul {display:flex; flex-wrap:wrap; margin: -6px;}
.appliance .product .con .popup-list ul li {width: 25%; padding: 6px;position: relative;}

.appliance .product2 .con .popup-list ul li .img {position: relative;}
.appliance .product2 .con .popup-list ul li .img {position: relative; box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.3); border-radius:30px;}

.appliance .product .con .popup-list ul li .img:before {display:none; content:""; position: absolute; width: 100%; height: 100%; background-color: rgba(47,69,144,.8); top: 0; left: 0;}
.appliance .product .con .popup-list ul li .img:after {display:none; content:""; position: absolute; width: 25px; height: 25px; background: url(../images/sub/pop-search.png); top: 50%; left: 50%; transform:translate(-50% , -50%);} 
.appliance .product .con .popup-list ul li:hover .img:before , .appliance .product .con .popup-list ul li:hover .img:after {display:block;}
.appliance .product .con .popup-list ul li a {display:block;}
.appliance .product .con .popup-list ul li .text {position: absolute; left: 50%; transform:translateX(-50%); bottom: 60px; }
.appliance .product .con .popup-list ul li .text p {width: 200px; display:inline-block; padding: 7px 0; text-align: center; border-radius:20px; background-color: #2f4590; font-size:20px; color:#fff; line-height: 1.4em; letter-spacing: -.03em; font-weight: 600;}
.appliance .product .con .popup-list ul li:hover .text p {background-color: #fff; color: #2f4590;}
.appliance .product .con .popup-list ul li .img-popup {display:none;}

.appliance .product.product2 .con {width: 100%;}
.appliance .product.product2 .con .popup-list ul {margin: -15px;}
.appliance .product.product2 .con .popup-list ul li {padding: 15px;}
.appliance .product.product2 .con .popup-list ul li {width: 33.33333%;}
.appliance .product.product2 .con .popup-list ul li .img:before {border-radius:10px;}
.appliance .product.product2 .con .popup-list ul li .img:after {width: 50px; height: 50px; background: url(../images/sub/pop-search-b.png);} 

.appliance .product.product3  {align-items: inherit;}
.appliance .product.product3  .con {display: flex; flex-direction: column; justify-content: space-between; padding: 20px 0;}
.appliance .product.product3  .con.wheel {padding: 0;}
.appliance .product.product3 .img-list ul {display:flex; flex-wrap:wrap; margin: 0 -10px;}
.appliance .product.product3 .img-list ul li {width: 50%; padding: 0 10px;}
.appliance .product.product3 .img-list ul li img {box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.3); border-radius:30px;}

.appliance .images {display:flex; flex-wrap:wrap; margin: 0 -15px;}
.appliance .images .image {width: 50%; padding: 0 15px;}
.appliance .images .image .img img {box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.3); border-radius:30px;}
.appliance .images .image .text {margin-top: -23px;}
.appliance .images .image .text .tit {box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.3); margin-left: 20px; width: 200px; display:inline-block; padding: 5px 0; text-align: center; border-radius:20px; background-color: #2f4590; font-size:20px; color:#fff; line-height: 1.4em; letter-spacing: -.03em; font-weight: 600;}
.appliance .images .image .text .txt {margin-left: 20px; margin-top: 20px; font-size:16px; color:#454545; line-height: 1.75em; letter-spacing: -.03em; font-weight: 400;}

.appliance .wheel.image {display:flex; flex-wrap:wrap; margin: 0 -15px;}
.appliance .wheel.image .img {width: 33.333333%; padding: 0 15px;}
.appliance .wheel.image .img img {box-shadow: 2px 3px 8px 0px rgba(0, 0, 0, 0.3); border-radius:30px;}

.appliance .product.product-lock > .img img {box-shadow:none !important;}