@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting {padding:30px; display:flex; background-color:#f4f4f4; position:relative;}
.greeting:after {position:absolute; content:''; width:100%; top:0; bottom:0; background-color:#f4f4f4; right:-100%;}
.greeting .img {margin-bottom:-30px;}
.greeting .box {padding:40px 50px; margin-right:170px; background-color:#fff; width:730px;}
.greeting .box .tit {font-size:26px; color:#2c2c2c; line-height:1.385em;}
.greeting .box .tit strong {color:#1d2088;}
.greeting .box p {font-size:18px; margin-top:20px; letter-spacing:-.04em; line-height:1.556em; color:#2c2c2c;}
.greeting .box span {color:#ed1c24;}

.sub2-video video {max-width:1400px; width:100%;}

.doctit {font-size:26px; margin-bottom:22px; padding-left:27px; color:#1d2088; letter-spacing:-.04em; line-height:1.3em; position:relative;}
.doctit:before {position:absolute; content:''; width:18px; height:18px; left:0; top:50%; margin-top:-9px; background-image:url('../images/sub/doctit.png'); background-size:contain; background-repeat:no-repeat;}
.doctit span {font-size:14px; padding-left:10px; letter-spacing:-.04em; line-height:1.3em; color:#878787;}

.doc-group {margin-bottom:90px;}
.doc-group2 {margin-bottom:50px;}

.list-1 {margin:0 -20px; display:flex; flex-wrap:wrap;}
.list-1 li {padding:0 20px; width:33.3333%;}
.list-1 li .col {position:relative;}
.list-1 li .col .img {}
.list-1 li .col .txt {height:62px; font-size:20px; font-weight:600; display:flex; align-items:center; justify-content:center; color:#fff; background-color:rgba(0,0,0,.5); text-align:center; position:absolute; width:100%; bottom:0; left:0;}

.list-1.type2 li {margin-bottom:40px;}
.list-1.type2 li:nth-last-child(-n+3) {margin-bottom:0;}

.img-wrap {display:flex; margin:0 -20px;}
.img-wrap .img {padding:0 20px;}

.history {margin-bottom:60px;}
.history .group {display:flex; align-items:center}
.history .group .year {width:420px; font-size:36px; font-weight:600; color:#1d2088; position:relative;}
.history .group .year:after {position:absolute; content:''; width:330px; top:50%; right:0; background-color:#dfdfdf; height:1px; margin-top:-4px;}
.history .group ul {padding:36px 0; position:relative; border-bottom:1px solid #dfdfdf; flex:1;}
.history .group ul:before {position:absolute; content:''; width:1px; top:0; bottom:0; left:0; background-color:#dfdfdf;}
.history .group ul li {margin-left:30px; display:flex; position:relative;}
.history .group ul li:before {position:absolute; content:''; width:20px; height:20px; top:0; left:-40px; background-color:#fff; border-radius:100%; border:5px solid #dfdfdf;}
.history .group ul li .month {font-size:22px; margin-right:25px; font-weight:500; color:#2c2c2c; letter-spacing:-.04em;}
.history .group ul li .cnt {font-size:18px;}
.history .group:last-child ul {border-bottom:0;}
.history .group:last-child ul:before {bottom:50px;}

.history .group.first .year:after {top:0; margin-top:8px;}
.history .group.first {align-items:normal;}
.history .group.first ul {padding-top:0;}
.history .group.first ul li {margin-bottom:25px;}
.history .group.first ul li:last-child {margin-bottom:0;}

.honesty {background-color:#fafafa; padding-bottom:100px;}
.honesty .img {padding:60px 0; background-color:#fff; border:1px solid #dfdfdf;}

.local {display:flex; margin:0 -15px 40px;}
.local li {width:50%; padding:0 15px;}
.local li .img {margin-bottom:40px;}
.local li .cnt {display:flex; align-items:center;}
.local li .cnt .txt {padding-left:15px;}
.local li .cnt .txt .tit {font-weight:500; color:#1d2088;}
.local li .cnt .txt .in {font-size:24px; color:#2c2c2c; letter-spacing:-.04em;}

.local-table table {font-size:18px; text-align:center; border-collapse:collapse; width:100%; border-top:1px solid #a8a8a8;}
.local-table table th {padding:14px 5px; font-weight:600; color:#2c2c2c; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#fafafa;}
.local-table table td {padding:14px 10px; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
.local-table table th:last-child,
.local-table table td:last-child {border-right:0;}

.sub3-2 {padding:45px 0 65px; text-align:center; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.imgtd {height:165px;}

.list-2 {display:flex; margin:0 -15px;}
.list-2 li {padding:0 15px;}
.list-2 li p {font-size:20px; margin-top:15px; font-weight:600; text-align:center; color:#2c2c2c;}

.list-3 {display:flex;}
.list-3 .col {width:50%; display:flex;}
.list-3 .col .right {margin-left:30px; padding-top:25px;}
.list-3 .col .right .tit {font-size:20px; padding-bottom:15px; font-weight:600; color:#2c2c2c; letter-spacing:-.04em;}

.list-check li {font-size:18px; padding-left:22px; letter-spacing:-.04em; line-height:1.778em; position:relative;}
.list-check li:before {position:absolute; content:''; width:10px; height:9px; left:0; top:10px; background-image:url('../images/sub/check.png'); background-size:contain; background-repeat:no-repeat;}

.box-type {display:flex; flex-wrap:wrap; margin:0 -15px;}
.box-type li {padding:0 15px; margin-bottom:30px; text-align:center; width:16.6666%;}
.box-type li .box {border:1px solid #dfdfdf}
.box-type li .tit {font-size:18px; padding:16px 0; font-weight:600; color:#2c2c2c; background-color:#fafafa;}
.box-type li .img {height:210px; justify-content:center; align-items:center; display:flex;}

.box-kind .group {margin-bottom:100px; display:flex; align-items:center;}
.box-kind .group:nth-child(odd) .img {margin-right:60px;}
.box-kind .group:nth-child(even) .img {order:2;}
.box-kind .group:last-child {margin-bottom:0;}
.box-kind .group .img {width:50%;}
.box-kind .group .cnt {width:50%;}
.box-kind .group .cnt .tit {font-size:26px; font-weight:700; color:#1d2088; letter-spacing:-.04em; line-height:1.3em;}
.box-kind .group .cnt .s-tit {font-size:18px; margin:20px 0; line-height:1.778em; letter-spacing:-.04em; color:#505050;}

.list-4 li {font-size:18px; padding-left:15px; display:flex; position:relative;}
.list-4 li:before {position:absolute; content:''; width:5px; height:5px; background-color:#9eaee5; top:11px; left:0;}
.list-4 li span {width:77px; font-weight:600; color:#2c2c2c; display:block;}

.online {display:flex; border:1px solid #dfdfdf;}
.online .img {width:50%; order:2;}
.online .cnt {padding:55px; background-color:#fafafa; width:50%;}
.online .cnt .tit {font-size:26px; margin-bottom:35px; font-weight:700; color:#2c2c2c; line-height:1.462em;}
.online .cnt a {width:134px; height:42px; line-height:42px; padding:0 25px; border:1px solid #878787; border-radius:30px; display:block;}
.online .cnt a img {margin:13px 0 0 17px;}