@charset "utf-8";

.sub-tab {text-align:center; margin-bottom:60px;}
.sub-tab ul {display:flex; flex-wrap:wrap; justify-content:center; margin:-7px;}
.sub-tab ul li {padding:7px;}
.sub-tab ul li a {display:block; padding:0 25px; min-width:162px; color:#505050; font-size:16px; font-weight:300; line-height:60px; background:#f4f4f4; border-radius:40px;}
.sub-tab ul li.active a {color:#fff; background:#e5004f;}

/* sub01_01 */
.greetings {display:flex; color:#fff; font-size:20px; font-weight:300; line-height:1.5em; letter-spacing:-.02em;}
.greetings .cnt {flex:1 1 auto; min-width:0; width:1%; margin-right:70px; margin-top: auto;}
.greetings .cnt .tit {font-size: 40px; line-height: 1.5em;}
.greetings .cnt .sign span strong {display: block; font-size: 24px;}
.greetings .cnt p {padding-bottom: 41px; font-weight: 200;}
.greetings .cnt p strong.lg-txt {font-size: 24px;}
.greetings .cnt .sign {display: flex; gap: 10px;}
.greetings .img {width:50%;}

/* sub01_02 */
.history .cnt .logo {text-align: center; padding-bottom: 30px;}
.history .cnt .logo img {width: 300px;}
.history .years {position: relative;}
.history .years::before {content: ''; position:absolute; height: 1140px; width: 1px; background-color: #ddd; top: -90px; left: 50%;}
.history .years .year {padding-left: 50%; margin-top: 60px;}
.history .years .year:nth-child(even) {padding-left: 0; padding-right: 50%;}
.history .years .year h3 {position: relative; font-size: 48px; color: #2c2c2c; font-weight: bold; margin-bottom: 36px; padding-left: 38px;}
.history .years .year:nth-child(even) h3::after {left: auto; right: -6px;}
.history .years .year h3::after {content: ''; width: 10px; height: 30px; background-color: #fff; top: 0; left: -5px; position: absolute;}
.history .years .year h3::before {content: ''; width: 10px; height: 10px; background-color: #e5004f; top: 10px; left: -4px; position: absolute; z-index: 1;}
.history .years .year:nth-child(even) h3::before {left: auto; right: -6px;}
.history .years .year:nth-child(even) h3 {padding-left: 0; padding-right: 38px; text-align: right;}
.history .years .year ul li {position: relative; display: flex; margin-bottom: 20px; padding-left: 38px;}
.history .years .year ul li::before {content: ''; position: absolute; width: 7px; height: 7px; background-color: #ddd; top: 12px; left: -3px;}
.history .years .year:nth-child(even) ul li::before {left: auto; right: -4px;}
.history .years .year:nth-child(even) ul li {padding-left: 0; padding-right: 38px; text-align: right; flex-direction: row-reverse;}
.history .years .year span {color: #2c2c2c; font-weight: 500; margin-right: 13px; min-width: 67px; font-size: 18px;}
.history .years .year:nth-child(even) span {margin-left: 13px; margin-right: 0;}
.history .years .year p {font-size: 18px; color: #505050; flex: 1; font-weight: 300;}

/* sub01_03 */
.map p {font-size: 20px; color: #505050;}
.map p strong {font-size: 24px; color: #2c2c2c;}
.map .cnt .map > div {display: flex;}
.map .cnt .map > div .img {height: 380px; margin-bottom: 60px;}
.map .cnt .map > div > div {flex: 1;}
.map .cnt .map > div .address {display: inline-block; margin: auto 60px;}
.map .cnt .map > div .address p strong {display: block; padding-bottom: 30px;}
.map .cnt .info {display: flex; border-top:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; padding: 30px 0;}
.map .cnt .info > div {flex: 1; display: flex;}
.map .info > div p strong {padding-left:25px; padding-right: 15px;}
.map .info p {display: inline-block; transform: translateY(15px);}
.map .icon img {width: 60px;}

.root_daum_roughmap {width: 100% !important;}
.root_daum_roughmap .cont {display:none;}

/* sub01_04 */
.partnership .cnt ul {display: grid; grid-template-columns: repeat(4, 1fr);}
.partnership .cnt .partner {text-align: center; padding: 0 10px;}
.partnership .cnt p {color: #505050; font-size: 18px; padding: 15px 0 30px 0;}

/* sub02 */
.rnd {display: flex;}
.rnd .img {flex: 1;}
.rnd .cnt {padding: 61px 0 0 60px; flex: 1;}
.rnd .title p {color: #878787; font-weight: 200;}
.rnd .title h3 {font-size: 36px; color: #2c2c2c; padding: 20px 0 30px 0;}
.rnd .cnt ul li {color: #505050; font-weight: 300; line-height: 2.3em; position: relative; padding-left: 20px; font-size: 18px; line-height: 1.5em; margin-bottom: 12px;}
.rnd .cnt ul li::before {content: ''; position: absolute; width: 7px; height: 7px; background-color: #ddd; top: 11px; left: 0;}

/* sub02_03 */
.certifications ul {display: grid; grid-template-columns: repeat(4, 1fr);}
.certifications ul li {color: #505050; text-align:center; padding: 0 8px 30px; font-size: 18px; font-weight: 300;}
.certifications ul li img {padding-bottom: 15px;}

/* sub04 */
.manufacturing .cnt {text-align: center; color: #505050; font-size: 18px;}
.manufacturing .cnt .title span {color: #878787; font-weight: 200;}
.manufacturing .cnt .title h3 {color: #2c2c2c; font-size: 36px; padding: 18px;}
.manufacturing .cnt .title p {font-size: 20px; padding: 12px 0 96px 0; font-weight: 300;}
.manufacturing .cnt ol {display: flex; flex-wrap: wrap; gap: 60px; justify-content: center;}
.manufacturing .cnt ol li {padding-bottom: 36px; font-size: 18px; position: relative; display: flex; flex-direction: column; width: 15%; font-weight: 300;}
.manufacturing .cnt ol li:not(:last-child)::after {position: absolute; content: ''; width: 20px; height: 20px; background: url('../images/sub/arrow.png') no-repeat center center; background-size: contain; top: 35%; right: -25%;}
.manufacturing .cnt ol li::before {position: absolute; content: ''; width: 55px; height: 55px; background: url('../images/sub/number1.png') no-repeat center center; background-size: contain; top: 0; right: 0; z-index: 1;}
.manufacturing .cnt ol li:nth-child(2)::before {background: url('../images/sub/number2.png') no-repeat center center; background-size: contain;}
.manufacturing .cnt ol li:nth-child(3)::before {background: url('../images/sub/number3.png') no-repeat center center; background-size: contain;}
.manufacturing .cnt ol li:nth-child(4)::before {background: url('../images/sub/number4.png') no-repeat center center; background-size: contain;}
.manufacturing .cnt ol li:nth-child(5)::before {background: url('../images/sub/number5.png') no-repeat center center; background-size: contain;}
.manufacturing .cnt ol li:nth-child(6)::before {background: url('../images/sub/number6.png') no-repeat center center; background-size: contain;}
.manufacturing .cnt ol li:nth-child(7)::before {background: url('../images/sub/number7.png') no-repeat center center; background-size: contain;}
.manufacturing .cnt ol li:nth-child(8)::before {background: url('../images/sub/number8.png') no-repeat center center; background-size: contain;}
.manufacturing .cnt ol li:nth-child(9)::before {background: url('../images/sub/number9.png') no-repeat center center; background-size: contain;}
.manufacturing .cnt ol li img {padding-bottom: 20px; position: relative;}