@charset "utf-8";
@import url('../../cdn.jsdelivr.net/gh/moonspam/NanumSquare%40master/nanumsquare.css');

.lang-en {font-family:'Montserrat', sans-serif;}

.ani {opacity:0; transform:translateY(20px); transition:1s;}

.current .ani {opacity:1; transform:translateY(0);}
.current .ani-1 {transition:1s .1s;}
.current .ani-2 {transition:1s .5s;}
.current .ani-3 {transition:1s .9s;}
.current .ani-4 {transition:1s 1.3s;}

.brand-1 {padding:0 11%; color:#fff; background:url("../images/sub/brand_1_bg.html") 50% 50% no-repeat; background-size:cover; overflow:hidden;}
.brand-1 .imgs {margin-bottom:40px;}
.brand-1 .imgs img {margin-right:40px;}
.brand-1 h2 {font-size:40px; line-height:1.4em; margin-bottom:1.4em;}
.brand-1 p {font-size:24px; line-height:1.4em;}

.brand-2 {padding:0 5%; text-align:center; background:url("../images/sub/brand_2_bg.html") 50% 50% no-repeat; background-size:cover; overflow:hidden;}
.brand-2 h2 {font-size:40px; line-height:1.4em; margin-bottom:10px;}
.brand-2 p {font-size:20px; line-height:1.4em;}
.brand-2 .imgs {display:flex; justify-content:center; margin:60px 0 35px;}
.brand-2 .imgs div {margin:0 17px}
.brand-2 .txt {font-size:24px; line-height:1.4em;}

.brand-3 {text-align:center; overflow:hidden;}
.brand-3 .wrap {max-width:1620px; margin:0 auto; padding:160px 50px 120px;}
.brand-3 h2 {font-size:40px; line-height:1.4em; margin-bottom:47px;}
.brand-3 ul {display:flex; justify-content:space-between; margin:-20px;}
.brand-3 ul li {max-width:310px; padding:20px;}
.brand-3 ul li .img {margin-bottom:30px;}
.brand-3 ul li .img img {box-shadow:10px 10px 10px rgba(128,128,128,.35);}
.brand-3 ul li .tit img {vertical-align:middle; margin-right:13px;}
.brand-3 .txt {font-weight:500; margin-top:60px;}
.brand-3 .patent {display:flex; justify-content:space-between; margin-bottom:140px;}
.brand-3 .patent .left {width:36%; max-width:553px;}
.brand-3 .patent .right {width:56%; max-width:852px;}
.brand-3 .cert {max-width:1185px; margin:0 auto;}

.brand-4 {position:relative; overflow:hidden;}
.brand-4 video {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}

.bottom-contact {text-align:center; padding:67px 0; font-size:20px; border-top:1px solid #ddd;}

.product-main {display:flex; align-items:center; padding:0 5%; height:100vh; color:#fff; text-align:center; background:url("../images/sub/product_main_bg.html") 50% 50% no-repeat; background-size:cover;}
.product-main .inner {width:100%;}
.product-main .imgs img {margin:0 20px;}
.product-main h2 {font-size:110px; line-height:1.2em;}
.product-main p {font-size:36px; line-height:1.4em;}
.product-main .link {display:inline-block; margin-top:82px; font-size:30px; font-weight:700; line-height:1.3em; border-bottom:2px solid #fff;}

.goods-list {padding:150px 30px; text-align:center;}
.goods-list ul {display:flex; justify-content:center;}
.goods-list ul li {width:50%; max-width:506px; padding:0 20px;}
.goods-list ul li a {display:block;}
.goods-list ul li .thumb {position:relative; overflow:hidden; max-width:430px; margin:0 auto 30px;}
.goods-list ul li .thumb img {transition:.4s;}
.goods-list ul li .tit {font-size:22px; font-weight:700; line-height:1.4em;}
.goods-list ul li a:hover .thumb img {transform:scale(1.05)}

.goods-detail {padding:210px 100px 150px; text-align:center; background-size:cover; overflow:hidden;}
.goods-detail h2 {font-size:100px; line-height:1.2em; margin-bottom:40px;}
.goods-detail p {font-size:20px; line-height:1.4em;}
.goods-detail p strong {font-weight:600;}
.goods-detail .img {margin-top:120px;}
.goods-detail .link {display:inline-block; margin-top:20px; color:#333; font-size:30px; font-weight:700; line-height:1.3em; border-bottom:2px solid #333;}

.location-group {margin-bottom:70px;}
.location-group:last-child {margin-bottom:0;}
.location-group .map {margin-bottom:25px;}
.location-group .wrap {position:relative; padding-left:85px;}
.location-group .ico {position:absolute; top:5px; left:0;}
.location-group h3 {font-size:24px; font-weight:600; line-height:1.4em; margin-bottom:10px;}
.location-group p {color:#555; font-size:20px; line-height:1.6em;}
.location-group .item {display:inline-block; margin-right:20px;}
.location-group .item:last-child {margin-right:0;}

.mobile {display:none;}
.h3 {margin-bottom: 29px; color:#4495d1; font-weight:700; font-size:34px; line-height:1.235em; letter-spacing: :-.02em;}
.introduce .company {padding-bottom: 80px;}
.introduce .company .con {display:flex;}
.introduce .company .con .img {width:41.6666%; height: 560px; background:url("../images/sub/introduce1.jpg") 50% 50% no-repeat; background-size:cover;}
.introduce .company .con .img p {color:#fff; letter-spacing: :-.01em;}
.introduce .company .con .img .tit1 {padding: 55px 0 0 63px; font-family: 'NanumSquare'; font-weight:700; font-size:26px; line-height:1.615em;}
.introduce .company .con .img .tit2 {padding: 24px 0 0 63px; font-size:30px; font-weight: 600; line-height: 1.4em;}
.introduce .company .con .text {padding: 60px 0 0 60px; border:1px solid #dfdfdf; flex:1;}
.introduce .company .con .text p {margin-bottom: 15px; color:#505050; font-weight:400; font-size:18px; line-height:1.778em; letter-spacing: :-0.1em;}
.introduce .company .con .text p strong {color:#4495d1; font-weight:600; font-size:18px; line-height:1.778em; letter-spacing: :-.01em;}
.introduce .company .con .text .com {margin-bottom: 0; text-align:end; padding-right: 60px; color:#2c2c2c; font-weight:600; letter-spacing: :-.02em;}

.introduce .main-area ul{height: 380px; display:flex;}
.introduce .main-area ul .list1 {background:url("../images/sub/main-area1.png"); }
.introduce .main-area ul .list2 {background:url("../images/sub/main-area2.png"); }
.introduce .main-area ul .list3 {background:url("../images/sub/main-area3.png"); }
.introduce .main-area ul .list4 {background:url("../images/sub/main-area4.png"); }
.introduce .main-area ul .list {background-size:cover; background-position: 50% 50%; background-repeat: no-repeat;  margin-left: -56px;}
.introduce .main-area ul li {text-align:center;color:#fff; display:flex; flex-direction: column; justify-content: center; align-items: center; width: 28%; background:url() 50% 50% no-repeat; }
.introduce .main-area h3 {padding-bottom: 40px;}
.introduce .main-area h4 {font-weight:600; font-size:26px; line-height:1.615em; letter-spacing: :-.02em;}
.introduce .main-area p {display:none; font-size:18px; line-height:1.778em; letter-spacing: :-.02em;}
.introduce .main-area ul li:hover p {display:block;}
.introduce .main-area ul .list1:hover {background:url("../images/sub/main-area1_d.png");}
.introduce .main-area ul .list2:hover {background:url("../images/sub/main-area2_d.png");}
.introduce .main-area ul .list3:hover {background:url("../images/sub/main-area3_d.png");}
.introduce .main-area ul .list4:hover {background:url("../images/sub/main-area4_d.png");}
.introduce .main-area ul .list:hover {background-size:cover; background-position: 50% 50%; background-repeat: no-repeat;}

.organization .img {text-align:center;}
.organization p {margin-bottom: 48px; text-align:center; color:#505050; font-weight:500; font-size:20px; line-height:1.600em; letter-spacing: :-.04em;}
.organization p strong {color:#4495d1; font-weight:600; font-size:20px; line-height:1.6em; letter-spacing: :-.04em;}

.history .logo {text-align:center; margin-bottom: 50px;}
.history .logo img {border-radius:50%;}
.history .group {position:relative; padding-bottom:60px;}
.history .group:before {content:""; position:absolute; top:-50px; left:50%; bottom:0; width:1px; background:#ddd;}
.history .group:last-child:before {display:none;}
.history .group .inner {position:relative;}
.history .group .bullet:after {content:""; position:absolute; top:17px;left:50%; margin:-17px 0 0 -25px; width:54px; height:54px; background:#fff; border:17px solid #dfdfdf; border-radius:100%;}

.history .group h3 {color:#2c2c2c; font-size:38px; letter-spacing:-.02em; line-height:1.4em; font-weight:700; margin-bottom:20px;}
.history .group ul li {position:relative; color:#505050; font-size:18px; font-weight:400; line-height:2.000em; letter-spacing:-.02em;}
.history .group:nth-child(even) ul li:before {content:""; position: absolute; top:15px; left:0; width:6px; height: 6px; background-color: #4495d1; border-radius:50%;}
.history .group:nth-child(odd) ul li:before {content:""; position: absolute; top:15px; right:0; width:6px; height: 6px; background-color: #4495d1; border-radius:50%;}
.history .group ul li .day {padding-left:20px; position:absolute; top:0; color:#4495d1; font-weight:500; font-size:20px;}
.history .group:last-child {padding-bottom:0;}
.history .group:nth-child(even) .inner {margin-left:50%; padding-left:54px;}
.history .group:nth-child(even) .bullet:after {left:0;}
.history .group:nth-child(even) .bullet:before {left:0;}
.history .group:nth-child(even) ul li { padding-left:140px;}
.history .group:nth-child(even) ul li .day {left:0;}
.history .group:nth-child(odd) {text-align:right;}
.history .group:nth-child(odd) .inner {margin-right:50%; padding-right:54px;}
.history .group:nth-child(odd) .bullet:after {left:100%;}
.history .group:nth-child(odd) .bullet:before {right:0}
.history .group:nth-child(odd) ul li {padding-right:140px;}
.history .group:nth-child(odd) ul li .day {right:0; padding-right:20px;}

.certification ul {display:flex; flex-wrap:wrap; margin:-10px;}
.certification ul li {width:25%; padding:10px;}
.certification ul li a {border:1px solid #dfdfdf;  height: 132px; display:flex; justify-content: center; align-items: center; border-radius:15px; color:#4495d1; font-size:20px; font-weight:500; line-height:1.4em; letter-spacing:-.02em;}

.fancybox-zoom .fancybox-title-float-wrap {text-align:start !important; right:0 !important; bottom:auto !important; top:0 !important;background: #4495d1 !important; width: 560px; padding: 18px 0 !important; border-radius:0 !important;}
.fancybox-title-float-wrap .child {background: none !important; font-size:20px; font-weight:500; line-height:1.4em; text-shadow:none !important;  }
.fancybox-zoom .fancybox-title-float-wrap {top:-62px !important;}
.fancybox-zoom .fancybox-close {width:21px !important; height: 21px !important; background-size:21px 21px !important; background-image: url(../images/sub/close.png) !important; background-position: 50% 50%; background-repeat: no-repeat; top: -40px !important; right: 20px !important; z-index: 8064 !important;}



.map .con {margin-top: 60px;}
.map .con ul {display:flex; flex-wrap:wrap; border-top:1px solid #ddd; border-right:1px solid #ddd;}
.map .con ul li {padding-top: 32px; padding-bottom: 25px; text-align:center; width:25%; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.map .con ul .wide {width:50%;}
.map .con ul li .icon {margin-bottom: 15px;}
.map .con ul li h3 {margin-bottom: 8px; color:#4495d1; font-size:18px; font-weight:600; line-height:1.333em; letter-spacing:-.02em;}
.map .con ul li p {color:#505050; font-size:18px; font-weight:600; line-height:1.778em; letter-spacing:-.02em;}

.doc-tit .tit {margin-bottom: 30px;}
.doc-tit:last-child .tit {margin-bottom: 0;}
.doc-tit h3 {text-align:center; font-family: 'NanumSquare'; font-weight: 700; color:#4495d1; font-size:33.97px; line-height:1.412em; letter-spacing:-.04em;}
.doc-tit p {margin-top: 5px; text-align:center; color:#2c2c2c; font-size:19.98px; line-height:1.788em; letter-spacing:-.02em; }
.doc-tit p .pink {color: #f48365; font-weight: 600;}
.doc-tit p .blue {color: #66c18c; font-weight: 600;}

.img_road {background:url("../images/sub/road.jpg");}
.img_train {background:url("../images/sub/train.jpg");}
.img_compete {background:url("../images/sub/img3.jpg");}
.img_woman {background:url("../images/sub/img4.jpg");}
.img_improvement {background:url("../images/sub/img5.jpg");}
.img_book {background:url("../images/sub/img6.jpg");}
.img_energy {background:url("../images/sub/img7.jpg");}
.images { height: 480px; background-size:cover; background-repeat: no-repeat;  background-position: 50% 50%;}

.text {position: relative; padding: 35px 0; color:#505050; font-size:17.97px; line-height:1.778em; letter-spacing:-.02em;}
.text .p1 {margin-top: 15px;}

.doc-txt {position: relative; padding: 35px 0 30px 0;}
.doc-txt:last-child {padding-bottom: 0;}
.doc-txt:before {content:""; position:absolute; width:100%; height: 1px; top:0; left:0; background-color: #ddd;}
.doc-txt h4 {margin-bottom: 17px; color:#4495d1; font-size:22px; font-weight: 600;line-height:1.788em; letter-spacing:-.02em; }
.doc-txt p  {text-align:start; color:#505050; font-size:17.97px; line-height:1.778em; letter-spacing:-.02em;}
.doc-txt .h4_circle {padding-left:11px;position: relative; z-index: 10;}
.doc-txt .h4_circle span {font-size:20px; font-weight: 600; color:#fff;padding-right: 20px;}
.doc-txt .h4_circle:before {z-index: -1;content:""; position: absolute; width:46px; height: 46px; top:-3px; left:0; border-radius:50%; background-color: #4495d1;}

.compete .doc-tit .h3_1 {font-size:34px; line-height:1.588em; letter-spacing:-.04em;}
.compete .doc-tit .h3_2 {margin-top: 35px; font-size:32px; line-height:1.438em;}
.compete .doc-tit p {margin-top: 2px;}
.compete .doc-tit .p1 {margin-top: 18px; font-size:28px; font-weight: 500; line-height:1.5em;}
.compete .doc-txt , .train .doc-txt {padding: 44px 0 34px 0;}
.compete .doc-txt:last-child , .train .doc-txt:last-child {padding-bottom: 0;}
.compete .doc-txt:before {bottom:0; top:auto;}

.woman .doc-txt .p1 { padding-left: 26px; text-indent: -26px;}
.woman .doc-txt .p2 {margin-bottom: 18px;padding-left: 26px;color:#505050; font-size:16px; font-weight: 400;line-height:1.997em; letter-spacing:-.02em;}
.woman .doc-txt .p2 span {font-weight: 600;}
.woman .doc-txt .p2 .line {text-decoration-line: underline; }
.woman .doc-txt .box {border:1px solid #dfdfdf;padding: 20px 26px;}

.improvement .table_tit .tt {color:#505050; font-size:17.37px; font-weight:600; line-height:1.778em; letter-spacing:-.04em;}
.improvement .table_tit {margin-bottom: 22px; color:#2c2c2c; font-size:20px; font-weight:600; line-height:1.597em; letter-spacing:-.02em;}
.improvement table {margin-bottom: 24px;width:100%; border-collapse:collapse; text-align:center;}
.improvement table:last-child {margin-bottom: 0;}
.improvement table th {padding: 16px 0; color:#2c2c2c; font-size:17.97px; font-weight:600; line-height:1.597em; letter-spacing:-.02em; background-color: #fafafa; border-top:1px solid #a8a8a8; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf;}
.improvement table td {padding: 16px 0; color:#505050; font-size:16.97px; line-height:1.597em; letter-spacing:-.02em; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; } 
.improvement table td:first-child {border-left:none;}
.improvement table th:first-child {border-left:none;}
.improvement .text {padding:47px 0 35px 0;}
.improvement .text .p1 {margin-top: 23px;}
.improvement .doc-txt {position: relative; padding: 35px 0 30px 0;}
.improvement .doc-txt:last-child {padding-bottom: 0;}

.book .p1 {margin-top: 15px;}
.book .doc-txt:last-child {padding-top: 15px;}
.book .doc-txt:last-child:before {display:none;}
.book .b-tit {margin-bottom: 10px; color:#2c2c2c; font-size:22px; font-weight:600; line-height:1.597em; letter-spacing:-.02em;}

.energy .doc-txt {margin: 35px 0;}

.portfolio ul {display:flex; flex-wrap: wrap; margin:-20px;}
.portfolio ul li {width:33.33333%; padding: 20px;}
.portfolio ul li p {text-align:center; padding-top: 20px; color:#2c2c2c; font-size:18px; font-weight:400; line-height:1.5em; letter-spacing:-.02em;}

.Performance .h3 {margin-bottom: 13px;} 
.Performance .con {margin-bottom: 50px;}
.Performance .con3 {margin-bottom: 0;}
.Performance .txt {margin-top: 20px;}
.Performance .txt p {color:#878787; font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-.02em; margin-bottom: 6px;}
.Performance .txt p:last-child {margin-bottom: 0;}
.Performance table {width:100%; border-collapse:collapse; text-align:center;}
.Performance table th {padding: 16px 0; color:#2c2c2c; font-size:17.97px; font-weight:600; line-height:1.597em; letter-spacing:-.02em; background-color: #fafafa; border-top:1px solid #a8a8a8; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf;}
.Performance table td {padding: 16px 0; color:#505050; font-size:16.97px; line-height:1.597em; letter-spacing:-.02em; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; } 
.Performance table td:first-child {border-left:none;}
.Performance table th:first-child {border-left:none;}