@charset "utf-8";

:root {
  --color1: #c19d68;
  --color2: #1e1e1e;
  --color3: #f8f6f3;
  --color4: #1e1e1e;
  --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-Regular', sans-serif;background:#fff;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-Regular', 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-Regular', sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Pretendard-Regular', 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 { max-width:1340px; min-width:1200px; margin:0 auto; }

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

.title {text-align:center;color:var(--color2);margin-bottom:3.5rem;}
.title span {display:inline-block;color:var(--color1);margin-bottom:2rem;text-transform: uppercase;font-size:1.15rem;letter-spacing:.1rem;}
.title strong {display:block;font-weight:normal;font-size:2.4rem;font-weight:500;font-family: 'JalnanGothic';}
.title p {display:block;color:rgba(255,255,255,.5);font-size:1.15rem;margin-top:1.5rem;}

#boxTop {width:100%;position:fixed;top:0;left:0;z-index:1000;min-width:1380px;padding:0 2.5rem;}
#boxTop .boxMenu {flex:1;}
#boxTop .boxMenu .mn {margin-left:3rem;color:#fff;line-height:100px;font-size:1.15rem;cursor:pointer;}
#boxTop .boxMenu .mn:hover {color:var(--color1);}
#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;}
@keyframes swing {0% {transform: rotate(-20deg);}100% {transform: rotate(15deg);}}

#boxMimg {position:relative;overflow:hidden;}
#boxMimg .swiper-slide,
#boxMimg .swiper-slide-sub {position:relative;height:100vh;}
#boxMimg .swiper-slide .swiper-slide-sub::before {content: "";position: absolute;top: 0;left: 0;height: 100%;width: 100%;background: rgba(0,0,0,.35);z-index:10;}
#boxMimg .swiper-slide .boxMimg_Text { color:#fff; margin:0 auto; text-align:left; z-index:20; position:relative; }
#boxMimg .swiper-slide .boxMimg_Text .tit {font-size:1.5rem;margin-bottom:1.5rem;text-align:left;}
#boxMimg .swiper-slide .boxMimg_Text .tit span {display:inline-block;line-height:3rem;background:var(--color1);color:#fff;padding:0 1.5rem;border-radius:1.5rem;}
#boxMimg .swiper-slide .boxMimg_Text .con {font-family: 'JalnanGothic'; font-size:4rem;}
#boxMimg .swiper-slide .boxMimg_Text .list {margin:2rem auto 0 auto;}
#boxMimg .swiper-slide .boxMimg_Text .list li {display:inine-block;margin-top:1rem;}
#boxMimg .swiper-slide .boxMimg_Text .list li span {width:90px;display:block;font-size:1.25rem;font-weight:normal;border-right:1px solid rgba(255,255,255,.25);margin-right:1rem;}
#boxMimg .swiper-slide .boxMimg_Text .list li strong {display:block;font-size:1.25rem;font-weight:normal;}
#boxMimg .swiper-button-next,
#boxMimg .swiper-button-prev {color: #fff !important;border:2px solid #fff;width:60px;height:60px;border-radius:50%;opacity:.5;transition: all 0.3s ease;}
#boxMimg .swiper-button-next:hover,
#boxMimg .swiper-button-prev:hover {opacity:1;}
#boxMimg .swiper-button-next:after,
#boxMimg .swiper-button-prev:after {font-size: 1.5rem !important;}
#boxMimg .swiper-button-prev {left:-5rem;}
#boxMimg .swiper-button-next {right:-5rem;}
#boxMimg:hover .swiper-button-prev {left:1.5rem;}
#boxMimg:hover .swiper-button-next {right:1.5rem;}

#boxMimg2 {position:relative;overflow:hidden;}
#boxMimg2 .swiper-slide,
#boxMimg2 .swiper-slide-sub {position:relative;height:100vh;}
#boxMimg2 .swiper-slide .swiper-slide-sub::before {content: "";position: absolute;top: 0;left: 0;height:100%;width: 100%;background: rgba(0,0,0,.35);z-index:10;}
#boxMimg2 .swiper-slide .boxMimg_Text {padding-left:7rem; color:#fff; margin:0 auto; text-align:left; z-index:20; position:relative; }
#boxMimg2 .swiper-slide .boxMimg_Text .tit {font-size:1.25rem;margin-bottom:1.5rem;text-align:left;}
#boxMimg2 .swiper-slide .boxMimg_Text .tit span {display:inline-block;line-height:3rem;background:var(--color1);color:#fff;padding:0 1.5rem;border-radius:1.5rem;}
#boxMimg2 .swiper-slide .boxMimg_Text .con {font-family: 'JalnanGothic'; font-size:2.5rem;}
#boxMimg2 .swiper-slide .boxMimg_Text .list {margin:2rem auto 0 auto;}
#boxMimg2 .swiper-slide .boxMimg_Text .list li {display:inine-block;margin-top:1rem;}
#boxMimg2 .swiper-slide .boxMimg_Text .list li span {width:90px;display:block;font-size:1.25rem;font-weight:normal;border-right:1px solid rgba(255,255,255,.25);margin-right:1rem;}
#boxMimg2 .swiper-slide .boxMimg_Text .list li strong {display:block;font-size:1.25rem;font-weight:normal;}
#boxMimg2 .swiper-button-next,
#boxMimg2 .swiper-button-prev {color: #fff !important;border:2px solid #fff;width:60px;height:60px;border-radius:50%;opacity:.5;transition: all 0.3s ease;}
#boxMimg2 .swiper-button-next:hover,
#boxMimg2 .swiper-button-prev:hover {opacity:1;}
#boxMimg2 .swiper-button-next:after,
#boxMimg2 .swiper-button-prev:after {font-size: 1.5rem !important;}
#boxMimg2 .swiper-button-prev {left:-5rem;}
#boxMimg2 .swiper-button-next {right:-5rem;}
#boxMimg2:hover .swiper-button-prev {left:1.5rem;}
#boxMimg2:hover .swiper-button-next {right:1.5rem;}

#boxWhy {background:var(--color4);color:#fff;font-size:1.5rem;text-align:center;}
#boxWhy .title span {display:block;}
#boxWhy .title strong {display:block;color:#fff;}
#boxWhySub {margin-top:3.5rem;}
#boxWhySub .boxWhyRound {width:16%;aspect-ratio: 1 / 1;color:rgba(255,255,255,1);border:1px solid rgb(52,52,52);}
#boxWhySub .boxWhyRound img {height:4rem;margin-bottom:1rem;}
#boxWhySub .boxWhyRound:hover {background:rgba(255,255,255,.01);}

#boxService {background:var(--color3);font-size:1.5rem;text-align:center;}
#boxService .boxServiceList {width:24%;background:#fff;border-radius:1.5rem;padding:2rem;}
#boxService .boxServiceList .boxServiceList_Top {border-bottom:1px solid #ddd; text-align:left;height:95px;}
#boxService .boxServiceList .boxServiceList_Top strong {font-weight:700;color:var(--color2);display:block;font-size:1.5rem;margin-bottom:.75rem;}
#boxService .boxServiceList .boxServiceList_Top p {display:block;font-size:1rem;color:#999;}
#boxService .boxServiceList .svContent {text-align:left;font-size:1.15rem;}
#boxService .boxServiceList .svContent .svSub {margin-top:1rem;}
#boxService .boxServiceList .svContent .svSub strong {display:block;font-weight:500;font-size:1.15rem;line-height:2rem;color:var(--color1);}
#boxService .boxServiceList .svContent .svSub strong i {margin-right:.5rem;}
#boxService .boxServiceList .svContent .svSub span {display:block;font-size:1.15rem;padding-left:1.35rem;color:var(--color4);}
#boxService .boxServiceList .btn {background:var(--color1);margin-top:1.5rem;border:0;color:#fff;font-size:1.15rem;width:100%;font-weight:500;height:3rem;border-radius:1.5rem;}

#boxProcess { position:relative; z-index:1;overflow:hidden;}
#boxProcess::before {content:'';width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;background:rgba(0,0,0,.65);}
#boxProcess .title {position:relative;z-index:3;}
#boxProcess .title strong {color:#fff;}
#boxProcess .title p {color:rgba(255,255,255,.8);}
#boxProcessSub {position:relative;z-index:3;}
#boxProcessSub .boxProcessListSub {position:relative;z-index:4;}
#boxProcessSub .boxProcessListSub::before {content:'';width:90%;height:110%;background:var(--color1);position:absolute;z-index:5;left:5%;top:-5%;}
#boxProcessSub .boxProcessListSub .boxProcessListSub_Text { text-align:left; position:relative;z-index:6;background:#fff;padding:2.5rem;height:280px;}
#boxProcessSub .boxProcessListSub .boxProcessListSub_Text .thumb {width:35%;margin-right:1.75rem;}
#boxProcessSub .boxProcessListSub .boxProcessListSub_Text .txt {flex:1;line-height:1.6;}
#boxProcessSub .boxProcessListSub .boxProcessListSub_Text .txt strong { display:block; color:var(--color1); font-size:1.5rem; font-weight:600;}
#boxProcessSub .boxProcessListSub .boxProcessListSub_Text .txt p { display:block; color:rgb(97,97,97);font-size:1.1rem; line-height:1.6;margin-top:1rem;}

#boxMimgForm {position:absolute;bottom:-1.5rem;z-index:101;left:50%;transform:translateX(-50%);background:var(--color2);padding:1.5rem 2.5rem 2.5rem 2.5rem;border-top:.25rem solid var(--color1);}
#boxFormQuick::before {content:'신용 점수 영향 없이, 지금 가능한 조건을 확인해보세요';font-family: 'Pretendard-Regular';display:block;color:rgba(255,255,255,.8);font-size:1.25rem;margin-bottom:.5rem;}
#boxFormQuick .boxFormSub { width:100%; margin:0 auto; }
#boxFormQuick .inp { flex:1; margin:0 .1rem;}
#boxFormQuick .inp input[type='text'],
#boxFormQuick .inp input[type='tel'],
#boxFormQuick .inp select { border:0; font-size:1.15rem; line-height:3rem; height:3rem; padding:0 1rem; width:100%; }
#boxFormQuick .inp .boxHp input[type='text'],
#boxFormQuick .inp .boxHp input[type='tel'] { width:30%; }
#boxFormQuick label { display:block; text-align:left; margin-top:1rem; }
#boxFormQuick .btnSubmit { position:relative; flex:1;color:#fff; background:var(--color1); font-size:1.15rem; border:0; height:3rem;}
#boxFormQuick .btnSubmit i { position: absolute; top: 50%; transform: translateY(-50%); right: 20px; opacity: 0; transition: 0.3s; animation: move 1s alternate infinite; margin-right:1.25rem; }

#boxReview { background:#1f2b38;overflow:hidden;display:none;}
#boxReview .contain .tit {margin-bottom:2rem;display:inline-block;font-family: 'Pretendard-Bold';font-size:1.35rem;text-transform: uppercase;color:var(--color1);background:linear-gradient(45deg, var(--color1) 30%, #05be8a 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
#boxReview .boxReviewLeft {display:block;color:#fff;font-size:1.5rem;}
#boxReview .boxReviewLeft span {display:block;margin-top:1rem;color:rgba(255,255,255,.5);}
#boxReview .boxReviewLeft strong {display:block;font-family:'JalnanGothic';font-size:3rem;line-height:1.4;font-weight:500;}
#boxReview .boxReviewRight {color:#fff;font-size:1.25rem;line-height:1.6;}
#boxReview .boxReviewRight .tot {margin-left:3.5rem;text-align:center;}
#boxReview .boxReviewRight .tot strong {color:#25cdc7;display:block;font-family:'JalnanGothic';font-size:3rem;font-weight:500;}

#boxReviewSub {margin-top:3.5rem;padding-bottom:50px;position:relative;}
#boxReviewSub .swiper-slide {background:#283849;padding:3rem 2rem;color:#fff;font-size:1.15rem;}
#boxReviewSub .swiper-slide strong {color:#fff;display:block;font-size:1.5rem;margin-bottom:1.25rem;font-weight:500;}
#boxReviewSub .swiper-slide p {color:rgba(255,255,255,.5);font-size:1.1rem;line-height:1.6rem;display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: calc(1.6rem * 4);word-break: break-word;}
#boxReviewSub .swiper-slide span {display:block;color:#fff;margin-top:1.5rem;}
#boxReviewSub .swiper-button-next,
#boxReviewSub .swiper-button-prev {color:#1f2b38;background:rgba(255,255,255,.35);padding:.75rem 0;width:100px;bottom:0;top:auto;transition: all 0.3s ease;}
#boxReviewSub .swiper-button-next:hover,
#boxReviewSub .swiper-button-prev:hover {background:#fff;}
#boxReviewSub .swiper-button-next:after,
#boxReviewSub .swiper-button-prev:after {font-size: 1.75rem;}
#boxReviewSub .swiper-button-prev,
#boxReviewSub .swiper-rtl .swiper-button-next {left:auto;right:102px;}
#boxReviewSub .swiper-button-next,
#boxReviewSub .swiper-rtl .swiper-button-prev {left:auto;right:0;}

#boxState {background:#283849; text-align:center; }
#boxState .boxStateLeft {width:40%;}
#boxState .boxStateLeft .boxStateLeft_Image {border-radius:1rem;overflow:hidden;width:100%;height:100%;}
#boxState .boxStateLeft .boxStateLeft_Image span {display:block;width:100%;height:100%;}
#boxState .boxStateRight {flex:1;margin-left:110px;}
#boxState .boxStateRight .ListStateTitle {display:block;color:#fff;font-size:1.5rem;text-align:left;}
#boxState .boxStateRight .ListStateTitle span {margin-bottom:2rem;display:inline-block;font-family: 'Pretendard-Bold';font-size:1.35rem;text-transform: uppercase;color:var(--color1);background:linear-gradient(45deg, var(--color1) 30%, #05be8a 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
#boxState .boxStateRight .ListStateTitle strong {display:block;font-family:'JalnanGothic';font-size:3rem;line-height:1.4;font-weight:500;}
#boxState .boxStateRight .boxbtnWrite {margin-top:2rem;text-align:left;color:#fff;font-size:1.15rem;line-height:3.6rem;}
#boxState .boxStateRight .boxbtnWrite .btnWrite {background:var(--color1);color:#fff;font-size:1.15rem;line-height:3.6rem;padding:0 2.5rem;border:0;border-radius:.25rem;margin-right:1.5rem;}
#boxState .boxStateRight .boxbtnWrite i {margin-right:1rem;}
#boxState .boxStateRight .ListStateContent {background:#1f2b38;border-radius:1rem;padding:2.5rem;margin-top:2rem;}
#ListState { height: calc(2.2rem * 9); overflow:hidden;}
#ListState .swiper-slide { text-align:left; color:#ccc; font-size:1.15rem; line-height:2.2rem; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#ListState .swiper-slide i {margin-right:1rem;color:var(--color1);line-height:2.2rem; }

/* ================================================
   자주하는 질문
   ================================================ */
#boxFaqList {position:relative;}
#boxFaqList dl { display:block;overflow:hidden;}
#boxFaqList dl dt { color:#666;font-weight:500;text-align:left;letter-spacing:-1px;cursor:pointer;font-size:1.35rem;line-height:3rem;height:3rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:relative;}
#boxFaqList dl dt span {color:var(--color1);font-style:normal;font-weight:bold;margin-right:1rem;}
#boxFaqList dl dt em {margin-right:1rem;color:var(--color1);font-style:normal;}
#boxFaqList dl dt i { position:absolute;right:2rem;line-height:4rem;height:4rem;font-size:1.35rem;color:var(--color1);}
#boxFaqList dl dd {width:100%;display:none;padding:1rem 2rem 2rem 2rem;text-align:left;font-size:1.15rem;line-height:1.6;color:#666;}
#boxFaqList dl.on dt {color:var(--color1);}
#boxFaqList dl.on dd { display:block;}
#boxFaqList dl dd img { display:block;max-width:100%;}

#boxWrite {background:var(--color3);}
#boxWrite .boxWriteLeft {width:50%;display:block;}
#boxWrite .boxWriteLeft .title {text-align:left;}
#boxWrite .boxWriteLeft .title p {color:rgba(0,0,0,0.5);}

#boxWrite .boxWriteRight {width:45%;}
#boxWrite .boxWriteRight .boxWriteRightSub {font-size:1.15rem; background:var(--color2); color:#fff;padding:2.5rem;}
#boxWrite .boxWriteRight .boxWriteRightSub h3 {display:block;text-align:center;font-weight:500;font-size:1.75rem;margin-bottom:1.5rem;}
#boxWrite .boxWriteRight .inp {width:100%; margin-bottom:.75rem;}
#boxWrite .boxWriteRight .inp input[type='text'],
#boxWrite .boxWriteRight .inp input[type='tel'],
#boxWrite .boxWriteRight .inp select {color:#fff; border:1px solid rgba(255,255,255,.25); line-height:4rem; height:4rem; padding:0 1.5rem; width:100%; background:var(--color2);}
#boxWrite .boxWriteRight .inp .boxHp input[type='text'],
#boxWrite .boxWriteRight .inp .boxHp input[type='tel'] { width:30%; }
#boxWrite .boxWriteRight label { display:block; text-align:left; margin-top:1.25rem; }
#boxWrite .boxWriteRight .btnSubmit { position:relative; width:100%;color:#fff; background:var(--color1); border:0; height:4rem;margin-top:2rem;}
#boxWrite .boxWriteRight .btnSubmit i { position: absolute; top: 50%; transform: translateY(-50%); right: 20px; opacity: 0; transition: 0.3s; animation: move 1s alternate infinite; margin-right:1.25rem; }
#boxWrite .boxWriteRight .inp input::placeholder,
#boxWrite .boxWriteRight .inp select::placeholder,
#boxWrite .boxWriteRight .inp textarea::placeholder {color:#fff;}
#boxWrite .boxWriteRight .magic-checkbox:checked + label:before {border: var(--color1); background: var(--color1);}

#boxCiWrap {background:var(--color1);z-index:0;} 
#boxCiWrap .contain {position:relative;z-index:1;}
#boxCiWrap .contain .boxBottomInfo {position:absolute;top:0;left:0;width:410px;height:740px;padding:3rem 2.5rem;color:#fff;background:#272727;z-index:3;text-align:left;}
#boxCiWrap .contain .boxBottomInfo span {display:block;font-size:1.35rem;margin-bottom:.35rem;color:rgba(255,255,255,.65);}
#boxCiWrap .contain .boxBottomInfo strong {display:block;font-family: 'JalnanGothic';font-size:1.5rem;font-weight:normal;margin-bottom:2rem;}
#boxCiWrap .contain .boxBottomInfo strong a {font-size:1.35rem;color:var(--color1);}
#boxCiWrap .contain .boxBottomInfo p {display:block;line-height:1.6;color:#acacac;}

#boxCi { padding:2.5rem 0; overflow:hidden;padding-left:410px;}
#boxCi .swiper-slide { display:flex; align-items:center; justify-content:center; height:5rem; width:auto; padding:0 3rem;}
#boxCi .swiper-slide img { display:block; margin:0 auto; filter: brightness(0) invert(1); max-height:3rem;}

#boxLink {margin:1.5rem 0;}
#boxLink a { display:block;text-align:left;color:#ccc;line-height:1.6;}
#boxLink a:hover {color:var(--color1);}
#boxLink a::before {content:'·';display:inline-block;margin-right:.5rem;}

#boxEx {background:#1e1e1e;color:rgba(255,255,255,.5);padding:1.5rem;line-height:1.4;text-align:justify;}

#boxFooter { background:#1e1e1e; line-height:1.5; color:#acacac; font-size:1rem; padding:100px 0 0; height:580px;}
#boxFooter .boxFooterBlank {width:37.5%;}
#boxFooter .boxRight{flex:1;}
#boxFooter .point {font-size:1.5rem;font-weight:normal;display:block;}
#boxFooter .logo { font-family: 'GmarketSansBold'; font-size:1.75rem; margin-bottom:1rem; }
#boxFooter .boxLeft .boxFooterCompany {font-size:1.75rem;margin-bottom:1rem;}
#boxFooter .boxLeft .boxFooterCompany strong {display:block;}
#boxFooter .boxLeft strong {font-size:1.75rem;font-weight:normal;}

#boxCopy { background:#161616; color:#acacac; text-align:center; padding:1.5rem 0 2.5rem 0; }

#top_btn {position:fixed;bottom:100px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:10000;background:rgba(255,255,255,0.5)}
#top_btn:hover {border-color:var(--color1);background:var(--color1);color:#fff}

.boxForm { background:#fff; width:80%; margin:0 auto; max-width:600px; padding:2em; }
.boxButton { border-bottom:1px solid #ddd; line-height:60px; display:flex; justify-content:space-between; }
.boxButton a,
.boxButton button { display:block; width:80px; font-size:32px; font-family:'Pretendard-Light'; border:0; background:transparent; }
.boxButton strong { display:block; font-size:24px; font-family:'Pretendard-Light'; color:#333; text-align:center; margin:0 auto; }

#wForm .point { color:#ff0000; font-size:.95rem; margin-top:.5rem; text-align:center; }
#wForm .boxFormSub { width:100%; margin:0 auto; }
#wForm .inp { width:100%; margin-top:.75rem; }
#wForm .inp span { display:block; font-size:1rem; line-height:2rem; }
#wForm .inp input[type='text'],
#wForm .inp input[type='tel'],
#wForm .inp select { border:1px solid #ddd; font-size:18px; line-height:2.8rem; height:2.8rem; padding:0 1rem; width:100%; }
#wForm .inp .boxHp input[type='text'],
#wForm .inp .boxHp input[type='tel'] { width:30%; }
#wForm .inp .boxHp em { width:10px; height:2px; background:#aaa; display:block; position:relative; top:22px; }
#wForm .inp label { display:inline-block; text-align:left; margin-right:1.5rem; margin-top:.5rem; }
#wForm .btnSubmit { position:relative; width:100%; color:#202020; background:#e5a430; font-size:1rem; border:0; height:3rem; line-height:3rem; margin-top:1rem; }
#wForm .btnSubmit i { position: absolute; top: 50%; transform: translateY(-50%); right: 20px; opacity: 0; transition: 0.3s; animation: move 1s alternate infinite; margin-right:1.25rem; }

#boxFormFix { position:fixed; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.75); z-index:1000; display:block; padding:20px; }
#boxFormFix .boxFormSub { width:100%; margin:0 auto; }
#boxFormFix .inp { width:19%; }
#boxFormFix .inp input[type='text'],
#boxFormFix .inp input[type='tel'],
#boxFormFix .inp select { border:1px solid #ddd; font-size:1rem; line-height:2.8rem; height:2.8rem; padding:0 1rem; width:100%; border-radius:3px; }
#boxFormFix .inp .boxHp input[type='text'],
#boxFormFix .inp .boxHp input[type='tel'] { width:30%; }
#boxFormFix .inp .boxHp em { width:10px; height:2px; background:#aaa; display:block; position:relative; top:22px; }
#boxFormFix .inp label { display:inline-block; text-align:left; margin-right:1.5rem; margin-top:.5rem; }
#boxFormFix .btnSubmit { position:relative; width:19%; color:#fff; background:linear-gradient(#467ce0, #1d4ecf); font-size:1rem; border:0; height:3rem; line-height:3rem; border-radius:3px; }

@keyframes move-forever { 
	0% { transform: translate3d(-90px,0,0); } 
	100% { transform: translate3d(85px,0,0); }
}
@keyframes bounce1 {
	0% { transform: translateY(0); }
	50% { transform: translateY(20px); }
	100% { transform: translateY(0); }
}
@keyframes bounce2 {
	0% { transform: translateY(0); }
	50% { transform: translateY(-20px); }
	100% { transform: translateY(0); }
}
