@charset "utf-8";

/* 공통 */
.c1 {color:#0a3f7f;}
.c2 {color:#f36f21;}

.gray-bg {background:#f8f8f8;}

.sub-content-tt {font-size:18px; font-weight:700; letter-spacing:0; border-radius:20px; position:relative; margin:0 auto -20px; max-width:200px; background:#0a3f7f; color:#fff; height:40px; display:flex; justify-content:center; align-items:center;}
.sub-content-box {text-align:center; padding:45px 0px 37px; border:2px solid #7c99bb; border-radius:10px;}
.sub-content-box .tit {font-size:20px; font-weight:600; line-height:1.4em;}
.sub-content-box .txt {line-height:1.625em;}
.sub-content-box .txt.type2 {margin-bottom:10px; color:#242424; font-size:18px; font-weight:500;}
.sub-content-box .txt.type3 {font-size:14px;}
.sub-content-box .txt.tel {display:flex; align-items:center; justify-content:center;}
.sub-content-box .txt.tel span {margin:-.2em 7px 0 0;}

/* 인사말 */
.greeting .cnt {padding-top:55px; position:relative;}
.greeting .cnt:before {content:""; position:absolute; bottom:0; left:0; background:url("../images/sub/greeting_txt.png") no-repeat 100% 0 / 66% auto; width:100%; height:100%;}
.greeting .cnt h3 {margin-bottom:23px; font-size:34px; font-weight:500; letter-spacing:-.03em; line-height:1.324em; color:#242424;}	
.greeting .cnt p {font-size:20px; font-weight:400; letter-spacing:-.03em; line-height:1.9em;}
.asterisk-list {margin-top:23px; padding-left:.6em; text-indent:-.6em;}
.asterisk-list li {margin-bottom:2px; font-size:18px; font-weight:500; letter-spacing:-.03em; line-height:1.4em; color:#0a3f7f;}
.greeting .cnt .sign {margin-top:33px; text-align:right; font-size:18px; font-weight:500; letter-spacing:-.03em;}
.greeting .cnt .sign img {vertical-align:middle; margin-left:22px;}

/* 연혁 */
.history {border-top:2px solid #0a3f7f; margin-top:40px;}
.history .row {padding:26px 70px; display:flex; border-bottom:1px solid #ddd;}
.history .row h3 {position:relative; width:158px; margin-right:45px; font-family:'Roboto', sans-serif; color:#0a3f7f; font-size:26px; font-weight:700; letter-spacing:-.03em; line-height:.8em;}
.history .row h3:after {content:""; position:absolute; right:0; top:6px; width:10px; height:12px; background:url("../images/sub/triangle.png") no-repeat 50% 50% / contain;}
.history .row .date-list {flex:1 1 auto; min-width:0; width:1%;}
.history .row .date-list ul li {margin-bottom:14px; display:flex; font-size:18px; font-weight:400; letter-spacing:-.03em; line-height:1.4em;}
.history .row .date-list ul li:last-child {margin-bottom:0;}
.history .row .date-list ul li strong {color:#242424; font-size:20px; font-weight:600; min-width:63px;}

/* 조직도 */
.org {margin-bottom:70px;}

/* 오시는 길 */
.location-info {margin-bottom:48px;}
.location-info .add {display:flex; align-items:flex-start; margin-bottom:20px; }
.location-info .add dt {font-size:22px; font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#0a3f7f;}
.location-info .add dt:after {content:""; margin:0 10px; vertical-align:middle; display:inline-block; width:1px; height:15px; background:#ddd;}
.location-info .add dd {font-size:20px; font-weight:500; letter-spacing:-.03em; line-height:1.5em; color:#242424; flex:1 1 auto; min-width:0; width:1%;}
.location-info .row-info {display:flex;}
.location-info .row-info dl {display:flex; margin-right:53px;}
.location-info .row-info dl:last-child {margin-right:0;}
.location-info .row-info dl dt {font-size:20px; font-weight:500; letter-spacing:0; line-height:1.4em; color:#242424;}
.location-info .row-info dl dt img {vertical-align:middle;}
.location-info .row-info dl dt:after {content:""; margin:0 10px; vertical-align:middle; display:inline-block; width:1px; height:10px; background:#ddd;}
.location-info .row-info dl dd {font-size:18px; font-weight:400; letter-spacing:-.03em; line-height:1.5em;}

.location-map {height:450px;}
.location-map iframe {width:100%; height:100%;}

/* 서비스센터 */
.service .section {padding:100px 0;}
.service .section:first-child {padding-top:0;}

.features-list ul {display:flex;}
.features-list ul li {padding:0 15px; width:33.333%; background-image: linear-gradient(to top, #9db2cc 33%, rgba(255,255,255,0) 0%); background-position:right; background-size: 1px 8px;/*점선 간격 수정*/ background-repeat: repeat-y; }
.features-list ul li:last-child {background:none;}
.features-list ul li .ico {margin-bottom:25px;}
.features-list ul li .tit {margin-bottom:12px; font-weight:600; color:#242424;}

.service .sec1 .img {margin-bottom:60px;}

.process {padding:20px 40px 0; background:url("../images/sub/process_bg.png") no-repeat 30% 30% / 77.58% auto;}
.process .list ul {display:flex;}
.process .list ul li {width:33.333%;}

.process .list-2 {margin-top:72px;}
.process .list-2 ul {flex-direction:row-reverse;}
.process .list ul li .ico {margin-bottom:25px;}
.process .list ul li .tit {margin-bottom:9px;}