@charset "utf-8";

.doc-sec {margin-bottom: 120px;}
.doc-sec:last-child {margin-bottom: 0;}
.doc-tit {margin-bottom: 90px; text-align: center; font-size: 36px; line-height: 1.3; letter-spacing: -.025em;}
.doc-desc {margin-bottom: 130px; color: #555; font-size: 1.125em; line-height: 1.667em; letter-spacing: -.025em; text-align: center;}
.doc-desc {margin-bottom: 50px;}
.doc-desc .dot-list {text-align: left;}
.doc-desc .dot-list > li:before {color: #2d4695; font-weight: 700;}
.doc-tit + .doc-desc {margin-top: -60px;}

.top-txt {text-align: center; margin-bottom: 95px;}
.top-txt h2 {color: #006fbc; font-size: 46px; line-height: 1.4; letter-spacing: -.025em;}

.dot-list > li{position:relative; padding-left:10px;}
.dot-list > li:last-child{margin-bottom:0;}
.dot-list > li:before{content:"·"; position:absolute; top:0; left:0;}

.hypen-list > li {padding-left: 0.438em; text-indent: -0.438em;}

.sub-con-txt {margin-bottom: 55px;}
.sub-con-txt h2 {font-size:40px; line-height:1.3em; letter-spacing: -.025em; margin-bottom: 30px;}
.sub-con-txt p {color: #555; line-height: 1.5; letter-spacing: -.025em; margin-bottom: 1em;}


/* greetings */
.greetings {color: #555; line-height: 1.667em; letter-spacing: -.025em;}
.greetings .cnt {margin-bottom: .8em;}
.greetings .cnt:last-child {margin-bottom: 0; margin-top: 2.2em;}
.greetings .cnt .indent {padding-left: 1em;}
.greetings .cnt .row {margin: 1.4em 0;}
.greetings .sign {display:flex; justify-content: flex-end; align-items: flex-end; text-align:right; color: #333; font-weight: 700; margin-top:60px;}
.greetings .sign .img {margin-right:60px;}
.greetings .sign .txt img {vertical-align:middle; margin: -.2em 0 0 30px;}

/* value */
.value {}
.value .group {display: flex;align-items:center;}
.value .group:last-child {margin-bottom: 0;}
.value .group .img {width: 72%;}
.value .group .cnt {flex: 1 1 auto; min-width: 0; width: 1%;}
.value .group .cnt strong {display: block; color: #aaa; font-size: 45px; line-height: 1.3em; letter-spacing: 0.05em;}
.value .group .cnt strong b {font-size: 1.333em;}
.value .group .cnt strong span {color: #006fbc;}
.value .group .cnt p {color: #333; font-size: 30px; line-height: 1.5;}	

.value .group:nth-child(odd) .img {margin-left: -14%; padding-right: 30px;}
.value .group:nth-child(even) .img {order: 2; margin-right: -14%; padding-left: 30px; text-align: right;}

/* history */
.history-haed {float: left; width: 50%; padding-right: 150px;}
.history-haed h2 {}
.history-haed .cnt {color: #555; line-height: 1.5; letter-spacing: -.025em; margin-bottom: 2.2em;}
.history-haed .cnt:last-child {margin-bottom: 0;}
.history-haed p {margin-bottom: 1.333em;}
.history-haed p:last-child {margin-bottom: 0;}
.history-haed p strong {font-size: 1.333em; font-weight: 700;}

.history {position: relative; width: 50%; margin-left: 50%;}
.history:before{content:""; position:absolute; left:0; top: 0; bottom: 12px; width:1px; background: #d7d7d7;}
.history .group{position:relative; margin-bottom:40px;}
.history .group:last-child{margin-bottom:0;}
.history .group .year {position: relative; display: inline-block; width: 175px; height: 175px; border-radius:100%; background-color: #444e57; color: #fff; text-align: center; font-size:40px; line-height: 175px; letter-spacing:-.025em; transform:translateX(-50%);}
.history .group .year:after {content:''; position: absolute; bottom: -55px; left: 50%; margin-left: -7.5px; width: 16px; height: 16px; background-color: #fff; border: 4px solid #444e57; border-radius:100%;}
.history .group .list {margin-top: 30px; padding-left: 50px;}
.history .group ul li {position: relative; display: flex;align-items: baseline; color: #555; line-height: 1.5; letter-spacing: -.025em; margin-bottom: .2em;}
.history .group ul li:last-child {margin-bottom: 0;}
.history .group ul li .month {font-family:'Noto Sans KR'; font-size: 1.333em; color: #333; font-weight: 700; min-width: 70px;}
.history .group ul li p {}
.history .group ul li strong {color: #006fbc;}

/* people */
.people {}
.people {}
.people .group {display: flex;}
.people .group .img {width: 67%;}
.people .group .img img {width: 100%;}
.people .group .cnt {position: relative; flex: 1 1 auto; min-width: 0; width: 1%; color: #555; line-height: 1.5; letter-spacing: -.025em; padding-top: 4%;}
.people .cnt h3 {font-size: 30px; color: #333; font-weight: 500; margin-bottom: 25px;}
.people .cnt h3 strong {margin-left: 6px;}
.people .group .cnt > p {max-height:calc(1.5em * 1 * 9); overflow:hidden; text-overflow:ellipsis; /* word-break:break-all; */ white-space:normal; display:-webkit-box; -webkit-line-clamp:9; -webkit-box-orient:vertical;}
.people .group .cnt.active > p {display: block; max-height:none; overflow:visible; word-break:keep-all; text-overflow: unset; -webkit-line-clamp: unset;}
.people .cnt dl {margin: 1.5em 0;}
.people .cnt dl dt {color: #333; font-size: 1.333em; font-weight: 700; margin-bottom: 10px;}
.people .cnt dl dd {padding-left: 8px;}
.people .cnt dl dd h4 {font-weight: 700; font-size: 1.111em;}
.people .cnt dl dd .row {margin-bottom: 1em;}
.people .cnt dl dd .row:last-child {margin-bottom: 0;}
.people .cnt dl dd .row ul {padding-left: 0.438em;}
.people .cnt .more {display: none; margin: 50px 0 160px;}
.people .btn {position: absolute; right: 0; bottom: 50px; text-align: right; margin-top: 30px;}
.people .btn .morelink {display: inline-block; text-align: center; min-width: 120px; padding: 0 10px; line-height: 38px; background-color: #fff; color: #444e57; border: 1px solid #444e57;}
.people .btn .morelink.less {background-color: #006fbc; color: #fff; border: 1px solid #006fbc;}

.people .group:nth-child(odd) .img {margin-left: -14%; padding-right: 30px;}
.people .group:nth-child(even) .img {order: 2; margin-right: -14%; padding-left: 30px; text-align: right;}


/* business */
.business {display: flex;}
.business .biz-tit {width: 325px; margin-right: 55px; border-right: 1px solid #ddd;}
.business .biz-tit h3 {font-size:40px; line-height:1.3em; letter-spacing: -.025em;}
.business .biz-cnt {flex: 1 1 auto; min-width: 0; width: 1%; color: #555; line-height: 1.5; letter-spacing: -.025em;}
.business .biz-cnt .txt {margin-bottom: 1.4em;}
.business .biz-cnt .txt:last-child {margin-bottom: 0;}
.business .biz-cnt dl {margin-bottom: 1em;}
.business .biz-cnt dl:last-child {margin-bottom: 0;}
.business .biz-cnt dl dt {color: #231916; font-size: 1.111em; font-weight: 700; margin-bottom: 6px;}
.business .biz-cnt dl dd {}

.business .float-box {}
.business .float-box .float-cont {float: left; width: 72%;}
.business .float-box .float-imgs {float: left; width: 28%; text-align: right;}
.business .float-box .float-imgs img {margin: 8px;}

/* brochure */
.brochure .txt {color: #555; font-weight: 500; line-height: 1.5; margin: 35px 0 30px;}
.brochure .btns {margin: -5px;}
.brochure .btn-down {display: inline-block; min-width: 350px; padding: 0 25px; margin: 5px; text-align: center; background-color: #fff; color: #333; font-weight: 500; line-height: 58px; border: 1px solid #444e57;}
.brochure .btn-down i {display: inline-block; vertical-align:middle; margin: -.2em 14px 0 0; width: 22px; height: 22px; background: no-repeat url("../images/sub/btn_down.png") center center / contain; transition:.2s;}
.brochure .btn-down:hover {background-color: #006fbc; color: #fff; border-color:#006fbc;}
.brochure .btn-down:hover i {background-image: url("../images/sub/btn_down_on.png");}


/* recruit */
.recruit {text-align: center;}
.recruit .group {margin-bottom: 150px;}
.recruit  .tt {display: block; font-size: 2em; color: #333; line-height: 1.5; letter-spacing: -.025em; margin-bottom: 20px;}
.recruit  .tt span {color: #006fbc; letter-spacing: .1em;}
.recruit .tt .sp {color: #333; letter-spacing: .2em;}
.recruit  .banner {display: table; width: 100%; min-height: 800px; color: #fff; font-size: 1.333em; line-height: 1.5; letter-spacing: -0.025em; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.recruit  .banner.bg1 {background-image:url("../images/sub/recruit1.jpg");}
.recruit  .banner.bg2 {background-image:url("../images/sub/recruit2.jpg");}
.recruit  .banner.bg3 {background-image:url("../images/sub/recruit3.jpg");}
.recruit  .banner.bg4 {background-image:url("../images/sub/recruit4.jpg");}
.recruit  .banner .cell {display: table-cell; vertical-align:middle; padding: 50px 30px;}
.recruit  .banner .txt {font-size: 1.5em;}

.vision {max-width: 1090px; margin: 0 auto;}
.vision ul {display: flex; margin: 0 -15px;}
.vision ul li {flex: 1; padding: 0 15px;}
.vision ul li .one {position: relative; width: 166px; height: 166px; background-color: #000; border-radius:100%; margin: 0 auto;}
.vision ul li strong {position: absolute; left: 0; width: 100%; top: 50%; transform:translateY(-50%); font-weight: 500; color: rgba(255,255,255,.5);}
.vision ul li strong .big {display: block; color: #fff; font-size: 70px; font-weight: 700; line-height: .85em;}
.vision ul li p {margin-top: 15px;}

.welfare {display: flex;flex-wrap:wrap; max-width: 950px; margin: 0 auto -50px;}
.welfare li {width: 20%; padding: 0 5px; margin-bottom: 50px;}
.welfare li p {margin-top: 8px;}
.welfare li p .sm {display: block; font-size: 0.833em;}


.recruit .btns {margin-top: 115px;}
.recruit .btns .btn-pack {display:inline-block; text-align:center; padding: 0 88px; border-radius:60px; background: #fff; margin: 0 12px;}

.recruit-btns {text-align: center; margin-top: -50px;}
.recruit-btns .btn {display: inline-block; min-width: 300px; padding: 0 25px; margin: 5px; background-color: #fff; color: #333; font-weight: 500; line-height: 58px; border: 1px solid #444e57;}
.recruit-btns .btn i {display: inline-block; vertical-align:middle; margin: -.2em 4px 0 0; width: 26px; height: 26px; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; transition:.2s;}
.recruit-btns .btn .ico-recruit1 {background-image: url("../images/sub/btn_recruit1.png");}
.recruit-btns .btn .ico-recruit2 {background-image: url("../images/sub/btn_recruit2.png");}
.recruit-btns .btn:hover {background-color: #006fbc; color: #fff; border-color:#006fbc;}
.recruit-btns .btn:hover .ico-recruit1 {background-image: url("../images/sub/btn_recruit1_on.png");}
.recruit-btns .btn:hover .ico-recruit2 {background-image: url("../images/sub/btn_recruit2_on.png");}
.recruit-btns .contact-info {color: #555; margin-left: 50%; margin-top: 30px; padding-left: 10px; text-align: left;}
.recruit-btns .contact-info a {color: #006fbc;}
.recruit-btns .contact-info a:hover {text-decoration: underline;}

/* contact */
.contact {}
.contact ul {display: flex;flex-wrap:wrap; margin: -8px;}
.contact ul li {padding: 8px; max-width: 500px; width: 50%;}
.contact ul li .in {border: 1px solid #ccc; padding: 30px 40px;}
.contact ul li .icon {text-align: center; margin-bottom: 25px;}
.contact ul li .txt {color: #333;}
.contact ul li .txt .department {font-size: 1.111em;}
.contact ul li .txt .name {font-weight: 700; font-size: 1.333em; margin: 6px 0;}
.contact ul li .txt .mail a {color: #006fbc;}
.contact ul li .txt .mail a:hover {text-decoration: underline;}