@charset "utf-8";

.greet .contain {display:flex; flex-wrap:wrap; align-items: center; background: url(../images/sub/greet-bg.jpg); padding: 30px;}
.greet .img {width: 33.33333%;}
.greet .text {flex:1 1 auto; min-width: 0; width: 1%;}
.greet .text .tit {color:#242424; font-size:28px; line-height:1.429em; letter-spacing:-.02em; font-weight: 400; margin-bottom: 35px;}
.greet .text .tit span {color: #1c3d7c; font-weight: 700;}
.greet .text .txt {color:#454545; font-size:17px; line-height:1.765em; letter-spacing:-.02em; font-weight: 400;}
.greet .text .txt p {margin-bottom: 13px;}

.history {margin-top: 50px;}
.history .group {position:relative; padding-bottom:60px;}
.history .group:before {content:""; position:absolute; top:-50px; left:50%; bottom:-100px; 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-left: -7px; width:14px; height:11px; background:url(../images/sub/history-mark.png);}

.history .group h3 {color:#1c3d7c; font-size:36px; letter-spacing:-.02em; line-height:1.4em; font-weight:700;}
.history .group ul li {position:relative; color:#454545; font-size:18px; font-weight:400; line-height:1.4em; letter-spacing:-.02em;}
.history .group:nth-child(odd) .inner {margin-left:50%; padding-left:54px;}
.history .group:nth-child(odd) .bullet:after {left:1px;}
.history .group:nth-child(odd) .bullet:before {left:0;}
.history .group:nth-child(odd) ul li .day {left:0;}
.history .group:nth-child(even) {text-align:right;}
.history .group:nth-child(even) .inner {margin-right:50%; padding-right:54px;}
.history .group:nth-child(even) .bullet:after {left:100%;}
.history .group:nth-child(even) .bullet:before {right:0}
.history .group:nth-child(even) ul li .day {right:0; padding-right:20px;}

.map {z-index: -1;}
.root_daum_roughmap_landing {z-index: -10 !important;}
.map-con {display:flex;}

.map-box {margin-left: 70px; margin-top: -120px; padding: 50px 40px; height: 300px; width: 330px; background: url(../images/sub/map-box.png); left: 0;  z-index: 2; bottom: 0;}
.map-box p {margin-bottom: 20px; color:#fff; font-size:16px; font-weight:600; letter-spacing:-.02em; line-height: 1.3em;}
.map-box .tit {color:#fff; font-size:24px; font-weight:600; letter-spacing:-.02em; line-height: 1.3em;}

.map-text ul {display:flex; margin: -10px; flex-wrap: wrap;padding: 30px 0 0 50px;}
.map-text ul li {width: 35%; display:flex; align-items: center; padding: 10px;}
.map-text ul li:first-of-type {width: 100%;}
.map-text ul li .icon {margin-right: 10px;}

.partner ul {display:flex; flex-wrap:wrap; margin: -10px;}
.partner ul li {width: 25%; padding: 10px;	}
.partner ul li .logo {border:1px solid #ddd; display:flex; justify-content: center;}

.partner2 ul li {width: 20%;}

.talent-management {}
.talent-management h3 {position: relative; padding-bottom: 10px; margin-bottom: 40px; text-align: center; color:#242424; font-size:30px; font-weight:700; letter-spacing:-.02em; line-height: 1.3em;}
.talent-management h3:before {content:""; position: absolute; width: 56px; height: 2px; background-color: #1c3d7c; bottom: 0; left: 50%; transform:translateX(-50%);}
.talent {background-color: #f4f4f4; padding: 50px 0 0 0;}
.talent .text {position: relative; top: -120px; background-color: #fff; margin: 0 100px; padding: 50px;}
.talent .text ul {display:flex; flex-wrap:wrap; margin: -10px;}
.talent .text ul li {width: 50%; padding: 10px;}
.talent .text ul li .box {position: relative; padding: 30px 0 0 28px; height: 200px; border:1px solid #ddd; border-radius:10px;} 
.talent .text ul li .box .tit {margin-bottom: 20px; color:#454545; font-size:20px; font-weight:700; letter-spacing:-.02em; line-height: 1.3em;}
.talent .text ul li .box .txt {color:#454545; font-size:16px; font-weight:400; letter-spacing:-.02em; line-height: 1.625em;}
.talent .text ul li .box .icon {position: absolute; bottom: 10px; right: 18px;}

.welfare {margin-top: 50px;}
.welfare ul {display:flex; flex-wrap:wrap; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.welfare ul li {position: relative; height: 150px; padding: 28px; width: 33.33333%; border-right:1px solid #ddd; border-top:1px solid #ddd;}
.welfare ul li .text {position: absolute; bottom: 28px; color:#454545; font-size:18px; font-weight:700; letter-spacing:-.02em; line-height: 1.3em;}

.certify ul {display:flex; flex-wrap:wrap; justify-content: center; margin: 0 -15px;}
.certify ul li {padding: 0 15px;}
.certify .txt {margin-top:10px; text-align: center; color:#878787; font-size:16px; font-weight:400; letter-spacing:-.02em; line-height: 1.5em;}
.certify .txt span {font-size:18px; font-weight: 500; color:#454545;}


.study-part {padding: 60px 0; background-color: #f8f8f8;}
.study-part ul > li {padding-left: 16px; position: relative; margin-bottom: 25px; display:flex; flex-wrap:Wrap;}
.study-part ul > li:before {content:""; position: absolute; width: 6px; height: 6px; background-color: #1c3d7c; top:8px; left: 0; border-radius:100%;} 
.study-part ul li .tit {position: relative; width: 17%; color:#454545; font-size:18px; font-weight:500; letter-spacing:-.02em; line-height: 1.333em;}
.study-part ul li .tit:before {content:":"; position: absolute; color: #454545; font-size:18px; left: 90%; top: -1px; }
/* .study-part ul li:nth-of-type(1) .tit {letter-spacing: 1em;}
.study-part ul li:nth-of-type(2) .tit {letter-spacing: 0.05em;}
.study-part ul li:nth-of-type(3) .tit {letter-spacing:0.4em;}
.study-part ul li:nth-of-type(4) .tit {letter-spacing: 0.09em;}
.study-part ul li:nth-of-type(5) .tit {letter-spacing: 0.048em;} */
.study-part ul li .txt {margin-left: 20px; flex:1 1 auto; min-width: 0; width: 1%; color:#454545; font-size:18px; font-weight:400; letter-spacing:-.02em; line-height: 1.556em;}
.study-part ul li .txt p {margin-bottom: 14px;}
.study-part ul li .txt span {display:block; margin-bottom: 10px; color: #454545; font-size:18px; font-weight:700; letter-spacing:-.02em; line-height: 1.333em;}
.study-part ul li .txt .pp {padding-left: 3em; text-indent: -3em; color:#454545; font-size:18px; font-weight:400; letter-spacing:-.02em; line-height: 1.556em;}
.study-part ol li {margin-bottom: 5px;}

.study .graph .contain {margin-top: 60px; display:flex; flex-wrap:wrap; align-items: flex-end;}
.study .graph .img {width: 58.333333%;margin-right: 25px;}
.study .graph .table {flex:1 1 auto; min-width: 0; width: 1%; margin-left: 25px;}
.study .graph .table table {text-align: center; width: 100%; border-collapse: collapse; border-right:1px solid #ddd; border-top:1px solid #ddd;}
.study .graph .table table tr {border-bottom:1px solid #ddd;}
.study .graph .table table th {border-left:1px solid #ddd; padding: 10px 0; background-color: #f3f5f8; color: #454545; font-size:18px; font-weight:400; letter-spacing:-.02em; line-height: 1.333em;}
.study .graph .table table td {border-left:1px solid #ddd; padding: 10px 0; color: #454545; font-size:18px; font-weight:400; letter-spacing:-.02em; line-height: 1.333em;}