@charset "utf-8";

.pt0 {padding-top:0 !important;}

.gray-bg {background:#f6f6f8;}

.doc-cnt {padding:var(--space-100) 0;}
.doc-cnt.last {padding-bottom:var(--space-200);}
.doc-cnt-2 {margin-bottom:var(--space-70);}
.doc-cnt-2:last-child {margin-bottom:0;}

.doc-tit {margin-bottom:28px; font-size:var(--fz24); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}

.ico-tit {margin-bottom:25px; position:relative; padding-left:30px; font-size:var(--fz20); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.ico-tit:before {content:''; position:absolute; left:0; top:.2em; width:20px; height:20px; background:url('/images/sub/ico-tit.png') no-repeat center center / contain;}

.title-label {padding: 10px; margin:0 auto 30px; font-size: var(--fz22); font-weight: 700; width: 160px; border-radius:var(--radius24); color: #fff; background: var(--color-primary);}

.bar-tit {margin-bottom:40px; padding-left:14px; position:relative; font-size:var(--fz24); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.bar-tit:before {content:''; position:absolute; left:0; top:.2em; width:4px; height:24px; background:var(--color-primary);}

.doc-btn {color:#fff; background:#fff; height:60px; padding:0 50px; display:inline-flex; align-items:center; justify-content:center; text-align:center; font-size:var(--fz20); font-weight:600; letter-spacing:0; line-height:1.2em; background:var(--color-primary); border-color:var(--color-primary); border-radius:var(--radius30);}

.sub-tab {margin-bottom:60px;}
.sub-tab ul {display:flex; justify-content:center; gap:0 20px;}
.sub-tab ul li a {display:flex; align-items:center; justify-content:center; text-align:center; color:var(--color-primary); border:1px solid var(--color-primary); border-radius:var(--radius24); height:48px; min-width:140px; padding:0 14px; font-size:var(--fz18); font-weight:600; letter-spacing:-.03em; line-height:1.3em;}
.sub-tab ul li.active a {background:var(--color-primary); color:#fff;}

.cate-tab ul li {width:auto; margin-right:50px;}
.cate-tab ul li:last-child {margin-right:0;}
.cate-tab ul li a {display:block; font-size:var(--fz20); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#bcbdc0;}
.cate-tab ul li:first-child a {color:#242424;}
.cate-tab ul li.active a {color:var(--color-primary); text-decoration:underline;}

.mypage-tab {margin-bottom:50px;}
.mypage-tab ul {justify-content:center;}
.mypage-tab ul li {position:relative; width:auto; padding:0 22px;}
.mypage-tab ul li:after {content:''; position:absolute; top:50%; transform:translateY(-50%); right:0; width:1px; height:10px; background:#ddd;}
.mypage-tab ul li:last-child:after {display:none;}
.mypage-tab ul li a {display:block; font-size:var(--fz18); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.mypage-tab ul li.active a {color:var(--color-primary);}

.write-quick {transition:.3s; position:fixed; right:50px; bottom:120px; width:250px; z-index:100;}
.write-quick ul li {margin-bottom:20px;}
.write-quick ul li:last-child {margin-bottom:0;}
.write-quick .box {box-shadow:0 0 8px rgba(116,169,202,.16); border-radius:var(--radius16); height:80px; padding:0 20px; font-size:var(--fz18); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#fff; display:flex; align-items:center; justify-content:space-between;}
.write-quick .box.st1 {background:var(--color-primary);}
.write-quick .box.st2 {background:var(--color-secondary);}
.write-quick.visible {opacity: 0;}
.write-quick.visible.active {opacity: 1;}

.greeting-1 .wrap {display:flex; align-items:center; padding:40px 77px; border:1px solid #ddd; border-radius:var(--radius18);}
.greeting-1 .ico {display:flex; align-items:center; justify-content:center; width:150px; height:150px; border-radius:50%; background:#f5f9fb;}
.greeting-1 .ico lord-icon {max-width:96px; width: 60%; height: auto; aspect-ratio: 1/1;}
.greeting-1 .cnt {border-left:1px dashed #f1f1f1; padding-left:60px; margin-left:60px; flex:1;}
.greeting-1 .cnt h2 {margin-bottom:25px; font-size:var(--fz32); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.greeting-1 .cnt h2 span {background-image:linear-gradient(to right,var(--color-primary), var(--color-secondary));  background-clip:text;  -webkit-background-clip:text;  color:transparent;}
.greeting-1 .cnt p {margin-bottom:30px; font-size:var(--fz20); font-weight:400; letter-spacing:-.03em; line-height:1.5em; color:#454545;}
.greeting-1 .cnt p:last-child {margin-bottom:0;}

.greeting-2 .wrap {margin-bottom:80px;}
.greeting-2 .wrap .group {display:flex; align-items:center;}
.greeting-2 .wrap .group:nth-child(even) {flex-direction:row-reverse;}
.greeting-2 .wrap .img {width:50%;}
.greeting-2 .wrap .cnt {width:50%;}
.greeting-2 .wrap .group:nth-child(odd) .cnt {padding-left:80px;}
.greeting-2 .wrap .group:nth-child(even) .cnt {padding-right:80px;}
.greeting-2 .wrap .cnt .tit {margin-bottom:20px; font-size:var(--fz32); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.greeting-2 .wrap .cnt .txt {font-size:var(--fz18); font-weight:400; letter-spacing:-.03em; line-height:1.67em; color:#454545;}

.greeting-3 .wrap {padding:0 60px; margin-bottom:60px; border-radius:var(--radius24); box-shadow:0 0 12px rgba(0,0,0,.06);}
.greeting-3 .wrap .group {border-bottom:1px dashed #ddd; padding:60px 0; display:flex; gap:0 20px;}
.greeting-3 .wrap .group:last-child {border-bottom:none;}
.greeting-3 .wrap .group .cnt {padding-top:10px;}
.greeting-3 .wrap .group .num {font-size:var(--fz24); font-weight:700; display:flex; align-items:center; justify-content:center; min-width:54px; height:54px; border-radius:100%; background:var(--color-primary); color:#fff;}
.greeting-3 .wrap .group .tit {margin-bottom:18px; font-size:var(--fz24); font-weight:700;  letter-spacing:-.03em; line-height:1.4em;}
.greeting-3 .wrap .group .txt {margin-bottom:25px; font-size:var(--fz18); font-weight:400;  letter-spacing:-.03em; line-height:1.67em; color:#454545;}
.greeting-3 .wrap .tags {display:flex; flex-wrap:wrap; gap:5px 10px;}
.greeting-3 .wrap .tags span {border-radius:var(--radius16); line-height:30px; padding:0 15px; background:#edeef1; font-weight:600; letter-spacing:-.03em; color:var(--color-primary);}

.root_daum_roughmap_landing {width:100% !important;}
.root_daum_roughmap .wrap_map {height:430px !important;}
.root_daum_roughmap .cont {display:none;}

.contact-info {margin:60px 0; display:flex; justify-content:space-between;}
.contact-info .info-box {overflow:hidden; display:flex; width:calc(50% - 15px); border-radius:var(--radius24); box-shadow:0 0 8px rgba(0,0,0,.1);}
.contact-info .info-box .ico {width:60px; display:flex; justify-content:center; align-items:center; background:#edeef1;}
.contact-info .info-box .ico lord-icon {width:40px; height:40px;}
.contact-info .info-box .cnt {padding:40px; flex:1;}
.contact-info .info-box .cnt .top {padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #ddd;}
.contact-info .info-box .cnt .tit {margin-bottom:15px; font-size:var(--fz22); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.contact-info .info-box .cnt .txt {font-size:var(--fz18); font-weight:500; letter-spacing:-.03em; line-height:1.4em;}
.contact-info .info-box .cnt .txt span {color:#686868;}
.contact-info .info-box .cnt .tt {font-size:var(--fz14); font-weight:400; letter-spacing:-.03em; line-height:1.43em; color:#686868;}

.traffic {border-radius:var(--radius24); overflow:hidden; box-shadow:0 0 12px rgba(0,0,0,.1);}
.traffic .title {line-height:60px; text-align:center; background:var(--color-primary); color:#fff; font-size:var(--fz22); font-weight:700; letter-spacing:-.03em;}
.traffic .cnt {padding:0 100px;}
.traffic .row {border-bottom:1px dashed #ddd; padding:40px 0; display:flex; align-items:center; gap:0 30px;}
.traffic .row:last-child {border-bottom:0;}
.traffic .row .ico {display:flex; align-items:center; justify-content:center; min-width:64px; height:64px; background:#edeef1; border-radius:8px;}
.traffic .row .ico lord-icon {width:40px; height:40px;}
.traffic .row .tit {margin-bottom:10px; display:flex; align-items:center; font-size:var(--fz22); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.traffic .row .tit span {margin-left:10px; display:inline-block; background:#536dfe; color:#fff; border-radius:var(--radius4); font-size:var(--fz15); font-weight:600; letter-spacing:-.03em; line-height:22px; padding:0 10px; border-radius:4px;}

.process-num {position:relative; margin-bottom:35px;}
.process-num:before {content:''; position:absolute; top:50%; left:130px; right:130px; height:3px; background:var(--color-primary);}
.process-num ol {display:flex;}
.process-num ol li {width:25%;}
.process-num .num {position:relative; z-index:1; margin:0 auto; border:3px solid var(--color-primary); font-size:var(--fz30); font-weight:700; color:var(--color-primary); border-radius:100%; background:#fff; display:flex; align-items:center; justify-content:center; text-align:center; width:54px; height:54px;}

.process ol {display:flex;}
.process ol li {position:relative; width:25%; padding:0 30px; text-align:center;}
.process ol li:after {content:''; position:absolute; top:68px; right:0; margin-right:-27px; width:53px; height:17px; background:url('/images/sub/process-arrow.png') no-repeat 50% 50% / contain;}
.process ol li:last-child:after {display:none;}
.process .num {display:none;}
.process lord-icon {width:90px; height:90px;}
.process .desc .tit {margin-top:25px; font-size:var(--fz18); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}

.guide-1 {text-align:center;}
.guide-1 .sub-tit {margin-bottom:0;}
.guide-1 .sub-tit:after {margin:33px auto; content:''; display:block; width:60px; height:3px; background:var(--color-primary);}
.guide-1 .txt {font-size:var(--fz22); font-weight:400; letter-spacing:-.03em; line-height:1.45em; color:#454545;}

.guide-2 .contain {display:flex; justify-content:space-between; gap:0 60px;}
.guide-2 .cnt {flex:1;}
.guide-2 .cnt p {margin-bottom:25px; font-size:var(--fz18); font-weight:400; letter-spacing:-.03em; line-height:1.56em; color:#454545;}
.guide-2 .cnt p:last-child {margin-bottom:0;}

.percent-wrap {width:500px;}
.percent-wrap .per {margin-top:20px; padding:25px 0; background:#f6f6f8; display:flex; border-radius:16px;}
.percent-wrap .per .col {position:relative; width:33.333%; text-align:center; border-left:1px solid #ddd;}
.percent-wrap .per .col:first-child {border-left:none;}
.percent-wrap .per .num {margin-bottom:5px; font-size:var(--fz32); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:var(--color-primary);}
.percent-wrap .per .txt {font-size:var(--fz18); font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#454545;}

.feature ul {display:flex; gap:0 20px;}
.feature ul li {width:33.333%; text-align:center;}
.feature ul li .ico {margin:0 auto 30px; border-radius:50%; width:160px; height:160px; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center;}
.feature ul li .ico lord-icon {width:70px; height:70px;}
.feature ul li .tit {margin-bottom:10px; font-size:var(--fz22); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.feature ul li .txt {font-size:var(--fz18); font-weight:400; letter-spacing:-.03em; line-height:1.56em; color:#454545;}
.feature.type2 ul li .ico {background:#f6f6f8;}

.field-wrap {display:flex; align-content:stretch; justify-content:space-between;}
.field-wrap .col {width:calc(33.333% - 20px);}
.field-wrap .col .box {height:100%;}
.field-wrap .title {border-radius:var(--radius16) var(--radius16) 0 0; height:60px; display:flex; align-items:center; justify-content:center; text-align:center; font-size:var(--fz24); font-weight:600; letter-spacing:-.03em; line-height:1.4em; background:var(--color-primary); color:#fff;}
.field-wrap .title img {margin-right:10px;}
.field-wrap .cnt {height:calc(100% - 60px); background:#fff; padding:30px 20px; text-align:center; border:1px solid #dcdee5; border-radius:0 0 var(--radius16) var(--radius16);}
.field-wrap .cnt p {margin-bottom:24px; font-size:var(--fz18); font-weight:400; letter-spacing:-.03em; color:#454545;}
.field-wrap .cnt p:last-child {margin-bottom:0;}
.field-wrap.col-2 .col {width:calc(50% - 17px);}

.pop-pictures {margin-bottom:60px;}
.pop-pictures ul {display:flex; margin:-15px;}
.pop-pictures ul li {width:33.333%; padding:15px;}
.pop-pictures .box {border-radius:var(--radius24); overflow:hidden; display:block; position:relative;}
.pop-pictures .box:after {opacity:0; transition:.3s; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.6) url('/images/sub/pic-ico.png') no-repeat center center;}
.pop-pictures .box:hover:after {opacity:1;}

.plus-btn {display:inline-flex;  font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#454545; height:50px; padding:0 27px;}

.modal {background:transparent;}

.pop-issue {background:#fff; border-radius:var(--radius24); overflow:hidden;}
.pop-issue .head {padding:20px; font-size:var(--fz24); font-weight:700; background:var(--color-primary); color:#fff;}
.pop-issue .cnt {padding:27px 30px 50px;}
.pop-issue .cnt .tit {margin-bottom:10px; font-size:var(--fz22); font-weight:600; letter-spacing:0; line-height:1.4em;}
.pop-issue .cnt .list li {position:relative; padding-left:15px; font-weight:400; color:#454545;}
.pop-issue .cnt .list li:before {content:'•'; position:absolute; left:0; top:-.1em; font-size:var(--fz18); font-weight:700; color:var(--color-primary);}
.pop-issue a.close-modal {right:30px; top:25px; width:18px; height:18px; background:url('/images/sub/modal-close.png') no-repeat center center / contain;}

.plus-btn {background:#fff; border:1px solid #ddd; height:50px; padding:0 30px; display:inline-flex; align-items:center; justify-content:center; font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#454545;}
.plus-btn:hover {background:var(--color-primary); color:#fff; border-color:var(--color-primary);}

.pattern-box {box-shadow:0 0 12px rgba(0,0,0,.04); border-radius:var(--radius30)}
.pattern-box .title {border-radius:var(--radius30) var(--radius30) 0 0; display:flex; align-items:center; justify-content:center; padding:20px; text-align:center; color:#fff; background:var(--color-primary); font-size:var(--fz28); letter-spacing:-.03em; line-height:1.4em;}
.pattern-box .title span {margin-right:20px; border-radius:var(--radius20); line-height:40px; font-size:var(--fz20); font-weight:700; letter-spacing:-.03em; padding:0 20px; color:var(--color-primary); background:#fff;}
.pattern-box .content {background:#fff; padding:50px; border:1px solid #dcdee5; border-radius:0 0 var(--radius30) var(--radius30); text-align:center;}
.pattern-box .content .top-txt {margin-bottom:35px; font-size:var(--fz18); font-weight:500; letter-spacing:-.03em; line-height:1.56em;}
.pattern-box .content .txt-box {border-radius:8px; padding:20px 75px; display:inline-block; color:#fff; background:#313449; font-size:var(--fz22); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.pattern-box .desc-area {position:relative; margin-top:140px; display:flex; justify-content:space-between;}
.pattern-box .desc-area:before {content:''; position:absolute; left:50%; transform:translateX(-50%); top:-120px; width:512px; height:179px; background:url('/images/sub/pattern-arrow.png') no-repeat 50% 50% / contain;}
.pattern-box .desc-area .col {width:calc(33.333% - 7px);}
.pattern-box .desc-area .tit {margin-bottom:20px; border-radius:8px; font-size:var(--fz22); font-weight:600; letter-spacing:-.03em; line-height:70px; color:#fff;}
.pattern-box .desc-area .col:nth-child(1) .tit {background:linear-gradient(to right,#1e1f58, #1e1f58);}
.pattern-box .desc-area .col:nth-child(2) .tit {background:linear-gradient(to right,#434877, #797e9e);}
.pattern-box .desc-area .col:nth-child(3) .tit {background:linear-gradient(to right,#7c81a0, #a8aabc);}
.pattern-box .desc-area .box {height:calc(100% - 90px); padding:30px; border-radius:8px; border:1px solid #dcdee5; font-weight:400; letter-spacing:-.03em; line-height:1.63em; color:#454545;}
.pattern-box .desc-area .box strong {font-weight:600; color:var(--color-primary); font-size:var(--fz18);}
.pattern-box .img-box {padding:40px 20px; border:1px solid #dcdee5; border-radius:var(--radius24);}
.pattern-box .img-box-2 {display:flex; justify-content:space-between; gap:0 20px; padding:40px 40px 40px 70px; background:#f6f6f8; border-radius:var(--radius24);}

.case-list ul {display:flex;}
.case-list ul li {position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; width:25%;}
.case-list ul li:after {content:''; position:absolute; top:55%; right:0; margin-right:-27px; width:53px; height:17px; background:url('/images/sub/process-arrow.png') no-repeat 50% 50% / contain;}
.case-list ul li:last-child:after {display:none;}
.case-list lord-icon {width:80px; height:80px;}
.case-list .label {margin:22px 0 14px; border-radius:var(--radius24); justify-content:center; min-width:150px; padding:0 14px; height:48px; display:inline-flex; align-items:center; background:var(--color-primary); color:#fff; font-size:var(--fz20); font-weight:600; letter-spacing:-.03em; line-height:1.3em;}
.case-list .txt {font-weight:400; letter-spacing:-.03em; line-height:1.5em; color:#686868;}

.produce-video {border-radius:var(--radius24); overflow:hidden; position:relative;}
.produce-video .play-button {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:110px; height:110px; background:#fff; border:none; border-radius:50%; cursor:pointer; z-index:10; display:flex; align-items:center; justify-content:center; opacity:1; transition:opacity .3s;}
.produce-video .play-button::after {content:''; display:block; width:23px; height:29px; background:url('/images/sub/play-icon.png') no-repeat center center / contain;}
.produce-video .is-playing .play-button {opacity:0;}
.produce-video .is-playing:hover .play-button {opacity:1;}

.dot-list li {margin-bottom:6px; padding-left:14px; position:relative; font-weight:400; letter-spacing:-.03em; line-height:1.4em;}
.dot-list li:last-child {margin-bottom:0;}
.dot-list li:before {content:'•'; position:absolute; left:0; color:var(--color-primary);}

.one-day-popup {max-width:560px; display:none;}
.one-day-popup .inner {position:relative; background:#fff; overflow:hidden;}
.one-day-popup .popup-bottom {display:flex; justify-content:space-between; align-items:center; padding:15px 20px; background:#f8f9fa; border-top:1px solid #dee2e6;}
.one-day-popup .dont-show-today {display:flex; align-items:center; font-size:14px; color:#666; cursor:pointer;}
.one-day-popup .dont-show-today input[type="checkbox"] {margin-right:8px; width:16px; height:16px;}
.one-day-popup .close-popup-btn {background:#007bff; color:white; border:none; padding:8px 20px; border-radius:5px; cursor:pointer; font-size:14px;}
.one-day-popup .close-popup-btn:hover {background:#0056b3;}

.faq-question {display:inline-block; margin-top:30px;}