@charset "utf-8";

.shinwoo21-cnt1 {padding:80px 0; text-align:center; color:#5e5e5e; font-size:28px; font-weight:500; line-height:1.5em; letter-spacing:-.01em; background:#eff0f5 url("../images/sub/shinwoo21_cnt1_bg.png") 100% 100% no-repeat;}
.shinwoo21-cnt1 strong {color:#313a9a;}

.shinwoo21-cnt2 {padding:145px 0 110px; margin-bottom:90px; border-bottom:1px solid #dedede;}
.shinwoo21-cnt2 .counter-wrap {margin-bottom:160px; text-align:center;}
.shinwoo21-cnt2 .counter-wrap .row {display:flex; margin:0 -20px;}
.shinwoo21-cnt2 .counter-wrap .col {width:33.33333333%; padding:0 20px;}
.shinwoo21-cnt2 .counter-wrap .num {color:#000; font-size:66px; font-weight:700; line-height:1.3em; margin-bottom:12px;}
.shinwoo21-cnt2 .counter-wrap .txt {color:#3e3e3e; font-size:22px; font-weight:500; line-height:1.4em; letter-spacing:-.01em;}
.shinwoo21-cnt2 .sw-biz .row {display:flex; margin:0 -20px;}
.shinwoo21-cnt2 .sw-biz .col {width:33.33333333%; padding:0 20px;}
.shinwoo21-cnt2 .sw-biz p {color:#000; font-size:24px; font-weight:700; line-height:1.3em; letter-spacing:-.01em; margin-bottom:15px;}

.shinwoo21-cnt3 {overflow:hidden;}
.shinwoo21-cnt3 h3 {position:relative; margin-bottom:42px; padding-left:33px; color:#000; font-size:42px; line-height:1.3em; letter-spacing:-.01em;}
.shinwoo21-cnt3 h3:before {content:""; position:absolute; top:19px; left:0; width:15px; height:15px; background:url("../images/sub/bullet.png") 50% 50% no-repeat;}
.shinwoo21-cnt3 .his {position:relative; padding-top:167px; margin-bottom:60px;}
.shinwoo21-cnt3 .his .bg {position:absolute; width:100vw; height:167px; top:0;}
.shinwoo21-cnt3 .his .bg-1 {right:0; background:url("../images/sub/shinwoo21_his_bg1.jpg") 100% 0 no-repeat;}
.shinwoo21-cnt3 .his .bg-2 {left:0; background:url("../images/sub/shinwoo21_his_bg2.jpg") 0 0 no-repeat;}
.shinwoo21-cnt3 .his ul {display:flex;}
.shinwoo21-cnt3 .his ul li {position:relative; width:16.66666666%; padding:0 7px;}
.shinwoo21-cnt3 .his .line {position:relative; margin:-45px 0 0 34px; width:2px; height:83px; background:#313a9a;}
.shinwoo21-cnt3 .his .line:before {content:""; position:absolute; top:-29px; left:50%; margin-left:-7px; width:14px; height:14px; background:#fff; border-radius:100%;}
.shinwoo21-cnt3 .his .line:after {content:""; position:absolute; top:0; left:0; width:100%; height:45px; background:#fff;}
.shinwoo21-cnt3 .his .year {color:#313a9a; font-size:32px; font-weight:700; line-height:1em; margin:16px 0;}
.shinwoo21-cnt3 .his .txt {color:#3e3e3e; font-size:20px; font-weight:500; line-height:1.3em; letter-spacing:-.01em;}

.greetings {display:flex;}
.greetings .img {width:513px; margin-right:40px; text-align:center;}
.greetings .img p {color:#505050; line-height:1.5em; margin-top:18px;}
.greetings .cnt {flex:1 1 auto; min-width:0; width:1%; position:relative; padding-bottom:120px;}
.greetings .cnt .txt1 {color:#000; font-size:24px; font-weight:700; line-height:1.5em; margin-bottom:15px;}
.greetings .cnt .txt2 {color:#313a9a; font-size:28px; font-weight:700; line-height:1.429em; margin-bottom:30px;}
.greetings .cnt .txt3 {color:#6a6a6a; font-size:17px; line-height:1.765em;}
.greetings .cnt .sign {position:absolute; right:0; bottom:0; text-align:right; color:#000; font-size:24px; font-weight:700; line-height:1.5em;}
.greetings .cnt .sign img {vertical-align:bottom; margin:0 0 0 22px;}

.vision {text-align:center;}
.vision .top-txt {margin-bottom:76px; font-weight:700;}
.vision .top-txt .txt1 {color:#6a6a6a; font-size:22px; line-height:1.4em; margin-bottom:12px;}
.vision .top-txt .txt2 {color:#000; font-size:28px; line-height:1.4em;}
.vision .top-txt .c1 {color:#3dc497;}
.vision .top-txt .c2 {color:#5082cb;}
.vision .top-txt .c3 {color:#4948ac;}
.vision .row {display:flex; justify-content:center;}
.vision .row .col {width:33.33333333%; max-width:424px; padding:0 20px;}
.vision .row dl {margin-top:30px;}
.vision .row dt {color:#242323; font-size:24px; font-weight:700; line-height:1.3em; margin-bottom:17px;}
.vision .row dd {max-width:330px; margin:0 auto; color:#666; font-size:17px; font-weight:500; line-height:1.647em;}

.root_daum_roughmap {width:100% !important;}

.direction-wrap {display:flex;}
.direction-wrap .map-area {width:50%;}
.direction-wrap .cnt-area {width:50%; padding-left:40px;}
.direction-wrap .cnt-area .comp-name {color:#313a9a; font-size:38px; font-weight:700; line-height:1.15em; margin-bottom:22px;}
.direction-wrap .cnt-area .addr {color:#000; font-size:28px; font-weight:700; line-height:1.3em; margin-bottom:5px;}
.direction-wrap .cnt-area .txt {color:#6a6a6a; font-size:18px; line-height:1.5em;}
.direction-wrap .cnt-area .txt .marker {display:inline-block; color:#fff; line-height:1.3em; font-weight:600; background:#313a9a; padding:2px 3px; margin:0 2px;}
.direction-wrap .cnt-area .info {margin-top:33px; color:#000; font-size:22px; line-height:1.3em;}
.direction-wrap .cnt-area .info p {margin-bottom:10px;}
.direction-wrap .cnt-area .info p img {vertical-align:middle; margin:-.2em 20px 0 0;}

.pro-top-txt {text-align:center; margin-bottom:70px; color:#666; font-size:24px; line-height:1.667em; letter-spacing:-.01em;}

.pro-wrap {margin-bottom:63px;}
.pro-wrap:last-child {margin-bottom:0;}
.pro-wrap .pro-txt {margin-bottom:50px;}
.pro-wrap .pro-txt p {width:100%; max-width:1300px; margin:0 auto; padding:10px 20px; color:#fff; text-align:center; font-size:20px; line-height:1.5em; background:#313a9a; border-radius:40px;}
.pro-wrap .group {display:flex; justify-content:space-between; margin-bottom:70px;}
.pro-wrap .group:last-child {margin-bottom:0;}
.pro-wrap .group .img {width:50%;}
.pro-wrap .group .cnt {width:45%; max-width:594px;}
.pro-wrap .group .cnt h3 {color:#313a9a; font-size:28px; line-height:1.3em; letter-spacing:-.01em; margin:-3px 0 23px;}
.pro-wrap .group .cnt table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #000;}
.pro-wrap .group .cnt table thead th {padding:13px; color:#000; font-size:22px; font-weight:600; line-height:1.33em; background:#f6f6f6; border:1px solid #424242; border-top:0;}
.pro-wrap .group .cnt table tbody td {text-align:center; padding:19px 13px; color:#6e6e6e; font-size:20px; line-height:1.33em; border:1px solid #c6c6c6; border-top:0;}
.pro-wrap .group .cnt tr th:first-child,
.pro-wrap .group .cnt tr td:first-child {border-left:0;}
.pro-wrap .group .cnt tr th:last-child,
.pro-wrap .group .cnt tr td:last-child {border-right:0;}

.pro-cnt .group {display:flex; margin-bottom:50px;}
.pro-cnt .group:last-child {margin-bottom:0;}
.pro-cnt .group .img {width:50%;}
.pro-cnt .group .cnt {width:50%; padding-left:40px; color:#505050; font-size:24px; font-weight:500; line-height:1.667em; letter-spacing:-.01em;}
.pro-cnt .group .cnt h3 {color:#313a9a; font-size:32px; line-height:1.3em; letter-spacing:-.01em; margin:-3px 0 16px;}
.pro-cnt .group .cnt h3 .small {color:#000; font-weight:500; display:inline-block; font-size:.8em;}
.pro-cnt .group .cnt .info-txt {margin-top:23px; color:#686b8b; font-size:20px; line-height:1.6em;}
.pro-cnt .group .cnt .info-txt ul li {padding-left:.6em; text-indent:-.6em;}

.pro-list {text-align:center; overflow:hidden;}
.pro-list ul {display:flex; flex-wrap:wrap; margin:0 -12px;}
.pro-list ul li {width:20%; margin-bottom:43px; padding:0 12px 30px; border-bottom:1px solid #ddd; color:#1b1b1b; font-size:22px; font-weight:700; line-height:1.35em;}
.pro-list ul li img {display:block; margin:0 auto 16px;}

.case-main {position:relative; text-align:center;}
.case-main .items {margin:0 -12px;}
.case-main .item {padding:0 12px; color:#252525; font-size:22px; font-weight:600; line-height:1.4em;}
.case-main .item a {display:block;}
.case-main .item .thumb {position:relative; overflow:hidden; margin-bottom:17px;}
.case-main .item .thumb img {display:block; width:100%; transition:.4s;}
.case-main .item a:hover .thumb img {transform:scale(1.05)}
.case-main .slick-arrow {position:absolute; top:50%; margin-top:-80px; width:54px; height:54px; background-color:#fff; background-position:50% 50%; background-repeat:no-repeat; border:1px solid #838383; border-radius:100%; overflow:hidden; text-indent:-9999em; z-index:50;}
.case-main .slick-prev {left:-90px; background-image:url("../images/sub/slide_prev.png");}
.case-main .slick-next {right:-90px; background-image:url("../images/sub/slide_next.png");}
.case-main .slick-dots {margin-top:55px; width:100%; text-align:center; line-height:0;}
.case-main .slick-dots li {display:inline-block; margin:0 6px;}
.case-main .slick-dots li button {display:block; width:14px; height:14px; background:#ddd; border:0; border-radius:100%; overflow:hidden; text-indent:-9999em;}
.case-main .slick-dots .slick-active button {background:#313a9a;}

.case-btn-area {position:relative; text-align:center; min-height:51px;}
.case-btn-area .btn {display:inline-block; width:101px; text-align:center; color:#666; font-size:22px; font-weight:600; line-height:49px; border:1px solid #d2d2d2; border-radius:6px;}
.case-btn-area .btn.more {width:300px; background:#313a9a; border-color:#313a9a; color:#fff;}
.case-btn-area .btn.list {position:absolute; top:0; right:0;}

.cate-view {text-align:center; margin-bottom:150px;}