@charset "utf-8";

.c1 {color:var(--color-primary) !important;}
.c2 {color:var(--color-secondary) !important;}
.c-w {color:#fff !important;}

.fz26 {font-size:26px !important;}

.medium {font-weight:500;}

.doc-tit {font-size:35px; line-height:1.3em; letter-spacing:-.02em; color:#242424; margin-bottom:60px;}
.doc-tit2 {margin-bottom:50px; font-size:30px; font-weight: 600; letter-spacing:-.02em; line-height:1.3em; color:#242424;}

.doc-txt {font-size:25px; font-weight:600; letter-spacing:-.02em; line-height:1.6em; color:#333;}	
.doc-txt2 {color:#454545; font-size:18px; letter-spacing:-.03em; line-height:1.65em;}	

.doc-btn {background:#fff !important; line-height:48px; border:2px solid #f1f1f1 !important; height:50px; min-width:170px; font-size:18px; font-weight: 500;}

.greeting-top {padding:78px 0; display:flex; flex-direction:column; align-items:center; text-align:center; position:relative;}
.greeting-top:before {z-index:-1; content:""; position:absolute; left:50%; transform:translateX(-50%); top:0; width:100vw; height:100%; background:url("../images/sub/greeting_top.jpg") no-repeat 50% 50% / cover;}
.greeting-top .doc-tit2 {margin:45px 0; line-height:1.67em;}
.greeting-top .bar {width:30px; height:2px; background:#a8a8a5;}

.greeting {display:flex; margin:60px 0 80px;}
.greeting .img {display:flex; align-items:center; width:410px; border-right:1px solid #f2f2f2; margin-right:90px;}
.greeting .cnt {padding:50px 0; flex:1 1 auto; min-width:0; width:1%;}
.greeting .doc-tit2 {margin-bottom:12px;}
.greeting .cnt p {margin-bottom:24px; letter-spacing:0;}
.greeting .cnt p:last-child {margin-bottom:0;}

.num-ico-list ul {display:flex; margin:-15px; flex-wrap:wrap;}
.num-ico-list ul li {width:33.333%; padding:15px;} 
.num-ico-list .box {padding:0 15px; min-height:225px; display:flex; flex-direction:column; justify-content:center; align-items:center; background:#f8f8f8; text-align:center;}
.num-ico-list .num {margin:15px 0 4px; color:var(--color-primary); font-size:20px; font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.num-ico-list .txt {font-size:18px; font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#454545;}

.ideology-top {height:370px; position:relative;}
.ideology-top:before {content:""; position:absolute; left:50%;	transform:translateX(-50%); top:0; height:100%; width:100vw; background:url("../images/sub/ideology_bg.jpg") no-repeat 50% 50% / cover;}
.ideology-cnt {box-shadow:3px 3px 15px rgba(0,0,0,0.05); position:relative; margin:-100px 0 95px; padding:40px 30px;background:#fff; text-align:center;}
.ideology-cnt .doc-txt {margin-bottom:12px;}
.ideology-cnt .date {font-size:18px; letter-spacing:-.02em;}

.history {margin-top:40px; position:relative;}
.history:before {position:absolute; left:50%; top:17px; content:""; width:1px; height:100%; background:#ddd;}
.history .year {font-size:45px; font-weight:600; letter-spacing:-.03em; line-height:1.3em; color:#808080;} 
.history .group {padding-bottom:55px; position:relative;}
.history .group:after {content:""; position:absolute; top:17px; left:50%; margin-left:-10px; content:""; width:20px; height:18px; background:url("../images/sub/history_ico.png") no-repeat 50% 50% / contain;}
.history .group .list li {display:flex;}
.history .group .mon {font-weight:500;}

.history .group:nth-child(odd) {text-align:right; padding-right:50%;} 
.history .group:nth-child(odd) .year {color:var(--color-primary);}
.history .group:nth-child(odd) .list li {justify-content:flex-end;}
.history .group:nth-child(odd) .mon {margin-left:10px; order:2;}
.history .group:nth-child(odd) .con {padding-right:70px;}

.history .group:nth-child(even) {padding-left:50%;}
.history .group:nth-child(even) .con {padding-left:70px;}
.history .group:nth-child(even) .mon {margin-right:10px;}

.root_daum_roughmap {width:100% !important;}
.contact-info {margin-top:40px;}
.contact-info ul {display:flex; margin:-10px;}
.contact-info ul li {padding:10px; width:21.5%;}
.contact-info ul li.st1 {flex:1 1 auto; min-width:0; width:1%;}
.contact-info .box {display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:150px; text-align:center; border:1px solid #ddd;}
.contact-info .box .ico {margin-bottom:14px;}

.biz-img {margin-bottom:45px;}

.biz-result {display:flex;}
.biz-result .thumb-wrap {margin-right:80px; width:670px;}
.biz-result .thumb {position:relative; padding-bottom:100%; overflow:hidden;}
.biz-result .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}

.doc-bar {margin:60px 0 45px; width:100%; height:1px; background:#ddd;}

.biz-cnt {flex:1 1 auto; min-width:0; width:1%;}

.biz-cnt .doc-bar {margin:35px 0;}

.biz-info-1 .tt {color:#808080;}
.biz-info-1 h3.doc-tit {margin-bottom:11px;}
.biz-info-1 .date {margin-bottom:28px;color:#808080; font-size:18px; line-height:1.4em;}
.biz-info-1 .txt {color:#454545; font-size:18px;}

.biz-info-2 {display:flex; flex-wrap:wrap}
.biz-info-2 dl {margin-bottom:10px; width:50%; display:flex;}
.biz-info-2 dl dt {width:80px;}

.biz-slider {margin-top:64px;}
.biz-slider .imgs ul {display:flex; flex-wrap:wrap; margin:-15px;}
.biz-slider .imgs ul li {width:50%; padding:15px;}
.biz-slider .img {position:relative; padding-bottom:66.67%; overflow:hidden;}
.biz-slider .img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.biz-slider .img.active:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:3px solid #338ec9;}
.biz-slider .dots {margin-bottom:20px; text-align:right;}
.biz-slider .dots li {margin-left:9px; display:inline-block;}
.biz-slider .dots li:first-child {margin-left:0;}
.biz-slider .dots li button {background-color:#fff; font-size:0; border:0; line-height:0; width:12px; height:12px; border-radius:100%; border:1px solid #9e9e9e;}
.biz-slider .dots li.slick-active button {background:#338ec9; border-color:#338ec9;}

.table01 {margin:60px 0 80px;}
.table01 table {text-align:center; font-size:18px; font-weight:400; letter-spacing:-.02em; line-height:1.4em; border-top:1px solid #808080; width:100%; border-collapse:collapse; border-spacing:0;}
.table01 table tbody th {border-bottom:1px solid #ddd; font-weight:400; padding:18px 5px; background:#f8f8f8; color:#242424;}
.table01 table tbody td {border-bottom:1px solid #ddd; font-weight:400; padding:18px 5px;}

.human-bnr {min-height:340px; display:flex; align-items:center; justify-content:center; background:url("../images/sub/human_bg.jpg") no-repeat 50% 50% / cover; text-align:center;}
.human-bnr .doc-txt {margin-top:-45px; line-height:1.4em;}
.human-bnr strong {font-weight:600;}
.human-cnt {max-width:1020px; padding:55px 0; position:relative; margin:-55px auto 0; box-shadow:0 8px 10px rgba(0,0,0,0.05); display:flex;text-align:center;background:#fff;}
.human-cnt .con {width:33.333%;}
.human-cnt .tit {color:var(--color-primary); font-size:22px; font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.human-cnt .ico {margin:20px 0 24px;}
.human-cnt .txt	{font-size:18px;}

.welfare ul {display:flex; flex-wrap:wrap; margin:-15px;}
.welfare ul li {padding:15px; width:33.333%;}
.welfare .box {min-height:100px; padding:10px 10px 10px 44px; display:flex; align-items:center; background:#f8f8f8;}
.welfare .box .ico {margin-right:32px;}
.welfare .box .doc-txt2 {flex:1 1 auto; min-width:0; width:1%;}