@charset "utf-8";

/* 공통 */
.txt-white {color:#fff !important;}

.doc-tit-wrap {margin-bottom:47px; text-align:center;}	
.doc-tit {font-size:28px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.doc-txt {margin-top:24px; font-size:18px; font-weight:400; line-height:1.7em; letter-spacing:-0.03em; color:#454545;}
.doc-cnt {margin-bottom:80px;}
.doc-cnt:last-child {margin-bottom:0;}

.sub-cont {padding:80px 0;}
.bg-gray {position:relative;}
.bg-gray:before {content:''; position:absolute; z-index:-1; width:100vw; height:100%; left:50%; top:0; transform:translateX(-50%); background:#f8f8f8;}

.highlight {display:inline-block; position:relative;}
.highlight:before {content:''; position:absolute; width:100%; height:12px; background:#cfdfe6; left:0; bottom:0; z-index:-1;}

/* 인사말 */
.greeting .top-cont {display:flex;}
.greeting .top-cont .txt-wrap {flex:1 1 auto; min-width:0; width:1%; padding-left:80px;}
.greeting .top-cont .img-wrap .img {border-radius:200px; overflow:hidden; margin-bottom:30px;}
.greeting .top-cont .img-wrap .img img {width:100%;}
.greeting .top-cont .img-wrap .sign {text-align:center; font-size:18px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.greeting .top-cont .img-wrap .sign img {display:inline-block; margin-left:15px; vertical-align:bottom;}
.greeting .top-cont .tit {margin-bottom:48px; font-size:32px; font-weight:700; line-height:1.5em; letter-spacing:-0.03em; color:#242424;}
.greeting .top-cont .txt {margin-bottom:33px; font-size:18px; font-weight:400; line-height:1.7em; letter-spacing:-0.03em; color:#454545;}
.greeting .top-cont .txt:last-child {margin-bottom:0;}
.greeting .group-tit {position:relative; padding-bottom:18px; font-size:24px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.greeting .group-tit:before {content:''; position:absolute; left:0; bottom:0; width:120px; height:2px; background:#0e5d80;}
.greeting .career .group {border-top:1px solid #ddd; padding:26px 0; margin-top:-1px; border-bottom:1px solid #ddd;}
.greeting .career .group:last-child {padding-bottom:0; border-bottom:0;}
.greeting .career .group.ver2 {display:flex;}
.greeting .career .group.ver2 ul {padding-right:77px;}
.greeting .career .group ul > li {position:relative; margin-bottom:10px; padding-left:15px; font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545;}
.greeting .career .group ul > li:before {content:''; position:absolute; width:5px; height:5px; background:#c4c4c4; left:0; top:8px; border-radius:100%;}
.greeting .career .group ul > li:last-child {margin-bottom:0;}

/* 경영이념 */
.philosophy .dc1 {display:flex; align-items:flex-end;}
.philosophy .dc1 .img {margin:0 80px;}
.philosophy .dc1 .tit-wrap {flex:1 1 auto; min-width:0; width:1%; padding-bottom:45px;}
.philosophy .tit-wrap .tit {font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#0e5d80;}
.philosophy .tit-wrap .txt {margin-top:25px; font-size:28px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; color:#242424;}
.philosophy .dc2 {position:relative; padding:158px 0;}
.philosophy .dc2:before {content:''; position:absolute; z-index:-1; width:100vw; height:100%; left:50%; top:0; transform:translateX(-50%); background:url('../images/sub/philosophy-bg01.jpg') no-repeat 50% 50%; background-size:cover;}
.philosophy .dc3 .tit-wrap {margin-bottom:35px;}

/* 연혁 */
.history .group {position:relative; display:flex; padding-bottom:60px;}
.history .group:before {content:''; position:absolute; width:1px; height:100%; margin-left:-0.5px; left:50%; top:9px; background:#ddd;}
.history .group:last-child {padding-bottom:0;}
.history .group:last-child:before {display:none;}
.history .group:after {content:''; position:absolute; width:30px; height:30px; margin-left:-15px; left:50%; top:0; background:url('../images/sub/bullet.png') no-repeat 50% 50%; background-size:contain;}
.history .group > div {width:50%;}
.history .group .img {padding-right:120px;}
.history .group .cnt {padding-left:40px;}
.history .group:nth-child(even) {flex-direction:row-reverse;}
.history .group:nth-child(even) .cnt {text-align:right; padding-left:0; padding-right:40px;}
.history .group:nth-child(even) .img {padding-right:0; padding-left:120px;}
.history .group .year {margin-bottom:30px; font-size:30px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#0e5d80;}
.history .group .month {display:inline-block; min-width:100px; position:relative; font-weight:600; color:#242424;}
.history .group .month:before {content:''; position:absolute; top:12px; right:20px; width:30px; height:1px; background:#c3c3c3;}
.history .group .cnt > ul > li {margin-bottom:28px; display:flex; font-size:18px; font-weight:400; line-height:1.3em; letter-spacing:-0.03em; color:#686868;}
.history .group .cnt  ul li:last-child {margin-bottom:0;}
.history .group .cnt > ul > li .txt {display:block; flex:1 1 auto; min-width:0; width:1%;}
.history .group .cnt > ul > li img {display:inline-block; margin-top:13px;}
.history .group .cnt > ul > li li {margin-bottom:24px;}
.history .group:nth-child(even) .cnt > ul > li {flex-direction:row-reverse;}
.history .group:nth-child(even) .month:before {right:auto; left:20px;}

/* 찾아오시는 길 */
.directions .map {margin-bottom:20px;}
.directions .map .root_daum_roughmap {width:100% !important; height:400px !important;}
.directions .map .root_daum_roughmap .wrap_map {height:400px !important;}
.directions .map .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.directions .map .roughmap_lebel_text:after {content:"바로솔루션"; font-size:12px; line-height:15px;}
.directions .local-info {display:flex; margin:-10px;}
.directions .local-info .box {width:25%; padding:10px;}
.directions .local-info .box.wide {width:50%;}
.directions .local-info .box dl {background:#f4f4f4 url('../images/sub/icon-local01.png') no-repeat right 20px bottom 20px; padding:35px 30px; min-height:180px; border-radius:10px;}
.directions .local-info .box dt {margin-bottom:20px; font-size:25px; font-weight:600; line-height:1.2em; letter-spacing:-0.02em; color:#242424;}
.directions .local-info .box dd {font-weight:400; letter-spacing:-0.02em; color:#454545;}
.directions .local-info .box:nth-child(2) dl {background-image:url('../images/sub/icon-local02.png');}
.directions .local-info .box:nth-child(3) dl {background-image:url('../images/sub/icon-local03.png');}

/* 사업분야 */
.business .service .group {display:flex; align-items:center; margin:0 -30px 80px -30px;}
.business .service .group:last-child {margin-bottom:0;}
.business .service .group:nth-child(even) {flex-direction:row-reverse;}
.business .service .group > div {width:50%; padding:0 30px;}
.business .service .cnt .tit {margin-bottom:10px; font-size:24px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.business .service .cnt .txt {margin-bottom:35px; font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#045d80;}
.business .service .cnt > ul > li {margin-bottom:11px; position:relative; padding-left:10px; font-size:18px; font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#454545;}
.business .service .cnt > ul > li:before {content:''; position:absolute; width:5px; height:1px; background:#454545; left:0; top:12px;}
.business .service .cnt > ul > li:last-child {margin-bottom:0;}

.business.biz1 .img-wrap {display:flex; align-items:center; justify-content:center;}
.business.biz1 .img-wrap .circle {width:260px; height:260px; display:flex; align-items:center; justify-content:center; text-align:center; border-radius:100%;}
.business.biz1 .img-wrap .box {position:relative;}
.business.biz1 .img-wrap .box:before {content:''; position:absolute; width:160px; height:2px; top:130px; background-repeat:repeat-x; background-position:left center;}
.business.biz1 .img-wrap .box1 {padding-right:165px;}
.business.biz1 .img-wrap .box1:before {background-image:url('../images/sub/line01.gif'); right:5px;}
.business.biz1 .img-wrap .box2:before {background-image:url('../images/sub/line02.gif'); left:5px;}
.business.biz1 .img-wrap .box2 {padding-left:165px;}
.business.biz1 .img-wrap .plus {padding-bottom:75px;}
.business.biz1 .img-wrap .box1 .circle {background:#045d80;}
.business.biz1 .img-wrap .box2 .circle {background:#3ca7d1;}
.business.biz1 .img-wrap .tit {font-size:20px; font-weight:500; line-height:1.3em; letter-spacing:-0.03em; color:#fff;}
.business.biz1 .img-wrap .tit strong {display:inline-block; font-weight:28px;}
.business.biz1 .img-wrap .txt {margin-top:27px; text-align:center; font-weight:400; letter-spacing:-0.03em; color:#454545;}

.business.biz2 .dc1 .wrap .tit {margin-bottom:23px; text-align:center; font-size:20px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#0e5d80;}
.business.biz2 .dc1 .wrap ul {display:flex; justify-content:center;}
.business.biz2 .dc1 .wrap ul li {display:inline-block; margin:0 5px; min-width:270px; padding:24px 20px; background:#e0e8ec; border-radius:10px; font-size:18px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#454545; text-align:center;}

.business.biz2 .dc2 .wrap ul {display:flex; justify-content:center; margin:0 -30px;}
.business.biz2 .dc2 .wrap ul li {padding:0 30px; text-align:center; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.business.biz2 .dc2 .wrap ul li .img {margin-bottom:10px;}
.business.biz2 .dc2 .wrap ul li .tit {padding:12px; margin-bottom:13px; background:#f8f8f8; border-radius:10px;}

.business.biz3 .dc1 .col {margin-bottom:50px; text-align:center;}
.business.biz3 .dc1 .col:last-child {margin-bottom:0;}
.business.biz3 .dc1 .col-tit {position:relative; padding-bottom:18px; margin-bottom:30px; font-size:24px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.business.biz3 .dc1 .col-tit:before {content:''; position:absolute; width:40px; height:2px; background:#0e5d80; left:50%; bottom:0; margin-left:-20px;}
.business.biz3 .dc1 .col-txt {font-size:18px; font-weight:400; line-height:1.7em; letter-spacing:-0.03em; color:#454545;}
.business.biz3 .dc1 .col .in {display:flex; margin:0 -10px;}
.business.biz3 .dc1 .col .box {width:50%; padding:0 10px;}
.business.biz3 .dc1 .col dl {border-radius:10px; overflow:hidden;}
.business.biz3 .dc1 .col dt {padding:20px; background:#0e5d80; font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#fff; text-align:center;}
.business.biz3 .dc1 .col dd {padding:22px 10px; background:#fff; font-weight:400; letter-spacing:-0.03em; color:#454545;}

.business.biz3 .dc3 .wrap ul {display:flex; justify-content:center; margin:0 -20px;}
.business.biz3 .dc3 .wrap ul li {padding:0 20px;}

.step-list {display:flex; flex-wrap:wrap; margin:-20px;}
.step-list li {position:relative; width:25%; padding:20px; font-weight:400; letter-spacing:-0.03em; color:#454545;}
.step-list li:before {content:''; position:absolute; right:-4px; top:50%; margin-top:-7px; width:8px; height:14px; background:url('../images/sub/icon-arrow.png') no-repeat 50% 50%; background-size:contain;}
.step-list li:nth-child(n+5):before {right:auto; left:-4px; transform:scale(-1);}
.step-list li:last-child:before {display:none;}
.step-list li.step4:before {right:50%; margin-top:0; top:auto; bottom:-4px; transform:rotate(90deg);}
.step-list li .in {display:flex; align-items:center; padding:10px 20px; min-height:100px; border:1px solid #ddd; border-radius:10px;}
.step-list li .in .icon {margin-right:20px;}
.step-list li .in .cnt {flex:1 1 auto; min-width:0; width:1%;}
.step-list li .in .tit {font-weight:700; color:#045d80;}
.step-list .step1 {order:1;}
.step-list .step2 {order:2;}
.step-list .step3 {order:3;}
.step-list .step4 {order:4;}
.step-list .step5 {order:8;}
.step-list .step6 {order:7;}
.step-list .step7 {order:6;}
.step-list .step8 {order:5;}