#wrap {}

#header {z-index: 99}
#header .pcHeader {padding-top: 2.4rem;}
#header .pcHeader .inner {max-width: 96.875%; background: rgba(255, 255, 255, 0.68); border-radius: 6.3rem; padding: 4.2rem 7.2rem; gap: 7.3rem;}
#header .pcHeader .logo {width: 30.5rem}
#header .pcHeader .logo a {}
#header .pcHeader .gnb {gap: 7rem;}
#header .pcHeader .gnb li {}
#header .pcHeader .gnb li a {}
#header .pcHeader .linkBtn {top: 80%;}
#header .pcHeader .linkBtn.btnA {right: 16.5%;}
#header .pcHeader .linkBtn.btnB {right: 9%;}
#header .moHeader .telBtn {width: 15rem; height: 5rem; top: 1rem; left: 22rem;}

.pcArea .s1 {}
.pcArea .s2 {background: #f1f1f1;}
.pcArea .s3 {}
.pcArea .s4 {background: #fdfdfb;}
.pcArea .s5 {}
.pcArea .s6 {background: #f1f1f1;}
.pcArea .s7 {}
.pcArea .s8 {}
.pcArea .s9 {}
.pcArea .s10 {}
.pcArea .s11 {}

.moArea .s1 {}
.moArea .s2 {}
.moArea .s3 {}
.moArea .s4 {}
.moArea .s5 {background: #f1f1f1;}
.moArea .s6 {}
.moArea .s7 {}
.moArea .s8 {}
.moArea .s9 {}
.moArea .s10 {}
.moArea .s11 {background: #393939;}

.formArea {background: #393939; padding: 17rem 0;}
.formArea .inner {max-width: 142.4rem; margin: 0 auto; justify-content: space-between;}
.formArea .txtArea {}
.formArea .txtArea .tit {}
.formArea .txtArea .wrt {margin: 5rem 0; line-height: 3.3rem;}
.formArea .txtArea .callBtn {display: inline-block; color: #7E674B; background: #fff; width: 37.2rem; height: 7.3rem; text-align: center; padding-top: 0.2rem; border-radius: 0.9rem;}
.formArea .form {margin-right: 14rem; max-width: 41.6rem; padding-top: 2rem;}
.formArea .form .logo {margin-bottom: 5.8rem}
.formArea .form .inp {border-radius: 0.8rem; background-color: rgba(255, 255, 255, 0); border: 0.1rem solid #707070; backdrop-filter: blur(30px) brightness(1.45); -webkit-backdrop-filter: blur(30px) brightness(1.45); height: 7.6rem; width: 100%; color: #fff; font-size: 2.4rem; padding: 0 3rem; font-family: inherit; font-weight: 300;}
.formArea .form .inp + .inp {margin-top: 2.5rem}
.formArea .form .inp::placeholder {color: #B9B9B9}
.formArea .form .inp:focus-visible {outline: none; border: 1px solid #fff}
.formArea .form input[type='checkbox'] {margin: 0; width: 2.1rem; height: 2.1rem;}
.formArea .form .agree {display: flex; align-items: center; gap: 1rem; margin-top: 1.3rem;}
.formArea .form .agree .txt {}
.formArea .form .submitBtn {display: inline-block; color: #7E674B; background: #fff; width: 100%; height: 7.3rem; text-align: center; border-radius: 0.9rem; margin-top: 6.5rem}

@media all and (max-width:880px){
    .formArea {padding: 1.5rem 0 8rem;}
    .formArea .inner {max-width: 87.69%; flex-direction: column;}
    .formArea .txtArea {}
    .formArea .txtArea .tit {font-size: 5.9rem;}
    .formArea .txtArea .wrt {font-size: 1.7rem; text-align: center; line-height: 2.8rem; margin: 2rem 0 2.6rem;}
    .formArea .txtArea .callBtn {font-size: 4rem; width: 25rem; height: 6rem; border-radius: 3.6rem; display: block; margin: 0 auto;}
    .formArea .form {margin: 0; padding-top: 3rem;}
    .formArea .form .logo {display: none;}
    .formArea .form .inp {height: 6.3rem; border-radius: 3.2rem; padding: 0 2.5rem;}
    .formArea .form .inp + .inp {margin-top: 2.2rem}
    .formArea .form input[type='checkbox'] {width: 1.8rem; height: 1.8rem; top: 0.5rem;}
    .formArea .form .agree {justify-content: center; margin-top: 2.2rem; gap: 0.7rem; align-items: baseline; align-items: flex-start;}
    .formArea .form .agree .txt {line-height: 2.5rem; font-size: 1.6rem; font-weight: 300;}
    .formArea .form .submitBtn {font-size: 4rem; width: 25rem; height: 6rem; border-radius: 3.6rem; margin: 3rem auto 0; display: block;}
}


.fixForm {bottom: 0; background: #B8860B; width: 100%; padding: 5rem 0; transition: transform 0.4s ease-in-out; transform: translateX(-50%) translateY(100%); left: 50%; z-index: 9999}
.fixForm.active {transform: translateX(-50%) translateY(0);}
.fixForm .topBtn {width: 25rem; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); }
.fixForm .inner {display: flex; justify-content: center; align-items: flex-start; gap: 4.5rem;}
.fixForm .inner .ipArea {display: flex; flex-direction: column; gap: 1.5rem}
.fixForm .inner .ipLine {display: flex; gap: 1.5rem;}
.fixForm .inner input[type='text'] {height: 5rem; padding: 0 2.5rem; font-size: 1.7rem; background: #fff; border-radius: 2.5rem; width: 28rem; font-family: inherit; color: #000}
.fixForm .inner input[type='text']::placeholder {color: #555}
.fixForm .inner input[type='text']:focus-visible {outline: none; border: 1px solid #ccc}
.fixForm .inner button {font-size: 2.4rem; font-weight: bold; padding: 0.8rem 0; background: #fff; border-radius: 2.5rem; width: 16rem;}
.fixForm .inner .agree {gap: 0.8rem; font-size: 1.3rem;}
.fixForm .inner .agree label {line-height: normal;}

@media all and (max-width:880px){
    .fixForm {padding: 3rem 2rem;}
    .fixForm.active {}
    .fixForm .topBtn {width: 24rem;}
    .fixForm .inner {flex-direction: column; gap: 1.6rem;}
    .fixForm .inner .ipArea {width: 100%}
    .fixForm .inner .ipLine {flex-direction: column; gap: 1rem; width: 100%}
    .fixForm .inner input[type='text'] {height: 4.8rem; padding: 0 1.8rem; font-size: 1.8rem; border-radius: 4rem; width: 100%;}
    .fixForm .inner input[type='text']::placeholder {color: #A4AAB1}
    .fixForm .inner button {padding: 1rem 0; border-radius: 1.4rem; width: 100%;}
    .fixForm .inner .agree {justify-content: center; gap: 0.3rem; font-size: 1.8rem;}
    .fixForm .inner .agree label {line-height: normal;}
}

.floatPc {z-index: 999; right: 4rem; top: 55%;}
.floatPc .lst {background: #fff; padding: 3.5rem 0.6rem; border-radius: 5.1rem; box-shadow: 0 0.3rem 0.6rem rgba(0,0,0,0.16)}
.floatPc .lst li {}
.floatPc .lst li + li {padding-top: 1.4rem; margin-top: 1.4rem;}
.floatPc .lst li + li::before {content: ''; display: block; position: absolute; width: 5.8rem; background: #C9CDD2; top: 0; left: 50%; transform: translateX(-50%); height: 1px}
.floatPc .lst li a {display: flex; flex-direction: column; align-items: center; gap: 0.45rem; color: #555; font-weight: 500;}
.floatPc .lst li a img {}
.floatPc .top {display: block; border-radius: 50%; box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16); margin-top: 1.6rem}
.floatMo {display: none;}

@media all and (max-width:880px){
    .floatPc {display: none;}
    .floatMo {z-index: 999; position: fixed; top: 10rem; right: 1.6rem; display: flex; flex-direction: column; align-items: center; gap: 1.5rem;}
    .floatMo .top {width: 5rem;}
    .floatMo .top img {filter: drop-shadow(3px 3px 6px rgba(0,0,0,0.16));}
    .floatMo .plus {width: 5rem;}
    .floatMo .plus img {filter: drop-shadow(3px 3px 6px rgba(0,0,0,0.16));}
    .floatMo .lst {box-shadow: 0 3px 6px rgba(0,0,0,0.16); background: #fff; border-radius: 5rem; padding: 2rem 0.8rem; display: none}
    .floatMo .lst li {width: 3.4rem}
    .floatMo .lst li + li {margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #C9CDD2}
    .floatMo .lst li a {display: block;}
    .floatMo .lst li a img {width: 1.9rem; margin: 0 auto}
}



#pcBottom {}
#pcBottom .inner {}
#pcBottom .txtArea {width: 50%; padding: 12.2rem 5.2rem 0 24.8rem;}
#pcBottom .txtArea .info_box h3 {font-size: 3rem; line-height: 1; color: #555; font-weight: bold; padding-bottom: 1.5rem; margin-bottom: 2rem; border-bottom: 0.03rem solid #707070;}

#pcBottom .txtArea .info_01 {margin-bottom: 3.5rem;}
#pcBottom .txtArea .info_01 p {font-size: 2rem; line-height: 3rem; margin-bottom: 1.5rem;}
#pcBottom .txtArea .info_01 p b {font-weight: bold;}
#pcBottom .txtArea .info_01 strong {font-size: 5rem; line-height: 1; font-weight: bold; color: #0079C7;}

#pcBottom .txtArea .info_02 .time {margin-bottom: 1.5rem;}
#pcBottom .txtArea .info_02 .time li {display: flex; align-items: center;}
#pcBottom .txtArea .info_02 .time li span {width: 7.4rem; text-align: justify; font-size: 2rem; line-height: 3.2rem; display: block; margin-right: 2.5rem; height: 3.2rem;}
#pcBottom .txtArea .info_02 .time li span:after {content: ""; display: inline-block; width: 100%;}
#pcBottom .txtArea .info_02 .time li p {font-size: 2rem; line-height: 3.2rem; width: 21.5rem; text-align: justify; height: 3.2rem;}
#pcBottom .txtArea .info_02 .time li p:after {content: ""; display: inline-block; width: 100%;}

#pcBottom .txtArea .info_02 .time li:first-child {font-weight: bold; color: #063554;}
#pcBottom .txtArea .info_02 .time li:first-child div {font-size: 1.8rem; line-height: 1; padding: 0.2rem 0.8rem; background: #063554; border-radius: 1.5rem; color: #fff; margin-left: 0.8rem;}
#pcBottom .txtArea .info_02 .prg {font-size: 1.8rem}

#pcBottom .txtArea .info_02 .map_box {margin: 2.5rem 0 10rem; width: 100%; height: 25rem; }
#pcBottom .txtArea .info_02 .map_box .root_daum_roughmap {width: 100%;}
#pcBottom .txtArea .info_02 .map_box .root_daum_roughmap .wrap_map {height: 25rem !important; border: 0.1rem solid #ddd;}
#pcBottom .txtArea .info_02 .map_box .root_daum_roughmap .cont {display: none;}
#pcBottom .txtArea .info_02 .map_box .root_daum_roughmap .map_border {display: none;}
#pcBottom .txtArea .info_02 .map_box .root_daum_roughmap .wrap_controllers {display: none;}

#pcBottom .txtArea .footer p {color: #555; font-size: 1.6rem; line-height: 2.8rem;}
#pcBottom .txtArea .footer p span {margin: 0 2rem;}
#pcBottom .txtArea .footer p.copyright {margin-top: 4rem;}
#pcBottom .txtArea .footer button {color: #555; font-size: 1.6rem; line-height: 2.8rem; font-weight: bold;}

#pcBottom .photoSwiper {overflow: hidden; width: 50%}

@media all and (max-width:88rem){
    #pcBottom .inner {flex-direction: column-reverse;}
    #pcBottom .txtArea {width: 95%; margin: 0 auto; padding: 10rem 0}
    #pcBottom .txtArea .info_box h3 {font-size: 2.5rem;}

    #pcBottom .txtArea .info_01 {margin-bottom: 4rem;}
    #pcBottom .txtArea .info_01 p {font-size: 1.6rem; line-height: 2.8rem;}
    #pcBottom .txtArea .info_01 strong {font-size: 4.2rem;}

    #pcBottom .txtArea .info_02 .time {margin-bottom: 1.5rem;}
    #pcBottom .txtArea .info_02 .time li {display: flex; align-items: center;}
    #pcBottom .txtArea .info_02 .time li span {width: 6rem; text-align: justify; font-size: 1.6rem; line-height: 2.8rem; display: block; margin-right: 1.2rem; height: 2.8rem;}
    #pcBottom .txtArea .info_02 .time li p {font-size: 1.6rem; line-height: 2.8rem; width: 16.8rem; text-align: justify; height: 2.8rem;}

    #pcBottom .txtArea .info_02 .time li:first-child div {font-size: 1rem; padding: 0.5rem 0.8rem; margin-left: 0.8rem;}
    #pcBottom .txtArea .info_02 .prg {font-size: 1.4rem}

    #pcBottom .txtArea .info_02 .map_box {margin: 2.5rem 0 6rem;}

    #pcBottom .txtArea .footer {padding-bottom: 8rem;}
    #pcBottom .txtArea .footer p {font-size: 1.5rem; line-height: 2.6rem;}
    #pcBottom .txtArea .footer p span {margin: 0 1rem;}
    #pcBottom .txtArea .footer p.copyright {margin-top: 2rem;}
    #pcBottom .txtArea .footer button {font-size: 1.5rem; line-height: 2.6rem; }

    #pcBottom .photoSwiper {width: 100%;}
}