@charset "utf-8";

/*공통*/
.c-white {color:#fff !important;}
.c-main {color:var(--color-primary) !important;}

.sub-cont-tit {margin-bottom:var(--size60); font-size:clamp(24px, calc(40/ var(--inner) * 100vw ),40px); line-height:1; font-weight:600; color:#242424; text-align:center;}

.content-margin {margin-bottom:clamp(40px, calc(140/ var(--inner) * 100vw ),140px);}
.content-padding {padding:clamp(40px, calc(140/ var(--inner) * 100vw ),140px) 0;}

.doc-cnt {margin-bottom:clamp(40px, calc(100/ var(--inner) * 100vw ),100px);}

.bg-blue {position:relative;}
.bg-blue:before {content:''; position:absolute; z-index:-1; left:50%; top:0; width:100vw; height:100%; transform:translateX(-50%); background:#f7f9fb;}

.table-wrap table {width:100%; border-collapse:collapse; border-spacing:0px;}

.root_daum_roughmap {width:100% !important; height:clamp(270px, calc(430/ var(--inner) * 100vw ),430px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(270px, calc(430/ var(--inner) * 100vw ),430px) !important;}
.root_daum_roughmap .cont {display:none;}

/* 인사말 */
.greeting .img {margin-bottom:clamp(20px, calc(75/ var(--inner) * 100vw ),75px);}
.greeting .cnt {display:flex;}
.greeting .tit {width:50%; max-width:520px; font-size:clamp(18px, calc(30/ var(--inner) * 100vw ),30px); line-height:1.6; font-weight:700; color:#242424;}
.greeting .txt-wrap {flex:1 1 auto; min-width:0; width:1%;}
.greeting .txt {margin-bottom:1.5em;}
.greeting .txt:last-child {margin-bottom:0;}

/* 연혁 */
.history .group {position:relative; padding-left:calc(50% + var(--size60)); padding-bottom:clamp(20px, calc(65/ var(--inner) * 100vw ),65px);}
.history .group:nth-child(even) {padding-left:0; padding-right:calc(50% + var(--size60)); text-align:right;}
.history .group:before {content:''; position:absolute; left:50%; top:0.8em; margin-left:-0.5px; width:1px; height:100%; background:#ddd;}
.history .group:after {content:''; position:absolute; left:50%; top:0.8em; margin-left:-0.4em; width:0.8em; height:0.8em; background:#04366e; border-radius:100%;}
.history .group:last-child:before {display:none;}
.history .year {margin-bottom:0.61em; font-size:clamp(18px, calc(36/ var(--inner) * 100vw ),36px); font-weight:700; line-height:1.2; color:#242424;}
.history .month {flex:0 0 auto; min-width:40px; font-weight:700; color:#898989;}
.history .group>ul>li {display:flex; margin-bottom:0.38em;}
.history .group>ul>li:last-child {margin-bottom:0;}
.history .group:nth-child(even)>ul>li {flex-direction:row-reverse;}

/* 서비스 */
.service-cont {padding:clamp(40px, calc(100/ var(--inner) * 100vw ),100px) 0; border-bottom:1px solid #ddd;}
.service-cont:first-child {padding-top:0;}
.service-cont:last-child {padding-bottom:0; border-bottom:0;}
.service-cont h3 {margin-bottom:1em; font-size:clamp(20px, calc(38/ var(--inner) * 100vw ),38px); font-weight:700; line-height:1.2; color:#242424;}
.service-cont h3 .dot {display:inline-block; vertical-align:super; margin-bottom:0.2em; margin-left:0.18em; width:0.18em; height:0.18em; background:#5687ed; border-radius:100%;}

.service-title {display:flex;}
.service-title h3 {width:320px; margin-bottom:0;}
.service-title .inner {flex:1 1 auto; min-width:0; width:1%;}

.service-tit {font-size:var(--font-size-18); font-weight:600; line-height:1.5; color:#242424;}
.service-txt {margin-top:1em;}

.service-num-list .items {display:flex; flex-wrap:wrap; margin:calc(0px - var(--size10));}
.service-num-list .item {width:50%; padding:var(--size10);}
.service-num-list .item .in {height:100%; padding:var(--size45) var(--size40); border:1px solid #ccdbfa;}
.service-num-list .item .num {margin-bottom:1em; font-size:var(--font-size-18); font-weight:600; line-height:1; color:#5687ed;}
.service-num-list .item p {font-size:var(--font-size-18); font-weight:600; line-height:1.5; color:#242424;}
.service-num-list .item .txt {position:relative; margin-top:1.15em; padding-left:0.63em; font-size:var(--font-size-16); font-weight:400; line-height:1.7;}
.service-num-list .item .txt:before {content:''; position:absolute; left:0; top:0.7em; width:0.19em; height:0.19em; background:#5687ed; border-radius:100%;}
.service-num-list.type2 .item {width:33.333%;}

.service-step .items {display:flex; margin:0 calc(0px - clamp(10px, calc(28/ var(--inner) * 100vw ),28px));}
.service-step .item {position:relative; width:14.28%; padding:0 clamp(10px, calc(28/ var(--inner) * 100vw ),28px); text-align:center;}
.service-step .item .icon {margin-bottom:var(--size30);}
.service-step .item .num {line-height:1; font-weight:500; color:#1e396c;}
.service-step .item p {margin-top:0.67em; font-size:var(--font-size-18); font-weight:600; line-height:1.2; color:#242424;}
.service-step .item:before {content:''; position:absolute; bottom:1em; right:-10px; width:21px; height:15px; background:url('/images/sub/icon-arw.png') no-repeat 50% 50%/contain;}
.service-step .item:last-child:before {display:none;}

.service-images .items {display:flex; flex-wrap:wrap; margin:calc(0px - var(--size10));}
.service-images .item {width:33.333%; padding:var(--size10);}
.service-images figure {position:relative;}
.service-images figure:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd;}
.service-images figure img {width:100%;}
.service-images figcaption {display:flex; position:relative; align-items:center; justify-content:center; padding:0.5em; min-height:3.56em; margin-top:-1px; border:1px solid #ddd; font-size:var(--font-size-18); font-weight:700; line-height:1.2; color:#242424; text-align:center;}