@charset "utf-8";

.introduce .con1 {display:flex; justify-content:space-between; padding-bottom:110px;}
.introduce .con1 .text{margin-right:20px;}
.introduce .con1 .text h3 {margin:-7px 0 41px 0; font-family:'Lexend Deca', sans-serif; font-size:46px; color:#ea5504; font-weight:600; line-height: 1.178em; letter-spacing: -.03em;}
.introduce .con1 .text h3 span {font-size:50px; color:#1eaa39; font-weight: 500;}
.introduce .con1 .text h3 strong {font-weight: 500;}
.introduce .con1 .text p {margin-bottom: 24px; font-family:'NanumSquareNeo',sans-serif; font-size:18px; color:#242424; line-height: 1.722em; letter-spacing: -.03em;}
.introduce .con1 .text p:last-child {margin-bottom: 0;}

.introduce .con2 .title {margin-bottom:35px; text-align:center;}
.introduce .con2 .title h3 {margin-bottom:10px; font-family:'Lexend Deca', sans-serif; font-size:40px; color:#ea5504; font-weight:600; line-height: 1.178em; letter-spacing: -.03em;}
.introduce .con2 .title p {font-family:'NanumSquareNeo',sans-serif; font-size:18px; color:#242424; line-height: 1.722em; letter-spacing:-.03em;}
.introduce .con2 .list {display:grid; grid-template-columns:repeat(5, 1fr); gap:20px;}
.introduce .con2 .list .item {padding:40px 10px; background:#f2f2f2; border-radius:16px; text-align:center; font-family:'NanumSquareNeo',sans-serif;}
.introduce .con2 .list .item .ico {width:70%; max-width:90px; margin:0 auto 35px;}
.introduce .con2 .list .item dt {margin-bottom:17px; color:#242424; font-size:20px; font-weight:900; line-height:1.3em; letter-spacing:-.03em;}
.introduce .con2 .list .item dd {color:#505050; line-height:1.8em; letter-spacing:-.03em;}

.greetings .t1 {margin-bottom: 70px; font-family:'Lexend Deca', sans-serif; font-size:36px; color:#242424; font-weight:500; line-height: 1.4em; letter-spacing: -.03em; text-align:center;} 
.greetings .t1 .orange {color:#ea5504;}
.greetings .con1 {display:flex; margin-bottom: 90px;}
.greetings .con1 .img {height: 657px; width: 45.3125%; background: url(../images/sub/greetings_1.jpg)50% 50% no-repeat; background-size:cover;}
.greetings .con1 .text {position: relative; margin-top: 94px; padding: 0 30px 0 60px; width:calc(100% - 45.3125%);}
.greetings .con1 .text:before {z-index: -1; content:""; position: absolute; background-color: #f5f5f5; width:100%; height: 438px; bottom:0; right:0; }
.greetings .con1 .text h3 {position: relative; margin-bottom: 63px; font-family:'NanumSquareNeo',sans-serif; font-size:27px; color:#242424; line-height: 1.7em; letter-spacing: -.03em; font-weight:700;}
.greetings .con1 .text h3:before {content:""; position: absolute; width:65px; height: 51px; top:-70px; left:0; background: url(../images/sub/greetings_bg1.png);}
.greetings .con1 .text h3:after {content:""; position: absolute; width:65px; height: 51px; top:153px; left:566px; background: url(../images/sub/greetings_bg2.png);}
.greetings .con1 .text h3 strong {font-size:36px; font-weight:800;}
.greetings .con1 .text p {font-family:'NanumSquareNeo',sans-serif; font-size:16px; color:#454545; line-height: 1.750em; letter-spacing: -.03em; margin-bottom: 15px;}
.greetings .con1 .text .name {margin-top:50px; position: absolute; left:554px; font-family:'NanumSquareNeo',sans-serif; font-size:18px; color:#242424; line-height: 1.4em; letter-spacing: -.03em;}
.greetings .con1 .text .name strong {font-size:23px; font-weight:800;}

.greetings .con2 {max-width:1260px; margin:auto; padding: 0 30px;}
.greetings .con2 h3 {margin-bottom:63px; text-align:center; font-family:'NanumSquareNeo',sans-serif; font-size:36px; color:#242424; font-weight:800; line-height: 1.4em; letter-spacing: -.03em;}
.greetings .con2 h3 strong {font-weight:800;}
.greetings .con2 h3 span {color:#0060af; font-weight:800;}
.greetings .con2 .t2 {margin-bottom: 70px; position: relative; text-align:center; font-family:'Lexend Deca', sans-serif; font-size:23px; color:#fff; line-height: 1.4em; letter-spacing: -.03em;}
.greetings .con2 .t2:before {padding: 2px 0; content:""; position: absolute; top:0; left:50%; transform:translate(-50%,0); width:442px; height: 100%; background-color: #0060af; z-index: -1;}
.greetings .con2 .list {display:flex; flex-wrap:wrap; padding:0 5px;}
.greetings .con2 .list li {width:calc(25% + 10px); margin:0 -5px; text-align:center;}
.greetings .con2 .list .circle {position:relative; border:1px solid #ddd; border-radius:100%; background:#fff;}
.greetings .con2 .list .circle:before {content:''; display:block; padding-bottom:100%;}
.greetings .con2 .list .circle .inner {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:23px; position:absolute; top:0; left:0; width:100%; height:100%; padding:20px;}
.greetings .con2 .list .ico {width:58px;}
.greetings .con2 .list .txt {margin-bottom:-1.65em; min-height:3.3em; font-family:'NanumSquareNeo',sans-serif; font-size:16px; color:#454545; line-height:1.65em; letter-spacing:-.04em; font-weight:700;}

.history{ overflow:hidden;}
.history .sub-tit {position: relative; margin-bottom: 56px;}
.history .sub-tit:before {content:""; position: absolute; top:10px; left:252px; width:163px; height: 163px; background: url(../images/sub/logo_opacity.png) 50% 50% no-repeat; background-size:cover;}
.history .sub-tit .tit {font-family:'Lexend Deca', sans-serif; font-size:40px; font-weight:600; color:#242424; line-height: 1.4em; letter-spacing: -.03em; margin-bottom: 14px;}
.history .sub-tit .tit span {color:#ea5504; font-size:45px; letter-spacing: -.03em;}
.history .sub-tit .tt {font-family:'NanumSquareNeo',sans-serif; font-size:20px; color:#242424; line-height: 1.55em; letter-spacing: -.03em; font-weight:800;}
.history .group {display:flex; margin-bottom: 45px;}
.history .group .year {position: relative; width:29.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; bottom:40px; left:0; font-family:'Lexend Deca', sans-serif; font-size:60px; font-weight:600; color:#242424; line-height: 1.4em; letter-spacing: -.04em;}
.history .group .items {margin-left: 76px; padding: 30px 0; width:calc(100% - 29.5%);}
.history .group .items .item {padding: 20px 0;}
.history .group .items .item h4 {position: relative; padding-bottom: 13px; font-family:'NanumSquareNeo',sans-serif; font-size:26px; color:#242424; line-height: 1.4em; letter-spacing: -.03em; font-weight:800;}
.history .group .items .item h4:before {content:""; position: absolute; bottom:0; left:0; width:100%; height: 1px; background-color: #eee;}
.history .group .items .item li {width:100%; position: relative; padding-top: 17px; margin-left: 19px; font-size:16px; color:#454545; line-height: 1.4em; letter-spacing: -.03em;}
.history .group .items .item li:before {content:""; position: absolute; left:-17px; top:26px; width:5px; height:5px; background-color: #ea5504; border-radius:50%;}

.certification ul {display:flex; flex-wrap:wrap; margin:-30px -50px;}
.certification .list li {width:25%; padding: 30px 50px;}
.certification .list .tit {text-align:center; width:64px; margin-bottom: 8px; position: relative; font-size:15px; color:#fff; line-height: 1.4em; letter-spacing: -.03em; font-weight: 500;}
.certification .list .tit:before {z-index: -1;content:""; position: absolute; bottom:-2px; left:0; width:64px; height: 26px; background-color: #003f72; border-radius:5px;}
.certification .list .tt {text-align:center; margin-top: 8px; font-size:16px; color:#686868; line-height: 1.4em; letter-spacing: -.03em;}
.certification .list .blue:before {background-color: #0060af;}
.certification .list .green:before {background-color: #ea5504;}
.certification .list .orange:before {background-color: #1eaa39;}

.mobile {display:none;}
.root_daum_roughmap {width:100% !important;}
.map {}
.map .sub-tit {margin: 40px 0 30px 0;  font-family:'NanumSquareNeo',sans-serif;}
.map .sub-tit .t1 {margin-bottom:7px; font-size:16px; color:#ea5504; line-height: 1.4em; letter-spacing: -.03em; font-weight:700;}
.map .sub-tit h3 {margin-bottom:5px;  font-size:22px; color:#454545; line-height: 1.4em; letter-spacing: -.03em; font-weight:800;}
.map .sub-tit .t2 {font-size:16px; color:#454545; line-height: 1.4em; letter-spacing: -.03em;}
.map .sub-tit .t2 span {padding-left: 18px;}
.map dl {display:flex; align-items: center; padding: 25px 0; border-top:1px solid #ddd;}
.map dl:last-child {border-bottom:1px solid #ddd;}
.map dl .icon {padding: 0 20px 0 30px;}
.map dl .icon img {width:20px; vertical-align: middle; margin-top: -0.2em;}
.map dl dt {width:10%; font-size:18px; color:#242424; line-height: 1.4em; letter-spacing: -.03em; font-weight: 500;}
.map dl dd {margin-left: -9px;  font-family:'NanumSquareNeo',sans-serif; font-size:16px; color:#454545; line-height: 1.867em; letter-spacing: -.03em;}
.map dl .en {font-family:'Lexend Deca', sans-serif; font-weight: 400;}