@font-face {font-family: "Pretendard-Thin"; font-weight: normal; src: url("/assets/fonts/Pretendard-Thin.woff2") format("woff2")}
@font-face {font-family: "Pretendard-Light"; font-weight: normal; src: url("/assets/fonts/Pretendard-Light.woff2") format("woff2")}
@font-face {font-family: "Pretendard-Regular"; font-weight: normal; src: url("/assets/fonts/Pretendard-Regular.woff2") format("woff2")}
@font-face {font-family: "Pretendard-Medium"; font-weight: normal; src: url("/assets/fonts/Pretendard-Medium.woff2") format("woff2")}
@font-face {font-family: "Pretendard-SemiBold"; font-weight: normal; src: url("/assets/fonts/Pretendard-SemiBold.woff2") format("woff2")}
@font-face {font-family: "Pretendard-Bold"; font-weight: normal; src: url("/assets/fonts/Pretendard-Bold.woff2") format("woff2")}
@font-face {font-family: "Pretendard-ExtraBold"; font-weight: normal; src: url("/assets/fonts/Pretendard-ExtraBold.woff2") format("woff2")}
@font-face {font-family: "Pretendard-Black"; font-weight: normal; src: url("/assets/fonts/Pretendard-Black.woff2") format("woff2")}


* {margin: 0; padding: 0; letter-spacing: -.01em; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-print-color-adjust: exact !important; print-color-adjust: exact; /* page-break-after: avoid; page-break-before: avoid; page-break-inside: avoid; break-inside: avoid-page; break-before: avoid-page; break-after: avoid-page; */ word-break: keep-all;}
html {width: 100%; height: 100%;}
body {position: relative; font-family: pretendard, "맑은 고딕", "Malgun Gothic", sans-serif; font-weight: 400; font-size: 18px; color: #222; line-height: 1.5; height: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; -webkit-print-color-adjust: exact !important; scroll-behavior: smooth;}
/* body {position: relative; font-family: pretendard, "맑은 고딕", "Malgun Gothic", sans-serif; font-weight: 400; font-size: 18px; color: #222; line-height: 1.5; height: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; -webkit-print-color-adjust: exact !important;} */
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, table, tr, th, td {margin: 0; padding: 0; font-weight: normal;}
ul, ol, li {list-style: none;}
img, fieldset {border: none; vertical-align: top;}
legend, caption {overflow: hidden; position: absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);}
textarea, button {vertical-align: middle;}
input, select {font-family: pretendard, "맑은 고딕", "Malgun Gothic", sans-serif; vertical-align: top;}
input {padding: 3px 20px; height: 50px; -webkit-appearance: none; -webkit-border-radius: 0;}
input[type="text"]::-ms-clear {display:none;}
/* input:focus, input:active {outline: none;} */
.attach_area .file_div input[readonly] {pointer-events: none;}
option {padding: 3px 10px; color: #000000;}
option:focus, option:active {outline: none;}
input:read-only {pointer-events: none;}
input[type="radio"], input[type="checkbox"] {border: 0; padding: 0; height: auto; -webkit-box-shadow: none; box-shadow: none; cursor: pointer;}
input[type="password"] {height: 40px; border: 1px solid #e5e5e5; color: #888; background: #fff; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none;}
input[type="password"]::-webkit-input-placeholder {color: #333333;}
input[type="password"]:-ms-input-placeholder {color: #333333;}
input[type="password"]::-ms-input-placeholder {color: #333333;}
input[type="password"]::placeholder {color: #333333;}
input[type="password"]:disabled {color: #999; background-color: #f3f3f3;}
input[type="password"]:read-only {color: #999; background-color: #f3f3f3;}
input[type="password"].readonly {color: #999; background-color: #f3f3f3;}
input[type="password"][readonly=readonly] {color: #999; background-color: #f3f3f3;}
input[type="text"] {background: #fff; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none;}
input[type="text"]::-webkit-input-placeholder {color: #333333;}
input[type="text"]:-ms-input-placeholder {color: #333333;}
input[type="text"]::-ms-input-placeholder {color: #333333;}
input[type="text"]::placeholder {color: #333333;}
input[type="text"]:disabled {color: #999; background-color: #f3f3f3;}
input[type="text"]:-moz-read-only {color: #999; background-color: #f3f3f3;}
input[type="text"]:read-only {color: #999; background-color: #f3f3f3;}
input[type="text"].readonly {color: #999; background-color: #f3f3f3;}
input[type="text"]:disabled + .cal_btn {opacity: .5;}
input[type="text"]:read-only + .cal_btn {opacity: .5;}
input[type="tel"] {background: #fff; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none;}
input[type="tel"]::-webkit-input-placeholder {color: #333333;}
input[type="tel"]:-ms-input-placeholder {color: #333333;}
input[type="tel"]::-ms-input-placeholder {color: #333333;}
input[type="tel"]::placeholder {color: #333333;}
input[type="tel"]:disabled {color: #999; background-color: #f3f3f3;}
input[type="tel"]:-moz-read-only {color: #999; background-color: #f3f3f3;}
input[type="tel"]:read-only {color: #999; background-color: #f3f3f3;}
input[type="tel"].readonly {color: #999; background-color: #f3f3f3;}
input[type="tel"]:disabled + .cal_btn {opacity: .5;}
input[type="tel"]:read-only + .cal_btn {opacity: .5;}
input[type="number"]::-webkit-input-placeholder {color: #333333;}
input[type="number"]:-ms-input-placeholder {color: #333333;}
input[type="number"]::-ms-input-placeholder {color: #333333;}
input[type="number"]::placeholder {color: #333333;}
input[type="number"]:disabled {color: #999; background-color: #f3f3f3;}
input[type="number"]:-moz-read-only {color: #999; background-color: #f3f3f3;}
input[type="number"]:read-only {color: #999; background-color: #f3f3f3;}
input[type="number"].readonly {color: #999; background-color: #f3f3f3;}
label {cursor: pointer;}
select {/* min-width: 160px; height: 50px; padding: 5px 40px 5px 20px; */ font-size: 18px; color: #333333; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; vertical-align: top; border: 1px solid #e5e5e5; cursor: pointer;}
select::-ms-expand {display: none;}
/* select:focus, select:active {outline: none;} */
select:disabled {color: #999; background-color: #f8f8f8; opacity: 1;}
textarea {padding: 10px 20px; font-family: "spoqa_regular", "맑은 고딕", "Malgun Gothic", sans-serif; font-size: 18px; color: #333; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; vertical-align: top; background: #fff; border: 1px solid #e5e5e5; resize: none;}
/* textarea:focus, textarea:active {outline: none;} */
textarea::-webkit-input-placeholder {color: #333333;}
textarea:-ms-input-placeholder {color: #333333;}
textarea::-ms-input-placeholder {color: #333333;}
textarea::placeholder {color: #333333;}
textarea:disabled {color: #999; background-color: #f3f3f3;}
textarea:-moz-read-only {color: #999; background-color: #f3f3f3;}
textarea:read-only {color: #999; background-color: #f3f3f3;}
a {text-decoration: none; color: #222;}
a:hover, a:focus, a:active {text-decoration: none;}
table {width: 100%; border-collapse: collapse;}
button {background: none; border: none; padding: 0; margin: 0; font-family: "spoqa_regular", "맑은 고딕", "Malgun Gothic", sans-serif; font-size: 18px; cursor: pointer; overflow: visible; white-space: nowrap;}
/* button:focus, button:active { outline: none; } */
button::-moz-focus-inner {padding: 0; border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
/* ::selection {color: #fff; background-color: #961E1E;} */

body {overflow-x: hidden;}
body.dimd {overflow: hidden;}
body.nohg {height: unset !important;}
#wrap {overflow-x: hidden;position: relative; min-width: 1700px; width: 100%; height: 100%;}
.ver_pc {display: block;}
.ver_mobile {display: none;}
.red_txt {color: #961E1E !important;}
.grey_txt {color: #727272;}
.red_dot {display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #961E1E; position: absolute !important; right: -16px; top: 0;}
.for_flex {display: flex; justify-content: space-between;}
.wh {color: #fff !important;}
.w180 {width: 180px !important;}
.w314 {width: 314px !important;}

.full_bg .pin-spacer {z-index: -1;}

@media all and (max-width:768px) {
  /* body {font-size: 16px;} */

  .ver_pc {display: none;}
  .ver_mobile {display: block;}
}

/* ------------------------------------------------------------------- 폰트 관련 공통 - Start ------------------------------------------------------------------- */

/* 폰트 */
strong {font-family: pretendard, sans-serif;}
.sub_tit {font-family: pretendard, sans-serif; color: #222; font-size: 56px !important; padding: 220px 0 80px; width: 1280px; margin: 0 auto;}
.sub_tit_copy {font-family: pretendard, sans-serif; color: #4D4D4D; font-size: 18px; padding: 0 0 80px; width: 1280px; margin: 0 auto;}
.sub_stit {font-family: pretendard, sans-serif; color: #222; font-size: 40px !important;}
.con_tit {font-family: pretendard, sans-serif; color: #222; font-size: 28px !important;}
.con_lltxt {font-family: pretendard, sans-serif; color: #222; font-size: 32px !important;}
.con_ltxt {font-family: pretendard, sans-serif; color: #222; font-size: 24px !important;}
.con_mmtxt {font-family: pretendard, sans-serif; color: #222; font-size: 20px !important;}
.con_mtxt {font-family: pretendard, sans-serif; color: #222; font-size: 16px !important;}
.con_stxt {font-family: pretendard, sans-serif; color: #222; font-size: 14px !important;}

.sub_body.mem .sub_tit {text-align: center; padding: 120px 0 80px; width: 100%;}

/* .sub_body.mem .con_mmtxt {padding-bottom: 60px;} */
/* .sub_tit + .con_tit {padding-top: 0; padding-bottom: 80px;}
.sub_tit + .con_tit + p {margin-top: -70px;}

.con_tit + .con_stxt {margin: -10px 0 40px;} */

.service_sec > .con_tit {font-family: pretendard;}
.con_tit + .chk_area {margin-top: 40px;}
.con_tit + .con_mtxt {margin-top: 40px;}
.mem .con_tit + .con_mtxt {margin-top: 30px;}
.con_tit + .con_mmtxt {margin-top: 40px;}
.con_tit + .sub_tit_copy {margin-top: 10px; font-size: 16px; padding-bottom: 40px;}
.chk_area + .con_tit {margin-top: 80px;}
.steps + .con_tit {margin-top: 80px;}

.about_cont {margin-top: 40px;}
.table_area + .con_tit {padding-top: 160px;}
.table_area + .as_info_con {padding-top: 80px;}


@media all and (max-width: 1500px) {
  .sub_tit {width: 1000px;}
  .sub_tit_copy {width: 1000px;}
}

@media all and (max-width: 1024px) {
  .sub_tit {width: 90%;}
  .sub_tit_copy {width: 90%;}
}
@media all and (max-width: 768px) {
  .sub_tit {font-size: 32px !important; width: 94%;}
  .sub_tit_copy {width: 94%; padding: 0 0 60px;}
  .sub_tit + .sub_tit_copy {font-size: 16px !important; margin-top: -40px;}
  .sub_stit {font-size: 24px !important;}
  .con_tit {font-size: 20px !important;}
  .con_lltxt {font-size: 26px !important;}
  .con_ltxt {font-size: 20px !important;}
  .con_mmtxt {font-size: 18px !important;}
  /* .con_mtxt {font-size: 16px !important;} */
  /* .con_stxt {font-size: 12px !important;} */

  .con_tit + .chk_area {margin-top: 30px;}
  .mem .con_tit + .con_mtxt {margin-top: 20px;}
  .about_cont {margin-top: 30px;}

  .table_area + .as_info_con {padding-top: 0;}
  .table_area + .con_tit {padding-top: 80px;}
}
@media all and (max-width: 500px) {
}

/* ------------------------------------------------------------------- 폰트 관련 공통 - End ------------------------------------------------------------------- */



/* ------------------------------------------------------------------- 버튼 가이드 - Start ------------------------------------------------------------------- */
.btn_area {display: flex; justify-content: center; margin-top: 60px; text-align: center;}
.sub_body.mem .btn_area {flex-wrap: wrap;}
.sub_body.mem .pop_body .btn_area {margin-right: 40px;}
.sub_body.mem .btn_area.chk {width: auto; display: block;}
/* .sub_body.mem .btn_area a {width: 100%;} */
.sub_body.mem .btn_area.chk a {width: auto;}
.btn_type1 + .btn_type1 {margin-left: 13px;}
.btn_type2 + .btn_type2 {margin-left: 13px;}
/* .btn_type1 + .btn_type1:last-of-type {margin-left: 0;} */
.btn_type1 {box-sizing: border-box; display: inline-block; padding: 0 40px; min-width: 142px; height: 64px; line-height: 63px; text-align: center; vertical-align: top; border: 0; color: #fff; background: #961E1E; font-family: pretendard;}
.btn_type1.line {box-sizing: border-box; display: inline-block; padding: 0 40px; min-width: 142px; height: 64px; line-height: 63px; text-align: center; vertical-align: top; border: 1px solid #961E1E; color: #961E1E; background: #fff; font-family: pretendard;}
.btn_type1.line2 {box-sizing: border-box; display: inline-block; padding: 0 40px; min-width: 142px; height: 64px; line-height: 63px; text-align: center; vertical-align: top; border: 1px solid #961E1E; color: #961E1E; background: #fff; font-family: pretendard;}
.btn_type1.bk {box-sizing: border-box; display: inline-block; padding: 0 40px; min-width: 142px; height: 64px; line-height: 63px; text-align: center; vertical-align: top; border: 0; color: #fff; background: #2D2D2D; font-family: pretendard;}
/* .btn_type1.line_bk {box-sizing: border-box; display: inline-block; padding: 0 40px; min-width: 142px; height: 64px; line-height: 63px; text-align: center; vertical-align: top; border: 1px solid #2D2D2D; color: #2D2D2D; background: #fff; font-family: pretendard;} */
.btn_type1.line_bk {box-sizing: border-box; display: inline-block; padding: 0 40px; min-width: 142px; height: 64px; line-height: 63px; text-align: center; vertical-align: top; border: 1px solid #2D2D2D; color: #222; background: #fff; font-family: pretendard;}
.btn_type1.dis {box-sizing: border-box; display: inline-block; padding: 0 40px; min-width: 142px; height: 64px; line-height: 63px; text-align: center; vertical-align: top; border: 1px solid #DDDDDD; color: #999999; background: #f0f0f0  ; font-family: pretendard;}
.btn_type1.line_gr {box-sizing: border-box; display: inline-block; padding: 0 20px; min-width: 142px; height: 64px; line-height: 63px; text-align: center; vertical-align: top; border: 1px solid #ccc; color: #222; background: #fff; font-family: pretendard;}

.btn_area.h48 a {height: 48px; line-height: 48px; min-width: 50px; font-size: 14px; padding: 0 20px;}
.btn_area.h56 a {height: 56px; line-height: 56px; min-width: 104px; font-size: 16px; padding: 0 24px;}

a.btn_type1.nav {background: 0; border: 1px solid #007411; color: #007411; font-family: pretendard; padding: 0 30px 0 50px; position: relative; font-size: 16px;}
a.btn_type1.nav::after {content: ""; width: 14px; height: 14px; background-size: contain; background: url("../images/ico-naver.svg") no-repeat; display: block; position: absolute; left: 30px; top: 17px;}
a.btn_type1.kak {background: 0; border: 1px solid #E3CD00; color: #1A0000; font-family: pretendard; padding: 0 30px 0 50px; position: relative; font-size: 16px;}
a.btn_type1.kak::after {content: ""; width: 16px; height: 16px; background-size: contain; background: url("../images/ico-kakao.svg") no-repeat; display: block; position: absolute; left: 30px; top: 17px;}

.btn_area.chk {text-align: left;}
.btn_type2 {box-sizing: border-box; display: inline-block; padding: 0 16px 0 56px; min-width: 142px; height: 48px; line-height: 48px; text-align: center; vertical-align: top; border: 1px solid #727272; background: url("../images/ico-chk.svg") no-repeat 16px center #fff; font-family: pretendard; font-size: 16px; font-family: pretendard;}

.btn_type2.active {box-sizing: border-box; display: inline-block; padding: 0 16px 0 56px; min-width: 142px; height: 48px; line-height: 48px; text-align: center; vertical-align: top; color: #fff; background: url("../images/ico-chk-wht.svg") no-repeat 16px center #961E1E; border: 1px solid #961E1E; font-family: pretendard; font-size: 16px;}

.btn_type2 span {color: #727272;}
.btn_type2.active span {color: #fff;}

.btn_area.more .btn_type1 {border: 1px solid #CCCCCC; background: #fff; color: #222; min-width: 212px;}


/* .btn_area {margin-top: 60px; display: flex; justify-content: space-between;}
.btn_area.column1 {display: block; text-align: center;}
.btn_area.column4 {display: block; text-align: center;}
.btn_area.type2 {margin: 0;}
.btn_type1 {box-sizing: border-box; display: inline-block; padding: 0 30px; width: 100%; height: 64px; line-height: 63px; text-align: center; vertical-align: top; border: 1px solid #961E1E; color: #961E1E; font-family: pretendard;}
.btn_type2 {box-sizing: border-box; display: inline-block; padding: 0 30px; width: 100%; height: 64px; line-height: 63px; text-align: center; vertical-align: top; border: 0; color: #fff; background: #961E1E; font-family: pretendard;}
.btn_type3 {box-sizing: border-box; display: inline-block; padding: 0 20px; width: 100%; height: 48px; line-height: 47px; text-align: center; vertical-align: top; color: #fff; background: #2D2D2D; font-family: pretendard; font-size: 14px;}
.btn_type4 {box-sizing: border-box; display: inline-block; padding: 0 20px; width: 100%; height: 48px; line-height: 47px; text-align: center; vertical-align: top; color: #222; background: #fff; border: 1px solid #ccc; font-family: pretendard; font-size: 14px;}
.btn_type5 {box-sizing: border-box; display: inline-block; padding: 0 20px; height: 56px; line-height: 55px; text-align: center; vertical-align: top; color: #fff; background: #2D2D2D; font-family: pretendard; font-size: 18px;}
.btn_type6 {box-sizing: border-box; display: inline-block; padding: 0 20px; height: 56px; line-height: 55px; text-align: center; vertical-align: top; color: #222; background: #fff; border: 1px solid #ccc; font-family: pretendard; font-size: 18px;}
.btn_area.column1 a {width: 312px;}
.btn_area.column2 a {width: calc(50% - 7px);}
.btn_area.column3 a {width: calc(33.33% - 10px);}
.btn_area.column4 a {min-width: 112px; margin: 0 6px;}
.btn_area.more {width: 212px; margin: 60px auto 0;}
.btn_area.more .btn_type4 {height: 64px; line-height: 63px; font-size: 18px;}

.pop_wrap .pop_body .pop_con .btn_area a {height: 48px; line-height: 47px; font-size: 16px;}
.pop_wrap .pop_body .pop_con .btn_area.column2 {width: 320px; margin: 40px auto 0;} */

.switch_bt {display: flex; font-family: pretendard; font-size: 16px; color: #222;}
.switch_bt > p { position: relative; width: 40px; height: 24px; border-radius: 12px; background: #ddd; margin-right: 12px; transition-duration: 0.5s; transition-property: background;}
.switch_bt > p > span {position: absolute; top: 4px; left: 4px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition-duration: 0.5s; transition-property: left;}
.switch_bt.on > p { background: #961E1E;}
.switch_bt.on > p > span {left: 20px;}


@media all and (max-width: 1024px) {
  /* .btn_area.h56 a {min-width: 100%;} */
  .sub_body.mem .pop_wrap .btn_area {margin-right: 16px;}
}

@media all and (max-width: 768px) {
  .btn_area.with_wide {flex-wrap: wrap;}
  .btn_area.with_wide .btn_type1:first-child {flex: none; width: 100%; margin-bottom: 13px;}
  .btn_area.with_wide .btn_type1:nth-child(2) {margin-left: 0;}
  .btn_type2 {padding: 0 10px 0 40px; background: url("../images/ico-chk.svg") no-repeat 10px center #fff; min-width: 130px;}
  .btn_type2.active {padding: 0 10px 0 40px; min-width: 130px; background: url("../images/ico-chk-red.svg") no-repeat 10px center #961E1E;}

  /* .btn_area.h56 a {min-width: 100%;} */
  .btn_type1 {padding: 0 10px; min-width: auto; flex: 1;}
  .btn_type1.line {padding: 0 10px;}
  .btn_type1.line2 {padding: 0 10px;min-width: auto; flex: 1}
  .sub_body.mem .btn_area .btn_type1.line {padding: 0 10px; width: auto; min-width: initial;}
  /* .btn_type1 + .btn_type1 {margin-left: 0;} */
  /* .btn_type1:last-child {margin-left: 13px;} */
  .btn_type1.bk {padding: 0 10px; min-width: 100%;}
  .btn_type1.line_bk {padding: 0 10px; min-width: 100%;}
  .btn_type1.dis {padding: 0 10px; min-width: 100%;}
  .btn_type1.line_gr {padding: 0 10px; min-width: 100%;}

  .btn_area.more .btn_type1 {min-width: 100%;}
  .btn_area.h48 a {flex: none;}

}
@media all and (max-width: 350px) {
  /* .sub_body.mem .btn_area {} */
  .btn_type2 {min-width: 100%;}
  .btn_type2 + .btn_type2 {margin-left: 0; margin-top: 10px;}
  .btn_type2.active {min-width: 100%;}
}


/* ------------------------------------------------------------------- 버튼 가이드 - End --------------------------------------------------------------------- */





/* ------------------------------------------------------------------- form - Start ------------------------------------------------------------------- */
/* form - input */
.form_input {display: inline-block; position: relative; vertical-align: middle; width: 100%;}
.form_input input {width: 100%; height: 48px; padding: 0 45px 0 20px; color: #222; border: 1px solid #ddd; font-size: 16px;}
.form_input input:nth-of-type(2) {margin: 10px 0;}
/* .custom_select .form_input input:focus {color: #222; border: 1px solid #2d2d2d;} */
.form_input input:focus {color: #222; border: 1px solid #2d2d2d;}
.sc_service_resi .calen .form_input input:focus {color: #222; border: 1px solid #ddd;}
.form_input input:disabled {color: #999; background-color: #F6F6F6; border: 1px solid #ddd;}
.form_input input:read-only {color: #999; background-color: #F6F6F6; border: 1px solid #ddd;}
.form_input input:focus {border: 1px solid #222 !important;}
.form_input input[type="text"]:read-only {color: #000000; background-color: #F6F6F6; outline: none; border: 1px solid #ddd;}
.form_input input[type="tel"]:read-only {color: #999; background-color: #F6F6F6; outline: none; border: 1px solid #ddd;}
.form_input input[type="number"]:read-only {color: #999; background-color: #F6F6F6; outline: none; border: 1px solid #ddd;}
.form_input input[type="number"]::-webkit-outer-spin-button, .form_input input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.form_input input::placeholder {font-size: 16px;}
.form_input.error input {border: 1px solid #961E1E; color: #961E1E;}
.form_input.error input::placeholder {color: #961E1E;}
.form_input.width_btn input {width: calc(100% - 104px);}
.form_input.width_btn a {display: inline-block; min-width: 88px; padding: 0 10px; height: 48px; border: 1px solid #2D2D2D; text-align: center; line-height: 47px; position: absolute; right: 0; font-size: 14px; background: #fff;}
.form_input.address input:first-child {width: calc(100% - 132px);}
.form_input.address input {width: 100%;}
.form_input.address a {display: inline-block; width: 116px; height: 48px; border: 1px solid #2D2D2D; text-align: center; line-height: 47px; position: absolute; right: 0;}
.form_input .msg {font-size: 14px; color: #727272; margin-top: 17px; word-break: break-all;}
.form_input .msg.red {font-family: pretendard; color: #961E1E; margin-top: 11px;}
.form_input .msg.red {display: none;}
.form_input input:nth-of-type(2) + .msg {font-size: 14px; color: #727272; margin-top: 7px;}
.form_input .msg + .msg {margin-top: 8px;}
.form_input.authenti {margin-top: 16px; width: 60% !important;}
.form_input.authenti > div {position: relative; display: inline-block; width: calc(100% - 80px) !important;}
.form_input.authenti > div .timer {position: absolute; top: 50%; right: 15px; transform: translateY(-50%); font-family: pretendard, sans-serif; font-size: 14px; line-height: 1; color: #961E1E;}
.form_input.authenti > div input {width: 100% !important;}
.form_input.authenti a {min-width: 64px;}
.no_authenti .form_input:first-of-type {display: flex; justify-content: space-between;}
.no_authenti .form_input:first-of-type input {width: 100% !important;}
.no_authenti .form_input:first-of-type a {position: relative; margin-left: 16px;}
/* .form_input.authenti input {position: relative; width: calc(100% - 80px) !important;} */




@media all and (max-width: 1024px) {
  .form_input input {padding: 0 16px;}
}
@media all and (max-width: 768px) {
  .form_input.width_btn input {width: calc(100% - 95px);}
  .form_input.address input:first-child {width: calc(100% - 123px);}
  .address .form_input.width_btn input:nth-of-type(2) {width: 100%;}
  .address .form_input.width_btn input:nth-of-type(3) {width: 100%;}
  .form_input.width_btn.address input:nth-of-type(2) {width: 100%;}
  .form_input.width_btn.address input:nth-of-type(3) {width: 100%;}
  .form_input.authenti {width: 100% !important;}
  .form_input.authenti > div {width: calc(100% - 71px) !important;}
  .no_authenti .form_input:first-of-type a {position: relative; margin-left: 7px;}
  /* .form_input.authenti input {width: calc(100% - 71px) !important;} */

}
@media all and (max-width: 370px) {
  .form_input.width_btn input {width: 100%;}
  .form_input.width_btn a {position: unset; margin-top: 10px;}
  .form_input.address a {margin-top: 0;}
  .form_input.authenti > div {width: 100% !important;}
  .no_authenti .form_input:first-of-type {display: block;}
  .no_authenti .form_input:first-of-type a {margin-left: 0;}
  /* .form_input.authenti input {width: 100% !important;} */

}




/* form - input - checkbox */

.chk_area {border: 1px solid #ddd; width: 100%; border-radius: 8px; overflow: hidden;}
.chk_area .top {background: #F0F0F0; padding: 30px 40px;}
.chk_area .bot {padding: 40px;}
.chk_area + .msg {margin-top: 20px; color: #727272;}

.form_checkbox {position: relative; margin-bottom: 33px;}
.form_checkbox:last-child {margin-bottom: 0;}
.form_checkbox input {position: absolute; top: 0; left: 0; width: 24px; height: 24px; opacity: .001;}
.form_checkbox input:focus + label {outline: auto;}
/* .form_checkbox input + label {position: relative; display: inline-block; background: url("../images/ico-chkbox.svg") left center no-repeat; background-size: 24px; z-index: 1; padding-left: 40px; vertical-align: top; color: #222; font-size: 16px;} */
.form_checkbox input + label {position: relative; display: inline-block; background: url("../images/ico-chkbox.svg") left center no-repeat; background-size: 24px; z-index: 1; padding-left: 40px; vertical-align: top; color: #222; word-break: break-all;}
.form_checkbox input + label + p {padding-left: 40px; color: #4D4D4D; margin-top: 6px;}
.form_checkbox.all_check input + label {font-family: pretendard;}
.form_checkbox input:checked + label {background: url("../images/ico-chkbox-on.svg") left center no-repeat; background-size: 24px;}
.form_checkbox input:disabled + label {background: url("../images/ico-chkbox-dis.svg") left center no-repeat; background-size: 24px;}
.form_checkbox.all_check input:checked + label {background: url("../images/ico-chkbox-on-all.svg") left center no-repeat; background-size: 24px;}
.form_checkbox a {position: absolute; right: 0; font-size: 14px; color: #727272; text-decoration: underline;}
.mem .form_checkbox input + label {font-size: 18px;}

.pop_wrap .pop_body .form_checkbox {display: inline-block; margin-right: 60px;}
/* .pop_wrap .pop_body .form_checkbox + .form_checkbox {margin-left: 60px;}  */

@media all and (max-width: 768px) {
  .form_checkbox input + label {background: url("../images/ico-chkbox.svg") left 0px no-repeat; background-size: 24px; font-size: 16px;}
  .form_checkbox input:checked + label {background-size: 24px; background: url("../images/ico-chkbox-on.svg") left 0px no-repeat;}
  .form_checkbox input:disabled + label {background: url("../images/ico-chkbox-dis.svg") left center no-repeat; background-size: 24px;}
  .form_checkbox.type2 input:checked + label {background-size: 24px;}
  .form_checkbox.type2 input + label {background-size: 24px;}

  .mem .form_checkbox input + label {font-size: 16px;}

  .pop_wrap .pop_body .form_checkbox {display: block; margin-right: 0;}
  /* .pop_wrap .pop_body .form_checkbox + .form_checkbox {margin-left: 0;}  */
  .chk_area .top {padding: 18px 20px;}
  .chk_area .bot {padding: 20px;}
  .form_checkbox {margin-bottom: 30px;}
  .form_checkbox a {position: unset; display: block; padding-left: 40px; margin-top: 10px;}
  
}



/* form - input - raido */
.form_radio {display: inline-block; position: relative; vertical-align: middle;}
.form_radio + .form_radio {margin-left: 60px;}
.form_radio input {position: absolute; top: 0; left: 0; width: 24px; height: 24px; opacity: .001;}
/* .form_radio input:focus + label {background: #000;} */
/* .form_radio input:focus {outline: 2px solid blue; } */
.form_radio input:focus + label {outline: auto; }
.form_radio input + label {display: inline-block; padding-left: 38px; min-height: 24px; font-size: 16px; font-family: pretendard; background: url("../images/ico-radio.svg") left top no-repeat; box-sizing: border-box;}
.form_radio input:checked + label {background: url("../images/ico-radio-on.svg") left top no-repeat;}
.form_radio input:disabled + label {background: url("../images/ico-chkbox-dis.svg") left top no-repeat;}
/* .flex_box .form_radio input + label {min-width: 80px;} */
.flex_box .form_radio + .form_radio {margin-left: 60px;}

@media all and (max-width: 1024px) {
  .form_radio {display: block;}
  .book_done .box .form_radio {display: inline-block;}
  .flex_box .form_radio + .form_radio {margin-left: 0; margin-top: 18px;}
  .pop_wrap .pop_body .pop_con .form_radio {display: inline-block;}
}
@media all and (max-width: 768px) {
  .pop_wrap .pop_body .pop_con .form_radio {display: block;}
  .pop_wrap .pop_body .pop_con .form_radio + .form_radio {margin-left: 0; margin-top: 18px;}
  .pop_wrap.window .pop_body .table_area .basic_info dl {display: block;}
  .pop_wrap.window .pop_body .table_area .basic_info dl dt {width: 100%;}
  .pop_wrap.window .pop_body .table_area .basic_info dl dd {width: 100%; margin-top: 10px;}
}



/* form - select */
.form_select {position: relative; display: inline-block; vertical-align: middle; width: 100%;}
.form_select select {border: 1px solid #ddd; position: relative; background-color: #fff; height: 48px; padding: 0 45px 0 20px; font-size: 16px; width: 100%;}
.form_select:after {content: ""; display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background: url("../images/ico-selectbox.svg") center center no-repeat; transition: transform .2s ease; pointer-events: none;}
.form_select.on:after {content: ""; display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%) rotate(180deg); width: 16px; height: 16px; background: url("../images/ico-selectbox.svg") center center no-repeat; transition: transform .2s ease; pointer-events: none;}
.for_flex .form_select {width: 312px;}
.for_flex + .form_select {margin-top: 10px;}
.select_area {display: flex; justify-content: space-between;}
/* .select_area a {display: inline-block; min-width: 64px; height: 48px; padding: 0 20px; border: 1px solid #2D2D2D; text-align: center; line-height: 47px; margin-left: 20px; font-size: 14px; font-family: pretendard;} */
.select_area a {display: inline-block; min-width: 64px; height: 48px; border: 1px solid #2D2D2D; text-align: center; line-height: 47px; margin-left: 20px; font-size: 14px; font-family: pretendard;}
.select_area + .select_area {margin-top: 10px;}
@media all and (max-width: 768px) {
  .select_area a {margin-left: 10px;}
}



/* form - textarea */
.form_input textarea {width: 100%; min-height: 136px; padding:  20px; color: #222; border: 1px solid #ddd; font-size: 16px; font-family: pretendard;}
.form_input textarea:focus {color: #222; border: 1px solid #333;}
.form_input textarea:disabled {color: #999999; background-color: #F6F6F6; border: 1px solid #DDDDDD;}
.form_input.error textarea {border: 1px solid #961E1E;}
.form_input textarea::-webkit-scrollbar {width: 6px;}
.form_input textarea::-webkit-scrollbar-thumb {background: #999;}
.form_input textarea::-webkit-scrollbar-track {background: #CCCCCC;}
.form_input.error .msg {color: #961E1E;}
  



/* form - date */
.form_input input[type="date"] {position: relative; transition: all 0.2s; -webkit-appearance: none; -moz-appearance: none; background: #fff;}
.form_input input[type="date"]::-webkit-date-and-time-value {text-align: left;}
.form_input input[type="date"]::-webkit-calendar-picker-indicator {position: absolute; right: 20px; opacity: 0; cursor: pointer; z-index: 10;}
.form_input input[type="date"]::after {content: ""; background: url("../images/ico-date.svg") no-repeat; width: 20px; height: 20px; display: inline-block; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); background-size: contain;}
.form_input input[type="date"]::before {content: ""; display: block; position: absolute; top: 18px; right: 20px; width: 24px; height: 24px; background: rgb(255, 255, 255, 0); z-index: 1;}





/* form - file */
.form_input_file .width_msg {display: flex;}
.form_input_file input[type="file"] {position: absolute; width: 0; height: 0;	padding: 0;	overflow: hidden;	border: 0;}
.form_input_file input[type="file"]:focus + label {border: 2px solid #222;}
.form_input_file label {display: inline-block; width: 88px; height: 48px; margin-right: 16px; flex-shrink: 0; line-height: 47px; text-align: center; color: #222; cursor: pointer; border: 1px solid #2D2D2D; font-size: 14px; font-family: pretendard; margin-bottom: 15px;}

.form_input_file .file_area {display: flex; flex-wrap: wrap; width: calc(100% - 88px); align-items: flex-start;}
/* .form_input_file .file_area .file_name {min-width: 150px; font-size: 14px; background: #F5F7FA; height: 48px; display: flex; justify-content: space-between; align-items: center; padding: 0 12px; border-radius: 2px; margin-right: 16px; margin-bottom: 10px;} */
.form_input_file .file_area .file_name {box-sizing: border-box; min-height: 48px; font-size: 14px; background: #F5F7FA; display: flex; justify-content: space-between; align-items: center; border-radius: 2px; margin-right: 16px; margin-bottom: 10px; padding: 10px 12px;}
/* .form_input_file .file_area .file_name + .file_name {margin-bottom: 10px;} */
.form_input_file label + .file_area .file_name {margin-right: 16px;}
/* .form_input_file .file_area .file_name span {position: relative; padding-left: 36px; color: #4D4D4D;} */
.form_input_file .file_area .file_name span {position: relative; color: #4D4D4D; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; overflow-y: hidden; padding-left: 28px;}

.form_input_file .file_area .file_name span::before {content: ""; width: 16px; height: 16px; display: inline-block; background: url("../images/ico-file.svg") no-repeat; position: absolute; top: 2px; left: 0; background-size: contain;}

.form_input_file .file_area .file_name a.delbt {display: inline-block; width: 24px !important; height: 24px !important; background: url("../images/ico-del.svg") no-repeat; background-size: contain; margin-left: 20px; flex-shrink: 0;}

.form_input_file .file_msg {color: #727272; font-size: 14px; margin-top: 0;}
.form_input_file .file_msg + .file_msg {margin-top: 7px;}
@media all and (max-width: 768px) {
  .form_input_file .width_msg {align-items: flex-start;}
  .form_input_file .file_area {width: 100%;}
  .form_input_file .file_area .file_name {height: 100%; padding: 10px 12px; box-sizing: border-box;}
}


/* 입력 폼 */


/* ------------------------------------------------------------------- form - End --------------------------------------------------------------------- */





/* ------------------------------------------------------------------- 메뉴 공통 - Start --------------------------------------------------------------------- */
#wrapper {width: 100%; overflow: hidden;}

/* 헤더 */
.skip_nav {position: fixed; top: -9999px; z-index: 9999; background: #e31d1a; color: #fff; text-align: center; width: 100%; padding: 3px 0;}
.skip_nav a {color: #fff; font-size: 14px;}

header {position: fixed; top: 0; left: 0; width: 100%; z-index: 30; animation : header-ani 0.8s forwards ease-out; background: rgba(255, 255, 255, 1); transition-property: background, transform; transition-duration: 0.4s;transform: translateY(-100%);}
header.on{transform: translateY(0);}

.header-dim{position : fixed;width : 100%;height : 100%;background: rgba(0,0,0,0.5);left : 0;top : 0;z-index: 29;pointer-events: none;transition : opacity .5s; opacity: 0;}
header.active + .header-dim{opacity: 1;}

header .fixed {padding: 27px 60px 36px; border-bottom: 1px solid #E5E5E5; position: relative;}
header .fixed .logo a {display: block; width: 203px; height: 36px; background: url("../images/logo-red.png") no-repeat; background-size: contain;}
header .fixed .logo a span {display: block; width: 0; height: 0; overflow: hidden; opacity: 0;}
header .fixed .menu_wrap {position: absolute; top: 28px; left: 50%; transform: translateX(-50%);}
header .fixed .menu_wrap .menu {display: flex; justify-content: center; position: relative; width: 1020px;}
/* header .fixed .menu_wrap .menu .depth1 {position: relative; padding: 10px 120px 0 0; min-width: 50px;} */
header .fixed .menu_wrap .menu .depth1 {position: relative; padding: 10px 0 0 0; width: 160px; margin: 0 5px;}
header .fixed .menu_wrap .menu .depth1:last-of-type {width: auto;}
header .fixed .menu_wrap .menu .depth1 > a {position: relative; height: 65px; font-family: pretendard; font-size: 20px; display: inline-block; color: #222; word-wrap: break-word; word-break: break-all;}
header .fixed .menu_wrap .menu .depth1 > a::after {content: ""; display: block; position: absolute; bottom: 2px; left: 0; width: 100%; height: 2px; background: #961E1E; opacity: 0; transition-duration: 0.5s; transition-property: opacity;}
header .fixed .menu_wrap .menu .depth1 > a.on::after {opacity: 1;}
header .fixed .menu_wrap .menu .depth2 {position: absolute; top: 65px; left: 0; width: 170px; padding-top: 40px; display: none;}
header .fixed .menu_wrap .menu .depth2 a {display: block; margin-bottom: 20px; font-size: 16px; color: #222; transition: all .3s;}
header .fixed .menu_wrap .menu .depth2 a:hover {color: #961E1E;}
header .fixed .menu_wrap .menu .depth2 a:last-of-type {margin-bottom: 35px;}

header .fixed .nav_bg {display: none; width: 100%; height: 0; background: #fff; position: absolute; top: 100px; left: 0; z-index: -1;}
header + .dimd_nav_bg {position: fixed; top: 0; left: 0; z-index: 9; display: none; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, .5);}


header .fixed .util {position: absolute; top: 14px; right: 60px; min-width: 160px; display: flex; justify-content: space-between;}
header .fixed .util a {display: inline-block; text-align: center; position: relative;}
header .fixed .util a + a {margin-left: 12px;}
header .fixed .util a span {font-size: 14px; color: #222222; transform: translateY(-3px); display: block;}
header .fixed .util a.go_login::before {content: ""; width: 48px; height: 48px; background: url("../images/ico-login.svg"); display: block; margin: 0 auto;}
header .fixed .util a.go_join::before {content: ""; width: 48px; height: 48px; background: url("../images/ico-join.svg"); display: block; margin: 0 auto;}
header .fixed .util a.srch::before {content: ""; width: 48px; height: 48px; background: url("../images/ico-srch.svg"); display: block; margin: 0 auto;}


header .m_ham {display: none;}






@media all and (max-width: 1500px) {
  header .fixed .menu_wrap .menu .depth1 {width: 130px;}
  header .fixed .menu_wrap .menu .depth2 {width: 130px;}
  header .fixed .menu_wrap .menu .depth1 > a {min-width: auto;}
}
@media all and (max-width: 1400px) {
  header .fixed .menu_wrap .menu .depth1 {width: 95px;}
  header .fixed .menu_wrap .menu .depth2 {width: 95px;}
  header .fixed .menu_wrap .menu .depth1 > a {font-size: 18px;}
  header .fixed .menu_wrap .menu .depth2 a {font-size: 14px;}
}
@media all and (max-width: 1280px) {
  header .fixed .util {right: 20px;}
}
@media all and (max-width: 1200px) {
  header .fixed {padding: 33px 30px 27px;}
  header .fixed .logo a {width: 150px; height: 36px;}
  header.wht .fixed .logo a {width: 150px; height: 36px;}
  header .fixed .util a span {font-size: 12px;}
  header .fixed .menu_wrap .menu .depth1 > a {font-size: 16px; height: 58px;}
  header .fixed .menu_wrap .menu .depth2 a {font-size: 13px;}
  header .fixed .menu_wrap .menu .depth1 > a::after {bottom: 2px;}

  header .fixed .nav_bg {top: 97px;}
}
@media all and (max-width: 1100px) {
  header .fixed .menu_wrap {top: 27px;}
  header .fixed .menu_wrap .menu .depth1 > a {font-size: 15px;}
  header .fixed .menu_wrap .menu .depth2 a {font-size: 12px;}
}
@media all and (max-width: 1024px) {
  header {z-index: 101;}
  header .fixed {padding: 20px 20px 15px; border-bottom: 0;}
  header .menu_wrap {transition-duration: 0s; transition-property: left;}
  header .util {transition-duration: 0s; transition-property: top;}
  header .fixed .logo {transition-duration: 1.2s; transition-property: margin-top;}
  header .m_ham {width: 48px; height: 48px; background: url("/assets/images/common/ico-ham.svg") no-repeat; display: block; position: absolute; top: 16px; right: 15px; z-index: 100; transition-duration: 1.2s; transition-property: right;}
  header.wht .m_ham {width: 48px; height: 48px; background: url("/assets/images/common/ico-ham.svg") no-repeat; display: block; position: absolute; top: 16px; right: 5%; z-index: 100; filter: invert(1);}
  header .xbt {width: 48px; height: 48px; background: url("/assets/images/common/ico-menu-close.svg") no-repeat; display: block; position: absolute; top: 16px; right: -60px; z-index: 100; cursor: pointer;}
  header + .dimd_nav_bg {display: none !important;}

  header.mopen {z-index: 101; overflow: visible;}
  header.mopen .xbt {right: 15px !important;}
  header.mopen {right: -60px !important;}
  header.mopen .menu_wrap {left: 0 !important; overflow: visible !important;}
  header.mopen .srch_sec .input_sec > a {right: 0 !important;}
  header.mopen .util {top: 35px !important;}
  header.mopen .fixed .logo {margin-top: -70px !important;}
  header.mopen .m_ham {right: -80px !important;}
  header.mopen .sell .files_pdf a {color: #222 !important;}
  header.mopen .sell .files_pdf a::before {content: ""; background: url("../images/ico-sell-down.svg"); display: inline-block; width: 16px; height: 16px; margin-right: 5px; vertical-align: middle;}
  header.mopen .sell .logo {position: relative; z-index: 1;}
  header.mopen .sell .logo .type {color: #961E1E !important; opacity: 0;}
  header.mopen .sell .logo .call {color: #222 !important; opacity: 0;}
  header.mopen .sell .logo .call::before {background-image: url("/assets/images/common/header-tel-icon.svg") !important;}

  header.wht .fixed .m_ham {width: 48px; height: 48px; background: url("../images/ico-ham-wht.svg") no-repeat; display: block; position: absolute; top: 16px; right: 20px; z-index: 100;}

  header .fixed .menu_wrap {top: 0; left: 100%; width: 100%; overflow: hidden; transform: translate(0); background: #fff;}
  header .fixed .menu_wrap::after {content: ""; width: 195px; height: 100%; display: block; background: #F0F2F5; top: 200px; left: 0; position: absolute; z-index: -2;}
  header .fixed .menu_wrap .menu {width: 100vw; height: calc(100vh - 200px); display: block; margin-top: 200px; padding-top: 50px; left: 0; border-top: 1px solid #ddd; overflow-y: auto; overflow-x: hidden; max-height: 100%;}

  header .fixed .menu_wrap .menu .depth1 {padding: 0; width: 195px; margin-left: 0; position: unset;}
  header .fixed .menu_wrap .menu .depth1:last-of-type {width: 195px;}
  header .fixed .menu_wrap .menu .depth1 > a {display: block; text-align: center; background: 0; height: auto; width: auto;}
  header.wht .fixed .depth1 > a {color: #222 !important;}
  header .fixed .menu_wrap .menu .depth1 + .depth1 {margin-top: 35px;}
  header .fixed .menu_wrap .menu .depth1 > a.on {color: #fff;}
  header .fixed .menu_wrap .menu .depth1 > a.on {color: #fff !important;}
  header .fixed .menu_wrap .menu .depth1 > a::after {width: 185px; height: 50px; z-index: -1; border-radius: 50px; top: -13px; left: 30px; box-shadow: rgba(150, 30, 30, 0.16) 0px 4px 8px 0px; transition-duration: 0s;} 
  header .fixed .menu_wrap .menu .depth2 {top: 50px; left: 250px; padding-top: 0; width: 0; overflow: hidden; display: block;}
  header .fixed .menu_wrap .menu .depth2 a {font-size: 16px; margin-bottom: 35px; color: #4D4D4D;}
  header .fixed .menu_wrap .menu .depth2 a:last-of-type {margin-bottom: 35px;}
  header .fixed .menu_wrap .menu a.on + .depth2 {width: 100%;}

  header .fixed .nav_bg {display: none !important;}
  header .fixed .util {right: unset; left: 20px; top: -60px; min-width: auto;}
  header .fixed .util a + a {margin-left: 22px;}
  header .fixed .util a span {font-size: 16px; font-family: pretendard; color: #727272;}
  header.wht .fixed .util a span {color: #727272;}
  header .fixed .util a::before {display: none !important;}
  header .fixed .util a.go_login::after {content: ""; display: block; width: 1px; height: 12px; background: #999; position: absolute; top: 2px; right: -12px;}
  header .fixed .util a.srch {display: none;}


  .n_scrl {height: 100%; min-height: 100%; overflow: hidden !important; touch-action: none;}
}

@media all and (max-width: 768px) {
  /* header.mopen .menu_wrap {overflow-y: auto !important;} */
  header .m_ham {right: 3%;}
  header.wht .fixed .m_ham {right: 3%;}
  header .fixed {padding: 25px 20px;}
  header .fixed .logo a {width: 110px; height: 36px;}
  header.wht .fixed .logo a {width: 110px; height: 36px;}
  header .fixed .menu_wrap .menu {margin-top: 180px; height: calc(100vh - 180px);}
  header .fixed .menu_wrap .menu .depth1 {width: 155px;}
  header .fixed .menu_wrap .menu .depth1:last-of-type {width: 155px;}
  header .fixed .menu_wrap .menu .depth1 > a {font-size: 16px;}
  header .fixed .menu_wrap .menu .depth1 > a::after {top: -12px; width: 135px; height: 45px;}
  header .fixed .menu_wrap .menu .depth2 {left: 185px; top: 55px;}
  header .fixed .menu_wrap::after {content: ""; width: 155px; height: 100%; display: block; background: #F0F2F5; top: 180px;}
  header .fixed .menu_wrap::before {content: ""; width: 100vw; height: 100vh; display: block; background: #fff; z-index: -10; top: 180px; position: absolute; right: 0; opacity: 1;}

}







/* 분양 헤더 A타입 */

header .go_home {width: 100%; height: 31px; /* background: #5A2123;*/ background: url(../images/headerbg-a.svg) no-repeat center right / cover; display: block;} 
header .sell {padding: 30px 50px; border-bottom: 1px solid #E5E5E5; position: relative;}
header .sell .logo {max-width: 580px; min-height: 85px; display: flex; align-items: center; flex-wrap: wrap; width: unset;}
header .sell .logo .type {font-size: 18px; color: #961E1E; font-family: pretendard; display: block; width: 100%; position: relative; display: inline-block;}
header .sell .logo .type span {display: inline-block; position: relative; vertical-align: bottom; margin-left: 10px; padding-left: 12px; transform: translate(0, 4px);}
header .sell .logo .type span::after {content: ""; width: 1px; height: 32px; display: inline-block; background: #961E1E; position: absolute; left: 0; bottom: 0;}
header .sell .logo .type .img {display: inline-block; width: 203px; height: 36px; background: url("../images/logo-red.png") no-repeat; background-size: contain; vertical-align: bottom;}
header .sell .logo.line {min-height: 137px;}
header .sell .logo.line .type {height: auto; margin: 10px 0 5px}
header .sell .logo.line span {padding: 0; margin: 0; margin-top: 10px; display: block; word-break: break-all}
header .sell .logo.line span::after {display: none;}
/* header .sell .logo */
/* header .sell .logo.line .call {padding-top: 45px;} */


header .sell .logo .call {font-size: 22px; color: #222; display: block; font-family: 'Roboto', sans-serif;}
header .sell .logo .call::before {content: ""; background: url("../images/ico-sell-call.svg"); background-size: contain; display: inline-block; width: 20px; height: 20px; margin-right: 5px;}

header .sell .menu_wrap {position: absolute; top: 64px; left: 50%; transform: translateX(-50%);}
header .sell .menu_wrap .menu {display: flex; justify-content: center; position: relative;}
header .sell .menu_wrap .menu .depth1 {min-width: 100px; text-align: center; position: relative;}
header .sell .menu_wrap .menu .depth1:last-of-type {padding-right: 0;}
header .sell .menu_wrap .menu .depth1 > a {font-family: pretendard; font-size: 20px; display: inline-block; color: #222; text-align: center; position: relative; padding-bottom: 52px;}
header .sell .menu_wrap .menu .depth1 > a.on {color: #961E1E;}
header .sell .menu_wrap .menu .depth1 > a.on::after {content: ""; background: #961E1E; width: 100%; display: block; height: 2px; opacity: 1; transition: all .3s; position: absolute; left: 0; top: 40px;}
header .sell .menu_wrap .menu .depth2 {position: absolute; top: 82px; left: 17px; height: auto; display: none; align-items: center; width: 100vw; padding: 30px 0;}
header .sell .menu_wrap .menu .depth2::after {content: ""; width: 200vw; display: block; height: 100%; position: absolute; left: 0; transform: translateX(-50%); background: #fff; z-index: -1; top: 0;}
header .sell .menu_wrap .menu .depth2 div {max-width: 900px; text-align: left; }

/* 메뉴 3개 이상일 때 */
header .sell .menu_wrap .menu .depth1.align {position: unset;}
header .sell .menu_wrap .menu .depth1.align .depth2 {left: 50%; transform: translateX(-50%); text-align: center;}
header .sell .menu_wrap .menu .depth1.align .depth2 div {margin: 0 auto; text-align: center;}
 
/* header .sell .menu_wrap .menu .depth2 {position: absolute; top: 120px; text-align: center; min-width: 100px; height: 0; overflow: hidden;} */
header .sell .menu_wrap .menu .depth2 a {display: inline-block; color: #222; transition: all .3s; padding: 5px 0; font-family: pretendard;}
header .sell .menu_wrap .menu .depth2 a + a {margin-left: 40px;}
header .sell .menu_wrap .menu .depth2 a span {transition: border-bottom .3s; display: inline-block;}
header .sell .menu_wrap .menu .depth2 a span::after {content: ""; background: #961E1E; width: 100%; display: block; height: 1px; opacity: 0; transition: all .3s;}
header .sell .menu_wrap .menu .depth2 a:hover span {color: #961E1E;}
header .sell .menu_wrap .menu .depth2 a:hover span::after {opacity: 1;}
/* header .sell .nav_bg {width: 100%; height: 120px; position: absolute; top: 140px; left: 0; z-index: -1; border-bottom: 1px solid #E0E0E0; background: #fff; display: none;} */
/* header .sell .nav_bg {width: 100%; height: 156px; position: absolute; top: 146px; left: 0; z-index: -1; border-bottom: 1px solid #E0E0E0; background: #fff; display: none;} */
/* header .sell .nav_bg {width: 100%; height: 156px; position: absolute; top: 146px; left: 0; z-index: -1; border-bottom: 1px solid #E0E0E0; background: pink; display: block !important;} */


header .sell .files_pdf {position: absolute; top: 40px; right: 60px; font-size: 16px; font-family: pretendard; max-width: 430px; text-align: right;}
header .sell .files_pdf a {margin-bottom: 10px; display: inline-block;}
header .sell .files_pdf a::before {content: ""; background: url("../images/ico-sell-down.svg"); display: inline-block; width: 16px; height: 16px; margin-right: 5px;}
header .sell .files_pdf a.go_link::before {content: ""; background: url("../images/ico-link.svg"); display: inline-block; width: 16px; height: 16px; margin-right: 5px;}
header .sell .files_pdf a + a {margin-left: 20px;}


header.wht {background: 0 !important;}
header.wht .sell {border-bottom: 1px solid rgba(229, 229, 229, 0.2);}
/* header.wht .sell {border-bottom: 1px solid red;} */
/* header.wht .sell .nav_bg {border-bottom: 1px solid rgba(229, 229, 229, 0.2);} */
header.wht .sell .logo .type {color: #fff;}
header.wht .sell .logo .type .img {display: inline-block; width: 203px; height: 36px; background: url("../images/logo-wht.png") no-repeat; background-size: contain; vertical-align: bottom;}
header.wht .sell .logo .call {color: #fff;}
header.wht .sell .logo .call::before {content: ""; background: url("../images/ico-sell-call-wht.svg"); background-size: contain; display: inline-block; width: 20px; height: 20px; margin-right: 5px;}
header.wht .sell .logo .type span::after {content: ""; width: 1px; height: 32px; display: inline-block; background: #fff; position: absolute; left: 0; bottom: 0;}
header.wht .sell .menu_wrap .menu .depth1 > a {color: #fff;}
header.wht .sell .menu_wrap .menu .depth1 > a.on::after {background: #fff;}
header.wht .sell .files_pdf a {color: #fff;}
header.wht .sell .files_pdf a::before {content: ""; background: url("../images/ico-sell-down-wht.svg"); display: inline-block; width: 16px; height: 16px; margin-right: 5px;}
header.wht .sell .files_pdf a.go_link::before {content: ""; background: url("../images/ico-link-wht.svg"); display: inline-block; width: 16px; height: 16px; margin-right: 5px;}
header.wht .sell .logo.line .type span::after {display: none;}

@media all and (max-width: 1500px) {
  header .sell {padding: 30px 50px 20px 50px;}
  header .sell .menu_wrap .menu .depth1 > a {padding-bottom: 42px;}
  header .sell .menu_wrap .menu .depth2 {top: 72px;}
  header .sell .files_pdf a::before {vertical-align: middle;}
  header .sell .files_pdf {max-width: 100%; top: 15px; right: 30px; font-size: 14px;}
  /* header .sell .logo {max-width: 200px;} */
  /* header .sell .logo {width: 248px;} */
  header .sell .logo {width: 240px;}
  header .sell .logo .type span {padding: 0; margin: 0; margin-top: 10px; display: block;}
  header .sell .logo .type span::after {display: none;}
  header.wht .sell .logo .type span::after {display: none;}
  header .sell .logo .call {position: absolute; right: 50px; top: 60px;}
  header .sell .logo.line .call {padding: 5px;}
}

@media all and (max-width: 1024px) {
  header .sell {padding: 15px 3%;}
  header .sell .logo {max-width: calc(100% - 70px); min-height: 0;}
  header .sell .logo.line {max-width: calc(100% - 70px);}
  header .sell .logo .type .img {display: none;}
  header.wht .sell .logo .type .img {display: none;}
  header .sell .logo .type span {margin-top: 0; height: auto;}
  /* header .sell .logo .type span::before {content: "힐스테이트 ";} */
  header .sell .logo .call {font-size: 18px; position: unset; right: unset; display: none;}
  header .sell .logo .call::before {vertical-align: middle;}
  header .sell .m_ham {top: 7px;}

  header .sell .menu_wrap {top: 0; left: 100%; width: 100%; overflow: hidden; transform: translate(0); height: calc(100vh - 31px); background: #fff;}
  header .sell .menu_wrap::after {content: ""; width: 195px; height: 100%; display: block; background: #F0F2F5; top: 160px; left: 0; position: absolute; z-index: -2;}
  header .sell .menu_wrap .menu {width: 100vw; height: calc(100vh - 150px); display: block; margin-top: 160px; padding-top: 50px; left: 0; border-top: 1px solid #ddd; overflow-y: auto; overflow-x: hidden;}
  
  header .sell .menu_wrap .menu .depth1 {padding: 0 50px; width: 100%; position: unset; min-width: auto; text-align: initial;} 
  header .sell .menu_wrap .menu .depth1:last-child {padding: 0 50px;}
  header .sell .menu_wrap .menu .depth1 > a {background: 0; height: auto; width: auto; padding: 0;}
  header .sell .menu_wrap .menu .depth1 > a.on::after {background: #961E1E !important;}
  header.wht .sell .depth1 > a {color: #222 !important;}
  header .sell .menu_wrap .menu .depth1 + .depth1 {margin-top: 35px;}
  header .sell .menu_wrap .menu .depth1 > a.on {color: #fff;}
  header .sell .menu_wrap .menu .depth1 > a.on {color: #fff !important;}
  header .sell .menu_wrap .menu .depth1 > a.on::after {width: 185px; height: 50px; z-index: -1; border-radius: 50px; top: -10px; left: -20px; box-shadow: rgba(150, 30, 30, 0.16) 0px 4px 8px 0px; transition-duration: 0s;} 
  header .sell .menu_wrap .menu .depth2 {top: 50px; left: 250px; padding-top: 0; overflow: hidden; display: block; height: inherit; transform: translateX(0); width: 0; text-align: left;}
  header .sell .menu_wrap .menu .depth2 div {width: 100%; text-align: left;}
  header .sell .menu_wrap .menu .depth2 a {font-size: 20px; margin-bottom: 35px; display: block; padding: 0;}
  header .sell .menu_wrap .menu .depth2 a:last-of-type {margin-bottom: 100px;}
  header .sell .menu_wrap .menu .depth2 a + a {margin-left: 0;}
  header .sell .menu_wrap .menu a.on + .depth2 {width: 100%;}
  header .sell .nav_bg {display: none !important;}

  header .sell .files_pdf {text-align: left; opacity: 0; transition-duration: .3s; transition-property: opacity, left; width: 370px; top: -100px; left: 3%; opacity: 0;}
  header .sell .files_pdf a {margin-right: 15px; font-size: 16px;}
  header .sell .files_pdf a + a {margin-left: 0;}
  
  /* header .sell .files_pdf {display: flex; flex-direction: row; flex-wrap: nowrap; top: 108px; width: 97%; height: 50px; overflow-x: scroll; text-align: left; right: unset; left: 100%; max-width: initial; opacity: 0; transition-duration: 1.2s; transition-property: opacity, left;}
  header .sell .files_pdf a {flex-shrink: 0; margin-right: 15px; color: #222 !important;} */


  header .sell .files_pdf a::before {content: ""; background: url("../images/ico-sell-down.svg") !important;}
  header.mopen .sell .files_pdf {opacity: 1; left: 3%;}
}
@media all and (max-width: 768px) {
  header .sell {padding: 15px 3%;}
  /* header .sell .logo .type img {w} */

  header .sell .m_ham {right: 3%;}
  header.wht .m_ham {right: 3%;}
  
  header .sell .menu_wrap .menu {height: calc(100vh - 125px); padding-top: 60px;}
  header .sell .menu_wrap .menu .depth1 {padding: 0 40px;}
  header .sell .menu_wrap .menu .depth1:last-child {padding: 0 40px;}
  header .sell .menu_wrap .menu .depth1 > a {font-size: 16px; padding: 0;}
  /* header .sell .menu_wrap .menu .depth1 > a::after  */
  header .sell .menu_wrap .menu .depth1 > a.on::after {width: 135px; height: 45px;}
  header .sell .menu_wrap .menu .depth2 {left: 185px; top: 65px;}
  header .sell .menu_wrap .menu .depth2 a {font-size: 16px; color: #4D4D4D;}
  header .sell .menu_wrap::after {content: ""; width: 135px; height: 100%; display: block;}

  header .sell .files_pdf a {font-size: 14px;}
  header .go_home {background: url("../images/headerbg-a.svg") no-repeat center right / cover; background-position: 98.7%;}
}
@media all and (max-width: 400px) {
  header .sell .files_pdf a {margin-right: 10px; font-size: 12px;}
}



/* 분양 헤더 B타입 */
header .sell_b {padding: 50px 0 70px 50px; border-bottom: 1px solid #E5E5E5; min-height: 195px;}
header .sell_b .logo a {color: #961E1E; font-family: pretendard; font-size: 26px; display: inline-block; position: relative; transform: translateY(20px); width: 340px; font-weight: 600;}
header .sell_b .logo a.call {display: none;}
header .sell_b .right {display: flex; align-items: center; position: absolute; right: 190px; top: 50px; text-align: right;}
header .sell_b .right .files_pdf {font-size: 14px; font-family: pretendard; }
header .sell_b .right .files_pdf a {margin-bottom: 10px; display: inline-block;}
header .sell_b .right .files_pdf a::before {content: ""; background: url("/assets/images/common/download-icon.svg"); display: inline-block; width: 16px; height: 16px; margin-right: 5px; vertical-align: middle;}
header .sell_b .files_pdf a.go_link::before {content: ""; background: url("/assets/images/common/customer-icon.svg"); display: inline-block; width: 16px; height: 16px; margin-right: 5px; vertical-align: middle;}
header .sell_b .right .files_pdf a + a {margin-left: 15px;}
header .sell_b .right .call {font-size: 24px; color: #222; font-family: 'Roboto', sans-serif; font-weight: 500; margin-left: 50px;}
header .sell_b .right .call::before {content: ""; background: url("/assets/images/common/header-tel-icon.svg"); background-size: contain; display: inline-block; width: 20px; height: 20px; margin-right: 5px; filter: invert(1);}

header .sell_b .menu_wrap {position: absolute; right: 190px; top: 116px;}
header .sell_b .menu_wrap .menu {display: flex; justify-content: center; position: relative;}
header .sell_b .menu_wrap .menu .depth1 {padding-right: 70px; position: relative;}
header .sell_b .menu_wrap .menu .depth1:last-of-type {padding-right: 0;}
header .sell_b .menu_wrap .menu .depth1 > a {font-family: pretendard; font-size: 20px; display: inline-block; color: #222; position: relative; width: 100%; text-align: right; padding-bottom: 49px;}
header .sell_b .menu_wrap .menu .depth1 > a.on {color: #961E1E;}
header .sell_b .menu_wrap .menu .depth1 > a.on::after {content: ""; background: #961E1E; width: 100%; display: block; height: 2px; opacity: 1; transition: all .3s; position: absolute; left: 0; top: 40px;}
header .sell_b .menu_wrap .menu .depth1:hover > a::after {content: ""; background: #961E1E; width: 100%; display: block; height: 2px; opacity: 1; transition: all .3s; position: absolute; left: 0; top: 40px;}
header .sell_b .menu_wrap .menu .depth2 {height: auto; position: absolute; left: 0; width: 890px; display: none; align-items: center; padding: 30px 0;}
header .sell_b .menu_wrap .menu .depth2::after {content: ""; width: 200vw; display: block; height: 100%; position: absolute; left: 0; transform: translateX(-50%); background: #fff; z-index: -1; top: 0;}

header .sell_b .menu_wrap .menu .depth2 a {display: inline-block; color: #222; transition: all .3s; padding: 5px 0; font-family: pretendard;}
header .sell_b .menu_wrap .menu .depth2 a + a {margin-left: 40px;}
header .sell_b .menu_wrap .menu .depth2 a span {transition: border-bottom .3s; display: inline-block;}
header .sell_b .menu_wrap .menu .depth2 a span::after {content: ""; background: #961E1E; width: 100%; display: block; height: 1px; opacity: 0; transition: all .3s;}
header .sell_b .menu_wrap .menu .depth2 a:hover span {color: #961E1E;}
header .sell_b .menu_wrap .menu .depth2 a:hover span::after {opacity: 1;}

/* 메뉴 3개 이상 */
header .sell_b .menu_wrap .menu .depth1.align {position: unset;}
header .sell_b .menu_wrap .menu .depth1.align .depth2 {left: unset; right: 0; justify-content: flex-end;}
header .sell_b .menu_wrap .menu .depth1.align .depth2 div {text-align: right; display: inline-block;}

header .sell_b .go_home {display: block; width: 140px; height: 140px; background: url("/assets/images/common/hillstate-logo.svg") no-repeat; background-size: contain; position: absolute; top: 0; right: 0;}
/* header .sell_b .nav_bg {width: 100%; position: absolute; top: 174px; left: 0; z-index: -1; background: #fff; border-bottom: 1px solid #E0E0E0; height: 156px; overflow: hidden; display: none;} */

header.wht .sell_b {border-bottom: 1px solid rgba(229, 229, 229, 0.3);}
header.wht .sell_b .logo a {color: #fff;}
header.wht .sell_b .right .call {color: #fff;}
header.wht .sell_b .right .call::before {content: ""; background: url("/assets/images/common/header-tel-icon.svg"); background-size: contain; display: inline-block; width: 20px; height: 20px; margin-right: 5px; filter: invert(0);}
header.wht .sell_b .menu_wrap .menu .depth1 > a {color: #fff;}
header.wht .sell_b .files_pdf a {color: #fff;}

header .sell_b .files_pdf a::before {content: ""; background: url("/assets/images/common/download-icon.svg"); display: inline-block; width: 16px; height: 16px; margin-right: 5px; filter: invert(1);}
header.wht .sell_b .files_pdf a::before {content: ""; background: url("/assets/images/common/download-icon.svg"); display: inline-block; width: 16px; height: 16px; margin-right: 5px; filter: invert(0);}

header.wht .sell_b .files_pdf a.go_link::before {content: ""; background: url("/assets/images/common/customer-icon.svg"); display: inline-block; width: 16px; height: 16px; margin-right: 5px;}
/* header.wht .sell_b .nav_bg {border-bottom: 0;} */

@media all and (max-width: 1280px) {
  header .sell_b .menu_wrap .menu .depth1 {padding-right: 30px;}
  header .sell_b .right {padding-top: 30px; top: 20px; width: 100%; display: block;}
  header .sell_b .right .files_pdf {position: absolute; top: 0; right: 0;}
}
@media all and (max-width: 1024px) {
  header .sell_b .menu_wrap .menu .depth1.align .depth2 {width : 100%;}
  header .sell_b {padding: 34px 3% 9px 3%; min-height: unset;}
  header .sell_b .m_ham {top: 42px;}
  header .sell_b .xbt {top: 47px;}
  header .sell_b .logo a {transform: translateY(-5px); font-size: 20px;}
  header .sell_b .right .files_pdf {right: unset;}
  /* header .sell_b .logo a::before {width: auto; height: auto; padding-right: 5px; content: "힐스테이트"; background: 0; vertical-align: inherit;} */
  header .sell_b .logo a::after {display: none;}
  /* header.wht .sell_b .logo a::before {width: auto; height: auto; padding-right: 5px; content: "힐스테이트"; background: 0; vertical-align: inherit;} */
  header.wht .sell_b .logo a::after {display: none;}

  header .sell_b .logo a.call {font-size: 18px; color: #222; font-family: "Poppins-Medium"; display: none; margin-top: -6px;}
  header .sell_b .logo a.call::before {content: ""; background: url("../images/ico-sell-call.svg") no-repeat; background-size: contain; display: inline-block; width: 18px; height: 18px; vertical-align: middle;}
  header.wht .sell_b .logo a.call {color: #fff;}
  header.wht .sell_b .logo a.call::before {content: ""; background: url("../images/ico-sell-call-wht.svg") no-repeat; background-size: contain; display: inline-block; width: 18px; height: 18px; vertical-align: middle;}

  header .sell_b .menu_wrap {top: 31px; left: 100%; width: 100%; overflow: hidden; transform: translate(0); height: calc(100vh - 31px); background: #fff;}
  header .sell_b .menu_wrap::after {content: ""; width: 195px; height: 100%; display: block; background: #F0F2F5; top: 160px; left: 0; position: absolute; z-index: -2;}
  header .sell_b .menu_wrap .menu {width: 100vw; height: calc(100vh - 140px); display: block; margin-top: 160px; padding-top: 50px; left: 0; border-top: 1px solid #ddd; overflow-y: auto; overflow-x: hidden;}
  
  header .sell_b .menu_wrap .menu .depth1 {padding: 0 50px; width: 100%; position: unset; min-width: auto; text-align: initial;} 
  header .sell_b .menu_wrap .menu .depth1:last-child {padding: 0 50px;}
  header .sell_b .menu_wrap .menu .depth1 > a {background: 0; height: auto; width: auto; padding: 0;}
  header.wht .sell_b .depth1 > a {color: #222 !important;}
  header .sell_b .menu_wrap .menu .depth1 + .depth1 {margin-top: 35px;}
  header .sell_b .menu_wrap .menu .depth1 > a.on {color: #fff;}
  header .sell_b .menu_wrap .menu .depth1 > a.on {color: #fff !important;}
  header .sell_b .menu_wrap .menu .depth1 > a.on::after {width: 185px; height: 50px; z-index: -1; border-radius: 50px; top: -10px; left: -20px; box-shadow: rgba(150, 30, 30, 0.16) 0px 4px 8px 0px; transition-duration: 0s;} 
  header .sell_b .menu_wrap .menu .depth2 {top: 50px; left: 250px; padding-top: 0; overflow: hidden; display: block !important; height: inherit; transform: translateX(0); width: 0; text-align: left;}
  header .sell_b .menu_wrap .menu .depth2 div {width: 100%;}
  header .sell_b .menu_wrap .menu .depth2 a {font-size: 20px; margin-bottom: 35px; display: block; padding: 0;}
  header .sell_b .menu_wrap .menu .depth2 a:last-of-type {margin-bottom: 100px;}
  header .sell_b .menu_wrap .menu .depth2 a + a {margin-left: 0;}
  header .sell_b .menu_wrap .menu a.on + .depth2 {width: 100%;}
  
  header .sell_b .nav_bg {display: none !important;}
  
  header .sell_b .right {text-align: left; opacity: 0; transition-duration: .3s; transition-property: opacity, left; width: 350px; top: -100px; z-index: 100; right: unset;}
  header.mopen .sell_b .right {left: 3%; opacity: 1;  top: 112px;}

  header .sell_b .right .files_pdf a {margin-right: 15px;}
  header .sell_b .right .files_pdf a + a {margin-left: 0;}
  /* header .sell_b .right .files_pdf {position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; width: 400px; height: 50px; max-width: initial; opacity: 1;}
  header .sell_b .right .files_pdf a {flex-shrink: 0; margin-right: 15px; color: #222 !important;}
  header .sell_b .right .files_pdf a::before {content: ""; background: url("../images/ico-sell-down.svg") !important;} */

  header .sell_b .right .call {display: none;}
  /* header .sell_b .go_home {display: none;} */
  header .sell_b .go_home {width: 100%; height: 31px; /* background: #5A2123;*/ background: url(/assets/images/common/headerbg-a.svg) no-repeat center right / cover; display: block;} 

}
@media all and (max-width: 768px) {
  /* header .sell_b {padding: 45px 3% 15px 3%;} */
  /* header .sell_b .m_ham {top: 13px;} */
  header .sell_b .right .files_pdf a + a {margin-left: 0;}

  header .sell_b .menu_wrap .menu {height: calc(100vh - 125px); padding-top: 60px;}
  header .sell_b .menu_wrap .menu .depth1 {padding: 0 40px;}
  header .sell_b .menu_wrap .menu .depth1:last-child {padding: 0 40px;}
  header .sell_b .menu_wrap .menu .depth1 > a {font-size: 16px; padding-bottom: 0;}
  header .sell_b .menu_wrap .menu .depth1 > a.on::after {width: 135px; height: 45px;}
  header .sell_b .menu_wrap .menu .depth2 {left: 185px; top: 65px;}
  header .sell_b .menu_wrap .menu .depth2 a {font-size: 16px; color: #4D4D4D;}
  header .sell_b .menu_wrap::after {content: ""; width: 135px; height: 100%; display: block; }
  
  header .sell_b .go_home {background: url("/assets/images/common/headerbg-a.svg") no-repeat center right / cover; background-position: 98.7%;}
  
}
@media all and (max-width: 400px) {
  header .sell_b .right .files_pdf a {margin-right: 10px; font-size: 12px;}

}




/* 분양 퀵메뉴 */
.quick_menu {position: fixed; bottom: 0; right: -120px; width: 90px; height: 100%; z-index: 29;}
/* .quick_menu {position: fixed; bottom: 0; right: -90px; width: 90px; height: 100vh; z-index: 200; background: #F4EFE4; border-left: 1px solid #ECE4D0; box-sizing: border-box;} */
.quick_menu .basic {width: 75px; height: 75px; display: block; background: url("/assets/images/common/ico-quick.svg") no-repeat; opacity: 1; position: fixed; bottom: 0; right: 0; z-index: 1;}
.quick_menu .hide {position: fixed; top: calc(50% + 214px); right: -120px; width: 90px; height: 74px; z-index: 3; background: #7D1919; border-radius: 0 0 8px 8px;}
.quick_menu .hide img {position: absolute; bottom: 30px; right: 35px; width: 16px; height: 16px; opacity: 0; cursor: pointer;}


.quick_menu .bar ul {position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 100%; height: 438px; padding: 34px 0; background: #F4EFE4; border-radius: 8px; display: flex; align-content: center; flex-wrap: wrap;}
.quick_menu .bar ul::after {content: ""; height: 440px; width: 100%; background: #F4EFE4; top: 0; display: block; position: fixed; z-index: -1; border-radius: 8px;}
.quick_menu .bar ul li {position: relative;}
.quick_menu .bar ul li > a {font-size: 12px; text-align: center; display: block; width: 90px; height: 74px; display: flex; align-items: center; flex-wrap: wrap; z-index: 10; background: #F4EFE4; justify-content: center;}
.quick_menu .bar ul li > a span {display: block ;width: 100%; line-height: 1.1; margin-top: -10px;}
.quick_menu .bar ul li > a img {width: 24px;}
/* .quick_menu .bar ul li > a::before {content: ""; width: 30px; height: 30px; display: block; margin: 0 auto;} */
/* .quick_menu .bar ul li.popup > a::before {background: url("../images/ico-quick-popup.svg") no-repeat center;}
.quick_menu .bar ul li.quick > a::before {background: url("../images/ico-quick-quick.svg") no-repeat center;}
.quick_menu .bar ul li.sns > a::before {background: url("../images/ico-quick-sns.svg") no-repeat center;}
.quick_menu .bar ul li.favor > a::before {background: url("../images/ico-quick-favor.svg") no-repeat center;}
.quick_menu .bar ul li.site > a::before {background: url("../images/ico-quick-site.svg") no-repeat center;} */
.quick_menu .bar ul li .box {font-size: 16px; position: absolute; width: 280px; height: 0; right: 90px; top: 0; z-index: -1000; transition: all .7s; box-sizing: border-box; overflow: hidden; padding-left: 40px;}
.quick_menu .bar ul li.on .box {right: 90px; height: 240px;}

.quick_menu .bar ul li .box .scroll {max-height: 200px; overflow-y: auto; padding: 20px; background: rgba(0, 0, 0, .7); }
.quick_menu .bar ul li .box .scroll::-webkit-scrollbar {width: 6px;}
.quick_menu .bar ul li .box .scroll::-webkit-scrollbar-track {background: #CCCCCC; border-radius: 4px;}
.quick_menu .bar ul li .box .scroll::-webkit-scrollbar-thumb {background: #999999; border-radius: 4px;} 
.quick_menu .bar ul li .box .scroll a {display: inline-block; line-height: 1.1; transition: all .2s; height: 40px; display: flex; align-items: center; position: relative; color: #fff;}
.quick_menu .bar ul li .box .scroll a:hover {font-family: pretendard; font-size: 18px;}
/* .quick_menu .bar ul li .box .scroll a:hover span::after {opacity: 1;} */
.quick_menu .bar ul li .box .scroll a span {position: relative;}
/* .quick_menu .bar ul li .box .scroll a span::after {content: ""; width: 100%; display: block; height: 1px; background: #961E1E; position: absolute; bottom: 0; opacity: 0; transition: all .2s;} */
.quick_menu .bar ul li .box .scroll a span:hover {display: flex;}

.quick_menu .bar ul li.sns .box .scroll a {font-family: pretendard; display: flex; align-items: center;}
.quick_menu .bar ul li.sns .box .scroll a:nth-of-type(1)::before {content: ""; display: inline-block; width: 24px; height: 24px; background: url("../images/ico-youtube-wht.svg") no-repeat center; background-size: contain; margin-right: 15px;}
.quick_menu .bar ul li.sns .box .scroll a:nth-of-type(2)::before {content: ""; display: inline-block; width: 24px; height: 24px; background: url("../images/ico-blog-wht.svg") no-repeat center; background-size: contain; margin-right: 15px;}
.quick_menu .bar ul li.sns .box .scroll a:nth-of-type(3)::before {content: ""; display: inline-block; width: 24px; height: 24px; background: url("../images/ico-insta-wht.svg") no-repeat center; background-size: contain; margin-right: 15px;}
.quick_menu .bar ul li.sns .box .scroll a:nth-of-type(4)::before {content: ""; display: inline-block; width: 24px; height: 24px; background: url("../images/icp-fb-wht.svg") no-repeat center; background-size: contain; margin-right: 15px;}

.quick_menu .bar ul li.popup {position: unset;}
.quick_menu .bar ul li.popup .p_zone {/* width: 1115px;  */position: absolute; left: 150px; top: 0; transition: left .8s; z-index: -1;}
.quick_menu .bar ul li.on .p_zone {left: -387px;}
/* .quick_menu .bar ul li .p_zone {left: -1100px !important;} */
/* .quick_menu .bar ul li.popup .p_zone .swiper-container .swiper-wrapper {padding-right: 20px;border: 2px solid red;} */
.quick_menu .bar ul li.popup .p_zone .swiper-slide {background: #FCFBF7; width: 365px;}
.quick_menu .bar ul li.popup .p_zone .swiper-slide .today {position: absolute; bottom: -30px; left: 0; padding-right: 16px; background: #ECE4D0; display: block; width: 100%; padding: 0 10px; height: 32px; text-align: left; line-height: 32px; z-index: 1;}
.quick_menu .bar ul li.popup .p_zone .swiper-slide .today a:nth-of-type(1) {font-size: 14px;}
.quick_menu .bar ul li.popup .p_zone .swiper-slide .today a:nth-of-type(1)::after {content: ""; width: 20px; height: 20px; background: url("../images/ico-today-close.svg") no-repeat; display: inline-block; background-size: cover; position: absolute; top: 7px;}
.quick_menu .bar ul li.popup .p_zone .swiper-slide .today a:nth-of-type(2) {font-size: 14px; position: absolute; right: 10px;}

.quick_menu .bar ul li.popup .p_zone .swiper-slide + .swiper-slide .info {border-left: 1px solid #F3F2ED;}
.quick_menu .bar ul li.popup .p_zone .swiper-slide > div {width: 365px; height: 480px; padding: 40px 45px; text-align: center;}
.quick_menu .p_zone .swiper-slide .com_name {padding: 5px 20px; background: #A03434; color: #fff; border-radius: 50px; display: inline-block; text-align: center; margin: 0 auto; display: inline-flex; font-size: 14px; font-family: pretendard; word-break: break-all;}
.quick_menu .p_zone .swiper-slide .tit {margin-top: 10px; font-family: pretendard; font-size: 24px; word-break: break-all;}
.quick_menu .p_zone .swiper-slide .desc {font-size: 16px; color: #7E5E31; margin-top: 10px; margin-bottom: 20px; font-family: pretendard; word-break: break-all;}
.quick_menu .p_zone .swiper-slide .txt {position: absolute; width: 100%; bottom: 20px; left: 0; font-size: 16px; color: #4D4D4D; word-break: break-all;}
.quick_menu .p_zone .swiper-slide .btn {position: absolute; bottom: 40px; width: calc(100% - 80px);}
.quick_menu .p_zone .swiper-slide .btn a {width: 100%; display: block; background: #2D2D2D; height: 44px; line-height: 44px; font-size: 14px; color: #DDCB97; font-family: pretendard; }
.quick_menu .p_zone .swiper-slide .btn a + a {margin-top: 8px;}

.quick_menu .p_zone .swiper-slide .type1 .img_area {width: 100%; margin-top: 20px;}
.quick_menu .p_zone .swiper-slide .type1 .img_area img {width: 100%; height: 188px;}

.quick_menu .p_zone .swiper-slide .type2 dl {font-size: 14px; font-family: pretendard; display: flex; border-left: 1px solid #F4EFE4; border-right: 1px solid #F4EFE4; word-break: break-all;}
.quick_menu .p_zone .swiper-slide .type2 dl:first-of-type {border-top: 1px solid #B0272F;}
.quick_menu .p_zone .swiper-slide .type2 dl:last-of-type {border-bottom: 1px solid #F4EFE4;}
.quick_menu .p_zone .swiper-slide .type2 dl dt {width: 50%; background: #fff; word-break: break-all;}
.quick_menu .p_zone .swiper-slide .type2 dl dd {background: #fff; width: 50%; word-break: break-all;}
.quick_menu .p_zone .swiper-slide .type2 dl dt span {padding: 5px 20px; display: block; width: 100%;  box-sizing: border-box; border-top: 1px solid #F4EFE4; word-break: break-all;}
.quick_menu .p_zone .swiper-slide .type2 dl dd span {padding: 5px; display: block; width: 100%; display: flex; align-items: center; justify-content: center; height: 100%; border-top: 1px solid #F4EFE4; word-break: break-all;}
/* .quick_menu .p_zone .swiper-slide .type2 dl dt {background: #A03434; width: 50%; color: #fff; padding: 5px 20px; border-right: 1px solid #F4EFE4;}
.quick_menu .p_zone .swiper-slide .type2 dl dd {background: #fff; width: 50%; padding: 5px; display: flex; align-items: center; justify-content: center;} */
.quick_menu .p_zone .swiper-slide .type3 .competition {background: #F1EEE7; height: auto; width: calc(100% + 90px); margin-left: -45px; max-height: 285px; overflow: hidden;}
.quick_menu .p_zone .swiper-slide .type3 .competition p img {width: 100%;}
.quick_menu .p_zone .swiper-slide .type3 .competition p.txt1 {margin-top: 70px; font-size: 16px; font-family: pretendard;}
/* .quick_menu .p_zone .swiper-slide .type3 .competition p:first-of-type img {margin-top: -70px;} */
.quick_menu .p_zone .swiper-slide .type3 .competition p.txt2 {margin: 13px 0 20px; font-size: 24px; color: #961E1E; font-family: pretendard;}
.quick_menu .p_zone .swiper-slide .type3 .competition p.txt3 {color: #4D4D4D; font-size: 16px; padding-bottom: 57px;}

.quick_menu .p_zone .swiper-slide .type4 .yt {width: 100%; height: 240px; margin-top: -4px;}
.quick_menu .p_zone .swiper-slide .type4 .yt a {width: 135px; height: 76px; display: inline-block;}

.quick_menu .p_zone .swiper-slide .type4 .yt a img {width: 100%; height: 100%;}
.quick_menu .p_zone .swiper-slide .type4 .yt a:nth-of-type(3) {margin-top: 4px;}
.quick_menu .p_zone .swiper-slide .type4 .yt a:nth-of-type(4) {margin-top: 4px;}
.quick_menu .p_zone .swiper-slide .type4 .yt a:nth-of-type(5) {margin-top: 4px;}
.quick_menu .p_zone .swiper-slide .type4 .yt a:nth-of-type(6) {margin-top: 4px;}

.quick_menu .bar ul li.popup .p_zone .swiper-slide > div.type5 {padding: 0; overflow: hidden; position: relative;}
.quick_menu .bar ul li.popup .p_zone .swiper-slide > div.type5 img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto;}




.quick_menu .bar ul li.popup .p_zone .swiper-slide .img {width: 360px; height: 180px; overflow: hidden; position: relative;}
.quick_menu .bar ul li.popup .p_zone .swiper-slide .img img {height: 100%;}
.quick_menu .bar ul li.popup .p_zone .swiper-slide .info {width: 100%; height: 300px; padding: 50px 3% 40px; text-align: center;}
.quick_menu .bar ul li.popup .p_zone .swiper-slide .info .txt1 {font-size: 16px; font-family: pretendard; color: #4D4D4D;}
.quick_menu .bar ul li.popup .p_zone .swiper-slide .info .txt2 {font-size: 24px; font-family: pretendard; color: #222; margin: 0 0 20px}
.quick_menu .bar ul li.popup .p_zone .swiper-slide .info .txt3 {display: inline-block; font-size: 24px; font-family: pretendard; color: #961E1E; border-top: 1px solid #961E1E; border-bottom: 1px solid #961E1E;}
.quick_menu .bar ul li.popup .p_zone .swiper-slide .info .txt3 > span {font-family: "Poppins-Bold";}
.quick_menu .bar ul li.popup .p_zone .swiper-slide .info > a {display: block; position: absolute; bottom: 40px; left: 50%; transform: translate(-50%, 0); width: 280px; height: 44px; text-align: center; line-height: 43px; background-color: #2D2D2D; font-size: 14px; font-family: pretendard; color: #DDCB97;}


.quick_menu .bar ul li.popup .p_zone .close {width: 40px; height: 100px; background: url("/assets/images/common/quick-pop-close.png") no-repeat; display: block; position: absolute; left: -40px; top: 0; cursor: pointer;}
/* .quick_menu .bar ul li.popup .p_zone .arrow {position: absolute; top: 0; right: 10px; width: 110px; height: 60px; border: 1px solid red;} */
.quick_menu .bar ul li.popup .p_zone .arrow .swiper-button-prev {width: 40px; height: 40px; background: url("/assets/images/common/ico-quick-pop-left.svg") no-repeat; left: 0; }
.quick_menu .bar ul li.popup .p_zone .arrow .swiper-button-next {width: 40px; height: 40px; background: url("/assets/images/common/ico-quick-pop-left.svg") no-repeat; right: 0; transform: rotate(180deg); }
.quick_menu .bar ul li.popup .p_zone .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {opacity: .5;}
/* .quick_menu .bar ul li.popup.on .p_zone .close {left: -40px;} */

.quick_menu .bar ul li .box .close {width: 40px; height: 40px; display: block; background: url("../images/ico-quick-close.svg"); cursor: pointer; position: absolute; top: 15px; left: 0; opacity: 0; transition-delay: .6s; transition-duration: .5s;}
.quick_menu .bar ul li.on .box .close {top: 0; opacity: 1;}

@media all and (max-width: 1280px) {
  .quick_menu .bar ul li.popup .p_zone {width: 365px; left: 200px !important;}
  .quick_menu .bar ul li .p_zone .swiper-wrapper {transform: translate3d(0px, 0px, 0px);}
  .quick_menu .bar ul li.on .p_zone {left: -378px !important;}
  .quick_menu .bar ul li.popup .p_zone .swiper-slide {width: 365px;}
  .quick_menu .bar ul li.popup .p_zone .arrow .swiper-button-next {right: 0;}
}

@media all and (max-width: 768px) {
  .quick_menu {width: 70px;}
  .quick_menu::before {display: none;}
  .quick_menu .basic {bottom: -12px; transform: translateX(12px);}
  .quick_menu .hide {width: 70px; height: 60px;}
  .quick_menu .hide img {bottom: 22px; right: 27px;}

  /* .quick_menu .bar ul li.popup .p_zone {top: -100px;} */
  .quick_menu .bar ul li > a {width: 70px;}
  .quick_menu .bar ul li .box {right: 70px;}
  .quick_menu .bar ul li.on .box {right: 70px;}
}
@media all and (max-width: 500px) {
  .quick_menu {width: 55px;}
  .quick_menu .bar ul li > a {width: 55px;}
  .quick_menu .bar ul li > a img {width: 22px;}
  .quick_menu .bar ul li.on .box {right: 55px; width: 220px;}
  .quick_menu .hide {width: 55px; height: 55px;}
  .quick_menu .hide img {bottom: 20px; right: 19px;}
  
  .quick_menu .bar ul li.popup {position: unset;}
  .quick_menu .bar ul li.popup .p_zone {width: 300px; top: 0;}
  .quick_menu .bar ul li.on .p_zone {left: -302px !important;}
  .quick_menu .bar ul li.popup .p_zone .swiper-slide > div {width: 300px; padding: 30px 20px; height: 430px;}
  .quick_menu .p_zone .swiper-slide .tit {font-size: 20px; margin-top: 8px;}
  .quick_menu .p_zone .swiper-slide .txt {bottom: 25px;}
  .quick_menu .p_zone .swiper-slide .desc {margin-top: 8px; margin-bottom: 12px;}
  .quick_menu .p_zone .swiper-slide .btn {bottom: 25px; width: calc(100% - 40px); }

  .quick_menu .p_zone .swiper-slide .btn a + a {margin-top: 5px;}
  .quick_menu .p_zone .swiper-slide .btn a {height: 40px; line-height: 40px;}
  .quick_menu .p_zone .swiper-slide .type1 .img_area {margin-top: 12px;}
  /* .quick_menu .p_zone .swiper-slide .type1 .img_area img {height: ;} */
  .quick_menu .p_zone .swiper-slide .type3 .competition {height: 238px;}
  .quick_menu .p_zone .swiper-slide .type3 .competition p:first-of-type {margin-top: 68px;}
  .quick_menu .p_zone .swiper-slide .type3 .competition p:nth-of-type(2) {margin: 8px 0 12px;}
  .quick_menu .p_zone .swiper-slide .type4 .yt {margin-top: 0;}
  .quick_menu .p_zone .swiper-slide .type4 .yt a {width: 120px; height: 68px;} 
  .quick_menu .p_zone .swiper-slide .type2 dl dt span {padding: 5px;}

  .quick_menu .bar ul li.popup .p_zone .close {width: 30px; background-size: contain; left: -30px;} 
  .quick_menu .bar ul li.popup .p_zone .swiper-slide {width: 300px;}
  .quick_menu .bar ul li.popup .p_zone .swiper-slide .img {height: 150px;}
  .quick_menu .bar ul li.popup .p_zone .swiper-slide .info {padding: 20px 3% 20px; height: 220px;}
  .quick_menu .bar ul li.popup .p_zone .swiper-slide .info .txt1 {font-size: 14px;}
  .quick_menu .bar ul li.popup .p_zone .swiper-slide .info .txt2 {font-size: 18px;}
  .quick_menu .bar ul li.popup .p_zone .swiper-slide .info > a {width: 200px; bottom: 20px;}

  .quick_menu .bar ul li.popup .p_zone .arrow .swiper-button-prev {width: 35px; height: 35px; background: url("/assets/images/common/ico-quick-pop-left.svg") no-repeat; left: 0; background-size: contain; margin-top: -19px;}
  .quick_menu .bar ul li.popup .p_zone .arrow .swiper-button-next {width: 35px; height: 35px; background: url("/assets/images/common/ico-quick-pop-left.svg") no-repeat; right: 0; transform: rotate(180deg);  background-size: contain;  margin-top: -19px;}
}
@media all and (max-width: 420px) {
  
  .quick_menu .bar ul {top: 54%;}
  .quick_menu .bar ul li > a {height: 65px;}

  .quick_menu .bar ul li.popup .p_zone {width: 270px;}
  .quick_menu .bar ul li.on .p_zone {left: -270px !important;}
  .quick_menu .bar ul li.popup .p_zone .swiper-slide {width: 270px;}
  .quick_menu .bar ul li.popup .p_zone .swiper-slide > div {width: 270px;}
  .quick_menu .p_zone .swiper-slide .type4 .yt a {width: 110px; height: 62px;}
  
  .quick_menu .bar ul li.popup .p_zone .swiper-slide .img {height: 130px;}
  .quick_menu .bar ul li.popup .p_zone .swiper-slide .info > a {width: 170px;}
  .quick_menu .bar ul li.popup .p_zone .swiper-slide .info .txt3 {font-size: 20px;}
}
@media all and (max-width: 420px) {}


/* header .fixed .util .full_menu {width: 48px; height: 48px; display: inline-block; cursor: pointer; position: relative;}
header .fixed .util .full_menu span {width: 40px; height: 2px; background: #2D2D2D; display: inline-block; position: absolute; left: 4px; top: 18px; animation-duration: 0.75s;}
header .fixed .util .full_menu span:nth-child(1) {animation : menu-ani1 .5s forwards;}
header .fixed .util .full_menu.on span:nth-child(1) {animation : menu-ani1-1 .5s forwards;}
header .fixed .util .full_menu span:nth-child(2) {animation : menu-ani2 .5s forwards; top: 26px;}
header .fixed .util .full_menu.on span:nth-child(2) {animation : menu-ani2-1 .5s forwards;}

@keyframes menu-ani1 {
  0% {transform : translateY(4px) rotate(45deg);}
  50% {transform : translateY(4px) rotate(0);}
  100% {transform : translateY(0px) rotate(0);}
}
@keyframes menu-ani2 {
  0% {transform : translateY(-4px) rotate(-45deg);}
  50% {transform : translateY(-4px) rotate(0);}
  100% {transform : translateY(0px) rotate(0);}
}
@keyframes menu-ani1-1 {
  0% {transform : translateY(0) rotate(0);}
  50% {transform : translateY(4px) rotate(0);}
  100% {transform : translateY(4px) rotate(45deg);}
}
@keyframes menu-ani2-1 {
  0% {transform : translateY(0) rotate(0);}
  50% {transform : translateY(-4px) rotate(0);}
  100% {transform : translateY(-4px) rotate(-45deg);}
}
 */







/* 푸터 */
/* footer {width: 100%; height: 392px; background: #08213F; padding: 100px 0; font-size: 16px;}
footer .inner {position: relative;}
footer .links {margin: 73px 0 41px;}
footer .links a {color: #fff; margin-right: 30px;}
footer .links a:first-child {font-family: pretendard;}
footer .links a:last-child {margin-right: 0;}
footer .foot_info {color: #fff; opacity: 0.6; font-size: 12px;}
footer .foot_info span {margin-right: 20px; display: inline-block; position: relative;}
footer .foot_info span::before {content: ""; display: inline-block; width: 1px; height: 12px; background: #fff; opacity: 0.6; position: absolute; top: 3px; left: -10px;}
footer .foot_info span:first-child::before {display: none;}
footer .foot_info p:last-child {margin-top: 8px;}


footer .family_site {width: 312px; position: absolute; right: 0; bottom: 70px; display: flex;}
footer .family_site .form_select {width: 240px;}
footer .family_site .form_select select {background: #051426; color: #fff; border: 0;}
footer .family_site .form_select select {background: #051426; color: #fff !important; border: 0; cursor: pointer;}
footer .family_site .form_select::after {content: ""; display: block; width: 20px; height: 20px; background: url("/assets/images/common/ico-arrow-down.svg") no-repeat; background-size: contain; transition-duration: rotate 0.5s;}
footer .family_site .form_select.on::after {transform: rotate(180deg) translateY(50%);}
footer .family_site .go {color: #fff; background: #051426; width: 64px; height: 48px; line-height: 48px; display: inline-block; text-align: center; margin-left: 8px; font-size: 14px;}
footer .webacc_mark {position: absolute; right: 0; top: -20px;}

@media all and (max-width: 1280px) {
  footer {height: 100%;}
  footer .links {margin: 60px 0 140px;}
  footer.en .links {margin: 60px 0 120px;}
  footer .family_site {bottom: unset; top: 155px; width: 100%;}
  footer.en .family_site {top: 145px;}
  footer .family_site {position: unset; margin-top: 60px;}
}

@media all and (max-width: 768px) {
  footer {padding: 60px 0 ;}
  footer .links {margin: 60px 0 170px;}
  footer.en .links {margin: 60px 0 209px;}
  footer .links a {display: block;}
  footer .links a + a {margin-top: 15px;}
  footer .family_site {top: 260px; margin-top: 60px;}
  footer.en .family_site {top: 260px;}
  footer .family_site .form_select {width: calc(100% - 56px);}

  footer .foot_info {opacity: .7;}
  footer .foot_info a {color: inherit;}
  footer .foot_info span {display: block;}
  footer .foot_info span::before {display: none;}
  footer .foot_info p:last-child {margin-top: 0;}

} */


/* footer .family_site {color: #fff; }
footer .family_site .wrap .click {width: 240px; height: 48px; padding: 15px 16px; background: #051426; display: flex; justify-content: space-between; align-items: center; cursor: pointer; color: #fff;}
footer .family_site .wrap .click p {letter-spacing: 0;}
footer .family_site .wrap .click span {display: block; height: 20px; transition-duration: 0.3s;}
footer .family_site .wrap .click.on span {transform: rotate(180deg);}
footer .family_site .wrap .silde {width: 240px; background: #ddd; padding: 15px; position: absolute; bottom: 48px; z-index: 5; display: none;}
footer .family_site .wrap .silde a {display: block;}
footer .family_site .go {color: #fff; background: #051426; width: 64px; height: 48px; line-height: 48px; display: inline-block; text-align: center; margin-left: 8px; font-size: 14px ;}
 */


.footer{display : flex; justify-content :center; background: #fff;padding : 47px 43px; position: relative;}
.footer-inner{width : 100%;max-width : 1834px;position : relative;}
.footer-logo{margin-bottom: 17px;}
.footer-info{font-size : 12px; color : #7E7E7E; font-family : pretendard; letter-spacing : -0.03em; font-weight : 300; margin-bottom: 22px;}
.footer-p{font-size : 12px; color : #7E7E7E; font-family : pretendard; letter-spacing : -0.03em; font-weight : 300; margin-bottom: 12px;}
.footer-copy{font-size : 10px; color : #7E7E7E; font-family : pretendard; letter-spacing : -0.03em; font-weight : 300; }

.sigong{position : absolute;right : 0;bottom : 0;max-width : 100%;}

@media all and (max-width: 1280px) {
	.footer{padding : 20px;}
	.sigong{position : static; margin-top: 20px;}
}

/* 공통 탑버튼 */






/* 서브페이지 */
.inner {width: 1280px !important; margin: 0 auto;}
#cBody {position: relative;}
.sub_body {position: relative; margin: 0 auto 200px; width: 100%;}
.sub_body.full_bg {position: relative; width: 100%; margin: 0 auto 0;}
.sub_body.mem {width: 640px !important;}

@media all and (max-width: 1500px) {
  .inner {width: 1000px !important;}
}
@media all and (max-width: 1024px) {
  .inner {width: 90% !important;}
}
@media all and (max-width: 768px) {
  .inner {width: 94% !important;}
  .sub_body.mem {width: 94% !important;}
  .sub_body {margin: 0 auto 100px;}
}


/* 스크롤 모션 */
/* .scroll_motion {transform: translateY(200px); opacity: 0; transition: 1.3s;} */
.scroll_motion.active {transform: translate(0) !important; opacity: 1;}
.scroll_motion.init {transform: translateY(0) !important; opacity: 1 !important;}
.scroll_motion.init:nth-of-type(2) {transition-delay: .2s;}
.scroll_motion.init:nth-of-type(3) {transition-delay: .3s;}
@keyframes fadeUp {	
	0% {transform: translateY(200px); opacity: 0;}
	100% {transform: translateY(0); opacity: 1;}
}
/* .scroll_motion.init {transform: translateY(200px); opacity: 0; animation: fadeUp 1.3s forwards;}
.scroll_motion.init:nth-of-type(2) {animation-delay: .2s;}
.scroll_motion.init:nth-of-type(3) {animation-delay: .3s;}
@keyframes fadeUp {	
	0% {transform: translateY(200px); opacity: 0;}
	100% {transform: translateY(0); opacity: 1;}
} */

/* ------------------------------------------------------------------- 메뉴 공통 - End ----------------------------------------------------------------------- */






/* ------------------------------------------------------------------- 플러그인 사용 공통 - Start ----------------------------------------------------------------------- */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
/* ------------------------------------------------------------------- 플러그인 사용 공통 - End ------------------------------------------------------------------------- */







/* ------------------------------------------------------------------- 팝업 공통 - Start ----------------------------------------------------------------------- */

.pop_wrap {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1000; background: rgba(0, 0, 0, 0.8);}

/* .pop_wrap .pop_body {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 1000px; height: 720px; background: #fff; overflow: hidden; padding: 40px 0 50px 40px;} */
.pop_wrap .pop_body {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 1000px; height: 720px; background: #fff; overflow: hidden; padding: 40px 0 40px 40px;}

.pop_wrap .pop_body .pop_con {max-height: 564px; overflow-y: auto; padding-right: 40px;}

.pop_wrap .pop_body .pop_con::-webkit-scrollbar {width: 6px; height: 6px;}
.pop_wrap .pop_body .pop_con::-webkit-scrollbar-thumb {background: #999;}
.pop_wrap .pop_body .pop_con::-webkit-scrollbar-track {background: #CCCCCC;}
.pop_body.btn_fix .pop_con {max-height: calc(100% - 180px) !important;}
.pop_wrap .pop_body .pop_con .division {margin-bottom: 60px;}
.pop_wrap .pop_body .pop_con .division:last-of-type {margin-bottom: 0;}
.pop_wrap .pop_body .pop_con .division .tit {font-family: pretendard; margin-bottom: 20px;}
.pop_wrap .pop_body .pop_con .division .txt {font-size: 16px;}
.pop_wrap .pop_body .pop_con .division .terms_list {margin-top: 20px; font-size: 16px; color: #4D4D4D;}
.pop_wrap .pop_body .pop_con .division .terms_list li {display: flex; margin-bottom: 14px;}
.pop_wrap .pop_body .pop_con .division .terms_list li:last-of-type {margin-bottom: 0;}
.pop_wrap .pop_body .pop_con .division .terms_list li span:first-of-type {display: inline-block; width: 30px;}
.pop_wrap .pop_body .pop_con .division .terms_list li span:last-of-type {display: inline-block; width: calc(100% - 30px);}

.pop_wrap .xbt {display: inline-block; position: absolute; width: 48px; height: 48px; background: url("../images/ico-pop-close.svg"); top: 0; right: 0;}
.pop_wrap .pop_tit {font-size: 24px; font-family: pretendard; margin-bottom: 40px;}
/* .sub_body .pop_wrap .btn_area {margin-top: 40px; display: block; width: auto;} */
/* .sub_body .pop_wrap .btn_area {margin-top: 50px; display: block; width: auto;} */
.sub_body.mem .pop_wrap .btn_area a {width: auto; margin: 0 auto;}

.sub_body .pop_wrap .pop_body.btn_fix .btn_area {position: absolute; left: 50%; transform: translateX(-50%); bottom: 40px; margin-top: 0; z-index: 1;}
.sub_body .pop_wrap .pop_body.btn_fix .btn_area.chk {position: unset; transform: translateX(0);}


/* .sub_body.mem .pop_wrap .pop_body {height: auto;} */
.pop_wrap .pop_body.no_mem .agree_area + .btn_area {margin-top: 0;}
.pop_wrap .btn_area.column1 a {width: 152px; height: 48px; line-height: 47px; font-size: 16px;}

.window_open {margin-top: 300px;}

.pop_wrap.window .pop_body {position: unset; transform: translate(0, 0); min-width: 100%; width: 100%; height: 100%; background: #fff; overflow: hidden; padding: 40px 0 40px 40px;}

.pop_wrap .pop_body .form_table table {width: 100% !important;}
.pop_wrap .pop_body .form_table::-webkit-scrollbar {height: 6px;}
.pop_wrap .pop_body .form_table::-webkit-scrollbar-track {background: #ddd; border-radius: 0;}
.pop_wrap .pop_body .form_table::-webkit-scrollbar-thumb {background: #999; border-radius: 0;} 

.pop_body.as_info_pop table.as_info_table {width: 100% !important;}

/* .pop_body.btn_fix .pop_con {max-height: 447px;} */
.pop_body.btn_fix .btn_area {margin-right: 40px;}

@media all and (max-width: 1024px) {
  .pop_wrap .pop_body {top: 0; left: 0; transform: translate(0, 0); width: 100% !important; min-width: 100% !important; height: 100% !important;}
  .pop_wrap .pop_tit {margin-bottom: 30px; font-size: 20px;}
  .pop_wrap .pop_body .pop_con {max-height: calc(100% - 45px) !important;}
  /* .pop_wrap .pop_body .pop_con {max-height: calc(100% - 45px) !important;} */
  .pop_body.btn_fix .pop_con {max-height: calc(100% - 150px) !important;}
  .sub_body .pop_wrap .btn_area {margin-top: 50px;}
  .pop_body.btn_fix .btn_area {margin-right: 16px;}
  .pop_wrap .xbt {top: 5px;}

}
@media all and (max-width: 768px) {
	.pop_wrap .pop_body .form_table table {width: 768px !important;}
  .pop_wrap .pop_body {padding: 16px 0 50px 16px; position: relative;}
  .pop_wrap .pop_body .pop_con {max-height: calc(100% - 60px) !important; padding-right: 16px; height: 100%;}
  .pop_wrap .pop_body.btn_fix .pop_con {max-height: calc(100% - 150px) !important; padding-right: 16px;}
  /* .sub_body .pop_wrap .btn_area {margin-top: 30px;} */
  .sub_body.mem .pop_wrap .btn_area a {width: 100%;}
  .sub_body .pop_wrap .pop_body.btn_fix .btn_area {bottom: 70px;}

  .pop_wrap.window .pop_body {padding: 16px 0 16px 16px;}
  .sub_body .pop_wrap .pop_body.btn_fix .btn_area {width: calc(100% - 32px);}
}



/* ------------------------------------------------------------------- 팝업 공통 - End ------------------------------------------------------------------------- */




/* ------------------------------------------------------------------- 탭 공통 - Start ------------------------------------------------------------------------- */

.tab_type1 {background: #fff; top: 0; overflow: visible;}
.tab_type1 .swiper-slide {display: flex; align-items: center; width: auto; font-size: 20px; font-family: pretendard; color: #727272;}
.tab_type1 .swiper-slide.on {color: #961E1E;}
.tab_type1 .swiper-slide span {display: inline-block; position: relative; width: auto; height: 35px; line-height: 34px;}
.tab_type1 .swiper-slide span::after {content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #961E1E; opacity: 0; transition-duration: 0.5s; transition-property: opacity;}
.tab_type1 .swiper-slide.on span::after {opacity: 1;}
.tab_type1 .swiper-slide .newicon {display: inline-block; width: 32px; height: 32px; margin-left: 10px; background: url('../images/tab-newicon.png') no-repeat 0 0; background-size: contain;}
.tab_type1.fixed_top {position: fixed; top: 0; z-index: 5; left: 50%; transform: translateX(-50%); padding: 33px 0;}
.tab_type1.fixed_top::after {content: ""; width: 3000px; height: 101px; background: #fff; display: block; position: absolute; top: 0; left: 50%; transform: translate(-50%); z-index: -1; border: 1px solid #ddd;}
.tab_type1.fixed_top.swiper-container {overflow: unset;}

/* .tab_type2 .tab {padding: 16px 0; width: 50%; min-width: 90px; text-align: center; border-bottom: 2px solid #ddd; background: #F6F6F6; transition: all .3s;} */
/* .tab_type2 .tab {flex:1; padding: 16px 0; text-align: center; border-bottom: 2px solid #ddd; background: #F6F6F6; transition: all .3s;} */
.tab_area2 {position: relative;}
.tab_area2 .swiper-button-prev, .tab_area2 .swiper-button-next { top: 50%; transform: translateY(-50%); width: 48px; height: 48px; margin-top: 0px; background: url("") center center / 48px no-repeat; }
.tab_area2 .swiper-button-prev { left: -58px; background-image: url("../images/ico-swiper-prev-black.svg"); }
.tab_area2 .swiper-button-next { right: -58px; background-image: url("../images/ico-swiper-next-black.svg"); }
.tab_type2 {position: relative;}
.tab_type2 .tab_wrap {display: flex;}
.tab_type2 .tab {flex: 1; height: auto; padding: 16px 16px; text-align: center; border-bottom: 2px solid #ddd; background: #F6F6F6; box-sizing: border-box;}
.tab_type2 .tab:focus {outline: none; border: 2px solid #222;}
.tab_type2 .tab:focus span {transform: translateY(-1px);}
.tab_type2 .tab span {font-family: pretendard, sans-serif; font-size: 20px; color: #727272; word-break: break-all;}
.tab_type2 .tab.on {border-bottom: 2px solid #961E1E; background: #fff;}
.tab_type2 .tab.on span {color: #961E1E;}
.tab_area2 .swiper-button-prev, .tab_area2 .swiper-button-next {display: none;}
.tab_type2.templ_tab .tab, .tab_type2.for_width .tab {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; flex: 1 0 auto; width: auto !important; min-width: 16.66%;}
/* .tab_type2.templ_tab .tab span {max-height: 90px; overflow: hidden;} */
.tab_type2.tab_small .tab {padding-bottom: 12px;}
.tab_type2.tab_small .tab span {font-size: 16px;}
.tab_con_area {padding-top: 80px;}
.tab_con_area > div {display: none;}
.tab_con_area > div.on {display: block;}

.tab_type4 {overflow: visible; margin-top: 220px;}
.tab_type4 + .sub_tit {padding: 100px 0 30px !important;}
.tab_type4 ~ .sub_tit_copy {padding: 0 !important;}
.tab_type4 .swiper-slide {width: 33.3%; height: 64px; font-family: pretendard; font-size: 20px; line-height: 64px; text-align: center; color: #727272; border: 1px solid #ddd; background-color: #F6F6F6;}
.tab_type4 .swiper-slide.on {color: #961E1E; border: 1px solid #882924; background-color: #fff;}

@media all and (max-width: 1130px) {
	.tab_area2.inner {width: 90% !important;}
  /* .tab_type2 {width: 100% !important;} */
  .tab_area2 .swiper-button-prev {left: -48px;}
  .tab_area2 .swiper-button-next {right: -48px;}
}
@media all and (max-width: 768px) {
  /* .tab_wrap {width: 106%; margin-left: -3%;} */
  /* .tab_wrap {width: 106.2%; margin-left: -3.1%;} */
  /* .tab_wrap .tab span {font-size: 18px;} */
  .pop_body .pop_con .tab_wrap {width: 100%; margin-left: 0;}
  .tab_con_area {padding-top: 60px;}
  .tab_type1.fixed_top::after {top: -3px;}
  
  /* .tab_type1 { width: 103% !important;} */
  /* .tab_type1 .swiper-slide:last-of-type {margin-right: 50px !important;} */
  .tab_type1 .swiper-slide {font-size: 18px;}
  .tab_type1.fixed_top {padding: 18px 0;}
  .tab_type1.fixed_top::after {height: 74px;}
  .tab_type1.for_btn_fix {padding: 18px 0 100px;}
  .tab_type1.for_btn_fix::after {height: 154px;}
  
  /* .tab_type2.for_width {overflow-x: auto; margin-left: -3%; width: 106%;} */
  /* .tab_type2 .swiper-wrapper {width: 100% !important;} */
  /* .tab_type2.for_width .tab_wrap {width: 680px;} */
  .tab_area2.inner {width: 100% !important;}
  .tab_area2 .swiper-button-prev, .tab_area2 .swiper-button-next {display: none;}
  .tab_type2 .tab {padding: 16px 24px;}
  .tab_type2 .tab span {font-size: 18px;}
  .tab_type2.templ_tab {width: 100% !important;}
  .tab_type2.for_width {width: 106.2%; margin-left: -3.1%;}
  .sc_hills_news .tab_type2 {width: 106.2%; margin-left: -3.1%;}
  .tab_type2.templ_tab .tab, .tab_type2.for_width .tab {width: auto !important; min-width: unset;}
  .tab_type2.templ_tab .tab:first-child, .tab_type2.for_width .tab:first-child {padding-left: 30px;}
  .tab_type2.templ_tab .tab:last-child, .tab_type2.for_width .tab:last-child {padding-right: 30px;}
  .tab_type2.templ_tab .tab.on, .tab_type2.for_width .tab.on {background: #F6F6F6;}

  .tab_type4 {margin-top: 132px;}
  .tab_type4.inner {width: 100% !important;}
  .tab_type4 + .sub_tit {padding: 60px 0 20px !important;}
  .tab_type4 ~ .sub_tit_copy {margin: 0 auto;}
  .tab_type4 .swiper-slide {flex: 1 0 auto; width: auto !important; padding: 0 24px; font-size: 18px; border: 1px solid #F6F6F6;}
  /* .tab_type4 .swiper-slide {width: 40%; font-size: 18px; border: 1px solid #F6F6F6;} */
}
@media all and (max-width:500px) {
}

/* ------------------------------------------------------------------- 탭 공통 - End --------------------------------------------------------------------------- */




/* ------------------------------------------------------------------- 아코디언 공통 - Start  --------------------------------------------------------------------------- */

.accordion li {margin-bottom: 10px;}
.accordion li:last-of-type {margin-bottom: 0;}
.accordion li a.question {width: 100%; min-height: 100px; padding: 25px 40px 25px 60px; border: 1px solid #DDDDDD; border-radius: 10px; display: block; display: flex; align-items: center; justify-content: space-between; box-shadow: 0 5px 15px rgba(000, 000, 000, 0.1); background: #fff; position: relative; z-index: 2;}
.accordion li a.question p {word-break: break-all;}
.accordion li a.question p:first-of-type {font-size: 16px; font-family: pretendard; color: #A38862; width: 55px;}
.accordion li a.question p:last-of-type {display: flex; font-size: 20px; font-family: pretendard; width: calc(100% - 220px);}
.accordion li a.question p:last-of-type span {margin-right: 16px; font-size: 20px; font-family: pretendard; color: #961E1E;}
.accordion li a.question > span {display: inline-block; width: 48px; height: 48px; background: url("../images/ico-acco-arrow.svg") no-repeat; background-size: contain; transition: transform .4s;}
.accordion li.on a.question {border: 1px solid #2D2D2D;}
.accordion li.on a.question > span {display: inline-block; width: 48px; height: 48px; background: url("../images/ico-acco-arrow-red.svg") no-repeat; background-size: contain; transform: rotate(180deg);}

.accordion li .answer {border: 1px solid #ddd; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top: 0; margin-top: -15px; padding: 66px 60px 60px 44px; display: none; position: relative; word-break: break-all;}
/* .accordion li .answer::before {content: ""; background: #fff; display: block; width: 100%; height: 15px; position: absolute; top: 0; left: 0;} */
.accordion li .answer * {word-break: break-all;}
.accordion li .answer .file_val  {word-break: keep-all;}
.accordion li .answer div.txt {word-break: break-all; padding-left: 22px; position: relative;}
.accordion li .answer div.txt::before {content: "A."; color: #961E1E; font-size: 16px; font-family: pretendard; margin-right: 6px; display: inline-block; vertical-align: top; position: absolute; left: 0;}
.accordion.type2 li p .answer::before {content: "";}
.accordion li .answer .img {max-width: 100%; margin-top: 20px;}
.accordion li .answer .img img {max-width: 100%;}
.accordion li .answer img {max-width: 100% !important; width: auto !important; height: auto !important;}
.accordion li img {max-width: 100% !important; width: auto !important; height: auto !important;}
.accordion li .txt img {max-width: 100% !important; width: auto !important; height: auto !important;}
.accordion li .txt p img {max-width: 100% !important; width: auto !important; height: auto !important;}


.accordion li .answer .form_input_file {border-top: 1px solid #DDDDDD; padding-top: 60px; margin-top: 80px;}

@media all and (max-width: 768px) { 
  .accordion li a.question {display: block; padding: 30px 20px; position: relative;}
  .accordion li a.question p:last-of-type {margin-top: 20px; width: calc(100% - 50px);}
  .accordion li a.question > span {position: absolute; top: 12px; right: 10px;}
  .accordion li .answer {padding: 40px 20px 30px;}
  .accordion li .answer .img {margin: 40px 0;}
  .accordion li .answer .form_input_file {padding-top: 40px; margin-top: 40px;}
  
}



/* ------------------------------------------------------------------- 아코디언 공통 - End  --------------------------------------------------------------------------- */



/* ------------------------------------------------------------------- 검색영역 공통 - Start  --------------------------------------------------------------------------- */

.srch_sec {position: relative; width: 100%;}
.srch_sec .bg {width: 100%; height: 800px; background: url("../images/bg-srch.jpg") no-repeat; background-size: cover; background-position: center; margin: 80px 0 60px;}
.apartment_list .srch_sec .bg {background: url("../images/bg-local-housing.jpg") no-repeat; background-size: cover; background-position: center;}
.apartment_list.type2 .srch_sec .bg {background: url("../images/bg-apartment-list.jpg") no-repeat; background-size: cover; background-position: center;}
.sale_complex_list.type2 .srch_sec .bg {background: url("../images/bg-sale-complex.jpg") no-repeat; background-size: cover; background-position: center;}

.srch_sec .con_area {position: relative; border: 1px solid #2D2D2D; border-radius: 16px; background: #fff; padding: 60px 60px 120px 60px; margin-top: -90px; overflow: hidden; box-shadow: 0 10px 10px rgba(000, 000, 000, 0.06); z-index: 1;}
.srch_sec .input_sec {display: flex; position: absolute; right: 0; top: -80px; width: 480px; height: 56px; border-radius: 28px;}
.srch_sec .con_area .input_sec {display: flex; position: relative; top: 0; width: 480px; height: 56px; border-radius: 28px; margin: 0 auto;}
.srch_sec .input_sec .input_div {width: 100%; height: 100%;}
.srch_sec .input_sec .input_div input {width: 100%; height: 100%; border: 1px solid #ddd; border-radius: 40px; font-size: 16px; padding: 3px 80px 3px 40px;}
.srch_sec .input_sec .input_div input:focus {border: 1px solid #2d2d2d;}
.srch_sec .input_sec .input_div.bk_line input {border: 1px solid #2d2d2d;}
.srch_sec .input_sec .input_div.change_line input {border: 1px solid #2d2d2d;}
.srch_sec .input_sec .input_div input[type="text"]::-webkit-input-placeholder {color: #333333;}
.srch_sec .input_sec > a {position: absolute; top: 0; right: 0;}
.srch_sec .con_area .check_sec {width: 100%; margin: 40px 0;}
.srch_sec .con_area .check_sec li {width: 100%; display: flex; justify-content: flex-start; padding-left: 55px;}
.srch_sec .con_area .check_sec li + li {margin-top: 30px; padding-top: 30px; border-top: 1px solid #ddd;}
.srch_sec .con_area .check_sec li .tit {font-size: 20px; font-family: pretendard; color: #222; margin-right: 60px;}
.srch_sec .con_area .check_sec li .switch_bt {margin: 0 40px;}
.srch_sec .con_area .check_sec .check_list {display: flex; flex-wrap: wrap; max-width: 935px;}

.srch_sec .con_area .check_sec .check_list .form_checkbox {margin-right: 40px; font-size: 16px; font-family: pretendard; color: #222; margin-bottom: 20px;}
.srch_sec .con_area .check_sec .check_list .form_checkbox input + label {background: url(../images/ico-chkbox.svg) 0 0 no-repeat; padding-left: 36px;}
.srch_sec .con_area .check_sec .check_list .form_checkbox input:checked + label { background: url(../images/ico-chkbox-on.svg) 0 0 no-repeat;}
.srch_sec .con_area .btn_area {background: #F6F6F6; position: absolute; width: 100%; left: 0; bottom: 0; padding: 30px 0; border-radius: 0 0 16px 16px;}

.srch_sec .con_area .sd_open {display: none;}
.srch_sec .con_area .sd_close {display: none;}

.srch_sec .con_area .sd_open {position: absolute; left: 50%; transform: translateX(-50%); bottom: 28px; display: flex; font-family: pretendard, sans-serif; font-size: 16px;}
.srch_sec .con_area .sd_open::after {content: ""; background: url("../images/ico-m-sd-open.svg"); display: inline-block; width: 24px; height: 24px; margin-left: 10px;}

.srch_sec .con_area .sd_close {position: absolute; left: 50%; transform: translateX(-50%); top: 124px; font-family: pretendard, sans-serif; font-size: 16px;}
.srch_sec .con_area .sd_close::after {content: ""; background: url("../images/ico-m-sd-open.svg"); display: inline-block; width: 24px; height: 24px; margin-left: 10px; transform: rotate(180deg);}


/* 단지리스트 검색영역 수정 */
.srch_sec .cdt_sel {display: flex; padding-bottom: 40px; position: relative; z-index: 1;}
/* .srch_sec .cdt_sel .custom_select {width: 400px; height: 80px;} */
.srch_sec .cdt_sel .custom_select .form_input {width: 400px; height: 80px;}
.srch_sec .cdt_sel .custom_select .form_input input {height: 100%; font-size: 18px; border-right: 0; padding: 0 45px 0 40px; font-family: pretendard; color: #222; background: #fff;}
.srch_sec .cdt_sel .custom_select .form_input input::placeholder {font-size: 18px; color: #333333;}
.srch_sec .cdt_sel .custom_select .form_input::after {right: 25px;}
.srch_sec .cdt_sel .custom_select .option {max-height: 230px; overflow-y: auto; padding: 0; width: calc(100% + 1px);}
.srch_sec .cdt_sel .custom_select .option::-webkit-scrollbar  {width: 6px;}
.srch_sec .cdt_sel .custom_select .option::-webkit-scrollbar-track {background: #ccc; border-radius: 0;}
.srch_sec .cdt_sel .custom_select .option::-webkit-scrollbar-thumb {background: #999; border-radius: 0;} 
.srch_sec .cdt_sel .custom_select .option a {padding: 15px 40px; height: auto; line-height: unset;}

.srch_sec .cdt_sel .form_select {position: relative; top: 0; width: 400px; height: 80px;}
.srch_sec .cdt_sel .form_select select {width: 100%; height: 80px; padding: 15px 40px; font-size: 18px; color: #222; border-right: 0;}

.srch_sec .cdt_sel .input_sec {position: relative; top: 0; width: calc(100% - 400px); height: 80px;}
.srch_sec .cdt_sel .input_sec .input_div input {border-radius: 0; height: 100%; font-size: 18px; color: #222; font-family: pretendard; padding: 3px 100px 3px 40px;}
.srch_sec .cdt_sel .reset {font-size: 14px; text-decoration: underline; padding-left: 25px; background: url("../images/ico-reset.svg") no-repeat 0; position: absolute; bottom: 0; right: 0;}

/* FO-SE-01-002 수정 */
.list_type2 ul li.no_scroll_motion {opacity: 1; transform: translateY(0); transition-duration: 0s;}
.sale_complex_list .list_type1.type2 .for_flex .item.no_scroll_motion {opacity: 1; transition: 0s; transform: translateY(0);}


@media all and (max-width: 1500px) {
  .srch_sec .bg {height: 500px;}
  .apartment_list .srch_sec .bg {height: 500px;}
  .apartment_list.type2 .srch_sec .bg {height: 500px;}
  .sale_complex_list.type2 .srch_sec .bg  {height: 500px;}

  /* 단지리스트 검색영역 수정 */
  .srch_sec .cdt_sel .custom_select .form_input {width: 280px;}
  .srch_sec .cdt_sel .form_select {width: 280px;}
  .srch_sec .cdt_sel .input_sec {width: calc(100% - 280px);}
}

@media all and (max-width: 1024px) {
  .srch_sec .con_area .input_sec {height: 64px;}
  .srch_sec .input_sec .input_div.change_line input {border: 1px solid #ddd;}
  .srch_sec .input_sec .input_div.change_line input:focus {border: 1px solid #ddd;}
  /* .srch_sec .input_sec .input_div.bk_line input {border: 1px solid #ddd;} */

  
  /* 단지리스트 검색영역 수정 */
  .srch_sec .cdt_sel .custom_select .form_input {width: 180px;}
  .srch_sec .cdt_sel .custom_select .form_input input {padding: 0 20px 0 20px;}
  .srch_sec .cdt_sel .custom_select .option a {padding: 12px 20px;}

  .srch_sec .cdt_sel .form_select {width: 180px;}
  .srch_sec .cdt_sel .form_select select {width: 180px; padding: 12px 20px;}

  .srch_sec .cdt_sel .input_sec {width: calc(100% - 180px);}
  .srch_sec .cdt_sel .input_sec .input_div input {border-radius: 0 !important; padding: 3px 100px 3px 20px;}
  .srch_sec .cdt_sel .input_sec > a {width: 80px; height: 80px;}
}
@media all and (max-width: 768px) {

  .srch_sec .bg {height: 250px; background: url("../images/bg-srch-m.jpg") no-repeat; background-size: cover; background-position: center; margin: 40px 0;}
  .apartment_list .srch_sec .bg {height: 250px;}
  .apartment_list.type2 .srch_sec .bg {height: 250px;}
  .sale_complex_list.type2 .srch_sec .bg  {height: 250px;}
  
  .srch_sec .con_area {padding: 40px 20px; border-radius: 8px;}
  .srch_sec .con_area .input_sec {width: 100%; height: 56px;}
  .srch_sec .input_sec .input_div input {padding: 3px 60px 3px 20px;}
  .srch_sec .con_area .btn_area { /* display: block !important; */ padding: 0 0; height: 0; margin-top: 0;}
  .srch_sec .con_area .btn_area.h56 a {width: auto; min-width: 20px !important; height: 48px; line-height: 49px; font-size: 14px; margin-top: 30px;}
  .srch_sec .con_area .check_sec {margin: 20px 0; height: 0; overflow: hidden;}
  .srch_sec .con_area .check_sec li {display: block;}
  .srch_sec .con_area .check_sec li .tit {margin-bottom: 30px;}


  /* 단지리스트 검색영역 수정 */
  .srch_sec .cdt_sel {display: block; padding-bottom: 50px;}
  .srch_sec .cdt_sel .custom_select + .custom_select {margin-top: 10px;}
  .srch_sec .cdt_sel .custom_select .form_input {height: 56px; width: 100%;}
  .srch_sec .cdt_sel .custom_select .form_input:after {right: 20px;}
  .srch_sec .cdt_sel .custom_select .form_input input {border-right: 1px solid #ddd; font-size: 16px;}
  .srch_sec .cdt_sel .custom_select .form_input input::placeholder {font-size: 16px;}
  .srch_sec .cdt_sel .custom_select .option {width: 100%;}
  .srch_sec .cdt_sel .custom_select .option a {font-size: 16px;}

  .srch_sec .cdt_sel .form_select {width: 100%; height: 56px;}
  .srch_sec .cdt_sel .form_select select {width: 100%; height: 56px; border-right: 1px solid #ddd; font-size: 16px;}

  .srch_sec .cdt_sel .input_sec {height: 56px; width: 100%; margin-top: 10px;}
  .srch_sec .cdt_sel .input_sec .input_div input {font-size: 16px; padding: 3px 70px 3px 20px;}
  .srch_sec .cdt_sel .input_sec > a {width: 56px; height: 56px;}
}

/* ------------------------------------------------------------------- 검색영역 공통 - End  --------------------------------------------------------------------------- */



/* ------------------------------------------------------------------- 리스트 공통 - Start  --------------------------------------------------------------------------- */

.list_type1 {position: relative; margin-top: 120px;}
.list_type1 .add_txt {margin-bottom: 40px; font-size: 18px; font-family: pretendard; color: #222;}
.list_type1 .add_txt strong {font-size: 24px; font-family: pretendard; color: #961E1E;}
.list_type1 li {position: relative; width: 100%; height: 675px; margin-bottom: 100px;}
.list_type1 li:last-child {margin-bottom: 0;}
.list_type1 li > .img {position: absolute; top: 0; left: 0; width: 900px; height: 675px; overflow: hidden; transform: translateX(-100px); opacity: 0; transition: 1.5s;}
.list_type1 li:nth-child(even) > .img {left: auto; right: 0; transform: translateX(150px); opacity: 0; transition: 1.5s;}
.list_type1 li > .img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto; overflow: hidden;}
.list_type1 li > .img a img:focus {border: 2px solid #222;}
.list_type1 li > .info_div {position: absolute; bottom: 0; right: 0; width: 620px; height: 590px; padding: 80px; background: #fff; overflow: hidden;}
.list_type1 li > .info_div .for_scroll {transform: translateX(100px); opacity: 0; transition: 1.5s; transition-delay: .2s;}
.list_type1 li:nth-child(even) > .info_div .for_scroll {transform: translateX(-100px);}
.list_type1 li.active > .info_div .for_scroll {opacity: 1; transform: translateX(0);}
.list_type1 li.active > .img {opacity: 1; transform: translateX(0);}

.list_type1 li.init > .info_div .for_scroll {opacity: 1; transform: translateX(0);}
.list_type1 li.init > .img {opacity: 1; transform: translateX(0);}


.list_type1 li:nth-child(even) > .info_div {left: 0;}
.list_type1 li > .info_div .labels {display: flex; margin-bottom: 30px}
.list_type1 li > .info_div .labels > p {min-width: 47px; height: 27px; padding: 0 8px; margin-right: 5px; line-height: 26px; border-radius: 14px; border: 1px solid #961E1E; font-family: pretendard; color: #961E1E; font-size: 12px;}
.list_type1 li > .info_div .labels > p.on {color: #fff; background: #961E1E;}
.list_type1 li > .info_div .info {position: relative;}
.list_type1 li > .info_div .txt1 {font-family: pretendard; color: #8A7251;}
.list_type1 li > .info_div .detail {color: #4D4D4D; margin: 30px 0 28px;}
.list_type1 li > .info_div .detail dl {display: flex; margin-bottom: 13px;}
.list_type1 li > .info_div .detail dl:last-of-type {margin-bottom: 0;}
.list_type1 li > .info_div .detail dl dt {width: 80px; color: #727272;}
.list_type1 li > .info_div .detail dl dd {display: flex; width: calc(100% - 80px); color: #4D4D4D;}
.list_type1 li > .info_div .detail dl dd .progress {position: relative; width: 100px; height: 4px;}
.list_type1 li > .info_div .detail dl dd .progress span {display: inline-block; width: 100%; background: #2D2D2D; border-radius: 2px; height: 100%; opacity: 0.1; position: absolute; top: 8px; left: 0;}
.list_type1 li > .info_div .detail dl dd .progress span.upper {opacity: 1; background: #961E1E;}
.list_type1 li > .info_div .detail dl dd .percent {margin-left: 20px;}
.list_type1 li > .info_div .txt3 {font-family: pretendard; color: #222;}
.list_type1 li > .info_div .info .like {position: absolute; top: 20px; right: 80px; width: 48px; height: 48px;}
.list_type1 li > .info_div .info .like > p {position: absolute; top: 0; left: 0; width: 48px; height: 48px;}
.list_type1 li > .info_div .info .like > p:nth-child(1) {opacity: 1; transform: rotateY(0deg); transition-duration: 0.5s; transition-property: opacity transform; perspective: 100px;}
.list_type1 li > .info_div .info .like > p:nth-child(2) {opacity: 0; transform: rotateY(180deg); transition-duration: 0.5s; transition-property: opacity transform; perspective: 100px;}
.list_type1 li > .info_div .info .like.on > p:nth-child(1) {opacity: 0; transform: rotateY(-180deg);}
.list_type1 li > .info_div .info .like.on > p:nth-child(2) {opacity: 1; transform: rotateY(0deg);}
.list_type1 li > .info_div .btn_area {display: block; text-align: left; margin-top: 40px;}
.list_type1 li > .info_div .btn_area .btn_type1 {width: auto; min-width: 88px; margin-left: 8px;}
.list_type1 li > .info_div .btn_area .btn_type1:first-child {margin-left: 0;}
.list_type1 > .btn_area.more {margin-top: 0;}


@media all and (max-width: 1900px) {
	.list_type1 li > .img {width: 50%;}
}
@media all and (max-width: 1500px) {
	.list_type1 li {height: auto;}
	.list_type1 li > .img {position: unset; width: 100%; height: auto;}
	.list_type1 li > .img img {position: unset; width: 100%; transform: translate(0);}
	.list_type1 li > .info_div {position: unset; width: 100%; transform: translate(0); height: auto; padding: 80px 0 ;}

}
@media all and (max-width: 768px) {
  .list_type1 li > .info_div {padding: 40px 0 0;}
  .list_type1 li ~ li {margin-top: 80px;}
  .list_type1 li > .info_div .detail {margin: 30px 0 40px;}
  .list_type1 {margin-top: 80px;}
  .list_type1 .add_txt {font-size: 16px; margin-bottom: 20px;}
  .list_type1 .add_txt strong {font-size: 16px; font-family: pretendard;}
}





/* 검색결과가 없습니다. */
/* .nodata {padding: 120px 5% 120px; border: 1px solid #ddd; text-align: center; font-size: 18px; font-family: pretendard; color: #999;} */
.nodata {height: 355px; padding: 120px 5% 120px; font-family: pretendard; font-size: 18px; text-align: center; color: #4d4d4d; border: 1px solid #ddd;}
/* .nodata > p {padding-top: 94px; line-height: 1; background: url('../images/icon-nodata.svg') no-repeat center 0 / 64px auto;} */
.nodata > p {padding-top: 99px; line-height: 1; background: url('../images/icon-nodata.svg') no-repeat center 0 / 64px auto;}


.list_type2 {position: relative; margin-top: 120px;}
.list_type2 .add_txt {margin-bottom: 40px; font-size: 18px; font-family: pretendard; color: #222;}
.list_type2 .add_txt strong {font-family: pretendard; font-size: 24px; color: #961E1E;}
.list_type2 ul {display: flex; flex-wrap: wrap; justify-content: flex-start;}
.list_type2 ul li {position: relative; width: 400px; min-height: 578px; margin-left: 40px; margin-bottom: 60px; box-sizing: border-box; overflow: hidden; border: 1px solid #ddd; background-color: #fff; transform: translateY(150px); opacity: 0; transition-duration: 1.2s; animation: ShadowReverse .4s forwards;}
/* .list_type2 ul li:nth-of-type(1), .list_type2 ul li:nth-of-type(), .list_type2 ul li:nth-of-type(3) {}  */
.list_type2 ul li:nth-child(3n+1) {margin-left: 0;}
.list_type2 ul li.active {transform: translateY(0); opacity: 1;}
/* .list_type2 ul li:nth-of-type(3n-1) {margin: 0 40px; transition-delay: .2s;} */
.list_type2 ul li:nth-of-type(3n-1) {transition-delay: .2s;}
.list_type2 ul li:nth-of-type(3n) {transition-delay: .4s;}

.list_type2 li.init > .info_div .for_scroll {opacity: 1; transform: translateX(0);}
.list_type2 li.init > .img {opacity: 1; transform: translateX(0);}
.list_type2 li:hover {animation: ShadowBorder .5s forwards;}
.list_type2 > .btn_area.more {margin-top: 0;}



/* .list_type2 ul li .img {width: calc(100% + 2px); margin-left: -1px; margin-top: -1px; height: 225px; overflow: hidden; box-sizing: border-box; position: relative; border: 1px solid #ddd; border-bottom: 0;} */
.list_type2 ul li .img {position: relative; width: 100%; height: 225px; overflow: hidden;}
.list_type2 ul li .img a {display: block; position: relative; width: 100%; height: 225px; overflow: hidden; background: url('../images/img-blank1.jpg') no-repeat center center; background-size: cover;}
.list_type2 ul li .img a:focus {border: 2px solid #222;}
/* .list_type2 ul li .img img {width: 100%;} */
/* .list_type2 ul li .img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} */
.list_type2 ul li > .img img {width: 100%; height: 100%; object-fit: cover;}
/* .list_type2 ul li > .info_div {padding: 40px 40px 0px 40px;} */
.list_type2 ul li > .info_div {padding: 40px;}
.list_type2 ul li > .info_div .labels {display: flex; flex-wrap: wrap;}
.list_type2 ul li > .info_div .labels {margin-bottom: 24px;}
/* .list_type2 ul li > .info_div .labels > p {min-width: 47px; height: 27px; padding: 4px 8px; margin-right: 5px; margin-bottom: 6px; border-radius: 50px; border: 1px solid #961E1E; font-family: pretendard; color: #961E1E; font-size: 12px; word-break: break-all; overflow: hidden; max-width: 100px;} */
.list_type2 ul li > .info_div .labels > p {/*min-width: 47px;*/ height: 27px; padding: 4px 8px; margin-right: 5px; margin-bottom: 6px; border-radius: 50px; border: 1px solid #961E1E; font-family: pretendard; color: #961E1E; font-size: 12px; word-break: break-all; overflow: hidden; max-width: 102px;}
.list_type2 ul li > .info_div .labels > p.on {color: #fff; background: #961E1E;}
/* .list_type2 ul li > .info_div .labels > p.shorter {overflow: hidden; max-width: 110px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;} */
.list_type2 ul li > .info_div .info {position: relative;}
.list_type2 ul li > .info_div .txt1 {margin-bottom: 6px; font-family: pretendard; color: #8A7251;}
.list_type2 ul li > .info_div .txt2 {word-break: break-all;}
.list_type2 ul li > .info_div .txt2 a {word-break: break-all;}
.list_type2 ul li > .info_div .detail {color: #4D4D4D; margin-top: 23px;}
.list_type2 ul li > .info_div .detail dl {display: flex;}
.list_type2 ul li > .info_div .detail dl + dl {margin-top: 10px;}
.list_type2 ul li > .info_div .detail dl dt {width: 80px; color: #4D4D4D; word-break: break-all;}
.list_type2 ul li > .info_div .detail dl dd {display: flex; width: calc(100% - 85px); color: #4D4D4D; word-break: break-all;}
.list_type2 ul li > .info_div .detail dl dd .progress {position: relative; width: 100px; height: 4px;}
.list_type2 ul li > .info_div .detail dl dd .progress span {display: inline-block; width: 100%; background: #2D2D2D; border-radius: 2px; height: 100%; opacity: 0.1; position: absolute; top: 8px; left: 0;}
.list_type2 ul li > .info_div .detail dl dd .progress span.upper {opacity: 1; background: #961E1E;}
.list_type2 ul li > .info_div .detail dl dd .percent {margin-left: 20px;}
/* 23-02-21 수정 */
.list_type2 ul li {padding-bottom: 48px;}
.list_type2 ul li > .info_div .btn_area {display: flex !important;}
.list_type2 ul li > .info_div .btn_area {position: absolute; bottom: 0; left: 0; right: 0;}
/* 23-02-21 수정 */
.list_type2 ul li > .info_div .btn_area a {display: block; height: 48px; border-top: 1px solid #ddd; min-width: 0 !important; flex-grow: 1; border-left: 0; border-bottom: 0; color: #4d4d4d;}
.list_type2 ul li > .info_div .btn_area a + a {margin-left: 0;}
.list_type2 ul li > .info_div .btn_area a:last-of-type {border-right: 0;}

.list_type2 ul li > .info_div .links {position: absolute; bottom: 0; left: 0; right: 0; display: flex; flex-wrap: wrap;}
.list_type2 ul li > .info_div .links a {display: flex; justify-content: center; align-items: center; flex-grow: 1; width: 50%; height: 48px; border-top: 1px solid #ddd; color: #4d4d4d;}
.list_type2 ul li > .info_div .links a:nth-child(2n) {border-left: 1px solid #ddd;}

@media all and (max-width: 1500px) {
  .list_type2 ul li {width: calc(50% - 20px); margin-left: 0;}
  .list_type2 ul li:nth-child(3n+1) {margin-left: 0;}
  .list_type2 ul li:nth-child(2n) {margin-left: 40px;}
  .list_type2 ul li:nth-of-type(3n-1) {transition-delay: 0s;}
  .list_type2 ul li:nth-of-type(3n) {transition-delay: 0s;}
  .list_type2 ul li:nth-of-type(2n) {transition-delay: .2s;}
  /* .list_type2 ul li .img {height: 260px;} */
  .list_type2 ul li .img {height: 0; padding-bottom: 56.4%;}
  .list_type2 ul li .img a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
  .list_type2 ul li .img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
}

@media all and (max-width: 1024px) {
  .list_type2 ul li {width: 100%; min-height: auto;}
  .list_type2 ul li:nth-of-type(3n-1) {margin-bottom: 60px;}
  .list_type2 ul li:nth-of-type(2n) {margin-left: 0; transition-delay: 0s;}
  /* .list_type2 ul li .img {height: 100%;} */
  /* .list_type2 ul li .img img {position: unset; transform: translate(0); width: 100%;} */
  .list_type2 ul li > .info_div .labels {margin-bottom: 6px;}
}

@media all and (max-width: 768px) {
  .list_type2 {margin-top: 80px;}
  .list_type2 .add_txt {font-size: 16px; margin-bottom: 20px;}
  .list_type2 .add_txt strong {font-size: 16px; font-family: pretendard;}
  .list_type2 ul li .info_div {padding: 30px;}
  /* .list_type2 ul li > .info_div .btn_area {display: block !important;} */
  .list_type2 ul li > .info_div .btn_area a {min-width: 20px !important;}

  .list_type2 ul li > .info_div .labels {min-height: 66px; margin-bottom: 6px;}
}

@media all and (max-width: 480px) {
  .srch_sec .con_area .check_sec .check_list {justify-content: space-between;}
}

@media all and (max-width: 380px){
  /* .list_type2 ul li > .info_div .links a {padding: 0 10px;} */
  /* .list_type2 ul li > .info_div .links a:first-of-type {padding: 0 10px;} */
}


/* ------------------------------------------------------------------- 리스트 공통 - End  --------------------------------------------------------------------------- */






/* ------------------------------------------------------------------- 탑버튼 / 로딩 - Start ---------------------------------------------------------------------------------*/
.gototop {display: block;position: sticky; bottom: 60px; right: 3%; z-index: 50; width : 48px;height : 48px;opacity: 1;margin-left : auto; transition : opacity .5s;}
/* .gototop {position: fixed; bottom: 646px !important; right: 40px; opacity: 1 !important; z-index: 50;} */

@media all and (max-width:1024px) {
}
@media all and (max-width:768px) {
  .gototop {position : fixed; bottom: 30px; right: 3%; width: 30px; height: 30px; opacity: 0;}
  .gototop.on{opacity: 1;}
  .gototop > img {width: 30px;}
}

.loading {display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 99999;}
.loading::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.8);}
.loading > div {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 120px; height: 72px; overflow: hidden;}
.loading > div p {position: absolute; top: 0; left: 0; width: 120px; height: 72px; overflow: hidden;}
.loading > div p:nth-child(2) {animation: spinning 1.5s infinite; width: 120px; height: 72px;}
.loading > div p img {position: absolute; top: 0; left: 0; width: 120px; height: 72px;}

@media all and (max-width:1024px) {
  .loading > div {width: 100px; height: 72px;}
  .loading > div p {width: 100px; height: 72px;}
  .loading > div p:nth-child(2) {width: 100px; height: 72px;}
  .loading > div p img {width: 100px;}
}
@media all and (max-width:768px) {
  .loading .logo img {width: 100px;}
  .loading > div .spin {width: 40px; height: 40px; margin: 20px auto 0;}
  .loading > div .spin img {width: 40px; height: 40px;}

  .loading > div {width: 60px; height: 72px;}
  .loading > div p {width: 60px; height: 72px;}
  .loading > div p:nth-child(2) {width: 60px; height: 72px;}
  .loading > div p img {width: 60px;}
}
@keyframes spinning {
  0% { height: 0; }
  100% { height: 72px; }
}
/* ------------------------------------------------------------------- 로딩 - End -----------------------------------------------------------------------------------*/




/* ------------------------------------------------------------------- 모바일 수평모드 - Start ---------------------------------------------------------------------------------*/

.horizon_mode {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #fff; z-index: 999;}
.horizon_mode .pack {position: absolute; top: 50%; left: 50%; transform: translate(-50%,  -50%); text-align: center;}
.horizon_mode .pack h1 img {width: 100px;}
.horizon_mode .pack .txt {margin: 40px 0 20px; font-size: 16px; font-family: "spoqa_bold", sans-serif;}
.horizon_mode .pack .txt span {color: #063B72;}

/* ------------------------------------------------------------------- 모바일 수평모드 - End ---------------------------------------------------------------------------------*/

/* print 프린트 */
/*@media print {
  .print .btn_area {display: none;}
  .print .print_logo {margin: 100px 0 130px; text-align: center;}
  .print .tab_con_box {padding: 0 120px 160px;}
  .print .tab_con_box .content_txt_r_dark + .content_txt_r_dark {margin-top: 17px;}  
}*/



@media print {
  html:not(.ie) {zoom: .52;}
  /* div:not(.print) {border: 10px solid red;} */

  header, footer, .sub_tit {display: none;}
  
  /* 계약자서비스 */
  .service_sec > .sec_tit {display: none;}
  .service_sec > .con_tit {display: none;}
  .service_sec .accordion {display: none;}
  .service_sec .service_apt {display: none !important;}
  .service_sec .btn_tab_area.tab_type2 {display: none;}
  .service_sec .btn_tab_area.sub_tab {display: none !important;}
  .service_sec .tab_con_area .btn_area.h46 a.print_bt {display: none;}
  .service_sec .paint_img {display: block !important;}

  .service_sec .as_info_box .gray_desc_box {display: flex !important;}
  .service_sec .as_info_box .desc_wrap + .desc_wrap {margin-top: 0 !important; padding-left: 80px !important;}
  .service_sec .as_info_box .desc_wrap::before {display: block !important;}
  .service_sec .as_info_box .desc_wrap:first-child::before {display: none !important;}
  
  .service_sec .as_info_table tr th {padding: 10px !important;}
  .service_sec .as_info_table tr td {padding: 10px !important;}
  .service_sec .as_info_table.col_tb th {padding: 16px !important;}
  .service_sec .as_info_table.col_tb td {padding: 16px 30px !important;}
  .service_sec .as_info_table.col_tb2 td {padding: 10px 30px !important;}
  .service_sec .as_info_table {width: 100% !important;}
  /* .service_sec .form_table {transform: scale(1.1, 1) translateX(4.7%);} */
  
  .service_sec .as_info_box .table_tit {padding: 50px 0 30px !important; font-size: 20px !important;}
  .service_sec .as_info_box:first-child .table_tit {padding: 50px 0 30px !important;}
  .service_sec .as_info_box .as_txt_div .tsub_tit {padding-bottom: 16px !important; font-size: 18px !important;}
  .service_sec .as_info_box .as_txt_div + .as_txt_div {margin-top: 28px !important;}

  .service_sec .print .as_txt_div .table_txt {display: none;}
  .service_sec .print .as_txt_div .date {display: none;}
  .service_sec .print .as_info_box .refer_txt.print_txt {display: none;}

  /* 지도 */
  .pop_wrap .pop_body.map_pop {width: 100% !important; height: 100% !important; padding: 40px 0 0 !important;}
  .pop_wrap .pop_body.map_pop .pop_tit {display: none !important;}
  .pop_wrap .pop_body.map_pop .xbt {display: none !important;}
  .pop_wrap .pop_body.map_pop .pop_con {padding-right: 0 !important; overflow-y: unset;}
  .pop_wrap .pop_body.map_pop .pop_con .tab_type2  {display: none !important;}
  .pop_wrap .pop_body.map_pop .pop_con .tab_con_area {padding-top: 0 !important;}
  .pop_wrap .pop_body.map_pop .pop_con .btn_area {display: none !important;}
  .pop_wrap .pop_body.map_pop .pop_con .map_api {height: 1000px !important;}
  .pop_wrap .pop_body.map_pop .pop_con .map_api iframe {width: 100% !important; height: 100% !important;}

  .gototop {display: none;}
  /* * {overflow-x: hidden;}
  .paint_img {text-align: right; margin-top: 40px;}
  .form_table::-webkit-scrollbar {display: none; visibility: hidden;}
  .as_info_table table::-webkit-scrollbar {display: none; visibility: hidden;} */
}