@charset "utf-8";

.shadow-box {padding: 50px 100px; box-shadow:rgba(0,0,0,.05) 0px 0px 20px;}


/* greetings */
.greetings {}
.greetings .head {text-align: center; margin-bottom: 60px;}
.greetings .head h3 {font-size: 28px; line-height: 1.5; letter-spacing: -.04em; padding-bottom: 12px; margin-bottom: 15px; border-bottom: 1px solid #dfdfdf;}
.greetings .head p {color: #1428a0; font-weight: 600; font-size: 22px;}
.greetings .cnt {display: flex;align-items: center;}
.greetings .cnt .img {order: 2; width: 50%; padding-left: 30px;}
.greetings .cnt .txt {flex: 1 1 auto; min-width: 0; width: 1%;}
.greetings .cnt .txt p {font-size: 18px; line-height: 1.778em; letter-spacing: -.03em; margin-bottom: 25px;}
.greetings .cnt .txt p.sign {font-weight: 600; margin-bottom: 0;}

.benefit {background: #f8f8f8; padding: 80px 0; margin-top: 80px;}
.benefit ul {display: flex; flex-wrap:wrap; margin: 0 -15px; text-align: center;}
.benefit ul li {width: 25%; padding: 0 15px;}
.benefit ul li .tit {font-size: 1.125em; font-weight: 600; line-height: 1.4; letter-spacing: -.04em; margin: 15px 0 5px;}
.benefit ul li .tit.txt-blue {color: #1428a0;}
.benefit ul li .desc {color: #505050; font-size: 1.063em; line-height: 1.765em; letter-spacing: -.04em; max-width: 235px; margin: 0 auto;}
.benefit ul li .desc .br {display: block;}

/* location */
.root_daum_roughmap {width:100% !important;}
.loc-info {display: flex;justify-content: center;align-items: center; margin-top: 40px;}
.loc-info dt {color: #1428a0; font-size: 22px; font-weight: 600; line-height: 1.5; letter-spacing: -.03em; margin-right: 24px;}
.loc-info dt img {vertical-align: middle; margin-right: 18px;}
.loc-info dd {font-size: 18px; line-height: 1.5; letter-spacing: -.04em;}

/* process */
.process {}
.process ol {display: flex;flex-wrap:wrap; max-width:1097px; margin: 0 auto; margin-bottom: -45px; text-align: center;}
.process ol li {position: relative; width: 25%; padding: 0 25px; margin-bottom: 45px;}
.process ol li .box {position: relative; max-width: 200px; margin: 0 auto; color: #fff; padding: 28px 10px 30px; border-radius:25px 0 25px 0; margin-bottom: 22px;}
.process ol li:before {content:""; position: absolute; top: 95px; left: 0; margin-left: -10px; width: 21px; height: 21px; background-image:url("../images/sub/arrow.png"); background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.process ol li:first-child .box:before {display: none;}
.process ol li .icon {margin-bottom: 5px;}
.process ol li .tit {font-size: 20px; font-weight: 600; line-height: 1.4; letter-spacing: -.04em;}
.process ol li .desc {color: #505050; font-size: 1.063em;}
.process ol li .desc span {display: block; color: #eb1b1b;}

.process ol li:nth-child(odd) .box {background: #1428a0;}
.process ol li:nth-child(even) .box {background: #474747;}

/* fields */
.fields {background: #f8f8f8; margin-top: 80px;}
.fields-list {}
.fields-list-txt {color: #eb1b1b; font-size: 0.938em; margin-bottom: 5px;}
.fields-list ul {}
.fields-list ul li {display: flex;align-items: center; padding: 35px 0; border-top: 1px solid #dfdfdf;}
.fields-list ul li .icon {flex:0 0 127px;}
.fields-list ul li .icon a {display: block;}
.fields-list ul li .cnt {flex: 1 1 auto; min-width: 0; width: 1%;}
.fields-list ul li .cnt h3 {color: #1428a0; font-size: 20px; font-weight: 600; line-height: 1.5; left: -.04em;}
.fields-list ul li .cnt p {color: #505050; font-size: 1.063em; line-height: 1.647em; letter-spacing: -.04em;}

.service {background: #fff; padding-top: 80px;}
.service .group {display: flex;align-items: center; margin-bottom: 40px;}
.service .group:last-child {margin-bottom: 0;}
.service .group .img {width: 50%;}
.service .group .txt {flex: 1 1 auto; min-width: 0; width: 1%;}
.service .group .txt .tit {color: #1428a0; font-size: 28px; font-weight: 600; line-height: 1.2; letter-spacing: -.04em; margin-bottom: 17px;}
.service .group .txt .desc {color: #505050; font-size: 1.063em; line-height: 1.647em; letter-spacing: -.04em;}

.service .group:nth-child(odd) .txt {padding-left: 60px;}
.service .group:nth-child(even) .img {order: 2;}
.service .group:nth-child(even) .txt {padding-right: 30px;}

/* expenses */
.expenses {}
.expenses .banner {padding: 105px 15px 70px; background: url("../images/sub/b_expenses.jpg") center bottom no-repeat; margin-bottom: 40px; text-align: center;}
.expenses .banner .t1 {font-size: 36px; font-weight: 600; line-height: 1.333em; letter-spacing: -.04em;}
.expenses .banner .t1 strong {display: block; font-size: 1.167em; font-weight: 700;}
.expenses .banner .t1 strong span {color: #fff; background: #1428a0; padding: 3px 10px;}
.expenses .banner .t2 {font-size: 20px; font-weight: 500; line-height: 1.6; letter-spacing: -.04em; margin: 25px 0;}
.expenses .banner .t-bank {display: inline-block; background: rgba(20,40,160,.72); padding: 5px 30px; border-radius:50px; color: #fff; font-size: 24px; font-weight: 500; line-height: 1.75; letter-spacing: -.04em;}
.expenses .banner .t-bank span {display: inline-block;}

.table-wrap {overflow-x: auto; -webkit-overflow-scrolling: touch;}
.sub-table {width:100%; border-collapse:collapse; border-spacing:0px; line-height:1.5em; letter-spacing:-.04em;}
.sub-table th {padding:17px 8px; background:#f8f8f8; border:1px solid #dfdfdf; font-size: 1.125em; font-weight: 600;}
.sub-table td {padding:12px 8px; border:1px solid #dfdfdf; font-size: 1.063em; color:#505050; text-align:center;}
.sub-table td.red {color:#eb1b1b;}
.sub-table tr th:first-child,
.sub-table tr td:first-child {border-left:0;}
.sub-table tr th:last-child,
.sub-table tr td:last-child {border-right:0;}