@charset "utf-8";

/*:root {*/
/*  --color1: #285fba;*/
/*  --color2: #0d77cc;*/
/*  --color3: #f8f6f3;*/
/*  --color4: #f3f6fa;*/
/*  --color5: hsla(0,0%,76%,.7);*/
/*}*/

:root {
  --color1: #f39800;
  --color2: #ed7403;
  --color3: #f8f6f3;
  --color4: #faf9f3;
  --color5: hsla(0,0%,76%,.7);
}

/* 초기화 */
* img { max-width:100%; }
html {overflow-y:scroll; }
body {margin:0 auto; padding:0;font-size:1em;font-family: 'Pretendard', sans-serif;background:#fff;color:#333;font-weight:400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'Pretendard', sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul,dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family: 'Pretendard', sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: 'Pretendard', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#333;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input:focus {
    outline: none;
}

.sound_only { display:none; }
.placeholdersjs {color:#aaa !important}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 버튼 */
a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */

.btn_submit {border:0;background:var(--color1);color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#2375eb}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

.pg_current {display:inline-block;background:var(--color1);border:1px solid var(--color1);color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}

.contain { width:88%; max-width:1600px; margin:0 auto; }
.inner { width:100%; max-width:1200px; margin:0 auto; }

i, em { font-style:normal; }
section { padding:160px 0; }

.title {text-align:center;margin-bottom:5rem;position:relative;}
.title::before {content:'';position:absolute;top:80px;left:50%;transform:translate(-50%);display:block;width:2px;height:30px;background:#ddd;}
.title strong {display:block;font-weight:normal;font-size:3.4rem;font-weight:500;font-family: 'JalnanGothic';}
.title p {display:block;color:rgba(255,255,255,.5);font-size:1.15rem;margin-top:2.5rem;}

/* ================================================
   헤더
   ================================================ */
#boxTop {width:100%;position:absolute;top:0;left:0;z-index:1000;min-width:1380px;background:transparent;padding-top:20px;}
#boxTop .boxLogo img {display:block;height:3rem;filter: brightness(0) invert(1);}
#boxTop .boxMenu {width:80%;}
#boxTop .boxMenu .mn {margin-left:3rem;color:#fff;line-height:100px;font-size:1.35rem;cursor:pointer;}
#boxTop .boxMenu .mn:hover {font-weight:700;}
#boxTop .boxInfomation {top:0;left:0;text-align:center;height:100%;z-index:101;}
#boxTop .boxInfomation span {display:block;font-size:1.5rem;color:rgba(255,255,255,.65);margin-bottom:.35rem;}
#boxTop .boxInfomation strong {display:block;font-family: 'JalnanGothic'; color:#fff;font-size:1.5rem;font-weight:normal;}
#boxTop .boxInfomation strong a {font-size:1.35rem;color:var(--color1);}
#boxTop .boxTel i {animation: swing 1s infinite ease-in-out alternate;width:2.4rem;height:2.4rem;line-height:2.4rem;border-radius:50%;text-align:center;color:#1f2b38;background:#fff;overflow:hidden;margin-right:.75rem;font-size:1.5rem;}
#boxTop .boxTel strong {color:#fff;font-family: 'GongGothicBold';font-size:1.5rem;font-weight:normal; letter-spacing:1px;}
#boxTop.scrollx { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: rgba(11, 19, 27, .65);}
#boxTop.scroll {background:var(--color2);}
#boxBlank {height:0;}
#boxBlank.scroll {height:100px;}

/* ================================================
   메인 이미지
   ================================================ */
#boxMain {width:100%;height:100vh;position:relative;overflow:hidden;}
#boxMain .swiper-wrapper {height:100%;}
#boxMain .swiper-slide {position:relative;}
#boxMain .swiper-slide::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.25);z-index:1;}
#boxMain .banner-text {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;color:#fff;z-index:2;}
#boxMain .banner-text .en {font-size:20px;font-weight:500;margin-bottom:10px;}
#boxMain .banner-text .ko {font-size:80px;font-weight:700;margin-bottom:15px;}
#boxMain .banner-text .sub {font-size:28px;line-height:1.5;}

/* ================================================
   메인 문구
   ================================================ */
#boxHero {width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}
#boxHero h1 {font-size:2.6rem;font-weight:400;line-height:1.4;letter-spacing:-1px;}
#boxHero h1 span {font-weight:700;}
#boxHero .hero-line {width:2px;height:40px;background:#ddd;margin:25px 0 20px 0;}
#boxHero .hero-btn {padding:0 2.5rem;line-height:4.4rem;font-size:1.5rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color1),var(--color2));border:none;border-radius:2.5rem;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.15);position:relative;}
#boxHero .hero-btn:hover {padding:0 4rem;transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,0.2);}
#boxHero .hero-btn:hover::before {content:'→';display:block;position:absolute;right:1.75rem;animation: arrow-move .6s infinite alternate ease-in-out;}
@keyframes arrow-move { 0% { transform: translateX(0); } 100% { transform: translateX(6px); } }

/* ================================================
   메인 정책자금 컨설팅
   ================================================ */
#boxServices {width:100%;background:var(--color4);}
#boxServices .contain {gap:3.5rem;}
#boxServices .boxServicesCard {position:relative;width:30%;aspect-ratio:4/3;border-radius:1.5rem;overflow:hidden;transition:border-radius .35s ease;}
#boxServices .boxServicesCard::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(43,51,112,0.65);opacity:.15;transition:opacity .35s ease;z-index:1;}
#boxServices .boxServicesCard:hover {border-radius:50%;}
#boxServices .boxServicesCard:hover::before {opacity:1;}
#boxServices .boxServicesCard .txt {position:absolute;top:65%;left:50%;transform:translate(-50%,0%);opacity:1;color:#fff;text-align:center;z-index:2;transition:all .45s ease;}
#boxServices .boxServicesCard:hover .txt {top:50%;transform:translate(-50%,-50%);opacity:1;}
#boxServices .boxServicesCard .txt strong {display:block;font-size:2rem;font-weight:700;margin:0 0 10px;white-space:nowrap;}
#boxServices .boxServicesCard .txt .sub {font-size:1.1rem;line-height:1.6;margin:0;opacity:.85;white-space:nowrap;}

/* ================================================
   성공 사례
   ================================================ */
#boxSuccess {width:100%;overflow:hidden;position:relative;}
#boxSuccessSub {margin:0 auto;}
#boxSuccessSub .swiper-wrapper {align-items:center;}
#boxSuccessSub .swiper-slide {transform:scale(.7);transition:transform .35s ease,opacity .35s ease;transform-origin:center center;opacity:.85;background:#fff;border:1px solid var(--color4);border-radius:1rem;position:relative;z-index:1;width:90%;max-width:340px;aspect-ratio:1/1.5;overflow:hidden;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:15%;}
#boxSuccessSub .swiper-slide-active {transform:scale(1);opacity:1;z-index:2;}
#boxSuccessSub .case .cate {display:inline-block;border-radius:2rem;line-height:2.6rem;padding:0 1.5rem;font-size:1.15rem;color:#fff;background:#333;}
#boxSuccessSub .case .tit {display:block;font-size:2rem;letter-spacing:-2px;font-weight:500;color:#333;margin:.5rem auto;}
#boxSuccessSub .case .meta {font-size:1.1rem;color:#555;margin:0;}

#boxSuccess .swiper-button-next, 
#boxSuccess .swiper-button-prev {top:auto;bottom: 3rem;background:#f5f5f5;color:#191919;width:3.4rem;height:3.4rem;border-radius:50%;}
#boxSuccess .swiper-button-next:hover, 
#boxSuccess .swiper-button-prev:hover {background:var(--color1);color:#fff;} 
#boxSuccess .swiper-button-next:after,
#boxSuccess .swiper-button-prev:after {font-size: 1.25rem;}
#boxSuccess .swiper-button-prev,
#boxSuccess .swiper-rtl .swiper-button-next {left:calc(50% - 3.7rem);right: auto;}
#boxSuccess .swiper-button-next,
#boxSuccess .swiper-rtl .swiper-button-prev {right:calc(50% - 3.7rem);left: auto;}

/* ================================================
   전략
   ================================================ */
#boxStrategy {overflow:hidden;position:relative;}
#boxStrategy .swiper-slide {width:70%;border-radius:1rem;}
#boxStrategy .swiper-slide .thumb {width:100%;aspect-ratio:4/3;margin-right:3.5rem;border-radius:1.5rem;}
#boxStrategy .swiper-slide .txt h3 {display:block;font-size:2.8rem;margin-bottom:1.5rem;}
#boxStrategy .swiper-slide .txt p {display:block;font-size:1.35rem;line-height:1.7;color:#777;}
#boxStrategy .swiper-slide .txt span {color:var(--color1);font-size:1.15rem;display:block;margin-bottom:1rem;letter-spacing:2px;}
#boxStrategy .swiper-horizontal>.swiper-pagination-bullets,
#boxStrategy .swiper-pagination-bullets.swiper-pagination-horizontal,
#boxStrategy .swiper-pagination-custom,
#boxStrategy .swiper-pagination-fraction {bottom:3rem;}
#boxStrategy .swiper-pagination-bullet {width:.75rem;height:.75rem;}
#boxStrategy .swiper-pagination-bullet-active {background:var(--color1);}

/* ================================================
   진행 절차
   ================================================ */
#boxSteps {width:100%;text-align:center;position:relative;}
#boxSteps .steps-grid {margin:0 auto;display:grid;grid-template-columns:repeat(6,1fr);gap:32px;}
#boxSteps .step-card {position:relative;}
#boxSteps .step-card .icon-wrap {width:80%;aspect-ratio:1/1;border:6px solid #dee1e6;background:#fff;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:42px;}
#boxSteps .step-card .icon-wrap img {width:50%;display:block;}
#boxSteps .step-card .num {position:absolute;top:-1rem;left:50%;transform:translateX(-50%);background:var(--color2);color:#fff;font-size:15px;font-weight:500;width:40px;height:40px;line-height:40px;border-radius:50%;}
#boxSteps .step-card h3 {font-size:1.35rem;font-weight:500;margin:20px 0 6px;}
#boxSteps .step-card p {font-size:15px;color:#555;margin:0;}
@media (max-width:1200px){#boxSteps .steps-grid {grid-template-columns:repeat(3,1fr);}}
@media (max-width:600px){#boxSteps .steps-grid {grid-template-columns:repeat(2,1fr);}}

/* ================================================
   서브 상단
   ================================================ */
#boxSub {height:300px;position:relative;overflow:hidden;}
#boxSub .bg {width:100%;height:120%;transform:translateY(-40px);animation:bgMove 3s ease-out forwards;z-index:1;}
#boxSub::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(5, 15, 35, 0);z-index:2;}
@keyframes bgMove {from{transform:translateY(-40px);}to{transform:translateY(0);}}

/* ================================================
   성공사례
   ================================================ */
#boxCase {position:relative;overflow:hidden;}
#boxCaseSub .case-card {width:80%;min-width:900px;}
#boxCaseSub .case-card .card-inner{gap:1rem;background:#fff;border-radius:.8rem;padding:1.2rem;border:1px solid #ddd;}
#boxCaseSub .case-card .card-img{width:33%;aspect-ratio:1/1.15;border-radius:1rem;margin-right:1rem;}
#boxCaseSub .case-card .card-content{flex:1;padding:1.5rem;}
#boxCaseSub .case-card .card-content > h3{font-size:2.5rem;margin:0 0 .75rem;color:var(--color1);}
#boxCaseSub .case-card .card-content > p {font-size:1.35rem;text-align:justify;line-height:2rem;height:12rem;color:#555;margin:0 0 2.5rem;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
#boxCaseSub .case-card .card-content .info-box {gap:1.5rem;}
#boxCaseSub .case-card .card-content .info-box .info-item{flex:calc(50% - 1rem);display:flex;align-items:center;gap:1rem;}
#boxCaseSub .case-card .card-content .info-box .info-item i{font-size:2rem;color:#008fd5;background:#eff2f6;border-radius:50%;overflow:hidden;text-align:center;width:5rem;height:5rem;line-height:5rem;}
#boxCaseSub .case-card .card-content .info-box .info-item p{margin:0;font-size:1.35rem;line-height:1.4;}
#boxCaseSub .case-card .card-content .info-box .info-item strong{display:block;color:#0c217d;font-size:1.1rem;}

#boxCaseSub .swiper-button-next,.swiper-button-prev{color:#2a2a72;transition:.3s;}
#boxCaseSub .swiper-button-next:hover,.swiper-button-prev:hover{color:#000;}
#boxCaseSub .swiper-pagination-bullet{background:#ccc;opacity:.8;}
#boxCaseSub .swiper-pagination-bullet-active{background:#2a2a72;}

/* ================================================
   성공사례 블로그
   ================================================ */
#boxCasesBlog {background:var(--color4);overflow:hidden;}
#boxCasesBlog .inner {gap:1rem;}
#boxCasesBlog .card {flex:0 0 calc(20% - 1rem);min-width:280px;background:#fff;border:1px solid #d5e3f3;border-radius:1rem;padding:2.5rem;text-align:left;position:relative;overflow:hidden;}
#boxCasesBlog .card::before {content:'';position:absolute;top:0;left:0;z-index:1;width:100%;height:0;background:var(--color1);color:#fff;transition:0.5s;}
#boxCasesBlog .card .cardSub {position:relative;z-index:10;}
#boxCasesBlog .card .icon{font-size:1.75rem;width:4.4rem;height:4.4rem;line-height:4.4rem;border-radius:50%;text-align:center;margin-bottom:1.5rem;color:#fff;background:var(--color1);}
#boxCasesBlog .card h3{font-size:1.35rem;font-weight:600;margin-bottom:10px;}
#boxCasesBlog .card p{font-size:1.15rem;color:#777;line-height:1.4;margin-bottom:1rem;font-weight:400;}
#boxCasesBlog .card .price {margin-top:1rem;font-weight:600;color:#1e40af;font-size:1.5rem;}
#boxCasesBlog .card .btn{position:relative;display:block;width:100%;padding:0 1.5rem;background:#f3f4f6;font-weight:normal;border-radius:.5rem;font-size:1rem;height:3rem;color:#111;text-decoration:none;transition:0.2s;text-align:left;}
#boxCasesBlog .card .btn:hover{color:var(--color1);}
#boxCasesBlog .card .btn i {position:absolute;top:0;right:1.5rem;line-height:3rem;}
#boxCasesBlog .card:hover::before {height:100%;}
#boxCasesBlog .card:hover .icon {background:#fff;color:var(--color1);}
#boxCasesBlog .card:hover h3 {color:#fff;}
#boxCasesBlog .card:hover p {color:rgba(255,255,255,.75);}

/* ================================================
   푸터
   ================================================ */
#boxFooter {background:#191919;color:rgba(255,255,255,.75);text-align:center;padding:80px 0;font-size:1.1rem;}
#boxFooter .bottomLogo {height:3.4rem;filter: brightness(0) invert(1);opacity:.75;margin-bottom:.5rem;}
#boxFooter .boxFooterLink a { color:#fff;font-size:1.1rem;line-height:3.4rem;margin:0 .75rem;}
#boxFooter .boxFooterLink a.privacy {color:rgb(32, 202, 110);}
#boxFooter p {display:block;padding:1rem 0;line-height:1.8;}
#boxFooter .boxFooterCopyright {line-height:3.4rem;}

.mgt {border-top:.5rem solid #fff;}
.mgb {border-bottom:.5rem solid #fff;}