@import url("https://pro.fontawesome.com/releases/v6.0.0-beta1/css/all.css");#wrap {padding-bottom: 6rem;}


/* footer */
.sec_footer {bottom: 0;left: 0;background: #fff;width: 100%;z-index: 10;border-top: 2px solid #ccc;}
.footer {display: flex;align-items: center;justify-content: space-evenly;height: 6.3rem;}
.footer > div {width: 33.33%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.footer > div p {font-size: 1.2rem;font-weight: 600;color: #999;width: 100%;text-align: center;padding-top: .4rem;}
.footer .footer_btn > a {display: flex;flex-direction: column;align-items: center;}
.footer .footer_btn.active p {color: #333;}
.footer .footer_btn.active img {opacity: 100%;}
.sec_maring{margin-bottom: 4rem;}
.footer>div img {width:3rem; opacity:1}
.footer .footer_btn.active p {background: linear-gradient(to right top, #d7dc00, #95c31b);color: transparent;-webkit-background-clip: text;}


/* header */
header {display: flex;justify-content: space-between;align-items: center;padding: 0 1.5rem;height: 6rem;border-bottom: 1px solid #d0d0d0;}
header .prev {height: 2rem;width: 2rem;background: url('../img/prev.png') no-repeat center/contain;}
header .dummy {height: 2rem;width: 2rem;}
header .logo {display: none;}
header .logo img {height: 4rem;}
header h1 {font-size: 1.8rem;font-weight: bold;}
header.on h1 {display: none;}
header.on .prev {display: none;}
header.on .dummy {display: none;}
header.on .logo {display: block;}
.banner_wrap {position: relative;}
.banner_wrap > img {width: 100%;}
.banner_wrap span {position: absolute;left: 0;bottom: 1rem;display: flex;justify-content: space-between;width: 100%;padding: 0 1.5rem;}
.banner_wrap a {width:30%;display: block;}
.banner_wrap a img {width: 100%;}
.map_banner img {width: 100%;}footer {position: fixed;bottom: 0;left: 0;width: 100%;z-index: 10;background: #fff;height: 6rem;box-shadow: 0 -1px 1rem #ddd;}footer ul {display: flex;height: 100%;}footer ul li {width: 100%;}footer ul li a {position: relative;width: 100%;height: 100%;display: block;text-align: center;font-size: 1.3rem;font-weight: 600;display: flex;justify-content: center;align-items: end;color: #ccc;padding-bottom: .75rem;}footer ul li a::before {content: "";width: 4rem;height: 4rem;bottom: 1.7rem;left: 50%;transform: translateX(-50%);position: absolute;}footer ul li a.active::after {content: "";width: 4rem;height: .3rem;background-color: #5261a4;position: absolute;left: 50%;top: 0;transform: translateX(-50%);}footer ul li:nth-of-type(1) a::before { background: url('../img/icon_1-1.png') no-repeat center/contain; }footer ul li:nth-of-type(2) a::before { background: url('../img/icon_2-1.png') no-repeat center/contain; }footer ul li:nth-of-type(3) a::before { background: url('../img/icon_3-1.png') no-repeat center/contain; }footer ul li:nth-of-type(4) a::before { background: url('../img/icon_4-1.png') no-repeat center/contain; }footer ul li:nth-of-type(1) a.active::before { background: url('../img/icon_1-2.png') no-repeat center/contain; }footer ul li:nth-of-type(2) a.active::before { background: url('../img/icon_2-2.png') no-repeat center/contain; }footer ul li:nth-of-type(3) a.active::before { background: url('../img/icon_3-2.png') no-repeat center/contain; }footer ul li:nth-of-type(4) a.active::before { background: url('../img/icon_4-2.png') no-repeat center/contain; }footer ul li a.active {color: #5261a4;}
.info_wrap {padding: 1rem 1.5rem;border-bottom:1px solid #ddd;}
.info_wrap p {font-size: 1.4rem;}
.info_wrap .housefirst {display:flex;font-size: 1.6rem;align-items:center;}
.info_wrap .housefirst p:nth-child(1){background: #5565a6;margin-right: 0.5rem;border-radius:10rem;padding: .4rem .8rem;color: #fff;}
.info_wrap .housefirst p:nth-child(2){color: #444;}
.info_wrap .housemiddle {padding: .5rem 0;}
.info_wrap .housemiddle a {font-size: 1.6rem;font-weight: bold;line-height: 1.4;color: #000;}
.info_wrap .houselast{display:flex;align-items:center;}
.info_wrap .houselast p:nth-child(1){background: #a7c903;margin-right: 0.5rem;border-radius:10rem;padding: .4rem .8rem;color: #fff;}
.info_wrap .houselast p:nth-child(2){color: #666;}
.menu {background-color: #f7f7f7;padding: 1.5rem;min-height: calc(100vh - 12rem);}
.menu ul li pre {display: none;border: 1px solid #ddd;border-bottom: none;padding: 1.5rem 2rem;font-size: 1.6rem;background-color: #edf3f7;color: #949495;line-height: 1.4;}
.menu ul li:last-of-type pre {border-bottom: 1px solid #ddd;border-top: none;}
.menu ul li.on pre {display: block;}
.menu ul {background-color: #fff;}
.menu a {border: 1px solid #ddd;border-bottom: none;padding:1.5rem 2rem;font-weight: 500;font-size: 1.6rem;display: block;background: url('../img/icon_5.png') no-repeat calc(100% - 1rem) 50%/3rem;}
.menu .li_1 > p {border: 1px solid #ddd;border-bottom: none;padding:1.5rem 2rem;padding-right: 4rem;line-height: 1.2;font-weight: 500;font-size: 1.6rem;color: #363130;background: url('../img/icon_6-1.png') no-repeat calc(100% - 1rem) 50%/3rem;}
.menu li:last-of-type p {border-bottom: 1px solid #ddd;}
.menu li:last-of-type .ul_2 li:first-of-type a {border-top: none;}
.menu li:last-of-type .ul_2 li:last-of-type a {border-bottom: 1px solid #ddd;}
.menu .li_1.on > p {color: #5565a6;font-weight: bold;background: url('../img/icon_6-2.png') no-repeat calc(100% - 1rem) 50%/3rem;}
.menu .li_1 .ul_2 {display: none;}
.menu .li_1 .ul_2 a {background-color: #edf3f7;color: #949495;}
.menu .li_1.on .ul_2 {display: block;}
.recommend {font-size: 2.2rem;font-weight: bold;padding: 3rem 1.5rem 1rem;}
.return {font-size: 1.6rem;font-weight: bold;padding: 1rem;margin: 1.5rem 5rem 2rem;color: #5261a4;border: .2rem solid #5665a6;border-radius: 10rem;text-align: center;}
.point_wrap {padding: 1.2rem 4rem 1.2rem 1.8rem !important;display: flex;align-items: baseline;width: 100%;}
.point {display: block;font-size: 1.2rem;color: #fff;padding: .5rem 1.2rem;background-color: #5968a8;border-radius: 10rem;margin-right: 1rem;white-space: nowrap;}
.top {display: flex;justify-content: space-between;align-items: center;padding: 1.5rem 1.5rem 1rem;}
.allCount {color: #999;font-size: 1.6rem;}
.checkbox {display: flex;align-items: center;margin-right: 2rem;position: relative;}
.checkbox input + label::before {content: "✓";position: absolute;right: -3rem;font-size: 1.4rem;margin-right: 0.5rem;color: #aaa;font-weight: normal;width: 1.7rem;height: 1.7rem;border: 1px solid #aaa;border-radius: .3rem;display: flex;justify-content: center;align-items: center;}
.checkbox label {cursor: pointer;font-size: 1.4rem;color: #aaa;font-weight: normal;display: flex;justify-content: space-between;align-items: center;}
.checkbox input:checked + label {color: #111;}
.checkbox input:checked + label::before {background-color: #5565a6;border: 1px solid #5565a6;color: #fff;font-weight: bold;}



/* 체크박스를 감춥니다 */
.checkbox input {position: absolute;clip: rect(0, 0, 0, 0);height: 1px;width: 1px;border: 0;overflow: hidden;}



/* .allCount {color: #999;font-size: 1.6rem;}
.checkbox {display: flex;justify-content: end;}
.checkbox input:checked ~ label {font-weight: 600;color: #1b2020;}
.checkbox input {position: absolute !important;clip: rect(0, 0, 0, 0);height: 1px;width: 1px;border: 0;overflow: hidden;}
.checkbox label {background-color: #f3f3f3;color: rgba(0, 0, 0, 0.6);font-size: 1.4rem;line-height: 1;text-align: center;padding: .5rem 1rem;margin-right: -1px;border: 1px solid rgba(0, 0, 0, 0.2);transition: all 0.1s ease-in-out;border-radius: .2rem;margin-right: .1rem;}
.checkbox input:checked ~ label {background:#5968a8;color: #fff;}
 */